/* 
CSS Stylesheet - layout.css
domain: bsmk.cz
copyright: bsmk.cz
*/

/* head layout of web */
#web { width: 954px; margin: auto; background: white; padding: 0 5px; }
#ad { text-align: center; background: white; margin: 10px auto; width: 600px; padding: 10px; -moz-border-radius: 5px; border-radius: 5px; }
#ad .text { margin: 0 0 10px 0; padding: 0 0 10px; border-bottom: 1px dashed #ccc; }
#ad img { border: 0; }

/* top links / info */
#top {
  height: 30px; line-height: 26px;
  padding: 0 5px 0 10px;
  background: white url('/img/layout/h_black.png') center right repeat-x; 
  border-top: 3px solid #313131;
  color: white; position: relative;
}
#top .right { margin-left: 100px; }
#top strong, #top a { color: #98ce3a; }
#top .right a { padding: 0 10px; }

#top .seasons { 
	padding: 0 5px; position: absolute; left: 400px; top: 0; height: 30px; 
	overflow: hidden; background: #161616 url('/img/layout/h_black.png') 0 -1px repeat-x; 
	-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
}
#top .seasons a, #top .seasons span { display: block; padding: 5px; line-height: 20px; cursor: pointer; }
#top .seasons.showed { overflow: auto; height: auto; }
#top .seasons a:hover { padding-left: 15px; }



/* header - logo - partners - */
#header {
  height: 118px; padding: 10px; margin: 1px 0; overflow: hidden;
  background: white url('/img/layout/top_shadow.png') top left repeat-x;
}
#header #bsmk { padding: 0 15px 0 0; }
#header #bsmk, #header #main-partners { float: left; background: url('/img/layout/header_delimiter.png') center right no-repeat; }
#header #main-partners a { 
  width: 175px; height: 70px; padding: 15px; float: left;
  background: bottom center no-repeat;
  text-align: center; font-size: 11px; color: black; font-weight: normal;
}
#header #main-partners a.simost { background-image: url('/img/layout/logos/simost.png'); text-decoration: none; }
#header #main-partners a.brno { background-image: url('/img/layout/logos/brno.png'); text-decoration: none; }

#header #login { float: right; width: 220px; margin: 0 5px 0 0; font-size: 0.9em; text-align: right; color: #555; }
#header #login h3 { margin: 5px 0; font-size: 1em; text-transform: uppercase; color: black; }
#header #login form { margin: 5px 0; }
#header #login form label { float: left; clear: left; line-height: 21px; margin: 3px 0 0; }
#header #login form input { float: right; margin: 3px 0 0; }
#header #login form input.inp { width: 121px; height: 18px; padding: 3px 5px 0; font-size: 1em; text-align: right; color: #da2128; background: url('/img/layout/form/input_login.png') top left no-repeat; border: 0; }
#header #login form input.button, #header form button { color: white; margin: 4px 0 0; width: 70px; height: 21px; font-size: 1em; text-align: center; background: url('/img/layout/h_green.png') center left repeat-x; border: 1px solid #508e07; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#header #login .jNice { float: left; }
#header #login .jNice label { margin: 6px 0 0 0; float: left; }
#header #login .jNice input, #header .jNice span { margin: 5px 0 0 5px; float: left; }  
#storeSession {display: none;}
#header a { margin: 5px 0 0 0; font-size: 1em; font-weight: bold; }
#header a.right { color: #555; }

#header #profil { float: right; width: 230px; font-size: 0.9em; position: relative; height: 120px; text-align: right; }
#header #profil .options { position: absolute; bottom: 0; right: 0; width: 150px; }
#header #profil .notverified { position: absolute; bottom: 0; left: 0;}
#header #profil .notverified a { float: left; margin: 0 5px 0 0;}
#header #profil .notverified a span { padding: 0 5px; }
#header #profil a.green { float: right; margin: 3px 5px 0 0; }
#header #profil a.green span { padding: 0 5px; }


/* navigation and search */
#nav-search {
  height: 40px; position: relative;
  background: url('/img/layout/search_bg.png') top right repeat-x;
  border-bottom: 2px solid #000;
  position: relative; z-index: 50;
}


/* WEB MENU CSS*/
#nav-search #menu { 
  width: 673px; height: 40px; float: left; position: relative; z-index: 300;
  background: url('/img/layout/navigation_bg.png') top left repeat-x;
}
#nav-search #menu ul.menu  { margin: 0; padding: 0; list-style: none; float: left; }
#nav-search #menu ul.menu li { position: relative; display: inline; float: left; }
#nav-search #menu ul.menu li a { 
  display: block; float: left; margin-right: 1px;
	margin: 0 5px; padding: 0 8px 0 5px; line-height: 40px; color: #fff; font-weight: bold; text-transform: uppercase; 
}
#nav-search #menu ul.menu li a.selected, #nav-search #menu ul.menu li a:hover {
	background: url('/img/layout/navmain_over.png') bottom center no-repeat; text-decoration: none;
}
/*1st sub level menu*/
#nav-search #menu ul.menu li ul {
	margin: 0; padding: 0; position: absolute; top: 39px; left: 0;
	visibility: hidden; list-style: none;	display: block; background: black;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#nav-search #menu ul.menu li ul li {
	background: url('../img/layout/menu_bg_over.png') center left repeat-x;
	margin: 0; padding: 0; display: block; float: none;
}
#nav-search #menu ul.menu li ul li ul { top: 0; }
#nav-search #menu ul.menu li ul li a { 
  display: block; float: none; margin: 0; padding: 0 20px 0 10px; line-height: 24px; color: white; text-transform: none;
  white-space: nowrap; display: block;
}

#nav-search #menu ul.menu li ul li a .selected { color: red; }
#nav-search #menu ul.menu li ul li a:hover { background: #333; }

#nav-search #menu .downarrowclass { position: absolute; top: 17px; right: 2px; }
#nav-search #menu .rightarrowclass { position: absolute; top: 8px; right: 2px; }






#nav-search #search {
  width: 281px; height: 40px; float: right;
  background: url('/img/layout/navsearch_cl.png') top left no-repeat;
}
#nav-search #search form {
  width: 207px; height: 27px; margin: 7px 0 0 60px; padding: 0; overflow: hidden;
  background: url('/img/layout/search_field.png') top left no-repeat;
}
#nav-search #search form input { border: 0; height: 27px; }
#nav-search #search form input.search { padding: 0; line-height: 27px; width: 155px; margin: 0 5px 0 10px; background: transparent; color: #fff; float: left;}
#nav-search #search form input.submit { width: 31px; background: transparent; }


/* partners */
#partners { background: white url('/img/layout/partners_shadow.png') 0 1px repeat-x; border-top: 1px solid #000; text-align:center; }
#partners .line { height: 68px; line-height: 68px; margin: 5px 0; }
#partners img { vertical-align: text-bottom; }



/* footer */
#footer { 
  min-height: 135px; padding: 10px;
  background: #0f0f0f url('/img/layout/footer_bg.png') top left repeat-x;
  border-top: 2px solid #000; font-size: 0.9em; color: white;
}
#footer h3 { color: white; text-transform: uppercase; font-size: 1.2em; margin: 5px 0; }

#footer #newsLetter { width: 280px; float: left; margin-right: 10px; }

#footer #links { width: 460px; float: left; margin-right: 10px; }
#footer #links a { display: block; float: left; width: 210px; color: white; background: url('/img/arrows/white_arrow.png') center left no-repeat; padding-left: 15px; }

#footer #listOfCompetitions table { border-collapse: collapse; }
#footer #listOfCompetitions table td { padding: 0 5px 0 0; }                                                                
#footer #listOfCompetitions a { color: white; line-height: 14px; }

#footer #webStats { float: right; width: 170px; }
#footer #webStats table { border-collapse: collapse; }
#footer #webStats table td { padding: 0 10px 0 0; }
#footer #webStats table td.hodnota { text-align: right; }



/* copyright */
#copyright { background: white; padding: 10px; color: black; text-align: center; }
#copyright span { padding: 0 7px; color: #333; }
#copyright img { vertical-align: text-bottom; }


#main-content {
  margin: 10px 0 1px; padding: 0 0 30px; position: relative; z-index: 20;
  background: white url('/img/layout/content_shadow.png') bottom left repeat-x;
  font-size: 1em;
}

#main-content #content { width: 631px; float: left; }
#main-content #media { width: 309px; float: right; }



