/**********************************************/
/*CSS Reset*/
/**********************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
	}

table {
	border-collapse:collapse;
	border-spacing: 0;
	}

fieldset,img { 
	border: 0;
	}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
	}

ol,ul {
	list-style: none;
	}

caption,th {
	text-align: left;
	}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	}

q:before,q:after {
	content: '';
	}

abbr,acronym {
	border: 0;
	}

/**********************************************/
/*Basic Elements*/
/**********************************************/

body {
	background: url('/images/background2.png') repeat-x fixed;
	color: #888;
	font-family: Tahoma,Verdana,sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	}

h1,h2,h3 {
	color: #80ABCF;
	}

h1,h2,h3 {
	margin: 0 0 0.2em 0;
	}

h1 {
	font-size: 1.4em;	
	}

h2 {
	font-size: 1.3em;
	}

h3 {
	font-size: 1.1em;
	}

p, ol, ul {
	margin-bottom: 1em;
	}

a:link, a:visited {
	color: #E3781A;
	text-decoration: none;
	}

a:hover, a:active {
	color: #00518E;
	text-decoration: none;
	}

a img {
	border: 0;
	}


  
/**********************************************/
/*Basic Layout*/
/**********************************************/  

#container {
	background: url('/images/background_wrapper.png') repeat-y top center;
	margin-bottom: 10px;
	padding-bottom: 2px;
	width: 100%;
	}

#container #wrapper {
	background-color: #FFF;
	clear: left;
	margin: 0 auto;
	overflow: hidden;
	padding: 48px 20px 20px 20px;
	width: 920px;
	}
	
  
/**********************************************/
/*Header*/
/**********************************************/

#container #wrapper #header {
	background: #FFF url('/images/background_header.png') 0px 0px no-repeat;
	clear: both;
	height: 140px;
	margin-bottom: 20px;
	}

#container #wrapper #header h1 {
	display: none;
	}

#container #wrapper #header #logo {
	float: right;
	height: 140px;
	width: 125px;
	}
 
/*Navigation*/

#container #wrapper #header #navigation {
	float: left;
	height: 75px;
	width: 795px;
	z-index:100;
	} 
 
#container #wrapper #header #navigation ul {
	background: url('/images/background_navigation.png') repeat-x;
	height: 75px;
	margin-top: 65px;
	padding-left: 5px;
	} 

#container #wrapper #header #navigation ul li { 
	display: inline;
	}

#container #wrapper #header #navigation ul li a {
	color: #FFF;
	line-height: 1.1em;
	}

#container #wrapper #header #navigation ul li a:hover {
	color: #333;
	}

#container #wrapper #header #navigation ul li.current_page a {
	color: #E3781A;
	}

#container #wrapper #header #navigation ul li.current_page a:hover {
	color: inherit;
	}

#container #wrapper #header #navigation ul li a {
	background: url('/images/navigation.png') no-repeat;
	float: left;
	font-size: 12px;
	height: 20px; 
	margin-right: 5px;
	overflow: hidden;
	padding-bottom: 10px; 
	padding-top: 45px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	width: 70px;
	}
	
	
/* BUTTONS */
#container #wrapper #header #navigation li.nav_home a { background-position: -5px 0; }
#container #wrapper #header #navigation li.nav_about a { background-position: -90px 0; }
#container #wrapper #header #navigation li.nav_contact a { background-position: -175px 0; }
#container #wrapper #header #navigation li.nav_login a { background-position: -770px 0; }
#container #wrapper #header #navigation li.nav_dashboard a { background-position: -260px 0; }
#container #wrapper #header #navigation li.nav_online-toolkit a { background-position: -345px 0; }
#container #wrapper #header #navigation li.nav_guidance a { background-position: -430px 0; }
#container #wrapper #header #navigation li.nav_member-library a { background-position: -515px 0; }
#container #wrapper #header #navigation li.nav_help-from-hqn a { background-position: -600px 0; }
#container #wrapper #header #navigation li.nav_forum a { background-position: -685px 0; }

