/* common styles for inputs and errors */
.form span.input,
.form span.input-error {
    float: left;
    margin: -2px 6px -2px -2px;
    padding: 2px;
    position: relative;
}
.form span.input-error {
    background-color: red;
}
.form .error-message,
.form .error-message-right {
  background: transparent url(/NOE/images/icons/input-error-eeeeee.gif) no-repeat top left;
  color: #EB1E25;
  padding-left: 28px;
  width: 356px;
  min-height: 20px;
  margin-bottom: 8px;
}
/* ********************************************************************************* */
/* ### content - teaser elements ### */
/* ********************************************************************************* */
/* ###  Teaser News topstory #### */
.teaser-news-topstory {
    width: 448px;
    margin-bottom: 28px;
}
.teaser-news-topstory .teaser-top,
.teaser-news-topstory .teaser-bottom{
    background: #eeeeee url(/NOE/images/siteware/bg-448-eeeeee-ffffff-top.gif) no-repeat top center;
    float: left;
    padding-top: 16px;
    width: 448px;
}
.teaser-news-topstory .teaser-bottom {
    background: url(/NOE/images/siteware/bg-448-eeeeee-ffffff-bottom.gif) no-repeat bottom center;
    padding: 0 0 16px;
}
.teaser-news-topstory .teaser-graphic {
    float: left;
    margin: 0px 16px 0px 0px;
    padding-left: 16px;
}
.teaser-news-topstory .teaser-content {
    float: left;
    width: 230px;
}
.teaser-news-topstory .teaser-content span.news-date {
    display: block;
    margin-bottom: 3px;
}
.teaser-news-topstory .teaser-content h3 {
    font-size: 1.154em;
    margin-bottom: 0;
}
.teaser-news-topstory .teaser-content p {
    line-height: 1.154em;
    margin-bottom: 6px;
}
.teaser-news-topstory .teaser-content p.nomargin {
    margin: 0;
}
.teaser-news-topstory .teaser-content div.links {
    margin-top: 8px;
}
.teaser-news-topstory .teaser-content div.links a{
    background: url(/NOE/images/icons/link-arrow-008ce4-trans.gif) no-repeat;
    background-position: left 0.45em;
    color: #008ce4;
    display: block;
    padding: 2px 0 2px 12px;
    text-decoration: none !important;
}
.teaser-news-topstory .teaser-content div.links a:hover{
    text-decoration: underline !important;
}

/* ********************************************************************************* */
/* ### Teaser News Standard ### */
/* ********************************************************************************* */
.teaser-news-standardstory {
    width: 448px;
    margin-bottom: 24px;
}
.teaser-news-standardstory .teaser-graphic {
    float: left;
    margin: 0 16px 0 0;
}
.teaser-news-standardstory .teaser-content {
    float: left;
    width: 254px;
    padding-right: 16px;
}
.teaser-news-standardstory .teaser-content span.news-date {
    display: block;
    font-size: 0.846em;
    margin-bottom: 3px;
}
.teaser-news-standardstory .teaser-content h3 {
    font-size: 1.154em;
    margin-bottom: 0;
}
.teaser-news-standardstory .teaser-content p {
    line-height: 1.154em;
    margin-bottom: 6px;
}
.teaser-news-standardstory .teaser-content div.links {
    margin-top: 8px;
}
.teaser-news-standardstory .teaser-content div.links a{
    background: url(/NOE/images/icons/link-arrow-008ce4-trans.gif) no-repeat;
    background-position: left 0.45em;
    color: #008ce4;
    display: block;
    padding: 2px 0 2px 12px;
    text-decoration: none !important;
}
.teaser-news-standardstory .teaser-content div.links a:hover{
    text-decoration: underline !important;
}


/* ********************************************************************************* */
/* ### Teaser News other + news archive ### */
/* ********************************************************************************* */
.news-other,
.news-archive {
    margin-bottom: 32px;
    width: 448px;
}
.news-other .teaser-top,
.news-archive .teaser-top {
       background: #eeeeee url(/NOE/images/siteware/bg-448-eeeeee-ffffff-top.gif) no-repeat top center;
    float: left;
    padding-top: 10px;
    width: 448px;
}
.news-other .teaser-header,
.news-archive .teaser-header {
    padding: 0px 16px;
}
#col-cont-content .news-other .teaser-content a {
    text-decoration:none;
}
.news-other .teaser-content .news-item,
.news-archive .teaser-content .news-item {
    background-color: #ffffff;
}

/* News Item Top */ 
.news-other .teaser-content .news-item .news-item-top,
.news-archive .teaser-content .news-item .news-item-top {
    background: url(/NOE/images/siteware/bg-448-ffffff-eeeeee-top.gif) no-repeat top center;
    float: left;
    padding-top: 8px;
    width: 448px;
}

/* News Item Bottom */ 
.news-other .teaser-content .news-item .news-item-bottom,
.news-archive .teaser-content .news-item .news-item-bottom {
    background:url(/NOE/images/siteware/bg-448-ffffff-efefef-bottom.gif) no-repeat bottom center;
    float:left;
    padding-bottom: 10px;
    width: 448px;
}

