body
{
    background-color: #365473;
    font-family: "OpenSansRegular","Liberation Sans","Nimbus Sans L","Helvetica",Arial,sans-serif;
    color: white;
}

body > header {
    background: rgba(0, 0, 0, 0) url("/images/topbgheading.gif") repeat scroll 0 0;
    height: 62px;
    width: 100%;
}

header > h1 {
    font-size: 3em;
    line-height: 62px;
    color: white;
    margin: 0;
    text-shadow: #1D2232 0 0 8px;
    font-weight: normal;
    float: right;
    padding-right: 1em;
}

div#page
{
    padding: 4em 2em 2em 2em ;
    color: white;
}

a{color: white;}

td.login{ color: white;font-size: 1.3em;}

td.login a{ color: white;font-size: 1em;}

h2
{
  font-size: 3em;
}

h3
{
    line-height: 1.3;
}

h3 > strong
{
    font-weight: 900;
    color: #6DAFF0;
}

#accounts-list th,
#accounts-list td
{
    text-align: left;
}

#account h3
{
    font-size: 1.4em;
}

#callslist
{
    width: 61%;
}

h3 a
{
    text-decoration: none;
}

h3 a:hover
{
    text-decoration: underline;
    color: #6DAFF0;
}

#content
{
    line-height: 1;
    margin-top: 2em;
    padding: 2em;
    background-color: #2B4662;
}

#main
{
    text-align: left;
    color: white;
    margin-top: 3em;
    position: relative;
}

div#navigation ul
{
    margin: 0;
    height: 2em;
}

div#navigation ul li
{
    display: inline;
    line-height: 2.4;
    padding: 1em  1.5em 1em 1.5em;
    text-align: center;
    background-color:#598EC2
}

div#navigation ul li:hover
{
    background-color:#6DAFF0;
}

div#navigation ul li a
{
    text-decoration: none;
}

div#navigation ul li a strong
{
    width: inherit;
    height: inherit;
}

.active
{
    color: #9BFF9B;
}

.inactive
{
    color: #FDB2A7;
}

a.action
{
     padding: .5em .5em .5em .5em;
}

table
{
    border-collapse:collapse;
}

table thead tr
{
    border-bottom: 1px solid white;
}

table:not(.ui-datepicker-calendar) tbody tr:hover
{
    background-color: #2F4D6A;
}

#Services a.action.submit
{
    margin-top: 1.5em;
}

#numberlist
{
    float: left;
    color: white;
}

#numberlist table
{
    width: 100%;
}

/*handle the javascript filter form*/
#bpSelect input
{
    padding: 0;
    padding-left: .5em;
    height: 2em;
    line-height: 2em;
    color: grey;
}

#numberlist #Services ul
{
    margin-left: 0em;
    padding-left: 1em;
    display: table;
}

#numberlist #Services ul li
{
    display: table-row;
}

#numberlist #Services ul li a,#numberlist #Services ul li span
{
    padding: .5em .5em .5em 0em;
    display: table-cell;
    float: left;
}

#numberlist #Services ul li span + a
{
    width: 16em;
}

table *
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*Summary */
.callsummary table
{
    margin-top: 2em;
    text-align: right;
}

#Services .callsummary p
{
    margin-top: 2.2em;
    font-size: 1.2em;
}

th sub
{
    display: block;
    font-size: .8em;
    font-weight: normal;
}

/*End summary*/
.tally + h4 {
    margin-top: 2.2rem;
}

.tally td,
.tally th {
    text-align: right;
}

#cdr.tally td.Preselect
{
    text-align: center;
}

#cdr.tally td.Duration
{
    padding-right: 2em;
}

.tally th.category,
.tally td.category
{
    text-align: left;
}

.tally th.sum_price
{
    width: 10em;
}

.tally th.sum_price sub
{
    display: inline;
}

.tally td:not(:first-child)
{
    text-align: right;
}

.tally tbody > tr:not(:last-child)> td
{
    border-bottom: 1px solid #44596B;
}

.tally tfoot td.totals
{
    border-top: 1px solid white!important;
}

.costsummary .tally td:first-child
{
    border-right: 1px solid white;
}

.costsummary {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #fff;
}

.tally thead tr th,.tally thead tr td
{
    border-bottom: 1px solid white!important;
    text-align: right;
    line-height: 1.2;
    font-size: 1em;
}

#cdr table
{
    margin-top: 1em;
}

#cdr thead tr th
{
    text-align: left;
}

#calls p
{
    margin-top: 1em;
}

#cdr
{
   margin-top: 2em;
   padding: 1em;
   background-color: #355373;
}

/*Generic form style override*/
input
{
    color: #0C131B;
}

/*Date select form on summary page*/
#form-wrapper-dateselect
{
    margin:0;
}

#form-wrapper-dateselect  legend
{
    display: none;
}

#form-wrapper-dateselect #formerrorblock
{
    border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border: 1px solid #774747;
    background-color: #774747;
    padding: .5em;
    margin-bottom: 4em;
}

