/* @group ResetClasses */

/* ----- Resets START -------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

td {
    font-size: .9em;
}

/* remember to define focus styles! */

:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ----- Resets END -------- */

/* @end */


body {
    font-family: Helvetica, Arial;
    font-size: 100%;
    color: #464646;
}

.formContainer {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.fieldNotice {
    font-size: 10px;
    color: #8C8C8C;
    display: block;
    /*float: left;*/
}

.nrSignup legend span {
    padding-bottom: 1.3em;
    font-size: 14px;
    font-weight: bold;
    display: block;
}

.fieldLabel {
    font-size: 10px;
    display: block;
    margin-bottom: .3em;
    font-weight: bold;
    color: #5a5a5a;
}


.fieldsetWrapper {
    background-color: #F4F4F4;
    padding: 1.8em 1.8em 0em 1.8em;
    margin-top: 1.3em;
    font-size: 14px;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div .noSplit {
    width: 100%;
    float: left;
    display: block;
}

div .fieldRow {
    width: 100%;
    /*float: left;*/
    display: block;
    margin-bottom: 1.2em;
}


div .fieldSubGroup {
    width: 100%;
    float: left;
    display: block;
}

div .column1 {
    width: 50%;
    float: left;
}

div .column2 {
    width: 50%;
    float: right;
}

div .buttonContainer {
    width: 97%;
    float: left;
    display: none;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
    margin-left: 1.5em;
}

.buttonContainer a {
    background-color: #a2d100;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    min-height: 30px;
    font-family: Helvetica, Arial;
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
    padding: .5em;
}

.nrSignup input[type=text] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #bebebe;
    background-color: #fff;
    padding: 5px;
    /*float: left;*/
    font-size: 10px;
    font-family: Helvetica, Arial;
    color: #000;
    margin-bottom: .5em;
}

.nrSignup input[type=password] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #bebebe;
    background-color: #fff;
    padding: 5px;
    /*float: left;*/
    font-size: 10px;
    font-family: Helvetica, Arial;
    color: #000;
    margin-bottom: .5em;
}

.nrtextarea {
    width: 100%;
    height: 150px;
    margin-bottom: .5em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #bebebe;
    background-color: #fff;
    padding: 5px;
    float: left;
    font-size: 10px;
    font-family: Helvetica, Arial;
    color: #000;
    resize: none;
    max-width: 100%;
    max-height: 150px;
}


.nrtextareacheckbox {
    width: 95%;
    height: 150px;
    margin-bottom: .5em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #bebebe;
    background-color: #fff;
    padding: 5px;
  /*  float: left;*/
    font-size: 10px;
    font-family: Helvetica, Arial;
    color: #000;
    resize: none;
    max-width: 100%;
    max-height: 150px;
}


.nrSignup input[type=text]:focus, .nrSignup input[type=password]:focus, textarea:focus {
    background-color: #e9f3f7;
    border: 2px solid #96becd;
    color: #000;
    padding: 4px;
}

.nrselect {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #bebebe;
    background-color: #fff;
    margin: 0;
    font-size: 10px;
    padding: 4px;
    /*float: left;*/
    font-family: Helvetica, Arial;
    color: #000;
}

.reqLabel {
    color: #ff0000;
}

.validationError label {
    color: #ff0000;
}

.validationError p {
    color: #ff0000;
    font-size: 10px;
    display: block;
    float: left;
}

.validationError input[type=text], .validationError select, .validationError input[type=password] {
    border: 2px solid #ff0000 !important;
    background-color: #ffeeee !important;
    padding: 4px !important;
    display: block;
}

.wfullselect {
    width: 88.4%;
}

.wfulltext {
    width: 85%;
}

.wfullpassword {
    width: 85%;
}

.infoIcon img {
    margin-left: .3em;
    margin-top: .3em;
}



.childcontainer {
    width: 100%;
    float: left;
}

.nrtext {
    font-size: 10px;
}

.messageBoxWraper {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: none;
}

.messageBoxBackground {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    opacity: 0.6;
    filter: alpha(opacity=6); /* For IE8 and earlier */
    background-color: #000;
    z-index: 2;
}

.messageBox {
    height: 100px;
    left: 40%;
    min-width: 90px;
    padding: 5px;
    position: fixed;
    top: 40%;
    width: 250px;
    z-index: 99;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#fff));
    background: -moz-linear-gradient(top, #f4f4f4, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff');
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -moz-box-shadow: 1px 1.5px 5px .5px #404040; /* Firefox */
    -webkit-box-shadow: 1px 1.5px 5px .5px #404040; /* Safari and Chrome */
    box-shadow: 1px 1.5px 5px .5px #404040; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
}

#messageBoxButton {
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    left: 110px;
    padding: 5px 10px 5px 10px;
    display: none;
    text-align: center;
    background-color: #A2D100;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-family: Helvetica,Arial;
    font-size: 14px;
    font-weight: bold;
    min-height: 15px;
    min-width: 30px;
    padding: 0.5em;
    text-decoration: none;
}

/** clearfix **/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/** end of clearfix **/