/*
 * n.b. as of CSS 2.1, @import rules must precede all other rules
 * - see http://www.w3.org/TR/CSS2/cascade.html#at-import
 */
/* @import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700); */

/*


	SWATCHES
	-----------------------------------
	Bright Blue	#016AFF
	Light Blue	#b5e0ff
	Dark Blue	#050038
	
	

/* =RESET default browser CSS
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}

/* define the Ubuntu font(s) as used .. */

/* this is simply an "alias" for Ubuntu regular to keep the existing CSS happy .. */
@font-face {
    font-family: 'Ubuntu';
    src: url('../css/fonts/ubuntu/Ubuntu-R-webfont.eot');
    src: url('../css/fonts/ubuntu/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/ubuntu/Ubuntu-R-webfont.woff') format('woff'),
         url('../css/fonts/ubuntu/Ubuntu-R-webfont.ttf') format('truetype'),
         url('../css/fonts/ubuntu/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

/* define a custom meter-front-panel font */
/* @font-face { font-family: Meter; src: url('../css/fonts/Meter.ttf'); } */

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

.Meter { font-family: Meter; }

/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: black;
        background: white;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}


/* =GLOBAL ELEMENTS
-------------------------------------------------------------- */

#container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url() center 180px no-repeat;
	overflow: visible;
}

.nodata-container {
	font-size: 20pt;
	font-face: sans-serif;
}

.data-container p {
	padding: 20pt;
	font-size: 16pt;
	font-face: sans-serif;
}

#site-background {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: -1;
	text-align: center;
	background-color: #ffffff;
	overflow: visible;
}

.clr { clear: both; }

.very-short {
	width: 100px;
}

.short {
	width: 150px;
}

.long {
	width: 230px;
}

.very-long {
	width: 360px;
}

.full-length {
	width: 100%;
}

.stretchy {
	width: 50%;
}

/* =TYPOGRAPHY
-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
   
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #666;
  font-family: 'Public Sans', sans-serif;
  line-height: 18px;
}


/* =HEADINGS */

h1,h2,h3,h4,h5,h6	{ text-transform: uppercase; color: #000; }

h1 { font-size: 1.5em; margin-bottom: 0.5em; }
h2 { font-size: 1.4em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; margin-bottom: 1em; }
h4 { font-size: 1em; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

/* =TEXT ELEMENTS */

p           { margin: 0 0 1.5em; }

a:focus,
a:hover     { color: #666; }
a           { color: #666; text-decoration: none; }

.strong		{ font-weight: 500; }

.registration-link { margin-right: 15px; margin-left: 3px; float: right; vertical-align: top; }

#loginLink {
	float: right;
	color: #b8b8b8;
	text-decoration: none;
	font-size: 13px;
	font-weight: 300;
}

#loginLink:hover{color:#016AFF;}

/* =BUTTONS */

.btn {
	display: block;
	line-height: 24px;
	margin-bottom: 7px;
	padding: 0 20px;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #FFF url(../img/btn-bg.png) repeat-x;
	font-family: 'Public Sans', sans-serif;
	text-align: center;
	font-size: 1.01em;
	cursor: pointer;
}

.btn.active { background-image: none; color: #000; }
.btn:hover { background: url(../img/btn-hover-bg.png) repeat-x; border-color: #AAA; color: #333; }

.logout { float: right; background-color:#016AFF; }

.edit-btn {
	display: block;
	height: 16px;
	font-size: 11px;
	background: url(../img/icons/edit-icon.png) center right no-repeat;
	padding: 10px 17px 10px 0;
	text-align: right;
}



/* =FORMS
-------------------------------------------------------------- */

/* glenm - additional icons for success and failure indicators */
#success .icon { background: url(../img/icons/green_tick.gif) no-repeat; }
#failure .icon { background: url(../img/icons/red_cross.gif) no-repeat; }

.field-container { margin-bottom: 5px; }
.aside .field-container { margin-bottom: 10px }

label {
	display: inline-block;
	width: 80px;
	height: 36px;
	line-height: 36px;
	font-family: 'Public Sans', sans-serif;
	font-weight: 300;
	font-size: 1.1666666667em;
	color: #666;
}

/* need more width to accommodate phone numbers, etc. */
#edit-details-content label {width: 160px;}

/* need to match layout for static content.. */
#edit-details-content dl dt {
	display: inline-block;
	float: left;
	width: 160px;
	height: 36px;
	line-height: 36px;
	font-weight: 300;
	font-size: 1.1666666667em;
}

#edit-details-content dl dd {
	display: inline-block;
	float: right;
	/* width: 100%; */
	height: 36px;
	line-height: 36px;
	font-weight: 300;
	font-size: 1.1666666667em;
	color: #666;
}

#edit-details-content {
	float: left;
	width: 580px;
	padding:0;
	margin:10px 30px 10px 30px;
}

#edit-details-content h1{ color:#016AFF; }
#edit-details-content h3{ color:#666; }
#edit-details-content p{ color:#666; font-size:11px; }
#edit-form-buttons input{
	margin-left:165px;
	margin-top:-25px;
	width:106px;
	border-radius: 6px;
	color:#545454;
	background: #eeeeee;
	padding: 8px 20px 8px 20px;
	text-align: left;
	font-size: 15px;
	box-shadow: inset 0 -1px 0 #c0c0c0;
	font-family: 'Public Sans', sans-serif;
	font-weight: 500;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#edit-form-buttons input:hover{
	background: #ffffff;
	box-shadow: inset 0 1px 0 #c0c0c0;
	color:#016AFF;
}

#update-details-status {
	display: inline-block;
	float: right;
	vertical-align: baseline;
}

.aside label {
	display: block;
	width: 100%;
	height: 15px;
	line-height: 1;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
}

.aside select { width: 100%; }

input[type=text], input[type=password],
input, textarea {
	padding: 5px 10px;
	background-color: #FFF;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 1.1666666667em;
	line-height: 36px;
	color: #666;
}

input[type=text]:focus, input[type=password]:focus,
input:focus, input.title:focus,
textarea:focus {
  border-color:#016AFF;
}

input[type="radio"], input[type="checkbox"] {
	padding: 0;
	background: none;
	border: none;
}

/* regularize the look of things a bit.. */
.help-popup {
  font-family: 'Public Sans', sans-serif;
  font-size: 100%;
  color: #000000;
}

.help-popup p {
  font-family: 'Public Sans', sans-serif;
  font-size: 100%;
  color: #000000;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.help-popup h1,h2,h3,h4,h5,h6,table {
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.help-popup b {
  font-size: 105%;
  color: #000000;
  font-weight: 600!important;
}

#meter-howto sup { 
	font-size: 70%;
	text-decoration: underline;
	color: #0000FF;
	vertical-align: super;
}

#meter-howto cite { font-size: 80%; }

/* ACCESS MANAGEMENT */

#accessManagementContent dl dt {
	display: inline-block;
	float: left;
	width: 160px;
	height: 36px;
	line-height: 36px;
	font-weight: 300;
	font-size: 1.1666666667em;
}

#accessManagementContent dl dd {
	display: inline-block;
	float: right;
	/* width: 100%; */
	height: 36px;
	line-height: 36px;
	font-weight: 300;
	font-size: 1.1666666667em;
	color: #666;
}

#accessManagementContent {
	display: inline-block;
	float: left;
	width: 580px;
	margin:10px 30px 80px 30px;
	padding:0;
}

#accessManagementContent div{ margin-bottom: 20px; }
#accessManagementPopup{ padding: 0; }
#accessManagementContent h1{ color:#016AFF; }
#accessManagementContent h3{ color:#666; }
#accessManagementContent p{ color:#666; font-size:11px; }

#accessManagementContent input[type=submit]{
	margin-top:10px;
	width:166px;
	margin-left:235px; 
	border-radius: 6px;
	color:#545454;
	background: #eeeeee;
	padding: 8px 20px 8px 20px;
	text-align: left;
	font-size: 15px;
	box-shadow: inset 0 -1px 0 #c0c0c0;
	font-family: 'Public Sans', sans-serif;
	font-weight: 500;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#accessManagementContent input[type=submit]:hover{
	background: #ffffff;
	box-shadow: inset 0 1px 0 #c0c0c0;
	color:#016AFF;
}

#accessManagementContent select{
	width: 163px;
	height: 30px;
	margin-left: 203px;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#accessManagementContent .short{ display: inline; }
#accessManagementContent .long{ width:230px ; }
#accessManagementContent input[type=radio]{ margin-left:235px; }
#accessManagementContent #showEmailLbl{ width:260px; }
#accessManagementContent #showEmail{ margin-left: 119px; }
#accessManagementContent #customerDetailsLbl{ display: inline; }
#accessManagementContent #linkedUserIds{ margin-left: 153px; }

#effectiveDate { padding-right: 19px; }
#grantRequest{ margin-left: 174px!important; }
#submitStatusDisplayArea { display: inline-block; float: right; vertical-align: baseline; }

/* SETTINGS */

#settingsContent {
	display: inline-block;
	float: left;
	width: 580px;
	padding:0;
}

#settingsContent h1{color:#016AFF;}
#settingsPopup{ padding: 0;}

/* GENERIC CLASS */

#cboxClose{padding:10px;border:none;}
#cboxWrapper{/* padding-top:20px; */}
#cboxWrapper h1{ color: #016AFF; margin-bottom: 20px; }
#cboxWrapper h3{ color:#777; font-weight: 400; }
#cboxWrapper p{color:#666; font-size:12px; padding: 3px 0 3px 0; }
#cboxWrapper b{ font-weight:500; color:#555; }
#cboxWrapper sup{color:#016AFF;font-size:90%; text-decoration: none; }
#cboxWrapper table{ border-top: 1px solid #666; border-right: 1px solid #666; }
#cboxWrapper table tbody td{ border-left: 1px solid #666; border-bottom: 1px solid #666; padding-left: 0.1cm }
#cboxWrapper table tbody td strong{ color:#444; font-weight:500; }

#cboxLoadedContent{
	width:642px;
	padding: 10px 40px;
	background-color: #eeeeee;
	background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee));
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background: -o-linear-gradient(top, #ffffff, #eeeeee);

}

/* DOWNLOAD */

#downloadimage{
	width:25px;
	height:25px;
	margin-top:0.5px;
	margin-right:4px;
	margin-left:4px;
}

.download-buttons li{ list-style: none; float:right; }

.download-buttons ul{ margin-top:15px; margin-right:7px; float: right; }

