/*-###########################################-*/
/*-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;
	}
	
fieldset,img { 
	border: 0;
	}
	
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
	}
	
ol,ul {
	font-size: 110%;
	line-height: 16px;
	margin-bottom: 10px;
}

ul{
	list-style: none;
}
	
caption,th {
	text-align: left;
	}
	
q:before,q:after {
	content: '';
	}
	
abbr,acronym {
	border: 0;
	}

hr, legend {
	display: none;
	}
	
/**********************************************/
/*Basic Elements*/
/**********************************************/

html
{
	width: 100%;
	background-image: url('/images/header_tile.gif');
	background-repeat: repeat-x;
	background-position: 0 -60px;
	font-family: Arial,Verdana,sans-serif;
	rborder: 2px solid red;
	position: relative;
}


body{
	rbackground: url('/images/header_tile.gif') repeat-x center top;
	color: #0f3559;
	font-family: Arial,Verdana,sans-serif;
	font-size: 65%;
	rwidth:100%;
	height: auto;
	width: 960px;
	margin: 0px auto;
	position: relative;
	top: -60px;
	}

#container
{
width: 960px;
margin: 0px auto;
}



.clear {
	clear: both;
	}


a { 
	color: #618b26; 
	text-decoration: none;
	}

a:hover { 
	text-decoration: underline;
	}

.hidden {
	display: none;
	}
	
.left
{
	float:left;
}

.right
{
	float:right;
}

h1 {
	font-size: 2.2em;
	color: #37568C;
	}

h2 {
	font-size: 1.8em;
	color: #37568C;
	}

h3 {
	font-size: 1.6em;
	color: #37568C;
	}
	
h4 {
	font-size: 1.4em;
	color: #37568C;
	}
        
h5 {	
	color: 1.2em;
	}

h2 a, h3 a, h4 a, #header a, #footer_wrapper a {
	color: #618B26;
	height: 50px;
	}

h2 a:hover, h3 a:hover, h4 a:hover, #header a:hover, #footer_wrapper a:hover {
	text-decoration:underline;
	}

p, blockquote {
	font-size: 1.2em;
	margin-bottom: 1em;
	margin-top: 0.8em;
	}

blockquote {
	border-left: 3px #09467F solid;
	margin-left: 1em;
	margin-right: 1em;
	padding-left: 1em;
	}

/****************************** LAYOUT STYLES *******************************/

#hiddenNav {
	display: none;
	}

#mainwrapper {
	position: relative;
	rbackground: url('/images/header_tile.gif') repeat-x center top;
	color: #0f3559;
	font-family: Arial,Verdana,sans-serif;
	rwidth:100%;
	height: auto;
	width: 960px;
	margin: 0px auto;
	}

/*#innerwrapper
{
	width: 960px;
	border: 1px solid blue;
}

#contentsection
{
	width: 960px;
	height: auto;
	border: 1px solid yellow;
}

#outerfooter
{
	clear: both;
	border: 1px solid green;
	height: 72px;
}*/

/********************************** Header ************************************/

#mainwrapper #header {
	height: 135px;
	roverflow: hidden;
	width: 960px;
	position: relative;
	}

#mainwrapper #header #control {
	xfloat: left;
	font-size: 1.2em;
	margin: 15px 0 8px 0;
	position: relative;
	z-index: 200;
	}

#mainwrapper #header #control #accessibility {
	float: left;
	margin-top:56px;
	}

#accessibility a
{
	color:#333;
	font-size:0.9em;
}

#accessibility a:hover
{
	color:#333;
}

#mainwrapper #header #control #accessibility span {
	border-right: 1px #09467F solid;
	margin-right: 5px;
	padding-right: 5px;
	}

#mainwrapper #header #control #accessibility span a#fontsize_small {
	font-size: 0.8em;
	}

#mainwrapper #header #control #accessibility span a#fontsize_normal {
	font-size: 0.9em;
	}

#mainwrapper #header #control #accessibility span a#fontsize_large {
	font-size: 1em;
	}

#mainwrapper #header #control form {
	float: left;
	}

#mainwrapper #header #control form input {
	background-color: #FFF;
	border: 1px #09467F solid;
	font-size: 1em;
	margin-top: -5px;
	height: 16px;
	margin-left: 5px;
	}

#mainwrapper #header #control form input#do_search {
	background-color: #09467F;
	border-color: #EFEFEF;
	color: #FFF;
	height: 20px;
	padding: 0 3px;
	}

#mainwrapper #header h1 {
	clear: left;
	}
	
#mainwrapper #header h1 .theHQN {
	color: #FF0000;
	}


/********************************** SPLASH BANNER ************************************/

.splash
{
	rbackground:url(/images/splash_banner.jpg);
	background-repeat:no-repeat;
	width:960px;
	rheight:297px;
	clear:both;
	margin-top: 15px;
}

.splash-pagination
{
	clear:both;
}

.splash ul
{
	rmargin-left:30px;
}

.splash li
{
	font-size:120%;
	line-height:17px;
	color:#fff;
}

.whatsNew ul
{
	margin-left:30px;
}

.whatsNew li
{
	font-size:100%;
	line-height:17px;
	color:#fff;
	height:185px;
	/*margin-top: 25px;
	margin-bottom: 25px;*/
}

.whatsNew li a
{
	font-size:100%;
	line-height:17px;
	color:#fff;	
	/*margin-top: 25px;
	margin-bottom: 25px;*/
}

.whatsNew p
{
	padding-left:32px;
	color:#fff;
	clear:both;
	line-height:20px;
	font-size: 110%;
}

.whatsNew h2
{
	color:#fff;
	font-size:340%;
	font-weight:normal;
	border-left:10px solid #fff;
	padding-left:20px;
	margin-left:0;
}

.splash-content1, .splash-content2, .splash-content3
{
	padding:16px 10px;
	display:block;
	float:left;
	/*background-color:rgba(2,51,92,0.5);*/
	rbackground-image: url('/images/gradientBckg.png'); /* for non-css3 browsers */
	background-position:left top;
	background-repeat: repeat-x;
	text-shadow: 1px 1px 1px #02335c;
	width:290px;
	height: 199px;
}

.splash-content1
{
	background-image: url('/images/bckgGradientPink.jpg');
}

.splash-content2
{
	background-image: url('/images/bckgGradientGreen.jpg');
}

.splash-content3
{
	background-image: url('/images/bckgGradientBrown.jpg');
}


.splash-content1 a, .splash-content2 a, .splash-content3 a
{
	color:white;
}

.splash-content1 a:hover, .splash-content2 a:hover, .splash-content3 a:hover
{
	rcolor:#618B26;
}


.whatsNew
{
	/*padding:23px 10px;*/
	display:block;
	text-shadow: 1px 1px 1px #02335c;
	/*width:251px;*/
	height: 100px;
}

