body {
    margin:0px 0px 0px 0px;
    padding:0px;
    background:#ffffff;
    font-family: sans-serif;
    background-image: url(/img/background.png);
    background-repeat: repeat-x;
}

div#wrapper {
    margin: auto;
    width: 1004px;
    position: relative;
}

div#header {
    position:relative;
    width:100%;
    height:120px;
    z-index:100;
}

div#header img {
    margin-top:10px;
    margin-left:10px;
}

div#view, div#footer {
    position:relative;
    margin-left:10px;
    padding-left:10px;
    padding-right:10px;
    margin-right:330px;
    padding-top:10px;
    background:#ffffff;
    z-index:1;
}

div#right {
    position:absolute;
    top:120px;
    right:0px;
    width:300px;
    padding-left:10px;
    margin-right:10px;
    background:#ffffff;
    z-index:2;
}

div#footer {
    margin-top: 10px;
    background:#ffffff;
    font-size:smaller;
    text-align:center;
    z-index: 0;
}

div#footer p {
    margin-top:0.5em;
    margin-bottom:0.5em;
    font-size:smaller;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.button {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #efd9bf;
    background:#fff9df;
    color: #000000;
    text-decoration: none;
}

/* Main Tabs */

div#tabs {
    position:absolute;
    left:220px;
    bottom:5px;
}

div#tabcont {
    position:relative;
}

div#tabs a {
    padding: 5px 5px 5px 5px;
    margin-right: 1px;
    text-decoration:none;
    background: #ffffff;
    background-image: url(/img/tab-unselected.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

div#tabs a.selected {
    padding: 8px 8px 5px 8px;
    background-image: url(/img/tab-selected.png);
    background-repeat: repeat-x;
    background-position: left top;
}

div#tabs span.label {
    padding: 5px 5px 5px 18px;
    background-repeat: no-repeat;
    background-position: left center;
}

div#tabs a.selected span.label {
    padding: 8px 8px 5px 21px;
    background-position: 3px center;
}

div#tabs a.breweries span.label { background-image: url(/img/brewery-sil.png); }
div#tabs a.breweries.selected span.label,
div#tabs a.breweries:hover span.label { background-image: url(/img/brewery.png); }

div#tabs a.beers span.label { background-image: url(/img/beer-sil.png); }
div#tabs a.beers.selected span.label,
div#tabs a.beers:hover span.label { background-image: url(/img/beer.png); }

div#tabs a.places span.label { background-image: url(/img/place-sil.png); }
div#tabs a.places.selected span.label,
div#tabs a.places:hover span.label { background-image: url(/img/place.png); }

div#tabs a.forums span.label { background-image: url(/img/forum-sil.png); }
div#tabs a.forums.selected span.label,
div#tabs a.forums:hover span.label { background-image: url(/img/forum.png); }

/* Right-boxes */

div.boxhead {
    color: #7f7f7f;
    text-align:center;
    margin-bottom: 3px;
}

div.boxbody {
    margin-bottom: 1em;
}

/* Search & Local */

div.searchbox div.actions, div.localbox div.actions {
    margin-top: 4px;
    margin-right:10px;
    text-align: right;
}

/* Links */

div.linksbox div.links {
    text-align:center;
}

/* View-specific */

/* View Tabs */

div.tabs {
    width:100%;
    padding-bottom: 4px;
    border-bottom: 1px solid #e4e4e4;
}

