/*  
# This file is part of WX4AKQ SKYWARN WEB RESOURCES
# 
# Copyright (c) 2008 - 2015, Steve Crow
# Licensed under the BSD 2-clause “Simplified” License
# 
# For license information, see the LICENSE.txt file or visit
# http://wx4akq.org/software
*/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=Cousine);

$navbar-width: 350px;

@font-face {
  font-family: BlueHighway;
  src: url("fonts/bluehigh.eot")
}

@font-face {
  font-family: BlueHighway;
  src: url("fonts/bluehigh.ttf")
}

@font-face {
  font-family: Impact;
  src: url("fonts/impact.eot") /* EOT file for IE */
}

@font-face {
  font-family: Impact;
  src: url("fonts/impact.ttf") /* TTF file for CSS3 browsers */
}

/* ================================== Begin @media all */
@media screen {
  html {
    overflow-y: scroll
  }

  body {
    background-color:#000000
  }

  p, DIV.formDiv {
    color:white;
    text-align: left;
    vertical-align: top;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 11pt
  }

  p {
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 12px;
    margin-bottom: 14px
  }

  DIV.formDiv {
    float: left;
    clear: both;
    display: inline
  }

  DIV.formField, DIV.formLabel {
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px
  }

  TH.formLabel,P.formLabel,DIV.formLabel {
	  font-weight: bold;
	  font-size: 12pt;
	  background-color: #303336;
	  padding: 4px
  }

  DIV.formField {
 /*   float: right */
 	clear: both
  }

  DIV.formLabel {
/*    float: left;*/
    clear: both
  }

  DIV.formDiv A {
    color: #F87336;
  };

  div.wall {
    width:95%;
    margin-left: auto;
    margin-right: auto;
    border-left:4px solid #F87336;
    border-right:4px solid #F87336;
    border-top:4px solid #F87336;
    border-bottom:4px solid #F87336;
    border-style: outset;
    padding: 0px 0px 0px 0px;
    background: #ffffff
  }

  div.panelDivs {
    background-color: #ffffff;
    width: 25%; height:100px;
    float: left;
    text-align: center;
    font-size: 8pt;
    padding: 0px 0px 0px 0px    /* had overflow:none here */
  }

  img.panelImgs {
    position: relative;
    visibility: hidden;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px    /* had overflow:none here */
  }

  td, td.csvtable {
    color:white;
    text-align: center;
    vertical-align: top;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 10pt
  }

  .logform {
    color:white;
    text-align: left;
    vertical-align: top;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 10pt
  }

  td.csvborders {
    color:white;
    text-align: center;
    vertical-align: top;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 10pt;
    border: 1px solid #303336;
    padding: 1px
  }

  th.csvborders {
    color:white;
    background: #303336;
    text-align: center;
    vertical-align: top;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid #303336;
    padding: 1px
  }

  td.csvborders {
    color:white;
    text-align: center;
    vertical-align: top;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 10pt;
    border: 1px solid #303336;
    padding: 1px
  }

  th.csvborders-smallertext {
    color:white;
    background: #303336;
    text-align: center;
    vertical-align: top;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 9pt;
    font-weight: bold;
    border: 1px solid #303336;
    padding: 1px
  }

  th {
    color:white;
    text-align: center;
    vertical-align: top;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 10pt;
    font-weight: bold
  }

  th.csvtable-smallertext {
    color:white;
    text-align: center;
    vertical-align: top;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 9pt;
    font-weight: bold
  }

  td.csvborders-smallertext {
    color:white;
    text-align: center;
    vertical-align: top;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 9pt;
    border: 1px solid #303336;
    padding: 1px;
    background: #050505
  }

  li {
    color:white;
    text-align: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 11pt;
    margin-left: 2px;
    margin-right: 2px
  }

  h1 {
    color: white;
    text-align: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 20pt;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 7px;
    margin-bottom: 7px;
    text-shadow: 2px 2px #303336
  }
  
  h2 {
    color: white;
    text-align: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16pt;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 7px;
    margin-bottom: 7px;
    border-top: 1px solid #303336;
    padding-left: 2px;
    padding-right: 2px;
    border-top-width: 100%;
    padding-top: 7px;
    text-shadow: 2px 2px #303336
  }

  h2.nohr, h2.aup {
    color: white;
    text-align: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16pt;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 7px;
    margin-bottom: 7px;
    border-top: 0px;
    padding-left: 2px;
    padding-right: 2px;
    border-top-width: 100%;
    padding-top: 7px;
    text-shadow: 2px 2px #303336
  }

  h2.navs {
    color: white;
    text-align: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 12pt;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 7px;
    margin-bottom: 7px;
    border-top: 0px;
    padding-left: 2px;
    padding-right: 2px;
    border-top-width: 100%;
    padding-top: 0px;
    text-shadow: 2px 2px #303336;
    cursor: pointer
  }

  h3 {
    color: white;
    text-align: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14pt;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 7px;
    margin-bottom: 7px;
    border-top: 1px dotted #303336;
    padding-left: 2px;
    padding-right: 2px;
    border-top-width: 100%;
    padding-top: 7px;
    text-shadow: 2px 2px #303336
  }

  h3.nohr {
    color: white;
    text-align: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14pt;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 7px;
    margin-bottom: 7px;
    border-top: 0px dotted #303336;
    padding-left: 2px;
    padding-right: 2px;
    border-top-width: 100%;
    padding-top: 7px;
    text-shadow: 2px 2px #303336
  }

  pre, code {
    color: white;
    text-align: left;
    font-size: 10pt;
    font-family: "Cousine",monospace;
    margin-left: 2px;
    margin-right: 2px
  }

  td.main {
    width: 100%;
    text-align: left;
    vertical-align: top;
    border: 1px solid #303336;
    padding: 2px 2px 2px 2px
  }

  table.navbar {
    width: 275px; /* also need to change td.navbar */
    border: 0px solid black;
    padding: 0px;
    vertical-align: top;
    text-align: left
  }

  td.navbar {
    width: 275px;  /* also need to change table.navbar */
    text-align: left;
    vertical-align: top;
    border: 1px solid #303336;
    padding: 2px 2px 2px 2px;
    margin: 5px 5px 5px 5px
  }

  table.main {
    border: 0px solid black;
    width: 100%;
    padding: 2px;
    margin-left: auto;
    margin-right: auto
  }

  th.navbar, tr.navbar, td.navlink {
    border: 0px solid black;
    padding: 0px;
    vertical-align: top;
    text-align: left
  }

  th.navbar {
    background: #303336;
    color: #C3C7CA;
    font-family: "Source Sans Pro",sans-serif;
    text-align: left;
    font-size: 12pt; font-weight: normal;
    padding: 3px
  }

  th.title {
    text-align: left;
    padding: 0px
  }

  td.navbar, a.navlink {
    color: #F87336;
    font-family: "Source Sans Pro",sans-serif;
    text-align: left;
    font-size: 10pt;
    margin-left: 3px;
    text-decoration: none
  }

  a:hover.navlink {
    text-decoration: underline
  }

  a:hover.navlink-currpage {
    text-decoration: none
  }

  td.navlink-currpage, a.navlink-currpage {
    color: black;
    background: #F87336;
    font-family: "Source Sans Pro",sans-serif;
    text-align: left;
    font-size: 9pt;
    font-weight: bold;
    margin-left: 2px;
    text-decoration: none
  }

  td.footer {
    width: 1000px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #303336;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px
  }

  p.footer {
    color:#303336;
    text-align: left;
    vertical-align: top;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 8pt;
    margin-top: 2px;
    margin-bottom: 2px
  }

  a.footer {
    text-decoration: none;
    font-weight: bold;
    color: #303336
  }

  a:hover.footer {
    text-decoration: underline
  }

  a.panelLinks {
    color: #000000;
    font-family: "Source Sans Pro",sans-serif;
    text-decoration: none
  }

  a.panelLinks:hover {
    text-decoration: underline
  }

  a {
    color: #F87336;
    font-family: "Source Sans Pro",sans-serif;
    text-decoration: none
  }

  a:hover {
    text-decoration: underline
  }

  p.navlink {
    font-family: "Source Sans Pro",sans-serif;
    font-size: 9pt;
    text-align: left
  }

  .align-right {
    float:right;
    margin: 0 0 15px 15px
  }

  .align-left {
    float:left;
    margin: 0 15px 15px 0
  }

  blockquote {
    font-family: "Source Sans Pro",sans-serif;
    background: #101116;
    border-left: 2px solid #303336;
    font-style: italic;
    margin-left: 20px;
    margin-right: 20px;
    padding-right: 8px;
    padding-left: 8px
  }

  .indent {
    margin-left: 22px;
    margin-right: 20px;
    padding-right: 8px;
    padding-left: 8px
  }

  hr {
    height: 1px;
    border: 0;
    width: 100%;
    color: #303336;
    background-color: #303336
  }

  hr.red {
    height: 1px;
    border: 0;
    width: 100%;
    color: #ff0000;
    background-color: #ff0000
  }

  .overallNONE 		{ 	background: #ffffff; 	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .overallTSTM		{	background: #C0E8C0;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000	}
  .overallMRGL		{	background: #7FC57F;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000	}
  .overallENH		{	background: #E6C27F;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .overallSLGT		{	background: #F6F67F;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000	}
  .overallMDT		{	background: #E67F7F;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .overallHIGH		{	background: #FF7FFF;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000	}

  .fflNONE		{	background: #ffffff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .fflLOW		{	background: #FF00FF;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .fflSLGT		{	background: #0FD00F;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .fflMDT		{	background: #0000FF;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #ffffff 	}
  .fflHIGH		{	background: #ff0000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000	}

  .tornNONE		{	background: #ffffff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .tornLT2PCT		{	background: #dddddd;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .torn2PCT		{	background: #008B00;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .torn5PCT		{	background: #8B4726;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .torn10PCT		{	background: #FFC800;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .torn15PCT		{	background: #FF0000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .torn30PCT		{	background: #FF00FF;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .torn45PCT		{	background: #8F2BEA;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #FFFFFF 	}
  .torn60PCT		{	background: #104E8A;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #FFFFFF 	}
  .tornSIG		{	background: #000000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #FF00FF 	}

  .hailNONE,.windNONE	{	background: #ffffff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .hailLT5PCT,.windLT5PCT	{	background: #dddddd;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .hail5PCT,.wind5PCT	{	background: #8B4726;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .hail15PCT,.wind15PCT	{	background: #FFC800;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .hail30PCT,.wind30PCT	{	background: #FF0000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .hail45PCT,.wind45PCT	{	background: #FF00FF;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #FFFFFF		}
  .hail60PCT,.wind60PCT	{	background: #912CEE;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #FFFFFF		}
  .hailSIG,.windSIG	{	background: #000000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #FF00FF		}

  .thunderNONE		{	background: #ffffff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .thunderLT10PCT		{	background: #dddddd;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .thunder10PCT		{	background: #8B4726;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .thunder40PCT		{	background: #00B2EE;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .thunderGTE70PCT	{	background: #FF0000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	}

  .hwoNOTEXPECTED		{	background: #ffffff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .hwoMAYBENEEDED		{	background: #ff9900;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .hwoREQUESTED		{	background: #ff0000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt	}
  .hwoSPECIALREQUEST	{	background: #ff0000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt	}

  .wwaNONE		{	background: #ffffff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .wwaMESO		{	background: #ffff00;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .wwaSVRWATCH		{	background: #ff9900;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .wwaTORWATCH		{	background: #ff0000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt	}
  .wwaPDSTORN		{	background: #ff00ff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt	}
  .wwaPDSSVR		{	background: #ff00ff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt	}
  .wwaFLOODWATCH	{	background: #99cc00;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .wwaFLOODWARN		{	background: #008000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt	}
  .wwaFFLWATCH		{	background: #99cc00;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .wwaFFLWARN		{	background: #008000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt	}
  .wwaWINTERADV		{	background: #00ffff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .wwaWINTERWATCH		{	background: #00ccff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .wwaWINTERWARN		{	background: #3366ff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt	}

  .actNONE		{	background: #ffffff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .actNE			{	background: #ffffff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}
  .actMAYBE		{	background: #ffff00;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .actLOCAL		{	background: #ffff00;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .actLIKELY		{	background: #ff9900;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000 	}
  .actREQUESTED		{	background: #ff0000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt	}
  .actACTIVATED		{	background: #ff0000;	font-family: Source Sans Pro, Helvetica; font-size: 9pt	}
  .actDEACTIVATED		{	background: #ffffff;	font-family: Source Sans Pro, Helvetica; font-size: 9pt;	color: #000000		}

   .riskDropdown		{	font-size: 9pt; font-family: Source Sans Pro	}

  select {
    font-family: "Source Sans Pro";
    font-size: 10pt;
    color: white;
    border: 1px solid #303336;
    background: #101010
  }

  input[type=text] {
    font-family: "Cousine";
    font-size: 10pt;
    color: white;
    border: 1px solid #303336;
    background: #101010
  }

  input[type=password] {
    font-family: "Cousine";
    font-size: 10pt;
    color: white;
    border: 1px solid #303336;
    background: #101010
  }

  input[type=submit] {
    font-family: "Source Sans Pro";
    font-size: 10pt
  }

  input[type=button] {
    font-family: "Source Sans Pro";
    font-size: 10pt
  }

  input[type=reset] {
    font-family: "Source Sans Pro";
    font-size: 10pt
  }

  input[type=button].normal,
  input[type=button].reset,
  input[type=button].cancel,
  input[type=button].gray,
  input[type=submit].normal,
  input[type=submit].reset,
  input[type=submit].cancel,
  input[type=submit].gray,
  input[type=reset].normal,
  input[type=reset].cancel,
  input[type=reset].gray,
  input[type=button],
  input[type=submit],
  input[type=reset] {
    background-color: gray;
    border: 1px outset gray;
    height: 25px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 7px;
    text-shadow: 1px 1px gray;
    vertical-align: bottom
  }

  input[type=submit].submit,
  input[type=button].submit,
  input[type=reset].submit,
  input[type=button].green,
  input[type=submit].green,
  input[type=reset].green {
    background-color: #00ff00;
    border: 1px outset #00ff00;
    height: 25px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 7px;
    text-shadow: 1px 1px green;
    vertical-align: bottom
  }

  input[type=button].red,
  input[type=submit].red,
  input[type=reset].red {
    background-color: red;
    border: 1px red outset;
    height: 25px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 7px;
    text-shadow: 1px 1px red;
    vertical-align: bottom
  }

  input[type=button].orange,
  input[type=submit].orange,
  input[type=reset].orange {
    background-color: #f87336 ;
    border: 1px #f87336 outset;
    height: 25px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 7px;
    text-shadow: 1px 1px gray;
    vertical-align: bottom
  }
  
  label.auth {
	color: #ffffff;
	display: block;
	font-family: "Source Sans Pro"
  }
  
  p.autherror {
	  font-weight: bold;
	  color: red
  }
  
  h2.aup {
	  font-size: 14pt;
	  text-align: center;
	  text-decoration: underline
  }
  
  p.aup {
	  font-size: 9pt;
	  text-align: center
  }
  
  input[type=text].auth, input[type=password].auth {
	  width: 300px;
	  display: block
  }

  textarea {
    font-family: "Cousine";
    font-size: 10pt;
    color: white;
    border: 1px solid #303336;
    background: #101010
  }

  .newNavButton {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: yellow;
    color:black;
    font-family: "BlueHighway";
    letter-spacing: 1px;
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11pt;
    margin-left: 3px;
    border: 1px outset yellow
  }

  .redNavButton {
    -moz-border-radius: 4px 4px;
    -webkit-border-radius: 4px 4px;
    border-radius: 4px 4px;
    background-color: red;
    color:white;
    font-family: "BlueHighway";
    letter-spacing: 1px;
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11pt;
    margin-left: 3px;
    border: 1px outset red
  }

  .restrictedNavButton {
    -moz-border-radius: 4px 4px;
    -webkit-border-radius: 4px 4px;
    border-radius: 4px 4px;
    background-color: #F87336;
    color:black;
    font-family: "BlueHighway";
    letter-spacing: 1px;
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11pt;
    margin-left: 3px;
    border: 1px outset #F87336
  }

  p.mdUpdated {
    color:#303336;
    text-align: left;
    vertical-align: top;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 10pt;
    font-style: italic;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: -8px;
    margin-bottom: 14px
  }

 p.mdUpdated A {
    text-decoration: underline;
    color: #303336
 }

  .mdSpot {
  }
  
  /* Force Markdown H1's down to H2 size */
  .mdSpot H1,.mdSpot H2 {
	  font-size: 16pt
  }

  .urgentNews {
  }

  .urgentNews H1,.urgentNews H2 {
    border-top: 1px solid red;
    color: red
  }

  IMG.bigLogo {
    width: 123px;
    height: 158px;
    vertical-align: middle
  }

  SPAN.bigLogo {
    display:inline-block;
    padding-left: 3px;
    overflow:hidden;margin:0px 0px 0px 0px;
    font-size:28pt;
    vertical-align: middle;
    font-weight: normal;
    color: #F87336;
    text-shadow: 2px 2px #303336;
    font-family: "Impact"
  }

  IMG.smallLogo {
    width: 42;
    height: 53;
    vertical-align: middle
  }

  SPAN.smallLogo {
    display:inline-block;
    padding-left: 3px;
    overflow:hidden;margin:0px 0px 0px 0px;
    font-size:9pt;
    vertical-align: middle;
    font-weight: normal;
    color: #F87336;
    text-shadow: 1px 1px #303336;
    font-family: "Impact"
  }

  .callbook H3, .details H3 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-bottom: 3px;
    padding-top: 0px;
    border-bottom: 1px solid #ffffff;
    font-size: 11pt;
    font-weight: bold;
    text-shadow: 1px 1px #303336;
    text-align: right;
    width: auto;
    border-top: none
  }

  .callbook P, .details P {
    text-align: right;
    margin-top: 0px;
    padding-top: 0px;
    overflow: hide;
    whitespace: no-wrap
  }

  .page-break {
    display: none
  }

  DIV:hover.dashNav, DIV:hover.dashNav a {
    width: 100%;
    font-family: 'Source Sans Pro';
    font-size: 11pt;
    font-weight: normal;
    color: #000000;
    background: #F87336;
    margin-right: 2px;
    margin-left: 2px;
    text-decoration: none
  }

  DIV.dashNav, DIV.dashNav a {
    width: 100%;
    font-family: 'Source Sans Pro';
    font-size: 11pt;
    font-weight: normal;
    color: #F87336;
    margin-right: 2px;
    margin-left: 2px;
    text-decoration: none
  }

  DIV.dashNav#first {
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px
  }
  
  DIV.dashNav#only {
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px
  }

  DIV.dashNav#last {
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px
  }

  .passportUserInfo {
    color: #8888FF;
    font-weight: bold
  }

  DIV.dashStatusLine {
    float: right;
    height: 14px;
    margin-top: 2px;
    margin-bottom: 2px
  }

  SPAN.dashStatusText {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle;
    font-family: Source Sans Pro;
    font-size: 11pt; font-weight: normal;
    color: #ffffff;
    margin-right: 5px
  }

  DIV.dashStatusBlue {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #0000ff;
    float: right;
    border: 2px outset #0000ff
  }

  DIV.dashStatusGreen {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #00ff00;
    float: right;
    border: 2px outset #00ff00
  }

  DIV.dashStatusOrange {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #F87336;
    float: right;
    border: 2px outset #F87336
  }

  DIV.dashStatusYellow {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: yellow;
    float: right;
    border: 2px outset yellow
  }

  DIV.dashStatusRed {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #ff0000;
    float: right;
    border: 2px outset #ff0000
  }

  
  DIV.areaTeamList H2 {
    color: white;
    text-align: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14pt;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 7px;
    margin-bottom: 7px;
    border-top: 1px solid #000000;
    padding-left: 2px;
    padding-right: 2px;
    border-top-width: 100%;
    padding-top: 7px;
    text-shadow: 2px 2px #303336
  }

  DIV.areaTeamList P {
	  margin-top: 0px;
	  font-size: 9pt
  }
  
  HR.areaTeamList {
    height: 1px;
    border: 0px;
    width: 100%;
    color: #000000;
    background-color: #000000	  
  }
  
  P.areaMapFooter {
	  margin-top: 0px;
	  font-size: 9pt;
	  margin-bottom: 0px
  }
  

 
}


// ToolTips code from http://www.menucool.com/tooltip/css-tooltip
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:35px; margin-left:-160px; width:240px; line-height:16px; }
a.tooltip:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#EEE; background:#000 url(src/css-tooltip-gradient-bg.png) repeat-x 0 0; }
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
/*CSS3 extras*/
a.tooltip span { border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 8px 4px #666; -webkit-box-shadow: 0px 0px 8px 4px #666; box-shadow: 0px 0px 8px 4px #666; opacity: 0.8; }

SPAN.hangingIndent {
    display: block;
    padding-left: 1.5em;
    text-indent:-1.5em
}

table {
	empty-cells: show;
}

/* ================================== End of @media all */

/* ================================== Begin @media print */
@media print {
  .page-break {
    display: block;
    page-break-before: always
  }

  p,h1,h2,h3 {
    font-family: Arial,Helvetica
  }

  h3 {
    border-top: 1px dotted black
  }

  DIV.rosterBlock {
    page-break-inside: avoid
  }

}
/* ================================== End of @media print */

;