.Validator
{
	border:solid 1px red;
	background-color:Yellow;
	color:Red;
}

.Calendar .ajax__calendar_container {
    background-color: #ccffcc;
    color: Green;
}

body
{
  margin: 0;
   padding: 0;
   background: #c5c1a9;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   color: #646351;
   background: transparent url('../../images/web_background.gif');
   text-align: left;
}
h2 {font-weight:bold; font-size:14px; letter-spacing: 1px;}
h3{font-weight: bold; font-size: 13px; letter-spacing: 1px;}
strong {font-weight:bold; letter-spacing: 1px;}
A:link {TEXT-DECORATION: underline;}
A:active  {TEXT-DECORATION: underline;}
A:visited {TEXT-DECORATION: underline;}
A:hover {COLOR: #decf8d; TEXT-DECORATION: none;}
form {padding: 0; margin: 0;}
img {border: 0; margin: 0; padding: 0;}
a img {border: none;}

/******************/
/* Buttons */
/*****************/
.formbutton
{
	border: none; background-color: Transparent;
	text-decoration: none;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold; 

}
.formbutton:hover 
{
	color:Red; 
	cursor:pointer;
}
.buttonSpan 
{
	/* Sliding right image */
	background: transparent url('../images/buttons/button_right_Blue.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 21px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	padding-right: 11px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */
	
}
.buttonSpan span
{
	/* Background left image */
	background: transparent url('../images/buttons/button_left_Blue.png') no-repeat;
	display: block;
	 height:34px;
	line-height: 21px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 2px 0 5px 11px;
	
}
.invizoButton {
   display: block;
   width: 1px;
   height: 1px; 
   background-color: Transparent;
   border: none; cursor: default;
}
.pageStatus {
}
/*------------------- Page elements -----------------*/
#pageHeader, .pageHeader {
    clear:both;
   margin: 20px 10px 0 10px;
   font-size: 15px;
   height: 20px;
    padding-left:24px;
   background: #ffffff url('../images/BrownCircleArrowRight.jpg') no-repeat top left;
   text-align:left;
}

/*----------------------Layout Styles-----------------------------*/
#container  {
   margin:  0px auto auto auto;
   text-align:center;
   background-color: White;
   width: 100%; 
  min-width: 1000px;
}
#headerContent { 
   border-top: solid 1px #3f7d61; 
   text-align:left; 
   white-space: nowrap; background-color: #b7b396; width:100%;
}
#headerLeftColumn, #headerCenterColumn, #headerRightColumn {
    height:83px;
}
#headerLeftColumn { 
   float:left; 
   width:200px; background-color: #ffffff;
}
#headerCenterColumn {
   float: left;
   width: 76px;
   background: #ffffff url('../images/backgroundMastheadLeft.jpg') repeat-y top left;
}
#headerRightColumn { 
   /* background: #b7b396 url('../images/backgroundMastheadRight.jpg') repeat-y top left; */
    background-color: #dddbcf;
   width: auto;
   /*float: left; */
   /* firefox width: 720px; */
}
#customerContent {
  text-align: center;
   width: 170px;
   Height: 64px;
    overflow:hidden;
}
#customerContent img { margin:10px 0px 0 4px;}

#headerLoginContent {
   vertical-align:top; 
   border-top:solid 5px #3f7d61; 
   padding: 1px 16px 0px 26px; 
   color: #646351; float:right;  
   
}
.loginLink {
  font-size: 10px;
  text-decoration: none; padding: 0 3px 0 3px;
  color: #646351;

}
a.loginLink:link {
  text-decoration: none;
}

a.loginLink:visited  {
  text-decoration:    none;
}

a.loginLink:active   {
  text-decoration:    none;
  color:#000000;
}

a.loginLink:hover    {
  text-decoration: none;
  color: Green;
}
#topMenuContent { 
   clear: right; 
   float:right;
   /* background: transparent url('../images/backgroundTopMenu.jpg') repeat-x; */
   height: 34px;
   padding:0px 0px 2px 0px;
   margin:27px 0 0 0;  
}
#applicationName {
    font-size:9px; 
    margin-top:4px;
    color: #b5b396;
    width: 100%;
    text-align:center;
}

