@import url("/App_Resources/Styles/Site/Core.css");
@import url("/App_Resources/Styles/Site/UPP.css");

 #bodyRight h2 {
	font-family:  Arial, Georgia, Serif;
	font-size: 0.9em;
	margin-bottom: 10px;
	border-top: solid 3px #C00000;
	background: #efefef;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	clear: both;
}

/*
===========================================================
Header and page properties
===========================================================
*/

.channelHomeHeader {
	position: relative;
	height: 35px;
}

.channelHomeHeader h1 {
	display: block;
	background-color: #464646;
	color: #fff;
	padding: 5px 0 5px 10px;
	font-size: 1.3em;
	font-weight: normal;
}

.lastUpdate {
	position: absolute;
	right: 20px;
	bottom: 10px;
	color: #fff;
	font: Bold 0.6em Verdana, Arial;
}

.gameHeader {
	background: url(/App_Resources/Images/Site/Games/metalTexture1.gif) repeat-x;
	width: 610px;
	padding: 10px;
	overflow: hidden;
}

#gameHeaderLeft {
	float: left;
	width: 307px;
	margin: 0 16px 0 0;
}

#gameHeaderRight {
	float: left;
	width: 287px;
}

#gameHeaderRight li p {
	font: 0.8em Verdana, Arial, Georgia;
	color: #fff;
}


#gameHeaderLeft a:hover {
	background-color: #01b4f8;
	color: #fff;
}

#gameHeaderRight a:hover {
	background-color: #01b4f8;
	color: #fff;
}

#pacman {
margin: 0px 0px 0px -10px;
}

/*
===========================================================
Game of the week properties
===========================================================
*/

#gameOfTheWeek {
	position: relative;
	height: 312px;
}

#gameOfTheWeek img {
	border: 0;
}

.cornerSell {
	position: absolute;
	top: 0;
	left: 197px;
}

.gameInfo {
	background: url(/App_Resources/Images/Site/Games/mainGamesBack.gif) no-repeat;
	width: 287px;
	height: 89px;
	padding: 6px 10px 10px 10px;
	position: relative;
}

.gameInfo a {
	text-decoration: none;
	color: #01b4f8;
}

.gameInfo h2 {
	font: bold 1.2em Georgia, Verdana, Arial;
	margin: 0 0 8px 0;
}

.gameInfo p {
	color: #fff;
	font: 0.8em Verdana, Arial, Georgia;
}

.category {
	font: Bold 0.7em Verdana, Arial, Georgia;
	color: #01b4f8;
	position: absolute;
	right:85px;
	text-align:right;
	bottom: 12px;
	width: 120px;
}

.seeAllButton {
	background: url(/App_Resources/Images/Site/Games/b_seeAll.gif);
	width: 56px;
	height: 13px;
	position: absolute;
	bottom: 9px;
	right: 11px;
	padding: 3px 3px 3px 13px;
}

.seeAllButton a {
	color: #fff;
	font: Bold 0.7em Verdana, Arial, Georgia;
}

.top {
	bottom: -27px;
	right: 1px;
}

#categoryList {
	background: url(/App_Resources/Images/Site/Games/categoryGrad.gif) repeat-x #0187b9;
	width: 307px;
	height: 90px;
	margin: 8px 0 0 0;
	position: relative;
}

#categoryList h2 {
    font: bold 0.8em Verdana, Arial, Georgia;
    color: #fff;
    margin: 0px 0 0 77px;
    padding: 5px 0 0 0;	
}

#categoryList ul { 
	margin: 0 0 0 74px;
	padding: 4px 0 0 0;
	height: 62px;
}

#categoryList li {
	padding: 0 0 0 11px;
	float: left;
	width: 105px;
	background: url(/App_Resources/Images/Site/Games/li.gif) left center no-repeat;
	margin: 0 0 3px 0;
}

#categoryList a {
	color: #fff;
	font: 0.7em Verdana, Arial, Georgia;
	text-decoration: none;
}

#categoryList a:hover {
	background-color: #fff;
	color: #01b4f8;
}

.joystick {
	background: url(/App_Resources/Images/Site/Games/joystick.png);
	position: absolute;
	height: 86px;
	width: 75px;
	left: 5px;
	top: -5px;
}

.arrow {
	background: url(/App_Resources/Images/Site/Games/blueArrowLarge.png);
	position: absolute;
	height: 21px;
	width: 21px;
	right: 13px;
	bottom: -20px;
}

