/*** Mikeo.designer CSS 8.12.2009  --------------------------------
     colors ----

     #9d9d9d - light grey 
     #74c5f6 - light blue for links 
     #b0e0fd - lighter blue for liks hover
     #b5b5b5 - light grey
     #cdcdcd - light grey buttons
     #3c3c3c - blue for button background
     #242424 - dark grey for general background same as gradient bottom
    
----- list of contetn --------------

     1.1 - background 
     1.2 - channel name, channel info
     1.3 - stream and language choise menus
     1.4 - big offer box / subscription sale
     1.5 - channels choise carusel 
     1.6 - channel display ad overlay
     
			*** channels page
           
     2.1 - filters  
     2.2 - channels on channels page
     2.3 - channels little icons 

     2.4 - channels pagination
     
     3.1 - widgets  general
     3.2 - widgets on channels and home page
     4.1 - free channels overwrite
     4.2 - search user added 
     4.3 - user added channels list
     
     5.1 - footer 
     6.1 - user added channel show page
     
     7.1 - generic
     7.2 - CSS3 webkit goodnesss
     
			*** home page
     		
     8.1 - home page iterations
    
			*** services page
            
     9.0 - services page typography
	 9.1 - services buttons
	 9.2 - services premium channels
	 9.3 - services premium channels
	 
			*** advertise with us page
            
     9.4 - tabs sections

	 

/*** 1.1 - background ------------------------------------------------------
***/


     #gradient_bg {
     	background:url("/images/channels/gradient.jpg") repeat-x #242424;
     	color:#fff;
     	padding:30px 0 0 0;
     	text-align:left;
     	border-top:1px black solid;
     	margin-top:-20px;
     }
     
     

