/* Imports
------------------------------------------------------------------------------*/
@import url('reset.css');
@import url('screen_template_1.css');
@import url('screen_template_2.css');
@import url('screen_template_3.css');
@import url('screen_template_4.css');
@import url('screen_template_5.css'); /* Based on template 3, with template 2's top-left pictures */
/*----------------------------------------------------------------------------*/


/* General
------------------------------------------------------------------------------*/
* {
	background-repeat: no-repeat;
}

body {
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-image: url('bg_main.png');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div#wrapper {
	/*margin: 0 auto 0 auto;*/
	margin: 0 auto 0px auto;
	width: 970px;
	min-height: 684px;
	background-image: url('bg_overlay.png');
}
* html div#wrapper { height: 684px; } /* IE 6 min-height */

div#main_content {
	margin: 0 0 50px 15px;
	padding: 122px 0 0 0;
}

* html div#main_content {
	margin: 0 0 0 15px;
}

div#main_logo {
left:-33px;
margin:0 0 0 25px;
position:absolute;
top:-57px;
}
div#main_logo a {
display:block;
height:55px;
width:360px;
	 
}
div#main_logo span {
	display: none;
}

a {
	color: #000;
}
strong {
	font-weight: bold;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 15px;
}

ul {
	font-size: 120%;
	list-style: disc;
	margin: 0 0 15px 40px;
}

ol {
	font-size: 120%;
	list-style: decimal;
	margin: 0 0 15px 40px;
}

ul li, ol li {
	padding: 0 0 5px 0;
}


a.add {
	padding: 0 0 5px 20px;
	margin: 0 0 5px 0;
	text-decoration: underline;
}
a.add { background-image: url('icon_plus.png'); }


/*----------------------------------------------------------------------------*/


/* Buttons
------------------------------------------------------------------------------*/
a.button { display: block; }
a.button span { display: none; }

a.button.register {
	width: 150px;
	height: 32px;
	margin: 0 0 10px 8px;
	background-image: url('bt_register.png');
}

a.button.wizard {
	width: 132px;
	height: 32px;
	margin: 0 0 10px 0;
	background-image: url('bt_phone_wizard.png');
}

a.button.signup {
	width: 132px;
	height: 32px;
	margin: 0 0 10px 0;
	background-image: url('bt_sign_up.png');
}

a.button.mobiles4everyone1 {
	width: 132px;
	height: 52px;
	background-image: url('bt_mobiles4everyone2.png');
}

a.button.mobiles4everyone2 {
	width: 142px;
	height: 28px;
	background-image: url('bt_mobiles4everyone1.png');
}

a.button.buy_now {
	width: 142px;
	height: 42px;
	background-image: url('bt_see_retailers.png');
}

p.dont_buy_now {
	width: 142px;
	height: 42px;
}

a.button.rate_this_phone {
	width: 142px;
	height: 42px;
	background-image: url('bt_rate_this_phone.png');
}

a.button.read_full_review {
	width: 202px;
	height: 42px;
	background-image: url('bt_read_full_review.png');
}

a.button.launch_help {
	width: 162px;
	height: 42px;
	background-image: url('bt_launch_help.png');
}
/*----------------------------------------------------------------------------*/


/* Content Box: General
------------------------------------------------------------------------------*/
div.content_box h1 {
	height: 22px;
	padding: 10px 0 0 10px;
	margin: 0 0 12px; 0;
	font-size: 140%;
	color: #fff;
	background-position: 15px 10px;
}

div.content_box h2 {
	font-weight: bold;
}

div.content_box h2,
div.content_box p,
div.content_box div#paypal_donation {
	font-size: 120%;
	line-height: 130%;
	margin: 0 20px 10px 20px;
}

* html div.content_box p { margin-bottom: 9px; }
*:first-child+html div.content_box p { margin-bottom: 9px; }

div.content_box h1.medal { background-image: url('h_icon_medal.png'); }
div.content_box h1.magnifier { background-image: url('h_icon_magnifier.png'); }
 
div.content_box h1.newspaper { background-image: url('h_icon_newspaper.png'); }
 
div.content_box h1.page_edit { background-image: url('h_icon_medal.png'); }
div.content_box h1.question_mark { background-image: url('h_icon_medal.png'); }   
/*----------------------------------------------------------------------------*/


