body{
	font-size: 11px;
	font-family: verdana;
	
	/*background: white url(layout/background.jpg) repeat-x left 90px;*/
	/*background: #274079 url(layout/background.jpg) no-repeat center 86px;*/
	background: #060500 url(layout/background-shock.jpg) no-repeat center 89px;
	/*background: #2c2c2c url(layout/background-cerven.jpg) no-repeat center 89px;*/

	/*background: white;*/

	color: #454545;
	
	padding: 0px;
	margin: 0px;
}

/* Links */
a, a:active {
	color: #4dafb2;
	font-weight: bold;
	text-decoration: underline;
}

a:visited{
	color: #4dafb2;
	text-decoration: underline;
}

a:hover{
	color: #000;
	text-decoration: none;
}

img{
	border: 0px;
}


/* Skiping classes */
.skip-25px{
	float:left;
	width: 100%;
	height: 25px;
}

.skip-20px{
	float:left;
	width: 100%;
	height: 20px;
}

.skip-15px{
	float:left;
	width: 100%;
	height: 15px;
}

.skip-10px{
	float:left;
	width: 100%;
	height: 10px;
}

.skip-5px{
	float:left;
	width: 100%;
	height: 5px;
}

.skip-3px{
	float:left;
	width: 100%;
	height: 3px;
}

.full-div{
	float:left;
	width: 100%;
}

.centered{
	text-align: center;
}

.special-color{
	color: #4dafb2;
}

.required-star{
	color: red;
}

.line-light{
	background: url(layout/line-light.jpg) repeat-x;
	padding-left: 5px;
}

.line-dark{
	background: url(layout/line-dark.jpg) repeat-x;
	padding-left: 5px;
}

.line-light-consist{
	background-color: #f9f9f9;
}

.line-dark-consist{
	background-color: #f1f1f1;
}

/* Nette datepicker */
input.datepicker {
		background: transparent url('calendar.png') no-repeat right;
		border: 1px solid #CCCCCC;
		padding-right: 20px;
		padding: 0.2em
}

/* Nette LiveValidation */
.form-control-error { border-color: #b00; background-color: #fee; }
.form-error-message {
    margin-left: 5px;
    padding-left: 20px;
    padding-top: 10px;
    background: url('layout/icon/error.gif') 0 10px no-repeat;
    min-height: 20px;
    min-width: 20px;
    font-size: 12px;
    color: #b00;
}


/* Bubliny */
#dhtmltooltip{
position: absolute;
width: 158px;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.dhtmltooltip-top{
  width: 158px;
  height: 28px;
  background: url('layout/bubble/bubble_top.png') no-repeat;
}
#dhtmltooltip-text{
  width: 148px;
  background: url('layout/bubble/bubble_1px.png') repeat-y;
  padding: 5px;
  text-align: center;
}
.dhtmltooltip-bottom{
  width: 158px;
  height: 13px;
  background: url('layout/bubble/bubble_down.png') no-repeat;
}



/* Skelet website */

#header{
	width: 100%;
	height: 89px;
	
	background: white url(layout/header-shock.jpg) no-repeat center top;
}

#header-main{
	/*width: 980px;*/
	width: 1020px;
	height: 90px;

	margin-left: auto;
	margin-right: auto;
}

#header-logo{
	float:left;
	margin-right: 5Px;
}

#header-partners{
	float:left;
}

.header-separator{
	float:left;
	
	width: 1px;
	height: 47px;
	
	margin-right: 15px;
	margin-left: 25px;
	
	margin-top: 25px;
	
	background: url(layout/header-seperator.png) no-repeat;
}

#header-partners img{
	/*margin-left: 20px;*/
	margin-right: 20px;
	float:left;
}

#header-partners #intel{
	margin-right: 5px;
	margin-left: 10px;
}

#header-partners #asus{
	padding-top: 35px;
}

#header-partners #shock{
	margin-right: 0px;
}

#header-login{
	float: left;
	text-align: left;
	padding-left: 20px;
}

#header-login-login{
	float: left;
	width: 320px;
	padding-top: 8px;
}


#logged-right{
	float:left;
	width: 120px;
}

#logged-left{
	float:left;
	width: 200px;
}

#logged-menu{
	float:left;

	padding-left: 6px;
	padding-top: 3px;

}

#logged-avatar{
	float:left;
	width: 53px;
	border: 1px solid black;
}

#logged-menu-options{
	width: 110px;

	
	font-size: 11px;
	
	background-color: white;
	border: 1px solid black;
	border-top: 0px;
	
	position: absolute;
}

.logged-menu-option{
	cursor: pointer;

	padding-left: 3px;
}

.logged-menu-option a,.logged-menu-option a:visited, .logged-menu-option a:active{
	text-decoration: none;
	font-weight: normal;
	color: #454545;
	width: 100%;
}
.logged-menu-option a:hover{
	
}

#logged-info-right{
	float:left;
	width: 145px;
	
}

#logged-nick{
	float:left;
	width: 100%;
	display: block;
	padding-left: 6px;
	padding-top: 0px;
	color: white;
}

#logged-role{
	float:left;
	width: 100%;
	display: block;
	padding-left: 6px;
	padding-top: 0px;
}

#header-login-login .label{
	float: left;
	color: white;
}

#frmlogin-login_email{
	width: 98px;
	height: 19px;
	
	float:left;

	background:url(layout/form/email.png) no-repeat;
	border: 0px;
	
	padding-left: 5px;
}

#frmlogin-login_password{
	width: 98px;
	height: 19px;

	float:left;

	background:url(layout/form/password.png) no-repeat;
	border: 0px;

	padding-left: 5px;
}

