.website_decoration {background:url(../images/website_decoration_sprite.png) no-repeat;}
.website_header_and_footer_decoration {background:url(../images/website_header_and_footer_decoration_sprite.png) no-repeat;}
.container {background-position: 190px -30px;font-family: Arial;}
#website_logo {height:100px;background-position: 0px 0px;}
.hide_text {text-indent: -10000px;}
p {margin: 0 0.5em 0.5em 1em;}
table, td, th {vertical-align:top;}

@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz'), url('../googlefontdirectory/kaffeesatz/YanoneKaffeesatz-Regular.ttf') format('truetype');
}
h2,h3 { font-family: 'Yanone Kaffeesatz', arial, serif; }
#googlefont { font-family: 'Yanone Kaffeesatz', arial, serif; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 9999 !important; }

/*
    START: user_login
*/


#user_login {
    padding:40px 0px 0px 20px;
    width:170px;
    height:195px;
    background-position: 0px -100px;
    position:relative;
}

.credentials_field_label_en {
    background:url(../images/credentials_field_label_sprite_EN.gif);
    font-size:0px;
    display:block;
    line-height:5px;
    height:5px;
    width:51px;
    position:absolute;
}

.credentials_field_label_de {
    background:url(../images/credentials_field_label_sprite_DE.gif);
    font-size:0px;
    display:block;
    line-height:5px;
    height:5px;
    width:51px;
    position:absolute;
}

#username_label {background-position:0px 0px;top:47px;}
#password_label {background-position:0px -5px;top:90px;}
#username, #password {
    position:absolute;
    right:0px;
    line-height:15px;
    height:15px;
    width:166px;
    border:0px;
    padding:4px 2px;
    background:url(../images/credentials_field_background.gif) no-repeat 0px 0px;
}
#username {top:55px;}
#password {top:97px;}
#forgot_password {font-size:9px;position:absolute;right:2px;top:120px;color:#C2BBA8;}
#login {background:url(../images/login_button.png) no-repeat;border:0px;height:30px;width:168px;position:absolute;right:0px;top:149px}

#register_en {font-size:9px;position:absolute;right:0px;top:191px;height:30px;width:168px;background:url(../images/register_button_EN.png);}
#register_de {font-size:9px;position:absolute;right:0px;top:191px;height:30px;width:168px;background:url(../images/register_button_DE.png);}

/*
    END: user_login
*/



/*
    START: user_menu
*/

#user_menu {
    padding:40px 0px 0px 0px;
    _padding:40px 0px 15px 0px;
    height:197px;
    background-position: 0px -100px;
}
#user_menu a {
    display:block;
    height:20px;
    width:130px;
    margin:2px 0 2px 20px;
    padding-left:20px;
    font-size:12px;
    color:#222;
    text-decoration: none;
}
#user_menu a i {
    display:block;
    width:130px;
    padding:2px 2px 0 4px;
    cursor:pointer;
    border-bottom: dotted 1px #666;
}
#user_menu a#logout i {border-bottom: none;}
#user_menu a:hover i {
    font-style:normal;
    border-bottom:solid 1px #666;
}
#user_menu a#logout:hover i {
    font-style:italic;
    background: none;
    border-bottom:none;
}
#user_menu a#home {background: url(../images/icons/television.png) no-repeat;}
#user_menu a#search {background: url(../images/icons/find.png) no-repeat;}
#user_menu a#favourites {background: url(../images/icons/star.png) no-repeat;}
#user_menu a#offers {background: url(../images/icons/coins.png) no-repeat;}
#user_menu a#edit {background: url(../images/icons/user.png) no-repeat;}
#user_menu a#faq {background: url(../images/icons/lightbulb.png) no-repeat;}
#user_menu a#logout {background: url(../images/icons/door_out.png) no-repeat;}
/*
    END: user_menu
*/

/*
    START: recordings_stats
*/

#recordings_stats {
    background-position:0px -359px;
    background-repeat:no-repeat;
    padding-top:10px;
    font-size:10px;
}
#recordings_stats #stats_table {
    width:172px;
    padding:0px 0px 94px 18px;
    margin:0px;
}
#recordings_stats table {
    width:160px;
}
#recordings_stats table tr {
    padding-left:18px;
    height:12px;
    line-height:12px;
}

td.align_right {
    text-align:right;
}

#recordings_stats table td {
    padding:0px 0px 0px 4px;
}

/*
    END: recordings_stats
*/


/*
    START: common channel classes
*/

.channel_heading_en {
    background:url(../images/channel_heading_sprite_EN.gif) no-repeat;
    margin:10px 10px 10px 10px;
    padding:0px;
    height:12px;
}

