/*********************  Resolutions  ********************/

/********  KND Web Consultants September 2009  **********/



body{

	font-family: Arial;

}



td{

	-moz-user-select: none;

	user-select:none

	-o-user-select:none

	-webkit-user-select: none;

}



strong{

	font-weight: bold;

}



*:focus{ outline: none;}



.hidden{

	display: none!important;

}



body#manageRecords{

	background: url(../images/sprites/sprite-h.png) 0 -326px repeat-x #0c0c0c;

	color: #fff;

	/*min-width: 1024px;	*/
	min-width: 1170px;
	

}



form hr{

	border:none;

	border-top: 1px solid #D1D1D1;

	margin: 20px;

}



input[type=button], input[type=submit], select{

	text-transform: capitalize;

}



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

--------------------------- TOP NAV ----------------------------- 

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

div#manageRecordsContainer{
	width:100%;	
}



div#managerNav{
	height: 35px;
	background-color: #ff9e19;;
	min-width:1110px;
}

div#managerNav .logo{
	float: left;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	width: 125px;
	padding: 9px 15px 0 15px;
}

div#managerNav .tab{
	height: 14px;
	width: 137px;
	margin: 9px 3px 0 3px;
	display: block;
	float: left;
	background: url(../images/sprites/sprite-h.png) 0 -42px no-repeat;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 0 0 8px;
	cursor: pointer;
}

div#managerNav .tab.active{
	margin: 4px 0px 0 -3px;
	height: 34px;
	width: 212px;
	padding: 11px 0 0 14px;
	background: url(../images/sprites/sprite-h.png) 0 -1px ;
	color: #666;
}

div#managerNav .logout{
	margin-top: 12px;
	margin-right: 20px;
	float: right;
	text-transform: capitalize;
	display: block;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

/****************************************************************
------------------------- SEARCH FILTER -------------------------
****************************************************************/

form#searchFilter{
	min-height: 30px;
	padding: 13px 0 0 100px;
	color:#7f7f7f;
}

form#searchFilter input[type=checkbox]{

	margin-left: 30px;

	height: 14px;

}



#filterBtn {

	background: url(../images/sprites/go.png) no-repeat scroll 0 1px;

	border: none;

	width: 56px;

	height: 19px;

	text-indent: -99999px;

	margin-left: 10px;

	cursor:pointer;

}
#viewallBtn {

	background: url(../images/sprites/View_All.png) no-repeat scroll 0 1px;

	border: none;

	width: 56px;

	height: 19px;

	text-indent: -99999px;

	margin-left: 10px;

	cursor:pointer;

}
#exportBtn {

	background: url(../images/sprites/sprite-h.png) -216px -65px no-repeat;

	border: none;

	width: 62px;

	height: 19px;

	text-indent: -99999px;

	margin-left: 30px;

}

#ShowAdvancedSearchBtn, #ShowFilterBtn {

	background: url(../images/sprites/sprite-h.png) -216px -85px no-repeat;

	border: none;

	width: 114px;

	height: 19px;

	text-indent: -99999px;

	margin-right: 30px;

	float: right;

}



#ShowFilterBtn{

		background: url(../images/sprites/sprite-h.png) -216px -125px no-repeat;

		width: 92px;

}



#filterConstraints{

	float: left

}



#episodeSelect{

	margin: -10px 5px 0 0;

	float: right;

}



label.urn_label{

	padding:4px 0 0 0!important; 

	color:#fff; 

	float:left;

	display: block;

	margin: 0!important;

	width:38px!important;

}



input:active{

	outline: blue

}



form#filterConstraints input[type=text]{

		height: 17px;

		width: 130px; 

		border: none;

		background: url(../images/sprites/sprite-h.png) -2px -65px no-repeat;

		margin-top: -52px;

		padding: 3px 5px 0 23px;



}



form#searchFilter{

	background-color: #fff;

	font-size: 13px;

}









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

----------------------------- TITLE -----------------------------

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

div#pageTitle{
	margin: 0 auto;
}

