@charset "utf-8";

/* CSS Document */

/* ======================================== */
/*                                          */
/*    WEBSENSE                              */
/*    Style Sheet | 2015-header             */
/*    Version 01.06.2015                    */
/*    Author: Steven Hughes                 */
/*                                          */
/*                                          */
/* ======================================== */



header > p {
     display: block;
}

#wbsn-logo {
      display: inline-block;
  	margin: -10px 0 0;
  	/* width: 131px; */
  	padding: 0;
  	/*height: 24px;*/
  	position: relative;
}

div.topNavFloat .OneLinkHide {
     display: inline;
}

#topnav {
     float: right;
     height: 30px;
     margin: 0;
     width: auto;
}

#topnav > ul {
     margin: 0;
}

#topnav > ul > .OneLinkKeepLinks {
     margin: 0;
}

#topnav > ul > li {
     display: inline-block;
     font-family: 'OpenSans', Helvetica, Arial, sans-serif;
     font-size: 13px;
     line-height: 18px;
     font-weight: 400;
     list-style: none;
     margin: 0 5px 0 0;
     padding: 0;
     color: #333;
}

#topnav > ul > li.current > a {
     background: #d52349;
     color: #fff!important;
     font-weight: 600;
}

#topnav > ul > li > a {
     color: #000;
     outline: 0;
     padding: 0 10px;
     text-decoration: none;
}

#topnav > ul > li > a:first-child {
     color: #000;
     outline: 0;
     padding: 0 5px 0 0;
     text-decoration: none;
}

#topnav > ul > li > ul {
     display: none;
}

.dropotron {
     background-color: #fff;
     font-style: normal;
     margin: 0;
     min-width: 160px;
     padding: 5px;
     text-align: left;
     box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.3);
}

.dropotron a, .dropotron span {
     color: #404040;
     text-decoration: none;
}

.dropotron a {
     padding: 4px 0;
}

.dropotron li {
     border-bottom: 1px dotted silver;
     font-family: 'OpenSans', Helvetica, Arial, sans-serif;
     font-size: 13px;
     line-height: 21px;
     text-align: left;
     font-weight: 300;
}

.dropotron li:last-child {
     border-bottom: none;
}

.dropotron li:hover > a, .dropotron li:hover >span {
     background-color: #fcfcfc;
     color: #1B75BB;
}

.dropotron.level-0 {
     margin: 10px;
}

section#menu-wrapper {
     background-color: #252525;
     border-top: 1px solid #252525;
  	border-bottom: 1px solid #252525;
     display: block;
     height: 54px;
     overflow: visible!important;
     position: relative;
     width: 100%;
     z-index: 21!important;
}

.topNavFloat {
     display: inline-block;
     float: right;
     margin: 30px 0;
     min-height: 30px;
     min-width: 100px!important;
     padding: 0;
     position: relative;
     width: auto;
}

.search-box {
     display: inline-block;
     float: right;
     height: 28px;
     margin: 0px 0px 0px 10px;
     padding: 0;
     width: 150px;
}

form#search-form input#search-text {
     background: #fff url('/assets/images/2014/wbsn-search-icon_14x14.png');
     background-position: 110px 4px;
     background-repeat: no-repeat;
     border: solid 1px #28a505;
     float: right;
     height: 24px;
     margin: 10px 20px 3px 3px;
     padding: 2px 15px 2px 10px;
     width: 130px;
     font-size: 12px;
	 border-radius: 10px;
}

input#search-button {
     display: none;
     height: 0;
     visibility: hidden;
     width: 0;
}

#telephone {
     display: inline-block;
     float: left;
     height: 30px;
     margin: -2px 0 0 20px;
     padding: 0;
     width: 135px;
}

#telephone p {
     margin: 0px;
     font-family: 'OpenSans', Helvetica, Arial, sans-serif;
     font-size: 13px;
     line-height: 21px;
     text-align: left;
     font-weight: 300;
}

div.ph-number {
     display: inline;
     float: left;
     height: 30px;
     margin: 0;
     position: relative;
     width: 90px;
}

div.ph-icon {
     display: inline;
     float: left;
     height: 30px;
     margin: 0;
     position: relative;
     width: 45px;
}

.top-code-phone-icon {
     height: 30px;
     margin-left: 15px;
}

section#header-wrapper, #topnav > ul > li:hover > a, #topnav > ul > li.active {
     background: #fff;
}

/* temp add-ons - shughes 01-10-2015 */
/* moving these to /2014/style.css */


div#searchBox {
     width: 600px;
     margin: 20px 0px 0px 20px;
}

div#searchBox div label.label {
     margin: 20px 0px 20px 85px;
     display: block;
     font-family: 'OpenSans', Helvetica, Arial, sans-serif;
     font-size: 22px;
     line-height: 24px;
     font-weight: 300;
     color: #333;
}

div#Search_searchResultContainer.searchResultContainer {
     display: inline-block;
     float: left;
     position: relative;
     width: 600px;
     margin: 0px 0px 0px 119px;
     padding: 0px;
     min-height: 100px;
}

div#Search_searchResultContainer.searchResultContainer h2 {
     margin: 10px 0px 20px 0px;
     padding: 0px;
     font-family: OpenSans, Helvetica, Arial, sans-serif;
     font-size: 22px;
     line-height: 24px;
     color: #333;
}

div#Search_searchResultContainer.searchResultContainer span#Search_NoResultsLabel {
     margin: 10px 0px 20px 0px;
     padding: 0px;
     font-family: 'OpenSans', Helvetica, Arial, sans-serif;
     font-size: 14px;
     line-height: 24px;
     color: #333;
}

span#Search_cblSite {
     display: block;
     width: 250px;
}

span#Search_cblSite label {
     float: left;
     display: inline-block;
     width: 220px;
     font-family: OpenSans, Helvetica, Arial, sans-serif;
     font-size: 16px;
     line-height: 16px;
     font-weight: 200;
     color: #666;
}

span#Search_cblSite label:after {
     clear: all;
}

span#Search_cblSite input[type="checkbox"] {
     float: left;
     display: inline-block;
     width: 20px;
     margin: 2px 4px 0px 0px;
}

/* add-ons, move later */

* {
     box-sizing: border-box;
}

div.topBox {
     display: block;
     margin-top: -18px;
     -webkit-border-top-left-radius: 10px;
     -webkit-border-top-right-radius: 10px;
     -moz-border-radius-topleft: 10px;
     -moz-border-radius-topright: 10px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     border: 1px solid #ccc;
     border-bottom-style: none;
     height: 48px;
     background: #fff;
     padding: 10px;
}

div.topBox h2 {
     font-family: OpenSans, Helvetica Neue, Helvetica, Arial, sans-serif;
     font-size: 18px;
     line-height: 28px;
     color: #333;
}

div.middleBox {
     width: 100%;
     display: block;
     min-height: 800px;
     overflow: visible;
     height: 100%;
     height: auto;
     border-left: #ccc 1px solid;
     border-right: #ccc 1px solid;
     padding: 10px 10px 10px 10px;
     background: #fff;
     box-sizing: border-box;
}

div.middleBox p {
     font-family: OpenSans, Helvetica Neue, Helvetica, Arial, sans-serif;
     font-size: 13px;
     line-height: 21px;
}

div.bottomBox {
     margin-botttom: 20px;
     -webkit-border-bottom-left-radius: 10px;
     -webkit-border-bottom-right-radius: 10px;
     -moz-border-radius-bottomleft: 10px;
     -moz-border-radius-bottomright: 10px;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
     height: 20px;
     border: 1px solid #ccc;
     border-top-style: none;
     background: #fff;
}