/* ON STATES */
#container #wrapper #header #navigation li.nav_home.current_page a { background-position: -5px -75px; }
#container #wrapper #header #navigation li.nav_about.current_page a { background-position: -90px -75px; }
#container #wrapper #header #navigation li.nav_contact.current_page a { background-position: -175px -75px; }
#container #wrapper #header #navigation li.nav_login.current_page a { background-position: -770px -75px; }
#container #wrapper #header #navigation li.nav_dashboard.current_page a { background-position: -260px -75px; }
#container #wrapper #header #navigation li.nav_online-toolkit.current_page a { background-position: -345px -75px; }
#container #wrapper #header #navigation li.nav_guidance.current_page a { background-position: -430px -75px; }
#container #wrapper #header #navigation li.nav_member-library.current_page a { background-position: -515px -75px; }
#container #wrapper #header #navigation li.nav_help-from-hqn.current_page a { background-position: -600px -75px; }
#container #wrapper #header #navigation li.nav_forum.current_page a { background-position: -685px -75px; }
 
/**********************************************/
/*Content*/
/**********************************************/

#container #wrapper #content-container {
	clear: both;
	padding-bottom: 10px;
	}



/*Homepage content*/

#container #wrapper #content-container.home {
	background: url('/images/background_content_home.jpg') no-repeat;
	color: #FFF;
	height: 490px;
	position: relative;
	}

#container #wrapper #content-container.home h2 {
	color: #FFF;
	font-size: 1.4em;
	margin-bottom: 20px;
	}

#container #wrapper #content-container.home p {
	font-size: 0.9em;
	margin-bottom: 20px;
	}

#container #wrapper #content-container.home #welcome {
	background-image: url('/images/background_homepage_black.png');
	height: 390px;
	left: 20px;
	padding: 30px;
	position: absolute;
	top: 20px;
	width: 500px;
	}

#container #wrapper #content-container.home #welcome ul li {
	float: left;
	margin-right: 40px;
	}

#container #wrapper #content-container.home #welcome ul li.about-sen {
	background: url('/images/homepage_welcome_li_about.png') 2px 0px no-repeat;
	margin-bottom: 15px;
	padding-left: 35px;
	}

#container #wrapper #content-container.home #welcome ul li.contact-sen {
	background: url('/images/homepage_welcome_li_contact.png') 0px 0px no-repeat;
	padding-left: 35px;
	}

#container #wrapper #content-container.home #welcome ul li a {
	background: url('/images/homepage_welcome_li.png') no-repeat center right;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	padding-right: 17px;
	}
	
#container #wrapper #content-container.home #welcome ul li a:hover {
	color: #E3781A;
	}

#container #wrapper #content-container.home #login {
	background-image: url('/images/background_homepage_black.png');
	padding: 30px;
	position: absolute;
	right: 20px;
	top: 95px;
	width: 240px;
	}

#container #wrapper #content-container.home #login .homepage_form {
	
	}

#container #wrapper #content-container.home #login .homepage_form fieldset label {
	}

#container #wrapper #content-container.home #login .homepage_form fieldset input {
	display: block;
	margin-bottom: 10px;
	}

#container #wrapper #content-container.home #login .homepage_form fieldset #username,
#container #wrapper #content-container.home #login .homepage_form fieldset #password,
#container #wrapper #content-container.home #login .homepage_form fieldset #email {
	border: 1px #E3781A solid;
	margin-top: 3px;
	padding: 3px;
	width: 228px;
	}

#container #wrapper #content-container.home #login .homepage_form fieldset #submit {
	border: 1px #E3781A solid;
	float: left;
	font-weight: bold;
	margin-bottom: 0;
	margin-right: 10px;
	padding: 3px;
	}

#container #wrapper #content-container.home #login .homepage_form fieldset #forgot-password  {
	margin-bottom: 0;
	padding-top: 2px;
	}

