/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - *
   Standard Body Tags
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body { 
   font: normal 11px 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
   font-size: 11px;
   /* for kiosk, no padding, static size
   padding: 0px;
   margin: 0px;
   */
   /* non-kiosk: */
   padding: 0px 10px 10px 0px;
   margin: 10px;
   height: 100%;
   color: Black;
   background-color: #fcf4e9;
   /*
      border: solid 1px #440000;
      color: #333399;
      background-color: #fefcef;
      background-repeat: repeat-x;
      text-align: center;
   */
}


h1 {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

h2 {
   font-size: 12px;
   margin: 10px 0px;
   font-weight: bold;
}

h3 {
   font-size: 10px;
   margin: 10px 0px;
   font-weight: bold;
}

p {
   font-size: 11px;
   margin: 11px 0px;
   text-align: left;
}


a {
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a:link {
	color: Maroon;
}

a:visited {
   color: Purple;
}

input, textarea {
   font-size: 11px;
}

input[type=submit], input[type=button] {
   background-color: White;
   color: #440000;
   margin: 0px;
   font-size: 11px;
	border-right: 2px #887777 solid;
	border-bottom: 2px #887777 solid;
	border-top: 1px #bbaaaa solid;
	border-left: 1px #bbaaaa solid;
}

input[type=text], input[type=password], textarea {
	background-color: #fcf4e9;
   /*
   background-color: White;
   color: #440000;
   margin: 0px;
   border: 1px solid #440000;
	border-right: 2px #887777 solid;
	border-bottom: 2px #887777 solid;
	border-top: 1px #bbaaaa solid;
	border-left: 1px #bbaaaa solid;
   */   
}

fieldset {
	padding: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	/* margin: 0px; */
}

legend {
	/* margin-left: 5px; */
}

/*
.webbuttonactive, .webbuttondisabled {
	font-size: 9px;
	color: #440000; /*
		border: 1px solid #440000;
	border-top: 3px #440000 groove;
	border-left: 3px #440000 groove;
	* /
	margin: 0px;
	border-right: 1px #887777 solid;
	border-bottom: 1px #887777 solid;
	border-top: 1px #bbaaaa solid;
	border-left: 1px #bbaaaa solid;
}
*/

/* Change this in QuickAdd.aspx to a generic type */
.webbuttondisabled {
   background-color: #CCCCCC;
   color: #444444;
}

small {
   font-size: 10px;
   color: #83D6FF; 
}

select, select.title, select.state, select.other {
   background: White;
   color: Black;
   font-size: 11px;
   border: 1px solid #CCCCCC;
   width: 250px;
}

select.title {
   width: 60px;
}

select.state {
   width: 150px;
}

select.other {
   width: 200px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - *
   Standard Body Tags
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Begin MasterPage Tags */

div#BodyPage 
{
   background-color: White;
   /*
   height: 768px;
   width: 1024px;
   */
   /* kiosk version
   border: none;
   */
   /* for non-kiosk version */
   border-top: solid 1px #440000;
   border-left: solid 1px #440000;
   border-right: solid 1px #440000;
   border-bottom: none;
}

div#Header {
   height: 48px;
   width: 100%;
   z-index: 2;
   position: relative;
   /* margin: 5px; */
}

div#StatusBar {
   height: 24px;
   width: 100%;
   line-height: 24px;
   margin-top: 5px;
   background-color: #D7C0D4; /* #83D6FF; */
   border-top: solid 1px #440000;
   border-bottom: solid 1px #440000;
/*
   margin-bottom: 5px;
*/
}

div#WelcomeText {
   font-size: 14px;
   margin: 0px 12px 0px 255px;
   float: left;
   font-weight: bold;
   color: #440000;
   padding: 0;
}

div#LeftNavBar {
   width: 168px;
   float: left;
   clear: left;
   margin-left: 10px;
   margin-top: 10px;
}

div#MainContent {
   /*position: relative;*/
   margin: 10px 10px 10px 188px;
   text-align: left;
