/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #cae5f6; 
    color: #000; 
    text-shadow: none;
}

::selection {
    background: #cae5f6; 
    color: #000; 
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==|== primary styles =====================================================
   Author: Czarnie Salazar - www.oragons.com
   ========================================================================== */

#wrapper { width: 984px; background:#fff; margin:0 auto; padding: 0 20px; }
/* Header */
header { height: 90px; /*background:url('../img/header_bg.jpg') top right no-repeat;*/ padding: 0 15px; }
    /*header a.logo { float:left; width: 84px; height: 69px; background:url('../img/new_logo_ft_fdimarkets.png') no-repeat; text-indent: -999em; margin-top: 10px; display: block; }*/
	header a.logo { float:left; width: 320px; height: 64px; background:url('../img/new_logo_ft_fdimarkets_site_sm.png') no-repeat; text-indent: -999em; margin-top: 21px; margin-left: -8px; display: block; }
    header .hdrControls { float:right; width: auto; margin: 0 auto; text-align: right; display:block; }
        .hdrControls .userControl { height: 34px; }
            .userControl ul { float: right; padding-top: 36px; }
                .userControl li { float:left; height: 12px; font-size:13px; margin-right:10px; padding-right:10px; line-height: 13px; border-right: 1px solid #000; }
                .userControl li.first { padding-right:0; border-right: 0 none; }
                .userControl li.first a { background: url('../img/arrow_right.png') right 2px no-repeat; padding-right:18px; }
                .userControl li.last { padding-right:0; border-right: 0 none; }
                    .userControl li a { color:#7f1c1e; }
        .hdrControls .ads { margin-top:16px; text-align: right; }
    

/* Navigation */
nav.navcon { background: #d0cece; margin: 0 auto 14px auto; border-bottom:5px solid #c31c1c;  display:block; }
    .navcon ul { height: 34px; margin:0 4px; }
        .navcon li { float:left; margin:0 10px; line-height: 34px; }
        .navcon li.current, .navcon li.current.active { background: #c31c1c; }
        .navcon li.active, .navcon li.dd.active { background: #231F20; }

            .navcon li a { color:#323232; font-size:13px; padding: 5px 16px; text-decoration: none; }
            .navcon li a:hover { color:#c31c1c; }
            .navcon li.current a, .navcon li.active a { color:#fff; }
        
        .navcon li.dd { position: relative; z-index: 200 }
        .navcon li.dd a.arrow { background: url('../img/dropdown.png') right 10px no-repeat; margin-right: 10px; padding: 5px 16px; }
        .navcon li.dd a.arrow:hover, .navcon li.active a.arrow { background: url('../img/dropdown.png') right -86px no-repeat; }

        .navcon li .subnav { position: absolute; top: 34px; left: 0; width: 100%; min-width: 200px; height: auto; background: #fff; margin: -1px 0 0 0; padding: 0; border: 2px solid #000; overflow: hidden; display: none; }
        /*style the sub menu*/ 
        .navcon li .subnav li { float:none; margin: 0; padding: 0; border-bottom: 1px solid #e8e8e8; display: block;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
        }
        .navcon li .subnav li.last { border-bottom: 0 none; }
        .navcon li .subnav li a:link, 
        .navcon li .subnav li a:visited { color: #000; width: auto; padding: 4px 8px; display: block; } 
        .navcon li .subnav li a:hover { color: #fff; background-color:#000; }


/* Body - Contents */
#contents { width:100%; min-height:120px; }
#contents:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

    #post { min-height:300px; }
    #post #mainContents { min-height:300px; overflow:hidden; }
    #mainContents:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
    
    #mainContents { float:left; width:626px; }
    aside { float:right; width:336px; }   

    /* #mainContents article  { float:left; width:560px; margin-bottom:20px; } */
    .headlines { font-size: 13px; background: #f7f7f7; margin: 14px 0; padding: 8px 30px; border: 1px solid #e7e7e7; clear: both; }

    .colBox { background:#d5d5d2; margin:30px 0; padding:24px; }
    .colBox h3 { height:18px; font-weight:bold; background:url('../img/expand_collapse.png') 0 0 no-repeat; padding-left:26px; line-height:18px; cursor: pointer; }
    .colBox h3.collapse { background-position:0 -18px }
    .colBox h3 span { color:#444444; font-weight:normal; padding-left:4px; }
    .colBox div.box { margin-top:16px; padding-top:16px; border-top:2px solid #005181; display:none; }

    .box { border-top: 4px solid #cacaca; margin-bottom:20px; overflow:hidden; }
    .box.bdrBottomB2 { padding-bottom: 10px } 
    .box h2 { font-size: 15px; font-weight: normal !important; margin: 10px 0 12px 0; line-height: 18px; }
    .box h2:hover { color:#c31c1c }
    .box.bg { background:#e3e3e3; padding:6px 10px; }

    .box2 { background:#eeeeee; margin-bottom:20px; overflow:hidden; }
    .box2 h2 { color: #fff; font-size: 14px; font-weight: normal !important; background: #c31c1c; margin:0; padding: 2px 10px; line-height: 18px; }
    .box2 > div { padding: 10px; }

    /* flags */
    img.flag { margin-top: 2px;}
    span.flag { font-size: 13px; font-weight:normal; /* margin-left:6px; padding-left:24px; */}
    /*.flag.us { background:url('../../images/flag/us.png') 0 1px no-repeat; }*/

    /* Others */
    .resultsPreview { padding:10px; }
    .resultsPreview li { float:left; height:50px; margin-right:6px; padding-right:6px; border-right:1px solid #d5d5d2; display:block;  }
    .resultsPreview li.last { border-right:none; }

   .qoute { padding:20px 0 10px 0; text-align:center; }
   .qoute .message { font-size:16px; font-style:italic; padding-bottom:10px; }
   .qoute .author { font-size:14px; font-weight:bold; }

   ul.subNav li { margin:0 0 10px 0;  }
   ul.subNav li a { color:#323232; font-size:14px; background:#e3e3e3; padding:8px 10px; display:block; overflow:hidden; }
   ul.subNav li a span { float:right; color:#005181; width:16px; height:14px; background:url('../img/icon_plusminus.gif') left 0 no-repeat; margin-top:4px; text-indent:-999em; }
   ul.subNav li a:hover { color:#fff; background:#005181; }   
   
   /* 1st degree icons */
   ul.subNav li a:hover span { float:right; color:#005181; width:16px; height:14px; background:url('../img/icon_plusminus.gif') right 0 no-repeat; margin-top:4px; text-indent:-999em; }
   *+ html ul.subNav li a span { margin-top:-18px; }
   ul.subNav li a:hover span.collapse { background-position:right -14px !important }
   /* 2nd to down degree icons */
   ul.subNav li ul.sub a:hover span { float:right; color:#005181; width:16px; height:14px; background:url('../img/icon_plusminus.gif') left 0 no-repeat; margin-top:4px; text-indent:-999em; }
   *+ html ul.subNav li ul.sub a span { margin-top:-18px; }
   ul.subNav li ul.sub a:hover span.collapse { background-position:left -14px !important }

   ul.subNav li a span.collapse { background-position:left -14px }
   ul.subNav li ul.sub { margin:0px; padding:10px 0px; display:none; }
   ul.subNav li ul.sub li { margin:0px; padding:0px; }
   ul.subNav li ul.sub a { color:#005181; background:none; padding:4px 10px; }
   ul.subNav li ul.sub a:hover { text-decoration:underline; }
   ul.subNav li ul.sub ul { margin:0 0 0 20px; padding:0px; }

    h2.rss { background:url('../img/rss.png') 605px 2px no-repeat; background-color:#800; border-radius:3px; }
    a.showProgress { width:24px; height:17px; background:url('../img/icon_progress.png') 0 0 no-repeat; display: block; text-indent:-999em; }
    a.showProgress:hover { background-position:0 -17px; }

    /* icons */
    .sc_twitter { width: auto; height: 33px; background:url('../img/sc_twitter.png') top right no-repeat; padding-right: 40px; white-space: nowrap; text-overflow: ellipsis; display:block; }
    .sc_linked { width: auto; height: 33px; background:url('../img/sc_linked.png') top right no-repeat; padding-right: 40px; white-space: nowrap; text-overflow: ellipsis; display:block; }

   .info { width:auto; }
      .info .title { float:left; width:180px; }
      .info .det { float:left; width:400px; padding-left:16px; }

   .users { width:auto; }
      .users .pic { float:left; width:44px; border:1px solid #929292; }
      .users .det { float:left; width:226px; padding-left:16px; }

   /* page num */
   .page_nav { font-size:13px }
   .page_nav a { padding-right:6px; }   
   .page_nav .selected { color:#aa1911; font-weight:normal; padding-right:6px; }
   .page_nav .detPage { padding-left:10px; }

   .comparisonBox { float:left; width:296px; min-height:70px; background:#e3e3e3; padding:10px; border-right:3px solid #d5d5d2; }


/* Footer */
footer { color:#545454; margin-top:40px; padding-top: 10px; clear:both; }
    ul.links { margin: 0; padding: 8px 0 25px 0; border-top: 8px solid #cacaca; list-style: none; display: block; overflow: hidden;  }
        .links li { float: left; height: 14px; margin-right: 10px; padding-right: 10px; line-height: 12px; border-right: 1px solid #545454; }
        .links li.last { border-right: 0 none; }
            .links li a { color:#545454; font-size: 12px; text-decoration:none; padding:0; }
            .links li a:hover { text-decoration:underline; }
        
    footer address { color:#000; font-size: 12px; margin-top: 10px; padding-bottom: 5px; }

section.footer { background-color: #000; }
  section.footer .cont { width: 984px; margin: auto; }
    section.footer address { padding: 15px 5px 5px 5px; color: #fff; font-size: 13px; text-align: right; }
    section.footer address strong { font-size: 13px; }

            
/* Others Styles */
.clrL { clear:left }
.clrR { clear:right }

.ovrHide { overflow:hidden; }
.show { display:block; }
.hide { display:none; }

.floatL { float:left }
.floatR { float:right }

.txtC { text-align:center; }
.txtL { text-align:left }
.txtR { text-align:right }
.txtI { font-style:italic }
.txt11 { font-size:11px; }
.txt14 { font-size:14px; }

.lheight16 { line-height: 16px; }

.txtGray { color: #9a9a9a; }
.txtRed { color: #c31c1c; }
.txtBlue { color:#005181; }
.txtgrey53 { color:#535353; }

.font12 { font-size: 12px }
.font13 { font-size: 13px }
.font14 { font-size: 14px }
.font18 { font-size: 18px }
.font20 { font-size: 20px }

.bold { font-weight: bold; }

.caps { font-weight: bold; text-transform: uppercase; }

.bgGray { background:#e3e3e3; }

.bdrRadius4 {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

hr.bdr { border-top:8px solid #005181; margin:20px 0; }
hr.bdr2 { border-top:8px solid #005181; margin:0 0 10px 0; }

.bdrGray1 { border:1px solid #d5d5d2; }
.bdrGray2 { border:2px solid #d5d5d2; }
.bdrGray3 { border:3px solid #d5d5d2; }

.width100P { width:100% !important; }
.width48P { width:48% !important; }
.width60P { width:60% !important; }
.width62P { width:62% !important; }
.width20 { width:20px; }
.width30 { width:30px; }
.width50 { width:50px; }
.width60 { width:60px; }
.width100 { width:100px !important; }
.width120 { width:120px; }
.width130 { width:130px; }
.width150 { width:150px !important; }
.width180 { width:180px !important; }
.width200 { width:200px; }
.width204 { width:204px; }
.width210 { width:210px; }
.width250 { width:250px; }
.width260 { width:260px; }
.width264 { width:264px }
.width320 { width:320px }
.width330 { width:330px }
.width400 { width:400px }

.mauto { margin:0 auto; }

.m2 { margin: 2px 0px !important; +margin: 2px !important; }

.m10 { margin:10px; }
.mtop10 { margin-top:10px; }
.mtop20 { margin-top:20px !important; }
.mtop30 { margin-top:30px; }
.mtop20tb { margin-top:20px; margin-bottom:20px; }
.mleft10 { margin-left:10px; }
.mleft20 { margin-left:20px !important; }
.mleft40 { margin-left:40px !important; }
.mleftright4 { margin-left:4px; margin-right:4px; }
.mleftright10 { margin-left:10px; margin-right:10px; }
.mleftright24 { margin-left:24px; margin-right:24px; }
.mbottom4 { margin-bottom:4px !important; }
.mbottom10 { margin-bottom:10px !important; }
.mbottom20 { margin-bottom:20px; }

.p4 { padding:4px; }
.p6 { padding: 6px !important; }
.p10 { padding:10px; }
.p18 { padding:18px; }
.pleft6 { padding-left:6px;}
.ptop4 { padding-top:4px;}
.ptop10 { padding-top:10px;}
.ptop30 { padding-top:30px;}
.ptop40 { padding-top:40px;}
.pleft10 { padding-left:10px;}
.pleft18 { padding-left:18px;}
.pleft20 { padding-left:20px;}
.pright10 { padding-right:10px;}
.pright20 { padding-right:20px;}
.pright10 { padding-right:10px !important; }
.pleftright6 { padding-left:6px; padding-right:6px; }
.pleftright10 { padding-left:10px; padding-right:10px; }
.pleftright24 { padding-left:24px; padding-right:24px; }
.ptopbottom10 { padding-top:10px; padding-bottom:10px; }
.pbottom6 { padding-bottom:6px; }
.pbottom10 { padding-bottom:10px; }

.pTBLR { padding: 7px 10px !important; }
.pTBLR2 { padding: 5px 5px !important; }

.ads { margin: 20px auto; clear: both; }
.testi p { font-size: 14px !important; font-family: Georgia, serif; }


.h2 ul.tabNavigation { background:#efeeee !important; margin: 0; padding:4px 8px; }
.h2 ul.tabNavigation li { display: inline; }
.h2 ul.tabNavigation li a { color:#c31c1c; font-size:13px; font-weight:normal; background:#fff; text-decoration: none; padding:1px 6px; border:1px solid #fff; }
.h2 ul.tabNavigation li a:hover { color:#fff; background:#c31c1c;  }
.h2 ul.tabNavigation li a:focus { outline: 0; }
.h2 ul.tabNavigation li.selected a .h2 ul.tabNavigation li.ui-tabs-selected a, .h2 ul.tabNavigation li.ui-state-active a { color: #fff; background: #c31c1c; border:1px solid #fff;  }
.h2 div.tabs > div { margin-top: 3px; }
.h2 div.tabs > div h2 { margin-top: 0; }

.h ul.tabNavigation { position:relative; float:left; height: 35px; margin:0; padding:0; z-index:100; }
.h ul.tabNavigation li { float:left; background:#e8e8e6; margin:0 2px; border:3px solid #d5d5d2;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}
.h ul.tabNavigation li.selected { border-bottom:3px solid #fff; }
.h ul.tabNavigation li.first, .h ul.tabNavigation > li  { margin-left: 0; border-left:3px solid #d5d5d2;  }
.h ul.tabNavigation li.last { border-right:3px solid #d5d5d2; margin-right:0px;  }
.h ul.tabNavigation li.active { background:#005181; }
.h ul.tabNavigation li a { color:#c31c1c; font-size: 13px; font-weight:normal; text-decoration: none; padding: 6px 14px; display:block;}
.h ul.tabNavigation li a:hover { color:#fff; background: #c31c1c; }
.h ul.tabNavigation li a:focus { outline: 0; }
.h ul.tabNavigation li.selected a, .h ul.tabNavigation li.ui-tabs-selected a, .h ul.tabNavigation li.ui-state-active a { color:#000; background: #fff; }

.h ul.tabNavigation li.selected, .h ul.tabNavigation li.ui-tabs-selected, .h ul.tabNavigation li.ui-state-active { border-bottom: 3px solid #fff !important; }
.h .tab_containers { position:relative; min-height:200px; margin-top:-3px; z-index:90; clear:both; }

.v ul.tabNavigation { position:absolute; width:140px; margin:10px 0 0 0; padding:0; z-index:100; }
.v ul.tabNavigation li { background:#e8e8e6; border-top:1px solid #d5d5d2; border-bottom:2px solid #d5d5d2; border-left:3px solid #d5d5d2; border-right:3px solid #d5d5d2; 
    border-radius-topleft:4px; border-radius-bottomleft:4px; 
    -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px;
    -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px;
   display: block; overflow: hidden;
}
.v ul.tabNavigation li.selected, .v ul.tabNavigation li.ui-tabs-selected, .v ul.tabNavigation li.ui-state-active,
.v ul.tabNavigation li.first { border-top:3px solid #d5d5d2;  }
.v ul.tabNavigation li.last { border-bottom:3px solid #d5d5d2;  }
.v ul.tabNavigation li.active { background:#005181; }
.v ul.tabNavigation li a, { color:#005181; font-size: 13px; font-weight:normal; text-decoration: none; padding:10px 8px; display:block; }
.v ul.tabNavigation li a:hover { color:#fff;}
.v ul.tabNavigation li a:focus { outline: 0; }
.v ul.tabNavigation li.selected a, .v ul.tabNavigation li.ui-tabs-selected a, .v ul.tabNavigation li.ui-state-active a,
.v .tab_containers { /*position:absolute;*/ width:446px; min-height:200px; margin-left:137px; overflow: hidden; z-index:90; }

/* jQuery UI - Enhancement */
.ui-tabs .ui-tabs-hide { display: none !important; }
.v ul.tabNavigation .ui-corner-all, 
.v ul.tabNavigation .ui-corner-top, 
.v ul.tabNavigation .ui-corner-right, 
.v ul.tabNavigation .ui-corner-tr,

/* Basic jQuery Slider essential styles */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide { position:absolute; font-family: Georgia, serif; font-style: italic; margin: 0 1px; display:none; }
ul.bjqs-controls{ position: relative; list-style:none;margin: -100px 0 0 0 !important; padding:0; z-index:100;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.bjqs-wrapper { margin: 0 0 0 36px; }
ul.bjqs-controls li a {
  display:block;
  padding: 18px 6px;
  position:absolute;
  background:#bcbcbc;
  color:#fd0100;
  text-decoration:none;
  text-transform:uppercase;
}
ul.bjqs-controls li a:hover { background:#999; }
a.bjqs-prev{ top: 0; left: -10px; }
a.bjqs-prev span { width: 14px; height: 23px; background: url('../img/slider_arrow.png') 0 0 no-repeat; }
a.bjqs-next{ top: 0; right: -86px; }
a.bjqs-next span { width: 14px; height: 23px; background: url('../img/slider_arrow.png') -14px 0 no-repeat; }

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



/*  new styles */
.popup{ display:none;}
.outer_msg{position:absolute; top:180px; left:130px; background:#fff; border:6px solid #444; text-align:center; width:420px; border-radius:5px; padding:0px; display:none}
.inner_msg{ padding:20px; border:3px solid #ddd;}
.map_msg{ color:#555; font-size:13px; letter-spacing:1px; padding-top:6px;}

.chart_comment{padding-bottom:0px; margin-bottom:2px;}
.comment{background-color:#EEE; padding:5px; margin:5px;}

select {
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
}

.chart_menu label{ font-size:13px; letter-spacing:1px}

.headline { border:0px;border-collapse:collapse; border-bottom:1px solid #bbb; font-family:Verdana, Arial, Helvetica, sans-serif}
.headline th{ border:0px; border-top:1px solid #bbb; border-bottom:1px solid #bbb; background-color:#fff; font-size:11px; padding:3px; text-align:left; font-weight:normal; color:#333;}
.headline td{ border:0px; color:#444; font-size:11px; padding:3px;}

.lp{ line-height:19px;}
h6.headline{ font-size:14px; font-weight:normal; border-bottom:2px solid #999; padding:6px 9px; margin-bottom:10px; margin-top:0px;}

.tab_button{ border:3px solid #ddd; border-radius:5px 5px 0px 0px; font-size:13px; font-weight:bold; padding:10px 18px; border-bottom:3px solid #fff;cursor:pointer}
.on{}
.off{background-color:#eee; border-bottom:3px solid #cfcfcf; color:#777}
.off:hover{ background-color:#e3e3e3; border:3px solid #cfcfcf; color:#900;}
.tab_button a:hover{ text-decoration:none}

/*.tab_padding{width:645px; border-bottom:3px solid #cecece;font-size:13px; padding:11px 9px 12px 9px; color:#fff}*/
.tab_padding{width:423px; border-bottom:3px solid #cecece;font-size:13px; padding:11px 9px 12px 9px; color:#fff}

.markets{ color:#800; font-weight:normal}

.blur{ cursor:pointer}

.popup p{ font-size:12px;}
.popup p a:link,a:visited{color:#800}

p.article{ padding:10px 4px;}
p.article a{ color:#800}

p.bold-big{
   font-size:14px; font-weight:bold
}

div.artcile{ padding-left:10px;}

.right_div{ width:100%; padding-right:10px; text-align:right}


.linkButton a{
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  cursor:pointer;
}

.linkButton a:hover {
  color: #ddd;
}

div.linkButton {
  display: inline;
  border: 0;
  margin: 0 0 0 8px;
  padding: 0;
  background: transparent;
  white-space: nowrap;
}

.linkButton span {
  display: inline-block;
  padding: 0 4px 0 0;
  font-size: 16px; 
  line-height: 30px; 
  background: #dddddd url(button_sprite.png) no-repeat scroll right top;
}

.linkButton span span { 
  padding: 0 4px 0 8px;
  background: transparent url(button_sprite.png) no-repeat scroll left -32px;
}

.medium span {
  display: inline-block;
  padding: 0 4px 0 0;
  font-size: 14px; 
  line-height: 24px; 
  background-position: right -64px;
}

.medium span span { 
  background-position: left -90px;
}

.small span {
  display: inline-block;
  padding: 0 4px 0 0;
  font-size: 12px; 
  line-height: 16px; 
  background-position: right -116px;
}

.small span span { 
  background-position: left -134px;
}

.largeRed span {
  background-position: right -153px;
}

.largeRed span span {
  background-position:left -185px;
}

.mediumRed span {
  font-size: 14px; 
  line-height: 24px; 
  background-position: right -217px;
}

.mediumRed span span { 
  background-position: left -243px;
}

.smallRed span {
  font-size: 12px; 
  line-height: 16px; 
  background-position: right -269px;
}

.smallRed span span { 
  background-position: left -287px;
}

.submit{
  border:0; 
  padding:0;
  background:transparent;
  color:#fff;
  padding: 0 0 0 6px;
  font-family: Arial, Helvetica, sans-serif;
  cursor:pointer;
  white-space: nowrap;
    overflow: visible;
}

.submit:hover {
  color: #ddd;
  }
  
.forgot{ display:none}

#demoBtn_bg{
  background-color: #2a2a2a;
  padding: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  display: block;
}

#demoBtn_bg:hover{ 
  background-color: #000;
}

#demoBtn{
  background-color: #2a2a2a;
  padding: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  display: block;
}
#demoBtn:hover{ 
  background-color: #000;
}

#demoBtn span{
  display: none;
}

.bdr_top{
  border-top: 4px solid #CACACA;
}

.big_button_link,
.big_button_link:visited {
  float:left;
  width:280px;
  height:40px;
  background: #c31c1c url("../img/btn-arrow-left.png") no-repeat scroll 275px center;
	margin: 4px;
	padding:10px;
	padding-left:12px;
	color: #fff;
	font-size:13px;
  line-height:19px;
  cursor:pointer;
  vertical-align:middle;
}
.big_button_link:hover{
	color: #e5cbcb;
}
a.big_button_link{
	text-decoration:none;
}


.markets_red{
  color:#c31c1c;
}

.p10{ padding:10px;}
.p_header{ font-size:20px !important; line-height:30px !important;}
.no_upper{
text-transform:none !important;}

ul.slist { margin: 0; padding: 0 0 0 14px; }
ul.slist li { font-size: 13px; padding-bottom: 10px; margin-left:20px }
.under { text-decoration:underline}

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