@charset "utf-8";
body{
    font:11.5px Arial, Helvetica, sans-serif;
    background:#ebebeb;
    margin-top:0px !important;
}
#wrapper table {
    margin-bottom: 0px;
}
@font-face {
    font-family: 'abbeyroad';
    src: url('../fonts/abberoad.eot');
}
@font-face {
    font-family: 'abbeyroad';
    src: url(//:) format('no404'), url('../fonts/abberoad.woff') format('woff'), url('../fonts/abberoad.ttf') format('truetype'), url('../fonts/abberoad.svg#abbeyroad') format('svg');
    font-weight: normal;
    font-style: normal;
}
#main{
    padding:20px 45px 0;
    background:#FFF;
    /* margin-bottom: 30px; */
}
#main a{
    color:#005da4;
}
#header{
    width:912px;
    height:149px;
    margin: 0px auto;
    top:50px;
    position:relative;
    background:url(../images/navheader2.png) no-repeat;
}
#headline{
    background:url(../images/headline.png) no-repeat;
    width:363px;
    height:20px;
    position:absolute;
    top:95px;
    left:255px;
}
#instructions{
    background:url(../images/note.png) no-repeat;
    width:62px;
    height:59px;
    position:absolute;
    top:58px;
    left:624px;
    cursor:pointer;
}
#nav{
    position:relative;
    top:107px;
    left:4px;
}
#nav a{
    float:left;
    height:20px;
    font-family:abbeyroad;
    text-decoration: none;
    color:#FFF;
    font-size:15px;
    min-width:170px;
    text-align:center;
    background:url(../images/nav-divider.png) no-repeat right;
    padding-top:3px;
}
#nav a.current, #nav a:hover{
    background:url(../images/selectedTab.png) no-repeat !important;
    height:34px;
}
#nav a.last{
    background:none;
}
#nav a span.num{
    font-size:38px;
    display:block;
    width:100%;
    height:40px;
}
#logoutContainer{
    margin-top: 3px;
    float: right;
    margin-right: 5px;
}
.logOut{
    width: 77px;
    height: 26px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    padding-top: 7px;
    padding-left: 10px;
    font-weight: bold;
    background: #005995 url(../images/logout-triangle.jpg) no-repeat 11px 9px;
    float: left;
    border-radius: 15px;
}
.nameLog{
    padding: 9px 11px 0 11px;
    float: left;
    color: black;
}
#footer {
    background: none repeat scroll 0 0 #ebebeb;
    border-top: 1px solid #dedede;
    bottom: 0;
    color: #000;
    font-size: 10px;
    height: 20px;
    left: 0;
    line-height: 20px;
    margin: 0 auto;
    position: fixed;
    text-align: center;
    width: 100%;
}
#footer p{
    font-size: 100%;
}
#footer ul li {
    float: left;
    border-right: 1px solid #CCC;
    margin-left: 10px;
    border-left: 1px solid #CCC;
}
#footer .section {
    width: 175px;
    position: relative;
}
.section #note-block {
    width: 175%;
    height: 250px;
    bottom: 20px;
    position: absolute;
    background: ivory;
    border: 1px solid #CCC;
    left: -1px;
    text-align: left;
    overflow-y: scroll;
    overflow-x: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.section a:hover, .section a:focus, .section a:active {
    text-decoration: none;
    outline: none;
}
h1{
    font-size:15px;
    font-family:abbeyroad;
    background:url(../images/grey.jpg);
    color:#FFF;
    margin-bottom:10px;
    display:inline-block;
    padding:3px;
    line-height:1em;
}
h2{
    background: url(../images/inspectionLogo.png);
    width: 207px;
    height: 82px;
    position: absolute;
    text-indent: -9999px;
    top: -17px;
}
.certification-logo{
    background: url(../images/inspectionLogo.png);
    width: 207px;
    height: 82px;
    position: absolute;
    text-indent: -9999px;
    top: 0px;
}
h4{
    font-size:18px;
    font-family:abbeyroad;
    color:#024170;
}
#addInspectorBtn,.addInspectorBtn {
    font-size:15px;
    font-family:abbeyroad;
    background:url(../images/grey.jpg);
    color:#FFF !important;
    margin-top:-5px;
    display:block;
    padding:3px 25px;
    width:82px;
    text-decoration:none;
    float:left;
    margin-left:362px;
}
#main p{
    margin-bottom:10px;
}
.marginBottom{
    margin-bottom:20px !important;
}
.marginTop{
    margin-top:20px !important;
}
.italic{
    font-style:italic !important;
}
.red{
    color:#F00;
}
.clear{
    clear:both;
}
#modInspector, #addInspector{
    width:520px;
    height:210px;
}
.modInspectionTable{
    margin:15px auto 0px auto;
}
.modInspectionTable td{
    padding:3px;
}
.modInspectionSubmit{
    font-size:15px;
    font-family:abbeyroad;
    background:url(../images/grey.jpg);
    color:#FFF !important;
    display:block;
    padding:3px 25px;
    width:82px;
    border:0px;
    margin-top:10px;
    margin-left:421px;
}
#searchInspections{
    border-spacing:10px 3px;
}
.gutter {
    padding:10px 0;
}
.gutter-5 {
    padding:5px;
}
.bold {
    font-weight:bold !important;
}
.underline {
    text-decoration: underline;
}
.widthrange {
    width:150px;
    float:left;
}
.video{
    float:right;
}
.left {
    float:left;
}
.right {
    float:right;
}
.block {
    display:block !important;
}
.center {
    text-align:center !important;
}
.hid {
    display:none;
}
.green {
    color:green;
}
#coupon {
    top:0;
    right:100px;
    position:absolute;
    cursor:pointer;
    width:585px;
    background:url(slider-coupon.png) 0 bottom no-repeat;
}
.closed {
    height:29px;
}
.open {
    height:176px;
}
#content_holder li {
    border: medium none !important;
    margin: 0px !important;
    float:none;
    display: block;
}
#content_holder li:hover {
    cursor: pointer;
}
.inspection-vertical-nav{
    width: 160px;
    margin: 0;
    padding:20px 10px;
}
.inspection-vertical-tab{
    color: #FFF!important;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 110%;
    width: 130px;
    text-align: center;
}
a.logOut:hover {
    color: white;
}



