/*
  css for the entire wxo site
*/

@media print{
   a[href]:after { content: "" !important;}
	abbr:after { content: "" !important;}
	aside.gc-nttvs { display: none !important;}
}

/* table css  */

abbr { border:none !important; }

.wxo-pddng-sm { padding:2px; }

.wxo-dpl-inline { display:inline; }

.wxo-btn a { text-align: left; padding: 3px 5px; }

.wxo-mrgn-hurr { margin-top:-4.5em; margin-left:3em; }

.wxo-pddn-tp-md { padding-top:5px; }

.wxo-th-bkg {background-color:#ccc !important;}

.wxo-tb-head {font-weight:600; text-align:center;}
.wxo-tb-head_marine {font-weight:600;}

.wxo-media tr td { white-space:normal !important ;}



/* City Warning Banner Styling */
div#warning, div#watch, div#statement, div#ended, div#noalert {
   border:2px solid black;
   margin:1em 0 .5em;
   height: 100%;
   padding:4px 0 5px;
}
div#warning {
   background-color:#b00;
}

div#watch {
   background-color:#ff0;
}

div#statement {
   background-color:#707070;
}

div#ended{
   background-color:#6c6;
}

th {
    background-color: #ccc;

div#warning h2,
div#watch h2,
div#statement h2,
div#ended h2
{
   font-size:1em;
   font-weight: bold;
   margin-bottom:0;
   margin-top:0;
   padding-bottom:4px;
   text-align:center;
   text-decoration:none;
}

div#noalert h2 {
	 font-size:1em;
	 font-weight: bold;
	 margin:0 0 0 5px;
	 text-decoration:none;
}

div#warning h2:last-child,
div#watch h2:last-child,
div#statement h2:last-child,
div#ended h2:last-child
{
	padding-bottom:0;
}

div#warning a:link,
div#warning a:visited,
div#statement a:link,
div#statement a:visited
{
   color:white;
   text-decoration:none;
}
div#ended a:link,
div#ended a:visited,
div#watch a:link,
div#watch a:visited,
div#noalert a:link,
div#noalert a:visited
{
   color:black;
   text-decoration: none;
}

div#warning a:hover, div#statement a:hover, div#watch a:hover, div#ended a:hover, div#noalert a:hover {
   text-decoration: underline;
}

/*  trends table  */

.highTemp {
   background-color:#ffaaaa !important;
   text-align:left;
}

.lowTemp {
   background-color:#aaaaff !important;
   text-align:left;
}



/* home */
@media screen and (min-width:1200px) {
   .hurrHome{
     position:relative;
     left:630px;
     top:-70px;
     z-index:100;
     width:35px;
     height:40px;
   }
}

@media screen and (min-width:992px) and (max-width:1199px) {
   .hurrHome{
      position:relative;
      left:560px;
      top:-70px;
      z-index:100;
      width:35px;
      height:40px;
   }
}


@media screen and (min-width:768px) and (max-width:991px) {
   .hurrHome{
      position:relative;
      left:615px;
      top:-70px;
      z-index:100;
      width:35px;
      height:40px;
   }
}

.wxo-no-pad {
	padding-left: 0px;
	padding-right: 0px;
}
h1{
   margin-top:0 !important;
}
.h1{
   margin-top:0 !important;
}
#cityjump {
   height: 2.5em;
   text-align: left;
}
#cityjump {
       text-align: right !important;
}
p + #cityjump, ul + #cityjump{
   margin-top: 0;
}

#cityjump label{
   text-decoration:underline;
   color:#295376;
   cursor:pointer;
   font-weight:300;

}

#cityjump #city {
   width: 10em;
   margin: 0;
}

#cityjump #jump, #cityjump #jumpnojs {
   width: 5em;
   display: inline;
}

#jumpmsg {
   text-align: right;
   color: #A00;
}

#jumpmsg p{
   margin: 0;
}

#jumpresults #cityjump {
   height: auto;
   margin-top:2em;
   text-align:left;
}

.white {
   background-color:transparent;
   color:inherit;
}

#invalid-city{
   display:none;
 background:none;
   border:none;
   color:#B00;
}

#container label[for=city], #container label[htmlFor=city]{
   text-decoration:underline;
   color:#295376;
   cursor:pointer;
   font-weight:300;
}

.no-js label[for=city], .no-js label[htmlFor=city]{
   text-decoration:none !important;
   color:#000000 !important;
   cursor:text !important;
}

/* Bottom - 3 Column Navigation */

.wxo-footer-nav {
	border-top: 8px solid #003D79;
	border-bottom: 1px solid #CCC;
	color: #666;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* Make sure pre tag does not wrap text */

pre {
	word-wrap: normal !important;

}