﻿body
{
	font-family: Arial, sans-serif;
	font-size:medium;
	margin:10px;
	text-align:center;
	padding:0;
}

input:disabled, textarea:disabled, select:disabled
{
    background-color: #CCCCCC;
    border-color: #D3D3D3;
  
}

.italic
{
    font-style: italic;
}

h1
{
	font-size:150%;
}

h2
{
	font-size:120%;
}

h4
{
    margin-left: 20px;
}

form
{
	/*border: solid 1px #395B84;*/
    border: solid 1px #0A574B;
}

p
{
	margin:5px 20px;
	clear:both;
}


.inlineBlock
{
    display: inline;
}

.bold
{
    font-weight: bold;    
}

.underline
{
    text-decoration: underline;
}

p#pError,  div#ctl00_ContentPlaceHolder1_ValidationSummary1, #divError 
{
	color:Red;
	font-size:90%;
	text-align:center;
}

p.important
{
	font-size:120%;
	margin:1em 1em;
}

p.important span
{
	color:Maroon;
	font-weight:bold;
}

p.todo
{
	font-size:120%;
	margin:1em 1em;
	color:Green;
	font-weight:bold;
}

div#header
{  
  
    background: url("../../images/PEACeFinal.png")  no-repeat;
  /*background-color:#002060; 
	background-color:#333333;*/
  background-color:#ffffff;
	width:100%;
	height:150px;
	text-align:left;
	/*border-bottom:solid 10px #395B84;*/	
    border-bottom:solid 10px #0A574B;
}

 #content,#form1
{   
	background:#ffffff;      
	padding:0 1px 0px 1px;  
	margin:0;
    /*border:solid 1px #0A574B;*/
}
.project_name
{
    padding-top:45px;
    padding-left:55px;
    /*color:#996600; #ead8b4*/
    color:orange;
    font-size:22px;
    font-weight:bold;
      
}


div#content.loginContent
{
	padding:4em 2em 8em 2em;
}

.noborder td, .noborder
{
    border: 0px !important;
}

div#footer
{
	/*background:#AEBBCB;#8cb7bb;*/
    /*background: #a8a9ad;*/
     /*background: #4daa8b;*/
	margin:0;
	font-size: 75%;
	padding: 5px 0;
	/*color:#395B84;*/
    color: #ffffff;
   
	clear:both;
    /*background-color:cadetblue;*/
    background-color:#0A574B;
   
}
div#footer a{
    color: orange;
}
.loginBox
{
	margin: 2em auto 6em auto;
	background: #D7DEE6;
     /*background: #4daa8b;*/
	border: solid 1px #887638;
}

table#loginBox,table#ctl00_MainContent_loginBox,
table#changePassWordBox,table#ctl00_MainContent_changePassWordBox,
table#PWRecoveryBox, table#ctl00_MainContent_PWRecoveryBox,
table#ctl00_MainContent_RegisterUser,table#ctl00_MainContent_RegisterUserWithRoles

{
	margin: 2em auto 6em auto;
	background: #D7DEE6;  
     /*background: #a7d5c6;*/
	/*border: solid 1px #887638;*/
    border: solid 1px #395B84;
    
    text-align:center;
   /* padding-top:0.3em;*/
   padding:10px;
   /*background:#b8d1c9;*/ 
   /*background:#86B6B7;*/
}


table#RegisterUserWithRoles,table#ctl00_MainContent_RegisterUserWithRoles td.loginTitle,
table#loginBox td.loginTitle, table#ctl00_MainContent_loginBox td.loginTitle,
table#ctl00_MainContent_changePassWordBox td.loginTitle,
table#PWRecoveryBox td.loginTitle, table#ctl00_MainContent_PWRecoveryBox td.loginTitle,
table#ctl00_MainContent_RegisterUser td.loginTitle,.loginTitle

{
    background:#395B84 !important; 
       
    color:#fff;
    padding:5px !important;
    font-weight:bold !important;
}
table#ctl00_MainContent_RegisterUserWithRoles,
table#loginBox td.loginLabel,table#ctl00_MainContent_loginBox td.loginLabel,
table#ctl00_MainContent_changePassWordBox td.loginLabel,
table#PWRecoveryBox td.loginLabel, table#ctl00_MainContent_PWRecoveryBox td.loginLabel, 
table#ctl00_MainContent_RegisterUser td.loginLabel, .loginLabel
{
    color:#395B84;
    font-weight:bold;
    padding-right:5px;
    
}