.fullsize_vertical_nav {
	min-height: 800px;
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
	width: 120px;
	border-radius: 6px !important;
	outline: none;
}

.btnstyling {
	margin-bottom: 4px;
	height: 45px;
	white-space: normal;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial !important;
	padding: 0px;
}

.sub-vertical-tab {
	width: 110px !important;
	margin-left: 10px;
}

.makebtnblue {
	background-color: #005995 !important
}

.makebtngrey{
    background: #575e69 !important;
    border: 1px solid #c2c2c2 !important;
    color: white !important;
}

.btnstyling {
	border-top: 2px outset #c2c2c2;
	border-right: 2px outset #ddd;
	border-bottom: 2px outset #ddd;
	border-left: 2px outset #c2c2c2;
	color: white
}

.active_vertical_nav {
	background: white !important;
	border-top: 1px inset #ddd !important;
	border-right: 2px inset #ddd !important;
	border-bottom: 1px inset #ddd !important;
	border-left: 2px inset #ddd !important;
	color: #005995
}

.btnstyling:hover, btnstyling:focus{
	border-top: 2px outset #c2c2c2;
	border-right: 2px outset #ddd;
	border-bottom: 2px outset #ddd;
	border-left: 2px outset #c2c2c2
}


.btn {
	border: 1px solid #BBB
}

.btn-danger {
	background: #3eb8dc
}

.btn-primary {
	background: #3eb8dc
}

.btn:hover, .btn:focus {
	background: white !important;
	color: #005995 !important
}

button::before,
button::after {
	background: #fff
}

.inspector-filter-1{
    border: 1px solid #CCC;
    background: #ebebeb;
    border-radius: 5px;
    width: 100%;
    margin: auto;
}