/* Colors of the site:
	background: #8dc4df
	text: #000
*/

body {
	background-color: #8dc4df;
	font-family: Cambria, Arial, serif;
	font-size: 13px;
	margin: 0px 0px 0px 0px; 
}

img {
	border: 0px ;
}

a, a:active {
	text-decoration: none;
}

#mainContainer {
	width: 990px;
	text-align: left;
	border: 0px solid black;
}

#tableContainer {
	width: 100%;
	height: 100%;
	border: 0px solid black;
	padding: 0px;
	border-spacing: 0px;
}


#flashContainer {
	height: 233px;
	padding-top: 5px;
}

#flashGameContainer {
	width: 665px;
	height: 470px;
	border: 0px solid #fff;
	margin-top: 10px;
	background-color: #000;
	text-align: center;
	padding-top: 10px;
	}

#noobContainer {
	position:relative;
	width: 670px;
	height: 233px;
	margin-top: 10px;
	background-image: url(images/iphoneBannerBkg.jpg);
	background-repeat: no-repeat;
}


.noobIndexImages{
	position:absolute;
	width: 224px;
	height: 150px;
	overflow:hidden;
	left: 380px;
	top: 38px;
}

.noobLeft{
	position:absolute;
	width: 313px;
	height: 230px;
	top: 0px;
	z-index: 50;
}

#noobLeftAppStore{
	position:absolute;
	width: 154px;
	height: 81px;
	top: 148px;
	left: 160px;
	z-index: 1;
}

#noobLeftAppInfo{
	position:absolute;
	width: 154px;
	height: 81px;
	top: 148px;
	left: 2px;
	z-index: 1;
}

#adContainer {
	height: 233px;
}

#topContainer {
	vertical-align: middle;
	text-align: right;
	float: right;
}

#topLogoContainer {
	vertical-align: bottom;
	text-align: left;
	padding-left: 0px;
	background-image: url(images/quoridorTopLogo.jpg);
	background-repeat: no-repeat;
	width: 250px;
	min-width: 250px;
	height: 103px;
	min-height: 103px;
}

#mainPageContainer {
	border: 0px solid red;
	width: 665px;
}

#spacerContainer {
	width: 5px;
}

.textLogo {
	width: 245px;
	color: #fff; 
	font-size: 15px;
	text-align: center;
	padding-top: 70px;
	font-weight: bold;
}


#gameOptionsContainer {
	vertical-align: bottom;
	margin-top: 10px;
	width: 665px;
}

#gamePlayContainer {
	vertical-align: middle;
	margin-top: 15px;
}

.textTilesIndex {
color: #fff; 
font-size: 12px;
position: absolute;
z-index: 10; 
left: 40px; 
top: 5px;
font-weight: bold;
}

.logoText {
color: #fff; 
font-size: 16px;
position: absolute;
z-index: 15; 
top: 50px;

}

.indexOptionsSpacer {
	width: 9px;
	min-width: 9px;
}

#gigamicContainer {
	padding-top: 10px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

#divCopyright {
	width: 100%;
	text-align: left;
	font-size: 12px;
	color: #3d779f;
	padding-top: 10px;
	padding-left: 0px;
}

#divCopyright a, #divCopyright a:active, #divCopyright a:hover {
	font-color: #3d779f;
}

#adRightContainer {
	height: 100%;
	min-height: 100%;
}

.innerMenuContainer {
	height: 35px;
	min-height: 35px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 2px 2px 2px 2px;
	border: 0px solid black;
	color: #fff;
	font-size: 10px;
	text-align: center;
}

#rulebookContainer {
	background-image: url(images/sfumatura.jpg);
	background-repeat: repeat-x;
	width: 640px;
	height: 470px;
	min-height: 470px;
	background-color: white;
	border: 1px solid black;
	padding: 10px 10px 10px 10px;
	font-size: 14px;
	color: #fff;
}


#awardsGameContainer {
	width: 650px;
	height: 470px;
	min-height: 470px;
	background-color: white;
	border: 1px solid black;
	padding: 10px 10px 10px 10px;
	font-size: 14px;
}

