/* Body. */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #E5EAF0;
	padding: 0px;
	margin: 0px;
	min-width: 1000px;
	margin: auto;
}

/* Links. */
a:link {
	font-weight: bold;
	color: #003265;
	text-decoration: none;
}

a:visited {
	font-weight: bold;
	color: #003265;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #003265;
	text-decoration: underline;
}

a img {
	border: 0px none;
}

.mainpage #mainpage,.instructions #instructions,.statistics #statistics,.playmatch #playmatch,.friends #friends
	{
	background-color: #D1DDEF;
}

/* Outros */
fieldset {
	border: 0px none;
	padding: 0px;
	margin: 0px;
}

/* Window. */
#window {
	border: 0px;
	background-color: #ffffff;
	padding: 0px;
	margin: 10px auto;
	width: 980px;
	border: 1px solid #74849E;
}

/* Page title. */
#pageTitle {
	background-color: #ffffff;
	background-image: url(../img/fondo_encabezamento.jpg);
	background-repeat: repeat-x;
	text-align: left;
	padding: 0px;
	width: 100%;
	height: 77px;
}

#logoASPG {
	float: left;
}

#logoCuruxa {
	width: 500px;
	float: left;
	text-align: center;
}

#sponsor {
	width: 185px;
	text-align: center;
	float: right;
}

#sponsor div.title {
	margin-top: 10px;
	margin-bottom: 3px;
	color: #003265;
	font-weight: bold;
	font-size: 10px;
}

#sponsor div.logo img {
	border: #74849E 1px solid;
}

/* Menu. */
#menu {
	background-color: #EAF1FB;
	color: #003265;
	text-align: left;
	padding: 5px 0px 5px 5px;
	margin: 0px;
	border-top: #74849E 1px solid;
	border-bottom: #74849E 1px solid;
	height: 15px;
	line-height: 15px;
}

#menu #leftSide {
	float: left;
}

#menu #rightSide {
	float: right;
	margin-right: 5px;
}

#menuWelcome {
	font-weight: bold;
}

#menuLinks a {
	color: #003265;
}

#mainContent {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}

/* Side Bar Menu */
#sideBar {
	float: left;
	width: 220px;
	background: #EAF1FB;
	line-height: 200%;
	text-align: left;
	color: #686F79;
	border-bottom: 1px #74849E solid;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#sideBar li {
	margin: 2px;
	border: #74849E 1px solid;
}

#sideBar li a {
	display: block;
	padding: 2px 5px;
}

#sideBar li a:hover {
	display: block;
	text-decoration: none;
}

#content {
	float: left;
	_height: 150px;
	border-collapse: collapse;
}

.leftBorder {
	border-left: 1px #74849E solid;
}

/* Error messages. */
.errorMessage {
	font-weight: bold;
	color: red;
	margin-left: 5px;
	font-size: 10px;
}

/* Footer. */
#footer {
	border-top: 1px solid #74849E;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	width: 100%;
	clear: both;
	/*margin-top: 20px;*/
}

/* General form styles */
input,select,textarea {
	background-color: #f4f4f4;
}

.button {
	background-image: url(../img/fondo_encabezamento.jpg);
	background-position: center;
	background-repeat: repeat-x;
	border-color: #CCCCCC rgb(0, 0, 0) rgb(0, 0, 0) rgb(204, 204, 204);
	border-style: solid;
	border-width: 1px;
	color: #003265;
}

.buttonContainer {
	padding: 5px 0px;
}

.buttonContainer.centered {
	text-align: center;
}

.buttonContainer.bigSkip {
	padding: 15px 0px;
}

/* Authentication */
#authenticationContent {
	
}

#authenticationBoard {
	float: left;
	width: 550px;
	text-align: center;
	padding: 20px 0px;
}

#authenticationBoard img {
	vertical-align: middle;
}

#authenticationInfo {
	width: 378px;
	float: left;
	margin-left: 40px;
}

#authenticationWelcome {
	margin: 50px 0px 20px 0px;
	color: #000;
}

#authenticationWelcome div {
	padding-bottom: 10px;
}

#authenticationWelcome #welcomeMessage {
	font-weight: bold;
	font-size: 14px;
}

#authenticationWelcome #usersMessage {
	font-size: 12px;
}

#authenticationForm {
	border: #74849E 1px solid;
	float: left;
	width: 300px;
	margin-left: 34px;
	_margin-left: 17px;
}

#authenticationForm form {
	margin: 0px;
}

#authenticationForm div.header,#authenticationForm div.mediumHeader {
	font-weight: bold;
	color: #003265;
	border-bottom: #74849E 1px solid;
	padding: 3px 10px;
	background-color: #EAF1FB;
}

