body {background-color: #717B88; background-image: url(../images/bg.gif); background-position: left top; background-repeat: repeat-x; margin: 15px;}
a, input, select, table, textarea {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #515D6B;}
.disabled { filter: alpha(opacity=35); -moz-opacity: .35; opacity: .35; }

#calendar a {display: block; padding-bottom: 2px; padding-top: 2px; text-align: center; text-decoration: none;}
#calendar div.events {display: block; padding: 1px;}
#calendar td.day {background-color: #96A0AB;}
#calendar td.day a {color: #FFFFFF;}
#calendar td.day a:hover {color: #CC6600;}
#calendar td.disabled {color: #EAECEE;}
#calendar td.disabled:hover {color: #FFFFFF;}
#calendar td.empty {background-color: #EAECEE;}
#calendar td.on {background-color: #CC9900;}
#calendar td.on a {color: #FFCC00;}
#calendar td.month {padding: 3px;}
#calendar td.month a {text-decoration: none;}
#calendar td.today {background-color: #EAECEE;}
#calendar tr.cells td {background-image: url(../images/bg_content_dotted.gif); background-position: left top; background-repeat: repeat-x; cursor: pointer;}
#calendar tr.cells td:hover {background-color: #EAECEE;}

#content {background-color: #FFFFFF;}
#content a.command {text-decoration: none;}
#content a:hover {color: #CC6600;}
#content input.checkbox {margin: 0px;}
#content input.input, #content select.input, #content textarea.input {background-color: #FFFFFF; border: 1px solid #515D6B; width: 250px;}
#content input.input:focus, #content textarea.input:focus {background-color: #EAECEE;}
#content td.highlight {background-color: #EAECEE;}
#content th {background-color: #96A0AB; color: #FFFFFF; font-size: 10px; font-weight: normal; height: 25px; letter-spacing: 1px; padding-left: 10px; padding-right: 10px; text-align: left; text-transform: uppercase;}
#content tr.buttons input {margin-top: 1px;}
#content tr.buttons td {background-color: #EAECEE; height: 30px;}
#content tr.list {background-color: #FFFFFF;}
#content tr.list:hover {background-color: #EAECEE;}
#content tr.list td {background-image: url(../images/bg_content_dotted.gif); background-position: left top; background-repeat: repeat-x; overflow: hidden;}
#content tr.topline td {background-image: url(../images/bg_content_dotted.gif); background-position: left top; background-repeat: repeat-x;}

#footer td.bottom {background-image: url(../images/bg_footer.gif); background-position: right top; background-repeat: no-repeat;}
#footer td.center {background-color: #FFFFFF;}
#footer td.left {background-image: url(../images/bg_footer_left.gif); background-position: right bottom; background-repeat: no-repeat;}
#footer td.right {background-image: url(../images/bg_footer_right.gif); background-position: left bottom; background-repeat: no-repeat;}

#header a {color: #EAECEE; text-decoration: none;}
#header div.date {color: #515D6B; margin: 2px 20px 2px 0px;}
#header td.darkbg {background-color: #6A7582;}
#header td.logo {background-color: #6A7582; padding: 29px 0px 20px 20px;}
#header td.logout {background-color: #46505C; font-weight: bold; padding: 2px 10px 2px 10px;}
#header td.logouttop {background-color: #5B6571;}
#header td.overlay {background-color: #C4C9CF;}
#header td.overlayleft {background-color: #6A7582; background-image: url(../images/bg_header_overlay_left.gif); background-position: top right; background-repeat: repeat-y;}
#header td.overlayright {background-image: url(../images/bg_header_overlay_right.gif); background-position: top left; background-repeat: repeat-y;}
#header td.overlaytop {background-image: url(../images/bg_header_overlay_top.gif); background-position: top left; background-repeat: no-repeat;}
#header td.user {background-color: #8A95A1; color: #313B48; padding: 2px 10px 2px 10px;}
#header td.user b {color: #EAECEE;}
#header td.usertop {background-color: #A3ADB8;}
#header td.top {background-image: url(../images/bg_header_top.gif); background-repeat: repeat-x;}

#menu {background-image: url(../images/bg_leftside.gif); background-position: right top; background-repeat: repeat-y;}
#menu div.gradient {background-image: url(../images/bg_leftside_gradient.gif); background-position: right top; background-repeat: no-repeat;}
#menu a.active {background-image: url(../images/bg_menu_modules_on.gif); color: #FFFFFF; display: block; padding: 2px 0px 2px 0px; text-decoration: none; text-indent: 31px;}
#menu a.modules {background-image: url(../images/bg_menu_modules.gif); color: #FFFFFF; display: block; padding: 2px 0px 2px 0px; text-decoration: none; text-indent: 31px;}
#menu a.modules:hover {background-image: url(../images/bg_menu_modules_over.gif); color: #FFFFFF; display: block;padding: 2px 0px 2px 0px; text-decoration: none; text-indent: 31px;}

#rightside {background-image: url(../images/bg_rightside.gif); background-position: left top; background-repeat: repeat-y;}
#rightside div.gradient {background-image: url(../images/bg_rightside_gradient.gif); background-position: left top; background-repeat: no-repeat; height: 364;}