/*
Theme Name: Freesite Theme
Description: Parent theme for all F5 premium themes
Text Domain: fool-freesite-theme
Author: globaltech@fool.com
*/
@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,300,400,600,700");
@import url("//fonts.googleapis.com/css?family=Lato:300,400,700");

textarea { height: auto !important; }

body {
    /* background img set in child theme */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.row {
    max-width:68.8em;
}
a.th {
    border:none;
}
/* For some full-width layouts, we don't want the container columns to have padding. */
.no-padding {
    padding:0;
}

/***********************************************************
Site Header
************************************************************/
#main-header,
footer {
    padding:20px 0 0;
    background:#126bbe;
}

#main-header {
    margin-bottom:30px;
}
#dogfish {
    background:#fff;
}

/***********************************************************
Top Hat
************************************************************/
#tophat {
    background:#000;
    color:#999;
}
#tophat .top-bar-section li a {
    background-color:#000;
}
#tophat .top-bar-section li.country-icon {
    list-style:none;
    padding-bottom:0;
}
#tophat .top-bar-section li.country-icon a:before {
    background-image: url("/wp-content/common-images/icon-flags.svg");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    position: relative;
    width: 18px;
}
#tophat .top-bar-section li.country-icon a:hover {
    text-decoration:underline;
}

/* Australia */
#tophat .top-bar-section ul li ul li.countryAUIcon a:before {
    background-position: 0px 0px;
}
/* Canada */
#tophat .top-bar-section ul li ul li.countryCAIcon a:before {
    background-position: 0px -13px;
}
/* UK */
#tophat .top-bar-section ul li ul li.countryGBIcon a:before {
    background-position: 0px -26px;
}
/* Singapore */
#tophat .top-bar-section ul li ul li.countrySGIcon a:before {
    background-position: 0px -39px;
}
/* US */
#tophat .top-bar-section ul li ul li.countryUSIcon a:before {
    background-position: 0px -52px;
}
/* Germany */
#tophat .top-bar-section ul li ul li.countryDEIcon a:before {
    background-position: 0px -65px;
} 
#tophat p {
    font-size:11px;
    font-weight:bold;
    line-height:30px;
    padding-right:20px;
    margin-bottom:0;

}
#tophat p span {
    display:inline !important;
    line-height:32px;
    padding-left:5px;
}
#tophat .top-bar-section li a:not(.button) {
    line-height:inherit;
}
#tophat .top-bar-section ul#site-nav li>a {
    font-size:11px;
    font-weight:bold !important;
    line-height:30px;
}
#tophat .top-bar-section .has-dropdown>a:after {
    top:15px;
}
/* tophat utility links */
#tophat p span {
    display:inline !important;
    line-height:32px;
    padding-left:5px;
}
#tophat .top-bar-section p span:after {
    content: " | ";
    color:#777;
}
#tophat .top-bar-section p span:last-child:after {
    content:"";
}
#tophat a,
#tophat a:visited {
    color:#fff;
}
#tophat a:hover {
    text-decoration:underline;
}


/* dropdown */
ul.tophat-dropdown {
line-height: 30px
}
ul.tophat-dropdown li {
    list-style-type: none;
}
ul.tophat-dropdown li a {
    font-weight:bold;
    font-size:11px;
    line-height: 30px

}

/***********************************************************
Nav
************************************************************/
#top-nav {
    background-color:#005baf;
}
#main-menu .top-bar {
    background:#1c5ca1;
    background:#eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-radius: 5px;
    background:transparent;
}
#main-menu .top-bar-section ul {
    background:transparent;
}
/* topnav dropdown */
#main-menu .top-bar-section ul ul {
    background:#0F3A67;
}
#main-menu .top-bar-section ul li a {
    font-size:0.9em;
    padding:0 1.2em;
    font-family: 'Open Sans';
    font-weight:200;
}
.top-bar-section .has-dropdown>a {
    padding-right:30px !important;
}
#main-menu .top-bar-section ul li {
    padding-bottom:0;
    /*border-right:1px solid #133c7c;*/
}
#main-menu .top-bar-section ul li:first-child a {
    /*border-top-left-radius: 5px*/
}
#main-menu ul.dropdown li a {
    border-top-left-radius: 0px !important;
}
.top-bar-section li a:not(.button) {
    background-color:#1c5ca1;
    -webkit-transition: background-color 400ms ease-out;
    -moz-transition: background-color 400ms ease-out;
    transition: background-color 400ms ease-out;
}
#main-menu .top-bar-section li a:not(.button) {
    background-color:#1c5ca1;
    background:transparent;
}    
#main-menu .top-bar-section li a:not(.button):hover {
    background-color: #0F3A67; 
}
#main-menu.top-bar-section li a:hover { 
    text-decoration:underline !important;
}
#main-menu .top-bar-section li:first-child ul.dropdown a:not(.button)  {
    background:#1c5ca1;
}
.top-bar-section ul li.active>a {
    background-color: #1c5ca1;
}
#main-menu .top-bar-section li.active a:not(.button) {
    background:#126bbe;
}
ul.breadcrumbs {
    border:none;
    background:none;
    margin:0;
    padding:0;
}
/***********************************************************
Layout
************************************************************/
table, fieldset,span {
    line-height:1;
}
article {
    margin-bottom:30px;
    border-radius:5px;
    padding-left:30px !important;
}
.home article {
    padding-left:14px !important;
}
.single-specialoffers article {
    padding-left:0 !important;
}
article section {
    background:#fff;
    padding:0px;
    border-bottom:none;
    clear:both;
}
.single article section.headline {
    padding:0;
}
.single article section.headline p {
    font-weight:bold;
    color:#666;
    margin-top:20px;
    font-size:1.1em;
}
.featured-story {
    background:#eee;
    padding:20px ;
    border-radius:5px;
}
.featured-story .img-container {
    height:140px;
    width:140px; 
    float:left;
    border:3px solid #ccc;
    margin-right:10px;
    overflow:hidden;
}
/* background color set in child theme */
.home article section.headline {
    padding:20px 20px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
/* color set in child theme */
.home article section.headline p {
    font-size:18px;
    line-height:22px;
    letter-spacing: -0.02em;
}
article section.home-image {
    padding:0;
/*    max-height:396px;*/
    height:auto;
    overflow:auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius:5px;
    margin-bottom:20px;
}
article section.home-image img {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}
article section.home-image figure {
    margin:0;
    width:100%;
}
article section.featured.home-video {
    background:transparent;
    padding:0;
    margin-bottom:20px;
}
.home article section.featured.home-video h2 {
    background:rgba(255,255,255,0.8);
}
/* Keep equalized columns side-by-side */
.home article div.equalizer {
    clear:none;
}
/* Make the whole div clickable and style like other article-list items */
.home article div.equalizer a .article-list {
    border-bottom:1px solid #eee;
    margin-bottom:0;
    transition: background-color 0.7s ease;
}
.home article div.equalizer a:hover .article-list {
    background:rgba(137,169,187,0.2);
}
.home article div.equalizer a .article-list h3 {
    color:#008cba;
    margin-top:0px;
    padding-bottom:18px;
}
.home article div.equalizer a:hover .article-list h3 {
    color:#007ba0;
}
.home article div.equalizer a .article-list img {
    border:1px solid rgba(0,0,0,0.08);
    padding:4px;
    background:#fff;
    margin-bottom:12px;
}
.home article div.equalizer a .article-list figcaption {
    position:relative;
    border-radius:0;
    background:transparent;
    text-align:right;
    padding:0;
    color:#ccc;
    margin-top:-6px;
}
.home .article-list {
    padding:20px 10px;
    margin-bottom:0px;
}

.single-post section.featured {
    margin-bottom:20px;
}
.article-list {
    padding-top:15px;
    padding-bottom:20px;
    border-bottom:1px solid #eee;
    padding-left:0;
    position:relative;
    margin-bottom:8px;
}
.article-list:last-child {
    border-bottom:none;
}
.article-list a.th {
    margin:20px 0 8px;
}
.article-list h6.byline {
    margin-top:0px;
    border-bottom:0px;
    padding-bottom:0.5em;
}
.article-list h3 {
    font:600 18px/20px 'Open Sans', helvetica, arial, sans-serif;
    padding:0;
    margin:0;
}
.article-list p.promo {
    margin-bottom:0;
    margin-top:10px;
    font-size:14px;
    line-height:18px;
}
/* Main page columns */
.columns.module.right {
    padding-right:0;
}
.columns.module.left {
    padding-left:0;
}

.home .article-list h3 {
    padding-bottom:4px !important;
}
.home .article-list h6.byline {
    color:#888;
}

.article-disclosure {
    margin-top: 30px;
}

/***********************************************************
Featured Treatment
************************************************************/
a .featured h2 {
    color:#fff;
}
a:hover .featured h2 {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    color:#faecc0;
}
.home a:hover .featured h2:after {
    content:" \00BB";   
}
.featured h2 {
    color:#fff;
    z-index:6;
    margin:0;
    padding:20px;
    background-color: rgba(8,34,71,0.8);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    width:100%;
    position:absolute;
}
.featured {
    border-radius: 5px;
}

/***********************************************************
Top Banner
************************************************************/
#top-banner {
    margin-bottom:20px;
    padding:20px;
}
#top-banner .textwidget {
    border:1px solid #eee;
    padding:20px;
}
#top-banner .button {
    margin:20px;
}
/***********************************************************
Utility
************************************************************/
.ltGray {
    color:#eee;
}
.medLtGray {
    color:#999;
}
.medGray {
    color:#666;
}
.dkGray {
    color:#333;
}

/* -----------------------------------------
    Social Media
----------------------------------------- */

#wdsb-share-box.wdqs-inline { 
    background-color:#fff; 
    height:90px !important; 
    width:100% !important;
}
/* Floating Social overrides to make it play nicely in mobile displays */
#wdsb-share-box {
    background-color:#fff !important;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width:80px !important; 
}
.wdqs-inline .wdsb-item {
    margin-right:5px !important;
    width:50px !important;
    margin-bottom:10px !important;
}

#social-tools div {
    text-align:center;
}
#social-tools div img {
    margin:16px;
}
/* Facebook widget position */
.fb_iframe_widget iframe {
    position: static !important;
}
/* need this to turn down the Sharebar plugin setting */ 
body ul#sharebar {
    z-index:60 !important;
}
/* need to figure out a better way to handle widget margins. */
.widget_FacebookLikeBox {
    margin-top:15px;
}

/* Facebook widget position */
.fb_iframe_widget iframe {
    position: static !important;
}
.widget_FacebookLikeBox {
    margin-top:15px;
}     

/*.fb-like-box iframe{width:250px !important;height:200px !important;}*/

/* -----------------------------------------
    Slide Box (Bottom of Articles)
----------------------------------------- */
#slidebox{
    width:400px;
    padding:10px 20px;
    background-color:#fff;
    border-top:3px solid #E28409;
    position:fixed;
    bottom:0px;
    right:-430px;
    -moz-box-shadow:-2px 0px 5px #aaa;
    -webkit-box-shadow:-2px 0px 5px #aaa;
    box-shadow:-2px 0px 5px #aaa;
    z-index:9999;
}
#slidebox p, 
a.more {
    font-size:11px;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#555;
    margin-bottom:10px
}
a.more{
    cursor:pointer;
    color:#E28409;
}
a.more:hover{
    text-decoration:underline;
}
#slidebox h2{
    color:#E28409;
    font-size:24px;
    margin:0px 20px 20px 0px;
    padding-top:0;
    border-bottom:none;
}
a.close{
    background:transparent url("/wp-content/common-images/close.png") no-repeat top left;
    width:30px;
    height:30px;
    position:absolute;
    cursor:pointer;
    top:3px;
    right:10px;
    z-index:99999;
} 

/***********************************************************
Quotes Charts
************************************************************/
div.quote-price,
div.quote-chart {
    text-align:center;
}
div.quote-price h3 {
    font-size:24px;
    margin-top:20px;
    font-family:'Open Sans', arial, sans-serif;
}
.chart-legend {
   font-size: 13px;
}
.chart-symbol {
    color: #2179a5;
}
.chart-benchmark {
    color: #cf0000;
}
div.quote-price p {
    font-size:11px;
    color:#666;
}
#chart-controls {
    list-style:none;
    margin-left:2em;
}

#chart-controls li {
    float: left;
    border-right: 1px solid #999;
    margin-right: 5px;
    padding-right: 5px;
    height: 20px;
    line-height: 14px;
}
#chart-controls li:last-child {
    border-right:0px;
}

