/***
* {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #7a7a7a;
}
****/
body {
    margin: 0 0 15px 0;
    background-color: #393833;
}
img {
    border: 0;
}
sup {
    font-size: 9px;
}
#divColophon {
    width: 100%;
    overflow: auto;
    padding-top: 10px;
    text-align: center;
}
#divColophon * {
    font-size: 7pt;
    color: #ffffff;
}
#divColophon .hnav {
    /*float: right;*/
    padding: 2px 0;
}
#divContentMain {
    min-height: 400px;
    padding: 70px 0 10px 0;
}
#divContentMain div {
    float: left;
}
#divContentMainInterior {
    width: 100%;
    min-height: 400px;
    padding: 20px 0;
    background-color: #ffffff;
}
/*
#divContentMainInterior div {
    float: left;
}
*/
#divContentMainBody {
    width: 450px;
    min-height: 400px;
    height: auto!important;
    height: 400px;
    padding: 0 40px;
    float: left;
}

.regularWidth {
    width: 720px!important;
    padding: 0 0 0 40px!important;
}
#divContentMainLeftMenu {
    width: 140px;
    padding-left: 10px;
    position: relative;
    float: left;
}
#divContentMainLeftMenu li {
    text-align: right;
    border-bottom: 1px dotted #333333;
}
#divContentMainLeftMenu li.last {
    border: none;
}
#divContentMainLeftMenu a {
    font-size: 7pt;
    text-decoration: none;
    text-transform: uppercase;
    color: #333333;
}
#divContentMainLeftMenu a:hover {
    color: #999999;
}
#divContentMainLeftMenu .logo {
    position: absolute;
    top: 165px;
    right: 0;
    width: 100%;
    text-align: right;
}
#divContentMainLeftMenu .tagline {
    float: none;
    text-align: right;
    font-size: 9pt;
    margin-top: 7px;
}
#divContentMainLeftMenu .tagline, #divContentMainLeftMenu .tagline * {
    font-family: times new roman, serif;
    font-style: italic;
}
#divContentMainRightCallout {
    width: 190px;
    margin-top: 3em;
    float: left;
}
#divContentMainRightCallout * {
    font-size: 8pt;
    color: #666666;
}
#divContentMainPhoto {
    min-height: 460px;
    height: auto!important;
    height: 460px;
    clear: both;
}
#divContentMainNews {
    padding: 0 100px 0 50px;
    width: 230px;
}
/*
#divContentTopImage {
    background-color: #bbb;
}
*/
#divFooter {
    padding-top: 30px;
    line-height: 1.8em;
}
#divFooter * {
    color: #ffffff;
}
#divFooter .info * { font-size: 8pt; }
#divFooter .info h1 { font-size: 12pt; }
#divFooter td {
    padding: 0 10px;
    border-right: 1px solid #fff;
}
#divFooter .copy { width: 300px; }
#divFooter .copy p { line-height: 1.4em; }
#divFooter .info { width: 200px; }
#divFooter td.last { border: none; }
#divHeader {
    width: 100%;
    height: 30px;
    overflow: auto;
    position: relative;
    padding-top: 28px;
}
#divHeader div {
    /*float: left;*/
}
#divHeaderTagLine {
    position: absolute;
    left: 175px;
    font-size: 10pt;
    font-style: italic;
    font-family: Palatino, serif;
}
#divHeaderTagLine, #divHeaderTagLine * {
    color: #ffffff;
}
#divLogo {
    width: 111px;
    height: 111px;
    margin-left: 30px;
    position: absolute;
    left: 20px;
    top: 0;
    background: url(../images/mdb_logo.gif) no-repeat;
    z-index: 6;
}
/************* Top Navigation ***********/
#divMenu {
    position: absolute;
    top: 28px;
    right: 0;
    z-index: 10;
/**** Use when not postioned absolute
    margin-top: 3px;
    text-align: right;
    float: right;
*/
}
#divMenu * {
    font-size: 11px;
}
#divMenu li { position: relative; }
.subnav {
    padding: 0;
    visibility: hidden;
    position: absolute;
    top: 14px;
    left: 0;
    background-color: #2D4671;
    opacity: 0.9;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    z-index: 20;
}
#divMenu a:hover .subnav,
#divMenu li:hover .subnav {
    visibility: visible;
}
.subnav li {
    padding: 0!important;
    float: none!important;
    display: block!important;
    border-bottom: 1px solid #6699dd;
    border-right: none!important;
}
.subnav li.last {
    border-bottom: none;
}
.subnav a {
    padding: 6px 10px!important;
    display: block;
    white-space:nowrap;
}
/*********************************************/
#divWrapper {
    margin: 0 auto;
    /*margin-top: 35px;*/
    position: relative;
    width: 930px;
    z-index: 1;
}

