/* ====== Main Setup Styling ======== */

body {
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
}

#outerWrapper {
    position: relative;
    width: 974px;
    
    margin: 0 auto;
    background-image:url('../img/DM_BodyFiller.gif');
    background-repeat:repeat-y;
}

#headerWrapper {
    position: relative;
    width: 974px;
    height: 64px;
    background-image:url('../img/DM_Head.gif');
    background-repeat:no-repeat;
    margin: 0 auto;
}

#content {
    left: 0px;
    padding: 0px 20px 0px 20px;
    clear:both;
}

#footerWrapper {
    position: relative;
    width: 974px;
    height: 33px;
    background-image:url('../img/DM_Foot.gif');
    background-repeat:no-repeat;
    padding: 4px 20px 0px 20px;
    clear:both;
    margin: 0 auto;
    text-align:center;
}



/* ======== Nutrition Label Styles =========  */
.nutrition {
    background-color:white;
    border:1px solid black;
    padding:3px;
    width:244px;
    height:392px;
}

.nutrition td.header {
    font-family:"Arial Black";
    font-size:28px;
    white-space:nowrap;
}

.nutrition td {
    color: black;
    font-family: "Arial Black";
    font-size: 8pt;
    padding:0;
}

.nutrition div.label {
    float: left;
    font-family: "Arial Black";
}

.nutrition div.dv {
    display:inline;
    float:right;
    font-family:"Arial Black";
}

.nutrition span.dvvit {
    display:inline;
    float:right;
    margin: 0;
    padding: 0;
    border: 0;

}

.nutrition div.weight {
    display:inline;
    font-family:Arial;
    padding-left:1px;
}

.nutrition div.line {
    border-top:1px solid black;
}

.nutrition div.serving {
    font-family:Arial;
    font-size:8pt;
}

.nutrition div.dvlabel {
    font-family:"Arial Black";
    font-size:7pt;
    text-align:right;
}

.nutrition span.vtitle {
    text-align:left;
    float: left;
}

.nutrition div.labellight {
    float:left;
    font-family:Arial;
}

.nutrition td.indent {
    padding-left:10px;
}

.nutrition table.vitamins  {
    border-collapse:collapse;
    margin-bottom:3px;
    width:100%;
}

.nutrition table.vitamins tr td {
    font-family: Arial;
}

/* =========== Special Control Elements ===============  */

#menuButtons {
    position: absolute;
    padding: 5px 0 0 0;
    right: 50px;
}

#menuButtons li {
    display: inline;
    list-style: none;
    margin-right:10px;
}

#menuButtons li a {
    background: #fff;
    border: 1px solid #ccc;
    padding: 3px 10px;
    color: #000;
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 15px;
}

#menuButtons li a:hover, #menuButtons li a:active {
    background: #5195ce;
    border: 1px solid #2a7ecd;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius:10px;
    -moz-border-radius:15px;
}

#menuButtons .current a {
    background: #5BC236;
    border: 1px solid #000;
}

#menuButtons .current a:hover, #menuButtons .current a:visited {
    background: #5BC236;
    border: 1px solid #000;
    text-decoration: none;
    color: #000;
    cursor: default;
}


/* ================ Control Elements ===================  */

a.guiButton {
    background: #fff;
    border: 1px solid #ccc;
    padding: 0px 10px;
    color: #000;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 10px;
    margin: 1px 3px;
    cursor: pointer;
   -moz-user-select: none;
   -khtml-user-select: none;
    user-select: none;
}

a.guiButton:hover {
    background: #5195CE;
}

a.guiButton:active {
    background: #5BC236;
}

/* ================== General Style (body elements)================= */
a {
    text-decoration: none;
    color: #5195ce;
}

a:hover, a:active {
    color:#005db3;
}

span.noBotEmail {
    color: #5BC236;
    font-weight: bold;
}