/* CSS JSEM1 default */

/***************** BASIC GUIDE ELEMENTS ************************/

body {
	background: #16CDFF url("../img/bg_body.gif") repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin:0;
	padding:0 0 25px 0;
	line-height: 10.5pt;
	color: #555555;
	text-align: center;
}

div#bg_page {
	background: url("../img/bg_page.gif") no-repeat center top;
}

div#frameholder {
	width: 1003px;
	background: url("../img/bg_frameholder.gif") repeat-y;
	margin: 0 auto 0 auto;
	text-align: left;
	padding: 0 0 0 0 ;
}

div#header {
	height: 326px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;	
}

div#content_holder{ 
	margin: 0 0 0 0;
	padding: 0 0 15px 0;
}

div#left{
	background: url("../img/bg_left.gif") no-repeat;
	width: 160px;
	margin: 0;
	float: left;
	padding: 30px 10px 0 10px;
}

div#right{
	margin: 0;
	width: 265px;
	float: right;

	line-height: 12pt;
	padding: 15px 25px 0 10px;
	background: url("../img/bg_right.jpg") no-repeat;
}

div#center{
	margin: 0;
	width: 522px;
	float: left;
	line-height: 12pt;
	padding: 0;
}


div#content{
	padding: 15px 25px 15px 25px;
	line-height: 12.75pt;
}		

div#footer {
	width: 1003px;
	padding: 11px 0 5px 0;
	margin: 0 auto;
	font-size: 8.25pt;
	text-align: center;
	color: #86BDD5;
	background: url("../img/bg_footer.gif") no-repeat;
}

div#footer a {color: #86BDD5; text-decoration: none;}
div#footer a.cms {color: #86BDD5;}
div#footer a.design {color: #86BDD5;
}

/***************** SPECIFIC ELEMENTS ************************/

/***************** header ************************/

div#header_left{
	float: left;
	width: 807px;
}

div#header_left div#flash{
	height: 212px;
}

div#header_right{
	float: right;
	width: 176px;
	height: 247px;
	padding: 80px 0 0 20px;
	background: url("../img/bg_header_right.jpg") no-repeat;
}

/***************** user login ************************/

div#header_right div.login{
	padding: 0 0 0 20px;
	background: url("../img/bg_login.gif") no-repeat;
	height: 92px;
}
	div#header_right div.login input.text{
		border: 1px solid #A6A6A6;
		color: #A6A6A6;
		margin: 0 0 4px 0;
		padding: 2px 4px;
		width: 120px;
	}
	div#header_right div.login input.go{
		margin: 0 0 0 0;
		vertical-align: middle;
	}
	div#header_right div.login a.register{
		margin: 0 0 0 7px;
		vertical-align: middle;
		font-weight: normal;
		font-size: 8.25pt;
		text-decoration: underline;
	}

div#header_right div.login_logged{
	padding: 3px 0 0 0;
	background: url("../img/bg_login_logged.gif") no-repeat;
	height: 95px;
}

div#header_right div.login_logged div.name{
	padding: 0 0 10px 20px;
	font-weight: bold;
}
div#header_right div.login_logged img{
	margin: 0 5px 0 0;
}

/***************** header menu ************************/