#chart-controls li a.chartSelected {
    font-weight:bold;
    color:#000;

}


/***********************************************************
Typography
************************************************************/
h2,
h3 {
    font-family:"Lato", "Helvetica Neue", "Open Sans", sans-serif;
    font-weight:500;
    letter-spacing: 0px;   
}
h2 {
    font-size:2.2em;
    line-height:1.2em;
    font-weight:bold;
}
h2.section-heading {
    font-size:16px;
    text-transform:uppercase;
    background:#aaa;
    padding:8px 10px;
    color:#fff;
    font-weight:normal;
    letter-spacing:2px;
    border-radius:5px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
h2 span {
    font-size: 0.66em;
}
h3,
body.single article section h2:not(:first-child) {
    font-family: 'Open Sans',helvetica,arial,sans-serif;
    font-size:1.1em;
    font-weight:700;
    margin:1.8em 0 0.4em;
}
h4 {
    font-family:"PT Sans", "Open Sans",helvetica,arial,sans-serif;
    margin-bottom:0;
    font-size:1.3em;
}
p, ul li, ol li {
    font:16px/26px "Open Sans",helvetica,arial,sans-serif;
    color:#333;
}
ul, ol {
    margin-left:3em;
}
ul li, ol li {
    padding-bottom:0.5em;
}
.readmore {
    display:block;
    font-size:13px;
    font-weight:600;
}
h6.byline {
    border-bottom:1px solid rgba(65, 90, 107, 0.1);
    padding-bottom:1em;
    font-size:0.8em;
    text-transform:none;
    font-weight:normal;
    line-height:18px;
}
/* chiclets */
h6.byline strong a {
    line-height:32px;
}
.dateline-r h6.byline,
.dateline-l h6.byline {
    border-bottom:none;
}
.dateline-r,
.dateline-l {
    padding:0;
}
.dateline-r {
    text-align:right;
}

ul.inline-list li a {
    font-size:0.8em !important;
}

.up {
    color:#393;
}
.down {
    color:#c30;
}
.up > span.arrow,
.down > span.arrow {
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 0.25em solid transparent;
    border-right: 0.25em solid transparent;
}
.up > span.arrow {
    border-bottom: 0.7em solid #393;
}
.down > span.arrow {
    border-top: 0.7em solid #c30;
}
.neutral { /* IDC shows zero change after midnight(?) so showing zero for change is misleading; better to hide it. */
    visibility: hidden;
}

p.pre-caption {
    font-size:12px;
}
small,
.small {
    font-size:12px;
}
span.tag-chiclet {

}
.tag-chiclet a {
    color:#fff;
        background:#999;
    border-radius:5px;
    display:inline-block;
    margin-right:5px;
    margin-top:5px;
    padding:5px;
}
.tag-chiclet a:hover {
    background:#444;
}

/* -----------------------------------------
    Aggregators
----------------------------------------- */

.aggregator h1 {
    font-size:2em;
    font-weight:800;
    color:#999;
    padding-bottom:20px;
    border-bottom:1px dashed #aaa;
}
.aggregator h2 {
    margin-bottom:0.5em;
}
.aggregator h3 {
    margin:0;
}
.aggregator article section h6.byline,
.article-list h6.byline,
.secondary-feature h6.byline {
    padding-bottom:10px;
    margin-bottom:0px;
    border-bottom:none;
    font-family:'Open Sans',sans-serif;
}
.byline a {
    text-decoration: none !important;
}
.aggregator article img {
    width:100px;
    height:100px;
    float:left;
    margin:0 10px 10px 0;
}
ul.ag-listing,
ul.ag-listing ul {
    list-style-type: none;
}
ul.ag-listing li.page_item {
    font-size:20px;
    font-weight:600;
    letter-spacing:normal; 
    font-family: 'PT Sans Narrow'; 
}
ul.ag-listing ul.children li.page_item {
    font-size:1em;
    font-weight:normal;
    letter-spacing:normal; 
    font-family:helvetica,arial,sans-serif;
}


.aggregator section {
    border-bottom:1px solid rgb(238, 238, 238);
    padding-bottom:0.4em;
    margin-bottom:1em;
}
header.ticker-info {
    border-bottom:1px solid rgb(238, 238, 238);
    margin-bottom:1em;
}

.archive-list {
    list-style:none;
}
.archive-list li {

    line-height:14px;
    margin-bottom:10px;
}
.archive-list a, .archive-list a:visited {
    text-decoration: underline;
    display:block;
}
.archive-list span {
    margin-top:-5px;
    font-size:11px;
}

/***********************************************************
FAQ
************************************************************/
dl.faqs {
    margin-left:10px;
}
dl.faqs dt a {
    font-weight: normal
}
dl.faqs dd {
    border:1px solid #eee;
    padding:10px;
    border:1px solid #E4EBEC;
    background:#F1F8FA;
}
/***********************************************************
Video
************************************************************/
.video-container { 
    position: relative; 
    padding-bottom: 56.25%;
    padding-top:0;  
    height: 0;
    overflow: hidden;
} 
.video-container iframe, 
.video-container object, 
.video-container embed,
.video-container div.video-wrap { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index:0;
}
/* Make embedded iframe videos from YouTube more responsive */
iframe {
    width:100% !important;
}

/***********************************************************
Callouts
************************************************************/
article aside {
    background:rgba(195, 215, 218, 0.3);
    border-radius:4px;
    padding:0.5em;
}
article aside.small-left,
article aside.small-right {
    width:250px;
}
article aside.small-left img,
article aside.small-right img {
    margin-bottom:6px;
}
article aside.small-left p,
article aside.small-left ul li,
article aside.small-left ol li,
article aside.small-right p,
article aside.small-right ul li,
article aside.small-right ol li {
    font-size:12px;
}
article aside.small-left {
    float:left;
    margin:0.3em 1em 0.5em 0;
}
article aside.small-right {
    float:right;
    margin:0.3em 0 0.5em 1em;
}
article aside.large {
    padding:1em;
    margin:0.3em 0;
}
article aside.large p,
article aside.large ul li,
article aside.large ol li {
    font-size:0.9em;
}
article aside.large ul,
article aside.large ol {
    margin-left:2em;
}
article aside.large img {
    width:50%;
    float:left;
    margin:0.3em 1em 0.5em 0;
}
.callout.left {
    position:relative;
    float:left;
    margin:0.4em 20px 10px 0;
    border:2px solid #ccc;
}
.callout.right {
    position:relative;
    float:right;
    margin:0.4em 0 10px 20px;
    border:2px solid #ccc;
}

/***********************************************************
Images
************************************************************/
/* Handle image alignment passed in from WP */
img.alignleft,
img.alignright,
div.alignleft,
div.alignright,
img.aligncenter,
div.aligncenter {
    position:relative;
    display: block;
    border:3px solid #eee;
    display:block;
}
img.alignleft,
div.alignleft {
    margin:7px 20px 20px 0;
    float:left;
}
img.alignright,
div.alignright {
    margin:7px 0 20px 20px;
    float:right;
}
img.aligncenter,
div.aligncenter {
    margin:20px auto;
}
div.aligncenter {
    display:inline-block;
    text-align:center;
}
p.wp-caption-text {
    background:#eee;
    font-size:12px;
    line-height:18px;
    font-style:italic;
    padding:2px 8px;
    margin-bottom:0;
}
img {
    max-width: 100%;
}
div.image-container {
    text-align:center;
}
/* This is to prevent old mis-sized images from breaking out of the 16:9 container */
div.contain-featured-image {
    overflow:hidden;
}




/***********************************************************
Image Attribution (captions)
************************************************************/

figcaption {
    font-size:10px;
    position: absolute;
    bottom:0px;
    right:0px;
    background: rgba(0,0,0,0.3);
    color: rgba(255,255,255,0.7);
    padding: 8px;
    border-top-left-radius: 5px;
}
.home-image figcaption {
    border-bottom-right-radius: 5px
}
.home .article-list a.th {
    position:relative;
}

/***********************************************************
Sidebar
************************************************************/

.sidebar ul {
    list-style-type: none;
    padding:0;
    margin:0 1em;
}
.sidebar ul li {
    padding-bottom:1em;
}
.sidebar p {
    margin:0 6px;
    line-height:1.2em;
}
aside .sidebar {
    background:rgba(137,169,187,0.2);
    margin-bottom:32px;
    border-radius:5px;
}
/* ecap form */
aside form.sidebar {
    background:transparent;
}
aside .sidebar section {
    padding:0;
    margin-left:16px;
    margin-bottom:20px;
    background:rgba(255,255,255,1.0);
}
aside .sidebar p,
aside .sidebar ul li,
aside .sidebar ol li {
    font-size:14px;
}
aside .sidebar p,
aside .sidebar ul,
aside .sidebar ol {
    padding:10px 10px 5px;
    margin-bottom:0;
}
aside .sidebar ul li:last-child {
    border-bottom:none;
}

section.sidebar {
    position:relative;
    z-index:2;
    /*padding-bottom:12px;*/
}
section.sidebar .textwidget {
    margin-bottom:20px;
}
section.sidebar .textwidget p:first-child {
    padding-top:20px;
}
section.sidebar .textwidget p:last-child {
    padding-bottom:30px;
}

section.sidebar h3 {
    background:rgba(65, 90, 107, 0.3);
    color:rgba(65, 90, 107, 1.0);
    padding:0.5em 1em;
    font-size:16px;
    font-weight:400;
    margin:0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
section.sidebar h6 {
    background:rgba(137,169,187,0.6);
    color:rgba(65, 90, 107, 1.0);
    padding:1em 1.2em;
    font-weight:bold;
    font-size:12px;
    font-weight:bold;
    margin:0;    
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.sidebar-module ol, .sidebar-module ul {
    padding: 0;
    margin: 0;
}

.sidebar-module li {
    list-style: none;
    margin-bottom: 0.8em;
    border-bottom: 1px solid 
}

/* -----------------------------------------
    Sidebar Intranav
----------------------------------------- */

div.intra-nav {
    border:1px solid #ccc;
    margin:20px 0 10px 10px;
    padding:0;
    width:40%;
    float:right;
    background: #fff1d1; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZhZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fff1d1 0%, #fffaed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff1d1), color-stop(100%,#fffaed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff1d1 0%,#fffaed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff1d1 0%,#fffaed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff1d1 0%,#fffaed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff1d1 0%,#fffaed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1d1', endColorstr='#fffaed',GradientType=0 ); /* IE6-8 */
    border:1px solid #DDD7C9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}
div.intra-nav header {
    background:#FFCE66;
    color:#444;
    padding:10px 14px;
    font-size:12px;
    font-weight:bold;
}
div.intra-nav ul {
    margin:14px;
}
div.intra-nav ul li {
    list-style: none;
    font-size: 12px;
    line-height:14px;
    padding-bottom:14px;
}

div.intra-nav > ul > li.current_page_item a {
    font-weight:bold;
    color:#444;
}

#lang_sel {
    z-index:4;
}

/***********************************************************
Sidebar Nav
************************************************************/

div.sidebar-nav ul#menu-secondary,
div.sidebar-nav ul#menu-guidebook,
div.sidebar-nav ul#menu-forums,
div.sidebar-nav ul#menu {
    margin-bottom:40px;
    margin-left:0;
}
div.sidebar-nav ul#menu-secondary li,
div.sidebar-nav ul#menu-guidebook li,
div.sidebar-nav ul#menu-forums li,
div.sidebar-nav ul#menu li {
    list-style-type: none;
    margin:5px 0;
    padding:10px 10px 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display:block;
    font-weight:300;
}
div.sidebar-nav ul#menu-secondary li.current-menu-item,
div.sidebar-nav ul#menu-guidebook li.current-menu-item,
div.sidebar-nav ul#menu-forums li.current-menu-item,
div.sidebar-nav ul#menu li.current-menu-item {
    background:#3F6072;
    background:#5185A5;
    color:#c30;
}
div.sidebar-nav ul#menu-secondary li a,
div.sidebar-nav ul#menu-guidebook li a,
div.sidebar-nav ul#menu-forums li a,
div.sidebar-nav ul#menu li a {
    color:#fff;
    display:block;
}
div.sidebar-nav ul#menu-secondary li a:hover,
div.sidebar-nav ul#menu-guidebook li a:hover,
div.sidebar-nav ul#menu-forums li a:hover,
div.sidebar-nav ul#menu li a:hover {
    text-decoration:underline;
}
div.sidebar-nav ul#menu-secondary li.current-menu-item a,
div.sidebar-nav ul#menu-guidebook li.current-menu-item a,
div.sidebar-nav ul#menu-forums li.current-menu-item a,
div.sidebar-nav ul#menu li.current-menu-item a {
    color:#000;
    font-weight:600;
    cursor:no-drop;
}
div.sidebar-nav ul#menu-secondary li.current-menu-item a:hover,
div.sidebar-nav ul#menu-guidebook li.current-menu-item a:hover,
div.sidebar-nav ul#menu-forums li.current-menu-item a:hover,
div.sidebar-nav ul#menu li.current-menu-item a:hover {
    text-decoration:none;
}

