@import url(structure.css);
@import url(utilities.css);

/* ################ DEFAULT FORMATTING ################ */

/* ========== LINKS ========== */
a:link,
a:visited {
	font-family: inherit;
	font-size: inherit;
	text-decoration: none;
}

a:link {
	color: #069;
}

a:visited {}

a:link:hover,
a:visited:hover,
a:link:hover *,
a:visited:hover * {
	color: #9C6;
}

a:link:active,
a:visited:active {}


/* ========== OTHER ELEMENTS ========== */

/* Any overall settings. Recommend font-family and line-height */
* {}

/* Set overall font and line-height */
h1, h2, h3, h4, h5, h6,
p, blockquote, address,
li, dt, dd,
legend, label, option,
th, td, caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
}

/* Set general left and right margins */
h1, h2, h3, h4, h5, h6,
p, blockquote, address,
ul, ol, dl,
form, table {
	margin-left: 0;
	margin-right: 0;
}

/* General header top and bottom margins */
h1, h2, h3, h4, h5 {
/* 	margin-top: 1em; */
/* 	margin-bottom: 0; */
}

/* General content and container element top and bottom margins */
h6, p, blockquote, address,
ul, ol, dl,
form, table, object {
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 18px;
}

/* General header styling */
h1, h2, h3, h4, h5, legend {}

/* General content styling */
p, blockquote, address,
li, dt, dd,
label,
th, td, caption {}

/* Form field styling */
select, option, optgroup,
input, button, textarea {
	vertical-align: middle;
}

/* ========== BLOCK LEVEL AND CORE CONTENT ELEMENTS ========== */

h1 {
	margin-top: 0;
	line-height: 1.0;
}

h2 {
	color: #00133E;
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 6px;
}

h3 {
	margin-top: 16px;
	margin-bottom: 2px;
	font-size: 18px;
	font-weight: normal;
}

h4 {
	font-size: 10px;
	margin-top: 18px;
}

h5 {}

h6 {
	float: left;
	margin: 0;
}

p {
	font-size: 12px;
}

blockquote,
blockquote * {}

address { font-style: normal; }

img {
	border: 0;
	display: block;
}

pre {
	margin: 1em 15px;
	padding: 15px;
	color: #333;
	border: 1px solid #333;
	background-color: #CCC;
}

/* ========== LISTS ========== */

ul, ol, dl {}

ul {}

ol { margin-left: 30px; }

li {}

ul ul {}

ol ol {}

ul li { list-style-type: none; }

ol li {}

dl {}

dt {}

dd {}


/* ========== FORMS ========== */

form {}

fieldset {
	padding: 10px;
	background-color: #E6EBF2;
}

legend {
	font-size: 14px;
	font-weight: bold;
/* 	position: relative; */
/* 	top: -2em; */
}

label {}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {}

input[type="checkbox"],
input[type="radio"] {}

input[type="text"],
input[type="password"],
input[type="file"],
textarea {}

textarea {}

button {}

button.button {
	background-color: #104F8D;
	background-image: url(../images/bg_go_btn.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	border: 1px solid #0B4C8B;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFF;
	line-height: 14px;
}

button.button:active {
	background-image: url(../images/bg_go_btn_active.jpg);
	padding-left: 16px;
	padding-right: 14px;
}

input {}

select {}

optgroup {}

option {}


/* ========== TABLES ========== */

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #C1C1C1;
	width: 100%;
}

tr {}

