/**** Stylesheet for yourlodestar.com ****/

/* Some color codes:

Green: #40a52b
Red: #c2272d
Yellow: #fee901
Blue-grey: #cbd4db
Light-grey: #f5f6f8
Offwhite-yellow: #fffeea
Dark grey: #323232


*/

/* Typography */

/* The excellent Diavlo, by Jos Buivenga: http://www.josbuivenga.demon.nl */
/* See license.txt in this folder for font license. */

@font-face {
  font-family: 'Diavlo Bold Regular';
	font-weight: 600;
  	src: url('eot/DiavloBold-Regular.eot');
  	src: local('Diavlo Bold Regular'), local('DiavloBold-Regular'), 
         url('DiavloBold-Regular.otf') format('opentype');
}

@font-face {
  	font-family: 'Diavlo Book Regular';
	font-weight: 400;
  	src: url('eot/DiavloBook-Regular.eot');
  	src: local('Diavlo Book Regular'), local('DiavloBook-Regular'), 
         url('DiavloBook-Regular.otf') format('opentype');
}


html {
	font-size: 100%; /*IE size fix*/
}

body {
	font-size: 13px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #323232;
}

p, ul, ol, blockquote, input, table, thead, tbody, tfoot, td, th, pre, code {
	line-height: 1.4615; /* basic line-height of 19px */
}

h1,h2,h2,h4 {
	font-family: "Diavlo Bold Regular", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
}

.front .hgroup h1,
.front .hgroup h2 {
	font-family: "Diavlo Book Regular", "Helvetica Neue", Arial, sans-serif;
}

.home .hgroup h1 {
	color: #fff;
	margin-right: 0.5em;
	display: inline;
	font-size: 1.076em;
	font-weight: 400;
}

.home .hgroup h1 strong {
	text-transform: uppercase;
	font-size: 1.076em;
	font-weight: 400;
}

.home .hgroup h2 {
	display: inline;
	font-size: 1.076em;
	font-weight: 400;
}

.home .hgroup h2 .hourMinutes {
	font-size: 2.4286em;
}

.page .section[role="main"] h1,
.dashboard .section[role="main"] h1 {
	font-size: 2.4615em;
	line-height: 1.625;
	margin-right:  1.1876em;
	margin-bottom: 0em;
	padding-right: 25%;
	text-align: right;
	text-indent: -0.7307em;
	color: #fff;
	text-shadow: #aec1d0 0px 0px 6px;
	-moz-text-shadow: #aec1d0 0px 0px 6px;
	-webkit-text-shadow: #aec1d0 0px 0px 6px;
	-khtml-text-shadow: #aec1d0 0px 0px 6px;
	-o-text-shadow: #aec1d0 0px 0px 6px;
}

abbr {
	border: none;
}

p {
	margin-bottom: 1.4615em;
	margin-top: 0;
}

:focus {
	outline: 0;
}

a:link {
	color: #40a52b;
}
a:visited {
	color: #323232;
}
a:hover,
a:focus,
a:active {
	color: #c2272d;
}

a img {
	border: none;
}

ul {
	list-style: none; /* normally, lists aren't used as bullets so much... */
	margin-bottom: 1.4615em;
	margin-top: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}
ul.bullets {
	list-style: disc; /* ...but sometimes they are. */
}

strong {
	font-weight: 600;
}

em {
	font-style: italic;
}

abbr[title="och"] {
	font-family: Baskerville, "Diavlo Book Regular", "Helvetica Neue", "Book Antiqua", sans-serif;
	font-style: italic;
	font-weight: 400;
}

/* Typografy specifics */

.home .aside .content p,
.home .aside .content li {
	-webkit-text-shadow: #000 0px 0px 4px;
	-khtml-text-shadow: #000 0px 0px 4px;
	-moz-text-shadow: #000 0px 0px 4px;
	text-shadow: #000 0px 0px 4px;
}

.home .aside .observations .content li {
	margin-left: 3.615em;
}


