/* Google Web Fonts Import */
@import url(http://fonts.googleapis.com/css?family=Magra:400,700|Aldrich);

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* =============================================================================
   HTML5 element display
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display:block
}

audio[controls],canvas,video {
	display:inline-block;
	*display:inline;
	*zoom:1
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
	font-size:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}

body {
	margin:0;
	font-size: 1.3em;
	line-height:1.231;
	font-family: 'Magra', sans-serif;
	
}

body,button,input,select,textarea {
	/* font-family: 'Marga', sans-serif; */
	color:#222;
}

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */
::-moz-selection {
	background:#0096dc;
	color:#fff;
	text-shadow:none
}

::selection {
	background:#0096dc;
	color:#fff;
	text-shadow:none
}

:focus {
    outline:none
};

/* =============================================================================
   Links
   ========================================================================== */
a {
	color:#00e
}

a:visited {
	color:#551a8b
}

a:focus {
	outline:thin dotted
}

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,a:active {
	outline:0
}

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
	border-bottom:1px dotted
}

b,strong {
	font-weight:700
}

blockquote {
	margin:1em 40px
}

dfn {
	font-style:italic
}

hr, .hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}

ins {
	background:#ff9;
	color:#000;
	text-decoration:none
}

mark {
	background:#ff0;
	color:#000;
	font-style:italic;
	font-weight:700
}

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre,code,kbd,samp {
	font-family:monospace,monospace;
	_font-family:'courier new',monospace;
	font-size:1em
}

/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}

q {
	quotes:none
}

q:before,q:after {
	content:"";
	content:none
}

small {
	font-size:85%
}

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

sup {
	top:-.5em
}

sub {
	bottom:-.25em
}

/* =============================================================================
   Lists
   ========================================================================== */
ul,ol {
	margin:1em 0;
	padding:0 0 0 40px
}

dd {
	margin:0 0 0 40px
}

nav ul,nav ol {
	list-style:none;
	margin:0;
	padding:0
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
	border:0;
	-ms-interpolation-mode:bicubic
}

/*
 * Correct overflow displayed oddly in IE9 
 */
svg:not(:root) {
	overflow:hidden
}

/* =============================================================================
   Figures
   ========================================================================== */
figure {
	margin:0
}

/* =============================================================================
   Forms
   ========================================================================== */
form {
	margin:0
}

fieldset {
	border:0;
	margin:0;
	padding:0
}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend {
	border:0;
	*margin-left:-7px;
	padding:0
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
	cursor:pointer
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,input,select,textarea {
	font-size:100%;
	margin:0;
	vertical-align:baseline;
	*vertical-align:middle
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button,input {
	line-height:normal;
	*overflow:visible
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button,input[type="button"],input[type="reset"],input[type="submit"] {
	cursor:pointer;
	-webkit-appearance:button
}

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"],input[type="radio"] {
	margin-right: 0.3em;
	box-sizing:border-box
}

input[type="search"] {
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea {
	overflow:auto;
	vertical-align:top
}

/* Colors for form validity */
input:valid,textarea:valid {
}

input:invalid,textarea:invalid {
	background-color:#f0dddd
}

/* =============================================================================
   Tables
   ========================================================================== */
table {
	border-collapse:collapse;
	border-spacing:0
}

/* =============================================================================
   Primary styles
   Author: 
   ========================================================================== */

button::-moz-focus-inner, a:focus {
  border: 0;
  outline: none;
}


body {
	background-color:#e3e3e3;
	text-align:justify;
	font-style:normal;
	text-transform:normal;
	letter-spacing:normal;
	line-height:1.4em;
	font-size:16px
}

h1,h2 {
	margin-top:1em;
	margin-bottom:1em;
	font-size:1.5em
}

#container {
	width:820px;
	-moz-box-shadow:0 0 40px #111;
	-webkit-box-shadow:0 0 40px #111;
	box-shadow:0 0 40px #111;
	margin:0 auto;
	padding:0
}
#container .ie6, #container .ie7, #container .ie8{
    background-repeat: repeat-y;
    background-position: center;
    background-image: url('/img/iebg.png');
}
#top {
}

