/* CSS Document */
html, body{		
	height:100%;
	width:100%;	
	text-align:center;
	font-family:verdana, lucida, arial, helvetica, sans-serif; 	
	font-size:9pt;	
	background-color:#DADEE1;
}

/* Hack for IE*/
html>body, html>body #wrapper{
	height:auto;	
}

img{
	vertical-align:middle;
	margin:0px 0px 5px 0px
}
html{

}
body{
	margin:0; 
	padding:0;
	margin:+0em; 
	color:#000000;
	font-size:.9em;	
	text-align:center;
}

#wrapper{	
	top:0;
	left:0;		
	text-align:center;	
	background-color:#DADEE1;
	padding:0px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;	
	background:url(../images/mainbg.jpg) repeat-y top center;
	
}


#layout #footer{
	clear:both;	
	font-size:.7em;	
	text-align:center;
	background-color:#5081AC;
	padding:5px 0px;	
	color:#ffffff;
}



#wrapper  #layout{
	position:relative;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;

}



#layout #header{
	background:url(../images/topBand.jpg) top left;
	height:94px;
	width:100%;
	top:0px;
	background-color:#3B6B9B;
}

#layout #headerhome{
	background:url(../images/loginBanner.jpg) top left;
	height:110px;
	width:100%;
	top:0px;
	background-color:#3B6B9B;
	text-align:right;
	vertical-align:bottom;
	
}



#headerhome #menu{
		padding:90px 0px 0px 0px;
color:#ffffff;
	}

#headerhome #menu a, #headerhome #menu a:active, #headerhome #menu a:visited{	
	text-decoration:none;
	color:#ffffff;
	font-size:9pt;
	padding:0px 5px;
	border:0px;

}


#headerhome #menu a:hover{
	padding:0px 5px;
	text-decoration:underline;

}


#layout #loginBlock{
	width:382px;
	height:230px;
	position:relative;
	background:url(../images/loginBack.jpg) top left;
	background-repeat:no-repeat;
	color:#2D62B2;
	margin:100px 0px 100px 0px;
	margin-left:auto;
	margin-right:auto;

}

#layout .logBlock{	
	background-color:#D1E2EF;
	border-left:1px solid #E8EAE7;
	border-right:1px solid #E8EAE7;
	padding:1px 0px 1px 8px;
}

#loginBlock h1{
	font-size:12pt;
	padding:15px;
	text-align:center;
	margin-top:0px;
}



#loginBlock p.loginfo2{
	position:relative;	
	left:175px;
	text-align:left;
	margin-top:120px;
}

#loginBlock label{
	text-indent:1pt;
}

#loginBlock a,a:link,a:active{
	text-decoration:none;
	color:#000000;
	font-size:9pt;

}

#loginBlock a:hover{
	text-decoration:underline;
}
a,a:link,a:active,a:visited{
	text-decoration:none;
	color:#001C9F;
	font-size:9pt;
	border-bottom:1px solid #001C9F;

}

a:visited{
		color:#551A8B;
}

 a:hover{
	font-size:9pt;
	text-decoration:underline;
	color:#551A8B;
}


input{
	
	background-color:#ffffff;
}

.button{
	width:155px;
	cursor:pointer;
	background-color:#D4D0C8;
}	



input.radio{	
	margin-left:0px;
	border:0px;	
	vertical-align:middle;
}

.alertMes{
	color:#ff0000;
	font-size:8pt;

}

/* Main Navigartion Menu */

#layout #infoBar{
	clear:both;	
	border-top:1px solid #4272A2;
	top:-1px;
	left:0px;
	width:960px;
	margin:-1px 5px 0px 5px;
	border-bottom:1px solid #4272A2;
	height:30px;
}

#layout #infoBar h1{
	color:#007771;
}
#pageMenu #emrInfo{
	float:left;
	border:1px solid #007770;
	margin:5px;
	padding:0px 5px;
	font-weight:normal;
	background-color:#EFEFEF;
}
.pageTitle{
	
	margin:5px;
	padding:3px 10px;
	font-weight:normal;	
	font-size:10pt;
	font-weight:bold;
	text-align:right;
	color:#ffffff;
	background-color:#007770;
	letter-spacing:.1em;

}