div#header_right div.menu {
	margin: 7px 0 0 0;
}
	div#header_right div.menu ul{
		margin: 0;
		padding: 0;
	}
	div#header_right div.menu ul.second{
		margin: 15px 0 0 0;
	}
	div#header_right div.menu li{
		padding: 0 0 0 25px;
	}
	div#header_right div.menu ul.second li{
		padding: 0 0 5px 25px;
	}
	
	div#header_right div.menu li.add_profile {background: url("../img/bg_ico_addprofile.gif") no-repeat ;}
	div#header_right div.menu li.myfavourites {background: url("../img/bg_ico_myfavourites.gif") no-repeat 1px 5px;}
	div#header_right div.menu li.history {background: url("../img/bg_ico_history.gif") no-repeat 3px 3px ;}
	div#header_right div.menu li.statistics {background: url("../img/bg_ico_statistics.gif") no-repeat 0 4px;}
	div#header_right div.menu li.ladder {background: url("../img/bg_ico_ladder.gif") no-repeat 0 3px;}
	div#header_right div.menu li.faq {background: url("../img/bg_ico_faq.gif") no-repeat 0 3px;}
	div#header_right div.menu li.rules {background: url("../img/bg_ico_rules.gif") no-repeat 1px 3px;}
	
	div#header_right div.menu ul li a{
		color: #6B91B8;
		font-weight: normal;
	}
	div#header_right div.menu ul li a.private{
		color: #EA6C0C;
	}	
	div#header_right div.menu ul.second li a{
		font-weight: bold;
	}

/***************** HORMENU ************************/

div#hormenu {
	background: #C70F00 url("../img/bg_hormenu.gif") repeat-x;
	height: 38px;
	border-top: 2px solid #ffffff;
	margin: 0 0 0 0;
}
	div#hormenu ul.menu {
		margin: 0;
		padding: 0 0 0 15px;
	}
	div#hormenu ul.menu  li.item{
		margin:0 0;
		float: left;
		list-style-type: none;
		background: url("../img/bg_hormenu_list_item.gif") no-repeat 0 15px;
		padding: 0 0 0 0;
		margin: 0 30px 0 0;
	}
	div#hormenu ul.menu li  a{
		color: #ffffff;
		font-family: Tahoma;
		text-decoration: none;
		font-size: 8.25pt;
		font-weight: bold;
		padding: 6px 10px 6px 10px;
		display: block;
		text-transform: uppercase;
	}
	
/***************** VERMENU ************************/

div#vermenu{
}
	div#vermenu ul {
		padding: 0 0 0 7px;
		margin: 0;
	}
	div#vermenu ul  li{
		margin: 0;
		padding: 2px 0;
		list-style-type: none;
		background: url("../img/bg_vermenu_list_item.gif") no-repeat left bottom;
	}
	div#vermenu ul li  a{
		color: #6E91BA;
		text-decoration: none;
		font-size: 9pt;
		font-weight: bold;
		padding: 0 0 0 15px;
		line-height: 12.75pt;
		background: url("../img/bg_vermenu_list_link.gif") no-repeat;
	}	
	div#vermenu ul li  a{
		color: #6E91BA;
		text-decoration: none;
		font-size: 9pt;
		font-weight: bold;
		padding: 0 0 0 15px;
		line-height: 12.75pt;
		background: url("../img/bg_vermenu_list_link.gif") no-repeat;
	}
	div#vermenu ul  li.last {background: none;}
	div#vermenu ul.common li a {font-weight: normal;}
	
	div#vermenu ul li a.active {
		background: #C99633;
		color: #ffffff;
		border-right: 6px solid #B68A33; 
	}
	div#vermenu ul li ul{
		margin: 2px 0 -5px 0;
		padding: 0;
	}	
	div#vermenu ul li ul li{
		margin: 0 0 0 0;
		list-style-type: none;
		padding: 3px 0 2px 40px;
		border-bottom: 0;
	}
	div#vermenu ul li ul li  a{
		text-transform: none;
		font-weight: bold;
		padding: 0 7px 0 0;
		margin: 0;
	}

/***************** SEARCH ************************/

div#search{
	float: left;
	width: 165px;
	height: 60px;
	padding: 15px 0 0 15px;
	background: #ffffff url("../img/bg_search.jpg") no-repeat;
}
	div#search input.keyword{
		width: 140px;
		padding: 2px 4px;
		margin: 0 0 5px 0;
		color: #A1A1A1;
		border: 1px solid #A3A3A3;
	}
	div#search select{
		width: 83px;
		font-size: 7.5pt;
		color: #A1A1A1;
		vertical-align: middle;
	}
	div#search input.go{
		margin: 0 0 0 5px;
		vertical-align: middle;
	}

