/*
 ---------------------------------
 Common 
 ---------------------------------
*/
.page-subscribers input, .page-subscribers select {
	border: 1px solid #888888;
	padding: 2px;
}

.page-subscribers input.button, #body-index div.criteria_reset
{
	border-top: 1px solid #0F8677;
	border-left: 1px solid #0F8677;
	border-right: 1px solid #003F37;
	border-bottom: 1px solid #003F37;
	padding: 1px 8px;
	*padding: 0 8px;
	cursor: pointer;
	background-color: #065E53;
	color: #FFFFFF;
	font-size: 116%;
}

.page-subscribers input.button:hover, #body-index div.criteria_reset:hover
{
	background-color: #003F37;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.page-subscribers input.disabled
{
	cursor: default;
	color: #888888;
	background-color: #D4D0C8;
	border: 1px solid #888888;
}

.page-subscribers input.disabled:hover
{
	background-color: #D4D0C8;
	border: 1px solid #888888;
}



/* turn off border again for the search button */ 
.btn input {
	border: none;
}

.page-subscribers p.error {
	color: red;
	word-wrap: normal;
}

.page-subscribers div.block {
	padding: 1.5em 0;
	border-top: 1px solid #888888;
}

#foot {
	text-align: left;
}

div.styled-select {
	width: 100%;
	height: 100%;
    border: 1px solid #ddd;
}

div.styled-select.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
    
}

div.styled-select > div {
    border-bottom: 1px solid #E1DCEB; /* last element's border is automatically removed */
}

div.styled-select input {
    display: none;
}

div.styled-select div, div.styled-select.disabled div:hover {
    padding: 3px 3px 3px 25px;
    background-color: #fff;
    background-image: url(../images/checkbox-off.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

div.styled-select div:hover
{
	background-image: url(../images/checkbox-off_hover.png);
}

div.styled-select div.selected {
    background-image: url(../images/checkbox-on.png); 
    font-weight: bold;
}

div.styled-select div.selected:hover
{
	background-image: url(../images/checkbox-on_hover.png);
}

div.styled-select div span {
	display: block;
	width: 100%;
	height: 100%;
}

/* morphed - only "animated" styles in these two classes */
.fx-styled-select {
    background: #fff;
    color: #333;	
}

.fx-styled-select-selected {
    background-color: #9987BE;
    color: #fff;
}

/*
 ---------------------------------
 Login
 ---------------------------------
*/
#body-login #main-content {
}

#body-login table, #body-login table td {
	border: 0;
	padding: 2px;
	white-space: nowrap;
}

#body-login label {
	font-weight: bold;
	font-size: 1.1em;
}

#body-login td.label {
	width: 10%;
}

/*
 ---------------------------------
 Search (Index)
 ---------------------------------
*/
.tab-wrapper
{
	padding:				1em 1.5em;
	margin:					0;
	border:					1px solid #eee;
	clear:					both;
}
.tab-menu
{
	margin:					0;
	padding:				0;
	list-style:				none;
	overflow:				auto;
}
.tab-menu li
{
	margin:					0;
	padding:				0;
	float:					left;
	line-height:			2em;
}
.tab-menu li a
{
	padding:				0 .5em;
	font-weight:			bold;
}
.tab-menu li a:hover,
.tab-menu li a:focus
{
	/* your effect here */
}
.tab-menu li.tab-selected a
{
	text-decoration:		none;
	color:					inherit;
	/* your effect here */
}

#body-index form.search table, #body-index form.search td {
	border: 0;
	padding: 0;
}

#body-index form.search td {
	padding-right: 1em;
	vertical-align: bottom;
}

#body-index form.search label {
	font-weight: bold;
	padding: 0.3em 0 0;
	width: 8em;
	float: left;
}

#body-index form.search label.loading {
	background: url(../images/loader.gif) center right no-repeat;	
}

#body-index form.search select {
	width: 30em;
}

#body-index #tab-headings, #body-searchresults #tab-headings {
	width: 100%;
	overflow: hidden;
	background: url(../images/dot_444444.gif) repeat-x left bottom;
	margin-bottom: 1em;
}

#body-index #tab-headings h2, #body-searchresults #tab-headings h2 {
	font-size: 146.5%;
	float: left;
	width: 47%;
	border: 1px solid #444444;
	margin-bottom: 0;
	margin-right: 10px;
}

#body-index #tab-headings h2.active, #body-searchresults #tab-headings h2.active
{
	border-bottom: 1px solid #FFFFFF;
}

#body-index #tab-headings h2 a, #body-searchresults #tab-headings h2 a {
	display: block;
	padding: 6px 8px;
	background-color: #0F8677;
	color: #FFFFFF;
	outline: none;
	text-decoration: none;
}