/*
===========================================================
Game right siders
===========================================================
*/

#gameHeaderRight li {
	background: url(/App_Resources/Images/Site/Games/subGamesBack.gif) no-repeat;
	width: 287px;
	height: 132px; 
	position: relative;
	margin: 0 0 8px 0;
}

#gameHeaderRight img {
	border: 0;
	float: left;
	margin: 0 10px 0 0;
}

#gameHeaderRight h2 {
	font: 1.2em Georgia, Verdana, Arial;
	margin: 0 0 8px 0;
	padding: 7px 0 0 0;
}

#gameHeaderRight a {
	color: #01b4f8;
	text-decoration: none;
}

.lineGame {
	background: url(/App_Resources/Images/Site/Games/line.gif) repeat-x top;
	width: 164px;
	height: 1px;
	position: absolute;
	bottom: 33px;
	right: 9px;
}

.newButton {
	background: url(/App_Resources/Images/Site/Games/newGrad.gif) repeat-x;
	width: 100px;
	height: 29px;
	position: absolute;
	bottom: 0;
	left: 0;
	font: 1.2em Georgia, Verdana, Arial;
	color: #fff;
	text-align: center;
	padding: 3px 0 0 0;
}

#recommendation h2 {
    background-color: #01b4f8;
    display: block;
    height: 22px;
    color: #fff;
    font: 1.2em Georgia, Verdana, Arial;
    padding: 4px;
    margin: 0 0 10px 0;
}

.ArrowPromo {
    background: url(/App_Resources/Images/Site/sitePromos/promoArrow.png) no-repeat #01b4f8;
    width: 16px;
    height: 20px;
    position: absolute;
    top: 30px;
    right: 5px; 
}

#recommendation h3 {
    color: #fff;
    float: left;
    width: 170px;
    font: 1.1em Georgia, Verdana, Arial;
    padding: 0 0 0 10px;
}

#recommendation a {
    color: #fff;
    text-decoration: none;
}

.collection h2 {
    background-color: #01b4f8;
    color: #fff;
    text-decoration: none;
    padding: 4px 6px 4px 6px;
    font-size: 1.2em;
}

.collection a {
    border: 0; 
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    font-size: 1em;
}

/*
===========================================================
Favourite section properties
===========================================================
*/

#favourites {
	background: url(/App_Resources/Images/Site/Games/favouritesGrad.gif) repeat-x;
	position: relative;
	width: 630px;
	height: 84px;
	clear: both;
}

.corner {
	background: url(/App_Resources/Images/Site/Games/corner.gif) no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: 0px;
	right:0px;
}

#favourites img {
	border: 0;
}

.borderFav {
	background: url(/App_Resources/Images/Site/Games/favouritesBorder.gif) no-repeat;
	width: 63px;
	height: 63px;
	padding: 1px;
}

#favourites ul {
	padding: 10px 0 0 15px;
}

#favourites li {
	float: left;
}

#container .signIn {
	background: url(/App_Resources/Images/Site/Games/b_signin.gif);
	width: 57px;
	height: 13px;
	position: absolute;
	bottom: 7px;
	right: 14px;
	padding: 2px 3px 3px 10px;
}

#container .signIn a {
	color: #fff;
	font: Bold 0.7em Verdana, Arial, Georgia;
	text-decoration: none;
}

.login p {
	font-size: 0.8em
}

.login a {
	color: #fff;
	text-decoration: none;
	font: Bold 0.8em Verdana, Arial, Georgia;
	line-height: 14px;
}

#favourites li.login {
	width: 110px;
	margin: 0 27px 0 0;
}

#favourites li.borderFav {
	margin: 0 13px 0 0; 
}

div.favGameStar {
	background: url(/App_Resources/Images/Site/games/FavGameStar.png) no-repeat;
	width: 23px;
	height: 21px;
	margin: 6px 9px 0 5px;
	float: left;
}

/*
===========================================================
FHM challenge properties
===========================================================
*/

#challenge {
	background: url(/App_Resources/Images/Site/Games/challengeGrad.gif) repeat-x;
	width: 611px;
	height: 119px;
	margin: 10px 0 0 0;
	padding: 19px 10px 11px 10px;
}

#challenge img {
	border: 0;
	float: left;
	margin: 5px 8px 0 0;
}