.loginCheckBox
{
    color:#395B84;
    padding-right:5px;
    font-size:x-small !important;
}


table#loginBox input.loginTextBox, table#ctl00_MainContent_loginBox input.loginTextBox,
table#ctl00_MainContent_changePassWordBox input.loginTextBox,
table#PWRecoveryBox input.loginTextBox, table#ctl00_MainContent_PWRecoveryBox input.loginTextBox,
table#ctl00_MainContent_RegisterUser input.loginTextBox, .loginTextBox
{
    width: 10em;
       
}

table#loginBox input.loginButton, table#MainContnet_loginBox input.loginButton,
table#ctl00_MainContent_changePassWordBox input.loginButton,
table#PWRecoveryBox input.loginButton, table#ctl00_MainContent_PWRecoveryBox input.loginButton,
table#ctl00_MainContent_RegisterUser input.loginButton, .loginButton
{
    background: #ff9800;
	font-weight:bold;
	padding: 0.3em 1em;
	right:50px;
	margin:10px;
    
}


/* site map */
p#nav
{
	float:left;
	color: #614091;
	font-size:small;
	margin:20px 0 0px 0;
	padding:0;
	line-height:30px;
}

/* Logged In User Control */
div#pLoggedIn {
	float: right;
	color: #614091;
	font-size: small !important;
	margin: 5px 0px 5px 0px;
	padding: 0;
}
#pLoggedIn
{
	float:right;
	color: #614091;
/*	font-size:small;*/
	margin:5px 0px 5px 0px;
	padding: 0;
}
div#pLoggedIn input
{
    background-color: #ff9800;
    font-size:small;  
    font-weight:bold;
}

/* tabs */

ul#tabs
{
	overflow:auto;
	display:block;
	float:left;
	padding: 0;
	margin:20px 0 -20px 10px;/*top,right,bottom,left*/
}

ul#tabs li 
{
    list-style:none;
    float:left;
	margin:0 1px 0 0;
	padding:0;
}

ul#tabs li a 
{
	background: url("../../images/tab.png") no-repeat left top;
	display:block;
	padding:0 0 0 15px;
	text-decoration:none;
	color:#804C00;
	font-weight:bold;
}

ul#tabs li a span 
{
	background: url("../../images/tab.png") no-repeat top right;
	display:block;
	padding:6px 17px 2px 2px;
}

ul#tabs li a:hover
{
	background: url("../../images/tabOn.png") no-repeat left top;
	color: #395B84;
	text-decoration:none;
}

ul#tabs li a:hover span
{
	background: url("../../images/tabOn.png") no-repeat top right;
}

ul#tabs li.on a
{
	background: url("../../images/tabOn.png") no-repeat left top;
	color: #395B84;
}

ul#tabs li.on a span
{
	background: url("../../images/tabOn.png") no-repeat top right;
}

div#tabContent 
{
	margin: 10px;
    
	padding:10px 0;
	background: #EBF2F2;
    /*background: #e1dfdf;*/
    /*background: #ebf8f4;*/
    /*background: #f9fdff;*/
	font-size: 14px;
	color: #333;
	border: 1px #ff9800 solid;
   
    
	clear:both;
	min-height:400px;
	text-align:left;
    
}
/* main menu */
ul.menuList
{
    font-size:120%;
    list-style-type:none;
    font-weight:bold;
}

ul.menuList li
{
    padding:0.3em;
}

ul.menuList li a
{
    border:solid 1px #ccc;
    padding: 0.3em;
    display:block;
    width: 18em;
    text-align:center;
    background:#AEBBCB;
    text-decoration:none;
    color: #804C00;
}

ul.menuList li a:hover
{
    background:#ff9800;
    color: #395B84;
}

ul.menuList li ul#specialList li a
{
    border:0;
    padding: auto;
    display:inline;
    text-align:left;
    background:none;
    text-decoration:underline;
    color: #395B84;
}


/* actionmenu*/
table.actionmenu
{
	width:90%;
	margin:0 auto;
	background: #fff;
	border-collapse:collapse;
	text-align:center;
}