.splash-content2, .splash-content3
{
	rmargin-left:73px;
	margin-left:15px;
}

.splash p
{
	padding-left:32px;
	color:#fff;
	clear:both;
	line-height:17px;
}

.splash h2
{
	color:#fff;
	font-size:300%;
	font-weight:normal;
	border-left:10px solid #fff;
	padding-left:20px;
	margin-left:0;
}

.splash-navigation
{
	padding: 0px 0px;
	clear:both;
	background-color: #fff;
	/*-moz-box-shadow: 0px 3px 0px rgba( 0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 0px rgba( 0,0,0,0.5);
	box-shadow: 0px 3px 0px rgba( 0,0,0,0.5);
	position: relative;*/
	top: 0;
	left: 0;
}

.nav-block
{
	float:left;
	margin-right:59px;
	margin-left:20px;
	z-index: 120;
	height: 30px;
	padding-top: 5px;
}

.nav-block h2
{
	font-size:185%;
	color:#fff;
	margin-top:4px;
}

.nav-block h3
{
	font-size:158%;
	color: #00224A;
	margin-top:4px;
}

.nav-block h3:hover
{
	color:#618B26;
}

.nav-block h3 a:hover
{
	color:#37568C;
}

.nav-block a
{
	color:#00224A;
}

.nav-sub
{
	color:#fff;
}


/************************Events dropdown*********************/

.nav-block-events
{
	float:left;
	margin-right:35px;
	margin-left:39px;
	z-index: 120;
	height: 30px;
	padding-top: 6px;
	}

.nav-block-events h3
{
	height: 50px;
	color:#fff;
	margin-top:4px;
}

.nav-block-events h3:hover {
	display: block;
	left: 435px;
	}

.nav-block-events li {
	float: left;
	font-size:100%;
	color:#fff;
	z-index: 30;
	text-align:left;
	list-style-type: none;
	}

.nav-block-events li a {
	color: #00224A;
	}

.nav-block-events li a:hover
{	
	text-decoration:underline;
	color: #37568C;
}	
	
.nav-block-events li ul
{
	color: #FFFFFF;
	rbackground-color: #00224A;
	background-color: #fff;
	left: -999em;
	margin: 0 !important;
	padding-top: 8px !important;
	position: absolute;
	top: 218px;
	rwidth: 146px;
	height: 24px;
	text-align: left;
	z-index: 70;
	display: inline;
	font-size: 100%;
	/*-moz-box-shadow: 2px 2px 2px #000; /* FF3.5+ */
  	/*-webkit-box-shadow: 2px 2px 2px #000; /* Saf3.0+, Chrome */
	/*box-shadow: 2px 2px 2px #000; /* Opera 10.5, IE9, Chrome 10+ */
}       

.nav-block-events li ul li {
	width: auto !important;
	line-height: 18px;
	text-align: left;
	z-index: 110;
	overflow: hidden;
	margin: 0;
	background: url(/images/arrow3_ul.gif) no-repeat scroll 0 0 transparent;
	padding-right: 20px;
	}
        
.nav-block-events li ul li a {
	display: block;
	padding-left: 20px;
	text-align: left;
	z-index: 70;
	font-size: 100%
	}

.nav-block-events li:hover ul {
	display: block;
	left: 130px;
	top: 218px;
	}
	



.nav-block-events-index
{
	float:left;
	margin-right:59px;
	margin-left:26px;
	z-index: 120;
	height: 30px;
	padding-top: 6px;
	}

.nav-block-events-index h3
{
	height: 50px;
	color:#fff;
	margin-top:4px;
	font-size: 144%;
}

.nav-block-events-index h3:hover {
	display: block;
	left: 435px;
	}

.nav-block-events-index li {
	float: left;
	font-size:100%;
	color:#fff;
	z-index: 30;
	text-align:left;
	list-style-type: none;
	}

.nav-block-events-index li a {
	color: #00224A;
	}

.nav-block-events-index li a:hover
{	
	text-decoration:underline;
	color: #37568C;
}	
	
.nav-block-events-index li ul
{
	color: #FFFFFF;
	rbackground-color: #00224A;
	background-color: #fff;
	left: -999em;
	margin: 0 !important;
	padding-top: 8px !important;
	position: absolute;
	top: 419px;
	rwidth: 146px;
	height: 24px;
	text-align: left;
	z-index: 70;
	display: inline;
	font-size: 100%;
	/*-moz-box-shadow: 2px 2px 2px #000; /* FF3.5+ */
  	/*-webkit-box-shadow: 2px 2px 2px #000; /* Saf3.0+, Chrome */
	/*box-shadow: 2px 2px 2px #000; /* Opera 10.5, IE9, Chrome 10+ */
}

        

.nav-block-events-index li ul li {
	width: auto !important;
	line-height: 18px;
	text-align: left;
	z-index: 110;
	overflow: hidden;
	margin: 0;
	background: url(/images/arrow3_ul.gif) no-repeat scroll 0 0 transparent;
	padding-right: 20px;
	}
        
.nav-block-events-index li ul li a {
	display: block;
	padding-left: 20px;
	text-align: left;
	z-index: 70;
	font-size: 120%
	}

.nav-block-events-index li:hover ul {
	display: block;
	left: 50px;
	top: 417px;
	}


/************************Events dropdown end*********************/


/*.pagination-block
{
	background-color:#efefef;
	width:238px;
	height:25px;
	margin-right:40px;
	margin-top:7px;
	border:1px solid #ddd;
	padding:0px;
	margin:0;
	float:left;
	display:block;
	text-align:center;
	padding-top:7px;
}*/

.pagination-block
{
	background-color:#00224A;
	width:310px;
	height:32px;
	margin-right:40px;
	margin-top:7px;
	padding:0px;
	margin:0;
	float:left;
	display:block;
	text-align:center;
	rpadding-top:7px;
}

.pagination-block.pink
{
	background-color: #4A0023;
	margin-right: 15px;
}

.pagination-block.green
{
	background-color: #214900;
	margin-right: 15px;
}

.pagination-block.brown
{
	background-color: #4A2700;
}

/********************************** END SPLASH ************************************/

#breadcrumb
{
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}

/********************************** Navigation ************************************/


#menuwrapper {
	background: url('/images/housing-quality-network-log.jpg') no-repeat center top;
	border-bottom:none;
	height: 68px;
	rmargin-left: -1000px;
	margin-top:19px;
	padding: 75px 0 0;
	position: absolute;
	left: 0;
	top: 6px;
	width: 960px;
	z-index: 10;
	rbackground-color: red;
	}


#menuwrapper #nav {
	padding: 5px 0 0 15px;
	width: 960px;
}

