﻿/*body {
	color: #828181;
	font-family: Lucida Unicode, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 1.6;
	background-color: #E0E0E0;
	background-image: url(../img/body_bg.jpg);
	background-repeat: repeat;
}*/

	body {
	/*color: #777777;*/
	color: #828181;
	font-family: Lucida Unicode, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.6;
	background-color: #E0E0E0;
	background-image: url(../img/main_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

	/*------------------------------------------------header--------------------*/
#headerMain{
	width:100%;
}
#header{
	width:900px;
	height:170px;
	position:relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header img{
	width:900px;
	height:117px;
	margin-right: auto;
	margin-left: auto;
}
#header h1{
	font:bold 24px/27px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
/*	background-color:inherit;*/
	position:absolute;
	left:0;
	top:166px;
	text-transform:uppercase;
}
#header p{
	font:normal 17px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#FEEDB7;
/*	background-color:inherit;*/
	position:absolute;
	left:24px;
	top:198px;
	text-transform:none;
	text-align:center;
	width:443px;
}
#header ul.AspNet-Menu{
	width:870px;
	height:39px;
	position:relative;
	/*left:25px;
	top:150px;*/
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header ul.AspNet-Menu li{
	float:left;
	margin:0;
	padding:0;
}
#header ul.AspNet-Menu li a{
	display:block;
	float: none;
	padding:0 15px;
	color:#fff;
	/*background-color:inherit;*/
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 39px;
	font-weight: normal;
	text-transform: uppercase;
}
#header ul.AspNet-Menu li a:hover{
	color:#F90;
	background:#ccc;
}

#header ul.nav{
	width:830px;
	height:39px;
	position:relative;
	/*left:25px;*/
	top:13px;
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header ul.nav li{
	float:left;
	margin:0;
	padding:0;
}
#header ul.nav li a{
	display:block;
	padding:0 15px;
	font: 12px/39px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	line-height: 39px;
	font-weight: normal;
	text-transform: uppercase;
}
#header ul.nav li a:hover{
	color:#F90;
	background-color:#343434;
}

/*------------------------------------------------header--------------------*/

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*------------------------------------------------bodyTop--------------------*/
#bodyTopMain{
	width:100%;
	overflow: hidden;
	background:url(../img/body_top_bg.gif) 0 0 repeat-x #FFFAE8;
	color:#251C00;
	padding:10px 0 0 0;
	
}
#bodyTop{
	width:960px !important;
	margin:0 auto;
	overflow: hidden;
}
/*------------------------------------------------bodyTop--------------------*/
#container {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*border: 1px solid #666666;*/
	overflow: hidden;
}

#skiplinks {
	display: none;
}
.highlight {
	color: #FF9900;
	font-weight: bold;
}


p {
	margin-bottom:10px;
}

strong {
	color: #343434;
}

a {
	text-decoration: none;
	color: #FD9A00;
}

.clearfix {
	clear: both;
}

h1 {
	font-size: 20px;
	color: #FF9900;
	font-size: 20px;
	font-weight: bold;
	padding: 7px 0px;
	
}

h2 {
	font-size: 18px;
	color: #ff9900;
	font-weight: bold;
}

.heading2 {
	font-size: 18px;
	color: #009933;

}

h3 {
	font-size: 14px;
	color: #989897;
	font-weight: bold;
	margin-bottom: 10px;
}

h4 {
	font-size: 13px;
	color: #009933;
	font-weight: bold;
}

.membersLoggedIn {
	font-size: 14px;
}

h5 {
	font-size: 1.4em;
	color: #FF9900;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: lowercase;
	font-style: italic;
	text-align: center;
	background-color: #333333;
	border: 1px solid #FF9900;
	padding: 5px;
}

#content .pagewrap {
	/*border-top: 3px solid #FE9900;
	border-bottom: 10px solid #FE9900;*/
	padding-bottom: 20px;
	top: 0px;
	padding-top: 0px;
	/*padding-right: 30px;
	padding-left: 30px;	/*left: 18px;*/
	overflow: hidden;
}
.pagewrap, #footer_inner {
	margin: 0 auto;
	width: 960px;
	position: relative;
	text-align: left;
}

/* main content */
#mainContent {
	width:100%;
}

#main-area {
	width: 610px;
	float: left;
/*	padding-top: 20px;
	padding-right: 10px;
	padding-left: 35px;*/
}

#main-area-resource {
	width: 100%;
	float: left;
	padding-top: 20px;
	
	
}



#main-area-members {
	width: 860px;
	float: left;
	padding-right: 10px;
	padding-left: 15px;
}

