/*------------------------------------
dojo slider styling
-------------------------------------*/
/*transparency slider */
.dijit.dijitReset.dijitSliderH.dijitSlider{
	margin-top:6px !important;
}
.tundra td div.dijitSliderIncrementIconV {
	background : url(../images/zoom-increment.png);
	height: 21px;
	width: 21px;
	margin-bottom: 2px;
	border: 0;
}
.tundra td div.dijitSliderDecrementIconV {
	background : url(../images/zoom-decrement.png);
	height: 21px;
	width: 21px;
	margin-top: 2px;
	border: 0;
}
.tundra table.dijitSlider tr td center div.dijitSliderMoveable div.dijitSliderImageHandleV {
	background : url(../images/slider-handle.png);
	height: 8px;
	width: 23px;
	z-index: 1000;
	right: -11px;
	visibility: visible;
}
.tundra table.dijitSlider tr td div.dijitSliderMoveable div.dijitSliderImageHandleH {
	background : url(../images/slider-bullet.png);
	width:12px;
	height:12px;
	/*top: -4px;*/
	top: -2px;
	z-index: 1000;
}
.tundra div.dijitSliderMoveableH {
	visibility: hidden;	
}
.tundra div.dijitSliderMoveableH > * {
	visibility: visible;	
}
.dijitReset{
	z-index: 0;
}
/*.tundra .dijitSliderFocused .dijitSliderBar*/
.tundra table.dijitSlider tr td center div.dijitSliderBumper, 
.tundra table.dijitSlider tr td center div.dijitSliderBar.dijitSliderProgressBar, 
.tundra table.dijitSlider tr td center div.dijitSliderBar.dijitSliderRemainingBar {
	border-color: #000;
	background: #3a647d;
	width: 8px;
}
.tundra table.dijitSlider tr td center div.dijitSliderBar.dijitSliderProgressBar {
	border-bottom: 1px solid #3a647d;
}
.tundra table.dijitSlider tr td.dijitSliderDecorationV div.dijitRuleContainer {
	/*left:-14px;
	width: 6px;
	z-index: 1;*/
}
/*.tundra table.dijitSlider tr td div.dijitSliderBar.dijitSliderBarH.dijitSlideBarProgressBar,
.tundra table tr td div.dijitSliderBar.dijitSliderBarH.dijitSliderProgressBar.dijitSliderProgressBarH {
	top: -6px;
	padding-top; 6px;
	border: 0;
	height: 4px;
	background: none;
}*/
.tundra table.dijitSlider tr td.dijitSliderDecorationV div{
	z-index: 1;
}
.tundra table.dijitSlider tr td.dijitSliderDecorationV div.dijitRuleContainer div.dijitRuleMark {
	/*border: 1px solid white;*/
	left: -14px;
	width: 6px;
	border-color: white;
	z-index:1001;
}
.tundra table.dijitSlider tr td center div.dijitSliderBumper.dijitSliderBottomBumper {
	border-radius: 0 0 20px 20px;
}
.tundra table.dijitSlider tr td center div.dijitSliderBumper.dijitSliderTopBumper {
	border-radius: 20px 20px 0 0;
}
.tundra .dijitSliderDecrementIconH{
	display:none;
}
.tundra .dijitSliderIncrementIconH{
	display:none;
}


html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
   /* font-family: Myriad, Helvetica, Arial, sans-serif; /*Rockwell, sans-serif; fanmap */
    overflow: hidden;
}

body.foam {
   background-color: #fff; /*#BFCED1; #CAD5D1 */
}

h1, h2, h3 {
    font-family: font-family: Verdana, Helvetica, Tahoma, Arial, clean, sans-serif; /*Rockwell, Helvetica, sans-serif;*/
}

a, a:active, a:visited {
    text-decoration: none;
    color: #528CE0;
}

a:active {
    text-decoration: underline;
}

.title {
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
}

