/* CE ID 2521444 generated by espn/Collection.tea on October 4, 2006 11:40:44 AM PDT from Production/Production/CSS */

body {
	margin: 0;
	padding: 0;
	font-size: x-small;
	/*
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	*/
	font-family: Arial, Verdana, Helvetica, Sans-serif;
}

input, select {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}


/* header ----------------- */

.header-wrapper {
	clear: both;
	background: white;
	position: relative;
}


/* branding  ------------------------------------------ */

.branding {
	clear: both;
	padding: 10px 20px 20px 20px;
	font-family: Helvetica, Arial, Sans-serif;
	color: #d41010;
	line-height: 100%;
	position: relative;
}

.branding img, .branding img.snLogo {
	vertical-align: middle;
	padding-right: 15px;
	margin-right: 15px;
	border: 0;
}

.branding img.snLogo {
	/*border-right: 1px solid #ccc;*/
}

.branding .presby {
	color: gray;
	font-size: x-small;
	font-weight: normal;
	padding: 0 7px;
	font-style: normal;
}

.branding .feedbackLink {
	font-family: verdana, sans-serif;
	font-size: x-small;
	color: #777;
	position: absolute;
	left: 22px;
	top: 44px;
}

.branding .feedbackLink a {
	color: #999;
}

.branding .feedbackLink a:hover {
	color: red;
}

* html .branding .feedbackLink {
	left: 2px;
}


/* search  ----------------------------------- */

.search {
	position: absolute;
	right: 20px;
	top: 14px;
	padding: 0;
	margin: 0;
	
}


.searchf {
	
}


.search form {
	margin: 0;
	padding: 0;
}

* html .search form {
	top: 3px;
}

.search form input.searchField {
	padding: 2px 3px;
	margin: 0 3px;
	width: 200px;
	font-size: 110%;
}

.search form input.searchButton {
	position: relative;
	top: 4px;
}




/* ad ------------------------------------------------------- */

.ad-container {
	padding: 0 0 0 0;
	clear: both;
	background: none;
	text-align: center;
	display: block;
	position: relative;
	z-index:3000;
}

.theAd {
	width: 728px;
	height: 90px;
	margin: auto;
	display: block;
	position: relative;
}


/* tabs & Nav ------------------------------------------------------ */

.wrap-tabs {
	background: none;
	position: relative;
	font-size: 120%;
	width: 100%;
}

.page-tabs {
	height: 46px; /* if this is an odd number, header sits 1px too high on IE!!!! */
	width: 100%; /* required */
	position: relative; 
	float: left;
}


.page-tabs h1 {
	margin: 0; /* because FF gives h1 default top margin */
	padding: 0;
	position: absolute;
	right: 21px;
	bottom: 3px;
}

.nav {
	position: absolute;
	bottom: 0px;
	left: 20px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	top: 1px;
}

.nav a {
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
}

.nav li.current_page a {

}

.nav li.add_page a {	
	border: none;
	text-decoration: none;
	color: #888;
}




/* page tools */

.pageTools {
	font-size: 120%;
	padding: 15px 20px 25px 20px;
	position: relative;
}

.pageTools a {
	
}

/* theme background */

.theme-bg {
	
}

.theme-bg-anchor {
	
}



/* Modules ---------------------------------------------- */

.m {
	margin-bottom: 15px;
}


.m-inner {
	/*
	font-size: 110%;
	*/
	font-size: 120%;
	line-height: 1.3em;
}

.m ul.title {
	position: relative;
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 1px 0;
}

.m ul.title a {
	padding: 0 1px;
}

.m ul.title li.left img {
	position: absolute;
	left: 1px;
	top: 1px;
}

.m ul.title li.left {
	float: left;
	position: relative;
	padding: 2px 0 2px 19px;
	font-weight: bold;
}

.m ul.title li.right {
	float: right;
	padding: 2px;
	font-size: 95%;
}

.m ul.title li.right img {
	border: 0;
	position: relative;
	vertical-align: text-top;
}

.m .editPanel {
	clear: both;
	border-bottom: 0;
	background: none;
	padding: 6px 6px 10px 6px;
	display: none;
}

.m .editPanel form {
	padding: 0;
	margin: 0;
}


/* default module text color */
.m-inner {
	
}


/* module content */

.m .mContent {
	clear: both;
	padding: 3px;
}

.m .subHead {
	padding: 2px 3px;
	margin-top: 1px;
	font-weight: bold;
	background: none;
	border-bottom: 1px solid #aaa;
	color: #000;
}

.m .subContent {
	padding: 3px;
}


/* module subcontent tabs */

.m .tab-conatiner {
	position: relative;
	width: 100%;
	float: left;
}

.m .tab-container ul.tabs {
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	position: relative;
	border-bottom: 1px solid #aaa;
}

.m ul.tabs li {
	float: left;
	padding: 2px 4px;
	margin: 0;
	position: relative;
	top: 1px;
}

* html .m ul.tabs li {
	top: 2px; /* ie 6 needs another nudge */
}

.m ul.tabs li a {
	float: left;
	display: block;
}

