@charset "utf-8";
/* CSS Document */
body{
	margin: 0px;
	padding: 0px;	
	background-color: #9FD074;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	}
 
form{
	margin:0px;
	border:0px;
	}
fieldset{
	padding:2px;
	border: 1px solid #C0CDE9;
	width:840px;
	/*background-color: #FBFBFB;*/
}

img{
	border:0px;
	}

a:focus
{
-moz-outline-style: none;
}

.fieldsetPermission{
	padding:2px;
	border: 1px solid #C0CDE9;
	width:330px;
	/*background-color: #FBFBFB;*/
}

.legend_dec{
	border:1px solid #C0CDE9;
	margin-left:10px;
	padding: 2px 5px 2px 5px;
	font-size: 10px;
	font-weight:bold;
	color: #2E53A1;
	text-decoration: none;
	}
	
	
/* Text Style */

.msgBox{
	display:block; 
	background:#FFEBE8; 
	border:1px solid #FF0000;
	padding:5px;
	margin:5px 0px 5px 0px; 
	min-width:250px; 
	max-width:950px;
	}

.usrmainTitle{
	padding: 0px;
	font-size: 18px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #333333;
}

.usrWelcome{
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
	color: #779D50;
	text-decoration: none;
}

.usrName{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.usrLogoff{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #204395;
	text-decoration:underline;
}
.usrLogoff:hover {
	text-decoration: none;
	}
	
.mainTitle{
	padding-left: 20px;
	font-size: 18px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #519D05;
}

.procedureTitle{
	padding-bottom:5px;
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
}

.mandatory{
	color:#FF0000;
	}

.subTitle{
	font-size: 14px;
	font-weight:bold;
	color: #527CAE;
}

.subTitle2{
	font-size: 16px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #519D05;
}
.subTitle3{
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #222222;
}
.subTitle4{
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #ff0000;
}

.headlinesFont{
	font-size: 18px;
	font-weight:normal;
	color: #527CAE;
}

.labelText{
	padding-left: 5px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size: 12px;
	text-transform:none; /*capitalize;*/
	color: #519D05;
	font-weight:normal;
}


.textSmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:none; 
	color: #ff0000;
	font-weight:normal;
}


.notFound{
	color: #666666; 
	font-weight: bold;
	letter-spacing:1px;
}

.textdec{
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}

.textdec2{
	padding-right:10px;
	font-size: 12px;
	color: #222222;
	letter-spacing:1px;
	font-style:italic;
	font-weight: normal;
}
.textdec3 {
	padding:0px;
	margin:0px;
	font-size: 12px;
	font-weight:normal;
	color: #1C4692;
	text-decoration: none;
	}
.textdec4{
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}	
.writtencontent{
	padding:0px 10px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	}
.confirm_content{
	padding: 0px 20px 0px 20px;
	letter-spacing: 0px;
	line-height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #666110;
	}
.statement_title{
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color:#1C419A;
	}
.singlefield_text_title{
	padding-left:0px;/*28px*/
	font-family:Arial, Helvetica, sans-serif;
	
	font-size: 22px;
	color:#1C4499;
	}	
.statement_text{
	padding: 10px 20px 10px 20px;
	letter-spacing: 0px;
	line-height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #222222;
	}	
.footer{
	/*border-top:1px solid #365CA7;*/
	background:url(../images/footerBg.png);
	background-position:top;
	background-repeat:no-repeat;
	font-size:10px;
	color:#85A963;
	}	

	
/* Image Style */

.usr_top{
	background-image:url(../images/usr_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

.usr_titlebg{
	padding-left:25px;
	background-image:url(../images/usr_title_bg.jpg);
	background-repeat:repeat-x;	
	}
.login_bg{
	background-image: url(../images/login_bg.png);
	background-repeat: repeat-y;
	}
.patient_login_bg{
	background-image: url(../images/patient_login_bg.png);
	background-repeat: repeat-y;
	
	}
.links_bg{
	background: url(../images/links_bg.png);
	background-repeat: repeat-x;
	}
.kiosk_bg{
	background-image: url(../images/links_bg.png);
	background-color:#FF0000;
	background-repeat: repeat-x;
	}

.fos_bg{
	background: url(../images/fos_bg.jpg);
	background-repeat:no-repeat;
	}
.ad_bg{
	background-image: url(../images/ad_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #EDEDED;
	}
.sign_bg{
	background-image:url(../images/sign_bg.jpg);
	background-repeat:repeat-y;
	}	
.sign_bg2{
	background-image:url(../images/sign_bg2.jpg);
	background-repeat:repeat-y;
	}
.confirm_consent_bg{
	background-image:url(../images/confirm_consent_bg.jpg);
	background-repeat:repeat-y;
	}	
.web_cam_bg{
	background-image:url(../images/web_cam_bg.jpg);
	background-repeat:repeat-y;
	}
.video_bg{
	background-image:url(../images/video_bg.jpg);
	background-repeat:repeat-y;
	}
/* Image Style End*/
	

/* Link Style */
.subLink {
	padding:0px;
	margin:0px;
	font-size: 12px;
	font-weight:normal;
	color: #254487;/*#204395;*/
	text-decoration: underline;
	}

.subLink:hover {
	text-decoration: none;
	}
.subLink2 {
	font-size: 9px;
	font-weight:bold;
	color: #204395;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	text-decoration: underline;
	}

.subLink2:hover {
	text-decoration: none;
	}
.subLink3 {
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0px;	
	color: #A9A9A9;
	text-decoration: underline;
	}

.subLink3:hover {
	text-decoration: none;
	}

.removeLink {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #C40705;
	text-decoration: underline;
	}

.removeLink:hover {
	text-decoration: none;
	}

.editLink {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #204395;
	text-decoration: underline;
	}

.editLink:hover {
	text-decoration: none;
	}
	
.editIden {
	padding:2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
	border:1px solid #999999;
	background-color:#EBEBEB;
	letter-spacing:1px;
	font-size: 10px;
	font-weight: bold;
	color: #204395;
	text-decoration: underline;
	}

.editIden:hover {
	text-decoration: none;
	}

.addLink {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}

.addLink:hover {
	text-decoration: underline;
	}
/* Form Styles */
.addButtonBg{
	padding:0px;
	background-color:#878787;
	}

.submit{
	border:0px;
	}

/*.button {
	font-size: 11px;
	background-color: #E4E9ED;
	color: #1B4599;
	background-image: url(../images/bgGray.gif);background-color: #eeeeee;*//*
	border: 1px solid #C0CDE9;
	}
	
.buttonOn, .button:hover, .button:focus, .buttonOn:focus {

	color: #5B81C6; 
	background: #F7FCFD;
	border: 1px solid #87A3D6;
	}
	*/
.phoneinput{
	width:94px; !important;
	}	
.phoneleftpad{
	padding-left:10px;
	}


.button {
	font-size: 11px;
	padding:2px 5px 2px 5px;
	font-weight:bold;
	height:26px;
	background-color: #51A102;
	color: #FFFFFF;
	/*background-image: url(../images/bgGray.gif);background-color: #eeeeee;*/
	}
	
.buttonOn, .button:hover, .button:focus, .buttonOn:focus {

	color: #222222; 
	background: #51A102;
	border: 1px solid #999999;
	}

.button2 {
	padding:0px 5px 0px 5px;
	font-size: 14px;
	background-color: #E4E9ED;
	font-weight:bold;
	letter-spacing:1px;
	color: #1B4599;
	/*background-image: url(../images/bgGray.gif);background-color: #eeeeee;*/
	border: 1px solid #C0CDE9;
	}
	
.buttonOn, .button2:hover, .button2:focus, .buttonOn:focus {

	color: #5B81C6; 
	background: #F7FCFD;
	border: 1px solid #87A3D6;
	}

input, select {
	/*font-size: 9px;
	background-color: #FCFDFE;
	border: 1px solid #D5DEF0; */
	font-family: Tahoma, Arial, sans-serif;
  	font-size: 100%;
	font-weight: normal;
	height:18px;
  	color: #000000;
	padding: 1px 0px 1px 3px;
  	margin: 0px;	
	border: 1px solid #CCCCCC;
	}

/*ACinput:focus, textarea:focus { 
	background-color: #fff;
	border: 1px solid #87A3D6;
	 }*/

select {
	font-weight:normal;
	font-size:12px;
	height:20px;
	}	 

textarea {
	/*font-size: 11px;
	background-color: #F8F9FC;
	border: 1px solid #D5DEF0;*/
	
	font-family: Tahoma, Arial, sans-serif;
  	font-size: 100%;
	font-weight: normal;
  	color: #000000;
	padding: 1px 3px;
  	margin: 0px;	
	border: 1px solid #CCCCCC;
	}

checkbox, radio {
	border: 0px solid #FFFFFF;
	}

.inputFind {
	padding:0px;
	margin:0px;
	font-size: 16px;
	color:#69B225;
	background-color: #F3FFE9;
	border: 1px solid #71B927;
	height:24px;
	width:190px;
	}

.inputFind:focus { 
	background-color: #fff;
	border: 1px solid #71B927;
	 }
.usrFind{
	border:0px;
	padding:0px;
	margin:0px;
	}	

/* DIV Style Start */


.flexiMaxWidth{
	max-width:1200px;
	}
	

.flexiMaxWidthAddNew{
	max-width:1180px;
	}

/* DIV Style End */

/* Table Style*/ 
.tdLeftPad{
	padding-left:25px;
	}
.tablebdr{
	border:1px solid #E4E9ED;
}


.tableNewbdr{
	border-top:1px dotted #DFE7F4;
	border-bottom:1px dotted #DFE7F4;
}
.leftpad{
	padding-left:5px;
}

.pagingPad{
	padding:5px 10px 5px 5px;
	}

	
.listTable{	
	background-color:#FFFFFF;
	/*border-top:1px solid #87A3D6;
	border-bottom:1px solid #87A3D6;	
	background-image:url(../images/table_topBg.png);
	background-position:top;
	background-repeat:repeat-x;*/
	/*background-color:#FCFCFC;#FAFFF4;*/
	}
.listTable th{
	border-bottom: 1px solid #D6D6D6;
	/*border-top: 1px solid #8C8C8C;	*/
	text-align:left;
	padding-left:4px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	/*color:#214798;*/
	height:24px;
	color: #519D05; !important; /*#333333;*/ 
	/*background-color:#D2D2D2;#DAFFBB;*/
	font-size:11px;
	font-weight:bold;
}

.listTable td{
	/*border-bottom:1px dotted #DFE7F4;*/
	border-bottom: 1px solid #D6D6D6;
	text-align:left;
	font-size:11px;
	padding:2px 0px 2px 5px;
	vertical-align:middle;
	height:24px;	
	
}

.listTable tr.alt td {
	background: #FAFBFB;
	/*background-color:#F3FFE9;*/
}

.listTable  tr:hover td {
	background-color: #F2F2F2;/*#EFFFE1;*/
}	

.listTable tr.over td  {
	background-color:#F2F2F2;  !important; /*#EFFFE1;*/
}

/*.listTable :last-child { 
  border-bottom: 0; 
}*/
.tableMainTitle{
	padding-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #FFFFFF;
	background-color: #ABABAB;
	text-decoration: none;
	height:20px;
}

.tableMainTitle1{
	padding-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #FFFFFF;
	background-color: #6FB928;
	text-decoration: none;
	height:20px;
}

.tableTitle{
	font-size: 11px;
	font-weight: bold;
	color: #425575;
	text-decoration: none;
}

.welcome{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	color: #8F9FAF;
	text-decoration: none;
}	
	


.specialTable td{
	padding: 0px 0px 0px 5px;
	text-align: left;
	
}
	


/* Table Style End*/ 

/* box style start*/
		#corner{
			padding: 0px;
			margin: 0px;
			width: 280px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			text-align: center;
			letter-spacing: 1px;
			color: #FF0000;
			background-color: #FFF0F0;
			font-weight: normal;
			}
		
		#corner div{	
			margin: 0px;
			background-color: #FFF0F0;
			background: url(../images/cornertl.gif) top left no-repeat;
		}
		
		#corner div div {
			margin: 0px;
			display: block;/* sets all spans inside p to block, so only need this once */
			background: url(../images/cornertr.gif) top right no-repeat;
		}
		
		#corner div div div {
			margin: 0px;
			background: url(../images/cornerbr.gif) bottom right no-repeat;
		}
		
		#corner div div div div {
			margin: 0px;
			padding: 6px;
			height: 0; /* fixes a padding bug in IE */			
			background: url(../images/cornerbl.gif) bottom left no-repeat;
		}
		
		#corner p div div > div {
			height: auto; /* sets the height back to auto for all other browsers */
		}
		
		