#top .devnotice {
    background-color: red;
    color: white;
}

#top a.devnotice {
    text-decoration: none;
}

#top a.devnotice:hover {
    text-decoration: underline;
}

header {
	color:#fff;
	height:80px;
	width:720px;
	margin:0 auto;
	padding:20px 50px;
	background-color:#005389;
	background-image: url('../img/header_stadium.jpg');
	background-repeat: no-repeat;   /* Just to make sure! */
/* Commented out - depreciated header */
/* Old browsers */
	/*background:-moz-linear-gradient(top,rgba(0,150,220,1) 0%,rgba(0,83,137,1) 100%);*/
/* FF3.6+ */
	/*background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,150,220,1)),color-stop(100%,rgba(0,83,137,1)));*/
/* Chrome,Safari4+ */
	/*background:-webkit-linear-gradient(top,rgba(0,150,220,1) 0%,rgba(0,83,137,1) 100%);*/
/* Chrome10+,Safari5.1+ */
	/*background:-o-linear-gradient(top,rgba(0,150,220,1) 0%,rgba(0,83,137,1) 100%);*/
/* Opera11.10+ */
	/*background:-ms-linear-gradient(top,rgba(0,150,220,1) 0%,rgba(0,83,137,1) 100%);*/
/* IE10+ */
	/*filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096dc',endColorstr='#005389',GradientType=0 );*/
/* IE6-9 */
	/*background:linear-gradient(top,rgba(0,150,220,1) 0%,rgba(0,83,137,1) 100%)*/
/* W3C */
}

header img {
	float:left;
	padding-right:1.5em
}

header h1 {
    font-size: 1.7em;
    left: 8.75em;
    margin: 0;
    padding-top: 0.5em;
    position: relative;
    text-shadow: 0px 0px 6px black;
}

header h1:hover {
	text-decoration: underline;	
}

#site-slogan {
	font-size: medium;
	font-weight: bold;
	position: relative;
	left: 14.9em;
	top: 0.2em;
	text-shadow: 0 0 6px black;
}


header a:link,header a:active,header a:visited,header a:hover {
	color:#fff;
	text-decoration:none
}

nav input {
	margin-top:-2px
}

nav .socialLinks {
	margin-bottom: -15px;
	margin-left: 5px
}

#zipSearch {
	color:#828282;
	width:4em
}

#jquery_jplayer_1,#jp_interface_1,.jp-play,.jp-pause {
	margin:0;
	padding:0
}

#jquery_jplayer_1 {
	line-height:0;
	display:none
}

nav {
	padding-left:30px;
	padding-bottom:14px;
	padding-right:50px;
	padding-top:0px;
	width:740px;
	color:#fff;
	background:#000;
/* Old browsers */
	background:-moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,38,65,1) 100%);
/* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,1)),color-stop(100%,rgba(0,38,65,1)));
/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,38,65,1) 100%);
/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,38,65,1) 100%);
/* Opera11.10+ */
	background:-ms-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,38,65,1) 100%);
/* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#002641',GradientType=0 );
/* IE6-9 */
	background:linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,38,65,1) 100%)
/* W3C */
}

nav ul {
	display:inline;
	margin:0;
	padding:0
}

nav li {
	position:relative;
	float:left;
	list-style-type:none
}

nav li a, nav li a:link, nav li a:active, nav li a:visited {
	padding-left: 20px;
	padding-bottom:7px;
	padding-right: 20px;
	padding-top:7px;
	display:block;
	color:#fff;
	text-decoration:none
}

nav li a:hover {
	outline:none;
	background-color:#005389
}

#forecastNav {
	display: none;
	padding:10px 50px;
	width:720px;
	background:#002641
/* Old browsers */
}

