@charset "utf-8";

ul.submenu, .list-themes, ol.form-login{display:none;}

/* CSS Document */
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
:focus { outline:0; }
body { line-height:1; }
ol,
ul { list-style:none; }
table {
	border-collapse:separate;
	border-spacing:0;
}
caption,
th,
td {
	text-align:left;
	font-weight:normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after { content:""; }
blockquote,
q { quotes:""""; }
/* //CSS Reset */
html {
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
a {
	text-decoration:none;
	font-weight:bold;
}
input,
textarea,
body { font-family:Arial, Helvetica, sans-serif; }
#document {
	position:relative;
	margin:0 auto;
	width:930px;
}
#header {
	position:relative;
	width:100%;
	height:30px;
	padding:10px 0;
	z-index:2;
	float:left;
}
#content {
	position:relative;
	width:100%;
	float:left;
	z-index:1;
}
#footer {
	position:relative;
	width:100%;
	height:30px;
	padding:10px 0;
	float:left;
}
.dropdown {
	display:block;
	background-position:right center;
	background-repeat:no-repeat;
	height:100%;
}
.active .dropdown { }
input { font-family:Arial, Helvetica, sans-serif; }
.main {
	padding:12px;
	background-color:#fff;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	float:left;
}
.two-columns {
	float:left;
	width:100%;
}
.two-columns .left-column {
	float:left;
	width:604px;
}
.two-columns .right-column {
	float:right;
	width:300px;
}
.two-columns .left-column .session { width:580px; }
.two-columns .right-column .session { width:276px; }
.session {
	padding:12px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	float:left;
}
.session h2 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
	margin-left:-12px;
	padding:6px 16px;
	color:#fff;
	float:left;
}
.avatar-small {
	display:block;
	width:30px;
	height:30px;
	overflow:hidden;
}
.avatar-medium {
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
}
.game-small {
	display:block;
	padding:2px;
	border-width:1px;
	border-style:solid;
	width:80px;
	height:80px;
	overflow:hidden;
	background-color:#fff;
}
.game-medium {
	display:block;
	padding:2px;
	border-width:1px;
	border-style:solid;
	width:100px;
	height:100px;
	overflow:hidden;
	background-color:#fff;
}
.avatar-small img,
.avatar-medium img,
.game-small img,
.game-medium img {
	width:100%;
	height:100%;
	display:block;
}
/* Header */
.logo {
	float:left;
	position:relative;
	display:block;
	background:url(/images/layout/logo.png);
	width:81px;
	height:25px;
	text-indent:-999em;
	overflow:hidden;
}
.menu {
	float:left;
	margin:0 10px;
	width:334px;
}
.menu li {
	float:left;
	position:relative;
}
.menu .item {
	display:block;
	font-size:13px;
	line-height:19px;
	padding:6px 9px;
}
.menu .item .dropdown { padding-right:12px; }
.menu .active .item {
	border-left-width:1px;
	border-left-style:solid;
	border-right-width:1px;
	border-right-style:solid;
	border-top-width:1px;
	border-top-style:solid;
	-moz-border-radius-topleft:2px;
	-webkit-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-webkit-border-radius-topright:2px;
	padding:5px 8px 11px;
	z-index:1;
}
.submenu {
	position:absolute;
	top:35px;
	left:0;
	float:left;
	padding:12px;
	border-width:1px;
	border-style:solid;
	width:308px;
	z-index:-1;
}
.submenu .subitem {
	font-size:13px;
	padding-left:14px;
	background-position:left center;
	background-repeat:no-repeat;
}
.submenu .odd {
	float:left;
	width:45%;
	padding-right:5%;
	margin-bottom:5px;
	clear:both;
}
.submenu .even {
	float:right;
	width:50%;
	margin-bottom:5px;
}
.submenu .bt-more {
	border-top:1px solid #CDE6E6;
	padding-top:12px;
	margin-top:7px;
}
.search {
	float:left;
	border-width:2px;
	border-style:solid;
	background-color:#fff;
	padding:1px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.search form {
	background:url(/images/layout/bg-input-txt.png);
	padding:1px;
	height:23px;
}
.search .input-txt {
	background-color:#fff;
	border:0;
	font-size:13px;
	font-weight:bold;
	color:#999;
	padding:3px 4px 4px;
	float:left;
	width:173px;
}
.search .input-btn {
	display:inline;
	margin-left:1px;
	width:71px;
	height:23px;
	text-indent:-999em;
	overflow:hidden;
	border:0;
	cursor:pointer;
	float:left;
}
.personalize {
	position:relative;
	display:inline;
	margin:0 10px;
	float:left;
	width:62px;
}
.personalize .label {
	font-size:11px;
	padding-bottom:5px;
	line-height:8px;
	text-align:center;
	display:block;
}
.personalize .selector {
	display:block;
	padding:2px;
	border-width:1px;
	border-style:solid;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	z-index:1;
}
.personalize .selector .theme {
	display:block;
	width:40px;
	height:12px;
	overflow:hidden;
	text-indent:-999em;
}
.personalize .selector .dropdown {
	padding-right:10px;
	margin-right:3px;
}
.active .selector {
	padding:2px 2px 8px;
	border-bottom-width:0;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-radius-bottomleft:0;
	-webkit-border-radius-bottomright:0;
}
.list-themes {
	position:absolute;
	top:35px;
	right:0;
	float:left;
	padding:12px;
	border-width:1px;
	border-style:solid;
	width:352px;
	z-index:-1;
}
.user {
	position:relative;
	float:left;
	width:152px;
	height:31px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.user .login {
	width:100%;
	float:left;
}
.user li {
	float:left;
	z-index:1;
}
.user .item {
	font-size:11px;
	line-height:15px;
	padding:8px;
	display:block;
	text-align:center;
}
.user .active .item {
	border-left-width:1px;
	border-left-style:solid;
	border-right-width:1px;
	border-right-style:solid;
	border-top-width:1px;
	border-top-style:solid;
	-moz-border-radius-topleft:2px;
	-webkit-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-webkit-border-radius-topright:2px;
	padding:7px 7px 13px;
	z-index:1;
}
.user .item .dropdown { padding-right:12px; }
.form-login {
	position:absolute;
	top:35px;
	right:0;
	float:left;
	padding:12px;
	border-width:1px;
	border-style:solid;
	width:198px;
	z-index:-1;
}
.form-login li {
	width:100%;
	float:left;
	clear:both;
	margin-bottom:10px;
}
.dropdown-title {
	font-size:15px;
	font-weight:bold;
	display:block;
}
.form-login .form-lbl {
	display:block;
	color:#999;
	font-size:11px;
	margin-bottom:5px;
}
.form-login .form-txt {
	color:#999;
	font-size:12px;
	border:1px solid #e3e3e3;
	padding:4px;
	width:188px;
}
.form-login .form-checkbox { margin:0 5px 0 0; }
.form-login li.buttons { padding:10px 0; }
.form-login li.link {
	text-align:right;
	margin:0;
	font-size:11px;
}
/* Footer */
#footer p {
	font-size:11px;
	line-height:15px;
}
#footer .nzn {
	float:right;
	width:57px;
	height:33px;
	text-indent:-999em;
	overflow:hidden;
}
/* Jogo rapido */
.list-games { }
.list-games li { float:left; }
.list-games . {
}
/* O que esta Rolando */
.list-updates {
	width:100%;
	float:left;
	margin-bottom:6px;
	word-wrap:break-word;
}
.list-updates li {
	float:left;
	clear:both;
	background-color:#fff;
	margin-bottom:6px;
	padding:5px;
	border-width:1px;
	border-style:solid;
}
.list-updates .avatar-small {
	float:left;
	margin-right:10px;
}
.list-updates .item {
	display:block;
	float:left;
	font-size:13px;
	line-height:18px;
	padding:6px 0;
}
/* Mais jogados hoje */
.list-top {
	width:100%;
	float:left;
}
.list-top li {
	float:left;
	clear:both;
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
.list-top .game-small {
	float:left;
	margin-right:10px;
}
.list-top .item {
	display:block;
	float:left;
	font-size:11px;
	line-height:18px;
}
.list-top .game-name {
	display:block;
	height:40px;
	margin-bottom:10px;
	overflow:hidden;
	font-size:13px;
}
.list-top strong { font-weight:bold; }
/* Botao continuar listagem */
.bt-more {
	float:left;
	display:block;
	width:100%;
}
.bt-more .dropdown { padding-right:13px; }
.bt-more a {
	float:right;
	font-size:13px;
}
/* Carrosel */
.jcarousel-container {
	position:relative;
	float:left;
}
.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;
}
.jcarousel-next {
	z-index:3;
	display:none;
	position:absolute;
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.jcarousel-prev {
	z-index:3;
	display:none;
	position:absolute;
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
}
#list-roll-games .game-medium {
	position:relative;
}
#list-roll-games .game-name {
	position:absolute;
	bottom:2px;
	width:90px;
	height:23px;
	background-color:#000;
	font-size:10px;
	color:#fff;
	padding:5px;
}
/*Paginacao*/
.pagination{float:right; font-size:12px; font-weight:bold;text-align:center;line-height:22px;}
.pagination .prev_page{display:block;float:left; margin-right:8px; padding:0 8px;}
.pagination .next_page{display:block;float:left;padding:0 8px;}
.pagination .disabled{display:block;float:left;margin-right:8px; padding:0 8px;}
.pagination .gap{display:block;float:left;margin-right:8px; padding:0 8px;}
.pagination .current{background:#099; display:block; color:#fff !important;float:left;margin-right:8px; padding:0 8px;}
.pagination a{background:#cde6e6; display:block;float:left;margin-right:8px; padding:0 8px;}
.pagination a:hover{color:#fff !important;}

/*LOGOUT*/
#logout{float:left;width:142px;height:21px;-moz-border-radius:2px;-webkit-border-radius:2px; display:block; padding:5px 5px; text-align:center;}
#logout a{line-height:21px; display:block; float:left; font-size:11px;padding-left:15px; padding-right:6px; margin-right:3px; border-right:1px solid #eee;background-position:left center; background-repeat:no-repeat;}
#logout a.last{padding-right:0; margin-right:0; border-right:none;}
#logout a:hover.exit{background-image:url(/images/layout/ic-exit-hover.gif);}
#logout a:hover.mydata{background-image:url(/images/layout/ic-mydata-hover.gif);}

/*BT SUBMIT*/
.bt-submit{float:right;cursor:pointer; background:url(/images/layout/bt-bg.png) repeat-x; border-width:1px; border-style:solid; font-size:14px;font-weight:bold;color:#577; text-align:center;}

/*ICONES TEMAS*/
.list-themes{right:0px; top:36px; position:absolute;}
.list-themes ul.themes{width:352px;}
.list-themes ul.themes li{width:176px; float:left;}
.list-themes ul.themes li .title{display:block; font-size:11px;font-weight:regular;color:#999; clear:both; line-height:175%;}
.list-themes ul.themes li a.item{width:52px; height:32px; float:left; padding:1px; border:1px solid #e0e0e0; margin-right:2px; display:block;}
.list-themes ul.themes li a:hover.item{border-color:#f90; background:#f90;}
.list-themes ul.themes li a.item img{width:50px; height:30px;border:1px solid #e0e0e0;}

/*BARRA DE NOTIFICAÇAO*/
.not-bar{background-color:#fff;font-size:14px;font-weight:bold;color:#666;/*padding:8px 16px;*/margin-bottom:15px;padding:12px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.not-bar strong{color:#f90;}
.not-bar.nb-ok{background:#fff url(/images/layout/ic-ok.png) no-repeat 12px center; padding-left:36px;}
.not-bar.nb-notok{background:#fff url(/images/layout/ic-notok.png) no-repeat 12px center; padding-left:36px;}

/*USERBAR*/
#userbar-c{margin-bottom:20px; float:left;}
#userbar{width:906px;position:relative;}
#userbar .avatar-medium{float:left;padding:2px;border:1px solid;width:50px;height:50px;overflow:hidden;background-color:#fff; float:left; margin-right:10px;-moz-border-radius:2px;-webkit-border-radius:2px; text-align:right;position:relative;}
#userbar .user-hd{float:left;position:relative; width:840px; padding:10px 0;}
.avatar-medium img{display:inline !important;}
#userbar .user-hd .avatar-medium .tit{float:left; width:426px; padding-right:20px;}
#userbar .avatar-medium .change{position:absolute;bottom:3px;left:2px ;width:46px;height:16px;background-color:#000;font-size:10px;color:#fff;padding:2px; text-align:center;line-height:16px;}
#userbar .user-hd .tit{float:left;width:840px;}
#userbar .user-hd .tit h1{font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold; display:inline; float:left; margin-bottom:0; margin-bottom:5px; background:none;}
#userbar .user-hd .p-msg{width:250px;font-size:12px; float:left;}
#userbar .user-hd .p-msg span{width:225px; font-style:italic;}
#userbar .user-hd .p-msg a{padding-left:10px;}

#userbar .user-hd .links{float:right; font-size:11px; text-transform:uppercase; margin-top:-5px;}
#userbar .user-hd .links li{float:left;border-right:1px solid;}
#userbar .user-hd .links li.last{border:none;}
#userbar .user-hd .links li a{float:left;padding:5px 8px;}

.under-ps-box-c{width:906px;padding:0 12px; float:left;}
/*BOX DE MSG PESSOAL DA USERBAR*/
#p-msg-box{float:left; width:882px; padding:10px;-moz-border-radius-bottomright:5px;-webkit-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-webkit-border-radius-bottomleft:5px; background-repeat:repeat-x; background-image:url(/images/layout/bg-p-msg-notify.png);}
#p-msg-box .input{width:650px;line-height:14px; padding:6px 8px; float:left; border:1px solid; font-size:14px; margin-right:8px;}
#p-msg-box .bt-submit{width:99px; height:30px; float:left; font-size:11px;}
/*BOX DE NOTIFICAÇAO DA USERBAR*/
#notify-box{float:left; width:882px; padding:10px;-moz-border-radius-bottomright:5px;-webkit-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-webkit-border-radius-bottomleft:5px;background-repeat:repeat-x; background-image:url(/images/layout/bg-p-msg-notify.png);}
#notify-box .notify{font-size:14px; font-weight:bold; color:#fff; float:left; line-height:18px;}
#notify-box .close{color:#fff; padding-right:15px;font-size:11px; float:right; background-image:url(/images/layout/bt-x-white.png); background-position:right center; background-repeat:no-repeat;line-height:18px;}

/*BARRA RATING*/
.rating{
	width:auto;
	height:14px;
	line-height:14px;
	display:block;
}
.rating small{
	color:#999999;
	display:block;
	font-size:10px;
	margin-left:5px;
	float:left;
}
.star-rating-b,
.star-rating{
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
}
.star-rating-b,
.star-rating,
.star-rating-b span,
.star-rating span,
.star-rating-b li,
.star-rating li,
.star-rating-b a,
.star-rating a,
.star-rating-b a:hover,
.star-rating a:hover{background-repeat:repeat-x;}
.star-rating-b li,
.star-rating li{display: inline;}
.star-rating-b .current-rating,
.star-rating .current-rating,
.star-rating-b a,
.star-rating a{
	position:absolute;
	display:block;
	top:0;
	left:0;
	text-indent:-999px;
	overflow:hidden;
}

.star-rating{
	width:75px;
	height:14px;
}
.star-rating,
.star-rating span,
.star-rating li,
.star-rating a,
.star-rating a:hover{background-image:url(/images/layout/stars.gif);}
.star-rating .current-rating,
.star-rating a{height:14px;}
.star-rating{background-position:0px 0px;}
.star-rating a{background-position:0px -42px;}
.star-rating .current-rating{background-position:0px -14px;}
.star-rating a:hover{background-position:0px -28px;}

/* .star-rating-b{
	width:150px;
	height:29px;
}
.star-rating-b,
.star-rating-b span,
.star-rating-b li,
.star-rating-b a,
.star-rating-b a:hover{background-image:url(/images/layout/ic-ratingstars-b.png);}
.star-rating-b .current-rating,
.star-rating-b a{height:29px;}
.star-rating-b{background-position:0px 0px;}
.star-rating-b.norate{background-position:0px -87px;}
.star-rating-b a{background-position:0px -116px;}
.star-rating-b .current-rating{background-position:0px -29px;}
.star-rating-b a:hover{background-position:0px -58px;} */

.star-rating-b a.one-rate,
.star-rating a.one-rate{
	width:20%;
	z-index:6;
}
.star-rating-b a.two-rate,
.star-rating a.two-rate{
	width:40%;
	z-index:5;
}
.star-rating-b a.three-rate,
.star-rating a.three-rate{
	width:60%;
	z-index:4;
}
.star-rating-b a.four-rate,
.star-rating a.four-rate{
	width:80%;
	z-index:3;
}
.star-rating-b a.five-rate,
.star-rating a.five-rate{
	width:100%;
	z-index:2;
}
.star-rating-b .current-rating,
.star-rating .current-rating{z-index:1;}