@import url("css/menu.css");
@import url("jquery-ui-1.7.2.custom.css");

/* CSS Document */
/*#Body {background:#FFF url(images/body_bg.png) repeat-x top left; height:100%; margin:0; padding:0; }*/
#Body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#999999 none repeat scroll 0 0;
color:#333333;
font-family:Arial,Helvetica,Verdana,sans-serif;
margin:0;
padding:0;
}

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#2E3D47; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color:#375162;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:4px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}


a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/

#s_wrap_main{display:table;width:970px; margin:0 auto;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}


.top_space{height:4px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0; margin:0; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0; margin:0; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 0 10px 10px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0; margin:0; background:url(images/menu_left.png) repeat-y  top left;}
.menu_right{margin:0; background:url(images/menu_right.png) repeat-y top right; }

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0;  background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; line-height:34px; padding-right:18px;}
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0; margin:0;clear:both;}
.left_bg{padding:0; margin:0; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0; margin:0; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:0 0 0 8px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.content_width{padding-top:8px; min-height:350px;}

.bot_left{padding:0; margin:0; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0; margin:0; background:url(images/bot_right.png) no-repeat top right; padding:0 39px 0 27px;}
.bot_bg{padding:0; margin:0; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0; }
.LeftPane{ padding:0 20px 0 0; width:170px; margin:0; }
.RightPane{ padding:0 0 0 20px; width:20%; margin:0; }


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}


@import url("jquery-ui-1.7.2.custom.css");

#site-logo
{
    float: left;
}

#site-banner-content
{
    float: left;
    padding-left:16px;
}

#site-banner
{
    width: 100%;
    overflow: hidden;
    clear: both;
}

#site-name h1
{
    font-size: 47px;
     font-family: 'Times New Roman', Times, serif;   
     color:#000;

}
#site-name h2
{
    font-size: 20px;
     font-family: 'Arial Black', Gadget, sans-serif; 
     color:#000;
padding-left:150px;

}

#site-slogan
{
    background-color: #000;
    color: Yellow;
    padding: 4px 8px;
    font-weight: bold;
}

#main-story img
{
	border:0;
}

.profile-actions a
{
	font-size:14px;
	padding-right:16px;
}

#register-now
{
    padding: 0 8px;
    color: Yellow;
    font-weight: bold;
}

#recent-forum-topics ul
{
    padding: 0 8px;
}

#recent-forum-topics li
{
    padding: 0 0 0 16px;
    list-style-type: none;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background: #fff url(images/internal-link.gif) no-repeat 0 3px;
}

#recent-forum-topics li a
{
    color: #333333;
    font-weight: bold;
}

.RightPane .widget
{
    width:290px;
}

.LeftPane .widget
{
    width:190px;
}

#social-links ul {
    display:block;
    height:36px;
    list-style:none;
    padding:0;
    margin:4px;
}

#social-links li 
{
    display:block;
    float:left;
    height:32px;
    margin:0 5px 14px 0;
    /*width:30px;*/
}

#social-links li.twitter{
width:115px;
}

#social-links li.facebook{
width:115px;
}
#social-links li.rss{
width:30px;
}

#social-links li img
{
    border: 0;
}

.widget
{
    border: solid 1px #BABABC;
    margin-bottom:8px;
}

.header
{
    background: #BABABC url(images/header.gif) repeat;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
    height:16px;
    padding:7px 0 7px 0;
}

.latest-tweet .header span
{
    background:transparent url(images/twitter.gif) no-repeat;
    padding:7px 0 7px 38px;
}


#recent-forum-topics .header span
{
    background:transparent url(images/forum.gif) no-repeat;
    padding:7px 0 7px 38px;
}

#registrations-deadlines .header span
{
    background:transparent url(images/warning.gif) no-repeat;
    padding:7px 0 7px 38px;
}

#registrations-deadlines
{
    background: #F8F87C;
}

#registrations-deadlines ul
{
    padding-left: 8px;
    margin: 4px 0;
}

#registrations-deadlines li
{
    list-style-type: none;
    padding: 0;
    font-weight: bold;
    font-size: 9px;
}

.draft-date
{
    padding-left: 4px;
    font-size: 9px;
    font-weight: lighter;
}

.header img
{
    padding: 3px 8px 0 4px;
    height: 32px;
}

.header a
{
    float: right;
    font-size: 10px;
    font-weight: lighter;
    color: #333333;
    text-transform: capitalize;
    padding-right: 8px;
}


#main-story
{
    color: #362325;
    font-size: 0.8em;
    padding-bottom:8px;
}

#main-story h1 a {
color:#000000;
font-family:Impact,Verdana,Geneva,sans-serif;
font-size:2.5em;
}

#main-story h1
{
   text-align:left;
   margin:0;
}

a.continue-story
{
    font-weight: bold;
    color: #0C0A3B;
}


#other-stories
{
    border-top: solid 1px #B5B2A9;
    border-bottom: solid 1px #B5B2A9;
    padding: 8px 0;
}

#other-stories ul
{
    padding: 0;
    margin: 0;
}

#other-stories li
{
    list-style-type: none;
    font-size: 0.7em;
    color: #586A80;
    font-weight: bolder;
    padding: 0px 0px 0px 20px;
    height:2.5em;
   text-overflow:ellipsis;
    overflow:hidden;
    
}

#other-stories li h4
{
   margin:0 0;
}

#other-stories li h4 a 
{
font-size: 1.2em;
    color: #000;
    font-weight: bolder;
line-height: 1.3em;
vertical-align: middle;
}

#main-story p 
{
    margin:2px 0;
}

#other-stories li.basketball-link
{
    background: #fff url(images/link-basketball.gif) no-repeat;
}