.severe a:link, .severe a:active, .severe a:visited {
	background: #ff0000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjQyNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff0000 0%, #ff4242 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#ff4242)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff0000 0%,#ff4242 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff0000 0%,#ff4242 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff0000 0%,#ff4242 100%); /* IE10+ */
background: linear-gradient(top,  #ff0000 0%,#ff4242 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff4242',GradientType=0 ); /* IE6-8 */


}
.severe a:hover{
background: #ff4242;
}

#count {
	margin-left: 0.5em;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	color: red;
	background-color: white;
}

#forecastLinks {
	padding-top: 0.6em;
	float:right;
	clear:none;
	width:390px
}

#zoneMap {
	float: left;
	margin-right:10px;
	padding-right:16px;
}

#zoneMap select {
	margin-left: 10px;
}

#forecastNav li,#forecastNav a {
	width:250px;
	display:block;
	padding:2px 0 2px 5px;
	margin:0
}

nav label {
	display:inline;
	line-height:1.8em;
	padding-left:47px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


#zipcode {
	color: #45484d;
}#navZip {
	margin-top:8px;
	float:right;
	text-align:right;
	line-height:normal
}

#zipSearch {
    text-align: left;
    margin-left: -37px;
    float: left;
    width: 400px;
    color: white;
}

#main {
	padding-top:5px;
	padding-left:50px;
	padding-bottom:50px;
	padding-right:50px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	width:720px;
	text-align:left;
	background-color:#fff
}

#main h1 {
	line-height:3em;
	font-size:1.5em
}

#main h2 {
	font-size:1.2em;
	margin-top:42px
}

#main h3 {
	margin-top:15px;
	margin-bottom:7px;
	font-size:1.2em
}

#main h4 {
	font-size:1em
}

#main h5 {
	font-size:1em;
	margin: 0;
	padding: 0
}

#main p {
	margin-bottom:.8em;
	margin-top:.8em
}

#main a:link,#main a:active,#main a:visited {
	color:#3574c0
}

#main a:hover {
	color:#00c3f9
}

.forecastTable {
	margin-bottom:1em
}

.forecastRow {
	margin-bottom:1em
}

.night {
	padding-top:10px;
	text-align:center;
	color:#fff;
	background-color:#005389;
	background:#002641;
/* Old browsers */
	background:-moz-linear-gradient(top,rgba(0,38,65,1) 0%,rgba(0,0,0,1) 100%);
/* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,38,65,1)),color-stop(100%,rgba(0,0,0,1)));
/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,rgba(0,38,65,1) 0%,rgba(0,0,0,1) 100%);
/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,rgba(0,38,65,1) 0%,rgba(0,0,0,1) 100%);
/* Opera11.10+ */
	background:-ms-linear-gradient(top,rgba(0,38,65,1) 0%,rgba(0,0,0,1) 100%);
/* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#002641',endColorstr='#000000',GradientType=0 );
/* IE6-9 */
	background:linear-gradient(top,rgba(0,38,65,1) 0%,rgba(0,0,0,1) 100%)
/* W3C */
}

.day {
	padding-top:10px;
	border-right-color:#d3d8de;
	border-right-style:solid;
	border-right-width:3px;
	text-align:center;
	color:#fff;
	background-color:#0096dc;
	background:#0096dc;
/* Old browsers */
	background:-moz-linear-gradient(top,rgba(0,150,220,1) 0%,rgba(0,83,137,1) 100%);
/* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,150,220,1)),color-stop(100%,rgba(0,83,137,1)));
/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,rgba(0,150,220,1) 0%,rgba(0,83,137,1) 100%);
/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,rgba(0,150,220,1) 0%,rgba(0,83,137,1) 100%);
/* Opera11.10+ */
	background:-ms-linear-gradient(top,rgba(0,150,220,1) 0%,rgba(0,83,137,1) 100%);
/* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096dc',endColorstr='#005389',GradientType=0 );
/* IE6-9 */
	background:linear-gradient(top,rgba(0,150,220,1) 0%,rgba(0,83,137,1) 100%)
/* W3C */
}

/* New font for temperatures */
.day, .night {
	font-family: 'Aldrich', sans-serif !important;
	font-size: 1.3em;
}

