/* The base css for default layout */

/* COLOR TABLE 

Dark color: #2C5DB3

*/

/* We want to have the company menu on the right */
.next_to_h1 table {
    float: right;
    margin: -7px 0 0 0;
    width: 100px;
}

#SVMenu {
    float: right;
}

#SVMenu table {
    float: none;
    margin: 0;
    width: auto;    
}


#export_to_excel_wrapper {
    height: 0;
    position: relative;
}

#export_to_excel_form {
    position: absolute;
    right: 0;
    top: -32px;
}

div.forum_table_wrapper_remove_when_refactoring table {
    border: 1px solid #ccc;
}


#footer .invisible {
    color: #fff;
}

.pdfheader {
    color: #000;
    background-color: #fff;
}


form {
    display: inline;
}

/* BASIC TABLE STYLES */

table.basic {
    font-size: 11px;
}

table.full_width {
    width: 100%;
}

table.basic tbody td.rightmost {
    border-right: solid 1px #ccc;
}

table.basic tbody td.last_row {
    border-bottom: solid 1px #ccc;
}

table.basic tbody tr.only_row td {
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

table.basic tfoot td.rightmost {
    border-right: solid 1px #ccc;
}

table.basic tfoot td.last_row {
    border-bottom: solid 1px #ccc;
}

table.basic tfoot tr.only_row td {
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

table.basic thead th {

    border: solid 1px #999;

    background-color: #2C5DB3;
    color: #fff;

    padding: 3px;

    font-weight: bold;
    font-size: 11px;
    text-align: left;
}

table.basic tbody td {
    padding: 3px;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color: #eee;
}

table.basic tbody tr.data_header td {
    border-left: solid 0px #999;
    font-weight: bold;
    background-color: #2C5DB3;
    padding: 0px;
    color: #fff;
}

table.basic tbody tr.data_header td div {
    padding: 3px;
    height: 100%;
}
table.basic tbody tr.data_header td div a{
    color: #fff;
}

table.basic tbody tr.footer td {
    background-color: #eee;
    font-weight: bold;
    text-align: center; 
    padding: 0px;
}

table.basic tbody tr.footer td div {
    padding: 3px;
    border-top: solid 1px #fff;
}

table.basic tbody tr.footer td div#next {
    padding: 0px;
    padding-bottom: 3px;
    text-align: right;
    float: right;
    border: 0px;
}

table.basic tbody tr.footer td div#previous {
    padding: 0px;
    padding-bottom: 3px;
    text-align: left;
    float: left;
    border: 0px;
}


table.basic tbody tr.footer td.leftmost {
    text-align: left;
}

table.basic tbody tr.footer td.rightmost {
    text-align: right;
}

table.basic tfoot td {
    padding: 3px;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color: #eee;
}

table.basic tfoot tr.data_header td {
    border-left: solid 0px #999;
    font-weight: bold;
    background-color: #2C5DB3;
    padding: 0px;
    color: #fff;
}

table.basic tfoot tr.data_header td div {
    padding: 3px;
    height: 100%;
}

table.basic tfoot tr.footer td {
    background-color: #eee;
    font-weight: bold;
    text-align: center;
    padding: 0px;
}

table.basic tfoot tr.footer td div {
    padding: 3px;
    border-top: solid 1px #fff;
}

table.basic tfoot tr.footer td div#next {
    padding: 0px;
    padding-bottom: 3px;
    text-align: right;
    float: right;
    border: 0px;
}

table.basic tfoot tr.footer td div#previous {
    padding: 0px;
    padding-bottom: 3px;
    text-align: left;
    float: left;
    border: 0px;
}


table.basic tfoot tr.footer td.leftmost {
    text-align: left;
}

table.basic tfoot tr.footer td.rightmost {
    text-align: right;
}


/* END BASIC TABLE STYLES */






/* Basic tags */

body {
   color: black;
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin: 0 0 0 0;
}

body.popup {
   margin: 5px;
}

body.popup #logo {
   margin: 0px;
   padding: 0px;
   padding-right: 10px;
   width: auto;
}

img {
    border: none;
}

