/*
++++++++++++++++++++++++++++++++++++
Office of the Clerk
Public Site CSS

PUBLIC DISCLOSURE STYLES
++++++++++++++++++++++++++++++++++++
*/


/* subnav */
#subnav li a#subnavFinancial
{
    background-position: left -415px;
    width: 127px;
}
#subnav li a#subnavForeign
{
    background-position: -127px -415px;
    width: 93px;
}
#subnav li a#subnavFranked
{
    background-position: -220px -415px;
    width: 63px;
}
#subnav li a#subnavTravel
{
    background-position: -283px -415px;
    width: 86px;
}
#subnav li a#subnavLegal
{
    background-position: -369px -415px;
    width: 107px;
}
#subnav li a#subnavEthics
{
    background-position: left -477px;
    width: 130px;
}
#subnav li a#subnavPostemp
{
    background-position: -594px -415px;
    width: 107px;
}


#subnav li.navActive a#subnavFinancial, #subnav li a#subnavFinancial:hover
{
    background-position: left -444px;
}
#subnav li.navActive a#subnavForeign, #subnav li a#subnavForeign:hover
{
    background-position: -127px -444px;
}
#subnav li.navActive a#subnavFranked, #subnav li a#subnavFranked:hover
{
    background-position: -220px -444px;
}
#subnav li.navActive a#subnavTravel, #subnav li a#subnavTravel:hover
{
    background-position: -283px -444px;
}
#subnav li.navActive a#subnavLegal, #subnav li a#subnavLegal:hover
{
    background-position: -369px -444px;
}
#subnav li.navActive a#subnavEthics, #subnav li a#subnavEthics:hover
{
    background-position: left -509px;
}
#subnav li.navActive a#subnavPostemp, #subnav li a#subnavPostemp:hover
{
    background-position: -594px -444px;
}




.searchButton {
	width: 209px;
	text-align: center;
	display: block;
	height: 30px;
	margin: 9px auto 0 auto;
	color: #FFF;
	background: transparent url(../images/clerkweb-main-sprite.gif) no-repeat -202px -605px;
	font-weight: bold;
	font-size: 12px;
	padding: 8px 8px;
}
.searchButton:hover {
	background: transparent url(../images/clerkweb-main-sprite.gif) no-repeat -427px -605px;
}
.searchButton span {
	font-size: 8.5px;	
	line-height: 17px;
	vertical-align: top;
	text-align: left;
}
.imgCal 
{
    vertical-align: baseline;
}
.searchRecords 
{
    font-style: italic;
    text-align: right;
    float: right;
    font-weight: normal;
    font-size: 0.9em;
}







.accessForm label, .accessForm input, .accessForm select 
{
    margin-bottom: 4px;
    float: left;
}
.accessForm label 
{
    font-weight: bold;
    width: 90px;
    display: block;
    clear: left;
}

.accessForm input, .accessForm select 
{
    clear: right;
    width: 200px;
}
.accessForm input.buttonSubmit, .accessForm input.buttonCancel 
{
    width: auto; 
    margin-right: 5px;
}
.errorMsg 
{
    display: block;
    clear: both;
    color: #CC3737;
    border: 1px solid #CC3737;
    background-color: #fff;
    padding: 3px 7px;
    margin-bottom: 15px;
}
.errorMsg ul 
{
    margin: 5px 0 0 0;
}