.tundra .dijitButtonText {
    font-family: Verdana, Helvetica, Tahoma, Arial, clean, sans-serif;
    font-size: 14px;
}

.tundra .dijitButtonText:hover {
    font-family: Verdana, Helvetica, Tahoma, Arial, clean, sans-serif;
    font-size: 14px;
	color: #DA4D1e;
}

.tundra .dijitInputContainer INPUT, .tundra .dijitTextBox {
    margin: 0 0.1em;
	padding: 2px;
	font-size: 14px;
	font-weight:bold;
}

#mapsContainer {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; /* fix for strange UI breaking bug in dojo 1.6 */
}

#sidebar {
    /* height: 60px;*/
    height: 100%;
    width: 27px;
    background-color: #114562; 
	background: url("../js/esri/pollmap/img/sidebar.png") no-repeat;
	/* background: url("../js/esri/pollmap/img/sidebar_light.png");*/
    /*margin: 2px;*/
    /*background-repeat: no-repeat;*/
    /*background-image: -moz-linear-gradient(center top , #19628C, #114562);*/
    box-shadow: 1px 1px 3px #666666;
    /*height: 35px;*/
    left: 0;
    position: absolute;
    top: 0;
    /*width: 100%;*/
    z-index: 37;
}

.map {
    margin: 0;
    padding: 0;
    background-color: #fff;
}

/*.mapSubmit {
    -moz-user-select: none;
    background-color: #1D77A8;
    background-image: -moz-linear-gradient(center top , #1D77A8, #114765);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 6px #999999;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 4px 10px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}*/

/*.foam .map {
    background: #ffffff; /*#BFCED1; #CAD5D1; /* #D7DED6 
}*/*/

.rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.inactiveText {
    text-align: center;
    margin: 75px auto;
    font-size: 24px;
    font-weight: bold;
}

.pane {
    float: left;
    /*slate: background-color: #111;*/ 
    border: 1px solid green;
    position: relative;
}

.pane-hover {
    border: 2px solid #ff0000 !important;
    cursor: pointer !important;
}

.pane-hover * {
    cursor: pointer;
}

.pane-title {
    position: absolute;
    top: 6px;
    left: 6px;
    font-size: 14px;
    color: #FFF;
	background-color: #000;
    background-color: rgba(0, 0, 0, 0.5); /*#EFEFEF*/;
    z-index: 50;
    padding: 4px;
    filter: alpha(opacity = 50);
}

.pane .dijitSlider {
    display: none;
}

#main-map {
    position: absolute;
}

.map .logo-sm {
    display: none; /*hide the esri logo on individual maps */
}

.pane .logo-med {
    display: none;
}

.logo-sm {
    position: absolute;
    bottom: 24px; /*5px;*/
    /*right: 5px;*/
    left: 29px;
    cursor: pointer;
    height: 36px;
    width: 65px;
    z-index: 49;
    background-image: url("http://serverapi.arcgisonline.com/jsapi/arcgis/2.2/images/map/logo-med.png");
}

.logo-sm:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.logo-sm, .logo-med {
    opacity: 0.6;
    filter: alpha(opacity = 50);
}

.map-dialog .dijitDialogTitleBar {
    opacity: 0.7;
    filter: alpha(opacity = 50);
}

.map-dialog-map {
    width: 100%;
    height: 100%;
}

.map-dialog .map .logo-med {
    left: 0;
    bottom: 0;
}

