/*
Global CSS

*/

/* @group Misc. Globals */
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
font-size: 62.5%;
color: #666;
background: #CCCCCC url(http://www.frankmedia.com/pdr/assets/images/background-dots.jpg) repeat scroll 0 0
}

/* Misc. Globals */
hr, .hide {
display: none;	
}
a {
text-decoration: none;	
}
a img {
border: none;	
}
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;	
}
#pixel {
height: .1em;
line-height: .1em;
visibility: hidden;	
}
/* @end */



/* @group Interstitial Ad */

#ad_int.ad-int iframe {
width: 100%;
height: 1600px;
}

div.ad-int-navbar {
position: relative;
height: 40px;
background: #006a94;
border-bottom: 1px solid #035170;
}
div.ad-int-navbar a.logo-link {
position: absolute;
background: url(/lib/img/ad-int/ad-int-logo.png);
width: 170px;
height: 22px;
left: 20px;
top: 10px;
text-indent: -999em;
}

div.ad-int-navbar a.close-link {
position: absolute;
right: 30px;
color: #FFF;
text-decoration: none;
font-size: 13px;
top: 15px;
font-family: "skolar-1","skolar-2", Geogia, "Times New Roman","Times Roman",serif;
font-weight: 200;
}

/* @end */

/* @group Countdown Clock */

#index_countdown {
margin: 0 0 10px;
height: 50px;
display: none;	
}
#index_countdown.show {
display: block;
}
/* @end */



/* @group Login Box */

#lightview {
position: absolute;	
}

/* @end */


/* @group Layout */

/* Global Layout */
#wrapper {
width: 900px;
margin: 0 auto;
padding: 15px 0;
position: relative;	

}
#outer-wrap {
background: url(/lib/img/content-shadow.png) repeat-y top center;	
}
#ad-bar {
padding: 10px 10px 0;
}
#ad-bar .badge {
width: 202px;
overflow: hidden;
float: left;		
}
#ad-bar .leaderboard {
width: 728px;
float: right;
}
#ad-bar .leaderboard table {
position: relative;
z-index: 2;
}
#ad-bar .leaderboard div {
z-index: 10 !important;
}
#content {
min-height: 800px; /*TEMP */	
}
#right .rect-ad,
#right #ad {
width: 300px;
display: block;	
margin: 0 0 10px 0;
}
/* Content Area */
#content {
padding: 10px 0;
}

#container {
width: 825px;
float: left;
padding: 0 10px;
position: relative;
}

#video #container {
width: 675px;
}

#right {
float: left;
width: 300px;
}

/* @end */

/* @group Header */

/* Header */
#header {
background: url(/lib/img/gp-global-ui-elements.gif) no-repeat 0 0;
position: relative;	
width: 960px;
height: 129px;
z-index: 214748364;	/* C-C-C-COMBO BREAKER!!!!!!! */
}
#header .subscribe {
background: #40466e url(/lib/img/left-hook-bg.gif) no-repeat right top;
color: #fff;
padding: 5px 25px 5px 10px;
font-size: 10px;
font-weight: bold;
position: absolute;
top: -10px;
left: 0;
}
#header .subscribe:hover {
background-color: #33385f;
color: #a6ccd7;
}
#header h3 {
width: 265px;
height: 39px;
background: url(/lib/img/gp-global-ui-elements.gif) no-repeat 0 -144px;
position: absolute;
top: 36px;
left: 7px;
}
#header h3 a {
display: block;
width: 265px;
height: 39px;
text-indent: -999em;
}
#header .userbox {
background: #40466e url(/lib/img/right-hook-bg.gif) no-repeat left top;
position: absolute;
right: 0;
top: -10px;
padding: 5px 10px 5px 25px;
font-size: 10px;
font-weight: bold;	
}
#header .userbox a {
color: #fff;
}
#header .userbox a:hover {
color: #a6ccd7;
}
#header .userbox li {
float: left;
display: inline;
margin: 0 0 0 10px;
}
#header .userbox li.username a {
color: #a6ccd7;
}
#header .userbox li.login {
margin: 0;
}

/* Daily Quote Stuff */

#header #daily-quote {
position: absolute;
top: 35px;
right: 5px;
width: 260px;
height: 40px;
font-family: "refrigerator-deluxe-1","refrigerator-deluxe-2","Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #5eadc0;	
}

/* @end */

/* @group Search Form */

/* Search Form */
form#searchForm {
width: 320px;
position: absolute;
top: 41px;
left: 320px;	
}
form#searchForm fieldset {
position: relative;
width: 100%;
font-family: "skolar-1","skolar-2",Georgia,"Times New Roman","Times Roman",serif;
font-weight: 600;
font-size: 14px;
}
form#searchForm legend {
display: none;
}
form#searchForm input#searchField {
width: 285px;
height: 19px;
padding: 2px;
border: 1px solid #fff;
font-size: 16px;
font-family: "skolar-1","skolar-2",Georgia,"Times New Roman","Times Roman",serif;
font-weight: 600;
color: #ccc;
}
form#searchForm label {
position: absolute;
left: 10px;
top: 7px;
color: #ccc;
}
form#searchForm button {
position: absolute;
right: 10px;
top: 7px;
width: 12px;
height: 13px;
border: none;
background: url(/lib/img/gp-global-ui-elements.gif) no-repeat -938px -143px;
text-indent: -999em;
}