#form-wrapper-dateselect div.formmessage p
{
    width: 100%;
    margin-top:0;
    font-weight: bold;
    color: white;
}

#form-wrapper-dateselect #formerrorblock p strong
{
    font-size: 1em;
}

#form-wrapper-dateselect #formerrorblock ul.errorlist li a
{
    font-size: .9em;
}

#form-wrapper-dateselect ol
{
    padding:0;
    margin: 0 0 0 0;
}

#dateselect input, #dateselect select
{
    float: right;
}

#dateselect fieldset.submit
{
    margin-left: 0em;
}

form#dateselect label
{
    width: 5em;
}

form#dateselect fieldset li.form
{
    width: 100%;
}

form#dateselect .formmessage
{
    margin-bottom: 3.5em;
}

input#dateselect-submit
{
/*     margin: 0 0 0 auto; */
    color: white;
}

/*Form Links*/
.formwrapper .links ul
{
    list-style-type:circle;
}

.formwrapper .links a
{
    font-size: 1.1em;
    text-decoration: underline;
}

input,textarea,select
{
    color: black;
}

/*Footer */
div#footer
{
    background-color: #263D55;
    padding: 4em;
}

div#footer div.User
{
    margin-left: auto;
    margin-right: auto;
    width: 96em;
    display: block;
}

div#footer div.User p
{
    padding-left: 1.5em;
}

div#footer div.User p a
{
    font-size: 1em;
}

#subnav ul
{
    margin: 0em;
    height: 3.3em;
}

#subnav li
{
    display: block;
    margin-left: 0em;
    color: white;
    padding: 0 0em 0 .1em;
    height: 2em;
    vertical-align: middle;
    color: #ffffff;
    text-align: center;
    line-height: 2;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin-right: .1em;
    float: right;
}

#subnav li a
{
    text-decoration: none;
    color: white;
    font-size: 1.4em;
    display:block;
    height: 2em;
    padding: 0 .5em 0 .5em;
    text-align: center;
    line-height: 2;
    border-bottom: 3px solid #5A8EC1;
}

#subnav li a:hover
{
   background-color: #6DAEEE;
}

/*Numbers List*/
div.Numbers
{
    margin-bottom: 2em;
    border: 1px solid #3A5976;
    padding: 20px;
}

table.Numbers
{
    margin-top: 2em;
    width: 99%;
}

th
{
    font-weight: bold;
}

th.Number
{
    font-size: 1.2em;
}

#accounts th.NoServices
{
    text-align: right;
    padding-right: 3em;
}

td.NoServices a
{
    margin-right: 0;
    margin-left: auto;
}

td.Number,td.Subscriber,td.Registration,td.Account
{
    font-size: 1em;
}

td.Number
{
    width: 2em;
}

td.Subscriber
{
    width: 21em;
}

td.Registration
{
    width: 32em;
}

p.no_allocation
{
    margin-top: 1em;
    font-size: 1em;
}

p.range
{
    font-size: 1.6em;
    font-weight: bold;
    margin-top: -28px;
    background-color: #2C4762;
    width: 16em;
    text-align: center;
}

p.range,.expires
{
    color: #6DAFF0;
}

.totals
{
    font-weight: bold;
}

#content h3
{
    margin-top: 0em;
    font-size: 2.2em;
    float: left;
}

.servicehead
{
    margin-bottom: 3em;
}

.services h4
{
    font-size: 1.4em;
}

.servicetype
{
    background-color: #364F6A;
    margin-top: 2em;
    padding: 1em;
}

li.item
{
    margin-bottom: .2em;
    padding: .6em;
    line-height: 1;
    background-color: #2A4562;
}

li.item div.status
{
    display: block;
    float: left;
    line-height: 1.5;
    vertical-align: middle;
}

li.item a
{
    text-decoration: none;
}

li.item div.actions
{
    float: right;
}

.aliases {
    clear: both;
    margin-right: 17em;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    list-style-type: square;
    list-style-position: inside;
}

.alias {
    margin: 0;
    padding: 0 .5em;
}

li.item a.show,li.item a.cancel,li.item a.show,li.item span.cancel
{
    background-color: #598EC2;
    font-size: 1.2em;
    margin-left: .2em;
    display: inline-block;
    width: 6em;
    padding: .4em;
    text-align: center;
}

li.item span.cancel
{
    background-color: #C3C3C3;
    color: grey;
}

.crumbs h1,.crumbs h2,.crumbs h3,.crumbs h4,.crumbs h5
{
    font-size: 1.3em;
    margin:0!important;
    padding:0!important;
    line-height: 1;
}

.crumbs a
{
    font-size: 1em;
    text-decoration: none;
}

.crumbs a:hover
{
    text-decoration: underline;
    color: #6DAEEE;
}

#crumbs
{
    height: 2em;
}

.service-sub-type {
    font-weight: bold;
}