/* @override http://localhost/fibnet/loteria/public/css/layout.css */

/* @group Geral */

* {
	padding: 0;
	margin: 0 auto;
}

body {
	background: #C1DAD6;
	font-family: Verdana;
	font-size: 12px;
}

html {
	background: #E6E6E6;
}

select,
textarea,
input {
	border: 1px solid #4D4D4D;
	background: #F9F9F9;
	padding: 3px;
}

input.disabled {
	border: 1px solid #ccc;
	background: #F9F9F9;
}

.showValidate input.error { background-image: url(../images/cancel.png); background-repeat:no-repeat; background-position: right center; }
.showValidate input.valid { background-image: url(../images/accept.png); background-repeat:no-repeat; background-position: right center; }

a {
	color: #00477F;
}

a:hover {
	color: #747918;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia;
	color: #64683f;
}

.submit {
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
}

.contentWrap {
	width: 937px;
	position: relative;
}

.clear {
	clear: both !important;
	float: none !important;
}

/* @end */

/* @group Header */

#header {
	position: relative;
	height: 213px;
}

#header h1 {
	height: 160px;
}

#header ul {
	background: url(../images/menu-bg.png) no-repeat right bottom;
	width: 937px;
	height: 11px;
	position: absolute;
	bottom: 0;
}

#header ul li {
	list-style: none;
	float: left;
	margin: -30px 10px 0 0;
	position: relative;
}

#header ul li a {
	background: url(../images/tab-right.png) no-repeat right top;
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #808080;
	padding: 0 15px 0 0;
}

#header ul li a span {
	background: url(../images/tab-left.png) no-repeat left top;
	display: block;
	height: 41px;
	line-height: 35px;
	padding: 0 0 0 15px;
}

#header ul li.home a span {
	background: url(../images/tab-left-home.png) no-repeat left top;
}

#header ul li.active a,
#header ul li a:hover {
	background: url(../images/tab-right-active.png) no-repeat right top;
}

#header ul li.active a span,
#header ul li a:hover span {
	background: url(../images/tab-left-active.png) no-repeat left top;
}

#header ul li.cornerRight {
	float: right;
	height: 41px;
	background: url(../images/content-corner-top-right.jpg) no-repeat right bottom;
	width: 9px;
	margin: -30px 0 0 0;
}

/* @end */

/* @group Content */

#wrap {
	background: #F2F2F2;
	padding: 6px 15px 0 15px;
}

#wrap .content {
	float: left;
	width: 625px;
	position: relative;
}

#wrap .contentWithoutSidebar {
	width: 907px;
}

#title {
	margin: 0 0 15px 0;
}

/* @end */

/* @group Post List */
.posts .post {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #B3B3B3;
}

.posts .postsingle {
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: none;
}

.post .title .date span,
.post .title .date {
	display:block;
	margin: 0;
	color: #666666;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height:10px;
}

.post .title .date {
	float: left;
	border-right: 1px solid #ccc;
	height: 18px;
	padding: 2px 5px 2px 0;
	margin: 0 7px 0 0;
}

.post .title .date .month {
	color: #AFAFAF;
	font-size: 9px;
	letter-spacing: -1px;
	line-height: 6px;
}

.post .title h1,
.post .title h2 {
	font-size: 18px;
	line-height: 22px;
}

.post .title h2 a {
	text-decoration: none;
}

.post a.imageHighlight img {
	border: none;
	margin: 0 0 5px 0;
}

.post .excerpt {
	margin: 5px 0 10px 0;
	clear: both;
}

.post .body {
	margin: 10px 0 10px 0;
}

.post .body ol,
.post .body ul { margin: 0 0 0 40px; }

.post .body p {
	margin: 0 0 15px 0;
}

.posts .post .continue {
	float: right;
	text-decoration: none;
}

/* @end */

/* @group Sidebar */

#sidebar {
	float: right;
	width: 268px;
}

#sidebar .winnerMonth,
#sidebar .passatempoMonth,
#sidebar .links,
.block {
	background: url(../images/sidebar-block-prize-botom.jpg) #CDD581 no-repeat bottom;
	margin: 0 0 15px 0;
}