/***********************************************************
Tables
************************************************************/
section.sidebar table {
    margin:10px 10px 0px 12px;
    background:transparent;
    border:none;
    width:90%;
    border-collapse:collapse;
}
section.sidebar table tr {
    background:transparent !important;
    border-bottom:1px solid #D3E4EC;
}
section.sidebar table tr:last-child {
    border-bottom:none;
}
section.sidebar table tr td {
    font-size:14px;
    padding:0.8em 0.3em;
    width:60%;
    vertical-align: bottom;
}
section.sidebar table tr td:last-child {
    width:40%;
    text-align:right;
}
table {
    line-height: 1 !important;
}
table.quotes {
    margin:20px 0;
}
/* This will fail in < IE9 */
table.quotes td:nth-child(even) {
    text-align:right;
    font-weight:bold;
}
table.quotes td:nth-child(2) {
    border-right:4px double #eee;
}

/* portfolio */
table.portfolio td,
table.portfolio th {
  font-family: arial,sans-serif;
  font-size:12px !important;
}
table.portfolio th {
    text-align: center;
}
table.portfolio td.number {
    text-align: right;
}
table.portfolio td.buy,
table.portfolio td.sell,
table.portfolio td.hold {
  text-align:center;
  font-weight:bold;
}
table.portfolio td.buy,
table.portfolio td.up {
  color:#393;
}
table.portfolio td.sell,
table.portfolio td.down {
  color:#c30;
}
table.portfolio td.hold {
  color:#f90;
}
table.portfolio td.left {
  text-align:left;
}
table.portfolio td.center {
    text-align: center;
}
caption {
    font:11px arial,sans-serif;
    font-style: italic;
    caption-side:bottom;
    padding:6px 0;
}
span.buy, span.hold, span.sell {
    white-space: nowrap;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px 2px;
    border-radius: 2px 2px;
    color:#fff;
    padding:2px 4px;
    text-transform:uppercase;
    font-weight:bold;
    margin-left:2px;
 
}
span.buy {
    background-color:#E2FB7C;
    color:#6A0;
}
span.hold {
    background-color:#999;
}
 