#body-index #tab-headings h2 a:hover {
	background-color: #065E53;
}


#body-index #tab-headings h2.active a, #body-searchresults #tab-headings h2.active a {
	background: #FFFFFF url(../images/tab_active_bkgd.gif) repeat-x left top;
	color: #065E53;
	cursor: default;
}

#body-index div.criteria-block {
	margin-bottom: 1px; 
}

#body-index div.title {
	width: auto;
    color: #fff;
    background: #0F8677 url(../images/arrow_up.gif) no-repeat center right;
    border-right: 1px solid #0F8677;
    border-bottom: 1px solid #DDDDDD;
    font-size: 140%;
    padding: 0.2em 0.5em;
    font-weight: bold;
    text-align: left;
}

#body-index div.criteria-block.custom div.title {
    background-color: #584680;
}

#body-index div.criteria-block.custom div.title:hover {
    background-color: #43316C;
}

#body-index div.title div.criteria, #body-index div.title div.type {
    float: left;
    width: 50%;
}

#body-index div.title div.type {
    font-weight: normal;
    font-size: 86%;
    padding-top: 2px;
}

#body-index div.title:hover {
    background-color: #065E53;
    cursor: pointer; 
}

#body-index div.criteria-block .content {
	xposition: relative;
	xwidth: 100%;
	xoverflow: hidden;
}

#body-index div.criteria-block.closed .title {
    background-image: url(../images/arrow_down.gif);
}

#body-index div.title span {
    margin-left: 1em;
    font-size: 80%;
    font-weight: normal;
}

#body-index div.criteria-block div.content {
    padding: 5px;
    border: 1px solid #ccc;
    border-top: none;
    overflow: hidden;
	background: #FFFFFF url(../images/tab_active_bkgd.gif) repeat-x left top;
}

#body-index div.criteria-block .select_block, #body-index div.criteria-block .select_options {
    width: 31%;
    padding: 0 1%;
    float: left;
}

#body-index div.criteria-block .select_block p, #body-index div.criteria-block .select_options p {
    font-weight: bold;
    margin-bottom: 0.5em;
}

/*
#body-index div.criteria_reset {
    padding: 3px;
    border: 2px solid black;	
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    background: #ffcccc;
    color: #444;
}

#body-index div.criteria_reset:hover {
	background: #ff8484;
}

*/
#body-index #advanced_search_count_container {
    	position: fixed; 
    	padding: 10px 20px;
    	width: 210px; 
    	height: 60px; 
    	border: 1px solid #888888; 
	background: #FFFFFF url(../images/tab_active_bkgd.gif) repeat-x left top;
	color: #065E53;
	font-size: 131%;
}

#body-index #advanced_search_count_container p {
	margin: 3px;
	text-align: center;
}

#body-index #advanced_search_count_container p#advanced_search_count {
	padding: 3px;
	margin: 8px 8px;
	color: #584680;
	font-weight: bold;
	height: 1em;
	font-size: 116%;
}

#body-index #advanced_search_count_container.loading p#advanced_search_count {
	background: #fff url(../images/loader.gif) no-repeat center center;
}

.right_column
{
	float: right;
	width: 30%;
}

.search_button_row
{
	margin-top: 2em;
	background: url(../images/dot_888888.gif) repeat-x left top;
	overflow: hidden;
}

.search_button_pocket
{
	padding: 1em 2em 1.5em;
	clear: both;
	float: right;
	text-align: right;
	border: 1px solid #888888;
	border-top: 1px solid #FFFFFF;
}

/*
 ---------------------------------
 Search Results
 ---------------------------------
*/

#body-searchresults li.not_found {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#body-searchresults .article1cols ol {
	list-style: decimal;
	padding-left: 5em;
}

#body-searchresults .article1cols li {
	padding: 0.5em 0.8em;
	border-bottom: 1px solid #D3E8E5;
}

#body-searchresults .article1cols li.odd {
	background: #E3F1EF url(../images/result_odd_bkgd.gif) repeat-x left top;
}

#body-searchresults .article1cols li.even {
	padding-top: 0.7em;
}

#body-searchresults .article1cols li span {
	font-style: italic;
	color: #777777;
	width: 4.5em;
	float: left;
}

#body-searchresults .article1cols li div a {
	float: right;
}

#body-searchresults .article1cols li a.main_link {
	float: none;
	font-weight: bold;
}

#body-searchresults .article1cols li div.float_return {
	clear: both;
}

#body-searchresults .back_link {
	float: right;
	padding: 0 0.8em;
}

#search_export .info {
	margin-bottom: 1em;
	color: #444444;
}