/*
	float: left;
   width: 826px;
*/
}

div#FooterBar {
   clear: both;
   height: 20px;
   line-height: 20px;
   background-color: #D7C0D4; /* #83D6FF; */
   border-top: solid 1px #440000;
   border-bottom: solid 1px #440000;
/*
   margin-top: 10px;
*/   
}

/* --End MasterPage Tags */


.footer {
   /* Only used in:
      - Masterpage.master
   */
   font-size: 9px;
   color: #440000;
}

.GridList {
   /*
   font-size: 9px;
   border-bottom: solid 2px #809080;
   */
}

.GridListHeader {
   background-color: #809080;
   color: White;
   font-size: 9px;
   font-weight: bold;
   padding: 0px 7px;
   margin: 20px 0px 16px 0px;
   text-align: left;
   height: 20px;
   line-height: 20px;
}

.GridListRow { 
   background: url(images/td.png) repeat-x top;
   background-color: White;
   border-bottom: #d0e0d0 1px solid;
}


.GridListRowAlt {
	background: #d5e3d4;
}

.GridListRow, .GridListRowAlt {
   font-size: 9px;
	vertical-align: text-top;
	line-height: 14px;
	color: #2E2E2E;
	border-top: 1px solid #243D02;
	border-right: 1px solid #D0E0D0;
	text-align: left;
	/*
		padding: 10px 7px;
	*/
}

.GridListCell {
   /*
      border-left: solid 1px #d0e0d0;
      border-right: solid 1px #d0e0d0;
   */
}

.GridListHeader a, .GridListHeader a:link, .GridListHeader a:visited {
   text-decoration: none;
   color: Yellow;
}

.GridListHeader a:hover {
   text-decoration: underline;
}

.PagerText {
   font-size: 9px;

}

.EnoFileCredits{
   /* Only used in:
      - Masterpage.master
   */
   float: right; 
   text-align: right;
   margin-top: 10px;
   margin-right: 5px;
}

.inputinfo {
   font-size: 10px;
   color:   #440000;
   font-weight: bold;
   margin-top: 3px;
}

div.LoginTitle {
  margin-left: auto;
  margin-right: auto;
  text-align: center; 
  background-color: #D7C0D4; /* eeaa77; */
  font-size: 10px;
  font-weight: normal;
  color: #440000;
  line-height: 16px;
}

.LoginLabel {
    text-align:left;
}

div.LoginLabel {
  font-size: 9px;
  margin-top: 5px;
}

.LoginTextBox {
  font-size: 9px;
}

.LoginButton {
   color: #003399;
   background-color: #fcf4e9 /* White */;
   border-color: Silver;
   border-style: solid;
   border-width: 1px;
   font-size: 9px;
   margin-left: 5px;
}

.ActivateAccount {
	font-size: 11px;
	text-align: center;
}

.LoginFailure {
   font-size: 10px;
   color: Crimson;
	text-align: center;
   /*
		line-height: 20px;
      margin-top: 5px;
      margin-bottom: 5px;
      font-size: 11px;
      background-color: white;
      padding-left: 5px;
      padding-right: 5px;
   */
}

.ForgottenPassword {
   color: #cc0033;
}

.PageTitle {
    margin-top: 5px;
    margin-bottom: 6px;
    font-size: large;
    color: #884488;
}

.WarningBox, .ErrorBox, .SuccessBox {
    background-color: white;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 5px 0;
}

.WarningBox, .ErrorBox {
    color: red;
    border-right: maroon thin solid;
    border-top: maroon thin solid;
    border-left: maroon thin solid;
    border-bottom: maroon thin solid;
/*
    margin-left: 5px;
    margin-right: 5px;
*/
}

.SuccessBox {
    color: green;
    border-right: green thin solid;
    border-top: green thin solid;
    border-left: green thin solid;
    border-bottom: green thin solid;
    margin-left: 5px;
    margin-right: 5px;
}