/* Layout, color & backgrounds */

html {
	height: 100%; /*Bit of a hack for sticky footer.*/
	margin: 0;
	padding: 0;
}

body {
	background: url('../img/bg.png');
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0;
	padding: 0;
	height: 100%;
}

#page {
	/* Height rules needed to make sticky footer (and possibly other positional tricks) work */
	height: auto;
	min-height: 100%;
}

.container {
	width: 100%;
	overflow: hidden;
}

.first.container {
	overflow: visible;
}

.last.container {
	background-image: url('../img/lower_yellow_fade.png');
	background-position: left bottom;
	background-repeat: repeat-x;
}

.login .last.container {
	background: none;
}

.container > .header,
.container > .aside,
.container > .article,
.container > #footer,
.container > .section {
	/*width: 74.7693em;*/ /* 972px, a nice and dividable number... */
	width: 972px;
	margin: 0 auto; /* centered */
	position: relative;
}

.home .hgroup {
	text-align: right;
	padding-right: 15.2em;
}

.home .second.container {
	background-image: url('../img/lower_yellow_fade.png');
	background-repeat: repeat-x;
	background-position: left bottom;
}

.home .second.container .section {
	overflow: hidden;
	background-image: url('../img/cityscape.png');
	background-repeat: no-repeat;
	background-position: left bottom;
}

.home .second.container #viz {
	width: 75%;
	overflow: hidden;
	margin-bottom: 2.923em;
	float: left;
}

.home .second.container #viz img {
	margin-left: 1.4615em;
}

.home .second.container .aside {
	width: 25%;
	float: left;
	overflow: hidden;
	background-image: url('../img/dashed_broad_dark.png');
	background-position: left top;
	background-repeat: repeat-y;
	margin-bottom: 2.923em;
}

.home .second.container .aside .stats {
	position: relative;
	margin: 2.923em 1.4615em 2.923em 2.923em;
	padding: 1em;
	background-color: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: #cbd4db 2px 2px 13px;
	-webkit-box-shadow: #cbd4db 2px 2px 13px;
	-khtml-box-shadow: #cbd4db 2px 2px 13px;
	box-shadow: #cbd4db 2px 2px 13px;
	text-align: center;
	z-index: 100;
}



/* Speech bubble tips */
.dashboard .info.box .tip,
#tooltip .tip,
.dashboard .graph .comparison .tip,
.dashboard .aside.usage .box .tip,
.home .second.container .aside .stats .tip {
	position: absolute;
	width: 12px;
	height: 34px;
	background-image: url('../img/tip_left.png');
	background-repeat: no-repeat;
	background-position: right 50%;
	left: -12px;
	top: 50%;
	margin-top: -17px;
}

#tooltip .tip {
	top: 10%;
}
.dashboard .info.box .tip,
.dashboard .graph .comparison .consequence .tip {
	background-image: url('../img/tip_top.png');
	top: -13px;
	height: 13px;
	width: 31px;
	background-position: 50% bottom;
	left: 60%;
	margin-top: 0;
}

.dashboard .info.box .tip {
	left: 50%;
}

.dashboard .graph .observations li .tip {
	background-image: url('../img/tip_bottom.png');
	background-position: 50% top;
	width: 31px;
	height: 13px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -13px;
	left: 40%;
	margin-left: -15px;
	margin-top: 0;
}

.dashboard .aside.usage .comparisons li.presentational.tip {
	border: none;
	background-image: url('../img/tip_top_dark.png');
	position: absolute;
	top: -13px;
	left: 60%;
	width: 31px;
	height: 13px;
}

.dashboard .aside.usage .box .tip {
	top: 10%;
	margin-top: 0;
}

/* end speech bubble tips */

.home .second.container .aside .stats strong {
	display: block;
	font-size: 1.3846em;
	font-family: "Diavlo Bold Regular", "Helvetica Neue", Arial, sans-serif;
}