.download-buttons ul:after{
	margin-right: 8px;
	margin-top: 4px;
	width: 20px;
	height:18px;
	float: left;
	background: transparent url(../img/icons/download.png) no-repeat center;
	content:"";
}



/* =REGISTRATION FORM
-------------------------------------------------------------- */
.form-box {
	position: relative;
	display: block;
	width: 600px;
	height: 580px;
	margin: 0px auto 50px;
	padding-top: 40px;
	padding-right: 60px;
	padding-left: 60px;
	background-color: white;
}

.tab-box
{
	position: absolute;
	left: 0;
	display: block;
	width: 650px;
	height: 400px;
	margin: 25px;
}

.tab-content
{
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	z-index: 0;
}

.tab-content h2
{
	position: absolute;
	font-size: 1em;
	font-weight: normal;
	width: 120px;
	height: 1.8em;
	top: -1.8em;
	left: 3px;
	padding: 4px;
	margin-top: -10px;
	color: #999;
	background-color: #d7d7d7;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

.tab-content:nth-child(1)
{
	z-index: 1;
}

.tab-content:nth-child(2) h2
{
	left: 132px;
}

.tab-content h2 a
{
	display: block;
	width: 100%;
	line-height: 1.8em;
	text-align: center;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
}

.tab-content:target, .tab-content:target h2
{
	color: #333;
	background-color: #fff;
	z-index: 2;
	color: #acacac;
}

.tab-content:target h2{	border-bottom: 1px solid #ffffff; }

.tab-content, .tab-content h2
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

#registrationForm select
{
	width: 222px;
	height: 30px;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#registrationForm input[type=text],#registrationForm input[type=email]{ width:200px; }
#registrationForm input[type=date]{ width:190px; }
#registrationForm label {margin-top: 5px; }

#registrationBox
{
	background-color: #ffffff;
	box-shadow: 2px 2px 20px 2px rgba(99,99,99,0.8);
	-webkit-box-shadow: 2px 2px 20px 2px rgba(99,99,99,0.8);
	-moz-box-shadow: 2px 2px 20px 2px rgba(99,99,99,0.8);
}

#registrationForm input.submit { 
	width:104px;
	border-radius: 6px;
	color:#545454;
	background-color: #eeeeee;
	background: transparent no-repeat 72px center;
	padding: 9px 16px 9px 16px;
	text-align: centre;
	font-size: 15px;
	box-shadow: inset 0 -1px 0 #c0c0c0;
	font-family: 'Public Sans', sans-serif;
	font-weight: 500;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#registrationForm input.submit:hover{
	background-color: #ffffff;
	background: transparent no-repeat 72px center;
	box-shadow: inset 0 1px 0 #c0c0c0;
	color:#016AFF;
}

#registrationBox #loginLink{ margin-top: 65px; margin-right: -30px; }
#personalDetails{ border-top: 1px solid #cccccc; }
#propertyDetails{ border-top: 1px solid #cccccc; }
#addressSelector h3{ display: none; }
#nmiSearchString{width:170px!important;}

.form-box .address-box h3 { color: #666; }

.form-box h1 {
	margin-bottom: 25px;
	margin-left: -25px;
	color: #016AFF
}

.form-box .address-box #mapBasedAddressContainer {
	width: 250px;
	float: right;
	margin-top: -120px;
	padding: 0px;
	height: 280px;
}

.form-box .address-box .map_canvas {
	width: 100% !important;
	height: 100% !important;
}

.form-box footer {
	position: absolute;
	margin: 0;
	padding: 0 10px;
	height: auto;
	bottom:0;
	z-index: 10;
}

.form-box .buttons-container {
	float: left; 
	display: inline; 
	width: 95px;
}

.form-box .side-warning {
	float: right;
	display: inline;
	width: 80%;
	height: 100px;
}

.title-error {
	background-color: #ffd3bc !important;
	border-color: #ff8500 !important;
}

#statusDisplayArea {
	margin-left: -45px;
	margin-bottom: 0px;
	color: #707070;
	z-index: 10;
}

/*Label and Input Address Styling*/
.form-box label[for="address"]{color:#016AFF;}
.form-box #address{color: #016AFF;}

label[for="flatNbr"]{margin-right: 124px;}
#flatNbr{width:36px!important;}

label[for="houseNbr"]{margin-left: 20px;}
#houseNbr{width:56px!important;}

label[for="streetName"]{margin-right: 102px;}
#streetName{width: 200px!important;}

label[for="locality"]{margin-right: 44px;}
#locality{width:200px!important;}

label[for="postcode"]{margin-right: 82px;}
#postcode{width: 36px!important;}

label[for="state"]{margin-left: 20px;}
#state{margin-left: 20px; width: 56px!important;}

/* =LOGIN FORM
-------------------------------------------------------------- */

#login #container { background-position: center 33%; }
#loginBox.logoversion { background-position: center 60px; }

#login #branding {
	display: block;
	width: 440px;
	height: 40px;
	margin: 130px auto -1px;
	background: url(../img/branding.png) top left no-repeat;
}

#login-logo {
	display: block;
	width: 450px;
	height: 80px;
	margin: 110px auto 20px;
	background: url(https://bluecurrent.com.au/assets/Dialogue-Assets/Bluecurrent_Logo.png) top left no-repeat;
}

#login #colophon {
	position: relative;
	top: -46px;
	width: 400px;
	margin: 0 auto;
	text-align: center;
	font-size: .75em;
	color: white;
}

.loginFormBox {
	display: block;
	width:480px; 
	height:180px; 
	margin: 0 auto;
	padding: 20px 0px 130px;
	background-color: #eeeeee;
	background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee));
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background: -o-linear-gradient(top, #ffffff, #eeeeee);
	box-shadow: 1px 1px 10px 1px rgba(99,99,99,0.8);
	-webkit-box-shadow: 1px 1px 10px 1px rgba(99,99,99,0.8);
	-moz-box-shadow: 1px 1px 10px 1px rgba(99,99,99,0.8);
}

#secureForm label { color:#868686; }
#secureForm form { margin: 0 20px; }

#secureForm h1 {
	margin-bottom: 35px;
	color: #016AFF;
	font-size: 1.4em;
	font-weight:700;
}

#secureForm #username { width: 312px; }
#secureForm #password { width: 182px; }

#secureForm #field-1,#field-2,#field-3{color:#8a8a8a;}

#secureForm #field-2 a	{
	padding: 0 10px;
	color: #b9b9b9;
	text-decoration: underline;
	font-size: 0.9em;
 }
 
#secureForm #field-3 { margin-left: 80px; }

#secureForm #field-3 label { width: 200px; font-size: 1em; font-weight: 300; }

#secureForm input.submit
{
	margin-left: 82px;
	border-radius: 6px;
	color:#545454;
	background-color: #eeeeee;
	background: transparent no-repeat 62px center;
	padding: 9px 32px 9px 32px;
	font-size: 15px;
	box-shadow: inset 0 -1px 0 #c0c0c0;
	font-family: 'Public Sans', sans-serif;
	font-weight: 500;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#secureForm input.submit:hover{
	background: #ffffff;
	box-shadow: inset 0 1px 0 #c0c0c0;
	color:#016AFF;
}

#secureForm #forgotpass{ font-size: 12px!important; }
#secureForm #forgotpass:hover{color: #016AFF;}
#secureForm #field-5 { width:300px; margin-left: 82px; }
#secureForm #field-5 a{	color: #016AFF; font-size: 14px; font-weight: 300; text-decoration: underline; }
#secureForm #field-5 a:hover{color:#016AFF;}
#secureForm #field-5 label{ width: 140px; }

/* LOGOUT BTN */

a.logout-btn {
	color: black;
	font-size:0.7em;
	font-weight:300;
	padding-top:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a.logout-btn:hover { background-color: rgba(0, 0, 0, 0.3); border: 1px solid transparent; }
a.logout-btn:active { background-color: rgba(0, 0, 0, 0.3); border: 1px solid transparent; }

header .logout-btn {
	position: absolute;
	top: 28px;
	right: 20px;
	width: 80px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background-color: transparent;
}

/* FORGOT PASSWORD FORM */

#forgotpassForm {
	padding: 0px 0px 77px;
}

#forgotpassForm input.submit { 
	margin-left: 82px;
	border-radius: 6px;
	color:#545454;
	background-color: #eeeeee;
	padding: 9px 32px 9px 32px;
	font-size: 15px;
	box-shadow: inset 0 -1px 0 #c0c0c0;
	font-family: 'Public Sans', sans-serif;
	font-weight: 500;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#forgotpassForm input.submit:hover{
	background: #ffffff;
	box-shadow: inset 0 1px 0 #c0c0c0;
	color:#016AFF;
}

#forgotpassForm form { margin: 0 20px; }
#forgotpassForm h1 { 
	margin-bottom: 35px; 
	color: #016AFF;
	font-size: 1.4em;
	font-weight:700;
}
#forgotpassForm #username	{ width: 312px; }
#forgotpassForm label { color:#868686; }
#forgotpassForm #field-1 a	{ padding: 0 8px; }
#forgotpassForm #field-2	{ margin-left: 80px; }
#forgotpassForm #field-3 label	{ width: 200px; font-size: 1em; font-weight: 400; }
#forgotpassForm #backtologin	{ margin-left: 12px; color:#b9b9b9; font-size:13px; text-decoration:none; font-weight: 300; margin-top: 10px; }
#forgotpassForm #backtologin:hover{ color:#016AFF }

.loginFormBox hr {
	border: none;
	border-top: 1px solid #666;
}

.rebranding {
    margin: 10px 20px 10px 20px;
    font-weight: 600;
    font-size: 1.1em;
}

.rebranding a {
	text-decoration: underline;
}

.rebranding a:hover {
	color: #016AFF;
}

/* RECOVERED PASSWORD FORM */

#recovered h1 {
	margin-bottom: 35px;
	color: #016AFF
}

#recovered p { 
	font-size: 1em; 
	font-family: 'Public Sans', sans-serif;
	font-weight: 400; 
	margin-bottom: 20px;
    }

/* EDIT DETAILS FORM */

#edit-details-submit {
	float: left;
}

/* DATE RANGE DOWNLOAD FORM */

#dateRangeControlsContent #edit-form-buttons input {
	margin-top:10px;
	width:125px;
	margin-left:0px; 
	border-radius: 6px;
	color:#545454;
	background-color: #eeeeee;
	padding: 8px 20px 8px 20px;
	text-align: left;
	font-size: 15px;
	box-shadow: inset 0 -1px 0 #c0c0c0;
	font-family: 'Public Sans', sans-serif;
	font-weight: 500;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#dateRangeControlsContent #edit-form-buttons input[type=submit]:hover{
	background: #ffffff;
	box-shadow: inset 0 1px 0 #c0c0c0;
	color:#016AFF;
}
/* =HEADER
-------------------------------------------------------------- */

