/* --------------------------- import additional style ---------------------------- */
@import url("rounded-buttons.css");
/* -------------------------------------------------------------------------------- */

/* --------------------------- 3 columns layout -----------------------------------
	left and right columns have specified widths center will fill remaining space
	.main.margin-left should match .navcol.width to avoid overlapping columns
	.main.padding-right should match .sidecol.width to avoid overlapping columns
	.column2.background properties define colour of left navigation
	.column2.background properties define colour of main content
----------------------------------------------------------------------------------- */
.navcol
{
	float:left;
	padding:0;
	margin: 0px 0px 0px 0px;
	width:181px;
	font-weight:bold;
}

.column1 {
	margin: 0;
	padding: 0;
	width: 960px;
	background-color:#e7ecf0;
	background-image:url(/images/nav_background.gif);
	background-position:center top;
	background-repeat:repeat-x;
}
.column2 {
	background-color:#FFFFFF;
	width:auto;
	margin-left: 181px;
	padding-left: 25px;
}

.main {

	padding:0px;
	overflow:auto;
}

.sidecol {
	float:right;
	padding:0;
	margin:0 0 0 25px;
	width:181px;
}

.sidecol h1 {
	color: #FFFFFF;
}

.sidecol .panelimage .corner {
	z-index: 99;
	position: absolute;
	left: auto;
	top: auto;
	width: 30px;
	height: 30px;
	background-image: url(/images/picleftcorner.png);
	background-position:top left;
	padding: 0;
	margin: 0;
}

.sidecol .panelcopy 
{
	color: #FFFFFF;
	background-color: #A8B4B4;
	border-bottom: 2px solid #96A6A6;
	padding: 15px;
	margin-top: 15px;
}

.sidecol .panellinks 
{
	background-color: #A8B4B4;
	border-bottom: 2px solid #96A6A6;
	font-size:120%;
}

.sidecol .panellinks h2 
{
	font-size: 110%;
	background-color: #A8B4B4;
	padding: 15px 0px 0px 15px;
}

.sidecol .panellinks a
{
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
}

.sidecol .panellinks ul
{
	list-style-image: url(/images/right-arrow-grey.gif);
	list-style-position: center left;
	margin-left: 28px;
	padding-left: 5px;
}
/* -----------------------------------------------------------------------------
   ----------------------------------------------------------------------------- */

body
{
	font-size:75%;
	margin : 0px auto 10px auto; /*margin:0px;*/
	padding:0px;
	border:0;			/* This removes the border around the viewport in old versions of IE */	
	background-image: url(/images/bg01.gif);
	background-position:top;
	background-repeat:repeat-x;
	color:#3F4344;
	background-color:#dae1e4;
	font-family:Arial, Sans-Serif;
	width:100%;
	/* min-width:600px;		Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
	height:100%;

}
html
{
	height:100%;
}

a 
{
	text-decoration: none;
	cursor:pointer; 
	cursor:hand;
}
img 
{
	border: none;
}

/* ----------------------------------- Page header ------------------------------- */

.header {
    height:130px;
}
.headerleft{
	margin: 0;
	padding: 0;
    float:left;
}
.headerright{
	margin: 0;
	padding: 0;
    float:right;
    height:130px;
    width:375px;
    background-image:url(/images/lcr_right.gif);
    background-position: top right;
    background-repeat:no-repeat;
}
.headerright #SearchLabel {
	float: right;
	padding: 0;
	margin: -3px 3px 0px 0px;
}

.headerright #SearchLabel .searchbox {
	font-size: 80%;
	color: #bbbbbb;
	width: 160px;
	padding-left: 5px;
	margin-right: 5px;
	float: left;
}

.headercenter{
    margin: 0pt 375px 0pt 130px;
	padding: 52px 0px 0px 40px;
}

.headercenter .ActionLabel
{
	margin-top: 20px;
}

.headerright .ActionLabel
{
	margin-top: 86px;
}
/* -------------------------------------------------------------------------------- */



/* --------------------------------- Bread crumbs --------------------------------- */
#BreadcrumbPanel
{
	font-family: Arial, Sans-Serif;
	color:#e9f2f1;
	font-size:10px;
	padding: 4px 0px 5px 15px;
	background-color:#9b9fa0;
	min-width:984px;
}
#BreadcrumbPanel .breadcrumbcontent .breadcrumbintro
{
	float: left;
}
#BreadcrumbPanel .breadcrumbcontent
{
	font-weight:bold;
	margin : 0px auto 0px auto;
}
.breadcrumbcontent a, .breadcrumbcontent a:hover, .breadcrumbcontent a:visited
{
	color:#E9F2F1;
	margin-left:10px;
}
/* -------------------------------------------------------------------------------- */


