.gradient{
    /* IE10+ */ 
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #696969 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #696969 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #696969 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(100, #696969));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #696969 100%);
    /* W3C Markup */ 
    background-image: linear-gradient(to top, #FFFFFF 0%, #696969 100%);
}

.gradientBtn{
    /* IE10+ */ 
    background-image: -ms-linear-gradient(bottom, #B9B9B9 0%, #DCDCDC 20%, #FFFFFF 50%, #DCDCDC 80%, #B9B9B9 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom, #B9B9B9 0%, #DCDCDC 20%, #FFFFFF 50%, #DCDCDC 80%, #B9B9B9 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(bottom, #B9B9B9 0%, #DCDCDC 20%, #FFFFFF 50%, #DCDCDC 80%, #B9B9B9 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #B9B9B9), color-stop(20, #DCDCDC), color-stop(50, #FFFFFF), color-stop(80, #DCDCDC), color-stop(100, #B9B9B9));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(bottom, #B9B9B9 0%, #DCDCDC 20%, #FFFFFF 50%, #DCDCDC 80%, #B9B9B9 100%);
    /* W3C Markup */ 
    background-image: linear-gradient(to top, #B9B9B9 0%, #DCDCDC 20%, #FFFFFF 50%, #DCDCDC 80%, #B9B9B9 100%);
}

.gradient30{
    /* IE10+ */ 
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #DCDCDC 75%, #B9B9B9 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #DCDCDC 75%, #B9B9B9 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #DCDCDC 75%, #B9B9B9 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(75, #DCDCDC), color-stop(100, #B9B9B9));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #DCDCDC 75%, #B9B9B9 100%);
    /* W3C Markup */ 
    background-image: linear-gradient(to top, #FFFFFF 0%, #DCDCDC 75%, #B9B9B9 100%);
}
.gradient30back{
    /* IE10+ */ 
    background-image: -ms-linear-gradient(bottom, #B9B9B9 0%, #DCDCDC 25%, #FFFFFF 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom, #B9B9B9 0%, #DCDCDC 25%, #FFFFFF 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(bottom, #B9B9B9 0%, #DCDCDC 25%, #FFFFFF 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #B9B9B9), color-stop(25, #DCDCDC), color-stop(100, #FFFFFF));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(bottom, #B9B9B9 0%, #DCDCDC 25%, #FFFFFF 100%);
    /* W3C Markup */ 
    background-image: linear-gradient(to top, #B9B9B9 0%, #DCDCDC 25%, #FFFFFF 100%);
}

.tbl{display: table; width: 100%;}
.tbl-row {display: table-row;}
.tbl-heading {display: table-header-group;}
.tbl-cell, .tbl-head {display: table-cell;}
.tbl-heading {display: table-header-group;}
.tbl-foot {display: table-footer-group;}
.tbl-body {display: table-row-group;}

.tooltip {
    display: none;
    position: absolute;
    border: 2px solid white;
    background-color: #006a47;
    border-radius: 5px;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    box-shadow: 2px 2px 10px black;
    z-index:100;
}

#shell{
    position:relative;
    top:0;
    background-color: #fff;
    min-width: 100%; 
    min-height: 530px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
    border-radius: 8px;
    padding: 3px;
}

#schedule {
    min-width:80%; 
}

#shell,#schedule > h2{
    margin: 0;
    padding: 0px;
    font-size: 1.1em;
}

#shell,#schedule > p{
    margin: 0;
    padding: 3px;
    padding-bottom: 10px;
    font-size: 0.9em;
}

.progress {
    display: block;
    text-align: center;
    width: 0;
    height: 2px;    
    transition: width .3s;
}
.progress.hide {
    opacity: 0;
    transition: opacity 1.3s;
}

.wBox {
    display: block;
    position: relative;
    vertical-align: top;
    white-space: normal;
    width: 100%;
    min-height: 300px;
    margin: 0;
    padding: 0;
}

.wBox > div {
    min-width: 100%;
    min-height: 100%;
    font-size: 0.95em;
}

.wBox h2 {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
}
.wBox p {
    margin: 0;
    padding: 3px;
}
.DebugBar span.dgDebug {
    margin: 0;
    padding: 3px;
    font-size: 0.8em;
    cursor:pointer;
}
.DebugBar div.dgDebug {
    display: none;
    margin-bottom: 8px;
    padding-left: 3px;
    font-size: 0.85em;
}

.DebugBar div.dgDebug p{
    margin: 0;
    padding: 3px;
    font-size: 0.8em;
}

.DebugBar div.dgDebug b{
    margin-bottom: 3px;
}

.dTbl{display: table;min-width: 100%;}
.dTblRow {display: table-row;}
.dTblHeading {display: table-header-group;}
.dTblCell, .dTblHead {white-space:nowrap; display: table-cell;}
.dTblHeading {display: table-header-group;}
.dTblFoot {display: table-footer-group;}
.dTblBody {display: table-row-group;}

.PageBar {width: 40%; text-align: left;}
.DateBar {width: 20%; text-align: center;}
.FilterBar {width: 40%; text-align: right;}
.InfoBar {text-align: right;}

.DataGrid {margin: 0; padding: 0px; font-size: 0.8em;}
.DataGrid input {margin: 0; padding:0px; background:#fff;  font-size: 0.95em;}
.DataGrid .PageBar input {width: 25px;text-align: center; cursor: pointer;}
.DataGrid table{margin-bottom:6px; padding: 0px; min-width: 100%; font-size: 0.85em;}


.DataGrid img {border:0px;vertical-align:middle;}
.DataGrid table,caption,tbody,tfoot,thead,tr,th,td{margin: 0; padding: 0;};
.DataGrid table th {width: inherit; white-space: nowrap;}
.DataGrid table th a.title {border-bottom: 1px solid #dad6d1;}

.DataGrid table tr,td {min-height: 20px;}
.DataGrid table {border: 1px solid #dad6d1; empty-cells:show;}
.DataGrid table caption {display: table-caption; text-align: center;}

.DataGrid table thead,tfoot,th,td {font-weight: 400;color: #000;}
.DataGrid table thead,tfoot,th a{text-decoration: none;color: #000;}
.DataGrid table td{color:#998675;white-space:nowrap;}
.DataGrid table .icon{width:25px; text-align:center}
.DataGrid table .one {background-color: #f0f0ef; color: black;vertical-align: top;}
.DataGrid table .one:hover {background-color: #ffffff;}
.DataGrid table .two {background-color: #f5f5f4; color: black;vertical-align: top;}
.DataGrid table .two:hover {background-color: #ffffff;}
.DataGrid table .focus {background-color: #000000; color: black;vertical-align: top;white-space: nowrap;}

.filterSet{clear: both;float:right;position:absolute;z-index:99;width:auto;height:auto;margin:0px;padding:0px;border:0px;background-color: #ffffff;text-align:left;font-size: 1.1em;}
.filterSet table{width:180px;margin:1px; padding:0px;}
.filterSet table input {margin: 0; padding:0px; background:#fff; font-size: 1em;}
.filterSet table select {margin: 0; padding:0px; background:#fff; font-size: 1em;}


.SearchingArea {}
.SearchingAreaBtn{cursor: pointer;}

.wOverlay {
    content:'';
    background: white;
    border-radius: 8px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity: .9;
    z-index:1;
}

.oPop {
    position: absolute;
    width: 80%;
    height: auto;
    top: 50%;
    left: 50%;
    min-width: 285px;
    max-width: 600px;
    max-height: 600px;
    box-shadow: 0 0 25px #000;
    transform: translateX(-50%) translateY(-50%);
    z-index: 55;
    display:none;
}
.popClose {
    position: absolute;
    background: #fff url('/img/xClose.png') no-repeat center center;
    cursor:pointer;
    top: -15px;
    right: -15px;
    width: 32px;
    height: 32px;
    box-shadow: 0 0 30px #000;
    border-radius: 50px;
    z-index: 1;
}

.oPop input {
    display:block;
    width:80%;
    margin:18px auto;
    background:#fff;
    border: 1px solid #bfbfbf;
    padding:13px;
    font-size: 1.15em;
}
.oPop input[type=submit] {
    cursor:pointer;
}

/*login Error*/
.Error {
    display: block;
    height: initial;
    background: #fff;
    min-width: 200px;
    min-height: 200px;
    opacity: 1;
}

/*loader popUp*/
.oLoader {
    background: #fff;
    max-width: 500px;
    max-height: 500px;
    border-radius: 10px;
    display: block;
    width: 75%;
    height: 75%;
}

.oLoader img {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width:100%;
    max-height:100%;
}
.oLoader .timer {
    text-align: center;
    margin-top: 20px;
    font-size: 1.2em;    
}

.overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:150%;
    background:rgba(0,0,0,0.7);
    z-index: 54;
}

/*popUp*/
.oPop {
    position: absolute;
    width: 80%;
    height: auto;
    top: 50%;
    left: 50%;
    min-width: 285px;
    max-width: 600px;
    max-height: 600px;
    box-shadow: 0 0 25px #000;
    transform: translateX(-50%) translateY(-50%);
    z-index: 55;
    display:none;
}
.popClose {
    position: absolute;
    background: #fff url('/images/xClose.png') no-repeat center center;
    cursor:pointer;
    top: -15px;
    right: -15px;
    width: 32px;
    height: 32px;
    box-shadow: 0 0 30px #000;
    border-radius: 50px;
    z-index: 1;
}

.oPop input {
    display:block;
    width:80%;
    margin:18px auto;
    background:#fff;
    border: 1px solid #bfbfbf;
    padding:13px;
    font-size: 1.15em;
}
.oPop input[type=submit] {
    cursor:pointer;
}

/*login Error*/
.Error {
    display: block;
    height: initial;
    background: #fff;
    padding: 5px;
    min-width: 200px;
    min-height: 200px;
}
.Error img{
    float: left;
}

/*loader popUp*/
.oLoader {
    background: #fff;
    max-width: 400px;
    max-height: 250px;
    border-radius: 10px;
    display: block;
    width: 75%;
    height: 75%;
}

.oLoader img {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width:100%;
    max-height:100%;
}

/*login popUp*/
.oLogin {
    display: block;
    height: initial;
}
.oLeft {
    position: relative;
    /*TODO*/
    background: #e5e5e5 url('/images/sis_bgr.png') no-repeat right bottom;
    display: table-cell;
    vertical-align:top;
    width: 50%;
    padding:25px;

    border-width: 3px 3px 3px 0;
    border-style: solid;
    -webkit-border-image: 
        -webkit-gradient(linear, 0 0, 100% 0, from(rgba(193, 193, 193, 1)), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
        -webkit-linear-gradient(left, rgba(193, 193, 193, 1), rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
        -moz-linear-gradient(left, rgba(193, 193, 193, 1), rgba(0, 0, 0, 0)) 1 100%; 
    -o-border-image:
        -o-linear-gradient(left, rgba(193, 193, 193, 1), rgba(0, 0, 0, 0)) 1 100%;
    border-image:
        linear-gradient(to left, rgba(193, 193, 193, 1), rgba(0, 0, 0, 0)) 1 100%; 
}

.oLeft h1 {
    font-size:1.6em;
    font-weight:300;
    color:#000000;
    margin:0 0 20px 0;
    padding:0;
}
.oLeft p {
    font-size:1.1em;
    color:#919191;
    margin:0 0 14px 0;
    padding:0;
}

.oRight {
    position: relative;
    background:#fff;
    display: table-cell;
    vertical-align:top;
    width: 50%;
    overflow: hidden;
}

.popHbox {
    position:relative;
}
.popHbox:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#000), to(transparent));
    background-image: -webkit-linear-gradient(bottom, #e7e7e7, transparent);
    background-image: -moz-linear-gradient(left, #e7e7e7, transparent);
    background-image: -o-linear-gradient(left, #e7e7e7, transparent);
}

.popHbox a, .oRight h1, .oRight a {
    display:block;
    padding: 20px;
    font-size:1.6em;
    font-weight:300;
    color:#000000;
}
.oRight h1 {
    margin:0 0 6px 0;
    padding: 12px 20px;
}

.logOpt {
    position:relative;
    width: 85%;
    margin:0 auto 19px auto;
    text-align:right;
    font-size: 1.2em;
    font-weight: 300;
}

.logOpt a {color:#fff;padding:15px;display:block;font-size: 1em;}
.logOpt a:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    height: 100%;
    width: 50px;
    border-width: 3px 3px 3px 0;
    border-style: solid;
    -webkit-border-image: 
        -webkit-gradient(linear, 0 0, 100% 0, from(rgba(200, 200, 200, 0.35)), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
        -webkit-linear-gradient(left, rgba(200, 200, 200, 0.35), rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
        -moz-linear-gradient(left, rgba(200, 200, 200, 0.35), rgba(0, 0, 0, 0)) 1 100%; 
    -o-border-image:
        -o-linear-gradient(left, rgba(200, 200, 200, 0.35), rgba(0, 0, 0, 0)) 1 100%;
    border-image:
        linear-gradient(to left, rgba(200, 200, 200, 0.35), rgba(0, 0, 0, 0)) 1 100%; 
}

.lGoogle {
    background:#e84c3d;
    border:1px solid #ee867b;
}
.lGoogle a:after {
    background: transparent url('/img/gPlusW.png') no-repeat center center;
}

.lFacebook {
    background:#297fb8;
    border:1px solid #5899c5;
}
.lFacebook a:after {
    background: transparent url('/img/facebookW.png') no-repeat center center;
}


.lMail {
    background:#3598dc;
    border:1px solid #81c0e9;
}
.lMail a:after {
    background: transparent url('/img/mailW.png') no-repeat center center;
}

/*popUp subscribe*/
.oSubscr {
    display: block;
    height: initial;
    max-width:300px;
    background:#e5e5e5;
}
.oSubscr h1 {
    display:block;
    padding: 10px;
    margin:0;
    font-size:1.6em;
    font-weight:300;
    color:#000000;
    border-bottom:1px solid #c1c1c1;
}

.oSubscr ul {
    margin:0;
    padding:0;
    background:#fff;
}
.oSubscr ul li {
    margin:0;
    padding:0;
    list-style-type:none;
    border-bottom:1px solid #e5e5e5;
}

.oSubscr label {
    cursor:pointer;
    display:block;
    padding: 12px 0 12px 50px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.oSubscr input[type=checkbox] {display:none;}
.oSubscr input[type=checkbox] + label {
    color:#a3a3a3;
    font-size:1.1em;
    background: transparent url('/img/unChecked.png') no-repeat 10px center;
    -webkit-transition:all 0.4s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.oSubscr input[type=checkbox]:checked + label {
    background: transparent url('/img/uChecked.png') no-repeat 10px center;
}

.companiesList {
    background:#fff;
    padding:12px;
}
.companiesList ul {margin:0; padding:0;}
.companiesList ul li {
    position:relative;
    margin:5px;
    padding: 5px 25px 5px 10px;
    list-style-type:none;
    color:#fff;
    background:#3598dc;
    border-radius:15px;
    float: left;
    font-size: 0.7em;
}
.cRemove {
    position: absolute;
    top: 7.5px;
    right: 7.5px;
    width: 12px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    background: transparent url('/img/subClose.png') no-repeat center center;
}

.subSearch {
    padding:12px;
    background:#3598dc;
}

.oPop input.sSearch {
    display:inline-block;
    border: none;
    background:#fff;
    width:82%;
    margin:0;
    padding: 6.5px;
}
.oPop input.sBtn {
    display:inline-block;
    width:15%;
    padding:3px;
    cursor:pointer;
    border: none;
    background:transparent;
    color:#fff;
}

/*popUp Profile*/
.oProfile {
    display: block;
    height: initial;
    max-width:300px;
    background: #e5e5e5 url('/images/sis_bgr.png') no-repeat right bottom;
}
.oProfile h1 {
    display: block;
    width: 80%;
    margin: 18px auto;
    font-size:1.6em;
    font-weight:300;
    color:#000000;
}

.oProfile .submit {
    font-size:1.25em;
    color:#fff;
    padding:15px;
    display:block;
    background:#3598dc url('/img/profSubmitLeft.png') no-repeat left center;
    text-align:right;
    position:relative;
    cursor:pointer;
}
.oProfile .submit:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    height: 100%;
    width: 50px;
    border-width: 3px 3px 3px 0;
    border-style: solid;
    -webkit-border-image: 
        -webkit-gradient(linear, 0 0, 100% 0, from(rgba(200, 200, 200, 0.35)), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
        -webkit-linear-gradient(left, rgba(200, 200, 200, 0.35), rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
        -moz-linear-gradient(left, rgba(200, 200, 200, 0.35), rgba(0, 0, 0, 0)) 1 100%; 
    -o-border-image:
        -o-linear-gradient(left, rgba(200, 200, 200, 0.35), rgba(0, 0, 0, 0)) 1 100%;
    border-image:
        linear-gradient(to left, rgba(200, 200, 200, 0.35), rgba(0, 0, 0, 0)) 1 100%; 
}


/*mailReg popUp*/
.oRegMail {
    display: block;
    height: initial;
}

.oRegMail .submit {
    font-size: 1.25em;
    color: #fff;
    padding: 15px;
    display: block;
    background: #3598dc url('/img/mailReg.png') no-repeat left center;
    text-align: right;
    position: relative;
    cursor: pointer;
}

.oRegMail .oRight h1, .oRegMail .oRight a {
    display: block;
    width: 80%;
    margin: 18px auto;
    padding:0;
    font-size: 1.6em;
    font-weight: 300;
    color: #000000;
}

.oRegMail .oRight .popHbox {
    padding: 0 0 5px 0;
}

/*oRegSocial popUp*/
.oRegSocial {
    display: block;
    height: initial;
}

.oRegSocial .popHbox {
    padding: 0 0 5px 0;
}

.oRegSocial .logOpt a {
    font-size: 1em;
}


/*================*/

.header-top {
    width: 100%;
    position: relative;
    height: 28px;
    margin: 0;
    padding: 0;
    vertical-align:top;
}

.header-left {float:left; display: table; padding: 3px;}
.header-left ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.header-left ul li { 
    display:inline; 
}  
.header-left ul li.menu { 
    padding-left: 25px;
    padding-right: 5px;
    border-right:  1px #dfdfdf solid;;
    cursor:pointer;
    background:url('/images/clip.png') 5px center no-repeat;
    color: #fff;
}  

.header-left ul li.search { 
    padding-left: 5px;
    padding-right: 5px;
    cursor:pointer;
}  

.header-left ul li.open { 
    color: #fff;
}

.header-right {
    float:right;
    display: table;
    margin: 0;
    padding-top: 3px;
    vertical-align: middle;}

.header-right em {
    color: #fff;
}

.header-right em b {
    font-weight: 500;
    color: #fff;
}

.switch {
    float:right;
    display:block-inline;
    margin-left: 10px;
    margin-right: 10px;
    content: "";
    width: 22px;
    height: 22px;
    cursor:pointer;
    background:url('/images/refresh.png') center center no-repeat;
}
.switch:hover {
    background:url('/images/refresh_w.png') center center no-repeat;
}

#navigator input{
    width: 35px;
    height: 18px;
    padding-left: 3px;
    background-color: #b3b3b3;
    vertical-align: text-bottom;
    border: 0;
}
#navigator img{vertical-align: middle;}


.nav-top {
    width: 100%;
    position:relative;
    min-height:110px;
    margin: 0;
    padding: 0;
}

#menu-bord {    
    overflow:hidden;
    min-height:110px;
}
.nav-top div.open {  
    display:block;
}
.nav-bord {
    padding-left: 5px;
    display: none;
}
.nav-bord a,em{
    font-size: 0.8em;
}

.nav-bord a{
    color: #000;
    text-decoration: none;
}

.nav-bord span.dgLink, span.htmlLink { 
    margin-right: 5px;
    font-size: 0.85em;
    cursor:pointer;
    color: #000;
}  

.nav-info { 
    float:right; 
    width:280px;
    min-height:110px;
    overflow:hidden; position:relative;
    vertical-align:top;text-align:center;
}  
#message-bord, #info-bord {
    width:280px;
    min-height:100%;
    vertical-align:top; text-align:center;
}
#info-bord {vertical-align:top; text-align:center;}
#info-bord img {padding-top:2px;}
#info-bord .clock span {font-weight: 400;} 

#message-bord {
    display: none;
}

#message-bord p{
    margin: 0;
    padding-bottom: 10px;
    font-size: 0.9em;
    color: #FFFFFF;
}

#message-bord p.title{
    padding-bottom: 2px;
    font-size: 1em;
}


#message-bord span { 
    margin-left: 22px;
    padding: 1px;
    font-size: 0.9em;
    cursor: pointer;
} 

#schedule { 
    float:left; 
    padding: 5px;
    min-height:100%;
    overflow:auto; 
    position:relative;
    vertical-align:top;    
}  

/* ######### Calendar #########  border-collapse:collapse; border: 0px; */
#calendar {clear:both;width: 100%;height:auto; margin-bottom: 15px; padding:0px; border-spacing:1px; border-collapse:collapse; border: 1px solid #A8A8A8;}
#calendar caption{margin: 0; padding: 1px; text-align: center; color:#343434; font-size: 0.9em;border: 1px solid #A8A8A8; border-bottom: 0;}
#calendar caption.navigator{font-size: 0.85em; color:#000;}
#calendar thead th{ padding: 1px;font-size: 0.9em; border: 1px solid #A8A8A8;}
#calendar tbody td {padding-bottom: 10px; text-align:center; vertical-align:top; white-space: nowrap;font-size: 0.9em; font-weight: normal; border: 1px solid #A8A8A8;}
#calendar .prev-month-day, #calendar .next-month-day {vertical-align: middle; color: #A8A8A8; background-color: #fff;font-size: 1.5em;}
#calendar .notice {width: 100%;}
#calendar .current-day {background-color: #e6e6e6;}

#calendar a{color: #534741; text-decoration:none;}


#calendar .valueDate {width: 100%;}
#calendar .paid {width: 100%;text-align:left;}
#calendar .paid a{width: 100%;color: #006600;}
#calendar .nonpaid {width: 100%;text-align:left;}
#calendar .nonpaid a{width: 100%;color: #990000;}
#calendar .new {width: 100%;text-align:left;}
#calendar .new a{width: 100%;color: #998675;}


#calendar form {width: 100%;margin:0px; padding:0px; padding-left: 10px; text-align:left;}
#calendar form select{width:auto; margin:0px; padding:0px; border: 0px; font-size: 1.2em;}
#calendar form span {margin-top:2px; padding:0px; float:right; font-size:0.8em; color:#e6e6e6;}

#report {width:100%; margin:0px; padding:0px; border-spacing:0px; border-collapse:collapse; border: 0px;}
#report .one {background-color: #e5e5e5;}
#report .one:hover {background-color: #ffffff;}
#report .two {background-color: #f0f0f0;}
#report .two:hover {background-color: #ffffff;}
#report td{padding:1px 3px; border-bottom: 1px solid #A8A8A8; font-size:0.9em;}
#report a {color:#343434; font-weight: bold; text-decoration: none;}
#report span {margin:0px; padding:0px; float:right; font-size:0.95em; color:#000;}



#segment { 
    width:270px;
    padding: 5px;
    min-height:100%;
    overflow:auto; 
    vertical-align:top;    
}  

#segment .panel {
    margin-bottom: 20px;
    padding: 5px;
    padding-bottom: 10px;
    min-height: 260px;
    border: 1px solid #A8A8A8;
    text-align: center;
}

.panel img {border:0px;vertical-align:top;float: left; clear: left; margin-top:0px; margin-left:0px; margin-right:3px;} 
.panel p{margin-top: 8px; padding:0px; text-align: center; font-size:0.8em;}
.panel p.title{color:#000;font-size:0.95em;}
.panel ul{margin:3px 0 0 0; padding:0px; display:block; border-top:#A8A8A8 solid 1px}
.panel ul li{width:100%; margin-top:2px; padding:2px; float:left; display:block; border-bottom:#A8A8A8 solid 1px; text-decoration:none;text-align:left;}
.panel ul li a{width:auto; margin:0px; padding:0px;float:left;font-size:0.8em; color:#343434; text-decoration:none;text-align:left;}
.panel span {margin:0px; padding:0px; float:right;color:#000;font-size:0.9em;}

.slider-control-prev {
    position:absolute;
    left:0;
    width:35px;
    height:40px;
    top:50%;
    transform:translateY(-50%);
    color:#919191;
    font-size:20px;
    font-weight:bold;
    line-height:35px;
    background:transparent url('/images/arrLeftGray.png') 10% center no-repeat;
    cursor:pointer;
    box-shadow:0 0 10px #000;
    text-align: right;
    padding: 0 10px 0 16px;
    z-index: 9;
}
.slider-control-next {
    position:absolute;
    right:0;
    width:35px;
    height:40px;
    top:50%;
    transform:translateY(-50%);
    color:#919191;
    font-size:20px;
    font-weight:bold;
    line-height:35px;
    background:transparent url('/images/arrRightGray.png') 90% center no-repeat;
    cursor:pointer;
    box-shadow:0 0 10px #000;
    text-align: left;
    padding: 0 16px 0 8px;
    z-index: 9;
} 

.exchange {
    width: 300px;
    height: 300px;
}

.exchange div{
    padding: 3px;
}

.exchange div.name{
    margin-top: 30px;
    font-size: 1.1em;
    font-weight:bold;
}

.exchange div.logo{
    padding: 10px;
}

.exchange span.excSelect {
    padding: 5px;
    font-size:18px;
    font-weight:300;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    height:30px;
    line-height:30px;    
    cursor:pointer;
    border-radius: 8px;
}


.exchange span.excSelect:hover {
    background:#a1a1a1;
}

.exchange span.excSelected {
    cursor:default;
    background:#a1a1a1;
}

.sliders { 
    overflow:hidden;
    position: relative;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    list-style-type: none;
}  

.sliders li {
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.sliders li div{
    width: 100%;
    height: 100%;
    text-align: center;
}