header {
	height: 72px;
	overflow: hidden;
}

.header #bgImage {
	height: 90px !important;
}

#branding {
	display: block;
	width: 535px;
	height: 33px;
	margin: 27px 0 0 15px;
	background: url(../img/header-branding.png) top left no-repeat;
}

#logo {
	display: block;
	width: 160px;
	height: 60px;
	margin: 5px 0 0 15px;
	background-image: url(https://bluecurrent.com.au/assets/Dialogue-Assets/Bluecurrent_Logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
}

#title {
	display: block;
	height: 33px;
	margin: 28px 0 0 240px;
	text-align: center;
}

#title h1 {
	color: black;
	font-weight:400;
	line-height:33px;
}

#ajaxloader { padding:4px 0 0 10px; }



/* =CONTENT
-------------------------------------------------------------- */

#contentContainer {
	width: 100%;
	min-width: 900px;
	min-height: 690px;
	border-bottom: 1px solid #CCC;
	background: white;
	background-image:url(../img/content-bg.gif);
	background-repeat:repeat-y;
	overflow: hidden;
}

#content {
	margin: 10px 15px 10px 255px;
	text-align: center;
}

.title {
	margin-bottom: 0;
	border-bottom: 1px solid #CCC;
	line-height: 45px;
	text-align: center;
}

.date-title {
	padding: 8px 0 0;
	text-transform: none;
	font-weight: 300;
	font-size: 1.2em;
	color: #666;
}

.column {
	display: inline-block;
	width: 49%;
}

.tabs { margin: 20px 0; }

.tabs li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.ie7 .tabs li { display: inline; } /* IE7 FIX */
.ie7 .tabs .btn { margin: 0; } /* IE7 FIX */

.tabs .btn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-color: #CCC;
	border-radius: 0;
	padding: 0 15px;
	margin: -4px;
	text-transform: uppercase;
}

.tabs .btn.prev,
.tabs .btn.first {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.tabs .btn.next,
.tabs .btn.last {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.date-title .prev,
.date-title .next { padding: 20px; }

.date-title .prev:hover,
.date-title .next:hover { font-weight: 400; }

#dateprev { float:left; margin:8px 0; }
#datenext { float:right; margin:8px 0; }

#dateprev:hover, #datenext:hover { cursor:pointer; }

/* Date Picker */

#datepicker { margin:8px auto; display:block; width:240px; }

input.date_input {
	width: 100px;
	height: 14px;
	border: none;
	/*padding-left: 21px;*/
	margin: 8px 0 7px;
	/*background: url(../img/calendar-icon.png) 0 53% no-repeat;*/
	text-align: center;
	font-size: 1.1em;
	font-family: Verdana,Helvetica,sans-serif;
	cursor: pointer;
	text-transform:uppercase;
	color: #333;
}

#datepicker.month input.date_input {
	width: 113px;
	font-size: 1em;
}

input.date_input:hover {}

.date_selector, .date_selector * {
	width: auto;
	height: auto;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
}

.date_selector {
	background:#F5F9FF url(../img/h300.png) 0 37px repeat-x;
	border: 1px solid #BDC8D2;
	border-width: 1px 1px 0;
	margin: -1px 0 0 0;
	position: absolute;
	z-index: 100000;
	display: none;
}

.date_selector_ieframe {
	position: absolute;
	z-index: 99999;
	display: none;
}

.date_selector .nav {
	display: block;
	height: 30px;
	padding: 10px 20px 0;
	background: #FFF;
}

.date_selector .month_nav, .date_selector .year_nav {
	margin: 0 0 3px 0;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
}

.date_selector .month_nav {
	float: left;
	width: 140px;
}

.date_selector .year_nav {
	float: right;
    width: 100px;
}

.date_selector .month_name, .date_selector .year_name {
	line-height: 20px;
	font-size: 1.2em;
}

.date_selector .button {
    display: block;
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-weight: bold;
    color: #003C78;
    text-align: center;
    font-size: 120%;
    overflow: hidden;
    border: 1px solid #F2F2F2;
}

.date_selector .button:hover, .date_selector .button.hover {
	background: none;
	color: #003C78;
	cursor: pointer;
	border-color: #ccc;
}
	
.date_selector .prev { left: 0; }
.date_selector .next { right: 0; }

.date_selector table {
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #FFF;
    border-spacing: 0;
    clear: both;
}
  
.date_selector tr {
	clear:left;
	height:50px;
	border-bottom:1px solid #BDC8D2;
	border-top:1px solid #fff;
}

.date_selector thead tr {
	height: 18px;
	background: #FFF url(../img/h80.png) repeat-x;
}

.date_selector th {
	width: 52px;
	text-align: center;
	font-weight: bold;
	padding: 4px 0;
	line-height: 18px;
	font-size: 11px;
	color: #7e7e7e;
}

.date_selector td {
	width: 50px;
	height: 50px;
	font-size: 15px;
	text-align: center;
	line-height: 50px;
	color: black;
	border-top: 1px solid white;
	border-bottom: 1px solid #BDC8D2;
	border-right: 1px solid white;
	border-left: 1px solid #BDC8D2;
	text-shadow: 1px 1px 1px white;
}

.date_selector td.today {
	background: #FFF;
}

.date_selector td.unselected_month {
	color: #999;
	background: #EEE url(../img/h80.png) repeat-x;
}

.date_selector td.selectable_day {
	cursor: pointer;
}
	
.date_selector td.selected {
	background-color: #0099cc !important;
	background-image: none !important;
	color: white;
	text-shadow: 0 1px 0 black;
	border: 0;
	width: 52px;
}
	
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover {
	background: #FFF url(../img/h80.png) repeat-x;
}

#dateentry{
	border-color: #CCC;
	border-width: 0.1em;
	border-style:solid;
}

