﻿
/* user logon and registration area (.subpage classes are re-used) */
.registration {text-align: left; position: relative; width: 1000px;}
.registration fieldset {font-family: Arial; margin: 0px; padding: 0px; color: White; font-size: 12px; border: 0px; outline: 0px;}
.registration .logon-separator {display: block; position: relative; width: 1px; height: 390px; float: left;
            margin-top: 20px} .logon div.logon-separator img {width: 1px; height: 390px}

.registration fieldset a {color: White; text-decoration: underline}
.registration fieldset .logon-copy-white {margin-bottom: 30px; font-size: 12px}
.registration fieldset label {display: block; width: 131px; margin-right: 10px;}
.registration legend {color: Black; font-size: 18px; line-height: 31px; margin-left: -2px;
            font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

.registration .inputbox {width: 250px; border: 1px solid #CCC}
#login-welcome {position: absolute; top: -40px; left: 0px; width: 900px; text-align: center; color: Black;
        font-size: 50px; font-weight: bold; height: 75px; vertical-align: middle; line-height: normal}

.logon fieldset {display: block; position: relative; width: 300px; height: 300px; margin: 65px 80px 0px 80px;
            float: left; font-size: 0.81em; line-height: 16px}
.logon-action {margin: 20px 0px 0px 75px}
.logon-enter {width: 131px; height: 40px; margin-left: 71px}

.subpage-content .btn_next {width: 127px; height: 37px; left: 441px; position: absolute; top: 350px}
.subpage-content .btn_prev {width: 128px; height: 38px; position: absolute; top: 350px}

.reg-button {width: 130px; height: 38px; border: solid 1px White; background: Black; text-align: center;
    font-family: Arial Narrow, Sans-Serif; font-weight: bold; display: block; font-size: 18px; cursor: pointer}
.reg-button span {margin-top: 10px; display: block}
.reg-button a {text-decoration: none}

.subpage-header {margin-left: 80px; color: White; font-size: 18px; line-height: 31px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
.subpage-content h2 {color: White}
.subpage-content {color: White; font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    position: relative}
.subpage-button img {width: 118px; height: 38px}


.subpage-button
{
    position: absolute;
    left: 210px;
    cursor: hand;
    width: 118px; height: 38px;
}
#snuff-master .submit-click-1, #snuff-master .submit-click-2, #snuff-master .submit-click-3 {
    background: url(../img/registration/snuffSubmit.jpg) no-repeat}
#chew-master .submit-click-1, #chew-master .submit-click-2, #chew-master .submit-click-3 {
    background: url(../img/registration/chewSubmit.jpg) no-repeat;
    width: 129px; height: 52px}
#chew-master .submit-click-1 img, #chew-master .submit-click-2 img, #chew-master .submit-click-3 img {
    width: 129px; height: 52px; left: 300px}



.subpage-content fieldset 
{
    margin: 0;
    padding: 0;
    height: 365px;
    width: auto; border: 0px;
    position: relative; z-index: 2;
}
#chew-master .subpage-chewback {width: 638px; height: 373px; position: absolute; top: 0px; left: 0px;
    z-index: 1; margin-left: 100px}
#snuff-master .subpage-chewback {display: none}

.subpage-content fieldset p 
{
    clear: both;
    margin-top: 0px; 
    margin-left: 0px
}
#snuff-master .subpage-content fieldset p {}
#chew-master .subpage-content fieldset p {padding-left: 5px}

.subpage-content fieldset label 
{
    display: block;
    width: 200px;
    float: left;
    clear: left;
    margin-right: 10px;
    line-height: 1.0em; font-weight: bold
}
#snuff-master .subpage-content fieldset label {}
#chew-master .subpage-content fieldset label {padding-left: 5px}