/* box style end*/

/* box style start*/
		#corner{
			padding: 0px;
			margin: 0px;
			width:320px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-align: center;
			letter-spacing:normal;
			color: #FF0000;
			background-color: #FFF0F0;
			font-weight: normal;
			}
		
		#corner p{	
			margin: 0px;
			background-color: #FFF0F0;
			background: url(../images/cornertl.gif) top left no-repeat;
		}
		
		#corner p span {
			margin: 0px;
			display: block;/* sets all spans inside p to block, so only need this once */
			background: url(../images/cornertr.gif) top right no-repeat;
		}
		
		#corner p span span {
			margin: 0px;
			background: url(../images/cornerbr.gif) bottom right no-repeat;
		}
		
		#corner p span span span {
			margin: 0px;
			width:auto;
			padding: 10px 0px 10px 0px;
			height: 0; /* fixes a padding bug in IE */			
			background: url(../images/cornerbl.gif) bottom left no-repeat;
		}
		
		#corner p span span > span {
			height: auto; /* sets the height back to auto for all other browsers */
		}
	/* box style end*/


ul#tab{
padding:0;
margin:0;
list-style:none;
}
#tab li{
width:118px;/*size of image*/
height:33px;/* size of image*/
position:relative;float:left;
}
#tab li.profile{ background:url("../images/usr_profile_active.jpg") no-repeat left top;}/* this holds the rollover state of the image1*/
#tab li.doctor{background:url("../images/usr_doctor_active.jpg") no-repeat left top;}/* this holds the rollover state of the image2*/
#tab li.procedure{ background:url("../images/usr_procedure_active.jpg") no-repeat left top;}/* this holds the rollover state of the image3*/