.frame-content {
	padding: 40px 20px;
	line-height: 18px;
}

/* TEMP */
/*#content img { width: 98%; }*/


/* =METER
-------------------------------------------------------------- */

.meter {
	width: 90%;
	margin: 10px auto;
}

.meter table {
	width: 100%;
	margin-bottom: 20px;
	padding: 0 0 10px 0;
	color: #888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

table.consumption,
table.export,
table.generation,
table.reactive,
table.co2 {	background: #EEEEEE; }

table.consumption th h3 {
	display:block;
	width:100%;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #016aff;
	padding:5px 0;
}

table.export th h3 {
	display:block;
	width:100%;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #4bb236;
	padding:5px 0;
}

table.reactive th h3 {
	display:block;
	width:100%;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #AAA;
	padding:5px 0;
}

table.generation th h3 {
	display:block;
	width:100%;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #FC0;
	padding:5px 0;
	color: #444;
}

table.co2 th h3 {
	display:block;
	width:100%;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #555;
	padding:5px 0;
}

.meter td {
}

.meter th {
	border-bottom: 1px solid white;
	text-align:center;
	padding: 2px;
}

.meter h3 {
	text-transform: none;
	margin: 0;
	color: white;
	font-weight: bold;
	text-transform:uppercase;
	font-size:11px;
}

.meter-tags td {
	font-size: 14px;
	text-indent: 10px;
	padding: 10px 2px 5px 2px;
	font-weight: bold;
}

.meter-tags td span {
	font-size: 10px;
	font-weight:normal;
	display:block;
	text-align:right;
}

.meter-readings td {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 10px;
}

.meter-readings.small td {
	font-size: 14px;
}


/* =SIDEBAR =LEFT COL
-------------------------------------------------------------- */


#sidebar {
	float: left;
	width: 210px;
	padding: 10px;
	margin: 10px;
	background: #F1F1F1;
}

.aside {
	padding: 5px 10px;
	margin-bottom: 10px;
	border: 1px solid #BBB;
	background: #E9E9E9 url(../img/aside-bg.png) top left repeat-x;
}

.aside .aside-box {
	display: none;
	border-top: 1px solid #CCC;
	padding-top: 1em;
}

.aside.open .aside-box {
	display: block;
}

.aside.last { margin-bottom: 0; }

.aside dl {
    margin: 0;
    padding: 0 0 2em;
    width: 190px;
	font-size:0.9em;
	line-height:1.2em;
	font-family: Helvetica,sans-serif;
}
.aside dl dt {
    clear: left;
    float: left;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 3px 0 0;
    text-align: right;
    width: 60px;
}
.aside dl dd {
    float: left;
    margin: 0;
    padding: 3px 0 0;
    width: 120px;
}


.icon {
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 5px;
}

#personal .icon { background: url(../img/icons/user.png) no-repeat; }
#property .icon { background: url(../img/icons/property.png) no-repeat; }
#usage .icon { background: url(../img/icons/electric.png) no-repeat; }
#filters .icon { background: url(../img/icons/options.png) no-repeat; }
#help .icon { background: url(../img/icons/help1.png) no-repeat; }
#security .icon { background: url(../img/icons/access.png) no-repeat; }
#extras .icon { background: url(../img/icons/extras.png) no-repeat; }
#meterControls .icon { background: url(../img/icons/meter.png) no-repeat; }
#groups .icon { background: url(../img/icons/gtk-open.png) no-repeat; }

.aside h3 {
	line-height: 30px;
	margin-bottom: 0;
	text-transform: none;
	cursor: pointer;
}

.aside h4 {
	text-transform: none;
}

.aside li {
	padding-bottom: 8px;
}


/* =TABLES
-------------------------------------------------------------- */


#emmTable
{
	font-size: 11px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#emmTable th
{
	padding: 12px 20px;
	font-weight: 500;
	color: #333;
	background: #EFEFEF;
	text-transform:uppercase;
}
#emmTable td
{
	padding: 8px 20px;
	background: #fff;
	border-top: 1px solid #DDD;
	color: #666;
}
#emmTable tbody tr:hover td
{
	background:#FFC;
}



/* =FOOTER
-------------------------------------------------------------- */

footer { margin: 10px 20px;}

#statusDisplayArea #footerMenu {
	left: 21%;    
}

#footerMenu {
	list-style:none;
    position:relative;
    text-align:center;
}
#footerMenu li {
	float: left;
	display: inline;
	padding-right: 10px;
	line-height: 20px;
    position:relative;
}


/* =JQUERY-UI and related styling
-------------------------------------------------------------- */