div#pageTitle img{
	display: block;
	margin: 1em auto;
}

#inspector div#pageTitle{
	background: url(../images/sprites/sprite-h.png) 0 -336px repeat-x #0c0c0c;
	border-top:8px #414141 solid;
	margin-bottom: 30px;
	height: 70px;
}

#inspector div#pageTitle h1{
	padding-top:25px;
	font-size:35px;
}

#inspector div#pageTitle h2{
	padding-top:40px
}

#loginContainer div#pageTitle{
	background-color: #d3d3d3;
	border-top:8px #414141 solid;
	margin-bottom: 30px;
	padding-bottom: 1em;
}

#forgotPassBtn{
	font-size: 12px;
	margin-left: 30px;
	cursor: pointer;
}

h1{
	color: #fff;
	font-size:35px;
	padding:40px 0 0 20px;
	margin: 0; 
	float: left;
	text-transform: capitalize;
	width: 280px;
}

#inspector.patient h1{
	float: none;
}

h2{

	color: #888;

	font-size:18px;

	/*font-family: "Helvetica Neue" Helvetica Arial Verdana;*/

	padding:54px 0 0 10px;

	margin: 0; 

	float: left;

	font-weight: normal;

	margin-right: 50px;

}



#inspector.patient #pageTitle h2{

	height: 25px;

	overflow: hidden;

	width: 360px;

	margin-top: -20px;

	margin-left: 10px;

}



input#addNewBtn{

	margin:55px 0 0 10px;

	float: left;

}



input#addProcedureBtn{

	float: left;

}



#procedureFields select{

	width: 230px;

}



#procedureFields textarea {

	width: 300px;

	height: 100px;

	font-size: 12px;

}



.optionChildWrapper{

	margin-left: 30px;

	display: none;

}



div#alphabeticalFilter{

	margin: 55px 10px 0 0;

	height: 23px;

	float: right;

}



div#alphabeticalFilter a.letter, div#paginationFilter a.page{

	margin: 0;

	padding: 5px 2px 0 4px;

	float: left;

	text-transform: capitalize;

	cursor: pointer;

	font-size: 14px;

	width: 13px;

	height: 25px;

	text-align: center;

}



div#alphabeticalFilter a.letter.activeLetter, div#paginationFilter a.page.activePage {

	background: transparent url(../images/sprites/sprite-h.png) no-repeat scroll -238px -42px;

	display: block;

	float: left;

	margin: 0;

}



div#alphabeticalFilter input.showAllBtn{

	background: transparent;

	border: none;

	width: 41px;

	height: 22px;

	margin-left: 30px;

	color: #fff;

	text-transform: uppercase;

	float: left;

	font-size: 14px;

}



div#alphabeticalFilter input.showAllBtn.active{

		background: url(../images/sprites/sprite-h.png) -146px -42px no-repeat;

}





    div#paginationFilter{

	margin: 25px 10px 0 0;

	/*height: 31px;*/

	/*float: right;*/

}



div#paginationFilter div{

	/*float:left; */
	display:inline;
	padding:5px 10px

}











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

-------------------------- RECORD SET ---------------------------

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





div#recordSet table{

	width: 100%;

	margin-bottom: 40px;

}



div#recordSet table th{

	text-align: left;

	padding: 12px 0 11px 17px;

	background: url(../images/row-dark.png) repeat-x;

	font-size: 11px;

	font-weight: bold;

}



div#recordSet table td{

	text-align: left;

	padding: 12px 0 7px 17px;

	font-size: 12px;

	margin: 0px;

	border-left:1px solid #666;

	border-bottom:1px solid #666;

}



div#recordSet table tr:hover td{

	background: #eee!important;

	color: #222!important;

	border-color: #bbb!important;

}

/*

div#recordSet table tr:hover td{

	background: #222!important;

}



div#recordSet table tr.odd:hover td{

	background: #777!important;

	border-color: #555;

}



div#recordSet table tr.selected:hover td{

	background: #2c72a8!important;

}

*/