#videoprew .prewiev {
	position: relative;
}
#videoprew .prewiev div { 
	position: absolute; width: 285px; bottom: 0; left: 0;  background: url(/img/layout/news_shadow.png) top left repeat;
	color: white; text-align: center; padding: 10px;
}
#videoprew .prewiev a { 
	display: block; width: 100%; position: absolute; bottom:0; left: 0;
	background: center center no-repeat;
}
#videoprew .prewiev a.r3-2 {
	height: 100%; background-image: url('/img/layout/staticPlayButton.png');
}
#videoprew .info {
	background: #efefef; border-top: 1px solid #ccc;
}


/* news INDEX */
#newsIndex { padding: 1px 0 1px 1px; border: 1px solid #4b700c; margin: 0 0 10px; position: relative; }
#newsIndex #newsContent { width: 400px; height: 300px; float: left; position: relative; overflow: hidden; }
#newsIndex #newsList { border-left: 1px solid white; width: 227px; height: 300px; float: right; background: #578620 url('/img/layout/news_list.png') top right no-repeat; background-attachment:scroll; color: white; }
#newsIndex #newsList .list { padding: 10px; cursor: pointer; display: block; color: white; width: 195px; }
#newsIndex #newsList .list:hover { text-decoration: none; }
#newsIndex #newsList .list.active { background: #111; color: white; font-weight: normal; }
#newsIndex #newsList .list span { display: block; font-size: 0.9em; line-height: 1em; }
#newsIndex #newsList .list .date { color: white; line-height: 1.1em; margin: 0 0 2px; font-style: italic; font-weight: bold }
#newsIndex #newsList .list.active .date { color: white; }
#newsIndex #newsList .list .prew, #newsIndex #newsList .list .text { display: none; }

#newsIndex .caption, #newsIndex .nivo-caption { display: none; font-size: 0.9em; text-align: justify; }
#newsIndex .nivo-caption p { padding: 10px; }
#newsIndex .nivo-prevNav, #newsIndex .nivo-nextNav { width: 24px; height: 24px; background: url('/img/icons/prev.png') top left no-repeat; display: block;}
#newsIndex .nivo-nextNav { background-image: url('/img/icons/next.png'); }
#newsIndex .nivo-controlNav { display: none; }
#newsIndex #newsList { display: block; }

#newsIndex .more { height: 30px; background: #f3f3f3 url('/img/layout/h_black.png') left center repeat-x; margin: 1px 0 0; line-height: 30px; color: #efefef; }
#newsIndex .more .left { font-size: 0.9em; padding: 0 10px; }
#newsIndex .more .right a { font-size: 0.9em; font-weight: bold; text-transform: uppercase; padding: 0 10px; color: white; }