div.tabs a {
    text-decoration:none;
    padding: 5px;
    margin-right: 1px;
    background: #ffffff;
    background-image: url(/img/viewtab-unselected.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    position:relative;
}

div.tabs a.selected {
    padding: 5px;
    background-image: url(/img/viewtab-selected.png);
    background-repeat: repeat-x;
    background-position: left top;
}

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

/* Home */

table.home td {
    width: 50%;
    vertical-align: top;
}

table.home td.right {
    padding-left: 1em;
}

p {
    line-height:150%;
}

table.home h3 {
    color:#7f7f7f;
}

ol.news {
    list-style: none;
    padding-left: 1em;
    margin-left:0px;
}

ol.news li {
    margin-top:1em;
}

ol.news span.date {
    font-size:smaller;
    margin-left:1em;
}

ol.news div.blurb {
    font-size:smaller;
    margin-top:0.5em;
    margin-left:0.5em;
}

div.morenews, div.morebeers {
    font-size:smaller;
}

ol.recentbeers {
    list-style: none;
    padding-left: 1em;
    margin-left:0px;
}

ol.recentbeers li {
    margin-top: 1em;
}

ol.recentbeers span.breweryname {
    font-size: smaller;
    margin-left: 1em;
}

/* Detail */

div.detailcontainer {
    position:relative;
    width:100%;
}

h4.detaillabel {
    float:left;
    margin-right:1em;
    margin-top:0px;
    margin-bottom:0px;
    color:#7f7f7f;
}

div.detaildata {
    float:left;
    width: 85%;
}

/* Brewery & Place */

div.moreloc {
    font-style: italic;
    font-size: smaller;
}

div.primaryloc, div.otherloc, div.otherloc>div {
    margin-bottom: 0.5em;
}

div.otherloc a.addloc {
    font-size:smaller;
    margin-top:0.5em;
}

div.beercreator div.actions {
    margin-top:10px;
    margin-bottom:10px;
}

a.mapit {
    margin-left: 0.5em;
    text-decoration: none;
}

a.mapit img {
    vertical-align: text-top;
}

/* Place */

div.beeradder div.actions {
    margin-top:10px;
    margin-bottom:10px;
}

div.placeitems {
    margin-top: 1.5em;
}

td.likelihood {
    width:32px;
}

td.likelihood {
    width: 0px;
}
td.likelihood > * {
    display:none;
}

td.likelihood.active {
    width: 32px;
}
td.likelihood.active > div {
    display:block;
}
td.likelihood.active > a {
    display:inline;
    visibility:hidden;
}
td.likelihood.active.clickable:hover > a {
    visibility:visible;
}

div.likelihoodmeter.l5 {
    opacity: 1.0;
    filter:alpha(opacity=100);
}
div.likelihoodmeter.l4 {
    opacity: 0.80;
    filter:alpha(opacity=80);
}
div.likelihoodmeter.l3 {
    opacity: 0.60;
    filter:alpha(opacity=60);
}
div.likelihoodmeter.l2 {
    opacity: 0.40;
    filter:alpha(opacity=40);
}
div.likelihoodmeter.l1 {
    opacity: 0.20;
    filter:alpha(opacity=20);
}
div.likelihoodmeter.l0 {
    opacity: 0.10;
    filter:alpha(opacity=10);
}

/* Beers */
table {
    border-style: none;
    table-layout: fixed;
    width: 100%;
}
td.vote {
    width:2.6em;
    font-size:smaller;
    vertical-align:top;
}
td.score {
    width:3em;
    text-align:right;
    padding-right: 0.5em;
}
tr {
    padding-bottom:0.5em;
}

td.vote a {
    text-decoration:none;
    color: #7f7f7f;
}

td.vote a.picked {
    font-weight: 300;
    color: #000000;
}

tr.empty td {
    text-align: center;
    font-style: italic;
    color: #7f7f7f;
}

tr.filter {
    text-align: center;
    font-style: italic;
    color: #7f7f7f;
}

table.beer a.brusername, table.beer span.tags a {
    color: #7f7f7f;
}

/* Beer List */

.beer span.submit, .beer span.comment, .beer div.tag {
    font-size: smaller;
    color: #7f7f7f;
}

.beer span.tags a {
    margin-right: 1ex;
}

.beer div.tag {
    margin-bottom: 1.5em;
}

.beer div.name {
    margin-bottom: 0.25em;
}

.beer .maker {
    font-size: smaller;
}

/* Single Beer */

.beerdetails {
    margin-bottom: 2em;
    margin-left: 5em;
}

div.addtag {
    margin-top:10px;
    margin-bottom:10px;
}

div.addtag a.show.button {
    font-size: smaller;
}

div.addtagform {
    border: 1px solid #7f7f7f;
    padding: 10px;
}

div.addtagform .controls {
    margin-top: 10px;
    margin-bottom: 10px;
}

.scorevote {
    position:absolute;
    left:10px;
    top:10px;
    background: #eeeeee;
    padding:5px;
    text-align:center;
}

.scorevote .scorehead, .scorevote .votehead {
    font-size:smaller;
    color: #7f7f7f;
}

.scorevote .votehead {
    margin-bottom: 0.5em;
}

.scorevote .score {
    font-size:200%;
}

.scorevote .vote a {
    color: #7f7f7f;
    text-decoration: none;
}

.scorevote .vote a.picked {
    font-weight:bold;
    color:#000000;
}

.submit { margin-bottom:0.5em; }

.tags a { margin-left: 1ex; }

div.placeadder div.actions {
    margin-top:10px;
    margin-bottom:10px;
}

/* User */

.userdetails {
    margin-left: 5em;
    margin-bottom: 1em;
}

.userdetails div {
    margin-top: 0.5em;
}

div.bruserfav a.breweryname {
    font-size: smaller;
}

div.bruseritems {
    margin-top: 1.5em;
}

.agreement {
    position:absolute;
    left:10px;
    top:10px;
    background: #eeeeee;
    padding:5px;
    text-align:center;
    width:4em;
}

.agreement .agreehead {
    font-size:smaller;
    color: #7f7f7f;
}

.agreement .agreehead {
    margin-bottom: 0.5em;
}

.agreement .agree {
    font-size: 120%;
}

.agreement .unknown {
    font-size: 100%;
}

/* Breweries & Places */

div.brewerycreator .actions, div.placecreator .actions {
    margin-top: 10px;
}

div.brewerycreator div.form label span, div.placecreator div.form label span {
    width:9ex;
}

table.brewery div.breweryloc, table.place div.placeloc {
    margin-left: 2em;
    margin-top: 0.5em;
    font-size:smaller;
}

table.brewery div.breweryweb, table.place div.placeweb {
    margin-left: 2em;
    margin-bottom: 1em;
    font-size:smaller;
}

table.brewery span.breweryitemcounts, table.place span.placeitemcounts {
    font-size:smaller;
    color: #7f7f7f;
}

/* Forums */

div.breadcrumb {
    font-size: smaller;
}

div.eventdates, div.eventloc, div.eventweb, div.eventtags {
    display:none;
}

/* Forum Topic List */

div.newtopicform tr.eventdetails {
    display: none;
}

table.topic {
    width: 100%;
}

table.topic thead td {
    font-size: smaller;
    color: #7f7f7f;
}

table.topic td.commcount {
    width: 3em;
    text-align: center;
}

table.topic td.commdate {
    width: 10em;
    text-align: right;
    font-size:smaller;
}

/* Comments */

div.empty {
    text-align: center;
    font-style: italic;
    color: #7f7f7f;
}

.comment .details {
    background-color: #eeeeee;
    padding: 2px;
}

.comment .details .topic {
    font-style: italic;
}

.comment .date, .comment .editdate {
    font-size:smaller;
    color:#7f7f7f;
    padding-left: 1ex;
}

.comment .content {
    margin-left:1ex;
}

.comment .actions {
    margin-top: 10px;
    margin-bottom: 1em;
    text-align: right;
    font-size:smaller;
}

.comment blockquote {
    padding-left:5px;
    border-left:1px dashed #7f7f7f;
    background:#eeeeee;
}

.newcomment {
    margin-top:10px;
    margin-bottom:10px;
}

/* New Comment Box */

div.commentbox {
    border: 1px solid #7f7f7f;
    padding: 10px;
}

table.form {
    width:95%;
}

table.form td.label {
    width:14ex;
    text-align:right;
    vertical-align:top;
}

table.form textarea {
    width:100%;
}

table.form input {
    width:100%;
}

table.form div.controls {
    margin-top:10px;
    margin-bottom:10px;
}

table.form tr.preview td.label {
    color: #7f7f7f;
}

table.form tr.preview td.input {
    background: #efefef;
}

table.form div.explanation {
    font-size: smaller;
}

/* Box-specific */
div#loginbox, div.welcomebox {
    position:absolute;
    top:10px;
    right:10px;
}

div#loginbox div.remforgot {
    margin-top: 6px;
}

div#loginbox label.remember {
    font-size:smaller;
}

div#loginbox a.forgot {
    font-size:smaller;
}

div#loginbox div.signup {
    width:100%;
    text-align:center;
    margin-top:0.5em;
    font-size:larger;
}

div.dialog {
    position: fixed;
    left:20%;
    right:20%;
    top:50px;
    padding: 20px;
    border: 1px solid #7f7f7f;
    background: #ffffff;
    z-index:100;
}

div.dialog .status {
    text-align:center;
    margin-bottom:1em;
    color:#ff0000;
}

div.dialog td.label {
    text-align:right;
}

div.dialgo div.verify {
    margin-top: 1em;
}

div.dialog div.buttons {
    margin-top: 1em;
    text-align: center;
}

div.tagbox a, div.taglist a {
    margin-right: 1ex;
}

div.tagbox, div.taglist {
    line-height: 1.3em;
}

div.tagbox div.alllink {
    margin-top: 0.5em;
    text-align: center;
    font-size: smaller;
}

div.filterbox tr.header, div.filterbox td.choice {
    font-size:smaller;
}

div.filterbox td.choice {
    width:4.5ex;
    text-align:center;
}

div.filterbox td.choice a img {
    opacity:0.3;
    filter:alpha(opacity=30);
}

