.center { text-align: center; }
br.clear {clear: both;}

table, input, textarea, select, option {font-size: 100%; font-family: inherit; line-height: 1.5em;}
input {line-height: 1.25em; //line-height: 1em;} /*Hack for IE 8.0*/

/* IE6 Hack to prevent some applictions from dropping down the screen i.e. SchoolVacancies */
* html div.ApplicationBody {width: 580px;}

div.ApplicationBody table {text-align: left;}
div.ApplicationBody th {background-color: #7F1183; color: #fff; border-bottom-style: solid; border-bottom-width: 2px; border-color: #FFFFFF; font-weight: 700; padding: 0.3em; height: 2em; vertical-align: top;}
div.ApplicationBody td {border-color: #FFFFFF; padding: 2px; vertical-align: top;}
div.ApplicationBody tr.row {background-color: #F5EFF5;}
div.ApplicationBody tr.altrow {background-color: #EEE2EF;}

/* Styling Corrections */
div.scrap {clear: both; float: left; width: 100%; height: 1px; line-height: 1px;}
div.padRichText {clear: both; float: left; width: 582px; margin-right: 10px !important; min-width: 582px !important;} /* Div class wrapped around rich text areas on the application page layout. */

/* Input Row */
ul.form {margin: 0em; float: left; clear: both; width: 100%;}
ul.form li {float: left; width: 100%; list-style: none; margin: 0.25em 0em; clear: both;} /*height: 2em;}*/
*+html ul.form li {min-height: auto; max-height: auto;}

/* Input Row - Standard Controls */
ul.form li input, ul.form  li input.small, ul.form li textarea, ul.form li select, ul.form li a.hyperlink, ul.form li span.text {margin: 0em; margin-right: 10px; margin-left: 25px; width: 230px; float: left;}
ul.form li input.short {width: 50px;}
ul.form li input.medium {width: 125px;}
ul.form li select {width: auto;}
ul.form li select.listbox {width: 20%;}
ul.form li textarea {height: 85px;}
*+html ul.form li textarea, *+html ul.form li select {min-height: 85px; max-height: auto;}
ul.form li label {clear: both; width: 197px; text-align: right; margin-right: 10px; display: block; float: left;}

/* Input Row - Validators */
ul.form li.error {color: #ff0000;}
ul.form li span.validatorstart {float: left; margin: 5px; margin-left: 0em; width: 560px;}
ul.form li span.validator {float: left; margin: 0.5em; margin-left: -565px;}

/* Input Row - Dates */
ul.form li div.date { display: block; margin: 0px; padding-left: 7px; padding-bottom: 10px; margin-left: 225px;}
ul.form li div.date input {float: left; margin: 0px; height: auto; width: 3em; padding: 2px; padding-left: 0.5em; margin-right: 10px;  }
ul.form li div.date select {float: left; margin: 0px; height: auto; width: 4.9em; }
ul.form li div.date select.long {width: 8.5em}

/* Input Row - Check Boxes and Radio Buttons */
ul.form li.check span {padding-left: 32px; float: left; margin-top: 2px;}
ul.form li.check span.name {width: 197px; padding: 0px; margin: 0px; text-align: right;}
ul.form li.check input {margin: 0px; padding: 0.2em; width: 20px; border: none; clear: both;}
ul.form li.check label {text-align: left; margin: 0px; padding: 0px; margin-left: 10px; line-height: 16px; width: 190px; float: left; clear: none;}
ul.form li.check span.radiobutton {width: 235px; display: block; padding: 0px; float:left; clear: both;}

/* Input Row - Vertical Check Boxes and Radio Buttons */
ul.form li.check span.vertical {padding: 0px;}
ul.form li.check span.vertical input {float: left; margin-top: -1px;}
ul.form li.check span.vertical label {float: none; width: auto; display: inline; margin-left: 8px; }

/* Page Pagination */
ul#page_pagination {margin: 0px; padding: 0px; color: #000; display: block; }
ul#page_pagination li, ul#page_pagination li a { list-style-type: none; margin: 0px 1px; padding: 0px; display: inline; float: left;}
ul#page_pagination li.current_page {margin-right: 30px; font-weight: bold; }
ul#page_pagination li.prev_page {margin: 0px 20px; }
ul#page_pagination li.next_page {margin: 0px 20px; }

ul#page_pagination a:link, ul#page_pagination a:visited { color: #00c; } 
ul#page_pagination a:active, ul#page_pagination a:hover { color: #00c; }

/* Button Layout */
div.hr_buttons {width: 575px; border-bottom: 1px solid #b586bd; margin: 0px; height: 15px; padding: 0px; float: left;}
html>/**/body div.hr_buttons {margin-bottom: 10px;}
div.buttons {display: block; margin: 15px 5px; float: left;}
div.buttons input {margin-right: 5px;}

/* Errors */
div.error, span.error {color: #ff0000;}

/* Text */
div.text {display: block; float: left; clear: both; width: 100%;}

/* UL Navigation Links - Vertical */
ul.navLinks {display: block; list-style-type: none; margin: 0px 0px 0px 10px; padding: 0px; float: left; clear: left;}
ul.navLinks li {padding: 5px 0px;}
ul.navLinks li a {color: #7f1183;}

/* Restricted Access Control */
div.RestrictedAccess {margin: 5px; border: 1px solid #b586bd; padding: 10px; }

/* Browser correction */
select {padding: 0px;}
html>/**/body select {padding: 1px;}
/* Firefox */
@-moz-document url-prefix()
{
	select {padding: 1px;}
}

/* Mandatory Input Text */
div.mandatorymessage {float: left; font-weight: bold; margin: 0px; padding: 0px; margin-bottom: 15px;}
div.mandatoryimage {float: left;}