/* Start import file Components/Content.css */
/*--Content area--*/
#contentPage
{
	clear: both;
	display: block;
	background-image: url('/Images/Content/pageMid.png');
	background-position: top left;
	background-repeat: repeat-y;
	height:100%;
	overflow:hidden;
	padding-top: 15px;
	padding-bottom: 15px;
}
.printMode #contentPage
{
    background: none;
}

#contentPage .leftNavOnlyVisible,
#contentPage .printMode
{
    float: left;
}
#contentPage .noNavsVisible
{
    width: 100%;
}
#contentPage .leftNavOnlyVisible
{
    width: 624px;
    overflow:hidden;
}
#contentPage .printMode
{
    width: 724px;
    background: none;
}
/* Content Area */
#contentPage #centre
{
	margin-left: 7px;
	margin-right: 7px;
	font-size: 1.1em;
	line-height: 1.3em;
	padding-bottom: 20px;
}

#contentPage #centre td
{
	padding: 1px;
}
#contentPage #centre hr
{
	margin: 1px;
}
#contentPage #centre ul
{
	padding-left: 8px;
}
#contentPage #centre ul li
{
	list-style-type: none;
	background-image: url('/Images/Bullets/bullet.gif');
	background-repeat: no-repeat;	
	background-position: left 14px;
	padding-left: 15px;
	padding-top: 7px;
	line-height: 1.6em;
}

#contentPage #centre ol
{
	padding-left: 30px;
	padding-top: 7px;
	line-height: 1.6em;
}

#contentPage #centre h1
{
    color: #333333;
	font-size: 1.5em;
	font-weight:500;
	margin-top:0.4em;
	margin-bottom:0.8em;
}
#contentPage #centre h2
{
    color: #333333;
	font-size: 1.2em;
	font-weight:500;
	margin-top:0.4em;
	margin-bottom:0.4em;
}

#contentPage #centre h3
{
    color: #333333;
	font-size: 1.1em;
	font-weight:500;
	margin-top:0.4em;
	margin-bottom:0.4em;
}
#contentPage #centre h4
{
    color: #333333;
	font-size: 1.0em;
	font-weight:500;
	margin-top:0.4em;
	margin-bottom:0.4em;
}

#contentPage #centre a, 
#contentPage #centre a:link, 
#contentPage #centre a:visited 
{
	color: #333333;
	text-decoration: underline;
}
#contentPage #centre .resultsTable a, 
#contentPage #centre .resultsTable a:link, 
#contentPage #centre .resultsTable a:visited 
{
	color: #333333;
	text-decoration: none;
}
#contentPage #centre a:hover,
#contentPage #centre a:active,
#contentPage #centre .resultsTable a:hover,
#contentPage #centre .resultsTable a:active 
{
	color: #333333;
	text-decoration: underline;
}

#contentPage #centre .shadedArea
{
	background-color: #f0f7ff;
}
#contentPage #centre .pagingArea
{
    background-color:#f2f2f2;
    padding:5px;
    margin-top:5px;
    margin-bottom:5px;
}

#contentPage #centre #webLinks,
#contentPage #centre #uploadedFiles
{
    margin-top: 7px;
}

#contentPage #centre dl .dlListing
{
	margin: 0;
}
#contentPage #centre .dlListing dt
{
	margin: 0 0 4px 0;
	font-weight: bold;
	float: none;
	width: 100%;
	padding: 0;
}
#contentPage #centre .dlListing dd
{
	margin: 0 0 10px 0;
	float: none;
	width: 100%;
	padding: 0;
}

#contentPage #centre dt
{
    clear:both;
    display: block;
    overflow: hidden;
    float: left;
    width: 130px;
	padding-top:3px;
	padding-bottom:3px;
}
#contentPage #centre dd
{
    display: block;
    overflow: hidden;
    float: left;
    width: 450px;
	padding-top:3px;
	padding-bottom:3px;	
}

