/*//////////////////////////*/
/*   Survey Action Center   */
/*     v2.0 Style Sheet     */
/*//////////////////////////*/

body {
	margin: 0;
	padding: 0;
	background-color: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
}
body#DetailPage {
	background-color: #ffffff;
}
body#DetailPage .ResultsGrid th {
	height: 28px;
}

a:link		{ color: #0000ff; }
a:visited		{ color: #0000ff; }
a:hover		{ color: #cc0033; }
a:active		{ color: #ff9933; }

a.SmallLink {
	font-size: 10px;
	font-weight: bold;
}

.hidden { display:none;}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	background-image: url('../images/togglebar.gif');
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#Container {
	width: 780px;
	margin: 0 auto;
	background-color: #ffffff;
}

#Header {
	margin-bottom: 10px;
}

#Footer {
	margin-top: 10px;
}

#TopButton {
	text-align: center;
	margin-bottom: 10px;
}

#TopButton2 {
	text-align: center;
	margin-bottom: 10px;
	font-size: 11px;
}

#TopButton select {
	
	vertical-align: middle;
	margin-bottom: 4px;
	margin-right: 4px;
}

#TopButton h1 
{	
	display: inline;
	padding-right: 5px;
}

#TopButton2 h1
{	
	display: inline;
	font-size: 11px;	
	font-weight: bold;
	padding-right: 5px;
}

#BottomButton {
	text-align: center;
	margin-top: 10px;
}

#TopButton .FancyButton,
#TopButton .FancyButtonDisabled {
	margin-right: 10px;
	margin-bottom: 3px;
	vertical-align: middle;
}

.FancyButton,
.FancyButtonDisabled,
.FancyButton2 {
	border: 0;
	width: 166px;
	height: 26px;
	cursor: pointer;
	padding-bottom: 3px;
	background-color: transparent;
	background-image: url('../images/btn_bkg.gif');
	background-repeat: no-repeat;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

.FancyButton2 {
	width: 96px;
	background-image: url('../images/btn2_bkg.gif');
}

.FancyButtonDisabled {
	filter: Alpha(Opacity=50); -moz-opacity:0.5; opacity: 0.5;
	cursor: default;
}

.Collapsible {
	overflow:hidden;
	background-color:white;

}

.OldCollapsible {
	display: none;
	
}
.ToggleBar {
	background-image: url('../images/togglebar.gif');
	background-repeat: no-repeat;
	width: 744px;
	height: 20px;
	margin: 5px auto 0px auto;
	padding: 4px 8px 0px 8px;
	border: 1px solid #cccccc;
	font-size: 11px;
	font-weight: bold;
}

a.ToggleBar {
	background-image: url('../images/togglebar.gif');
	background-repeat: no-repeat;
	width: 744px;
	height: 20px;
	margin: 5px auto 0px auto;
	padding: 4px 8px 0px 8px;
	border: 1px solid #cccccc;
	font-size: 11px;
	font-weight: bold;
}

a.ToggleBar:hover {
	border-color: #000000;
}

a.ToggleBar img {
	vertical-align: middle;
}

a.ToggleBar		{ display: block; text-decoration: none; }
a.ToggleBar:link,
a.ToggleBar:visited	{ color: #444444; }
a.ToggleBar:active,
a.ToggleBar:hover	{ color: #000000; }

.OptionPanel {
	width: 750px;
	margin: 0 auto;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#E9E9E9);
	border: 1px solid #cccccc;
	border-top: 0;
	padding: 5px;
}

select, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
}

#CountryFilter select {
	width: 100%;
}

#CountryFilter th {
	font-size: 10px;
	text-align: left;
	border-bottom: 1px solid #bebebe;
	/*
	background-image: url('../images/th_bkg.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	*/
}

#CountryFilter td {
	font-size: 10px;
}

.Panel,
.PanelHolder td {
	background-color: #ffffee;
	border: 1px solid #cc9999;
	font-size: 10px;
}

#TopButton h1,
.Panel h1,
.PanelHolder h1 {
	font-size: 11px;
	margin: 0px 0px 10px 0px;
}

.Panel label,
.PanelHolder label {
	margin-right: 5px;
}

.Panel table th,
.PanelHolder table th {
	font-weight: bold;
	text-align: center;
	color: #808080;
	border-bottom: 1px solid #bebebe;
	padding-bottom: 2px;
}

.PanelHolder table td {
	border: 0;
}

.ListBox {
	height: 120px;
	border: 1px inset #bebebe;
	overflow-y: auto;
	overflow-x: hidden;
}

