html {}

body { background: #fff url(/images/background/hokejas-senior.jpg) no-repeat 54% 0; color: #32373a; font-family: Arial, Geneva, Vedrana, Helvetica, sans-serif; font-size: 11px; line-height: 14px; }

H1 { font-size: 22px; margin: 0px 0px 14px; }
H2 { font-size: 20px; margin: 20px 0px 10px; }
H3 { font-size: 13px; margin: 15px 0px 8px; font-weight: bold; }
P { margin: 5px 0px 15px 0px; }
IMG.left, IMG.right, IMG.center { border: 7px solid #07264c; margin: 5px 0px; }
IMG.center { clear: both; display: block; margin: 10px auto; max-width: 600px; }
IMG.left { float: left; margin-right: 5px; }
IMG.right { float: right; margin-left: 5px; }

UL.management {  }
	UL.management LI { margin: 2px 0px 2px 10px; }
	
TABLE.address TD { padding: 1px 3px; }

#background { margin: 0px auto; width: 958px; }

#header { border-bottom: 1px solid transparent; /*height: 252px;*/ overflow: visible; position: relative; width: 100%; z-index: 0; }
	#player { position:absolute; top: 0px; right:-350px; z-index: -1; display: none;}
	#header A#home { display: block; float: left; height: 199px; left: 22px; position: absolute; width: 154px; text-decoration: none; top: 2px; z-index:10; *top: 8px; }
	#header #top-banner { width: 598px; height: 90px; margin: 6px 0px 8px 200px; overflow: hidden; position: relative; z-index:2; }
		#header #top-banner P { margin: 0px; padding: 0px; position: relative; }
		#header #top-banner P A { display: block; left: 0px; position: absolute; top: 0px; }
	#header H2 { background: url(/images/background/header.png) no-repeat 0 0; height: 118px; margin: 0px 0px 3px 0px; overflow: hidden; }
		#header H2 SPAN { background: url(/images/title/khl-zagreb-veprovi.png) no-repeat 0 0; display: block; height: 66px; margin: 24px 0px 0px 186px; width: 615px; text-indent: -10000px;}
	#mainMenu { width: 100%; background-color: #7fc9eb; letter-spacing: 0.6px;}
		#mainMenu LI { float: left; } 
			#mainMenu LI A { display: block; padding:0px 8px; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 12px; border-right: 1px solid #fff; line-height: 31px; font-weight: bold; }
			#mainMenu LI A.selected, #mainMenu LI A:hover { background-color: #e2001a; }
			
#bottom-menu { background: url(/images/background/bottom-menu.jpg) repeat-x 0 0; clear: both; height: 98px; margin: 13px 0px 0px; overflow: hidden; padding: 9px 12px; position: relative; z-index: 2; }
	#bottom-menu LI { border-left: 1px solid #6e8cb2; color: #fff; height: 100%; float: left; padding: 0px 15px 0px 8px; }
		#bottom-menu LI A { color: #fff; display: block; margin: 0px 0px 6px 0px; text-transform:uppercase; }
			#bottom-menu LI A:hover { text-decoration: none; }
		#bottom-menu LI UL { margin: 6px 0px 0px; }
			#bottom-menu LI UL LI { border: none; float: none; font-size: 10px; font-weight: bold; padding: 0px; height: auto; }
				#bottom-menu LI UL LI A { color: #91b9ec; display: inline; margin: 0px; text-decoration: underline; text-transform: none; }
					#bottom-menu LI UL LI A:hover { color: #fff; text-decoration: none; }
	

#content-wrap { background: url(/images/background/content-wrap.jpg) repeat-y 0 0; width: 100%; }	

#content-left { background-color: #7fc9eb; float: left; width: 155px; position: relative; z-index: 2; }
	#left-menu {  }
		#left-menu LI { border-bottom: 1px solid #fff; line-height: 32px; }
			#left-menu LI A { background-color: #07264c; color: #fff; display: block; font-size:11px; font-weight:bold; padding: 0px 10px 0px 15px; text-decoration: none; text-transform: uppercase; }
			#left-menu LI A.selected  { background-color: #fff; color: #07264c; }
			#left-menu LI A:hover { background-color: #D6D6D6; color: #07264c; }
	
#content { background-color: #fff; overflow: hidden; padding: 15px; position: relative; z-index: 2; }
	#index-right { float: right; width: 235px; }
	
	#content #center_2 #newsImage { width: 386px; }
		#content #center_2 #newsImage IMG { width: 386px; height: 260px; }
	
	#news-index {  float: left; height: 408px; margin: 0px 0px 12px 0px; overflow: hidden; width: 679px; }
		#main-news { background-color: #07264c; float: left; height: 394px; margin:0px; overflow: hidden; padding: 7px; width: 416px; }
			#main-news IMG, #main-news OBJECT { height: 275px; margin: 0px 0px 15px 0px; width: 416px; }
			#main-news H2 { margin-top: 0px; }
			#main-news H2 A, #main-news H2 A:hover { color: #fff; text-decoration: none; }
			#main-news P { color: #d2d2d2; }
			#main-news A.more { background: url(/images/background/news-main-more.jpg) repeat-x 0 0; border: 1px solid #06557e; color: #fff; display: block; float: right; line-height: 16px; margin: 0px 7px 0px 0px; padding: 2px 10px 2px; text-transform: uppercase; text-decoration: none; }
			
		#news-index .secondary { border: 1px solid #cdd4db; float: right; height: 182px; width: 217px; padding: 6px 8px 9px; }
			#news-index .secondary H5 { color: #07264c; line-height: 17px; }
			#news-index .secondary H4 { margin-bottom: 6px; }
				#news-index .secondary H4 A { color: #07264c; font-size: 12px; font-weight: bold; line-height: 17px; text-decoration: none; text-transform: uppercase; } 
		#news-index #first { background: url(/images/background/news-index-first.jpg) repeat-x 0 0; margin: 0px 0px 10px; }	
		#news-index #second { background: url(/images/background/news-index-first.jpg) repeat-x 0 0; /*background-color: #f9b200;*/ }
			
	#right-banner { height: 621px; overflow: hidden; width: 100%; }
		#right-one { height: 449px; margin-bottom: 10px; overflow: hidden; position: relative; width: 100%; }
		#right-two, #right-three { height: 76px; margin-bottom: 10px; overflow: hidden; position: relative; width: 100%; }
		#right-one A, #right-two A, #right-three A { display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
			#right-two A IMG, #right-three A IMG { height: 100%; width: 100%; }
	#middle-banner { border: 1px solid #cad1d9; clear: left; float: left; height: 88px; margin:0px 0px 12px 0px; overflow: hidden; width: 678px; }
	
	.news-small-list { background: url(/images/background/news-index-small.jpg) repeat-x 0 0; border: 1px solid #d0d6dd; clear: left; float: left; height: 116px; margin: 0px 0px 18px 0px; padding: 8px 11px 18px; position: relative; width: 308px; }
		.news-small-list IMG { position: absolute; right: -3px; top: -7px; }
		.news-small-list H6 { background-repeat: no-repeat; background-position: 0px 0px; color:#07264c; font-size: 28px; font-weight: bold; line-height: 40px; margin: 0px; /*text-indent: -10000px;*/ }
		.news-small-list UL { margin: 0px 0px 0px 3px; }
		.news-small-list UL LI { background: url(/images/background/news-small-list-tab.gif) no-repeat 0 4px; line-height: 17px; padding: 0px 0px 0px 12px; }
			.news-small-list UL LI A { color: #07264c; text-decoration: none; text-transform: uppercase; }
			.news-small-list UL LI A:hover { text-decoration: underline; }
	
	#image-of-the-day { float: right; height: 201px; margin: 0px 14px 11px 0px; position: relative; width: 332px; }
		#image-of-the-day H6 { display: none; background: transparent url(/images/title/slika-dana.png) no-repeat 0 0; height: 30px; left: 14px; position: absolute; text-indent: -10000px; top: 13px; width: 150px; }
		#image-of-the-day IMG { height: 100%; width: 100%; }
	
	#content-bottom { /*background: #78c2e5 url(/images/title/blogeri.gif) no-repeat 5px 6px; height: 83px; padding: 5px 38px; width: 256px; */ margin: 0px 14px 0px 0px; overflow: hidden; float: right; width: 332px; height: 93px;  }
		#content-bottom P { margin: 0px; }			
	
		/* LOGIN */	
	#login-form { height: 135px; background: url(/images/background/login.jpg) repeat-x 0 0; margin: 0px 0px 8px 0px; padding: 63px 12px 0px; overflow: hidden; vertical-align: top; }
		#login-form TABLE TR TD { line-height: 18px; padding-bottom: 3px; }
		#login-form INPUT[type="text"],#login-form INPUT[type="password"] { background: url(/images/background/login-text.gif) no-repeat 0 0; border: none; font-size: 10px; height: 20px; padding: 2px 3px; width: 149px;  }
	#login-form INPUT[type="submit"] { background: url(/images/background/news-main-more.jpg) repeat-x 0 0; border: 1px solid #06557e; color: #fff; float: right; font-size: 11px; line-height: 16px; margin: 0px 8px 0px 0px; padding: 2px 4px 2px; text-transform: uppercase; }
		#login-result { color: #E2001A; margin: 8px 0px 0px; }
	
	#content-right { background-color: #bce3f5; float: right; padding: 9px 7px; width: 142px; }
	#news-details { float: left; width: 600px; }
		#news-details IMG, DIV#news-details OBJECT { border: 7px solid #07264c; float: left; height: 254px; margin: 0px 13px 12px 0px; width: 382px; }
		#news-details IMG.player-foto { width: 191px; }
		TABLE.player-data TR TD { padding: 2px 0px; }
			TABLE.player-data TR TD.data-name { width: 150px; }
			
	TABLE.practice { border-collapse: collapse; width: 600px; }
		TABLE.practice CAPTION { font-size: 18px; margin: 8px 0px 10px; } 
		TABLE.practice TH { border: 1px solid #BCE3F5; font-weight: bold; padding: 3px; text-align: center; }
		TABLE.practice TD { border: 1px solid #BCE3F5; padding: 2px; text-align: center; }
			
	#practice-legend  TD { padding: 8px; }
		TD.zajednicki { background-color: #A9E100; }
		TD.led { background-color: #42B4FF; color: #fff; } 
		TD.suhi { background-color: #F88452; color: #fff; } 
		TD.utakmica { background-color: #FBE759; } 
	
	/* NEWS LIST ON NORMAL AND INDEX  */				
	#newsSubIndex { float: left; width: 386px; overflow: hidden; }
		#newsSubIndex UL { width: 380px; margin: 0px; padding: 0px; }
		#newsSubIndex UL LI { width: 378px; clear: both; margin: 8px 0px 0px; padding: 0px 4px; overflow: hidden; }
		#newsSubIndex UL LI.selected { background-color: #e2f397; }
		#newsSubIndex UL LI H4 A { color: #427F11; text-transform: uppercase; font-weight: bold; font-size: 11px; display: block; }
			#newsSubIndex UL LI H4 A:hover { background-color: #e2f397; }
		#newsSubIndex UL LI H5 { color: #427F11; font-size: 10px; margin:0px; }
			#newsSubIndex UL LI A.imgLink { position: relative; display: block; float: left; width: 113px; height: 76px; }
				#newsSubIndex UL LI A.imgLink:hover { background: transparent; }
				#newsSubIndex UL LI A.imgLink IMG { float: left; width: 113px; margin: 10px 0px 0px 0px; }
				#newsSubIndex UL LI A.imgLink IMG.videoIcon { position: absolute; top: 35px; left: 45px; z-index: 100; float: none; width: 25px; height: 25px; margin: 0px; }
			#newsSubIndex UL LI P { font-size: 10px; text-align: justify; }
				#newsSubIndex UL LI P.hasImage { margin-left: 118px; }
				#newsSubIndex UL LI A.newsMore { /*text-transform: uppercase; font-style: italic; display: block; text-align: right;*/ }
				#newsSubIndex UL LI A.newsMore:hover { background-color: #e2f397; }
	#content-right UL LI A { display: block; padding: 1px 2px; }
	
			
	/* GALLERY IMAGES*/
	#galleryImages { width: 584px; overflow: hidden; }
		#galleryImages H6 { margin-bottom: 8px;  }
		#galleryImages A#goRight { display: block; overflow: hidden; float: right; /* height: 40px; width: 14px; background:  url(/images/background/goRight.gif) no-repeat 0 0;*/  } 
		#galleryImages A#goLeft { display: block; overflow: hidden; float: left; margin-right: 4px; /*height: 40px; width: 14px; background-color: red; background:  url(/images/background/goLeft.gif) no-repeat 0 0;*/ } 
			#galleryImages #goRight IMG, #galleryImages #goLeft IMG { height: 38px; width: 16px; }
		#imageScroller { width: 540px; overflow: hidden; position: relative; margin: 0px 1px 8px; }
			#imageScroller TABLE TR TD { float: left; }
			#imageScroller A { float: left; display: inline; text-align: center; line-height: 80px; width: 54px; height: 38px; position:relative; /*width: 108px;height: 80px;*/}
				#imageScroller A IMG { /*width: 106px; height: 76px;margin-top: 19px;*/width: 53px; height: 38px; position:absolute; top: 0px; left: 0px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
		
		#bigImageContainer { position: relative; width: 100%; }
		#imgLoading { width: 50px; /*margin: 100px 45% 0px;*/ position: absolute; left: 250px; top: 100px; z-index: -1; }
		#bigImage { width: 584px; /*position: relative; top: -150px; */ z-index: 10;}
		#bigImageTitle { }
		#bigImageDescription { }
		
	/* GALLERY LIST*/
	#galleryListspecial { margin: 0px 0px 15px 0px; line-height: 10px; }	
		#galleryListspecial LI { margin: 0px 0px 10px 0px; }
			#galleryListspecial LI A { display: block; }
				#galleryListspecial LI A IMG { height: 67px; width: 188px; }
	#galleryList {  }
		#galleryList LI A { color: #000; display: block; background-color:#BFD730; font-size: 12px; padding: 2px; border-bottom: 1px solid #d1eb33; }
			#galleryList LI UL {  }
				#galleryList LI UL LI A { background-color: Transparent; padding: 2px 5px 2px 10px; }
					#galleryList LI UL LI A:hover, #galleryList LI UL LI.selected A { background-color: #d1eb33; }
					
	.product { display: block; float: left; margin: 0px 10px 10px 0px; text-align: center; width: 220px; height: 20px; padding: 160px 0px 0px; position: relative; vertical-align: bottom; }
		.product IMG { height: 180px; display: block; /*position: absolute; top: 0px; left: 0px;*/ margin: -160px auto 0px; }

	#novena-link { margin: 5px 0px 0px 10px; color: #07264C; }
		#novena-link A { color: inherit; }
				
/* <-- EDIT IN PLACE */
A.in_place_edit_button {
	float: right;
	border-bottom: 1px solid red;
	color: red;
	text-decoration: none;
	font-size: 10px;
}

.eip_wrapper { }

.eip_wrapper_over {
	background-image:url('../admin/images/backs/50p_ffd2.gif');
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../admin/images/backs/50p_ffd.png');*/
}
.eip_wrapper_over[class]{
	background-image:url('../admin/images/backs/50p_ffd.png');
}

/* EDIT IN PLACE --> */

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
    *display: block;
    }

 .clearfix {display: inline-block;}  /* for IE/Mac */