/* Tools */
.clearfix:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear
{
    clear: both;
}


.hidden
{
    display: none;
}
.left
{
    float: left;
}

.right
{
    float: right;
}
/* End Tools */

/* Default Styles */
h1 {
    text-align: left;
    font-size: 3.20em;

}

h2 {

    font-size: 2.4em;
    width: 24em;
}

h3 {

    font-size: 1.871em;
}

h4 {

    font-size: 1.6em;
}

p {
  font-size: 1.6em;
}


h1,h2,h3 {
    /* Top & bottom margin based on font size. */
    margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
    /* Bringing boldness back to headers and the strong element. */
    font-weight: bold;
}
optgroup {
    font-weight:normal;
}

abbr,acronym {
    /* Indicating to users that more info is available. */
    border-bottom: 1px dotted #000;
    cursor: help;
}

em {
    /* Bringing italics back to the em element. */
    font-style: italic;
}

del {
    /* Striking deleted phrases. */
    text-decoration: line-through;
}

blockquote,ul,ol,dl {
    /* Giving blockquotes and lists room to breath. */
    margin: 1em;
}

ol,ul,dl {
    /* Bringing lists on to the page with breathing room. */
    margin-left: 2em;
}


caption {
    /* Coordinated margin to match cell's padding. */
    margin-bottom: .5em;
    /* Centered so it doesn't blend in to other content. */
    text-align: center;
}

sup {
    /* to preserve line-height and selector appearance */
    vertical-align: super;
}

sub {
    /* to preserve line-height and selector appearance */
    vertical-align: sub;
}


/* End Default Styles */
#content
{
    min-height: 70em;
}

div#page{
    margin-left: auto;
    margin-right: auto;
    width: 96em;
    position: relative;
}
div#header
{
/*     margin-top: 4em; */
}

div#navigation
{
    position: absolute;
    top: 2em;
    right: 2em;

}
#subnav
{
    margin: 0 0 0 0;
    width: 50em;
    float: right;
}

div.crumbs ul
{
    display: inline;
    margin:0;
    padding-left: 2em;
}
div.crumbs ul li
{
    display: inline;
    padding: 0em;
}
div.crumbs ul li:first-child:before
{
    content: '';
}

div.crumbs ul li:before
{
    content: '/';
}

div.crumbs ul li h2,div.crumbs ul li h3,div.crumbs ul li h4
{
    display:inline;
    font-size: 1.3em;
}
div#accounts table
{
    width: 100%;
    margin-top: 3em;
}

div#accounts table .CustomerID
{
    width: 4em;
}
div#accounts table .Contact
{
    width: 15em;
}
div#accounts table .Company
{
    width: 20em;
}
div#accounts table .Email
{
    width: 17em;
}

div#callslist table
{
    width: 56em;
    margin-top: 1em;
}

.callsummary
{
    float: left;
    width: 45em;
}


div#numberlist
{
    width: 40%;
}
div#summary
{
    width: 55%;
}

#main.cdr div#summary
{
    width: 38%;
}
#bpSelect
{
    float: right;
    width: 37em;
}
#serviceOverview
{
 border-top: 1px solid #598EC2;
 padding-top: 2em;
}