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

/* @group Base */

#leftContent {
	float: left;
	width: 200px;
	border-right: 1px solid #ccc;
	padding: 5px 10px 5px 0;
	margin: 0 10px 0 0;
}

#middleContent {
	float: left;
	width: 465px;
}

#rightContent {
	float: left;
	width: 200px;
	border-left: 1px solid #ccc;
	padding: 5px 0 5px 10px;
	margin: 0 0 0 10px;
}

/* @end */

#leftContent img.avatar {
	border: 2px solid #999;
}

#rightContent a.delete_friendship,
#rightContent a.accept_friendship,
#rightContent a.deny_friendship,
#rightContent a.waiting_friendship,
#rightContent a.add_as_friend,
#rightContent a.transferVotesProfile {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
}

#rightContent a.delete_friendship,
#rightContent a.deny_friendship {
	background: url(../images/user_delete.png) no-repeat 5px center;
}

#rightContent a.waiting_friendship {
	background: url(../images/user_waiting.png) no-repeat 5px center;
}

#rightContent a.accept_friendship,
#rightContent a.add_as_friend {
	background: url(../images/user_add.png) no-repeat 5px center;
}

#rightContent a.transferVotesProfile {
	background: url(../images/money.png) no-repeat 5px center;
}

#leftContent .friends {
	margin: 15px 0 0 0;
}

#leftContent .friends h4 {
	font-size: 14px;
	margin: 0 0 5px 0;
}

#leftContent .friends a.avatar,
.users a.avatar {
	margin: 0 2px 4px 2px;
}

#leftContent fieldset { border: 0; margin: 15px 0 0 0; }
#leftContent fieldset input#q { width: 193px; margin: 5px 0 5px 0; }
#leftContent fieldset input.submit { float: right; }

/* @group Edit Profile */

form#edit_profile input,
form#edit_profile select {
	font-size: 14px;
}

form#edit_profile fieldset {
	padding: 10px;
	border: 1px solid #9eb3b0;
	margin: 0 0 15px 0;
}

form#edit_profile fieldset legend {
	padding: 0 10px;
	margin: 0;
	font-size: 16px;
}

form#edit_profile div {
	margin: 0 0 10px 0;
}

form#edit_profile div.container {
	margin: 0;
}

form#edit_profile div.container div {
	float: left;
	margin: 0 0 10px 0;
}

form#edit_profile div.container div.first {
	margin: 0 20px 10px 0;
}

form#edit_profile div.avatar img {
	float: left;
	margin: 0 10px 0 0;
}

form#edit_profile div label {
	display: block;
	margin: 0 0 2px 0;
}

form#edit_profile select#countries_id,
form#edit_profile div input {
	width: 203px;
}

form#edit_profile div.countries {
	width: 211px;
}

form#edit_profile div.postcode input#postcode { width: 40px; }
form#edit_profile div.postcode input#postcode_two { width: 30px; }

form#edit_profile div.username {
	width: 130px;
}

form#edit_profile input.submit {
	float: right;
}

form#edit_profile div.checkbox label {
	display: inline;
}

form#edit_profile div.checkbox input {
	width: auto;
	margin: 0 10px 0 0;
}

/*form#edit_profile div.container input.valid,
form#edit_profile div.container input.error { width: 183px; background-position: 185px center; padding-right: 20px; }*/

/* @end */

/* @group Register */

form#register fieldset {
	padding: 10px;
	border: 1px solid #9eb3b0;
	margin: 0 0 15px 0;
}

form#register fieldset legend {
	padding: 0 10px;
	margin: 0;
	font-size: 16px;
}

form#register div {
	margin: 0 0 10px 0;
}

form#register div.container {
	margin: 0;
}

form#register div.container div {
	float: left;
	margin: 0 20px 10px 0;
}

form#register div label {
	display: block;
}

form#register div input {
	width: 260px;
}

form#register div input.checkbox { width: auto; margin: 0 10px 0 0; }

form#register div input#bi,
form#register div input#nif,
form#register div input#passport { width: 240px; }

form#register select#countries_id {
	width: 268px;
}

form#register div.container div.birthday {
	width: 268px;
}

form#register div.checkbox label {
	display: inline;
}

form#register div.checkbox input {
	width: auto;
}

form#register div#recaptcha_widget_div {
	margin: 0 0 10px 0;
}

form#register div.postcode input#postcode { width: 40px; }
form#register div.postcode input#postcode_two { width: 30px; }