/* Breadcrumbs
------------------------------------------------------------------------------*/
div#breadcrumbs {
	margin: 104px 0 0 25px;
	position: absolute;
	color: #888;
}
div#breadcrumbs a {
	color: #888;
}
div#breadcrumbs a:link, div#breadcrumbs a:visited {	text-decoration: none; }
div#breadcrumbs a:hover, div#breadcrumbs a:active {	text-decoration: underline; }

*html div#breadcrumbs {	margin: 104px 0 0 10px; }
*:first-child+html div#breadcrumbs {	margin: 104px 0 0 10px; }
/*----------------------------------------------------------------------------*/


/* Footer
------------------------------------------------------------------------------*/
div#footer {
/*
	position: fixed;
	bottom: 0;
*/
	height: 54px;
	width: 100%;
	background-repeat: repeat-x;
	background-image: url('bg_footer_alpha.png');
}

div#footer p {
	color: #fff;
	font-size: 140%;
	width: 940px;
	padding: 20px 0 10px 10px;
	margin: 0 auto 0 auto;
}

div#footer p a {
	color: #fff;
}

/* IE 6 alternative image with no alpha channel */
* html div#footer {background-image: url('bg_footer_no_alpha.png'); }
/*----------------------------------------------------------------------------*/


/* Aux Menu Top
------------------------------------------------------------------------------*/
div#aux_menu_top {
	position: absolute;
	width: 970px;
}

*:first-child+html div#aux_menu_top { width: 955px; }

div#aux_menu_top ul {
	margin: 9px 12px 0 0;
	float: right;
	font-size: 100%;
}

div#aux_menu_top ul li {
	display: block;
	float: left;
	font-weight: bold;
	background-image: url('top_aux_nav_div.png');
	padding: 0 9px 1px 12px;
}

div#aux_menu_top ul li.first { background-image: none; }

div#aux_menu_top ul li a { color: #fff; }

div#aux_menu_top ul li a:link, div#aux_menu_top ul li a:visited {	text-decoration: none; }
div#aux_menu_top ul li a:hover, div#aux_menu_top ul li a:active {	text-decoration: underline; }
/*----------------------------------------------------------------------------*/


/* Main Menu (Tabs)
------------------------------------------------------------------------------*/
div#main_menu_tabs {
	width: 948px;
	height: 36px;
	margin: 61px 0 0 7px;
	position: absolute;
	font-size: 140%;
}

div#main_menu_tabs ul {
	margin: 0 0 0 10px;
}

div#main_menu_tabs li a {
	text-align: center;
	display: block;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	background-image: url('bg_main_tab_left.png');
	background-position: top left;
	padding: 14px 15px 0 15px;
	height: 22px;
	min-width: 90px;
}

* html div#main_menu_tabs li a {
	float: left;
	/*width: 125px;*/
	width: 110px;
}

div#main_menu_tabs li {
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	background-image: url('bg_main_tab_right.png');
	background-position: top right;
}

div#main_menu_tabs li a:hover,
div#main_menu_tabs li.hover a {
	background-position: left -36px !important;
}

div#main_menu_tabs li:hover,
div#main_menu_tabs li.hover {
	background-position: right -36px;
}

* html div#main_menu_tabs li a:hover { background-position: top left; } /* IE6 disable hover for consistency */

div#main_menu_tabs li.current a { background-position: left -36px !important; }
div#main_menu_tabs li.current { background-position: right -36px !important; }
/*----------------------------------------------------------------------------*/


/* Forms
------------------------------------------------------------------------------*/
form.standard  {
	font-size: 110%;
	width: 705px;
	padding: 0;
	margin: 0 0 0 15px;
	background-color: #fff;
}

form.standard p {
	margin: 0 0 10px 8px;
	
	font-weight: bold;
	font-size: 11px;
}

form.standard.small {
	width: 350px;
}

form.standard label {
	margin-left: -233px;
	float: left;
	font-weight: bold;
	padding: 3px 5px 0 0;
}

form.standard.small label {
	margin-left: -143px;
}

form.standard label.radio, form.standard label.checkbox {
	font-weight: normal;
	margin: 0;
	float: none;
}

