/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Master Page Style Classes */
html {overflow: hidden; height: 100%; max-height: 100%}
#content {z-index: 1; right: 0px; left: 220px; overflow: auto; bottom: 39px; position: absolute; top: 71px;padding:10px 10px 10px 10px;}
* html #content {border-top: #fff 71px solid; z-index: 2; right: 0px; left: 0px; overflow: auto; border-left: #fff 220px solid; width: 100%; bottom: 0px; border-bottom: #fff 39px solid; position: absolute; top: 0px; height: 100%; max-height: 100%}
#head {display: block; z-index: 6; left: 0px; margin: 0px; overflow:visible; width: 100%; color: #fff; position: absolute; top: 0px; height: 71px}
#foot {display: block; z-index: 4; left: 0px; margin: 0px; overflow: hidden; width: 100%; bottom: 0px; position: absolute; font-family: arial;font-size: 12px;color: #FFFFFF;text-decoration: none;	text-align: left;background-image: url(../../Images/footerbck.gif);background-repeat: repeat;	height: 30px;line-height: 30px;}
#footSep {display: block; z-index: 5; left: 0px; margin: 0px; overflow: hidden; width: 100%; bottom: 30px; position: absolute; background-image: url(../../Images/headersep.gif);background-repeat: repeat;height: 9px;}
#left {	z-index: 3; background-image: url(../../Images/leftnavbck.gif);background-repeat: repeat-y;left: 0px; overflow: auto; width: 220px; bottom: 39px; position: absolute; top: 71px;}
* html #left {border-top: #fff 71px solid; color: #fff; bottom: 0px; border-bottom: #fff 39px solid; top: 0px; height: 100%}
#Menu a, a:hover{ display:block; color: #FFFFFF; background-color:Transparent;}
#vikram a, a:hover{ display:inline; color: #FFFFFF; background-color:Transparent;}
#left  a, a:hover{color: #FFFFFF; background-color: transparent;}
.topnavbck {background-image: url(../../Images/menubackground.gif);background-repeat: repeat-x;height: 31px;}
.topnavbtn {height: 29px;font-family: verdana;font-size: 12px;line-height: 29px;color: #FFFFFF;text-decoration: none;}
.headersepbck {	background-image: url(../../Images/headersep.gif);background-repeat: repeat-x;height: 9px;}
.leftnavbck {background-image: url(../../Images/leftnavbck.gif);background-repeat: repeat-y;}
.leftnavbtn {font-family: verdana;font-size: 11px;color: #FFFFFF;text-decoration: none;font-weight: bold;text-align: left;}
a.leftnavbtn {font-family: verdana;font-size: 11px;color: #FFFFFF;text-decoration: none;font-weight: bold;text-align: left;}
a.leftnavbtn:link {font-family: verdana;font-size: 11px;color: #FFFFFF;text-decoration: none;font-weight: bold;text-align: left;}
a.leftnavbtn:visited {font-family: verdana;font-size: 11px;color: #FFFFFF;text-decoration: none;font-weight: bold;text-align: left;}
a.leftnavbtn:hover {font-family: verdana;font-size: 11px;color: #FFFFFF;text-decoration: none;font-weight: bold;text-align: left;}
a.leftnavbtn:active {font-family: verdana;font-size: 11px;color: #FFFFFF;text-decoration: none;font-weight: bold;text-align: left;}
.SeperatorTD{background-image: url(../../Images/hseprator.gif);background-repeat:no-repeat;height:6px;}
.innertxt{font-family: Arial;font-size: 12px;color: #000000;text-decoration: none;padding-left: 10px;padding-right: 10px;}
A.loginav{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;color: #333333;background-color:Transparent;text-decoration: none;padding-left: 5px;padding-right:5px;font-weight: bold;}
A.loginav:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color:Transparent;text-decoration: none;padding-left: 5px;padding-right:5px;font-weight: bold;}
.whitbtnheading {font-family: verdana;font-size: 13px;color: #FFFFFF;text-decoration: none;font-weight: bold;text-align: left;padding-left: 5px;}
table.menucontent{display:block;}
table.menucontent td{line-height:18px;font-size:0.9em;}
table.menucontent td.innertxt {font-family:  Arial; font-size: 12px;color: #000000;text-decoration: none;padding-left: 10px;padding-right: 10px;}


/* Styles added by Tony Yacenda  */
p, ul, ol
{
	margin-top: 9px;
	margin-bottom: 9px;
}

li
{
	margin-top: 0px;
	margin-bottom: 3px;
}

#content h1
{
	font-size: 16px;
	border-bottom: lightgrey 1px solid;
	margin-bottom: 12px;
	color: navy;
}

#content a
{
	text-decoration: underline;
	color: blue;
}

#content a:active
{
	text-decoration: underline;
	color: blue;
}

#content a:hover
{
	color: navy;
	text-decoration: none;
}


/* Styles from iMail redwood.css used on Default.aspx */

a {	text-decoration: underline;	color:Blue;}
a:hover {color:Black;text-decoration: none;}
a:visited {color:Blue;}


/* Imail uses overflow:hidden; in their style, I changed it to overflow:auto to make the traces readable. We can change it back to hidden, when needed. --TY */
body{color:#333333;background:#FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:12px;cursor:default;overflow:auto;height:100%;max-height:100%;}
body span {color:#333333;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
span {color:#333333;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
table td, th{color:#333333;font-size:12px; }
th{ padding:2px 10px 2px 10px; border-bottom: solid 1px CCCCCC; background-image: url(../../Images/headingBar.jpg); color:#013870; text-align:center;}
th.leftAlign{ padding:2px 10px 2px 10px; border-bottom: solid 1px CCCCCC; background-image: url(../../Images/headingBar.jpg); color:#013870; text-align:left;}
th a {color:#013870;}
th a:hover {color:#013870;}
th a:visited {color:#013870;}

.link{color:#0000FF;font-family:Arial;font-size:xx-small;}
.link:hover{color:#000000;font-family:Arial;font-size:xx-small;}

table.buttonBar{width:100%; background-image: url(../../Images/buttonBar.jpg); height:28px; margin-bottom:5px; margin-top:5px; border: solid 1px #A69EFC;}
table.buttonBar td.leftCell{width:30%;font-family: Arial; font-size:13px; font-weight:bold; color:#013870; padding-left: 10; white-space:nowrap;}
table.buttonBar td.centerCell{width:40%; text-align:center; white-space:nowrap;}
table.buttonBar td.rightCell{width:30%; text-align:right; white-space:nowrap; padding-right: 10;}

/* classes for global css */
.head_text{font-family: Arial, Helvetica, sans-serif;font-size: 15px;padding:20px 0px 0px 0px;color: #003399;text-decoration: none;text-align:center;font-weight:bold;}

.textbox{font-size: 12px;color: #05376A;background-color: #E9F0F5; border:solid 1px #3664A1;text-align: left;}
.dropdownlist{font-size: 12px;color: #05376A;background-color: #E9F0F5; border:solid 1px #3664A1;text-align: left;}
.listbox{font-size: 12px;color: #05376A;background-color: #E9F0F5; border:solid 1px #3664A1;text-align: left;}
.radiobuttonlist{font-size: 12px;color: #000000;text-align: left;}
.checkboxlist{font-size: 12px;color: #000000;text-align: left;}
.labelheadingtext{width:30%; font-size:13px; font-weight:bold; color:#013870; padding-left: 10;}
.labeltext{font-size: 12px;color: #000000;text-decoration: none;}
.checkbox{font-size: 12px;color: #000000;text-decoration: none;}
.radiobutton{font-size: 12px;color: #000000;text-decoration: none;}
.tabletitle{font-family: verdana;font-size: 12px;line-height: 20px;color: #003399;text-decoration: none;text-align:center;font-weight:bold;}
.button { font-size: 11px;background-color: #E0DFE3; border:solid 1px #013467;text-align: center;}
.textboxcolortest {font-family: Arial, Helvetica, sans-serif;font-size: 0.8	;line-height: 20px;color: #003399;text-decoration: none;}
.tableborder {text-decoration: none;border: 1px solid #CCCCCC;}
.listing {font-size: 12px;font-weight: normal;color: #333333;text-decoration: none;}
.alert {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FF0000;}
.footer {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;}
.subalert {font-family: Arial, Helvetica, sans-serif;font-size: 12px; font-style:italic; color: #FF0000;}
.success {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #003399;text-decoration: none;}

.gridlink{font-family:Arial;font-size:12px;color:#000066;}
.gridlink:hover{font-family:Arial;font-size:12px;color:#000066;}

table.dataentry { border:solid 1px #BBBBFF; margin-top: 6px; border-collapse:collapse;}
table.dataentry td{ padding:2px 5px 2px 5px; vertical-align:top; border-bottom: solid 1px CCCCCC;}
table.dataentry td.label{white-space:nowrap; color:#336699;  vertical-align:text-top; font-weight:bold; font-family:Verdana; font-size:11px;}
table.dataentry td.bottom{ border:solid 1px #BBBBFF; background-image: url(../../Images/tableback.jpg); height:25px; vertical-align:middle; text-align:center;}
table.dataentry td.validation{vertical-align:text-top; font-family:Verdana; font-size:11px; padding:8px 0px 0px 5px;border-bottom: solid 0px CCCCCC;}
table.dataentry a {color:#336699;}
th a:hover {color:#336699; text-decoration:none;}
th a:visited {color:#336699;}



table.grid{ width:100%;}
table.grid th{ white-space:nowrap; padding:2px 5px 2px 5px; border-bottom: solid 1px CCCCCC; background-image: url(../../Images/headingBar.jpg); color:#013870;}
table.grid td{ white-space:nowrap; padding:2px 10px 2px 10px;}

.detailsView { border:solid 1px #BBBBFF; border-collapse:collapse; width:100%;  }
.fieldHeaderStyle { padding:2px 5px 2px 5px; color:#336699; width:150px; vertical-align:text-top; font-weight:bold; font-family:Verdana; font-size:11px;}
.headerStyle { border:solid 0px #61A0E0; background-image: url(../../Images/tableback.jpg); font-family:Verdana; font-size:12px; font-weight:bold; height:25px;  color:#013870;}
.controlStyle{font-family: Arial;font-size: 12px;color: #05376A;background-color: #E9F0F5; border:solid 1px #3664A1;text-align: left;}
.gridHeader{padding:2px 5px 2px 5px; background-color: #006699; text-align:left;}

.surveyQuestion 
{
	border-top: solid 1px #CCCCCC; padding-top: 6px; font-weight:bold; text-align:left;	
}

.surveyAnswer
{
	padding-left: 16px; text-align:left;
	
}

.surveySectionHead
{
	background-color:Gray;
	color:White;
	font-weight:bold;
	padding: 5px;
	text-align:left;
}	

.surveyAnswerColumn
{
	width: 10%;
	text-align:center;
}

.surveyQuestionColumn
{
	width: 20%;
	text-align:left;
}

.surveySectionIntro
{
	text-align:left;
}

.surveyValidator
{
	padding-left: 20px;
	font-size:small;
}

table.surveyResult
{
	border: solid 1px #BBBBFF;
	border-collapse: collapse;
	width: 100%;
}
table.surveyResult td
{
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	border-top: solid 1px CCCCCC;
}
table.surveyResult td.headingQuestion
{
	font-family: Verdana;
	font-weight: bold;
	border-bottom: solid 2px CCCCCC;
	padding: 2px 5px 2px 5px;
	vertical-align: middle;
	/*background-image: url(..\..\Images\headingBar.jpg);*/
	background-color :#D3E5F9
	
}
table.surveyResult td.standardQuestion
{
	font-family: Verdana;
	color: #336699;
	vertical-align: text-top;
	font-weight: bold;
	border-top: solid 1px CCCCCC;
}
table.surveyResult td.standardAnswer
{
	padding-left: 12px;
	vertical-align: text-top;
	border-bottom: solid 1px CCCCCC;
}
table.surveyResult td.scaleHeadingQuestion
{
	font-family: Verdana;
	color: #336699;
	vertical-align: text-top;
	font-weight: bold;
	border-top: solid 1px CCCCCC;
}
table.surveyResult td.scaleQuestion
{
	color: #336699;
	padding-left: 12px;
	vertical-align: text-top;
	border-top: none;
}
table.surveyResult td.scaleAnswer
{
	vertical-align: text-top;
	border-top: none;
	padding-right: 2px;
	padding-left: 24px;
	padding-bottom: 2px;
	padding-top: 2px;
}
table.resultSummary
{
	border: solid 1px #BBBBFF;
	border-collapse: collapse;
	width: 100%;
}
table.resultSummary td
{
	padding: 3px 5px 3px 5px;
	vertical-align: top;
	border: solid 1px BBBBBB;
}
table.resultSummary td.headingQuestion
{
	font-family: Verdana;
	font-weight: bold;
	border: solid 1px BBBBBB;
	padding: 3px 5px 3px 5px;
	vertical-align: middle;
	color:#FFFFFF;
	background-color :#006699
}
table.resultSummary td.question
{
	font-family: Verdana;
	font-weight: bold;
	border: solid 1px BBBBBB;
	padding: 3px 5px 3px 5px;
	vertical-align: middle;
	background-color :#D3E5F9
}
table.resultSummary td.questionBar
{
    font-family: Verdana;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	vertical-align: middle;
	background-color :#E9F2FC
}
table.resultSummary td.questionChoiceRow
{
    font-family: Verdana;
	font-weight: normal;
	padding: 3px 5px 3px 5px;
	vertical-align: middle;
	background-color :#FFFFFF
}
table.ActiveRoom
{
    width:100%;
    border-style:none;
    border-width:0px;
}
table.ActiveRoom td
{
    font-size: 12px;color: #000000;text-decoration: none; padding:2px 2px 2px 2px;
}
table.ActiveRoom td.Header
{
    padding:5px 5px 5px 5px; width:33%; font-family: Arial; font-size:13px; text-align:center; font-weight:bold; background-color:#006699; color:#FFFFFF; white-space:nowrap;
}
.activeRoomLabel{white-space:nowrap; color:#336699;  vertical-align:text-top; font-weight:bold; font-family:Verdana; font-size:11px;}
.infoBox
{
	height: 150px;
	width: 400px;
	vertical-align: middle;
	position:relative;
	top: 20px;
	left: 50px;
	border-width: 1 2 2 1;
	border-color:Black;
	border-style:solid;
	padding: 10px;
	
}


/* help control styles */

#helpText
{
font-family: Arial;
font-size: 11px;
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #F1F9FF;
visibility: hidden;
padding-top:8px;
padding-left:8px;
padding-bottom:8px;
padding-right:8px;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#696969,direction=135);
}

#helpText ul {margin-left: 0; padding-left: 1em; margin-bottom: 3px; margin-top: 3px;}
 
#helpText li { margin: 8px; padding: 0px; margin-bottom: 3px; margin-top: 3px;}

#helpText p { margin-bottom: 3px; margin-top: 3px;}

#helpHeader
{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.helpicon 
{
	font-family:arial;font-weight:bolder;font-size:12px;color:#043E66;text-decoration:none;MARGIN: 5px 5px 5px 0px; 
	VERTICAL-ALIGN: top; CURSOR: help; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.headertext
{
    color:white; font-weight:bold; padding-left:5px;
}