tr.odd { background-color: #FFF6E0; }
tr.even { background-color: #FFF; }

th, td {
	padding: 5px 10px;
}

th {
	color: #555;
}

td {}

caption {}

thead {}
tbody {}
tfoot {}

thead tr {
	background-color: #D5E1ED;
	border-bottom: 3px solid #AFCCE5;
}

tbody tr {
	border-bottom: 1px solid #C1C1C1;
}

tfoot tr {
	border-top: 3px solid #C1C1C1;
}

/* ========== INLINE/PHRASE ELEMENTS ========== */

/* Make sure left and right margins for inline elements are always disabled */
del, ins,
sup, sub, big, small,
em, strong, code, dfn, kbd, samp, var, q, cite, abbr, acronym,
a {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/*
 	IE/WIn does not support automatic quoting of q tag.
	Must add quote entities manually OUTSIDE of the <q> tags.
*/
q:before,
q:after {
	content: "";
}

html>body abbr[title],
* html abbr {
	border: 0;
	cursor: help;
	font-style: normal;
}

q {}
cite {}
em {}
strong {}
sup {}
sub {}
del {}
ins {}
code {}
dfn {}
kbd {}
samp {}
var {}
big {}
small {}

/* ################ GENERAL STYLE OVERRIDES ################ */

/* Zeroes out left and right margins of nested elements so parent element will control them */
p *,
li *,
blockquote *,
/* form *, */
fieldset * {
	margin-right: 0;
	margin-left: 0;
}

/* Sets all nested lists to not repeat any large left margin the top-level list has */
li ul, li ol {
	margin-left: 15px;
}

.floathead li,
fieldset li {
	list-style-type: none;
	clear: both;
	line-height: 30px;
}

fieldset .floathead li label,
fieldset .floathead li span,
fieldset li label,
fieldset li span {
	line-height: 30px;
	float: left;
	display: inline;
	width: 100px;
}

fieldset li textarea {
    margin-top: 8px;
}

fieldset li label span { float: none; }

fieldset li table {
	border: none;
	width: auto;
	margin-top: 7px;
}

fieldset li table tr {
	border: none;
}

fieldset li table td {
	padding: 0;
}

fieldset li table input {
	vertical-align: middle;
}

fieldset li table label,
fieldset li table span {
	vertical-align: middle;
	margin-left: 5px;
	line-height: 18px;
	float: none;
}

/* ################ PAGE SECTION REDEFINITIONS ################ */

#header h1 a {
	display: block;
	text-indent: -9999px;
	width: 179px;
	height: 62px;
	background-image: url(../images/logo_finball.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#header #logo p {
	margin-top: -18px;
	margin-left: 110px;
}

#section_nav li,
#section_nav a {
	float: left;
	display: inline;
	width: 35px;
	height: 36px;
}

#section_nav li {
	margin: 0 10px;
	text-indent: -9999px;
}

#section_nav a {
	background-position: center center;
	background-repeat: no-repeat;
}

#section_nav a#ecity_link { background-image: url(../images/icn_ecity.gif); }
#section_nav a#market_link { background-image: url(../images/icn_market.gif); }
#section_nav a#ibid_link { background-image: url(../images/icn_ibid.gif); }
#section_nav a#zone_link { background-image: url(../images/icn_zone.gif); }

#section_nav ul li {
	line-height: 77px;
}

#control_strip {
	background-color: #EFEFEF;
	border-bottom: 1px solid #DEDEDE;
	height: 24px;
}

#control_strip ul {
	display: inline;
	margin-bottom: 0;
}

#control_strip li {
    float: left;
    display: inline;
    margin-right: 5px;
    padding-right: 5px;
	line-height: 24px;
	color: #666;
	font-size: 10px;
}

#control_strip ul#user_details {
	float: left;
	margin-left: 10px;
}
#control_strip ul#user_details li#username { font-weight: bold; }

#control_strip ul#account_controls {
	float: right;
	margin-right: 10px;
}

#control_strip ul#account_controls a:link,
#control_strip ul#account_controls a:visited {
	color: #666;
	font-weight: bold;
}

#control_strip ul#account_controls a:link:hover,
#control_strip ul#account_controls a:visited:hover {
	text-decoration: underline;
}


#search {
	clear: left;
	margin-left: 10px;
	margin-top: 18px;
}

#search form { margin: 0; }

#search fieldset {
	border: none;
	float: left;
	display: inline;
	line-height: 24px;
	padding-bottom: 18px;
	background-color: transparent;
	padding: 0;
}

#search label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	margin-right: 10px;
}

#search .text {
/* 	width: 325px; */	/* Without "beta" */
	width: 290px;
	border: 1px solid;
	border-color: #535353 #C1C1C1 #C1C1C1 #535353;
	margin-right: 10px;
}

#search #settings_nav ul { margin: -3px 0 0 0; }

#search #settings_nav li { line-height: 12px; }

#settings_nav a:link,
#settings_nav a:visited {
	font-size: 9px;
}


.column_right #search fieldset { padding: 5px 0; }

.column_right #search .text {
	width: 150px;
}

#breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom: 1px dotted #000;
	line-height: 30px;
	padding-left: 10px;
}

#breadcrumbs span span {
	margin-right: 7px;
}

#breadcrumbs ul li {
	float: left;
	display: inline;
	margin-right: 9px;
	padding-right: 15px;
	font-size: 9px;
	font-weight: bold;
	color: #999;
/* 	background-image: url(../images/blt_crumbs.gif); */
	background-position: center right;
	background-repeat: no-repeat;
}

#breadcrumbs ul li.last {
	background-image: none;
}

#breadcrumbs ul li a {
	font-weight: normal;
	color: #069;
}

#main_nav h2,
#main_nav ul li {
	line-height: 26px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#main_nav div:active, #main_nav * { outline: none; }