.subpage-content legend 
{
	font-size: 2.0em; color: White;
	line-height:1.0em; 
	font-weight: normal;  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.snuff-master .subpage-content legend {color: #FFF}
.chew-master .subpage-content legend {color: Black}
.subpage-content legend span {color: #ffff00; font-weight: bold;}
#snuff-master .subpage-content legend span {color: #ffff00}
#chew-master.subpage-content legend span {color: Black}

.subpage-content input[type="text"], .subpage-content input[type="password"], .subpage-content select, subpage-content input.subpage-textbox
{
    width: 280px;
    border: 1px solid #CCC;
    float: left;
    margin: 0 0 10px 0;
}

.subpage-content textarea
{
    width: 440px;
    height: 75px;
    border: 1px solid #CCC;
}

.subpage-content input.shorttextbox, .subpage-content select.shorttextbox
{
    width: 150px;
}

.subpage-content fieldset#registration_step_1 
{
    display: block;
}

.subpage-content fieldset#registration_step_2, .subpage-content fieldset#registration_step_3
{
    display: none;
}
.subpage-content .optional_label
{
    text-align: left; font-weight: bold;
    color: #BBBBBB;
    font-size: 1.1em; line-height: 21px; margin-bottom: 10px
}
#snuff-master .subpage-content .optional_label {}
#chew-master .subpage-content .optional_label {padding-top: 5px}
.field-validation-error 
{
    display: block;
    float: left;
	padding:1px 1px 1px 5px;
	width: 15px;
	height: 15px;
	color:#944654;
    background: transparent url(/img/registration/validator-icon-warning.gif) no-repeat top left;
    border: solid 0px #cead6c;
    margin-right: 10px;
}
.tab_container .subpage-content fieldset p {margin-left: 0px}


.subpage-content fieldset#registration_step_processing
{
    display: none;
    text-align: center;
}

/* TAB ELEMENTS   
----------------------------------------------------------*/
ul.tabs {margin: 0; padding: 0; list-style: none; height: auto; width: auto;}
ul.tabs li {float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border-left: none; margin-bottom: 0px;
        overflow: hidden; position: relative;}
ul.tabs li a {text-decoration: none; color: #fde102; display: block; padding: 0 20px 5px 10px; outline: none;
        font-size: 17px; font-weight: normal; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
ul.tabs li.active, ul.tabs li.active a {
    background: transparent; color: White; font-weight: bold}
    
#chew-master ul.tabs li a {color: #e71831}
#chew-master ul.tabs li.active, ul.tabs li.active a {color: Black !important}

.tab_container {margin: 0; border-top: none; clear: both; width: auto; height: auto;
    color: White; font-family: Arial}

    
#snuff-master .tab_container fieldset {margin-left: 100px}
#chew-master .tab_container fieldset {padding-left: 150px}
#chew-master .tab_container fieldset .submit-click-1 {position: relative; float: left; margin-left: 7px}
#chew-master .tab_container fieldset .submit-click-1 img {left: auto; position: relative}
#snuff-master .tab_container {background: #cc0a2f; border: solid 1px White; width: 700px; margin-left: 100px}
#chew-master .tab_container fieldset {height: 373px; width: 555px}

/* 2010 REGISTRATION UPDATE STYLES
----------------------------------------------------------*/
#q01, #q02, #q03, #q04, #q05 {display:none;}

#q01 .field-validation-error, #q02 .field-validation-error, #q03 .field-validation-error, #q04 .field-validation-error, #q05 .field-validation-error {background: none;}


/* FONT REPLACEMENT STYLES
----------------------------------------------------------*/
.univers 		{font-size:50px; color:#000000; font-weight: bold; font-style: normal; line-height:normal; font-family: 'UniversLTStd39ThinUltraConden', sans-serif;}
.helveticaneue 	{font-size:50px; color:#000000; font-weight: bold; font-style: normal; line-height:normal; font-family: 'HelveticaNeueLTStd93BlackExte', sans-serif;}

@font-face {
	font-family: 'UniversLTStd39ThinUltraConden';
	src: url('universltstd-thinultracn-webfont.eot');
	src: local('☺'), url('universltstd-thinultracn-webfont.woff') format('woff'), url('universltstd-thinultracn-webfont.ttf') format('truetype'), url('universltstd-thinultracn-webfont.svg#webfontnNQ5pdsf') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTStd93BlackExte';
	src: url('helveticaneueltstd-blkex-webfont.eot');
	src: local('☺'), src: url('helveticaneueltstd-blkex-webfont.woff') format('woff'), url('helveticaneueltstd-blkex-webfont.ttf') format('truetype'), url('helveticaneueltstd-blkex-webfont.svg#webfontoWEt98cA') format('svg');
	font-weight: normal;
	font-style: normal;
}