/* News Item Bottom Hover */ 
.news-other .teaser-content .news-item:hover .news-item-bottom,
.news-other .teaser-content .news-item_hover .news-item-bottom,
.news-archive .teaser-content .news-item:hover .news-item-bottom,
.news-archive .teaser-content .news-item_hover .news-item-bottom {
    background-image: url(/NOE/images/siteware/bg-448-008ce4-eeeeee-bottom.gif);
}

/* News Item Bottom Last*/ 
.news-other .teaser-content .last .news-item-bottom,
.news-archive .teaser-content .last .news-item-bottom {
    background: url(/NOE/images/siteware/bg-448-ffffff-efefef-ffffff-bottom.gif) no-repeat bottom center;
    float: left;
    padding-bottom: 10px;
    width: 448px;
}

/* News Item Bottom Last Hover */ 
.news-other .teaser-content .last:hover .news-item-bottom,
.news-other .teaser-content .last_hover .news-item-bottom,
.news-archive .teaser-content .last:hover .news-item-bottom,
.news-archive .teaser-content .last_hover .news-item-bottom {
    background-image: url(/NOE/images/siteware/bg-448-008ce4-eeeeee-ffffff-bottom.gif);
}

/* News Item Content */ 
.news-other .teaser-content .news-item .news-item-content,
.news-archive .teaser-content .news-item .news-item-content {
    background-color: #ffffff;
    border-left: 2px solid #eeeeee;
    border-right: 2px solid #eeeeee;
    float: left;
    padding: 8px 14px 4px;
    width: 416px;
}
.news-other .teaser-content .news-item .news-item-content span.news-date,
.news-archive .teaser-content .news-item .news-item-content span.news-date {
    display: block;
    float: left;
    margin-right: 8px;
    width: 80px;
}
.news-other .teaser-content .news-item .news-item-content h3,
.news-archive .teaser-content .news-item .news-item-content h3 {
    font-size: 1em;
    float: left;
    text-decoration: underline;
    width: 328px;
}
.news-other .teaser-content .news-item .news-item-content p,
.news-archive .teaser-content .news-item .news-item-content p {
    float: left;
    margin-bottom: 0;
    padding-left: 88px;
    width:328px;
}
.news-other .teaser-content a:hover,
.news-archive .teaser-content a:hover {
    cursor: hand;
    text-decoration: none;
}
.news-other .teaser-content .news-item:hover .news-item-content,
.news-other .teaser-content .news-item_hover .news-item-content,
.news-other .teaser-content .last_hover .news-item-content,
.news-archive .teaser-content .news-item:hover .news-item-content,
.news-archive .teaser-content .news-item_hover .news-item-content,
.news-archive .teaser-content .last_hover .news-item-content {
    background-color: #008ce4;
    color: #ffffff;
} 
.news-other .teaser-content .news-item:hover .news-item-content h3,
.news-other .teaser-content .news-item_hover .news-item-content h3,
.news-other .teaser-content .last_hover .news-item-content h3,
.news-archive .teaser-content .news-item:hover .news-item-content h3,
.news-archive .teaser-content .news-item_hover .news-item-content h3,
.news-archive .teaser-content .last_hover .news-item-content h3 {
    color: #ffffff;
}

/* News Item Top*/ 
.news-other .teaser-content .news-item:hover .news-item-top,
.news-other .teaser-content .news-item_hover .news-item-top,
.news-other .teaser-content .last_hover .news-item-top,
.news-archive .teaser-content .news-item:hover .news-item-top,
.news-archive .teaser-content .news-item_hover .news-item-top,
.news-archive .teaser-content .last_hover .news-item-top {
    background-image: url(/NOE/images/siteware/bg-448-008ce4-eeeeee-top.gif);
}


.news-archive .opening_box {
    height:12px;
    margin-bottom:-10px;
    position:relative;
}

/* ********************************************************************************* */
/* ### FILTER ### */
/* ********************************************************************************* */

#newsfinder_form {
    overflow:visible;    
}
.content-filter {
    float:left;
}
.content-results {    
    float:right;
    width:448px;
}
#col-cont-content .news-archive .teaser-content a {
text-decoration:none;
}

