/* CSS Document */

BODY{ 
	background: #e8e8e8;
	}

#covers-navigation .yuimenubar li.community a.yuimenubaritemlabel-hassubmenu {
    background: #8F8F90!important;
    color: #FFFFFF!important;
}

#content {overflow:hidden;}

.identifier{ /*the sport identifier in the header*/
margin-top: 9px;
height: 60px;
width: 559px;
background: url(https://images.covers.com/community/header/community.gif) bottom right no-repeat;
}


.bd.yuimenubar {
    border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

.covers-nav, * html .covers-nav {
background:url(/shared/header/pointers/covers-off.gif) no-repeat; 
height:17px;}

.community-nav { 
background:url(/shared/header/pointers/community.png) no-repeat; 
height:23px; }

* html .community-nav { 
background:url(/shared/header/pointers/community.gif) no-repeat;}
/*
.spaces-base{background:url(/community/header/spaces.gif) top left;}

.spaces-image {background:url(/community/header/spaces.gif) top right no-repeat;}
	*/
.spaces-ad {margin-bottom:10px;}

/*structure of spaces movable bricks*/
.com-spon {float: right; margin-top:5px; display:none; } /* sponsorship logo */

#DragContainer1 {margin-right: 12px;}
#DragContainer2 {margin-right: 12px;}

/*DragContainer1, DragContainer2 and DragContainer3 -take on the names below dynamically depending on layout chosen*/
.DragContainer50,.OverDragContainer50{ 
padding: 0;
width: 480px;
min-height: 1000px;
float: left;}

.DragContainer25, .OverDragContainer25{ 
padding: 0;
width: 235px;
min-height: 1000px;
float: left;}

/*the draggable bricks held within the drag containers - classes change dynamically dependin on where they are living*/
.DragBox50, .DragBox25 {
background: url("/spaces/brick_headers/box50head.gif") no-repeat;
width:480px;
margin-bottom: 15px;
padding-top:20px;
float:left;
position:relative;}

.DragBox25 {
background: url("/spaces/brick_headers/box25head.gif") no-repeat;
width:235px;}

.com-body { /*content of bricks*/
padding: 5px; 
border: 1px solid #888787; 
float: left; 
width: 468px; /*default width for large size*/
background-color:#fff; 
cursor:default;
font-size: 11px;} 

.DragBox25 .com-body, .DragBox25 .com-body /*width for small size*/
{width: 223px;}

/*the title of the bricks*/
.title-com {color:#fff; padding-left:3px; font-weight: bold;font-size: 9pt; padding-bottom: 0px;
	 position:absolute; top:3px; left:0; cursor:default;}

/*targets IE6*/
* html .title-com {position:static; margin-top: -15px; padding-bottom: 0x; }

/*general community*/
.leftCol_mid, .rightCol_mid  {font-size: 9pt;}
	


h1.inside, h1.f-inside { /*the main headline on inside pages, add content, etc*/

color: #000000;
font-size: 18pt;
font-weight: bold;
border-bottom: 1px #000 solid;
padding: 0 0 2px 0;
margin-bottom: 10px;}

h2 { 
	padding: 5px 10!important;
	background: #333!important;
	border-left: none!important;
	color: #fff;
	}
	
h2 a:link { 
	color: #fff!important;
	}


H3 { /*the grad header - specific colors are in specific style sheets - default is in here*/
	background: none repeat scroll 0 0 !important;
    border-bottom: medium none !important;
    border-left: medium none !important;
    font-size: 16px;
    font-weight: bold;
    padding: 0 !important;
	border-top: 5px solid #1769a3;
    margin-bottom: 0px;
	color: #333;
	}
	
	h3 span {
    border-top: 4px solid #e8eff5;
    padding: 0 10px 0 0;
    position: relative;
    top: 0px;
}

.mess-base h3{
    height: 18px;
    color: #fff;
    font-size: 9pt;
    font-weight: bold;
    display: block;
    padding: 2px 0 0 3px!important;
    margin: 0px;
    background-color: #888787!important;
    background: url(/spaces/brick_headers/comgrad.gif) repeat bottom left!important;
    border: 1px solid #888787;
	font-family: Verdana, Helvetica, sans-serif;
	border-top:0;
	line-height:15px
}

.mess-base h3 span{
	border-top:2px;
	font-family: Verdana, Helvetica, sans-serif;
}

.mess-base h3 span{
	padding-left: 86px
}

.mess-base tr.messhead td {
    padding: 5px 5px;
    border-bottom: 1px solid #CCC;
    text-align: left;
    vertical-align: middle;
	color:#fff;
}

.mess-control h3{
	border-top:0em;
}


h3.marker, h3.marker2 {background:url(/spaces/brick_headers/comgrad.gif); margin-bottom:7px; padding-left:86px;color:#fff;border: 1px solid #888787;}	


.headtop {   /* header at top of site map lists- without table*/
background-color: #ccc;}

.hltext {color: #C7773D; font-weight: bold; font-size: 12px;} /* highlighted colored text*/
.sepline { border-top: 1px dashed #999; margin: 5px 0; }	/* colored line*/

.comul { /* community lists*/
list-style-position: outside;
list-style-type: disc;
padding-left: 1.5em;
margin: 0px;}

.comul li {
line-height: 1em; /*between items in the list */
margin: 0px;
padding-bottom:5px;}


/* help - lists on help page*/
.hlul {
	list-style-position: outside;
list-style-type: disc;
padding-left: 1.5em;
margin: 0px;
margin-bottom: 15px;}

.hlul li {
line-height: 1.45em; /*between items in the list */
margin: 0px;}

/*index*/

.com-bord{/*border around internal promotion*/
border: solid #122a3d 1px; 
padding: 0px; 
position: relative; 
margin-bottom:15px;
background: url(/spaces/index/main.gif);
height:230px;
} 

h4.com {font-size:12px; margin:0; color:#8cc63d;} /* title under features*/

.member {position:absolute; bottom:5px; right:5px;}
.spaces-img {margin: 5px 5px 0 5px; border: 1px solid #ccc; width: 88px; float: left; padding-bottom: 2px; text-align:center; font-size:10px; overflow:hidden;}
.spaces-message {position:absolute; top:70px; left:160px;}
.spaces-button {position:absolute; bottom:32px; right:15px;}

/*holds features under "features"*/
.feature, .feature-b {display:block; margin-bottom:10px;clear:both}
.feature-b {margin-bottom:0px;}

/*checkmark under personalize your space*/
.check {
margin-top:0;
margin-left: 0px;
padding-left: 0;
margin-bottom:0;
list-style: none;}

.check li {
padding-left: 24px;
background-image: url(/spaces/common/check.gif);
background-repeat: no-repeat;
background-position: 0 .15em;
margin-bottom:10px;}

/* arrow in spaces promo*/
.sp-arrow {
margin-top:0;
margin-left: 0px;
padding-left: 0;
margin-bottom:0;
list-style: none;}

.sp-arrow li {
padding-left: 19px;
background-image: url(/spaces/common/arrow.gif);
background-repeat: no-repeat;
background-position: 0 0;
margin-bottom:10px;}

/* numbered lists in top blogs etc*/
ol.style{
list-style-position: outside;
padding-left: 2.3em;
margin: 0px;}

ol.style li{
padding-bottom: 4px;
margin: 0px;}

/*featured section*/
.f-outline {border: 1px solid #ccc; padding: 5px 0 0 18px; float: left; width: 100% }
.f-row {padding-bottom: 8px; text-align: center; padding-top: 5px; float: left; clear: both;}
.com-pic {margin-right: 10px; border: 1px solid #ccc; width: 79px; float: left; padding-bottom: 2px;}
.com-pic-final {margin-right: 0px; border: 1px solid #ccc; width: 79px; float: left; padding-bottom: 2px;}
.com-body .com-pic {margin-right: 13px; margin-bottom: 10px; text-align: center;}
.com-body p {margin: 0 0 .6em 0;}

/*specific bricks*/

/*profile*/
.profilepic, .profilepic-all, .friends-all {
	float: left;
	width: 126px;
	border: 1px solid #cccccc;
	
	font-size: 11px;
	margin-right: 5px;
	text-align: center;
	padding-bottom:0px;
	background-color:#fff}
	
.profilepic-all {
	margin: 0 5px 15px 5px ;}
	
.friends-all {
	margin: 0 2px 15px 2px ;}		

.layoutpic { /* border around layout images*/
	float: left;
	width: auto;
	border: 1px solid #cccccc;
	
	font-size: 11px;
	margin-right: 25px;
	text-align: center;
	padding-bottom:0px;}

.profiledata {float: left; width: 71%; text-align: left;}

/*changes depending on DragBox size*/
.DragBox25 .profilepic {text-align:center; width: 100%;margin-right:0px;}
.DragBox25 .profiledata{width:100%; overflow:hidden;}

.rightCol .profilepic {text-align:center; width: 126px;}
.rightCol .profiledata{width:150px;}

.profileqi {width: 49%;float: left;}/* quick info*/
.profilei {width: 49%; float: right;} /* interests*/

.profiledata H3 { /*the grad header - specific colors are in specific style sheets - default is in here*/
	background: none;
	background-color: #576c7c;}
	
/*links to profile pics*/
table.spaces a img {border:1px solid #ccc;}
table.spaces a:hover img {border:1px solid #E15A00;}

/*turn it off forum post*/
table.spaces td.forumcell a img {border:0px solid #ccc;}
table.spaces td.forumcell a:hover img {border:0px solid #E15A00;}
		
/*my team*/
.sot {margin-bottom: 7px;} /*for team brick - remove bottom margin*/
.teamnum-com {float:left; width:398px;}
.teamlogo-com {float:right; width:65px; margin-top: 15px;}

/*weather*/
.weather {margin-bottom:5px; width: 228px; float:left;}

/*control center*/
.con-cen-icons {width:105px;  float:left; height:38px}

/*rankings*/
.list-pic {margin-right:10px; float:left;padding-top:1px;}
.list-pic a img{border:1px solid #ccc;}
.list-pic a:hover img{border:1px solid #E15A00;}
h1.list-title {margin-bottom:2px;margin-top: 0px;}

h2.list-title2 { /*titles on edit pages*/
color: #5f5f5f;
font-size: 12pt;
font-weight: bold;
letter-spacing:0.01em;
border: 0px;
background: none;
padding: 0px;
margin-bottom:8px;}

.the-list h2.list-title2 {background-color: #fff; height:auto; margin-bottom:2px;} /* .the-list only exists to hold in the top 10 rankings*/

.tabtext-rankings {margin-bottom:-15px; font-weight:bold;}

.top-nav { font-size:11px}

/*youtube*/
.ytul{ /* site map list - links style in links-nav.css*/
list-style-position: outside;
list-style-type: none;
background-color: #e8e8e8;
padding: 0px;
margin: 0px;}

.ytul li {
line-height: 1.45em; /*between items in the list */
margin: 0px;
border-bottom: 1px solid #fff;
padding: 2px 0 2px 1px;}

.visit {background-color: #999; }
.visit A:link {color: #fff;}

.ytul li.visit A:visited {
text-decoration: none;
display: block;
color:#fff;} 

.ytul li.visit A:active {
color:#fff} 

.ytul li A:link {
text-decoration: none;
display: block;} 

.ytul li A:hover {
color: #fff;
background-color: #999;
display: block;
text-decoration: none;}	

.video-hold {margin:0; padding: 0; float: left;}

.videolink-hold {padding: 0; float: right; width: 160px;}

/*poll*/	
ul.thepoll  {list-style:none; margin:0; padding:0; font-weight: normal;}
ul.thepoll li {text-align:left; padding-bottom:7px;}
ul.thepoll input {float:left; position:relative; top:-3px; left:1px;}	
ul.thepoll .number {float:left; font-weight: bold; margin-left:3px;}	
.poll {float:left;height:10px; margin-top:3px;background-color:#990000;}

/*injuries and scores*/
table.feeds {
background-color: #f0f0f0;
font-size: 10px;
width:100%;
border-collapse:collapse;
}

table.feeds td {border-bottom:1px solid #fff;}
table.feeds tr.active {background-color:#2b465b; color:#fff;}
table.feeds tr.hl {background-color:#bec7cf;}
table.feeds tr.head {background-color:#888787; color:#fff;}
table.feeds tr.but {background-color:#fff;}

/*wagerline bricks*/
table.contests {
background-color: #f0f0f0;
font-size: 11px;
width:100%;
border-collapse:collapse;}

table.contests td {border-bottom:1px solid #fff; padding:2px;}
table.contests tr.active {background-color:#2b465b; color:#fff;}
table.contests tr.hl {background-color:#bec7cf;}
table.contests tr.head {background-color:#888787; color:#fff;}
table.contests tr.head a:link {color: #fff;} table.contests tr.head a:hover {color:#3300CC;}
table.contests tr.but {background-color:#fff;}

/*header over wagerline bricks*/
.contest-head {background-color:#999; display:block; color:#fff; padding:2px; clear:both; font-weight:bold;}

.contest-head A:link {
	color: #4304ec;} 

.contest-head A:visited {
	color: #4304ec;} 

.contest-head A:hover {
	color: #E15A00;} 
	
.mult-sp {margin-bottom:5px;}	 /*style added to contest table when there is another underneath it*/


/*friends*/
.com-pic-brick {
margin: 0 5px 10px 5px; 
border: 1px solid #ccc; 
width: 105px; 
float: left; 
padding-bottom: 2px; 
text-align:center; 
font-size:10px; 
overflow:hidden;}

.DragBox25 .com-pic-brick  {margin: 0 3px 10px 0px;}

*html .DragBox50 .com-pic-brick  {margin: 0 3px 10px 3px;}

/*playbook comments*/

.pb-comments .texbox {width:655px;} 

.pb-comments .comment {width:98.2%}

.pb-comments .comment2 {width:98.2%}

.DragBox50 .comment, .DragBox50 .comment2 {width:97.5%}

.comment-img {float:left; margin-right:10px;}

.pb-comments .comment-com {float:left; width:570px; color:#000;}
.DragBox50 .comment-com {width:394px;}

.comment-name { 
font-size: 12pt; 
font-weight: bold;}
			
.pb-comments .comment-text { 
font-weight: bold; font-size: 9pt; 
}
.comment-actions {margin-bottom: 0; 
padding: 0; 
border: 0px; 
float: right; margin-top:4px;}	
	
.comment-name { 
font-size: 12pt; 
font-weight: bold;}
			
.DragBox50 .comment-text { 
font-weight: bold; font-size: 11px; 
	}

.comment-extras {
float:right;
margin-top:0px;
font-size: 11px;} 

/* basic table styles */

table {
	background: #fff;
	margin: 10px 0 10px 0;	
	border-collapse: collapse; 
	width: 100%;
}

th {
	height: 25px;
	background: #e1e1e1;	
	padding: 0 5px!important;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

td {
	padding: 5px 5px;
	border-bottom: 1px solid #CCC;
	text-align: left;
	vertical-align: middle;
}

td a {
font-size: 12px;
}

tr:last-child td  {
	border-bottom: none;
}

.rowleft td span {
	width: 270px;
}


/* tables*/
table.forum, table.edit /* the overall table*/
{
width: 100%;
background-color: #cccccc;
color: #333;
text-align: left;
font-weight: normal;
margin-bottom: 3px;
padding: 0px 3px 0px 3px;}

table.spaces { /* the overall table - forummain is the table on the showmain page*/
width: 100%;
font-size: 11px;
margin-bottom: 0px;
background-color: #ffffff;
color: #000000;
vertical-align: top; 
border-collapse: collapse; /*stops the double lines from  showing up where the two lines meet - oppposite is seperate */}

table.spaces td /* the main cells fo the table*/
{
border-bottom: 1px #ccc solid; /*border and color around cells*/
border-right: 1px dashed #ccc;
border-left: 1px dashed #ccc;
padding: 2px 1px 3px 2px;}

table.spaces tr.extra {background-color:#888787; color:#fff;}

table.format td /* the main cells fo the table*/
{
border-bottom: 0px #ccc solid; /*border and color around cells*/
border-right: 0px dashed #ccc;
border-left: 0px dashed #ccc;
padding: 2px 1px 3px 1px;}

.DragBox50 table.spaces td, .DragBox25 table.spaces td /* the main cells fo the table*/
{
border-bottom: 1px #ccc solid; /*border and color around cells*/
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;}

tr.spaceshead, td.spaceshead /* the header row of the table*/
{ 
background-color: #888787;
font-weight: bold;
text-align: left;
color: #fff;}

.DragBox50 tr.spaceshead, .DragBox25 tr.spaceshead /* the header row of the table*/
{ 
background-color: #DBDBDB;
font-weight: bold;
text-align: left;
color: #000;}

td.forumhead{
background-color: #ccc;
background-color: #DBDBDB;
font-weight: bold;
text-align: left;
color: #000;}

tr.datahead, td.datahead {  /* the header row of the table - colors for each section are in the invididual style sheets */

background-color: #DBDBDB;
font-weight: bold;
text-align: left;
color: #000;}

.DragBox50 .odd , .DragBox25 .odd{ /* odd and even rows used in forum and in search*/
background-color:#ffffff;
vertical-align:top;}

.DragBox50 .even,  .DragBox25 .even {
background-color:#f1f1f1;
vertical-align:top;}


.odd, .odd-c, .even, .even-c { /* odd and even rows used in forum and in search*/
background-color:#ffffff;
vertical-align:top;}

.even-c, .odd-c {height: 20px;vertical-align:middle;}

/*edit/customize stuff*/
.edit-buttonset /* holds in buttons at bottom of edit*/
{text-align: center; display: block; padding: 0px; background-color: #f1f1f1; border: 1px solid #ccc; margin-top: 3px;font-size:11px;  color:#666666;}

html>/**/body .edit-buttonset { padding: 4px 0 6px 0;}

h4.eht{/*edit head text*/
font-size: 11px;
font-weight: normal;
color:#333333;}

/*the text on the customize page by tabs*/
.precutomize {border: 1px solid #ccc; width: 965px; padding:3px; margin-top:10px; margin-bottom: 20px; background-color:#f1f1f1; text-align:center;} /*the page to change your spaces address*/
.urlac {color:#006633;} /*url is available*/

.tab-text { position:absolute; font-size:11px; }

.space-help { /* the help image on spaces pages*/
	background-image:url(/spaces/controls/help-big.png); background-repeat:no-repeat; background-position:bottom left; width: 28px; height:28px; padding: 0px; float: right;}

.space-help a { /*top aligned according to body*/
	display:block; width:28px; height: 28px; position:absolute;border: 0px; top: 290px; right:5px;}
	
* html .space-help { /* targeting IE6 - using filter so png transparency will work */
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://images.covers.com/spaces/controls/help-big.png');
}

h2.edittitle { /*titles on edit pages*/
color: #5f5f5f;
font-size: 12pt;
font-weight: bold;
letter-spacing:0.01em;
border: 0px;
background: none;
padding: 0px;
margin-bottom:8px;
}

table.edit /* the overall table*/
{
width: 100%;
background-color: #f5f7f7;

font-size: 11px;
color: #000000;
text-align: left;
font-weight: normal;
margin-bottom: 10px;
padding: 0px 3px 0px 3px;}

table.edithidden /* the overall table*/
{
width: 100%;
background-color: #f5f7f7;
font-size: 11px;
color: #000000;
text-align: left;
font-weight: normal;
margin-bottom: 10px;
padding: 0px 3px 0px 3px;
display:none;
}

table.edit td {border-bottom: 1px solid #cccccc;}

.editul /* links on community home*/
{list-style-position: outside;
list-style-type: none;
padding-left: 0em;
margin: 0px;
margin-top: 5px;}

.editul li {
line-height: 1em; /*between items in the list */
margin: 0px;
padding-bottom:5px;
}

.com-edit { /* set to none- till in custimize mode*/
background-color: #ccc; padding:3px 6px 0px 6px; text-align: right; color: #fff; display:none; cursor:default;}  

/*the close button on the bricks*/
.DragBox25 .close-brick, .DragBox50 .close-brick {position:absolute; top: 3px; right:5px; float:right; cursor:pointer; display:none;}

.newscol1 {/*edit news feeds*/
padding: 0;
margin: 0;
width: 30%;
float: left;}
	
.newscol2 {
padding: 0;
margin: 0;
width: 30%;
float: left;}

/*blog*/
.blog {
font-size:12px; 
margin:0; 
padding:0; 
margin-bottom:15px; 
font-size:9pt; 
font-family: Arial, Helvetica, sans-serif;
border-bottom:1px dashed #999;
}

.blog-img  {border: 1px solid #999; padding:5px;display:block; clear:both; margin-bottom:10px;}
.date {color: #666666; background-color: inherit; margin-bottom:5px; font-size:11px;}
.blog-bottom {border:1px solid #f1f1f1; padding:2px; margin-bottom:15px; background-color:transparent; color:#000;}
h1.blogtitle {font-size:18px}
.comment-hold {margin-top:5px; border:1px solid red;}
.comment-hold img {border:0; display:inline; }

.blogpic {float:left; margin-right: 5px; border:0;}
.blogpic a img{border:1px solid #ccc;}
.blogpic a:hover img{border:1px solid #E15A00;}

.blogside {margin-bottom:15px; background-color:#fff; padding:5px;}

.blog-nav {margin-top:-8px; margin-bottom:15px;  font-size:11px;}

/*spaces main*/
.space-hold {}  /*holds int he spaces main page left col*/
.space-hold h3 {margin-bottom:4px;}
.space-hold .roundbox-tr {margin-bottom:15px;}
.space-hold .roundbox-profile {width:32%; line-height:15px; float:left;}
.space-hold .roundbox-contests { line-height:15px;width:35%; float:left;}
.space-hold .roundbox-spaces {width:15%;margin-left:30px; line-height:15px;float:left; }
.roundbox-posts {width:370px; float:left;}


/*general*/
A:link.more  { font-weight:bold} 
A:visited.more {font-weight:bold } 
A:hover.more {font-weight:bold } 
A:active.more {font-weight:bold } 

/*welcome-button*/
.sp-welcome {background:url(/community/index/signup.jpg); width:660px; height:78px; margin-bottom:15px;color:#fff; font-size:11px;}
.wel-mess {float:left; width:440px; padding:6px;}
.wel-but {float:right; width:200px; text-align:center; padding-top:10px;}
.wel-but a:link {color:#fff;}
.wel-mess h1 {color:#fff;}


/*styles for profile brick on top of community home - see also base.css*/
.roundbox-profile {width:40%; float:left;}
.roundbox-contests {width:38%; float:left;}
.roundbox-spaces {width:12%; float:left;}
.roundbox-pic .hltext  {color:#000;}

table.top20 {
border-collapse:collapse;
color:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
}

a.book_link:link, a.book_link:visited {
color:#3300CC;
font-weight:bold;
}

a.book_link:hover, a.book_link:active {
color:#E15A00;
font-weight:bold;
}

.fave-sportsbook {
	height: 34px;
	width: 300px;
	background: url(https://images.covers.com/covers/betting/vote_fave.jpg) no-repeat left top; 
	}
	
	.fave-sportsbook img {
	float: right;
	margin: 4px 5px 0 0;
	}
	
	.bullet-list li {
	line-height: 18px;
    background: url("/shared/common/bullet.gif") no-repeat scroll 0px 5px transparent;
    letter-spacing: 0;
    margin-bottom: 5px;
    padding-left: 11px;
}

/*accounts popup*/

.cmg_acct_loginDialog .register_note {
    top: -5px!important;
}

.cmg_acct_loginDialog #cmg_acct_btnRegisterLink {
    top: -3px!important;
}