#container #wrapper #content-container.home #login .homepage_form fieldset #forgot-password a {
	background: url('/images/homepage_welcome_li.png') no-repeat center right;
	color: #FFF;
	font-weight: bold;
	padding-right: 17px;
	}
	
#container #wrapper #content-container.home #login .homepage_form fieldset #forgot-password a:hover {
	color: #E3781A;
	}

#container #wrapper #content-container.home #login .formMessage {
	border-left: 1px #DE6510 solid;	
	color: #FFF;
	margin-top: 10px;
	padding-left: 5px;
	}

#container #wrapper #content-container.home #login .formMessage.success {
	border-left-color: #91B8D7;	
	}

/*Other pages*/

#container #wrapper #content-container.content-page #subnav {
	float: left;
	font-size: 0.9em;
	margin-right: 20px;
	width: 250px;
	}

#container #wrapper #content-container.content-page #subnav ul li {
	background-color:#EFEFEF;
	border-bottom: 1px #AAA solid;
	padding: 6px 10px;
	width: 230px;
	}

#container #wrapper #content-container.content-page #subnav ul .subnav-title {
	background: #FFF url('/images/background_subnav.png') no-repeat;
	color: #FFF;
	font-weight: bold;
	padding-bottom: 4px;
	}
#container #wrapper #content-container.content-page #subnav ul .current_page {
	font-weight: bold;
}
#container #wrapper #content-container.content-page #content {
	float: left;
	width: 650px;
	}

#container #wrapper #content-container.content-page #content h2 {
	font-size: 1.6em;
	line-height: 1;
	margin-bottom: 10px;
	}

#container #wrapper #content-container.content-page #content p {
	font-size: 0.9em;
	margin-bottom: 10px;
	}

#container #wrapper #content-container.content-page #content ul li {
	list-style-type: square;
	margin-left: 30px;
	}

#container #wrapper #content-container.content-page #content #doc-list dt {
	font-weight: bold;
	padding-left: 25px;
	}

#container #wrapper #content-container.content-page #content #doc-list dd {
	margin-bottom: 10px;
	padding-left: 25px;
	}

#container #wrapper #content-container.content-page #content #doc-list dt.link {
	background: url('/images/doc-list_link.png') 0 2px no-repeat;
	}

#container #wrapper #content-container.content-page #content #doc-list dt.file {
	background: url('/images/doc-list_file.png') 0 2px no-repeat;
	}

#container #wrapper #content-container.content-page #content #doc-list dt span {
	padding-left: 5px;
	}

#container #wrapper #content-container.content-page #content form fieldset label,
#container #wrapper #content-container.content-page #content form fieldset select,
#container #wrapper #content-container.content-page #content form fieldset input {
	display: block;
	}

#container #wrapper #content-container.content-page #content form fieldset label {
	font-size: 0.9em;
	margin-bottom: 3px;
	}

#container #wrapper #content-container.content-page #content form#prequestionnaire select,
#container #wrapper #content-container.content-page #content form#prequestionnaire input {
	margin-bottom: 10px;
	width: 250px;
	}

#container #wrapper #content-container.content-page #content form fieldset input#submit {
	width: inherit;
	}

#container #wrapper #content-container.content-page #content form#toolkit fieldset {
	font-size: 0.9em;
	margin-bottom: 10px;
	}

#container #wrapper #content-container.content-page #content form#toolkit fieldset h3 {
	font-size: 1.2em;
	font-weight: bold;
	}

#container #wrapper #content-container.content-page #content form#toolkit fieldset ol li span.theQuestion.answered {
	background: url('/images/answered.png') top right no-repeat;
	display: block;
	padding-right: 30px;
	}
	

#container #wrapper #content-container.content-page #content form#toolkit fieldset ol li span.theQuestion.notAnswered {
	background: url('/images/unanswered.png') top right no-repeat;
	display: block;
	padding-right: 30px;
	}

#container #wrapper #content-container.content-page #content form#toolkit .question {
	float: left;
	margin-bottom: 10px;
	}

#container #wrapper #content-container.content-page #content form#toolkit .question ul {
	float: left;
	margin-top: 5px;
	}

