/* 
CSS Stylesheet - layout.css
domain: malakopana.cz
copyright: malakopana.cz
coded by: Petr Mícek
*/

/* head layout of web */
#web { width: 999px; margin: auto; }
#ad { text-align: center; margin: 10px; }
#ad img { border: 0; }

#header {
	height: 239px; margin: 20px 0 0; position: relative;
	background: url('/img/layout/header_grass_bg.jpg') top left no-repeat;
	border: 1px solid #51a400;
}

#header #top-navigation {
	height: 28px; line-height: 28px;
	background: url('/img/layout/top_navi_bg.png');
	border-bottom: 1px solid #316700;
	color: white;
}
#header #top-navigation div.left, #header #top-navigation a.nav, #header #top-navigation a.left {
	padding: 0 15px; display: block; 
	color: white; font-weight: bold;
}
#header #top-navigation div.navi { float: left; position: relative; z-index: 20; }
#header #top-navigation div.navi a.nav:hover, #header #top-navigation div.navi.showed a.nav {
	background: url('/img/layout/top_navi_bg_sel.png') top left repeat-x; height: 30px;
	text-decoration: none; color: #316700; 
	position:	relative; z-index: 3;
}
#header #top-navigation div.navi img { vertical-align: middle; }
#header #top-navigation div.navi div.cnt { position: absolute; top: 28px; padding: 5px 15px 5px; background: white; display: none; }
#header #top-navigation div.navi.showed div.cnt { display: block; }

#header #top-navigation div.dl { width: 1px; height: 22px; margin: 3px 0; padding: 0; background: url('/img/layout/del_white_h.png'); }

#header #cmsmk { position: absolute; top: 40px; left: 20px; }
#header #malakopana { position: absolute; top: 70px; left: 10px; }


#header #navigation {
	width: 100%; height: 35px; position: absolute; bottom:0; right: 0; z-index: 300;
	background: url('/img/layout/navigation_bg.png') top left no-repeat;
}
#header #navigation ul {
	float: right; list-style: none; margin: 0 10px;
	line-height: 35px;
}

#header #navigation .downarrowclass { margin: 0 0 0 5px; }
#header #navigation .rightarrowclass { position: absolute; top: 8px; right: 2px; }

#header #navigation ul li { float: left; display: block; margin: 6px 0; position: relative; }
#header #navigation ul li.del { background: url('/img/layout/del_grey_h.png') top center repeat-y; width: 1px; margin: 6px 0; height: 22px; overflow: hidden; }
#header #navigation ul li a {
	float: left; margin: 0px; padding: 0 10px; display: block; height: 29px; line-height: 24px;
	color: #464646; font-weight: bold;
}
#header #navigation ul li.selected a {
	background: url('/img/layout/menu_bg_sel.png') top left repeat-x;
	color: white;
}
#header #navigation ul li a:hover {
	background: url('/img/layout/menu_bg_over.png') top left repeat-x;
	text-decoration: none; 
}

/*1st sub level menu*/
#header #navigation ul li ul {
	margin: 0; padding: 0; position: absolute; top: 39px; left: 0; float: none;
	visibility: hidden; list-style: none;	display: block; border-top: 1px solid #51a400;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#header #navigation ul li ul li {
	/*background: url('../img/layout/menu_bg_over.png') center left repeat-x;*/
	background: #51a400;
	margin: 0; padding: 0; display: block; float: none; height: 24px; line-height: 24px;
}
#header #navigation ul li ul li a:hover { background: #78d919; }
#header #navigation ul li ul li ul { top: 0; }
#header #navigation ul 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;
}


#header #header_image {
	width: 237px; height: 159px; position: absolute; top: 37px; left: 493px;
}
#header #header_image img { position: relative; z-index: 5; margin: 2px; }
#header #header_image .cover { 
	width: 100%; height: 100%; position: absolute; z-index: 10; top: 0;
	background: url('/img/layout/header_grass_layout.png') top left no-repeat;
}

#header #sponsors {
	position: absolute; bottom: 45px; right: 10px; text-align: center;
}


