@charset "utf-8";
/* CSS Document */

body {
	padding:0;
	margin:0;
	background-color:#840202;
	background-image:url(../images/background.png);
	background-repeat:repeat-x;
}

#wrapper_div {
	position:absolute;
	height:auto;
	width:100%;
	top:420px;
	left:0px;
	padding-bottom:330px;
}

a {
	color:#DDD;
	text-decoration:none;
	font:11px Arial, Helvetica, sans-serif;
}
a:hover {
	color:#FFF;
}

img {
	border:none;
}

/********************** header styles **********************/
#header_div {
	width:800px;
	height:345px;
	position:relative;
	top:15px;
	margin:0px auto 0px auto;
}
/* title */
#header_title {
	position:relative;
	width:363px;
	height:104px;
	right:60px;
	background-image:url(../images/naslov.png);
	background-position:left top;
	background-repeat:no-repeat;
}
#header_links {
	text-align:center;
	position:absolute;
	left:600px;
	top:5px;
	height:70px;
	width:283px;
	background-image:url(../images/naslovni_linkovi_back.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
#header_page_links a {
	font-size:12px;
	display:block;
	position:relative;
	top:19px;
	left:11px;
	float:left;
	width:89px;
}


/********************** GALLERY **********************/
#gallery_div {
	position:relative;
	float:left;
	width:515px;
	height:200px;
	padding-top:30px;
	padding-left:5px;
}
#gallery {
	position:relative;
	width:490px;
	height:190px;
	cursor:default;
	background-image:url(../images/gallery_images/gallery_back.png);
	background-position:top;
	background-repeat:no-repeat;
}
#gallery_show_img {
	position:absolute;
	width:490px;
	height:190px;
	bottom:0px;
	left:0px;
	overflow:hidden;
}	
#gallery_curr_image2{
	position:absolute;
	width:490px;
	height:0px;
	left:0px;
}
#gallery_frame {
	position:absolute;
	width:490px;
	height:190px;
	top:0px;
	left:0px;
	background-image:url(../images/gallery_images/gallery_frame.png);
	background-repeat:no-repeat;
	display:block;
}
#gallery_head {
	position:absolute;
	width:456px;
	height:22px;
	top:3px;
	left:7px;
	padding:6px 10px 0px 10px;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#FFF;
	display:block;
	overflow:hidden;
	background-color:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#gallery_controls {
	position:absolute;
	height:20px;
	width:92px;
	bottom:11px;
	left:17px;
	cursor:pointer;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	background-image:url(../images/gallery_images/controls_back.png);
	background-position:center;
	background-repeat:no-repeat;
	color:#FFF;
	opacity:0.3;
	filter:alpha(opacity=30);
}
#gallery_controls img {
	position:relative;
	bottom:1px;
	width:20px;
	height:20px;
	display:inline;
}
#gallery_controls #gallery_rotate_control {
	display:none;
}
#image_next {
	position:absolute;
	width:70px;
	height:70px;
	display: none;
	top:15px;
	right:-30px;
	cursor:default;
	background-image:url(../images/gallery_images/img_thumb_back.png);
}
#image_prev {
	position:absolute;
	width:70px;
	height:70px;
	display: none;
	bottom:20px;
	right:-30px;
	cursor:default;
	background-image:url(../images/gallery_images/img_thumb_back.png);
}
#image_prev span, #image_next span {
	position:absolute;
	bottom:5px;
	left:-40px;
	width:80px;
	text-align:center;
	height:15px;
	background-image:url(../images/gallery_images/info_back.png);
	background-position:center;
	background-repeat:no-repeat;
	color:#FFF;
	font:11px Arial, Helvetica, sans-serif;
	padding:2px 5px 3px 5px;
	display:none;
}
#image_next_frame, #image_prev_frame {
	position:absolute;
	width:85px;
	height:85px;
	top:-7px;
	left:-7px;
	background-image:url(../images/gallery_images/img_thumb_frame.png);
	background-position:center;
	background-repeat:no-repeat;
}
/* ------------------------------------------------- */