#main_nav h2 {
	background-color: #69C;
	font-size: 14px;
	color: #FFF;
	margin: 0;
	padding: 0 10px;
}

#main_nav ul {
	margin: 0;
}

#main_nav ul li,
#main_nav div div {
	border-top: 1px solid #EEF0F0;
	font-size: 12px;
}

#main_nav div div ul {
	border-bottom: 1px solid #CCC;
}

#main_nav div a:link,
#main_nav div a:visited,
#main_nav li a:link,
#main_nav li a:visited {
	padding: 0 10px;
	color: #666;
	line-height: 26px;
	display: block;
}

#main_nav div div li a:link,
#main_nav div div li a:visited {
	padding: 0 20px;
}

#main_nav a.current,
#main_nav div a:link:hover,
#main_nav div a:visited:hover,
#main_nav li a:link:hover,
#main_nav li a:visited:hover {
	background-color: #036;
	color: #FFF;
}

/* #main_nav div a:link:active,
#main_nav div a:visited:active,
#main_nav li a:link:active,
#main_nav li a:visited:active {
	outline: none;
	background-color: #FC3;
	color: #036;
}
 */
#body h1 {
	margin-top: 18px;
	margin-bottom: 18px;
	font-size: 18px;
}

#footer .nav li {
    display: inline;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #036;
}

#footer p {
	font-size: 9px;
	clear: both;
}


/* ################ PAGE "WIDGETS" ################ */

/* ========== SEARCH ENGINE GROUP ========== */

div.search_engine {
	clear: both;
	margin: 18px 0;
}

div.search_engine div.results,
div.search_engine div.advertisements {
	float: left;
	display: inline;
}

/* ------ RESULTS ------ */
div.search_engine div.results {
/* 	width: 685px; */
	width: 65%;
	overflow: hidden;
	border-right: 1px solid #BDD6EA;
	margin-bottom: 18px;
	margin-left: 15px;
}

div.search_engine div.engine_banner {
	padding: 5px 15px 9px 15px;
	/*background-color: #D6E1ED;*/
	color: #254C86;
	border-bottom: 3px solid #B1CCE4;
	border-top: 1px solid #B1CCE4;
	height: 1em;
}

div.search_engine div.engine_banner h2,
div.search_engine div.engine_banner p {
	float: left;
	display: inline;
	line-height: 18px;
}

div.search_engine div.engine_banner h2.engine_title {
	font-size: 18px;
	border-right: 2px solid #0B4C8B;
	padding-right: 10px;
	margin: 0 10px 0 0;
}

div.search_engine div.engine_banner p.result_summary {
	line-height: 20px;
	color: #0B4C8B;
}

div.search_engine div.engine_banner p.result_summary span.query { font-weight: bold; color: #000; }
div.search_engine div.engine_banner p.result_summary span.search_time { color: #000; }

div.search_engine h3,
div.search_engine h4 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
}

div.search_engine h3 {
	font-size: 17.5px;
}

div.search_engine h4 {
	font-size: 12px;
}

div.search_engine p {
	color: #000;
	margin-bottom: 0;
	font-size: 12px;
	font-family: Arial, sans-serif;
}

div.search_engine div.results h3,
div.search_engine div.results p {
	margin-right: 100px;
}

div.search_engine h3 a:link,
div.search_engine h3 a:visited,
div.search_engine h4 a:link,
div.search_engine h4 a:visited {
	color: #0B4C8B;
}

div.search_engine p.result_url a:link,
div.search_engine p.result_url a:visited {
	color: Green;
	/*text-decoration: underline;*/
}


div.search_engine p.result_url a:link:hover,
div.search_engine p.result_url a:visited:hover {
	text-decoration: underline;
}

div.search_engine a:link:hover,
div.search_engine a:visited:hover {
	color: #8CC3F8;
}


/* ------ ADVERTISEMENTS ------ */
div.search_engine div.advertisements {
/* 	width: 234px; */
	width: 30%;
	margin-left: 10px;
}

div.search_engine div.advertisements h3 {
	color: #000;
	font-size: 11px;
}

div.search_engine div.advertisements h4,
div.search_engine div.advertisements p {
	line-height: 14px;
}

div.search_engine div.advertisements p {
	font-size: 10px;
	color: #999;
}


/* ========== PAGER ========== */
div.pager {
	clear: both;
	position: relative;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #FFF8E6;
	border: 1px solid #CCC;
	height: 24px;
	margin-top: 18px;
	text-align: center;
}

div.pager ul {
	width: 320px;
	margin: 0 auto;
	position: static;	/* IE6 fix */
}

div.pager ul li {
	display: inline;
	text-align: center;
}

div.pager ul li a {
	float: left;
	display: inline;
	line-height: 24px;
	width: 24px;
	height: 24px;
	border: 1px solid #CCC;
	background-color: #EEE;
	margin: 0 3px !important;
	
}

div.pager ul li.first_page,
div.pager ul li.last_page,
div.pager ul li.previous_page,
div.pager ul li.next_page {
	position: absolute;
}

div.pager ul li.first_page { right: 85%; }
div.pager ul li.last_page { left: 85%; }
div.pager ul li.previous_page { right: 75%; }
div.pager ul li.next_page { left: 75%; }

div.pager ul li.first_page a,
div.pager ul li.last_page a,
div.pager ul li.previous_page a,
div.pager ul li.next_page a {
	width: auto;
	padding: 0 0.75em;
}

div.pager ul li a:link:hover,
div.pager ul li a:visited:hover,
div.pager ul li a.current_page {
	background-color: #036;
	color: #FFF;
}

/* div.pager ul li a:link:active,
div.pager ul li a:visited:active {
	background-color: #FC3;
	color: #036;
}
 */
/* ========== SYSTEM MESSAGES ========== */

ul.infopanel,
ul.errorpanel {
	border: 1px solid;
	margin-top: 18px;
	margin-bottom: 18px;
	padding: 10px;
}

ul.errorpanel {
	color: #900;
	border-color: #900;
	background-color: #FF9D9D;
}

ul.infopanel {
	color: #063;
	border-color: #063;
	background-color: #84DD84;
}

/* ========== HOME PAGE FEED ========== */

#homepage_feed ol {
	margin-left: 15px;
}