/* @end */



/* @group Spotlight Gamer */

.member {
position: relative;
height: 134px;
margin: 0 0 10px;
background: url(/lib/img/gp-global-ui-elements.gif) no-repeat -313px -481px;
}
.member h3 {
display: block;
text-indent: -999em;	
}
.member .avatar {
position: absolute;
left: 53px;
top: 9px;
}
.member ul {
padding: 0 0 0 165px;	
}
.member .username {
font-family: "skolar-1","skolar-2", Georgia, "Times New Roman","Times Roman",serif;
font-weight: 200;
font-size: 14px;
margin: 0 0 7px;
min-height: 23px;	
}
.member .profile {
font-weight: bold;
font-family: georgia, serif;
font-style: italic;
font-size: 10px;
margin: 0 0 20px;	
}
.member .username a {
color: #0f7fa7;	
}
.member .username a:hover {
color: #40466e;
}
.member .avatar img {
width: 100px;	
}
.member .profile a {
color: #9D362A;
}
.member .blog,
.member .user-reviews {
font-family: Georgia, "Times New Roman","Times Roman",serif;
font-weight: 200;
font-size: 11px;
margin: 0 0 5px;
}
.member .blog a,
.member .user-reviews a {
color: #006a94;
}
.member .blog a:hover,
.member .user-reviews a:hover {
color: #40466e;
}
/* @end */



/* @group Search Drop Down */

body #searchAsYouType div.searchResults {
width: 320px !important;
top: 82px !important;
}
body span.searchClose {
background: none;
height: auto;
width: auto;
text-indent: 0;	
}
body span.searchClose.bottom,
body span.searchClose.top {
left: auto;
bottom: auto;
right: auto;
top: auto;
position: relative;
background: url(/lib/img/ui-search-close.gif) no-repeat left center;
text-indent: -999em;
padding: 5px;
}
/* @end */

/* @group Navigation */

/* Master Navigation */
#header #mast-nav {
position: absolute;
top: 80px;
left: 325px;
width: 330px;
font-family: "refrigerator-deluxe-1","refrigerator-deluxe-2","Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 400;
}
#header #mast-nav li {
float: left;
display: inline;
padding: 0 9px;
border-right: 1px solid #7b82a4;
}
#header #mast-nav li:first-child {

}
#header #mast-nav li.last,
#header #mast-nav li:last-child {
border-right: none;
padding: 0 0 0 9px;
}
#header #mast-nav a {
color: #a6ccd7;
}
#header #mast-nav a:hover,
#header #mast-nav li.on a {
color: #fff;
}

/* Sub Navigation */
#header #sub-nav-one {
position: absolute;
left: 0;
top: 100px;
width: 285px;
font-family: "refrigerator-deluxe-1","refrigerator-deluxe-2", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 17px;
text-transform: uppercase;
font-weight: 400;
}
#header #sub-nav-one li {
float: left;
display: inline;
padding: 0 11px;
border-right: 1px solid #a6ccd7;
}
#header #sub-nav-one li.last,
#header #sub-nav-one li:last-child {
border-right:none;
padding: 0 0 0 10px;
}
#header #sub-nav-one a {
color: #a6ccd7;
display: block;
}
#header #sub-nav-one a:hover,
#header #sub-nav-one li.on a {
color: #fff;
}

/* Sub Navigation */
#header #sub-nav-two {
position: absolute;
right: 0;
top: 100px;
width: 280px;
font-family: "refrigerator-deluxe-1","refrigerator-deluxe-2", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 17px;
text-transform: uppercase;
font-weight: 400;
z-index: 2147483647;	
}
#header #sub-nav-two li {
float: left;
display: inline;
padding: 0 10px;
border-left: 1px solid #a6ccd7;
}
#header #sub-nav-two li.first,
#header #sub-nav-two li:first-child {
border-left: none;
}
#header #sub-nav-two li:last-child {
border-left: none;
}
#header #sub-nav-two a {
color: #a6ccd7;
display: block;
}
#header #sub-nav-two a:hover,
#header #sub-nav-two li.on a {
color: #fff;
}

