/******************************************************
	Title:    Kamenitza
	Author:   Martin Metodiev
	Company:  Mag Studio
	Updated:  28/04/2009
	Style:    FANCUP Stylesheet
******************************************************/



/******************************************************
	LIST OF CONTENTS

		Global styles:		:	Common


		Layout elements:	:	Logo


		Inner Pages:		:	Registration
							:	Teams List
							:	Team
							:	Scheme of Tournament
							:	Hall of Glory
							:	Contacts

******************************************************/





/* ************************ GLOBAL STYLES */

/* .................... Common */
	form.sort_and_search div.sort_and_search:after,
	div.main_header div.main div.main_top_holder fieldset:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
/* ........................... */





/* ********************** LAYOUT ELEMENTS */

/* ...................... Logo */
	div.fancup_logo {
		width: 17.8em; /*178px*/
		height: 13.3em; /*143px*/
		margin: 16px 0px 0px 10px;
	}

			div.fancup_logo a img {
				width: 17.8em; /*178px*/
				height: 14.3em; /*143px*/
			}
/* ........................... */





/* ************************** INNER PAGES */

/* .............. Registration */
	form#reg_form {
		margin: -15px -11px 0px;
	}
	
		form#reg_form h3 {
			color: #FBD500;
		}

	form.last_step {
		padding-bottom: 0px !important;
	}

	div.main_header div.main div.main_top_holder fieldset {
		width: 53.64em; /*590px*/
		padding: 0px 12px;
	}

	div.main_header div.main div.main_top_holder fieldset.password,
	div.main_header div.main div.main_top_holder fieldset.agreed,
	div.main_header div.main div.main_top_holder fieldset.required {
		background: url(../images/site_images/backgrounds/hr_line.gif) center bottom repeat-x;
	}

		div.main_header div.main div.main_top_holder fieldset div.fieldbox {
			float: left;
			padding-right: 34px;
		}

			div.main_header div.main div.main_top_holder fieldset div.fieldbox label {
				margin-left: 2px;
			}

			div.main_header div.main div.main_top_holder fieldset div.fieldbox span.status {
				bottom: 25px;
				right: 16px;
			}

			div.main_header div.main div.main_top_holder fieldset div.fieldbox div.textfield {
				margin: 3px 0px 20px;
				width: 14.73em; /*162px*/
			}

						div.main_header div.main div.main_top_holder fieldset div.fieldbox div.textfield div input {
							width: 13.64em; /*150px*/
						}

	div.main_header div.main div.main_top_holder fieldset.team {
		padding-top: 15px;
	}

			div.main_header div.main div.main_top_holder fieldset.team div.fieldbox div.textfield {
				width: 32.55em; /*358px*/
			}

					div.main_header div.main div.main_top_holder fieldset.team div.fieldbox div.textfield div input {
						width: 31.45em;
					}

			div.main_header div.main div.main_top_holder fieldset.team div.fieldbox div.select_box {
				margin-top: 3px;
			}

			div.main_header div.main div.main_top_holder fieldset.team div.fieldbox div.select_box,
				div.main_header div.main div.main_top_holder fieldset.team div.fieldbox div.select_box div.dropdown_box {
					width: 14.82em; /*163px*/
				}

	div.main_header div.main div.main_top_holder fieldset.required {
		padding: 0px 0px 10px;
		width: 55.82em; /*614px*/
	}

		div.main_header div.main div.main_top_holder fieldset.required div {
			background: url(../images/site_images/backgrounds/hr_line.gif) center top repeat-x;
			padding: 10px 12px 0px;
			position: relative;
		}

			div.main_header div.main div.main_top_holder fieldset.required div a {
				position: absolute;
				right: 0px;
				top: 10px;
			}

	div.main_header div.main div.main_top_holder fieldset.want_blog,
	div.main_header div.main div.main_top_holder fieldset.agreed {
		padding-bottom: 20px;
	}

		div.main_header div.main div.main_top_holder fieldset.want_blog input,
		div.main_header div.main div.main_top_holder fieldset.want_blog label,
		div.main_header div.main div.main_top_holder fieldset.agreed input,
		div.main_header div.main div.main_top_holder fieldset.agreed label {
			float: left;
		}

		div.main_header div.main div.main_top_holder fieldset.want_blog label,
		div.main_header div.main div.main_top_holder fieldset.agreed label {
			margin-left: 5px;
			font-weight: bold;
		}

			div.main_header div.main div.main_top_holder div#content div#content_top div#content_bottom {
				height: 44.55em; /*490px*/
				overflow: hidden;
				position: relative;
			}

				div.main_header div.main div.main_top_holder div#content div#content_top div#content_bottom div.scrollline_box {
					height: 45.45em; /*500px*/
				}

	div.main_header div.main div.main_top_holder ol.team,
		div.main_header div.main div.main_top_holder ol.team li,
	div.main_header div.main div.main_top_holder ul.info_list,
		div.main_header div.main div.main_top_holder ul.info_list li {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}

	div.main_header div.main div.main_top_holder ol.team,
	div.main_header div.main div.main_top_holder ul.info_list {
		width: 100%;
		background: url(../images/site_images/backgrounds/hr_line.gif) center top repeat-x;
		clear: both;
		overflow: hidden;
		padding-top: 2px;
	}

		div.main_header div.main div.main_top_holder ol.team li,
		div.main_header div.main div.main_top_holder ul.info_list li {
			background:  url(../images/site_images/backgrounds/hr_line.gif) center bottom repeat-x;
			padding: 12px 0px;
		}

					div.main_header div.main div.main_top_holder ol.team li fieldset div.fieldbox div.textfield {
						margin-bottom: 20px;
					}

					div.main_header div.main div.main_top_holder ol.team li.dark fieldset div.fieldbox div.textfield {
						background: url(../images/site_images/backgrounds/textfield_left_dark.png) left center no-repeat;
					}

						div.main_header div.main div.main_top_holder ol.team li.dark fieldset div.fieldbox div.textfield div {
							background: url(../images/site_images/backgrounds/textfield_right_dark.png) right center no-repeat;
						}

				div.main_header div.main div.main_top_holder ul.info_list li fieldset div.infobox {
					width: 195px;
					float: left;
					padding-bottom: 12px;
				}

				div.main_header div.main div.main_top_holder ul.info_list li fieldset div.team {
					width: 390px;
				}

					div.main_header div.main div.main_top_holder ul.info_list li fieldset div.infobox span {
						display: block;
						color: #b8c1b0;
					}

		div.main_header div.main div.main_top_holder ol.team li.last,
		div.main_header div.main div.main_top_holder ul.info_list li.last {
			background: none;
		}

		div.main_header div.main div.main_top_holder ol.team li.dark,
		div.main_header div.main div.main_top_holder ul.info_list li.dark {
			background-color: #1c3621;
		}

			div.main_header div.main div.main_top_holder ol.team li h4,
			div.main_header div.main div.main_top_holder ul.info_list li h4 {
				background: url(../images/site_images/icons/list_arrow.gif) left 5px no-repeat;
				padding-left: 8px;
				margin: 0px 0px 15px 12px;
				text-decoration: underline;
			}

	div.main_header div.main div.main_top_holder label.success {
		font-weight: bold;
		display: block;
		clear: both;
		padding: 0px 12px 10px;
	}

	div.back {
		float: left;
	}

	div.next {
		float: right;
	}

		div.next input,
		div.next button,
		div.back button {
			font-weight: bold;
		}