form div#recaptcha_widget_div div {
	margin: 0;
}

/*form#register div.container input.valid,
form#register div.container input.error { width: 240px; background-position: 245px center; padding-right: 20px; }*/

/* @end */

/* @group Private Messages */

table#messages {
	width: 100%;
}

table#messages tbody tr.lightline {
	background: #ebebeb;
}

table#messages tbody tr.darkline {
	background: #ddd;
}

table#messages tbody tr.lightlineNewPM {
	background: #fdf7b8;
	font-weight:bold;
}

table#messages tbody tr.darklineNewPM {
	background: #eeef97;
	font-weight:bold;
}

table#messages thead th,
table#messages tbody td {
	padding: 5px;
	text-align: left;
	vertical-align:top;
}

table#messages thead th.created,
table#messages tbody td.created {
	width: 150px;
}

table#messages thead th.sender,
table#messages tbody td.sender {
	width: 100px;
}

table#messages thead th.actions,
table#messages tbody td.actions {
	width: 52px;
}

table#messages tbody td.actions a {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -5000px;
	overflow: hidden;
	float: left;
	margin: 0 5px;
}

table#messages tbody td.actions a.delete {background-image: url(../images/delete.png);}
table#messages tbody td.actions a.reply {background-image: url(../images/email-reply.png);}

table#messages tbody tr.message td,
table#messages tbody tr.reply td {
	padding: 0;
	font-weight:normal;
}

table#messages tbody tr.message td div.message,
table#messages tbody tr.reply td div.reply {
	padding: 2px 5px 10px 7px;
}

table#messages tbody tr.reply td div.reply { display:none; }

form.reply fieldset {
	border: none;
	text-align: left;
	margin: 15px 0 0 0;
}
form.reply.reply fieldset { margin: 10px 0 0 0; }

form.reply legend {
	font-size: 12px;
	text-align: left;
	float: left;
	margin: 0 0 5px 0;
	background: url(../images/new_mail.png) no-repeat left center;
	padding: 10px 0 2px 35px;
}

form.reply legend {
	background: none;
}

form.replySidebar legend {
	background: url(../images/new_mail.png) no-repeat left center;
}

form.reply div.hide {
	clear: both;
}
form.reply div.hide { display: block; }

form.reply div {
	margin: 0 0 10px 0;
}

form.reply label {
	display: block;
	margin: 0 0 5px 0;
}

form.reply input,
form.reply textarea { width: 445px; }

form.reply textarea {
	height: 60px;
}

form.replySidebar input,
form.replySidebar textarea {
	width: 192px;
}

form.reply input.submit {
	width: auto;
	float: right;
}
/* @end */

/* @group Dashboard */


div#transferVotes #tabs ul,
ul#dashboardTabs {
	float:left;
	border-bottom:2px solid #0071bc;
	width:465px;
	margin:0 0 10px 0;
}

div#transferVotes #tabs ul li,
ul#dashboardTabs li {
	float:left;
	list-style: none;
}

div#transferVotes #tabs ul li a,
ul#dashboardTabs li a {
	display:block;
	float:left;
	padding:4px 10px;
	margin:0 8px 0 0;
	background:#f2f2f2;
	border-top:1px solid #0071bc;
	border-right:1px solid #0071bc;
	border-left:1px solid #0071bc;
	text-decoration: none;
}

ul#dashboardTabs li.pm a {
	margin: 0;
}

div#transferVotes #tabs ul li a:hover,
div#transferVotes #tabs ul li.ui-state-active a,
ul#dashboardTabs li a:hover,
ul#dashboardTabs li.active a {
	background:#0071bc;
	color:#fff;
}

ul#dashboardTabs li.active a span.new_messages {
	color: #fff;
}

#middleContent div.rectangle {
	width: 194px;
	height: 118px;
	background: url(../images/my-profile-rectangle.jpg) no-repeat top left;
	float: left;
	margin: 5px;
	padding: 10px;
}

#middleContent div.rectangle h3 { font-size: 16px; }

#middleContent div.rectangle ul li {
	list-style: none;
	margin: 15px 0;
}

#middleContent div#votes  ul li {	margin: 10px 0; }

#middleContent div#invitation { display: none; }


/* @end */

/* @group Balance */

div#middleContent div.balance {
	font-size: 20px;
	margin: 0 0 15px 0;
}

div#middleContent div.balance strong {
	font-size: 24px;
}

