﻿body
{
    font-family: Helvetica, Arial;
    font-size: 12px;
    color: #25335b;
    background: linear-gradient(to bottom, #c8d3e4 0%, #FFFFFF 100%) repeat fixed 0 0 rgba(0, 0, 0, 0);
    border: 0px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    height: 100%;
}

div
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
    white-space: normal;
    text-align: left;
    position: relative;
}

h1
{
    display: block;
    width: 500px;
    color: #00457c;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 1px dashed #00457c;
    margin: 0px 0px 10px 0px;
    padding-right: 100px;
}

h1 img { margin-bottom: 4px; }

h2
{
    font-size: 12px;
    text-transform: uppercase;
    color: #eb7422;
    margin: 0px 100px 2px 0px;
    padding-top: 2px;
}

h3
{
    font-size: 12px;
    font-weight: normal;
    color: #00457c;
    margin: 0px 100px 2px 0px;
    padding-top: 2px;
    border-bottom: 1px solid #4c7ca3;
}

h4
{
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #eb7422;
    margin: 0px 100px 2px 0px;
    padding-top: 2px;
}

li h4 { margin-right: 0px; }

a, a:visited
{
    text-decoration: underlin;
    color: #25335b;
    position: relative;
}

a:hover
{
    text-decoration: underline;
    color: #eb7422;
}

td, tr, table { position: relative; }

ul, ol, dl
{
    margin: 10px 100px 0px 15px;
    padding: 0px;
}

ul li
{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 2px 10px;
    position: relative;
    top: -2px;
    font-size: 11px;
    line-height: 12px;
    list-style: none;
    border-left: 1px solid #bed3e3;
}

ol li
{
    margin: 0px 0px 10px 15px;
    padding: 0px 0px 2px 10px;
    position: relative;
    top: -2px;
    font-size: 11px;
    line-height: 12px;
}

table ul, table ol { margin-right: 0px; }

ul li ul, ol li ol, li p { margin-right: 0px; }

hr
{
    color: #eb7422;
    background-color: #eb7422;
    height: 1px;
    border: 0px solid;
    display: block;
    margin: 10px 0px;
    width: 500px;
}

.SkipNav { position: absolute; left: -1000px; }

/* Sitemap */

ul.SiteMap li { border: 0px; }
ul.SiteMap hr { width: 475px; }

/* Forms */

form { margin: 0px; padding: 0px; }

div.form_field
{
    float: left;
    text-align: left;
    font-size: 90%;
    width: 500px;
    line-height: 1.1em;
    display: block;
    clear: both;
    margin-bottom: .25em;
    position: relative;
    white-space: nowrap;
}

div.form_field_name
{
    float: left;
    width: 150px;
    text-align: right;
    font-weight: bold;
    margin-top: .1em;
    margin-right: .25em;
    line-height: 1.1em;
    position: relative;
    top: .2em;
    white-space: normal;
}

div.form_field_input
{
    float: left;
    line-height: 1.1em;
    display: block;
    position: relative;
    white-space: normal;
    width: 327px;
    padding-right: 5px;
}

div.form_field_input_Text
{
    padding-top: 3px;
}

.form_field_help
{
    font-size: 80% !important;
    color: #333333;
    clear: both;
    display: block;
    position: relative;
}

.required { color: #FF0000; }

button
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #00457c;
    font-weight: normal;
    margin-right: 5px;
    background-color: #d1d3d4 !important;
    position: relative;
}

input.MastHeadSearchInput
{
    width: 150px !important;
    margin-right: 1px !important;
}

input.TextInput
{
    width: 225px !important;
}

input.radio
{
    border: 0px;
    padding: 0px;
    margin: 0px 1px 0px 0px;
    position: relative;
    top: 2px;
    width: 11px;
    position: relative;
}

textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #00457c;
    font-weight: normal;
    margin-right: 5px;
    background-color: #e5ecf1 !important;
    border: 1px solid #bed3e3;
    padding: 1px;
    position: relative;
    height: 8em;
}