#websettings { width: 160px; color: #ccc; }
#websettings h5 { margin: 0; color: #030; font-size: 1em; height: 20px; line-height: 24px; border-top: 1px dotted #ccc; margin: 3px 0 0; }
#websettings span { display: block; line-height: 24px; }
#websettings span img { float: right; }



#login { margin: 0; padding: 10px 0 0; width: 220px; }
#login label { float: left; color: #316700; clear: right; clear: both; }
#login label img { margin-right: 10px; }
#login .input {
	float: right; height: 16px; padding: 4px 5px 0 0; margin: 2px 0 0 0;
	border: 1px solid #ccc; font-size: 0.9em; color: #316700; text-align: right;
}
#login .button { 
	width: 132px; clear: both; float: right; margin: 2px 0 0; line-height: 22px;
	background: url('/img/layout/top_navi_bg.png') left center repeat-x;
	border: 1px solid #316700; color: white;
}
#login .links { 
	margin: 10px 0 0; padding: 5px 0 0;
	border-top: 1px dotted #ccc;
	text-align: center; color: #ccc;
}

#websearch { margin: 0; padding: 10px 0 0; right: 0; text-align: right; }
#websearch label { color: #316700; clear: right; clear: both; }
#websearch .input {
	height: 16px; padding: 4px 5px 0 0; margin: 2px 0 0 0;
	border: 1px solid #ccc; font-size: 0.9em; color: #316700; text-align: right;
}
#websearch .button { 
	width: 24px; height: 22px; clear: both; padding: 0;
	background: url('/img/layout/top_navi_bg_sel.png') left center repeat-x;
	border: 1px solid #ccc; border-left: 0; color: #316700;
}
#websearch .links { 
	margin: 10px 0 0; padding: 5px 0 0;
	border-top: 1px dotted #ccc;
	text-align: center; color: #ccc;
}
#websearch .links a { line-height: 1.3em; }





/* content */
#content { padding: 10px 0 0; border-bottom: 1px solid white; }
#content #leftside { width: 306px; float: left; }
#content #contentbox { width: 681px; float: right; }



#footer {
	padding: 20px 0;
	height: 125px;
	border-top: 1px solid #ccc;
}
#footer h3 {
	padding: 0 5px 5px; margin: 0 0 10px; line-height: 24px;
	border-bottom: 1px dotted #ccc;
	text-transform: uppercase; color: #555;
}
#footer h3 img { vertical-align: text-bottom; float: right; }
#footer .copy, #footer .categories, #footer .folowus, #footer .newsletters { height: 100%; float: left; padding: 0 10px; }
#footer .copy {
	width: 240px; float: left;
	/*border-right: 1px solid #ccc;*/
}
#footer .copy img { margin: 0 0 20px; }
#footer .categories {
	width: 230px; float: left;
	/*border-right: 1px solid #ccc; border-left: 1px solid #fff;*/
}
#footer .newsletters {
	width: 190px;
}
#footer .optimalized { width: 420px; text-align: center; margin: 40px 0 0; float: left; }
#footer .folowus { width: 240px; }
#footer .folowus img { margin: 0 2px; }


.box { 
	padding: 0 0 10px 0;
}
.box .header {
	height: 43px;
	background: url('/img/layout/header_bg.png') top left repeat-x;
}
.box .header img {
	float: left; margin: 5px 10px;
}
.box .header h4 {
	margin: 0; padding: 7px 10px 0 0;
	font-size: 1.14em; color: #479700; text-transform: uppercase;
}
.box .header h4 span {
	display: block; font-size: 0.8em; text-transform: none; color: #626262; font-weight: normal;
}
.box .content {
	padding: 10px; border: 1px solid #ccc; background: white; color: #333;
}

.box .content .loader { margin: auto 15px; text-align: center; }
.box .content .loader img { margin: auto; }


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



#map { width: 284px; height: 163px; margin: auto; position: relative; background: url('/img/layout/map.png') top left; }
#map #mapArea { position: absolute; top: 0; left: 0; border: 0;  }
#map #mapTitle { position: absolute; right: 0; top: 0; color: #479700; font-weight: bold; }
#map img { position: absolute;}
#map #mapLoader { display: none; }
#associations { background: url('/img/layout/del_green_v.png') top left repeat-x; margin: 10px 0 0; padding: 5px 0 0; }