#homepage_feed li {
	list-style-type: none;
	border: 1px solid #8CB5EF;
	padding: 10px;
	margin: 0 0 10px 0;
	background-color: #D5E0EF;
}

#homepage_feed li a.profile_img_link {
	display: block;
	float: left;
	margin: 0 1em 10px 0 !important;
	border: 1px solid #8CB5EF;
}

#homepage_feed h3 {
	margin-top: 0;
	font-size: 10px;
	font-weight: bold !important;
}

h3.feed_title {
	text-align:center;
}
#homepage_feed li p {
	margin-bottom: 0;
	font-size: 8px;
}
/* ################ PAGE SPECIFIC OVERRIDES ################ */

/* ========== HOMEPAGE ========== */

#home h1 {
	margin-left: 0;
}

#home #globe img {
	text-align: center;
	margin: 0 auto 80px auto;
}

#home #content form { margin: 0 15px; }

#home #search fieldset {
	padding-bottom: 10px;
}

#home #section_nav li,
#home #section_nav a {
	width: 38px;
	height: 51px;
}

#home #section_nav a#ecity_link { background-image: url(../images/icn_ecity_text.gif); }
#home #section_nav a#market_link { background-image: url(../images/icn_market_text.gif); }
#home #section_nav a#ibid_link { background-image: url(../images/icn_ibid_text.gif); }
#home #section_nav a#zone_link { background-image: url(../images/icn_zone_text.gif); }

/* ========== SERP ========== */


/* ========== BACKEND PAGES ========== */

#backend #control_strip ul#user_details,
#market #control_strip ul#user_details {
	margin-left: 240px;
}

#backend #breadcrumbs {
	padding-left: 0;
}

/* ========== GENERAL OTHER PAGES ========== */

#general #body h1 { margin-left: 10px; }

/* ################ CUSTOM CLASS ################ */

.clear { clear: both; }

#body fieldset {
	padding-left: 15px;
}

#body fieldset.controls {
	border: none;
	padding-left: 115px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: transparent;
}

#body fieldset.feed_controls {
	padding-left: 0;
}

#body #search fieldset {
	padding-left: 0;
	margin: 0;
}

table .click_details,
table .speed_details {
	text-align: right;
}

/* table .click_details { width: 100px; } */
/* table .speed_details { width: 100px; } */

fieldset .wide_label li label,
fieldset .wide_label li span {
	width: 200px;
}

fieldset .wide_label li table label,
fieldset .wide_label li table span {
	width: auto;
	float: none;
}

fieldset.wide_label {
	padding-left: 215px !important;
}

.required { color: #C00; }
span.required { margin-right: 3px; }

li.dotnetspankluge span {
	float: none;
	width: auto;
}

div.ajax__slider_h_rail {
    float: right;
    display: inline;
    margin-top: -24px;
}

h3.report_results {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 18px;
}

div#message p {
	font-size: 10px;
}