/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p, blockquote {padding:10px;}
h1, h2, h3, h4, h5, h6, img{padding-bottom:0px;}
h1 {padding: 15px 10px 5px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}

/* ====== Elements ====== */
/*img{display:block;}*/
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-family: Georgia; font-size:174%;  font-weight:normal; font-style: normal; color:#333;}
h2, .h2{font-family: Georgia; font-size:153.9%; font-weight:normal; font-style: normal; color:#333;}
h3, .h3{font-size:93%; font-weight:bold; font-style: normal; color:#333;}
h4, .h4{font-size:108%; font-weight:bold; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#333;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
/* e.g. */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}

/* ====== Links ====== */
a { color: #4d928c; font-weight:bold;text-decoration: underline }
a:focus, a:hover { text-decoration: none }
a:visited { color:#4d928c; }

/* arrow link */
.arrowLink {
  display: block;
  background:transparent url(images/bullet_arrow.png) no-repeat scroll 0 9px;
  list-style-type:none;
  margin-left:3px;
  padding:3px 8px;
}

/* cash in bonus link */
.cash-in-bonus,
.cash-in-bonus:visited {
	background:transparent url(images/bullet_arrow_red.png) no-repeat scroll 0 9px;
	color: #ff0000;
	font-size: 116%;
}

/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}

/* arrow list */
.arrowList li{background:transparent url(images/bullet_arrow.png) no-repeat scroll 0 9px; list-style-type:none; margin-left:3px; padding:3px 8px;}
.arrowList li span {color:#999;}

/* border list */
.border-display { padding: 0;}
.border-display li {padding: 4px; border-top: 1px solid #d7eae9;}
.border-display li.first {border-top: none;}

/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;_border-right:none;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #ae0345;}
th, td{vertical-align:top;border:1px solid #ae0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #eee;}
.data th{color: #000; font-weight:bold}

/* specification table - extends data table */
.bingo-bonus {padding:0;}
.bingo-bonus table {border:0; margin-bottom: 5px;}
.bingo-bonus th,.bingo-bonus td{padding:3px 2px; border:0;}
.bingo-bonus th {font-weight:bold; font-size:76%; border-bottom:1px solid #7cc6bf;}
.bingo-bonus .first {padding-left:10px;}
.bingo-bonus .last {padding-right:5px;}

/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}

/* toplist table - extends data table */
.toplist{padding:0;}
.toplist table{border: none;}
.toplist th, .toplist td{border-bottom-color:#7cc6bf; border-top:none; border-width:1px 0; padding:5px 5px; font-size:12px; vertical-align: middle;}
.toplist .odd, .toplist .even{background-color: #fff;}
.toplist .pot{color:#cc6600; font-weight:bold;}
.toplist thead tr{background-color: #fff;}

.toplist td.play-now-btn{padding:0 5px;}

/* bingo-main toplist table - extends data table toplist */
.bingo-main {overflow:hidden;}
.bingo-main table {margin-top: 8px;}
.bingo-main th{font-size:10px; vertical-align:top; padding:0 5px;}
.bingo-main td{font-size:14px; font-weight:bold;}
.bingo-main .txt-hd {border-left: 1px solid #7CC6bf;}
.bingo-main td.txt-hd {text-align:center; _width:40px; background:transparent url(images/toplist-fade-bg.png) repeat-x scroll 0 1px;}
.bingo-main .last {border-right: 1px solid #7CC6bf;}
.bingo-main .rank{font-size:18px; vertical-align:top; color:#666;}
.bingo-main .center{text-align:center;}
.bingo-main .read-review{font-size:11px;font-weight:normal;margin-left:-5px;}

/* sub pages */
.sub-pages th {border-top: 1px solid #7CC6bf; vertical-align: bottom;}
.sub-pages td.txt-hd {text-align:center; background:transparent url(images/toplist-sub-fade-bg.png) repeat-x scroll 0 1px;}
.sub-pages th.bingo-room{width:130px;}
.sub-pages td{font-size:12px;}

/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}

/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}

/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either 
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/

/* HACKS */
.mediablock img {float:left; margin-right: 10px;}
.mediablockExt img{float:right; margin: 10px;}
a.mediablockExt{float:right; padding:3px 10px;}

.author-date {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}
	.author-date span {
		color: #666;
	}

/* centers content */
.center {
	text-align: center;
}
.center div,
.center p {
	margin-left: auto;
	margin-right: auto;
}

/* exclusive promotions */
.promotion p {
	width:73%;
}


.space {
	margin-top: 10px;
}
.controls {
	border: 1px solid #ddd;
	border-top: 0;
	background-color: #ebeaea;
	font-size: 93%;
}
#review-controls {
	margin: 1px -1px 0 0;
	_margin: 1px 0 0 0;
}
.js-off #review-controls {
	display: none;
}

#screenshot-controls {
	margin-left:10px;
	width:425px;
}
.js-off #screenshot-controls {
	display: none;
}
/* image header class */
.img-hd h1 {
	float:left;
	margin-top: 10px;
}
.img-hd div {
	float: left;
	margin-top: 24px;
}

#reviewCarousel {
	overflow:hidden;
	_zoom:1;
	padding:0;
}


/* rating stars */
.rating-stars div {
	background:transparent url(images/rating/rating-stars.png) no-repeat scroll 0 0;
	width:88px;
	height:16px;
	margin-bottom: 5px;
}

.rating-stars .rating-stars-0{background-position:0 0;}
.rating-stars .rating-stars-1{background-position:0 -18px;}
.rating-stars .rating-stars-2{background-position:0 -36px;}
.rating-stars .rating-stars-3{background-position:0 -54px;}
.rating-stars .rating-stars-4{background-position:0 -72px;}
.rating-stars .rating-stars-5{background-position:0 -90px;}

.review-exclusive-promo {
	background: transparent url(images/exclusive-promo.png) no-repeat scroll 0 0;
	width: 231px;
	height: 66px;
	text-align: center;
}
	.review-exclusive-promo a {
		display: block;
		padding-top: 32px;
		color: #ffc600;
		font-size: 123.1%;
	}

#articlesTemp {
    height: 281px;
}

/* sub content latest reviews */
.sub-content-reviews li {
	clear: both;
	margin-bottom: 5px;
	overflow: hidden;
}
.sub-content-reviews .hd  {
	margin-bottom:5px;
}
.sub-content-reviews .ft  {
	clear:both;
}
.sub-content-reviews .img-box  {
	float:left;
	width:80px;
	height:65px;
}
.sub-content-reviews .rating  {
	float:left;
	padding-left:10px;
}/**
 *  YUI overrides
 */
.yui-g .yui-u,
.yui-g .yui-g,
.yui-g .yui-gb,
.yui-g .yui-gc,
.yui-g .yui-gd,
.yui-g .yui-ge,
.yui-g .yui-gf {
    width:48.5%;
}

/* add margin to all grids */
.yui-g .yui-u .yui-g,
.yui-ge .yui-u .yui-ge {
    margin: 0 0 15px;
    _margin: 0 0 5px; /* IE6 quick fix */
}

/* exception, remove margin under certain cicumstances */
.yui-ge .first .dash {
	margin: 0;
}

.yui-g .yui-u .yui-g .tight,
.yui-ge .yui-u .yui-ge .tight {
	margin: 0;
}

.yui-g .yui-u .yui-u .yui-g {
    width: 100%;
}


/* UGLY hack */
.direct-download div.yui-u {
	width: 40%;
	margin-top: 5px;
}

.direct-download div.first {
	width: 58%;
	margin-top: 0;
}


/* DOCUMENT overrides */
#doc3 {
    margin: auto; /* remove the 10px of margin on the left and right sides */
    /*height: 116px;*/
    background: url(images/header-bg.png) repeat-x scroll 0 0;
	text-align: center;
}

#custom-doc {
    width: 70.15em;
    *width: 68.46em;
    min-width: 912px;
	margin: auto;
    text-align: left;
}


/* MAIN areas overrides */
#subpage-main {
    width: 65%;
}

#subpage-nav {
    width: 33%;
}


/**
 *  Defines all header elements
 */
#hd {
    position: relative;
    height: 116px;
    margin-bottom: 25px;
    background: url(images/bubbles-8.png) no-repeat scroll 340px -55px;
}

#logo {
    position: absolute;
    top: 21px;
    left: 0;
    width: 263px;
    height: 51px;
	padding: 0;
    background: url(images/logo-8.png) no-repeat scroll 0 0;
	_background: url(images/logo-ie6.png) no-repeat scroll 0 0;
}

	#logo a {
		display: block;
		height: 51px;
		text-decoration: none;
		text-indent: -10000px;
	}

