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

.buffer-top{ margin-top:15px !important;}
.buffer-bottom{ margin-bottom:15px !important;}
.buffer-d-bottom{ margin-bottom:45px !important;}


a{ outline:none;}
body{ background-attachment:fixed; background-size:cover;}

.gray-back{ background-color:#f4f4f4;}

.np-header{ position:relative; margin-top:0px;}
.home-logo{ width:215px; height:60px; background:url(../../img/web/ui_bluetheme.png) left bottom no-repeat; margin:0 0 0 46px; float:left; }
.home-logo a{ width:215px; height:56px; display:block;}


.np-uni-menu{ width:60px; height:60px; position:relative; display:block;}

.home-menu-ico{ width:60px; height:60px; background:url(../../img/web/ui_bluetheme.png) 0px 0px no-repeat; position:absolute; left:-7px; top:-5px; cursor:pointer;}
.np-uni-menu.open .home-menu-ico:hover, .np-uni-menu.open .home-menu-ico{ background:url(../../img/web/ui_bluetheme.png) -75px -71px no-repeat; position:absolute; left:-7px; top:-5px; cursor:pointer;}
.home-menu-ico:hover{ background:url(../../img/web/ui_bluetheme.png) 0px -71px no-repeat; cursor:pointer;}

.open > .np-dropdown-box{ visibility: visible; opacity:1;}
.np-uni-menu{}



.head-loginlink{ font:normal 18px/20px 'roboto-bold', Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; color:#FFFFFF; padding:9px 18px; background-color:rgba(154,203,86,1);  display:inline-block; margin:12px 10px 0 0; -webkit-border-radius:4px; border-radius:4px; border:1px solid rgba(255,255,255,0.5); -webkit-box-shadow: 0 4px 0 0 rgba(121,170,52,1); box-shadow: 0 4px 0 0 rgba(121,170,52,1); }

.head-loginlink:hover{ color:#fff; background-color:rgba(0,0,0,0.6); text-decoration:none; border:1px solid rgba(255,255,255,0.2); -webkit-box-shadow: 0 4px 0 0 rgba(0,0,0,0.8); box-shadow: 0 4px 0 0 rgba(0,0,0,0.8); }
 
.head-loginlink02{ font:normal 18px/20px 'roboto-bold', Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; color:#FFFFFF; padding:9px 18px; background-color:rgba(242,198,21,1);  display:inline-block; margin:12px 0 0 0; -webkit-border-radius:4px; border-radius:4px; border:1px solid rgba(255,255,255,0.5); -webkit-box-shadow: 0 4px 0 0 rgba(222,160,0,1); box-shadow: 0 4px 0 0 rgba(222,160,0,1); }

.head-loginlink02:hover{ color:#fff; background-color:rgba(0,0,0,0.6); text-decoration:none; border:1px solid rgba(255,255,255,0.2); -webkit-box-shadow: 0 4px 0 0 rgba(0,0,0,0.8); box-shadow: 0 4px 0 0 rgba(0,0,0,0.8); }

.collapsed .home-menu-text{  text-indent:-99999px;}
.np-dropdown-box{ position:absolute; left:0px; top:60px; width:240px; z-index:9;  background-color:#fff; visibility:hidden; opacity:0; cursor:auto; padding:0px; border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);   border-radius:0 0 4px 4px; }
.np-dropdown-links{ clear:both; margin:0; padding:0px;}
.np-dropdown-links li{ list-style-type:none; font:normal 15px/20px 'roboto', Arial, Helvetica, sans-serif; padding:0;}
.np-dropdown-links li a{ color:#5e5e5e; position:relative; padding:10px 20px; display: block; border-bottom:1px solid #fff;}
.np-dropdown-links li a:hover, .np-dropdown-links li a.active{ background-color:#def7fa; text-decoration:none; border-bottom:1px solid #98e8f0;} 
.np-dropdown-links li a.active{ background-color:#e9e9e9; text-decoration:none; border-bottom:1px solid #d7d7d7;} 
 
.np-dropdown-small-link{ background-color:#EAEAEA; border:1px solid #EAEAEA; padding:15px 0 15px 20px; margin-top:6px; -webkit-box-shadow:inset 0 1px 0 0 #fff; box-shadow:inset 0 1px 0 0 #fff;} 
.np-dropdown-small-link a{ display:inline-block; margin-right:8px; color:#636363; font:normal 12px/20px 'roboto', Arial, Helvetica, sans-serif;}
.np-dropdown-small-link a:hover{ color:#000000;}
 
.head-rightpart{ float:right; padding:0 10px 0 0;}
 
 
.home-login-ico{ width:56px; height:56px; background:url(../../img/web/ui_bluetheme.png) -94px 0px no-repeat; position:absolute; right:20px; top:0px;}
.home-login-ico:hover{ background:url(../../img/web/ui_bluetheme.png) -94px -92px no-repeat; cursor:pointer;}

.home-login-box01{ width:54%; margin:0 auto; border:12px solid rgba(255,255,255,0.4); -webkit-border-radius:6px; border-radius:6px; position:relative; margin-top:30px; }
.home-login-box01:after {
    position: absolute;
    bottom:-64px;
    left:0;
    content: " ";
    background: url(../../img/web/bottom-sadow.png);
    background-size: 100% 100%;
    width:100%;
    height:50px;
    margin: 2px;
    float: left; 
}
.home-title-01{ background-color:rgba(34,187,215,0.85); padding:15px 15px; font:normal 34px/30px 'roboto', Arial, Helvetica, sans-serif; color:#FFF; letter-spacing:-1px;}
.home-title-01 .bfs{ font:normal 34px/30px 'roboto-bold',Arial, Helvetica, sans-serif; }
.home-login-box02{ background-color:rgba(255,255,255,0.85); padding:20px 10px;}
.checkbox-bg{ background-color:rgba(255,255,255,0.5); border:1px solid rgba(210,210,210,0.5); padding:8px;}
.home-input-box01{ margin:0 auto; width:216px; margin-top:8px;}
.home-input-box02{ margin:0 auto; width:284px; margin-top:8px;}
.home-title-02{ font:normal 16px/23px 'roboto',Arial, Helvetica, sans-serif; color:#666666; text-align:center;}
.np-input-fix01{ margin-top:10px; margin-bottom:0; position:relative;}
.np-lable{ color:#999; position:absolute; left:22px; top:7px; font-size:14px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; round-color:#FFF;  z-index:12; pointer-events:none; cursor:text;}
.np-lable-up{ left:18px; top:-8px;  background-color:#FFF; font-size:11px; padding:1px 3px; color:#09C;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border:1px solid #d2d2d2; pointer-events:none;}

.home-login-btn{ display:block; background-color:#22bbd7; width:220px; padding:0 20px; margin:15px auto; font-size:20px; line-height:40px; letter-spacing:0px; text-align:center; color:#fff; border:3px solid #fff; -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.1); font-family:'roboto-bold';  }
.home-login-btn:hover{ text-decoration:none; color:#fff; background-color:#000000; border-color:#22bbd7;}

.home-link01{ font:normal 16px/24px 'roboto', Arial, Helvetica, sans-serif;}
.home-link01 a{ color:#666666; position:relative; padding:0 0 0 20px; float:left;}
.home-link01 a:hover{ color:#000000; text-decoration: underline; }
.home-link01 a span{ position:absolute; left:7px; top:8px; width:7px; height:7px; background:url(../../img/web/ui_bluetheme.png) 0px -356px no-repeat;}

.home-link02{ font:normal 16px/24px 'roboto', Arial, Helvetica, sans-serif; float:right; margin-top:5px;}
.home-link02 a{ color:#efefef; position:relative; padding:0 0 0 20px; float:left; letter-spacing:0px;}
.home-link02 a:hover{ color:#ffffff; text-decoration: underline; }
.home-link02 a span{ position:absolute; left:7px; top:8px; width:7px; height:7px; background:url(../../img/web/ui_bluetheme.png) 0px -318px no-repeat;}

.back-link-sign span{ background-position:-40px -318px !important;}
.np-checkboxfix02{ padding-top:18px; float:left; }
.pswrd-icon{ width:22px; height:22px; display:block; position:absolute; right:22px; top:9px; text-indent:-9999px; overflow:hidden; background:url(../../img/web/ui_bluetheme.png) -80px -258px no-repeat; opacity:0.4;}
.pswrd-icon.active, .pswrd-icon:hover{ background:url(../../img/web/ui_bluetheme.png) 0 -258px no-repeat; opacity:0.4;}
.pswrd-icon.active:hover{ background:url(../../img/web/ui_bluetheme.png) -80px -258px no-repeat; opacity:0.4;}

.captr-code-img{ position: absolute; right: 18px;  top: 6px;}

.np-text01{ color:#666666; font:normal 16px/22px 'roboto', Arial, Helvetica, sans-serif; text-align: center;}

.home-link03{ font:normal 16px/24px 'roboto', Arial, Helvetica, sans-serif; float:right; margin-top:5px; text-align:center; color:#666666; position:relative;}
.home-link03 a{ color:#000000; position:relative; padding:0; margin:0 auto; letter-spacing:0px; text-decoration: underline; }
.home-link03 a:hover{ color:#000000; text-decoration: none; }
.home-link03 span:before {
    position: absolute;
    top:6px;
	content: " ";
    background:url(../../img/web/ui_bluetheme.png); 
	background-position:0px -354px;
    width:10px;
    height:10px;
    margin-left:-14px;
    float: left;  
}
.home-title-03{ font:normal 22px/23px 'roboto',Arial, Helvetica, sans-serif; color:#666666; text-align:center;}

.home-title-04{ font:normal 16px/20px 'roboto',Arial, Helvetica, sans-serif; color:#666666; text-align:left; padding:10px 20px 10px 28px; background-color:rgba(255,255,255,0.5); border:1px solid #d7d7d7; -webkit-border-radius:4px; border-radius:4px; margin:3px 6px; position:relative;}
.home-title-04 .green-check{ width:24px; height:24px; background: url(../../img/web/ui_bluetheme.png) -180px 0 no-repeat; position: absolute; left:-10px; top:8px; }
.home-title-04 .blue-check{ width:24px; height:24px; background: url(../../img/web/ui_bluetheme.png) -180px -54px no-repeat; position: absolute; left:-10px; top:8px; }
.home-title-04 .pink-check{ width:24px; height:24px; background: url(../../img/web/ui_bluetheme.png) -180px -108px no-repeat; position: absolute; left:-10px; top:8px; }
 
 
.welcome-title-01{ background-color:rgba(34,187,215,0.85); padding:15px 15px; font:normal 20px/25px 'roboto', Arial, Helvetica, sans-serif; color:#FFF; letter-spacing:-1px; padding-left:100px;}
.welcome-title-01 span{ display:block; font-size:22px; line-height:20px; font-weight:normal;}
.welcome-title-01 span+span{ display:block; font-size:26px; line-height:30px; font-family:'roboto-bold';}
 
.ps-userphoto{ position:absolute; left:25px; top:13px; background-position:50% 50%; background-size:cover; border-radius:50px; overflow:hidden; display:block; width:55px; height:55px; border:2px solid #fff; background-image: url(../../img/web/no-user.png);}
 
 
.wel-s-linkbox01{ float:left; width:20%; display:block; background-color:#fff; margin-right:6.5%; padding:8px;  position:relative; text-align:center; -webkit-box-shadow: 3px 1px 5px 0 rgba(0,0,0,0.2);
box-shadow: 3px 1px 5px 0 rgba(0,0,0,0.2); border:1px solid #fff;} 
.wel-s-linkbox01:hover, .wel-s-linkbox01.active{ background-color:rgba(231,231,231,1.00); border:1px solid #74C043; cursor:pointer;}
.wel-s-linkbox01 img{ width:100%; height:auto;}
.wel-s-linkbox01:nth-last-child(1){ margin-right:0%;} 
.wel-s-linkbox01:hover .linkbox-selectlink, .wel-s-linkbox01.active .linkbox-selectlink{ visibility: visible; opacity:1;}


.linkbox-selectlink{ position:absolute; width:24px; height:24px; display:block; visibility:hidden; opacity:0;  left:7px; bottom:7px;} 
.linkbox-selectlink a{ width:24px; height:24px; text-indent:-500px; overflow:hidden; display:block; background:url(../../img/web/ui_bluetheme.png) -180px -54px no-repeat; opacity:0.5; }
.linkbox-selectlink a:hover{ opacity:1; }
.wel-s-linkbox01.active .linkbox-selectlink a, .wel-s-linkbox01.active .linkbox-selectlink a:hover{ opacity:1; background:url(../../img/web/ui_bluetheme.png) -180px 0px no-repeat;}


.sr-remove-link{  color:#3d73a8; position: relative; display:inline-block; line-height:20px; padding:0px 7px 0 7px; border:1px solid #3d73a8; background-color:#FFFFFF; border-radius:25px;}
.sr-remove-link:hover{ text-decoration: line-through; border:1px solid #3d73a8; }
/*.sr-remove-link:before{ -moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparentt;  border-image: none; border-style: solid; border-width:0px; top:0px; content: "X"; margin-top: 0; position: absolute; right:8px; z-index:1;}*/



/* Innerpage ---------------------------------------------------------- */

.np-inner-container{ width:95%; position:relative; margin:0 auto;}
.np-inner-header{ position:relative; height:60px; margin-top:0px;  background-color:#292d3c;  -webkit-transition: height 0.5s; -moz-transition: height 0.5s; transition: height 0.5s;  }

.affix .np-inner-header{ height:0px; overflow:hidden; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; transition: height 0.5s;}
.inner-head-rightpart{ float:right; padding:0 10px 0 0;}

.np-user-box{ float:right; min-height:60px;}
.np-user-button{ display:block; color:#fff; border-radius:none; outline:none; margin:0px; padding:0px 30px 0 62px; background:none; border:none; font:normal 16px/60px 'roboto', Arial, Helvetica, sans-serif;}
.np-user-button:hover, .np-user-box.open .np-user-button{ background-color:#292D3C; box-shadow:none;}
.np-user-box.open  .np-caret-white{ transform:rotate(180deg)}
.np-user-box .dropdown-menu{ border-radius:0px; border:none; background-color:#292D3C; padding:0;}
.np-user-box .dropdown-menu{ min-width:250px; margin:0px 0 0 0; box-shadow:8px 13px 12px rgba(0, 0, 0, 0.176);}
.np-user-box .dropdown-menu > li > a{ line-height:42px; padding:0 5px 0 50px; position:relative; color:#FFFFFF; font-size:15px; }
.np-user-box .dropdown-menu > li > a:hover{ background-color:#171721; }
.np-user-box .dropdown-menu > li > a.active:hover, .np-user-box .dropdown-menu > li > a.active{ background-color:rgba(255,255,255,0.05); -webkit-box-shadow:inset 4px 0 0 0 #1AB9ED;
box-shadow:inset 4px 0 0 0 #1AB9ED;}
.np-bottom-links{ background-color:#171721; padding:8px 0; margin-top:10px;}
.np-user-box .dropdown-menu > li > .np-user-small-button{ display:inline-block; font:normal 15px/30px 'roboto', Arial, Helvetica, sans-serif; color:#000000; margin:10px 0 10px 19px; float:left; clear:none; line-height:28px; background-color:rgba(154,203,86,1); -webkit-border-radius:4px; border-radius:4px; border:1px solid rgba(255,255,255,0.5); -webkit-box-shadow: 0 4px 0 0 rgba(121,170,52,1); box-shadow: 0 4px 0 0 rgba(121,170,52,1); padding:0px 18px;}
.np-user-box .dropdown-menu > li > .np-user-small-button:nth-last-child(1){ float:right; margin:10px 21px 10px 0; background-color:rgba(242,198,21,1); -webkit-border-radius:4px; border-radius:4px; border:1px solid rgba(255,255,255,0.5);  -webkit-box-shadow: 0 4px 0 0 rgba(222,160,0,1); box-shadow: 0 4px 0 0 rgba(222,160,0,1);}
.np-user-box .dropdown-menu > li > .np-user-small-button:hover{ background-color:rgba(95,144,28,1); color:#fff; -webkit-box-shadow: 0 4px 0 0 rgba(95,144,28,1); box-shadow: 0 4px 0 0 rgba(95,144,28,1);  }
.np-user-box .dropdown-menu > li > .np-user-small-button:nth-last-child(1):hover{ background-color:rgba(242,162,23,1); color:#fff; -webkit-box-shadow: 0 4px 0 0 rgba(222,160,0,1); box-shadow: 0 4px 0 0 rgba(222,160,0,1); }


.myprofile-icon{ display:block; width:42px; height:42px; background:url(../../img/web/ui_bluetheme.png) -238px -5px no-repeat; position:absolute; left:6px; top:0px;}
.notification-icon{ display:block; width:42px; height:42px; background:url(../../img/web/ui_bluetheme.png) -238px -69px no-repeat; position:absolute; left:6px; top:0px;}
.prefrence-icon{ display:block; width:42px; height:42px; background:url(../../img/web/ui_bluetheme.png) -238px -132px no-repeat; position:absolute; left:6px; top:0px;}
.subscription-icon{ display:block; width:42px; height:42px; background:url(../../img/web/ui_bluetheme.png) -238px -194px no-repeat; position:absolute; left:6px; top:0px;}
.activities-icon{ display:block; width:42px; height:42px; background:url(../../img/web/ui_bluetheme.png) -238px -257px no-repeat; position:absolute; left:6px; top:0px;}
.c-password-icon{ display:block; width:42px; height:42px; background:url(../../img/web/ui_bluetheme.png) -238px -321px no-repeat; position:absolute; left:6px; top:0px;}


.np-notification-box{ float:right; min-height:60px;}
.np-notification-button{position: relative; display:block; width:60px; height:60px; background:none; border-radius:0px; margin:0px; outline:none; border:none; text-align:center; box-shadow:none;}
.np-notification-button .noti-icon{width:38px; height:38px; position:absolute; left:16px; top:11px; display:block; z-index:1;  background:url(../../img/web/ui_bluetheme.png) -318px -7px no-repeat; }
.np-notification-button .lang-icon{width:38px; line-height:38px; font-style:normal; height:38px; position:absolute; left:16px; top:11px; display:block; z-index:1;  background:url(../../img/web/ui_bluetheme.png) -318px -68px no-repeat; }
.np-notification-button .noti-count{width:19px; -webkit-border-radius:50px; border-radius:50px; color:#000; text-align:center; height:19px; position:absolute; left:6px; top:8px; display:block; z-index:2; background-color:#1AB9ED; line-height:18px; font-size:11px; }

.np-notification-box.open .np-notification-button{background-color:#292D3C; box-shadow:none; border:none;} 
.np-user-imgbox{ position:absolute; left:11px; top:11px; background-position:50% 50%; background-size:cover; border-radius:50px; overflow:hidden; display:block; width:38px; height:38px; background-image: url(../../img/web/no-user.png);}

.np-notification-box .dropdown-menu{ border-radius:0px; border:none; background-color:#292D3C; padding:0; margin:0px; min-width:280px;}
.np-notification-subbox{ display:block; margin:0 10px 10px 10px; border-radius:2px; padding:8px; background-color:#FFFFFF;}
.np-noti-detail{ font:normal 14px/17px 'roboto', Arial, Helvetica, sans-serif; color:#666; }
.np-noti-detail a{color:#222; display:block; padding:12px 5px 12px 24px; border-bottom:1px solid #E5E5E5; position:relative; }
.np-noti-detail a:hover{text-decoration:none; background-color:#D6E5BC; }
.np-noti-detail a:after{ 
    position: absolute;
    top:19px;
    left:7px;
    content: " ";
    background: url(../../img/web/arrow-01.png);
    background-size: 100% 100%;
    width:8px;
    height:5px;
 }

.np-noti-detail:nth-child(odd){ background-color:#FFFFFF;}
.np-noti-detail:nth-child(even){ background-color:#f5f5f5;}

.lang-select-icon{ width:17px; height:17px; display:block; position:absolute; right:7px; top:11px; background:url(../../img/web/ui_bluetheme.png) -5px -460px no-repeat; }
.lang-select-icon.active{  background:url(../../img/web/ui_bluetheme.png) -5px -415px no-repeat; }
.np-inner-subhead{ background: url(../../img/web/tab-sad02.png) left top repeat-x #1ab9ed; min-height:52px;}

.np-inner-box01{ float:left; min-width:16%; }
.np-inner-box02{ float:left; }
.np-inner-box03{ float:right; padding-right:10px; }


.np-s-menu-box{  height:52px; width:100%;}
.np-s-menu-button{ display:block; width:52px; height:52px; position:relative; color:#171717; border-radius:none; outline:none; text-align:left; margin:0px; padding:0px 30px 0 0; background:none; border:none; font:normal 18px/52px 'roboto-bold', Arial, Helvetica, sans-serif;}
.np-s-menu-button span{ left: 62px; position: absolute; top: 0;}
.np-s-menu-button:hover, .np-s-menu-box.open .np-s-menu-button{ background: url(../../img/web/tab-sad02.png) left top repeat-x #1ab9ed;  box-shadow:none; color:#fff;}
.np-s-menu-box .dropdown-menu{border-radius:0px; border:none; width:100%; background-color:#fff; padding:10px 0 0 0; min-width:250px; margin:0px 0 0 0; box-shadow:0 0 3px rgba(0, 0, 0, 0.3);}
.np-s-menu-box .dropdown-menu > li > a{ line-height:60px; padding:0 5px 0 60px; font-size:16px; position:relative; color:#000; }
.np-s-menu-box .dropdown-menu > li > a:hover, .np-s-menu-box .dropdown-menu > li:hover{ background-color:#F5F5F5;	}
.np-s-menu-box .dropdown-menu > li > a.active:hover, .np-s-menu-box .dropdown-menu > li > a.active{ background-color:#EDEDED;}

.np-s-menu-box.open .np-s-menu-button .np-s-menu-icon-d, .np-s-menu-box .np-s-menu-button.active:hover .np-s-menu-icon-d, .np-s-menu-icon-d{ position:absolute; left:14px; top:9px; width:40px; height:40px; background: url(../../img/web/ui_bluetheme.png) -775px 7px no-repeat;}
.np-s-menu-box.open .np-s-menu-button .np-s-menu-icon01, .np-s-menu-box .np-s-menu-button.active:hover .np-s-menu-icon01, .np-s-menu-icon01{ position:absolute; left:11px; top:9px; width:40px; height:40px; background: url(../../img/web/ui_bluetheme.png) -387px -1px no-repeat;}
.np-s-menu-box.open .np-s-menu-button .np-s-menu-icon02, .np-s-menu-box .np-s-menu-button.active:hover .np-s-menu-icon02,  .np-s-menu-icon02{ position:absolute; left:11px; top:9px; width:40px; height:40px; background: url(../../img/web/ui_bluetheme.png) -387px -52px no-repeat;}
.np-s-menu-box.open .np-s-menu-button .np-s-menu-icon03, .np-s-menu-box .np-s-menu-button.active:hover .np-s-menu-icon03,  .np-s-menu-icon03{ position:absolute; left:11px; top:9px; width:40px; height:40px; background: url(../../img/web/ui_bluetheme.png) -387px -102px no-repeat;}

.np-s-menu-button.active .np-s-menu-icon-d{ position:absolute; left:14px; top:9px; width:40px; height:40px; background: url(../../img/web/ui_bluetheme.png) -723px 7px no-repeat;}
.np-s-menu-button.active .np-s-menu-icon01{ position:absolute; left:11px; top:9px; width:40px; height:40px; background: url(../../img/web/ui_bluetheme.png) -467px -5px no-repeat;}
.np-s-menu-button.active .np-s-menu-icon02{ position:absolute; left:11px; top:9px; width:40px; height:40px; background: url(../../img/web/ui_bluetheme.png) -467px -56px no-repeat;}
.np-s-menu-button.active .np-s-menu-icon03{ position:absolute; left:11px; top:9px; width:40px; height:40px; background: url(../../img/web/ui_bluetheme.png) -467px -106px no-repeat;}
  
.np-s-menu-box.open .np-s-menu-button .np-caret-black , .np-s-menu-box .np-s-menu-button.active:hover .np-caret-black{ width:12px; height:6px; background:url(../../img/web/ui_bluetheme.png) 0px -528px no-repeat; position: absolute; right:8px; top:45%;}
 

.np-inner-dropfix01{ padding:10px !important; background-color:#fff; border:1px solid #cccccc !important; border-top:none !important;}
.np-inner-dropfix01:after{ -moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent #fff transparent;  border-image: none; border-style: solid; border-width:9px; top:-18px; content: ""; margin-top: 0; position: absolute; left:17px; z-index: 11111;}
/*.np-inner-dropfix01:before{ -moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent #cccccc transparent;  border-image: none; border-style: solid; border-width:11px; top:-22px; content: ""; margin-top: 0; position: absolute; left:15px; z-index: 11110;}
*/
.np-inner-dropfix02{ padding:10px !important; background-color:#fff; border:1px solid #cccccc !important;}
.np-inner-dropfix02:after{ -moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent #fff transparent;  border-image: none; border-style: solid; border-width:9px; top:-18px; content: ""; margin-top: 0; position: absolute; right:17px; z-index: 11111;}
/*.np-inner-dropfix02:before{ -moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent #cccccc transparent;  border-image: none; border-style: solid; border-width:11px; top:-22px; content: ""; margin-top: 0; position: absolute; right:15px; z-index: 11110;}
*/

.np-inner-dropfix03{ padding:0 !important; background-color:#fff; border:1px solid #cccccc !important; border-top:none !important; width:300px; left: -83px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);}
.np-inner-dropfix03:after{ -moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent #fff transparent;  border-image: none; border-style: solid; border-width:9px; top:-18px; content: ""; margin-top: 0; position: absolute; left:103px; z-index: 11111;}


.np-media-note-box02{ background-color:#E5E5E5; padding:5px;}
.np-media-note-box02 span{ height:26px; float:left; line-height:26px; color:#5B5B5B;}
.np-media-note-box02 span+span{ height:26px; float:right;}



.np-s-tabmenu{ font:normal 17px/52px 'roboto-bold', Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase;}
.np-s-tabmenu a{ color:#fff; padding:0 20px 0 42px; display:inline-block; margin:0px 1px 0 0; float:left; position:relative; }
.np-s-tabmenu a:hover{  background:url(../../img/web/tab-sad02.png) left top repeat-x #176cbf; text-decoration:none;   color:#fff;  }
.np-s-tabmenu a.active:hover, .np-s-tabmenu a.active{ background:url(../../img/web/tab-sad.png) left top repeat-x #ffffff;   color:#000;   }
.np-inner-box03 .nav a{ line-height:22px; color:#383838; font-family:'roboto-bold'; font-size:16px; padding-right:25px;}
.np-inner-box03 .nav .open > a, .np-inner-box03 .nav .open > a:hover, .np-inner-box03 .nav .open > a:focus, .np-inner-box03 .nav a:hover, .np-inner-box03 .nav a:focus
{color:#fff; background:#176cbf url("../../img/web/tab-sad02.png") repeat-x scroll left top; border-color:none;}

.np-inner-ico01{ position:absolute; width:22px; height:22px; display:block; left:15px; top:14px; background:url(../../img/web/ui_bluetheme.png) -641px -147px no-repeat; }
.np-inner-ico02{ position:absolute; width:22px; height:22px; display:block; left:15px; top:14px; background:url(../../img/web/ui_bluetheme.png) -663px -147px no-repeat; }
.np-inner-ico03{ position:absolute; width:22px; height:22px; display:block; left:15px; top:14px; background:url(../../img/web/ui_bluetheme.png) -685px -147px no-repeat; }
.np-inner-ico04{ position:absolute; width:22px; height:22px; display:block; left:15px; top:14px; background:url(../../img/web/ui_bluetheme.png) -707px -147px no-repeat; }
.np-inner-ico05{ position:absolute; width:22px; height:22px; display:block; left:15px; top:14px; background:url(../../img/web/ui_bluetheme.png) -729px -147px no-repeat; }

.active .np-inner-ico01{ position:absolute; width:22px; height:22px; display:block; left:15px; top:14px; background:url(../../img/web/ui_bluetheme.png) -641px -169px no-repeat; }
.active .np-inner-ico02{ position:absolute; width:22px; height:22px; display:block; left:15px; top:14px; background:url(../../img/web/ui_bluetheme.png) -663px -169px no-repeat; }
.active .np-inner-ico03{ position:absolute; width:22px; height:22px; display:block; left:15px; top:14px; background:url(../../img/web/ui_bluetheme.png) -685px -169px no-repeat; }
.active .np-inner-ico04{ position:absolute; width:22px; height:22px; display:block; left:15px; top:14px; background:url(../../img/web/ui_bluetheme.png) -707px -169px no-repeat; }
.active .np-inner-ico05{ position:absolute; width:22px; height:22px; display:block; left:15px; top:14px; background:url(../../img/web/ui_bluetheme.png) -729px -169px no-repeat; }


.np-inrec-shortbar{ font:normal 14px/26px 'roboto', Arial, Helvetica, sans-serif; color:#333; }
.np-inrec-shortbar a{ border:1px solid #666; padding:2px 25px 2px 6px; color:#666; margin-right:6px; border-radius:25px; position:relative;	}
.np-inrec-shortbar a:hover{ text-decoration:none; color:#000; border:1px solid #000; }
.np-inrec-shortbar a:hover.np-down-a:after{ border-color: #000 transparent transparent transparent !important;}
.np-inrec-shortbar a:hover.np-up-a:after{ border-color: transparent transparent #000 transparent !important;}

.np-inrec-shortbar a.active{ text-decoration:none; color:#fff; border:1px solid #3d73a8; background-color:#3d73a8;}
.np-inrec-shortbar a.active.np-down-a:after{ border-color: #fff transparent transparent transparent !important;}
.np-inrec-shortbar a.active.np-up-a:after{ border-color: transparent transparent #fff transparent !important;}



.np-down-a:after, .sortby:after, .np-sortby:after{ -moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #666 transparent transparent transparent;  border-image: none; border-style: solid; border-width:5px; top:9px; content: ""; margin-top: 0; position: absolute; right:8px; z-index:1;}
.np-up-a:after{ -moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent #666 transparent;  border-image: none; border-style: solid; border-width:5px; top:4px; content: ""; margin-top: 0; position: absolute; right:8px; z-index:1; }


.np-inner-box03 .dropdown-menu > li > a:hover{ background-color:#EFEFEF;}
.np-caret-black{ width:12px; height:6px; background:url(../../img/web/ui_bluetheme.png) 0px -505px no-repeat; position: absolute; right:8px; top:45%;}
.np-caret-black-s{ width:12px; height:5px; background:url(../../img/web/ui_bluetheme.png) 0px -507px no-repeat; position: absolute; right:5px; top:48%;}

.np-caret-white{ width:12px; height:6px; background:url(../../img/web/ui_bluetheme.png) 0px -528px no-repeat; position: absolute; right:8px; top:45%;}
.np-caret-white-s{ width:12px; height:5px; background:url(../../img/web/ui_bluetheme.png) 0px -530px no-repeat; position: absolute; right:5px; top:48%;}

.np-inner-box03 .dropdown.open .np-caret-black-s, .np-inner-box03 .dropdown:hover .np-caret-black-s{ background:url(../../img/web/ui_bluetheme.png) 0px -530px no-repeat;}
.np-inner-box03 .dropdown.open .np-caret-black-s{ transform:rotate(180deg);}


.np-inner-subhead02{ background:#fff; border-bottom:1px solid #969696; display:block; min-height:55px;}

.np-inner-subhead-box01{ float:left; width:4%; padding:10px 0 0 0; }
.np-inner-subhead-box02{ float:left; width:44%; padding:10px 0 0 0;  }
.np-inner-subhead-box03{ float:left; width:52%; padding:10px 103px 0 0;  }

.subhead-subbox01{ float:left; width:50%; padding:0 5px 0 10px;}
.subhead-subbox02{ float:left; width:50%; padding:0 5px 0 5px;}
.subhead-subbox03{ float:left; width:30%; padding:0 5px 0 5px;}
.subhead-subbox04{ float:left; width:30%; padding:0 5px 0 5px;}
.subhead-subbox05{ float:left; width:40%; padding:0 0 0 5px;}


.subhead-subbox03 .btn, .subhead-subbox04 .btn, .subhead-subbox05 .btn{ width:100%; text-align:left; padding:6px 15px 6px 8px;}
.subhead-subbox03 .caret, .subhead-subbox04 .caret, .subhead-subbox05 .caret{ position: absolute; right: 7px; top: 15px; }

.inner-search-button-box{ width:42px; height:35px; display:block; position:absolute; right:52px; top:9px; } 
.inner-search-button{ width:42px; height:35px; display:block; -webkit-border-radius:3px; border-radius:3px; background:url(../../img/web/ui_bluetheme.png) -539px 0px no-repeat;  -webkit-box-shadow:inset 0 0 0 1px rgba(203,203,203,1), 2px 2px 4px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 0 1px rgba(203,203,203,1), 2px 2px 4px 0 rgba(0,0,0,0.1); transition:none !important; }
.inner-search-button:hover{background:url(../../img/web/ui_bluetheme.png) -539px -42px no-repeat; -webkit-box-shadow:inset 0 0 0 1px rgba(5,50,120,0), 2px 2px 4px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 0 1px rgba(5,50,120,0), 2px 2px 4px 0 rgba(0,0,0,0.1);}

.inner-resete-button-box{ width:42px; height:35px; display:block; position:absolute; right:0px; top:9px; } 
.inner-resete-button{ width:42px; height:35px; display:block; -webkit-border-radius:4px; border-radius:4px; background:url(../../img/web/ui_bluetheme.png) -590px 0px no-repeat;   -webkit-box-shadow:inset 0 0 0 1px rgba(203,203,203,1), 2px 2px 4px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 0 1px rgba(203,203,203,1), 2px 2px 4px 0 rgba(0,0,0,0.1); transition:none !important; }
.inner-resete-button:hover{background:url(../../img/web/ui_bluetheme.png) -590px -42px no-repeat; -webkit-box-shadow:inset 0 0 0 1px rgba(5,50,120,0), 2px 2px 4px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 0 1px rgba(5,50,120,0), 2px 2px 4px 0 rgba(0,0,0,0.1);}

.subhead-subbox03 .dropdown .dropdown-menu, .subhead-subbox04 .dropdown .dropdown-menu, .subhead-subbox05 .dropdown .dropdown-menu{ width:100%; padding:0px;}
.subhead-link01{ font:normal 15px/16px 'roboto', Arial, Helvetica, sans-serif; color:#777;}
.subhead-link01 a{ color:#777; display:block;  padding:8px; }
.subhead-link01 a:hover{ color:#000; }
.subhead-link01 span{display:inline-block; width:50%;}

.np-fav-icon{ width:26px; height:20px; opacity:0.7; background:url(../../img/web/ui_bluetheme.png) -686px 0px no-repeat; display:block; position:absolute; right:5px; top:17px; cursor:pointer;}
.np-fav-icon.active{background:url(../../img/web/ui_bluetheme.png) -650px 0px no-repeat; opacity:1; }
.np-fav-icon:hover{ opacity:1; background:url(../../img/web/ui_bluetheme.png) -650px 0px no-repeat; }
.np-inner-box01 .dropdown-menu li{ position:relative;}

  
/* ====================================================================== *
      [2] Tquery CSS
 * ====================================================================== */
 
  
.media-box{ }
.media-box-container{ background-color:#FFFFFF; -webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2); box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2); border-radius:4px; border:1px solid #A0ADB9; position:relative; }
.media-box-loaded{ display: block; /* class to show the boxes once the plugin has been initialized */ }
.media-boxes-container{ margin-right: 0 !important;  margin-bottom: 0 !important; width:100%; display:block; padding:5px 0 20px 0; position:relative !important;  }
.media-box-hidden, .not-loaded-before-search{display: none; visibility:hidden; }
.np-addbox img{ width:100%; height:auto;}



/* ====================================================================== *
      [2] LOAD MORE
 * ====================================================================== */
.media-boxes-load-more-button{  cursor: pointer; display:block; text-align: center; color: #222; background-color: #E8EDF0; font:normal 18px/25px 'roboto-bold', Arial, Helvetica, sans-serif;    padding: 10px 15px; margin: 0px auto;  -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; margin-bottom:75px; border:1px solid #A0ADB9; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2); box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2); }
.media-boxes-no-more-entries{ filter: alpha(opacity=70); opacity: 0.7;  }

.media-boxes-load-more-button:hover{ background-color:#1AB9ED; border:1px solid #068ebb; color:#fff; -webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2); box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);}


.lead-box-title01{ font:800 21px/150% "Lucida Sans Unicode"; color:#0f3e6c; background-color:#e8edf0; padding:8px 15px;}
.lead-box-text01{ font:15px/150% "Lucida Sans Unicode"; color:#0f3e6c; padding:8px 15px;}
  
.np-media-info-box{ position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; background-color:rgba(26,185,237,0.4); opacity:0; visibility:hidden; border:1px solid #068ebb;}
.media-box-container:hover .np-media-info-box, .np-media-info-box.open{ opacity:1; visibility: visible; bottom:-1px; border-radius:3px;}



.np-media-icon-mainbox{ width:200px; display:block; position:absolute; left:50%; bottom:0px; margin-left:-100px; text-align:center; }

.np-media-icon01{ width:64px; height:50px; display:inline-block; margin:0px; padding:0; cursor:pointer; overflow: hidden;  background:url(../../img/web/ui_bluetheme.png) -314px -297px no-repeat;  text-indent:-888px;}
.np-media-icon01:hover{ background:url(../../img/web/ui_bluetheme.png) -314px -241px no-repeat;}
.np-media-icon01.active, .np-media-icon01.active:hover{ width:64px; height:50px; display:inline-block; margin:0px; padding:0; cursor:pointer; background:url(../../img/web/ui_bluetheme.png) -314px -186px no-repeat; overflow: hidden; text-indent:-888px;}


.np-media-icon02{ width:64px; height:50px; display:inline-block; margin:0px; padding:0; cursor:pointer; overflow: hidden;  background:url(../../img/web/ui_bluetheme.png) -378px -297px no-repeat;  text-indent:-888px;}
.np-media-icon02:hover{ width:64px; height:50px; display:inline-block; margin:0px; padding:0; cursor:pointer; background:url(../../img/web/ui_bluetheme.png) -378px -241px no-repeat; overflow: hidden; text-indent:-888px;}
 
.np-media-icon03{ width:64px; height:50px; display:inline-block; margin:0px; padding:0; cursor:pointer; background:url(../../img/web/ui_bluetheme.png) -442px -297px no-repeat; overflow: hidden; text-indent:-888px;}
.np-media-icon03:hover{ background:url(../../img/web/ui_bluetheme.png) -442px -241px no-repeat; }
.np-media-icon03.active, .np-media-icon03.active:hover{ width:64px; height:50px; display:inline-block; margin:0px; padding:0; cursor:pointer; background:url(../../img/web/ui_bluetheme.png) -442px -186px no-repeat; overflow: hidden; text-indent:-888px;}



.np-media-icon01 a, .np-media-icon03 a{ width:64px; height:50px; text-indent:-1000em; overflow: hidden; display:block;}

.np-media-icon04{ width:64px; height:45px; overflow:hidden; display:inline-block; margin:0; padding:0; cursor:pointer; background:url(../../img/web/ui_bluetheme.png) -504px -297px no-repeat; text-indent:-888px;}
.np-media-icon04:hover, .media-note-box.open .np-media-icon04{ background:url(../../img/web/ui_bluetheme.png) -504px -241px no-repeat; }

.np-media-icon05{ width:64px; height:45px; display:inline-block; margin:0 0 0 0px; padding:0; cursor:pointer; background:url(../../img/web/ui_bluetheme.png) -568px -297px no-repeat; overflow: hidden; text-indent:-888px;}
.np-media-icon05:hover{background:url(../../img/web/ui_bluetheme.png) -568px -241px no-repeat; }

.media-note-box{ float:left; position:relative;  margin:0 0 0 32px;} 



.np-newsticker{ position: fixed; left:0; bottom:0; right:0; background-color:#292D3C; height:30px; font-size:13px; color:#FFFFFF; line-height:30px;}



.search-result-box{ background-color:#E8EDF0; padding:10px; margin:10px 0; -webkit-border-radius:4px; border-radius:4px;  }
.sr-title01{ font:normal 16px/25px 'roboto-bold', Arial, Helvetica, sans-serif; color:#3d73a8;  }

.fav-srb{background-color: #E8EDF0; border:1px solid #A0ADB9; -webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2); box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);}

.sr-text01{ font:normal 14px/25px 'roboto', Arial, Helvetica, sans-serif; color:#000000;  padding:0 10px 0px 8px;  margin:6px 0px 0px 0px; display:inline-block; border-right:1px solid #8d959a; }
.sr-text01 span{ color:#000000; }
.sr-text01 span+span{ color:#000000;  }
.sr-text01:first-child{ margin-left:0px;}
.sr-text01:last-child{ border-right:none;}


.sr-title-link01{ margin-right:8px; font:normal 13px/16px 'roboto', Arial, Helvetica, sans-serif; float:right; color:#3d73a8; padding:3px 10px; border:1px solid #3d73a8; border-radius:25px;  }
.sr-title-link01:hover{ color:#fff; background-color:#3d73a8; text-decoration:none;}
 
.sr-title-link02{ position:relative; height:24px; width:24px; display:block; font:normal 13px/16px 'roboto', Arial, Helvetica, sans-serif; float:right; color:#3d73a8; padding:3px 10px; border:1px solid #3d73a8; border-radius:25px;}
.sr-title-link02:hover{ color:#fff; background-color:#3d73a8; text-decoration:none;}

.sr-title-link02.sr-title-link02-collaps{ color:#fff; background-color:#3d73a8; text-decoration:none;}

.sr-title-link02-expand:after{ -moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #3d73a8 transparent transparent transparent;  border-image: none; border-style: solid; border-width:6px; top:9px; content: ""; margin-top: 0; position: absolute; left:5px; z-index:1;}
.sr-title-link02:hover.sr-title-link02-expand:after{ border-color: #fff transparent transparent transparent; }


.sr-title-link02.sr-title-link02-collaps:after{border-color: transparent transparent #ffffff transparent; -moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;  border-image: none; border-style: solid; border-width:6px; top:1px; content: ""; margin-top: 0; position: absolute; left:5px; z-index: 11110; }



.np-inner-recordbox{ padding:6px 0px; margin:5px 0 0 0; font:normal 13px/30px 'roboto', Arial, Helvetica, sans-serif; min-height:40px;}
.np-inner-record-leftbox{ float:left;}
.np-inner-record-rightbox{ float:right; line-height:normal;}
.np-inner-record-box01{ position:relative; text-align:center; margin:10px 0;} 
.np-inner-record-box01 span{ display:inline-block; margin-right:5px;}

.np-inner-record-box02{ float:left;  margin-top:4px; }
.np-inner-record-box02 a{ padding:0 10px; text-decoration:none; text-align:center; font:normal 13px/20px 'roboto', Arial, Helvetica, sans-serif; color:#454040; width:30px; -webkit-border-radius:3px; border-radius:3px; background:url(../../img/web/gray-back-button.png) 50% 50% no-repeat; background-size:cover; transition:none !important;  -webkit-box-shadow:inset 0 0 0 1px rgba(203,203,203,1), 2px 2px 4px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 0 1px rgba(203,203,203,1), 2px 2px 4px 0 rgba(0,0,0,0.1);      }

.np-inner-record-box02 a:hover, .np-inner-record-box02 a.active{ color:#FFFFFF; background:url(../../img/web/gray-back-button-hover.png) 50% 50% no-repeat; -webkit-box-shadow:inset 0 0 0 1px rgba(5,50,120,0), 2px 2px 4px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 0 1px rgba(5,50,120,0), 2px 2px 4px 0 rgba(0,0,0,0.1); background-size:cover; transition:none !important; }

.np-inner-record-box03{padding:0 10px; text-decoration:none; text-align:center; font:normal 13px/20px 'roboto', Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../../img/web/gray-back-button-hover.png) 50% 50% no-repeat; -webkit-border-radius:3px; border-radius:3px; background-size:cover; display:block; -webkit-box-shadow:inset 0 0 0 1px rgba(5,50,120,0), 2px 2px 4px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 0 1px rgba(5,50,120,0), 2px 2px 4px 0 rgba(0,0,0,0.1); float:left; transition:none !important; height:20px; border:1px solid #666666;  margin-top:4px; }

.np-inner-record-box04{ float:right;  margin-top:14px; margin-right:0; }
.np-inner-record-box04 a, .np-inner-record-box04 input{ padding:7px 10px; text-decoration:none; text-align:center; font:normal 13px/20px 'roboto', Arial, Helvetica, sans-serif; color:#454040; -webkit-border-radius:3px; border-radius:3px; background:url(../../img/web/gray-back-button.png) 50% 50% no-repeat; background-size:cover; transition:none !important;  -webkit-box-shadow:inset 0 0 0 1px rgba(203,203,203,1), 2px 2px 4px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 0 1px rgba(203,203,203,1), 2px 2px 4px 0 rgba(0,0,0,0.1); display:block; border:none; }

.np-inner-record-box04 a:hover, .np-inner-record-box04 a.active, .np-inner-record-box04.open a, .np-inner-record-box04 input:hover{ background:url(../../img/web/gray-back-button-hover.png) 50% 50% no-repeat; color:#FFFFFF; text-decoration:none; background-size:cover;}

.inner-city-linkbox01{ float:left; width:125px; cursor:pointer; display:block; background-color:#fff; padding:8px;  position:relative; text-align:center;  } 
.inner-city-iconbox{ width:92px; height:92px; background-color:#e9eaeb; -webkit-border-radius:50px; border-radius:50px; margin:0 auto; text-align:center; -webkit-box-shadow:inset 0 0 0 4px #fff;
box-shadow:inset 0 0 0 4px #fff; border:1px solid #fff;  padding:4px;  }
.inner-city-iconbox{ border:1px solid #979797; margin-bottom:10px; }
.inner-city-iconbox img{ width:100%; height:auto;}
.inner-city-linkbox01:hover{ background-color:#EDEDED;}
.np-inner-box03 .dropdown-menu{width:272px;}

.inner-city-linkbox01.active .citi-linkbox-selectlink{ visibility: visible; opacity:1;}


.citi-linkbox-selectlink{ position:absolute; width:24px; height:24px; display:block; visibility:hidden; opacity:0; right: 7px; top: 17px;} 
.citi-linkbox-selectlink span{ width:24px; height:24px; text-indent:-500px; overflow:hidden; display:block; background:url(../../img/web/ui_bluetheme.png) -180px -54px no-repeat; opacity:0.5; }
.citi-linkbox-selectlink span:hover{ opacity:1; cursor:pointer; }
.inner-city-linkbox01.active .citi-linkbox-selectlink span, .inner-city-linkbox01.active .citi-linkbox-selectlink span:hover{ opacity:1; background:url(../../img/web/ui_bluetheme.png) -180px 0px no-repeat !important;}
.submenu-grayback{ background-color:rgba(232,232,232,1.00); border:1px solid rgba(232,232,232,1.00); padding:12px 8px; margin:5px 0 0 0; -webkit-box-shadow:inset 0 1px 0 0 #fff; box-shadow:inset 0 1px 0 0 #fff;}
.dd-pad10{ padding:10px 10px 0 10px;}
.subhead-subbox05 .dropdown-menu .label_radio{max-width:240px;}

.np-viewall-notification-box{ background-color:rgba(255,255,255,1.00); text-align:center; padding:10px 0 6px 0;}

.np-viewall-notification-link{margin:0px auto; background-color:rgba(242,198,21,1); -webkit-border-radius:4px; border-radius:4px; border:1px solid rgba(255,255,255,0.5);  -webkit-box-shadow: 0 4px 0 0 rgba(222,160,0,1); box-shadow: 0 4px 0 0 rgba(222,160,0,1); padding:6px 14px; display:inline-block; text-decoration:none; color:#000; }
.np-viewall-notification-link:hover{ background-color:rgba(242,162,23,1); color:#fff; -webkit-box-shadow: 0 4px 0 0 rgba(222,160,0,1); box-shadow: 0 4px 0 0 rgba(222,160,0,1); text-decoration:none; }

.member-info-box{   background-color: rgb(52, 56, 70); border-radius: 4px; border-top: 1px solid #525867; color:#E0E0E0;  font-size: 13px;  line-height: 16px;  margin:0 14px 15px 14px; padding:8px;}

.lang-button{ display:block; width:150px; height:24px; margin:12px 16px;}
.lang-button:hover{ background-color:#fff !important;}
.lang-gujarati{ background: url(../../img/web/ui_bluetheme.png) -851px 0px no-repeat;}
.lang-english{ background: url(../../img/web/ui_bluetheme.png) -851px -43px no-repeat;}

.np-home-headfix01.affix-top{ background-color:transparent;}
.np-home-headfix01.affix{ background-color:transparent;}

.head-part{ display:block; width:100%; min-height:60px;}
#sticky-header{ position:fixed; left:0px; top:0px; right:0px; z-index:11;}

.np-headfix01{ height:45px; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; transition: height 0.5s;}
.affix .np-headfix01{ height:0px; overflow:hidden; min-height:0px;  -webkit-transition: height 0.5s; -moz-transition: height 0.5s; transition: height 0.5s;}
.affix .sr-infobox {height:0px !important; overflow:hidden; min-height:0px;  -webkit-transition: height 0.5s; border-top:none;  -moz-transition: height 0.5s; transition: height 0.5s;}
.affix-top .sr-infobox  {height:auto; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; transition: height 0.5s;  margin-top:5px; }

.sr-infobox.open  {height:auto !important; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; transition: height 0.5s;  margin-top:5px; }

.scroll-mainbox{ display:block; position:relative; padding-right:30px; padding-left:142px; width:100%;}
.scroll-mainbox:after{ content:'Leads Summary:'; border:none; position:absolute; left:24px; top:1px; font-size:15px; font-family:'roboto-bold', Arial, sans-serif; color:#1AB9ED;} 
.pointer { cursor: pointer; }


.ticker-modal-link{ width:25px; height:25px; opacity:0.8; position:absolute;  left:-1px; bottom:1px; background:url(../../img/web/ui_bluetheme.png) -814px 3px no-repeat; }
.ticker-modal-link:hover{ opacity:1;}



/* Toggle Button style */
.np-lang-mainbox{ padding:10px 10px 10px 14px !important; color:#aeaeae !important;}
.np-lang-box01{ float:left; padding:0 8px 0 0;}
.np-lang-box02{ float:left; padding:0 0 0 8px;}
 
.toggle, .toggler { display: inline-block; vertical-align: middle; margin: 0 6px; font-size:14px; position:relative; }
.toggler {  color: black; transition: .2s; cursor:pointer; }
.toggler--is-active { color: slategray;  }
.b {   display: block; }
.toggle { width: 48px; height:23px; border-radius: 100px; background-color: #2ecc71;  overflow: hidden; margin:0px;  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05); }
.check {  position: absolute;  display: block; cursor: pointer;  top: 0;  left: 0;  width: 100%;  height: 100%;  opacity: 0;  z-index: 6; }
.check:checked ~ .switch { right: 2px;  left: 55.5%;   transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-property: left, right;  transition-delay: .08s, 0s; }
.switch {  position: absolute;  left: 2px; top: 2px;  bottom: 2px; right: 55.5%;  background-color: #fff; border-radius: 36px;  z-index: 1;  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);  transition-property: left, right;  transition-delay: 0s, .08s;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } 
 
.right-sign01{ width:11px; height:11px; background:url(../../img/web/right-icon.png) left top no-repeat; display:block; position:absolute; left:5px; top:6px;} 
.right-sign02{ width:11px; height:11px; background:url(../../img/web/right-icon.png) left top no-repeat; display:block; position:absolute; right:5px; top:6px;} 
 

/* Favorite Style  */


.np-inner-tab-box{  color:#b8b8b8; padding:10px 10px 10px 50px; position:relative; border-bottom:6px solid #b8b8b8; float:left; margin-right:18px; cursor:pointer; }
.np-inner-tab-box a{color:#b8b8b8; }
.np-inner-tab-box span{ display:block; font:normal 18px/18px 'roboto-bold', Arial, Helvetica, sans-serif;  text-align:left;}
.np-inner-tab-box span+span{   font:normal 16px/18px 'roboto', Arial, Helvetica, sans-serif; }

.np-inner-tab-box a:hover{ color:#2f4152; border-bottom-color:#2f4152; text-decoration:none;}
.np-inner-tab-box.active a:hover, .np-inner-tab-box.active, .np-inner-tab-box.active a{ color:#000000; border-bottom-color:#1AB9ED;}
.inner-fav-ico01{ width:38px; height:38px; display:block; position:absolute; left:0px; top:8px; background:url(../../img/web/ui_bluetheme.png) -47px -573px no-repeat;}
.inner-save-ico01{ width:38px; height:38px; display:block; position:absolute; left:0px; top:8px; background:url(../../img/web/ui_bluetheme.png) -47px -625px no-repeat;}
.np-inner-tab-box:hover .inner-fav-ico01, .np-inner-tab-box.active .inner-fav-ico01{ background:url(../../img/web/ui_bluetheme.png) 0px -573px no-repeat;}
.np-inner-tab-box:hover .inner-save-ico01, .np-inner-tab-box.active .inner-save-ico01{ background:url(../../img/web/ui_bluetheme.png) 0px -625px no-repeat;}


.np-inner-tab-box02{  color:#b8b8b8; padding:10px 15px; position:relative; border-bottom:6px solid #b8b8b8; float:left; margin-right:18px; cursor:pointer; }
.np-inner-tab-box02 a{  color:#b8b8b8; text-decoration:none;}
.np-inner-tab-box02 span{ display:block; font:normal 18px/18px 'roboto-bold', Arial, Helvetica, sans-serif;  text-align:center;}
.np-inner-tab-box02 span+span{   font:normal 16px/18px 'roboto', Arial, Helvetica, sans-serif; }

.np-inner-tab-box02 a:hover{ color:#2f4152; border-bottom-color:#2f4152; text-decoration:none;}
.np-inner-tab-box02.active a:hover, .np-inner-tab-box02.active, .np-inner-tab-box02.active a{ color:#000000; border-bottom-color:#1AB9ED; text-decoration:none;}
.inner-fav-ico02{ width:12px; height:12px; display:block; position:absolute; left:0px; top:12px; background:url(../../img/web/ui_bluetheme.png) -892px -0px no-repeat; opacity:0; visibility:hidden;}
.np-inner-tab-box02:hover .inner-fav-ico02, .np-inner-tab-box02.active:hover .inner-fav-ico02{ opacity:1; visibility: visible;}

.np-inner-addbutton{ float:right; margin:12px 0 0 0;}
.np-inner-addbutton a{ color:#000000 !important;}

.np-inner-tablebox{ background-color:#FFFFFF; border:1px solid #bababa; -webkit-border-radius:4px; border-radius:4px; font-size:16px; line-height:24px; -webkit-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.2);
box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.2); }

.np-inner-tablebox table td{ border-top:1px solid #dddddd; padding:10px;}
.np-inner-tablebox table th{ font:normal 16px/18px 'roboto-bold', Arial, Helvetica, sans-serif; background-color:#e9e9e9; padding:14px;}
.np-inner-tablebox table td span{ display:inline-block; float:left; margin-right:0px;}
table th span{ display:inline-block; float:left; margin-right:5px;}
.np-inner-tablebox table tr:hover{ background-color:#E8F7FC;}

.np-inner-tablebox table tr:nth-child(even){ background-color:#FFFFFF;}
.np-inner-tablebox table tr:nth-child(odd){ background-color:#F0FAFC;}


.tab-text-title{ font:normal 16px/18px 'roboto-bold', Arial, Helvetica, sans-serif; padding-left:22px; color:#333333; position:relative;}
.tab-text-title:hover{ color:#000; text-decoration:none; }
.tab-text-title:hover .tab-aerow, .tab-text-title:hover .tab-aerow.active{ background:url(../../img/web/ui_bluetheme.png) -56px -195px no-repeat;}
.tab-text-title:hover .tab-aerow.a-up, .tab-text-title:hover .tab-aerow.a-up.active{ height:18px; width:17px; display:block; background:url(../../img/web/ui_bluetheme.png) -56px -178px no-repeat;}
.tab-aerow.a-up.active{ background:url(../../img/web/ui_bluetheme.png) -81px -178px no-repeat;}

.tab-aerow.active{ background:url(../../img/web/ui_bluetheme.png) -81px -195px no-repeat;}
.tab-aerow{ height:18px; width:17px; display:block; background:url(../../img/web/ui_bluetheme.png) -31px -195px no-repeat; position:absolute; left:0px; top:2px;}
.tab-aerow.a-up{ background:url(../../img/web/ui_bluetheme.png) -31px -178px no-repeat;}

.np-inner-view-button{ display:inline-block; padding:0 10px 0 35px; font:normal 15px/26px 'roboto', Arial, Helvetica, sans-serif; -webkit-border-radius:30px; border-radius:30px; border:1px solid #aaaaaa; 
background: url(../../img/web/ui_bluetheme.png) -951px 3px no-repeat #dfdfdf; color:#222; margin-right:8px;}
.np-inner-view-button:hover, .np-inner-view-button.active{ background: url(../../img/web/ui_bluetheme.png) -951px -43px no-repeat #3D73A8; color:#fff; text-decoration:none; border:1px solid #3a739f;   }

.np-inner-arch-button{ display:inline-block; padding:0 10px 0 35px; font:normal 15px/26px 'roboto', Arial, Helvetica, sans-serif; -webkit-border-radius:30px; border-radius:30px; border:1px solid #aaaaaa; 
background: url(../../img/web/ui_bluetheme.png) -951px -89px no-repeat #dfdfdf; color:#222; margin-right:8px;}
.np-inner-arch-button:hover{ background: url(../../img/web/ui_bluetheme.png) -951px -135px no-repeat #3D73A8; color:#fff; text-decoration:none; border:1px solid #3a739f;   }

.in-spce-fix{ margin:0 10px 0 26px !important;}

.inner-edit-icon{ width:24px; height:24px; display:block; background:url(../../img/web/ui_bluetheme.png) -652px -44px no-repeat;}
.inner-edit-icon:hover, .inner-edit-icon.active, .open .inner-edit-icon{ width:24px; height:24px; display:block; background:url(../../img/web/ui_bluetheme.png) -652px -75px no-repeat;}

.inner-note-icon{ width:24px; height:24px; display:block; background:url(../../img/web/ui_bluetheme.png) -683px -44px no-repeat;}
.inner-note-icon:hover, .inner-note-icon.active, .open .inner-note-icon{ width:24px; height:24px; display:block; background:url(../../img/web/ui_bluetheme.png) -683px -75px no-repeat;}

.inner-delete-icon{ width:24px; height:24px; display:block; background:url(../../img/web/ui_bluetheme.png) -714px -44px no-repeat;}
.inner-delete-icon:hover, .inner-delete-icon.active{ width:24px; height:24px; display:block; background:url(../../img/web/ui_bluetheme.png) -714px -75px no-repeat;}


.inner-d-editbox01{ position:relative; border:1px solid #74B2E3; }
.inner-d-editbox02{ position:absolute; right:0px; top:6px; width:60px; height:35px;}
.inner-d-editbox01 input{ width:100%; padding:0 68px 0 5px; height:35px; font:normal 15px/35px 'roboto', Arial, Helvetica, sans-serif; background-color:#FFFFFF; border:none; outline:none;}

.in-d-save-btn{ display:inline-block; width:25px; height:24px; background:url(../../img/web/ui_bluetheme.png) -939px -198px no-repeat;}
.in-d-save-btn:hover, .in-d-save-btn.active{background:url(../../img/web/ui_bluetheme.png) -939px -232px no-repeat;}

.in-d-cancel-btn{ display:inline-block; width:25px; height:24px; background:url(../../img/web/ui_bluetheme.png) -975px -198px no-repeat; }
.in-d-cancel-btn:hover, .in-d-cancel-btn.active{background:url(../../img/web/ui_bluetheme.png) -975px -232px no-repeat;}

.inner-d-editbox03{ position:relative; border:1px solid #74B2E3; }
.inner-d-editbox03 textarea{ width:100%; padding:5px 75px 0 5px; resize:none; height:90px; font:normal 15px/20px 'roboto', Arial, Helvetica, sans-serif; background-color:#FFFFFF; border:none; outline:none;}
.inner-d-editbox03 .inner-d-editbox02{ right:15px;}


/*.inner-d-grayback, .np-inner-tablebox table tr.inner-d-grayback td{ background-color:#F2F2F2;}
.inner-d-grayback02, .np-inner-tablebox table tr.inner-d-grayback02 td{ background-color:#F2F2F2; border-top:0px;}*/

.fav-arch-box{ -webkit-border-radius:4px; border-radius:4px; padding:9px; cursor: pointer; color: #222; background-color: #E8EDF0;  border:1px solid #A0ADB9; text-align:center; font:normal 18px/24px 'roboto-bold', Arial, Helvetica, sans-serif;}
.fav-arch-box span{ display:inline-block; margin-right:6px; height:22px;}

.fav-arch-box:hover{ background-color:#1AB9ED; border:1px solid #068ebb; color:#fff; }


.fav-arch-btn{ display:block; height:29px; width:29px; opacity:0.6; }
.fav-arch-box:hover .fav-arch-btn{opacity:1; background:url(../../img/web/ui_bluetheme.png) -971px  -279px no-repeat; }

.fav-arch-box.collapsed .fav-arch-btn{ background:url(../../img/web/ui_bluetheme.png) -929px  -279px no-repeat; -webkit-transition:none !important;  transition:none !important;  }
 .fav-arch-btn{ background:url(../../img/web/ui_bluetheme.png) -971px  -279px no-repeat;  -webkit-transition:none !important;  transition:none !important; }

.np-inner-dropfix04{ padding:0 !important; background-color:#fff; border:1px solid #cccccc !important; border-top:none !important; width:300px; left: -83px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);}
.np-inner-dropfix04:after{ -moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent #fff transparent;  border-image: none; border-style: solid; border-width:9px; top:-18px; content: ""; margin-top: 0; position: absolute; left:83px; z-index: 11111;} 


.np-blue-button{ padding:7px 10px; text-decoration:none; text-align:center; font:normal 15px/20px 'roboto', Arial, Helvetica, sans-serif; color:#454040; -webkit-border-radius:3px; border-radius:3px; background:url(../../img/web/gray-back-button.png) 50% 50% no-repeat; background-size:cover; transition:none !important;  -webkit-box-shadow:inset 0 0 0 1px rgba(203,203,203,1), 2px 2px 4px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 0 1px rgba(203,203,203,1), 2px 2px 4px 0 rgba(0,0,0,0.1); display:block; outline:none; border:none;     }

.np-blue-button:hover{ background:url(../../img/web/gray-back-button-hover.png) 50% 50% no-repeat; color:#FFFFFF; text-decoration:none; background-size:cover;}






























/* Extra ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* extra patch style */ 

.cg-colItem, .cg-colItem a{ font-family:'roboto', arial !important; font-size:14px !important; font-weight:normal !important; text-indent:5px;}
.cg-colItem a strong{ font-weight:normal !important;}
.cg-colItem div.cb{ padding:0px;}


/* Fancy redio and checkbox style */

.has-js .label_check, .has-js .label_check2, .has-js .label_radio{ padding:0 12px 0 25px; color:#a9a9a9; cursor:pointer; }
.has-js .label_radio{ background: url(../../img/web/ui_bluetheme.png) -12px -802px no-repeat; }
.has-js .label_check{ background: url(../../img/web/ui_bluetheme.png) -11px -742px no-repeat; }
.has-js .np-checkboxfix .label_check{ padding:0 2px 0 38px; background: url(../../img/web/ui_bluetheme.png) -11px -737px no-repeat;  }
.has-js .np-checkboxfix label.c_on{ background: url(../../img/web/ui_bluetheme.png) -267px -737px no-repeat; color:#000000; }
.has-js label.r_on{ background: url(../../img/web/ui_bluetheme.png) -268px -802px no-repeat; color:#000000;  }

.has-js .label_check2{ background: url(../../img/web/ui_bluetheme.png) -12px -857px no-repeat; }
.has-js label.c_on{ background: url(../../img/web/ui_bluetheme.png) -267px -857px no-repeat; color:#000000; }
 
.has-js .label_check input, .has-js .label_check2 input, .has-js .label_radio input{ position: absolute; left: -9999px;}

.label_check a{color:#a9a9a9;}
.label_check.c_on a{color:#000000; }



.inner-form-control {
	display: block;
	width: 100%;
	height: 35px;
	padding: 6px 8px;
	font-size: 14px;
	line-height: 35px;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.inner-form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.inner-form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.inner-form-control:-ms-input-placeholder {
  color: #999999;
}
.inner-form-control::-webkit-input-placeholder {
  color: #999999;
}


.np-form-textarea {
	display: block !important;
	width: 100% !important;
	height: 90px !important;
	padding: 8px 12px !important;
	font-size: 13px !important;
	line-height: 1.42857143 !important;
	color: #555 !important; 
	background-color: #fff !important;
	background-image: none !important;
	border: 0px solid #BFBFBF !important;
	border-radius: 4px !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
}
.np-form-textarea:focus {
border-color: #66afe9 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)  !important;
    outline: 0 none  !important;}


/* Animation Class */
.ani-1, .ani-1 span, .ani-1 ul li {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.ani-1 a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.ani-1 a:hover, .ani-1 a:hover span, .ani-1 a:hover ul li {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
/* End Fancy redio and checkbox style */



/* Bootstrap class - edit */

.form-control, .np-textboxfix001 select {
	display: block;
	width: 100%;
	height: 35px;
	padding: 6px 12px;
	font-size: 14px;
	line-height:35px;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


/* To Top class */
#totop { 
	background:url(../../img/web/ui_bluetheme.png) -841px 3px no-repeat;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 9px;
    opacity: 0;
    padding:5px;
    position: fixed;
    right: -59px;
    text-align: center;
    bottom:0px;
    width:25px; height:25px;
    z-index: 9999; 
}
#totop img { display:none }
#totop.on {
    opacity: 0.7;
    right: 16px;
    transition: all 0.3s ease-in-out 0s;
}
#totop.off {
    right: -59px;
    transition: all 0.3s ease-in-out 0s;
}
#totop:hover {
    opacity: 1;
}


#loadercurve-1,#loadercurve-3{-moz-animation-name:rotate}
#loadercurve-1,#loadercurve-2,#loadercurve-3{-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear}
#loadercurve-1,#loadercurve-3{-webkit-animation-name:rotate}
.loadermainbox{width:300px;height:300px;display:block;margin:0 auto;position:relative}
.white-curve{background:url(../../img/web/body-back-white.png) center top no-repeat;width:300px;height:300px;position:absolute;z-index:99999}#loadercurve-1,#loadercurve-2,#loadercurve-3{width:60px;height:60px;position:absolute;-webkit-animation-duration:3s;-moz-animation-duration:3s}#loadercurve-1{background:url(../../img/web/lo-ch-1.png) 50% 50% no-repeat;top:104px;left:104px}#loadercurve-3{background:url(../../img/web/lo-ch-2.png) 50% 50% no-repeat;top:135px;left:144px}#loadercurve-2{background:url(../../img/web/lo-ch-3.png) 50% 50% no-repeat;top:154px;left:109px;-webkit-animation-name:rotate2;-moz-animation-name:rotate2}
@-webkit-keyframes rotate2{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@-moz-keyframes rotate2{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(-360deg)}}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}


.modal-lead-summarybox01{ display:block; width:100%; background-color:#f9f9f9;}
.modal-lead-titlebar{background: url(../../img/web/tab-sad02.png) left top repeat-x #1ab9ed; min-height:40px; padding:0 10px;}

.modal-title01{ padding:0 0 0 30px; background:url(../../img/web/modal-icon01.png) 3px 10px no-repeat; color:#FFFFFF;}
.modal-title01 span{ float:left; font:normal 16px/40px 'roboto-bold', Arial, Helvetica, sans-serif; }
.modal-title01 span+span{ float:right; font:normal 16px/40px 'roboto', Arial, Helvetica, sans-serif;}
.modal-lead-container{ padding:22px; width:100%; max-height:400px; overflow:auto;}
.modal-lead-box01{ float:left; width:55%; padding:0 15px 0 0;}
.modal-lead-box02{ float:left; width:45%; padding:0 0 0 15px;}

.modal-lead-entry{ font:normal 16px/30px 'roboto', Arial, Helvetica, sans-serif; color:#4b4b4b; padding-bottom:15px; margin-bottom:20px; border-bottom:1px dotted #78b6e5;}
.modal-lead-entry span{ display:block; margin-bottom:2px; padding-left:30px; background: url(../../img/web/list-bullet.png) 2px 8px no-repeat; }

.modal-title02{ padding:0 0 0 30px; background:url(../../img/web/modal-icon02.png) 3px 10px no-repeat; color:#FFFFFF; font:normal 16px/40px 'roboto-bold', Arial, Helvetica, sans-serif; }
.modal-lead-container label{ font-size:15px !important;}

.modal-title03{ padding:50px 0 0 0; background:url(../../img/web/modal-icon03.png) 50% 3px no-repeat; color:#333333; text-align:center;}
.modal-title03 span{  font:normal 18px/22px 'roboto-bold', Arial, Helvetica, sans-serif; display:block; }
.modal-title03 span+span{ font:normal 15px/22px 'roboto', Arial, Helvetica, sans-serif; display:block;}

.modal-title04{ padding:0 0 0 30px; background:url(../../img/web/modal-icon04.png) 3px 10px no-repeat; color:#FFFFFF; font:normal 16px/40px 'roboto-bold', Arial, Helvetica, sans-serif; }

.modal-title05{ padding:50px 0 0 0;  font:normal 15px/22px 'roboto', Arial, Helvetica, sans-serif; background:url(../../img/web/modal-icon05.png) 50% 3px no-repeat; color:#333333; text-align:center;}
.modal-title06{ padding:0 0 0 30px; background:url(../../img/web/modal-icon04.png) 3px 10px no-repeat; color:#FFFFFF; font:normal 16px/40px 'roboto-bold', Arial, Helvetica, sans-serif; }

.modal-title07{ padding:0 0 0 30px; background:url(../../img/web/modal-icon07.png) 3px 10px no-repeat; color:#FFFFFF; font:normal 16px/40px 'roboto-bold', Arial, Helvetica, sans-serif; }
.modal-title08{ padding:50px 0 0 0;  font:normal 15px/22px 'roboto', Arial, Helvetica, sans-serif; background:url(../../img/web/modal-icon06.png) 50% 3px no-repeat; color:#333333; text-align:center;}


/* My Account style */
.ma-inner-tab-box{  color:#b8b8b8; padding:10px 10px 10px 50px; position:relative; border-bottom:6px solid #b8b8b8; float:left; margin-right:18px; cursor:pointer; }
.ma-inner-tab-box a:hover{ text-decoration:none;}
.ma-inner-tab-box a span{color:#b8b8b8; }
.ma-inner-tab-box span{ display:block; font:normal 18px/36px 'roboto-bold', Arial, Helvetica, sans-serif;  text-align:left;}
.ma-inner-tab-box:hover { border-bottom-color:#000000;}
.ma-inner-tab-box.active { border-bottom-color:#1AB9ED;}

.ma-inner-tab-box:hover a span{ color:#2f4152; border-bottom-color:#000000; text-decoration:none; }
.ma-inner-tab-box.active a span { color:#000000;}

.inner-ma-ico01{ width:38px; height:38px; display:block; position:absolute; left:0px; top:9px; background:url(../../img/web/ui_bluetheme.png) -472px -354px no-repeat;}
.inner-ma-ico02{ width:38px; height:38px; display:block; position:absolute; left:0px; top:9px; background:url(../../img/web/ui_bluetheme.png) -472px -408px no-repeat;}
.inner-ma-ico03{ width:38px; height:38px; display:block; position:absolute; left:0px; top:9px; background:url(../../img/web/ui_bluetheme.png) -472px -465px no-repeat;}
.inner-ma-ico04{ width:38px; height:38px; display:block; position:absolute; left:0px; top:9px; background:url(../../img/web/ui_bluetheme.png) -472px -519px no-repeat;}
.inner-ma-ico05{ width:38px; height:38px; display:block; position:absolute; left:0px; top:9px; background:url(../../img/web/ui_bluetheme.png) -472px -574px no-repeat;}
.inner-ma-ico06{ width:38px; height:38px; display:block; position:absolute; left:0px; top:9px; background:url(../../img/web/ui_bluetheme.png) -472px -629px no-repeat;}
 


.ma-inner-tab-box:hover .inner-ma-ico01{ background:url(../../img/web/ui_bluetheme.png) -528px -354px no-repeat;}
.ma-inner-tab-box:hover .inner-ma-ico02{ background:url(../../img/web/ui_bluetheme.png) -528px -408px no-repeat;}
.ma-inner-tab-box:hover .inner-ma-ico03{ background:url(../../img/web/ui_bluetheme.png) -528px -465px no-repeat;}
.ma-inner-tab-box:hover .inner-ma-ico04{ background:url(../../img/web/ui_bluetheme.png) -528px -519px no-repeat;}
.ma-inner-tab-box:hover .inner-ma-ico05{ background:url(../../img/web/ui_bluetheme.png) -528px -574px no-repeat;}
.ma-inner-tab-box:hover .inner-ma-ico06{ background:url(../../img/web/ui_bluetheme.png) -528px -629px no-repeat;}

.ma-inner-tab-box.active .inner-ma-ico01{ background:url(../../img/web/ui_bluetheme.png) -584px -354px no-repeat;}
.ma-inner-tab-box.active .inner-ma-ico02{ background:url(../../img/web/ui_bluetheme.png) -584px -408px no-repeat;}
.ma-inner-tab-box.active .inner-ma-ico03{ background:url(../../img/web/ui_bluetheme.png) -584px -465px no-repeat;}
.ma-inner-tab-box.active .inner-ma-ico04{ background:url(../../img/web/ui_bluetheme.png) -584px -519px no-repeat;}
.ma-inner-tab-box.active .inner-ma-ico05{ background:url(../../img/web/ui_bluetheme.png) -584px -574px no-repeat;}
.ma-inner-tab-box.active .inner-ma-ico06{ background:url(../../img/web/ui_bluetheme.png) -584px -629px no-repeat;}

.help-title01{ font:normal 20px/35px 'roboto-bold', Arial, Helvetica, sans-serif; color:#000000; padding:8px 0px; margin-bottom:8px; text-align:left;}
.help-title01 .np-inner-record-box04{ margin-top:0;}
 

.ps-whitebox{  background-color:#FFFFFF; padding:20px; border-radius:5px; }
.myp-tablink-box{ font:normal 16px/41px "roboto",Helvetica,Arial,sans-serif; border-bottom:1px solid #cccccc;}
.myp-tablink-box a{ display:inline-block; padding:2px 18px; margin-right:10px; border-bottom:3px solid #fff; text-decoration:none; color:#8d8d8d; }
.myp-tablink-box a:hover{ border-bottom:3px solid #666; }
.myp-tablink-box a.active:hover, .myp-tablink-box a.active{ border-bottom:3px solid #008fee;  color:#000000; }

.myp-tablink-container{ padding:0 10px; width:75%;}

.myp-tablink-box01{ float:left; width:47%; margin-right:3%; font:normal 16px/20px "roboto",Helvetica,Arial,sans-serif;}
.myp-tablink-box01 table td{ border-bottom:1px dotted #7b7b7b; padding:15px 0; }
.myp-tablink-box01 label{ margin-bottom:0px;}

.myp-tablink-box02{ float:left; width:65%; margin-right:3%; font:normal 16px/20px "roboto",Helvetica,Arial,sans-serif;}
.myp-tablink-box02 table td{ border-bottom:1px dotted #7b7b7b; padding:15px 0; }
.myp-tablink-box02 label{ margin-bottom:0px;}