@charset "utf-8";
/* CSS Document */
html, body
{
    height: 98%;
}
body  {
	/*font: 100% Arial, Helvetica, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/bg.png) top left repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0 20px !important;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
h1{ 
	color:#5ABDA6;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	margin:10px 0 0 0;
	float:left
}


/*Login Page Start*/

#loginContainer{
	/*width:420px;
	margin:0 auto;
	height:330px;*/
	width:572px;
	margin:0 auto;
	height:450px;
}

#loginContainer #content{margin-left:90px !important;width:420px; }
#loginContainer .mainContent{
	margin:0; 
}
#loginContainer .contentBox{
	box-shadow:1px 1px 15px #111;
	-moz-box-shadow:1px 1px 15px #111;
   	-webkit-box-shadow:1px 1px 15px #111;
	border:2px solid #222;
	
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE.htc); 
}
#loginContainer div.logo{
	/*background:url(../img/logo.png) 5px 50% no-repeat; 
	height:54px;   
	margin: 10px auto;
    width: 280px;*/
	background:url(../img/logo-login.png) 5px 50% no-repeat; 
	height:104px;   
	margin: 10px auto  50px auto;
    width: 572px;
} 
#loginContainer .titleBar{
	font-size:18px;
	/*padding-left:5px;*/
}
#loginContainer .formRow p{
	width:95%;
	margin:0 0 0 15px;
}
#loginContainer .formRow p label{
	width:24%;
	font-size:16px;
}
 
#loginContainer .submitRow p{
	margin-left:30%;
	width:65%;
	
}
#loginContainer .submitRow p a{
	color:#333;
	text-decoration:none;	
}

#loginContainer .submitRow p label{ 
	text-align:left;
	margin-top:3px;
	line-height:16px !important;
	font-style:italic; 
	letter-spacing: 1px;
	float:right
} 

#loginContainer .submitRow input, #loginContainer .submitRow button{
	width:140px;
	/*margin-right:20px !important;*/
	margin:0  !important;
	float:left;
}

#loginContainer .submitRow input[type="reset"]{
	margin:0;
}


/*Login Page End */
#container { 
	width: 100%;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*min-width:1210px;
	min-width:1550px;*/
	min-width:1250px;	
	float:left;
	/*padding-bottom:100px;*/
	
}
#header { 
	color:#666666;
	font-size:14px;
	font-weight:bold;
	padding:20px 0 10px 0;
	width:100%;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
#header #worksat_fac{ float:right}
/*#header .left{ float:left; width:76%;}
#header .right{ float:right; width:22%; min-width:260px;}*/

#header .left{ float:left; width:22%;}
#header .right{ float:right; min-width:23%;  }

#header .right #master_notification{ float:right}

#header, #header div.logo{float:left;}
#header div.logo{
	/*background:url(../img/logo.png) 5px 50% no-repeat;
	min-width:270px;
	height:54px;
	width:22%; */
	background:url(../img/logo.png) 5px 50% no-repeat;
	min-width:315px;
	height:60px;
	width:34%; 
} 
#header .search{
	/*width:64%; */	
	width:40%; 
	margin:10px 0 0 0; 
 	float:right;
} 
#header .search label{
	font-size:14px;
}
#header .search a, #header .login a{
	color:#FFF;
	text-decoration:none;
}
#header .search a{
	margin:0 0 0 35px;
	line-height:26px;
}
#header .search a:hover, #header .login a:hover{
	text-decoration:underline;
}
  
#header .search .searchTxt,  p.fullWidth .searchTxt, .searchTxt{
	width:94%;
	border:none;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	behavior: url(PIE.htc);
	background:#FFFFFF url(../img/search_icon.png) 10px 50% no-repeat;
	height:24px;
	line-height:24px;
	font-weight:bold;
	font-size:14px;
	/*text-indent:30px;*/	
	padding-left:32px;
	margin:0;
	 /*-moz-box-shadow: inset 0 0 10px #999;
   	-webkit-box-shadow: inset 0 0 10px #999; 
   	box-shadow: inset 0 0 10px #999; CSS 3 Spec */
}
#header .search .searchTxt:focus{
	background:#FFFFFF url(../img/search_icon.png) 10px 50% no-repeat;
}
#header .adminmenu{float:right}
#header #adminmenu-box {
	position:absolute;
	display:none;
	z-index:9999; width:250px;
	padding:10px 0;
	top:50px;
	background:#E6E6E6;	
	box-shadow:1px 1px 5px #111;
	-moz-box-shadow:1px 1px 5px #111;
   	-webkit-box-shadow:1px 1px 5px #111;
	border:1px solid #333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc); 
}
 #appointmentmenu-box {
	position:absolute;
	display:none;
	z-index:9999; 
	width:220px;
	padding:2px 0;
	margin:10px 0px;
	right:12px;
	/*top:160px;*/ 
	background:#DCDBDB url(../img/accordionmenu/app-menu-bg.png) repeat-x top left;	
	box-shadow:1px 1px 3px #666;
	-moz-box-shadow:1px 1px 3px #666;
   	-webkit-box-shadow:1px 1px 3px #666;
	border:1px solid #D2D1D1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc); 
}


#header .login{
	/*width:17%;*/
    background: url(../img/user-arrow.png) no-repeat  right 50% transparent;
	margin:10px 0 0 0;
	float:right;
	text-align:right; 
	color: #333333; 
    font-size:14px;
    font-weight: bold;
	/*max-width:73%;*/
}

#header .login a {
    color:#FFF; 
	float:left;
    line-height:25px; 
    margin-right:10px;
    text-decoration:none !important;
	/*padding-right:30px;
	background:url(../img/welcome-user.png) right 50% no-repeat;*/
	/*display:-moz-inline-box;*/
	display:block;
	overflow:hidden; 
	/*max-width:180px;
	min-width:150px;*/
}
#header .login a span{    
	/*display: -moz-inline-box; */
	float:left;
	display:block;
    overflow: hidden;
	height:26px;
}


#header .login a img{
	float:right;
	margin:0 0 0 5px;
	border:1px solid #FFFFFF;
}


#header #logout-box {
	position:absolute;
	display:none;
	z-index:9999; 
}
#header #logout-body {
	margin-top:30px;
	margin-left:-50px;
	text-align:left;
	padding:10px 10px 15px 10px;
	background:#EBEBEB;
	width:300px; 
	min-height:100px; 
	border:1px solid #333;
	box-shadow:1px 1px 15px #111;
	-moz-box-shadow:1px 1px 15px #111;
   	-webkit-box-shadow:1px 1px 15px #111;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc); 
}
#header #logout-body .userPhoto{
	float:left;
	margin-right:10px;	
	width:110px; 
}
#header #logout-body .userPhoto img{
	border:2px solid #FFFFFF;
}
#header #logout-body .content{
	float:left;	
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	width:180px; 
	line-height:18px; 
}
#header #logout-body .content .button {
	float:left;	
	width:180px;
	padding-top:25px;
	margin-top:10px; 
}
#header #logout-body .content div{
	float:left;	
	width:180px; 
}
#header #logout-body .content .button a{
	padding:8px 10px;
	margin-right:5px;
	color:#000000;
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
	background:#F9F9F9;
	border:1px solid #E1E1E1;
}
#header #logout-body .content .button a:hover{
	border:1px solid #CCC;
	box-shadow:0px 2px 2px #E1E1E1;

}

#leftCol {
	float: left; 
	width: 6%; 
	padding: 0; 
	/*margin-left:5px; */
}
#leftCol ul li{ margin-bottom:10px;}
#leftCol ul li a{ border:none}

#leftCol ul li img{ 
	width:100%;
	height:auto;
}
#rightCol {
	font-family:Arial, Helvetica, sans-serif;
	float: right; 
	width: 20%;
	padding: 0;  
	/*margin-right:5px;*/
	background:#E6E6E6 url(../img/title_bar.png) left top repeat-x;	
	/*background: url(../img/title_bar.jpg) left top repeat-x;*/
	border:2px solid #2c2c2c;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
	behavior: url(PIE.htc);
	min-height:664px;
	font-size:14px;
	/*min-width:290px;  */
}
/*
#rightCol { 
	width: 260px; 
	padding: 0;  
	margin-right:0px;
	background:#E6E6E6 url(../img/title_bar.png) left top repeat-x;
	border:1px solid #222;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
	behavior: url(PIE.htc);
	min-height:690px;
	font-size:12px; 
}*/
 
#rightCol .divWidth{
	width:100%;
	float:right;
}
#rightCol .titleBar, .mainContent .titleBar{
	/*background:url(../img/title_bg.png) repeat;
	border-bottom:1px solid #222;*/
	color:#82E2E3;
	font-weight:bold;
	height:46px;
	line-height:46px; 
	text-align:left;
	width:100%;
	-webkit-border-top-left-radius: 7px;
	-khtml-border-radius-topleft: 7px;	
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-radius-topright: 7px;	
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px; 
	behavior: url(PIE.htc);
}
.mainContent .titleBar{font-size:16px;}
#rightCol .titleBar{font-size:14px;}

#rightCol .titleBar span{
	margin-left:10px;
}
/*#rightCol .titleBar .kiosk{ 
	float:right;
	height:26px;
	width:26px;
	margin: 10px 8px 0;	
	display: block;
	cursor:pointer;	
	background:url(../img/kiosk.png) left 50% no-repeat;
}*/

#rightCol .divWidth .content{
	width:90%;
	margin:10px auto;
}


#rightCol .chairBox{ 
	line-height:22px;
	margin-top:10px;
}
#rightCol .chairBox span{
	font-weight:bold;
}
#rightCol .chairBox div{
	padding-left:0px;
}
#rightCol .rdy{
	background:url(../img/rdy.png) left 50% no-repeat;
	padding-left:35px; 
	line-height:20px;
}
#rightCol .cxl{
	background:url(../img/cxl.png) left 50% no-repeat;
	padding-left:35px; 
	line-height:20px;
}
#rightCol .lat{
	background:url(../img/lat.png) left 50% no-repeat;
	padding-left:35px; 
	line-height:20px;
}
#rightCol .chk{
	background:url(../img/chk.png) left 50% no-repeat;
	padding-left:35px; 
	line-height:20px;
}

#rightCol .sch{
	background:url(../img/sch.png) left 50% no-repeat;
	padding-left:35px; 
	line-height:20px;
}

#rightCol .ted{
	background:url(../img/ted.png) left 50% no-repeat;
	padding-left:35px; 
	line-height:20px;
}