/* contact page dl */
#main-area dl {
	margin: 1em 0;
}
#main-area dt {
	color: #343434;
	clear: left;
	float: left;
	font-weight: bold;
	width: 3em;
}
#main-area dd {
	margin-left: 4em;
}
#main-area dl.long dt {
	width: 11em;
}
#main-area dl.long dd {
	margin-left: 15.5em;
	margin-bottom: 0.7em;
}
/* contact page dl end */




/* contact page dl */
#sidebarc {
	float: right;
	width: 270px;
	margin-top:20px;
	z-index: 20;
	margin-right: 35px;
	position:relative;
}


#sidebarc dl {
	margin: 1em 0;
}
#sidebarc dt {
	color: #333;
	clear: left;
	float: left;
	font-weight: bold;
	width: 3em;
}
#sidebarc dd {
	margin-left: 4em;
}
#sidebarc dl.long dt {
	width: 11em;
}
#sidebarc dl.long dd {
	margin-left: 11.5em;
	margin-bottom: 0.7em;
}
/* contact page dl end */



#main-area-members p#breadcrumb {
	padding: 7px 0px 0px;
}
 
#main-area-members p a {
	color: #828181;
}

#main-area-members p a:hover {
	color: #ffffff;
}
  
#main-area p#breadcrumb {
	padding: 7px 0px 0px;
}

#main-area p a {
	color: #828181;
}

#main-area p a:hover {
	color: #F90;
}

#main-area-members #upper {
	float: left;
	padding-right: 10px;
	padding-left: 15px;
}

#leftCol ul {
	list-style-type: disc;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.2em;
	margin-left: 20px;
}
li {

	margin: 0px;

}

#midCol ul {
	list-style-type: disc;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.2em;
	margin-left: 20px;
}

#our_services h2 {
background: url(lib/img/icon2.jpg) no-repeat; 
padding: 14px 65px;
}

#our_services ul li {
margin-bottom: 7px;
}

#leftCol {
	float: left;
	width: 280px;
	margin-right: 10px;
	margin-left: 0px;
	padding-right: 20px;
}

#leftColm {
	float: left;
	width: 335px;
	padding-left: 53px;
	padding-right: 12px;
	margin: 0px !important;
	background-color: #FFDFAE;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 4px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFDFAE;
	border-right-color: #FFDFAE;
	border-bottom-color: #FFDFAE;
	border-left-color: #FFDFAE;
}
#leftColm .inner{
	float: right;
}

#leftCol h2 {
	padding-top: 14px;
	padding-bottom: 14px;
	color: #F90;
}

#midCol {
	float: left;
	width: 280px;
	margin-top: 0;
}

#midColumn {
	float: left;
	width: 510px;
	margin-top: 0;
}

#midColumn ul{
	list-style-type: disc;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.2em;
	margin-left: 20px;
	}

#our_services {
	width: 270px;
}

/*#leftCol, #our_services {
	float: left; 
	margin-top: 15px;
}*/

div#leftCol a {
	color: #b3e038;
}

div#leftCol a:hover {
	color: #595959;
}
/* main content end */

/* global sidebar */
#sidebar {
	float: left;
	width: 210px;
/*	z-index: 20;*/
	padding-right: 30px;
	position:relative;
	padding-left: 20px;
}

#sidebar ul {
	list-style-type: disc;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.2em;
	margin-left: 20px;
}
#sidebar li {

	margin: 0px;

}

/* members sidebar */
#sidebarassist {
	float: right;
	width: 210px;
	margin-top:55px;
	z-index: 20;
	margin-right: 10px;
	position:relative;
}

#sidebarassist p {
	font-size: 90%;
	margin-bottom:10px;
}

/* replace */
  
#content {
	background-color: #ffffff;
	background-repeat: repeat-x;
}

#our_services ul li a {
	color: #828181;
	}

#our_services ul li a:hover {
	color: #92c603;
	} 





.services p {
	float: left; 
	width: 455px;
} 

#services img {
	float: left; 
	margin-right:30px;
}

.service {
	overflow: hidden; 
	margin-bottom: 30px;
}

div.description {
	float: left; 
	width: 530px; 
	padding-top: 13px;
} 

.stuff img {
	float: left; 
	margin-right: 20px;
}

div.stuff{
	overflow: hidden; 
	position: relative;
}

.stuff p.position {
    color: #989897;
	font-weight: bold;
}
		
#main-area ul.portfolio li {
	float: left; 
	width: 140px; 
	height: 102px; 
	margin: 0px 20px 20px 0px;
}

ul.portfolio {
	overflow: hidden;
}

