/* GENERAL */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, code, del, dfn,
em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

body {
    background:url(../images/background.jpg)  52px 50px ;
    line-height:1.5;
    font-family:"Arial Italic","Arial",Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight:normal;
    color:#003300;
}

div.topContainer {
    float:none;
    display:block;
    margin:auto;
    padding:0 0 0 10px;
    width:980px;
}

a img {
    border:medium none;
}

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

div#footerContainer {
    float:left;
    position:relative;
    margin: 0 0 0 4px;
    width:950px;
    color: #003300;
}

div#copyRightContainer {
    float:left;
    position:relative;
    width:170px;
    font-size:10px;}

div#termsContainer {
    position:relative;
    float:left;
    width:80px;
    text-align:left;
    font-size:10px;}

div#privacyPolicyContainer {
    position:relative;
    float:left;
    width:80px;
    text-align:left;
    font-size:10px;}

/* ACTION BUTTONS */

.button {
    height: 2em;
    width: 8em;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin: 0 auto 0;
    background-color: #731c2a;
    color: #ffffff;
    padding: 0 0 0 0;
    border: 0 solid #ffffff;
}


a.green:link {font-weight:bold; color: #003300;}
a.green:visited {font-weight:bold; color: #006600;}
a.green:hover {font-weight:bold; color: #009900;}
a.green:active {font-weight:bold; color: #003300;}

a.red:link {color: #990000;}
a.red:visited {color: #993333;}
a.red:hover {color: #CC3333;}
a.red:active {color: #990000;}

/* MAIN NAVIGATION MENU */

a:focus {
 outline: none;
}

#menuContainer {
    width:974px;
    height:37px;
    margin: 4px 0 0 -3px;
}

#menuwrap {
	width:100%;
	height:37px;
	position:relative;
	top:0px;
}


ul#loggedOutMenu {
	width:974px;
	height:37px;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#loggedOutMenu li {
	float:left;
}

ul#loggedOutMenu li a {
	display: block;
	height:37px;
	overflow:hidden;
	text-indent:-99999px;
	background:transparent url(../images/button-bar-loggedout.png) no-repeat;
}

ul#loggedOutMenu li#home a { background-position:0 0; width:104px; }
ul#loggedOutMenu li#home a:hover { background-position:0 -37px; width:104px; }

ul#loggedOutMenu li#teller a { background-position:-104px 0; width:100px; }
ul#loggedOutMenu li#teller a:hover { background-position:-104px -37px; width:100px; }

ul#loggedOutMenu li#partners a { background-position:-204px 0; width:100px; }
ul#loggedOutMenu li#partners a:hover { background-position:-204px -37px; width:100px; }

ul#loggedOutMenu li#about a { background-position:-304px 0; width:100px; }
ul#loggedOutMenu li#about a:hover { background-position:-304px -37px; width:100px; }

ul#loggedOutMenu li#contact a { background-position:-404px 0; width:100px; }
ul#loggedOutMenu li#contact a:hover { background-position:-404px -37px; width:100px; }

ul#loggedOutMenu li#name a { background-position:-504px 0; width:140px; cursor:default; }
ul#loggedOutMenu li#name a:hover {}

ul#loggedOutMenu li#logout a { background-position:-644 0; width:100px; }
ul#loggedOutMenu li#logout a:hover { background-position:-644 -37px; width:100px; }

ul#loggedOutMenu li#myaccount a { background-position:-744 0; width:100px; cursor:default; }

ul#loggedOutMenu li#myreviews a { background-position:-844 0; width:101px; cursor:default; }

ul#loggedOutMenu li#help a { background-position:-945 0; width:29px; cursor:default; }
ul#loggedOutMenu li#help a:hover { background-position:-945 -37px; width:29px; }


ul#loggedInMenu {
	width:974px;
	height:37px;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#loggedInMenu li {
	float:left;
}

ul#loggedInMenu li a {
	display: block;
	height:37px;
	overflow:hidden;
	text-indent:-99999px;
	background:transparent url(../images/button-bar-loggedin.png) no-repeat;
}

div#buttonBarUserName {
    padding-top:9px;
    font-size:110%;
}

ul#loggedInMenu li#home a { background-position:0 0; width:104px; }
ul#loggedInMenu li#home a:hover { background-position:0 -37px; width:104px; }

ul#loggedInMenu li#teller a { background-position:-104px 0; width:100px; }
ul#loggedInMenu li#teller a:hover { background-position:-104px -37px; width:100px; }

ul#loggedInMenu li#partners a { background-position:-204px 0; width:100px; }
ul#loggedInMenu li#partners a:hover { background-position:-204px -37px; width:100px; }

ul#loggedInMenu li#about a { background-position:-304px 0; width:100px; }
ul#loggedInMenu li#about a:hover { background-position:-304px -37px; width:100px; }

ul#loggedInMenu li#contact a { background-position:-404px 0; width:100px; }
ul#loggedInMenu li#contact a:hover { background-position:-404px -37px; width:100px; }

ul#loggedInMenu li#name a { background-position:-504px 0; width:140px;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    cursor:default;
    color:#990000;
    text-indent:0px;
    text-align:center;
    text-decoration:none;
}

ul#loggedInMenu li#logout a { background-position:-644 0; width:100px; }
ul#loggedInMenu li#logout a:hover { background-position:-644 -37px; width:100px; }

ul#loggedInMenu li#myaccount a { background-position:-744 0; width:100px; }
ul#loggedInMenu li#myaccount a:hover { background-position:-744 -37px; width:100px; }

ul#loggedInMenu li#myreviews a { background-position:-845 0; width:101px; }
ul#loggedInMenu li#myreviews a:hover { background-position:-845 -37px; width:101px; }

ul#loggedInMenu li#help a { background-position:-946 0; width:27px; cursor:default; }
ul#loggedInMenu li#help a:hover { background-position:-946 -37px; width:27px; }

/* HELP STUFF */

div.helpSection {
    float:left;
    width:100%;
    display:none;
}

div.helpButtonDiv {
    float:left;
    margin:1px 0 0 0;
}

/* SHARED ELEMENTS */

div#layoutContainer {
    border:0 solid #000000;
    float:left;
    margin: -5px 0 0 0;
    padding:0 0 0 2px;
    width:917px;
    height:375px;
    font-family: "Arial Italic", "Arial", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: oblique;
    color:#003300;
    text-indent:0px;
    text-align:left;
}

div#layoutFiller {
    position:relative;
    float:left;
    margin: -5px 0 0 0;
    width:917px;
    height:25px;
}

div#leftPanel {
    float:left;
    margin: 0 0 0 0;
    padding: 0 0 0 2px;
    width:196px;
    height:250px;
}

div#layoutContainer label {
    font-weight: normal;
    font-style: normal;
    margin: 0 0 0 4px;
}

input.styled_input {
    float:left;
    width:182px;
    height:21px;
    display: block;
    border:0px;
    padding: 4px 2px 0 4px;
    margin: 0 0 0 2px;
    font: 12px/21px arial,sans-serif;
    background:transparent url(../images/textBox.png) no-repeat;
    background-position: bottom right;
}

input#newdescription {
    width:182px;
    height:21px;
    display: block;
    border:0px;
    padding: 3px 2px 0 4px;
    font: 12px/21px arial,sans-serif;
    background:transparent url(../images/textBox.png) no-repeat;
    background-position: bottom right;
}

div#descriptionInputType {
    float:left;
}

div#layoutContainer .short_styled_input {
    float:left;
    width:90px;
    height:26px;
    display: block;
    border:0px;
    padding: 6px 8px 0 6px;
    margin: -2px 0 0 -5px;
    background:transparent url(../images/smalltextBox.png) no-repeat;
    background-position: bottom right;
    font-size:11px;
}

div#bigPanel {
    float:left;
    margin-top:25px;
}

div#bigPanel span {
    font-family: "Arial Italic", "Arial", Arial, Helvetica, sans-serif;
    font-style: oblique;
    font-size: 1.1em;
    color:#003300;
    text-indent:0px;
    text-align:left;
    line-height:170%
}

div.panelHeader {
    float:left;
    color: #003300;
    font-size: 18px;
    font-weight: bold;
    font-style: oblique;
    padding-left:5px;
    margin:-2px 0 0 0;
}

div.panelTitle {
    float:left;
    font-size:11px;
    height:34px;
    margin:6px 0 0 7px;
    width:500px;
}

div.saveButton {
    float:left;
    margin: 14px 0 0 0;
    padding: 0 0 0 0;
    width:104px;
    height:30px;
}

/* Styled Control Stuff */

input.styled {
    display: none;
    cursor:pointer;
}

input.styled102 {
    display: none;
    cursor:pointer;
}

input.styled122 {
    display: none;
}

input.styled182 {
    display: none;
}

select.styledDayMonth {
    position: relative;
    width:40px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
    margin:0px 0 0 2px;
}

select.styledYear {
    position: relative;
    width:54px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
    margin:1px 0 0 2px;
}

select.styled102 {
    position: relative;
    width:102px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
}

select.styled122 {
    position: relative;
    width:122px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
}

select.styled182 {
    position: absolute;
    min-width:182px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
    margin:0 0 0 2px;
}

span.checkbox {
    width: 15px;
    height: 15px;
    padding: 0 0 0 0;
    background: url(../images/checkbox.png) no-repeat;
    display: block;
    clear: left;
    float: left;
    overflow: hidden;
    cursor:pointer;
}

span.radio {
    width: 15px;
    height: 15px;
    margin:1px 0 0 0;
    padding: 0 0 0 0;
    background: url(../images/checkbox.png) no-repeat;
    display: block;
    clear: left;
    float: left;
    overflow: hidden;
    cursor:pointer;
}

div.select {
    float:left;
    height:25;
    cursor:pointer;
    margin:-1px 0 0 0;
}

span.selectDayMonth {
    float:left;
    position: relative;
    width: 40px;
    height: 20px;
    padding: 0 0 0 6px;
    margin:-19px 0 0 2px;
    color: #003300;
    font: 12px/21px Ariel,sans-serif;
    background: url(../images/selectBoxDayMonth.png) no-repeat;
    overflow: hidden;
    cursor:pointer;
}

span.selectYear {
    float:left;
    position: relative;
    width: 54px;
    height: 20px;
    padding: 0 0 0 6px;
    margin:-20px 0 0 2px;
    color: #003300;
    font: 12px/21px Ariel,sans-serif;
    background: url(../images/selectBoxYear.png) no-repeat;
    overflow: hidden;
    cursor:pointer;
}

span.select102 {
    position: absolute;
    width: 102px;
    height: 20px;
    padding: 0 0 0 6px;
    margin: 0 0 0 -102px;
    color: #003300;
    font: 12px/21px Ariel,sans-serif;
    background: url(../images/selectBox102.png) no-repeat;
    overflow: hidden;
    cursor:pointer;
}

