/*  BEGIN global Styling ============================================================================= */
fbody, nav, ul, li, a  {margin: 0; padding: 0 0;}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/*	background-image:url("/images/2008Bridge.JPG");
	background-size:100%;
	background-repeat:no-repeat;*/
	background: #fbf9f9;
	}
	
a {text-decoration: none;}
a img {text-decoration: none; border: 0px;}

.center img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

p {
	line-height:1.4em;
}

img {
	max-width:100%;
	height:auto;
}
/* table styling */
tr.head td {
	/*background:#FCF6CF;*/
	background:#1c3058;
	color:#fff;
	border-bottom:2px solid #553355;
	/*border-top:2px solid #553355;*/
	font-size:1.2em;
	padding:5px;
}
tr.odd td a, tr.even td a {
	color:#1c3058;
}
tr.head td a {
	color:#fff;
}
tr.even td {
	/*background:#98c2e8;*//*#69B7FF;*//*#AA8899;*//*#ccc;*/ /**/ /*#D6E7F7;*/
	background:#bfcae1;
	padding:5px 5px 5px 10px;
	/*border-bottom:1px solid #333;*/
	color:#000;
	min-height:30px;
}
tr.odd td {
	/*background-color:#b9d2e9;*//*#CFE7FF;*//*#BBBBCC;*//*#999;*//**/
	background:#b2c2e1;
	padding:5px 5px 5px 10px;
	/*border-bottom:1px solid #333;*/
	color:#000;
	min-height:30px;
}
audio {
	width:100%;
	height:45px; /*min height for ie9/10*/
}
.ui-tabs .ui-tabs-nav li {
    /*width:45%;*/
    text-align: center;
}
.ui-tabs .ui-tabs-nav li a {
    display: inline-block;
    float: none;
    padding: 5px;
    text-decoration: none;
    /*width: 100%;*/
}
.jobdescription {
	background:#E0E0E0;
	padding-left:20px;
	padding-bottom:20px;
	border-bottom:1px solid black;

}

/*
.col ul li {
    padding: 5px 5px;
	margin: 0 15px;
    text-align: left;
}
*/



/*menu formatting*/
#topmenu{
	margin:0 auto;
}
#menulist{
	float:left;
}
#menusearch{
    /*background: #666;*/
    padding: 10px 0;
    color: #fff;
    width: 100%;
	background:#556688;
}


/* Global styling for small screens */
@media screen and (max-width: 20em){
input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 100%; height: 40px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
}	
}
/* END Global styling forsmall screens */


    
/*  END global Styling ============================================================================= */

/* Google Custom Search styling */
.cse input.gsc-input, input.gsc-input {
/*background-image:url("/img/search.jpg") !important; */
 background-repeat:no-repeat;
 background-color:#fff;

 }
 .cse input.gsc-input:focus, input.gsc-input:focus {
 background-image:none !important;
 }
/* END Google Custom Search styling  */


/*  BEGIN LAYOUT Styling ============================================================================= */

.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

/* Advanced Checkbox Hack */
body {
  -webkit-animation: bugfix infinite 1s;
}

#skiptomain {
	display:none;
}


#citymenu{
    width: 100%;
	height:30px;
}

#outerwrapper{
        margin: auto;
		background: #eee;
		/*padding: 10px;*/
		padding-left:10px;
		padding-right:10px;
    }




#logo{
        /*background-image: url('/images/working/boats.jpg');*/
        /*background-repeat: no-repeat;*/
        /*height: 130px;
        border-top: 1px solid  #51C1F1;
        border-left: 1px solid  #51C1F1;
        border-right: 1px solid  #51C1F1;*/
    }
#maincontentcontainer{
        /*border:2px solid red;*/
        
    }





/*  END LAYOUT Styling ============================================================================= */









