/**************************************************************************/
/*********************** Default Site Styles ******************************/
/**************************************************************************/
html {
  	height:100%;
}
body {
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-family:Tahoma;
	font-size:12px;
	color:#fff;
	height:100%;
	scrollbar-3dlight-color:#e38618; 
	scrollbar-arrow-color:#c25b28;
	scrollbar-highlight-color: #fda94c;
	scrollbar-face-color:#ea8d1f;
	scrollbar-shadow-color:#fc931f;
	scrollbar-darkshadow-color:#d46f25;
	scrollbar-track-color: #cd6f28;
}

/*********************** Styles for fading ******************/
#fadeLayout {
	position:absolute;
	margin:0px auto 0px auto;
	width:760px;
	height:635px;
	z-index:1000;
}
/***********************************************************/

.error 
{
	color: red;
}

h1, h2, h3, h4, h5 { margin:0px; padding:0px;}

h1 {
	margin: 7px 0px 0px 0px;
	padding: 6px 0px 4px 12px;				
	font-weight:bold;
	font-size:14px;
	width: 228px;
	height: 30px;
	color: white;
	background:url(/Resources/Skins/SSI/css/images/h1-box-bg.jpg) no-repeat 0 0;		
}

h1.Test-Title {
	margin: 7px 0px 0px 0px;
	padding: 6px 0px 4px 0px;				
	font-weight:bold;
	font-size:14px;
	width: auto;
	height: auto;	
	color: black;
	background: none;		
}

h2 {
	margin: 7px 0px 0px 0px;
	padding: 6px 0px 0px 12px;
	color: white;
	font-weight:bold;
	font-size:11px;
	width: 429px;
	height: 26px;
	background:url(/Resources/Skins/SSI/css/images/h2-box-long-bg.jpg) no-repeat 0 0;		
}

h2.medium {
	margin: 7px 0px 0px 0px;
	padding: 6px 0px 0px 12px;
	color: white;
	font-weight:bold;
	font-size:11px;
	width: 360px;
	height: 26px;
	background:url(/Resources/Skins/SSI/css/images/h2-box-medium-bg.jpg) no-repeat 0 0;		
}

h3 {
	margin:12px 0px 0px 0px;
	padding:0px;
	font-weight:bold;
	font-size:12px;
}
h4 {
	margin:10px 0px 0px 0px;
	padding:0px;
	font-weight:bold;
	font-size:11px;
}
h6 {
	margin:0px 8px 0px 5px;
	padding:0px;
	font-size:9px;	
	text-align:center;
}

p {
	margin:0px 30px 0px 31px;
	padding:0px;	
	/*line-height:12px;*/
}

form {
	margin:0px;
	padding:0px;
}
input.textfield {
	border:1px solid #747272;
	height:14px;
	width:176px;
}
input.longtextfield {
	border:1px solid #747272;
	height:14px;
	width:285px;
}
textarea {
	border:1px solid #747272;
	height:67px;
	width:287px;
	font-size:12px;
	text-align:justify;
}
*HTML textarea {
	border:1px solid #747272;
	height:65px;
	width:285px;
	font-size:12px;
	text-align:justify;
}
*:first-child+html textarea { /*IE7 css hack*/
	border:1px solid #747272;
	height:67px;
	width:286px;
	font-size:12px;
	text-align:justify;
}


select {
	border:1px solid #747272;	
	width:178px;
}

.clear {
	position:relative;
	clear:both;
	height:1px;
	line-height:1px;
	font-size:0px;
}


#pageLayout {
	position:relative;
	margin:0px auto 0px auto;
	width:760px;
	height:635px;
	background:url(/Resources/Skins/SSI/css/images/layout_bg_blue.gif) no-repeat 0 0;	
}
#pageHeader {
	position:relative;
	height:192px;		
}
#pageHeader .headerTitle {
	position:absolute;
	top:46px;
	left:18px;
}
#pageHeader .h-img {
	position:absolute;
	right:0px;
	top:0px;
}
.serviceMenu { z-index:200;
	position:absolute; 
	right:80px;
	top:174px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
.serviceMenu A,
.serviceMenu A:hover { 
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:1px 5px 6px 4px;
}
.serviceMenu A:hover {
	background-color:#fff;
	color:#000;
}

#pageContent {
	position:relative; 
	left:180px;
	width:571px;
	height:401px;
	color:#000;
	background-color:#fff;
	border-top:1px solid #f1d8c9;
	border-left:1px solid #d68c5e;	
}
#pageMenu {
	position:absolute; 
	z-index:100;
	padding:12px 0px 0px 0px;
	width:181px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#pageMenu-logo 
{
	padding: 20px 0px 0px 4px;
}

#pageMenu A.Item,
#pageMenu A.Item:hover {
	position:relative;
	display:block;
	padding:3px 0px 5px 15px!important;
	padding:3px 0px 2px 15px!;
	height:12px;
	border-right:1px solid #d68c5e;
	border-bottom:2px solid #fff;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}
#pageMenu A.Item:hover {
	border-right:1px solid #fff;
	background:#fff;
	color:#000;
}
/*
#pageMenu A.activeItem {
	border-right:1px solid #fff;
	background:#fff;
	color:#000;
}
*/