span.select122 {
    position: absolute;
    width: 122px;
    height: 20px;
    padding: 0 0 0 6px;
    margin: 0 0 0 -122px;
    color: #003300;
    font: 12px/21px Ariel,sans-serif;
    background: url(../images/selectBox122.png) no-repeat;
    overflow: hidden;
    cursor:pointer;
}

span.select182 {
    position: absolute;
    width: 182px;
    height: 20px;
    padding: 0 0 0 6px;
    margin: 0 0 0 2px;
    color: #003300;
    font: 12px/21px Ariel,sans-serif;
    background: url(../images/selectBox182.png) no-repeat;
    overflow: hidden;
    cursor:pointer;
}

div#rightLogo {
    float:left;
    margin: 20px 0 0 0;
    width:43px;
    height:98px;
    background:transparent url(../images/iTellLogo.png) no-repeat;
}

div.formSection {
    float:left;
    width:390px;
    float:left;
}

div.formSectionHead {
    float:left;
    width:390px;
    height:20px;
    font-weight: normal;
    color:#990000;
    text-align: left;
    margin:0 0 0 6px;
}

div.formSectionTitle {
    width:300px;
    margin:0 0 0 20px
}

div.formField {
    float:left;
    width:390px;
}

div.formLabel {
    float:left;
    text-align:right;
    width:190px;
    padding:0 0 0 0;
    font-style:normal;
}

div.radioLabel {
    float:left;
    text-align:left;
    padding:0 0 0 5px;
}

/* Info Components */

ul.infoList {
    list-style-type:none;
    margin:6px 0 6px 0;
    width:200px;
}

ul.infoListWide {
    list-style-type:none;
    margin:6px 0 6px 0;
    width:280px;
}

ul.infoSubList {
    list-style-type:none;
    margin:0 0 4px 0;
    width:200px;
}

div#infoMainPanel {
    float:left;
    font-style:normal;
    line-height:130%;
    margin-top:25px;
}

div#policyTitle {
    float:left;
    font-style:normal;
    width:880px;
    text-align:center;
}

div#policy {
    float:left;
    font-style:normal;
    line-height:130%;
    width:880px;
}

div.infoLeft {
    float:left;
    width:200px;
    font-style:normal;
}

div.tallInfoLeft {
    height:940px;
}

div.infoDivider {
    width:187px;
    height:1px;
    margin:0 0 0 0;
    padding:0 0 0 0;
}

div.infoDividerWide {
    width:187px;
    height:1px;
}

div#infoSubTitle {
    font-weight:bold;
    font-size:10pt;
    color:#003300;
    text-align:left;
    margin:2px 0 12px 0;
}

li#infoListSelectedTitle {
    font-weight:bold;
    color:#990000;
}

div#infoSelectedTitle {
    font-size:10pt;
    font-weight:bold;
    color:#990000;
    text-align:left;
    margin:6px 0 6px 0;
}

div.infoTitle {
    font-size:10pt;
    text-align:left;
    margin:6px 0 6px 0;
}

span.infoSectionTitle {
    font-style:italic;
    font-weight:bold;
}

div.infoMiddle {
    float:left;
    width:260px;
    padding:0 40px 0 0;
    margin:-3px 0 0 0;
}

div.infoMiddleWide {
    float:left;
    width:670px;
    padding:0 40px 0 0;
    margin:8px 0 6px 0;
}

div.infoRight {
    float:left;
    width:280px;
}

div.teamDivider {
    width:640px;
    height:12px;
    margin:35px 0 15px 0;
    background:transparent url(../images/rule.png) no-repeat;
}

div.teamRight {
    float:left;
    width:340px;
}

div.FAQTitle {
    font-size:10pt;
    font-style:oblique;
    font-weight:bold;
    text-align:left;
    margin:6px 0 6px 0;
}

div.FAQSection {
    float:left;
    margin-left:30px;
    width:100%;
}

/* HOME PAGE PANELS */

div#leftHomePanel {
    float:left;
    margin: 0 0 0 0;
    padding: 8px 0 0 0;
    height:241px;
    width:297px;
}

div#leftHomePanel span#homeBoldText {
    font-size: 1.2em;
    color:#003300;
}

div#centerHomePanel {
    float:left;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    height:281px;
    width:341px;
    background:transparent url(../images/homePanel.png) no-repeat;
}

div.homeButton1 {
    float:left;
    margin: 28px 0 0 12px;
    padding: 0 0 0 0;
    height:51px;
    width:160px;
}

div.homeButton2 {
    float:left;
    margin: 28px 0 0 -4px;
    padding: 0 0 0 0;
    height:51px;
    width:160px;
}

div#rightHomePanel {
    float:left;
    margin: 0 0 0 15px;
    padding: 10px 0 0 10px;
    height:141px;
    width:215px;
}

div#reviewOMeter {
    float:left;
    margin: 13px 0 0 118px;
    padding: 10px 0 0 10px;
    height:100px;
    width:100px;
    background:transparent url(../images/reviewOMeter.png) no-repeat;
}

div#reviewOMeterNeedle {
    position:relative;
    margin:2px 0 0 5px;
    height:73px;
    width:73px;
}

div#reviewOdometer {
    float:left;
    margin: 15px 0 0 120px;
    padding: 10px 0 0 10px;
    height:45px;
    width:105px;
    background:transparent url(../images/reviewOdometer.png) no-repeat;
}

div#reviewCount {
    font-family: "Arial", "Arial", Arial, Helvetica, sans-serif;
    float:left;
    margin: -15px 0 0 -15px;
    padding: 10px 0 0 10px;
    height:45px;
    width:100px;
    font-size: 10px;
    font-style:normal;
    letter-spacing:3.4px;
    color:#504e4f;
}

div#goalPanel {
    float:left;
    margin: 0 0 0 404px;
    padding: 8px 0 0 0;
    height:81px;
    width:290px;
}

div#goalPanelText {
    float:left;
    margin: 0 0 0 15px;
    padding: 5px 0 0 0;
    height:75px;
    width:252px;
}

div#goalPanel span {
    font-family: "Arial Italic", "Arial", Arial, Helvetica, sans-serif;
    font-style: oblique;
    font-size: 1.0em;
    text-indent:0px;
    text-align:left;
    line-height:120%
}

/* LOGIN PAGE */

div#centerLoginPanel {
    float:left;
    height:271px;
    margin:0;
    padding:10px 0 0 10px;
    width:532px;
    background:transparent url(../images/loginPanel.png) no-repeat;
}

div#centerLeftLoginPanel {
    float:left;
    width:270px;
    height:258px;
    margin: 10px 0 0 15px;
}

div.loginDivider {
    background: #b8beb3;
    float:left;
    width:1px;
}

div.rememberMeField {
    float:left;
    width:260px;
    margin: 8px 0 0 2px;
}

div.rememberMeLabel {
    float:left;
    margin:-2px 0 0 5px;
    font-style:oblique;
}

div.loginEntry {
    float:left;
    width:260px;
    padding: 4px 0 8px 0;
}

div.forgotPassword {
    float:left;
    width:260px;
    margin:0 0 0 4px;    
}

div.loginError {
    float:left;
    width:260px;
    height:20px;
    margin:20px 0 0 4px;
}

div.iTelliSeekButton {
    float:left;
    width:105px;
    height:29px
}

div.loginButton {
    float:left;
    margin: 4px 0 0 0;
    padding: 0 0 0 0;
    width:104px;
    height:30px;
}

div#centerRightLoginPanel {
float:left;
height:220px;
margin:35px 0 0 20px;
width:200px;
}


div#facebooklogin {
    float:left;
    display:none;
}

div#facebookloginPrompt {
    float:left;
    width:100%;
}

div.fbloginError {
float:left;
height:75px;
margin:10px 0 0;
}

div#registerprompt {
float:left;
margin-top:65px;
}

/* FORGOTTEN PASSWORD PAGE */


div#forgotPasswdLeft {
    float:left;
    width:380px;
}

div.forgotPasswdHeader {
    float:left;
    color: #003300;
    font-size: 18px;
    font-weight: bold;
    font-style: oblique;
    height:24px;
    padding-left:5px;
    margin:0 0 0 -2px;
}

div.forgotPasswdField {
    float:left;
    width:380px;
    margin:0 0 4px 0;
}

div.forgotPasswdLabel {
    float:left;
    text-align:right;
    width:80px;
    font-style: normal;
    margin:4px 0 0 0;
}

div.forgotPasswdInput {
    float:left;
    width:208px;
    margin-left:2px;
}

div#nameAvailableDiv {
    float:left;
    height:10px;
    width:160px;
    margin-left:4px;
    font-size:11px;
}

div.ageCheckbox {
    float:left;
    width:30px;
    margin:2px 0 0 2px;
}

div.captchaField {
    float:left;
    width:90px;
}

div#forgotPasswdRight {
    float:left;
    width:105px;
    padding:182px 0 0 0;
}

div.resetCompleteText {
    float:left;
    width:500px;
    margin-left:5px;
    line-height:1.2em;
}

/* REGISTER PAGE */


div#centerRegisterPanel {
    float:left;
    margin: 0 0 0 0;
    padding: 10px 0 0 15px;
    width:541px;
    height:331px;
    background:transparent url(../images/registerPanel.png) no-repeat;
}

div#registerLeft {
    float:left;
    width:370;
}

div.registerHeader {
    float:left;
    color: #003300;
    font-size: 18px;
    font-weight: bold;
    font-style: oblique;
    height:24px;
    padding-left:5px;
    margin:0 0 0 -2px;
}

div.registerField {
    float:left;
    width:390px;
    margin:5px 0 4px 0;
}

div.registerLabel {
    float:left;
    text-align:right;
    width:184px;
    font-style: normal;
    margin:2px 0 0 0;
}

div.registerInput {
    float:left;
    width:190px;
    margin-left:2px;
}

div.registerCaptchaInput {
    width:90px;
    margin-left:4px;
}

div#nameAvailableDiv {
    float:left;
    height:10px;
    width:160px;
    margin-left:4px;
    font-size:11px;
}

/* Knowledge rating buttons */

div.knowledgeContainer {
    float:left;
    width:182px;
    height:20px;
    margin: 0 0 0 2px;
}

div.knowledgeWrap {
    float:left;
	width:100%;
	height:20px;
	position:relative;
	top:0px;
}


ul.knowledgeBtnBar {
    float:left;
	width:182px;
	height:20px;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.knowledgeBtnBar li {
	float:left;
}

ul.knowledgeBtnBar li a {
    float:left;
	height:20px;
	overflow:hidden;
	text-indent:99999px;
}

ul#knowledge li a {
	background:transparent url(../images/knowledge_btns.png) no-repeat;
}

