/* CSS Document */

form{ /* remove margins from form tag */
margin:0;
}

.MainContent{ /* Main Container for the window */
width: 974px;
border:none;
margin: 0 auto;
height: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
position:relative;
}

#CFMSpageheader{ /* Must be applied to the page header in the layout file */
	position:relative;
	background-image:url('../images/CFMSHeader.jpg');
	display:table;
	width:974px;
	height:50px;
	margin-bottom:2px;
}

#Contractspageheader{ /* Must be applied to the page header in the layout file */
	position:relative;
	background-image:url('../images/ContractsHeader.jpg');
	display:table;
	width:974px;
	height:50px;
	margin-bottom:2px;
}

#Ordspageheader{ /* Must be applied to the page header in the layout file */
	position:relative;
	background-image:url('../images/ORDHeader.jpg');
	display:table;
	width:974px;
	height:50px;
	margin-bottom:2px;
}

#RefandJoupageheader{ /* Must be applied to the page header in the layout file */
	position:relative;
	background-image:url('../images/REFJOUHeader.jpg');
	display:table;
	width:974px;
	height:50px;
	margin-bottom:2px;
}

#Helppageheader{ /* Must be applied to the page header in the layout file */
	position:relative;
	background-image:url('../images/HelpHeader.jpg');
	display:table;
	width:974px;
	height:50px;
	margin-bottom:2px;
}

#Epacketpageheader{ /* Must be applied to the page header in the layout file */
	position:relative;
	background-image:url('../images/agendaHeader.jpg');
	display:table;
	width:974px;
	height:50px;
	margin-bottom:2px;
}

#pageheader{ /* Must be applied to the page header in the layout file */
	position:relative;
	background-image:url('../images/MTHeader.jpg');
	display:table;
	width:974px;
	height:50px;
	margin-bottom:2px;
}

#pagecontent{ /* The main div for the content */
width:973px;
border:none;
height:98%;
border:none;
}

#ContentHolder{ /* div that holds the content inside the tab */
background-color: #FFFFFF;
width:100%;
height:630px;
position:relative;
}

#ContentLeft{ /* Left side of the content inside the tab */
width: 468px;
float:left;
overflow:auto;
height:630px;
border:none;
padding:1px;
}

#ContentRight{ /* Right side of the content inside the tab width: 495px;*/
overflow:auto;
height:630px;
padding:1px;
border:none;

}

#pagefooter{ /* Page footer content div */
width:971px;
margin-left:1px;
border:none;
height:31px;
border: solid 1px #CCC;
border-bottom:none;
border-left:none;
border-right:none; 
position:relative;
background-color: #5089BE;
}

a { /* default hyperlink format */
color:#840000;
text-decoration:none;
}

a:hover{ /* hyperlink format when mouse over*/
color:#006200;
text-decoration:underline;
}

a:visited{ /* hyperlink format when already visited*/
color: #00008A;
}

input, select{ /* css for all form input/select controls */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.footer{ /* footer inside page footer div */
width:970px;
padding:0;
margin:0;
}

.footer p { /* regular text styles inside footer */
text-align:center;
margin:0;
font-size:9px;
}

.footer p a{ /* link sytles inside footer */
color: #000000;
text-decoration:underline;
}

.footer p a:hover{ /* link sytles inside footer */
color: #FF0000;
text-decoration:underline;
}


/* Styles for CFI View Record Screen */
#CFI_MainContent{
position:relative;
float:left;
width:660px;
height:530px;
border:none;
}

#CFI_OnlineDocsContent{ /* Styles for online doc list */
position: relative;
margin-left:660px;
height:160px;   /* was 175px -phenh */
border:none;
}

#CFI_VotesContent{ /* Styles for votes content */
position:relative;
height: 368px;     /* was 353px -phenh */
border:none;
width:310px;
margin-left:660px;
}

#CFI_MainContent .xboxcontent {
background-color:#FFFFE8; 
}

/* Rounded Borders CSS */
.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size: 12px;
padding:0 5px 2px 5px; 
border-bottom:1px solid #444;
font-weight:normal;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background:transparent; /* background color for content of box*/
width:240px; 
float: none; 
margin:0 3px;
}

.xtop, .xbottom {
display:block; 
background:transparent; /* background color for bottom of box */
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:transparent; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}

#xboxholder{
overflow:auto;
width:100%;
}


* html .xboxcontent {
height:1px;
}