/* ### News filter ### */
.filter-news .filter-top {
    background: url(/NOE/images/siteware/bg-208-dcdcdc-ffffff-top.gif) no-repeat top left;
    padding: 10px 0 0 0;
}
.filter-news .filter-header {
    background-color: #dcdcdc;
    font-weight: bold;
    padding: 0 16px 4px;
}
.filter-news .filter-content-top {
    background: url(/NOE/images/siteware/bg-208-eeeeee-dcdcdc-top-.gif) no-repeat top left;
    padding: 10px 0 0 0;
}
.filter-news .filter-content-bottom {
    background: url(/NOE/images/siteware/bg-208-eeeeee-dcdcdc-bottom.gif) no-repeat bottom left;
    padding: 0 0 10px 0;
}
.filter-news .filter-content-bottom-last {
    background: url(/NOE/images/siteware/bg-208-eeeeee-dcdcdc-ffffff-bottom-last.gif) no-repeat bottom left;
    padding: 0 0 10px 0;
}
.filter-news .filter-content {
    background: url(/NOE/images/siteware/bg-208-eeeeee-dcdcdc-middle.gif) repeat-y left;
    padding: 0 16px;
}
.filter-news .filter-content p {
    color: #646464;
}
.filter-news .filter-content .label-select {
    float: left;
    margin-bottom: 2px;
}
.filter-news .filter-content select {
    border: 1px solid #b0b0b0;
    color: #646464;
    float: left;
    margin-bottom: 6px;
    width: 176px;
}
.filter-news .filter-content .label-searchword {
    color: #646464;
    float: left;
    margin-bottom: 4px;
    width:100%;
}
.filter-news .filter-content .input-searchword {
    border: 1px solid #b0b0b0;
    clear: left;
    color: #646464;
    float: left;
    padding: 0 2px;
    height: 18px;
    width: 106px;
}
.filter-news .filter-content .input-startsearch {
    float: left;
    margin: 1px 0px 0px 4px;
}
.filter-news .filter-content-additional {
    padding: 0px 16px;
    margin-top: 14px;
    margin-bottom: 16px;
}
.paging-navi {
    text-align: center;
}

/* ********************************************************************************* */
/* ### News - Teaser News Details  ### */
/* ********************************************************************************* */
.teaser-news-detail {
    width: 448px;
    margin-bottom: 28px;
    padding:8px 0 8px 0;
}
.teaser-news-detail .news-videoplayer {
    display:inline; 
    float:right; 
    margin:0 0 10px 10px;
}
.teaser-news-detail .news-videoplayer.right {
    display:inline; 
    float:right; 
    margin:0 0 10px 10px;
}
.teaser-news-detail .news-videoplayer.left {
    display:inline; 
    float:left; 
    margin:0 10px 10px 0;
}
.teaser-news-detail .news-videoplayer.center {
    display:block; 
    float:none; 
    margin:0 0 10px 0;
    text-align:center;
    width:100%;
}
.teaser-news-detail .news-content.module{
    clear:both;
    padding:10px 0 20px 0;
    line-height:1.308em;
}
* html .teaser-news-detail .news-content.module {
    padding-top:8px;
}
*+html .teaser-news-detail .news-content.module {
    padding-top:8px;
}
.teaser-news-detail .news-content a{
    text-decoration:underline;
}
.teaser-news-detail table{
    width:446px;
    margin:0px 0px 15px 1px;
}
.teaser-news-detail table th{
    background:#F5F5F5;
    border:1px solid #B4B4B4;
    padding:6px 0pt 6px 10px;
}
.teaser-news-detail table td{
    border:1px solid #B4B4B4;
    padding:6px 0pt 6px 10px;
}
.teaser-news-detail p{
    padding:0;
    margin:0 0 12px 0;
}
.teaser-news-detail .news-nav {
    border-top: 2px solid rgb(245, 245, 245); 
    margin-top: 24px;
}
.teaser-news-detail .teaser-graphic {
    float: left;
    margin: 0px 16px 0px 0px;
    position:relative;
}
.teaser-news-detail .teaser-graphic img {
    margin-bottom:5px;
}
.teaser-news-detail .teaser-content {
    float: left;
}
.teaser-news-detail .teaser-content span.news-date {
    display: block;
    margin-bottom: 3px;
}
.teaser-news-detail .teaser-content h3 {
    font-size: 1.154em;
    margin-bottom: 0;
}
.teaser-news-detail .teaser-content p {
    line-height: 1.154em;
    margin-bottom: 6px;
}    
.teaser-news-detail .first{
    padding-top:10px;
}
.teaser-news-detail .link-arrow-right{
    float: right;
    color:#008ce4;
    background:transparent url(/NOE/images/icons/link-arrow-008ce4-trans.gif) no-repeat scroll right 0.5em;
    padding:2px 12pt 2px 12px;
}    
.teaser-news-detail .link-arrow-left{
    float: left;
    background:url(/NOE/images/icons/link-arrow-008ce4-ffffff-left.gif) no-repeat left 0.5em;
    color:#008ce4;
    padding:2px 12pt 2px 12px;
}    
#col-cont-content .teaser-news-detail a.link-arrow-left, 
#col-cont-content .teaser-news-detail a.link-arrow-right { 
  text-decoration:none; 
} 
#col-cont-content .teaser-news-detail a.link-arrow-left:hover, 
#col-cont-content .teaser-news-detail a.link-arrow-right:hover { 
     text-decoration:underline; 
}     
  

/* ********************************************************************************* */
/* ###     News - Related Links  ### */
/* ********************************************************************************* */
.filter-related-links .game-packetshot-wii {
    margin:0px 10px 10px 0px;
    float:left;
}
.filter-related-links .game-packetshot-wii img{
    width:49px;
}
.filter-related-links h3{
    font-size:1em;
}
.filter-related-links .game-details {
  font-size: 0.846em;
    width: 175px;
    float: left;
    padding-bottom:3px;
}