ul#knowledge li#knowledgeBtn1 a.unselected { background-position:0 0; width:37px; }
ul#knowledge li#knowledgeBtn1 a.hoverUnselected { background-position:0 -20px; width:37px; }
ul#knowledge li#knowledgeBtn1 a.hoverSelected { background-position:0 0; width:37px; }
ul#knowledge li#knowledgeBtn1 a.selected { background-position:0 -40px; width:37px; }

ul#knowledge li#knowledgeBtn2 a.unselected { background-position:-37px 0; width:36px; }
ul#knowledge li#knowledgeBtn2 a.hoverUnselected { background-position:-37px -20px; width:36px; }
ul#knowledge li#knowledgeBtn2 a.hoverSelected { background-position:-37px 0; width:36px; }
ul#knowledge li#knowledgeBtn2 a.selected { background-position:-37px -40px; width:36px; }

ul#knowledge li#knowledgeBtn3 a.unselected { background-position:-73px 0; width:36px; }
ul#knowledge li#knowledgeBtn3 a.hoverUnselected { background-position:-73px -20px; width:36px; }
ul#knowledge li#knowledgeBtn3 a.hoverSelected { background-position:-73px 0; width:36px; }
ul#knowledge li#knowledgeBtn3 a.selected { background-position:-73px -40px; width:36px; }

ul#knowledge li#knowledgeBtn4 a.unselected { background-position:-109px 0; width:36px; }
ul#knowledge li#knowledgeBtn4 a.hoverUnselected { background-position:-109px -20px; width:36px; }
ul#knowledge li#knowledgeBtn4 a.hoverSelected { background-position:-109px 0; width:36px; }
ul#knowledge li#knowledgeBtn4 a.selected { background-position:-109px -40px; width:36px; }

ul#knowledge li#knowledgeBtn5 a.unselected { background-position:-145px 0; width:37px; }
ul#knowledge li#knowledgeBtn5 a.hoverUnselected { background-position:-145px -20px; width:37px; }
ul#knowledge li#knowledgeBtn5 a.hoverSelected { background-position:-145px 0; width:37px; }
ul#knowledge li#knowledgeBtn5 a.selected { background-position:-145px -40px; width:37px; }

div#knowledgeNoviceLabel {
    float:left;
    width:144px;
    margin-left:3px;
}

div#knowledgeExpertLabel {
    float:left;
    width:35px;
}

div.ageCheckbox {
    float:left;
    width:30px;
    margin:2px 0 0 2px;
}

div#registerRight {
    float:left;
    width:154px;
    padding:42px 0 0 0;
}

div.registerButton {
    float:left;
    margin: 14px 0 0 0;
    padding: 186px 0 0 22px;
    width:104px;
    height:30px;
}

/* Register Complete Page */

div.registerCompleteText {
    float:left;
    width:500px;
    margin-left:5px;
    line-height:1.2em;
}


div#registerReconfirmButton {
    float:left;
    margin:16px 0 0;
    text-align:center;
    width:100%;
}

/* PARTNER REQUEST FORM PAGE */

div#partnerRequestPanel {
    float:left;
    margin: -1px 0 0 0;
    padding: 10px 0 0 15px;
    width:527px;
    height:340px;
    background:transparent url(../images/partnerRequestPanel.png) no-repeat;
}

div#partnerRequestLeft {
    float:left;
    width:380;
    margin:10px 0 0 0;
}

div.partnerRequestField {
    float:left;
    width:395px;
    margin:0px 0 4px 0;
}

div#partnerRequestComment {
    margin-top:3px
}

div.partnerRequestError {
    float:left;
    width: 520px;
    margin:-4px 0 4px 0;
}

div.partnerRequestErrorMessage {
    float:left;
    width:330px;
    margin-left:2px;
}

div.partnerRequestNote {
    float:left;
    width:520px;
    margin:0 0 0 0;
}

div.partnerRequestLabel {
    float:left;
    text-align:right;
    width:190px;
    font-style: normal;
    margin:3px 0 0 0;
}

div.partnerRequestInput {
    float:left;
    width:186px;
    margin-left:2px;
}

div.partnerRequestCaptchaInput {
    float:left;
    width:90px;
    margin:0 0 0 4px;
}

div#nameAvailableDiv {
    float:left;
    height:10px;
    width:160px;
    margin-left:4px;
    font-size:11px;
}

div.notSellerCheckbox {
    float:left;
    width:30px;
    margin:2px 0 0 2px;
}

div.agreementCheckbox {
    float:left;
    width:30px;
    margin:2px 0 0 2px;
}

div.partnerRequestCaptchaField {
    float:left;
    width:110px;
    margin-top:0;
}

div#partnerRequestRight {
    float:left;
    margin:212px 0 0 15px;
    padding:0 0 0;
    width:105px;
}

/* WINEID PAGE */

div#wineIDPanel {
    float:left;
    width:629px;
    height:381px;
    margin: 5px 0 0 0;
    padding: 10px 0 0 10px;
    background:transparent url(../images/wineIDPanel.png) no-repeat;
}

div.wineIDPanelHeader {
    float:left;
    color: #003300;
    font-size: 18px;
    font-weight: bold;
    font-style: oblique;
    padding-left:13px;
    margin:-2px 0 0 0;
}


div#wineIDLeft {
    float: left;
    width:383px;
    padding-left:7px;
}

div#wineIDRight {
    float: left;
    width:230px;
    height:350px;
    margin:-7px 0 0 0;
}

div.wineIDOptionalLabel {
    margin-top:283px;
}

div.wineIDContinueButton {
    padding-left:30px;
}

div.wineIDShowButtonsRow {
    float:left;
    width:610px;
    margin:60px 0 5px 4px;
    padding:0 0 0 0;
}

div.wineIDShowAdminButtons {
    float:left;
    width:254px;
    margin:0px 0 5px 4px;
    padding:0 0 0 100px;
}

div.wineIDShowUserButtons {
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 0;
}

div.wineIDFormField {
    float:left;
    width:600px;
}

div.wineIDRegionField {
    margin-top:0;
    margin-bottom:4px;
}

div.wineIDRegionInput {
    float:left;
    position:relative;
    margin:0 0 0 11px;
    font-style:normal;
}

div.wineIDReserveField {
    margin-top:4px;
}

div.wineIDVerifiedField {
    float:left;
    width:80px;
    margin-left:73px;
}

div.wineIDVerifiedCheckbox {
    float:left;
    margin:3px 0 0 2px;
}

div.formLabel {
    float:left;
    text-align:right;
    width:190px;
    padding:0 4px 0 0;
}

div.wineIDInputLabel {
    padding-right:0;
}

div.wineIDInput {
    float:left;
    position:relative;
    margin:0 0 0 3px;
    font-style:normal;
}

div.wineIDCheckbox {
    float:left;
    width:30px;
    margin:3px 0 0 0;
}

div.wineIDRightElem {
    float:left;
    width:210px;
    text-align:right;
}

div.wineIDError {
    text-align:right;
    margin-top:5px;
}

/* Appellation and Region Custom Input */

div.wineIDCustomInputArea {
    float:left;
    width:280px;
}

div.wineIDCustomInputLine {
    float:left;
    width:280px;
}

div.wineIDAppellationInputLabel {
    float:left;
    margin:10px 0 0;
    padding:0 5px 0 0;
    text-align:right;
    width:68px;
}

div.wineIDRegionInputLabel {
    float:left;
    margin:11px 0 0;
    padding:0 5px 0 0;
    text-align:right;
    width:55px;
}

div.wineIDVarietalInputLabel {
    float:left;
    margin:10px 0 0;
    padding:0 5px 0 0;
    text-align:right;
    width:65px;
}

div.wineIDCustomInputField {
    float:left;
    margin:8px 0 0 -2px;
    padding:0 0 0 0;
}

div.wineIDCustomInputText {
    float:left;
    margin:10px 0 0;
    width:260px;
}

div.wineIDCustomInputSaveButton {
    margin:10px 0 0 0px;
    padding:0 8px 0 0;
}

div.wineIDCustomInputCancelButton {
     margin:10px 0 0 38px;
}

div#varietalInputWineStyle {
    float:left;
}

div.wineIDCustomInputError {
    float:left;
    width:260px;
    height:12px;
}

/* The Wine Page */

div.wineAttribute {
    float:left;
    padding-left:3px;
    color:#990000;
}

/* Producer Show and Edit Pages */

div.producerPanel {
    float:left;
    width:628px;
}

div.producerPanelLeft {
    float:left;
    width:450px;
}

div.producerPanelRight {
    float:left;
    width:160px;
}

div.producerShowButtonsRow {
    float:left;
    width:inherit;
    margin:0 0 0 0;
    padding:0 0 0 47px;
}

div.producerShowAdminButtons {
    float:left;
    width:inherit;
    margin:245px 0 0 0;
    padding:0 0 0 0;
}

div.producerShowUserButtons {
    float:left;
    width:inherit;
    margin:10px 0 0 0;
    padding:0 0 0 0;
}

div.producerField {
    float:left;
    width:450px;
    margin: 0 0 0 0;
}

div.producerLabel {
    float:left;
    text-align:right;
    width:150px;
}

div.producerRegionField {
    margin-top:-6px;
    margin-bottom:0px;
}

div.producerInputLabel {
    padding-right:2px;
}

div.producerInput {
    float:left;
    width:162px;
    margin-left:0px;
}

div.producerAttribute {
    float:left;
    padding-left:10px;
    color:#990000;
}

div.producerVerifiedCheckbox {
    float:left;
    width:30px;
    margin-left:-3px;
}

div.producerEditButtonsRow {
    float:left;
    margin:230px 0 0 2px;
    padding:0 0 0 0;
    width:inherit;
    text-align:right;
}

div.producerOptionalLabel {
    float:left;
    margin-left:95px
}

div.producerEditButton {
    margin:7px 0 0 45px;
}

/* Rating Page */

.ratingScore {
    float:left;
    width:42px;
    height:20px;
    display: block;
    border:0;
    margin:0 0 0 3px;
    padding:4px 0 0 0;
    background:transparent url(../images/tallyBox.png) no-repeat;
    background-position: bottom right;
    font-family: "Arial", "Arial", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#003300;
    text-align:center;
}

div.tallyLabel {
    width:59px;
    padding:0 4px 0 0;
    margin-top:2px;
}

.tallyNumber {
    float:left;
    width:42px;
    height:20px;
    display: block;
    border:0;
    margin:0 0 0 0;
    padding:2px 0 0 0;
    background:transparent url(../images/tallyBox.png) no-repeat;
    font-family: "Arial", "Arial", Arial, Helvetica, sans-serif;
    color:#003300;
    font-size:11px;
    text-align:center;
}

