/* table, th, td, p, div, a.sitemenu { color:#555555; font-size:12px; } */

#toggle_btn {
  font-family: Arial;
  font-size:7pt;
}

/* ----- IVEDIT ----- */
.ive_editable { 
  z-index:100;
  position:relative;
}

.ive_halo { 
  position:absolute;
  Xborder: 2pt dotted #3eb700; 
  color: #8bb98e;
  padding:0px;
/*  filter:alpha(opacity=55); opacity:55%; -moz-opacity:55%; */
}
.ive_eobj_halo { 
  overflow:visible;
  position:absolute;
  border:2px solid #0462AB;
  display:none;
}
.ive_eobj_halo .help_ {
  width:260px;
  text-align:center;
  padding:4px 6px;
  background-color:#333;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  position:relative;
  top:-35px;
  display:none;
  border-radius:4px;
  z-index:1000;
}

#_ptt_prompts > * { 
  position:absolute; 
  display:none; 
  color:#CCC;
  font-weight:bold;
}

.ive_blockmenu, .ive_menu {
  display:none;
  white-space:nowrap;
  font-weight:normal;
  position:absolute;
  padding:2;
  z-index:1130;
}
.ive_blockmenu div, .ive_menu div { float:left; cursor: pointer; }
.ive_dialog { z-index:2000; overflow:hidden; font-weight:normal; position:absolute; display:none; }
.ive_dialog .return_btn {
  display:inline-block;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
  background-color:#666!important;
  color: #ccc!important;
  border: none;
  padding:1px 6px 3px!important;
  margin:6px 1px;
  border-radius: 3px;
}
.ive_dialog .result_ { margin:10px; }

.ive_do_insert { display:none; cursor: pointer; position:absolute; z-index:110; }
.ive_do_trash { margin-left:5px; margin-right:5px; }