table.actionmenu th
{
	padding:5px;
	background: #D7DEE6;
	color: #443b1c;
	border:solid 1px #ff9800;
}
table.actionmenu td
{
	padding:5px;
	vertical-align:top;
	border:solid 1px #ff9800;
}

table.actionmenu div
{
	text-align:left;
	margin-left:2em;
}


/* gridview */
.gvAlt
{
    background: #FFE5BF;
}
.gvRow
{
	background: #fff;
	
}
.gvHead th
{
	background: #D7DEE6;
	color: #443b1c;
    padding-top:6px;
    padding-bottom:6px;
}
.gridview
{
	width:90%;
	margin:0 auto;
	clear:both;
}

table.gridview
{
	width:90%;
	margin:0 auto;
	clear:both;
}

table.gridview td, table.gridview th
{
	padding:5px;
    vertical-align:top;
}

table.gridview tr.gvRow
{
	background: #fff;
	
}

table.gridview tr.gvAlt
{
	background: #FFE5BF;
}

table.gridview tr.gvHead th
{
	background: #D7DEE6;
	color: #443b1c;
}


/* forms */
h2
{
	color:#312049;
	text-align:center;
	font-size:130%;
	margin:10px 0;
}

h3
{
	margin:20px 20px 0px 20px;
}

div#formbody, div#ctl00_ContentPlaceHolder1_formbody
{
	text-align:left;
	width:90%;
	margin:0 auto;
	min-width:600px;
	font-size:110%;
	
	
}
#MainContent
{
    padding:10px !important;
}

.instruction
{
	color:Navy;
}

p.instruction
{
	margin-bottom:1em;
}


.formquestions label.divLabel
{
    padding:0;
    margin-bottom:10px;
	width:200px;
	float:left;	
	background:White;
	line-height:1.5em;
}


div#formbody .formquestions table
, div#ctl00_ContentPlaceHolder1_formbody .formquestions table
{
	width:auto;
	border:none;
}

div#formbody .formquestions table td
, div#ctl00_ContentPlaceHolder1_formbody .formquestions table td
{
	border:none;
}

div#formbody .formquestions table.gridview
, div#ctl00_ContentPlaceHolder1_formbody .formquestions table.gridview
{
	width:auto;
    border: 1px solid #FF9800;
}

div#formbody .formquestions table.gridview td
, div#ctl00_ContentPlaceHolder1_formbody .formquestions table.gridview td
{
	border: 1px solid #FF9800;
}

.formquestions select
{
	vertical-align:middle;
}

div#formbody table
, div#ctl00_ContentPlaceHolder1_formbody table
{
	margin:10px 20px;
	width:95%;
	border:solid 1px #ff9800;
	border-collapse:collapse;
	clear:both;
}

div#formbody table tr
, div#ctl00_ContentPlaceHolder1_formbody table tr
{
	background: #fff;
}

div#formbody table tr.alt
, div#ctl00_ContentPlaceHolder1_formbody table tr.alt
{
	background: #FFE5BF;
}

div#formbody table tr.divider
, div#ctl00_ContentPlaceHolder1_formbody table tr.divider
{
	background: #ff9800;
	font-size:2px;
}

div#formbody table tr td, div#formbody table tr th
, div#ctl00_ContentPlaceHolder1_formbody table tr td, div#ctl00_ContentPlaceHolder1_formbody table tr th
{
	border:solid 1px #ff9800;
	padding:4px 8px;
	vertical-align: top;
}

div#formbody table tr td.question
, div#ctl00_ContentPlaceHolder1_formbody table tr td.question
{
	background:#D7DEE6;
	vertical-align:top;
}

div#formbody table table
, div#ctl00_ContentPlaceHolder1_formbody table table
{
	margin:0;
	width:auto;
	border:0;
}

div#formbody table table tr
, div#ctl00_ContentPlaceHolder1_formbody table table tr
{
	background:none;
}

div#formbody table table tr td
, div#ctl00_ContentPlaceHolder1_formbody table table tr td
{
	border:none;
	padding-right:10px;
    /*padding-left:10px;*/
}
ol.formquestions
{
	margin-left: 5em;
}

ol.formquestions li table tr td
{
	padding:0.2em 0;
}

ol.formquestions li table tr td input.textbox,
ol.formquestions li input.textbox,
table.formquestions input.textbox
{
	float:none;
	width:250px;
	vertical-align:middle;
}