div#ratingPanel {
    float:left;
    width:641px;
    height:391px;
    margin: 5px 0 0 0;
    padding: 10px 0 0 10px;
    background:transparent url(../images/ratingPanel.png) no-repeat;
}

div.ratingPanelTitle {
    float:left;
    width:540px;
    margin:6px 0 0 15px;
    height:30px;
    font-size:11px;
    overflow:hidden;
}

div.ratingFormField {
    width:630px;
    margin-top:2px;    
}

div.priceFormField {
    float:left;
    width:65px;
    margin:0 0 0 0;
}

input.price_styled_input {
    background:transparent url(../images/priceBox.png) no-repeat scroll right bottom;
    border:0 none;
    display:block;
    float:left;
    font-size:11px;
    height:20px;
    margin:0;
    padding:3px 5px 0 4px;
    text-align:right;
    width:57px;
}

div.priceKnownField {
    float:left;
    margin:2px 0 0 0;
}

div.priceTypeField {
    float:left;
    margin:0 0 0 12px;
}

div.radioFormField {
    float:left;
    width:495px;
    margin:3px 0 0 0;
}

div.ratingSaveButtonField {
    float: left;
    width:120px;
    margin:-28px 0 0 502px;
}

div.ratingBase {
    float:left;
    margin:3px 0 0 425px
}

div.scoreLabels {
    margin:-20px 0 0 503px;
    width:120px;
}

div.reviewRatingLabel {
    float:left;
    margin-left:16px;
}

/* Rating score buttons */

div.scoreContainer {
    float:left;
    width:302px;
    height:20px;
    margin: 0 0 0 3px;
}

div.scoreWrap {
    float:left;
	width:100%;
	height:20px;
	position:relative;
	top:0px;
}


ul.buttonBar {
    float:left;
	width:302px;
	height:20px;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.buttonBar li {
	float:left;
}

ul.buttonBar li a {
    float:left;
	height:20px;
	overflow:hidden;
	text-indent:99999px;
}

ul#appearance li a {
	background:transparent url(../images/rating_btn1.png) no-repeat;
}

ul#appearance li#appearanceBtn1 a.unselected { background-position:0 0; width:77px; }
ul#appearance li#appearanceBtn1 a.hoverUnselected { background-position:0 -20px; width:77px; }
ul#appearance li#appearanceBtn1 a.hoverSelected { background-position:0 0; width:77px; }
ul#appearance li#appearanceBtn1 a.selected { background-position:0 -40px; width:77px; }

ul#appearance li#appearanceBtn2 a.unselected { background-position:-77px 0; width:75px; }
ul#appearance li#appearanceBtn2 a.hoverUnselected { background-position:-77px -20px; width:75px; }
ul#appearance li#appearanceBtn2 a.hoverSelected { background-position:-77px 0; width:75px; }
ul#appearance li#appearanceBtn2 a.selected { background-position:-77px -40px; width:75px; }

ul#appearance li#appearanceBtn3 a.unselected { background-position:-152px 0; width:75px; }
ul#appearance li#appearanceBtn3 a.hoverUnselected { background-position:-152px -20px; width:75px; }
ul#appearance li#appearanceBtn3 a.hoverSelected { background-position:-152px 0; width:75px; }
ul#appearance li#appearanceBtn3 a.selected { background-position:-152px -40px; width:75px; }

ul#appearance li#appearanceBtn4 a.unselected { background-position:-227px 0; width:75px; }
ul#appearance li#appearanceBtn4 a.hoverUnselected { background-position:-227px -20px; width:75px; }
ul#appearance li#appearanceBtn4 a.hoverSelected { background-position:-227px 0; width:75px; }
ul#appearance li#appearanceBtn4 a.selected { background-position:-227px -40px; width:75px; }

ul#aroma li a {
	background:transparent url(../images/rating_btn2.png) no-repeat;
}

ul#aroma li#aromaBtn1 a.unselected { background-position:0 0; width:21px; }
ul#aroma li#aromaBtn1 a.hoverUnselected { background-position:0 -20px; width:21px; }
ul#aroma li#aromaBtn1 a.hoverSelected { background-position:0 0; width:21px; }
ul#aroma li#aromaBtn1 a.selected { background-position:0 -40px; width:21px; }

ul#aroma li#aromaBtn2 a.unselected { background-position:-21px 0; width:20px; }
ul#aroma li#aromaBtn2 a.hoverUnselected { background-position:-21px -20px; width:20px; }
ul#aroma li#aromaBtn2 a.hoverSelected { background-position:-21px 0; width:20px; }
ul#aroma li#aromaBtn2 a.selected { background-position:-21px -40px; width:20px; }

ul#aroma li#aromaBtn3 a.unselected { background-position:-41px 0; width:20px; }
ul#aroma li#aromaBtn3 a.hoverUnselected { background-position:-41px -20px; width:20px; }
ul#aroma li#aromaBtn3 a.hoverSelected { background-position:-41px 0; width:20px; }
ul#aroma li#aromaBtn3 a.selected { background-position:-41px -40px; width:20px; }

ul#aroma li#aromaBtn4 a.unselected { background-position:-61px 0; width:20px; }
ul#aroma li#aromaBtn4 a.hoverUnselected { background-position:-61px -20px; width:20px; }
ul#aroma li#aromaBtn4 a.hoverSelected { background-position:-61px 0; width:20px; }
ul#aroma li#aromaBtn4 a.selected { background-position:-61px -40px; width:20px; }

ul#aroma li#aromaBtn5 a.unselected { background-position:-81px 0; width:20px; }
ul#aroma li#aromaBtn5 a.hoverUnselected { background-position:-81px -20px; width:20px; }
ul#aroma li#aromaBtn5 a.hoverSelected { background-position:-81px 0; width:20px; }
ul#aroma li#aromaBtn5 a.selected { background-position:-81px -40px; width:20px; }

ul#aroma li#aromaBtn6 a.unselected { background-position:-101px 0; width:20px; }
ul#aroma li#aromaBtn6 a.hoverUnselected { background-position:-101px -20px; width:20px; }
ul#aroma li#aromaBtn6 a.hoverSelected { background-position:-101px 0; width:20px; }
ul#aroma li#aromaBtn6 a.selected { background-position:-101px -40px; width:20px; }

ul#aroma li#aromaBtn7 a.unselected { background-position:-121px 0; width:20px; }
ul#aroma li#aromaBtn7 a.hoverUnselected { background-position:-121px -20px; width:20px; }
ul#aroma li#aromaBtn7 a.hoverSelected { background-position:-121px 0; width:20px; }
ul#aroma li#aromaBtn7 a.selected { background-position:-121px -40px; width:20px; }

ul#aroma li#aromaBtn8 a.unselected { background-position:-141px 0; width:20px; }
ul#aroma li#aromaBtn8 a.hoverUnselected { background-position:-141px -20px; width:20px; }
ul#aroma li#aromaBtn8 a.hoverSelected { background-position:-141px 0; width:20px; }
ul#aroma li#aromaBtn8 a.selected { background-position:-141px -40px; width:20px; }

ul#aroma li#aromaBtn9 a.unselected { background-position:-161px 0; width:20px; }
ul#aroma li#aromaBtn9 a.hoverUnselected { background-position:-161px -20px; width:20px; }
ul#aroma li#aromaBtn9 a.hoverSelected { background-position:-161px 0; width:20px; }
ul#aroma li#aromaBtn9 a.selected { background-position:-161px -40px; width:20px; }

ul#aroma li#aromaBtn10 a.unselected { background-position:-181px 0; width:20px; }
ul#aroma li#aromaBtn10 a.hoverUnselected { background-position:-181px -20px; width:20px; }
ul#aroma li#aromaBtn10 a.hoverSelected { background-position:-181px 0; width:20px; }
ul#aroma li#aromaBtn10 a.selected { background-position:-181px -40px; width:20px; }

ul#aroma li#aromaBtn11 a.unselected { background-position:-201px 0; width:20px; }
ul#aroma li#aromaBtn11 a.hoverUnselected { background-position:-201px -20px; width:20px; }
ul#aroma li#aromaBtn11 a.hoverSelected { background-position:-201px 0; width:20px; }
ul#aroma li#aromaBtn11 a.selected { background-position:-201px -40px; width:20px; }

ul#aroma li#aromaBtn12 a.unselected { background-position:-221px 0; width:20px; }
ul#aroma li#aromaBtn12 a.hoverUnselected { background-position:-221px -20px; width:20px; }
ul#aroma li#aromaBtn12 a.hoverSelected { background-position:-221px 0; width:20px; }
ul#aroma li#aromaBtn12 a.selected { background-position:-221px -40px; width:20px; }

ul#aroma li#aromaBtn13 a.unselected { background-position:-241px 0; width:20px; }
ul#aroma li#aromaBtn13 a.hoverUnselected { background-position:-241px -20px; width:20px; }
ul#aroma li#aromaBtn13 a.hoverSelected { background-position:-241px 0; width:20px; }
ul#aroma li#aromaBtn13 a.selected { background-position:-241px -40px; width:20px; }

ul#aroma li#aromaBtn14 a.unselected { background-position:-261px 0; width:20px; }
ul#aroma li#aromaBtn14 a.hoverUnselected { background-position:-261px -20px; width:20px; }
ul#aroma li#aromaBtn14 a.hoverSelected { background-position:-261px 0; width:20px; }
ul#aroma li#aromaBtn14 a.selected { background-position:-261px -40px; width:20px; }

ul#aroma li#aromaBtn15 a.unselected { background-position:-281px 0; width:21px; }
ul#aroma li#aromaBtn15 a.hoverUnselected { background-position:-281px -20px; width:21px; }
ul#aroma li#aromaBtn15 a.hoverSelected { background-position:-281px 0; width:21px; }
ul#aroma li#aromaBtn15 a.selected { background-position:-281px -40px; width:21px; }

ul#flavor li a {
	background:transparent url(../images/rating_btn3.png) no-repeat;
}

ul#flavor li#flavorBtn1 a.unselected { background-position:0 0; width:43px; }
ul#flavor li#flavorBtn1 a.hoverUnselected { background-position:0 -20px; width:43px; }
ul#flavor li#flavorBtn1 a.hoverSelected { background-position:0 0; width:43px; }
ul#flavor li#flavorBtn1 a.selected { background-position:0 -40px; width:43px; }