/* styles connected to moving text with game results */
#header_results {
	position:relative;
	width:253px;
	height:230px;
	float:right;
	background-image:url(../images/game_results_back.png);
	background-position:left top;
	background-repeat:no-repeat;
	border:0px solid blue;
}
#header_results h1 {
	position:absolute;
	display:block;
	height:20px;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
	top:0px;
	left:20px;
}
#game_results_div {
	position:relative;
	left:20px;
	top:30px;
	width:220px;
	height:190px;
	overflow:hidden;
	cursor:pointer;
}
#game_results {
	font:13px Arial, Helvetica, sans-serif;
	color:#FFF;
	position:absolute;
	height:auto;
	width:233px;
	top:160px;
	cursor:pointer;
}
#game_results table td {
	vertical-align:middle;
	padding-top:12px;
	padding-bottom:12px;
	padding-right:5px;
}
#game_fade_bottom {
	position:absolute;
	width:235px;
	height:30px;
	background-image:url(../images/game_results_bottom.png);
	background-position:bottom;
	background-repeat:no-repeat;
	bottom:0px;
	left:2px;
}
#game_fade_top {
	position:absolute;
	width:235px;
	height:30px;
	background-image:url(../images/game_results_top.png);
	background-position:top;
	background-repeat:no-repeat;
	top:0px;
	left:2px;
}


#rezultati_kola_table .result_description {
	position:relative;
	display:block;
	height:auto;
	width:215px;
	font-size:11px;
	font-style:italic;
	padding-bottom:2px;
	border-bottom:1px solid #FFF;
}
#rezultati_kola_table .result_teams {
	position:relative;
	display:block;
	float:left;
	height:auto;
	width:150px;
	padding-top:2px;
}
#rezultati_kola_table .result_result {
	position:relative;
	display:block;
	float: right;	
	height:auto;
	width:40px;
	padding-top:2px;
	text-align:left;
}
#rezultati_kola_table .result_info {
	display:block;
	font-size:13px;
	font-style:italic;
	width:200px;
}
/********************** meni and buttons styles **********************/
#menu_div {
	position:relative;
	width:800px;
	height:66px;
	top:10px;
	margin:0px auto 0px auto;
	background-image:url(../images/meni_back.png);
	background-repeat:no-repeat;
	padding:2px 0px 2px 0px;
}

#menu_div .menu_link_div {
	position:relative;
	float:left;
	top:5px;
	left:45px;
	width:101px;
	height:65px;
	display:block;
	text-align:center;
	text-transform:uppercase;
}
#menu_div .menu_link_div span {
	position:relative;
	font:14px Arial, Helvetica, sans-serif;	
}

#menu_div .menu_link_div .menu_icon {
	position:absolute;
	bottom:10px;
	left:34px;
}
#active_link {
	background-image:url(../images/active_link.png);
	background-position:bottom;
	background-repeat:no-repeat;
}


/********************** page body styles **********************/
/* main div, encapsulates other body divs */
#body_div {
	position:relative;
	width:800px;
	height:auto;
	top:25px;
	margin:0px auto 0px auto;
	padding-top:10px;
}
/* main div with news, articles, images and other content */
#news_div {
	position:relative;
	width:545px;
	height:auto;
	font:14px Arial, Helvetica, sans-serif;
}

