/* CSS Document */

p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:18px; }
h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:#254c83; line-height: 30px; font-weight: normal; }
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#254c83; line-height:20px; font-weight: normal; }
#nav { border:0; padding:0; margin:0; width:219px; background: #B4B1A9 url(/images_dev/left.jpg) repeat-y top center; float:left; }
#nav ul { list-style-type: none; padding: 0; margin: 0; }
#nav ul li { float: left; height: 33px; margin: 0; padding: 0; background-color: transparent; background-repeat: no-repeat; text-indent: -999em; border-bottom: 2px solid #b7bcd2; }
#nav ul li a { display: block; height: 33px; text-decoration: none; background: transparent; }
#nav ul li#home { width: 210px; height: 45px; background-image: url(/menu/aw_menu_home_0.gif); }
#nav ul li#home a { height: 45px; outline: none; }
#nav ul li#home a:hover { background-image: url(/menu/aw_menu_home_1.gif); }
#nav ul li#about { width: 219px; height: 33px; background-image: url(/menu/aw_menu_about_0.gif); }
#nav ul li#about a { height: 33px; outline: none; }
#nav ul li#about a:hover { background-image: url(/menu/aw_menu_about_1.gif); }
#nav ul li#companies { width: 219px; height: 33px; background-image: url(/menu/aw_menu_companies_0.gif); }
#nav ul li#companies a { height: 33px; outline: none; }
#nav ul li#companies a:hover { background-image: url(/menu/aw_menu_companies_1.gif); }
#nav ul li#studywork { width: 219px; height: 33px; background-image: url(/menu/aw_menu_studywork_0.gif); }
#nav ul li#studywork a { height: 33px; outline: none; }
#nav ul li#studywork a:hover { background-image: url(/menu/aw_menu_studywork_1.gif); }
#nav ul li#opportunities { width: 219px; height: 33px; background-image: url(/menu/aw_menu_opportunities_0.gif); }
#nav ul li#opportunities a { height: 33px; outline: none; }
#nav ul li#opportunities a:hover { background-image: url(/menu/aw_menu_opportunities_1.gif); }
#nav ul li#wwlf { width: 219px; height: 33px; background-image: url(/menu/aw_menu_wwlf_0.gif); }
#nav ul li#wwlf a { height: 33px; outline: none; }
#nav ul li#wwlf a:hover { background-image: url(/menu/aw_menu_wwlf_1.gif); }
#nav ul li#ubs { width: 219px; height: 33px; background-image: url(/menu/aw_menu_ubsCadetship_0.gif); }
#nav ul li#ubs a { height: 33px; outline: none; }
#nav ul li#ubs a:hover { background-image: url(/menu/aw_menu_ubsCadetship_1.gif); }
#nav ul li#appl { width: 219px; height: 33px; background-image: url(/menu/aw_menu_appl_0.gif); }
#nav ul li#appl a { height: 33px; outline: none; }
#nav ul li#appl a:hover { background-image: url(/menu/aw_menu_appl_1.gif); }
#nav ul li#whoweare { width: 219px; height: 33px; background-image: url(/menu/aw_menu_whoweare_0.gif); }
#nav ul li#whoweare a { height: 33px; outline: none; }
#nav ul li#whoweare a:hover { background-image: url(/menu/aw_menu_whoweare_1.gif); }
#nav ul li#contact { width: 219px; height: 33px; background-image: url(/menu/aw_menu_contact_0.gif); }
#nav ul li#contact a { height: 33px; outline: none; }
#nav ul li#contact a:hover { background-image: url(/menu/aw_menu_contact_1.gif); }

#homepage #nav ul li#home { background-image: url(/menu/aw_menu_home_2.gif); }
#homepage #nav ul li#home a:hover { background-image: url(/menu/aw_menu_home_2.gif); }
#aboutpage #nav ul li#brief { background-image: url(/menu/aw_menu_home_2.gif); }
#aboutpage #nav ul li#brief a:hover { background-image: url(/menu/aw_menu_home_2.gif); }
#requirementspage #nav ul li#requirements { background-image: url(/menu/aw_menu_home_2.gif); }
#requirementspage #nav ul li#requirements a:hover { background-image: url(/menu/aw_menu_home_2.gif); }
#formpage #nav ul li#form { background-image: url(/menu/aw_menu_home_2.gif); }
#formpage #nav ul li#form a:hover { background-image: url(/menu/aw_menu_home_2.gif); }

