/* Modal Popup */

.ComfirmPanelBackground 
{
	width: 100%;
	background-color: #ECF5FF;
	filter: alpha(opacity=70);
	opacity: 0.7;
	height:200;
}

.ComfirmPanel 	
{	
	height:100px;
	width:250px; 
	background-color:White; 
	border-width:1px; 
	border-color:#999999; 
	border-style:solid; 
	padding-left:40px;
	padding-top:20px;
	padding-right:40px;
	padding-bottom:20px;
}

/* Ajax Content Title Design */

.AjaxContentTitle {
	background: #FAFAFA;
	font-size: 11px;
	width:100%;
}

.AjaxContentDescp {
	padding-left:22px; 
	padding-top:5px; 
	padding-bottom:5px;
}


	/* Message Box */	
	#divMsgBox {
		padding-right: 10px; background-position: 50% top; padding-left: 10px; background-image: url('images/WebMsgBoxBG.bmp'); padding-bottom: 0px; padding-top: 4px; background-repeat: repeat-x
	}	

	.tblMsgBox {
		background-position: 50% bottom; background-color: #e3efff; border: #9fbedb 1px solid; background-image: url('images/WebMsgBoxBG.gif');
		font-size: 1.1em; 
	}

	.tdMsgBoxOver {
		background-position: 50% bottom; background-color: #e3efff; 
	}	
	
	.tdMsgBoxOut {
		background-color: #eff7ff; background-position: 50% bottom; background-color: #e3efff; background-image: url('images/WebMsgBoxBG.gif');
	}

	
/* 
	Place Holder Styles Sheet 
*/

.tblPlaceHolder
{	
	padding : 0px;
}

.tblPlaceHolderLeftWidth
{
	width:25px;	
}

.tblContentRow  {
	height : 25px;
}

.textPadding {
	padding : 20px;
	margin : 20;
}

.failureText {
	font-size: 8pt;
	color: red;
	font-family: verdana;
}

/* Table Design */
/* Dynamic content Form Control */

.TblDynamic
{
	/*border:1px solid #99BBE8;*/
	width: 250px;
	margin-left: 0px;
	margin-right: 0px;
	/*margin-bottom: 10px;*/
	margin-top: 0px;
	padding:0px;
}

.TdRequiredField
{
	color: Red;	
	width: 10px;
} 

.TrFormSection
{
	background-color: #000000;
	color: #FFFFFF;
	font-weight:bold;	
	background-image:url('images/FormBG.gif');	
	height:15px;
	padding:3px;
}

.TdFormSection
{	
	/*padding:5px;	*/
}

.TrRowDynamic 
{
	background-color:#F9F9F9;
	height:15px;
	padding:3px;
}

.TrAlternateRowDynamic 
{
	background-color:#ffffff;
	height:15px;
	padding:3px;	
}

.TdCol1Dynamic 
{	
	padding:5px;	
	width:240px;	
	text-align:left;
}

.TdCol2Dynamic 
{
	padding:5px;
	width:550px;
	text-align:left;
}

/* Message Always Visible */
.MsgBoxHidden
{	
	position: absolute;
	visibility: hidden;		
}

.MsgBoxFail
{	
	width: 420px;	
	position: absolute;
	visibility: visible; 
	border: 1px solid #FFB9B9;
	background: url(  'images/MsgBoxFail.gif' ) repeat-x;
	text-align: center;
	margin-left: 300px;
	margin-top: 2px;
	vertical-align:middle;	
	padding:5px;	
}

.MsgFail
{
	color: #456DA5; 	
	vertical-align:middle;
}

.MsgBoxSuc
{	
	width: 420px;	
	position: absolute;
	visibility: visible; 
	background: url( 'images/MsgBoxSuc.gif' ) repeat-x;
	border: 1px solid #A3C7E2;	
	text-align: center;
	margin-left: 300px;
	margin-top: 2px;
	vertical-align:middle;	
	padding:5px;
}

.MsgSuc
{
	color: #456DA5; 	
	vertical-align:middle;
}
       
      
/****************************/

/* 
	HTML basic control design 
*/

html 
{
	margin: 0px; 
	padding: 0px;
}

body
{
	background-color: #F5F5F5; /* F1F7FE */
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	line-height: normal;
}

th 
{
	vertical-align: top;
}

td 
{
	vertical-align: top;
}

