@import "layout.css";
@import "form.css";

/*-------------------------*//*global text styles & classes *//*-------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

/*define basic elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

*{
	margin:0;
	padding:0;
}

html{
	background:#000 url(../images/bg_html.jpg) center top no-repeat;
	height:100%;
	font-size: 100%; /* nice text resizing in IE */
}

body{
	font:normal 0.6875em/1 Verdana, lucida,"lucida-sans unicode",sans-serif;
	color:#333;
}

/*headings*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3, h4, h5{
	font-family:verdana,sans-serif;
	font-weight:normal;
	margin:0 0 10px;
}

h1, h2{
	font: bold 2.1em/1.3 Arial, Helvetica, sans-serif;
	color: #000424;
	border-bottom: 5px solid #deecf5;
	padding: 0 0 10px 10px;
	margin:0 0 10px -10px;
	line-height:1.4;
}

h1 span, h2 span{
	font-size:.6em;
	display:inline;
}

h1 span.unconfirmed{
  color:#999;
  padding:0;
}


h3, h4{
	font-weight:bold;
	color:#555;
	font-size:1.3em;
}

h5{
	font-weight:bold;
	color:#555;
	font-size:1.5em;
}

h2.details, h2.details span {
	color: #444;
	font-size: 1em;
	font-weight: normal;
	border: 0;
	margin: 0 0 10px;
	padding: 0;
}

h3{
	font-weight:normal;
	color:Gray;
	font-size:1.0em;
}
h3 a:link, h3 a:visited{
	color:Gray;
	background:none;
	font-weight:normal;
	text-decoration:none;
}
h3 a:hover{
	color:Gray;
	background:none;
	font-weight:normal;
	text-decoration:none;
}

/*paragraphs etc*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

p{
	margin:0 0 10px;
	line-height:1.6;
	color:#444;
}

.name { font-weight: bold; }

.meta {
	color: #9b9b9b;
	font-size: .82em;
}

address{
	font:normal 1em/1.5 verdana, arial, sans-serif;
	margin:0 0 10px 10px;
}

em {
	color:#31aed3;
	font-weight:bold;
}

.flash {
	margin:0 0 0 -10px;	
	zoom: 1;
}

.flash p{
	padding:7px 7px 7px 30px;
	margin: 0 0 10px;
	line-height: normal;
	font-weight: bold;
}

.error p{
	background: #f33 url(../images/error.gif) 0 0 no-repeat;
	color:#fff;
}

.notice p{
	background: #67cb33 url(../images/success.gif) 0 0 no-repeat;
	color:#fff;
}

/*list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

ol, ul{
	margin:0 0 10px 30px;	
	clear:both;
}

li{
	line-height:1.5;
	margin: 0 0 10px;
}

ul.inline {
	float:left;
	list-style:none;
	margin:0;
	width:100%;
}

ul.inline h4 {
	margin:0 0 5px;
}

ul.inline img {
	border:5px solid #deecf5;
}

*HTML ul.inline {
	padding-bottom:10px;
}

ul.inline li {
	float:left;
	margin-left:5px;
	width:118px;
  display:inline;
}

ul.inline li.row_leader {
	margin-left: 0;
	clear: left;
}



.inline_divs {
	overflow:hidden;
	margin:0;
	width:100%;
}

.inline_divs h4 {
	margin:0 0 5px;
}

.inline_divs img {
	border:5px solid #deecf5;
	margin-bottom:5px;
}

.inline_divs div.details {
	float:left;
	margin-left:5px;
	width:118px;
  display:inline;
  overflow:hidden;
  margin-right:-2px; /*fix duplicate characters bug*/
  line-height:1.2;
}

.inline_divs div.row_leader{
  margin-left:0;
}






ul.col_5 li {
	width: 115px;
}

ul.asterisk {
	list-style:none;
	margin:0
}

