/* Stylesheet for Sigurica.com 						*/
/* Created by Array Studio doo, Serbia				*/
/* Contact: predrag@arraystudio.com					*/


/* 1. Clearfix */
/* ---------------------------------------			*/

.clearfix:after { /* ie.css, ie7.css */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* 2. After Reset Definitions */
/* ---------------------------------------			*/

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

h1, h2, h3, h4, h5, h6 {
	font-family:'Trebuchet MS', Arial, sans-serif;
	font-weight:bold;
	font-style:normal;
}

h6.just-link {
	margin-bottom:2em;
}

.impact {
	font-size:276.9%;
}

.teaser {
	font-size:123.1%;
	padding-bottom:1em;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

a:link,
a:visited {
	color:#06c;
}

a:hover {
	text-decoration:underline;
	color:#3888d7;
}

/* 3. Design elements 								*/
/* ---------------------------------------			*/

.block {
	border:2px solid #390;
	margin-bottom:1.5em;
	height:210px;
}

h1 {
	font-size:197%;
	text-align:left;
	/*padding-bottom:0.5em;*/
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #666;
	color:#666;
}

h2.skriveni {
	visibility:hidden;
}

.yui-b h1 {
	color:#693;
	text-align:left;
	font-size:276.9%;
}

.yui-b h1 span {
	color:#666;
}


.block h2 {
	font-size:197%;
	color:#fff;
	padding:0.3em;
	padding-bottom:0.2em;
}

.block h2 a:link,
.block h2 a:visited {
	color:#fff;
	text-decoration:none;
}

.block h2 a:hover {
	text-decoration:underline;
	background:none;
}


ul.buttons-like {
	margin-left:0.5em;
}

ul.buttons-like li {
	display:block;
	float:left;
	width:50%;
}

ul.buttons-like li a:link,
ul.buttons-like li a:visited {
	display:block;
	color:#fff;
	background-color:#5bad24;
	width:90%;
	border:2px solid #390;
	margin-bottom:0.4em;
	text-decoration:none;
	text-align:center;
	padding:0.2em;
	font-weight:bold;
}

ul.buttons-like li a:hover {
	background-color:#66ca23;
}

.stats {
	background:green url(../graphics/bgnd-stats.jpg) no-repeat 0 0;
}

.tables {
	background:green url(../graphics/bgnd-tables.jpg) no-repeat 0 0;
}

.live-score {
	background:#000 url(../graphics/bgnd-live-score.jpg) no-repeat right top;
	border-color:#333;
}

.live-score h3 {
	color:#c9c9c9;
	padding-left:10px;
	font-size:123.1%;
}

.live-score h4 {
	color:#fff;
	padding-left:10px;
	padding-top:5px;
	font-size:197%;
}

.live-score ul {
	margin-left:10px;
	padding-top:5px;
}

.live-score ul li {
	font-size:153.9%;
	font-weight:normal;
	color:#fff;
}

.live-score ul li span {
	color:#bdf48e;
	padding-right:10px;
	font-weight:bold;
}

.live-score h5 {
	padding-top:7px;
	padding-left:10px;
	font-size:93%;
	font-weight:normal;
}

.live-score h5 a:link,
.live-score h5 a:visited {
	color:#d4e6ff;
}

.live-score h5 a:hover {
	color:#fff;
}

.forms {
	background:#387801 url(../graphics/bgnd-forms.gif) repeat-x 0 0;
	position:relative;
}

.forms ul {
	margin-left:10px;
}

.forms ul li {
	padding-bottom:1em;
}

.forms ul li.right {
	padding-right:23px;
}


.forms label {
	color:#fff;
	font-size:123.1%;
	font-family:"Trebuchet MS";
	float:left;
	display:block;
	width:90px;
	padding-top:3px;
	cursor:pointer;
}

.forms input.regular {
	border:2px solid #387801;
	background:#fff url(../graphics/bgnd-input.gif) repeat-x 0 0;
	font-size:138.5%;
	width:180px;
}

.forms ol {
	margin-left:30px;
	color:#fff;
	margin-top:10px;
	font-size:93%;
}

.forms ol li {
	padding-left:10px;
	list-style:decimal outside;
}

.forms p {
	margin-left:10px;
	color:#fff;
	font-size:93%;
}

.forms h5 {
	text-align:right;
	padding-top:15px;
	padding-right:23px;
}

.extra-links {
	font-size:93%;
	position:absolute;
	bottom:35px;
	left:10px;
}

.extra-links a:link,
.extra-links a:visited {
	color:#d4e6ff;
}

.extra-links a:hover {
	color:#fff;
}

ul.leagues {
	margin-left:10px;
}

ul.leagues li {
	display:block;
	float:left;
	width:24%;
}

ul.leagues li a:link,
ul.leagues li a:visited {
	display:block;
	color:#fff;
	width:100%;
	margin-bottom:0;
	text-decoration:underline;
	text-align:left;
	padding:0.1em;
	padding-left:0;
	font-weight:normal;
	font-size:77%;
}

ul.leagues li a:hover {
	background-color:#66ca23;
}

.results {
	background:#2a2a2a url(../graphics/bgnd-results.gif) repeat-x 0 0;
	position:relative;
	border:2px solid #333;
}

.results .teaser {
	color:#fff;
	padding:10px;
}

.results .teaser a:link,
.results .teaser a:visited {
	color:#fff;
}

.results .teaser a:hover {
	text-decoration:none;
	color:#bce8f8;
}


.results table {
	font-size:93%;
	color:#fff;
	margin-left:10px;
}

.results table td {
	padding-bottom:1px;
}

.results table col.first {
	width:250px;
}

.tables_fixtures {
	
	background:#333 url(../graphics/bgnd-tables.jpg) no-repeat scroll 0 0;
	position:relative;
	border:2px solid #333;
	/*padding:10px;*/
	/*margin-bottom:1em;*/
	color:#fff;
	font-size:93%;
}

.advert {
	text-align:center;
	margin-bottom:1em;
}

.advert a {
	background:none;
}

.news {
	margin-bottom:2em;
}

.news li {
	padding: 10px 0;
}

.news h2 {
	font-size:230.7%;
	border-bottom:1px solid #a0a0a0;
	color:#4c9719;
	padding-bottom:0.2em;
}

.news h3 {
	font-size:123.1%;
}

.news p {
	color:#999;
	font-size:93%;
}

.news span {
	color:#e00;
	font-weight:bold;
}

.news-body {
	float:left;
	width:370px;
	padding-left:1em;
}

.news-image {
	width:72px;
	float:left;
}

.news-wide {
	width:600px;
}

.news-extra {
	width:27px;
	float:left;
}

.news-image a:hover,
.news-extra a:hover {
	background:none;
}

.news-image img {
	display:block;
	border:1px solid #666;
}

.fast-change {
	margin-bottom:1em;
}

.fast-change label {
	font-family:"Trebuchet MS";
	color:#666;
	font-weight:bold;

}

.filter {
	border:2px solid #0592c7;
	background:#07a8e4 url(../graphics/bgnd-filter.gif) repeat-x 0 0;
	color:#fff;
	padding:15px;
	margin-bottom:1em;
}

.filter h2 {
	text-transform:uppercase;
	font-size:138.5%;
	padding-bottom:0.3em;
}

.filter label {
	padding:0 1em;
}

.filter label.first {
	padding-left:0;
}

.filter fieldset {
	margin:0.2em 0;
}

.filter .note {
	padding-top:0.7em;
	font-size:85%;
	color:#dbf5ff;
}

.filter button {
	margin-left:2em;
}

.main-table {
	margin-bottom:2em;
}

.main-table p {
	color:#666666;
	font-size:123.1%;
	padding:0.5em 0.5em 0.5em 0pt;
}

.main-table .small-data {
	width:80px;
}

.main-table table {
	width:100%;
	border-collapse:collapse;
}

.main-table td, 
.main-table th {
	border:1px solid #fff;
	text-align:center;
	padding:0.5em;
}

.main-table td.left,
.main-table th.left {
	text-align:left;
}

.main-table th {
	background:#22400d;
	color:#fff;
}

.main-table td {
	background:#cbf5a0;
	font-size:85%;
}

.main-table tr.even td {
	background:#e6fad2;
}


.main-table th a:link,
.main-table th a:visited {
	color:#fff;
}

.main-table td a:link,
.main-table td a:visited {
	color:#333;
}

.main-table tr.eyebrow th {
	background:#2b2b2b;
}

.main-table th.blank,
.main-table td.blank,
.main-table tr.even td.blank {
	background:#fff;
}

.main-table td.sum {
	background:#d3e9ff;
} 

.main-table tr.even td.sum {
	background:#f1f8ff;
} 

.main-table td.away {
	background:#f5bca0;
} 

.main-table tr.even td.away {
	background:#fae8d2;
} 

.main-table tr.selected td {
	color:#fff !important;
	background-color:#c63 !important;
}

.main-table table.smaller td,
.main-table table.smaller th {
	font-size:100%;
}

.main-table table.smaller td.tie {
	color:#fff;
	background-color:#14456f;
}

.main-table table.smaller td.win {
	color:#fff;
	background-color:#64c322;
}

.main-table table.smaller td.lose {
	color:#fff;
	background-color:#e00;
}


.coat-of-arms,
.season {
	float:right;
	padding-top:1em;
}

.coat-of-arms img {
	display:block;
}

.sub-table {
	padding-bottom:2em;
	font-size:93%;
}

.graph h2,
.sub-table h2,
.main-table h2 {
	font-size:230.7%;
	border-bottom:1px solid #a0a0a0;
	color:#4c9719;
	padding-bottom:0.2em;
}

.main-table h2.date {
	font-size:123.1%;
	color:#c63;
}

.sub-table table {
	width:100%;
	border-collapse:collapse;
}

.sub-table table col.small-data {
	width:100px;
}


.sub-table th {
	font-weight:bold;
	padding:0.5em;
	background:#cbf5a0;
	border:1px solid #fff;
}

.sub-table td {
	padding:0.5em;
	text-align:center;
	background:#cbf5a0;
	border:1px solid #fff;
}

.sub-table tr.even td,
.sub-table tr.even th {
	background:#e6fad2;
}

.graph table {
	font-size:123.1%;
	margin-top:0.6em;
	margin-bottom:1.5em;
}

.graph table th,
.graph table td {
	padding:0.4em 0;
}

.graph table th {
	color:#999;
	padding-right:2em;
}

.graph table td {
	font-weight:bold;
	color:#c63;
	padding-right:1em;
	text-align:right;
}

.graph table td .graph-green {
	background:#58f060 url(../graphics/graph-green.gif) repeat-x 0 0;
	border:1px solid #666;
}

.graph table td .graph-orange {
	background:#f0bc59 url(../graphics/graph-orange.gif) repeat-x 0 0;
	border:1px solid #666;
}

.graph table td .graph-red {
	background:#f06c59 url(../graphics/graph-red.gif) repeat-x 0 0;
	border:1px solid #666;
}

.graph table td .graph-gray {
	background:#ddd url(../graphics/graph-gray.gif) repeat-x 0 0;
	border:1px solid #666;
}

.graph h2 span {
	color:#666;
	font-size:16px;
}


#sidebar-nav {
	border:2px solid #4a931a;
	margin-top:8px;
	margin-bottom:2em;
	background:#5bad24;
	padding-bottom:0.4em;
}

#sidebar-nav a:link,
#sidebar-nav a:visited {
	color:#fff;
}

