/* GLOBAL */

html
{
    font-family: "Segoe UI" , "Trebuchet MS" , sans-serif;
    font-size: 10pt;
    overflow: hidden;               /*TvS@20091027: This clips a small sliver below the bottom buttons. E.g. in Timesheet form this prevents extra vert.scrollbar. */
}

body {
	margin: 0px;
	padding: 0px;
}

div.clear {
	clear: both;
}

/*Hide jQueryUI close button on dialogs*/
.ui-dialog-titlebar-close
{
    display:none !important;
}

select {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
}

img.validatorIcon {
	vertical-align: -10%;
}

form a img{
    border: none;
}

form div#screen {
	margin: 0px auto;
	width: 97%;
}

form div#screen div#header {
	height: 28px;
	position: absolute;
	top: 1px;
	width: 97%;
	padding-left: 0.5em;
}

form div#screen div#body
{
    bottom: 34px;
    background-color: #e0c3df; /*    
	background-color: rgb(182, 94, 244);F8DDFF
	background-image: url(../../images/Watermark.png);
	background-position: center center;
	background-repeat: no-repeat;
    */
    position: absolute;
    top: 28px;
    left: 0px;
    right: 0px;
    z-index: 999;
}
 form div#screen div#body
{
    overflow-x: hidden;
    overflow-y: auto;
}

/* HEADER */
 

form div#screen div#header table {
	background-color: rgb(255, 255, 255);
	border-bottom: 1px solid rgb(217, 217, 217);
	height: 28px;
	width: 97%;
}

form div#screen div#header table tbody tr th {
	font-size: 1.25em;
	font-weight: normal;
	padding-left: 0.5em;
	text-align: left;
}


form div#screen div#header table tbody tr th em {
	color: rgb(64, 128, 64);
	font-style: normal;
	font-weight: bold;
}

form div#screen div#header table tbody tr th input {
	vertical-align: middle;
}

form div#screen div#header table tbody tr td {
	padding: 0px 0.5em 0px 0px;
	text-align: right;
}


/* TvS BEGIN new styles */
form div#header-loginName {
	font-size: 0.875em;
	font-weight: bold;
}
form div#header-roles {
	color: rgb(128, 128, 128);
	font-size: 0.75em;
}
form div#application_title {
	font-size: 1.25em;
	font-weight: normal;
	float:left;	
}
form div#help
{
    margin-top:0.4em;
    margin-left: 0.7em; 
}
form span#page_title,.popup_title {
	color: rgb(64, 128, 64);
	font-weight: bold;
}
/* TvS END new styles */


form div#screen div#header table tbody tr td#header-loginName {
	font-size: 0.875em;
	font-weight: bold;
}

form div#screen div#header div#header-roles table tbody tr td#header-roles {
	color: rgb(128, 128, 128);
	font-size: 0.75em;
}

/* BODY */

form div#screen h2 {
	font-size: 1em;
	margin: 0.25em 0px 0px 0.5em;
	padding-left: 0.5em;
	/*color: Red;*/
}

.h2Value {              /* In the header of several pages we have an h2 label followed by an h2 value. The value needs to be bigger than the label. */
	font-size: 1.3em;
	margin: 0em 0px 0px 0em;
	padding-left: 0em;
	/*color: Orange;*/
}

form div#screen h2 input {
	margin-right: 0.5em;
	vertical-align: top;
}

form div#screen div.body {
	background-color: #fff;
	border: 1px solid rgb(217, 217, 217);
	margin: 0.25em 0.5em 0.5em 0.5em;
	padding: 0.5em;
}

/* TvS: overflow-x is not CSS 2.1 compliant */
form div#screen div.hscroll {
	overflow-x: scroll;
}


form div#screen div.body hr {
	background-color: rgb(217, 217, 217);
	border: none;
	color: rgb(217, 217, 217);
	height: 1px;
}

form div#screen div.body h3 {
	font-size: 1.25em;
	margin: 0px;
	padding: 0px;
}

form div#screen div.body h3 a {
	color: rgb(0, 128, 0);
	text-decoration: none;
}

form div#screen div.body h3 a.disabled,
form div#screen div.body h3 a.disabled:hover {
	color: rgb(192, 192, 192);
}

form div#screen div.body h3 a:hover {
	color: rgb(0, 192, 0);
}

form div#screen div.body p {
	margin: 0px 0.25em;
	padding: 0px;
}

form div#screen div.body ul {
	margin: 0px 0px 0px 1.5em;
	padding: 0px;
}

form div#screen div.body ul li {
	margin: 0px;
	padding: 0px;
}