form.standard label span.required {
	color: #FF0000;
	width: 6px;
	position: absolute;
	margin: 0 0 0 -0.6em;
}

/* IE 6 and 7 Fixes */
* html form.standard label { margin-bottom: -20px; }
*:first-child+html form.standard label { margin-bottom: -20px; }

form.standard div.submit {
	border-bottom: none;
	padding: 0 0 0 250px;
}

form.standard div.submit input {
	width: auto;
}

form.standard div input, form.standard div textarea {
	width: 99%;
}

form.standard div input.quarter_sized, form.standard div textarea.quarter_sized {
	width: 25%;
}

form.standard textarea {
	height: 400px;
}

form.standard div input.checkbox {
	width: auto;
	vertical-align: middle;
}

form.standard div {
	display: block;
	padding-left: 240px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px dashed #999;
}

form.standard.small div {
	padding-left: 150px;
}



form.standard div.checkbox {
	display: block;
	padding: 0;
	border: none;
}

form.standard div.checkbox input {
	margin-left: -200px;
}

form.standard div.checkbox label {
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 8px;
	float: none;	
}

* html form.standard div.checkbox label { margin: 0 0 0 -180px; }
*:first-child+html form.standard div.checkbox label { margin: 0 0 0 -180px; }


form.standard span.caption {
	color: #666;
	font-size: 0.9em;
	display: block;
	margin: 0.2em 0 0 0;
}	



form.standard fieldset {
	border: 1px solid #CCC;
	padding: 15px;
	margin-bottom: 1em;
}

/* IE 6 and 7 Fixes */
* html form.standard fieldset {
	padding: 55px 15px 15px 15px;
}

form.standard fieldset legend {
	border: 1px solid #CCC !important;
	background-color: #777777;
	color: #fff;
	padding: 3px 10px 4px 10px;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
}

/* IE 6 and 7 Fixes */
* html form.standard fieldset legend {	margin: -45px 0px 0px 0px; }
*:first-child+html form.standard fieldset legend { margin: -10px 0px 15px 0px; }
/*----------------------------------------------------------------------------*/


/* Tables
------------------------------------------------------------------------------*/

table.index {
	font-size: 120%;
	width: 715px;
	margin: 0 10px 15px 10px;
	border-collapse: collapse;
}

table.index th {
	background-color: #666;
	background-image: url('bg_table_header.png');
	background-position: 50%;
	background-repeat: repeat-x;
	color: #fff;
	font-weight: bold;
}

table.index th.tuple,
table.index td.tuple {
	width: 40px;
}

table.index th.icon,
table.index td.icon,
table.index th.view,
table.index td.view,
table.index th.edit,
table.index td.edit,
table.index th.delete,
table.index td.delete,
table.index th.votes,
table.index td.votes {
	width: 40px;
	text-align: center;	
}

table.index th.date {
	width: 80px;
}

table.index th.person {
	width: 160px;
}

table.index tr.odd_row {
	background-color: #fff;
}

table.index tr.even_row {
	background-color: #f5f5f5;
}


table.index th a {
	
	padding: 2px 15px 2px 0;
	display: block;
	text-decoration: none;
	color: #fff;
	background-image: url('icon_table_sort.png');
	background-position: right;
}

table.index th, table.index td {
	border: 1px solid #B2B2B2;
	padding: 3px 5px 3px 5px;
}

/*----------------------------------------------------------------------------*/

div.pager {
	
	margin: 0 0 0 5px;
}
div.pager div {
	padding: 0 5px 0 10px;
	display: inline;
}
div.pager a {
	padding: 0 5px 0 5px;
}

div.message {
	background-color: #def2da;
	font-weight: bold;
	font-size: 12px !important;
	border: 1px solid #3D8635;
	padding: 15px;
	margin: 8px;
}

table.mceEditor {
	width:454px; margin:0;	
}



/* Rating
------------------------------------------------------------------------------*/
div.star_rating {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	padding-left: 16px !important; /* Last minute change */
	background-image: url('bg_rating.png'); /* Last minute change */
	height: 16px;	
	border: none !important;
}

div.star_rating a {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url('rating_off.png');
	float: left;
}