#authenticationForm div.mediumHeader {
	border-top: #74849E 1px solid;
	margin-bottom: 20px;
}

#authenticationForm div.field {
	float: left;
	padding-top: 5px;
	padding-left: 15px;
}

#authenticationForm div.fieldRPwd {
	clear: both;
	padding-top: 15px;
	backgroung: orange;
	font-size: 8pt;
	margin-left: 60px;
}

#authenticationForm div.fieldRPwd span.labelRPwd {
	
}

#authenticationForm div.fieldRPwd span.entryRPwd {
	
}

#authenticationForm div.fieldRPwd span.entryRPwd input {
	vertical-align: middle;
}

#authenticationForm div.label {
	float: left;
	width: 100px;
	font-weight: bold;
	text-align: right;
	margin-right: 5px;
	padding-top: 3px;
}

#authenticationForm div.entry {
	float: left;
}

#authenticationForm div.entry input {
	width: 140px;
}

#authenticationForm div.submit {
	margin: 0px;
	float: left;
	width: 100%;
	text-align: center;
	padding: 10px 0px 10px 0px;
}

#authenticationForm div.submit input {
	width: 100px;
}

#signUpLink {
	width: 100%;
	float: left;
	margin: 20px auto;
	text-align: center;
}

/* Register User */
#registerUserForm {
	margin: 50px 0px;
	border: #74849E 1px solid;
	float: left;
	width: 410px;
}

#registerUserForm form {
	margin: 0px;
	padding: 0px;
}

#registerUserForm div.header {
	font-weight: bold;
	color: #003265;
	border-bottom: #74849E 1px solid;
	padding: 3px 10px;
	background-color: #EAF1FB;
	margin-bottom: 20px;
}

#registerUserForm div.field {
	float: left;
	padding-top: 5px;
	padding-left: 15px;
}

#registerUserForm div.label {
	float: left;
	width: 140px;
	font-weight: bold;
	text-align: right;
	margin-right: 5px;
	padding-top: 3px;
}

#registerUserForm div.entry {
	float: left;
	width: 240px;
}

#registerUserForm div.entry input {
	width: 225px;
}

#registerUserForm div.entry div.error {
	
}

#avatarNote {
	font-size: 10px;
	font-weight: normal;
}

#registerUserForm div.submit {
	margin: 0px;
	float: left;
	width: 100%;
	text-align: center;
	padding: 10px 0px;
}

#registerUserForm div.submit input {
	width: 100px;
}

.receiveLabels {
	float: left;
	margin-top: 10px;
	width: 390px;
	margin-left: 10px;
	_margin-left: 5px;
}

.receiveInfoLabel {
	font-size: 10px;
	float: left;
	/*margin-top: 20px;
	padding: 10px 20px;*/
	text-align: justify;
	margin-top: 2px;
	margin-bottom: 5px;
	width: 380px;
	padding: 3px;
}

.receiveInfoLabel input {
	vertical-align: middle;
}

.additionalInfoLabel {
	border: 1px solid #FFAC38;
	background-color: #FFF2DF;
}

#mandatoryFieldsMessage {
	font-size: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	float: left;
	font-weight: bold;
}

/* RIGHT CONTENT */
div.rightContent {
	width: 719px;
	float: left;
	padding: 15px 20px 20px;
	min-height: 380px;
	_height: 380px;
}

#content h2.title {
	font-weight: bold;
	font-size: 18px;
	margin: 15px 0 0 15px;
	padding: 0px;
	color: #003265;
}

div.rightContent div.altered {
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: #003265;
	background-color: #EAF1FB;
	width: 60%;
	height: 20px;
	line-height: 20px;
	margin: 0px auto 15px;
	border: 1px dotted #74849E;
}

div.rightContent div.innerContent {
	
}

div.rightContent div.contentForm {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 65%;
}

div.rightContent div.contentForm div.field { /*clear: both;*/
	float: left;
	padding-top: 5px;
	padding-left: 15px;
}

div.rightContent div.contentForm div.fieldLink { /*clear: both;*/
	float: left;
	padding-left: 15px;
	padding-top: 5px;
}

div.rightContent div.contentForm div.label { /*float: left;
	width: 180px;
	font-weight: bold;*/
	float: left;
	width: 140px;
	font-weight: bold;
	text-align: left;
	margin-right: 5px;
	padding-top: 3px;
}

div.rightContent div.contentForm div.entry {
	float: left;
	width: 240px;
}

div.rightContent div.contentForm div.entryCheck {
	float: left;
	width: 240px;
}

div.rightContent div.contentForm div.entry div.error {
	display: inline;
}

div.rightContent div.contentForm div.entry input {
	width: 225px;
}

div.rightContent div.contentForm div.entryCheck input {
	float: left;
}

