
* {margin: 0; padding: 0;}

html, body {
	width: 		100%; 
	height: 		100%; 
	overflow: 		hidden;
	.overflow:		auto;
	font-family:	Tahoma,Verdana,Arial; 
	font-size:		10pt;
}

.hl { 
	background: 	#33ADDB;  
	color: 		white; 
}

.ghl { 
	background: 	#ebebeb;  
	color: 		black; 
}

#header-div {
	position: 		absolute; 
	top: 			0px; 
	height: 		40px; 
	left:			0px; 
	right: 		0px; 
	background-image:	url(images/header1.jpg);
}

#body-div {
	position: 		absolute; 
	top: 			186px; 
	bottom: 		0px; 
	left: 		0; 
	right: 		0; 
}

#body-menu-div {
	position: 		absolute; 
	top: 			0px; 
	bottom: 		0px; 
	left: 		0; 
	width: 		260px; 
	background: 	#ebebeb}

#body-content-div {
	position: 		absolute; 
	top: 			0px; 
	bottom: 		0px; 
	right: 		0; 
	left: 		261px; 
	overflow: 		auto; 
	padding: 		10px;
}

div.imglist { 
	position: 		absolute; 
	bottom: 		-4px;
	z-index: 		1;
}

v\:* {
	behavior:		url(#default#VML);
}

h3 { 
	page-break-after: always 
}

.solidblockmenu ul {
	margin: 		0;
	padding: 		0;
	float: 		left;
	font-size:		10pt;
	font-weight:	bold;
	width: 		100%;
	border-top:		1px solid black;
	border-bottom:	1px solid black;
	background: 	#ebebeb;
}

.solidblockmenu li {
	display: 		inline;
}

.solidblockmenu li a {
	float:		left;
	color:		black;
	padding:		9px 11px;
	text-decoration:	none;
	border-right:	1px solid black;
}

.solidblockmenu li a:visited {
	color:		black;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current {
	color:		white;
	background:		#ED257E;
}

.solidblockmenu li.right {
	display: 		inline;
}

.solidblockmenu li.right a {
	float:		right;
	color:		black;
	padding:		9px 11px;
	text-decoration:	none;
	border-left:	1px solid black;
}

.solidblockmenu li.right a:visited {
	color:		black;
}

.solidblockmenu li.right a:hover, .solidblockmenu li.right a.current {
	color:		white;
	background:		#ED257E;
}

.tabcontainer {
	clear:		left;
	width:		95%; /*width of 2nd level sub menus*/
	height:		1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
	font-size:		10pt;
	font-weight:	bold;
	color:		black;
}

.tabcontainer a {
	font-size:		10pt;
	font-weight:	bold;
	color:		black;
}

.tabcontainer a:hover {
	font-size:		10pt;
	font-weight:	bold;
	color:		red;
}

.tabcontent {
	display:		none;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

table.bordered {
	border-width: 	2px 2px 2px 2px;
	border-spacing: 	2px;
	border-style: 	solid solid solid solid;
	border-color: 	black black black black;
	border-collapse: 	collapse;
}

table.bordered th {
	border-width: 	1px 1px 1px 1px;
	padding: 		2px 2px 2px 2px;
	border-style: 	solid solid solid solid;
	border-color: 	black black black black;
}

table.bordered td {
	border-width: 	1px 1px 1px 1px;
	padding: 		2px 2px 2px 2px;
	border-style: 	solid solid solid solid;
	border-color: 	black black black black;
	background-color: white;
}

#fullheight{height:100%}

.box
{
	position: 		static;
	background: 	#ebebeb;
	left: 		.85em;
	width: 		232px;
	top: 			1.5em;
	padding: 		1em;
	border-top: 	solid 1px #ebebeb;
	margin-bottom: 	1.0em;
	z-index: 		100;
}

#submenu {
	background: 	#ebebeb;
	list-style: 	none;
	top: 			1.5em;
	margin: 		0;
	padding: 		0;
	width: 		260px;

}
#submenu li {
	font-size:		10pt;
	font-weight:	bold;
	margin: 		0;
	padding: 		0;
}
#submenu a {
	background: 	#ebebeb;
	border-bottom: 	1px solid black;
	color: 		black;
	display: 		block;
	margin: 		0;
	padding: 		8px 12px;
	text-decoration: 	none;
}
#submenu a:hover {
	background:		#ED257E;
	color: 		white;
	padding-bottom: 	8px;
}

#submenu a:current {
	background:		#ED257E;
	color: 		white;
	padding-bottom: 	8px;
}