.home .second.container .aside .stats .usage {
	display: block;
	font-size: 2em;
	font-weight: 600;
	font-family: "Diavlo Bold Regular", "Helvetica Neue", Arial, sans-serif;
}

.home .last.container {
	background-image: none;
	background-color: #212322;
	color: #fff;
	overflow: hidden;
}

.home .last .aside .block {
	width: 25%;
	float: left;
	background: url('../img/dashed_border_dark.png');
	background-position: left 4.3845em;
	background-repeat: no-repeat;
	margin-bottom: 1.4615em;
}

.home .last .aside .block:first-child {
	background-image: none;
}

.home .aside .block img {
	float: left;
	margin: 0 0.6923em 0.6923em 0;
}

.home .aside .observations img {
	margin-left: -3.615em;
	margin-bottom: 1.4615em;
}

.home .last .aside .block h2 {
	font-family: "Diavlo Book Regular", "Helvetica Neue", Arial, sans-serif;
	text-align: center;
	font-size: 1.1538em; /* 15px */
	line-height: 1.1875; /* 19px */
	margin: 1.5625em 1.4615em 0.8125em 1.4615em;
	font-weight: 400;
}

.home .last .aside .block>* {
	margin-left: 1.4615em;
	margin-right: 1.4615em;
}

.page .article,
.dashboard .graph {
	width: 75%;
	float: left;
	margin-bottom: 2.903em;
}

.page .article .inner,
.dashboard .graph .section {
	background-color: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	margin: 0 1.4615em;
	position: relative;
	overflow: hidden;
}

.dashboard .info.box {
	position: relative;
	margin: 1.4615em;
	margin-top: 0;
	width: 75%;
	float: left;
	clear: both;
}

.dashboard .info.box p {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	background-color: #fff;
	margin-right: 2.533em;
	padding: 0.5937em;
	font-size: 1.1538em;
	line-height: 1.1875;
	font-style: italic;
}

.page .article .inner {
	-moz-box-shadow: #cbd4db 2px 2px 13px;
	-webkit-box-shadow: #cbd4db 2px 2px 13px;
	-khtml-box-shadow: #cbd4db 2px 2px 13px;
	box-shadow: #cbd4db 2px 2px 13px;
	background-image: url('../img/active_top.png');
	background-repeat: no-repeat;
	background-position: 80% top;
}

.page .article .inner h2 {
	font-size: 1.2307em;
	line-height: 1.1875em;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
	margin: 1.1875em 1.1875em 0 1.1875em;
}

.page .article form {
	margin: 0 1.4615em;
	padding: 0.7692em;
	background-color: #f5f6f8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}

.page .article form .fields {
	float: left;
	width: 50%;
}

.page .article form a#img_upload_toggler {
	display: block;
	width: 28px;
	height: 28px;
}

.page .article form .file_control {
	display: none;
}

.page .article form .control {
	float: right;
}

.page .article form textarea {
	width: 100%;
	border: 1px solid #d5dce2;
	margin-bottom: 0.5em;
	font-size: 1.4615em;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.dashboard .graph .nav {
	overflow: hidden;
	margin: 0 0 0.7692em 0;
	float: left;
	width: 50%;
	margin: 0;
}

.dashboard .graph .nav li {
	margin-left: 2.023em;
	font-size: 1.1523em;
}

.dashboard .graph .nav li a {
	display: block;
	padding: 1.2666em 0.2em 0.6em 0.2em;
	text-decoration: none;
	color: #323232;
}

.dashboard .graph .nav li a:hover,
.dashboard .graph .nav li a:focus,
.dashboard .graph .nav li a:active {
	background-image: url('../img/active_top.png');
	background-position: 50% top;
	background-repeat: no-repeat;
}

.dashboard .graph #viz_interval h2 {
	float: right;
	display: inline;
	font-size: 1em;
	margin-right: 19px;
	margin-top: 0.5em;
	line-height: 1em;
}