/* Community Suckerfish */
#header #sub-nav-two ul {
position: relative;	
z-index: 2147483647;	
}
#header #sub-nav-two li.community {
float: right;
text-align: right;
position: relative;	
width: 112px;
padding: 0;
background: url(/lib/img/ui-nav-drop.gif) no-repeat 90px 6px;
z-index: 2147483647;	
border-left: none;
}
#header #sub-nav-two li.community a {
color: #ffcc33;
padding: 0 33px 12px 0;
}
#header #sub-nav-two li.community ul {
position: absolute;
display: block;
z-index: 2147483647;	
left: -999em;
width: 97px;	
padding: 15px 10px 10px 40px;
background: url(/lib/img/ui-nav-drop-bg.gif) no-repeat right top;
}
#header #sub-nav-two li.community:hover {
z-index: 2147483647;	/* C-C-C-COMBO BREAKER!!!!!!! */
visibility: inherit;
}
#header #sub-nav-two li.community:hover ul {
left: -35px;
top: 22px;
}
#header #sub-nav-two li.community ul a {
padding: 0;
background: none;
color: #fff;	
}
#header #sub-nav-two li.community ul a:hover {
color: #a6ccd7;
}
#header #sub-nav-two li.community ul li {
float: none;
display: block;
margin: 0 0 8px;
padding: 0;
border-left: none;
}
#header #sub-nav-two li.community ul li.logged-in {
margin: 0;	
}
#header #sub-nav-two li.community ul li.logged-in ul {
position: relative;
left: -4px;
top: auto;
padding: 10px 6px;
border-top: 1px dotted #57618C;
}
#header #sub-nav-two li.community ul li.logged-in ul a {
color: #a6ccd7;
}
#header #sub-nav-two li.community ul li.logged-in ul a:hover {
color: #5eadc0;
}

/* @end */



/* @group app window*/

div.app-window {
position: absolute;
width: 420px;
height: 100px;
height: auto;
z-index: 100;
border: 10px solid rgba(0, 0, 0, .5);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

div.app-window h2 {
background: #006a94;
color: #fff;
font-size:  12px;
padding: 7px;
margin: 0;
cursor: move;
font-family: "skolar-1","skolar-2","Times New Roman","Times Roman",serif;
font-weight: bold;
}

div.app-window h3 {
margin: 10px;
}

div.app-window p {
padding: 10px 5px;
background: #fff;
}

div.app-window form {
padding: 10px;
}

div.app-window form p {
padding: 0;
margin: 0 0 10px 0;
}

div.app-window form h3 {
margin: 0 0 10px 0;
font-weight: bold;	
}


div.app-window input {
float: left;
margin: 0 5px 0 0;
color: #333;
}

div.app-window button {
float: left;
border: solid 1px #b2b2b2;
background: #EEE;
color: #333;
margin: 0 5px 0 0;
cursor: pointer;
font-size: 10px;
}

div.app-window button:hover {
border-color: #8F0000;
color: #8F0000;
}

div.app-window ol {
padding: 10px 10px 10px 30px;
}

div.app-window ol li {
list-style: decimal;
margin: 0 0 5px 0;
}

div.app-window ol li span.hilite {
color: #8F0000;
font-weight: bold;
}

div.app-window a.close {
background: #333;
color: #FFF;
text-decoration: none;
position: absolute;
right: 5px;
top: 5px;
padding: 2px;
}

div.app-window a.close:hover {
background: #8F0000;	
color: #FFF;
}

div.app-window div#validate_error {
width: 100%;
clear: both;
padding: 10px 0 0;
color: #8F0000;	
font-style: italic;
}

div.app-window div#talkTarget {
background: #FFF !important;
min-height: 100px;
}

div.app-window div#talkTarget a {
color: #8F0000;	
}

div.app-window div#talkTarget a:hover {
text-decoration: none;
}

div.app-window form.box-form {
padding: 10px ;
}

div.app-window form.box-form label {
}

div.app-window form.box-form textarea {
color: #333;
border: solid 1px #b2b2b2;
font:  1em "Lucida Grande", Lucida, "Trebuchet MS", Verdana, sans-serif;
margin: 0 0 10px 0;
width: 375px;
padding: 10px;
}

div.app-window form.box-form input.no-float,
div.app-window form.box-form button.no-float {
float: none;
}

div.app-window form.box-form input.no-float {
margin: 0 0 5px 0;
}

div.app-window form.box-form span.error {
display: block;
margin: 0 0 5px 0;
color: #8F0000;
}

div.app-window form.box-form span.error.hide {
display: none;
}

div.app-window div.loading {
background: url(/lib/img/ajax-loader.gif) no-repeat center 40px;
height: 100px;
}

div.app-window div.loading p {
text-align: center;
height: 100px;
font-size: 12px;
}


/* @end */

/* @group Feature Scroller */

