/*New , placed here so it is easily found when testing*/

#liveclient {
    width: 1px;
    height: 1px;
}

.fpage #MD_column {
    width: 375px;

}
.fpage .MD {
    width: 365px;
}

/*end of new  styles*/

/*

    Main style configuration file for overall
    framework. This file contains styles relating
    to base elements and widgets (links, tables,
    INPUT, SELECT, etc.), for column and wrapper
    elements, and for global header styles and
    display styles (which are applied to ELEMENT
    content blocks according to selections in Polopoly)


    Custom styles for special framework
    instances are located at end of file.

    Please see content.css for CSS style information for
    pointcarbon web content ELEMENTS (articles, lists, etc.)

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

        GLOBAL STYLES

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

* {
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #444444;
}

.clear {
    clear: both;
}

.right {
    display: inline;
    float: right;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.floatandclear {
    float: left;
    display: inline;
    clear: both;
}

br.clear {
    display: block;
    font-size: 0.1px;
    line-height: 0.1px;
}

.normal {
    font-weight: normal;
}

body {
    font-size: 12px;
    background:url("/css_images/tr-rebrand/body-bg_g.jpg") repeat-x scroll 0 0 #BABABA;
/* position:relative; */
}

#containerwrapper {
    position: relative;
}

body#normal #containerwrapper{

    margin: 7px auto 0;
    width: 1008px;
    background-color:#fff;

}

body#wide #containerwrapper{
    margin: 0 auto;
    width: 1198px;

}

img {
    border: none;
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 21px;
    font-weight: normal;
    color: #0083BF;
    line-height: 24px;
    margin-bottom: 12px;
}

h2 {
    font-size: 15px;
    font-weight: bold;
    color: #0083BF;
    line-height: 18px;
    margin-bottom: 8px;
}

h3 {
    font-size: 15px;
    color: #005A84;
    line-height: 18px;
    margin-bottom: 8px;
}

h4 {
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    line-height: 16px;
    margin-bottom: 8px;
}

h5 {
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    line-height: 13px;
}

p {
    margin-bottom: 1em;
}

p:last-child {
/*margin-bottom: 0;*/
}

/* master style for links */
a:link,
a:active,
a:visited {
    text-decoration: none;
    color: #005A84;
}

a:hover {
    text-decoration: none;
    color: #0083BF;
}

/* added by Gloer to make the clicked links in the article_list different color*/
div.article_list a:visited,
.article_title a:visited {
    color: #0083BF;
}

p.article_call_to_action a {
    color: #247CD4;
    text-decoration: underline;
}

.article_call_to_action {
/*padding-top: 7px;*/
    padding-bottom: 3px; /*removed padding-top*/
    text-align: right;
    padding-right: 7px;
}

/* master style for all tables */
table {
    border-collapse: collapse;
}

table th, table td {
    padding: 2px 5px 2px 5px;
}

table th {
    background-color: #ccc;
}

tr th:first-child, tr td:first-child {
    padding-left: 0;
}

/* Forms elements */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Prevents the fields in the fieldset from breaking in Opera */
* html #timezoneSelectForm fieldset {
    /*width: 200px;
    margin-right:200px;*/
}

input {
    border: 1px solid #e3e3e3;
    font-size: 12px;
    padding: 1px;
    height: 15px;
    margin:0px;
}

input[type=radio] {
    border: none;
    width: auto !important;
}

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

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

.commandLinkAsButton {
/* copied from the input selector (above) and added background */
    border: 1px solid #e3e3e3;
    padding: 2px 4px;
    height: 15px;
    background: #fff url( /css_images/input_btn_bkg.gif ) left top repeat;
}

.commandLinkAsButton a {
    color: #508ac9;
    font-size: 1.1em;
    text-decoration: none;
}

input.button, .input_button {
background-color:#FF8000;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
height:auto;
margin-right:5px;
padding:1px;
text-transform:uppercase;
}


/* for input class="button"s displayed against a gray background (e.g. in the shop) */
input.onbackground {
    border: 1px solid #999;
}

select {
/*border: 1px solid #e3e3e3;*/
    font-size: 1.1em;
}

/*  Rounded corners and borderline for  container
   Positioned here so it can be overridden by the forms related
   roundcornerstyling further below
*/

#container  {
/*border: 1px solid #e3e3e3;*/
    position: relative;
    padding: 0;

}


/* holly hack - give  layout in IE so that
    corners are positioned correctly */
html>body #container  {
    height: 1%;
}

* html #container  {
    height: 1%;
}

/*removes the border-bottom for the borderless heading*/
#container .noborder .elementheading{
/*border-bottom:none;     */
    border:1px solid #BABABA;
}



/* Rounded corners and borderline for input fields */
#container .inputstylecontainer {
    width: auto;
    display: block;
    position: relative;
    padding: 0;
    margin-bottom: 4px;
}

#container .inputstylecontainer input {
    border: 1px solid #e3e3e3;
    padding: 1px;
    width: 98%;
}
.fpage #container .inputstylecontainer input {
    width: 194px;
}
#container .login .inputstylecontainer .inputzholder {
    z-index: 30;
}

#container .inputfield_backgroundtext {
    position: absolute;
    display: block;
    top: 3px;
    left: 3px;
    z-index: 50;
    color: #666;
}

/* rounded corner styles for buttons */
#container .buttonstylecontainer {
    font-size: 1.1em;
    float: right;
    display: inline;
    position: relative;
    padding: 0;
    margin-bottom: 4px;
}

