/* ESPN.com
-- TOPIC OVERVIEW Module Styles */

/* Header */
.mod-topic-overview .mod-header {
	background: #fff;
	height: auto;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 0;
	padding: 16px 16px 0;
}
.mod-topic-overview .mod-header h4 {
	font-size: 20px;
	color: #333;
	padding: 16px 0 0;
}
.mod-topic-overview .mod-header .utility-row {
	font-size: 11px;
	color: #777;
	overflow: hidden;
}
.mod-topic-overview .mod-header .utility-row .updated {float: left;}
.mod-topic-overview .mod-header .utility-row ul {padding: 16px 0 0 0;}
.mod-topic-overview .mod-header .utility-row ul li {float: left;}
.mod-topic-overview .mod-header .utility-row ul li.comments {margin: 0;}
.mod-topic-overview .mod-header .utility-row ul li.comments a.comment-link {
	color: #777;
	font-size: 10px;
	float: left;
	overflow: hidden;
	line-height: 18px;
}
.mod-topic-overview .mod-header .utility-row ul li.comments a.comment-count {
	background: url("/prod/assets/count_bubble_right_sm2.png") no-repeat 100% 0 transparent;
	margin: 0 0 0 4px;
	min-width: 22px;
	padding: 0;
	text-align: center;
	color: #225db7;
	display: block;
	float: left;
}
.mod-topic-overview .mod-header .utility-row ul li.comments a.comment-count span {
	background: url("/prod/assets/count_bubble_left_sm2.png") no-repeat 0 0 transparent;
	font-family: helvetica,arial,sans-serif;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 6px 10px;
	line-height: 16px;
	display: block;
}

/* Content */
.mod-topic-overview .mod-content .gradient-container {
	padding: 6px 12px 12px;
}
.mod-topic-overview .mod-content p {
	line-height: 17px;
	margin: 0 0 10px;
	color: #333;
	font-size: 12px;
}
.mod-topic-overview .mod-content img {
	padding: 2px;
	border: 1px solid #ccc;
	margin: 0 0 10px;
}
.mod-topic-overview .mod-content h5 {
	padding: 2px 0;
	color: #333;
	font-size: 12px;
}

/* Slider Nav */
.mod-topic-overview ul.slider-nav {
	height: 22px;
	padding: 0 0 10px;
	float: left;
	width: 520px;
	overflow: hidden;
}
.mod-topic-overview ul.slider-nav li {
	margin: 0 0 0 8px;
	float: left;
}
.mod-topic-overview ul.slider-nav li a {
	color: #225db7 !important;
	padding: 2px 8px 4px;
	display: block;
	font-size: 11px;
	font-weight: 700;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #fff;
}
.mod-topic-overview ul.slider-nav li a:hover {
	text-decoration: none;
	background: #eee;
	border: 1px solid #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background: -moz-linear-gradient(top,  #fff,  #ddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
}
.mod-topic-overview ul.slider-nav li a.selected {
	background: #ddd;
	text-shadow: 1px 1px 0 #ddd;
	border: 1px solid #bbb;
	color: #444 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
	background: -moz-linear-gradient(top,  #eee,  #aaa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#aaaaaa');
}

/* Slider */
.mod-topic-overview .slider-wrapper {
	height: 200px;
	width: 580px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: both;
	border-top: 1px solid #ddd;
}
.mod-topic-overview .slider-container .slider-panel {
	height: 180px;
	width: 560px;
	overflow: auto;
	padding: 10px;
}

/* Slider Controls */
.mod-topic-overview .slider-controls {overflow: hidden;}
.mod-topic-overview .slider-controls a {padding: 0;}
.mod-topic-overview .slider-controls a.slider-btn {
	height:18px;
	width:18px;
	float: left;
	margin: 2px 6px;
	background:transparent url(/prod/assets/master_search.png) 0 0 no-repeat;
}
.mod-topic-overview .slider-controls a.slider-prev {background-position:0 -33px;}
.mod-topic-overview .slider-controls a.slider-prev:hover {background-position:-19px -33px;}
.mod-topic-overview .slider-controls a.slider-prev-disabled {background-position:-38px -33px;}
.mod-topic-overview .slider-controls a.slider-prev-disabled:hover {background-position:-38px -33px;}
.mod-topic-overview .slider-controls a.slider-next {background-position:-95px -33px; float: right;}
.mod-topic-overview .slider-controls a.slider-next:hover {background-position:-76px -33px;}
.mod-topic-overview .slider-controls a.slider-next-disabled {background-position:-57px -33px;}
.mod-topic-overview .slider-controls a.slider-next-disabled:hover {background-position:-57px -33px;}