#buildingContent {
    clear:both;
    float:left;
    text-align:left;
}

#brownRuleContent {
     /* background-color: #a06c3d; */
   /* background: transparent url('../images/barBrown.jpg') repeat-x left top; */
    background-color: #646351;
   vertical-align: top;
   height:5px; 
   margin-top:0px; text-align:justify; width:auto;
}

/* Site map path */
#menuSiteMapPath {
   color: #a06c3d;
    text-align:left; 
    float:left; 
    padding:2px 0 0px 8px; 
    font-size:9px;
    /*width: 640px;*/
}
#menuSiteMapPath a {
   color: #2f6c4d;
  text-decoration: none;
}
#menuSiteMapPath a:hover    {
  color: Green;
}
/* end of site map area */

#geneaLogo { float:right; padding:3px 6px 0 0px;}
#middlePageContent {
 min-width:1000px;
}
#leftNavContent { 
  clear:both;
   margin: 0px 0 0 0;
  float:left;
   text-align:left;
   width: 200px;
   
   /* background-color: #b8b497; */
}
#leftRole {
   height:50px; 
   border-top: solid 2px white;
   border-bottom: solid 2px white;
   padding: 0 0 0 8px;
   background-color: #8aa4a5; 
   color: White; 
   font-size: 12px; line-height: normal;
}
#leftRole span { 
   margin-top: 2px;
   display: block;
}
#leftRole span p {
   margin: 1px 0 0 0;
}
#leftNavBackground {
   background: #b8b497 url('../images/backgroundLeftNav.jpg') no-repeat 0px 1px;
   min-height:564px; 
  height:569px;


}
#leftIcon {
    width:auto; text-align:center; padding:310px 0 0 0;
}
#leftIcon img {
     margin-top: 8px;
}
.leftNavSectionHeader {
    padding: 20px 0 0 14px;
}
.leftNavSectionHeader .sectionBox { 
   margin-right:7px;
}
.leftNavSectionHeader img { margin:0;
}
#mainContent{ 
   text-align:left;
   min-height:410px; float:left; 
   width: 80%;
}
#contentMain { clear:both; padding: 0 10px 0 10px;}
/*---------------- Footer. Content ------------------*/
#footerContent  
{
	border-top:#b8b497 1px solid;
	clear: both;
	width:100%;
	padding:15px 0 0 0;
	text-align:center; 
	height:80px; width:100%;
	color:#999999;
}

#footerCenter
{
   color: #808080;
   white-space:nowrap;
}

#footerCenter a:link, #footerCenter a:active, #footerCenter a:visited {
   text-decoration:  none;
   color: #808080;
}
#footerCenter a:hover {
   COLOR: #ff0000; 
   TEXT-DECORATION: none;
}

#footerCenter a a:link {
	text-decoration: none;
}
#bottomNavigation 
{
	font-size:12px;
	padding-top: 6px;
}
#copyright 
{
	font-size: 10px; padding:4px 0;
}
#footerLogo { float:left;
}

/*-------------- Login page -------------------*/
#loginContent { 
   padding-left:12px;
   padding-top:20px;
}
#loginControlmng {
   text-align:left;
}
#loginControlmng input[type="text"] {
    margin-bottom:12px;
}
.loginLabel 
{
	font-weight:bold;}
#loginFlash { margin-top:25px;}
.loginBodyText{
	width: 670px;
	padding-left: 30px;
	font-size: 11px;
	color:#616161; padding-top: 20px;
}
.loginBodyText h1 { 
   margin:0px 0 10px 0;
	font-size: 13px;
	color: #32885c;
}
.loginBodyText p {
	margin: 0;
	padding: 0px 10px 0px 0px;
}

/*--------Error Handling---------------------*/
#pageError, .pageError { 
   color: Red; padding: 12px 24px;
}

#UpdatePanel1 {
  width: 200px; height: 50px;
  border: solid 1px gray;
}

