/* CSS Stylesheet written by Romi Dumitrescu at Adworks Media -- www.adworks.ro */
/* Copyright 2008 Adworks Media, All Rights Reserved */
/* Have a nice day! */

/* VERSION 1.01 */
/* Last modified: 27/May/10 - 19:40 */


/*
	TABLE OF CONTENTS
	----------------------------------------------------------------
	01. Reset
	02. General
	03. General Type
	04. Main Containers
		a) Regular Layout
		b) Screenpage Layout Main containers
		c) Grid
	05. User Interface Elements
		a) Sprites
		b) Buttons
		c) Form elements
		d) Messages
	06. Header Navigation
		a) Regular Layout
		b) Screenpage Layout
	07. Homepage Specific Elements
	08. Login and Create Account Panels
	09. Footer
	10. Screenpage Specific Elements
		a) Videoplayer
		b) Channel List
		c) Search Hints Ajax Dropdown
		d) Favorites List
		e) EPG List
		f) Twitter List
	11. Inner Pages
		a) Create Account Steps
		b) Credit
		c) Packages + Channel List
		d) SNAP
	12. Other General elements	
		a) Ajax Loader
		b) IE6 Hate Box
		c) Ads
		d) Support Box
	----------------------------------------------------------------
 */

 
 
/*==================================================================
	RESET 
================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot { margin: 0; padding: 0; border: 0; outline: 0; }
table, tr, th, td { margin: 0; padding: 0; outline: 0; font-size: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
ins { text-decoration: none; }/* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */



/*==================================================================
	GENERAL
================================================================== */
html, body { }
body { overflow:-moz-scrollbars-vertical; }
a img { border: 0px; }
img.centered { display: block; margin: 0 auto;}
small { font-size: 10px; line-height:14px; } 
big { }
img { -ms-interpolation-mode: bicubic; } /* IE will rander html resized images decent */

.clear { clear:both; }
div.clear { height: 0; clear: both; width: 100%; font-size: 0;line-height: 0; } /* fix for older browsers */
#wrapper div.clear { height: 0px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; display: block; }
* html .clearfix { height: 1%;}

.right { float: right; }
.left { float: left; }

#wrapper img { vertical-align:middle; }
.disabled { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; cursor:default; }


