html{
 width:100%;
 height:100%;
}

body{
 width:100%;
 height:100%;
 border:0px;
 margin:0px;
 padding:0px;
 font-family: 'Montserrat',sans-serif;
 font-size:14px;
 color:#666666;
 -webkit-font-smoothing: antialiased;
}
td{
 font-family: 'Montserrat',sans-serif;
 font-size:14px;	
}

.mvisible{
 display:none;
}

.normalblock {
  display:block;
  clear:both;
  width:100%!important;
  text-align:center!important;
}




input.login{
 font-size:14px;
 text-align:left;
 width:98%;
 height:34px;
 padding-left:5px;
 background:transparent;
 border:solid 2px #fff;
 color:#fff;
 border-radius:5px;
 -moz-appearance:none;
 -webkit-appearance:none;
 outline:none;
}

a{
  color:#666;
  text-decoration:none;
}

a.loginbutton, a.loginbutton:visited{
 display:block;
 font-size:15px; 
 text-align:center;
 width:100%;
 height:36px;
 line-height:38px;
 background:transparent;
 border:solid 2px #fff;
 text-decoration:none;
 color:#fff;
 border-radius:5px;
 cursor:default;
}
a.loginbutton:active{
 background:transparent;
 text-decoration:none;
 color:#fff;
}


a.topButton, a.topButton:visited{
 margin:8px;
 font-size:21px;
 color:#666666;
 text-decoration:none;
 height:36px;
 line-height:36px;
 vertical-align:-4px;
}
a.topButton:hover{ 
 color:#666666;
 text-decoration:none;
} 
a.topButton:active{ 
 color:#999999;
} 


a.menu, a.menu:visited{
 display:block;
 margin-left:10px;
 font-size:16px;
 color:#8b919f;
 text-decoration:none;
 height:55px;
 line-height:55px;
}
a.menu:hover{ 
 color:#fff;
 text-decoration:none;
} 
a.menu:active{ 
 color:#8b919f;
} 
a.menu span{
 font-size:18px;
 padding:5px;
 vertical-align:-2px;
}


a.captionbutton, a.captionbutton:visited{
 display:block;
 height:40px;
 line-height:40px;
 padding-left:10px;
 font-size:12px;
 cursor:default;
 text-decoration:none;
 color:#363636;
 background:#ebeef0;

}
a.captionbutton:hover{
 text-decoration:none;
 color:#666666;
 background:#e5e9ec;
}
a.captionbutton:active{
 text-decoration:none;
 color:#666666;
 background:#ebeef0;
} 
a.captionbutton span{
 font-size:12px;
 vertical-align:-2px;
}


div.menu{
 font-size:14px;
 background:#22262e;
 padding:10px 10px 10px 15px;
}
div.menu li{
 line-height:35px; 
}
div.menu a, div.menu a:visited{
 color:#8b919f;
 text-decoration:none;
}
div.menu a:hover{ 
 color:#fff;
 text-decoration:none;
} 
div.menu a:active{ 
 color:#8b919f;
} 

ul{
 margin:0;
 padding-left:15px;
}


select.menu{
 width:90%;
 background:transparent;
 margin:10px 0px 10px 0;
}
select.menu options{
 background:#14171b;
}


div.topPage{
 background:#e5e9ec;
 padding:23px 20px;
}
div.topPage span{
 font-size:11px;
 padding:8px; 
}

div.content{
 padding:20px;
}



table.tabList{
 margin:5px 0;
}
table.tabList tr.header{
 height:45px;
 background:#ebeef0;
}
table.tabList tr.header td{
 font-size:12px;
 font-weight:bold;
 cursor:default;
}
table.tabList tr.header td span{
 font-size:10px;
}

table.tabList tr.header a{
 display:block;
 line-height:40px;
 padding-left:2px;
 width:100%;
 text-decoration:none;
 color:#363636;
 background:#ebeef0;
}
table.tabList tr.header a:hover{
 text-decoration:none;
 color:#666666;
 background:#e5e9ec;
}
table.tabList tr.header a:active{
 text-decoration:none;
 color:#666666;
 background:#ebeef0;
}

table.tabList tr.line{
 height:45px;
 background:transparent;
}
table.tabList tr.line td{
 font-size:16px;
 border-bottom:solid 1px #e1e6e9;
 cursor:default;
}

table.tabList tr.lineS{
 height:45px;
 background:rgb(207,232,252);
 #background:#f9fad5;
}
table.tabList tr.lineS td{
 font-size:16px;
 border-bottom:solid 1px #e1e6e9;
 cursor:default;
}


	



a.toolbarButton, a.toolbarButton:visited{
 margin:5px;
 font-size:14px;
 color:#999999;
 text-decoration:none;
 height:39px;
 line-height:39px;
 border:solid 2px #999999;
 padding:9px;
 border-radius: 5px;
 white-space: nowrap;
}
a.toolbarButton:hover{ 
 color:#666666;
 text-decoration:none;
 border:solid 2px #666666;
} 
a.toolbarButton:active{ 
 color:#999999;
 border:solid 2px #999999;
} 
a.toolbarButton span{
 font-size:16px;
 vertical-align:-2px;
}


