.login{ background-color:rgba(0,0,0, 0.6); border-top-color:#099; }
.login .title{color:#fff;}
.login .control{border-color:transparent;}
.login .copyright{color:#000;}
.login .copyright a{color:#000;}
.login .button{background-color:#099; color:#DDD; border:2px solid #099;}
.login .link a{ background-color:#388144;}

.menu{border-bottom-color:#099; z-index:99;}
.menu .box .title{color:#099;}
.menu .box .more{background: url('menu_agent.png'); background-size:60px 120px; background-repeat:no-repeat;}
.menu .box .item{background-color:#3bb; border-color:#099;}
.menu .box .item a{ border-color:#099; color:#000;}
.menu .box .item p{ background-color:#099; color:#fff;}
.menu .box .item a:active{background-color:#099; color:#CCC;}
.menu .box .item a:hover{background-color:#099; color:#CCC;}

#page{background-color:rgba(255,255,255, 0.95);}
#page .title{background-color: #099; color:#fff;}
#page .content .control{border-color:#3bb;}
#page .content .button{background-color:#099; border-color:#099;}
#page .content .button:hover{color:#FFF;}
#page .content .button:active{color:#FFF;}
#page .content .tester{border-color:#099;}
#page .content .h2#conclusion{border-color:#099; color:#099;}
#page .content .h3 h2{border-color:#099; color:#099;}
#page .content .chart .item .inbox{background-color:#3bb;}
#page .content .history .left{border-color:#099;}
#page .content .history .left::-webkit-scrollbar-track {background-color:#3bb;}
#page .content .history .left::-webkit-scrollbar-thumb {background-color:#099;}
#page .content .history .left .item{border-color:#099; }
#page .content .history .left .item.on{background:#099;}
#page .content .history .left .more{color:#099;}