/*** 1.2 - chanel name, channel info  ---------------------------------------
***/


    #gradient_bg h1 {font-size:2.5em;}
    #gradient_bg h1 span.smaller{font-size:0.72em;display:block;}
    #channelMediaPlayer {width:620px;height:398px;background:#000000;}
    #channelMediaPlayer img.ident { width:620px; height: 396px;}

    #media_player p {padding:0 30px; font-size:1.2em; color:#9d9d9d;line-height:1.5em; text-align:center;}
    #media_player p:first-child {padding-top:150px;}
    #channelMediaPlayer p.media_player_noscript{
      position:absolute;
      padding:10px 0px;
      top:358px;
      color:black;
      text-align:center;
      width:620px;
      background:#9d9d9d;
    }


    .channel_area a, .offer_undo a, .channel a {color:#74c5f6;}
    .channel_area a:hover, .offer_undo a:hover, .channel a:hover  {color:#b0e0fd;}
    .channel_area {height:149px;}
    .channel_area p {padding-top:5px; color:#b5b5b5;}
    
    .channel_area ul.styled_list {list-style-image:url("/images/channels/tick.gif"); margin-top:5px;}
    .channel_area ul.styled_list li {line-height:1.4em; margin-left:25px;}
    .channel_area h3 {margin-top:10px; font-weight:bold;}
    
    .channel_area #twitter_profile_widget {margin-top:10px;}
    .channel_area #twitter_profile_widget .twtr-doc {-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);}  
    .channel_area #twitter_profile_widget .twtr-hd {display:none !important;}  
    .channel_area #twitter_profile_widget .twtr-timeline {padding-top:5px;}      
    
    p.no_margin {margin-top:0 !important; padding-top:0 !important;}
    
    .lighter_grey, .channel_area ul, .channel_area h3  {color:#e7e7e7;}

/*** 1.3 - stream and language choise menus -----------------------------------
***/

ul.switch {margin:10px 0; clear:both;}
ul.switch li {position:inline; float:left; width:25%; text-align:center;}
ul.lang {font-size:0.9em}
ul.switch li a {
	background:url("/images/channels/switch_bg.gif") repeat-x;
	margin-top:1px;
	height:28px; line-height:28px;
	color:#FFF; display:block;
	border-left:#3e3e3e solid 1px;
	border-right:#656464 solid 1px;
	outline:none;
	color:#cdcdcd;
}
ul.switch li a img {vertical-align:middle;}
ul.switch li.left_round a, ul.switch li:first-child a{
	background:url("/images/channels/left_round.gif") no-repeat; border-left:none;} 
ul.switch li.right_round a, ul.switch li:last-child a{
	background:url("/images/channels/right_round.gif") no-repeat; border-right:none;} 
ul.switch li.left_round a:hover, ul.switch li:first-child a:hover{
	background:url("/images/channels/left_round_hover.gif") no-repeat; border-right:#4b4b4b solid 1px; border-left:none;}
ul.switch li.right_round a:hover, ul.switch li:last-child a:hover{
	background:url("/images/channels/right_round_hover.gif") no-repeat; border-left:#333232 solid 1px; border-right:none;}
ul.switch li a:hover {background:url("/images/channels/switch_bg_hover.gif") repeat-x;  border-left:#333232 solid 1px; border-right:#4b4b4b solid 1px; color:#fff;}


ul.switch li a.current {background:url("/images/channels/switch_bg_current.gif") repeat-x; color:#fff; border-left:#1a416a solid 1px; border-right:#1878c4 solid 1px;}
ul.switch li.left_round a.current, ul.switch li:first-child a.current {background:url("/images/channels/left_round_current.gif") no-repeat; border-right:#1878c4 solid 1px; border-left:none; color:#fff;}
ul.switch li.right_round a.current, ul.switch li:last-child a.current {background:url("/images/channels/right_round_current.gif") no-repeat; border-left:#1a416a solid 1px; border-right:none; color:#fff;}

div.dimmer{
  padding-top:3px;
  float:left;
}
a.dim_the_lights{
  background:url('/images/channels/lightbulb.gif') no-repeat 0px 2px;
  color:#B5B5B5;
  font-size:0.8em;
  padding-top:4px;
  padding-left:15px;
}

div#channel_allowed{
  float:right;
  padding-top:3px;
  text-align:right;
  width:330px;
  font-size:0.8em;
}
div#channel_allowed p{
  padding-top:4px;
  color:#B5B5B5;
  
}


/*** 1.4 - big offer box / subscription sale ---------------------------------
***/



.offer {
	background:url("/images/channels/offer_box.png") no-repeat;
	width:940px;
	height:102px;
	margin-top:10px;
}

.offer h2 {padding:30px 7px 0 12px; font-size:1.2em;}
.offer p {padding:5px 20px 0 12px;font-size:1em;color:#b5b5b5;}
.offer_undo {text-align:center; padding-top:15px;}

a.no_thanks {
	display:block;
	width:46px;
	height:14px;
	background:url("/images/channels/close_spr.gif") no-repeat;
    float:right;
    margin:1px 3px 0 0;
}

a.no_thanks:hover {background-position:0 -14px;}

a.start_trial {
	background:url("/images/channels/start_trial_spr.png") no-repeat;
	width:279px;
	display:block;
	height:50px;
	margin:18px 9px 0 9px;
}

a.start_trial:hover {background-position:0 -50px;}




/*** 1.5 - channels choise carusel -----------------------------------------------
***/




#channels_scrollable{
  position:relative; 
  width:940px;
  margin-left:10px;
  height:220px;
  overflow:hidden;
}
#channels{
  position:absolute; 	
  width:20000em;
}



.channel {
	background:url("/images/channels/channel_box_spr.png") no-repeat;
	width:140px;
	height:195px;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
}
.channel:hover {background-position:-140px 0;}


.small_play {
	position:absolute; 
	top:47px; 
	left:60px; 
	opacity:.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
}

.channel:hover .small_play{	
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; /* opacity fix for IE */
	filter: alpha(opacity=100) !important; /* opacity fix for IE */
}

.mini_player .small_play img{width:20px; height:20px;}


#channels .grid_2 {margin-left:0; margin-right:20px;} /** margins fix **/


.mini_player {
	margin-top:15px;
	width:116px;
	height: 78px;
	margin:12px 11px 6px 11px;
}

.mini_player img {width:116px;}

.channel h2, .channel p {
	margin:0 12px; 
	overflow:hidden; 
	width:116px; 
}
.channel h2 {font-size:0.9em !important; padding-top:0; margin-top:0; font-weight:normal;} 

.channel:hover h2 a, .channel h2 a:hover {	color:#b0e0fd;}
.channel h2 a {	color:#74c5f6;font-weight:bold;}

.channel p {font-size:0.75em; padding-top:5px !important; color:#b5b5b5; 	
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin:0 12px 10px 12px; 
	height:60px;
}

.channel:hover p {color:#fff;}
.arrows {position:relative;}
.arrows a.left, .arrows a.right {display:block; width:16px; height:50px; position:absolute; top:-135px; outline:none;} 
.arrows a.left {background:url("/images/channels/arrows_sprite.gif") no-repeat; left:-15px; }
.arrows a.right {background:url("/images/channels/arrows_sprite.gif") -16px 0 no-repeat; right:-15px;}
.arrows a.left:hover {background:url("/images/channels/arrows_sprite.gif") 0 -50px no-repeat;}
.arrows a.right:hover {background:url("/images/channels/arrows_sprite.gif") -16px -50px no-repeat;} 
.arrows a.left.disabled, .arrows a.right.disabled { display: none;}


#collapse_btn {width:100%; display:block; margin-top:15px;}
a.collapse_btn, a.expand_btn{
	width:100%;
	height:16px;
	color:#000;
	border-top:1px solid #3a3a3a;
	background:url("/images/channels/hide_channels_sprite.gif") #000 top center no-repeat;
	display:block;
}
a.collapse_btn:hover, a.expand_btn:hover{	background:url("/images/channels/hide_channels_sprite.gif") center -16px #555  no-repeat;} 
a.expand_btn{background:url("/images/channels/expand_sprite.gif")top center no-repeat #000;}
a.expand_btn:hover{ background:url("/images/channels/expand_sprite.gif") center -16px no-repeat #555;}

.channel_area p.white {color:white;}
.channel_area p.white a:link.white{color: white;}

.channel_area h3 {font-size:1.2em;}

/*** 1.6 - channel display ad overlay -----------------------------------------------
***/

.overlay_advert{
  width:inherit;
  height:inherit;
  position:relative;
}

.adWrapper{
  position:absolute;
  width:inherit;
  height:inherit;
  top:10%;
  left:20%;
}

.adUnit{
  position:relative;
  width:375px;
  height:320px;
  text-align:center;
  padding:3px;
  background:url('/images/banner_background.png') repeat transparent;
  border:1px ridge #999999;
}

.adUnit .adTimer{
  position:absolute;
  left:25%;
  font-size:0.8em;
}

.adUnit .close{
  text-align:right;
  padding:0px 3px 3px 0px;
  font-size:0.8em;
}
.adUnit .close a{
  text-decoration:none;
  color:#000000;
}
.adUnit .close a:hover{
  color:#404040;
}

/*** channels page ----------------------------------------------------
/*** 2.1 - filters  (toggle tags on channels page) -----------------------
***/




.filters {
	width:100%; 
	background:#3c3c3c;
	height:26px;
	margin-bottom:20px;
	margin-top:9px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.filters ul, .filters p {float:left;font-size:0.9em;color:#d1d1d1;}
.filters ul:first-child {margin-left:5px;}
.filters p {padding-top:5px; margin-left:20px;}
.filters ul li {margin:4px 2px; float:left; padding:0; display:inline;}

/* sliding doors for little button ------------------------ */

.filters ul li a {background:url("/images/channels/s_btn_l.gif") no-repeat;
height:17px;
line-height:15px;
padding:0 6px;
position:relative;
margin:0;
color:#ededed;
float:left;
}
.filters ul li a span {width:6px; height:17px; position:absolute; right:0; 
background:url("/images/channels/s_btn_r.gif") 0 0 no-repeat;
}

.filters ul li a:hover, .filters ul li a:hover span  {background-position:0 -17px;}
.filters ul li a.current, .filters ul li a.current span  {background-position:0 -34px;}

.filters ul li input{display:none;}
.filters ul li a:hover {color:#fff;}




/*** 2.2 - channels on channels page ----------------------------------------
***/




.channels_page #gradient_bg {
	background:url("/images/channels/gradient.jpg") 0 -140px repeat-x #242424; /* moved gradient for darker background */
}


.black_thik_line {
	width:100%;
	height:16px;
	color:#000;
	border-top:1px solid #3a3a3a;
	background:#000;
	display:block;
}

.channels_big .channel {
	width:220px; 
	height:252px;
	background:url("/images/channels/channel_bbox_spr.png") no-repeat;
	margin-top:0;
	margin-left:10px;
}

.channels_big .channel:hover {
	width:220px; 
	height:252px;
	background:url("/images/channels/channel_bbox_spr.png") -220px 0 no-repeat;
}

.channels_big .mini_player {
	position: relative;
	width:200px;
	height: 134px;
	margin:12px 10px 6px 10px;
}

.channels_big .mini_player img {width:auto; padding:0; margin:0;}
.channels_big .mini_player .small_play { position:absolute; left: 46%; top: 40%;}

.channels_big .channel h2 {font-size:1.15em; padding-top:5px; padding-bottom:5px;width:auto;} 
.channels_big .channel p{width:auto;}
.channel_big p {font-size:0.75em; padding-top:5px; color:#414141;}





/*** 2.3 - channels little icons and languages on channels page ----------------------
***/





.channels_big .channel a.iphone_app {
	background:url("/images/channels/iphone_app.gif") no-repeat;
	width:82px;
	height:16px;
	position:absolute;
	bottom:0;
	right:12px;
}

.channels_big .channel a.iphone_app span{display:none;}


.channels_big .channel ul.languages {
	position:absolute;
	bottom:0;
	left:12px;
	-moz-border-radius:5px 5px 0 0;
  	-webkit-border-radius:5px 5px 0 0;
  	border-radius:5px 5px 0 0;
  	border:1px solid #303030;
  	background:#585757;
  	font-size:0.8em;
  	height:14px;
	
}

ul.languages li 
{
	float:left;
	display:inline;
}

ul.languages li a {color:#fff; height:14px; padding:0 5px; line-height:13px; float:left;}
ul.languages li a:hover {color:#fff; background:#454545; }
ul.languages li {border-left: 1px solid #303030; border-right:1px solid #6a6a6a;}
ul.languages li a.current {background:#3576b1;}
ul.languages li:first-child {border-left:none; }
ul.languages li:last-child {border-right:none;}

ul.languages li:first-child a {	
	-moz-border-radius-topleft:5px;
  	-webkit-border-radius-topleft:5px;
  	border-radius-topleft:5px;}
  	
ul.languages li:last-child a {
	-moz-border-radius-topright:5px;
  	-webkit-border-radius-topright:5px;
  	border-radius-topright:5px;
}





/*** 2.4 - channels pagination ------------------------------------------------------
***/




.channels_pagination {
	width:940px;
	height:28px;
	background:url("/images/channels/pagination.gif") no-repeat;
	margin-left:10px;
	margin-bottom:20px;
	position:relative;
}

.channels_pagination .numbers {float:left; border-left:1px solid #292929;}

.channels_pagination a, .channels_pagination span  {color:#b8b8b8; line-height:27px; position:relative; float:left; padding:0 15px; font-size:1.2em; border-right:1px solid #292929;}
.channels_pagination span {color:#7e7e7e;}

.channels_pagination a:hover {color:#fff;}
.channels_pagination a.previous {}
.channels_pagination a.next {float:right; border-left:1px solid #292929;}
.channels_pagination a.previous span, .channels_pagination a.next span {display:none;}

.channels_pagination a.prev_page, .channels_pagination span.prev_page,  .channels_pagination a.next_page, .channels_pagination span.next_page {
	width:85px; 
	height:28px;
	padding:0;
	text-align:center;
	font-size:1em;
}

.channels_pagination a.next_page, .channels_pagination span.next_page {	
float:right; border-left:1px solid #292929;
border-right:none;
}

.channels_pagination a:hover{background:url("/images/channels/pagination_hover_.gif") repeat-x;}
.channels_pagination span.current {background:url("/images/channels/pagination_current_.gif") repeat-x; color:#fff;}
.channels_pagination a.prev_page, .channels_pagination a.next_page {
	background:url("/images/channels/previous_next_pages.gif") no-repeat;
	width:85px; 
	height:28px;
}

.channels_pagination a.next_page {background-position:-85px 0;}
.channels_pagination a.prev_page:hover {background-position:0 -28px;} 
.channels_pagination a.next_page:hover {background-position:-85px -28px;;}




/*** 3.1 - widgets  general -------------------------------------------------------------------
***/




#widgets{
padding:20px 0; 
width:100%;
background:url("/images/channels/widgets_bg.jpg") #fff repeat-x bottom;
border-bottom:3px solid #d3d3d3;
margin-bottom:20px;
}


/*** 3.2 - widgets on channels and home page -----------------------------------------------------------
***/


.channels_page #widgets, .home_page_widgets, .products #widgets {text-align:left; margin-bottom:0; padding-bottom:0;}
.channels_page #widgets h2, .home_page_widgets h2, .products #widgets h2{font-size:2em;
	color:#000;
}
.channels_page #widgets p, .home_page_widgets p, .products #widgets p{margin-top:0.5em;
	font-size:1.15em;
	line-height:1.3em;
	color:#565656;
}


.channels_page ul.download_huge li h2 a, .home_page_widgets ul.download_huge li h2 a, .products #widgets li h2 a{
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent url(/images/channels/download-button-medium.png) no-repeat scroll 0 0;
color:#FFFFFF;
display:block;
height:0 !important;
overflow:hidden;
padding-top:110px;
width:290px;
margin-top:10px;
}

.channels_page ul.download_huge li h2 a:hover {
background-position:0 -110px !important;
}
.channels_page .app_store_upsale, .home_page_widgets .app_store_upsale, .products #widgets .app_store_upsale {margin-top:30px;}

#widgets.home_page_widgets {background:#fff; border-bottom:none;}



/*** 4.1 - free channels overwrite --------------------------------------------------------------------------
***/



#panel_bottom, .column_750, .tab_panel    
{margin:0; padding:0; width:100%;}

.user_added {text-align:left;}
.user_added h3 {font-size:2em; margin:0 0 10px 0;}

#gradient_bg .message {background:#000;border:1px solid #333; padding:7px 0; margin-bottom:0;}
#gradient_bg p.message {margin-bottom:0;}

#gradient_bg.user_added_ch .channel_area h1 {font-size:2em;}
.user_added_ch .channel_area {overflow:hidden; position:relative;}
 
.user_added_ch p a.add_ch_btn  {
	background:url("/images/channels/big_blue_btn_l.gif") no-repeat; 
	color:#fff; 
	height:35px; 
	line-height:35px; 
	display:block; 
	float:left; 
	padding:0 2px 0 10px;
  	margin:5px 0;
  	font-size:1.15em;
  	position:relative;
}

.user_added_ch .show_more {
	position:absolute; 
	bottom:2px; right:0; 
	width:100%; 
	background: #000; 
	width:80px; 
	text-align:center;   	
	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-radius:5px;}
  	
.user_added_ch .show_more a {padding:5px; line-height:20px; height:20px; }
.user_added_ch p a.add_ch_btn span {
	width:8px; height:35px;
	position:absolute; right:-8px; top:0;
	background:url("/images/channels/big_blue_btn_r.gif") no-repeat;
} 

.user_added_ch p a.add_ch_btn:hover, .user_added_ch p a.add_ch_btn:hover span {
	background-position:0 -35px;
}
.clear_left {clear:left;}





/*** 4.2 - search user added channels Form Elements --------------------------------------
***/


.search_options label {display: block; width:95px; color:#000; margin-left:20px; font-size:1em;
  text-align:right;margin-right:10px;
}

.search_options input,
.search_options textarea,
.search_options select {
  padding: 3px 2px;
  font: 400 1em verdana, sans-serif;
  color: #444;
  background: #EEE;
  border: 1px solid #999;
}

.search_options input:focus,
.search_options input:hover,
.search_options textarea:focus,
.search_options textarea:hover,
.search_options select:focus,
.search_options select:hover {
  color: #000;
  background: #E4F7FA;
  border: 1px solid #00DFFF;
}

.search_options { background: #d4d4d4; padding: 15px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #c5c5c5; }
.search_options p { display: inline; float: left; width: 50px; margin: 3px 0px 0px 0px; }
.search_options form { display: inline; margin: 0px; padding: 0px; border: none; background: none; }
.search_options form fieldset { margin: 0px; padding: 0px; border: none; background: none; }
.search_options form fieldset legend { font-size: 0.85em; padding-left: 5px; }
.search_options form fieldset ul { list-style: none !important; margin: 0px; padding: 0 10px; }
.search_options form fieldset ul li { margin-left:5px;}
.search_options form fieldset ul li small { margin: 0px; padding: 0px; }
.search_options form fieldset ul li small.arrow_down { background: url('/images/icons/bullet_arrow_down.gif') no-repeat center right; padding-right: 15px; margin-top: 4px; }
.search_options form fieldset ul li small.arrow_up { background: url('/images/icons/bullet_arrow_up.gif') no-repeat center left; padding-right: 15px; margin-top: 4px; }
.search_options form fieldset ul li input { background-image: none; }
.search_options ul:first-child li:last-child {width:400px;}

.search_options form fieldset ul li input#query, .search_options form fieldset ul li select {width:304px;}

.search_options form fieldset ul li select#sort, .search_options form fieldset ul li select#sort_direction  {width:152px;}



/*** 4.3 - user added channels list --------------------------------------------------------------------------
***/

.stream_list { position: relative; min-height: 110px; }
.stream_list.partner { background-color: #fff48c; }
.stream_list h3 { font-weight: bold; font-size: 1.3em; margin-bottom: 5px; }
.stream_list h3 a { color: #004d99; }
.stream_list h3 a:hover { color: #7a0000; }
.stream_list p.tag small.fixed_width { margin-top: 6px; display: block; overflow: hidden; white-space: nowrap; width:280px; }

.stream_list p.tag small.fixed_width.tag_icon { background-image: url('/images/icons/tag_yellow.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 20px; height: 16px; }
.stream_list .stream_list_thumbnail { width: 132px; height: 97px; background-color: #000000; float: left; margin: 5px 10px 5px 5px; text-align: center; padding-top: 2px; }
.stream_list .stream_list_thumbnail.no_preview { background-image: url('/images/icons/no_preview_132px.gif'); background-repeat: no-repeat; background-position: center; background-color: #000000; }
.stream_list .stream_list_thumbnail a { display: block; height: 95px; vertical-align: middle; }
.stream_list .stream_list_thumbnail a img { width: 128px; }
.stream_list div.tag_form { position: absolute; left: 145px; width: 280px; background: #ffffff; border: 1px solid #d6d6d6; z-index: 99999; }
.stream_list div.tag_form form.inline_tag { padding: 0px; margin: 0px; border: none; }

.stream_list_thumbnail  {float:left; width:140px;}
.stream_list ul.options {position:absolute; right:0; top:10px; width:140px; height:100px; padding:5px 0; background:#e4e4e4; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.stream_list ul.options li { margin-bottom: 3px; list-style: none; margin: 0 7px; }
.stream_list ul.options li.play { background-image: url('/images/icons/control_play.gif'); background-repeat: no-repeat; background-position: 3px; padding: 3px 3px 3px 21px; margin-right: 10px; color: #101010; }
.stream_list ul.options li.add { background-image: url('/images/icons/add.png'); background-repeat: no-repeat; background-position: 3px; background-color: #d6e7b2; padding: 3px 3px 3px 21px; margin-right: 5px; margin-bottom: 5px; color: #101010; }
.stream_list ul.options li.ratings { margin-bottom: 5px; clear: left; }



ul.tag_chain { margin: 0px 0px 0px 0; width:600px;}
ul.tag_chain li { float: left; margin-left: -10px; margin-top:8px;}
ul.tag_chain li a { margin: 0px 5px; }
ul.tag_chain li a span { padding: 0px 10px 0px 15px; background-image: url('/images/icons/tag_chain.gif'); background-position: top left; background-repeat: no-repeat; background-color: #f1f1f1; }


form.inline_tag fieldset { padding: 0px; margin: 0px; border: none; }
form.inline_tag fieldset ul { margin: 0px; padding: 5px 5px 0px 5px; }
form.inline_tag fieldset ul li input { width: 210px; }
form.inline_tag fieldset ul li input.commit { width: auto; margin-left: 0px; }
form.inline_tag fieldset ul li small { margin-left: 0px; }

.stream_list {text-align:left; padding:10px 0; position:relative; width:620px; }
.stream_list h3 {font-size:1.5em;}
.stream_list h3, .stream_list p {width:40%; float:left;}




/*** 5.1 - footer ------------------------------------------------------*/


#wrapper #main #footer { clear: both; padding: 60px 0px 20px 0; margin: 0px 20px 0px 0px; background-image: url(/images/footer_gradient.gif); background-repeat: repeat-x; background-position: center top; background-color: #282828; font-family: "Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 1.15em; color: #666666; width: 100%; }
#wrapper #main #footer a { color: #ffffff; }
#wrapper #main #footer p.copyright { font-size: 0.85em; margin-top: 10px; color: #ffffff; }



/*** 6.1 - user added channel show page  -------------------------------------------------------
***/


.user_added_ch .message {background:#000;border:1px solid #333; padding:7px 0; margin-bottom:0;}
.user_added_ch p.message {margin-bottom:0;}

#gradient_bg.user_added_ch .channel_area h1 {font-size:2em;}
.user_added_ch .channel_area {overflow:hidden; position:relative;}
 
.user_added_ch p a.add_ch_btn {
	background:url("/images/channels/big_blue_btn_l.gif") no-repeat; 
	color:#fff; 
	height:35px; 
	line-height:35px; 
	display:block; 
	float:left; 
	padding:0 2px 0 10px;
  	margin:5px 0;
  	font-size:1.15em;
  	position:relative;
}

.user_added_ch .show_more {
	position:absolute; 
	bottom:2px; right:0; 
	width:100%; 
	background: #000; 
	width:80px; 
	text-align:center;   	
	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-radius:5px;}
  	
.user_added_ch .show_more a {padding:5px; line-height:20px; height:20px; }
.user_added_ch p a.add_ch_btn span {
	width:8px; height:35px;
	position:absolute; right:-8px; top:0px;
	background:url("/images/channels/big_blue_btn_r.gif") no-repeat;
} 

.user_added_ch p a.add_ch_btn:hover, .user_added_ch p a.add_ch_btn:hover span {
	background-position:0 -35px;
}





/*** 7.1 generic ---------------------------------------------------------------------------------
***/



span.hide {display:none;}
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width: 0; height:0;}
a, a img {outline:none;}
.clear_left {clear:left;}


a.huge_btn {
	background:url("/images/channels/huge_btn.gif") no-repeat; 
	color:#fff; 
	height:50px; 
	line-height:50px; 
	display:block; 
	float:left; 
  	margin:5px 0;
  	font-size:15px;
  	font-weight:bold;
  	position:relative;
  	width:286px;
  	text-align:center;
  	padding-left:8px;
  	letter-spacing:-0.5px;
  	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}


  	
a.huge_btn span {
	width:8px; height:50px;
	position:absolute; right:-8px; top:0;
	background:url("/images/channels/huge_btn.gif") -312px 0 no-repeat;
} 

a.huge_btn:hover span {
	background-position:-312px -50px;
}

a.huge_btn:hover {
	background-position:0 -50px;
}


/*** 7.2 CSS3 webkit goodnesss  -------------------------------------------------------------------
***/



.channel, .shadow {
	-webkit-box-shadow: 0 0 10px 0 #242424;
  	-moz-box-shadow: 0 0 10px 0 #242424;
  	box-shadow:0 0 10px 0 #242424;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-radius:5px;
 }


#media_player {
	-webkit-box-shadow: 0 0 10px 0 #242424;
  	-moz-box-shadow: 0 0 10px 0 #242424;
  	box-shadow:0 0 10px 0 #242424;
 } 
 
/*** 8.1 home page iterations  services page  -------------------------------------------------------------------
***/


#gradient_bg.home_page {
	/*margin-top:0 !important;*/
}

#footer.channels {
 	margin-top:0;
 	padding-top:0;
}

.channel_area.home_page h3, .channel_area.home_page p {margin-top:1em !important;}

.channel_area.home_page h1{font-size:2.7em !important; font-weight:bold; color:#5bbcff; letter-spacing:-1px;}
.channel_area.home_page h2{font-size:1.8em !important; font-weight:bold; color:#5bbcff}
.channel_area.home_page h3{font-size:1.8em !important; letter-spacing:-1px;}
.channel_area.home_page p{font-size :1em !important;}



/*** services page ***/

/*** 9.0 services page typography  -------------------------------------------------------------------
***/
.services_intro {height:322px;}

.services #gradient_bg {background-position:0 -200px; border-bottom:5px solid #000; padding:0 !important;}
.services #gradient_bg img {margin-top:20px; padding-bottom:0;}


#panel_mid.services {background:#f1f0f0 !important;}

.services_intro h1{font-size:34px !important; font-weight:bold; color:#5bbcff; letter-spacing:-2px; line-height:1em; margin-top:30px;}
.services_intro h2{font-size:1.8em !important; font-weight:bold; margin-top:30px; font-weight:normal;}
.services_intro h3{font-size:1.8em !important; letter-spacing:-1px;}
.services_intro p{font-size :1em !important; margin:20px 0 0 0; letter-spacing:-0.5px;}

.services_content {text-align:left;}

.services_content h1, .services_content h2 {letter-spacing:-1px;}
.services_content h1 {font-size:3em !important; margin-top:0.7em;}
.services_content h2 {font-size:2em !important; margin-top:15px; }
.services_content p  {font-size:1.1em !important; line-height:1.5em; color:#5b5b5b; margin-top:0.7em}

.services_content .green h1, .services_content .green a {color:#8fb800;}
.services_content .blue h1, .services_content .blue a {color:#3db0ff;}

.services_content .green h2 {background:url("/images/channels/services_separator.jpg") top no-repeat; padding-top:40px;}
.services_content .blue h2 {background:url("/images/channels/services_separator2.jpg") top no-repeat; padding-top:40px;}

#panel_mid.services {}


/*** 9.1 services buttons  -------------------------------------------------------------------
***/

a.button_mid, input.button_mid {
	height:35px; 
	line-height:35px; 
	display:block; 
	float:left; 
	padding:0 2px 0 10px;
  margin:5px 0;
  font-size:1.15em;
  position:relative;
  color:#fff !important;
  margin-right:20px;
  	background:url("/images/channels/big_blue_btn_l.gif") no-repeat;
}

a.button_mid span {
	width:8px; height:35px;
	position:absolute; right:-8px; top:0;
	background:url("/images/channels/big_blue_btn_r.gif") no-repeat;
} 

.green a.button_mid {background:url("/images/channels/green_btn2.gif") no-repeat;}
.green a.button_mid span {background:url("/images/channels/green_btn2_2.gif") no-repeat;}

.blue a.button_mid, {background:url("/images/channels/blue_btn2.gif") no-repeat;}
.blue a.button_mid span {background:url("/images/channels/blue_btn2_2.gif") no-repeat;}

.blue input.button_mid{
  border: none;
  background:url("/images/channels/blue_btn2_full.gif") no-repeat;
  width: 220px !important;
  padding:0 !important;
  margin:0 !important;
  text-align:center;
  font-weight:normal;
  margin-top:5px !important;
  margin-right:10px !important;
}


a.button_mid:hover, input.button_mid:hover, a.button_mid:hover span, input.button_mid:hover span {background-position:0 -35px;}

span.small {font-size:9px !important; margin:0 !important; padding:3px !important; line-height:9px; display:block; color:#5b5b5b;}
img.os_icons {vertical-align:bottom; margin-bottom:0; margin-top:2px;}

/*** 9.2 services premium channels  -------------------------------------------------------------------
***/

.premium_ch  {padding:5px 0 25px 0;}
.premium_ch div {width:49%; float:left; padding:10px 0 0 0;}
.premium_ch div img {float:left; margin-right:7px; border:1px solid #8a8a8a; width:90px; height:60px;}
.premium_ch div p {font-size:11px !important; margin-top:0 !important; line-height:15px !important; padding-right:8px;}
.premium_ch div h3 {font-size:13px;}

.services #panel_bottom {display:none !important;}
.services #footer {background-image:url("/images/channels/footer_gradient.gif") !important; margin-right:0 !important; }

/*** 9.3 services premium channels  -------------------------------------------------------------------
***/

.pro_features {position:relative; padding-top:40px;}

ul#pro_tab_menu{
  margin:0 auto;
  text-align:right; 
  position:absolute;
  top:24px;
  background:#7c7c7c;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:#565656 1px solid;
  
}
 ul#pro_tab_menu li{
  display:inline; float:left;
  margin:0; padding:0;
  text-align:center;
  font-size:1.1em;
  z-index:100;
}
ul#pro_tab_menu li a{
  color:#fff;float:left;
  line-height:18px;
  font-size:0.9em;
  padding:0 10px;
  border-right:#565656 1px solid;
  border-left:#8d8d8d 1px solid;
  margin:0;
}

ul#pro_tab_menu li a:hover{
  color:#fff;
  background:#565656;
  border-left:#565656 1px solid;
}
ul#pro_tab_menu li.current{
}

ul#pro_tab_menu li.current a{
  background:#565656;
  border-left:#565656 1px solid;
}

ul#pro_tab_menu li:first-child a, ul#pro_tab_menu li:first-child a:hover, ul#pro_tab_menu li:first-child a.current{border-left:none;}
ul#pro_tab_menu li:last-child a, ul#pro_tab_menu li:last-child a:hover, ul#pro_tab_menu li:last-child a:current{border-right:none;}

       
.feature{
  width:540px;
  margin:0 auto;
  position:relative;
  text-align:left;
  top:-15px;  
  padding-top:40px;
  float:left;
  float:left; 
  display:block; 
}
.livestation_pro.feature div.text_column{
  position:relative;
  top:35px; 
}

div.text_column p {font-size:12px !important; margin-top:0.5em;}



#features .feature h3{
  color:#004D99;
  font-size:1.4em;
  font-weight:bold;
  margin-bottom:5px;
}

#features .feature p{
  margin-bottom: 10px;
  font-size:1.1em;
}

#features .feature img.multiview {
  float:left;
  margin-right:25px;
  margin-bottom:30px;
  margin-left:0;
  width:270px;
}


#features .feature img.no_ads{
  margin:0 20px -20px 0;
  width:400px;
}   
   
#features .feature img.chat_pro{
  float:left;
  margin-right:33px;
  margin-left:0;
  width:300px;
}  

    
#features .feature img.network_pro{
  float:right;
  margin:10px -15px 20px 0;
  width:350px;
}  

#features .feature img.upgrades{
  margin-top:10px;
  margin-right:-20px;
  margin-left:5px;
}           
#scrollable{    
  position:relative; 
  overflow:hidden; 
  clear:both; 
  height:300px;
  margin:0 auto;
}
#scrollable #features{
  width:20000em; 
  position:absolute; 
  clear:both; 
  margin:0; 
  padding:0; 
}
.livestation_pro div.paging{
  position:absolute;
  top:0px;
  display:none;
}

#network_pro_overlay{
  display:none;
  z-index:9999 !important;
  background:#ffffff;
  -moz-box-shadow:0 0 90px 5px #000; 
  -webkit-box-shadow: 0 0 90px #000;  
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  text-align:left;
  height:400px;
  width:600px;
}
#network_pro_overlay .close { 
  background-image:url(/images/overlay/apple-close.png); 
  position:absolute; 
  right:-11px; 
  top:-11px; 
  cursor:pointer; 
  height:28px; 
  width:28px; 
}
#network_pro_overlay h3{
  color:#004D99;
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:10px;
}
#network_pro_overlay h4{
  color:#004D99;
  font-size:1.0em;
  font-weight:bold;
  margin-bottom:10px;
}
#network_pro_overlay p{
  margin-bottom:10px;
}

ul.cdn_channels li{
  float:left;
  margin-right:10px;
}
.scrolling_area{
  overflow-y:scroll;
  height:360px;
  padding:20px;      
}


/*** advertizing with us ***/

/*** 9.4 services premium channels  -------------------------------------------------------------------
***/

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	float:left;
	padding-top:55px;
}

/* single tab */
ul.tabs li { 
	display:block;
	width: 315px;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	padding-left:0;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:16px;
	display:block;
	height: 35px;  
	line-height:35px;
	width: 313px;
	text-align:left;
	text-decoration:none;
	color:#727272;
	padding-left:12px;
	margin:0px;	
	position:relative;
	top:1px;
	margin-left:-10px;
	border-bottom:1px solid #e2e2e2;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#000;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background:#e2e2e2;
	font-size:16px;
	
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

div.panes {
	border:#e2e2e2 10px solid;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#fff;
	width: 605px;
	min-height:380px;
	float:right;
}


div.panes p, div.panes h2, div.panes h3 {padding:0 15px;}
div.panes dl {margin:15px 15px; color:#727272; }

.ad_page h1 {color:#3db0ff !important; font-size:30px !important;}
.ad_page h3 {font-size:18px; margin-top:15px;}
.ad_page .panes h2, .ad_page .panes h3 {color:#ff7e00 !important;}
.ad_page h2.large {color:#3db0ff; text-align:center; font-size:28px !important; margin-top:30px;}

.audience, .opportunities {position:relative; margin-top:30px;}
.audience h1.tabs_header, .opportunities h1.tabs_header {position:absolute !important; left:0px; top:0px; margin-top:0;}

.channels_ad img {width:140px; border:2px solid}

.opportunities .text  {float:left; width:35%}


.floatLeft {float:left;}
h2.advertizing_page {font-size:18px !important; padding-right:30px; color:#dadada;}
img.advert_places {float:left; margin:5px 0 0 0px;}