.block {
	width: 268px;
	float: left;
	margin: 0 17px 34px 17px;
}

#sidebar .winnerMonth h2,
#sidebar .links h2,
#sidebar .passatempoMonth h2 {
	color: #64683F;
	font-weight: bold;
	font-size: 22px;
	font-family: Georgia;
}

#sidebar .winnerMonth .topBorder,
#sidebar .passatempoMonth .topBorder,
#sidebar .links .topBorder,
.block .topBorder {
	background: url(../images/sidebar-block-prize-top.jpg) no-repeat top;
	padding: 10px;
}

#sidebar .winnerMonth,
.block {
	background: url(../images/sidebar-block-winner-bottom.jpg) #E4E69E no-repeat bottom;
}

#sidebar .winnerMonth h2 {
	color: #70714D;
}

#sidebar .winnerMonth .topBorder,
.block .topBorder {
	background: url(../images/sidebar-block-winner-top.jpg) no-repeat top;
}


#sidebar .passatempoMonth a.call,
.block a.call {
	position:relative;
	text-decoration: none;
	margin: 5px 0 5px 0;
	float: left;
	width:248px;
	display: block;
}

#sidebar .passatempoMonth a.call img,
.block a.call img {
	border: none;
	margin: 0 auto;
	display: block;
}

#sidebar .passatempoMonth a.call span,
.block a.call span {
	position:absolute;
	bottom:0;
	left:0;
	width:232px;
	padding:5px 8px;
	background: #000;
	color:#fff;
	text-decoration:none;
	font-weight: bold;
	
	opacity:.7; /* FF */
	filter:alpha(opacity=70);/* IE */
	-moz-opacity:0.7; /* FF Older */
	-khtml-opacity: 0.7; /* WebKit */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE Older */
}

.block a.call span {
	top: 0;
	bottom: auto;
}

#sidebar .passatempoMonth a.call:hover span,
.block a.call:hover span {
	background: #353805;
}

#sidebar .winnerMonth a.call span strong,
.block a.call span strong {
	display: block;
	font-size: 14px;
}

#sidebar .passatempoMonth p {
	margin: 0 0 10px 0;
}

#sidebar .passatempoMonth a.others {
	float: right;
	text-decoration: none;
	font-weight: bold;
	
}

#sidebar .links .topBorder a {
	display: block;
	float: left;
	text-decoration: none;
	margin: 3px;
	height: 48px;
	line-height: 48px;
}

#sidebar .links .topBorder a img {
	vertical-align: middle;
}

#sidebar .newsletter form div {
	margin: 5px 0;
}

#sidebar .newsletter form label {
	display: block;
	float: left;
	width: 50px;
	line-height: 20px;
}

#sidebar .newsletter form div input { width: 189px; float: right; }

#sidebar .newsletter form input.submit { float: right; }

/* @end */

/* @group Footer */

#footer {background: url(../images/footer-bg.jpg) #E6E6E6 repeat-x top;}

#footer .contentWrap {background: url(../images/footer-bg-content.jpg) repeat-x top;}

#footer .footerContent {
	padding: 35px 15px 30px 15px;
}

#footer a.logo {
	display: block;
	float: left;
	width: 160px;
	height: 100px;
	background: url(../images/logo-rodape.png) no-repeat top left;
	text-indent: -50000px;
	overflow: hidden;
}

#footer p {
	width: 700px;
	float: right;
	text-align: right;
	margin: 10px 0 0 0;
}

#footer p.links span {
	padding: 5px 0 0 0;
}

#footer p.links a { text-decoration: none; border: none; }

#footer p.links a img {
	border: none;
	vertical-align:middle;
}

#footer p.text {
	font-size: 10px;
}

#footer ul {
	float: right;
}

#footer ul li {
	list-style: none;
	display: inline;
	border-left: 1px solid #ccc;
	padding: 4px 8px 4px 10px;
}

#footer ul li.home {
	border-left: none;
	padding: 4px 8px 4px 0;
}

/* @end */

/* @group Languages Box */