#rightCol .ccd{
	background:url(../img/ccd.png) left 50% no-repeat;
	padding-left:35px; 
	line-height:20px;
}

#rightCol .nsw{
	background:url(../img/nsw.png) left 50% no-repeat;
	padding-left:35px; 
	line-height:20px;
}

#rightCol .rsd{
	background:url(../img/rsd.png) left 50% no-repeat;
	padding-left:35px; 
	line-height:20px;
}

#rightCol .out{
	background:url(../img/out.png) left 50% no-repeat;
	padding-left:35px; 
	line-height:20px;
}

#rightCol .tps{
	background:url(../img/tps.png) left 50% no-repeat;
	padding-left:35px; 
	line-height:20px;
}
#rightCol .chairBox .redText{
	color:#FF0000 !important;
	line-height:20px;
}
#rightCol .chairBox .blueText{
	color:#0000FF !important;
	border:1px solid #69DFC3;
	line-height:20px;
}
#rightCol .checkedBox{ 
	background:url(../img/bdr.png) left top repeat-x;
	line-height:22px;
	margin-top:25px;
	padding-top:25px;
}
#rightCol .checkedBox span.checkedIn{
	font-weight:bold;
	margin-bottom:20px;
	display:block;
	color:#000000
}
#rightCol .checkedBox div{ color:#1E799F}
/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
#contentContainer{
	float:left;
	min-height:650px;
	width:100%;
	margin:0;
}
.mainContent { 
	margin: 0 21.8% 0  7.5%;  
	position:relative;
	padding:0;
	font-family: Arial, Helvetica, sans-serif; 
	/*min-width:900px;*/ 
}
.contentResize{
	/* margin:0 !important;	 */
}
.mainContent .titleBar span{
	margin-left:15px;
	float:left
}
.mainContent .titleBar .editIcon{
	float:right;
	margin:6px 10px;	
}
	
.mainContent .contentBox{
	margin:0 0 30px 0;	
	float:left;
	width:100%;
	background:#E6E6E6 url(../img/title_bar.png) left top repeat-x;
	/*background:url(../img/title_bar.jpg) left top repeat-x;*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE.htc);
	border:2px solid #2c2c2c; 
	font-size:14px;
	overflow:hidden;
	
}
.mainContent .contentBox .content{ float:left; width:100%;}

#content{float:left;width:100%; margin-bottom:20px;}
#footer{
	/*position:fixed;
	bottom:-5px;
	width:100%;
	height:170px; */
}