/* contact form styles */
#content .form {
	font-size: 91.667%;
	margin-top: 2em;
}
#content .form :focus {
	/*outline: 1px solid #FF9900;*/
}	
#content .form fieldset {
	width:350px;
	margin: 0;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	border-top: 1px solid #333;
	border-right: 1px solid #ff9900;
	border-left: 1px solid #ff9900;
	border-bottom: 14px solid #FF9900;
}
#content .form fieldset legend {
	color: #333;
	font-size: 109.1%;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}
#content .form .textinput ol {
	background: 0;
	border: 0;
	list-style: none;
	margin: 1em 0;
	padding: 0;
}
#content .form .textinput li {
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}
#content .form label {
	color: #4A4A4A;
	display: block;
	width: 10em;
	float: left;
	font-weight: bold;
	padding: 0 1em 0 0;
	text-align: left;
}
#content .form label.required {
	background-image: url(../img/required.gif);
	background-repeat: no-repeat;
	background-position: 100% 0.5em;
}

p#submit {
	clear: both; 
	/*padding-right: 20px;*/
	text-align: right;
}
p#submit input {
	margin-right: 27px; 
	text-transform: uppercase; 
	background: url(../lib/img/submit.jpg) no-repeat; 
	color: #ffffff; 
	border: none; 
	width: 104px; 
	height: 28px; 
	font-size: 11px;
}
/* contact form end */


/* add evidence form */
.add_evidence {
	width: 100%;
	float: left;
	color: #333;
	font-size: 90%;
	padding-top:20px;
}
.add_evidence .border {
   background: #4b4b4b;
   border: 1px solid #4b4b4b;
   
}
.add_evidence fieldset {
   border: 0;
   margin: 0;
   padding: 0;
}
.add_evidence legend {
	background: #4b4b4b;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 4px 8px;
    text-transform: none;
}
.innards {
    background: #ffdfae;
    border: 2px solid #fff;
    padding: 10px;
}
.innards label {
    font-weight: bold;	
}
.add_evidence label {
	text-transform: none;
}
.add_evidence .innards {
	font-size: 110%;	
}

.formfloatright {
	float: right;
	padding-top: 0px !important;
	padding-right: 5px;
	width: 450px;
	
}

.add_evidence .lists select {
	margin-top: 2px;	
}

.add_evidence .lists label {
	margin-left: 50px;	
}

.add_evidence .lists .filter {
  width:350px;   
  margin:4px;
}
.add_evidence .lists .filter input {
	width: 245px;
}

.add_evidence .lists .filter label {
	width: 131px;
	font-size: 90%;
}

.add_evidence .activity h2 {	
	color: #444;
	margin-left: 50px;	
	margin-bottom: 25px;
}

.add_evidence .lists .newactivity {	
	float: left;	
	margin: 2px 4px 4px 0px;
	width:450px;
	text-align:left;
}

.add_evidence .newactivity input {
	width: 157px;	
}

.add_evidence .newactivity input.button {
	width: 50px;
	font-size: 100%;
	padding:  2px 5px 0px 0px;	
}

.add_evidence .newactivity label {
	font-size: 90%;	
}

.add_evidence .newactivityhidden {
	display: none;	
}

.add_evidence .lists select {
	margin-bottom: 0px;	
}

.add_evidence .lists .selectedactivity {
	margin-right: 0px;
	margin-top:10px;
	float: left;
	/*text-align: center;	*/
}

.add_evidence .lists .selectedactivity input {
	width: 255px;	
}



.add_evidence table.values {
    width: 87%;
    margin: 15px 0 0 50px;
}/*UL*/

.add_evidence table.values td.left {
    text-align: left;
}

.add_evidence table.values td.center {
    text-align: center;
}

.add_evidence table.values td input.time {
	width: 50px;	
}

.add_evidence table.values td.right {
    text-align: right;
}

.add_evidence table.values input {
	width: 100px;	
}

.add_evidence table.values select {
	width: 75px;	
}

.add_evidence div.notes {
	margin: 15px 0 0 50px;	
}
.add_evidence div.notes textarea {
	
	width: 830px;
	margin: 0;	
}

.add_evidence div.questionnaire {
	margin: 15px 50px 0 50px;		
}

.add_evidence div.questionnaire ul li div.questionHPC {
   display: block;
   margin-bottom: 4px;
}

.add_evidence div.questionnaire ul li div.questionHPC input {
   float: right;
}

.add_evidence div.questionnaire ul li div.questionHPC label {
   text-transform: none;
   font-weight: normal;
   float: right;
   margin-left: 5px;
}

.add_evidence div.questionnaire ul li input.text {
   font-size: 100%;
   width: 600px;
   /*float: right;*/
}