/* Feature Scroller */
.features {
margin: 0 0 10px 0;
background: #e4e4e3;	
padding: 10px;
}
.features div.slot {
display: none;
padding: 10px;
background: #fff url(/lib/img/feature-scroll-bottom.png) repeat-x left bottom;
box-shadow: 0 -2px 4px #bdbcb0;
-webkit-box-shadow: 0 -2px 4px #bdbcb0;
-moz-box-shadow: 0 -2px 4px #bdbcb0;	
}
.features.platforms div.slot {
background: #fff;
box-shadow: 0 3px 4px #bdbcb0;
-webkit-box-shadow: 0 3px 4px #bdbcb0;
-moz-box-shadow: 0 3px 4px #bdbcb0;	
}
.features div.slot.on,
.features .stories li.on {
display: block;	
background-color: #F0E0B5
}
.features div.slot .art {
overflow: hidden;
display: block;
margin: 0 0 20px;
box-shadow: 2px 2px 4px #bdbcb0;
-webkit-box-shadow: 2px 2px 4px #bdbcb0;
-moz-box-shadow: 2px 2px 4px #bdbcb0;	
}
#photo .features div.slot .art .noshadow {
-moz-box-shadow:0px 0px 0px #F0E0B5 !important;
}
.features div.slot img {
display: block;
width: 100% !important;
}
.features div.slot .text {
background-color: #F0E0B5;
margin-top: 10px;
}

#video .features div.slot .text {
margin-right: 22px;
}