.awardsGameUl {
	font-size: 16px;
	line-height: 40px;
	list-style-image: url(images/ico_awards.png);
	
}

.listUl {
	font-size: 16px;
	line-height: 40px;
	list-style-image: url(images/ico_mini-arrow_right.png);
	
}

.linkUnderlined {
	border-bottom: 1px dotted #1c3c61;
}

/* form mail */
.titleSubSections {
	font-size: 14px;
	font-weight: bold;
}

.itemSubSections {
	font-size: 12px;
	font-weight: bold;
}

#rulebookFlagTable {
	width: 100%;
	height: 90%;
	padding-top: 10px;
	padding-left: 10px;
	
}

.firstRow {
	color: #fff;
	font-weight: bold;
	background-color: #164665;
	width: 40px;
	text-align: center;

}

#rulebookContainer a, #rulebookContainer a:active {
	background-color: transparent;
	border-bottom: 1px solid transparent;
}

#rulebookContainer a:hover {
	background-color: white;
	border-bottom: 1px solid white;
}

#rulebookViewContainer {
	width: 665px;
	height: 480px;
	min-height: 470px;
	background-color: white;
	border: 1px solid black;
	font-size: 20px;
	color: #3e78a0;
	text-align: center; 
	padding-left: 0px;
}

#boxImages{
	position:absolute;
}

#boxImages span{
	display:block;
	float:left;
}

.maskImages{
	position:relative;
	width: 660px;
	height: 400px;
	overflow:hidden;
	margin-left: 0px;
}

.buttons{padding:1px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:12px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

.maskIndexImages{
	position:relative;
	width: 665px;
	height: 230px;
	overflow:hidden;
}

#bottomContainer {
	margin-top: 4px;
}

/* play multi */

#playMultiContainer {
	width: 650px;
	height: 500px;
	min-height: 470px;
	background-color: white;
	border: 1px solid black;
	padding: 10px 10px 10px 10px;
	font-size: 14px;
}

#playMultiContainer li {
	font-size: 16px;
	line-height: 20px;
}

#beta {
	background-image: url(images/pawnbeta.png);
	background-repeat: no-repeat;
	border: 1px solid red;
	padding: 3px 3px 3px 3px;
	width: 90%px;
	
}

#betaTest {
	padding-left: 130px;
	font-size: 12px;
}

#playMultiTable {
	font-size: 20px;
	color: red;
}

.playMultiMsg {
	width: 305px;
	font-size: 16px;
}

#updateMsg {
	width: 650px;
	text-align: center; 
	background-color: #4275ac; 
	padding: 2px 2px 2px 2px;
	color: white; 
	font-size: 14px; 
	font-weight: bold
	opacity: 0.9;
	margin-top: -5px;
}

.displayInfoExit {
	width: 312px;
	height: 142px;
	background-image: url(images/playmulti_exit.png);
	background-repeat: no-repeat;
	font-size: 14px;
	padding: 14px 14px 14xp 14px;
}

.displayInfoExitTest {
	padding: 30px 2px 2px 2px; 
	padding-top: 35px;
	margin-left: 20px;
	width: 270; 
}

/* play multi */ 

#loginBox {
	background-image: url(images/playmulti_login-register.png);
	background-repeat: no-repeat;
	width: 312px;
	height: 132px;
}

#loginForm {
	padding-top: 35px;
	padding-left: 100px;
}

/* register  */ 
#registerBox {
	background-image: url(images/play_multi_register.png);
	background-repeat: no-repeat;
	width: 312px;
	height: 190px;
}

#registerBoxInfos {
	padding-top: 35px;
	padding-left: 70px;
}

#registerBoxInfos li {
	font-size: 14px;
	width: 170px;
}


/*  waiting room */

#waitingRoomContainer {
	position: relative;
	width: 650px;
	height: 415px;
	background-image: url(images/waitingRoomBoard.jpg);
	background-repeat: no-repeat;
}

#waitingRoomPawn1 {
	position: absolute;
	z-index: 10;
	left: 100px;
	top: 200px;
}

#waitingRoomPawn2 {
	position: absolute;
	z-index: 10;
	left: 200px;
	top: 56px;
}