#container .buttonstylecontainer input.button {
    font-size: 1em;
    height: 19px;
    border: none;
    background: #fff url( /css_images/form_elements/button/btn_3piece_bkg.gif ) left top repeat-x;
}

#container .noheadborder,
.maincontent .noheadborder {
    display:none;
}

#login_button.input_button {
    display: inline;
    float: right;
    margin-top: 3px;
    padding: 1px 15px;
    position: relative;
    border: 1px solid #E3E3E3;
    font-size:1.4em;
    font-weight:bold;
    height:17px;
}

#loginForm .button {
    width: 44%;
    font-weight: bold;
    text-transform:uppercase;
}

.login_box {
    background-color: #F1F1F1;
    border: 1px solid #999;
    box-shadow: 0 0 4px #999;
    display: none;
    z-index: 1000;
    margin-top: 2.4em;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 320px;
    padding: 8px;
}

#loginForm .rememberMeContainer {
    margin-top: 5px;
}

#loginForm .rememberMeContainer input {
    vertical-align: bottom;
}

#logoutForm .button, .logout_button {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-weight:bold;
    text-transform:uppercase;
    background-color:#828282;
    margin-top: 4px;
    margin-left: 3px;
    width:78px;
}

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

        PAGEFRAME

    ---------------------------------------
*/
#main {
    margin-right: 2px;
    background-color: #fff;
    margin-left:6px;
}

#container {
    /*width: 1000px;   */
    text-align: right;
    width:100%;
}

#helppage #container {
    width:auto !important;
}

#helppage #container .cc_mambmcra,
#helppage #container .cc_mambmcrarb {
    width: auto !important;
}

#wide #container {
    width: 1190px;
    margin-top:14px;
}

div.search{
    float:right;
    margin-top:4px;
}

.search input.button{
    background:url("/css_images/tr-rebrand/search-button.gif") no-repeat scroll right top transparent;
    border:medium none;
    color:#516E8D;
    font-weight:bold;
    height:21px;
    margin-left:123px;
    margin-top:0;
    width:19px;

}
.fieldofsearch{
    height:15px;
    margin-left:-51px;
    margin-right:6px;
    margin-top:1px;
    position:absolute;
    width:165px;
}


.searchform {
    margin: 5px 10px 5px 10px;
}

.searchform_button_container {
    display: block;
    margin-top: 5px;
}

.searchform_button_container .button {
    margin-top: 10px;
    margin-right: 5px;
    padding: 2px 10px;
}

.searchform_button_container .button:hover {
    border: 1px solid #797979;
    color: #314e6d;
}

.select_many_picklist {
    text-align: center;
}

.select_many_picklist select {
    min-width: 30px;
}

.select_many_picklist .button {
    padding: 1px 10px;
    margin-bottom: 5px;
    width: 100%;
}

#pageframe {
    text-align: left;
}

#innerpageframe {
/*margin: 8px 0 8px 8px;*/
    background-color: #fff;
    _zoom: 1;
}

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

        TOP BLOCK

    ---------------------------------------
*/
#top {
    text-align: left;

    text-transform: uppercase;
}

/*
    styles for the settings block (very top of page)
*/

#settings {
    clear:both;
}

#settings .floatcontainer {
    float: right;
    margin: 0;
}

#settings form {
    display: inline;
    float: left;
    font-family:Arial,Helvetica,Verdana,sans-serif;
    text-transform:none;
    color:#828282!important;
}
#loginForm{width:150px;}
#settings #timezoneSelect {
    display: inline;
    float: right;
    margin: 0 0 0 12px;
    line-height: 24px;
    vertical-align: middle;
}


/*
    styles for the topcontent block
    (logo and search)
*/

#topcontent {
    float: left;
    width: 100%;
    background-color:#fff;
}

#topcontent a {
    display:inline-block;
}

#topcontent a img {
    margin-top: 1px;
    margin-left: 1px;
    display:inline-block;

}
#topcontent a.trlogo {
    float:right;

}

#topcontent div.useralert{
    background: #d37415;
    color: #fff;
    display:none;
    position: absolute;
    padding:5px;
    top: 0;
    left: 450px;
    height: 61px;
    width: 240px;
    outline:none;
    border: 2px dotted #e3e3e3;
    font-size:15px;
}
#topcontent div.useralert a{
    color: #fff;
    font-weight:bold;
}

a span{
    cursor:pointer;
}

#topcontent .search {
    width: 250px;
    display: inline;
    float: right;
    margin: 47px 24px 0 0;
    padding: 0 0 0 0;
}

#topcontent .search label {
    color: #666;
    margin: 3px 10px 0 0;
    float: left;
}

#topcontent .search input {
    margin: 0;
    width: auto;
    height: 15px;
    line-height: 15px;
    float: right;
}

#topcontent .search input[type=text] {
    border-left: #c0c0c0 solid 1px;
    border-top: #c0c0c0 solid 1px;
}

#container #topcontent .inputstylecontainer {
    display: inline;
    float: right;
    padding: 0;
    margin-left: 10px;
}

#container #topcontent .buttonstylecontainer {
    font-size: 1.1em;
    float: right;
    display: inline;
    position: relative;
    padding: 0;
    margin-left: 10px;
}

#container #topcontent .search .button {
    width: 52px;
    height: 19px;
    float: right;
    margin-left: 4px;
}

/*
    styles for the globalmenu block
*/
#globalmenu_container {
    clear: both;
    height: 28px;
    padding-left: 0;
    background:url("/css_images/tr-rebrand/menu_bg.gif") repeat-x scroll 0 0 #BABABA
}