#contentPage #centre dd .checkbox
{
    width:25px;
}
#contentPage #centre dd input  ,
#contentPage #centre dd textarea
{
	width: 300px;
}
/* End import file Components/Content.css */

/* Start import file Components/Errors.css */
/*--Errors--*/
.errorsArea
{
	padding-top: 5px;
	padding-bottom: 5px;
}
.errorTitle 
{
	color: #ff0000;
	font-weight: bold;
}
.errorsArea ul
{
	padding-left:0 !important; /* needed to make this important because the #contentPage #centre ul rule was taking precedence.*/
}
.errorsArea li
{
	color: #ff0000;
	list-style-type: none;
	padding:0 !important; /* needed to make this important because the #contentPage #centre li rule was taking precedence.*/
	background-image: none !important; /* needed to make this important because the #contentPage #centre li rule was taking precedence.*/
}
.resultsArea
{
	padding-bottom: 10px;
}
.resultsArea ul
{
	padding-left:0 !important; /* needed to make this important because the #contentPage #centre ul rule was taking precedence.*/
}
/* End import file Components/Errors.css */

/* Start import file Components/Footer.css */
/*----Footer----*/
#footer
{
	padding-top: 5px;
	clear: both;
}

#footer #footerLine
{
}

#footer #footerText
{
	font-size: 0.8em;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

#footer a,
#footer a:link,
#footer a:visited
{
	color: #333333;
	text-decoration: none;
}
#footer a:hover,
#footer a:active
{
	color: #333333;
	text-decoration: underline;
}
/* End import file Components/Footer.css */

/* Start import file Components/Homepage.css */
/* Homepage specific */
#contentPage .noNavsVisible #homePageArea
{
    float:none;
    text-align:center;
}
#contentPage .noNavsVisible #homePageArea #centre
{
    float:left;
    text-align:center;
    position:relative;
    left:74px;
}
#contentPage #homePageArea #centre
{
    margin-right: 0;
    font-size: 1em;
    float:left;
    clear:both;
}
#contentPage #homePageArea #centre a, 
#contentPage #homePageArea #centre a:link, 
#contentPage #homePageArea #centre a:visited
{
	text-decoration: none;
}
#contentPage #homePageArea #centre a:hover, 
#contentPage #homePageArea #centre a:active
{
    text-decoration: underline;
}
#contentPage #homePageArea #centre ul li
{
    padding-top: 3px;
	background-position: left 10px;
}

#contentPage #homePageArea #centre #leftArea
{
    float: left;
    width: 300px;
    margin-top: 8px;
    margin-right: 8px;
}
#contentPage #homePageArea #centre #rightArea
{
    float: left;
    width: 300px;
    margin-top: 8px;
}
#contentPage #homePageArea #centre #registerArea,
#contentPage #homePageArea #centre #loginArea,
#contentPage #homePageArea #centre #newsArea,
#contentPage #homePageArea #centre #eventsArea
{
    border: solid 1px #d6d6d6;
	overflow: hidden;
	padding-bottom: 5px;
}
#contentPage #homePageArea #centre #registerArea .headingArea,
#contentPage #homePageArea #centre #loginArea .headingArea
{
	background-repeat: repeat-x;
	background-position: top left;
	height: 23px;
	color: #ffffff;
	padding-left: 5px;
	padding-top: 7px;
	font-weight: 600;
	overflow: hidden;
	font-size: 1.1em;
	border: solid 2px #ffffff;
}
#contentPage #homePageArea #centre #registerArea .headingArea
{
	background-image: url('/Images/HomePage/blueFadeBG.jpg');
}
#contentPage #homePageArea #centre #loginArea .headingArea
{
	background-image: url('/Images/HomePage/orangeFadeBG.jpg');
}
#contentPage #homePageArea #centre #registerArea .textArea,
#contentPage #homePageArea #centre #loginArea .textArea
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    height: 71px;
}
#contentPage #homePageArea #centre #newsArea .textArea,
#contentPage #homePageArea #centre #eventsArea .textArea
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    height: 120px;
}
#contentPage #homePageArea #centre #registerArea .textArea label,
#contentPage #homePageArea #centre #loginArea .textArea label
{
    color: #676767;
}
#contentPage #homePageArea #centre #registerArea .headingArea span,
#contentPage #homePageArea #centre #loginArea .headingArea span
{
	padding-left: 7px;
	vertical-align:top;
}
#contentPage #homePageArea #centre #registerArea #registerButton,
#contentPage #homePageArea #centre #loginArea #loginButton
{
    padding-left: 7px;
    padding-right: 7px;
    clear: both;
    height: 34px;
    overflow:hidden;
}
#contentPage #homePageArea #centre #loginArea #loginButton .alignLeft a,
#contentPage #homePageArea #centre #loginArea #loginButton .alignLeft a:link,
#contentPage #homePageArea #centre #loginArea #loginButton .alignLeft a:visited
{
    text-decoration: underline;    
}
#contentPage #homePageArea #centre .alignLeft
{
    float: left;
    padding-top: 14px;
}
#contentPage #homePageArea #centre .alignRight
{
    float: right;
    padding-top: 8px;
}
#contentPage #homePageArea #centre #newsArea,
#contentPage #homePageArea #centre #eventsArea
{
    margin-top: 8px;
    clear: both;
    padding:1px;
	margin-bottom:8px;
}