.remarks {
	padding:20px;
	text-align:left;
	background:#eee;
/* Old browsers */
	background:-moz-linear-gradient(top,rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
/* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(238,238,238,1)),color-stop(100%,rgba(204,204,204,1)));
/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
/* Opera11.10+ */
	background:-ms-linear-gradient(top,rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
/* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0 );
/* IE6-9 */
	background:linear-gradient(top,rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%)
/* W3C */
}

#discussion {
	padding-bottom:1em
}

footer {
	width:720px;
	padding:10px 50px;
	margin:0 auto;
	color:#fff;
	background:#000;
/* Old browsers */
	background:-moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,38,65,1) 100%);
/* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,1)),color-stop(100%,rgba(0,38,65,1)));
/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,38,65,1) 100%);
/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,38,65,1) 100%);
/* Opera11.10+ */
	background:-ms-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,38,65,1) 100%);
/* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#002641',GradientType=0 );
/* IE6-9 */
	background:linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,38,65,1) 100%)
/* W3C */
}

#topPanel {
	margin-bottom:1.5em
}

#topPanel td {
	padding:0;
	margin:0
}

footer a,footer a:link,footer a:active,footer a:visited,footer a:hover {
	color:#fff;
	text-decoration:underline
}

#main fieldset {
	margin-bottom:2em;
	line-height:200%
}

#main fieldset legend {
	font-weight:700
}

fieldset ol {
	padding:0;
	margin:0
}

#main textarea {
	display:block
}

.thumbnail {
	margin-left:1em;
	margin-bottom:-5px
}

.callLog {
	margin-bottom:1em;
	background-color:#e3e3e3;
	background:#eee;
    /* Old browsers */
	background:-moz-linear-gradient(top,rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    /* FF3.6+ */
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(238,238,238,1)),color-stop(100%,rgba(204,204,204,1)));
    /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    /* Opera11.10+ */
	background:-ms-linear-gradient(top,rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0 );
    * IE6-9 */
	background:linear-gradient(top,rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%)
    /* W3C */
}

#vote h3 {
	margin-bottom: 1em;
	margin-top: 2em;
}

#vote p {
	margin-bottom: 1.5em;
	margin-left: 2.2em;
}

#vote input {
	margin-left: 1em;
}

footer nav {
	display:block;
	width:710px;
	margin:0;
	padding:0;
	background:none
}

footer nav a {
	margin-right: 2em;
}

form li {
	list-style-type:none;
	list-style:none;
	margin:0;
	padding:0
}