.dashboard .graph #viz_interval h2 a {
	display: block;
	line-height: 2em;
	text-decoration: none;
	font-family: "Helvetica Neue", arial, sans-serif;
	color: #323232;
	margin: 0;
	padding-top: 0.7895em;
	padding-right: 40px;
	background-image: url('../img/dropdown_arrow.png');
	background-position: right 6px;
	background-repeat: no-repeat;
}

.dashboard .graph #viz_interval.open h2 a {
	background-position: right bottom;
}

.dashboard .graph #viz_interval h2 a.long {
}

.dashboard .graph #detail_zoom {
	display: none;
	clear: both;
	padding: 1.4615em;
}

.dashboard .graph #zoom_graph {
	width: 660px;
	height: 80px;
	overflow: hidden;
	position: relative;
	margin: 0;
	clear: both;
}

.dashboard .graph #viz {
	margin-bottom: 1.4615em;
	margin-left: 1.4615em;
	width: 660px;
	height: 300px;
	overflow: hidden;
	position: relative;
}

.page .aside,
.dashboard .aside.usage {
	width: 25%;
	float: left;
	margin-bottom: 2.023em;
	position: relative;
	top: -2.3em;
}

.page .aside h2,
.dashboard .aside.usage h2 {
	line-height: 1em;
	font-size: 1.2307em;
	margin: 0 1.1875em 0.33em;
}

.page .aside h2 {
	margin-bottom: 0.8em;
}

.dashboard .aside.usage h2+h3 {
	margin-top: 0.2em;
}

.page .aside .box,
.dashboard .aside.usage .box {
	margin: 0 1.4615em;
	padding: 0.2em .7308em;
	background-color: #fff;
	border: 1px solid #dde5eb;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: #cbd4db 2px 2px 13px;
	-webkit-box-shadow: #cbd4db 2px 2px 13px;
	-khtml-box-shadow: #cbd4db 2px 2px 13px;
	box-shadow: #cbd4db 2px 2px 13px;
	position: relative;
}

.aside.usage .measuredInterval.box {
	padding: 0.7308em 0.7308em;
}

#observations .article ul.observations {
	margin: 1.4615em;
	border-top: 0.7308em solid #f5f6f8;
}

#observations .article ul.observations > li {
	border-bottom: 1px dashed #cbd4db;
	padding: 0.7308em 0;
	overflow: hidden;
}

#observations .article ul.observations > li.last,
#observations .article ul.observations > li:last-child {
	border-bottom: none;
}

#observations .article ul.observations > li .content {
	width: 85%;
	float: left;
}

#observations .article ul.observations > li .controls {
	width: 15%;
	float: left;
}

#observations .article ul.observations .controls ul:first-child {
	margin-bottom: 1.4615em;
	overflow: hidden;
}

#observations .article ul.observations > li .controls li {
	float: left;
	width: 50%;
	text-align: center;
}

#observations .article ul.observations > li .controls .delete a {
	background-image: url('../img/delete.png');
	display: block;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#observations .article ul.observations > li .controls .facebook a {
	background-image: url('../img/facebook.png');
	display: block;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#observations .article ul.observations > li .controls .twitter a {
	background-image: url('../img/twitter.png');
	display: block;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#observations .article ul.observations > li .icon {
	float: left;
	width: 15%;
	text-align: center;
}

#observations .article ul.observations > li h3 {
	margin: 0 0 0 15%;
	font-size: 1em;
}

#observations .article ul.observations > li p {
	margin-left: 15%;
	margin-bottom: 0;
}

#observations .article .pagination ul {
	height: 2.903em;
	margin: 1.4615em;
}

#observations .article .pagination li.newer {
	float: left;
}
#observations .article .pagination li.newer a {
	padding-left: 40px;
	background-image: url('../img/green_arrow_left.png');
	background-repeat: no-repeat;
	background-position: left 50%;
}

