/* 1.1 Reset 
--------------------------------------------------------------------------------------------------------------------*/

body, dl, dt, dd, ol, ul, li, p, h1, h2, h3, h4, h5, h6,  ul, li, fieldset, form, label, legend, table, tr, th, td, img {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1;}
ul, ol { list-style: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }


.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-block;  }
.clear { clear: both; display: block; height: 0; line-height: 0; visibility: hidden; }


/* 1.2 Common elements
--------------------------------------------------------------------------------------------------------------------*/
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; padding: 3px 5px;}
.common-form label, .common-form input, .common-form select, .common-form textarea { float: left;}
	.common-form label { display: block; width: 12.5em; color: #000; font-weight: bold; padding-top: 4px; }
	.common-form input { width: 250px; padding: 2px 5px; }
	.common-form select { width: 180px;}

/* 1.3 Layout 
--------------------------------------------------------------------------------------------------------------------*/
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: #fff;}

#page { width: 920px; margin: 0 auto; }

/* 1.3.1 Header
--------------------------------------------------------------------------------------------------------------------*/

#header { height: 190px; position: relative; margin-bottom: 25px; }

	#header h1, #header h1 a, #header h1 a span { display: block; height: 43px; width: 227px; position: absolute; top: 0; left: 0;}
	#header h1 { top: 87px; left: 10px;}
		#header h1 a { text-decoration: none;}
		
	#beta { position: absolute; top: 135px; left: 193px;}
	

	#header-panel { width: 674px; height: 131px; position: absolute; top: 50px; right: 0; }
		#header-panel a { color: #fff; font-weight: bold;}
		.header-box { width: 190px; float: left; min-height: 98px; margin-top: 22px; color: #fff; font-size: 11px;}
		
		.header-box.first { margin-left: 15px;}
		.header-box.first p { padding-left: 10px; line-height: 1.5em;}
        .header-box.first div.community-links { padding-top: 20px; font-size: 1.2em; }
            .header-box.first div.community-links p { margin-top: 8px; }
            .header-box.first div.community-links span.left { position: absolute; top: 65px;}
            .header-box.first div.community-links span.right { position: absolute; right: 470px; top: 65px; }
            .header-box.first div.community-links span.left2 { position: absolute; top: 90px;}
            .header-box.first div.community-links span.right2 { position: absolute; right: 470px; top: 90px; }
        .header-box.first div.news-links { position: absolute; top: 55px; }
            .header-box.first div.news-links p { margin-top: 1px; }
            .header-box.first div.news-links p span.right { position: absolute; left: 110px; }
        .header-box.second { border: 1px solid #fff; border-top: none; border-bottom: none; width: 200px; padding: 0 15px; margin: 18px 15px;}
			.header-box.second input.search-field { width: 185px;}
			.header-box.second #search-form { margin-top: 18px;}
			.header-box.second .submit { position: absolute; top: 100px; margin-left: 145px;}
		
		.header-box.third label { display: block; margin-bottom: 3px; color: #fff;}
		.header-box.third input { width: 140px; margin-bottom: 3px;}
		.header-box .submit input { border: none; background: transparent; color: #fff; text-decoration: underline; font-weight: bold; font-size: 1.2em;
			text-align: right; padding-right: 0; cursor: pointer; height: 18px;}
		.header-box.third .submit { margin-left: 13px;}
		.header-box.third p.logged { margin-bottom: 5px; line-height: 1.3em;}
		.header-box.third ul.user-logged-top li { line-height: 1.5em;}
            .header-box.third ul.user-logged-top li.profile { font-size: 1.2em;}
		
		
	
	#tab-menu { width: 729px; height: 24px; position: absolute; left: 275px; top: 36px; z-index:2;}
		#tab-menu li { float: left; }
		#tab-menu li a { height: 24px; background-position: 0 0; background-repeat: no-repeat; display: block; margin-right: 5px; text-decoration: none!important; }
			#tab-menu li a span { visibility: hidden; }
		#tab-menu li a.home { background: url(../img/design/layout/tab1.gif); width: 57px; }
		#tab-menu li a.news { background: url(../img/design/layout/tab2.gif); width: 102px; }
		#tab-menu li a.community { background: url(../img/design/layout/tab3.gif); width: 67px; }
		#tab-menu li a.catalog{ background: url(../img/design/layout/tab4.gif); width: 59px; }
		#tab-menu li a.highlight { background: url(../img/design/layout/tab5.gif); width: 98px; margin-left: 87px; }
		#tab-menu li a.reg { background: url(../img/design/layout/tab6.gif); width: 108px; height: 26px; margin-top: -2px; }
		
	#header .sizeswitch {position:absolute; top:190px; right:17px;}
		#header #sizeswitch-box {height: 16px; width: 63px; background: url(../img/design/layout/fontresize.gif) 0 0 no-repeat; float: left;}
		#header .sizeswitch p { float: left; padding-right: 3px; padding-top: 3px;}
		#header .sizeswitch a { height:22px; display: block; width: 12px; float: left; margin-right: 17px; text-decoration: none; }
		#header .sizeswitch a.s { margin-left: -1px;}
		#header .sizeswitch a.l { margin-right: -9px;}
		
		#header .sizeswitch a.current, #header .sizeswitch a:hover {background: url(../img/design/layout/loupe.gif) -1px 12px no-repeat;}
		
		
/* 1.3.2 Main Content
--------------------------------------------------------------------------------------------------------------------*/		
#content-wrapper { padding-bottom: 2px; position: relative; min-height: 950px; }

#main-content { width: 586px; padding-left: 10px; min-height: 920px; }

.content-box { margin-bottom: 20px; position: relative; padding-bottom: 20px; }
    .content-box h2.search-header { position: relative; left: 10px; top: 5px; margin: 15px 0px 15px 0px; font-weight: bold; font-size: 1.3em; color: #fff; }
    .content-box span.search-pages a { position: relative; left: 10px; top: 10px; font-weight: bold; color: #fff; }

	.content-box-nav { height: 25px; padding: 5px 0 0 27px;}
		.content-box-nav li { float: left; width: 140px; height: 25px; text-align: center; font-weight: bold; }
			.content-box-nav li.mid-item { margin: 0 56px;}
			.content-box-nav li a, .content-box-nav li span { display: block; padding-top: 8px; }
		.content-box-nav.long li { width: 532px; text-align: left; }
		
	.content-box-inner { margin: 0 10px; padding: 5px 0 20px 5px; position: relative; }
        .content-box-inner p.etarget-info { position: absolute; right: 20px; }
            .content-box-inner p.etarget-info a { position: absolute; right: 10px; top: -15px; }
        .content-box-inner div.search-result { margin: 10px 5px 25px 5px; }
            div.search-result p.url-title { font-weight: bold; font-size: 1.1em; }
            div.search-result p.url-content { position: relative; top: 5px; font-size: 1.1em; }
            div.search-result p.url { color: #138035; position: relative; top: 10px; font-size: 1.1em; }
	
	.content-box-inner_green { margin: 0 10px; padding: 5px 0 20px 5px; position: relative; }
        .content-box-inner_green p.etarget-info { position: absolute; right: 20px; }
            .content-box-inner_green p.etarget-info a { position: absolute; right: 10px; top: -15px; }
        .content-box-inner_green div.search-result { margin: 10px 5px 25px 5px; }
            div.search-result p.url-title { font-weight: bold; font-size: 1.1em; }
            div.search-result p.url-content { position: relative; top: 5px; font-size: 1.1em; }
            div.search-result p.url { color: #138035; position: relative; top: 10px; font-size: 1.1em; }
	
	.content-box-bottom { position: absolute; display: block; width: 566px; height: 7px; bottom: 0; _bottom: 10px; left: 0; z-index: 5; }
	
	.content-box a.more-right, .content-box a.more-left { position: absolute; bottom: 5px; font-weight: bold; text-decoration: underline; color: #fff;}
		.content-box a.more-left { left: 10px;}
		.content-box a.more-right { right: 10px;}

div.social { margin: 10px 5px 25px 5px; }
		
div#hitMessage, div#confirmFriendMessage, div#changesMessage { background-color: #6fb242; border: 1px solid #508b29; width: 545px; font-size: 1.1em; font-weight: bold; padding: 15px 20px; color: #fff; margin-bottom: 15px; }

.prev-paging, .next-paging, .page-count { position: absolute; z-index:100;  bottom: 5px; color:#000;}
.prev-paging a, .next-paging a, .page-count a { font-weight: bold;}
	.next-paging { right: 10px;}
	.page-count { left: 270px;}
.prev-paging.disabled, .next-paging.disabled { display: none;}

.link-back { position: absolute; bottom: -13px; left: 0px; font-weight: bold;}


/* 1.3.3 Side Content
--------------------------------------------------------------------------------------------------------------------*/
#side-content { width: 280px; position: absolute; top: 0; right: 15px; overflow: hidden; }
#side-content .right-box { position: relative;}
	#side-content .right-box a.right-more { position: absolute; color: #fff; top: 4px; right: 10px;}
	#side-content .right-box h3 { height: 14px; font-weight: bold; padding: 5px 0 0 15px; color: #fff}
	#side-content .right-box-content { margin-bottom: 20px;}
	
#events-box h3 { background: url(../img/design/layout/bg_events_top.png) top left no-repeat; }
#events-box .right-box-content { height: 240px; background: #D8D7D3 url(../img/design/layout/bg_events_main.png) bottom left no-repeat; border: 1px solid #858585 }
	#events-box .event-box { margin: 10px 10px 15px 10px; font-size: 1.1em;}
		#events-box .event-box h4, #celebrity .event-box h4 { font-size: 1.1em; margin-bottom: 5px;}
		#events-box .event-box img, #celebrity .event-box img { float: left; margin: 0 7px 8px 0;}
		#events-box .event-box li { line-height: 1.4em;}
		#events-box .event-box a { color: #666;}
	#celebrity .event-box { margin-bottom: 15px; padding-top: 5px; }
		#celebrity .event-box p { line-height: 1.2em;}
		#celebrity .event-box a { color: #367ab9;}
		
.content-box.event { background-color: #666;}
	.content-box.event .content-box-nav li {background: url(../img/design/layout/bg_grey_tab.png);}
	.content-box.event .content-box-bottom { background:url(../img/design/layout/bg_grey_box_bottom.png) no-repeat;}
	.content-box.event a, .content-box.event h3 { color: #666; }
	.content-box.event .content-box-inner { background: none; background-color: #ddd;}
	.content-box.event .content-box-inner ul { margin-bottom: 10px; line-height: 1.4em;}
	
#community-home-box.right-box.green-box  h3 { background: url(../img/design/community/bg_green_right_top.png) 0 0 no-repeat!important; }
#community-home-box.right-box.green-box .right-box-content { background: url(../img/design/layout/bg_community_home_box.png) 0 0 no-repeat!important; height: 174px!important; 
		border: none!important; }
#community-home-box ul { position: absolute; top: 19px; left: 10px;}
	#community-home-box ul li { float: left; background: url(../img/design/layout/bg_community_home_box_tab.png) 0 0 no-repeat; width: 75px; height: 19px; overflow: hidden; 
			margin-left: 10px; }
		#community-home-box ul li a { color: #fff; font-weight: bold; text-align: center; display: block; padding-top: 5px; text-decoration: none; font-size: .9em; }
		
				
#special-banner { margin: 10px auto 20px auto; text-align: center}
#skyscraper { position: absolute; width: 120px;  height: 1000px; top: 0; right: -120px; }		
	#skyscraper p.partner-text { margin: 10px 0 5px 0; text-align: center;}
.full-banner { text-align: center; margin: 0 0 15px 0}
#banner-square { text-align: center; margin-bottom: 20px;}
#rect-banner { margin-bottom: 20px;}


/* 1.3.4 Footer
--------------------------------------------------------------------------------------------------------------------*/
#footer { width: 100%; height: 75px; background: url(../img/design/layout/footer_bg.gif) left top repeat-x; padding-top: 25px; position: relative; }
.footer-nav { margin: 0 auto 20px auto;}
	.footer-nav ul { text-align: center; color: #6f6f6f;}
	.footer-nav ul li { display: inline;}
	#footer a { color: #6f6f6f; margin: 0 5px; font-weight: bold; }
.copyright { text-align: center; color: #6f6f6f; }
#footer .ad { position: absolute; top: 25px; right: 20px;}
#footer .ad a { font-weight: normal; text-decoration: none;}
#footer .ad a span {font-weight: bold;text-decoration: underline; }



/* 1.4 Jquery CSS
--------------------------------------------------------------------------------------------------------------------*/
.ui-tabs-hide { display: none;}

p.error { background-color: transparent; color: #CC0000; font-weight: bold; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif;} /* error pri validacii */
.common-form p.error { margin-left: 12.5em; }
.community-login-form p.error { margin-left: 10em;}