.filter-related-links .game-details .row {
  line-height: 1.273em;
  padding-bottom:4px;
  width:175px;
}
.filter-related-links .game-details .row-link {
  margin-top:5px; 
  font-size:13px;
}
.filter-related-links .game-details .row .label {
  font-weight: bold;
  display:block;
  width: 175px;
}
.filter-related-links .game-details .row .data {
  width: 175px;    
  display:block;
}
.interest-h3 {
  margin-top:15px;
}
.news-date {
    margin-bottom:5px;
}

.filter-related-links .game-packetshot img {
    border: 1px solid #808080;
    width: 91px;
}
.filter-related-links .filter-top {
    background: url(/NOE/images/siteware/bg-208-dcdcdc-ffffff-top.gif) no-repeat top left;
    padding: 10px 0 0 0;
}
.filter-related-links .filter-header {
    background-color: #dcdcdc;
    font-weight: bold;
    padding: 0 16px 4px;
}
.filter-related-links .filter-content-top {
    background: url(/NOE/images/siteware/bg-208-eeeeee-dcdcdc-top-.gif) no-repeat top left;
    padding: 10px 0 0 0;
}
.filter-related-links .filter-content-bottom {
    background: url(/NOE/images/siteware/bg-208-eeeeee-dcdcdc-bottom.gif) no-repeat bottom left;
    padding: 0 0 10px 0;
}
.filter-related-links .filter-content-bottom-last {
    background: url(/NOE/images/siteware/bg-208-eeeeee-dcdcdc-ffffff-bottom-last.gif) no-repeat bottom left;
    padding: 0 0 10px 0;
}
.filter-related-links .filter-content {
    background: url(/NOE/images/siteware/bg-208-eeeeee-dcdcdc-middle.gif) repeat-y left;
    padding: 0 16px;
}    

/* ### teasers for general and parents newsletter ### */
.subscribe-general-newsletter,
.subscribe-parents-newsletter {
    color: #ffffff;
    width: 448px;
    margin: 0 0 32px 0;
}
.subscribe-general-newsletter {
    background: #008ce4 url(/NOE/images/siteware/bg-448-subscribe-newsletter-general-top.jpg) no-repeat top left;
}
.subscribe-parents-newsletter {
    background: #008ce4 url(/NOE/images/siteware/bg-448-subscribe-newsletter-parents-top.jpg) no-repeat top left;
}
.subscribe-general-newsletter h3,
.subscribe-parents-newsletter h3 {
    margin-bottom: 11px;
  padding-left: 16px;
}
.subscribe-general-newsletter .content,
.subscribe-parents-newsletter .content {
  padding-left: 16px;
    width: 240px;
}
.subscribe-general-newsletter .content ul,
.subscribe-parents-newsletter .content ul {
    margin: 0;
    list-style-type: none;
}
.subscribe-general-newsletter .content ul li,
.subscribe-parents-newsletter .content ul li {
    background: transparent url(/NOE/images/icons/list-ffffff-008ce4.gif) no-repeat scroll left 0.6em;
    padding-left: 14px;
    margin-left: 2px;
}
.subscribe-newsletter-bottom {
    background: transparent url(/NOE/images/siteware/bg-448-subscribe-newsletter-bottom.jpg) no-repeat bottom left;
    padding: 16px 0px 16px 0px;
}
.subscribe-general-newsletter .subscribe-newsletter-bottom {
  min-height: 188px;
}
.subscribe-parents-newsletter .subscribe-newsletter-bottom {
  min-height: 200px;
}
/* ### subscription form ### */
.newsletter-subscription-top {
    background: #eeeeee url(/NOE/images/siteware/bg-448-eeeeee-ffffff-top.gif) no-repeat top left;
    padding-top: 16px;
    margin-bottom: 16px;
    width: 448px;
}
.newsletter-subscription-bottom {
    background: #eeeeee url(/NOE/images/siteware/bg-448-eeeeee-ffffff-bottom.gif) no-repeat bottom left;
    padding: 0 16px 16px;
}
#newsletter_subscription_form .row {
    margin-bottom: 8px;
  width: 416px;
}
#newsletter_subscription_form .row .checkbox-image {
  margin-right: 8px;
}
#newsletter_subscription_form .row .checkbox-container {
  float: left;
  margin-top: 10px;
  width: 357px;
}
#subscribe_general_nl,
#subscribe_parents_nl,
#subscribe_confirm {
  float: left;
  margin-right: 4px;
}
#newsletter_subscription_form .row .checkbox-container label{
  display: block;
  float: left;
  width: 329px;
}
#newsletter_subscription_form .subscriber-data {
  background: #ffffff url(/NOE/images/siteware/bg-416-ffffff-eeeeee-top.gif) no-repeat top left;
  padding-top: 16px;
  margin-bottom: 16px;
}
#newsletter_subscription_form .subscriber-data-bottom {
  background: #ffffff url(/NOE/images/siteware/bg-416-ffffff-eeeeee-bottom.gif) no-repeat bottom left;
  padding: 0 16px 16px;
}
#newsletter_subscription_form .subscriber-data-bottom label{
  float: left;
  width: 120px;
}
#newsletter_subscription_form .subscriber-data-bottom .error-message,
#newsletter_subscription_form .subscriber-data-bottom .error-message-right {
    background-image: url(/NOE/images/icons/input-error-ffffff.gif);
}
#newsletter_subscription_form label.confirm {
  display: block;
  float: left;
  font-size: 0.846em;
  padding-left: 4px;
  width: 385px;
}
#newsletter_subscription_form .buttons {
  width: 448px;
}
#newsletter_subscription_form .buttons input {
  float: right;
}
#subscriber_email {
  width: 236px;
}
/* news navigation (copied from basemod_games.css -> game-nav) */
.news-nav{ 
    font-size:0.85em;
    height:25px;
    width:448px;
    margin-bottom:5px;
}
.news-nav .items-count {
    float:left; 
    margin-top:3px;
}
.news-nav .items-selection_page{
    float:left; 
    padding-left:45px
}
.news-nav .items-selection_sort {
    float:left; 
    padding-left:7px;
}
.news-nav .items-selection_page_right{
    float:right; 
    padding-left:25px
}
.news-nav .items-selection_sort_right {
    float:right; 
    padding-left:7px;
}
.news-nav #ff_sort, #ff_items{
    color:#646464;
    border:1px solid #eeeeee;
    background-color:#eeeeee;
}
.page-nav {
    background-image:url(/NOE/images/siteware/bg-448-page_nav.jpg);     
    background-repeat:no-repeat;  
    height:22px;
    width:445px;
    padding:4px 2px;
    font-size:0.85em;
    margin-bottom:10px;
}
#footer-box {
    margin-top:15px;
}
#paging-next-button-h, #paging-before-button-f, 
#paging-before-button-h, #paging-next-button-f{
    color: #008ce4;
    visibility:hidden;
}
#paging-before-button-h, #paging-before-button-f{
    background:url(/NOE/images/siteware/bg-link-arrow-008ce4-trans-left.gif) no-repeat left 3px;
    padding-left:10px;
    margin-left:10px;    
}
#paging-next-button-h, #paging-next-button-f{ 
    background:url(/NOE/images/siteware/bg-link-arrow-008ce4-trans-right.gif) no-repeat right 3px;
    float:right;
    padding-right:10px;
    margin-right:10px;
}
.link-aktiv{
    color: #008ce4;
    font-weight:bold;
    background: transparent url(/NOE/images/siteware/bg-14-link-aktiv.gif) no-repeat center;
    padding:0 4px;
}
.link{
    padding:0 4px;
}


