/*========================================================*/
/*  Default HTML                                          */
/*========================================================*/
    html { height: 100%; }
    body { height:100%; margin: 0 0 0 0; background:#ffffff; }
    form { height:100%; margin:0; padding:0; }
    table, tr, td {font-family:Arial, Helvetica, sans-serif; color: #333333; line-height:18px; font-weight:normal; font-size:12px;  }
    p {font-family:Arial, Helvetica, sans-serif; color: #333333; line-height:18px; font-weight:normal; font-size:12px;}
	div {font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px;  color: #333333; line-height:18px; font-weight:normal; font-size:12px;}
    span {font-family: Arial; color: #333333; font-weight:normal; text-align:left; font-size:12px;}
    hr {	margin:10px 0; padding:0px; border-bottom:1px dashed #8f8f8f; border-top:0px; border-left:0px; border-right:0px; line-height:0px; height:1px; display:block;  }
    img { border:none;}
/*========================================================*/
/*  Main SKIN Elements                                    */
/*========================================================*/
    .main_bg { background:url(main-bg.jpg) top center no-repeat #ffffff; }
    .default_font { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color: #555555;}	
	.logo_wrapper { width:150px; }
	.dnn_logo { padding:10px 0 0 7px; position:absolute; z-index:1000;}	
    .site_wrapper { width:960px; }	
	.paneOutline { border:1px dashed #999999; }	
	.site_container { padding:10px 0 50px 0; }	
	.reglogin_wrapper { padding:0 10px 0 0; }
	.login_l { background:url(login-l.png) left top no-repeat; height:26px; }
    .login_r { background:url(login-r.png) right top no-repeat; height:26px; }	
    .login_b { background:url(login-b.png) top left repeat-x; height:26px; margin:0 7px 0 29px;}
	.youth { background:url(youth.png) center left no-repeat; height:55px; width:550px; }
	.soccer_fun { background:url(funn.png) center center no-repeat; height:49px; width:621px; position:absolute; padding:40px 0 0 350px; }
	.quick { padding:33px 0 00; }
	.header { padding:0 0 6px 0; }
	.menu_wrapper { padding:10px 0 0 0; }
	.menu_l { background:url(menu-l.png) left top no-repeat; height:52px; }
    .menu_r { background:url(menu-r.png) right top no-repeat; height:52px; }	
    .menu_b { background:url(menu-b.png); height:52px; margin:0 17px;}	
	
	.banner_ml { background:url(banner-ml.png) left top no-repeat #ffffff; width:7px; }
    .banner_mr { background:url(banner-mr.png) right top no-repeat #ffffff; width:7px; }	
	.banner_mb { background:url(banner-bg-b.gif) bottom right no-repeat #e7e7e7; }
	.banner_mb2 { background:#ffffff; }
	.banner_mrg { background:url(banner-bg-t.gif) top right no-repeat; }
	
	.banner_bl { background:url(banner-bl.png) left top no-repeat; height:129px; }
    .banner_br { background:url(banner-br.png) right top no-repeat; height:129px; }	
    .banner_bb { background:url(banner-bg.png); height:129px; margin:0 479px 0 480px;}
	.footer_td { background:url(footer-dot.png) top left repeat-x; padding:20px 0 5px 0; }

/*========================================================*/
/*  Site Contents                                         */
/*========================================================*/
	.NormalBlack, a.NormalBlack, a.NormalBlack:link, a.NormalBlack:visited, a.NormalBlack:active { font: normal bold 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; } 
    a.NormalBlack:hover  { text-decoration:underline;}
	.NormalWhite { font: normal normal 12px Arial, Helvetica, sans-serif; color:#ffffff;} 
	.NormalGray { font: normal bold 12px Arial, Helvetica, sans-serif; color:#a6a6a6;} 
	.Phone { font: normal normal 26px Arial, Helvetica, sans-serif; color:#ffffff; padding:5px 0 0 0;} 
	.NormalBlue { font: normal bold 12px Arial, Helvetica, sans-serif; color:#00549e;} 
	.dotline {background:url(dot-line.gif) left center repeat-x; height:13px; }
	.filed_status td { border-bottom:1px solid #dddddd; padding:5px 0; }
	.green { font-size: 12px; color: #008507; font-weight: bold; padding: 0;}
	.red { font-size: 12px; color: #ff0000; font-weight: bold; padding: 0;}
	.more span { color:#ffffff; line-height:15px; font-size:10px;}
    .more { background:url(read-more-small.png) no-repeat top right; height:15px; display:inline-block; line-height:15px; padding:0 18px 0 10px;color:#656565;font-family:Arial, sans-serif; font-size:10px; text-align:center; margin:2px 0 0 10px;}
    .more:hover {background-position:bottom right; text-decoration:none; color:#000000;}
	.more span:hover { color:#ffffff;}
/*========================================================*/
/*  Default DNN Links Tokens                              */
/*========================================================*/
    a:link, a:visited, a:active { color: #2e8e01; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 12px; text-decoration: none; line-height:18px; }
    a:hover { color:#333333; text-decoration: underline;}
    a:active { outline:none; } :focus {outline:0; }
    .CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color:#2e8e01; font-family:Arial; font-size: 12px; font-weight: bold; text-decoration: none;}
    a.CommandButton:hover { color: #333333; }
    .SkinObject, a.SkinObject:link, a.SkinObject:visited, a.SkinObject:active { color: #2e8e01; font-family:Arial; font-size: 12px; font-weight: normal; text-decoration: none; }
    a.SkinObject:hover { color:#333333; }
    .terms_privacy, a.terms_privacy:link, a.terms_privacy:visited, a.terms_privacy:active { color:#444444; font-family:Arial; font-size: 12px; font-weight: normal; text-decoration: none; }
    a.terms_privacy:hover { text-decoration:underline; color:#2e8e01; }
    .breadcrumb, a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active { color:#df2328; font-family:Arial; font-size: 12px; font-weight:normal; text-decoration: none;}
    a.breadcrumb:hover { color:#eec212; }
    .reg_login, a.reg_login, a.reg_login:link, a.reg_login:visited, a.reg_login:active { font: normal bold 11px Arial, Helvetica, sans-serif; color:#2e8e01; text-decoration: none; padding:5px 3px 0 0; line-height:26px; text-transform:uppercase; } 
    a.reg_login:hover  { color:#000000; text-decoration:underline;}
/*========================================================*/
/*  Custom DNN Links                                      */
/*========================================================*/
    .quick_links, a.quick_links, a.quick_links:link, a.quick_links:visited, a.quick_links:active { font: normal normal 12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration: none; padding:0 2px; } 
    a.quick_links:hover  { font: normal normal 12px Arial, Helvetica, sans-serif; text-decoration: none; color:#000000;}
    .bottom_links, a.bottom_links:link, a.bottom_links:visited, a.bottom_links:active {font-family:Arial; font-size:12px; color:#ffffff; text-decoration: none; font-weight:normal; text-transform:uppercase;}
    a.bottom_links:hover { text-decoration:underline; }
    .black_link, a.black_link:link, a.black_link:visited, a.black_link:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration: none; font-weight:normal;}
    a.black_link:hover {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#e02429; text-decoration:underline;  }
/*========================================================*/
/*  Default DNN Static Tokens                             */
/*========================================================*/
    .Copyright { font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#444444; background:none !important;}
    .CurrentDate{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #333333;}
    .SubHead { font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333;}
	.SubHead span { font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #888888;}
    .Head { font-size: 12px; color: #2e8e01; font-weight: bold; padding: 0;}
/*========================================================*/
/*  Other used Text                                       */
/*========================================================*/
    .Normal { font-family:Arial, Helvetica, sans-serif;  color: #333333; line-height:18px; font-size:12px;}
    .NormalBold { font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; }
    .NormalRed { color: #e02429; font-weight: normal; font-family:Arial; font-size: 12px; }
     UL LI { background:url(bullet.png) top left no-repeat; list-style:none; list-style-image:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;  font-weight:normal; color:#333333; padding:0 0 5px 25px; margin:0 0 0 -38px;   }
/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/
    .panes_wraper { padding:0 15px 15px 15px;}
	.banner_pane { width:50%; padding: 0 0 0 0; }
    .news_pane { width:50%; padding: 0 0 0 5px;}
    .content_pane { width:100%; padding:0 0 0 0;  }
	.main_left_pane_td { width:67%; padding: 0 10px 0 0; }
    .main_left_pane { width:100%; padding: 0 0 20px 0;  background:url(pane-dot.png) left bottom repeat-x;}
    .main_right_pane { width:33%; padding: 0 0 0 10px; }	
	.content_left_pane { width:33%; padding: 0 10px 0 0;}
    .content_right_pane { width:67%; padding: 0 0 0 10px;}
    .left_pane { width: 33%; padding: 0 10px 0 0;}
    .center_pane { width: 34%; padding: 0 10px 0 10px; }
    .right_pane { width: 33%; padding: 0 0 0 10px;}	
    .middle_pane { width: 100%; padding: 0 0 0 0; }
    .bottom_left_pane { width:50%; padding: 0 10px 0 0;}
    .bottom_right_pane { width:50%; padding: 0 0 0 10px;}	
    .footer_pane{ width: 100%; padding:0 0 0 0; }
	.content_1 { width:50%; padding: 0 10px 0 0;}
    .content_2 { width:50%; padding: 0 0 0 10px;}
/*========================================================*/
/*  Default HTML Headings                                 */
/*========================================================*/
     H1 { font-weight: normal; font-size:24px; color: #2e8e01; font-family:Arial, Helvetica, sans-serif;}
     H2 { font-weight: normal; font-size:20px; color: #2e8e01; font-family:Arial, Helvetica, sans-serif;}
     H3 { font-weight: normal; font-size:18px; color: #2e8e01; font-family:Arial, Helvetica, sans-serif;}
     H4 { font-weight: bold; font-size:16px; color: #2e8e01; font-family:Arial, Helvetica, sans-serif;}
     H5 { font-weight: bold; font-size:14px; color: #2e8e01; font-family:Arial, Helvetica, sans-serif;}
     H6 { font-weight: bold; font-size:12px; color: #2e8e01; font-family:Arial, Helvetica, sans-serif;}
/*========================================================*/
/*  Form Object                                           */
/*========================================================*/
    select, input { font-family:Arial; font-size:12px; color:#333333; }
    .NormalTextBox { color: #000000; padding-left: 4px; line-height: 12px; font-family:Arial; font-weight: normal; font-size: 12px; border:1px solid #000000; background:#ffffff; }
    td.NormalTextBox { padding: 0; margin: 0; background: transparent; border: 0; }
    .StandardButton { border:#000000 0px solid; font-size: 11px; font-family:Arial, Helvetica, sans-serif; background:#20a1db; padding:3px 10px; color:#ffffff; }
/*========================================================*/
/*  Search                                                */
/*========================================================*/
     .search_bg {  background:url(search-bg.png) no-repeat; float:right; width:175px; height:26px; position:relative; margin-top:0px; margin-left:10px; }
     .search, a.search:link, a.search:active, a.search:visited {  background:url(go-btn.png) right top no-repeat; width:30px; height:26px;  position:absolute; right:-5px; top:0px; text-indent:-99999px; overflow:hidden;}
     a.search:hover{ background:url(go-btn.png) right bottom no-repeat; }
     #dnn_dnnSEARCH_txtSearch{ border:0px solid #ff0000; font-size: 12px; color:#000000; font-family:Arial; text-align:left; height:18px; background:none; position:absolute; left:6px; top:3px; width:135px; line-height:18px; }
/*========================================================*/
    .ControlPanel {  border:0px; width:99.9%; padding-bottom:5px; }
    .DataGrid_AlternatingItem, .DataGrid_AlternatingItem TD { color:#666666; background:#e2e2e2;} 
    .rcbList li { color:#000000; list-style:none; list-style-image:none; background:none; } 
/*========================================================*/
/*  Main Menu                                             */
/*========================================================*/
	.MainMenu_MenuContainer { background-color: transparent; height:39px; }
	.MainMenu_MenuIcon { display: none; }
	.MainMenu_MenuBreak { border: 0; background-color: transparent; height: 0px; } 
	.MainMenu_MenuArrow { border-right: 0px solid #000000; border-bottom: 0px solid #3A3A3A; border-top: 0px solid #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; padding: 0px 10px 0px 15px; height: 20px; }
	.MainMenu_MenuItemSel { background-color: transparent; }


	.MainMenu_MenuItem { border: 0; color: #FFFFFF; height: 24px; background-color: transparent; border-bottom: 0px solid #FFFFFF; font: normal normal 12px Arial; padding: 0px 10px 0px 15px; cursor: pointer; } 
	.SubMenu_MenuHover { border: 0; color: #FFFFFF; height: 24px; background-color: #000000; border-bottom: 0px solid #FFFFFF; font: normal normal 12px Arial; padding: 0px 10px 0px 15px; cursor: pointer; } 
	.SubMenuSelected { border: 0; color: #FFFFFF; height: 24px; background-color: #000000; border-bottom: 0px solid #FFFFFF; font: normal normal 12px Arial; padding: 0px 10px 0px 15px; cursor: pointer; }

	.MainMenu_SubMenu { margin-top: 0px; border-top: 0px solid #3A3A3A; border-left: 0px solid #3A3A3A; border-right: 0px solid #3A3A3A; border-bottom: 0px solid #3A3A3A; background-color: #2e8e01; }

	.MainMenu_MenuItemTab TD { padding: 0; margin: 0; cursor: hand; height: 34px; }
	.MainMenu_MenuItemTab TD DIV { background-image: url(menu-idel-right.png);  background-position: top right; background-repeat: no-repeat; margin: 0; padding: 0; margin:-10px 0 -20px 0;  }
	.MainMenu_MenuItemTab TD DIV DIV { background-image: url(menu-idel-left.png); background-position: top left; background-repeat: no-repeat; margin: 0; padding: 0 10px; margin:-4px 0 -20px; }
	.MainMenu_MenuItemTab TD DIV DIV DIV { background-image: url(menu-idel-center.png); background-repeat: repeat-x; color: #FFFFFF; font-size: 13px; font-family: Arial; font-weight: bold; height:39px; padding: 0 5px; line-height:39px; margin: 0px 0 1px; cursor: pointer; }

	.MainMenu_MenuSelectedTab TD, .MainMenu_MenuSelectedRootTab TD { padding: 0px; margin: 0; }
	.MainMenu_MenuSelectedTab TD DIV, .MainMenu_MenuSelectedRootTab TD DIV { background-image: url(m_active-right.png); background-position: top right; background-repeat: no-repeat; margin: 0; padding: 0; margin:-10px 0 -20px 0;  }
	.MainMenu_MenuSelectedTab TD DIV DIV, .MainMenu_MenuSelectedRootTab TD DIV DIV { background-image: url(m_active-left.png); background-position: top left; background-repeat: no-repeat; margin: 0; padding: 0 10px; margin: -4px 0 -20px;  }
	.MainMenu_MenuSelectedTab TD DIV DIV DIV, .MainMenu_MenuSelectedRootTab TD DIV DIV DIV { background-image: url(m_active-center.png); background-repeat: repeat-x; color: #00003A; font-size: 13px; font-family: Arial; font-weight: bold; height:39px; padding: 0 5px; line-height:39px; margin: 0px 0 1px; cursor: pointer;}
/*========================================================*/
/*  Action Menu                                           */
/*========================================================*/
	.ModuleTitle_MenuContainer { BORDER-RIGHT: blue 0px solid; BORDER-TOP: blue 0px solid; BORDER-LEFT: blue 0px solid; BORDER-BOTTOM: blue 0px solid }
	.ModuleTitle_MenuBar { CURSOR: hand; HEIGHT: 16px; BACKGROUND-COLOR: transparent }
	.ModuleTitle_MenuItem {	BORDER-RIGHT: white 0px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: white 0px solid; CURSOR: hand; COLOR: #FFFFFF; BORDER-BOTTOM: #232323 1px solid; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Arial, Helvetica; BACKGROUND-COLOR: transparent }
	.ModuleTitle_MenuIcon {	BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; WIDTH: 15px; CURSOR: hand; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 21px; BACKGROUND-COLOR: #000000; TEXT-ALIGN: center }
	.ModuleTitle_SubMenu { BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; Z-INDEX: 1000; FILTER: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); BORDER-LEFT: #ffffff 0px solid; CURSOR: hand; BORDER-BOTTOM: #ffffff 0px solid; BACKGROUND-COLOR: #232323; }
	.ModuleTitle_MenuBreak { border: 0;  HEIGHT: 0px; BACKGROUND-COLOR: #232323; cursor:pointer;}
	.ModuleTitle_MenuItemSel { FONT-WEIGHT: bold; FONT-SIZE: 11px; CURSOR: hand; COLOR: #2e8e01; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Arial, Helvetica; BACKGROUND-COLOR: #000000;  cursor:pointer;}
	.ModuleTitle_MenuArrow { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 10pt; CURSOR: hand; BORDER-BOTTOM: #E9E9E9 0px solid; FONT-FAMILY:Arial, Helvetica, sans-serif; cursor:pointer; }
	.ModuleTitle_RootMenuArrow { FONT-SIZE: 10pt; FONT-FAMILY:Arial, Helvetica, sans-serif;}
	.DataGrid_AlternatingItem { background-color:#434343;}
/*========================================================
jQuery Slider
========================================================*/
	.fleft{float: left;}
	.fright {float: right;}
	#featured-slider ul {float: left; margin: 0; padding: 0; list-style: none; }
	#featured-slider li {margin: 0; padding: 0; list-style: none; background: none; }
	#featured-slider {width: 640px; height: 300px; }
	#featured-slider ul.ui-tabs-nav {float: right; list-style: none; padding: 0; margin: 0; z-index: 100; width:140px; }
	#featured-slider ul.ui-tabs-nav li {padding: 0px; margin: 0 0 10px 10px; }
	#featured-slider ul.ui-tabs-nav li.last {padding-right: 0; }
	#featured-slider .ui-tabs-panel {position: relative; margin: 0; float: left; }
	#featured-slider .ui-tabs-nav a {display: block; position: relative; height:65px; overflow: hidden; border: 0px solid #ffff00; }
	#featured-slider .ui-tabs-nav li:hover a, #featured-slider .ui-tabs-nav .ui-tabs-selected a {border: 0px solid #0068e6; }
	#featured-slider .ui-tabs-nav a IMG {float: left; margin: 0;}
	#featured-slider .ui-tabs-hide {display: none;}
/*========================================================*/
/*  Social Icons                                          */
/*========================================================*/
	.list {list-style:none;padding:0 0;margin:0; position:relative; float:right;}
	.list li a {color:#808080;}
	.list li {line-height:32px; width:auto; float:none; color:#808080; padding:0; margin:0;}
	.social-icons li {width:42px;height:32px;float:left; list-style:none; background:none;}
	.social-icons li a {width:32px;height:32px;background:url(social-icons.png) no-repeat 0 0;display:inline-block;float:none;}
	.social-icons li .facebook {background-position:0 0;}
	.social-icons li .facebook:hover {background-position:0 -32px;}
	.social-icons li .twitter {background-position:-32px 0;}
	.social-icons li .twitter:hover {background-position:-32px -32px;}
/*========================================================*/
/*  Verical Slider By sorgalla.com                        */
/*========================================================*/

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:200px; padding:0 0;}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width:150px; height:410px; padding:50px 20px; }

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:150px; height: 420px; }
	
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden; }

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:200px; height: 100px; }

.jcarousel-skin-tango .jcarousel-item {
    width:150px; height: 100px; }

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0; margin-right:0; }

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left:0; margin-right: 0; }

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom:0px; }

.jcarousel-skin-tango .jcarousel-item-placeholder {
     }


.jcarousel-skin-tango .jcarousel-next-vertical {
    position:absolute; bottom:0; left:65px; width:40px; height:54px; cursor:pointer; background:transparent url(next-vertical.png) no-repeat 0 0; }

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -54px; }

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -108px; }

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default; background-position: 0 -162px; }

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position:absolute; top:0px; left:65px;  width:40px; height:54px; cursor: pointer; background:transparent url(prev-vertical.png) no-repeat 0 0; }

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -54px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -108px; }

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default; background-position: 0 -162px; }