/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999; /*overflow:hidden;*/}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent {position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
*/
body.overlay {background:transparent;}
#cboxOverlay{background:#000;}
#colorbox{margin-left:-10px;}
#cboxContent {
		margin-top:20px;
		background:#eee;
		padding:12px;
		-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
}
#cboxLoadedContent {
		background:#fff url(/prod/assets/universal_overlay/uOverlay_sprite.png) 0 -203px repeat-x;
		border:1px solid #ccc;
		padding:12px;
}
#cboxLoadingGraphic {background:url(/prod/assets/universal_overlay/loading.gif) 50% 50% no-repeat;}
#cboxLoadingOverlay {background:#fff;}
#cboxClose {
		border:0 none;
		text-indent:-9999px;
		width:30px;
		height:30px;
		position:absolute;
		top:-10px;
		background:url(/prod/assets/universal_overlay/btn_close.png) 0 0 no-repeat;
		right:-10px;
}
#cboxTitle {
		background: none repeat scroll 0 0 #ffffff;
		color: #000000;
		font-weight: bold;
		bottom: 25px;
		left: 25px;
		right: 25px;
		opacity: 0.5;
		position: absolute;
		text-align:right;
		font-size: 11px;
		padding-right: 5px;
}
/*.cboxIE #cboxClose {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/prod/assets/universal_overlay/btn_close.png, sizingMethod='scale');}*/
#cboxClose.hover{}

/* Master Sprite */
.mod-site-overlay input.btn-action,
.mod-site-overlay input.btn-action-disabled,
.mod-site-overlay .form-content ul li.ok .msg-ok span.icon,
.mod-site-overlay .form-content ul li.error .msg-error span.icon,
a.icon-more-info,
.mod-btn-toggle,
.mod-btn-toggle a.active {
		background-image:url(/prod/assets/universal_overlay/uOverlay_sprite.png);
		background-repeat:no-repeat;
		background-position:0 0;
}