#search_export input {
	padding-left: 36px;
	border: 0;
	cursor: pointer;
	color: #130B82;
	height: 29px;
	margin-bottom: 4px;
	text-align: left;
	font-size: 100%;
}

#search_export input.excel:hover, #search_export input.csv:hover, #search_export input.avl:hover, #search_export input.kml:hover {
	background-position: bottom left;
}

#search_export input.excel {
	background: transparent url(../images/export_icons/xls.gif) no-repeat;
}

#search_export input.csv {
	background: transparent url(../images/export_icons/csv.gif) no-repeat;
}

#search_export input.avl {
	background: transparent url(../images/export_icons/avl.gif) no-repeat;
}

#search_export input.kml {
	background: transparent url(../images/export_icons/kml.gif) no-repeat;
}

#search_meta, #search_export
{
	padding: 10px 20px;
	width: 210px; 
	border: 1px solid #888888; 
	background: #FFFFFF url(../images/tab_active_bkgd.gif) repeat-x left top;
	color: #065E53;
	margin-bottom: 20px;
}

#search_meta p, #search_export p
{
	font-size: 131%;
	color: #065E53;
	text-align: center;
	margin: 3px 3px 1em;
}

#search_meta ul
{
	color: #444444;
}

#search_meta .criteria_title
{
	font-weight: bold;
	font-size: 116%;
}

#search_meta .buttons
{
	text-align: center;
	margin: 2em 0 1em;
}

#search_meta .buttons a
{
	border-top: 1px solid #0F8677;
	border-left: 1px solid #0F8677;
	border-right: 1px solid #003F37;
	border-bottom: 1px solid #003F37;
	padding: 3px 8px;
	cursor: pointer;
	background-color: #065E53;
	color: #FFFFFF;
	font-size: 116%;
}

#search_meta .buttons a:hover
{
	background-color: #003F37;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-decoration: none;
}

.pagination
{
	text-align: center;
	margin: 1em 0;
	padding-left: 5em;
}

.pagination span
{
	color: #888888;
}

.pagination strong
{
	color: #222222;
	font-size: 116%;
}

/*
 ---------------------------------
 Panel Viewer
 ---------------------------------
*/

#body-panelview {
	padding: 1em;
}

#body-panelview .heading {
	width: 100%;
	overflow: hidden;
}

#body-panelview .heading img {
	float: left;
}

#body-panelview .heading h1 {
	text-align: right;
	margin: 0;
}

#body-panelview div.controls {
	text-align: right;
	margin: 0.5em 0 1em 0;
}

#body-panelview div.controls a {
	margin-left: 0.5em;
	padding: 3px;
	border: 1px solid #fff;
}

#body-panelview div.controls a:hover {
	text-decoration: none;
	color: #000;
	border: 1px dashed #ccc;
}

#body-panelview div.controls a img {
	vertical-align: middle;
}

#body-panelview div.data-block {
	margin-bottom: 1px;	
}

#body-panelview div.title {
	color: #fff;
	background: #0F8677 url(../images/arrow_up.gif) no-repeat center right;
	border-right: 1px solid #0F8677;
	border-bottom: 1px solid #DDDDDD;
	font-size: 140%;
	padding: 0.2em 0.5em;
	font-weight: bold;
	text-align: left;
}

#body-panelview div.title:hover {
	background-color: #065E53;
	cursor: pointer; 
}

#body-panelview div.data-block.closed .title {
	background-image: url(../images/arrow_down.gif);
}

#body-panelview div.title span {
	margin-left: 1em;
	font-size: 80%;
	font-weight: normal;
}

#body-panelview table {
	width: 100%; 
	font-family: Arial, Tahoma, Verdana, sans-serif;
	border: 0;
	border-right: 1px solid #DDDDDD; 
	font-size: 110%;
	border-collapse: collapse;
	empty-cells: show;
}

#body-panelview table td, #body-panelview table tbody th {
	width: 25%;
	padding: 0.2em 0.5em;
	border: 0;
}

#body-panelview table.photos td, #body-panelview table.photos tbody th {
	width: 25%;
}

#body-panelview table.photos td {
	text-align: center;
}

#body-panelview table th, #body-panelview table td {
	text-align: left;
}

#body-panelview table tbody th {
	background-color: #9987BE;
	font-weight: bold;
	border-bottom: 1px solid #DDDDDD;
}

#body-panelview table tbody th.col {
	background-color: #645092;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

#body-panelview table tbody td {
	border-bottom: 1px solid #DDDDDD;
}

#body-panelview table.photos {
	border-right: 0;
}

#body-panelview .map_link {
	float: right;
	margin: 0.3em;
}