/* ........................... */


/* ................ Teams List */
	form.sort_and_search {
		position: relative;
		margin-top: -15px;
	}

		form.sort_and_search div.sort_and_search {
			height: 32px;
		}

			form.sort_and_search div.sort_and_search label.filter_team {
				float: left;
				margin: 4px 5px 0px 0px;
			}

			form.sort_and_search div.sort_and_search div.search_team {
				float: right;
			}

				form.sort_and_search div.sort_and_search div.search_team input.textfield {
					width: 19.09em; /*210px*/
					height: 2.27em; /*25px*/
					background: url(../images/site_images/backgrounds/textfield_search_team.png) 0px 0px no-repeat;
					border: 0px;
					font: normal 1em Tahoma, Geneva, sans-serif;
					color: #5b7a50;
					padding: 5px 5px 0px;
					float: left;
				}

				form.sort_and_search div.sort_and_search div.search_team input.btn {
					width: 2.36em; /*26px*/
					height: 2.27em; /*25px*/
					background: url(../images/site_images/backgrounds/search_btn.gif) 0px 0px no-repeat;
					cursor: pointer;
					border: 0px;
					float: left;
					font-size: 1em;
				}

		form.sort_and_search div.select_box {
			float: left;
			width: 19.27em; /*212px*/
		}

			form.sort_and_search div.select_box div.dropdown_box {
				width: 19.27em; /*212px*/
			}

				form.sort_and_search div.select_box div.dropdown_box ol {
					height: 17.73em; /*195px*/
				}

				form.sort_and_search div.select_box div.dropdown_box div.scrollline_box{
					height: 190px;
				}

	table.teams {
		width: 55.82em; /*614px*/
		margin: 0px -11px;
		border-collapse: separate;
		border-top: 1px solid #182F1B;
		border-bottom: 1px solid #23492B;
	}

			table.teams tr.even td {
				background-color: #1C3621;
			}

			table.teams tr th,
			table.teams tr td {
				border-left: 1px solid #23492B;
				border-right: 1px solid #182F1B;
				border-top: 1px solid #23492B;
				border-bottom: 1px solid #182F1B;
				vertical-align: middle;
				padding: 10px;
			}

			table.teams tr th {
				height: 3.64em; /*40px*/
				padding: 0px 10px;
			}

			table.teams tr th.team,
			table.teams tr td.team {
				border-left: 0px;
			}

			table.teams tr th.participation,
			table.teams tr td.participation {
				border-right: 0px;
			}

			table.teams tr th.team,
			table.teams tr td.team,
			table.teams tr th.town,
			table.teams tr td.town {
				text-align: left;
			}

				table.teams tr td.blog span {
					width: 26px;
					height: 19px;
					display: block;
					margin: 0px auto;
				}

					table.teams tr td.blog span img {
						display: inline;
					}

				table.teams tr td.blog a {
					display: block;
					width: 26px;
					height: 19px;
					margin: 0px auto;
				}

					table.teams tr td.blog a img {
						border: 0px;
					}

			table.teams tr td.team {
				font-weight: bold;
			}

			table.teams tr th.blog,
			table.teams tr td.blog {
				text-align: center;
			}

			table.teams tr th.participation,
			table.teams tr td.participation {
				text-align: right;
			}

			table.teams tr td.town,
			table.teams tr td.participation {
				color: #b8c1b0;
			}

			table.teams tr td.confirmed {
				font-weight: bold;
				color: #fbd500;
			}