#globalmenu_container .menu {
    display: block;
    float: left;
    margin: 0 0 -1px 10px;
}

#globalmenu_container .menu ul {
    list-style: none;
    float: left;
    margin-bottom: 0 !important;
}

#globalmenu_container .menu ul li {
    float: left;
    background: url(/css_images/globalmenu/tab_right.gif) no-repeat top right;
    margin-right: 2px;
}

#globalmenu_container .menu ul li a {
    display: block;
    padding: 0 1.1em;
    line-height: 28px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    float: left;
    background: url(/css_images/globalmenu/tab_left.gif) repeat-x top left;
}

#globalmenu_container .menu ul li a.firstelement {
    background: url(/css_images/globalmenu/tab_left_first.gif) no-repeat top left;
}

#globalmenu_container .menu ul li.lastelement {
    float: left;
    background: url(/css_images/globalmenu/tab_right_last.gif) no-repeat top right;
}

#globalmenu_container .menu ul li.selected {
    float: left;
    background: url(/css_images/globalmenu/tab_right_selected.gif) no-repeat top right;
    margin-right: 1px;
}

#globalmenu_container .menu ul li a.selected {
    color: #666;
    background: url(/css_images/globalmenu/tab_left_selected.gif) repeat-x top left;
}

#globalmenu_container .menu ul li a.firstelement_selected {
    color: #666;
    background: url(/css_images/globalmenu/tab_left_first_selected.gif) no-repeat top left;
}

#globalmenu_container .menu ul li a.lastelement_selected {
    color: #666;
    float: left;
    background: url(/css_images/globalmenu/tab_right_last_selected.gif) no-repeat top right;
}

/*New hover code*/


#globalmenu_container .menu ul li a:hover {
    color: #666;
    background: url(/css_images/globalmenu/tab_left_selected.gif) repeat-x top left;
}

#globalmenu_container .menu ul li .firstelement a:hover {
    color: #666;
}

#globalmenu_container .menu ul li a.lastelement a:hover {
    color: #666;
    float: left;
    background: url(/css_images/globalmenu/tab_right_last_selected.gif) repeat-x top right;
}

.companylogo{margin-top:21px;}

#motto_top,#motto_top a{
    color:#828282;
    float:left;
    font-size:11px;
    font-weight:normal;
    margin-left:5px;
    margin-top:3px;
    text-decoration:none;
    text-transform:uppercase;
}

.article_list.pagingtitleonly{
    background-color:#666;
    color:#fff;
}


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

        COLUMN FRAMEWORK

    ---------------------------------------

    This is the column setup:

    |   L   |   MA   |   MB   |   MC   |   RA   |   RB   |
    |       |        |        |        |        |        |
    | 150   |  220   |  220   |  180   |  180   |  180   |

    In-column modules:

            |    MD 450     |
            |	      MF 640         |
            |             MH 830              |
            |                 MJ 1020                  |
                     |    MI 410     |
                     |          MG 600        |
                              |    ME 370     |
    |                       B 1190                     |


    Gutter-width between columns is 10

*/
/*New template width:*/
#RA_column_flow {
    width: 180px;
}
#MC_column_flow {
    width: 180px;
}
#D_column_flow {
    width: 766px;
}
.cc_mcra_flow {
    width: 766px;
}

+.cc_ra_flow, .fpage .cc_ra {
    width: 180px;
}
.cc_mambmcra_flow {
    width: 766px;
}
/*----end new column-----*/

#L_column {
    width: 150px;
    overflow: hidden;
    padding-left: 2px;

}

.fpage #L_column {
    width: 220px;
    overflow: hidden;
    padding-left: 2px;
    padding-top:0;
}

* html #L_column {
    width: 148px;
    overflow: hidden;
    padding-left: 2px;
}

#MA_column {
    width: 220px;
}

#MB_column {
    width: 220px;
}

#MC_column {
    width: 180px;


}


#RA_column {
    width: 175px;
}

#RB_column {
    width: 180px;
}

#MD_column {
    width: 450px;
}

#ME_column {
    width: 370px;
}

#MF_column {
    width: 610px;
}

#MG_column {
    width: 600px;
}

#MH_column {
    width: 730px;
}

#MI_column {
    width: 410px;
}

#MJ_column {
    width: 1020px;
}

#B_column {
    width: 1190px;
}
.greytext {
    color:#828282;
    font-size:11px;
}
.greytext p{
    margin-top:2px;
    margin-bottom:2px;
}
.o_link a{color: #FF8000;}

.L {
    width: 148px;
}
.fpage  .L {
    width: 206px;
}
.MA {
    width: 220px;
}

.MB {
    width: 220px; /*background-color: #ffccff; */
}

.MC {
    width: 180px; /*background-color: #d5ffea; */

}
.MC.element{margin-right:8px;}

.RA {
    width: 175px; /*background-color: #ffccff; */
}

.RB {
    width: 175px; /*background-color: #d5eaff; */
}

.MD {
    width: 450px; /*background-color: #fbffd6;*/
}
.ME {
    width: 363px;
}

.MF {
    width: 640px; /*background-color: #ffccff; */
}

.MG {
    width: 600px; /*background-color: #fbffd6; */
}

.MH {
    width: 830px; /*background-color: #d5ffea; */
}

.MI {
    width: 410px; /*background-color: #d5eaff; */
}

.MJ {
    width: 1020px; /*background-color: #ffccff; */
}

.B {
    width: 1190px; /*background-color: #d5eaff; */
}

#M_column_flow .MA {
    width: 190px;
}