.add_evidence div.documents {
color: #444;
	margin: 15px 50px;	
}

.add_evidence div.documents input {
	width: 450px;
	font-size: 100%;
}

.add_evidence div.documents a {
	margin-left: 5px;	
	color: #533200;
	text-decoration: underline;
}

.add_evidence div.documents a:hover {
	text-decoration: none;
}

.add_evidence .fixedlist ul {
	font-size: 110%;
	border: solid 1px #ddd;
	border-top: solid 1px #aaa;
	margin-right: 0px;	
	background-color: #fff;
}

.add_evidence .fixedlist ul li {
	padding: 3px 7px 6px 7px;
	font-size: 90%;
}

.add_evidence .submit {
	margin: 0px 35px 1 0;
	padding: 0;
}
.add_evidence .insideborder {
   border: 2px solid #fff;
   margin: 10px 0;
   padding: 10px;
}
.add_evidence .insideborder label {
   padding: 3px 10px;
   text-align: left;
   width: 180px;
}
.add_evidence .insideborder input {
   width: 20px;
}
.add_evidence .submit input {
    float: right;
}
.add_evidence .submit input.next {
   background: #1A9EB7 url(../lib/img/next.gif) no-repeat right;
   padding: 1px 20px 1px 10px;
}

.add_evidence .textarea {
	width: 800px;
	float: left;
	padding: 0;
}
	
.add_evidence .textarea_activity {
	width: 360px;
	height: 180px;
	padding: 0;
	margin-left: 50px;
	margin-right: 0px;
}

/* add evidence form end */


/* registration form end */



button.bkgrnd {
	background:url(../lib/img/magnifying.png);
	background-repeat: no-repeat;
	width: 33px;
	height: 33px;
	border: none;

}


/* registration form */
.register {
display: block;
   color: #333;
   float: left;
   font-size: 80%;
   width: 350px;
}
.register form {
   margin: 0;
   padding: 0;
}
.register label {
   display: block;
}
.register span {
	padding-left: 2px;	
}

.register .border {
   background: #4b4b4b;
   border: 1px solid #4b4b4b;
   margin-bottom: 25px;
}
.register fieldset {
   border: 0;
   margin: 0;
   padding: 0;
}
.register legend {
   background: #4b4b4b;
   color: #fff;
   font-size: 110%;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 4px 8px;
   text-transform: uppercase;
}
.register .innards {
   background: #FFDFAE;
   border: 2px solid #fff;
   padding: 6px;
}
.register label {
   float: left;
   padding: 3px 12px 0 0;
   text-align: right;
   width: 120px;
}
.register fieldset input {
   background: #fff;
   border: 0;
   margin: 0 0 6px 0;
   padding: 2px;
   width: 168px;
}
.register fieldset select {
   background: #fff;
   border: 0;
   margin: 0 0 6px 0;
   padding: 2px;
  
}

.register select {
   margin: 0 0 6px 0;
   width: 155px;
font-size: 90%;
}
.register fieldset textarea {
   background: #fff;
   border: 0;
   margin: 10px 0 0 0;
   padding: 2px;
   width: 100%;
}
.register input.bottom {
   margin: 0;
}
.register input.file {
   border: 1px solid #666;
   width: 310px;
}
.register .submit {
   margin: 25px 0;
   padding: 0 0 25px 0;
}
.register .insideborder {
   border: 2px solid #fff;
   margin: 10px 0;
   padding: 10px;
}
.register .insideborder label {
   padding: 3px 10px;
   text-align: left;
   width: 180px;
}
.register .insideborder input {
   width: 20px;
}
input.checkbox {
   background: none !important;
   float: left;
   margin: 2px !important;
   width: auto !important;
}
.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	display: inline;
float: left;
}
.register .submit input {
   background: #4b4b4b;
   border: 2px solid #FFB94F;
   color: #fff;
   font-size: 120%;
   float: right;
   padding: 1px 5px;
}
.register .submit input.next {
   background: #1A9EB7 url(../lib/img/next.gif) no-repeat right;
   padding: 1px 20px 1px 10px;
}

.formsplit {
	float: left;
	margin: 0;
	padding: 0;
	width: 350px;
}
.searchFloatRight {
	float: right;
	padding-top: 0px !important;
	padding-right: 0px;
	width: 340px;
	margin-right: 80px;
	text-align: right;
}
.formLeft {
	float: left;
	width: 340px;
}

#search {
	height:33px;

	width:281px;
}

#search form fieldset {
	border: 0px;
	overflow: hidden;
	padding: 0px;
}

#search fieldset input {
	color:#4C4C4C;
	border: 0px;
	background: none;
	padding: 0px;
}

