/* ALL PAGES, HTML TYPES */

textarea
{
	font-family: arial;
}

/* ALL PAGEs TITLE PARTS, WORKING DOWNWARDS */

.header_section
{
				margin: 10px 0 0 0;
				height: 70px;
				width: 100%;
				text-align: center;
}
.header_section h2
{
				font-weight: normal;
}

.breadcrumb_section
{
				padding: 10px;
				height: 30px;
				font-weight: normal;
				background-color: #ECECEC;
				color: #000000;
}
a.breadcrumb
{
				padding: 3px;
				height: 40px;
				background-color: #ECECEC;
				color: #008000;
				text-decoration: none;
				width: 120px;
				font-weight: bold;
				text-transform: uppercase;
}
a.breadcrumb:hover
{
				background-color: #ECECEC;
				color: #003366;
}

.nav_section
{
				height: 40px;
				font-weight: normal;
				padding-left: 10px;
				padding-top: 5px;
				background-color: #C0C0C0;
				color: #000000;
}
.nav_section input
{
				width: 120px;
				vertical-align: middle;
}

/* THE MAIN PART OF THE POLICY PROCESS PAGE IS "SECTIONS" */

.content_container h2
{
				font-size: x-large;
				font-variant: small-caps;
				font-weight: bold;
				color: #000000;
				padding-top: 40px;
}

.content_container h3
{
				padding-bottom: 10px;
				color: #000000;
				font-size: large;
				font-weight: normal;
				padding-top: 20px;
}

.sections h4
{
				font-size: x-small;
				font-weight: normal;
				color: #800000;
				margin-left: 5px;
}
.question
{
}

.question table
{
				width: 100%;
				margin-bottom: 10px;
}
.question input
{
				vertical-align: middle;
				width: 25px;
}
.question checkbox
{
				vertical-align: middle;
				width: 25px;
}
.question label
{
				padding: 2px;
				margin-left: 10px;
				display: inline-block;
				width: 90%;
				vertical-align: middle;
}
.translation_table
{
				width: 100%;
				table-layout: auto;
				margin-bottom: 30px;
				background-color: #ECECEC;
}

.translation_table td
{
				padding-right: 5px;
				width: 50%;
				color: #800000;
				font-size: x-small;
}


/* THE MAIN PART OF THE POLICY SUMMARY PAGE IS "CONTENTS_TABLE" 
BUT the H2 is outside and so we need to access it through CONTENT_CONTAINER (above)
The table contains an <ol><li><table> structure
*/

.content_container ol
{
				margin-top: 10px;
}

.content_container li
{
				font-weight: bold;
}

.contents_table td
{
							
				
}




.outer_container
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #CCCCCC;
}

.outer_container h1, .outer_container h2, .outer_container h3, .outer_container h4, .outer_container ol
{
	font-weight:bold 
}

.outer_container h1
{
	font-size:140%;
}

.outer_container h2
{
	font-size:120%;
}

.outer_container h3, .outer_container ol	/*ordered lists are at h3 level */
{
	font-size:105%;
}

.outer_container h4, .outer_container ol ol /*ordered sublists are at h4 level */
{
	font-size:100%;
}

.outer_container ol	
{
	font-weight:bold;
	line-height:180%;
	font-size:100%;
}

.outer_container a
{
	text-decoration:none;
}

.content_container
{
	float:left;
	width:100%;
	height:100%;
	background: #fff;
}

    
.help_box
{
	height: 100%;
	margin-left:10px;
	margin-right:10px;
}

.note_to_user
{
	font-style:italic;
	color:Gray;
}

.stats_column
{
	background-color: #eee;
	text-align: center;
}

.maintenance
{
	font-style:italic ;
	color:Green;
	background-color: #eee;
}

.notes_caption
{
	font-style:normal;
	font-weight:normal;
}

.notes_text
{
	width:100%;
}

.notes_div, .hidden_div
{
				width: 95%;
				padding: 5px;
}

.hidden_div
{
	visibility:hidden;
	height:1px;
}

.alert_user
{
				margin: 0 0 0 5px;
				color: #808080;
				font-style: normal;
				display: block;
				font-size: x-small;
}

.contents_table
{
	width:100%;
	font-weight:normal;
}

.contents_row
{
	background-color:#eee;
}

.contents_cell_1
{
	width:100%;
}

.contents_cell_NA
{
	width:130px;
	text-align:center;
	white-space:nowrap;
}

.contents_cell_2
{
	width:80px;
	text-align:center;
}

.contents_cell_3
{
	width:80px;
	text-align:center;
}


.search_params 
{
	width: 200px;
}

/* classes used in debugging */
.debug
{
	font-style:italic ;
	color:Maroon ;
}

/* Policy Search */
.PolicySearchBox
{
	width:	100%;
	margin:	0px;
	padding:0px;
}

.PolicySearchBox tr td, PolicySearchBox tr th
{
	padding:		3px;
	vertical-align:	top;
}

table caption
{
	text-align:left;
}

.rightAligned
{
	text-align:right;
	float:right;
}

.rightFloat
{
	float:right;
}

.drHelpText
{
	font-style:italic;
	font-weight:normal;
	margin-left:20px;
	margin-top:5px;
}