/* Generic Tags */

body {
	background: #000 url('../images/body_bg.gif') repeat-x;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	padding: 10px;
}
p,
h1,
h2,
h3,
h4 {
}
h1,
h2,
h3,
h4 {
	font-weight:bold;
}

h1 {
	font-size:2em;
}
h2 {
	font-size:1.5em;
	color:#2e3192;
	text-align:center;
	margin-bottom:4px;
}
h2 a:link,
h2 a:visited {
color:#ffffff;
text-decoration:underline;
}
h2 a:hover {
text-decoration:none;
}
h3 {
	font-size:1.3em;
}
a:link,
a:visited {
	color:#2d3090;
}
a:hover {
	text-decoration:none;
}

strong {
	font-weight:bold;
	font-style:inherit;
}
em {
	font-weight:inherit;
	font-style:italic;
}

/* Generic Classes */

.off {
	display:none;
}
.hide {
	visibility:hidden;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}
ul	{margin: 15px;}



/* =================================================== */
/* ============= TEMPLATE SPECIFIC CSS =============== */

html {height: 100%;}
body {
	height: 100%;
	background: #000 url('../images/body_bg.gif') repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", "Lucida Sans", arial, tahoma, sans-serif;
	font-size: 12px;
  }
a	{text-decoration: none;}
a:hover {text-decoration: underline;}
.main-container	{width: 100%;
				 text-align: center;
				 min-height: 100%;
			     height: auto !important;
     			 height: 100%;
     			 margin: 0 auto -50px;
}
.logo-container {float: left;
				 margin-top: 7px;
				 width: 156px;
				 height: 84px;
				 background: url('../images/logo.png');
				 color: #fff;
}
.header-container	{margin: 0 auto;
					 width: 934px;
				 	 height: 99px;
}
/* sliding doors main tabs */

.main-nav {float: right;
}
.main-nav ul {margin: 0;
			  padding: 0;
			  list-style: none;
}
.main-nav li {float: right;
			  margin: 0 2px 0 0;
			  padding: 0;
}
.main-nav li.dark {background: url('../images/tab_on_right.gif') no-repeat right top;
}
.main-nav li.light {background: url('../images/tab_off_right.gif') no-repeat right top;
}

.main-nav a	{display: block;
			 padding: 6px 15px;
			 font-weight: bold;
			 /* Commented Backslash Hack
			     hides rule from IE5-Mac \*/
			  #header a {float:none;}
			  /* End IE5-Mac hack */
			  
}
.main-nav li.dark a	{background: url('../images/tab_on_left.gif') no-repeat left top;
					 color: #fff;
}
.main-nav li.light a	{background: url('../images/tab_off_left.gif') no-repeat left top;
						 color: #000;
}			
.body-container	{margin: 0 auto;
				 width: 900px;
				 text-align: left;
				 padding: 15px;
				 background: url('../images/content_bg.gif') repeat-y;
}
.content-top	{margin: 0 auto; width: 930px; height: 15px; background: url('../images/content_top.gif') no-repeat;}
.content-bottom	{margin: 0 auto; width: 930px; height: 15px; background: url('../images/content_bottom.gif') no-repeat;}
.footer-container	{width: 100%;
					 background: url('../images/footer_bg.gif');
					 background-repeat: repeat-x;
					 height: 50px;
					 text-align: center;
					 
					}
.footer-nav {font-weight: bold;}
.footer-nav a	{color: #999;}
.footer-nav a:hover {color: #fff;}
.footer-nav ul {list-style: none;}
.footer-nav ul li {display: inline; margin: 10px;}

.clear {clear: both;}
.push {height: 50px;}

/* ============= TEMPLATE SPECIFIC CSS =============== */
/* =================================================== */





/* Specific classes */

#flotchart	{width: 600px; height: 300px; margin-left: 10px;}
#compare_flotchart	{width: 800px; height: 500px; margin-left: 10px;}
#ataglance	{width: 150px; float: left; padding: 15px;}
#ataglance td	{padding: 5px; border-bottom: 1px solid #999}

#choices {margin-top: -15px;}
div.error	{color: #f00;}


/* report page */
#response_report_header_table {width: 100%;}
#response_report_header_table th {font-weight: bold; font-size: 14px; text-align: center; background: #ccc; border-bottom: 1px solid #999; padding: 5px; border-right: 1px solid #fff;}
#response_report_header_table td {text-align: center; background: #ddd; padding: 3px; border-right: 1px solid #fff;}
 .bar_graph	{height: 7px; background: #36c url('../images/bar_graph_bg.gif');}
 
 
 
 
/* map page */
.user_popup	a img	{border: 0px;}
.user_popup	a	{text-decoration: none;}
.user_popup	a:hover	{}
.user_popup	{font-family: tahoma, arial, sans-serif; font-size: 11px;}
.user_popup img	{margin: 3px;}

.map_window		{width: 900px; height: 500px; border: 2px solid #A1C1CC;}
#maploadingoverlay {
	position: absolute;
	width: 900px;
	height: 500px;
	background-color: #036; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;
	z-index: 1;
	text-align: center;
	color: #fff;
	font-size: 26px;
	vertical-align: middle;
}




table.surveyBreakdown {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	background-color: white;
}
table.surveyBreakdown th {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
}
table.surveyBreakdown td {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
}



th {
	text-align:center;
	font-weight:bold;
}
th, td {
	padding:3px 5px;
}