#sidebar-nav a:hover {
	text-decoration:none;
	background:none;
}


#sidebar-nav h2 {
	background:#22400d;
	color:#fff;
	font-size:182%;
	padding:5px 10px ;
	margin-bottom:0.2em;
}

#sidebar-nav h3 {
	font-size:108%;
	padding:6px 10px;

}

#sidebar-nav h3 a:link,
#sidebar-nav h3 a:visited {
	color:#fff;
	text-decoration:none;
	background-image:url(../graphics/arrow-white.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:8px;
	display:block;
}

#sidebar-nav h3 a:hover {
	color:#9f6;
}

#sidebar-nav h3 a.selected:link,
#sidebar-nav h3 a.selected:visited {
	color:#9f6;
}

#sidebar-nav ul {
	font-size:85%;
	margin-left:20px;
	margin-bottom:1em;
}

ul.multi-column {
	margin-bottom:2em;
}

ul.multi-column li {
	width:24%;
	float:left;
	padding-bottom:0.2em;
	padding-top:0;
}

ul.column {
	margin-bottom:2em;
	margin-top:1em;
	float:left;
	/*padding-right:90px;*/
	width:24%;
}

ul.column li {
	/*width:24%;*/
	/*float:left;*/
	padding-bottom:0.2em;
	padding-top:0;
}

