body {
	font-family: Arial;
	line-height: 1.6em;
	background: #fff;
	margin:0;
	padding:0;
	color:#000;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

a {
	color:#000;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	color: #999
}
h1 {
	clear: both;
	padding:5px;
	border-bottom:2px solid #000;
}
h2 {
	border-bottom: 1px dotted #999;
	padding-bottom: 5px;
}
h4 {
	margin: 40px 0 5px 0;
}
h4 em {
	color: #093;
	font-style: normal; 
}
img {
	border:none;
}
.clear {
	clear:both;
}
dl dt {
	font-weight: bold;
}
dl dd {
	margin:0;
}
input, textarea, select {
	font-family: Arial;
	font-size: 1em;
	padding: 5px 10px;
}
input.text, textarea, select {
	width: 90%;
}
select option:nth-child(even) {
	background-color: #eee;
}
input.text:focus, textarea:focus {
	border:1px solid #ccc;
	background: #fdf39d;
}
input.button {
	background: url('../i/button.png') no-repeat top left;
	width: 257px;
	height: 41px;
	border: none;
	font-size: .8em;		
	font-weight: bold;
	padding: 0;
	color: #555;
	cursor: pointer;
}
input.button:hover {
	color:#000;
}
button {
	margin: 0;
	padding: 0;
	width: auto;
	overflow: visible;
	background: none;
	cursor: pointer;
	border: none;
	display: inline;
	float: none;
	color: #555;
	font-weight: bold;
	height: 41px;
	font-family: Arial, Geneva, sans-serif;
	white-space: nowrap;
}
button:hover {
	color:#000;
}
button div {
	background: url('../i/button-left.png') no-repeat top left;
	padding-left: 7px;
	line-height: 38px;
	float: left;
	height: 41px;
}
button div div, button div span {
	padding-left: 7px;
	display: block;
	background: url('../i/button-right.png') no-repeat top right;
	float: right;
	line-height: 38px;
	height: 41px;
	padding-right: 15px;
}

hr {
	border: none 0; 
	border-top: 1px dotted #aaa;
	height: 1px;
}
#wrapper {
	padding: 0;
	width: 990px;
	margin: 0 auto;
}
#topmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
#topmenu li {
	display: inline;
	white-space: nowrap;
	padding: 0 5px;
}
#logo {
	border:0;
	padding:0;
	margin: 0 40px 0px 0;
	float: left;
	clear: none;
}
#logo a {
	text-decoration:none;
	display: block;
	background: url('/i/logo.png') no-repeat 0 0;
	width: 390px;
	height: 150px;
}
#logo a span{
	display: none;
}
#slogan {
	font-size: 2em;
	float: left;
	font-weight: bold;
	margin-top: 50px;
	width: 550px;
}

.content {
/*	border-top: 4px solid #000;*/
	padding-top: 5px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 485px;
}
#main, #full {
	margin-left: 0;
	clear: both;
}

#ads {
	clear: both;
	padding: 10px 0;
}

#menu {
	clear: both;
	list-style: none;
	/*float: right;*/	
	margin: 10px 0;
	padding: 0;
}

#menu li{
	/*float: left;*/
	display: inline-block;
	margin: 0 5px;	
	border: 1px solid #aaa;
}
#menu li a{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
	border: 1px solid #fff;
	background: url('/i/bg-menu.png') repeat-x;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
}
#menu li.mine a{
	background: url('/i/bg-menu-mine.png') repeat-x;
}
#menu li a:hover {
	text-decoration: underline;
}
#footer {
	border-top: 4px solid #000;
	text-align:right;
	clear:both;
	font-size: .9em;
	margin: 20px 0px;
	padding: 10px;
}

.highlight {
	color: #c00;
}
.msgsucc {
	border : 1px solid #e9e9e9;
	background: #f3f3f3;
	padding: 10px;
	margin: 10px 0;
}
.msgerr {
	border : 1px solid #c00;
	background: #ffcccc;
	padding: 10px;
	color: #f00;
	margin: 10px 0;
}

.paging {
	clear:both;
}
.paging a {
	text-decoration:none;
}


.box-1 {
	margin-bottom: 10px;
	padding: 10px;
	background: #000 url('/i/gradient-black.png') repeat-x;
	color: #eee;
}
.box-1 a {
	color: #fff;
}
.box-2 {
	margin-bottom: 10px;
	padding: 10px;
	background: #093 url('/i/gradient-green.png') repeat-x;
	color: #fff;
}

.bigbutt {
	display: block;
	text-align: center;
	background: url('/i/button1.png') no-repeat center 0;
	line-height: 132px;
	font-size: 3em;
}

table.scores {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table.scores th {
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	text-transform: uppercase;
	background: #eee;
	text-align: left;
	padding: 3px;
}
table.scores td {
	border-bottom: 1px solid #ccc;
	padding: 3px;
}
table.scores tr:nth-child(odd) td {
	background: #f4f4f4;
}
table.scores tr.myrow td, table.scores tr.myrow td a {
	font-weight: bold;
	color: #093;
}
table.scores td.points{
	font-weight: bold;
	color: #093;
}
table.scores tr:hover td {
	background: #fdf39d;
}
table.scores input.text {
	text-align: center;	
}
table.scores td.input {
	text-align: center;
	white-space: nowrap;	
}
img.progress {
	border: 1px solid #ccc;	
}
img.avatar {
	border: 1px solid #eee;
}
#comments {
	margin: 0;
	padding: 0;
	list-style: none;
}
#comments li {
	padding: 5px;
	border-bottom: 1px dotted #666;
	font-weight: bold;
	font-size: .9em;
}
#comments li span {
	color: #093;
}
#comments li p {
	margin: 0 0 0 62px;
	font-weight: normal;
}
#comments li img.avatar {
	float: left; 
	margin-right: 10px;
}

