/* main */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}
.border-solid{border:solid 1px #000}
.clear-left{clear:left}
.clear-both{clear:both}
.center{margin:0 auto}
.color-error{color:red}
.color-red{color:red}
.color-blue{color:blue}
.color-success{color:#066}
.text-align-center{text-align:center}
.float-left{float:left}
.float-right{float:right}
.font-weight-bold{font-weight:700}
body{background-color:#edf5f4;font-family:Tahoma;margin:5px}
a{color:#00535e;text-decoration:none}
a:hover{color:red;text-decoration:none}
a:visited{color:#00535e;text-decoration:none}
a:visited:hover{color:red;text-decoration:none}
img{border:none}
input{font-family:Tahoma}
input[type="image"]{border:none}
select{font-family:Tahoma;border:solid 1px #ccc}
/* header */
#javascript-warning{padding:7px;position:absolute;left:3px;top:3px;z-index:1975;font-size:100%;text-align:center;background-color:white;border:solid 1px #ed6307}
#javascript-warning .warning{color:red;padding:2px}
#javascript-warning .info{font-size:90%;padding:2px}
#container{background:#edf5f4 url(/images/bgmain.png) no-repeat;color:#333;font-size:70%;margin:auto;width:927px}
#header{margin:0 10px;width:910px}
#header #issp-logo{float:left;margin-top:1px}
#header #issp-head{float:right;margin:0;width:500px}
#header #issp-head img{vertical-align:middle}
#header #issp-head input{font-size:100%;vertical-align:middle}
#header #issp-head #issp-contact{background:url(/images/icon-phone.gif) no-repeat left center;color:#00535e;float:right;margin:0 6px 0 0;padding-left:25px}
#header #issp-head #issp-nav{float:right;margin-top:4px}
#header #issp-head #issp-nav ul{margin:0;padding:2px}
#header #issp-head #issp-nav li{display:inline;padding:3px}
#header #issp-head #issp-nav li a{margin:3px}
#header #issp-head #issp-nav li a:hover{margin:3px}
#header #issp-head #issp-nav li a:visited:hover{margin:3px}
#header #issp-head #issp-nav li a:visited{margin:3px}
#header #issp-user{float:right;margin-top:2px}
#header #issp-user ul{margin:0;padding:2px}
#header #issp-user li{display:inline;padding:3px}
#header #issp-user label{color:#00535e}
#header #issp-user input{border:solid 1px #ccc;padding-left:2px}
#header #issp-user input#username{width:140px}
#header #issp-user input#password{width:60px}
#header #issp-user input[type="image"]{border:none}
#header #issp-user #login-bttn{margin-top:0;padding:0;vertical-align:top;width:63px;height:18px}
#header #issp-user .issp-id{color:#ed6307;font-size:110%;padding-left:3px}
#header #issp-member-nav{float:right;margin-top:2px;width:345px}
#header #issp-member-nav #login-error{color:red;float:left;width:180px}
#header #issp-member-nav ul{margin:0;padding:2px;text-align:right}
#header #issp-member-nav ul li{display:inline;padding:3px}
#header #issp-member-nav ul li a{margin:3px}
#header #issp-member-nav ul li a:visited{margin:3px}
#header #issp-member-nav ul li a:hover{margin:3px}
#header #issp-member-nav ul li a:visited:hover{margin:3px}
/* content */
#content{background-color:#fff;margin:5px 10px 0;min-height:600px;overflow:hidden;width:907px}
#content #memberzone{background:url(/images/memberzone.png) no-repeat;height:36px;margin-top:10px;padding:2px 15px 4px;width:910px}
#content #memberzone input{font-size:100%;margin-top:2px;vertical-align:middle}
#content #memberzone select{font-size:100%;margin-top:2px;vertical-align:top}
#content #memberzone ul li{float:left;padding:4px 16px 0 6px}
#content #memberzone ul li img.icon{margin:4px}
#content #memberzone ul li.member-header{color:#00535e;padding:8px 10px 0 50px;font-weight:700}
#content #product{background-color:#fff;margin:0;padding-bottom:10px;width:910px}
#content #product li{border-color:#ccc;float:left;padding-right:3px;width:224px}
#content #product li.last{padding-right:0}
#content #product .title{background:#fff url(/images/product-title.png) no-repeat;border:none;height:18px;padding-top:7px;text-align:center}
#content #product .title a{color:#fff}
#content #product .box{background-color:#fff;border:solid 1px #ccc;margin:0;padding:0}
#content #product .pic{padding:5px}
#content #product .detail{padding:6px 0px 10px 6px;text-indent:10px;width:212px}
#content #product .more{text-align:right;width:214px}
/* footer */
#footer{background-color:#fff;border:solid 1px #ccc;color:#00535e;height:55px;margin:10px;width:903px}
#footer #legal{float:left;padding:9px}
#footer #legal li{display:inline;padding-right:10px}
#footer #legal #copyright{padding-top:13px}
#footer #enews{float:right;padding:9px;text-align:right}
#footer #enews ul{list-style:none;margin-top:3px;padding:1px}
#footer #enews li{float:left;padding-left:2px}
#footer #enews input.subscribe{background-color:#fff;border:1px solid #ccc;color:#333;margin:0}
#footer #subscribe-bttn{margin-top:-1px;padding:0;vertical-align:top}
#footer input{font-size:100%}
#footer a{margin:3px}
#footer a:hover{margin:3px}
#footer a:active{margin:3px}
#footer a:visited:hover{margin:3px}
/* error */
.error-input{background-color:#ffefef;border:solid 1px #c33 !important;color:#600}
.error-input-2{background-color:#ffefef;border:solid 1px #c33 !important;color:#600}
.error-both .input{background-color:#ffefef;border:solid 1px #c33 !important;color:#600}
.error-same .input{background-color:#ffefef;border:solid 1px #c33 !important;color:#600}
#loading{padding:7px;width:100px;background-color:#fff;font-size:80%;border:solid 1px #ed6307;z-index:18091975}
#loading ul li{display:inline;line-height:16px;padding-left:2px;vertical-align:top}
/* forgot password */
#forgot-password-wrapper{margin:30px auto 0;padding:0;width:500px}
#forgot-password-wrapper #title{background:url(/images/head-forgot-password.png) top left no-repeat;color:#fff;font-weight:700;height:20px;padding:6px 0 0 8px;width:500px}
#forgot-password-wrapper #detail{background-color:#fff;border:1px solid #ccc;border-top:none;height:130px;padding:20px 0 0;text-align:center}
#forgot-password-form div{padding:2px}
#forgot-password-form .form-row{clear:left;height:20px;width:100%}
#forgot-password-form .birthday-row{margin-left:161px;width:200px}
#forgot-password-form label#label-birthday{float:left;padding-top:1px}
#forgot-password-form input{border:solid 1px #ccc;font-family:Tahoma;font-size:100%;padding-left:2px}
#forgot-password-form input#forgot-birthday{float:left;margin-left:3px;padding:1px 2px;width:62px}
#forgot-password-form img.ui-datepicker-trigger{float:left;padding:0 4px 0 1px}
/* register, profile */
#register-form{margin-left:160px;width:700px}
.input{float:left;width:220px}
.input .radio-text{float:left;margin-top:4px}
.input input{border:solid 1px #ccc;font-size:100%}
.input input.radio{border:none;float:left}
.input select{border:solid 1px #ccc;font-size:100%}
.input img.ui-datepicker-trigger{float:left;height:17px;padding-left:1px;width:16px}
.input-button{border:1px solid #8EDCBC;color: #333;background: #DDEEDD;}
#email-input{float:left;width:130px}
#email-tick{float:left;margin-left:3px}
.button-wrapper{clear:both;padding-top:10px}

/* ------------  START MAIN  FORM  -------------------*/
.form-wrapper{padding-bottom:10px;padding-left:20px;font-size:100%}
.form-wrapper input{border:solid 1px #ccc;font-size:100%}
.form-wrapper input[type="image"]{border:none}
.form-wrapper .title{border-bottom:1px solid #ccc;color:#066;font-size:125%;font-weight:700;margin:13px;padding:1px}
.form-wrapper .form-row{clear:left;height:20px;width:100%;padding:3px;}
.form-wrapper .form-row input.checkbox{border:none}
.form-wrapper .form-row input.radio{border:none}
.form-wrapper .form-row-title{clear:both;color:#066;font-size:110%;font-weight:700;margin-bottom:3px;padding:3px 0 1px}
.form-wrapper .form-row-title-2{clear:both;color:#066;font-size:110%;font-weight:700;margin:5px 0 3px 0;padding:3px 0 1px}
.form-wrapper .form-row-title-3{clear:both;margin:5px 0 3px 0;padding:10px 0 10px;border-bottom: 1px solid #CCCCCC;}
.form-wrapper .form-row .required{color:red;float:left;padding-top:2px;width:10px}
.form-wrapper .form-row .input-2{float:left;width:390px}
.form-wrapper .form-row .input-max{float:left;width:90%}
.form-wrapper .form-row .label{float:left;width:100px}
.form-wrapper .form-row .label-2{float:left;width:150px}
.form-wrapper .form-col-1{clear:left;float:left;width:333px}
.form-wrapper .form-col-2{float:left;width:333px}
.form-wrapper #receipt-message{padding:0 0 5px 3px}
.form-wrapper #birthday{float:left;padding:1px 2px;width:62px}
.form-wrapper dt{background-color:#ded;clear:left;color:#000;float:left;margin:0 0 2px;padding: 1px 1px 3px;width:80px;}
.form-wrapper dd{margin:0 0 2px 85px;padding:1px 1px 1px 3px}
.form-wrapper dl.register dt{background-color:#ded;clear:left;color:#000;float:left;margin:0 0 2px;padding:3px;width:100px;color:#333;}
.form-wrapper dl.register dd{margin:0 0 2px 105px;padding:3px}
.form-wrapper #register-confirm-text{clear:both;padding:10px 0 0 78px;font-weight:bold}

/* ------------ END MAIN  FORM ------------- */

.error-wrapper{margin-top:1px;min-height:16px;height:16px}
.address-form-row{float:left;margin-right:10px}
.address-form-row-2{height:23px;min-height:23px;width:100%}
.address-form-row-2 .address-form-col-1{float:left;font-weight:700;width:15%}
.address-form-row-2 .address-form-col-2{float:right;width:80%}
.a-terms-dialog{cursor:pointer;text-decoration:underline}
#terms-dialog div{padding:5px;font-size:100%;font-weight:bold;text-decoration:underline}
#terms-dialog ul li{padding:3px 3px 3px 10px}
/* member zone */
#member-title{background:url(/images/member-zone.png) no-repeat;height:35px}
#service-content{background-color:#fff;float:left;min-height:500px;padding-top:5px;text-align:left;vertical-align:top;width:706px}
#service-content .title{border-bottom:1px solid #ccc;color:#066;font-size:125%;font-weight:700;margin:13px;padding:1px}
#service-list{padding:5px 10px 0 17px}
#service-list li{padding:2px 2px 2px 8px}
#service-list li a{color:#008}
#service-list li#service-list-header{font-weight:700;padding:0}
#service-title{background:url(/images/service-zone.png) no-repeat;height:35px}
#side-content{background-color:#fff;float:left;min-height:500px;padding-top:5px;text-align:left;vertical-align:top;width:200px}
#side-member-info{padding:2px 0 5px 17px}
#side-member-info dt{background-color:#ded;clear:left;color:#000;float:left;margin:0 0 2px;padding:1px 1px 1px 3px;width:60px}
#side-member-info dd{margin:0 0 2px 65px;padding:1px 1px 1px 3px}
#side-message{margin-left:20px;padding:3px}
#side-message a{color:red}
#side-nav{padding:5px 10px 20px 17px}
#side-nav li{padding:4px 0}
/* login history */
#login-history{padding:4px 4px 4px 17px}
#login-history li{padding:1px 0 2px}
#login-history .table-info{font-size:110%;font-weight:700;padding:5px}
#login-history .table-row{height:16px;width:100%}
#login-history .table-row .table-header{background-color:#a8cbbf;color:#000;font-weight:700}
#login-history .table-row .color-alt{background-color:#ded}
#login-history .table-row .col-no{float:left;margin-right:1px;padding:2px;text-align:center;width:40px}
#login-history .table-row .col-date{float:left;margin-right:1px;padding:2px;text-align:center;width:120px}
#login-history .table-row .col-ip{float:left;margin-right:1px;padding:2px;text-align:center;width:100px}
/* list code */
#list-code-form .code-no-wrapper{height:44px;padding-bottom:15px;}
#list-code-form .detail{font-weight:700;padding:4px}
#list-code-form .code-no{float:left;padding:2px;margin-top:3px}
#list-code-form .code-data{float:left;padding:2px 0}
#list-code-form label{float:left;font-weight:700;margin-top:3px}
#list-code-form .code-wrapper{float:left;margin-left:2px;padding:2px;border:solid 1px #eee;height:12px}
#list-code-form .code-1{float:left;margin-left:3px;width:38px}
#list-code-form .code-2{float:left;margin-left:3px;width:38px}
#list-code-form .code-3{float:left;margin-left:3px;width:38px}
#list-code-form .code-4{float:left;margin-left:3px;width:38px}
#list-code-form .code-info{float:left;color:#66f;margin:2px 0 0 4px}
#list-code-form .code-expiry{float:right;color:#66f;margin:2px 0 0 4px;}
#list-code-form .code-input-wrapper{clear:left;margin-left:59px;padding-top:10px;}
#list-code-form input.input-code{float:left;margin-left:3px;height:18px}
#list-code-form a.button{border:solid 1px #ccc;font-size:100%;padding:1px 6px 1px 6px;color:#333;background-color:#efefef;vertical-align:middle;}
/* purchase history */
#datepicker-div img.ui-datepicker-trigger{float:left;margin-top:6px;padding:0 4px 0 1px}
#datepicker-div input{float:left;margin-top:6px;padding:1px 2px;width:62px}
#datepicker-div label{float:left;font-size:100%;font-weight:700;margin-top:6px;padding:2px}
#purchase-status{margin:5px 0 5px 0}
#purchase-status label{font-size:100%;font-weight:700;padding:2px}
#purchase-status select{font-size:100%;border:solid 1px #ccc}
#purchase-report-wrapper .table-info{color:#333;font-size:100%;font-weight:700;padding-bottom:10px}
#purchase-report .warning{margin:0 auto;padding:10px;font-size:100%;font-weight:bold}
#purchase-report{font-size:90%}
#purchase-report .table-header{background-color:#a8cbbf;color:#000;font-weight:700}
#purchase-report .table-row{clear:left}
#purchase-report .table-row .color-alt{background-color:#ded}
#purchase-report .table-row .col-channel{float:left;margin-right:1px;padding:2px;text-align:center;width:100px}
#purchase-report .table-row .col-amount{float:left;margin-right:1px;padding:2px;text-align:right;width:60px}
#purchase-report .table-row .col-amount-header{float:left;margin-right:1px;padding:2px;text-align:center;width:60px}
#purchase-report .table-row .col-date{float:left;margin-right:1px;padding:2px;width:110px}
#purchase-report .table-row .col-no{float:left;margin-right:1px;padding:2px;text-align:center;width:20px}
#purchase-report .table-row .col-product{float:left;margin-right:1px;padding:2px;text-align:center;width:150px}
#purchase-report .table-row .col-receipt{float:left;margin-right:1px;padding:2px;text-align:center;width:70px}
#purchase-report .table-row .col-ref{float:left;margin-right:1px;padding:2px;text-align:center;width:90px}
#purchase-report .table-row .col-status{float:left;margin-right:1px;padding:2px;text-align:center;width:50px}

/* SHOPPING CART */
#shopping-cart-form .shopping-cart{padding:0px !important;margin:0;width:99%;font-size:12px;}
#shopping-cart-form .shopping-cart .shopping-row{float:left;margin:0;text-align:center;width:100%;padding-bottom:3px;}
#shopping-cart-form .shopping-cart .shopping-row .header{font-size:13px;text-align:center !important;font-weight:700;margin:0;margin-bottom:20px;padding:5px;background-color:#a8cbbf;vertical-align: middle;border-top:1px solid #85C3C2;border-bottom:1px solid #85C3C2;}
#shopping-cart-form .shopping-cart .shopping-row .shopping-col-1{float:left;width:8%;text-align:center;}
#shopping-cart-form .shopping-cart .shopping-row .shopping-col-2{float:left;width:45%;text-align:left;}
#shopping-cart-form .shopping-cart .shopping-row .shopping-col-3{float:left;width:20%;text-align:center;}
#shopping-cart-form .shopping-cart .shopping-row .shopping-col-4{float:left;width:20%;text-align:center;}
#shopping-cart-form .shopping-cart .shopping-total-row{background-color:#efefef;float:left;font-size:13px;font-weight:700;height:25px;min-height:25px;width:100%;margin:0;padding:1px 0px 0px 0px;}
#shopping-cart-form .shopping-cart .shopping-total-row .shopping-total-col-1{float:left;text-align:right;width:70%}
#shopping-cart-form .shopping-cart .shopping-total-row .shopping-total-col-2{float:left;text-align:right;width:20%;padding-left:15px;}

/* CHECK OUT */
#update-cart-form .shopping-cart{padding:20px 0 0;width:645px;}
#update-cart-form .shopping-cart .shopping-item-row-detail{float:left;margin:0;text-align:center;width:100%;padding: 0 0 10px 0;}
#update-cart-form .shopping-cart .head{background:#fff url(../images/head-cart.gif) top left no-repeat;color:#fff;float:left;font-weight:700;height:18px;margin:0;padding-left:10px;padding-top:6px;width:100%}
/*#update-cart-form .shopping-cart .detail{border-color:#ccc !important;border-left:solid 1px;border-right:solid 1px;float:left;margin:0;padding:10px 0 0;width:99.65%}*/
#update-cart-form .shopping-cart .detail{border-color:#ccc !important;border-left:solid 1px;border-right:solid 1px;float:left;margin:0;padding:10px 0 0;width:643px;}
#update-cart-form .shopping-cart .detail .shopping-item-row-detail{float:left;margin:0;text-align:center;width:100%;padding: 0 0 10px 0;}
#update-cart-form .shopping-cart .detail .header{font-size:110%;text-align:center !important;font-weight:700;margin:0;padding:0 0 20px;}
#update-cart-form .shopping-cart .detail .shopping-item-row-detail .shopping-item-col-1{float:left;width:10%}
#update-cart-form .shopping-cart .detail .shopping-item-row-detail .shopping-item-col-2{float:left;width:40%;text-align:left;}
#update-cart-form .shopping-cart .detail .shopping-item-row-detail .shopping-item-col-3{float:left;width:24%}
#update-cart-form .shopping-cart .detail .shopping-item-row-detail .shopping-item-col-4{float:left;width:24%}
#update-cart-form .shopping-cart .detail input.checkbox{border:none}
#update-cart-form .shopping-cart .detail .shopping-total-row{background-color:#efefef;float:left;font-size:110%;font-weight:700;height:25px;min-height:25px;width:100%}
#update-cart-form .shopping-cart .detail .shopping-total-row .shopping-total-col-1{float:left;text-align:right;width:74%}
#update-cart-form .shopping-cart .detail .shopping-total-row .shopping-total-col-2{float:left;text-align:center;width:24%}
#update-cart-form .shopping-cart .end{background:#fff url(../images/end-cart.gif) top left no-repeat;float:left;height:15px;margin:0;width:100%}
/* select payment */
#select-payment-form .box{padding:20px 0 0;width:445px;}
#select-payment-form .box .head{background:#fff url(../images/head-cart-3.gif) top left no-repeat;color:#fff;float:left;font-weight:700;height:18px;margin:0;padding-left:10px;padding-top:6px;width:100%}
#select-payment-form .box .detail{border-color:#ccc !important;border-left:solid 1px;border-right:solid 1px;margin:0;padding:30px 0 0;width:99.65%;}
#select-payment-form .box .end{background:#fff url(../images/end-cart-2.gif) top left no-repeat;float:left;height:15px;margin:0;width:100%}
#select-payment-form .title{font-size:110%;font-weight:700;padding:15px 0 5px}
#select-payment-form .row{width:300px;clear:left;text-align:center;padding:3px;}
#select-payment-form .col-1{float:left;width:40%;text-align:right;}
#select-payment-form .col-2{float:left;width:10%;text-align:left;margin-top:8px;}
#select-payment-form .col-3{float:left;width:50%;text-align:left;margin-top:10px}
#select-payment-form .row input.radio{border:none;}
#select-payment-form .row .continue{padding-top:5px;}
/*#select-payment-form .col-1{width:20%;float:left;}
#select-payment-form .col-2{width:20%;float:left;}
#select-payment-form .col-3{width:70%;float:left;}*/

/*#select-payment-form .continue{clear:both;padding-top:5px;text-align:center}
#select-payment-form .select-payment{clear:both; text-align:center;}
#select-payment-form .select-payment img.radio{float:left}
#select-payment-form .select-payment input.radio{border:none;float:left;margin-top:8px}
#select-payment-form .select-payment .radio-text{float:left;margin-top:8px}*/

/* pay-error*/
.payment-result .title{font-size:110%;font-weight:700;padding:15px 0 5px;text-align:left;}
.payment-result .box{padding:20px 0 0;width:445px;}
.payment-result .box .head{background:#fff url(../images/head-cart-2.gif) top left no-repeat;height:18px;height:10px;}
.payment-result .box .end{background:#fff url(../images/end-cart-2.gif) top left no-repeat;height:15px}
.payment-result .box .detail{background:#fff;border-color:#ccc!important;border-left:solid 1px;border-right:solid 1px;margin:0;min-height: 90px;width:99.65%;}
.payment-result .box .detail .form-row{padding:5px 0px 3px 0px; text-align:left;}
.payment-result .box .detail .form-row .form-col-1{float:left;width: 100px;font-weight:bold;padding:0px 0px 5px 20px;}
.payment-result .box .detail .form-row .form-col-2{float:left;width: 5px;font-weight:bold;padding:0px 10px 5px 10px;}
.payment-result .box .detail .form-row .form-col-3{float:none;width: 280px;display:inline;position:absolute; padding:0px 0px 5px 0px;}

/* pay-success*/
.payment-result .payment-status{  width:445px; padding:5px 0px 5px 0px;}
.payment-result a.button{border:solid 1px #ccc;font-size:100%;padding:1px 6px 1px 6px;color:#333;background-color:#efefef;vertical-align:middle;}
.payment-result .highlight-1{color: blue;}
.payment-result .highlight-2{padding:0px 0px 10px 20px;}
.payment-result .remark{color:#c33}
.payment-result .remark span{font-weight:700}
.payment-result .remark ul{list-style-type:square;margin-left:12px;padding:5px}

.payment-result .package-table {width:70%}
.payment-result .package-table table{border:1px solid #ccc;}
.payment-result .package-table td{border:1px solid #ccc;text-align:center;padding:3px}
.payment-result .package-table .total{background-color:#bcd2c3;}
.payment-result .package-table .header{font-weight:bold;color:#fff;background:#123839;text-align:center;padding:5px}
.payment-result .package-table .package-name{text-align:left;}
.payment-result .package-table .package-name img{vertical-align:middle;float:right;}
.payment-result .package-table .package-name .package-detail{margin-left:15px}
.payment-result .package-table .package-name .package-detail .package-detail-table {background-color:#F2F2F2;border:1px solid #ccc;width:95%;margin-bottom:3px;}
.payment-result .package-table .package-name .package-detail .package-detail-table td{border:none;text-align:left;}

/*.payment-result .package .header{ font-weight:bold;color:#fff;background:#123839;text-align:center!important;}
.payment-result .package .form-col-1{width:10%;text-align:left;}
.payment-result .package .form-col-2{width:40%;text-align:left;}
.payment-result .package .form-col-3{width:10%;text-align:left;}
.payment-result .package .form-col-4{width:10%;text-align:left;}*/

/*.payment-result .package {width:80%;}
.payment-result .package .form-row {clear:left;height:20px;padding: 5px;}
.payment-result .package .form-row .header{font-weight:bold;color:#fff;background:#123839;padding-top:8px;height:20px;}
.payment-result .package .form-row .color-alt{background:#F5F5F5;padding:0px}
.payment-result .package .form-row .form-col-1 {float:left;width:9%;}
.payment-result .package .form-row .form-col-2 {float:left;width:50%;}
.payment-result .package .form-row .form-col-3 {float:left;width:20%;}
.payment-result .package .form-row .form-col-4 {float:left;width:20%;}
.payment-result .package-detail {background-color:#F5F5F5;border:1px solid black;height:100%}
.payment-result .package-detail .form-row-1 {clear:left;}
.payment-result .package-detail .form-row-1 .header-2{font-weight:bold;}
.payment-result .package-detail .form-row-1 .form-col-2-1 {float:left;padding:3px;}
.payment-result .package-detail .form-row-1 .form-col-2-2 {float:left;padding:3px;}
.payment-result .package-detail .form-row-1 .form-col-2-3 {float:left;padding:3px;}*/
/*.payment-result .package{margin:0;padding:0;width:445px}
.payment-result .package .head{background:#fff url(../images/head-cart-2.gif) top left no-repeat;height:10px}
.payment-result .package .end{background:#fff url(../images/end-cart-2.gif) top left no-repeat;height:15px}
.payment-result .package .detail{background:#fff;border-color:#ccc!important;border-left:solid 1px;border-right:solid 1px;height:115px}
.payment-result .package .detail .form-row{padding:5px 5px 5px}
.payment-result .package .detail .form-row .form-col-1{float:left;font-weight:700;padding-left:20px;width:100px}
.payment-result .package .detail .form-row .form-col-2{float:left;font-weight:700;padding-left:10px;padding-right:10px;width:5px}
.payment-result .package .detail .form-row .form-col-3{display:inline;float:none;position:absolute;width:250px}
.payment-result .package .detail .form-row .form-col-4{float:right;padding-right: 20px;}*/

/* activate service */
#activate-service-form div{padding:2px}
#activate-service-form div#input-code label{font-weight:700}
#activate-service-form div#input-code input{padding:0 2px;width:36px}
#activate-service-form-2 div{padding:2px}
#activate-success{font-weight:700;padding:2px 2px 5px}
#service-quota dt{background-color:#ded;clear:left;color:#000;float:left;margin:0 0 2px;padding:1px 1px 1px 3px;width:100px}
#service-quota dd{margin:0 0 2px 105px;padding:1px 1px 1px 3px}
#activate-detail{padding:5px}
/* sms message */
#sms-tab{margin:0 auto;width:690px}
#sms-tab .header{background-color:#ccc;clear:both;height:20px}
#sms-tab .header-icon{float:left;margin-top:2px;padding:0 2px}
#sms-tab .header-info{float:left;font-weight:700;margin-top:4px}
#sms-tab .data{clear:both;padding:2px 0 7px 7px}
#sms-tab .data .padding-2px{padding:2px}
#sms-tab .data input{font-size:100%}
#sms-tab .data img.ui-datepicker-trigger{float:left;padding:0 4px 0 1px}
#sms-tab .data a.underline{text-decoration:underline}
#sms-tab .data #sms-mobile{border:solid 1px #ccc}
#sms-tab .data textarea{font-size:100%;border:solid 1px #ccc}
#sms-tab .data .schedule-label{float:left;margin-top:2px}
#sms-tab .data #schedule-date{float:left;margin-left:3px;width:62px}
#sms-tab .data #schedule-time{float:left;margin-left:3px;width:30px}
#sms-tab .data #sender-name-div{clear:left;margin:2px}
#sms-tab .data #sms-tab-1-error{color:red}
#sms-tab .data #sms-tab-2-error{color:red}
#sms-tab .data #btn-upload{margin-top:3px}
#sms-tab .checkbox{float:left;border:none}
#sms-tab .checkbox-text{float:left;margin-top:2px}
#sms-tab .daa-2{padding:2px}
#upload-wrapper{clear:left;padding-top:6px}
#service-content #send-status{margin-left:10px;font-weight:700}
/* sms history */
#sms-history .table-info{font-size:110%;font-weight:700;padding:5px}
#sms-history .table-row{height:16px;width:100%}
#sms-history .table-row .table-header{background-color:#a8cbbf;color:#000;font-weight:700}
#sms-history .table-row .color-alt{background-color:#ded}
#sms-history .table-row .col-no{float:left;margin-right:1px;padding:2px;text-align:center;width:30px}
#sms-history .table-row .col-mobile{float:left;margin-right:1px;padding:2px;text-align:center;width:80px}
#sms-history .table-row .col-date{float:left;margin-right:1px;padding:2px;text-align:center;width:120px}
#sms-history .table-row .col-message{float:left;margin-right:1px;padding:2px;text-align:center;width:200px}
#sms-history .table-row .col-status{float:left;margin-right:1px;padding:2px;text-align:center;width:70px}
/* sms phonebook */
#phonebook-form .phonebook-language{height:20px}
#phonebook-form .phonebook-language label{float:left;background-color:#a8cbbf;font-weight:700;padding:1px 2px}
#phonebook-form .phonebook-language .alphabet-list{float:left;margin-left:2px;padding:1px}
/* sms sender name */
#sender-name-form label{font-weight:700}
#sender-name-form div{padding:2px}
#sender-name-form #sender-info{margin-left:38px}
#sender-name-form #submit-row{margin:5px}
/* webhosting search client */
#webhosting-search-client .table-info{font-size:110%;font-weight:700;padding:5px;}
#webhosting-search-client .table-row div{height:22px;line-height:2;padding:3px;margin-right:1px;}
#webhosting-search-client .table-row {width:100%;}
#webhosting-search-client .table-row .table-header{background-color:#a8cbbf;color:#000;font-weight:700;}
#webhosting-search-client .table-row .color-alt{background-color:#ded;}
#webhosting-search-client .table-row .col-no{float:left;width:50px;clear:both;text-align:center}
#webhosting-search-client .table-row .col-client-login{float:left;width:100px;text-align:center}
/* webhosting manage */
/*#webhosting-manage .table-info{font-size:110%;font-weight:700;padding:5px;}
#webhosting-manage .table-row div{height:22px;line-height:2;border-bottom:1px dotted #a8cbbf;padding:2px;}
#webhosting-manage .table-row .table-header{background-color:#a8cbbf;color:#000;font-weight:700;}
#webhosting-manage .table-row .color-alt{background-color:#ded;}
#webhosting-manage .table-row .col-no{float:left;margin-right:1px;padding:2px;text-align:center;width:30px;clear:both}
#webhosting-manage .table-row .col-client{float:left;margin-right:1px;padding:2px;text-align:center;width:120px}
#webhosting-manage .table-row .col-server{float:left;margin-right:1px;padding:2px;text-align:center;width:240px}
#webhosting-manage .table-row .col-client-login{float:left;margin-right:1px;padding:2px;text-align:center;width:50px}
#webhosting-manage .remark {clear:both;padding-top:15px;}*/
/* webhosting history */
/*#webhosting-history .table-info{font-size:110%;font-weight:700;padding:5px;width:100%;}
#webhosting-history .table-row div{height:45px;line-height:2;border-bottom:1px dotted #a8cbbf;padding:2px;}
#webhosting-history .table-row .table-header{background-color:#a8cbbf;color:#000;font-weight:700;}
#webhosting-history .table-row .color-alt{background-color:#ded;}
#webhosting-history .table-row .col-no{float:left;margin-right:1px;padding:2px;text-align:center;width:10px;clear:both}
#webhosting-history .table-row .col-date{float:left;margin-right:1px;padding:2px;text-align:center;width:60px}
#webhosting-history .table-row .col-login{float:left;margin-right:1px;padding:2px;text-align:center;width:50px}
#webhosting-history .table-row .col-code{float:left;margin-right:1px;padding:2px;text-align:center;width:120px}
#webhosting-history .table-row .col-product{float:left;margin-right:1px;padding:2px;text-align:center;width:120px}
#webhosting-history .table-row .col-detail{float:left;margin-right:1px;padding:2px;text-align:center;width:50px}
#webhosting-history .table-row .col-status{float:left;margin-right:1px;padding:2px;text-align:center;width:50px}*/
/* webhosting error */
/*#webhosting-error{width:445px;margin:0px;}
#webhosting-error .head{background:#fff url(../images/head-cart-2.gif) bottom left no-repeat;float:left;height:18px;margin:0px;width:100%;}
#webhosting-error .detail{border-color:#ccc !important;border-left:solid 1px;border-right:solid 1px;float:left;margin:0;padding:10px 0 0;width:99.65%;height:30px;}
#webhosting-error .detail-2{width:97.80% !important;}
#webhosting-error .end{background:#fff url(../images/end-cart-2.gif) top left no-repeat;float:left;height:15px;margin:0;width:100%}*/
/* webhosting activate -- USED */ 
#webhosting-activate-2-form .detail{font-weight:700;padding:4px}
#webhosting-activate-2-form .form-row{height:50px;width:90%;vertical-align:top;}
#webhosting-activate-2-form .code-data{float:left;padding:2px}
#webhosting-activate-2-form .code-input{float:right;padding:0px;margin:0px;}
#webhosting-activate-2-form .code-info{clear:both;color:#66f;margin-left:34px;width:41%}
#webhosting-activate-2-form .code-detail{color:#66f;float:left;margin-left:34px;padding:0px;width:59%;}
#webhosting-activate-2-form .code-1{float:left;margin-left:3px;width:38px}
#webhosting-activate-2-form .code-2{float:left;margin-left:3px;width:38px}
#webhosting-activate-2-form .code-3{float:left;margin-left:3px;width:38px}
#webhosting-activate-2-form .code-4{float:left;margin-left:3px;width:38px}
#webhosting-activate-2-form img{vertical-align:top;}
#webhosting-activate-2-form label{float:left;font-weight:700}
#webhosting-activate-2-form .ui-accordion {margin:0px;padding:0px;}
#webhosting-activate-2-form .ui-accordion .ui-accordion-header{border:none;background: none;font-size:10px;}
#webhosting-activate-2-form .ui-accordion .ui-accordion-header a{color:green;}
#webhosting-activate-2-form #quota {width:100%;border:1px solid #8edcbc;font-size:10px;margin:0px 0px 20px 0px;padding:2px 2px 0px 2px;}
#webhosting-activate-2-form #quota .col-quota-type{float:left;width:52%;background:#a8cbbf;margin:1px;padding:1px 1px 1px 5px;height:28px;}
#webhosting-activate-2-form #quota .col-quota{float:right;width:43%;background:#ccc;margin:1px;padding:1px 1px 1px 5px;height:28px;}
/* webhosting activate-3 - USED*/
#webhosting-activate-3-form .detail{font-weight:700;padding:4px}
#webhosting-activate-3-form .form-wrapper .form-row-2{clear:left;width:100%;padding:3px;}
#webhosting-activate-3-form .form-wrapper .form-row-2 .label{float:left;width:100px}
#webhosting-activate-3-form .form-wrapper .form-row-2 .input-max{float:left;width:80%}
#webhosting-activate-3-form .form-wrapper .form-row-2 input.radio{border:none}
/* webhosting USED*/
#webhosing-iframe{margin:0;padding:0;height:350px; width:450px; border-width:0;background-color:#fff!important;}
#webhosting-package{width:445px;margin:0px;font-family:Tahoma;font-size:11px}
#webhosting-package .head{clear:both;background:#fff url(../images/head-cart-3.gif) top left no-repeat;color:#fff;font-weight:700;height:18px;padding-left:10px;padding-top:6px}
#webhosting-package .detail{border-color:#ccc!important;border-left:solid 1px;border-right:solid 1px;float:left;margin:0;padding:0;width:99.65%;}
#webhosting-package .end{background:#fff url(../images/end-cart-2.gif) top left no-repeat;float:left;height:15px;margin:0;width:100%}
#webhosting-package .detail-row {margin:0px 3px 0px 3px;padding:1px;}
#webhosting-package .detail-row .detail-col-1{float:left;width:35%;background:#a8cbbf;margin:1px;padding:2px;}
#webhosting-package .detail-row .detail-col-2{float:right;width:62%;background:#ccc;margin:1px;padding:2px;font-weight:bold;}
/*webhosting-server-compare USED*/
#webhosting-server-compare .small-font td{font-size:10px!important;}
#webhosting-server-compare table{border:1px solid #a8cbbf;}
#webhosting-server-compare td.header{color:#fff;font-weight:bold;text-align:center;background:#073f3b;border-bottom:1px solid #a8cbbf;} /*edf5f4 ded a8cbbf*/
#webhosting-server-compare td.header-1{color:#fff;font-weight:bold;text-align:center;background:#0A4943;border-bottom:1px solid #a8cbbf;} /*edf5f4 ded a8cbbf*/
#webhosting-server-compare td.header-2{background:#a8cbbf;font-weight:bold;}
#webhosting-server-compare td.header-4{background:#edf5f4;font-weight:bold;}
#webhosting-server-compare td{padding:5px;font-size:12px;}
#webhosting-server-compare p{padding-bottom:5px;}
#webhosting-server-compare td.header-3{font-weight:bold;border-right:1px solid #a8cbbf;border-bottom:1px solid #a8cbbf;}
#webhosting-server-compare td.col-1{border-right:1px solid #a8cbbf;border-bottom:1px solid #a8cbbf;}
#webhosting-server-compare td.col-2{border-right:1px solid #a8cbbf;border-bottom:1px solid #a8cbbf;}
#webhosting-server-compare td.col-3{border-right:1px solid #a8cbbf;border-bottom:1px solid #a8cbbf;}
#webhosting-server-compare td.color-alt{background-color:#edf5f4}
#webhosting-server-compare td on{ background:#9c9;}
/* webhosting-add-extraservice */
#accordion-1 #header-1 {float:left;margin-top:10px;}
#accordion-1 #submit-div {clear:both;float:left}
/* domain-whois */
#tabs ul li{font-size: 14px;}
#domain-whois-form-1, #domain-whois-form-2 {font-size:12px;}
#domain-whois{ width: 450px;font-size:12px;font-weight:700;}
#domain-whois fieldset{border: 1px solid #a8cbbf;padding:5px}
#domain-whois legend{font-size:12px;color:green;padding:5px}
#domain-whois .table-info{padding:5px;}
#domain-whois .table-row .color-alt{background-color:#ded;}
#domain-whois .table-row .col-header{background-color:#ccc;padding:3px;text-align:center;}
#domain-whois .table-row .col-domain{background-color:none;padding:3px;}
#domain-whois .table-row .col-output{background-color:none;padding:3px;font-weight:normal;}
/* register-and-login*/
.user-login{ float:left; width: 45%; margin-top: 20px;}
.user-register{ float:right; width:45%; margin-top: 20px; }
.user-box{ width:300px;padding: 0px;margin: 0px;}
.user-box .head{ float:left;width:100%;height:18px;background:white url(../images/head-login.png) top left no-repeat;padding: 6px 0px 0px 10px;color:#fff;font-weight:bold;margin:0px;}
.user-box .end{float:left;width:100%;margin:0px;padding:0px;border-bottom:solid 1px #CCCCCC!important;}
.user-box .detail{float:left;width: 96%;height:150px;padding: 10px 5px 0px 5px;margin:0px;border-left:solid 1px #CCCCCC!important;border-right:solid 1px #CCCCCC!important;
}
.condition li{padding:3px;}

/* MEMBER ZONE */
#error-box{   width:445px;  margin:0px;}
#error-box .head{  background:#fff url(../images/head-cart-2.gif) bottom left no-repeat;  float:left;  height:18px;  margin:0px;  width:100%;}
#error-box .detail{  border-color:#ccc !important;  border-left:solid 1px;  border-right:solid 1px;  float:left;  margin:0;  padding:10px 0 0;  width:99.65%;  height:30px;}
#error-box .detail-2{  width:97.80% !important;}
#error-box .end{  background:#fff url(../images/end-cart-2.gif) top left no-repeat;  float:left;  height:15px;  margin:0;  width:100%}

#data-report-wrapper{ font-family: Arial,Tahoma;font-size: 11px;padding: 5px;}
#data-report-wrapper a{  color: green;}
#data-report-wrapper .table-info{  border-bottom:1px solid #ccc;color:#066;font-size:150%;font-weight:700;margin-bottom:13px;margin-top:13px;}

#data-report-wrapper #table-payment{color: #FFF;font-size: 125%;background:#fff url(../images/payment/bg_01.png) top left no-repeat;width: 620px;height: 300px;padding-top: 60px;padding-left: 60px;}
#data-report-wrapper #table-payment .table-row { clear:left;}
#data-report-wrapper #table-payment .table-row div{ line-height: 2;}
#data-report-wrapper #table-payment .table-row a{ color: blue; } 
#data-report-wrapper #table-payment .table-row .col-header-1 { float:left; width: 20%; }
#data-report-wrapper #table-payment .table-row .col-header-2 { float:left; width:5%; }
#data-report-wrapper #table-payment .table-row .col-data-1 { float:left; width:75%; }

#data-report-wrapper #table-report .warning{ color: red; width: 92% }
#data-report-wrapper #table-report .table-header{ background-color:#a8cbbf;color:#000;font-weight:700;padding: 1px 1px 2px 1px !important; vertical-align: middle; !important}
#data-report-wrapper #table-report .table-row{ clear:left; width: 700px; }
#data-report-wrapper #table-report .table-row .color-alt{  background-color:#ded; }
#data-report-wrapper #table-report .table-row div{  float:left; height: 38px; line-height:2; padding: 1px; border-bottom: 1px dotted #a8cbbf ; text-align:center; vertical-align: middle; overflow: hidden;}
#data-report-wrapper #table-report div.table-row:hover {  color: #333; font-weight: bold;}
#data-report-wrapper #table-report .table-row .col-2{ width: 2%;  }
#data-report-wrapper #table-report .table-row .col-8{ width: 8%; }
#data-report-wrapper #table-report .table-row .col-10{ width: 10%; }
#data-report-wrapper #table-report .table-row .col-12{ width: 12%;}
#data-report-wrapper #table-report .table-row .col-15{ width: 15%; }
#data-report-wrapper #table-report .table-row .col-20{ width: 20%; }
#data-report-wrapper #table-report .table-row .col-30{ width: 30%;}
/*#data-report-wrapper #table-report .table-row .col-no{ width: 2%; }
#data-report-wrapper #table-report .table-row .col-date{ width: 10%; }
#data-report-wrapper #table-report .table-row .col-ref{ width: 12%; }
#data-report-wrapper #table-report .table-row .col-code{ width: 12%;}
#data-report-wrapper #table-report .table-row .col-domain{ width: 12%;}
#data-report-wrapper #table-report .table-row .col-status{ width: 10%;}
#data-report-wrapper #table-report .table-row .col-client{ width: 10%;}
#data-report-wrapper #table-report .table-row .col-server{ width: 20%;}
#data-report-wrapper #table-report .table-row .col-login{ width: 10%;}
#data-report-wrapper #table-report .table-row .col-detail{ width: 20%;}
#data-report-wrapper #table-report .table-row .col-receipt-no{ width: 15%;}
#data-report-wrapper #table-report .table-row .col-channel{ width: 10%;}
#data-report-wrapper #table-report .table-row .col-product{ width: 18%;}
#data-report-wrapper #table-report .table-row .col-amount{ width: 5%; }*/