/***************** NEWS ************************/

div#news{
	margin: 5px 0 10px 0;
	background: url("../img/bg_news.gif") no-repeat;
	padding: 40px 0 0 0;
}
	div#news div.item{
		margin: 0 0 7px 0;
		font-size: 8.25pt;
	}	
	div#news div.item div.date{
		background: #4A7CB7;
		font-size: 8.25pt;
		padding: 1px 3px;
		font-weight: bold;
		color: #ffffff;
		display: inline;
		text-align: center;
	}
	div#news div.item div.headline{
		font-size: 8.25pt;
		padding: 2px 0 0 0;
		font-weight: bold;
		color: #333333;
	}
	div#news div.item div.text{
		padding: 2px 7px 0 0;
	}
	div#news div.item div.text a{
		font-weight: normal;
		color: #333333;
	}
	div#news div.item div.more{
		padding: 3px 50px 0 0;
		text-align: right;
	}
	div#news div.item div.more a{
		color: auto;
		text-decoration: none;
		font-weight: bold;
	}
	div#news div.item div.text a:hover, div#news div.item div.more a:hover{
		text-decoration: underline;
	}
	div#news  div.more{
		padding: 0 10px 0 0;
		text-align: right;
	}

/***************** PATH ************************/

div#path{
	text-align: right;
	color:#333333;
	margin: -5px 0 0 0;
	font-weight: bold;
	font-size: 8.25pt;
	padding: 0 5px 0 0;
}

div#path a{
	color:#666666;
	text-decoration: underline;
	font-weight: normal;
}

/***************** PARTICULAR ELEMENTS ************************/


/***************** main homepage navigation ************************/

div#mainnav{
	float: right;
	width: 627px;
	height: 75px;
	background: #ffffff url("../img/bg_mainnav.gif") no-repeat right bottom;
}
	div#mainnav img{
		vertical-align: top;
	}

/***************** homepage specifics ************************/

p.home_text{ 
	padding: 0 0 12px 7px;
}

a.home_continue{ 
	margin: 5px 0 0 40px;
	position: absolute;
}

div#homebox{
	background: url("../img/common/bg_hr_dotted.gif") repeat-x;
	padding: 0 0 10px 0; 
}

/***************** new ones ************************/

div#new_adds{
	background: url("../img/bg_new_adds.gif") no-repeat;
	padding: 45px 0 5px 0;
}
	div#new_adds div.item{
		margin: 0 0 8px 0;
		border: 2px solid #cccccc;
		font-size: 8.25pt;
		background: #ffffff;
	}
	div#new_adds div.item table td{
		vertical-align: top;
		font-size: 9pt;
	}	
	div#new_adds div.item table td.photo{
		padding: 0 0 0 0;
	}
	div#new_adds div.item table td.text{
		padding: 4px 0 4px 10px;
		border-left: 1px dashed #cccccc;
	}
	div#new_adds div.item div.name{
		font-weight: bold;
		padding: 0 0 2px 0;
		font-size: 8.25pt;
	}
	div#new_adds div.item div.name span{
		margin: 0 0 0 10px;
		font-size: 7.5pt;
	}
	div#new_adds div.item div.descript{
		font-size: 9.75pt;
		color: #E56300;
		width:175px;
		overflow:hidden;
		background: #ffffff;
		font-weight: bold;
	}
	div#new_adds div.item div.descript img{
		vertical-align: middle;
	}
	div#new_adds div.item div.descript span{
		padding: 1px 2px 2px 2px;
		margin: 0 0 0 0;
		font-size: 10.5pt;
		color: #ffffff;
		background: #E56300;
		display: inline;
	}
	div#new_adds div.item div.stars {
		padding: 5px 0 0 0;
	}
	div#new_adds div.item div.stars img{
		vertical-align: middle;
		font-size: 7.5pt;
		color: #333333;
	}
	div#new_adds div.item div.stars span{
		font-weight: bold;
		color: #E56300;
		padding: 0 0 0 3px;
	}
	div#new_adds div.more{
		padding: 0 10px 0 0;
		text-align: right;
	}