#search fieldset input#search-field {
	background:transparent url(../lib/img/search-trans.png) no-repeat scroll 0 0;
	width:208px;
	height: 17px;
	padding: 8px;
	font-size: 13px;
	color: #8b8a8a;
	float: left;
}

#search fieldset input#search-button {
	cursor:pointer;
	float:left;
	margin-left:8px;
	margin-top:1px;
	padding-bottom:11px;
	text-indent:-9999px;
	width:49px;
	background: url(../lib/img/go-trans.png) no-repeat;
	height: 33px;
	overflow: hidden;
}

/* evidence history form */

.evidence-history th {
	font-weight: bold;	
	background: #4b4b4b;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	padding: 4px 8px;
}

.evidence-history table {
	margin-bottom: 25px;	
}

.evidence-history tr.row {
	background: #fff2df;
}

.evidence-history tr.row td {
	padding: 4px 8px;	
	color: #000;
}

/* courses page */

#courseSplitLeft {
	float: left;
	width: 400px;
	margin-top:20px;
	z-index: 20;
	margin-left: 25px;
	position:relative;
}

#courseSplitRight {
	float: right;
	width: 400px;
	margin-top:20px;
	z-index: 20;
	margin-right: 25px;
	position:relative;
}


.evidenceDaTiCo {
    float: left;
    display: inline;
    padding-top: 18px;
}
.innards {
    background: #FFDFAE;
   /* border: 2px solid #fff;*/
    padding: 10px;
}

.ready {
    color:White;

}

.HelpPrompt
{
	display:block;
	position:relative;
	width: 250px;
	height: 15px;
	visibility: visible;
	border: 1px solid #444;
	background-color:White;
	text-align:left;
	padding: 2px;
}

/* Error Display */


#content .message {
    width: 98%;
	border-width: 1px;
	border-style: solid;
	border-color: #CDE6B5;
	color: #444;
	margin: 1em 0;
	padding: 0 1em;
}
#content .success {
	background: #E2F0D5;
	color: #030;
	padding:2px;
	margin:3px;
}
#content .alert {
	background: #fff6bd;
	border-color: #f2d485;
	padding:2px;
	margin:3px;
	color:Red;
}
#content .error {
	background: #fff4d5;
	border-color: #444;
	padding:2px;
	margin:3px;
	color:Red;
}
#content .message h4 {
	color:#F00;
	font-size: 1.2em;
	margin: 0.75em 0;
}
#content .success h4 {
    color:#030;
	font-size: 1.4em;
	margin: 0.75em 0;
	padding: 0 50px;
}
#content .success p {
    color:#030;
	font-size: 1.4em;
	margin: 0.75em 0;
	padding: 0 50px;
}


#content .message ul,
#content .message ol {
	background: 0;
	border: 0;
	margin: 1em;
	padding: 0;
}
#content .message li {
	margin-left: 1em;
	list-style-type: none;
}
#content .error h4 {
	color: #ff0000;
}

/* faq page */

.question {
	padding: 15px;	
}
.question h2 {
	font-family: Lucida Unicode, Arial, sans-serif;
	color: #F90;
	font-size: 1.0em;
}

.question p {
	font-family: Lucida Unicode, Arial, sans-serif;
	color: #444;
	font-size: 1.0em;
}
a {	
	color: #FD9A00;
	text-decoration: none;
}

a:hover {
	color: #595959;
}
.answer {
	font-weight: bold;
	text-transform: uppercase;
	color: #000;	
}

.question  ul{
	list-style-type: disc;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.2em;
	margin-left: 20px;
	}
	
.question li {
	color: #343434;
	}

/* no script */

#noscript-warning{
	font-family:Arial,Helvetica,sans-serif;
	position:relative;
	top:0;
	left:0;
	width:100%;
	z-index:101;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	color:#fff;
	background-color:#AE0000;
	padding:5px 0 5px 0;
}

#noscript-padding{
	padding-top:3.5em;
}