table#sample td.toprow {    
	line-height: 	20px;
	background: 	#ED257E;
	font-weight: 	bold;
	color: 		#FFFFFF;
	padding: 		0 5px 0 5px;
	border: 		none;
	text-align:		center;
}

table#sample td.bottomrow {    
	border: 		none;
}

table#sample td.toprow a {
	color: 		#FFFFFF;
	text-decoration: 	none;
	font-weight: 	bold;
	background-color:	inherit;
}

table#sample td.toprow a:hover {
	color: 		#FFFFFF;
	text-decoration: 	none;
	font-weight: 	bold;
	background-color:	inherit;
}

table#sample tr td { 
	border-bottom:	1px solid black; 
	height: 		100%; 
	line-height: 	20px;
}

.navi { 
	position: 		absolute;
	width: 		19%;
	height: 		70%;
	float: 		right;
	top: 			6px;
	right: 		3px;
	margin-top: 	6px;
	text-align: 	center; 
	background: 	white; 
}

.navi a { 
	border: 		1px solid black;
	color: 		#2e6ab1;
	display: 		inline-block;
	width: 		90%;
	padding: 		1px 3px;
	text-decoration:	none;
}

.navi a:selected { 
	background: 	#E4EFFA;
	color:		black;
}

.navi a:hover {
	background: 	#E4EFFA;
	color: 		black;
}

.wrapper {
	position: 		relative;
	width: 		80%;
	min-height: 	400px; 
	height: 		70%;
	padding: 		1px 3px;
	overflow: 		auto;
	border:		1px solid black;
}

.wrapper2 {
	font-size:		18pt;
	position: 		relative;
	width: 		99%;
	padding: 		10px 3px;
	overflow: 		auto;
}

.glossymenu {
	margin: 		5px 0;
	padding: 		0;
	width: 		260px; 
	border-bottom-width:	0;
	top: 			1.5em;
	padding-bottom: 	8px;
	border-top: 	1px solid black;
	z-index: 		100;
}

.glossymenu a.menuitem {
	background: 	#ebebeb;
	color: 		black;
	display: 		block;
	position: 		relative; 
	width: 		auto;
	padding: 		4px 0;
	padding-left: 	10px;
	text-decoration: 	none;
	font-weight: 	bold;
	padding-top: 	8px;
	padding-bottom: 	8px;
	border-bottom: 	1px solid black;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
	color: 		black;
	font-weight: 	bold;
	padding-bottom: 	8px;
}

.glossymenu a.menuitem .statusicon { 
	position: 		absolute;
	top: 			8px;
	right: 		5px;
	border: 		none;
	padding-bottom: 	8px;
}

.glossymenu a.menuitem:hover{
	background: 	#ED257E;
	color: 		white;
	padding-bottom: 	8px;
}

.glossymenu div.submenu { 
	background: 	#ebebeb;
	padding-bottom: 	8px;
	border-bottom: 	1px solid black;
}

#dhtmltooltip{
	position: 		absolute;
	left: 		-300px;
	width: 		250px;
	border: 		1px solid black;
	padding: 		2px;
	background-color:	lightyellow;
	visibility: 	hidden;
	z-index: 		100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: 		progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position:		absolute;
	left: 		-300px;
	z-index: 		101;
	visibility: 	hidden;
}

.news_style{
	display:		none;
	width:		95%;
}

.news_show
{
	position:		absolute;
	background-color: white;
	color:		black;
	font: 		normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	clip:			rect(0px 100% 380px 0px);
}

.news_show1
{
	position:		absolute;
	background-color:	white;
	color:		black;
	font: 		normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	clip:			rect(0px 100% 380px 0px);
}

.news_border
{
	background-color: white;
	width:		99%;
	height:		400px;
	font: 		normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	border: 		0px solid gray;
	padding: 		5px 5px 5px 5px;

	/*overflow: 	hidden;*/
}

.news_mark{
	background-color:	white ;
	font: 		normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	border: 		0px solid gray;
	width:		99%;
	height:		35px;
	color:		black;
	text-align:		right;
	visibility:		hidden;
}

.news_title{
	font: 		bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
	border: 		0px solid gray;
	padding: 		5px 0px 9px 5px;
	color:		black;
}

.news_show img{
	margin-left: 	5px;
	margin-right: 	5px;
}

.buttondiv
{
	position: 		absolute;
	/*float: 		left;*/
	/*top: 		169px;*/
	padding: 		5px 5px 5px 5px;

	border: 		0px solid gray;
	/*border-top-color: white;*/
	border-top:		none;
	height:		20px;
	font: 		normal 90% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
}

.news_move {
	position: 		relative;
}


	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  

.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_ffd27a_256x240.png); }
.ui-icon-alert { background-position: 0 -144px; }

.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }


