@charset "UTF-8";
/* "Yet Another Multicolumn Layout" v3.0.6 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 202 $ $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $ */
@media all {
*{margin:0;padding:0}
option{padding-left:.4em}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%;margin-bottom:1px}
body{font-size:100.01%;color:#000;background:#fff;text-align:left}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:1.5em;line-height:1.5em}
dt{font-weight:700}
dd{margin:0 0 1em 2em}
blockquote{margin:0 0 1em 1.5em}
#header{position:relative}
#topnav{text-align:right}
#header #topnav{position:absolute;top:10px;right:10px}
#header,#nav,#main,#footer{clear:both}
#col1{float:left;width:200px}
#col2{float:right;width:200px}
#col3{width:auto;margin:0 200px}
#col1_content,#col2_content,#col3_content{position:relative}
.hideboth #col3{margin-left:0;margin-right:0}
.hidecol1 #col3{margin-left:0;margin-right:200px}
.hidecol2 #col3{margin-left:200px;margin-right:0}
.hideboth #col1,.hideboth #col2,.hidecol1 #col1,.hidecol2 #col2{display:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
#ie_clearing{display:none}
.subcolumns{width:100%;overflow:hidden}
.subcolumns_oldgecko{width:100%;float:left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px}
.c25l,.c25r{width:25%}
.c33l,.c33r{width:33.333%}
.c50l,.c50r{width:50%}
.c66l,.c66r{width:66.666%}
.c75l,.c75r{width:75%}
.c38l,.c38r{width:38.2%}
.c62l,.c62r{width:61.8%}
.subc{padding:0 .5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.skip,.hideme,.print{position:absolute;top:-1000em;left:-1000em;height:1px;width:1px}
.skip:focus,.skip:active{position:static;top:0;left:0;height:auto;width:auto}
}

/**

	www.elgato.com style

 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { 
	background: #ffffff; 
	padding: 0px 0; 
	background: url("/images/headerbar_back.jpg") no-repeat center top;
	background-color: white;
	background-attachment: scroll;
  }  

  /* Layout Alignment | Layout-Ausrichtung */
  #page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins { width: auto;  min-width: 740px; max-width: 90em; }  
  #page { padding: 0px 10px 10px 10px;}
  #header { 
	padding: 2.5em 0 1em 20px; 
	background-color: transparent;
	height: 98px;
	background: url("/images/header_back_no_logo.jpg") no-repeat left top;
	background-attachment: scroll;
  }  
  #main { margin: 10px 0; background: transparent; }  

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 220px}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 0 0 220px}
  #col1_content { padding: 0px }
  #col3_content { padding: 0px 10px 0px 20px }

  /*-------------------------------------------------------------------------*/
}