div.rightContent div.contentForm div.submit {
	float: left;
	clear: both;
	text-align: center;
	width: 100%;
	margin: 20px 0px;
}

div.rightContent div.contentForm div.submitNoCenter {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 20px;
}

div.rightContent div.contentForm div.submit input {
	width: 100px;
}

div.rightContent div.contentForm div.fields {
	float: left;
}

div.rightContent div.contentForm div.messages {
	float: left;
	margin-top: 10px;
}

div.rightContent div.contentForm div.infoMessage {
	clear: both;
	font-size: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding: 3px;
}

div.rightContent div.contentForm div.additionalMessage {
	border: 1px solid #FFAC38;
	background-color: #FFF2DF;
	padding-right: 10px;
}

div.rightContent div.contentForm div.infoMessage input {
	vertical-align: middle;
}

div.rightContent div.avatarColumn {
	float: left;
	width: 10%;
	text-align: center;
	padding: 5px;
	margin-top: 5px;
}

div.rightContent div.avatarColumn img {
	padding: 2px;
	border: 1px solid silver;
}

/* Match */
#gameContent {
	margin: 5px 0;
	text-align: center;
	width: 100%;
}

#gamePageBoardLayer {
	position: relative;
	float: left;
	width: 640px;
	visibility: visible;
	z-index: 1;
}

#board {
	margin-top: 5px;
	/*margin-left: 10px;*/
	border: 1px solid gray;
	padding: 2px;
}

#gamePageOtherLayer {
	position: relative;
	float: right;
	width: 340px;
	visibility: visible;
	z-index: 1;
}

#gameLogo {
	background-color: #ffffff;
	background-image: url(../img/fondo_encabezamento.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding: 0px;
	width: 100%;
}

#dropDiceButton {
	position: absolute;
	left: 20px;
	top: 20px;
	height: 77px;
	width: 125px;
	visibility: visible;
	z-index: 3;
	cursor: pointer;
}

#dropDice {
	visibility: visible; /* Mirar de quitar */
	z-index: 3;
	cursor: pointer;
}

#diceAndCupContainer {
	width: 210px;
	margin-left: auto;
	margin-right: auto;
}

#diceContainer {
	position: relative;
	height: 50px;
	width: 50px;
	margin-top: 50px;
	float: left;
}

#diceCupContainer {
	width: 150px;
	float: left;
}

.dice {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	z-index: 2;
}

div.gameHeader {
	padding: 5px 0px 20px 0px;
}

#gameHeader .left {
	float: left;
	padding-left: 20px;
	text-align: left;
	font-weight: bold;
}

#gameHeader .right {
	float: right;
	padding-right: 20px;
	text-align: right;
}

table.progressBar {
	float: left;
	width: 100%;
	margin: 0 auto;
	border: #000 1px solid;
	border-collapse: collapse;
}

table.progressBar td {
	text-align: left;
	border: #000 1px solid;
}

table.questions {
	float: left;
	width: 100%;
	margin: 0 auto;
	border: #74849E 1px solid;
	border-collapse: collapse;
}

table.questions th {
	border: #74849E 1px solid;
	height: 25px;
}

table.questions td {
	border-top: #74849E 1px solid;
	border-bottom: #74849E 1px solid;
}

#questionsTable {
	border: #74849E 1px solid;
	text-align: left;
	height: 25px;
}

#responsesTable {
	text-align: left;
	border: #74849E 1px solid;
}

#responsesTable tr {
	border: #74849E 1px solid;
	height: 25px;
}

#questionsTableHead {
	background-color: #EAF1FB;
	color: #003265;
	text-align: center;
	font-weight: bold;
	border: #74849E 1px solid;
	height: 25px;
}

table.legend {
	float: left;
	width: 100%;
	margin: 0 auto;
	border: #74849E 1px solid;
	border-collapse: collapse;
}

table.legend th {
	border: #74849E 1px solid;
	padding: 5px;
	background-color: #EAF1FB;
	color: #003265;
}

table.legend td {
	text-align: left;
	border: #74849E 1px solid;
	padding: 5px;
}

#tableGameWindow {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 990px;
}

table.gamePlayersTable {
	width: 100%;
	margin: 10px auto;
	border: #74849E 1px solid;
	border-collapse: collapse;
	clear: both;
}

table.gamePlayersTable th {
	border: #74849E 1px solid;
	padding: 5px;
	background-color: #EAF1FB;
	color: #003265;
}

/* --- */ /* Manager */
table.managerQuestions {
	border-collapse: collapse;
	border: 1px solid #74849E;
	margin: 5px auto;
	clear: both;
	width: 85%;
	font-size: 7pt;
}

