/**
 * Colors:
 * - e9ca53 (golden)
 * - 745702 (brown)
 * - 625008 (brown2)
 */
body {
	background: #000000 url(../img/bodyBkg.jpg) no-repeat fixed center center;
	padding: 0; margin: 0;
	}
body, table, select, input { font-family: Arial, sans-serif; font-size: 11px; }
body, a { color: #e9ca53; }

.msg {
	border: 1px solid #e9ca53;
	color: #e9ca53; font-weight: bold;
	margin: 12px auto; padding: 8px;
	text-align: center;
}
.msgError {
	border: 1px solid #ff0000;
	color: #ff0000; font-weight: bold;
	margin: 12px auto; padding: 8px;
	text-align: center;
}

body { scrollbar-base-color: #e9ca53; }
#content { font-size: 12px; line-height: 120%; }
#content h1 { margin: 6px 0 10px 0; text-transform: uppercase; font-size: 16px; }
#content p,
.content { padding: 3px 0; margin-bottom: 20px; color: #ffffff; }
a img { border: none; }
.lb, label { text-transform: uppercase; }
.val { color: #ffffff; }
input, select, label { vertical-align: middle; }
.field input,
select { border: 1px solid #2d2d2d; background-color: #000000; color: #ffffff; }
.field { margin: 10px 0; }
.field .error-msg {
	display: inline-block;
	color: #ff0000;
	margin: 5px 0 5px 140px;	
	}

.buttons { margin: 10px auto; text-align: center; }
.buttons input,
.button {
	background: transparent url(../img/btn.png) no-repeat;
	border: none;
	width: 169px; height: 25px;
	color: #745702; text-transform: uppercase; font-weight: bold;
	display: inline-block; text-decoration: none;
	}
.button { line-height: 25px; }
.searchbar .button {
	width: 69px; background-image: url(../img/btn69.png);
	margin: 0 4px;
}
.buttons input:hover,
.buttons .button:hover { background-position: 0 -25px; }
.note { text-align: center; margin: 0 10%; color: #625008; }
	
.menu { position: relative; list-style: none; padding: 0; margin: 0; }
.menu li { padding: 0; margin: 0; }

#wrap {
	background-color: #000000;
	width: 819px; margin: 0 auto;
	padding: 0 20px 30px 20px;
	overflow: visible;
	position: relative;
	}
	
#head, #body, #foot {
	position: relative; float: none; clear: both;
	}

#head { z-index: 9999; }
#body { z-index: 100; }
#foot {
	background: #000000 url(../img/foot.gif) no-repeat scroll 0 100%;
	text-transform: uppercase;
	height: 61px; overflow: visible;
	}
#foot, #foot a { color: #e9ca53; }
#mediaPartners, #transglobalLnk { margin: 30px 10px; }
#mediaPartners { float: left; margin-top: 15px; }
#mediaPartners span { margin-right: 30px; }
#mediaPartners span,
#mediaPartners img { vertical-align: middle; }
#mediaPartners ul, #mediaPartners li { list-style: none; display: inline; }
#mediaPartners li { padding-right: 18px; }
#transglobalLnk { float: right; }
#contact {
bottom:-20px;
position:absolute;
right:8px;
}
#contact, #contact a { color: #606060; font-size: 10px; }

#mainMenu { margin-bottom: 5px; }
#row1 { height: 303px; margin-bottom: 8px; overflow:hidden; }
#row2 { height: 255px; }
#content { width: 510px; float: left; }
#sidebar { float: right; width: 300px; overflow: hidden; }

/**
 */
#head h1 {
	background: transparent url(../img/logo.png) no-repeat;
	width: 192px; width: 200px; height: 189px;
	text-indent: -9999px;
	position: absolute; left: -15px; top: 0;
	z-index: 9999; overflow: visible;
	}

/**
 */
#socialNetworks { /*width: 408px;*/ float: right; clear: both; }
#socialNetworks p {
	width: 408px; text-align: center;
	padding: 12px 0;
	font-size: 10px;
	background: #000000 url(../img/socialNetworksBkg.gif) repeat-x scroll 0 100%;
	text-transform: uppercase;
}
#socialNetworks li {
	background-image: url(../img/socialNetworksLnks.png);
	width: 82px; height: 25px;
	float: left; display: inline;
	}