/* sidebar with buttons, polls, and other */
#right_sidebar_div {
	position:absolute;
	width:255px;
	height:auto;
	top:0px;
	right:-2px;
	background-image:url(../images/sidebar_background.png);
	background-position:left;
	background-repeat:repeat-y;
}
#right_sidebar_div #top_fade {
	position:absolute;
	top:0px;
	width:255px;
	height:30px;
	background-image:url(../images/sidebar_back_top.png);
	background-position:left;
	background-repeat:no-repeat;
	display:block;
}
#right_sidebar_div #bottom_fade {
	position:absolute;
	bottom:0px;
	width:255px;
	height:30px;
	background-image:url(../images/sidebar_back_bottom.png);
	background-position:left;
	background-repeat:no-repeat;
	display:block;
}
#right_sidebar_div #sidebar_content {
	position:relative;
	padding:10px 2px 10px 2px;
}
.sidebar_bttns_div {
	position:relative;
	width:227px;
	height:52px;
	background-color:#840202;
	padding-left:14px;
	padding-right:14px;
}
.sidebar_bttn {
	position:absolute;
	width:227px;
	height:52px;
}

/* POLL  form styles */
#poll_div {
	position:relative;
	left:5px;
	height:auto;
	width:242px;
	padding:54px 0px 0px 0px;
	background-image:url(../images/poll_title.png);
	background-position:top;
	background-repeat:no-repeat;
	font:13px/19px Arial, Helvetica, sans-serif;
	color:#FFF;
}
#poll_question_div {
	overflow:hidden;
	position:relative;
	width:192px;
	padding:0px 25px 20px 25px;
	background-image:url(../images/poll_question_back.png);
	background-position:bottom;
	background-repeat:no-repeat;
	
	max-height:345px;
	height: auto !important;
	height:345px;
}
#poll_option_div {
	position:relative;
	width:192px;
	padding:10px 25px 20px 25px;
	background-image:url(../images/poll_opt_back.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
#poll_option_div table td {
	padding: 5px 5px 5px 5px;
	font-size:12px;
}
#poll_option_div table .poll_answ {
	border-bottom:1px dotted #DDD;
}
#poll_bttn_div {
	position:relative;
	width:192px;
	height:35px;
	background-image:url(../images/poll_bttn_back.png);
	background-position:top;
	background-repeat:no-repeat;
	padding:10px 25px 0px 25px;	
}
#poll_submit, #poll_results {
	position:relative;
	border:none;
	background:none;
	color:#FFF;
	cursor:pointer;
	top:1px;
	width:70px;
}
#poll_submit { left:10px; }
#poll_results { left:40px; }
#poll_submit:hover { color:#999; }
#poll_results:hover { color:#999; }


/* sponsor styles */
#sponsor_div {
	position:relative;
	width:245px;
	left:5px;
	bottom:0px;
	height:auto;
	padding-top:55px;
	background-image:url(../images/sponsor_title.png);
	background-position:top;
	background-repeat:no-repeat;
}
#sponsor_list {
	position:relative;
	width:192px;
	
	min-height:180px;
	height: auto !important;
	height:180px;
	
	padding:1px 26px 1px 27px;	
	background-image:url(../images/sponsor_body_back.png);
	background-position:bottom;
	background-repeat:no-repeat;
	font:14px/19px Arial, Helvetica, sans-serif;
	color:#FFF;
}
#sponsor_list ul {
	position:relative;
	right:30px;
	cursor:default;
	list-style:none;
}
#sponsor_list ul li {
	width:170px;
	padding:8px 0px 8px 0px;
	border-bottom:1px dotted #AAA;
	text-align:center;
}
#sponsor_foot {
	position:relative;
	width:192px;
	padding:15px 26px 1px 27px;
	height:35px;
	background-image:url(../images/sponsor_foot_back.png);
	background-position:top;
	background-repeat:no-repeat;
}
#sponsor_foot a {
	font-style:italic;
}

/* right bottom league teams order table */
#league_table {
	position:relative;
	left:15px;
	top:0px;
}
#league_table table {
	position:relative;
	width:234px;
}
#league_table table td {
	padding:7px;
	color:#FFF;
	font:13px Arial, Helvetica, sans-serif;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
}
#league_table table .league_header td{
	font-weight:bold;
	border:none;
	background-image:url(../images/league_table_ext1.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}