table.managerQuestions caption {
	padding: 0px 0px 15px;
	font-size: 9pt;
	font-weight: bold;
}

table.managerQuestions th {
	background-color: #EAF1FB;
	border: 1px solid #74849E;
	color: #003265;
}

table.managerQuestions .sortableColumn a {
	display: block;
	padding: 5px;
}

table.managerQuestions .sortableColumn a:hover {
	text-decoration: none;
}

table.managerQuestions .sortableColumn:hover {
	background-color: #DDFFBB;
}

table.managerQuestions td {
	border: #74849E 1px solid;
	text-align: center;
	padding: 2px 4px;
}

table.managerQuestions td.leftAlign {
	text-align: left;
}

td.managerQuestionsNoAlign {
	padding: 2px;
	border: #74849E 1px solid;
	font-size: 7pt;
	text-align: left;
}

table.managerSubjects {
	border: 1px solid #74849E;
	border-collapse: collapse;
	margin: 5px auto;
	clear: both;
	width: 50%;
}

table.managerSubjects th {
	background-color: #EAF1FB;
	border: 1px solid #74849E;
	color: #003265;
	padding: 5px;
}

td.managerSubjects {
	padding: 5px;
	border: #74849E 1px solid;
	text-align: center;
}

.editSubjectForm {
	border: 0px;
	text-align: center;
}

.editSubjectForm label {
	font-weight: bold;
	padding-right: 8px;
}

#questionsFirstCol {
	float: left;
	width: 450px;
}

#questionsSecCol {
	float: left;
	width: 250px;
	text-align: center;
}

.pictureBox {
	border: 1px solid silver;
	padding: 2px;
}

.pictureBox.assoc {
	width: 50px;
	height: 60px;
}

.pictureContainer {
	margin: 0px 15px;
}

.pictureContainer bigLeftSkip {
	margin: 10px 15px 0px;
}

.questionForm,.importQuestionsForm {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.importQuestionsForm {
	width: 400px;
}

.questionForm .field,.importQuestionsForm .field {
	clear: both;
	padding: 8px 0px;
}

.questionForm textarea {
	width: 300px;
}

.questionForm label,.importQuestionsForm label {
	font-weight: bold;
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
}

.questionForm .entry { 1
	clear: left;
}

.searchForm,.changePasswordForm {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 350px;
}

.searchForm .field,.changePasswordForm .field {
	clear: both;
	padding: 8px 0px;
}

.searchForm label,.changePasswordForm label {
	font-weight: bold;
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 10px;
}

.changePasswordForm label {
	width: 150px;
}

.label {
	font-weight: bold;
	font-size: 9pt;
}

.label.normal {
	font-weight: normal;
}

.label.textCentered {
	text-align: center;
}

.label.clear {
	clear: both;
}

.label.remark {
	background-color: #EAF1FB;
	border: 1px dotted #74849E;
	color: #003265;
	height: 20px;
	line-height: 20px;
	width: 60%;
	margin: 0px auto 5px;
}

.label.errorType {
	color: #AF0000;
	margin: 0px auto 5px;
	width: 60%;
	font-size: 10pt;
}

/* --- */ /* "Previous" and "Next" links. */
	/*Deben introducirse dentro de la tabla en la
ultima fila*/
div.previousNextLinks {
	margin-left: 0%;
	width: 100%;
	margin-bottom: 30px;
}

div.previousNextLinks span.previousLink {
	float: left;
	text-align: left;
	width: 49.5%;
}

div.previousNextLinks span.nextLink {
	float: right;
	text-align: right;
	width: 49.5%;
}

span.logos {
	margin: 15px;
}

/* Footer. */
#gameFooter {
	border-top: 1px solid #000;
	margin: 2px;
	padding-top: 5px;
	text-align: center;
	width: 100%;
	clear: both;
}

/* Instructions */
#instructionsTitle {
	font-weight: bold;
	color: #003265;
}

#instructionsBody {
	text-align: left;
}

/* Championships */
table.championships {
	border-collapse: collapse;
	width: 96%;
}

td.championshipsTitle {
	padding: 3px;
	border: #74849E 1px solid;
	text-align: center;
}

td.championships {
	padding: 3px;
	border: #74849E 1px solid;
	text-align: center;
}

/*td.championshipsName{
	padding: 3px;
	border: #74849E 1px solid;
	text-align:left;
}*/
div.span.label {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}

table.players {
	border-collapse: collapse;
	width: 66%;
}

td.playersTitle {
	padding: 3px;
	border: #74849E 1px solid;
	text-align: center;
}

td.players {
	padding: 3px;
	border: #74849E 1px solid;
	text-align: center;
}