form div#screen div.body table.layout tbody tr td,
form div#screen div.body table.layout tbody tr th {
	padding: 0.25em;
}

form div#screen div.body table.layout tbody tr th {
	font-weight: normal;
	text-align: right;
}

/* FOOTER, BUTTONS */

form div#screen div#footer {
	bottom: 0px;
	background-color: rgb(255, 255, 255);
	border-top: 1px solid rgb(217, 217, 217);
	height: 25px;
	padding: 4px;
	position: absolute;
	width: 97%;
}

form div#screen div#footer div.section a,
td#btnAssessment, td#btnAssignment, td#btnAssignment2, td#btnAssignment3, div.section a,
form div#screen a.button {
	/*background-color: rgb(242, 242, 242);*/
	border: 1px solid rgb(217, 217, 217);
	color: rgb(0, 0, 0);
	display: block;
	float: left;
	padding: 0.25em 0.5em;
	text-decoration: none;
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#FFFFFF ,endcolorstr=#FED6A5);

}

form div#screen div#footer div.section a:hover,
td#btnAssessment div.section a:hover,
form div#screen a.button:hover {
	/*background-color: rgb(242, 255, 242);*/
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#FFFFFF ,endcolorstr=orange);
}

form div#screen div#footer div.section a img,
td#btnAssessment div.section a img,
form div#screen a.button img {
	padding-right: 0.25em;
	vertical-align: middle;
}

form div#screen div#footer div.left {
	float: left;
}


form div#screen div#footer div.right {
	float: right;
	padding-right: 8px;
}

form div#screen div#footer div.left a {
	margin-right: 0.5em;
}

form div#screen div#footer div.right a {
	margin-left: 0.5em;
}

/* SPECIFIC ELEMENTS */

table#timesheetTable , table#timesheetTable2{
	border-collapse: collapse;
}
table#timesheetTable thead th, table#timesheetTable2 thead th {
	border: 1px solid rgb(217, 217, 217);
}

table#timesheetTable td {
	border: 1px solid rgb(217, 217, 217);
	text-align: center;
}

table#timesheetTable tr.odd {
	background-color: rgb(242, 242, 242);
}

table#timesheetTable tr.even {
	background-color: rgb(255, 255, 255);
}

table#timesheetTable tr.nosheet {
	color: rgb(160, 160, 160);
}

table#timesheetTable tr.selected {
	background-color: rgb(128, 128, 128);
	color: rgb(224, 224, 224);
}

table#timesheetTable tr.audit {
	background-color: rgb(128, 64, 64);
	color: White;
}
.audit
{
    background-color: rgb(128,64,64);
    color: White;
}

table#timesheetTable tbody tr td a.command {
	color: rgb(255, 255, 255);
}

table#CheckinTable {
	border-collapse: collapse;
} 

table#CheckinTable td 
{
	border: 1px solid rgb(217, 217, 217);
	text-align: center;
}

table#CheckinTable tr.selected
{
	background-color: rgb(128, 128, 128);
	color: rgb(224, 224, 224);
}

table#CheckinTable tr.audit
{
	background-color: rgb(128, 64, 64);
	color: White;
}
table#CheckinTable tbody tr td a.command {
	color: rgb(255, 255, 255);
}

table#CheckinTable tr.odd {
	background-color: rgb(242, 242, 242);
}

table#CheckinTable tr.even {
	background-color: rgb(255, 255, 255);
}

.gridRows
{
	border-bottom-style:none;
}

table.lookupTable {
	border-collapse: collapse;
}

table.lookupTable th {
	border: 1px solid rgb(217, 217, 217);
}

table.lookupTable td {
	border: 1px solid rgb(217, 217, 217);
	text-align: center;
}

table.lookupTable tr.odd {
	background-color: rgb(242, 242, 242);
}

table.lookupTable tr.even {
	background-color: rgb(255, 255, 255);
}

table.lookupTable tr.selected {
	background-color: rgb(128, 128, 128);
	color: rgb(224, 224, 224);
}

.mountTable
{
	background-image: url('Images/Mouth.png'); 
	background-position:center top; 
	background-repeat:no-repeat; 
	border-style:none;
}
.mouthFont
{
	font-family: "Segoe UI", "Trebuchet MS", sans-serif;
	font-size:8pt;
}
.mouthCell
{
	height:19px!important;
}

.mouthCell30
{
	height:30px;
}

.mouthCell12
{
	height:13px!important;
}

.prominate
{
	font-size: 24px; 
	color:Green; 
	font-weight:bold
}

.tableHead
{
	border: 1px solid rgb(217, 217, 217);
	background-color:Silver;
}

