/* RESET*/
*{margin:0; padding:0; outline:0;}
html, body{height:100%;	width:100%; text-align:center;}
table{border-collapse: collapse; border-spacing: 0;}
ul, ol{list-style-type:none;}
img{border:0;}
input, textarea, select{vertical-align:middle; font:12px Arial, Helvetica, sans-serif; color:#000;}
a{color:#5f5f5f; text-decoration:underline;}
a:hover{text-decoration:none;}

.btn{cursor:pointer; border:none;}
.btn {
          /* button styles */
          background-color: #4682B4;
          -webkit-border-radius: 10px 9px; -moz-border-radius: 10px 9px; border-radius: 10px 9px;
          border: 0px;
          margin: 5px;
          padding: 4px 10px 2px 10px;
          min-width: 115px;
          
          /*text styles */
          color: white;
          font-family: helvetica, arial, sans-serif;
          font-size: 13px;
          font-weight: bold;
          letter-spacing: 0px;
          word-spacing: 0px;
          text-align: center;
          text-shadow: 0px 0px 0px black;
          
          /*interaction */
          cursor: pointer;
          
          /* potition */
          float: right;
}
.reset {background-color:#BF0909;}


.btn:hover{position:relative; top:1px; left:1px;}
.selected a, .selected a:hover{cursor:text; text-decoration:none!important;}
.current, .current:hover{cursor:text; text-decoration:none!important;}

.overflow{overflow:hidden; zoom:1;}
.clear{clear:both;}
.float_left{float:left;}
.float_right{float:right;}

/* H */
h1{font:normal 32px Georgia, "Times New Roman", Times, serif; margin-bottom:15px; color:#156cbe;}
h2{font:normal 20px Georgia, "Times New Roman", Times, serif; margin-bottom:10px; color:#156cbe;}
h3{font:normal 28px Georgia, "Times New Roman", Times, serif; margin-bottom:15px; color:#156cbe;}
h4{}
h5{}
h6{}

/* SETTINGS*/
body{font:15px Arial, Helvetica, sans-serif; color:#5f5f5f; background:#f5f5f5;}
.main{min-width:1000px;	width:expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); text-align:left; min-height:100%; _height:100%;}
.intend{width:950px; margin:0 auto; position:relative;}

/* HEADER */
.header{height:68px; background:url(/i/header_bg.gif) repeat-x; position:relative; z-index:2;}
.logo{position:absolute; top:21px; left:-3px;}
.slogan{position:absolute; top:41px; left:150px; font-size:10px; color:#fff;}
.logout{position:absolute; top:33px; right:0; font-size:11px; color:#686868;}
.logout span{color:#fff;}
.logout a{color:#fff;}
/* lang */
.lang{position:absolute; top:10px; right:0; z-index:2;}
.lang .head img{float:right; margin-left:5px;}
.lang .head a{color:#fff; font-size:11px; float:right;}
.lang .body{position:absolute; top:23px; right:-2px; width:216px; display:none;}
.lang .t{height:14px; background:url(/i/lang_t.png) no-repeat; font-size:0; line-height:0;}
.lang .b{height:18px; background:url(/i/lang_b.png) no-repeat;}
.lang .m{width:216px; background:url(/i/lang_m.png) repeat-y;}
.lang .close{width:8px; height:9px; background:url(/i/lang_close.gif) no-repeat; cursor:pointer; position:absolute; top:7px; right:9px;}
.lang ul{padding:0 17px;}
.lang li{overflow:hidden; zoom:1; padding:4px 0;}
.lang li img{float:left; margin:4px 12px 0 0;}
.lang a{font-size:12px; color:#333;}

/* navigation */
.navigation{height:41px; background:url(/i/nav_bg.gif) repeat-x;}
.navigation .intend{padding:5px 0 0 0;}
.navigation .button{float:right; width:82px; height:29px; margin-left:1px; text-align:center; position:relative;}
.navigation .signup{background:url(/i/signup_btn.gif) no-repeat;}
.navigation .login{background:url(/i/login_btn.gif) no-repeat;}
.navigation .button a{font:bold 14px/29px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-decoration:none; position:relative; z-index:1;}
.navigation .button a:hover{text-decoration:underline;}
.navigation ul{overflow:hidden; zoom:1; height:35px;}
.navigation li{float:left; position:relative; height:35px; margin-right:14px;}
.navigation li a{font:bold 14px/29px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; float:left; padding:0 12px; height:35px; text-decoration:none; position:relative; z-index:1;}
.navigation li a:hover{text-decoration:underline;}
.navigation li span{position:absolute; font:bold 14px/31px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#5e2e09; display:none; left:13px;}
.navigation .selected{background:url(/i/nav_sel.gif) no-repeat;}
.navigation .selected a{background:url(/i/nav_sel.gif) no-repeat 100% -29px;}
.navigation .selected span{display:block;}

.navigation .sub{height:35px; background:url(/i/sub_bg.gif) repeat-x;}
.navigation .sub span{display:block;}
.navigation .sub div{height:35px; background:url(/i/sub_bg.gif) no-repeat 0 -35px; float:left;}
.navigation .sub div div{background:url(/i/sub_bg.gif) no-repeat 100% -70px;}

.subnav{height:38px; background:url(/i/subnav_bg.gif) repeat-x; margin-top:-1px;}
.subnav .intend{padding:3px 0 0 0;}
.subnav li{float:left; position:relative; height:31px; margin-right:14px;}
.subnav li a{font:bold 14px/31px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; float:left; padding:0 12px; height:35px; text-decoration:none; position:relative; z-index:1;}
.subnav li a:hover{text-decoration:underline;}
.subnav li span{position:absolute; font:bold 14px/33px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#5e2e09; left:13px;}
.subnav .selected{background:url(/i/sub_sel.gif) no-repeat;}
.subnav .selected a{background:url(/i/sub_sel.gif) no-repeat 100% -31px; color:#232323;}
.subnav .selected span{display:none;}

/* CONTENT */
.content{padding:10px 0 184px 0; background:url(/i/content_bg.gif) repeat-x;}
.content p, .content ul, .content ol{margin:0 0 15px 0;}
.info{font:21px Georgia, "Times New Roman", Times, serif;}
/* intro */
.intro{background:url(/i/intro_bg.gif) repeat-x 0 100%; zoom:1;}
.intro .intend{padding:30px 0;}
.intro .image{position:absolute; width:475px; height:275px; bottom:-19px; _bottom:-20px; right:0; background:url(/i/intro_mask.gif) no-repeat; padding:0 1px 0 185px;}
.intro .image .overflow{width:475px; height:274px;}
.intro .text{width:430px; position:relative;}
.intro .sticker{width:108px; height:109px; top:-52px; right:-15px; position:absolute;}
.plan{overflow:hidden; zoom:1; float:left;padding:0; position:relative}
.plan img{float:left;}
.plan ul{width:350px !important}
.plan span{font-size:14px;}
.plan .yellow{color:#f7b100;}
.plan .green{color:#52bb21;}
.plan .blue{color:#34b5dc;}
.plan .total{color:#9CA673;font-weight: bold}
.plan a{color:#333;}
.plan p{font-size:10px; color:#5f5f5f;}
.plan .no_stat {position:absolute; top:90px;left:50px; font-size:18px;}

/* features */
.features{border-bottom:1px solid #d1d1d1; background:#f5f5f5; zoom:1; clear:both;}
.features .intend{padding:30px 0; overflow:hidden; zoom:1;}
.features img{float:right;}
.features ul{width:306px; float:left; margin-right:20px; font:19px Georgia, "Times New Roman", Times, serif; color:#000; border-top:1px solid #d1d1d1;}
.features li{border-bottom:1px solid #d1d1d1; padding:12px 0;}
.features a{color:#000; text-decoration:none;}
.features a:hover{text-decoration:underline;}
.adds{background:url(/i/adds_bg.gif) repeat-x;}
.adds .intend{padding:30px 0; overflow:hidden; zoom:1;}
.testimonials{width:297px; float:right; zoom:1;}
.balloon{margin:0 -3px; font:italic 18px Georgia, "Times New Roman", Times, serif; color:#333; position:relative; zoom:1; z-index:2;}
.balloon .m{background:url(/i/balloon_m.gif) repeat-y; zoom:1;}
.balloon .t{background:url(/i/balloon_t.gif) no-repeat; zoom:1; height:16px; font-size:0; line-height:0;}
.balloon .b{background:url(/i/balloon_b.gif) no-repeat 0 100%; padding:0 20px 20px 20px; zoom:1;}
.balloon .arrow{width:36px; height:21px; background:url(/i/balloon_arr.gif) no-repeat; position:absolute; bottom:-16px; _bottom:-17px; right:21px;}
.knob{margin:0 -1px 20px -1px; position:relative; zoom:1;}
.knob .m{background:url(/i/knob_m.gif) repeat-y; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; zoom:1;}
.knob .t{background:url(/i/knob_t.gif) no-repeat; zoom:1;}
.knob .b{background:url(/i/knob_b.gif) no-repeat 0 100%; padding:7px 20px; zoom:1;}
.list{overflow:hidden; zoom:1; float:left; width:651px;}
.list ul{width:305px; float:left; margin-right:20px; border-top:1px solid #d1d1d1;}
.list li{border-bottom:1px solid #d1d1d1; padding:12px 0; overflow:hidden; zoom:1; background:url(/i/list_bg.png) no-repeat; _background:none;}
.list h2{color:#000;}
.list img{float:left; margin-right:16px;}
.list p{margin:0; color:#5f5f5f; line-height:17px; font-size:12px; overflow:hidden; zoom:1;}
/* top */
.quarantine{color:#000; font-size:13px; background:none; padding-top:0;}
.quarantine ul{width:700px; margin:0;}
.quarantine h1{border-bottom:1px solid #d1d1d1; padding-bottom:10px; width:700px;}
.quarantine h2{color:#000; margin-bottom:15px; width:700px;}
.quarantine li{overflow:hidden; zoom:1; padding-bottom:12px;}
.quarantine label{width:326px; float:left; font:13px Arial, Helvetica, sans-serif; color:#5f5f5f;}
.quarantine .inp{width:368px; border:1px solid #a5acb2; background:#fff; font-size:12px; color:#000; padding:2px; float:right;}
.quarantine select{width:372px; border:1px solid #a5acb2; background:#fff; font-size:12px; color:#000; padding:2px; float:right;}

/* login */
.login {color:#000; font-size:13px; background:none; padding-top:60px;}  
.login ul{width:320px; margin:0;}
.login h1{border-bottom:1px solid #d1d1d1; padding-bottom:10px; width:320px;}
.login li{overflow:hidden; zoom:1; padding-bottom:12px;}
.login label{width:80px; float:left; font:13px Arial, Helvetica, sans-serif; color:#5f5f5f;}
.login .inp{width:200px; border:1px solid #a5acb2; background:#fff; font-size:12px; color:#000; padding:2px; float:right;}
.login .icon_login {margin:-50px 0 30px 0}

/* Administration */
.quickadmin {z-index:1; background: #E8E8E8; border:solid 2px #CFCFCF;text-align:left; color:#000; position:absolute; padding:10px; top:170px; right:0; width:300px;}
.quickadmin a {color:#FFF}
.quickadmin .btn {float:left}

/* report*/
.report {text-decoration:none;float:left;margin:0 0 0 4px;}


/* table*/
.table_email{width:800px;}
.score {color:#3293BF;}

table { margin-left: 0px; margin-right: auto; border-collapse:collapse; width:700px;}

table tr.head {font:normal 20px Georgia,"Times New Roman",Times,serif; margin-bottom:10px; height:36px;}
table tr.litle {font-size:13px;border-bottom:solid 1px; margin0; height: 12px;} 
table td {border:none;padding:.3em 0 .3em 4px; text-align:left; height: 12px; }
table tr.odd{background: #E6E6E6;}

.top{background:url(/i/intro_bg.gif) repeat-x 0 100%; zoom:1;}
.top .intend{padding:30px 0 15px 0;}

.mid{background:#f5f5f5; border-bottom:1px solid #d1d1d1;}
.mid .intend{padding:20px 0 15px 0;}
/*.mid .btn{font:bold 14px Arial, Helvetica, sans-serif; color:#fff; width:235px; height:29px; background:url(/i/top_btn.gif) no-repeat; text-transform:uppercase; float:right; padding-bottom:2px; margin:10px 1px 0 0;}*/


.bot{background:url(/i/adds_bg.gif) repeat-x; zoom:1;}
.bot .intend{padding:30px 0 15px 0;}
.bot .submit{font:bold 14px Arial, Helvetica, sans-serif; color:#fff; width:158px; height:29px; background:url(/i/bot_btn.gif) no-repeat; text-transform:uppercase; float:right; padding-bottom:2px; margin:10px 1px 0 10px;}

/* FOOTER */
.footer{min-width:1000px; width:expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); text-align:left; height:184px; margin-top:-184px; position:relative; background:url(/i/footer_bg.gif) repeat-x;}
.footer .intend{padding:37px 0 0 0;}
.copy{width:241px; float:left;}
.copy img{margin-bottom:6px;}
.copy p{font-size:9px; color:#fff;}
.footer ul{width:139px; height:147px; background:url(/i/footer_dev.gif) repeat-y; padding:0 11px; font-size:11px; float:left;}
.footer li{padding-bottom:10px;}
.footer a{color:#a0a0a0;}