/* Text styles */

h1 {
    font-size: 20px;
    font-weight: bold;
}

h2 {
    font-size: 16px;
    font-weight: bold;
}

h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}

h4 {
    font-size: 12px;
    font-weight: bold;
}

h5 {
    font-size: 12px;
    font-weight: bold;
}

/* Menu / navigation tags */

#full_wrapper {
   float: left;
   width: 800px;
}

.outer_wrapper {
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   width: 800px;
}

/* outer wrapper must have different width when ads are shown */
.outer_wrapper_with_ads {
    /* set this as: .outer_wrapper width + #googleAdsSide width + #googleAdsSide padding */
   width: 940px; 
}

/* For IE */
* html .outer_wrapper_with_ads {
    /* set this as: .outer_wrapper width + #googleAdsSide width + #googleAdsSide padding + 10 */
   width: 950px; 
}

#bordered_wrapper {
   clear: both;
   border: 1px solid #999;
   margin-bottom: 10px;
}

#googleAdsSide {
    float: right;
    width: 120px;
    padding-left: 20px;
    margin-top: 25px;
    text-align: center;
}

#googleAdsBottom {
    margin: 10px auto 15px auto;
    width: 800px;
    text-align: center;
}

#top_bar {
   padding: 3px;
}

#language_menu {
   float: left;
   clear: right;
   margin-bottom: 5px;
}

#menu_level1 {
   float: right;
   clear: right;
   text-align: right;
   padding-bottom: 2px;
}

.menu_level1_entry, .menu_level1_entry_selected {
    display: inline;
    color: black;
    height: 100%;
    padding: 2px;
    font-size: 11px;
}

#menu_level1 a:link, #menu_level1 a:visited, #menu_level1 a:hover {
  /*  color: #003399; */
    text-decoration: underline;
    font-size: 10px;
}

.menu_level1_entry_selected {
    font-weight: normal;
}

#menu_level2 {
    clear: both;
    width: 100%;
    height: 24px; 
    padding: 0px;
    border-top: 2px solid #CCC;
    border-bottom: 1px solid #999;
    cursor: pointer;
}

.menu_level2_entry, .menu_level2_entry_selected, .menu_level2_entry_hover {
    float: left;
    height: 24px;
    padding: 0;
}

.menu_level2_entry_disabled {
    float: left;
    font-size: 10px;
    font-weight: bold;
    cursor: default;
    height: 19px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

#menu_level2 a:link, #menu_level2 a:visited, #menu_level2 a:hover {
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 5px;
}

/* This is for IE6 */
#menu_level2 .DDMenu a:link, #menu_level2 .DDMenu a:visited, #menu_level2 .DDMenu a:hover {
    padding-right: 0;
    padding-bottom: 5px;
}

.menu_level2_entry_selected, .menu_level2_entry_hover {
}

#menu_level3 {
    clear: left;
    padding: 0px;
    width: 798px;
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #999;
    height: 24px;
    cursor: pointer;
}

.menu_level3_entry, .menu_level3_entry_selected, .menu_level3_entry_hover, menu_level3_entry_disabled {
    float: left;
    height: 24px;
    padding: 0;
}

.menu_level3_entry_disabled {
    float: left;
    height: 19px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;

    font-size: 10px;
    font-weight: bold;
    cursor: default;
}

#menu_level3 a:link, #menu_level3 a:visited, #menu_level3 a:hover {
    font-size: 10px;
    text-decoration: none;
    display: block;
    padding: 5px;
}

#menu_level3 a.printBut {
    padding: 0;
    display: inline;
}


.menu_level3_entry_selected {
    font-weight: bold;
}
.menu_level3_entry_hover {
}
/* End Menu / navigation tags */

/* Tags for layout elements */

#logo_and_meta_bar {

}

#logo {
   float: left;
   clear: none;
   width: 50%;
   padding: 5px;
}

#logo img {
    border: 0px none;
}

#metadata {
    margin-right: 0px;
    margin-left: auto;
    display: block;
}


#page_content {
   clear: left;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
}

#footer, #footer P {
   font-size: 10px;
   text-align: center;
}