/***************** table of glory ************************/

table.table_of_glory{
	margin: 10px 0;
}
	table.table_of_glory td{
		text-align: center;
	}	
	table.table_of_glory td div.item{
		border: 2px solid #cccccc;
		border-bottom: 0;
		background: #f5f5f5;
		width: 100px;
	}
	table.table_of_glory td div.item img.photo{
		
	}
	table.table_of_glory td div.item_super{
		border: 2px solid #cccccc;
		border-bottom: 0;
		background: #f5f5f5;
		width: 200px;
	}
	table.table_of_glory td div.stars{
		padding: 3px 0; 
		width: 100px;
		line-height: 0.75pt;
		font-size: 0.75pt;
		background: #ffffff;
		margin: 0;
		border: 2px solid #cccccc;
		border-top: 0;
	}
	table.table_of_glory td div.superstars{
		padding: 5px 0; 
		border: 2px solid #cccccc;
		border-top: 0;
		line-height: 0.75pt;
		font-size: 0.75pt;
		background: #ffffff;
		margin: 0 0 0 0;
		width: 200px;
	}
	table.table_of_glory td div.superstars img{
		margin: 0 1px 0 0;
	}

/***************** mr dvojka ************************/

div#mr_dvojka{
	background: url("../img/bg_mr_dvojka.jpg") no-repeat;
	padding: 30px 15px 0 0;
}
div#mr_dvojka div.more{
	margin: 0 0 25px 315px;
}
	div#mr_dvojka div.comment img{
		border: 2px solid #cccccc;
		margin: 0 10px 15px 0;
		float: left;
	}

/***************** partners ************************/

div#partners{
	background: url("../img/bg_partners.gif") no-repeat 5px 0;
	padding: 35px 0	0 5px;
	margin: 5px 0 0 0;
}

/***************** registration ************************/

table.registration{
	background: #f9f9f9;
	border: 4px solid #f9f9f9;
}
table.registration td.text{
width: 30%;
}
table.registration td.input{
	padding: 2px 0;
}

table.registration td.input input.one{
	padding: 3px 3px;
	border: 2px solid #EA6B0B;
	font-weight: bold;
	width: 171px;
}
table.registration td.text_one{
	padding: 3px 0;
	color: #EA6B0B; 
}

table.registration td.input input{
	width: 175px;
	border: 1px solid #999999;
}

table.registration td span.note{
	color: #666666;
	font-size: 8.25pt;
	font-style: italic;
}

table.registration td textarea{
width: 445px;}

table.registration td.photo, table.registration td.submit, table.registration td.promenna{
text-align: center;
}

table.registration td.photo img.photo{
border: 2px solid #cccccc;
}

/***************** list of ones ************************/

div#center table.list_item{
margin: 7px 0 0 0;
}

div#center table.list_item td.photo{
padding: 0 7px 0 0;
width: 100px;
}
div#center table.list_item td.photo img{
border: 3px solid #cccccc;
}

	div#center table.list_item td.text{
		color: #999999;
	}
	div#center table.list_item td.text div.name{
		font-weight: bold;
		padding: 2px 0 0 0;
		color: #999999;
	}
	div#center table.list_item td.text div.descript{
		font-size: 11.25pt;
		font-weight: bold;
		color: #EA6C0C;
		padding: 4px 0 2px 0;
		margin: 0 0 4px 0;
	}
	div#center table.list_item td.text div.name span{
		margin: 0 0 0 10px;
		font-size: 7.5pt;
	}
	div#center table.list_item td.text div.seen{
		margin: 2px 0 0 7px;
		display: inline;
	}
	div#center table.list_item td.text div.seen span{
		font-weight: bold;
		color: #EB6E12;
	}
	div#center table.list_item td.text div.marking span{
		font-weight: bold;
		color: #DE4000;
	}
	div#center table.list_item td.text div.marking {
		margin: 0 0 0 7px;
		display: inline;
	}
	div#center table.list_item td.text div.marking span.devid{
		font-weight: bold;
		color: #999999;
		margin: 0 3px;
	}
	div#center table.list_item td.text div.stars{
		padding: 2px 3px 2px 0; 
		line-height: 0.75pt;
		font-size: 0.75pt;
		margin: 3px 0 0 0;
		display: inline;
	}
	div#center table.list_item td.text div.stars img{
		margin: 0 2px 0 0;
	}

