HTML, BODY {height: 100%;margin: 0;padding: 0;background:url(img_front/bg.jpg) repeat-x top;font-size: 12px;font-family: tahoma}
IMG { margin: 0;padding: 0;border: 0;}
LABEL {cursor:pointer;cursor:hand}
*{padding: 0; margin: 0;}
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -207px;width: 100%;}
.footer {height: 207px;background:#f3f3f3}
.push {height: 207px;}




#menu {width:100%;height:37px;background:url(/i/topmenu_bg.jpg) repeat-x;color:#fff;font:12px Arial}
#menu A {font:bold 12px Arial;color:#fff;text-decoration:none}
#menu A:hover {color:#fff;text-decoration:none}
#footer {background:url(/i/s.png) repeat-x;padding:7px 10px;font:11px Arial;text-align:right;color:#888}

.opacity40 {-moz-opacity:40;filter:alpha(opacity:40);opacity:40}
.opacity70 {-moz-opacity:70;filter:alpha(opacity:70);opacity:70}

A {color:#0000ff;text-decoration:underline}
A:hover {color:#228722;text-decoration:none}
A:active {color:#228722;text-decoration:none}

H1 {margin:0;padding:0;font-size:26px;font-family:Georgia;font-style:italic;font-weight:normal;padding-bottom:10px}
H2 {margin:0;padding:0;font-size:18px;font-family:Georgia;font-style:italic;font-weight:normal;padding-bottom:10px}
H3 {margin:0;padding:0;font:bold 18px 'Trebuchet MS';color:#242424;padding-bottom:10px}

.small {font-size:10px;color:grey}
.small a:link,.small a:visited, {font-size:10px;color:#666}
.login {font-size:11px;padding-left:18px}
.textfield {width:100px;font-size:11px;border:1px solid #ccc}
.submit {border:1px solid #ccc;font-size:11px}
.left {float:left}
.right {float:right}
.clear {clear:both}
 
INPUT, SELECT {background:url(/img/bg_input.gif) repeat-x;color:#242424;font:11px Arial;border:1px solid #dedede;padding:1px}
.nc {background:transparent;border:none}

#menu {white-space:nowrap;display:table;min-width:1000px}
#menu .padtop {padding-top:8px}
#menu .padleft {padding-left:5px}
#menu .search {width:180px}
#menu INPUT.go {background:transparent;border:none;position:relative;top:4px}

#menu .button_red {text-align:center;background:url(/i/topmenu_bg_red.jpg) repeat-x;height:37px;padding-left:10px;padding-right:10px;padding-top:10px;margin-right:1px;cursor:pointer;cursor:hand}
#menu .button_blue {text-align:center;background:url(/i/topmenu_bg_blue.jpg) repeat-x;height:37px;padding-left:10px;padding-right:10px;padding-top:10px;margin-right:1px;cursor:pointer;cursor:hand}
#menu .button_red:hover {background:url(/i/topmenu_bg_red_over.jpg) repeat-x;}
#menu .button_blue:hover {background:url(/i/topmenu_bg_blue_over.jpg) repeat-x;}
#menu .button {text-align:center;height:37px;padding:10px 15px;cursor:pointer;cursor:hand}
#menu .arrow {height:28px;background:url(/i/topmenu_arrow.png) no-repeat center bottom}

#main {width:100%;background:#fff url(/i/bg.jpg) repeat-x top;}
.main_98 {margin: auto; width:98%;} 
.main {margin: auto; width:92%; max-width: 1200px;} 
#widearea {background:#fff url(/i/bg.jpg) repeat-x top;height:100%;padding-left:0px;padding-top:0px;padding-bottom:15px}
#main TR {vertical-align:top}
#startarea {background:#fff url(/i/bg.jpg) repeat-x top;}
#leftarea {padding:10px;width:16%;}
#mainarea {padding:10px 10px 10px 10px;width:70%;background:#fff url(/i/bg.jpg) repeat-x top;}
#popuparea {background:url(/i/bg.jpg) repeat-x top;}

.newtask {padding:10px 0 0 30px}
.newtask INPUT {padding:10px;font:bold 12px Verdana;color:#666}
.newtask INPUT:hover {padding:10px;background:#dedede}
 
#tasklist {width:100%;margin-top:20px}
#tasklist TH {height:21px;text-align:left;padding:3px 5px 5px 5px;background:url(/i/bg_calendar_menu.jpg) repeat-x;font:bold 11px Tahoma;border-right:1px solid #dedede;border-left:1px solid #f9f9f9;white-space:nowrap}
#tasklist TH A {font:bold 11px Tahoma;text-decoration:none;color:#242424}
#tasklist TH A:hover {text-decoration:underline}
#tasklist TH.first {border-left:1px solid #dedede}
#tasklist TH IMG {position:relative;top:3px;z-index:0}

#tasklist TR {vertical-align:top}
#tasklist TD {padding:4px}
#tasklist .archived {background: #eee;color:#666;border-bottom:1px solid #DEDEDE}
#tasklist .day_bg {background:url(/i/ico_daybg.gif) no-repeat;width:63px;height:21px;padding:3px 0 0 4px;font-size:11px;color:#666;float:left}
#tasklist .date_td {font:10px Arial;padding-top:2px}
#tasklist .time_bg {float:left;padding-top:4px}
#tasklist .padt {padding-top:6px}
#tasklist .padt2 {padding-top:5px}
#tasklist .padt5 {padding-top:5px;padding-left:5px}
#tasklist .bl {border-left:1px solid #dedede!important}
#tasklist .br {border-right:1px solid #dedede;border-bottom:1px solid #DEDEDE;}
#tasklist .num {margin-right:8px;text-align:right}
#tasklist .group_name {padding:6px 0 0 4px;border-left:0px solid #dedede; font-size: 11px}
#tasklist .group_name A {color:blue!important;font:11px Arial}
#tasklist .filter_name {padding:6px 0 0 4px;border-left:0px solid #dedede;white-space:nowrap; font-size: 11px}
#tasklist .actions {border-bottom:1px solid #DEDEDE;padding:5px 0 0 4px;border-left:1px solid #dedede}
#tasklist .date {border-left:0px solid #dedede}

#tasklist .rowOver, #tasklist .rowOver TD {background: #f3f3f3;border-bottom:1px solid #DEDEDE}
#tasklist .row, #tasklist .row TD {background: #f9f9f9;border-bottom:1px solid #DEDEDE;}
#tasklist .rowArchived, .#tasklist .rowArchived TD, #tasklist .rowOverArchived TD {background:#e9e9e9;color:#bbb}
#tasklist .rowArchived TD a:link, #tasklist .rowOverArchived TD a:link{color:#bbb;}

#tasklist .rowOverred, #tasklist .rowOverred TD {color:red;background: #f3f3f3;border-bottom:1px solid #DEDEDE;}
#tasklist .rowred, #tasklist .rowred TD  {color:red;background: #f9f9f9;border-bottom:1px solid #DEDEDE;}
#tasklist .rowred TD a, #tasklist .rowOverred TD a {color:red;}

#tasklist .rowOverlow, #tasklist .rowOverlow TD {color:green;background: #f3f3f3;border-bottom:1px solid #DEDEDE;}
#tasklist .rowlow, #tasklist .rowlow TD  {color:green;background: #f9f9f9;border-bottom:1px solid #DEDEDE;}
#tasklist .rowlow TD a, #tasklist .rowOverlow TD a {color:green;}

A.title {font:13px Georgia;color:blue}
.title {font:13px Georgia;}
.descr {padding-left:10px;padding-bottom:15px;font:11px Verdana;line-height:150%;}
.descr DIV {border:0px solid #E4E4E4;padding:5px;margin-top:4px}
.no_tasks {text-align:center;font:15px monospace;color:#ccc}
.no_tasks DIV {padding-top:20px;}
#pagenav {padding-top:10px}


#calendar {clear:both;width: 280px;padding: 0;margin: 0;border-left: 1px solid #A2ADBC;font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #616B76;text-align: center;background-color: #fff;}
#calendar .nav, #calendar .nav a {font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #fff;text-align: center;text-decoration: none;}
#calendar caption {margin: 0;padding: 0;width: 141px;background: #A2ADBC;color: #fff; font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-align: center;}
#calendar th {font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #616B76;background: #D9E2E1;border-right: 1px solid #A2ADBC;border-bottom: 1px solid #A2ADBC;border-top: 1px solid #A2ADBC;}
#calendar .today, #calendar td.today a, #calendar td.today a:link, #calendar td.today a:visited {color: #F6F4DA;font-weight: bold;background: #DF9496;}
#calendar .empty {background:#f7f7f7;}
#calendar td {border-right: 1px solid #A2ADBC;border-bottom: 1px solid #A2ADBC;width: 40px;height: 20px;text-align: center;background: url(/i/bg_calendar2.gif) no-repeat right bottom;}
#calendar td a {text-decoration: none;font-weight: bold;display: block;}
#calendar td a:link, #calendar td a:visited {color: #608194;background: url(/i/bg_calendar2.gif) no-repeat;}
#calendar td a:hover, #calendar td a:active {color: #6aa3ae;background: url(/i/bg_calendar2.gif) no-repeat right top;}

#nav {position:relative;top:-10px}
#nav A {font:12px 'Trebuchet MS', Arial;color:#444}
#nav A:hover {color:#242424}
#nav IMG {position:relative;top:5px}

.time_button{border:1px solid buttonshadow;background:buttonface;font:11px Arial}
.time_wrapper{font:11px Arial;text-align:left;padding-left:25px;width:579px;height:96px;background:url(/i/time_bubble.png) no-repeat;display:table}
.time_slider{clear:both;display:table;width:520px;margin-top:20px;height:20px;border-top:1px solid buttonshadow;text-align:left}
#drag_one{cursor:pointer;cursor:hand;position:relative;top:-8px;background:url(/i/time_dragger.png) no-repeat;width:13px;height:24px;float:left}
#drag_two{cursor:pointer;cursor:hand;background:url(/i/time_dragger.png) no-repeat;width:13px;height:24px;position:relative;top:-8px;left:500px;float:left}
#show_cal_diff{float:left;padding-left:150px;font-weight:bold;display:block}
#show_cal_button{text-align:center;float:left;position:relative;top:-5px;padding-right:20px;padding-left:10px}
#show_cal_close{float:right;position:relative;top:-5px;padding-right:30px;clear:right}

.but {font:bold 12px Verdana;color:#666;background:#f8f8f8;border:1px solid #dedede;margin:0 4px}
.but:hover {background:#ddd}

.error {color:red;padding:5px 5px 5px 27px;font:bold 11px Verdana;border:1px dotted #CC3333;background:#FFEAE8 url(/i/ico_del.png) no-repeat 5px 3px}
.notice {color:green;padding:5px 5px 5px 27px;font:bold 11px Verdana;border:1px dotted #009900;background:#E9FEF0 url(/i/ico_f17.png) no-repeat 5px 3px}
DIV.error, DIV.notice {margin-bottom:20px;width:300px;}

.form {padding:0} 
.form TD.l {background:#D1FAC7;height:17px;text-align:left;padding:5px 5px 0 5px;font:bold 11px Tahoma;color:#424242;vertical-align:top}
.form TD.m {color:#006600;padding:0 0 5px 2px;font:13px Georgia}
.form TD.r {padding-left:4px}
.form INPUT, .form SELECT {padding:4px;margin-bottom: 2px;}
.formreg INPUT, .formreg SELECT {font-size:12px;font-family:tahoma;padding:5px;margin-bottom: 2px;}
.formreg .button {padding:5px;font:bold 12px Verdana;color:#666}
.form .button {padding:5px;font:bold 12px Verdana;color:#666}
.form .button:hover {background:#ddd}
.form .files,.form .files A {font:10px Arial}
.form .bottom TD {padding-top:5px}
UL.files {margin-top:4px;list-style:none;}
UL.files LI {background:url(/i/bullet.gif) left 75% no-repeat;padding-left:10px}


.list {border:1px solid #ccc;}
.list TH {background:url(/i/topmenu_bg_blue.jpg) repeat-x;font:bold 14px Gergia;padding:4px 0 4px 10px;color:#fff;text-align:left}
.list TD {padding:4px;border-bottom:1px solid #dedede}
.list TR.lastrow TD {border:none;}





#leftmenu {}
#leftmenu .header TD {font:13px 'Trebuchet MS'}
#leftarea .label TD {padding-top:5px;padding-left:12px;background:url(/i/bullet_grey.gif) no-repeat 1px 10px;font:bold 12px tahoma;color:#006600}
#leftarea .group TD {padding-left:16px;}
#leftarea .group TD A {font:11px Verdana;text-decoration:none;color:blue}
#leftarea .group TD A:hover {text-decoration:underline;color:red}
#leftarea .showall TD {padding:15px 0 0 10px;}
#leftarea .showall TD A {font:12px Georgia;color:#443434}



.page {background:#fff;border:1px solid #dedede}
.page TD {padding:4px 10px}
.page .title {font:bold 15px Gergia;color:#006600}
.page .bottom {background:#dedede;color:#242424;font:bold 10px Arial}
.page .bottom A {color:#242424;font:bold 10px Arial}


#profilebox {padding:2px 10px;position:absolute;top:40px;text-align:right;width:70%;font:bold 13px 'Trebuchet MS', Arial;color:#444}
#profilebox SPAN {color:#222}


.inner_text {margin-bottom:15px;padding:5px;display:table;border:1px solid #ddd}




#clist {width:100%}
#clist TH {font:bold 13px 'Trebuchet MS', Arial;background:url(/i/bg_calendar_menu.jpg) repeat-x;border-left:2px solid #ccc;border-bottom:2px solid #ccc;border-top:1px solid #ccc}
#clist TH.last, #clist TD.last {border-right:2px solid #ccc}
#clist TD {width:14%;border-bottom:2px solid #ccc;border-left:2px solid #ccc;vertical-align:top}
#clist TD.empty {background:#dedede}
#clist DIV.i {font:11px Arial;padding:2px;border-top:1px solid #dedede}
#clist DIV.i A {font:11px Arial;color:blue}

#clist DIV.i:hover {background:#FEFFE1}
#clist TD.none {background:#eee}
#clist DIV.n {border-top:1px solid #dedede}
#clist TD DIV.d {font:bold 11px 'Trebuchet MS', Arial;background:#f8f8f8}
#clist TD DIV.d SPAN {background:#FCFF8C;padding:0px 4px 0px;border-right:1px dotted #ccc}







#export_div {padding:5px;clear:both}
#export_div TABLE {border:1px solid #ccc;}