#frmlogin-autologin{
	float:left;
	padding: 0px;
	margin: 0px;
	margin-left: 4px;
	margin-top: 5px;
	
}


#frmlogin-login_submit{
	width: 22px;
	height: 19px;
	
	float:left;

	background:url(layout/button/ok.png) no-repeat;
	border: 0px;
}

#registration{
	
}

#menu{
	width: 100%;
	height: 53px;

	background: url(layout/menu.png) no-repeat center top;
}

#menu-main{
	width: 980px;
	
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;

	color: black;
	font-size: 15px;
}

.menu-separator{
	width: 2px;
	height: 48px;

	float:left;
	background: url(layout/menu-separator.png) no-repeat;
	
	padding-left: 0px;
	padding-right: 0px;
}

.menu-option{
	float: left;
	
	padding-top: 12px;
	padding-right: 15px;
	padding-left: 15px;
	
	height: 36px;
	
	/*background: url(layout/menu-separator.png) no-repeat top right;*/
	
	overflow:hidden;
}

.menu-option-selected{
	float: left;
	
	padding-top: 12px;
	padding-right: 15px;
	padding-left: 15px;
	
	height: 41px;
	
	
	background: url(layout/menu-option-selected.jpg) repeat-x bottom left;
		
}

.submenu-separator{
	width: 2px;
	height: 14px;
	
	padding-top: 18px;
	background: url(layout/submenu-separator.jpg) no-repeat center center;
	
	float:left;
}

.submenu-option{
	float:left;
	padding-top: 6px;
	
	padding-left: 10px;
	padding-right: 10px;
}

#submenu a, #submenu a:active, #submenu a:visited{
	font-weight: normal;
	color:  black;
	text-decoration: none;
	
	font-size: 12px;
} 

#menu a,#menu a:hover,#menu a:active{
	color: black;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}




#root{
	width: 1000px;

	margin-left: auto;
	margin-right: auto;
}

#background-left{
	width: 20px;
	height: 550px;
	
	float:left;
	background: url(layout/background-left.png) no-repeat;
}

#main{
	width: 959px;
	min-height: 800px;
	
	float:left;
	
	background-color: white;
}

#content{
	float:left;
	width: 950px;
	min-height: 500px;
	
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#background-right{
	width: 20px;
	height: 550px;
	
	float:left;
	background: url(layout/background-right.png) no-repeat;
}


#submenu{
	width: 100%;
	height: 36px;

	background: url(layout/submenu.jpg) repeat-x;
}


.submenu-options{
	display: none;
}

#footer{
	width: 951px;
	height: 44px;
}

#footer-left{
	width: 5px;
	height: 44px;

	float:left;

	background: url(layout/footer-left.jpg) no-repeat
}

#footer-main{
	height: 44px;
	width: 921px;
	
	float:left;

	background-color: #f1f1f1;
}

#footer-right{
	width: 5px;
	height: 44px;

	float:left;

	background: url(layout/footer-right.jpg) no-repeat
}

#footer img{
	float:left;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
}

.footer-text{
	float:left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 12px;
	font-size: 13px;
}

.footer-separator{
	width: 1px;
	height: 15px;
	float: left;

	margin-top: 15px;

	margin-left: 5px;
	margin-right: 5px;
	
	background-color: black;
	
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.footer-main-right{
	float: right;

	text-align: left;
}

#root-left{
	float:left;

	width: 680px;
}

#root-right{
	float:right;

	width: 254px;
}

.box-right{
	width: 254px;
}

.box-right-head{
	float:left;

	padding-left: 10px;
	padding-bottom: 5px;

	font-size: 15px;
}

.box-right-top{
	float:left;
	
	width: 256px;
	height: 7px;

	background: white url(layout/box-right-top.jpg) no-repeat; 
}

.box-right-mid{
	float: left;
	
	width: 250px;

	padding-left: 3px;
	padding-right: 3px;
	
	background: white url(layout/box-right-mid.jpg) repeat-y;
}

.box-right-content{
	float: left;

	width: 230px;

	background: white url('layout/box-right-content.jpg') no-repeat;

	padding-left: 10px;
	padding-right: 10px;
}

.box-right-content-title{
	font-size: 15px;
}

.box-right-content-img{
	float:left;
	margin-top: 5px;

	width: 105px;
	height: 100px;

	border: 2px solid black;
}

.box-right-content-info{
	width: 100px;
	float:left;
	padding-left: 10px;
	padding-top: 5px;
}

.box-right-content-nick{
	font-size: 13px;
}

.box-right-bottom{
	float:left;
	
	width: 256px;
	height: 9px;

	background: white url(layout/box-right-bottom.jpg) no-repeat; 
}


/* MAIN PAGE */

.flash-news{
	float:left;	
}



#main-left{
	width: 490px;

	float:left;
}

#main-right{
	width: 442px;

	float:left;
	padding-left: 5px;
}

.main-news{
	width: 484px;
}

.main-news img{
	float: left;
	padding-right: 4px;
	padding-top: 3px;

}

.main-news .text{
	float: left;
	
	width: 327px;
}

.main-news-main{
	width: 474px;

	float:left;
	
	background: white url(layout/main-news.jpg) no-repeat;

	padding: 5px;
}

.article-title{
	font-size: 16px;
	color: #4ccd1f;
}

.article-date{
	color: black;
	padding-bottom: 3px;
}

.main-news-bottom{
	width: 484px;
	height: 25px;

	float:left;

	background: url(layout/main-news-bottom.jpg) no-repeat;
}

.main-news-bottom-social{
	float:left;width: 170px;	
}
.main-news-bottom .bottom-text{
	float:left;
	
	padding-top: 7px;
}

