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

#site_edit_panel {
  z-index:1000;
  display:inline;
}

iframe#description, iframe#sidebar1, div#viz_description, div#viz_sidebar1 {
  border:2px inset #888;
}
 
table.menu {
  visibility:hidden;
  font-weight:normal;
  border: 1px solid #aaa;
  Xborder: 1px solid #DFCFC1;
  Xborder-bottom: 2px solid #444;
  Xborder-right: 1px solid #444;
  background-color:#FFFAEC;
  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 */
}

.menu td, .menu th, .menu_mark {
  font-family:arial, georgia;
  font-size:11px;
  color:#000!important;
  text-decoration: none!important;
}
table.menu td, table.menu th {
  padding:0;
  margin:0;
  line-height:100%;
}
.menu a, .menu a:visited {
  font-family:arial, georgia;
  font-size:11px;
  font-weight:bold;
  word-wrap:normal;
  text-decoration: none!important;
  color: #000!important;
  padding: 2 4;
  display:block;
}
.menu a:hover {
  background-color:#d3cEa9;
  color:#000;
}
div.menu_mark, a.menu_mark, a.menu_mark:hover, a.menu_mark:visited {
  font-family:arial, georgia;
  font-size:11px;
  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;
  visibility:hidden;
  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;
}

table.edit_panel {
  font-family:arial, georgia;
  background-color:#fff;
}
table.edit_panel h1 { 
  color:#DE6600; 
  font-size: 180%; 
}
table.edit_panel h2 { 
  color:#2D7ED9; 
  font-size: 160%; 
}
table.edit_panel th {
  background-color:#D0E0F0;
}
table.edit_panel td,
table.edit_panel th,
Xtable.edit_panel * /* 2009-02-09 joel: this will affect the vedit in IE, comment out now */
{
  font-size: 12px;
  color:#000;
}
table.edit_panel p {margin-top:8}
table.edit_panel ol {margin:0 0 0 0}
table.edit_panel li {margin-top:6px;} 
table.edit_panel input, table.edit_panel select {background-color:#fff; color:#000;}


/* -------------- edit break ------------- */
.edit_break { font-size:3px; }
.edit_break table {
  border-collapse:collapse;
  height:1px;
  border-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 {
  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%; }
.tab_menu td.tab { 
  font-size:90%;
  padding:2 8; 
  color:#998;
  cursor:pointer;
  border:1px solid #ddd; border-bottom:none;
}
.tab_menu td.tab:hover { 
  background-color:#FEF0D1;
}
.tab_space, .tab {
  border-bottom:1px solid #aaa!important;
}
.tab_menu #tab_active {
  color:#98734E;
  background-color:#FFDABB;
  border:1px solid #aaa; border-bottom:none!important;
}
.tab_menu td.content, .tab_menu .sep { 
  border-top:4px solid #FFDABB;
  border-bottom:none;
}

.tab a {
  font-size:11px;
  color:#666;
  text-decoration: none;
}
.tab#tab_active a {
  font-weight:bold;
  color:#000;
}

/* --------- layout ----------- */
table.layout_swatches { border-collapse:collapse; }
table.layout_swatches td { text-align:center; Xborder:1px solid #ccc; padding:3 8 8 13; }
table.layout_swatches input { display:none; }
.lo_sel { background-color: #FFCA28; }
  
table.legend { border:1px solid #888; }
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_done,
span.wf_draft, span.wf_live, span.pt_page_props
{ 
  font-family:"Lucida Grande","Trebuchet MS",arial,helvetica,sans-serif;
  font-size:9px; 
  padding: 1px 3px; 
  margin-left:2px;
  -moz-border-radius:1px;
  display:inline-block;
}
.wf_archived { color:#fff; background-color:#000;}
.wf_deleting { color:#fff; background-color:#888;}
.wf_moving { color:#fff; background-color:#888;}
.wf_new { color: #fff; background-color:#FF66CC; }
.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:#FF6633; }
.wf_ok1 { color: #fff; background-color:#996699; }
.wf_ok2 { color: #fff; background-color:#666699; }
.wf_ok3 { color: #fff; background-color:#3399CC; }
.wf_ok4 { color: #fff; background-color:#0066CC; }
.wf_done { color: #fff; background-color:#669900; }

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

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

.wflist_dim { background-color:#f2f2f2; }
.wflist_dim td { filter:alpha(opacity=40); opacity:40%; -moz-opacity:0.40; }
.wflist_dim a { color:#666; text-decoration:none;}
.wflist { background-color:#f2f2f2; }
td.submit { background-color:#F9E8BF; }
td.withdraw { background-color:#F3CBCB; }
td.reject { background-color:#EEDFD0; }
td.approve { background-color:#D1EEB2; }
td.checkout { background-color:#F3CBCB; }
td.checkin { background-color:#F9E6E6; }

td.wa_section a { font-weight:bold; }
td.wa_item { padding-left: 15px; }

/* lozenge menu */
.menutxt {
  cursor:pointer;
  padding:3 3 4 4;
  height:19;
  background-image:url(/pix/menu/ytagbg.gif);
  background-repeat:repeat-x;
  line-height:14px;
}
.menusimple {
  padding:0 3;
  -moz-border-radius:2px;
  background-color:#fde04a;
  border:1px solid #b79a00;
}
.menutiny {
  cursor:pointer;
  padding:1 4 3 5;
  width:12px;
  height:19px;
  background-image:url(/pix/menu/ytagtiny.gif);
  background-repeat:no-repeat;
  line-height:14px;
}
.menult {
  cursor:pointer;
  padding:3 4 4 0;
  height:19;
  background-image:url(/pix/menu/ytagl.gif);
  background-repeat:repeat-x;
}
.menurt {
  cursor:pointer;
  padding:3 0 4 4;
  height:19;
  background-image:url(/pix/menu/ytagr.gif);
  background-repeat:repeat-x;
}
.menutxt .menu_mark, .menutxt .menu_mark:hover, .menutxt .menu_mark:visited {
  padding:0 6px !important;
}

.bmenutiny {
  background-image: url("/pix/menu/btagtiny.gif");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 19px;
  line-height: 14px;
  padding: 1px 4px 3px 5px;
  width: 12px;
}