/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	position:relative;
	float:left;
	width:100%;
	margin:0;
	text-align:left;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5 {
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
div.wrapper h6 {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;
	line-height:normal;
	font-family:Lucida Unicode, Arial, sans-serif;
	}
	
.col1{color:#CCCCCC; background-color:#000000;}
.col2, .col2 a{color:#FFFFFF; background-color:#B2C629;}
.col3{color:#777777; background-color:#FFFFFF; font-size: 12px;}
.col3 a{
	color:#F90;
	background-color:#FFFFFF;
		
}

.col4{
	color:#FFFFFF;
	background-color:#343434;
}
.col4 a{
	color:#F90;
	background-color:#343434;
}

.col5, .col5 a{
	color:#333333;
	background-color:#F90;
}

.fl_left{float:left;
color:#FFF;}
.fl_left a{
	color:#Fff;
	}
.fl_left :hover{
	color:#F60;
	}	
.fl_right{float:right;
color:#F60;
}	
.fl_right a{
	color:#Fff;
	}
.fl_right :hover{
	color:#F60;
	}

.imgl, .imgr{border:1px solid #999999; padding:5px;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}
.star{float:left; margin:0 8px 8px 0; clear:left;}

/* ----------------------------------------------Footer-------------------------------------*/

#footer, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
	}

#footer{
	padding:20px 0;
	}

#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#footer h2{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	font-size:18px;
	color:#CCCCCC;
	background-color:#343434;
	border-bottom:1px dotted #CCCCCC;
	}

#footer .box{
	display:block;
	float:right;
	width:250px;
	margin:0 0 0 25px;
	padding:0;
	}

#footer .box1{
	display:block;
	float:left;
	width:400px;
	line-height:1.6em;
	}

#footer .box1 .imgl{
	padding:5px;
	color:#FFFFFF;
	background-color:#343434;
}

#footer .contactdetails li{
	margin:0 0 2px 0;
	}

#footer .socialbox, #footer .socialbox .wrap{display:block; width:260px;}
#footer .socialbox .wrap .fix{clear:both;}
#footer .socialbox .wrap .social_badge_image{
	display:block;
	float:left;
	margin:0 10px 10px 0;
	width:70px;
	height:70px;
}
#footer .socialbox .wrap #social_badge_image3, #footer .socialbox .wrap #social_badge_image6{margin-right:0;}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
	padding:10px 0;
	}

#copyright p{
	margin:0;
	padding:0;
	}

/* ----------------------------------------------Content-------------------------------------*/

#container{
	padding:20px 0;
	}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	border-bottom:1px solid #E7E6E6;
	}

/* ----------------------------------------------Homepage Block-------------------------------------*/

.homepage{
	display:block;
	width:100%;
	margin:15px 0 0 0;
	padding:0;
	color: #343434;
	}

.homepage ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.homepage li{
	display:block;
	float:left;
	width:300px;
	margin:0 30px 0 0;
	padding:0;
	}

.homepage li.last{margin-right:0;}

.homepage li.paymentlast{margin-right:0; margin-right:0;
	width:300px;
	padding-left: 0px;
}

.homepage li h2{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 8px 0;
	font-weight:normal;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.homepage li h2 img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #999999;
	}

.homepage p{
	margin:0 0 25px 0;
	padding:0;
	line-height:1.6em;
	}

.homepage p.readmore{
	display:block;
	text-align:right;
	line-height:normal;
	font-weight:bold;
	}

.homepage p.readmore a{
	padding:8px 15px 10px;
	color:#FFFFFF;
	background-color:#F90;
	}


/* ----------------------------------------------User Account Page Block-------------------------------------*/

.useraccountpage{
	display:block;
	width:100%;
	margin:15px 0 0 0;
	padding:0;
	}

.useraccountpage ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.useraccountpage li{
	display:block;
	float:left;
	width:450px;
	margin:0 30px 0 0;
	padding:0;
	}

.useraccountpage li.last{margin-right:0;}

.useraccountpage li h2{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 8px 0;
	font-weight:normal;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.useraccountpage li h2 img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #999999;
	}

.useraccountpage p{
	margin:0 0 25px 0;
	padding:0;
	line-height:1.6em;
	}

.useraccountpage p.readmore{
	display:block;
	text-align:right;
	line-height:normal;
	font-weight:bold;
	}

.useraccountpage p.readmore a{
	padding:8px 15px 10px;
	color:#FFFFFF;
	background-color:#F90;
	}




/* ------------------Column-------------------*/

#column{
	display:block;
	float:right;
	width:630px; /* changed width */
	}

#column .holder{
	display:block;
	width:100%; /* changed width */
	margin-bottom:20px;
	}

#column .holder p{
	line-height:1.6em;
	}

#column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	}

#column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #666666;
	}

#column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

#column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	color:#666666;
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	}

/* --------- login ------------- */

.login_panel {
	z-index: 9999;
	overflow:hidden;
	/*background-color:White;*/
}

#login fieldset{
	color: #f90;
}

#login h2, #join h2 {
	color: #f90;
}
#login h2{
	padding-top: 0px;
	padding-bottom: 11px;
	padding-left: 0px;
	float: left;
	margin-top: -3px;
}

#login, #join {
	margin-bottom: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #FF9900;
	margin-top: 0px;
	
}
#login blockquote p span {
	color: #595959;
}
	
