/*
    Quicken Loans Arena
	Top Story Stylesheet
*/

.anythingSlider *                                       { margin: 0; padding: 0; }
.anythingSlider body                                    { font: 12px Helvetica Serif; background-color: #E5E5E5;}
.anythingSlider a, a img                                { border: 0; text-decoration: none; outline: 0; color: none; }

.anythingSlider #col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
.anythingSlider #col2                                   { width: 49%; float: right; }
.anythingSlider .clear 									{clear:both;}

.anythingSlider h1                                      { font: bold 27px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0px 0; text-align: left; color: #FFF; text-transform: uppercase;}
.anythingSlider h2                                      { font: bold 18px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 0px 0; color: #FFF; }


.anythingSlider ul                                      { margin: 0 0 25px 25px; }

.anythingSlider #dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
.anythingSlider #dl:hover                               { background: #666; }


/*
    This stuff is for the TitleBlock Plugin
*/
.anythingSlider .image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.anythingSlider .image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.anythingSlider .image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.anythingSlider .image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
.anythingSlider #textSlide                              { padding: 10px 30px; }
.anythingSlider #textSlide h3                           { font: 20px Georgia, Serif; }
.anythingSlider #textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
.anythingSlider #textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
.anythingSlider #textSlide ul li                        { display: list-item; }

.anythingSlider #quoteSlide                             { padding: 30px; }
.anythingSlider #quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
.anythingSlider #quoteSlide p                           { text-align: center; }

.anythingSlider .wrapper { 
	width: 633px; 
	overflow: hidden; 
	height: 350px; 
	margin: 0 0px; 
	position: absolute; 
	top: 0; 
	left: 0; 
	}
.anythingSlider .wrapper ul { 
	width: 99999px; 
	list-style: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	background: #eee; 
	margin: 0; 
	}
.anythingSlider ul li { 
	display: block; 
	float: left; 
	padding: 0; 
	height: 350px; 
	width: 633px; 
	margin: 0; 
	}
	
.anythingSlider ul li img { 
	z-index: -1;
	}
	
.anythingSlider ul li .information  { 
	position: relative;
	margin-top: -125px;
	padding: 13px 0 0 11px;
	height: 150px;
	z-index: 3;
	width: 623px;
	background-image:url('http://www.theqarena.com/wp-content/uploads/bkg.png');
	background-repeat:repeat; 
	}
	
.anythingSlider ul li .information  p { 	
	font: bold 14px Helvetica, Sans-Serif; 
	letter-spacing: 0px; 
	margin: 4px 0 0 0; 
	color: #FFF; 
	float:left;
}

.anythingSlider ul li .information  p.link{ 	
	font: bold 14px Helvetica, Sans-Serif; 
	letter-spacing: 0px; 
	margin: 3px 0 0 5px; 
	color: #e0a213;
	float:left;
	cursor: pointer; cursor: hand;
}

.anythingSlider ul li .information ul {
	list-style: none;
	margin-top:3px;
	display: inline;
}

.anythingSlider ul li .information ul li {
	display: inline;
}

.anythingSlider ul li .information ul li a{
	display: inline-block; 
	float: left;  
	height: 27px; 
	width: 303.5px; 
	margin-top: 10px;
	padding-top:8px;
	text-align:center;
	background-image:url('http://www.theqarena.com/wp-content/uploads/btn_bkg.png');
	background-repeat:repeat-x;
	border-left: 1px solid #505050;
	border-right: 1px solid #000; 
	font: 14px/18px Helvetica, Serif; 
	font-weight: bold;
	text-transform:uppercase;
	text-decoration: none;
	color:#FFFFFF;
	
}


.anythingSlider ul li .information ul li a:hover {
	background-image:url('http://www.theqarena.com/wp-content/uploads/btn_bkg_hover.png');
	background-repeat:repeat-x;
	color:#333333;
}
	
.anythingSlider .arrow  { 
	font: bold 11px/18px Helvetica, Serif; 
	display: block; 
	padding: 2px 8px; 
	height: 18px; 
	background-image:url('http://www.theqarena.com/wp-content/uploads/bkg.png');
	background-repeat:repeat; 
	color: #FFF;
	position: absolute; 
	top: 65px; 
	cursor: pointer; 
	z-index: 10;
	}
.anythingSlider .forward { 
	top: 10px;
	left: 92px; 
	}
.anythingSlider .back  { 
	top: 10px;
	left: 65px; 
	}
.anythingSlider .forward:hover  { 
	background-color: #333; 
	}
.anythingSlider .back:hover  { 
	background-color: #333; 
	}

#thumbNav { 
	position: relative; 
	top: 10px; 
	right: 5px;
	text-align: right; 
	}
	
#thumbNav a { 
	color: #FFF; 
	font: 11px/18px Helvetica, Serif; 
	font-weight: bold;
	display: inline-block; 
	padding: 2px 8px; 
	height: 18px; 
	margin: 0 5px 0 0; 
	background-image:url('http://www.theqarena.com/wp-content/uploads/bkg.png');
	background-repeat:repeat;   
	text-align: center; 
	}
#thumbNav a:hover { 
	background-color: #333; 
	}
#thumbNav a.cur  { 
	background: #e0a213; 
	color: #000;
	}

#start-stop { 
	font: 11px/18px Helvetica, Serif; 
	text-transform: uppercase;
	font-weight: bold;
	background-image:url('http://www.theqarena.com/wp-content/uploads/bkg.png');
	background-repeat:repeat; 
	color: #FFF; 
	padding: 2px 5px; 
	width: 40px; 
	text-align: center; 
	position: absolute; 
	left: 10px; 
	top: 10px; 
	}
#start-stop.playing { 
	}
#start-stop:hover { 
	background-color: #333; 
	color: #FFF;
	}
	

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: hidden; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }