/* Body */
#container {
	width:965px;
	margin:0 auto;
}

/* Styles associated with header */

#header {
	width:964px;
	background-image:url(/bluebook/_images/header_mid.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#1F8BE1;
	float:left;
	position: relative;
	z-index: 99;
}

#header_top {
	background-color:#fff;
	background-image:url(/bluebook/_images/header_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:13px;
}

#header_content {
	background-image:url(/bluebook/_images/header_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	width:100%;
}

#header_title {
	margin:0 0 0 30px;
	width: 247px;
	color:#fff;
	float:left;
}

.title {
	font-size:2em;
	font-weight:bold;
	padding:0;
}
#header_title a {
	color:#fff;
	text-decoration:none;
}

#header_title h2 {
	color:#fff;
	font-weight:normal;
	font-size:1.4em;
	line-height:0.7em;
}

#header_links {
	float:right;
	color:#fff;
	margin:0;
	width:275px;
	text-align: left;
}

#signup {
	float:right;
	color:#fff;
margin:30px 0 8px;
	clear:right;
	width:685px;
}

#signup_text {
	font-size:0.8em;
	float:right;
	padding:7px 30px 0 0;
}

#signup_text a {
	color: #fff;
}

#signup_button {
	float:right;
	padding:0 10px 5px 0;
}

#signup_button a {
	display: block;
	min-height: 25px;
	text-decoration: none;
	color: #fff;
	font-size: 0.95em;
	font-weight: bold;
	padding-top: 5px;
}

#signup_button #left {
	width: 13px;
	background-image: url(/bluebook/_images/lozenge-left.gif);
	background-repeat: no-repeat;
	float: left;
	min-height: 30px;
}

#signup_button #mid {
	background-image: url(/bluebook/_images/lozenge-mid.gif);
	background-repeat: repeat-x;
	float: left;
}

#signup_button #right {
	width: 15px;
	background-image: url(/bluebook/_images/lozenge-right.gif);
	background-repeat: no-repeat;
	float: left;
	min-height: 30px;
}

#header_button #left-lg {
	width: 20px;
	background-image: url(/bluebook/_images/lozenge-lg-left.gif);
	background-repeat: no-repeat;
	float: left;
	min-height: 54px;
}

#header_button #mid-lg {
	background-image: url(/bluebook/_images/lozenge-lg-mid.gif);
	background-repeat: repeat-x;
	float: left;
	width:107px;
	padding-top:4px;
	min-height: 50px;
}

#header_button #mid-sm {
	background-image: url(/bluebook/_images/lozenge-lg-mid.gif);
	background-repeat: repeat-x;
	float: left;
	width:87px;
	padding-top:4px;
	min-height: 50px;
}

#header_button #right-lg {
	width: 20px;
	background-image: url(/bluebook/_images/lozenge-lg-right.gif);
	background-repeat: no-repeat;
	float: left;
	padding-right:6px;
	min-height: 54px;
}

#header_button a{
	color:#fff;
	display:block;
	font-size:0.6em;
	text-decoration:none;
}

#header_button span{
	font-weight:bold;
	display:block;
	font-size:1.2em;
	padding-bottom:3px;
}




#header_links a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display: block;
}

#header_links ul {
	padding:0;
	margin:0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#header_links li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	float: left;
	width: auto;
	position: relative;
}

/* drop down menu */
div#header_links ul li ul li {
	text-align: left;
	padding: 0;
}

div#header_links ul li div.hidden {
	display: none;
}

div#header_links ul li:hover div.hidden {
	display: block;
	position: absolute;
	top: 16px;
	left: -1px;
	width: 200px;
	background: transparent url("../dropdown_bg.png") repeat top left;
}

div#header_links ul li:hover ul li {
	float: none;
}

div#header_links ul li ul li a {
	font-size: 1.2em;
	padding: 0.5em 1em;
}

div#header_links ul li:hover ul li a:hover {
	background: #D1DDF1;
	color: #2154A1;
}

/* Styles associated with the popup boxes */
#popup_content {
	padding:5px;
	text-align:left;
	width: 470px;
}

/* Styles associated with the search box*/

#search {
	float:right;
	width:255px;
	margin:0;
}

#additional_criteria label, #search_criteria_submit label {
	font-size:0.7em;
	font-weight:bold;
	color: #3773BA;
}

#search_basic {
	padding:0 5px 5px 5px;
	border-bottom:1px solid #778;
	border-left:1px solid #778;
	border-right:1px solid #778;
	margin-top:-1px;
}

#search_advanced {
	padding:0 5px 5px 5px;
	border-bottom:1px solid #778;
	border-left:1px solid #778;
	border-right:1px solid #778;
	margin-top:-1px;
}


#search_by_name_top {
	background-image:url(/bluebook/_images/box_search_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:13px;
}

#search_by_name {
	padding:5px 15px 5px 15px;
	background-image:url(/bluebook/_images/box_search_mid.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	float:left;
	width:225px;
	background-color:#1F8BE2;
}

#search_by_criteria {
	padding:5px 15px 5px 15px;
	float:left;
	width:223px;
	border-left:1px solid #3773BA;
	border-right:1px solid #3773BA;
}

#search_by_name h2, #search_by_name h3, #search_by_name label {
	color:#fff;
	padding:0;
}

#search_criteria_submit {
	text-align:right;
	padding:5px 0 0 0;
}

.box_rhs_bottom {
	background-image:url(/bluebook/_images/box_rhs_bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:14px;
	float:left;
	width:255px;
}

.box_rhs_top {
	background-image:url(/bluebook/_images/box_rhs_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:15px;
	float:left;
	width:255px;
}

/* Styles associated with the search box (swapping search thing) */ 
#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}


#navlist li a
{
padding: 3px 0.5em;
margin-left: 0px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a.current
{
background: white;
border-bottom: 1px solid white;
}

#navlist li a.uncurrent {
	background: #DDE;
	border-bottom: 1px solid #778;
}



/* Styles associated with the search box (swapping search thing) */ 
#prod_res {
	float:right;
	clear:right;
	width:255px;
	margin:10px 0 0 0;
}

.prod_res_top {
	background-image:url(/bluebook/_images/box_resources_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:16px;
}

.prod_res_content {
	float:left;
	background-color:#D7E3F1;
	border-left:1px #3773BA solid;
	border-right:1px #3773BA solid;
	width:223px;
	padding:0 15px 0 15px;
	color:#3773BA;
}

.prod_res_content h2 {
	padding:0 0 0 0;
}

.prod_res_bottom {
	float:left;
	background-image:url(/bluebook/_images/box_resources_bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:255px;
	height:16px;
}

.liquidhalved {
	min-width:50%; 
	float:left; 
	font-size: 0.7em; 
	white-space: nowrap;
	line-height: 25px;
}

.liquidhalved a {
	color:#3773BA;
	padding:0 0 10px 4px;
	vertical-align:middle;
}

.prod_res_content .liquidhalved {
	font-weight: bold;
}

.prod_res_content .liquidhalved img {
	display: block;
	float: left;
}

.prod_res_content .liquidhalved a {
	text-decoration: none;
	line-height: 25px;
	vertical-align: middle;
	display: block;
	float: left;
	width: 75px;
}

.prod_res_content .liquidhalved a:hover {
	text-decoration: underline;
}

/* Styles associated with the marquee */
#marquee {
	width:699px;
	margin:10px 10px 10px 0;
	float:left;
}

#marquee_links {
	width:680px;
	float:left;
	color: #3773BA;
}

#marquee_links a {
	color: #3773BA;
}

#marquee_title {
	width:220px;
	float:left;
}

#marquee_type {
	width:240px;
	float:left;
	font-size:0.7em;
	padding:3px 0 0 0;
	text-align:right;
}

#marquee_type h2 {
	font-size:2em;
}

#marquee_options {
	width:185px;
	float:right;
	font-size:0.7em;
	padding:3px 0 0 0;
	text-align:right;
}

#marquee_top {
	background-image:url(/bluebook/_images/box_marquee_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:14px;
	width:699px;
	float:left;
}

#marquee_content {
	float:left;
	border-left:1px #3773BA solid;
	border-right:1px #3773BA solid;
	width:687px;
	padding:0 5px 0 5px;
}

#marquee_content h2 {
	padding: 0 0 0 30px;
}

#marquee_bottom {
	background-image:url(/bluebook/_images/box_marquee_bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:14px;
	float:left;
	width:699px;
}

#imageBox {
	position:relative; 
	margin:0 10px 0 0;
	width:400px;
	overflow: hidden; 
	float:left; 
	padding:0px;
}

.scroller_button {
	display:block;
	float:left;
	width:30px;
	margin:15px 0 0 0;
}

.scrollerarrow {
	position: relative;
	top: -7px;
}
	
#imageBoxInside {
	position:relative; 
	width: 10000px;
}

#imageBoxInside img {
	cursor:pointer;
}  

#imageBox img { 
	float: left; 
	margin: 0 5px 0 0;  
	border:1px #999 solid;
}
	
#imageBox br {
	clear: both;
}

#scroller_details {
	float:left;
	width:190px;
	overflow:hidden;
	font-size:0.85em;
}

/* Styles associated with the logo */
#logo {
	float:left;
	width:255px;
	margin:10px 0 23px 0;
	text-align: center;
	padding-top: 13px;
}

#red_alert {
	background-image:url(../_images/alert_home_block.gif);
	background-repeat:no-repeat;
	height:87px;
	float:left;
	width:215px;
	color:#fff;
	margin:10px 0 0px 0;
	text-align: center;
	padding:15px 20px 20px;
}

#press_release{
	float:right;
	clear:right;
	margin:10px 0 0 0;
	width:255px;
}


/* Styles associated with the jukebox */
#jukebox {
	float:right;
	clear:right;
	margin:10px 0 10px 0;
	width:255px;
}

.jukebox_content {
	float:left;
	border-left:1px #3773BA solid;
	border-right:1px #3773BA solid;
	width:223px;
	padding:0 15px 0 15px;
}

.jukebox_content h2 {
	padding:0;
}

/* Styles associated with the content body */

#content {
	margin:0 10px 20px 0;
	float:left; 
	position:relative;
	clear:both;
	width:699px;
}

/* Styles associated with the notice board */
#noticeboard {
	margin:0 10px 20px 0;
	float:left; 
	background-image:url(/bluebook/_images/noticeboard_mid.gif);
	background-position:top left;
	background-repeat:repeat-y;
	overflow:hidden;
	position:relative;
	clear:both;
	width:699px;
	z-index: 1;
}

#noticeboard_top {
	background-color:#fff;
	background-image:url(/bluebook/_images/noticeboard_top.gif);
	width:699px;
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	height:16px;
}

#add_note {
	float:right;
	text-align:left;
	padding:10px 20px 0 0;
}

#unbiased_note {
	float:left;
	text-align:left;
	padding:4px 0 0 23px;
}

#add_note a {
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
}

#noticeboard_content {
	background-image:url(/bluebook/_images/noticeboard_bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	float:left;
	width:680px;
	min-height:575px;
	padding: 0px 0 10px;
}

div#commentary_block{
	background-image:url(/bluebook/_images/commentary_home_block.jpg); 
	width: 612px; 
	min-height:101px; 
	margin: 5px 0 10px 20px; 
	padding: 1px 20px 0 30px;
}

div#commentary_archive{
clear:none;
}


div#commentary_block div.commentary_topic{
	font-size:0.7em;
	line-height: 18px;
}

div#commentary_block div.foot_left{
	float:left; 
	font-size:0.75em; 
	margin: 6px 0;
}