#contentPage #homePageArea #centre #newsArea .headingArea,
#contentPage #homePageArea #centre #eventsArea .headingArea
{
    /*border: solid 1px #d6d6d6;*/
	background-image: url('/Images/HomePage/lowerPanelHeaderBG.png');
	background-repeat: repeat-y;
	background-position: top left;
	height: 23px;
	color: #333333;
	padding-left: 7px;
	padding-top: 7px;
	font-weight: 600;
	overflow: hidden;
	font-size: 1.2em;
}

#contentPage #homePageArea
{
	border-left: solid 1px #e9edee;
}

#contentPage #homePageArea #centre #contentManagedArea
{
    clear: both;
    margin-left: 2px;
    width:605px;
}
/* End import file Components/Homepage.css */

/* Start import file Components/LeftNav.css */
/*Left navigation styling */
#contentPage #left
{
	clear: both;
	display: block;
	float: left;
	width: 162px;
	overflow: hidden;
	padding-right: 5px;
	height: 600px;
}
#contentPage #left a,
#contentPage #left a:link,
#contentPage #left a:visited
{
	text-decoration: none;
}
#contentPage #left a:hover,
#contentPage #left a:active
{
	text-decoration: underline;
}
#contentPage #left ul
{
	list-style-type: none;
	padding-left: 10px;
	padding-top: 1px;	
}
#contentPage #left ul ul
{
	border: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

#contentPage #left a,
#contentPage #left a:link,
#contentPage #left a:visited,
#contentPage #left a:hover,
#contentPage #left a:active
{
	padding-bottom: 5px;
	padding-top: 5px;
    padding-left: 12px;    
	display: block;
	overflow: hidden;
	width:138px;
	color: #000000;
}

#contentPage #left li.selectedFolderTop a,
#contentPage #left li.selectedFolderTop a:link,
#contentPage #left li.selectedFolderTop a:visited,
#contentPage #left li.selectedFolderTop a:hover,
#contentPage #left li.selectedFolderTop a:active
{
	font-weight: bold;
}

#contentPage #left li.selectedFolder a,
#contentPage #left li.selectedFolder a:link,
#contentPage #left li.selectedFolder a:visited,
#contentPage #left li.selectedFolder a:hover,
#contentPage #left li.selectedFolder a:active
{
    font-weight: bold;
}

#contentPage #left ul li.selectedContent a,
#contentPage #left ul li.selectedContent a:link,
#contentPage #left ul li.selectedContent a:visited,
#contentPage #left ul li.selectedContent a:hover,
#contentPage #left ul li.selectedContent a:active
{
	background-image: url('/Images/LeftNav/BlackArrow.gif');
	background-repeat: no-repeat;
	background-position: left 5px;    
	font-weight: bold;
}

#contentPage #left ul li.selectedFolderShowArrow
{
	background-image: url('/Images/LeftNav/BlackArrow.gif');
	background-repeat: no-repeat;
	background-position: left 5px;    
	font-weight: bold;
}

#contentPage #left ul ul ul li.selectedContent a,
#contentPage #left ul ul ul li.selectedContent a:link,
#contentPage #left ul ul ul li.selectedContent a:visited,
#contentPage #left ul ul ul li.selectedContent a:hover,
#contentPage #left ul ul ul li.selectedContent a:active
{
    color: #ffffff;
    background-color: #333333;
	background-image: url('/Images/LeftNav/WhiteDash.gif');
	background-repeat: no-repeat;
	background-position: 10px 12px;    
	padding-left: 20px;
	width:130px;
	font-weight: normal;
}

#contentPage #left ul ul ul li.content a,
#contentPage #left ul ul ul li.content a:link,
#contentPage #left ul ul ul li.content a:visited,
#contentPage #left ul ul ul li.content a:hover,
#contentPage #left ul ul ul li.content a:active
{
	background-image: url('/Images/LeftNav/Dash.gif');
	background-repeat: no-repeat;
	background-position: 10px 12px;    
	padding-left: 20px;
	width:130px;
	font-weight: normal;
}

#contentPage #left ul li.content a,
#contentPage #left ul li.content a:link,
#contentPage #left ul li.content a:visited,
#contentPage #left ul li.content a:hover,
#contentPage #left ul li.content a:active,
#contentPage #left ul li.folder a,
#contentPage #left ul li.folder a:link,
#contentPage #left ul li.folder a:visited,
#contentPage #left ul li.folder a:hover,
#contentPage #left ul li.folder a:active
{
    font-weight: normal;
}

/* End import file Components/LeftNav.css */

/* Start import file Components/Questionnaire.css */
/* Questionnaire specific */
#questionTextArea
{
	color: #000000;
	padding-bottom: 5px;
}

#optionList
{
	color: #000000;
}

.optionArea label
{
	padding-left: 5px;
}

#associatedFileArea
{
	padding-bottom: 5px;
}

#questionButtonArea
{
    padding-top: 5px;
}

#contentPage #centre .padRight
{
     padding-right:20px !important;
}
#options
{
    width:100%;
}

/* End import file Components/Questionnaire.css */

/* Start import file Components/TopNav.css */
/* Top navigation bar */
#topNav
{
    clear: both;
}

#topNav ul
{
	list-style: none;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
}

#topNav li
{
	color: #666666;
	display: inline;
}

#topNav a, 
#topNav a:link, 
#topNav a:visited 
{
	color: #666666;
	text-decoration: none;
}

#topNav a:hover,
#topNav a:active 
{
	color: #666666;
	text-decoration: underline;
}

#topNav #search
{
    float: right;
    overflow: hidden;
    width: 240px;
    text-align: right;
}

#topNav #search input
{
    margin-top: 5px;    
    vertical-align: middle;
}

#topNav #search #submitSearch
{
    margin-right: 10px;
}
/* End import file Components/TopNav.css */

*
{
	padding:0; 
	margin:0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
} 

body 
{
	color: #333333;
	background-color: #f6f6f6;
	min-width: 792px;
	font-size: 0.7em;
}
body.printMode
{
    background-color:#ffffff;
}

p 
{
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.6em;
}

option
{
	padding-left: 3px;
}

fieldset
{
	border: none;
}

img
{
	border: none;
}
textarea
{
    font-size: 1em;
}
.bold
{
	font-weight: bold;
}

.compulsory
{
    color: #ff0000;
}

.inputTextBox
{
    border: solid 1px #d6d6d6;
}

.buttonArea
{
    margin-top: 5px;
    width: 490px;
    text-align: right;
}

#wrapper
{
	margin: 0 auto;
	width: 792px;
}