#infoBar #pageButs{
	float:right;	
	margin:5px;
}

#infoBar h1{
	float:left;
	margin:5px;
	padding:0px;
	font-size:11pt;
	color:#7E7F00;
	text-align:left;
	width:40%;
	
}

#layout #navbar{
  position:relative;
  float:left;
  background:#ffffff  url(../images/menuBody.gif) repeat-x;
  font-size:93%;
  line-height:normal;  
  margin-left:10px;
  margin-top:10px;   
 }

#navbar ul {
  margin:0;
  padding:0px 0px 0px 0px;
  list-style:none;
  
  }
#navbar li {
  float:left;
  background: url(../images/butLeftCorner.gif) no-repeat left top;
  margin:0px 0px 0px 0px;
  padding:0 0 0 9px;
  }
#navbar a { 
  float:left;
  display:block;
  background: url(../images/butRightCorner.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  color:#4272A2;
	font-size:93%;
}

#navbar a {float:none;}
/* End IE5-Mac hack */

#navbar a:hover {
  color:#000099;
font-size:93%;
}

#navbar #current {
  background-image:url("../images/menuButtonLeft.gif") ;
  border-width:0px;
  color:#000099;
  border-bottom:1px solid #ffffff;
font-size:93%;
  }
#navbar #current a 
{
   float:left;
  display:block;
  background:url("../images/menuButtonRight.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;  
  color:#ffffff; 
font-size:93%;  
}

/* body content */

#layout #content{	
	clear:both;
	position:relative;	
	margin:0px 10px 5px 5px;
	padding:0px 0px 10px 0px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #007770;	
	
	width:960px;
}

/*/////////////// Page Menus ////////////////*/

/* Main Navigartion Menu */

#layout #pageNavbar{	
	clear:both;
	float:left;
	font:800 10px Arial;
	line-height:normal;  	
	padding:0px 10px;
	margin-top:10px;
	
 }

#pageNavbar ul{
	margin : 0;
	padding : 0;
	list-style:none;	
}

#pageNavbar li{
	float:left;
	background:url(../images/menus/rightEdge.jpg) no-repeat right top;
	height:24px;
}
	
 #pageNavbar a{
	display:block;
	background:url(../images/menus/leftEdge.jpg) no-repeat left top;
	padding:5px 15px;
	color:#000000;
	border-bottom:1px solid #fff;
}



.sectionHead{
	background-color:#C2D8EF;
	color:#000000;
	padding:5px 10px;
	font-size:10pt;
}


#pageNavbar a:hover	{
	color : #f00;
}

#pageNavbar #current{
  	background:url(../images/menus/rightEdgeG.jpg) no-repeat right top;
  }
#pageNavbar #current a 
{
   background : #000000;	
	color : #36587A;  
	background:url(../images/menus/leftEdgeG.jpg) no-repeat left top;
	font-weight:bold;
}

/* //////////////////////////////////////////*/

#layout #homeContent{
	clear:both;	
	width:100%;
}

#homeContent #columnLeft{
	position:relative;
	background-color:#007771;
	text-align:left;
	width:196px;

}

#columnLeft a{
	text-decoration:none;
	color:#ffffff;
	font-size:8.5pt;
	padding:0px;
	padding-left:5px;
	border:0px;
}

#columnLeft ul{
	list-style-type : none;
	padding:0px 0px;
	margin:0px;
	
}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
#columnLeft li	{
	list-style-type : none;
	margin : 0px;
	padding:5px 5px;
	font-size:7pt;
}

#columnLeft h1,#col1 h1{
	padding:2px 5px;
	margin:10px -5px;
	color:#7E7F00;
	font-size:11pt;
	height:24px;
	border-bottom:1px solid #CCCC9A;
	border-top:1px solid #CCCC9A;
}

#homeContent #columnRight{	
	clear:both;
	margin:0px 0px 0px 0px;
	text-align:left;
	background-color:#F6F6F6;	
}

