/*
(C) 2007-2008 NET GAMES TECH S.A.S. di Ramon Soletti, Paolo Montrasio e C.
(C) 2009 NET GAMES TECH S.A.S. di Paolo Montrasio e C.
 All rights reserved
*/
/* CSS Document */
html { margin:0px; padding:0; }
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; background: white; }
h1 { margin-top:20px; font-size:2.5em; color: #000066; text-align:center; }
h2 { margin-top:1em; font-size:1.5em; color: #000066; }
h3 { margin-top:1em; font-size:1.2em; color: #000066; }
h2 a { text-decoration:none }
div.content div.h2 { float: left; width: 100%; }
div.content h1 { margin-top: 0px; }
p { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
/* Modelled around the two column liquid layout at
   http://css.maxdesign.com.au/floatutorial/tutorial0801.htm */
div.container { width:100%; }
div.header1 { background-color:white; color: white;
}
div.skippermania {
  background-image: url(/static/images/logo3d_2.gif);
  background-repeat: no-repeat;
  background-position: top left;
  z-index: 10;
  cursor: pointer;
  height: 150px;
  width: 322px;
  position:absolute;
  left:0px;top:0px;
}
div.header_spacer {
  height: 215px; /* This determines where div.main starts */
  color: black;
  font-size: 36px;
}
div.header_spacer h1 { color: white; }
div.sk_header {
  position: absolute;
  top: 0px; right: 10px;
  height:150px;
  margin:0; padding:0;
  color:#fff;
  text-align:center;
  width:100%;
  background-image: url(/static/images/header.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  z-index: 1;
}
div.header2 {
  background-color:white;
  color: white;
}
div.briciole div.headerBarLeft {
  background: url(/static/images/mini_sx_2.gif) left top no-repeat;
  width: 33px;
  position: absolute;
  top: 155px; left: 0px;
  height: 60px;
  z-index: 10;
}
div.briciole div.headerBar {
  background: url(/static/images/mini_repeat.gif) left top repeat;
  width: 100%;
  position: absolute;
  top: 155px; left: 0px;
  margin: 0px;
  height: 60px;
  z-index: 8;
}
div.briciole div.headerButtons {
  position: absolute; top: 155px; left: 0px;
  text-align: center;
  z-index:20;
  width: 100%;
}
div.headerButtons .h_menu {
  left: 50%;
  list-style-type: none;
  margin-left: -95px;
  margin-top:0px;
  padding: 0px;
  position: absolute;
  width: 350px;
}
div.forumButtons .h_menu {
  margin-left: -164px;
}
div.headerButtons .h_menu a:hover {
  background-position: 0px -50px;
}
div.headerButtons .h_menu a {
  display: block;
  width:50px;
  height:50px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
div.headerButtons .home_menu a#button_forum {
  display: block;
  width:50px;
  height:50px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
div.headerButtons .home_menu a#button_forum:hover {
  background-position: 0px -50px;
}
div.headerButtons .h_menu li {
  float: left;
  margin: 5px 5px 5px 10px;
}
div.headerButtons ul.home_menu {
  left: 50%;
  list-style-type: none;
  margin-left: -75px;
  margin-top:0px;
  padding: 0px;
  position: absolute;
}
div.headerButtons ul.home_menu li {
  float: left;
  margin: 5px;
}
div.headerButtons ul.home_menu li span {
  display: block;
  width:50px;
  height:50px;
  background-position: 0px -50px;
  background-repeat: no-repeat;
}
div.briciole div.headerBarRight {
  background: url(/static/images/mini_dx.gif) right top no-repeat;
  width: 100%;
  position: absolute;
  top: 155px; left: 0px;
  height: 60px;
  z-index: 10;
}
div.briciole div.headerDate {
  width: 100%;
  position: absolute;
  top: 170px; left: -10px;
  height: 40px;
  z-index: 11;
  text-align: right;
  color: white;
  font-weight: bold;
}
/*
   See http://myplayspace.atspace.com/hmenus2.html for an explanation of the
   centered horizontal menu without tables trick. Discussion at
   http://www.killersites.com/mvnforum/mvnforum/viewthread?thread=3497
*/
#button_challenge { background-image: url(/static/images/btn-challenge.jpg); }
#button_team { background-image: url(/static/images/btn-teams.jpg); }
#button_rankings { background-image: url(/static/images/btn-rankings.jpg); }
#button_forum { background-image: url(/static/images/btn-forum.jpg); }
#button_shop { background-image: url(/static/images/btn-shop.jpg); }
div.main {
  clear:both;
}
div.home_main {
  clear:both;
  width: 950px;
}
div.leftMenu { float: left; width: 130px; }
div.inizio_menu{
  display:block;
  background:url(/static/images/header_menu_top_bis.gif) left top no-repeat;
  height:23px;
  width:130px;
}
div.navigation {
  border-top:1px solid #fff;
  width:130px;
  overflow: hidden;
}
div.navigation div.avatar {
  font-size:1em;
  background-color:#2175BC;
  color:#fff;
  padding:5px 0 5px 10px;
  margin:0;
  font-weight:bold;
}
div.navigation div.avatar a {
  text-decoration:none;
  font-weight: normal;
  font-size: 0.9em;
}
div.navigation div.avatar a img { border: 0px; }
div.navigation div.avatar a:link { color: white; }
div.navigation div.avatar a:visited { color: white; }
div.navigation div.avatar a:hover { color: white; }
div.navigation div.avatar a:active { color: white; }
div.navigation ul.menu_sx {
  list-style:none;
  background-color:#2175BC;
  margin:0;
  padding:0;
  border:none;
  width:130px;
}
div.navigation ul.menu_sx li {
  border-bottom:1px solid #fff;
  margin:0;
}
div.navigation ul.menu_sx li.voce {
  display: none;
}
div.navigation ul.menu_sx li.ultima {
  border-bottom:none;
  margin:0;
}
div.navigation ul.menu_sx li.finale {
  border-bottom:1px solid #fff;
  margin:0;
}
div.navigation ul.menu_sx li.titolo {
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  margin:0;
  padding:5px 0 5px 8px;
  color:#fff;
  font-weight:bold;
  font-size:13px;
  width:122px;
  background:#1958B7;
  cursor: pointer;
}
div.navigation ul.menu_sx li a{
  display:block;
  padding:5px 0 5px 8px;
  border-left:10px solid #1958B7;
  background-color:#2175BC;
  color:#fff;
  text-decoration:none;
  width:112px;
  font-weight:bold;
}
div.navigation ul.menu_sx li a:hover{
  border-left:10px solid #1C64D1;
  background-color:#A7C8E5;
  color:#1C64D1;
}
div.navigation ul.menu_sx li a.on{
  border-left:10px solid #1C64D1;
  background-color:#e2941d;
  color:#fff;
}
div.fine_menu{
  display:block;
  background:url(/static/images/header_menu_bottom_bis.gif) left top no-repeat;
  height:23px;
  width:130px;
  margin-bottom:2px;
}
div.content {
  color: black;
  margin: 0px 0px 0px 140px;
}
div.footer {
  color: white;
  clear:both;
  position:relative;
  background:url(/static/images/mini_repeat.gif) repeat;
  height:60px;
  border-top: 1em solid white;
}
div.footer p {
  text-align: center;
  font-size:12px;
  color:#fff;
  padding:0px;
  margin-top:26px;
}
div.f2 {
  position:absolute;
  bottom:0px;
  height:60px;
  width:23px;
  background:url(/static/images/mini_sx.gif) left top no-repeat;
}
div.f3 {
  position:absolute;
  bottom:0px;
  right:-1px;/*because of IE6*/
  background:url(/static/images/mini_dx.gif) top right no-repeat;
  height:60px;
  width:23px;
}

div.header {
	position: absolute;
	top: 10px; right: 10px;
	height:150px;
	margin:0; padding:0;
	color:#fff;
	text-align:center;
	width:100%;
	background-image: url(/static/images/header.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	z-index: 1;
}

div.header div.head_dx{
	background: url(/static/images/header_dx.gif) #2175BC top right no-repeat;
	height:150px;
	width:23px;
	float:right;
	clear:right;
}

div.header div.head_sx{
	background: url(/static/images/header_sx.gif) #2175BC top right no-repeat;
	height:150px;
	width:23px;
	float:left;
}

/*stile_form*/

form.contact{
	width:35em;
	margin-top:2.5em;
	padding:0;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
form.contact div.row {
	width: 35em;
	float: left;
}
form.contact div label{
	float:left;
	width:13em;
	height:1.5em;
	font:1.2em Arial, Helvetica, sans-serif;
	line-height:1.6em;
	margin-right:5px;
	text-align:right;
}
form.contact_sx{
	height:275px;
	padding:5px 0 5px 8px;
}


input, select {
	border:1px solid black;
	font:1.2em Arial, Helvetica, sans-serif;
}
input.submit { cursor: pointer; }

button {
	border: 0;
	font:1.2em Arial, Helvetica, sans-serif;
}
div.input_cont{
	float:left;
	background-repeat:no-repeat;
	margin-bottom:3px;
}
div.area_cont{
	float:left;
	width:200px;
	margin-bottom:3px;
}
div.input_cont input{
	display:block;
	background-color:#dae1d5;
	height:1.5em;
}
div.messages {
	display:block;
	clear:left;
	background:#2175BC;
	color:#fff;
	padding:0 0 0 5px;
	border-left:10px solid #1958B7;
	width:115px;
	border-right: 1px solid #fff;
/*	border-top:1px solid #fff;*/
	font-size:10px;
	font-weight:bold;
}
div.error {
	padding:2px;
	background-color: orange;
	color: black;
	font-size: 1.2em;
	text-align: center;
	-moz-border-radius: 5px;-webkit-border-radius:5px
}
div.errorDialog {
	padding:2px;
	background-color: orange;
	color: black;
	position:absolute;
	margin-left:-7em;
	width:20em;
	left:50%;
	top: 330px;
	border: 1px solid blue;
	font-size: 1em;
	text-align: center;
}
ul.error {
	margin-left: 1em;
}
div.notice {
	padding:2px;
	background-color: green;
	color: white;
	text-align:center;
	margin-bottom: 1em;
	-moz-border-radius: 5px;-webkit-border-radius:5px
}
div.leftMenu div.notice { margin-bottom: 0px; text-align:left}

div.login{
	display:block;
	clear:left;
	background:#2175BC;
	color:#fff;
	padding:0 0 0 5px;
	border-left:10px solid #1958B7;
	width:115px;
	border-right: 1px solid #fff;
	border-bottom:1px solid #2175BC;
}
div.login form.login_sx{
	width:100px;
	padding:0;
}
div.login form.login_sx div.registrazione div.input_sx{
	width:100px;
	padding:3px 0;
}
div.login form.login_sx div.registrazione div.input_sx input{
	width:75px;
	background-color:#dae1d5;
	margin:5px 0 0 10px;
}
div.login form.login_sx div.registrazione label{
	width:100px;
	font:12px/24px Arial, Helvetica, sans-serif;
	margin-right:5px;
	text-align:left;
}
button.go_login{
	width:50px;
	height:30px;
	line-height:25px;
	display:inline;
	margin-top:10px;
	padding:1px 0 4px;
	background: url(/static/images/btn_invia_3_small.gif);
	background-repeat:no-repeat;
	color:#000;
	cursor:pointer;
	background-color:#fff;
	font-weight:bold;
}



div.inizio_menu{
	display:block;
	background:url(/static/images/header_menu_top_bis.gif) left top no-repeat;
	height:23px;
	width:130px;
}
div.fine_menu{
	display:block;
	background:url(/static/images/header_menu_bottom_bis.gif) left top no-repeat;
	height:23px;
	width:130px;
	margin-bottom:2px;

}
div.misc{
	display:block;
	clear:left;
	background:#2175BC;
	line-height:30px;
	height:60px;
	color:#fff;
	padding:0 0 0 5px;
	border-left:10px solid #1958B7;
	width:115px;
	border-right: 1px solid #fff;
	border-top:1px solid #fff;

}
/*Footer*/

label{
	float:left;
	width:13em;
	font:12px Arial, Helvetica, sans-serif;
	margin-right:5px;
	text-align:right;
}
label.reg{
	width:13em;
	height:2.5em;
	font:1.2em Arial, Helvetica, sans-serif;
	margin-right:5px;
	text-align:left;
}

div.input_sx{
	float:left;
	width:175px;
	margin-bottom:3px;
}

div.check_cont{
	float:left;
	width:30px;
	height:30px;
	background-image:url(/static/images/check_2.gif);
	background-repeat:no-repeat;
	margin-bottom:3px;
}
div.check_sx{
	float:left;
	width:30px;
	height:30px;
	background-image:url(/static/images/check_sx_2.gif);
	background-repeat:no-repeat;
	margin-bottom:3px;
}

input, select{
	display:block;
	width:15em;
	background-color:#dae1d5;
}

.privacy_radio_button { display: inline; height: 30px; margin-top: 5px;
	margin-bottom:5px;
	background-color: white; border: 0; width: 2em; margin-right:10em;}

input.sx{
	display:block;
	width:135px;
	background-color:#dae1d5;
	margin:5px 0 0 10px;
}
input.check{
	display:block;
	width:16px;
	background-color:#dae1d5;
	border:none;
	margin:6px 0 0 8px;
}

.go{
	border:0;
	float:left;
	width:130px;
	height:30px;
	line-height:25px;
	display:inline;
	margin-left:13em;
	margin-top:20px;
	padding:1px 0 4px;
	background-image:url(/static/images/btn_invia_3.gif);
	background-repeat:no-repeat;
	color:#000;
	cursor:pointer;
	background-color:transparent;
	font-weight:bold;
}

/*tabella_album*/
div.content table.album_carte{
	margin:20px 0 0 0;
	background:#fff;
}

div.content table.album_carte tr{
	background:#DFB452;
}
div.content table.album_carte tr td.carte{
	border:1px dashed #DFB452;
}

/*menu bandiere*/
div.content table.album_carte ul.menu_bandiere{
	list-style:none;
	margin:0;
	padding:0;
	border:none;
}

div.content span{
}

/*stile tabelle dati*/
div.content table.dati{
	border:2px solid #2175BC;
	border-collapse:collapse;
	text-align:center;
	margin:0px 5px 0 5px;
}

div.content table.dati tr{
	border-bottom:1px solid #2175BC;
	border-top:1px solid #2175BC;
}
div.content table.dati th{
	border-bottom:2px solid #2175BC;
	border-top:2px solid #2175BC;
	border-collapse:collapse;
	padding:5px;
	background-color:#A7C8E5;
	border-left:1px solid #2175BC;
	border-right:1px solid #2175BC;
}

div.content table.dati th a{
	text-decoration: none;
}

div.content table.dati td.separator { border-right: 2px solid #2175BC;}

div.content table.dati th.separator { border-right: 2px solid #2175BC;}

div.content table.dati td{
	padding:3px;
	border:1px solid #2175BC;
}


div.content table.piersTable th { padding: 0px; }
div.content table.piersTable td { padding: 0px; }
div.content table.piersTable { margin: 5px 2px 0pt;
  background-color: white; filter: alpha(opacity=75); opacity: 0.75;
}
table.piersTable a { text-decoration: none; }
table.piersTable a:link { color: blue; }
table.piersTable a:visited { color: blue; }
table.piersTable a:hover { color: orange; }
table.piersTable a:active { color: yellow; }

button.salva{
	width:81px;
	height:28px;
	line-height:25px;
	margin:0 0 0 5px;
	padding:0 0 4px;
	background-image:url(/static/images/btn_salva.gif);
	background-repeat:no-repeat;
	color:#000;
	cursor:pointer;
	background-color:#fff;
	font-weight:bold;
}
button.modifica{
	width:81px;
	height:28px;
	line-height:25px;
	margin:0 5px;
	padding:0 0 4px;
	background-image:url(/static/images/btn_modifica.gif);
	background-repeat:no-repeat;
	color:#000;
	cursor:pointer;
	background-color:#fff;
	font-weight:bold;
}
button.lascia{
	width:81px;
	height:28px;
	line-height:25px;
	margin:0 5px;
	padding:0 0 4px;
	background-image:url(/static/images/btn_lascia.gif);
	background-repeat:no-repeat;
	color:#000;
	cursor:pointer;
	font-weight:bold;
	background-color:transparent;
}
button.submit{
	width:130px;
	height:30px;
	line-height:25px;
	display:inline;
	padding:1px 0 4px;
	background-image:url(/static/images/btn_invia_3.gif);
	background-repeat:no-repeat;
	color:#000;
	cursor:pointer;
	background-color:#fff;
	font-weight:bold;
}

.invisible{
	visibility: hidden
}

.borderedTable { border-collapse: collapse; border: 1px solid black; }
.borderedTable td { border: 1px solid black; padding:2px; text-align: center;}
.borderedTable thead td { font-weight: bold; }
dt { font-weight: bold; }
div.leftCol { width: 47%; float: left; }
div.rightCol { width: 47%; float: left; }
#news { background-color: orange; text-align: center; border: 1px solid blue;
  margin-bottom: 1em; -moz-border-radius: 9px;-webkit-border-radius:9px}
div#invitedPlayers {
  background-color: #FFFFCC; text-align: left; border: 1px solid #AAAA88;
  margin-bottom: 1em; margin-left: 1em;  -moz-border-radius: 9px;-webkit-border-radius:9px}
div#invitedPlayers ul { text-align: left; margin-left: 2em; }
div#invitedPlayers p { margin-left: 1em; margin-right: 1em; }
div#inviteAFriend {
  background: transparent url(/static/images/invite_a_friend.gif) no-repeat
    center top;
  border-width: 2px;
  font-size: 1.6em;
  padding: 0.5em;
  text-align: center;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
#referer_link { display:block;margin:10px;font-weight:bold }
#activities { float: left; margin-left: 1.5em; margin-bottom: 1em; }
.box { float: left; margin-left: 1.5em; margin-bottom: 1em; float: left;
  width: 30%; }

.challengeDialog { border: 2px solid blue; margin: 4px; width: 20em;
  padding: 1em; position: absolute; z-index: 50; background-color: white;
  top: 300px; left: 50%; margin-left:-90px;text-align: center; font-size: 1.2em; }
.challengeDialog p { font-size: 18px; text-align: center; }
#refuseDialog { background-color: orange; }
.hiddenDialog { display: none; }

td.player { width: 8em; }
td.stars { width: 2em; }
td.status { width: 8em; }
td.games { width: 5em; }
td.wins { width: 5em; }
td.points { width: 5em; }
td.pwrups { width: 5em; }

.rankings { margin-top:10px; }

.teamRow { width: 410px; height: 164px; padding: 4px;}
.teamRow .teamName { font-weight: bold; font-size: 1.2em; line-height: 2em; }
.teamRow .teamActions { font-size: 1.2em; line-height: 2em}
.teamRowSelected { width: 410px; height: 178px; background-color: #0099F7; padding: 4px;}
.teamRowSelected .teamName { font-weight: bold; font-size: 1.2em; color: white; line-height: 2em;}
.teamRowSelected .teamActions { font-size: 1.2em; color: white;line-height: 2em; }

div#teamSummary td.compactTeamRowSelected { background-color: transparent;
  padding: 0px; }
.compactTeamRow { width: 565px; padding: 4px; border: 1px solid #C0C0FF;  -moz-border-radius: 9px;-webkit-border-radius:9px}
.compactTeamRow .teamName { font-weight: bold; font-size: 1.2em;
  line-height: 1.4em; }
.compactTeamRow .teamActions { font-size: 1.2em; line-height: 1.4em}
.compactTeamRowSelected { width: 565px; background-color: #0099F7;
  padding: 4px; -moz-border-radius: 9px;-webkit-border-radius:9px}
.compactTeamRowSelected .teamName { font-weight: bold; font-size: 1.2em;
  color: white; line-height: 1.4em;}
.compactTeamRowSelected .teamActions { font-size: 1.2em; color: white;
  line-height: 1.4em; }
td.compactTeamRow img.up { cursor:pointer }
td.compactTeamRow img.down { cursor:pointer }
div.addTeamForm input { margin-left: 13em; border: 1px solid #000088; }
div.addTeamForm button { margin-left: 13em; margin-top: 6px; margin-bottom: 1em;}
div.addTeamForm { height: 6em; margin: auto; width: 600px;}

a:link { color: blue; }
a:visited { color: blue; }
a:hover { color: blue; }
a:active { color: blue; }

.teamRowSelected a:link { color: white; }
.teamRowSelected a:visited { color: white; }
.teamRowSelected a:hover { color: white; }
.teamRowSelected a:active { color: white; }
.compactTeamRowSelected a:link { color: white; }
.compactTeamRowSelected a:visited { color: white; }
.compactTeamRowSelected a:hover { color: white; }
.compactTeamRowSelected a:active { color: white; }

p.pageIntro { text-align: center; margin-bottom: 3em; background-color: #FFCA44;
  padding: 0.5em; border: 1px solid #000088; font-size: 1.4em; -moz-border-radius: 5px;
  -webkit-border-radius: 5px}
#payoff p { font-size: 1.1em; font-weight: bold; }
#gameintro { position: absolute; width:450px; }
#gameintro p { font-size: 1.1em; font-weight: bold; }
#subscribe_top {
  background-image:url(/static/images/subscribe_top.gif);
  background-repeat:no-repeat;
  border-width: 2px;
  font-size: 1.6em;
  padding: 0.5em;
  position: absolute;
  left: 484px;
  width: 192px;
  text-align: center;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
#subscribe_bottom {
  background-image:url(/static/images/subscribe_bottom.gif);
  background-repeat:no-repeat;
  border-width: 2px;
  font-size: 1.6em;
  padding: 0.5em;
  text-align: center;
  width: 17em;
  margin-top: 1em;
  margin-bottom: 1em;
  left: 0px;
  position: absolute;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
#subscribe_top:hover, #subscribe_bottom:hover {
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;

}
a.subscribe { text-decoration: none !important; }
a.subscribe:link { color: white !important; }
a.subscribe:visited { color: white !important; }
a.subscribe:hover { color: yellow !important; }
a.subscribe:active { color: yellow !important; }
#playerStats { left: 350px; position: absolute; margin: 1em; }

div.centeredText { width: 100%; text-align: center; }
div.input_cont_date { }
div.input_cont_date input { display: inline; border: 1px solid black; }
div.input_cont_date input#day { width: 1.5em; }
div.input_cont_date input#month { width: 1.5em; }
div.input_cont_date input#year { width: 2.5em; }

div.signupMandatory { height: 23em; }
div.signupOptional p { font-size: 1.2em; }
div.signupPrivacy p { font-size: 1.2em; margin-top:2em; }
div.signupPrivacy button { margin-bottom: 1.2em; }
.errorExplanation { background-color: orange; border: 1px solid red;
	padding: 4px 2px 2px 2px; font-size: 1.2em; }
.errorExplanation ul { background-color: white; margin-bottom: 0px;
	margin-top: 2px; }
.errorExplanation ul p { font-size: 1em ;}
div.fieldWithErrors { border: 1px solid red; }

.aGameButton {
  background: transparent url(/static/images/btn_invia_3.gif);
  border: 0px none;
  height: 32px;
  width: 130px;
  cursor: pointer;
}
div.teamTraining { display: none; }
input.hidden { display: none; }
input[type="hidden"] { display: none; } /* something in the css makes them visible */

div.shopRow { position: absolute; left: 50% }
div#summary { margin-left: -40px; }
#summaryFiller { height: 20px; }
div#bustine { width: 750px; margin-left: -308px; }
p.bustineFiller { height: 530px; }
div#buyRubies { width: 750px; margin-left: -304px; }
#rubiesFiller { height: 160px; }
div#buyPlus { width: 750px; margin-left: -304px; }
#plusFiller { height: 300px; }
div#buyCredits { width: 750px; margin-left: -304px; }
#creditsFiller { height: 340px; }
div#paymentLogos { width: 600px; margin-left: -250px; }
div#paymentLogos img { margin: 1em; }
#logosFiller { height: 100px; }
div.bustina { float: left; margin: 1em; }
div.bustina p { text-align: center; line-height: 2em; margin-bottom: 0px;}
div.buyAPack { margin:auto; }
div.buyAPackBtn {
  background: transparent url(/static/images/3dbutton_small.gif) no-repeat;
  width:60px;height:20px;margin-left:73px;
}
p.creditsAmount { margin: 0px; }
p.packButton { margin: 0px; position:relative;top:-5px;}
a.buyPack { text-decoration: none; padding: 2px; position:relative; top:2px; }
a.buyPack:link { color: white;  }
a.buyPack:visited { color: white; }
a.buyPack:hover { color: white; font-weight: bold; }
a.buyPack:active { color: yellow; font-weight: bold; }

div.buyCredits { float: left; margin: 1em; text-align: center;
  width:211px; height: 70px; background: url(/static/images/3dbutton.gif);
}
div.buyCredits p { font-size: 1.5em; margin: 0px; margin-top: 22px; }
div.buyCredits a { text-decoration: none; }
div.buyCredits a:link { color: white; }
div.buyCredits a:visited { color: white; }
div.buyCredits a:hover { color: white; font-weight: bold; }
div.buyCredits a:active { color: yellow; font-weight: bold; }
div.buyMessage { float: left; margin: 1em; text-align: center;
  width:211px; height: 70px; background: white;
}
div.buyMessage p { font-size: 1.5em; margin: 0px; margin-top: 1em; }

div.availableCard { background-color: orange; border: 4px solid orange; }
div.notAvailableCard { background-color: green; border: 4px solid green; }
div#the_card { float: right; }
select.meteo { width: 3em; font-size: 1em; }
input.images { width: 1em; display: inline;}

#harbour { z-index: 0; position: relative; }
#harbour1 { z-index: 0; margin: auto; height: 35px; width:700px; }
div.pierBackground { width: 700px; margin: auto;
  background-color: #70d6fe; background-image: url(/static/images/harbour3.jpg);
  background-repeat: no-repeat; position:relative; -moz-border-radius: 0 5px 5px 5px;
  -webkit-border-radius: 0 5px 5px 5px }
#pier_monohulls { z-index: 10;
  position: absolute; left: 370px; top: 250px; }
#pier_catamarans { z-index: 10;
  position: absolute; left: 202px; top: 290px; }
#pier_trimarans { z-index: 10;
  position: absolute; left: 109px; top: 417px; }
#pier_acs { z-index: 10;
  position: absolute; left: 421px; top: 466px; }
#pier_bots { z-index: 10;
  position: absolute; left: 539px; top: 270px; }
span.pierTitle { font-size: 1.2em; font-weight: bold; }

div.little_transparent { background-color: white;
  filter: alpha(opacity=90); opacity: 0.90; }
div.transparent { background-color: white;
  filter: alpha(opacity=75); opacity: 0.75; }
div.very_transparent { background-color: white;
  filter: alpha(opacity=50); opacity: 0.5; }

div.little_transparent p { margin: 2px; }
div.transparent p { margin: 2px; }
div.very_transparent p { margin: 2px; }

#centeredPier { margin:auto;position:relative;width:700px;}
#teamSummary { position: absolute; z-index:10; width:700px;top:35px;}
#teamSummary p { margin: 0 0 0 0; }
#botsMessage { position: absolute; top: 362px; left: 546px; width:140px;}
div.menuBoat { position: absolute; }
div.menuBoat img { border: 0px; }
#menuBoat1 { left: 0px; top: 0px; }
#menuBoat2 { left: 141px; top: 10px; }
#menuBoat3 { left: 284px; top: 0px; }
#menuBoat4 { left: 426px; top: 20px; }
#menuBoat5 { left: 567px; top: 20px; }
span.menuTitle { position: absolute; font-size: 1.35em; font-weight: bold;
  text-align: center; left: 8px; width: 100px; cursor: pointer;line-height:1.5em}
#menuBoat1 span.menuTitle { top: 75px; }
#menuBoat2 span.menuTitle { top: 56px; left:6px}
#menuBoat3 span.menuTitle { top: 73px; }
#menuBoat4 span.menuTitle { top: 75px; }
#menuBoat5 span.menuTitle { top: 64px; }
div.menuBoat a { text-decoration: none; }
div.menuBoat a:link { color: #000066; }
div.menuBoat a:visited { color: #000066; }
div.menuBoat a:hover { color: blue; }
div.menuBoat a:active { color: blue; }

/* Thanks to http://www.granneman.com/webdev/coding/css/centertables/ */
div.content table.center { margin-left: auto; margin-right: auto; }

p.backToHome { text-align: right; margin: 0 0 0 0; }

#pierError { position: relative; margin:auto; top: 250px; z-index: 1000;
  width:500px; }
div.harbourError { position: relative; top: 84px; z-index: 100; 
  text-align: center; width: 620px; margin:auto;}
div.challengeError { position: absolute; top: 32px; z-index: 100; 
  text-align: center; width: 638px; left:29px;}
img.pierImage { float: left; margin-right: 1em; margin-top: 0.4em; }
h1.pierTitle { text-align: left; }
form.centeredForm { left:50%;position:absolute; }
form#newTeam { margin-left: -200px; width: 600px; margin-top: 2em;}
p#newTeamFiller { height: 100px; }
p.fillerCountryName { height: 5em; }
p.fillerCountryCards { height: 327px; }
div.countryName { width: 800px; position: absolute; left: 50%;
  margin-left: -330px; }
div.countryName h1 { margin-top: 1em; }
div.countryCards { position: absolute; width: 1100px;}
div.botCards { position:relative; width:800px;margin-left:auto;
  margin-right:auto;}
p.fillerBotCards { display:none; }
div.countryCards h1 { width: 916px; margin-top: 2em; }
div#centeredPierHeader {position:relative;margin:auto;width:600px }
p#pierHeaderFiller{height:240px;}
#centeredHome { position: relative;margin:auto; width: 700px; height: 580px;}
#fillerHome { height: 600px; }
#boatsMenu { position: relative; width: 720px; height: 280px;top:24px;margin:auto;}
#teamSummary div.teamHeader {margin-top: 9px; }
div.teamHeader {margin-top: 1em;}
div.compactTeamHeader {float: left; width: 150px;}
ul.noIndentation { padding-left: 1em; }
div#centeredPier .verySmallCard { cursor: auto; }
div.matchCards .verySmallCard { cursor: auto !important }
div#team_page .verySmallCard { cursor: auto; }
#rulesTimer { font-size: 36px; background-color:white;
  border: 1px solid black; vertical-align: middle;
  cursor: pointer; display: block; height: 40px; width: 40px;
  margin: 10px auto; text-align: right;
}
img.plusPlayer { width: 16px; height: 16px; border: 1px solid #0099F7;
  vertical-align: middle; }
img.whiteBorder { border-color: #DDDDDD; }
img.noBorder { border: none; }
p.centered { text-align: center; }
p.center { text-align: center; }
p.raceResult { font-size: 1.7em; font-weight: bold; }
div.registeredPlayers {
  text-align:right;font-size:1.2em;position:absolute;top:225px;right:10px;
}
p.welcome {
  font-size: 1.2em; position: absolute; left: 145px; top: 225px;
  margin: 0px;
}
#offerDiv { float: left;}
#requestDiv { float: left;}
form.auctionForm { width: 250px; margin-left: 260px;}
div#languages { position: absolute; right: 0px; }
div#languages a:link { color: orange; }
div#languages a:visited { color: orange; }
div#languages a:hover { color: red; }
div#languages a:active { color: red; }
div.atAuction { filter: alpha(opacity=60); opacity: 0.60; }
div.homeTeam div.titledCard div.atAuction { filter: alpha(opacity=80); opacity: 0.80; }
div.description ul { margin-top: 0px; margin-bottom: 1em; }
img.cachedImage { display: none; }
div.teamsErrorMessage { background-color: orange; border: 1px solid red;
  padding: 4px 2px 2px 2px; font-size: 1.2em; position: absolute;
  top: 540px; left: 305px; width: 400px; z-index: 10000; text-align: center;
}
h2.centered { text-align: center; }
div.invitedBy { height: 8em; }
div.invitedBy p { font-size: 1.2em; }
div.event { height: 7em; }
div.event p { font-size: 1.2em; }
input.sound { display: inline; width: auto; background-color: transparent;
  border: 0px;}
img#testSound { cursor: pointer; vertical-align: middle; }
div.legale { width: 40em; margin-left: auto; margin-right: auto; }

div.harbourButton {
  border-left: 2px solid #D0D0D0;
  border-top: 2px solid #D0D0D0;
  border-right: 2px solid #AAAAAA;
  border-bottom: 0px;
  background-color: #1958B7;
  width: 200px; height: 33px;
  position: absolute; top: -35px;
}

span.harbourButton {
  font-size: 2em; font-weight: bold; margin-top: 0.1em; text-align: center;
  color: white;
}
span.harbourButton a { text-decoration: none; font-size: 80%; }
span.harbourButton a:link { color: white; }
span.harbourButton a:visited { color: white; }
span.harbourButton a:hover   { color: yellow; }
span.harbourButton a:active  { color: yellow; }

span#selectChallenges { left: 0px; }
span#selectMatchRaces { left: 205px; }

div.harbourList { position: relative; left: 2px; width: 650px; }
div#playersList { -moz-border-radius: 5px; -webkit-border-radius: 5px}
div#teamsList { padding-bottom:2px; }
div#powerupsList { height: 318px; }
div#powerupsList table.dati { width: 545px; margin-bottom:1em }
div#powerupsList table.dati td.phase { }
div#powerupsList table.dati th.phase { }
div#powerupsList table.dati input { width: 1.2em; display: inline; }
div#powerupsList table.dati th.powerups { width: 5em; }
/*div#tournament_powerups { left: 8px !important}*/
div#tournament_powerups table.dati { width: 524px }
div#tournament_powerups table.dati td.phase { width: 50px }
div#tournament_powerups table.dati th.phase { width: 50px }
div#tournament_powerups table.dati input { width: 1.2em; display: inline; }
div#tournament_powerups table.dati th.powerups { width: 5em; }


div.share a img { border: none; }
div.share p { color: #AAAAAA; }
div.share a:link    { opacity: 0.5; filter:alpha(opacity=50); }
div.share a:visited { opacity: 0.5; filter:alpha(opacity=50); }
div.share a:hover   { opacity: 1.0; filter:alpha(opacity=100); }
div.share a:active  { opacity: 1.0; filter:alpha(opacity=100); }

table.challenge { width: 640px; }
div#playersList table { }
div#playersList table th.small { padding: 0px; width: 3em;}
div#teamsList table { width: 94%; }

form.challenge { margin-top:1em; height:30px; }
input.challengeButton { margin:0; position:relative; top:10px;}
input.challengeButton#do { left:100px; }
input.challengeButton#cancel { left:353px; }
input.challengeButton#back { left:50px;/*100*/ }
input.challengeButton#send { left:136px;/*156*/ }
input.challengeButton#t_back { left:100px; }
input.challengeButton#t_send { left:353px; }
input.challengeButton#cancel2 { left:223px; }

div#teamsList table { width: 100%; }

div.challengeMatches { left:550px;top:60px;position:absolute;width:200px;
  z-index:10; }
div.matchRace { left:580px;top:225px;position:absolute; }
div.tournamentMatchRace { left:560px;top:230px;position:absolute; }
span.matchRace { color: #000066; }

div.challenges { font-weight: bold; font-size: 1em; margin-top: 0.5em; }
div.challenges a { font-size: 1em !important; }
div.challengeHeader {  width: 650px; margin: auto; }
div.challengeHeader p { text-align: center; margin-bottom: 0px;height:22px;
  margin-top:0px; }
div.challengeHeader p.pierHeader { height: 40px; margin:0px; padding-top:1px;}
div.piersPowerupSummary p { height: auto; text-align: left; }
img.messageIcon { width: 12px; height: 12px; border: 0px;
  vertical-align: middle; }

div.video { text-align: center; }
div.video p { font-size: 90%; font-style: italic; }

div.instantMessage {
  position:absolute;
  left: 50%;
  margin-left: -137px;
  top: 220px;
  width: 400px;
  height: 190px;
  background-color: white;
  color: black;
  border: 2px solid blue;
  padding: 4px;
  display:none;
  z-index: 20000;
}

span#instantMessageClose {
  float: right;
}

span.red { color: red; }
span.green { color: #00AA00; font-weight: bold; }

p.msgBody { background-color: #EFEFFF; border: 1px solid gray; }

div.twoColumnSummary { float:left; margin-left:1%;margin-right:1%; }
div.lastMatches { width: 60%; }
div.lastMessages { width: 34%; }
div.oneColumnSummary { width:100%; }

th.when { width: 10em; padding: 0 0 0 0; }
td.when { width: 10em; padding: 0 0 0 0; }

div.bustina a img { border: 0; }

ul.tabs {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  overflow:hidden;
  padding:0pt;
  font-size:2em;
  height:35px;
}

li.tabs {
  -moz-border-radius: 9px 9px 0 0; -webkit-border-radius: 9px 9px 0 0;
  float:left;
  margin:0pt;
  padding:0pt;
  display:block;
  width:7em;
  background-color:#1958B7;
  border-top:2px solid gray;
  border-left:2px solid gray;
  border-right:2px solid gray;
  height:35px;
}

li.tabSpacer {
  float:left;
  margin:0pt;
  padding:0pt;
  display:block;
  width:2px;
  display:block;
}

span.tabs {
  display:block;float:left; color:white;text-align:center; width: 7em;
}

div.challengeMatches p { margin:0pt; }
div.center { position: relative; margin-left: auto; margin-right: auto; }
input.center { float: none; margin-left:0; }
h1.center { text-align:center; }
h2.center { text-align:center; }
h3.center { text-align:center; }

div.boxes { position: relative; margin:auto; width: 100%; }

.huge { font-weight: bold; font-size: 22px;}
fieldset { border: none; }
.powerupCol { width: 80px; }
div#challenge_description p { text-align: left; height: auto; }
div#challenge_description { /*margin-bottom:2em;*/ height:170px; margin-left: 7px; }
.narrow_margin { margin-left: 13px !important; }
div.training table tr { vertical-align: top; }
span.msg_h1 { font-size: 18px; font-weight: bold; }
span.msg_h2 { font-size: 16px; font-weight: bold; }
span.msg_h3 { font-size: 14px; font-weight: bold; }
span.msg_underline { text-decoration: underline; }
pre.msg_blockquote { background:orange none repeat scroll 0%;
  border:1px solid blue; margin:1em 1.75em; overflow:auto; padding:0.25em;
}

input.free { display: inline; width: 2em; }

div.skill_icon { position: absolute; top: 0px; margin: 0px; padding: 0px;}
div.skill_icon img  { position: absolute; left: 1px; }
div.skill_icon p  { position: absolute; width: 20px; font-size: 0.9em;
  text-align: center; font-weight: normal; top: 12px; margin: 0px;}
div.int  { left: 1px; }
div.int p  { left: -4px; }
div.nav  { left: 16px; }
div.nav p  { left: -4px; }
div.conc { left: 31px; }
div.conc p { left: -4px; }
div.aggr { left: 46px; }
div.aggr p { left: -4px; }
div.char_max { left: 61px; }
div.char_max p { left: -4px; }
div.str  { left: 12px; }
div.str p  { left: -4px; }
div.crew_max  { left: 48px; }
div.crew_max p  { left: -4px; }
div.man  { left: 8px; }
div.man p  { left: -4px; }
div.spd  { left: 30px; }
div.spd p  { left: -4px; }
div.boat_max  { left: 52px; }
div.boat_max p { left: -4px; }

.right { text-align: right; }
td.center { text-align:center;}
div.home_plus { margin-bottom:1em;line-height:20px;width:47%;}
p.facebook { margin-left:1em;margin-bottom:1em;line-height:20px;
  left:47%;margin-top:0px; position:absolute;top:0px;width:47%}
img.auction_flag { border: 1px solid #aaaaaa}
tr.teamDisabled { opacity: 0.3; filter: alpha(opacity=30);}

div.msgContainer { padding:2px;}

p.tournamentName {font-size: 16px; font-weight:bold; margin:1em 5px 0 5px !important;
  background-color:#5C95BE;color:white;padding:2px;height:auto !important;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
table.tournaments select {width: 6em}

table.started_tournaments {margin:5px !important;border-collapse:collapse}
table.started_tournaments td {vertical-align:top;}
table.started_tournaments .col1 {width:190px;line-height:16px;}
table.started_tournaments .col1 select {width:auto;}
table.started_tournaments .col2 {width:70px;background-color:#DDEDFC}
table.started_tournaments .col3 {width:160px;background-color:#DDEDFC}
table.started_tournaments .col4 {width:100px;background-color:#DDEDFC}
table.started_tournaments .col5 {width:110px;background-color:#DDEDFC}

table.tournaments {margin:5px !important;border-collapse:collapse}
table.tournaments .col1 {width:100px}
table.tournaments .col2 {width:110px;font-weight:bold}
table.tournaments .col3 {width:60px}
table.tournaments .col4 {width:170px;font-weight:bold}
table.tournaments .col5 {width:190px;background-color:#A7C8E5}

.left {text-align:left !important}

span.data {font-weight:bold;}
table#tournament_entries { margin: 5px;}
table#tournament_entries td p { padding: 0;height: auto;line-height:17px }
table#tournament_entries td img { vertical-align:baseline;height:14px;width:14px }
div.tournament_entries { width: 300px;padding-top:1px}
div.tournament_entries p.tournamentName {margin-top:0 !important;text-align:left}

div.tournament_info { width: 300px;background-color:#FFCA44;position:absolute;
  right:30px;padding:5px}
div.tournament_info p { height: auto;text-align:left; }

div#tournament_entries_info { top:85px;-moz-border-radius:5px;-webkit-border-radius:5px}
div#tournament_results_info { top:130px;-moz-border-radius:5px;-webkit-border-radius:5px}
div#tournament_turns_info { top:240px;width:200px;-moz-border-radius:5px;-webkit-border-radius:5px}
div#tournament_turns_preview_info { top:100px;width:200px;-moz-border-radius:5px;-webkit-border-radius:5px}
div#tournament_rankings_info { top:355px;width:200px;-moz-border-radius:5px;-webkit-border-radius:5px}

p.groupname { font-size:150%;font-weight:bold;padding-top:10px !important;color:#1958B7;height:auto !important}
.margintop { padding-top: 10px; }
p.turnType { font-size: 120%;color:#000066;font-weight:bold;text-align:left !important;padding:1em 0 0.5em 0;
height:auto !important}
p.linksToOtherMatches {padding:0.5em 0 1em 0;height:auto !important}
p.turnMatches {padding:0.2em 0 0.2em 0;height:auto !important}
p.highlightTurn {margin:1em 0 0 0 !important;}
p.highlightTurn span {background-color:#ddf0ff;padding: 2px;width:420px;display:block;-moz-border-radius:5px;-webkit-border-radius:5px}

p.margins {margin-left:10px;margin-right:10px}
p.free { height:auto !important }
div.t_powerups { width: 110px;text-align:right;float:right;margin-right:25px}

table.turns { width: 425px; }
table.turns td { vertical-align: top; }

p.team_tournament_link {font-size:12px;line-height:12px;margin:8px 0 0 0 !important;
			text-align:left !important}

.tournamentName a { font-size:80%; }
.tournamentName a:link { color: #ddedfc; }
.tournamentName a:visited { color: #ddedfc; }
.tournamentName a:hover { color: white; }
.tournamentName a:active { color: white; }

#tournament_win_details {margin:10px 0;}
#tournament_win_details table {margin:0;}
#tournament_win_details td {vertical-align:top;}

#rules_prize_table td { width:20px}
a.edit_team {line-height:19px;text-align:right}
#last_posts td { text-align: left}