.bottom-text-link,.bottom-text-link:visited {
	font-weight: normal;
	
	/*color: black;*/
	text-decoration: none;
}


.main-news-bottom .sdilet{
	padding-left: 10px;
	width: 50px;
}

.main-news-bottom img{
	float:left;
	padding-left: 5px;
	padding-right: 5px;
}

.main-news-bottom .right{
	float: right;
	text-align: left;
	padding-right: 10px;
	width: 140px;
}


.headline{
	
	width: 935px;
	padding-bottom: 4px;
	background: url(layout/line.jpg) no-repeat bottom left;
	padding-left: 10px;
}

.headline h1{
	margin: 0px;
	padding: 0px;

	font-size: 15px;
}

/* Article */
.article-header{
	float:left;
	width: 685px;	
}

.article-header-top{
	float:left;
	width: 685px;
	height: 4px;

	background: url(layout/article-header-top.jpg) no-repeat;
}

.article-header-mid{
	float:left;
	width: 665px;

	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	background-color: #f3f3f3;
}

.article-header-bottom{
	float:left;
	width: 685px;
	height: 4px;

	background: url(layout/article-header-bottom.jpg) no-repeat;
}

.article-img{
	floaT:left;
	padding-right: 10px;
}


.article-main{
	float:left;
	width: 685px;	
}

.article-main-top{
	float:left;
	width: 685px;
	height: 3px;

	background: url(layout/article-main-top.jpg) no-repeat;
}

.article-main-mid{
	float:left;
	width: 665px;

	background-color: #f9f9f9;

	padding-left: 10px;
	padding-right: 10px;
}

.article-main-bottom{
	float:left;
	width: 685px;
	height: 4px;

	background: url(layout/article-main-bottom.jpg) no-repeat;
}



.main-gather{
	float:left;
	
	width: 449px;
	height: 84px;
	
	background: url(layout/gather.png) no-repeat;
	
	color: #51e5eb;
}

.main-gather-top{
	width: 300px;
	padding-right: 50px;
	padding-left: 10px;
	padding-top: 5px;
	
	font-size: 13px;
}

.main-gather-mid{
	font-size: 15px;
	padding-left: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	 
	 float:left;
	 width: 275px;
}

.main-gather-bottom{
	font-size: 11px;
	color: white;
	padding-left: 10px;
	padding-top: 5px;
	
	width: 95%;
	float:left;
	
}

.main-gather-arrow{
	float:left;
	margin-top: 8px;
}

.main-gather-signed{
	float:left;
}

.main-gather-matches{
	float:right;
	text-align: right;
}


.main-gather a, .main-gather a:active, .main-gather:visited{
	text-decoration: none;
}

.main-gather a:hover{
	text-decoration: none;
	color: #4DAFB2;	
}

	
/* Small box, for example in right menu at homepage */
.box-small{
	width: 211px;
	float:left;

	font-size: 10px;
}

.box-small-head{
	
	float:left;
	width: 98%;

	text-align: left;

	font-size: 17px;
	padding-bottom: 5px;
	padding-top: 20px;
	
	padding-left: 15px;
	
}

.box-small-top{
	width: 211px;
	height: 7px;
	float:left;
	
	background: url(layout/box-small-top.jpg) no-repeat;
}

.box-small-main{
	width: 207px;

	floaT:left;
	
	background: url(layout/box-small-main.jpg) repeat-y;

	
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

.box-small-content{
	width: 199px;
	
	float:left;
	
	padding: 4px;
	
	
	background: #fff url(layout/box-small-content.jpg) no-repeat;
}

.box-small-bottom{
	width: 211px;
	height: 7px;

	float:left;
	
	background: url(layout/box-small-bottom.jpg) no-repeat;
}

.box-small-main .date{
	color: #75bdbf;
	float:left;
	padding-right: 3px;
}

.box-small-main .link{
  float:left;
  color: black;
  text-decoration: underline;
  font-weight: normal;
  width: 160px;
}

.box-small-main .link:hover{
  
  text-decoration: none !important;
  
}

.box-small-main img{
	float:left;
	padding-right: 2px;
	padding-top:1px;
}

.box-small-main-line{
	float:left;

	width: 195px;
		
	padding: 3px;
}

.dark{
	background-color: #e2e2e2;
}

.pageForm-legend{
	cursor: pointer;
	text-decoration: underline;
}


.profile-left-left{
	width: 250px;
	float:left;
}

.profile-about{
	float:left;
	
	width: 373px;
}

.profile-about-top{
	float:left;
	
	width: 373px;
	height: 4px;
	
	background: url(layout/profile-about-top.jpg) no-repeat;
}

.profile-about-main{
	float:left;
	
	width: 353px;
	
	background-color: #f4f4f4;
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.profile-about-bottom{
	float:left;
	
	width: 373px;
	height: 4px;
	
	background: url(layout/profile-about-bottom.jpg) no-repeat;
}

/* Forms */

.defaultForm{
	
	width: 686px;
	
}

.defaultForm th{
	width: 200px;
	text-align: right;
	padding-right: 20px;
}

.defaultForm{
	
	width: 686px;

	background: white url(layout/form/group.jpg) repeat-x;
	
}

.defaultForm-group-label{

	padding-left: 40px;
	padding-bottom: 5px;
	font-size: 14px;
	
}

input{
	
	height: 20px;
	background: url(layout/form/input.jpg);
	border: 1px solid #b3b3b3; 
	padding-left: 3px;
}

.gridito-actioncell a, input[type="submit"]{
	width: 92px;
	height: 21px;	
	border:0px;
	color: white;
	font-size: 13px;
	background: url(layout/form/register.png) no-repeat;
	padding-left: 5px;
		
}
.gridito-actioncell a{
	color: white !important;
	margin: 2px;
	text-decoration: none;
	padding: 2px;
}

/* Dialog */


.defaultForm th{
	
	text-align: right;
	padding-right: 20px;
}

.dialogForm{
	
	

	background: white url(layout/form/group.jpg) repeat-x;
	
}

.defaultForm-group-label{
	padding-left: 40px;
	padding-bottom: 5px;
	font-size: 14px;
}



/*
 * 
 * -== PROFIL ==-
 * 
 */

#profile-left{
	float:left;
	width: 632px;
}

#profile-right{
	float:left;
	width: 307px;
	padding-left: 10px;
}