#login {
	text-align: right;	
	padding: 5px;
}

#login label {
	font-size: 95%;
}

#login h2 {
	float: none;
	display: inline;
	font-size: 100%;
	margin-right: 10px;	
}

#login .AspNet-Login {
	display: inline;
}

#login label {
	margin-left: 5px;	
}

#login .errortext {
	color: #ff0000;		
	font-size: 90%;
}
	
#login input.userpass {
	width: 130px;
	background: #f3f3f3;
	border: 1px solid #FFB94F;
	padding: 1px;
	font-size: 90%;
}

#login input.button {
	padding: 1px 3px;	
	font-size: 90%;
	font-weight: normal;
	margin-top: -1px;
}		


/*
input#username {
	float:left;
	width: 100px;
	margin-right: 5px;
	background: #f3f3f3;
	border: 1px solid #FFB94F;
	padding: 1px;
}		
  */
  
  /* login end */




/* stuff from style.css */

/* main area resource */

#main-area-resource .tabbedpanels {
	clear: none;
	float: left;

}

#main-area-resource .tabbedpanels {
	margin: 0px;
	padding: 0px;
	width: 100%; 
	
}
#main-area-resource .tabbedpanelscontentgroup {
	clear: both;
}


#main-area-resource .tabbedpanelscontent h2{
	font-size: 18px;
	color: #ff9900;
	font-weight: bold;
	padding: 8px 4px 14px 0px;
}

#main-area-resource .tabbedpanelscontent ol {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.8em;
	margin-left: 40px;
	line-height: 2.4em;
	text-indent: -14px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;	
	color:#222;
}

#main-area-resource .tabbedpanelscontent li {
	margin: 0px;
	margin-left: 20px;
}

#main-area-resource .tabbedpanelscontent ul{
	list-style-type: disc;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.2em;
	margin-left: 40px;
}


/* general form styles */

input.button {
	background: #4b4b4b;
	border: 2px solid #FFB94F;
	color: #fff;
	font-size: 110%;
	padding: 4px 7px;		
    font-weight: bold;
    
}

input.checkbox {
   background: none !important;
   float: left;
   margin: 2px !important;
   width: auto !important;
}

#main-areaContact {
	width: 100%;
	float: left;
	
}

#main-areaContact dt {
	color: #333;
	clear: left;
	float: left;
	font-weight: bold;
	width: 3em;
}

#main-areaContactForm 
{
    width:60%;
    float:left;
}


#main-areaPreRegister {
	width: 70%;
	float: left;
	
}

#main-areaPreRegister dt {
	color: #333;
	clear: left;
	float: left;
	font-weight: bold;
	width: 3em;
}

.main-areaPreRegisterText {
    float:left;
    width:64%;
    margin: 0;
    padding: 10px 10px 10px 0px;
}

/* my account form */
.myaccount {
   display: block;
   color: #333;
   float: left;
   font-size: 90%;
   width: 100%;
}

.myaccount .border {
   background: #4b4b4b;
   border: 1px solid #4b4b4b;
   margin: 15px 0 10px 0;
}
.myaccount fieldset {
   border: 0;
   margin: 0;
   padding: 0;
}
.myaccount legend {
   background: #4b4b4b;
   color: #fff;
   font-size: 110%;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 4px 8px;
   text-transform: none;
}
.myaccount .innards {
   background: #ffdfae;
   border: 2px solid #fff;
   padding: 10px;
   color: #828181;
}

.myaccount .innards ul li {
   list-style-type: none;	
}

.myaccount .innards label {
	display: block;
	width: 150px;	
	float: left;
}

.myaccount .innards input {
	margin: 2px 0;
	width: 200px;
}

.myaccount .innards ul.addressfields {
	display: block;	
	margin: 0 0 0 150px;
}

.myaccount .innards .longlabels label {
	width: 200px;
}

.myaccount .innards label.superlonglabel {
	width: auto;	
}

.myaccount .checklist label {
	width: auto;
	margin-right: 150px;
	font-weight: normal;
}

.myaccount .checklist input {
	width: 25px;
	float: left;
}

.myaccount .innards ul li {
	margin: 2px 0;	
}

.myaccount .innards select {
	margin: 2px 0;	
}

.myaccount .tabbedpanelscontent {
	padding: 18px 30px;	
}

.myaccount .innards input.shorttext {
	width: 75px;	
}

.myaccount .innards ol.clinicalinterest {
	display: block;	
	margin: 3px 0 0 50px;
}

.myaccount .innards ol.clinicalinterest li {
	list-style-type: decimal;
}

