/* 
Browse Styles

1) Column Sizing
2) Spotlight
3) Filters
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
*/


/* Column Sizing
---------------------------------------------------------------------------------------------*/
#browse #subcol {
	width: 245px;
	float: left;
}

#browse #maincol {
	width: 695px;
	float: left;
}


#browse #subcol {
	width: 245px;
	float: left;
}


#browse .maincol {
	margin: 0 10px;
	width: auto;
}


/* Browse pods
---------------------------------------------------------------------------------------------*/
#browse .maincol .videos ul li.item {
	width: auto;
	padding: 0 0 14px;
}

#browse .maincol .videos ul li.item a.thumb {
	float: none;
	display: block;
	margin: 0 16px;
}

#browse .maincol .videos ul li.item .details {
	margin: 0 16px;
	padding: 5px;
	width: 170px;
	height: 100px;
}

#browse .maincol .videos ul li.item .details h3 a {
	height: auto;
}

#browse .maincol .videos ul li.item .details a.icon {
	margin-right: 0;
}

#browse .maincol .videos ul li.item .details a.icon span.v-center-wrapper {
	width: 145px;
}

#browse .maincol .videos ul li.item .details .stats {
	margin-top: 22px;
}

#browse .maincol .videos ul li.item .details .stats span {
	font-size: 10px;
	text-transform: none;
}

#browse .maincol .videos ul li.item .details .stats strong {
	font-size: 11px;
}

#browse #subcol .pod .hd h2 {
	color: #4A5E70;
	font-size: 14px;
	text-transform: none;
}


/* Games pods (For game pages)
---------------------------------------------------------------------------------------------*/
#games .maincol .videos ul li.item {
	width: auto;
	padding: 0 0 14px;
}

#games .maincol .videos ul li.item a.thumb {
	float: none;
	display: block;
	margin: 0 16px;
}

#games .maincol .videos ul li.item .details {
	margin: 0 16px;
	padding: 5px;
	width: 170px;
	height: 100px;
}

#games .maincol .videos ul li.item .details h3 a {
	height: auto;
}

#games .maincol .videos ul li.item .details a.icon {
	margin-right: 0;
}

#games .maincol .videos ul li.item .details a.icon span.v-center-wrapper {
	width: 145px;
}

#games .maincol .videos ul li.item .details .stats {
	margin-top: 22px;
}

#games .maincol .videos ul li.item .details .stats span {
	font-size: 10px;
	text-transform: none;
}

#games .maincol .videos ul li.item .details .stats strong {
	font-size: 11px;
}

#games #subcol .pod .hd h2 {
	color: #4A5E70;
	font-size: 14px;
	text-transform: none;
}

#games .videos .details .meta { padding: 0;}


/* Featured pods
---------------------------------------------------------------------------------------------*/
#browse .popular-in-game .hd { background: #4087B9 url(popular-in-game-hd-bg.gif) 0 0 repeat-x; }
#browse .popular-in-game .hd .tl { display: none }
#browse .popular-in-game .hd .tr { display: none }
#browse .popular-in-game .hd h2 { color: #E9F3FF; }
#browse .popular-in-game .hd h2 em { color: #FFF; }

#browse .popular-content {
	background: #191D20 url(popular-content-browse-bg.gif) 0 0 repeat-x;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#browse .popular-content .hd {
	background: #173142 url(popular-content-browse-hd-bg.gif) 0 0 repeat-x;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
}

#browse .popular-content .ft {
	background: #191D20 url(popular-content-browse-ft-bg.gif) 0 0 no-repeat;
}


#browse .maincol .videos ul li.item {
	width: auto;
	padding: 0 0 0px;
}
#games .maincol .videos ul li.item { padding: 0 7px 0; }


#browse .maincol .videos ul li.item a.thumb {
	float: none;
	display: block;
	margin: 0 16px;
}

#browse .maincol .videos ul li.item .details {
	margin: 0 16px;
	padding: 5px;
	width: 170px;
	height: 85px;
}

#browse .popular-content .main-videos .details h3 a {
	height: 1em;
	font-size: 18px;
	color: #FFF;
}
#browse .popular-content .main-videos .details h3 a:hover { color: #C2CAD0; }