#tab a{
display:block;
width:118px;
height:33px;
text-decoration:none;
}
#tab li.profile a{background:url("../images/usr_profile.jpg") no-repeat left top;}/* this holds the normal state of the image1*/
#tab li.doctor a{background:url("../images/usr_doctor.jpg") no-repeat left top;}/* this holds the normal state of the image2*/
#tab li.procedure a{background:url("../images/usr_procedure.jpg") no-repeat left top;}/* this holds the normal state of the image3*/

ul#tab a:hover{background:transparent}
/* on hover we just hide the anchor and let the image underneath show through.
This makes for pre-loaded rolovers unlike changing the image on hover which is slow.*/
/* the above code assumes a different image for each anchor but is much simpler if only one image is used as the individual classes are not necessary. */

#tab li.profileactive{ background:url("../images/usr_profile_active.jpg") no-repeat left top;}
#tab li.doctoractive{background:url("../images/usr_doctor_active.jpg") no-repeat left top;}
#tab li.procedureactive{ background:url("../images/usr_procedure_active.jpg") no-repeat left top;}

ul#tab{text-indent:-999em}/* hide text*/

/* The code below is an ie5 bug with text indent - remove if you don't care about ie5 */
* html ul#tab{text-indent:0;te\xt-indent:-999em}
* html ul#tab span{text-indent:-999em;}





