BODY, HTML { height: 100%; background: #e9e9e9 url(bg01.gif) repeat-y; }
.gray { color: #bbb; }
P.information { color: #a8a8a8; font-weight: normal; margin: 3px 0 0 0; font-size: 10px; }
DIV.editor { margin: 9px 0 0 0; padding: 1px 0 0 1px; }
#box1 { height: 100%; width: 970px; margin: 0 0 -28px 0; }
#box2 { padding: 73px 0 38px 0; background: #e7e7e7; }
#box2 .w { width: 192px; overflow: hidden; }
#box2 .w2 { width: 250px; overflow: hidden; }
#box2 DIV.pad { padding: 0 10px; }
#box2 P.heading { background: url(bg22.gif) 100% 0 no-repeat; color: #fff; font-weight: bold; margin: 10px 0 0 0; padding: 4px 10px 5px 10px; border-bottom: 1px solid #fff; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
#box3 { padding: 0; background: #fff; }
#box3 .w { width: 3px; overflow: hidden; }
#box4 { padding: 73px 0 28px 0; background: #f9f9f9; width: 100%; }
#box5 { padding: 20px; }
/* Header */
#header { background: url(bg02.gif) repeat-x; position: absolute; left: 0; top: 0; width: 100%; height: 73px; }
#header DIV.a { width: 970px; height: 70px; background: url(bg08.jpg) no-repeat; position: relative; }
#header #logo { float: left; margin: 0; padding: 15px 0 0 20px; }
#header #printlogo { display: none; }
#sitename { position: absolute; right: 10px; bottom: 0; color: #636363; font-size: 18px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 6px; }
#sitename A { color: #636363; }
#sitename A:hover { color: #fff; text-decoration: none; }
#langselect { float: right; margin: 7px 10px 0 0; padding: 5px 0 6px 10px; color: #969696; }
#langselect A { color: #969696; text-transform: uppercase; }
#langselect A:hover { color: #fff; text-decoration: none; }
#langselect A.selected { color: #fff; font-weight: bold; }
#langselect SPAN { color: #595959; margin: 0 3px; }
#language { float: right; margin: 7px 10px 0 0; background: #353535; padding: 3px 3px 3px 10px; border-left: 5px solid #595959; color: #969696; }
#language P { float: left; margin: 0; padding: 2px 10px 3px 0; }
#language #currentlang { border: 1px solid #555; background: #3b3b3b url(bg30.gif) 100% 50% no-repeat; padding: 1px 20px 2px 5px; color: #ddd; cursor: pointer; }
#language P.hover { border-color: #999 !important; color: #fff !important; }
#languages { text-align: left; position: absolute; background: #444; margin: 1px 0 0 0; border: 1px solid #555; }
#languages UL { padding: 3px; margin: 0; list-style: none; }
#languages UL LI { display: inline; }
#languages UL LI A { display: block; color: #eee; padding: 4px 10px; background: #555; border-top: 1px solid #444; }
#languages UL LI A:hover { text-decoration: none; color: #fff; background: #888; }
#companies { text-align: left; position: absolute; background: #444; margin: 1px 0 0 0; border: 1px solid #555; }
#companies UL { padding: 3px; margin: 0; list-style: none; }
#companies UL LI { display: inline; }
#companies UL LI A { display: block; color: #eee; padding: 4px 10px; background: #555; border-top: 1px solid #444; }
#companies UL LI A:hover { text-decoration: none; color: #fff; background: #888; }
#search { float: right; margin: 7px 10px 0 0; background: #353535; padding: 3px; border-left: 5px solid #595959; }
#search INPUT { float: left; }
#search-string { border: 1px solid #555; background: #3b3b3b; width: 100px; margin-right: 3px; padding: 1px 5px 2px 5px; color: #fff; }
#search-submit { border: 1px solid; border-color: #666 #4c4c4c #4c4c4c #666; background: #555; overflow: visible; color: #fff; padding: 0 5px; cursor: pointer; }
#userinfo { float: right; margin: 7px 0 0 0; background: #353535; padding: 5px 10px 6px 10px; border-left: 5px solid #595959; color: #595959; }
#userinfo A { color: #969696; float: left; }
#userinfo A:hover { color: #fff; text-decoration: none; }
#userinfo A.company { background: url(ico_down2.gif) 100% 1px no-repeat; padding: 0 15px 0 0; }
#userinfo A.company:hover { background-position: 100% -49px; }
#userinfo STRONG { color: #fff; float: left; }
#userinfo SPAN { float: left; font-weight: normal; margin: 0 5px; }
#userinfo IMG { margin-bottom: -1px; }
/* Footer */
#footer { width: 973px; background: #fff; height: 28px; overflow: hidden; color: #969696; }
#footer P { background: #333 url(bg04.gif) repeat-x; margin: 3px 3px 0 0; padding: 5px 10px 7px 10px; }
#footer SPAN { color: #5e5e5e; margin: 0 5px; }
#footer A { color: #969696; }
#footer A:hover { color: #fff; }
/* Menus */
#menu1 { padding: 0; margin: 0; position: absolute; left: 192px; top: 45px; font-weight: bold; height: 25px; overflow: hidden; list-style: none; }
#menu1 LI { float: left; margin-right: 1px; }
#menu1 LI A { float: left; color: #fff; background: url(bg09.gif) 100% 0 no-repeat; }
#menu1 LI A SPAN { float: left; cursor: pointer; padding: 6px 15px; background: url(bg09.gif) 0 -25px no-repeat; }
#menu1 LI A:hover { background-position: 100% -50px; color: #e40000; text-decoration: none; }
#menu1 LI A:hover SPAN { background-position: 0 -75px; }
#menu1 LI A.active { background-position: 100% -50px; color: #e40000; }
#menu1 LI A.active SPAN { background-position: 0 -75px; }
#menu2 { padding: 10px 10px 0 10px; overflow: hidden; }
* HTML #menu2 { overflow: visible; height: 1px; }
#menu2 UL { padding: 0 1px 1px 1px; margin: 0; list-style: none; background: #fff; font-weight: bold; overflow: hidden; }
* HTML #menu2 UL { overflow: visible; height: 1px; }
#menu2 UL LI { float: left; width: 100%; clear: both; }
#menu2 UL LI A { display: block; background: #777; color: #fff; padding: 3px 10px; border-top: 1px solid #fff; position: relative; }
#menu2 UL LI A:hover { background: #999 !important; text-decoration: none; color: #fff !important; }
#menu2 UL LI A.active { background: #444; color: #fff; }
#menu2 UL UL { padding: 5px; font-weight: normal; background: #f5f5f5; }
#menu2 UL UL UL { padding: 5px 0 5px 20px; font-weight: normal; background: #f5f5f5; }
#menu2 UL UL A { background: url(dot02.gif) 10px 6px no-repeat; border: none; padding: 2px 0 2px 20px; color: #666; }
#menu2 UL UL A.active { background: url(dot01.gif) 10px 6px no-repeat !important; color: #e40000 !important; }
#menu2 UL UL A:hover { background: #eee url(dot01.gif) 10px 6px no-repeat !important; color: #e40000 !important; text-decoration: none; }
/* Left column small calendar */
#cal-left { margin-top: 10px; border: 1px solid #fff; }
#cal-left TABLE { margin: 0; width: 100%; }
#cal-left TABLE TH { border: none; padding: 0; text-align: center; font-size: 10px; font-weight: normal; }
#cal-left TABLE TD { border: none; padding: 0; text-align: center; font-size: 10px; }
#cal-left TABLE A { display: block; color: #777; padding: 4px 0; float: left; width: 100%; border: solid #fff; border-width: 1px 0 0 0; }
#cal-left TABLE A:hover { background: #e40000 !important; color: #fff !important; text-decoration: none; }
#cal-left TABLE TR.thead TH { padding: 4px 0 !important; color: #aaa; font-weight: bold; }
#cal-left TABLE TH A { background: #eee; color: #bbb; }
#cal-left TABLE TD { background: #f3f3f3; }
#cal-left TABLE TR.current TH A { background: #ddd; }
#cal-left TABLE TR.current TD { background: #ddd; }
#cal-left TABLE TD.weekend { background: #f7eaea; }
#cal-left TABLE TD.holiday { background: #cdf0c8; }
#cal-left TABLE TD.other A { color: #ddd; }
#cal-left TABLE TD.today { background: #fdfbe2 !important; }
#cal-left TABLE TD.selected { background: #e40000 !important; }
#cal-left TABLE TD.selected A { color: #fff; }
#cal-left TABLE TH.selected A { color: #fff; background: #e40000 !important; }
#cal-left A.hasevent { background: url(bg21.gif) 100% 100% no-repeat; }
#cal-left A.pending { background: url(bg21.gif) 100% 100% no-repeat; }
#cal-left DIV.heading { background: #777; font-weight: bold; color: #fff; border-bottom: 1px solid #fff; position: relative; }
#cal-left DIV.heading A { padding: 2px 5px 3px 5px; background: #8f8f8f; color: #fff; border: 2px solid #777; }
#cal-left DIV.heading A:hover { background: #e40000; text-decoration: none; }
#cal-left DIV.heading A.left { float: left; }
#cal-left DIV.heading A.right { float: right; }
#cal-left DIV.heading A.month { display: block; text-align: center; border-width: 2px 0; }
#cal-left DIV.heading A.selected { background: #fff; color: #e40000; }
UL.cal-left-legend { margin: 5px 0 0 0; padding: 0; font-size: 10px; list-style: none; }
UL.cal-left-legend LI { float: left; width: 49%; padding: 1px 0; }
UL.cal-left-legend LI * { float: left; }
UL.cal-left-legend LI SPAN.swatch { border: 1px solid #ccc; padding: 4px 5px; background: #fff; margin: 1px 5px 0 0; font-size: 1px; }
UL.cal-left-legend LI SPAN.weekend { background: #f7eaea; }
UL.cal-left-legend LI SPAN.holiday { background: #cdf0c8; }
UL.cal-left-legend LI SPAN.pending { background: #f3f3f3 url(bg21.gif) 100% 100% no-repeat; }
UL.cal-left-legend LI SPAN.today { background: #fdfbe2; }
UL.cal-left-legend LI SPAN.selected { background: #e40000; }
UL.cal-left-legend LI SPAN.label { padding: 1px 0 3px 0; }
DIV.help1 { background: url(bg06.gif) 0 100% no-repeat; line-height: 16px; margin: 10px 10px 0 10px; }
DIV.help1 DIV.a { padding: 5px 10px 10px 10px; background: url(bg05.gif) no-repeat; color: #807f48; }
DIV.help1 A { color: #807f48; text-decoration: underline; }
DIV.help1 P { margin: 0; padding: 5px 0 0 0; }
DIV.help1 P.title { padding: 8px 0 5px 27px; background: url(ico_help2.gif) 0 5px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #a6a57b; font-weight: bold; }
#help2 { float: right; margin: 0 0 0 10px; line-height: normal; }
#help2 A { float: left; color: #807f48; padding: 1px 0 3px 23px; background: url(ico_help.gif) no-repeat; cursor: help; }
#help2 A:hover { color: #333; text-decoration: none; background-position: 0 -30px; }
#notes { float: right; margin: 0 0 0 10px; line-height: normal; }
#notes A { float: left; color: #807f48; padding: 1px 0 3px 23px; background: url(ico_notes.gif) no-repeat; }
#notes A:hover { color: #333; text-decoration: none; background-position: 0 -30px; }
#pagetools { float: right; line-height: normal; margin: 0; }
#pagetools A { float: left; color: #807f48; padding: 1px 0 3px 33px; }
#pagetools A:hover { color: #333; text-decoration: none; background-position: 10px -30px !important; }
#pagetools A.help { background: url(ico_help.gif) 10px 0 no-repeat; }
#pagetools A.notes { background: url(ico_notes.gif) 10px 0 no-repeat; }
#pagetools A.email { background: url(ico_email.gif) 10px 0 no-repeat; }
#pagetools A.print { background: url(ico_print.gif) 10px 0 no-repeat; }
/* Page tree*/
P.ico-recycle { margin: 0; border-top: 1px solid #fdfdfd; border-bottom: 1px solid #ddd; font-weight: bold; }
P.ico-recycle A { color: #393939; display: block; padding: 4px 4px 4px 21px; background: url(ico_recycle.gif) no-repeat; }
P.ico-recycle A:hover { color: #e40000; text-decoration: none; background: #f8f6de url(ico_recycle.gif) 0 -21px no-repeat; }
P.ico-add { margin: 0; border-top: 1px solid #fdfdfd; border-bottom: 1px solid #ddd; font-weight: bold; }
P.ico-add A { color: #393939; display: block; padding: 4px 4px 4px 21px; background: url(ico_add.gif) no-repeat; }
P.ico-add A:hover { color: #e40000; text-decoration: none; background: #f8f6de url(ico_add.gif) 0 -21px no-repeat; }
P.ico-home { margin: 0; border-top: 1px solid #fdfdfd; border-bottom: 1px solid #ddd; font-weight: bold; }
P.ico-home A { color: #393939; display: block; padding: 4px 4px 4px 21px; background: url(ico_home.gif) no-repeat; }
P.ico-home A:hover { color: #e40000; text-decoration: none; background: #f8f6de url(ico_home.gif) 0 -21px no-repeat; }
/******************* Content styles *******************/
#inforow { border-bottom: 3px solid #fff; }
#inforow DIV.a { border: 1px solid #dad4a6; color: #807f48; }
#inforow P { margin: 0; padding: 4px 10px 4px 23px; background: #fdfbe2 url(ico_info.gif) 5px 5px no-repeat; }
#inforow A { color: #807f48; text-decoration: underline; }
/* Tabs */
UL.tabs { padding: 0; margin: 1em 0 0 0; list-style: none; background: url(bg10.gif) 0 100% repeat-x; font-weight: bold; line-height: normal; }
UL.tabs LI { float: left; margin-right: 1px; }
UL.tabs LI A { float: left; color: #9f9f9f; background: url(bg11.gif) 100% 0 no-repeat; white-space: nowrap; text-decoration: none; }
UL.tabs LI A SPAN { float: left; cursor: pointer; background: url(bg11.gif) 0 -23px no-repeat; padding: 5px 11px; }
UL.tabs LI A:hover { background-position: 100% -46px; text-decoration: none; color: #7e7e7e; }
UL.tabs LI A:hover SPAN { background-position: 0 -69px; padding-bottom: 4px; }
UL.tabs LI A.active { background-position: 100% -46px; text-decoration: none; color: #e40000 !important; }
UL.tabs LI A.active SPAN { background-position: 0 -69px; padding-bottom: 5px !important; }
UL.tabs LI I { font-style: normal; font-weight: normal; }
UL.tabs LI.recycle A SPAN { background-position: 0 -92px; padding-left: 22px; }
UL.tabs LI.recycle A:hover SPAN { background-position: 0 -115px; padding-left: 22px; }
DIV.tabs-content { padding: 0 9px 9px 9px; border: solid #c4c4c4; border-width: 0 1px 1px 1px; background: #fff; overflow: hidden; }
* HTML DIV.tabs-content { height: 1px; overflow: visible; }
UL.tabs_checkbox LI A SPAN INPUT {height:10px; margin:-2px 0 -1px; vertical-align:middle;}
DIV.tabs-content2 { border: 1px solid #c4c4c4; padding: 0 9px 9px 9px; margin: 10px 0 0 0; }
DIV.tabs-filter { margin: 1em 0 0 0; border: 1px solid #c4c4c4; padding: 5px 19px; background: url(bg15.gif) repeat-x; }
DIV.tabs-filter LABEL { float: left; font-weight: bold; padding: 0 10px 0 0; }
DIV.tabs-filter SELECT { float: left; margin: 0 5px 0 0; }
/* Action buttons */
P.actions { margin: 9px 0 0 0; line-height: normal; }
P.actions INPUT,
P.actions BUTTON { float: left; cursor: pointer; font-weight: bold; overflow: visible; padding: 3px 15px; border: none; color: #fff; background: url(bg13.gif) 0 50% repeat-x; margin-right: 5px; }
P.actions .main { background: url(bg12.gif) 0 50% repeat-x; }
P.actions .red { background: url(bg20.gif) 0 50% repeat-x; }
P.actions .idcard { padding: 0; }
P.actions LABEL { float: left; }
P.actions LABEL INPUT { border: normal; background: transparent; vertical-align: top; }
P.actions SELECT { float: left; margin-right: 5px; }
P.actions .f-right { margin: 0 0 0 5px; float: right; }
P.actions SPAN.label { float: left; padding: 3px 10px 0 0; }
P.actions-progress { margin: 0; border: solid #c4c4c4; border-width: 0 1px 1px 1px; padding: 5px; background: url(bg15.gif) repeat-x; }
P.actions-progress2 { margin: 0; border: solid #eee; border-width: 0 1px 1px 1px; padding: 5px; background: url(bg15.gif) repeat-x; }
P.actions2 { margin: 9px 0 0 0; line-height: normal; }
P.actions2 INPUT,
P.actions2 SELECT { float: left; margin-right: 5px; margin-top: 1px; }
P.actions2 INPUT.button { float: left; cursor: pointer; font-weight: bold; overflow: visible; padding: 3px 15px; border: none; color: #fff; background: url(bg13.gif) 0 50% repeat-x; margin-top: 0; }
P.actions2 SPAN.label { float: left; padding: 3px 10px 0 0; }
P.actions3 { float: right; margin: -21px 0 0 0; }
P.actions3 INPUT { font-weight: normal; padding: 3px 10px; margin: 0 0 0 5px; }
P.actions4 { float: right; }
P.actions4 LABEL { float: left; margin: 0 5px 0 0; }
P.actions4 INPUT { float: left; margin: 0 5px 0 0; }
P.actions4 IMG { float: left; margin: 0 5px 0 0; }
P.actions4 SPAN.space { display: none; }
P.actions4 INPUT.button { cursor: pointer; font-weight: bold; overflow: visible; padding: 2px 15px; border: none; color: #fff; background: url(bg12.gif) 0 50% repeat-x; margin-right: 0; }
/* Data form */
TABLE.form { margin: 9px 0 0 0; width: 100%; border: 1px solid #e9e9e9; }
TABLE.form TH { line-height: normal; padding: 5px 10px 5px 10px; border: solid #e9e9e9; border-width: 1px 0; color: #767676; background: #fff url(bg14.gif) 100% 0 repeat-y; text-align: right; }
TABLE.form TH.input { padding: 1px 10px; }
TABLE.form TD { line-height: normal; padding: 1px 11px 1px 10px; border: solid #e9e9e9; border-width: 1px 0; background: #fff; }
TABLE.form TD.data { padding: 5px 10px; font-weight: normal; }
TABLE.form TD.data P.img-right { margin-top: 0; }
TABLE.form TD TD { width: auto; }
TABLE.form IMG,
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form .min { width: 36px; }
TABLE.form .small { width: 130px; }
TABLE.form .default { width: 340px; }
TABLE.form .default50p { width: 168px; }
TABLE.form .max { width: 526px; }
TABLE.form .max-expandable { width: 492px; margin: 0 2px 0 0; }
TABLE.form INPUT.min,
TABLE.form TEXTAREA.min { width: 30px; }
TABLE.form INPUT.small,
TABLE.form TEXTAREA.small { width: 124px; }
TABLE.form INPUT.default,
TABLE.form TEXTAREA.default { width: 334px; }
TABLE.form INPUT.default50p,
TABLE.form TEXTAREA.default50p { width: 162px; }
TABLE.form INPUT.max,
TABLE.form TEXTAREA.max { width: 520px; }
TABLE.form INPUT.max-expandable { width: 498px; }
TABLE.form INPUT.button { cursor: pointer; font-weight: normal; overflow: visible; padding: 2px 10px; border: none; color: #fff; background: url(bg13.gif) 0 50% repeat-x; }
TABLE.form TD.buttons { white-space: nowrap; padding: 2px 5px; }
TABLE.form TD.buttons INPUT { float: left; margin: 0 2px 0 0; }
TABLE.form TD.buttons SELECT { float: left; margin: 0 2px 0 0; }
TABLE.form TD.buttons UL { float: left; padding: 0; margin: 0 5px 0 0; }
TABLE.form TD.buttons UL LI { display: inline; }
TABLE.form TD.buttons UL A.up { display: block; width: 13px; height: 9px; background: url(ico_up.gif) no-repeat; margin-bottom: 1px; overflow: hidden; }
TABLE.form TD.buttons UL A.up:hover { background-position: 0 -9px; }
TABLE.form TD.buttons UL A.down { display: block; width: 13px; height: 9px; background: url(ico_down.gif) no-repeat; overflow: hidden; }
TABLE.form TD.buttons UL A.down:hover { background-position: 0 -9px; }
TABLE.form TD.buttons2 { padding: 2px 5px 1px 10px; }
TABLE.form TH P.help { font-weight: normal; text-align: left; border: 1px dotted #ddd; padding: 4px 7px; }
TABLE.form TH.subheading { background: #f9f9f9; text-align: center; font-weight: bold; }
TABLE.form TD.images { padding: 0; }
TABLE.form TD.images TABLE { margin: 0; width: auto; }
TABLE.form TD.images TABLE TD { width: auto; padding: 0; border: 5px solid #fff; }
TABLE.form A { color: #777; text-decoration: underline; }
TABLE.form A:hover { color: #e40000; }
TABLE.form TR.error TH { color: #e40000; background: #fdeded; }
TABLE.form TR.error TD { color: #e40000; background: #fdeded; }
TABLE.form TR.error TD * { color: #e40000; }
TABLE.form DIV.f-right { padding-top: 1px; }
TABLE.form P.desc { margin: 0; padding: 2px 0; color: #aaa; font-weight: normal; }
TABLE.form TD.special01 INPUT,
TABLE.form TD.special01 SELECT,
TABLE.form TD.special01 TEXTAREA { vertical-align: top; }
TABLE.form TD.special02 SPAN { float: left; }
TABLE.form TD.special02 INPUT,
TABLE.form TD.special02 SELECT { margin-right: 5px; }
TABLE.form TD.special02 TABLE { float: left; margin: 0 5px 0 0; width: auto; border: none !important; }
TABLE.form TD.special02 TABLE TD { width: auto !important; padding: 1px 5px 1px 0; border: none !important; vertical-align: middle; }
TABLE.form TD.special02 TABLE TD.input { width: auto !important; padding: 0 5px 0 0; }
TABLE.form TD.table { padding: 3px 10px; }
TABLE.form TD.table TABLE { margin: 0 !important; }
TABLE.form TD.table TABLE TH { width: auto; text-align: left; }
TABLE.form TD.table TABLE TD { width: auto; }
TABLE.form TD.table TABLE TD.input { padding: 1px; }
TABLE.form .f-left { margin: 0 5px 0 0; }
TABLE.form UL.files { margin: 5px 0; }
TABLE.form UL.files LI { width: 181px; }
TABLE.form TD.content { padding: 0 1em 1em 1em; }
TABLE.form A.red { background: #bb3737 !important; border-color: #bb3737 !important; float: left; padding: 1px 0; color: #fff; text-decoration: none; margin: 3px 0 0 0; }
TABLE.form A.green { background: #4fa930 !important; border-color: #4fa930 !important; float: left; padding: 1px 0; color: #fff; text-decoration: none; margin: 3px 0 0 0; }
TABLE.form TD.editor { padding: 0; }
TABLE.form TD.editor TD { width: auto; }
TABLE.form TD.editor DIV.editor { margin: 0; border: none; border-left: 1px solid #e9e9e9; padding: 0; }
TABLE.form TD.editor DIV.editor A { text-decoration: none; }
TABLE.form TD.editor TABLE.mceLayout { border: none !important; }
TABLE.form TR.special TD { background-color: #fafafa; font-weight: bold; }
TABLE.form A.selectthis { background: url(ico_left2.gif) 0 0 no-repeat; padding: 0 0 0 18px; float: left; }
TABLE.form A.selectthis:hover { background-position: 0 -50px; }
/* Data table */
TABLE.data { margin: 9px 0 0 0; width: 100%; }
TABLE.data TH { line-height: normal; border: 1px solid #e9e9e9; padding: 5px 6px; background: url(bg18.gif) no-repeat; color: #999; font-weight: bold; }
TABLE.data TH A { text-decoration: underline; color: #666; }
TABLE.data TD A { text-decoration: underline; color: #666; }
TABLE.data TH.input { padding: 1px 6px; }
TABLE.data TD { line-height: normal; border: 1px solid #e9e9e9; padding: 5px 6px; background: #fff; }
TABLE.data TD.input { padding: 1px 6px; }
TABLE.data TD.input INPUT,
TABLE.data TD.input SELECT,
TABLE.data TD.input IMG { vertical-align: middle; }
TABLE.data TD.ico { padding: 3px 1px 3px 5px !important; border-right: none; }
TABLE.data TD.ico2 { padding: 2px !important; text-align: center; }
TABLE.data TD.ico3 { padding: 2px 0 2px 4px !important; border-right: none; }
TABLE.data TD.file { border-left: none; }
TABLE.data TD.level A.active { color: #e40000; }
TABLE.data TR.level1 TD { background-color: #fafafa; }
TABLE.data TR.level1 TD.level { font-weight: bold; }
TABLE.data TR.level2 TD.level { padding-left: 25px; background: #fff url(dot02.gif) 15px 10px no-repeat; }
TABLE.data TR.level3 TD.level { padding-left: 50px; background: #fff url(dot02.gif) 40px 10px no-repeat; }
TABLE.data TR.level4 TD.level { padding-left: 75px; background: #fff url(dot02.gif) 65px 10px no-repeat; }
TABLE.data TR.level5 TD.level { padding-left: 100px; background: #fff url(dot02.gif) 90px 10px no-repeat; }
TABLE.data TR.level6 TD.level { padding-left: 125px; background: #fff url(dot02.gif) 115px 10px no-repeat; }
TABLE.data TR.level7 TD.level { padding-left: 150px; background: #fff url(dot02.gif) 140px 10px no-repeat; }
TABLE.data TR.even TD { background-color: #fafafa; }
TABLE.data TR.even TD.time { border-right-color: #fafafa; }
TABLE.data TR.subheading TD { background: #f4f4f4; font-weight: bold; }
TABLE.data TR.subheading TD.actions { font-weight: normal; }
TABLE.data TD.actions { white-space: nowrap !important; color: #ccc; overflow: hidden; font-size: 9px; padding: 6px 5px; width: 1% !important; }
TABLE.data TD.actions SPAN { color: #bbb; border: solid #eee; border-width: 1px 0; background: #eee; }
TABLE.data TD.actions A { border: solid #aaa; border-width: 1px 0; background: #aaa; color: #eee !important; text-decoration: none; text-align: center; }
TABLE.data TD.actions A:hover { background: #e40000 !important; color: #fff; text-decoration: none; border-color: #e40000 !important; }
TABLE.data TD.actions A IMG { vertical-align: middle; }
TABLE.data TD.actions INPUT { color: #000; border: none; padding: 1px 6px; background: #aaa; font-size: 9px; color: #eee; cursor: pointer; }
TABLE.data TD.actions .red { background: #bb3737 !important; border-color: #bb3737 !important; }
TABLE.data TD.actions .green { background: #4fa930 !important; border-color: #4fa930 !important; }
TABLE.data TD.actions A.green:hover { background: #6fc950 !important; border-color: #6fc950 !important; }
TABLE.data TD.actions .gray { background: #ddd !important; border-color: #ddd !important; color: #fff !important; }
TABLE.data TD.actions .yellow { background: #e4ae00 !important; border-color: #e4ae00 !important; color: #fff !important; }
TABLE.data TD.actions2 { padding: 5px !important; }
TABLE.data TD.actions2 A { display: block; margin: 0; float: none; }
TABLE.data TD.actions2 SPAN { display: block; text-align: center; }
TABLE.data TR.disabled TD { background: #eee url(bg19.gif); color: #bbb; }
TABLE.data TR.disabled TD A { color: #bbb; }
TABLE.data TR.disabled2 TD { color: #bbb; }
TABLE.data TR.disabled2 TD A { color: #bbb; }
TABLE.data TD.error,
TABLE.data TR.error TD { background: #ffeeee url(bg19.gif) !important; color: #e40000; }
TABLE.data TD.error A,
TABLE.data TR.error TD A { color: #e40000; }
TABLE.data TR.error TD INPUT,
TABLE.data TD.error INPUT,
TABLE.data TR.error TD SELECT,
TABLE.data TD.error SELECT { color: #e40000; }
TABLE.data TD.info,
TABLE.data TR.info TD { background: #fdfbe2 url(bg19.gif) !important; color: #807f48; }
TABLE.data TD.info A,
TABLE.data TR.info TD A { color: #807f48; }
TABLE.data TD.blue,
TABLE.data TR.blue TD { background: #e4ebfa url(bg19.gif) !important; color: #2848a3; }
TABLE.data TD.blue A,
TABLE.data TR.blue TD A { color: #2848a3; }
TABLE.data TD.ok,
TABLE.data TR.ok TD { background: #eef3ec url(bg19.gif) !important; color: #4ca82e; }
TABLE.data TD.ok,
TABLE.data TR.ok TD A { color: #4ca82e; }
TABLE.data TD.sorted { background: #fafafa; }
TABLE.data TR.even TD.sorted { background-color: #f4f4f4; }
TABLE.data TR.hover TD { background-color: #fdfbe2 !important; }
TABLE.data TR.hover TD.input { cursor: default; }
TABLE.data TR.selected TD { background-color: #eaf7fc !important; }
TABLE.data TR.selected2 TD { background-color: #e4f9e4 !important; }
TABLE.data TD.time { white-space: nowrap; color: #aaa; border-right: 2px solid #fff; }
TABLE.data IMG.sortico { display: none; width: 9px; height: 8px; float: right; margin: 3px 0 0 2px; }
TABLE.data TH.sorted-down A { color: #e40000; }
TABLE.data TH.sorted-down IMG.sortico { display: block !important; background: url(ico_sortdown.gif) no-repeat; }
TABLE.data TH.sorted-up A { color: #e40000; }
TABLE.data TH.sorted-up IMG.sortico { display: block !important; background: url(ico_sortup.gif) no-repeat; }
TABLE.data TD.swatch { padding: 4px; }
TABLE.data TD.swatch DIV { border: 1px solid #ddd; }
TABLE.data TD.swatch DIV DIV { border: 1px solid #fff; }
TABLE.data TD.swatch DIV DIV SPAN { width: 12px; height: 11px; overflow: hidden; display: block; }
TABLE.data TD.swatch DIV DIV SPAN B { display: none; }
TABLE.data TR.add TD { border-top: 2px solid #ddd; }
TABLE.data TR.total TD { font-weight: bold; border-top: 2px solid #ddd; }
TABLE.data TR.total TD.actions { font-weight: normal; }
TABLE.data TR.total2 TD { font-weight: bold; border-bottom: 2px solid #ddd; }
TABLE.data TR.total2 TD.actions { font-weight: normal; }
TABLE.data INPUT.button { cursor: pointer; font-weight: normal; overflow: visible; padding: 2px 10px; border: none; color: #fff; background: url(bg13.gif) 0 50% repeat-x; }
TABLE.data TR.deleted TD { color: #ccc; }
TABLE.data TR.deleted TD A { color: #ccc; }
TABLE.data TR.deleted TD INPUT,
TABLE.data TR.deleted TD IMG { opacity: 0.30; filter: alpha(opacity=30); }
TABLE.data TD.suggest { padding: 1px; }
TABLE.data TD.suggest A { display: block; padding: 4px 5px; }
TABLE.data TD.suggest A:hover { color: #e40000; }
TABLE.data TD.suggest A.active { background: #eee; text-decoration: none; }
TABLE.data TD A.inline-action { border: solid #aaa; border-width: 1px 0; background: #aaa; color: #eee !important; text-decoration: none; text-align: center; float: right; margin: 0 0 0 6px; font-size: 9px; font-weight: normal; }
TABLE.data TD A.inline-action:hover { background: #e40000 !important; color: #fff; text-decoration: none; border-color: #e40000 !important; }
/* Right click menu */
#contextmenu { position: absolute; padding: 2px; margin: 0; border: 1px solid #979797; background: #f0f0f0; filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3); -moz-user-select: none; white-space: nowrap; }
#contextmenu LI { display: inline; }
#contextmenu LI A { display: block; margin: 0; color: #393939; background: url(bg26.gif) no-repeat; border: solid #f0f0f0; border-width: 0 1px; cursor: default; }
#contextmenu LI A SPAN { padding: 4px 10px 5px 33px; display: block; cursor: default; }
#contextmenu LI A:hover { border: 1px solid #a8d8eb; text-decoration: none; background-position: 0 -50px; }
#contextmenu LI A:hover SPAN { padding: 3px 10px 4px 33px; }
#contextmenu LI A.edit SPAN { background: url(ico_edit.gif) 3px 50% no-repeat; }
#contextmenu LI A.subpage SPAN { background: url(ico_addsubpage.gif) 3px 50% no-repeat; }
#contextmenu LI A.duplicate SPAN { background: url(ico_createduplicate.gif) 3px 50% no-repeat; }
#contextmenu LI A.toggle_vis SPAN { background: url(ico_visibility.gif) 3px 50% no-repeat; }
#contextmenu LI A.delete SPAN { background: url(ico_recycle2.gif) 3px 50% no-repeat; }
#contextmenu LI A.refresh SPAN { background: url(ico_refresh.gif) 3px 50% no-repeat; }
#contextmenu LI A.download SPAN { background: url(ico_download.gif) 3px 50% no-repeat; }
#contextmenu LI A.restore SPAN { background: url(ico_restore.gif) 3px 50% no-repeat; }
#contextmenu LI A.accept SPAN { background: url(ico_accept.gif) 3px 50% no-repeat; }
#contextmenu LI A.deny SPAN { background: url(ico_deny.gif) 3px 50% no-repeat; }
#contextmenu LI A.tentative SPAN { background: url(ico_tentative.gif) 3px 50% no-repeat; }
#contextmenu LI DIV { background: url(bg26a.gif) 0 50% no-repeat; padding: 3px 0; border: solid #f0f0f0; border-width: 0 1px; }
/* Progressbar */
DIV.progress { width: 150px; }
DIV.progress DIV.nr { float: left; width: 35px; overflow: hidden; text-align: right; margin-right: 5px; }
DIV.progress DIV.bar { float: left; width: 110px; background: #fff; margin-top: 1px; }
DIV.progress DIV.bar DIV.a { border: 1px solid #ddd; padding: 1px; }
DIV.progress DIV.bar DIV.b { background: #ddd; height: 7px; overflow: hidden; }
TABLE.data TR.error DIV.bar DIV.b { background: #e40000; }
DIV.progress-red { color: #e40000; }
DIV.progress-red DIV.bar DIV.a { border-color: #e40000; }
DIV.progress-red DIV.bar DIV.b { background: #e40000; }
DIV.progress-green { color: #4ca82e; }
DIV.progress-green DIV.bar DIV.a { border-color: #4ca82e; }
DIV.progress-green DIV.bar DIV.b { background: #4ca82e; }
TABLE.progress2 { border: 1px solid #dad4a6; color: #807f48; padding: 10px 12px; background: #fdfbe2; line-height: normal; text-align: center; margin: 9px 0 0 0; width: 100%; }
TABLE.progress2 TH { white-space: nowrap; padding: 10px 10px 10px 15px; font-weight: bold; }
TABLE.progress2 TD { padding: 8px 15px 8px 0; width: 100%; }
TABLE.progress2 DIV.bar { border: 1px solid #dad4a6; background: #fff; padding: 1px; }
TABLE.progress2 DIV.bar DIV { background: #fffef5; }
TABLE.progress2 DIV.bar DIV DIV { background: url(bg20.gif) 0 50%; height: 9px; overflow: hidden; }
DIV.progress3 { border: 1px solid #ddd; padding: 1px; }
DIV.progress3 DIV { background: #e40000; height: 7px; overflow: hidden; }
UL.progress { margin: 0; padding: 4px 9px; border: solid #c4c4c4; border-width: 0 1px 1px 1px; background: #fff; line-height: normal; list-style: none; white-space: nowrap; }
UL.progress LI { float: left; background: #fff; border: 1px solid; border-color: #eee #c4c4c4 #c4c4c4 #eee; padding: 1px; margin-right: 3px; }
UL.progress LI B { float: left; background: #eee; color: #777; padding: 1px 5px 2px 5px; }
UL.progress LI SPAN { float: left; padding: 1px 5px 2px 5px; }
UL.progress LI.active B { background: #e40000; color: #fff; }
UL.progress-standalone { margin: 1em 0 0 0; border-width: 1px; }
DIV.progress2 { margin: 5px 0 0 0; }
DIV.progress2 DIV.bar { border: 1px solid #ddd; padding: 1px; background: #fff; margin: 1px 0; }
DIV.progress2 DIV.bar DIV.a { background: #eee; }
DIV.progress2 DIV.bar DIV.b { background: #e40000; height: 8px; overflow: hidden; }
/* Legend */
UL.legend { float: right; padding: 5px 0 0 0; margin: 9px 0 0 0; list-style: none; line-height: normal; }
UL.legend LI { float: left; padding-bottom: 3px; }
UL.legend LI SPAN { float: left; white-space: nowrap; }
UL.legend LI SPAN.color { width: 20px; height: 12px; border: 1px solid #ddd; }
UL.legend LI SPAN.icon { width: 13px; height: 13px; }
UL.legend LI SPAN.ico-error { background: url(status_error.gif) no-repeat; }
UL.legend LI SPAN.ico-ok { background: url(status_ok.gif) no-repeat; }
UL.legend LI SPAN.ico-pending { background: url(status_pending.gif) no-repeat; }
UL.legend LI SPAN.ico-red { background: url(status_red.gif) no-repeat; }
UL.legend LI SPAN.ico-green { background: url(status_green.gif) no-repeat; }
UL.legend LI SPAN.ico-yellow { background: url(status_yellow.gif) no-repeat; }
UL.legend LI SPAN.text { padding: 0 10px 0 5px; }
UL.legend LI SPAN.error { background: #ffeeee url(bg19.gif); border-color: #f36a6a; }
UL.legend LI SPAN.disabled { background: #eee url(bg19.gif); border-color: #bbb; }
UL.legend LI SPAN.info { background: #fdfbe2 url(bg19.gif); border-color: #cac98b; }
uL.legend LI SPAN.ok { background: #eef3ec url(bg19.gif); border-color: #4ca82e; }
uL.legend LI SPAN.blue { background: #e4ebfa url(bg19.gif); border-color: #2848a3; }
UL.legend LI SPAN.hasevent { background: #eee url(bg21.gif) 100% 100% no-repeat !important; }
/* Login page */
#loginbox1 { width: 100%; text-align: center; background: #e9e9e9; height: 100%; }
#loginbox2 { margin: auto; width: 450px; padding-top: 200px; }
#loginbox3 { padding: 1px; background: #ddd; }
#loginbox4 { background: #fff; padding: 3px; }
#loginbox5 { text-align: left; padding: 0; background: #fff; }
#loginbox5 P.msg-error { margin: 2px 0; }
#loginbox5 TABLE.form { width: 100%; margin: 0; border-color: #fff; border-width: 3px 0; }
#loginbox5 TABLE.form TH { background: #fafafa; border-color: #fff; border-width: 1px 0; padding: 7px 10px; width: 30%; }
#loginbox5 TABLE.form TD { background: #fafafa; border-color: #fff; border-width: 1px 0; padding: 3px 10px 3px 0; width: 70%; }
#loginbox5 INPUT.default { width: 214px; }
#loginbox5 SELECT.default { width: 220px; }
#loginbox5 P.actions { padding: 5px 10px; margin: 0 1px; text-align: center; border-top: 1px solid #eee; }
#loginbox5 P.actions INPUT { padding: 5px 15px; float: none; vertical-align: middle; }
#loginbox5 P.actions INPUT.idcard { padding: 0; }
#loginbox5 P.actions IMG { vertical-align: middle; margin: 0 5px 0 0; cursor: pointer; }
#loginbox6 { background: #fafafa; padding: 20px; text-align: center; font-weight: bold; margin: 0; line-height: 19px; color: #e40000; }
#loginbox7 { background: #fafafa; padding: 10px 20px 20px 20px; text-align: left; margin: 0; line-height: 15px; }
#loginbox7 B { color: #e40000; }
#loginbox7 P { margin: 0; padding: 10px 0 0 0; }
#loginbox7 UL { padding: 0; margin: 10px 0 0 0; list-style: none; }
#loginbox7 UL LI { padding: 0 0 0 20px; margin: 0; background: url(dot01.gif) 10px 6px no-repeat; }
#loginbox7 UL A { color: #545454; text-decoration: underline; }
#loginbox7 H1 { font-size: 30px; color: #e40000; }
#login-header { border-bottom: 1px solid #eee; padding: 10px; }
#login-header #logo { float: left; margin: 0; }
#login-header #logo * { float: left; }
#login-header #logo SPAN { font-size: 36px; font-family: Arial, Helvetica, sans-serif; line-height: 36px; color: #e40000; padding: 2px 0 0 10px; font-weight: bold; }
#login-footer { background: #fff; height: 28px; overflow: hidden; color: #969696; }
#login-footer P { background: #333 url(bg04.gif) repeat-x; margin: 3px 0 0 0; padding: 5px 10px 7px 10px; }
#login-footer SPAN { color: #5e5e5e; margin: 0 5px; }
#login-footer A { color: #969696; }
#login-footer A:hover { color: #fff; }
/* Paging */
UL.pages { padding: 0; margin: 5px 0 0 0; border: 1px solid #e9e9e9; background: #fafafa; padding: 1px !important; list-style: none; line-height: normal; }
UL.pages LI { float: left; padding: 0 !important; margin: 0 !important; background: none !important; }
UL.pages LI A { float: left; padding: 1px 5px; margin-right: 1px; background: #e8e8e8; border: 1px solid #ddd; color: #666; text-decoration: none; }
UL.pages LI A:hover { border-color: #e40000; background: #fff; color: #e40000; text-decoration: none; }
UL.pages LI A.active { border-color: #e40000; background: #fff; color: #e40000; text-decoration: none; }
UL.pages LI A.disabled { background: #e8e8e8 !important; border: 1px solid #ddd !important; color: #ddd !important; cursor: default; }
UL.pages LI SPAN { float: left; padding: 1px 5px; margin-right: 1px; background: #e8e8e8; border: 1px solid #ddd; color: #ddd; }
UL.pages LI.label { float: left !important; padding: 2px 6px !important; color: #888; }
UL.pages LI.info { float: right !important; padding: 2px 6px !important; color: #888; }
UL.pages LI.info A { float: none; padding: 0; margin: 0; color: #888; background: none; text-decoration: underline; border: none; }
UL.pages LI.info A:hover { color: #e40000; }
/* Filemanager */
DIV.file-thumb { background: #fff; padding: 5px; text-align: center; margin-top: 1px; }
DIV.file-desc { padding: 0 10px 10px 10px; background: #fdfbe2; margin-top: 1px; }
DIV.file-desc TEXTAREA { width: 144px; background: #fff; overflow: auto; }
DIV.file-desc INPUT.default { width: 144px; background: #fff; }
DIV.file-desc LABEL { display: block; font-weight: bold; padding: 5px 0; }
DIV.file-desc P { width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; margin: 0; }
DIV.file-desc P.actions { margin-top: 10px; }
DIV.file-desc P.actions INPUT { font-weight: normal; }
DIV.file-desc A { color: #666; }
DIV.file-box { padding: 3px 5px 0 5px; background: #fff; margin-top: 1px; position: relative; }
DIV.file-box DIV.file { background: #fafafa; margin-top: 2px; width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; }
DIV.file-box DIV.file SPAN { padding: 3px 7px; display: block; border: 1px solid #eee; }
DIV.file-box A.remove { float: right; margin: 5px 4px; padding: 0 4px 2px 3px; color: #fff; background: #aaa; position: absolute; right: 5px; text-decoration: none; }
DIV.file-box A.remove:hover { background: #e40000; text-decoration: none; }
DIV.file-box A.btn-browse { display: block; padding: 3px 10px 4px 10px; text-align: center; font-weight: bold; color: #fff; background: url(bg13.gif) 0 50% repeat-x; margin-top: 5px; }
DIV.file-box A.btn-upload { display: block; padding: 3px 10px 4px 10px; text-align: center; font-weight: bold; color: #fff; background: url(bg12.gif) 0 50% repeat-x; margin-top: 5px; }
P.file-buttons { background: #fff; padding: 5px; margin: 0; }
P.file-buttons A { color: #fff; background: url(bg13.gif) 0 50% repeat-x; float: left; margin: 0 3px 0 0; text-decoration: none; }
P.file-buttons A SPAN { float: left; padding: 3px 10px 4px 10px; cursor: pointer; }
P.file-buttons A.browse SPAN { font-weight: bold; padding: 3px 10px 4px 25px; background: url(ico_browse.gif) 5px 50% no-repeat; }
P.file-buttons A.browse-main { background: url(bg12.gif) 0 50% repeat-x; }
P.file-buttons A.browse-main SPAN { font-weight: bold; padding: 3px 10px 4px 25px; background: url(ico_browse_main.gif) 5px 50% no-repeat; }
P.file-buttons A.upload { background: url(bg12.gif) 0 50% repeat-x; }
P.file-buttons A.upload SPAN { font-weight: bold; padding: 3px 10px 4px 22px; background: url(ico_upload.gif) 5px 4px no-repeat; }
P.file-buttons A:hover { color: #fff; }
P.addfolder { float: right; padding: 3px; background: #eee; border: 1px solid #ddd; margin: 9px 0 0 10px; }
P.addfolder SPAN { float: left; padding: 0 5px; }
P.addfolder SELECT { float: left; margin: -1px 5px -1px 0; }
P.addfolder INPUT.w100 { float: left; margin-right: 5px; border: 1px solid #aaa; padding: 1px 4px; }
P.addfolder INPUT.button { cursor: pointer; font-weight: bold; overflow: visible; padding: 1px 15px; border: none; color: #fff; background: url(bg13.gif) 0 50% repeat-x; margin: 0; }
P.findfile { float: right; }
P.findfile SPAN { float: left; }
P.findfile INPUT { float: left; margin-left: 5px; }
P.findfile INPUT.button { cursor: pointer; font-weight: bold; overflow: visible; padding: 2px 15px; border: none; color: #fff; background: url(bg13.gif) 0 50% repeat-x; }
P.upload-info { background: #fdfbe2; margin: 1px 0; text-align: center; padding: 5px 10px; }
DIV.upload-settings { padding: 5px 10px 10px 10px; background: #f8f8f8; margin-top: 1px; line-height: normal; }
DIV.upload-settings P { padding: 5px 0 0 0; margin: 0; }
DIV.upload-settings INPUT,
DIV.upload-settings SELECT { vertical-align: middle; }
DIV.upload-settings INPUT.min { width: 45px; }
DIV.upload-settings SELECT.default { width: 150px; }
TABLE.filelist { margin: 9px 0 0 0; width: 100%; }
TABLE.filelist TD { width: 25%; padding: 0; text-align: center; vertical-align: bottom; border: 1px solid #fff; background: #fafafa; padding: 0; line-height: normal; }
TABLE.filelist TD.selected { background: #eee; }
TABLE.filelist TD.selected DIV.a { background: #ddd; }
TABLE.filelist TD P { margin: 0; }
TABLE.filelist TD P.img { padding: 5px; }
TABLE.filelist TD P.filename { width: 100%; overflow: hidden; text-overflow: ellipsis; }
TABLE.filelist TD P.tools { padding-top: 3px; color: #ddd; line-height: 18px; }
TABLE.filelist TD P.tools A { font-weight: normal; padding: 1px 4px; background: #aaa; color: #fff; font-size: 9px; line-height: 15px; margin: 0 2px; }
TABLE.filelist TD P.tools A:hover { text-decoration: none; background: #777; }
TABLE.filelist TD P.tools A.delete { background: #bb3737; }
TABLE.filelist TD P.tools A.delete:hover { background: #e40000; }
TABLE.filelist TD P.tools SPAN { font-weight: normal; padding: 1px 4px; background: #666; color: #fff; font-size: 9px; line-height: 15px; margin: 0 2px; }
TABLE.filelist TD A { color: #333; font-weight: bold; font-size: 11px; }
TABLE.filelist TD A:hover { color: #000; }
TABLE.filelist TD DIV.a { background: #eee; border-top: 1px solid #fff; padding: 5px; font-weight: normal; text-align: center; line-height: normal; font-size: 10px; color: #888; }
TABLE.filelist DIV.textarea { border: 1px solid; border-color: #999 #ddd #ddd #999; }
TABLE.filelist DIV.textarea TEXTAREA { width: 100%; border: solid 0; padding: 0; overflow: auto; float: left; height: 5em; }
/* Folder path */
P.path { border: solid #eee; border-width: 1px 0; background: #fafafa url(ico/16/folder.gif) 10px 4px no-repeat; margin: 9px 0 0 0; padding: 5px 10px 5px 35px; color: #ccc; line-height: normal; }
P.path A { color: #888; }
P.path B { color: #333; }
/* Popup */
#popup-header { background: url(bg02.gif) repeat-x; height: 70px; }
#popup-header DIV.a { height: 70px; background: url(bg08.jpg) no-repeat; }
#popup-header #logo { float: left; margin: 0; padding: 15px 0 0 20px; }
#popup-header #nologo { float: left; padding: 18px 0 0 20px; color: #aaa; font-size: 30px; margin: 0; font-family: Arial, Helvetica, sans-serif; }
#popup-header #nologo A { color: #aaa; }
#popup-header #nologo A:hover { color: #fff; }
#popup-header2 { background: url(bg02.gif) 0 50% repeat-x; height: 50px; }
#popup-header2 DIV.a { height: 50px; background: url(bg08.jpg) 0 50% no-repeat; }
#popup-header2 #logo { padding: 10px 0 0 20px; margin: 0; float: left; }
#popup-header2 P.close { float: right; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 10px 20px 0 0; }
#popup-header2 P.close A { float: left; color: #aaa; font-size: 18px; padding: 4px 25px 2px 0; background: url(ico_close.gif) 100% 50% no-repeat; }
#popup-header2 P.close A:hover { color: #fff; text-decoration: none; }
#popup-box1 { background: #fafafa; padding: 5px 15px 15px 15px; }
#popup-box1 .default { width: 244px; }
#popup-box1 SELECT.default { width: 250px; }
DL.results { margin: 0; padding: 0; }
DL.results DT { margin: 0; padding: 0; }
DL.results DD { margin: 2px 0 5px 0; padding: 1px; border: 1px solid #eee; }
DL.results DD DIV { background: #ddd; height: 7px; overflow: hidden; }
DIV.group-block { padding: 9px 0 0 0; }
DIV.group-name { background: #dfdfdf; padding: 3px; margin: 3px 0 0 0; line-height: normal; color: #333; }
DIV.group-name LABEL { float: left; }
DIV.group-name LABEL INPUT { float: left; }
DIV.group-name LABEL B { float: left; cursor: pointer; padding: 4px 5px; }
DIV.group-name A { float: right; background: url(ico_down2.gif) no-repeat; width: 11px; height: 11px; overflow: hidden; margin: 5px 5px 0 0; }
DIV.group-name A:hover { background-position: 0 -50px !important; }
DIV.group-name A.open { background: url(ico_up2.gif) no-repeat; }
DIV.group-content { margin: 0; auto; border: 1px solid #dfdfdf; padding: 0 10px 10px 10px; }
DIV.group-content TABLE { margin: 10px 0 0 0; }
DIV.group-content UL { margin: 10px 0 0 0; }
DIV.group-content-overflow { height: 300px; overflow: auto; }
DIV.group-content-overflow DIV.w100p { width: 680px !important; }
.iframe1 { border: solid #c4c4c4; border-width: 0 1px 1px 1px; }
.iframe1 IFRAME { width: 100%; height: 300px; }
.iframe2 { border: 1px solid #c4c4c4; height: 150px; overflow: auto; padding: 0 10px 10px 10px; line-height: 16px; }
P.autosave { float: right; }
P.autosave LABEL { float: left; }
P.autosave INPUT { vertical-align: middle; }
P.autosave SPAN.status { color: #aaa; padding: 0 0 0 10px; }
DIV.front01 { float: left; width: 560px; overflow: hidden; min-height: 1px; margin-right: 20px; }
DIV.front02 { float: left; width: 350px; overflow: hidden; min-height: 1px; }
DIV.front03 { float: left; width: 400px; overflow: hidden; min-height: 1px; margin-right: 20px; }
DIV.front04 { float: left; width: 315px; overflow: hidden; min-height: 1px; }
DIV.front05 { float: left; width: 500px; overflow: hidden; min-height: 1px; margin-right: 20px; }
DIV.front06 { float: left; width: 215px; overflow: hidden; min-height: 1px; }
DIV.front07 { float: left; width: 360px; overflow: hidden; min-height: 1px; margin-right: 10px; }
DIV.front08 { float: left; width: 365px; overflow: hidden; min-height: 1px; }
UL.birthdays { background: #fff; padding: 7px 10px 7px 15px; margin: 0; list-style: none; }
UL.birthdays LI { display: inline; }
UL.birthdays LI A { padding: 0 0 3px 10px; margin: 0; background: url(dot01.gif) 0 5px no-repeat; display: block; color: #545454; }
UL.birthdays LI A SPAN { color: #aaa; }
UL.links { background: #fff; padding: 7px 10px 7px 15px; margin: 0; list-style: none; line-height: normal; }
UL.links LI { display: inline; }
UL.links LI A { padding: 0 0 3px 10px; margin: 0; background: url(dot01.gif) 0 5px no-repeat; display: block; color: #545454; }
P.banner1 { border: 1px solid #fff; }
P.banner1 A { border: 1px solid; border-color: #ddd #aaa #aaa #ddd; display: block; font-size: 12px; font-weight: bold; line-height: 16px; color: #555; background: #fff url(bg15.gif) repeat-x; padding: 7px 10px 9px 10px; text-align: center; }
TABLE.front-listing { margin: 2px 0 0 0; width: 100%; }
TABLE.front-listing TH { line-height: normal; border: solid #fff; border-width: 2px 0; padding: 4px 10px; background: #ebebeb; font-weight: normal; }
TABLE.front-listing TD { line-height: normal; border: solid #fff; border-width: 2px 0; padding: 4px 10px; background: #f6f6f6; }
TABLE.front-listing TD A { color: #545454; }
TABLE.front-listing TD A:hover { color: #e40000; }
TABLE.front-listing TD.time { color: #aaa; white-space: nowrap; background: #f1f1f1; }
TABLE.front-listing TR.important TD { background: #fff2f2 url(bg19.gif); color: #e40000; }
TABLE.front-listing TR.important TD.time { background: #f5e1e1 url(bg19.gif); }
TABLE.front-listing TR.important TD A { color: #e40000; }
TABLE.visiblelinks A { text-decoration: underline; }
TABLE.poll { width: 100%; }
TABLE.poll TH { line-height: normal; padding: 5px 10px 5px 0; border: solid #e9e9e9; border-width: 1px 0; color: #767676; background: #fff; width: 100%; font-weight: normal; }
TABLE.poll TD { line-height: normal; padding: 1px 10px 1px 10px; border: solid #e9e9e9; border-width: 1px 0; background: #fff; }
P.h2type2-action { float: right; line-height: normal; padding: 3px 10px 0 0; }
P.h2type2-action A { float: left; font-size: 10px; background: #aaa; color: #fff; padding: 1px 5px; margin: 0 0 0 2px; border: 1px solid #ccc; }
P.h2type2-action A:hover { text-decoration: none; background: #777; }
H2.type2 { color: #fff; font-size: 11px; font-weight: bold; background: url(bg23.gif) 100% 0 no-repeat; padding: 4px 10px 5px 10px; margin: 10px 0 0 0; }
DIV.block-content { padding: 0 4px 4px 4px; border: solid #eee; border-width: 0 1px 1px 1px; background: #fff; }
DIV.block-content TABLE.form { margin-top: 4px; }
DIV.block-content P.actions { margin-top: 4px; padding-bottom: 2px; }
UL.articles { padding: 0; margin: 1em 0 0 0; border-top: 1px dotted #ddd; list-style: none; }
UL.articles LI { margin: 0; padding: 5px 0 10px 10px; border-bottom: 1px dotted #ddd; background: #fff; }
UL.articles LI.even { background: #f5f5f5; }
UL.articles H2 { margin: 0; line-height: normal; }
UL.articles H2 A { font-weight: bold; font-size: 13px; }
UL.articles P.post-info { margin: 0; font-size: 10px; }
UL.articles P.lead { margin: 5px 0 0 0; line-height: 16px; }
P.articleinfo { margin: 3px 0 0 0; color: #aaa; }
P.articleinfo SPAN.separator { margin: 0 5px; color: #ddd; }
P.articleinfo A { color: #777; }
P.articleinfo B { color: #777; }
/* Filter */
DIV.filter { background: #eee; padding: 7px 12px; margin: 9px 0 0 0; line-height: normal; }
DIV.filter INPUT { float: left; margin: 0 5px 0 0; }
DIV.filter INPUT.button { cursor: pointer; font-weight: bold; overflow: visible; padding: 2px 10px; border: none; color: #fff; background: url(bg12.gif) 0 50% repeat-x; margin-right: 5px; }
DIV.filter INPUT.button-gray { cursor: pointer; font-weight: bold; overflow: visible; padding: 2px 10px; border: none; color: #fff; background: url(bg13.gif) 0 50% repeat-x; margin-right: 5px; }
DIV.filter SELECT { float: left; margin: 0 5px 0 0; }
DIV.filter LABEL { float: left; margin: 3px 5px 0 0; cursor: pointer; }
DIV.filter LABEL SPAN { display: block; }
DIV.filter LABEL IMG { margin: 5px 0 0 0; }
DIV.filter LABEL SELECT,
DIV.filter LABEL INPUT { margin: 5px 0 0 0; }
DIV.filter LABEL IMG { margin: 5px 5px 0 5px; }
DIV.filter IMG { float: left; margin: 0 5px 0 0; }
DIV.filter DIV { float: left; margin: 0 5px 0 0; padding-top: 20px; }
DIV.filter DIV.clear { clear: both; float: none; padding: 5px 0 0 0; margin: 0; }
DIV.filter SPAN.space { display: none; }
DIV.filter A.prevnext { float: left; padding: 3px 0 0 0; }
DIV.filter2 { background: #eee; padding: 7px 12px; margin: 9px 0 0 0; line-height: normal; }
DIV.filter2 DIV.item { float: left; width: 19%; }
DIV.filter2 INPUT { vertical-align: middle; }
TABLE.filter { border: solid #eee; border-width: 5px 0; }
TABLE.filter TH { background: #eee; border: none; text-align: left; }
TABLE.filter TD { background: #eee; border: none; }
/* Files */
UL.files { margin: 1em 0 0 0; padding: 0 0 1px 1px; list-style: none; line-height: normal; border: 1px solid #e9e9e9; background: #fff; }
UL.files LI { margin: 1px 1px 0 0; width: 243px; float: left; background: #f3f3f3; }
UL.files LI A { float: left; padding: 4px 2px 4px 26px; background: url(ico/16/file.gif) 5px 50% no-repeat; }
UL.files LI A SPAN { color: #aaa; }
UL.files LI A:hover { color: #000; }
UL.files LI A:hover SPAN { color: #000; }
UL.files LI A.pdf { background: url(ico/16/pdf.gif) 5px 50% no-repeat; }
UL.files LI A.doc { background: url(ico/16/doc.gif) 5px 50% no-repeat; }
UL.files LI A.xls { background: url(ico/16/xls.gif) 5px 50% no-repeat; }
UL.files LI A.ppt { background: url(ico/16/ppt.gif) 5px 50% no-repeat; }
UL.files LI A.mp3 { background: url(ico/16/mp3.gif) 5px 50% no-repeat; }
UL.files LI A.zip { background: url(ico/16/zip.gif) 5px 50% no-repeat; }
DIV.relatedpoll { float: right; width: 220px; margin: 0 0 1em 1em; clear: both; }
/* Gallery */
TABLE.gallery { width: 100%; }
TABLE.gallery TD { border: 7px solid #f9f9f9; padding: 0; width: 20%; padding: 0; background: #f9f9f9; text-align: center; vertical-align: top; line-height: normal; }
TABLE.gallery TD A { display: block; padding: 5px; border: 1px solid #ddd; background: #f7f7f7; color: #777; text-decoration: none; cursor: pointer; }
TABLE.gallery TD A IMG { border: 1px solid #fff; }
TABLE.gallery TD A SPAN.txt { padding: 4px 0 0 0; font-size: 10px; width: 122px; display: block; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; }
TABLE.gallery TD A SPAN.info { display: inline; font-weight: normal; }
TABLE.gallery TD A:hover { border-color: #aaa; color: #000; }
TABLE.gallery TD DIV.a { padding: 5px; border: 1px solid #ddd; background: #f7f7f7; }
TABLE.gallery TD DIV.txt { padding: 4px 0 0 0; font-size: 10px; width: 122px; display: block; }
TABLE.gallery TD TEXTAREA { width: 112px; padding: 4px; border: 1px solid; border-color: #ccc #eee #eee #ccc; }
TABLE.gallery TD.folder A { background: #ddd url(bg24.gif) repeat-x; color: #000; font-weight: bold; }
TABLE.gallery DIV.img { height: 90px; width: 120px; background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff; }
TABLE.gallery P.tools { margin: 0; font-size: 10px; }
TABLE.gallery P.tools A { margin: 2px 0 0 0; padding: 2px 6px; text-align: center; }
TABLE.gallery P.tools A.active { background: #fdfbe2; border-color: #555; }
TABLE.gallery P.tools A:hover { color: #e40000; border-color: #e40000; background: #fff; }
UL.gallery { padding: 1px 0 6px 6px; background: #f9f9f9; margin: 10px 0 0 0; border: 1px solid #eee; list-style: none; }
UL.gallery LI.item { float: left; width: 136px; margin: 5px 5px 0 0; }
UL.gallery LI.item DIV.a { padding: 2px; border: 1px solid #ddd; background: #eee; }
UL.gallery DIV.img { height: 100px; width: 130px; background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff; cursor: move; }
UL.gallery DIV.txt { padding: 0; margin: 2px 0 0 0; font-size: 10px; width: 120px; display: block; }
UL.gallery DIV.txt TEXTAREA { width: 120px; padding: 4px; border: 1px solid; border-color: #ccc #eee #eee #ccc; }
UL.gallery UL.tools { margin: 2px 0 0 0; padding: 0; font-size: 10px; line-height: 12px; list-style: none; }
UL.gallery UL.tools LI { float: left; }
UL.gallery UL.tools LI.cover { width: 107px; margin: 0 2px 0 0; }
UL.gallery UL.tools LI.delete { width: 21px; }
UL.gallery UL.tools LI A { margin: 0; padding: 2px 0; text-align: center; border: 1px solid; border-color: #ddd #aaa #aaa #ddd; display: block; color: #555; background: #f5f5f5; }
UL.gallery UL.tools LI A:hover { color: #e40000; border-color: #e40000; background: #fff; text-decoration: none; }
UL.gallery UL.tools LI A.active { background: #fdfbe2; }
/* News */
UL.news { border-top: 1px dotted #ddd; margin: 1em 0 0 0; padding: 0; line-height: normal; list-style: none; }
UL.news LI { margin: 0; border-bottom: 1px dotted #ddd; padding: 3px 0; overflow: hidden; zoom: 0; }
* HTML UL.news LI { overflow: visible; height: 1px; }
UL.news P { margin: 0; padding: 0; }
UL.news P.heading { font-weight: bold; }
UL.news P.lead { line-height: 15px; margin: 0; padding: 3px 0 3px 5.9em; }
UL.news P.lead2 { line-height: 15px; margin: 0; padding: 3px 0; }
UL.news P.props { font-size: 10px; color: #aaa; padding: 2px 0 0 0; }
UL.news P.props A { color: #aaa; }
UL.news SPAN.date { color: #aaa; font-weight: normal; margin: 0 5px 0 0; }
/* Export column select */
TABLE.export1 { width: auto; margin: 1em 0 0 0; }
TABLE.export1 TD { padding: 3px 5px; vertical-align: middle; border: solid #fff; border-width: 0 2px; background: #eee; }
TABLE.export1 TD INPUT { vertical-align: middle; margin-top: -1px; }
TABLE.export1 TD IMG { vertical-align: middle; }
TABLE.export2 { width: auto; margin: 1em 0 0 0; }
TABLE.export2 TD { padding: 3px 5px; vertical-align: middle; border: solid #fff; border-width: 2px 0; background: #eee; }
TABLE.export2 TD.input { padding: 1px; }
TABLE.export2 TD IMG { vertical-align: middle; }
/* Search results list */
OL.results { line-height: normal; }
OL.results P.heading { font-weight: bold; }
OL.results P.heading A { text-decoration: none; }
OL.results P.heading A:hover { text-decoration: underline; }
OL.results P.lead { font-size: 10px; margin: 5px 0 0 0; }
/* Right column calendars list */
DIV.calendars { background: #fff; padding: 5px; line-height: 14px; }
DIV.calendars UL { padding: 0; margin: -2px 0 0 0; list-style: none; }
DIV.calendars UL LI { float: left; width: 100%; clear: both; margin: 2px 0 0 0; }
DIV.calendars A { border: 1px solid #eee; display: block; overflow: hidden; padding: 0 0 0 3px; color: #aaa; padding: 0 4px; background: #f5f5f5; overflow: hidden; }
* HTML DIV.calendars A { height: 1px; overflow: visible; }
DIV.calendars A SPAN { float: left; cursor: pointer; }
DIV.calendars A SPAN.txt { width: 115px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 0; }
DIV.calendars A SPAN.swatch { border: 2px solid #ddd; margin: 4px 5px 0 0; }
DIV.calendars A SPAN.swatch SPAN {}
DIV.calendars A SPAN.swatch SPAN SPAN { border: none; width: 8px; height: 8px; overflow: hidden; background: #fff; }
DIV.calendars A.active { background: #fff; color: #333; }
DIV.calendars A.active SPAN.swatch SPAN SPAN { background: none; }
DIV.calendars A:hover { text-decoration: none; background: #fff; color: #333; }
DIV.calendars UL.scrollable { height: 250px; overflow: auto; overflow-x: hidden; overflow-y: scroll; }
DIV.calendars UL.scrollable LI { width: 143px; }
DIV.calendars UL.scrollable LI SPAN.txt { width: 115px; }
/***************************** Big calendar *****************************/
.event-color01 { background-color: #18c0e8 !important; border-color: #18c0e8 !important; color: #fff; }
.event-color02 { background-color: #6356ad !important; border-color: #6356ad !important; color: #fff; }
.event-color03 { background-color: #ca39ac !important; border-color: #ca39ac !important; color: #fff; }
.event-color04 { background-color: #ec4079 !important; border-color: #ec4079 !important; color: #fff; }
.event-color05 { background-color: #ee5961 !important; border-color: #ee5961 !important; color: #fff; }
.event-color06 { background-color: #ee9051 !important; border-color: #ee9051 !important; color: #fff; }
.event-color07 { background-color: #edc54e !important; border-color: #edc54e !important; color: #fff; }
.event-color08 { background-color: #a0a131 !important; border-color: #a0a131 !important; color: #fff; }
.event-color09 { background-color: #bcd24a !important; border-color: #bcd24a !important; color: #fff; }
.event-color10 { background-color: #7cda6f !important; border-color: #7cda6f !important; color: #fff; }
.event-color11 { background-color: #2ebb73 !important; border-color: #2ebb73 !important; color: #fff; }
.event-color12 { background-color: #2ebbb4 !important; border-color: #2ebbb4 !important; color: #fff; }
.event-color13 { background-color: #666 !important; border-color: #666 !important; color: #fff; }
.event-color14 { background-color: #aaa !important; border-color: #aaa !important; color: #fff; }
.event-birthday { background-color: #aaa !important; border-color: #666 !important; color: #333; }
.event-task { background-color: #aaa !important; border-color: #666 !important; color: #333; }
.event-vacation { background-color: #aaa !important; border-color: #666 !important; color: #333; }
TABLE.data DIV.event-birthday { border: none !important; background: none !important; }
TABLE.data DIV.event-birthday DIV { border: none !important; }
TABLE.data DIV.event-birthday SPAN { width: 16px !important; height: 15px !important; background: url(ico_birthday.gif) no-repeat !important; }
TABLE.data DIV.event-vacation { border: none !important; background: none !important; }
TABLE.data DIV.event-vacation DIV { border: none !important; }
TABLE.data DIV.event-vacation SPAN { width: 16px !important; height: 15px !important; background: url(ico_vacation.gif) no-repeat !important; }
TABLE.data DIV.event-task { border: none !important; background: none !important; }
TABLE.data DIV.event-task DIV { border: none !important; }
TABLE.data DIV.event-task SPAN { width: 16px !important; height: 15px !important; background: url(ico_task.gif) no-repeat !important; }
TABLE.data DIV.event-task-low { border: none !important; background: none !important; }
TABLE.data DIV.event-task-low DIV { border: none !important; }
TABLE.data DIV.event-task-low SPAN { width: 16px !important; height: 15px !important; background: url(ico_task_low.gif) no-repeat !important; }
TABLE.data DIV.event-task-high { border: none !important; background: none !important; }
TABLE.data DIV.event-task-high DIV { border: none !important; }
TABLE.data DIV.event-task-high SPAN { width: 16px !important; height: 15px !important; background: url(ico_task_high.gif) no-repeat !important; }
.event-declined { text-decoration: line-through !important; }
.event-tentative { background-image: url(cal_bg02.gif) !important; background-repeat: repeat; }
.event-requested DIV.border DIV DIV { background: url(cal04requested.gif) 0 0 no-repeat !important; }
.event-requested DIV.border DIV DIV DIV { background: url(cal04requested.gif) 100% 100% no-repeat !important; }
OPTION.color01 { background: #18c0e8; }
OPTION.color02 { background: #6356ad; }
OPTION.color03 { background: #ca39ac; }
OPTION.color04 { background: #ec4079; }
OPTION.color05 { background: #ee5961; }
OPTION.color06 { background: #ee9051; }
OPTION.color07 { background: #edc54e; }
OPTION.color08 { background: #a0a131; }
OPTION.color09 { background: #bcd24a; }
OPTION.color10 { background: #7cda6f; }
OPTION.color11 { background: #2ebb73; }
OPTION.color12 { background: #2ebbb4; }
DIV.bigcal { margin: 10px 0 0 0; border-top: 1px solid #ddd; }
DIV.bigcal TABLE.main { margin: 0; }
DIV.bigcal TABLE.main TH { padding: 0; line-height: 8px; font-weight: normal; }
DIV.bigcal TABLE.main TD { padding: 0; line-height: 8px; }
DIV.bigcal TABLE.week TR.daynames A { display: block; padding: 4px 0; color: #aaa; width: 94px; }
DIV.bigcal TABLE.week TR.daynames A B { color: #888; display: block; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
DIV.bigcal TABLE.week TR.daynames A:hover { color: #e40000; text-decoration: none; }
DIV.bigcal TABLE.week TR.daynames A:hover B { color: #e40000; }
DIV.bigcal TABLE.week TR.daynames TH { background: #e7e7e7; border: none; text-align: center; line-height: normal; font-size: 10px; }
DIV.bigcal TABLE.week TR.daynames TH.time { width: 100%; background: #e7e7e7; }
DIV.bigcal TABLE.week TH { background: url(cal02.gif); }
DIV.bigcal TABLE.week TD { background: url(cal01.gif) 100% 0; width: 14%; }
DIV.bigcal TABLE.week TD.even { background: url(cal01_even.gif) 100% 0; }
DIV.bigcal TABLE.week TD.weekend { background: url(cal01_weekend.gif) 100% 0; }
DIV.bigcal TABLE.week TD.today { background: url(cal01_today.gif) 100% 0; }
DIV.bigcal TABLE.day TH { background: url(cal02.gif); }
DIV.bigcal TABLE.day TD { background: url(cal01.gif) 100% 0; width: 100%; }
DIV.bigcal UL.times { padding: 0; margin: 0; list-style: none; width: 50px; overflow: hidden; text-align: center; }
DIV.bigcal UL.times LI { display: block; float: left; width: 100%; clear: both; }
DIV.bigcal UL.times DIV.a { height: 34px; border: 1px solid #dcdcdc; border-width: 0 1px; }
DIV.bigcal UL.times DIV.b { padding: 3px 0; }
DIV.bigcal DIV.overflow { position: relative; }
DIV.bigcal DIV.draw { opacity: 0.50; filter: alpha(opacity=50); background: #ccc !important; }
DIV.day-cont { position: absolute; top: 0; }
#day-1 DIV.w, #day-2 DIV.w, #day-3 DIV.w, #day-4 DIV.w, #day-5 DIV.w, #day-6 DIV.w, #day-7 DIV.w { width: 95px; }
#day-cont { width: 665px; left: 50px; }
#day-1-cont { width: 94px; left: 50px; }
#day-2-cont { width: 94px; left: 145px; }
#day-3-cont { width: 94px; left: 240px; }
#day-4-cont { width: 94px; left: 335px; }
#day-5-cont { width: 94px; left: 430px; }
#day-6-cont { width: 94px; left: 525px; }
#day-7-cont { width: 94px; left: 620px; }
DIV.overflow DIV.event { background: #fff; margin: 0; position: absolute; }
DIV.overflow DIV.event DIV.a { position: relative; width: 100%; height: 100%; }
DIV.overflow DIV.event DIV.b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 9px; padding: 3px 0; position: absolute; top: 50%; margin-top: -8px; width: 100%; }
DIV.overflow DIV.event DIV.b SPAN { display: block; padding: 0 7px; }
DIV.overflow DIV.event DIV.border { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
DIV.overflow DIV.event DIV.border DIV { width: 100%; height: 100%; left: 0; top: 0; }
DIV.overflow DIV.event DIV.border DIV DIV { background: url(cal04.gif) 0 0 no-repeat; }
DIV.overflow DIV.event DIV.border DIV DIV DIV { background: url(cal04.gif) 100% 100% no-repeat; }
DIV.overflow DIV.event DIV.handler-h { width: 100%; height: 8px; position: absolute; display: none; overflow: hidden; }
DIV.overflow DIV.event DIV.handler-move-h { top: 0; background: #333 url(cal_handle_move_h.gif) 50% 0 no-repeat; margin: 0; cursor: move; }
DIV.overflow DIV.event DIV.handler-resize-up { top: 0; background: #333 url(cal_handle_resize_up.gif) 50% 0 no-repeat; margin: 0; cursor: n-resize; }
DIV.overflow DIV.event DIV.handler-resize-down { bottom: 0; background: #333 url(cal_handle_resize_down.gif) 50% 0 no-repeat; margin: 0; cursor: n-resize; }
DIV.overflow DIV.event-hover DIV.handler-h { display: block; }
DIV.overflow DIV.event-hover DIV.border DIV DIV { background: url(cal04o.gif) 0 0 no-repeat; }
DIV.overflow DIV.event-hover DIV.border DIV DIV DIV { background: url(cal04o.gif) 100% 100% no-repeat; }
DIV.overflow DIV.event-declined DIV.border DIV DIV { background: url(cal04declined.gif) 0 0 no-repeat; }
DIV.overflow DIV.event-declined DIV.border DIV DIV DIV { background: url(cal04declined.gif) 100% 100% no-repeat; }
DIV.overflow DIV.event-tentative DIV.border DIV DIV { background: url(cal04tentative.gif) 0 0 no-repeat; }
DIV.overflow DIV.event-tentative DIV.border DIV DIV DIV { background: url(cal04tentative.gif) 100% 100% no-repeat; }
DIV.overflow DIV.event SPAN.lowpriority { background: url(ico_lowpriority.gif) 5px 50% no-repeat; padding-left: 18px !important; display: block; }
DIV.overflow DIV.event SPAN.highpriority { background: url(ico_highpriority.gif) 5px 50% no-repeat; padding-left: 18px !important; display: block; }
/* Weekly grid */
DIV.calmonth { background: url(cal07.gif) repeat-y; margin: 0; }
DIV.calmonth DIV.week { position: relative; padding: 0 0 18px 0; border-bottom: 1px solid #dcdcdc; min-height: 70px; border-top: 1px solid #fff; }
* HTML DIV.calmonth DIV.week { height: 70px; }
DIV.calmonth DIV.week2 { position: relative; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #fff; }
DIV.calmonth DIV.weeknr { width: 50px; position: absolute; left: 0; z-index: 1; }
DIV.calmonth DIV.weeknr A,
DIV.calmonth DIV.weeknr DIV { color: #888; display: block; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 3px 0 0 0; font-weight: bold; text-align: center; }
DIV.calmonth DIV.weeknr A:hover { color: #e40000; text-decoration: none; }
DIV.calmonth DIV.row { padding: 0 0 1px 50px; z-index: 1; }
DIV.calmonth DIV.spacer { width: 94px; float: left; margin: 0 1px 0 0; height: 18px; visibility: hidden; }
DIV.calmonth DIV.dayname { width: 94px; float: left; margin: 0 1px 0 0; line-height: 9px; cursor: default; position: relative; z-index: 2; background: #f1f1f1; border-bottom: 1px solid #dcdcdc; font-weight: bold; }
DIV.calmonth DIV.dayname DIV,
DIV.calmonth DIV.dayname A { padding: 4px 10px; font-size: 10px; display: block; color: #aaa; }
DIV.calmonth DIV.dayname A:hover { color: #e40000; text-decoration: none; }
DIV.calmonth DIV.dayname-weekend { background: #f8e9e9; }
DIV.calmonth DIV.dayname-othermonth { background: #fafafa; font-weight: normal; }
DIV.calmonth DIV.dayname-othermonth DIV,
DIV.calmonth DIV.dayname-othermonth A { color: #ccc; }
DIV.calmonth DIV.event { width: 94px; float: left; margin: 0 1px 0 0; line-height: 13px; cursor: default; position: relative; z-index: 2; }
DIV.calmonth DIV.event DIV.a { padding: 2px 5px 3px 5px; }
DIV.calmonth DIV.event DIV.b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
DIV.calmonth DIV.event DIV.c {}
DIV.calmonth DIV.event DIV.handler-v { top: 0; width: 9px; height: 18px; position: absolute; z-index: 4; display: none; }
DIV.calmonth DIV.event DIV.handler-move-v { left: 0; background: #333 url(cal_handle_move_v.gif) 50% 50% no-repeat; margin: 0 0 0 -8px; cursor: move; }
DIV.calmonth DIV.event DIV.handler-resize-left { left: 0; background: #333 url(cal_handle_resize_left.gif) 50% 50% no-repeat; margin: 0; cursor: w-resize; }
DIV.calmonth DIV.event DIV.handler-resize-right { right: 0; background: #333 url(cal_handle_resize_right.gif) 50% 50% no-repeat; margin: 0; cursor: w-resize; }
DIV.calmonth DIV.event DIV.overlapping-left { left: 0; background: #333 url(ico_overlapping_left.gif) 0 50% no-repeat; margin: 0; display: block; overflow: hidden; }
DIV.calmonth DIV.event DIV.overlapping-right { right: 0; background: #333 url(ico_overlapping_right.gif) 0 50% no-repeat; margin: 0; display: block; overflow: hidden; }
DIV.calmonth DIV.event-hover { z-index: 3; }
DIV.calmonth DIV.event-hover DIV.a { border: 1px solid #333; padding: 1px 4px 2px 4px; }
DIV.calmonth DIV.event-hover DIV.handler-v { display: block; }
DIV.calmonth DIV.event-requested DIV.a { border: 2px dotted #fff !important; padding: 0 3px; }
DIV.calmonth DIV.event-declined DIV.a { border: 2px solid #f00 !important; padding: 0 3px; }
DIV.calmonth DIV.event-tentative DIV.a { border: 2px solid #000 !important; padding: 0 3px; }
DIV.calmonth DIV.length1 { width: 94px; overflow: hidden; }
DIV.calmonth DIV.length2 { width: 189px; overflow: hidden; }
DIV.calmonth DIV.length3 { width: 284px; overflow: hidden; }
DIV.calmonth DIV.length4 { width: 379px; overflow: hidden; }
DIV.calmonth DIV.length5 { width: 474px; overflow: hidden; }
DIV.calmonth DIV.length6 { width: 569px; overflow: hidden; }
DIV.calmonth DIV.length7 { width: 664px; overflow: hidden; }
DIV.calmonth DIV.event SPAN.lowpriority { background: url(ico_lowpriority.gif) 0 50% no-repeat; padding-left: 12px !important; display: block; }
DIV.calmonth DIV.event SPAN.highpriority { background: url(ico_highpriority.gif) 0 50% no-repeat; padding-left: 12px !important; display: block; }
UL.cal-tabs { margin-right: 20px; }
/* Comments list */
DL.comments { padding: 0; margin: 0; }
DL.comments DT { margin: 1em 0 0 0; padding: 3px 5px 3px 10px; background: #eee; }
DL.comments DT A.delete { background: #aaa; color: #eee !important; text-decoration: none; float: right; font-size: 9px; line-height: normal; padding: 1px 5px; margin-top: 2px; }
DL.comments DT A.delete:hover { background: #e40000 !important; color: #fff; text-decoration: none; }
DL.comments DD { margin: 0; padding: 10px; border: 1px solid #eee; }
UL.comments { padding: 0; margin: 0; list-style: none; }
UL.comments LI { display: inline; }
UL.comments LI P.heading { padding: 3px 5px 3px 10px; background: #eee; }
UL.comments LI DIV.comment { margin: 0; padding: 0 10px 10px 10px; border: 1px solid #eee; }
UL.comments LI DIV.comment P { margin: 10px 0 0 0; }
UL.comments BLOCKQUOTE { border: 1px dotted #ccc; background: #fff; margin: 10px 0 0 0; padding: 5px 10px; }
DIV.dialog { width: 380px; position: absolute; z-index: 1; left: 0; top: 0; background: #ccc; display: none; }
DIV.dialog DIV.a { padding: 2px; }
DIV.dialog DIV.b { background: #fff; padding: 10px; }
DIV.dialog H2.type2 { margin: 0; }
DIV.dialog P.h2type2-action { margin: 0; padding-right: 7px; }
/* Page tree */
#pagetree { overflow: auto; overflow-x: hidden; -moz-user-select: none; min-height:300px; }
#pagetree #treecontainer { width: 173px; }
#pagetree UL { padding: 0; margin: 0; list-style: none; }
#pagetree UL LI { display: inline; }
#pagetree UL UL { padding-left: 18px; background: url(pagetree/line1.gif) repeat-y; }
#pagetree DIV.item { height: 18px; }
#pagetree DIV.a { height: 18px; padding-left: 18px; cursor: pointer; }
#pagetree DIV.b { height: 18px; }
#pagetree DIV.c { height: 18px; padding-left: 20px; }
#pagetree DIV.d { padding: 2px 0 3px 0; width: 100%; overflow: hidden; text-overflow: ellipsis; text-indent: 3px; white-space: nowrap; }
#pagetree .level { background: url(pagetree/line3.gif) no-repeat; }
#pagetree .level-first { background: url(pagetree/line4.gif) no-repeat; }
#pagetree .level-last { background: url(pagetree/line2.gif) no-repeat; }
#pagetree .level-single { background: none; }
#pagetree .haschildren-open DIV.a { background: url(pagetree/minus.gif) no-repeat; }
#pagetree .haschildren-closed DIV.a { background: url(pagetree/plus.gif) no-repeat; }
#pagetree .type-folder DIV.b { background: url(pagetree/folder.gif) no-repeat; }
#pagetree .type-page DIV.b { background: url(pagetree/page.gif) no-repeat; }
#pagetree .type-clone DIV.b { background: url(pagetree/clone.gif) no-repeat; }
#pagetree .locked-read DIV.c { background: url(pagetree/locked2.gif) no-repeat; }
#pagetree .locked-denied DIV.b { background: url(pagetree/locked1.gif) no-repeat; }
#pagetree .locked-denied DIV.d { color: #aaa; cursor: default; }
#pagetree .locked-timed DIV.c { background: url(pagetree/locked_timed.gif) no-repeat; }
#pagetree .locked-redirect DIV.c { background: url(pagetree/locked_redirect.gif) no-repeat; }
#pagetree .locked-redirect-timed DIV.c { background: url(pagetree/locked_redirect_timed.gif) no-repeat; }
#pagetree .timed DIV.c { background: url(pagetree/timed.gif) no-repeat; }
#pagetree .redirect DIV.c { background: url(pagetree/redirect.gif) no-repeat; }
#pagetree .redirect-timed DIV.c { background: url(pagetree/redirect_timed.gif) no-repeat; }
#pagetree DIV.dragholder { height: 2px; overflow: hidden; background: url(pagetree/line1.gif) no-repeat; }
#pagetree DIV.dragholder DIV { display: none; }
#pagetree DIV.dragholder-active { height: 2px; overflow: hidden; background: #a8d8eb; }
#pagetree DIV.dragholder-active DIV { position: absolute; width: 173px; height: 8px; margin: -3px 0 0 0; }
#pagetree .status-active DIV.d { background-color: #666; color: #fff; }
#pagetree .status-hover DIV.d { background-color: #ddd; }
#pagetree .status-contextmenu DIV.d { background-color: #ccc; color: #fff; }
#pagetree .status-draginside DIV.d { background-color: #a8d8eb; color: #fff; }
#pagetree .notvisible { color: #bbb; }
#pagetree DIV.iconholder { position: absolute; width: 18px; height: 18px; cursor: pointer; }
#pagetree-drag { position: absolute; border: 1px solid #979797; background: #f0f0f0 url(pagetree/page.gif) 1px 1px no-repeat; filter: alpha(opacity=70), progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3); -moz-user-select: none; padding: 0 5px 0 23px; cursor: default; opacity: 0.70; width: 160px; }
#pagetree-drag DIV { padding: 4px 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/* Image editor */
TABLE.imgeditor01 { width: auto; }
TABLE.imgeditor01 TD { padding: 0; }
TABLE.imgeditor01 DIV.a { position: relative; background: black; }
TABLE.imgeditor01 DIV.b { position: absolute; cursor: move; }
TABLE.imgeditor01 DIV.r1 { overflow: hidden; width: 3px; height: 100%; position: absolute; background: #fff; left: 0; top: 0; cursor: w-resize; }
TABLE.imgeditor01 DIV.r2 { overflow: hidden; width: 3px; height: 100%; position: absolute; background: #fff; right: 0; bottom: 0; cursor: w-resize; }
TABLE.imgeditor01 DIV.r3 { overflow: hidden; width: 100%; height: 3px; position: absolute; background: #fff; left: 0; top: 0; cursor: s-resize; }
TABLE.imgeditor01 DIV.r4 { overflow: hidden; width: 100%; height: 3px; position: absolute; background: #fff; left: 0; bottom: 0; cursor: s-resize; }
TABLE.imgeditor01 DIV.r5 { overflow: hidden; width: 10px; height: 10px; position: absolute; right: 0; top 0; cursor: sw-resize; }
TABLE.imgeditor01 DIV.r6 { overflow: hidden; width: 10px; height: 10px; position: absolute; right: 0; bottom: 0; cursor: nw-resize; }
TABLE.imgeditor01 DIV.r7 { overflow: hidden; width: 10px; height: 10px; position: absolute; left: 0; bottom: 0; cursor: ne-resize; }
TABLE.imgeditor01 DIV.r8 { overflow: hidden; width: 10px; height: 10px; position: absolute; left: 0; top: 0; cursor: se-resize; }
TABLE.imgeditor01 IMG { opacity: 0.50; filter: alpha(opacity=50); }
/* jCalendar */
TABLE.jCalendar { margin: 0; width: 100%; }
TABLE.jCalendar TH { background: #e7e7e7; color: #aaa; padding: 5px 6px; text-align: center; border: 1px solid #fff; font-size: 10px; font-weight: bold; }
TABLE.jCalendar TD { background: #f3f3f3; color: #777; padding: 5px 6px; text-align: center; border: 1px solid #fff; font-size: 10px; }
TABLE.jCalendar TD.other-month { color: #ddd; }
TABLE.jCalendar TD.weekend { background: #f7eaea; }
TABLE.jCalendar TD.today { background: #fdfbe2; color: #777; }
TABLE.jCalendar TD.selected { background: #e40000; color: #fff; }
TABLE.jCalendar TD.dp-hover { background: #e40000; color: #fff; }
TABLE.jCalendar TD.disabled { background: #bbb; color: #888; }
DIV#dp-popup { position: absolute; z-index: 199; }
DIV.dp-popup { position: relative; background: #fff; font-size: 10px; padding: 1px; border: 1px solid #7c7c7c; width: 170px; }
DIV.dp-popup H2 { padding: 4px; margin: 0; text-align: center; color: #fff; background: #808080; font-size: 11px; border: 1px solid #fff; font-weight: normal; }
DIV.dp-popup A#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
DIV.dp-popup A#dp-close:hover { text-decoration: underline; }
DIV.dp-popup A { color: #000; text-decoration: none; padding: 3px 2px 0; }
DIV.dp-popup A:hover { text-decoration: none; }
DIV.dp-popup DIV.dp-nav-prev { float: left; padding: 3px 0 0 3px; }
DIV.dp-popup DIV.dp-nav-prev A { float: left; cursor: pointer; background: #aaa; margin: 0 2px 0 0; padding: 2px 1px 3px 1px; color: #fff; text-align: center; width: 15px; font-weight: bold; }
DIV.dp-popup DIV.dp-nav-prev A:hover { background: #e40000; }
DIV.dp-popup DIV.dp-nav-prev A.disabled { cursor: default; }
DIV.dp-popup DIV.dp-nav-next { float: right; padding: 3px 3px 0 0; }
DIV.dp-popup DIV.dp-nav-next A { float: left; cursor: pointer; background: #aaa; margin: 0 0 0 2px; padding: 2px 1px 3px 1px; color: #fff; text-align: center; width: 15px; font-weight: bold; }
DIV.dp-popup DIV.dp-nav-next A:hover { background: #e40000; }
DIV.dp-popup DIV.dp-nav-next A.disabled { cursor: default; }
DIV.dp-popup A.disabled { cursor: default; color: #aaa; }
DIV.dp-popup TD { cursor: pointer; }
DIV.dp-popup TD.disabled { cursor: default; }
/* Contact list */
TABLE.contacts01 { margin: 0; }
TABLE.contacts01 TD { border-top: 10px solid #f9f9f9; }
TABLE.contacts01 TD.img { line-height: normal; text-align: center; padding: 10px 0 10px 10px; background: #f5f5f5; }
TABLE.contacts01 TD.img IMG { border: 2px solid #fff; }
TABLE.contacts01 TD.txt { width: 50%; padding: 10px; line-height: 15px; background: #fff url(bg29.gif) repeat-y; }
TABLE.contacts01 TD A { color: #000; }
TABLE.contacts01 TH { background: #eee; padding: 5px 10px; border-top: 10px solid #f9f9f9; }
DIV.tabs-content TABLE.contacts01 TD { border-color: #fff !important; }
DIV.tabs-content TABLE.contacts01 TH { border-color: #fff !important; }
TABLE.contacts02 { margin: 0; width: 100%; }
TABLE.contacts02 TD { border-top: 10px solid #f9f9f9; }
TABLE.contacts02 TD.img { line-height: normal; text-align: center; padding: 10px 0 10px 10px; background: #f5f5f5; width: 1%; }
TABLE.contacts02 TD.img IMG { border: 2px solid #fff; }
TABLE.contacts02 TD.info { padding: 10px; line-height: 15px; background: #fff url(bg29.gif) repeat-y; width: 40%; }
TABLE.contacts02 TD.info P { margin: 5px 0 0 0; }
TABLE.contacts02 TD.projects { padding: 10px 10px 10px 0; line-height: 15px; width: 20%; background: #fff; }
TABLE.contacts02 P { margin: 0; }
TABLE.contacts02 UL { padding: 0; margin: 5px 0 0 0; list-style: none; }
TABLE.contacts02 UL LI { background: url(dot01.gif) 0 6px no-repeat; padding: 0 0 0 10px; }
TABLE.contacts02 H2 { color: #e40000; font-weight: bold !important; margin: 0; font-size: 12px; }
TABLE.contacts02 H2 A { font-weight: bold !important; }
DIV.tabs-content TABLE.contacts02 TD { border-color: #fff !important; }
/* Latest forum topics in left column */
UL.latesttopics { background: #fff; padding: 0 1px 1px 1px; margin: -1px 0 0 0; list-style: none; }
UL.latesttopics LI { display: inline; }
UL.latesttopics LI A { display: block; background: #eee; color: #777; padding: 3px 10px; border-top: 1px solid #fff; }
/* Forum */
TABLE.forum01 {}
TABLE.forum01 { margin: 9px 0 0 0; width: 100%; }
TABLE.forum01 TH { line-height: normal; border: 1px solid #e9e9e9; padding: 5px 6px; color: #999; font-weight: normal; white-space: nowrap; background: #f5f5f5; }
TABLE.forum01 TH.group { background: url(bg18.gif) no-repeat; font-weight: bold; }
TABLE.forum01 TH A { text-decoration: underline; color: #666; }
TABLE.forum01 TD { line-height: normal; border: 1px solid #e9e9e9; padding: 5px 6px; background: #fff; line-height: 15px; }
TABLE.forum01 TD A { text-decoration: none; color: #666; }
TABLE.forum01 TD A:hover { color: #e40000; text-decoration: underline; }
TABLE.forum01 TD P { margin: 0; }
TABLE.forum01 TD P.name { font-weight: bold; }
TABLE.forum01 TD P.desc { color: #aaa; }
TABLE.forum01 TD P.desc SPAN { color: #eee; margin: 0 4px; }
TABLE.forum01 TD.topic { padding-left: 40px; background: #fff url(ico/topic.gif) 7px 7px no-repeat; }
TABLE.forum01 TD.topic-locked { padding-left: 40px; background: #fff url(ico/topic_locked.gif) 7px 7px no-repeat; }
TABLE.forum01 TD.topic-new { padding-left: 40px; background: #fff url(ico/topic_new.gif) 7px 7px no-repeat; }
TABLE.forum01 TD.topic-new-locked { padding-left: 40px; background: #fff url(ico/topic_new_locked.gif) 7px 7px no-repeat; }
TABLE.forum01 TD.topic-old { padding-left: 40px; background: #fff url(ico/topic_old.gif) 7px 7px no-repeat; }
TABLE.forum01 TD.topic-old-locked { padding-left: 40px; background: #fff url(ico/topic_old_locked.gif) 7px 7px no-repeat; }
UL.replytools { padding: 2px 0; margin: 0; list-style: none; line-height: normal; }
UL.replytools LI { float: left; margin: 0 3px 0 0; }
UL.replytools LI A { float: left; border: 1px solid #aaa; color: #666; background: #eee; font-size: 10px; padding: 1px 4px; text-decoration: none; }
UL.replytools LI A:hover { border-color: #e40000; }
/* Messaging */
TABLE.messages01 { margin: 8px 0 0 0; width: 100%; }
TABLE.messages01 TD A { color: #545454; }
TABLE.messages01 TD A:hover { color: #e40000; }
TABLE.messages01 TD.time { border: solid #fff; border-width: 2px 0 0 0; padding: 6px 10px; background: #f1f1f1; line-height: 15px; color: #aaa; white-space: nowrap; }
TABLE.messages01 TD.text { border: solid #fff; border-width: 2px 0 0 0; padding: 6px 10px; background: #f6f6f6; line-height: 15px; }
TABLE.messages01 TD.text A { text-decoration: underline; }
TABLE.messages01 TD.text P { margin: 0; }
TABLE.messages01 TD.text P.heading { font-weight: bold; }
TABLE.messages01 TD.actions { border: solid #fff; border-width: 2px 0 0 0; white-space: nowrap; background: #f1f1f1; text-align: center; font-size: 10px; line-height: normal; padding: 3px 10px 6px 10px; }
TABLE.messages01 TD.actions A { display: block; background: #aaa; color: #eee !important; margin: 3px 0 0 0; padding: 0 5px 1px 5px; border: 1px solid; border-color: #ccc #777 #777 #ccc; }
TABLE.messages01 TD.actions A:hover { background: #e40000; color: #fff !important; text-decoration: none; border-color: #f17f7f #b60000 #b60000 #f17f7f; }
TABLE.messages01 TR.important TD { background: #fff2f2; color: #e40000; }
TABLE.messages01 TR.important TABLE.details TD { background: #f4ecec; border-color: #fff2f2; }
TABLE.messages01 TR.important TD.time { background: #f4ecec; }
TABLE.messages01 TR.important TD.actions { background: #f4ecec; }
TABLE.messages01 TR.important TD A { color: #e40000; }
TABLE.messages01 TR.low TD { background: #eef3ec; }
TABLE.messages01 TR.low TABLE.details TD { background: #e5e9e3; border-color: #fff2f2; }
TABLE.messages01 TR.low TD.time { background: #e5e9e3; }
TABLE.messages01 TR.low TD.actions { background: #e5e9e3; }
TABLE.messages01 TR.ok TD { background: #eef3ec; color: #4ca82e; }
TABLE.messages01 TR.ok TABLE.details TD { background: #e4eee0; border-color: #eef3ec; }
TABLE.messages01 TR.ok TD.time { background: #e4eee0; }
TABLE.messages01 TR.ok TD.actions { background: #e4eee0; }
TABLE.messages01 TR.ok TD A { color: #4ca82e; }
TABLE.messages01 TR.info TD { background: #fdfbe2; color: #807f48; }
TABLE.messages01 TR.info TABLE.details TD { background: #f5f2d0; border-color: #fdfbe2; }
TABLE.messages01 TR.info TD.time { background: #f5f2d0; }
TABLE.messages01 TR.info TD.actions { background: #f5f2d0; }
TABLE.messages01 TR.info TD A { color: #807f48; }
TABLE.messages01 TABLE.details { margin: 5px 0 0 0; }
TABLE.messages01 TABLE.details TD { padding: 3px 5px; background: #eee; border: solid #f6f6f6; border-width: 1px 0; }
/* Content columns */
.column01 { float: left; width: 383px; margin-right: 9px; }
.column02 { float: left; width: 343px; }
.column03 { float: left; width: 500px; margin-right: 15px; }
.column04 { float: left; width: 220px; }
.column04 TABLE.form INPUT.small { width: 110px; }
DIV.tabs-content .column01 { float: left; width: 373px; margin-right: 9px; }
DIV.tabs-content .column02 { float: left; width: 333px; }
DIV.tabs-content .column04 { float: left; width: 200px; }
DIV.tabs-content .column05 { float: left; width: 353px; margin-right: 9px; }
DIV.tabs-content .column06 { float: left; width: 353px; }
/* Timezones */
DIV.timezones { padding: 4px 0 4px 10px; border: solid #eee; border-width: 1px; background: #fff; margin: 10px 0 0 0; text-align: center; line-height: normal; }
DIV.timezones DIV.clock { float: left; width: 60px; overflow: hidden; text-overflow: ellipsis; margin: 0 10px 0 0; }
DIV.timezones DIV.clock DIV { width: 60px; height: 60px; }
DIV.timezones DIV.clock P { font-size: 10px; background: #f5f5f5; margin: 2px 0 0 0; padding: 3px 0; }
/* Vacation calendar */
DIV.vacation01 { width: 715px; overflow: hidden; margin: 5px 0 0 0; }
DIV.vacation01 UL.a { padding: 0; margin: 0; list-style: none; width: 730px; }
DIV.vacation01 UL.a LI { margin: 5px 5px 0 0; padidng: 0; float: left; width: 235px; height: 166px; overflow: hidden; }
DIV.vacation01 UL.a H2 { text-align: center; margin: 0; font-size: 11px; }
TABLE.vacation01 { width: 100%; margin: 5px 0 0 0; }
TABLE.vacation01 TH { line-height: 14px; background: #e7e7e7; text-align: center; padding: 3px 0; font-weight: bold; color: #aaa; }
TABLE.vacation01 TD { line-height: 14px; background: #f3f3f3; text-align: center; padding: 0; cursor: default; }
TABLE.vacation01 TD.week { background: #eee; color: #bbb; }
TABLE.vacation01 TD.week A { color: #bbb; }
TABLE.vacation01 TD.weekend { background: #f7eaea; }
TABLE.vacation01 TD.ok { background: #83c36f; color: #fff; }
TABLE.vacation01 TD.error { background: #e40000; color: #fff; }
TABLE.vacation01 TD.info { background: #cac71d; color: #fff; }
TABLE.vacation01 TD.hasevent { background-image: url(bg21.gif); background-position: 100% 100%; background-repeat: no-repeat; }
TABLE.vacation01 TD.hasevent2 A { background-color: #e40000; color: #fff; }
TABLE.vacation01 TD A { display: block; padding: 3px 0; color: #333; border-top: 1px solid #fff; }
TABLE.vacation01 TD A:hover { background: #e40000; color: #fff; text-decoration: none; }
TABLE.vacation01 TD SPAN { display: block; padding: 2px 0 4px 0; border-top: 1px solid #fff; }
/* Tooltip */
#tooltip { position: absolute; width: 200px; text-align: left; line-height: 12px; left: -1000px; top: -1000px; }
#tooltip-inner { background: #fdfbe2; padding: 10px; border: 1px solid #dad4a6; color: #807f48; }
#tooltip2 { position: absolute; text-align: left; font-size: 11px; line-height: 14px; left: -1000px; top: -1000px; }
#tooltip2-inner { background: #fdfbe2; padding: 5px; border: 1px solid #dad4a6; color: #807f48; }
#tooltip2 UL { list-style: none; padding: 0; margin: 0; }
#tooltip2 UL LI {}
#tooltip2 UL LI SPAN.swatch { width: 10px; height: 10px; margin: 2px 5px 0 0; float: left; }
#tooltip2 UL LI SPAN.text { white-space: nowrap; }
/* Suggest */
.ac_results { padding: 0; background: #f0f0f0; overflow: hidden; z-index: 99999; position: absolute; }
.ac_results UL { padding: 0 2px 2px 2px; margin: 0; list-style: none; border: 1px solid #979797; background: #fff; overflow: hidden; }
* HTML .ac_results UL { overflow: visible; height: 1px; }
.ac_results LI { background: #f0f0f0; margin: 2px 0 0 0; padding: 2px 5px; cursor: default; display: block; font-size: 11px; line-height: 16px; overflow: hidden; border: 1px solid #f0f0f0; }
.ac_results LI.ac_odd { background: #e9e9e9; }
.ac_results LI.ac_over { background: #e5eff3; border: 1px solid #a8d8eb; }
.ac_results DIV.line1 { line-height: 14px; }
.ac_results DIV.line2 { line-height: 14px; font-size: 10px; color: #aaa; width: 100% !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ac_results DIV.line2 SPAN { color: #ddd; margin: 0 2px; }
.ac_loading { background-image: url('loading2.gif'); background-repeat: no-repeat; background-position: 100% 50%; }
.ac_moreItems { text-align: center; background-color: InactiveCaption; color: InactiveCaptionText; margin: 0; padding: 0 5px; cursor: default; display: block; width: 100%; font: bold menu 12px; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; }
/* Multiintput */
DIV.search-inline2 TABLE.form DIV.fakeinput { width: 540px; }
DIV.search-inline2 DIV.max { width: 639px; }
DIV.search-inline2 DIV.max DIV.fakeinput { width: 639px !important; }
TABLE.r20-80 DIV.fakeinput { width: 469px; }
DIV.fakeinput { float: left; width: 400px; overflow: hidden; margin: 0 5px 0 0; background: #fff; }
DIV.fakeinput A { text-decoration: underline; }
DIV.fakeinput UL { padding: 0 0 1px 1px; margin: 0; cursor: text; border: 1px solid; border-color: ButtonShadow ButtonFace ButtonFace ButtonShadow; }
DIV.fakeinput UL LI { float: left; margin: 1px 2px 0 0; white-space: nowrap; }
DIV.fakeinput UL LI * { float: left; }
DIV.fakeinput UL LI.item { background: #e0e0e0; color: #404040; padding: 2px; }
DIV.fakeinput UL LI.item SPAN { padding: 0 5px 0 3px; line-height: 11px; }
DIV.fakeinput UL LI.item A { width: 11px; height: 11px; background: #fff url(ico_remove2.gif) 1px 1px no-repeat; font-weight: bold; text-decoration: none; }
DIV.fakeinput UL LI.item A:hover { background-position: 1px -19px; }
DIV.fakeinput UL LI.input { padding: 0 0 0 2px; overflow: hidden; }
DIV.fakeinput UL LI.input INPUT { float: left; background: transparent; border: none; width: 1em; padding: 1px 0; margin: 0; }
DIV.fakeinput UL LI.setsize { position: absolute; left: 0; top: -100px; }
P.fakeinput-keywords { clear: both; padding: 5px 0; margin: 0; }
P.fakeinput-keywords * { float: left; }
P.fakeinput-keywords A { white-space: nowrap; text-decoration: none; border: 1px solid #ddd; background: #f4f4f4; margin: 2px 2px 0 0; padding: 0 5px 1px 5px; color: #777; float: left; }
P.fakeinput-keywords A.more { float: right; background: url(ico_down3.gif) 0 50% no-repeat; padding: 0 0 0 20px; border: none; margin: 0 0 10px 0; }
P.fakeinput-keywords A.more-open { background: url(ico_up3.gif) 0 50% no-repeat; }
P.fakeinput-keywords A.active { background: #e0e0e0; color: #404040; }
P.fakeinput-keywords SPAN { color: #ddd; display: none; }
DIV.morekeywords { padding: 0 0 5px 0; line-height: 15px; }
DIV.morekeywords P.clear { padding: 2px 2px 4px 4px; margin: 5px 0 0 0; background: #f9f9f9; border: 1px solid #efefef; }
DIV.morekeywords P.clear * { float: left; }
DIV.morekeywords P.clear A { white-space: nowrap; text-decoration: none; border: 1px solid #efefef; margin: 2px 2px 0 0; padding: 0 5px 1px 5px; color: #777; }
DIV.morekeywords P.clear A:hover { border-color: #e40000; background: #fff; color: #e40000; }
DIV.morekeywords P.clear A.active { background: #fff; border-color: #bbb; }
DIV.morekeywords P.clear SPAN { color: #ddd; display: none; }
DIV.morekeywords P.heading { background: #efefef; border: solid #eee; border-width: 1px 1px 0 1px; color: #757575; padding: 3px 10px; margin: 5px 0 -5px 0; font-weight: bold; }
DIV.morekeywords P.actions { margin: 5px 0 0 0; padding: 0; border: 0; background: none; }
DIV.superinput { float: left; padding: 1px 0 0 0; position: relative; }
DIV.superinput UL { list-style: none !important; }
DIV.superinput UL.set { padding: 0 0 1px 1px; margin: 0; cursor: text; border: 1px solid; border-color: ButtonShadow ButtonFace ButtonFace ButtonShadow; background: #fff; }
DIV.superinput UL LI { float: left; margin: 1px 2px 0 0; white-space: nowrap; }
DIV.superinput UL LI * { float: left; }
DIV.superinput UL LI.item { background: #e0e0e0; color: #404040; padding: 2px 16px 2px 2px; position: relative; }
DIV.superinput UL LI.item SPAN { padding: 0 0 0 3px; line-height: 11px; }
DIV.superinput UL LI.item A { width: 11px; height: 11px; background: url(ico_delete.gif) -5px -5px no-repeat; font-weight: bold; text-decoration: none; position: absolute; right: 0; top: 0; margin: 2px 2px 0 0; }
DIV.superinput UL LI.item A:hover { background-position: -26px -5px; }
DIV.superinput UL LI.new { background: #eee8be; }
DIV.superinput UL LI.input { padding: 0 0 0 2px; overflow: hidden; }
DIV.superinput UL LI.input INPUT { float: left; background: transparent; border: none; width: 2em; padding: 1px 0; margin: 0; }
DIV.superinput UL LI.setsize { position: absolute; left: 0; top: -1000px; background: #fff; }
A.expandable { float: left; width: 20px; height: 19px; overflow: hidden; background: url(bg31.gif) -40px 0 no-repeat; margin: 1px 0 0 0; }
A.expandable:hover { background-position: -60px 0; }
A.expandable SPAN { display: none; }
A.expandable-closed { background-position: 0 0; }
A.expandable-closed:hover { background-position: -20px 0; }
.overflow01 { width: 717px; overflow: auto; overflow-y: hidden; overflow-x: scroll; padding-bottom: 10px; }
/* Module list */
DIV.modules { width: 735px; overflow: hidden; background: url(bg34.gif) repeat-y; margin: 10px 0 0 0; }
DIV.modules UL.a { width: 750px; padding: 0; margin: -5px 0 0 0; list-style: none; background: url(bg35.gif) 0 100% no-repeat; }
DIV.modules UL.a LI.module { float: left; width: 365px; margin: 0 5px 0 0; padding: 5px 0 0 0; background: url(bg33.gif) no-repeat; }
DIV.modules UL.a LI.a { clear: left; }
DIV.modules DIV.pad { padding: 10px; border-top: 1px solid #eee; }
DIV.modules DIV.img { float: left; width: 56px; margin: 0 10px 0 0; }
DIV.modules DIV.img A { float: left; border: 1px solid #eee; padding: 2px; }
DIV.modules DIV.img A IMG { width: 50px; height: 50px; float: left; }
DIV.modules DIV.img A:hover { border-color: #545454; }
DIV.modules DIV.txt { float: left; width: 278px; }
DIV.modules H3 { margin: 0; }
DIV.modules P { margin: 5px 0 0 0; }
DIV.modules P A { white-space: nowrap; }
DIV.modules UL.actions { margin: 5px 0 0 0; }
UL.actions { padding: 0; margin: 10px 0 0 0; line-height: 14px; list-style: none; }
UL.actions * { float: left; }
UL.actions LI { margin: 0 5px 0 0; }
UL.actions A { background: url(bg32.gif) 100% 0 no-repeat; color: #545454 !important; text-decoration: none !important; padding: 0 10px 0 0; }
UL.actions A SPAN { background: url(bg32.gif) no-repeat; float: left; padding: 2px 0 4px 10px; cursor: pointer; }
UL.actions A:hover { color: #545454; background-position: 100% -30px; text-decoration: none; }
UL.actions A:hover SPAN { background-position: 0 -30px; }
DIV.overlay01 { background: url(tmp32.gif); position: absolute; filter: alpha(opacity=10); -moz-opacity: 0.10; opacity: 0.10; z-index: 30; }
/* Statistics */
DIV.graph01 { border: 1px solid #ddd; padding: 10px; margin: 10px 0 0 0; }
DIV.graph01 DIV.a { background: #fff url(loading.gif) 50% 50% no-repeat; }
DIV.separated01 { border: 1px solid #eee; padding: 0 5px 4px 5px; margin: 10px 0 0 0; background: #fff; }
DIV.separated01 P,
DIV.separated01 TABLE { margin: 4px 0 0 0 !important; }
DIV.separated01 TABLE.form TH { border-color: #fff; background: #f5f5f5; }
DIV.separated01 TABLE.form TD { border-color: #fff; background: #f5f5f5; }
DIV.separated01 TABLE.data TD { border-width: 1px 0; border-color: #fff; background: #f5f5f5; padding: 6px; }
DIV.separated01 TABLE.data TD.input { padding: 3px; }
DIV.separated01 TABLE.data TR.even TD { background: #eee; }
DIV.separated01 TABLE.data TH { border-width: 1px 0; border-color: #fff; background: #eee; padding: 6px; }
DIV.separated02 { border: 1px solid #ddd; padding: 0 10px 10px 10px; margin: 10px 0 0 0; background: #fff; }
DIV.separated02 P,
DIV.separated02 TABLE { margin: 10px 0 0 0 !important; }
DIV.separated02 TABLE.form TH { border-width: 1px 0 1px 1px; }
DIV.separated02 TABLE.form TD { border-width: 1px 1px 1px 0; }
UL.type01 { margin: 0; padding: 0; }
UL.type01 LI { padding: 2px 0 2px 10px; background: url(dot01.gif) 0 6px no-repeat; }
UL.groups { padding: 0; margin: 0; background: #fff; }
UL.groups LI.groups-item { display: inline; }
UL.groups LI.groups-item-open DIV.groups-content { display: block; }
UL.groups LI.groups-item-open DIV.groups-name DIV { background-image: url(ico_collapse2.gif); }
UL.groups DIV.groups-name { background: url(bg15.gif) repeat-x; margin: 0; line-height: 16px; margin: 10px 0 0 0; }
UL.groups DIV.groups-name DIV { padding: 4px 10px 6px 25px; cursor: pointer; border: 1px solid #ddd; font-weight: bold; background: url(ico_expand2.gif) 8px 4px no-repeat; }
UL.groups DIV.groups-name SPAN.gray { margin: 0 5px; }
UL.groups DIV.groups-content { display: none; overflow: hidden; }
UL.groups DIV.groups-pad { padding: 0 10px 10px 10px; border: solid #ddd; border-width: 0 1px 1px 1px; }
UL.groups DIV.groups-pad TABLE { margin: 10px 0 0 0; }
UL.groups DIV.groups-pad P { margin: 10px 0 0 0; }
UL.groups TABLE.form { border: none; }
UL.groups TABLE.form TH { background: #f5f5f5; border-color: #fff; border-width: 1px 0; text-align: left; }
UL.groups TABLE.form TD { background: #f5f5f5; border-color: #fff; border-width: 1px 0; }
UL.templates { margin: 0; padding: 0; list-style: none; }
UL.templates LI { float: left; width: 120px; margin: 10px 10px 0 0; padding: 0; background: none; }
UL.templates LI A { display: block; padding: 3px; border: 2px solid #eee; color: #666; }
UL.templates LI A SPAN { display: block; }
UL.templates LI A SPAN.txt { background: #f5f5f5; margin: 3px 0 0 0; padding: 2px 5px; text-align: center; }
UL.templates LI A:hover { text-decoration: none; border-color: #666; }
UL.templates LI A.active { color: #e40000; border-color: #e40000; }
/* * * * * Exact Thickbox * * * * */
#TB_window { position: fixed; z-index: 102; text-align: left; top: 50%; right: 50%; display: none; line-height: 14px; }
* HTML #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; }
* HTML #TB_overlay { position: absolute; height: expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight) > document.documentElement.clientHeight ? document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight : document.documentElement.clientHeight + 'px'); }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
#TB_container1 { border: 10px solid #ddd; padding: 2px; background: #fff; }
#TB_header { padding: 10px; background: #777; overflow: hidden; }
* HTML #TB_header { height: 1px; overflow: visible; }
#TB_header #TB_prev { float: left; width: 27px; height: 27px; background: url(thickbox_buttons.gif) no-repeat; margin: 0 5px 0 0; }
#TB_header A#TB_prev:hover { background-position: -50px 0; }
#TB_header #TB_next { float: left; width: 27px; height: 27px; background: url(thickbox_buttons.gif) 0 -50px no-repeat; margin: 0 5px 0 0; }
#TB_header A#TB_next:hover { background-position: -50px -50px; }
#TB_header #TB_closeWindowButton { float: right; width: 27px; height: 27px; background: url(thickbox_buttons.gif) 0 -100px no-repeat; }
#TB_header A#TB_closeWindowButton:hover { background-position: -50px -100px; }
#TB_header .TB_disabled { cursor: default; }
#TB_header #TB_next.TB_disabled { background-position: -100px -50px !important; }
#TB_header #TB_prev.TB_disabled { background-position: -100px 0 !important; }
#TB_header #TB_imgcount { float: left; padding: 4px 0 0 5px; color: #fff; font-size: 18px; line-height: 20px; }
#TB_header #TB_ajaxWindowTitle { float: left; padding: 4px 0 0 5px; color: #fff; font-size: 18px; line-height: 20px; }
#TB_body { border-top: 2px solid #fff; }
#TB_body_a { position: relative; }
#TB_body_b { position: relative; }
* HTML #TB_body_b { height: 1px; overflow: visible; }
#TB_Image { display: block; }
#TB_ajaxContent { overflow: auto; }
#TB_caption { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; color: #fff; line-height: 16px; font-size: 11px; }
#TB_caption_a { overflow: hidden; }
#TB_caption_b { padding: 14px 20px; }
#TB_iframeContent { clear: both; border: none; }
#TB_load { position: fixed; display: none; z-index: 101; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; background: url(thickbox_loader.gif) 50% 50% no-repeat; }
* HTML #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
* HTML #TB_HideSelect { position: absolute; height: expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight) > document.documentElement.clientHeight ? document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight : document.documentElement.clientHeight + 'px'); }
/* Quick list select */
DIV.options01 { height: 200px; overflow: auto; }
DIV.availability { overflow: auto; overflow-y: hidden; overflow-x: scroll; padding: 0 0 5px 0; }
DIV.availability TABLE {}
DIV.availability TABLE TH { white-space: nowrap !important; width: 100% !important; border-width: 1px; padding: 4px 5px; background: #f5f5f5; }
DIV.availability TABLE TH.separated { border-left: 2px solid #aaa; }
DIV.availability TABLE TD.separated { border-left: 2px solid #aaa; }
DIV.availability TABLE TR.h1 TH { font-size: 9px; font-weight: bold; text-align: center; background: #eee; }
DIV.availability TABLE TR.h2 TH { font-size: 9px; font-weight: normal; text-align: center; }
DIV.availability TABLE TR.even TD { background: #f5f5f5; }
DIV.availability TABLE TD { white-space: nowrap !important; width: 100% !important; border-width: 1px; padding: 1px; text-align: center; }
DIV.availability TABLE TD.hasevent { background-color: #f3b1b1 !important; }
DIV.availability TABLE TD.public { background-image: url(bg21.gif) !important; background-position: 100% 100% !important; background-repeat: no-repeat !important; }
DIV.availability TABLE TD.name { padding: 3px 6px; font-weight: bold; text-align: left; }
DIV.pwstrength { padding: 4px 0; }
DIV.pwstrength * { float: left; }
DIV.pwstrength SPAN.label { margin: 0 5px 0 0; }
DIV.pwstrength SPAN.bar { border: 1px solid #aaa; padding: 1px; margin: 2px 0 0 0; }
DIV.pwstrength SPAN.bar SPAN { width: 100px; height: 6px; background: #ddd; }
DIV.pwstrength SPAN.bar SPAN SPAN { background: red url(bg36.jpg) no-repeat; height: 6px; }
A.pwgenerated { float: left; font-family: "Courier New", monospace; letter-spacing: 1px; border: 1px solid #e40000; text-decoration: none !important; padding: 1px 5px; color: #e40000 !important; }
/* Checkboxes */
UL.checkboxes { border: 1px solid #dcdcdc; background: #f5f5f5; padding: 5px 10px; margin: 1em 0 0 0; list-style: none; }
UL.checkboxes LI { float: left; padding: 2px 0; margin: 0 10px 0 0; position: relative; white-space: nowrap; text-indent: 25px; }
UL.checkboxes LI INPUT { position: absolute; left: 0; top: 0; }
UL.checkboxes LI.label { text-indent: 0; font-weight: bold; }
UL.checkboxes2 { padding: 0; margin: 0; list-style: none; line-height: 13px; }
UL.checkboxes2 LI { float: left; padding: 4px 0; margin: 0; position: relative; white-space: nowrap; text-indent: 25px; width: 33%; }
UL.checkboxes2 LI INPUT { position: absolute; left: 0; top: 0; }
UL.checkboxes2 LI.label { text-indent: 0;font-weight: bold; }