.saveButton, .saveButton img
{
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#F6FFE4 ,endcolorstr=#C2EA8A);
	padding: 5px 0 5px 5px;
	color: #21679B;	
}
.saveButton:hover, .saveButton img:hover
{
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#F6FFE4 ,endcolorstr=#438B25);
	padding: 5px 0 5px 5px;
	color: #FFFFFF;
}
.dxgvCommandColumn img
{		
	background-color: #FFFFFF;
	margin: 0 5px 0 0;
	padding: 5px 0 5px 5px;
    filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#F6FFE4 ,endcolorstr=#C2EA8A);
}
.dxgvCommandColumn img:hover
{
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#F6FFE4 ,endcolorstr=#438B25);
}
.dxgvCommandColumn .dxgvCommandColumnItem
{
    filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#FFFFFF ,endcolorstr=#FFFFFF);
}
.dxgvCommandColumn .dxgvCommandColumnItem:hover
{
    filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#FFFFFF ,endcolorstr=#FFFFFF);
}
.popupbody { 
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#DEFAE2 ,endcolorstr=#FFFFFF);
}
.popuptitles 
{
	font-size: 14px;
	font-weight: bold;
}

.headerTitles
{
      width:98%;
}

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

	Start MODAL BOX - JQUERY styles

*/
#confirm {display:none;}

/* Overlay */
#confirm-overlay {background-color:#eee; cursor:wait;}

/* Container */
#confirm-container {height:370px; width:420px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; line-height:26px; text-align:left; background-color:#D7DCF2; border:2px solid #336699;}
#confirm-container .header {height:30px; width:100%; background-color: Blue; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; margin:0; padding:12px 4px 0px 8px; font-size:1em;font-weight: bold;}
#confirm-container .checkboxes {width: 410px; height: 220px; text-align: right;}
#confirm-container .buttons {width:260px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons div img
{
	margin: 0px;
	
	vertical-align: middle;
}
#confirm-container .buttons div 
{
	/*float:right; 
	margin-left:4px; 
	width:70px; 
	height:26px; 
	color:#666; 
	font-weight:bold; 
	text-align:center; 
	background-color: lightgrey; 
	border:1px solid #bbb; 
	cursor:pointer;*/
	font-family: "Segoe UI" , "Trebuchet MS" , sans-serif;
    font-size: 10pt;

    height: 25px;
	border: 1px solid rgb(217, 217, 217);
	color: rgb(0, 0, 0);
	display: block;
	float: left;
	padding: 0 0.5em 0.16em;
	margin-left:4px;
	text-decoration: none;
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#FFFFFF ,endcolorstr=#FED6A5);
	} 
#confirm-container .buttons div:hover
{
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#FFFFFF ,endcolorstr=orange);
}
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ccc;}
#confirm-container a.modal-close:hover {color:#eee;}
.submithide{ visibility: hidden; }
#modalTable{ width: 100%;}
#modalTable .left{ width: 44%; }
#modalTable .right{ width: 10%; }


/*

	End MODAL BOX - JQUERY styles

**************************************/
.audit td a:link
{
    color: White;
}
.audit td INPUT
{
    color: DarkGray;
}

/* Questions Answers Grid */
.QuestionGrid
{
    width: 100%; 
    text-align: center; 
    padding-top: 10px;
}
.AnswerGrid
{
    width: 100%; 
    text-align: center; 
    padding-top: 10px;
}
.fullwidth
{
    width: 100%;
}
.center
{
    text-align:center;
}
.borderblack
{
    border: solid 1px black;
}
.backgroundWhite
{
    background-color:#ffffff;
}
.hidden
{
    display: none;
}
.modalBackground
{
    background-color: Gray;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: .4;
}
.SummaryTable th
{
    font-weight:Bold;
    text-align:center;
    background-color:LightGrey;
    border:1px solid black;
    margin:2px;
    width:70px;
}
.SummaryTable tr
{
    border:1px solid black;
    
}
.SummaryTable td
{
    text-align:center;
    background-color:White;
    border:1px solid black;

}
.SummaryTable
{
    border-spacing: 0px;
    border-collapse: collapse;
    padding-bottom:15px;
    margin-bottom:15px;
}