#menuwrapper #nav li {
	float: left;
	height: 50px;
	font-size:170%;
	color:#fff;
	z-index: 30;
	text-align:left;
	margin-left:20px;
	padding-right:30px;
	}

#menuwrapper #nav li a {
	color: #FFF;
	display: block;
	padding-top: 5px;
	height: 36px;
	margin-left:10px;
	}

#menuwrapper #nav li a:hover
{	
	text-decoration:underline;
}

#menuwrapper #nav li ul {
	color: #FFFFFF;
	background-color: #00224A;
	top: 134px;
	left: -999em;
	margin: 0 !important;
	padding: 10px !important;
	position: absolute;
	width: 198px;
	text-align: left;
	z-index: 50;
	-moz-box-shadow: 3px 3px 2px #000; /* FF3.5+ */
  	-webkit-box-shadow: 3px 3px 2px #000; /* Saf3.0+, Chrome */
	box-shadow: 3px 3px 2px #000; /* Opera 10.5, IE9, Chrome 10+ */
	}
	
	

#menuwrapper #nav li ul li {
	height: 25px;
	text-align: left;
	z-index: 110;
	overflow: hidden;
	margin: 0 ;
	width:300px;
	}
        
#menuwrapper #nav li ul li a {
	background: url(/images/arrow3_ul.gif) no-repeat;
	display: inline;
	padding-left: 20px;
	text-align: left;
	z-index: 70;
	font-size: 30%;
	}

	
#menuwrapper #nav li:hover ul {
	display: block;
	left: 375px;
	top: 125px;
	}



/********************************** Homepage content ************************************/

#content .indent
{
	padding-left:20px;
	padding-right:20px;
}

#content {
	float: left;
	margin: 30px auto;
	margin-bottom:0px;
	}

#content span a {
	border-bottom: 1px #618b26 dotted;
	}

#content.home {
	width: 960px;
	padding:0px;
	margin-top:30px;
	padding-left: 
	}

#homeContent .container
{
	padding-left:20px;
}

#homeContent table tr td
{
	font-size:100%;
}

#content.home #homeContent {
	float: left;
	margin-right: 30px;
	padding-top:10px;
	width: 960px;
	background: #F9F9F9; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #eee); /* for firefox 3.6+ */
	padding-bottom:20px;
	}

#content.home #homeContent #aboutHQN {
	float: left;
	height: 125px;
	margin-right: 30px;
	width: 470px;
	}

#content.home #homeContent #aboutHQN p {
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-left:20px !important;
	}

#content.home #homeContent #aboutHQN span.readMore {
	background: url('/images/arrow.gif') no-repeat;
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 20px;
	}

#content.home #homeContent #login {
	background: url('/images/bg_login.png') no-repeat;
	float: left;
	height: 105px;
	padding: 10px;
	width: 200px;
	}

#content.home #homeContent #login h3 {
	background: url('/images/blue_arrow.gif') no-repeat;
	padding: 5px 0 10px 30px;
	}

#content.home #homeContent #login label {
	clear: left;
	display: block;
	float: left;
	font-size: 1.2em;
	padding-top: 3px;
	width: 70px;
	}

#content.home #homeContent #login #login_username,
#content.home #homeContent #login #login_password {
	margin-bottom: 5px;
	width: 120px;
	}
	
#content.home #homeContent #login #loginButton {
	float: right;
	}
	
#content.home #homeContent #login a {
	color: #0F3559;
	font-weight: bold;
	}
	
#content.home #homeContent #briefings_and_events {
	float: left;
	width: 720px;
	}

#content.home #homeContent #briefings_and_events .list {
	float: left;
	width: 345px;
	}

#content.home #homeContent #briefings_and_events .list .homeImage {
	height: 125px;
	margin-bottom: 10px;
	width: 345px;
	}

#content.home #homeContent #briefings_and_events #briefings {
	margin-right: 30px;
	}

#content.home #homeContent #briefings_and_events h2 {
	color: #FF0000;
	}

#content.home #homeContent #briefings_and_events .list h3 {
	font-size: 1.4em;
	margin-bottom: 0.2em;
	}

#content.home #homeContent #briefings_and_events .list span.readMore {
	display: block;
	font-size: 1.2em;
	}

#content.home #homeContent #briefings_and_events .list ul li {
	margin-top: 1em;
	position: relative;
	}	
	
#content.home #homeContent #briefings_and_events .list ul li span {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	}	

.col1
{
	padding-left:10px;
}

#contentwrapper  .col1, .col2, .col3, .col4
{
	float:left;
	width:200px;
	margin-right:29px;
}

.date
{
	color:#83939e;
}

#homeContent .col1, .col2, .col3, .col4
{
	float:left;
	width:200px;
	margin-right: 20px;
	
}

#homeContent .col1
{
	margin-left:20px;
	
}

#homeContent h3
{
	margin-bottom:10px;
}

.scots
{
	position: relative;
	top: 6px;
}
#homeContent ul
{
	margin-bottom:10px;
	margin-top:10px;
}

#homeContent li
{
	margin-bottom:5px;
}




.content-block
{
	margin-top:15px;
	margin-bottom: 15px;
	width:200px;
	/*height: auto;*/
}

.content-block-section
{
	margin-top:15px;
	margin-bottom: 15px;
	width:200px;
	height:auto;
	min-height: 230px;
	background-color: #efefef;
	border-top: 1px #999 solid;
	border-bottom: 1px #999 solid;
	padding-bottom: 20px;
}

.content-block-section p
{
	width:100%;
	float: left;
}

.content-block-section-h2 
{
	color: #0F3559;
	font-size:200% !important;
	border-top:6px solid #758c9a;
	padding-top:15px;
	margin-bottom:20px;
}

.content-block ul .content-block li
{
	margin-top:30px;
	width:210px;
	height:200px;
}

.content-block-h2 
{
	font-size:200% !important;
	border-top:6px solid #758c9a;
	padding-top:15px;
	margin-bottom:20px;
}

.content-block-section-h2 
{
	font-size:200% !important;
	color: #37568C;
	border-top:6px solid #758c9a;
	padding-top:15px;
	margin-bottom:20px;
	height:50px;
}


.content-block-section-h2 a, a:hover
{
	rcolor: #618B26;
}

.content-block-title
{
	float:left;
	font-size:154%;
	rmargin-top:23px;
	rmargin-bottom: 10px;
	margin: 23px 0 10px 10px;
	width: 148px;
}

p.section_title{
	font-size:154%;
	margin: 21px 7px 10px;
	width: 185px;
}

.content-block-icon
{
	float:left;
	margin-right:7px;
	margin-top:20px;
	margin: 20px 7px 0;
}

.scottish-icon
{
	float: left;
	position: relative;
	top: 26px;
	rleft: -24px;
	margin-right: 12px;
}

.content-block img
{	
	margin-bottom:20px;
}