#footer .server_number { 
    color: #fff; 
}


/* End Tags for layout elements */




/* THESE ARE THE NEW -07 LAYOUT STYLES FOR TABLES AND ROWS */

TD.value_even, TD.value_odd {
    TEXT-ALIGN: right;
    FONT-WEIGHT: normal;
}
TD.value_odd {
}

TD.left_value {
    vertical-align: top; 
    text-align: left;
}

TD.list_header_td, TD.list_header_td_left {
    TEXT-ALIGN: right;
    HEIGHT: 100%;
}

TD.list_header_td_left {
    TEXT-ALIGN: left;
}

.views_list_header{
    DISPLAY: block;
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
    MIN-HEIGHT: 100%;
    HEIGHT: 100%;
    VERTICAL-ALIGN: middle;
    MIN-WIDTH: 100%;
    WIDTH: 100%;
}

/* END OF NEW -07 LAYOUT STYLES */


/* OLD AND UNSORTED */

TABLE {
    FONT-SIZE: 10px;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
}
TABLE.subButtons {
    BACKGROUND-COLOR: #CCC;
}
.content_bg {
    BACKGROUND-COLOR: #FFFFFF;
}
.body_bg {
    BACKGROUND-COLOR: #A2A2A2;
}

/* company / sector / rankings page name style in company views */
.views_name {
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
}
/* coloured text on company pages, showing company information */
TD.views_txt {
    FONT-SIZE: 11px;
}
.views_button {
    TEXT-DECORATION: none;
    WHITE-SPACE: nowrap;
}
A.views_button:link {
    TEXT-DECORATION: none;
    CURSOR: pointer;
}
A.views_button:hover {
    CURSOR: pointer;
}
A.views_button:visited {
    CURSOR: pointer;
}
.upper_button {
    TEXT-DECORATION: none;
    CURSOR: pointer;
    FONT-WEIGHT: bold;
}
A.upper_button:link {
    TEXT-DECORATION: none;
    CURSOR: pointer;
    FONT-WEIGHT: bold;
}
A.upper_button_eq:hover {
    text-decoration : underline
}
.upper_button_eq {
    TEXT-DECORATION: none;
    CURSOR: pointer;
}
A.upper_button_eq:link {
    TEXT-DECORATION: none;
    CURSOR: pointer;
}
A.upper_button_eq:hover {
    TEXT-DECORATION: underline;
}
.upper_button_sel_eq {
    TEXT-DECORATION: underline;
    CURSOR: pointer;
}
A.upper_button_sel_eq:link {
    TEXT-DECORATION: underline;
    CURSOR: pointer;
}
.views_button_eq {
    TEXT-DECORATION: none;
    WHITE-SPACE: nowrap;
    CURSOR: pointer;
}
A.views_button_eq:link {
    TEXT-DECORATION: none;
    WHITE-SPACE: nowrap;
    CURSOR: pointer;
}
A.views_button_eq:hover {
    CURSOR: pointer;
    TEXT-DECORATION: underline;
}
A.views_button_eq:visited {
    CURSOR: pointer;
}
.views_button_sel_eq {
    TEXT-DECORATION: underline;
    WHITE-SPACE: nowrap;
    CURSOR: pointer;
}
A.views_button_sel_eq:link {
    TEXT-DECORATION: underline;
    WHITE-SPACE: nowrap;
    CURSOR: pointer;
}
A.views_button_sel_eq:visited {
    CURSOR: pointer;
}
/* TH with link */
.titleLink {
    TEXT-ALIGN: left;
    FONT-SIZE: 10px;
}
A.titleLink:link {
    TEXT-ALIGN: left;
    FONT-SIZE: 10px;
}
.smallLink {
    FONT-SIZE: 9px;
    VERTICAL-ALIGN: bottom;
}
A.smallLink:link {
    FONT-SIZE: 9px;
    VERTICAL-ALIGN: bottom;
}
/* these are same for all asps */

P, LI, OL {
    FONT-SIZE: 12px;
}