/*  BEGIN Styling for City Menu ============================================================================= */
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }

  to {
    padding: 0;
  }
}
/*input[type=checkbox]*/
.chkcitymenu {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
/*
label {
  display: none;
  cursor: pointer;
  user-select: none;
}
    */

/* custom-dropdown */
nav[role="custom-dropdown"] {
  position: relative;
  width: 100%;
}
nav[role="custom-dropdown"] a, nav[role="custom-dropdown"] label {
  color: #000;/*#ccc;*/
  text-decoration: none;
  font: 0.8em sans-serif;
  /*transition: color .3s ease-in-out;*/
}
nav[role="custom-dropdown"] ul {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  list-style: none;
}
nav[role="custom-dropdown"] ul > li {
  float: left;
  padding: .1em 1.8em;
  /*width: 19%;*/
  /*background-image: url(https://raw.github.com/TimPietrusky/mantisbt-is-a-rockstar/master/rockstar/img/bg_dark_grey.png);*/
  text-align: center;
  /*transition-duration: .3s;
  transition-timing-function: ease-in-out;*/
  /*transition-property: box-shadow, color;
  box-shadow: 0 0.05em 0.25em 0 rgba(0, 0, 0, 0.35);*/
  cursor: pointer;
}
nav[role="custom-dropdown"] ul > li:hover {
  /*background-color: rgba(0, 0, 0, 0.85);*/
  background-color: #553355;
  /*background-color: rgba(84,  193,  230,  0.9);*/
  color: #fff;
  /*box-shadow:  0 0.05em 0.25em 0 rgba(0, 0, 0, 0.35), inset 0 0 0 2em rgba(0, 0, 0, 0.3);*/
}
nav[role="custom-dropdown"] ul > li:hover > a {
  color: #fff;
}


/*  Styling for wide screens    */
@media screen and (min-width:1024px){
    #outerwrapper{
        /*margin: auto;*/
        /*padding: 0px 0px;*/
        width: 1024px;
		max-width:100%;
        /*text-align: center;*/
    }
}


/* small screens */
@media screen and (max-width: 30em) {
  html,
  body {
    margin: 0;
  }
    #logo{
    display: none;
}
.container{
    display: none;
}
#outerwrapper{
	padding:0;
}





  nav[role="custom-dropdown"] ul {
    display: none;
    height: 100%;
  }
  nav[role="custom-dropdown"] label {
    position: relative;
    display: block;
    width: 100%;
    height: 1.8em;
    font-size: 1.8em;
    margin: 0;
    /*border: 0.15em solid rgba(60, 60, 60, 0.2);*/
    background: gray;
	background-image:url(../images/logobanner-sm.png);

	background-repeat:no-repeat;
  }

nav[role="custom-dropdown"] label:after {
    position: absolute;
    right: .25em;
    top: 0;
    color: #fff;
	content: "\2261"; /* "identical to" symbol*/
    font-size: 1.8em;
	
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ label:after {
    /*color: #222;*/
    color: #fff;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul {
    display: block;
    height: 1.8em;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li {
    width: 100%;
    opacity: .8;
    text-align: left;
    padding: 10px 0px;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:after {
    position: absolute;
    right: .25em;
    content: "\203A"; /*single right-pointing angle quotation mark*/
    font: bold 0.8em sans-serif;
  }
    
}

.fixed {
    position:fixed;
    top:0;
	background: #eee;
	z-index:1000;
	max-width: 1024px;
    text-align: center;
    margin: auto;
    
	
}
/*  END Styling for City Menu ============================================================================= */









/*  Begin Department Menu ============================================================================= */
.toggleMenu {
    display:  none;
    background: #666;
    /*padding: 10px 15px;*/
	padding: 10px 0;
    color: #fff;
    width: 100%;
}
.nav {
    list-style: none;
    *zoom: 1;
    background:#556688;
	/*background: #3b69ad;*/
    font-size: 0.8em;
    text-align: left;
    
}
    .nav:before,
    .nav:after {
        content: "";
        display: table;
    }
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 15em;
}
.nav a {
    padding: 10px 15px;
    color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 1px solid #104336;
}

.nav > li > .parent {
    background-image: url("/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
    border-top: 0px;
}
.nav > li > a {
    display: block;
}
.nav > li > a:hover, .nav li ul li a:hover {
    /*background-color: #553355;*/
	/*background-color: #003874;*/
	background-color: #553355;
	/*background-color: #A64F17;*/
	color:#FFF;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #6699AA; /*#6699AA;*/
	/*background: #BFAA57;*/
	/*background:#88A8D6;*/
	/*background:#425C82;*/
	/*background:#f0e3c*/
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
	color:#fff;
    
}
.nav li li li a {
    background:#6699AA;/*#6699AA;*/
    z-index:200;
    border-top: 1px solid #1d7a62;
}


/*  Begin Department Menu styling - Small screens =================================================== */
@media screen and (max-width: 30em) {
    .active {
        display: block;
    }
    
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("/images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}

/** {
  box-sizing: border-box;
}*/
/*  END Department Menu styling - Small screens =================================================== */











/*  BEGIN Footer Styling ============================================================================= */
#footer{
    width: 100%;
	
}
#footer-inner{
    max-width: 1024px;
    text-align: center;
    margin: auto;
    /*padding: 0px 0px;*/
	/*border:1px solid red;*/
	padding:0 10px;
	background-color: #556688; /*#494748;*/
/*	background-color: #3b69ad;*/
}
#footer a {
    color: white;
}
#footer a:hover{
    text-decoration: underline;
}