form { padding: 0; margin: 0; border: 0; }
form fieldset { padding: 0; margin: 0; border: 0; }
form fieldset legend { padding: 0; margin: 0; border: 0; }
form abbr { cursor: help; font-style: normal; padding: 0; margin: 0; border: 0; }
form textarea { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
form a { color: #ea6611; }
form p { font-size:11px; }

/* Application Form */
form#application { text-align:left; width:525px; padding: 0; margin:10px 0 0 0; border:0; }
form#application fieldset { padding: 0; margin: 0; border:0; font-size: 12px;}
form#application fieldset legend { padding: 10px 0 10px 0; margin: 0; border:0; font-weight: bold; font-size: 13px; }
form#application label { display: block; float: left; width: 215px; line-height: 17px; vertical-align: middle; text-align: right; padding:0 15px 7px 0; }
form#application label.full { width: 500px; text-align: left; padding:0 0 3px 0; }
form#application label.checkbox { width: 450px; text-align: left; padding:0; }
form#application label.radio { text-align:left; padding: 4px 0 3px 0; width: 400px; clear: right; float: none;}
form#application input { background: #f3f3f3; width: 280px; font-size: 12px; vertical-align: middle; } 
form#application input.postcode { width: 90px; }
form#application input.checkbox { width: auto; background: #fff; float: left; margin: 3px 20px 0 0; }
form#application input.radio { width: auto; background: #fff; float:left; margin: 1px 6px 0 30px; }
form#application input.short { width: 90px; font-size: 10px; }
form#application input.medium { width: 180px; font-size: 10px; }
form#application input#f3_schoolName { margin: 0 0 15px 0; }
form#application input:focus, form#application select:focus, form#application textarea:focus { background: #fff; }
form#application select { background: #f3f3f3; width: auto; font-size: 11px; vertical-align: middle; border:1px solid #cccccc; margin:0; padding:0;}
form#application ol { padding:0; margin:0 0 0 0; border:0; list-style-type: none; }
form#application ol li { margin:0; padding:0 0 7px 0; border:0; display:block; clear:both; }
form#application ul { padding:0 0 0 5px; margin:10px 0 10px 10px; border:0; font-size: 12px; color: #ea6611; }
form#application ul li { padding: 0; margin:0 0 0 0; border:0; }
form#application table thead td { font-size:10px; font-weight: bold; }
form#application table td { font-size:10px; font-weight: bold; }
form#application textarea { background: #f3f3f3; float:left; width:500px; } 
form#application input.submit { clear:both; float: right; cursor: pointer; background: #00386b; border: 0; padding:2px 4px; margin:20px; color: #ffffff; font-weight: bold; line-height:15px; vertical-align: middle; width:95px; }
span.note { font-size: 10px; color: #666; }

/* Assessment Form */
form#assessment { text-align:left; width:520px; padding: 0; margin:10px 0 0 0; border:0; }
form#assessment fieldset { padding: 0; margin: 0; border:0; font-size: 12px;}
form#assessment fieldset legend { padding: 10px 0 10px 0; margin: 0; border:0; font-weight: bold; font-size: 13px; }
form#assessment label { display: block; float: left; width: 210px; line-height: 17px; vertical-align: middle; text-align: right; padding:0 15px 7px 0; }
form#assessment label.full { width: 500px; text-align: left; padding:0 0 3px 0;  }
form#assessment label.checkbox { width: 450px; text-align: left; padding:0; }
form#assessment label.radio { text-align:left; padding: 4px 0 3px 0; width: 400px; clear: right; float: none; }
form#assessment input { background: #f3f3f3; width: 280px; font-size: 12px; vertical-align: middle; } 
form#assessment input.postcode { width: 90px; }
form#assessment input.checkbox { width: auto; background: #fff; float: left; margin: 3px 20px 0 0; }
form#assessment input.radio { width: auto; background: #fff; float:left; margin: 1px 6px 0 30px; }
form#assessment input.short { width: 90px; font-size: 10px; }
form#assessment input.medium { width: 180px; font-size: 10px; }
form#assessment input:focus, form#assessment select:focus, form#assessment textarea:focus { background: #fff; }
form#assessment select { background: #f3f3f3; width: auto; font-size: 11px; vertical-align: middle; border:1px solid #cccccc; margin:0; padding:0;}
form#assessment ol { padding:0; margin:0 0 0 0; border:0; list-style-type: none; }
form#assessment ol li { margin:0; padding:0 0 7px 0; border:0; display:block; clear:both; }
form#assessment ol li.full label { width: 500px; text-align: left; padding:0 0 3px 0; }
form#assessment ol li.full input { margin:0 0 14px 0; }
form#assessment ul { padding:0 0 0 5px; margin:10px 0 10px 10px; border:0; font-size: 12px; color: #ea6611; }
form#assessment ul li { padding: 0; margin:0 0 0 0; border:0; }
form#assessment textarea { background: #f3f3f3; float:left; width:500px; } 
form#assessment button { clear:both; float: right; cursor: pointer; background: #00386b; border: 0; padding:0px 4px; margin:20px; color: #ffffff; font-weight: bold; line-height:15px; vertical-align: middle; }

form#candidateReport textarea { background: #f3f3f3; display:block; width:500px; }

div.error { padding: 0; margin: 0; border: 0; color: #F60; }
div.error p { color: #F60; }
div.error a:link { color:#F60; text-decoration:underline; }
div.error a:visited { color: #F60; text-decoration:underline; }
div.error a:hover { color: #F60; text-decoration:none; }
div.error a:active { color: #F60; text-decoration:underline; }

.admin { margin: 0; padding:0; border:0; background:#b5b5b5; }
.admin #content { margin: 0; padding: 30px; font-family: "Lucida Grande", Arial, sans-serif; font-size: small; background:#b5b5b5; }
.admin #content a { color:#77985c; }
.shadow { background: #919191; }
table#resultsTable { position: relative; top: -4px; left: -4px; width:100%; border: 1px solid #000; background:#fff; }
table#resultsTable th, table#resultsTable td {margin:0; padding:8px 20px; text-align: center; border-bottom: 1px solid #b5b5b5; vertical-align: top; }
table#resultsTable th { color: #999; }
table#resultsTable .nameCell { text-align: left; }
table#resultsTable .schoolCell { text-align: left; }
table#resultsTable .slot1 { text-align: left; }
table#resultsTable .slot2 { text-align: left; }
table#resultsTable tr { background-color: #e6e6e6; }
table#resultsTable tr.stripe0 { background-color: #f1f1f1; }
table#resultsTable td a { display: block; font-weight: bold; }
table#resultsTable th a { display: block; font-variant: small-caps; }
table#resultsTable th.orderedBy { border-bottom: 8px solid #77985c; }

sup { font-size: .75em; vertical-align: super; }

.admin h1 { font-family: "Lucida Grande", Arial, sans-serif; color:#000; line-height: 25px; font-variant: small-caps;}

#login ol { list-style-type: none; padding: 0; margin: 0; border:0; width:450px;}
#login ol li { margin: 10px; padding: 0;  }
#login ol li input { margin: 0 0 0 25px;  }

#menu { padding: 30px 30px 10px 30px; font-family: "Lucida Grande", Arial, sans-serif; font-size: small; margin: 0; border:0; }
#menu ul { float:left; list-style-type: none; padding: 0; margin: 0; width:100%; border: 1px solid #000; clear:both; background-color: #fff; }
#menu ul li { float:left; margin: 0; padding: 0; border-bottom: 8px solid #fff; }
#menu ul li a { display: block; text-decoration: none; padding: 8px 20px; margin:0; color:#77985c; font-variant: small-caps; }
#menu ul li a:hover { background-color: #77985c; color:#f1f1f1; text-decoration: none; margin:0; }

#home #menu ul li#home { border-bottom: 15px solid #77985c; }
#new #menu ul li#new { border-bottom: 15px solid #77985c; }
#assessed #menu ul li#assessed { border-bottom: 15px solid #77985c; }
#approved #menu ul li#approved { border-bottom: 15px solid #77985c; }
#rejected #menu ul li#rejected { border-bottom: 15px solid #77985c; }
#schedule #menu ul li#schedule { border-bottom: 15px solid #77985c; }

.text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:1.5;
}

.text td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:1.5;
}

.text2 td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:1.5;
}

.head1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#254c83;
}

.head2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#254c83;
}


.sub1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}


.sub2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#92a6c1;
}

.hbssub {
	background-color:#EEEEEE;
	border-bottom: 1px solid #000033;
	border-top: 1px solid #000033;
}

ul.TickList {
  list-style-image: url('images_dev/tick.gif')
}

.text a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#254c83;
}

.text a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#254c83;
}

.text a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#254c83;
	text-decoration:none;	
}

.text a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#254c83;
}

.greenbullet ul{
list-style-image: url(../images_dev/bullet1.gif); 
}


/* IE 6 and below CSS hack  */

* html form#application label#f2_residentPerm { margin-left: 112px; width: 230px; }