body 
{
	font-family:Arial;
	font-size:10pt;
	margin-top:-6px;
	margin-bottom:5px;
	/*BACKGROUND-COLOR: #00265c;*/
	/*background: #EEEEEE url('Images/bg.gif') repeat-x left top;	*/
	
}
#divTotal
{
   background-image:url('Images/login_header.jpg');
   background-repeat:no-repeat;	
   text-align:center;
   height: 220px;
   border-bottom :1px solid #7795BD;
}
#LoginPageBody
{
height:150px;
}
#Wrapper
{
	BACKGROUND-COLOR: #F0F8FF;
	min-height:110px;
	/*background: #FFFFFF url(../../images/shadow.gif) repeat-x left top;*/
	width:970px;
	margin-left:auto;
	margin-right:auto;
	border-left:2px solid #00557D;
	border-right:2px solid #00557D;
}
#WrapperLogin
{
	BACKGROUND-COLOR: #F0F8FF;
	min-height:150px;
	/*background: #FFFFFF url(../../images/shadow.gif) repeat-x left top;*/
	width:800px;
	margin-left:auto;
	margin-right:auto;
	border-left:2px solid #00557D;
	border-right:2px solid #00557D;
}
#PopUpWrapper
{
	BACKGROUND-COLOR: #F0F8FF;
	min-height:560px;
	/*background: #FFFFFF url(../../images/shadow.gif) repeat-x left top;*/
	width:650px;
	margin-left:auto;
	margin-right:auto;
	border-left:1px solid #7795BD;
	border-right:1px solid #7795BD;
}
#Header
{
	position:relative;
	width:966px;
	height:97px;
	top: -15px;
	left: 0px;
}
#HeaderLogin
{
	position:relative;
	width:800px;
	height:95px;
	top: -15px;
}
#Logo
{
	position:absolute;
	top:21px;
	left:0px;
    width: 382px;
    right: 588px;
}
#LogoLogin
{
	position:absolute;
	top:21px;
	left:0px;
}
#AppName
{
	position:absolute;
	top:45px;
	left:254px;
	text-transform:uppercase;
	width: 460px;
	height: 28px;
}
#AppNameLogin
{
	position:absolute;
	top:45px;
	left:220px;
	text-transform:uppercase;
	width: 380px;
	height: 28px;
}

