@charset "UTF-8";
html {background-color:#bdbcbc;}
body { margin:0px; font-size:.9em; font-family: arial, trebuchet ms, helvetica, verdana, sans-serif; line-height: 160%; font-smooth: always; color:#001e48; }

/*--- general styles for text, headings, and lists --------------------------------------------------------------------------------------*/
p { margin-top: 0; margin-bottom: 1rem; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.35rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1rem; }
h5 { font-size: .9rem; }
h6 { font-size: .8rem; }
h1, h2, h3, h4, h5, h6 { margin:0 0 1rem 0; color:#354e69; font-weight: bold; line-height: 130%; }
h1>a, h2>a, h3>a, h4>a, h5>a, h6>a { font-weight:bold; }

.sahpr-link {
  margin: 2rem .5rem 0rem .5rem;
}

.usap-header-divider { padding-bottom: .5rem; border-bottom: 4px double #7cbfe6; }

ul, ol { margin:0 1rem 1rem 0; }
ul li, ol li { margin-bottom: .5rem; }
ul li:last-child, ol li:last-child { margin-bottom: 2rem; }
ul ul li:last-child, ol ol li:last-child { margin-bottom: 0; }

hr { margin-bottom: 1rem; margin-right: .5rem; height: 1px; background-color: transparent; border: 1px dotted #999; border-style: dotted none none none; }
hr.usap-feed-divider { height: 3px; border: none; background-image: linear-gradient(-45deg, #6d9ed5 15%, #fad238 15%, #fad238 18%, #eee 18%, #eee 100%); }
input[type='text'].calendarBox  { background:#fff url(/usapgov/resources/images/bg-calendar.gif) no-repeat center right; }
label.error { display: none; color:red; font-size: .9em; }

/*--- links and link behavior icons --------------------------------------------------------------------------------------*/
a { color:#0077bb; font-weight: normal; text-decoration: none; }
a:hover { color:#ff5d00; }

.content a:after, .menu a:after {
  content:"";
  background:transparent url(/usapgov/grafx/link-icons.png) 0px 0px no-repeat;
  display:none;
  vertical-align:baseline;
  margin:0px 1px -1px 4px;
  height:10px;
}

/*-- new badge class for links --*/
/*-- defined specific color for the first case (Education Opportunities page); feel free to split out to separate classes if more colors are needed --*/
.badge {
  padding: 0.5em 1em;
  background: #0077bb;
  border-radius:0.5em;
}

.badge a {
  color: white;
  font-weight: 600;
}

.badge:hover {
  opacity: 0.7;
}

.content a[href*='.gov']:after, .menu a[href*='.gov']:after,
.content a[href*='.com']:after, .menu a[href*='.com']:after,
.content a[href*='.org']:after, .menu a[href*='.org']:after,
.content a[href*='.edu']:after, .menu a[href*='.edu']:after,
.content a[href*='.net']:after, .menu a[href*='.net']:after,
.content a[href*='.mil']:after, .menu a[href*='.mil']:after,
.content a[href*='.co.nz']:after, .menu a[href*='.co.nz']:after {
  display: inline-block;
  width: 10px;
}

.content a[href$='.pdf']:after, .menu a[href$='.pdf']:after { display: inline-block; width: 11px; background-position: -65px 0px; }
.content a[href$='.doc']:after, .menu a[href$='.doc']:after, .content a[href$='.docx']:after, .menu a[href$='.docx']:after { display: inline-block; width: 11px; background-position: -22px 0px; }
.content a[href$='.xls']:after, .menu a[href$='.xls']:after, .content a[href$='.xlsx']:after, .menu a[href$='.xlsx']:after { display: inline-block; width: 11px; background-position: -33px 0px; }
.content a[href$='.ppt']:after, .menu a[href$='.ppt']:after, .content a[href$='.pptx']:after, .menu a[href$='.pptx']:after { display: inline-block; width: 11px; background-position: -44px 0px; }
.content a[href$='.xml']:after, .menu a[href$='.xml']:after { display: inline-block; width: 11px; background-position: -55px 0px; }

/* icon styles specifically for example list display on /491 page (Help and Support) */
.icon {
  background:transparent url(/usapgov/grafx/link-icons.png) 0px 0px no-repeat;
  width:11px;
  height:10px;
}

.icon.externalSite {background-position:0px 0px;}
.icon.email {background-position:-11px 0px;}
.icon.doc {background-position:-22px 0px;}
.icon.excel {background-position:-33px 0px;}
.icon.powerpoint {background-position:-44px 0px;}
.icon.pdf {background-position:-65px 0px;}
.icon.xml {background-position:-55px 0px;}

/* links that shouldn't have icons applied */
.contentContainer a+img[src*='icon-'],
.contentContainer a>img[src*='icon-'],
.contentContainer a+img+img[src*='protected'],
.content a[href*='usap.gov']:after,
.menu a[href*='usap.gov']:after,
div.content div#feedCarousel a:after,
.imageBox .imageBody img a:after,
.announceImgHome a[href*='.']:after,
a.hideicon[href*='.']:after {
  display:none;
}

/* this comes last as an override for usap email links */
.content a[href^='mailto:']:after, .menu a[href^='mailto:']:after { display: inline-block; width: 11px; background-position: -11px 0px; }


/*--- header containers and menus --------------------------------------------------------------------------------------*/
#sitetop {width:100%;height:300px;margin-bottom:6px;background:#bdbcbc url(/usapgov/grafx/bg-site.gif) top repeat-x;}

.header { position:relative; width:920px; height:300px; margin:0px auto; z-index:25; }
.header .header-banner { position:absolute; top:91px; width:920px; height:200px; }

.header #quicklinks { position:absolute; background-color:#6d9ed5; border:1px solid #5e80a7; border-width:1px 0px; top:62px; width:100%; height:35px; text-align:right; z-index:300; }
.header #quicklinks a.quicklink { height:35px; padding:0px 25px; float:right; border-style:solid; border-width:0px 1px; border-right-color:#5987bc; border-left-color:#a8c5e6; font-size: .7rem; line-height:35px; color:#fff; text-shadow:0 -1px 0 #999; display:block; }
.header #quicklinks a.quicklink:hover {background-color:#83b0e1;}
.header .quickbutton, .header .quickbutton-on {
    position:relative;
    top:-2px;
    width:176px;
    border:1px solid #afa05a;
    text-align:center;
    font-size: .7rem;
    line-height: 40px;
    font-weight:bold;
    color:#fff;
    border-radius:2px 2px 4px 4px;
    box-shadow:0 1px 1px #666;
    text-shadow:0px -1px 0px #999;
    cursor:pointer;
    float:right;
    }
.header .quickbutton, .header .quickbutton-on { background-color:#f4c518; background:linear-gradient(to bottom, #fad238, #eab411); }
.header .quickbutton:hover, .header .quickbutton-on:hover { background-color:#f4b318; background:linear-gradient(to bottom, #fbc238, #ecac14); }

#quickbox {
    position:absolute;
    width:915px;
    top:97px;
    z-index:5000;
    padding-top:20px;
    border-color:#eab411;
    border-style:solid;
    border-width:2px 2px 12px 2px;
    background:#fff url(/usapgov/grafx/quicklinks-bg.png) no-repeat bottom left;
    box-shadow:2px 2px 3px #666;
    border-radius:0px 0px 4px 4px;
    display:none;
    }
#quickbox #quickboxcontent {width:910px;margin:0px auto;border-spacing:60px 15px;}
#quickbox #quickboxcontent td {vertical-align:top;padding-bottom:160px;font-size:.85rem;font-weight:normal;}
#quickbox #quickboxcontent td h2 {font-size:125%;color:#4d739d;border-bottom:1px solid #c6cdd8;padding-bottom:4px;margin:0px 0px 1.5rem 0px;}

#quickbox #quickboxcontent td ul, .homePage .features ul {list-style-image:url(/usapgov/grafx/quicklink-arrow.png);list-style-position:outside;position:relative;margin:0px 0px 0px 20px;padding:0px;line-height:110%;}
#quickbox #quickboxcontent td ul li, .homePage .features ul li {padding:1px 0px 2px 0px;}
#quickbox #quickboxcontent td a {color:#0077bb;font-size:.85rem;font-weight:normal;}
#quickbox #quickboxcontent td a:hover {color:#ff5d00;}

.header #search input[type=search] {
  position:absolute;
  top:14px;
  right:0px;
  width:250px;
  height:32px;
  line-height:34px;
  padding:0 8px 0 8px;
  border:1px solid #a4c7ee;
  font-size:1em;
  color:#666;
  background-color:#fff;
  background:rgba(255,255,255,1) url(/usapgov/grafx/search-bg.png) right 7px no-repeat;
  border-radius:4px;
  z-index:200;
}

.header #search input[type=submit] {
  width:1px;
  height:1px;
  text-indent:9999px;
}
.header #pageInfo {position:absolute;bottom:0;width:920px;height:65px;background:linear-gradient(to bottom, rgba(0,0,0,.35) 0px, rgba(0,0,0,.35) 38px, rgba(21,21,86,1) 38px, rgba(21,21,86,1) 100%);border-radius:0 0 10px 10px;z-index:200;}
.header #pageTitle {position:absolute;top:11px;left:114px;width:600px;height:20px;z-index:210;color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;}
.header #pageLinks {position:absolute;top:40px;left:114px;width:790px;z-index:210;font-size:10px;font-weight:normal;color:#8ea9c0;white-space:nowrap;overflow:hidden;}
.header #pageLinks a {color:#7595af;font-weight:normal;}
.header #pageLinks a:hover {color:#fff;}


/*-------------- content layout classes ---------------------------------------------------------------------------------------------*/
.contentContainer {
  position:relative;
  top:0px;
  width:920px;
  min-height:750px;
  padding:0px;
  margin:0px auto;
  z-index:0;
  background:linear-gradient(to bottom, #bdbcbc 0px, #bdbcbc 40px, rgba(0,0,0,0) 41px, rgba(0,0,0,0) 100%),url(/usapgov/grafx/bg-sitecontainer.gif) repeat-y left top;
}
.contentColumn {position:absolute;top:0px;left:0px;width:200px;}
.contentColumn h2 {margin:12px 8px;text-align:center;}

.usap-div-table {display:table;margin:0;width:100%;}
.usap-div-row {display:table-row;width:100%;}
.usap-div-cell {display:table-cell;padding:10px;vertical-align:top;}

.socmed {display:inline-block;margin:2px;background:transparent url(/usapgov/grafx/nsf-social-media.png) top center no-repeat;border: 1px solid rgba(255,255,255,.3);}
.socmed a {display:inline-block !important;}
.socmed.sm {width:26px;height:26px;border-radius:13px;}
.socmed.md {width:38px;height:38px;border-radius:19px;}
.socmed.lg {width:64px;height:64px;border-radius:32px;}

.socmed.sm.facebook {background-position:-19px -19px;}
.socmed.md.facebook {background-position:-13px -13px;}
.socmed.lg.facebook {background-position:0px 0px;}
.socmed.sm.twitter {background-position:-82px -19px;}
.socmed.md.twitter {background-position:-77px -13px;}
.socmed.lg.twitter {background-position:-64px 0px;}
.socmed.sm.linkedin {background-position:-19px -83px;}
.socmed.md.linkedin {background-position:-13px -77px;}
.socmed.lg.linkedin {background-position:0px -64px;}
.socmed.sm.pinterest {background-position:-82px -83px;}
.socmed.md.pinterest {background-position:-77px -77px;}
.socmed.lg.pinterest {background-position:-64px -64px;}
.socmed.sm.youtube {background-position:-19px -147px;}
.socmed.md.youtube {background-position:-13px -141px;}
.socmed.lg.youtube {background-position:0px -128px;}
.socmed.sm.nsf {background-position:-82px -147px;}
.socmed.md.nsf {background-position:-77px -141px;}
.socmed.lg.nsf {background-position:-64px -128px;}
.socmed.sm.flickr {background-position:-82px -211px;}
.socmed.md.flickr {background-position:-77px -205px;}
.socmed.lg.flickr {background-position:-64px -192px;}

.content {
  position:relative;
	top:-5px;
	left:202px;
	width:723px;
	padding:0;
	margin:0;
	overflow:visible;
}
.content table { padding:0px; margin:0px; }
.content>p, .content table>p { display:none; }

/*-------------- menu layout classes ---------------------------------------------------------------------------------------------*/
ul.menu {
  width:200px;
  top:0;
  left:0;
  padding:1rem 0 0 0;
  margin:0;
  background:#edf5fc;
  border:1px solid #58587d;
  border-radius:10px 10px 0 0px;
  border-bottom:1px solid #8799a9;
  list-style-type:none;
}
ul.menu>li {
  position:relative;
  width:172px;
  padding: 1rem .5rem .75rem 1.25rem;
  margin: 0;
  font-size: .7rem;
  line-height: 120%;
  font-weight: bold;
  color:#2d66a8;
  text-shadow:0 1px 0 #fff;
  background:linear-gradient(to right, #e7eefb 0px, #e7eefb 8px, #d3e2fd 9px, #d3e2fd 100%);
  border-top: 1px solid #8799a9;
  cursor:pointer;
}
ul.menu>li:hover, ul.menu>li.on { background:linear-gradient(to right, #f1da7c 0px, #f1da7c 8px, #c7defd 9px, #c7defd 100%); }
ul.menu>li.on { padding-bottom: 0; }
ul.menu>li:hover:before, ul.menu>li:hover:after { content:""; position:absolute; border:solid; width:0; height:0; }

ul.menu>li.on:hover:before, ul.menu>li.on:hover:after { display:none; }
ul.menu>li.sub:hover:before { border-width:7px; border-color:#8799a9 transparent transparent transparent; left:19px; bottom:-14px; z-index:95; }
ul.menu>li.sub:hover:after { border-width:6px; border-color:#c7defd transparent transparent transparent; left:20px; bottom:-12px; z-index:100; }
ul.menu>li.link:hover:before { border-width:8px; border-color: transparent transparent transparent #58587d; top:8px; right:-16px; z-index:95; }
ul.menu>li.link:hover:after { border-width:7px; border-color: transparent transparent transparent #c7defd; top:9px; right:-14px; z-index:100; }

ul.menu>li ul {
  position: relative;
  border-top: 1px solid #8799a9;
  width: 195px;
  left: -15px;
  padding: .25rem 0;
  margin: .75rem 0 0 0;
  background: linear-gradient(to bottom, #fff, #f5f5f6);
  list-style-type: none;
  display: none;
}
ul.menu>li ul li { background:none; width:172px; border-bottom:1px dotted #aaa; padding: .6rem 0 .25rem .7rem; margin: 0; }
ul.menu>li ul li:last-child { border-bottom-style:none; }
ul.menu>li ul li a { color:#0077bb; text-decoration: none; font-size: .65rem; font-weight: normal; }
ul.menu>li ul li a:hover {color:#ff5d00;}

/*-------------- footer layout classes ---------------------------------------------------------------------------------------------*/
.footer {width:100%;height:auto;margin:0;}
.footer .footer-container { width: 920px; height: auto; margin: 0px auto; font-size: .75rem; line-height: 160%; color:#fff; }
.footer .footer-container h2 { font-size: 1.25em; color:#fff; border-bottom: 1px solid #fff; padding-bottom: 4px; margin-bottom: 1rem; }
.footer .footer-container a { color:#DFEDFB; text-decoration:underline; text-decoration-color: #5391D0;}
.footer .footer-container a:hover { text-decoration: underline; }

.footer.links {position:relative; background:#355982; border-top:1px solid #8ba1b9;}
.footer.links>.footer-container:before {
  content:"";
  position:absolute;
  width:200px;
  height:20px;
  top:-1px;
  background:#fff;
  border:1px solid #58587d;
  border-top:none;
  border-bottom-right-radius:15px;
  box-shadow:0 3px 4px rgba(0, 0, 0, .25);
}
.footer.links>.footer-container table {width:100%;}
.footer.links>.footer-container table tr>td {width:25%;vertical-align:top;padding:40px 20px;}
.footer.links>.footer-container table tr>td h2~h2 {margin-top:20px !important;}
.footer.links>.footer-container table tr>td:first-child {width:13%;}
.footer.links>.footer-container table tr>td:last-child {width:35%;}

.nsf.footer {
  width: 100%;
  padding:30px 0;
  background: #162e51;
  color: white;
  /* position: absolute; */
  bottom: 0;
  text-align: center;
  box-sizing: border-box;
}

.nsf.footer ul {
  padding-inline-start: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  margin: 0;
}

.nsf.footer li {
  margin: 0px 7px;
  line-height: 200%;
}

.nsf.footer a {
  text-decoration: none;
  color: white;
}

.nsf.footer a:hover {
  text-decoration: underline;
}

.nsf.footer .divider {
  width: 2px;
  border-left: 2px solid #717f92;
  line-height: 90%;
  max-height: 14px;
  position: relative;
  top: 5px;
}

.officialNSF {
  margin: 20px auto;
  opacity: 0.9;
}

/*-------------- floating button classes ----------------------------------------------------------------------------*/
.button-float {
  position:fixed;
  top:30%;
  width:auto;
  padding:0;
  border-radius:10px 0 0 10px;
  border:3px solid rgba(102,102,102,.4);
  border-width:3px 0 3px 3px;
  box-shadow:4px 8px 8px rgba(0,0,0,.4);
  cursor:pointer;
  z-index:500;
  transition:all .75s;
}
.button-float .button-float-close {
  position:absolute;
  top:-12px;
  left:16px;
  width:17px;
  height:17px;
  border-radius:17px;
  border:3px solid rgba(102,102,102,.2);
  background:rgba(164,17,35,1) url(/usapgov/grafx/dialog-close.png) no-repeat 3px 3px;
  z-index:550;
}

/*-------------- NSF survey classes; add additional classes here for other buttons if needed -------------------------------*/
.button-float.button-float-survey {width:150px;height:180px;right:-160px;}
.button-survey {
  position:absolute;
  top:0;
  left:0;
  width:150px;
  height:180px;
  background:rgba(255,255,255,1) url(/usapgov/grafx/nsf-survey-link.png) no-repeat top right;
  border-radius:8px 0 0 8px;
}

/*-------------- content containers ----------------------------------------------------------------*/
.itemBox, .itemGrayBox, .itemTitleBox {
  padding:0;
  margin:0;
  vertical-align:top;
  background:#fff;
  border:1px solid #8bc5fd;
  border-radius:10px 10px 0 0;
}
.itemBody {position:relative;top:-2px;padding:14px 12px;background:#fff;}
.itemGrayBox, .itemGrayBox .itemBody, .itemTitleBox, .itemTitleBox .itemBody {background:#eaeaee;}

.tableContainer {width:auto;margin:0px 6px 8px 6px;padding:0px;}
.itemTable {
  background-color:#fff;
  border:1px solid #8bc5fd;
  border-width:1px 1px 0px 1px;
  padding:0;
  margin:0;
  border-spacing:0px;
  border-radius:10px 10px 0 0;
}

.itemNoHeader {height:10px;}
.itemHeader, .itemTable .itemHeader {
  position:relative;
  top:-1px;
  left:-1px;
  padding:0;
  margin:0;
  background:#76abe1;
  border-color:#8bc5fd;
  border-style:solid;
  border-width:1px 0 0 1px;
  border-radius:10px 10px 0 0;
  color:#dbe8f6;
  font-weight:bold;
  font-size:1.2em;
  text-shadow:0 -1px 0 rgba(0,0,0,.2);
}
.itemHeader>div {
  position:relative;
  top:-1px;
  right:-2px;
  padding: .65rem 0;
  margin:0 0 0 1rem;
  background:#76abe1;
  border-color:#8bc5fd;
  border-style:solid;
  border-width:1px 1px 0 0;
  border-radius:0 10px 0 0;
}
.itemHeader div .backToTop { position:absolute; width:15px; height:14px; top:10px; right:12px; background:transparent; }
.itemHeader div a  {color:#dbe8f6;font-weight:bold;text-decoration:none;}
.itemHeader div a:hover {color:#dbe8f6;}

.itemTable th {font-weight:bold;padding:8px;border-bottom:1px solid #8bc5fd;text-align:left;}
.itemTable td {padding:8px;border-bottom:1px dotted #ccc;}
.itemTable td p {margin:0px;}
.itemTable tfoot th {margin:0px;height:3px;overflow:hidden;}

/*-------------- table layout classes ---------------------------------------------------------------------------------------------*/
.tableContainerContent  {width:100%; padding:6px; }
.contentTable {background-color:#fff;border-style:solid;border-width:1px 1px 2px 1px;border-color:#999;}
.contentTable p {margin:0px;}
.contentTable .contentTitle {border-bottom:1px solid #8D8C8C;background-color:#bbd9f8;font-weight:bold;}
.contentTable th {background-color:#dedddd;font-weight:bold;padding:5px 8px 3px 4px;border-bottom:1px solid #DBD9D9;text-align:left;}
.contentTable td {padding:6px 4px 3px 4px;border-bottom:1px dotted #ccc;vertical-align:top;text-align:left;empty-cells:show;}
.contentTable tfoot {background-color:#dedddd;}


/*-------------- image/media layout classes ---------------------------------------------------------------------------------------------*/
.imageBox {
  padding: .5rem;
  margin: 0 1rem .5rem 1rem !important;
  text-align: center;
  line-height: 120%;
}
.imageBox .imageBody { padding: 0; text-align: center;}
.imageBox img { border:1px solid #666; margin:0; }
.imageBox .iimageCaption, .imageBox .imageCaption { height: auto; padding: .5rem; font-size: .8rem; color:#666; font-style:italic; }
.imageBox .iimageCaption div { padding: 0; margin: 0; }
.imageBox .imageCredit { font-size: .7rem; font-style: italic; padding: 0; }

.mainImgTable {
  text-align: center;
  width: auto;
  margin: 14px 12px 1.5rem 12px !important;
  background-color: #e3e3e3;
  border: 1px solid #c9c9c9;
  box-shadow: 0 0.15rem 0.25rem 0 rgb(0 0 0 / 10%);
}
.itemBody .mainImgTable { margin: 0 0 1.5rem 0 !important; }
.mainImgTable + .itemBody { padding-top: 0; }
.mainImgTable .imageBody { padding: .5rem; font-size: .7rem; line-height: 110%; font-style: italic; }
.imageContainer { max-width: 450px; min-width: 100%; max-height: 300px; }
.mainImgTable .imageBody img { border:1px solid #96abb9; object-fit:cover; max-width: 450px; min-width: 100%; max-height: 300px; }

.mainImgTable .imageCaption {
  padding: 1rem;
  font-size: .85rem;
  font-style: italic;
  line-height: 140%;
  vertical-align: middle;
}

.mainImgTable + h1 + h3 { font-size: 1rem; }

div.byline { font-size: .85em; line-height: 125%; margin-top: .5rem; text-transform: uppercase; letter-spacing: .05em; }
div.byline em { font-weight:bold; }
div.postDate { font-size: .85em; line-height:125%; margin-bottom: 1.5rem; }
div#socialmedia { width: 95%; margin-top: 1rem; text-align: left; }
div#socialmedia a:after { display: none; }

div.quoteBox {width:230px;font-size:175%;font-style:italic;line-height:120%;color:#849dae;}
.right {float:right;padding:10px 10px 15px 5px;margin:0px 10px 0px 18px;}
.left {float:left;padding:10px 5px 15px 10px;margin:0px 18px 0px 4px;}

/*-------------- subtopic and special case layout classes ---------------------------------------------------------------------------------------------*/
.topicBox {background-color:#c1d8ee;padding:0;margin:0;border-radius:10px 10px 6px 6px;}
.topicBox .topicBody {padding:10px;}
.topicBox .topicBody p:last-child {margin-bottom:0px;}
.topicBox .topicTitle {
  background-color:#799ec1;
  font-style:italic;
  font-weight:bold;
  color:#fff;
  line-height:100%;
  padding:12px 8px 6px 8px;
  border-bottom:1px solid #fff;
  border-radius:6px 6px 0 0;
}

.alertBox {background-color:#e2e1e1;padding:0px;margin:0px auto 12px auto;width:98%;box-sizing:border-box;border-radius:8px;}
.alertBox .alertBody {padding:10px;font-style:italic;color:#333;}
.alertTitle {padding:8px 12px 0 12px;font-style:italic;font-weight:bold;color:#f1000c;}
.alertTitle div {padding:0;}

.alert {width:920px;margin: 8px auto;border: 1px solid rgb(211, 18, 69);border-radius: 10px;background-color:#f4e3db;box-sizing: border-box; display:none;}
.alert .title {background-color:rgb(211, 18, 69);color: white;font-weight: bold;padding:15px 35px;border-radius: 9px 0 0 9px;text-transform: uppercase;display: table-cell;}
.alert .msg {padding:15px; display: table-cell;}
.alert .msg a {color: #006caa;}

#quickLinks h3 {background-color:#eee;border-bottom:1px dotted #ccc;padding:5px 2px 2px 4px;}
#quickLinks p {text-align:center;}
#quickLinks img {margin:5px 4px;}

.newsitem {padding:4px 0px 4px 0px;clear:both;}
.newsitem img {margin-right:3px;}
.newslink {font-weight:bold;font-size:10px;}
.newstext {font-size:11px;}

.contentlink {font-weight:bold;font-size:11px;}
.contenttext, .contenttext-none {font-size:11px;padding:4px 0px 8px 0px;clear:both;}
.contenttext-none {border-bottom:1px dotted #7C8FB7;}

.videoContainer {
  position:relative;
  text-align:center;
  font-size: .75rem;
  font-style: italic;
  line-height: 130%;
  width:auto;
  max-width: 100%;
  margin:0 auto 1.5rem auto;
  background-color: #e3e3e3;
  border: 1px solid #c9c9c9;
  padding:10px 10px 4px 10px;
  box-shadow: 0 0.15rem 0.25rem 0 rgb(0 0 0 / 20%);
}
.videoContainer p { margin: .25rem 1rem; }
.videoContainer video {width:100%;margin:0;}
#videoButton {position:absolute;top:50%;left:50%;transform: translate(-50%, -100%);background:transparent url(/usapgov/grafx/play-video.png);width:83px;height:82px;z-index:800;opacity:.75;}
#videoButton:hover {cursor:pointer;}
.videoText {text-align:right;margin-right:20px;font-size:75%;font-style:italic;}

.audioContainer {
  position:absolute;
  top:50%;
  left:50%;
  margin:-170px -132px;
  background-color:#94c5fa; /* fallback */
  background:linear-gradient(to bottom, #94c5fa, #287dda);
  text-align:center;
  width:240px;
  z-index:800;
  padding:10px;
  border-radius:4px;
  box-shadow:5px 5px 5px #666;
  display:none;
  }
.audioContainer.orange {background-color:#e19501;background:linear-gradient(to bottom, #e19501, #ad7301);}
.audioContainer.green {background-color:#94c5fa;background:linear-gradient(to bottom, #6acc00, #509901);}

.audioContainer p {color:#fff;font-size:11px;margin:8px 12px;padding-bottom:6px;border-bottom:1px dotted #a1e1ff;line-height:105%;}
.audioContainer a {color:#fff;font-size:11px;font-weight:bold;}
.audioContainer img {border:1px solid #fff;}

.closeDialog {position:relative;left:95%;width:11px;height:11px;margin:0px;background:transparent url(/resources/media/dialog-close.png) no-repeat top left;display:block;}
.closeDialog:hover {cursor:pointer;}

/*--------------------------- home page carousels -------------------------------------------------------------------*/
#feedCarousel {position:relative;width:97%;height:280px;margin:0px auto;border:4px solid #a0d2ef;overflow:hidden;}
.feedCarouselContent {width:100%;height:100%;top:0px;left:0px;display:none;position:absolute;z-index:0;cursor:pointer;}
.feedCarouselContent.nopointer {cursor:default;}
#feedCarousel .default {display:block;}
.feedCarouselBg { position:absolute; top:0; right:0; bottom: 0; left: 0; background-image: linear-gradient(to right, transparent 30%, rgba(0, 0, 0, .6) 55%, rgba(0, 0, 0, .85) 100%); }
#feedCarousel .newIcon {position:absolute;top:16px;left:-4px;}

#feedCarouselNav {position:absolute;bottom:14px;right:14px;width:auto;height:10px;z-index:50;}
#feedCarouselNav .navItem {width:7px;height:7px;margin:0px 4px;float:left;background:transparent url(/usapgov/grafx/carouselNav-bg.png) top left no-repeat;}
#feedCarouselNav .navItem.showing {background-position:0px -7px;}
#feedCarouselNav .navItem:hover {background-position:0px -14px;cursor:pointer;}

#feedCarousel a {color:#f0cd3b;font-weight:bold;}
#feedCarousel a:hover {color:#ff6600;}
.feedText .subText {font-size:75%;margin:8px 0px 10px 0px;display:inline-block;}
#feedCarousel .feedText {position:absolute; top:0px; right:0px; width:45%; color:#fff; line-height:120%; padding:14px 8px;}
#feedCarousel .feedText h1 {color:#fff;font-size:140%;margin:0px 6px 8px 0px;border-bottom:1px dotted #7cbfe6;padding-bottom:8px;}

#feedCarousel .navBtn {
  position:absolute;
  top:40%;
  width:40px;
  height:59px;
  z-index:50;
  background:#003366 url(/usapgov/grafx/carousel-nav.png) 3px 15px no-repeat;
  border:1px solid #a0d2ef;
  opacity:0.5;filter:alpha(opacity=50);
  box-shadow:2px 2px 2px #000;
  cursor:pointer;
  display:none;
}
#feedCarousel .navBtn.left {left:0px;border-left-width:0px;border-radius:0px 20px 20px 0px;}
#feedCarousel .navBtn.right {right:0px;border-right-width:0px;background-position:-32px 15px;border-radius:20px 0px 0px 20px;}
#feedCarousel .navBtn.left, #feedCarousel .navBtn.right { float: none; padding: 0; margin: 0; }
#feedCarousel .navBtn.pause, #feedCarousel .navBtn.resume {width:60px;left:50px;border-radius:20px;}
#feedCarousel .navBtn.pause {background-position:-67px 15px;}
#feedCarousel .navBtn.resume {background-position:-125px 15px;}
#feedCarousel .navBtn.left:hover, #feedCarousel .navBtn.right:hover, #feedCarousel .navBtn.pause:hover, #feedCarousel .navBtn.resume:hover {opacity:0.8;filter:alpha(opacity=80);}

.feedThumbs, .feedLinks {font-size: 115%;}
.feedThumbs .feedText { line-height:130%; margin:20px 0px 14px 6px; padding-bottom:12px; }
.feedThumbs .feedText:last-child {border-bottom-style:none;}
.feedThumbs .feedText img { border:2px solid #6d9ed5; float:left; margin:1px 12px 4px 0px;}
.feedThumbs .feedText .subText {font-size:75%;margin:8px 0px 10px 0px;display:inline-block;}


.usap-feed-date {
  width: 4.5rem;
  font-size: .9rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.usap-feed-date div { padding: .4rem; background-color: #fff;  color: #6d9ed5; }
.usap-feed-date .usap-feed-date--month { border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #6d9ed5; color: #fff; }
.usap-feed-date .usap-feed-date--day { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid #6d9ed5; border-top: none; }
.usap-feed-date .usap-feed-date--year { padding: .1rem; font-size: .65rem; font-weight: normal; line-height: 110%; color: #6d6f72; letter-spacing: 0.05rem; }

#camCarousel {
  position:relative;
  width:448px;
  height:253px;
  margin:0px 6px;
  border:1px solid #a0d2ef;
  overflow:hidden;
}
.camCarouselImg {position:absolute;top:0px;left:500px;}
.camCarouselImg:hover {cursor:pointer;}
#camCarousel select {
  position:absolute;
  bottom:10px;
  left:10px;
  font-size:.95em;
  border:1px solid #999;
  width:90%;
  line-height:10px;
  padding:8px 12px;
  border-radius:4px;
  box-shadow:inset -1px 1px 1px rgba(0,0,0,.5),1px 1px 0px rgba(0,0,0,.5);
  background:rgba(255,255,255,.85);
}
.camCarouselImg a {display:inline-block;position:absolute;bottom:16px;left:8px;padding:0px 10px;font-size:.85em;background-color:#fff;border:1px solid #a0d2ef;}
.camCarouselImg a:after {
  display:block;
  content:"View";
  position:absolute;
  top:-1px;
  right:-40px;
  width:40px;
  height:19px;
  color:#fff;
  text-align:center;
  background:#549ff1;
  border-radius:0 3px 3px 0;
  border:1px solid #549ff1;
  cursor:pointer;
}

p.pageLinks {
  display:block;
  width:98%;
  text-align:right;
  margin:0 auto;
  padding:16px 4px;
  font-size:110%;
  font-weight:bold;
  line-height:140%;
  color:#999;
  word-spacing:3px;
  border-top:1px dotted #ccc;
  text-transform:uppercase;
}
p.pageLinks a {
  color:#0066ff;
  font-weight:bold;
  text-shadow:0px 1px 0px #fff;
  border:1px solid #ccc;
  padding:6px 12px;
  border-radius:3px;
  background:linear-gradient(to bottom, #fff, #f8f8f8);
}
p.pageLinks a:hover {background:linear-gradient(to bottom, #fff, #e9f4fe);}

table.feedLinks {width:auto;border-collapse:collapse;margin:16px 0px 24px 6px;}
table.feedLinks .feedText {line-height:130%;padding:4px 8px 10px 10px;border-bottom:1px solid #e9e8e8;}
table.feedLinks .feedText a {display:block;}
table.feedLinks tr:last-child td:last-child {border-bottom-style:none;}
table.feedLinks .feedText .subText {float:right;margin:0px;width:auto;height:14px;}
table.feedLinks .feedDate {
  width:24px;
  padding:8px;
  background-color:#a4b1c0;
  color:#eff0f1;
  text-align:center;
  font-size:.8em;
  vertical-align:top;
  text-transform:uppercase;
  line-height:140%;
  border-bottom:1px solid #eff0f1;
}

table.topicTable { width:245px; line-height:120%;background-color:#ededed;margin:0 0 2rem 0;display:block;}
table.topicTable td {padding:18px 12px 2px 12px;font-size:.85em;color:#4b4b4b;}
table.topicTable p {margin-top: 0;}
table.topicTable input[type='text'] {width:95%;height:22px;line-height:130%;font-size:11px;padding:0px 2px 0px 4px;color:#999;border:1px solid #999;}
table.topicTable input[type='submit'] {width:100%;height:28px;line-height:130%;font-size:12px;color:#7f7f7f;border:1px outset #999;}
table.topicTable input[type='submit']:hover {background-color:#e1e1e1;cursor:pointer;}

table.searchResults {width:245px;background-color:#666;margin:0 0 .5rem 0;border:3px solid #a0d2ef;}
table.searchResults td {text-align:center;font-size:2em;font-weight:bold;line-height:100%;padding:2px 1px;color:#fff;}
table.searchResults td.small {font-size:.80em;}
.searchTerm {background-color:#fad375;padding:0px 2px;}

table.pagingInfo form { margin: 0; display: inline-block; }
table.pagingInfo {width:98%;font-size:.9em;margin:6px auto;}
table.pagingInfo tr td {text-align:center;border-right:1px solid #ccc;}
table.pagingInfo tr td:first-child {text-align:left;}
table.pagingInfo tr td:last-child {text-align:right;border-style:none;}
table.pagingInfo td input[type='button'], table.pagingInfo td input[type='submit'] {
  color:#0066ff;
  text-shadow:0px 1px 0px #fff;
  text-transform:uppercase;
  border:1px solid #ccc;
  padding:6px 12px;
  border-radius:3px;
  background:linear-gradient(to bottom, #fff, #f8f8f8);
  font-size:1.1em;
  font-weight:bold;
  line-height:140%;
}
table.pagingInfo td input[type='button']:disabled, table.pagingInfo td input[type='submit']:disabled {background:#fff;color:#ccc;}
table.pagingInfo td input[type='button']:disabled:hover, table.pagingInfo td input[type='submit']:disabled:hover {background:#fff;cursor:default;}
table.pagingInfo td input[type='button']:hover, table.pagingInfo td input[type='submit']:hover {background:linear-gradient(to bottom, #fff, #e9f4fe);cursor:pointer;}

table.archiveTable {width:auto;margin:0px auto 12px auto;display:block;}
table.archiveTable td {background-color:#a4b1c0;color:#eff0f1;text-align:center;font-weight:bold;padding:4px 12px;}
table.archiveTable td:hover, table.feedLinks .feedDate:hover {background-color:#a0d2ef;cursor:pointer;}

span.usap-tag {
  font-size: .6rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #c25700;
  border-radius: 2px;
  margin: 0 .25rem;
  padding: 2px 4px;
}

/*-------------- random article styles for sidebar --------------------------------------------------------------------------------------*/
#sideBar {margin-left:1px;padding:8px;width:184px;font-size:.9em;line-height:125%;}
#sideBar p { padding: 0 0 0.5rem 0; border-bottom: 1px dotted #888d94; margin: 0.25rem 0.5rem 1rem 0.5rem; font-size: .75rem; }
#sideBar p:last-child {border-bottom-style:none;}
#sideBar h2 {padding-top:8px;text-transform:uppercase;font-size:.9rem;}
#sideBar div.image {margin:6px auto;width:167px;height:34px;border:1px solid #888d94;background-position:55px -10px;overflow:hidden;border-radius:0px 8px 8px 0px;cursor:pointer;}
#sideBar div.image div.date {width:55px;height:100%;padding:3px 2px 0px 0px;background-color:#888d94;color:#eff0f1;font-size:.8em;text-transform:uppercase;font-weight:bold;text-align:center;line-height:130%}
#sideBar div.link {margin-bottom:4px;padding-left:7px;text-transform:capitalize;}
#sideBar.dock {position:fixed;top:0px}
#sideBar.undock {position:absolute;}

/*-------------- home page layout classes ---------------------------------------------------------------------------------------------*/
.homePage h1 { margin: 2rem .5rem 1rem .5rem; }
.homePage h2, .contentColumn h2 { color:#545454; font-size: 1em; margin: 0 .5rem .5rem; text-transform: uppercase; }
.homePage h3, .contentColumn h3 { font-size:1.2rem; margin: 1rem .5rem; }
.homePage table { width: 100%; margin:0 auto; border-collapse: collapse; }
.homePage table tr>td { vertical-align: top; text-align: left; padding: 0 0 0 1rem; }
.homePage table tr>td:first-child { width: 460px; padding-left: 0; }
.homePage .features p, .homePage .features a { font-size: .8rem; line-height: 150%; }
.homePage .features p { margin: 0 .5rem .5rem; }
.homePage .features ul { margin: 0 0 1rem 1.25rem }
.homePage .featureImg { border: 2px solid #6d9ed5; border-bottom-right-radius: .75rem; margin: 0 0 .75rem .5rem; }

.homePage h1.first-header {
  margin-top:0.5rem;
}

#announcements table tr>td { padding: 0; }
#announcements p {margin-bottom:4px;}
#announcements p.feedText { font-size: .75rem; margin-bottom:8px; line-height: 1.2rem; color: #333; }
#announcements .featureImg { float:left; margin: 4px 12px 3px 3px; }
#announcements .announceLink {text-align:right;border-bottom:1px solid #ccc;margin-bottom:8px;}
#announcements .newIcon {position:absolute;top:6px;left:-5px;}

.lgMediaBtn {
  width:95%;
  height:33px;
  padding:0px 17px;
  border:1px solid #b9daff;
  margin:0px 0px 16px 0px;
  font-size:.9em;
  font-weight:bold;
  color:#fff;
  text-transform:uppercase;
  background-color:#4b9af0; /* fallback */
  background:linear-gradient(to bottom, #90c2f9, #4b9af0);
  border-radius:2px;
  box-shadow:1px 1px 1px #666;
  text-shadow:0px -1px 0px #999;
  cursor:pointer;
}
.lgMediaBtn:hover {background:linear-gradient(to bottom, #90cbf9, #4bb8f0);}
.lgMediaBtn.facebook {padding:0px 17px 0px 55px;background:url(/usapgov/grafx/social-media-lg-facebook.png) no-repeat 0px 0px, linear-gradient(to bottom, #90c2f9, #4b9af0);}
.lgMediaBtn.facebook:hover {background:url(/usapgov/grafx/social-media-lg-facebook.png) no-repeat 0px 0px, linear-gradient(to bottom, #90cbf9, #4bb8f0);}
.lgMediaBtn.twitter {padding:0px 17px 0px 55px;background:url(/usapgov/grafx/social-media-lg-twitter.png) no-repeat 0px 0px, linear-gradient(to bottom, #90c2f9, #4b9af0);}
.lgMediaBtn.twitter:hover {background:url(/usapgov/grafx/social-media-lg-twitter.png) no-repeat 0px 0px, linear-gradient(to bottom, #90cbf9, #4bb8f0);}
.lgMediaBtn.rss {padding:0px 17px 0px 55px;background:url(/usapgov/grafx/social-media-lg-rss.png) no-repeat 0px 0px, linear-gradient(to bottom, #90c2f9, #4b9af0);}
.lgMediaBtn.rss:hover {background:url(/usapgov/grafx/social-media-lg-rss.png) no-repeat 0px 0px, linear-gradient(to bottom, #90cbf9, #4bb8f0);}
.lgMediaBtn.webcam {padding:0px 17px 0px 55px;background:url(/usapgov/grafx/social-media-lg-webcam.png) no-repeat 0px 0px, linear-gradient(to bottom, #90c2f9, #4b9af0);}
.lgMediaBtn.webcam:hover {background:url(/usapgov/grafx/social-media-lg-webcam.png) no-repeat 0px 0px, linear-gradient(to bottom, #90cbf9, #4bb8f0);}

/*-------------- webcam tabs and containers (can be used elsewhere too) -----------------------------------------------------------------*/
.tab-banner, .tab-banner-bottom {
  padding: 0;
  width: 95%;
  height: auto;
  font-size: 12px;
  font-weight: bold;
  margin: 0 auto 0 20px;
}
.tab-banner-bottom { font-size: 11px; }

.tab-banner [class^="tab-"], .tab-banner-bottom [class^="tab-"] {
  position: relative;
  display: inline-block;
  top: 2px;
  width:auto;
  padding: 6px 14px;
  margin: 0;
  border: 1px solid #a9bed0;
  border-radius: 4px 4px 0 0;
  background-color:#e2effb;
  color:#2c67ad;
  line-height: 180%;
}
.tab-banner-bottom [class^="tab-"] { top: -2px; border-radius: 0 0 4px 4px; }

.tab-banner .tab-on, .tab-banner-bottom .tab-on { z-index: 100; }
.tab-banner .tab-off, .tab-banner-bottom .tab-off { z-index: 0; cursor: pointer; }
.tab-banner .tab-off:hover, .tab-banner-bottom .tab-off:hover { background-color: #d3e4f4; }
.tab-banner .tab-on { border-bottom: none !important; background-color:#fff; }
.tab-banner-bottom .tab-on { border-top: none !important; background-color:#eaeaee;  }

.tab-container { position: relative; background-color:#fff; border: 1px solid #93b3cd; padding: 20px; margin: 0 auto; font-size: 12px; line-height: 140%; z-index: 50; }
.cam-container { position: relative; background-color:#eaeaee; border: 1px solid #93b3cd; padding: 10px; margin: 0 auto; z-index: 60; }

.cam-info {position:absolute;background-color:#fff;color:#000;border:3px solid #2c67ad;opacity:0.6;filter:alpha(opacity=60);text-align:center;vertical-align:middle;line-height:18px;font-size:10px;}
.cam-info .Live {color:#009900;}
.cam-info .Offline {color:#ff6633;}
.cam-info .Disabled {color:#ff0000;}
.cam-image {width:614px;height:344px;}
.cam-lgimage {padding:10px;margin:0px auto;}
.cam-image img, .cam-lgimage img {border:1px solid #779bba;}

#wx-container table {border-collapse:collapse;border-spacing:0px;background-color:#cedce9;width:97%;margin:0px auto;margin-bottom:8px;border-top:1px dotted #799ec1;font-size:11px;}
#wx-container table td {padding:4px 4px 2px 4px;border-color:#799ec1;border-width:0px 0px 1px 0px;border-style:dotted;vertical-align:middle;text-align:left;}
#wx-container table tr.even {background-color:#d3e4f4;}
#wx-container table tr>td+td {border-left-width:1px;text-align:center;}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/*-------------- shadowbox styles, do not alter --------------------------------------------------------------------------------------*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{color:#fff;}
#sb-loading-inner {color:#999;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:8px solid #4c4b4b;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:11px;line-height:36px;height:36px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{display:inline-block;}
#sb-body,#sb-loading{background-color:#eee;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:12px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:18px;width:68px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/usapgov/grafx/close.png);}
#sb-nav-next{background-image:url(/usapgov/grafx/next.png);}
#sb-nav-previous{background-image:url(/usapgov/grafx/previous.png);}
#sb-nav-play{background-image:url(/usapgov/grafx/play.png);}
#sb-nav-pause{background-image:url(/usapgov/grafx/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}