.color_a { /* dark blue */
background:#BFAB50; /* color for the header background */
color: #000000; /* color for the header font */
}



.color_b { /* medium brown */
background: #BFAB50; /* color for the header background */
color: #000000; /* color for the header font */
}

.color_c { /* */
background: #BFAB50; /* color for the header background */
color: #000000; /* color for the header font */
}

.color_d { /* dark green */
background:#BFCD94; /* color for the header background */ 
color: #000000; /* color for the header font */
}

/* Curved Border Usage:
<div class="xsnazzy" style="width:100px;"> <!-- change width here for overall width of box-->
<b class="xtop"><b class="xb1"></b><b class="xb2 color_a"></b><b class="xb3 color_a"></b><b class="xb4 color_a"></b></b>
<div class="xboxcontent">
<h1 class="color_a">Title</h1>
	<div id="xboxholder" style="height:100px;"> <!-- change height here for overall height of box -->
	<table width="90%" cellpadding="0" cellspacing="0" border="0"> <!-- change width here to fill the box-->
	<tr>
		<td>Testing Value</td>
	</tr>
	</table>
	</div>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
*/

.CollapseContent{ /* Used in collapsing Divs*/
background-color:#FFFFFF;
padding:2px;
}

.CollapseContent a{ /* Used in collapsing Divs*/
text-decoration:none;
}

.CollapseContent #basic{ /* header for basic search */
height:20px;
line-height:20px;
background-color: #BFCD94; 
font-size:12px;
border:solid 1px #666666;
font-style:italic;
}

#SimpleSearch{ /* Content of Basic Search Box */
background-color: #FFFFE8;
font-size:10px;
padding-left:5px;
border:solid 1px #666666;
border-top:none;
}

#SimpleSearch div, #AdvSearch div{ /* Text size inside criteria divs */
font-size:10px;
}

.CollapseContent #AdvancedSearch{ /* header for advanced search */
height:20px;
line-height:20px;
background-color: #BFCD94; 
font-size:12px;
border:solid 1px #666666;
font-style:italic;
}

#AdvSearch{ /* Content of Basic Search Box */
background-color: #FFFFE8;
font-size:10px;
padding-top:5px;
border:solid 1px #666666;
border-top:none;
}

.Criteria{ /* formating for tables inside advanced search */
width:100%;
padding:0;
border-collapse:collapse;
}

#inscrolltbl{ /* Used for tables inside a scrollable div so they render properly for ie and other browsers*/
padding:0;
border-collapse:collapse;
}

#inscrolltbl td.border{ /* font formating for columbs inside a table with id of inscrolltbl */
font-size:9px;
border-bottom:1px solid #000;
}

.cdbox{ /* div that holds cd box */
border: 1px solid #000;
width:200px;
height:120px;
margin-top:5px;
margin-left:2px;
border-collapse:collapse;
padding:0;
}

.cdbox tr{
background-color:#EAEAEA;
}

.cdbox td{
width:200px;
}

.authorbox{ /* div that holds authors*/
border: 1px solid #000;
width:425px;
height:170px;
margin-top:5px;
margin-left:2px;
border-collapse:collapse;
padding:0;
overflow:auto;
}

.rowcolor1{ /* alternating row color 1 - light blue */
background-color: #EAEAEA;
}

.rowcolor2{ /* alternating row color 2 - white */
background-color: #EAEAEA;
}

.rowcolor3{ /* alternating row color 3 - light brown*/
background-color: #FFFFE8;
}

.labelheader{ /* css for label above checkbox divs*/
margin-top:5px; 
margin-left:2px;
margin-bottom:5px;
font-weight:bold;
}

.section{ /* div that holds each portion of criteria*/
position:relative;
display:block;
border: none;
border-bottom: solid 1px #CCC;
padding:2px;
margin-top:2px;
margin-bottom:1px;
width:425px;
clear:both;
}

.section .left{ /*if section has two horizontal section this is the left */
float:left;
width:210px;
border:none;
padding-bottom:1px;
}

.section .right{ /*if section has two horizontal section this is the right */
margin-left:210px;
width: 210px;
border: none;
}

.rewardbox{ /* holds rewards criteria */
border: none;
width:400px;
height:110px;
margin-top:5px;
margin-left:2px;
padding:5px;
}

.label{ /* label formating */
font-size:11px;
text-align:right;
}

.fslabel{ /* label formating */
width:112px;
display:inline-block;
font-size:11px;
text-align:right;
padding-top:5px;
}