.contentpanel
{
	width: 990px;
	margin : 0px auto 10px auto;
	/*margin-left:7%;
	margin-right:7%;
	position:relative;*/
}
.contentborder
{
	padding: 0 10px;
}
.innercontent
{
	padding:0 15px 15px;
	margin-bottom:0px;
	background-color:White;
}



.leftnav .navtitle
{
	height:30px;
	background-image: url(/images/picrightcorner.png);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#ccdd5b;
	font-weight:bold;
	color:white;
	text-align:center;
	vertical-align:bottom;
}


/* -------------------------------- Page footer ------------------------------------ */
.foot {
	width: 990px;
	clear: both;
}


.subfoot
{
	color:#aebcbd;
	font-size:smaller;
	width:100%;
	height:30px;
	margin:0px;
	vertical-align:middle;
	text-align:right;
}
.subfoot a:hover ,.subfoot a,  .subfoot a:visited
{
	color:#829091;
}
/* -------------------------------------------------------------------------------- */


.datelabel
{
	color:#848a8a;
	font-size:11px;
	font-weight:bold;
}

.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.fontcontrols{
    color:#bbbbbb;
    font-size:75%;
    font-weight:bold;
    float: left;
}

.fontcontrols span{
	padding-top: 3px;
	margin-right: 5px;
	float: left;
	display: block;
}



/* ------------------------------------- begin: PAGE CONTENT common styles ------------------------------------- */

h1 
{
	font-size: 160%;
	text-align: left;
	color: #616161;
	border-bottom: 2px solid #E5E9EA;
	padding-bottom: 3px;
	margin-bottom: 18px;

}

h2
{
	color: #A5A5A5;
	background-color:transparent;
	font-size:110%;
	margin:5px 0;
	margin-bottom: 8px;
	padding:0;
}

.panellinks h2
{
	overflow:auto;
	font-size: 100%;
	color: #FFFFFF;
	background-color: #9B9F9F;
	margin-bottom: 8px;
	padding: 5px 10px 5px 10px;
}
	
.emphasise {
	font-weight:bold;
}

.main p {
	font-weight: bold;
	color: #3F4344;
	padding: 0px 0px 12px 0px;
	margin: 0px 0px 0px 0px;
}

#Intro {
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ADADAD;
}

#Intro p {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	color: #ADADAD;
}

#Copy li p 
{
	margin: 0;
	padding: 0;
	line-height:25px;
}

#Copy ul {
	background-color:#EFEFEF;
	border-bottom:2px solid #DCDCDC;
	font-size:90%;
	margin:0 0 10px;
	padding:15px 10px 20px 20px;
}
#Copy li {
	color:#3E4241;
	font-weight:bold;
	line-height:25px;
	background:transparent url(/images/list-circle-grey.gif) no-repeat scroll left 9px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:15px;
}
/* ------------------------------------- end: PAGE CONTENT common styles ------------------------------------- */



/* ------------------------------------- begin: PAGING ------------------------------------- */
.paging {
	font-size: 90%;
	font-weight: bold;
	color: #DEE2E2;
	background-color: #9B9F9F;
	padding: 3px 15px 3px 15px;
	margin: 0px 0px 0px 0px;
}

.paging a {
	color: #FFFFFF;
}

.paging a:hover {
	text-decoration: underline;
}

.pagin .page_enum {
	float: left;
}

.paging .prev_next {
	float: right;
}

.ListItem .ListText {
	width: 380px;
	padding-left: 10px;
	float: right;
}

/* ------------------------------------- end: PAGING ------------------------------------- */



/* ------------------------------------- begin: LEFT NAVIGATION ------------------------------------- */

.navcol .navheader
{
	font-size:120%;
}

.navcol ul {
	list-style-type:none;
	margin:0 0 0 20px;
	padding:0;
}
.navcol ul div {
	background-image:url(../images/picrightcorner.png);
	background-color:#00A9BA;
	background-position:right top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	margin-left:-20px;
	padding-bottom:10px;
	padding-left:20px;
	padding-top:10px;
}
.navcol ul ul div {
	background-color:transparent;
	background-image:none;
	color:#000000;
	margin:0 20px 0 0;
	padding:0;
}
.navcol ul ul {
	margin:0px 20px 0px 0;
	padding:8px 0;
	border-top:1px solid white;
}
.navcol ul ul ul{
	margin:5px 0;
	border:none;
	padding:1px;
}
.navcol ul ul ul li div {
	border:none;
}
.navcol ul ul ul li {
	margin-left:10px;
	font-size:95%;
}
.navcol ul, .navcol ul.unselected {
	list-style-type:none;
}
.navcol li.unselected {
	list-style-image:none;
}