#observations .article .pagination li.older a {
	padding-right: 40px;
	background-image: url('../img/green_arrow.png');
	background-repeat: no-repeat;
	background-position: right 50%;
}

#observations .article .pagination li.older {
	float: right;
}

#observations .aside .box {
	padding: 0.7308em;
}

.page .aside .box {
	margin-bottom: 1.4615em;
}

#observations .aside .filter.box .nav li {
	line-height: 2.1923em;
}
#observations .aside .filter.box .nav li a {
	display: block;
	padding: 0 0.7308em;
}

#observations .aside .filter.box .nav li a {
	text-decoration: none;
}

#observations .aside .filter.box .nav li a:hover,
#observations .aside .filter.box .nav li a:focus,
#observations .aside .filter.box .nav li a:active {
	background-color: #f5f6f8;
}

.dashboard .aside.usage .box .content {
	text-align: right;
}

.dashboard .aside.usage .details table {
	width: 100%;
}

.dashboard .aside.usage .details table th {
	text-align: left;
	font-size: 1em;
	font-weight: 400;
	border-bottom: 1px dashed #cbd4db;
}

.dashboard .aside.usage .details table td {
	font-weight: 600;
	font-size: 1.4615em;
	text-align: right;
	border-bottom: 1px dashed #cbd4db;
}

.dashboard .aside.usage .details table tr#detail_avg td,
.dashboard .aside.usage .details table tr#detail_avg th {
	border-bottom: none;
}


.dashboard .aside.usage .control {
	margin: 0 1.4615em;
	background-color: transparent;
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	box-shadow: none;
}

.dashboard .aside.usage .control {
	padding: 1em 0;
	text-align: right;
}

.dashboard .aside.usage .integral.box p {
	font-size: 2.307em;
	font-weight: 800;
	margin-bottom: 0;
}

.dashboard .aside.usage .measuredInterval p {
	margin-bottom: 0;
}

.dashboard .aside.usage .measuredInterval span.from,
.dashboard .aside.usage .measuredInterval span.to {
	white-space: nowrap;
}

.dashboard .aside.usage h3 {
	font-size: 1em;
	font-weight: 400;
	margin: 1.4615em 1.4615em 0 1.4615em;
}

.dashboard .graph .aside {
	width: 100%;
	overflow: hidden;
}

.dashboard .aside.usage .comparisons.box {
	background-color: #f5f6f8;
	padding-top: 0;
	border: none;
}

.dashboard .comparisons .content {
	position: relative;
}

.dashboard .comparisons li {
	border-bottom: 1px solid #cbd4db;
	border-top: 1px solid #fff;
}

.dashboard .comparisons li#comp_bulbs {
	border-top: none;
}

.dashboard .comparisons li#comp_carbon {
	border-bottom: none;
}

.dashboard .comparisons li strong {
	display: block;
	text-align: right;
}

.dashboard .comparisons li strong .val {
	font-size: 2.307em;
}

.dashboard .graph .box {
	width: 37.5%;
	float: left;
}

.dashboard .aside h3.comparisons,
.dashboard .graph .box h3 {
	font-size: 1.1538em;
	margin-left: 1.2667em;
	margin-bottom: 1em;
	margin-top: 0.8666em;
	font-family: "Diavlo Bold Regular", "Helvetica Neue", Arial, sans-serif;
	line-height: 1.2666;
}

.dashboard .aside h3.comparisons {
	margin-top: 1.2667em;
}

.dashboard .graph .box .content {
	margin: 0 1.4615em;
	background-color: #fff;
}

.dashboard .graph .records.box {
	width: 25%;
}

.dashboard .graph .records.box .content {
	background-color: transparent;
}

.dashboard .graph .records.box li {
	padding-left: 2.923em;
	background-position: left 50%;
	background-repeat: no-repeat;
	text-align: center;
}

.dashboard .graph .records.box li h4 {
	font-family: "Helvetica Neue", Arial, sans-serif;
	color: #323232;
	font-size: 1.2307em;
	margin-bottom: 0;
}