/* ********************************************************************************* */
/* ### News - Events - Detail Page                                                 ### */
/* ********************************************************************************* */
.events-content {
    margin-bottom:30px;
}
.events-content .date {
    margin-bottom:5px;
}
.events-content h3 {
    padding-bottom:15px;
}
.events-content img.mood {
    float:left; margin:0 16px 16px 0; position:relative;
}
.events-content span.mood {
    float:left;
    margin:0 16px 16px 0;
    position:relative;
}



/* ********************************************************************************* */
/* ### News - Events - Minieventfinder                                             ### */
/* ********************************************************************************* */

.filter-games-mini .filter-content-top .no-tabs {
    height:10px; 
    margin-top:5px;
    line-height:0px; 
    font-size:0px;
}
.filter-games-mini .events .filter-content {
    padding-top:10px;
    padding-bottom:5px;
}
.filter-games-mini .events .filter-content .pt30{
    padding-top:30px;
}
* html .filter-games-mini .events .filter-content .pt30 {
    padding-top:0px;
}
*+html .filter-games-mini .events .filter-content .pt30 {
    padding-top:0px;
}
.filter-games-mini .events .game-scroll-content {
    height:186px;
}
.filter-games-mini .events .game-scroll-content .game-details {
    width:100px;
}
.filter-games-mini .events .game-packshot img {
    border:0;
}
.filter-games-mini .events .system {
    font-size:11px;
}
.filter-games-mini .events .game-mini {
    margin-bottom:12px;
}
.filter-games-mini .events  .vertical-track {
    height:180px; 
    background-image:url(/NOE/images/siteware/bg-16-slider-v-mini-games-180.gif)
}

.filter-games-mini #tabs-menu li a:focus {
    outline:none; 
}
.filter-games-mini #tabs-menu .current a {
    color:#008CE4;
}


/* ********************************************************************************* */
/* ### News - Events - Overview - Coming Soon                                     ### */
/* ********************************************************************************* */
.coming-soon {
    float:left; 
    margin-left:4px; 
    margin-top:84px; 
    z-index:100; 
    position:absolute;
}
*+html .coming-soon {
     left:0;
} 
.teaser-news-standardstory .coming-soon {
    margin-left:-14px;  
}
* html .coming-soon {
    position:relative;
    margin-left:-186px;  
} 
* html .teaser-news-standardstory .coming-soon {
    position:relative;
    margin-left:-190px;  
} 
* html #col-cont-content .teaser-news-topstory .teaser-graphic a {
    text-decoration:none;
}
* html #col-cont-content .teaser-news-standardstory .teaser-graphic a {
    text-decoration:none;
}