#news {
    border: 6px solid #000000;
    width: 169px;
}

#newsBody {
    background-color: #e7c9e1;
    color: #000000;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

.allUpperCase {
    text-transform: uppercase;
}

.backgroundBlue {
    background-color: #2D4671;
    color: #ffffff;
}

.backgroundPink {
    background-color: #BB3C96;
    color: #ffffff;
}

.backgroundWhite {
    background-color: #ffffff;
    color: #000000;
}

.bold {
    font-weight: bold;
}

.clear {
    clear: both;
    height: 1px;
    padding-bottom: 5px;
    width: 1px;
}

.clickable {
    cursor: pointer;
}

.dottedLineRight {
    border-right: 1px dotted black;
}

.dottedLineBottom {
    border-bottom: 1px dotted black;
}

.footerLoginLabel {
    width: 80px;
}

.inputStyle {
    border: 1px solid #000000;
    background-color: #9999cc;
}
.hnav {
    margin-top: 0;
    list-style-type: none;
}
.hnav li {
    display: inline;
    /*float: left;*/
    padding: 0 10px;
    border-right: 1px solid #ffffff;
}
#divColophon .hnav li {
    border-right: none;
}
.hnav a {
    color: #ffffff;
    text-decoration: none;
}
.hnav a:hover {
    color: #dddddd;
    text-decoration: none;
}
.hnav .last {
    padding-right: 0;
    border: none;
}
#divHeader li a {
    text-transform: uppercase;
}
.ital {
    font-style: italic;
}

.nav {
    margin-top: 0;
    list-style-type: none;  
}
.nav li {
    line-height: 1.5em;
/*  padding-left: 10px;
    text-align: right;*/
}
.padding10px {
    padding-left: 10px;
    padding-right: 10px;
}

.paddingRight28px {
    padding-right: 28px;
}

.paddingLeft28px {
    padding-left: 28px;
}

.paddingRight50px {
    padding-right: 28px;
}

.lineHeightDouble {
    line-height: 200%;
}

.redFont {
    color: #ff0000;
}

.bodyText {
    line-height: 1.5em;
    padding-bottom: 2.5em;
}
.boldAndItal {
    font-weight: bold;
    font-style: italic;
}
.blueFont {
    color: #0064a4;
}
.rightBorder {
    border-right: 1px solid #ffffff;
}
.smallFont {
    font-size: 85%;
}
.xtraSmallFont {
    font-size: 75%;
}
.debug {
    color: white;
    background-color: red !important;
}
.ditto_item {
    margin-bottom: 10px;
}
.ditto_item, .ditto_documentInfo, .ditto_introText {
    float: none!important;
}

/******* Media ********/
#mediaplayer {
    margin: 10px 0;
}
#loginwidget {
    position: absolute;
    top: 28px;
    left: 0;
}
#loginwidget * {
    font-size: 11px;
    color: #888;
}
#loginwidget #wlpeLoginButton, #loginwidget #wlpeLogoutButton, #loginwidget #wlpeProfileButton {
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    color: #7ab;
}
.wlpeMessage, .wlpeMessage * {
    color: #900;
}
.req {
    padding-left: 5px;
    color: #900;
    font-weight: bold;
}

/***** Case Studies *****/
.cssummary {
    margin-bottom: 20px;
}
.cssummary h3 {
    padding: 5px;
    background-color: #c0d9e9;
}
.cssummary table {
    border-spacing: 0;
}
.cssummary td {
    padding: 5px 10px;
    border-bottom: 1px solid #aaa;
}
.cssummary .col1 {
    width: 200px;
    border-right: 1px solid #aaa;
}

/***** Press Release *****/
table.grid {
    border-collapse: collapse;
}
table.grid td {
    line-height: 1.8em;
    padding: 10px 50px 10px 0;
    border-bottom: 1px solid #ddd;
}