#container #wrapper #content-container.content-page #content form#toolkit .hints {
	float: right;
	width: 16px;
	}

#container #wrapper #content-container.content-page #content form#toolkit ul {
	clear: left;
	}

#container #wrapper #content-container.content-page #content form#toolkit ul li.option,
#container #wrapper #content-container.content-page #content form#toolkit ul li.support ,
#container #wrapper #content-container.content-page #content form#toolkit ul li.supportive_text {
	float: left;
	list-style-type: none;
	margin-left: 0;
	margin-right: 20px;
	padding-left: 0;
	padding-right: 20px;
	margin-top:5px;
	}

#container #wrapper #content-container.content-page #content form#toolkit label {
	color: #E3781A;
	line-height: 1em;
	}

#container #wrapper #content-container.content-page #content .infobox {
	background-color: #EFEFEF;
	border: 1px #CCC solid;
	font-size: 0.8em;
	margin-bottom: 10px;
	padding: 5px;
	}

#container #wrapper #content-container.content-page #content .infobox p,
#container #wrapper #content-container.content-page #content .infobox ol {
	margin-bottom: 0;
	}
	
.errors{
	color:red;
}

.usercustom {
	margin-bottom: 10px;
	}

/**********************************************/
/*Footer*/
/**********************************************/

#container #wrapper #footer {
	clear: left;
	float: left;
	margin-top: 30px;
	width: 920px;
	}

#container #wrapper #footer #website-info {
	float:left;
	font-size: 0.75em;
	width: 600px;
	}

#container #wrapper #footer #website-info p {
	margin-bottom: 2px;
	}

#container #wrapper #footer #designed-by {
	float: right;
	font-family: Georgia, sans;
	margin-right: 20px;
	margin-top:5px;
	text-align: center;
	}

/**********************************************/
/*Etc*/
/**********************************************/

/*Tooltip*/

.toolTip { /* This is the hook that the jQuery script will use */
	padding-right: 20px; /* This is need to make sure that the help icon is always visible */
	background: transparent url(images/help.gif) no-repeat right;
	color: #3366FF;
	cursor: help; 
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

	.toolTipWrapper { /* The wrapper holds its insides together */
		width: 175px;
		position: absolute; /* Absolute will make the tooltip float above other content in the page */
		top: 20px;
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #FFF;
		font-weight: bold;
		font-size: 9pt; /* A font size is needed to maintain consistancy */
	}
	
		.toolTipTop { /* Top section of the tooltip */
			width: 175px;
			height: 30px;
			background: transparent url(/images/bubbleTop.gif) no-repeat;
		}

		.toolTipMid { /* Middle section of the tooltip */
			padding: 8px 15px;
			background: #A1D40A url(/images/bubbleMid.gif) repeat-x top;
		}
		
		.toolTipBtm { /* Bottom Section of the tooltip */
			height: 13px;
			background: transparent url(/images/bubbleBtm.gif) no-repeat;
		}

.date{
	font-size: 7pt;

}

.usercustom{
	padding-bottom:2px;
}
		
/*supporting docs*/		
.supporting_docs{
	background-color: #EFEFEF;
	border: 1px #AAA solid;
	clear: left;
	float: left;
	margin: 5px 0 10px 0;
	padding: 5px;
	width: 610px;
}
.delete{
margin-left:10px;
height:10px;
}

/*toolkit section*/
.incomplete, .complete, .mostly_complete, .poor, .good, .average, .not_started {
	font-size: 0.8em;
	font-style: italic;
	display: block;
	margin-bottom: 10px;
	padding-left: 15px;
	}

.incomplete, .poor,.not_started {
	color: #E75C58;
	}

.complete, .good {
	color: #277523;
	}

.mostly_complete, .average {
	color: #E3781A;
	}

	/*member library section*/
.editable, textarea {
background-color:#FFFFD3;
}
textarea {
font-size:100%;
width:95%;
}
img.progress {
padding:0 10px;
vertical-align:middle;
}