body
{
	font-family: Arial, sans-serif;
	font-size:medium;
	margin:10px;
	text-align:center;
	padding:0;
     
}
form{
     background-color: #F2EBEE;
}

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;*/
}

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:#F2EBEE;
	background: url("../../images/tps_logo_small.png")  no-repeat;
	background-color:#F2EBEE;
	width:100%;
	height:150px;
	text-align:left;
	border-bottom:solid 5px #F1AA10;
    padding-top:10px;
    
}

div#content
{
	background:#F2EBEE;
	padding:0 5px 5px 5px;
	margin:0;
    border:none !important;
}
.project_name
{
    /*background: url("../../images/tps_logo_small.png")  no-repeat;*/
    /*padding-top:45px;
    padding-left:55px;
    color:#996600;
    font-size:22px;
    font-weight:bold;*/
      
}


div#content.loginContent
{
	padding:4em 2em 8em 2em;
}

.noborder td, .noborder
{
    border: 0px !important;
}

div#footer
{
	background:#F2EBEE;
	margin:0;
	font-size: 75%;
	padding: 5px 0;
	color:#395B84;
	clear:both;
    border-top:solid 2px #F1AA10;
}

.loginBox
{
	margin: 2em auto 6em auto;
	/*background: #D7DEE6;*/
    background:#4F9D9D;
	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: #ffffff;
	border: solid 1px #07818C;	
    text-align:center;
   /* padding-top:0.3em;*/
   padding:10px;
}


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:#07818C !important;    
    color:#F1AA10;
    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
{
 
	font-weight:bold;
	padding: 0.3em 1em;
	right:50px;
	margin:10px;
    
}


/* site map */
p#nav
{
	float:left;
	color: #614091;
	font-size:12px;
	margin:20px 0 0px 0;
	padding:0;
	line-height:30px;
}

/* Logged In User Control */
div#pLoggedIn
{
	float:right;
	color: #614091;
	font-size:xx-small!important;
	margin:20px 0 0px 0;
	padding: 0;
}
#pLoggedIn
{
	float:right;
	color: #614091;
	font-size:x-small;
	margin:20px 0 0px 0;
	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 0 0;
}

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:#F1AA10;
	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: #07818C;
	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: #07818C;
}

ul#tabs li.on a span
{
	background: url("../../images/tabOn.png") no-repeat top right;
}

div#tabContent 
{
	margin: 0;
	padding:10px 0;
	background: #F2EBEE;
	font-size: 14px;
	color: #333;
	border: 1px #07818C 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;*/
    background:#4F9D9D;
	color: #443b1c;
	border:solid 1px #07818C;
}
table.actionmenu td
{
	padding:5px;
	vertical-align:top;
	border:solid 1px #07818C;
}

table.actionmenu div
{
	text-align:left;
	margin-left:2em;
}


/* gridview */
.gvAlt
{
    /*background: #FFE5BF;*/
    background:#D3D3D3;
}
.gvRow
{
	background: #fff;
	
}
.gvHead th
{
	/*background: #D7DEE6;*/
    background:#4F9D9D;
	/*color: #443b1c;*/
    color:#ff9800;!important;

}
.gvHead a{
    color:#ff9800;
}
.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;*/
    background:#D3D3D3;
}

table.gridview tr.gvHead th
{
	/*background: #D7DEE6;*/
   background:#4F9D9D;
	/*color: #443b1c;*/
    color:#ff9800;
}

table.gridview tr.gvHead a
{
    color:#ff9800;
}


/* 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 #07818C;*/
	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: #07818C;*/
	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 #07818C;*/
	padding:4px 8px;
	vertical-align: top;
}

div#formbody table tr td.question
, div#ctl00_ContentPlaceHolder1_formbody table tr td.question
{
	/*background:#D7DEE6;*/
    background:#4F9D9D;
	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;
}
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:12px;
}
/* Logged In User Control */

div#pLoggedIn
{
	float:right;
	color: #614091;
	font-size:small;
	margin:20px 0 0px 0;
	padding: 0;
    background-color: #F2EBEE;
}

div#pLoggedIn input
{
    /*background-color: #07818C;*/
    background-color:#ff9800;
    font-size:small;
    font-weight:bold;
}
table.testtable
{
	width:700px;
	margin: 0 auto;
	margin-bottom:1em;
	border: solid 1px #07818C;
	border-collapse:collapse;
}

table.medtable
{
	width:100%;
	margin: 0 auto;
	margin-bottom:1em;
	border: solid 1px #07818C;
	border-collapse:collapse;
}

table.testtable th, table.medtable th
{
	background:#C1C8A5;
	text-align:center;
	padding:0.2em 0.5em;
	border: solid 1px #07818C;
}

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 #07818C;
	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: #07818C;
}

/* 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:12px !important;
}
#ctl00_SiteMapPath1
{
    float:left;
	width: 100%;
	text-align:left;
	vertical-align:bottom;
	border-bottom:solid 0px #ccc;
	font-size:12px !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;
}
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;
}
.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:2 solid siver;
}

fieldset {

    margin:20px; 
    border-bottom-color:darkgray;
}
legend {
    font-weight: bold;
    font-size:large;
    color:#07818C;
}
fieldset {
    border:solid 1px #07818C;
    
}
.watermark{
    color:gray;
}
/*************** added for resize textbox ************************************/
       
textarea {
	padding: 10px;
	vertical-align: top;
	width: 500px;
    height:20px;
}
textarea:focus {
	outline-style: solid;
	outline-width: 2px;
}
	
/*************** added for resize textbox ************************************/
  .largefont{
            font-size:16pt;
        }
.largefont p{
    margin-bottom:14pt;
}

.ChkBoxLarge input {width:40px; height:40px;}