.news-date {
	font-size: .9em;
}
.news-title {
	margin-top: 0;
}
.news-author {
	margin-top: 10px;
	border-top: 1px dotted #ddd;
	color: #999;
}

#user-menu-login-fb a {
	padding-left: 20px;
	background: url('../i/ico-facebook.png') 0 center no-repeat;
}
#user-menu-login-google a {
	padding-left: 20px;
	background: url('../i/ico-google.png') 0 center no-repeat;
}

#social-connect {
	border-top: 1px solid #ddd;
	padding-bottom: 10px;
}
#social-connect p {
	font-size: .8em;
	margin: 5px 0;
}
#social-connect ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}
#social-connect ul li{
	display: inline;
	padding: 0;
	list-style: none;	
}
#facebook-button {
	height: 22px;
	width: 157px;
	background: url('../i/connect-facebook-button.png') no-repeat top left;
	display: block;
	float: left;
	margin-right: 10px;
}
#facebook-button span {
	display: none;
}
#google-button {
	height: 22px;
	width: 188px;
	background: url('../i/connect-google-button.png') no-repeat top left;
	float: left;
	display: block;
	margin-right: 10px;
}
#google-button span {
	display: none;
}

/* #Tablet (Portrait)
================================================== */	

	/* Note: Design for a width of 768px */

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#wrapper { width: 768px;} 
		#logo a {background-image: url('/i/logo-m.png'); width: 130px; height: 50px;}
		#slogan {clear: left;	margin-top: 10px;}
		.content {clear: left; margin-left: 0; width: 100%; }
		.box-1 {display: none;}
	}
/*	#Mobile (Portrait) 
================================================== */
	
	/* Note: Design for a width of 320px */
	
	@media only screen and (max-width: 767px) {
		#wrapper { width: 310px;}
		#topmenu {margin-bottom: 10px;}
		#logo {margin-right: 10px;}
		#logo a {background-image: url('/i/logo-m.png'); width: 130px; height: 50px;}
		#slogan { float: left ; margin-top: 0px;	width: 150px; font-size: 1.2em;}
		#menu {	background: url('/i/bg-menu.png')}
		#menu li {float: left; margin: 0; border: none;}
		.content {clear: left; margin-left: 0; width: 100%; }
		.box-1 {display: none;}
	}	
/* #Mobile (Landscape)
================================================== */

	/* Note: Design for a width of 480px */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#wrapper { width: 500px; }
		#topmenu {margin-bottom: 10px;}
		#logo {margin-right: 10px;}
		#logo a {background-image: url('/i/logo-m.png'); width: 130px; height: 50px;}
		#slogan { float: left ; margin-top: 10px;	width: 350px; font-size: 1.2em;}
		#menu {	background: url('/i/bg-menu.png')}
		#menu li {float: left; margin: 0; border: none;}
		.content {clear: left; margin-left: 0; width: 100%; }
		.box-1 {display: none;}
	}	
	
select[name='team_id'] option {
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 30px;
}
select[name='team_id'] option[value='1'] {background-image: url('http://www.salys.info/i/flags/pl.gif');}
select[name='team_id'] option[value='2'] {background-image: url('http://www.salys.info/i/flags/gb.gif');}
select[name='team_id'] option[value='3'] {background-image: url('http://www.salys.info/i/flags/tr.gif');}
/*select[name='team_id'] option[value='4'] {background-image: url('http://www.salys.info/i/flags/.gif');}*/
select[name='team_id'] option[value='5'] {background-image: url('http://www.salys.info/i/flags/lt.gif');}
select[name='team_id'] option[value='6'] {background-image: url('http://www.salys.info/i/flags/es.gif');}
select[name='team_id'] option[value='7'] {background-image: url('http://www.salys.info/i/flags/it.gif');}
select[name='team_id'] option[value='8'] {background-image: url('http://www.salys.info/i/flags/il.gif');}
select[name='team_id'] option[value='9'] {background-image: url('http://www.salys.info/i/flags/fr.gif');}
select[name='team_id'] option[value='10'] {background-image: url('http://www.salys.info/i/flags/lv.gif');}
select[name='team_id'] option[value='11'] {background-image: url('http://www.salys.info/i/flags/de.gif');}
select[name='team_id'] option[value='12'] {background-image: url('http://www.salys.info/i/flags/rs.gif');}
select[name='team_id'] option[value='13'] {background-image: url('http://www.salys.info/i/flags/ba.gif');}
select[name='team_id'] option[value='14'] {background-image: url('http://www.salys.info/i/flags/mk.gif');}
select[name='team_id'] option[value='15'] {background-image: url('http://www.salys.info/i/flags/hr.gif');}
/*select[name='team_id'] option[value='16'] {background-image: url('http://www.salys.info/i/flags/.gif');}*/
select[name='team_id'] option[value='17'] {background-image: url('http://www.salys.info/i/flags/me.gif');}
select[name='team_id'] option[value='18'] {background-image: url('http://www.salys.info/i/flags/gr.gif');}
select[name='team_id'] option[value='19'] {background-image: url('http://www.salys.info/i/flags/bg.gif');}
select[name='team_id'] option[value='20'] {background-image: url('http://www.salys.info/i/flags/ge.gif');}
select[name='team_id'] option[value='21'] {background-image: url('http://www.salys.info/i/flags/ru.gif');}
select[name='team_id'] option[value='22'] {background-image: url('http://www.salys.info/i/flags/ua.gif');}
select[name='team_id'] option[value='23'] {background-image: url('http://www.salys.info/i/flags/be.gif');}
select[name='team_id'] option[value='24'] {background-image: url('http://www.salys.info/i/flags/si.gif');}

img.flag {
	border: 1px solid #ddd;
}