ul.asterisk li {
	list-style:none;
	padding-left:15px;
	background:url(../images/asterisk.gif) left 5px no-repeat;
}

ul.asterisk li span {
	color:#666;
}

ul.asterisk li a {
	font-weight:bold;
	color:#010528;
}


ul.asterisk li a:link, ul.asterisk li a:visited{
	color:Gray;
	background:none;
	font-weight:normal;
	text-decoration:none;
}
ul.asterisk li a:hover{
	color:Gray;
	background:none;
	font-weight:normal;
	text-decoration:none;
}

/*definition list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

dl{
	padding-bottom:10px;
}

dl.vital_statistics{
  padding-bottom:20px;
}

dl.vital_statistics dt{
	width:130px;
}

dt{
	clear:left;
	float:left;
	width:100px;
	font-weight:bold;
	margin-bottom:5px;
}
	
dd{
	margin: 0 0 5px 100px;
}

/*link styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

a img{
	border:none;
}

a:link, a:visited{
	color:#3eb3d6;
	text-decoration:none;
}

a:focus, a:hover{
	color:#39C;
}

a:active{
	
}

.skip{
	position:absolute;
	left:-9999px;
}

a.greylink, a.greylink:link, a.greylink:visited{
	color:#666;
}

a.pinkbg{
	background:#F09;
}

a.spot {
	background:#F09;
}

a.spot:hover {
	background:#C09;
}

div.bluerule {
	border-color:#bcdbf0;
}

a.feed, a.feed:link, a.feed:visited{
	color:#666;
	padding:5px 0 0 20px;
	display:block;
	background:url(../images/rss.gif) left 50% no-repeat;
	margin-bottom:10px;
}

a.see_more {
  margin-top: 5px;
  font-weight: bold;
}


/*image replacement*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
.replace{ 
	position: relative;
	/*hide overflow:hidden from IE5/Mac */ 
	/*\*/ 
	overflow:hidden;
	 /**/
} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

a.replace span{
	cursor:pointer;
}

/*bug workarounds */
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/*Hides from IE-mac \*/*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac */

/*general custom classes*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.advert {
  margin: 0 0 10px;
}

#content_main .advert {
  margin: 10px auto;
  width: 468px;
  padding-top:10px;
}

#content_main #content_categories .advert {
  width: auto;
}

p.pageheader, h1.pageheader{
	font: bold 1.85em/1.3 Arial, Helvetica, sans-serif;
	margin:0 0 10px -10px;
	color:#FFF;
	background:#000525;
	border:0;
	padding:10px;
}

.rule_above {
	border-top:1px solid #deecf5;
	padding-top:10px;
}

.dotrule{
	height:1px; 
	font-size:1px;
	background:url(../images/dot.gif) repeat-x; 
	clear:both;
	margin:10px 0;
}

.hrule{
	border-top:1px solid #deecf5;
	margin:10px 0;
	text-align: center;
}

.hrule hr {
	display: none;
}
	
.right{
	float:right;
	width:48%;
}

.left{
	float:left;
	width:48%;
}

.thumb{
}

.thumb.left{
	margin:0 15px 15px 0;
}

.thumb.right{
	margin:0 0 15px 15px;
}

.clear{
	clear:both;
}

.fatborder{
	border:5px solid #deecf5;
	margin: 0 0 10px -10px;
	_position: relative; _zoom: 1; /* :hack: fix clipping in IE6 */
}

.smallprint{
	font-size:.85em;
}

.bold{
	font-weight:bold;
}

.normal, p.normal{
	font-weight:normal;
}

.question, p.question, h5.question{
	font-weight:bold;
	color:#000525;
	border-top:1px solid #deecf5;
	padding:20px 0 10px;
	margin-top:10px;
}

.border{
	border:5px solid #DEECF5;
}

.noborder, p.noborder, h5.noborder, ul.item_list li.noborder{
	border:0;
}