ul.col1 li {
	width:99% !important;
}

ul.col2 li {
	width:49% !important;
}

.article p {
	font-size:123.1%;
	margin-bottom:1em;
}

.article .image-left {
	display:block;
	float:left;
	padding-right:1em;
	padding-bottom:0.5em;
}

.article h2 {
	font-size:153.9%;
	padding-bottom:0.7em;
}

.article ul,
.article ol {
	font-size:123.1%;
	margin-bottom:1em;
}

.article ul li {
	list-style:disc;
	margin-left:2em;
}

.article ol li {
	list-style:decimal outside;
	margin-left:2em;
}

.article .goal {
	text-align:center;
	margin-bottom:1em;
}

.main-form {
	padding-bottom:2em;
}

.main-form li {
	padding-bottom:1em;
}

.main-form label {
	display:block;
	font-size:100%;
	font-weight:bold;
	color:#666;
}

.main-form label.inlined {
	display:inline;
	font-weight:normal;
}

.main-form input.regular {
	border:2px solid #ccc;
	background:#fff url(../graphics/bgnd-input.gif) repeat-x 0 0;
	font-size:138.5%;
	width:300px;
}

.main-form input.long {
	width:460px;
}

.main-form textarea {
	border:2px solid #ccc;
	font-size:138.5%;
}