div#recordSet table tr.odd td{

	background: url(../images/row-light.png) repeat-x;

	border-color: #777;

}



div#recordSet table tr.selected td{

	background: url(../images/sprites/sprite-h.png) -05px -190px repeat-x;

	border-color: #60a7c3;

}



div#recordSet .viewBtn{

	background: url(../images/sprites/sprite-h.png) -186px -43px no-repeat;

	border: none;

	width: 46px;

	height: 19px;

	text-indent: -99999px;

	float: right;

	margin-right:10px;

	margin-top: -4px;

}



th.viewCell{

	width: 100px;

}



th.dateCell{

	width:120px;

}



th.userTypeCell{

	width:80px;

}



td.userType{

	text-transform: capitalize;

}



p.noResults{

	text-align: center;

	margin-top: 30px;

}







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

--------------------------- INSPECTOR ---------------------------

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

#inspector form{

	margin-top: 20px;

}



#inspector.patient a.tab.active{

	padding-top: 3px;

	padding-left: 0px;

	background: none;



}



#inspector.patient a.tab.active select{

	margin: 0!important;

	padding: 0!important; 

	

}



#inspector label, #loginPage label, #changePasswordPage label{

	margin-left: 110px;

	width: 140px;

	float: left;

	display: block;

	height: 21px;

	padding-top: 8px;	

	font-size: 13px;

}



#inspector label span.tip{

	font-size: 10px;

	color: #777;

}



#inspector label.date_label, #inspector.patient label.date_label, #searchConstraints .fieldWrapper label.date_label{

	margin: 3px 2px 0 4px!important;

	color: #777;

	float: left;

	width:18px;

	display: block;

	font-size: 10px;

}



#searchConstraints .fieldWrapper label.date_label{

	margin-top: 0px!important;

}





label.long-label{

	height: 50px!important;

}



#inspector label.date_label.year, #searchConstraints .fieldWrapper label.date_label.year{

	width: 28px!important;

}



#inspector input[type=text],

#inspector select,

#loginPage input[type=text],

#loginPage input[type=password],

#loginPage select,

#inspector .inputPlaceHolder,

#inspector .radioContainer,

#inspector .checkboxContainer,

#inspector .multiContainer,

#changePasswordPage input[type=text],

#changePasswordPage input[type=password] {

	float: none;

	clear: none;

	display: block;

	font-size: 13px;

	margin-bottom: 8px!important;

	margin-top: 3px!important;

	padding: 4px;

	border: 1px solid;

	border-top-color: #aaa;

	border-left-color: #aaa;

	border-bottom-color: #ccc;

	border-right-color: #ccc;	

}



#inspector .inputPlaceHolder.eye{

	text-transform: capitalize;

}



#ProcedureCodeDisplay{

	padding-top: 8px

}



#inspector .inputPlaceHolder{

	border: none;

	line-height: 12px;

	padding-top: 8px;

	/*color: #999;*/
	color:#333;

	font-style: italic;

	position: relative;

}



.fieldWrapper.procedure{

	position: relative;

	overflow: visible;



}





#procedureLongName .inputPlaceHolder{

	width: 360px;

	float: right;

}



#inspector .radioContainer{

	border: none;

	height: 21px;

	padding-top: 0px;

	width: 250px;

}





#inspector .checkboxContainer{

	border: none;

	height: 200px;

	padding-top: 0px;

	width: 150px;

}



#inspector .scrollSection {

	overflow-y: scroll;

}



#inspector .checkboxContainer.emergency{

	height: 25px;

}



#inspector .radioContainer.error{

	float: left;

}



#inspector .radioContainer.eyeSelect{

	height: 60px;

}



#inspector .radioContainer.eyeSelect input{

	margin-bottom: 0px;

}





#inspector select{

	margin-bottom: 6px;

	font-size: 13px;

	margin-bottom: 5px;

	margin-top: 0px;

	padding: 2px;

}