.dashboard .graph .records.box li h4 .val {
	font-size: 2em;
}

.dashboard .graph .records.box li.highest {
	background-image: url('../img/arrow_red_up.png');
}

.dashboard .graph .records.box li.lowest {
	background-image: url('../img/arrow_green_down.png');
}

.dashboard .graph .box .more {
	margin: 0 1.4615em;
	text-align: right;
}

.more a {
	padding-right: 40px;
	background-image: url('../img/green_arrow.png');
	background-position: right 50%;
	background-repeat: no-repeat;
}

.dashboard .graph .observations li,
.dashboard .graph .comparison .content {
	border: 1px solid #f5f6f8;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: #cbd4db 0 1px 3px;
	-webkit-box-shadow: #cbd4db 0 1px 3px;
	-khtml-box-shadow: #cbd4db 0 1px 3px;
	box-shadow: #cbd4db 0 1px 3px;
	padding: 0.6em 1.4615em;
	margin-bottom: 1.4615em;
	position: relative;
}

.dashboard .graph .comparison .content p+p,
.dashboard .graph .comparison .consequence p {
	margin-bottom: 0;
}

.dashboard .graph .comparison strong.diff {
	font-size: 1.2307em;
	display: block;
	text-align: right;
}

.dashboard .graph .comparison strong.diff .val {
	font-size: 2em;
}

.dashboard .graph .observations li h4 {
	font-family: "Helvetica Neue", Arial, sans-serif;
	margin: 0;
}
.dashboard .graph .observations li p {
	margin-bottom: 0.5em;
}

.dashboard .graph .nav li {
	float: left;
}

.dashboard .graph form {
	position: relative;
	height: auto;
	min-height: 15em;
	background-color: #f5f6f8;
	margin: 0 1.4615em;
}

.dashboard .graph form .fields {
	float: left;
	width: 146px;
}

.dashboard .graph form .fields input[type="text"] {
	width: 8em;
	display: block;
}

.dashboard .graph form .fields label {
	font-weight: 600;
}

.dashboard .graph form .input.fields label {
	display: block;
}

.dashboard .graph form .calendar.fields {
	width: 360px;
	position: relative;
	min-height: 13em;
}

.dashboard .graph #intervalSelector {
	display: none;
	clear: both;
}

#ajax_spinner {
	position: absolute;
	left: 330px;
	top: 150px;
	margin-left: -10px;
	margin-top: -10px;
}

.dashboard .graph form .submit.control {
	float: right;
	padding: 1.4615em;
}

/* Lowest & highest, arrows */

.highest,
.highest a {
	color: #c2272d;
}

.lowest,
.lowest a {
	color: #40a52b;
}

/* Header, logo and menus*/

.header {
	height: 72px;
}

.header .nav {
	position: absolute;
	right: 25%;
	top: 19px;
}

.header .nav.aux {
	position: absolute;
	right: 1.4615em;
	top: 19px;
}

.header .nav li {
	float: left;
	margin: 0 9px;
}

.header .nav li a {
	display: block;
	color: #323232;
	padding: 0.5em;
	text-decoration: none;
}

.header .nav li a:hover,
.header .nav li a:focus,
.header .nav li a:active {
	color: #000;
	text-decoration: underline;
}

#settings .header .nav .observations a,
#observations .header .nav .observations a,
#our.dashboard .header .nav .our a,
#your.dashboard .header .nav .your a {
	display: block;
	background-color: #dee8f0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: #94a6b4 2px 2px 13px;
	-webkit-box-shadow: #94a6b4 2px 2px 13px;
	-khtml-box-shadow: #94a6b4 2px 2px 13px;
	box-shadow: #94a6b4 2px 2px 13px;
}

.header .nav.aux li a {
	font-style: italic;
}

.header #logo {
	position: absolute;
	left: 19px;
	top: 9px;
}

