/*----------------------    BODY STYLES ---------------------*/

@import url("reset.css");

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 100.01%;
	color : #464646;
	text-align: center;
}

h1 {
	background: transparent url(../images/img_headerTitle_tile.gif) 0 0 repeat-x;
	color : #f37321;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0 1em 0;
	padding: 4px 0 4px 23px;
}

h1.homepage, h1.homepage1 {
	font-size: 0.8em;
	margin: 0;
	padding: 4px 0 4px 21px;
}

h2 {
	background: transparent url(../images/img_title_h2_bg.gif) 0 0 repeat-y;
	color: #333333;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 1em 0;
	padding: 4px 0 4px 23px;	
	width: 711px;
}

h3 {
	color : #333333;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #d4d5dd;
	margin: 1em 0 0.5em 22px;
	padding: 4px 0 4px 0;
	width: 711px;
}


h4{
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: 4px 0 0 23px;	
}


a:link, a:visited, a:hover, a:active {
	margin: 0;
	text-decoration : underline;
	color : #f37321;
}
a:hover {color : #f37321; text-decoration : none;}
a:visited {color: #d25200; text-decoration: underline;}

ul {
	padding : 0;
	margin: 0 ;
}

ul li {
	background: transparent url(../images/icon_raquo.gif) 0 5px no-repeat;
	margin : 0 0 0.8em 2.5em;
	padding : 0 0 0 9px;
	font-size: 1em;
	color: #4c4c4c;
}

* html ul li {height: 1%;}

ol {
	padding: 0;
	margin: 0 0 10px 24px;
	list-style-type: decimal;
}
ol li {
	list-style-type: decimal;
	margin : 0 0 0.2em 1.7em;
	padding : 0 ;
}

* html ol li {margin : 0 0 0.2em 2em;}
*:first-child+html ol li {margin : 0 0 0.2em 2em;}

p {
	padding-left: 24px;
	margin: 0.2em 0 0.6em 0;
	width: 711px;
}

/* page wrapper */

#page-wrapper {
	position: relative;
	text-align: left;
	width : 894px;
	margin : 6px auto 0.5em auto;
	font-size : 0.75em;
	
}

/* header */

#header {
	height: 65px;
	margin: 0 ;
	padding: 0;	
}

/* top navigation */

#nav {
	background: transparent url(../images/img_nav_bg.png) 0 0 no-repeat;
	height: 52px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.95em !important;
	
}

#nav li {
	float: left;
	list-style-type: none;
	background: none;
	color: #FFFFFF;
	margin: 0;
	padding: 0
}

#nav li.first {margin-left:15px;}
#nav li.last {padding-right: 0 !important; padding-left: 0 !important;}

#nav li a {
	float: left;
	text-decoration: none;
	color:#FFFFFF;
	margin: 0;
	padding : 18px 68px 6px 68px;
}

#nav li.selected {
	background: transparent url(../images/img_hitstate_lhs.gif) 0 0 no-repeat;
}

#nav li.selected a {	
	background: transparent url(../images/img_hitsate_rhs.png) 100% 0 no-repeat;
}

#inline{
	font-size: 1em;
	list-style-type: none;
	margin: 0 0 3.5em 0;
	padding:0 0 0 19px;
}

#inline li {
	float: left;
	list-style-type: none;
	background: none;
	margin: 0;
	border-left: 1px solid #333333;
	padding : 0 5px 0 5px;
	display: inline;
}

#inline li.first{border-left: none;}

/* bread-crumbs */

#bread-crumbs {
	list-style-type : none;
	margin : 10px 0 0 24px;
	padding : 0;
	min-height : 1.8em;
	font-size: 0.9em;
}
* html #bread-crumbs {height : 1.8em;}

#bread-crumbs li {
	list-style-type : none;
	float : left;
	padding-left : 10px;
	margin: 0;
	padding-right: 5px;
	background: transparent url(../images/img_breadcrumb_arrow.gif) 0 4px no-repeat;
	
}

#bread-crumbs li a {
	float : left;
	text-decoration: underline;
	color: #333333;
}

#bread-crumbs li a:hover {
	text-decoration: none;
}

#bread-crumbs li.first-item {background-image : none; padding-left :0;}

#bread-crumbs li.last-item {font-weight: bold;}

/* error message */

#error-message{
	border: 1px solid #d02225;
	font-size: 0.9em;
	margin: 0 0 10px 24px;
	padding: 3px 10px 5px 5px;
	width: 315px;
	display: none;
}