#associations .assoc { height: 55px; padding: 5px 5px 5px 70px; position: relative; background: url('/img/layout/associations_bg.png') bottom left repeat-x; }
#associations .assoc.over {	 }
#associations .assoc h3 { margin: 0; color: #479700; }
#associations .assoc .details { position: absolute; bottom: 5px; left: 70px; }
#associations .assoc .details img { vertical-align: text-bottom; padding: 0 5px 0 0; }
#associations .assoc .details a { margin: 0 5px 0 0; }
#associations .assoc .erb { position: absolute; left: 10px; top: 4px; }

#assoc .detail { margin: 10px; }
#assoc .detail .info {  height: 70px; border-bottom: 1px dotted #ccc; margin: 0 0 10px; }
#assoc .detail .info img { float: left; margin: 0 20px 0 0; }
#assoc .detail .info .title { float: left; margin: 10px 40px 10px 10px; }
#assoc .detail .info .title strong { display: block; color: #479700; font-size: 14px; }
#assoc .detail .contact { clear: both; float: none; }
#assoc .detail .contact .i { width: 150px; font-style: italic; }
#assoc .detail .contact strong { color: #479700; }
#assoc .detail .contact img { float: left; margin: 0 20px 0 0; border: 1px solid #333; height: 125px }



.box#newTeams .content { 
	background: url('/img/layout/league_new_team.png') top left no-repeat; padding: 0; margin: 0;
	height: 246px; overflow: hidden; position: relative;
}
.box#newTeams .content a { position: absolute; top: 195px; left: 30px; width: 240px; text-align: center; }
.box#newTeams .content a:hover { color: #333; text-decoration: none; }



/* errors */
#error {
  min-height: 380px; padding: 0 200px 20px 20px;
}
#error.data { background: url('/img/layout/underconstruction.jpg') top right no-repeat; }
#error.notfound { background: url('/img/layout/error.jpg') top right no-repeat; }
#error form { margin: 10px 0; }
#error form .input {
  border: 1px solid #aaa; padding: 5px;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
} 
#error ul {
  width: 400px; margin: 0; padding: 20px 10px; list-style: none; background: url('/img/layout/bg_black_20.png');
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
}





/* CSS3 defines */
input, textarea, select { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.input { -moz-box-shadow: inset rgba(0,0,0,0.1) -1px 1px 1px 0px; -webkit-box-shadow: inset rgba(0,0,0,0.1) -1px 1px 1px 0px; box-shadow: inset rgba(0,0,0,0.1) -1px 1px 1px 0px; }
#websearch .input {
	-webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0;
}

#websearch .button {
	-webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;
}

/*#header #navigation ul li a {
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
#header #navigation ul li ul li a {
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}*/

#header #top-navigation div.navi div.cnt {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,0.2) 1px 1px 1px 1px;
	-webkit-box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px;
  box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px;
}

.box .header {
	-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;
}
.box .content {
	-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;
}

#associations .assoc {
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}