#socialNetworks li.last { width: 80px; }
#socialNetworks .lb { display: none; }
#socialNetworks a { display: block; width: 100%; height: 100%; }
#socialNetworks .myspaceLnk { background-position: -82px 0; }
#socialNetworks .youtubeLnk { background-position: -164px 0; }
#socialNetworks .hi5Lnk { background-position: -246px 0; }
#socialNetworks .twitterLnk { background-position: -328px 0; }

#socialNetworks .facebookLnk:hover { background-position: 0 -25px; }
#socialNetworks .myspaceLnk:hover { background-position: -82px -25px; }
#socialNetworks .youtubeLnk:hover { background-position: -164px -25px; }
#socialNetworks .hi5Lnk:hover { background-position: -246px -25px; }
#socialNetworks .twitterLnk:hover { background-position: -328px -25px; }

/**
 */
#mainMenu {
	width: 638px; height: 39px;
	float: right; clear: both;
	margin-top: 20px;
	overflow: hidden;
	}
#mainMenu li {
	background-image: url(../img/mainMenuLnks.png);
	background-position: -107px 0;
	width: 101px; height: 39px;
	float: left; display: inline;
	text-align: center; line-height: 40px;
	text-transform: uppercase;
	}
#mainMenu li.first { background-position: 0 0; width: 111px; }
#mainMenu li.last { background-position: 100% 0; width: 111px; margin: 0; }
#mainMenu li, #mainMenu a { color: #745702; font-weight: bold; }
#mainMenu a {
	display: block; width: 100%; height: 100%;
	text-decoration: none;
	background: transparent url(../img/sep.gif) no-repeat scroll 100% 0;
	}
#mainMenu li.last a { background: none; }
#mainMenu a:hover { text-decoration: underline; }
#mainMenu li:hover { background-position: -107px -39px; }
#mainMenu li.first:hover { background-position: 0 -39px; }
#mainMenu li.last:hover { background-position: 100% -39px; }
#mainMenu .pollLnk { width: 113px; }

/**
 */
#destaquePassatempo { margin-bottom: 8px; z-index: 10; }
#destaquePassatempo * { z-index: 10; }
/**
 */
.mod-playlist { overflow: hidden; height: 100%; float: left; }
.mod-playlist .video {
	height: 100%; width: 370px; float: left; margin-right: 3px;
	background-color: #646464;
	}
.mod-playlist .list {
	background: transparent url(../img/playlist.png) no-repeat;
	width: 132px; height: 100%; float: left;
	}
	
/**
 */
#row1 .mod-gameTabs { height: 100%; float: right; }
.mod-gameTabs {
	margin-bottom: 5px; position: relative;
	overflow: hidden;
	width:298px;
	}

.mod-gameTabs .menu { width: 297px; height: 39px; overflow: hidden; }
.mod-gameTabs .menu li {
	width: 101px; height: 100%; float: left; overflow: hidden;
	background: transparent url(../img/tabs.png) no-repeat scroll -95px 0;
	text-transform: uppercase;
}
.mod-gameTabs .menu li.first { background-position: 0 0; width: 95px; }
.mod-gameTabs .menu li.last { background-position: 100% 0; }
.mod-gameTabs .menu .lb {
	display: block; width: 101px; white-space: nowrap;
	padding-top: 7px;
	text-align: center;
}
.mod-gameTabs .menu li em {
	display: block; white-space: nowrap;
	font-weight: bold; font-style: normal;
	text-align: center;
	}
.mod-gameTabs .menu li, .mod-gameTabs .menu a {
	color: #745702; text-decoration: none;
	}