.ListBox p {
	margin: 0;
	clear: both;
	text-indent: -20px;
	margin-left: 20px;
}

.ListBox p img {
	vertical-align: middle;
	border: 0;
	padding: 2px 4px 2px 2px;
}

.ListBox p.AltColor {
	background-color: #eeeedd;
}

.ListBox p.AltColor img {
	background-color: #eeeedd;
}


/*-------------------*/
/*   Modal Dialogs   */
/*-------------------*/

.modalPage
{
	display: none;
	position: fixed;
	z-index: 470;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.modalBackground
{
	filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
	width: 100%;
	height: 100%;
	background-color: #999999;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 500;
}
.modalContainer
{
	position: absolute;
	width: 370px;
	left: 47%;
	top: 45%;
	z-index: 750;
}
.modal
{
	filter:progid:DXImageTransform.Microsoft.Shadow(color:#666666, strength:3, direction:135);
	background-color: white;
	border: solid 2px black;
	position: relative;
	top: -150px;
	left: -150px;
	z-index: 1000;
	width: 370px;
	height: 400px;
	padding: 0px;
}
.modalTop
{
	background-color: #CCCCCC;
	background-image: url('../images/togglebar.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 5px;
	color: #444444;
	border-bottom: 1px solid #666666;
	font-weight: bold;
	font-size: 10px;
}
.modalTop a, .modalTop a:visited
{
	color: #000000;
}
.modalTop a img
{
	position: relative;
	top: -5px;
	margin-right: 5px;
	float: right;
}
.modalBody
{
	margin: 8px;
	border: 1px solid #bebebe;
}

.ModalControls {
	padding: 3px;
	text-align: right;
}

.ModalControls input,
.ModalControls img {
	vertical-align: middle;
	font-size: 11px;
	line-height: 14px;
}

.ModalControls img.Button {
	border: 1px solid #999999;
}

.ModalViewport {
	background-color: #f4f4f4;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	height: 270px;
	overflow: auto;
}

.ModalViewport p {
	margin: 0;
	padding: 1px 4px 1px 2px;
}

.ModalViewport p.AltColor {
	background-color: #e8e8e8;
}

.ModalViewport p input {
	margin-right: 4px;
}

.ModalButtons {
	text-align: center;
}

.CheckAllOrNone {
	padding-left: 2px;
	margin-bottom: 1px;
}

.Disabled {
	color: #bebebe;
}


/*--------------------*/
/*   Tabbed Results   */
/*--------------------*/

#tabnav
{
	height: 20px;
	margin: 0;
	padding-left: 10px;
	background: url(../images/tab_bottom.gif) repeat-x bottom;
}

#tabnav li
{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
#tabnav a:link, #tabnav a:visited
{
	float: left;
	background: #ececef;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 6px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666666;
}

#tabnav a:link.active, #tabnav a:visited.active
{
	border-bottom: 1px solid #ffffff;
	background: #ffffff;
	color: #000000;
}

#tabnav a:hover
{
	background: #ffffe0;
}

#Results {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}

.ResultControls {
	margin: 8px auto;
	text-align: left;
	height: 16px;
	font-size: 10px;
	clear: both;
}

.ResultControls input,
.ResultControls img {
	vertical-align: middle;
	font-size: 11px;
	line-height: 14px;
}

.ResultControls .PageLinks a {
	padding: 0 1px;
}

.ResultControls .IconLinks a {
	padding-left: 19px;
	margin-left: 12px;
	line-height: 16px;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: right;
}

.ResultControls a.RCprint {
	background-image: url('../images/icon_print.gif');
}

.ResultControls a.RCexcel {
	background-image: url('../images/icon_excel.gif');
}

.ResultControls a.RCmap {
	background-image: url('../images/icon_map.gif');
}

.ResultsGrid {
	margin: 0 auto;
}

.ResultsGridth {
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	background-color: #f8f8f8;
	background-image: url('../images/th_bkg2.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom: 1px solid #bebebe;
}

.ResultsGrid th a		 { text-decoration: none; }
.ResultsGrid th a:link	 { color: #444444; }
.ResultsGrid th a:visited { color: #444444; }
.ResultsGrid th a:hover	 { color: #cc0033; }
.ResultsGrid th a:active	 { color: #ff9933; }

.ResultsGridtd {
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
}

.AltColor  
{
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	color: #444444;
	background-color: #f2f2f2;
}
#ResultsGrid tr.AltColor td {
	background-color: #f2f2f2;
}

#DetailPage {
	margin-top: 10px;
}

#DetailPage h1 {
	font-size: 15px;
	margin: 15px 8px;
}

#DetailPage h2 {
	font-size: 13px;
	margin: 20px 8px 2px 8px;
}

#DetailPage .SACLogo {
	margin: 0px 0px 15px 10px;
}

#DetailPage .DetailList {
	width: 500px;
	margin-bottom: 20px;
}

#DetailPage .DetailList p {
	margin: 0px 8px;
	line-height: 160%;
	border-bottom: 1px solid #cccccc;
}

#DetailPage .DetailList span.Label,
#DetailPage .DetailList span.LabelAlt {
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 4px;
	white-space: nowrap;
	width: 185px;
	background-color: #f3f3f3;
	border-right: 1px solid #bebebe;
}

#DetailPage .DetailList .Label,
#DetailPage .DetailList .LabelAlt {
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 4px;
	white-space: nowrap;
	width: 185px;
	background-color: #f3f3f3;
	border-right: 1px solid #bebebe;
}

