﻿ /*ie6 needs width - hack by adding an _underscore for ie6 and *star for 7 */

/* ribbonbar header and content */

.controlpanel
{
    width:100%;
    white-space: nowrap; background-image: ; background-position:0 -4px; font-size:12px;
    min-height:24px;
    font-family:"宋体", arial, helvetica, sans-serif;
    min-width:920px;
}

.essribbonbarheader   
{
    white-space: nowrap; 
    font-size:12px; 
    background-image:;
    background-position:right 0;
    text-align:right;
    float:right;
    width:400px;
}
.essribbonbarheader table { white-space: nowrap; font-size:12px;font-family:"宋体", arial, helvetica, sans-serif;}

.essribbonbar { white-space: nowrap; font-size:12px; }
.essribbonbarcol1 { text-align:left; vertical-align:top;  white-space: nowrap; }
.essribbonbarcol2 { text-align:center; vertical-align:top; }
.essribbonbarcol3 { padding:2px 0 0 20px; text-align:right; vertical-align:top; white-space: nowrap; width:230px; }	
.essribbonbarcol1 * { font-size:12px;line-height:16px; }
.essribbonbarcol2 * { font-size:12px;line-height:16px; }
.essribbonbarcol1 input { margin-left:5px; vertical-align:middle; color:black; }
.essribbonbarcol1 label { position:relative; top:2px; }
.essribbonbarcol3 img { vertical-align:top;margin-right:2px; }
.essribbonbarcol3 a:link { color:black; text-decoration:none;}
.essribbonbarcol3 a:hover { color:blue; }
.essribbonbarcol3 a:active { color:black; }
.essribbonbarcol3 a:visited { color:black; }


.essribbonbarcol3 a { font-size:12px;line-height:16px; }
.essribbonbarcol3 a:link { font-size:12px;line-height:16px; }
.essribbonbarcol3 a:hove { font-size:12px;line-height:16px; }
.essribbonbarcol3 a:active { font-size:12px;line-height:16px; }
.essribbonbarcol3 a:visited { font-size:12px;line-height:16px; }

.essribbon { white-space:nowrap; width:100%;padding:0px; }
.essribbon .barcontent { white-space:nowrap;padding:0; }
.essribbon .barbottomleft { display:none; }
.essribbon .barbottomright { display:none; }
.essribbon .esslabel { font-size:12px; font-weight: normal; color:black; }

/* ribbonbar group styles */
.essribbongroup { margin:0px;border:none; background-image:; background-position:bottom right; background-repeat:no-repeat;padding-right:5px;padding-left:1px;height:102px; }
.essribbongroupfirst { border-left-style:none; }
.essribbongrouplast { }

.essribbongroup .topleft { display:none; }
.essribbongroup .topright { display:none; }
.essribbongroup .bottomleft { display:none; }
.essribbongroup .bottomright { display:none; }

.essribbongroup .content { height:80px; padding:5px 5px 0px 5px; text-align:left;font-family:"宋体", arial, helvetica, sans-serif; }
.essribbongroup .footer { text-align:center; vertical-align:bottom; margin:0px;font-size:12px; padding:0px 2px; white-space:nowrap; color:gray; }

.essribbongroup .content td {font-family:"宋体", arial, helvetica, sans-serif;}
.essribbongroup .content input {padding:1px 3px; font-family: arial, helvetica, sans-serif; font-size:12px;}