/* ********************************************************************************* */
/* ### News - Events - Detail - Event Box                                         ### */
/* ********************************************************************************* */
 
/**
  * @section         Promo events: Event Details / sortable foldouts
  *
  * Styles used for the sortable event foldout. 
  * All styles are prefixed using "event_" and relies on 
  * "event_box" on the parent wrapper.
  */
/* use relative position for the overlay during DOM-manipulation */
.event_box {
    position: relative;
}

 /**
  * @subsection      688px box
  * 
  * Event box background images creating the "three box stacked"-appearance.
  * Overriding "support-box"-styles
  */
/* outer box top */
.event_box.headline-box {
    background:#DCDCDC url(/NOE/images/siteware/bg-688-fffffff-dcdcdc-top.gif) no-repeat left top;
    font-size: 1.155em;
    font-weight:bold;
    margin:0;
    padding: 8px 0 4px 15px;
}
/* middle */
.event_box.support-box {
    background: #eee url(/NOE/images/siteware/bg-688-eeeeee-ffffff-middle.gif) repeat-y top left;
    padding-bottom: 0 ! important;
}
/* adjusting dimensions */
.event_box .support-box-header{
    margin-bottom: 0;
    padding-bottom: 6px;
    font-weight: normal;
}
/* inner box top */
.event_box .support-box-top  {
    background: #EEEEEE url(/NOE/images/siteware/bg-688-dcdcdc-eeeeee-top.gif) no-repeat left top;
    margin-bottom: 0 ! important;
    padding-top: 7px;
}
/* outer box bottom */
.event_box .support-box-bottom {
    background: transparent url(/NOE/images/siteware/bg-688-fffffff-dcdcdc-bottom.gif) no-repeat left bottom;
    height: 10px;
/*     margin-top: -8px; */
}

/**
  * @subsection      Event box header
  *
  * Styles used on the event header of the whole box.
  * e.g. Sorting links, sorting order
  * 
  */
/* ASC / DESC are js marker classes and setteres for the icon "arrow" */
.event_box a.ASC {
    background: transparent url(/NOE/images/icons/link-arrow-down-808080-eeeeee.gif) 0 6px no-repeat;
    padding-left: 12px;
}
.event_box a.DESC {
    background: transparent url(/NOE/images/icons/link-arrow-up-808080-eeeeee.gif) 0 6px no-repeat;
    padding-left: 12px;
}
.event_header_sort_location {
    margin-left: 15px;
}
.event_header_sort_date {
    margin-left: 255px;
}

/**
  * @subsection      Event item header
  *
  * Styles used on the event header of a single item.
  * That's the clickable part toggling the details
  * 
  */
.event_box .event_header a {
    height: 26px;
    margin: 0 ! important;
    overflow: hidden; /* clear floats */
    padding: 0 0 0 20px; /* space used by plus / minus class for icons */
}
/* spans are used for table like appearance */
.event_box .event_header a span {
    padding: 6px 0 4px 0;
}
.event_box .event_header_location {
    float: left;
    width: 314px;
}
.event_box .event_header_date {
    float: left;
    border-left: 1px solid #dcdcdc; /* spacer | */
    height: 16px;
    padding-left: 10px ! important;
    width: 250px;
}

/**
  * @subsection      Event item details
  *
  * Styles used on the event details of a singel item.
  * - address.left ul.right
  * 
  */
.event_box .left {
     float: left;
    margin-left: 0 ! important;
    width: 314px ! important;
}
.event_box .left strong, .event_box .left b {
    margin-bottom:5px;
    display:block;
}
.event_box .left p {
    margin:0;
    padding:0;
    display:inline;
}
.event_box .right {
    border-left: 1px solid #eee; /* invisible spacer | */
      float: left;
    margin-left: 0 ! important;
    padding-left: 10px ! important;
    width: 250px;
}
.event_box ul.right {
    list-style:none;
    margin: 0;
    padding: 0;
}
.event_box ul.right li  {
    margin: 1.5em 0 0 0;
    padding: 0;
}
.event_box ul.right li a  {
    padding-top: 0 ! important;
    padding-bottom: 0 ! important;
}
/**
  * @subsection      Overlay
  * Overlay during DOM-Manipulation. Height is calculated onShow
*/
#event_overlay {
    background: #eee;
    display: none;
    left: 0;
    height: 1px;
    margin: 37px 2px 0 2px;
    position: absolute;
    top:0;
    width: 684px;
}


/* ********************************************************************************* */
/* ### News - Events - Detail - Partner Box                                         ### */
/* ********************************************************************************* */
.event_box.support-box .partner {
    padding:10px 15px 0 15px;
}
* html .event_box.support-box .partner  {
    padding:0 15px 10px 15px;
}
*+html .event_box.support-box .partner  {
    padding:0 15px 10px 15px;
}
.event_box.support-box .partner a{
    display:block;
    float:left;
    margin-right:15px;
    margin-bottom:10px;
}
#support-box-partners {
    margin-top:35px;
}