/* New Styles */
.mod-site-overlay {
		font-family:verdana,arial,sans-serif;
}
.mod-site-overlay a {color:#225db7;}
.mod-site-overlay h2 {
		font-size:18px;
		padding:4px 0 16px;
		font-family:helvetica,arial,sans-serif;
}
.mod-site-overlay h2 span {
		color:#444;
		font-style:italic;
		font-size:12px;
		font-weight:400;
		padding:0 2px;
}
.mod-site-overlay h3 {
	font-size:14px;
	padding:0 10px 16px 0;
	color: #333;
	font-family:helvetica,arial,sans-serif;
}
.mod-site-overlay p {
	font-size:12px;
	color:#333;
	margin: 0 0 10px;
}
.mod-site-overlay h4 {
	font-size:12px;
	color:#333;
	clear: both;
}
.mod-site-overlay h5 {
	font-size:11px;
	color:#333;
	padding:0 0 2px;
}
.mod-site-overlay ul.bulletlinks {font-size: 12px;}
.mod-site-overlay ul.bulletlinks li {padding-left: 11px;}

/* Scrollable Inline Content */
.mod-site-overlay .scrollable {
	overflow: scroll;
	height: 250px;
	font-size: 11px;
	margin: 0 0 10px;
}
.mod-site-overlay .scrollable p {
	font-size: 11px;
}
.mod-site-overlay .scrollable .subhead {
	text-decoration: underline;
	font-weight: 700;
}

/* Overlay Header Promo Area */
.mod-site-overlay .mod-header-promo {
	position: absolute;
	top:0;
	right: 0;
	font-size: 10px;
	color: #555;
	line-height: 12px;
	text-align: right;
	width: 220px;
}
.mod-site-overlay .mod-header-promo .fb-connect {margin: 2px 0 0;}

/* Form Content */
.mod-site-overlay .form-content {
	font-size:11px;
	color:#333;
	overflow:hidden;
	padding:0 0 12px;
	clear:both;
	border-color: #777;
	border-style: dotted;
	border-width: 0;
}
.mod-site-overlay .form-content.border-right {border-width: 0 1px 0 0;}
.mod-site-overlay .form-content.border-left {border-width: 0 1px 0 0;}
.mod-site-overlay .form-content p {
	font-size:11px;
	color:#333;
	line-height:15px;
	padding:4px 0 8px;
	margin: 0;
}
.mod-site-overlay .form-content ul li {
		display:block;
		clear:both;
		overflow:hidden;
		height:1%;
		padding:0 0 12px;
		margin:0;
		background:#fff;
		border:1px solid #fff;
}
.ie7 .mod-site-overlay .form-content ul li {padding: 0 0 6px;}
.mod-site-overlay .form-content ul li .msg {
		display:none;
}
.mod-site-overlay .form-content ul li div.row-wrapper {
		border:1px solid #fff;
		padding:0 8px;
		width:585px;
}
.mod-site-overlay .form-content ul li label {
		float:left;
		width:150px;
		font-weight:700;
		padding:4px 10px 4px 2px;
}
.mod-site-overlay .form-content ul li div {
		float:left;
}
.mod-site-overlay .form-content ul li div span {
		color:#777;
		font-size:10px;
		line-height:11px;
		display:block;
		width:300px;
		margin:4px 0;
}
.mod-site-overlay .form-content ul li select {
		visibility:visible;
		margin:0 4px 0 0;
}
.mod-site-overlay .form-content ul li select option {color:#333;}
.mod-site-overlay .form-content ul li input.txt-input {
		background:#fff;
		border:1px solid #ccc;
		padding:4px;
		margin:0 4px 0 0;
		color:#333;
		font-size:11px;
}
/* forgotMembernamePassword Overwrites */
#panel-dob .mod-site-overlay .form-content ul li input.txt-input{
	width: 50px;
}
.mod-site-overlay .form-content ul li input.chk-input,
.mod-site-overlay .form-content ul li input.radio-input {
		margin:0 2px 0 0;
		position:relative;
		top:1px;
}
.ie .mod-site-overlay .form-content ul li input.chk-input,
.ie .mod-site-overlay .form-content ul li input.radio-input {
		margin:0;
}
.mod-site-overlay .form-content ul li label.input-label {
		margin:0 10px 0 0;
		padding:0 !important;
		float:none;
		font-weight:400;
		width:auto;
}
.mod-site-overlay .form-content ul li.action {padding:16px 0 10px 172px;}
.mod-site-overlay .form-content ul li.action.centered {
	padding:16px 0 10px;
	text-align: center;
}
.mod-site-overlay .form-content ul li.action div {
		width:100%;
		position:relative;
}
.mod-site-overlay .form-content ul li.action div span {margin: 8px 0 0;}
.mod-site-overlay input.btn-action {
		background-position:0 -47px;
		background-repeat:repeat-x;
		border:1px solid #900;
		color:#fff;
		font-family:helvetica,arial,sans-serif;
		font-size:12px;
		font-weight:700;
		padding:0 12px;
		height:25px;
		cursor:pointer;
		-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}
.cboxIE .mod-site-overlay input.btn-action {
		background-color:#900;
}
.mod-site-overlay input.btn-action:hover {
		opacity:0.85;
		filter:alpha(opacity=85);
}
.mod-site-overlay input.btn-action-disabled {
		background-position:0 -125px;
		background-repeat:repeat-x;
		border:1px solid #999;
}
.cboxIE .mod-site-overlay input.btn-action-disabled {
		background-color:#999;
}
.mod-site-overlay input.btn-cancel {
	background: #777;
	border: 1px solid #555;
}
.mod-site-overlay .form-content ul li.action div.action-content {
		padding:12px 0;
}
.mod-site-overlay .form-content ul li.action div span.sub-action {
	border-top: 1px solid #ccc;
	padding: 4px 0 0;
}
/* List and Line Break */
.mod-site-overlay .form-content ul li.break h5 {
	border-bottom: 1px dashed #f00;
	color: #f00;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	padding: 4px 0 0 8px;
	width: 90px;
}

/* Input OK */
.mod-site-overlay .form-content ul li.ok .msg-ok {
		display:inline;
		float:none;
}
.mod-site-overlay .form-content ul li.ok .msg-ok span.icon {
		height:14px;
		width:14px;
		margin:2px 0 0 5px;
		display:inline-block;
		background-position:0 -32px;
}
.cboxIE .mod-site-overlay .form-content ul li.ok .msg-ok span.icon {
		position:relative;
		top:-4px;
}
/* Input Error Handling */
.mod-site-overlay .form-content ul li.error input.txt-input,
.mod-site-overlay .form-content ul li.error select,
.mod-site-overlay .form-content ul li.error .error-wrap {
	background: #FFFAA7;
	border: 1px solid #f00;
}
.mod-site-overlay .form-content ul li.error .error-wrap {
	padding: 4px 6px 6px;
}
.mod-site-overlay .form-content ul li.error .msg-error {
		padding:5px 0 0;
		display:block;
		clear:both;
		float:none;
}
.cboxIE .mod-site-overlay .form-content ul li.error .msg-error {padding:0;}
.mod-site-overlay .form-content ul li.error .inline-error {
	float:left;
	width:250px;
	clear:none;
	padding: 5px 0 0 5px;
}
.mod-site-overlay .form-content ul li.error .msg-error p {
		margin:0 0 0 20px;
		padding:0;
		font-size:10px;
		line-height:13px;
}
.mod-site-overlay .form-content ul li.error .msg-error p strong {
	color: #f00;
	display: block;
}
.mod-site-overlay .form-content ul li.error .msg-error span.icon {
		height:14px;
		width:14px;
		float:left;
		margin:0;
		background-position:0 -17px;
}
.mod-site-overlay .form-content ul li.error .msg-error ul.bulletlinks {
		margin:6px 0 0 20px;
		padding:0;
}
.mod-site-overlay .form-content ul li.error .msg-error ul.bulletlinks li {
	background:transparent url(/prod/assets/bullet_gray.gif) no-repeat scroll 0 5px;
	border:none;
	padding:0 0 4px 8px;
	font-size: 10px;
}

/* Split Columns */
.mod-site-overlay .col-split {
		float:left;
		width:350px;
		padding:6px 16px;
}
.mod-site-overlay .col-split ul li {
		overflow:hidden;
		padding:8px 0;
}
.mod-site-overlay .col-split ul li p {
		font-size:10px;
		line-height:13px;
}
.mod-site-overlay .col-split ul li a {font-size:10px;}
.mod-site-overlay .col-split ul li h5 a {font-size:12px;}
.mod-site-overlay .col-split ul li .floatleft {
		margin:0 16px 10px 0;
}

/* More Information Icon/Hover */
a.icon-more-info {
		background-position:0 0;
		width:16px;
		height:16px;
		display:inline-block;
		vertical-align:middle;
}
.cboxIE a.icon-more-info {
		position:relative;
		top:-4px;
}
a.icon-more-info span {
		position:absolute;
		left:-9999em;
}
.qtip .qtip-content h4 {
		font-family:helvetica,arial,sans-serif;
		font-size:12px;
		color:#a25f24;
		padding:0 0 4px;
}
.qtip .qtip-content p {
		padding:0;
		color:#222;
		font-size:11px;
		line-height:13px;
}

/* Toggle Button */
.mod-btn-toggle {
	display: inline-block;
	margin: 0 6px;
	border: 1px solid #ccc;
	font-size: 11px;
	background-position: 0 -204px;
	background-repeat: repeat-x;
	position: relative;
	top:-2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.mod-btn-toggle a {
	padding: 3px 8px;
	text-align: center;
	display: inline-block;
	width: 90px;
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.mod-btn-toggle a span {
	display: none;
	position: absolute;
	top:17px;
	left: 42px;
	color: #888;
}
.mod-btn-toggle a:hover {text-decoration: none;}
.mod-btn-toggle a.active {
	background-position: 0 -125px;
	background-repeat: repeat-x;
	color: #444;
	text-shadow: #ccc 0 1px 0;
}
.mod-btn-toggle a.active span {display: block;}

/* Varying Grid Resets */

/* span-3 adjustments */
.mod-site-overlay .span-3 .form-content ul li div.row-wrapper {width: 273px;}
.mod-site-overlay .span-3 .form-content ul li div span {width:250px;}

/* span-2 adjustments */
.mod-site-overlay .span-2 .form-content ul li label {width: 98px; padding: 4px 6px 4px 2px;}
.mod-site-overlay .span-2 .form-content ul li div.row-wrapper {width: 185px; padding:0 4px;}
.mod-site-overlay .span-2 .form-content ul li.action {padding: 16px 0 10px 114px;}
.mod-site-overlay .span-2 .form-content ul li div span {width:170px;}

p.warning span {background:url('/espn360/images/espn3/affiliate_tool/warning_icons.png') left 0 no-repeat; line-height:24px; display:inline-block;padding-left:28px;}