#Clock 
{
	position:absolute;
	text-align:right;
	font-size:8pt;
	top:-4px;
	right:949px;
}
#Theme 
{
	position:absolute;
	text-align:right;
	vertical-align:bottom;
	font-size:8pt;
	font-weight:bold;
	top:25px;
	right:5px;
    height: 32px;
}
#ThemeLogin 
{
	position:relative;
	text-align:right;
	vertical-align:top;
	font-size:8pt;
	font-weight:bold;
	top:25px;
	right:2px;
    height: 32px;
}
.ThemeButton
{
	Width:10px;
	Height:10Px; 
	Border-Style:None;
	cursor:pointer;
}
.ImageAlign
{
	vertical-align: text-bottom;
}
#FooterText
{
	BACKGROUND-COLOR: #FFFFFF;	
	width:970px;
	font-size:8pt;
	text-align:center;
	margin-left:auto;
	margin-right:auto;	
	border-left:2px solid #00557D;
	border-right:2px solid #00557D;
}
#FooterTextLogin
{
	BACKGROUND-COLOR: #FFFFFF;	
	width:800px;
	top:45px;
	font-size:8pt;
	text-align:center;
	margin-left:auto;
	margin-right:auto;	
	border-left:2px solid #00557D;
	border-right:2px solid #00557D;
}
#FooterImage
{
	width:900px;
	height:19px;
	margin-left:auto;
	margin-right:auto;
	/*background: url(../../images/Tapa_Bottom.bmp); */
	border-left:1px solid #7795BD;
	border-right:1px solid #7795BD;
	border-bottom:1px solid #7795BD;	
	/*background:#000056;*/
}
#breadcrumbs
{
    /*margin-left:10px;*/
	text-align:left;
	vertical-align:top;
	font-family: Arial;
	font-size:0.9em;
}
#breadcrumbs a {
	color:#004891;
	text-decoration:underline;
}
#centercolumn
{
	text-align:left;
	vertical-align:top;  /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
#breadcrumbs a:hover {text-decoration:none;}
/*-- Theme for AJAX control toolkit calandar -- */
.MyCalendar .ajax__calendar_container {
    border:1px solid #7795BD;
    background: #EEEEEE;
    /*color: #7795BD;*/
    color: Navy;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: #999999;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
   /* color: #AEAE00;*/
   background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year 
{
	background-color:#edf9ff;
	border-color:#daf2fc;
    color: #7795BD;
    font-weight:bold;
}
.AjaxCalendar
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:9;
}
/*-- Calendar style end */
/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */

#SampleMenu
{
    width: 55.5em;
    position:relative;
    height: 14em;
    font-size:x-small;
    font-family:Arial;
} 

#SampleMenu #Sample-Content
{
    width: 45em;
    height: 10em;
    overflow: hidden;
    position:absolute;
    left: 9.5em;
    top: 2em;
    padding: 10px;
    font-family:Georgia, Serif;
    font-style:italic;
    color: Black;    
}

/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */

#SampleMenu .Menu-Skin-Horizontal
{
    position:absolute;
    background:#4682B3;
    text-align:center;
    font-size:xx-small;
}

#SampleMenu .Menu-Skin-StaticItem
{
    top: 3em;
    left: 0;
    background:#4682B3;
    z-index: 300;
    text-align:center;
    font-size:xx-small;
}

#SampleMenu .Menu-Skin-DynamicHover
{
    top: 3em;
    left: 0;
    background:#4682B3;
    z-index: 300;
    text-align:center;
    font-size:xx-small;
}

#mainmenu
{
	background-image:url('Images/bg_nav.gif');
	height:18px;
    width: 774px;
}
/*Grid View Style*/
.GridLabelValue
{
	font-family :Arial ;
	font-size :12px;  
	font-weight:normal;
	text-align :left;
	vertical-align:top;
}
.GridTxtBoxLayout
{
    font-family :Arial ;
	font-size :12px;  
	font-weight:normal;
	text-align :left;
	vertical-align:top;
	Width:75px;	
}
.GridTxtLayout
{
    text-align:left;
}
.GridLnkLayout
{
	color:#0070A6;
}
.GridDtLayout
{
    text-align:center;
}
.GridNumeric
{
    text-align:right;
}
.GridCmbLayout
{
    font-family :Arial ;
	font-size :12px;  
	font-weight:normal;
	text-align :left;
	vertical-align:text-top;
	Width:100px;
}
/*Grid View Style*/
.GroupheaderText {
 font-family :Arial ;
 font-size :14px;
 font-weight :bold ;
 color:Blue ;
 margin:5px;
}
.TabTextStyle {
	font-family :Arial ;
	font-size :12px;  
	font-weight:bold;
	text-align :right;
	vertical-align:top;	
}
.GroupPanel {
 font-family :Arial ;
 font-size :12px;
 font-weight :bold ;
 margin:2px;
}
.PageBody {
 font-family :Arial;
 font-size :12px
.PageBody {
 font-family :Arial;
 font-size :12px;  
 font-weight:21px;
 margin-left :5px;
 margin-right :5px;
    width: 780px;
    height: 73px;
}

 
 font-weight:normal ;
 margin-left :10px;
 Height:150px;
 BACKGROUND-COLOR: #F0F8FF;
}
.ButtonCSS
{
 font-family :Arial ;
 font-size :12px;  
 font-weight:bold ;
 
}
.TextLabel
{
	font-family :Arial ;
	font-size :12px;  
	font-weight:normal;
	text-align :right;
	vertical-align:top;
}
.TxtBoxLayout
{
    font-family :Arial ;
	font-size :12px;  
	font-weight:normal;
	text-align :left;
	vertical-align:top;
	Width:145px;
}
.GridViewLayout
{
    background-color:#DEBA84 ;
    border-color:#DEBA84 ;
    border-style:None ;
    border-width:1px ;
    Width:849px;
    Height:102px;
    margin-left:10px;
    margin-right:10px;
    vertical-align:top;
    text-align:center;
}
.BtnLayout
{
    font-family :Arial ;
	font-size :12px;  
	font-weight:bold;
	text-align :center;
	vertical-align:top;
	height:auto;
	width:auto;
}
.LnkBtnLayout{
	font-size:small;
	font-weight: normal;
	color:#0070A6;
	font-weight:normal;
	font-family:Arial;
}
.CmbLayout
{
    font-family :Arial ;
	font-size :12px;  
	font-weight:normal;
	text-align :left;
	vertical-align:text-top;
	Width:150px;
}
/*Modal Popup*/
.modalBackground {
background-color:#000;
filter:alpha(opacity=80);
opacity:0.8;
}
.modalPopup img {
border:solid 5px #fff;
}
.modalPopup-text {
display:block;
color:#000;
/*background-image: #EEEEEE url('Images/bg.gif') repeat-x left top;	*/
text-align:center;
border:solid 2px #000;
padding:10px;
}
.modalPopup-text input {
width:75px;
}    
.feedback
{
color: #00cc00;
font-weight: 700;
}

#leftcol {
  background: #f00;
  float: left;
  width: 20%;
  height: 500px;
}
#rightcol {
  background: #f00;
  float: right;
  width: 20%;
  height: 500px;
}
#content {
  background: #fff;
  float: left;
  width: 59%;
  height: 500px;
}
#footer {
  background: #0f0;
  clear: both;
  width: 100%;
}
h2 {
	font-size:medium;
	font-weight: normal;
	color:#0070A6;
	font-weight:bold;
}
/*MessageBox*/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('Images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('Images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('Images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('Images/error.png');
}
.container
{
	 margin-right:10px;
}
.info p, .success p, .warning p, .error p {
    padding: 0px 50px;
}
.info a, .success a, .warning a, .error a {
    float: right;
    padding: 10px;
    cursor:pointer;
}
.container img {
    border: none;
    margin-right:10px;
}

/* validation */
.validation {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('Images/error.png');
}
.validation ul
{
	padding: 0px 30px;
}
/************/
/******Calendar Control***/
td.cal{
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #000000;
	  background-color : #d3d3d3;
	}
	select.month{
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #000000;
	  width : 85px;
	}
	input.year{
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #000000;
	  width : 30px;
	}
	td.calDaysColor {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #ffffff;
	  background-color : #000000;
	}
	td.calWeekend {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #ffffff;
	  background-color : #c0c0c0;
	}
	td.calBgColor {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #ffffff;
	  background-color : #d3d3d3;
	}
	.calBorderColor {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #ffffff;
	  background-color : #a9a9a9;
	}
	td.calHighlightColor {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #ffffff;
	  background-color : #ffffcc;
	}
	A.cal {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #000000;
	  text-decoration : none;
	}  
	A.cal:Hover {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #FF0000;
	  text-decoration : none;
	} 
	.disabled {
	  font-family : Arial,Helvetica,Sans-serif;
	  font-size : 11px;
	  color : #808080;
	  text-decoration : none;
	}  
/****************************/