/*
td.playersName{
	padding: 3px;
	border: #74849E 1px solid;
	text-align:left;
}*/
#rightLateral {
	text-align: left;
	padding: 0px;
	margin-left: 400px;
	color: #3366FF;
	font-weight: bold;
}

/*#rightLateral {
	float:right;
	text-align:right;
}*/ /*#rightLateral {
	float: right;
    text-align:left;
    padding: 5px;
    margin-right: 5px;
    background-color: #EAF1FB;
    border: #74849E 1px solid;
}*/
div.gameHeader span.center {
	color: #FF3333;
	float: center;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
}

div.gameHeader span.center2 {
	position: absolute;
	color: #FF3333;
	/*float:center;
	text-align:center;*/
	font-weight: bold;
	font-size: 10pt;
	left: 150px;
}

table.generalStatistics {
	border-collapse: collapse;
	width: 60%;
}

table.championshipStatistics {
	border-collapse: collapse;
}

tr.championships {
	text-align: left;
	padding-left: 1.5cm;
}

td.championships {
	padding: 3px;
	border: #74849E 1px solid;
	text-align: center;
}

div.leftHead {
	text-align: left;
	padding: 4px;
}

tr.players {
	text-align: left;
	padding-left: 1.5cm;
}

td.players {
	padding: 3px;
	border: #74849E 1px solid;
	text-align: center;
}

div.championshipTitle {
	font-size: 13pt;
	font-weight: bold;
	color: #003265;
	text-decoration: none;
}

div.championshipHeaderTitle {
	font-size: 15pt;
	font-weight: bold;
	color: #003265;
	text-decoration: none;
}

div.leftField {
	clear: both;
	padding-top: 1px;
	width: 100%;
	vertical-align: middle;
}

div.leftField span.leftEntry {
	float: left;
	text-align: left;
	vertical-align: middle;
}

div.leftField span.leftLabel {
	font-weight: bold;
}

td.championshipYears {
	font-size: 13pt;
}

span.leftHead {
	text-align: left;
	padding: 4px;
}

span.rightHead {
	text-align: right;
	padding: 100px;
}

h2.header {
	color: #003265;
}

/* Simple Modal */
#simplemodal-overlay {
	background-color: #000;
	cursor: wait;
}

#simplemodal-container {
	width: 0px;
	overflow: hidden;
	text-align: left;
	z-index: 10000;
}

/* Imaxes superior e inferior dos bordes redondeados */
#simplemodal-container .top {
	height: 30px;
	background: url(../img/dialogs/dialogtop.png) no-repeat;
	padding: 0;
	margin: 0;
}

#simplemodal-container .bottom {
	height: 30px;
	background: url(../img/dialogs/dialogbottom.png) no-repeat;
	padding: 0;
	margin: 0;
}

#simplemodal-container .content {
	padding: 5px 5px 5px 5px;
	background-color: #d1dbec;
	height: 470px;
}

#simplemodal-container .header h1 {
	color: #d76300;
	margin: 0;
	padding: 0 0 6px 28px;
	font-size: 20px;
	text-align: left;
}

#simplemodal-container .questionContainer {
	font-size: 18px;
	width: 580px;
	margin-left: 10px;
	margin-right: 5px;
	height: 420px;
	float: left;
	/*border: 1px solid;*/
}

#simplemodal-container .questionTextContainer {
	/*border: 1px dotted red;*/
	margin-top: 5px;
	height: 50px;
}

#simplemodal-container .questionText {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

#simplemodal-container .answerAndButtonContainer {
	/*border: 1px solid;*/
	height: 330px;
}

#simplemodal-container .questionAnswerContainer {
	/*border: 1px dotted blue;*/
	width: 560px;
	/*height: 250px;*/
	margin-left: auto;
	margin-right: auto;
}

#simplemodal-container .questionAnswerContainer ul {
	padding: 0px;
}

#simplemodal-container .test li {
	background-color: #b7c4d9;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 70%;
	list-style: disc url(../img/dialogs/answerbullet.png) inside;
}

.click {
	cursor: pointer;
}

#simplemodal-container .order li {
	background-color: #b7c4d9;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 80%;
	list-style: disc url(../img/dialogs/answerbullet.png) inside;
}

#simplemodal-container .assoc {
	clear: right;
	height: 210px;
	overflow: auto;
	position: relative;
	width: 540px;
	margin-left: auto;
	margin-right: auto;
}

#simplemodal-container .assoc_left {
	float: left;
	margin: 0px;
	margin-top: 15px;
	padding: 0;
	list-style: none;
	text-align: right;
}

#simplemodal-container .assoc_right {
	float: right;
	margin: 0px;
	margin-top: 15px;
	padding: 0;
	list-style: none;
}