.box { position: relative; }
.box.left, .box.right { width: 309px; }
.box h3, .box h2 { height: 32px; line-height: 32px; background: top left repeat-x; margin: 0; padding: 0 10px; text-transform: uppercase; }
.box .content { background: #f3f3f3; margin: 1px 0 10px; padding: 1px; border: 1px solid #ccc; font-size: 0.9em; }
.box .content .ctt { border: 1px solid white; padding: 5px 10px;  }
.box .content .ctc { margin: 1px; padding: 5px 10px; }
.box .content .ctc table { border-collapse: collapse; margin: 0 0 20px; width: 100%; }
.box .content .ctc  th { height: 20px; background: url('/img/layout/h_gray.png') center left repeat-x; text-align: left; }
.box .content .ctc  th, .box .content .ctc  td { padding: 3px 5px; vertical-align: middle; }
.box .content .ctc  tr {background: #fff; border-bottom: 1px solid #eee;}


#content .box .content { font-size: 1em; }

.box .icon { position: absolute; top: 4px; right: 5px; }

.box.yellow h3, .box.yellow h2 { background-image: url('/img/layout/h_yellow.png'); color: #333; }
.box.red h3, .box.red h2 { background-image: url('/img/layout/h_red.png'); color: #fff; }
.box.black h3, .box.black h2 { background-image: url('/img/layout/h_black.png'); color: #fff; }
.box.green h3, .box.green h2 { background-image: url('/img/layout/h_green.png'); color: #fff; }

.box.red .content { border: 1px solid #ff1919; background: #d90404 url('/img/layout/important_bg.png') top left repeat-x; color: white; }
.box.red .content a { color: white; }

/* content error */
.box .content.error { padding: 20px 20px 20px; }
.box .content.error a, .box .content.error strong {	color: #dc4018; font-size: 1em; }
.box .content.error ul { list-style: none; padding: 20px; margin: 20px 0; border: 1px dotted #ccc; background: #fff; }
.box .content.error ul.info { border: 1px dotted #ccc; } 
.box .content.error form { margin: 10px 0; }
.box .content.error form .inp { border: 1px solid #ccc; padding: 1px 5px; }


.content.dynamic ul { margin: 10px 0; padding: 0 0 0 10px; list-style: none; }
.content.dynamic ul li { background: url('/img/icons/small/li-icon.png') 0 5px no-repeat; padding: 0 0 0 20px; line-height: 20px; color: #444; }
.content.dynamic ul li a { font-weight: bold;}
.content.dynamic ul li a span { margin: 0 0 0 15px; }


/* pager */
.pager { margin: 10px 0; text-align: center; }
.pager a, .pager span { background: #fcd965 center center repeat-x; padding: 2px 5px; }
.pager span { border: 1px solid #ccc; background: #efefef; color: #ccc}
.pager a { background-image: url('/img/layout/h_yellow.png'); color: #333; border: 1px solid #ffa608; }
.pager a:hover { background-image: none; }
.pager span.current { background-image: url('/img/layout/h_black.png'); color: white; }



/* comments */
.comments .comment-h { height: 24px; line-height: 24px; position: relative; }
.comments .comment-h em { margin: 0 10px 0 0; } 
.comments .comment-h img { vertical-align: text-bottom; margin: 0 5px 0 0; }
.comments .comment-h strong { margin: 0 20px 0 0; }
.comments .comment-h .delete { position: absolute; top:4px; right: 0; }
.comments .comment-t { border: 1px solid #ccc; background: #efefef; border-top: 2px solid #ccc; padding: 10px; margin: 0 0 10px; }
.comments form input { margin: 5px; }


/* calendary in side panel */
.box#calendary .content { padding: 0; border-bottom: 0; }
.box#calendary .navigation { height: 24px; line-height: 24px; position: relative; overflow: hidden; border-bottom: 1px solid #ccc; }
.box#calendary .navigation span { margin: 1px; display: block; background: #f3f3f3; text-align: center; font-weight: bold; text-transform: uppercase; color: #4d4d4d; }
.box#calendary .navigation span img { margin: 0 0 0 10px; vertical-align: text-bottom; }
.box#calendary .navigation a.a { position: absolute; top: 9px; left: 10px; }
.box#calendary .navigation a.b { position: absolute; top: 9px; right: 10px; }
.box#calendary .days { }
.box#calendary .day { width: 43px; height: 28px; float: left; text-align: center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.box#calendary .day.th { line-height: 28px; font-weight: bold; color: #d20000; }
.box#calendary .day a { margin: 1px; line-height: 29px; background: url('/img/layout/cal_bg_on.png') top left repeat-x; display: block; color: #333; font-weight: bold; }
.box#calendary .day.off a { color: #999; }
.box#calendary .day.current a { background: url('/img/layout/cal_bg_cur.png') top left repeat-x; }
.box#calendary .day a span { background: url('/img/layout/cal_bg_a.png') top right no-repeat; display: block; }
.box#calendary .day.e { border-right: 0px; }

.box.newTeam .content { position: relative; background: center center no-repeat; padding: 0; margin: 0 0 10px 0; } 
.box.newTeam .content div { position: absolute; bottom: 15px; left: 20px; } 
.box.newTeam .content p { margin: 0 20px 10px 0; line-height: 16px; text-align: justify; }
.box.newTeam .content a { line-height: 28px; margin: 0 20px 0 0;  }
.box.newTeam .content img { vertical-align: text-bottom; margin: 0 10px 0 0; }
.box.newTeam.teams .content { height: 205px; background-image: url('/img/layout/league_new_team.png'); color: white; border-color: #a8fc46; }
.box.newTeam.companies .content { height: 229px; background-image: url('/img/layout/league_new_team_companies.png'); color: #555; border-color: #585858; }
.box.newTeam.referees .content { height: 218px; background-image: url('/img/layout/league_new_referees.png'); color: #555; border-color: #585858; }
.box.newTeam.referees .content div {  bottom: 13px; }
.box.newTeam.companies .content div {  bottom: 13px; }
.box.newTeam.teams .content a { color: white; }
.box.newTeam.companies .content a { color: #363636; }
.box.newTeam.referees .content a { color: #363636; }

.pool .ctt { padding: 0px; font-size: 1em; }
.pool .poolQuestion { border: 1px solid #dfdfdf; margin: 5px; padding: 4px; color: #d20000; background: white; }
.pool .poolResults { padding: 0 10px; }
.pool .poolResults dt { margin: 0; clear: both; }
.pool .poolResults dd { margin: 0; height: 20px; margin: 5px 0 0; position: relative; width: 210px }
.pool .poolResults dd div { float: left; background: url('/img/layout/voting_line.png') top right no-repeat; height: 14px; min-width: 10px; }
.pool .poolResults dd div p { background: url('/img/layout/voting_left.png') top left no-repeat; height: 14px; margin: 0; }
.pool .poolResults dd span { display: block; position: absolute; right: -60px; }
.pool .poolVotes { margin: 10px; padding: 5px 0 10px; border-top: 1px solid #dfdfdf; }

.box#hotLine p { margin: 0; }
.box#hotLine .hotline { 
  height: 40px; margin: 10px 0; padding-left: 10px; line-height: 40px;
  background: url('/img/layout/hotline_number.png') center center no-repeat;
  text-align: center; font-size: 1.9em; font-weight: bold; color: white;
} 



#tipBox #tipLeague {}
#tipBox #tipLeague table { width: 100%; border-collapse: collapse; color: #333; }
#tipBox #tipLeague table td { height: 40px; border-bottom: 1px dotted #ccc; line-height: 20px; vertical-align: top; }
#tipBox #tipLeague table td.type, #tipBox #tipLeague table td.lane { text-align: center; width: 40px; font-weight: bold; }
#tipBox #tipLeague table td.type { background: #ddd; font-weight: normal; }
#tipBox #tipLeague table td img { margin: 2px; }
#tipBox #tipLeague .totalLane { 
	height: 30px; padding: 0 0 0 10px; font-size: 1.1em; 
	background: url('/img/layout/h_green.png') center left repeat-x; line-height: 30px; color: white; 
}
#tipBox #tipLeague .totalLane strong { float: right; display: block; width: 40px; text-align: center; }
#tipBox #tipLeague .mustLogged { background: #111; padding: 10px; color: white; text-align: center; }
#tipBox #tipLeague .sum { background: #111; padding: 0 0 0 10px; color: white; height: 30px; line-height: 30px; }
#tipBox #tipLeague .sum .inp { float: right; margin: 0 10px 0 0; }
#tipBox #tipLeague .sum .inp input { width: 36px; padding: 0 2px; border: 0; color: #333; margin: 0 5px 0 0; text-align: center }
#tipBox #tipLeague .winning { 
	height: 30px; padding: 0 10px; 
	background: #111; border-top: 1px dotted #333; line-height: 30px; font-weight: bold; color: white;
}
#tipBox #tipLeague .winning span { float: right; }
#tipBox #tipLeague .buttons { height: 20px; background: url('/img/layout/h_black.png') top left repeat-x; text-align: right; padding: 5px 0; }
#tipBox #tipLeague .buttons a { padding: 3px 5px; line-height: 20px; margin: 0 10px 0 0; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#tipBox #tipLeague .buttons a { background: url('/img/layout/h_green.png') center left repeat-x; font-weight: bold; }
#tipBox #tipLeague .buttons a:hover { background-image: url('/img/layout/h_gray.png'); color: black; text-decoration: none; }





.box.tipliga table { width: 100%; border-collapse: collapse; }
.box.tipliga table th { height: 12px; background: url('/img/layout/h_gray.png') center left repeat-x; color: #777; font-weight: normal; font-size: 0.9em; padding: 0 2px; }
.box.tipliga table th, .box.tipliga table td { padding: 2px; border: 1px solid #efefef; }
.box.tipliga table td { line-height: 11px; }
.box.tipliga table td.date { font-size: 0.9em; color: #555; width: 30px; }
.box.tipliga table td.tt { padding: 0; width: 20px; }
.box.tipliga table td.tt a { 
	font-size: 0.9em; display: block; text-align: center; height: 24px; line-height: 24px; padding: 0 2px; 
	background: url('/img/layout/h_black.png') center left repeat-x; color: white;
}
.box.tipliga table td.tt a.selected { background-image: url('/img/layout/h_green.png'); }
.box.tipliga table td.tt a:hover { background-image: url('/img/layout/h_gray.png'); color: black; text-decoration: none; }





.box.superliga .table { width: 100%; border-collapse: collapse; border: 1px solid white; }
.box.superliga .table caption { display: none; }
.box.superliga .table th { display: none; overflow: hidden; }
.box.superliga .table td { text-align: center; line-height: 18px; }
.box.superliga .table td img { vertical-align: text-bottom; margin: 0 10px 0; }
.box.superliga .table .team { text-align: left; font-weight: bold; }


.box.competitions h4 { font-size: 1.6em; padding: 0 20px; }
.box.competitions h4 span { font-size: 12px; color: #555; }

.box.competitions .table { margin: 5px 20px 20px; width: 94%; border-collapse: collapse; }
.box.competitions .table th { line-height: 26px; background: url('/img/layout/h_gray.png') left center repeat-x;}
.box.competitions .table td { text-align: center; line-height: 20px; }
.box.competitions .table td img { vertical-align: middle; margin: 0 10px 0; }
.box.competitions .table .team { text-align: left; font-weight: bold; }
.box.competitions .table caption { 
  margin: 10px 0 0; line-height: 20px; padding: 0 10px; 
  font-weight: bold; text-align: left;
}


.box.competitions .teamList { border-collapse: collapse; width: 100%; }
.box.competitions .teamList td { height: 30px; vertical-align: middle; padding: 2px 5px; } 
.box.competitions .teamList td img { vertical-align: middle; }
.box.competitions .teamList .even { background: #efefef; }
.box.competitions .teamList .odd { background: white; }
.box.competitions .teamList a:hover { font-weight: bold; color: black; text-decoration: none; }

.box.competitions table.players { width: 100%; }
.box.competitions table.players th { line-height: 26px; background: url('/img/layout/h_gray.png') left center repeat-x;}
.box.competitions table.players td { text-align: center; }
.box.competitions table.players td.photo { width: 70px; }
.box.competitions table.players .even { background: #fff; border-bottom: 1px solid #eee; }
.box.competitions table.players .odd { background: #fafafa; border-bottom: 1px solid #eee; }

.box.competitions .export { line-height: 24px; font-weight: bold; display: block; text-align: center; margin: 0 15px 20px; background: url('/img/layout/h_black.png') left center repeat-x; color: white; }

.box .table .playoff { color: green; }
.box .table .playout { color: red; }
.box .table .master { color: blue; }
.box .table .even { background: #fff; border-bottom: 1px solid #eee; }
.box .table .odd { background: #fafafa; border-bottom: 1px solid #eee; }

.box table.index td { font-size: 0.9em; line-height: 12px; vertical-align: bottom; overflow: hidden; height: 16px; }
.box table.index td a { font-size: 1em; color: black; }
.box table.index td sup { font-size: 0.7em; }
.box table.index td.datetime { color: #d20000; }
.box table .winner { font-weight: bold; }



.box.competitions table.stats { width: 100%; }
.box.competitions table.stats caption { text-align: left; font-weight: bold; border-bottom: 1px dotted #ccc; margin: 5px; padding: 5px; }
.box.competitions table.stats th, .box.competitions table.stats td { padding: 2px 5px; }
.box.competitions table.stats th { text-align: left; line-height: 26px; background: url('/img/layout/h_gray.png') left center repeat-x;}
.box.competitions table.stats td.even { background: #fff; border-bottom: 1px solid #eee; }
.box.competitions table.stats td.odd { background: #fafafa; border-bottom: 1px solid #eee; }


.box.discards table { width: 100%; border-collapse: collapse; }
.box.discards table th { text-align: left; background: url('/img/layout/h_gray.png') center left repeat-x; }
.box.discards table th, .box.discards table td { padding: 2px 5px; }
.box.discards table th:last-child, .box.discards table td:last-child { padding: 2px 0; }


.box .trades, .box .latestDocs { width: 100%; border-collapse: collapse; border-bottom: 1px dotted #ccc; margin: 0 0 10px 0; }
.box .trades th, .box .trades td, .box .latestDocs td, .box .latestDocs th  { padding: 3px 5px; vertical-align: top; }
.box .trades th, .box .latestDocs th { 
	text-align: left; background: url('/img/layout/h_green.png') center left repeat-x; color: white;
}
.box .trades th, .box .latestDocs th { border: 1px solid #efefef; }
.box .latestDocs td.date { width: 110px; }

.box #trades { height: 230px; overflow: hidden; }


/* registration */
#registration form { margin: 10px 0; position: relative; }

#registration .cleaner { height: 25px; }
#registration .error { padding: 10px; margin: 0 0 10px 0; font-weight: bold; }
#registration .ok { margin: 10px 0 20px 0; padding: 10px; border: 1px solid #fcefa1; background: #fbf9ee; color: black; font-weight: bold; }

#registration .section-title { margin: 0 10px; background: url('/img/layout/h_green.png') center left repeat-x; height: 24px; line-height: 24px; font-weight: bold; }
#registration .section-title a, #registration .section-title span { padding: 0 10px; font-weight: bold; display: block; float: left; color: white; }
#registration .section-title a { margin: 0 1px 0 0; }
#registration .section-title a:hover, #registration .section-title a.selected { background: url('/img/layout/h_black.png') center left repeat-x; color: white; }
#registration .section { clear: both; padding: 10px 20px; margin: 0 0 15px 0; }

#registration .info { line-height: 24px; position: absolute; right: 20px; }
#registration .info span { padding: 0 5px; color: red; margin: 0 0 0 10px; }

#registration .lab, #registration .inp { float: left; width: 120px; line-height: 28px; }
#registration .lab.small { width: 50px; }
#registration .inp { width: 180px; font-weight: bold; }
#registration .inp.small { width: 90px;}
#registration .inp.small input { width: 40px; }
#registration .inp.long { width: 240px;}
#registration .inp.long input { width: 230px; }
#registration .inp input { vertical-align: text-bottom; margin: 0 10px 0 0; border: 1px solid #ccc; padding: 2px 5px; }
#registration .lab span { color: red; font-size: 12px; }
#registration .lab label { float: left; }
#registration .inp img { margin: 0 5px 0 0; vertical-align: middle; }
#registration .msg { width: 200px; padding: 0 5px 0 0; line-height: 20px; color: white; float: right; text-align: right; font-size: 10px; display: none; }

#registration .licence { background: white; border: 0px solid black; padding: 5px; margin: 0 0 10px 0; font-size: 10px; color: #333; }
#registration .licence ul { line-height: 1.2em; list-style-type: decimal; list-style-image: none; }
#registration .licence div { padding: 10px 0 10px 40px; }
#registration .licence ul li { padding: 0 0 5px 0; }

#registration #captcha { width: 300px; height: 30px; font-size: 20px; border: 1px solid #ccc; text-align: center; padding: 5px 10px 0 10px; color: #555; margin: 0 0 10px 0; letter-spacing: 0.1em; }
#registration #imgcap { border: 1px solid #ccc; }

#registration .buttons { margin: 0 10px; padding: 5px 0 0; border-top: 1px dotted #ccc; }
#registration .button {
  height: 26px; margin: 5px; color: white; cursor: pointer; border: 0;  
  background: url('/img/layout/h_green.png') center left repeat-x;
}
#registration .button:hover { background-image: url('/img/layout/h_black.png'); }

#registration #personSection, #registration #contactSection, #registration #otherSection { }

#registration .inp input, #registration #captcha,
.box .content.error .inp { 
  -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px #ccc; -moz-box-shadow:inset 2px 2px 5px #eee;
}



/* NEWS */
#news { margin: 0; }
#news .newsHead {height: 300px; overflow: hidden; }
#news .newsHead a.nn { float: left; display: block; height: 300px; background: white; }
#news .newsOptions { width: 187px; padding: 20px; height: 260px; float: right; background: #578620 url('/img/layout/news_list.png') top right no-repeat; color: #2c2c2b; }
#news .newsOptions a { color: white; }
#news .newsOptions .info { font-weight: bold; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px dotted #222; }
#news .newsOptions .info span { font-size: 1.2em; color: white; display: block; }
#news .newsOptions .links { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px dotted #222; }
#news .newsOptions .links a { line-height: 22px; display: block; color: #222; font-weight: bold; position: relative; }
#news .newsOptions .links a img { float: right; position: absolute; right: 0; top: 0; vertical-align: top }
#news .newsOptions .rubrics a { display: block; }
#news .newsOptions .rubrics a.back { margin: 0 0 15px; }
#news .newsOptions .info .rating span { font-weight: normal; color: #222; margin: 10px 0 0; font-size: 1em; }
#news .newsOptions .info .rating img { cursor: pointer; }
#news .newsOptions .info .visits { font-weight: normal; }
#news .newsOptions .info .visits strong {  }  
#news .news { padding: 10px; }
#news .newsImg { border: 2px solid #578620; float: left; margin: 0 20px 10px 0; }
#news .news h4 { font-size: 1.5em; padding: 0 0 10px; margin: 10px 0 10px; font-weight: 500; color: #da2128; border-bottom: 1px dotted #ccc; }
#news .news h4 a { font-size: 0.9em; }
#news .news .options { padding: 10px 0; border-bottom: 1px dotted #ccc; clear: both; }
#news .news .options span { margin: 0 20px 0 0; }
#news .news .options img { vertical-align: text-bottom; margin: 0 10px 0 0; }



/* spravni rada */
.spravni-rada h4, .valna-hromada h4 { margin: 10px 20px 0; border-bottom: 1px dotted #555; padding: 5px; }

.spravni-rada table, .valna-hromada table { margin: 10px 0; width: 100%; }
.spravni-rada table td, .valna-hromada table td { padding: 5px; }
.spravni-rada table td img, .valna-hromada table td img { border: 5px solid white; margin: 10px 0 0; }
.spravni-rada table td strong, .valna-hromada table td strong { font-size: 1.1em; }

.spravni-rada .cleaner, .valna-hromada .cleaner { border-bottom: 1px dotted #555; margin: 10px; }

.spravni-rada ol, .valna-hromada ol { margin: 20px 0; }
.spravni-rada ol li, .valna-hromada ol li { padding: 5px; }
.spravni-rada ol li ul li, .valna-hromada ol li ul li { list-style-type: lower-alpha; }

.spravni-rada .kontakt { margin: 25px; }


/* prezident */
.box .prezident { padding: 20px; }
.box .prezident img { margin: 0 0 0 10px; }
.box .prezident div h5 { font-size: 1.1em; margin: 10px 0; }
.box .prezident div img { float: left; border: 5px solid white; margin: 0 50px 0 0; }

.prezident h4 { margin: 20px 0; border-bottom: 1px dotted #555; padding: 5px; }
.prezident ol li { padding: 5px; }



.oddeleni ul { margin: 20px 0; list-style: none; }
.oddeleni ul li { background: url('/img/icons/small/li-icon.png') 0 5px no-repeat; padding: 0 0 0 20px; line-height: 20px; color: #444; }
.oddeleni ul li a { display: block; font-weight: bold;}
.oddeleni ul li a span { margin: 0 0 0 15px; }

.oddeleni ul ul { margin: 5px 0; padding: 0; }
.oddeleni ul ul li { line-height: 16px; background-position: 0 3px; }
.oddeleni ul ul li a { font-weight: normal; background: url('/img/icons/small/li-li-icon.png') left center no-repeat; }
.oddeleni ul ul ul li a { font-weight: normal; background: url('/img/icons/small/li-li-li-icon.png') left center no-repeat; }

.oddeleni .section { position: relative; margin: 0 10px; }
.oddeleni a.top { position: absolute; right: 10px; top: 0; line-height: 24px; color: #eee; }
.oddeleni h3 { height: 24px; background-position: center center; line-height: 24px; }
.oddeleni h4 { padding: 0 0 5px 0; border-bottom: 1px dotted #999; }
.oddeleni .txt { margin: 15px; }
.oddeleni .txt p { color: #555; text-indent: 1em; text-align: justify; }

.oddeleni img.left { margin: 0 10px 5px 0; border: 1px solid black; }


.contacts h4 { padding: 0 0 5px 0; border-bottom: 1px dotted #999; }



.videogallery #tvtext h2 { background: none; margin: 0; padding: 0; line-height: 18px; height: 18px; }



.content.documents, .content .draw { padding: 20px; }
.content.documents, .content .punish { padding-top: 0; }
.content.documents h3, .content .draw h3 { height: 20px; line-height: 20px; background: url('/img/layout/h_green.png') center left repeat-x; }
.content.documents table, .content .draw table { border-collapse: collapse; margin: 0 0 20px; width: 100%; }
.content.documents table th, .content .draw table th { height: 20px; background: url('/img/layout/h_gray.png') center left repeat-x; text-align: left; }
.content.documents table th, .content.documents table td, 
.content .draw table th, .content .draw table td { padding: 3px 5px; vertical-align: middle; }
.content.documents table .files { width: 120px; }
.content.documents .even, .content .draw .even { background: #fff; border-bottom: 1px solid #eee; }
.content.documents .odd, .content .draw .odd { background: #fafafa; border-bottom: 1px solid #eee; }
.content.documents table img { margin: 0 5px 0 0; }

.content.documents .category { }
.content.documents .category .category { margin-left: 15px; }


.content.documents .navigation { background: white; padding: 10px; }
.content.documents .navigation ul {	margin: 0; padding: 0; list-style: none; }
.content.documents .navigation ul li a { 
	display: block; line-height: 24px; padding: 0; padding: 0 10px 0 30px;
	color: #333; background: url('/img/icons/small/category.png') 5px 5px no-repeat;
}
.content.documents .navigation ul li a:hover { text-decoration: none; color: #090; background-image: url('/img/icons/small/category_over.png'); }
.content.documents .navigation ul li ul li a { padding-left: 50px; background-position: 25px 5px; }
.content.documents .navigation ul li ul li ul li a { padding-left: 70px; background-position: 45px 5px; }
.content.documents .navigation ul li a span { color: #999; font-style: italic; margin-left: 20px; }



/*.content .match {}
.content #match {}

.content #match .info { margin: 10px; line-height: 20px; }

.content #match .mresult { background: #222; padding: 20px 0; }
.content #match .mresult .team { width: 40%; float: left; color: #ccc; font-size: 1.7em; line-height: 3em; }
.content #match .mresult .team img { margin: 0 0 10px 0; }
.content #match .mresult .result { width: 20%; float: left; color: white; font-size: 3em; }
.content #match .mresult .result span { font-size: 0.4em; display: block; }

.content #match .referee {
	width: 200px; height: 80px; margin: 5px auto; padding: 2px;
	background: #efefef; border: 1px solid #ccc; text-align: center;
}
.content #match .referee img { float: left; margin: 0 10px 0 0 }
.content #match .referee u { display: block; margin: 8px 0 0; }
.content #match .referee strong { display: block; color: #C00; margin: 10px 0; }
.content #match .referee span { font-style: italic; }

.content #match .stats { margin: 10px 0; padding: 0 0 10px; width: 100%; border-bottom: 1px dotted #ccc; position: relative; }
.content #match .stats caption { position: absolute; right: 15px; font-weight: bold; text-decoration: underline; }
.content #match .stats td { width: 50%; padding: 0 10px; vertical-align: top;  }
.content #match .stats td span { display: block; line-height: 20px; }
.content #match .stats td span img { vertical-align: text-bottom; }
.content #match .stats td.l span img { margin: 0 10px 0 0; }
.content #match .stats td.r span img { margin: 0 0 0 10px; }

*/

.content.match { padding: 0px; margin: 0px; background: url('/img/layout/asphalt_bg.png');}
#match { background: url('/img/layout/ground_bg.jpg') top center no-repeat; padding: 15px 0; position: relative; min-height: 600px;  }
#match .info { margin: 0 15px; background: white; line-height: 20px; height: 20px; padding: 5px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#match .mresult { position: relative; height: 200px; overflow: hidden; text-align: center; }
#match .logo { width: 88px; height: 76px; overflow: hidden; position: absolute; top: 20px; }
#match .logo img { height: 70px; margin: 3px 0 0; }
#match .logo.home { left: 62px; }
#match .logo.away { right: 71px; }
#match .result { margin: 25px auto; padding: 0 10px 0 0; } 
#match .result { font-weight: bold; }
#match .result .team { font-size: 15px; color: white; text-transform: uppercase; }
#match .result .score { color: #ffba00; font-size: 24px; padding: 0 0 3px; } 
#match .result .score span { font-weight: normal; padding: 0 0 0 15px; }

#match .players .ground .player .about { float: left; display: none; padding: 5px; }

#match .players { position: relative; }
#match .players .home, #match .players .away { float: left; width: 50%; position: relative; padding: 350px 0 0 0; }
#match .players .away { float: right; }
#match .players .ground { height: 350px; width: 100%; position: absolute; top: 0; }
#match .players .home .ground { left: 0; }
#match .players .away .ground { right: 0; }

#match .players .ground .player { 
	cursor: pointer; position: absolute; z-index: 1; border: 2px solid #47790c;
	height: 60px; background: url('/img/layout/player_bg.png') top left repeat-x;
}
#match .players .ground .player .about { float: left; display: none; padding: 5px; overflow: hidden; white-space: pre; }
#match .players .home .ground .player .about { float: right; }
#match .players .home .ground .player .photo { float: left; width: 47px; background: white; text-align: center; }
#match .players .away .ground .player .photo { float: right; width: 47px; background: white; text-align: center; }

#match .players .ground .player .about * { display: block; }
#match .players .ground .player .about strong { text-decoration: underline;  }
#match .players .ground .player .about em { font-size: 11px; padding: 2px 0 5px; }

#match .players .pos1 { top: 150px; }
#match .players .home .pos1 { left: 50px; }
#match .players .away .pos1 { right: 50px; }
#match .players .pos2 { top: 50px; }
#match .players .home .pos2 { left: 100px; }
#match .players .away .pos2 { right: 100px; }
#match .players .pos3 { top: 250px; }
#match .players .home .pos3 { left: 100px; }
#match .players .away .pos3 { right: 100px; }
#match .players .pos4 { top: 150px; }
#match .players .home .pos4 { left: 170px; }
#match .players .away .pos4 { right: 170px; }
#match .players .home .pos5 { top: 80px; left: 250px; }
#match .players .away .pos5 { top: 80px; right: 250px; }
#match .players .home .pos6 { top: 220px; left: 250px; }
#match .players .away .pos6 { top: 220px; right: 250px; }


#match .players .substitutes { margin: 10px; padding: 15px 15px 5px 15px; background: url('/img/layout/news_shadow.png') top left; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#match .players .substitutes h4 { margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted white; color: white; }
#match .players .substitutes .player { height: 60px; margin: 0 0 10px; }
#match .players .substitutes .player .photo { width: 47px; background: white; float: left; margin: 0 20px 0 0; }
#match .players .substitutes .player .about { float: left; color: white; white-space:normal; }
#match .players .substitutes .player .about * { display: block; }

#match .referee { 
	position: absolute; top: 230px; left: 290px; height: 60px; 
	cursor: pointer; position: absolute; z-index: 1; border: 2px solid #000; 
	background: url('/img/layout/referee_bg.png') top left repeat-x; overflow: hidden;
}
#match .referee div { margin: auto; float: left; }
#match .referee div .photo { float: left; }
#match .referee div .about { float: left; padding: 5px 15px; color: #fff; display: none; white-space: pre; }
#match .referee div .about u { display: block; margin: 0 0 5px 0; }
#match .referee div .about strong { display: block; margin: 0; }
#match .referee div .about span { font-style: italic; }

#match .referee.p2-1 { left: 250px; }
#match .referee.p2-2 { left: 330px; }
#match .referee.p3-1 { left: 210px; }
#match .referee.p3-3 { left: 370px; }


#match .goalsAndCards {
	width: 490px;	position: absolute; z-index: 100; top: 170px; left: 50px; padding: 15px; display: none; z-index: 300;
	background: url('/img/layout/gac_shadow.png') top left repeat;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#match a#goalsAndCardsOn {
	position: absolute; top: 555px; left: 242px; padding: 5px; z-index: 300;
	background: url('/img/layout/h_gray.png') center left repeat-x; border: 2px solid #efefef; border-top: 0;
	color: black; font-weight: bold;
}
#match a#goalsAndCardsOff { position: absolute; top: 5px; right: 5px; }
#match .goalsAndCards .stats { border-collapse: collapse; }
#match .goalsAndCards .stats caption { border-bottom: 1px solid #ffffff; color: white; text-align: left; font-weight: bold; margin: 0 0 10px 0; }
#match .goalsAndCards .stats td { width: 230px; padding: 5px; vertical-align: top; }
#match .goalsAndCards .stats td span { white-space: pre; color: #fff; line-height: 20px; padding: 0 5px 0 0; display: block; }
#match .goalsAndCards .stats td.r { border-right: 1px dotted #fff; }
#match .goalsAndCards .stats td.r span { padding: 0 0 0 5px; }
#match .goalsAndCards .stats td span img { vertical-align: middle; margin: 0 5px 0 0; }
#match .goalsAndCards .stats td.r span img { margin: 0 0 0 5px; }


#crosstable { width: 100%; border-collapse: collapse; }
#crosstable th { height: 24px; background: url('/img/layout/h_gray.png') bottom left repeat-x; }
#crosstable .withself { background: #eee; }
#crosstable .result { width: 27px; text-align: center; border: 1px solid #eee; }
#crosstable .win { color: #66cc00; }
#crosstable .lose { color: #f33; }
#crosstable .tie { color: #666; }
#crosstable .even { background: #fff; border-bottom: 1px solid #eee; }
#crosstable .odd { background: #fafafa; border-bottom: 1px solid #eee; }


.content.partners { padding: 10px; background: white; }
.content.partners div { float: left; width: 300px; margin: 0 0 20px; }
.content.partners div h5 { margin: 10px 0 0; text-align: center; font-size: 1.3em; }
.content.partners h4 { border-bottom: 1px solid #ccc; margin: 0; clear: both; line-height: 24px; }



.form { padding: 10px; color: #555; }
.form label { display: block; line-height: 20px; padding: 5px; font-weight: bold; color: black; }
.form label span { color: red; }
.form input, .form textarea, .form select { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.form .input { border: 1px solid #ccc; padding: 5px; margin: 5px; }
.form .button {
  height: 26px; margin: 5px; border: 1px solid #060; color: white; cursor: pointer;  
  background: url('/img/layout/h_green.png') center left repeat-x;
}
.form .button:hover { background-image: url('/img/admin/topic-header-black-bg.png'); border-color: black; }

.form .delline { border-bottom: 1px dotted #ccc; margin: 10px 0; height: 1px; overflow: hidden; }




#tipliga h2 { padding: 0; }
#tipliga h2 a {
	display: block; float: left; padding: 0 10px;
	background: url('/img/layout/h_green.png') top left repeat-x; color: white; border-left: 1px solid #6c0; border-right: 1px solid #690;
}
#tipliga h2 a:hover { background-image: url('/img/layout/h_gray.png'); color: black; text-decoration: none; border-left: 1px solid #eee; border-right: 1px solid #ccc; }
#tipliga h2 a.selected { background-image: url('/img/layout/h_black.png'); color: white; border-left-color: #333; border-right-color: #222; }

#tipliga .user {
	margin: 10px;
	background: white; border: 1px solid #ddd;
}
#tipliga .user .state { float: left; padding: 10px; border-right: 1px solid #ccc; height: 30px; line-height: 30px; }
#tipliga .user .state img { vertical-align: middle; margin-right: 10px; }
#tipliga .user .state .win { color: #6C0; margin: 0 10px; }
#tipliga .user .state .lose { color: #F33; }
#tipliga .user .state.nb { border: 0; }

#tipliga .info { 
	margin: 10px; padding: 10px 10px 10px 60px; position: relative;
	background: white; border: 1px solid #ddd;
}
#tipliga .info .icn { position: absolute; left: 9px; top: 9px; }

#tipliga .tipBox { margin: 10px; }

#tipliga .tipBox table { width: 100%; border-collapse: collapse; background: white; color: #333; }
#tipliga .tipBox table th { height: 12px; background: url('/img/layout/h_gray.png') center left repeat-x; color: #777; font-weight: normal; font-size: 0.9em; padding: 0 2px; }
#tipliga .tipBox table th, #tipliga .tipBox table td { padding: 1px 5px; border: 1px solid #efefef; }
#tipliga .tipBox table th.title { padding: 0 5px; text-align: left; font-weight: bold; color: black; }
#tipliga .tipBox table th img { vertical-align: middle; margin: 0 10px 0 0; }
#tipliga .tipBox table td { line-height: 11px; }
#tipliga .tipBox table td.date { font-size: 0.9em; color: #555; width: 90px; }
#tipliga .tipBox table td.tt { padding: 0; width: 20px; }
#tipliga .tipBox table td.tt a { 
	font-size: 0.9em; display: block; text-align: center; height: 24px; line-height: 24px; padding: 0 2px; 
	background: url('/img/layout/h_black.png') center left repeat-x; color: white;
}
#tipliga .tipBox table td.tt a.selected { background-image: url('/img/layout/h_green.png'); }
#tipliga .tipBox table td.tt a:hover { background-image: url('/img/layout/h_gray.png'); color: black; text-decoration: none; }


#tipliga .ladder {
	width: 100%; border: 1px solid #ededed;
}
#tipliga .ladder th { text-align: left; }
#tipliga .ladder td { height: 30px; line-height: 30px }
#tipliga .ladder .rank { width: 40px; }
#tipliga .ladder .points { width: 100px; text-align: right; }
#tipliga .ladder tr.self { background: url('/img/layout/h_green.png') center left repeat-x; color: black; font-weight: bold; }

#tipliga .tipBox .tickets caption { background: url('/img/layout/h_green.png') left center repeat-x; color: white; text-align: left; padding: 5px; }
#tipliga .tipBox .tickets td { padding: 5px; }
#tipliga .tipBox .tickets span { color: #777; font-style: italic; }
#tipliga .tipBox .tickets .id { width: 70px; }
#tipliga .tipBox .tickets .state { width: 16px; }

#tipliga .tipBox .tipList th { padding: 5px 5px }


#tipliga .ticket { margin: 10px; }
#tipliga .ticket .data { line-height: 20px; }
#tipliga .ticket .data span { font-weight: bold; margin-left: 20px; }
#tipliga .ticket table { margin: 20px 0 0; width: 100%; border: 1px solid #ddd; background: white; }
#tipliga .ticket table td { padding: 5px; }
#tipliga .ticket table .state { width: 16px; }
#tipliga .ticket table .score span { color: #777; font-style: italic; margin-right: 10px; }
#tipliga .ticket table .lane, #tipliga .ticket table .type { width: 40px; text-align: center; }
#tipliga .ticket table .type { background: #efefef; }
#tipliga .ticket .totalLane { line-height: 32px; background: url('/img/layout/h_black.png') center left repeat-x; padding: 0 10px; color: white; }
#tipliga .ticket .totalWin { line-height: 32px; background: #111; color: white; padding: 0 10px; }
#tipliga .ticket .totalLane span, #tipliga .ticket .totalWin span { float: right; font-weight: bold; display: block; width: 40px; text-align: center; }
#tipliga .ticket .totalWin span { width: 200px; margin-right: 10px; text-align: right; }




#help ul { margin: 20px 0; list-style: none; }
#help ul li { background: url('/img/icons/small/li-icon.png') 0 5px no-repeat; padding: 0 0 0 20px; line-height: 20px; color: #444; }
#help ul li a { display: block; font-weight: bold;}
#help ul li a  span { margin: 0 0 0 15px; }

#help ul ul { margin: 5px 0; padding: 0; }
#help ul ul li { line-height: 16px; background-position: 0 3px; }
#help ul ul li a { font-weight: normal; background: url('/img/icons/small/li-li-icon.png') left center no-repeat; }
#help ul ul ul li a { font-weight: normal; background: url('/img/icons/small/li-li-li-icon.png') left center no-repeat; }

#help .section { position: relative; margin: 0 10px; }
#help a.top { position: absolute; right: 10px; top: 0; line-height: 24px; color: #eee; }
#help h3 { height: 24px; background-position: center center; line-height: 24px; }
#help h4 { padding: 0 0 5px 0; border-bottom: 1px dotted #999; }
#help .txt { margin: 15px 0; }
#help .txt p { color: #555; text-indent: 1em; text-align: justify; }

#help .txt ol { margin: 20px 0; padding: 0 10px 0 20px; color: #555; }
#help .txt ol li { margin: 0 0 20px 0; }
#help .txt p img { vertical-align: text-bottom; }

#help img.right { margin: 0 0 0 10px; }




#document { margin: 0 0 20px 0; }
#document .data { height: 30px; line-height: 30px; margin: 1px 0 0; background: #fafafa; padding: 0 10px; }
#document .data .desc { float: left; width: 150px; color: #555; }
#document .data .info { float: left; font-weight: bold; color: #360; }
#document .fileDownload { float: left; width: 268px; padding: 10px; margin: 3px 3px 0 0; background: white; border: 1px solid #ddd; color: #555; }
#document .fileDownload img.ico { float: left; margin: 0 10px 0 0; }
#document .fileDownload strong { display: block; margin: 0 0 6px; color: black; }
#document .fileDownload a img { vertical-align: middle; }
#document .fileDownload a { color: #390; font-weight: bold; }
#document .fileDownload a:hover { text-decoration: none; }


.content.referees { padding: 10px; }
.referees .referee { border: 1px solid #ddd; padding: 5px; margin: 0 0 3px 0; line-height: 20px; }
.referees .filter { margin: 10px 0; padding: 10px; background: white; color: #333; }
.referees .filter span { padding: 0 10px; color: #ccc; }
.referees .referee .photo { float: left; margin: 0 15px 0 0; }
.referees .referee .info { float: left; color: #555; width: 300px; }
.referees .referee .info a { display: block; font-size: 1.2em; margin: 0 0 5px; }
.referees .referee .info strong { color: black; }
.referees .referee .data { float: left; }
.referees .legend { margin: 10px 0; padding: 0; list-style: none; }
.referees .legend li { padding: 5px; background: white; margin: 2px 0; }
.referees .legend li strong { display: block; margin: 0 0 5px 0; }


#referee h3 { margin: 10px 0; height: 30px; background-image: url('/img/layout/h_green.png'); }

#referee .photo { float: right; border: 1px solid #ddd; }
#referee .info, #referee .stats { width: 420px; color: #555; }
#referee .info { float: left; padding: 5px; }
#referee .info a.refCl  { display: block; font-size: 1.2em; margin: 0 0 5px; }
#referee .info strong, #referee .stats strong { color: black; line-height: 20px; }
#referee .stats { float: left; clear: left; padding: 10px 5px; margin: 15px 0 0; border-top: 1px dotted #ccc; }
#referee .stats span { padding: 0 5px; }
#referee .stats span img { vertical-align: text-bottom; }

#referee .round { width: 100%; background: white; border-collapse: collapse; }
#referee .round th { text-align: left; padding: 5px; background: url('/img/layout/h_gray.png') center left repeat-x; }
#referee .round td { border-bottom: 1px solid #ddd; padding: 5px; }





.content.players { padding: 10px; }

#player h3 { margin: 10px 0; height: 30px; background-image: url('/img/layout/h_green.png'); }

#player .photo { float: right; border: 1px solid #ddd; }
#player .info, #player .stats { width: 420px; color: #555; }
#player .info { float: left; padding: 5px; }
#player .info a { display: block; font-size: 1.2em; margin: 0 0 5px; }
#player .info strong, #player .stats strong { color: black; line-height: 20px; }
#player .stats { float: left; clear: left; padding: 10px 5px; margin: 15px 0 0; border-top: 1px dotted #ccc; }

#player .round { width: 100%; background: white; border-collapse: collapse; }
#player .round th { text-align: left; padding: 3px; background: url('/img/layout/h_gray.png') center left repeat-x; }
#player .round td { border-bottom: 1px solid #ddd; padding: 5px; }

#player .teamDetail {
	width: 100%; border: 1px solid #ccc; border-collapse: collapse;	
}
#player .teamDetail th, #player .teamDetail td { padding: 5px; }
#player .teamDetail th { background: url('/img/layout/h_black.png') center left repeat-x; text-align: left; color: white; }
#player .teamDetail tr { background: url('/img/layout/h_gray.png') center left repeat-x; }
#player .teamDetail tr.season { color: black; font-weight: bold; }                   
#player .teamDetail tr.matches { background: none; display: none; }
#player .teamDetail tr.matches td { background: #6ea928; }
#player .teamDetail tr.punish td { background: #d70000; }
#player .teamDetail tr.matches tr{ background: none;}
#player .teamDetail .more { font-weight: normal; width: 105px; text-align: right; cursor: pointer; }
#player .teamDetail .morePunish { font-weight: normal; width: 95px; text-align: right; cursor: pointer; }
#player .teamDetail .more img, #player .teamDetail .morePunish img { vertical-align: middle; }
#player .teamDetail .more.selected, #player .teamDetail .more.over { background: url("/img/layout/h_green.png") center left repeat-x; color: white; }
#player .teamDetail .morePunish.selected, #player .teamDetail .morePunish.over { background: url("/img/layout/h_red.png") center left repeat-x; color: white; }

#player .teamDetail table { color: #555; background: white; }
#player .teamDetail tr.matches td table { width: 100%; }
#player .teamDetail tr.matches td table td { background: white; }
#player .teamDetail tr.matches td table td img { vertical-align: middle; }





#gallery .content { padding: 10px; }

#gallery .galleryList {
	margin: 0 0 5px 0;
	background: white; border: 1px solid #ddd;
}
#gallery .galleryList .photo { 
	float: left; width: 130px; margin: 5px 20px 5px 5px; 
	text-align: center; padding: 3px; border: 1px solid #ccc; 
}
#gallery .galleryList  h4 { margin: 0; padding: 0; }
#gallery .galleryList  h4 a { 
	width: 420px; float: right; padding: 0 0 5px; margin: 10px 20px 5px 0; display: block; 
	border-bottom: 1px dotted #ddd;
}
#gallery .galleryList p { 
	float: right; width: 420px; overflow: hidden; margin: 0 20px 0 0;
	color: #555; font-style: italic; 
}
#gallery .galleryList .info { 
	float: left; width: 420px; padding: 10px 5px; 
}
#gallery .galleryList .info span { margin: 0 20px 0 0; }

#gallery .galleryDetail table { 
	width: 100%; border: 1px solid #ccc; border-collapse: collapse; background: #fafafa;
}

#gallery .galleryDetail .detail { background: #fafafa; padding: 10px; border: 1px solid #ccc; }
#gallery .galleryDetail .detail h4 a { margin: 10px 0; font-size: 1.2em; }
#gallery .galleryDetail .detail p { color: #333; font-style: italic; }
#gallery .galleryDetail .info { margin: 15px 0 0 0; line-height: 20px; color: #555; padding: 10px 0 0 0; border-top: 1px dotted #ccc; }
#gallery .galleryDetail .info span { margin: 0 20px 0 10px; font-style: italic; }
#gallery .galleryDetail .info a { float: right; padding: 0 10px; margin: 0 0 0 1px; background: url('/img/layout/h_black.png') center left repeat-x; color: white; }
#gallery .galleryDetail table td { padding: 5px; text-align: center; }
#gallery .galleryDetail table td a img { border: 1px solid #ccc; background: white; padding: 3px; }



.content.players { }
.content.players .letters { 
	line-height: 20px; padding: 0 5px; margin: 15px 0;
	background: url('/img/layout/h_black.png') center left repeat-x;
	border: 1px solid #000; color: white;
}
.content.players .letters a {	padding: 0 4px; color: white; font-weight: bold; }
.content.players .letters span { color: #555; line-height: 16px; }

.content.players table { width: 100%; color: #555; border-collapse: collapse; }
.content.players th div { line-height: 20px; margin: 10px 0 0; padding: 0 10px; background: url('/img/layout/h_green.png') center left repeat-x; text-align: left; color: white;  }
.content.players tr.even { background: #fff;}
.content.players tr.odd { background: #fafafa;}
.content.players td { padding: 0 5px; line-height: 24px; }
.content.players td.head { background: url('/img/layout/h_gray.png') center left repeat-x; color: #333; font-style: italic; }
.content.players td.head.black { text-align: right; background-image: url('/img/layout/h_black.png'); width: 60px; }
.content.players td.head.black a { color: white; display: block; }
.content.players td.head.black a:hover { text-decoration: none; }
.content.players td.head.black img { vertical-align: text-bottom; }
.content.players td.team a { padding: 0 5px; }
.content.players td.team img { vertical-align: text-bottom; }



#objednavky {}
#objednavky fieldset { border-top: 1px solid #555; -moz-border-radius: 5px; margin-bottom: 10px; }


#grounds .ground { float: left; width: 300px; border: 1px solid #ccc; margin: 5px; position: relative; height: 128px; background: white; }
#grounds .ground h3 { margin: 0 0 5px 0; background: none; color: #060 }
#grounds .ground .img { position: absolute; right: 5px; top:37px; width: 86px; height: 86px; background: center center no-repeat; overflow: hidden; }
#grounds .ground span, #grounds .ground strong { display: block; padding: 0 10px; height: 14px; }
#grounds .ground span { color: #555; }
#grounds .ground a { display: block; margin: 10px 10px 0; }


#ground { position: relative; }
#ground h3 { font-size: 1.5em; margin: 0; padding: 10px; color: #060; font-weight: 400; background: none; }
#ground .img { position: absolute; top: 5px; right: 5px; padding: 5px; background: white; border: 1px solid #ccc; } 
#ground fieldset { margin: 5px 5px 10px; border: 0; border-top: 1px solid #ccc; }
#ground fieldset legend { padding: 5px 5px; font-style: italic; }
#ground fieldset table { width: 100%; }
#ground fieldset table th { width: 150px; text-align: left; font-weight: normal; }
#ground fieldset table td { color: #060; font-style: italic; }

.grounds .galleryDetail table td { padding: 5px; text-align: center; }
.grounds .galleryDetail table td a img { border: 1px solid #ccc; background: white; padding: 3px; }


#eshop .item { border: 1px solid #ccc; margin: 5px; position: relative; height: 107px; background: white; }
#eshop .item h3 { margin: 5px 0 0; background: none; color: #060 }
#eshop .item .img { position: absolute; right: 5px; top: 3px; width: 100px; height: 100px; background: center center no-repeat; overflow: hidden; }
#eshop .item .img a { display: block; width: 100%; height: 100%; }
#eshop .item span { display: block; padding: 0 10px; margin: 0 0 10px; color: #555;  }
#eshop .item a { display: block; }
#eshop .item p { margin: 0; padding: 0 10px; font-style: italic; }


#item { position: relative; }
#item h3 { font-size: 1.5em; margin: 0; padding: 10px; color: #060; font-weight: 400; background: none; }
#item .img { position: absolute; top: 5px; right: 5px; padding: 5px; background: white; border: 1px solid #ccc; } 
#item fieldset { margin: 5px 5px 10px; border: 0; border-top: 1px solid #ccc; }
#item fieldset legend { padding: 5px 5px; font-style: italic; }
#item fieldset p { padding: 0 10px; }

#item .prize { padding: 0 10px; }
#item .prize strong { font-size: 16px; color:#090; }
#item .prize span { margin: 0 0 0 20px; font-style: italic; color: #333; }
#item .prizeType { padding: 10px; font-style: italic; }

.item .galleryDetail table td { padding: 5px; text-align: center; }
.item .galleryDetail table td a img { border: 1px solid #ccc; background: white; padding: 3px; }



.clubs .clubsList { border-collapse: collapse; width: 100%; }
.clubs .clubsList td { height: 30px; vertical-align: middle; padding: 2px 5px; } 
.clubs .clubsList td img { vertical-align: middle; }
.clubs .clubsList .even { background: #efefef; }
.clubs .clubsList .odd { background: white; }
.clubs .clubsList a:hover { font-weight: bold; color: black; text-decoration: none; }

#clubDetail { margin: 10px; position: relative; }
#clubDetail .detail { background: white; border: 1px solid #ccc; padding: 5px; min-height: 100px; }
#clubDetail h4 { font-size: 18px; }
#clubDetail .clubIMG { position: absolute; top: 5px; right: 5px; }

#clubDetail .president { width: 500px;}
#clubDetail .president img, .switcherTab.draw img { height: 80px; }
#clubDetail .president span, .switcherTab.draw span { display: block; line-height: 20px; }

#clubDetail table { clear: both; margin: 15px 0 0; background: white; width: 100%; }
#clubDetail table th { background: url('/img/layout/h_gray.png') center left repeat-x; }

#match .players .ground .player .about .cptSpan, #match .players .substitutes .player .about .cptSpan {display: inline; font-weight: bold; font-style: normal; color: #ffffff; background : #47790c; padding: 0px 4px; margin-left: 5px;}

/* foto-video galerie */
#gallery .galleryFrame {margin: 0; background: white; border: 1px solid #ddd;	padding: 10px; position: relative;}
#gallery .galleryFrame h4 {	font-size: 16px; font-weight: bold; color: #252525; background: transparent;	margin: 0; border-bottom: 1px dotted #ddd; padding: 0 0 5px 0;}
#gallery .galleryFrame p.descr {font-style: italic; margin: 5px 0; color: #555555;}
#gallery .galleryFrame p.info{margin: 8px 0 0 0;}
#gallery .galleryFrame p.info span{ margin-right: 4em;}
#gallery .galleryFrame p.info a.more{display: block; width: 165px; text-align: right; position: absolute; right: 12px; bottom: 10px;}

#gallery .videoItem {margin-top: 20px;}
#gallery .videoItem:first-child {margin-top: 10px;}
#gallery .videoItem h5 {font-size: 12px; font-weight: bold; display: block; width: 425px; float: right; margin: 10px 10px 8px 0;}
#gallery .galleryFrame .videoItem p {display: block; width: 425px; float: right; margin: 0px 10px 10px 0;}
#gallery .galleryFrame .videoItem p.descr {font-style: italic; color: #555555;}
#gallery .galleryFrame .videoItem p.info {margin-bottom: 0;}
#gallery .videoItem img {width: 140px;}

#searchVideo {text-align: right; height: 23px; width: 290px; position: absolute; top: 10px; right: 10px;}
#searchVideo button {border: 1px solid #999999; color: #000000; border-radius: 3px 3px 3px 3px; border-left: none; border-bottom-left-radius: 0; border-top-left-radius: 0; background: #F6F6F6; background-image: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF); vertical-align: middle; height: 23px; padding: 0 5px; margin: 0;}
#searchVideo input {height: 21px; border: 1px solid #999999; padding: 0 5px; margin: 0; vertical-align: middle; width: 185px;}
#searchVideo button:active {background: #DDDDDD; background-image: -moz-linear-gradient(center top , #CCCCCC, #FFFFFF);}

/* tresty */
.content .punish td.pName {font-weight: bold; width: 140px;}
.content .punish .pInfo {color: #555555; font-weight: normal; display: block; padding-top: 8px;}
.punish .pImg {width: 60px;}

/* loga superligy */
#splLogos {position: relative; height: 38px;}  /*pozadovana vyska - 10*/
#splLogos a {display: block; padding:0; margin:0; border: none; position: absolute; top: 1px; height: 45px; width: 45px; cursor: pointer;}
#splLogos img {display: block; width: 35px; height: 35px; position: absolute; top: 5px; left: 5px; cursor: pointer;}

/* vizitka tymu */
.teamCardHead {height: 300px; overflow: hidden; margin-bottom: 1px;}
.teamPhoto {border: none; display: block; float: left; height: 300px;}
.teamInfo {background: #578620 url('/img/layout/team_card.png') no-repeat right top; height: 280px; width: 207px; float: right; padding: 10px; position: relative;}
.teamInfo h1 {text-align: center; font-weight: bold; font-size: 18px; margin: 0; height: 45px; line-height: 22px;}
.box.black .teamInfo h2 {background: none; padding: 0; margin: 10px 0 0 35px; font-size: 14px; line-height: 15px; text-transform: none; height: 15px;}
.teamInfo p.compName {color: #ffffff; margin:2px 0 12px 35px;}
.teamInfo .dres {display: block; width: 21px; height: 21px; position: absolute; top: 170px; left: 22px;}
.teamInfo strong {color: #ffffff;}
.teamInfo p {margin: 0 0 0.3em 0;}
.teamInfo a {color: #ffffff; text-decoration: underline;}
.clubLogo {margin: 0 auto; text-align: center; display: block; height: 100px;}
.clubInfo {padding: 10px 6px;}
.clubInfo .photo {height: 80px; float: left; margin: 0 10px 0 0;}
.clubInfo .clPrezident {width: 105px; height: 60px; float: left; background: url('/img/layout/team_card_delimiter.png') no-repeat right center; padding: 20px 5px 0 0;}
.clubInfo .clPrezident p {color: #555555; margin: 0 0 0.5em 0;}
.clubInfo .clPrezident strong {color: #000000;}
.clubInfo .clTeamList {width: 275px; min-height: 60px; float: left; margin: 0 0 0 15px; padding: 0 5px 0 0;}
.clubInfo h5 {font-size: 12px; text-decoration: underline; margin: 0 0 0.5em 0;}
.clTeamList img {width: 14px; vertical-align: middle;}
.clTeamList table {border-collapse: collapse; width: 100%;}
.clTeamList table td.grayed {color: #555555; padding-left: 0.5em;}
.clubInfo .clGround {width: 110px; float: left; padding: 0 0 0 22px; background: url('/img/layout/team_card_delimiter.png') no-repeat left center; }
.clubInfo .clGround img {border: none; height: 58px;}
.clubInfo .clGround h5 {margin-bottom: 2px;}
h3.headerSwitcher {padding-left: 0;}
.headerSwitcher a {display: block; float: left; padding: 0 10px; background: url('/img/layout/h_black.png') top left repeat-x; color: #fff; border-left: 1px solid #555; border-right: 1px solid #444;}
.headerSwitcher a:hover { background-image: url('/img/layout/h_gray.png'); color: black; text-decoration: none; border-left: 1px solid #eee; border-right: 1px solid #ccc; }
.headerSwitcher a.selected { background-image: url('/img/layout/h_green.png'); color: #fff; border-left-color: #6c0; border-right-color: #690; }
.switcherTab {display: none;}
.switcherTab.active {display: block;}