#search-form {
    position: absolute;
    top: 35px;
	*top: 20px;
    right: 0;
    width: 210px;
}

#navigation {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 25px;
    padding: 3px 3px 0 2px;
    background-color: #3f8881;
}


/**
 *  Defines SilverStripe Menu1
 */
#Menu1 {
	_display: inline;
    height: 22px;
    padding: 0;
    background-color: #88bfba;
}

    #Menu1 li {
        float: left;
        height: 22px;
        border-left: 1px solid #3f8881;
    }

        #Menu1 li.current,
        #Menu1 li.section {
            background-color: #fff;
            height: 25px;
        }

        #Menu1 li a {
            display: block;
            margin: 2px;
            padding: 2px 7px;
            background:url(images/nav-btn-bg.png) repeat-x left bottom;
            color:#fff;
            font-weight:bold;
            text-decoration:none;
        }

            #Menu1 li a:hover {
                text-decoration: underline;
            }

            #Menu1 li.current a,
            #Menu1 li.section a {
                background:url(images/nav-btn-current-bg.png) repeat-x left bottom;
                color:#5ba7a0;
            }


/**
 *  Defines the footer elements
 */
#master-ft {
    height: 101px;
	margin-top: 20px;
    border-top: 3px solid #3f8881;
    background-color: #c8e7e4;
}

    #master-ft p {
        width: 73.076em;
        margin: 15px auto;
        text-align: left;
    }