/* set this in case it's not set correctly by JQuery-UI - ensures modal dialog background opacity is correct.. */
.ui-widget-overlay {
	background-color: gray;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	background-image: none;
}

/* remove the horizontal separator on dialog buttons for consistency */
.ui-dialog .ui-dialog-buttonpane { border-width: 0 !important; }

/* style of dialogs used in login box, recover password sections.. */ 
#errordlg ~ .ui-dialog-buttonpane {	float: left; }
#errordlg ~ .ui-dialog-buttonpane span.ui-button-text  { font-weight: 500; }
#recovered ~ .ui-dialog-buttonpane { float: left; }
#recovered ~ .ui-dialog-buttonpane span.ui-button-text { font-weight: bold; }

/* style of dialogs used in colorbox mimicry sections - username query, etc. */
.emm-fb-dialog {
	font-family: 'Public Sans', sans-serif;
	font-size: 1em;
}
.emm-fb-dialog .ui-dialog-titlebar { 
	background: #016AFF;
	height: 20px;
	padding: 0;
}
.emm-fb-dialog .date-range-download-dialog { display: inline-block; }
.emm-fb-dialog  h1{ color: #016AFF; margin-bottom: 20px; }
.emm-fb-dialog  h3{ color:#777; font-weight: 400; }
.emm-fb-dialog p{color:#666; font-size:12px; padding: 3px 0 3px 0; }
.emm-fb-dialog b{ font-weight:500; color:#555; }
.emm-fb-dialog  sup{color:#016AFF;font-size:90%; text-decoration: none; }
#check-emm-auth ~ .ui-dialog-buttonpane { float: left; }
#check-emm-auth ~ .ui-dialog-buttonpane span.ui-button-text {
	font-weight: 400;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.01em;
}

#errordlg{width:400px!important;}
#errordlg #message{color:#878787!important; line-height: 24px; font-weight: 300;}

#errordlg h1 {
    font-size: 1.2em;
    margin-bottom: 35px;
    color: #016AFF;
}

#errordlg h3 {
    font-size: 1.2em;
    font-family: 'Public Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: none;
}

.ui-button{
	width:auto!important;
	margin-left: 115px!important;
	border-radius: 6px!important;
	border-color: #cccccc!important;
	color:#545454!important;
	background-color: #eeeeee!important;
	background: transparent !important;
	padding: 4px 8px 4px 8px!important;
	text-align: left!important;
	font-size: 15px!important;
	box-shadow: inset 0 -1px 0 #c0c0c0!important;
	font-family: 'Public Sans', sans-serif!important;
	font-weight: 500!important;
	-webkit-transition: all 0.2s ease!important;
	-moz-transition: all 0.2s ease!important;
	-ms-transition: all 0.2s ease!important;
	-o-transition: all 0.2s ease!important;
	transition: all 0.2s ease!important;
}

.ui-button:hover{
	background-color: #ffffff!important;
	background: transparent !important;
	box-shadow: inset 0 1px 0 #c0c0c0!important;
	border-color: #cccccc!important;
	color:#016AFF!important;
}

.ui-widget-content {background-color: transparent!important;}

.ui-dialog { 
	padding: 0 0 20px 0; 
	background-color: #eeeeee!important;
	background: -webkit-linear-gradient(top, #ffffff, #eeeeee)!important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee))!important;
	background: -moz-linear-gradient(top, #ffffff, #eeeeee)!important;
	background: -ms-linear-gradient(top, #ffffff, #eeeeee)!important;
	background: -o-linear-gradient(top, #ffffff, #eeeeee)!important;
	box-shadow: 2px 2px 20px 2px rgba(99,99,99,0.8)!important;
	-webkit-box-shadow: 2px 2px 20px 2px rgba(99,99,99,0.8)!important;
	-moz-box-shadow: 2px 2px 20px 2px rgba(99,99,99,0.8)!important;	
	z-index: 10000 !important;
	/* Have sharp corners on the dialog boxes for consistency */
	border-radius: 0;
}

/* small tweaks */
.ui-dialog .ui-dialog-titlebar{
	border:none;
	border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar .ui-button{
	width:auto !important;
}

.ui-dialog .ui-dialog-content {
	padding: 1em 1em;
	min-height: 64px;
	display: inline-block;
}

input[name="descriptor"]{z-index:20;position:absolute; padding:0; font-size:11px; height:8px;}

/* styles for the validation popups in the edit details screen.. */

.required:after {
	color: #333333;
	content: "*";
}

.emm-error label {
	line-height: normal !important;
	height: auto !important;
	width: auto !important;
}

.emm-valid label {
	line-height: normal !important;
	height: auto !important;
	width: auto !important;
}

/* password strength meter */
.pstrength-minchar {
	display: none;
}

.pstrength-info {
	padding-left: 164px;
}

.pstrength-bar {
	margin-left: 164px;
}

/* edit details */
#edit-details-form h3 {
	margin-left: 0px;	/* one-off correction */
}

#edit-details-note p {
	font-size: 10px;
	margin-left: 164px;
}

/* overrides/additions for the "My Meter" display.. */

#meterContainer .meter-hdg  td {
	font-size: 14px;
}

/* get CO2 looking OK */
#meterContainer sub { 
	font-size: 70%;
	vertical-align: sub;
}

/* get 1st looking OK */
#meterContainer.meter-ytd sup { 
	font-size: 30%;
	vertical-align: super;
}

/* colophon seems to be out of alignment .. */
#site-info {
	text-align: center;
	margin-top: 40px;
	font-weight: 300;
}

/* correct input alignments on IE */
input { 
	line-height: inherit !important;
}

/* correct input alignments on IE7 */
#edit-details-content input[type=text], input[type=password] { 
	zoom: 1 !important;					/* no real effect - prevents error from "empty" CSS directive */
	*line-height: 18px !important;		/* IE7 fix */
}

