/* CSS Document */

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

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

#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:533px;
border:none;
}

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

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

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

#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:175px;
border:none;
}

#CFI_VotesContent{ /* Styles for votes content */
position:relative;
height: 353px;
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;
}

.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;
}

#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;
}