ol li, ul li
{
	margin:0 0 1em;
}

ol li table td, ul li table td
{
	padding:0 1em;
}

div#formbody table.one_question_radio
{
	color:Navy;
	margin-bottom:2em;
	border:0;
}

div#formbody table.one_question_radio td
{
	padding:0 0.2em;
	text-align:center;
	border:0;
}

div#formbody table.one_question_radio th
{
	padding:0 0.2em;
	text-align:center;
	border:0;
	font-weight:normal;
	width:8em;
}

div#formbody ol.formquestions table.one_question_radio td input,
div#formbody ul.formquestions table.one_question_radio td input
{
	float:none;
	width:auto;
}

div#formbody table.one_question_radio td label
{
	padding:0.3em 1em;
	width:100%;	
	background:#D7DEE6;
}

div#formbody table.mul_question_radio
{
	border: solid 1px #ff9800;
	border-collapse:collapse;
}

div#formbody table.mul_question_radio table
{
	width:100%;
	border-collapse:collapse;
	margin:0;
}

div#formbody table.mul_question_radio table td
{
	width: 93px; 
	text-align:center; 
	padding-left:0px;
	padding-right:0px;
}

div#formbody table.mul_question_radio th, div#formbody table.mul_question_radio td
{
	border: solid 1px #ff9800;
}

div#formbody table.mul_question_radio td td
{
	border: 0;
}

div#formbody table.mul_question_radio th
{
    font-size:90%;
	width:12%;
	padding: 10px;
	text-align:center;
}

div#formbody table.mul_question_radio td.num
{
	width:2em;
	text-align:right;
}

div#formbody table.mul_question_radio td.answer
{
	padding:0;
}

div#formbody table.mul_question_radio th.question
{
	width:25%;
	text-align:left;
	background:#fff;
	font-weight:normal;
}

div#formbody table.mul_question_radio td label
{
	padding:0.3em 1em;
	width:100%;	
	background:#D7DEE6;
}

div#formbody table.mul_question_radio td span
{
	font-size:80%;
}
/* site map */
#nav
{
	float:left;
	color: #614091;
	font-size:small;
	margin:20px 0 0px 0;
	padding:0;
	line-height:30px;
	
}
.row
{
    padding-bottom:5px;
}
.nav_table
{
    width:100%;
    font-size:small;
}
/* Logged In User Control */
div#pLoggedIn
{
	float:right;
	color: #614091;
	/*font-size:small;*/
/*    font-size:14px;*/
	margin:5px 0px 5px 0px;
	padding: 0;
}
 
    
div#pLoggedIn input
{
    background-color: #ff9800;
    /*font-size:small;*/
    font-size:14px;
    font-weight:bold;
}
table.testtable
{
	width:700px;
	margin: 0 auto;
	margin-bottom:1em;
	border: solid 1px #ff9800;
	border-collapse:collapse;
}

table.medtable
{
	width:100%;
	margin: 0 auto;
	margin-bottom:1em;
	border: solid 1px #ff9800;
	border-collapse:collapse;
}

table.testtable th, table.medtable th
{
	background:#C1C8A5;
	text-align:center;
	padding:0.2em 0.5em;
	border: solid 1px #ff9800;
}

table.testtable th.question
{
	text-align:right;
	font-weight:normal;
	background:#fff;
	width:50%;
}

table.testtable td, table.medtable td
{
	text-align:left;
	border: solid 1px #ff9800;
	padding:0.2em 0.5em;
}

table.testtable th span
{
	color:Maroon;
}

input.testResult
{
	width:3em;
}

input.date
{
	width: 6em;
}

.painChart 
{
	margin-left:220px;
}

/*for submit buttons*/
div.buttons
{
	margin: 2em auto;
	text-align:center;
}

div.buttons input 
{
	background: #ff9800;
	font-size: 120%;
	font-weight:bold;
	padding: 0.3em 1em;
}

div.buttons input.secondary
{
	background: darkGray;
}

div.buttons .fullrow input /*for the submit button on login */
{
	font-size: 70%;
	font-weight:bold;
	padding: 0.3em 0.5em;
}

input.blockButton
{
	display:block;
}

input.hightlightButton
{
	background: #ff9800;
}

