html, body, #sticky-container {
	margin:0;
	height: 100%;
	color:#316198;
	font-family: 'Open Sans', sans-serif;

}

#sticky-container {
	height: auto;
	min-height: 85%;
	display: block;
}

#sticky-footer {
	clear: both;
	position: relative;
	z-index: 0;
	margin: auto;
}


.centered {
	text-align:center;
}

.login-form {
  margin: auto;
}

.intro {
	font-size:1.5em;
}

button {
	border:none;
}

hr {
	border:none;
	border-bottom:1px dotted;
	margin:0;
	padding:0;
}

.hidden {
	display:none;
}

small {
	font-size:0.7em;
	font-weight:normal;
	color:#696969;
}

small a {
	color:#696969;
}

a {
	color:#34495e;
}

a.hover {
	color:#34495e;
}

h1 {
	font-size:1.5em;
	padding:1em 0em 0em 0em;
	margin:0;
}

h2 {
	font-size:1.2em;
	font-weight:normal;
	padding:0.5em 0em 0.2em 0em;
	margin:0;
}

h3 {
	font-size:1em;
	padding:0.5em 0em 0.2em 0em;
	margin:0;
	font-weight:normal;
}

.tip {
	color:#5bc0de;
	font-size:1.1em;
}

.pull-right {
	text-align:right;
}

.right {
	float:right;
}

.padding-side {
	padding:0em 1em 0em 1em;
}

.padding-side-small {
	padding:0em 0.5em 0em 0.5em;
}

.padding-side-medium {
	padding:0em 1.5em 0em 1.5em;
}

.container {
	clear: both;
}

.well {
	padding:0em 1em 0em 1em;
}

.well-border {
	padding:1em 1em 0em 1em;
	background-color: #FAFAFA;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);

}

.well-border-plain {
	padding:1em 1em 0em 1em;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.overlay-container-basic {
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display:none;
}

.overlay-container {
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display:none;
}

.overlay-container img {
	position:fixed;
	top:50%;
	left:50%;
}

.horizontal-seperator {
	height:1em;
	width:100%;
}

.horizontal-seperator-small {
	height:0.5em;
	width:100%;
}

.horizontal-seperator-large {
	height:2em;
	width:100%;
}

/*  SECTIONS  */
.section {
	clear: both;
	margin:0 1em 0 1em;
	/*border:1px solid #ccc;*/
}

.inner_section {
	clear: both;
	margin:0;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 25%; /* old is 23.8% - WHY WHYYYYYYY */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 76.1%;
}
.span_1_of_3 {
	width: 20.2%;
}

/*  GRID OF TEN   ============================================================================= */
.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
	width: 89.84%;
}

.span_8_of_10 {
	width: 79.68%;
}

.span_7_of_10 {
	width: 69.52%;
}

.span_6_of_10 {
	width: 59.36%;
}

.span_5_of_10 {
	width: 49.2%;
}

.span_4_of_10 {
	width: 39.04%;
}

.span_3_of_10 {
	width: 28.88%;
}

.span_2_of_10 {
	width: 18.72%;
}

.span_1_of_10 {
	width: 8.56%;
}

/*  GRID OF EIGHT   ============================================================================= */
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.3%;
}

.span_6_of_8 {
	width: 74.6%;
}

.span_5_of_8 {
	width: 61.9%;
}

.span_4_of_8 {
	width: 49.2%;
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 23.8%;
}

.span_1_of_8 {
	width: 11.1%;
}


/*  GRID OF SIX   ============================================================================= */
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 33.00%;
}

.span_1_of_6 {
  	width: 15.33%;
}

/*  RIGHT BAR MODULE   ============================================================================= */
.right_bar_module_span_2_of_6 {
  	width: 100%;
}

.overlay_span_middle {
	width: 32.26%;
}

.overlay_span_side {
	width: 32.26%;
}