/* Main styles which govern the overall page layout */

	.Body, p, ul, ol, table {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color:#333333;
	}

	.Body { 
		background-color: #ffffff; 
		margin: 0px; 
		padding: 0px;
	}

	a { 
		color: #138dbe; 
		font-weight: bold; 
		text-decoration:none;
	} 

	a:hover {  
		text-decoration:underline;
		color:#02a7e9;
	} 

	h1 {
		font-size:19px;
		display:inline;
		margin-top:0px;
		margin-bottom: 5px;
		padding:2px;
	}

	h2 {
		font-size:medium;
		margin-top:0px;
		margin-bottom: 5px;
		padding:2px;
	}
	
	h3 {
		font-size:13px;
		color:#555555;
	}
	



/* Here are the styles which govern the menubar at the top of every client page */

	.client_menu { /* the div which contains the menu*/
		
	}
	
	.client_menu table{ /* the table which contains the menu */
		width: 100%;
		border-top: 3px solid #cccccc;
		border-bottom: 3px solid #cccccc;
		font-size:12px;
	}
	.client_menu td { /* each cell of the menu table*/
		padding:0px;
	}

	.client_menu a {
		display: block;
		text-align: center;
		padding:4px;
		font-size:16px;
		color:#333;
		text-decoration:none;

	}
	.client_menu a:hover {
		background: #02a7e9;
		color:black;
		text-decoration:none;
	}

	.client_menu .on {
		background: #abd9eb;
		color:black;
		text-decoration:none;
	}

/* End client menu styles */

/* -------------------------------------------------------- */

/* CLIENT BODY */
/* This is the rest of the client page below the menu and before any footers are applied */

	.client_body{	/* the overall content area */
		padding:20px;
	}

	.player {
		width:100%;
	}
	.player_leftpane {	/* the bit which allows you to browse podcast channels */
		padding:2px;
	}
	.player_mainpane {			
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		padding: 10px;
	}
	.player_mainpane , .player_mainpane p {		
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	.player_channel_title{
		color: #333;
		font-size:18px; 
		font-weight:bold;
	}
	.player_channel_subtitle{
		font-size:12px;
		font-weight:bold;
		margin-top:6px;
	}
	.player_channel_description{
		margin-top:6px;
	}
	.player_channel_actions{
		font-weight:bold;
		margin-top:6px;
		margin-bottom:6px;
	}

	.player_channellist_imgborder{
		border:1px solid #dddddd;
	}
	.player_channellist_channel{
		padding:15px;
		font-size:10px;
	}
	
	.player_item_list {
		border-bottom: 1px dotted #333;
	}

	.player_item_list_item {
		font-size:12px; 
		font-weight:bold;
	}

	.player_actions a {
		font-size: 11px;
		display: block;
		margin: 0px;
		padding: 2px 2px;
		text-decoration: none;
	}
	.player_actions a:hover {
		color: #02a7e9;
		text-decoration: none;
	}
	
	.player_titles {
		font-size:medium;
		font-weight:bold;
		margin-bottom:5px;
	}
	.player_divider {
		border-bottom: 1px dotted #555555;
	}

	.player_loadingdiv {
		visibility:hidden;
		position:absolute; 
		text-align:center;
		background-color:white;
		padding:10px;
		margin:10px;
		font-size:large;
		color:black;
		border:1px solid #dddddd;
	}

/* Paginator used on the podcast player to move between pages of podcast items */	
	
	.player_paginator { 
		padding: 10px 10px 10px 10px; 
		margin:0px;
		font-size:80%;
	}
	.player_paginator a, .pageList .this-page, { 
		padding: 2px 6px; 
		border: solid 1px #333; 
		text-decoration: none; 
	}
	.player_paginator .this-page { 
		padding: 2px 6px;
		font-weight: bold; 
		background: #999; 
		color: black; 
	}
	.player_paginator a:hover {
		color: black; 
		border-color: #333; 
		text-decoration: none;
	}
	.player_paginator .disabled {
		padding: 1px 6px;

	}

/* cover and login popup styles. Cover should cover the entire space of the open 
    window and should act as a backdrop for the loging popup */

	#cover {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background-color: gray;
		opacity: .7;
		filter: alpha(opacity=70);
		z-index: 5;
	}

	#loginpopup {
		
		background-color: white;		
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		z-index: 10;
		padding: 10px;
	}
	#login_popup_frame {
		text-align:center;
		position: absolute;
		top: 100px;
		width:100%;
		z-index: 10;
	}
	.login_popup_message{
		font-weight:bold;
		color:red;
		margin-bottom:5px;
	}


/* END CLIENT BODY*/


/* FORM STYLING */
	select { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #000000;} 
	input { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #000000;} 
	textarea { 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #333333;} 
/* End form styling*/




.listtable td, th{
	padding: 3px 8px 3px 8px;
}

.listtable td {
	background-color: #f2f2f2;
	border: 1px #eaecec solid;
}

.listtable th { 	
	background-color: #e3e3e3;
	border: 1px #dad9df solid;
	text-align:left;
}

.listtable {
	border-collapse: collapse;
	empty-cells: hide;
	font-size:12px;
	color:#333333;
}




// -----------------------------
// STYLES USED FOR THE PODCAST/MEDIA PLAYER



#player_table p{
	font-size:xx-small;
}

#player_tabmenu {
		color: #000;
		border-bottom: 2px solid #cccccc;
		font-size:14px;
		padding-left: 5px;
		padding-top:5px;
		z-index: 10;
		}

	#player_tabmenu a, a.active {
		color: black;		
		border-top: 2px solid #cccccc;
		border-left: 2px solid #cccccc;
		border-right: 2px solid #cccccc;
		padding: 2px 5px 0px 5px;
		text-decoration: none; 
		}

	#player_tabmenu a.active {
		background: white;
		padding-bottom: 4px;}

	#player_tabmenu a:hover {
		color: black;
		background: #abd9eb; }

	#player_tabmenu a:visited {
		color: black; }

	#player_tabmenu a.active:hover {
		background: #abd9eb;
}


//--- END player STYLES
//=============================================


	
// --- END TAB STYLES