.map-dialog .zoom-button {
    position: absolute;
    text-align: center;
	/*background: #D7E4F0;*/
	background: #feffff;
	background: -moz-linear-gradient(top,  #feffff 0%, #ecf3f8 13%, #9fc3e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(13%,#ecf3f8), color-stop(100%,#9fc3e0));
	background: -webkit-linear-gradient(top,  #feffff 0%,#ecf3f8 13%,#9fc3e0 100%);
	background: -o-linear-gradient(top,  #feffff 0%,#ecf3f8 13%,#9fc3e0 100%);
	background: -ms-linear-gradient(top,  #feffff 0%,#ecf3f8 13%,#9fc3e0 100%);
	background: linear-gradient(top,  #feffff 0%,#ecf3f8 13%,#9fc3e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#9fc3e0',GradientType=0 );
    z-index: 900;
    top: 257px;
    left: 8px;
    padding: 2px;
    font-family: verdana, sans-serif;
    font-size: 10px;
}

.map-dialog .zoom-button a {
    color: #175D85;
    padding: 1px;
    text-decoration: none;
    /*background: #666;
    background: rgba(50, 50, 50, 0.6);*/
}

.map-dialog .zoom-button a, .map-dialog .zoom-button a:hover, .map-dialog .zoom-button a:active {
    /*color: #FFF;*/
    text-decoration: none;
}

.map-dialog .zoom-button a:hover {
    text-decoration: underline;
}

.tundra .map-dialog .dijitDialogPaneContent {
    padding: 0;
    width: 100% !important;
    height: 100% !important;
}

.tundra .dijitDialogTitleBar {
    /*opacity: 0.25;
     filter:alpha(opacity=50);*/
    display: none !important; /* no title bars! */
}

.tundra .dijitDialog {
    border: none; /* default tundra dialog has a weird blue border */
}

.dijitDialogCloseIcon {
    z-index: 999; /* i forget */
}

#megaMapHeader {
    position: absolute;
    left: 5px;
    bottom: 5px;
    background-image: url(../js/esri/pollmap/img/header4.png);
    width: 514px;
    height: 43px;
    z-index: 999;
    /*background-color: rgba(0,0,0,0.2);*/
    background-repeat: no-repeat;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    display: none;
}

#megaMapTitle {
    position: absolute;
    top: 2px;
    left: 2px;
    font-size: 22px;
    color: #FFF;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999;
    padding: 5px;
    filter: alpha(opacity = 80);
    /* font-weight: bold;*/
	display: none;
}

#megaMapTitle p.subtitle, .pane-title p.subtitle {
    font-size: 10px;
}

.next-map-link {
	color: #000;
	padding: 0 5px 0 5px;
	font-size: 30px;
	font-weight: bold;
}

.next-map-link:hover {
	color: orange;	
}

#megaMapNode_zoom_slider {
    left: 15px !important;
    top: 52px !important;
}

.closeIcon {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 15px; /*30px;*/
    height: 15px; /*30px;*/
    background: transparent url("../js/esri/pollmap/img/small-close.png"); /*url("../js/esri/pollmap/img/close.png");*/
    z-index: 999;
	display: none; /*removes close functionality*/
}

.closeIcon:hover {
    background: transparent url("../js/esri/pollmap/img/small-close.png") 0 -15px; /*-30px;*/
    cursor: pointer;
	display: none; /*removes close functionality*/
}

.dijitDialogUnderlayWrapper {
    left: 30px !important; /* Set this to the width of the sidebar, makes sure it shows even if dialog is up */
}

.dijitDialogUnderlay {
    background: #AAA;
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

.credits {
    position: absolute;
    z-index: 900;
    bottom: 6px;
    left: 32px;
    background: #333;
    background: rgba(0, 0, 0, 0.4);
    padding: 2px;
    opacity: 0.8;
    font-family: verdana, sans-serif;
    font-size: 12px;
    color: #999;
}

.credits .separator {
    font-weight: bold;
    color: #57951d;
}

.credits a, .credits a:hover, .credits a:active {
    color: #FFF;
    text-decoration: none;
}

.credits a:hover {
    text-decoration: underline;
}

/*--------- About Window -------------*/
.about-window {
    width: 600px;
    background-color: #333;
    padding: 10px 20px;
    color: #EEE;
}

#aboutWindow .dijitDialogPaneContent {
    background-color: #333;
}

.about-window .body-text {
    height: 600px;
    overflow: auto;
    font-family: verdana;
    font-size: 12px;
    padding-right: 5px; /* a little space between the text and the scroll bar*/
}

.about-window .body-text > h2 {
    margin-top: 0;
}

.about-window p {
    margin: 5px 0 5px;
}

.about-window h1 {
    font-size: 24px;
    padding: 4px;
    display: inline-block;
    margin: 10px 0 10px;
}

.about-window h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0 4px;
}