.pool { padding: 0px; font-size: 1em; }
.pool .poolQuestion { border-bottom: 1px dotted #ccc; margin: 0 5px; padding: 5px 0; color: #479700; background: white; }
.pool .poolResults { padding: 0 5px; }
.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: 5px; padding: 5px 0 10px; border-top: 1px solid #dfdfdf; }





/* pages */

/* NEWS */
#news { margin: 0; }
#news .short { background: url('/img/layout/news_bg.png') bottom left repeat-x; padding: 0 0 23px; }
#news .newsHead { height: 165px; overflow: hidden; }
#news .newsHead a.nn { float: left; display: block; background: white; border: 2px solid #ccc; overflow: hidden; width: 484px; }
#news .newsInfo { width: 171px; padding: 10px 0; height: 145px; float: right; color: #2c2c2b; background: #eee; }
#news .newsInfo .info { padding: 0 10px; height: 75px; overflow: hidden; }
#news .newsInfo .info .autor { font-weight: bold; margin-bottom: 10px; border-bottom: 1px dotted #ccc; padding-bottom: 5px; }
#news .newsInfo .info .rating { }
#news .newsInfo .info .rating { }
#news .newsInfo .date { height: 43px; background: url('/img/layout/news_date_bg.png') center left repeat-x; }
#news .newsInfo .date .day { float: left; line-height: 43px; width: 50px; font-size: 36px; font-weight: bold; color: #479700; text-align: right; }
#news .newsInfo .date .monthtime { float: right; width: 111px; text-align: center; font-size: 1.2em; text-transform: uppercase; color: #479700; font-weight: bold; padding: 6px 5px; }
#news .newsInfo .links { clear: both; padding: 5px 0; margin: 0 0 10px; text-align: center; }
#news .newsInfo .links a { position: relative; }
#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; text-align: justify; }
#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: #497900; 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; }
#news .newsFooter a {  }
#news .newsFooter a.enter { margin: 0 0 15px; float: right; }


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



/* documents */
.content.documents, .content .draw { padding: 10px; }
.content.documents h3, .content .draw h3 { height: 21px; padding: 0 5px; margin: 0; line-height: 21px; background: url('/img/layout/h_gray.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: #eee; text-align: left; color: #555; border-bottom: 1px solid #ddd; }
.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; }

#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: 120px; color: #555; }
#document .data .info { float: left; font-weight: bold; color: #360; }
#document .fileDownload { float: left; width: 304px; 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; }


.ctc table { border-collapse: collapse; margin: 0 0 20px; width: 100%; }
.ctc table th { height: 20px; background: #eee; text-align: left; color: #555; border-bottom: 1px solid #ddd; }
.ctc table th, .ctc table td { padding: 3px 5px; vertical-align: middle; }
.ctc table tr { background: #fff; border-bottom: 1px solid #eee; }



/* gallery css */
#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: 470px; float: right; padding: 0 0 5px; margin: 10px 20px 5px 0; display: block; 
	border-bottom: 1px dotted #ddd;
}
#gallery .galleryList p { 
	float: right; width: 470px; overflow: hidden; margin: 0 20px 0 0; 
	color: #555; font-style: italic; clear: right;
}
#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/menu_bg_sel.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; }


#tournaments fieldset { 
	margin: 20px 0; padding: 0;
	border: 0; border-top: 1px dotted #479700;
}
#tournaments fieldset legend { margin: 0; padding: 0 5px; font-weight: bold; color: #479700; }
#tournaments form { margin: 10px; }
#tournaments form fieldset { padding: 5px; }

#tournaments .list { border-collapse: collapse; width: 100%; }
#tournaments .list th, #tournaments table td { line-height: 20px; padding: 2px 5px; }
#tournaments .list th { background: url('/img/layout/h_gray.png') center left repeat-x; text-align: left; }
#tournaments .list td { border-bottom: 1px solid #ccc; background: #fafafa; }

#tournaments .detail { width: 100%; }
#tournaments .detail .info { width: 150px; font-style: italic; }
#tournaments .detail .category { padding: 15px 5px 2px; border-bottom: 1px solid #497900; color: #497900; }

#tournaments .detail .title { color: #497900; }
#tournaments .detail .docs a { text-decoration: none; display: block; }
#tournaments .detail .docs a img { vertical-align: text-bottom; padding: 0 5px 0 0; }
#tournaments .detail .docs a:hover { background: #eee; }



.fieldset { border: 0; }


.form { line-height: 25px; }
.form label { font-weight: bold; padding: 0 5px 0 0; }
.form input, .form textarea, .form select { vertical-align: middle; margin: 5px 0; }
.form textarea { border: 1px solid #ccc; padding: 5px; color: #555; }
.form .input { height: 20px; border: 1px solid #ccc; margin: 0 5px 0 0; padding: 2px 5px; color: #555; }
.form select.input { height: 25px; }
.form .input:focus, .form textarea:focus { color: #479700; }
.form .button { 
	clear: both; line-height: 22px; height: 26px;
	background: url('/img/layout/menu_bg_over.png') left center repeat-x;
	border: 1px solid #aaa; color: #333; font-weight: bold;
}
.form .button:hover {
	background-image: url('/img/layout/top_navi_bg.png'); border: 1px solid #316700; cursor: pointer; color: white;
}
.form .info { color: #555; font-style: italic; margin: 0 10px 0 0; }
.form .delline { height: 0px; margin: 5px 0; border-top: 1px solid #ccc; }