div.WarningBullet, div.ErrorBullet {
    float: left;
    margin-top: 5px;
    /* border: 1px dashed green; */
}

div.WarningText, div.ErrorText {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 20px;
    /* border: 1px dashed blue; */
}

div.SuccessText {
    padding-top: 5px;
}

.TouchButton, .TouchButtonOffset, .TouchButtonInPanel {
    height: 44px;
    width: 75px;
    margin: 3px;
    vertical-align: middle;
    text-align: center;
    color: #440000;
    background-color: #fcf4e9;
    font-weight: bold;
    font-family: 'Microsoft Sans Serif' , Arial, Sans-Serif;
}

.TouchButtonOffset {
    margin: 3px 3px 3px 13em;
}

.TouchButtonInPanel {
    margin: 10px 5px 10px 5px;
}

.LabelStyle {
    text-align: right;
    /* width: 125px; */
    float: left;
}

.DataStyle {
    margin-left: 5px;
}

.HelpStyle {
    font-size: smaller;
    text-align: left;
    width: 200px;
    color: #880088;
}

.FormRow {
    width: 150px;
    text-align: right;
    padding-right: 5px;
    vertical-align: text-top;
}

.CheckBoxOffset {
   /* Only used in:
      - ~/adm/EditUser.aspx
   */
   margin-left: 70px;
}

div.GroupBox {
   margin-top: 10px; 
   border: 1px solid #5d765b; 
   background-color: #d5e3d4;
}

div.GroupBoxHeader {
	background-color: #c0cfc0;
	color: #404040;
   font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #5d765b;
   padding: 5px;
}

div.GroupBoxDetail {
   color: Black;
   padding: 5px;
}

.TableHeader {
   /* Only used in:
      - ~/adm/Associate.aspx
   */

    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: MediumBlue;
}

table.TopTen {
   color: Black;
   background-color: #d5e3d4;
   border: 1px solid #5d765b;
   border-collapse: collapse;
   width: 600px;
}

table.TopTen {
   font-size: 9px;
   width: 300px;
}

tbody.TopTen {
}

th.TopTen {
   padding: 5px 0 5px 0;
   text-align: center;
	border-bottom: solid 1px #5d765b;
   background-color: #c0cfc0;
	color: #404040;
}

tr.TopTen {
}

td.TopTenNumber {
   text-align: right;
}

td.TopTenSpacer {

}

td.TopTenWine {
   text-align: left;
}

td.TableData {
   padding-right: 10px;
}

td.TableLabel {
   padding-left: 10px;
}

td.TableLabel, .DetailsLabel, .EntryLabel, .LabelStyle  {
   color: #993399;
}

.DetailsBox {
   background-color: #d5e3d4;
   margin-top: 10px;
   border: 1px solid #5d765b;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 5px;
   padding-bottom: 10px;
   width: 640px;
}

#RatingsLeftSide {
	width: 406px;
}

#RatingsRightSide {
}

#DetailsRating {
   margin-top: 5px;
	float: left;
	width: 140px;
	line-height: 15px;
}

#DetailsPairingContainer {
	float: right;
	width: 250px;
/*
	margin-left: 125px;
	margin-right: 150px;
	margin-top: 2px;
*/
	margin-bottom: 10px;
}
		
#DetailsPairing {
	float: right;
/*	
	width: 175px;
	margin-left:auto;
	margin-right: auto;
	padding: 0 10px;
*/
}	

#DetailsDrinkBy {
/*
	float: right;
	width: 150px;
*/
	text-align: right;
	margin-bottom: 10px;
}		
#DetailsWishList {
	width: 212px;
	height: 100px;
	padding-top: 20px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #e2dbe2;
	border: solid 1px gray;
	text-align: center;
}

.DetailsShare {
	float: left;
	width: 250px;
	height: 60px;
	margin-top: 10px;
	text-align: left;
	border-right: solid 1px gray;
}