.intro p {
	background: #ecf6f7;
	border: solid #d4e6ea;
	border-width: 1px 0;
	color: #113952;
	margin: 0;
	padding: 5px 10px 6px;
	font-weight: bold;
	line-height: 1;
	zoom: 1;
}
.intro p:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

.intro p span {
	float: left;
}

.intro p a {
	font-weight: normal;
	text-transform: uppercase;
	float: right;
}

.intro ul {
	background: #f4f9fc;
	border-bottom: 1px solid #d4e6ea;
	padding: 10px 0;
	margin: 0;
	list-style: none;
	zoom: 1;
}
.intro ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

.intro li {
	float: left;
	border-left: 1px solid #d4e6ea;
	width: 206px;
	margin: 0;
}

.intro li.options_search { border-left: 0; }
.intro li.options_share { width: 216px; }
.intro li.options_win { width: 196px; }

ul.options { margin-bottom: 10px; }

#content .intro li a {
	display: block;
	padding: 16px 5px 11px 70px;
	text-transform: capitalize;
	font-weight: normal;
	color: #333;
	background-repeat: no-repeat;
	background-position: 10px 0;
}

#content .intro li.options_search a { background-image: url(../images/bg_options_search.gif); padding-left: 80px; }
#content .intro li.options_share a { background-image: url(../images/bg_options_share.gif); }
#content .intro li.options_win a { background-image: url(../images/bg_options_win.gif); }

.intro li a span {
	display: block;
	text-transform: uppercase;
	color: #094673;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0 3px;
	padding-right: 12px;
}

#content .intro li a img {
	float: none;
	margin: 0;
	border: 0;
}

.blue{
	color:#39C;
}

.pink{
	color:#F09!important;
}


.running_head{
	background: #deecf5 url(../images/bg_running_head.gif) bottom left no-repeat;
	padding:7px 0 18px 10px;
	font-weight: bold;
	font-size: 1em;
	color:#04142e;
	margin:0 0 5px;
}

span.running_head{
	display:block;
}

span.running_head_plain{
	background:#deecf5;
	padding:10px;
	font-weight: bold;
	font-size: 1em;
	color:#04142e;
	margin:0;
	display:block;
/*  overflow:hidden;*/
}

span.running_head_plain a:link, span.running_head_plain a:visited{
	font-weight:normal;
	color:#08a4d3;
/*  margin-left:10px;*/
}

span.running_head_plain dl{
  margin:0;
  padding:0;
  overflow:hidden;
}

span.running_head_plain dd, span.running_head_plain dt{
  float:left;
  margin:0;
  width:auto;
  margin-left:5px;
  line-height:1.2;
}

.no

.nomargin{
	margin:0;
}

.margin_above{
	margin-top:10px;
	clear: both;
}

.margin_bottom{
	margin-bottom:10px;
}

.margin_plus, div.margin_plus{
	margin-left:10px;
	margin-right:0;
}

.object_list.spots a:link.affiliate_link,.object_list.spots a:visited.affiliate_link{
  color:#9CC426;
}


a.affiliate_link {
  color: #9cc426;
  font-weight: bold;
  font-size: 0.91em;
}


/* pagination */
.pagination {
	clear: both;
	zoom: 1; }
div.pagination{
	padding:10px 0;
}
.pagination:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.pagination a, .pagination span {
	padding: .3em .6em;
	display: block;
	float: left;
	margin-right: 1px;
	font-weight:normal;
}
.pagination span.disabled {
	display: none;
}
.pagination span.current {
	background: #2caad0;
	color: white;
}

/** Freebase **/

#freebase_accreditation {
  font-size: x-small;
  padding:0 0 20px 0;
}

#freebase_accreditation a, #freebase_accreditation a:link {
  color: inherit;
}

#freebase_accreditation a:hover {
  color: #0cf;
}

#freebase_accreditation img {
  vertical-align: middle;
  margin-right: 0.8em; 
}

img.extra_image {
  display: none;
}