.SubmitButton
{
    background-color: #00457c !important;
    color: #ffffff !important;
    text-transform: lowercase;
    font-weight: bold;
    font-size: 10px;
    padding: 1px 5px 2px 5px;
    text-decoration: none;
    border: 0px;
    text-align: center;
    margin-top: 20px;
}

.SubmitButton:hover
{
    background: url(../images/button_bg_hover.gif) repeat-y;
}

.Hidden { display: none; }

.OptionPrompt
{
    background-color: #FBECDD;
    color: #666666;
    position: relative;
}

/* Layout */

div.layout_container
{
    background-color: #ffffff;
    white-space: nowrap;
    width:1000px;
    height: 100%;
    -moz-box-shadow:    0px 7px 30px #616161;
    -webkit-box-shadow: 0px 7px 30px #616161;
    box-shadow: 0px 7px 30px #616161;
}

div.masthead {
    margin-top: 10px;
    background-color: #FFFFFF;
    background-image: url(images/serco-logo.png);
    background-repeat: no-repeat;
    width: 900px;
    height: 105px;
}

div.seaportmasthead
{
     margin-top: 3px;
    background-color: #FFFFFF;
    background-image: url(../../Seaport/Images/seaportmasthead.jpg);
    background-repeat: no-repeat;
    width: 1000px;
    height: 105px;
}

#MasterSearch
{
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: right;
    font-size: 10px;
    color: #00457c;
}

#MasterSearch a, #MasterSearch a:visited
{
    color: #00457c;
}

#MasterSearch a:hover
{
    color: #eb7422;
}

#PrintBreadcrumb { display: none; }

#search_criteria
{
    width: 125px;
    height: 12px;
    padding: 1px;
    margin: 0px;
}

#search_submit
{
    background-color: #00457c !important;
    color: #ffffff;
    border: 0px;
    padding: 0px 3px 2px 1px;
    font-size: 10px;
    font-weight: bold;
    height: 16px;
    margin: 0px;
    cursor: pointer;
    text-transform: lowercase;
}

#search_submit:hover
{
    background-color: #eb7422 !important;
}

/* Left Nav Styles */
div.leftnav
{
    float: left;
    width: 280px;
    background-color:#bcbec0;
    margin:15px 0px;
}
div.leftnav .leftNavTitle
{
    width: 258px;
    height:50px;
    background-color:#002e5f;
    color:White;
    padding:13px 0px 0px 22px;
    font-size:2em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform:uppercase;
}
div.leftNavFooter
{
    width: 260px;
    height:44px;
    background-color:#e7e8e9;
    padding:13px 0px 0px 20px;
}
div.leftnav .leftNavContent
{
    width:250px;
    padding:0px 15px 0px 22px;
}
div.leftNavContent .leftNavLinks a
{
    display:block;
    line-height:22px;
}
.leftNavLinks
{
    padding:10px;
}
div.subcontent
{
    padding:0px 20px;
    width:666px;
    min-height:400px;
}
p.subContentTitle
{
    font-size:2em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform:uppercase;
    margin:0px;
}

/* Nav Styles */

div.nav
{
    background-color: #ffffff;
    height: 25px;
    line-height: 150%;
    text-align: center;
    padding: 12px 20px 3px 0px;
    z-index: 200;
}

div.nav_area
{
    text-transform: uppercase;
    float: left;
}

div.navitem
{
    position: relative;
    display: inline;
}