ul#flavor li#flavorBtn2 a.unselected { background-position:-43px 0; width:43px; }
ul#flavor li#flavorBtn2 a.hoverUnselected { background-position:-43px -20px; width:43px; }
ul#flavor li#flavorBtn2 a.hoverSelected { background-position:-43px 0; width:43px; }
ul#flavor li#flavorBtn2 a.selected { background-position:-43px -40px; width:43px; }

ul#flavor li#flavorBtn3 a.unselected { background-position:-86px 0; width:43px; }
ul#flavor li#flavorBtn3 a.hoverUnselected { background-position:-86px -20px; width:43px; }
ul#flavor li#flavorBtn3 a.hoverSelected { background-position:-86px 0; width:43px; }
ul#flavor li#flavorBtn3 a.selected { background-position:-86px -40px; width:43px; }

ul#flavor li#flavorBtn4 a.unselected { background-position:-129px 0; width:43px; }
ul#flavor li#flavorBtn4 a.hoverUnselected { background-position:-129px -20px; width:43px; }
ul#flavor li#flavorBtn4 a.hoverSelected { background-position:-129px 0; width:43px; }
ul#flavor li#flavorBtn4 a.selected { background-position:-129px -40px; width:43px; }

ul#flavor li#flavorBtn5 a.unselected { background-position:-172px 0; width:43px; }
ul#flavor li#flavorBtn5 a.hoverUnselected { background-position:-172px -20px; width:43px; }
ul#flavor li#flavorBtn5 a.hoverSelected { background-position:-172px 0; width:43px; }
ul#flavor li#flavorBtn5 a.selected { background-position:-172px -40px; width:43px; }

ul#flavor li#flavorBtn6 a.unselected { background-position:-215px 0; width:43px; }
ul#flavor li#flavorBtn6 a.hoverUnselected { background-position:-215px -20px; width:43px; }
ul#flavor li#flavorBtn6 a.hoverSelected { background-position:-215px 0; width:43px; }
ul#flavor li#flavorBtn6 a.selected { background-position:-215px -40px; width:43px; }

ul#flavor li#flavorBtn7 a.unselected { background-position:-258px 0; width:44px; }
ul#flavor li#flavorBtn7 a.hoverUnselected { background-position:-258px -20px; width:44px; }
ul#flavor li#flavorBtn7 a.hoverSelected { background-position:-258px 0; width:44px; }
ul#flavor li#flavorBtn7 a.selected { background-position:-258px -40px; width:44px; }

ul#balance li a {
	background:transparent url(../images/rating_btn3.png) no-repeat;
}

ul#balance li#balanceBtn1 a.unselected { background-position:0 0; width:43px; }
ul#balance li#balanceBtn1 a.hoverUnselected { background-position:0 -20px; width:43px; }
ul#balance li#balanceBtn1 a.hoverSelected { background-position:0 0; width:43px; }
ul#balance li#balanceBtn1 a.selected { background-position:0 -40px; width:43px; }

ul#balance li#balanceBtn2 a.unselected { background-position:-43px 0; width:43px; }
ul#balance li#balanceBtn2 a.hoverUnselected { background-position:-43px -20px; width:43px; }
ul#balance li#balanceBtn2 a.hoverSelected { background-position:-43px 0; width:43px; }
ul#balance li#balanceBtn2 a.selected { background-position:-43px -40px; width:43px; }

ul#balance li#balanceBtn3 a.unselected { background-position:-86px 0; width:43px; }
ul#balance li#balanceBtn3 a.hoverUnselected { background-position:-86px -20px; width:43px; }
ul#balance li#balanceBtn3 a.hoverSelected { background-position:-86px 0; width:43px; }
ul#balance li#balanceBtn3 a.selected { background-position:-86px -40px; width:43px; }

ul#balance li#balanceBtn4 a.unselected { background-position:-129px 0; width:43px; }
ul#balance li#balanceBtn4 a.hoverUnselected { background-position:-129px -20px; width:43px; }
ul#balance li#balanceBtn4 a.hoverSelected { background-position:-129px 0; width:43px; }
ul#balance li#balanceBtn4 a.selected { background-position:-129px -40px; width:43px; }

ul#balance li#balanceBtn5 a.unselected { background-position:-172px 0; width:43px; }
ul#balance li#balanceBtn5 a.hoverUnselected { background-position:-172px -20px; width:43px; }
ul#balance li#balanceBtn5 a.hoverSelected { background-position:-172px 0; width:43px; }
ul#balance li#balanceBtn5 a.selected { background-position:-172px -40px; width:43px; }

ul#balance li#balanceBtn6 a.unselected { background-position:-215px 0; width:43px; }
ul#balance li#balanceBtn6 a.hoverUnselected { background-position:-215px -20px; width:43px; }
ul#balance li#balanceBtn6 a.hoverSelected { background-position:-215px 0; width:43px; }
ul#balance li#balanceBtn6 a.selected { background-position:-215px -40px; width:43px; }

ul#balance li#balanceBtn7 a.unselected { background-position:-258px 0; width:44px; }
ul#balance li#balanceBtn7 a.hoverUnselected { background-position:-258px -20px; width:44px; }
ul#balance li#balanceBtn7 a.hoverSelected { background-position:-258px 0; width:44px; }
ul#balance li#balanceBtn7 a.selected { background-position:-258px -40px; width:44px; }

ul#finish li a {
	background:transparent url(../images/rating_btn3.png) no-repeat;
}

ul#finish li#finishBtn1 a.unselected { background-position:0 0; width:43px; }
ul#finish li#finishBtn1 a.hoverUnselected { background-position:0 -20px; width:43px; }
ul#finish li#finishBtn1 a.hoverSelected { background-position:0 0; width:43px; }
ul#finish li#finishBtn1 a.selected { background-position:0 -40px; width:43px; }

ul#finish li#finishBtn2 a.unselected { background-position:-43px 0; width:43px; }
ul#finish li#finishBtn2 a.hoverUnselected { background-position:-43px -20px; width:43px; }
ul#finish li#finishBtn2 a.hoverSelected { background-position:-43px 0; width:43px; }
ul#finish li#finishBtn2 a.selected { background-position:-43px -40px; width:43px; }

ul#finish li#finishBtn3 a.unselected { background-position:-86px 0; width:43px; }
ul#finish li#finishBtn3 a.hoverUnselected { background-position:-86px -20px; width:43px; }
ul#finish li#finishBtn3 a.hoverSelected { background-position:-86px 0; width:43px; }
ul#finish li#finishBtn3 a.selected { background-position:-86px -40px; width:43px; }

ul#finish li#finishBtn4 a.unselected { background-position:-129px 0; width:43px; }
ul#finish li#finishBtn4 a.hoverUnselected { background-position:-129px -20px; width:43px; }
ul#finish li#finishBtn4 a.hoverSelected { background-position:-129px 0; width:43px; }
ul#finish li#finishBtn4 a.selected { background-position:-129px -40px; width:43px; }

ul#finish li#finishBtn5 a.unselected { background-position:-172px 0; width:43px; }
ul#finish li#finishBtn5 a.hoverUnselected { background-position:-172px -20px; width:43px; }
ul#finish li#finishBtn5 a.hoverSelected { background-position:-172px 0; width:43px; }
ul#finish li#finishBtn5 a.selected { background-position:-172px -40px; width:43px; }

ul#finish li#finishBtn6 a.unselected { background-position:-215px 0; width:43px; }
ul#finish li#finishBtn6 a.hoverUnselected { background-position:-215px -20px; width:43px; }
ul#finish li#finishBtn6 a.hoverSelected { background-position:-215px 0; width:43px; }
ul#finish li#finishBtn6 a.selected { background-position:-215px -40px; width:43px; }

ul#finish li#finishBtn7 a.unselected { background-position:-258px 0; width:44px; }
ul#finish li#finishBtn7 a.hoverUnselected { background-position:-258px -20px; width:44px; }
ul#finish li#finishBtn7 a.hoverSelected { background-position:-258px 0; width:44px; }
ul#finish li#finishBtn7 a.selected { background-position:-258px -40px; width:44px; }

ul#quality li a {
	background:transparent url(../images/rating_btn4.png) no-repeat;
}

ul#quality li#qualityBtn1 a.unselected { background-position:0 0; width:31px; }
ul#quality li#qualityBtn1 a.hoverUnselected { background-position:0 -20px; width:31px; }
ul#quality li#qualityBtn1 a.hoverSelected { background-position:0 0; width:31px; }
ul#quality li#qualityBtn1 a.selected { background-position:0 -40px; width:31px; }

ul#quality li#qualityBtn2 a.unselected { background-position:-31 0; width:30px; }
ul#quality li#qualityBtn2 a.hoverUnselected { background-position:-31 -20px; width:30px; }
ul#quality li#qualityBtn2 a.hoverSelected { background-position:-31 0; width:30px; }
ul#quality li#qualityBtn2 a.selected { background-position:-31 -40px; width:30px; }

ul#quality li#qualityBtn3 a.unselected { background-position:-61px 0; width:30px; }
ul#quality li#qualityBtn3 a.hoverUnselected { background-position:-61px -20px; width:30px; }
ul#quality li#qualityBtn3 a.hoverSelected { background-position:-61px 0; width:30px; }
ul#quality li#qualityBtn3 a.selected { background-position:-61px -40px; width:30px; }

ul#quality li#qualityBtn4 a.unselected { background-position:-91px 0; width:30px; }
ul#quality li#qualityBtn4 a.hoverUnselected { background-position:-91px -20px; width:30px; }
ul#quality li#qualityBtn4 a.hoverSelected { background-position:-91px 0; width:30px; }
ul#quality li#qualityBtn4 a.selected { background-position:-91px -40px; width:30px; }

ul#quality li#qualityBtn5 a.unselected { background-position:-121px 0; width:30px; }
ul#quality li#qualityBtn5 a.hoverUnselected { background-position:-121px -20px; width:30px; }
ul#quality li#qualityBtn5 a.hoverSelected { background-position:-121px 0; width:30px; }
ul#quality li#qualityBtn5 a.selected { background-position:-121px -40px; width:30px; }

ul#quality li#qualityBtn6 a.unselected { background-position:-151px 0; width:30px; }
ul#quality li#qualityBtn6 a.hoverUnselected { background-position:-151px -20px; width:30px; }
ul#quality li#qualityBtn6 a.hoverSelected { background-position:-151px 0; width:30px; }
ul#quality li#qualityBtn6 a.selected { background-position:-151px -40px; width:30px; }

ul#quality li#qualityBtn7 a.unselected { background-position:-181px 0; width:30px; }
ul#quality li#qualityBtn7 a.hoverUnselected { background-position:-181px -20px; width:30px; }
ul#quality li#qualityBtn7 a.hoverSelected { background-position:-181px 0; width:30px; }
ul#quality li#qualityBtn7 a.selected { background-position:-181px -40px; width:30px; }

