BODY
{
	display: block;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #000;
	padding: 0;
	margin: 0;
}

a:link {color: #557733; text-decoration: none;}
a:visited {color: #557733; text-decoration: none;}
a:hover {color: #88aa66; text-decoration: underline;}

/* Reusable attributes */

.ralign
{
	text-align: right;
}

.center
{
	text-align: center;
}

.red
{
	color: #900;
}

/* General styles */

img
{
	border: 0;
}
img.responsive
{
	width: 100%;
	height: auto;
}

div.minithumbwrapper
{
	display: inline-block;
//	position: relative;
	width: 64px;
	height: 64px;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 5px;
}
img.minithumb
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 64px;
	height: 64px;
	transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s;
}
img.minithumb:hover
{
	top: -32px;
	left: -32px;
	height: 128px;
	width: 128px;
	z-index: 1;
}

.break_all
{
	word-break: break-all;
}

div.logo
{
	float: left;
	width: 306px;
	height: 100px;
}
div.logo img
{
	border: 0;
	z-index: 1;
}

div.header, div.shown_header, div.shown_user_header
{
	color: #477827;
	background: #fff;
	background-image: url('/images/g/g-header.png');
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
div.header a:link {color: #6b9d49; text-decoration: none;}
div.header a:visited {color: #6b9d49; text-decoration: none;}
div.header a:hover {color: #aecb9b; text-decoration: underline;}

div.full_header
{
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
}

div.mobile_header
{
	display: none;
	text-align: center;
	font-size: 28px;
	line-height: 64px;
}

div.mobile_userbar
{
	display: none;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
}

div.mobile_login
{
	display: none;
}
div.mobile_login table
{
	width: 100%;
	text-align: right;
}
div.mobile_login input
{
        font-size: 28px;
	width: 100%;
}

div.mobile_menu_icon
{
	float: left;
	width: 64px;
	height: 64px;
}

div.mobile_menu_icon_close
{
	display: none;
	float: left;
	width: 64px;
	height: 64px;
}

div.mobile_user_menu_icon
{
	float: right;
	width: 64px;
	height: 64px;
}

div.mobile_user_menu_icon_close
{
	display: none;
	float: right;
	height: 64px;
}

div.caption
{
	left: 8px;
	font-size: 16px;
	color: #7faa62;
	margin-left: 8px;
	margin-right: 250px;
	margin-bottom: 5px;
}

div.userbar
{
	right: 8px;
	text-align: right;
	font-size: 18px;
	margin-left: 311px;
	padding-top: 10px;
	padding-right: 10px;
	min-height: 95px;
}

div.toolbarcontainer
{
	height: 34px;
	background: #477827;
	background-image: url('/images/g/g-toolbar.png');
	font-size: 18px;
}

div.toolbar
{
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	height: 22px;
	font-size: 18px;
	background: #477827;
	background-image: url('/images/g/g-toolbar.png');
	padding: 6px;
	padding-left: 8px;
	padding-right: 8px;
	color: #e2edcf;
}
div.toolbar a:link {color: #dee9c9; text-decoration: none;}
div.toolbar a:visited {color: #dee9c9; text-decoration: none;}
div.toolbar a:hover {color: #ffffff; text-decoration: underline;}

ul.navlist
{
	margin-left: -8px;
	margin-right: -8px;
	margin-top: 0px;
	padding-left: 0;
	white-space: nowrap;
}
ul.navlist li
{
	display: inline;
	list-style-type: none;
}
ul.navlist a
{
	position: relative;
	display: inline-block;
	padding: 6px 7px 8px;
	height: 20px;
	transition: background-image 0.2s;
}
div.toolbar ul.navlist a
{
	top: -6px;
	padding: 6px 7px 8px;
}
ul.navlist a:link, ul.navlist a:visited
{
	background-image: url('/images/g/g-toolbar.png');
	text-decoration: none;
}
ul.navlist a:hover
{
	background-image: url('/images/g/g-toolbar-l.png');
	text-decoration: none;
}

ul.bare li
{
        list-style-type: none;
	margin-bottom: 10px;
}

div.fr
{
	float:right;
}
div.toolbar div.fr {max-height: 34px;}

div.searchbox
{
	float: right;
	right: 5px;
	margin-top: -20px;
}
div.searchbox input
{
	font-size: 18px;
	color: #7eab61;
}

div.mobile_search
{
        text-align: left;
	line-height: 36px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
div.mobile_search input
{
	width: 100%;
	font-size: 28px;
}
div.mobile_search span
{
	display: block;
	overflow: hidden;
	padding-right: 10px;
}
div.mobile_search button
{
	font-size: 28px;
	float: right;
}
div.shown_header div.mobile_search, div.shown_user_header div.mobile_search
{
	display: none;
}

div.main
{
	position: relative;
	max-width: 950px;
	background: #ffffff;
	margin: auto;
	min-height: 500px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	line-height: 1.4;
}

div.article
{
	line-height: 130%;
}

div.footercontainer
{
	clear: both;
	background: #782c27;
}

div.footer
{
	text-align: center;
	font-size: 14px;
	margin-bottom: 10px;
}

div.newfooter
{
	max-width: 950px;
	background: #782c27;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -10px;
	margin-top: 10px;
	clear: both;
}
div.newfooter a:link {color: #ccc;}
div.newfooter a:visited {color: #ccc;}
div.newfooter a:hover {color: #fff;}

div.breadcrumb
{
	margin-bottom: 10px;
}

/* Page specific styles */

div.main_table
{
	display: table;
	margin-right: -5px;
	margin-top: -8px;
}
div.table_row
{
	display: table-row;
}

div.wide_right_column
{
	margin-right: 5px;
	position: absolute;
	width: 345px;
	top: 0px;
	right: 0px;
}

div.wide_right_cell
{
	display: table-cell;
	width: 345px;
	padding-left: 10px;
	vertical-align: top;
}

div.left_of_wide
{
	margin-right: 350px;
	min-height: 570px;
}

div.left_of_wide_cell
{
	display: table-cell;
	min-height: 570px;
	vertical-align: top;
}

div.right_of_image
{
	margin-left: 138px;
}
@media (max-width: 450px) {div.right_of_image{margin-left: 0px;}}
img.on_left
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
@media (max-width: 450px) {img.on_left{float: none; display: block;}}

div.mobile_toc
{
	display: none;
}

@media (max-width: 800px)
{
	div.wide_right_column
	{
		position: static;
		width: 100%;
	}
	div.left_of_wide
	{
		margin-right: 0px;
		min-height: 0;
	}
	div.main_table, div.table_row
	{
		display: block;
		margin-right: 0;
	}
	div.left_of_wide_cell
	{
		display: block;
		margin-right: 0px;
		min-height: 0;
	}
	div.wide_right_cell
	{
		display: block;
		width: 100%;
		padding: 0px;
	}
	div.mobile_toc
	{
		display: block;
	}
}

div.most_reviewed_box
{
	font-size: 14px;
	width: 100%;
}

div.most_reviewed_block
{
	display: inline-block;
	width: 160px;
	line-height: 38px;
	margin-top: 5px;
}

div.most_reviewed_fr
{
	float: right;
	height: 38px;
	line-height: 38px;
}

div.big_list
{
	margin-left: 60px;
	font-size: 110%;
}

div.big_list_nm
{
	font-size: 110%;
}

div.big_list_container
{
	position: relative;
	min-height: 35px;
	padding-top: 8px;
}

div.letter_label
{
	position: absolute;
	top: 0px;
	left: 0px;
}

div.wrap_item
{
	display: inline-block;
	width: 245px;
	vertical-align: top;
	margin-bottom: 10px;
	margin-right: 5px;
}
div.wrap_item h2
{
	margin-top: 0;
	margin-bottom: 5px;
}
div.wrap_item img
{
	border: 1px solid #ddeebb;
}

div.auto_width
{
	width: auto;
}

div.side_by_side
{
	display: inline-block;
	width: 49%;
	vertical-align: top;
	margin-top: 10px;
}
@media (max-width: 955px) {div.side_by_side { width: 100%;} }

div.side_by_side_full
{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	margin-top: 10px;
}
@media (max-width: 800px) {div.side_by_side_full { width: 100%;} }

div.news_date
{
	float: left;
}
div.news_side_main
{
	margin-left: 160px;
}
@media (max-width:800px)
{
	div.news_date {float: none;}
	div.news_side_main {margin: 0;}
}

div.ratingbar
{
	padding: 5px;
	color: #ffffff;
	border-bottom: 1px solid #779;
	background: #5f669c;
	background-image: url('/images/g/gradient-rating-blue-30.jpg');
	background-repeat: repeat-x;
}
div.ratingbar a:link {color: #eee;}
div.ratingbar a:visited {color: #eee;}
div.ratingbar a:hover {color: #fff;}

div.bluebar
{
	background: #68d url(/images/g/gradient-light-blue.png) repeat-x;
	border-top: 1px solid #839fe6;
	border-left: 1px solid #839fe6;
	border-bottom: 1px solid #5d7cc9;
	border-right: 1px solid #5d7cc9;
	color: #fff;
	margin-left: -6px;
	padding: 4px;
	padding-bottom: 0px;
}
div.bluebar h2{margin-top: 0px; margin-bottom: 4px;}
div.bluebar p{margin-bottom: 8px;}
div.bluebar a:link {color: #eee;}
div.bluebar a:visited {color: #eee;}
div.bluebar a:hover {color: #fff;}

div.toc
{
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #DEB;
	color: #000;
	font-size: 14px;
}

div.box
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #ddeebb;
	color: #000;
	font-size: 14px;
}
div.box ul{list-style-type: none;}
div.box p{margin: 0px;}

div.box img{vertical-align: bottom;}

div.box h3{margin: 0px;}

div.box ul{display: block; padding-left: 18px; margin-left: 0px; padding-top:2px;}

div.summarybox
{
	background: #efd;
	border: 1px solid #bda;
	margin: 10px;
	margin-top:0px;
	padding: 10px;
	float:right;
	width: 220px;
	font-size: 14px;
}
div.summarybox h2{margin-top: 5px;}
div.summarybox ul{padding-left: 20px;}

div.graybox
{
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url('/images/g/gradient-gray-reviewer-box.png');
	background-repeat: repeat-y;
	border: 1px solid #ccc;
	padding: 10px;
}
div.graybox h3
{
	margin-top: 5px;
}

div.topreviewerbox
{
	position:absolute;
	right: 5px;
	top: 235px;
	width: 360px;
	max-height: 160px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #DEB;
	color: #000;
	font-size: 14px;
}
div.topreviewerbox p{margin: 0px;}
div.topreviewerbox img{vertical-align: bottom;}
div.topreviewerbox h3{margin: 0px;}
div.topreviewerbox ul{display: block; padding-left: 18px; margin-left: 0px; padding-top:2px;}

div.topreviewerstyle
{
	position:absolute;
	right: 5px;
	top: 231px;
	width: 380px;
	max-height: 160px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #DEB;
	color: #000;
	font-size: 14px;
}
div.topreviewerstyle p{margin: 0px;}
div.topreviewerstyle img{vertical-align: bottom;}
div.topreviewerstyle h3{margin: 0px;}
div.topreviewerstyle ul{display: block; padding-left: 18px; margin-left: 0px; padding-top:2px;}

div.imagebox
{
	float:right;
	margin: 10px;
	margin-right: 0px;
	padding: 5px;
	background: #FFF;
	border: 1px solid #deb;
	font-size: 11px;
}
div.imagebox img
{
	width: 100%;
	height: auto;
}

div.imageboxleft
{
	float:left;
	margin: 10px;
	margin-left: 0px;
	padding: 5px;
	background: #FFF;
	border: 1px solid #deb;
	font-size: 11px;
}
div.imageboxleft img
{
	width: 100%;
	height: auto;
}
div.thumb_grid
{
	margin: 5px;
	padding: 5px;
	border: 1px solid #deb;
	display: inline-block;
	vertical-align: top;
	width: 128px;
	height: 128px;
	padding-bottom: 0px;
}

div.boxheader
{
	margin-top: -11px;
	margin-left: -11px;
	margin-right: -11px;
	margin-bottom: 10px;
	padding: 10px;
	background: #795 url(/images/g/gradient-box-green.png) repeat-x;
	border-top: 1px solid #795;
	border-left: 1px solid #795;
	border-bottom: 1px solid #573;
	border-right: 1px solid #573;
	color: #FFF;
	font-size: 16px;
}
div.boxheader a:link {color: #EEE;}
div.boxheader a:visited {color: #DDD;}
div.boxheader a:hover {color: #FFF;}

div.greenbox
{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-image: url('/images/g/gradient-green-box.png');
	background-repeat: repeat-y;
	padding: 10px;
	border: 1px solid #d0e0b0;
	margin-bottom: 10px;
}
div.greenbox h3
{
	margin-top: 2px;
}

div.bluebox
{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-image: url('/images/g/gradient-gray-reviewer-box.png');
	background-repeat: repeat-y;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 10px;
	margin-bottom: 10px;
}

textarea
{
	resize: vertical;
}

input, textarea, button, select
{
        font-family: Arial, Helvetica, Sans-Serif;
	color: #000;
	background: #fff;
	border: 1px solid #cce;
	border-radius: 5px;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input:disabled
{
	color: #999;
	border: 1px solid #ccc;
}
input:hover,textarea:hover,select:hover,button:hover,select:hover
{
  box-shadow: 0px 1px 8px #c3c1ec;
  -webkit-box-shadow: 0px 1px 8px #c3c1ec;
  -moz-box-shadow: 0px 1px 8px #c3c1ec;
}
input:focus,textarea:focus,select:focus,button:focus,select:focus
{
  box-shadow: 0px 1px 8px #782c27;
  -webkit-box-shadow: 0px 1px 8px #782c27;
  -moz-box-shadow: 0px 1px 8px #782c27;
	outline: none;
}

table tr
{
	transition: background-color 0.2s;
}

table.green
{
        color: #444;
        padding: 0px;
	border: 1px solid #9A7;
        border-collapse: collapse;
        border-spacing: 0px;
        margin-top: 0px;
	margin-bottom: 10px;
        width: 100%;
}
table.green img
{
	vertical-align: bottom;
}
table.green td
{
        padding: 5px;
}
tr.header td
{
	color: #FFF;
	background: #795 url(/images/g/g-toolbar.png);
	font-weight: bold;
}
tr.header td a:link {color: #EEE;}
tr.header td a:visited {color: #DDD;}
tr.header td a:hover {color: #FFF;}

tr.light
{
        background-color: #eeffcc;
}
tr.lightselected
{
        background-color: #ffffaa;
}
tr.lightretired
{
        background-color: #fff5e6;
}
tr.dark
{
        background-color: #ddeebb;
}
tr.darkselected
{
        background-color: #ffffaa;
}
tr.darkretired
{
        background-color: #eee5d6;
}
td.light
{
        background-color: #eeffcc;
}
td.lightselected
{
        background-color: #ffffaa;
}
td.dark
{
        background-color: #ddeebb;
}
td.darkselected
{
        background-color: #ffffaa;
}
tr.boxy td
{
        background-color: #EFC;
        border: 1px solid #9A7;
}

table.footer
{
	width: 100%;
	text-align: left;
	padding: 5px;
	font-size: 13px;
}
table.footer td
{
	vertical-align: top;
	line-height: 18px;
	text-align: left;
}

.footer ul{margin: 0; padding: 0; list-style-type: none;}
.footer li{margin: 0;}

@media (max-width: 700px)
{
	table.footer {padding: 0; padding-bottom: 10px;}
	table.footer, table.footer td, table.footer tr, table.footer tbody {display: block;}
	.footer ul {padding: 5px 5px 0 128px; text-indent: -60px;}
	.footer li {display: inline; padding-right: 10px;}
	.footer li.head {display: inline-block; width: 40px;}
}

table.list
{
        color: #444;
        background-color: #EFC;
        padding: 0px;
	border: 1px solid #DEB;
        border-collapse: collapse;
        border-spacing: 0px;
        margin-top: 0px;
	margin-bottom: 10px;
        width: 100%;
	font-size: 14px;
}
table.list td
{
        padding: 3px;
	vertical-align: top;
}

table.newlist
{
        padding: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
        margin-top: 0px;
	margin-bottom: 10px;
        width: 100%;
	font-size: 18px;
}
table.newlist tr
{
	border-top: 1px solid #DEB;
	border-bottom: 1px solid #DEB;
        padding: 3px;
	vertical-align: top;
}
table.newlist td
{
        padding: 8px;
	vertical-align: top;
	font-size: 20px;
	font-weight: bold;
}
table.newlist td.small
{
	font-size: initial;
	font-weight: normal;
}
table.newlist tr:hover, table.newlist tr.highlighted
{
	background-color: #dbe7c5;
}

table.collapse .mobile_label {display: none;}
table.newlist img
{
	float: left;
	margin-right: 10px;
}
@media (max-width: 620px)
{
	table.collapse thead {display: none;}
	table.collapse, table.collapse td, table.collapse tr, table.collapse tbody {display: block;}
	table.collapse .mobile_label {display: initial;}
	table.collapse tr {padding: 3px 5px 10px 10px;}
	table.collapse td.ml {margin-left: 168px;}
	table.collapse td.in {display: inline; padding-left: 0;}
	table.collapse td {padding-left: 0;}
	table.collapse td.label {float: left; margin-right: 5px;}

}
@media (max-width: 355px)
{
	table.collapse img.big {float: none; display: block;}
	table.collapse td.ml {margin-left: 0;}
}

table.greenbox
{
	width: 100%;	
}
table.greenbox td
{
	vertical-align: top;
	text-align: center;
	color: #587a48;
	background: #cddeb4;
	border: 1px solid #deeac6;
	padding: 5px;
}
table.greenbox td.highlighted
{
	background: #dbedc0;
}
table.greenbox td h1
{
	font-size: 15px;
}
table.greenbox td p
{
	font-size: 13px;
}
table.greenbox a:link {color: #587a48; text-decoration: none;}
table.greenbox a:visited {color: #587a48; text-decoration: none;}
table.greenbox a:hover {color: #ffffff; text-decoration: none;}

table.bluebox
{
	width: 100%;	
}
table.bluebox td
{
	vertical-align: top;
	text-align: center;
	color: #353659;
	background: #b4b4de;
	border: 1px solid #c6c8ea;
	padding: 5px;
}
table.bluebox a:link {color: #4b4d80; text-decoration: none;}
table.bluebox a:visited {color: #4b4d80; text-decoration: none;}
table.bluebox a:hover {color: #ffffff; text-decoration: none;}

li
{

	margin-bottom: 5px;
}

hr.green
{
	border: 0;
	height: 1px;
	background-color: #9B7;
}

span.tw
{
	font-size: 12px;
}
span.blue
{
	color: #99f;
}

div.helpbox
{
	display: none;
	position: absolute;
	padding: 15px;
	top: 80px;
	left: 80px;
	right: 80px;
	text-align: left;
/*	border: 1px solid #aaaacc;*/
	background: #e6e6ff;
	box-shadow: 0px 1px 8px #5e5e75;
	-webkit-box-shadow: 0px 1px 8px #5e5e75;
	-moz-box-shadow: 0px 1px 8px #5e5e75;
	z-index: 1;
}
@media (max-width: 500px) {div.helpbox{top: 0; left: 20px; right: 20px;}}
@media (max-width: 350px) {div.helpbox{top: 0; left: 0; right: 0;}}
div.helpbox h2
{
	margin-top: 5px;
}

div.review_help
{
	display: none;
	position: absolute;
	padding: 15px;
	top: 0px;
	left: 0px;
	right: 0xpx;
	text-align: left;
	background: #e6e6ff;
	box-shadow: 0px 1px 8px #5e5e75;
	-webkit-box-shadow: 0px 1px 8px #5e5e75;
	-moz-box-shadow: 0px 1px 8px #5e5e75;
}
div.review_help h2
{
	margin-top: 5px;
}

form.contact
{
}

form.contact input
{
	background: #eaf5d6;
}

form.contact textarea
{
	background: #eaf5d6;
}

.rounded
{
	-webkit-border-radius: 8px; /* Safari prototype */
	-moz-border-radius: 8px; /* Gecko browsers */
	border-radius: 8px;
}
.rounded_top
{
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

ul.navlist2
{
	margin-left: -8px;
	margin-right: -8px;
	margin-top: 0px;
	padding-left: 0;
}
ul.navlist2 li
{
	display: inline-block;
	list-style-type: none;
	padding: 6px;
	height: 26px;
	margin-bottom: 0;
}
div.navbar ul.navlist2 li
{
	margin-right: 5px;
}
div.navbar ul.navlist2 li.selected
{
}

div.navbar
{
	font-size: 18px;
	padding: 5px;
	border: 1px solid #ddeebb;
	-webkit-border-radius: 4px; /* Safari prototype */
	-moz-border-radius: 4px; /* Gecko browsers */
	border-radius: 4px;
}
div.navbar ul
{
	margin: 0px;
}
div.navbar li
{
	margin-right: 10px;
}
div.navbar li.selected
{
	font-weight: bold;
	background: #ddeebb;
	padding: 6px;
	margin-right: 10px;
}

div.leaderboard
{
	width: 728px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
}

.rating {
	float: left;
	height: 45px;
	overflow: hidden;
/*      display: inline-block;*/
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
	text-shadow: 1px 1px #ccc;
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #fd6;
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: #fe8;
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #fe8;
}

.rating label.left
{
	width: 0.35em;
}
.rating label.right
{
	width: 0.35em;
	direction: rtl;
	padding-right: 0.2em;
}

.starRating:not(old){
	display		: inline-block;
	width		: 10.0em;
	height		: 2.0em;
	overflow	: hidden;
	vertical-align	:  bottom;
}

.starRating:not(old) > input{
  margin-right : -100%;
  opacity      : 0;
}

.starRating:not(old) > label{
  display         : block;
  float           : right;
  position        : relative;
  background      : url('/images/icons/32-star-off.png');
  background-size : contain;
}

.starRating:not(old) > label.left{
  background      : url('/images/icons/32-star-left-off.png');
}
.starRating:not(old) > label.right{
  background      : url('/images/icons/32-star-right-off.png');
}

.starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 2.0em;
  height          : 2.0em;
  background      : url('/images/icons/32-star-on.png');
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}
.starRating:not(old) > label.left:before{
  width           : 1.0em;
  background      : url('/images/icons/32-star-left-on.png');
}
.starRating:not(old) > label.right:before{
  width           : 1.0em;
  background      : url('/images/icons/32-star-right-on.png');
}

.starRating label.left
{
	width: 1.0em;
}

.starRating label.right
{
	width: 1.0em;
//	direction: rtl;
//	padding-right: 0.2em;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
  opacity : 1;
}

@media (max-width: 720px)
{
	div.toolbarcontainer{display: none;}
	div.mobile_header
	{
		display: block;
	}
	div.full_header{display: none;}
	ul.navlist a:link, ul.navlist a:visited, ul.navlist a:hover
	{background-image: none;}
	div.shown_header div.toolbarcontainer{display: block; height: auto;}
	div.shown_header div.toolbar
	{
		position: static;
		height: auto;
		display: block;
		background: #477827;
		margin-top: 10px;
		padding-top: 0;
		padding-bottom: 0;
	}
	div.toolbar div.fr {max-height: initial;}
	div.toolbar ul.navlist a
	{
		padding: 0;
	}
	div.shown_user_header div.mobile_userbar
	{
		display: block;
	}
	div.shown_header div.mobile_menu_icon {display: none;}
	div.shown_header div.mobile_menu_icon_close {display: block;}
	div.shown_user_header div.mobile_user_menu_icon {display: none;}
	div.shown_user_header div.mobile_user_menu_icon_close {display: block;}
	div.shown_header ul, div.shown_user_header ul
	{
		padding: 0;
		margin: 0;
	}
	div.shown_header li, div.shown_user_header li
	{
		font-size: 26px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		height: 56px;
	}
	div.shown_header li
	{
		border-bottom: 1px solid #58833c;
	}
	div.shown_user_header li
	{
		border-bottom: 1px solid #dde8c8;
	}
	div.toolbar ul.navlist a {top: 0px;}
	div.shown_header li a, div.shown_user_header li a
	{
		display: block;
		width: 100%;
		height: 100%;
		line-height: 56px;
	}
	div.shown_header div.fr {float: none;}

/* Media queries for page-specific styles */

	div.big_list
	{
		font-size: 125%;
	}
}

/* Reclaim space on very small devices */
@media (max-width: 360px)
{
	div.left_of_wide {margin-left: 0px; margin-right: 0px;}
}

/* Ad media queries */
.ad_160{display: block;}
@media (max-width: 650px) { .ad_160{display: none; } }
.ad_320{display: none;}
@media (max-width: 650px) { .ad_320{display: block; } }
@media (max-width: 354px) { .ad_320{display: none; } }
.ad_728{display: block;}
@media (max-width: 750px) { .ad_728{display: none; } }
.ad_336{display: none;}
@media (max-width: 750px) { .ad_336{display: block; } }
@media (max-width: 373px) { .ad_336{display: none; } }
.ad_336_mid{display: block;}
@media (max-width: 373px) { .ad_336{display: none; } }
.ad_336_r_2{display: block;}
@media (max-width: 800px) { .ad_336_r_2{display: none; } }
.ad_300{display: none;}
@media (max-width: 373px) { .ad_300{display: block; } }
@media (max-width: 320px) { .ad_300{display: none; } }

/* Ad container queries - break points must match!!! */

div.container_320
{
	margin: auto;
	width: 320px;
	display: none;
}
@media (max-width: 650px) { div.container_320 { display: block; } }
@media (max-width: 354px) { div.container_320 { display: none; } }
div.container_728
{
	margin: auto;
	width: 728px;
	height: 90px;
	clear: both;
}
@media (max-width: 750px) { div.container_728 { display: none; } }

div.container_336
{
	margin: 10px auto;
	width: 336px;
	height: 280px;
	display: none;
	clear: both;
}
@media (max-width: 750px) {div.container_336 { display: block; } }
@media (max-width: 373px) {div.container_336 { display: none; } }

div.container_336_mid
{
	margin: 10px auto;
	width: 336px;
	height: 280px;
	display: block;
	clear: right;
}
@media (max-width: 373px) {div.container_336_mid { display: none; } }

div.container_336_r_2
{
	margin: 10px auto;
	width: 336px;
	height: 280px;
	display: block;
}
@media (max-width: 800px) {div.container_336_r_2 { display: none; } }

div.container_300
{
	margin: 5px auto;
	width: 300px;
	height: 250px;
	display: none;
	clear: right;
}
@media (max-width: 373px) {div.container_300 {display: block; } }
@media (max-width: 320px) {div.container_300 {display: none; } }

div.right_of_skyscraper
{
	margin-left: 180px;
}

div.column_160_left
{
	float: left;
	width: 160px;
}

div.container_160_left
{
	float: left;
	width: 160px;
	height: 600px;
	margin-bottom: 10px;
}

@media (max-width: 650px)
{
	div.right_of_skyscraper{margin-left: 0;}
	div.container_160_left {display:none;}
	div.column_160_left {float: none; width: 100%;}
	div.most_reviewed_block {margin-right: 10px;}
}