#languagesBox {
	position: absolute;
	top: 0;
	right: 229px;
	background: url(../images/header-languages.png) no-repeat left bottom;
	width: 129px;
	height: 32px;
	padding: 7px 0 8px 10px;
}

#languagesBox a {
	display: block;
	height: 18px;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	border: 2px solid transparent;
	margin: 0 7px 0 0;
}

#languagesBox a:hover,
#languagesBox a.active {
	border: 2px solid #00477F;
}

#languagesBox a.portugues {
	background: url(../images/flag-portugues.png) no-repeat top left;
	width: 27px;
}

#languagesBox a.espanol {
	background: url(../images/flag-espanol.png) no-repeat top left;
	width: 27px;
}

#languagesBox a.english {
	background: url(../images/flag-english.png) no-repeat top left;
	width: 36px;
}

/* @end */

/* @group Login Box */

#loginBox {
	position: absolute;
	top: 0;
	right: 0;
	width: 207px;
	height: 164px;
	background: url(../images/header-login.png) no-repeat left bottom;
	padding: 5px 11px 11px 11px;
}

#loginBox a {
	color: #eaf4f2;
	text-decoration: none;
}

#loginBox a:hover {
	color: #e8e8e8;
	text-decoration: underline;
}

#loginBox h3 {
	font-size: 22px;
	color: #EAF4F2;
	font-weight: bold;
}

#loginBox form input {
	padding: 4px 3px;
}

#loginBox form input.username {
	width: 197px;
	margin: 6px 0;
}

#loginBox form input.password {
	width: 135px;
}

#loginBox form input.submit {
	width: 58px;
	height: 24px;
	background: url(../images/header-login-submit.jpg) no-repeat;
	border: 0;
	padding: 0;
	text-indent: -5000px;
	overflow: hidden;
}

#loginBox form input.submit:hover {
	background: url(../images/header-login-submit.jpg) 0 -24px no-repeat;
}

#loginBox a.password {
	text-decoration: none;
	display: block;
	float: right;
	margin: 6px 0;
}

#loginBox a.password:hover {
	text-decoration: underline;
}

#loginBox a.register {
	display: block;
	width: 207px;
	height: 47px;
	background: url(../images/header-login-register.jpg) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

#loginBox a.register:hover {
	background: url(../images/header-login-register.jpg) 0 -47px no-repeat;
}

#loginBox .logged h2 {
	color: #d6e5e2;
	margin: 0 0 3px 0;
}

#loginBox .logged div.link {
	margin: 0 0 5px 0;
}

#loginBox .logged a.avatar {
	margin: 0 7px 7px 0;
}

#loginBox .logged a.messages,
#loginBox .logged a.friends {
	padding: 0 0 0 20px;
}

#loginBox .logged a.messages {
	background: url(../images/email.png) no-repeat center left;
}

#loginBox .logged a.friends {
	background: url(../images/group.png) no-repeat center left;
}

#loginBox .logged a.backoffice {
	position: absolute;
	left: 11px;
	bottom: 11px;
	text-decoration: none;
	color: #9ac4d4;
}

#loginBox .logged a.logout {
	position: absolute;
	right: 11px;
	bottom: 11px;
	background: url(../images/door_out.png) no-repeat right center;
	padding: 0 23px 0 0;
	text-decoration: none;
	color: #9ac4d4;
}

#loginBox .logged a.backoffice:hover,
#loginBox .logged a.logout:hover {
	text-decoration: underline;
	color: #f2f2f2;
}


/* @end */

/* @group Breadcrumbs */

#breadcrumbs {
	font-size: 10px;
	margin: 0 0 10px 0;
}

#breadcrumbs a {
	color: #737f9a;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #747918;
}

/* @end */

/* @group Flash */
#flashNormal .notice,
#flashNormal .error,
#flash .notice,
#flash .error {
	padding:10px;
	margin: 0 0 15px 0;
}

#flashNormal .notice,
#flash .notice {
	background: #c3efb7;
	border: 3px solid #ddfec6;
}

#flashNormal .error,
#flash .error {
	background: #ecaaa2;
	border: 3px solid #fcc1b5;
}

/* @end */

/* @group Users */