div.nav_right 
{
    float: right;
    text-transform: uppercase;
}
a.nav_link_seaport
{
    color: #00457c !important;
    text-decoration: none !important;
    padding: 5px 8px;
    margin: 0px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
a.nav_link_seaport:hover
{
    color: #eb7422 !important;
}
a.nav_link
{
    color: #00457c !important;
    text-decoration: none !important;
    padding: 5px 13px;
    margin: 0px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
a.nav_link:hover
{
    color: #eb7422 !important;
}
a.nav_link_right
{
    color: #eb7422 !important;
    text-decoration: none !important;
    padding: 5px 13px;
    margin: 0px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}



a.nav_link_current { color: #eb7422 !important; }
div.nav_link_first { margin-left: 0px; padding-left: 11px; }

#separator 
{
    background-color: #002e5f;
    height: 5px;
}
#separator>div
{
    background-color: #eb7422;
    width: 140px;
    height: 5px;
    float: right;
}
#bottomSeparator 
{
    background-color: #002e5f;
    height: 3px;
}
#bottomSeparator>div
{
    background-color: #eb7422;
    width: 140px;
    height: 3px;
    float: right;
}

/* Secondary Mouseover Nav Styles */
.NoLink
{
    cursor: pointer;
}
div.secondarynav_area
{
    white-space: normal;
    background-color:#ffffff !important;
    position: absolute;
    left: -10000px;
    top: 0;
    visibility: visible;
    font-size: 11px;
    white-space: nowrap;
    z-index:8000;
border:1px solid #BCBEC0;
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

div.secondarynav_area a
{
    color: #002e5f !important;
    text-decoration: none !important;
    padding: 0px 10px;
    margin: 0px 0px 6px 0px;
    background-color: #ffffff !important;
    text-transform: normal;
    letter-spacing: 0px;
    display: block;
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

div.secondarynav_area a:hover
{
    color: #EB7422 !important;
}

div.content
{
        padding:30px;
    background-color: #ffffff;
}

/* Home page styles */
div.homecontent
{
    width: 706px;
    height: 387px;
}

/* Image styles */
img.AccentPhoto
{
    background-color: #bed3e3;
    position: relative;
    border: 0px;
    margin: 5px 0px 10px 15px;
    z-index: 15;
    float: right;
}

img.inner
{
    left: 20px;
    margin-left: 0px;
}

img.Square
{
    width: 207px;
    height: 207px;
}

img.Vertical
{
    width: 207px;
    height: 310px;
}

img.Horizontal
{
    width: 310px;
    height: 207px;
}

/* Footer styles */
div.footer { width: 1000px; height: 60px; margin-top: 20px; }
div.footer>div { float: right; }
div.footer>div a { margin-right: 20px; }
#copyright { float: right; margin-right: 40px; margin-top: 10px; font-size: 0.8em; }

/* Specialties styles */

img.accent_box
{
    width: 11px;
    height: 11px;
    background-color: #eb7422;
    position: absolute;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

p.specialtiestext
{
    /*	font-size:11px;
    color:#111111; */
    margin: 0px 100px 10px 0px;
    padding: 0px;
}

div.specialtiestitle
{
    background-color: #ffffff;
    padding: 0px;
    width: 610px;
    float: right;
    clear: right;
    margin-bottom: -10px;
    z-index: 10;
}

div.specialtiestitlearea
{
    background-color: #eb7422;
    padding: 7px 20px 8px 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
    width: 580px;
    margin: 0px 0px 11px 0px;
}

/* Search */
.SearchResultArea
{
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin: 20px 100px 20px 0px;
    padding-top: 10px;
}
.SearchResult
{
    font-size: 10px;
    margin-right: 0px;
}
.SearchResultTitle { font-weight: bold; }
.SearchResultStatsBottomLine
{
    color: #00457c;
}

.MainSearchForm
{
    margin-bottom: 10px;
    text-align: right;
    font-size: 10px;
}

.ResultsNav
{
    font-size: 10px;
    width: 500px;
    margin: -20px 100px 20px 0px;
}

a.ResultsLink
{
    position: absolute;
    top: 0px;
}

a.PreviousResults { left: 0px; }
a.NextResults { right: 0px; }

.Error { color: #FF0000; }

/* Misc. Styles */
#inner-page-nav, #quick-link-list { border: solid 1px #bed3e3; padding: 2px 0 2px 5px; margin-right: 100px; margin-bottom: 10px; background-color: #f2f5f8; }
#inner-page-nav ul, #quick-link-list ul { margin: 10px 0 0 0}
#inner-page-nav li { margin: 0; display: inline; padding: 0 5px 0 0px; border: 0px; }
#quick-link-list li { margin: 0; padding: 5px 0 5px 0; border: 0px; }

#contract-columns P { margin: 0 0 1.2em 0; }
#contract-columns { clear: both; text-align: left; }
#contract-columns P.left { clear: both; float: left; width: 120px}
#contract-columns P.right { margin-left: 130px; width: 370px}
#contract-columns P.right a { display: inline; position: static; }
#contract-columns DIV.left { clear: both; float: left; width: 120px}
#contract-columns DIV.right { margin-left: 130px; width: 370px}

/* CONTRACT VEHICLES */
.detrick-bulltet { font-weight: bold}
.signature-line { border-top: solid 1px #666666; display: inline; width: 48%}
.h4-list { list-style-type: none; margin-left: 0; }
.h4-list li { border-left: 0px; }
ul li ul.h4-list, ul li ul.h4-list { margin-right: 0px; padding-right: 0px; }

/* Data Table */
#data-table { margin: 0px 0px 10px 0px; }

#data-table caption
{
    text-align: left;
    font-weight: bold;
    background-color: #eb7422;
    color: #FFFFFF;
    font-size: 10px;
    padding: 0px 4px;
}

#data-table table
{
    font-size: 10px;
    border: 1px solid #eb7422;
    width: 500px;
    background-color: #ffffff;
}

#data-table tbody th, THEAD
{
    text-align: left;
    font-weight: bold;
    background-color: #e5ecf1;
    color: #00457c;
    padding: 0px 3px;
}
#data-table td, #data-table th
{
    border-bottom: 1px solid #bed3e3;
    padding: 0px 3px;
}
#data-table td, #data-table th
{
    border-right: solid 1px #bed3e3;
}

dt { font-weight: bold; margin: 6px 0 3px 0; }
dd li { list-style-type: none; margin-left: 0}
dd ul { margin: 0}
#columns P { margin: 0 0 1.2em 0; }
#columns { clear: left; text-align: left;  }
#columns P.left { clear: left; float: left; width: 120px}
#columns P.right { margin-left: 120px; width: 380px}
#columns P.right a { display: inline; position: static; }
#columns DIV.left { clear: left; float: left; width: 120px}
#columns DIV.right { margin-left: 120px; width: 380px}

/*  Opportunity Application form */
input.ApplicationInput { margin-right: 5px; }

.eagle
{
    width: 450px; 
    padding-left: 25px;
    padding-bottom: 10px;
}

.eagle ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.eagle ul li
{
    background-repeat: no-repeat;
    background-position: 0px 5px; 
    padding-left: 14px; 
}

#homeImageTitle
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 24pt;
    color: #EB7422;
    text-shadow: 3px 6px 7px #868685;
    padding: 20px;
    width: 300px;
    line-height: 34px;
}
#homeImageContent
{
    margin: 10px;
    padding: 10px;
    font-size: 9pt;
    color: White;
    width: 350px;
   /* Fallback for web browsers that don't support RGBa */
    background: rgb(0, 46, 95) transparent;
    /* RGBa with 0.9 opacity */
    background: rgba(0, 22, 70, 0.9);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6001646, endColorstr=#E6001646);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6001646, endColorstr=#E6001646)";
}
.orange { color:#eb7422; }
#locations
{
      width:670px;
      height:205px;
      background-image:url(../images/accent_photos/about/tysons.jpg);
      position:relative;
      left:-8px;
      margin-top:10px;
      color:White;
      padding:16px 0px 16px 24px;
}
#locationsContainer { width:293px;height:237px; }
#locations a, #locations a:hover, #locations:visited { color:White; }
#locationsTitle { font-weight:bold; font-family: 'Open Sans', sans-serif; font-weight: 700;font-size:1.2em;
    text-transform:uppercase; }
#locations>div>div { margin-bottom:12px; }
#locationLinks>a { padding-bottom:4px;display:block; }

.newsTitle { font-weight:bold; margin:4px 0px 10px 0px; }
.newsBody { padding-left:20px;padding-bottom:10px; }

.divReadMore { position:absolute; }
.registration_header {
    font-size:20pt;
    font-weight:bold;
    color:#0094da;
}
.upcoming {
    margin: 10px;
    border: 1px solid gray;
    padding: 3px;
}
.upcomingheader {
    color: #0094da;
    margin-bottom:16px;
}