/* Recommendation tables */
table.recommendations {
    width:100%;
}
 
table.recommendations td {
    width:50%;
    font-size:1em;
}
 
table.recommendations th {
    font-weight:normal;
    color:rgba(0,0,0,0.6);
}


/***********************************************************
Search
************************************************************/
#searchform {
    padding-top:20px;
    margin-bottom:70px;
    text-align:right;
}

#searchform #s {
    position:absolute;
    right:50px;
    /*width: 265px;*/
    width:80%;
    height: 30px;
    padding: 5px;
    border: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left:10px;
}
#searchSubmit {
    cursor: pointer;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    background: url(/wp-content/common-images/search.png) no-repeat top left;
    text-indent: -9999px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    position:absolute;
    right:24px;
}
#searchSubmit:hover, #searchSubmit:focus {
    background-position: center left;
}
#searchSubmit:active {
    background-position: bottom left;
}

@media only screen and (min-width:40.063em) {
    /* A second search box appears after an unsuccessful search but it needs to be repositioned. */
    article #search .columns {
        left: 17px;
    }
}

/***********************************************************
404
************************************************************/
#page-404 img {
    position:relative;
    margin-bottom:20px
}
#page-404 h2 {
    color:#fff; 
    position:absolute;
}
#page-404 h2.top {
    top:20px;
    left:40px;
}
#page-404 h2.bottom {
    bottom:255px;
    right:40px;
}
#page-404 figcaption {
    background:transparent; 
    position:relative; 
    color:#666;
    margin-left:0;
    padding-left:0; 
}
#error404-s {
    width:90%;background:transparent; position:relative; color:#666;margin-left:0;padding-left:0
}

/***********************************************************
Colors
************************************************************/
.red {
    color:#c30 !important;
}
.green {
    color:#393 !important;
}

/***********************************************************
More Links
************************************************************/
a.more-button {
    background: #88a8ba;
    border-radius:5px;
    font-size:11px;
    color:rgba(255,255,255,0.9);
    padding:3px 8px;
    right:10px;
    top:10px;
}
a.more-button:hover {
    background: #5f7582;
}
.byline a.more-button {
    margin-right:5px;
}

/***********************************************************
Tabbed Panels
************************************************************/
.tabs-content>.content {
    padding-top:0;
}
/***********************************************************
Tables
************************************************************/
table.trade-alerts td.buy span,
table.trade-alerts td.sell span {
    display:inline-block;
    padding:4px 8px;
    color:#fff;
    width:60%;
    text-align:center;
    text-transform: uppercase;
    font-family:'Open Sans',arial,sans-serif;
    font-size:12px;
    font-weight:600;
}
table.trade-alerts td.buy span {
    background: #393;

}
table.trade-alerts td.sell span {
    background:#c30;

}
table.forums td span {
    color:#7a7a7a;
    font-style: italic;
    font-size:12px;
    padding-top:0.5em;
}


/***********************************************************
Forums
************************************************************/
/* fix for tab switch */
.wp-switch-editor {
    margin:13px 5px 0 0 !important;
    padding:0px 5px 2px !important;
}

.editor-help p {
    font-size:0.9em;
}

.topic-meta {
    position:relative;
    top:-2px;
    font-size:0.7em;
    background-color:#eee;
    padding:4px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

#topic-list img {
    vertical-align:top;
    border:double 2px #ccc;
    margin:0 8px 0 0;
}

#topic-list .bbp-topic-permalink {
    margin-left:50px;
    display:block;
    padding-right:20px;
}
#topic-list .bbp-topic-permalink:visited {
    color:#bbb;
}