#error-message ul {
	padding : 0;
	margin: 0 0 0 1.5em;
}
#error-message ul li {
	background: transparent url(../images/img_bpoint.gif) 0 4px  no-repeat; 
	padding : 0 0 0 15px ;
	margin : 0 0 0.3em 0;
	color: #d02225 !important;
}

#login {
	float: right;
	margin: 9px 0 0 0;
	padding: 0;
	font-size: 0.9em;
}

/* table */
table {
	border-collapse : collapse;
	margin : 0;
	padding : 0;
}

table th {
	margin: 0;
	padding : 0 4px 0 0;
	text-align: left;
	vertical-align:middle;	
}

table th.right {
	padding :0;
}

table td {
	margin: 0 ;
	padding : 10px 4px 5px 24px;
	text-align: left;
	vertical-align:top;	
	font-size: 0.75em;
}

/* table form-layout */

table.form-layout {
	border : 0;
	border-collapse : collapse;
	margin : 0 0 1em 13px ;
	padding : 0;
	font-size: 1.3em !important;	
	background: transparent url(../images/img_title_bg.gif) 0 0 no-repeat;
}

table.form-layout.no-background {
	background: none !important;
}

table.form-layout thead tr{
	height: 23px;
}

table.border-row tbody tr {
	background: transparent url(../images/hr_dotted.gif) 0 100% repeat-x;
	height: 37px;
}

table.form-layout tr.border {
	background: transparent url(../images/hr_dotted.gif) 0 100% repeat-x;
	height: 7px;
	vertical-align:middle;
	margin: 50px 0 0 0;
	padding: 50px 0 0 0 
}

table.form-layout th {
	padding : 4px 5px 0 11px;
	font-weight: bold;
	font-size: 0.8em;
	text-align: left;
	vertical-align:top;
}

table.form-layout th.right-align{
	text-align: right !important;
	padding : 4px 0 0 11px;
}


table.form-layout td {
	padding : 3px 0 2px 11px;
	text-align: left;
	vertical-align:middle;
}

table.form-layout td.highlight {
	padding : 4px 5px 4px 11px;
	background: transparent url(../images/img_title_bg.gif) 0 0 no-repeat;
}

table.form-layout th.highlight{
	padding : 4px 5px 10px 11px;
	background: transparent url(../images/img_title_bg.gif) 0 0 no-repeat;
}


table.form-layout td.top-align {
	padding : 3px 0 2px 11px;
	text-align: left;
	vertical-align:top;
}

table.form-layout td.database {
	padding : 0 0 0 11px;
	text-align: left;
	vertical-align:middle;
}

table.form-layout td.right-align {
	text-align: right !important;
}

table.form-layout textarea {
	width: 250px;
	margin-bottom: 3px;
	margin-top:3px;
	padding: 2px 1px 2px 1px;
	border: 1px solid #CCCCCC;
	color: #4b4b4b;
	background-color : #FFFFFF !important;
}

.input {
	width: 200px;
	margin: 2px 0 2px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 1px 2px 1px 2px;
	border: 1px solid #b4b4b4;
	color: #333333;
	background-color : #FFFFFF ;
}

.disabled{
	width: 200px;
	margin: 2px 0 2px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 1px 2px 1px 2px;
	border: 1px solid #b4b4b4;
	color: #333333;	
}

.input-short {
	width: 80px;
	margin: 2px 0 2px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 1px 2px 1px 2px;
	border: 1px solid #b4b4b4;
	color: #333333;
	background-color : #FFFFFF !important;
}

.input-large {
	width: 250px;
	margin: 2px 0 2px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 1px 2px 1px 2px;
	border: 1px solid #b4b4b4;
	color: #333333;
	background-color : #FFFFFF !important;
}

input.checkbox {
	width : auto !important;
}

input.radio {
	background-color : transparent !important;
	width : auto !important;
}
.auto-width {width : auto !important;}

.select {
	width : 200px;
	background-color : #ffffff !important;
	border: 1px solid #b4b4b4;
	color : #333333;
	display: block; 
	min-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

.select-database {
	width : 200px;
	background-color : #ffffff !important;
	border: 1px solid #b4b4b4;
	color : #333333;
	display: block; 
	min-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	vertical-align:bottom;
	margin: 10px 0 0 0;
}

.select-large {
	width : 250px;
	background-color : #ffffff !important;
	border: 1px solid #b4b4b4;
	color : #333333;
	display: block; 
	min-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	vertical-align:bottom;
	margin: 10px 0 0 0;
}

.select-small {
	width : 150px;
	background-color : #ffffff !important;
	border: 1px solid #b4b4b4;
	color : #333333;
	display: block; 
	min-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	vertical-align:bottom;
	margin: 10px 0 0 0;
}

.select-xtra-small {
	width : 45px;
	background-color : #ffffff !important;
	border: 1px solid #b4b4b4;
	color : #333333;
	min-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}


.option {
	padding-left: 5px;
	padding-top: 2px;
	color : #4b4b4b;
}

.nowrap {
	white-space : nowrap;
	vertical-align: middle;
}

.submit{
	height: 20px;
	width: 70px;
	float: right;
	border: none;
	margin: 1px 0 0 0;
}

.reset {
	height: 20px;
	width: 70px;
	border: none;
	margin: 0 2px 0 108px;
	float: left;
}

.back {
	height: 20px;
	width: 70px;
	border: none;
	float: right;
	margin: 0 2px 0 0;
}

.next {
	height: 20px;
	width: 70px;
	border: none;
	float: right;
}

.go {
	height: 20px;
	width: 37px;
	border: none;
	margin: 3px 0 0 0;

}

#return-to-top {
	margin: 20px 0 13px 23px;
}
/*
#return-to-top img {
	vertical-align : top;
	margin-top : 2px;
	margin-left : 12px;
}
*/
.enrol {
	font-weight : bold;
	padding-left : 8px;
	float: right;
	margin: 0;
	background : white url(/images/icon_raquo.gif) 0px 5px no-repeat;
}

.feedback-message {
	margin : 2em 0 0 1em;	
}

#home {	
	border-collapse : collapse;
	width: 326px;	
}



/* footer */ 

#footer {
	clear: both;
	text-align: center;
	margin: 50px 0 10px 0;
	padding : 7px 0 6px 0;
	border-top: 1px solid #aaabbb;
	border-bottom: 5px solid #454788;
	
}

* html #footer {margin: 50px 0 10px 0;}
*:first-child+html #footer  {margin: 50px 0 10px 0;}


#footer ul {
	padding : 0;
	margin : 0;
	list-style-type: none;
	
	color: #666666;
}

#footer ul li {
	list-style-type: none;
	margin : 0;
	border-left: 1px solid #1b0069;
	font-size: 0.9em;
	padding: 0 0 0 5px;
	display: inline;
	background: none;
}

* html #footer ul li {padding: 0 4px 0 5px;}
*:first-child+html #footer ul li {padding: 0 4px 0 5px;}

#footer a:link{color: #1b0069; text-decoration:underline;}
#footer a:visited{color: #1b0069; text-decoration:underline;}
#footer a:hover{color: #1b0069; text-decoration:none !important;}
#footer a:active{color: #1b0069; text-decoration:none;}


#footer ul li.first {
	border-left: none;
	padding-left: 0;
}

/** html #home ul {
	padding: 5px 0 8px 25px;
	margin:0 0 0 5px;
}
*/
/*
#home ul {
	color : #1C307D;
	list-style-image : url(../images/bullet.gif);
	padding-left : 25px;
}
*/
.dark {background-color : #F1F3F5;}

.table-head {
	color : #775A27;
	padding-bottom : 5px !important;	
}

.clear-hidden {
	margin : 0;
	padding : 0;
	font-size : 1px;
	line-height: 1px;
	clear : both;
	height: 1px;
}

.arrow-text {
	background: transparent url(../images/img_arrow.gif) 0 5px no-repeat;
	display: block;
	margin: 0 0 1em 0;
	padding: 0 0 0 20px;
}

.arrow-text-right {
	background: transparent url(../images/img_arrow.gif) 0 5px no-repeat;
	display: block;
	margin: 0 0 0.4em 0;
	padding: 0 0 0 20px;
}

.floatright {
	float: right;
	margin: 0 0 10px 0;
}

.no-border {background: none !important;}

/*
.note-text {
	font-weight: bold;
	color: #ff0000;
	margin: 0 3px 0 0;
	padding: 0;
}	
*/
.total {
	font-weight: bold;
	margin: 5px 0 2px 0;
	padding: 0;
	display: block;
	float: right;
}

.body02  {
	font-weight : bold;
	color : blue;
}

td.body01 {
	padding-top: 3px;
	vertical-align: top;
	text-align: left;
}

.italic {
	font-style: italic;
}
	
label.radio {
	margin: 0 3px 0 0;
}

.small-text {font-size: 0.9em;}