@import url(/css/input.css);
@import url(/css/suggest.css);
@import url(/css/select.css);
@import url(/css/keyboard.css);
@import url(/css/calendar.css);
@import url(/css/sort.css);
@import url(/css/temp.css);
@import url(/css/mail.css);
@import url(/css/img.css);
@import url(/css/window.css);
@import url(/css/catalog/scroll.css);
@import url(/css/catalog/catalog.css);

@import url(/css/mail_v2.css?04122010100000);

body { margin: 0px; min-height: 100%; height:auto; background-color: rgb(98, 121, 136, 0.23); overflow-y: scroll;}
#toptab { position: fixed; width: 100%; top:0px; left: 0px; z-index: 256; -moz-user-select: none; -webkit-user-select: none}

#tab { background: url("/images/tab/bg-vertical.png") left top repeat-x; height: 34px; margin: 0; padding: 0; font-family: sans-serif, arial; font-size: 9pt; background-color: #fff ; -moz-user-select: none; -webkit-user-select: none }
#tab a {text-decoration:none; height: 20px; cursor: pointer }
#tab a:link, #tab a:visited, #tab a:active {color: #666; background:  url("/images/tab/light-left-tab.png") left top no-repeat; font-weight: bold;  padding-left: 9px;}
#tab a:link span, #tab a:visited span, #tab a:active span {background:  url("/images/tab/light-right-tab.png") right top no-repeat; padding-right: 9px;}
#tab a:link p, #tab a:visited p, #tab a:active p { background: url("/images/tab/light-center-tab.png") right top repeat-x; margin: 0px; }

#tab a span p { height: 16px; padding-top: 4px}
#tab a, #tab a span {display: block; float: left; height: 20px}
/* Commented backslash hack hides rule from IE5-Mac \*/
#tab a, #tab a span {float: none; height: 20px}
/* End IE5-Mac hack */

#tab a:hover {color: #663399; background:   url("/images/tab/light-left-tab.png") left top no-repeat !important; font-weight:bold; }
#tab a:hover span {background:  url("/images/tab/light-right-tab.png") right top no-repeat !important  }
#tab a:hover p { background: url("/images/tab/light-center-tab.png") right top repeat-x !important; margin: 0px; }



#tab ul {list-style:none; padding:0; margin:0; padding-top: 15px; padding-left: 34px }
#tab li {float:left; display:block; margin:0; padding:0; padding-right: 1px;}
/*#tab li:hover ul { visibility: visible; z-index: 255; color: #fff !important; }*/

#tab li ul {	display: block; position: absolute; padding-top: 5px !important; background-color: #8e73cc !important; color: #f5f5f5 !important; margin: 0 ; padding-left: 0px !important; padding-right: 10px;  margin-left: -5px;  font-size: 8pt; font-weight: normal}

#tab li ul li { padding-left: 5px }
#tab li ul a:hover { background: none !important; font-weight: normal ; border: none}

#tab .active a:link, #tab .active a:active, #tab .active a:visited, #tab .active a { color: #FFF; background:   url("/images/tab/dark-left-tab.png") left top no-repeat; font-weight:bold; padding-left: 9px }
#tab .active a span { background:  url("/images/tab/dark-right-tab.png") right top no-repeat; padding-right: 9px }
#tab .active a p { background: url("/images/tab/dark-center-tab.png") right top repeat-x; margin: 0px;  }


#tab .buttons { top: -10px; position: absolute; right: 10%; cursor: pointer;}
#tab .buttons li { float: left; display: block; padding-right: 1px; }
#tab .buttons a { background: none; margin: 0px; padding: 0px; cursor: pointer }
#tab .buttons li a:hover { background: none !important; margin: 0px; padding: 0px; cursor: pointer; }
#tab .menu { position: absolute;  padding: 1px}

#bar { height: 1px; width: auto; border-bottom: solid 1px #8e73cc; color: #9933cc; background-color: #eeeaf9 }
#user { position: relative; top: -38px; width: auto; font-family: sans-serif, arial; font-size: 7pt; color: #f1eef3; padding-left: 45px; padding-top: 2px; text-align: left }
#user a { text-decoration: none; font-weight: normal }
#user a:visited, #bar a:link { color: #f5f5f5 }
#user a:hover { color: #fff }