#simplemodal-container .assoc_left li,.assoc_right li {
	margin-bottom: 5px;
	padding: 5px;
	font-size: 1.2em;
	background-color: #b7c4d9;
	list-style: disc url(../img/dialogs/answerbullet.png) inside;
	width: 250px;
	_width: 220px;
}

#simplemodal-container .pic img,.mix img {
	width: 100px;
	height: 120px;
}

#simplemodal-container .pic ul,.mix ul {
	margin: 0 auto;
}

#simplemodal-container .pic_first,.mix_first {
	width: 460px;
}

#simplemodal-container .pic_second,.mix_second {
	width: 460px;
}

#simplemodal-container .pic_first li,.pic_second li,.mix_second li {
	float: left;
	list-style-type: none;
	padding: 2px;
}

#simplemodal-container .mix_first li {
	float: left;
	background-color: #b7c4d9;
	border: 4px solid #b7c4d9;
	list-style-type: none;
	margin: 1px;
	width: 102px;
	height: 119px;
	text-align: center;
}

.drag {
	cursor: url(css/openhand.cur), url(openhand.cur), move;
}

#simplemodal-container .hlg:hover {
	background-color: #a4b0c3;
}

#simplemodal-container .hlgb:hover {
	background-color: #a4b0c3;
}

#simplemodal-container .hlgi,.hlgs {
	border: 4px solid silver;
}

#simplemodal-container .hlgi:hover {
	border: 4px solid gray;
}

#simplemodal-container .pic li:hover {
	
}

#simplemodal-container .buttonContainer { /*border: 1px dashed orange;*/
	height: 50px;
	margin: 0 auto 0 auto;
	float: left;
	width: 100%;
}

#simplemodal-container .getHintButton {
	margin: 0 auto 0 auto;
	background-color: #b7c4d9;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#simplemodal-container .playButton {
	margin: 0 auto 0 auto;
	background-color: #b7c4d9;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#simplemodal-container .hintContainer {
	display: none;
	font-size: 1.2em;
	width: 300px;
	height: 420px;
	float: left;
	margin-left: 5x;
	margin-right: 10px;
	border: 1px solid #7993c0;
	background: url(../img/dialogs/hint.png) no-repeat;
}

#simplemodal-container .pictureHint {
	height: 250px;
	margin-top: 5px;
}

#simplemodal-container .pictureHint img {
	border: 1px solid #7993c0;
	padding: 2px;
	max-height: 250px;
	max-width: 200px;
	width: expression(this.width >   200 ?   200 :   true);
	height: expression(this.width >   250 ?   250 :   true);
}

#simplemodal-container .textHint {
	border: 1px solid #7993c0;
	width: 200px;
	margin-top: 10px;
	padding: 5px;
	background-color: #b7c4d9;
	text-align: left;
	filter: alpha(opacity =     75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#simplemodal-container .progressbar {
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	height: 15px;
	display: none;
	clear: both;
	vertical-align: bottom;
}

#simplemodal-container .hintPictureContainer img {
	border: 1px solid #7993c0;
}

/* Taboa logotipo */
.gameHeaderTable {
	margin-top: 2px;
	background-image: url(../img/headerbg.png);
	background-repeat: repeat-x;
	width: 100%;
	border-collapse: collapse;
}

#logo {
	border: 0px;
}

/* Taboa xogadores */
.playersTable {
	margin-top: 20px;
	/*border-collapse: collapse;*/ /*border-spacing: 0px;*/
	width: 300px;
	padding: 0px;
	/*background-color: #d1dbec;*/
}

.playersTable .playerAvatar {
	width: 20%;
}

.playersTable .playerData {
	width: 60%;
	-moz-border-radius: 15px 15px 15px 10px;
}

.playersTable .avatar {
	border: 1px solid #7993c0;
	vertical-align: middle;
}

.playerPointsValue {
	font-size: 40px;
}

.playerStatus {
	font-size: 12px;
}

.playersTable tr {
	
}

.playersTable .tableRow td { /*border: 1px solid blue;*/
	background-color: #d1dbec;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.playersTable .tableBorderTop img {
	vertical-align: bottom;
}

.playersTable .tableBorderBottom img {
	vertical-align: top;
}

#playerListContainer {
	height: 300px;
	width: 90%;
	margin: 0 auto 0 auto;
	margin-top: 15px;
	/*border: 1px solid;*/
}

#playerList {
	padding: 5px;
	background-color: #d1dbec;
}

.playerEntry {
	background-color: #ffffff;
	height: 52px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 90%;
	-moz-border-radius: 10px 10px 10px 10px;
}

.playerEntry .avatar {
	float: left;
	margin-left: 10px;
	/* Centralo verticalmente */
}

.playerEntry .avatar .avatarImage {
	border: 1px solid silver;
}