.profile-left-flag{
	float:left;
	padding-top: 6px;
}

.profile-left-nick{
	float:left;
	font-size: 12px;
	padding-left: 5px;
	color: black;
	padding-top: 5px;
}

.profile-last-online{
	float: left;
	font-size: 10px;

	padding-left: 10px;
	padding-top: 8px;
}

.profile-top-buttons{
	float:left;

	padding-left: 15px;
}

.profile-top-buttons img{
	float:left;
	padding-left: 5px;
}

.profile-added-info{
	float: right;
	padding-right: 50px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-size: 15px;
	line-height: 25px;
}

.profile-avatar{
	width: 272px;
	float:left;
}

.profile-avatar-top{
	float:left;
	width: 272px;
	height: 7px;

	background: url(layout/profile-avatar-top.jpg);
}

.profile-avatar-mid{
	float:left;
	width: 268px;

	overflow: hidden;
	
	background-color: #171717;
	border-left: 2px solid black;
	border-right: 2px solid black;
}

.profile-avatar-content{
	floaT:left;
	width: 100%;
	text-align: center;
}

.profile-avatar-mid img{
	border: 2px solid #202020;
	
}

.profile-avatar-bottom{
	float:left;
	width: 272px;
	height: 7px;

	background: url(layout/profile-avatar-bottom.jpg);
}

.profile-infobox-left{
	float:left;
	width: 360px;
	/*padding-left: 20px;*/
}

.tab-select-content-table{
	width: 100%;margin: 0px;line-height: 27px
}

.ui-corner-top ui-tabs-selected{
	
}

.ui-widget-header{
	background: url(layout/tabs-header.jpg) repeat-x;
}

.ui-tabs-panel {
	/*padding: 3px !important;*/	
}

#main__div_ul_li__contactInfo{
	margin-left: 10px;
}

#main__div_ul_li__basicInfo{
	margin-left: 15px;
}

#main__jQueryUITabs{
	border: 0px !important;	
}

#extend__jQueryUITabs{
	border: 0px !important;	
}

.ui-widget {
	font-size: 11px;
}


.box-big{
	width: 307px;
	float:left;
}

.box-big-top{
	float:left;
	width: 307px;
	height: 7px;
	
	background: url(layout/box-big-top.jpg) no-repeat
}

.box-big-main{
	float:left;
	width: 287px;
	
	background: url(layout/box-big-main.jpg) repeat-y;
	
	padding-left: 10px;
	padding-right: 10px;
}

.box-big-bottom{
	float:left;
	width: 307px;
	height: 8px;
	
	background: url(layout/box-big-bottom.jpg) no-repeat
}


/* POLL */
.poll-bar{
	float:left;
	width: 235px;
	height: 8px;
	
	background: url(layout/poll-bar.jpg) no-repeat;
	
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}



/* BOOK */

.book-textarea{
	width: 290px;
	height: 107px;
	border: 0px;
	
	background: url(layout/form/book-textarea.jpg);
}

#book-form table{
	float:left;
	width: 290px;

}

#book-form th{
	display: none;
}


.book-messages{
	float:left;
	
}

.book-line{
	float:left;
	width: 290px;
	min-height: 50px;
}

.book-line-dark{
	background: url(layout/book-line-dark.jpg) repeat-x;
}

.book-line-light{
	background: url(layout/book-line-light.jpg) repeat-x;
}
/* jQuery AutoComplete
 * 
 * @author Jörn Zaefferer
 * @link http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
 * 
 *  */
 
 .autoComplete{
 	position: absolute;
 	
 }
 
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* Paginator */
.paginator {
	margin: 1em 0;
	font-size: 90%;
	width: 100%;
	float:left;
	
	border-top: 1px solid #dfdfdf;
	padding-top: 2px;
}

.paginator-left{
	float:left;
	width: 150px;
	padding-top: 2px;
}

.paginator-right{
	float:right;
	
}

.paginator .button{
	float:left;
}

.paginator-left a, .paginator-left .button{
	border: 0px;
	color: black;
	
	margin-right: 0.1em;
	padding: 0.2em 0.5em;
	
	float:left;	
}


.paginator-right a, .paginator-right span {
	margin-right: 0.4em;
	padding: 0.3em 0.6em;
	float:left;
}

.paginator-right a {
	text-decoration: none;
	color: white;
	
	background-color: #979797;
}

.paginator-right .current {
	background: #dfdfdf;
	/*border: 1px solid #2E6AB1;*/
	color: black;
	/* font-weight: bold;*/
}

/* Comments */
.comments{
	width: 691px;
	float:left;
}

.comments-top{
	width: 691px;
	height: 8px;
	
	float:left;
	
	background: url(layout/comments-top.jpg) no-repeat;
}

.comments-bottom{
	width: 691px;
	height: 8px;
	
	float:left;
	
	background: url(layout/comments-bottom.jpg) no-repeat;
}

.comments-main{
	width: 685px;
	
	float:left;
	
	padding-left: 3px;
	padding-right: 3px;
	
	background: url(layout/comments-main.jpg) repeat-y;
}