button {
	margin-right:.3em;
	background-color:#e3e3e3;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#e3e3e3),to(#cccccc));
    /* Saf4+, Chrome */
	background-image:-webkit-linear-gradient(top,#e3e3e3,#cccccc);
	background-image:-moz-linear-gradient(top,#e3e3e3,#cccccc);
	background-image:-ms-linear-gradient(top,#e3e3e3,#cccccc);
	background-image:-o-linear-gradient(top,#e3e3e3,#cccccc);
	background-image:linear-gradient(top,#e3e3e3,#cccccc);
	border:1px solid #ccc;
	border-bottom:1px solid #bbb;
	font-weight:700;
	font-size:12px;
	color:#333;
	line-height:1;
	padding:8px 0;
	text-align:center;
	text-shadow:0 1px 0 #eee;
	width:150px
}

button:hover {
	background-color:#ddd;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#dddddd),to(#bbbbbb));
    /* Saf4+, Chrome */
	background-image:-webkit-linear-gradient(top,#dddddd,#bbbbbb);
	background-image:-moz-linear-gradient(top,#dddddd,#bbbbbb);
	background-image:-ms-linear-gradient(top,#dddddd,#bbbbbb);
	background-image:-o-linear-gradient(top,#dddddd,#bbbbbb);
	background-image:linear-gradient(top,#dddddd,#bbbbbb);
	border:1px solid #bbb;
	border-bottom:1px solid #999;
	cursor:pointer;
	text-shadow:0 1px 0 #ddd
}

button:active {
	border:1px solid #aaa;
	border-bottom:1px solid #888;
	-webkit-box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #e3e3e3;
	-moz-box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #e3e3e3;
	-ms-box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #e3e3e3;
	-o-box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #e3e3e3;
	box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #e3e3e3
}

.search {
	margin-right:.1em;
	/*
	background-color:#e3e3e3;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#e3e3e3),to(#cccccc));
	background-image:-webkit-linear-gradient(top,#e3e3e3,#cccccc);
	background-image:-moz-linear-gradient(top,#e3e3e3,#cccccc);
	background-image:-ms-linear-gradient(top,#e3e3e3,#cccccc);
	background-image:-o-linear-gradient(top,#e3e3e3,#cccccc);
	background-image:linear-gradient(top,#e3e3e3,#cccccc);
	border:1px solid #ccc;
	border-bottom:1px solid #bbb;
	font-weight:700;
	font-size:12px;
	color:#333;
	padding:5px 2px;
	text-align:center;
	text-shadow:0 1px 0 #eee
	*/
}

.search:hover {
    /*
	background-color:#ddd;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#dddddd),to(#bbbbbb));
	background-image:-webkit-linear-gradient(top,#dddddd,#bbbbbb);
	background-image:-moz-linear-gradient(top,#dddddd,#bbbbbb);
	background-image:-ms-linear-gradient(top,#dddddd,#bbbbbb);
	background-image:-o-linear-gradient(top,#dddddd,#bbbbbb);
	background-image:linear-gradient(top,#dddddd,#bbbbbb);
	border:1px solid #bbb;
	border-bottom:1px solid #999;
	cursor:pointer;
	text-shadow:0 1px 0 #ddd
	*/
}
/*
.search:active {
	border:1px solid #aaa;
	border-bottom:1px solid #888;
	-webkit-box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #e3e3e3;
	-moz-box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #e3e3e3;
	-ms-box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #e3e3e3;
	-o-box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #e3e3e3;
	box-shadow:inset 0 0 5px 2px #aaaaaa,0 1px 0 0 #e3e3e3
}

*/
#gallery {
	padding: 0px;
	margin: 0px;
}

#gallery ul, #gallery li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

/* User Profile and Badge System Styles
   Added August 26, 2012
*/
#userprofile-sidebar {
	float:left; 
	border: 2px dashed black; 
	background-image: url('../img/userprofile/sidebar_stripe.png');
	background-repeat: repeat; 
	width: 30%; 
	padding: 0.25em;
}

#userprofile-bio, #userprofile-badges {
	float: left; 
	padding-left: 1em;
	padding-bottom: 0.5em;
	width: 65%;
}

#userprofile-year {
	background-image: url('../img/userprofile/bell.png');
	background-repeat: no-repeat;
	padding-left: 20px;
}

#userprofile-startdate {
	background-image: url('../img/userprofile/cwslogo.png');
	background-repeat: no-repeat;
	padding-left: 20px;
}

#userprofile-hometown {
	background-image: url('../img/userprofile/world.png');
	background-repeat: no-repeat;
	padding-left: 20px;
}

#userprofile-fb {
	background-image: url('../img/userprofile/facebook_16.png');
	background-repeat: no-repeat;
	padding-left: 20px;
}

#userprofile-twitter {
	background-image: url('../img/userprofile/twitter_16.png');
	background-repeat: no-repeat;
	padding-left: 20px;
}

#userprofile-linkedin {
	background-image: url('../img/userprofile/linkedin_16.png');
	background-repeat: no-repeat;
	padding-left: 20px;
}

#userprofile-youtube {
	background-image: url('../img/userprofile/youtube_16.png');
	background-repeat: no-repeat;
	padding-left: 20px;
}

#userprofile-web {
	background-image: url('../img/userprofile/webpage.png');
	background-repeat: no-repeat;
	padding-left: 20px;
}

#userprofile-email {
	background-image: url('../img/userprofile/email.png');
	background-repeat: no-repeat;
	padding-left: 20px;
}

.memberselect {
	width: 425px;
	height: 200px;
}