#waitingRoomPawn3 {
	position: absolute;
	z-index: 10;
	left: 430px;
	top: 50px;
}

#waitingRoomPawn4 {
	position: absolute;
	z-index: 10;
	left: 478px;
	top: 200px;
}

#waitingRoomInfoPlayer1 {
	position: absolute;
	z-index: 10;
	left: 24px;
	top: 297px;
	border: 1px solid black;
}

#waitingRoomInfoPlayer2 {
	position: absolute;
	z-index: 10;
	left: 24px;
	top: 14px;
	border: 1px solid black;
}

#waitingRoomInfoPlayer3 {
	position: absolute;
	z-index: 10;
	left: 480px;
	top: 14px;
	border: 1px solid black;
}

#waitingRoomInfoPlayer4 {
	position: absolute;
	z-index: 10;
	left: 480px;
	top: 297px;
	border: 1px solid black;
}

.waitingRoomInfos {
	background-color: #8dc4df;
	width: 150px;
	height: 90px;
	min-height: 90px;
	padding: 2px 2px 2px 2px;
	font-size: 13px;
	
	}

#waitingRoomCountdownUpdate {
	width: 645px;
	text-align: center; 
	background-color: #4275ac; 
	padding: 2px 2px 2px 2px;
	color: white; 
	font-size: 14px; 
	font-weight: bold
	opacity: 0.9;
	margin-top: -5px;
}

#waitingRoomLoadingMessage {
	position: absolute;
	z-index: 30;
	left: 140px;
	top: 140px;
	font-size: 72px;
	color: #fff;
}

/* 2 players */

#waitingRoom2Pawn1 {
	position: absolute;
	z-index: 10;
	top: 240px;
	left: 265px;
}

#waitingRoom2Pawn2 {
	position: absolute;
	z-index: 10;
	left: 290px;
	top: 15px;
}

#waitingRoom2InfoPlayer1 {
	position: absolute;
	z-index: 10;
	left: 100px;
	bottom: 50px;
	border: 1px solid black;
}

#waitingRoom2InfoPlayer2 {
	position: absolute;
	z-index: 10;
	right: 100px;
	top: 14px;
	border: 1px solid black;
}

#chatDiv {
	width: 295px;
	height: 235px;
	margin-top: 10px; 
	background-color: white; 
	border: 3px solid green;
	margin-bottom: 10px;
}

#chatTableDiv {
	width: 300px;
	overflow: auto;
	height: 130px;
	min-height: 130px;
}

#chatDivTitle {
	background-color: green; 
	text-align: center;
	color: white;
	font-size: 14px;
	}

.chatElementTable {
	border-bottom: 1px dotted red;
	width: 280px;
	font-size: 14px;
}

#chatForm {
	border-top: 1px solid green;
	width: 100%;
	font-size: 12px;

}

#chatForm td {
	text-align: center;
}

.pulsante a, .pulsante a:visited {
    clear:both;
    text-align:center;
	width: 150px;
	height: 16px;
	text-decoration: none;
	background-color: green; 
	border: 2px solid #fff;
	border-color: #def #678 #345 #cde;
	color: #fff;
	padding-top: 5px;
	font-weight: bold;
	font-size: 13px;
	display: block;
	margin: 5px auto;
}

.pulsante a:hover {
	top: 2px;
	left: 2px;
	border-color: #345 #cde #def #678;
}


#AbortContainer {
	background-color: black;
	color: red;
	font-size: 32px;
	text-align: center;
	width: 98%;
	height: 98%;
	min-height: 98%;
	min-width: 98%;
	border: 6px dotted yellow;
	font-weight: bold;
}

#AbortContainer a {
	color: white;
}

#AbortContainer a:hover {
	color: #cccccc;
}

#noShowData {
	display: none;
	overflow: hidden;
	width: 1px;
	height: 1px;
}

.bugReply {
font-style: italic;
color: #00aaaa;
}

#linkContainer {
	position: relative;
	top: 10px;
}

#linkLeft {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 45%;
}

#linkRight {
	position: absolute;
	left: 340px;
	top: 10px;
	width: 45%;
	display: inline;
	padding-left: 10px;
}