.comments-content{
	width: 675px;
	
	float:left;
	
	padding-left: 5px;
	padding-right: 5px;
	
	background: url(layout/comments-content.jpg) no-repeat;
}


.comments-add-left{
	float: left;
	width: 135px;
	padding-left: 30px;
	padding-top: 5px;
}

.comments-add-right{
	float: left;
	width: 405px;
	
	padding-top: 5px;
	
}

.comments-add-avatar{
	width: 111px;
	
	float:left;
}

.comments-add-avatar-top{
	width: 111px;
	height: 3px;
	
	float:left;
	
	background: url(layout/comments-avatar-top.jpg) no-repeat; 
}

.comments-add-avatar-bottom{
	width: 111px;
	height: 11px;
	
	float:left;
	
	background: url(layout/comments-avatar-bottom.jpg) no-repeat; 
}

.comments-add-avatar-main{
	width: 106px;
	float:left;
	
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	
	background-color:#343434;
}

.comments-add-avatar-img{
	float:left;
	width: 100px;
	height: 100px;
}

.comment{
	
	width: 625px;
	
	margin-left: auto;
	margin-right: auto;
}

.comment-main{
	float:left;
}

.comment-dark{
	background-color: #f0f0f0;
}

.comment-light{
	background-color: #f8f8f8;
}

.comment-avatar{
	float: left;
	width: 104px;
	
	padding-left: 5px;
}

.comment-img{
	float:left;
	width: 100px;
	height: 100px;
	
	border: 2px solid #ececec;
}

.comment-content{
	float:left;
	width: 490px;
	padding-left: 10px;
}

.comment-head{
	padding-left: 5px;
}

.comment-add-textarea{
	width: 475px;
	height: 97px;
	
	background: url(layout/form/comments-textarea.jpg) no-repeat;
	
	padding: 5px;
	border: 0px;
}

.comments-add-avatar-right{
	float:left;
	
	width: 23px;
	height: 34px;
	
	background: url(layout/comments-avatar-right.png) no-repeat;
}



/* Flash Messages */
#snippet--flashMessages{
	position:fixed;

        
	
	
	width: 100%;
	
	top: 0px;
	
	left: 0px;
		
}

.flashMessage{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}


.flashMessage-ok{
	height: 37px;
	
	floaT:left;
	width: 100%;
	
	background: url(/layout/flashMessage/green/mid.png) repeat-x;
	
	display: none;
}

.flashMessage-error{
	height: 37px;
	
	floaT:left;
	width: 100%;	
	background: url(layout/flashMessage/red/mid.png) repeat-x;
	
	display: none;
}

.flashMessage-left{
	width: 750px;
	height: 37px;
	float:left;
	
	padding-top: 6px;
	
	text-align: center;
	
	font-size: 17px;
}

.flashMessage-close{
	float:left;
	padding-top: 8px;
}


/* PRIVATE  MESSAGES */
#messagesMain__div_ul{
	width: 318px;
	margin-left: auto;
	margin-right: auto;
}

.send-message{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

#messagesMain__jQueryUITabs{
  border: 0px !important;
}


.send-message-form{
	font-size: 12px;
	line-height: 16px;
	border: 1px solid silver;
	background: url(layout/form/underline.gif);
	padding: 0px;
	margin: 0px;
}

.send-message input[type="text"]{
	width: 240px;
}

#messages-box-table  .messages-header-content{
	background-color: #b2b2b2;
	padding-left: 8px;
	color: white;
	height: 25px;
}

#messages-box-table .messages-line-content{
	background-color: #f5f5f5;
	padding-left: 8px;
}

.messages-header-left{
	background: url(layout/messages-header-left.png) no-repeat;
	width: 25px;
	padding-top: 4px;
	text-align: center;
}

.messages-line-left{
	background: url(layout/messages-line-left.png) no-repeat;
	width: 25px;
	padding-top: 4px;
	text-align: center;
}

.messages-line-right{
	background: url(layout/messages-line-right.png) no-repeat;
	width: 92px;
	padding-top: 4px;
	text-align: center;
}


.messages-header-right{
	background: url(layout/messages-header-right.png) no-repeat;
	width: 25px;
	padding-top: 4px;
	text-align: center;
	color: white;
}

/*  Ajaxový točítko  */
#ajax-spinner {
    position:fixed;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: white url('/layout/ajax-loader.gif') no-repeat 50% 50%;
    padding: 13px;
    border: 2px solid #CCC;
    font-size: 0;
}


/* Calendar */

#calendar{
	float:left;
}

.calendar-button{
	width: 25px;
	height: 19px;
	
	background: url(layout/calendar-button.jpg);
	
	text-align: center;
	padding-top: 4px;	
}

.calendar-button-checked{
	width: 25px;
	height: 19px;
	
	background: url(layout/calendar-button-checked.jpg);
	
	text-align: center;
	padding-top: 4px;	
	
	cursor: pointer;
}

#calendar-content{
	width: 207px;
	padding: 0px;
}

#calendar-content td{
	text-align: center;
}

#calendar-content a, #calendar-content a:visited{
        color: black;
        font-weight: normal;
        text-decoration: none;
}

#calendar-left{
	float:left;
	width: 15px;
}

#calendar-right{
	float:right;
	width: 15px;
}

#calendar-headline{
	float:left;
	width: 80%;
	
	text-align: center;
	
	font-size: 14px;
}

/* FORUM */
#forum-default-table{
  float:left;
  text-align: center;
  width: 100%;
}

.forum-default-name{
  text-align: left;
  padding-left: 15px;
  width: 450px
}

.forum-default-name a, .forum-default-name a:visited, .forum-default-name a:active{
	color: #464646;
	text-decoration: underline;
}