.badge {
	/*background-color: #FFD633;*/
    border: 1px solid black;
    border-radius: 15px 15px 15px 15px;
    padding: 0.1em 0.5em;
    display: inline-block;
    margin: 0.13em;
    
    background-image: linear-gradient(bottom, rgb(235,218,26) 35%, rgb(222,192,56) 68%);
	background-image: -o-linear-gradient(bottom, rgb(235,218,26) 35%, rgb(222,192,56) 68%);
	background-image: -moz-linear-gradient(bottom, rgb(235,218,26) 35%, rgb(222,192,56) 68%);
	background-image: -webkit-linear-gradient(bottom, rgb(235,218,26) 35%, rgb(222,192,56) 68%);
	background-image: -ms-linear-gradient(bottom, rgb(235,218,26) 35%, rgb(222,192,56) 68%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.35, rgb(235,218,26)),
		color-stop(0.68, rgb(222,192,56))
	);
}

#prof-urlex {
	display: none;
}


/* Anything that doesn't work right here gets the !important statement added
   In production, these styles should be set correctly to not have to use that.
*/

.member-home-panel {
	border: 1px solid black;
	margin-bottom: 0.5em;
}

.member-home-panel h5 {
	font-size: 1.1em !important;
	margin: 0.5em !important;
}

.member-home-panel #user-icon {
	float: left;
	margin: 0 1.5em 0.3em 0.3em;

}

.member-home-panel #badge-notice {
	background-color: gold;
	margin: 0 0.3em;
}

/* New severe alerts style for the severe page */
.alert {
	border: 1px solid black;
	padding-left: 1em;
	margin-bottom: 1em;
}

.alert h2 {
	margin-top: 0em !important;
}

.Severe {
	border-left: 0.5em solid #CC0000;
}

.Moderate {
	border-left: 0.5em solid #E68A00;
}

.Minor {
	border-left: 0.5em solid #FFD633;
}

#disclaimer {
	font-size: 11pt;
}

/* Red Urgent Box for EM Report Page */

.red-box {
	border: 2px solid red;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Gold bar for site issues */
.notupdatedbox {
	border: 3px solid #DAA520;
	background-color: #FAFAD2;
	padding: 5px;
	margin-bottom: 5px;
}

/* =============================================================================
   Styles for new "join" page.
   ========================================================================== */
.signupchoicetable {
	width: 100%;
	min-height: 300px;
}

.signupchoicetable td {
	width: 50%;
	text-align: center;
	font-size: xx-large;
	font-weight: bold;
}

.signupchoicetable td a {
	color: black !important;
/*	Text-decoration: none;*/
}

.signupchoicetable td:hover {
	background-color: #00D5FF;
	text-decoration: underline;
}

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */

.ir {
	display:block;
	text-indent:-999em;
	overflow:hidden;
	background-repeat:no-repeat;
	text-align:left;
	direction:ltr
}

.ir br {
	display:none
}

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display:none;
	visibility:hidden
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility:hidden
}

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,.clearfix:after {
	content:"";
	display:table
}

.clearfix:after {
	clear:both
}

.clearfix {
	zoom:1
}

/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */

}

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
* {
	background:transparent!important;
	color:#000!important;
	text-shadow:none!important;
	filter:none!important;
	-ms-filter:none!important
}

/* Black prints faster: sanbeiji.com/archives/953 */
a,a:visited {
	color:#444!important;
	text-decoration:underline
}

a[href]:after {
	content:" (" attr(href) ")"
}

abbr[title]:after {
	content:" (" attr(title) ")"
}

.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
	content:""
}

/* Don't show links for images, or javascript/internal links */
pre,blockquote {
	border:1px solid #999;
	page-break-inside:avoid
}

thead {
	display:table-header-group
}

/* css-discuss.incutio.com/wiki/Printing_Tables */
tr,img {
	page-break-inside:avoid
}

img {
	max-width:100%!important
}

@page {
	margin:.5cm
}

p,h2,h3 {
	orphans:3;
	widows:3
}

h2,h3 {
	page-break-after:avoid
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}