form#balance {
	display: block;
	width: 435px;
	height: 244px;
	background: url(../images/saldo.jpg) #ccc no-repeat top left;
	padding: 14px;
}

form#balance h2 {
	display: block;
	float: left;
	height: 40px;
	color: #fff;
	font-size: 24px;
	line-height: 24px;
}

form#balance div.value {
	clear: both;
	height: 78px;
	font-size: 33px;
	line-height: 78px;
}

form#balance div.value label {
	display: block;
	float: left;
}

form#balance div.value input#value {
	display: block;
	float: left;
	height: 50px;
	margin: 10px 0 0 15px;
	width: 190px;
	font-size: 45px;
	line-height: 45px;
	padding: 0 45px 3px 6px;
	text-align: right;
	background: url(../images/saldo-euro.gif) #fff no-repeat center right;
}

form#balance div.value span {
	font-size: 45px;
	display: block;
	float: right;
}

form#balance div.through {
	color: #fff;
	font-size: 24px;
	margin: 20px 0;
}

form#balance div.throughFirst { margin: 8px 0; }

form#balance small { display: block; clear: both; margin: 5px 0 0 0;}

form#balance input.submit {
	padding: 6px;
	height: 54px;
	text-indent: -5000px;
	overflow: hidden;
	border: 1px solid #00477F;
}

form#balance input.submit:hover {
	border: 3px solid #747918;
	padding: 4px;
}

form#balance input.submit:hover {
	border: 3px solid #00477F;
	padding: 4px;
}

form#balance input.multibanco {
	background: url(../images/saldo-botao-multibanco.jpg) #fff no-repeat center center;
	width: 62px;
}

form#balance input.multibanco-disabled {
	background: url(../images/saldo-botao-multibanco-disabled.jpg) #fff no-repeat center center;
}

form#balance input.payshop {
	background: url(../images/saldo-botao-payshop.jpg) #fff no-repeat center center;
	width: 122px;
}

form#balance input.payshop-disabled {
	background: url(../images/saldo-botao-payshop-disabled.jpg) #fff no-repeat center center;
}

form#balance input.paypal {
	background: url(../images/saldo-botao-paypal.jpg) #fff no-repeat center center;
	width: 143px;
}

form#balance input.paypal-disabled {
	background: url(../images/saldo-botao-paypal-disabled.jpg) #fff no-repeat center center;
}

form#balance input.transferencia {
	background: url(../images/saldo-botao-transferencia.jpg) #fff no-repeat center center;
	width: 91px;
}

form#balance input.confirm {
	text-indent: 0;
	float: right;
}

form#balance input.disabled {
	cursor: default;
	border: 1px solid #658825;
}

form#balance input.disabled:hover {
	padding: 6px;
	border: 1px solid #658825;
}

div.paymentCard {
	background-repeat: no-repeat;
	background-position: top left;
	width: 412px;
	height: 278px;
	margin: 0 auto 15px auto;
	position: relative;
}

div.paymentCard div {
	position: absolute;
	bottom: 25px;
	right: 25px;
	text-align: right;
	font-size: 17px;
}

div.paymentCard div span {
	display: block;
	padding: 1px 0 3px 0;
}

a.printVersion {
	display: block;
	width: 390px;
	margin: 10px auto 15px auto;
	background:url(../images/print.png) no-repeat left center;
	padding: 0 0 0 20px;
}

a.printVotes { margin: 10px 5px 15px 0; float: right; width: auto;}

h3.historyTitle {
	margin: 15px 0 10px 0;
	font-size: 18px;
}

table#history {
	width: 100%;
	margin: 0 0 10px 0;
}

table#history thead th {
	color: #999;
}

table#history tbody tr.lightline {
	background: #ebebeb;
}

table#history tbody tr.darkline {
	background: #ddd;
}

table#history thead th,
table#history tbody td {
	padding: 5px;
	text-align: left;
	vertical-align:top;
}

table#history thead th.actions,
table#history tbody td.actions {
	width: 26px;
}

table#history tbody td.actions a {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -5000px;
	overflow: hidden;
	float: left;
	background-image: url(../images/report.png);
}

table#history thead th.paid,
table#history tbody td.paid {
	width: 40px;
	text-align: center;
}

table#history thead th.value,
table#history tbody td.value {
	width: 100px;
	text-align: left;
}

table#history thead th.created,
table#history tbody td.created {
	width: 170px;
	text-align: center;
}


table#history tbody tr.message td {
	padding: 0;
}

table#history tbody tr.message td div.message {
	padding: 2px 5px 10px 7px;
}