#browse .popular-content .main-videos .details p {
	padding-bottom: 4px;
	color: #C2CAD0;
	height: auto;
	line-height: 1.4em;
}

#browse .popular-content .main-videos .details p a {
	color: #FFF;
	white-space: nowrap;
}

#browse .popular-content .main-videos .details p a:hover {
	color: #C2CAD0 !important;
}

#browse .popular-content .main-videos .details a.icon {
	margin-right: 0;
}

#browse .popular-content .main-videos .details a.icon span.v-center-wrapper {
	width: 145px;
}

#browse .popular-content .main-videos .details a.icon span.v-center-middle {
	color: #99A7B1;
}

#browse .popular-content .main-videos .details .stats {
	float: none;
	margin-top: 25px;
	color: #99A7B1;
	text-transform: none;
}

#browse .popular-in-game .main-videos .details .stats {
	float: none;
	margin-top: 25px;
	text-transform: none;
}

#browse .popular-content .main-videos .details .stats span {
	font-size: 10px;
}

#browse .popular-content .main-videos .details .stats strong {
	font-size: 11px;
}


a.browse-arrow {
	display: block;
	width: 32px;
	height: 49px;
	background-image: url(browse-arrows.jpg);
	text-indent: -9999px;
}

a.browse-arrow-featured-left { background-position: 0 0; margin: 46px 0 0 -14px; float: left; }
a.browse-arrow-featured-left:hover { background-position: 0 -50px; }
a.browse-arrow-featured-left:active { background-position: 0 -100px; }
a.browse-arrow-featured-right { background-position: 0 -150px; margin: 46px -14px 0 0; float: left; }
a.browse-arrow-featured-right:hover { background-position: 0 -200px; }
a.browse-arrow-featured-right:active { background-position: 0 -250px; }

a.browse-arrow-left { background-position: 0 -300px; margin: 46px 0 0 -14px; float: left; }
a.browse-arrow-left:hover { background-position: 0 -350px; }
a.browse-arrow-left:active { background-position: 0 -400px; }
a.browse-arrow-right { background-position: 0 -450px; margin: 46px -14px 0 0; float: left;}
a.browse-arrow-right:hover { background-position: 0 -500px; }
a.browse-arrow-right:active { background-position: 0 -550px; }

a.browse-arrow-games-left { background-position: 0 -600px; margin: 160px 0 0 0px; position: absolute; top: 0; left: 0; }
a.browse-arrow-games-left:hover { background-position: 0 -650px; }
a.browse-arrow-games-left:active { background-position: 0 -700px; }
a.browse-arrow-games-right { background-position: 0 -750px; margin: 160px 0px 0 0; position: absolute; top: 0; right: 0; }
a.browse-arrow-games-right:hover { background-position: 0 -800px; }
a.browse-arrow-games-right:active { background-position: 0 -850px; }


.scrolling-pod .maincol {
	border: 0;
	margin: 4px 10px 0 !important;
	padding: 0 !important;
	width: 601px !important;
}
#games .scrolling-pod .maincol {
	/*width: 647px !important;*/
}

.scrolling-pod .maincol .videos ul {
	margin: 0 !important;
	border: 0 !important;
}

.scrolling-pod .maincol .videos ul li.item a.thumb {
	/*margin: 0 10px !important;*/
}

.scrolling-pod .maincol .videos ul li.item .details {
	/*margin: 0 10px !important;*/
	height: auto !important;
}

.scrolling-pod .maincol .videos ul li.item .details .stats {
	margin-top: 1px !important;
}


/* Browse Sub Tab Area
---------------------------------------------------------------------------------------------*/
#browse #time-frame {
	margin-top: -10px;
	border-bottom: 1px dotted #CBC2BF;
}

#browse #time-frame li {
	float: left;
	margin-right: 14px;
}

#browse #time-frame a {
	border: none;
}

#browse #time-frame a:hover {
	background: none;
}

#browse #time-frame a em {
	padding: 6px 0 1px 18px;
	background: url(radio-off.gif) 0 6px no-repeat;
}

#browse #time-frame li.selected a em {
	background: url(radio-on.gif) 0 6px no-repeat;
}

