@import "/style/election.css";
/*-----------------------------------------------------------------------------
Election 2007 Style Sheet
version:   1.0
-----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------- =General */
#wrapper {
	background:none;	
}
/*-------------------------------------------------------------------- =Content */
#content_archive {
	margin-left:8px;
	margin-right:5px;
}
/*-------------------------------------------------------------------- =Archive Nav */
ul.ArchiveNav {
  border-top:1px #000000 solid;
  margin-top:0px;
  padding:0;
  padding-top:3em;
  list-style: none;
  float:left;
  width:100%;
  font-size:x-small;
  border-bottom:1px #4E5C00 solid;
  background:/*url(../images/imagesandsounds.gif)*/ top left no-repeat #2D043F;
  background-position:25px 10px;
}
ul.ArchiveNav li {
  float:right;
  background: url(../images/tab-right.gif) no-repeat top right;
  margin-left:1px;
}
/* Hack to make IE/Mac play nice */
ul.ArchiveNav li a {
  padding: 0 1em;
  line-height: 2em;
  background: url(../images/tab-left.gif) no-repeat top left;
  text-decoration: none;
  color: #666666;
  float: left;
  display: block;

}
ul.ArchiveNav a:hover {
  color: #333;
}
/*-------------------------------------------------------------------- =Drop down */
ul.dropdown {
  float:left;
  background:#ffffff url(../images/hub_bg.gif) top right no-repeat ;
  width:100%;
  height:4em;

}
ul.dropdown li {
  float:left;
  margin: 15px 0px 5px 10px;
  color:#666666;
  font-size:x-small;
}
select {
	width:200px;
}
/*-------------------------------------------------------------------- =player */
div#player {
	background:#000000 url(/live/images/player_background_elect.gif) top left no-repeat ;
	height:334px;
	width:512px;
    margin-left: auto;
    margin-right: auto;
	}

div.playerContainer img {
margin:0px;
	padding-top:20px;
	display: block;
 	margin-left: auto;
 	margin-right: auto 
}


div.player1 {
	float:left;
	width:512px;
background-color:#000000;
color:#cccccc;
}

div.player1 div#clipExtraInfo a {
text-decoration:none;
color:#cccccc;
margin:2px;
}

div.player1 div#clipExtraInfo a:hover{
text-decoration:underline;
color:#cccccc;
}

div.player1 div#clipExtraInfo{
margin:0px;
padding:0px;	
width:100%;
height:20px;
text-align:center;
clear:both;
}


/*-------------------------------------------------------------------- =player */
div.selectlist {
	float:right;
	background:green;
	width:334px;

	}
/*-------------------------------------------------------------------- =switch */
ul.switch {
  padding:0;
  padding-top:1.5em;
  list-style: none;
  float:left;
  width:100%;
  font-size:x-small;
  border-bottom:1px #4E5C00 solid;
  background: #2D043F;
  background-position:15px 15px;
}
ul.switch li {
  float:right;
  background: url(../images/tab-right.gif) no-repeat top right;
  margin-left:1px;
}
/* Hack to make IE/Mac play nice */
ul.switch li a {
  padding: 0 1em;
  line-height: 2em;
  background: url(../images/tab-left.gif) no-repeat top left;
  text-decoration: none;
  color: #666666;
  float: left;
  display: block;

}
ul.switch a:hover {
  color: #333;
}

/*-------------------------------------------------------------------- =liveContainer */
div.liveContainer {
	background:red;
	float:right;
	width:334px;
	height:319px;
	min-height:319px;
	overflow:auto;
}
div.videoContainer {
	background:#ffffff;
	float:right;
	width:334px;
	height:319px;
	min-height:319px;
	overflow:auto;
}
div.imagesContainer {
	background:#ffffff;
	float:right;
	width:334px;
	height:319px;
	min-height:319px;
	overflow:auto;
}
/*-------------------------------------------------------------------- =Scroll Container */
div.videoContainer ul li {
	background:#FAF8FB url(../images/feature_grad.gif) repeat-x bottom left;
	min-height:6em;
	margin-bottom:0px;
	padding-bottom:10px;
	border-bottom:1px solid #D1B5DF;
	float:left;
	width:100%;
	
}
div.videoContainer ul li.sel {
	background:none;
}
div.videoContainer ul li h4 {
	margin: 15px 8px 0px 8px;
  	padding: 0px 0px 5px 0px;
  	font-size:.9em;
	color:#320147;
	background:url(../images/purp_inset.gif) repeat-x left bottom;
}
div.videoContainer ul li img {
	float:left;
	margin:5px 8px 0 8px;
	padding:1px;
  	border:2px solid #e9e1eb;
  	border-bottom-color:#FAF8FB;
  	border-right-color:#FAF8FB;
  	background:#ffffff;
 }
div.videoContainer ul li p {
  	margin: 4px 8px 10px 8px;
  	padding: 0;
	color:#666666;
	font-size:x-small;	
}


div.videoContainer ul li ul.clipLinks {
  	margin: 4px 8px 10px 8px;
  	padding: 0;
	color:#666666;
	font-size:8pt;	
}

div.videoContainer ul li ul.clipLinks li {
  	margin: 0px 8px 0px 8px;
  	padding: 0;
	display:inline;
	background:none;
	min-height:0;
	border-bottom:none;
	width:25%;
	font-weight:bold;
}





div.imagesContainer ul li {
	background:#FAF8FB url(../images/feature_grad.gif) repeat-x bottom left;
	min-height:6em;
	margin-bottom:0px;
	padding-bottom:10px;
	border-bottom:1px solid #D1B5DF;
	float:left;
	width:100%;
}
div.imagesContainer ul li.sel {
	background:none;
}
div.imagesContainer ul li h4 {
	margin: 15px 8px 0px 120px;
  	padding: 0px 0px 5px 0px;
  	font-size:.9em;
	color:#320147;
	background:url(../images/purp_inset.gif) repeat-x left bottom;
}
div.imagesContainer ul li img {
	float:left;
	margin:5px 8px 0 8px;
	padding:1px;
  	border:2px solid #e9e1eb;
  	border-bottom-color:#FAF8FB;
  	border-right-color:#FAF8FB;
  	background:#ffffff;
 }
div.imagesContainer ul li p {
  	margin: 15px 8px 10px 120px;
  	padding: 0;
	color:#666666;
	font-size:small;	
}

div.imagesContainer ul li ul.clipLinks {
  	margin: 4px 8px 10px 8px;
  	padding: 0;
	color:#666666;
	font-size:8pt;	
}

div.imagesContainer ul li ul.clipLinks li {
  	margin: 0px 8px 0px 8px;
  	padding: 0;
	display:inline;
	background:none;
	min-height:0;
	border-bottom:none;
	width:25%;
	font-weight:bold;
}