div.star_rating a.on {
	background-image: url('rating_on.png');
}

div.star_rating a span {
	display: none;
}
/*----------------------------------------------------------------------------*/

/* Links to social networking sites */

li.delicious {
	list-style-image: url('submit_delicious.gif');
}

li.digg {
	list-style-image: url('submit_digg.gif');
}

li.reddit {
	list-style-image: url('submit_reddit.gif');
}

li.facebook {
	list-style-image: url('submit_facebook.gif');
}

li.stumbleupon {
	list-style-image: url('submit_stumbleupon.gif');
}

/* Links for back office */

li.bullet {
	list-style-image: url('bullet_blue.png');
}

li.cms {
	list-style-image: url('layout_content.png');
}

li.mail {
	list-style-image: url('email.png');
}

li.money {
	list-style-image: url('money.png');
}

li.newspaper {
	list-style-image: url('newspaper.png');
}

li.page_edit {
	list-style-image: url('page_white_edit.png');
}

li.people {
	list-style-image: url('group.png');
}

li.phone {
	list-style-image: url('phone.png');
}

li.picture {
	list-style-image: url('picture.png');
}

li.world {
	list-style-image: url('world.png');
}

/* Voting section for user generated content */

p.voting_booth {
  float: right;
}

/* Hacking Nina's beautiful CSS to death with a blunt axe. Sorry. */
form.standard.wizard div.left_half_of_form, form.standard div.right_half_of_form {
  border-bottom: none;
  padding: 0;
  padding-left: 0 !important;
  margin: 0;
  width: 420px;
}

form.standard.wizard div.left_half_of_form {
  float: left;
}

form.standard.wizard div.right_half_of_form {
  clear: none;
  margin-left: 436px;
}

form.standard.wizard div.left_half_of_form div,
form.standard.wizard div.right_half_of_form div {
  padding-left: 14px !important;
}

form.standard div.left_third_of_form, form.standard div.middle_third_of_form, form.standard div.right_third_of_form {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  width: 214px;
}

form.standard div.left_third_of_form, form.standard div.middle_third_of_form {
  float: left;
}

form.standard div.middle_third_of_form {
  margin-left: 10px;
}

form.standard div.right_third_of_form {
  margin-left: 548px;
}

/* This bit's for the wizard's second page */

div.mini_phone_info {
  display: block;
  float: left;
  margin: 10px 10px 30px 10px;
  text-align: center;
  width: 150px;
  height: 210px;
}

/* This bit's for the wizard's third page */

/*
div.mini_phone_stats {
  border: 1px solid gray;
  display: block;
  float: left;
  margin: 10px;
  width: 340px;
}

div.mini_phone_stats.odd {
  clear: left;
}

div.mini_phone_image {
  display: block;
  float: left;
  height: 300px;
  margin: 10px;
  width: 150px;
}

div.mini_phone_ratings {
  display: block;
  height: 300px;
  margin: 10px 10px 10px 170px;
  width: 170px;
}
*/

/* Replacement of above at last minute */

div.mini_phone_stats {
  border: 1px solid gray;
  display: block;
  float: left;
  margin: 10px;
  width: 280px;
}

div.mini_phone_stats table {
  margin: 10px 20px;
}

div.mini_phone_features ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-left: 0;
  padding: 0 0 10px 15px;
}

div.mini_phone_features ul li {
  padding: 2px 0 5px 25px;
}

/* Notes ------------------------------------------------------------ */

#tooltip {
  background-color: #FFF7BE;
  border: 1px solid #FFCC00;
  opacity: 0.85;
  padding: 1em;
  position: absolute;
  z-index: 3000;
}

#tooltip h3 {
  margin: 0 0 0.5em 0;
}

/* Wizard form fixing ----------------------------------------------- */

form.standard.wizard {
  width: 882px;
}

form.standard.wizard div.checkbox input {
  margin-left: -2em;
}

form.standard.wizard div {
  padding-left: 40px;
}

/* IE 6 and 7 Fixes */

* html form.standard.wizard div {
  padding-left: 40px;
}

* html form.standard.wizard div.checkbox input,
*:first-child+html form.standard.wizard div.checkbox input {
}