.main-form button {
	font-size:123.1%;
	padding:0.5em;
	font-weight:bold;
}

.main-form span {
	color:#e00;
}

.main-form .message {
	font-size:123.1%;
	font-weight:normal;
	margin-bottom:1em;
	color:#e00;
	border-bottom:1px dashed #e00;
}

.large-menu {
	text-align:center;
	border:1px solid #ccc;
	padding:0.5em;
	margin-bottom:1em;
}

.large-menu:hover {
	border:1px solid #05a7e4;
}

/* 3.1 Overlay		 								*/
/* ---------------------------------------			*/

.overlay {
	background:#fff;
	border:2px solid #4a931a;
	padding:0.5em;
	
	/*Following two line has been Added by milos djordjevic*/
	filter:alpha(opacity=90); /* IE's opacity*/
    opacity: 0.90;
	
}

.overlay ul li {
	display:block;
	float:left;
	width:50%;
}

.overlay ul li a:link,
.overlay ul li a:visited {
	display:block;
	margin-bottom:0.1em;
	border:1px solid #fff;
	text-decoration:underline;
	text-align:center;
	padding:0.2em;
	font-weight:bold;
	font-size:93%;
}

.overlay ul li a:hover {
	text-decoration:none;
	border:1px solid #05a7e4;
}

.narrow {
	padding:0.1em;
}

.narrow ul li {
	float:none;
	width:100%;
}

.wide {
	padding:0.2em;
}

.wide ul li {
	width:33%;
	text-align:left;
	font-size:92%;
}

.wide ul li a:link,
.wide ul li a:visited {
	text-align:left;
}


/* 4. Footer		 								*/
/* ---------------------------------------			*/

.footer {
	background:#3e3e3e;
	border-top:2px solid #222;
	border-bottom:2px solid #222;
	padding:1em 0;
	}

.footer ul {
	color:#fff;
}

.footer ul li {
	display:inline;
	padding:0 1em;
}

.footer ul li a:link,
.footer ul li a:visited {
	color:#fff;
	text-decoration:none;
}

.footer ul li a.selected:link,
.footer ul li a.selected:visited {
	color:#d6ffbb;
}

.footer ul li a:hover {
	color:#fff;
	text-decoration:underline;
	background:none;
}

/* 5. Header		 								*/
/* ---------------------------------------			*/

.header {
	height: 190px;/*170px;*/
	position:relative;
	background:#fff url(../graphics/bgnd-header.gif) repeat-x 0 0;
}

.football {
	float:left;
	position:absolute;
	top:0;
	left:0;	
}

.football img {
	display:block;
}

.logo {
	padding-left:200px;
	float: left;
	display: inline;
	margin-top: -27px;
	*margin-top: 0px;

}

.logo img {
	display:block;
}

#hd .ad {
	float:right;
	display: inline;
	clear: both;
	/*padding: 35px 25px 0 0;*/
	/*padding-left:553px;
	
	width:468px;
	display: inline;*/
}

.main-navigation,
.main-navigation ul,
.main-navigation li {
	text-align:left;	
}

.main-navigation {
	padding-left:212px;
	padding-top:8px;
	float: left;
	display: inline;
	clear:left;
	width: 100%;
}