#body {   font-family: sans-serif, arial; font-size: 8pt;  padding: 0px; margin: 0px 0px 0px 0px;  width: auto;  height: auto; padding-bottom: 40px !important; }
#body .copy { font-size: 8pt; color: #999; -moz-user-select: none; -webkit-user-select: none}
#body table { font-family: sans-serif, arial, helvetica; font-size: 9pt }
#body th { font-size: 9pt; font-weight: bold; padding-left: 10px; text-align: left }
#body td { font-size: 9pt; font-weight: normal; padding-left: 5px; }
#body a { text-decoration: none; }
#body .paging { font-size: 8pt; }
#body .bar { background-color: #4286FF height: 1px }
#body .space { height: 2px }
#body input { font-size: 9pt; }
#body select { font-size: 9pt; }
#body textarea { font-size: 9pt; }


#mask { height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; background-color: #F2E0F7;  opacity: .3; display: block; /* filter: alpha(opacity=30); */ z-index:300; }

.box { position: fixed; z-Index: 3; font-family: sans-serif, arial; font-size: 8pt; outline: medium none; box-shadow: 10px 10px 4px -3px rgb(46, 46, 46);}
.box table { min-width: 200px; border-spacing: 0px; padding: 0px;  }
.box #top { background:  url("/images/box/left-curve.png") left top no-repeat; height: 23px; padding-left: 6px; cursor: move }
.box #top th { background:  url("/images/box/right-curve.png") right top no-repeat; padding-right: 6px;  }

.box #top p { margin: 0px;  position: absolute; top: 2px; font-size: 10pt; font-weight: bold; color: #f5f5f5; width: 85%; text-align: left; -moz-user-focus: ignore; -moz-user-select: none}
.box #top div { background: url("/images/box/center-top.png") left top repeat-x; margin: 0px; height: 24px;  margin-top: -1px; text-align: left; }
.box #top span { position: absolute; right: 5px; top: 2px; cursor: pointer; background: url("/images/box/close.png") left top no-repeat; width: 15px; height: 14px }
.box #content { border: solid 1px #6641bf; border-top: none; padding: 5px; padding-top: 10px; background-color: #f5f5f5 }
.box #content .boxA    { border: none; border-spacing: 0px; padding: 0px; font-size: 8pt; }
.box #content td { font-size: 8pt; }


#alert { font-family: helvetica, arial, sans-serif; color: #000; font-size: 10pt; padding-top: 10px;  }
#confirm { font-family: helvetica, arial, sans-serif; color: #000; font-size: 10pt; padding-top: 10px; }
#prompt { font-family: helvetica, arial, sans-serif; color: #000; font-size: 10pt; padding-top: 10px; }

.box #buttons { float: right; padding-top: 10px; }
.box #buttons input { width: 75px }