/* Larger logo on home page, different positioning. */
.home .header #logo {
	position: absolute;
	height: 270px;
	width: 270px;
	left: -50px;
	top: -40px;
}


/* form controls */

.control button {
	border: 1px solid #cbd4db;
	background-color: #fff;
	background-image: url('../img/btn_gradient.png');
	background-position: left bottom;
	background-repeat: repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.2307em;
	padding: 0.2667em 0.8125em;
	cursor: pointer;
	-webkit-text-shadow: #fff 0px 1px 0px;
	-khtml-text-shadow: #fff 0px 1px 0px;
	-moz-text-shadow: #fff 0px 1px 0px;
	text-shadow: #fff 0px 1px 0px;
	margin-bottom: 0.315em;
}

/* Tooltip */
#tooltip {
	padding: 1.4615em;
	width: 12em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border: 1px solid #eee;
	background-color: #fff;
	-moz-box-shadow: #ccc 2px 2px 7px;
	-webkit-box-shadow: #ccc 2px 2px 7px;
	-khtml-box-shadow: #ccc 2px 2px 7px;
	box-shadow: #ccc 2px 2px 7px;
}

/* Sticky footer: */

.last.container {
	padding-bottom: 3em; /*TODO: Proper height on sticky footer*/
	height: 100%;
}

.foot.container {
	height: 3em; /*TODO: Proper height on sticky footer*/
	margin-top: -3em; /*TODO: Proper height on sticky footer*/
	position: relative;
	clear: both;
	background-color: #40a52b;
}

#footer .nav ul {
	float: right;
	margin: 0;
}

#footer .nav li {
	display: inline;
	line-height: 3em;
	margin-bottom: 0;
	margin-right: 1em;
}

#footer .nav li a {
	color: #fff;
}

/* Datepicker styles */

div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 10px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
}
.datepickerContainer {
	background: white;
	position: absolute;
	top: 10px;
	left: 10px;
}
/*.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: url(../images/datepicker_t.png);
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: url(../images/datepicker_b.png);
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(../images/datepicker_l.png);
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(../images/datepicker_r.png);
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker_tl.png);
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker_tr.png);
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker_bl.png);
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker_br.png);
}*/
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
	background-color: #fff;
	border: 4px solid #fff;
	padding: 2px;
}
div.datepicker a {
	color: black;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size:11px;
}

div.datepicker table td,
div.datepicker table th {
	border: 1px solid #fff;
	border-collapse: collapse;
	
}
div.datepicker table td {
	background-color: #eee;
	text-align: right;
	padding: 0;
	margin: 0;
}

div.datepicker table td a {
	color: #aeb3b9;
}

div.datepicker th {
	text-align: center;
	color: #999;
	background-color: #dcdcda;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}
.datepickerDays a {
	width: 17px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
	background-color: #fff;
}
td.datepickerNotInMonth a {
	color: #666;
}
tbody.datepickerDays td.datepickerSelected{
	background: #f0bb47;
}

tbody.datepickerDays td.datepickerSelected a {
	color: #323232;
}

tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #ecdbb4;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #f0bb47;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}

div.datepicker th.datepickerGoPrev a,
div.datepicker th.datepickerGoNext a,
div.datepicker th.datepickerMonth a {
	background-color: #fff;
	color: #323232;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 2px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}

/* Unnecessary Datepicker styles? */

#widgetCalendar .datepicker {
	position: absolute;
	bottom: 0;
	top: auto;
}
#widgetCalendar .datepickerContainer,
#widgetCalendar .datepickerBorderT,
#widgetCalendar .datepickerBorderB,
#widgetCalendar .datepickerBorderL,
#widgetCalendar .datepickerBorderR,
#widgetCalendar .datepickerBorderTL,
#widgetCalendar .datepickerBorderTR,
#widgetCalendar .datepickerBorderBL,
#widgetCalendar .datepickerBorderBR {
	background: transparent !important;
}
#widgetCalendar .datepicker a:hover{
	color: #b6f063;
}