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

/* Styling all elements
==========================================================================================================*/
* { margin: 0; padding: 0; }
img { border: none; }
abbr, acronym { cursor: help; }
.floatleft {float: left !important;}
.floatright {float: right !important;}
/* --------------- Applying clearfix fix for some browsers to use in appropriate places -------------- */
.clearfix:after { content: " ";	display: block;	height:0%; clear: both;	visibility: hidden; }
.clearfix {	display: inline-block; }
/* Hide from IE Mac \*/
.clearfix {	display: block; }
/* End hide from IE Mac */
.clear {clear:both}
/* Global Hyperlinks */
a {color: #111; outline: none; border: none; text-decoration: none;}
a:link {color:#111;}
a:visited {color:#2F4E61;}
a:hover, a:focus {text-decoration:none;}
/*=======================================================================================================*/
body, .int-body{background:url(../../media/images/bg.png) repeat-x 0 0;font:12px Arial, Helvetica, sans-serif;color:#202020;}/*----- Body -----*/
.int-body{background:url(../../media/images/int-bg.jpg) repeat-x 0 0;}
#wrapper {width:979px;margin:0 auto;}/*----- Wrapper -----*/
#top {position:relative;background:url(../../media/images/tbg.png) no-repeat 0 0;height:123px;}/*----- Top Section -----*/
#logo {position:absolute;left:20px;top:33px;}/*----- Logo -----*/
#emergency-call {position:absolute;top:14px;right:17px;width:400px;text-align:right}
#emergency-call p {font:15px "Myraid Pro", Arial, Helvetica, sans-serif;font-weight:700;color:#fff;padding-bottom:5px}
#emergency-call span {color:#6accff;}
#search {position:absolute;top:77px;right:7px;width:217px;}
* html #search {width:220px;}
.textbox-bg {background:url(../../media/images/search-box.png) no-repeat 0 0;height:22px;width:145px;display:block;float:left;padding:8px 0 0 5px;}
.textbox {border:0;background:none;width:140px;}
.search-btn {float:left;background:url(../../media/images/search.png) no-repeat 0 0; width:67px; height:30px; padding-bottom:8px; font-size:16px;color:#fff; font-weight:700; text-align:center; cursor:pointer; border:0}
#nav {background:url(../../media/images/nav.png) no-repeat 0 0; width:979px; height:40px;}/*----- Main Navigation -----*/
#nav ul {list-style:none;padding-left:7px;}
#nav li {background:url(../../media/images/nav-sep.png) no-repeat right 0;height:37px;line-height:37px;padding-right:9px;float:left;}
#nav a {text-decoration:none;font-size:12px;color:#323232;padding:0 17px;height:37px;text-transform:uppercase;display:inline-block; font-weight:700;}
#nav a:hover, #nav .active, #nav a.selected {background:url(../../media/images/nav-hvr.png) repeat-x 0 0;color:#fffefe;}
#nav li.last {background:none;}
#nav li.home a {padding:0 0 0 22px;width:74px;}
#nav li.home a:hover, #nav li.home .active {background:url(../../media/images/home.png) no-repeat 0 0;height:41px;}
#header {background:url(../../media/images/header-bg.png) no-repeat 0 0;height:327px;}/*----- Header -----*/
* html #header{margin-top:-1px;}
#sp-photo {float:left;width:196px;padding:21px 50px 0 63px;}
#sp-photo .bg {background:url(../../media/images/commissioner-photo-bg.png) no-repeat 0 0;height:207px;padding:13px 5px 2px 0;}
#sp-photo p {text-align:center;font:14px "Myraid Pro", Arial, Helvetica, sans-serif;color:#ffffff;}
#sp-photo span {font:15px Georgia, "Times New Roman", Times, serif;color:#f0df53;font-weight:700;line-height:22px;}
#header-content {float:right;width:615px;padding:10px 55px 0 0;}
#header-content h1 {font:25px "Myraid Pro", Arial, Helvetica, sans-serif; color:#C55F0C;padding-bottom:10px;font-weight:600;margin-top:10px}
#header-content h1 span{font-size:27px;font-weight:700;color:#012b58;display:block;margin-top:5px}
#header-content p {color:#FFFFFF;/*color:#0a437f;*/ font-size:12px; line-height:21px; font-weight:700;}
/*#header-content p.more-info {background:url(../../media/images/more-info.png) no-repeat 0 0;width:170px;height:44px;font:18px "Myraid Pro", Arial, Helvetica;margin-top:8px; padding:2px 0 0 24px;cursor:pointer}*/
#header-content p.more-info {margin-top:15px;}
#header-content p.more-info a{color:#000;width:170px;height:40px;display:inline-block}
#container {padding:0 17px;}/*----- Container -----*/
#cbox-top {background:url(../../media/images/cbox-top.png) no-repeat 0 0;height:6px;display:block;overflow:hidden;}
#cbox {background:url(../../media/images/cbox.png) repeat-y 0 0;padding:16px 0 0 17px;min-height:125px}
#cbox-bottom {background:url(../../media/images/cbox-bottom.png) no-repeat 0 0;height:6px;display:block;overflow:hidden;clear:both;}
.content-box {float:left;background:url(../../media/images/section-box.png) no-repeat 0 0;height:113px;width:220px;padding:0 10px 15px 0;}
.content-box-img {float:left;margin:14px 5px 10px 5px;display:inline;width:70px;text-align:center;}
.content-box h3 {font:16px "Myraid Pro",Arial, Helvetica, sans-serif;color:#ed8102;font-weight:700;padding:18px 10px 0 0;}
/*.content-box p {padding:6px 15px 0 0;line-height:17px;}
.read-more {text-align:right;}*/
.bottom-box {float:left;background:url(../../media/images/bottom-box.png) no-repeat 0 0;width:217px;height:172px;padding:9px 8px 0 13px;margin-top:12px;}
.bottom-box h2 {font-size:16px;color:#ed8102;font-weight:700;}
.bottom-box ul {list-style:none;}
.bottom-box li {background:url(../../media/images/arrow.png) no-repeat left 7px;font-weight:700;padding:6px 0 0 11px;}
.more-news {margin-bottom:38px;}
.bottom-box p {font-size:15px;padding-top:10px;}
.more-information {margin-bottom:38px;}
.bottom-box.bxlast {padding-right:0;}
#photo-gallery {position:relative;padding-bottom:34px;clear:both;}
#photo-gallery h2 {background:url(../../media/images/footer-sep.png) repeat-x 0 bottom;font-size:18px;padding: 0 0 12px 9px;}
/*#photo-gallery table{margin:11px 0 0 30px;}*/
#photo-gallery table tr td {/*background:url(../../media/images/gallery-img.png) no-repeat 0 0;*/ height:90px; width:146px;}
.left-arrow {position:absolute;left:2px;bottom:65px; cursor:pointer;}
.right-arrow {position:absolute;right:1px;bottom:65px; cursor:pointer;}
.photo {margin:0 8px 0 0; border:2px solid #ccc; padding:3px;}

#int-content h2{ font:22px "Myriad Pro", Arial, Helvetica, sans-serif; background:url(../../media/images/hline.gif) repeat-x 0 bottom; color:#101010; margin-bottom:10px; padding-bottom:8px;}/*----- Inner Layout -----*/
#int-content p{ padding:4px 15px 8px 0; line-height:18px; color:#525252;}
#int-header{height:140px; background:url(../../media/images/slider/slider-bg.png) no-repeat 0 0;padding:28px 10px 0;}
/*----- Slider -----*/
#slider{width:935px !important;margin-left:10px}
#slider a{width:220px !important;height:108px;margin-left:12px !important;/*box-shadow:0 0 6px #16232c inset;*/display:inline-block}


* html #int-header{ margin-top:-1px;}

.form{ padding:10px;}/*--- Feedbac ---*/
.form tr{ height:35px;}
.form tr td{ padding:5px 0;}
.form input, .form img{ vertical-align:middle;}
.form label{ color:#656565; font-weight:700; margin:0 10px 0 0;}
.textbox2, .textarea{background:url(../../media/images/textbox-bg.png) no-repeat 0 0; width:204px; height:27px; padding:0 0 0 5px; border:0; margin-bottom:3px;}
.textarea{background:url(../../media/images/textarea-bg.png) no-repeat 0 0;height:55px;}
.select{ border:1px solid #d3d3d3; width:209px; height:24px; padding:2px; font-size:11px;}
.select option{ padding:2px 0 0 5px; line-height:20px;}
.submit, .search, .lodge-complaint{ background:url(../../media/images/submit.png) no-repeat 0 0; height:21px; width:73px; border:0; cursor:pointer; vertical-align:middle;}
.search{ background:url(../../media/images/search-btn.png) no-repeat 0 0;}
.reset{ vertical-align:bottom;}
.lodge-complaint{ background:url(../../media/images/lodge-complaint.png) no-repeat 0 0; width:129px;}

.tbl{ border-top:1px solid #bebebe; border-left:1px solid #bebebe; background:#f7f6f0; margin-top:10px;}
.tbl tr td{ border-bottom:1px solid #bebebe; border-right:1px solid #bebebe; height:25px; line-height:25px; padding:5px;}
.tbl tr.top-strip, .tbl2 tr.top-strip{ color:#1a5b9f; font-size:16px; font-weight:700;}
.tbl tr.top-strip td, .tbl2 tr.top-strip{ background:url(../../media/images/hline.gif) repeat-x 0 bottom; border-bottom:0;}
.tbl tr.title-strip{color:#000; font-size:13px;}
.tbl tr.head-strip{ background:#cbcbcb; color:#000; font-size:13px;}

.tbl2{ border:1px solid #bebebe; border-bottom:0; background:#f7f6f0;}
.tbl2 td{ padding:7px; border-bottom:1px solid #bebebe;}
.tbl2 td.no-border{ border:none;}

.cp-msg-bg {background:#FFFFFF url(../../media/images/cp-msg-bg.jpg) repeat-y 0 0; width:944px;}/*--- commissioner's Message ---*/
#int-content .cp-msg-bg p{padding:5px 95px 5px 95px; color:#fff; font-weight:700;}
.cp-msg-top {background:#FFFFFF url(../../media/images/cp-msg-top.jpg) no-repeat 0 0; width:944px; height:275px; padding:94px 0 0 0; margin-top:20px}
.cp-msg-bot {background:#FFFFFF url(../../media/images/cp-msg-bot.jpg) no-repeat 0 0; width:944px;height:290px;margin-bottom:10px}
.cpphoto{ text-align:center; font:14px "Myriad Pro", Arial, Helvetica, sans-serif;}
.cpphoto span.name{ color:#f0df53; font:15px Georgia, "Times New Roman", Times, serif; font-weight:700;}
.cpphoto span{ color:#fff; font-size:14px;}
.cp-msg-bg .list2{ margin:0 78px 0 90px; }
.cp-msg-bg .list2 li{background:url(../../media/images/arrow3.gif) no-repeat 0 10px; color:#fff;font-weight:700}
#int-content .cp-msg-bot p{padding:70px 100px 0 0; text-align: right; color:#fff; font-weight:700;}

.ccic_menu, .ccic_menu_ls {background:url(../../media/images/ccic-tab-bg.gif) repeat-x 0 0; height:42px; line-height:42px; font-size:12px; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7;}/*-- passport_tracking --*/
.ccic_menu a {float:left; color:#022d5a; font-weight:700; padding:0 8px;  padding:0 12px; border-right:1px #669bd1 dotted;}
.ccic_menu a:hover, .active_link {color:#fff !important; display:block; background:url(../../media/images/ccic-tab-hvr.gif) repeat-x 0 0;}
.ccic_submenu { padding-left:5px; padding-top:10px; padding-bottom:10px; background:#fbfbfb;line-height:18px;font-size:11px;}
.ccic_submenu a {color:#705800;	padding:0 8px;}
.ccic_submenu a:hover {text-decoration:underline; color:#fff;}

.ccic_menu_ls ul{list-style:none; overflow: hidden;}/*-- Ladies Special --*/
.ccic_menu_ls li {float:left; display:inline; margin:0;}
.ccic_menu_ls li a { float:left; text-decoration:none; color:#022d5a; font-weight:700; padding:0 8px; border-right:1px #669bd1 dotted;}
.ccic_menu_ls li a:hover, .active_link,  .ccic_menu_ls a.selected {color:#fff; display:block; background:#eae6cd url(../../media/images/ccic-tab-hvr.gif) repeat-x 0 0;}
.ccic_ls_submenu, .ccic_ls_submenu ul{margin:-1px 0 0 0; padding:0; position:absolute; background:#dcdcdc; line-height:18px; font-size:11px; left:0; top:0; list-style-type:none; border:1px solid #cecece; border-bottom-width:0; border-top-width:0; visibility:hidden; z-index: 100;}
.ccic_ls_submenu li{margin:0; padding:0;}
.ccic_ls_submenu li a {display:block; width:160px; color:#022d5a; font-weight:700; padding:3px 8px; text-decoration: none; border-bottom: 1px solid #cecece;}
.ccic_ls_submenu li a:hover {text-decoration:underline; background:#dcdcdc;}
.list2 li{ list-style:none; background:url(../../media/images/arrow2.gif) no-repeat 0 10px; color:#5C4924; /*font-weight:700;*/ padding:5px 0 5px 12px; margin-left:5px; line-height:18px;}
.list2 .sublist{ margin:5px 0 0;}
.list2 .sublist li{ margin-left:0; background:url(../../media/images/bullet2.gif) no-repeat 0 10px; list-style: none; padding-left:16px;}

.list .sublist{ margin:5px 0 0;}
.list .sublist li{ margin-left:25px; background:none; list-style: outside circle; padding-left:0;}

#cbox h3{ color:#033e7b; font:15px "Myriad Pro", Arial, Helvetica, sans-serif; font-weight:700;}
#cbox h4{ color:#033e7b; font-size:14px; padding:0 0 5px 0;}
.leftimg{ border:4px solid #c7c6c6;margin:5px 14px 10px 0;}
.img_border{ border:4px solid #c7c6c6;}
.sep{ background:url(../../media/images/hline.gif) repeat-x 0 bottom; clear:both; height:5px;}
.sep2{ height:20px;}
#int-content p.padtop, .padtop{ padding-top:10px;}
.pad1{ padding-left:10px;}
.alignc{ text-align:center;}
.location{font:12px Arial, Helvetica, sans-serif;color:#202020;}
.num-list li{ list-style:decimal; margin-left:20px; padding:4px 0; line-height:18px;}
.pagi_link a{ color:#06468a;}
.pagi_link a:hover{ color:#9f0000;}

#int-content p.search-title{ padding-top:15px;}/*----- Search Result -----*/
.search-title a{color:#074688; background:url(../../media/images/bullet2.gif) no-repeat 0 4px; padding-left:15px;}
.search-text a{ color:#6a6a6a;}
#cbox h3 a{color:#033e7b;}

.left-image{ float:left; margin-right:12px;}/*----- History -----*/
.right-image{ float:right; margin-left:12px;}

#footer {background:url(../../media/images/fbg.png) repeat-x 0 0;padding-top:10px;}/*----- Footer -----*/
#footer-wrapper {position:relative;width:979px;margin:0 auto;background:url(../../media/images/footer-content.jpg) no-repeat 0 0;height:241px;}
#footer-wrapper ul {list-style:none;width:228px;padding:26px 10px 0 10px;float:left;}
#footer-wrapper li {background:url(../../media/images/bullet.png) no-repeat 0 10px;padding:5px 10px;}
#footer-wrapper a {font-size:13px;color:#ffffff;}
#footer-wrapper ul.first {width:193px;}
#sms-alert {float:right;width:226px;padding-top:23px;}
#sms-alert h2 {font:20px Georgia, "Times New Roman", Times, serif;color:#0ebbf3;background:url(../../media/images/sms-alert.png) no-repeat left 0;height:42px;padding: 10px 0 0 42px;}
#sms-alert p {background:url(../../media/images/sms-sep.jpg) repeat-x 0 top;font-size:13px;color:#ffffff;line-height:18px;padding-top:6px;}
#sms-alert span {color:#f3c442; font-weight:700;}
#designed-by {position:absolute; bottom:20px; left:18px; color:#ffffff;}
#designed-by span{color:#fdca00;}
#font-resize {position:absolute; bottom:15px; right:10px;}
#font-resize a {margin-left:9px;}

#emergency-call p.call{color:#fff; font:18px "Myriad Pro", Arial, Helvetica;font-weight:700}
#emergency-call p.call span{font-size:24px;color:#fdca00}

.red-txt, .red-txt a, .star{ color:#970605;}
.red-txt a{text-decoration:underline;}
.red-txt a:hover{text-decoration:none;}
.link-txt li{list-style:none; background:url(../../media/images/arrow2.gif) no-repeat 0 10px;padding:5px 0 5px 12px;margin-left:5px;line-height:18px; font-size:13px}
.link-txt li a:hover{color:#01458c}

#popup-wrapper{width:100%;position:absolute;top:18%;left:0;padding-top:20px;margin:0;z-index:100002;overflow:none}
#popup{width:500px;padding:15px 10px;margin:0 auto;border:1px solid #e1e1e1;background-color:#f6f6f6;box-shadow:0 0 8px #000;z-index:100002;position:relative}
#popup .notice img{margin-left:7px}
.close-popup{ position:absolute;top:-11px;right:-11px;cursor:pointer}

.social-media{position:absolute;top:77px;right:240px}
.social-media li{display:inline;margin-left:6px}
div#wn_gallery{  position:relative; width:886px;/*height:280px; */height:90px;overflow:hidden;margin:11px 0 0 30px; }