body {
	font-size:81.4%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	line-height:1.2em;
	margin:10px 0 0 10px;
	text-align:center;
}

form 
{
	padding:0; margin:0;
}

#pageAll {
	width:100%;
	width:expression( (document.body.clientWidth < 760 ? "759px" : "100%") );
	min-width:760px;
	text-align:left;		/* set the text left-align, please body set center align */
	margin:0 auto;
}
#loginPageAll {
	width:380px;
	text-align:left;		/* set the text left-align, please body set center align */
	margin:0 auto;
}

#pageHeader 
{
	display:block;
	background-color:#000000;
	padding:5px;
	color:#FFFFFF;
	font-weight:bold;
}

.inputTable 
{
	border:0;
	width:100%;
}

.styledinputTable
{
	border:1;
	width:100%;
	BORDER-COLOR : #C6E7DE;
	BORDER-STYLE : GROOVE

}

.inputTable td 
{
	width:50%;
	vertical-align:top;
}

.inputPanelHolder
{
	padding-right:10px;
}
.inputPanel 
{
	width:100%;
	display:block;
	clear:both;
}
.inputLabel
{
	float:left;
	width:7em;
	font-size: 10px;
}
.inputField
{
	float:left;
	width:50%;
}

.inputComField
{
	float:left;
	width:50%;
	font-size: 10px;
}


.inputRadio
{
	display:inline;
}

#containerInputTable 
{
	border:0;
	width:100%;
}
#containerInputTable td 
{
	width:auto;
}

#loginPageAll .box 
{
	width:auto;
}

#loginPageAll .boxTitle
{
	background-color:#000000;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	display:block;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	float:none;
}

#loginPageAll .boxContent
{
	background-color:#FFFFFF;
	color:#000000;
	font-weight: normal;
	padding: 5px;
	display:block;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	float:none;
}

#loginPageAll .formLabel
{
	clear:left; float:left; font-weight:bold; width:100px; display:inline;
}

#loginPageAll .inputContent
{
	float: left; width: 200px; display:inline;
}

.errMsg
{
	float:left; color:#003139; padding-left: 4px; display:inline; clear:right;
}

.rightAlign
{
	clear:both; float:left; width: 350px; text-align:right; padding-left:5px;
}

.clear { clear:both; }

.validatorCalloutHighlight
{
    background-color: Olive;
}

.popupControl{
	background-color:#FFFFFF;
	position:absolute;
	visibility:hidden;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	color:#000000;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sidetable {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2271A0;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.sidetable2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.sidelinks0 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;

}
.sidelinks a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2271A0;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}

.sidelinks a:hover {
	color:Red;
	text-decoration: none;
}

.baseline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.pic { border: none; }


.title 
{
	Font-size: 10;
	Font-style: normal;
	Font-family: Arial Black;
	Color: #0084A5;
}

.title1
{
	Font-size: 12;
	Font-style: normal;
	Font-family: Arial Black;
	Color: Blue;
}

.label
{
	Font-size: 12;
	Font-family: Arial;
	Font-weight: bold;
	background-color: transparent;
	
}

.content
{
	Font-size: 12;
	Font-family: Arial;
	background-color: transparent;
}

.errormsg
{
	color: Red;
	font-weight:bold;
	font-size: 14;
	
}

.textbox
{
	border-color: sliver;
	border-style: groove;
	background-color: white;
	font: 12px;
	display: block;

}

.ddl
{
	border-color: sliver;
	border-style: groove;
	background-color: white;
	font: 12px;
	display: block;
}

.radio
{
	background-color: transparent;
	font: 12px;
	display: block;
}

.button 
{
	Border-Color: CornflowerBlue;
	Border-Style: Solid;
	Background-color : White;
	font-size: 12;
}

.buttonred 
{
	Border-Color: Red;
	Border-Style: Solid;
	Background-color : White;
	font-size: 12;
}

.datagrid
{
	font-size: 12;
	text-align: center;
}

.datagrid td
{
	white-space: nowrap;
}

.searchpanel
{
	background-color : #E6F8CE;
	border-color : #BDC6DE;
	border-style: Double
}


.searchbutton
{
	background-color:White;
	border-color:#004A4A;
	border-style:ridge;
	border-width:3px;
	color:#6373B5
}

#layout {border:0; padding:0; margin:0; border-collapse:collapse;}
#leftMenu {width:95px; margin-right:5px; height:100%; background-color:#eee; vertical-align:top;}
#mainArea {width:100%; height:100%; float:left;}

#leftMenu ul {list-style:none; padding:0; margin:0;}
#leftMenu ul li {float: left; width: 100%;}
#leftMenu ul li a {height: 1%;}
#leftMenu a {color:#000000; font-weight:bold; text-decoration:none; display: block; padding:2px; background-color:#eee;}
#leftMenu a.menuon, #leftMenu a:hover, #leftMenu a:active, #leftMenu a:focus {color:#a00; background-color:#fff;}