﻿@charset "utf-8";
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list { display: none; }
    h2.resp-accordion { display: block; }
    .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
    .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; }
    .resp-accordion-closed { display: none !important; }
    .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
}
/*
@media only screen and (max-width: 310px) {
.moneyul > li{    float: none !important;    width: 100% !important;    margin-bottom: 4px;}
.comoul > ul{ width: 100% !important;  float: none !important;  margin: 0 !important;}   
.comoul > ul > li{float: none !important;    width: 100% !important;;   margin-bottom: 4px !important;}
.comoul > select {    width: 100% !important;    float: none !important;    margin: 4px 0 !important;}
}*/
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
.chunkbox{overflow:hidden;}
ul.resp-tabs-list, p { margin: 0px; padding: 0px; }
.resp-tabs-list li { font-size: 15px; display: inline-block; padding: 10px; margin: 0 4px 4px 0; list-style: none; cursor: pointer; float: left; color: #fff; }
.resp-tabs-container { padding: 0px; background-color: #fff; clear: left; }
h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-tab-content { display: none; padding:2px 5px; }
.resp-tab-active { border-bottom: none; margin-bottom: -1px !important; padding: 10px !important; border-top: none !important; border-bottom: none !important; }
.resp-tab-active { border-bottom: none; background-color: #fff; }
.resp-content-active, .resp-accordion-active { display: block; }
.resp-tab-content { border: 1px solid #5AB1D0; border-top-color: #5AB1D0; }
h2.resp-accordion { font-size: 15px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 3px 15px; color: #000;     font-size: 16px;    line-height: 16px;    font-weight: bold;}
h2.resp-tab-active { border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 3px 15px !important; }
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list { float: left; width: 20%; }
.resp-vtabs .resp-tabs-list li { display: block; padding: 10px !important; margin: 0 0 4px; cursor: pointer; float: none; color: #000; }
.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; float: left; width: 79%; min-height: 250px; margin-left: 1%; clear: none; }
.resp-vtabs .resp-tab-content { border: none; word-wrap: break-word; }
.resp-vtabs li.resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; padding: 10px !important; border-top: 1px solid; border: none !important; margin-bottom: 4px !important; border-right: 1px #FFF solid !important; color:#fff}
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000; }
h2.resp-tab-active span.resp-arrow { border: none; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #000; }
/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #ededed !important; color: #f78a23 !important; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; /* !important;*/ }
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; }
h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1; /* !important;*/ }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

ul, li {    list-style: none;padding:0;margin:0}
.moneyul{}
.moneyul > li {float:left;  width: 50%; background:#efefef;    border: 1px solid #EFEFEF;    padding: 0 5px; position: relative;}
.moneyul > li.active {background: #fff;  }
.moneyul > li > a{    display: block; text-decoration:none;color:#000  ;  font-weight: bold;}
.moneyul > li > a  > span{    display: block;    font-weight: normal;}
.moneyul > li > a  > span > em {      font-style: normal;    display: inline-block;    margin-right: 8px;}
.moneyul > li > a  > span > i {    font-style: normal;  display: inline-block;   }
.moneyul > li > a  > span > b {    font-style: normal;  display: inline-block;    width: 13px;    height: 7px;position: absolute; right: 1px;    bottom: 7px;}
.moneyul > li > a  > span.green {color:Green;}
.moneyul > li > a  > span.red {color:red;}
.moneyul > li > a  > span.eq {color:#5484ff;}
.moneyul > li > a  > span.green > b{background:url(../images/Upp.gif) no-repeat center center;}
.moneyul > li > a  > span.red > b{background:url(../images/Dwnn.gif) no-repeat center center}
.moneyul > li > a  > span.eq > b{background:url(..//images/Eqq.gif) no-repeat center center}
.mapdiv{width:100%;height:140px; margin: 10px 0;}
.bottomul {margin-bottom: 5px;}
.bottomul > li {float:left;  width: 50%; background:#fff;     padding: 0 5px; position: relative;}
#bsemenu{width:50%;float:left;}
#bsemenu.bottomul > li{    background: #fff;    padding: 0 5px;    position: relative;    padding-bottom: 4px;    float: none;    width: 100%;}
#bseimg{    display: block;    float: right;}
.bottomul > li > a{  display: block; text-decoration:none;color:#CA6C18  ;  font-weight: bold;    text-transform: capitalize;font-size: 12px;    line-height: 12px;}
.comoul > ul {    width: 49%;    float: left;    margin-right: 1%;}
.comoul > ul > li {float:left;  width: 50%; background:#fff;    border: 1px solid #EFEFEF;    padding: 0 15px; position: relative;}
.comoul > ul > li.active {background: #efefef;  }
.comoul > ul > li > a{    display: block; text-decoration:none;color:#000  ;  font-weight: bold;}
.comoul > select {width:50%;float:left;    padding: 1px;}
.datarow{    border-bottom: 1px dashed gray;    margin-bottom: 3px;    font-size: 13px;}
.comname{text-align:left;float:left;}
.comdate{text-align:center;float:left;}
.comval{text-align:right;float:left;}
.morefrom{    display: block;    padding: 5px 0;    text-align: center;    color: #f78a23;    font-weight: bold;text-decoration:none;}
.morefrom:hover{color: #f78a23;text-decoration:none;}
#marqudiv,#comomarquee{height:170px;    overflow: hidden;}