ul#quality li#qualityBtn8 a.unselected { background-position:-211px 0; width:30px; }
ul#quality li#qualityBtn8 a.hoverUnselected { background-position:-211px -20px; width:30px; }
ul#quality li#qualityBtn8 a.hoverSelected { background-position:-211px 0; width:30px; }
ul#quality li#qualityBtn8 a.selected { background-position:-211px -40px; width:30px; }

ul#quality li#qualityBtn9 a.unselected { background-position:-241px 0; width:30px; }
ul#quality li#qualityBtn9 a.hoverUnselected { background-position:-241px -20px; width:30px; }
ul#quality li#qualityBtn9 a.hoverSelected { background-position:-241px 0; width:30px; }
ul#quality li#qualityBtn9 a.selected { background-position:-241px -40px; width:30px; }

ul#quality li#qualityBtn10 a.unselected { background-position:-271px 0; width:31px; }
ul#quality li#qualityBtn10 a.hoverUnselected { background-position:-271px -20px; width:31px; }
ul#quality li#qualityBtn10 a.hoverSelected { background-position:-271px 0; width:31px; }
ul#quality li#qualityBtn10 a.selected { background-position:-271px -40px; width:31px; }

/* Review Page */

div#reviewPanel {
    float:left;
    width:901px;
    height:391px;
    margin:5px 0 0 0;
    padding:10px 0 0 10px;
    background:transparent url(../images/reviewPanel.png) no-repeat;
}

div#reviewLeft {
    float:left;
    width:730px;
    height:215px;
}

div#reviewRight {
    float:left;
    width:130px;
    height:220px;
}

div.reviewTitle {
    float:left;
    color:#990000;
}

div.reviewSubtitles {
    float:left;
    width:100%;
    color:#003300;
}

div.reviewSubtitle {
    float:left;
    width:43px;
    color:#003300;
    font-size:11px;
}

div.reviewHelp {
    float:left;
    margin:2px 0 0 5px;
}

div#reviewTypePanel {
    float:left;
    width:107px;
    padding:0 0 0 5px;
}

div#reviewDescriptionPanel {
    float:left;
    width:139px;
}

div#reviewNoseHeader {
    float:left;
    width:241px;
}

div#reviewMouthHeader {
    float:left;
    width:234px;
}

div#reviewColorHeader {
    float:left;
    width:70px;
    margin:0 0 0 2px;
    padding:0 0 0 0;
}

div.reviewSelects {
    float:left;
}

div.reviewSelect {
    float:left;
    height:25;
}

div.colorSelect {
    float:left;
    height:25;
    width:122px;
    margin:16px 0pt 0pt -1px;
}

div.descriptorPanel {
    float:left;
    width:478px;
    margin:0 0 0 0;
}

div.descriptorBtnPanel {
    position:relative;
    float:left;
    width:414px;
    height:17px;
    background:transparent url(../images/descriptorBtnPanel.png);
    padding:0 3px 6px 10px;
    margin:2px -2px 0 -16px;
    z-index:1;
}

div.descriptorEndBtnPanel {
    position:relative;
    float:left;
    width:38px;
    margin:2px 0 0 -4px;
    z-index:1;
}

div.descriptorRadioBtn {
    float:left;
    margin:0 0 0 5px;
    width:38px
}

div.descriptorBtnDivider {
    float:left;
    width:25px
}

div.reviewLowerLeft {
    float:left;
    height:100px;
    padding:0 0 0 6px;
    width:245px;
}

div.reviewLowerCenter {
    float:left;
    width:352px;
    height:130px;
    margin:-8px 0 0 0;
}


textarea.tastingNotes {
    float:left;
    border:0px;
    resize:none;
    overflow:hidden;
    height:102px;
    margin:0px;
    padding:10px 10px 10px 10px;
    width:352px;
    background:transparent url(../images/tastingNotesBox.png);
    font-family:"Arial Italic","Arial",Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height:1.05em;
    font-style:normal;
    color:#003300;
}

div.reviewLowerRight {
    float:left;
    width:283px;
    height:110px;
    margin:5px 0 0 0;
}

div#tastingNotesCount {
    float:left;
    width:283px;
    margin:4px 0 0 0;
}

input#tastingNotesCountDisplay {
    float:left;
    border:0;
    width:42px;
    height:20px;
    margin:0 0 0 5px;
    padding:4px 10px 0 0;
    text-align:right;
    background:transparent url(../images/tastingNotesCountBox.png);
    font-family:"Arial Italic","Arial",Arial,Helvetica,sans-serif;
    font-size: 11px;
    color:#003300;
}

div.reviewError {
    float:left;
    width:278px;
    height:40px;
    margin:0 0 0 5px;
}

div.reviewContinueButton {
    float:left;
    width:106px;
    margin:13px 0 0 145px;
}

div#colorPanel {
    float:left;
    height:165px;
    margin:-6px 0 0 -1px;
    width:130px;
}

/* Descriptor Input */

div#descriptionInputLabel {
    float:left;
    padding: 0 5px 0 0;
}

div#descriptionInputField {
    float:left;
    margin:0 0 0 -2px;
    padding:0 0 0 0;
}

div#descriptionInputText {
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 0;
    width:90%;
}

div.descriptionInputSaveButton {
    margin:10px 0 0 -3px;
    padding:0 8px 0 0;
}

div.descriptionInputCancelButton {
     margin:10px 0 0 5px;
}

/* Color Input */

div#colorInputLabel {
    float:left;
    padding: 0 5px 0 0;
    width:200px;
}

div#colorInputField {
    float:left;
    margin:0 0 0 -2px;
    padding:0 0 0 0;
}

div#colorInputText {
    float:left;
    margin:10px 0 0 0;
    padding:0 0 0 0;
    width:90%;
}

div.colorInputSaveButton {
    margin:10px 0 0 -3px;
    padding:0 8px 0 0;
}

div.colorInputCancelButton {
     margin:10px 0 0 5px;
}

div#colorWineStyle {
    float:left;
}

/* Color Descriptor Widget */

div.colorContainer {
    float:left;
    width:122px;
    height:152px;
    margin: 7px 0 0 2px;
}

div.colorWrap {
    float:left;
	width:100%;
	height:152px;
}

div.colorName {
    float:left;
    width:100%;
    padding:6px 0 0 0;
}

ul.colorBar {
    float:left;
    width:122px;
    height:152px;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.colorBar li {
	float:left;
}

ul.colorBar li a {
    float:left;
	width:122px;
	overflow:hidden;
	text-indent:6px;
    text-align:left;
    font-size:11px;
    font-style:normal;
    text-decoration: none;
}

ul#color li a.red {
	background:transparent url(../images/colorDepthRed.png) no-repeat;
    color:white;
    cursor: pointer;
}

ul#color li a.white {
	background:transparent url(../images/colorDepthWht.png) no-repeat;
    color:#003300;
    cursor: pointer;
}

ul#color li#colorBtn1 a.unselected { background-position:0 0; height:31px; }
ul#color li#colorBtn2 a.unselected { background-position:0 -31px; height:30px; }
ul#color li#colorBtn3 a.unselected { background-position:0 -61px; height:30px; }
ul#color li#colorBtn4 a.unselected { background-position:0 -91px; height:30px; }
ul#color li#colorBtn5 a.unselected { background-position:0 -121px; height:31px; }

ul#color li#colorBtn1 a.hoverUnselected { background-position:0 0; height:31px; }
ul#color li#colorBtn2 a.hoverUnselected { background-position:0 -31px; height:30px; }
ul#color li#colorBtn3 a.hoverUnselected { background-position:0 -61px; height:30px; }
ul#color li#colorBtn4 a.hoverUnselected { background-position:0 -91px; height:30px; }
ul#color li#colorBtn5 a.hoverUnselected { background-position:0 -121px; height:31px; }

ul#color li#colorBtn1 a.selected { background-position:-122px 0; height:31px; }
ul#color li#colorBtn2 a.selected { background-position:-122px -31px; height:30px; }
ul#color li#colorBtn3 a.selected { background-position:-122px -61px; height:30px; }
ul#color li#colorBtn4 a.selected { background-position:-122px -91px; height:30px; }
ul#color li#colorBtn5 a.selected { background-position:-122px -121px; height:31px; }

ul#color li#colorBtn1 a.hoverSelected { background-position:-122px 0; height:31px; }
ul#color li#colorBtn2 a.hoverSelected { background-position:-122px -31px; height:30px; }
ul#color li#colorBtn3 a.hoverSelected { background-position:-122px -61px; height:30px; }
ul#color li#colorBtn4 a.hoverSelected { background-position:-122px -91px; height:30px; }
ul#color li#colorBtn5 a.hoverSelected { background-position:-122px -121px; height:31px; }

/* Results Page */

div#resultsPanel {
    float:left;
    width: 741px;
    height:391px;
    margin: 5px 0 0 0;
    padding: 10px 0 0 10px;
    background:transparent url(../images/resultsPanel.png) no-repeat;
    font-style:normal;
}

div#resultsLeft {
    float:left;
    width:488px;
    height: 316px;
}

div#resultsImage {
    float:left;
    width:50px;
    height:50px;
    margin: 7px 0 0 0;
}

div#resultsTitleBlock {
    float:left;
    height:50px;
    width:485px;
}

div#resultsOwner{
    float:left;
    height:22px;
    width:300px;
    font-weight:bold;
    color:#990000;
    margin:2px 0 0 12px;
}

div#resultsPanelHeader {
    width:300px;
    color: #003300;
    font-size: 18px;
    font-weight: bold;
    font-style: oblique;
    margin:1px 0 0 60px;
}

div#resultsPanelTitle {
    float:left;
    width:476px;
    margin:0 0 0 10px;
    font-size:11px;
}

div#resultsDescriptorTable {
    float:left;
    width:485px;
    margin:0 0 0 10px;
}

div.resultsTitleRow {
    float:left;
    width:485px;
    color:#990000;
}

div.resultsTitleForType {
    float:left;
    width:172px;
    padding-left:2px;
}

div.resultsTitleForNose {
    float:left;
    width:80px;
}

div.resultsTitleForMouth {
    float:left;
    width:80px;
}

div.resultsTitleForColor {
    float:left;
    width:150px;
}

div.resultsDivider {
    float:left;
    height:1px;
}

div.resultsRowName {
    float:left;
    width:172px;
    overflow:hidden;
    padding-left:2px;
}

div.resultsAromaStrength {
    float:left;
    width:80px;
}

div.resultsFlavorStrength {
    float:left;
    width:80px;
}

div.resultsColor {
    float:left;
    width:150px;
}

div#resultsRight {
    float:left;
    width:240px;
}