/* tab styles */
.tabContainer 
{
    margin-top: 10px;
	clear: both;
}
.tabContainer .ajax__tab_header 
{
	border-left: 1px solid #EBE6D5;
	margin: 0px;
	padding: 0px;
	display: block;
	clear: both;
	border-top: none;
}
.tabContainer .ajax__tab_outer 
{
	border: 1px solid #EBE6D5;
	border-bottom: none;
	border-left: none;
}
.tabContainer .ajax__tab_outer .ajax__tab_tab 
{
    cursor: pointer;
	margin: 0px;
	padding: 5px 20px;
	background-color: #FFF;
	width: auto;
}
.tabContainer .ajax__tab_outer .ajax__tab_tab:hover, .tabContainer .ajax__tab_active .ajax__tab_tab
{
    color: #0C528B;
    text-decoration: underline;
}
.tabContainer .ajax__tab_active .ajax__tab_tab 
{
    background-color: #E8E2D4;
}
.tabContainer .ajax__tab_outer .ajax__tab_tab:hover
{
    background-color: #F2EEE1;
}
.boundingBox 
{
    border: 2px solid #EBE6D5;
    margin-bottom: 15px; 
    padding: 7px 7px 0 7px;
}






/* floor proceedings table styles */
table.floorProceedings 
{
    border-collapse: collapse;
    clear: both;
    border: 1px solid #EBE6D5;
    border-top: none;
}

table.floorProceedings th 
{
    background-color: #4C6285;
    color: #FFF;
    padding: 3px 5px;
}

table.floorProceedings th a
{
    color: #FFF;
}
table.floorProceedings th a.ascending 
{
    padding-right: 24px;
    background: transparent url(../images/arrow-up.gif) no-repeat right 1px;
}
table.floorProceedings th a.descending 
{
    padding-right: 24px;
    background: transparent url(../images/arrow-down.gif) no-repeat right 1px;
}
table.floorProceedings th a.ascending:hover 
{
    color: #5B6D80;
    background: #FFF url(../images/arrow-up-over.gif) no-repeat right 1px;
}
table.floorProceedings th a.descending:hover 
{
    color: #5B6D80;
    background: #FFF url(../images/arrow-down-over.gif) no-repeat right 1px;
}

table.floorProceedings th.header1
{
    width: 110px;
}

table.floorProceedings th.header2
{
}

table.floorProceedings tr.buttonRow td 
{
    
}

table.descending tr.endDay td 
{
    border-bottom: 7px solid #C9CED6;
}
table.ascending tr.endDay td 
{
    border-top: 7px solid #C9CED6;
}

table.floorProceedings tr td
{
    padding: 5px;
    vertical-align: top;
    border-bottom: 1px solid #EBE6D5;
}


table.floorProceedings tr.altRow td 
{
    background-color: #F2EEE1;
}
table.floorProceedings tr td.winner
{
    background-color: #B7D1B0;
}
table.floorProceedings tr td.loser
{
    background-color: #E3A3A3;
}
table.floorProceedings tr td.winner, table.floorProceedings tr td.loser, table.floorProceedings tr th.centered, table.floorProceedings tr td.centered
{
    text-align: center;
}

table.floorProceedingsSub 
{
    border-collapse: collapse;
    border: none;
    display: block;
    width: 100%;
}
table.floorProceedingsSub tr th
{
    background: none;
    font-weight: bold;
    color: #000;
    padding: 0px;
}
table.floorProceedingsSub tr td
{
    padding: 0 0 10px 0;
    border: none;
}










table.pdTables 
{
    border-collapse: collapse;
    padding: 0px;
}

table.pdTables th 
{
}

table.pdTables th, table.pdTables td 
{
    vertical-align: top;
    padding: 1px 2px;
}
tr th a.sortASC, tr th a.sortDESC 
{
    padding-right: 20px;
    background-image: url(/images/arrow-up.gif);
    background-position: center right;
    background-repeat: no-repeat;
}
tr th a.sortDESC 
{
    background-image: url(/images/arrow-down.gif);
}
tr.pagingRow td
{
    border-top: 1px solid #bbb;
    background-color: #eaeaea;
}
tr.pagingRow td a, tr.pagingRow td span 
{
    padding: 2px 4px;
}

h4 {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	color: #0a3980;
	text-transform: uppercase;
	font-size: 12px;
}
p {
	padding: 5px 0px;
	margin: 0px;
}
hr {
	clear:both;
	margin:0px;
	padding:0px;
	visibility:hidden;
}

