/*
  css for the entire wxo site
*/	

/* temp fix, bug from template 4.0.5  */

.home h2.h1 {border-bottom: 1px solid #af3c43;}

/* remove it   */


@media print{
   a[href]:after { content: "" !important;} 
	abbr:after { content: "" !important;} 
}


abbr { border:none !important; }

.wxo-tp-banner {padding:2px !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-media tr td { white-space:normal !important ;} 



/* City Warning Banner Styling */
div#warning, div#watch, div#statement, div#ended {
   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;
}

div#warning h2,
div#watch h2,
div#statement h2,
div#ended h2
{
   font-size:1em;
   font-weight: bold;
   margin-bottom:0px;
   margin-top:0px;
   padding-bottom:4px;
   text-align:center;
   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
{
   color:black;
   text-decoration: none;
}

div#warning a:hover, div#statement a:hover, div#watch a:hover, div#ended 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:800px;
     top:-70px;
     z-index:100;
     width:35px;
     height:40px;
   }
}

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


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