#challenge h2 {
	color: #231f20;
	font: Bold 1.2em Georgia, Verdana, Arial;
	margin: 0 0 10px 0;
}

#challenge p {
	float: left;
	font: 1em Georgia, Verdana, Arial;
	color: #231f20;
	line-height: 19px;
}

#challenge a {
	text-decoration: none;
	color: #231f20;
}

#challenge a:hover {
	background-color: #000;
	color: #fff;
}

.game {
	font-style: italic;
	font-weight: bold;
	color: #01b4f8;
}

/*
===========================================================
Speach bubble properties
===========================================================
*/

#bubble {
	float: right;
	width: 356px;
	height: 89px;
	border: dashed 1px #000;
	background-color: #fff;
	position: relative;
	padding: 13px;
}

.dashArrow {
	background: url(/App_Resources/Images/Site/Games/dashArrow.gif) no-repeat;
	width: 20px;
	height: 17px;
	position: absolute;
	top: 57px;
	left: -20px;
}

#bubble p {
	float: left;
	font: 0.8em Verdana, Arial, Georgia;
	width: 270px;
	padding: 0;
}

#bubble img {
	float: left;
	border: solid 1px #000;
	margin: 3px 10px 0 0;
}

#bubble ul {
    clear: left;
	padding: 0;
	margin: 0;
}

#bubble li {
	background: url(/App_Resources/Images/Site/Games/blueLi.gif) no-repeat left ;
	padding: 0 0 0 11px;
	margin: 0;
}

#bubble a {
	font: Bold 0.8em Verdana, Arial, Georgia;
	color: #01b4f8;
}

#bubble a:hover {
	background-color: #01b4f8;
	color: #fff;
}

#casino {
	margin: 20px 0 20px 0;
}

/*
===========================================================
Games arcade panel properties
===========================================================
*/

.categoryHeader {
	background: url(/App_Resources/Images/Site/Games/dottedBackground.gif);
	width: 625px;
	height: 31px;
	padding: 8px 0 0 6px;
	clear: both;
	margin: 10px 0 0 0;
}

.categoryHeader h2 {
	font: 1.2em Georgia, Verdana, Arial;
	padding: 0;
	margin: 0;
}

#categoryBody {
	height: 963px;
}

.categoryRepeater {
	background: url(/App_Resources/Images/Site/Games/dottedBackground.gif);
	position: relative;
	width: 181px;
	height: 447px;
	padding: 9px;
	margin: 10px 0 0 0;
	float: left;
	margin: 11px 17px 0 0;
}

.categoryRepeater h2 {
	font: 1.2em Georgia, Verdana, Arial;
	margin: 0 0 12px 0;
	padding: 0;
}

.gameGrad {
	background: url(/App_Resources/Images/Site/Games/gameGrad.gif) repeat-x;
	width: 160px;
	height: 101px;
	margin: 9px 0 0 0;
	padding: 6px 8px 8px 12px;
}

.reverse {
	background: url(/App_Resources/Images/Site/Games/gradReverse.gif) repeat-x;
}

.cornerSquare {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(/App_Resources/Images/Site/Games/categoryCorner.gif) no-repeat;
	width: 17px;
	height: 17px;
}

.gameGrad p {
	color: #000;
	font: 0.8em Verdana, Arial, Georgia;
	clear: both;
	padding: 6px 0 0 0;
}

.gameGrad h3 {
	font: 1em Georgia, Verdana, Arial;
	padding: 0;
	margin: 0;
}

.gameGrad a {
	text-decoration: none;
	color: #01b4f8;
}

.gameGrad a:hover {
	background-color: #01b4f8;
	color: #fff; 
}

.gameGrad img {
	padding: 4px 4px 0 0;
	float: left;
}

.ratings {
	color: #01b4f8;
	font: Bold 1.2em Georgia, Verdana, Arial;
	float: left;
}

.gameGrad ul {
	background: url(/App_Resources/Images/Site/framework/line.gif) repeat-x top;
	padding: 12px 0 0 0;
}

.gameGrad li {
	background: url(/App_Resources/Images/Site/Games/categorlLi.gif) no-repeat left center;
	padding: 0 0 0 11px;
	margin: 0 0 0 0;
}

.gameGrad li a {
	font: Bold 0.7em Verdana, Arial, Georgia;
	color: #231f20;
	text-decoration: none;
}

