﻿/************** Pink Class - begin **************/
/* this section define base styles of template */ 
body {
	font-size : 		11px;
	font-family : 		Arial, sans-serif;
	margin:0px;
	background-color:#A9C8DD;
	}

td {
	font-size : 		11px;
	font-family : 		Arial, sans-serif;
	margin:0px;
	

}

		
a {
	font-family:  		Arial, sans-serif; 
	text-decoration: 	none;
}
a:link {
	text-decoration: 	none; 
	color: 				#003366;
}
a:visited {
	text-decoration: 	none; 
	color: 				#003366;
}
a:hover {
	text-decoration: 	underline; 
	color: 				#000033;
}	

.Selected {
	border: 			solid 1px #FFBB6E;
	padding: 			0px;
	
}

.EditingIconUnselected {
	background-color: 	#FFFFFF;
	border: 			solid 1px #000080;
	height: 			20px;
	width: 				20px;
	visibility: 		visible;
}

.EditingIconSelected {
	background-color: 	#FFEEC2;
	border: 			solid 1px #000080;
	height: 			20px;
	width: 				20px;
	visibility: 		visible;
}

.LinkFileImage {
	text-align:center;
}

.ContentHolder {
	background-color: 	#DDE9FB;
}

.field {
	background-color:	#FFFFFA;
	border: 			1px solid #BEC9DD;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			10px;
}

textarea {
	background-color:	#FFFFFA;
	border: 			1px solid #BEC9DD;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			10px;
}

.separator {
	height:10px;
}

.separator_index {
	height:10px;
	background-color:#f0f3f6;
}

/* Pink Class - end */

/************** Ticker definition - begin **************/
/* this section define styles of all Ticker template definition */
/* Ticker Main - begin */
.tickerMain {
	font-family: 		Arial, sans-serif;
	font-size: 			11px;
	height: 			16px;
	padding: 			2px 2px 2px 2px;
	margin-top: 		0px; 
	margin-left: 		0px;
	background-color : 	#006699;
	color:				#003366;
}

.tickerMain a{
	color:				#003366;
	text-decoration:	none;
	padding: 			3px 2px 2px 2px;
}

.tickerMain a:link{
	color:				#003366;
	text-decoration:	none;
}

.tickerMain a:visited{
	color:				#003366;
	text-decoration:	none;
}

.tickerMain a:hover{
	color:				#003366;
	text-decoration:	underline;
}

.tickerMain .over {
	background-color: 	#FE81E2;
	color: 				#FFFFFF;
	padding: 			3px 5px 2px 5px;
}

.tickerMain .out {
	color: 				#003366;
	padding: 			3px 5px 2px 5px;
}
.tickerMain .separator {
	width:				1px;
	padding-left:		1px;
	background-color:	#FE81E2;
}

/* Ticker Index - begin */
.tickerIndex {
	padding: 			2px 2px 2px 2px;
	margin-top: 		0px; 
	margin-left: 		0px;
	background-color:	#ffffff;
}

.tickerIndex .over {
	padding: 			0px 2px 0px 2px;
}

.tickerIndex .out {
	padding: 			0px 2px 0px 2px;
}
.tickerIndex .separator {
	width:				1px;
	padding-left:		1px;
	background-color:	#ffffff;
}
/* Ticker definition - end */

/************** Caption Text definition - begin **************/
/* this section define styles of all Ticker template definition */
td.captionText {
	background-color : 	#F3F0AB;
	border: 			1px solid #BEC9DD;
	padding:			2px 5px 2px 5px;
	color:				#006699;
	margin-bottom:		10px;
	font-family:Arial narrow,arial;
	font-size:13px;
	font-weight:bold;
}

.captionImage {
	background-color : 	#006699; 
	border: 			1px solid #000000; 
	padding:			0px; 
	color:				white; 
	text-align:			center;
	margin-bottom:		10px;
}

/************** Form Style definition - begin **************/
/* this section define styles of Form template definition */
.form {
	font-family: 		Arial, sans-serif;
	font-size: 			11px;
}

.form .head {
	background-color : 	#006699;
	border: 			1px solid #000000;
	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 : 	#F0F3F6;
	padding:			5px;
	width:				130px;
}

.form .body .formElements .element {
	background-color: 	#F0F3F6;
	padding:			5px;
}

.form .body .formElements .element .textArea, .textBox, .listBox, .comboBox{
	background-color:	#FFFFFA;
	border: 			1px solid #BEC9DD;
	font-family:		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 {
	font-family: 		Arial, sans-serif;
	font-size: 			11px;
	color:#006699;
}

.survey .head {
	
	border: 			1px solid #BEC9DD;;
	color:				#006699;
	padding:			5px;
	font-weight:		bold;
}

.survey .body {
	padding:			5px;
	border-left:		1px solid #BEC9DD;
	border-right:		1px solid #BEC9DD;
	border-bottom:		1px solid #BEC9DD;
	color:				#006699;
}

.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;
}

.survey .body .formElements .text {
	background-color : 	#F0F3F6;
	padding:			5px;
}

.survey .body .formElements .element {
	background-color: 	#F0F3F6;
	padding:			5px;
}

.survey .body .formElements .element .textArea, .textBox, .listBox, .comboBox{
	background-color:	#FFFFFA;
	border: 			1px solid #BEC9DD;
	font-family:		Arial, Helvetica, sans-serif;	font-size:			10px;
}

.survey .body .formElements .element .checkBox, .radioButton {
	margin:0px;
}


.survey .body .formElements .element textarea {
	height:				30px;
}

