label.ui-slider-horizontal label.ui-slider-vertical {
	display: block;
}

div.ui-slider-horizontal {
	position: relative;
	display: inline-block;
	overflow: visible;
	height: 15px;
	padding: 0;
	margin: 0 2% 0 20px;
	top: 4px;
	width:95%;
}



a.ui-slider-handle-horizontal {
	position: absolute;
	z-index: 10;
	top: 50%;
	width: 28px;
	height: 28px;
	margin-top: -15px;
	margin-left: -15px;
}

a.ui-slider-handle-horizontal a.ui-slider-handle-vertical .ui-btn-inner {
	padding-left: 0;
	padding-right: 0;
}

.min-width-480px label.ui-slider-horizontal {
	display: inline-block;
	width: 20%;
	margin: 0 2% 0 0;
}

.min-width-480px div.ui-slider-horizontal {
	width: 45%;
}

div.ui-btn-text { white-space:normal; } 

div.ui-slider-vertical, div.ui-slider-verticalInverted {
	position: relative;
	display: inline-block;
	overflow: visible;
	height: 250px;
	padding: 0;
	margin: 0 2% 0 20px;
	top: 4px;
	width:15px;
}

label.ui-slider-vertical, label.ui-slider-verticalInverted {
	display: inline-block;
	width: 20%;
	margin: 0 2% 0 0;
}

div.ui-slider-vertical, div.ui-slider-verticalInverted {
	width: 15px;
}

a.ui-slider-handle-vertical, a.ui-slider-handle-verticalInverted {
	position: absolute;
	z-index: 10;
	top: 50%;
	width: 28px;
	height: 28px;
	margin-top: -15px;
	margin-left: -8px;
}

output { 
	position: absolute;
	background-image: -moz-linear-gradient(top, #444444, #999999);
	background-image: -o-linear-gradient(top, #444444, #999999);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999));
	background-image: -webkit-linear-gradient(top, #444444, #999999);
	width: 40px; 
	height: 30px; 
	text-align: center; 
	color: white; 
	border-radius: 10px; 
	display: inline-block; 
	font: bold 15px/30px Georgia;
	bottom: 175%;
	left: 0;
	margin-left: -1%;
}
output:after { 
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid #999999;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	margin-top: -1px;
}

.ui-grid-a > .ui-block-a.main {
	width: 80%;
}

.ui-grid-a > .ui-block-b.side {
	width: 20%;
	padding-left: 1em;
} 

.ui-header .ui-title { margin-left: 2em; margin-right: 2em; }
.ui-header .ui-title { text-overflow: clip; }

#lifelogging_question_slider {
	width:95%;
	text-align:center;
	margin:0px auto;
	margin-left:-10px;
	border:0px;
	background: rgba(191, 121, 0, 0.0);
	font-size:2em;
}	

#weather2 {
	background: #6f9dbe;
	background: -webkit-gradient(linear, left top, left bottom, from(#adc7db), to(#6f9dbe));
	background: -moz-linear-gradient(top, #b2bcc8, #adc7db);
	width: 185px;
	padding: 5px 10px;
	overflow: hidden;
	border: 1px solid #6591b3;
}

#weather2 h2 {
	color: #000;
	text-shadow: rgba(250, 250, 250, 0.6) 2px 2px 0;
}

#weather2 p {
	font-size: 25px;
	margin: 30px 0 0;
}

#weather2 p span {
	font-size: 16px;
}

#weather2 a:link, #weather2 a:active, #weather2 a:visited {
	display: block;
	clear: both;
	text-decoration: none;
	color: #222;
	font-size: 12px;
}

#weather2 a:hover {
	color: #000;
	text-decoration: underline;
}

table.center {
    margin-left:auto;
    margin-right:auto;
}

.strength {
	position: relative;
}

.strength input {
	
}

.strength[data-strength]:after {
	content: "";
	position: absolute;
	top: 50%;
	margin: -18px 0 0 -54px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 36px;
	width: 36px;
	height: 36px;
	background-color: #FF0000;
	background-repeat: no-repeat;
	background-position: center;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAYAAACJxx+AAAAARklEQVQYGWNkgIL///8vg7FBNCMjYxScjy4JkoCJMcFV4WAwwlTikGcgaAKKApDDUBwHNBZFATZrCCog6EhGkLG4fAJyDwDwGBdV5VuQmwAAAABJRU5ErkJggg==);
}

.strength[data-strength="2"]:after {
	background-color: #FF8000;
}

.strength[data-strength="3"]:after {
	background-color: #ffff00;
}

.strength[data-strength="4"]:after {
	background-color: #00ffff;
}

.strength[data-strength="5"]:after {
	background-color: #00ff00;
}

div.hasDatepicker {
	display: block;
	padding: 0;
	overflow: visible;
	margin: 8px 0;
}

.ui-datepicker {
	overflow: visible;
	margin: 0;
	max-width: 500px;
}

.ui-datepicker .ui-datepicker-header {
	position:relative;
	padding:.4em 0;
	border-bottom: 0;
	font-weight: bold;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	padding: 1px 0 1px 2px;
	position:absolute;
	top: .5em;
	margin-top: 0;
	text-indent: -9999px;
}

.ui-datepicker .ui-datepicker-prev {
	left:6px;
}

.ui-datepicker .ui-datepicker-next {
	right:6px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size:1em;
	margin:1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}

.ui-datepicker select.ui-datepicker-month .ui-datepicker select.ui-datepicker-year {
	width: 49%;
}

.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
	margin:0;
}

.ui-datepicker td {
	border-width: 1px;
	padding: 0;
	text-align: center;
}

.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: .2em 0;
	font-weight: bold;
	margin: 0;
	border-width: 0;
	text-align: center;
	text-decoration: none;
}

.ui-datepicker-calendar th {
	padding-top: .3em;
	padding-bottom: .3em;
}

.ui-datepicker-calendar th span, .ui-datepicker-calendar span.ui-state-default {
	opacity: .3;
}

.ui-datepicker-calendar td a {
	padding-top: .5em;
	padding-bottom: .5em;
}

.ui-header .ui-title, .notrunc {
  overflow: visible !important;
  white-space: normal !important;
}

.min-width-480px div.hasDatepicker {
	width: 63%;
	display: inline-block;
	margin: 0;
} 

.center-wrapper{
text-align: center;
}
.center-wrapper * {
margin: 0 auto;
}

body .ui-li .ui-li-desc {
	white-space: normal;
}