.gameGrad li a:visited {
	color: #4e4e4e;
}


.gameGrad li a:hover {
	background-color: #000;
	color: #fff;
}

.seeAllButtonCategory {
	height: 19px;
	position: absolute;
	bottom: 7px;
	right: 11px;
}

.buttonLeft {
	background: url(/App_Resources/Images/Site/Games/buttonLeft.gif) no-repeat;
	width: 8px;
	height: 19px;
	float: left;
}

.buttonBody {
	float: left;
	background-color: #01b4f8;
	height: 17px;
	padding: 2px 0 0 2px;
}

.buttonRight {
	background: url(/App_Resources/Images/Site/Games/buttonright.gif) no-repeat;
	width: 10px;
	height: 19px;
	float: left;
}

.buttonBody a {
	color: #fff;
	font: Bold 0.7em Verdana, Arial, Georgia;
	text-decoration: none;
	padding: 3px;
}

/*
===========================================================
Game collection properties
===========================================================
*/

#collectionLinks {
	margin: 0px 0 10px 0;
	clear: both;
}

#collectionLinks li {
	list-style: none;
	float: left;
	position: relative;
	margin: 10px 15px 0 0;
	width: 200px;
	height: 211px;
}


.collectionTitle {
	font-size: 0.9em;
}

.collection {
	position: absolute;
	bottom: 0;
	left: 0;
}

.collectionArrow {
	width: 11px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 20px;
	bottom: 141px;
}

.collection img {
	border: 0;
}

.collection a {
	border: 0; 
	color: #fff;
	text-decoration: none;
}

.collection a:visited {
	color: #fff;
}

.collectionTitle {
	position: relative;
	width: 200px;
}

.collection h3 {
	background: url(/App_Resources/Images/Site/channelHome/greyRight.gif) no-repeat right;
	width: 102px;
	height: 21px;
	font: 1em Georgia, Verdana, Arial;
	padding: 2px 0 0 6px;
	position: absolute;
	left: 0;
	bottom: 15px;
}

#proposition p {
	font: 1em Georgia, Arial, Georgia;
	margin: 10px 0 10px 0;
	width: 620px;
	color: #000;
}

/*
===========================================================
Game detail page
===========================================================
*/

#gameEmbed {
	text-align: center;
	padding: 8px 0 0 0;
	position: relative;
}

#metalArrow {
	background: url(/App_Resources/Images/Site/games/metalArrow.gif) no-repeat;
	position: absolute;
	left: 303px;
	height: 29px;
	width: 30px;
}

#detailLeft {
	background-color: #231f20;
	padding: 26px 15px 0 31px;
	width: 285px;
	margin: 13px 10px 10px 0;
	height: 231px;
	float: left;
}

#detailLeft p {
	color: #fff;
	font: 0.8em Verdana, Arial, Georgia;
	line-height: 17px;
}

.votes {
	font: Normal 0.5em Verdana, Arial, Georgia;
	color: #fff;
	margin: 0 0 0 10px;
}

#rate p {
	color: #01b4f8;
	padding: 5px 0 0 0;
	font: normal 1.2em Georgia, Verdana, Arial;
}

#detailLeft h2 {
	font: Bold 1.4em Georgia, Verdana, Arial;
	color: #01b4f8;
	margin: 0 0 12px 0;
}

#detailLeft p {
	margin: 0;
	padding: 0;
}

#detailLeft h3 {
	color: #01b4f8;
}

#detailLeft h4 { 
	font: Bold 1.2em Georgia, Verdana, Arial;
	color: #01b4f8;
	margin: 18px 0 10px 0;
}

#detailLeft a {
	color: #01b4f8;
	text-decoration: none;
	font: Verdana, Arial, Georgia;
}

#detailLeft a:hover {
	color: #fff;
	background-color: #01b4f8;
}

#detailRight {
	float: left;
	width: 289px;
	margin: 13px 0 0 0;
	position: relative;
}

.seeAllButtonDetail {
	background: url(/App_Resources/Images/Site/Games/b_seeAllWhite.gif);
	width: 56px;
	height: 13px;
	padding: 3px 3px 3px 13px;
	position: absolute;
	top: 5px;
	right: 7px;
}

.seeAllButtonDetail a {
	color: #01b4f8;
	font: Bold 0.7em Verdana, Arial, Georgia;
	text-decoration: none;
}