.alertBox{
	background:#FFB400;
	border:2px solid #FFB400;
	font-weight:bold;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	behavior: url(PIE.htc); 
	width:480px; 
	z-index:9999;
	right:0px;
	top:-50px; 
	position:absolute; 
}
.alertBox label{ color:#FFFFFF; font-weight:bold; font-size:14px; margin:16px 20px; display:block; width:50px; float:left}
.alertBox div.alert{
	width:350px;
	min-height:36px;
	padding:5px 10px;
	font-size:11px; 
	float:right; 
	background:#FFFFFF;
	-webkit-border-radius: 158px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius: 15px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 15px;
	behavior: url(PIE.htc); 
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.alertBox div.alert div {float:left; margin:3px 0}
.alertBox div.alert div span{float:left;}
.alertBox div.alert div span.alertTxt{ float:left; display:block; margin:0 5px; width:50px;}
.alertBox div.alert div .alertContent{border-left:1px solid #666;padding-left:5px; width:280px; }
.alertBox div.alert div span.red{color:#FF0000; margin-right:5px;}


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	/*margin-left: 8px;*/
}
.fltlft, .fltlt { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	/*margin-right: 8px;*/
} 
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.txtrt { /* this class can be used to align a text right in your element. */
	text-align: right;
}
.txtctr { 
	text-align: center !important;
}
::-webkit-input-placeholder {
   color: #ccc;   
   text-shadow: 0 1px 1px #fff;   
}

:-moz-placeholder { /* Firefox 18- */
   color: #ccc;
   text-shadow: 0 1px 1px #fff;     
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;
   text-shadow: 0 1px 1px #fff;     
}

:-ms-input-placeholder {  
   color: #ccc;
   text-shadow: 0 1px 1px #fff;     
}

.loaderDiv{ 
	z-index:4; 
	height:300px;
	margin:0 auto;
	text-align:center;	
}
.loaderDiv img{margin-top:200px;}

.chartsShell{/*width:96%; margin:20px auto; padding:15px 0*/
    float: left;
    margin: 0;
    padding: 15px 0;
    width: 100%;
}

.chartsShell table.dataTable tr th:first-child{ padding-left:0px;}
.chartsShell table.dataTable tr th:first-child, .chartsShell table.dataTable tr td:first-child{ text-align:center; width: 26px;}
.chartsShell table.dataTable tr td:first-child .accordion_bg{ padding:0px  3px; margin:0px;}
.chartsShell table.dataTable tr th:first-child input, .chartsShell table.dataTable tr td:first-child input{margin:0px;}

.chartsShell table.dataTable tr th:last-child, .chartsShell table.dataTable tr td:last-child{ text-align:center; padding-left:0}
.chartsShell .dataTables_info{ padding-left:18px;} 
 .chartsShell table.dataTable tr td .img_class{float: left;margin-top: 10px;}
 
.chartsShell .title{ width:97%; float:left; color:#3399CC; line-height:34px; padding-left:20px; font-weight:bold; margin:10px 0 10px 25px;}
.chartsShell .title select, .chartsShell .title input.treatmentname {	
    border: 2px solid #D6F0F0;
    border-radius: 18px !important;
	-moz-border-radius: 18px !important;
	-webkit-border-radius: 18px !important;
	behavior: url(PIE.htc); 
    box-shadow: 1px 2px 0 #999999 inset;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    padding-right: 10px;
	} 

/*.chartsShell .title{ width:100%; color:#3399CC; height:34px; line-height:34px; padding-left:5px; font-weight:bold; margin:10px 0;}*/
.chartsShell .title .iconContainer{ margin-top:0 !important}
.chartsShell .box11{width:53%; float:left; min-height:200px; margin-left:10px;}
.chartsShell .box11 img{ /*margin-left:5px;*/}
.chartsShell .box11 .controls{height:300px; width: 10%; border-right:1px solid #BAD5E3; padding:0; margin-right:10px; text-align:center; float:right}
.chartsShell .box12{width:45%; float:left; min-height:200px; margin-left:5px;}
.chartsShell .box21{width:24%; float:left; margin-left:10px;}
.chartsShell .box22{width:74%; float:left; margin-left:5px;}
.chartsShell .imagingShell, .chartsShell .imagingShell, .chartsShell .problemShell, .chartsShell .chartShell{
	margin:5px; padding:0 10px 10px 10px;  border:1px solid #CCCCCC;background:#FFFFFF
}

.btnIcdLookup{
	border:1px solid #A9ACA5;
	background:#C8C3C2 url(../img/icd_btn_bg.png) top left repeat-x;
	cursor:pointer;
	float:left;
	color:#797574;
	font-size:11px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:26px;
	line-height:12px;
	letter-spacing:1px;
	margin:4px 3px 4px 6px;
	padding:1px 0px 0px 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(PIE.htc); 	
	/*-webkit-box-shadow: 0 0 4px #999;
	-moz-box-shadow: 0 0 4px #999;
	box-shadow:  0 0 4px #999;*/
	text-align:center;
	text-shadow: 1px 1px 0 #f2f2f2;
	text-transform:uppercase;
	width:68px;
}
.btnIcdLookup:hover{
	/*-webkit-box-shadow: 0 0 4px #CCC;
	-moz-box-shadow: 0 0 4px #CCC;
	box-shadow:  0 0 4px #CCC;*/
	text-shadow: 0 1px 0 #f2f2f2;
}

.chartShell .listTable tr.selected, td.selected{background:#B3D9EC !important} 

.dataTable tr.selected{background:#B3D9EC url(../img/bdr.png) left bottom repeat-x !important} 
.dataTable tr.claimGenerated{background:pink url(../img/bdr.png) left bottom repeat-x !important}
.dataTable tr.claimCompleted{background:#C4FFC4 url(../img/bdr.png) left bottom repeat-x !important}
.dataTable tr.treatCompleted{background:#E1FFE1 url(../img/bdr.png) left bottom repeat-x !important}
.dataTable tr.errorValue{color:#FF0000 url(../img/bdr.png) left bottom repeat-x !important;}
.dataTable tr.preauth{background:#FFE4C4 url(../img/bdr.png) left bottom repeat-x !important}  

.photoShell{
	background: #E6EBE1;
	width:24%; 
	margin:0px 1% 0 0;
	padding:10px;
	float:right;
	z-index:99;
	position:absolute;
	right:10px;
}
.photoShell .photoContent{
	border:1px solid #CCC;
	background:#EDEBEB;
	float:left;
	width:96%;
	padding:15px 0 15px 15px;
}
.photoShell .photoContent .photoDiv{
	width:85%;  
	float:left;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	*/
}

.photoShell .photoContent .photoDiv img{ 
	width:90%;
	height:auto;
	padding:10px;
	background:#FFFFFF;
	-webkit-box-shadow: 0 0 6px #666;
	-moz-box-shadow: 0 0 6px #666;
	box-shadow:  0 0 6px #666;
}
.customPopUpBox .photoShell .photoContent .photoDiv img{  
	height:auto;
	padding:10px;
	background:#FFFFFF;
	-webkit-box-shadow: 0 0 6px #666;
	-moz-box-shadow: 0 0 6px #666;
	box-shadow:  0 0 6px #666;
}


.photoShell .photoContent .controls{
	width:14%; 
	float:left;
	margin-top:28%;
}
.photoShell .photoContent .controls img{
	width:90%;
	height:auto;
}
.capturePhoto{
	background:#EDEBEB; 
	width:220px; 
	border: 1px solid #CCCCCC;
	padding: 10px; 
	margin:0 auto;
}



.listShell{
	margin: 0;
	font-size:14px;
	padding:10px 0;
    width: 100%;
	float:left;
}
.listShell .head p label{ font-weight:bold !important;}
.listShell .listRow p{
    display: block;
    float: left;
	line-height:22px;
    padding:5px 0;
	text-align:left;	
	margin: 0 0 0 10px;
}
.listShell .odd{background:#D6E2E2 url(../img/bdr.png) left bottom repeat-x !important;}

.listShell .listRow p label{
    display: block;
	color:#323232; 
	font-size:14px;
	font-weight:normal;
	margin: 0px;
	line-height:22px;
	float:left;
}
.listShell .listRow .width4{
	width:4%;
}
.listShell .listRow .width8{
	width:8%;
}
.listShell .listRow .width10{
	width:10%;
}
.listShell .listRow .width20{
	width:20%;
}
.listShell .listRow .width30{
	width:30%;
}
.listShell .listRow .width40{
	width:40%;
}
.listShell .listRow .width45{
	width:45%;
}
.listShell .listRow .width50{
	width:50%;
}
.listShell .listRow .width60{
	width:60%;
}
.listShell .listRow .width80{
	width:80%;
}



.listShell .leftCol{
	float:left;
	width:11%;
	margin:0 0 0 25px;
	height:100px;
	text-align:right;
}
.listShell .rightCol{	
	float:left;
	width:84%;
	font-size:14px;
}
.listShell .rightCol .col_1{
	width:35%;
	float:left; 
}
.listShell .rightCol .col_1 div, .listShell .rightCol .col_2 div{
	float:left;
	width:100%;
	line-height:26px;	
} 
.listShell .rightCol .col_1 div span{
	float:left;
	width:25%;
	font-weight:bold;
	text-align:right;
}
.listShell .rightCol .col_1 div label{
	margin-left:5px;
	font-weight:normal;
	float:left;
	text-align:left; 
	background:url(../img/bdr.png) left bottom repeat-x;
	width:70%;
	word-wrap:break-word;
}
.listShell .rightCol .col_2{
	width:45%;
	float:left;
	margin:0; 
}
.listShell .rightCol .col_2 div span{
	float:left;
	width:40%;
	font-weight:bold;
	text-align:right;
}
.listShell .rightCol .col_2 div label{
	margin-left:5px;
	font-weight:normal;
	float:left;
	text-align:left; 
	background:url(../img/bdr.png) left bottom repeat-x;
	width:55%;
}
.listShell .rightCol .col_3{
	float:left;  
}
.listShell .rightCol .col_3 div span{
	float:left;
	margin-left:15px;
	font-weight:bold;
	text-align:left;
	line-height:26px;	
}


.listShell .nobdr{
	border:none !important;
	background:none !important;
}


.bdrBtm{
	background:url(../img/bdr.png) left bottom repeat-x;
	}


.listTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}
.listTable th{
	/*padding: 3px 18px 3px 10px;*/	
	padding: 3px 8px;
	background: url(../img/tblbdr.png) left bottom repeat-x;
	font-weight: bold;
	cursor: pointer;
	vertical-align:middle;
	height:38px;
	text-align:left;
}
.listTable td{
	padding: 3px 8px; /*padding: 3px 10px;*/ 
	vertical-align:middle;
	height:38px;
	text-align:left;
	background:url(../img/tblbdr.png) left bottom repeat-x;
}

.listTable tr th:first-child,.listTable tr td:first-child{
	padding-left:30px;
}
.listTable tr:last-child td{ background:none}
.listTable td input.clickText{ width:30px;
	height:28px;
	margin:0;
	resize:none;
	-moz-box-shadow:    inset 0 2px 4px #333;
   	-webkit-box-shadow: inset 0 2px 4px #333;
   	box-shadow:         inset 0 2px 4px #333;
	}
.listTable td input.clickTextLarge{ width:70px;
	height:28px;
	margin:0;
	resize:none;
	-moz-box-shadow:    inset 0 2px 4px #333;
   	-webkit-box-shadow: inset 0 2px 4px #333;
   	box-shadow:         inset 0 2px 4px #333;
	}
.listTable tr.odd { 
	background:#D6E2E2 url(../img/bdr.png) left bottom repeat-x;
}
.listTable tr.even { 
	background:#EAEAEA url(../img/bdr.png) left bottom repeat-x;
}

.greydataTables_wrapper{    
	background: #e6e6e6 !important;
    border: 2px solid #a9aca5 !important;
	width:96%;
	margin:25px !important;
}
.greydataTables_wrapper .listTable {
    font-size: 14px !important;
}
.greydataTables_wrapper .listTable th{ 
	background: url("../img/bdr.png") repeat-x left bottom !important;
} 
.greydataTables_wrapper .listTable td{ 
	background: url("../img/bdr.png") repeat-x left bottom !important;
	border-top:none !important;
} 

.greydataTables_wrapper .subTitle {
    background: #ccc !important;
    color: #333 !important;
}
.greydataTables_wrapper .subTitle div.toggle .collapse_icon{
    background: url("../img/grey_collapse.png") no-repeat !important;

}
.greydataTables_wrapper .subTitle div.toggle .expand_icon {
    background: url("../img/grey_expand.png") no-repeat !important;
}
.greydataTables_wrapper .formRow span.spanBdr{border: 1px solid #a9aca5 !important;}

.greydataTables_wrapper .listTable .even{background:#E7E7E7 !important}

.greydataTables_wrapper .listTable .odd{background:#ddd !important}

.greydataTables_wrapper .historyTable th,
.greydataTables_wrapper.greyHeader
{    
	background: #ccc !important;
}
.greydataTables_wrapper .historyTable td{
	height:34px !important;
}
.referenceTable{ 
	width:60% !important; 
	float:left;
	margin-left:40px !important; 
	margin-top:10px;
	border:2px solid #CBC5DE !important; 
}

.referenceTable .listTable th, .referenceTable .listTable td{
	background: url("../img/bdr.png") repeat-x scroll left bottom transparent !important; 
}
.referenceTable .listTable tr:last-child td{
	background: none !important; 
}


.legendBox{
	padding:0 0 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(PIE.htc); 
	float:left; 
	margin:0 15px 10px 15px;
	width:95% !important; 
	background: #EDEBF3; 
	border:1px solid #9488BD
}

.mainShell {
    width: 95% !important;
}
.mainShell, .popupShell {
	margin: 0 auto !important; 
	margin:20px !important;
	background: #E9FCFC;
	border: 2px solid #C2E4E4;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	behavior: url(PIE.htc); 
}
.mainShell .subTitle, .popupShell .subTitle{background: #B6E9E9;color:#2EBEBF;}
.mainShell .subTitle a{ color:#2EBEBF; text-decoration:none}
.mainShell .formRow, .popupShell .formRow { background: url(../img/tblbdr.png) bottom right repeat-x !important;} 


.mainShell .formRow span, .popupShell .formRow span{ 
	border:1px solid #C2E4E4 !important;
}
.mainShell .photoShell{
	background: #E9FCFC; 
	z-index:99;
	position:absolute;
	right:20px;
	margin-right:2%;
}


/* FormShell  Start*/
.formShell{
	margin: 0;
	padding:15px 0px;
    width: 100%;
	float:left;
}
.formShell .formRow, .formShell .submitRow,.listShell .listRow{
	/*background:url(../img/bdr.png) left bottom repeat-x;*/
	margin: 0;
    padding: 0;
    width: 100%;
	float:left
}

.formShell .formRowTiny {
	/*background:url(../img/bdr.png) left bottom repeat-x;*/
	margin: 0;
    padding: 0;
    width: 100%;
	float:left
}

.formShell .formRow, .listShell .listRow{
	background:url(../img/bdr.png) left bottom repeat-x;
}
.formShell .formRowNew{
	background:url(../img/bdr.png) left bottom repeat-x;
	margin: 0;
    padding: 0;
    width: 100%;
	float:left;
}

.formShell .rowBg{
	margin: 0;
    padding: 0;
    width: 100%;
	float:left;
	background:url(../img/bdr.png) left bottom repeat-x;
}

.formShell .rowBg p.fullWidth{
	width:96% !important;	 
    padding:10px 0;
	text-align:left;	
	margin: 0 0 0 40px;
}

.formShell .rowBg p.fullWidth label{
	color: #222222;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 34px;
    margin-right: 10px;
    width: 25%;
}

.formShell .formRow span{
	/*line-height:45px;*/
	font-weight:bold;
	display: block;
    float: left;
    width: 51%;
	padding:0 4px;
	min-height:34px;
	line-height:34px;
	word-wrap:break-word;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(PIE.htc); 
}

.formShell .formRow span.profile{
	/*line-height:45px;*/
	font-weight:bold;
	display: block;
    float: left;
    width: 51%;
	padding:0 4px;
	min-height:34px;
	line-height:34px;
	word-wrap:break-word;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(PIE.htc); 
	border:1px solid #C2E4E4;
}

.formShell .formRow .txtBold{
	font-weight:bold;
}
	
.formShell .nobdr,.formShell .formRow p span.nobdr, .nobdr{
	border:none !important;
	background:none !important;
}

.formShell .formRow p.date, .formShell .formRow p.small{
    display: block;
    float: left;
	width: 180px !important;
    padding:10px 0;
}
.formShell .formRow p.date label, .formShell .formRow p.small label{
    display: block;
	color:#222;
	font-size:12px;
	font-weight:bold;
}
 
.formRow p.date input[type="text"], .formRow p.small  input[type="text"] {	
	width:150px;
	margin:5px 0;
	}

.formShell .formRow .recallDay{
    float: left;
	width: 40px !important;
}
.formShell .formRow .recallMonth{
    float: left;
	width:80px !important;
}
	
.formShell .formRow p, .formShell .formRowTiny p{
    display: block;
    float: left;
	color:#222;
	/*width: 360px;*/
    width: 30%;
	line-height:36px;
    padding:10px 0;
	text-align:left;	
	margin: 0 0 0 15px;
}
.formShell .formRowNew p{
    display: block;
    float: left;
	color:#222;
	/*width: 360px;*/
    width: 30%;
	line-height:26px;
    padding:10px 0;
	text-align:left;	
	margin: 0 0 0 15px;
}

.formShell .formRowNew p:first-child {
    margin-left: 40px;
}

.formShell  p.formRow{
	line-height:36px;
}


.formShell .formRow p.textarea label{
	width:11.5%;
	min-width:110px;
}
.formShell .formRow p.textarea textarea{
	width:81%;
}


.formShell .formRow p label, .formShell .formRowTiny p label, .formShell .formRowNew p label{
    display: block;
	color:#222;
	/*padding:4px 0;*/
	font-size:14px;
	font-weight:normal;
	margin-right: 10px;
	line-height:34px;
	width:39%;
	float:left;
}
.formShell .formRow label span{
    /*display: block;
    color: #0071BC;
    float: left;
    padding-right: 10px;*/
}
.formShell .formRow label em, .formShell .formRowTiny label em, .formShell .formRowNew label em{
	color:#FF0000;
	}
.formShell .formRow .gender{width:75px !important; margin-right:4px;}
.formShell .formRow .yesNo{width:50px !important; margin-right:4px;}

.formShell .formRow .small, .listShell .listRow .small{
	width:90px !important;
	}
.formShell .formRow .medium, .listShell .listRow .medium{
	width:160px !important;
}
.formShell .formRow .yearMonth{
	font-weight:bold;
	font-size:14px;
}
.formShell .formRow p.textarea{
	width:100% !important;
}
.formShell .formRow .fullWidth{
	width:96% !important;
}

.formShell .formRow p.halfWidth{
	width:45% !important;
}


.formShell .submitRow {
	margin-top:20px;
}

.formShell .msgConfirm{
	padding:10px; 
	height:30px;
	text-align:center 
}
.formShell .msgConfirm span{
	cursor:pointer;
	margin:0 auto 10px auto;
	text-decoration:blink;
	font-weight:bold;
	color:#ff0000;
	line-height:30px;
}


.subTitle{
	font-weight:bold;
	font-size:18px;
	padding:0 0 0 20px; 
	margin:0 -18px 20px 25px;
	line-height:36px;
	text-align:left;
	-webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius: 20px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-radius: 20px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	behavior: url(PIE.htc); 
	
	-moz-box-shadow: 0px 1px 2px #666;
	-webkit-box-shadow: 0px 1px 2px #666;
	box-shadow: 0px 1px 2px #666; 
}
.formShell .subTitle{ 
	background:#B6E9E9;
	color:#2EBEBF;
	font-weight:bold;
	font-size:18px;
	padding:0 0 0 20px; 
	margin:0 -18px 20px 25px;
	line-height:36px;
	text-align:left;
	-webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius: 20px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-radius: 20px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	behavior: url(PIE.htc); 
	
	-moz-box-shadow: 0px 1px 2px #666;
	-webkit-box-shadow: 0px 1px 2px #666;
	box-shadow: 0px 1px 2px #666; 
} 

.formShell .formRow .inputDiv{
	z-index:999; 
	position:absolute;
	border:1px solid #CCCCCC; 
	background:#f2f2f2;
	width:26%;
	margin-top:30px;
	margin-left:15px;
	padding:10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
	behavior: url(PIE.htc); 
	box-shadow: 2px 3px 4px #666
}
.formShell .formRow .inputDiv input[type="text"]{
	width:96%;
}

.formShell .clinicalExam{
	margin:15px auto;
	border-collapse:collapse;
}
.formShell .clinicalExam tbody td{
	color:#5E5D5D;
	padding: 10px 0px;
	font-size:14px;
	height:30px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #ccc;
} 

.formShell .clinicalExam tbody td input[type="text"]{
	/*width:40px;*/
}

.formShell .clinicalExam tbody td:hover{
	background:#E6E6E6;
	cursor:pointer;
}

.formShell div.green .subTitle span{
	background: url(../../img/uiimages/green_title_bg.png) bottom right no-repeat; 
	height:52px;
	width:20px;
	z-index:99;
	position:relative;
	display:block;
	float:right;	 
}

.formShell .submitRow p{
    display: block;
    padding:5px 0;
	margin:0 auto;
	/*margin-left:360px;
	margin-left:15px;
	margin-left:38%;
	float:left;*/
	width:98%;
	text-align:center;
}

.formShell .submitRow button, .formShell .submitRow input, .formShell .formRow input.button, .formShell .submitRow input.button, .listShell .listRow button {
	border:1px solid #A9ACA5;
	background: url(../img/button_bg.png) top left repeat-x;
	cursor:pointer;
	/*float:left;*/
	color:#424242;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	height:38px;
	/*margin-right:30px;*/
	margin:0 15px;
	padding:0 15px;
	/*text-shadow: 0 1px 0 #666;
	text-shadow: 0 1px 0 #f2f2f2;*/
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	behavior: url(PIE.htc); 	
	/*box-shadow:0 0 4px 0 #CCC;*/	
	-webkit-box-shadow: 0 0 6px #999;
	-moz-box-shadow: 0 0 6px #999;
	box-shadow:  0 0 6px #999;
}
 
.formShell .submitRow button, .formShell .submitRow input[type="button"], .formShell .submitRow input[type="reset"], .formShell .formRow input.button{
	min-width:130px;
}
.formShell .submitRow button.updateBtn span, .formShell .submitRow button.cancelBtn span, .formShell .submitRow button.submitBtn span, .formShell .submitRow button.saveBtn span{
	margin: 8px 0px 0px 8px;
	padding:0;
	float:right;  
	display: block;
	height:7px;
	width:7px; 
}
.formShell .submitRow button.updateBtn span, .formShell .submitRow button.submitBtn span, .formShell .submitRow button.saveBtn span{
	background:url(../img/bullet_green.png) left 50% no-repeat;
}
.formShell .submitRow button.cancelBtn span{
	background:url(../img/bullet_red.png) left 50% no-repeat;
}

.formShell .submitRow button:hover{
	-webkit-box-shadow: 0 0 6px #CCC;
	-moz-box-shadow: 0 0 6px #CCC;
	box-shadow:  0 0 6px #CCC;
	text-shadow: 0 1px 0 #f2f2f2;
}


.btnSmall{
	border:1px solid #A9ACA5;
	background:#C7C6C6 url(../img/button-small-bg.png) top left repeat-x;
	cursor:pointer;
	float:left;
	color:#797574;
	font-size:12px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	height:22px;
	line-height:24px !important;
	margin:5px 10px;
	padding:0 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(PIE.htc); 
	text-shadow: 1px 1px 0 #f2f2f2;	
	/*-webkit-box-shadow: 0 0 4px #999;
	-moz-box-shadow: 0 0 4px #999;
	box-shadow:  0 0 4px #999;*/
}
.btnSmall:hover{
	-webkit-box-shadow: 0 0 4px #CCC;
	-moz-box-shadow: 0 0 4px #CCC;
	box-shadow:  0 0 4px #CCC;
	text-shadow: 0 1px 0 #f2f2f2;
}


.formRow input[type="text"], .formRow input[type="password"], .formRow textarea, .listShell .listRow input[type="text"] {	
	/*width:320px;
	width:55%;*/
	width:50%;
	margin:0;
	resize:none;
	-moz-box-shadow:    inset 0 2px 4px #333;
   	-webkit-box-shadow: inset 0 2px 4px #333;
   	box-shadow:         inset 0 2px 4px #333;
}


.formShell .encounter2Col{
	width:100%;
	float:left;
	/*margin-bottom:20px;*/
	background:url("../img/bdr.png") repeat-x scroll left bottom transparent;
}
.formShell .encounter2Col input{ margin-top:4px;}
.formShell .encounter2Col .left{ width:30%; float:left} 
.formShell .encounter2Col .right{ width:68%; float:right}

.formShell .encounter2Col .threeCol p{
	width:28%;
}

.formShell .encounter2Col .threeCol p label{ width:96%}
.formShell .socialBox{
	width:100%;
	float:left;
}
.formShell .socialBox .formRow p{ width:22%;}

.toUpper {text-transform: uppercase;}

/*.contentBox input[type="text"],  .contentBox select {	
	width:50%;
	margin:0;	
	-moz-box-shadow:    inset 0 2px 4px #333;
   	-webkit-box-shadow: inset 0 2px 4px #333;
   	box-shadow:         inset 0 2px 4px #333;
}  
.contentBox input[type="text"],  .contentBox select {	
	margin:5px 0;
}
 .contentBox select{	
 	height:36px; 
}
*/

.contentBox tr.search th{ cursor:default}
.contentBox tr.search input[type="text"], .contentBox tr.search input[type="text"]:focus, .appointmentpopup .search input[type="text"]{
	/*width:50%;	*/
	margin:5px 0;
	padding-left:30px;
	border:none;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	border:2px solid #D6F0F0;
	behavior: url(PIE.htc);
	background:#FFFFFF url(../img/search_icon.png) 10px 50% no-repeat;
	height:24px;
	line-height:24px;
	font-weight:bold;
	font-size:14px;	
	-moz-box-shadow:    inset 1px 2px 0px #999;
   	-webkit-box-shadow: inset 1px 2px 0px #999;
   	box-shadow:         inset 1px 2px 0px #999;
	/*text-indent:30px; */
} 

.contentBox input.imagingTxt{
	margin:5px 0; 
	border:none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:2px solid #D6F0F0;
	behavior: url(PIE.htc);
	background:#FFFFFF ;
	height:18px;
	line-height:18px;
	font-weight:bold;
	font-size:14px;	
	-moz-box-shadow:    inset 1px 2px 0px #999;
   	-webkit-box-shadow: inset 1px 2px 0px #999;
   	box-shadow:         inset 1px 2px 0px #999;
}

.contentBox .companyBilling ul{
	margin:0;
}
.contentBox .companyBilling ul li{
	line-height:20px;
	font-weight:bold;
}
 
.contentBox .companyBilling ul li a{
	font-weight:bold;
	text-decoration:none
}
.contentBox .companyBilling ul li ul{
	margin:5px 10px;
}
.contentBox .companyBilling ul li ul li{
	font-weight:normal !important;
}


 .appointmentpopup .search input[type="text"]{
 width:50% 
 }
.formRow select, .listShell .listRow select{ 
	height:36px;
	/*width:325px !important;
	max-width:325px;*/
	width:53%;
	max-width:53%;
	-moz-box-shadow:    inset 0 2px 4px #333;
   	-webkit-box-shadow: inset 0 2px 4px #333;
   	box-shadow:         inset 0 2px 4px #333; 
}
/*custom Select */
.subTitle .ui-autocomplete {
max-height: 200px;
max-width: 1040px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
z-index:99999 !important;
}
/* Qus=uick Fix for data table Scrolling - Syamjith & asok */
.dataTables_scrollHeadInner, .dataTable{
width :100% !important;
}
/*#tbl_temp_treatment tbody tr { cursor:pointer; }*/

.styled{ width:300px !important}
em.customSelect {
background:none !important;
color:#2EBEBF;
}
em.customSelect.changed {
background:none !important;
}
.customSelectInner {
width:299px !important;
background:url(../img/customSelect-arrow.gif) no-repeat center right !important;
}
 

/*custom Select */



	
.formShell fieldset{ 
	width:96%;
	border: 1px solid #6DDCDC;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc); 
	margin:20px auto;
	text-align:left;
}
.formShell fieldset legend{
	font-weight:bold;
	padding:10px;
	color:#2EBEBF;
	border: 1px solid #6DDCDC;
	background:#B6E9E9;
	margin-left:15px;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc);
	min-width:200px;

}


/*Form Fields Start*/

input, select { 
	background:#FFFFFF;	
	border: 1px solid #C7C7C7;	
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px; 
	height:30px;
	line-height:30px;
	margin:0;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(PIE.htc); 
}
input{padding: 5px 2px 2px 5px;}
select{padding: 5px 2px 2px 2px;}

/*input:focus, textarea:focus {
	background-color: #fff;
	border: 1px solid #CCC;
	box-shadow:0 0 4px 0 #CCC;
}*/
textarea { 
	background:#FFFFFF;	
	border: 1px solid #C7C7C7;	
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px; 
	height:60px;
	margin: 0;
	padding: 5px 2px 2px 5px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(PIE.htc); 
	width:320px;
	margin:5px 0;
} 
 
input[type="checkbox"] {
	width:15px !important;
	height:15px !important;
	border:none;
	margin:10px 5px 5px 0; 
}
input[type=radio] {
	margin: 2px 5px  2px 0;
	border: 0px;
	height: auto  !important;
	/*float:left;*/
}
input.year, input.month{ width:50px !important; margin-left:5px !important;}

/*Form Fields end*/

/* FormShell End */

.showDiv{
	display:block;
	}
.hideDiv{
	display:none;
	}	

.schedule_table{
margin:0 auto;
width:98%;
}
.schedule_table td{
padding:5px 0;
}
.schedule_table td input{
width:100px;
height:26px;

}
.schedule_table td input:focus {
background-color: #fff;
border: 1px solid #CCC;
box-shadow:0 0 4px 0 #CCC;
}

.progress_notes_tab{
	border:1px solid #FBA2FB;
	background:#FFF2FF;
	float:left; 
	width:100%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	behavior: url(PIE.htc); 
}
 


.progress_notes_left{
	/*width:36%;
	float:left;
	background:#C97FCA;
	border:2px solid #C97FCA; 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;*/
	margin:10px 10px 10px 30px;
}
.progress_notes_left .text{
	line-height:38px; 
	padding-left:25px;
}
.progress_notes_left .ui-tabs{
	margin:0px auto;
	width:98%;
}
.progress_notes_left .ui-tabs .treeview{ margin-left:20px; margin-top:20px;} 



.progress_notes_left .progress_notes_treatments{
	 float:left; 
	width:100%;	
	-webkit-border-bottom-left-radius: 15px;
	-khtml-border-radius-bottomleft: 15px;	
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	
	-webkit-border-bottom-right-radius: 15px;
	-khtml-border-radius-bottomright: 15px;	
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px; 
}
.progress_notes_left .progress_notes_treatments .treatmentLinks a{ line-height:26px;}
.progress_notes_left .editTemplate{
	font-size:12px;
	text-align:center; 
	background:#BAB6BA; 
	color:#800080; 
	width:100%; 
	line-height:20px; 
	display:block; 
	font-weight:bold;
	
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-radius-bottomleft: 5px;	
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius-bottomright: 5px;	
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px; 
}
.progress_notes_left .editTemplate a{ color:#800080; }

.progress_notes_right{width:60%; float:left; margin:10px 0px 10px 30px;}
.progress_notes_right iframe{width:100% !important;}
.progress_notes_view_right{width:58%; float:right; margin:10px 0;}
.progress_notes_view_right span{border:1px solid #EA5AED;   border-radius: 4px 4px 4px 4px;
	behavior: url(PIE.htc); 
    display: block;
    float: left;
    font-weight: bold;
    line-height: 34px;
    min-height: 34px;
    padding: 0 4px;
    width: 60%;
    word-wrap: break-word;}
	
/* ******************* Collection Report Start*********************** */

.collectionReport{ margin:20px}
.collectionReport h1,.collectionReport h2{ 
	color:#549E51;
	margin:10px 0;
	font-weight:bold;
}
.collectionReport h1{ font-size:32px;}
.collectionReport h2{ font-size:24px;}
.reportTable {
	background:#EFF9F0;
	border:1px solid #FFFFFF;
	margin: 0 auto; 
	width: 100%;
}
.reportTable th{	
	background:#439741;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	color:#FFFFFF; 
	font-weight: bold;
	font-size:12px;
	height:30px; 
	padding: 3px;
	text-align:left;
	vertical-align:middle; 
}
.reportTable td{
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	color:#333;
	height:30px; 
	padding: 3px; 
	text-align:left; 
	vertical-align:middle; 
}
.reportTable > tbody > tr:nth-child(odd) > td{
  background-color: #E2F5E1;
}

.procedureTable {
	background:#EFF9F0;
	border:1px solid #FFFFFF;
	margin: 0 auto; 
	width: 100%;
}
.procedureTable th{	
	//text-align: left;
	font-weight:bold;
	color:#FFFFFF;
	//background:#2EC7CD;
	background:#B6E9E9;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size:12px;
	height:30px; 
	padding: 3px 10px;
	text-align:left;
	vertical-align:middle; 
}
.procedureTable td{
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-color: #EAFEFE;
	color:#333;
	height:30px; 
	padding: 3px 10px; 
	text-align:left; 
	vertical-align:middle; 
}
.procedureTable > tbody > tr:nth-child(odd) > td{
  background-color: #B6E9E9;
}

.colset1_head{
	background:#2EC7CD !important;
}
.colset1_odd{ 
	background:#EAFEFE !important;
}
.colset1_even, .colset4_even{ 
	background:#B6E9E9 !important;
}
.colset2_head{ 
	background:#88AD6B !important;
}
.colset2_odd{ 
	background:#EFF9F0 !important;
}
.colset2_even{ 
	background:#E2F5E1 !important;
}
.colset3_head{ 
	background:#EE8483 !important;
}
.colset3_odd{ 
	background:#FEE0DF !important;
}
.colset3_even{ 
	background:#FDC6C6 !important;
}

.colset4_head{ 
	background:#ECA468 !important;
}
.colset4_odd{ 
	background:#FCF1E9 !important;
}
.colset4_even{ 
	background:#ECD7C4 !important;
}

.colset5_head{ 
	background:#9589B8 !important;
}
.colset5_odd{ 
	background:#EDEBF3 !important;
}
.colset5_even{ 
	background:#D3CEE1 !important;
}
.colset6_head{ 
	background:#a1a1a1 !important;
}
.colset6_odd{ 
	background:#ebebeb !important;
}
.colset6_even{ 
	background:#d7d7d7 !important;
}
/* ************************ Icons  Start  ************************ */


.iconContainer{
	float:right;
	margin:6px 15px 0 10px; 
	height:32px;
}
.mainContent .titleBar .iconContainer{	
	margin:6px 35px 0 10px; 
}

.progressnotes_icon{
	float:left !important;
	margin: 3px 5px 0px 5px !important;
	height: 18px !important;
	width: 18px !important;
	padding:0; 
	line-height:18px;
	display: block;
	cursor:pointer;
	background:url(../img/icon_sprite.png) -1px -104px no-repeat !important; 
}
.subTitle .iconContainer{margin:0px 15px 0 10px; }

.iconContainer .txtLink{ 
    cursor: pointer;  
	float:left;    
	font-size:14px;
	line-height:18px;
  	padding: 5px 12px;
	margin:5px;
}
.iconContainer .txtLink:hover, 
.iconContainer .txtLink:active,
.iconContainer .txtLink.active {	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc); 
	background:#E6F9FB;
	-moz-box-shadow:    inset 1px 1px 2px #333;
   	-webkit-box-shadow: inset 1px 1px 2px #333;
   	box-shadow:         inset 1px 1px 2px #333;
}
.iconContainer span{
	float:left !important;
	margin: 3px 4px 0px 4px !important;
	height: 32px !important;
	width: 32px !important;
	padding:0; 
	line-height:30px;
	display: block;
	cursor:pointer;	
}
.payment_alerts{ 
	background:url(../img/payment_alert.gif) 0px 0px no-repeat !important; 
}
.payment_alert_expired{
	background:url(../img/payment_alert_expired.png) 0px 0px no-repeat !important; 
}
.administrative_alerts{ 
	background:url(../img/alert.gif) 0px 0px no-repeat !important; 
}
.alert_expired{
	background:url(../img/alert_expired.png) 0px 0px no-repeat !important; 
}
.alert_inactive{
	background:url(../img/alert-inactive.png) 0px 0px no-repeat !important; 
}
.add_icon{ 
	background:url(../img/icon_sprite.png) -2px -2px no-repeat !important; 
}
.add_icon:hover{
	background:url(../img/icon_sprite.png) -36px -2px no-repeat !important;
}

.edit_icon{ 
	background:url(../img/icon_sprite.png) -2px -36px no-repeat !important;
	
}
.edit_icon:hover{
	background:url(../img/icon_sprite.png) -36px -36px no-repeat !important;
}

.del_icon{  
	background:url(../img/icon_sprite.png) -2px -70px no-repeat !important; 
}
.del_icon:hover{
	background:url(../img/icon_sprite.png) -36px -70px no-repeat !important;
}

.pdf_icon{  
	background:url(../img/icon_sprite.png) -2px -150px no-repeat !important; 
}
.pdf_icon:hover{
	background:url(../img/icon_sprite.png) -36px -150px no-repeat !important;
}

.report_icon{  
	background:url(../img/icon_sprite.png) -2px -184px no-repeat !important; 
}
.report_icon:hover{
	background:url(../img/icon_sprite.png) -36px -184px no-repeat !important;
}

.delete_icon{  
	background:url(../img/icon_sprite.png) -2px -252px no-repeat !important; 
}
.delete_icon:hover{
	background:url(../img/icon_sprite.png) -36px -252px no-repeat !important;
}

.copy_icon{  
	background:url(../img/icon_sprite.png) -2px -334px no-repeat !important; 
}
.copy_icon:hover{
	background:url(../img/icon_sprite.png) -36px -334px no-repeat !important;
}

.create_icon{  
	background:url(../img/icon_sprite.png) -2px -368px no-repeat !important; 
}
.create_icon:hover{
	background:url(../img/icon_sprite.png) -36px -368px no-repeat !important;
} 

.sendtoeclaim_icon{  
	background:url(../img/icon_sprite.png) -2px -400px no-repeat !important; 
}
.sendtoeclaim_icon:hover{
	background:url(../img/icon_sprite.png) -36px -400px no-repeat !important;
}
.sendmail_icon{  
	background:url(../img/icon_sprite.png) -2px -400px no-repeat !important; 
}
.sendmail_icon:hover{
	background:url(../img/icon_sprite.png) -36px -400px no-repeat !important;
}

.approve_icon{  
	background:url(../img/icon_sprite.png) -2px -592px no-repeat !important; 
}
.approve_icon:hover{
	background:url(../img/icon_sprite.png) -36px -592px no-repeat !important;
}

.refresh_icon{  
	background:url(../img/icon_sprite.png) -2px -624px no-repeat !important; 
}
.refresh_icon:hover{
	background:url(../img/icon_sprite.png) -36px -624px no-repeat !important;
}

.invoicepay_icon{  
	background:url(../img/icon_sprite.png) -2px -656px no-repeat !important; 
}
.invoicepay_icon:hover{
	background:url(../img/icon_sprite.png) -36px -656px no-repeat !important;
}

.cardpay_icon{  
	background:url(../img/icon_sprite.png) -2px -688px no-repeat !important; 
}
.cardpay_icon:hover{
	background:url(../img/icon_sprite.png) -36px -688px no-repeat !important;
}

.cashpay_icon{  
	background:url(../img/icon_sprite.png) -2px -720px no-repeat !important; 
}
.cashpay_icon:hover{
	background:url(../img/icon_sprite.png) -36px -720px no-repeat !important;
}

.preauth_verify_icon{  
	background:url(../img/icon_sprite.png) -2px -752px no-repeat !important; 
}
.preauth_verify_icon:hover{
	background:url(../img/icon_sprite.png) -36px -752px no-repeat !important;
}




.arrow_back_icon{  
	background:url(../img/icon_sprite.png) -74px -2px no-repeat !important; 
}
.arrow_back_icon:hover{
	background:url(../img/icon_sprite.png) -106px -2px no-repeat !important;
}

.adjustment_icon{ 
	background:url(../img/icon_sprite.png) -74px -36px no-repeat !important;
}
.adjustment_icon:hover{
	background:url(../img/icon_sprite.png) -106px -36px no-repeat !important;
}

.xml_icon{ 
	background:url(../img/icon_sprite.png) -74px -70px no-repeat !important;
}
.xml_icon:hover{
	background:url(../img/icon_sprite.png) -106px -70px no-repeat !important;
}
.send_xml{ 
	background:url(../img/icon_sprite.png) -142px -70px no-repeat !important;
}
.send_xml:hover{
	background:url(../img/icon_sprite.png) -176px -70px no-repeat !important;
}

.reclculate_icon{ 
	background:url(../img/icon_sprite.png) -74px -104px no-repeat !important;
}
.reclculate_icon:hover{
	background:url(../img/icon_sprite.png) -106px -104px no-repeat !important;
}

.csv_icon{ 
	background:url(../img/icon_sprite.png) -74px -136px no-repeat !important;
}
.csv_icon:hover{
	background:url(../img/icon_sprite.png) -106px -136px no-repeat !important;
}

.health_authority_icon{ 
	background:url(../img/qatar_ministry_icon.png) -74px -170px no-repeat !important;
}
.health_authority_icon:hover{
	background:url(../img/qatar_ministry_icon.png) -106px -170px no-repeat !important;
}

.appointment_list_icon{ 
	background:url(../img/icon_sprite.png) -74px -202px no-repeat !important;
}
.appointment_list_icon:hover{
	background:url(../img/icon_sprite.png) -106px -202px no-repeat !important;
}

.validate_eclaim_icon{ 
	background:url(../img/icon_sprite.png) -74px -234px no-repeat !important;
}
.validate_eclaim_icon:hover{
	background:url(../img/icon_sprite.png) -106px -234px no-repeat !important;
}

.add_addendum_icon{ 
	background:url(../img/icon_sprite.png) -74px -266px no-repeat !important;
}
.add_addendum_icon:hover{
	background:url(../img/icon_sprite.png) -106px -266px no-repeat !important;
}

.cancel_icon{ 
	background:url(../img/icon_sprite.png) -74px -298px no-repeat !important;
}
.cancel_icon:hover{
	background:url(../img/icon_sprite.png) -106px -298px no-repeat !important;
}

.app_menu_icon{ 
	background:url(../img/icon_sprite.png) -74px -328px no-repeat !important;
}
.app_menu_icon:hover{
	background:url(../img/icon_sprite.png) -106px -328px no-repeat !important;
}

.create_credit_icon{  
	background:url(../img/icon_sprite.png) -2px -364px no-repeat !important; 
}
.create_credit_icon:hover{
	background:url(../img/icon_sprite.png) -36px -364px no-repeat !important;
}

.apply_credit_icon{  
	background:url(../img/icon_sprite.png) -2px -398px no-repeat !important; 
}
.apply_credit_icon:hover{
	background:url(../img/icon_sprite.png) -36px -398px no-repeat !important;
}

.qrcode_icon{
background:url(../img/icon_sprite.png) -74px -560px no-repeat !important;
}
.qrcode_icon:hover{
background:url(../img/icon_sprite.png) -106px -560px no-repeat !important;
}

.page_switch_icon{
background:url(../img/icon_sprite.png) -74px -592px no-repeat !important;
}
.page_switch_icon:hover{
background:url(../img/icon_sprite.png) -106px -592px no-repeat !important;
}
.change_provider_icon{  
	background:url(../img/icon_sprite.png) -74px -624px no-repeat !important; 
}
.change_provider_icon:hover{
	background:url(../img/icon_sprite.png) -106px -624px no-repeat !important;
}
.uae_ministry_icon{  
	background:url(../img/icon_sprite.png) -74px -656px no-repeat !important; 
}
.uae_ministry_icon:hover{
	background:url(../img/icon_sprite.png) -106px -656px no-repeat !important;
}
.servicedate_edit_icon{  
	background:url(../img/icon_sprite.png) -142px -36px no-repeat !important; 
}
.servicedate_edit_icon:hover{
	background:url(../img/icon_sprite.png) -176px -36px no-repeat !important;
}
.invoice_send_icon{  
	background:url(../img/icon_sprite_2.png) -2px -2px no-repeat !important; 
}
.invoice_send_icon:hover{
	background:url(../img/icon_sprite_2.png) -36px -2px no-repeat !important;
}

#rightCol .titleBar .kiosk{ 
	float:right;
	height:32px;
	width:32px;
	margin: 10px 8px 0;	
	padding:0; 
	line-height:30px;
	display: block;
	cursor:pointer;	
	background:url(../img/icon_sprite.png) -2px -220px no-repeat !important; 
} 
#rightCol .titleBar .kiosk:hover{
	background:url(../img/icon_sprite.png) -36px -220px no-repeat !important;
}


div.toggle{ float:right; margin:5px 10px 0 0;}
div.toggle .collapse_icon{
	margin: 2px 4px 0px 4px !important;
	padding:0; 
	line-height:24px;
	display: block;
	background:url(../img/collapse.png) no-repeat !important;
	height: 24px !important;
	width:24px !important;
	cursor:pointer;	 
	}
div.toggle .expand_icon{	
	margin: 2px 4px 0px 4px;
	padding:0; 
	line-height:24px;
	display: block;
	background:url(../img/expand.png) no-repeat !important;
	height: 24px !important;
	width:24px !important;
	cursor:pointer; 
}
.blue div.toggle .collapse_icon{
	background:url(../img/blue_collapse.png) no-repeat !important;
}
.blue div.toggle .expand_icon{	
	background:url(../img/blue_expand.png) no-repeat !important;
}
.aqua div.toggle .collapse_icon{
	background:url(../img/aqua_collapse.png) no-repeat !important;
}
.aqua div.toggle .expand_icon{	
	background:url(../img/aqua_expand.png) no-repeat !important;
}
.slateBlue div.toggle .collapse_icon{
	background:url(../img/slateblue_collapse.png) no-repeat !important;
}
.slateBlue div.toggle .expand_icon{	
	background:url(../img/slateblue_expand.png) no-repeat !important;
}
.orange div.toggle .collapse_icon{
	background:url(../img/orange_collapse.png) no-repeat !important;
}
.orange div.toggle .expand_icon{	
	background:url(../img/orange_expand.png) no-repeat !important;
}

.saddleBrown div.toggle .collapse_icon{
	background:url(../img/brown_collapse.png) no-repeat !important;
}
.saddleBrown div.toggle .expand_icon{	
	background:url(../img/brown_expand.png) no-repeat !important;
}
.green div.toggle .collapse_icon{
	background:url(../img/green_collapse.png) no-repeat !important;
}
.green div.toggle .expand_icon{	
	background:url(../img/green_expand.png) no-repeat !important;
}

.recall_appmnt{ 
	background:url(../img/add.png) 0px 0px no-repeat !important; 
}

.receiptTable {
	margin: 0 auto;
	clear: both;
	border:1px solid #CCC;
}
.receiptTable th{
	padding: 3px 18px 3px 10px;	
	font-weight: bold;
	cursor: pointer;
	vertical-align:middle;
	border:1px solid #CCC;
	background:#DDD;
	height:38px;
}

.receiptTable td{
	padding: 3px 10px; 
	vertical-align:middle;
	height:42px;
	text-align:left;
	border:1px solid #CCC;
}
.receiptTable tr.odd { 
	background:#D6E2E2;
}
.receiptTable tr.even { 
	background:#EAEAEA;
}

/* Icons End */

.note_history_span span{
 width:100% !important
}
.videotree{
 	width:26%;
	min-height:350px;
 	padding-bottom:10px;
	margin:20px 0 20px 20px;
	background: #E9FCFC;
	border: 2px solid #C2E4E4;	
	-webkit-border-radius: 15px;	
	-moz-border-radius: 15px;	
	border-radius: 15px;
	behavior: url(PIE.htc); 
	overflow:auto;
}
.videotree a{
 text-decoration:none
}


.claimMenu{
 	width:18%;
	/*min-height:350px;*/
 	padding-bottom:10px;
	margin:20px 0 20px 20px;
	background: #E9FCFC;
	border: 2px solid #C2E4E4;	
	-webkit-border-radius: 15px;	
	-moz-border-radius: 15px;	
	border-radius: 15px;
	behavior: url(PIE.htc); 
	overflow:auto;
}
.claimMenu ul{
	margin:0; 
	padding-left:20px; 
}
.claimMenu ul li{
	background:#B6E9E9 url("../img/tblbdr.png") repeat-x left bottom;
	color:#2EBEBF;
	line-height:22px;
	font-size:16px;
	font-weight:bold;
	list-style-type:decimal;
}
.claimMenu ul li ul{ margin:0 0 0 16px; padding:0;}
.claimMenu ul li ul li{
	font-weight:normal;
	list-style-type:disc;
}
.claimMenu ul li ul li a{
	text-decoration:none;
}

.icon_expand{ 
	background:url(../img/arrow_down.png) no-repeat !important; 
}

.icon_collapse{ 
	background:url(../img/arrow_left.png) no-repeat !important; 
}
.created{
        /*font-weight:bold;*/
        font-style:italic;
       }
.textBold{ font-weight:bold !important}	   
.rowInActive{
	opacity:0.5 !important;
}

.smallSearchTxt{
	background: url('../img/search_icon.png') no-repeat scroll 10px 50% #FFFFFF;	
    border: 2px solid #D6F0F0;
    border-radius: 18px 18px 18px 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	behavior: url(PIE.htc); 
    box-shadow: 1px 2px 0 #999999 inset;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding-left: 30px;
    width:70%;
}
.upDownContainer{
	float:left;
	margin-left: 5px; 
	height:52px;
}

.upDownContainer span{
	float:right !important;
	margin: 3px 4px 0px 4px !important;
	height: 48px !important;
	width: 48px !important;
	padding:0; 
	line-height:30px;
	display: block;
	cursor:pointer;	
}

.icon_expand_big{ 
	background:url(../img/arrow_down_large.png) no-repeat !important; 
}

.icon_collapse_big{ 
	background:url(../img/arrow_right_large.png) no-repeat !important; 
}

.surveyBdr{ text-align:center;}
.surveyBdr span { margin:5px;width:50px !important;text-align:center}
.surveyBdr img{border:1px solid #E9FCFC; margin:5px; cursor:pointer; }
.surveyBdr span.optAct, .surveyBdr .optAct{border:1px solid #008000  !important;} 

#claimaccordion {
	list-style: none;
	padding: 0;
	width: 100%;
	margin:20px auto 10px auto;
}
#claimaccordion li{
	display: block; 
	margin: 0px;
	cursor: pointer;
	padding:5px 10px;
	/*list-style: circle;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
}
#claimaccordion ul {
	list-style: none;
	padding: 0 0 0 0;
	display: none; 
}
#claimaccordion ul li{ 
	background-color: #E9FCFC !important;
	color:#2EBEBF;
	font-size:12px;
	cursor: auto;
	padding: 0 0 0 10px;
}
#claimaccordion a {
	text-decoration: none;
	color: #2EBEBF;
}
#claimaccordion a:hover {
	text-decoration: none;
}

#claimaccordion a span, #claimaccordion span{ 
	float:right; 
	/*margin:0px 10px*/
	margin-right:35px;
	}



#provideraccordion {
	list-style: none;
	padding: 0;
	width: 100%;
	margin:20px auto 10px auto;
}
#provideraccordion li{
	display: block; 
	margin: 0px;
	cursor: pointer;
	padding:5px;	
}
 
#provideraccordion ul li{ 
	background-color: #E9FCFC !important;
	background:none;
	color:#2EBEBF;
	font-size:12px;
	cursor: auto;
	padding: 0;
	border:none
}
#provideraccordion a {
	text-decoration: none;
	color: #2EBEBF;
}
#provideraccordion a:hover {
	text-decoration: none;
}

/************************************************************ upload session 10/09/2013***********************************/

#header .notify{ 
    margin:10px 0 0 0;
    /*float:left;*/
    text-align:right;
    color: #333333;
    font-size:14px;
}

#header .notify a {
    color:#FFF;
    line-height:25px;
    margin-right:10px;
    text-decoration:none !important;
}


#header .notify a img{
    float:right;
    margin:0 10px 0 0;
}

#header #notification-box {
    position:absolute;
    display:none;
    z-index:9999;
}

#header #notification-body {
    margin-top:30px;
    margin-left:-50px;
    text-align:left;
    padding:10px 10px 15px 10px;
    background:#EBEBEB;
    width:300px;
    min-height:100px;
    border:1px solid #333;
    box-shadow:1px 1px 15px #111;
    -moz-box-shadow:1px 1px 15px #111;
       -webkit-box-shadow:1px 1px 15px #111;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	behavior: url(PIE.htc); 
}

#header #notification-body .content{
    float:left;   
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    width:180px;
    line-height:18px;
}

#header #notification-body .content div{
    float:left;   
    width:180px;
}

.billing_provider_icon{  
	background:url(../img/icon_sprite.png) -2px -432px no-repeat !important; 
}
.billing_provider_icon:hover{
	background:url(../img/icon_sprite.png) -36px -432px no-repeat !important;
}
.treatment_move_icon{  
	background:url(../img/icon_sprite.png) -2px -464px no-repeat !important; 
}
.treatment_move_icon:hover{
	background:url(../img/icon_sprite.png) -36px -464px no-repeat !important;
}
.uncheckall_icon{  
	background:url(../img/icon_sprite.png) -2px -496px no-repeat !important; 
}
/*.uncheckall_icon:hover{
	background:url(../img/icon_sprite.png) -36px -496px no-repeat !important;
}*/
.checkall_icon{  
	background:url(../img/icon_sprite.png) -2px -528px no-repeat !important; 
}
/*.checkall_icon:hover{
	background:url(../img/icon_sprite.png) -36px -528px no-repeat !important;
}*/

.download_icon{  
	background:url(../img/icon_sprite.png) -2px -560px no-repeat !important; 
}
.download_icon:hover{
	background:url(../img/icon_sprite.png) -36px -560px no-repeat !important;
}




.dataTable tr.deletedTx{color:#FF0000 !important;}




.tpTable_wrapper {
	background:#E6F9FB; 
	border:2px solid #B3D9EC;
	float:left;
	font-size:12px; 
	position: relative;
	clear: both;
	*zoom: 1; 
	margin:20px; 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	behavior: url(PIE.htc); 
	width:96%;
	overflow:hidden;
}
table.tpTable {
	margin: 0 auto;
	clear: both; 
	width:100%;
} 
table.tpTable th { 
	background:#E6F9FB url(../img/tblbdr.png) left bottom repeat-x;
	font-weight: bold;
	text-align:left;
	color:#3399CC;
	vertical-align:middle;
	height:32px;
}
table.tpTable tr:nth-of-type(odd) { 
	background: #F5FDFE; 
}
table.tpTable tfoot td {
	background: url(../img/tblbdr.png) left bottom repeat-x;
	border-right:0px solid #D4EBF5;
} 
table.tpTable tfoot tr:last-child td {
	background:#E6F9FB;
	background-image:none 
}
table.tpTable td {
	background: url(../img/tblbdr.png) left bottom repeat-x;
	padding: 0px 5px;
	vertical-align:middle;
	height:32px; 
	border-right:1px solid #D4EBF5;
}
table.tpTable td.red{ 
	color:#FF0000;
}
table.tpTable td.green{ 
	color:#339900;
}
table.tpTable td:last-child{
	border:none;
}
table.tpTable td input{ margin:0}

table.tpTable td.odd{  
	background:#F5FDFE url(../img/tblbdr.png) left bottom repeat-x;
}
table.tpTable td.even{  
	background:#E6F9FB url(../img/tblbdr.png) left bottom repeat-x;
}

.invoicePartiallyPaid, a.invoicePartiallyPaid{color:#ff9900 !important;}
.invoiceUnpaid, a.invoiceUnpaid{color:#FF0000 !important;}
.invoicePaid, a.invoicePaid{ color:#009900 !important;}
.creditInvoice, a.creditInvoice{ color:#009900 !important;}
.advpaid,a.advpaid{ color:#8B008B !important;}




/************************ style for Practiz Log Start ************************/


.mainContent .homeContentBox{
	background:none !important;
	border:0px solid #000 !important; 
}
.mainContent .homeContentBox .leftCol{
	width:65%;
	float:left;
	margin-left:0.5%;
}
.mainContent .homeContentBox .rightCol{
	width:30%;
	float:right;
	margin-right:0.5%;
}

/*Practiz Log Box Start */

.practizLogWrapper {
	//height:100%;
	width:96%;
	margin: 0 auto;
	min-height:600px;
}
.practizLog {
	/*margin:5px 10px;
	padding:10px;*/
	margin-left:1%;
	width:100%;
	height:590px;
	overflow:auto;
	color:#3D3D3D
}
.practizLog .logBox {
	margin:5px 0;
	padding:0;
	width:100%;
	font-size:12px;
}
.practizLog .box {
	width:90%;
	min-height:110px;
	margin:0 auto;
	padding:10px;
	background:#81E1E2 url(../img/log-box/box-bg.png) repeat-x;
	box-shadow:0 1px 1px 0 #A8A6A8;
	-moz-box-shadow:0 1px 1px 0 #A8A6A8;
	-webkit-box-shadow:0 1px 1px 0 #A8A6A8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.practizLog .box p {
	padding:0;
	margin:0
}

.practizLog .box .txtBold{
	font-weight:bold;
}

.practizLog .box .boxLeft {
	width:75%;
	float:left
}
.practizLog .box .boxLeft .drName {
	border-bottom:1px solid #80A1A8;
	color:#FFFFFF;
	font-weight:bold;
	line-height:18px;
}
.practizLog .box .boxLeft .date {
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
	line-height:14px;
	padding-bottom:5px;
}
.practizLog .box .boxLeft .contact {
	font-weight:bold;
	padding-bottom:10px;
}
.practizLog .box .boxLeft .complete {
	color:#1A9901;
	font-weight:bold
}
.practizLog .box .boxLeft .overdue {
	color:#FF0000;
	font-weight:bold
}
.practizLog .box .boxRight {
	width:24%;
	float:right
}
.practizLog .box .boxRight .img {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
}
.practizLog .box .clear {
	clear:both;
	height:1px;
}
.practizLog .boxfooter_right {
	background: url(../img/log-box/arrow-btm-right.png) 90% 0 no-repeat;
	padding-top: 1px;
	height:20px;
}
.practizLog .boxfooter_left {
	background: url(../img/log-box/arrow-btm-left.png) 10% 0 no-repeat;
	padding-top: 1px;
	height:20px;
}
/*Practiz Log Box End */




/************************ style for Practiz Log Start ************************/


.Rescheduled{
		background-color:#e0d7ff !important; 
		color:#382969 !important;
		text-decoration:none;
		padding:2px 4px;
		line-height:18px;
		display:block;
}
.Checkin {
		background-color:#c8f7c5 !important; 
		color:#01644d !important;
		text-decoration:none;
		padding:2px 4px;
		line-height:18px;
		display:block;
}
.CheckOut {
		background-color:#e4e4e3 !important; 
		color:#191919 !important;
		text-decoration:none;
		padding:2px 4px;
		line-height:18px;
		display:block;
}	
.Cancelled{
		background-color:#ffd7d7 !important; 
		color:#db0303 !important;
		text-decoration:none;
		padding:2px 4px;
		line-height:18px;
		display:block;
}

/* Notification Boxes */

.alert-box {
    color:#555;
    border-radius:10px; 
    font-size:12px;
	line-height:16px;
    padding:10px 36px;
    margin:10px auto;
	text-align:left;
}
.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}
.error {
    background:#ffecec url(../img/alertbox/error.png) no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9 url(../img/alertbox/success.png) no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.warning {
    background:#fff8c4 url(../img/alertbox/warning.png) no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc url(../img/alertbox/notice.png) no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}


/* Notification Boxes End */

/************************ style for SMS Overview Start************************/
.overviewTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
	border:2px solid #c39a79; 
	margin:0 20px;
	background:#E9FCFC;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float:left;
	width:96%;
	overflow:auto;
}

.overviewTables_wrapper table.dataTable {
	margin: 0 auto;
	clear: both; 
	width:100%;
}

.overviewTables_wrapper table.dataTable thead th, .overviewTables_wrapper table.dataTable tfoot th{
	padding: 3px 0px 6px 22px; 
	background:#edd9c7;
	font-weight: bold;
	text-align:left; 
	vertical-align:middle;
	height:32px;
	font-size:14px;
}

.overviewTables_wrapper table.dataTable tfoot th{ 
	background:#edd9c7 !important;
}

.overviewTables_wrapper table.dataTable thead th { 
	background:#edd9c7 url(../img/datatable/saddlebrown_tblbdr.png) left bottom repeat-x !important;
}
 .overviewTables_wrapper table.dataTable tbody td{
 	padding:0 0 20px 0;
	vertical-align:top !important;
 }
.overviewTables_wrapper table.dataTable tbody td .overviewBox{ 
	float:left;
	min-height:150px;
	width:46%;
	margin:20px 0 0 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 1px 1px 2px 0px #242424;
	-moz-box-shadow: 1px 1px 2px 0px #242424;
	box-shadow: 1px 1px 2px 0px #242424;
	
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDF5EC), to(#EDD9C7)); /* Safari 4-5, Chrome 1-9 */ 
	 
	background: -webkit-linear-gradient(top, #EDD9C7, #FDF5EC); /* Safari 5.1, Chrome 10+ */
	
	background: -moz-linear-gradient(top, #EDD9C7, #FDF5EC);/* Firefox 3.6+ */ 
	
	background: -ms-linear-gradient(top, #EDD9C7, #FDF5EC); /* IE 10 */ 
	 
	background: -o-linear-gradient(top, #EDD9C7, #FDF5EC); /* Opera 11.10+ */
} 

.overviewTables_wrapper table.dataTable tbody td .overviewBoxLarge{ 
	float:left;
	min-height:320px;
	width:90%;
	margin:20px 0 0 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 1px 1px 6px 0px #242424;
	-moz-box-shadow: 1px 1px 6px 0px #242424;
	box-shadow: 1px 1px 6px 0px #242424;
	
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDF5EC), to(#FFFFFF)); /* Safari 4-5, Chrome 1-9 */ 
	 
	background: -webkit-linear-gradient(top, #EDD9C7, #FFFFFF); /* Safari 5.1, Chrome 10+ */
	
	background: -moz-linear-gradient(top, #EDD9C7, #FFFFFF);/* Firefox 3.6+ */ 
	
	background: -ms-linear-gradient(top, #EDD9C7, #FFFFFF); /* IE 10 */ 
	 
	background: -o-linear-gradient(top, #EDD9C7, #FFFFFF); /* Opera 11.10+ */
} 


.overviewTables_wrapper table.dataTable td .overviewBox div, .overviewTables_wrapper table.dataTable tbody td .overviewBoxLarge div{	
	margin:15px;
	font-weight:bold;
	line-height:28px;
}

.overviewTables_wrapper table.dataTable td .overviewBox div .title, .overviewTables_wrapper table.dataTable tbody td .overviewBoxLarge div .title{
	color:#8b4513;
	margin-bottom:8px;
}

.overviewTables_wrapper table.dataTable td .overviewBox div .delivered, .overviewTables_wrapper table.dataTable tbody td .overviewBoxLarge div .delivered{
	color:#789A2F;
}
.overviewTables_wrapper table.dataTable tbody td .overviewBox div .undelivered{
	color:#ff0000;
}
.overviewTables_wrapper table.dataTable tbody td .overviewBoxLarge div .indicatorBox{
	width:30px;
	height:14px;
	border:1px solid #999999;
	margin:4px auto;
}
.overviewTables_wrapper table.dataTable tbody td .overviewBoxLarge div .boxBg{
	background:#33CC33;	
}
/************************ style for SMS Overview End************************/
.addCat{text-decoration:none}
.addCat:hover{color:#ff0000; cursor:pointer}



/************************ style for Orthdontics Start ************************/
.orthdontics{
	margin:10px 20px; 
	padding: 12px 12px 0px 12px;
}

.orthdontics .orthdonticsLeftCol{width:60%;float:left; margin-bottom:20px}

.orthdontics .orthdonticsBox{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size:12px;
	line-height:14px;
	background:url(../img/ortho_treatment_box_bg.png) top left repeat-x #fff;
	margin:0px;
	padding:10px;
	height:180px;
	box-shadow: 1px 2px 5px #888888;
}
.orthdontics .orthdonticsBoxScroll{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size:12px;
	line-height:14px;
	//background:url(../img/ortho_treatment_box_bg.png) top left repeat-x #fff;
	margin:0px;
	padding:10px;
	height:90px;
	//box-shadow: 1px 2px 5px #888888;
}
.orthdontics .orthdonticsBox .title{text-align:left; font-weight:bold;color: #468B92;font-size: 15px }
.orthdontics .orthdonticsBox .subtitle{ font-weight: bold;font-size: 13px;}
.orthdontics .orthdonticsBox .subtitleBdr{background: url(../img/bdr.png) left bottom repeat-x;padding-bottom: 10px;}
.orthdontics .orthdonticsRightCol{width:38%;float:right; margin-bottom:20px;}
.orthdontics .orthdonticsBox .paragraph{padding-bottom:2px;}
.orthdontics .colorBox{
	background:#F2DADA !important;
}
.orthdontics .ortholabel{	display:inline-block;width:50%;}
.orthdontics .ortholabelPg{	display:inline-block;width:50%;}
.orthdontics .orthoparaSpan{	width:50%;}
.orthdontics .orthoTableLeft{ width:50%;vertical-align: top;}
.orthdontics .orthoTablePgnoteLeft{ width:30%;vertical-align: top;}

.orthdontics table tr{line-height:1.4;}
.orthdontics .orthoBoldspan{font-weight:bold;}
.orthdontics .colorBox .textdec{ color:#C35855}
.orthdonticsRightCol .orthoTableLeft{ width:50%;vertical-align: top;}
.orthdontics em{ font-style:italic !important;}



/************************ style for Orthdontics End ************************/
.procedureTable th.procedureTh
{
	padding: 10px 0px 10px 35px;
    line-height: 20px;
}
.procedureTable th div
{
	float: left;
    
    color: #2EBEBF;
    width: 100%;
} 
.procedureTable th div label
{
	color: black;
	font-weight: normal;
}

.procedureTable .colset1_head_mrn { 
    text-align: left !important;
    padding-left: 35px !important;
}

.sticky_notes{ 
	background:url(../img/sticky_notes.png) 0px 0px no-repeat !important; 
}


/** Table Sticky header */ 
.stickyTable tbody {
    display:block;
    height:200px;
    overflow:auto;
}
.stickyTable thead,.stickyTable tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

/** overide automcomplete box style on search**/
.ui-menu .ui-menu-item div.ui-menu-item-wrapper{    
	text-decoration: none;
    	display: block;
    	padding: 2px .4em;
    	line-height: 1.5;
    	zoom: 1;
    	font-weight: normal;
    	font-size: 14px;
    	border:none!important;
}
.ui-menu .ui-menu-item div.ui-menu-item-wrapper:hover{ 
	border:none!important;
	background:#D6E2E2 !important;
	cursor: pointer;
}
.geetingspopup{
	width:600px;
    font-size: 30px;
    font-style: italic; 
    padding: 50px 0;
    text-shadow: 0 1px 1px #222;
    color: rgb(67,151,65);
}

.qatar_ministry_icon{
	float:left !important;
	margin: 3px 5px 0px 5px !important;
	height: 30px !important;
	width: 30px !important;
	padding:0;
	line-height:18px;
	display: block;
	cursor:pointer;
	background:url(../img/qatar_ministry.png) no-repeat !important;
	}
	
.qatar_ministry_icon:hover{
	float:left !important;
	margin: 3px 6px 0px 5px !important;
	height: 30px !important;
	width: 30px !important;
	padding:0;
	line-height:18px;
	display: block;
	cursor:pointer;
	background:url(../img/qatar_ministry_h.png) no-repeat !important;
	}

.mainContent .titleBarHome{
		background:url(../img/title_bar_home.png) repeat;
	}

.patient_card_icon {
	background: url(../img/icon_sprite.png) -142px -104px no-repeat !important;
}
	  
.patient_card_icon:hover{
	background:url(../img/icon_sprite.png) -176px -104px no-repeat !important;
}

.checkInKiosk{ 
	background:url(../img/bdr.png) left top repeat-x;
	line-height:15px;
	padding-top:5px;
}
#rightCol .wtg{
	background:url(../img/wtg.png) left 50% no-repeat;
	padding-left:35px; 
	line-height:20px;
}