/* the title text in certain tables (e.g. pdf tables) */
TH {
    TEXT-ALIGN: left;
    FONT-SIZE: 10px;
}
TH.center {
    TEXT-ALIGN: center;
}
TH.forum_row {
    HEIGHT: 18px;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
}
/* basic <TD> (old TD now TD.basic) */
TD.basic {
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
}
/* the title text of the pages, found in mainbtn */
TD.title {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
}
/* black text on company pages, showing company information headers */
TD.views_header {
    FONT-SIZE: 11px;
}
/* alphabetical menu in Rankings Graph page */
TD.alphabets {
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: top;
}
TD.value {
    vertical-align: top; 
    text-align: right;
}

TD.center_value {
    vertical-align: top; 
    text-align: center;
}
TD.right_value {
    vertical-align: top; 
    text-align: right;
}
TD.justified_value {
    vertical-align: top; 
    text-align: justify;
}
TD.h {
    HEIGHT: 1px;
    VERTICAL-ALIGN: top;
}

TD.forum_row_even {
    HEIGHT: 18px;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
}
TD.forum_row_odd {
    HEIGHT: 18px;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
}

FORM {
    MARGIN: 0px; /* so that IE wouldn't look different than others */
}
SELECT {
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
}
TEXTAREA, INPUT {
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
}
IMG {
    page-break-inside: avoid;
    BORDER: 0;
}
IMG.borderedImage {
    BORDER: 1px solid;
}
IMG.logo {
    MARGIN: 7px;
}
.center {
    TEXT-ALIGN: center;
}
/* the style of update and page generation times in companyviews */
.views_dates {
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
}
/* white text in table headers */
.views_th {
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
}
/* this is temporarily for pdf saving since it has problems with underscore char (_) */
.viewsth {
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
}

.input1 {
    WIDTH: 60px;
}
.input2 {
    WIDTH: 140px;
}
.select2 {
    WIDTH: 50px;
}
.mikro {
    FONT-SIZE: 10px;
}
.error {
    FONT-WEIGHT: BOLD;
    FONT-SIZE: 12px;
}
.msg {
    FONT-WEIGHT: BOLD;
    FONT-SIZE: 12px;
}
.help {
    CURSOR: help;
}
.caps {
    TEXT-TRANSFORM: uppercase;
}

/* FORM STYLES */

.wwFormTable {
    margin-left: 0px;
    font-size: 10px;
    border: 0px;
    border-collapse: collapse;
}

.wwFormTable td {
    padding: 5px;
}

.wwFormTable .tdLabel {
    padding-left: 4px;
    padding-top: 3px;
    font-weight: bold;
}

/* FORM STYLES -- LOGIN */

#Login .wwFormTable {
    margin-left: 10px;
    font-size: 14px;
    border: 0px;
}

#Login .wwFormTable td {
    padding: 5px;
    border: 0px;
    font-size: 12px;
}

#Login .wwFormTable .tdLabel {
    border: 0px;
    padding-left: 4px;
    padding-top: 3px;
    font-weight: normal;
}

/* Research reports -> Publish a research report breaks without the following classes defined: */
.input1 {
    WIDTH: 60px;
}
.input2 {
    WIDTH: 140px;
}
.select1 {
    WIDTH: 170px;
    HEIGHT: 80px;
}
.pdfPublishselect {
    width: 170px;
}
.select2 {
    WIDTH: 50px;
}

/* For some element with rounded corners: */
div.border_u,div.border_b,div.border_l,div.border_r,div.corner_bl,div.corner_br,div.corner_ul,div.corner_ur {
    margin: 0px;
    padding: 0px;
}

/* Company Views info row */
.cv_info_row {
    margin-top: 5px;
    text-align: center;
}

td.expand_cell {
    padding: 0 1px 0 0;
}

button.tradingbutton {
    padding-bottom: 4px;
}

#rightDataColumn {
    padding-left: 3px;
    padding-top: 12px;
}

.bloomberg_code_column {
    white-space: nowrap;
}

#CVHeaderDatesDiv {
    min-height: 56px;
    max-width: 300px;
    padding-top: 2px;
    margin-bottom: 2px;
}