/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod{margin:0;}
.cash-in-space{padding:14px 0 4px;font-size:11px;}
.space{margin:10px 0 15px;*margin:0 0 15px;}
.hd,.bd,.ft,{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br,.tr{float:right;}
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/

/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;overflow:hidden;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}

/* pop-up  */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}

/* complex-bottom */
.complex-bottom{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex-bottom .tl, .complex-bottom .tr{width:0;overflow:hidden;}
.complex-bottom .bl, .complex-bottom .br{height:175px;margin-top:-174px;}
.complex-bottom .top{height:5px;}
.complex-bottom .bottom{height:5px;}
.complex-bottom .tl{background-position: left top;}
.complex-bottom .tr{background-position: right top}
.complex-bottom .bl{background-position: left bottom;}
.complex-bottom .br{background-position: right bottom;}
.BlogError {
	text-align: center;
}

.BlogError p {
	color: #fff;
	display: inline;
	background-color:	#f77;
	padding: 7px;
	font-weight:bold;
}

.blogVitals {
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	clear: right;
	color: #777;
	margin: 0 10px 36px 10px;
	padding: 10px;
	text-align: right;
}

.feedVitals {
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	color: #777;
	margin: 20px 0 36px 0;
	padding: 10px;
}

.comments {
	float: left;
}

.site-comments {
	/*margin: 0 10px;*/
}

#PageComments li {
	margin-bottom: 20px;
}

/* archieve widget */
.archiveMonths{
}

