@charset "utf-8";
/* reset styles */
html,body,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
/* end reset styles */

/* layout styles */
#page_wrapper{
	width:850px;
	margin:0px auto;
}
#header_wrapper{
  
}
#content_wrapper{
	background-color: #CCCCCC;
	padding-right: 10px;
	padding-left: 10px;
  
}
#left_column_3col {
	float: left;
	width: 150px;
}
#right_column_3col {
	float: right;
	width: 150px;
}
#center_column_3col {
	margin-left: 155px;
	margin-right: 155px;
}

#left_column_twocol_mainright {
	float: left;
	width: 200px;
}
#left_column_content {
	float: left;
	width: 100%;
}

#center_column_twocol_mainright {
	margin-left: 210px;
}
#center_column_content_twocol_mainright {
	float: left;
	margin-bottom:10px;
}

#single_column_content {
	float: left;
	padding-bottom: 10px;
	width: 100%;
}

#footer_wrapper{
  
}

/* ------------- Standard tag definitions ----------------------------- */
body {
	background-color: #999999;
}

p,a,li,em,strong,td,span{ font-family:Arial, Helvetica, sans-serif; }

p {
	color: #000000;
	margin: 0px 5px 5px 5px;
	font-size: 1em;
	padding-top: 5px;
	line-height: 1.2em;
}

a { color:#000000; text-decoration:underline; }

a:hover, a:focus { text-decoration:none; }

ul { list-style:disc; margin:0px 5px; list-style-position:outside; }
ol { list-style:decimal; margin:0px 5px; list-style-position:inside;}

li { font-size:.8em; line-height:1.2em; }

strong { font-weight:bold; }

em { font-style:italic; }

h1,h2,h3,h4,h5,h6,h7 {
	font-weight:bold;
	color:#000000;
	margin:0px 5px 8px 5px;
	padding-top:5px;
	line-height:1.3em;
	font-family: Arial, Helvetica, sans-serif;
}

h1 { font-size:1.4em; }
h2 { font-size:1.2em; }
h3 { font-size:1em; }
h4 { font-size:.9em; }
h5 { font-size:.8em; }
h6 { font-size:.7em; }



/* ------------------ Standard Class Definitions -------------------------- */
.clearer { clear:both; }

.align-center,td.align-center,.align-centre,td.align-centre{text-align:center;}
.align-left,td.align-left{text-align:left;}
.align-right,td.align-right{text-align:right;}
.align-justify,td.align-justify{text-align:justify;}

.text-smaller,td.text-smaller{font-size:.6em;}
.text-small,td.test-small{font-size:.7em;}
.text-large,td.text-large{font-size:1em;}
.text-larger,td.text-larger{font-size:1.2em;}
.text-largest,td.text-largest{font-size:1.4em;}
.text-huge,td.text-huge{font-size:1.8em;}

.color-red{color:#FF0000;}
.color-white{color:#FFFFFF;}
.color-black{color:#000000;}
.color-light-grey{color:#CECECE;}
.color-medium-grey{color:#999999;}
.color-dark-grey{color:#333333;}

/* ----------------- table styles ------------------------------------- */
table{}
table.table-borders{
	border:1px solid #333;
}
table.table-borders td{
	border:1px solid #333;
}

/* ---------------- user_form styles ------------------------------ */
#user_form{
 padding:10px 0px;
}

#user_form fieldset{
	border:1px solid #666;
	padding:5px;
	margin-bottom:5px;
}
#user_form legend{ font-family:Arial, Helvetica, sans-serif; font-size:.8em; font-weight:bold; margin-left:20px; padding:0px 3px;}

#user_form span {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#user_form label {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 130px;
	float: left;
	text-align: right;
	padding-right: 3px;
	padding-top: 3px;
}
#user_form input {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 150px;
}
#user_form input.submit-button{
                 width:auto;
}
#user_form input.form-input-text{}
#user_form input.forn-input-radio{}
#user_form input.form-input-checkbox{margin-left:130px; width:auto; float:left;}
#user_form label.checkbox-label{float:none; margin-left:150px; text-align:left; width:auto; display:block;}

#user_form textarea{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
#user_form select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width: 150px;
}

#user_form .form-input {
	clear: both;
	margin-bottom: 5px;
	display: block;
}

#user_form .form-input-radioset{

}
#user_form .form-input-radioset label{ float:none; margin-right:2px; padding-right:0px; }
#user_form input.form-input-radio{ margin:0px 6px 0px 0px; vertical-align:middle;}
#user_form .form-submit {
	margin-left: 133px;
	clear: both;
}

#user_form .form-input-grid{}
#user_form .form-input-grid-row{ clear:both;}
#user_form .form-input-grid-item{
	float:left;
	margin-right: 5px;
}
#user_form .form-input-grid-item label{
	width:auto;
	float: none;
	padding: 0px 0px 3px 0px;
	margin: 0px;
}
#user_form .form-input-grid-item input.form-input-text{ margin-top:3px; }


/*this style is used on the login page to align the button links at the bottom of the form*/
#user_form .error-form-submit {
	margin-left: 130px;
	clear: both;
}
/* this will colour the form error text */
.login-error{
	color:#CC0000;
}
/* this will colour the required symbol or text */
.required{
	color:#CC3300;
}