li.selected li.selected
{
	list-style-image:none;
}

.navcol .unselected a 
{
	color:#000000;
}

.navcol .selected a, .navcol .selected div
{
	color:#00A9BA;
}
.navcol li.selected {
	list-style-image:url(../images/list-arrow.gif);
}

/* ------------------------------------- end: LEFT NAVIGATION ------------------------------------- */





.submit 
{
	background-color:#00A9BA;
	background-image:url(/images/submit.gif);
	background-position: right center;
	background-repeat:no-repeat;
	border-color:transparent #00A9BA #008C9E;
	border-style:solid;
	border-width:0 5px 2px 0;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 20px 5px 10px;
	margin-top:15px;
}

.submit a
{
	color:#FFFFFF;
	font-weight:bold;
}

/* ------------------------------------- begin: REGISTER EMAIL ------------------------------------- */

.registeremail p
{
	text-align: justify;
}

.registeremail table {
	font-size: 12px;
	background-color: #eee2ec;
	border-bottom: 2px solid #bda4b9; /* 8d6482; */
	padding: 10px;
}
.registeremail table td {
	text-align: left;
	padding: 5px;
}
.registeremail table #Name, .registeremail table #Email, .registeremail table input {
	font-size: 100%;
	margin-left: 0px;
}
.registeremail table #Name, .registeremail table #Email {
	padding: 2px 2px 0px 5px;
	height: 21px;
}

.registeremail .submit {
	text-align: left;
	background-color: #8d6482;
	background-position: 165px center;
	border-top: 1px solid #a5849f;
	border-left: 1px solid #a5849f;
	border-bottom: 1px solid #bda4b9;
	border-right: 1px solid #bda4b9;
	margin: 0;
	padding: 3px 15px 5px 5px;
	margin-left: 4px;
	width: 188px;
}

/* ------------------------------------- begin: AREAS OF WORK QUESTIONNAIRE ------------------------------------- */

.questionnaire p
{
	text-align: justify;
}

.questionnaire table {
	font-size: 12px;
	background-color: #EFF5DB;
	border-bottom: 2px solid #DCE5A2; /* 8d6482; */
	padding: 10px;
}
.questionnaire table td {
	text-align: left;
	padding: 5px;
}
.questionnaire table #Name, .questionnaire table #Email, .questionnaire table input {
	font-size: 100%;
	margin-left: 0px;
}
.questionnaire table #Name, .questionnaire table #Email {
	padding: 2px 2px 0px 5px;
	height: 21px;
}

.questionnaire textarea 
{
	width: 100%;
}

.questionnaire .submit {
	text-align: left;
	background-color: #CBDC5A;
	background-position: 165px center;
	border-top: 1px solid #DCE5A2;
	border-left: 1px solid #DCE5A2;
	border-bottom: 1px solid #DCE5A2;
	border-right: 1px solid #DCE5A2;
	margin: 0;
	padding: 3px 15px 5px 5px;
	margin-left: 4px;
	width: 188px;
}



/* ------------------------------------- begin: Event Calendar ------------------------------------- */

.eventBackText
{
	color:#83BB5A;
	font-weight:bold;
}

.eventLabel 
{
	float: left;
	color:#83BB5A;
	font-weight:bold;
	width: 7em;
}

.eventText 
{
	float: left;
	font-weight: bold;
}

.eventDescription 
{
	overflow:auto;
}

.eventSection
{
	clear:both;
	height: 1em;
}

.eventHeader 
{
	color:#83BB5A;
	font-weight: bold;
}

/* ------------------------------------- end: Event Calendar ------------------------------------- */


.hidden { display:none; }


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



/* login */

#logindialog
{
	background-color:#FFFFFF;
	font-family:helvetica;
	font-size:11pt;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	position:relative;
	width:330px;
}
#loginform
{
	border:4px solid #DDDDDD;
	padding:10px 30px;
}

#logintitle
{
	color:#868688;
	padding:5px 0 10px;
}
#logindialog .field
{
	float:left;
	width:100%;
	margin:0 0 5px;
}
#logindialog label
{
	color:#A9ABAA;
	float:left;
	margin:0 0 5px;

}
#logindialog input
{
	float:right;
}
#forgottenlink
{
	font-size: 10px; margin-left: 40px; padding-left: 120px;
}
#logincontainer
{
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:4000;
}
#msg
{
	clear:both;
	color:#EE0000;
	font-family:Arial,sans-serif;
	font-size:90%;
	font-weight:normal;
	padding:5px 0;
}
#msg img
{
	margin-right: 10px;
	vertical-align: text-bottom;
}