/* ........................... */


/* ...................... Team */
	div.main_header div.main div.main_top_holder h3.title {
		color: #9aba7e;
		margin: 0px;
		display: block;
		float: none;
		background: none;
	}

	div.main_header div.main div.main_top_holder h3.title img {
		width: 3px;
		height: 5px;
		display: inline;
		margin-right: 5px;
		position: relative;
		bottom: 1px;
	}

	div.main div.main_top_holder img.allegory {
		margin: 5px 10px 10px 0px;
		float: left;
	}

	div.main div.main_top_holder dl.team_info {
		margin-bottom: 20px;
	}

		div.main div.main_top_holder dl.team_info dt,
		div.main div.main_top_holder dl.team_info dd {
			padding-top: 8px;
		}

		div.main div.main_top_holder dl.team_info dt.first,
		div.main div.main_top_holder dl.team_info dd.first {
			padding-top: 0px;
		}

		div.main div.main_top_holder dl.team_info dt {
			float: left;
			margin-right: 5px;
		}

		div.main div.main_top_holder dl.team_info dd {
			clear: right;
			color: #b8c1b0;
		}
/* ........................... */


/* ...... Scheme of Tournament */
	div.scheme_phases {
		width: 55.82em; /*614px*/
		height: 4.27em; /*47px*/
		margin: 0px -11px;
		position: relative;
		z-index: 10;
		top: -24px;
		border-bottom: 1px solid #23492b;
	}

		div.scheme_phases ol.circle_part,
			div.scheme_phases ol.circle_part li {
				margin: 0px;
				padding: 0px;
				list-style: none;
			}

		div.scheme_phases ol.circle_part {
			width: 100%;
			border-bottom: 1px solid #182f1b;
		}

			div.scheme_phases ol.circle_part li {
				float: left;
			}

			div.scheme_phases ol.circle_part li.phase1,
			div.scheme_phases ol.circle_part li.phase3 {
				width: 13.91em; /*153px*/
			}

			div.scheme_phases ol.circle_part li.phase2,
			div.scheme_phases ol.circle_part li.phase4 {
				width: 13.98em; /*154px*/
			}

				div.scheme_phases ol.circle_part li a {
					display: block;
					height: 2.73em; /*30px*/
					border-left: 1px solid #23492b;
					border-right: 1px solid #182f1b;
					background: url(../images/site_images/backgrounds/bgr_scheme_phases.png) left top no-repeat;
					text-decoration: none;
					padding: 8px 12px;
					font-weight: bold;
					color: #9aba7e;
				}

					div.scheme_phases ol.circle_part li a span.phase {
						font-size: 0.92em; /*11px*/
						display: block;
						font: normal 0.92em Arial, Helvetica, sans-serif; /*11px*/
						color: #fbd500;
					}

						div.scheme_phases ol.circle_part li a:hover {
							color: #fbd500;
						}

				div.scheme_phases ol.circle_part li.phase1 a {
					border-left: 0px;
				}

				div.scheme_phases ol.circle_part li.phase2 a {
					background-position: left -47px;
				}

				div.scheme_phases ol.circle_part li.phase3 a {
					background-position: left -94px;
				}

				div.scheme_phases ol.circle_part li.phase4 a {
					background-position: left -141px;
					border-right: 0px;
				}

				div.scheme_phases ol.circle_part li.phase1 a.active {
					background-position: -160px 0px;
				}

				div.scheme_phases ol.circle_part li.phase2 a.active {
					background-position: -160px -47px;
				}

				div.scheme_phases ol.circle_part li.phase3 a.active {
					background-position: -160px -94px;
				}

				div.scheme_phases ol.circle_part li.phase4 a.active {
					background-position: -160px bottom;
				}

	div.region {
		height: 25.45em; /*280px*/
		background: url(../images/site_images/backgrounds/hr_line.gif) center bottom repeat-x;
		margin: 0px -11px 10px;
		padding: 0px 12px;
	}

		div.region div.select_region {
			float: left;
			width: 18em; /*198px*/
		}

			div.region div.select_box,
				div.region div.select_box div.dropdown_box {
					width: 188px;
				}

					div.region div.select_box div.dropdown_box ol {
						height: 17.73em; /*195px*/
					}

					div.region div.select_box div.dropdown_box div.scrollline_box {
								height: 190px;
							}

		div.region div.flash_map {
			width: 30.45em; /*335px*/
			height: 20.36em; /*224px*/
			float: left;
		}

			div.main_header div.main div.main_top_holder div.region div.select_region h3.title,
			div.main_header div.main div.main_top_holder div.scheme h3.title {
				padding-left: 0px;
			}

	div.scheme {
		height: 100%;
	}

		div.scheme div.scheme_container {
			width: 47.27em; /*520px*/
			overflow: hidden;
			float: left;
			margin-left: 10px;
			position: relative;
		}

			div.scheme div.scheme_container table.tournament_chart {
				color: #B8C1B0;
			}

					table.tournament_chart tr td.rowspan1 {
						height: 46px;
						background: url(../images/site_images/backgrounds/scheme_tag_level_1.gif) 0px 0px no-repeat;
					}

						table.tournament_chart tr td.rowspan1 span {
							display: block;
							width: 130px;
							cursor: pointer;
						}

						table.tournament_chart tr td.rowspan1_bottom {
							background-position: center bottom;
						}

							table.tournament_chart tr td.rowspan1_bottom span {
								padding: 8px 15px 0px;
							}

						table.tournament_chart tr td.rowspan1_top {
							background-position: center top;
						}

							table.tournament_chart tr td.rowspan1_top span {
								padding: 0px 15px 9px;
							}

					table.tournament_chart tr td.rowspan2,
					table.tournament_chart tr td.rowspan4,
					table.tournament_chart tr td.rowspan8,
					table.tournament_chart tr td.rowspan16,
					table.tournament_chart tr td.rowspan32,
					table.tournament_chart tr td.rowspan64 {
						background-position: 0px 0px;
						background-repeat: no-repeat;
					}

					table.tournament_chart tr td.rowspan2 {
						height: 92px;
						background-image: url(../images/site_images/backgrounds/scheme_tag_level_2.gif);
					}

					table.tournament_chart tr td.rowspan2.last_level {
						background-image: url(../images/site_images/backgrounds/scheme_tag_level_2_last.gif);
					}

					table.tournament_chart tr td.rowspan4 {
						height: 184px;
						background-image: url(../images/site_images/backgrounds/scheme_tag_level_4.gif);
					}

					table.tournament_chart tr td.rowspan4.last_level {
						background-image: url(../images/site_images/backgrounds/scheme_tag_level_4_last.gif);
					}

					table.tournament_chart tr td.rowspan8 {
						height: 368px;
						background-image: url(../images/site_images/backgrounds/scheme_tag_level_8.gif);
					}

					table.tournament_chart tr td.rowspan8.last_level {
						background-image: url(../images/site_images/backgrounds/scheme_tag_level_8_last.gif);
					}

					table.tournament_chart tr td.rowspan16 {
						width: 180px;
						height: 736px;
						background-image: url(../images/site_images/backgrounds/scheme_tag_level_16.gif);
					}

					table.tournament_chart tr td.rowspan16.last_level {
						background-image: url(../images/site_images/backgrounds/scheme_tag_level_16_last.gif);
					}

					table.tournament_chart tr td.rowspan32 {
						height: 1472px;
						background-image: url(../images/site_images/backgrounds/scheme_tag_level_32.gif);
					}

					table.tournament_chart tr td.rowspan32.last_level {
						background-image: url(../images/site_images/backgrounds/scheme_tag_level_32_last.gif);
					}

					table.tournament_chart tr td.rowspan64 {
						height: 2944px;
						background-image: url(../images/site_images/backgrounds/scheme_tag_level_64.gif);
					}

					table.tournament_chart tr td.rowspan64.last_level {
						height: 2944px;
						background-image: url(../images/site_images/backgrounds/scheme_tag_level_64_last.gif);
					}

						table.tournament_chart tr td.rowspan2 span,
						table.tournament_chart tr td.rowspan4 span,
						table.tournament_chart tr td.rowspan8 span,
						table.tournament_chart tr td.rowspan16 span,
						table.tournament_chart tr td.rowspan32 span,
						table.tournament_chart tr td.rowspan64 span {
							width: 130px;
							display: block;
							padding: 0px 15px 0px 35px;
							cursor: pointer;
						}

						table.tournament_chart tr td.rowspan2.last_level span,
						table.tournament_chart tr td.rowspan4.last_level span,
						table.tournament_chart tr td.rowspan8.last_level span,
						table.tournament_chart tr td.rowspan16.last_level span,
						table.tournament_chart tr td.rowspan32.last_level span,
						table.tournament_chart tr td.rowspan64.last_level span {
							cursor: default;
						}

		div.scheme a.backward,
		div.scheme a.forward {
			width: 2.27em; /*25px*/
			text-indent: -9999px;
			visibility: hidden;
		}

			div.scheme a.backward span,
			div.scheme a.forward span {
				display: block;
				cursor: pointer;
			}

				div.scheme a.backward span span,
				div.scheme a.forward span span {
					display: block;
					cursor: pointer;
					background-position: left bottom;
					min-height: 16.73em; /*184px*/
				}

		div.scheme a.backward {
			float: left;
			background:url(../images/site_images/backgrounds/scheme_backward.gif) left top no-repeat;
		}

			div.scheme a.backward span {
				background:url(../images/site_images/backgrounds/scheme_backward.gif) left center no-repeat;
			}

		div.scheme a.forward {
			float: right;
			background:url(../images/site_images/backgrounds/scheme_forward.gif) left top no-repeat;
		}

			div.scheme a.forward span {
				background:url(../images/site_images/backgrounds/scheme_forward.gif) left center no-repeat;
			}

	div.main div.main_top_holder div.scheme1_info {
		color: #B8C1B0;
	}

		div.main div.main_top_holder div.scheme1_info h3 {
			margin: 0px;
			clear: both;
		}
		
		div.main div.main_top_holder div.scheme1_info span,
			div.main div.main_top_holder div.scheme1_info span strong {
				display: block;
				clear: both;
			}
			
		div.main div.main_top_holder div.scheme1_info h3,
			div.main div.main_top_holder div.scheme1_info span strong {
				color: #9ABA7E;
			}
