body, html { font-size: 100%;   padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

a:link { color: #2b81b2; }
a:visited { color: green; }
a:hover { color: hotpink; }
a:active { color: blue; }

.bod2 {
        font-family:arial, verdana, helvetica, Sans-serif;
        color:#fff;
        font-size:14px;
        }

.main {
        font-family:arial, verdana, helvetica, Sans-serif;
        color:#00468C;
        font-size:14px;
        font-weight: bold;
        }
.col-100 { text-align:right; float: left; width: 100%;  margin-top: 6px; padding: 10px; }
.col-20-a1 {
  background:#ffffff; height:2.4rem; padding: 5px; border-bottom: 1px solid #2b81b2; border-left: 1px solid #2b81b2; text-align:left;
  float: left; width: 20%; font-size:11px;
}
.col-20-a2 {
  height:2.4rem; padding: 5px; background: #acd6ef;
  border-bottom: 1px solid #2b81b2; border-left: 1px solid #2b81b2;  text-align:left;  float: left; width: 20%; font-size:11px;
 }
.col-100-c { text-align:center; float: left; width: 100%; padding: 4px; }
.col-10-b { display:none; }
.col-20-d1 {
  background:#2b81b2; height:2.4rem; padding: 10px; color:#ffffff; text-align:center; float: left; width: 20%;
}
.headers2 { width:100%; }
.headers4 { display:none; }

.pagination {
    display: inline-block;
    margin-left: 0;
}
.btn-st2{
        float: left;
        width:40px;
        font-weight:bold;
        border : solid 1px #ffffff;
        border-radius : 2px;
        -webkit-box-shadow : inset 0px 0px 2px rgba(0,0,0,1.0);
        -moz-box-shadow : inset 0px 0px 2px rgba(0,0,0,1.0);
        box-shadow : inset 0px 0px 2px rgba(0,0,0,1.0);
        font-size : 10px;
        color : #000000;
        padding : 4px 10px;
        cursor:pointer !important;
        background : #ffffff;
        background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
        background : -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
        background : -webkit-linear-gradient(top, #fffffff 0%, #dddddd 100%);
        background : -o-linear-gradient(top, #fffffff 0%, #dddddd 100%);
        background : -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
        background : linear-gradient(to top, #ffffff 0%, #dddddd 100%);
        filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffff', endColorstr='#dddddd',GradientType=0 );
}

.btn-st3{
        float: left;
        width:40px;
        font-weight:bold;
        border : solid 1px #ffffff;
        border-radius : 2px;
        -webkit-box-shadow : inset 0px 0px 2px rgba(0,0,0,1.0);
        -moz-box-shadow : inset 0px 0px 2px rgba(0,0,0,1.0);
        box-shadow : inset 0px 0px 2px rgba(0,0,0,1.0);
        font-size : 10px;
        color : #000000;
        padding : 4px 10px;
        cursor:pointer !important;
        background : #fff1d9;
        background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff1d9), color-stop(100%,#e08a00));
        background : -moz-linear-gradient(top, #fff1d9 0%, #e08a00 100%);
        background : -webkit-linear-gradient(top, #fff1d9 0%, #e08a00 100%);
        background : -o-linear-gradient(top, #fff1d9 0%, #e08a00 100%);
        background : -ms-linear-gradient(top, #fff1d9 0%, #e08a00 100%);
        background : linear-gradient(to top, #fff1d9 0%, #e08a00 100%);
        filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1d9', endColorstr='#e08a00',GradientType=0 );
}
.spc{
  height:40px;
}
.fcontainer { width:100%; height:500px; background-color: #fff; }



@media screen and (max-width: 768px)
{*

.col-20-a1 {
  border-left: 0px;
  float: left;
  width:50%;
 }
 .col-20-a2 {
  border-left: 0px;
  float: left;
  width:50%;
 }

 .col-10-b {
  color:#afafaf;
  font-size:10px;
  height:2.4rem;
  padding: 10px;
  float: left;
  width: 50%;
  display:block;
  text-align:right;
 }

.headers2 { display:none; }

.headers4 { display:block; height:2.4rem; padding: 10px; color:#ffffff; text-align:center; float: left; width:100%; background:#2b81b2; }
 .col-20-a2a {
  border-left: 0px;
  float: left;
  width:50%;
 }
.col-100, .col-100-c {
    width: 98%;
    text-align:center;
    resize: vertical;
    padding: 5px;
    margin-top: 0px;
 }

 #clicker {
 outline:none;
 cursor:pointer;
 }
 #hiddendiv{
 display:none;
 }
 #clicker:focus + #hiddendiv{
 display:block;
 }
 .fcontainer { width:100%; height:100%; background-color: #fff; }
}