.content-block p
{
	margin-top:10px;
	line-height:17px;
	clear:both;
}

.content-block a
{
	font-size:110%;
	rline-height:25px;
}

.advert-p
{
	color:#99ccff;
}

a.advert-link{
	font-size:120% !important;
}

.more-link
{
	font-size:115%;
	rfloat:left;
	clear: both;
	margin-left:7px;
	width:175px;
}

span.more-link a {
	border-bottom: 1px #618b26 dotted;
	}

span.more-link a p{
	rbackground-color: red;
	font-size: 115%;
	rline-height: 100%;
	margin: 0 0 0 10px;
	clear: both;
	float: none;
	width: 182px;
	}
	
span.more-link a p:hover{
	text-decoration:underline;
	}

.library-listing
{
	background-color:#F2F7F7;
	padding:20px 20px;
	width:750px;
	border:1px solid #ccc;
	margin-top:30px;
	-moz-border-radius:9px;
}

.library-listing h2
{
	padding-bottom:10px;
}

.library-listing p
{
	margin-top:20px;
	line-height:20px;
}

/********************************** Sidebar content ************************************/

#content.home #sidebar {
	float: left;
	width: 210px;
	}

#content.home #sidebar #sidebarImage1,
#content.home #sidebar #video {
	margin-bottom: 30px;
	}
	
#content.home #sidebar #whatsNew,
#content.home #sidebar #sidebarImage2 {
	margin-bottom: 10px;
	}

#content.home #sidebar #video p{
	margin-top: 3px;
	}
	
#content.home #sidebar #sidebarImage1 img,
#content.home #sidebar #sidebarImage2 img {
	display: block;
	width:210px;
	}
	
#content.home #sidebar #sidebarImage1 img {
	height: 125px;
	}
	
#content.home #sidebar #sidebarImage2 img {
	height: 145px;
	}

#content.home #sidebar #whatsNew {
	background: url('/images/whats_new_panel.png') no-repeat;
	width: 210px;
	}

#content.home #sidebar #whatsNew .newsscroller {
	width:190px;
	overflow-x:hidden;
	overflow:hidden;
	clear: left;
	}

#content.home #sidebar #whatsNew .newsscroller .news_ticker_item {
	padding-bottom: 30px;
	}

#content.home #sidebar #whatsNew .draggable_wrapper .draggable_header {
	float: left;
	height: 30px;
	padding: 10px;
	width: 190px;
	}

#content.home #sidebar #whatsNew .draggable_wrapper .draggable_header h3 .draggable_wrapper_toggle {
	display: block;
	float: left;
	}

#content.home #sidebar #whatsNew .draggable_wrapper .draggable_header h3 a {
	display: block;
	float: left;
	margin: 5px 0 0 5px;
	}

#content.home #sidebar #whatsNew #draggable_element_7 .draggable_header h3 a {
	font-size: 0.9em;
	margin: 0 0 0 5px;
	}

#content.home #sidebar #whatsNew .draggable_wrapper .draggable_header p {
	clear: left;
	font-size: 1em;
	margin-left: 31px;
	position: relative;
	top: -16px; 
	}

#content.home #sidebar #whatsNew .draggable_wrapper .draggable_wrapper_content {
	padding: 0 10px;
	}

#content.home #sidebar #whatsNew .draggable_wrapper .draggable_wrapper_content h4 a {
	color: #FF0000;
	}

#content.home #sidebar #whatsNew .draggable_wrapper .draggable_wrapper_content p a {
	color: #37568C;
	}

#content.home #sidebar #whatsNew .draggable_wrapper .draggable_footer {
	background: url('/images/whats_new_footer.png') no-repeat;
	height: 10px;
	width: 210px;
	}

/********************************** Drag and drop ************************************/

#content.home #homeContent #drag_and_drop_wrapper {
	float: left;
	margin: 30px 0 10px;
	position: relative;
	width: 720px;
	z-index: 100;
	}

#content.home #homeContent #drag_and_drop_wrapper #droppable_column_1,
#content.home #homeContent #drag_and_drop_wrapper #droppable_column_2,
#content.home #homeContent #drag_and_drop_wrapper #droppable_column_3 {
	margin-right: 30px;
	padding: 0px;
	width: 220px;
	}

#content.home #homeContent #drag_and_drop_wrapper #droppable_column_3 {
	margin-right: 0;
	}

#content.home #homeContent #drag_and_drop_wrapper .droppable_column_wrapper {
	width: 220px;
	float: left;
	margin: 0px;
	padding: 0px;
	}

#content.home #homeContent #drag_and_drop_wrapper .droppable_column_wrapper img {
	margin: 0px;
	padding: 0px;
	}

#content.home #homeContent #drag_and_drop_wrapper .droppable_wrapper {
	width: 220px;
	}

#content.home #homeContent #drag_and_drop_wrapper #droppable_wrapper_1,
#content.home #homeContent #drag_and_drop_wrapper #droppable_wrapper_2, 
#content.home #homeContent #drag_and_drop_wrapper #droppable_wrapper_3, 
#content.home #homeContent #drag_and_drop_wrapper #droppable_wrapper_4 {
	margin: 0px;
	padding: 0px;
	}

/*styles for draggable elements*/
#content.home #homeContent #drag_and_drop_wrapper .drag_hover {
	border: 1px dashed #37568C;
	color: #000000;
	background: #EAEAEA;
	}

#content.home #homeContent #drag_and_drop_wrapper .draggable_wrapper,
#content.home #homeContent #drag_and_drop_wrapper .draggable_wrapper:hover {
	cursor: move;
	}

#content.home #homeContent #drag_and_drop_wrapper .draggable_wrapper {
	background: url('/images/draggable_wrapper_bg.png') no-repeat;
	width: 220px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

#content.home #homeContent #drag_and_drop_wrapper .draggable_header h3 {
	padding: 10px 0 0 5px;
	}

#content.home #homeContent #drag_and_drop_wrapper .draggable_header h3 img
{
	vertical-align: middle;
	cursor: pointer;
}

#content.home #homeContent #drag_and_drop_wrapper .draggable_header h3 .small_content
{
	font-size:9px;
	padding-left:10px;
}

#content.home #homeContent #drag_and_drop_wrapper .draggable_header .draggable_wrapper_toggle:hover
{
	cursor: default;
}

#content.home #homeContent #drag_and_drop_wrapper .draggable_wrapper_content {
	padding: 0 10px;
	width: 200px;
	}

#content.home #homeContent #drag_and_drop_wrapper .draggable_wrapper_content h4
{
	color: #37568C;
	background: #FFF;
	font-weight: bold;
	margin: 0px 10px;
	padding: 0px;
}

#content.home #homeContent #drag_and_drop_wrapper .draggable_wrapper_content p,
#content.home #homeContent #drag_and_drop_wrapper .draggable_wrapper_content ul {
	font-size: 1.2em;
	padding-top: 5px;
	}

#content.home #homeContent #drag_and_drop_wrapper .draggable_wrapper_content ul li {
	background: url(/images/arrow3_ul.gif) -2px -3px no-repeat;
	margin-bottom: 5px;
	padding-left: 20px;
	}

#content.home #homeContent #drag_and_drop_wrapper .draggable_footer {
	background: url('/images/draggable_footer.png') top left no-repeat;
	width: 220px;
	height: 10px;
	}

#content.home #homeContent #drag_and_drop_wrapper #draggable_element_3,
#content.home #homeContent #drag_and_drop_wrapper #draggable_element_9 {
	display: none;
	}

/********************************** Page content ************************************/

r.page {
	width: 960px;
	margin:0;
	border: 10px solid blue;
	}

#content.page.withTestimonial {
	background: url('../images/background_testimonials.png') repeat-y;
	height: 100%;
	position: relative;
	margin-top:30px;
	}

.infoBox,
#content .page div.info_message,
#content.page .ask_box,
#content.page .box,
#content.page .doclisting li,
#content.page .pagesectionlist,
#content.page #jobs_filter,
#content.page .doclisting ul li .files ul {
background-color: #F2F7F7;
	border: 1px #999 dotted;
	margin-bottom: 1em;
	padding: 10px; 
	}

.box input
{
	border:1px solid #eee;
	background-color:#fafafa;
}

/*testimonials*/

#testimonials {
	background: url('../images/xbackground_testimonials_top.png') no-repeat;
	float: left;
	height: 100%;
	margin-right: 30px;
	width: 240px;
	}

#testimonials h2 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 0;
	padding: 10px 10px 0 10px;
	}

#content.page #testimonials li {
	background: none;
	font-size: 1.1em;
	margin-bottom: 0;
	padding-left: 0;
	}

#testimonials blockquote {
	border: none;
	margin: 0;
	padding: 20px;
	}
	
#testimonials blockquote p,
#testimonials blockquote cite {
	line-height: 1.4em;
	}
	
#testimonials blockquote cite {
	font-style: italic;
	font-weight: bold;
	}

#testimonials .testimonialEnd {
	background: url('../images/background_testimonials_bottom.png') no-repeat;
	bottom: 0;
	height: 10px;
	left: 0;
	position: absolute;
	width: 240px;
	}

/*Main content*/

#content.page #theContent,
#content.page #contentwrapperinner {
	width: 690px;
	}

#content.page.withTestimonial #theContent {
	float: right;
	margin: none;
	}

.page h2 {
	color: #37568C;
	font-size: 2em;
	rmargin-top: 16px;
	rmargin-bottom: 16px;
	width: auto;
	}
	
.page h3 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 15px;
	}

#content.page h3 {
	margin-bottom: 0.3em;
	margin-top: 1em;
	}

#content.page h3,
#content.page h4 {
	color: #FF0000;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom:20px;
	}

#content.page h3 strong {
	font-weight: normal;
	}

#content.page h3 a,
#content.page h4 a {
	color: #FF0000;
	}

#content.page h4 {
	font-size: 1.4em;
	}

#content.page a {
	border-bottom: none;
	}

#content.page br {
	/*display: none;*/
	}

.infoBox .info_message {
	background: url(/images/infoicon.gif) -10px -2px no-repeat;
	display: block;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 3px 0 3px 25px;
	background-color: #F2F7F7;
	rmargin-bottom: 1em;
	}

div.info_message {
	background: #efefef url(/images/infoicon.gif) 0 8px no-repeat;
	border: 1px #999 dotted;
	font-size: 1.2em;
	margin-bottom: 1em;
	padding: 12px 10px 10px 35px;
	}

#content.page ul li {
	background: transparent no-repeat scroll 5px 2px;
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-left: 25px;
	}

#content.page ul li.job-info {
	background: none;
}

#homeContent li.job-title {
	background: none;
	margin-bottom: 0;
}

#homeContent li.job-info {
	background: none;
	margin-bottom: 15px;
}

#content.page ul li p {
	font-size: 1em;
	padding:4px 5px 4px 10px;
	}

.page table {
	border: 1px dotted #aaa;
	font-size: 1.2em;
	margin-bottom: 20px;
	}

.page hr.spacer {
	margin: 15px 0;
	}

.page td {
	padding: 5px;
	}

.page td p {
	font-size: 1em;
	}

#content.page td p.download {
	margin-bottom: 0;
	}

.page th {
	background: #efefef;
	color: #333;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	}

#content.page tr.tlink {
	background: #e8e8e8;
	}


#content.page tr.tlink td.highlite {
	background: #666;
	}

#content.page tr.tlink td.highlite a {
	border-bottom: none;
	}

#content.page tr.tlink a:visited {
	color: white;
	}

#content.page tr.tlink a {
	padding: 0;
	display: block;
	color: #fff;
	}

#content.page tr.thighlite {
	background: #e8e8e8;
	}

#content.page table.jlinks {
	border: 0;
	}

#content.page table.plaint {
	border: 0;
	margin-bottom: 20px;
	}

#content.page table.plaint td {
	padding: 2px;
	}

#content.page table.linkswrapper {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	background: transparent;
	}

#content.page table.search_results {
	border: 1px solid #4874b4;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0px;
	}

#content.page td.results_pages_centre {
	background: #fff;
	padding: 0px;
	margin: 0px;
	/* valign: center;*/
	}

#content.page td.page_links {
	padding: 0px;
	margin: 0px;
	/*valign: center;	*/	
	}

#content.page .ask_box {
	background: #F2F2F2 url('/images/icon_ask.gif') 10px 10px no-repeat;
	font-size: 1.2em;
	padding-left: 30px;
	}
	
#content.page .box {
	position: relative;
	}

#content.page .box h3 {
	margin-top: 0;
	}

#content.page .box .category {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
	}

#content.page .box ul li {
	background: none;
	padding-left: 0;
	}

#content.page .box ul li .question {
	background: url('/images/bg_ul_q.gif') no-repeat;
	display: block;
	min-height: 20px;
	padding-left: 25px;
	}

#content.page .box ul li .author,
#content.page .box ul li .answers {
	display: block;
	margin-right: 25px;
	margin-top: 10px;
	padding-bottom: 3px;
	padding-left: 25px;
	}

#content.page .box ul li .author {
	background: url('/images/icon_author.gif') no-repeat;
	}

#content.page .box ul li .answers {
	background: url('/images/icon_answer.gif') no-repeat;
	}


#content.page ul.pagesectionlist {
	float: left;
	margin-bottom: 1em;
	padding-bottom: 0;
	width: 668px;
	}