.playerEntry .data {
	height: 52px;
	text-align: left;
}

.playerEntry .playerName {
	width: 50%;
	font-size: 18px;
	margin: 0 auto 0 auto;
}

.playerEntry .playerStatus {
	width: 50%;
	margin: 0 auto 0 auto;
}

.playerEntry .points {
	float: right;
	margin-right: 10px;
	font-size: 30px;
}

#displayText {
	width: 800px;
	position: absolute;
	left: 50%;
	text-align: center;
	margin-left: -400px;
	top: 200px;
	z-index: 5000;
	display: none;
}

#displayText .text {
	font-size: 40px;
	font-weight: bold;
	background-color: #D1DBEC;
	color: #FF9900;
	padding: 40px;
}

.userStatisticsTable {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.userStatisticsTable tr {
	
}

.userStatisticsTable th {
	border-bottom: 2px #fff solid;
	background: #EAF1FB;
}

.userStatisticsTable td {
	width: 60px;
	text-align: center;
}

.userStatisticsTable .left {
	width: 70px;
	font-weight: bold;
	background: #EAF1FB;
	border-bottom: 2px #fff solid;
}

table.rankingTable,table.rankingPager {
	width: 90%;
	margin: 5px auto;
	border: #74849E 1px solid;
	border-collapse: collapse;
	clear: both;
}

table.rankingTable th {
	border: #74849E 1px solid;
	padding: 5px;
	background-color: #EAF1FB;
	color: #003265;
}

table.rankingTable td {
	text-align: right;
	border: 1px solid #74849E;
	padding: 2px 2px 2px 5px;
	width: 7%;
}

table.rankingTable .userName {
	text-align: left;
}

table.rankingTable .highlight {
	background-color: #ebebeb;
}

table.rankingPager td {
	text-align: center;
}

table.rankingTable .me td {
	background-color: #003265;
	color: white;
	font-weight: bold;
}

table.rankingTable .sortableColumn:hover {
	background-color: #DDFFBB;
}

table.matchListTable {
	width: 60%;
	margin: 5px auto;
	border: #74849E 1px solid;
	border-collapse: collapse;
	clear: both;
	margin-bottom: 15px;
}

table.matchListTable caption {
	margin-top: 15px;
	padding-bottom: 10px;
}

table.matchListTable th {
	border: #74849E 1px solid;
	padding: 3px;
	background-color: #EAF1FB;
	color: #003265;
}

table.matchListTable td {
	text-align: center;
	border: 1px solid #74849E;
	padding: 2px 2px 2px 5px;
}

/* Paxina principal */
.MainPage p {
	margin: 0;
	margin-bottom: 12px;
}

.MainPage table {
	font-size: 12pt;
}

.MainPage .charts {
	margin-left: 10px;
}

.pieChart {
	float: left;
}

.rule {
	color: #003265;
	text-algin: justify;
	margin-bottom: 8px;
}

.rule .ruleHeader {
	margin-bottom: 8px;
	padding: 0px;
	font-weight: bold;
}

.rule .clickable {
	cursor: pointer;
}

.rule .ruleBody {
	margin-left: 25px;
}

.rule .ruleBody ul {
	margin-bottom: 0px;
}

.matchListbuttonContainer {
	clear: both;
	text-align: center;
	margin-top: 15px;
}

.matchListButtonForm,.matchPreparationButtonForm {
	width: 40%;
	display: inline;
	padding: 5px;
}

.matchListInformation {
	text-align: center;
	margin-top: 10px;
}

.matchListInformationHighLight {
	font-weight: bold;
}

.preparationBox,.matchPreparationbuttonContainer {
	width: 410px;
	margin: 20px;
}

.preparationBox {
	border: #74849E 1px solid;
	margin: auto;
}

.preparationBox .preparationHeader {
	font-weight: bold;
	color: #003265;
	border-bottom: #74849E 1px solid;
	padding: 5px 0px;
	background-color: #EAF1FB;
	float: left;
	width: 100%;
}

.preparationBox .preparationHeader .left {
	float: left;
	margin-left: 5px;
}

.preparationBox .preparationHeader .right {
	float: right;
	margin-right: 5px;
}

.preparationBox .preparationBody {
	clear: both;
	padding: 10px;
}

.preparationBox #players,.preparationBox #invitedPlayers,.preparationBox #friendsToInvite
	{
	margin: 0px 0px 0px;
	padding: 5px 0px;
	list-style-type: none;
}

.preparationBox #players li {
	margin: 5px 15px;
	padding: 5px;
	border: 1px dashed silver;
}

.preparationBox #players li .playerName {
	margin-left: 5px;
}

.preparationBox #players li .avatar {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	border: 1px solid silver;
}

