/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

/*
    body {
        font-family: "ProximaNova", "Helvetica Neue", helvetica, arial, sans-serif;
        font-size: 15px;
        line-height: 21px;
        margin-top: 40px;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        background-color: #e6eef5;
    }
*/
	#pick_something{
		margin-top: 130px;
		text-align: center;
	}

	#loading_modal {
		text-align: center;
	    display:    none;
	    position:   fixed;
	    z-index:    1000;
	    top:        0;
	    left:       0;
	    height:     100%;
	    width:      100%;
	    background: rgba( 255, 255, 255, .8 ) 
	                url('/images/red_spinner.gif') 
	                50% 50% 
	                no-repeat;
	}
	
	/* When the body has the loading class, we turn
	   the scrollbar off with overflow:hidden */
	body.loading {
	    overflow: hidden;   
	}
	
	/* Anytime the body has the loading class, our
	   modal element will be visible */
	body.loading #loading_modal {
	    display: block;
	}

	#app{
		margin-top: 0px;
	}
	
	#topics_section{
		/*margin-bottom: 100px;*/
		margin-bottom: 0;
	}
    
    div.page {
        min-height: 480px;
        background: white;
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;   
        padding: 20px 20px 80px 20px;    
    }

    div.page h1 {
        font-size: 24px;
        line-height: 28px;
        min-height: 29px;
        color: black;
        font-weight: bold;
        margin-bottom: 3px;
        display: inline-block;
        position: relative;
    }

    div.page.inactive {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 1px solid #E6E5E5;
    }

    div.page > h1.restore_header{
        display: none;
    }

    div.page > h1.main_header{
        display: block;
    }

    div.page.inactive div.page{
        margin: 0 -40px -100px 0px;
    }

    dl.tabs dd a {
        padding: 0px 8px;
        text-transform: capitalize;
    }


    @font-face {
      font-family: 'GeneralFoundicons';
      src: url('../fonts/general_foundicons.eot');
      src: url('../fonts/general_foundicons.eot?#iefix') format('embedded-opentype'),
           url('../fonts/general_foundicons.woff') format('woff'),
           url('../fonts/general_foundicons.ttf') format('truetype'),
           url('../fonts/general_foundicons.svg#GeneralFoundicons') format('svg');
      font-weight: normal;
      font-style: normal;
    }

    @font-face {
      font-family: 'GeneralEnclosedFoundicons';
      src: url('../fonts/general_enclosed_foundicons.eot');
      src: url('../fonts/general_enclosed_foundicons.eot?#iefix') format('embedded-opentype'),
           url('../fonts/general_enclosed_foundicons.woff') format('woff'),
           url('../fonts/general_enclosed_foundicons.ttf') format('truetype'),
           url('../fonts/general_enclosed_foundicons.svg#GeneralEnclosedFoundicons') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    @font-face {
      font-family: 'SocialFoundicons';
      src: url('../fonts/social_foundicons.eot');
      src: url('../fonts/social_foundicons.eot?#iefix') format('embedded-opentype'),
           url('../fonts/social_foundicons.woff') format('woff'),
           url('../fonts/social_foundicons.ttf') format('truetype'),
           url('../fonts/social_foundicons.svg#SocialFoundicons') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    @font-face {
      font-family: 'AccessibilityFoundicons';
      src: url('../fonts/accessibility_foundicons.eot');
      src: url('../fonts/accessibility_foundicons.eot?#iefix') format('embedded-opentype'),
           url('../fonts/accessibility_foundicons.woff') format('woff'),
           url('../fonts/accessibility_foundicons.ttf') format('truetype'),
           url('../fonts/accessibility_foundicons.svg#AccessibilityFoundicons') format('svg');
      font-weight: normal;
      font-style: normal;
    }

    [class*="social foundicon-"]:before {
      font-family: "SocialFoundicons";
    }
    [class*="general foundicon-"]:before {
      font-family: "GeneralFoundicons";
    }
    [class*="gen-enclosed foundicon-"]:before {
      font-family: "GeneralEnclosedFoundicons";
    }
    [class*="accessibility foundicon-"]:before {
      font-family: "AccessibilityFoundicons";
    }

#detail_form_container
{
    position: fixed; 
}
#detail_form_container h2
{
    padding: 0;
    margin-bottom: 5px;
}

p
{
    /* font-family: abril-fatface */
}

ul.tabs-content.contained > li {
	padding: 20px;
}



#county_map, #city_map, #marker_map { 
    height:300px; 
} 

/* Leave Notice */
.align_left	{ text-align: left; }
.align_right	{ text-align: right !important; }
.align_center	{ text-align: center;}
.align_vertical_center	{ vertical-align: middle;}

/* The style for the blackout div that appears when the exit dialog is shown. */
#ln-blackout {position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000;}

/* This style is for a container that holds the message dialog box. It has been added primarily to help with positioning. I know some people would complain about this, but it seems more efficient this way even it is isn't semanitc. */
#ln-messageHolder {position:fixed; top:100px; left:0; width:100%;}

/* This style is for the div that holds the actual exit dialog. */
#ln-messageBox {width:90%; max-width: 460px; margin:0 auto; min-height:200px; background-color:#fff; border:10px solid #e6e6e6; -moz-box-shadow:0 0 20px 10px #666; -webkit-box-shadow:0 0 20px #666; text-align:center; padding:20px;}

/* This style is applied to the link that closes the dialog. */
a#ln-cancelLink {background-color:#e6e6e6; font-weight:bold; padding:5px; color:#666; text-decoration:none; text-transform:uppercase; font-size:0.8em;}
a#ln-cancelLink:hover {background-color:#666; color:#e6e6e6;}

/* This style is for the box that holds the section that says where the user is being directed to. */
.setoff {background-color:#f2f2f2; padding:5px; margin:10px 0 20px 0;}

.historical_text{
    overflow: scroll;
    height: 400px;
    padding: 10px;
}

.center-justified p{ 
    margin: 0 auto;
    text-align: justify;
    width: 100%;
}

.center-justified p br
{
	line-height: 100px;
}

ul.tabs-content.contained > li {
    border-width: 0px 0px 1px 0px;   
}

ul.tabs-content.contained > li ul > li{
    border-width: 0 1px 1px 1px;
}

.clearing-assembled .clearing-container .visible-img {
    background: rgba(0, 0, 0, 0.05);
}



#topic_chooser #crazy{
	padding-top: 5px;
	min-height: 50px;
}


#topic_chooser button, #topic_chooser button { background: transparent; border: 0; color: #fff; opacity: .5; }
#topic_chooser button:hover, #topic_chooser button:hover { opacity: 1; }
#topic_chooser button:disabled, #topic_chooser button:disabled { opacity: .2; }

#topic_chooser .next, #topic_chooser .prev { float: left; width:50px; height: 43px; font-size: 20px; margin-top: 2px;}
#topic_chooser .next { 
	float: right; 
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-rightleft: 3px;
	border-top-right-radius: 3px; 
}