/* Featured pods - Homepage
---------------------------------------------------------------------------------------------*/
#video-home .popular-in-game .hd { background: #4087B9 url(popular-in-game-hd-bg.gif) 0 0 repeat-x; }
#video-home .popular-in-game .hd .tl { display: none }
#video-home .popular-in-game .hd .tr { display: none }
#video-home .popular-in-game .hd h2 { color: #E9F3FF; }
#video-home .popular-in-game .hd h2 em { color: #FFF; }

#video-home .popular-content {
	background: #191D20 url(popular-content-browse-bg.gif) 0 0 repeat-x;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#video-home .popular-content .hd {
	background: #173142 url(popular-content-browse-hd-bg.gif) 0 0 repeat-x;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
}

#video-home .popular-content .hd .tr {
	background: #173142 url(popular-content-browse-hd-bg.gif) 100% 0 repeat-x;
}

#video-home .popular-content .ft {
	background: #191D20 url(popular-content-browse-ft-bg.gif) 0 100% no-repeat;
}

#video-home .popular-content .ft .br {
	background: #191D20 url(popular-content-browse-ft-bg.gif) 100% -4px no-repeat;
}

#video-home .maincol {
	margin: 4px 0 0 -4px !important;
}

#video-home .maincol .videos ul li.item {
	width: 190px;
	margin-left:5px;
	padding: 0 0 0px;
	float:left;
}

#video-home .maincol .videos ul li.item a.thumb {
	float: left;
	display: block;
/*	margin: 0 16px;*/
}

#video-home .maincol .videos ul li.item a.thumb img {
	width: 170px;
	height: 128px;
}

#video-home .maincol .videos ul li.item .details {
	/*margin: 0 16px; */
	padding: 5px 5px 5px 0px;
	width: 170px;
	height: 85px;
	float:left;
}

#video-home .popular-content .main-videos .details h3 a {
	height: 1em;
	font-size: 18px;
	color: #FFF;
}
#video-home .popular-content .main-videos .details h3 a:hover { color: #C2CAD0; }

#video-home .popular-content .main-videos .details p {
	padding-bottom: 4px;
	color: #C2CAD0;
	height: auto;
	line-height: 1.4em;
}

#video-home .popular-content .main-videos .details p a {
	color: #FFF;
	white-space: nowrap;
}

#video-home .popular-content .main-videos .details p a:hover {
	color: #C2CAD0 !important;
}

#video-home .popular-content .main-videos .details a.icon {
	margin-right: 0;
}

#video-home .popular-content .main-videos .details a.icon span.v-center-wrapper {
	width: 145px;
}

#video-home .popular-content .main-videos .details a.icon span.v-center-middle {
	color: #99A7B1;
}

#video-home .popular-content .main-videos .details .stats {
	float: none;
	margin-top: 25px;
	color: #99A7B1;
	text-transform: none;
}

#video-home .popular-in-game .main-videos .details .stats {
	float: none;
	margin-top: 25px;
	text-transform: none;
}

#video-home .popular-content .main-videos .details .stats span {
	font-size: 10px;
}

#video-home .popular-content .main-videos .details .stats strong {
	font-size: 11px;
}

/*#video-home .standard-header {
	background: #DFDFDF url(h1-standard-bg-top-short.jpg) no-repeat scroll left top;
}*/

#video-home .standard-header {
	background: #DFDFDF url(h1-standard-bg-top.jpg) no-repeat scroll left top;
}

#video-home .standard-header h3 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#video-home ul.pod-tabs {
	margin-top: 13px;
}

#video-home .standard-header-tabs .bd-inner-wrap {
	padding: 6px 0 0;
}

#video-home #time-frame {
	margin-top: -10px;
	border-bottom: 1px dotted #CBC2BF;
}

#video-home #time-frame li {
	float: left;
	margin-right: 14px;
}

#video-home #time-frame a {
	border: none;
}

#video-home #time-frame a:hover {
	background: none;
}

#video-home #time-frame a em {
	padding: 6px 0 1px 18px;
	background: url(radio-off.gif) 0 6px no-repeat;
}

#video-home #time-frame li.selected a em {
	background: url(radio-on.gif) 0 6px no-repeat;
}


/* Spotlight Pane
---------------------------------------------------------------------------------------------*/
.spotlight a img.thumb {
	float: left;
	width: 120px;
	height: 90px;
	background: #333;
	border: 3px solid #B0C5E2;
	display: block;
	margin: 0 10px 0 0;
}