#intro_content h3 {
	margin: 0px 0px 5px 0px;
}
dl {
	margin: 0px;
	padding: 0px;
}
dt {
	margin: 0px;
	padding: 12px 0px 0px 0px;
	font-weight:bold;
}
dd {
	margin: 0px;
	padding: 0px;
}
/*Lobby Box on Index Page*/
.subcontainer {
	background-color: #ffffff;
	margin: 10px 0px;
	padding: 5px;
}
.subcontainer p {
	padding: 10px;
	margin: 0px;
	border: 1px solid #000033;
}
.ld_link {
	display:block;
	margin: 2px 0px;
	padding: 0px;
}


/*Secondary Content Styles (right side)*/
#secondary_content { 
	margin: 0px;
	padding: 5px 20px;
	width: 220px;
	float: right;
}

#secondary_content h4 
{
    margin-top: 2px !important;
}

.yearList {
	list-style: none;
	margin-top: -5px;
	padding: 0;
}
.yearList li {
	display: inline;
	margin: 0px 10px 0px 0px;
	padding:0px 0px 0px 10px;
	background: url(../images/ratio_bullet.gif) no-repeat left center;
}

a.downloadLink 
{
    padding: 1px 0 1px 21px;
    background: transparent url(../images/icon-download.gif) no-repeat left center;
    display: block;
    margin: 5px 0;
}
a.downloadLink:hover 
{
    text-decoration: underline;
    color: #0C528B;
    background-color: transparent;
}









/* forms/results */
.page_topic {
	font-size: 20px;
	font-style: italic;
	border: none;
	font-weight: normal;
}

.DHTMLSuite_calendar {
	font-size: 12px;
}

input:focus, textarea:focus {
	background: #efefef;
	color: #000;
}
#name_div, #office_div, #officeCode_div {
	width: 325px;
	float: left;
	clear: left;
}
#name_div input, #office_div input, #district_div input, #officeCode_div select {
	width: 300px;
	margin: 0px 0px 15px 0px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#officeCode_div 
{
}
#officeCode_div select 
{
    width: 227px;
    margin-bottom: 5px;
}
#name_div h4, #office_div h4, #term_div h4, #district_div h4, #officeCode_div h4 {
	margin: 0px 0px 5px 0px;
}

#term_div, #district_div {
	width: 325px;
	float: right;
}
#term_div label, #district_div label, #officeCode_div label {
	font-weight: bold;
	color: #515151;
	width: 40px;
	margin: 0px 5px 0px 0px;
	text-align: right;
	float:left;
}
#term_div input {
	width: 100px;
	margin: 0px 0px 5px 0px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#term_div img {
	margin: 0px 0px 5px 0px;
}
#district_div label, #officeCode_div label {
	float: left;
	display: block;
	width: 70px;
	text-align: left;
	margin-bottom: 5px;
}
#district_div input, #district_div select {
	width: 150px;
	margin-bottom: 5px;
}
#district_div {
	margin-bottom: 10px;
}
#submit_div {
	float: none;
	clear: both;
	padding-top: 5px;
	margin: 10px 0px 10px 0px;
}
#search_results {
	width: 100%;
	margin: 10px 0px;
	border-bottom: 1px solid #bbbbbb;
}
#search_results th {
	color: #fff;
	background-color:#1c456e;
	padding: 5px 10px 5px 5px;
}
#search_results td {
	padding: 5px;
	vertical-align: top;
}
#search_results td.first {
	border-left: 1px solid #bbbbbb;
}
#search_results td.last {
	border-right: 1px solid #bbbbbb;
}
#search_results .alt_row {
	background-color:#eaeaea;
}

ul.legend 
{
    display: block;
    width: 100%;
    padding: 5px 0 5px 20%;
}
ul.legend li 
{
    list-style: none;
    width: 30%;
    display: block;
    float: left;
    color: #5C5C5C;
}