#footer .col ul li {
    list-style: none;
    padding: 5px 0px;
    text-align: left;
}

.footerhead{
    text-align: left;
    font-size: .9em;
    padding: 0px 0px;
    color: white;
    font-weight: bold;
}

#footer-lower{
	background-color: #6f6d70;
/*	background-color: #003874*/
	/*border:1px solid red;*/
	max-width: 1024px;
    text-align: center;
    margin: auto;
	padding:0 10px;

}

#footer-bottom{
    /*padding: 5px 0px;*/
    /*border-top: 1px solid blue;*/
/*	background-color: #494748; /*#7C797B;*/
	font-size:0.8em;
	margin: 0 10px;
	background-color: #6f6d70;
/*	background-color: #003874;*/
}
#footer .col ul li {
    font-size: 0.7em;
}
#footer-top {
	/*padding: 10px;*/
	/*border:1px solid red;*/
}

#footer-top .span_1_of_5 {
    background-color: #556688; /*#494748;*/ /*#7C797B;*/
	/*background-color: #3b69ad;*/
	margin-left:5px;
	margin-right:5px;
    
}
#footer-bottom .span_1_of_6 {
/*    background-color: #494748; /*#7C797B;*/
	background-color: #6f6d70;
	/*background-color: #003874;*/
}


#footer-bottom .span_1_of_6 p, .span_1_of_5 ul > li {
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    padding-left: 10px;
    
}

#footer-bottom .span_1_of_6 p:hover {
  
  /*background-color: rgba(84,  193,  230,  0.9);*/
  color: #fff;
}
/*#footer .span_1_of_4 ul > li:hover{
    background-color: rgba(84,  193,  230,  0.9);
    color: #fff;
}*/
#footerlogo {
    /*line-height: 268px;
    padding-left: 10px;*/
	/*background-image:url("/images/np_bridge_logo_lo.jpg") no-repeat center center;*/
}
#footerlogo img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	
}
.rounded-corner {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*border: 1px solid #000;*/
	padding: 10px;
	/*width: 300px;*/
	
	background-color:#ccc;
}
#footeraddress {
    color: #fff;
	font-size:0.8em;
	background-color: #6f6d70;
	/*background-color: #003874;*/
}


/*  Footer styling for small screens */
@media screen and (max-width: 30em){
    #footer-bottom ul{
        display: block;
        width: 100%;
    }
    #footer-bottom ul li{
    display: block;
    width: 100%;
    opacity: .8;
    text-align: left;
    padding: 10px 0px;
}
    #footerlogo{
    /*display: none;*/
    margin-top: 10px;
}
}

/*  END Footer Styling ============================================================================= */


.chkconnect{
	position:relative;
}

/* tables */
table.tablesorter {
	/*font-family:arial;*/
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	/*font-size: 8pt;*/
	width: 100%;
	text-align: left;
	font-size:1em;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
/*	font-size: 0.8em;*/
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	/*font-size:.8em;*/
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

#backtop {
	position: fixed;
	left:auto;right: 20px;top:auto;bottom: 20px;
	outline: none;
	overflow:hidden;
	color:#fff;
	text-align:center;
	background-color:rgba(49,79,96,0.84);
	height:40px;
	width:40px;
	line-height:40px;
	font-size:14px;
	border-radius:2px;
	cursor:pointer;
	transition:all 0.3s linear;
	z-index:999999;

	opacity:1;
	display:none;
}
#backtop:hover {
	background-color:#27CFC3;
}
#backtop.mcOut {
	opacity:0;
}

.opbutton {
	background-color:#223e6e;
	color:#FFF;
	border-radius:25px;
	padding:10px;
	height:50px;
	width:220px;
	text-align:center;
}
.opbutton a {
	color:#FFF;
}
.opbutton:hover {
	background-color:#039;
}
.caption{
	/*position:absolute;*/
	text-align:center;
	padding:10px;
	margin-top:5px;
    bottom:0px;
    left:0px;
    z-index:10;
    width: 100%;
	color:white;
/*	background-color:#036;*/
	background-color: #553355;
    /*background: none repeat scroll 0% 0% rgba(80, 80, 80, 0.75);
    background-color: rgba(80, 80, 80, 0.75);
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;*/
}