img 
{
	border: 0px;
}

form 
{
	margin: 0px; padding: 0px;
}

input 
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

.test 
{
	font: 100% Verdana, Arial, Helvetica, sans-serif; border:1px solid #a9a9a9;
}

select 
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;	
}

textarea
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
}

table 
{
	font-size: 100%;
}

A 
{
	color: #0560a6; text-decoration: none
}

A:hover 
{
	text-decoration: underline
}

A:visited 
{
	color: #0560a6;
}

/*
	Main Body 
*/

.MainBody
{
	background-color: #ffffff;
	border: 1px solid #999999; /* #ececec*/
	width: 980px;
}

/* 
	Side Panel Design 
*/

.SitePanel
{
	width: 980px;
	background-image: url('images/SideMenuBG.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #D6E8FF;
}

.SiteTimer
{
	font-size: 1.0em;
	color: #000000;
	text-align:right;
	font-weight:normal;
}

.ProgDetail
{
	font-size: 1.1em;
	text-align: center;
	color: #666666;
	font-weight: bold;
	vertical-align: middle;
	height: 29px;
	background-image: url('images/ProgramBG.gif');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #C8DEFC;
	border-bottom:1px solid #dddddd;
}

.ProgFooter
{
	font-size: 0em;
	background-color: #CADCF4;
	height: 4px;
}

.SignInDetail 
{
	font-size: 1.1em; 
	color: #666666; 
	line-height: 1.3em;
	text-align: center;		
}

.FormGroupingHeader
{
	background-image:url('images/FormBG.gif');		
}

/* Content Design */

.Content 
{
	width:100%;		
}

	/* Menu */
	
	#MenuDetail 
	{		
		background-image: url('images/WebMainMenuBG.gif'); 
		zoom: 100%; 
		background-color: #cbe0fd;
		width: 100%;
	}
	
	#MenuHeader 
	{
		padding-left:22px;
		color: #11449e; 
		line-height: 1.2em;
		font-weight: bold; 
		font-size: 1.1em; 
		float: left; 
	}
	
	#MenuHeader UL 
	{
		padding-right: 0px; 
		padding-left: 0px; 
		padding-bottom: 0px; 		
		padding-top: 5px;
		margin: 0px; 
	}
	
	/* Site Map */
		
	.SiteMap 
	{
		height:22px;
		background-color: #f2f2f2; /**/
		padding-right: 0px; 
		border-top: #8aafe1 0px solid; 
		border-bottom: #8aafe1 1px solid; 
		padding-left: 8px; 
		padding-bottom: 0px; 
		padding-top: 0px; 
		border-bottom: #8aafe1 0px solid; 
		text-align: right;
		vertical-align:middle;
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:1.1em;
	}
	
	/* Form Content */
	
	.FormContent 
	{
		width: 100%;
	}
	
	.FormContentTitle 
	{
		font-family: Arial; 		
		font-size: 20px; 
		color: #4682B4;
		height: 25px; 		
		border-bottom: 1px solid #ececec; 
		background-image: url('images/WebBGTitle.bmp')
	}
	
	.FormDetail 
	{		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em; 
		width: 97%;
		padding-top:15px;
		padding-bottom:15px;
		height:500px;
	}
	
	.ScrollBar 
	{
		overflow: scroll;
		position: relative;	
		height:410px;
		width:100%;
	}
	

/*	Footer */	

.Footer 
{
	width:100%;
	vertical-align:middle;
}

.FooterLine 
{
	font-size: 0px; 
	height: 6px; 
	background-color: #10509E;
}

.FooterDetail
{
	height:30px; 	
	/*background-position: 50% bottom; */
	background-image: url('images/WebFooterBG.gif'); 
	background-repeat: repeat-x; 
	background-color: #dae9fe;
	font-size: 1.1em; 
	color: #000000; 
	vertical-align:middle;
}

/*	Server Status */
#ServerStatus 
{	
	visibility: hidden; 	
	vertical-align:middle;	
}

.ServerStatus
{
	background-color: #f2f2f2;
	padding-right: 0px;
	border-top: #8aafe1 0px solid;
	border-bottom: #8aafe1 1px solid;
	padding-left: 8px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-bottom: #8aafe1 0px solid;
	text-align: left;
	vertical-align: middle;
	color: #FF9900;
	font-weight: normal;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.1em;
}

/* Grid View Design */

.GridViewScrollBar
{
	overflow: auto;		
	height:260px;
	width:100%;
	border:1px solid;
}
	
.GridViewScrollBar table th 
{
	position:relative;
	color: #F7F6F3;
    background: #5D7B9D;
    font-weight: bold;
    border-bottom: solid 1px #CCCCCC;
    text-align: left;
    padding-left:5px;         
}

.GridViewScrollBar table tbody 
{
	overflow-x:hidden;
} 

.tablestyle 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0;
	border: solid 0px #cbcbcb;
}

