body
		{
      	display:block;
    	}   
		#page_holder
		{
      		height:auto;
      		width:100%;
      		top:0px;
     		left:0px;
			background-color:#E8EBED;
      		position:absolute;
    	}
		#page_body
        {
      		width:978px;
			
			margin-left:auto;
			margin-right:auto;
			position:relative;
			background-color:white;
    	}
		#page_header
		{
			position:relative;
			width:978px;
			height:90px;
		}
		#page_content
		{
			width:978px;
			
		}
		#page_footer
		{
			width:978px;
			height:90px;
		}
		#navigation_menu_holder
		{
			width:976px;
			height:120px;
		}
		#page_name
		{
			position:absolute;
			width:976px;
			color:#888888;
			font-size:38px;
			font-family:"Segoe UI";
			margin-left:10px;
			margin-top:20px;
		}
		#subpage_name
		{
			position:relative;
			margin-top:2px;
			color:#F24022;
			font-size:34px;
			margin-left:10px;
			font-family:"Segoe UI","Helvetica",Garuda,Arial,sans-serif;
			float:left;
		}
		#search_holder
		{
			width:976px;
			height:50px;
			margin-top:15px;
		}
		#search_form_holder
		{
			position:relative;
			margin-right:7px;
			width:450px;
			height:38px;
			margin-top: 8px;
			float:right;
		}
		#search_box
		{
			width:260px;
			height:30px;
			border: 1px solid #F24022;
			font-size:16px;
			
			font-family: "Segoe UI","Helvetica",Garuda,Arial,sans-serif;
		}
		#search_button
		{
			width:108px;
			height:34px;
			border: 1px solid #F24022;
			font-size:16px;
			margin-left:13px;

			font-family: "Segoe UI","Helvetica",Garuda,Arial,sans-serif;
			color:white;
			background-color:#F24022;
			cursor: pointer;
		}
		#search_button:hover
		{
			border: 1px solid #FC5E44;
			background-color:#FC5E44;
		}
		.navigation_icon
		{
			width:232px;
			height:100px;
			margin-top:10px;
			background-color:#F24022;
			margin-left:10px;
			float:left;
		}
		.navigation_text_holder
		{
			width:100px;
			margin-top:10px;
			margin-left:10px;
			color:white;
			font-size:20px;
			font-family: "Segoe UI","Helvetica",Garuda,Arial,sans-serif;
			float:left;
		}
		.navigation_icon:hover
		{
			background-color:#FC5E44;
		}
		.icon_holder
		{
			width:93px;
			height:100px;
			float:left;
			margin-top:10px;
			margin-left:10px;
		}
		a:link 
		{
			text-decoration:none;
		}
		a:visited 
		{
			text-decoration:none;
		}
		a:hover 
		{
			text-decoration:none;
		}
		a:active 
		{
			text-decoration:none;
		}
	    .link_color
		{
			color:#F24022;
		}
		.link_color:hover
		{
			color:#FC5E44;
		}
		#content_holder
		{
			width:976px;
			margin-top:30px;
			min-height: 1000px;
			position:relative;
		}
		#news_option_holder
		{
			width:200px;
			margin-left:10px;
			float:left;
			height: 800px;
		}
		#news_contnent_holder
		{
			position: relative;
		    float:left;
			width:740px;
			margin-left:16px;
			min-height: 1000px;
		}
		.leagueDescription
		{
			font-size:24px; 
			color:black;
			text-align: center;
			font-family:"Segoe UI";
		}
		.league_by_age_selection_holder
		{
			width:200px;

		}
		.league_by_age_selection
		{
			height: 40px;
			width: 200px;
			cursor: pointer;
		}
		.league_by_age_selection_text
		{
			font-size: 24px;
			color:black;
			font-family:"Segoe UI";
			font-weight: lighter;
			float: left;
			margin-top: 6px;
			margin-left: 10px;


		}
		.league_by_age_selection_image
		{
			width: 10px;
			height: 20px;
			float: left;
			margin-top: 13px;
			margin-left: 10px;
			
		}
		.league_by_age_selection:hover
		{
			background-color: #EDEDED;
		}
		.league_by_place_selection_holder
		{
			width:200px;
		}
		.league_by_place_selection
		{
			margin-top: 5px;
			margin-left: 5px;
			height: 30px;
			width: 200px;
			cursor: pointer;
		}
		.league_by_place_selection_text
		{
			font-size: 20px;
			color:black;
			font-family:"Segoe UI";
			font-weight: lighter;
			float: left;
			margin-left: 10px;
		}
		.league_by_place_selection_image
		{
			width: 10px;
			height: 20px;
			float: left;
			margin-top: 7px;
			margin-left: 10px;
			
		}
		.league_by_place_selection_image
		{
			width: 10px;
			height: 20px;
			float: left;
			margin-top: 7px;
			margin-left: 10px;
			
		}
		.league_by_place_selection:hover
		{
			background-color: #EDEDED;
		}
		.league_name_text
		{
			width: 155px;
			font-size: 18px;
			color:black;
			margin-top: 3px;
			font-family:"Segoe UI";
			font-weight: lighter;
			float: left;
		}
		.selected_menu_item_arrow_holder
		{
			float: left;
			width: 8px;
			height: 14px;
			margin-left: 1px;
			margin-top: 8px;
		}
		.league_name_holder
		{
			width:170px;
			height: 32px;
			margin-top: 8px;
			margin-left: 28px;
			cursor: pointer;
		}
		.league_name_holder:hover
		{
			background-color: #EDEDED;
		}
		.ordinary_league_option
		{
			height: 40px;
			width: 200px;
			cursor: pointer;
		}
		.ordinary_league_option_text
		{
			width: 175px;
			font-size: 24px;
			color:black;
			font-family:"Segoe UI";
			font-weight: lighter;
			float: left;
			margin-top: 6px;
			margin-left: 10px;
		}
		.ordinary_league_option:hover
		{
			background-color: #EDEDED;
		}
		.ordinary_menu_item_arrow_holder
		{
			float: left;
			width: 8px;
			height: 14px;
			margin-left: 1px;
			margin-top: 15px;
		}
		.two_level_menu_holder
		{
			width:200px;

		}
		.two_level_menu
		{
			height: 40px;
			width: 200px;
			cursor: pointer;
		}
		.two_level_menu_text
		{
			font-size: 24px;
			color:black;
			font-family:"Segoe UI";
			font-weight: lighter;
			float: left;
			margin-top: 6px;
			margin-left: 10px;


		}
		.two_level_menu_image
		{
			width: 10px;
			height: 20px;
			float: left;
			margin-top: 13px;
			margin-left: 10px;
			
		}
		.two_level_menu:hover
		{
			background-color: #EDEDED;
		}
		.two_level_submenu_holder
		{
			width:172px;
		}
		.two_level_submenu_selection
		{
			margin-top: 5px;
			margin-left: 24px;
			height: 30px;
			width: 172px;
			cursor: pointer;
		}
		.two_level_submenu_text
		{
			font-size: 20px;
			color:black;
			font-family:"Segoe UI";
			font-weight: lighter;
			width: 140px;
			float: left;
			margin-left: 10px;
		}
		.two_level_submenu_image
		{
			width: 10px;
			height: 20px;
			float: left;
			margin-top: 7px;
			margin-left: 10px;
		}
		.two_level_submenu_selection:hover
		{
			background-color: #EDEDED;
		}
		.match_table
		{
			width: 100%;
			border-collapse: collapse;
			margin-bottom: 40px;
		}

		.match_table td
		{
			text-align: center;
			color: black;
			font-family:"Segoe UI";
			font-weight: lighter;
			border-bottom: 1px solid #F24022;
			border-right: 1px solid #F24022;
			
		}

		.match_table tr
		{
			width:100%; 
			height:40px;
		}
		.match_table th
		{
			color: #F24022;
			text-align: center;
			font-family:"Segoe UI";
			font-weight: bold;
			border-bottom: 1px solid #F24022;
			border-right: 1px solid #F24022;
			
		}
		.match_table th:last-child
		{
			border-right:1px solid transparent;
		}
		.match_table td:last-child
		{
			border-right:1px solid transparent;
		}
		
		.match_table tr:hover td
		{
			background-color:#EDEDED;
			
			border-right: 1px solid #F24022;
		}
		.match_table tr:hover td:first-child
		{
			border-left: 5px solid #F24022;
		}
		.match_table tr:hover td:nth-child(2)
		{
			color: red;
		}
		.league_results_header_round
		{
			width:100px;
		}
		.league_results_header_date
		{
			width:140px;
			
		}
		.league_results_header_team
		{
			width:241px;
		}
		.newsName
		{
			width:470px;
			height:36px;
			font-size:28px;
			color:black;
			cursor: pointer;
			font-family:"Segoe UI";
			font-weight: lighter;
			margin-bottom: 20px; 
		}
		.filterHolder
		{
			width: 440px;
			height: 30px;
			margin-right: 10px;
			float:  right;
			margin-bottom: 15px;
		}
		.filterItemHolder
		{
			margin-right: 20px;
			height: 28px;
			float:right;
			cursor: pointer;
		}
		.filterText
		{
			color: #F24022;
			font-family:"Segoe UI";
			font-size: 16px;
			font-weight: lighter;
			text-align: center;
		}
		.filterArrow
		{
			height: 9px;
		}
		.filterArrowImage
		{
			width:14px; 
			height:7px; 
			margin-right:auto; 
			margin-left:auto; 
			display:block;
		}
		#no_data_text
		{
			width:320px;
			height:60px;
			color:#888888;
			margin-top:70px;
			margin-left:200px;
			font-size:50px;
			font-family:"Segoe UI";
		}
		#explanation_text
		{
			width:570px;
			height:60px;
			color:#888888;
			margin-top:7px;
			margin-left:80px;
			font-size:18px;
			text-align: center;
			font-family:"Segoe UI";
		}
		.eMailHolder
		{
			position: absolute;
			font-family: Segoe UI;
			font-weight: lighter;
			font-size: 16px;
			color:gray;
			margin-top: 30px;
			margin-left: 430px;
		}
		#matchListHolder
		{
			width: 740px;
		}
		.matchListInfoHolder
		{
			font-family: Segoe UI;
			font-weight: lighter;
			font-size: 16px;
			color:gray;
			font-weight: bold;
			width: 100%;
			text-align: center;
			margin-top:280px; 
			display:inline-block;
		}
		.pageLoadStatusHolder
		{
			font-family: Segoe UI;
			font-weight: lighter;
			font-size: 16px;
			color:gray;
			font-weight: bold;
			margin-top:280px; 
			display:inline-block;
			margin-left: 320px;
		}
		input[type = button]
		{
			width: 120px;
			height: 40px;
			font-size: 16px;
			font-family: "Segoe UI","Helvetica",Garuda,Arial,sans-serif;
			color: white;
			background-color: #F24022;
			border:1px solid #F24022;
			cursor: pointer;
		}
		input[type = button]:hover
		{
			background-color: #FC5E44;
			border:1px solid #FC5E44;
		}
		.notificationBaner
		{
			font-family: Segoe UI;
			font-weight: lighter;
			font-size: 16px;
			margin-top: 0px;
			margin-top: 15px;
			font-weight:bold;
		}
		/*documents css style*/
		.documentHolderDiv
		{
			margin-top: 20px;
			width: 740px;
			overflow: auto;
			font-family: Segoe UI;
			font-weight: lighter;
			border-bottom: 1px solid #C7C7C7;
		}
		.documentPropertiesHolder
		{
			float: left;
			margin-left: 20px;
			margin-top: 15px;
			margin-bottom: 20px;
		}
		.documentNameText
		{
			margin-left: 10px;
			font-size: 24px;
			margin-top: 0px;
			margin-bottom: 0px;
			display: inline-block;
		}
		.documentDetailsText
		{
			font-size: 14px;
			color: #C7C7C7;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		.documentIconHolder
		{
			margin-top: 5px;
			float: left;
			border: none;
		}
		a.documentLink:link 
		{
			color: black;
			text-decoration:none;
		}
		a.documentLink:visited 
		{
			color: black;
			text-decoration:none;
		}
		a.documentLink:hover 
		{
			color: black;
			text-decoration:none;
		}
		a.documentLink:active 
		{
			color: black;
			text-decoration:none;
		}

/* match details CSS*/
#overlayDiv
{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
   	background-color: rgba(0,0,0,0.7);
    z-index: 2;
}
#matchDetailsPageHolder
{
	width: 1000px;
	height: 1150px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	margin-top:220px;
	text-align: center;
	font-size:16px;     
    font-family:"Segoe UI";
    position: static;
}
.matchDetailsPageInfoHolder
{
	color:gray;
	font-weight: bold;
	margin-top:340px; 
	display:inline-block;
}
#matchDetilsPageTitle
{
	float: left;
	color: #0070C0;
	font-size: 24px;
	margin-left: 420px;
	margin-top: 10px;
	height: 32px;
}
#matchDetilsPageHeader
{
	height: 42px;
}
#headToHeadDataHolder
{
	margin-top: 5px;
	width: 940px;
	margin-left: 30px;
}
.closeButtonHolder
{
	cursor: pointer;
	margin-right: 10px;
	margin-top: 10px;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	float: right;
}
#matchDetilsPageBody
{
	margin-top: 5px;
	margin-bottom: 25px;
	height: 1010px;
}
#matchDetailsPageFotter
{
	height: 42px;
	margin-bottom: 20px;
}
#matchDetailsPageFotterHolder
{
	width: 940px;
	margin-left: 30px;
	height: 42px;
}

#matchHeaderHolder
{
	width: 940px;
	margin-left: 30px;
	height: 180px;
}
#firstTeamHolder
{
	float: left;
	height: 200px;
	width: 320px;
}
#matchDataHolder
{
	float: left;
	height: 200px;
	width: 300px
}
#secondTeamHolder
{
	float: left;
	height: 200px;
	width: 320px;	
}
p.matchHeaderDescription
{
	font-size: 14px
;	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}
p.matchHeaderDescriptionBig
{
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
.matchHeaderData
{
	font-weight:bold; padding-left:10px;
}
h1
{
	margin-top: 0px;
	margin-bottom: 0px;
}
h2
{
	display: table-cell;
    vertical-align: bottom;
    text-align: center;
	height: 66px;
	width: 320px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.teamFormHolder
{
	width: 190px;
	height: 35px;
	margin-left: 65px;
}
.winIcon
{
	width: 35px;
	height: 35px;
	margin-left: 3px;
	background-color: #7FBA00;
	float: left;
	cursor: pointer;
}
.drawIcon
{
	width: 35px;
	height: 35px;
	margin-left: 3px;
	background-color: #F59322;
	float: left;
	cursor: pointer;
}
.loseIcon
{
	width: 35px;
	height: 35px;
	margin-left: 3px;
	background-color: #F24022;
	float: left;
	cursor: pointer;
}
.formIconText
{
	text-align:center;
	font-size: 16px;
	color: white;
	margin-top: 6px;
	font-weight: bold;
}
#closeButton
{
	float: right;
}

#teamResultsHolder
{
	width:940px;
	height:300px;
	text-align: center;
}
#teamResultsNavigationHolder
{
	width:940px;
	height:30px;
}
#navigationHolder
{
	width:145px;
	height:20px;
	margin-top:8px;
	float:right;
	margin-right:10px;
	font-family:"Segoe UI";
}
#prevMatches
{
	width:70px;
	height:18px;
	float:left;
	cursor:pointer;
	color:#F24022;
	font-size:14px;
}
#prevMatches:hover
{
	font-weight: bold;
}
#nextMatches
{
	width:70px;
	height:18px;
	float:left;
	cursor:pointer;
	color:#F24022;
	font-size:14px;
}
#nextMatches:hover
{
	font-weight: bold;
}
#teamResultsContent
{
	width:936px;
	height:257px;
	margin-top:3px;
}
.bold_text
{
	font-weight: bold;
}
.headToHeadResultInfoHolder
{
	color:gray;
	font-weight: bold;
	display:inline-block;
	margin-top:100px;
}
#resultTable
{
	width:936px;
	border-collapse: collapse;
	margin-bottom: 40px;
	margin-top: 10px;
}
#resultTable td
{
	text-align: center;
	color: black;
	font-family:"Segoe UI";
	border-bottom: 1px solid #F24022;
	border-right: 1px solid #F24022;
}
#resultTable tr
{
	width:100%; 
	height:40px;
}
#resultTable th
{
	color: #F24022;
	text-align: center;
	font-family:"Segoe UI";
	font-weight: bold;
	border-bottom: 1px solid #F24022;
	border-right: 1px solid #F24022;
}
#resultTable th:last-child
{
	border-right:1px solid transparent;
}
#resultTable td:last-child
{
	border-right:1px solid transparent;
	width: 25%;
}
#resultTable td:nth-child(1)
{
			width: 24.5%;
}
#resultTable td:nth-child(2)
{
	width: 24.5%;
}
#resultTable td:nth-child(3)
{
	width: 13%;
}
#resultTable td:nth-child(4)
{
	width: 13%;
}
#resultTable tr:hover td
{
	border-right: 1px solid #F24022;
}
#resultTable tr:hover td:first-child
{
	border-left: 5px solid #F24022;
}
#generalHeadToHeadStatsHolder
{
	height: 460px;
}
.generalStatsTitle
{
	color: #F24022;
	width: 140px;
}
#generalStatsTable
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px;
}
#generalStatsTable td
{
	text-align: center;
	color: black;
	width: 50%;
	font-family:"Segoe UI";
	font-weight: lighter;
	border-bottom: 1px solid #F24022;
	border-right: 1px solid #F24022;
}
#generalStatsTable tr
{
	width:100%; 
	height:40px;
}
#generalStatsTable th
{
	color: #7FBA00;
	width: 50%;
	text-align: center;
	font-family:"Segoe UI";
	font-weight: bold;
	border-bottom: 1px solid #F24022;
	border-right: 1px solid #F24022;
}
#generalStatsTable th:last-child
{
	border-right:1px solid transparent;
}
#generalStatsTable td:last-child
{
	border-right:1px solid transparent;
}
#generalStatsTable tr:hover td
{		
	border-right: 1px solid #F24022;
}
#generalStatsTable tr:hover td:first-child
{
	border-left: 5px solid #F24022;
}
.pageTitle
{		
	font-size:30px; 
	color:#F24022;
	display: inline-block;
	cursor: pointer;
	font-family:"Segoe UI";
	font-weight: lighter;
}
.noNewsInfoHolder
{
	border: 1px solid #C7C7C7;
	font-family: "Segoe UI";
	font-size: 16px;
	font-weight: lighter;
	color: #F24022;
	width: 300px;
	height: 31px;
	text-align: center;
	margin-left: 220px;
	padding-top: 11px;
}
.newsInfoHolder
{
	display: block;
	color: gray;
	font-family: "Segoe UI";
	font-size: 16px;
	font-weight: bold;
	width: 740px;
	text-align: center;
	margin-top: 300px;
	margin-bottom: 550px;
}
#newsTitleAndFilterHolder
{
	height: 41px;
	width: 740px;
}
.dropdownFilterHolder
{
	height: 41px;
	float: right;
	width: 302px;
}
.dropdownFilterItemHolder
{
	margin-right: 20px;
	height: 28px;
	margin-top: 5px;
	float:right;
	cursor: pointer;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
}
.dropdownFilterText
{
	color: #F24022;
	font-family:"Segoe UI";
	font-size: 16px;
	font-weight: lighter;
	text-align: center;
}
.dropdownFilterArrow
{
	height: 9px;
}
strong
{
	font-weight: bold;
}
.dropdownFilterArrowImage
{
	width:14px; 
	height:7px; 
	margin-right:auto; 
	margin-left:auto; 
	display:block;
}
#newsCategoryFilterItemsHolder
{
	width:300px;
	min-height:200px;
	z-index:99;
	border:1px solid #C7C7C7;
	background-color:white;
	position:absolute;
	margin-top:40px;
	margin-right:0px;
	float:right;
	display: none;
	outline: none;
}
.newsCategoryFilterFirstItem
{
	width: 300px;
	min-height: 40px;
	font-family:"Segoe UI";
	font-size: 16px;
	cursor: pointer;
	background: #FC5E44;
}

.newsCategoryFilterItem
{
	width: 300px;
	min-height: 40px;
	font-family:"Segoe UI";
	font-size: 16px;
	cursor: pointer;
}
.newsCategoryFilterItem:hover
{
	background: #FC5E44 !important;
}
.newsCategoryFilterFirstItem:hover
{
	background: #FC5E44 !important;
}
.newsCategoryFilterItemText
{
	float:left;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
}
.newsCategoryNumberOfNewsText
{
	float:right;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
}
.printNewsOverviewButton
{
	margin-top: 20px;
	margin-right: 16px;
	float: right;
}
#newsListHolder
{
	width: 740px;
	margin-top: 20px;
}
.newsHolder
{
	font-family: "Segoe UI";
	margin-bottom: 40px;
	border-bottom: 1px solid #C7C7C7;
	font-weight: lighter;
}
.printNewsHolder
{
	font-family: "Segoe UI";
	margin-bottom: 40px;
	border-bottom: none;
	font-weight: lighter;	
}
.newsTitleHolder
{
	width: 740px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
}
.newsTitle
{
	font-size: 30px;
	color:black;
	cursor: pointer;
	font-family: "Segoe UI";
	font-weight: lighter;
	margin-top: 0px;
	display: inline-block;
	margin-bottom: 0px;
	border-bottom: 1px dashed black;
}
.newsTitlePropertiesHolder
{
	width: 740px;
	height: 25px;
	font-family: "Segoe UI";
	font-size: 14px;
	color: black;
	font-style: italic;
}
.newsContent
{
	padding-bottom: 30px;
}
.manageNewsToolbar
{
	height: 28px;
	width: 740px;
	margin-bottom: 10px;
}
.manageNewsToolbarItem
{
	float: right;
	height: 25px;
	margin-right: 20px;
	display: inline-block;
	font-style: italic;
	cursor: pointer;
	padding-top: 2px;
}
.manageNewsToolbarItem:hover
{
	font-weight: bold;
}
#getNewsButtonHolder
{
	width: 740px;
	margin-bottom: 40px;
	display: inline-block;
}
#getNewsButton
{
	width:300px;
	margin-left: 220px;
}