div#commentary_block div.commentary_topic div.commentary_shorttitle{
float:left; width:28%;  font-weight:bold; color:#3773ba;
}

div#commentary_block div.commentary_topic div.commentary_description{
width:72%; float:right;
color:#000;
}

div#commentary_block a{
color:#3773ba !important;
}

div#commentary_block a.qi-title:hover{
text-decoration:none;
}

.postit_noticeboard {
	width:155px;
	float:left;
	height:170px;
	cursor:move;
	padding-left: 15px;
}

.pr_noticeboard {
	width:155px;
	float:left;
	padding:10px 0 0 15px;
	height:160px;
	cursor:move;
}

.postit_profile {
	width:143px;
	position:absolute;
	padding:0 0 0 15px;
	cursor:move;
}

.postit_top {
	background-image:url(/bluebook/_images/postit_top.gif);
	background-position:1px 1px;
	background-repeat:no-repeat;
	height:24px;
	padding:16px 3px 0 0;
	text-align:right;
	font-size:0.7em;
}

.postit_top a {
	color:#666;
}

.postit_top_blue {
	background-image:url(/bluebook/_images/postit_top_blue.gif);
}

.postit_top_pink {
	background-image:url(/bluebook/_images/postit_top_pink.gif);
}

.postit_top_aqua {
	background-image:url(/bluebook/_images/postit_top_aqua.gif);
}

.pr_top {
	background-image:url(/bluebook/_images/pr_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:17px;
	padding:20px 20px 0 0;
	text-align:right;
	font-size:0.7em;
}

.pr_top a {
	color:#666;
}

.postit_mid {
	background-image:url(/bluebook/_images/postit_mid.gif);
	background-position:right top;
	background-repeat:repeat-y;
	padding:0 10px 0 10px;
	height:105px;
	overflow:hidden;
	color:#000;
	font-size: 0.9em;
	margin-left: 9px;
}

.postit_mid_pink {
	background-image:url(/bluebook/_images/postit_mid_pink.gif);
	padding-left:10px;
	padding-right:15px;
	margin-top:0;
	font-size: 0.9em;
	
}

.postit_mid_aqua{
	background-image:url(/bluebook/_images/postit_mid_aqua.gif);
	background-position:right top;
	background-repeat:repeat-y;
	padding:0 10px 0 10px;
	height: 105px;
	overflow:hidden;
	margin-left:9px;
	font-size: 0.9em;
	
}

.pr_mid {
	background-image:url(/bluebook/_images/pr_mid.gif);
	background-position:right top;
	background-repeat:repeat-y;
	padding:0 20px 0 15px;
	height:5em;
	overflow:hidden;
}

.pr_mid a {
	font-size:0.9em;
	text-decoration:none;
	color:#000;
}

.postit_mid a {
	text-decoration:none;
	color:#000;
}

.postit_bottom {
	background-image:url(/bluebook/_images/postit_bottom.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:5px;
	margin-left: 9px;
}

.postit_bottom_pink {
	background-image:url(/bluebook/_images/postit_bottom_pink.gif);
}

.postit_bottom_aqua {
	background-image:url(/bluebook/_images/postit_bottom_aqua.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:5px;
	margin-left: 9px;
}

.pr_bottom {
	background-image:url(/bluebook/_images/pr_bottom.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:27px;
	padding:0 0 0 15px;
}

.pr_bottom a {
	text-decoration:underline;
	font-size:0.7em;
	color:#000;
}

.paper_top {
	background-image:url(/bluebook/_images/paper_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:15px;
	padding:20px 10px 0 13px;
}

/* Styles associated with the intro text */
#intro_text {
	width:964px;
	margin:10px 0 10px 0;
	float:left;
}

#intro_text_top {
	background-image:url(/bluebook/_images/box_intro_text_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:14px;
	width:964px;
	float:left;
}

#intro_text_content {
	float:left;
	border-left:1px #3773BA solid;
	border-right:1px #3773BA solid;
	width:902px;
	padding:0 30px 0 30px;
}

#intro_text_content h2 {
	padding: 0 0 10px 0;
}

#intro_text_bottom {
	background-image:url(/bluebook/_images/box_intro_text_bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:14px;
	float:left;
	width:964px;
}

/* Styles associated with drop down menus */

div.autocomplete {
	position:absolute;
	width:245px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	font-size:0.7em;
}

div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	
}

div.autocomplete ul li.selected { 
	background-color: #336699;
	color:#fff;
}

div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
}

