/*reset*/

body { color: #130c0e;}
form{margin-bottom:0;}
a { color: #1a94e1; }

a:hover { color: #0f5886; }
.cf, .contact-method ul, .nav-wrapper, .nav-wrapper ul, .main-info .box-2 .content { *zoom: 1; }
.cf:before, .contact-method ul:before, .nav-wrapper:before, .nav-wrapper ul:before, .main-info .box-2 .content:before, .cf:after, .contact-method ul:after, .nav-wrapper:after, .nav-wrapper ul:after, .main-info .box-2 .content:after { content: " "; display: table; }
.cf:after, .contact-method ul:after, .nav-wrapper:after, .nav-wrapper ul:after, .main-info .box-2 .content:after { clear: both; }
html,body{}

/*Templates*/

.Templates-wrapper{}  
.Templates-welcome-wrapper{background: #0075a9;border-bottom:;text-align: right;padding: 3px 0;}
.Templates-welcome-wrapper span{color: #fff;}
.Templates-welcome-wrapper a{color: #fff;text-decoration: none;margin-left: 10px;}
.Templates-welcome-wrapper a:hover{text-decoration: underline;}
.Templates-header-wrapper{ min-height:60px;}
.Templates-main-wrapper 
{
    min-height:500px;
    }

.container{width: 980px;}  
.Templates-main-wrapper{ }        
.Templates-main-wrapper .Templates-list h3{margin: 10px 0;}
.Templates-main-wrapper .Templates-list ul{margin: 0;list-style: none;}
.Templates-main-wrapper .Templates-list ul li{float: left;position: relative;}
.Templates-main-wrapper .Templates-list ul.ul--list li{float: left;position: relative;width: 244px;height: 180px;}
.Templates-main-wrapper .Templates-list ul li .tit{position: absolute;left: 11px;top: 9px;font-weight: bold;font-size:12px;color:#333333;}
.Templates-main-wrapper .Templates-list ul li:hover .tit{color:#0f5886;}
.Templates-main-wrapper .Templates-list ul li:hover{top:-1px;}
.Templates-footer-wrapper{background: #0075a9;margin-top: 10px;width:100%}
.Templates-footer-wrapper p{color: #fff;margin: 0;padding: 10px 0;}
.download-page .Templates-footer-wrapper{ position:absolute; bottom:0;}
 .pleft
{
    float: left;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    font-family: Tahoma;
  padding-bottom:15px;
    padding-top: 15px;
}
.pright 
{
       padding-top: 15px;
       padding-bottom:15px;
    float: right;
}  
  .rid
{
    float: left;
    padding-left:30px;
    padding-bottom: 5px;
}
      
.error
{
    float: left;
     
}
.errbox
{
    border: thin groove #CC3300;
    width: 570px;
    min-height: 40px;
    margin-left: 40px;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-top: 5px;
}

.errbox ul
{
    list-style-type: none;
}

.templates-detail{border: 9px solid #70bbd2;background: #fff;margin-top: 10px;width: 100%;border-collapse: separate;*border-collapse: collapse;border-spacing: 0;}/*edit by tony 2013-12-19*/
.templates-detail .templates-detail-img{vertical-align: top;width:693px;padding: 0;border-spacing: 0;}/*edit by tony 2013-12-19*/
/*.templates-detail .templates-detail-img>div{position: absolute;font-size: 14px;}*/
/*.templates-detail .templates-detail-img>div.error-info{position: static;margin: 10px 20px 0; padding: 5px;}edit by tony 2013-12-19*/
/*.templates-detail .templates-detail-img>div>label{font-size: 14px;display: inline;}*/
.templates-detail .templates-detail-parameter{background: #70bbd2;padding-top: 5px;padding-right: 5px;padding-left: 5px;text-align: right;width:259px;vertical-align: top;border-spacing: 0;}/*edit by tony 2013-12-19*/
.templates-detail .templates-detail-parameter label input[type="text"]{width: 150px;margin-left: 5px;margin-bottom:0;}
.templates-detail .templates-detail-parameter label{display: block;white-space: nowrap;margin-bottom: 13px;}
.templates-detail .templates-detail-parameter label .titletext{display: inline-block;vertical-align: middle;width:90px;white-space:normal;}
.templates-detail .templates-detail-parameter select{display: inline-block;height: 30px;padding: 4px 6px;margin-bottom: 10px;font-size: 14px;line-height: 20px;color: #555555;vertical-align: middle;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 217px;padding-left: 15px;}
.templates-detail .templates-detail-parameter .button-wrapper .back{color: #690E80;}
.templates-detail .templates-detail-parameter .output-format-wrapper{padding-right: 25px;margin-bottom: 10px;}/*edit by tony 2013-12-19*/
.templates-detail .templates-detail-parameter .output-format-wrapper input{display: inline-block;margin-top: 0;margin-left: 10px;}/*edit by tony 2013-12-19*/
.templates-detail .templates-detail-parameter .output-format-wrapper label{display: inline-block;margin-bottom: 0;width:60px;text-align:left;}/*edit by tony 2013-12-19*/


@-moz-document url-prefix(){.leadin-block h1 a{padding-top:4px;}}@-webkit-keyframes animate-cloud{from{background-position:600px 100%;} to{background-position:0 100%;}}@-moz-keyframes animate-cloud{from{background-position:600px 100%;} to{background-position:0 100%;}}@-ms-keyframes animate-cloud{from{background-position:600px 100%;} to{background-position:0 100%;}}@-o-keyframes animate-cloud{from{background-position:600px 100%;} to{background-position:0 100%;}}.animate-cloud-key from{background-position:600px 100%;}
.animate-cloud-key to{background-position:0 100%;}
@-webkit-keyframes animate-bot{from{margin-top:-120px;} 50%{margin-top:-110px;} to{margin-top:-120px;}}@-moz-keyframes animate-bot{from{margin-top:-120px;} 50%{margin-top:-110px;} to{margin-top:-120px;}}@-ms-keyframes animate-bot{from{margin-top:-120px;} 50%{margin-top:-110px;} to{margin-top:-120px;}}@-o-keyframes animate-bot{from{margin-top:-120px;} 50%{margin-top:-110px;} to{margin-top:-120px;}}.animate-bot-key from{margin-top:-120px;}
.animate-bot-key 50%{margin-top:-110px;}
.animate-bot-key to{margin-top:-120px;}
@-webkit-keyframes animate-pattern{from{background-position:0 0;} to{background-position:0 286px;}}@-moz-keyframes animate-pattern{from{background-position:0 0;} to{background-position:0 286px;}}@-ms-keyframes animate-pattern{from{background-position:0 0;} to{background-position:0 286px;}}@-o-keyframes animate-pattern{from{background-position:0 0;} to{background-position:0 286px;}}.animate-pattern-key from{background-position:0 0;}
.animate-pattern-key to{background-position:0 286px;}
.cloud-wrapper .cloud{position: relative;height: 305px;background: #049ec4 url(../images/cloud.jpg) 0 15% repeat-x;-webkit-animation: animate-cloud 20s linear infinite;-moz-animation: animate-cloud 20s linear infinite;-ms-animation: animate-cloud 20s linear infinite;-o-animation: animate-cloud 20s linear infinite;animation: animate-cloud 20s linear infinite;padding:0;margin:0;-webkit-box-shadow: #888888 0 1px 4px;-moz-box-shadow: #888888 0 1px 4px;-o-box-shadow: #888888 0 1px 4px;box-shadow: #888888 0 1px 4px;position: relative;overflow: hidden;clear: both;text-align: center;}


.cloud-wrapper .cloud p{color: #fff;font-size: 16px;}
.Templates-main-wrapper .Templates-download h3{margin: 10px 0;}

.Templates-download{margin-bottom: 20px;}
.Templates-download a.down{margin-top: 70px;display: block;}
.Templates-download a:hover{text-decoration:none;}
.Templates-download p{margin: 40px auto;}

/*login*/
.cf, .login-wrapper form, .login-wrapper form label { *zoom: 1; }
.cf:before, .login-wrapper form:before, .login-wrapper form label:before { content: ""; display: table; line-height: 0; }
.cf:after, .login-wrapper form:after, .login-wrapper form label:after { content: ""; display: table; line-height: 0; clear: both; }
@-ms-viewport { width: device-width; }

.login-wrapper { min-height: 100%; position: relative; }
.login-wrapper img { margin-top: 25px; }
.login-wrapper .login { width: 580px; margin: 0 auto; text-align: center; border-top: 10px solid #2da2c5;background: #fff;padding-bottom: 1px;position: absolute;top:35%;margin-top: -150px;left: 50%;margin-left: -290px;
                        -webkit-box-shadow: 0 2px 10px 0 #c7c7c7;
                        -moz-box-shadow: 0 2px 10px 0 #c7c7c7;
                        -ms-box-shadow: 0 2px 10px 0 #c7c7c7;
                        -o-box-shadow: 0 2px 10px 0 #c7c7c7;
                        box-shadow: 0 2px 10px 0 #c7c7c7;
                        
}
.login-wrapper .message { margin-top: 30px; color: #f52e2e; }
.login-wrapper form {  margin-top: 30px; }
.login-wrapper form .form-group {padding-left: 75px;}
.login-wrapper form .form-group {}
.login-wrapper form .form-group .get-pwd {float: left;margin-left: 20px;text-decoration: underline;color: #eb6100;}
.login-wrapper form .form-group .get-pwd:hover {color: #C95300;}

.login-wrapper form label { display: inline; float: left;}
.login-wrapper form label { margin-top: 15px; }
.login-wrapper form label css3-container {}
.login-wrapper form label span { float: left; width: 80px;margin-top: 5px;text-align: right; }
.login-wrapper form label input { float: left; margin-left: 15px; -webkit-box-shadow: inset 3px 3px 9px 0px #dddddd; -moz-box-shadow: inset 3px 3px 9px 0px #dddddd; -o-box-shadow: inset 3px 3px 9px 0px #dddddd; box-shadow: inset 3px 3px 9px 0px #dddddd; font-family:  Arial, Tahoma, sans-serif; position: relative;outline: none;}
.login-wrapper form label input:focus {outline: none;}
.login-wrapper form label input[type=text] { width: 220px;
 
}
.login-wrapper form label input[type=password] {  width: 220px; }
.login-wrapper form label.remember{margin-top: 0px;}
.login-wrapper form label.remember span{width:auto;text-align: left;margin-left: 5px;margin-top: 1px;}
.login-wrapper form label.remember input{margin-left:95px;}
.login-wrapper form css3-container {}
.login-wrapper form .btn-wrapper{text-align: left;padding-left: 95px;margin-top: 7px;}
.login-wrapper form .submit {  border: 1px solid #41627c; background: #37a7c8; background-image: -webkit-linear-gradient(#50b1cf, #229ec2); background-image: -moz-linear-gradient(#50b1cf, #229ec2); background-image: -ms-linear-gradient(#50b1cf, #229ec2); background-image: -o-linear-gradient(#50b1cf, #229ec2); background-image: linear-gradient(#50b1cf, #229ec2); -pie-background: linear-gradient(#50b1cf, #229ec2); color: #fff;text-shadow: none; position: relative;box-shadow: none;}
.login-wrapper form .submit:link {outline: none;}
.login-wrapper form .submit:visited {outline: none;}
.login-wrapper form .submit:hover { background: #2c86a0; background-image: -webkit-linear-gradient(#3399b9, #1a7b97); background-image: -moz-linear-gradient(#3399b9, #1a7b97); background-image: -ms-linear-gradient(#3399b9, #1a7b97); background-image: -o-linear-gradient(#3399b9, #1a7b97); background-image: linear-gradient(#3399b9, #1a7b97); -pie-background: linear-gradient(#3399b9, #1a7b97); }
.login-wrapper form .submit:active {outline: none;}
.login-wrapper form .submit:focus {outline: none;}


.login-wrapper footer { background: url(../images/bg.jpg) 50% 100% no-repeat; height: 1024px; width: 100%; position: absolute; z-index: -1; bottom: 0; }
.login-wrapper footer div { background: url(../images/footerbg.png) 0 0 repeat; position: fixed; bottom: 0; width: 100%; }
@media (max-height: 400px) { .login-wrapper footer div { position: absolute; } }
.login-wrapper footer div p { margin: 0; padding: 10px 0; font-family: Helvetica, "Helvetica Neue", Arial, Tahoma, sans-serif; }

/*changepasswd*/
.changepwd
{
    margin-right: auto;
    margin-left: auto;
     text-align: center;
   text-indent: 60px;
    padding-top: 5px;
}
.changepwdspan
{
  
}

/*RetrievePassword*/
.RetrievePassword
{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
   
    padding-top:120px;
}
.Changepassword
{
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding-top: 120px;
    padding-left: 420px;
      
}


.Changepasswordbutton
{
    margin-right: auto;
    margin-left: auto;
     text-align: left;
  padding-left: 200px;
}

.head
{color: #FFFFFF;
 
  margin-top:5px;
    float: right;
    width:560px;
  text-align: right;
   
     
}

.head ul
{
      list-style-type:none;
    
    
    }
    .head ul li
    {
        
         line-height:16px;
        }
    
    
    
 .control
 {
     
     
   vertical-align:bottom;
     }
    
    
    
.head a
{
    color: #FFFFFF;
        
}
.welcome
{
    font-size:12px;
    text-align:right;
   float: none;
display: inline-block;
margin-bottom: 5px;
       
}
 
.option-wrapper-2  table{width:100%;}
.option-wrapper-2  table td{width:220px;}
.option-wrapper-2 label{float:left;margin:0;width:50px}
.option-wrapper-2 input{float:left;margin:0;margin-left:10px;margin-top:5px;}

.conleft
{ float:left;
   width:410px;
    
    }