ul.archiveYears li{
	display: inline;
	font-size: 1.2em !important;
	margin:0 !important;
}

/* bbcode helper */
ul.bbcodeExamples li {
	list-style-type:none;
	font-size: 1em;
}
ul.bbcodeExamples li.last {
	border: none;
}

ul.bbcodeExamples li span.example {
}

#BBTagsHolder{
	color: #777;
	padding: 5px;
	width: 270px;
	background-color: #fff;
	font-size:0.8em;
}

.bbcodeExamples{
	margin: 0 !important;
	padding: 0;
}

#BBCodeHint{
	cursor: pointer;
}

/* flickr widget */
div.flickrwidget {
	text-align: center;
}

/* subscriber widget */
.subscribeLink {
	background: url(../images/feed-icon-14x14.png) no-repeat left center;
	padding-left: 20px;
}

/* tagcloud */
.tagcloud .not-popular { font-size: 1em; }
.tagcloud .not-very-popular { font-size: 1.3em; }
.tagcloud .somewhat-popular { font-size: 1.6em; }
.tagcloud .popular { font-size: 1.9em; }
.tagcloud .very-popular { font-size: 2.2em; }
.tagcloud .ultra-popular { font-size: 2.5em; }#SearchForm_SearchForm_Search {
    float: left;
    width: 143px;
    height: 21px;
    padding-top: 3px;
    padding-left: 22px;
    background: transparent url(images/search-field-bg-8.png) no-repeat scroll 0 0;
    border-style: hidden;
    border-width: 0;
}

#SearchForm_SearchForm_action_results {
    float: left;
    width: 28px;
    height: 22px;
    margin-left: 3px;
    padding-bottom: 2px;
    background: transparent url(images/search-btn-8.png) no-repeat scroll 0 0;
    border-style: hidden;
    border-width: 0;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

/* comments interface - autogenerated from SilverStripe */
#PageComments  {
	padding: 0;
}

#PageComments li {
	margin-bottom: 10px;
	padding:0 10px 10px;
	border-bottom: 1px solid #7cc6bf;
}

#PageCommentInterface_Form_PostCommentForm {
	padding: 10px;
}
#PageCommentInterface_Form_PostCommentForm label {
	font-size: 86%;
}

#PageCommentInterface_Form_PostCommentForm fieldset input {
	width: 210px;
	margin-bottom: 4px;
	padding: 3px;
	border: 1px solid #ccc;
	background: #fffdf3 url(images/form/comments-input-bg.png) repeat-x scroll 0 0;
}

#PageCommentInterface_Form_PostCommentForm textarea {
	width: 380px;
	height: 130px;
	padding: 3px;
	border: 1px solid #ccc;	
	background: #fffdf3 url(images/form/comments-input-bg.png) repeat-x scroll 0 0;
}

#PageCommentInterface_Form_PostCommentForm_action_postcomment {
	width: 140px;
	height: 37px;
	margin-top: 10px;
	padding-bottom: 5px;
	border: 0;
	background: transparent url(images/buttons/btn-post-comment.png) no-repeat scroll right top;
	color: #333333;
	font-weight: bold;
	cursor: pointer;
}

/* Search results */
#SearchResults {
	padding: 0;
}
#SearchResults li {
	margin-bottom: 10px;
	padding:0 10px 0;
	border-bottom: 1px solid #7cc6bf;
}

	#SearchResults li p {
		padding: 10px 0;
	}

/* Page Numbers */
#PageNumbers,
#PageCommentsPagination {
	margin-top: 20px;
	text-align: center;
	font-size: 123.1%;
}
#PageNumbers a,
#PageCommentsPagination a {
	padding: 0 2px;
	text-decoration: none;
}
.jcarousel-skin .jcarousel-container-horizontal,
.jcarousel-skin .jcarousel-clip-horizontal,
.jcarousel-skin .jcarousel-item{
    width: 220px;
	height: 245px;
}