/* calendar */
div#formbody .ajax__calendar_container,
div#ctl00_ContentPlaceHolder1_formbody .ajax__calendar_container,
.gridview .ajax__calendar_container,
.medtable .ajax__calendar_container,
.testtable .ajax__calendar_container 
{
	margin-top:1em;
}

div#formbody .ajax__calendar_container table tr td,
div#ctl00_ContentPlaceHolder1_formbody .ajax__calendar_container table tr td,
.gridview .ajax__calendar_container table tr td,
.medtable .ajax__calendar_container table tr td,
.testtable .ajax__calendar_container table tr td
{
	padding: 0;
	margin:0;
	border:0;
}

div#formbody .ajax__calendar_title,
div#ctl00_ContentPlaceHolder1_formbody .ajax__calendar_title,
.gridview .ajax__calendar_title,
.medtable .ajax__calendar_title,
.testtable .ajax__calendar_title
{
	width: auto;
}

div.sitemap
{
	width:90%;
	margin: 0 5% 1%;
	float:left;
}

div.sitemap span#SiteMapPath1
{
	float:left;
	width: 100%;
	text-align:left;
	vertical-align:bottom;
	border-bottom:solid 1px #ccc;
	font-size:xx-small !important;
}
#ctl00_SiteMapPath1
{
    float:left;
	width: 100%;
	text-align:left;
	vertical-align:bottom;
	border-bottom:solid 0px #ccc;
	font-size:xx-small !important;
}
/* CX */
.inline
{
    display:inline;
}

.indent
{
    padding-left:50px;
    padding-top:6px;
    padding-bottom:12px;
}
.radio_space
{
    padding-right:20px;
}


.Space label
{
     margin-right:20px !important;
}

fieldset p 
{
    margin: 2px 12px 10px 50px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

div#forminfo
{
	padding:6px;
	text-align:center;
	font-size:large;
	font-weight:bold;
}

div#forminfo span.headQuest
{	
	color:#9d805a;	
	text-align:right;
	margin-left:30px;
}
div#forminfo span.headAnswer
{	
	text-align:left;
}

.form_table
{
    width:95%;    
    border: solid 1px #c0c0c0;
	border-collapse:collapse;
    
}

.form_table .question
{
    width:60%;
    vertical-align:top;
    padding:6px;
    height:30px;
}
.form_table td
{
    border: solid 1px #c0c0c0;
    padding:2px;
    margin:10px;
    height:30px;
   vertical-align:top!important;
}
.tab_table
{
     width:95%;
    left:20px;
    right:20px;
    border: solid 1px #c0c0c0;
	border-collapse:collapse;

   
}
.tab_table td
{
    border: solid 1px #c0c0c0;
    height:30px;
}
.tab_table .question
{
    padding:6px;
}
.tab_table th
{
    border: solid 1px #c0c0c0;
     padding:6px;
}


.tab_table table
{
  height:100%;
  border-collapse:collapse;  
}
.tab_table table td
{
    padding:5px;
}

.tab_table .td_input
{
   height:50px; 
    
}
.tab_table tr td label
{
    padding-right:20px;
}
#f6_table td
{
    height:80px;
}

#btnMissed, #ctl00$MainContent$btnMissed
{
    padding-top:30px;
}

.report_border_panel
{
    padding:10px;
    border:1px solid #999999;
    /*width:350px!important;*/
}

.align_left
{
    text-align:left;
}


#ctl00_MainContent_RegisterUserWithRoles_RoleList th td
{
     text-align:left;
}
#MainView
{
    border:2px solid #CCCCCC;
}


#pnl_print
{
    text-align:left;
    padding:10px;
}
.form_print
{
     text-align:left;
     padding:10px;
}
/*************** added for resize textbox ************************************/
       
textarea {
	padding: 15px;
	vertical-align: top;
	width: 500px;
    height:20px;
}
textarea:focus {
	outline-style: solid;
	outline-width: 2px;
}
	
/*************** added for resize textbox ************************************/

.form-controlNoWidth {
	display: inline-block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

	.form-controlNoWidth:focus {
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	}

	.form-controlNoWidth[disabled],
	.form-controlNoWidth[readonly],
	fieldset[disabled] .form-controlNoWidth {
		cursor: not-allowed;
		background-color: #eeeeee;
	}