.forum-topic-main-left{
	float: left;
	width: 135px;
	padding-left: 15px;
	padding-top: 5px;
}


.forum-topic-main-avatar{
	width: 111px;
	
	float:left;
}

.forum-topic-main-avatar-top{
	width: 111px;
	height: 3px;
	
	float:left;
	
	background: url(layout/comments-avatar-top.jpg) no-repeat; 
}

.forum-topic-main-avatar-bottom{
	width: 111px;
	height: 11px;
	
	float:left;
	
	background: url(layout/comments-avatar-bottom.jpg) no-repeat; 
}

.forum-topic-main-avatar-main{
	width: 106px;
	float:left;
	
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	
	background-color:#343434;
}

.forum-topic-main-avatar-img{
	float:left;
	width: 100px;
	height: 100px;
}


.forum-topic-main-avatar-right{
	float:left;
	
	width: 23px;
	height: 34px;
	
	background: url(layout/comments-avatar-right.png) no-repeat;
}

.forum-topic-main{
	background: url(layout/forum/topic-main-content.jpg) no-repeat;
}


.forum-topic-main-right{
	width: 517px;
	float: left;
	padding-left: 10px;
}

.forum-topic-main-top{
	width: 517px;
	height: 7px;
	float:left;
	
	background: url(layout/forum/topic-main-top.png) no-repeat;
}

.forum-topic-main-bottom{
	width: 517px;
	height: 8px;
	float:left;
	
	background: url(layout/forum/topic-main-bottom.png) no-repeat;
}

.forum-topic-main-main{
	width: 497px;
	float:left;
	
	background: url(layout/forum/topic-main-main.jpg) repeat-y;
	
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	
	min-height: 100px;
}


.forum-messages-light-top{
	background: url(layout/forum/topic-message-light-top.jpg);
	width: 515px;
}

.forum-messages-light-main{
	background: url(layout/forum/topic-message-light-main.jpg);
	color: #484848;
	width: 495px;
}

.forum-messages-light-bottom{
	background: url(layout/forum/topic-message-light-bottom.jpg);
	width: 515px;
}

.forum-messages-dark-top{
	background: url(layout/forum/topic-message-dark-top.jpg);
	width: 515px;
	height :6px;
}

.forum-messages-dark-main{
	background: url(layout/forum/topic-message-dark-main.jpg);
	width: 495px;
	color: #484848;
}

.forum-messages-dark-bottom{
	background: url(layout/forum/topic-message-dark-bottom.jpg);
	width: 515px;
}



.forum-line-dark{
	background: #f5f5f5;
	height: 34px;
}

.forum-line-light{
	background: #fbfbfb;
	height: 34px;
}

.forum-line-dark-left{
	background: url(layout/forum/section-line-dark-left.jpg) no-repeat;
}

.forum-line-dark-right{
	background: url(layout/forum/section-line-dark-right.jpg) no-repeat top right;
}


.forum-line-light-left{
	background: url(layout/forum/section-line-light-left.jpg) no-repeat;
}

.forum-line-light-right{
	background: url(layout/forum/section-line-light-right.jpg) no-repeat top right;
}


.topic-add-top{
	float:left;
	width: 485px;
	height: 8px;
	
	background: url(layout/forum/topic-add-top.jpg) no-repeat;  
}

.topic-add-main{
	float:left;
	width: 485px;
	
	background-color: #f0f0f0;  
}

.topic-add-bottom{
	float:left;
	width: 485px;
	height: 3px;
	
	background: url(layout/forum/topic-add-bottom.jpg) no-repeat;  
}


/* CATEGORY */

.category-box{
	width: 686px;
	floaT:left;
}

.category-box-top{
	width: 686px;
	height: 4px;
	float:left;
	
	background: url(layout/category-top.jpg) no-repeat;
}

.category-box-content{
	width: 670px;
	float:left;
	
	padding: 8px;
	
	background: url(layout/category-content.jpg) repeat-x;
}

.article-title a, .article-title a:active, .article-title a:visited{
	color: #34c900;
	text-decoration: none;
	font-weight: normal;
}


.topic-message-flag{
	float:left;
}

.topic-message-nick{
	float:left;
	padding-left: 5px;
	padding-right: 5px;
}

.topic-message-nick a, .topic-message-nick a:visited, .topic-message-nick a:active{
	font-weight: normal;
}

.topic-message-date{
	float:left;
	color: #8a8a8a;
}

.topic-message-id{
	float:right;
	color: #8a8a8a;
}


/* GATHER */
#gather{
	background: url(layout/gather/background.png) no-repeat;
	float:left;
	
	width: 100%;
}

#gather-left{
	width: 700px;
	
	padding-left: 15px;
	
	float:left;
}

/* GATHER USERS */

.gather-users{
	float: right;
	width: 221px;	
}

.gather-users-top{
	float:left;
	width: 221px;
	height: 4px;
	
	background: url(layout/gather/gather-users-top.png) no-repeat;
}

.gather-users-bottom{
	float:left;
	width: 221px;
	height: 14px;
	
	background: url(layout/gather/gather-users-bottom.png) no-repeat;
}

.gather-users-main{
	width: 219px;
	
	float:left;
	
	border-left: 1px solid #9f9f9f;
	border-right: 1px solid #9f9f9f; 
}

.gather-users-content{
	width: 209px;
	
	float:left;
	
	background: url(/layout/gather/gather-users-content.jpg) repeat-y;
	
	border: 1px solid white;
	
	padding-left: 4px;
	padding-right: 4px;
}

.gather-users-header{
	width: 211px;
	height: 26px;
	
	float:left;
	
	background: url(/layout/gather/gather-users-header.jpg) no-repeat;
	
	font-size: 15px;
	
	padding-left: 8px;
	padding-top: 4px;
}

