/*
  css for the entire wxo site
*/

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

/* TBS optimization  alerts banner */
.alert-item { display:block; padding:10px 5px; border:1px solid #ddd; margin:0 0 3px 0; }
.alert-item .col-xs-1 { padding: 0 5px; }
.bg-alerts { background:#bb0000; }
.bg-veille { background:#ffff00; }
.bg-bulletin { background:#707070; }
.bg-ended { background:#6c6; }
div.bg-alerts > a:link, div.bg-alerts > a:visited, div.bg-bulletin > a:link, div.bg-bulletin > a:visited { color:#ffffff; text-decoration:underline; font-weight:700; }
div.bg-veille > a:link, div.bg-veille > a:visited, div.bg-ended > a:link, div.bg-ended > a:visited { color:#000000; text-decoration:underline; font-weight:700; }
div.bg-alerts > a:link > div.text-center, div.bg-alerts > a:visited >  div.text-center, div.bg-bulletin > a:link > div.text-center, div.bg-bulletin > a:visited > div.text-center { color:#ffffff; text-decoration:underline; font-weight:700; }
div.bg-veille > a:link > div.text-center, div.bg-veille > a:visited >  div.text-center, div.bg-ended > a:link > div.text-center, div.bg-ended > a:visited > div.text-center { color:#000000; text-decoration:underline; font-weight:700; }