a.searchButton, a.searchButton:visited{
 margin:8px;
 font-size:17px;
 color:#999999;
 text-decoration:none;
 height:36px;
 line-height:36px;
 vertical-align:-4px;
 white-space: nowrap;
}
a.searchButton:hover{ 
 color:#666666;
 text-decoration:none;
} 
a.searchButton:active{ 
 color:#999999;
} 



input[type="text"], input[type="password"]{
 font-size:15px;
 text-align:left;
 height:34px;
 padding-left:5px;
 background:transparent;
 border:solid 2px #999999;
 color:#666666;
 border-radius:5px;
 -moz-appearance:none;
 -webkit-appearance:none;
 outline:none;
}
input[type="text"]:focus{
 background:#fff;
}

input[type="text"]::placeholder{
 color:#ddd;
}

select{
 font-size:15px;
 text-align:left;
 height:35px;
 border:solid 2px #999999;
 color:#666666;
 border-radius:4px;
 padding:5px;
 outline:none; 
}
select option{
 font-size:15px;
 color:#abaeb4;
 text-decoration:none;
 background:#414651;
}


input.white{
 background:#fff;
 border:solid 2px #fff;
 color:#666666;
 border-radius:0;
 width:80%;
}

input[type="checkbox"]{
 width:17px;
 height:17px;
 padding:0;
 vertical-align:-4px;
}

input[onclick="return false;"]{
 opacity:0.4;
}

input.invisible{
 background:transparent;
 border:none;
 color:#666666;
 width:80%;
}





div.bottombar{
 display:none;
 z-index:99;
 position:fixed;
 left:0;
 right:0;
 margin:auto;
 height:30px;
 width:100%;
 background:#efefef;
 text-align:center;
 vertical-align:middle;
 padding:20px 0;
}

a.bottombarbutton, a.bottombarbutton:visited{
 margin:5px 7px;
 font-size:14px;
 color:#666;
 text-decoration:none;
 height:36px;
 line-height:36px;
 padding:9px;
 border:solid 2px transparent;
 background:transparent;
 border-radius: 5px;
}
a.bottombarbutton:hover{ 
 background:#4e525c;
 border:solid 2px #4e525cs;
 color:#ffffff;
 text-decoration:none;
} 
a.bottombarbutton:active{ 
 background-color:#F6F6F6;
 text-decoration:none;
 color:#4B4B4B;
 cursor:default;
} 
a.bottombarbutton span{
 font-size:17px;
 vertical-align:-3px;
}
a.bottombarbutton[data-disabled="1"] {
 color:#666; 
 background:transparent;
 opacity:0.35;
}


div.popup{
 visibility:hidden;
 text-align:left;
 position:absolute;
 top:0px;
 left:0px;
 z-index:101;
 background:#414651;
 border:solid 2px #1b1c21;
 padding:0;
 overflow:hidden;
 overflow-y:auto;
}


a.popupbutton, a.popupbutton:visited{
 display:block;
 width:100%;
 padding:8px 10px;
 line-height:30px;
 height:30px;
 font-size:14px;
 color:#abaeb4;
 text-decoration:none;
 background:#414651;
 cursor:default;
}
a.popupbutton:hover{
 background:#4e525c;
 color:#ffffff;
 text-decoration:none;
}
a.popupbutton:active{
 background-color:#F6F6F6;
 text-decoration:none;
 color:#4B4B4B;
 cursor:default;
}
a.popupbutton span{
 font-size:17px;
 vertical-align:-2px;
}
a.popupbutton[data-disabled="1"] {
 color:#abaeb4; 
 background:#414651;
 opacity:0.35;
}

td.calendar{
 border:solid 2px transparent;
}
td.calendar:hover{
 border:solid 2px black;
}



div.greybackground
{
 display:none;
 z-index:105;
 position:fixed;
 left:0;
 right:0;
 bottom:0;
 top:0;
 margin:auto;
 height:100%;
 width:100%;
 background:#666666;
 opacity:0.5;
}


div.toggleButton{
 display:inline-block;
 text-align:left;
 width:56px;
 height:31px;
 background:#eee;
 border-radius:27px;
 margin:0; 
 padding:2px;
 vertical-align:-9px;
 transition: 1s text-align;
}
div.toggleSpinButton{
 display:inline-block;
 width:27px;
 height:27px;
 margin-left:1px;
 background:#ccc;
 border:solid 2px #eee;
 border-radius:100%;
 transition:0.5s margin-left;
}
div.toggleSpinButtonOn{
 display:inline-block;
 width:27px;
 height:27px;
 margin-left:24px;
 background:#e00e4d;
 border:solid 2px #eee;
 border-radius:100%;
 transition:0.5s margin-left;
}
div.toggleButton[data-disabled="1"]{
 opacity:0.35;
}
select:disabled{
 opacity:0.35;
}

img.icon{ 
 width:16px;
 background:#555; 
 padding:5px 6px;
 margin-right:3px; 
 border-radius:5px; 
 vertical-align:-8px; 
}





.small-wait {
  display: inline-block;
  position: absolute;
  margin:auto;
  margin-top:-200px;	
  width: 80px;
  height: 80px;
}
.small-wait div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background:#22262e;
  animation: small-wait 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.small-wait div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.small-wait div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.small-wait div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes small-wait {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}