/* 
    Created on : Jan 29, 2015, 12:07:44 PM
    Author     : Mukesh
*/

.body-wrapper{
    background-color: #fff;

}
#header {
    position: relative;
    padding: 24px;
    height: 100px;
    width: 982px;
    color: #fff;
}
img { border: 0px }
img { max-width: 100% }
#logo {
    position: absolute;
    top: 0;
    left: 24px;
    height: 150px;
}
#search {
    position: absolute;
    top: 0;
    right: -144px;
	top:30px;
}
.top-bar{
    background-color: #A3130E;
    -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
    box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}
#header {
    background: #FFF repeat-x 0 0;
    height: 104px;
}
.a-side-header {
    margin: 5px 0 0 47px;
    float: right;
    display: inline;
    font-size: 11px;
    color: #8f8f8f;
    padding-top: 10px;
}
h1#logo {
    margin: 5px 0 0 17px;
}
.top-nav{
    position: relative;
    padding: 5px;
    color: #cdddeb;

}
.main-content{
    display: block;
    min-height: 400px;
    padding-left: 15px;
    padding-bottom: 20px;
}

p {
	margin: 0px;
	padding: 0 0 10px 0;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}
.boxvip {
    background: #e4e0e2;
    color: #000;
    margin-top: 2px;
    margin-bottom: 2px;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.main-content h2{
    color: #A3130E;

}
.main-content h3{
    color: #428bca;

}
.boxcontainer { background: #fff; font-size: 12px; text-align: center; border: 1px solid #eee; }
.boxcontainer2col { height: 350px }
.boxfourcolumns { float: left; width:260px; padding-left: 10px; padding-right: 10px; display: inline-block; margin-bottom: 20px; position: relative; z-index: 0; }
.boxfivecolumns { width: 20%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.boxcontainer h1 a {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    display: block;
    color: #222;
}
form { margin-bottom: 20px; font: 14px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; color: #777; }
fieldset { margin-bottom: 20px }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { background: #ffffff; border: 1px solid #ddd; padding: 8px 8px; vertical-align: middle; outline: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; transition: border linear 0.4s,box-shadow linear 0.4s; -o-transition: border linear 0.4s,box-shadow linear 0.4s; -moz-transition: border linear 0.4s,box-shadow linear 0.4s; -webkit-transition: border linear 0.4s,box-shadow linear 0.4s; margin: 0; width: 100%; display: block; margin-bottom: 20px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid; border-color: rgba(82,168,236,0.8); color: #444; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(81,168,236,0.5); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(81,168,236,0.5); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(81,168,236,0.5); }
textarea { min-height: 120px }
input[type="checkbox"] { display: inline }
label span, legend span { font-size: 12px; color: #444; }
.button { font-size: 14px; background: #333; color: #fff; border: 0px; line-height: 30px; padding-left: 15px; padding-right: 15px; cursor: pointer; }
.button:hover { opacity: 0.8 }
button { display: inline-block; *display: inline; padding: 7px 20px; margin-bottom: 10px; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #333 !important; text-align: center; vertical-align: middle; cursor: pointer; background-color: #eee; *background-color: #eee; background: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e6e6e6)); background: -moz-linear-gradient(top,#eee,#e6e6e6); border: 1px solid #bbbbbb; *border: 0; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-color: #eee,#eee,#d4d4d4; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); }
button:hover, button:active { background: #eee; background: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#f8f8f8)); background: -moz-linear-gradient(top,#eee,#f8f8f8); }
button.large { padding: 10px 35px; font-size: 15px; }
#content-wrapper .content{ width:585px; float:left;}
.content h2{
	background: #ece8c6;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
.content h2 span{ color:#df6c01;}

.voffset2  { margin-top: 2px; }
.voffset5 { margin-top: 5px; }
.voffset10 { margin-top: 10px; }
.voffset15 { margin-top: 15px; }
.voffset20 { margin-top: 20px; }
.voffset30 { margin-top: 30px; }
.voffset40{ margin-top: 40px; }
.voffset50{ margin-top: 50px; }
.voffset60 { margin-top: 60px; }
.voffset70 { margin-top: 70px; }
.voffset80 { margin-top: 80px; }
.voffset90 { margin-top: 90px; }
.voffset100 { margin-top: 100px; }
.voffset150 { margin-top: 150px; }

.latest-news .panel-body{
    padding: 5px;

}
.latest-news .well{
    padding: 10px;
    margin-bottom: 10px;

}
.latest-news .well h4{
    color: #337ab7;
}
.latest-news .well p{
    font-size: .9em;
}
.announcements .panel-body{
    padding: 0px;
}
.announcements .list-group a{
    font-size: .9em;
}

.latest-updates .panel-body{
    padding: 0px;
}
.latest-updates .sub-head{
    font-size: 14px;
    font-weight: bold;
    color: #337ab7;
}
.latest-updates p{
   
}
.latest-updates .pager{
    padding: 0px;
    margin: 0px;
}

.crimeStatistics .panel-body{
    background-color: #cdddeb;
}

.right-sidebar .well{
    border-radius: 0px;
    margin-left: -20px;
    padding: 0px 0px;

}

.right-sidebar .well h4{
    display: block;
    margin-top: -2px;
    margin-bottom: 2px;
    padding: 5px;
    background-color: #A3130E;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;

}
h4{
 	display: block;
    margin-top: -2px;
    margin-bottom: 4px;
    padding: 18px;
    background-color: #A3130E;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
	margin-left:10px;	
}
.right-sidebar .well .row{
    padding: 5px;
}

.right-sidebar .row{

    margin:  0px;
}
.chiefs-msg .row{
    background-color: #cdddeb;
    margin:  5px;
}


.border-1{
    display: block;
    padding: 1px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

hr.style-eight {
height: 10px;
border: 1;
box-shadow: inset 0 9px 9px -3px #337ab7;
border-radius: 2px;
}

.list_carousel { margin-left: -10px; margin-bottom: 20px; }
.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
.list_carousel li { width: 25%; display: block; float: left; margin-left: 10px; cursor: default !important; height: auto; }
.list_carousel.responsive { width: auto; margin-left: -10px; }
.clearfix { float: none; clear: both; }
.list_carousel .carousel_nav { position: absolute; padding-right: 11px; right: 0; top: 0px; background: #f8f8f8; padding-left: 5px; }
a.prev, a.next { background: url(../images/carousel_arrows.png) no-repeat #444; width: 24px; height: 24px; display: block; position: relative; float: left; margin-left: 3px; -webkit-background-clip: padding-box; /* for Safari */background-clip: padding-box;; }
a.prev:hover, a.next:hover { background-color: #0E8FAB }
a.prev { background-position: -2px 0 }
a.prev.disabled { background-color: #555 }
a.next { background-position: -22px 0 }
a.next.disabled { background-color: #555 }
a.prev.disabled, a.next.disabled { cursor: default }
a.prev span, a.next span { display: none }

//tabs////
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
    border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
    margin-bottom: -1px;
}

/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #3071a9;
    border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #428bca;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
.fp-tab .panel-heading{
    padding: 5px 5px 0px 5px;
}

/******************************************************************************/

.profile-name{
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    color: #2c4e86;
    display: inline-block;
    padding-top:2px;
    padding-bottom: 2px;

}
.profile-text{
    font-family: inherit;
    font-weight: lighter;
    color: #2d3c4d;
    display: inline-block;
    font-size: .8em;

}


.top-nav ul
{
    margin: 0;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    font-family: inherit;
    font-size: .85em;
}

.top-nav ul li { display: inline; }

.top-nav ul li a
{
    text-decoration: none;
    padding: 5px 5px;
    color: #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

}

.top-nav ul li a:hover
{
    color: #fff;
    background-color: #7d0d09;

}
.social-icon{
    color: #fff;
}

.top-nav .btn{
    padding: 0px 2px;
}
.top-nav .fa{
    font-size: 1.5em;
}


.right-sidebar .row .col-md-12,
.right-sidebar .row .col-md-6,
.right-sidebar .row .col-lg-4,
.right-sidebar .row .col-lg-

{
    padding: 0px;
}

.gutter-10 > [class*='col-'] {
    padding-right:10px;
    padding-left:10px;
}
.left-pad-10{
    padding-left: 10px;
}


.main-class .panel-heading{
    padding: 4px 5px;
}
.main-class .nav-tabs >li > a{

    padding: 5px;
    margin: 0px
}
.main-class .with-nav-tabs .panel-heading{
    padding: 2px 5px 0px 5px;
}

.main-class .panel-footer{
    padding: 4px 5px;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

    .row .left-pad-0{
        padding-left: 0px;
    }


}

.main-class .tooltip-inner{
    background-color: #A3130E;
    color: #fff;
    max-width: 200px;


}

.main-class .tooltip.top .tooltip-arrow {

    border-top-color: #A3130E;
}
.main-class .tooltip.top-left .tooltip-arrow {

    border-top-color: #A3130E;
}
.main-class .tooltip.top-right .tooltip-arrow {

    border-top-color: #A3130E;
}
.main-class .tooltip.right .tooltip-arrow {

    border-right-color: #A3130E;
}
.main-class .tooltip.left .tooltip-arrow {

    border-left-color: #A3130E;
}
.main-class .tooltip.bottom .tooltip-arrow {

    border-bottom-color: #A3130E;
}
.main-class .tooltip.bottom-left .tooltip-arrow {

    border-bottom-color: #A3130E;
}
.main-class .tooltip.bottom-right .tooltip-arrow {

    border-bottom-color: #A3130E;
}
[data-slide="prev"]
{
    margin-right: 10px;
}
.profiles .sub-head{
    font-size: 1.2em;
    font-weight:500;
    color: #A3130E;
    display: block;
    padding: 0px;
}


.footer-content{
    min-height: 200px;
    background-color: #f5f5f5;
    border-top-width: 1px;
    border-top-color: #e3e3e3;
}
.footer-bottom{
    min-height: 40px;
    background-color: #337ab7;
    color: #fff;
    font-size: .9em;
    font-weight: 100;
    padding-top: 10px;
}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 10px; /* padding from the left side of the window */
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#call-in-emergency.carousel {
    padding-bottom: 25px;
    background-image: url('../images/cie.png')  ;
    background-position: top;
    background-repeat: no-repeat;


}
#call-in-emergency.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity ;
    -ms-transition-property: opacity ;
    transition-property: opacity;
}
#call-in-emergency.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
} 
#call-in-emergency.carousel .carousel-indicators {
    bottom: -10px;
}
#call-in-emergency.carousel .carousel-indicators > li {
    background-color: #ccc;
    border: none;
}






#cycler{position:relative;
}
#cycler img{position:absolute;z-index:1;background-color:white}
#cycler img.active{z-index:3}




/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */


.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}
.yamm .container {
    position: relative;
}
.yamm .dropdown-menu {
    left: auto;
}
.yamm .yamm-content {
    padding: 0px 20px 10px 20px;

}
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
    margin-right:32px;

}
.dropdown-menu {
    border-width: 0px 1px 5px 1px;
    border-color: #337ab7;
}

.main-nav .navbar-nav li a{
    font-size: .85em;
}

.main-nav .dropdown li a{
    font-size: .9em;
    font-weight: 500;
    display: block;
    padding: 2px 5px;
    border-radius: 4px;
    border-bottom-color: #e3e3e3;
    border-bottom-width: 1px;

}
.main-nav .dropdown li a:hover{
    background-color: #f5f5f5;
    text-decoration: none;
    color: #A3130E;
    font-weight: 500;
}

.main-nav .dropdown h4{
    font-size: .95em;
    font-weight: lighter;
    display: block;
    width: 100%;
    background-color: #A3130E;
    color:#fff;
    padding: 4px 5px;
    border-radius: 4px;
}
.main-nav .dropdown .list-group{
    padding-bottom: 0px;
    margin-bottom: 0px;
}


@media (max-width: 767px) { 

    .main-nav .dropdown .list-group{
        background-color: #fff;
    }
    .main-nav .dropdown h4{
        margin-bottom: 0px;
    }
}

@media (max-width: 1199px) { 
    .announcements .panel-body{
        max-height: 154px;
    }

}

@media (max-width: 991px) { 
    .announcements{
        margin-top: 20px;
    }

}

@media (min-width: 1200px) { 
    .announcements .panel-body{
        min-height: 200px;
    }

}

.footer-content .list-group{
    font-size: .9em;

}
.footer-content .list-group a{
    color:#2c4e86;

}
.current-menu{
    background-color: #A3130E;
}
.breadcrumb{
    margin-top: -15px;
}
img.pull-left{
    margin-right: 15px;
}
img.pull-right{
    margin-left: 15px;
}
#container text{
    display:hidden;
}
.border-left{
    border: #e3e3e3 1px solid;
}

.former-chiefs-name{
    display: block;
    padding-top: 10%;
    font-size: 1.2em;
    font-weight: bold;
    color: #4a9fe9;
}
.former-chiefs-period{
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    color: #3e8f3e;
}
.photo-gallery .well{
    height: 340px;

}
.photo-gallery h3{
    font-size: 1.2em;
}
.photo-gallery p{
    font-size: .9em;
}
.video-gallery .well{
    min-height: 250px;

}
.video-gallery h3{
    font-size: 1.2em;
}
.video-gallery p{
    font-size: .9em;
    color:#4a9fe9;
}

.people-intro{
    height: 350px;
}
.people-intro-small{
    height: 300px;
}

.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: steps(2, start);
}

.training-list-head {    
    display: block;
    padding: 5px;
    margin-bottom: 10px;

}
@keyframes blink {
    80% {
        visibility: hidden;
    }
	
}