/* CSS Document */

* {
    margin:0px;
    padding:0px;
    color:black;
    font-family:verdana,arial,sans-serif;
    font-size:14px;
    letter-spacing:1px;
    line-height:1.3;
    text-align:left;
}

html {
    background-image:url(/images/back.png);
}

body {
    font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    letter-spacing:1px;
    line-height:1.3;
    background-image:url(/images/back.png);
}

form.login {
    width:250px;
}

#loading {
    display:none;
    text-indent:25px;
    background-image:url(/sueca-online/ajax-loader.gif);
    background-repeat:no-repeat;
    float:left;
    font-weight:bold;
    margin-left:15px;
}

#refresh_tables {
    margin-left:15px;
    float:left;
}

b.nick {
    font-weight:none;
    font-size:10px;
}

#player_1_img,#player_2_img,#player_3_img,#player_4_img {
    font-size:10px;
}

form.login fieldset label {
    width:45%;
    float:left;
    text-align:left;
}

form.personal_information label.right {
    width:45%;
    float:right;
}

form.login fieldset input {
    width:45%;
    float:right;
}

div.holder {
    width:1000px;
    margin:0 auto;        
}

div.uppen_menu {
    width:1000px;
    height:70px;
    background-image:url(/images/header.png);
    background-repeat:no-repeat;
    background-color:white;    
}

div.header_logo {
    width:1000px;
    height:90px;    
    background-repeat:no-repeat;
    background-color:transparent;
    margin-top:10px;    
}

div.link_logo {
    float:left;
    margin-top:20px;    
}
div.ads_logo {    
    float:left;    
}

div.header_menu {
    width:1000px;
    text-align:center;
    background-color: white;
    padding-top:10px;    
}

div.main {    
    width:980px;    
    padding:10px;    
    background-color:#ECEEEC;    
    border-right: 1px solid #929492;
    border-left: 1px solid #929492;
}

#controls {
    margin: 0px auto;
}

div.footer {
    width:980px;
    background-color: white;
    text-align:center;
    padding:10px;        
    background-color:#ECEEEC;
    border-right: 1px solid #929492;
    border-left: 1px solid #929492;
    border-bottom: 1px solid #929492;
    margin-bottom:30px;
}

td.table_texture {
    width:800px;
    height:400px;
    margin:0 auto;    
}

td.cards {
    text-align:center;
}

table.rooms {
    width:960px;    
}

table.rooms tr td {
    text-align:center;
}

table.table_cards td {
    text-align:center;
    width:33%;
    border-width:0px;    
}

form {
    width:100%;
}

form fieldset {
    padding:10px;
    background-color:#d9d9d9;
    background-image:url("/sueca-online/form_background.png");
    background-repeat:repeat-x;
}

table.create_game {
    background:transparent;
    width:900px;
}

table.create_game td {
    background-color:#D9D9D9;
    border-width:0px;
    height:12px;
    width:450px;
}

table.create_game td.left { 
    text-align:right;
}

table.create_game td.info { 
    text-align:left;
    font-size:10px;    
}

form fieldset legend {
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    background-color:#c7c7c7;
}

form input {
    color:black;
    padding-top:0.2em;                   
}

div.create_game {
    margin: 0 auto;
    position:relative;
    left:450px;
}

#controls {
    margin: 0 auto;
    position:relative;
    left:320px;
    margin-bottom:5px;
}

form label {  
  width:50%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;  
}

/* Chat table */
table.chat {
    width:100%;
    text-align:center;
    margin: 0 auto;
    margin-top:5px;
}

table.chat-index {
    width:100px;
    text-align:center;
    margin: 0 auto;
    margin-top:5px;
    float:left;
}

/* Avatar */
.avatar {
    width:210px;
    height:100px;
    margin:auto auto;
    valign:middle;    
}
.avatar_left {    
    width:90px;
    height:90px;
    margin-top:5px;
    margin-left:6px;
    background-image:url(/sueca-online/spacer.gif);
    float:left;    
}
.avatar_right {    
    float:left;
    margin-top:5px;
    width:90px;
    height:90px;
}
.avatar_right_nickname {
    width:100px;
    float:left;    
    font-size:10px;
    font-style:verdana;
    margin-left:5px;
    font-weight:bold;
}
.avatar_right_elo {
    width:100px;
    float:left;     
    font-size:10px;   
    font-style:verdana;
    margin-left:5px;
    font-style:verdana;
}
.avatar_right_wins {
    width:100px;
    float:left;     
    font-size:10px; 
    margin-left:5px;  
    font-style:verdana;
}
.avatar_right_losses {
    width:100px;
    float:left;     
    font-size:10px; 
    margin-left:5px;  
    font-style:verdana;
}
.avatar_right_cups {
    width:100px;
    float:left;
    margin-left:5px;        
    margin-top:5px;
}
.avatar_right_warning {
    width:100px;
    float:left;
    margin-left:5px;        
    margin-top:5px;
    font-size:10px;      
    font-style:verdana;    
    font-weight:bold;
}
.avatar_right_cups_gold {
    float:left;    
    width:28px;
    height:13px;
    background-repeat:no-repeat;
    text-align:right;  
    font-style:verdana;     
}
.avatar_right_cups_silver {
    float:left;        
    width:28px;
    height:13px;        
    background-repeat:no-repeat;
    text-align:right;
    font-style:verdana;
}
.avatar_right_cups_bronze {
    float:left;        
    width:28px;
    height:13px;    
    background-repeat:no-repeat;
    text-align:right;
    font-style:verdana;
}