#topic_chooser .prev { 
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
}

#topic_chooser .scrollbar { margin: 15px auto 15px; width: 100%; height: 1px; line-height: 0; background: #CCC; cursor: pointer;}
#topic_chooser .scrollbar .handle { width: 100px; height: 100%; background: #CF4443; cursor: pointer; }
#topic_chooser .scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }

button i {
	font-style: normal;
}

button.prev, button.next{
	border: 1px solid #CCC !important;
}

.icon-angle-left:before {
color: #000;
content: "<";
}

.icon-angle-right:before {
color: #000;
content: ">";
}

.active_tab a{
	cursor: default;
	color: #FFF;
	background: #e6e6e6;
	height: 43px !important;
	margin-top: -3px;
	padding-top: 3px !important;

}

.active.active_tab a{
	height: 40px !important;
	margin-top: 0px;
	padding-top: 0px !important;

}


.tabs.pill dd{
	margin-top: 6px !important;
}

.alpha_listing dd.active{
	margin-top: 0px;
	border: 0px;
}

.alpha_listing dd.active a{
	border: 0px;
	border-bottom: 1px solid #e6e6e6;
	webkit-border-radius: 1000px; 
	-moz-border-radius: 1000px; 
	-ms-border-radius: 1000px; 
	-o-border-radius: 1000px; 
	border-radius: 1000px; 
	background: #2ba6cb; 
	height: 26px; 
	line-height: 26px; 
	color: #FFF; 
	margin-top: 7px;
}

@media only screen and (max-width: 940px) {

	#topics_section{
   		padding: auto 10px !important;
   		margin: auto 10px !important;
	}

  	div.page{
        margin: 0 !important;
        padding: 0 3px !important
    }
    
    div.page h1 {
        margin: 10px 5px !important;
    }    
    
    div.page h4 {
        margin: 10px 5px !important;
    }  
    
    .row{
    	margin: 0px !important;
    }
    
    ul.zebra_strip{
    	margin: auto 10px !important;
    }
    
    #crazy dl{
		width: 1126px !important;
	}
}

img.location_map, .visible-img img{
	width: auto !important;
}

td img {
	display: block;
	width: 100%;
}



/* -----------------------------------------
   Shared Styles
----------------------------------------- */



/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */