/* links */
#content a, #content a:visited {	
	color: #326ea1; 
	background: inherit;
	text-decoration: none;		
}
#content a:hover {
	color: #383d44;
	background: inherit;
	padding-bottom: 0;
	/* border-bottom: 2px solid #dbd5c5;*/	
}

/* headers */
#content h1, #content h2, #content h3 {
	font-weight: Bold; 	
	color: #333;		
}
#content h1 {
	font-size: 220%;	
	font-weight: normal;
}
#content h2 {
	font-size: 130%;
	text-transform: uppercase;	
}
#content h3 {
	font-size: 130%;	
}


#content ul, #content ol {
	margin: 5px 20px;
	padding: 0 20px;
}

/* images */
#content img {
	background: #FAFAFA;
    border: 1px solid #DCDCDC;
	padding: 5px;
}

#content  img.float-right {
  	margin: 5px 0px 10px 10px;  
}
#content img.float-left {
  	margin: 5px 10px 10px 0px;
}

#content code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em  ;
  	/* white-space: pre; */
  	background: #F5F5F5;
	border-left: 3px solid #D4D4D4;
}
#content acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}
#content blockquote {
	font: bold 1.4em/1.5em ;	
	margin: 10px;
 	padding: 0 0 0 25px;  
    background: #F5F5F5;
	border-left: 3px solid #233286;	
	color: #444;
}

/* start - table */
#content table {
	border-collapse: collapse;
	/*margin: 10px;	*/
}
#content th strong {
	color: #fff;
}
#content th {
	background: #e7e6e6 url(button.jpg) repeat-x;
	height: 29px;
	/*padding-left: 12px;
	padding-right: 12px;	*/
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;
}
#content tr {
	height: 30px;
}
#content td {

}
#content td.first,th.first {
	border-left: 0px;
}
#content tr.row-a {
	background: #F8F8F8;
}
#content tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

/* form elements */
#content form {
	
}


#content textarea {
	width:400px;
	padding:2px;
	font: normal 1em ;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
#content input.button { 
	font: bold 12px; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #333;
	background-color: #233286 ;
	border: 1px solid #233286;
}

/* search form */
form#search {
	float: right;
	margin: 0;
	padding: 0;
}

form#search #searchBox {
	border: 1px solid #037C97;
}


#content .pageContent li {
	
	list-style:disc;
	
}

/********************************************
   LAYOUT
********************************************/ 


#content .main h1 {
	margin: 10px 10px 0 10px;
	font: normal 1.8em ;
	color: #444;
	padding: 15px 0 2px 0px; 		
	border-bottom: 1px solid #dadada;
}

/* Sidebar */	
#content #sidebar {
	float: left;
	width: 195px;	
	margin-top: 10px;	
}	


/* sidemenu */
#content ul.sidemenu {
	text-align: left;
	margin: 7px 8px 8px 10px; 
	padding: 0;			
	border-top: 1px solid #E5E5E5;
	text-decoration: none;	
}
ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;		
	border-bottom: 1px solid #E5E5E5;
}
#content * html body ul.sidemenu li {
	height: 1%;
}
#content ul.sidemenu li a {
	text-decoration: none;	
	color: #326ea1; 
	border: none;		
}
#content ul.sidemenu li a:hover {	
	color: #383d44;
	border: none;
}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }




/* LEFT AND RIGHT PANEL STYLES */
#content .leftPanel {}


#content .rightPanel h2 {
	margin:0;
	padding:0;
	padding:5px;
	background-color:#E61323;
	color:#fff;
	font-size:0.9em;
	text-transform:capitalize;
}

#content .rightPanel p {
	margin:0;
	padding:0;
	padding:5px;
	background-color:#d7defa;
	color:#000;
	border-left:1px solid #E61323;
	border-right:1px solid #E61323;
}

#content .rightPanel form {
	margin:0;
	padding:0;
	padding:5px;
	background-color: #d7defa;
	color:#000;
	border:1px solid #E61323;
	border-top:none;
}


#content .rightPanel .field-label , 
#content .field-label-required {
	font-weight:bold;
	color:#000;
}
#content .rightPanel .field-label-required {
	font-weight:bold;
	color: #000;
	font-size:11px;
}

#content .rightPanel .submitButton {position:relative;background-color: #233286;color:#fff;border:1px solid #233286;font-size:.9em;}

#content .rightPanel .formField {border:1px solid #333;padding:2px;}


#content .multicolum {position:relative;display:block;width:100%;}
#content .multicolum .col1 {position:relative;float:left;width:40%;}
#content .multicolum .col2 {position:relative;float:left;width:40%;}
#content .multicolum .col3 {position:relative;float:left;width:20%;}

#content .multicolum .leftcol {position:relative;float:left;width:50%;}
#content .multicolum .rightcol {position:relative;float:left;width:50%;}

#content .multicolum .cola {position:relative;float:left;width:30%;}
#content .multicolum .colb {position:relative;float:left;width:20%;}
#content .multicolum .colc {position:relative;float:left;width:30%;}
#content .multicolum .cold {position:relative;float:left;width:20%;}

#content .field-label {font-weight:bold;}
#content .formField {border:1px solid #333;padding:2px;margin-bottom:2px;}
#content span.formNotation {position:relative;padding-bottom:5px;line-height:18px;}


#content .extraInfoBox {padding:5px;border:1px dashed #ff0000;margin-top:5px;}

#content .formBoxBlue h2 {margin-top:0; padding-top:0;}


/* FORM ERROR HANDLING */
.formErrorMessage {
	background: url('http://v3bh.flatstick.co.nz/wsm-files/templates-admin/modules/images/mod-2-icons/red-bulb.gif') no-repeat left;
	padding-left: 20px;
	font-style:italic;
}

/* ul.unIndentedList {list-style:disc;margin-left:25px;} */

/*
image link icons
*/


#content .pageContent a.pdf , 
#content .pageContent a.pdf:visited ,
#content .pageContent a.pdf:link ,
#content .pageContent a.pdf:hover { 
	
	/*The background image*/
	background: url(images/pdf.png) no-repeat left top	;
	padding-left: 20px;
	line-height: 20px; /* To center the text vertically with the icon */
	text-decoration:underline;
	display:block;
	margin-bottom:4px;
}
 
 
 .menuThumb {padding:5px;}
 .pageContent {margin-right:20px;}
