﻿/* this section define base styles of template */ 
body, td {
	font-size : 		11px;
	font-family : 		Verdana, Arial, sans-serif;
	margin:0px;
	padding:0px;
}
		
a:link,
a:visited {
	font-family:  		Verdana, Arial, sans-serif; 
	text-decoration: 	none; 
	color: 				#6e6e6e;
}

a:hover,
a:active {
	text-decoration: 	underline; 
	color: 				#6e6e6e;
}	

input, 
textarea,
select {
	background-color:	#fefefe;
	border: 			1px solid #333333;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
}

.separator {
	height:10px;
}

iframe {
	border: none 0;
}


td.lead_index {
	color:#fff;padding-left:10px;padding-right:10px;
}

td.lead_index A,
td.lead_index A:hover,
td.lead_index A:link,
td.lead_index A:visited,
td.lead_index SPAN A,
td.lead_index SPAN A:link,
td.lead_index SPAN A:visited,
td.lead_index SPAN A:active {
	color:#fff;
	text-decoration:underline;
}

/*******************************************/
/***************** header ******************/
/*******************************************/
.headerContainer table {
	height: 60px;
	vertical-align: bottom;
	color: #6e6e6e;
}

.headerContainer td a:link,
.headerContainer td a:visited {
	color: #6e6e6e;
	font-weight: bold;
	text-decoration: none;
	margin: 0 15px;
}

.headerContainer td a:hover,
.headerContainer td a:active {
	color: #6e6e6e;
	font-weight: bold;
	text-decoration: underline;
	margin: 0 15px;
}