/* horizontal buttons - next */
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
	top: 253px;
    right: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url(images/controls/btn-arrow-right-active.png) no-repeat 0 0;
}
.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    /*background-position: -96px 0;*/
	background: transparent url(images/controls/btn-arrow-right.png) no-repeat 0 0;
}

/* horizontal buttons - prev */
.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 253px;
    right: 28px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url(images/controls/btn-arrow-left-active.png) no-repeat 0 0;
}
.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    /*background-position: -96px 0;*/
	background: transparent url(images/controls/btn-arrow-left.png) no-repeat 0 0;
}

/* content */
.jcarousel-skin h2 {
	padding: 10px 10px 0;
}
.jcarousel-skin p {
	padding: 5px 10px 10px 11px;
}
.jcarousel-skin img {
	width: 220px;
}
.jcarousel-skin .arrowLink {
	clear: both;
	float: right;
}

.hide-carousel {
	visibility: hidden;
}

.jcarousel-skin-screenshot {
	padding-left: 10px;
}
.jcarousel-skin-screenshot .yui-ge {
	margin: 0;
}
.jcarousel-skin-screenshot .jcarousel-container-horizontal,
.jcarousel-skin-screenshot .jcarousel-clip-horizontal,
.jcarousel-skin-screenshot .jcarousel-item{
    width: 427px;
	height: 237px;
}

/* horizontal buttons - next */
.jcarousel-skin-screenshot .jcarousel-next-horizontal {
    position: absolute;
	top: 243px;
    right: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url(images/controls/btn-arrow-right-active.png) no-repeat 0 0;
}
.jcarousel-skin-screenshot .jcarousel-next-disabled-horizontal,
.jcarousel-skin-screenshot .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-screenshot .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    /*background-position: -96px 0;*/
	background: transparent url(images/controls/btn-arrow-right.png) no-repeat 0 0;
}

/* horizontal buttons - prev */
.jcarousel-skin-screenshot .jcarousel-prev-horizontal {
    position: absolute;
    top: 243px;
    right: 28px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url(images/controls/btn-arrow-left-active.png) no-repeat 0 0;
}
.jcarousel-skin-screenshot .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-screenshot .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-screenshot .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    /*background-position: -96px 0;*/
	background: transparent url(images/controls/btn-arrow-left.png) no-repeat 0 0;
}

/* content */
.jcarousel-skin-screenshot img {
	width: 427px;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 220px;
    height: 240px;		
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}
.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* === Defines background classes === */
/* fade-bg extends mod */
.fade-bg .inner{background:url(skin/mod/fade_gray.png) repeat-x left bottom;}
.fade-exclusive-bg .inner{height:129px;background:red url(skin/mod/fade_gold.png) repeat-x left bottom;}/* === Defines border classes === */
/* no-border extends mod */
.no-border .top{height:1px;}