/******* article title, body and footer styles ********/
.article_div {
	position:relative;
	width:355px;
	height:140px;
	right:18px;
	background-image:url(../images/article_body.png);
	background-repeat:repeat-y;
	background-position:right;
	font:13px/19px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:justify;
	padding: 59px 35px 59px 173px;
	overflow:hidden;
}
.article_div div {
	overflow:hidden;
}
.article_title {
	position:absolute;
	width:545px;
	height:59px;
	top:0px;
	left:18px;
	background-image:url(../images/article_title.png);
	background-position:bottom;
	background-repeat:no-repeat;	
}
/* article title, h1 */
.article_title span {
	display:block;
	position:absolute;
	height:24px;
	left:30px;
	bottom:17px;
	color:#FFF;
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size:22px;
}
.article_img {
	position:absolute;
	width:110px;
	height:110px;
	top:80px;
	left:48px;
}
.article_img_frame {
	position:absolute;
	width:120px;
	height:120px;
	top:75px;
	left:43px;
	background-image:url(../images/image_frame.png);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
}
/* footer of article */
.article_footer {
	position:absolute;
	width:495px;
	height:39px;
	bottom:0px;
	left:18px;
	padding:20px 20px 0px 30px;
	background-image:url(../images/article_footer.png);
	background-position:top;
	background-repeat:no-repeat;
	font:11px Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#FFF;
}
/*button for article expand */
.article_div .expand_bttn
{
	position:absolute;
	left:0px;
	bottom:30px;
	cursor:pointer;
	width:35px;
	display:block;
}
/* overlay for article */
.article_overlay {
	position:absolute;
	width:506px;
	height:25px;
	bottom:50px;
	left:36px;
	display:block;
	background-image:url(../images/article_overlay.png);
	background-position:bottom;
	background-repeat:no-repeat;
}



/******* regular content title, body and footer styles ********/
.regular_content
{
	position:relative;
	width:478px;
	min-height: 140px;
	right:18px;
	background-image:url(../images/article_body.png);
	background-repeat:repeat-y;
	background-position:right;
	font:13px/19px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding: 80px 35px 80px 50px;
	overflow:hidden;
}

.regular_content h3 {
	font: 18px Verdana, Geneva, sans-serif;
	color:#FFF;
	padding:10px 0px 10px 0px;
	display:block;
}

.regular_content p {
	padding-left:10px;
	width:460px;
	text-align:justify;
}