div#resultsRating {
    float:left;
    width:140px;
    margin:5px 0 0 0;
}

div#resultsRatingScore {
    color:white;
    font-size:22px;
    font-weight:bold;
    margin:-38px 0 0 4px;
    text-align:center;
    width:62px;
}

div#resultsRatingLabel {
    float:left;
    font-size:11px;
    font-weight:bold;
    margin-top:8px;
    padding: 0 0 0 4px;
}

div#averageRating {
    float:left;
    margin:5px 0 0 1px;
    width:85px;
}

div#averageRatingScore {
    color:white;
    font-size:22px;
    font-weight:bold;
    margin:-38px 0 0 4px;
    text-align:center;
    width:62px;
}

div#averageRatingLabel {
    float:left;
    width:82px;
    font-size:11px;
    margin-top:8px;
    padding:0 0 0 4px;
}

div#resultsTastingNotesContainer {
    float:left;
    font-size:11px;
    margin-top:5px;
    padding:0 0 0 4px;
}

div#resultsTastingNotesImage {
    float:left;
    height:212px;
    width:202px;
    background:url(../images/tastingNotesPanel.png) no-repeat;
}

div#resultsTastingNotes {
    float:left;
    height:208px;
    margin:5px 0 0 7px;
    overflow:hidden;
    padding:3px 6px 0 5px;
    width:172px;
}

div#resultsButtonBar {
    float:left;
    margin:-10px 0 0 62px;
    width:650px;
    height:29px;
}

div#resultsButtonPadding {
    float:left;
    width:302px;
    padding: 0 0 0 15px;
}

/* Review List Page */

div#reviewListPanelLeft {
    float:left;
    width: 403px;
    height:372px;

}

div.reviewListHeaderTitle {
    float:left;
    width: 390px;
    height:85px;
}

div#reviewerOfAll {
    float:left;
    height:15px;
    width:200px;
    font-weight:bold;
    color:#990000;
    margin:4px 0 0 7px;
}

div.reviewListPanelTitle {
    float:left;
    font-size:11px;
    height:48px;
    margin:0 0 0 5px;
    overflow:hidden;
    width:385px;
}

div#reviewListDivider {
    float:left;
    height:370px;
    width:1px;
    background: #959595;
}

div#reviewListPanelRight {
    float:left;
    width: 474px;
    height:372px;
    margin-left:4px;
}

div#reviewListTablePanel {
    float:left;
    height:243px;
    margin:0 0 0 5px;
    width:412px;
}

/* Review List Table using divs */


div#reviewListTable {
    border: 0;
    width:387px;
}

div#reviewListLeftFooter {
    float:left;
    font-size:11px;
    font-style:oblique;
    height:40px;
    margin:8px 0 0 5px;
    overflow:hidden;
    width:385px;
}

div#reviewListTable div.td, div.th {
    font-family:"Arial Italic","Arial",Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight:normal;
    color:#003300;
    padding: 3px 0 0 6px;
    text-align: left;
    vertical-align: top;
}

div#reviewListTable div.thead {
    height:20px;
    overflow: hidden;
}

div#reviewListTable div.thead div.tr {
    float:left;
    height:20px;
    overflow: hidden;
    border-collapse: collapse;
    cursor: hand;
    cursor: pointer;
}

div#reviewListTable div.th {
    line-height: 17px;
    padding: 2px 6px;
    background:none;
}

div#reviewListTable div#thCol1 {
    float:left;
    width:95px;
    border: 1px #959595;
    border-style: none solid none none;
    overflow: hidden;
    background:transparent url(../images/reviewListHeader_left.png) no-repeat;
}

div#reviewListTable div#thCol2 {
    float:left;
    width:32px;
    border: 1px #959595;
    border-style: none solid none none;
    overflow: hidden;
    background:transparent url(../images/reviewListHeader_middle.png) no-repeat;
}

div#reviewListTable div#thCol3 {
    float:left;
    width:108px;
    border: 1px #959595;
    border-style: none solid none none;
    overflow: hidden;
    background:transparent url(../images/reviewListHeader_middle.png) no-repeat;
}

div#reviewListTable div#thCol4 {
    float:left;
    width:44px;
    border: 1px #959595;
    border-style: none solid none none;
    overflow: hidden;
    background:transparent url(../images/reviewListHeader_middle.png) no-repeat;
}

div#reviewListTable div#thCol5 {
    float:left;
    width:44px;
    border: 1px #959595;
    border-style: none none none none;
    overflow: hidden;
    background:transparent url(../images/reviewListHeader_right.png) no-repeat top right;
}

div#reviewListTable div.th a:link, div.th a:visited, div.th a:hover {
    color: #003300;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
}
div#reviewListTable div.asc a, div.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
div#reviewListTable div.asc a {
    background-image: url(../images/sorted_asc.png);
}
div#reviewListTable div.desc a {
    background-image: url(../images/sorted_desc.png);
}

div#reviewListTable div.tbody {
    border:0;
    height:220px;
    width:387px;
    margin:-1px 0 0 0;
    padding: 2px 0 0 0;
    background:transparent url(../images/reviewListPanel.png) no-repeat;
}

div#reviewListTable div.tbody div.tr {
    float:left;
    width:412px;
    overflow: hidden;
    border-collapse: collapse;
    cursor: hand;
    cursor: pointer;
}


span.superTeller {
    font-weight: bold;
    font-style: oblique;
}

div.reviewSelectionLeft {
    float:left;
    height:15px;
    width:11px;
    margin:1px 0 0;
    padding:1px 0 0 0;
    overflow:hidden;
    background:transparent url(../images/rightPointer.png) no-repeat;
    background-position: center center;
    display:none;
}

/* Removed the right pointer image below - needs cleanup TODO */

div.reviewSelectionRight {
    float:left;
    height:15px;
    width:11px;
    margin:1px 0 0;
    padding:1px 0 0 0;
    overflow:hidden;
    display:none;
}

div#reviewListTable div.td {
    border: 1px solid #b8beb3;
    border-spacing: 0;
    border-collapse: collapse;
    height:13px;
    padding: 0 0 3px 6px;
}

div#reviewListTable div#tdCol1 {
    float:left;
    border-style: none solid solid none;
    width:101px;
    overflow: hidden;
}

div#reviewListTable div#tdCol2 {
    float:left;
    border-style: none solid solid none;
    width:38px;
    overflow: hidden;
}

div#reviewListTable div#tdCol3 {
    float:left;
    border-style: none solid solid none;
    width:114px;
    overflow: hidden;
}

div#reviewListTable div#tdCol4 {
    float:left;
    border-style: none solid solid none;
    width:50px;
    overflow: hidden;
}

div#reviewListTable div#tdCol5 {
    float:left;
    border-style: none none solid none;
    width:50px;
    overflow: hidden;
}

div#reviewListTable div#tableControls {
    float:left;
    height:34px;
    border:0;
    padding: 8px 0 0 16px;
}

div#reviewListTable div#tableControls div.td {
    border-style: solid none none none;
    padding-top:6px;
}

div#reviewListAverage {
    float:left;
    height:30px;
    width:164px;
}

div#reviewListAverageLabel {
    float:left;
    padding:7px 3px 0 50px;
    width:48px;
    height:30px;
    font-style:oblique;
}

div#reviewListAverageRatingScore {
    color:white;
    float:left;
    font-size:17px;
    font-weight:bold;
    margin:3px 0 0 -61px;
    text-align:center;
    height:30px;
    width:60px;
}

div#reviewListRange {
    height:20px;
}

/* PAGINATION */

div.paginateButtons {
    float:left;
    font-size:11px;
    height:32px;
    margin:-5px 0 0;
    overflow:hidden;
    padding:12px 0 0 2px;
    width:202px;
}

div.pageRange {
    float:left;
    font-style:oblique;
    margin:-8px 0 0;
    width:125px;
}

div.prevNextLinkImages {
    float:left;
    height:20px;
    margin:-4px 0 0 0;
    padding:1px 0 0 15px;
    width:60px;
}

div.prevLinkImage {
    float:left;
    margin:-3px 0 0;
    width:28px;
}

div.nextLinkImage {
    float:left;
    margin:-3px 0 0 -10px;
    width:19px;
}

div.paginationSteps {
    float:left;
    font-style:oblique;
    margin:3px 0 0 -2px;
    padding:0;
    width:125px;
}

div.currentStep {
    float:left;
    margin:0 0 0 0;
    font-style:oblique;
    font-weight:bold;
    color: #003300;
}

div.stepDiv {
    color:#003300;
    float:left;
    font-style:oblique;
    margin:0 2px 0 0;
}

a.step {
    float:left;
}

div.stepEllipses{
    color:#003300;
    float:left;
    font-style:oblique;
    margin:0 1px 0 0;
}

a.step:link {color: #003300;}
a.step:visited {color: #006600;}
a.step:hover {color: #009900;}
a.step:active {color: #003300;}

div#reviewListHeaderTitle2 {
    float:left;
    height:62px;
    width:405px;
}

div#reviewListTitleBlock {
    float:left;
    height:41px;
    width:400px;
    font-size: 11px;
    margin: 0 0 0 6px;
}

div#reviewListReviewer {
    float:left;
    height:15px;
    width:200px;
    font-weight:bold;
    color:#990000;
    margin:5px 0 0 7px;
}


div#reviewListRating {
    float:left;
    height:58px;
    margin:5px 0 0;
    width:64px;
}

div#reviewListRatingScore {
    color:white;
    font-size:22px;
    font-weight:bold;
    width:58px;
    text-align:center;
    margin:-38px 0 0 4px;
}

div#reviewListRatingLabel {
    float:left;
    font-size:11px;
    font-weight:bold;
    margin-top:6px;
}

div#reviewListDescriptorTable {
    float:left;
    margin:25px 0 0 8px;
    width:274px;
}

div.reviewListTitleRow {
    float:left;
    width:275px;
    color:#990000;
    font-size:11px;
}

div.reviewListTitleForType {
    float:left;
    width:130px;
}

div.reviewListTitleForNose {
    float:left;
    width:65px;
}

div.reviewListTitleForMouth {
    float:left;
    width:65px;
}

div.reviewListTitleForColor {
    float:left;
    width:161px;
    color:#990000;
}

div.reviewListHDivider {
    float:left;
    height:1px;
}

div.reviewListRowName {
    float:left;
    font-size:11px;
    font-weight:bold;
    width:130px;
    height:15px;
    padding-top:1px;
    overflow:hidden;
}

div.reviewListAromaStrength {
    float:left;
    font-size:11px;
    width:65px;
    height:15px;
    padding-top:1px;
}

div.reviewListFlavorStrength {
    float:left;
    font-size:11px;
    width:65px;
    height:15px;
    padding-top:1px;
}

