*{margin:0;padding:0;border:0 solid;border-collapse:collapse}
body,table,td{vertical-align:top}
body,table,div{font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-weight:700;letter-spacing:0px;font-size:14px;color:#333;font-weight:normal;line-height:180%}
html,body{min-height:100%}
body{background:#c7c7c7;background:linear-gradient(to bottom,#c7c7c7,#fefefe);padding:0}
img{margin:0;padding:0;border:0 solid}
a,a:hover{color:#3099dd;text-decoration:underline}
a:hover{text-decoration:none}
h1{font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-weight:600;letter-spacing:0px;font-size:20px;color:#000}
h2{font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-weight:600;letter-spacing:0px;font-size:18px;color:#000}
h3,h4,h5,h6{font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-weight:600;letter-spacing:0px;font-size:16px;color:#000}
.bodybg{background-color:#000;padding:0;text-align:center}
a.black,a.black:hover{color:#000;text-decoration:none;font-size:16px;font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-weight:600;letter-spacing:0px;white-space:nowrap}
a.black:hover{text-decoration:underline}
a.white,a.white:hover{color:#fff;text-decoration:none;font-size:14px;font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-weight:0;letter-spacing:0px;white-space:nowrap}
a.white:hover{text-decoration:underline}
span.white{color:#fff;text-decoration:none;font-size:12px;font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-weight:0;letter-spacing:0px}
.tooltip .tooltiptext{visibility:hidden;max-width:450px;background-color:#ededf5;color:#8e5774;text-align:left;border-radius:2px;padding:8px;position:absolute;z-index:1}
.tooltip:hover .tooltiptext{visibility:visible}
.page_header{height:50px}
@media screen and (max-width:920px){.menu{display:none;}}
div.logo{font-size:28px;color:#000;position:relative;top:5px;left:20px;white-space:nowrap;float:left}
span.cl_logo{color:#3099dd}
div.menu{position:relative;top:22px;text-align:right;float:right}
span.menu{color:#000;text-decoration:underline;font-size:16px;font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-weight:600;letter-spacing:0px;white-space:nowrap}
div.header_line{background:#74acdf;padding-top:2px}
.page_body{margin:0 auto;max-width:1275px;background:#fff;border:1px solid #969696}
.page_content{padding:20px;text-align:left}
.page_footer{background:#969696;padding:20px;text-align:left;height:50px}
div.copyright{font-size:14px;color:#fff;white-space:nowrap;position:relative;float:right;top:28px}
.download_block{display:block;height:240px;max-width:1100px;padding:0px;}
@media screen and (max-width:1050px) {.download_block{height:460px;}}
@media screen and (max-width:640px) {.download_block{height:740px;}}
@media screen and (max-width:460px) {.download_block{height:1220px;}}
div.download_column{float:left;width:170px;padding:10px;border: 1px solid #969696;display:block;background:#f6f7f0;height:230px;}
div.download_space{float:left;padding:5px;display:block;}
.conflist_block{display:block;height:260px;max-width:800px;padding:0px;}
@media screen and (max-width:780px) {.conflist_block{height:520px;}}
@media screen and (max-width:560px) {.conflist_block{height:780px;}}
div.conflist_column{float:left;width:220px;padding:10px;border: 1px solid #969696;display:block;background:#f6f7f0;height:230px;}
div.conflist_space{float:left;padding:5px;display:block;}
.block{border:1px solid #969696;display:block;background:#f6f7f0}
.block_hover{padding:10px;display:block;background:#969696;color:#fff}
.button_block{border:1px solid #969696;padding:10px;display:block;background:#3099dd;color:#fff;max-width:300px;height:30px;text-align:center;vertical-align:middle}
.small_button_block{float:left;border:1px solid #969696;padding:6px;color:#fff;height:25px;width:90px;text-align:center;}
.form_block{border:1px solid #969696;display:block;background:#f6f7f0; max-width:750px;}
.form_field{padding:10px;font-size:14px}
.group_block_out{padding:10px 10px 0px 10px;display:block;}
a.button,a.button:hover{color:#fff;text-decoration:none;font-size:14px;font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-weight:500;letter-spacing:0px}
.large_text{font-size:18px}
.medium_text{font-size:16px}
.small_text{font-size:12px}
.auth_input{width:100%;font-size:18px;border:1px solid #969696;padding:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
table.some_list{width:100%}
table.some_list td{border:1px solid #696969;padding:4px}
table.some_list thead{border:1px solid #696969;background:#969696;padding:4px;color:#fff}
.form_input{width:100%;font-size:16px;border:1px solid #969696;padding:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.ok_submit{color:#FFF;background-color:#3099dd;border:1px solid #696969;width:70px;height:26px}
.connect_submit{color:#FFF;background-color:#3099dd;border:1px solid #696969;width:200px;height:26px}
.leftimg{float:left;margin:7px 7px 7px 0}
.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.7);transition:opacity 500ms;visibility:hidden;opacity:0;}
overlay:target{visibility:visible;opacity:1;}
.popup{margin:70px auto;padding:20px;background:#fff;border-radius:5px;width:30%;position:relative;transition: all 5s ease-in-out;}
.popup h2{margin-top:0;color:#333;font-family:'Segoe UI',Tahoma,Arial,sans-serif;}
.popup .close{position:absolute;top:20px;right:30px;transition:all 200ms;font-size:30px;font-weight:bold;text-decoration:none;color:#333;}
.popup .close:hover{color:#06D85F;}
.popup .content{max-height:30%;overflow:auto;}
@media screen and (max-width: 920px){.box{width:70%;}.popup{width:70%;}}
div.nav_menu{position:relative;top:4px;text-align:left;float:right;}
#nav{float:left;width:100%;list-style:none;}
#nav li{float:left;position:relative;display:block;margin-right:12px;}
#nav li a{display:block;padding:5px;color:#fff;background:#fff;text-decoration:none;text-shadow:1px 1px 1px rgba(0,0,0,0.75);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
#nav li a:hover{color:#fff;background:#6b0c36;background:rgba(107,12,54,0.95);text-decoration:underline;}
#nav ul{list-style:none;position:absolute;width:220px;left:-9999px;opacity:0;-webkit-transition:0.25s linear opacity;}
#nav ul li{padding-top:1px;float:none;background:url(dot.gif);}
#nav ul a{white-space:nowrap;display:block;}
#nav li:hover ul{left:-166px;opacity:1;}
#nav li:hover a{background:#6b0c36;background:rgba(107,107,107,0.95);text-decoration:underline;}
#nav li:hover ul a{text-decoration:none;-webkit-transition:-webkit-transform 0.095s linear;}
#nav li:hover ul li a:hover{background:#333;background:rgba(51,51,51,0.95);text-decoration:underline;-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
@media screen and (min-width:920px){.nav_menu{display: none;}}