/*===== SPECIFIC ======*/
div.rull { height:1px; line-height:1px; font-size:1px; display:block; border-bottom:1px solid #666; clear:both; }
div.rull.dark { border-bottom:1px solid #454545; }
div.rull.margin { margin: 30px 0 50px 0; }
div.rull.triple { border-bottom:3px solid #666; }

.white { color: #fff; }
.orange { color: #ff6600; }
.green { color:#99cc33; }
.lightgrey { color:#ccc; }
.lightblue { color:#3399cc; }
.darkgrey { color:#252525; }



/*==================================================================
	TYPE 
================================================================== */
body { font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; }
a { color:#fff; text-decoration:none; cursor:pointer; cursor:hand; }
a:hover { text-decoration:none; text-decoration:underline; }

@font-face {  
	  font-family: "FuturaTEEMed";
	  src: url(../type/FuturaTEEMed.eot); /* IE */  
	}  

@font-face {  
	  font-family: "FuturaTEEMed";
	  src: url(../type/FuturaTEEMed.ttf) format("truetype"); /* non-IE */  
	} 
	
.orange-btn span, .blue-btn span, .green-btn span, .green-blk-btn span, ul.channel-list li a.list-category, .pachet h2 { -khtml-text-shadow: 0px 0px 2px rgba(0,0,0,0.2); -moz-text-shadow: 0px 0px 2px rgba(0,0,0,0.2); -webkit-text-shadow: 0px 0px 2px rgba(0,0,0,0.2); }

h1 { font: normal 36px/40px "FuturaTEEMed", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; letter-spacing:-1px; }
h2.default { font: normal 24px/28px "FuturaTEEMed", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; letter-spacing:-1px; }
h3.default { font: normal 18px/22px "FuturaTEEMed", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; letter-spacing:-1px; }

.regular-box h2 { font: normal 24px/26px "FuturaTEEMed", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; letter-spacing:-1px; margin-bottom:15px;  }
p.btn-holder { padding:15px 0; margin-right:3px; }
.regular-box h6 { font:normal 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:15px; }



/*==================================================================
	MAIN CONTAINERS 
================================================================== */
/*===== REGULAR ======*/
body#homepage { background:#333 url(../images/homepage-bg.gif) 0 0 repeat-x; }
body#screenpage { background:#333 url(../images/screenpage-bg.gif) 0 0 repeat-x; }
body#innerpage { background:#333 url(../images/innerpage-bg.gif) 0 0 repeat-x; }
body#popup { background:#333; padding:30px; }

html, body, #wrapper {height: 100%;} /* Sticky footer needs this */
body > #wrapper {height: auto; min-height: 100%;} /* Sticky footer needs this */

#wrapper { width:990px; margin:0 auto; }
#main { padding-bottom:100px; } /* Sticky footer needs this */
#header { position:relative; height:100px; }
#footer { position:relative; margin-top:-100px; /* For sticky footer ofcourse */ height: 100px; clear:both; }


/*===== SCREENPAGE+DEMOPAGE ======*/
body#screenpage #wrapper { width:898px; color:#999; min-height:inherit; }
body#screenpage #wrapper #header { height:74px; }
body#screenpage { height:auto; }
body#screenpage #footer { }
body#screenpage #footer #footer-inner { background:none; }

.main-column { width:548px; float:left; display:inline; position:relative; zoom:1; margin: 30px 30px 0 0; }
.main-column.onecol { width:898px; margin-right:0; }
.sidebar { width:320px; float:left; display:inline; position:relative; zoom:1; margin: 30px 0 0 0; }



/*===== GRID ======*/
.column { display:block; float:left; } 
.x1col { width:135px; margin:0 15px; }
.x2col { width:300px; margin:0 15px; }
.x3col { width:465px; margin:0 15px; }
.x4col { width:630px; margin:0 15px; }
.x5col { width:795px; margin:0 15px; }
.x6col { width:960px; margin:0 15px; }

.column.last { margin-bottom: 0 !important; }
.column, .x1col, .x2col, .x3col, .x4col, .x5col, .column:after, .x1col:after, .x2col:after, .x3col:after, .x4col:after, .x5col:after { zoom:1; } 

.regular-box { padding:30px 0; }



/*==================================================================
	USER INTERFACE 
================================================================== */
/*===== MAIN SPRITES ======*/
.orange-btn,
.blue-btn,
.green-btn,
.green-blk-btn,
.orange-btn span,
.blue-btn span,
.green-btn span,
.green-blk-btn span,
p.fieldbox-blk,
p.fieldbox-blk input,
p.textarea-blk,
p.textarea-blk textarea,
#login-panel a.submit-btn,
em.btn-ico,
div#home-carousel a.next,
div#home-carousel a.prev,
ul.sec-nav li a.logout,
.videoplayer a.play,
.videoplayer a.stop,
.videoplayer a.mute,
.videoplayer a.volume,
.videoplayer a.hq,
.videoplayer a.lq,
.videoplayer a.popup,
.videoplayer a.fullscreen,
.videoplayer a.govlc,
.videoplayer a.goflash,
.videoplayer .volume-bar,
.videoplayer .volume-bar a.vol-segment,
.videoplayer a.small-play,
.videoplayer a.small-stop,
.videoplayer a.small-pause, 
.videoplayer a.forward, 
.videoplayer a.backward, 
.videoplayer a.half,
.videoplayer a.start-rec,
.videoplayer a.stop-rec,
a.dropdown-toggle,
a.dropdown-toggle span,
a.list-channel span.play,
ul.channel-list li a.fav,
ul.channel-list li a.rec,
.favorites-list ul li a.fav,
.epg-list ul li a.sms,
.epg-list ul li a.mail,
.epg-list ul li a.record,
p.fieldbox-blk a.input-ico,
.titlebar span.ico,
.favorites-list ul li a.grabber,
.epg-list ul li a.show span.time,
.twitter-list ul li a.pic,
.twitter-list ul li a.pic span.frame,
.steps span,
span.arrow,
span.msg-ico,
.settings-tabs-holder,
.settings-tabs a,
.settings-tabs a span,
label.dropbox,
label.dropbox span,
div.msg,
div.msg a.close-btn,
a.details span.promotie,
span.checkbox,
span.radiobox,
a.info,
#snap a,
.fancy-pag a,
.epg-list ul li a.play-popup { 
	background-image: url(../images/sprite_gui.png); 
	}
	
.videoplayer,
.channel-list-dropdown,
.titlebar,
.favorites-list ul,
.epg-list ul, 
.twitter-list ul,
ul.droplist,
.hints-dropdown,
small.r, 
small.br, 
small.b,
.ad,
span.topper,
.videoplayer .snapshot { 
	background-image: url(../images/sprite_screenpage_gui.png); 
	}


/*===== ROUND TEXT BUTTONS ======*/
.orange-btn, .blue-btn, .green-btn, .green-blk-btn { cursor:pointer; cursor:hand; line-height:30px; padding-right:30px; vertical-align:middle; display:block; display:-moz-inline-box; display:inline-block;  text-decoration:none; }
.orange-btn span, .blue-btn span, .green-btn span, .green-blk-btn span { height:30px; display:block; display:inline-block; padding-left:30px; font:normal 18px/28px "FuturaTEEMed", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; cursor:pointer; cursor:hand; letter-spacing:-1px; }

a.orange-btn { background-position: right -10px; }
a.orange-btn span { background-position: left -10px; }
a.blue-btn { background-position: right -74px; }
a.blue-btn span { background-position: left -74px; }
a.green-btn { background-position: right -138px; }
a.green-btn span { background-position: left -138px; }
a.green-blk-btn { background-position: right -202px; }
a.green-blk-btn span { background-position: left -202px; }

a.orange-btn:hover { background-position: right -42px; text-decoration:none; }
a.orange-btn:hover span { background-position: left -42px; text-decoration:none; }
a.blue-btn:hover { background-position: right -106px; text-decoration:none; }
a.blue-btn:hover span { background-position: left -106px; text-decoration:none; }
a.green-btn:hover { background-position: right -170px; text-decoration:none; }
a.green-btn:hover span { background-position: left -170px; text-decoration:none; }
a.green-blk-btn:hover { background-position: right -234px; text-decoration:none; }
a.green-blk-btn:hover span { background-position: left -234px; text-decoration:none; }
/* Button icons */
em.btn-ico { display:block; display:-moz-inline-box; display:inline-block;  height:24px; width:24px; text-indent:-10000px; margin-right:7px; margin-left:-10px; }
em.btn-ico.star { background-position: -576px -603px; }
em.btn-ico.comment { background-position: -576px -637px; }
em.btn-ico.money { background-position: -576px -671px; }
em.btn-ico.add { background-position: -576px -705px; }
em.btn-ico.tv { background-position: -576px -739px; }
em.btn-ico.twitter { background-position: -576px -773px; }
em.btn-ico.next { background-position: -576px -807px; }
em.btn-ico.prev { background-position: -542px -807px; }
em.btn-ico.dld { background-position: -508px -807px; }
em.btn-ico.gear { background-position: -474px -807px; }


/*===== INPUTS&FORMS ======*/
/* Containers */
fieldset { display:block; padding-bottom:25px; margin-top:25px; }
legend { font: bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:20px; }
label { font: bold 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; width:160px; cursor:pointer; cursor:hand; }
fieldset div { line-height:22px; margin:10px 0; }
form h6 { font: bold 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase; display:block; margin:10px;}


/* Textfields + Textareas General */
input, textarea { overflow-x: hidden; overflow-y: auto; border:0; outline:0; background: transparent; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; }

/* Radio + Checkbox */
input.check { border: none; vertical-align: middle; width: 14px; height:14px; line-height:14px; margin:0; padding:0; outline:0; cursor:pointer; cursor:hand; }

/* Textfields Skin */
p.fieldbox-blk { background-position:left -300px; padding-left:6px; height:32px; line-height:32px; margin-right:3px; position:relative; zoom:1; display:inline; }
p.fieldbox-blk input { background-position:right -300px; padding: 8px 6px 7px 0; height:17px; text-indent:4px; display:block; }
p.fieldbox-blk.hover { background-position:left -336px;  }
p.fieldbox-blk.hover input { background-position:right -336px; }
p.fieldbox-blk.focus { background-position:left -372px;  }
p.fieldbox-blk.focus input { background-position:right -372px; }
p.fieldbox-blk.error { background-position:left -408px; }
p.fieldbox-blk.error input { background-position:right -408px; }
p.fieldbox-blk.error.focus { background-position:left -372px; }
p.fieldbox-blk.error.focus input { background-position:right -372px; }
p.fieldbox-blk.focus.hint { background-position:left -1010px; }
p.fieldbox-blk.focus.hint input { background-position:right -1010px; }

/* Textfields Icons */
p.fieldbox-blk a.input-ico { display:block; height:30px; width:32px; position:absolute; right:1px; top:1px; text-indent:-10000px; }
p.fieldbox-blk a.input-ico.search { background-position: right -1132px; }
p.fieldbox-blk.hover a.input-ico.search { background-position: right -1166px; }
p.fieldbox-blk.focus a.input-ico.search { background-position: -567px -1045px; }
p.fieldbox-blk.focus.hint a.input-ico.search { background-position: -567px -1011px; }

/* Textarea Skin */
p.textarea-blk { background-position:left -1948px; padding-left:6px; height:112px; margin-right:3px; position:relative; zoom:1; display:inline; }
p.textarea-blk textarea { background-position:right -1948px; padding: 8px 6px 8px 0; margin-top:0px; line-height:19px; height:96px; display:block; }
p.textarea-blk.hover { background-position:left -2064px;  }
p.textarea-blk.hover textarea { background-position:right -2064px; }
p.textarea-blk.focus { background-position:left -2180px;  }
p.textarea-blk.focus textarea { background-position:right -2180px; }
p.textarea-blk.error { background-position:left -2296px; }
p.textarea-blk.error textarea { background-position:right -2296px; }
p.textarea-blk.error.focus { background-position:left -2180px; }
p.textarea-blk.error.focus textarea { background-position:right -2180px; }

/* Dropdowns Skin */
label.dropbox { background-position:left -863px; padding-left:6px; height:32px; line-height:32px; margin-right:3px; display:inline; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; position:relative; zoom:1; }
label.dropbox span { background-position:right -863px; padding-right:6px; height:32px; line-height:32px; text-indent:4px; display:block; position:relative; zoom:1; }
label.dropbox.open { background-position:left -931px; }
label.dropbox.open span { background-position:right -931px; }
label.dropbox.closed { background-position:left -863px; }
label.dropbox.closed span { background-position:right -863px; }
label.dropbox.closed.open { background-position:left -931px; }
label.dropbox.closed.open span { background-position:right -931px; }
label.dropbox.closed.hover { background-position:left -897px; }
label.dropbox.closed.hover span { background-position:right -897px; }
label.dropbox span em { display:block; font-style:normal; }

ul.droplist { display:block; padding-left:10px; overflow:auto; position:absolute; top:32px; left:-14px; right:2px; background-position: -3340px bottom;  }
ul.droplist li { height:28px; border-bottom:1px solid #c1c1c1; background:#fff;  color:#666; line-height:28px; padding-left:4px; overflow:hidden; }
ul.droplist li.hover, ul.droplist li.selected.hover { background:#39c; border-bottom:1px solid #337a9e; color:#fff; } 
ul.droplist li.selected { font-weight:bold; color:#333; }

small.r { display:block; width:10px; position:absolute; right:-8px; top:32px; bottom:0px; background-position: -3830px bottom; z-index:100; text-indent:-10000px; }
small.b { display:block; height:19px; position:absolute; left:-14px; right:11px; background-position: -3850px bottom; z-index:100; text-indent:-10000px; }
small.br { display:block; width:19px; height:19px; position:absolute; right:-8px; background-position: -4331px bottom; z-index:100; text-indent:-10000px; }

/* Checkboxes */
span.checkbox { display:block; width:20px; height:20px; cursor:pointer; cursor:hand;  }
span.checkbox.checked { background-position: -40px -1487px; }
span.checkbox.unchecked { background-position: -40px -1427px; }
span.checkbox.checked.hover { background-position: -40px -1517px; }
span.checkbox.unchecked.hover  { background-position: -40px -1457px;  }
span.checkbox.disabled, span.checkbox.disabled.hover { background-position: -40px -1547px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; cursor:default; }


/* Radio buttons */
span.radiobox { display:block; width:20px; height:20px; cursor:pointer; cursor:hand; }
span.radiobox.checked { background-position: 0 -1487px; }
span.radiobox.unchecked { background-position: 0 -1427px; }
span.radiobox.checked.hover { background-position: 0 -1517px; }
span.radiobox.unchecked.hover  { background-position: 0 -1457px; }
span.radiobox.disabled, span.radiobox.disabled.hover { background-position: 0 -1547px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; cursor:default; }

/*===== MESSAGES ======*/
div.msg { padding: 0 0 10px 25px; margin:10px 0; position:relative; zoom:1; display:block; }
div.msg.info { background-position:-583px -1559px; background-repeat:no-repeat; color:#39c; }
div.msg.error { background-position:-583px -1384px; background-repeat:no-repeat; color:#fff; }
div.msg.succes { background-position:-583px -1472px; background-repeat:no-repeat; color:#fff; }
div.msg.alert { background-position:-583px -1645px; background-repeat:no-repeat; color:#fff; }
div.alert-holder { padding:10px 45px 0px 15px; margin:10px 2px 0px 2px; border:1px solid #666; -moz-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; background:#3f3f3f; }
div.msg a { text-decoration:underline; }
div.msg a:hover { text-decoration:none; }
div.msg a.close-btn { display:block; height:16px; width:17px; position:absolute; right:-30px; top:0px; background-position: -583px -1859px; text-indent:-9999px; }
div.msg a.close-btn:hover { background-position: -583px -1733px; }
div.alert-holder.alert-home { margin:25px 2px -5px 2px; }

/* Standard small btns */
a.standard-btn { color:#999; font: bold 10px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#333; border:1px solid #666; padding:3px 15px;  text-transform:uppercase; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin:10px 0 0 0; }
a.standard-btn:hover { background:#99cc33; color:#fff; border:1px solid #99cc33; text-decoration:none; }



/*==================================================================
	HEADERS 
================================================================== */
/*===== REGULAR ======*/
a#itvlogo { display:block; height:66px; width:100px; background:url(../images/logo_top.jpg) 0 0 no-repeat scroll; text-indent:-10000px; position:absolute; top:18px; left:0px; }
a#vocalnetlogo { display:block; height:66px; width: 165px; background:url(../images/vocalnet_logo_top.png) 0 0 no-repeat scroll; text-indent:-10000px; position:absolute; top:0px; left:0px; }
/* Navigation */
ul.nav { width:850px; padding-right:110px; }
ul.nav li { float:right; }
ul.nav li a { font: normal 18px/100px "FuturaTEEMed", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; text-decoration:none; letter-spacing:-1px; padding:0 15px; }
ul.nav li a:hover { color:#3399cc; }
ul.nav li a.current { color:#666; text-decoration:underline; cursor:default; }
a#demo { position:absolute; top:35px; right:0px; }


/*===== SCREENPAGE+DEMOPAGE ======*/
body#screenpage #wrapper #header a#itvlogo { display:block; height:42px; width:65px; background:url(../images/logo_top_screenpage.jpg) 0 0 no-repeat scroll; text-indent:-10000px; position:absolute; top:16px; left:10px; }
ul.sec-nav { width:898px; }
ul.sec-nav li { float:right; }
ul.sec-nav li a { font: normal 11px/74px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; text-decoration:none; padding:5px 15px; }
ul.sec-nav li a:hover { color:#3399cc; }
ul.sec-nav li a.logout { padding: 5px 22px 5px 15px; background-position:-410px -603px; margin-right:6px; }
ul.sec-nav li a.logout:hover { background-position:-390px -828px; color:#333; }
ul.sec-nav li a.current { color:#333; cursor:default; font-weight:bold; }

.settings-tabs-holder { margin-bottom:50px; background-position:0 -1804px; background-repeat: repeat-x; }
.settings-tabs { height:30px; }
.settings-tabs a { cursor:pointer; cursor:hand; line-height:30px; padding-right:15px; vertical-align:middle; display:block; display:-moz-inline-box; display:inline-block;  text-decoration:none; background-position: right -454px; margin-right:-1px; }
.settings-tabs a span { height:30px; display:block; display:inline-block; padding-left:15px; font:bold 12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; text-decoration:none; cursor:pointer; cursor:hand; background-position: left -454px; }
.settings-tabs a:hover { background-position: right -486px; }
.settings-tabs a:hover span { background-position: left -486px; color:#fff; }
.settings-tabs a.current { background-position: right -518px; cursor:default; }
.settings-tabs a.current span { background-position: left -518px; color:#fff; cursor:default; }
.settings-tabs a.special { background-position: right -550px; }
.settings-tabs a.special span { background-position: left -550px; color:#fff; }
.settings-tabs a.special:hover { background-position: right -486px; }
.settings-tabs a.special:hover span { background-position: left -486px; color:#fff; }




/*==================================================================
	 HOME CAROUSEL 
================================================================== */
div#home-carousel { height:300px; background:url(../images/carousel-bg.jpg) 50% top no-repeat scroll; position:relative; zoom:1; }
div#home-carousel ul { display:block; width:880px; margin:0 auto; height:300px; position:relative; }
div#home-carousel ul li { padding:100px 20px 20px 20px; height:180px; }
div#home-carousel ul li h2 { font: normal 36px/38px "FuturaTEEMed", "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:normal; width:300px; }
div#home-carousel ul li h6 { font: normal 22px/22px "FuturaTEEMed", "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:normal; color:#fff; width:300px; margin-top:3px; }
div#home-carousel ul li h2 a, div#home-carousel ul li h6 a, div#home-carousel ul li a.more { text-decoration:none; color:#fff; }
div#home-carousel ul li a.more { margin-top:7px; display:block; }
div#home-carousel ul li a.carousel-pic { text-indent:-10000px; display:block; width:580px; height:300px; background-position: 0 0; background-repeat:no-repeat; position:absolute; right:0; top:0; }

div#home-carousel a.next, div#home-carousel a.prev { display:block; height:36px; width:36px; text-indent:-10000px; background-repeat:no-repeat; position:absolute; top:132px; } 
div#home-carousel a.next { background-position: -10px -652px; right:0; }
div#home-carousel a.prev { background-position: -10px -606px; left:0; }
div#home-carousel a.next:hover { background-position: -56px -652px; }
div#home-carousel a.prev:hover { background-position: -56px -606px; }



/*==================================================================
	PANELS 
================================================================== */
#login-panel, #create-account-panel, #myaccount-panel { position:relative; padding-top:14px; min-height:86px; height: auto !important; height:86px; }
#login-panel h3, #create-account-panel h3, #myaccount-panel h3 { font: normal 24px/40px "FuturaTEEMed", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; letter-spacing:-1px; }

#login-panel div.options { position:absolute; top:28px; right:58px; color:#666; font-size:10px; }
#login-panel div.options span.checkbox { margin-left: 10px; }
#login-panel div.options label { font-size:9px; font-weight:normal; color:#666; width:auto; line-height:18px; }
#login-panel div.options a { color:#666; padding-right:30px; text-decoration:none; line-height:18px; }
#login-panel div.options a:hover { color:#3399cc; }
#login-panel a.submit-btn { display:block; height:30px; width:30px; background-position:-530px -606px; background-repeat:no-repeat; text-indent:-10000px; margin-bottom:-1px; }
#login-panel a.submit-btn:hover { background-position:-490px -606px; }
#create-account-panel p, #myaccount-panel p { font: bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; }
a#inregistrare, a#goplay { position:absolute; top:55px; right:0px; }
#login-panel div.msg { padding-bottom:5px; }

#myaccount-panel p { color:#ccc; }
#myaccount-panel p a { color:#fff; text-decoration:underline; }
#myaccount-panel p a:hover { text-decoration:none; }



/*==================================================================
	FOOTER 
================================================================== */
#footer-inner { margin:0 auto; border-top: 1px solid #666; padding-top:10px; font: normal 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; background: url(../images/logos_bottom.jpg) right 20px no-repeat scroll; }
#footer-inner a { color:#999; text-decoration:none; padding-right:15px; }
#footer-inner a:hover { color:#3399cc; }

body#screenpage #footer { margin-top:0px; }
body#screenpage #footer-inner { width:898px; margin-top:20px; }



/*==================================================================
	SPECIFIC ELEMENTS - SCREENPAGE 
================================================================== */
/*===== VIDEOPLAYER ======*/
/* Screen */
.videoplayer { width:528px; height:485px; background-position: 0 0; background-repeat:no-repeat; padding:10px 10px 0px 10px; margin-bottom:30px; position:relative; zoom:1; }
body#popup .videoplayer { margin-bottom:0; }
.vlc-videoscreen { display:block; width:528px; height:390px; position:absolute; top:10px; left:10px; }
#radio-preview { position:absolute; z-index:9999; top:0px; left:9px; }
/* Controls */
.videoplayer a.play, .videoplayer a.stop { display:block; height:46px; width:45px; position:absolute; top:0px; left:9px; text-indent:-10000px; line-height:1px; }
.videoplayer a.mute, .videoplayer a.volume, .videoplayer a.hq, .videoplayer a.lq, .videoplayer a.popup, .videoplayer a.fullscreen, .videoplayer a.govlc, .videoplayer a.goflash, .videoplayer a.small-play, .videoplayer a.small-stop, .videoplayer a.small-pause, .videoplayer a.forward, .videoplayer a.backward, .videoplayer a.half, .videoplayer a.start-rec, .videoplayer a.stop-rec { display:block; height:30px; width:29px; position:absolute; top:433px; text-indent:-9999px; line-height:1px; }

.videoplayer a.play { background-position: -65px -732px; }
.videoplayer a.stop { background-position: -10px -732px; }
.videoplayer a.mute { background-position: -276px -732px; right:127px; }
.videoplayer a.volume { background-position: -120px -732px; right:127px; }
.videoplayer a.hq, .videoplayer a.hq.disabled:hover { background-position: -159px -732px; right:81px; }
.videoplayer a.lq, .videoplayer a.lq.disabled:hover { background-position: -315px -732px; right:81px; }
.videoplayer a.popup, .videoplayer a.popup.disabled:hover { background-position: -198px -732px; right:45px; }
.videoplayer a.fullscreen, .videoplayer a.fullscreen.disabled:hover { background-position: -237px -732px; right:10px; }
.videoplayer a.govlc, .videoplayer a.govlc.disabled:hover { background-position: -444px -732px; right:117px; }
.videoplayer a.goflash, .videoplayer a.goflash.disabled:hover { background-position: -366px -732px; right:117px; }
.videoplayer a.small-play, .videoplayer a.small-play.disabled:hover { background-position: -366px -654px; right:296px; }
.videoplayer a.small-stop, .videoplayer a.small-stop.disabled:hover { background-position: -405px -654px; right:262px; }
.videoplayer a.small-pause, .videoplayer a.small-pause.disabled:hover { background-position: -237px -654px; right:296px; }
.videoplayer a.forward, .videoplayer a.forward.disabled:hover { background-position: -199px -654px; right:194px; }
.videoplayer a.backward, .videoplayer a.backward.disabled:hover { background-position: -159px -654px; right:229px; }
.videoplayer a.half, .videoplayer a.half.disabled:hover { background-position: -120px -654px; right:161px; }
.videoplayer a.start-rec, .videoplayer a.start-rec.disabled:hover { background-position: -317px -1158px; right:161px; }
.videoplayer a.stop-rec, .videoplayer a.stop-rec.disabled:hover { background-position: -356px -1158px; right:161px; }

.videoplayer a.play:hover { background-position: -65px -788px; }
.videoplayer a.stop:hover { background-position: -10px -788px; }
.videoplayer a.mute:hover { background-position: -120px -788px; }
.videoplayer a.volume:hover { background-position: -276px -788px; }
.videoplayer a.lq:hover { background-position: -315px -788px; }
.videoplayer a.popup:hover { background-position: -198px -788px; }
.videoplayer a.fullscreen:hover { background-position: -237px -788px; }
.videoplayer a.govlc:hover { background-position: -444px -788px; }
.videoplayer a.goflash:hover { background-position: -366px -788px; }
.videoplayer a.small-play:hover { background-position: -366px -693px; }
.videoplayer a.small-stop:hover { background-position: -405px -693px; }
.videoplayer a.small-pause:hover { background-position: -237px -693px; }
.videoplayer a.forward:hover { background-position: -199px -693px; }
.videoplayer a.backward:hover { background-position: -159px -693px; }
.videoplayer a.half:hover { background-position: -120px -693px; }
.videoplayer a.start-rec:hover { background-position: -317px -1197px; }
.videoplayer a.stop-rec:hover { background-position: -356px -1197px; }

.videoplayer p.channel { font:bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3399cc; position:absolute; left:10px; top:430px; }
.videoplayer p.channel span { color:#666; }
.videoplayer h3.show { font: normal 18px/20px "FuturaTEEMed", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; letter-spacing:-1px; position:absolute; left:10px; top:445px; }

.videoplayer .volume-bar { display:block; height:22px; width:42px; background:url(../images/sprite_gui.png) -302px -634px no-repeat scroll; position:absolute; top:437px; right:80px; }
.videoplayer .volume-bar a.vol-segment { height:22px; width:6px; float:left; display:inline; text-indent:-9999px; }
.videoplayer .volume-bar a.vol-segment.full, .videoplayer .volume-bar a.vol-segment.empty.hover, .videoplayer .volume-bar a.vol-segment.empty:hover { background-position:-302px -690px; }
.videoplayer .volume-bar a.vol-segment.empty { background-position:-282px -690px; }

.videoplayer .seek { position:absolute; right:10px; top:465px; font-size:10px; }

/* Snsapshot */
.videoplayer .snapshot { position:absolute; top:10px; right:10px; display:block; width:150px; padding:0 0 10px 10px; background-position: -4360px bottom; }
.videoplayer .snapshot span.img { display:block; height:110px; width:150px; background:#fff; }
.videoplayer .snapshot span.show { background:#666; font:normal 10px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; display:block; padding:5px; }

/*===== CHANNEL LIST ======*/
.channel-dropdown { font: normal 12px/32px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; zoom:1;}
a.dropdown-toggle { background-position:left -863px; padding-left:6px; height:32px; line-height:32px; text-decoration:none; display:block; }
a.dropdown-toggle span { background-position:right -863px; height:32px; padding-right:6px; text-indent:5px; display:block; color:#333; text-decoration:none; font-weight:bold; }

a.dropdown-toggle:hover { background-position:left -897px; }
a.dropdown-toggle:hover span { background-position:right -897px; }
a.dropdown-toggle.focus { background-position:left -931px; }
a.dropdown-toggle.focus span { background-position:right -931px; }

.channel-list-dropdown { display:block; width:316px; position:absolute; top:32px; left:-8px; background-position:-558px bottom; padding: 0 10px 18px 10px; z-index:100; }
* html ul.channel-list { height: expression( this.scrollHeight > 363 ? "364px" : "auto" ); }
ul.channel-list { display:block; overflow:auto; margin-bottom:4px; padding-bottom:4px; max-height:364px; }
ul.channel-list li { line-height:27px; height:28px; background:#fff; position:relative; zoom:1; }
ul.channel-list li a.list-channel { display:block; text-decoration:none; color:#666; padding:0 9px; border-bottom:1px solid #c1c1c1;  }
ul.channel-list li a.list-channel span.nr { margin-right:9px; }
ul.channel-list li a.list-channel span.play { margin-right:8px; margin-left:-1px; display:none; background-position: -10px -1122px; width:14px; }
ul.channel-list li a.list-category { display:block; text-decoration:none; text-transform:uppercase; font-size:11px; font-weight:bold; color:#fff; padding:0 9px; border-bottom:1px solid #606060; background:#737373; }
ul.channel-list li a.list-channel em.new { font-size:9px; color:#cc0000; font-weight:bold; text-transform:uppercase; font-style:normal; margin-left:5px; }

ul.channel-list li a.list-channel:hover, .hints-dropdown ul li a.list-channel:hover { color:#fff; background:#3399cc; border-bottom: 1px solid #337a9e; }
ul.channel-list li a.list-channel:hover span.nr, .hints-dropdown ul li a.list-channel:hover span.nr { display:none; }
ul.channel-list li a.list-channel:hover span.play, .hints-dropdown ul li a.list-channel:hover span.play { display:block; display:-moz-inline-box; display:inline-block; }

ul.channel-list li a.list-channel.hover, .hints-dropdown ul li a.list-channel.hover { color:#fff; background:#3399cc; border-bottom: 1px solid #337a9e; }
ul.channel-list li a.list-channel.hover span.nr, .hints-dropdown ul li a.list-channel.hover span.nr { display:none; }
ul.channel-list li a.list-channel.hover span.play, .hints-dropdown ul li a.list-channel.hover span.play { display:block; display:-moz-inline-box; display:inline-block; }

ul.channel-list li a.fav, .favorites-list ul li a.fav { position:absolute; right:7px; top:5px; display:block; height:18px; width:30px; text-indent:-10000px; }
ul.channel-list li a.fav.none, .favorites-list ul li a.fav.none, .favorites-list ul li a.fav.faved { background-position: -55px -1362px; }
ul.channel-list li a.fav.faved { background-position: -10px -1162px; }
ul.channel-list li a.fav.addfave, .favorites-list ul li a.fav.addfave { background-position: -10px -1200px; }
ul.channel-list li a.fav.removefave, .favorites-list ul li a.fav.removefave, .favorites-list ul li a.fav.faved { background-position: -10px -1238px; }

ul.channel-list li a.fav.addfave:hover, .favorites-list ul li a.fav.addfave:hover { background-position: -10px -1276px; }
ul.channel-list li a.fav.removefave:hover, .favorites-list ul li a.fav.removefave:hover { background-position: -10px -1314px; }

ul.channel-list li a.rec { position:absolute; right:7px; top:5px; display:block; height:18px; width:18px; text-indent:-10000px; }
ul.channel-list li a.rec.none { background-position: -55px -1362px; }
ul.channel-list li a.rec.faved { background-position: -286px -1162px; }
ul.channel-list li a.rec.addfave { background-position: -286px -1162px; }
ul.channel-list li a.rec.removefave { background-position: -286px -1162px; }

ul.channel-list li a.rec.addfave:hover { background-position: -10px -1276px; }
ul.channel-list li a.rec.removefave:hover { background-position: -286px -1199px; }

/*===== RECORDS LIST ======*/
ul.channel-list.records-list li { line-height:27px; height:44px; background:#fff; position:relative; zoom:1; }
ul.channel-list.records-list li a span.details { display:block; font-size:10px; font-style:italic; line-height:13px; padding-bottom:4px; }
ul.channel-list.records-list li a.list-channel.disabled span.play { background-position: -158px -1122px; }
ul.channel-list.records-list li.list-category { line-height:27px; height:28px; }

/*===== SEARCH HINTS ======*/
.hints-dropdown { display:block; width:316px; position:absolute; top:64px; left:-8px; background-position:-558px bottom; padding: 0 10px 18px 10px; z-index:100; }
* html .hints-dropdown ul { height: expression( this.scrollHeight > 331 ? "332px" : "auto" ); }
.hints-dropdown ul { display:block; overflow:auto; margin-bottom:4px; padding-bottom:4px; max-height:332px; }
.hints-dropdown ul li { line-height:27px; height:28px; background:#fff; }
.hints-dropdown ul li a.list-channel { display:block; text-decoration:none; color:#666; padding:0 9px; border-bottom:1px solid #c1c1c1;  }
.hints-dropdown ul a.list-channel span.nr { margin-right:9px; }
.hints-dropdown ul a.list-channel span.play { margin-right:8px; margin-left:-1px; display:none; background-position: -10px -1122px; width:14px; }
.hints-dropdown ul li a em { display:block; margin-left:-10px; margin-right:-9px; padding-left:10px; }

/*===== FAVORITES LIST ======*/
.favorites-list { margin-top:26px; margin-bottom:25px; }
.titlebar { height:28px; padding:2px 0 0 11px; font-size:12px; line-height:28px; font-weight:bold; color:#333; background-position:-904px top; position:relative; zoom:1;  }
.titlebar span.ico { display:block; height:28px; width:31px; text-indent:-10000px; position:absolute; right:2px; top:2px; }

.titlebar span.ico.favorites { background-position:right -1206px; }
.titlebar span.ico.epg { background-position:right -1326px; }
.titlebar span.ico.twitter { background-position:right -1266px; }

.favorites-list ul { background-position: -2122px bottom; border-top: 2px solid #252525; padding-bottom:8px; }
.favorites-list ul li { line-height:28px; height:28px; position:relative; zoom:1; }
.favorites-list ul li.message { height:auto; line-height:18px; padding:30px 30px 24px 30px; color:#666; text-align:center; }
.favorites-list ul li a.list-channel { display:block; text-decoration:none; color:#666; padding:0 7px; margin:0 2px; border-bottom:1px solid #252525;  }
.favorites-list ul li:last-child a.list-channel { border-bottom:1px solid #eaeaea; }
.favorites-list ul li a.list-channel span.nr { margin-right:9px; }
.favorites-list ul li a.list-channel span.play { margin-right:8px; margin-left:-1px; display:none; background-position: -10px -1122px; width:14px; }
.favorites-list ul li a.list-channel.nowplaying { background-color:#666; color:#fff; height:28px; }
.favorites-list ul li a.list-channel.nowplaying em { font-size:9px; font-weight:bold; text-transform:uppercase; font-style:normal; margin-left:5px; }

.favorites-list ul li a.list-channel:hover { color:#fff; background:#3399cc; border-bottom: 1px solid #337a9e; }
.favorites-list ul li a.list-channel:hover span.nr { display:none; }
.favorites-list ul li a.list-channel:hover span.play { display:block; display:-moz-inline-box; display:inline-block; }
.favorites-list ul li a.list-channel.hover { color:#fff; background:#3399cc; border-bottom: 1px solid #337a9e; }
.favorites-list ul a.list-channel.hover span.nr { display:none; }
.favorites-list ul a.list-channel.hover span.play { display:block; display:-moz-inline-box; display:inline-block;  }

.favorites-list ul li a.grabber { display:block; height:31px; width:31px; position:absolute; top:0px; right:-29px; background-position:-519px -1132px; text-indent:-10000px; }
.favorites-list ul li a.grabber:hover { background-position:-519px -1166px; }
.favorites-list ul li a.grabber:active { background-position:-519px -1200px; }

/*===== EPG LIST ======*/
.epg-list { }
.epg-list .titlebar { background-position: -1232px top; color:#fff; }
.epg-list ul { background-color:#252525; background-position: -2452px bottom; border-top: 2px solid #252525; padding-bottom:8px; }
.epg-list ul li { line-height:27px; height:44px; position:relative; zoom:1; background:#252525; }
.epg-list ul.no-channel li { height:28px; }
.epg-list ul li.message { height:auto; line-height:18px; padding:135px 30px 129px 30px; color:#666; text-align:center; }
.epg-list ul li a.show { display:block; text-decoration:none; color:#ccc; padding:0 7px; margin:0 2px; border-bottom:1px solid #333333; }
.epg-list ul li:last-child a.show { border-bottom: 1px solid #252525; }
.epg-list ul li a.show span.time { margin-right:9px; background-position: -55px -1122px; width:73px; padding-left:6px; display:block; display:-moz-inline-box; display:inline-block;  font-size:10px; font-weight:bold; color:#999; }

.epg-list ul li a.show.nowplaying { background:#9c3; color:#fff; }
.epg-list ul li a.show.nowplaying span.time { background-position: -55px -1180px; color:#fff; }
.epg-list ul li a.show.nowplaying em.channel { color:#d5ff81; }
.epg-list ul li a.info { position:absolute; right:166px; top:5px; display:block; height:18px; width:28px; text-indent:-10000px; background-position: -286px -1276px; }
.epg-list ul li a.info.hover { background-position: -286px -1314px; }
.epg-list ul li a.info.hover:hover { background-position: -286px -1352px; }
.epg-list ul li a.info.nowplaying { background-position: -286px -1390px; }
.epg-list ul li a.info.nowplaying:hover { background-position: -286px -1352px; }
.epg-list ul li a.show em.channel { color:#666; display:block; line-height:18px; font-size:10px; padding:0 0 3px 88px; margin-top:-6px; }
.epg-list ul li a.play-popup { position:absolute; right:120px; top:5px; display:block; height:18px; width:42px; text-indent:-10000px; background-position: -324px -1246px; }
.epg-list ul li a.play-popup.hover { background-position: -324px -1276px; }
.epg-list ul li a.play-popup.hover:hover { background-position: -324px -1352px; }

.epg-list ul li a.show:hover { color:#fff; background:#3399cc; }
.epg-list ul li a.show:hover span.time { background-position: -55px -1151px; color:#fff; }
.epg-list ul li a.show:hover em.channel { color:#99cce6; }
.epg-list ul li a.show.hover { color:#fff; background:#3399cc; }
.epg-list ul li a.show.hover span.time { background-position: -55px -1151px; color:#fff; }
.epg-list ul li a.show.hover em.channel { color:#99cce6; }
.epg-list ul li a.sms { position:absolute; right:9px; top:5px; display:block; height:18px; width:36px; text-indent:-10000px; }
.epg-list ul li a.mail { position:absolute; right:50px; top:5px; display:block; height:18px; width:31px; text-indent:-10000px; }
.epg-list ul li a.sms.none { background-position: -220px -1124px; }
.epg-list ul li a.sms.checked { background-position: -220px -1162px; }
.epg-list ul li a.sms.add { background-position: -220px -1200px; }
.epg-list ul li a.sms.remove { background-position: -220px -1238px; }
.epg-list ul li a.mail.none { background-position: -240px -1124px; }
.epg-list ul li a.mail.checked { background-position: -154px -1162px; }
.epg-list ul li a.mail.add { background-position: -154px -1200px; }
.epg-list ul li a.mail.remove { background-position: -154px -1238px; }

.epg-list ul li a.sms.add:hover { background-position: -220px -1276px; }
.epg-list ul li a.sms.remove:hover { background-position: -220px -1314px; }
.epg-list ul li a.mail.add:hover { background-position: -154px -1276px; }
.epg-list ul li a.mail.remove:hover { background-position: -154px -1314px; }

.epg-list ul li a.record { position:absolute; right:86px; top:5px; display:block; height:18px; width:29px; text-indent:-10000px; }
.epg-list ul li a.record.none { background-position: -240px -1124px; }
.epg-list ul li a.record.checked { background-position: -220px -1352px; }
.epg-list ul li a.record.add { background-position: -220px -1390px; }
.epg-list ul li a.record.remove { background-position: -220px -1428px; }
.epg-list ul li a.record.add:hover { background-position: -220px -1466px; }
.epg-list ul li a.record.remove:hover { background-position: -220px -1504px; }

/*===== TWITTER LIST ======*/
.twitter-list { min-height:322px; height:auto !important; height:322px; }
.twitter-list .titlebar { background-position: -1791px top; color:#fff; }
.twitter-list ul { background-color:#252525; background-position: -3010px bottom; border-top: 2px solid #252525; padding-bottom:8px; padding-top:10px; }
.twitter-list ul li { position:relative; zoom:1; min-height:46px; height:auto !important; height:46px; margin: 0 10px 0 10px; /*margin: 0 10px 0 76px;*/ padding:10px 0; }
.twitter-list ul li a.pic { display:none; height:46px; width:46px; position:absolute; left:-66px; top:10px; background-position:-407px -1132px; }
.twitter-list ul li a.pic span.frame { display:block; height:46px; width:46px; position:absolute; left:0px; top:0px; background-position:-463px -1132px; cursor:pointer; cursor:hand; text-indent:-10000px; }
.twitter-list ul li h3 { font: bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.twitter-list ul li h3 a { color:#ccc; text-decoration:none; }
.twitter-list ul li h3 a span { font: normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3399cc; margin-left:5px; }
.twitter-list ul li p.tweet { color:#999; line-height:16px; }
.twitter-list ul li p.tweet a { color:#ccc; text-decoration:none; }
.twitter-list ul li p.tweet a:hover { color:#fff; }



/*==================================================================
	INNERPAGES
================================================================== */
/*===== CREATE ACCOUNT ======*/
h1.create-account { padding:30px 0; }
h2.create-account { margin:15px 0; }

/*Steps*/
.steps { padding:25px 0; }
.steps span { display:block; width:50px; height:50px; float:right; background-position: -469px -1256px; margin-left:60px; font: normal 32px/50px "FuturaTEEMed", "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; color:#666; }
.steps span.current { background-position: -403px -1256px; color:#fff; }

/*Step 1*/
span.price, a.details { color:#3399cc; font: bold 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#333; border:1px solid #666; padding:5px 15px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
a.details { background:#333; border:1px solid #666; color:#999; text-decoration:none; position:relative; font-size:10px; text-transform:uppercase; }
a.details:hover { background:#99cc33; color:#fff; border:1px solid #99cc33; }
a.details span.pachet-details { display:none; position:absolute; right:-280px; top: -1px; padding:5px 10px; width:240px; text-align:center; text-transform: none; background:#333; border:1px solid #666; color:#fff; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; line-height:14px; -o-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); -icab-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); -khtml-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3); box-shadow: 0px 2px 4px rgba(0,0,0,0.3); }
a.details:hover span.pachet-details { position:absolute; right:-280px; top: -1px; padding:5px 10px; display:block; width:240px; text-align:center; text-transform: none; background:#333; border:1px solid #666; color:#fff; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; line-height:14px; }
span.pachet-details span.arrow { height:11px; display:block; width:6px; position:absolute; left:-6px; top:6px; background-position:-387px -1256px; line-height:1px; text-indent:-10000px; }
span.pachet-details span strong { font-size:12px; }
div.pachet.disabled label { cursor:default; }
div.pachet.disabled a.details { cursor:default; }

#form-alege-pachet legend span { font-size:10px; text-transform:none; font-weight:normal; }
#form-alege-pachet span.radiobox { margin-right:55px; }
div.termeniconditii { height:193px; overflow:auto; padding:5px 20px 5px 0; }

/*Step 2*/
#form-termeni label { width:300px; }
#form-termeni input.check { margin-top:5px; }

/*Step 3*/
#form-date-personale label { line-height:32px; width:120px; text-align: right; padding-right:30px; }
#form-date-personale div { margin:3px 0; }

/*Step 4*/
#form-final div p { font: bold 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; }
#form-final div p span.price { font-size:14px; color:#fff; }

/*Mesaje*/
.errorcol { margin-top:67px; }
p.msg-error { padding-top:15px; margin-top:15px; color:#fff; }
span.msg-ico { display:block; height:16px; width:15px; text-indent:-10000px; position:relative; background-position: -135px -606px; margin-bottom:5px; }
span.msg-ico.succes { background-position: -159px -606px; }

/*===== CREDIT ======*/
ul.credit { }
ul.credit li { display:block; margin-bottom:3px;  }
ul.credit li span { font-size:12px; font-weight:bold; color:#fff; }
ul.credit .suma, ul.credit .numar-credite { padding:7px 0; background:#3c3c3c; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #666; display:block; display:inline-block; text-align:center; }
ul.credit .suma { width:308px; margin-right:3px; background:none; }
ul.credit .numar-credite { width:150px; }
ul.credit li:hover span { background:#666; }
ul.credit li:hover span.numar-credite { background:#fff; color:#333; border:1px solid #fff; }

/*===== PACHETE + LISTA CANALE ======*/
.pachet { }
#ce_primesc_lista ul.pachet-channel-list { margin-bottom:40px; }
.pachet h2 { padding-bottom:15px; margin:15px 0 0 0; }
.gratis h2 { border-bottom:3px solid #3399cc; }
.complet h2 { border-bottom:3px solid #99cc33; }
.adult h2 { border-bottom:3px solid #ff6600; }
.custom h2 { border-bottom:3px solid #666; }

.pachet span.price { font-size:14px; font-weight:bold; position:relative; margin-top:12px; }
.pachet span.price span.arrow { height:11px; display:block; width:6px; position:absolute; left:-6px; top:10px; background-position:-387px -1256px; line-height:1px; text-indent:-10000px; }
.complet span.price { color:#99cc33; }
.adult span.price { color:#ff6600; }

ul.pachet-channel-list { clear:both; }
ul.pachet-channel-list li { border-bottom:1px solid #454545; border-top:1px solid #454545; padding: 5px 0; margin-bottom:-1px; color:#ccc; }

ul.plati-list { margin: 30px 0px 0 0px; }
ul.plati-list li { padding: 5px 0; border-bottom:1px solid #454545; }
ul.plati-list li.header { border-bottom:3px solid #666; color:#fff; padding:0; margin:0; background:#333;  } 
ul.plati-list li.header h6 { padding-bottom:0; margin-bottom:5px; }
ul.plati-list li span.price { padding:0; font-size:11px; border:0; margin-top:0; background:#333; }

.gratis:hover h2, .complet:hover h2, .adult:hover h2, .custom:hover h2 { padding: 0 5px 15px 5px; margin: 15px -5px 0 -5px; }
.gratis:hover ul.pachet-channel-list, .complet:hover ul.pachet-channel-list, .adult:hover ul.pachet-channel-list, .custom:hover ul.pachet-channel-list { background:#454545; color:#fff; margin: 0 -5px -1px -5px;  }
.gratis:hover ul.pachet-channel-list li, .complet:hover ul.pachet-channel-list li, .adult:hover ul.pachet-channel-list li, .custom:hover ul.pachet-channel-list li { padding: 5px 5px; border-bottom:1px solid #666; border-top:1px solid #666; color:#fff; }
.gratis:hover ul.pachet-channel-list li a, .complet:hover ul.pachet-channel-list li a, .adult:hover ul.pachet-channel-list li a, .custom:hover ul.pachet-channel-list li a { color:#3399cc; }

.gratis:hover h2 { color:#39c; }
.complet:hover h2 { color:#9c3; }
.adult:hover h2 { color:#f60; }
.custom:hover h2 { color:#ccc; }

.gratis:hover span.price { background:#39c; color:#fff; border:1px solid #39c; } 
.complet:hover span.price { background:#9c3; color:#fff; border:1px solid #9c3; }
.adult:hover span.price { background:#f60; color:#fff; border:1px solid #f60; }
.custom:hover span.price { background:#666; color:#fff; border:1px solid #666; }
.gratis:hover span.price span.arrow, .complet:hover span.price span.arrow, .adult:hover span.price span.arrow, .custom:hover span.price span.arrow { display:none; }
.gratis:hover ul li span.price, .complet:hover ul li span.price, .adult:hover ul li span.price, .custom:hover ul li span.price { border:0; }

.gratis:hover ul.plati-list, .complet:hover ul.plati-list, .adult:hover ul.plati-list, .custom:hover ul.plati-list { background:#454545; color:#fff; margin: 30px -5px 0 -5px; }
.gratis:hover ul.plati-list li, .complet:hover ul.plati-list li, .adult:hover ul.plati-list li, .custom:hover ul.plati-list li  { padding: 5px; border-bottom:1px solid #666; background:#454545; }
.gratis:hover ul.plati-list li.header, .complet:hover ul.plati-list li.header, .adult:hover ul.plati-list li.header, .custom:hover ul.plati-list li.header { background:#333; border-bottom:3px solid #666; padding:0 5px; }
.gratis:hover ul.plati-list li span.price, .complet:hover ul.plati-list li span.price, .adult:hover ul.plati-list li span.price, .custom:hover ul.plati-list li span.price { background:#454545; }

/*===== PROFIL&CREDIT PAGES ======*/
/*#form-info-personale, #form-info-conectare, #form-continut-adult, #form-adult-modifica-parola, #form-preferinte, #form-newsletter, #form-credit-card, #form-credit-sms, #form-renew { width:545px; margin:0 auto; }*/
#form-info-personale label, #form-info-conectare label, #form-continut-adult label, #form-adult-modifica-parola label, #form-preferinte label, #form-credit-card label, #form-credit-sms label { line-height:32px; width:280px; text-align:right; padding-right:30px; }
#form-info-personale div, #form-info-conectare div, #form-continut-adult div, #form-adult-modifica-parola div, #form-credit-card div, #form-credit-sms div { margin:3px 0; }
span.unchangeble { font: bold 12px/32px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left:10px; }

#form-continut-adult span.radiobox { margin-top:5px; }
#form-preferinte div.pachet { margin:0; padding:0 0 3px 0; }
#form-newsletter label { width:200px; }
#form-newsletter input.check { margin-top:5px; }

/*Profil > Pachete > Pachete active */
#form-pachete-active div p, #form-credit-curent div p, #form-istoric-alimentari div p, #form-istoric-activari div p, #form-confirm-activare div p { font: bold 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; }
#form-pachete-active div a.dezactiveaza-pachet { color:#999; font: bold 10px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#333; border:1px solid #666; padding:3px 15px; text-transform:uppercase; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin:-4px 0 -4px 20px; }
#form-pachete-active div a.dezactiveaza-pachet:hover { background:#99cc33; color:#fff; border:1px solid #99cc33; text-decoration:none; }
#form-pachete-active div a.dezactiveaza-pachet.disabled:hover { color:#999; background:#333; border:1px solid #666; }
#form-pachete-active div span span { margin-right:15px; font-style:italic; }
#form-pachete-active div span strong { width:110px; display:block; display:-moz-inline-box; display:inline-block;  text-align:center; }
#form-pachete-active div p span.price, #form-credit-curent div p span.price, #form-confirm-activare div p span.price { font-size:14px; color:#fff; }

/*Profil > Pachete > Activeaza pachete */
#form-activeaza-pachet span.checkbox { margin-right:20px; margin-top:5px; }
#form-activeaza-pachet label { line-height:32px; width: 140px;  }
#form-activeaza-pachet label.dropbox { margin-right:20px; }
#form-activeaza-pachet div { margin:0; padding-bottom:10px; }
#form-activeaza-pachet div.clear { padding-bottom:0; }
#form-activeaza-pachet div.pachet:hover span.price { background:#666; color:#fff; }
#form-activeaza-pachet a.details { vertical-align:middle; float:left; padding: 2px 15px; margin: 2px 20px 0 0; }
#form-activeaza-pachet a.details span.promotie { display:block; height:21px; width:21px; background-position: -10px -1386px; position:absolute; right:-2px; top:-2px; }
#form-activeaza-pachet a.details span.pachet-details { width:415px; right:-483px; padding:10px 20px; }
#form-activeaza-pachet label.small { width:80px; }
#form-activeaza-pachet span.price { float:right; padding:2px 15px; margin:2px 0 0 0; font-size:11px; display:block; display:-moz-inline-box; display:inline-block;  width:90px; text-align:center; } 
#form-activeaza-pachet em p { width:440px; text-align:center; }
#form-activeaza-pachet em span.already-active { color:#fff; line-height:32px; font-weight:bold; font-style:normal; width:300px; }

/*Credit > Credit prin Card */
#form-credit-card label.price { display:block; text-align:center; width:866px; color:#3399cc; font: bold 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#333; border:1px solid #666; padding:5px 15px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#form-credit-card label.price span.radiobox { margin-left:120px; }
#form-credit-card label.price:hover { background:#666; color:#fff; }
#form-credit-card label.price:hover strong { color:#fff }

/*Pachete-->Credit > Credit prin Card */
#form-credit-card.credit-pachete { width:432px; float:left; margin-right:34px; margin-bottom:25px; }
#form-credit-card.credit-pachete fieldset, #form-credit-sms.credit-pachete fieldset { padding-bottom:0; }
#form-credit-card.credit-pachete a.green-blk-btn, #form-credit-sms.credit-pachete a.green-blk-btn { margin-left:18px; }
#form-credit-card.credit-pachete em.holder { padding-top:3px; display:block; }
#form-credit-card.credit-pachete label { line-height:32px; width:80px; text-align:right; padding-right:30px; background:red; }
#form-credit-card.credit-pachete label.price { display:block; text-align:center; width:402px; color:#3399cc; font: bold 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#333; border:1px solid #666; padding:5px 15px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#form-credit-card.credit-pachete label.price span.radiobox { margin-left:120px; }
#form-credit-card.credit-pachete label.price:hover { background:#666; color:#fff; }
#form-credit-card.credit-pachete label.price:hover strong { color:#fff }

/*Credit > Credit SMS */
#form-credit-sms span.price { width:671px; text-align:center; }
#form-credit-sms span.price.phone { width:160px; text-align:center; }
#form-credit-sms div:hover span.price { background:#666; color:#fff; }
#form-credit-sms div:hover span.price.phone { background:#fff; border-color:#fff; } 
#form-credit-sms div:hover span.price.phone strong { color:#333; }

/*Pachete-->Credit > Credit SMS */
#form-credit-sms.credit-pachete { width:432px; float:left; margin-bottom:25px; }
#form-credit-sms.credit-pachete label { line-height:32px; width:110px; text-align:left; padding-right:30px; }
#form-credit-sms.credit-pachete span.price { width:245px; text-align:center; }
#form-credit-sms.credit-pachete span.price.phone { width:120px; text-align:center; }
#form-credit-sms.credit-pachete div:hover span.price { background:#666; color:#fff; }
#form-credit-sms.credit-pachete div:hover span.price.phone { background:#fff; border-color:#fff; } 
#form-credit-sms.credit-pachete div:hover span.price.phone strong { color:#333; }

/*Credit > Istoric > Istoric alimentari */
#form-istoric-alimentari strong, #form-istoric-activari strong { width:200px; }
#form-istoric-alimentari span.price, #form-istoric-activari span.price { margin:-4px 0 -4px 0; padding:3px 15px; width:160px; text-align:center; }
#form-istoric-alimentari em { width:160px; text-align:center; }

/*Credit > Istoric > Istoric activari */
#form-istoric-activari p { text-align:left; width:120px }
#form-istoric-activari span.price { margin:-4px 0 -4px 30px; width:100px }
#form-istoric-activari strong.lightgrey { text-align:center; width:160px; }
#form-istoric-activari em { width:200px; text-align:right; }

/*Profil > Pachete > Confirmare activare pachet */
#form-confirm-activare span.valabilitate { margin-right:130px; font-size:11px; }
#form-confirm-activare em { font-size:11px; color:#999; font-weight:normal; }

/*Program > Filtre program tv */
#form-filtru-epg { margin-bottom:30px; }
#form-filtru-epg label.dropbox { margin-bottom:2px }
#form-filtru-epg h3 { }

#form-renew label { width:230px; }
#form-contact label { line-height:32px; text-align:right; padding-right:30px; }
#form-contact label.dropbox { text-align:left; padding-right:0; }
a.mess { display:block; display:-moz-inline-box; display:inline-block;  height:17px; width:17px; text-indent:-9999px; background-image: url(../images/sprite_gui.png); }
a.mess.online { background-position: -515px -1862px; }
a.mess.offline { background-position: -552px -1862px; }

/*Program > INREGISTRARE */
#form-adauga-inregistrare { -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; }
#form-adauga-inregistrare:hover { -moz-opacity:1; -khtml-opacity:1; opacity:1; }

/*===== SNAP PAGE ======*/
/* List */
#snap { display:block; margin-left:4px; margin-right:4px; margin-bottom:20px; }
#snap a { width:150px; height:171px; float:left; display:inline; padding:10px; margin:4px; background-position:-10px -1587px; }
#snap a span.channel { height:25px; background:#000; font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ccc; display:block; overflow:hidden; padding:0 5px; }
#snap a span.show { background:#666; font:normal 10px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; display:block; padding:5px; height:26px; }
#snap a:hover { text-decoration:none; background-position:-190px -1587px; }
#snap a:hover span.show { background:#99cc33; }
#snap a.now { background-position:-370px -1587px; cursor:default; }
#snap a.now span.show { background:#39c; }

/* SNAP 2 */
#snap.backend { display:block; margin-left:-25px; margin-bottom:20px; width:948px; }
#snap.backend a { width:150px; height:165px; float:left; display:inline; padding:0; margin:4px; background-image:none; }
#snap.backend a.down span.channel { background:#CF0; color:#000; }
#snap.backend a span.show { display:block; height: 15px; }

/* Fancy pagination */
.fancy-pag { height:23px; text-align:center; clear:both; }
.fancy-pag a { display:block; display:-moz-inline-box; display:inline-block;  line-height:23px; }
.fancy-pag a.next, .fancy-pag a.prev { height:23px; width:23px; margin:0 5px; text-indent:-9999px; }
.fancy-pag a.prev { background-position: -120px -1427px; }
.fancy-pag a.next { background-position: -154px -1427px; }
.fancy-pag a.page { text-indent:-9999px; height:23px; width:20px; background-position:-80px -1421px; }

.fancy-pag a.prev:hover { background-position: -120px -1457px; }
.fancy-pag a.next:hover { background-position: -154px -1457px; }
.fancy-pag a.page:hover { background-position:-80px -1451px; }

.fancy-pag a.page.current { background-position:-80px -1481px; cursor:default; }
.fancy-pag a.next.disabled:hover { background-position: -154px -1427px; }
.fancy-pag a.prev.disabled:hover { background-position: -120px -1427px; }

/*===== CONTACT&SUPPORT PAGE ======*/



/*==================================================================
	GENERAL COMPONENTS
================================================================== */
/*===== LOADER ======*/
.ajax-loading { }
.ajax-loading p { background:green; width:204px; height:22px; padding:4px 7px 0 7px; margin:0 auto; background:url(/images/sprite_gui.png) 0 -1862px no-repeat; }

/*===== IE6 HATEBOX ======*/
.dropie6 { display:none; }

/*===== ADS ======*/
/* 300x250 */
.ad { position:relative; zoom:1; background-color:#252525; }
.ad.size_300x250 { display:block; width:300px; height:250px; padding:10px; background-position: -3010px bottom; }
.ad.size_300x250 span.topper { display:block; height:10px; width:320px; position:absolute; left:0; top:0; background-position: -3010px top; text-indent:-9999px; line-height:1px; }

/*===== SUPPORT BOX ======*/
a.support-box { display:block; height:169px; width:36px; position:absolute; top:165px; left:0; background: url(../images/supportlive.png) -108px 0 no-repeat; text-indent:-9999px; }
a.support-box:hover { background: url(../images/supportlive.png) -72px 0 no-repeat; }
a.support-box.online { background: url(../images/supportlive.png) -36px 0 no-repeat; }
a.support-box.online:hover { background: url(../images/supportlive.png) 0 0 no-repeat; }

/*====== VOCALNET PLAY SCREEN ======*/
.vocalnet-list 
{ 
	position:absolute; right:7px; top:5px; display:block; height:18px; width:30px; text-indent:-10000px; 
}

/* Intotdeauna ultima */
.hide { display: none; }
.mt0 { margin-top:0; }
.mb0 { margin-bottom:0; }
.mtb15 { margin:15px 0; }
.m15 { margin:15px; } 
.mb30 { margin-bottom:30px; }
.mt35 { margin-top:35px; }
.pt0 { padding-top:0px; }
.mb60 { margin-bottom:60px; }