/*@charset "UTF-8";*/
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2b (http://builder.yaml.de)
 * @file          base.css
 * @-yaml-minver  3.1
 * 
 * ELGATO NOTE:
 *   This file was originally created using the YAML Builder V1.2b at http://builder.yaml.de and 
 *   was then modified to contain only what is needed so that it can be loaded after
 *   the file www.elgato/screen/base.css and it will override just what is needed for the
 *   the my_eyetv layout file to have the correct column layout.
 */

@media screen, projection
{
  #col1 { width: 75%}
  #col2 { display:none}
  #col3 { width: auto; margin: 0px 0px 0px 75%}
  #col1_content { padding: 0px 10px 0px 10px }
  #col3_content { padding: 0px 20px 0px 10px }
}


/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  html * { font-size: 100.01% }

  /* (en) base layout gets standard font size 12px */
  body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px; 
    color: #414d59;  
  }

  h1,h2,h3,h4,h5,h6 { 
  	font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-weight: normal;
  	color:#69a83f;
  	margin: 0 0 0.5em 0; 
  }

  h3 { /* 'Paragraph-Headlines' in the style guide */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #414d59;  
  }

  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 200% }          				/* 24px */
  h3 { font-size: 100% }                        /* 150% would be 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  #header h1 {
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
  }

  #header span {
    color:#414d59;
  }

  #header .logo {
	float: right;
	margin-right: 8px;
	margin-top: 10px;
  }

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}
  .important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
  .warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   *
   */

  a {color: #5272a5; text-decoration:none;}
  a:focus,
  a:hover,
  a:active { color: #5272a5; text-decoration:none; }
  
  #topnav a { color: #5272a5; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { color: #5272a5; text-decoration:none; background-color: transparent; }
  
  #footer a { color: #999; background:transparent; font-weight: bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
}

@media all {
/* wwwelgato specifics only: */

    /*
     * Header
     */
    #header {
        color: #414d59;
        line-height:16px;
    }

    #header a {
        color: #155eb7;
        text-decoration: none
    }

    #header a.colorless {
        color: #414d59;
        text-decoration: none;
    }

    #header a.gray {
        color: #aab7bb;
        text-decoration: none;
    }

    #header a:hover {
        text-decoration: underline;
    }

    #header input[type=image] {
        border: none;
    }

    #header .logo {
        width: 123px;
        height: 50px;
        float: right;
        margin: 0 3px 0;
    }

    #header .myeyetv {
        width: 117px;
        height: 30px;
        float: left;
        margin: 11px 0 0 5px;
    }

    #header #locale_control {
        width: 250px;
    }

    /*
    * Search
    */
    .search {
        width: 167px;
        height: 16px;
    }

    .searchButton_en, .searchButton_de,
     .searchButton_fr {
        border: none;
        vertical-align: bottom;
        height: 20px;
    }

    .searchButton_en {
        width: 77px;
    }

    .searchButton_de {
        width: 74px;
    }

    .searchButton_fr {
        width: 91px;
    }

    #searchbox {
        margin-top: 9px;
    }

    /*
      * Navigation
      */
    #nav {
        float: left;
        margin: 0 0;
        height: 210px;
        width: 216px;
    }

    #nav ul {
        list-style: none;
    }

    #nav ul li {
        height: 21px;
        margin: 0;
    }

    #nav ul a {
        display: block;
        width: 150px;
        height: 20px;
        padding: 0 16px 6px 16px;
        font-size: 11px;
        color: #555a6a;
    }

    #nav ul li.active a {
        background: url(/images/menu_back_active.gif) no-repeat top left;
    }

    #nav ul li a:hover {
        background: url(/images/menu_back_active.gif) no-repeat top left;
        text-decoration: none;
    }

    h2.banner_right {
        font-size:1.8em;
    }

    /*
      * Footer-Navigation
      */
    #elgatoFooter {
        width: 720px;
        margin: 16px 0 16px 240px;
        padding: 3px 0;
        border-top: 1px solid lightgrey;
        border-bottom: 1px solid lightgrey;
        text-align: center;
        font-size: 10px;
    }

    #elgatoFooter ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #elgatoFooter ul li {
        display: inline;
    }

    #elgatoFooter a {
        color: #414d59;
        text-decoration: none;
        margin: 0 10px;
    }

    /*
    * Boxes
    */
    .boxes {
        width: 810px;
        height: 276px;
        margin-left: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .boxbody p {
        font-size: 76%
    }

    .boxbody a {
        color: gray
    }

    .boxbody a:hover {
        color: #4d7e2f;
        text-decoration: none;
    }

    * html .boxhead h2 {
        height: 1%;
    }

/* For IE 5 PC */

    .box {
        margin-bottom: 20px;
        font-size: 11px;
    }

    .boxhead {
        background: url(/images/box_head_right.png) no-repeat top right;
        height: 30px;
        padding: 0;
    }

    .boxhead h2 {
        background: url(/images/box_head_left.png) no-repeat top left;
        height: 30px;
        color: white;
        font: 1.27em Arial, Verdana, Helvetica, sans-serif;
        text-align: left;
        padding: 5px 16px;
    }

    .boxbody {
        padding: 0 10px 15px 15px;
    }

    .boxbody h2 {
        font-size: 133.33%;
        padding-top: 18px;
        font-weight: bold;
    }

    .boxbody h3 {
        padding-top: 18px;
    }

    .boxbody p {
        font-size: 100%;
    }

    .boxbody ul {
        margin-top: 4px;
    }

    .boxbody li {
        list-style-type: none;
        padding-top: 8px;
    }

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

    .box_green .boxbody {
        padding: 8px 10px 15px 15px;
    }

    .box_green .box_item {
        padding: 5px 0;
    }

    .box_green a {
        color: #404d59;
        font-weight: bold;
        vertical-align: top;
    }

    .box_darkgreen {
        float: left;
        width: 222px;
        background: url(/images/box_body_right_darkgreen.gif) no-repeat bottom right;
        color: #fff;
    }

    .box_darkgreen .boxbody {
        background: url(/images/box_body_left_darkgreen.gif) no-repeat bottom left;
    }

    .box_darkgreen .boxhead {
        background: url(/images/box_head_right_darkgreen.gif) no-repeat top right;
    }

    .box_darkgreen .boxhead h2 {
        background: url(/images/box_head_left_darkgreen.gif) no-repeat top left;
    }

    .box_darkgreen a {
        color: #fff;
    }

    .box_darkgreen li {
        height: 18px;
    }

    .box_darkgreen .divider_white {
        height: 3px;
        background: url(/images/spacer2.gif) repeat-x 0 bottom;
        margin-bottom: 14px;
        margin-right: -10px;
        margin-left: -14px;
    }

    .box_grey {
        width: 100%;
        background: url(/images/box_body_right.gif) no-repeat bottom right;
    }

    .box_grey .boxhead {
        background: url(/images/box_head_right_grey.gif) no-repeat top right;
    }

    .box_grey .boxhead h2 {
        background: url(/images/box_head_left_grey.gif) no-repeat top left;
    }

    .box_grey label {
        font-weight: normal;
        padding-left: 4px;
    }

    .box_item {
        color: #4c4c4c;
        padding: 12px 4px 0;
        line-height: 1.8em;
    }

    .box_item label {
        width: auto;
        display: inline-table;
        vertical-align: bottom;
        text-align: right;
        padding-right: 4px;
    }

    .box_item_left {
        text-align: left;
    }

    .box_item note {
        line-height: 1.3em;
        clear: none;
        float: left;
        margin-bottom: 18px;
        margin-top: 12px;
    }

    .box_item.loginflash {
        font-weight: bold;
        color: #333;
    }

    .box_item small {
        line-height: 1em;
    }

    .box_item.chkbx {
        margin-left: 13em;
        padding-top: 10px;
    }

    .box_item.chkbx label {
        width: auto;
        text-align: left;
        padding-left: 0.5em;
    }

    .pencil_icon {
        height: 82px;
        float: none;
        background: url(/images/stift.png) center no-repeat;
        padding-top: 0;
        padding-right: 26px;
    }

    div.zr,
     div.zr span.zl {
        background: url('/images/gry_btm_rght.png') no-repeat right bottom;
        height:8px;
        display:block;
        margin: -6px -1px -1px 0;
    }

    div.zr span.zl {
        background: url('/images/gry_btm_lft.png') no-repeat left bottom;
        margin: 0 0 -1px -1px;
    }

    /*
     * Navigation Elements
     */

    .note-box{
        background:url(/images/newsletter_profile/note-bg.gif) repeat-y;
        width:216px;
        margin-left:1px;
    }
    .note-box .top{background:url(/images/newsletter_profile/note-top.gif) no-repeat;}
    .note-box .bottom{
        width:184px;
        padding:18px 16px 14px;
        overflow:hidden;
        background:url(/images/newsletter_profile/note-bottom.gif) no-repeat 0 100%;
    }
    .note-box img{
        float:right;
        margin:0 0 -20px 25px;
    }
    .note-box p{
        margin:0 0 9px;
        font-size:11px;
        line-height:16px;
        color:#414d59;
    }

    #login .boxhead,
     #new_user .boxhead,
     #edit_news .boxhead,
     #profile_container .boxhead,
     #show_interests .boxhead,
     #my_ak .boxhead,
     #my_menu .boxhead,
     #hlp .boxhead {
        margin: 0 -1px;
    }

    #my_menu .box_item,
     #hlp .box_item {
        background: url('/images/nav/green_sep_dot.gif') no-repeat bottom #f6f8f8;
    }

    #my_menu, #hlp {
        border-left: 1px solid #e5e2e1;
        border-right: 1px solid #e5e2e1;
        width: 99%;
    }

    #my_menu .box_item a,
     #hlp .box_item a {
        background: url('/images/nav/gr-arrw.gif') no-repeat 10px;
        padding-left:30px;
        display:block;
    }

    div.lr, div.lr span.ll {
        background: url('/images/nav/line_right.png') no-repeat right bottom;
        height: 11px;
        display: block;
        margin: -5px -1px 0;
    }
    div.lr span.ll {
        background: url('/images/nav/line_left.png') no-repeat left bottom;
        margin-left:0;
    }

    #logout.box_item,
     #my_profile.box_item,
     #customer_support.box_item {
        padding:1px 0 5px;
    }

    #news_nav_s, #news_nav_l, .epg_nav {
        width: 186px;
        padding: 10px 15px;
        float: left;
        position: relative;
    }

    #news_nav_s div {
        width: 55%;
    }

    #news_nav_s a, #news_nav_l a {
        bottom: 13px;
        left: 18%;
        position: absolute;
    }

    #news_nav_l, #news_nav_s {
        height: 112px;
        background: url(/images/nav/banner-elgato_news_l.jpg) no-repeat;
    }

    .epg_nav {
        height: 171px;
        background: url(/images/nav/banner-my_epg.jpg) no-repeat top left;
    }

    .epg_nav h2 div {
        width:103px;
        height: 70px;
        float:right;  
    }

    .epg_nav a {
        bottom:38px;
        margin-left:-4px;
        position:absolute;
    }

    /*
     * Buttons
     */

    input.button_grey_back[type="submit"],
     input.button_grey_back[type="button"]{
        background: transparent url('/images/btn-right.gif') repeat-x;
        height:18px;
        width: 8px;
        border: none;
        cursor:pointer;
    }

    span.button_arrow, span.button_dot,
     label.button_arrow, label.button_dot,
     a.button_right, span.button_right,
     span.button_middle {
        height: 18px;
        float: left;
    }

    span.button_arrow, label.button_arrow {
        background: url('/images/btn-arrow.gif') no-repeat 0 0;
        padding: 0;
        cursor: pointer;
    }

    span.button_dot, label.button_dot {
        background: url('/images/btn-dot.gif') no-repeat 0 0;
        cursor: pointer;
        padding: 0;
    }

    span.button_middle {
        background: transparent url('/images/btn-middle.gif') repeat-x;
        color:#4C4C4C;
        margin-left:22px;
        padding:0 3px 0 6px;
        line-height:1.4em;
    }

    a.button_right, span.button_right {
        background: transparent url('/images/btn-right.gif') no-repeat right;
        padding-right:8px;
    }

    /* Signup form */
    div.pseudo_field label[for=user_wants_newsletter],
      div.pseudo_field label[for=user_html_newsletter] {
        width: auto;
        margin-left: 5px;
    }

    /*
     * Profile display & edit
     */

    #login.box, #new_user.box,
     #edit_news.box,
     #profile_container.box,
     #show_interests.box,
     #my_ak.box,
     #software_download.box {
        background-color:#F6F8F8;
        border-left: 1px solid #e5e2e1;
        border-right: 1px solid #e5e2e1;
    }    

    #profile_display, #profile_edit,
    #password_display, #password_edit {
        clear:both;
    }

    .profile_display p,
    .profile_edit p {
        height: 1.5em;
        width: 50%;
        margin: 10px 0;
        padding: 0;
        float: left;
    }

    .profile_display label.key,
    .profile_edit label.key {
        width: 32%;
        margin: 0 5px;
        float: left;
    }

    .profile_display input, textarea, select,
    .profile_edit input, textarea, select {
        width: 55%;
        height: 1.6em;
    }

    .profile_display select, option, optgroup,
    .profile_edit select, option, optgroup {
        padding: 0;
    }

    .profile_display option, optgroup,
    .profile_edit option, optgroup {
        width: 101%;
    }
    .profile_display.newsletter,
    .profile_edit.newsletter{
        padding:0 15px 15px 15px;
        overflow:hidden;
    }

    #profile_display .separator_greyline {
        clear:left;
    }

    #user_raw_date_of_birth_2i {
        width: 28%;
    }

    #user_raw_date_of_birth_3i {
        width: 14%;
    }

    #user_raw_date_of_birth_1i {
        width: 18%;
    }

    label.password_edit {
        float: left;
        width: 150px;
        text-align:left;
    }

    #my_ak table{
        width:100%;
    }

    #my_ak table thead{
        border-bottom: solid 1px black;
    }

    #my_ak table thead th{
        background:none;
        color: inherit;
    }

    .sprtr,
     .sprtr span.lft{
        background:url(/images/sprtr-rgt.png) no-repeat right bottom;
        height:11px;
        display:block;
        margin:20px -11px 0;
    }
    .sprtr span.lft{
        background:url(/images/sprtr-lft.png) no-repeat;
        margin-left:-5px;
    }

    /*
        Interests edit
    */
    #show_interests #elgato_products_form .separator,
    #show_interests #computer_products_form .separator,
    #show_interests #interests_form .separator {
        margin: 20px -11px 0;
    }

    /*  Privacy Policy */
    #privacy_policy .boxhead {
        height: 25px;
    }
    #privacy_policy .boxhead h2 {
        height: 15px;
    }
    #privacy_policy div#a1 {
        padding: 10px 15px;
    }

    /*
    * General
    */
    .clear {
        clear: both;
        float: none;
        display: block;
    }

    .clear.left{
        clear:left;
    }

    .clear.right{
        clear:right;
    }

    .spacer{
        height: 15px;
        float:left;
        width:100%   
    }

    form#login {
        width: 100%;
    }

    form#login input#password,
     form#login input#email,
     form#login label[for=email],
     form#login label[for=password] {
        width: 90%;
        display: inline-block;
        margin: 6px 4px 0;
        height:1.6em;
    }

    .checkboxlabel {
        vertical-align: middle;
        text-align: left;
    }

    .h1space {
        height: 3.4em; /* temporary until we have the height of teaser*/
    }

    .divider {
        height: 20px;
        clear: both;
    }

    .exp {
        width: 30em;
        margin: 10px auto;
    }

    h2.colorless, h3.colorless, b.colorless, strong.colorless {
        color: #6b7e89;
    }

    span.separator_greyline {
        border-bottom: 1px solid #97afb5;
        margin: 10px 0;
        overflow:hidden;
        display:block;
        height: 1px;
        width: 100%;
    }

    /*
      * Flash and user feedback messaging
      */
    #notice, #error, .error {
        float: none;
        padding: 0 10px;
        margin-bottom: 20px;
        width: 95%;
        text-align: center;
    }

    #error, .error {
        color: white;
        background: #e93a42 url("/images/symbol_error_white.png") no-repeat 12px center;
    }

    #notice {
        color: #555a6a;
        background: #e8edf0 url("/images/symbol_message.png") no-repeat 14px center;
    }

    #notice h3, #error h3, .error h3 {
        line-height: 2.1em;
        margin-left: 30px;
        font-size: 133.33%;
        font-weight: normal;
    }

    #error h3, .error h3 {
        color: white;
    }

    /*
      * Corners
      */

    span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
        font-size: 1px;
        line-height: 1px;
        display: block;
        height: 5px;
        background-repeat: no-repeat;
    }

    span.corners-top {
        background-position: 0 0;
        background-image: url("/images/corners_left.png");
        margin: 0 -10px;
    }

    span.corners-top span {
        background-image: url("/images/corners_right.png");
        background-position: 100% 0;
    }

    span.corners-bottom {
        background-position: 0 100%;
        background-image: url("/images/corners_left.png");
        margin: 0 -10px;
        clear: both;
    }

    span.corners-bottom span {
        background-image: url("/images/corners_right.png");
        background-position: 100% 100%;
    }

    /*
      * Controls
      */

    input, textarea, select, option, optgroup {
        padding: 0 4px;
        font-family: inherit;
        font-size: inherit;
        border: 1px solid #97afb5;
        color: #414d59;
    }

    select, option {
        padding: 0 0 0 4px;
        height: 1.8em;
    }

    option, optgroup {
        border: none;
    }

    input[type=checkbox] {
        width: 1.1em;
        vertical-align: middle;
        position: relative;
        bottom: 2px;
    }

    input[type=image] {
        border: none;
    }

    input[type=submit] {
        border: 1px solid #97afb5;
    }

    button {
    /* Safari needs this to avoid the look of shite. higher than 4px and the buttons get right-angle corners */
        padding: 4px;
    }

    input.radio, input.checkbox {
        width: auto;
    }

    input.submit {
        width: auto;
        cursor: pointer;
    }

    form.display_only input, form.uberform input {
        width: 20em;
        float: left;
    }

    form.display_only label, form.uberform label {
        float: left;
        width: 12em;
        text-align: right;
        padding-right: 1em;
    }

    form.display_only input[type=checkbox], form.uberform input[type=checkbox] {
        margin-top: 4px;
        width: auto;
    }

    form.display_only select, form.uberform select {
        width: 21em;
    }

    form.display_only br, form.uberform br {
        clear: left;
    }

    span#msg, div#trspt {
        position: absolute;
        top: -30px;
        left: 0;
        width: 100%;
        height: 25px;
    }

    div#trspt{
        background-color: lightgray;
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        opacity: 0.5;
    }
    p#msg{
        text-align:center;
        font-weight:bold;
        font-size: 1.1em;
        line-height: 2em;
    }

    /*
      * Form errors
      */

    .fieldWithErrors input {
        background-color: #eaeaff;
    }

    #errorExplanation {
        border: 1px solid #dcdcdc;
        background: #eaeaff;
        margin: 20px 0;
    }

    #errorExplanation h2 {
        text-align: left;
        font-weight: bold;
        padding: 5px 5px 5px 5px;
        font-size: 120%;
    }

    #errorExplanation p {
        padding: 5px 5px 2px;
        font-size: 100%;
    }

    #errorExplanation ul li {
        font-size: 100%;
        list-style: square;
        padding: 2px 0 2px 0;
    }

    /*
    *   public newsletter edit
    */
    .newsletter-edit {
        background:url(/images/box_head_right_grey.gif) no-repeat right top #F6F8F8;
    }
    .newsletter-edit .bottom{
        background:url(/images/newsletter_profile/btm-rgt.gif) no-repeat right bottom;
        padding:0 0 6px;
    }
    .newsletter-edit div.bottom > div {
        border-left: 1px solid #e5e2e1;
        border-right: 1px solid #e5e2e1;
    }
    .newsletter-edit h2,
     .newsletter-edit .title{
        background: url('/images/box_head_left_grey.gif') no-repeat left top;
        margin:0;
        font-size:1.27em;
        font-weight:bold;
        color:#69a83f;
        font-family:Arial, Helvetica, sans-serif;
    }
    .newsletter-edit .bottom div h2 {
        background:none;
        margin:0 0 1em 1em;
    }

    .newsletter-edit #my_profile {
        padding: 6px 0 10px 10px;
        line-height:1em;
    }
    .newsletter-edit .title{
        height:20px;
        padding:5px 0 0;
        margin-right: -1px;
    }
    .newsletter-edit .title a{
        padding:1px 0 2px 24px;
        background:url(/images/newsletter_profile/opener-link-over.gif) no-repeat 5px 0;
        font-weight:bold;
        font-size:0.85em;
        color:#414d59;
        text-decoration:none;
    }
    .newsletter-edit .close a{
        background:url(/images/newsletter_profile/opener-link.gif) no-repeat 5px 0;
    }
    .newsletter-edit #eyetv_products_head,
     .newsletter-edit #apple_products_head,
     .newsletter-edit #interests_head {
        background: url('/images/box_head_right_grey.gif') no-repeat right top;
    }
    .newsletter-edit #interests_head {
        padding-bottom:10px;
    }
    .newsletter-edit .profile-content table{
        margin-bottom:10px
    }
    .newsletter-edit .sprtr{
        margin:0 -1px 20px;
    }
    .newsletter-edit .sprtr span.lft {
        margin-left:0;
    }
    div.bottom div.zl {
        background: url('/images/newsletter_profile/btm-lft.gif') no-repeat left bottom;
        height: 6px;
        margin: 0 0 -6px;
        border: none;
    }
    .profile-content {
        overflow:hidden;
        padding:20px 0 6px;;
    }
    .profile-content h3{
        margin: 10px 0;
        font-size:11px;
        font-weight:bold;
        color:#414d59;
        padding-left:22px;
    }
    .profile-content table {
        margin:  0 20px 20px 20px;
        padding: 0;
    }
    .profile-content td {
        margin:  0;
        padding: 10px 0;
    }
    #eyetv_products_form a {
        padding-left:15px;
        background:none;
    }
    .btns-holder{
        padding:0 19px;
        overflow:hidden;
    }
    /*
    * Password forgot
    */
    form#password_reset{
       
    }
    form#password_reset div.field_row{
        margin-bottom: 1.5em;
    }
    form#password_reset label.button_arrow {
        width: 100%;
    }
    form#password_reset span.button_middle {
        text-align:left;
    }
    /*
    *  software download
    */
    .dark {
        color:#2f3841;
    }

    .graybox div.topleft {
        display: block;
        background: url("/images/box-bg.png") top left no-repeat white;
        padding: 2.0em 0em 0em 2.0em;
    }

    .graybox div.topright {
        display: block;
        background: url("/images/box-bg.png") top right no-repeat white;
        padding: 2.0em;
        margin: -2.0em 0 0 2.0em;
    }

    .graybox div.bottomleft {
        display: block;
        height: 45px;
        margin-top: -2.0em;
        background: url("/images/box-bg.png") bottom left no-repeat white;
    }

    .graybox div.bottomright {
        display: block;
        background: url("/images/box-bg.png") bottom right no-repeat white;
        height: 45px;
        margin-left: 3.0em;
    }


}