@font-face {
  font-family: "kyrilla";
  src : url("kyrilla.ttf")  format("truetype");
}

body {
	font: 10pt;
	margin:0px;
	font-family: segoe ui, sans-serif;
	 background: url('../babe_left.jpg'),url('../babe_right.jpg');
	 background-repeat:no-repeat;
	 background-position:left bottom,right -75px bottom;
	 background-color : #e7ebd3;
 }
			
			#scroll {
				overflow: auto;
				height : 200px;

			}
			
			#active_users {
				width : 200px;
				float : left;
				overflow: auto;
				height : 200px;
			}
			
			#messages {
				font-family: segoe ui,Arial, sans-serif; font-size: 1.2em;
				clear: both;
				padding : 5px;
				margin : 4px;
			}
			
			#info {
				font-family: segoe ui,Arial, sans-serif; font-size: 1.1em;
				padding : 5px;
				overflow: hidden;
			}
			
			#rank {
				font-family: segoe ui,Arial, sans-serif; font-size: 1.1em;
				padding : 5px;
				overflow: hidden;
			}
			
			#content {
				overflow: hidden;
				padding : 5px;
			}
			
			#logo2 {
				margin-left : auto;
				margin-right : auto;
				max-width : 1280px;
        
			}
			
			#logo {
				padding : 0px;
				height : 175px;
        background : url('../logo.png') no-repeat center bottom;*/
        z-index:-2;
			}
      
      #logo h1 {
        color : #fff;
        text-align:center;
        font-size:110pt;
        margin : 0px;
        padding: 
      }
      
      span.logo {
        font-family : kyrilla !important;
        
      }
      
      span.logo:before {
        background: none;
        content: attr(data-text);
        position: absolute;
        text-shadow: 0 3px 0 rgba(0, 0, 0, .3);
        z-index: -1;
        /*text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);*/
         text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000;  
      }
      
      #logo h3 {
        color : #fff0;
      }
      
      #logo.mobile h3 {
        color : #000f !important;
      }
      
      #logo.mobile {
        height:40px !important;
        background:none !important;
      }
			
			#menu {
				padding : 5px;
				margin : 0px 25px 0px 0px;
				max-width : 1280px;
				margin-left : auto;
				margin-right : auto;
			}
      
      .ui-button {
        min-height : 25px !important;
        max-height : 40px !important;
        width : 100% !important;
        display : inline-block !important;
      }
      
      .ui-button-text {
        vertical-align: middle; 
      }
      
      div.score-team {
        
      }
      
      div.score-team h3 {
        text-align : center;
      }
      
      div.score-team div {
        text-align: center;
      }
      
      .ui-tabs {
        font-size : 0.8em !important;
      }

	.ui-accordion-accordion-panel-16 {
	  height: auto !important;
	  max-height: none !important;
	}

	.ui-accordion-accordion-panel-16 > div {
	  height: auto;
	}
      
			
			#calosc {
				
				padding : 5px;
				margin : 0px;
				max-width : 1280px;
				margin-left : auto;
				margin-right : auto;
			}
			
			#messages a:hover {
				color : #CCCCCC;
				
			}
			
			#messages a:link {
				color : #FFFFFF;
				
			}
			
			#messages a:visited {
				color : #FFFFFF;
				
			}
			
			#rules {
				font-family : segoe ui;
				font-size : 1.4em;
			}

#calosc .ui-widget-content {
	padding : 0px !important;
}

#calosc .ui-widget-header {
	border-width : 0px 0px 1px 0px !important;
	padding : 2px;
}

ul {
	list-style:none;
}

li {
	list-style:none;
}

#history {
	clear:both;
	height : 30px;
	background-color : red;
}

table.group_table {
	font-size : 10pt;
	margin-left : auto;
	margin-right : auto;
	width : 400px;
	margin-top : 10px;
	margin-bottom : 10px;
	border-collapse: collapse; 
}

table.group_table th {
	font-size : 10pt;
	font-weight : bold;
	text-align : center;
	border-bottom : 1px solid #CCCCCC;
}

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

table.group_table td.score {
	font-weight : bold;
}

table.group_table td.team {
	text-align : left  !important;
	width  : 100px;
}

table.group_table tr:nth-child(even) {
	background-color : #f1eee3;
}

table.group_table tr:nth-child(3) {
	border-bottom : 1px dashed red;
}

.ui-button {
	font-size : 9pt !important;
}

.ui-accordion {
	font-size : 9pt !important;
}

ol {
	list-style-type : decimal;
}

div.info {
	margin : 10px;
}

span.king {
	font-weight : bold;
}

span.yourscore {
	font-weight : bold;
}

table.scorers {
	margin-top : 10px;
	margin-left : 20px;
	border-collapse: collapse; 
}

table.scorers td.yourking{
	font-weight : bold;
}
table.scorers td.flag{
	width  : 30px;
	text-align : center;
}

table.scorers td.score{
	width  : 30px;
	text-align : center;
	font-weight : bold;
}

table.scorers tr:nth-child(even) {
	background-color : #ebe9d3;
}

table.scorers tr:nth-child(1) {
	font-weight : bold;
}

#livescore div  div{
	padding : 10px;
	text-align : center;
}

#livescore span.team {
	font-weight : bold;
}

#livescore span.time {

}

#livescore span.score {
	font-size : 16pt;
	font-weight : bold;
	padding-left: 10px;
	padding-right : 10px;
}

#livescore img {
	vertical-align:middle;
}

.cccp {
  background-image : none !important;
  background-color #f00 !important;
}