/* ........................... */


/* ............. Hall of Glory */
	table.glory {
		width: 55.82em; /*614px*/
		margin: -25px -11px 0px;
		border-collapse: separate;
		border-top: 0px;
		border-bottom: 1px solid #23492B;
	}

			table.glory tr td {
				height: 4.55em; /*50px*/
			}

			table.glory tr.even td {
				background-color: #1C3621;
			}

			table.glory tr th,
			table.glory tr td {
				border-left: 1px solid #23492B;
				border-right: 1px solid #182F1B;
				border-top: 1px solid #23492B;
				border-bottom: 1px solid #182F1B;
				vertical-align: middle;
				padding: 10px;
			}

			table.glory tr th {
				height: 3.64em; /*40px*/
				padding: 0px 10px;
			}

			table.glory tr th.team,
			table.glory tr td.team {
				border-left: 0px;
			}

			table.glory tr th.titles,
			table.glory tr td.titles,
			table.glory tr td.allegory {
				border-right: 0px;
			}

			table.glory tr th.team,
			table.glory tr td.team,
			table.glory tr th.town,
			table.glory tr td.town {
				text-align: left;
			}

				table.glory tr td.blog span {
					width: 26px;
					height: 19px;
					display: block;
					margin: 0px auto;
				}

					table.glory tr td.blog span img {
						display: inline;
					}

				table.glory tr td.blog a {
					display: block;
					width: 26px;
					height: 19px;
					margin: 0px auto;
				}

					table.glory tr td.blog a img {
						border: 0px;
					}

			table.glory tr td.team {
				font-weight: bold;
				vertical-align: middle;
				padding-left: 0px;
			}

			table.glory tr th.blog,
			table.glory tr td.blog {
				text-align: center;
			}

			table.glory tr th.titles,
			table.glory tr td.titles {
				text-align: right;
			}

			table.glory tr td.town,
			table.glory tr td.titles {
				color: #b8c1b0;
			}

			table.glory tr td.confirmed {
				font-weight: bold;
				color: #fbd500;
			}
/* ........................... */


/* .................. Contacts */
	div.main_header div.main div.main_top_holder div.contacts h3 {
		margin: 0px;
		padding-bottom: 5px;
	}
	
	div.main_header div.main div.main_top_holder div.contacts span {
		display: block;
	}
/* ........................... */