#other-stories li.general-link
{
    background: #fff url(images/link-general.gif) no-repeat;
}

#other-stories li.baseball-link
{
    background: #fff url(images/link-baseball.gif) no-repeat;
}

#other-stories li.football-link
{
    background: #fff url(images/link-football.gif) no-repeat;
}

#other-stories li.hockey-link
{
    background: #fff url(images/link-hockey.gif) no-repeat;
}


.followMe
{
    background: url(images/twit_b.jpg) left top no-repeat;
    padding: 0 12px 30px 0;
    text-indent: 140px;
    float: left;
    width: 288px;
    height: 45px;
}

.LeftPane .ui-dialog
{
    font-size: 12px;
    width: 180px;
    margin-bottom:8px;
    background:#F8F87C none repeat scroll 0 0;
}

.LeftPane .ui-dialog-titlebar
{
    font-size: 14px;
    padding: 0;
}


.LeftPane .widget
{
    width: 192px;
    padding-left:8px;
    background-color:#dddddd;
}
.RightPane .world-rankings
{
	padding-left:8px;
    background-color:#dddddd;
}

.LeftPane .widget h2
{
    margin:8px 0;
}

.RightPane .BannersContent
{
    margin-bottom:8px;
}


#your-rankings .ui-dialog-titlebar span
{
    background:transparent url(images/your-rankings.gif) no-repeat;
    padding:7px 0 7px 38px;
}

#your-rankings .ui-dialog-titlebar
{
   height:16px;
   padding:7px 4px 8px 0;
}


#main-blogs
{
    border-top: solid 1px #B5B2A9;
    padding: 8px 0;
 overflow:hidden;
}


.ContentPane #main-blogs
{
  width:400px;
}

.ContentPane .blog
{
  height:100px;
}


.blog
{
    float: left;
    width: 188px;
    padding: 4px;
    font-size: 0.7em;
    color: #4C5B70;
    font-weight: bold;
}
.blog p
{
    margin: 4px 0;
    padding: 0 0 0 8px;
    line-height: 1.25em;
}
.blog a
{
    font-size: 0.9em;
    color: #4C5B70;
    font-weight: bold;
}


.world-rankings h2, .world-rankings p
{
    color:#000;
}


.widget
{
    clear:both;
}

.BlogContent
{
    margin-bottom:8px;
}



.dob-disclaimer, .city-disclaimer{
padding-top:32px;
font-size:0.8em;
font-weight:bold;
}

.SearchContainer{
display:none;
}

.blog_title a{
color:#3E81B5;
font-weight:normal;
text-decoration:none;
font-size:16pt;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16pt;
line-height:16pt;
}

.blog_title a:hover{
color:#3E81B5;
font-weight:normal;
text-decoration:underline;
font-size:16pt;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16pt;
line-height:16pt;
}

#register-user
{
    padding:0 0 0 16px;
}

#register-user .required
{
    padding:0 0 0 4px;
    color:Red;
    font-weight:bold;
}




#register-user fieldset{
	
	border-width:2px 0px 0px 0px;
	border-style:solid;
	border-color:#657887;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
		
	margin:20px 0px 20px 0px;
	width:800px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}

#register-user fieldset legend{	
	background-color:none;
	
	border-width:0px 1px;
	border-style:solid;
	border-color:#657887;
	
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	letter-spacing:2px;
		
	padding:2px 5px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
	
}
	 
#register-user fieldset legend img{
	padding:0px 5px 0px 5px;	
}

#register-user fieldset label{
font-size:90%;
	
	display:block;
	float:left;
	width:150px;
	text-align:right;
	margin:10px 5px 0px 0px;
}

#register-user input{
	width:220px;
	margin:5px 0px 0px 0px;
	
	border-width: 1px 1px 4px 1px;
	border-style: solid solid ridge solid;
	border-color:#657887;
	
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 2px;
}

#register-user select{
	margin:5px 0px 0px 0px;
	
	border-width: 1px 1px 4px 1px;
	border-style: solid solid ridge solid;
	border-color:#657887;
	
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 2px;
}


#register-user .checkbox-list input
{
    width:50px;
    border:0;
}


#register-user .checkbox-list label
{
    float:none;
    display:inline;
}


#register-user h4
{
    font-size:1em;
    font-weight:bold;
    text-transform:uppercase;
    
}


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.user-picture-container
{
    padding:8px 0 0 155px;
}

.change-password-dialog h4{
	font-weight:bold;
}

.change-password-dialog label{
	font-weight:bold;
	display:block;
	float:left;
	width:125px;
	text-align:right;
	margin:8px 5px 0px 0px;
}

#ranks-navigation
{
    border: solid 1px #B2B2B2;
    background: #fff url(images/main-navigation-bk.gif);
    height:20px;
    text-transform: uppercase;
    font-family: 'Arial Black' , Gadget, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin:0 18px 0 6px;
    overflow:hidden;
    clear:both;


}

#ranks-navigation a
{
	 text-transform: uppercase;
    font-family: 'Arial Black' , Gadget, sans-serif;
    color:#2E3D47;
     font-size: 11px;
}

#rules-link
{
    float: right;
    padding:2px 8px 0 8px;

}
#ranks-navigation ul
{
    background: #fff url(images/main-navigation-bk.gif);
    float:left;
    height:20px;
    margin:0;
    padding:2px 0 0 0;
}

#ranks-navigation li
{
    list-style-type: none;
    display: inline;
    border-right:solid 1px #000;
    height:16px;
    padding:0 5px;
}

#rankings-label
{
    padding:2px 8px 0 8px;
    float: left;
}

.ForumForSportContent{
display:none;
}

.RightPane .DNN_HTMLContent{
	width:290px;
}