table#history tbody tr.message td div.message span {
	display: block;
}

/* @end */

/* @group Forgot Password */

form.forgot p {
	margin: 0 0 10px 0;
}

form.forgot label {
	display: block;
	float: left;
	width: 80px;
	text-align: right;
	margin: 0 5px 0 0;
	line-height: 20px;
}

form.forgotTwo label {
	width: 140px;
}

form.forgot div.container div {
	clear: both;
	margin: 0 0 5px 0;
}

form.forgot input.submit {
	margin: 0 0 0 85px;
}

form.forgotTwo input.submit {
	margin: 0 0 0 145px;
}

form.forgot div.doc { display: none; }

/* @end */

/* @group Login */

form#login div {
	margin: 0 0 10px 0;
}

form#login div label {
	display: block;
	margin: 0 10px 2px 0;
	float: left;
	width: 120px;
	line-height: 22px;
	text-align: right;
}
form#login div input {
	padding: 4px 3px;
	width: 200px;
}

form#login input.submit {
	width: auto;
}

form#login div.buttons {
	margin: 0 0 0 130px;
}

/* @end */

ul.archives {
	float:right;
	width:150px;
	margin: 0;
}

table.votes {
	float:left;
	width: 465px;
	margin: 0;
	border: 1px solid #ccc;
	border-collapse:collapse;
}

table.votes tr td {
	text-align: center;
	padding:3px 0;
	width:77px;
	border: 1px solid #ccc;
}

table.votes tr.darkline { background: #E7E7E7;}

table.votesHidden {display:none;border:none;}

a.seeMoreVotes {display:block; margin: 10px 0 0 0;float:left;}

.passatempos {
	margin: 0 0 10px 0;
}

.passatempos h2 {margin: 0 0 5px 0;}

.passatempos .passatempo {
	padding: 0;
	margin: 0;
	width: 225px;
	margin: 3px;
}

.passatempos .passatempo a.call { width: 225px; margin:0; }
.passatempos .passatempo a.call span { width: 209px; }

.passatempoUserSidebar {
	width:190px;
	margin:0 0 15px 0;
}

h3.lastPrizes {font-size:14px;margin: 0 0 10px 0;}

.passatempoUserSidebar a.call { width: 190px; margin:0; }
.passatempoUserSidebar a.call span { width: 174px; }

ul.balanceMenu {
	margin: 35px 0;
}

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

ul.balanceMenu li a {
	display:block;
	padding:3px 2px 3px 5px;
	font-size:14px;
	text-decoration: none;
}

ul.balanceMenu li.active a {
	background:#0071BC;
	color:#fff;
}

#rightContent.balanceRight {
	padding: 5px 0 5px 0;
	width:209px;
}

#rightContent.votesRight {
	padding: 40px 0;
}

#rightContent.votesRight h2 {
	text-align: right;
	margin: 0 0 10px 0;
	font-size: 17px;
}

#rightContent.votesRight ul.archives { width: 190px; }

p.total_all { margin: 0 0 10px 0; font-weight:bold; color:#333;}

div.profile p { margin: 0 0 10px 0; }
div.profile p span { display: block; }
div.profile p label { padding: 0 0 0 10px; }
div.profile div.wrap p { float: left; width: 232px; }

div#transferVotes #tabs ul { margin: 0 0 10px 0; }

div#transferVotes div#others div.friend,
div#transferVotes div#charities div.friend,
div#friends div.friend,
div#transferVotes div#friends div.friend {
	width: 120px;
	float: left;
	margin: 5px 10px 5px 0;
	text-align: center;
}

div#transferVotes div#others div.friend a.avatar,
div#transferVotes div#charities div.friend a.avatar,
div#friends div.friend a.avatar,
div#transferVotes div#friends div.friend a.avatar { margin: 0 0 0 37px; }
div#transferVotes div#others div.friend a.username,
div#transferVotes div#charities div.friend a.username,
div#friends div.friend a.username { display: block; clear: left; }
div#transferVotes div#others form div { margin: 5px 0; float:left; }
div#transferVotes div#howmany form div { margin: 5px 0; float:left; }
div#transferVotes div#howmany {display: none;}

div#howmany img.loading { margin: 5px 0 0 10px; }

form#invitationForm label {display :block; margin: 15px 0 3px 0;}
form#invitationForm div input { width: 362px; }
form#invitationForm input.submit { margin: 15px 0 0 0; float: right; }