BODY { background: #cccccc url(bg-greyfade.png); background-repeat: repeat-x; }

.links { font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; color: #000000; text-align: left}
.nt { font-family: Arial, Helvetica; font-size: 14px; color: #333333}
.nts { font-family: Arial, Helvetica; font-size: 12px; color: #333333}
.ht { font-family: Arial, Helvetica; font-size: 18px; font-weight: normal; color: #333333}
.title { font-family: Verdana, Arial, Helvetica; font-size: 18px; font-weight: bold; font-style: italic; color: #333333}
.wt { font-family: Arial, Helvetica; font-size: 10px; font-weight: bold; color: #ffffff}
.wtb { font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ffffff}
.wtbs { font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; color: #ffffff}
.wth { font-family: Arial, Helvetica; font-size: 24px; font-weight: normal; color: #ffffff}
.sst { font-family: Arial, Helvetica; font-size: 10px; color: #333333}
.st3 { font-family: Arial, Helvetica; font-size: 12px; color: #333333}
.st2 { font-family: Arial, Helvetica; font-size: 10px; font-weight: bold; color: #313131}
.st { font-family: Arial, Helvetica; font-size: 10px; font-weight: normal; color: #999999;}
.bt { font-family: Arial, Helvetica; font-size: 12px; color: #333333; font-weight: bold}
.bts { font-family: Arial, Helvetica; font-size: 10px; color: #333333; font-weight: bold}
.btl { font-family: Arial, Helvetica; font-size: 14px; color: #333333; font-weight: bold}
IMG { border: 0px }
a:active { font-family: Arial, Helvetica; font-size: 14px; color: #333366; text-decoration: underline }
a:hover { font-family: Arial, Helvetica; font-size: 14px; color: #333366; text-decoration: underline }
a:visited { font-family: Arial, Helvetica; font-size: 14px; color: #333366; text-decoration: underline }
a:link { font-family: Arial, Helvetica; font-size: 14px; color: #333366; text-decoration: underline }

a:active.bts { font-family: Arial, Helvetica; font-size: 12px; color: #333333; text-decoration: underline }
a:hover.bts { font-family: Arial, Helvetica; font-size: 12px; color: #333333; text-decoration: underline }
a:visited.bts { font-family: Arial, Helvetica; font-size: 12px; color: #333333; text-decoration: underline }
a:link.bts { font-family: Arial, Helvetica; font-size: 12px; color: #333333; text-decoration: underline }

a:active.llb { font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; padding-left: 10px; padding-right: 10px }
a:hover.llb { font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #9d9d9d; text-decoration: none; padding-left: 10px; padding-right: 10px }
a:visited.llb { font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; padding-left: 10px; padding-right: 10px }
a:link.llb { font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; padding-left: 10px; padding-right: 10px }

a:active.leftlb { font-family: Arial, Helvetica; font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; padding-left: 10px; padding-right: 10px }
a:hover.leftlb { font-family: Arial, Helvetica; font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; padding-left: 10px; padding-right: 10px }
a:visited.leftlb { font-family: Arial, Helvetica; font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; padding-left: 10px; padding-right: 10px }
a:link.leftlb { font-family: Arial, Helvetica; font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; padding-left: 10px; padding-right: 10px }

/* Layout specs */
TD.topbar { background: url(/design/img/topbarbg.png) #cccccc; height: 15px; font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ffffff; padding-left: 15px; padding-top: 2px; padding-right: 2px}
TD.cell1 { background-color: #eeeeee; padding-left: 15px; padding-top: 2px; padding-right: 2px; font-family: Arial, Helvetica; font-size: 12px; font-weight: normal; color: #333333; }
TD.cell2 { background-color: #ffffff; padding-left: 15px; padding-top: 2px; padding-right: 2px; font-family: Arial, Helvetica; font-size: 12px; font-weight: normal; color: #333333; }
TD.topbarshadow1 { background-color: #333333; height: 1px; }
TD.topbarshadow2 { background-color: #666666; height: 1px; }
TD.topbarshadow2 { background-color: #999999; height: 1px; }
.toptitle { padding: 10px; padding-left: 15px; font-family: Arial, Helvetica; font-size: 24px; font-weight: normal; color: #4d4d4d }
TD.content { padding: 5px }
DIV.box { padding: 5px; font-family: Arial, Helvetica; font-size: 12px; font-weight: normal; color: #333333; border: 1px solid #4d4d4d; background-color: #fefefe; }
DIV.errbox { padding: 5px; font-family: Arial, Helvetica; font-size: 12px; font-weight: normal; color: #443333; border: 1px solid #4d4d4d; background-color: #ff9999; }

.keypadbutton { width: 50px; height: 50px; font-size: 24px; font-weight: bold; text-align: center; vertical-align: middle }
.keypadbuttonsmall { width: 50px; height: 50px; font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle }

.phasenum { background-color: #fefefe; color: #cccccc; font-size: 24px; font-weight: bold; font-family: Verdana, Arial; width: 35px; }
.phasenum_active { background-color: #fefefe; color: #666666; font-size: 24px; font-weight: bold; font-family: Verdana, Arial; width: 35px; }
.phasename { background-color: #fefefe; color: #cccccc; font-size: 10px; font-weight: bold; font-family: Verdana, Arial; width: 100px; }
.phasename_active { background-color: #fefefe; color: #666666; font-size: 10px; font-weight: bold; font-family: Verdana, Arial; width: 100px; }

.pagetitle { background-color: #fefefe; color: #666666; font-size: 24px; font-weight: bold; font-family: Verdana, Arial; width: 100% }

DIV.hordiv { background-image: url(/design/img/hordiv.png); height: 1px }

/* Column layouts */
TD.leftbar { background: url(/design/img/sidebarbg.png) repeat-y; vertical-align: top; text-align: center; border-right: 1px solid #666666; width: 200px }

/* Large links */
DIV.largelink_on { background: #275A93; border: 1px solid #999999;  width: 180px; height: 30px; text-align: center; vertical-align: middle; cursor: pointer; line-height: 25px}
DIV.largelink_off { background: #3E6EA3; border: 1px solid #999999;  width: 180px; height: 30px; text-align: center; vertical-align: middle; cursor: pointer; line-height: 25px}
.smalllink_on { background: #ACACAC; border: 1px solid #999999;  width: 80px; height: 25px; text-align: center; vertical-align: middle; cursor: pointer; line-height: 25px}
.smalllink_off { background: #C1C1C1; border: 1px solid #999999;  width: 80px; height: 25px; text-align: center; vertical-align: middle; cursor: pointer; line-height: 25px}

/* Dataset */
.dataset_background { background: #ffffff; border: 1px solid #AEAEAE; width: 600px; margin-left: auto; margin-right: auto; padding: 10px; position:relative; }
.dataset_backgroundw { background: #ffffff; border: 1px solid #AEAEAE; width: 1000px; margin-left: auto; margin-right: auto; padding: 10px; position:relative; }
.dataset_column_label { font-family: Arial, Helvetica; font-size: 10px; font-weight: bold; color: #313131; padding-top: 5px }
.dataset_textfield { height: 20px; width: 280px; background: url(fieldbg.png) repeat-x; border: 1px solid #999999; }
.dataset_checkbox { height: 20px; width: 20px; background: url(fieldbg.png) repeat-x; border: 1px solid #999999; }
.dataset_selectorfield { height: 20px; width: 280px; background: url(fieldbg.png) repeat-x; border: 1px solid #999999; cursor: pointer }
.dataset_textarea { height: 200px; width: 280px; background: url(fieldbg.png) repeat-x; border: 1px solid #999999; }

.dataset_datefield { height: 20px; width: 140px; background: url(fieldbg.png) repeat-x; border: 1px solid #999999; }
.dataset_datetimefield { height: 20px; width: 180px; background: url(fieldbg.png) repeat-x; border: 1px solid #999999; }

.dataset_columnheader { background: #333333; color: #ffffff; font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; text-align: left; padding-left: 15px }
.dataset_row { background: #aaaaaa; color: #333333; font-family: Arial, Helvetica; font-size: 13px; font-weight: normal; text-align: left; padding-left: 5px; cursor: pointer }
.dataset_row_field { padding-left: 5px }
.dataset_row_highlighted { background: #E4E4E4; color: #333333; font-family: Arial, Helvetica; font-size: 13px; font-weight: normal; text-align: left; padding-left: 5px; cursor: pointer }
.dataset_row_selected { background: #cccccc; color: #333333; font-family: Arial, Helvetica; font-size: 13px; font-weight: normal; text-align: left; padding-left: 5px }

/* Worklog */
.worklog_row0 { background: #E4E4E4; color: #333333; font-family: Arial, Helvetica; font-size: 13px; font-weight: normal; text-align: left; padding-left: 5px }
.worklog_row1 { background: #cccccc; color: #333333; font-family: Arial, Helvetica; font-size: 13px; font-weight: normal; text-align: left; padding-left: 5px }
.worklog_row_field { padding-left: 5px }

.formtd { vertical-align: top; padding-left: 15px; padding-top: 10px }

.groupreg_off { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;}
.groupreg_on { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}