.altrowstyle 
{
    background-color: #f2f2f2;	/* edf5ff */
}

.headerstyle th 
{
    background: url(images/WebFooterBG.gif) repeat-x 0px 0px;
    /*border-color: #cbcbcb #cbcbcb #cbcbcb #cbcbcb;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;*/
	padding: 4px 5px 4px 10px;
    color: #ffffff;
    border:0px solid;
    text-align: center;
    vertical-align: bottom;      
}  

.headerstyle th a
{
    font-weight: normal;
	text-decoration: none;
	text-align: center;
    color: #ffffff;
	display: block;
    padding-right: 10px;
    border:0px solid;
}    

.rowstyle .sortaltrow, .altrowstyle .sortaltrow 
{
    background-color: #edf5ff;
}

.rowstyle .sortrow, .altrowstyle .sortrow 
{
    background-color: #dbeaff;
}

.rowstyle td, .altrowstyle td 
{
    padding: 4px 10px 4px 10px;
    /*border-right: solid 1px #cbcbcb;*/
}

.sortascheaderstyle{
    background-image: url(images/sort_asc.gif);     
    background-color: #8dbdd8;    
    background-repeat: no-repeat;
    background-position: center left;       
}
.sortdescheaderstyle{
    background-image: url(images/sort_desc.gif);     
    background-color: #8dbdd8;    
    background-repeat: no-repeat;
    background-position: center left;       
}   
/*
.headerstyle .sortascheader
{
	background: url('images/sprite.png') repeat-x 0px -100px;
}

.headerstyle .sortascheader a 
{
    background: url(images/dt-arrow-up.png) no-repeat right 50%;
} 

.headerstyle .sortdescheader 
{
    background: url(images/sprite.png) repeat-x 0px -100px;
}   

.headerstyle .sortdescheader a 
{
    background: url(images/dt-arrow-dn.png) no-repeat right 50%;
} 
*/

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:#ececec;
	padding:3px;
	width:400px;
}

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

.tblFormHeader
{
	width:400px;
	
}

.trFormHeader
{	
	color: #000000;
	font-weight:bold;			
	background-color:#DDDDDD;
	height:30px;
	text-align:center;
	vertical-align:middle;	
	/*border:solid 1px #ececec;*/
	background-image:url('images/FormHeaderBG.gif');	
}

.tblFormContent 
{	
	width:400px;
	
}

.trFormContentSection
{
	background-color: #000000;
	color: #FFFFFF;
	font-weight:bold;	
	background-image:url('images/FormBG.gif');	
}

.tdFormSection
{	
	padding:7px;	
}

.trRowDynamic 
{
	background-color:#F9F9F9;
	padding:7px;
}

.trAlternateRowDynamic 
{
	background-color:#ffffff;	
	padding:7px;
}

.tdCol1Dynamic 
{	
	padding:7px;	
	width:250px;	
}

.tdCol2Dynamic 
{
	padding:7px;
	width:550px;
}

.tdAlternateCol1Dynamic 
{	
	padding:7px;	
	width:250px;	
}

.tdAlternateCol2Dynamic 
{
	padding:7px;
	width:550px;
}
	
.tblFormFooter
{
	width:400px;
}

.tdFormFooter
{
	height:30px;	
	vertical-align:middle;
	text-align:center;
	background-image:url('images/FormFooterBG.gif');	
}

.Spacing 
{
	font-family:Verdana;
	height:5px;
	font-size:1.0em;
}

.ControlReadOnly
{
	background-color:#ececec;
	border:1px solid #7F9DB9;
}



.GridEdit 
{
	width:100%; 
	border-top:1px solid #99BBE8;
	border-left:1px solid #99BBE8;
	border-right:1px solid #99BBE8;
	height:22px;
}

.trGridEdit
{
	background-image:url('images/GridEditBG.gif');
}