/* Game area */
.wrapper_game {
    background-image:url("/sueca-online/floor.jpg");
    float:left;
    width:970px;
    height:600px;
    margin-top:5px;
}
.wrapper_game_upper_left {
    float:left;
    width:250px;
    height:130px;
    margin-top:20px;
}
.wrapper_game_upper_center {
    float:left;    
    width:470px;
    height:130px;
    margin-top:20px;
}
.wrapper_game_upper_right {
    float:left;
    width:250px;    
    margin-top:20px;
}
.wrapper_game_middle_left {
    float:left;
    width:250px;
    height:330px;
}
.wrapper_game_middle_center {
    background-image:url("/sueca-online/table.jpg");
    float:left;
    width:330px;
    width:470px;
    height:330px;    
}
.wrapper_game_middle_right {
    float:left;
    height:330px;
    width:250px;
    vertical-align: middle;
    display: table-cell;        
}
.wrapper_game_bottom_left {
    float:left;
    height:130px;
    width:250px;
}
.wrapper_game_bottom_center {
    float:left;
    height:130px;
    width:470px;
}
.wrapper_game_bottom_right {
    float:left;
    height:130px;
    width:250px;
}
.clear {clear:both;}
table.game {
    width:100%;
    text-align:center;
    margin: 0 auto;
    border-spacing:0px;  
}
table.game tbody {
        
}
table.game tbody tr td {
    
}
table.game tbody tr td.sides {
    width:100px;
    text-align:center;
    background-color:transparent;
}

table.game tbody tr td.center {
    width:700px;
    text-align:center;
    background-color:transparent;
}

table.table_cards {
    border-spacing:0px;     			    
}

#status {
    text-align:center;
    margin-bottom:10px;
    font-family:Verdana,sans-serif;
    font-size:10px;
}

#status a {
    font-size:10px;
}

table.table_cards tr td {
    width:200px;
    height:120px;    
}

table.table_cards tbody {    
}

/* Inner game area */

#chat {
    height:200px;
    overflow:scroll;
    color:black;
}

#chat-index {
    width:490px;
    height:320px;
    overflow:scroll;
    color:black;
    float:left;
}

#chat-index a {
    color:#1975D7;
    font-weight:none;
}

#players-index {
    width:180px;
    height:320px;
    overflow:scroll;
    color:black;
    float:left;
}

/*
Theme: inphecthyuz
Author: Infected-FX
URL: www.infectedfx.net
Country: Mexico
*/

table {
	border-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#E7E7E7;
	color: #b7b7b7;
}

caption {
	font-weight: bold;
	background : #ff0000;	
	border:1px solid gray;
	color: #FFF;
	text-transform:uppercase;
	padding:5px;
}

td, th {
	padding: 4px;
}

thead th {
	text-align: center;
	background: #F5F5F5;
	color: #666;
	border: 1px solid #FFF;
	text-transform:uppercase;
}

tbody th {
	font-weight: bold;
}

tbody tr		{
	background-color:#FFF; 
	text-align:left;
	}
tbody tr.odd 	{
	background: #f9f9f9;
	border-top:1px solid #FFF;
}