.preparationBox #guestContainer {
	width: 170px; 1
	background: green;
	float: left;
	text-align: center;
}

.preparationBox #guestList {
	list-style: none;
	padding: 0px;
	margin: 5px 0px;
}

.preparationBox #addFriendContainer {
	width: 40px; 1
	background: orange;
	float: left;
	text-align: center;
}

.preparationBox .listTitle {
	text-align: center;
	font-weight: bold;
	margin: 2px 5px;
}

.preparationBox #addFriendContainer #addButton {
	margin-top: 50%;
}

.preparationBox #friendsContainer {
	width: 220px; 1
	background: red;
	float: left;
	text-align: center;
}

.preparationBox #friendsContainer .friendsContainerBlock {
	margin-bottom: 10px;
}

.preparationBox #friendsContainer #textloginToInvite {
	margin: 5px 0px;
}

.preparationBox #friendsContainer #friendList {
	width: 160px;
	margin: 5px 0px;
}

.preparationBox #bodyEnd {
	clear: both;
}

.preparationBox #invitations {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.matchPreparationbuttonContainer {
	text-align: center;
	margin: 15px auto;
}

.preparationBox #invitedPlayers li,.preparationBox #friendsToInvite li {
	margin: 3px 25px;
	padding: 2px;
}

.friendsConfigurationMessage {
	padding: 10px;
}

.friendsConfigurationLabel {
	padding: 10px 15px 10px 10px;
	margin-top: 15px;
	font-weight: bold;
}

.box {
	width: 500px;
	margin: auto;
	border: #74849E 1px solid;
	text-align: center;
}

.box .topSectionHeader,.middleSectionHeader {
	font-weight: bold;
	color: #003265;
	padding: 5px 0px;
	background-color: #EAF1FB;
	border-bottom: #74849E 1px solid;
	float: left;
	width: 100%;
}

.box .middleSectionHeader {
	border-top: #74849E 1px solid;
}

.box .sectionBody {
	clear: both;
	padding: 10px;
	_padding: 5px;
}

.box .sectionBody .info {
	margin: 5px 0px;
}

.box .sectionBody .bold {
	font-weight: bold;
}

.box .sectionBody .sectionBlock {
	margin: 5px 0px;
}

.box .sectionBody .sectionBlock ul {
	margin: 0px;
	padding: 0px;
}

.box .sectionBody .sectionBlock ul li {
	margin: 5px 0px;
	padding: 0px;
}

.matchConfiguration {
	border: 0px;
}

.matchConfiguration .field {
	padding: 4px 0px;
}

.matchConfiguration .hidden {
	display: none;
}

.matchConfiguration label {
	margin-right: 8px;
	font-weight: bold;
}

.matchConfiguration input {
	vertical-align: middle;
}

.matchConfiguration .submit {
	margin: 10px 0px 0px;
}

.matchConfiguration .subjects {
	margin-top: 5px;
}

.friendsConfigurationForm label {
	margin-right: 8px;
	font-weight: bold;
}

.matchConfiguration .subjects .subject {
	width: 200px;
	text-align: left;
	margin-left: 40%;
	_margin-left: 20%;
}

.matchConfiguration .subjects label {
	padding: 5px;
	font-weight: normal;
}

.matchConfiguration .subjects input {
	margin-right: 3px;
}

.matchConfiguration label.publicMatch {
	padding: 5px;
	font-weight: normal;
}

.friendsConfigurationList {
	padding: 0px 10px 5px;
	margin: 0px;
	list-style: none;
}

.friendsConfigurationList li {
	padding-bottom: 2px;
}

.friendsConfigurationForm {
	margin-top: 8px;
	border: 0px;
}

.friendsConfigurationForm .buttonContainer {
	padding: 10px 5px;
}

.friendsConfigurationForm .buttonContainer .button {
	margin: auto;
}

/* IE6 PNG FIX */
.pngf {
	position: relative;
	behavior: expression((   this.runtimeStyle.behavior =   "none") &&( 
		 this.pngSet ?   this.pngSet =   true :(   this.nodeName ==     "IMG"
		&&   
		 this.src.toLowerCase (   ) .   indexOf('.png') >   -1 ?( 
		 this.runtimeStyle.backgroundImage =     "none",
		this.runtimeStyle.filter =    
		"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +   
		 this.src +     "', sizingMethod='image')", this.src =   
		 "img/transparent.gif" ) :(   this.origBg =     this.origBg ?    
		this.origBg : 
		 this.currentStyle.backgroundImage.toString (   ) .  
		replace('url("', '') .   replace('")', ''), this.runtimeStyle.filter =
		  
		 "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +   
		 this.origBg +     "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage =     "none" ) ), this.pngSet =  
		true ) );
}