/* yahoo reset, fonts version: 2.5.1 */
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code{font-family:monospace;*font-size:108%;line-height:100%;}
/* [px,%] [10,77] [11,85] [12,93] [13,100] [14,108] [15,116] [16,123.1] [17,131] [18,138.5] [19,146.5] [20,153.9] [21,161.6] [22,167] [23,174] [24,182] [24,189] [26,197] */

/* Generic styles */
p, ul, li {font-size: 100%;}
button {cursor: pointer;}
textarea {font: 100% Arial, Helvetica, sans-serif;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */ 

/* image replacement */
.ir span {position:relative; left:-9999px;}

/* Main wrappers, header, nav */
div#doc {text-align: left;}
div#hdbg {background:#000;}
div#hd, div#bd, div#ft {position: relative; width: 960px; margin: 0 auto; padding: 0 10px;}
div#welcome {padding: 7px 0 15px 0; font-family: verdana,geneva; font-size: 85%; text-align: right; color: #fff;}
div#welcome .seporator {color:#D1D1D1; padding:0 8px;}
div#welcome .userinfo { padding-right:18px; font-weight:bold;}
div#welcome a, div#welcome a:hover {color: #fff;}
div#logo {display: block; font-size: 197%; padding: 0 0 10px 0; }
div#logo a {color: #fff;}
div#logo a:hover {color: #fff;text-decoration: underline;}
div#bd {z-index:1; min-height:400px; height:auto !important; height:400px;}
div#hd {z-index:2;}
div#nav {border-bottom: 1px solid #000;}

 /* home */
ul.home {margin-left: 20px; padding: 10px 0 0 0; font-family: arial,helvetica,sans-serif; font-size: 138.5%; }
ul.home li  {padding: 0 0 5px 5px; list-style: none; }
ul.home li img {vertical-align: middle;}
ul.home li a {text-decoration: underline; color: red; }
ul.home li a:hover {text-decoration: underline; }

/*TAGCLOUD*/
.cloud { float:left; width:950px; padding:5px; margin:15px 0; background-color:#000; }	
.TagCloud { float:left; list-style:none; width:100%; display:inline; text-align:justify } 	
.TagCloud li { display:inline; white-space:nowrap; }		
.TagCloud a { float:left; display:inline; line-height: 48px; height:48px; margin-right:0.75em; white-space:nowrap; padding: 0 .2em; }		
.TagCloud a:hover { border-bottom:0; height:48px; text-decoration: none; color: #000; background: #608fd6}									
.tagtypeteam { font-family: Georgia, "Times New Roman", Times, serif; text-transform:lowercase; }
.tagtypefeed { font-family: "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: bold;}
.tagrank6 { font-size:253%; color:#fff; }
.tagrank5 { font-size:229%; color:#DFDFDF; }
.tagrank4 { font-size:197%; color:#BFBFBF; }
.tagrank3 { font-size:174%; color:#A0A0A0; }
.tagrank2 { font-size:146.5%; color:#606060; }
.tagrank1 { font-size:123.1%; color:#404040; }	


/*** superfish ***/
.sf-menu {line-height: 1.0em;}
.sf-menu ul {position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float: left; position: relative;}
.sf-menu a {display: block; position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top: 2em; /* match top ul list item height */ z-index: 99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 12em; /* match ul width */ top: 0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 12em; /* match ul width */ top: 0;}
/*** DEMO SKIN ***/
.sf-menu {float: left; }
.sf-menu li:hover ul.menuBlock, .sf-menu li.sfHover ul.menuBlock  {width: 28.1em;}
.sf-menu ul.menuBlock li  {display: block; position: relative; width: 13em; float: left; padding: .5em;}
.sf-menu a {border-top: 2px solid #000; padding: .5em 1em .5em 1em; text-decoration:none; font-family: Verdana,Geneva; font-size:85%; }
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #fff;}
.sf-menu a.first { padding-left: 0; }
.sf-menu .menuBlock a {padding: .4em .5em .4em 1.5em;}
.sf-menu .menuBlock a:hover {background: #444;}
.sf-menu .leagueconference { color: #fff; font-weight: bold; padding: 3px 1px 4px 4px; font-size: 93%; letter-spacing: 0.1em;}
.sf-menu p.team { font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}
.sf-menu p.team a {color: #fff; }
.sf-menu p.team a.off {color: #999; }
.sf-menu p.empty {padding: .4em 0 .4em 0;}
.sf-menu li, .sf-menu li li, .sf-menu li li li {background: #000;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: #000; outline: 0;}
.sf-menu a:hover { text-decoration: underline; color: #fff;}
.sf-menu a.sf-node:hover { text-decoration: none; color: #fff;}
.sf-menu p.off a:hover { background-color: #000; text-decoration: none;}
/*** shadows for all but IE6 ***/
.sf-shadow ul {background: url('/images/superfish/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}

div#crumb { padding: 15px 0 0 15px; }
ul.crumb li { float: left; padding: 0 5px 0 0; color: #999; }
ul.crumb li a { float: left; color: #fff; }
div#crumb ul { width: 960px; margin: 0 auto; font-size: 85%; }
div#crumb ul li a {  color: #999;  }
div#crumb ul li a:hover { color: #000; }

/* ----- team menu */
div#bd div.content-teamhelp {width: 100%; color:#000; padding: 3px 0px; margin: 0 0 5px 0; background: #FFFF80; font-family: "lucida grande",verdana; font-size: 85%; }
div#bd div.content-teammenu {width: 100%; margin: 0 0 15px 0; border-top: 1px solid #ebecee; font-family: verdana,Geneva; font-size: 85%; }
.team-menu {list-style: none; line-height: 1.0em;}
.team-menu li {float: left; position: relative; margin-right: 15px; padding: 5px 0px 5px 0px; white-space: nowrap;}
.team-menu li.selected {background: #000; color: #fff; padding: 5px 7px 5px 7px;}
.team-menu li.selected a {color: #fff; text-decoration: none;}
.team-menu li a {color: #747474;}
.team-menu li a:hover {color: #105cb6;}
.team-menu li.selected a:hover {color: #fff; text-decoration: underline;}
.team-menu li.new {background: url(/images/new.gif) no-repeat 0px 5px; padding-left: 25px;}
 


/* Content */
div#bd div.content-wrap {float: left; width: 100%; padding:20px 0;}
div#bd h1 {margin: 0 0 20px 0; font-family: Verdana,Geneva; font-size: 153.9%; color: #000;}
div#bd h2 {margin: 0 0 10px 0; font-size: 100%; color: #000; font-weight:bold;}
div#bd div.content-header {position: relative; /* border-bottom: 1px solid #e1e1e1;*/ margin: 0 0 2em 0; padding: 0 0 0.4em 0;}
div#bd div.content-header h1 {margin: 0;}
div#bd div.content-title {float:left; width: 100%; margin: 0 0 10px 0; color: #666; font-weight:bold; font-size: 108%; }
div#bd div.content-titlebig {text-align:left; width: 100%; margin: 0 0 20px 0; color: #474747; font-family: arial,helvetica,sans-serif; font-size: 153.9%;}							
div#bd div.content-left {float:left; width: 376px; margin:0 10px 0 0; padding-right: 10px; border-right:1px solid #ebecee; overflow:hidden;}
div#bd div.content-middle {float:left; width: 376px; margin:0 0px 0 0; overflow:hidden;}
div#bd div.content-right {float:right; width: 180px; padding: 4px 0; background: #f1efef;}
div#bd div.content-articles {float:left; width: 650px; margin:15px 0 0 0; padding-right: 10px; overflow:hidden;}
div#bd div.content-teampage {float:left; width: 100%; margin:15px 0 0 0;}
div#bd div.content-more {float:right; padding: 15px 10px 10px 0; font-size: 85%;}
.content-more a {color: #777777; border-bottom: 1px solid #dddddd; text-decoration: none;}
.content-more a:hover {color: #105cb6; border-bottom: 1px solid #105cb6; text-decoration: none;}

.PhotoItem {padding: 0 10px 15px 10px; font-family: verdana,Geneva;}
.Thumbnail {width: 100%; text-align: center; padding: 4px 0; margin-bottom: 1px;}
.Thumbnail img {margin: 2px; padding: 4px; border: 1px solid #ccc; background: #fff;}
.Thumbnail img:hover {border-color: #474747;}
.Credit {color: #cccccc; padding: 2px 0;} 
.Caption {margin: 3px 0 2px 0; overflow: hidden; font-size: 77%;}
.Source {padding-left: 3px; color: #b5b5b5;}

.news-summary {padding: 0.2em 0 1.8em 0; position: relative; clear: left;}
.news-body h3 {margin: 2px 0 2px 0; font-size: 116%; letter-spacing: -0.01em; font-weight: bold; line-height: 1.2; clear: left;}
.news-body h4 {margin: 2px 0 2px 0; font-size: 123.1%; letter-spacing: -0.01em; font-weight: bold; line-height: 1.2; clear: left;}
.news-body h3 a, .news-body h4 a {color: #105cb6;}
.news-body h3 a:visited, .news-body h4 a:visited {color: #86b0e1;}
.summary {margin: 0.2em 0 0.1em 0; line-height: 1.5; font-family: arial; font-size: 93%;}
.summarybig {margin: 0.2em 0 0.1em 0; line-height: 1.5; font-family: arial;}
.source {font-style: normal; font-size: 85%; color: #666;}
.source a {color: #777777; border-bottom: 1px solid #dddddd; text-decoration: none;}
.source a:hover {color: #105cb6; text-decoration: none; border-bottom: 1px solid #105cb6;}
.pay {color:#777777; font-family: "lucida grande",verdana; font-size:85%; padding: 1px 3px 2px 3px; margin-right: 4px; font-weight:bold; background: #E8E8E8;}
.news-tools {clear: left; font-size: 85%; font-family: "lucida grande",tahoma,verdana; padding-top: 2px;}
.news-tools li {float: left; padding-right: 12px; color: #b5b5b5;}
.news-tools a {color: #578cca; text-decoration: none;}
.news-tools a:hover {border-bottom: 1px solid #578cca;}
div.content-articles div.paging {position: relative; clear: left; padding: 0px 0 20px 10px;}
div.content-articles div.paging .pages {float: left; padding: 1em; margin: 0; font: 11px verdana, geneva, lucida, "lucida grande";}
div.content-articles div.paging .pages a, .pages span {display: block; float: left; padding: 0.4em 0.7em; margin-right: 0.15em; border: 1px solid #fff; background: #fff;}
div.content-articles div.paging .pages span.current {border: 1px solid #105cb6; font-weight: bold; background: #105cb6; color: #fff;}
div.content-articles div.paging .pages a {border: 1px solid #000; text-decoration: none; color: #333;}
div.content-articles div.paging .pages a:hover {border-color: #333; color: #000; background: #eee;}
div.content-articles div.paging .pages a.nextprev {font-weight: bold;}
div.content-articles div.paging .pages span.nextprev {border: 1px solid #ddd; color: #999;}

div#bd div.content-customization {float:left; width: 100%; padding-top: 10px;}
div.feedlist {float:left; width: 310px; margin:20px 5px 0 0;}
ul.customize-list {margin-left: 20px; padding: 10px 0 0 20px; font-size: 93%;}
ul.customize-list li  {padding: 0 0 5px 5px; list-style: disc; }
div.feedlist .feedtype {color:#333; font-family: "lucida grande",verdana; font-size:85%;font-weight:bold; margin-bottom: 10px; padding:5px 0 5px 5px; text-align: center; background: #E8E8E8;}
div.feedlist .feedcontainer {margin-bottom: 5px;}
div.feedlist .choice {float:left; width: 10px; padding: 7px  5px 5px 7px;}
div.feedlist .isdefault {float:left; width: 10px; padding: 10px 0px 5px 5px;}
div.feedlist .feedname {float:left; padding: 5px; font-size: 93%;}
div.feedlist .feedname a {color: #000; border-bottom: 1px solid #dddddd; text-decoration: none;}
div.feedlist .feedname a:hover {color: #105cb6; text-decoration: none; border-bottom: 1px solid #105cb6;}
div.feedlist .altcolor {background: #f7f7f7;}

/* About */
ul.about {margin-left: 20px; padding: 10px 0 0 0; font-family: arial,helvetica,sans-serif; font-size: 138.5%; }
ul.about li  {padding: 0 0 5px 5px; list-style: none; }
ul.about li img {vertical-align: middle;}

/* ----- Footer */
div#ft-wrap { *float: left; padding: 2em 0; background: #000; }
div#ft div.col { float: left; width: 186px; margin: 0 0 3em 0; }
div#ft h5 { font-size: 123.1%; font-weight: bold; color: #999;}
div#ft li { margin: 0.2em 0 0 0; }
div#ft a { color: #ccc; font-size: 93%;}
div#ft a:hover { color: #fff;}
div#ft p { clear: left;  color: #999; font-size: 93%;}

/* dialogs */
div#dialog {font-family: "lucida grande",tahoma,verdana; font-size: 12px;}	
div#dialog .thumbnail {float: right; margin: 0 0 2px 2px;}

/* forms */
.UIBoxContainer{padding:25px 0; border:solid 0px #ccc;}
form a {color:#105cb6;}
form a:hover {color:#105cb6; text-decoration:underline;}
form fieldset, fieldset {padding-bottom:25px;}
fieldset h3 {color:#333; font-family: "lucida grande",verdana; font-size:85%;font-weight:bold; margin-bottom: 18px; padding:5px 0 5px 5px; text-transform: uppercase; background: #E8E8E8;}
form .instruction {margin: 5px 0;}
label {cursor: pointer; color: #000; font-weight: bold; font-family: "lucida grande",tahoma,verdana; font-size: 85%;}
.formPadding {clear:left;margin:auto;padding-top:20px;text-align:left;}
.formElementOpt{display:block; line-height:16px; padding:4px 0px;}
.inputText {width:200px; padding: 3px; border: 1px solid #ddd;}
.inputTextBig {width:300px; padding: 3px; border: 1px solid #ddd;}
.inputTextSmall {width:100px; padding: 3px; border: 1px solid #ddd;}
.inputSelect {/*padding: 3px;*/ border: 1px solid #ddd;}
.inputCheck {padding: 3px; border: 1px solid #ddd;}
.inputTextarea {padding: 3px; border: 1px solid #ddd;}
.formElement {padding:0px 0px 8px 0px;}
.formElement label {display:block;float:left;padding:3px 0px;width:100px;}
.formComment {padding:2px 15px; margin-left: 100px;}
.formButtons, .formButtonsAlt, .formButtonsOther, .formButtonsInline {display:block; float:left; color: #fff; background: #000; /* background: #41454a; */
				border:solid 1px #D9DFEA; border-bottom-color:#0e1f5b; border-right-color:#0e1f5b;
				padding:2px 15px 3px 15px; margin-right: 5px; text-align:center; 
				font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; cursor: pointer; cursor: hand; text-decoration: none;}
.formButtonsAlt {background: #67A54B; border:solid 1px #95BF82; border-bottom-color:#3B6E22; border-right-color:#3B6E22;}
.formButtonsOther {background: #f0f0f0; color: #000; border:solid 1px #e7e7e7; border-bottom-color:#666; border-right-color:#666;}
.formButtonsBig, .formButtonsBigAlt {display:block; float:left; height: 30px; background: #105cb6; /*#3b5998;*/ color: #fff; 
				border:solid 1px #D9DFEA; border-bottom-color:#0e1f5b; border-right-color:#0e1f5b;
				padding: 0 15px; font-size: 13px; font-weight: bold; text-align:center;
				font-family: arial; cursor: pointer; cursor: hand; text-decoration: none;}
.formButtons:hover, .formButtonsInline:hover {color: #669dd6;}
.formButtonsInline {display:inline; float:none;}
.formInstruction {padding: 5px 0 7px 0; font-style: italic;}

.formListTable {width: 100%;}
.formListTable td {padding:6px 7px; border-bottom:1px solid #d6d9de;}
.formListTable a {color:#105cb6; font-size: 85%;}
.formListTable a:hover {color:#105cb6; text-decoration:underline;}

/* Error msg */
#errorbox {margin: 15px auto 15px auto; border: 1px solid #fff; font-family:"lucida grande",tahoma,verdana,arial,sans-serif;}
#errorbox .info {padding: 10px 20px; border: 1px solid #8cce3b; background-color:#f1fbe5;} /* border: 1px solid #E6E6E6; background-color:#F6F6F6; */
#errorbox .error {padding: 10px 20px; border: 1px solid #ffcc00; background-color:#ffffe1;} 
#errorbox .warning {padding: 10px 20px; border: 1px solid #dd3c10;background-color: #ffebe8;} 
#errorbox h2 {font-size: 93%; line-height: 20px; margin: 0px; padding-bottom: 6px;}
#errorbox .msg {font-size: 85%;}
#errorbox .listheader {padding-bottom:4px;}
#errorbox li {margin: 2px 0 3px 35px; padding: 0; list-style: disc;}
#errorboxContainer {margin: 0 auto 15px auto;}

/* Login */
#logincontainer {margin: 0 auto; padding: 0;}
#loginform {width:350px; float: left; padding-left: 20px;}
.forgotpassword {display:block; padding:15px 0px 8px 100px; font-size: 85%}
.formElementNoLabel{display:block; padding:8px 0px 8px 100px;}
#loginform .formCommentNoLabel{display:block; padding:8px 0px 8px 100px; font-size:93%;}
#loginform .formElementOpt{padding-left:100px; font-size:85%;}

#loggedoutbox {float: right; padding: 20px 30px; background: #eee; width: 425px;}
#loggedoutbox .title {font-weight: bold; padding-bottom: 2px;}
#loggedoutbox .titlebig {font-size: 131%; font-weight: bold; padding-bottom: 2px;}
#loggedoutbox p {padding-bottom: 15px; line-height: 1.5em;}
#loggedoutbox a {color:#000; text-decoration:underline;}

/* Registration */
#registrationContainer {margin: 0px; padding: 0px;}
#registrationForm {width:600px; float: left; padding: 20px;}
#registrationForm .formElement label {width:175px;}
#registrationForm .formComment {padding: 2px 0; margin-left:180px; font-size: 85%; color: #999;}
#registrationForm .formElementNoLabel {padding-left:180px;}

/* ForgotPassword */
#forgotcontainer {margin: 0 auto;}
#forgotform {width:500px; float: left; padding: 20px;}

/* user profile */
#profilecontainer {padding: 30px 0;}
#profilecontainer .formElement label {width: 175px;}
#profilecontainer .formComment {padding: 2px 0; margin-left:180px; font-size: 85%; color: #999;}
#profilecontainer .formElementNoLabel{display:block; padding:8px 0px 8px 175px;}
#profilecontainer .formDetail {}
#profilecontainer .formDetailLabel {display:block;float:left;width:175px; font-weight: bold; font-family: "lucida grande",tahoma,verdana; font-size: 85%;}

#profiledetailscontainer {padding-top: 10px;}
#profilemenu {float:left; width: 130px; font-size: 85%; background-color: #B9B9B9; color: #fff; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; padding: 6px 12px 12px 12px;}
#profiledetails {float:right; width: 785px;}
#profiledetails form fieldset p.details {padding-bottom: 10px; font-size:100%; color:#000;}
#profilemenu ul li {padding: 6px 0 0 0; line-height: 1.4em;}
#profilemenu ul li.isactive a, #profilemenu ul li li.isactive a {color: #fff; font-weight: bold;}
#profilemenu ul li.notactive a {color: #fff; font-weight: normal;}
#profilemenu ul ul {margin: 0 0 0 12px;}