﻿/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
}

#main {overflow:auto;
	/*padding-left:0px;
	padding-right: 0px; */
	padding-bottom: 40px;}  /* footer */
	
/* Set the fixed height of the footer here */
#footer {
	position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	clear:both;
  background-color: #f5f5f5;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  max-width: 1366px;
  padding: 0 15px;
}
.container .text-muted {
  margin: 20px 0;
}

.navbar-brand{
    text-align:center;
    padding: 0;

}
/* padding of the body for the fixed navbar */
body {
  padding-top: 60px;
}
@media (max-width: 979px) {
  body {
    padding-top: 60px;
  }
}

/* thumbnail gallery */
ul.thumbnails li.thumbnail {
    display:inline-block;
    margin:5px 0 0 5px;
    text-align: center;
    width:120px;
    vertical-align:middle;
    overflow: hidden;
    position: relative;
}

ul.thumbnails {
	padding:0 0 0 0;
}

li.thumbnail div.caption {
	padding:0 0 0 0;
	text-align:right;
}
/* making the language selector align */
.navbar-nav li div{
	padding-top:15px;
}

/* mark hoovering over the menu */
ul.nav a:hover {
	background-color: #e7e7e7 !important; 
}
ul.nav a:active {
	background-color: #e7e7e7 !important; 
}
ul.nav a:focus {
	background-color: #e7e7e7 !important; 
}

.map-detail 
{
	width:100%;
 	height:300px;
}

.map-overview {
	width:100%;
	height:500px;
}

/* grouping text customization*/
fieldset 
{
	margin: 20px 0px 5px 0px;
}

fieldset legend {
	margin-bottom: 0px;
}

div.entry {
	background-color:#fafafa;
}

#sidebar {
     border: 1px solid #aaa;
     overflow: auto;
}

#sidebar p {
     margin: 10px;
}

/* make the map on the map to the edge */

.map-container {
	padding-left:0px;
	padding-right:0px;
}

/* future and support for ie10 */
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}



.helper
{ 
	color:Gray;
	font-size:small; 
}

.amp
{ 
	color:Red;
	font-style:italic;  
}

.ttl
{ 
	color:Gray;
}

.vlu
{
}

/* get the anchors to scroll below the navbar */
.section-anchor {
      padding-top: 0px; 
      margin-top: 0px;
}



  

/* quick transition for low powered devices */
.no-transition {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}
 /* legend stuff */
.dl-horizontal dt {
	width: auto !important;
}
.dl-horizontal dd {
	margin-left: 0px !important;
}

.modal-wide {
    /*width:70%;*/
}

/* nowrap for the outlet icons in list */
.sp-nw {
	white-space:nowrap;
}

.iplg {
    border-color:LightGrey;
    border-width:0px;
    height:24px;
    width:24px;
    vertical-align:middle;
}

.iplc {
    height:16px;
    width:16px;
    border-width:0px;
    vertical-align:middle;
}

.ithumb {
    border-color:LightGrey;
    border-width:1px;
    border-style:solid;
    width:120px;
}

/* fix for printing urls for links*/
@media print {
  a[href]:after {
    content: none !important;
  }
}

.flash- {
    border:1px solid #e6e6e6;
	background-color:#f9f9f9;
    color:#999;
}
.flash-0 {
    border:1px solid #e6e6e6;
	background-color:#f9f9f9;
    color:#999;
}
.flash-1 {
	background-color:#e6e6e6;
    color:#666;
}
.flash-2 {
	background-color:#5195ce;
    color:#fff;
}
.flash-3 {
	background-color:#005DB3;
    color:#f8f8f8;
}
.flash-4 {
    background-color:#02243C;
    color:#f0f0f0;
}
.flash-5 {
    background-color: #02243C;
    color: #f0f0f0;
}


.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}