/*
  css for the entire wxo site
*/

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

   /* 3822 fix FF - print truncated table */
   .wb-tabs > .tabpanels > .fade.in  { overflow: visible !important;}
   .wb-tabs > .tabpanels > .fade.out { display: none !important; }

	/* chrome print fade-in, not inherit hidden-print */
	aside.hidden-print {display: none !important; }

    #wb-dtmd dd, #wb-dtmd dt { display:inline;}

	/* fix IE - print xs version in print view */
  	body {
    margin: 0;
	 padding: 0 !important;
    min-width: 768px;
  	}
  	.container {
    width: auto;
    min-width: 750px;
  	}
	
	/*  removed double header if it has been at xs before printing  */
	details[open] > summary.wxo-summ {
		display:none !important;
	}	

	/* IE 9 bug - table disappears if table spans to more than one page */
	section#wxo-cityforecast {  float:none; }
	

} /* MEDIA PRINT */

/* deleted in template 4.0.22 */
details > *:not(summary) { margin-left:1.1em; }

/*  gc-nttvs changed on wet4.0.12 themse.css  */
.gc-nttvs  img.pull-right {
	float:right;
	margin: auto; 
}

.gc-nttvs  img.center-block {
   float:none;
   margin: auto;
}

/*  details/summary changed on wet4.0.12 wet-boew.css  */
details	{padding-left: 0;} 
details > summary {margin-left:auto;}

/* table css deleted from wet4.0.10 theme.css */
table {

    margin-bottom: 20px;
    width: 100%; }
th {
    background-color: #ccc;

    color: #000;
    font-weight: normal;
    padding: 8px; }
th a {
      color: #000; }
th a:hover, th a:focus {
      color: #000;
      text-decoration: none; }


/* table css  */

abbr { 
	border:none !important; 
	text-decoration: none;
}

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

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

/* My Profile Banner Styling for multiple banners (use classes instead of IDs)*/

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

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

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

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

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

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

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

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


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

/*  trends table  */

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

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

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