.spotlight a:hover img.thumb {
	border-color: #C8E2ED;
}

.spotlight a.game {
	float: right;
	display: block;
	white-space: nowrap;
	margin: -3px 0px 0 0;
	display: block;
}

.spotlight a.icon {
	font-size: 1.3em;
}

.spotlight h3 a {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	margin: 10px 0 5px 0;
	display: block;
	overflow: hidden;
}

.spotlight h3 a:hover {
	color: #333;
}

.spotlight ul.details li {
	float: left;
	display: block;
}

.spotlight ul.details li a.icon {
	float: left;
	margin: -1px 0 0;
	padding: 0px 0 0 0;
	font-size: 1.1em;
}

.spotlight ul.details li.stats {
	clear: none;
	margin: 4px 0 0 15px;
}

.spotlight a.view-video {
	float: right;
}

.spotlight a:hover.view-video {
	text-decoration: underline;
	color: #2b84c6;
}

/* Filters 
---------------------------------------------------------------------------------------------*/
.filters .hd {
	padding: 3px;
}

.filters .bd {
	margin: 0 0 0 10px;
}

.filters .ft {
	padding: 4px 0 0;
}

.filters ul li {
	float: left;
	display: block;
}

.filters ul li strong {
	margin: 6px 5px 5px 5px;
	padding: 3px;
	display: block;
}

.filters a.btn-filters { 
	background: #e2e9ef url(btn-rounded-corners-left.gif) top left no-repeat; 
	margin: 5px;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	display: block;
	float: left;
}

.filters a:hover.btn-filters { 
	background-color: #417aae;
	color: #FFF;
}

.filters a.btn-filters em {
	font-style: normal;
	background: transparent url(btn-rounded-corners-right.gif) top right no-repeat;
	padding: 3px 16px 3px 16px;
	display: block;
}

.filters ul li.selected {
	background: transparent url(btn-filters-arrow.gif) bottom center no-repeat;
	padding: 0 0 2px 0;
}

.filters ul li.selected a.btn-filters {
	background-color: #E0853B;
	color: #FFF;
}

.filters ul li.selected a:hover.btn-filters {
	color: #f7d5c4;
}


/* One of the designers needs to organize this and his name isn't Matt -- or even Jeremiah. 
---------------------------------------------------------------------------------------------*/
.browse-games-list {
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;	
}

.browse-games-list .ft {
	padding: 0; !important;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;	
}

.filter-games-search {
	border-top: 4px solid #4087B9;
	background: #C9D7E8 url(browse-search-bg.gif) 0 0 repeat-x;
	padding: 10px 14px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;	
}

.filter-games-search input {
	border: 1px solid #3B6B9F;
	padding: 6px 6px 5px 33px;
	width: 166px;
	background: #FFF url(icon-search.gif) 8px 6px no-repeat;
	color: #9D4B51;
	font-size: 12px;
	font-weight: bold;
}

.filter-games-search p {
	margin-top: 4px;
	color: #2A4356;
	font-size: 10px;
}

#browse .maincol h2 {
	font-weight: bold;
	font-size: 16px;
	color: #417AAE;
	margin: 14px 0 10px 0;
	border-bottom: 1px solid #78ADDB;
	padding: 28px 0 9px;
}

#browse .maincol h2.first {
	padding: 0px 0 9px;
}

.f label {
	margin: 0 0 6px;
	display: block;
	color: #4A5E70;
	font-weight: bold;
}

/* Search Results
---------------------------------------------------------------------------------------------*/
.thumb-wrap {
	border: 5px solid #B0C5E2;
	padding-top: 11px;
	width: 94px;
	height: 59px;
	text-align: center;
	background: #C8E2ED !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.thumb-wrap:hover {
	background: #D1EBF7 !important;
}

.thumb-wrap .thumb-inner {
	display: block;
	float: none;
	background: none;
}

.thumb-wrap .thumb-inner img {
	width: 48px !important;
	height: 48px !important;	
	padding: 0 !important;
}

.item-forum-post .thumb {
	background: url(forum-post-bg.gif) 0 0 no-repeat !important;
	padding: 20px 10px 0;
	width: 84px;
	height: 60px;
	text-align: center;
	line-height: 1.4em !important;
	font-size: 12px;
}

