@charset "UTF-8";
html {background-color:#bdbcbc;}
body {margin:0px;font:.75em/160% arial, trebuchet ms, helvetica, verdana, sans-serif;color:#001e48;}

p {margin:0px 10px 14px 6px;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {margin:0px 10px 18px 6px;font-weight:bold;}
h1, .h1 {font-size:175%;line-height:110%;margin-bottom:6px;text-transform:capitalize;}
h2, .h2 {font-size:120%;line-height:125%;}
h3, .h3 {font-size:110%;line-height:125%;color:#333;font-weight:normal;text-transform:capitalize;}
h4, .h4 {font-size:150%;color:#5f8eb6;}

h3.sunTopic {font-size:130%;line-height: 140%;border-bottom:1px solid #ccc;font-weight:bold;color: #5c7a92;margin:10px 10px 12px 6px;}

hr {margin:0px 10px 12px 6px;height:1px;background-color:transparent;border:1px dotted #999;border-style:dotted none none none;}
input[type='text'].calendarBox  {background:#fff url(/resources/media/bg-calendar.gif) no-repeat center right;}
label.error {display:none;color:red;font-size:.9em;}

ul {list-style-image:url(/resources/media/list-item.gif);list-style-position:outside;position:relative;top:6px;left:-7px;margin:0px 10px 24px 6px;}
ul ul, ul.dash {list-style-image:url(/resources/media/list-dash.gif);list-style-position:outside;position:relative;top:6px;left:-7px;margin:0px 10px 24px 6px;}
ul li {margin-bottom:6px;}

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

.contentContainer a+img[src*='icon-'],
.contentContainer a>img[src*='icon-'],
.contentContainer a+img+img[src*='protected'],
.content a[href*='/printArticle.cfm'] {display:none;}
.content a:after, .menu a:after {
  background:transparent url(/resources/media/link-icons.png) 0px 0px no-repeat;
  display:none;
  vertical-align:baseline;
  margin:0px 1px -1px 3px;
  height:10px;
  content:"";
  }
.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*='usap.gov']:after, .menu a[href*='usap.gov']:after, div.content div#feedCarousel a:after, .imageBox .imageBody img a:after {display:none;}
.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;}
.content a[href^='mailto:']:after, .menu a[href^='mailto:']:after {display:inline-block;width:11px;background-position:-11px 0px;}
.content a[href^='https:'][href$='.pdf']:after {width:22px;background:transparent url(/resources/media/link-icons.png) -65px 0px no-repeat;}
.menu a[href*='future.usap.gov']:after, #socialmedia a[href*='.']:after, a.hideicon[href*='.']:after {display:none;}

h1>a, h2>a, h3>a {font-weight:bold;}

#sitetop {width:100%;height:300px;margin-bottom:6px;background:#bdbcbc url(/resources/media/bg-site.gif) top repeat-x;}

/*--- header -------------------------------------------*/
.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:95%;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;
    padding:10px 0px;
    border:1px solid #afa05a;
    text-align:center;
    font-size:95%;
    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(/resources/media/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:180px;font-size:95%;font-weight:normal;}
#quickbox #quickboxcontent td h2 {font-size:130%;color:#4d739d;border-bottom:1px solid #c6cdd8;padding-bottom:4px;margin:0px 0px 10px 0px;}

#quickbox #quickboxcontent td ul, .homePage .features ul {list-style-image:url(/resources/media/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:100%;font-weight:normal;}
#quickbox #quickboxcontent td a:hover {color:#ff5d00;}

.header #search input {
    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(/resources/media/search-bg.png) right 7px no-repeat;
    border-radius:4px;
    z-index:200;
    }
.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:42px;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(/resources/media/bg-sitecontainer.gif) repeat-y left top;
	}
.contentColumn {position:absolute;top:0px;left:0px;width:200px;}

.socmed {display:inline-block;margin:2px;background:transparent url(/resources/media/nsf-social-media.png) top center no-repeat;}
.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.tumblr {background-position:-82px -147px;}
.socmed.md.tumblr {background-position:-77px -141px;}
.socmed.lg.tumblr {background-position:-64px -128px;}
.socmed.sm.vine {background-position:-19px -211px;}
.socmed.md.vine {background-position:-13px -205px;}
.socmed.lg.vine {background-position:0px -192px;}
.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:16px 0 0 0;
    margin:0;
    background:#edf5fc;
    border:1px solid #58587d;
    border-width:1px 1px 0 1px;
    border-radius:10px 10px 0 0px;
    border-bottom:1px solid #8799a9;
    box-shadow:0 1px 3px rgba(0,0,0,.25);
    list-style-type:none;
    list-style-image:none;
    }
ul.menu>li {
	position:relative;
	width:175px;
    padding:14px 8px 5px 17px;
    margin:0;
    font-size:11px;
    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: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 {
  border-top:1px solid #8799a9;
  width:198px;
  left:-15px;
  padding:6px 0px;
  margin:0;
  background:linear-gradient(to bottom, #fff, #f5f5f6);
  box-shadow:inset 1px 1px 1px rgba(0,0,0,.3);
  list-style-type:none;
  list-style-image:none;
  display:none;
  }
ul.menu>li ul li {background:none;width:175px;border-bottom:1px dotted #c6c7c8;padding:3px 3px 1px 10px;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:10px;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:.95em;color:#fff;line-height:135%;}
.footer .footer-container h2 {font-size:1.15em;color:#aacdf3;border-bottom:1px solid #aacdf3;padding-bottom:4px;margin:0px 10px 12px 0px;;}
.footer .footer-container a {color:#fff;}
.footer .footer-container a:hover {color:#aacdf3;}

.footer.social {position:relative;background:#82adde;height:30px;}
.footer.links {position:relative;background:#6595cb;border-top:1px solid #82adde;}
.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%;}

.footer.nsf {background:#75a2d4;border-top:1px solid #92b8e2;}
.footer.nsf>.footer-container {padding:20px 0px;text-align:center;line-height:200%;}

/*-------------- 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;font-size:115%;line-height:160%;}
.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:6px 0;
  margin:0 0 0 16px;
  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;backgound: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;}

/*-------------- media layout classes ---------------------------------------------------------------------------------------------*/
.mainImgTable {width:100%;background-color:#eee;margin-bottom:20px !important;}
.mainImgTable .imageBody {padding:10px;font-size:80%;font-style:italic;}
.mainImgTable .imageBody img {border:1px solid #96abb9;}
.mainImgTable .imageCaption {padding:10px 14px 30px 0px;font-size:95%;font-style:italic;line-height:140%;vertical-align:middle;}

.imageBox {padding:4px;text-align:center;}
.imageBox img {border:1px solid #666;margin:10px 8px 2px 8px;}
.imageBox .imageCredit {font-size:75%;font-style:italic;padding:0px;text-align:center;line-height:120%;}
.imageBox .imageCaption {
	height:auto;
	padding:5px 8px 3px 8px;
	font-size:85%;
	line-height:120%;
	color:#666;
	font-style:italic;
	text-align:center;
	}

.videoContainer {position:relative;background-color:#eee;text-align:center;width:auto;margin:0 6px 20px 6px;padding:10px;}
#videoButton {position:absolute;top:50%;margin-top:-55px;left:50%;margin-left:-41px;background:transparent url(/resources/media/play-video.png);width:83px;height:82px;z-index:800;}
#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;}

/*-------------- 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;}

#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;}

div.byline {font-size:.8em;line-height:125%;margin:12px 2px 0px 6px;text-transform:uppercase;letter-spacing:.1em;}
div.byline em {font-weight:bold;}
div.postDate {font-size:.8em;line-height:125%;margin:2px 2px 20px 6px;}
div#socialmedia {width:95%;margin:12px 0px 0px 0px;background-color:#f3f1f1;text-align:left;padding:5px 10px;}

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;}

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);}

/*--------------------------- 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:0px;right:0px;width:550px;height:100%;background:transparent url(/resources/media/carousel-bg.png) repeat-y top right;}
#feedCarousel .newIcon {position:absolute;top:16px;left:-4px;}
#feedCarouselNav {position:absolute;bottom:14px;right:14px;width:auto;height:10px;z-index:50;}

#feedCarouselNav #pause {float:left;width:30px;height:7px;margin-right:12px;background:transparent url(/resources/media/carouselPause-bg.png) top left no-repeat;}
#feedCarouselNav #pause:hover {background-position:0px -7px;cursor:pointer;}
#feedCarouselNav #pause.resume {background-position:0px -14px;}
#feedCarouselNav #pause.resume:hover {background-position:0px -21px;cursor:pointer;}

#feedCarouselNav .navItem {width:7px;height:7px;margin:0px 4px;float:left;background:transparent url(/resources/media/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%;line-height:140%;margin:8px 0px 10px 0px;display:inline-block;}
#feedCarousel .feedText {position:absolute;top:0px;right:00px;width:260px;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;}

.feedThumbs .feedText {line-height:130%;margin:0px 0px 14px 6px;padding-bottom:12px;border-bottom:1px solid #e9e8e8;}
.feedThumbs .feedText:last-child {border-bottom-style:none;}
.feedThumbs .feedText img {border:3px solid #a0d2ef;float:left;margin:1px 8px 0px 0px;}

#feedCarousel .navBtn {
  position:absolute;
  top:40%;
  width:40px;
  height:59px;
  z-index:50;
  background:#003366 url(/resources/media/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, #feedCarousel .navBtn.right {float:none;padding:0;margin:0;}
#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.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);}

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 {line-height:24px;}
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:135%;
    border-bottom:1px solid #eff0f1;
    }

table.topicTable {width:245px;line-height:120%;background-color:#ededed;margin:0px 0px 24px 6px;display:block;}
table.topicTable td {padding:18px 12px 2px 12px;font-size:.9em;color:#4b4b4b;}
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:0px 0px 10px 6px;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 {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'] {
  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 {background:#fff;color:#ccc;}
table.pagingInfo td input[type='button']:disabled:hover {background:#fff;cursor:default;}
table.pagingInfo td input[type='button']:hover {background:linear-gradient(to bottom, #fff, #e9f4fe);cursor:pointer;}

table.archiveTable {width:95%;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;}

/*-------------- random article styles for sidebar --------------------------------------------------------------------------------------*/
#sideBar {margin-left:1px;padding:8px;width:184px;font-size:.9em;line-height:125%;}
#sideBar p {padding:0px 0px 8px 1px;border-bottom:1px dotted #888d94;}
#sideBar p:last-child {border-bottom-style:none;}
#sideBar h2 {padding-top:8px;text-transform:uppercase;font-size:120%;}
#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:.9em;text-transform:uppercase;font-weight:bold;text-align:center;}
#sideBar div.link {margin-bottom:4px;padding-left:7px;text-transform:capitalize;}
#sideBar.dock {position:fixed;top:0px}
#sideBar.undock {position:absolute;}

/*-------------- webcam tabs and containers (can be used elsewhere too) -----------------------------------------------------------------*/
.tab-banner, .tab-banner-bottom {left:20px;top:0px;padding:0px;width:90%;height:25px;position:relative;font-size:12px;font-weight:bold;margin:0px;z-index:200;}
.tab-banner-bottom {left:10px;top:0px;font-size:11px;font-weight:normal;}

.tab-banner .tab-on, .tab-banner-bottom .tab-on, .tab-banner .tab-off, .tab-banner-bottom .tab-off {position:relative;float:left;height:23px;min-width:100px;width:auto;padding:0px 3px 1px 5px;border-left:1px solid #a9bed0;background:transparent url(/resources/media/content-tab.png) no-repeat right top;color:#2c67ad;}
.tab-banner-bottom .tab-on, .tab-banner-bottom .tab-off {top:-1px;height:23px;background:transparent url(/resources/media/content-tab-bottom.png) no-repeat right top;}
.tab-banner .tab-off, .tab-banner-bottom .tab-off {cursor:pointer;}
.tab-banner .tab-on, .tab-banner-bottom .tab-on {z-index:100;padding-top:2px;}
.tab-banner .tab-on {height:23px;}
.tab-banner .tab-off {height:24px;background:transparent url(/resources/media/content-tab.png) no-repeat right -26px;}
.tab-banner-bottom .tab-off {height:25px;background:transparent url(/resources/media/content-tab-bottom.png) no-repeat right -26px;}

.tab-banner div ~ div, .tab-banner-bottom div ~ div {left:-4px;z-index:50;}
.tab-banner div + div ~ div, .tab-banner-bottom div + div ~ div {left:-8px;z-index:40;}
.tab-banner div + div + div ~ div, .tab-banner-bottom div + div + div ~ div {left:-12px;z-index:30;}

.tab-on .tab-text, .tab-off .tab-text  {position:relative;left:7px;top:4px;width:auto;margin-right:35px;}
.tab-off .tab-text {top:5px;}
.tab-text img {vertical-align:middle;margin-right:6px;}
.tab-banner-bottom .tab-on .tab-text {top:1px;}
.tab-banner-bottom .tab-off .tab-text {top:4px;}

.tab-banner .tab-off:hover {background:transparent url(/resources/media/content-tab.png) no-repeat right -52px;}
.tab-banner-bottom .tab-off:hover {background:transparent url(/resources/media/content-tab-bottom.png) no-repeat right -52px;}

.tab-container {position:relative;background-color:#fff;border:1px solid #93b3cd;padding:20px;margin:0px auto;font-size:12px;line-height:140%;}
.cam-container {position:relative;background-color:#eaeaee;border:1px solid #93b3cd;padding:10px;margin:0px auto;}
.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;}

/*-------------- 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(/resources/media/close.png);}
#sb-nav-next{background-image:url(/resources/media/next.png);}
#sb-nav-previous{background-image:url(/resources/media/previous.png);}
#sb-nav-play{background-image:url(/resources/media/play.png);}
#sb-nav-pause{background-image:url(/resources/media/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;}