#M_column_flow .RA {
    margin-left:16px;
margin-top:35px;
width:200px;
}

#M_column_flow .MI {
    width: 371px;
}

#M_column_flow .MD,
#M_column_flow .ME {
    margin-right:10px;
}

#M_column_flow .MH {
    width: 766px;
}

#M_column_flow .MF {
    width: 540px;
}

.column {
/*background-color: #dddddd; */
    display: inline;
    float: left;
    clear: none;
}

/* global right-float column container - all columns except L
    are wrapped in nested instances of this container */

.columncontainer {
    display: inline;
    float: right;
    clear: none;
}

.fpage .columncontainer {
    float: left;
}
/*  used with 5 column layout - width of columncontainer

    all columncontainers are 10 wider than the width of their
    expected contained elements to allow every column-element to
    have a set 10 margin-left to create faux-gutters when lined
    up in a left float fashion. Aligning multiple elements left is
    bad practice when done within a fixed container, but is neccessary
    due to the dynamic nature of element placement within multiple
    column-width columns.
*/

.cc_mambmcra {
    width: 840px;
}
.cc_mambmcra_flow,
.fpage .cc_mambmcra {
    width: 766px;
}
.cc_mbmcra {
    width: 600px;
}

.cc_mcra {
    width: 380px;
}

/*
.fpage .cc_mcra {
    width: 350px;
}
*/

.cc_ra {
    width: 182px;
    margin-right:1px;
}

/* used with 6 column layout (logged-in/trader) - width of columncontainer */
.cc_mambmcrarb {
    width: 1020px;
}


.cc_mbmcrarb {
    width: 790px;
}

.cc_mcrarb {
    width: 560px;
}

.cc_rarb {
    width: 370px;
}

.cc_report1 {
    width: 170px;
}
.cc_report2 {
    width: 340px;
}
.cc_report3 {
    width: 510px;
}
.cc_report4 {
    width: 680px;
}
.cc_report5 {
    width: 850px;
}
.cc_report6 {
    width: 1020px;
}

.cc_rb {
    width: 180px;
}

.cc_6col1 {
    width:165px;
}
.cc_6col2 {
    width:335px;
}
.cc_6col3 {
    width:505px;
}
.cc_6col4 {
    width:675px;
}
.cc_6col5 {
    width: 845px;
}
.cc_6col6 {
    width: 1015px;
}

.cc_6col1,.cc_6col2,.cc_6col3,.cc_6col4,.cc_6col5,.cc_6col6{
    float:left;
    margin-right:5px;
}

* html  .cc_6col1,.cc_6col2,.cc_6col3,.cc_6col4,.cc_6col5,.cc_6col6{
    margin-right:2px;
}


.cc_6col1.lastInRow,.cc_6col2.lastInRow,.cc_6col3.lastInRow,.cc_6col4.lastInRow,.cc_6col5.lastInRow,.cc_6col6.lastInRow{
    margin-right:5px;
}

* html .cc_6col1.lastInRow,.cc_6col2.lastInRow,.cc_6col3.lastInRow,.cc_6col4.lastInRow,.cc_6col5.lastInRow,.cc_6col6.lastInRow{
    margin-right:2px;
}

.report_timeline, .report_links {
    width: 1020px;
    float:right;
}

.report_links_container {
    width: 1020px;
    float:left;
}
.report_menubar_container{
    background:url(/css_images/trading/trading_toolbar.gif) no-repeat;
    width:1025px;
    height:24px;
    float:right;
    padding:1px;
}
.report_menubar {

}

.report_menubar  li {
    float: left;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 22px;
    height: 22px;
    border-right: 1px solid #dcdada;
}

.report_menubar a{
    text-decoration:none;
}

.report_menubar  li a span{
    font-weight:bold;
    font-size: 1.2em;
    color:#5C5C5C;

}

.report_menubar li.selected a span{
    color:#fff;

}

.report_menubar li.selected {
    background-color: #005A84;
}

.report_top {
    width: 1027px;
    float:right;
    margin-bottom:-1px;
    z-index:10;
    position:relative;
}

#footer {
    clear: both;
    height: 54px;
    padding-top: 5px;
    text-align: left;
    background-color:#666666;
}

#footer ul {
    clear:none;
    display:inline-block;
    height:43px;
    float:left;
    margin-left:auto;
    margin-right:auto;
    padding:18px 0 0 438px;
    color:#fff;



}

#footer ul li {
    padding: 0;
    white-space: nowrap;
    list-style-type: none;

}

#footer ul li ul {
    padding: 0;
    background-image: none;
}

#footer ul li ul li {
    float: left;
    white-space: nowrap;
    list-style-type: none;
    border-right: 2px solid #EFEFEF;
    padding:0 10px;
}

#footer ul li ul li a {
    color: #fff;
}

#footer ul li.links ul {
    width: 440px;
/*padding: 0 15px 0 0;*/
}

#footer ul li.links ul li {
    padding:0 10px 0px 10px;
}

#footer ul li.copy {
    font-weight: bold;
    color: #fff;
}

#footer ul li.copy strong{
    font-weight: bold;
    color: #fff;
}

#footer img {
    border:medium none;
    clear:none;
    display:inline-block;
    float:left;
    margin:0;
    padding:0;
    font-family:arial, sans-serif !important;
}

