/************** Khaki Class - begin **************/
/* this section define base styles of template */ 
body, td {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body {
	scrollbar-highlight-color: 		#dddddd;
	scrollbar-darkshadow-color: 	#dddddd;
	scrollbar-track-color: 			#F4F4ED;
	scrollbar-face-color: 			#B7AE83;
	scrollbar-shadow-color: 		#ffffff;
	scrollbar-arrow-color: 			#333333;
	margin: 0px;
	padding: 0px;
	background-color:			#e2e2e2;
}
a {
	font-family:  		Verdana, Arial, sans-serif;
	text-decoration: 	none;
}
a:link {
	text-decoration: 	none;
	color: 				#305377;
}
a:visited {
	text-decoration: 	none;
	color: 				#305377;
}
a:hover {
	text-decoration: 	none;
	color: 				#990000;
}
.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;
}
.ContentHolder {
	background-color: 	#DDE9FB;
}
.field {
	background-color:	#FFFFFA;
	border:				1px solid #929282;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
}
textarea {
	background-color:	#FFFFFA;
	border:				1px solid #929282;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
}
.separator {
	height:10px;
}
/* Pink Class - end */

/************** Ticker definition - begin **************/
/* this section define styles of all Ticker template definition */
/* Ticker Main - begin */
.tickerMain {
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
	height: 			16px;
	padding: 			2px 2px 2px 2px;
	margin-top: 		0px;
	margin-left: 		0px;
	border:				1px solid #929282;
	background-color:	#B7AE83;
	color:				#ffffff;
}
.tickerMain a {
	color: 				#FFFFFF;
	text-decoration:	none;
	padding: 			3px 2px 2px 2px;
}
.tickerMain a:link {
	color: 				#FFFFFF;
	text-decoration:	none;
}
.tickerMain a:visited {
	color: 				#FFFFFF;
	text-decoration:	none;
}
.tickerMain a:hover {
	color: 				#FFFFFF;
	text-decoration:	none;
}
.tickerMain .over {
	background-color: 	#FE81E2;
	color: 				#FFFFFF;
	padding: 			3px 5px 2px 5px;
}
.tickerMain .out {
	background-color:	#B7AE83;
	color: 				#FFFFFF;
	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:	#eeeeee;
}
.tickerIndex .over {
	padding: 			0px 2px 0px 2px;
}
.tickerIndex .out {
	padding: 			0px 2px 0px 2px;
}
.tickerIndex .separator {
	width:				1px;
	padding-left:		1px;
	background-color:	#eeeeee;
}
/* Ticker definition - end */

