/*** this file defines how the looks of the application
	 *** without this the app is bare-bones (ct-scan)
	 *** @modified: Friday, November 28th 2008
	 *** @author:   www.pixelsonpoint.com
--------------------------------------------------------------*/

html, body { background: #ffffff url(../images/bg.jpg) repeat-x; margin: 0 auto; padding: 0px; font: 12px Arial, Helvetica, sans-serif; color: #333333; }
.bodytxt { font: 12px Arial, Helvetica, sans-serif; line-height: 15px; color: #333333 }
.pad5up { padding-top: 5px; }
#msg-box { padding:3px 10px; font-size: 10pt; text-transform: none; z-index: 100; text-align: left }
#header { width: 890px; padding: 3px 15px 0 0; background: #ffffff url(../images/logo.gif) 15px 22px no-repeat; margin: 0 auto; text-align: right;  }
#tools { background: #00A435; color: #ffffff; padding: 4px 35px 4px 5px; font-size: 10px }
#tools a { color: #ffffff }
#toplinks { padding: 30px 0 35px 0; font: 10px verdana, sans-serif;  }
#toplinks a { color: #666666; }
#dvtimer { background: #003366 url(../images/nav.gif) no-repeat; text-align: right; color: #ffffff; line-height: 30px; 
border-left: 15px solid #ffffff; padding: 0 10px 0 0; border-bottom: 1px solid #ffffff  }
#logged-in-status { padding: 5px 27px 5px 0px; background: #DCEAF5; text-align: right; }
#mainlinks { padding: 0px; margin: 0px }
.mainlink { color: #ffffff; cursor: pointer; line-height: 19px; padding: 0 0 0 23px; text-transform: capitalize; font-size: 11px; border-bottom: 1px solid #ffffff; background: #4D6FB7 url(../images/navBullets.jpg) no-repeat }
.mainlink:hover { background: #444986 url(../images/navBullets.jpg) no-repeat;  }
.sublinks { padding: 0px; margin: 5px 0 10px 15px }
.sublinks li { font: 11px Verdana, sans-serif; list-style: none; padding: 1px 5px; text-transform: capitalize; }
.sublinks li a { color: #333; }
#tabs { padding: 0; margin: 0;  }
#tabs li { list-style: none; background: #006699 url(../images/tabbg.gif) repeat-y; color: #ffffff; cursor: pointer; 
display: inline; padding: 3px 13px }
#tabs li.selected { list-style: none; background: #0099cc; color: #ffffff; cursor: pointer; padding: 8px 13px }
.tabcontent { background: #0099cc; padding: 10px }
#mascot-btm { background: url(../images/kente_sub.jpg) repeat-x; border-top: 1px solid #ffffff; width: 653px }
.contentarea { width: 875px; background: #ffffff; margin: 0 auto; padding: 0 15px; }
.col1 { vertical-align: top; width: 207px; padding: 5px 15px 10px 0 }
.col2 { vertical-align: top; width: 653px }
.borderme { border: 1px solid #DCA893; padding: 2px }
.arow { border-bottom: 1px solid #DCEAF5/*DCA893*/; font-weight: normal; padding: 0px 0px 3px 0px  }
.theader { border-bottom: 1px solid #333; text-transform: capitalize; padding: 2px 5px; background: #e1e1e1;  }
th { border-bottom: 1px solid #ccc; text-transform: capitalize; padding: 2px 0px; background: #f7f7f7; text-align: left;  }
.hidden { display: none; }
.hand { cursor: pointer; cursor: hand; }
.menuitem { text-transform: capitalize; padding: 3px 0 5px 0;  }
.scase { text-transform: capitalize; line-height: 15px; }
.plus { background: url(../images/plus.gif) no-repeat; }
.minus { background: url(../images/minus.gif) no-repeat; }
.none { background: url(../images/none.gif) no-repeat; }
.dash { background: url(../images/dash.gif) no-repeat; }

/* form definitions*/
fieldset {  border: 1px solid #f7f7f7; padding: 10px;  }
legend { font-size: 12pt; color: #333; }
input.text { border: 1px inset #E7C2B3; padding: 1px 5px; }
input.button { padding: 0px 10px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #273F56; padding: 5px }


/* text definitions */
h1 { color: #0080c0;; padding: 0px; font-size: 18px; text-transform: capitalize; margin: 0px; font-weight: normal; }
h2 { color: #666; padding: 0; font: 16px Arial, Helvetica, sans-serif; text-transform: capitalize; margin: 0px; font-weight: bold; }
.error { color: #CC0000; background: #FFCCCC; border: 1px solid #CC0000 }
.warning { color: #999900; background: #FFFFCC; border: 1px solid #999900 }
.okay { color:#006633; background: #CCFFCC; border: 1px solid #66CC66 }
.gray { color: #cccccc; }
.hilite { color: #999900; background: #FFFFCC; padding: 0 10px 2px 10px  }
a { color: #006699; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
.linedown { border-bottom: 1px solid #DCEAF5; }
ul { padding: 0px; margin: 0 0 0 15px }
ul li { list-style: square; list-style-type: square; padding: 0 0 0 5px; list-style-position: outside; }