#footer img.trlogo {
    float:right;

}

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

        COLUMN CONTENT CONTAINERS

        These define the width of the
        contained element based on how
        the elements are to be grouped
        and distributed within the columns
        (ie. fullwidth, 2 single elements in
        a double width column, etc.)

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

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

        COLUMN CONTENTS (ELEMENTS)

    ---------------------------------------
*/
.element {
    margin: 0 0 9px 0;
    display: inline;
    float: left;
}
.reportelement {
    margin-bottom:16px;
/*margin-right:3px;   */
margin-top:0;
}
.reportelement p{
    padding:5px;
}

.lastincol {
    float: left;
}

.element a.promolink {
 display: block;
    line-height: 2px;
    padding: 0;
    margin: 0;

}

.noleftmargin {
    margin: 0 0 16px 0;

}
.fpage .noleftmargin {
 margin: 0 0 13px;
}
/* Element header styles */
.elementheading {
    display: block;
    line-height: 21px;
    min-height: 21px;

    padding: 0 8px;
}

h4.elementheading {
    margin-bottom: 0;
}

H2.elementheading {
    border-bottom: none;
    margin-bottom: 0;
}

H2.elementheading span {
    font-size: 15px;
    font-weight: bold;
}

#wide H3.elementheading {
    margin-bottom: 0;
    font-size: 13px;
    padding-left:5px;

}


#wide H3.elementheading span {
    font-size: 13px;

}

H3.elementheading {
    margin-bottom: 0;
    font-size: 13px;
    padding-left:5px;

}


H3.elementheading span {
    font-size: 13px;

}

H4.elementheading span {
    font-size: 12px;
    font-weight: bold;
}

.lineframe {
    border-top: 1px solid #e3e3e3;
}

/* style for "set as start page button"*/
.startpage{
    background-color:#828282;
    border:1px solid #BABABA;
    color:#FFFFFF;
    font-size:10px;
    font-weight:bold;
    margin-right:6px;
    padding:2px 3px 2px 3px;
    text-align:center;
    text-transform:uppercase;
    margin-top:1px;
    float:right;
}
.startpage a{
    color:#fff!important;
    width:119px;

}
.setstart, .setstart span{
    color:#FFFFFF!important;
    line-height:normal!important;
    width:182px;
    margin:0px!important;
}

/* Custom  styles for wrapping around in-column H3 headers */
#container .whiteongradblue {
    border: 1px solid #7d92aa;
}

#container .whiteongradblue H3.elementheading {
    border-bottom: none;
}

.chevrongrey /*rename to TRlightgreyboxheader*/ {
  text-transform: uppercase;
    color:  #828282;
}
 .chevrongrey span {
  color:  #828282 !important;
 }

.blueonblank {
    color: #005DA2;
    border-bottom:1px solid #bababa;
    border-top: 1px solid #BABABA;
}

.contentborder .blueonblank {
    border-top: none;
}
 .element_grey.contentborder.customlist .element_white.border  {
     border:none;
 }
#container .headborder .blueonblank {
border:none;
}

.fpage .blueonblank {
    color: #005DA2;
    border-bottom:1px solid #E3E3E3;
    border-top:none;
}
.lightgreenonwhite  {
     color: #78A22F;
    border-bottom:1px solid #E3E3E3;
    text-transform:uppercase;
}

.blueonblank span {
    color: #005DA2;
}

.blueonblank span, .blueonblank {
    text-transform:uppercase;
}

.greyontransparent {
    color: #666;
}

#wide .greyongradwhite {
/*    background: #ebebeb url( /css_images/headers/gradwhite.gif ) repeat-x top left;       */
    color: #005A84;
    background: #e2e2e2 url( /css_images/headers/gradwhite.gif ) repeat-x top left;
    border-bottom:1px solid #BABABA;
}
#wide .greyongradwhite span{
/*    background: #ebebeb url( /css_images/headers/gradwhite.gif ) repeat-x top left;       */
    color: #005A84;
}

.greyongradwhite {
/*    background: #ebebeb url( /css_images/headers/gradwhite.gif ) repeat-x top left;       */
    color: #444;
}





.lightblueongradwhite {
    background: #d9d9d9 url( /css_images/headers/gradwhite.gif ) repeat-x top left;
    color: #508ac9;
}

.lightblueongradwhite span {
    color: #508ac9;
}

.whiteongradblue {
/*    background: #8da0b4 url( /css_images/headers/gradblue.gif ) repeat-x top left;   */
    color: #fff;
    background-color: #005A84;
    text-transform:uppercase;
    font-weight: bold;

}
/*TODO rename denne til noe annet*/
.whiteongradblue span {
    color: #fff;
    text-transform:uppercase;
    font-family:'KnowledgeMedium',Arial,sans-serif;
}

.whiteongradblue span strong {
    color: #fff;
    text-transform:uppercase;
    font-font: Arial,sans-serif;
}

#wide .whiteongradblue span {
    text-transform:none!important;
}


.whiteongraddarkblue {
    background: url( /css_images/headers/graddarkblue.gif ) repeat-x top left;
    color: #fff !important;
    text-transform:uppercase;
}

.wide .whiteongraddarkblue {
    text-transform:none!important;
}

.whiteongraddarkblue span {
    color: #fff;
}

.greygradbig {
    height: 31px;
    line-height: 31px;
    padding: 0 2px 0 6px;
    color:#FF8000;
    font-family:Arial sans-serif !important;
    border-bottom:1px solid #E3E3E3;
    font-weight:normal;
}