#topic-list dt {
    border-top:2px solid #eee;
    margin-bottom:15px;
}

#bbpress-forums div.bbp-search-form {
    float:none;
}

.editor-help{
    display: none;
}
/* Keep breadcrumb off company pages */
body.page-template-templatespage-company-pages-php .bbp-breadcrumb {
    display:none;
}

/***********************************************************
Footer
************************************************************/

footer {
    text-align:center;
    padding:40px 0;
    border-top:1px solid #3F6072;
}
footer p,
footer .textwidget p {
    /* bgcolor in child theme */
    text-align:center; 
    color:#ccc;  
}
footer p,
footer .textwidget a {
    color:#7da5cd;
}

.menu-footer-container {
    text-align: center;
}
ul#menu-footer {
    margin:0 auto;
}
ul#menu-footer li {
    list-style: none;
    display: inline-block;
    margin:0 10px;
}
ul#menu-footer li a {
    font-size: 14px !important;
    color:rgba(255,255,255,0.7);
}
ul#menu-footer li a:hover {
    color:rgba(255,255,255,1.0);
}
footer section.sidebar div.textwidget p {
    margin-top: 12px !important;
}
footer section.sidebar ul li {
    border-bottom:none;
    padding:0 0.5em;
}
footer .menu {
    padding-bottom:20px;
    margin-bottom:20px !important;
}

/* -----------------------------------------
Author box
----------------------------------------- */
.author-box {
    background:#eee; 
    border:1px solid #ccc;
    padding:16px;
}
.author-box .avatar {
    border:1px solid rgba(0,0,0,0.2);
    float:left;
    width:85px;
    height:85px;
}
.author_gravatar {
    padding:3px;
    border:3px solid #fff;
}
.author-box h3 {
    font-size:16px;
    line-height: 22px;
    font-weight:normal;
    padding:0;
    margin:10px 0 0;
}
.author-box .author_gravatar {
    margin-bottom:0;
    float:left;
}
body.author .author_gravatar {
    height:128px; /* IE won't play nice without this */
    padding:3px;
    border:3px solid #eee;
    margin:0 20px 10px 0;
}

/* -----------------------------------------
    Tickle
----------------------------------------- */

#tickle-container .ecap p {
    text-align:left;
}
.tickle-overlay {
    display:none;
    padding:0px !important;
    position: relative;
    overflow:hidden;
}
.tickle-overlay header {
    background:#D07D00;
    text-align: center;
    color:#fff;
    font-weight:bold;
    font-size:14px;
    padding:16px 10px;
}
.tickle-overlay form {
    margin:30px;
    padding-bottom:30px;
}
.tickle-overlay p.login-link {
    margin-top:15px;
    text-align: center !important;
    font-weight: bold;
}
input.tickle-input {
    margin:20px 0;
}

/***********************************************************
Mobile
************************************************************/

@media only screen and (max-width: 700px) {
    #tophat .right { display:block; float:none !important; padding-left:18px;}
    .top-bar-section li a:not(.button) {
        background:#507486;
        border-radius:0px;
    }

    .top-bar .toggle-topbar.menu-icon a::after {
        content: "";
        position: absolute;
        right: 0;
        display: block;
        width: 16px;
        top: 0;
        height: 0;
        -webkit-box-shadow: 1px 10px 1px 1px white, 1px 16px 1px 1px white, 1px 22px 1px 1px white;
        box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
    }

    #main-menu .top-bar-section li:first-child a:not(.button) {   
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] {
        border-left:0px;
        border-right:0px;
        border-top:1px solid rgba(0,0,0,0.6);
        border-bottom:1px solid rgba(255,255,255,0.2);
    }

    /* make the toolbar wrap */
    .mceToolbar td {
        display:table-row;
        float: left;
    }
    .mceToolbar td:nth-of-type(11){
        clear: left;
    }
    ul#menu-footer li a {
        font-size: 12px !important
    }

}


@media only screen and (max-width: 1024px) {
    .sidebar section {
        margin-right:20px !important;
    } 
}

@media only screen and (max-width: 768px) {
    h2 {
        font-size:1.7em;
    }
    #ecap div.inner {
        vertical-align: top;
    }
    #ecap div.outer {
        bottom:inherit;
    }
    #main-menu .top-bar-section li  {
        border-bottom:1px solid #1D2E37;
    }
    
    #main-menu .top-bar-section ul li :last-child {
        border-bottom:none;
    }

    #tophat .top-bar-section ul {
        background:#000;
    }
    #tophat .top-bar-section .has-dropdown>a:after {
        border:none;
    }
    #tophat #site-nav {
        width:180px;
        float:left;
    }
    #tophat p.right {
        text-align:right;
        /*width:100px;*/
        float:right !important;
    }
    #tophat p.right span {
        display:none;
    }
    #tophat .top-bar-section ul#site-nav li>a {
        line-height:inherit;
    }
    #tophat .top-bar-section ul li>a {
        padding:6px 0px 6px 12px;
    }
    .top-bar-section ul {
        font-size:14px;
    }
    #main-menu .top-bar {
        /*margin-top:20px;*/
    }
    .top-bar.expanded .title-area {
        background:#000;
    }
    .top-bar.expanded .toggle-topbar a {
        color:#fff;
    }
}

@media only screen and (max-width: 640px) {
    #searchform {
        padding-left:40px;
    }
    #searchform #s {
        right:60px;
        width:70%;
    }
    #searchSubmit {
        right:34px;
    }
    .top-bar-section ul {
        font-size:16px;
    }
    #main-menu .top-bar-section ul li a {
        padding:20px !important;
    }
    .home article section.headline p {
        font-size:14px;
    }
}

@media only screen and (max-width: 360px) {
    article section {
        padding:0px;
    }
    #ecap div input[type="email"] {
        width:80%;
    }
}
/* Weird breakpoint to accommodate fixed width on slide-in div */
@media only screen and (max-width: 410px) {
    #slidebox {
        width:300px;
    }
}

/************
IE8
*************/
#ie-text {
    display:none;
}

.no-ie .row .row{
    display:none;
}

.no-ie #ie-text {
    display: block !important;
    color: #fff;
}