#facebox a.avatar img,
a.avatar img {
	border: 2px solid #efefef;
}

a.avatar {
	display: block;
	width: 44px;
	height: 44px;
	float: left;
	border: 1px solid #999;
}

#facebox a.avatar:hover img,
a.avatar:hover img {
	border: 2px solid #666;
}

span.new_messages {
	color: #d04752;
	font-weight: bold;
}

#loginBox span.new_messages {
	color: #edeefe;
}
/* @end */

/* @group Modal Window */
#facebox .content p.actions {
	margin:10px 0 0 0;
}
#facebox .content p.actions a {
	background-repeat:no-repeat;
	padding:0 20px 0 20px;
}

#facebox .content p.actions a.accept {
	background-image:url(../images/accept.png);
}

#facebox .content p.actions a.cancel {
	background-image:url(../images/cancel.png);
}

#facebox .footer {
	display: none;
	border: none;
	padding: 0;
	margin: 0;
}

#facebox .footer a.close {
	display: none;
}

#facebox .footerShow {
	display: block;
	margin-top:10px;
	padding-top:5px;
	border-top:1px solid rgb(221, 221, 221);
}

#facebox .footerShow a.close {
	display:inline;
}

/* @end */


div#friendship_waiting {
	padding: 5px 8px;
	width:450px;
}

div#friendship_waiting h3 {
	font-size:18px;
}

div#friendship_waiting ul {
	margin: 5px 0 0 0;
}

div#friendship_waiting ul li {
	list-style: none;
	float: left;
	margin: 0 0 15px 0;
}

div#friendship_waiting ul li a {
	display: block;
	float: left;
	margin: 4px 20px 0 0;
}

div#friendship_waiting ul li a.avatar {
	margin: 0 8px 0 0;
}

div#friendship_waiting ul li a.name {
	width: 370px;
}

div#friendship_waiting ul li a.accept,
div#friendship_waiting ul li a.deny {
	padding: 0 0 0 20px;
}

div#friendship_waiting ul li a.accept {
	background: url(../images/tick.png) no-repeat left center;
}

div#friendship_waiting ul li a.deny {
	background: url(../images/cross.png) no-repeat left center;
}



div.facebox_content_limier {
	overflow: auto;
	width: 600px;
	height: 400px;
}



/*
	Archives
*/
ul.archives {
	text-align: right;
	margin: 10px 0 0 0;
}

ul.archives li {
	list-style: none;
}

ul.archives li ul {
	display: none;
	margin: 0 10px 15px 0;
}

ul.archives li a.year {
	font-weight: bold;
	font-size: 16px;
	background: url(../images/arrow_state_grey_right.png) no-repeat right center;
	padding: 0 15px 0 0;
	text-decoration: none;
}

ul.archives li ul li a {
	background: url(../images/arrow_state_grey_right.png) no-repeat right center;
	padding: 0 15px 0 0;
	text-decoration: none;
	font-size: 14px;
}

ul.archives li.active ul {
	display: block;
}

ul.archives li.active ul li ul {
	display: none;
}

ul.archives li.active ul li.active ul {
	display: block;
}

ul.archives li.active a,
ul.archives li a:hover {
	background: url(../images/arrow_state_blue_right.png) no-repeat right center;
}

ul.archives li.active ul li a {
	background: url(../images/arrow_state_grey_right.png) no-repeat right center;
}

ul.archives li.active ul li.active a {
	background: url(../images/arrow_state_blue_right.png) no-repeat right center;
}

ul.archives li.active ul li.active ul li a {
	background: url(../images/arrow_state_grey_right.png) no-repeat right center;
}

ul.archives li.active ul li.active ul li.active a {
	background: url(../images/arrow_state_blue_right.png) no-repeat right center;
}


.captcha img {float:left;}
.captcha input {float:left; margin: 3px 0 0 10px;width: 100px;}


.passatempos .passatempo p.terms {
	text-align: right;
	padding: 0 15px 10px 0;
}





.ui-tabs .ui-tabs-hide {
     display: none;
}


.hidden { display: none; }

a.editPage { display: block; float: right; position: absolute; top: 0; right: 0; font-weight: bold; }