.about-window h3 {
    margin: 10px 0 5px;
    font-size: 18px;
    font-weight: normal;
}

.about-window li {
    list-style: circle;
    margin: 5px 0;
}

.about-window ul {
    margin: 5px 0 10px;
}

.about-window dt {
    font-weight: bold;
    margin: 5px 0 5px;
}

.about-window dd {
    margin: 0 0 5px 30px;
}

.about-window dl {
    margin: 0 0 10px;
}

/* ----- social ---- */
.social-widgets .twitter-count-horizontal {
    margin-top: 1px;
}

.social-widgets .fb_iframe_widget {
    vertical-align: top;
}

.about-window .social-widgets {
    margin-bottom: 8px;
}

.social-widgets.vertical {
    position: absolute;
    left: 34px;
    bottom: 62px;
    width: 60px; /* force vertical layout */
    z-index: 50;
}

.social-widgets.vertical .fb_iframe_widget {
    margin-bottom: 5px
}

.mega-map .social-widgets {
    left: 3px;
    bottom: 39px;
}

.social-widgets .twitter-count-vertical {
    height: 62px;
}

/*------------------------------------*\
 IPHONE/MOBILE
 \*------------------------------------*/
@media screen and (max-device-width: 480px){
    body{
      -webkit-text-size-adjust:none;
      font-family:Helvetica, Arial, Verdana, sans-serif;
    }
    
    .dijitDialogCloseIcon, .dijitDialogCloseIcon-hover {
        width: 30px !important; /*increase the hit area*/
        height: 30px !important;
    }
	
/*------------------------------------*\
Zoom slider styles
 \*------------------------------------*/
 
 #zoomSliderBG {
    display: block;
    left: 20px;
    margin: 0;
    position: absolute;
    top: 5px; /*20px;*/
    z-index: 55;
}
#zoomSliderCustom {
    margin: 0 5px;
}
#zoomSliderPlus, #zoomSliderMinus {
    cursor: pointer;
    display: block;
    height: 21px;
    width: 20px;
}
#zoomSliderPlus {
    background: url("../graphics/zoomBar.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 2px;
}
#zoomSliderPlus:hover {
    opacity: 0.75;
}
#zoomSliderMinus {
    background: url("../graphics/zoomBar.png") no-repeat scroll -24px 0 transparent;
    margin-top: 2px;
}
#zoomSliderMinus:hover {
    opacity: 0.75;
}
#zoomSliderBG .ui-slider {
    background: url("../graphics/zoomBar.png") repeat-y scroll -72px 0 transparent;
    border: 1px solid #173E55;
    cursor: pointer;
    position: relative;
    text-align: left;
}
#zoomSliderBG .ui-slider .ui-slider-handle {
    background: url("../graphics/zoomBar.png") no-repeat scroll -48px 0 transparent;
    cursor: pointer;
    display: block;
    height: 8px;
    position: absolute;
    width: 22px;
    z-index: 4;
}
#zoomSliderBG .ui-slider .ui-slider-handle:hover {
    opacity: 0.85;
}
#zoomSliderBG .ui-slider .ui-slider-range {
    background-position: 0 0;
    border: 0 none;
    display: block;
    font-size: 12px;
    position: absolute;
    z-index: 1;
}
#zoomSliderBG .ui-slider-vertical {
    border-radius: 5px 5px 5px 5px;
    height: 100px;
    width: 8px;
}
#zoomSliderBG .ui-slider-vertical .ui-slider-handle {
    left: -7px;
    margin-bottom: -4px;
    margin-left: 0;
}
#zoomSliderBG .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
#zoomSliderBG .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
#zoomSliderBG .ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
 	
}