div.filterbox td.choice a.picked img {
    opacity:1.0;
    filter:alpha(opacity=100);
}

/* SortPager */

div.nav {
    font-size:smaller;
}

div.nav div.sorts {
    float:left;
}

div.nav div.pages {
    float:right;
}

div.content {
    clear:both;
}

.sortbutton {
    padding: 2px 3px 2px 14px;
    margin-bottom:1px;
    text-decoration: none;
    color:#7f7f7f;
}

.sortbutton.active {
    background-image: url(/img/down.gif);
    background-repeat: no-repeat;
    background-position: left center;
    color:#000000;
}

.sortbutton.active.rev {
    background-image: url(/img/up.gif);
}

div.nav div.pages img {
    vertical-align:middle;
}

/* Search results */

ol.search {
    list-style-type: none;
}

ol.search .details {
    margin-left: 1em;
    font-size: smaller;
}

ol.search li {
    margin-bottom: 1em;
}

ol.search li.beer { list-style-image: url(/img/beer-sil.png); }
ol.search li.brewery { list-style-image: url(/img/brewery-sil.png); }
ol.search li.place { list-style-image: url(/img/place-sil.png); }
ol.search li.topic { list-style-image: url(/img/forum-sil.png); }
ol.search li.tag { list-style-image: url(/img/tag-sil.png); }

/* Local */

div.maplegend span.markerkey {
    margin-right:1em;
}

/* settings */
div.settings {
    position:absolute;
    top: 10px;
    right: 10px;
}

div.brusersettings {
    background: #ffffff;
    padding: 5px;
    border: 1px solid #7f7f7f;
}

div.settings h3 {
    margin-top:0.5em;
    margin-bottom:0.5em;
    color: #7f7f7f;
}

div.popupformline {
    text-align: right;
    padding: 3px;
}

div.popupformcheckline {
    text-align: left;
    padding: 3px;
    padding-left:1em;
}

div.brusersettings div.password {
    border: 1px dashed #7f7f7f;
}

div.brusersettings div.controls {
    margin-top:10px;
}

div.brusersettings input {
    width: 40ex;
}

/* admin & report */

div.admin, div.report, div.merge {
    position:absolute;
    top: 10px;
    right: 10px;
}

div.admin h3, div.report h3, div.merge h3 {
    margin-top:0.5em;
    margin-bottom:0.5em;
    color: #7f7f7f;
}

div.breweryedit, div.beeredit, div.reportform, div.beermerge, div.brewerymerge, div.placeedit, div.placemerge {
    background: #ffffff;
    padding: 5px;
    border: 1px solid #7f7f7f;
}

div.admin ul.tags li {
    margin-bottom: 8px;
    text-align: right;
    list-style: none;
}

div.admin ul.tags a {
    font-size:smaller;
}

div.admin ul.tags li.remove span {
    text-decoration: line-through;
}

div.admin div.controls, div.report div.controls, div.merge div.controls {
    margin-top:10px;
}

div.admin input, div.merge div.popupformline input {
    width: 40ex;
}

div.report textarea {
    width: 95%;
}

/* help */

#help {
    position:absolute;
    top:10px;
    right:10px;
    text-align:right;
}

#help a {
    text-decoration: none;
    margin-left: 1em;
}

#help a span {
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: left center;
}

#help a.help span {
    background-image: url(/img/help.png);
}

#help a.edit span {
    background-image: url(/img/edit.png);
}

#help a.report span {
    background-image: url(/img/report.png);
}
    
#help a.merge span {
    background-image: url(/img/merge.png);
}

/* Autocomplete */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}