.item-forum-post .thumb span {
	display: block;
	height: 32px;
	overflow: hidden;
}

/* Games Page
---------------------------------------------------------------------------------------------*/
.gameinfo { 
margin:0 0 5px 4px;
width:930px;
}

.gameinfo-cover {
	float: left;
	width: 200px;
	text-align: center;
}

.gameinfo-cover img {
	margin:20px 0px 0px 15px; 
}

.gameinfo-details {
	float: left;
	margin: 30px 0 0 10px;
	width: 680px;
}

.gameinfo-details h2 {
font-size:17px;
font-weight:bold;
line-height:1.2;
margin-bottom:12px;
}

.gameinfo-title-wrap h2 {
	float: left;
}

.gameinfo-title-wrap .star-rating-wrap-inline {
	float: left;
	margin: -6px 0 0 8px;
}


.gameinfo-details p {
	line-height: 19px;	
}

.gameinfo-details .gameinfo-meta {
	margin: 12px 0 20px;
	background: #F6F8FA;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.gameinfo-details .gameinfo-meta table {
	float: left;
	margin: 22px 0px 20px 0px;
	width: 402px;
	font-size: 11px;
}

.gameinfo-details .gameinfo-meta table th {
	padding: 3px 3px 3px 10px;
	color: #243C51;
	font-weight: bold;
	white-space: nowrap;
}

.gameinfo-details .gameinfo-meta table td {
	padding: 3px;
	max-width: 128px;
	overflow: hidden;
}

.gameinfo-details .gameinfo-meta a.play-game {
	float: right;
	margin: 4px 10px;
	width: 228px;
	height: 78px;
	background: url(btn-play-game.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
.gameinfo-details .gameinfo-meta a.play-game:hover { background-position: 0 50%; }
.gameinfo-details .gameinfo-meta a.play-game:active { background-position: 0 100%; }

.browse-more {
	float: right;
	margin-top: -33px;
	font-size: 12px;
}

.star-rating-wrap dl {
	padding: 6px 0;
}

.star-rating-wrap dt {
	display: block;
	padding: 0 0 4px;
	color: #243C51;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.star-rating-wrap dd {
	margin: 0 0 0 33px;
}

.star-rating-wrap dl.last {
	margin-top: 10px;
	border-top: 1px dotted #BEB3AD;
	padding-top: 10px;
}

.star-rating-wrap dl.last dd div.star-rating a {
	background:url(jquery-star.gif) no-repeat 0 0%;
}

.page-wrap {
	margin: 10px 0 0 14px;
	border-top: 1px dotted #BEB3AD;
	padding: 10px 0px 0 0px;
	font-size: 12px;
}

.page-back {
	float: left;
}

.page-next {
	float: right;
}

.star-rating-wrap-inline {
	float: left;
}

.gameinfo-slide-wrap {
	position: relative;
	margin: 10px 5px;
	padding: 6px 0;
	background: #000;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.gameinfo-slide {
	position: relative;
	margin: 0 auto;
	width: 600px;
	height: 359px;
	overflow: hidden;
}

.gameinfo-slide-info {
	position: absolute;
	top: 0;
	right: 0px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.gameinfo-slide-info em {
	display: block;
	margin-top: 14px;
	width: 74px;
	min-height: 24px;
	padding: 0 30px;
	background: url(icon-video.png) 0 0 no-repeat;
	line-height: 14px;
}
.gameinfo-slide-info em.vid { background: url(icon-video.png) 0 0 no-repeat; }
.gameinfo-slide-info em.ss { background: url(icon-screenshot.png) 0 0 no-repeat; }

.game-call-to-action {
	margin: 5px;
	background: #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.game-call-to-action h3 {
	float: left;
	padding: 52px 0px 0px 38px;
	color: #333;
	font-size: 22px;
	font-weight: bold;
}

.game-call-to-action a.play-game {
	float: right;
	margin: 24px 36px 24px 0;
	width: 228px;
	height: 78px;
	background: url(btn-play-game.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
.game-call-to-action a.play-game:hover { background-position: 0 50%; }
.game-call-to-action a.play-game:active { background-position: 0 100%; }z