/* stylesheet (C) Lars Bjørn Jensen 2008-2011, for www.vinlex.dk */


body                                { color: #444; padding:0px; margin:0px; outline:none; font: 13px Arial; background-color:#cdcccc; font-family:Arial}

.autocomplete_completionListElement { margin:0px!important; background-color:inherit; color:windowtext;	border:buttonshadow; border-width : 1px;	border-style : solid; cursor:'default';	overflow:auto; max-height:200px; text-align:left; list-style-type:none; padding-left:0!important; }
.autocomplete_listItem              { background-color:window; color:windowtext; padding:1px; }
.autocomplete_highlightedListItem   { background-color:#ddd; color:#000; padding:1px; }

#vintageChart                       { border-spacing: 2px; border:none; }
#vintageChart th                    { font-weight:bold; padding-left:4px; padding-bottom:10px; padding-top:10px; }
#vintageChart tr                    { border-spacing: 2px; }
#vintageChart .row                  { }
#vintageChart td                    { padding:2px; border-bottom:0px dotted #ccc;  }

.r1                   { background-color:#cc9933; color:White }
.r2                   { background-color:#cc0099; color:White }
.r3                   { background-color:#cc0000; color:White }
.r4                   { background-color:#3300cc; color:White }
.r5                   { background-color:#000; color:White }

#topLogo							{ height:100px; }
#infoBox							{ background-image: url('../images/images/bg_10.gif'); font-size:14px; font-family:Arial; color:Black; padding:5px; padding-top:7px; height:11px; background-repeat:no-repeat; }
#infoBox h1							{ margin:0; text-align:left; font-size:14px; font-family:Arial;}
#infoBox .right						{ float:right; margin-right:10px; }
#content							{ background-image: url('../images/greygrad.gif'); float:left; width:100%; padding-top:13px; padding-bottom:15px; margin-top:-1px; background-repeat:repeat-x; min-height:380px;}
#contentFront						{ background-image: url('../images/greygrad.gif'); float:left; width:100%; padding-top:13px; padding-bottom:0px; margin-top:-1px; background-repeat:repeat-x; min-height:380px; }
#contentLex							{ background-image: url('../images/pageBgLex.jpg'); float:left; width:100%; padding-top:13px; padding-bottom:15px; margin-top:-1px; background-repeat:repeat-x; min-height:280px;}
#contentRegion						{ background-image: url('../images/pageBgRegion.jpg'); float:left; width:100%; padding-top:13px; padding-bottom:15px; margin-top:-1px; background-repeat:repeat-x; min-height:280px; }
#contentAppellations    			{ background-image: url('../images/pageBgRegion.jpg'); float:left; width:100%; padding-top:13px; padding-bottom:15px; margin-top:-1px; background-repeat:repeat-x; min-height:280px; }
#contentGrape						{ background-image: url('../images/pageBgGrape.jpg'); float:left; width:100%; padding-top:13px; padding-bottom:15px; margin-top:-1px; background-repeat:repeat-x; min-height:280px;}
#contentWine						{ background-image: url('../images/pageBgWine.jpg'); float:left; width:100%; padding-top:13px; padding-bottom:15px; margin-top:-1px; background-repeat:repeat-x; min-height:280px;}
#contentReview						{ background-image: url('../images/pageBgReview.jpg'); float:left; width:100%; padding-top:13px; padding-bottom:15px; margin-top:-1px; background-repeat:repeat-x; min-height:280px;}
#contentFood						{ background-image: url('../images/pageBgFood.jpg'); float:left; width:100%; padding-top:13px; padding-bottom:15px; margin-top:-1px; background-repeat:repeat-x; min-height:280px;}

#boxReview							{ background-image: url('../images/pageBgReview.jpg'); background-position:right; }
#boxWine							{ background-image: url('../images/pageBgFront.jpg'); background-position:right; }
#boxLex							    { background-image: url('../images/pageBgLex.jpg'); background-position:right; }

#topMenu0							{ background-image: url('../images/images/bg_01.gif'); background-repeat:no-repeat; height:100px; }
#topMenuSearch                      { float:left; background-image: url('../images/images/bg_09.gif'); height:45px; width:298px; font-size:12px; font-family:Arial; }

#genPage							{ min-height:400px; }

#contentText						{ position:relative; z-index:2 }
#pagingLetter						{ font-size:200px; font-weight:bold; z-index:1; color:#ddd; position:absolute; width:700px; margin-top:-30px; margin-left:20px; text-align:right; }

#upperBar							{ background-image: url('../images/images/bg_11.gif'); width:100%; height:9px; }
#leftBar							{ background-image: url('../images/images/bg_15.gif'); width:6px; }
#contBar							{ width:999px; background-color:#eee; }
#rightBar							{ background-image: url('../images/images/bg_16.gif'); width:10px; }

/* baggrund alle sider */
#footer                             { background-image: url('../images/images/bg_19.gif'); background-repeat:no-repeat; font-size:10px; text-align:center; margin:0; padding:0; padding-top:5px; background-repeat:no-repeat; height:0px;}
#footer, #footer a					{ color:#666; }

#primaryArticleBox                  { border:2px solid #ddd; background-color:#fff; padding:7px; margin:0 15px 10px 15px; opacity: 0.7; color:#222; }
#primaryArticleBox .header          { font-style:italic; margin-bottom:6px; font-size:17px; }
#primaryArticleBox h2               { font-style:italic !important; font-weight:normal !important; margin-bottom:6px; margin-top:14px; font-size:15px !important; border:none !important; font-family:Arial !important; }
#primaryArticleBox .infoBox          { background-color:#f6f6f6; padding:6px; margin:0 3px 5px 8px; border:solid 1px #ccc; float:right; width:200px; color:#444; font-size:11px; }
#primaryArticleBox .infoBox .label   { color:#000; text-align:center; font-weight:bold; font-family:Arial; }

#primaryArticleBox table.lexTable						{ margin-bottom:15px; margin-top:15px; width:100%; background:#f6f6f6; border:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#primaryArticleBox table.lexTable tr 	 				{ text-align:left; vertical-align:text-top;}
#primaryArticleBox table.lexTable th 	 				{ text-align:left; }

a				                    { color: #333; text-decoration: none; outline: none;}
a:focus                             { border:none; outline:none; }
a:hover                             { text-decoration:underline; }

#page			                    { width:1015px; height:100%; text-align: left; margin:0 auto 0 auto; height:auto !important;  }
#page h1							{ font:normal 22px Arial; margin:-6px 0 15px 0 !important; padding:0 !important; border-bottom:0px dotted #ddd; color:#333; }
#page h1:first-letter				{ font:bold 32px Arial; margin:0 0 15px 0 !important; padding:0 !important; border-bottom:0px dotted #ddd; color:#dd2222;}
#page h2                            { font:bold 16px Arial; border-bottom:1px dotted #aaa; }

/* columns */
#leftCol								{ float:left; width:220px; }
#midleCol								{ float:left; width:600px; margin-left:30px;}
#midleCol .textBlock h2					{ margin-left:-10px !important;}
/* wiki link style */
#midleCol .textBlock a, #primaryArticleBox a, .listItem .desc a, .lexLink a    { color:#dd0000;  font-variant:small-caps; /* text-transform:capitalize; font-variant:small-caps; */}
#midleCol .textBlock					{ padding:0 15px 10px 15px; line-height:125%; }
#midleCol .textBlock p:first-letter		{ color:#dd2222; font-size:20px; padding-right:2px;}
#rightCol								{ float:left; width:730px; margin-left:30px; }
#contentRegion #rightCol				{ float:left; width:110px; }
#thirdCol								{ float:left; width:130px; margin:0; }

.buyWineInfo                         { margin-top:10px; color:#000; }
.buyWineInfo a                       {  color:#dd2222; font-weight:bold;  }

.shadowBox {
  box-shadow: 2px 2px 2px #aaa;
  -webkit-box-shadow: 3px 3px 3px #aaa;
  border-radius: 0px 18px 0px 10px;
}

.roundBox {  padding:8px; background-color:#ddd; border-radius: 12px 12px 12px 12px; }
.roundBox h3 {margin:0 0 8px 0; border-bottom:1px dotted #999;}

.listElm                            { height:17px; }

.row			                    { clear:both; border-bottom:dotted 1px #ccc; height:16px; margin-bottom:4px; }
.row a			                    { color:#000 !important;}
.left       	                    { float:left; padding-left:6px; }

#tagCloud                           { }
#tagCloud .col                      { float:left; width:240px; padding-bottom:7px; }
#tagCloud .header                   { font-size:12px; font-weight:bold; padding-top:5px; padding-bottom:5px; }

#existingLinksPage                  { }
#existingLinksPage .grape           { width:300px; float:left; }
#existingLinksPage .status          { width:50px; float:left; }
#existingLinksPage .region          { width:205px; float:left;}
#existingLinksPage .color           { width:40px; float:left;}
#existingLinksPage .price           { width:40px; float:left;}
#existingLinksPage .clicks          { width:50px; float:left; font-weight:bold;}
#existingLinksPage .controls        { float:right; font: small-caps 10px Arial; }

#statPage                           { }
#statPage .area                     { width:300px; float:left; }
#statPage .clicks                   { width:50px; float:right; }

.wineFacts                          { padding:3px 3px 5px 5px; border:3px solid #c4c8cc; min-height:100px; width:200px; background-color:#e5e1e1; background-color:#ddd; background-image: url('../images/boxBg.jpg'); background-position:top; background-repeat:no-repeat; background-color:#cbcbcb;  font-size:12px; line-height:140%; margin:0 18px 12px 13px; }
#contentFront .wineFacts            { padding:3px 3px 5px 5px; border:3px solid #c4c8cc; min-height:100px; width:300px; background-color:#e5e1e1; background-color:#ddd; background-image: url('../images/boxBg.jpg'); background-position:top; background-repeat:no-repeat; background-color:#cbcbcb;  font-size:12px; line-height:140%; margin:0; margin-bottom:12px;}
.wineFacts#regionList h3            { font-size:13px; margin: 0 !important; font-weight:normal;}
.wineFacts .box                     { background-color:#ddd; font-weight:bold; padding:3px 0 3px 4px; margin:-6px -3px 5px -5px; }
.wineFacts .note                    { width:752px; float:right; display:none; position:relative }
.wineFacts .noteHeader              { border-bottom:dotted 1px #bbb; margin-bottom:1px; height:16px }
.wineFacts .noteItem                { border-bottom:dotted 1px #bbb; margin-bottom:1px; height:16px; }
.wineFacts .countryImg              { margin-top:10px; }
.wineFacts div.line                 { clear:both; border-bottom:3px solid #aaa; width:100%; height:4px; margin:0 0 4px 0;}
.wineFacts ul                       { padding:0 0 0 11px; margin:8px 0 0 0; list-style:none; }
.wineFacts ul li                    { }
.wineFacts ul li a.selected         { font-weight:bold; color:#dd0000;}
.wineFacts .head                    { font-weight:bold; margin-bottom:10px; }
/*.wineFacts .topBox,*/
/*.wineFacts#regionList h2, #wineFacts h2 
								    { background-color:#cc0100; font-weight:bold; padding:3px 0 3px 4px !important; margin:-6px -6px 5px -8px !important; color:#fff !important; font-size: 15px !important; border: 0 !important; }*/
.wineFacts .topBox  {  border-radius: 0px 14px 0px 0px;
                       background-color:#cc0100; font-weight:bold; padding:5px 0 5px 5px !important; margin:-3px -3px 5px -5px !important; color:#fff !important; font-size: 15px !important; border: 0 !important; 
                       }


.mainMap                            { float:right; padding-left:10px; }
.mapText                            { text-align:right; font-family:Arial; font-size:11px }

/* vintage chart */
.vintageChart           { float: left; width: 250px; padding-bottom:5px; font-size:12px; }
.vintageChart .header   { margin-left: 18px; width:1px; height:5px; }
.vintageChart .year     { width:1px; height:5px; }
.vintageChart .text     { clear:left; float:left; height:8px; margin-bottom:1px; }
.vintageChart .r        { height:5px; background-color:#dd2222; float:left; margin:4px 0 1px 4px; padding:1px 0 1px 0; }
.vintageChart .g        { height:5px; background-color:#44bb44; float:left; margin:4px 0 1px 4px; padding:1px 0 1px 0; }
.vintageChart .n        { height:5px; background-color:#bbb; float:left; margin:4px 0 1px 4px; padding:1px 0 1px 0; }

/* used for Wines and Reviews */
.buyItem2               { float:left; width:100%; line-height:140%; font-size:12px; }
.buyItem2  a            { font:inherit; font-weight:bold; text-decoration:none;}
.buyItem2  div          { clear:both; float:left; min-width:60px; font-weight:bold;}
.buyItem2  div.line     { border-bottom:3px solid #ddd; width:100%; margin:5px 0 5px 0;}
.buyItem2  span         { font-weight:normal; float:right; max-width:135px; text-align:right; }

.menuItem2                          { margin-bottom:1px; overflow:visible; height:auto; border-bottom:dotted 1px #ccc; }

/* leftmenu */
#leftMenu                           {  }
#leftMenu .menuItem                 { margin-bottom:1px; overflow:visible; height:auto; }
#leftMenu .menuItem a               { font: 12px Arial; text-decoration:none; color:#444; cursor: pointer;}
#leftMenu .menuItem a span          { color:#999; }
#leftMenu .menuItem.nonlink         { margin-bottom:1px; padding-left:7px; height: 16px; overflow:visible; height:auto; }
.menuCount						{ float:right; padding-right:1px; color:#888; }
/*.aboutBtn                           { margin:5px 0 5px 0; padding-top:5px; }
.aboutBtn a                         { text-decoration:underline; font-weight:bold }*/

#grapeDetail .appName               { float:left; width:170px; }
#grapeDetail .appNo                 { float:left; width:80px; text-align:right; margin-right:10px; }
#grapeDetail .appBar                { float:left; width:210px; }

#theoryPage                         { margin-right:50px; }
#theoryPage h3                      { font:bold 14px Arial;}

.buyLine .wineName                  { float:left; }
.buyLine .price         	        { float:right; text-align: right;} 


/* WINE BOX *******************************/
.dropdown						{ width:204px; margin-left:-5px!important; background-color:transparent; border:none; margin-bottom:3px; font-size:12px; }

.articleBox                     { background-color:#fff; padding:4px; border:solid 2px #ccc; clear:both }

.leftArrow                          { background: url('../images/redArrow.gif') no-repeat left; padding:0 5px 0 3px; height:16px;}
.rightArrow                         { background: url('../images/rightArrow.gif') no-repeat left; padding:0 5px 0 8px; height:16px; vertical-align:middle;}
.arrowLink                          { background: url('../images/redArrow.gif') no-repeat left; padding:0 5px 0 7px; height:16px; vertical-align:middle;}
.arrowLinkGlass                     { background: url('../images/ratingglass.gif') no-repeat left; padding:0 0 3px 15px; height:16px; margin-left:10px; vertical-align:middle;}
.leftArrowStop                      { background: url('../images/redArrowStop.gif') no-repeat left; padding-left:12px; height:16px; vertical-align:middle; width:30px;}
.downArrow                          { background: url('../images/redArrowDown.gif') no-repeat left; padding-bottom:2px; padding-left:8px; height:10px; width:10px; margin-left:2px;}
.upArrow                            { background: url('../images/redArrowUp.gif') no-repeat left; padding-bottom:2px; padding-left:8px; height:10px; width:10px; margin-left:2px;}
.downArrowRight                     { background: url('../images/redArrowDown.gif') no-repeat right; padding-bottom:2px; padding-right:12px;}
/* note, fixed height img */
.redBox                             { background: url('../images/redBox.gif') no-repeat left; padding-left:8px; vertical-align:middle; height:12px; }
/*.emptyBox                           { background: url('../images/libox.gif') no-repeat left; padding-left:8px; vertical-align:middle; height:12px; }*/
.emptyBox                           { padding-left:8px; }

.next                          { background: url('../images/next.gif') no-repeat left; padding:0 2px 0 0; margin-left:2px; height:16px; vertical-align:middle;}
.nextFull                      { background: url('../images/nextFull.gif') no-repeat left; padding:0 15px 0 0; margin-left:4px; height:16px; vertical-align:middle;}
.prior                          { background: url('../images/prior.gif') no-repeat left; padding:0 0 0 7px; height:16px; vertical-align:middle;}
.priorFull                        { background: url('../images/priorFull.gif') no-repeat left; padding:0 0 0 7px; height:16px; vertical-align:middle;}

.stars  {  float:right; }

.redGrape { background: url('../images/red_grape.gif') no-repeat left; width:10px; height:10px; padding-left:4px; margin-top:2px; } 
.greenGrape { background: url('../images/green_grape.gif') no-repeat left; width:10px; height:10px; padding-left:4px; margin-top:2px; }
.greyGrape { background: url('../images/grey_grape.gif') no-repeat left; width:10px; height:10px; padding-left:4px; margin-top:2px; }
.grapesIcon { background: url('../images/grape_green2.gif') no-repeat left; width:10px; }
.starIcon { background: url('../images/star2.gif') no-repeat left; width:12px; height:12px; padding-left:16px;}
.ratingZero { background: url('../images/star_blank.gif') left; padding-left:55px; background-repeat:repeat-x; }
.rating1 { background: url('../images/star0a.gif') left; padding-left:11px; background-repeat:repeat-x; }
.rating2 { background: url('../images/star0a.gif') left; padding-left:22px; background-repeat:repeat-x; }
.rating3 { background: url('../images/star0a.gif') left; padding-left:33px; background-repeat:repeat-x; }
.rating4 { background: url('../images/star0a.gif') left; padding-left:44px; background-repeat:repeat-x; }
.rating5 { background: url('../images/star0a.gif') left; padding-left:55px; background-repeat:repeat-x; }
.ratingB1 { background: url('../images/star_blank.gif') left; padding-left:11px; background-repeat:repeat-x; }
.ratingB2 { background: url('../images/star_blank.gif') left; padding-left:22px; background-repeat:repeat-x; }
.ratingB3 { background: url('../images/star_blank.gif') left; padding-left:33px; background-repeat:repeat-x; }
.ratingB4 { background: url('../images/star_blank.gif') left; padding-left:44px; background-repeat:repeat-x; }
.ratingB5 { background: url('../images/star_blank.gif') left; padding-left:55px; background-repeat:repeat-x; }
.ratingV { background: url('../images/rating_v.gif') no-repeat left; padding-left:11px; margin-left:5px;}

.paging                             { font-size:15px; }
.paging a                           { text-decoration:underline; color:#000; }
a.sel                               { color:#fff; background-color:#000; min-width:8px; font-weight:bold; }
.paging a.btn                       { text-decoration:none; }
.innerPaging 						{ }
.innerPaging a						{ font-size:15px; }
.innerPaging a.sel					{ font-weight:bold; }

.red                    			{ color:#dd0000 !important; }
.green                  			{ color:Green !important; }

.itemNoLink                         { margin-bottom:2px; padding-left:7px; height: 16px; overflow:hidden }

.link			                    { text-decoration: underline; }
.redLink                            { font: 13px Arial; text-decoration: none; color:#444; cursor: pointer; }
.redLink:hover                      { color:#ee0000; cursor:pointer; }
.redLinkHoved                       { font: 13px Arial; color:Red;}
.smallLink                          { font: 12px Arial; color:Red; text-decoration:underline;}

.table table tr	td	                { border-bottom: 1px dashed #bbb; width:20%; float:left }

/*.word                               { color:Red }*/

.small  		                    { font: 12px Arial; font-style:italic; }
.smallCaps		                    { font: small-caps 10px Arial; }
.aoc			                    { font: 8px Arial; }

.breadcrumb		                    { font: 12px Arial; color :#888; text-decoration:none; font-weight:normal }
.breadcrumb a	                    { font: 12px Arial;	color :#444; text-decoration:none; font-weight:normal }

.box                                { padding: 0 120px 0 20px; clear:left;}

.facts                              { border:3px solid #aaa; padding:5px; background-color:#f7f7f7; margin: 6px 0 0 0px; min-height:60px; width:550px;}
.facts:first-line                   { font-weight: bold; }

.charts                             { border:3px solid #aaa; padding:5px; background: #f7f7f7 url('../images/chart.gif') no-repeat bottom right; margin:6px 0 5px 0; min-height:60px; width:550px;}
.charts:first-line                  { font-size: 12px; font-weight: bold;}

/*.grapeBox                           { width:550px; min-height:70px; height:auto !important; height:70px; border:3px solid #aaa; padding:5px; background: #f7f7f7 url('../images/grape.gif') no-repeat bottom right; margin-bottom: 4px; }*/
.grapeHeader		                { font: 13px Arial; font-weight:bold; margin-bottom:8px; border-bottom:1px solid #ccc; }

.clear                              { clear:both;}

.inlineBox											{ display: none; padding:10px; }
.inlineBoxWineDetail								{ display: none; padding:10px; margin-left:200px; width:600px; }
.inlineBoxBuyWine									{ display: none; margin-bottom:10px; padding:10px 10px 10px 10px;}
.inlineBoxBuyWine .byLine							{ font-size:11px; font-style:italic; }
.inlineBoxBuyWine .description:first-letter			{ color:#dd2222; font-size: 22px; padding-right: 2px; }

.inlineBoxBuyWine .buyItem                    { width:430px; float:right; line-height:140%; color:#444; font-size:12px; background-color:#fff; margin-left:15px; padding:4px; border:3px solid #bbb;}
.inlineBoxBuyWine .buyItem .map               { float:right; width:150px; margin-bottom:15px; }
.inlineBoxBuyWine .buyItem .info              { float:left; width:280px; }
.inlineBoxBuyWine .buyItem .info div          { clear:left; float:left; width:90px; font-weight:bold;}
.inlineBoxBuyWine .buyItem .info div.price    { margin-top:8px; font-weight:normal !important; width:100%; }
.inlineBoxBuyWine .buyItem .info span         { float:left; width:190px; font-weight:normal; }

.foodWine                           { font-weight:bold; margin:10px 0 6px 0;}
/* LIST ITEM */
.listItem                           { width: 100%; border-bottom:1px dotted #bbb; margin-bottom:8px; padding-bottom:0px; }
.listItem .val                      { float: left; width: 250px; }
.listItem .val .link                { font-style:italic; text-decoration:none !important; font-weight:normal; color:#888; font-size:12px; }
.listItem .val .link a              { font-weight:normal; color:#dd0000; font-size:12px; }
.listItem .val a                    { font-weight:bold;}
.listItem .type                     { float:right; font-style:italic; text-transform:lowercase; padding-right:10px; color:#777 }
.listItem .desc                     { float: left; width: 470px; /*font-style:italic; */}
.listItem .desc a.readmore          { color:#555; font-style:italic; }

.reviewLight                        { margin-left:15px;}
.reviewLight .val                   { float: left; width: 440px;}
.reviewLight .price                 { float: left; font-style: italic; color: #888; text-align: right; width: 80px}
.reviewLight .rating                { float:right; }
                  
.listItem a.more                    { color:#000; font-weight:bold; }

.fontSmall		                    { font: 11px Arial; font-weight:bold; padding-bottom:2px; padding-top:2px; }

#bottom         { clear:both; min-height:10px; }
#infoBar        { border:solid 3px #ddd; background-color:#fff; margin:15px 0px 5px 0px; padding:2px; color:#666; text-align:center }

/* page top menu */
ul#pagenav			{ margin:0; padding:0; padding-left:20px; list-style:none;}
ul#pagenav li a		{ color:#fff; font-family:Arial; margin-right:20px; font-size:16px; float:left; }

/* Germany wine laws */
#winelawTable                       {           }
/*#winelawTable .row                  { width:100% }*/
#winelawTable .row .first           { width:25%; float:left; }
#winelawTable .row .second          { width:75%; float:left; }

#tabs { text-align:right; }

.infoBox                            { background-color:#fff; padding:6px; margin:0 0 5px 8px; border:solid 2px #ccc; float:right; width:200px; color:#444; 
                                      border-radius: 0px 18px 0px 10px; }
.infoBox .label                     { color:#000; }
.infoBox .header                    { font-style:normal; font-weight:bold; margin-bottom:5px; color:#000 !important; }
.infoBox.brown                      { border:solid 2px #995533; }
.infoBox.blueGrey                   { border:solid 2px #8888aa; }
.infoBox.grey                       { border:solid 2px #bbb; }
.infoBox.green                      { border:solid 2px #00dd00; color:Black !important; }
.infoBox.orange                     { border:solid 2px #ffcc00; }
.infoBox.red                        { border:solid 2px #ee0000; color:Black !important; }
.infoBox.lilac                      { border:solid 2px #dd44dd; }
.infoBox.brownOrange                { border:solid 2px #cc6644; }
.infoBox ul                        { padding-left:16px; }

/* mad og vin */
.foodSection                        { padding:0 10px 0 10px; }
.foodSection .green                 { background-color:#fff; padding:10px; margin:0 0 5px 5px; border:solid 2px #44aa00; width:200px; float:right; min-height:60px; color:Black; }
.foodSection .brown                 { background-color:#fff; padding:10px; margin:0 0 5px 5px; border:solid 2px #994400; width:200px; float:right; min-height:60px; color:Black; }
.foodSection .orange                { background-color:#fff; padding:10px; margin:0 0 5px 5px; border:solid 2px #ffcc00; width:200px; float:right; min-height:60px; color:Black; }
.foodSection .redOrange             { background-color:#fff; padding:10px; margin:0 0 5px 5px; border:solid 2px #ff6622; width:200px; float:right; min-height:60px; color:Black; }
.foodSection .darkGreen             { background-color:#fff; padding:10px; margin:0 0 5px 5px; border:solid 2px #44aa00; width:200px; float:right; min-height:60px; color:Black; }
.foodSection .header                { font-style:normal; font-weight:bold; margin-bottom:5px; }

.searchField                        { padding-left:30px; z-index:7; position:absolute; }
.searchBox                          { border:1px solid #999; color:#999; font-family:Arial; }

table.inlineTable					{ margin-bottom:15px; margin-top:15px; border:1px dotted #aaa; border-spacing:5px; background-color:#f5f5f5;}
table.inlineTable tr 	 			{ text-align:left; vertical-align:text-top; }
table.inlineTable tr td	 			{ text-align:left; vertical-align:text-top; }
table.inlineTable th 	 			{ text-align:left; padding-bottom:5px; }

table.lexTable   					{ border:none; background-color:#f9f9f9; margin-bottom:15px; margin-top:15px; width:100%; padding:5px;  
              						  border-radius: 12px 12px 12px 12px;  box-shadow: 2px 2px 2px #aaa;}
table.lexTable tr 	 				{ text-align:left; vertical-align:text-top;}
table.lexTable td:first-child		{ }
table.lexTable th 	 				{ text-align:left; }


/* Rating */
.ratingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }
.filledRatingStar { background-image: url('../images/starUserFilled.gif'); }
.emptyRatingStar { background-image: url('../images/star_blank.gif'); }
.savedRatingStar { background-image: url('../images/star0a.gif'); }

/* Food selector */

#foodSelector                       {}
#foodSelector .pane                 {}
#foodSelector .pane .links          { float:left; line-height:120%; list-style-type:none; }
#foodSelector .pane .links ul       { list-style-type:none; padding-left:10px; }
/*#foodSelector .pane .links ul li .link      { text-align:right; float:right}*/
/*#foodSelector .pane .desc           { float:right; width:300px; background-color:#5078B3; color:White; padding:5px; margin-top:-18px; margin-right:-5px; border:1px solid #5078B3 !important; margin-bottom:-5px; border-radius: 0px 0px 0px 12px;}*/
#foodSelector .pane .desc           { float:right; width:280px; background-color:#5078B3; color:White; padding:5px; margin-top:-2px; margin-right:3px; margin-bottom:3px !important; border-radius: 10px 10px 10px 10px; }
#foodSelector .pane .desc:first-letter   {font-size:20px;}


/* not active panels */
.accordionHeader { border: 2px solid #aaa; color: black; background-color: #ccc; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; min-height:11px;}
.accordionHeaderSelected
{
    border: 2px solid #5078B3;
    border-bottom: none;
    color: white;
    color: Black;
/*    background-color: #5078B3;*/
/*	font-family: Verdana;*/
	font-size: 14px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    border-radius: 0px 12px 0px 0px;
    background-color: #D3DEEF;
    background: -moz-linear-gradient(right, #5078B3, #D3DEEF); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#D3DEEF, endColorstr=#5078B3);

}
/* body context */
.accordionContent { background-color: #D3DEEF; border: 2px solid #5078B3; border-top: none; padding: 5px; padding-top: 10px; 
                    border-radius: 0px 0px 0px 12px; 
                    background: -moz-linear-gradient(left, #D3DEEF, #c2cdde);} 
/*.shadowBox {
  box-shadow: 2px 2px 2px #aaa;
  -webkit-box-shadow: 3px 3px 3px #aaa;
  border-radius: 0px 18px 0px 10px;
}*/
/*.wineFacts                          { padding:3px 3px 5px 5px; border:3px solid #c4c8cc; min-height:100px; width:200px; background-color:#e5e1e1; background-color:#ddd; background-image: url('../images/boxBg.jpg'); background-position:top; background-repeat:no-repeat; background-color:#cbcbcb;  font-size:12px; line-height:140%; margin:0 18px 12px 13px; }*/

.shadow { box-shadow: 3px 3px 3px #aaa; -webkit-box-shadow: 3px 3px 3px #aaa;}

