@charset "utf-8";



/* CSS Document */







body{margin:0; padding:0; background:#FED954; font-family: Arial,Helvetica, sans-serif;}







/* 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:20px; 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}}



.header{width:100%; height:165px;display:block;}



.article{width:100%; padding:20px; display:block; overflow:hidden}







.header .title-area{width:100%; padding:30px 20px 10px 20px; display:block; overflow:hidden}



.nav-area{width:100%; padding:0 20px;}







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}







.nav-pane {height:47px;background: url(../img/nav-bg.gif) repeat-x}



.nav-pane .left-curve {background:#bbb url(../img/nav-curves.gif) no-repeat left top;width:6px;float:left;height:47px}



.nav-pane .right-curve {background:#bbb url(../img/nav-curves.gif) no-repeat right top;width:13px;float:right;height:47px;}



.nav-pane .side-nav {float:right;font:bold 13px/47px Arial, Helvetica, sans-serif;color:#a11a1c;}



.nav-pane a {display:inline-block;padding:0 13px;font:bold 13px/47px Arial, Helvetica, sans-serif;color:#a11a1c;text-decoration:none !important;}



.mega-nav li a:hover,.nav-pane a:hover {color:#000066}



ul.mega-nav {height:47px; position:relative;float:left;background: url(../img/nav-bg.gif) repeat-x 0 0px; display:block; overflow:visible;}



ul.mega-nav li {float:left;font:bold 13px Arial, Helvetica, sans-serif;color:#a11a1c; line-height:47px; position:static }



ul.mega-nav li a{float:left;background: url(../img/nav-bg.gif) repeat-x 100% -1px; display:block; padding:0 13px; margin:1px 0 0 0; font: bold 13px/47px Arial, Helvetica, sans-serif;color:#a11a1c; text-decoration:none;}



ul.mega-nav li a.dc-mega {position: relative;}



ul.mega-nav li a .dc-mega-icon {display: block; position: absolute; top: 22px; right: 2px; width: 8px; height: 6px; background: url(../img/arrow.png) no-repeat 0 0;}



ul.mega-nav li.mega-hover a, ul.mega-nav li a:hover {background-position: 100% -48px; color: #000; text-shadow: none;}



ul.mega-nav li.mega-hover a .dc-mega-icon {background-position: 0 100%;}



ul.mega-nav li ul{display:none}



ul.mega-nav li .sub-container {position: absolute; background: url(../img/bg_sub_left.png) no-repeat 0 100%; padding-left: 20px; margin-left: -3px; margin-top:-3px;}



ul.mega-nav li .sub {background: url(../img/bg_sub.png) no-repeat 100% 100%; padding: 20px 20px 20px 10px;}



ul.mega-nav li .sub-container.mega .sub {padding: 20px 20px 10px 0;}



ul.mega-nav li .sub .megaRow {width: 100%; overflow: hidden; clear: both; margin:0; padding:0}



ul.mega-nav li .sub li {list-style: none; float: none; width: 170px; font-size: 1em; font-weight: normal;}



ul.mega-nav li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;}



ul.mega-nav li .sub li.mega-hdr.last {margin-right: 0;}



ul.mega-nav li .sub li.mega-hdr ul{margin:0; padding:0}



ul.mega-nav li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;  line-height:16px;}



ul.mega-nav li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 5px 5px 15px; margin-bottom: 5px; background: #8A98A9 url(../images/bg_mega_hdr.png) no-repeat 0 0; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333;}



ul.mega-nav li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}



ul.mega-nav .sub li.mega-hdr li a {padding: 4px 5px 4px 20px; background: url(../img/arrow_off.png) no-repeat 5px 8px; font-weight: normal;}



ul.mega-nav .sub li.mega-hdr li a:hover {color: #a32403; background: #efefef url(../img/arrow_on.png) no-repeat 5px 8px;}



ul.mega-nav .sub ul li {padding-right: 0;}



ul.mega-nav li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;}



ul.mega-nav li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}



ul.mega-nav li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background: url(../img/arrow_off.png) no-repeat 7px 10px;}



ul.mega-nav li .sub-container.non-mega li a:hover {color: #a32403; background: #efefef url(../img/arrow_on.png) no-repeat 7px 10px;}







.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(../img/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.small{width:160px;}



.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(../img/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}







ul.footer-nav{margin:0; padding:0; list-style:none; display:block; overflow:hidden; font-size:12px;}



ul.footer-nav li{display:inline-block;}



ul.footer-nav li::after{content:"|"}



ul.footer-nav li:last-child::after{content:''}



ul.footer-nav li a{padding:0 5px; display:inline-block; overflow:hidden; vertical-align:middle; color:#666;}



ul.footer-nav li a:hover{color:#333; text-decoration:none}



.policy{font-size:12px; margin-top:10px}







.nomargin-formgroup .nm-fg{padding:0 5px}



@media (min-width: 979px) {



  #side-nav.affix-top {



    position: static;



  	margin-top:5px;



  	width:245px;



  }



  



  #side-nav.affix {



    position: fixed;



    top:20px;



    width:245px;



  }



}







.affix,.affix-top {



   position:static;



}