.regular_content img {
	position:relative;
	width:auto;
	height:auto;
	padding:5px;
}
.regular_content .regular_content_title
{
	position:absolute;
	width:545px;
	height:59px;
	top:0px;
	left:18px;
	background-image:url(../images/article_title.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
.regular_content .regular_content_title span {
	display:block;
	position:absolute;
	height:24px;
	left:30px;
	bottom:17px;
	color:#FFF;
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size:22px;
}
.regular_content .regular_content_footer {
	position:absolute;
	width:495px;
	height:39px;
	bottom:0px;
	left:18px;
	padding:20px 20px 0px 30px;
	background-image:url(../images/article_footer.png);
	background-position:top;
	background-repeat:no-repeat;
	font:11px Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#FFF;
}

/********************** game schedule table **********************/
.game_schedule_senior, .game_schedule_junior {
	position:relative;
	width:480px;
	height:auto;
}
.game_schedule_senior td, .game_schedule_junior td{
	color:#000;
	background-color:#DDD;
	text-align:center;
	padding:5px 0px 5px 0px;
}
.game_schedule_senior .game_schedule_header {
	color:#FFF;
	text-transform:capitalize;
	font-weight:bold;
	background-color:#B00;
}
.game_schedule_junior .game_schedule_header {
	color:#FFF;
	text-transform:capitalize;
	font-weight:bold;
	background-color:#094882;
}

/********************** gallery page styles **********************/
.gallery_images_wrapper {
	position:relative;
	width:440px;
	height:auto;
	margin:0px auto 0px auto;
}
.image_container {
	position:relative;
	width:70px;
	height:70px;
	padding:10px 10px 10px 10px;
	margin:7px;
	float:left;
}
.image_container img {
	position:absolute;
	width:70px;
	height:70px;
	top:10px;
	left:10px;
	border: 1px solid #777;
	padding: 5px;
	background: #C0C0C0;
	-ms-interpolation-mode: bicubic;
}


/********************** video page styles **********************/
.video_wrapper {
	position:relative;
	width:475px;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px dotted #CCC;
	height:auto;
	cursor:pointer;
}

.video_wrapper .videogroup {
	position:relative;
	display:block;
	width:380px;
	min-height:85px;
	height: auto !important;
	height:85px;
	padding-left:95px;
	font:12px/19px Arial, Helvetica, sans-serif;
	color:#FFF;
}

.video_wrapper .videogroup img {
	position:absolute;
	left:0px;
	top:3px;
	padding:5px;
	border:2px solid #FFF;
	opacity:0.8;
}

.video_wrapper .videogroup:hover {
	color:#3F3;
}
.video_wrapper .videogroup:hover img {
	border-color:#3F3;
	opacity:1;
}
#video_info {
	font-size:12px;
	font-style:italic;
	position:relative;
	bottom:25px;
}

.video_title {
	font-style:italic;
	font-size:14px;
	display:block;
	cursor:pointer;
}
.video_description {
	display:block;
	width:370px;
	padding:5px 5px 5px 5px;
	font:11px/15px Arial, Helvetica, sans-serif;
	cursor:pointer;
}

/********************** contact page styles **********************/
#contact-table {
	position:relative;
	left:25px;
}
.contact-description {
	font:14px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-style:italic;
	padding:5px 10px 5px 5px;
}
.contact-input {
	padding:5px 5px 5px 10px;
}
.contact-input input, .contact-input textarea {
	position:relative;
	width:300px;
	border:1px solid #AAA;
	background-color:#444;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}
.contact-input textarea {
	height:100px;
}
#captcha {
	position:relative;
	padding:5px;
}
#contact-code {
	width:100px;
}
#contact-submit {
	width:148px;
	position:relative;
	top:5px;
	cursor:pointer;
}
#contact-submit:hover {
	color:#BBB;
}

#contact-info {
	position:relative;
	width:450px;
	height:220px;
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
	border-top:1px dotted #BBB;
	border-bottom:1px dotted #BBB;
}
.contact-list {
	position:relative;
	float:left;
	padding:5px;
	width:140px;
	height:70px;
	border:0px solid red;
}
.contact-list span {
	display:block;
	font-size:12px;
	padding-left:10px;
}
.contact-list .contact-list-title {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:0px;
}
#main-email {
	position:relative;
	width:300px;
	left:140px;
	top:50px;
	font-size:14px;
}
#main-email a {
	font-size:13px;
}

/********************** about page styles **********************/
#about_info_div {
	position:relative;
	width:285px;
	padding-left: 190px;
	padding-bottom:40px;
	border-bottom:1px dotted #FFF;
}
#about_info_div img {
	position:absolute;
	top:0px;
	left:0px;
}
#about_table {
	position:relative;
	height:auto;
	width:auto;
}
#about_table td {
	vertical-align:top;
	border-bottom:1px solid #FFF;
	padding:5px 5px 5px 0px;
}
#about_table #about_title_cell {
	font:18px/25px Arial, Helvetica, sans-serif;
}
#about_table .about_info_cell {
	font-style:italic;
}
.about_text_img {
	position:relative;
	bottom:5px;
	cursor:pointer;
}
.about_text_img:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}



/********************** statistics styles **********************/
.statistic_file_div {
	position:relative;
	width:auto;
	height:auto;
	padding:5px 0px 5px 0px;
	border-bottom:1px dotted #DDD;
}