/* ********************************************************************************* */
/* ### Calendar ### */
/* ********************************************************************************* */

.calendar .navi p {
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
    width: 132px;
    height: 16px;
    text-align: center;
    background-color: #dcdcdc;
    font-size: 12px;
}
.calendar .navi a {
    display: block;
    background: transparent url(/NOE/images/siteware/sprite-navi.gif) no-repeat;
    height: 16px;
    width: 25px;
    overflow: hidden;
    text-indent: -1000px;
    white-space: nowrap;
    float: left;
}
.calendar .navi a.prev {
    background-position: 0 0;
}
.calendar .navi a.next {
    background-position: right 0;
}
.calendar .navi a.prev-off {
    background-position: 0 -16px;
}
.calendar .navi a.next-off {
    background-position: right -16px;
}
.calendar .table,
.calendar .events {
    padding-left: 2px;
}
.calendar .table .cell {
    font-size: 12px;
    display: block;
    overflow: hidden;
    float: left;
    width: 24px;
    height: 24px;
    text-align: center;
    margin: 0 1px 1px 0;
    line-height: 24px;
    background: transparent url(/NOE/images/siteware/sprite-cells.gif) no-repeat;
    text-decoration: none;
}
.calendar .table .cell.today {
    font-weight: bold;
}
.calendar .table .cell.event {
    background-position: 0 -24px;
    color: #fff;
}
.calendar .table .cell.event {
    background-position: 0 -24px;
    color: #fff;
}
.calendar .table .cell.off {
    background-position: 0 -96px !important;
    color: #b7b7b7 !important;
    cursor: default;
}
.calendar .table .cell:hover,
.calendar .table .cell.active {
    background-position: 0 -48px;
    color: #808080;
}
.calendar .table .cell.event:hover,
.calendar .table .cell.event.active {
    background-position: 0 -72px;
    color: #008ce4;
}
.calendar .table .labels {
    margin-top: 3px;
}
.calendar .table .labels .cell {
    background-image: none;
}
.filter-games-mini .events #calendar-events .game-mini {
    margin-bottom: 0;
    margin-top: 12px;
}
.filter-games-mini .events #calendar-events .game-mini .game-details {
    width: 110px;
}


/* ********************************************************************************* */
/* ### Interview Section ### */
/* ********************************************************************************* */
.vspacer {
    height: 40px;
}
#subMenu {
    background:transparent url(/NOE/images/siteware/bg-688-interview-menu-top.gif) no-repeat ;
    padding-top:10px;
    width:688px;
}
#subMenu_bottom {
    background:transparent url(/NOE/images/siteware/bg-688-interview-menu-bottom.gif) no-repeat ;
    padding-top:10px;
    width:688px;
}
#subMenu .subMenuInner {
    background:#FFFFFF url(/NOE/images/siteware/bg-688-interview-menu-middle.jpg) repeat-y;
    height:100%;
    padding:6px 12px 0px 8px;
    }
#subMenu li.subMenuActive {
    background-position:0 -20px;
}
#subMenu li.subMenuActive a {
    font-family:arial,helvetica,clean,sans-serif;
    font-size:13px;
    color:#666666;
    background-position:right -21px;
    font-weight:bold;
}
#subMenu li.subMenuActive a:hover {
    font-family:arial,helvetica,clean,sans-serif;
    font-size:13px;
    color:#666666;
    background-position:right -21px;
    font-weight:bold;
    text-decoration:underline;
}
#subMenu li {
    background: url(/NOE/images/siteware/bg-interview-submenu_default.gif) no-repeat;
    display:block;
    height:20px;
    list-style-type:none;
    margin:2px;
    white-space:nowrap;
    width:100%;
}
#subMenu li a {
    -moz-outline: 0px;
    display:block;
    float:left;
    height:100%;
    text-indent:20px;
    width:100%;
}
#subMenu #interviewSubNav {
    margin:0 0 0 22px;
}
#subMenu #interviewSubNav.noMargin {
    margin:0 !important;
}
#subMenu a.volume {
    display:block; 
    font-size:13px; 
    background:url(/NOE/images/icons/icon-interview-arrow_default.gif) left 3px no-repeat; 
    padding:0 0 8px 12px; 
    margin:0 0 0 12px;
}
#subMenu .topics { 
    margin:0 0 8px 12px; 
    padding-bottom:10px;  
    border-top:1px solid #bebebe; 
    border-bottom:1px solid #bebebe;
}
#subMenu .noborderbottom{ 
    border-bottom:0;
    margin-bottom:0
}
#subMenu .nobordertop{ 
    border-top:0;
}
#subMenu .topics a.volume { 
    font-weight:bold; 
    color:#008ce4;
    background:none; 
    margin:8px 0 10px 0;
    padding:0;
}
#subMenu .topics h3.volume { 
    font-weight:bold; 
    color:#008ce4;
    background:none; 
    margin:8px 0 10px 0;
    padding:0;
    font-size:13px;
}       
                