.gather-users-line{
	float:left;
	width: 208px;
	height: 22px;
	
	padding-left: 4px;
	padding-top: 4px;
	
	margin-left: 1px;
}

.gather-users-line-dark{
	background: url(layout/gather/gather-users-line-dark.jpg);
}

.gather-users-line-light{
	background: url(layout/gather/gather-users-line-light.jpg);
}

/*  GATHER MAIN*/

.gather-main{
	float:left;
	
	width: 698px;
}

.gather-main-top{
	float:left;
	
	width: 698px;
	height: 2px;
	
	background: url(layout/gather/gather-main-top.png) no-repeat;
}

.gather-main-bottom{
	float:left;
	
	width: 698px;
	height: 11px;
	
	background: url(layout/gather/gather-main-bottom.png) no-repeat;
}

.gather-main-main{
	float:left;
	
	width: 694px;
	
	border-left: 1px solid #9f9f9f;
	border-right: 1px solid #9f9f9f;
	padding: 1px;
}

.gather-main-content{
	float:left;
	
	width: 686px;
	
	background-color: #f4f4f4;
	
	padding: 4px;
	
}

.gather-main-header{
	float:left;
	
	width: 690px;
	height: 25px;
	
	padding-left: 5px;
	padding-top: 5px;
	font-size: 15px;
	
	background: url(layout/gather/gather-main-header.jpg) repeat-x;
}

.gather-main-messages{
	float:left;
	height: 294px;
	width: 100%;
	
	overflow: auto;
	
}

.gather-main-send{
	float:left;
	width: 690px;
	
}

.gather-main-separator{
	float:left;
	
	width: 670px;
	
	padding-left: 10px;
	padding-right: 10px;
	
	border-top: 1px solid #9f9f9f;
}

.gather-main-send input{
	float:left;
}

.gather-main-label{
	float:left;
	padding-top: 3px;
	padding-right: 10px;
}

.gather-main-send-input{
	width: 520px;
}


.highlight{
	color: #00f5fe;
}






.gather-i-search{
	float:left;
	
	width: 324px;
}

.gather-i-search-top{
	float:left;
	
	width: 324px;
	height: 3px;
	
	background: url(layout/gather/i-search-top.png) no-repeat;
}

.gather-i-search-bottom{
	float:left;
	
	width: 324px;
	height: 14px;
	
	background: url(layout/gather/i-search-bottom.png) no-repeat;
}

.gather-i-search-main{
	float:left;
	
	width: 320px;
	
	border-left: 1px solid #9f9f9f;
	border-right: 1px solid #9f9f9f;
	padding: 1px;
	padding-bottom: 0px;
}

.gather-i-search-content{
	float:left;
	
	width: 313px;
	
	background-color: #f4f4f4;
	
	padding: 4px;
	
}

.gather-i-search-header{
	float:left;
	
	width: 316px;
	height: 25px;
	
	padding-left: 5px;
	padding-top: 5px;
	font-size: 15px;
	
	background: url(layout/gather/i-search-header.jpg) repeat-x;
}





#searchOpponentForm input[type="radio"]{
	float: left;
}

.opponent-form-left{
	float:left;
	
	width: 650px;
}

.opponent-form-right{
	float:right;
	
	
}

.opponent-form-line{
	float:left;
	width: 300px;
	
	padding-left: 5px;
}

.opponent-form-line-dark{
	background-color: #f5f5f5;
}

.opponent-form-line-light{
	background-color: #f9f9f9;
}

.opponent-form-line-right{
	
}

#search-opponent th{
	width: 60px;
	text-align: right;
}

.partners{
	float:left;
	width: 389px;
}

.searching{
	float:right;
	width: 300px;
}

.opponent-search{
	width: 361px;
	float:right;
}

.opponent-search-top{
	width: 361px;
	float:left;
	height: 3px;
	
	background: url(layout/gather/opponent-search-top.png) no-repeat;
}

.opponent-search-bottom{
	width: 361px;
	float:left;
	height: 12px;
	
	background: url(layout/gather/opponent-search-bottom.png) no-repeat;
}

.opponent-search-main{
	width: 359px;
	float:left;
	
	padding-left: 1px;
	padding-right: 1px;
	
	border-left: 1px solid #9f9f9f;
	border-right: 1px solid #9f9f9f;
}

.opponent-search-content{
	width: 359px;
	float:left;
	
	background: white url(layout/gather/opponent-search-content.jpg) repeat-y;
}

.opponent-search-header{
	float:left;
	height: 53px;
	width: 350px;
	
	background: url(layout/gather/opponent-search-header.jpg) repeat-x;
	
	padding-left: 5px;
	
	font-size: 15px;
}

#frmsearchOpponentForm-name{
	width: 100px;
}

.opponent-search-headline{
	font-size: 14px;
	padding-left: 5px;
	font-weight: bold;
}


fieldset{
padding: 2px;color: #6e6e6e; border: 1px solid #d8d8d8; font-size: 10px
}



/* Root-right */
.root-right-gather{
	float:left;
	
	width: 250px;
	height: 108px;
	
	background: url(layout/menu-right-grunex-small.jpg) no-repeat;
	
	color: #51e5eb;
}

.root-right-gather-top{
	width: 190px;
	padding-right: 50px;
	padding-left: 10px;
	padding-top: 5px;
	
	text-size: 13px;
}

.root-right-gather-mid{
	font-size: 15px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	 
}

.root-right-gather-bottom{
	font-size: 11px;
	color: white;
	padding-left: 10px;
}

.banner-centered-468{
	width: 468px;
	margin-left :auto;
	margin-right: auto;
}