/****
MCE
****/
table#bbp_topic_content_toolbar1 {
    background: transparent;
}
/* -----------------------------------------
    Unsubscribe form
----------------------------------------- */
/* Move to ecap.css */

div#unsubscribe-form {
    padding-top:40px;
}
/* -----------------------------------------
    SFR
----------------------------------------- */
/* Narrower SFR pages. Other SFR styles in sfr.css */
/*body.single-sfr .row.page-background {
    max-width:58.8em;
}*/
body.single-sfr {
    background:#2a7ba5;
}
body.single-sfr footer.sfr-footer {
    background:transparent;
    font-size:12px;
    color:#666;
    padding:40px 20px 60px;
    border-top:1px solid #eee;
}
.single-sfr article {
    background:#fff;
    border-radius:0;
}

/* -----------------------------------------
    Indices
------------------------------------------ */
#marketIndices {
    background:#F6F5F0;
    -webkit-border-radius: 5px;
    -moz-border: 5px;
    border-radius: 5px;
    margin:0 0 20px;
    padding-bottom:6px;
}

#marketIndices .ajaxLoader {
    position:static;
    display:block;
    margin:0 auto;
    padding: 0;
}

#marketIndices span.company-name {
    color:#74736F;
    display:block;
    margin-bottom:0.3em;
}


#marketIndices .price {
    font-weight:bold;
}

#marketIndices .pos .change {
    background: url("/wp-content/common-images/arrow_up_small.png") no-repeat 2px 3px;
    padding-left:20px;
}

#marketIndices .neg .change {
    background: url("/wp-content/common-images/arrow_down_small.png") no-repeat 2px 3px;
    padding-left:20px;
}

#marketIndices .pos .percent {
    color:#4A0;
}

#marketIndices .neg .percent {
    color:#c00;
}


#marketIndices div.six:last-child {
    padding-left:14px;
}
div.index-h div {
    font-size: 12px;
    font-weight: bold;
    padding:0.2em 0.3em 0.3em;
}

@media only screen and (max-width: 640px) {
    #marketIndices div.six:last-child {
        padding-left:5px;
        margin-top:6px;
    }
    #top-nav {
        margin-top:40px;
    }
}

/***********************************************************
FLIPCLOCK RESETS AND RESPONSIVE STYLES
************************************************************

GLOBAL RESETS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.flip-clock-wrapper {
    margin-bottom:20px;
    margin-left:0;
}
.flip-clock-wrapper ul,
.flip-clock-divider {
    float:none;
    display:inline-block;
}
.flip-clock-wrapper ul li {
    height:105%;
}
.flip-clock-divider .flip-clock-label {
    text-transform: uppercase;
    top:110px;
    font-size:14px;
}
.flip-clock-divider.seconds .flip-clock-label {
    right:-100px;
}
 .flip-clock-divider.minutes .flip-clock-label {
    right:-98px;  
 }
 .flip-clock-divider.hours .flip-clock-label {
    right:-92px;
 }
.flip-clock-divider.days .flip-clock-label {
    right:-90px;
 }


/* 
FOR WORDPRESS ASIDES (SIDEBAR WIDGET)~~~~~~~~~~~~~~~~~~~~~~*/
.sidebar .textwidget ul.flip {
    margin:0 2px;
    box-shadow: none;
    margin-bottom:20px;
}
.sidebar ul.flip li {
    border:none;
}
.sidebar ul.flip li {
    padding-top: 0;
}
.sidebar .flip-clock-divider .flip-clock-label {
    top:18px;
    font-size: 10px
}
.sidebar .flip-clock-divider {
    width:10px;
    height:30px;
}
.sidebar .flip-clock-divider.seconds .flip-clock-label {
    right:-49px;
}
.sidebar .flip-clock-divider.minutes .flip-clock-label {
    right:-46px;  
}
.sidebar .flip-clock-divider.hours .flip-clock-label {
    right:-42px;
}
.sidebar .flip-clock-divider.days .flip-clock-label {
    right:-38px;
}
.sidebar .flip-clock-wrapper {
    margin: 1em 0;
}
.sidebar .flip-clock-wrapper ul {
    width:20px;
    height:28px;
    margin:5px 1px;
}
.sidebar .flip-clock-wrapper ul li {
    height:150%;
}
.sidebar .flip-clock-wrapper ul li a div.down {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.sidebar .flip-clock-wrapper ul li a div div.inn {
    font-size: 18px; 
    border-radius: 3px ;
}
.sidebar .flip-clock-dot {
    width: 3px;
    height: 3px;
    left: 4px; 
}
.sidebar .flip-clock-dot.top {
    top: -8px; 
}
.sidebar .flip-clock-dot.bottom {
    bottom: 28px; 
}
.sidebar .flip-clock-wrapper ul li {
    line-height: 28px;   
}
/* 
FOR PAGES AND POSTS (RESPONSIVE) ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1110px) {
    /* MEDIUM SCREENS */
    .flip-clock-wrapper .flip {
        box-shadow: none;
    }
    .flip-clock-divider.seconds .flip-clock-label {
        right:-60px;
    }
    .flip-clock-divider.minutes .flip-clock-label {
        right:-58px;  
     }
    .flip-clock-divider.hours .flip-clock-label {
        right:-50px;
     }
    .flip-clock-divider.days .flip-clock-label {
        right:-48px;
     }
    .flip-clock-wrapper {
        margin: 1em 0;
    }
    .flip-clock-wrapper ul {
        width: 30px;
        height: 40px;
        margin:3px;
    }
    .flip-clock-wrapper ul li {
        height: 115%;
    }
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 28px; 
    }
    .flip-clock-dot {
        width: 5px;
        height: 5px;
        left: 7px; 
    }
    .flip-clock-divider {
        height:30px;
    }
    .flip-clock-divider .flip-clock-label {
        top:35px;
        font-size:11px;
    }
    .flip-clock-dot.top {
        top: 0px; 
    }
    .flip-clock-dot.bottom {
        bottom: 15px; 
    }
    .flip-clock-wrapper ul li {
        line-height: 38px;   
    } 

/* Medium Modals */