#content.page ul.pagesectionlist li {
	float: left;
	margin-bottom: 0;
	margin-right: 5px;
	padding-bottom: 10px;
	width: 190px;
	}

#content.page .pagesectionlistimage {
	display: none;
	}

#content.page #archivelink {
	float: left;
	width: 690px;
	}

#content.page #archivelink ul li {
	float: left;
	margin-right: 20px;
	}

#content.page #archivelink ul li.inspectionReport {
	background: transparent url('/images/icon_inspectionReport.png') no-repeat;
	padding: 0 0 6px 22px;
	}
	
#content.page #archivelink ul li.country.Scotland {
	background: transparent url('/images/icon_country_scotland.png') no-repeat;
	padding: 0 0 6px 26px;
	}
	
#content.page #archivelink ul li.country.England {
	background: transparent url('/images/icon_country_england.png') no-repeat;
	padding: 0 0 6px 26px;
	}

#content.page #archivelink ul li.archive {
	background: transparent url('/images/icon_archive.png') no-repeat;
	padding: 0 0 6px 22px;
	}






.eventlisting{
	width: 100%;
	margin 0 auto;
}

#content.page .eventlisting ul li {
	background: none;
	border-top: 1px #999 dotted;
	margin-bottom: 1em;
	}
	
/*#content.home .eventlisting ul li {
	padding: 5px 5px 0 5px;
	}*/

	
#content.page .eventlisting ul li h4 {
	margin-bottom: 10px;
	font-size: 120%;
	width: 300px;
	}

#content .page .eventlisting ul li .initial_details {
	float: left; 
}

#content.page .eventlisting ul li .further_details {
	float: right;
	text-align: right;
}

#content.page .eventlisting ul li .further_details {
	width: 270px;
}

#content.page .eventlisting ul li .initial_details {
	margin-right: 10px;
	width: 380px;
}

#content.home .event-series {
	padding: 7px;
	background-color: #efefef;
	border-top: 1px #999 solid;
	border-bottom: 1px #999 solid;
	margin: 20px;
	min-height: 200px;
	width:auto;
	overflow: auto;
}



.eventlisting .event-series {
	padding: 7px;
	background-color: #efefef;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
	margin: 20px;
	height: 100%;
	overflow: auto;
	width: auto;
}

.eventlisting .event-series h2 {
	font-size: 2em;
	font-weight; bold;
	width: 66%;
	color: #37568C;
	margin-top: 18px;
	margin-left: 18px;
}

.eventlisting .event-series h3 {
	font-size: 1.7em;
	font-weight; bold;
	width: auto;
	color: #37568C;
	margin-top: 18px;
	margin-left: 16px;
	margin-right: 16px;
}

.eventlisting .event-series ul li{
	float: left;
	width: 250px;
	padding: 0 19px 30px 19px;
	height: auto;
	background: none;
}



/*#content.home .event-series li{
	float: left;
	width: 200px;
	height: auto;
	margin: 10px;
}*/

#content.page .event-series .date {
	font-weight: bold;
}

.date {
	font-size: 130%;
	}
	
	
.content-block-section .date {
	font-size: 90%;
	}
	
#content.page .event-series h2 {
	color: #333;
	font-size:2em;
}

#content.page .event-series h4 {
	color: #941111;
	font-size: 14px;
	font-weight: bold;
	width: 440px;
}

#content.page .event-series h4 a {
	color: inherit;
	font-size: inherit;
}

.home_event_details
{
	font-size:1.2em;
}

.home-event-series {

	margin-top: 10px;
}

.home-event-series a{

	color:#37568C;
}

.home-event-series a:hover{

	color:#618B26;
}
#content.page .linkslist ul li {
	background-position: 5px 5px;
	}

/* HQN A - Z listing (rah) */

.home ul.a2z {
	height: 30px;
	width: 100%;
	rfloat:left;
	}

.home ul.a2z li { 
	float: left; 
	margin-right: 3px;
	list-style: none;
	border: 1px solid #ddd;
	background: #fff;
	padding: 3px;
	}

#content.home ul.a2z a,
#content.home ul.a2z span {
	border-bottom: none;
	padding: 2px;
	}

#content.home ul.a2z span {
	color: #999;
	}

/*Doclisting*/

/*#content.home .doclisting {
	float: left;
	width: 690px;
	}

#content.home .doclisting h2 br {
	display: none;
	}

#content.home .doclistingText {
	font-size: 1.2em;
	margin-bottom: 1em;
	}

#content.home .doclistingText p {
	font-size: 1em;
	}

#content.home .doclisting ul {
	border: none;
	}	
	
#content.home .doclisting ul li {
	background-image: none;
	padding-bottom: 0;
	position: relative;
	}

#content.home .doclisting ul li h3 {
	margin-top: 0;
	}

#content.home .doclisting ul li span.date {
	display: block;
	font-weight: bold;
	margin-bottom: 0.5em;
	}

#content.home .doclisting ul li .rating {
	border-left: 1px #0F3559 dotted;
	margin: 0 10px;
	padding-left: 10px;
	}

#content.home .doclisting ul li .files ul {
	padding-bottom: 0;
	}

#content.home .doclisting ul li .files ul li {
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
	}

#content.home .doclisting ul li .files ul li p {
	margin-bottom: 0;
	}*/


/*forms*/

.forms {
	padding: 14px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 410px;
	float: left;
	display: inline;
	}	



.forms form label {
	color:#666666;
	float:left;
	font-size: 1.2em;
	margin-right:10px;
	padding:2px;
        text-align:left;
        /*jpd - turned bellow off for Feature #413*/
	/*text-align:right;*/
	width:100px;
	}

.forms form label.permission{
	width:300px;
}

.forms form input.permission_checkbox{
	margin-top:3px;
	width:10px;
}


.forms table label {
	font-size: 1em;
	width: 150px;
	}

.forms form input,
.forms form select {
	background-color: #efefef;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	padding: 3px;
	width: 160px;	
	}


.forms form select.date,
.forms form select.month,
.forms form select.year
 {
	width: 75px;
}


.forms form input.hear {
	background-color: #FFF;
	border: 1px solid #666;
	margin-bottom: 10px;
	padding: 3px;
	width: 20px;
	border:0px;
	}


.forms form textarea {
	background-color: #FFF;
	border: 1px solid #666;
	height: 150px;
	margin-bottom: 10px;
	padding: 3px;
	width: 400px;
	max-width: 720px;
	}


.forms form input.submit {
	color: #fff;
	background-color: #FF0000;
	border-color: #FF0000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#b00000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#b00000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FF0000,  #b00000); /* for firefox 3.6+ */ 
	padding: 3px;
	width: 100px;
	}

#content.page form #docs {
	float: left;
	width: 576px;
	}

#content.page form #docs p {
	margin-bottom: 0;
	}