#AlertDiv{
left: 40%; top: 40%;
position: absolute; width: 200px;
padding: 12px; 
border: #000000 1px solid;
background-color: white; 
text-align: left;
visibility: hidden;
z-index: 99;
}

#AlertButtons{
   position: absolute; right: 5%; bottom: 5%;
}

.seperatorMaster{
	clear:both;
	background: url(../images/seperator_bg.jpg) #16ac7f repeat-x top center;
	height:10px;
	}

#footer{
	width: 100%;
	height:55px;
	margin: 0;
	text-align:right;
	background:#c5c1a9;
}

p{
	margin: 0;
	padding: 10px 10px 10px 0px;
	}
	
#copyright{
	width: 95%;
	font-size: 11px;
	color: #646351;
	margin: 0 auto 30px;
	padding:10px 0 0 0;
	}
	
#copyright p{
	float: right;
	font-size: 11px;
	padding: 5px 0 0 0;
	}
	
ul.inline{
	padding: 5px 0 0 0; float:left;
	margin: 0 0 0 0;
}
	
ul.inline li{
	display: inline;
	list-style: none;
	font-size: 11px;
	}
	
ul.inline li a{
	color: #646351;
	text-decoration: none;
	}
	
ul.inline li a:hover{
	text-decoration: underline;
	}
	
ul.bullet{
padding:0px 0px 0px 20px;
}
	
ul.bullet li{
	list-style:outside disc;
	
	color:#028b5f;
	padding:5px 0px 0px 0px;
	}
	
ul.bullet li a{
padding:0px 0px 0px 0px;

	
	}
	
ul.bullet li a:hover{
	
	}



/*================================================JIVA InfoTech========================================================*/
/*================================================Begin Login page content================================================*/

#header_wrapper2{
	background:url(../images/dropshadow_bg.jpg) repeat-x; width:100%; height:87px;
	}


#logo1{
	float:left; width:170px; height:40px; margin:11px 0 0 0; padding:0 0 0 45px;
	}

#header-right_top{ /* For header background */
	float:right; background:url(../images/dropshadow_bg2.jpg) repeat-x; width:77%;  height:87px; text-align:right;
}

.green_bg{ /* Top-right green bg */
	background:url(../images/green_bg.jpg) repeat-x; float:right; width:3%; height:87px;
	}
#content_wrapper{
	clear:both; margin:0; padding:0; width:100%; height:100%;
	}

#login{ /* Login fields - left */
	float:left; clear:both; width:18%; height:450px; background:#C6C2A9; padding:11px 0 0 25px; text-align:left;
	}

.login_input{ /* For IE6 width */
	width:145px;
}

#content_area{
	float:left; width:750px;  margin:0 0 0 22px;
	}
	
.img_holder { /* Images in the Content area */
	height:135px; margin:10px 0 10px 0;
}

#body_content {
	width:750px; text-align:left;
}

.welcome{ /* Main Heading text */
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#008D5C;
	}
	
.txt_links {
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#1E647D; font-weight:bold;
}
.txt_links a{
text-decoration:none; color:#1E647D; font-weight:bold;
}
.txt_links a:hover{
text-decoration:underline; color:#1E647D; font-weight:bold;
}
/*================================================End Login page content=================================================*/
/*================================================JIVA InfoTech========================================================*/


.ContainerFont
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
	/* background-color: #cccccc; */
	color: #646351;
	font-size: 9pt;
	background:#c5c1a9;
	line-height:normal;
}

#footerlogin{
	width: 100%;
	height:55px;
	margin: 0;
	text-align:right;
	background:#c5c1a9;
}

#copyrightlogin{
	width: 95%;
	font-size: 11px;
	color: #646351;
	margin: 0 auto 30px;
	padding:10px 0 0 0;
	}
	
#copyrightlogin p{
	float: right;
	font-size: 11px;
	padding: 5px 0 0 0;
	}


/* this is for Phone number */
.txt_phone {
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#028B5F; font-weight:bold;
}
.updateProgress {
   margin: 20px 0 0 30px;
   white-space:nowrap; 
   padding: 0 30px 2px 0;
   font-size: 11px;
   color: #427d63;
}
.updateProgress img {
   vertical-align:middle;
}