div#reviewListWineStyle {
    float:left;
    font-weight:bold;
    font-size:11px;
    height:15px;
    padding:1px 0 0 1px;
}

div#reviewListColor {
    float:left;
    height:15px;
    width:150px;
    padding-top:1px;
    margin:0 0 0 0;
    font-weight:normal;
    font-size:11px;
}

div#reviewListTastingNotesContainer {
    float:left;
    font-size:11px;
    margin-top:5px;
    padding:0;
    width:186px;
}

div#reviewListTastingNotesImage {
    float:left;
    height:239px;
    width:186px;
    background:url(../images/reviewListTastingNotesBox.png) no-repeat;
}

div#reviewListTastingNotes {
    float:left;
    height:208px;
    margin:5px 0 0 7px;
    overflow:hidden;
    padding:5px 0 0 5px;
    width:164px;
}

div#reviewListButtonBar {
    float:left;
    height:29px;
    margin:13px 0 0 0;
    width:480px;
}

div#reviewListNavigation {
    float:left;
    height:28px;
    margin:5px 0 0 8px;
    width:213px;
}

div#reviewListNextLabel {
    float:left;
    height:28px;
    width:30px;
    font-size:11px;
    font-style:oblique;
}

div#reviewListNextReviewImage {
    float:left;
    height:28px;
    width:20px;
}

div#reviewListPrevReviewImage {
    float:left;
    height:28px;
    width:20px;
}

div#reviewListPrevLabel {
    float:left;
    height:28px;
    width:100px;
    font-size:11px;
    font-style:oblique;
}

/* Account Pages */

div#myAccountPanel {
    float:left;
    width: 841px;
    height:555px;
    margin: 5px 0 0 0;
    padding: 10px 0 0 10px;
    background:transparent url(../images/myAccountPanel.png) no-repeat;
    font-style:normal;
}

div.myAccountHeader {
    width: 820px;
    height:36px;
}

div#myAccountPanelLeft {
    float:left;
    width:290px;
    height:475px;
    margin:14px 0 0 0;
}

div.myAccountDivider {
    float:left;
    width:290px;
    height:1px;
}

div.myAccountElemRow {
    float:left;
    height:15px;
    width:290px;
    margin: 0 0 2px 0;
}

div.myAccountElemCol1 {
    float:left;
    width:182px;

}

div.myAccountElemCol2 {
    float:left;
    width:50px;
}

div.myAccountGenderField {
    float:left;
    width:72px;
}

div#myAccountGenderMale {
    float:left;
    width:34px;
}

div#myAccountGenderFemale {
    float:left;
    width:48px;
}

div.myAccountHideYearRow {
    float:left;
    margin:4px 0 0 140px;
}

div.myAccountCheckbox {
    float:left;
    width:15px;
}

div#myAccountHideYearLabel {
    float:left;
    width:60px;
}

div.myAccountInterestsRow{
    margin-top:10px;
}

div.myAccountElemCol3 {
    float:left;
    width:49px;
    font-style:oblique;

}

div.myAccountChangePointerRight {
    float:left;
    height:15px;
    width:8px;
    margin:1px 0 0;
    padding:1px 0 0 0;
    overflow:hidden;
    background:transparent url(../images/rightPointer.png) no-repeat;
    background-position: center center;
    display:none;
}

div.myAccountChangePointerLeft {
    float:left;
    width:9px;
    margin-top:4px;
    height:10px;
    background:transparent url(../images/leftPointer.png) no-repeat;
    display:none;
}

div.myAccountChangeSaveButton {
    float:left;
    margin:0px 0 0 65px;
}

div.myAccountChangeCancelButton {
    float:left;
    margin:0px 0 0 50px;
}

div#myAccountPanelCenter {
    float:left;
    width: 400px;
    height:490px;
    margin-top:8px;
}

div#myAccountChangePanel {
    float:left;
    width: 400px;
    height:490px;
    background:transparent url(../images/myAccountChangePanel.png) no-repeat;
}

div#myAccountStatusMessage {
    float:left;
    height:25px;
    margin-top:200px;
    width:400px;
    text-align:center;
}

div.myAccountFormSection {
    float:left;
}

div#myAccountChangeProfile {
    float:left;
    width: 400px;
    height:430px;
    display:none;
}

div.myAccountChangePanelHeader {
    color:#990000;
    float:left;
    font-size:13px;
    margin:10px 0 0 14px;
    width:380px;
}

div.myAccountChangeElemRow {
    float:left;
    height:20px;
    width:395px;
    margin-top: 12px;
    padding-left:5px;
}

div.myAccountKnowledgeLabels {
    margin-top: 0px;
}


div#myAccountChangeProfileBtnRow {
    float:left;
    height:30px;
    width:395px;
    padding-left:5px;
    margin-top:10px;
}

div#myAccountChangeEmailBtnRow {
    float:left;
    height:15px;
    width:395px;
    margin-top: 60px;
    padding-left:5px;
}

div#myAccountChangePasswordBtnRow {
    float:left;
    height:15px;
    width:395px;
    margin-top: 60px;
    padding-left:5px;
}

div#myAccountChangeRefererBtnRow {
    float:left;
    height:15px;
    width:395px;
    margin-top: 80px;
    padding-left:5px;
}

div#myAccountChangeLinksBtnRow {
    float:left;
    height:15px;
    width:395px;
    margin-top: 60px;
    padding-left:5px;
}

div#myAccountChangePhotoBtnRow {
    float:left;
    height:15px;
    width:395px;
    margin-top: 60px;
    padding-left:5px;
}

div#myAccountChangeTitleRow {
    float:left;
    padding:0 0 0 290px;
    width:110px;
}

div.myAccountChangePrivCol {
    float:left;
    width:40px;
    margin-left:5px;
}

div.myAccountChangeElemCol1 {
    float:left;
    width:82px;
}

div.myAccountChangePasswdCol1 {
    float:left;
    width:120px;
}
div.myAccountChangeElemTitle {
    float:left;
    margin:0 0 0 14px;
    padding-top:2px;
}

div.myAccountChangeElemCol2 {
    float:left;
    width:205px;
}

div.myAccountChangePasswdCol2 {
    float:left;
    width:245px;
}

div.myAccountChangeElemCol2Adjust {
    margin:2px 0 0 3px;
    width:202px;
}

div#myAccountChangeEmail {
    float:left;
    width: 400px;
    height:240px;
    display:none;
}

div#myAccountChangePassword {
    float:left;
    width: 400px;
    height:220px;
    display:none;
}

div#myAccountChangeReferer {
    float:left;
    width: 400px;
    height:220px;
    display:none;
}

div#myAccountChangeLinks {
    float:left;
    width: 400px;
    height:365px;
    display:none;
}

div#myAccountPanelRightPointer {
    float:left;
    height:290px;
    padding-top:112px;
    width:14px;
}

div#myAccountPanelRight {
    float:left;
    height:490px;
    margin:0;
    width:125px;
}

div.myAccountPhoto {
    float:left;
    margin-top:8px;
}

div#myAccountChangePhoto {
    float:left;
    width: 400px;
    height:290px;
    display:none;
}

div.myAccountPhotoSaveButton {
    float:left;
    margin:50px 0 0 65px;
}

div.myAccountPhotoCancelButton {
    float:left;
    margin:50px 0 0 50px;
}

div#myAccountGroup {
    float:left;
    width:280px;
}

div.myAccountGroupTitle {
    float:left;
    color:#990000;
}

div.birthDay_year {
    float:left;
    width:54px;
}

div.birthDay_month {
    float:left;
    width:40px;
}

div.birthDay_day {
    float:left;
    width:40px;
}

a.myAccountLink {
    cursor:pointer;
}

a.myAccountLink:link {color: #003300;}
a.myAccountLink:visited {color: #006600;}
a.myAccountLink:hover {color: #009900;}
a.myAccountLink:active {color: #003300;}

div.myAccountChangeCaption {
    float:left;
    margin:0 14px 20px 14px;
}

div.newEmailCompleteText {
    float:left;
    width:320px;
    margin-left:5px;
    line-height:1.2em;
}

div.myAccountError {
    float:left;
    margin:0 14px 0 4px;
    height:20px;
}

/* Links Button Bar */

div#linksContainer {
    float:left;
    width:412px;
    height:37px;
    margin: 0 0 0 -3px;
    text-align:left;
}

div#linkswrap {
	width:412px;
	height:37px;
	top:0px;
}


ul#linksMenu {
	width:974px;
	height:37px;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#linksMenu li {
	float:left;
}

ul#linksMenu li a {
	display: block;
	height:37px;
	overflow:hidden;
	text-indent:-99999px;
	background:transparent url(../images/links-button-bar.png) no-repeat;
}

ul#linksMenu li#facebook a { background-position:0 0; width:105px; }
ul#linksMenu li#facebook a:hover { background-position:0 -37px; width:105px; }

ul#linksMenu li#twitter a { background-position:-105px 0; width:100px; }
ul#linksMenu li#twitter a:hover { background-position:-105px -37px; width:100px; }

ul#linksMenu li#ning a { background-position:-205px 0; width:100px; }
ul#linksMenu li#ning a:hover { background-position:-205px -37px; width:100px; }

ul#linksMenu li#feed a { background-position:-305px 0; width:105px; }
ul#linksMenu li#feed a:hover { background-position:-305px -37px; width:105px; }

div#footer {
    position:relative;
}

/* AUTOCOMPLETE */

div.autocomplete {
    position: absolute;
    width:150px;
    background-color: white;
    border: 1px solid #888;
    margin:-1px 0 0 0;
    padding: 0 0 0 0;
    font-size: 11px;
    font-style:normal;
}

div.autocomplete ul {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.autocomplete ul li.selected {
    background-color: #ffffcc;
}

div.autocomplete ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    height: 15px;
    cursor: pointer;
}

/* MESSAGES AND ERRORS */

.message {
    float:left;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 0 0 0 0;
    padding: 0 0 0 0
}

.error {
    padding:0px;
    margin-bottom:0px;
    background:transparent;
    border:0px;
    color:#8a1f11;
}

input.errors {
    border: 1px solid red;
    margin: 0 0 0 0;
    padding: 3px 5 3px 0;
}

div.errors {
    float:left;
    color:#8a1f11;
}

/* Scaffold Stuff */

.body {
    float: left;
    margin: 0 15px 10px 15px;
}

.prop {
    padding: 0px;
    width: 100%;
}
.prop .name {
    text-align: right;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 60%;
}

.scaffold_table {
    font-size: 10px;
    line-height: 1.5;
}

.list table {
    border-collapse: collapse;
}
.list th, .list td {
    border: 1px solid #888;
    padding: 0 12px 0 12px;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}