#inspector.longSelect{

	max-width: 340px;

}





#inspector select[name=PrincipleID]{

	width: 230px;

}



#inspector input[type=radio]{

	margin-bottom: 14px;

	margin-top: 8px;

}



#inspector input[type=checkbox]{

	margin-bottom: 0px;

	margin-top: 8px;

	margin-right: 5px;

}







#inspector input[type=button]{

	margin-bottom: 14px;

	margin-top: 8px;

}



input.error, select.error{

	background-color: #fcc;

	float: left !important;

	border: 1px solid #b00 !important;

}



input.date{

	width:100px;

}



input.part_date{

	width:20px;

}



input.part_date.year{

	width:35px; 

}



.errorMessage, .errorDiv, #loginErrorMessage, #resetErrorMessage, #changePasswordErrorMessage{
	color: #b00;
	float: none;
	height: 24px;
	padding: 8px 0 3px 12px;
	font-size: 13px;	
}

p#errorMessage{
	color: #b00;
	float: none;
	height: 23px;
	padding: 12px;
	margin-left: 128px;
}

li.diabetes_item{
	margin: 2px 0 0 20px;
	list-style: none;
}

/****************************************************************
--------------------------- LOGIN PAGE --------------------------
****************************************************************/
#loginPage form, #changePasswordPage form{
	width: 330px;
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}

#loginPage label, #changePasswordPage label{
	margin-left: 0;
}

#userLoginHeader{
	display: block;
	color: #000;
	width: 100%;
	padding: 0;
	text-align: center;
	margin: 0 0 2em 0;
}

#resolutionsLogo {
	display: block;
	position: absolute;
	right: 2em;
	bottom: 4em;
}


/****************************************************************
---------------------------- PATIENTS ---------------------------
****************************************************************/
#inspector.patient #wrapper, #finalCodeContainer{
	padding: 0 20px 0 0;
	overflow: visible!important;
	float: left;
}

#finalCodeContainer{
	width: 350px;
	padding-top: 20px;
	padding-left: 120px;
	padding-right: 120px;
}

#finalCodeContainer h3{
	font-size: 23px;
	color: #C70000;
	padding-bottom: 20px;
	margin-left: -30px;
}

#finalCodeBtns{
	margin-top:10px;
}

#finalCode{
	font-size: 12px;
}

#finalCode strong{
	font-size: 12px;
}

#stepSelector{
	background: url(../images/sprites/sprite-v.png) 0px 0px no-repeat;
	height: 46px;
	width: 528px;
	padding-left: 28px;
	overflow:visible!important;
}

#stepSelector .step{
	width: 100px;
	float: left;
	position: relative;
	top: -16px;
}



#stepSelector .step input{

	margin: 0 0px 5px 32px;

	height: 34px;

	width: 34px;

	border: none;

}



#navBtns{

	height: 35px;	

	padding: 30px 50px 0 50px

}



#navBtns input{



}



.patient #cancelBtn{

	margin-right: 170px;

}





/* ----- BTN 1 ----- */

#step1Btn{

	background: url(../images/sprites/sprite-h.png) -67px -86px no-repeat;

}



#step1Btn.completed{

	background: url(../images/sprites/sprite-h.png) -0px -85px no-repeat;

}



#step1Btn.active{

	background: url(../images/sprites/sprite-h.png) -33px -85px no-repeat;

}



/* ----- BTN 2 ----- */



#step2Btn{

	background: url(../images/sprites/sprite-h.png) -67px -121px no-repeat;

}



#step2Btn.completed{

	background: url(../images/sprites/sprite-h.png) -0px -120px no-repeat;

}



#step2Btn.active{

	background: url(../images/sprites/sprite-h.png) -33px -120px no-repeat;

}





/* ----- BTN 3 ----- */

#step3Btn{

	background: url(../images/sprites/sprite-h.png) -168px -86px no-repeat;

}



#step3Btn.completed{

	background: url(../images/sprites/sprite-h.png) -101px -85px no-repeat;

}