#detailRight h3 {
	background-color: #01b4f8;
	display: block;
	width: 278px;
	padding: 2px 5px 5px 5px;
	color: #fff;
	font: 1.2em Georgia, Verdana, Arial;
	margin: 0 0 10px 0;

}

#detailRight li.topGames {
	background: url(/App_Resources/Images/Site/Games/detailGameBack.gif) no-repeat;
	width: 287px;
	height: 66px;
	list-style: none;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
}

#detailRight li img {
	float: left;
}

#detailRight li a {
	color: #01b4f8;
	text-decoration: none;
	font: 0.8em Georgia, Verdana, Arial;
}

#detailRight p {
	color: #fff;
	font: Bold 1em Georgia, Verdana, Arial;
}

#detailRight li h2 {
	width: 100px;
	padding: 4px 5px 5px 7px;
	float: left;
}

.rating {
	float: right;
	padding: 5px;


}

.rating p {
	font: Bold 1em Georgia, Verdana, Arial;
	padding: 0 0 0 20px;
}

/*
===========================================================
Game sublanding properties
===========================================================
*/

.subRating {
	position: absolute;
	bottom: 8px;
	left: 15px;	
}

.subRating img {
	float: left;
	margin: 0;
	padding: 0;
}

.rateNumber {
	font: Bold 1.2em Georgia, Verdana, Arial;
	color: #fff;
	padding: 0;
	float: left;
	margin: -3px 0 0 -5px;
}

#categoryHeader {
	clear: both;
	margin: 10px 0;
}

#categoryHeader h3 {
	color: #fff;
	font: Bold 1.4em Georgia, Verdana, Arial;
	margin: 0 0 10px 0;
}

#otherCategory ul {
	padding: 1px 8px 8px 8px;
	width: 700px;
}

#otherCategory li {
	background: url(/App_Resources/Images/Site/Games/subGamesBack.gif) no-repeat;
	width: 287px;
	height: 132px; 
	position: relative;
	margin: 0 15px 17px 0;
	float: left;
}

#otherCategory img {
	border: 0;
	float: left;
	margin: 0 10px 0 0;
}

#otherCategory h2 {
	font: 1.2em Georgia, Verdana, Arial;
	margin: 0 0 8px 0;
	padding: 7px 0 0 0;
}

#otherCategory a {
	color: #01b4f8;
	text-decoration: none;
}

#otherCategory li p {
	font: 0.8em Verdana, Arial, Georgia;
	color: #fff;
}

.lineGame {
	background: url(/App_Resources/Images/Site/Games/line.gif) repeat-x top;
	width: 164px;
	height: 1px;
	position: absolute;
	bottom: 33px;
	right: 9px;
}

/*
===========================================================
Game iframe properties
===========================================================
*/

#gameFrame {
	background: url(/App_Resources/Images/Site/Games/frame/metalRepeater.gif) repeat-x;
	height: 95px;
	padding: 3px 11px 0 11px;
}

#gameFrame h2 {
	font: Bold 0.8em Verdana, Arial, Georgia;
	color: #01b4f8;
	margin: 0;
	padding: 0;
}

.gameFrameContainer {
	width: 1070px;
	margin: 0 auto;
	position: relative;
}

.logoContainer {
	float: left;
	margin: 0 20px 0 0;
}

.ulContainer ul {
	padding: 0;
	margin: 10px 0 0 0;
	width: 720px;
	float: left;
}

.ulContainer li {
	float: left;
	list-style: none;
	margin: 0 20px 0 0;
	width: 159px;
}

.ulContainer li p {
	width: 90px;
	float: left;
	margin: 0;
}
.ulContainer li img {
	float: left;
}

.ulContainer li a {
	font: Bold 0.8em Verdana, Georgia, Arial;
	color: #01b4f8;
	text-decoration: none;
	background-color: #fff;
	margin: 0;
	float: left;
	padding: 1px 6px 1px 6px;
}

.casino {
	float: left;
	width: 153px;
	margin: -18px 0 0 0;
}

.casino p {
	margin: -4px 0 0 28px;
	padding: 0;
}

.casino a {
	font: Bold 0.8em Verdana, Arial, Georgia;
	text-decoration: none;
	color: #fff;
}

#seeAllCategory {
	position: absolute;
	top: 1px;
	right: 190px;
}