<!-- Patient Profile Tab Style Start -->

	
#menu {
	float:left;
	width:100%;
	/*font-size:100%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	line-height:normal;
	border-bottom:1px solid #999999;
	}
#menu ul {
	margin:0;
	padding:10px 5px 0 5px;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu a {
	float:left;
	background:url("../images/navleft.gif") no-repeat left top;
	margin:0;
	padding:0px 0 0 8px;
	text-decoration:none;
	}
#menu a span {
	float:left;
	display:block;
	background:url("../images/navright.gif") no-repeat right top;
	padding:6px 8px 6px 0px;
	color:#666666;
	margin:0px 2px 0px 0px;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#000;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}
.tabcontent{
display:none;
}
@media print {
.tabcontent {
display:block !important;
}
}


#menu a.selected {
	float:left;
	background-position:0% -42px;
	margin:0;
	outline:none;
	padding:0 0 0 8px;
	text-decoration:none;
	}
#menu a.selected span {
	float:left;
	display:block;
	outline:none;
	background-position:100% -42px;
	padding:6px 8px 6px 0px;
	/*padding:5px 10px 4px 6px;*/
	color:#000000;
	}
	
#menu a:focus
{
-moz-outline-style: none;
}
	
/* Patient Profile Tab Style End */

/*FOS View Style Start*/

.adminTopLeft{
	background-image:url(../images/TopLeft.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:40px;
	min-width:40px;
	height:45px;
}	
.adminTopBg{
	background-image:url(../images/TopBg.jpg);
	background-repeat:repeat-x;
	min-width:830px !important;
	height:45px;
	}
.adminTopRight{
	background-image:url(../images/TopRight.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:40px;
	min-width:40px;
	height:45px;
	}	
	
	
.adminLinkLeft{
	background-image:url(../images/adminLinkLeft.jpg);
	background-repeat:repeat-y;
	width:15px;
	min-width:15px;
	}
.adminLinkRight{
	background-image:url(../images/adminLinkRight.jpg);
	background-repeat:repeat-y;
	width:15px;
	min-width:15px;
	}


.adminLeft{
	background-image:url(../images/adminLeft.jpg);
	background-repeat:repeat-y;
	width:40px;
	min-width:40px;
	}
.adminMid{
	background-color:#FFFFFF;
	min-width:830px !important;
	}
.adminRight{
	background-image:url(../images/adminRight.jpg);
	background-position:right;
	background-repeat:repeat-y;
	width:40px;
	min-width:40px;
	}
		
.adminFooterLeft{
	background-image:url(../images/footerLeft.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:40px;
	min-width:40px;
	height:45px;
	}
.adminFooterBg{
	background-image:url(../images/footerBg.jpg);
	background-repeat:repeat-x;
	font-size:10px;
	color:#85A963;
	padding-bottom:5px;
	min-width:830px !important;
	height:45px;
	}	
.adminFooterRight{
	background-image:url(../images/footerRight.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:40px;
	min-width:40px;
	height:45px;
	}
	
.viewMenu{
	padding-left:3px;
	z-index:1000 !important;
}	
/*FOS View Style End*/
.gridTop
	{
	padding:2px 2px 0px 0px;
	border: 1px solid #ccc;
	background: url(../images/wbg.gif) repeat-x 0px -1px;
	height:24px;
	}