.greygradbig span{
    font-size: 17px !important;
    font-family:'KnowledgeMedium',arial,sans-serif;
    color: #FF8000;
    text-transform: uppercase;
}
#wide .greygradbig{
    background:url("/css_images/headers/bigbueonlightgrey.gif") repeat-x scroll left top transparent;
    color:#005A84;
    font-weight:bold;
    height:31px;
    line-height:31px;
    padding:0 2px 0 6px
}

#wide .greygradbig span{
    font-size: 17px !important;
    font-weight:bold;
    color: #005A84;
    text-transform: uppercase;
}
.brownongradbeige {
    color:#fff;
    height:31px;
    line-height:31px;
    padding:0 2px 0 6px;
    background-color:#929292;
}
.brownongradbeige span{
    font-size: 17px !important;
    font-family:'KnowledgeMedium',arial,sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight:normal;
}



.hidden {
    display: none;
}

/* Element Frame styles ( Styles selectable from within Polopoly ) */
.element_grey {
    background-color: #f5f5f5;
}

.element_white {
    background-color: #fff;

}
.element_white.border{
    border:1px solid #BABABA;
}
.fpage .element_white.border{
    border:none;
}

/*
 element_grey soloheadborder news
elementcontent  element_grey nocontentborder news

 element_grey headborder default
elementcontent  element_grey contentborder default
*/

/*
   Rounded corners and borderline for  container
   used by headings and elementcontainers in content area.
   - these defintition are exceptions and override the global
   definition at the beginning of this document.
*/

/* elementhead sectionhead_contentborder_grey + white */

#container .soloheadborder {
    /*margin-bottom: 6px; */
    border:medium none;
}



#container .headborder {
border-left:1px solid #BABABA;
border-right:1px solid #BABABA;
border-top:1px solid #BABABA;}

#container .headborder .headborder {
border:none;}


/*for the whiteongradblue*/
#container .noborder {
    border-style:none;
}

#container .MD .headborder {
    width: 450px;
}

html>body #container .MD .headborder {
    width: auto;
}

.headborder .elementheading {
    border: none;
}

#container .nocontentborder   {
    border: none;
}

#container .nocontentborder  h3.elementheading.whiteongraddarkblue {
    border: 0;
}

/*
<div class="elementcontent  element_grey contentborder default">
<div class=" whiteongraddarkblue chevronwhite">
<h3 class="elementheading whiteongraddarkblue chevronwhite">
<span>
researchtitle
</span>
</h3>
*/

#container .nocontentborder .whiteongradblue,
{border:none;}
#container .contentborder .whiteongradblue {
    border: 1px solid #bababa;
}

#container .elementcontent {
    padding: 0;
}

#container .elementcontent h3.elementheading.whiteongradblue {
    background-color:#005A84;
    border: none;
    line-height: 21px;
    overflow: hidden;
    color:#fff;
}

#container .elementcontent .whiteongradblue h3.elementheading.whiteongradblue {
    background: none;
    border: 0;
    line-height: 22px;
    height: auto;
    overflow: auto;
}

#container .elementcontent div.textpromo {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}

#container  {
    border:none !important;
}

/*gloer: adjusted to new roundfrae with bottom gif*/

.contentborder.element_white{
   border:1px solid #bababa;
}

.contentborder.element_grey{
   border:1px solid #bababa;
}
  .element_white .nocontentborder{
      border:none;
  }



/* Element inner contentframe styles */
.elementcontentpadded_nobottom {
    padding: 8px 8px 0 8px;
}

#container .elementcontentpadded {
    padding: 6px 8px 8px 8px;
    padding-top: 6px;
}

select#quickfinder {
    width:130px;
}

option {
    padding-left: 2px;
    padding-right: 2px;
}

select option.select_head {
    font-weight: bold;
    background-color: #f5f5f5;
}

/* Styles for main menu nested lists */
ul#mainmenu,
ul#mainmenu_user {
    background-color: #ebebeb;
/*gl 12.12.2007 changed width */
    width: 148px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
}

/* all <li> below <ul> */
ul#mainmenu li,
ul#mainmenu_user li {
    padding-left: 0;
    margin: 0;
    background-color: #f5f5f5;
    border-left:1px solid #DADADA;
}
ul#mainmenu li.inactive, ul#mainmenu_user li.inactive {
    border-left:1px solid #DADADA;
}
ul#mainmenu li.active, ul#mainmenu_user li.active {
    border-left:medium none;
}

ul#mainmenu li div,
ul#mainmenu_user li div {
    margin: 0;
    padding: 3px 5px;
    border-bottom: 1px solid #e3e3e3;
    border-right:1px solid #DADADA;
}

ul#mainmenu li.inactive div,
ul#mainmenu_user li.inactive div {
    background-color: inherit; /* top level inactive menu items should not be white */
}

ul#mainmenu li.inactive ul li div,
ul#mainmenu_user li.inactive ul li div {
    background-color: #fff;
}

ul#mainmenu li div a,
ul#mainmenu_user li div a {
    text-decoration: none;
}

ul#mainmenu li.active div a,
ul#mainmenu_user li.active div a {
    color: #fff;
    font-weight: bold;
}

ul#mainmenu li.inactive div a,
ul#mainmenu_user li.inactive div a {
    color: #00375E;
    font-weight: normal;
}

/* all <ul> below ul#mainmenu */
ul#mainmenu ul,
ul#mainmenu_user ul {
    margin: 0;
    margin-left: 10px;
    padding: 0;
    list-style-type: none;
}