#homeContent h1{
	font-size:11pt;
	color:#346699;
	padding:0px;
	margin:0px;
	padding-bottom:5px;
	border-bottom:1px solid #6E6F00;
}

 #col1{	
	
	padding:0px 5px;
	margin:0px;
	margin-left:10px;
	}

#columnRight #col1 h2,#columnRight #col2 h2,.h2Style{	
	padding:10px 0px;
	margin:0px;
	font-size:10pt;
	color:#336799;
	background-color:#E0EFE9;
	}


#columnRight #col2 p{
		color:#666666;
		font-size:8pt;
		margin:10px 0px;

	}

#columnRight #col1 ul,#columnRight #col1 li{
		list-style-type : none;
		margin:0px;
		padding:0px;
	}

#columnRight #col1 a{
		color:#0000FF;
		font-size:8pt;
		text-decoration:none;
	}

#columnRight #col1 a:hover{
		color:#FF0000;
		font-size:8pt;
		text-decoration:underline;
	}
 #col2{
	
	
	padding:0px 20px;
	margin-left:10px;
	margin-right:20px;
	
	}
#columnRight #col3{
	
	width:160px;
	background-color:#E6E5D0;
	border-right:1px solid #474747;
}



/*dashboard design */

#content #homeleft{
	float:left;
	width:25%;
	position:relative;
}

 #homeright{	
	
	height:100%;
	margin:20px;
	padding:10px;
}

#homeright .toc{
  background: url(../images/menus/topLeft.jpg)
  top left no-repeat;
  width:450px;
  text-align:left;
  }


#homeright h2 {  
  	font-size:1em;
  	padding:5px 0px 5px 0px;
  	margin:0;
 	text-align:center;
	background-color:#86AACE;
	color:#ffffff;	
	
  }

#homeright  .tocBody {
  background: 
	url(../images/menus/rightBorder.jpg) 
  top right repeat-y;
  margin:0;
  margin-top:0;
  padding:3px 15px 10px 15px;

 }
 
#homeright ul{
 	list-style:none; 
	background-color:#F5F5F5;
	margin:0px 0px 10px 0px;
	
	padding:10px 0px 10px 5px;	
 }
 
#homeright li{
 	list-style:none;
	margin:0px 0px 0px 0px;
	text-align:left;
	padding:0px 0px 2px 0px;

 }
/* content  Styles*/
 
 #layout p{
 	margin:2px 0px 4px 0px;
	padding:0px;
	text-align:left;
	clear:both;

 }
 #layout label,#layout .rgColLg label{
	float:left;	
 	width:200px;	
	text-align:left;
	margin:0px 5px 0px 5px;
	height:20px;		
	
 }
 
 #layout textarea,#layout .rgColLg  textarea{
 	border:1px solid #315C96;	
 }
 
#layout .rgColLg{
	margin:0px 0px 0px 0px;
	margin-left:20%;
	text-align:left;
}
#layout .rgCol{
	margin:0px 0px 0px 0px;	
	text-align:left;
	width:39%;
	float:left;	
	padding:2px 0px 2px 0px;
	text-align:left;
}

input.RequiredField { font:normal 11px sans-serif; }
input.submit{margin:10px 5px 10px 0px;}

#layout .rgcolor{
	background-color:#CCCCCC;
}

#layout p p{
	margin:0px 0px 0px 0px;
	margin-left:300px;
	border:1px solid #000099;
}

#layout  h2,.segment{
	font-size:10pt;
	background-color:#007770;
	color:#fff;
	padding:2px 0px 2px 10px;
	text-align:left;
	margin:0px 2px 0px 2px;
	font-weight:bold;
}

.noborder{
	font:11px Arial,Helvetica,sans-serif;	
		color: #5B5C56;
		background-color: #FFFFFF;
		border:none; 
		vertical-align:middle;
	
}

#content h3{
	text-align:left;
	padding:0px;
	margin:5px 0px 5px 5px;	
	font-size:10pt;
	color:#125F5A;
}

.lftSpace{
	margin:0px 0px 0px 10px;
}


/* Page Patchs */