/* MODAL */
    #countdownModal .flip-clock-wrapper .flip {
        box-shadow: none;
    }
    #countdownModal .flip-clock-wrapper {
        margin: 1em 0 40px 0;
    }
    #countdownModal .flip-clock-wrapper ul {
        /************/
        width: 50px;
        /************/
        height: 70px;
        margin:3px;
    }
    #countdownModal .flip-clock-wrapper ul li {
        height: 115%;
        line-height: 70px; 
    }
    #countdownModal .flip-clock-wrapper ul li a div div.inn {
        font-size: 48px; 
        line-height: 70px;
    }
    #countdownModal .flip-clock-dot {
        width: 5px;
        height: 5px;
        left: 7px; 
    }
    #countdownModal .flip-clock-dot.top {
        top: 25px; 
    }
    #countdownModal .flip-clock-dot.bottom {
        bottom: 25px; 
    }
    #countdownModal .flip-clock-divider {
        height:72px;
    }
    #countdownModal .flip-clock-divider .flip-clock-label {
        top:82px;
    }
    #countdownModal .flip-clock-divider.seconds .flip-clock-label {
        right:-90px;
    }
    #countdownModal .flip-clock-divider.minutes .flip-clock-label {
        right:-90px;  
    }
    #countdownModal .flip-clock-divider.hours .flip-clock-label {
        right:-80px;
    }
    #countdownModal .flip-clock-divider.days .flip-clock-label {
        right:-72px;
    }
}
/* SMALL SCREENS */
@media only screen and (max-width: 978px) {
    .flip-clock-wrapper .flip {
        box-shadow:none;
    }
    .flip-clock-divider {
        width:10px;
    }
    .flip-clock-divider .flip-clock-label {
        top:30px;
    }
    .flip-clock-divider.seconds .flip-clock-label {
        right:-55px;
    }
     .flip-clock-divider.minutes .flip-clock-label {
        right:-53px;  
    }
     .flip-clock-divider.hours .flip-clock-label {
        right:-47px;
    }
    .flip-clock-divider.days .flip-clock-label {
        right:-43px;
    }
    .flip-clock-wrapper {
        margin: 1em 0;
    }
    .flip-clock-wrapper ul {
        width: 26px;
        height: 30px;
        margin:5px 1px;
    }
    .flip-clock-wrapper ul li {
        height: 130%;
    }
    .flip-clock-wrapper ul li a div div.inn {
        font-size: 20px; 
    }
    .flip-clock-dot {
        width: 3px;
        height: 3px;
        left: 4px; 
    }

    #countdownModal .flip-clock-dot {
        width:5px;
        height:5px;
        left:4px;
    }
    .flip-clock-dot.top {
        top: 5px; 
    }
    .flip-clock-dot.bottom {
        bottom: 15px; 
    }
    .flip-clock-wrapper ul li {
        line-height: 30px;   
    } 
}
/* SMALL MODALS */
@media only screen and (max-width: 727px) {
    #countdownModal .flip-clock-wrapper .flip {
        box-shadow: none;
    }
    #countdownModal .flip-clock-wrapper {
        margin: 1em 0 40px 0;
    }
    #countdownModal .flip-clock-wrapper ul {
        width: 30px;
        height: 45px;
        margin:3px;
    }
    #countdownModal .flip-clock-wrapper ul li {
        height: 115%;
        line-height: 50px; 
    }
    #countdownModal .flip-clock-wrapper ul li a div div.inn {
        font-size: 28px; 
        line-height: 42px;
    }
    #countdownModal .flip-clock-dot {
        width: 5px;
        height: 5px;
        left: 4px; 
    }
    #countdownModal .flip-clock-dot.top {
        top: 15px; 
    }
    #countdownModal .flip-clock-dot.bottom {
        bottom: 15px; 
    }
    #countdownModal .flip-clock-divider {
        height:50px;
    }
    #countdownModal .flip-clock-divider .flip-clock-label {
        top:58px;
        font-size: 12px;
    }
    #countdownModal .flip-clock-divider.seconds .flip-clock-label {
        right:-66px;
    }
    #countdownModal .flip-clock-divider.minutes .flip-clock-label {
        right:-62px;  
    }
    #countdownModal .flip-clock-divider.hours .flip-clock-label {
        right:-55px;
    }
    #countdownModal .flip-clock-divider.days .flip-clock-label {
        right:-50px;
    }

}
/***********************************************************
ZURB FOUNDATION REVEAL MODAL (OVERLAY)
************************************************************/
.reveal-modal {
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}

/* -----------------------------------------
    Pagination
----------------------------------------- */
div.pagination {
    margin:10px 0;
}
.page-numbers {
    display:inline-block;
}
a.page-numbers,
span.page-numbers.current {
    border:1px solid #ddd;
    padding:6px 8px;
    margin:10px 0 3px;
    font-size:12px;
}
.page-numbers.current {
    background:#eee;
}


/* -----------------------------------------
    Manage Account (copied from Premium theme)
----------------------------------------- */
#account-management nav ul li {
    list-style:none;
    display:block;
    float:left;
    padding:0px;
    font-size:12px;
}
#account-management nav ul li:after {
    content:"|";
    color:#aaa;
    padding:0 10px;
}
#account-management section {
    clear:both;
}
#account-management ul li:first-child {
    padding-left:0;
}
#account-management ul li:last-child:after {
    content:"";
}
#account-management ul {
    margin-left:20px;
}

#account-management nav ul {
    padding-bottom:14px;
    margin-left:0;
}
#account-management ul li {
    list-style: none;
}

#account-management nav {
    clear:both;
    margin-bottom:20px;
    border-bottom:1px solid #eee;
}
#account-management p.error,
#account-management p.success,
span.wpcf7-not-valid-tip-no-ajax,
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok {
    color:#fff;
    padding:3px 10px;
    font-weight:bold;
    font-size:12px;
}
#account-management p.error ,
span.wpcf7-not-valid-tip-no-ajax,
.wpcf7-validation-errors {
    background:#c30;
}
#account-management p.success,
.wpcf7-mail-sent-ok {
    background:#393;
}
#account-management form label {
    margin-top:20px;
    font-weight:bold;
}
#account-management form input {
   margin-bottom:20px; 
   width:70%;
}
.print-link {
    background:transparent url("#{$secureImgUrl}wp-content/#{$commonImgPath}icon-print.png") no-repeat;
    padding-left:23px;
    display:block;
    line-height:16px;
    font-size:12px;
    font-weight:bold;
    float:right;
}
#tax-invoice {
    margin:20px;
    padding:20px;
    border:1px dotted #ccc;
}