.categoryLink a {
	background-color: #fff;
	font: Bold 0.8em Verdana, Georgia, Arial;
	color: #01b4f8;
	text-decoration: none;
	padding: 0 6px 0 6px;
}

.arrowRight {
	position: absolute;
	right: -10px;
	top: 0px;
	background: url(/App_Resources/Images/Site/Games/frame/arrowRight.png) no-repeat;
	width: 10px;
	height: 19px;
}

/*
===========================================================
Game details commenting box properties (wider than article)
===========================================================
*/

#comments {
	width: 630px;
	margin: 0 0 0 0;
}

.commentPanelLight {
	padding: 12px 10px 12px 10px;
	clear: both;
	margin: 0;
	position: relative;
	background-color: #f7f7f7;
}

.commentInput {
	border: solid 1px #000;
	width: 450px;
	font: 1em Verdana, Arial, Georgia;
}

#commentHeader {
	background: url(/App_Resources/images/site/upp/article/commentsHeaderGrad.gif) repeat-x;
	color: #fff;
	height: 19px;
	padding: 3px;
}

#commentHeader h3 {
	font: Bold 0.9em Georgia, Verdana, Arial;
}

.commentPanelDark {
	padding: 12px 10px 12px 10px;
	clear: both;
	background-color: #dfdfdf;
	margin: 0;
	height: auto;
	position: relative;
}

.bottomRightLight {
	clear: both;
}

.bottomRightDark
{
	background: url(/App_Resources/Images/Site/framework/comments/bottomRightCorner.gif) no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.topLeftDark {
	background: url(/App_Resources/Images/Site/framework/comments/topLeftCorner.gif) no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

#comments img {
	float: left;
	border: solid 1px #000;
	margin: 0 10px 0 0;
}

.username {
	font: 0.7em Verdana, Arial, Georgia;
	font-weight: bold;
}

.status {
	font: 0.7em Verdana, Arial, Georgia;
	font-weight: bold;
	color: Red;
}

.datePosted {
	font: 0.7em Verdana, Arial, Georgia;
}

#comments p {
	font: 0.7em Verdana, Arial, Georgia;
}

.commentImage {
	width: 68px;
	float: left;
}

.commentText {
	float: left;
	width: 470px;
	margin: 0 10px 0 0;
	overflow: hidden;
}

.commentText p {
	margin: 10px 0 0 0;
}

.commentButton {
	float: left;
	margin: 32px 0 0 0;
}

#commentsHeader {
	background: url(/App_Resources/Images/Site/framework/comments/commentsHeader.gif) no-repeat;
	height: 34px;
	width: 631px;
	margin: 0 0 10px 0;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
	padding: 5px 0 0 0;
}

#commentsPaging {
	background: url(/App_Resources/Images/Site/framework/comments/pagingBack.jpg) no-repeat;
	height: 46px;
	width: 631px;
	margin: 0 0 20px 0;
	text-align: center;
}

#commentsCenter {
	width: 400px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

#commentsPaging ul {
	float: left;
	margin: 0 10px;
}

#commentsPaging li {
	float: left;
	list-style: none;
	margin: 0 4px 0 0;
}

#commentsPaging li a {
	color: #fff;
	text-decoration: none;
}

#commentsPaging li a:visited {
	color: #ccc;
	text-decoration: none;
}

.active {
	color: #fff;
}

.commentNext
{
    background: url(/App_Resources/Images/Site/framework/comments/arrowRight.png) no-repeat #01b4f8;
    height: 18px;
    background-position: right;
    padding: 2px 4px 2px 0px;
    width: 82px; 
    float: left;
    font: bold 0.8em verdana, arial, georgia;	 
}

.commentPrevious
{
    background: url(/App_Resources/Images/Site/framework/comments/arrowLeft.png) no-repeat left #01b4f8;
    height: 18px;
    padding: 2px 4px 2px 12px;
    width: 70px; 
    float: left;
    font: bold 0.8em verdana, arial, georgia;
}

#commentsPaging li a.active
{
    color: #01B4F8;
}
       
.commentPrevious a {
	color: #fff;
	text-decoration: none;	
}

.commentNext a {
	color: #fff;
	text-decoration: none;	
}


.thumbsUpRate:hover {
	border: solid 1px red;
}

.userStatus {
	clear: both;
	font: Bold 0.8em Verdana, Arial, Georgia;
	float: right;
}

#rate h3 {
	clear: both;
	font: 0.6em Verdana, Arial, Georgia;
}