.channel_heading_de {
    background:url(../images/channel_heading_sprite_DE.gif) no-repeat;
    margin:10px 10px 10px 10px;
    padding:0px;
    height:12px;
}
.channel_box_de, .channel_box_en, .content_box {background:#efede8;position:relative;margin-bottom:15px;}
.channel_corner, .content_box_corner {
    position:absolute;
    width:5px;
    height:5px;
    line-height:5px;
    font-size:0px;
    background:url(../images/channel_corner_sprite.gif) no-repeat;
}
.channel_top_left, .content_box_top_left {top:0; left:0; background-position:0px 0px;}
.channel_top_right, .content_box_top_right {top:0; right:0; background-position:-5px 0px;}
.channel_bottom_left, .content_box_bottom_left {bottom:0; left:0; background-position:0px -5px;}
.channel_bottom_right, .content_box_bottom_right {bottom:0; right:0; background-position:-5px -5px;}

.channel_box_en .button {background:url(../images/channel_button_sprite_EN.png); height:25px;}
.channel_box_de .button {background:url(../images/channel_button_sprite_DE.png); height:25px;}

/*
    END: common channel classes
*/


/*
    START: create_new_channel
*/

#create_new_channel {margin-top:30px;height:70px;}
#create_new_channel h2 {height:12px;line-height:12px;background-position:0px 0px;}
#create_new_channel form{margin:13px 10px 10px 10px;}
#channel_name {background:url(../images/channel_name_background.png) repeat-x 0px 0px;border:1px solid #bbb;width:190px;height:23px;vertical-align:top;margin-right:10px;padding:0px;font-size:16px}
#id_station, #id_genre {height:25px;vertical-align:top;margin-right:10px;}
#id_station {width:140px;}
#id_genre {width:115px;}
#create_new_channel_button {width:92px;vertical-align:top;border:0px;background-position:-156px 0px;}
#create_new_channel_button:hover {background-position:-156px -25px;}

/*
    END: create_new_channel
*/


/*
    START: created_channel
*/

.created_channel {height:180px;}
.created_channel h2 {
    background-position:0px -12px;
    font-style: italic;
    font-size: 16px;
    color:#333;
    text-indent:65px;
    line-height:12px;
    overflow: visible;
}
.preview_screen_box {
    position:absolute;
    border:0;
    width:130px;
    height:100px;
    line-height:6px;
    font-size:12px;
    background:url(../images/preview_screen_box.gif) no-repeat;
}
.channel_col_1 {left:0px;}
.channel_col_2 {left:147px;}
.channel_col_3 {left:294px;}
.channel_col_4 {left:440px;}
.created_channel .preview_screen_box { /* only for preview boxes inside a channel */
    top:22px;
    margin:10px 6.66px 10px 10px;
    float:left;
}
.preview_screen_box a {color:#333;text-decoration: none;}
.preview_screen_box img.preview_image {margin:5px;width:120px;height:90px;}
.preview_screen_box img.preview_image_hint {margin:5px;width:120px;height:90px;}
.preview_screen_box img.tv_channel_logos {position:absolute;height:15px;top:5px;right:5px;}
.preview_screen_box h3 {
    margin:0;
    padding:3px 2px;
    position:absolute;
    width:118px;
    height:12px;
    top:5px;
    left:4px;
    font-size:12px;
   
    background:url(../images/preview_screen_box.gif) no-repeat 1px -5px;
}
.preview_screen_box p {
    color:#999;
    display:block;
    margin:0px;
    padding:3px 0px;
    position:absolute;
    width:122px;
    height:10px;
    top:85px;
    left:4px;
    font-size:10px;  
    background:url(../images/preview_screen_box.gif) no-repeat -3px -85px;
}
.preview_screen_box span {
    color:#333;
    font-size:10px;
    margin:0px;
    padding:3px;
    position:absolute;
    width:auto;
    height:10px;
    top:85px;
    right:2px;
}

.channel_buttons {
    height:25px;
    position:absolute;
    bottom:10px;
}

.channel_buttons a, .channel_buttons input, .channel_buttons form {
    line-height:25px;
    height:25px;
    padding:0;
    margin-left:0px;
    margin-right:10px;
    float:right;
}
.channel_buttons form {width:32px;}
.channel_buttons .view_all {
    width:92px;
    background-position: 0px 0px;
}
.channel_buttons .close {
    border:0px;
    padding:0px;
    width:32px;
    width:32px;
    margin:0px;
    background-position: -92px 0px;
}
.channel_buttons .rss {
    width:32px;
    background-position: -124px 0px;
}

.channel_buttons .view_all:hover {
    width:92px;
    background-position: 0px -25px;
}
.channel_buttons .close:hover {
    width:32px;
    background-position: -92px -25px;
}
.channel_buttons .rss:hover {
    width:32px;
    background-position: -124px -25px;
}

/*
    END: created_channel
*/



/*
    START: popular_shows
*/

#popular_shows {position:relative;height:560px;background-position: -190px 0px;}
#popular_shows .preview_screen_box {position:absolute;left:8px;}
#popular_shows .row_1 {top:148px;}
#popular_shows .row_2 {top:253px;}
#popular_shows .row_3 {top:358px;}

/*
    END: popular_shows
*/



/*
    START: website_footer
*/

#website_footer {
    margin-bottom:20px;
    height:30px;
    background-position: 190px 0px;
}
/*
    END: website_footer
*/