/************** Caption Text definition - begin **************/
/* this section define styles of all Ticker template definition */
.captionText {
	background-color : 	#B7AE83;
	border: 			1px solid #929282;
	padding:			5px;
	color:				#ffffff;
	font-weight:		bold;
	margin-bottom:		10px;
}
.captionImage {
	background-color: 	#B7AE83;
	border: 			1px solid #929282;
	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: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
}
.form .head {
	background-color : 	#B7AE83;
	border:				1px solid #929282;
	color:				#ffffff;
	padding:			5px;
	font-weight:		bold;
}
.form .body {
	padding:			5px;
	border-left:		1px solid #B7B7B7;
	border-right:		1px solid #B7B7B7;
	border-bottom:		1px solid #B7B7B7;
}
.form .errorMsg {
	padding:			5px;
	font-weight:		bold;
	color:				#CC3300;
}
.form .requiredFields {
	padding:			5px;
}
.form .body .formElements {
	width:100%;
}
.form .body .formElements .text {
	background-color : 	#F4F4ED;
	padding:			5px;
	width:				130px;
}
.form .body .formElements .element {
	background-color: 	#F4F4ED;
	padding:			5px;
}
.form .body .formElements .element .textArea, .textBox, .listBox, .comboBox {
	background-color:	#FFFFFA;
	border:				1px solid #929282;
	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 {
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
}
.survey .head {
	background-color : 	#B7AE83;
	border:				1px solid #929282;
	color:				#ffffff;
	padding:			5px;
	font-weight:		bold;
}
.survey .body {
	padding:			5px;
	border-left:		1px solid #B7B7B7;
	border-right:		1px solid #B7B7B7;
	border-bottom:		1px solid #B7B7B7;
}
.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 : 	#F4F4ED;
	padding:			5px;
}
.survey .body .formElements .element {
	background-color: 	#F4F4ED;
	padding:			5px;
}
.survey .body .formElements .element .textArea, .textBox, .listBox, .comboBox {
	background-color:	#FFFFFA;
	border:				1px solid #929282;
	font-family:		Verdana, 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:	#F4F4ED;
	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: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
}
.forum .head {
	background-color : 	#B7AE83;
	border:				1px solid #929282;
	color:				#ffffff;
	padding:			5px;
	font-weight:		bold;
}
.forum .body {
	padding:			5px;
	border-left:		1px solid #B7B7B7;
	border-right:		1px solid #B7B7B7;
	border-bottom:		1px solid #B7B7B7;
}
.forum .body .itemTable {
	width:100%;
}
.forum .body .errorMsg {
	padding-top:		5px;
	color:				#CC3300;
}
.forum .body .forumForm {
}
.forum .body .forumForm .head {
	background-color : 	#B7AE83;
	border:				1px solid #929282;
	padding:			2px 5px 2px 5px;
	color:				#ffffff;
	font-weight:		bold;
}
.forum .body .forumForm .body {
	background-color: 	#F4F4ED;
	border:				1px solid #929282;
	padding:			2px 5px 2px 5px;
	color:				#000000;
	font-weight:		bold;
}
.forum .body .forumForm .text {
	background-color : 	#F4F4ED;
	padding:			5px;
	width:				90px;
}
.forum .body .forumForm .element {
	background-color: 	#F4F4ED;
	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: 		Verdana, Arial, sans-serif;
	font-size: 			11px;
	border-left:		1px solid #B7B7B7;
	border-right:		1px solid #B7B7B7;
	border-bottom:		1px solid #B7B7B7;
}
.siteMap .head {
	background-color : 	#B7AE83;
	border:				1px solid #929282;
	color:				#ffffff;
	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 #B7B7B7;
}
.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 : 	#B7AE83;
	border:				1px solid #929282;
	color:				#ffffff;
	padding:			5px;
	font-weight:		bold;
}
.searchResults .body {
	padding:			5px;
	border-left:		1px solid #B7B7B7;
	border-right:		1px solid #B7B7B7;
	border-bottom:		1px solid #B7B7B7;
}
/************** Link Style definition - begin **************/
/* this section define styles of Link templates definition */

.linkGeneral, .linkSiteMap, .linkFile, .linkFileFlash, .linkFile {
	background-color:	#F4F4ED;
	padding:			5px;
	text-align:			left;
}
.linkImage {
	background-color:	#F4F4ED;
	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 : 	#B7AE83;
	border:				1px solid #929282;
	color:				#ffffff;
	padding:			5px;
	font-weight:		bold;
}
.rss .body {
	padding:			5px;
	border-left:		1px solid #B7B7B7;
	border-right:		1px solid #B7B7B7;
	border-bottom:		1px solid #B7B7B7;
	background-color : 	#F4F4ED;
}
/************** 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 #AEAE84;
}
.SpanSectionHover {
	background-color: 	#BEBE92;
	color: 				#FFFFFF;
	border-left : 		1px solid #AEAE84;
}
.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 */

.CellItem {
	background-color: #f2f2f2;
	height: 100%;
	vertical-align: bottom;
}
/*New Clases added for HROK SmartTemplate*/

.Heading {
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
.Heading p {
	display:inline;
}
.Lead {
	font-size:11px;
	font-weight:normal;
	color:#000000;
}
.Lead p {
	margin-top:0px;
	margin-bottom:10px;
}
.Lead a, .Lead a:link, .Lead a:active, .Lead a:visited {
	text-decoration:underline;
}
.Lead a:hover {
	text-decoration:none;
}
.Text {
	font-size:11px;
	font-weight:normal;
}
.Text p {
	margin-top:0px;
	margin-bottom:10px;
}
.Text a, .Text a:link, .Text a:active, .Text a:visited {
	text-decoration:underline;
}
.Text a:hover {
	text-decoration:none;
}