.mod-gameTabs .menu a { display: block; width: 100%; height: 100%; }
.mod-gameTabs .menu li:hover,
.mod-gameTabs .menu li.current,
.mod-gameTabs .menu a:hover,
.mod-gameTabs .menu .current a { color: #e9ca53; }
.mod-gameTabs .menu li:hover,
.mod-gameTabs .menu li.current { background-position: -95px -39px; }
.mod-gameTabs .menu li.first:hover,
.mod-gameTabs .menu li.first.current { background-position: 0 -39px; }
.mod-gameTabs .menu li.last:hover,
.mod-gameTabs .menu li.last.current { background-position: 100% -39px; }
.mod-gameTabs .bottom {
	width: 297px; height: 16px; clear: both; overflow: hidden;
	background: transparent url(../img/goldenBottom.png) no-repeat;
	text-align: center; line-height: 15px; 
}
.mod-gameTabs .bottom a {
	display: block; width: 100%; height: 100%;
	color: #745702; font-weight: bold;
	text-decoration: none; text-transform: uppercase;
	font-size: 10px;
	}
.mod-gameTabs .bottom a:hover { text-decoration: underline; }
.mod-gameTabs .bottom:hover { background-position: 0 -16px; }

.mod-gameTabs .tabs ul {
	overflow: auto; position: relative; height: 248px;
	background-color: #404040;
	}
.mod-gameTabs .tabs li {
	background-color: #404040; color: #fefefe;
	padding: 3px 10px;
	font-size: 10px; text-transform: uppercase;
	position: relative;
	}
.mod-gameTabs .tabs li.even { background-color: #262626; }
.mod-gameTabs .tabs li .num {
	width: 12px; margin-right: 8px; display: inline-block; text-align: right;
	}
.mod-gameTabs .tabs li .author {
	color: #e9ca53; /*width: 90px;*/ height: 1em; overflow: hidden;
	display: inline-block; vertical-align: middle;
	}
.mod-gameTabs .tabs li .title {
	/*width: 120px;*/ height: 1em; overflow: hidden;
	display: inline-block; vertical-align: middle;
	}

.tabs .player { position: absolute; top: 3px; right: 12px; }
.player {
	display: inline-block; ^display: inline; ^zoom: 1;
	width: 16px; height: 12px; overflow: hidden;
	vertical-align: middle;
	}
.player input {
	display: inline; width: 16px; height: 11px; overflow: hidden;
	background: transparent url(../img/playBtn.gif) no-repeat;
	border: none; line-height: 9999px; color: transparent;
	outline: 0;
	}
.player input:hover { background-position: 0 -11px; outline: 0; }
.player input.playing { background-position: 0 -22px; outline: 0; }
.player * { vertical-align: middle; padding: 0; margin: 0; }

.mod-pollUser h3 {
	background-color: #262626;
	border-bottom: 4px #404040 solid;
	padding: 8px; font-size: 10px;
	font-weight: normal;
}
.mod-pollUser h3 .lb {
	color: #ffffff;
	}
.mod-pollUser h3 .name { color: #eed04d; font-size: 14px; }
.mod-pollUser h3 .region { color: #ffffff; font-size: 11px; }

#pollTopTab, #gameTopTab, #pollUserTab { width: 297px; display: none; }
#pollTopTab.current, #gameTopTab.current, #pollUserTab.current { display: block; }
.tabs #pollUserTab ul { height: 189px; }
#pollUserTab .buttons { margin: 0; }
#pollUserTab .button {
	background: #262626; width: 100%;
	margin: 0; font-size: 10px;
	color: #eed04d;
	}
#pollUserTab .button:hover { text-decoration: underline; }

/**
 */
.mod-twitter { float: left; }

/**
 */
#row2 .mod-mrec { float: right; }
.mod-rec { margin-top: 5px; }

/**
 */
.game-menu {
	background: transparent url(../img/game/menu.png) no-repeat;
	width: 506px; height: 33px; overflow: hidden;
	margin-left: 1px;
	}
.game-menu ul { line-height: 33px; margin-left: 10px; }
.game-menu li { display: inline; margin: 0 8px; font-size: 10px; }
.game-menu li,
.game-menu a { color: #ffffff; text-decoration: none; }
.game-menu a:hover { text-decoration: underline; }
.game-mod { width: 485px; }
.game-content {
	background: #000000 url(../img/game/bkg.gif) repeat-x;
	width: 484px; overflow: hidden;
	border: 1px solid #0f0f0f; border-top: none; border-bottom: none;
	padding: 10px;
	}
.game-content-in { background-color: #000000; padding: 15px; }
.game-bottom {
	background: transparent url(../img/game/bottom.png) no-repeat;
	width: 506px; height: 5px; overflow: hidden;
	position: relative; top: -5px; 
	}

/**
 */
.searchbar { clear: both; overflow: hidden; padding: 2px 7px; }
.pagesbar { background-color: #1e1e1e; clear: both; overflow: hidden; padding: 4px;  margin: 2px 0; }
.searchbar .votosDisponiveis {
	width: 50%; float: left;
	display: inline-block; vertical-align: middle;
	line-height: 1.7em;
	}
.searchbar .orderSelector {
	width: 50%; float: right;
	display: inline-block; text-align: right; vertical-align: middle;
	}
.searchbar .orderSelector * { vertical-align: middle; }
.searchbar .orderSelector select { height: 1.7em; padding: 0; }
.pagesbar .total {
	text-transform: uppercase;
	float: left; width: 50%;
	}
.pagesbar .pagination { float: right; width: 50%; text-align: right; }
.pagesbar .pagination a { text-decoration: none; }
.pagesbar .pagination .node { display: inline-block; padding: 0 5px; }
.pagesbar .pagination .node.current { color: #ffffff; font-weight: bold; }
.pagesbar .pagination a.node:hover { color: #ffffff; }

.entries li {
	width: 225px; height: 75px; float: left; margin: 15px 0;
	line-height: 100%;
	}
.entries li * { font-size: 10px;}
.entries .thumb {
	width: 82px; height: 54px; float: left;
	overflow: hidden;
	margin-right: 11px;
	border: 3px solid #593b00;
	background: #ffffff url(../img/ajax-loader.gif) no-repeat scroll center center;
	}
.entries .thumb:hover { border-color: #625008; }
.entries .inf { float: left; width: 126px; margin-top: -2px; }
.entries .inf-txt { height: 49px; overflow: hidden; }
.entries .title {
	color: #ffffff; font-weight: bold; text-transform: uppercase;
	overflow: hidden; max-height: 2.2em;
	}
.entries .author { color: #ffffff; font-weight: bold; }
.entries .vote { display: inline; margin-right: 5px; }
.entries .player {
	width: 60px; color: #e9ca53;
	text-indent: 0;
	text-align: left;
	overflow: visible; margin-top: -3px;
	}

/**
 */
.userRegister fieldset { margin: 10px 20px; }
.userRegister label {
	display: inline-block; width: 130px; text-align: right;
	margin-right: 5px;
	}
.userRegister .checkboxes,
.userRegister .checkboxes li { display: inline; }
.userRegister .checkboxes label {
	display: inline; margin: 0; color: #ffffff;
	width: auto; text-transform: none;
	}
.userRegister .note { margin: 30px 0; font-size: 9px; text-align: left; }
.userRegister .buttons { text-align: left; margin-left: 160px; }
.userRegister .buttons input {
	width: 69px; background-image: url(../img/btn69.png);
	}

/**
 */
.invitationsForm .userData label {
	display: inline-block; width: 130px; text-align: right;
	margin-right: 5px;
	}
.invitationsForm .userData label {
	display: inline-block; width: 130px; text-align: right;
	margin-right: 5px;
	}
.invitationsForm .invitation { text-align: center; }
.invitationsForm .invitation label { display: block; margin-bottom: 8px; }
.invitationsForm .invitation input {
	margin: 4px; width: 200px;	
	}

/**
 */
.mod-confirm .buttons .button,
.mod-comoParticipar .buttons .button,
.mod-regulamento .buttons .button,
.mod-game .buttons .button {
	background-image: url(../img/btn390.png);
	width: 390px; line-height: 2.2em;
	}
#content p.top {
	text-transform: uppercase;
	font-size: 14px; font-weight: bold;
	color: #e9ca53;
	line-height: 1em;
	}
#content p.top .name { color: #ffffff; }

textarea {
	background-color: #000000; color: #ffffff;
	border: 1px solid #333333;
	width: 100%;
}

#invitationMsg { margin:0 auto; width:91%; }

.widget { margin: 15px auto; width: 290px; }

/**
 */
.sendScore-mod {
	background-color: #262626;
	margin-top: 3px;
	padding:5px 10px;
	}
.sendScore-mod h2 { font-size:11px; text-transform:uppercase; }
.sendScore-mod p { color: #ffffff;  }
.sendScore-mod .button { 
	background-color:transparent;
	background-image:none;
	border: none;
	color:#E9CA53;
	display:inline;
	width:auto;
	}
.sendScore-mod .button:hover {
	position: relative; top: 1px; left: 1px;
	}
.sendScore-mod .field { margin: 2px 0; }
.sendScore-mod .text-field {
	color:#616161; font-size:10px;
	text-transform: uppercase;
	width:180px;
	}
.sendScore-mod .text-field:focus { text-transform: none; }
p.error { color: #ff0000; font-weight: bold; }
p.msg { color: #00ff00; font-weight: bold; }
#gameTopTab ul { height: 184px; }

#pollUserTab ul li:hover,
#pollUserTab ul li.even:hover,
#pollTopTab ul li:hover,
#pollTopTab ul li.even:hover { cursor: pointer; background-color: #595959; }