.column.left {
    float: left;
}

.column.right {
    float: right;
}

.controls {
	width: 56%;
	float: left;
}

#sidebar h3 {
	font-family: 'Public Sans', sans-serif !important;	/* IE7 fix */
	font-size: 14px;
}

.column li {
	*display: inline !important;	/* IE7 fix */
	*zoom: 1 !important;		/* IE7 fix */
	*padding-top: 10px !important; /* IE7 fix */
	*padding-bottom: 10px !important; /* IE7 fix */
	vertical-align: middle !important;
}

#dateprev {
	*margin-top: 11px !important;	/* IE7 fix */
	vertical-align: middle !important;
}

#datenext {
	*margin-top: -34px !important;	/* IE7 fix */
	vertical-align: middle !important;
}

/* keep text within bounds */
aside dd {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

#meterContainer table {
	float: left !important;
}

#graphContainer {
	float: left !important;
}

#meterContainer {
	float: left !important;
	width: 100% !important;
	min-width: 720px;
}

/* implement momentum touch scrolling for colorboxes on IOS5 devices..
   n.b. native support not working yet due to buggy IOS Safari implementation;
   stay tuned..
 */

/*
#cboxLoadedContent {
	position: fixed !important;
	z-index: 15000 !important;
	overflow-y: scroll !important;
	-webkit-overflow-scrolling: touch !important;
}
*/

/*
.scrollable {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
*/

.emm-frame-content {
	padding: 10px 10px;;
	line-height: 18px;
}

#edit-details-content {
	padding-left: 10px;
	padding-right: 10px;
}

#loginBox #message {
	text-align: center;
	color: #016AFF;
	position: absolute;
	margin-top: -50px;
	margin-left: 257px;
}

.hv-centre {
	text-align: center;
	vertical-align: middle;
}

/* 'nagging' screen */

#acct-details-incomplete{
	padding:20px;
	color:#666;
}

#acct-details-incomplete h3{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 20px;
	color:#016AFF;
	text-align: center;
}

div[aria-describedby="check-emm-auth"] .ui-button{
	margin-left: 0!important;
	width:100%!important;
	text-align: center!important;
}

div[aria-describedby="check-emm-auth"] .ui-dialog-buttonset{
	float:none!important;
	margin: 0 auto;
	width:20%;
}

div[aria-describedby="check-emm-auth"] #check-emm-auth ~ .ui-dialog-buttonpane{
	float:none!important;
	width:auto;
}

/* webshims */

/* need to increase z-index to cope with colorbox *sigh!* */
.ws-popover {
	z-index: 11000 !important;
}

/* format html5 date inputs to allow space for webshims polyfill */
input.html5_date_input {
	width: 160px;
	height: 20px;
	/* border: none; */
	/*padding-left: 21px;*/
	margin: 8px 0 7px;
	/*background: url(../img/calendar-icon.png) 0 53% no-repeat;*/
	/* text-align: center; */
	font-size: 1.1em;
	font-family: Verdana,Helvetica,sans-serif;
	cursor: pointer;
	text-transform:uppercase;
	color: #333;
}

.live-control {
	width: 16%;
	min-width: 90px;
	display: inline-block;
}

.live-btn {
	display: block;
	background: url(../img/liveBtn.png) center no-repeat;
	background-size: 84px;
	margin-top: 16px;
	height: 28px;
	color: white;
	line-height: 28px;
	font-size: 16px;
}

.calendar-control {
	width: 42%;
	min-width: 270px;
}

.data-quality-space {
	width: 8%;
	height: 42.44px;
	margin-right: 5px;
	float: left;
}

.data-quality {
    display: block;
    float: right;
    height: 18px;
    width: fit-content;
    color: black;
    padding: 3px 10px;
    margin-top: 16.44px;
    border: 1px solid #CCC;
    border-radius: 3px;
    line-height: 20px;
}

#change-password-form label {
	width: 180px;
}

#change-password-form-buttons input{
	margin-left:165px;
	margin-top:-25px;
	border-radius: 6px;
	color:#545454;
	background-color: #eeeeee;
	padding: 8px 20px 8px 20px;
	font-size: 15px;
	box-shadow: inset 0 -1px 0 #c0c0c0;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#change-password-form-buttons input:hover{
	background: #ffffff;
	box-shadow: inset 0 1px 0 #c0c0c0;
	color:#016AFF;
}

#change-email-form label {
	width: 180px;
}

#change-email-form-buttons input{
	margin-left:165px;
	margin-top:-25px;
	border-radius: 6px;
	color:#545454;
	background-color: #eeeeee;
	padding: 8px 20px 8px 20px;
	font-size: 15px;
	box-shadow: inset 0 -1px 0 #c0c0c0;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#change-email-form-buttons input:hover{
	background: #ffffff;
	box-shadow: inset 0 1px 0 #c0c0c0;
	color:#016AFF;
}