/* ribbonbar image link styles */
.essribbongroup .iconleft { margin:5px 0px 0px 0px;padding:3px 3px 3px 3px;display:block;border:solid 1px transparent;_border:solid 1px #f0f6fc; }
.essribbongroup .iconleft img { vertical-align:middle;padding-right:4px;border-width:0px; }
.essribbongroup .iconleft input { vertical-align:middle;padding-right:4px;border-width:0px; }
.essribbongroup .iconleft a { font-size:12px;margin:0px;padding:0px;color:#1c395a; text-decoration:none;line-height:15px; }
.essribbongroup .iconleft a:link { font-size:12px;color:#1c395a; }
.essribbongroup .iconleft a:visited { font-size:12px;color:#1c395a; }
.essribbongroup .iconleft a:hover { font-size:12px;color:red;text-decoration:none; }
.essribbongroup .iconleft a:active { font-size:12px; }

.essribbongroup .middleiconleft { margin:5px 0px 0px 0px;padding:3px 3px 3px 3px;display:block;border:solid 1px transparent;_border:solid 1px #f0f6fc; }
.essribbongroup .middleiconleft img { vertical-align:middle;padding-right:4px;border-width:0px; width:24px; height:24px; }
.essribbongroup .middleiconleft input { vertical-align:middle;padding-right:4px;border-width:0px; }
.essribbongroup .middleiconleft a { font-size:12px;margin:0px;padding:0px;color:#1c395a; text-decoration:none;line-height:15px; }
.essribbongroup .middleiconleft a:link { font-size:12px;color:#1c395a; }
.essribbongroup .middleiconleft a:visited { font-size:12px;color:#1c395a; }
.essribbongroup .middleiconleft a:hover { font-size:12px;color:red;text-decoration:none; }
.essribbongroup .middleiconleft a:active { font-size:12px; }

.essribbongroup .icontop { text-align:center;margin:0px;padding:3px 3px 10px 3px;display:block;border:solid 1px transparent;_border:solid 1px #f0f6fc; }
.essribbongroup .icontop img { border-width:0px; margin-bottom:3px; }
.essribbongroup .icontop input { border-width:0px; margin-bottom:3px; }
.essribbongroup .icontop a { font-size:12px;margin:0px;padding: 0px 0px 0px 0px; display:block;color:#1c395a; text-decoration:none;line-height:15px; }
.essribbongroup .icontop a:link { font-size:12px; color:#1c395a;}
.essribbongroup .icontop a:visited { font-size:12px; color:#1c395a;}
.essribbongroup .icontop a:hover { font-size:12px;color:red;text-decoration:none; }
.essribbongroup .icontop a:active { font-size:12px; }

.essribbongroup .bigicontop { text-align:center;margin:0px;padding:8px 5px 10px 5px;display:block;border:solid 1px transparent;_border:solid 1px #f0f6fc; }
.essribbongroup .bigicontop img { border-width:0px; margin-bottom:7px; width:32px; height:32px; }
.essribbongroup .bigicontop input { border-width:0px; margin-bottom:7px;  width:32px; height:32px; }
.essribbongroup .bigicontop a { font-size:12px;margin:0px;padding: 0px 0px 0px 0px; display:block;color:#1c395a;text-decoration:none;line-height:15px; }
.essribbongroup .bigicontop a:link { font-size:12px; color:#1c395a;}
.essribbongroup .bigicontop a:visited { font-size:12px; color:#1c395a;}
.essribbongroup .bigicontop a:hover { font-size:12px;color:red;text-decoration:none; }
.essribbongroup .bigicontop a:active { font-size:12px; }

.essribbongroup .mouseover { border:solid 1px #f1c43f; background-color:#fdeeb3; color:red;text-decoration:none; }
.essribbonbar .essribbongroup .mouseover a:link { color:red; }
.essribbonbar .essribbongroup .mouseover a:visited { color:red; }



.essribbongroup .rgicondisabled { color:gray;font-size:12px; }
.essribbongroup .rgicondisabled input { color:gray;font-size:12px;}
.essribbongroup .rgicondisabled a { color:gray;font-size:12px;text-decoration:none;line-height:15px; }
.essribbongroup .rgicondisabled a:link { color:gray;font-size:12px; }
.essribbongroup .rgicondisabled a:visited { color:gray;font-size:12px; }
.essribbongroup .rgicondisabled a:hover { color:gray; text-decoration:none; font-size:12px; }
.essribbongroup .rgicondisabled a:active { color:gray;font-size:12px; }

.essribbon .barcontent .essribbongroup .content .esslabel
{
	font-size:12px;
}

.normalinput { border-top:solid 1px #abadb3; border-right:solid 1px #dbdfe6; border-bottom:solid 1px #e3e9ef; border-left:solid 1px #e2e3ea; height:18px; }

.essribbonactionsstart { vertical-align:middle; white-space:nowrap; }
.essribbonactions { vertical-align:middle; white-space:nowrap; }

.essribbonbar .labelcell { text-align:right; white-space:nowrap; }

.essribbonbar .commandbutton,
.essribbonbar .commandbutton:link,
.essribbonbar .commandbutton:hover,
.essribbonbar .commandbutton:visited
{ font-size:12px; margin:0px; padding: 4px 5px 2px 5px; text-decoration:none; font-weight: normal; font-style:normal; background-image:;border:solid 1px #b3bfd7; }

.essribbonbar .commandbutton:active
{ border-style: none; }

.essribbonbar .commandbuttondisabled,
.essribbonbar .commandbuttondisabled:link,
.essribbonbar .commandbuttondisabled:hover,
.essribbonbar .commandbuttondisabled:active,
.essribbonbar .commandbuttondisabled:visited
{ font-size:12px; padding: 4px 5px 2px 5px; text-decoration:none; font-weight: normal; background-image:;border:solid 1px #c3bfe7;}

/* tab 1 styles */
.tab1_actions { text-align:center; white-space:nowrap; }

.tab1_addmod { _width:475px;white-space:nowrap; }

.tab1_addmod .addmod1 { padding-top:5px;white-space:nowrap;}
.tab1_addmod .addmod2,
.tab1_addmod .addmod3 
{ padding-left:5px;white-space:nowrap;}
.tab1_addmod .addmod2 td,
.tab1_addmod .addmod3 td
{ padding: 1px 2px 1px 0px;}

.tab1_addpage { _width:358px;white-space:nowrap; }
.tab1_addpage td { padding: 1px 2px 1px 0px; }

/* tab 2 styles */
.tab2_settings { text-align:center; white-space:nowrap;}
.tab2_actions { _width:99px; white-space:nowrap; }
.tab2_actions .content { _height:75px;_overflow:hidden; }
 
.tab2_editpage { _width:445px; white-space:nowrap;}
.tab2_editpage .content { _height:80px;_overflow:hidden;}
.tab2_editpage .skinlistheader { font-weight:bold; border-bottom: solid 1px #dcdcdc; }
.tab2_editpage .skinlistseparator { font-weight:bold; border-bottom: solid 1px #dcdcdc; }
.tab2_editpage .editpage1 { }
.tab2_editpage .editpage2 { padding-left:10px; }

.tab2_editpage .editpage1 td,
.tab2_editpage .editpage2 td 
{ padding: 1px 2px 1px 0px; }

.tab2_copy { _width:202px; white-space:nowrap;}
.tab2_help { _width:45px; white-space:nowrap;}

/* tab 3 styles */
.tab3_settings { _width:80px;white-space:nowrap;}
.tab3_settings .content { _height:75px;_overflow:hidden;}
.tab3_manage { _width:155px; white-space:nowrap; }
.tab3_manage .content { _height:75px;_overflow:hidden; }

.tab3_addpage { _width:445px;white-space:nowrap;}
.tab3_addpage .content { _height:75px;_overflow:hidden;}

.tab3_addpage .addpage1 { }
.tab3_addpage .addpage2 { padding-left:10px; }

.tab3_addpage .addpage1 td,
.tab3_addpage .addpage2 td 
{ padding: 1px 2px 1px 0px; }

.tab3_features { _width:154px; white-space:nowrap; }
.tab3_features .content { _height:75px;_overflow:hidden; }
.tab3_restore { _width:72px;white-space:nowrap;}

/* tab 4 styles */
.tab4_settings { white-space:nowrap;}
.tab4_manage { _width:160px; white-space:nowrap; }

.tab4_info { _width:80px;white-space:nowrap; }
.tab4_switchsite { _width:280px;white-space:nowrap; }
.switchsitefields  { padding-top:10px; height:80px; }
.switchsitefields .row { padding:2px; }

.tab4_tools { _width:75px;white-space:nowrap;}
.tab4_marketplace { _width:80px;white-space:nowrap;}

/* **************************************************************************************** */
/* generic imagetextbutton style : todo - move to portal.css */
.essimagetextbutton { font-size:12px; }
.essimagetextbutton .disabled a { color:gray; text-decoration:none;font-size:12px; }
.essimagetextbutton .disabled a:link { color:gray; text-decoration:none;font-size:12px; }
.essimagetextbutton .disabled a:active { color:gray; text-decoration:none;font-size:12px; }
.essimagetextbutton .disabled a:hover { color:gray; text-decoration:none;font-size:12px; }
.essimagetextbutton .disabled a:visited { color:gray; text-decoration:none;font-size:12px; }

.essimagetextlink { font-size:12px; }
.essimagetextlink .disabled a { color:gray; text-decoration:none;font-size:12px; }
.essimagetextlink .disabled a:link { color:gray; text-decoration:none;font-size:12px; }
.essimagetextlink .disabled a:active { color:gray; text-decoration:none;font-size:12px; }
.essimagetextlink .disabled a:hover { color:gray; text-decoration:none;font-size:12px; }
.essimagetextlink .disabled a:visited { color:gray; text-decoration:none;font-size:12px; }