.ive_hint {
  opacity: .5;
  filter: alpha(opacity=70);
  text-align:center;
  font-size:140%;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.ive_template {
  display:none;
}

ul.ive_menubar { margin:0; padding:0; right:0; }
ul.ive_menubar li { float:left; cursor:pointer; list-style-type:none; text-align:center; padding:2px 5px; line-height:15px; }

#ive_floatmenu { position:fixed; top:0; right:0; z-index:1500; background-repeat:repeat-x; }
  #ive_switchmenu { overflow:hidden; float:right; }
  #ive_mainmenu { overflow:hidden; display:none; float:right; }
  #ive_editmenu { overflow:hidden; Xdisplay:none; float:right; }
  #ive_editmenu .panel { display:none; }

  #ive_editwidgets { display:none; }
  #ive_editwidgets ul { list-style-type: none; padding:0; margin:0; }
  #ive_editwidgets li { float:left; padding:0; margin:0; }
  #ive_editwidgets a { display:block; cursor:pointer; margin:0 5px; padding:2px 8px 2px 5px; text-decoration:none; }

  #ive_floatmenu a.button {  font-size:70%; font-weight:bold; }
  #ive_floatmenu a.button .icon { margin:auto; }

  #ive_floatmenu .shadow { clear:both; font-size:1px; background:url('pix/row2_shadow.png'); height:6px; }

#ive_auxmenu { position:fixed; left:0; z-index:1500; display:none; overflow:hidden; }
  #ive_auxmenu .gallery { height:100px; width:100%; margin:auto; }
  #ive_auxmenu .content {  }
  #ive_auxmenu .shadow { font-size:1px; background:url('pix/row2_shadow.png'); height:6px; }
  #ive_auxmenu button { font-family:'lucida grande', tahoma, verdana, arial, sans-serif; padding:0 4px; background-color:#c0dee2; cursor:pointer; border:none; border-radius:4px; }
    #ive_auxmenu button:hover { background-color:#d0f9fe; }
    #ive_auxmenu button[disabled], #ive_auxmenu button[disabled] { background-color:#899da6; color:#666; }

#ive_pagetab { height:inherit!important; position:fixed; right:0; z-index:1490; cursor:default;}
#ive_pagetab .moreinfo_ { clear:both; }

#ive_editor { width:1300px; }

/* ive_hidden in designmode and normal */
.ive_hidden { display:none!important; }
  .sitemenu_area ul.ive_hidden { display:block; visibility:hidden; }
  .sitemenu li.ive_hidden { display:none; }
.ive_designmode .ive_hidden { opacity: .4; filter: alpha(opacity=40)!important; display:inherit!important;}
  .ive_designmode .sidebar_area .ive_hidden ul { display:block; }
  .ive_designmode .sidebar_area .ive_hidden li { display:list-item!important; }
  .ive_designmode span.ive_hidden { display:inline!important; }
  .ive_designmode .sitemenu_area ul.ive_hidden { display:block; visibility:visible; }
  .ive_designmode .sitemenu li.ive_hidden { display:inline-block!important; visibility:visible; }

/* 2013-06-24 joel: show anyway */ 
.main_area.ive_hidden { opacity:1!important; filter:none!important; }

#ive_dogear { right:0; bottom:0; position:fixed; cursor:pointer; z-index:1500; }
  #ive_dogear .text_ { right:0; bottom:0; position:absolute; padding:0 5px 5px 0; color:#eee; font:bold 14px Arial; text-align:center; }

/*
#ive_anim_control { position:absolute; top:0px; right:4px; background:white; border:1px solid #888; padding:4px; z-index:1400; }
  #ive_anim_control > div { float:left; width:16px; height:16px; margin-right:4px; cursor:pointer; }
    #ive_anim_control .rewind_ { background:url(/rs/action/reload.png); }
    #ive_anim_control .play_ { background:url(/rs/action/pause.png); }
    #ive_anim_control .pause_ { background:url(/rs/action/play.png); }
    #ive_anim_control .generate_ { background:url(/rs/action/folder.png); }
    .ive_designmode #ive_anim_control .play_, .ive_designmode #ive_anim_control .rewind_ { display:none; }
*/

/* --- Layout Panel:lop --- */
.lop_overlay { 
  position:absolute; width:0; height:0; display:none; z-index:1000; 
  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
  overflow:hidden;
  text-align:right;
  font-size:150%;
  font-weight:bold;
  padding:0px 10px;
}

.ddsunderway, .ddsvunderway { cursor:not-allowed; }
ul .ddsinsert { border-left: 10px solid transparent; }
ul .ddsvinsert { border-top: 10px solid transparent; }
.ddsitem { cursor: col-resize; }
.ddsvitem { cursor: row-resize; }
.ddsmoving,.ddsvmoving { 
  opacity: .3;
  filter: alpha(opacity=30);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.insertBefore_ { margin-left:10px!important; }
.insertAfter_ { margin-right:10px!important; }
/* ------ IVEDIT ends ------ */

table.menu {
  visibility:hidden;
  font-weight:normal;
  border: 1px solid #aaa;
  background-color:#fcfcfc;
  position:absolute;
  padding:0;
  margin:0;
  text-align: left;
  z-index:1010;
  -moz-border-radius:5px;
  filter:alpha(opacity=85); opacity:85%;
/* -moz-opacity:0.85; <<< 2008-06-09 joel: this conflict with swf, will cause swf to become invisible */
}

table.menu td, table.menu th, a.menu_mark {
  font-family:arial, georgia;
  font-size:14px;
  color:#211e00!important;
  text-decoration: none!important;
}
table.menu td, table.menu th {
  padding:0;
  margin:0;
  line-height:100%;
}
table.menu a, table.menu a:visited {
  font-family:arial, georgia;
  font-size:13px;
  word-wrap:normal;
  text-decoration: none!important;
  color: #000!important;
  padding: 5 10;
  display:block;
}
table.menu a:hover {
  background-color:#d3d3d3;
}
div.menu_mark, a.menu_mark, a.menu_mark:hover, a.menu_mark:visited {
  font-weight:bold;
  text-decoration:none;
  color:#000;
  Xborder: 1px solid #C6AD00;
  Xbackground-color:#FFEC64;
margin:0 0 0 0;
padding:0 0px 0 0px;
Xline-height:20px;
  position:relative;
  z-index:1000;
}
.menu_mark_inv {
  Xcolor:#cba212;
  Xbackground-color:#efe3b4;
border-right:1px solid #c6a400;
font-weight:normal;
  padding:0 6px 0 2px;
}
td.menu_line { 
  background-color:#ddd;
  color:red; 
  Xborder-top:1px dashed #000!important; 
  font-size:1px; 
  line-height:1px;
}
.menu_instruct {
  font-weight:bold;
  color:#5d4900;
  padding-top:6px;
  padding-bottom:3px;
  background-color:#feecae;
}

/* user menu cf cms menu */
a.umenu_mark, a.umenu_mark:hover, a.umenu_mark:visited {
  font-family:arial, georgia;
  font-size:11px;
  font-weight:normal;
  text-decoration:none;
  color:#000;
  border: 1px solid #3175B9;
  background-color:#7DB5EC;
  padding:0 2 0 0;
}

table.notemenu {
  font-family:arial, georgia;
  display:none;
  font-weight:normal;
  position:absolute;
  padding:0;
  margin:0;
}
table.notemenu_text {
  border: 1px solid #DFCFC1;
  background-color:#FFFAEC;
  padding:0;
  margin:0;
/* -moz-opacity:0.85; filter:alpha(opacity=85); opacity:85%; */
  -moz-border-radius:5px;
}
table.notemenu_text textarea {
  font-family: Arial;
  font-size:12px;
  border-top:1px solid #888;
  border-left:1px solid #888;
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd;
  padding:2px;
  -moz-border-radius:5px;
}
/* --- form/edit panel --- */
table.edit_panel {
  font-family:arial, georgia;
  Xbackground-color:#e3eaed;;
  border-collapse:collapse;
  margin:3px 0;
  Xborder:4px solid #e3eaed;
  border-radius: 6px;
}
table.edit_panel > tbody > tr, table.edit_panel > tr { Xbackground-color:#e3eaed; border-bottom:1px solid #f3f5f6;}
table.edit_panel tr.header { background-color:#7b96a1; }
table.edit_panel tr.buttons { background-color:#b4c3c9; }
table.edit_panel tr.sep { border-top:2px solid #7b96a1;}
table.edit_panel p {margin-top:8px}
table.edit_panel ol {margin:0 0 0 0}
table.edit_panel li {margin-top:6px;} 
table.edit_panel td, table.edit_panel th { font-size: 12px; color:#000; padding:4px 6px; }
table.edit_panel th { background-color:#777; color:white; }
table.edit_panel tr.header td { 
  padding:6px 6px;
  color:#e3eaed; 
  font-size:130%; 
  font-weight:bold; 
}
table.edit_panel tr.buttons td { text-align:center; }

.edit_panel .hint {
 font-weight: normal;
 font-size: 95%;
 color: #999;
}

.edit_panel input { margin-left:0; }

/* -------------- edit break ------------- */
.edit_break { font-size:3px; }
.edit_break table {
  border-collapse:collapse;
  height:1px;
  Xborder-top:1px dotted #C6AD00;
Xheight:2px;
Xbackground:url(/pix/a/linebg.gif) repeat-x;
  padding:0px;
  margin:5px 0 0 0;
  position:relative;
  z-index:1000;
}

a.edit_btn, a.edit_btn_tiny{
  text-decoration: none;
  font-size:100%;
  background-color:#999!important;
  color: #fff!important;
  border: none;
  padding:1px 6px 0!important;
  margin:2px 1px;
  border-radius: 6px;
}
a.edit_btn_tiny {
  font-size:85%!important;
}
a.edit_btn:hover, a.edit_btn_tiny:hover {
  background-color:#c19767!important;
}

/*
a.edit_btn {
  text-decoration: none;
  font-size:95%;
  color: #555!important;
  border: 1px solid #bbb;
  background-color:#fff;
  padding:0 2;
  margin:0 2;
}
a.edit_btn:hover {
  background-color:#FACE7C;
  color:#8F6005;
}
*/

table.edit_swatches td {
  margin:2 2;
  border:1px solid #888;
  vertical-align:top;
  height:120px;
}
/* ---------- tab menu -------- */
.tab_menu { border-collapse:collapse; width:100%; margin-top:5px; }
.tab_menu td.tab, .tab_menu td.tab_active, .tab_menu td#tab_active { 
  font-size:100%;
  font-weight:bold; 
  padding:2px 8px; 
  color:white;
  cursor:pointer;
  background-color:#888;
  border-radius:3px 3px 0 0;
  text-align:center;
}
.tab_menu tr { border-bottom:none!important; }
.tab_menu td.content, .tab_menu .sep { 
  border-top:4px solid #777;
}

.tab a {
  color:#666;
  text-decoration: none;
}


/* --------- layout ----------- */
table.layout_swatches { }
table.layout_swatches td { text-align:center; Xborder:1px solid #ccc; padding:3 6 6 6; cursor: pointer; }
table.layout_swatches th { background-color:#b4c3c9; padding:2px; }
table.layout_swatches input { display:none; }
.lo_sel { background-color: #FFCA28; }
  
table.legend { border:1px solid #888; }
table.legend td { font-size:80%; }
td.legend_swatch {border:1px solid #aaa; width:20px; height:16px; }

/* -------- nice selector ---- */
table.nice_swatches { border-collapse:collapse; cursor: pointer;}
table.nice_swatches td { text-align:center; Xborder:1px solid #ccc; padding:3 8 8 13; }
table.nice_swatches input { display:none; }
.nice_sel { background-color: #FFCA28; }

/* -------- workflow --------- */
span.wf_archived, span.wf_deleting, span.wf_moving, span.wf_new, span.wf_rework,
span.wf_work_others, span.wf_work_mine, span.wf_work_none, 
span.wf_ok0, span.wf_ok1, span.wf_ok2, span.wf_ok3, span.wf_ok4, span.wf_ready, span.wf_done,
span.wf_draft, span.wf_live, span.Xpt_page_props
{ 
  font-family:Arial,sans-serif;
  font-size:10px; 
  font-weight:normal; 
  padding: 1px 3px; 
  margin-left:2px;
  border-radius:2px;
  display:inline-block;
  text-align:center;
}
.wf_archived { color:#fff; background-color:#000;}
.wf_deleting { color:#fff; background-color:#444;}
.wf_moving { color:#fff; background-color:#888;}
.wf_new { color: #fff; background-color:#FF66CC; min-width:0!important; }
.wf_work_others { color: #fff; background-color:#cc8328; }
.wf_work_none { color: #fff; background-color:#ff9900; }
.wf_work_mine { color: #fff; background-color:#099d08;xx:#E60300; }
.wf_rework { color: #fff; background-color:#9F4800; }
.wf_ok0 { color: #fff; background-color:#c236fa; }
.wf_ok1 { color: #fff; background-color:#9434fa; }
.wf_ok2 { color: #fff; background-color:#7627d7; }
.wf_ok3 { color: #fff; background-color:#695bae; }
.wf_ok4 { color: #fff; background-color:#6e6286; }
.wf_ready { color: #fff; background-color:#3399CC; }
.wf_done  { color: #fff; background-color:#0066CC; }

.wf_dim { filter:alpha(opacity=20); opacity:.2; }

.wf_live { color: #fff; background-color:#0061d1; }
.wf_draft { color: #fff; background-color:#669900; }

.wf_process { font-size:9px; }
  .wf_process .user_ { background:url(/pix/entity/user.png) no-repeat -2px -3px; padding-left:12px; }

.pt_page_props { background-color:#e9e7db; border:1px solid #bbb; border-radius:3px; padding:2px!important; }