.testbody
{
    width: 100%; height: 100%; background-color: #ffffff; overflow: scroll;
}
.calibration_questions_container
{
    width: 32%; float:left;overflow-y: scroll; height: 625px;
}
.calibration_images_container
{
    /*width: 67%;height: 100%; float:right; padding-right: 1.5%; background-color: #ffffff;*/
    width: 67%; float: right; padding-right: 0.5%; background-color: #ffffff;overflow-y: scroll; height: 625px;
}
.dxeRadioButtonList
{
    border: none;
}
/*
table.disabled span.disabled label {         color: #000000; }
table { border: 1px solid black; color: Red; }
table span { border: 1px solid black; color: Red; }
label { border: 1px solid black; color: Red; }
input[disabled="true"] 
{
    color: Red;
}
*/

.PATP_titles
{
    font-size: 1.5em;
}
.PATP_th, .PATP_radiolist
{
    font-size: 1.3em;
    text-align:right;
}

.hygiene-heading
{
    color: blue;
    font-weight:bold;
    font-size:20pt;
    font-style:italic;
    padding-bottom:5px;
}


div.overlay
{
    display: none;
    position: fixed;
    overflow: auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #e0c3df url(jQueryUI/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
    z-index: 2e8;
}

.errorIcon
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAC10lEQVR42qyTW0iTARTHf98uZeZtm/ptbmlOtxymqWWgCD0MFCsIysf10BCy6Klpbz5FL+InPUiCTxEFBYY9BUYUYV6CMsVitXVZtrGLOi/Tpe7y9ZAL3+vAeTmc8+fA//cXZFlmb7muu1qBNqAZsO2O3cAkMCYNSM/27gsZAdd112Hgmq6w6IrRVJot6g1oCrQArKxGCYeCBPwL8eWlxSFgUBqQfH8Fdo9vWqw2R3VZObq1VZTfvpD+4SOxs0NSoyFVVs6GuYLPAT9ej/s+0CsNSD7V7ifXLFab42RpGdqpcTR5OQSH77C/xIiQSpHw/6TgQgf75ueoazsNVpvD63GHgW5lbD3Wqiss6j9eVa02zLxBf9FBzpkzJGMb+EdG2IyEyb/kJO/2bQ5UHWHrwX0ONjQS3YzVPRkdfasC2oym0mzNYgR1JMz6+DhZZjP63l42IxHWNjbIvXmLbMD39CkvZt7SbK7EaCrNXl5abFMBzaLegPDqJf6Hj8iamiKdSqF1Oins74elZRRqJd8licc9PegFgUSFFbG+E6BZBdg0BVoSX70IxhJC794R6OqiMhZjf2cnOVoNS0NDjHR3YwaKBIGk+0PGIZsi42dye5vI/DxrskzWqVNs5+aiVqlIyTJZooipuJgcIPHHur8cKAD3ymqUlFbHL1lGV15O8eXLFDudLE5MEJmeJn3uHGfv3iVmMpELqCssrKxGAdwKYDIcCpI2VyK2tGDo60Pf0UF0epqHdjtTdjsKr5f89nbODw8zq1ajrj9OOBQEmFQAYwH/QnzraC1x0cDOx48knz/nXlMTVuAQMNHQwM6nT3x9/56qE43Ea48R8C/EgbEMif0Wq81Vk5fP+tAg8cnXrKXTaIEDu+1RKilpakHbdZXZ2Dpej1uSBqTuDImDXo9bxGpzWFw3yLO3Is7NkPriQQEoK63U1DewWVvHbCiYQXnw/4XpX+L8ewBfREUE+3yTIwAAAABJRU5ErkJggg==);
    background-position: left center;
    background-repeat: no-repeat;
    width: 16px !IMPORTANT;
    height: 16px !IMPORTANT;
    display: inline-block;
    /*margin-left:-16px;
    margin-right:16px;*/
}

/*Fix ASP.NET setting inline style*/
span.errorIcon[style*="inline"]
{
    display: inline-block !Important;
}

/*class that increases the size of the radio button in a radio button list*/
span.RadioButtons, td.RadioButtons {
	display: inline-block !Important;
	vertical-align: top;
}
.RadioButtons input
{
    width: 30px;
    height: 30px;
	margin-top: 0px;
}

.RadioButtons label
{
	display: inline-block !Important;
    font-size: 12pt;
	vertical-align: top;
	margin-top: 5px;
}

.Checkboxes input
{
    float: left;
    width: 20px;
    height: 20px;    
}

.Checkboxes label {
	float: left;
	padding-top: 5px;
	text-wrap: normal;
	width: 320px;
	/*padding-right: 30px;
    padding-left: 00px;*/
}

@media only screen and (max-width: 1000px) {
	.Checkboxes label {
		width: 200px;
	}
}


span.Checkboxes
{
    display: inline-block;
    width: 500px;
}

.ui-dialog {
    position: fixed !important;
    top: 250px !important;
}