* html form.standard.wizard div.checkbox label,
*:first-child+html form.standard.wizard div.checkbox label {
  margin-left: 0;
}

/* IE6 fix */
* html form.wizard div.left_half_of_form label,
* html form.wizard div.right_half_of_form label {
margin-left: 0 !important;
margin-top: -15px !important;
display: block !important;
}

/* Buy now stuff */

div.buy_combo {
  text-align: center;
  border: 1px solid #C4E2F5;
  float: left;
  height: 190px;
  margin: 10px;
  padding: 10px;
  width: 162px;
}

div.buy_image {
  height: 140px;
  vertical-align: middle; /* Why isn't this working? */
}

/* Left links in phone help/buying section */

div#phone_links {
  margin-top: 16px;
}

/* Client requests at the last minute */

textarea#ReviewOverallText, textarea#FeedbackContent,
textarea#QuestionName, textarea#AnswerName,
textarea#ProductEditorsNote {
  height: 192px;
}

textarea#ReviewDesired,
textarea#ProductMetaDescription {
  height: 2.5em;
}

div.review_preview_box {
  border: 1px solid #C4E2F5;
  background-color: #E1F0FA;
  margin-bottom: 10px;
  padding-top: 10px;
}

#aux_logged_in_top {
	float: right;
	margin: 30px 20px 0 0;
	color: #FFF;
}

div.top_3_features {
	width: 179px;
}

form.standard div.select_all,
form.standard div.select_all div {
  border-bottom: none;
  padding-left: 4px;
}

form.standard div.select_all label {
  float: none;
  margin-left: 10px;
}

form.standard div.select_all input {
  /*margin-left: 54px;*/
}

/* Help selection */

form.select_help_category label {
  float: left;
  margin-left: 10px;
  margin-top: 5px;
}

form.select_help_category select {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

form.select_help_category div.submit {
  margin-bottom: 10px;
}

/* Form error messages */
form div.error-message {
  color: maroon;
  border-bottom: none;
  margin-top: 8px;
  margin-bottom: 0;
  padding-left: 0;
}

form input.form-error {
  border: 1px solid maroon;
}

/* This appears in the pull-down menu in TinyMCE
   These styles are duplicated in screen.css, only not jailed to div.content_box
*/

div#cms_specific_styles table.table_border {
	margin-left: 20px;
	border-collapse: collapse;
}

div#cms_specific_styles table.table_border td {
	border: 1px solid #999;
	padding: 2px;
}

div#cms_specific_styles img.left_align {
	float: left;
	margin: 10px 10px 10px 0;
}

div#cms_specific_styles img.right_align {
	float: right;
	margin: 10px;
}

div#cms_specific_styles img,
div#cms_specific_styles table {
  margin: 0 20px 10px 20px;
}

/* Sitemap specific CSS! */

div#site_map ul {
	margin-bottom: 0;
}

div#site_map li h4,
div#site_map li ul {
	padding-top: 10px;
}

div#site_map li {
	font-size: 10px;
}

div#site_map h4 {
	font-size: 14px;
}



table.table_border {
	margin-left: 20px;
	border-collapse: collapse;
}

table.table_border td {
	border: 1px solid #999;
	padding: 2px;
}

/*
form#StatisticsAddForm input.checkbox {
	margin-bottom: 1em;
}
*/
div.home_pg_logo_wrap {
      
     top: 1180px;
     margin-bottom: 120px;
     height: 200px;
}
div.home_pg_logo {
    float: left;
    margin-right: 20px;
    text-align: center;
    padding-top: 20px;
    display: block;
    width: 85px;
    height: 95px;
}
div.home_pg_logo a {
    text-decoration: none;
}
div.home_pg_logo a span:hover {
    text-decoration: underline;
}

/*
div#main_content.template_1 {
    height: 1400px;
}
*/
table.table_border th, table.table_border td {
	border: 1px solid #999;
	padding: 2px;
}
table.table_border th {
    font-weight: bold;
    background-color: #7FCCF3;
    padding: 4px;
}

p.mailing_list {
	font-size: 120%;
	margin-bottom: 8px;
	margin-left: 40px;
}

div.buy_image_and_link img {
	margin-bottom: 10px;
	margin-left: 10px;
	width: 65px;
	float: left;
}