.features div.slot h3 {
font-family:"skolar-1","skolar-2", Georgia, "Times New Roman","Times Roman",serif;
font-weight: 200;
font-size: 30px;
margin: 0 0 5px;
z-layer: 10;
padding-bottom:4px;
min-height: 40px;
}
.features div.slot h3 a {
color: #333;
}
.features div.slot h3 a:hover {
color: #111;
}
.features div.slot .text p {
font-family: georgia, serif;
font-size: 11px !important;
line-height: 12px !important;
margin: 0 0 5px;
font-color: #990000;
}
.features .content-target {
background: #7ab6c4;
padding-top: 8px;
}
/*
#video .content-target {
background: #DB7011;
}
*/
.platforms .content-target {
background: none;
}
.features .scroller-wrap {
position: relative;
}
.features .scroller-wrap .indicator {
position: absolute;
bottom: -25px;
left: 85px;
display: block;
background: url(/pdr/assets/images/ui-scroller-indicator.gif) no-repeat top center;
width: 35px;
height: 25px;
}
/*
#video .features .scroller-wrap .indicator {
background: url(/video/images/ui-scroller-indicator.gif) no-repeat top center;
}
*/
.features .stories-wrap {
overflow: hidden;
height: 60px;
padding: 3px 0 10px 0;
position: relative;
left: 40px;
width: 662px;	
}
#video .features .stories-wrap {
width: 532px;	
}
.features .arrows li {
position: absolute;
top: 20px;	
}
.features .arrows li.back {
left: 5px;
}
.features .arrows li.forward {
right: 5px;
}
.features .arrows li a {
display: block;
background-repeat: no-repeat;
width: 20px;
height: 28px;

}
.features .arrows li.back a {
background-image: url(http://www.frankmedia.com/pdr/assets/images/arrow-left-yellow.jpg);
}
.features .arrows li.back a:hover {
background-image: url(http://www.frankmedia.com/pdr/assets/images/arrow-left-purp.jpg);
}
.features .arrows li.back.off a {
background-image: url(http://www.frankmedia.com/pdr/assets/images/arrow-left-white.jpg);
cursor: default;
}

.features .arrows li.forward a {
background-image: url(http://www.frankmedia.com/pdr/assets/images/arrow-right-yellow.jpg);
padding-right: 10px !important;
}
.features .arrows li.forward a:hover {
background-image: url(http://www.frankmedia.com/pdr/assets/images/arrow-right-purp.jpg);
}
.features .arrows li.forward.off a {
background-image: url(http://www.frankmedia.com/pdr/assets/images/arrow-right-white.jpg);
cursor: default;
}

.features .stories {
width: 10000px;
position: absolute;
top: 0;
left: 0;
}
.features .stories li {
float: left;
display: inline;
margin: 0 10px 10px 0;
width: 120px;
height: 60px;
overflow: hidden;
position: relative;
border: 2px solid #fff;	
}
.features .stories li.on {
border-color: #006a94;
}
.features .stories li:nth-child() {
margin: 0;
}
.features .stories li img {
width: 120px;
}
.features .stories li span {
	display: none;
position: absolute;
top: 30px;
left: 0;
background: rgba(0,0,0,.5);
color: #fff;
width: 110px;
padding: 5px;
height: 20px;
font-weight: bold;	
}

.features .slot .articles {
width: 125px;
height: 125px;
float: right;
border-left: 0px dotted #ddd;
padding: 0 0 0 10px;
margin: 0 0 10px 10px;
font-size: 10px;	
line-height:14px;
}

#photo .features .slot .articles {
width: 140px !important;
}

#photo .features .slot .articles li {
	margin:0 20px 20px;
}

.features .slot .articles li {
margin: 0 0 2px;
font-family: georgia, serif;
font-weight: bold;
font-style: italic;	
}

#video .features .slot .articles li {
margin: 0 0 12px 10px;
}

.features .slot .articles li a {
color: #5eadc0;
display: block;
}
/*
#video .features .slot .articles li a {
color: #DB7011;
}
*/
.features .slot .articles li a:hover {
color: #006a94;
}

/* @end */

/* @group Breadcrumb */

/* Breadcrumb */
.breadcrumb {
margin: 0 0 20px;
position: relative;
}
.breadcrumb ul {
background:  url(/lib/img/ui-line.gif) repeat-x left top;	
height: 20px;
padding: 0 0 0 10px;	
}
.breadcrumb li {
float: left;
font-size: 11px;	
}
.breadcrumb li.section {
font-weight: bold;	
}
.breadcrumb li.section a {
background: #065878;
color: #fff;
}
.breadcrumb li.section a:hover {
color: #a6ccd7;
}

.breadcrumb li.platform,
.breadcrumb li.profile-head {
font-family: "skolar-1","skolar-2",Georgia,"Times New Roman","Times Roman",serif;
font-weight: 200;
text-transform: uppercase;
}
.breadcrumb li.platform a,
.breadcrumb li.profile-head {
background: #006a94;
color: #fff;
}
.breadcrumb li.platform a:hover {
color: #a6ccd7;
}
.breadcrumb li.genre {
font-weight: bold;
background:  url(/lib/img/left-hook.gif) no-repeat right top;
padding: 0 11px 0 0;	
}
.breadcrumb li.genre a,
.breadcrumb li span {
background: #5eadc0;
color: #40466e;
}
.breadcrumb li.genre a:hover {
color: #fff;
}
.breadcrumb li a,
.breadcrumb li.profile-head,
.breadcrumb li span {
padding: 3px 9px;
display: block;
height: 16px;
line-height: 1.5em;
}

/* @end */

/* @group Pagination */

.page {
clear: both;
margin: 0 0 20px;
position: relative;	
text-align: center;
font-size: 11px;
font-weight: bold;
height: 19px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
background:  url(/lib/img/ui-line.gif) repeat-x left center;	
}
.page.article {
font-size: 11px;
padding: 0;	
}
.page.article ul {
padding: 0;
}
.page li {
display: inline;
margin: 0 5px 0 0;	
}
.page li ul {
display: inline;
}
.page li a,
.page li span {
background: #abe0ef;
color: #006a94;
line-height: 1.7em;
padding: 3px 9px;
}
.page li.button a,
.page li span {
display: block;
width: 40px;
padding: 1px 0;
text-align: center;	
}
.page li span {
background: #eee;
color: #999;	
}
.page li a span {
padding: 0;	
background: #abe0ef;
color: #006a94;
}
.page li.space {
background: #abe0ef;
color: #006a94;
line-height: 1.7em;
padding: 3px 9px;
}
.page li.current {
line-height: 1.7em;
padding: 3px 9px;
}
.page li.current,
.page li a:hover {
background: #006a94;
color: #fff;
}
.page.article li.current a {
padding: 0;
background: #006A94;
color: #fff;	
}
.page li a:hover span {
background: #006a94;
color: #fff;
}
.page .first,
.page .last,
.page .prev,
.page .next {
position: absolute;	
top: 0;
}
.page .first {
left: 10px;
background:  url(/lib/img/right-hook.gif) no-repeat left top;	
padding: 0 0 0 11px;
}
.page .last {
right: 10px;
background:  url(/lib/img/left-hook.gif) no-repeat right top;
padding: 0 11px 0 0;	
}
.page .prev {
left: 70px;	
}
.page .next {
right: 70px;	
}

/* @end */



/* @group Block Groups / 1/4 Modules */

/* Block Groups */
.horizontal-blocks {
width: 100%;
min-height: 270px;
margin: 0 0 20px;	
}
.block {
width: 150px;
float: left;
margin: 0 10px 0 0;
padding: 0;
background: #fff;
}
.block.last {
margin: 0;
}
.block.double {
width: 310px;	
}
.block.triple {
width: 470px;	
}
.block a {
display: block;
color: #333;
}
.block a:hover {
color: #666;
}
.top-games .block a {
color: #006A94;	
}
.top-games .block a:hover {
color: #5EADC0;	
}
.block .thumb,
.top-games .thumb {
width: 150px;
height: 94px;
overflow: hidden;
display: block;
margin: 0 0 10px;	
}
.block img {
margin: 0 0 10px;
display: block;
width: 150px;	
}
.block.double .thumb {
float: right;
margin: 0 0 10px 10px;
}
.block h3 {
font-weight: bold;
text-align: center;
padding: 8px 0;
background: #999;
color: #fff;
font-size: 11px;
margin: 0 0 10px;
}
.block.double h3 {
text-align: left;
padding: 8px 0 8px 10px;
}
.block h4 {
font-family: "skolar-1","skolar-2","Times New Roman","Times Roman",serif;
font-weight: bold;
font-size: 12px;
margin: 0 0 10px;
min-height: 2em;
}
.block .title,
.top-games .title {
/*font-family: "skolar-1","skolar-2","Times New Roman","Times Roman",serif;*/
font-family: "skolar-1","skolar-2",Georgia,"Times New Roman","Times Roman",serif;

font-size: 18px;
margin: 0 0 10px;
min-height: 2em;
line-height: 110%;
}
.block p,
.top-games ul.description {
font-family: georgia, serif;
line-height: 160%;
font-size: 12px;
}
.top-games ul.description {
font-size: 11px;
}
.top-games span {
font-weight: bold;
color: #666;
}
.top-games {
position: relative;	
}
.top-games .show-more {
position: absolute;
top: 5px;
right: 10px;
width: 80px;
font-weight: bold;
color: #fff;
font-size: 11px;
background: url(/lib/img/gp-global-ui-elements.gif) no-repeat -850px -179px;
padding: 5px 20px 5px 0;
}
.top-games .show-more:hover {
background-position: -850px -204px;
color: #a6ccd7;
}
.top-games h1,
.top-games h2 {
font-weight: bold;
text-align: left;
padding: 8px 0 8px 10px;
background: #006a94;
color: #fff;
font-size: 11px;
margin: 0 0 10px;
}

.top-games .no-rating {
font-weight: bold;
font-style: italic;
margin: 0 0 10px;
}
.top-games .no-rating span {
color: #999;	
}
.horizontal-blocks div:last-child,
.horizontal-blocks div.last {
margin: 0;	
}

/* Color Schemes for articles types */
.block.reviews h3 {
background: #9d362a;
}
.block.reviews .title a {
color: #9d362a;
}
.block.reviews .title a:hover {
color: #772016;	
}
.block.features h3 {
background: #da9510;	
}
.block.features .title a {
color: #da9510;	
}
.block.features .title a:hover {
color: #be810d;	
}
.block.previews h3 {
background: #a6ccd7;
color: #333;	
}
.block.previews .title a {
color: #111;	
}
.block.previews .title a:hover {
color: #000;	
}
.block.podcasts h3 {
background: #40466e;	
}
.block.podcasts .title a {
color: #40466e;	
}
.block.podcasts .title a:hover {
color: #1e244b;	
}
.block.triple h3 {
text-align: left;	
padding: 8px 0 8px 10px;	
}
.block.video h3 {
background: #5eadc0;
}
.block.video .title a {
color: #5eadc0;	
}

/* @end */

/* @group Section Categories */

.section-nav {
margin: 0 0 10px;	
position: relative;
}
.section-nav li {
float: left;
display: inline;
margin: 0 10px 0 0;
font-family: "refrigerator-deluxe-1","refrigerator-deluxe-2","Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
border-right: 1px solid #ddd;
padding: 0 10px 0 0;
}
.section-nav li:last-child {
border-right: none;
margin: 0;
padding: 0;
}
.section-nav .title {
font-family: "skolar-1","skolar-2",Georgia,"Times New Roman","Times Roman",serif;
font-weight: 600;
color: #9d362a;
font-size: 14px;
border-right: none;
padding: 0;
}
.section-nav li a {
color: #006a94;
}
.section-nav li a:hover {
color: #5eadc0;
}

/* @end */

/* @group Top Games Module */

/* Rating stars for top-games */
.top-games .rating {
background: url(/lib/img/med_gpstars_grey.png) no-repeat left center;
position: relative;
height: 21px;
margin: 0 0 10px;
}
.top-games .rating span.score {
background: url(/lib/img/med_gpstars.png) no-repeat left center;
height: 21px;
display: block;
}
.top-games .rating .score.num_5-0 {
width: 100px;
}
.top-games .rating .score.num_4-5 {
width: 90px;
}
.top-games .rating .score.num_4-0 {
width: 80px;
}
.top-games .rating .score.num_3-5 {
width: 70px;
}
.top-games .rating .score.num_3-0 {
width: 60px;
}
.top-games .rating .score.num_2-5 {
width: 50px;
}
.top-games .rating .score.num_2-0 {
width: 40px;
}
.top-games .rating .score.num_1-5 {
width: 30px;
}
.top-games .rating .score.num_1-0 {
width: 20px;
}
.top-games .rating .score.num_0-5 {
width: 10px;
}
.top-games .rating .score.num_0-0 {
width: 0px;
}

/* @end */

/* @group The Feed */

/* The Feed */
.mini-feed {
margin: 0 0 10px;
position: relative;	
}
.mini-feed h2 {
font-weight: bold;
text-align: left;
padding: 8px 0 8px 10px;
background: #006a94;
color: #fff;
font-size: 11px;
margin: 0 0 10px;	
}
.mini-feed ul {
position: relative;
border-bottom: 1px dotted #ddd;
margin: 0 0 10px;
padding: 0 0 10px 110px;
min-height: 70px;
font-family: georgia, serif;
line-height: 160%;
font-size: 12px;
overflow: hidden;
background: none;	
}
.mini-feed ul:last-child {
border-bottom: none;
margin: 0;	
}
.mini-feed .thumb {
position: absolute;
top: 0;
left: 0;	
width: 100px;
height: 70px;
overflow: hidden;
}
.mini-feed .thumb img {
width: 100px;
}
.mini-feed .title {
font-family: "skolar-1","skolar-2",Georgia,"Times New Roman","Times Roman",serif;
/*font-family: "skolar-1","skolar-2","Times New Roman","Times Roman",serif;*/
font-weight: normal;
font-size: 18px;
margin: 0 0 5px;
}
.mini-feed .title a {
color: #006A94;
display: block;	
}
.mini-feed .title a:hover {
color: #5EADC0;
}
.mini-feed .title a span {
color: #9d362a;
font-size: 9px;
font-style: italic;
font-weight: bold;
font-family: georgia, serif;
padding: 0 10px 0 0;
}
.mini-feed .title a span.time {
font-size: 9px;
color: #999;
font-weight: normal;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
font-style: normal;		
}
.mini-feed .reviews .desc {
margin: 0 0 5px;
}
.mini-feed .user-score,
.mini-feed .gamepro-score {
background: url(/lib/img/default_stars_grey.png) no-repeat right center;
position: relative;
height: 17px;
float: left;
margin: 0 10px 0 0;	
}
.user-score span,
.gamepro-score span {
font-family: "skolar-1","skolar-2","Times New Roman","Times Roman",serif;
font-weight: bold;
font-size: 11px;
letter-spacing: -.01em;
}
.user-score {
width: 150px;
}
.gamepro-score {
width: 175px;
}
.user-score .score,
.gamepro-score .score {
display: block;
height: 17px;
width: 85px;
position: absolute;
top: 0;	
}
.user-score .score {
background: url(/lib/img/default_stars.png) no-repeat left center;
left: 65px;	
}
.gamepro-score .score {
background: url(/lib/img/default_gpstars.png) no-repeat left center;
left: 90px;	
}

/* @end */

/* @group Footer */

/* Footer */

#footer {
border-top: 1px dotted #ddd;
margin: 0 10px 10px;
padding: 10px 0;
font-size: 11px;
clear: both;
}
#footer .title,
#footer .articles a {
font-weight: bold;
color: #111;
}
#footer a {
color: #666;	
}
#footer a:hover {
color: #333;
}
#footer li {
margin: 0 0 10px;
}
#footer ul  {
float: left;
width: 128px;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
border-right: 1px solid #ddd;
height: 130px;	
}
#footer ul ul {
border-right: none;
position: absolute;
left: -999em;
top: -385px;
}
#footer ul li.more {
position: relative;
background: url(/lib/img/gp-global-ui-elements.gif) no-repeat 105px -555px;
}
#footer ul li.more ul {
background: #fff;
z-index: 2;
float: none;
height: auto;
width: auto;
padding: 10px;
margin: 0;
border: 1px solid #eee;
}
#footer ul li.more ul a {
display: block;
}
#footer ul li.more ul li {
width: 100%;
float: none;
}
#footer ul li.more:hover ul {
left: 0;	
}
#footer .international,
#footer .tools  {
width: 300px;
}
#footer .international .title,
#footer .tools .title {
width: 100%;
float: left;
clear: both;
}
#footer .international li ,
#footer .tools li {
float: left;
width: 50%;
}
#footer .articles {
border-right: none;	
}
.legal {
background: #005082;
height: 25px;
position: relative;
font-size: 10px;
font-weight: bold;
color: #333;
}
.legal a {
color: #333;
padding: 5px 25px 5px 10px;
display: block;
}
.legal .copyright {
background: #abe0ef url(/lib/img/right-hook-bg.gif) no-repeat left top;
position: absolute;
left: 30px;
top: -10px;
padding: 5px 10px 5px 25px;
}
.legal .social {
position: absolute;
right: 30px;
top: -10px;
}
.legal .social li {
float: left;
display: inline;
}
.legal .twitter a {
background: #abe0ef url(/lib/img/left-hook-bg.gif) no-repeat right top;	
}
.legal .facebook a {
background-color: #a6ccd7;
padding: 5px 10px;
}
.legal a:hover {
color: #006a94;
}

