body { margin: 0px 0px 0px 0px; background-image: url(images/bg.png); height: 1000%; }

.mainarea { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: left; width: 600px; padding-left: 55px; float: left; line-height: 20px; height: 300; }
.mainarealong { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: left; width: 900px; padding-left: 55px; float: left; line-height: 20px; height: 100%; }
.sidearea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; width: 270px; padding-left: 55px; float: left; line-height: 16px; height: 100%; }

.pagetitle { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; line-height: 25px; color: #090; }
.pagesubtitle { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 25px; color: #090; }
.txtheading { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: 25px; }
.copyr { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
.txtside { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; }
.txtsmall { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; }
.txtsmallital { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; font-style:italic; }
.txterror { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; color: #FF0000; font-weight: bold; }

.seperator { margin-bottom: 10px; }

.links { font-family: Arial, Helvetica, sans-serif; color: #090; }
.linksmain { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #090; text-decoration: none; line-height: 30px; text-align: left; z-index: 700; }
.linksmain:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #090; line-height: 30px; text-align: left; z-index: 700; }

.linksside { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #090; line-height: 16px; text-decoration: none; }
.linksside:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #090; line-height: 16px; text-decoration: underline; }

.linksadmin { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #090; text-decoration: none; line-height: 30px; padding-right: 10px; }

.imageformat { border: 1px solid #BDBDBD; margin-right: 5px; }

table.hdr { background-image: url("images/bg-page.png"); }
table.hdrlng { background-image: url("images/bg-page-long.png"); }
td.hdr { background-image: url("images/bg-header.png"); }
td.ftr { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; background-image: url("images/bg-footer.png"); }

.tdImage { vertical-align: bottom; text-align: center; width: 25%; }
.tdText { vertical-align: top; text-align: center; width: 25%; }

#admintable tr { background-color: #F8F8F8; }
#admintable .selectedcell { background-color: #FFC; }


#sddm { margin: 0; padding: 0; z-index: 30; }
#sddm li { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #090; text-decoration: none; margin: 0 1px 0 0; padding: 4px 5px; line-height: 30px; list-style: none; float: right; }
#sddm li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #090; text-decoration: none; line-height: 30px; list-style: none; }
#sddm li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #090; line-height: 30px; font-weight: 300; text-decoration: underline; }
#sddm div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: #FFFFFF; border: 1px; }
#sddm div a { position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #FFFFFF; color: #090; font: 12px arial; }
#sddm div a:hover { background-position: #EAEBD8; background: #EAEBD8; position: relative; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; color: #090; font: 12px arial; }


/*   GridView Classes */
Grid {border: solid 0px #F8F8F8; margin-right: auto; margin-left: auto;}
.Grid td {border: solid 0px #F8F8F8; margin: 3px 3px 3px 3px; padding: 3px 3px 2px 2px;}
.Grid .pgr {font-weight: bold; background-color: #FFF; text-align: left; }
.Grid .pgr a { font-family: Arial, Helvetica, sans-serif; color: #090; }   

.GridHeaderLt { font-weight: bold; background-color: #54A7A7; color: #FFF; }
.GridItem {background-color: #F8F8F8; margin: 3px 3px 3px 3px; padding: 3px 3px 2px 2px; }
.GridAltItem { background-color: #F8F8F8; margin: 3px 3px 3px 3px; padding: 3px 3px 2px 2px; }
.GridPager {font-weight: bold; background-color: #FFF; text-align: left; }


AdminGrid {border: solid 0px #F8F8F8; margin-right: auto; margin-left: auto;}
.AdminGrid td {border: solid 1px #F8F8F8; margin: 3px 3px 3px 3px; padding: 3px 3px 2px 2px;}
.AdminGrid .pgr {font-weight: bold; background-color: #FFF; text-align: left; }
.AdminGrid .pgr a { font-family: Arial, Helvetica, sans-serif; color: #090; }   

.AdminGridHeader {font-weight: bold; background-color: #090; color:#FFF;}
.AdminGridItem {background-color: #F8F8F8; margin: 3px 3px 3px 3px; padding: 3px 3px 2px 2px; }
.AdminGridAltItem { background-color: #D2D2D2; margin: 3px 3px 3px 3px; padding: 3px 3px 2px 2px; }
.AdminGridSelected { background-color: #FFC; margin: 3px 3px 3px 3px; padding: 3px 3px 2px 2px; }
.AdminGridPager {font-weight: bold; background-color: #FFF; text-align: left; }


/*   Calendar Classes   */
.Calendar .ajax__calendar_container  {border: 1px solid #778899; background-color: #FFC;}
.Calendar .ajax__calendar_header  {background-color: #090; color: White; }
.Calendar .ajax__calendar_today {color:#090;} 
.Calendar .ajax__calendar_active .ajax__calendar_day {background-color: #090; color: #FFF; font-weight: bold; }
.Calendar .ajax__calendar_prev {background-color:#FFC; height:20px; width:20px;}
.Calendar .ajax__calendar_next {background-color:#FFC; height:20px; width:20px;}

.calendarContainer table { width:0px; height:0px;  background-color: #faf0e6;}
.calendarContainer table tr td {padding:0;margin:0; border:0px;}
.calendarContainer table th { background-color: #090; color: #000; }