#DetailPage .DetailList span.LabelAlt {
	background-color: #ececec;
}


/*-------------------*/
/*     Map Screen    */
/*-------------------*/

body#MapScreen
{
	color: #7c828a;
	background-color: #cccccc;
	/*
	background-image: url('../images/graystripe_bkg.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	background-attachment: fixed;
	*/
}

body#MapScreen #Container {
	margin-top: 15px;
	background: transparent;
}

#MapScreenHeader {
	height: 30px;
	background-color: #cc0033;
	border-bottom: 1px solid #800000;
	font-size: 14pt;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
	padding: 5px 0px 0px 20px;
}
a img {
	border: 0px;
}

table#PanControls {
	background-color: #eeeff1;
}

table#PanControls td a:hover img,
table#PanControls td a:hover,
table#PanControls td input:hover {
	background-color: #7ade4f;
}

#TopBar {
	background-image: url('../images/topbar_bkg.png');
	background-position: top left;
	background-repeat: repeat-x;
	height: 20px;
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
}

#TopShelf {
	padding: 8px 12px;
}

#TopShelf .PageTitle {
	font-size: 20px;
	font-weight: normal;
	color: #355066;
}

#TopShelfShadow {
	height: 15px;
	margin-bottom: 10px;
}

#PageContent {
	margin: 0px 12px;
}

table.TG2Box {
	margin-bottom: 10px;
}

table.TG2Box td.TG2Box-Top,
table.TG2Box td.TG2Box-Bottom,
table.TG2Box td.TG2Box-GutterLeft,
table.TG2Box td.TG2Box-GutterRight {
	background-color: #ffffff;
	font-size: 1px;
	line-height: 1px;
}

table.TG2Box td.TG2Box-Bottom {
	background: transparent;
}

table.TG2Box td.TG2Box-GutterLeft {
	border-left: 1px solid #c0c5cd;
}

table.TG2Box td.TG2Box-GutterRight {
	border-right: 1px solid #c0c5cd;
}

table.TG2Box td.TG2Box-Top {
	border-top: 1px solid #c0c5cd;
}

table.TG2Box td.TG2Box-Title {
	background-color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 1px 3px 4px 3px;
}

table.TG2Box td.TG2Box-Content {
	background-color: #ffffff;
	background-image: url('../images/box_bkg.png');
	background-position: top left;
	background-repeat: repeat-x;
	padding: 3px;
	font-size: 10px;
}

table.TG2Box td.TG2Box-Content h4 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
}

table.TG2Box input,
table.TG2Box select {
	font-size: 11px;
}

.ToolButtons {
	margin: 0px 2px 7px 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.ToolButtons a:link,
.ToolButtons a:visited, {
	text-decoration: none;
}

.ToolButtons a:active,
.ToolButtons a:hover, {
	text-decoration: underline;
}

.ToolButtons img {
	vertical-align: middle;
	margin-right: 2px;
}

#LayerTable td.LayerLabel {
	padding-top: 4px;
	padding-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
}

#LayerTable td.LayerLabel label {
	cursor: pointer;
}

.LegendTable {
	margin-bottom: 7px;
	margin-left: 5px;
}

.LegendTable td img {
	vertical-align: middle;
}

.LegendTable td.LegendLabel {
	padding-top: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.IEDropShadow {
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#808080', Positive='true');
}

.Footer {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.FooterCenter {
	text-align: center;
}

.Header {
	margin: 30px 0px;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	color: #f0f0f3;
}

.HeaderCenter {
	text-align: center;
	font-variant: small-caps;
}

.Tools {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}