.pager { font-family: tahoma, arial, helvetica, sans-serif; font-size: 11pt; color: #303030; padding-bottom: 2px; -moz-user-select: none; user-select: none}
.pager a { font-family: tahoma, arial, helvetica, sans-serif; font-size: 11pt; color: #303030; cursor: pointer; padding-right: 7px }
.pager .active { font-family: tahoma, arial, helvetica, sans-serif; font-size: 11pt; color: #000; font-weight: bold; padding-right: 7px }
.pager .next { font-family: tahoma, arial, helvetica, sans-serif; font-size: 11pt; color: #303030; cursor: pointer;  }
.pager .prev { font-family: tahoma, arial, helvetica, sans-serif; font-size: 11pt; color: #303030; cursor: pointer; }

#tab #loading { width: 32px; height: 32px; background: url("/images/loading/wheel.gif"); position: absolute; right: 5px; top: 0px; z-index: 301; outline: none}

tr.row_list { background-color: transparent !important;}
tr.row_list a { font-weight: bold; cursor: pointer; color: #001BC9; }
tr.row_list:hover { background-color: ac97de !important; opacity: .7; cursor: default !important;}

div.row_list { background-color: transparent !important; }
div.row_list:hover { background-color: CCCCCC !important; }

#toolbar { position: fixed; top: 30px; left: 10px;  width: 100%; height: 30px; z-index:257; outline: none ; -moz-user-select: none; -webkit-user-select: none}
#toolbar div.mask { position: absolute; background-color: #fff; width: 100% ; z-index: -1; top: 6px}
/*#toolbar:hover ul { visibility: visible !important }*/
/*#toolbar ul { list-style: none; left: -30px; position: relative;  font-family: sans-serif, arial; font-size: 8pt; color: #f5f5f5 ; padding-right: 30px; height: 10px; visibility: hidden}*/
#toolbar ul { list-style: none; left: -30px; position: relative;  font-family: sans-serif, arial; font-size: 8pt; color: #333;font-weight:bold ; padding-right: 23px; height: 10px; visibility: visible;top:3px}
#toolbar li { line-height:20px;height:23px;float:left; margin:0; background: url(/images/ntab/subtab-center.png) ; cursor: pointer}
#toolbar li.limenu { text-indent:7px;height:23px;float:left; margin:0; padding-right:7px; background: url(/images/ntab/subtab-center.png) ; cursor: pointer}
#toolbar li.leftli {width:2px;height:23px;float:left; margin:0; background: url(/images/ntab/subtab-left.png) no-repeat top right ; cursor: pointer}
#toolbar li.rightli {width:2px;height:23px;float:left; margin:0; background: url(/images/ntab/subtab-right.png) no-repeat top left ; cursor: pointer}
#toolbar li.limenu:hover { color:#f5f5f5;height:23px;float:left; background:url(/images/ntab/select-subtab.png) ; cursor: pointer}
#toolbar li.active {  text-indent:7px;padding-right:7px;color:#f5f5f5;height:23px;float:left; background:url(/images/ntab/select-subtab.png) ; cursor: pointer}


/*toolbar3 { position: fixed; top: 45px; left: 10px;  width: 100%; height: 30px; z-index:257}*/
#toolbar3 { width: 100%; height: 30px; z-index:257}
#toolbar3 ul { list-style: none; left: -30px; position: relative;  font-family: sans-serif, arial; font-size: 8pt; color: #333;font-weight:bold ; padding-right: 23px; height: 10px; visibility: visible;top:3px}
#toolbar3 li { line-height:20px;height:23px;float:left; margin:0; background: url(/images/ntab/subtab-center.png) ; cursor: pointer}
#toolbar3 li.limenu { text-indent:7px;height:23px;float:left; margin:0; padding-right:7px; background: url(/images/ntab/subtab-center.png) ; cursor: pointer}
#toolbar3 li.leftli {width:2px;height:23px;float:left; margin:0; background: url(/images/ntab/subtab-left.png) no-repeat top right ; cursor: pointer}
#toolbar3 li.rightli {width:2px;height:23px;float:left; margin:0; background: url(/images/ntab/subtab-right.png) no-repeat top left ; cursor: pointer}
#toolbar3 li.limenu:hover { color:#f5f5f5;height:23px;float:left; background:url(/images/ntab/select-subtab.png) ; cursor: pointer}



li.no_bg{background-image: none !important; }


#rightbody { /* border: solid 1px blue; */ position: absolute; right: 10px; top: 50px; display: none; font-family: sans-serif, arial; font-size: 8pt ;  padding: 1px; margin: 0px 15px 20px 15px;  width: 40%; padding-top: 38px; height: auto; font-weight: normal ; -moz-border-radius: 5px; border: solid 1px #ccc ; background-color: #ffffff
 }
#rightbody th { font-size: 9pt; color: #663399; background-color: #ccccff; padding-left: 2px;  padding-top: 1px; padding-bottom: 1px} 
#rightbody td { font-size: 8pt }
#rightbody.use { display: block !important; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 5px}
#rightbody.white { background-color: #fff !important }
#rightbody h1 { font-size: 10pt; padding-bottom: 5px; border-bottom: solid 1px #8e73cc }
#rightbody a { text-decoration: none }
#rightbody ul.actions { list-style: none; position: absolute; top: 0px; right: 10px}
#rightbody ul.actions li { float: left; display: block; padding-right: 5px }


#rightdeco { position: fixed; right: 10px; bottom: 10px; height: 100%; width: 100%; background: transparent url(/images/tab/bamboo.png) no-repeat bottom right; z-index: -10; opacity: .05 } 

#test { font-family: helvetica, arial, sans-serif; color: #ccc; font-size: 6pt ; padding-left: 10px}
#test1 { font-family: helvetica, arial, sans-serif; color: #ccc; font-size: 6pt ; padding-left: 10px}
#test { display: none; position: absolute; top: 200px; z-index: 100; }


tr.row_list span.plus { background: transparent url('/images/list/+.png') center center no-repeat; border: solid 1px #ccc; -moz-border-radius: 2px; width: 10px; display: inline-block; height: 10px; margin: 1px}
tr.row_list span.minus { background: transparent url('/images/list/-.png') center center no-repeat; border: solid 1px #ccc; -moz-border-radius: 2px; width: 10px; display: inline-block; height: 10px; margin: 1px}
tr.row_list span.none { background: none; border: solid 1px #ccc; -moz-border-radius: 2px; width: 10px; display: inline-block; height: 10px; margin: 1px}

.divider { background: transparent url(/images/tab/grad_purple1px.jpg) repeat-y scroll 0% 0%; width: 793px; height: 3px; position: absolute;}

.divider2 { background:transparent url(/images/tab/grad_purple1px.jpg) repeat-y scroll 0% 0%; width:793px; height:3px; position:absolute;}

#box_bottom_menu div{ top: 5px; position: relative ;  border: solid 1px #551a8b;border-left:none;border-right:none; font-family: sans-serif, arial; font-size: 8pt; color: #663399; height: 25px ;left:-5px; margin: 0px; padding: 1px 0px 0px 10px;background:#ccc;width:100%;}
#box_bottom_menu ul { top: 0px; position: relative ; list-style: none; font-family: sans-serif, arial; font-size: 8pt; color: #663399; height: 20px ; margin: 0px; padding-top: 1px;}
#box_bottom_menu li { float: left; display: block; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; border: solid 1px #ccc; margin-right: 4px }
#box_bottom_menu li.disabled { float: left; display: block; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; border: solid 1px #ccc; margin-right: 4px; opacity: .5; color: #ccc !important; cursor: default !important }
#box_bottom_menu li:hover { border: solid 1px #8e73cc; -moz-border-radius: 3px; cursor: pointer; color: #000;  }
#box_bottom_menu li.disabled:hover { border: solid 1px #ccc !important; -moz-border-radius: 3px; cursor: pointer; color: #ccc !important;}

b.img_logout { width : 10px !important; background : url('/images/login/logout-s.png') left center no-repeat !important; padding-left : 10px;  }


.stretch { width : 100%; }

#body td div.truncate { overflow : hidden; white-space : nowrap; }
#body td div.new { font-weight : bold; }
#body td a { color: #700596; cursor: pointer }

tr.borderB td { border-bottom : 1px solid #8a8889; }

.filter_list { position: absolute; background-color: white; -moz-border-radius: 3px; border: 1px solid #665a91; }
.filter_list ul { list-style: none; margin: 3px 0px; padding:0; }
.filter_list ul li { padding: 2px 0px 2px 9px; font-weight: bold; color: #665a91; text-align: left; }
.filter_list ul li:hover { background-color: #C9FFBC; cursor: pointer; }

.filter { border: 2px solid #665a91; background: white; height: 12px; -moz-border-radius: 10px; float: right; position: relative; right: -10px; top: 2px; }
.filter span { float: left; padding-left: 8px; font-size: 8pt; font-weight: bold; }
.filter .adown { float: right; }

#nlabel .tools { background-color: #DBD2F0; border-top: 1px solid #6f47bf; border-bottom: 1px solid #6f47bf; margin: 8px 0px; }
#nlabel .tools ul { list-style: none; font-family: sans-serif, arial; font-size: 8pt; color: #4B4B4B; height: 21px; margin: 2px 10px; padding-left: 10px; }
#nlabel .tools li { float: left; display: block; padding: 3px 5px 3px 5px; -moz-border-radius: 3px; border: solid 1px #ccc; margin-right: 4px }
#nlabel .tools li:hover { border: solid 1px #a6a6a6; -moz-border-radius: 3px; cursor: pointer; color: #000;  }

#geckoBackButton { width: 20px; background: url('/images/tab/back.png') left top no-repeat; height: 29px }
li.backDisabled { width: 20px; background: url('/images/tab/back-gray.png') left top no-repeat !important; height: 29px }

table { empty-cells: show !important}

ul #spacer { width: 20px !important }

.bordered { border: solid 1px #ddd !important }
.header { color:#5F04B4; font-family:arial; font-weight :  bold; text-align:left; text-indent:20px; }

#RightsTable tr  #tab_rights { -moz-user-select: none; width: 200px; padding-right: 10px; cursor: pointer; white-space: nowrap; background-color: transparent; color: black; }
#RightsTable .active {  font-weight: bold; background-color: #9966CC !important; color: white !important;  }
#RightsTable tr td div { float: left; margin-right: 3px; cursor: pointer; width: 50px; border: 1px solid rgb(204, 204, 204); border-radius: 5px 5px 5px 5px; text-align: center; font-size: 6pt; -moz-user-select: none; background-color: #ccc}

.transparent { background-color: transparent !important }
.widget_header { background-color: #7655c6 }
.widget_box { border:1px solid #7655c6 }
.widget_line_top { border-top: 1px solid #7655c6 }
.widget_line_bottom { border-bottom: 1px solid #7655c6 }

.borderless { border: none; background: none !important; color: black}
.line_bottom {  border-bottom :1px solid #ccc }