.ui-widget-content a, .ui-widget-content a:visited, .ui-widget-content a:active{
	color: black;
	font-weight: normal;
}


/* homepage partners */
.homepage-partners{
	float:left;
	width: 456px;
}

.homepage-partners-top{
	float:left;
	width: 456px;
	height: 7px;
	
	background: url(layout/homepage-partners-top.jpg) no-repeat;
}

.homepage-partners-mid{
	float:left;
	width: 446px;
	
	background: url(layout/homepage-partners-mid.jpg) repeat-y;
	
	padding-left: 5px;
	padding-right: 5px;
}

.homepage-partners img{
	float: left;
	margin: 10px;
}

.homepage-partners .full-div{
	height: 80px;
}

.homepage-partners-bottom{
	float:left;
	width: 456px;
	height: 7px;
	
	background: url(layout/homepage-partners-bottom.jpg) no-repeat;
}


#changeAvatar-dialog{
	display: none;
}

#changeAvatar-button,#changeAvatar-button:visited{
	position: absolute;
	bottom: 5px;
	right: 5px;
	
	background-color: black;
	padding: 5px;
	color: #4DAFB2;
	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
	cursor: pointer;
}

#user-avatar{
	position: relative;
}
.profile-avatar-content{
	position: relative;
}


#tabs__jQueryUITabs{
	border: 0px;
}


.grunex-tv-logo{
	float: right;
}

.grunex-tv-headtext{
	float:left;
	padding-top: 5px;
	padding-left: 4px;
	font-size: 12px;
	color: white;
}

.grunex-tv{
	float:left;
	
	width: 222px;
	height: 219px;
	
	background: url(layout/grunex-tv.jpg) no-repeat;
	padding: 5px;
}



.grunex-tv-title{
	color: white;
	font-size: 11px;
	
	font-weight: normal;
	text-align: center;
	padding-top: 3px;
}

.grunex-tv-title:hover{
  color: white;
}

.grunex-tv-content{
	color: silver;
	overflow: hidden;
	floaT:left;
	
	height: 40px;
}

.grunex-tv-date{
	float:left;
	/*color: #4DAFB2;*/
	color: white;
}

.grunex-tv-comments{
	float: right;
}

.grunex-tv-separator{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	background-color: silver;
}


.grunex-tv-outer {height: 125px; }



.grunex-tv-image{
	width: 210px;	
	margin: auto;
	
	
}


.partners-down{
	margin: auto;
	width: 942px;
}

.partners-down-top{
	float:left;
	width: 942px;
	height: 8px;
	
	background: url(layout/partners-down-top.jpg) no-repeat
}

.partners-down-bottom{
	float:left;
	width: 942px;
	height: 8px;
	
	background: url(layout/partners-down-bottom.jpg) no-repeat
}

.partners-down-main{
	float:left;
	width: 942px;
	
	padding-left: 3px;
	
	background: url(layout/partners-down-main.jpg) repeat-y;
}

.partners-down-content{
	float:left;
	width: 916px;
	
	padding-left: 10px;
	padding-right: 10px;
	
	background: white url(layout/partners-down-content.jpg) no-repeat;
}

#newMessageButton{
	float:left;
}

#sendMessage__sendMessageSnippet{
	float:left;
}

#addToFriend__addToFriend{
	float:left;
}




/* QUIZ */
  #poll{padding-left:1em; line-height:1.7em; position:relative;}

  
  
  #poll #__quizek div{position:relative; margin-left:3px;}
  #poll #__quizek div span{display:block; width:100%; height:5px; position:absolute;}
  #poll #__quizek div h3 span{display:inline; font-size:17px; position:relative; font-weight:normal;}
  #poll #__quizek div span.top{background:url('images/corner-top.png') center top no-repeat; top:-5px; left:0;}
  #poll #__quizek div span.bottom{background:url('images/corner-bottom.png') center bottom no-repeat; bottom:-5px; left:0;}  
  
  #poll h3{background:#ececec; margin:0; padding:5px; padding-left:10px; padding-right:10px; font-size:13px;}
  #poll p{margin-bottom:2.5em;}
  #poll ul{margin-bottom:1em; margin-top:1em;}
  
  #poll .options{margin-left:0px;}
  #poll ul{list-style-type:none; margin-left:0; padding-left:0;}
  #poll .select, #poll ul li:hover{background:url('images/option-select.png') center right no-repeat; }
  #poll ul a{font-weight:normal; text-decoration:none; display:block; padding:9px; margin-left:23px; padding-left:13px; color:#000000;}
  #poll ul .select a, #poll ul a span, #poll .start{font-weight:bold;}
  #poll ul a span{font-size:15px; padding-right:5px;}
  
  #poll .advert{text-align:center; }
  #poll img{margin:0px auto; margin-bottom:1.5em;}
  #poll .start{margin-bottom:1.5em; font-size:13px;}
  /* #poll input{height:0px;} */
  

  #poll .button{margin:0; padding:0; border:0; cursor:pointer; cursor:hand; text-indent:-1000em;/*featurka*/}
  #poll #frmendCompetitionForm-sent{width:108px; height:21px;background: url('images/button-submit.png') center top  no-repeat; position:absolute; bottom:0px; right:0px;}
  #poll #frmstartCompetitionForm-sent{width:119px; height:21px;background: url('images/button-start.png') no-repeat center top;}

  #poll  #submit-box{position:relative; width:100%; margin-top:2em;}
  #poll hr{display:none;}


.fan_box .connections{
      min-height: 50px !important;
}


.admin-tournamentfeed-approved{
	color: green !important;
}


.admin-tournamentfeed-not-approved{
	color: red !important;
}