#content.page form #add-element {
	margin-left: 114px;
	}

#content.page #jobs_filter form label {
	width: auto;
	}

#content.page #jobs_filter form input,
#content.page #jobs_filter form select {
	margin-bottom: 0;
	}
	

#content.page div.error_message, 
#content.page div.warning_message {
	background: #efefef;
	border: 1px #ddd solid;
	font-size: 1.2em;
	margin-bottom: 1em;
	padding: 10px 10px 10px 10px;
	color:#ff0000;
	}
	
.warning_message {
	background: #efefef;
	border: 1px #999 solid;
	font-size: 1em;
	margin-bottom: 1em;
	background: url("/images/icon_cross.gif") no-repeat scroll 0 5px #efefef;
    padding: 10px 10px 10px 38px;
    }

.warning_message p {
	margin-bottom: 2em;
	padding-bottom: 10px;
	display: inline;
	}

#content.page div.error_message p, 
#content.page div.warning_message p, 
#content.page div.info_message p {
	font-size: 1em;
	margin-bottom: 0;
	}

.success_message{
font-size: 1.2em;
	margin-bottom: 1em;
	padding: 10px 10px 10px 0px;
}



.home form label {
	color:#666666;
	float:left;
	font-size: 1.2em;
	margin-right:10px;
	padding:2px;
        text-align:left;
        /*jpd - turned bellow off for Feature #413*/
	/*text-align:right;*/
	width:100px;
	}
	
.home form label.permission{
	width:300px;
}

.home form input.permission_checkbox{
	margin-top:3px;
	width:10px;
}


.home table label {
	font-size: 1em;
	width: 150px;
	}

.home form input,
.home form select {
	background-color: #FFF;
	border: 1px solid #666;
	margin-bottom: 10px;
	padding: 3px;
	width: 200px;
	
	}


.home form select.date,
.home form select.month,
.home form select.year
 {
	width: 75px;
}


.home form input.hear {
	background-color: #FFF;
	border: 1px solid #666;
	margin-bottom: 10px;
	padding: 3px;
	width: 20px;
	border:0px;
	}


.home form textarea {
	background-color: #FFF;
	border: 1px solid #666;
	height: 150px;
	margin-bottom: 10px;
	padding: 3px;
	width: 400px;
	max-width: 430px;
	}


.home form input.submit {
	color: #fff;
	background-color: #FF0000;
	border-color: #FF0000;
	padding: 3px;
	width: 100px;
	}

.home form #docs {
	float: left;
	width: 576px;
	}

.home form #docs p {
	margin-bottom: 0;
	}

.home form #add-element {
	margin-left: 114px;
	}

.home #jobs_filter form label {
	width: auto;
	}

.home #jobs_filter form input,
.home #jobs_filter form select {
	margin-bottom: 0;
	}
	

.home div.error_message, 
.home div.warning_message {
	background: #F2F7F7 url(/images/icon_cross.gif) no-repeat 0 5px;
	border: 1px #999 dotted;
	font-size: 1.2em;
	margin-bottom: 1em;
	padding: 10px 10px 10px 35px;
	}

.home div.error_message p, 
.home div.warning_message p, 
.home div.info_message p {
	font-size: 1em;
	margin-bottom: 0;
	}



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

#footer_wrapper {
	rborder-bottom: 1px solid #dcdcdc;
	clear: left;
	float: left;
	font-size: 1.2em;
	padding: 10px 0;
	width: 100%;
	}

#footer_content {
	margin:0 auto;
	width: 960px;
	}

#footer_wrapper ul li {
	line-height: 1.4em;
	}

#footer_wrapper ul#contactDetails {
	float: left;
	margin: 5px 0px;
	}

#footer_wrapper ul#footerNav a
{
	color:#999;
}

#footer_wrapper ul#footerNav {
	float: right;
	margin-top: -1px;
	color:#333;
	}

#footer_wrapper ul#footerNav li {
	display: inline;
	}

#footer_wrapper ul#footerNav li a {
	padding-left: 10px;
	}

#footer_wrapper p {
	clear: right;
	float: right;
	font-size: 1em;
	margin-bottom: 5px;
	padding: 0px;
	width: auto;
	}

#footer_wrapper p a {
	font-weight: bold;
	color:#333 !important;
	}

#footer a
{
	color:#333 !important;
	}
	
ul#footerNav li a img
{
	width: 75px;
	position: relative;
	top: 5px;
	}	
	
/*.twitterlogo
{
	width: 75px;
	position: relative;
	top: -2px;
}

.facebooklogo
{
	width: 75px;
	position: relative;
	top: 5px;
}*/

/**steering group**/

 /* allow room for 3 columns */
 ul.steering_group_col1 
  {
    width: 45%;
	float:left;
  }
 ul.steering_group_col2
  {
    width: 45%;
	float:left;
  }
 
 /*question add*/
 /*job add*/
#add-element{
	padding-left:20px;
	background: #FFF url('/images/icon_plus.gif') bottom left no-repeat;
}

.flipPDF{
	height:700px;
}

.tender p,
.tender a
{
	margin-left: 16px;
}

.tender a
{
	font-size: 1.2em;
}


.tender h4
{
	margin-left: 16px;
}



/********************************** User Custom ************************************/

.usercustom {
	
	}	

.usercustom p {
	font-weight: bold;
	font-size: 125%;
	}

.usercustom ul li, .training ul li
{
	rlist-style: disc inside;
	margin-bottom: 10px;
	line-height: 16px;
	font-size: 120%;
	background: transparent url(/images/bg_ul_doclisting2.png) no-repeat scroll 5px 3px;
	padding-left: 24px;
	list-style: none;
	}


.documentListing li {
	padding: 16px;
	background-color: #efefef;
	border-top: 1px #999 solid;
	border-bottom: 1px #999 solid;
	margin: 13px;
	height: auto;
	width: auto;
	overflow: auto;
	}
	
#doclisting .documentListing ul li h2 a{
	font-size: 2em;
	font-weight; bold;
	width: 66%;
	color: #37568C;
	margin-top: 18px;
	margin-left: 18px;
}

#doclisting .documentListing ul li{
	background-image: none;
}

.documentListing ul li h3 a{
	font-size: 1.6em;
	font-weight; bold;
	color: #37568C;
}

.documentListing ul li{
	float: left;
	width: 250px;
	padding: 0 19px 30px 19px;
	height: auto;
}

.documentListing li li{
	margin: 0;
	padding: 0;
	border: none;
	height: auto;
	width: auto;
	clear:both;
		}
		
.doclistingText, .doclistingText a {
	font-size: 115%;
	font-weight: bold;
	rtext-indent: 30px;
	}
	
.usercustom .info_message{
	margin-bottom: 10px;
	}
	

.usercustom table {
	border: 1px dotted #ccc;
	font-size: 1.2em;
	margin-bottom: 20px;
	}
	
