html,body
{
	font-family:Arial;
	font-size:10pt;
	background-color:#d3d3d3;
	height:100%;
	margin:0;
	padding:0;
}

input,select,textarea
{
	font-family:Arial;
	font-size:8pt;
}

a:hover
{
	background-color:#DEB887;
	color:White ;
}

/* Text Color classes */
.WhiteText
{
	color:white;
}
.WhiteTextSmall
{
	color:white;
	font-size:x-small ;
}
.WhiteTitleText
{
	color:white;
	font-size:14pt;
	font-weight:bold;
}
.RedText
{
	color:red;
}
.GreenText
{
	color:green;
}
.PageTitle
{
	color:Black;
	font-size:12pt;
	font-weight:bold;
}
.SmallNote
{
	color:Gray;
	font-size:smaller;
	font-weight:lighter;
}


/* ===========Footer style=========== */
.FooterText
{
	font-weight:lighter;
	font-size:6pt;
}

/* ===========Content Panel=========== */
#Content .ContentPanel
{
	background-color:White;
}

#Content .container 
{
	background: White;
	border: 1px solid #848284;
	padding: 10px;
	position: relative;
	left: -5px;
	top: -5px;
}

#Content .shadow {
	background: #474747;
}


.Accordian_Header
{
	background-color:#d8e4fa;
	color:Black;
	font-weight:bold;
	cursor:pointer;
}
/* =========DataGrids/GridViews=============== */
.DataGrid_Header, .DataGrid_Header a
{
	background-color:#d8e4fa;
	color:Black;
	font-weight:bold;
}

.DataGrid_HeaderDark
{
	background-color:#94ADD6 ;
	color:Black;
	font-weight:bold;
	cursor:pointer;
	
	text-decoration:underline;
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #94ADD6), color-stop(1, #CBD7EB) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94ADD6', endColorstr='#CBD7EB');
	background-color:#79bbff;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:1px solid Gray;
	display:inline-block;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 3px 32px #528ecc;
	
	text-align:center;
	color:Black;   
	padding:2px 5px 2px 5px;   
}
.DataGrid_Footer, .DataGrid_Footer a
{
	background-color:LightGrey;
	color:Black;
	font-weight:bold;
	font-style:italic;
}

.DataGrid_AltItem
{
	/*
	 background-color:#EEDFCC;
	*/
	background-color:#EFEFEF;
}

.DataGrid_Item
{
	/*
	background-color:#FDF5E6;
	*/
	background-color:WhiteSmoke;
}

.GridColumnHidden
{
	display:none;
}

/* =========OVERLAY============================== */
.overlay 
{
	z-index:10000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	filter: alpha(opacity=70);
	opacity:0.8!important;
	-moz-opacity: .70; /*older Mozilla*/
	-khtml-opacity: 0.7;   /*older Safari*/
	background-color:LightGrey; position:absolute;
	top:0px; left:0px; 
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
	/* As long as Width:100%, is a percentage, opacity doesn't work */
	color:Black; 
	text-align:center; 
	vertical-align:middle;
}

.OverOverlay 
{
	z-index:10001;
	background-color:White; position:absolute;
	top:0px; left:0px; width:100%; height:100%; 
	color:Black; 
	text-align:center; 
	vertical-align:middle;
}

.modalBackground 
{
	background-color:Gray;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	filter: alpha(opacity=70);
	-moz-opacity: .70; /*older Mozilla*/
	-khtml-opacity: 0.7;   /*older Safari*/
	opacity:0.7!important;
	
		color:Black; 
	text-align:center; 
	vertical-align:middle;
}
/* =========BUTTON============================== */   
   
.ButtonBlue {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #94ADD6), color-stop(1, #CBD7EB) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94ADD6', endColorstr='#CBD7EB');
	background-color:#79bbff;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:1px solid Gray;
	display:inline-block;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 3px 32px #528ecc;
	
	text-align:center;
	color:Black;   
	padding:2px 5px 2px 5px;   
	
	
}.ButtonBlue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CBD7EB), color-stop(1, #94ADD6) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CBD7EB', endColorstr='#94ADD6');
	background-color:#378de5;
	
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	border-color:Orange ;
	border-style:solid;
	border-width:1px;
	color:Black;
	cursor:pointer;
	
}.ButtonBlue:active {
	position:relative;
	top:1px;
}   
   
	


.ButtonGray {
	-moz-box-shadow:inset 0px 1px 0px 0px #6D6D6D;
	-webkit-box-shadow:inset 0px 1px 0px 0px #6D6D6D;
	box-shadow:inset 0px 1px 0px 0px #6D6D6D;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C5C5C5), color-stop(1, #808080) );
	background:-moz-linear-gradient( center top, #C5C5C5 5%, #808080 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C5C5C5', endColorstr='#808080');
	background-color:#C5C5C5;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 3px 32px #528ecc;
}.ButtonGray:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #808080), color-stop(1, #C5C5C5) );
	background:-moz-linear-gradient( center top, #808080 5%, #C5C5C5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#C5C5C5');
	background-color:#808080;
}.ButtonGray:active {
	position:relative;
	top:1px;
}   


/* ======== Floating Window ========================= */
.FloatingWindow_Error
{
	background-color:Red;
	font-weight:bold;
	color:White;
	padding:5px 2px 5px 2px;
}

.FloatingWindow_Info
{
	background-color:Green;
	font-weight:bold;
	color:White;
	padding:5px 2px 5px 2px;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}



.Resize
{
    width:35px;
    height:36px;
    background-color:Blue;
    overflow:hidden;
    cursor:se-resize;
}

.ResizeHandle
{
    padding:0px;
    border-style:solid;
    border-width:3px;
    border-color:RED;
}