﻿.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:10px;
    }
#subMenu li.subMenuActive {
    background-position:0px -21px;
}
#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-submenu1.gif) no-repeat;
    display:block;
    height:21px;
    list-style-type:none;
    margin:2px;
    white-space:nowrap;
    width:100%;
}
#subMenu li a {
    background: url(/NOE/images/siteware/bg-interview-submenu2.gif) right top no-repeat;
    display:block;
    float:left;
    height:100%;
    text-indent:20px;
    width:100%;
}
#subMenu a.volume {
    background:url(/NOE/images/icons/link-arrow-e20018-trans.gif) left 3px no-repeat; 
}
#subMenu .topics h3.volume {
    color:#E20018;
}
#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;
}
#paragram .introduction{
    color:#666666;
    width:540px;
    margin-top:20px;
    line-height:1.6em;
    left:-5.2em; 
    padding: 0px;
    position:relative;
}
#paragram .introduction a{
    text-decoration:none;
    color:#E20018;
}
*+ html #paragram .name {
    padding-top:3px;
}
#paragram .message {
    color:#666666;
    line-height:1.6em;
    width:auto;
}

#paragram .message .small{
    font-size: 10px;
}
#paragram .message img{
    vertical-align:middle;
}
#paragram .message a{
    text-decoration:none;
    color:#E20018;
}
#paragram .photo {
    color:#666666;
    font-size:77%;
    margin:0 auto;
    padding-top:30px;
    width:275px;
}
#pagingMenu {
    width: 688px;
    height: 31px;
}
.previousPage {
    background: url(/NOE/images/buttons/interview_button_prev_red_359x31.gif) top left no-repeat;
    float: left;
    width: auto;
}
.nextPage {
    background: url(/NOE/images/buttons/interview_button_next_red_359x31.gif) top left no-repeat;
    float: right;
    width: auto;
}

.previousPage a, .nextPage a {
    display:block;
    font-size: 12px;
    height: 31px;
    letter-spacing:0px;
    margin: 7px 8px 0pt 13px;
    width: 314px;
    text-align: center;
    color:#E20018;
}
#paragram {
    margin-left:150px;
    position:relative;
    width:480px;
}

/*************************************************************************************************
************* 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%;
  overflow: hidden;
}
.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;
    background: #FFF url('../images/siteware/circle_animation.gif') no-repeat center center
}
.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;
}
.dialog .imgnavigation {
  background-color: #fff;
  padding: 5px 20px;
  overflow: hidden;
  height: 14px;
}
.dialog .imgnavigation span {
  display: block;
  width: 160px;
  padding: 0 10px;
  color: #E20018;
  cursor: pointer;
}
.dialog .imgnavigation span:hover {
  text-decoration: underline;
}
.dialog .imgnavigation span.previous {
  float: left;
  text-align: left;
  background: url(/NOE/images/icons/link-arrow-e20018-trans-left.gif) left 3px no-repeat;
}
.dialog .imgnavigation span.next {
  float: right;
  text-align: right;
  background: url(/NOE/images/icons/link-arrow-e20018-trans.gif) right 3px no-repeat;
}