/* @end */

/* @group Buttons / Link Styling */


/* More Button */
a.more {
display: block;
background: #a6ccd7;
border-right: 2px solid #5eadc0;
border-bottom: 2px solid #5eadc0;
font-family: "skolar-1","skolar-2","Times New Roman","Times Roman",serif;
font-weight: bold;
color: #9d362a;
font-size: 17px;
line-height: 1.6em;
text-align: center;
margin: 0 0 10px;
}
a.more:hover {
background: #88bdcc;	
}
a.more:active {
border-left: 1px solid #5eadc0;
border-top: 1px solid #5eadc0;
border-right: none;
border-bottom: none;
}

/* Link Styling */
#right .more-link {
background: url(/lib/img/gp-global-ui-elements.gif) no-repeat 0 -580px;
width: 78px;
height: 14px;
display: block;
color: #9d362a;
font-family: georgia, serif;
font-size: 10px;
font-style: italic;
font-weight: bold;
padding: 3px 17px;
z-index: 2;	
position: absolute;
right: 0;
bottom: -13px;	
}
#right .more-link.off {
display: none;
}

.submit,
#pollForm button {
display: block;
background: #a6ccd7;
border: none;
border-right: 1px solid #5eadc0;
border-bottom: 1px solid #5eadc0;
font-family: georgia,serif;
color: #9d362a;
font-style: italic;
font-weight: bold;
font-size: 10px;
padding: .3em 1em;
text-align: center;
cursor: pointer;
float: right;
margin: 0 0 0 10px;
line-height: 1.4em;
}
#pollForm button {
margin: 0;	
}
#pollForm button.submit {
margin: 0 0 0 10px;
}
.formButton,
#commentSubmit,
#commentCancel,
.save-button,
#mail_submit {
display: block;
background: #a6ccd7;
border: none;
border-right: 1px solid #5eadc0;
border-bottom: 1px solid #5eadc0;
font-family: georgia,serif;
color: #9d362a;
font-style: italic;
font-weight: bold;
font-size: 10px;
padding: .3em 1em;
line-height: 1.4em;
text-align: center;
cursor: pointer;
float: left;
margin: 0 10px 0 0;
}

.formButton:hover,
.submit:hover,
#commentSubmit:hover,
#commentCancel:hover,
.save-button:hover,
#mail_submit:hover,
#pollForm button:hover {
background: #88bdcc;	
}
.formButton:active,
.submit:active,
#commentSubmit:active,
#commentCancel:active,
.save-button:active,
#mail_submit:active,
#pollForm button:active {
border-left: 1px solid #5eadc0;
border-top: 1px solid #5eadc0;
border-right: none;
border-bottom: none;
}
/* @end */




/* @group overlay login box */

#dialog {
position: absolute;
left: 50%;
top: 100px;
margin-left: -300px;
width: 600px;
z-index: 2147483647;
font-size: 11px;
box-shadow: 0 4px 10px #666;
-webkit-box-shadow: 0 4px 10px #666;
-moz-box-shadow: 0 4px 10px #666;	
border: 10px solid rgba(0,0,0,.5);
-moz-border-radius: 4px;	
}
#dialog a {
color: #5eadc0;
}
#dialog a:hover {
color: #006a94;
}
#dialog .dialog-wrap {
background: #fff;
border: 2px solid #006a94;
}
#dialog h3 {
font-family: "skolar-1","skolar-2",Georgia,"Times New Roman","Times Roman",serif;
font-weight: 200;
font-size: 18px;
margin: 0 0 10px;
padding: 10px;
border-bottom: 1px dotted #ddd;
}
#dialog label {
display: block;
margin: 0 0 5px;
font-weight: 200;
font-size: 16px;
font-family: "skolar-1","skolar-2",Georgia,"Times New Roman","Times Roman",serif;
}
#dialog input {
margin: 0 0 10px;
border: 1px solid #ddd;
padding: 4px;
color: #666;
}
#dialog button {
display: block;
}
#dialog form {
padding: 10px 10px 10px 200px;
}
#dialog .tools-bottom {
padding: 10px;
border-top: 1px dotted #ddd;
font-weight: bold;
}
#dialog .password-reset {
position: absolute;
top: 145px;
left: 370px;
font-weight: bold;	
}
#dialog .close {
position: absolute;
top: -7px;
right: -7px;
background: url(/lib/img/ui-login-close.png) no-repeat;
width: 25px;
height: 25px;
z-index: 9999;
}
#dialog .close a {
display: block;
width: 25px;
height: 25px;
text-indent: -999em;
}
/* @end */



/* below are classes for Prototype add-ons*/



/* @group lightview */

/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	height: 150px;
	width: 150px;
	padding: 0;
	z-index: 2147483647 !important;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align:left;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.navbarHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
	z-index: 2147483646 !important;
}

/* @end */

/* @group prototip */

/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */

/* @end */



/* @group starbox */

/* Starbox.css 
   Part of http://www.nickstakenburg.com/projects/starbox/
*/

.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }
.starbox .colorbar { background: #FC3; }
.starbox .hover .colorbar { background: #8f0000; }
.starbox .rated .colorbar { background: #8F0000; }
.starbox .rated .hover .colorbar { background: #8F0000; }
.starbox .ghost { background: #a1a1a1; }
.starbox .indicator { clear: both; font-size: .9em; }
.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(/global/images/starbox/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #000000; }
.starbox .dotted .ghost { background: #666666; }

.starbox .pointy .colorbar { background: #ffcc1c; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }

.text p {
	font-size: 10px;
	line-height: 12px
}
.date-wrapper {
	float: right;
	margin-right: 205px;
	font-size: 9px;
	margin-bottom: 24px
}
.left-header {
	color: darkblue;
	font-size: 18px !important;
	margin-left: 15px;
}

/* @end */