#paragram {
    margin-left:150px;
    position:relative;
    width:480px;
}
#paragram .utterance {
    clear:both;
    padding-top:30px;
}
#paragram h3 {
    color:#666666;
    font-size:130%;
    left:-4em;
    margin:30px 0 0;
    padding:0;
    position:relative;
}
#paragram .name {
    padding-top:2px;
    color:#666666;
    font-weight:bold;
    left:-9.7em;
    position:absolute;
    text-align:right;
    white-space:nowrap;
    width:120px;
}
*+ html #paragram .name {
    padding-top:3px;
}
#paragram .message {
    color:#666666;
    line-height:1.6em;
    width:auto;
}
#paragram .message img{
    vertical-align:middle;
}
#paragram .message .note{
    line-height:1.4em;
    font-size:77%;
}
#paragram .message a{
    color:#008ce4;
}
#paragram .photo {
    margin:0 auto;
    padding-top:30px;
    width:250px;
    font-size:10px;
}
#paragram .photo img{
    display:block;
    margin-bottom:5px;
}

#pagingMenu {
    width: 688px;
    height: 31px;
}
.previousPage {
    background: url(/NOE/images/buttons/interview_button_previous_default.gif) top left no-repeat;
    float: left;
    width: auto;
}
.nextPage {
    background: url(/NOE/images/buttons/interview_button_next_default.gif) top left no-repeat;
    float: right;
    width: auto;
}    
.previousPage a, .nextPage a {
    display:block;
    font-size: 12px;
    height: 31px;
    letter-spacing:0px;
    margin: 8px 8px 0pt 13px;
    width: 244px;
    text-align: center;
    color:#008ce4;
    -moz-outline: 0px;
}
/*************************************************************************************************
************* Video layer for interview **********************************************************
*************************************************************************************************/
.overlay_modal {
    background-color: #000000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.overlay___invisible__ {
    background-color: #000000;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.modal_nw{
    width:0px;
    height:20px;
}
.modal_n {
    height: 20px;
    width: 90%;
    position: relative;
    left: 0;
    z-index: 2; 
    background-color: #E20018;
}
.modal_nl {
     background: url(/NOE/images/siteware/player_header_bg.gif) no-repeat left top;
    height: 20px;
    position: relative;
    right: 0;
    top: 0;
    width: 6px;
    z-index: 3;
}
.modal_nr {
    background: url(/NOE/images/siteware/player_header_bg.gif) no-repeat right top;
    height: 20px;
    position: relative;
    right: 0;
    top: 0;
    width: 100px;
    z-index: 3;
}
.modal_ne {
    width:0px;      
    height:20px;
}
.modal_w {
    width:0px;
}
.modal_e {
    width:0px;      
}
.modal_sw {
    width:0px;
    height:7px;
}
.modal_s {
    height:7px;
}
.modal_se, .modal_sizer  {
    width:0px;
    height:7px;
}
.modal_sizer {
    cursor:se-resize;    
}
.modal_close {
    width: 16px;
    height: 20px;
    background: transparent url(/NOE/images/siteware/player_close.gif) no-repeat 0 0;            
    position:relative;
    float: right;
    top:4px;
    right:0px;
    cursor:pointer;
    z-index:1000;
}
.modal_title{
color:#FFFFFF;
    float:left;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    width:90%;
    white-space: nowrap;
}
.modal_content{
    overflow:auto;
    color: #000;
    font-family: Arial, Helvetica, clean, sans-serif;
    font-size: 12px;
}
/* For alert/confirm dialog */
.modal_window {
    border:1px none #F00;    
    padding:20px;
    margin-left:auto;
    margin-right:auto;
    width:400px;
}
.modal_message {
      font: 12px arial;
    text-align:center;
    width:100%;
}
.modal_buttons {
    text-align:center;
    width:100%;
}
.modal_buttons input {
    width:20%;
    margin:10px;
}
.top_draggable, .bottom_draggable {
    cursor:move;
}
.status_bar {
      font-size:12px;
}
.status_bar input{
      font-size:12px;
}
.modal_progress {
    float:left;
    margin:auto;
    text-align:center;
    width:100%;
    height:16px;
}
.modal_wired_frame {
    background: #FFF;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;    
}
/* DO NOT CHANGE THESE VALUES*/
.dialog {
    display: block;
     position: absolute;
}
.dialog table.table_window  { 
      border-collapse: collapse; 
      border-spacing: 0; 
      width: 100%;
      margin: 0px;
      padding:0px;
}
.dialog table.top.table_window {
      margin-bottom: 1px;
}
.dialog table.table_window td , .dialog table.table_window th { 
      padding: 0; 
}
.dialog .title_window {
      -moz-user-select:none;
}     


}
/*######################################################################################
# Basemod News - IE Hacks
######################################################################################*/
* html .subscribe-general-newsletter .subscribe-newsletter-bottom {
  height: 188px;
}
* html .subscribe-parents-newsletter .subscribe-newsletter-bottom {
  height: 200px;
}
* html #newsletter_subscription_form label.confirm  {
  margin-bottom: -8px;
}
* html .form .error-message,
* html .form .error-message-right {
  height: 20px;
}