/*** this file defines how the looks of the application
	 *** without this the app is bare-bones (ct-scan)
	 *** @modified: Wednesday, May 19th 2009
	 *** @author:   www.kursorsolutions.com
--------------------------------------------------------------*/

html, body { background: #cccccc; margin: 0px; padding: 0px; font: 11.5px Tahoma, Verdana, Arial, sans-serif; color: #333; text-align: left;  }
.bodytxt { line-height: 16px; padding: 12px 10px 20px 20px; text-align: left; font: 11.5px Tahoma, Arial, sans-serif; color: #666; }
#msg-box { position: absolute; padding: 3px 50px; font-size: 14pt; text-align: left;  margin: 0px auto; bottom: 0px; right: 0px; height: 50px; line-height: 50px }
#wrapper { width: 870px; margin: 10px auto; background: #ffffff; border-bottom: 5px solid #999999 }
#body { background: #ffffff }
div,span,td,label { font: 11.5px Tahoma, Verdana, Arial, sans-serif; color: #333; line-height: 18px }
.home-border { border-top: 3px solid #666; border-bottom: 1px solid #ffffff }
.home-box { border: 1px solid #ccc; padding: 5px 10px; line-height: 15px; width: 250px }
#news { line-height: 35px; height: 35px; margin: 10px 0 0 0 }
#logged-in-status { padding: 5px 38px 5px 0px; background: #f4eabc; text-align: right; }
#logged-in-status a { color: #069 }
#mainlinks { list-style: none; margin: 0px; padding: 30px 20px 30px 0; }
#mainlinks li { text-align: center; padding: 0 10px; display: inline; list-style: none; border-left: 1px dotted #ccc }
#mainlinks a, #mainlinks a:hover { color: #ffffff; text-decoration: none; font-size:  14px; font-weight: normal }
#mainlinks a:hover { text-decoration: underline; }
#mainlinks li.first { border: 0px }
#footer { font-size: 10px; text-align: center; padding: 10px 0 5px 0; color: #999999 }
#defined { border-top: 2px solid #666 }
#defined td { border-bottom: 1px solid #f1f1f1 }
#defined tr:hover { background: #ccff66; cursor: default; }
#defined .heading { background: #c2c2c2; color: #000; line-height: 20px }
#defined tr.heading:hover { background: #c2c2c2; cursor: default; }
#defined tr.nohover:hover { background: #fff; cursor: default; }
#content { width: 100%; /*padding: 20px 20px 10px 20px;*/ line-height: 17px; background:#ffffff; text-align: left; }
#sublinks-container { width: 217px; overflow-x: hidden; }
#sublinks-container #top { background: url(../images/sublinks_top.png) no-repeat; padding: 11px 0 0 0 }
#sublinks-container #bottom { background: url(../images/sublinks_btm.png) left bottom no-repeat;padding: 0 0 18px 0 }
#sublinks-container #mid { background: url(../images/sublinks_mid.png) left 31px repeat-y; padding: 0 20px 0 10px }

.imp-links { margin: 0; padding: 0; list-style: square; list-style-position: inside; }
.imp-links li { line-height: 25px; color: #666; border-bottom: 1px dotted #ccc; padding: 0 5px }
.imp-links li a { color: #0066cc; font-weight: normal; }

#add-page { border-top: 1px dotted #ccc; text-align: right; padding: 5px 10px; width: 80%; margin: 20px 0 0 0 }
#add-page a { color: #ffffcc; }
#page-actions { padding: 15px 0 0 0 }

.content-col1 { padding: 20px 25px; line-height: 18px; text-align: left; width: 530px; background: url(../images/vhr.gif) no-repeat right top; }
.content-col2 { padding: 20px 10px 0 15px;  }
.hidden { display: none; }
.hand { cursor: pointer; }
.menuitem { line-height: 18pt; font-size: 11px; border-bottom: 1px dotted #ccc; width: 100%; }
.menuitem a { color: #006699; font-weight: normal;   }
.scase { text-transform: capitalize; line-height: 15px; }
.plus { background: url(../images/def_plus.gif) no-repeat; }
.minus { background: url(../images/def_minus.gif) no-repeat; }
.none { background: url(../images/def_none.gif) no-repeat; }
.dash { background: url(../images/def_dash.gif) no-repeat; }
.hilite { color: #999900; background: #FFFFCC; padding: 0 10px 2px 10px  }

/* form definitions*/
fieldset {  padding: 10px; border: 0px solid #ffffff }
legend { font-size: 12pt; color: #333; }
input.text { padding: 1px 5px; font-size: 13px }
input.title { padding: 3px 5px; font-size: 15px; border: 1px inset #666 }
input.ctitle { padding: 3px 5px; font-size: 15px; border: 1px inset #666; width: 250px }
input.button { padding: 0px 10px; margin: 5px 0 0 0 }
textarea { font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #273F56; padding: 5px }


/* text definitions */
h1 { padding: 0px; font-size: 20px; margin: 0px; font-weight: normal; color: #660000; }
h2 { padding: 0px; font-size: 17px; margin: 0 0 2px 0; font-weight: normal; color: #660000; }
h3 { padding: 0px; font-size: 14px; margin: 0 0 2px 0; font-weight: normal; color: #660000 }
.error { color: #CC0000; background: #FFCCCC url(../images/def_no2.gif) 98% center no-repeat; border: 5px solid #CC0000; padding: 5px 40px; font-size: 14px; line-height: 20px }
.error-field { color: #CC0000; background: #FFCCCC; }
.upload-error { color: #CC0000; border: 2px solid #ff0000; margin: 0 0 10px 0 }
.warning { color: #999900; background: #FFFFCC; border: 5px solid #999900; font-size: 14px; padding: 5px }
.okay { color:#006633; background: #CCFFCC url(../images/def_yes2.gif) 98% center no-repeat; border: 5px solid #66CC66; font-size: 14px; padding: 0px; line-height: 20px }
.gray { color: #999; }
a { color: #0066cc; text-decoration: none; }
a:hover { text-decoration: underline; }
.linedown { border-bottom: 1px solid #f7f7f7; }
.pad5ud { padding: 5px 0 }
.form-done { color: #006633; background: url(../images/def_yes2.gif) 0 center no-repeat; font-size: 14px; padding: 0 30px; line-height: 20px; margin-bottom: 40px }
.smalltext { font-size: 10px; }
.button { font-size: 11px; font-weight: bold; background: #133771; color: #ffffff; border: 3px solid #133771; cursor: pointer }
.help { font-size: 11px; color: #666; padding: 0 0 25px 0; width: 95% }
#ks-g-logo { float:  right; margin: 0 10px 0 0; }