/* Default CSS Stylesheet for a new Web Application project */


A {text-decoration: none; color: #003388;}
A:hover {color: #408Aff; text-decoration: none;}
.menu_header {width:128px; background: url(img/nav_bg.jpg) repeat-x top left; border-bottom: 1px #bce solid; border-left: 1px #bce solid;}
.menu_entry {padding: 0px 0px 0px 0px; width: 128px; border-bottom: 1px #eef solid; border-top: 1px #f0f9ff solid;}
body {background: url(img/page_bg.jpg) repeat-x top left}
body, td {font-family: 'segoe ui', 'lucida sans'}
td.side_panel {width: 128;}
div.side_panel {border-right: 1px #bce solid; border-bottom: 1px #bce solid;}
td.content_panel {padding: 0px 0px 0px 10px; border-top: 1px #bce solid;}
th {text-align: left}

/*questionnaire page*/
table.question_table 
{
	border-collapse: collapse ;
	width: 600px;
	padding:0px;
}
div.question_row
{
	border:1px solid gray;
	width:600px;
}

table.question_table  td
{
border:1px #ddd solid;
}

table.question_table  th
{
	border:1px #ddd solid;
	padding: 0px 10px 0 5px;
}

/*questionnaire print view */
table.print_question_table 
{
	border-collapse: collapse ;
	width: 300px;
	padding:0px;
}
div.print_question_row
{
	border:1px solid gray;
	width:300px;
}

table.print_question_table  td
{
	border:1px #ddd solid;
	font-size:9pt;
}

table.print_question_table  th
{
	border:1px #ddd solid;
	padding: 0px 10px 0 5px;
}

div.btnPrint
{
	text-align:left;
}

div.btnPrintMain
{
	position:relative;
	width:610px;
	text-align:right;	
}



BODY, TD
{
    FONT-SIZE: 10pt;
    font-family:Verdana,arial;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
	margin: 0px 5px 5px 5px;
	vertical-align:top;
}

/* DataGrid Item and AlternatingItem Style*/
/* Same for now because PNG files are not transparent on IE */
.GridRow, .GridRow TD {FONT-SIZE: 10pt; background-color:#ffffff;}
.GridAltRow, .GridRow TD {FONT-SIZE: 10pt; background-color:#ffffff}

img
{
	border: none;
}

HR
{
	border: solid 1px #ddd;
}

/* Correctly format both single errors and lists */
.errormessage
{
	color:red;
	padding-bottom:10px;
}

.message
{
	color:blue;
	padding-bottom:10px;
}

TD.leftcolumn
{
	padding-right: 10px;
}

/* formatting for the right-hand column in 2-column formats */
TD.rightcolumn
{
	border-left: dashed 2px lightgray;
	padding-left:10px;
	padding-right: 10px;
}

.errormessage UL
{
	padding-bottom: 0pt;
	margin-bottom: 0pt;
}

LI.errormessage
{
	padding-bottom:0pt;	
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{		
	font-size:	16pt;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{		
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{		
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{		
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{		
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	

	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;

	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	8pt;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;	
	}	

	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

/* Buttons are rendered with a light-grey border */
TABLE.buttons, TABLE.buttonssmall
{
	border-color: #aaaaaa;
	border-style:none;
}

TABLE.buttons
{
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 0px 3px;	
}

TABLE.buttonssmall
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

TD.buttons, TD.buttonssmall
{
	border-color: #aaaaaa;
	border-style:solid;
	border-width:1px;
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;	
}

/* For buttons created using the image text button class */
span.buttons
{
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 0px 3px;
	height: 30px;
	background: url(img/nav_bg.jpg) repeat-x top left;
	background-position: -1px -1px;
	border : 1px #9EB3EA solid;
}



TD.buttons
{
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
}

TD.buttonssmall
{
	margin: 0px 1px 1px 1px;
	padding: 0px 1px 1px 1px;
}

FORM
{
  margin: 0px 0px 0px 0px;
}

ul
{
	margin-top: 5px;
}


table.datatable td, table.datatable th
{
	border: 1px #bbb solid;	
	border-collapse: collapse;
	padding: 3px 3px 3px 3px;
	
}

table.datatable th
{
	font-size: 12px;	
}

table.datatable
{
	border: 1px black solid;	
	border-collapse: collapse; 

	
}
.lightDataGrid
{
	width:100%;	
	border: 1px #bce solid ;
}


.lightDataGridShort
{
	border: 1px #bce solid ;
}

.lightDataGridHeader
{
	background: url(img/nav_bg.jpg) repeat-x top left;
	background-position: -1px -1px;
}

th
{
	text-align:left	
}

span.th
{
	 COLOR: #003366;
	 text-align:left;
	font-size:	8pt;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	
}


div.MyHomeDiv
{
	float:left;	
	margin-left:10px;
	margin-right:20px;
	width:230px;
}

div.ContainerDiv
{
	padding-top:10px;
	width:600px;	
}

table.infopage 
{
	border:1px solid lightgrey;
	padding-left: 0px;
}

.infopage td, .infopage th, .infopage tr
{
	border: 1px solid lightgrey;
}



.InfoPageHeaderRed{ text-transform:uppercase;font-size:12px;font-weight:bold;color:Red;}
.InfoPageHeaderYellow{ text-transform:uppercase;font-size:12px;font-weight:bold;color:orange;}
.InfoPageHeaderGreen{ text-transform:uppercase;font-size:12px;font-weight:bold;color:Green;}
.InfoPageHeaderBlue{ text-transform:uppercase;font-size:12px;font-weight:bold;color:Blue;}

.InfoPageRed{font-size:12px;font-weight:bold;color:Red;}
.InfoPageYellow{font-size:12px;font-weight:bold;color:orange;}
.InfoPageGreen{font-size:12px;font-weight:bold;color:Green;}
.InfoPageBlue{font-size:12px;font-weight:bold;color:Blue;}

div.TabPanelDiv
{
	height:360px;
}

div.tabpanel
{
	height:380px;
}

/* Styles for the tabs */

TABle.tabpanel
{
	width:100%;
	height:400px;
}

TD.tabpanel
{
	border: 1px solid LightGray;
	width:100%;
	text-align:left;
}

TD.tabpanelcontents
{
	padding: 8px;
}

TD.tabpaneltab
{
	border-top: 1px solid LightGray;
	border-left: 1px solid LightGray;
	border-right: 1px solid LightGray;
	border-bottom: 1px solid LightGray;
	padding-left: 4px;
	padding-right: 4px;
	padding-top:4px;
}

TD.tabpanelactivetab
{
	border-top: 1px solid LightGray;
	border-left: 1px solid LightGray;
	border-right: 1px solid LightGray;
	border-bottom: none;
	padding-left: 4px;
	padding-right: 4px;
	padding-top:4px;	
}

.tabpanelgap
{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid LightGray;
	padding-left: 4px;
	padding-right: 4px;
	height:20px;
	background:url(img/nav_bg.jpg);
}

TABLE.BorderlessLightDatagrid TD
{
	border-collapse:collapse;
	border-bottom:1px solid LightGray;
	border-left:none;
	border-right:none;
	border-top:none;
}

TABLE.BorderlessLightDatagrid
{
	width:100%;	
}

.SelectedRow
{
	background-color:#D9E5FB;
}

.DisabledTextbox
{
	border:none;	
}

.invisible
{
	display:none;
	height:1px;
	width:1px;
	
}

/* page printing settings*/
@media print
{
	
	.noprint{display:none;}
	span.buttons{display:none;}	
	table.print_question_table {
		border-collapse: collapse ;
		width: 350px;
		padding:0px;
	}
	div.print_question_row{
		border:1px solid gray;
		width:350px;
	}

	table.print_question_table  td{
		border:1px #ddd solid;
		font-size:8pt;
	}

	table.print_question_table  th{
		border:1px #ddd solid;
		padding: 0px 10px 0 5px;
	}
	
	.breadcrumb
	{
		display:none;
	}

}