.m ul.tabs li.current_tab {
	background: white;
	border-top: 1px solid #aaa; /* match borders to .subHead border */
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

.m ul.tabs li.current_tab a {
	color: #000;
	text-decoration: none;
}



/* default table row separators */
.m .subContent table td {
	border-bottom: 1px solid #DDD;
}

/* default content link colors */

.m a {
	
}

.m a:hover {
		
}	

/* alt module link colors  (used in clamshells) */
.m .subContent a.alt {
	color: #000;
	text-decoration: none;
}

.m .subContent a.alt:hover {
	color: #000;
}

/* player mug outline */
.m .player .subContent table td.l img {
	
}

/* contact link group headers */
.contactList .subHead a.contactType, .contactList .subHead a.clam {
	text-decoration: none;
	color: #000;
}

.contactList ul li a.group, .contactList ul li a.group:hover {
	text-decoration: none;
	font-weight: bold;
	font-size: x-small;
	color: #000;
}

/* contact list context menu */
.contactList .cl-menu {
	border: 1px solid #999;
	background: #fff;
}



/* Page Settings / Add Content panes ------------------------------------------- */

.fixed-left {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 225px;
	display: block;
}

/* page settings ----------- */

.m .layout {
	padding: 3px 0;
}

.m .layout form {
	margin: 0;
	padding: 0;
}

.m .layout table {
	width: 100%;
	text-align: center;
}

.m .layout table img {
	display: block;
	margin: 2px auto;
	border: 1px solid white;
}

.m .layout table td {
	border-bottom: none;
}
/* adding content -------------------- */

/* all ul's */
.m ul.add-content, .m ul.add-content ul {
	list-style: none;
	margin: 0;
	padding-left: 18px;
	font-weight: normal;
}

/* all li's */
.m ul.add-content li {
	/*height: 100%;  fixes IE/6 line height bug */
	padding: 1px 0;
	margin: 0;
	line-height: 16px;
	position: relative;
}

/* child ul */
.m ul.add-content li ul {
	padding-left: 14px;
	padding-top: 0px;
}

.m ul.add-content li a {
	color: #444;
	text-decoration: underline;
}

.m ul.add-content li a:hover {
	color: #F00;
}

.m ul.add-content li img {
	position: absolute;
	left: -18px;
	top: -1px;
	height: 16px;
	width: 16px;
}

html>body .m ul.add-content li img {
	top: 0;
}		

.m ul.add-content li.clam a.base {
	font-weight: bold;
	text-decoration: none;
}

.tooltip {
	position: absolute;
	width: 170px;
	left: 178px;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 3px;
	color: #333;
	line-height: normal;
}


/* player mugshot keyline */
.m .player .subContent table td.l img {
	border: 1px solid #999;
}



/* drop area */

#ghost {
	width:100%;
	height: 25px;
	margin:0 0 10px 0;
}

/* when link is dragged from sidebar */

.dragging{ 
	display:block;
	height:16px;
	padding:0 0 1px 0;
	text-decoration:none;
	font-weight:bold;
}



/* Columns ------------------------------------------------------ */


.main-wrapper {
	position: relative;
	width: 100%;
}

.content {
	padding: 10px;
	
}	

.mainBodyTable {
	width: 100%;
	padding: 0;
}

.mainBodyTable td {
	width: 33%;
	margin: 0;
	padding: 0 10px;
	vertical-align: top;
}


/* Sponsored Links --------------------------------------------- */

.splinks-container {
	padding: 0 20px;
}

.splinks-container-inner {
	width: 100%;
	border-top: 1px solid white;
	font-size: 110%;
}

.splink {
	width: 33%;
	float: left;
}

.splink-inner {
	padding:10px;
	color: white;
}

.splink-inner a {
	color: white;
	text-decoration: none;
}

.splink-inner a:hover {
	text-decoration: underline;
}



/* Footer ------------------------------------------------------ */

.footer {
	clear: both;
	padding: 10px 20px;
}

.footer-inner {
	border-top: 1px solid white;
	text-align: center;
	font-size: x-small;
	color: #fff;
	padding: 6px;
}

.footer-inner a {
	color: #fff;
}

.footer-inner a:hover {
	color: #fff;
}


.status-message{min-width:420px;float:left;position:relative;}
#toolOptions{min-width:440px; float:left;}
.disabled{ cursor: text; opacity: .5; }
.content { margin-left: 0; }	
#wizard{ display: none; }
#pageSettings{ display: none; }
.open .content, .settingsOpen .content{ margin-left:240px; }
.mainTitleEdit input{ font-family: Helvetica, Arial; font-weight: normal; font-size: 28px;}
.titleBar{ cursor: move; }
.uc .titleBar{ cursor: default; }
#wizard .m-inner .mContent .subContent form{ padding: 0; margin: 0; }
#pageSettings .m-inner .mContent .subContent form{ padding: 0; margin: 0; }
.ad-container { z-index:2; }
#gIndicator{
	font-size: 11px;
	font-weight:bold;
	width:120px;
	z-index:100;
	position: fixed;
	left: 88%;
	top: 0%;
}