.statistic_file_link {
	position:relative;
	display:block;
	color:#FFF;
	width:475px;
	
	min-height:70px;
	height: auto !important;
	height: 70px;
}
.statistic_file_link:hover {
	color:#6CF;
}
.statistic_file_link img {
	position:relative;
	float:left;
	width:auto;
	height:auto;
	padding-right:20px;
}
.statistic_file_link span {
	position:relative;
	display:block;
	width:auto;
	height:auto;
}

.statistic_title
{
	font:18px/30px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
}
.statistic_subtitle {
	bottom:3px;
	font-size:13px;
}
.statistic_info {
	top:5px;
	font-size:12px;
}

/********************** DVD gubasevo page styles **********************/
#dvd_info_div {
	position:relative;
	width:285px;
	padding-right: 190px;
	padding-bottom:40px;
	border-bottom:1px dotted #FFF;
}

#dvd_info_table td {
	vertical-align:top;
	border-bottom:1px solid #FFF;
	padding:5px 5px 5px 0px;
}

#dvd_info_table .dvd_info_tabe_cell {
	font-style:italic;
}

#dvd_info_table_title {
	color:#FFF;
	font:18px/25px Arial, Helvetica, sans-serif;
}
#dvd_info_div img {
	position:absolute;
	right:0px;
	top:0px;
}
#dvd-contact-info {
	position:relative;
	width:450px;
	height:160px;
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
}

/********************** footer styles **********************/
#footer_wrapper {
	position:absolute;
	width:100%;
	height:235px;
	bottom:0px !important;
	background-image:url(../images/footer_back.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
#footer_div {
	position:relative;
	width:800px;
	height:200px;
	margin:0px auto 0px auto;
}
/* fotter links */
#footer_links {
	position:relative;
	width:165px;
	height:120px;
	top:12px;
	left:20px;
	margin:0px;
	padding:0px;
	background-image:url(../images/footer_links_divider.png);
	background-position:center;
	background-repeat:no-repeat;
}
#footer_links a{
	display:block;
	font:12px/18px Arial, Helvetica, sans-serif;
}
#footer_links #footer_links_left {
	position:relative;
	height:100px;
	width:70px;
	top:10px;
	padding-right:15px;
	text-align:right;
	float:left;
}
#footer_links #footer_links_right {
	position:relative;
	height:100px;
	width:70px;
	top:10px;
	padding-left:10px;
	float:right;
}
/* footer disclaimer */
#footer_disclaimer {
	position:absolute;
	width:250px;
	height:auto;
	top:17px;
	right:20px;
	padding-top:50px;
	background-image:url(../images/footer_title.png);
	background-position:top;
	background-repeat:no-repeat;
	cursor:default;
}
/* div inside disclaimer div, with text */
#footer_disclaimer div {
	position: relative;
	width:200px;
	height:auto;
	padding-bottom:20px;
	left:35px;
	font: 12px/20px Arial, Helvetica, sans-serif;
	color:#FFF;
	background-image:url(../images/phoenix_logo.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}


/******** PLAYERS ********/
div.players_row
{
	position:relative;
	width:auto;
	height:1%;
	overflow:hidden;
	margin-bottom:15px;
}

div.players_row div.player_box
{
	position:relative;
	width:112px;
	height:auto;
	float:left;
	margin-right:10px;
}

div.players_row div.player_box:last-child
{
	margin-right:0;
}

div.players_row div.player_box div.player_image
{
	position:relative;
	width:112px;
	height:112px;
	overflow:hidden;
	text-align:center;
}

div.players_row div.player_box div.player_image img
{
	width:112px;
	padding:0;
}

div.players_row div.player_box div.player_name
{
	position:relative;
	padding:4px 0 0 0;
	text-align:center;
	font-size:11px;
	line-height:12px;
}