#pageFooter {
	position:absolute;	
	right:36px;	
	bottom:10px;
	font-size:9px;		
	word-spacing: -1px;	
}

#pageFooter-logo 
{
	padding: 0px 74px 0px 4px;
}

/**************************************************************************/
/*********************** Default Site Styles End **************************/
/**************************************************************************/

/**************************************************************************/
/********************************* Home Page ******************************/
/**************************************************************************/

.flash_content { 
	position:relative;
	float:left;
	left:18px;
	margin: 10px 0px 0px 0px;	
}

.flash_content p{ 
	padding: 10px 0px 0px 10px;
	margin: 0px;
}


.flash_content h1{ 	
	margin: 7px 0px 0px 10px;
}

.scroll_content {
	position:relative;
	float:left;
	left:8px;
	margin:18px 0px 0px 0px;
	width:159px;
	height:355px;
	overflow:auto;			
}
.scroll_content .Item {
	width:135px;
	margin:0px 0px 7px 0px;
	color:#000;	
}

.scroll_content a {	
	color:#000;
	text-decoration: none;
}

.scroll_content a:hover {	
	color:#000;
	text-decoration: underline;
}

.flash_large_layout {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:1000;
}
.flash_large { 
	position:relative;
	margin:0px auto 0px auto;
	width:760px;
	height:635px;
}
.flash_large img {
	position:absolute;
	top:82px; left:60px;
	width:660px;
	height:520px;
}
/**************************************************************************/
/***************************** Home Page End ******************************/
/**************************************************************************/

/**************************************************************************/
/**************************** Email Link Page *****************************/
/**************************************************************************/

table.email-link th {
	width: 150px;
	text-align: left;
	font-weight: bold;	
	font-size: 12px;
	padding: 2px;
}
table.email-link td {
	padding: 2px;
	font-size: 12px;
}


#BreadcrumbsSection {
	font-size:12px;
	font-weight:bold;
	margin: 0px;
	padding: 5px 5px 5px 21px;	
}
#BreadcrumbsSection A {
	color:#000;
	text-decoration:underline;
	padding:0 2px 0 1px;	
}

/**************************************************************************/
/**************************** Email Link Page End *************************/
/**************************************************************************/

.scrollSection { 
	width:537px;
	height:350px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*line-height:12px;*/
	margin: 0px 4px 0px 22px;
	padding: 12px 4px 0px 0px;		
}
.scrollSection p {
	margin:5px 0px 0px 0px;
}




/**************************************************************************/
/**************************** Other               *************************/
/**************************************************************************/


#RegistrationForm 
{
	padding: 0px 0px 0px 22px;
}

#RegistrationForm .x-form-text
{
	border:1px solid #747272;
	height:14px;
	width:176px;
}

#RegistrationForm select
{
	border: #747272; 
	border-style: solid;
	border-top-width: 1px;	
	border-bottom-width: 1px;	
	border-left-width: 1px;
	border-right-width: 1px;
	width: 178px;
}

#RegistrationForm .field-container
      {
      padding: 5px 5px 5px 5px;
      clear: both;      
      }

#RegistrationForm .field-caption
{
float: left;
width: 200px;
}

#RegistrationForm .field-error
{
padding: 0px 0px 0px 205px;
}

#RegistrationForm .comment
{
	display: block;
	padding: 5px;
}


#ProfileForm 
{
	padding: 0px 0px 0px 22px;
}

#ProfileForm .x-form-text
{
	border:1px solid #747272;
	height:14px;
	width:176px;
}

#ProfileForm select
{
	border: #747272; 
	border-style: solid;
	border-top-width: 1px;	
	border-bottom-width: 1px;	
	border-left-width: 1px;
	border-right-width: 1px;
	width: 178px;
}

#ProfileForm .field-container
      {
      padding: 5px 5px 5px 5px;
      clear: both;      
      }

#ProfileForm .field-caption
{
float: left;
width: 200px;
}

#ProfileForm .field-error
{
padding: 0px 0px 0px 205px;
}




/********************** tests **************************************************/


.questions {
	width:500px;
	border-collapse:collapse;
}
.questions table {
	border-collapse:collapse;
	width:100%;
	margin-top:3px;
}
.questions table td {
	border-bottom:none;
	border-bottom:solid 1px #cccccc;
}
.questions a {
	color:#912000;
}
.questions td {
	margin:0px 0px 0px 0px;
	padding:3px 3px 3px 1px;
	text-align:left;
}
.questions th {
	text-align:left;
	vertical-align:top;
	padding:5px 3px 1px 1px;
}
table.question_group {
	margin-top: 0px;
	padding-top: 0px;
}
table.question_group th 
{
	padding-left:8px;
}
table.question_group td {
	margin-top: 0px;
	padding-top: 2px;		
}

th.question-header {	
	text-align: center;
	vertical-align: middle;
}

td.question-text {		
	width: 250px;
}

td.question-input 
{
	width: 65px;
	text-align: center;	
}
 



#WebcastInfoBox 
{
	clear:both;
	width: 378px;
	padding: 5px;
	margin: 5px 0px 0px 0px;
	border: solid 1px #666666;
	background-color: #eeeeee;
}

#Webcast-Progress td
{
	height: 30px;
}