/* CSS Document */

body {margin:0px; background:#EBEBD6 url(images/bg.gif) center repeat-y; font:13px Verdana, Arial, Helvetica; line-height:18px;}
h1 {font-size:18px; color:#003300; font-weight:bold; margin:0px 0px 10px 0px}
h2 {font-size:14px; color:#003300; font-weight:bold; margin:5px 0px 10px 0px}
p {margin:8px auto 8px auto}
a:hover {text-decoration:underline}
strong {color:#003300}
ul {padding:0px 0px 0px 3px; list-style-type:none;}
ol {padding-left:22px;}
li {padding-left:20px; background:transparent url(images/bullet.gif) 0 7px no-repeat; margin:3px 0px 3px 0px}
.numbers {background:none; padding-left:0px}
hr {color:#989c72; height:1px}
.longbutton {overflow: visible; #padding:0px 10px}

.apply_link, .apply_link_long {display:block; background:#ffffff; color:#003300!important; width:40px; text-align:center; border:1px solid #003300}
a:hover.apply_link, a:hover.apply_link_long {text-decoration:none!important}
.apply_link_long {width:230px}
.completeDeclaration {background:#c4d3c4; border-color:#FF0000}
.logOut {position:absolute; left:400px; top:-10px}
.continueApplication {font-size:14px; font-weight:bold; color:#003300!important}
.textname input{width:100px}
.addressbox textarea {width:180px}
.addressboxcrim textarea {width:160px}
.addinfo {padding-right:5px}
.addinfo textarea {width:640px}
.school input {width:100px; }
.qualField input {width:125px}

fieldset {border:none; padding:5px 0px 5px 0px}

#banners {position:relative; width:948px;  margin:auto; margin-bottom:20px; text-align:center}

#content {position:relative; width:948px;  margin:auto; margin-bottom:20px}
#topmenu {position:relative; background:#003300; width:947px; left:1px; height:35px;}
#topmenu img {margin:0px 42px; float:left; border:0px}

#titlebar {position:relative; width:949px; height:140px; padding:1px 0px 1px 0px; background:#fff;}
.bar {background:#99AD99; height:12px; width:949px; line-height:0px; font-size:0px; margin:0px; position:relative}

#page {position:relative; margin:1px 0px 0px 1px}

#left_nav {float:left; width:217px; margin-right:20px; margin-left:1px; }
#left_nav a {display:block; width:207px; padding-left:10px; line-height:28px; text-decoration:none; margin-bottom:1px;}
#left_nav a:hover {background-color:#B9BB79; color:#003300}
.title {color:#003300; font-size:16px; padding-left:10px; height:30px; line-height:30px; font-weight:bold}
.level1 {background-color:#003300; color:#FFFFFF}
.level2 {background-color:#669933; color:#FFFFFF}
.level3 {background-color:#989c72; color:#FFFFFF}
.long {line-height:18px!important; padding:5px 0 5px 10px}

#main_content {position:relative; margin-top:30px; margin-left:240px; #margin-left:0px; width:690px}
#main_content a {color:#527F25; text-decoration:none;}
#main_content a:hover {text-decoration:underline}
.full {margin:31px 0px 0px 16px!important; width:914px!important}
.insert {float:right; border:1px solid #99AD99; margin-left:10px}

.table_title {background-color:#C4D3C4; font-size:14px; height:30px; color:#003300; font-weight:bold; padding:0px 0px 0px 5px; background:url(images/title_bg.gif) no-repeat  }
.bot {border-bottom:1px solid #989c72}
.rightb {border-right:1px solid #989c72}
.topb {border-top:1px solid #989c72;}

.titles {margin:10px 0px 10px 0px}
.dropdown {width:230px}

#footer { margin:auto; width:952px; height:62px; clear:both; }
#footer a {color:#000000; text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer img {float:right; margin:1px 5px 4px 5px}
#footertext {position:relative; width:947px; height:29px; left:3px;  background:#e5eae5; border-top:1px solid #003300; font:11px Tahoma, Verdana; text-align:center; line-height:29px; clear:both}


/* Styles re-added by Thinking Differently */

.addressSelect {
	margin-bottom: 6px;
	display: block;
}


/* Application Status Page */

.sectionNotStarted {
	color: #cc0000;
	font-weight:bold;
}

.sectionStarted {
	color: #ffcf3b;
	font-weight:bold;
}

.sectionFinished {
	color: #066306;
	font-weight:bold;
}

/* Medical Page */

.sickDays input {
	width: 50px;
	text-align: right;
}

/* Error handling */

.incomplete {
	/*margin-left: -16px;*/
	padding-left: 16px;
	background:transparent url(images/mandatory.gif) 0px 0px no-repeat;
}

span.incompleteIndicator {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
}

input.incompleteField, textarea.incompleteField, span.incompleteIndicator.incompleteField {
	background:transparent url(images/mandatory.gif) 0px 0px no-repeat;
}

input.incompleteField,  textarea.incompleteField, td.selectField {
	padding-left: 16px;
}

.error {
	color: #c50000;
}

.error label {
	color: #c50000;
}

p.error strong {
	color: #c50000;
}

.gap {
	color: #CC0000;
	font-weight: bold;
	font-size: 11px
}

.gaps {
	color: #CC0000;
	font-size: 13px
}

/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
	right: -200px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url('/a/img/common/pointer.gif') no-repeat -10px 5px;
	font-size: 0.82em;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url('/a/img/common/pointer.gif') left top no-repeat;
}

#title2note{
	position: absolute;
	left: -250px;
	top: auto;
	z-index: 2;
	width: 17em;
	margin: 1em;
	margin-top: -50px;
	padding: 7px 5px 7px 10px;
	font: 12px/1.2em arial, helvetica, "sans-serif";
	text-align: left;
	color: #111;
	background-color: #FFFFB4;
	border: 2px solid #111;
}

.toolTipHdr {
	color: #c50000;
}

.gap {
	color: #FF0000;
	font-weight: bold;
	font-size: 11px
}