.myaccount .innards .clinicalinterest label {
	width: 75px;
	float: none;	
	display: inline;
	font-weight: normal;
}

.myaccount .innards .clinicalinterest input {
	width: 150px;
	display: inline;
	margin-right: 50px;
}

/* end myaccount */


/* evidence history form */

.evidence-history th {
	font-weight: bold;	
	background: #4b4b4b;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	padding: 4px 8px;
}

.evidence-history table {
	margin-bottom: 1px;	
}

.evidence-history tr td a {
	color: #533200;
	text-decoration: underline;
}

.evidence-history tr td a:hover {
	text-decoration: none;
}

.evidence-history tr.footer {
	background: #f90;
}

.evidence-history tr.footer td {	
	font-weight: bold;	
	font-size: 110%;
	color: #333;
}

.evidence-history table {
	border: #4b4b4b 1px solid;	
}

.evidence-history table.filter td {
	padding: 4px 8px;	
}

.evidence-history table.filter input.textinput {
	width: 75px;
	border: none;
	font-size: 96%;
}

.evidence-history table.filter input.button {
	font-size: 100%;
	padding: 2px 5px;		
}

.evidence-history table.filter tr {	
    background: #ffdfae;	
}

.evidence-history table.filter strong {
	color: #333;
	font-weight: bold;
	font-size: 110%;
}

.numbercell {
    text-align: right;	
}

.evidence-history tr td {
	padding: 4px 8px;	
	color: #000;
}

.row {
	background: #fffaf2;
}

.altrow {
	background: #ffe6bf;
}


#main-howtoarea dl.step
{
margin: 2em 0;
padding: 0;
/*font-family: Lucida Unicode, Arial, sans-serif;*/

font-family: georgia, times, serif;
}

#main-howtoarea .step dt
{
color: #ff9900;
position: relative;
left: 0;
top: 1.1em;
width: 5em;
font-weight: bold;
}

#main-howtoarea .step dd
{
border-left: 1px solid #000;
margin: 0 0 0 6em;
padding: 0 0 .5em .5em;
}

dl.step {
margin: 2em 0;
padding: 0;
font-family: Arial, sans-serif;
}

.step dt {
color: #BA5B00;
position: relative;
text-decoration:underline;
left: 0;
top: 1.1em;
width: 5em;
font-size: 1.3em;
/*font-weight: bold;*/
}

.step dd {
border-left: 1px solid #000;
margin: 0 0 0 6em;
padding: 0 0 .5em .5em;
font-size: 1.2em;
color:#343434;
}

.step .bold {
color:#BA5B00;
font-weight: bold;
}

hr {
color:#fff;
background-color:#fff;
height:1px;
border:none;
}

/* registration page updated */

/* ----------------------------------------------RegHomepage Block------------------------------------- */

.reghomepage{
	display:block;
	width:100%;
	margin:15px 0 0 0;
	padding:0;
	color: #343434;
	}

.reghomepage ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.reghomepage li{
	display:block;
	float:left;
	width:570px;
	margin:0 30px 0 0;
	padding:0;
	}

.reghomepage li.last{
	float: right;
	margin-right:0;
	width:350px;
	margin-left: 0px;
}

.reghomepage li.paymentlast{margin-right:0;
	width:280px;
	padding-left: 50px;
}

.reghomepage li h2{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 8px 0;
	font-weight:normal;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.reghomepage li h2 img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #999999;
	}

.reghomepage p{
	margin:0 0 25px 0;
	padding:0;
	line-height:1.6em;
	}

.reghomepage p.readmore{
	display:block;
	text-align:right;
	line-height:normal;
	font-weight:bold;
	}

.reghomepage p.readmore a{
	padding:8px 15px 10px;
	color:#FFFFFF;
	background-color:#F90;
	}


/* end registraion page updated */

.fltlft { 
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 5px;
}
.redstrong {
color: #ff0000;
}

.strongred {
	color: #060;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: italic;
	}
.stronggreen {
	color: #F60;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	}

.note {
	font-size: 1.3em;
	color:#3A3A3A;
	
}

/* modal window */

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:Black;
  display:none;
  top:0;
  left:0;
  opacity:0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
}
  
#boxes .window {
  position:absolute;
  width:505px;
  height:210px;
  display:none;
  z-index:9999;
  padding:20px;
  background-color:White;
  box-shadow:2px 2px 4px Black;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:505px; 
  height:210px;
}
.trial ul {
	list-style-type: none;
	padding: 0 20px 10px 0;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 1.2em;
	margin-left: 20px;
}
.trial li  {
	margin: 0px 20px 10px 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	list-style-position: outside;
	background-position: left 4px;
}