/* solid-border extends mod */
.solid-border .top{height:1px;} /* remove the top corners */
.solid-border .inner {border-right:1px solid #7cc6bf;border-bottom:1px solid #7cc6bf;border-left:1px solid #7cc6bf;/*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/}
.solid-border .easy {margin:0 -1px;} /* only when solid-border and easy are used in conjunction */

/* fade-border extends mod */
.fade-border .top{height:1px;}
.fade-border .inner{border:solid 0px #fff;margin:0 1px;}/* muck with margins to change how the block will align with other blocks, any value between 0-10px */
.fade-border b{background-image:url(skin/mod/border_fade.png);}
.fade-border .top, .fade-border .bottom{height:1px;margin-top:0px;}/* buttons base class */
.button {
    display: block;
    float: left;
    height: 50px; /* image height */
    margin-right: 6px;
    padding-right: 20px; /* right image width */
    color: #333;
	background: transparent url(images/buttons/btn-right.png) no-repeat right top;
	cursor: pointer;
}
    .button span {
        display: block;
        padding: 12px 0 5px 20px;
        background: transparent url(images/buttons/btn-left.png) no-repeat;
        line-height: 11px; /* button height */
        height:50px;
        text-align:center;
        color: #333;
    }
        .button:hover span{
            text-decoration:none;
        }
        .button:visited{
            color: #333;
        }

/* download button */
.download {
    display: block;
    float: left;
    height: 50px; /* image height */
    margin-right: 6px;
    padding-right: 20px; /* right image width */
    background: transparent url(images/buttons/btn-right.png) no-repeat scroll top right;
    color: #333;
	text-decoration: none;
	cursor: pointer;
}
a.download:visited {
	color: #333;
}
    .download .btn-text {
        display: block;
        padding: 18px 0 5px 48px;
        background: transparent url(images/buttons/btn-left-download.png) no-repeat;
        line-height: 11px; /* button height */
        height:50px;
        text-align:center;
        color: #333;
	    font-size: 123.1%;
    }
	.download .download-size {
		color: #666;
		font-size: 67%;
		white-space: nowrap;
	}

/* oneline button extends button */
.oneline {
    height: 37px; /* image height */
    padding-right: 12px; /* right image width */
    background: transparent url(images/buttons/btn-right-oneline.png) no-repeat scroll top right;
}
    .oneline span {
        height: 37px;
        padding: 10px 0 5px 15px;
        background: transparent url(images/buttons/btn-left-oneline.png) no-repeat;
        white-space: nowrap;
    }

/* exclusive button extends button */
.exclusive {
    height: 35px; /* image height */
    padding-right: 14px; /* right image width */
    background: transparent url(images/buttons/btn-gray-right-8.png) no-repeat scroll top right;
}
    .exclusive span {
        height: 35px;
        padding: 10px 26px 5px 40px;
        background: transparent url(images/buttons/btn-gray-left-8.png) no-repeat;
        white-space: nowrap;
    }

/* oneline button extends button */
.jackpot {
    height: 26px; /* image height */
    padding-right: 12px; /* right image width */
    background: transparent url(images/buttons/btn-right-jackpot.png) no-repeat scroll top right;
}
    .jackpot span {
        height: 26px;
        padding: 5px 24px 5px 36px;
        background: transparent url(images/buttons/btn-left-jackpot.png) no-repeat;
        white-space: nowrap;
    }

/* play-now button extends button */
.play-now {
	*width: 200px;
}
    .play-now span {
		padding: 16px 40px 5px 60px;
		*padding: 16px 0px 5px 20px;
		font-size: 123.1%;
    }/* === Defines headers classes === */
/* easy */
.easy{background: #e9e9e9 url(skin/mod/header_simple.png) repeat-x left bottom; color:#fff;font-size:93%; padding:3px 10px; white-space: nowrap;}
.easy h1,.easy h2,.easy h3,.easy h4,.easy h5,.easy h6{font-family:arial; font-size:100%;font-weight:bold; color:#fff;padding:0;}

/* dash */
.dash{background: #eff7f6 url(skin/mod/header_dash.png) repeat-x left bottom; font-size: 116%; margin:0 -1px; padding:4px 10px 0; *padding:0px 10px 4px; height:24px; white-space: nowrap; /*overflow: hidden;*/}
.dash h1,.dash h2,.dash h3,.dash h4,.dash h5,.dash h6{font-family:arial; font-size: 100%; font-weight:bold; color:#5ba7a0; padding:1px 0 0; *padding:4px 0 0;}
/* === Defines tooltip classes === */
/* tooltip */
a.hover {
	background:#fff; /*bg color is a must for ie6*/
	text-decoration:none;
}
.tooltip span {
	display: none;
	padding: 2px 3px;
	margin-left: 5px;
	width: 130px;
}
.tooltip:hover span {
	display: inline;
	position: absolute;
	background: #fafafa;
	border: 1px dotted #ccc;
	color: #6c6c6c;
}