#rate h4 {
	float: left;
	margin: 0;
}

#rate img {
	margin: 9px 0 0 0;
}

#rate div {
	float: left;
	padding: 0 3px 3px 3px;
}

#rate p {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
}


/*
===========================================================
Right sider collection
===========================================================
*/

#rightSideCollection {
	margin: 15px 0 0 0;
	position: relative;
	width: 300px;
	padding: 0 0 15px 0;
}

#rightSideCollection h3 {
	font: 1em Georgia, Verdana, Arial;
	color: #231f20;
	padding: 0 0 3px 0;
}

#rightSideCollection h2 {
	font: 1.2em Georgia, Verdana, Arial;
	color: #231f20;
	margin: 10px 0 0 10px;
}

#rightSideCollection h4 {
	font: Bold 0.7em Verdana, Arial, Georgia;
	color: #da1c23;
	margin: 10px 0 0 10px;
}

#rightSideCollection ul {
	padding: 0;
	margin: 0;
}

#rightSideCollection li {
	background: url(/App_Resources/Images/Site/homepage/line.gif) bottom right no-repeat;
	padding: 0;
	height: 65px;
	width: 278px;
	margin: 1px 0 0 0;
	text-align: left;
}

#rightSideCollection li h3 {
	font: 1.2em Georgia, Verdana, Arial;
	color: #666666;
	margin: 0 0 10px 0;
}

#rightSideCollection li img {
	float: left;
	margin: 0 6px 0 0;
	border: 0;
}

#rightSideCollection p {
	font: Bold 0.7em Verdana, Arial, Georgia;
	color: #666;
}

#rightSideCollection a {
	font: 0.9em Georgia, Verdana, Arial;
	text-decoration: none;
}



#contentBlock {
	overflow: hidden;
	background: url(/Site/Pages/ChannelLander/images/greyLine.gif) repeat-y 314px 0px;

}

#contentBlock ul {
	width: 700px;
	clear: both;
}

#contentBlock li {
	position: relative;
	width: 305px;
	margin-bottom: 11px;
	float: left;
	margin-right: 20px;
	padding-top: 6px;
	background: url(/Site/Pages/Homepage/images/imageBorder.gif) repeat-x top left;
}

#contentBlock a {
	font-family: Georgia, Arial, Serif;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 24px;
}

#contentBlock p {
	font-size: 0.8em;
	line-height: 19px;
	padding-bottom: 5px;
}

#contentBlock a.keepReading {
	float: right;
	font-family: Arial, Georgia, Serif;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 10px;
	margin-top: 0;

}

#contentBlock a.comments {
	font-family: Arial, Georgia, Serif;
	font-size: 0.7em;
	float: left;
	display: block;
	font-weight: normal;
	margin-left: 6px;
    margin-top: -7px;
}

.commentImage {
	float: left;
	padding-bottom: 6px;
}

#contentBlock li.otherCategory {
    margin-bottom: 11px;
}

#contentBlock a.otherTitle {
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	line-height: 22px;
	background: #efefef;
	margin-bottom: 3px;
	padding: 5px;
}

#contentBlock li.otherCategory img {
	float: left;
}

#contentBlock li.otherCategory a.otherTitle {
	height: 50px;
}

#contentBlock li.otherCategory p {
	display: block;
	float: left;
	width: 200px;
	padding-left: 10px;
	padding-top: 7px;
	margin-bottom: 0px;
}

li.otherCategory > .clear {
    height: 10px;
   
}

#contentBlock .galleryIcons {
	position: absolute;
	top: 11px;
	left: 5px;
	width: 25px;

}

#contentBlock .galleryIcons img {
	margin-bottom: 5px;
}

#contentBlock li.clear {
    clear: both;
    float: none;
    background: none;
    border: 0;
    height: 1px;
    margin: 0;
    padding: 0;
} 
#contentBlock .commentImage {
    width: 12px;
    height: 12px;
}

#contentBlock li {
    border-bottom: solid 3px #C00000;
    float: none;
    background: none;
    padding-top: 0;
    position:relative;
    width:300px;
    zoom: 1;
    overflow: hidden;
}

#contentBlock li.otherCategory {
    margin-bottom: 10px;
}

#contentBlock a.otherTitleRight {
	font: Normal 1.1em Georgia, Arial, Verdana;
	display: block;
	margin-bottom: 6px;
}