ul#mainmenu li.active,
ul#mainmenu_user li.active {
    background-color: #ECECEC;
}

ul#mainmenu li.active div,
ul#mainmenu_user li.active div {
    /*background: url("/css_images/headers/graddarkblue.gif") repeat-x scroll left top transparent;*/
    border:none;
    background-color: #005A84;
}
ul#mainmenu li.inactive div, ul#mainmenu_user li.inactive div     {}

ul#mainmenu li.inactive div a, ul#mainmenu_user li.inactive div a    {
    color:#005A84;
}
ul#mainmenu li.active  ul li.inactive div a, ul#mainmenu_user li.active  ul li.inactive div a    {
    color:#005A84;
}


ul#mainmenu li.inactive  ul li div, ul#mainmenu_user li.inactive  ul li div     {background:none repeat scroll 0 0 transparent;
}

/* custom color for second level selected nodes */
ul#mainmenu li.active ul li.active div,
ul#mainmenu_user li.active ul li.active div {
    background-color: #0073a8;
}

ul#mainmenu li.active ul li.inactive div,
ul#mainmenu_user li.active ul li.inactive div {
    background:none no-repeat scroll 0 0 transparent;
    border:1px solid #DADADA
}

/* custom color for selected nodes from level 3 and down */
ul#mainmenu li.active ul li ul li.active div,
ul#mainmenu_user li.active ul li ul li.active div {
    background-color: #0083bf;
}

ul#mainmenu li.active ul li ul li.active div,
ul#mainmenu_user li.active ul li ul li.active ul li.active div {
    background-color: #0096da;
}

ul#mainmenu li.active ul li ul li.inactive div,
ul#mainmenu_user li.active ul li ul li.inactive div {
    background-color: #fff;
}

/* custom colors for links from level 3 and down */
ul#mainmenu li.active ul li ul li.active div a,
ul#mainmenu_user li.active ul li ul li.active div a {
    color: #fff;
}

ul#mainmenu li.active ul li ul li.inactive div a,
ul#mainmenu_user li.active ul li ul li.inactive div a {
    color: #005A84;
}
/* End styles for main menu nested lists */


/* Vertical menu (in column L) */
#container .menutwo  {
    border: 1px solid #f5f5f5;
}

#container li.metalevel div{
    font-weight:bold;
    color:#005A84;
}

#container li.metalevel ul li.active div{
    font-weight: bold;
}

.text-right {
    text-align: right;
}

/* runars: class for tooltip-container */
.tooltipContainer {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ff9;
    z-index: 50;
    border: 1px solid #999;
    padding: 5px;
    width: 200px;
    font-size: 10px;
}

ul.progressbar {
    border: 1px solid #cccccc;
    height: 22px;
    line-height: 22px;
    width: 610px;
    margin-bottom: 8px;
}

ul.progressbar li {
    color: #9a9a9a;
    float: left;
    width: 118px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border-right: 1px solid #ccc;
    background: #fcfcfc url( /css_images/webshop-nav-bg.gif ) repeat-x bottom left;
    list-style-type: none;
}

ul.progressbar li.first {
    width: 118px;
    border: 0;
    border-right: 1px solid #ccc;
}

ul.progressbar li.selected {
    color: #fff;
    background: #78A22F;
}

.shoppingbasket-container {
    background-color: #ddd;
    padding: 5px;
}

.currencySelectForm {
    display: inline;
    margin-left: 8px;
}

.currencySelectContainer {
    float: right;
    margin-bottom: 10px;
}

table.shop_table {
    margin-bottom: 10px;
}

td.shop_availableproducts_productname {
    width: 30%;
    font-weight: bold;
    background-color: #eef3fa;
    padding-left: 2px !important;
}

td.shop_availableproducts_description1 {
    width: 30%;
}

td.shop_availableproducts_description2 {
    width: 20%;
    font-style: italic;
}

td.shop_availableproducts_price {
    width: 10%;
    text-align: right;
}

td.shop_availableproducts_actions {
    width: 10%;
    text-align: right;
}

.shop_navbuttons-container {
    float: right;
    display: inline;
    margin-top: 15px;
    padding-top: 5px;
    margin-bottom: 10px;
    border-top: 1px dotted #cfcfcf;
    width: 100%;
}

.shop_navbuttons-left-link {
    float: left;
    display: inline;
}

.shop_navbuttons-left-link span{
    padding-right: 10px;
}

.shop_navbuttons-right-buttons {
    text-align: right;
    float: right;
    display: inline;
}

form .shop_navbuttons-container .button, form .shop_navbuttons-container .commandLinkAsButton {
    font-weight: bold;
    margin-left: 10px;
}

tr.shop_availableproducts_itemline {
    border-bottom: 1px dotted #999;
}

/*gloer shop products*/

.shopPage {
    font-size: 12px;
}

.shopPage tr.shaded td {
    background-color: #f4f7fc;
    border-right: 1px solid #fff;
}

.shopPage tr.unshaded td {
    background-color: #fafbfd;
    border-right: 1px solid #fff;
}

.shopPage tr.shaded td.col5, .shopPage tr.unshaded td.col5 {
    border-right: none;
    text-align: center;
    width: 150px;
}

.shopPage tr.shaded td.col5 a, .shopPage tr.unshaded td.col5 a, .shopPage tr.shaded td.col4 a, .shopPage tr.unshaded td.col4 a{
    float:right;
}