#step3Btn.active{

	background: url(../images/sprites/sprite-h.png) -134px -86px no-repeat;

}



/* ----- BTN 4 ----- */

#step4Btn{

	background: url(../images/sprites/sprite-h.png) -168px -121px no-repeat;

}



#step4Btn.completed{

	background: url(../images/sprites/sprite-h.png) -101px -120px no-repeat;

}



#step4Btn.active{

	background: url(../images/sprites/sprite-h.png) -134px -120px no-repeat;

}




/* ----- BTN 5 ----- */
#step5Btn{
	background: url(../images/sprites/five.png) -66px 0px no-repeat;
}

#step5Btn.completed{
	background: url(../images/sprites/five.png) 0px 0px no-repeat;
}

#step5Btn.active{
	background: url(../images/sprites/five.png) -32px 0px no-repeat;
}



#stepSelector .step label{

	padding: 0!important;

	margin: 0!important;

	width: 100px;

	height: 15px;

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	color: #707070;

}



#stepSelector .step label.completed{

	color: #2d2d2d;

}





div#pageTitle .tab{

	height: 16px;

	width: 137px;

	margin: 40px 3px 0 3px;

	display: block;

	float: left;

	background: url(../images/sprites/sprite-h.png) 0 -42px no-repeat;

	color: #fff;

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	padding: 7px 0 0 8px;

	cursor: pointer;

}



#inspector.patient div#pageTitle .tab, #inspector.patient .tab.active{

	margin-top: 20px;

}



div#pageTitle .tab.active{

	margin: 40px 0px 0 -3px;

	height: 34px;

	width: 229px;

	padding: 11px 0 0 0px;

	background: url(../images/sprites/sprite-h.png) 0 -1px no-repeat;

	text-align: center;

	color: #666;

}





div#pageTitle .tab select{

	margin: -5px 0 5px 19px;

	width: 190px;

	border: none;

	text-transform: capitalize;

}



#inspector.patient #pageTitle{

	height: 110px;



}



div#formFooter{

	background: url(../images/sprites/sprite-v.png) -556px 0px no-repeat;

	height: 20px;

	width: 556px;

}



#inspector.patient form{

	border-left: 1px solid #d1d1d1;

	border-right: 1px solid #d1d1d1;

	width: 554px;

	background-color: #fafafa;

	margin-top: 0;

	padding-top: 20px;

}



#episodeSummary{

	width: 400px;

	min-height: 300px;

}



#episodeSummary h1{

	font-size: 23px;

	color: #c70000;

	padding: 0;

	margin: 0 0 0px 0;

	float: none;

}



#episodeSummary h2, #finalCode h2{

	margin: 0;

	padding: 0;

	font-size: 12px;

	color: #000;

	font-weight: bold;

	text-transform: capitalize;

	float: none;

	margin:20px 0 5px 0;

}



#episodeSummary p, #episodeSummary div{

	font-size: 12px;

	line-height: 16px;

}





#generatedCode{

	color: #c70000;

	font-size: 14px;

	word-wrap:break-word;

}





#inspector.patient form label{

	margin-left: 50px!important;

}



#searchConstraints{

	float: left;

	margin-left: -150px;

}





#searchConstraints .fieldWrapper label{

	margin-left: 10px!important;

	float: left;

	width: 140px;

	text-align: right;

	padding-right: 5px; 

	padding-top: 6px;

	height: 25px;

}



#searchConstraints .fieldWrapper label.small{

	width: 15px;

	text-align: left;

}



#searchConstraints .formColumn{

	width:360px;

	float: left;

}



#searchConstraints .formColumn.small{

	width:330px;

	float: left;

}



#searchConstraints .formColumn.smaller{

	width:250px;

	float: left;

}



.clear{

	clear: both;

	height: 0px;

	line-height: 0px;

	font-size: 0px;

	background: transparent;

	margin: 0;

	padding: 0;

	border: none;

}

/****************************************************************
----------------------------- FOOTER ---------------------------
****************************************************************/