/********************************** Slide Out Panel ************************************/


.panel {
	position: fixed;
	top: 155px;
	right: -4px;
	display: none;
	background-color: #fff;
	border-left: 2px solid #0F3559;
	border-top: 2px solid #0F3559;
	border-bottom: 2px solid #0F3559;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	width: 156px;
	height: auto;
	padding: 20px;
	z-index: 3;
	-moz-box-shadow: 5px 5px 3px #333;
	-webkit-box-shadow: 5px 5px 3px #333;
	box-shadow: 5px 5px 3px #333;
	}
	
.panel img{
	width: 80px;
	}
	
.panel ul li{
	list-style-type:none;
	display: inline;
	padding: 0;
	/*width: 100px;*/
	/*float: left;*/
	padding-top: 10px;
	}
	
.membership{
	width: 200px;
	}
	
	 
	.panel a, .panel a:visited{
	margin: 0;
	padding: 0;
	color: #618B26;
	text-decoration: none;
	}
	 
	.panel a:hover, .panel a:visited:hover{
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	}
	 
a.trigger{
	position: fixed;
	text-decoration: none;
	top: 87px;
	right: 0px;
	font-size: 150%;
	color:#fff;
	padding: 20px 40px 20px 15px;
	font-weight: bold;
	background:#006CA4;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
	z-index: 1;
	-moz-box-shadow: 3px 3px 3px #333;
	-webkit-box-shadow: 3px 3px 3px #333;
	box-shadow: 3px 3px 3px #333;
	z-index: 11;
	}
	 
a.trigger:hover{
	position: fixed;
	text-decoration: none;
	top: 87px; right: 0px;
	font-size: 150%;
	color:#fff;
	padding: 20px 40px 20px 15px;
	font-weight: bold;
	background:#00224A;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	display: block;
	-moz-box-shadow: 3px 3px 3px #333;
	-webkit-box-shadow: 3px 3px 3px #333;
	box-shadow: 3px 3px 3px #333;
	z-index: 11;
	}
	 



.welcome {
		background: url('../images/hqnlogo.png') no-repeat;
		display: block;
		height: 126px;
		position: relative;
		right: 0;
		text-indent: -9999em;
		top: -68px;
		left: 821px;
		width: 139px;
		z-index: 280;
		}



#networks {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background: #FFF url('../images/switch.png') top left no-repeat;
		border: 1px #CCC solid;
		height: 20px;
		overflow: hidden;
		position: relative;
		rright: 278px;
		rtop: 50px;
		left: 726px;
		top: 50px;
		width: 15px;
		z-index: 281;
		}
	
		#networks ul {
			position: absolute;
			right: 10px;
			text-indent: -9999em;
			top: 10px;
			z-index: 281;
			}
			
			#networks ul li {
				float: left;
				width: 80px;
				}

			
				#networks ul li a {
					display: block;
					height: 50px;
					margin-top: 10px;
					width: 80px;
					}
					
					#networks ul li a img {
					display: block;
					height: 50px;
					width: 80px;
					}
					
	
	#networks:hover {
		background-image: none;
		height: 210px;
		left: 650px;
		top: 15px;
		width: 260px;
		z-index: 290;
		position: relative;
		}
	
		#networks:hover ul {
			display: block;
			text-indent: 0;
			}
	


#docwrapper
{
	height: auto;
	position: relative;
	padding: 15px;
	background-color: #efefef;
	border: 1px #999 solid;
	margin: 20px;
	min-height: 200px;
	width:auto;
	overflow: auto;
}

.download
{
	clear: both;
	font-weight: bold;
	font-size: 135%;
}

#docwrapper img
{
	margin-top: 10px;
}

#doccontent
{
	float: right;
	width: 66%;
}



/*****************************************Join Table****************************************/


.join th {
	background: #1b3c6a;
	color: #fff;
	padding: 5px;
	font-weight: normal;
	text-align: left;
	}
	
.join tr.thighlite {
	background: #e8e8e8;
	}
	
.join tr.tlink td.highlite {
	background: #666;
	}
	
.join a
{
color: #fff;
}


/***************************Q and A*************************************/

.home .ask_box {
	background: #F2F2F2 url('/images/icon_ask.gif') 10px 10px no-repeat;
	font-size: 1.2em;
	border: 1px #999 dotted;
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom: 10px;
	margin-bottom: 1em;
	}

.home .box .category {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
	}
	
.home .box ul li {
	background: none;
	padding-left: 0;
	}

.home .box ul li .question {
	background: url('/images/bg_ul_q.gif') no-repeat;
	display: block;
	min-height: 20px;
	padding-left: 25px;
	}

.home .box ul li .author,
.home .box ul li .answers {
	display: block;
	margin-right: 25px;
	margin-top: 10px;
	padding-bottom: 3px;
	padding-left: 25px;
	}

.home .box ul li .author {
	background: url('/images/icon_author.gif') no-repeat;
	}

.home .box ul li .answers {
	background: url('/images/icon_answer.gif') no-repeat;
	}
	
/********************************************Members list*****************************/

.members li, .training li
{
	background: transparent url(/images/bg_ul_doclisting2.png) no-repeat scroll 5px 3px;
	padding-left: 24px;
	list-style: none;
	}

.box
{
	background-color: #EFEFEF;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	height: auto;
	margin-top: 13px;
	margin-bottom: 13px;
	overflow: auto;
	padding: 16px;
	width: auto;
}




#content.home table {
	border: 1px dotted #ccc;
	font-size: 1.2em;
	margin-bottom: 10px;
	margin-top: 20px;
	}

#content.home td {
	padding: 5px;
	}

#content.home td p {
	font-size: 1em;
	}

#content.home td p.download {
	margin-bottom: 0;
	}

#content.home th {
	background: #1b3c6a;
	color: #fff;
	padding: 5px;
	font-weight: normal;
	text-align: left;
	}

#content.home tr.tlink {
	background: #e8e8e8;
	}

#content.home tr.tlink td.highlite {
	background: #666;
	}

#content.home tr.tlink td.highlite a {
	border-bottom: none;
	}

#content.home tr.tlink a:visited {
	color: white;
	}

#content.home tr.tlink a {
	padding: 0;
	display: block;
	color: #fff;
	}

#content.home tr.thighlite {
	background: #e8e8e8;
	}

#content.home table.jlinks {
	border: 0;
	}
	
	
/*********************************Google Search****************************/

.search
{
	rbackground-color: red;
	width: 304px;
	position: relative;
	top: 89px;
	left: 98px;
	z-index: 100;
}

.search input
{
	rbackground-color: yellow;
	width: 200px;
	margin-right: 10px;
}

.search input.header-search-button
{
	rbackground-color: purple;
	width: 75px;
}