.search_fields {
	width:150px;
}

#currentpage {
	font-weight: bold;
}

.tooltips {
	width:150px;
    background-color:#fff;
  	color:#666;
    border:1px #000000 solid;
    padding:5px;
	font-size:0.7em;
}

.tooltips_header {
	width:0px;
    display:none;
}

.tooltips_name {
	width:75px;
    background-color:#fff;
  	color:#666;
    border:1px #000000 solid;
    padding:5px;
	font-size:0.7em;
}

.info_tooltip {
	vertical-align:middle;
}

.fauxLink {
	text-decoration: none;
	color: #000;
}



#profile-links-container{
	padding-top:5px;
	float: left; width: 135px;
}




ul#profile-links{
padding:0;
}

#profile-links li
{
list-style: none;
margin: 0;
text-align: left;
}

#profile-links li#addremove {
	background-image: url(../_images/add-to-fav.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}
	
	
#profile-links li#addanote{
	background-image: url(../_images/add-a-note.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}
	
#profile-links li#emailmyfav{
	background-image: url(../_images/email-my-favourites.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}	
	
#profile-links li#downloadmifadb{
	background-image: url(../_images/download_mifadb.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}		
	
#profile-links li a{
	display:block;
	line-height:22px;
	padding:0.5em 0 0em 2.4em;
}


#email_favourites,#email_product {
	padding:0 10px 10px 10px;
	border-bottom:1px solid #778;
	border-left:1px solid #778;
	border-right:1px solid #778;
	margin-top:-1px;
	width:237px;
}

ul.largetabul{
padding:7px 0 !important;
}

ul.largetabul li{
	font-size:0.9em;
}

ul.largetabul a
{
padding:7px 1em !important;
}


div.form-block {
	float:left;
	padding:0 0 15px;
}

div.form-block div{
	font-size:0.8em;
}


div.form-block p {
padding:0 0 5px !important; 
font-weight:bold;
}

div.form-block span.description{
	font-weight:normal;
}

div.halfwidth {
	width:260px;
}

div.fullwidth {
width:500px;
}

div#form-container {
float:left;
margin:15px 0 0;
width:500px;
}

div#form-container-wide{
float:left;
margin:15px 0 0;
width:600px;
}

form#vote input {
font-size:0.8em;
}


.error{
	background-color:#fbebeb;
}

div#error_msg{
	clear:both;
	background-color:#f9dbdb;
	padding:5px;
	width:470px;
	border:1px solid #d93939;
	color:#d93939;
	font-size:0.8em;
}



div.info_box, div.info_box_lg{
float:left;
	color:#FFF;
	font-size:0.7em;
	height:49px;
	padding-top:6px;
	text-align:center;
	padding-right:10px;
	width:195px;
}

div.info_box{
	background-image:url(../_images/alert_box.gif);
	background-repeat:no-repeat;
}

div.info_box_lg{
	background-image:url(../_images/alert_box_lg.gif);
	width:316px;
}

div.info_box a,div.info_box_lg a,#red_alert  a{
color:#fff;
}

#red_alert  a{
color:#fff;
font-weight:bold;
}

form#vote input.smallWidth{
width:150px;
}

/* Profile Media IFA Awards Badge */
div#ifadetails div.award-badge{
	width:315px; 
	float:left; 
	margin:10px 0 0 30px
}