/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10/03/2015, 9:27:01 AM
    Author     : steve
*/
.entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 1080px;
    padding-left: 20px;
    padding-right: 20px;
}

.admin input {
    padding: 0;
    color: #000000;
}

hr {
    margin: 2px;
}

fieldset {
        max-width: 640px;
}

.cn_form {
        max-width: 800px;
}

.cn_form label {
    display: inline-block;
    width: 120px;
}
.cn_form fieldset {
    border: none;
	}
.cn_form span{
    position: relative;
    display: inline-block;
    float: right;
    width: 160px;
    /*left: 0px;*/
    font-weight: bold;
    padding: none;
    /*padding-bottom:10px;*/
    margin-top: 3px;
    color:white;
    background-color:#D0D0D0;
    text-align: center;
}

span.price {
    float: right;
    color: black;
    font-weight: bold;
    font-size: 16px;
    background-color: #d0d0d0;
    width: 200px;
    margin: 0;
}

span.directions {
    max-width: 800px;
    display: block;
}

span.directions a {
        float: right;
}

div.plugtype {
    position:fixed;
    z-index: 1;
    /*left:5%;*/
    bottom:10px;
    width:90%;
    max-width:500px;
    background-color: white;
    border: 3px solid black;
    padding: 10px;
}


hr.doubled {
    margin: 0;
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}

#cardExpiryMonth,
#cardExpiryYear {
    display: inline-block !important;
    width: 71px !important;
    min-width: 50px !important;
    padding: 13px 4px !important;
    margin-bottom: 5px !important;
}

#expiry_month,
#expiry_year {
    display: inline-block !important;
    width: 71px !important;
    min-width: 50px !important;
    padding: 13px 4px !important;
    margin-bottom: 5px !important;
}

.cn_right {
    float:right;
    margin-left:5%;
}

input.btn.btn-default {
    background-color: #00C000; /* Grey */
    border: none;
    color: white;
    padding: 6px 0px 5px !important;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    width: 120px;
    border-radius: 5px;
}

input.btn.btn-default:disabled {
    background-color: #C0C0C0; /* Grey */
}

.cn_hidden { display: none; }

.cn_button {
    background-color: #808080; /* Grey */
    border: none;
    color: white;
    padding: 6px 0px 5px !important;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    width: 150px;
    border-radius: 5px;
}

.status-Unavailable { background-color: white; color:black }
.status-T { background-color: #CCCCCC; }
.status-Available,
.status-Reserved,
.status-EStopped { background-color: green; }
.status-Occupied,
.status-Preparing,
.status-SuspendedEVSE,
.status-SuspendedEV,
.status-Finishing,
.status-Remote.Started,
.status-Charging { background-color: blue; }
.status-Faulted { background-color: red; }