/***************** detail jednicky ************************/

div.detail_holder{
	border: 1px solid #9FA8B4;
	border-bottom: 4px solid #9FA8B4;
}
div#center div.detail_holder table.detail{
	border: 4px solid #f9f9f9;
	background: #f9f9f9;
	margin: 0 0 15px 0;
}
div#center div.detail_holder table.detail td.left{
width: 400px;
}
 table.detail td.left div.name{
font-size: 12pt;
font-weight: bold;
margin: 2px 0 0 0;
color: #000000;
}
 table.detail td.left div.one{
color: #EA6B0B; 
width: 225px;
overflow:hidden;
font-size: 12pt;
font-weight: bold;
margin: 5px 0 0 0;
}

 table.detail td.left div.why{
font-size: 9pt;
font-weight: bold;
margin: 0 0 0 0;
color: #666666;
}
 table.detail td.left div.whytext{
font-size: 8.25pt;
color: #666666;
margin: 0 0 0 0;
}
 table.detail td.left div.shown{
font-size: 8.25pt;
color: #666666;
margin: 0 0 0 0;
}
 table.detail td.left div.marked{
font-size: 8.25pt;
color: #666666;
margin: 2px 0 0 0;
}
 table.detail td.left div.shown span,  table.detail td.left div.marked span{
font-size: 9.75pt;
color: #666666;
font-weight: bold;
padding: 0 1px 0 3px;
}
 table.detail td.left div.marking{
font-size: 8.25pt;
color: #666666;
margin: 2px 0 0 0;
}
 table.detail td.left div.marking span{
font-size: 9.75pt;
color: #EA6C0C;
font-weight: bold;
padding: 0 1px 0 3px;
}
 table.detail td.left div.stars{
font-size: 8.25pt;
color: #666666;
margin: 10px 0 0 0;
}
 table.detail td.left div.stars img{
margin: 0 3px 0 0;
}

div#center div.detail_holder table.detail td.right{
text-align: right;
}

 table.detail td.right img{
border: 3px solid #ffffff;
}









div.message{
padding: 2px 4px;
margin: 0 0 7px 0;
background: #FFF9DA;
border: 1px solid #FFF1A2;
color: #000000;
}

div.voting{
	padding: 0;
	margin: 7px 0 12px 0;
}
div.voting div{
	padding: 0 3px 0 4px;
	display: inline;
	margin: 0 5px 0 0;
	color: #ffffff;
	font-weight: bold;
}

div.voting div.one{background: #FEBD21;}
div.voting div.two{background: #F4AE05;}
div.voting div.three{background: #EA9A00;}
div.voting div.four{background: #EA8400;}
div.voting div.five{background: #EE7C02;}
div.voting div.six{background: #EE6602;}
div.voting div.seven{background: #EE4A02; margin: 0 8px 0 0;}


div.voting input{
vertical-align: middle;
}

div.statistic_item{
padding: 5px 0;
}

div.statistic_item img{
vertical-align: middle;
}

div.statistic_item span{
margin: 0 0 0 7px;
padding: 0 2px;
color: #ffffff;
background: #999999;
font-size: 9.75pt;
font-weight: bold;
vertical-align: middle;
}

h2 span.count{
margin: 0 0 0 7px;
padding: 0 2px;
color: #ffffff;
background: #999999;
font-size: 11.25pt;
font-weight: bold;

}
11.25pt;
font-weight: bold;

}