#DetailsSave {
	float: right;
	height: 60px;
	width:  140px;
	margin-top: 10px;
	text-align: center;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - *
   Add site-specific custom styles below
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - *
   Default front page styles (Dashboard / Welcome)
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.DashboardBox {
   float: right;
   clear: right; 
   width: 300px; 
   margin-top: 10px; 
   border: 1px solid #5d765b; 
   background-color: #d5e3d4;
}

div.DashboardHeader {
	background-color: #c0cfc0;
	color: #404040;
   font-size: 9px;
   font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #5d765b;
   padding: 5px;
}

div.DashboardDetail {
   font-size: 9px;
   color: Black;
   padding: 5px;
}

div.SpecialsBox {
	color: White;
	padding: 10px;
	text-align: left;
	margin-right: 335px; 
/*
	border-left: 2px solid #e2dbe2; 
	border-right: 2px solid #e2dbe2; 
*/
	background-color: #603060;
}

.SpecialsHeader {
	font-size: 16px;
	font-weight: bold;
	color: Yellow;
}

.SpecialsText {
	margin-top: 5px;
	font-size: 12px;
	line-height: 150%;
}

.SpecialsList {
	font-size: 12px;
	margin-top: 5px;
	line-height: 150%;
}

div.WelcomeBox {
	margin-top: 25px;
	color: #603060;
	padding: 10px;
	text-align: left;
	margin-right: 335px; 
	background-color: #e2dbe2; 
	border-top: 1px solid Black; 
	border-bottom: 1px solid Black; 
/*
	color: Black; 
	font-size: 9px; 
*/
}

div.NoteBox {
	background-color: White;
   padding: 5px;
	color: #a099a0;
	border-top: solid 2px #a099a0;
	border-bottom: solid 2px #a099a0;
}

div.WelcomeDetail {
	margin-top: 5px;
}

.WelcomeHeader, .WelcomeText, .SpecialsText {
	margin-bottom: 0px;
}

.WelcomeHeader {
	font-size: 13px;
	font-weight: bold;
	margin-top: 18px;
}

.WelcomeText {
	margin-top: 5px;
	font-size: 12px;
	line-height: 150%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - *
   For EnoFile.com site only
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

 #RetailerLink {
	float: right;
	margin-top: 5px; 
	margin-right: -5px; 
	margin-left: 10px; 
	margin-bottom: 0px;
	background-color: #d5e3d4; 
	padding: 3px 5px; 
	border: solid 1px #5d765b; 
	display: block;
	text-align: center;
	/*
	width: 150px;
	*/
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - *
   Wine Finder styles
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#FinderTitleBar
{
	font-size: 16px;
	background-color: #e2dbe2;
	height: 48px;
	line-height: 48px;
	padding: 0px 10px;
	color: darkmagenta;
}

#FinderRightList {
	position: absolute;
	z-index: 1;
	left: 476px;
	top: 58px;
	width: 320px;
	height: 530px;
	background-color: White;
	border: solid 1px #5d765b;
}

div.FinderParameterFirst, div.FinderParameterNext, div.FinderSelectedFirst, div.FinderSelectedNext {
	position: relative;
	left: 10px;
	padding: 10px;
	width: 445px;
	border: solid 1px #5d765b;
}

div.FinderParameterFirst, div.FinderParameterNext {
	z-index: 2;
	background-color: #fcf4e9;
	font-size: 14px;
	line-height: 32px; 
	color: #603060;
}

div.FinderParameterFirst {
	top: 10px;
}

div.FinderParameterNext {
	margin-top: 15px;
}

div.FinderSelectedFirst, div.FinderSelectedNext {
	z-index: 1;
	background-color: #d5e3d4;
	font-size: 14px;
	color: Black;
	height: 24px; 
	line-height: 24px; 
	border-top: none;
}

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

.FinderSelection {
	margin: 0px;
	padding: 10px;
	font-size: 14px;
	color: #603060;
	height: 32px;
	line-height: 32px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-width: 1px;
	border-color: #d5e3d4;
}