.shopPage tr.shaded td.col1, .shopPage tr.unshaded td.col1 {
/*font-weight: bold;*/
    padding-left: 3px;
    color: #3d3c3c;
    width: 150px;
}

.shopPage tr.shaded td.col1 {
    background-color: #eef3fa;
}

.shopPage tr.unshaded td.col1 {
    background-color: #f7f9fd;
}

.shopPage thead tr th{
    background-color: #fff;
    color: #666666;
    font-size: 13px;
}
.orderlabel {
    color: #666666;
    font-size: 13px;
    font-weight:bold;
}

.shopPage table.shop_products {
    margin-bottom: 15px;
}

/* display inline & float properties inherited from general "column" class */
.shopPage div.column {
    width: 290px;
    margin-bottom: 5px;
    margin-right: 10px;
}

.shopPage form {
    margin-top: 5px;
}

.shopPage form p {
    padding: 3px 2px;
    clear: both;
}

.shopPage.registration form p {
    padding: 1px 2px;
    clear: both;
    text-align:right;
}


.shopPage div.userinfoFormBlock {
    font-size: 14px;
}

.shopPage form label, .shopPage div.userinfoFormBlock span.regFormLabel {
    font-size: 14px;
    margin-right: 15px;
}

.shopPage div.userinfoFormBlock .regFormText{
    font-weight:bold;
}

.shopPage .payment_box {
    background-color: #fafbfd;
}

.shopPage form label.width1 {
    width: 75px;
}

.shopPage form label.width2 {
    width: 95px;
}

.shopPage form label.width3 {
    width: 105px;
}

.shopPage form label.width4 {
    width: 115px;
}

.shopPage form select, .shopPage form input {
    width: 150px;
}

.shoppage .registration form select, .registrationPage form input {
    width: 150px;
    clear:both;
    display:block;
    float:right;
    margin-bottom: 3px;
}

.shopPage form input.button {
    width: auto;
}

.shopPage #newUserButtonContainer {
    height: 27px;
}

.errorMessage {
    display: block;
    padding: 5px 10px 10px 5px;
    border: 2px solid #daa;
    background-color: #fee;
}

.shopPage .errorMessage {
    width: 350px;
    margin: 15px 0;
}

.userRegistrationHelp {
    padding: 3px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}

.shopPage h1, .shopPage h2, .shopPage h3, .shopPage h4, .shopPage h5, .shopPage h6 {
    color: #666;
}

.loginFormShop {
    height:1.3em;
    width:220px !important;
}

.fieldError {
    border: 1px solid red;
/* color: #daa;*/
}
.disabledInput{
    color:#c8a899;
}

.fieldErrorText {
    color: #daa;
    display: block;
    padding-left: 200px;
}
/*TODO: check if fieldErrorText is used other places than identify yourself*/
.regfieldErrorText {
/*color: #daa;*/
    color: red;
    margin-left: 10px;
}
.regFormLabel{
    float:left;
    width:200px;
    text-align:right;
}
.regFormLabel label{
    width:190px !important;
}

#userInfoForm div div{
    padding-bottom:4px;
}
.userinfoFormBlock {
    background-color:#f3f3f3;
    margin-bottom:10px;
    width: 600px;
}

.userinfoFormBlock input {
    height:1.2em;
    width:220px !important;
}
.userinfoFormBlock input[type=checkbox] {
    width:16px !important;
}

.userinfoFormBlock select {
    height:22px;
    padding:2px;
    width:224px !important;
}

/* couldn't set border on select items in IE 7 */
select.fieldError {
/*background-color: #ffe3e3;*/
}

.shopPage .shoppingBasket {
    width: 100%;
}

.shopPage .shoppingBasket tr {
    height: 24px;
}

.shopPage .shoppingBasket th {
    background: none;
}

.shopPage .shoppingBasket tfoot tr {
    border-top: 1px dotted #cfcfcf;
}

.shopPage .shoppingBasket th.shopping_basket_total_label {
    text-align: right;
    font-style: italic;
}

.shopPage .confirmUserInfoContainer {
    margin: 15px 0;
}

.shopPage .payment_acceptterms_container {
    margin: 15px 0;
}

#loginForm .errorMessage {
    margin-bottom: 10px;
}

.jscalendar-DB-title-control-normal-style {
    color: #fff;
    border: 0;
}

.jscalendar-DB-title-control-select-style {
    color: #fff;
    border: 0;
}

#globalErrorMessages {
    padding: 10px 0;
}

#globalErrorMessages ul {
    list-style-type: none;
}

/* highlight search restults substrings */
span.highlight {
    font-weight:bolder;
}

.verticalTop {
    vertical-align: top;
}




.overdiv_outer td td{
    background-color: #f3f3f3;
    padding: 5px;
    border:2px solid #ddd;
}

.overdiv_outer td td div{
    color: #444444 !important;
    font-size: 100% !important;
}

.element_grey.contentborder.customlist{
    border:1px;
    border-style:solid;
    border-color:#bababa;
}

.element_white.contentborder.customlist{
    border:1px;
    border-style:solid;
    border-color:#bababa;
}

.menutest{
}

td.table_greycell{background-color:#828282;
    padding: 6px !important;}

td.table_greycell p{color:#fff;
    margin-bottom: 0px !important;}

body.errorpage {
    background: white !important;
}

div.errorpage {
    clear: both;
    float: left;
    font-size: 150%;
    padding-left: 15px;
    padding-top: 15px;
    text-align: left;
}

.noborder {
    border : none;
}