/* PAGE CSS */

body {
    background-color: #e7c780;
}

/*.page-container {
    width: 1024px !important;
    box-shadow: 0px 2px 6px rgba(100, 100, 100, 0.3);
    margin-bottom: 40px;
}*/

/* HEADER ROW CSS */
.header-row {
    height: 150px;
    background: url("img/xwena-data-exchange-header.jpg") repeat-x;
    background-position: center;
    position: relative;
    border-bottom: 1px solid #BC9641;
}

header.container {
    position: relative;
    height: 150px;
}

h1.site-title a {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 441px;
    height: 99px;
    background: url("img/xwena-data-exchange-logo.png") no-repeat scroll 0% 0%;
    background-size: cover;
    text-indent: -9999px;
}

.virtualFuelsBall {
    position: absolute;
    bottom: 1px;
    right: 0px;
    width: 527px;
    height: 150px;
    background: url("img/xwena-tree-data.jpg") no-repeat scroll 0% 0%;
}

.main-navigation {
    background-color: #FFF;
    height: 39px;
    position: absolute;
    bottom: 0px;
    border-top: 1px solid #000;
}

.main-navigation ul {
    list-style: outside none none;
    margin: 0px;
    padding-left: 0px;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation ul li a {
    display: block;
    background: url("img/menu_bg.gif") repeat scroll 0% 0%;
    height: 38px;
    width: 146px;
    color: #000;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    border-right: 1px solid #000;
}

.main-navigation ul li:last-child a {
    width: 148px;
    border-right: none;
}

.main-navigation ul li a:hover {
        background: transparent url("img/menu_hover.gif") repeat scroll 0% 0%;
        text-decoration: none;
}

/* CONTENT ROW CSS */

.content-row {
    background-color: #fff;
    padding-top: 20px;
}

.content-row .container {
    padding: 10px 0px;
}

.login-well {
    overflow: hidden;
    padding: 30px;
    padding-top: 10px;

}

.login-well h3 {
    text-align: center;
}

.login-well .input-group {
    margin-bottom: 20px !important;
}

.extras-row {
    background-color: #e7c780;
}

.extras-row .container {
    padding: 30px 0px;
}

.panel-heading {
    background-color: #9B7025 !important;
    color: #fff !important;
}


/*.panel-vf-col1 {
  border-radius: 10px;
  background: url('img/warcom-sample-advert.jpg') no-repeat center;
  background-size:cover;
  height: 280px;
}*/

.ad {
    background-color: #ccc;
    margin-bottom: 10px 

}


.panel-body-news24, .panel-body-biofuelnews {
    padding-right:0;
}

.myIframe {
    border: none;

}

.form-control:focus {
    border-color: #83adac;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(131, 173, 172, 0.3) inset, 0px 0px 8px rgba(131, 173, 172, 0.6);
}

.btn {
    width: 80%;
    padding: 15px 20px;
}

.btn-vf {
  color: #fff;
  background-color: #83adac;
  border-color: #4f7978;
}

.btn-vf:hover {
  color: #fff;
  background-color: #658f8e;
  border-color: #4f7978;
}

.btn-center {
    margin-left: 5%;
    margin-bottom: 3%;
    width: 90%;
    position: absolute;
    bottom:0;
}

.bc_date {
    display: block;
}

.bc_summary {
    display: block;
    margin-bottom: -10px;
}

.outerForexDiv div:first-child + div {
    padding: 0 5px;

}

.ad-row {
    padding-bottom: 30px;



}

.ads {
    border: 1px solid #ccc;
    max-width: 280px;
    padding: 0;
    min-height: 360px;
    position: relative;
    margin-right: 25px;
    background-color: #FFF;
    font-size: 12px;
}

.ads img {
    max-width: 278px;
}

.ads4 {
    margin-right: 0;

}

.adText {
    padding: 15px;
 
}





/* FOOTER ROW CSS */

.footer-row {
    background-color: #bc9640;
    color: #666;
    padding: 20px;
    border-bottom: 1px solid #666;
    clear: both;
}
.footerLogo {
    width: 220px;
    height: 84px;
    background: transparent url("img/xwena-footer-logo.gif") no-repeat scroll 0% 0%;
    margin: 20px auto 0px;
    clear: both;
}

.site-info {
    text-align: center;
    margin-top: 30px;
}

.site-info a {
    font-size: 11px;
    color: #EFEFEF;
    text-decoration: none;
}

.site-info a:hover {
    color: #666;
}

/* BOOTSTRAP CSS */

.well {
    background-color: #E1D1AD !important;
    border: 1px solid #CAAD6B !important;

}

.ads, .panel-default {
    border: 1px solid #CAAD6B !important;
}

.form-control {
    border: 1px solid #CAAD6B !important;
}

.input-group-addon {
    background-color: #D5BC86 !important;
    border: 1px solid #CAAD6B !important;
}

.btn-vf {
    color: #fff;
    background-color: #9B7025 !important;
    border: 1px solid #CAAD6B !important;
}




/* MEDIA QUERIES */


/* Large desktops and laptops */
@media (min-width: 1200px) {
        
        .oilWidget {
            float:right;
        }

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
        
        .oilWidget {
            float:right;
        }

        .ads {
        margin-bottom: 15px;
        }

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
     
        h1.site-title a {
            position: absolute;
            top: 30px;
            left: 20px;
            width: 478px;
            height: 100px;
            background: url("img/logo-text-data-exchange-mid.png") no-repeat scroll 0% 0%;
            background-size: cover;
            text-indent: -9999px;
        }

        .virtualFuelsBall {
            display:none;
        }

        .oilWidget {
            float:right;
        }

        .ads {
        margin-bottom: 15px;
        }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

        h1.site-title a {
            position: absolute;
            top: 30px;
            left: 15px;
            width: 478px;
            height: 100px;
            background: url("img/logo-text-data-exchange-mid.png") no-repeat scroll 0% 0%;
            background-size: cover;
            text-indent: -9999px;
        }

        .virtualFuelsBall {
            display:none;
        }

        .oilWidget {
            margin: 0 auto;
            margin-top: 15px
        }

        .ad-row {
        padding: 0 10px 0 10px;
        }

        .ads {
            margin: 0 auto;
            margin-bottom: 15px;
        }

        

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

        h1.site-title a {
                position: absolute;
                top: 50px;
                left: 20px;
                width: 300px;
                height: 63px;
                background: url("img/logo-text-data-exchange-sml.png") no-repeat scroll 0% 0%;
                background-size: cover;
                text-indent: -9999px;
            }

        .oilWidget {
                margin: 0 auto;
                margin-top: 15px
            }

        .ad-row {
            padding: 0 10px 0 10px;
        }

        .ads {
            margin: 0 auto;
            margin-bottom: 15px;
        }
}