.survey .body .results {
	background-color:	#003366;
	padding:5px;
}

.survey .body .results .title{
	font-weight:bold;
}

.survey .body .results .bars {
	width:100%;
}

.survey .body .results .bars .barTitle{
	width:30px;
}

.survey .body .results .bars .barPercent{
	width:30px;
}

.survey .body .results .bars .image {
	border-right: 1px solid #929282;
	border-left: 1px solid #929282;
}
/************** Forum Style definition - begin **************/
/* this section define styles of Forum template definition */
.forum {
	font-family: 		Arial narrow,arial, sans-serif;
	font-size: 			13px;
}

.forum .head {
	border: 			1px solid #BEC9DD;
	color:				#006699;
	padding:			5px;
	font-weight:		bold;
}

.forum .body {
	padding:			5px;
	border-left:		1px solid #BEC9DD;
	border-right:		1px solid #BEC9DD;
	border-bottom:		1px solid #BEC9DD;
}

.forum .body .itemTable {
	width:100%;
}

.forum .body .errorMsg {
	padding-top:		5px;
	color:				#CC3300;
}

.forum .body .forumForm {}

.forum .body .forumForm .head {
	
	border: 			1px solid #BEC9DD;
	padding:			2px 5px 2px 5px; 
	color:				#006699;
	font-weight:		bold;
}

.forum .body .forumForm .body {
	background-color: 	#F0F3F6; 
	border: 			1px solid #BEC9DD;
	padding:			2px 5px 2px 5px; 
	color:				#006699;
	font-weight:		bold;
}

.forum .body .forumForm .text {
	background-color : 	#F0F3F6;
	padding:			5px;
	width:				90px;
}

.forum .body .forumForm .element {
	background-color: 	#F0F3F6;
	padding:			5px;
}

.forum .body .forumForm .element textarea {
	height:				100px;
}

/************** Site Map Style definition - begin **************/
/* this section define styles of Site Map template definition */
.siteMap {
	margin-top:			2px;
	font-family: 		Arial narrow,Arial, sans-serif;
	font-size: 			13px;
	border-left:		1px solid #BEC9DD;
	border-right:		1px solid #BEC9DD;
	border-bottom:		1px solid #BEC9DD;
}

.siteMap .head {
	border: 			1px solid #BEC9DD;
	font-family: 		Arial narrow,Arial, sans-serif;
	font-size: 			13px;

	color:				#006699;
	padding:			5px;
	font-weight:		bold;
}

.siteMap .body {
	padding:			5px;
}

/************** Section Tree Style definition - begin **************/
/* this section define styles of Section Tree template definition */
.sectionTree {
	border: 			1px solid #B9CADF;
;
}

.sectionTree .body {
	padding:			5px;
	font-family:arial;
}

.sectionTree .body A TABLE TD,.sectionTree .body A:link,.sectionTree .body A:visited{
	
	font-family:arial;
	font-size:12px;
	font-weight:bold;
}


/************** Search form Style definition - begin **************/
/* this section define styles of Search form template definition */
.search {
	width:				100%;
	height:				100%;
}

.search p{
	font-family:		Arial, Helvetica, sans-serif;	font-size:			12px;
}

.searchResults {
	margin-top:			2px;
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
}

.searchResults .head {
	background-color : 	#006699;
	border: 			1px solid #000000;
	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 */

.linkGeneral, .linkSiteMap, .linkFile, .linkFileFlash, .linkFile {
	background-color:	#F0F3F6;
	padding:			5px;
	text-align:			left;
}

.linkGeneral_Header{
	height:15px;
}

.linkImage {
	background-color:	#F0F3F6;
	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 : 	#006699;
	border: 			1px solid #000000;
	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 : 	#F0F3F6;
}


/************** DynMenu Class - begin **************/
/* this section should be in css file to provide visual style of first level section links */
.hdrMenuBar {
	background-color: 	#305377;
}
.SpanSection, .SpanSectionHover
{
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
	height: 			18px;
	padding: 			3px 5px 2px 5px;
	margin-top: 		0px; 
	margin-left: 		0px; 
	margin-right: 		0px;
}
.SpanSection
{
	background-color: 	#305377;
	color: 				#FFFFFF;
	border-left : 		1px solid #F0F5F9;
}
.SpanSectionHover
{
	background-color: 	#607C98;
	color: 				#FFFFFF;
	border-left : 		1px solid #F0F5F9;
}

.SectionLink1, a.SectionLink1:active, a.SectionLink1:visited, a.SectionLink1:link
{	color: 				#ffffff;
	text-decoration: 	none;
}

a.SectionLink1:hover
{	color: 				#ffffff; 
	text-decoration: 	none;
}
/* DynMenu Class - end */



#header_links TABLE {
	width:auto;
}

#header_links {
	background-image:url(../../images/_gui/line_bar.jpg);
	height:15px;
	border-bottom:1px solid #fff;
	text-align:right;
}

#header_links A,#header_links A:link,#header_links A:active,#header_links A:visited{
	color:#fff;
	padding-left:10px;
}

#header TABLE TD{
	margin:0px;font:0px;padding:0px;
}

#outdex TABLE {
	width:180px;
}


#table_main{
	
}
#table_main TD{
	background-color:#fff;
	
}
#navigationpath_line {
		background-image:url(../../images/_gui/line_bar.jpg);
		padding-top:2px;padding-bottom:2px;padding-left:10px;

}

#navigationpath A,#navigationpath A:active,#navigationpath A:visited{
	color:#fff;
}