tbody th a:link, tbody th a:visited{
	color:#96D030;
	background:url(http://infectedfx.net/css/tables/layout.gif) no-repeat; 
	padding:3px 0px 0px 18px;
	}
tbody th a:hover{
	color:#FF8601;
	}

tbody tr td { 
	height:50px;
	background: #FFF;
	border: 1px solid #FFF;
	}

tbody tr.odd td{ 
	background: #f9f9f9;
	border-top:1px solid #FFF;
	}

table td a:link, table td a:visited {
	color: #1975D7;
	text-decoration: none;
}

table td a:hover {
	color: #50ADEA;
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}
tbody td a[href="http://www.infectedfx.net"] {
	margin: 0 auto;
	height: 15px;
	background: url(http://infectedfx.net/css/tables/ok.gif) no-repeat;
	border-bottom: 0;
	padding:3px 0px 0px 18px;
	font-weight:bold;
	color:#FF8601;
}

table a[title^="Download"] { 
	background: url(http://infectedfx.net/css/tables/down.gif) no-repeat center;
	padding:20px 0px 0px 15px;
}

tfoot th, tfoot td {
	background-color:#E7E7E7; padding:10px;
	text-align:center; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px; font-weight:bold; font-style:italic;
	border-bottom:3px solid #CCC;
	border-top:1px solid #DFDFDF;
}

.upper_menu{
    margin-bottom: 0;
    background-color:#fff;
}

.upper_menu ul{
    padding-left:10px;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0px;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.upper_menu li{
    display: inline;
    margin: 0;
}

.upper_menu li a{
    text-decoration: none;
    padding: 3px 9px 2px 5px;
    margin: 0;
    margin-right: 1px; /*distance between each tab*/
    border-left: 1px solid #DDD;
    color: black;
    font-size: 13px;
    background: #ECEEEC url(/sueca-online/menu_superior_tab.gif) bottom right no-repeat;
}

.upper_menu li a:visited{
    color: black;
}

.upper_menu li a:hover{
    background-color: #CDDADA;
    color: navy;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.halfmoon{
margin-bottom: 0em;
}

.halfmoon ul{
padding-left:10px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #929492;
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid #DDD;
color: black;
font-size: 13px;
background: #ECEEEC url(images/tabright.gif) top right no-repeat;
}

.halfmoon li a:visited{
color: black;
}

.halfmoon li a:hover{
background-color: #CDDADA;
color: navy;
}

/* Buttons */
a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/* CSS For the pagination system */

.pagination{
padding: 2px;
margin-top:10px;
margin-bottom:10px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: black;
margin-left:10px;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #FFF;
background-color: #2b66a5;
}

.pagination a.currentpage{
background-color: blue;
color: #FFF !important;
border-color: blue;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

div.form {
}

#message_title_success {    
    background-color:rgb(204,255,204);
    text-indent:40px;
    padding-top:8px;
    height:25px;
    background-image:url(/sueca-online/sucesso.png);
    background-position: 7px 7px;
    background-repeat:no-repeat;
    border:1px solid rgb(102,204,102);
    margin-bottom:4px;
}

#message_title_failure {    
    background-color:rgb(255,204,102);
    text-indent:40px;
    padding-top:8px;
    height:25px;
    background-image:url(/sueca-online/insucesso.png);
    background-position: 7px 7px;
    background-repeat:no-repeat;
    border:1px solid rgb(255,0,0);
    margin-bottom:4px;
}

.popup {
        position: absolute;
        display: none;
        z-index: 50;
        border-collapse: collapse;
}

.popup td.corner {
        height: 15px;
        width: 19px;
}

.popup td#topleft { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-1.png); }
.popup td.top { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-2.png); }
.popup td#topright { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-3.png); }
.popup td.left { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-4.png); }
.popup td.right { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-5.png); }
.popup td#bottomleft { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-6.png); }
.popup td.bottom { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-8.png); }

.popup table.popup-contents {
        font-size: 12px;
        line-height: 1.2em;
        background-color: #fff;
        color: #666;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
        }

table.popup-contents th {
        text-align: right;
        text-transform: lowercase;
        }

table.popup-contents td {
        text-align: left;
        }

img.avatar {
    margin:0 auto;
}

#player_1 {
    text-align:center;
}

#player_2 {
    text-align:center;
    margin-top:100px;    
}

#player_3 {
    text-align:center;
    margin-top:15px;
}

#player_4 {
    text-align:center;
    margin-top:100px;
}

div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
	color:#fff;
}

div.message {
	z-index:99;
	float:left;	
	font-size:12px;	
	color:#fff;
}

div.message b {
  color:#fff;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}

#newsletter table {
    border-spacing:0;
    
}

#menu {
    margin-top:5px;
    margin-left:0;
    height:23px;
    width:994px;
}

.menu-item {
    padding:5px;
    border-bottom:0;
    text-decoration:none;
}

#upper-menu {
    height:25px;    
    float:right;
    width:1000px;
    margin-bottom:10px;
    text-align:right;    
}

#upper-menu a {
    color:#1975D7;
    font-size:10px;
    padding-right:10px;
    border-right:1px solid #000;
}

#upper-menu a.last {
    border:none;
}

#upper-menu img {
    margin-right:4px;
}

.upper-menu-item {
    padding:5px;    
    text-decoration:none;
}

.upper-menu-item a {
    text-decoration:none;
}

.normal-button {
    padding:5px;
    text-decoration:none;
}

.login-button {
    margin-top:4px;
    float:right;
}

