@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; background:#f2f2f2; font-family: 'Raleway', sans-serif;}

#outer-pane{width:1015px;}
.share-pane .right-curve{height:22px}
.ui-dialog .ui-dialog-titlebar-close{height:20px;}
#menu{height:45px;}
#menu a{height:38px;}


/* common */
.btn-black{background:#000}.btn-black:hover{color:#ccc}
.tn-form label{font-weight:normal; padding:0; font-size:0.9em; vertical-align:middle}
.tn-col{ margin:0; padding:0 !important}
.tn-col-2{padding:2px  !important}
.tn-form .form-group,
.tn-form .form-group .col-xs-2,
.tn-form .form-group .col-xs-3,
.tn-form .form-group .col-xs-4,
.tn-form .form-group .col-xs-5,
.tn-form .form-group .col-xs-6,
.tn-form .form-group .col-xs-7,
.tn-form .form-group .col-xs-8,
.tn-form .form-group .col-xs-9
{padding:0}
.form-group .col-xs-2.tn-col-2,
.form-group .col-xs-3.tn-col-2,
.form-group .col-xs-4.tn-col-2,
.form-group .col-xs-5.tn-col-2,
.form-group .col-xs-6.tn-col-2,
.form-group .col-xs-7.tn-col-2,
.form-group .col-xs-8.tn-col-2,
.form-group .col-xs-9.tn-col-2
{padding:2px}
.arial{font-family:Arial, Helvetica, sans-serif}

.text-normal{font-weight:normal}
.tn-form .form-group{margin-bottom:5px; display:block; overflow:hidden}
.marginR15{margin-right:15px;}
.marginL15{margin-left:15px}
.marginB15{margin-bottom:15px;}
.marginT15{margin-top:15px;}
.marginLR15{margin:0 15px}
.marginTB15{margin:15px 0}
.marginLT15{margin:15px 0 0 15px}
.marginRT15{margin:15px 15px 0 0}
.marginLB15{margin:0 0 15px 15px}
.marginRB15{margin:0 15px 15px 0}
.margin15{margin:15px}
.panel-register{border-color:#ebebeb}
.panel-register .panel-body{padding:22px 15px}
.panel-quickSearch{border-color:#9c0028}
.panel-quickSearch .panel-body{background:#fd0042; color:#fff; padding:10px; border-top:1px solid #fe6990}
.quickSeach-devider{width:100%; height:1px; background:#fe6990; margin:0 0 10px 0; display:block; overflow:hidden; clear:both}
.link-small{font-size:0.8em}
.panel{margin-bottom:0}
.panel-support .panel-heading{text-align:center}
.panel-support .panel-title{font-size:19px; color:#00587c; font-weight:bold}
.panel-support .sub-title{font-size:11px; line-height:13px; margin-top:5px; display:block; overflow:hidden}
.panel-support .btn-support{border-radius:0}
.panel-support .customer-care-number{text-align:right; padding:7px 10px}
.panel-support .customer-care-number .number{font-weight:bold; font-size:22px; color:#ff0066; font-family:Arial, Helvetica, sans-serif}
.panel-support .customer-care-number .number a:hover{text-decoration:none}



/* Layout */
.container{width:1020px; background:#fff; padding:0 0 15px 0; margin-bottom:25px; box-shadow:0 0 10px #ddd}
@media(min-width:320px){.container{width:1020px !important}}
.article{width:100%; display:block; overflow:hidden}
ul.slider{margin:0; padding:0; list-style:none}
.article .left-col{width:620px; float:left;}
.article .right-col{width:345px; float:right;}
.std-quick-search{width:460px; float:left}
.std-support-wrapper{width:145px; float:left}




ul.featured{width:100%; margin:0 0 20px 0; padding:0; list-style:none; display:block; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
ul.featured li{float:left; border-right:1px solid #ddd; width:33.3333%;}
ul.featured li:last-child{border:none}
ul.featured li .image-wrapper{width:140px; height:145px; text-align:center; display:table; float:left}
ul.featured li .image{width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle}
ul.featured li .detail{float:left; width:180px; padding:0 10px 0 0; font-size:13px}
ul.featured li .detail h1{font-size:20px}
ul.featured li .detail h1 span{font-size:14px; display:block}

.wizard-nav-wrapper{padding:0; background:#f0f0f0; border:1px solid #ddd; border-radius:6px}
ul.wizard-nav{list-style:none; display:block; overflow:hidden; width:100%; margin:0; padding:0}
ul.wizard-nav li{float:left; width:33.33%; padding:10px 0; position:relativ; border-right:1px solid #ddd; border-left:1px solid #f9f9f9; color:#999}
ul.wizard-nav li:first-child{border-left:none; padding-left:2%;}
ul.wizard-nav li:last-child{border-right:none; padding-right:2%;}
ul.wizard-nav li a{width:100%; display:block; overflow:visible; color:#333; text-shadow:1px 0px 0px #fff; text-decoration:none;   }ul.wizard-nav li a:hover{text-decoration:none}
ul.wizard-nav li .wizard-bar{width:100%; height:20px; line-height:20px; background:#e6e6e6; border-top:1px solid #ccc; border-bottom:1px solid #fff; text-align:center; display:block; overflow:visible; position:relative}
ul.wizard-nav li a .wizard-bar{border-top:1px solid #999; background:#ccd6da;}
ul.wizard-nav li:first-child .wizard-bar{border-radius:10px 0 0 10px; }ul.wizard-nav li:last-child .wizard-bar{border-radius:0 10px 10px 0; }
ul.wizard-nav li .wizard-nav-text{ text-align:center; padding:10px 1% 0 1%;  font-size:0.8em; line-height:normal; display:block; overflow:hidden}
ul.wizard-nav li .wizard-number{width:33px; height:38px; line-height:32px; position:absolute; top:-7px; left:50%; margin-left:-17.5px; z-index:900}
ul.wizard-nav li.active{color:#000;}
ul.wizard-nav li.active .wizard-bar{background:#ccd6da}
ul.wizard-nav li.active .wizard-number{background:url(../../images/wizard-nav.png) no-repeat}
ul.wizard-nav li.completed .wizard-number{color:#fff; text-shadow:none}
ul.wizard-nav li.completed .wizard-bar{background:#5cb85c}
ul.wizard-nav li.incompleted .wizard-number{color:#fff; text-shadow:none}
ul.wizard-nav li.incompleted .wizard-bar{background:#d25959}

.nik-form-wrapper{width:100%; margin:25px 0; padding-top:20px; display:block; overflow:hidden; font-family:Arial, Helvetica, sans-serif}
.nik-form-title{font-size:18px; margin:20px 0; padding:0 0 10px 0; border-bottom:1px dashed #ddd; color:#fd0042; display:block; overflow:hidden; clear:both; float:none}
.nik-form-title.no-top-margin{margin-top:0}
.nik-form .checkbox-hint{margin:-10px 0 0 17px;}
.nik-form .form-group{display:block; overflow:visible; clear:both; float:none; width:100%; margin-bottom:5px;}
.nik-form .control-label{line-height:11px; padding-top:3px;}
.nik-form .form-group.required .control-label:after {content:"*";color:red;font-size:22px; line-height:10px; position:relative; top:5px; left:5px }
.nik-form .checkbox{margin:0}
.nik-form .checkbox-inline{
-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.nik-form .checkbox-inline .checkbox{display:inline-block; margin-right:10px;}
.nik-form .checkbox-inline .checkbox .label-checkbox{ vertical-align:top; margin-top:5px; width:200px; display:inline-block}
.nik-form .checkbox-inline .bootstrap-checkbox > button.btn{width:15px; padding-left:0}
label.error{color:#ff0000}
input.error, select.error, textarea.error{border:1px solid #ff0000; box-shadow:0 0 10px #ff0000}
.bootstrap-checkbox > .btn.btn-link{outline:none}
.nik-form .form-group.photo-input{width:180px;text-align:center; margin:0 auto;}
.nik-form .form-group.photo-input .photo-preview{min-height:120px; margin:0 0 5px 0; font-size:0.8em; color:#666; border:3px dotted #ddd;padding:1%; display:block; overflow:hidden; background:url(../../images/no-proifile-photo.png) center center no-repeat }
.form-hint{margin-top:5px; font-size:13px; color:#999;display:block; overflow:hidden}
.form-hint a{color:#06C}
div.tooltip-inner {max-width: 350px;}
.no-padding{padding:0}
.no-padding-r{padding-right:2px}
.no-padding-l{padding-left:2px}
.no-padding-rl{padding:0 2px}

.play-icon{padding:0 20px 0 0}
.app-text .title{font-weight:bold}
.app-text .text{font-size:0.8em}
.app-arrow{font-size:26px; padding:10px 0; text-align:right}

.nomargin-formgroup .nm-fg{padding:0 5px}
@media (min-width: 979px) {
  #side-nav.affix-top {
    position: static;
  	margin-top:5px;
  	width:225px;
  }
  
  #side-nav.affix {
    position: fixed;
    top:20px;
    width:225px;
  }
}

.affix,.affix-top {
   position:static;
}