/*** CSS FOR NEW STYLES - everything should be under a div with class=new_design ***/
.new_design TABLE,
.new_design TABLE TR,
.new_design TABLE TD
{
  font-size:10pt;
}

/*********"OPTION BAR"***********/
/*Should be used for displaying horizontal lists of links*/

.new_design DIV.option_bar
{
  font-size: 10pt;
  padding: 4px 0;
  background-color: rgb(247,247,247);
  border-bottom: 1px solid rgb(255, 241, 143);
}
.new_design DIV.option_bar SPAN.opt
{
  border-right: 1px solid #666;
  margin-right: 0.5em;
  padding-right: 0.5em;
}
.new_design DIV.option_bar SPAN.opt.rightmost
{
  border-right: none;
}

.new_design DIV.horizontal_rule
{
  padding-bottom:0.5em;
  margin-bottom:0.5em;
  border-bottom: 1px solid rgb(255,204,0);
}

/** REPORT XREFS **/
DIV.report_xref { border-collapse: collapse; margin: 0; padding: 0; }
DIV.report_xref SPAN.RCItem { font: bold 9pt arial,sans-serif; }
DIV.report_xref SPAN.RCItem SPAN.cover_country { font: 8pt arial,sans-serif; color: #000066; }
DIV.report_xref SPAN.RCItem SPAN.cover_date    { font: 8pt arial,sans-serif; }
DIV.report_xref SPAN.ReportGroup SPAN.cover_title   { font: bold 9pt arial,sans-serif; }
DIV.report_xref SPAN.ReportGroup SPAN.cover_country { font: 8pt arial,sans-serif; color: #000066; }
DIV.report_xref SPAN.ReportGroup SPAN.cover_date    { font: 8pt arial,sans-serif; }


/*********TAB       **************/

DIV.new_design DIV.tab_box
{
  margin: 1em 0;
}

DIV.new_design DIV.tab_box DIV.hd
{
  border-left: 1px solid #ccc;
  padding: 3px 0 1px 0;
  position:relative;
  z-index:2;
  overflow:hidden;
}
/*we want the tab box head line to be not wrapped,
  however, this causes IE6 Win to freeze with 100% cpu...
  the > selector is not supported by IE6, so it will
  just wrap the content. FF, IE7 support the > selector
  and thus will not wrap the content
*/
DIV.new_design DIV.tab_box > DIV.hd
{
  white-space:nowrap;
}

DIV.new_design DIV.tab_box SPAN.tab_head
{
  position:relative;
  z-index:2;
  border: 1px solid #ccc;
  border-left: none;
  background-color: rgb(247,247,247);
  padding: 2px 3px 0px 3px;
  margin: 0; 
}
DIV.new_design DIV.tab_box SPAN.tab_head.active
{
  background-color: white;
  border-bottom: 1px solid white;
}
DIV.new_design DIV.tab_box SPAN.tab_head.active A,
DIV.new_design DIV.tab_box SPAN.tab_head.active A:active,
DIV.new_design DIV.tab_box SPAN.tab_head.active A:link,
DIV.new_design DIV.tab_box SPAN.tab_head.active A:visited,
DIV.new_design DIV.tab_box SPAN.tab_head.active A:hover
{
  color:black;
}
DIV.new_design DIV.tab_box DIV.tab_body
{
  height: 13em;
  overflow: auto;
  padding: 1em;
  position:relative;
  z-index: 1;
  top:-1px;
  border: 1px solid #ccc;
  margin: 0 1em ;
}

div.clear { clear:both; }


/* My What's Hot customization page */

div.whatshot_cat {
  padding-top: 0.5em; 
  padding-bottom: 0.5em; 
  padding-left: 1.5em;
  padding-right: 1.5em;
  float: left;
  margin: 1em 1em 1em 1em;
  height: 12em;
  width: 23em;
}

div.whatshot_cat div.top_curves {
  border-top: 1px solid #504e4f;
  margin: 0 11px;
}

div.whatshot_cat div.top_curves div.curve {
  width:11px;
  height:10px;
  bottom: 1px;
}

div.whatshot_cat div.top_curves div.curve.tl {
  background: url('/images/oxygen/whatshot/wh_topleft.gif') 0 0 no-repeat;
  position: relative;
  right: 11px;
}

div.whatshot_cat div.top_curves div.curve.tr {
  background: url('/images/oxygen/whatshot/wh_topright.gif') 0 0 no-repeat;
  float: right;
  position: relative;
  left: 11px;
}

div.whatshot_cat div.bottom_curves {
  border-bottom: 1px solid #504e4f;
  margin: 0 11px;
}

div.whatshot_cat div.bottom_curves div.curve {
  width:11px;
  height:10px;
  top: 1px;
}

div.whatshot_cat div.bottom_curves div.curve.bl {
  background: url('/images/oxygen/whatshot/wh_bottomleft.gif') 0 0 no-repeat;
  position: relative;
  right: 11px;
}

div.whatshot_cat div.bottom_curves div.curve.br {
  background: url('/images/oxygen/whatshot/wh_bottomright.gif') 0 0 no-repeat;
  float: right;
  position: relative;
  left: 11px;
}

div.whatshot_cat div.inside {
  border-left: 1px solid #504e4f;
  border-right: 1px solid #504e4f;
  padding: 4px 4px 4px 4px;
  margin-top: -1px;
  margin-bottom: -1px;
}

div.whatshot_cat div.title {
  background-color: #504e4f;
  width: 12em;
  position: relative;
  left: 3em;
}

div.whatshot_cat div.title A
div.whatshot_cat div.title A:active,
div.whatshot_cat div.title A:link,
div.whatshot_cat div.title A:visited {
  color: white;
  font-size: 9pt;
  text-decoration: underline;
}

div.whatshot_cat div.title A:hover {
  color: red;
  font-size: 9pt;
  text-decoration: underline;
}
div.whatshot_cat div.title div.tl {
  background: url('/images/oxygen/whatshot/wh_title_topleft.gif') 0 0 no-repeat;
  padding-left: 1em;
}

div.whatshot_cat div.title div.tr {
  background: url('/images/oxygen/whatshot/wh_title_topright.gif') 100% 0 no-repeat; 
  position: relative;
}

div.whatshot_cat div.article {
  font-size: 11px; padding-bottom: 5px; padding-left: 1em; width: 15em;
}

DIV.new_design DIV.nav_box DIV.bd DIV.cat_row
{
    padding-left:0pt;
    width:100%;
}

DIV.new_design DIV.nav_box DIV.bd DIV.cat_row DIV.cat_left_col
{
    border-bottom:none;
    width:72%;
    float:left;
}

DIV.new_design DIV.nav_box DIV.bd DIV.cat_row DIV.cat_right_col
{
    border-bottom:none;
    padding-left:0pt;
    float:right;
}

/* New styles for Vertical Overview content */

/* General styles */
DIV.new_design DIV.vertical_overview DIV.half_pad
{
    padding:0.5em;
}

DIV.new_design DIV.vertical_overview DIV.float_left
{
    float:left;
}

DIV.new_design DIV.vertical_overview DIV.float_right
{
    float:right;
}

DIV.new_design DIV.vertical_overview DIV.story_image
{
    float:left;
    position:relative;
    margin-right:1em;
    margin-bottom:1em;
}

DIV.new_design DIV.vertical_overview DIV.inspire_trend_xref_box H2
{
    font-size:1em;
    margin:0;
    padding:0;
}

DIV.new_design DIV.vertical_overview DIV.inspire_trend_xref_box DIV.entry_details
{
    margin:0;
}

DIV.new_design DIV.vertical_overview H4
{
    margin:0 0 0.5em 0;
    padding:0;
    color:#000099;
    font-weight:bold;
}

DIV.new_design DIV.vertical_overview DIV.vertical_overview_right_col
{
    float:right;
    clear:right;
    width:25%;
}

DIV.new_design DIV.vertical_overview DIV.main_header
{
    margin:0pt;
    font-size:18px;
    font-weight:bold;
    color:#000099;
}

DIV.new_design DIV.vertical_overview DIV.main_header a:link,
DIV.new_design DIV.vertical_overview DIV.main_header a:visited,
DIV.new_design DIV.vertical_overview DIV.main_header a:hover
{
    margin:0pt;
    font-size:18px;
    font-weight:bold;
    color:#000099;
}

DIV.new_design DIV.vertical_overview DIV.sub_header
{
    margin:0.5em 0em;
    font-size:10pt;
    color:#666666;
    font-weight:bold;
}

DIV.new_design DIV.vertical_overview DIV.sub_header a:link,
DIV.new_design DIV.vertical_overview DIV.sub_header a:visited,
DIV.new_design DIV.vertical_overview DIV.sub_header a:hover
{
    font-size:10pt;
    color:#000099;
}

DIV.new_design DIV.vertical_overview DIV.options
{
    color:#666666;
    font-size:8pt;
    text-align:right;
}

DIV.new_design DIV.vertical_overview TABLE.title_table
{
    border-collapse:collapse;
    margin-bottom:1.5em;
}

DIV.new_design DIV.vertical_overview TABLE.title_table TD
{
    border-bottom:1px solid #FFCC00;
}


/* Vertical Item Display */
DIV.new_design DIV.vertical_overview DIV.item_display #leftColumn
{
    width:15%;
    float:left;
    margin-right:1%;
    font-size:0.8em;
}

DIV.new_design DIV.vertical_overview DIV.item_display #mainColumn
{
    width:83%;
    float:right;
}

DIV.new_design DIV.vertical_overview DIV.item_display #leftColumn DIV.hd,
DIV.new_design DIV.vertical_overview DIV.nav_box DIV.hd
{
    font-size:8pt;
}

DIV.new_design DIV.vertical_overview DIV.item_display DIV.inspire_trend_xref_box
{
    width:100%;
    margin-right:0px;
}

DIV.new_design DIV.vertical_overview DIV.item_display DIV.vertical_inline_xrefs
{
    float:left;
    width:26%;
    margin-right:1em;
}

DIV.new_design DIV.vertical_overview DIV.item_display DIV.comment
{
    float:left;
    width:75%;
}

DIV.new_design DIV.vertical_overview DIV.item_display H3
{
    border-bottom:none;
}


/* Vertical Homepage */
DIV.new_design DIV.vertical_overview DIV.vertical_home #leftColumn
{
    width:57%;
    margin-right:2%;
    float:left;
}

DIV.new_design DIV.vertical_overview DIV.vertical_home #leftColumn #leftSidebar
{
    float:left;
    width:24%;
    margin-right:1%;
}

DIV.new_design DIV.vertical_overview DIV.vertical_home #leftColumn #leftLeader
{
    float:left;
    width:72%;
    margin-left:1%;
}

DIV.new_design DIV.vertical_overview DIV.vertical_home #rightColumn
{
    width:40%;
    float:left;
}

DIV.new_design DIV.vertical_overview DIV.vertical_home DIV.story_image
{
    margin:0.5em;
    float:left;
}

DIV.new_design DIV.vertical_overview DIV.vertical_home DIV.sub_header a:link,
DIV.new_design DIV.vertical_overview DIV.vertical_home DIV.sub_header a:hover,
DIV.new_design DIV.vertical_overview DIV.vertical_home DIV.sub_header a:visited
{
    margin:0.5em 0em;
    font-size:10pt;
    color:#666666;
    font-weight:bold;
    text-decoration:none;
}

DIV.new_design DIV.vertical_overview DIV.vertical_home DIV.normal_para a:link,
DIV.new_design DIV.vertical_overview DIV.vertical_home DIV.normal_para a:hover,
DIV.new_design DIV.vertical_overview DIV.vertical_home DIV.normal_para a:visited
{
    color:black;
    font-size:10pt;
    text-decoration:none;
}

/* Link to vertical homepage from WhatsHot */
DIV.new_design DIV.vertical_link
{
    width:220px;
    border:solid 1px #DDDDDD;
    margin-left:0.5em;
}

DIV.new_design DIV.vertical_link DIV.image
{
    float:left;
    margin-right:15px;
}

DIV.new_design DIV.vertical_link DIV.hd
{
    font-size:0.9em;
    font-weight:bold;
}

DIV.new_design DIV.vertical_link DIV.bd
{
    font-size:0.8em;
}

DIV.new_design DIV.vertical_link a:link,
DIV.new_design DIV.vertical_link a:hover,
DIV.new_design DIV.vertical_link a:visited
{
    color:#555555;
    text-decoration:none;
}

.download-left{
  background-image:url(/images/oxygen/ppt_only_report/download_left.gif);
  background-repeat:no-repeat;
  width:133px;
  height:112px;
}

.download_bg{
  background-image:url(/images/oxygen/ppt_only_report/download_02.gif);
  background-repeat:repeat-x;
}

.download_img{
  padding:23px 0px 0px 17px;
}