.main-navigation li {
	display:inline;
	float: left;
	padding-right:30px;
	font-size:116%;
	font-weight:bold;
}

.main-navigation ul li a:link,
.main-navigation ul li a:visited {
	color:#fff;
	font-family:"Trebuchet MS";
	text-decoration:none;
}

.main-navigation ul li a.selected:link,
.main-navigation ul li a.selected:visited {
	color:#d6ffbb;
}

.main-navigation ul li a:hover {
	background:none;
	text-decoration:underline;
}

.sub-navigation {
	font-weight:bold;
	padding-top:1em;
	text-align:right;
	padding-right:1em;/*15%;*/
	color:#ffcc01;
	float:right;
	width: 250px;
	clear: both;
}

.sub-navigation a:link,
.sub-navigation a:visited {
	text-decoration:none;
	font-size:85%;
	color:orange;
	float:right;
}

.sub-navigation a:hover {
	text-decoration:underline;
	color:orange;
	float:right;
}

.sub-navigation1 {
	font-weight:bold;
	padding-top:1em;
	text-align:right;
	padding-right:1em;/*15%;*/
	color:#ffcc01;
	float:right;
	width: 250px;
	clear: both;
	*margin-top: 55px;
	margin-right: 55px;
}


/* YUI needs										*/
/* ---------------------------------------			*/


.yui-overlay {
	position:absolute;
}



/* Appendix - Testing Purposes */
/* ---------------------------------------			*/


/*Tiket*/

#tiketwrapper{
	height : 407px;
	width : 361px;
	background : url('../../images/tiketbg.jpg') no-repeat 435px center;
	

}

#tiketwrapper h1{
	font-size:170%;
	text-align:left;
	padding-bottom:0.8em;
	padding-top:0.5em;
	color:#4C9719;
	border-bottom: none;

}


#tiketwrapper img{

   border : 1px solid;
   color:#4C9719;

}

.tiket-vip-pic{

	float: left;
	width:99px;

}

.tiket-vip-data{

	float:left;
	padding-left:1em;
	padding-top:1em;
	width:200px;
}

.tiket-row{

 	height:120px;

}

.tiket-inner{

	margin-left:20px;
	height:307px;
}

#tiketwrapper p {

	font-weight:bolder;
    font-size:170%;
	text-align:left;
	color:#4C9719;
	padding:0px;

}

.tikettable{
	
	text-align: center;
	float:left;

}

.tikettable td{
	
	border-collapse: separate;
	border-spacing:2px;
	
}




.tikettable table th{
	
	border-spacing:2px;
	cell-spacing:2px;
}

.tikettable table th{
	text-align:center;
	font-weight:bolder;
	font-size:120%;
	color:#4C9719;
	
}
/*
.tikettable table td{
	text-align:center;
	font-weight:bolder;
	font-size:100%;
	color:#4C9719;
	
}
*/
.oponents{

    text-align:left;
	font-weight:bold;
	font-size:100%;
	color:#4C9719;
	font-size:80%;
}

.tips{	
	text-align:center;
	font-weight:bolder;
	font-size:120%;
	color:red;
	border-bottom: 1px dotted #4C9719;
}

.tipsMiddle{

	border-left: 2px solid #4C9719;
	border-right: 2px solid #4C9719;
	border-bottom: 1px dotted #4C9719;
	text-align:center;
	font-weight:bolder;
	font-size:120%;
	color:red;
}


/*HEADER LINES*/
.bottomLine{

 	border-bottom: 2px solid #4C9719;

}

.notTopLine{

	border-bottom: 2px solid #4C9719;
	border-left: 2px solid #4C9719;
	border-right: 2px solid #4C9719;
}
.anketa{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;	
}

/*INNER CELL LINES*/

/* Ankete button */

/*
input.ankete_btn{
	display:block;
	color:#fff;
	background-color:#5bad24;
	width:30%;
	border:2px solid #390;
	margin-bottom:0.4em;
	text-decoration:none;
	text-align:center;
	padding:0.2em;
	font-weight:bold;
}
*/
input.ankete_btn{
	width: 100px;
	height:32px;
	/*background:  url(../graphics/button-submit.png) no-repeat top left; */
	/*outline: none;*/
	border: none;
	display:block;
	/*text-align:center;
	font-family:'Trebuchet MS', Arial, sans-serif;
	color: #274c06;
	font-size: 20px;
	padding-top:2px;*/
}





/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}