.authorheader{ /* style for section breaks in authors list */
background-color: #82ACCC;
font-weight:bold;
}

.resultheader{ /* header for result list */
font-size:11px;
font-weight:bold;
background-color: #BFCD94;
height:25px;
}

.resulttext{ /* text format for results*/
font-size:12px;
}

.cfheader{ /* Council File Main Info Header section */
font-size:16px;
font-weight:bold;
}

.otherheader{ /* font styles for online docs and votes header */
font-size:12px;
font-weight:bold;
}

#viewrecord{ /* div that holds entire layout for record view */
width:630px;
height:450px;
position:relative;
}

#viewrecord .section{ /* section break in main record view */
width: 629px;
border: none;
margin-top: 5px;
margin-bottom: 5px;
padding-left:2px;

}

#viewrecord .section .left{ /* split section (left side)*/
position:relative;
float:left;
width: 310px;
border: none;

}
#viewrecord .section .right{ /* split section (right side) */
position:relative;
width: 310px;
margin-left:315px;
border: none;
}

#viewrecord .section .reclabel{ /* label for each data section */
font-size:13px;
font-weight:bold;
}

#viewrecord .section .rectext{ /* text in each data section*/
font-size:12px;
}

#viewrecord .section .reclabelred{ /* label for each data section */
font-size:13px;
font-weight:bold;
color:#F00
}

#viewrecord .section .rectextred{ /* text in each data section*/
font-size:12px;
color:#F00
}

#inscrolltbl .ViewRecordHistory{ /* main table for file history */
border:none;
}

#inscrolltbl tr.ViewRecordHistory{ /* table row formatting for file history */
vertical-align:middle;
}

#inscrolltbl th.ViewRecordHistory{ /* table header row for file history */
background-color: #BFCD94;
text-align:left;
height:25px;
border-bottom: solid 1px #000;
border-top: solid 1px #000;
}

#inscrolltbl td.ViewRecordHistory{ /* column formatting for file history */
text-align:left;
vertical-align: top;
height:25px;
padding-left:2px;
padding-right:2px;
border-bottom: solid 1px #000;
}

.VoteHeader{ /* cvvs header bar */
text-align:center;
height:20px;
vertical-align: bottom;
}

.votetextsmall{ /* vote count font in header */
font-size:10px;
color: #FFFFFF;
}

.apptext{ /* needed for IE to align right*/
text-align:right;
}

.apptext{ /* Used for text div inside header image area*/
font-size:17px;
text-align:-moz-right; /* needed for Firefox to align right */
padding-right:70px;
color: #666633;
}

div.help{ /* section separation in help files */
text-align:justify; 
margin-bottom:10px; 
padding-left:5px; 
padding-right:5px;
}

div.FixedHeader_Cloned th,
div.FixedHeader_Cloned td {
	background-color: white !important;
}
.AdContainer {
	overflow: hidden;
	width: 400px;
	margin: 0 auto;
}
#AdMain {
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #ccc;
}
/*--Main Image Preview--*/
.main_image {
	width: 400px; height: 400px;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
	cursor: pointer;
}
.main_image h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 5px;	
	padding: 10px;
	color:red;
}
.main_image p {
	font-size: 1em;
	padding: 10px;	margin: 0;
	line-height: 1.2em;
	color:#fff;
}
.main_image .desc{
	position: absolute;
	top: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image > img {
	bottom: 0;
	position: absolute;
}
.main_image .block{
	width: 100%;
	background: #332a2a;
	border-top: 1px solid #000;
}
.main_image a.collapse {
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.image_thumb {
	width: 399px;
	margin-left: auto;
	margin-right:auto;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}
.image_thumb img {
	border: 1px solid #ccc; 
	padding: 0; 
	background: #fff; 
	float: left;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; 
	width: 132px;
	float: left;
	/*border-bottom: 1px solid #ccc;*/
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}
.image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
.image_thumb ul li h2 {
	font-size: 1em; 
	margin: 2px 0; padding: 0;
	border: 0;
}
.image_thumb ul li .block {	
	float: left; 
	margin-left: 2px;
	padding: 0;
	width: 133px;
	height:80px;
}	
.image_thumb ul li p{display: none;}

table.dataTable thead th, table.dataTable thead td {
    font-size: .88em !important;}
	
.dataTables_wrapper .dataTables_filter {
    float: left !important;
}