/* Import CSS files: Begin */
@import url('reset.css');
/* Import CSS files: End */

/* HTML Definitions: Begin */
html{  }
body{ margin: 10px auto 10px auto; position: relative; background-image: url("/library/images/structure/background-lockedrings.gif"); background-repeat: repeat-x; }
/* HTML Definitions: End */

/* Generic Classes: Begin */
.clear{ clear: both; }
br.clear{ height: 0;  }
/* Generic Classes: End */

/* DIV Structure: Begin */
div#branding{
    height: 110px;
    position: relative;
    background-image: url("../images/structure/nuskin-logo.png");
    background-size: 258px auto;
    background-repeat: no-repeat;
    background-position: 1% 110%;
}

div#branding ul{ position: absolute; top: 120px; left: 200px; width: 600px; text-align: right; }
div#branding li{ display: inline; float: right; margin: 0 0 0 20px; }
div#branding li select{ margin: -20px; }
div#branding li a{ text-decoration: none; margin: 0 20px 0 0; display: block; color: #008ab0; text-transform : uppercase; }
div#branding li a:hover{ color: #919195; }
div#branding li.live{ text-indent: -9999px; margin: -30 inherit inherit inherit; width: 154px; height: 52px; background: url("../images/structure/chat-on.jpg") no-repeat; }
div#branding li.live:hover{ background: url("../images/structure/chat-off.jpg"); }
div#branding li.live a{ display: block; height: 52px; }

div#branding h1{ position: absolute; top: 20px; left: 20px; width: 294px; height: 35px; text-indent: -9999px; }
div#branding h2{ position: absolute; top: 120px; text-align: right; left: 650px; width: 150px; }
div#branding h2 a{ text-decoration: none; display: block; text-transform : uppercase; color: #008ab0; }
div#branding h2 a:hover{ color: #919195; }

div#content dl{ display: block; margin: 0 0 20px 0; }
div#content dt, div#content dd{ display: inline; float: left;  }
div#content dt{ width: 200px; text-align: right; padding: 0 20px 0 0; clear: left; }
div#content dt span{ color: #a50e23; }
div#content dd{ clear: right; width: 400px; }
div#content dd textarea{ width: 300px; height: 150px }
div#content dd input[type=button], div#content dd input[type=reset]{ color: #000000; }
/* DIV Structure: End */

/* DIV Custom: Begin */
p.footnote{ float: right; }
p.footnote span{ color: #a50e23; }

.error {
    border:2px solid black;
    background-color: red;
    margin-bottom: 20px;
    padding: 10px;
    color: white;
}

.empty {
    border:1px solid red;
}

.received {
    margin-left:90px;
    margin-right:90px;
}

/* DIV Custom: End */