/*******************************************/
/***************** footer ******************/
/*******************************************/
.footerContainer {
	border-top: solid 1px #fff;
	background-color: #868685;
	height: 24px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.regionFooterTable td {
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.regionFooterTable td a:link,
.regionFooterTable td a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.regionFooterTable td a:hover,
.regionFooterTable td a:active {
	text-decoration: underline;
}

.copyrightContainer {
	height: 38px;
	text-align: center;
}

/*******************************************/
/***************** index *******************/
/*******************************************/
.indexHeader {
	height: 16px;
	background-color: #527787;
	width: 184px;
}

.indexContainer {
	vertical-align: top;
	background-color: #527787;
	width: 184px;
}

.indexContainer .captionText {
	width: 172px;
	color: #fff9c6;
	font-weight: bold;
	font-size:14px;
	line-height: 20px;
	padding-bottom: 7px;
}

.indexContainer .captionText span {
	padding: 0 12px;
}

.indexContainer .captionImage {
	width: 172px;
	padding: 10px 12px;
	text-align: center;
	border-bottom: solid 1px #86a0ab;
}

.sectionFirstLevel,
.sectionSecondLevel,
.sectionOtherLevel,
.sectionFirstLevel li,
.sectionSecondLevel li,
.sectionOtherLevel li {
	list-style-type: none;
	
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.sectionFirstLevel .item {
	background-image: url(../../images/_gui/ico_nav_arrow.gif);
	background-position: 12px 12px;
	background-repeat: no-repeat;
	padding: 8px 0 8px 21px;
	border-bottom: solid 1px #86a0ab;
}

a.sectionFirstLevelLink:link,
a.sectionFirstLevelLink:visited,
a.sectionFirstLevelLink:hover,
a.sectionFirstLevelLink:active {
	color: #fff;
	text-decoration: none;
}

.sectionSecondLevel {

}

.sectionSecondLevel .item {
	background-image: url(../../images/_gui/ico_nav_arrow.gif);
	background-position: 5px 8px;
	background-repeat: no-repeat;
	padding: 4px 0 4px 13px;
	border: none;
}

a.sectionSecondLevelLink:link,
a.sectionSecondLevelLink:visited,
a.sectionSecondLevelLink:hover,
a.sectionSecondLevelLink:active {
	color: #fff;
	text-decoration: none;
}


.sectionOtherLevel {

}

.sectionOtherLevel .item {
	background-image: url(../../images/_gui/ico_nav_arrow.gif);
	background-position: 8px 8px;
	background-repeat: no-repeat;
	padding: 4px 0 4px 18px;
	border: none;
}

a.sectionOtherLevelLink:link,
a.sectionOtherLevelLink:visited,
a.sectionOtherLevelLink:hover,
a.sectionOtherLevelLink:active {
	color: #fff;
	text-decoration: none;
}

.indexContainer .link {
	width: 160px;
	padding: 4px 12px;
	overflow: hidden;
}

.indexContainer .link a:link,
.indexContainer .link a:visited {
	color: #fff;
	text-decoration: underline;
	overflow: hidden;
}

.indexContainer .link a:hover,
.indexContainer .link a:active {
	text-decoration: none;
	overflow: hidden;
}

.loginBox {
	padding: 8px 12px;
	background-color:#618A9C;
}

.loginBox .label {
	color: #fff;
	line-height: 20px;
}

.loginBox .field {
	background-color: #86a0ab;
	border: solid 1px #ccc;
	width: 140px;
	color: #fff;
	padding: 2px;
	height: 18px;
}

.loginBox a:link, 
.loginBox a:visited,
.loginBox a:hover,
.loginBox a:active {
	background-color: #86a0ab;
	color: #fff;
	padding: 3px;
	text-decoration: none;
	margin-top: 5px;
	clear: both;
	width: 40px;
	display: block;
}

/*******************************************/
/***************** outdex *******************/
/*******************************************/
.outdexHeader {
	height: 16px;
	background-image: url(../../images/_gui/outdex_header.gif);
	border-right: solid 1px #c0c0c0;
	width: 226px;
}

.outdexContainer {
	vertical-align: top;
	border-right: solid 1px #c0c0c0;
}

.outdexContainer .captionText {
	width: 226px;
	color: #fff;
	background-color: #527787;
	font-weight: bold;
	line-height: 15px;
	margin: 10px 0;
	background-image: url(../../images/_gui/ico_outdex_caption.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding: 0 15px 0 30px;	

}

.outdexContainer .captionText span {
}

.outdexContainer .captionImage {
	width: 226px;
	text-align: center;
}
.outdexContainer .link {
	background-image: url(../../images/_gui/ico_outdex_arrow.gif);
	background-position: 10px 9px;
	background-repeat: no-repeat;
	padding: 2px 0 2px 20px;
}

.outdexContainer .link a:link,
.outdexContainer .link a:visited {
	color: #527787;
	text-decoration: underline;
	overflow: hidden;
}

.outdexContainer .link a:hover,
.outdexContainer .link a:active {
	text-decoration: none;
	overflow: hidden;
}

.searchBox {
	padding: 8px 12px;
}

.searchBox .field {
	background-color: #e2e2e2;
	border: solid 1px #86a0ab;
	color: #666;
	padding: 2px;
	height: 18px;
	width: 153px;
}

.searchBox .button {
	background-color: #e2e2e2;
	border: solid 1px #86a0ab;
	color: #666;
	font-weight: bold;
	padding: 0 2px;
	height: 18px;
	margin-left: 5px;
	width: 45px;
}

/*******************************************/
/***************** main *******************/
/*******************************************/
.mainHeader {
	height: 16px;
	background-color: #e2e2e2;
}
.mainHeader td {
	font-size: 10px;
}

.navigationPath {
	height: 19px;
}

.navigationPath .title {
	background-color: #868686;
	padding: 0 10px;
	color: #fff;
	white-space: nowrap;
}

.navigationPath .links {
	padding: 0 10px;	
}

.mainContainer {
	vertical-align: top;
	width: 570px;
}

.mainContainer .captionText {
	width: 570px;
	color: #628f95;
	background-color: #dfdfdf;
	font-weight: bold;
	
}

.mainContainer .captionText span {
	line-height: 40px;
	padding: 0 10px;
}

.mainContainer .captionImage {
	width: 570px;
	text-align: center;
}

.fullArticle,
.searchResults {
	padding:0px 15px;
	overflow: hidden;
}

.fullArticle .title,
.searchResults .title {
	margin: 0;
	padding: 10px 0px;
	color: #527787;
	border-bottom: solid 1px #d1d1d1;
	font-size: 12px;
}

.fullArticle .title p,
.searchResults .title p,
.formContainer .title p {
	margin: 0; 
	padding: 0;
}

.shortArticle .lead,
.shortArticle .content,
.formContainer td {
	color: #666;
}

.fullArticle .modifiedDate,
.fullArticle .author {
	color: #527787;	
	font-size: 10px;
}

.fullArticle .print {
	color: #527787;
}

.fullArticle .links {
}

.shortArticle {
	padding: 10px;
	overflow: hidden;
	background-color: #dfdfdf;
}

.shortArticle td {
	vertical-align: top;
}	

.shortArticle .image img {
	margin: 3px 10px 0 0;
}

.shortArticle .title {
	color: #628f95;	
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

.shortArticle .lead {
	color: #636363;
	margin: 0;
	padding: 0;
}

.shortArticle .lead a:link,
.shortArticle .lead a:visited,
.shortArticle .lead a:hover,
.shortArticle .lead a:active {
	color: #636363;
	text-decoration: underline;
}

.formContainer {
	padding: 15px;
	overflow: hidden;
}

.formContainer .title {
	margin: 0;
	padding: 10px 0;
	color: #527787;
	border-bottom: solid 1px #d1d1d1;
	font-size: 12px;
}

.formContainer td {
	padding: 4px 0;
}

.formContainer .text {
	width: 130px;
	padding-right: 10px;
}

.formContainer .requiredFields,
.formContainer .formText,
.formContainer .statusMsg {
	color: #527787;	
}

.formContainer .errorMsg {
	color: #ff0000;	
}

.formContainer .element input,
.formContainer .element textarea,
.formContainer .element select,
.PropTblInRightTD input,
.PropTblInRightTD textarea,
.PropTblInRightTD select,
.LongTextBoxesForNames
 {
	background-color: #e2e2e2;
	border: solid 1px #86a0ab;
	color: #666;
	padding: 2px;
}

.formContainer .button {
	background-color: #e2e2e2;
	border: solid 1px #86a0ab;
	color: #666;
	font-weight: bold;
	padding: 0 2px;
	height: 18px;
	margin-left: 5px;
}

.PropTblInLeftTD span{
	margin-right: 10px;
}

.PropTblIn label {
	padding: 0 5px;
}

/************** Form Style definition - begin **************/
/* this section define styles of Form template definition */
.form {
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
}

.form .head {
	background-color : 	#666666;
	border: 			1px solid #666666;
	color:				#ffffff;
	padding:			5px;
	font-weight:		bold;
}

.form .body {
	padding:			5px;
	border-left:		1px solid #666666;
	border-right:		1px solid #666666;
	border-bottom:		1px solid #666666;
}

.form .errorMsg {
	padding:			5px;
	font-weight:		bold;
	color:				#CC3300;
}

.form .requiredFields {
	padding:			5px;
}

.form .body .formElements {
	width:100%;
}

.form .body .formElements .text {
	background-color : 	#E8E8E8;
	padding:			5px;
	width:				130px;
}

.form .body .formElements .element {
	background-color: 	#E8E8E8;
	padding:			5px;
}

.form .body .formElements .element .textArea, .textBox, .listBox, .comboBox{
	background-color:	#fefefe;
	border: 			1px solid #333333;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
}

.form .body .formElements .element .checkBox, .radioButton {
	margin:0px;
}


.form .body .formElements .element textarea {
	height:				100px;
}

/************** Survey Style definition - begin **************/
/* this section define styles of Survey template definition */
.survey .body {
	padding:			5px;
}

.survey .statusMsg {
	padding:			5px;
	font-weight:		bold;
}

.survey .requiredFields {
	padding:			5px;
}

.survey .body .formElements {
	width:				100%;
}

.survey .errorMsg {
	padding:			5px;
	color:				#CC3300;
	font-weight:		bold;
}

.surveyresults {
	width: 310px; 
}

.surveyresults .bars {
	width:100%;
}

.surveyresults .bars .barTitle{
	width:120px;
	padding-right: 10px;
}

.surveyresults .bars .barPercent{
	width: 10px;
}

/************** Forum Style definition - begin **************/
/* this section define styles of Forum template definition */
.forum {
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
}

.forum .head {
	background-color : 	#666666;
	border: 			1px solid #666666;
	color:				#ffffff;
	padding:			5px;
	font-weight:		bold;
}

.forum .body {
	padding:			5px;
	border-left:		1px solid #666666;
	border-right:		1px solid #666666;
	border-bottom:		1px solid #666666;
}

.forum .body .itemTable {
	width:100%;
}

.forum .body .errorMsg {
	padding-top:		5px;
	color:				#CC3300;
}

.forum .body .forumForm {}

.forum .body .forumForm .head {
	background-color : 	#666666; 
	border: 			1px solid #666666;
	padding:			2px 5px 2px 5px; 
	color:				#ffffff;
	font-weight:		bold;
}

.forum .body .forumForm .body {
	background-color: 	#E8E8E8; 
	border: 			1px solid #666666;
	padding:			2px 5px 2px 5px; 
	color:				#000000;
	font-weight:		bold;
}

.forum .body .forumForm .text {
	background-color : 	#E8E8E8;
	padding:			5px;
	width:				90px;
}

.forum .body .forumForm .element {
	background-color: 	#E8E8E8;
	padding:			5px;
}

.forum .body .forumForm .element textarea {
	height:				100px;
}

/************** Site Map Style definition - begin **************/
/* this section define styles of Site Map template definition */
.siteMap {

}

.siteMap .head {
	
}

.siteMap .body {
	padding:			5px;
}

/************** Search form Style definition - begin **************/
/* this section define styles of Search form template definition */
.search {
	width:				100%;
	height:				100%;
}

.search p{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
}

.searchResults {
	margin-top:			2px;
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
}

.searchResults .head {
	background-color : 	#666666;
	border: 			1px solid #666666;
	color:				#ffffff;
	padding:			5px;
	font-weight:		bold;
}

.searchResults .body {
	padding:			5px;
	border-left:		1px solid #666666;
	border-right:		1px solid #666666;
	border-bottom:		1px solid #666666;
}

/************** Link Style definition - begin **************/
/* this section define styles of Link templates definition */
.linkSiteMap, .linkFile, .linkFileFlash, .linkFile {
	padding:			5px;
	text-align:			left;
}

.linkGeneral {
	padding:			10px 15px 5px 15px;
	text-align:			left;
}

.linkImage {
	padding:			5px;
	text-align:			center;
}

/************** Web Service definition - begin **************/
/* this section define styles of Web Service template definition */
.rss {
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
}

.rss .head {
	background-color : 	#666666;
	border: 			1px solid #666666;
	color:				#ffffff;
	padding:			5px;
	font-weight:		bold;
}

.rss .body {
	padding:			5px;
	border-left:		1px solid #666666;
	border-right:		1px solid #666666;
	border-bottom:		1px solid #666666;
	background-color : 	#E8E8E8;
}

HR {
	color: #cccccc;
	height: 1px;
}
.regionHeaderTable SPAN IMG
{
	margin-top: 7px;
}
.regionMainTable TD
{
	border: solid 0px black
}
