/**

*	@file		stream_srv.css

*	@function	custom CSS file for stream_srv plugin

**/


body #strobemediaplayback{ visibility: visible!important;}

.roundedcorners{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.dropshadow{
	box-shadow:0 2px 8px #b3ae9f;
	-webkit-box-shadow:0 2px 8px #b3ae9f;
	-moz-box-shadow:0 2px 8px #b3ae9f;
}
.txtshadow{
	text-shadow: 2px 2px #ff0000;
}
.imgtxt a, .imgtxt{
	text-indent:-9999em;
	display:block;	
}
div.clearer{
	clear: both;
	width: 100%;
	height: 20px
}

h1.playerlogo {
	width:388px;
	height:233px;
	background:url('http://www.supertalk.fm/wp-content/themes/supertalk/images/playerlogo.png') 0 0 no-repeat;	
	margin: auto;

}
.logocontainer #oio-banner-1 {
float: right;
}

.logocontainer{
	background:#1e295b url('http://www.supertalk.fm/wp-content/themes/supertalk/images/playerrepeatbg.png') left bottom repeat-x;	
	padding:15px;
}
div.bannerad {
padding-bottom: 10px;
margin-bottom: 1px;
border-bottom: 5px solid #e7af2a;
}


.display_table {

	font-family:Arial,Helvetica,sans-serif;

	font-size:12px;

	border:1px solid #000;

	border-spacing:0px;

    	width:100%;

    	margin:0;

    	padding:0;

    	border-collapse: collapse;

}



.display_table  thead td {

	background-color:#000;

	color:#FFF;

}



.display_table  thead a {

	background-color:#000;

	color:#FFF;

	text-decoration:none;

}



.display_table  tbody {

	background-color:#fff;

}





.recording_name {

	font-family:Arial,Helvetica,sans-serif;

	font-size:18px;

	font-weight: bold;
	padding:15px 15px 5px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;

}



.recording_notes {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding-bottom: 15px;
	top: -25px;
	position: relative;
}
#audio_player {
margin: 0 auto;
}

.media_player {
display: block;
color: #fff!important;
background: white;
border-top: 5px solid #fff;
margin-top: 5px;
text-align: center!important;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
-webkit-box-shadow: 0 8px 6px -6px black
}


.clearer {

	clear:both;

}


/**** ON DEMAND ****/
.ods2_navigation_container{
	width: 100%;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ods2_select_count_container{
	width:100%;
}

.ods2_date_container{
	float:left;
	width:100%;
}

.ods2_date_container input[type="text"]{
	float:left;
	width:26%;
}
.ods2_date_container input[type="submit"]{
	float:left;
	width:22%;
}

.ods2_pagination{
	clear:both;
	float:left;
	width:70%;
}

.ods2_recording_count{
	float:right;
	width:30%;
	text-align: right;
}


.on_demand_container {
	width:100%	
}

.ods2_recording_display {
	width: 100%;
	height: 90px;
	overflow: hidden;
	clear: both;
	margin-bottom: 5px;
	padding: 5px;
	cursor: pointer;
	outline: #ddd solid 1px;
	background-color: white;
}

.ods2_recording_display:hover{
	background-color: #eee;
}

.ods2_image_date_container{
	float: left;
	width: 24%;
	height: 100%;
}

.ods2_data_container{
	float: left;
	width: 70%;
	height: 100%;
}

.ods2_image {
	width: 40%;
	/*height: 30px;*/
	display: block;
	margin: auto;
	margin-bottom: 2px;
	margin-top: 7px;
}

.ods2_date {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #0b215e;
}
.ods1_show_display {
    width: 31%;
    margin: 5px;
}
.ods2_title {
	font-size: 16px;
	font-weight: bold;
}

.ods2_notes {
	font-size: 12px;
	font-weight: bold;	
}
.hr_vert {
	width: 2px;
	height: 100%;
	background-color: #ddd;
	position: relative;
	top: 0px;
	z-index: 10;
	float: left;
	margin-right: 5px;
}

.ods3_player_container {
	-webkit-border-radius: 12px 12px;
	width: 100%;
	height: 130px;
	display: inline-block;
	background-color: #6a6a6a;
	margin-top:10px;
}

.ods3_show_name{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

.ods3_interview_container {
	width: 100%;
	display: inline-block;
}

.ods3_interview_row {
	clear:both;
	width: 100%;
	/*height: 100px;
	overflow: hidden;*/
	margin-bottom: 10px;
	cursor: pointer;
	
}

.ods3_interview_row:hover{
	background-color: #eee;
}

.ods3_interview_image {
	float: left;
	height: 100px !important;
	margin-right: 10px;
}

.ods3_interview_content_container {
	float: left;
	width: 75%;
	height: 100px;
	overflow: hidden;
}

.ods3_interview_time {
	width: 100%;
	font-size: 10px;
	text-align: left;
}

.ods3_interview_hr {
	width: 100%;
	height: 2px;
	background-color: #ddd;
	z-index: 10;
	margin-top: 5px;
	margin-bottom: 5px;
}

.ods3_interview_content {
	width: 100%;
	height: 60px;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
}

.ods3_prev_next_container{
	width: 100%;
}

.ods3_prev_content_container {
	float: left;
	width: 75%;
	text-align: left;
	overflow: hidden;
} 
.ods3_prev_image {
	float: left;
	height: 36px !important;
	padding: 8px;
}

.ods3_prev_row {
	float: left;
	width: 49%;
	height: 50px;
	margin-right: 1px;
	cursor: pointer;
	background-color: #ddd;
}

.ods3_next_row {
	float: right;
	width: 49%;
	height: 50px;
	margin-left: 1px;
	cursor: pointer;
	background-color: #ddd;
}

.ods3_next_image {
	float: right;
	height: 36px !important;
	padding: 8px;
}

.ods3_next_content_container {
	float: right;
	width: 75%;
	text-align: right;
	overflow: hidden;
}

.ods3_prev_next_date {
	width: 100%;
	font-size: .9em;
}

.ods3_prev_next_title {
	width: 100%;
	font-size: 1.15em;
	white-space: nowrap;
}