/* CWSD FollowUpPatient */

.rgSpace{
	margin:0px 0px 0px 20px;
}

/* Add divs */
#content p.col1{
	float:left;
	width:40px;	
}
#content p.col2{
	float:left;
	padding:0px 0px 0px 10px;
}

/* Add Row Styles */

 #content .addRowBlock{
	clear:both;	
	margin:20px 5px 20px 5px;
	height:80px;
	border:1px solid #cccccc;
}

.addRowBlock .checkbox{
	margin:0px;
	padding:0px;
	border:0px;
}
.addRowBlock .keyValid{
	position:relative;
	float:left;
	width:60px;	
}


.addRowBlock .validContent{
	position:relative;
	float:left;
	width:89%;	
	padding:5px 0px 5px 10px;	
}

.validContent div{
	text-align:left;
}

 .age{
	width:85px;
	margin:0px 0px 0px 10px;
	border:0px;
}

/* Label */
#content .addLabel{
		margin:0px 0px 0px 60px;
		text-align:left;
		font-weight:bold;	
}

#content td{
	text-align:left;
	padding:2px 5px;
	
}

#content table{
	margin:5px 5px;	
}

#content .labelstyle{
		width:200px;
		padding:3px 0px 0px 0px;
		
}

#content .searchNumber{
	border:1px solid #4272A2;
	color:#4272A2;
	background-color:#D8E6F1;
	width:20px;
	padding:2px;
}

#content td{
	vertical-align:top;
}

.bottomBorder{
	border-top:1px solid #D8E6F1;
}
.space{
	height:10px;
}
th{
	background-color:#F3F5E4;
	padding:5px;
}
.highlightBack{
	background-color:#F3F5E4;
}

.labelElement{
	padding:10px;
	background-color:#F5F5F5;
}

.labelElement{
	padding:10px;
	background-color:#F5F5F5;
}

.dateLink{
	background-color:#BDB76B;
	color:#000000;
	width:120px;
}
.normalDate{
	height:55px;
	width:120px;
}

#content .centerScreen{
	text-align:center;
}
#pageMenu{
	clear:both;
	text-align:right;
	margin:10px;
}

#pageMenu #utilBlock1{
	float:left;
	width:40%;
}
#pageMenu #utilBlock2{
	float:left;
	width:40%;
}

#siteInfo{
	padding:10px 10px;
	margin:0px 10px;
	border-bottom:1px solid #4272A2;
}
.numStyle{
	text-align:right;
	width:180px;
}

.txtStyle{
	text-align:left;
}

.altRow {
	background-color: #EEEEEE;
}


/* Admin Dash Board */

#dbPageHead{
	height:20px;

	padding:0px;
	margin:0px;
	border-bottom:2px solid #25737D;
}

#dbPageHead #dbGreeting{
	float:left;
	background:#ffffff  url(../images/headBack.jpg) repeat-x bottom left;
	height:24px;
	padding:0px 10px;
	margin:0px;
	color:#ffffff;
	margin-top:4px;
	
	font-weight:bold;	
}

#dbGreeting h1{
	padding:0px;
	margin:0px;
	font-size:9pt;
	padding-top:4px;
}

#dbPageHead #dbGreetingEnd{
	float:left;
	width:26px;
	height:24px;
	background:#ffffff  url(../images/headBackEnd.jpg) repeat-x bottom left;
		margin-top:4px;
}
#dbPageHead #dbFiller{
	float:left;
	border-bottom:2px solid #016394;
	width:100%;
	height:20px;
}

.commonCont{
	text-align:left;
	margin:0px 10px;
	padding:5px 0px;
	width:98%;
	border-bottom:1px solid #5081AC;
	}

.para
{
color : #000000;
font: 500 11px verdana;
text-align: left;
margin-top: 0.5cm;
margin-bottom: 0.5cm;
margin-left: 10px;
margin-right: 10px;
padding-left:5px;
}

#infoBar2{
	clear:both;	
	border-top:1px solid #4272A2;
	top:-1px;
	left:0px;
	width:968px;
	margin:0px;
	padding:0px;
	height:30px;
}