.login-input {
    width:245px;
}

.login-register {
    font-size:12px;
    float:left;
    margin-top:6px;
}

.login-forgot {
    font-size:12px;
    float:left;
}

.index-information {
    margin-bottom:5px;
    height:300px;    
}

.index-information-intro {
    float:left;
    padding:5px;
    width:695px;    
    height:400px;
}

.index-information-login {
    float:left;
    padding:5px;
    width:250px;
    margin-left:10px;
    margin-bottom:10px;
    height:130px;
}

.index-adsense {
    float:left;
    padding:5px;
    width:250px;
    margin-left:10px;
    margin-bottom:10px;
    height:250px;
}

.settings-button {
    padding:5px;
}

.settings-label {
    padding:5px;
    float:left;
    width:300px;
}

.settings-input {
    padding:5px;
    float:left;
}

#ban_list .ui-selecting { background: #cfcbcb; }
#ban_list .ui-selected { background: #e3dada; color: white; }
#ban_list { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#ban_list li { margin: 3px; padding: 0.6em; font-size: 1.4em; height: 18px; }

#switch_list .ui-selecting { background: #cfcbcb; }
#switch_list .ui-selected { background: #e3dada; color: white; }
#switch_list { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#switch_list li { margin: 3px; padding: 0.6em; font-size: 1.4em; height: 18px; }

#exit_button {
    width:100%;
    padding:5px;
    text-align:center;
    margin-bottom:10px;
}

#reset_button {
    width:100%;
    padding:5px;
    text-align:center;
    margin-bottom:10px;
}

#ban_button {
    width:100%;
    padding:5px;
    text-align:center;
    margin-bottom:10px;
}

#switch_button {
    width:100%;
    padding:5px;
    text-align:center;
    margin-bottom:10px;
}

/* Karma table*/
table.karma {
    width:100%;
    border-spacing:0;    
}

table.karma thead {
    padding:0;
}

table.karma thead td {
    padding:0;
    text-align:left;
    text-indent:10px;
    font-weight:bold;    
}

table.karma tr {
    padding:0;
}

table.karma tr td {
    padding:0;
    text-align:left;
    text-indent:10px;
    height:5px;
}

/* Event table */
table.events {
}

.player_list {
    font-size:10px;
    padding:0px;
}

.player_list2 {
    font-size:10px;
    padding:0px;
    width:220px;
}

.player_list2 a {
    font-size:10px;
}

.player_list a {
    font-size:10px;
}

.wrapper_game_middle_center_left {
    width:140px;
    float:left;
    height:250px;
    margin-left:30px;
}

.wrapper_game_middle_center_center {
    width:140px;
    float:left;
    height:250px;
}

.wrapper_game_middle_center_right {
    width:120px;
    float:left;
    height:250px;
}

#player_1_card {
    margin:auto auto;
    margin-top:10px;        
}

#player_2_card {
    margin:auto auto;
    margin-top:100px;
}

#player_3_card {    
    margin:auto auto;
    margin-top:100px;
}

#player_4_card {
    margin:auto auto;
    margin-top:100px;
}

#trunfo {
    margin-left:10px;
}

#vote_button {
    float:left;
}

#league_button {
    float:left;
    margin-left:10px;    
}

.league_info {
    float:left;
    font-weight:bold;
    margin-left:10px;    
}

.league_name {
    float:left;
    font-weight:bold;
    color:gray;        
}

#card_holder0 { border:2px solid transparent }
#card_holder1 { border:2px solid transparent }
#card_holder2 { border:2px solid transparent }
#card_holder3 { border:2px solid transparent }
#card_holder4 { border:2px solid transparent }
#card_holder5 { border:2px solid transparent }
#card_holder6 { border:2px solid transparent }
#card_holder7 { border:2px solid transparent }
#card_holder8 { border:2px solid transparent }
#card_holder9 { border:2px solid transparent }

.panel-footer {margin-bottom:10px}
.panel-header {margin-top:10px}
.streak_wins {font-weight:bold;color:green}
.streak_losses {font-weight:bold;color:red}
.flag {margin-right:5px}
/*Tournaments*/
table.group {float:left;margin-left:10px}
table.group td {padding:1px;font-size:10px}
.pair_na{background-color:#D6E7FF;padding:1px}
.pair_draw{background-color:#2986FF;padding:1px}
.pair_win{background-color:#A3FFB4;padding:1px}
.pair_forfeit{background-color:#FF63EA;padding:1px}
.pair_inactive{background-color:#FFFF00;padding:1px}
.pair_loss{background-color:#FFCFCF;padding:1px}
table.tournament_legends {margin-top:10px;clear:both}
.avatar_tournament {float:left;margin-left:2px}
.player_avatar{max-height:90px;max-width:90px;}