#footer{
	position: fixed;
	bottom: 0;
	padding: 15px;
	background: #0194ca;
	width: 100%;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
}

#footer p{
	padding-right: 20px;
}

#footer a.right{
	float: right;
	color: #fff;
	padding-right: 25px;
}

.radioContainer{
	padding: 0!important;
	height: 25px!important;
}

.radioContainer input{
	float: left
}

.radioContainer div{
	margin-top: 10px;
	margin-left:5px;
	margin-right:5px; 
	float: left;
}

.procedureOptions span.checkboxLabel, span.checkboxLabel {
	font-size: 13px;
}

/* special case for additional diagnosis stuff */
#diabetesHere .checkboxContainer,
#additionalDiagnosisHere .checkboxContainer {width: auto; height: auto;}

/* For holding a combination of checkboxes and radio buttions, span tags are
 * used for the labels
*/
#inspector .multiContainer {
	border: none;
	height: auto;
	padding-top: 0px;
	width: auto;
	padding-left: 0;
	float: left;
}

#inspector .multiContainer input {
	display: block;
	float: left;
	margin-bottom: 0;
	width: 20px;
	margin-right: 0px;
}

#inspector .multiContainer span {
	display: block;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 0;
}

#inspector .multiContainer div.errorDiv {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: auto;
	min-width: 120px;
}

.diagnosisContainer, #diagnosisProcedureList, #procedureFields{
	overflow: visible;
}

input#exportPatientBtn{
	margin:55px 0 0 10px;
	float: left;
}

#inspector select{position:relative;}

.fieldWrapper.procedure div{ overflow:inherit!important;}

.widht100{width:100%!important;}

.margintop10{ margin-top:10px!important;}

.selectErr{float: left;margin-left: 177px;width: 100%;}

.ui-datepicker select{float:left!important; margin-right:5px;}

.ui-datepicker{ font-size:12px!important;}

.margintop5{margin-top:5px;}

#disciplinemain{font-size:13px;line-height: 18px;}

#anaesthesiaFields label{font-weight:bold;}

#anaesthesiaFields .inputPlaceHolder{color:#000;} 



.disc_desc{ font-size:13px; padding-top:8px; float:left; }

div.radioContainer span{ float:left; height:25px; }
.procedurehr{ border-color:#efefef; margin:20px auto; width:400px; }
.procdiagrow{ font-weight:bold; }
#alreadyExporteddiv{ float:left; margin:60px 0 0 20px; font-size:14px; }
#exportallPatientBtn{ float:left; margin:55px 0 0 20px; }
input#qualitystd{margin:7px 0 0 10px;float: right;}
.qualityreporttab{width: 180px!important;background: url(../images/sprites/qualityreporttab.png) 0 0 no-repeat!important;}
#defaultdiabetesHere hr{ margin:5px; }
/*Pagination css start */
#paginationFilter {float:right;font-size:13px;}
#paginationNav {line-height:14px;}
#paginationNav1 {line-height:14px;}
#paginationNav a{margin-right:10px;color:white;cursor:pointer;}
#paginationNav{margin-top:1px;font-size:98%;margin-top:4px;}
#paginationNav1 a:first-child{margin-right:10px;}
#paginationNav1 a{color:white;cursor:pointer;}
#paginationNav1{margin-top:1px;font-size:98%;margin-top:4px;}

/*Pagination css end*/

#disciplinemain label{height: 46px!important;}
#PracticeID{width:200px;}
.pageinfo,.pageperamiter{width:100%; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; float:left; text-align:right;}
div#paginationFilter div.pageinfo{padding-right:20px;}
.paginationwidth{width:545px;}
#supplementary .checkboxContainer {width: auto; height: auto;}
.suppcode{float:left; padding-left:19px;}
.suppdesc{float:left; width:250px; padding-left:4px;}
.supmain{clear: both;float: left;width: 95%;}
#supplementary > hr {margin: 5px;}
#additionalDiagnosisHere > hr{margin: 5px;}