/* GENERAL */

body, div, ol, ul, li, a, span, p, img, table, tbody, tr, th, td, form, h1 {
	margin: 0;
	padding: 0;
	border-style: none;
	line-height: 1.2;
	font-weight: normal;
}

body {
	color: Black;
}

img {
	display: block;
}

input, select, textarea, button {
	vertical-align: middle;
}

input.button, button {
	background-color: #ffed02;	
}

input.button.dynamic, button.dynamic {
	padding-left: 1.5em;
	background-color: White;
	background-repeat: no-repeat;
	background-position: 1em 50%;
}

table {
	border-collapse: collapse;
}

a {
	color: #0040e0;
	text-decoration: none;
}
a:hover, a.hover {
	color: Red;
}

.pseudoA {
	color: #0040e0;
	cursor: pointer;
}
.pseudoA.hover {
	color: Red;
}

a.anchor {
	display: none;
}

ol.letters {
	list-style-type: lower-alpha;
}

.textSubHeader {
	color: #c0c0c0;
}
.textHeader.addPadding, .textSubHeader.addPadding {
	padding-top: 10px;
}
.textFootnote {
	padding-top: 10px;
}
.textParagraph {
	padding-top: 10px;
	padding-bottom: 5px;
	line-height: 1.4;
}
.textSubParagraph {
	padding-top: 5px;
	padding-bottom: 2px;
}
.textParagraph.noPadding, .textSubParagraph.noPadding {
	padding-top: 0;
	padding-bottom: 0;
}

.textAlinea {
	padding-top: 2px;
	padding-bottom: 2px;
}

.textList {
	padding-left: 30px;
}

.textList li {
	padding: 0.2em 0;
}

.textList .textList li {
	padding: 0.1em 0;
}

.textHeader.narrow, .textParagraph.narrow {
	width: 505px;
}

.separate {
	border-top: 1px solid #e0e0e0;
}

.meta {
	white-space: nowrap;
}
.meta.inline {
	margin-left: 5px;
}

.warning {
	background-color: #FFF9AE;
	padding: 7px 7px 7px 25px;
	background-image: url(images/Form-warning.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
.warning .shout {
	color: Red;
}

.unconfirmed {
	line-height: 1.0;
}

.syntaxParam {
	background-color: #f0f0f0;
	color: #a0a0a0;
}

.categoryTag {
	padding: 1px 3px;
	color: White;
	background-color: #cfbd00;
	text-transform: uppercase;
}
.categoryTag.gay {
	background-color: #ff7aa7;
}
.categoryTag.live {
	background-color: #00a62c;
}
.categoryTag.dance {
	background-color: #aa0000;
}
.categoryTag.rock {
	background-color: #aa5500;
}
.categoryTag.urban {
	background-color: #ffa600;
}
.categoryTag.jazz {
	background-color: #00649e;
}
.categoryTag.retro {
	background-color: #ba0092;
}
.categoryTag.kroegfeest {
	background-color: #00ccc5;
}
.categoryTag.latin {
	background-color: #78cf00;
}
.categoryTag.pop {
	background-color: #6a00ff;
}

.sponsoredTag {
	display: inline;
	padding: 1px 3px;
	text-transform: uppercase;
	color: #9BB1FF;
}

.decibel {
	background-image: url(images/decibel.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

a.media {
	display: block;
	width: 16px;
	height: 16px;
	color: #c0c0c0;
	background-image: url(images/loader-white.gif);
	background-repeat: no-repeat;	
}

#page {
	margin: 0 auto;
	/* As long as the width of the left column is 196px instead of 200px, we decrease the left padding by 4px. */ 
	padding: 0 10px 10px 6px;
	width: 980px;
	background-color: White;
}
#page.flexible {
	width: auto;
	max-width: 980px;
}

#page .row.header {
	overflow: hidden;
}

#page .navColumn {
	float: left;
	width: 200px;
}

#page .contentColumn {
	margin-left: 210px;
}

/* FONTS */

body,
input,
select,
button,
input.empty,
textarea.empty,
#commentsList .balloon textarea.empty,
.warning {
	font-family: Arial, Helvetica, sans-serif;
}

#siteName .title,
#calendar .title,
#menu,
#content .contentHeader .title,
#content .sectionHeader {
	font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
}

#commentsList .balloon,
#commentsList .balloon textarea {
	font-family: "Times New Roman", Times, serif;
	line-height: 1.2;
}

.code {
	font-family: "Courier New", Courier, monospace;
	font-size: 121%;
}

body {
	font-size: 0.8em;
}

#siteName .title {
	font-size: 350%;
}

#content .contentHeader .title {
	font-size: 210%;
}

#siteName .slogan,
.textHeader,
.textSubHeader {
	font-size: 180%;
}

#calendar .title,
#menu,
#content .sectionHeader {
	font-size: 140%;
}

.warning .shout,
#decibel .shout,
#content .item .title,
#content .rateBadge .ratedThumbsUp,
#content .rateBadge .ratedThumbsDown,
#toplist .header {
	font-size: 123%;
}

/* Override back to default value */
#content .rateBadge.small .ratedThumbsUp,
#content .rateBadge.small .ratedThumbsDown {
	font-size: 100%;
}

.meta,
.textSubParagraph,
.textFootnote,
.unconfirmed,
#login .status,
#login .controls,
#decibel .note,
#blog .text,
#content .photoView .thumbBox,
#content .photosList .item .summary,
#content .items li.empty,
form .comment,
#commentsList .poster .subline,
#commentsList .date,
#content .rateBadge .myOpinion,
#content .rateBadge .othersOpinion,
#content .rateBadge .distribution {
	font-size: 85%;
}

.categoryTag,
.sponsoredTag {
	font-size: 60%;
}

input,
select,
textarea,
button {
	/* In Safari controls seem not to inherit the correct font size from their
	parents in some cases. Reaffirming it solves the issue. */
	font-size: 100%;
}

input,
select,
button,
label.control,
#siteName .title,
.warning .shout,
#calendar a,
#decibel .shout,
#decibel .shout a,
#blog .title,
#content .item .title,
#content .rateBadge .ratedThumbsUp,
#content .rateBadge .ratedThumbsDown,
#toplist .header {
	font-weight: bold;
}

#siteName .title .extension {
	font-weight: normal;
}

/* PAGE HEADER */
		
#siteLogo {
	float: right;
	margin: 10px 0;
}

#page .row.header {
	background-image: url(images/topbalk5.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#siteName {
	margin: 10px 0;
	padding: 0 10px;
	border-left: 5px solid #e0e0e0;
}

#siteName .title .extension {
	color: #ffed02;
}

#siteName .slogan {
	color: #c0c0c0;
	padding: 2px 0;
}

/* CALENDAR */

#calendar {
	margin-left: 4px;
	margin-bottom: 20px;
}

#calendar td {
	text-align: center;
	background-color: #f0f0f0;
}

#calendar td a {
	width: 28px;
}

#calendar .title, #calendar .changeMonth, #calendar .weekday {
	background-color: White;
}

#calendar .weekday {
	color: #a0a0a0;
	padding: 3px 0;
}

#calendar a {
	display: block;
	padding: 6px 0;
	color: Black;
}

#calendar a.special {
	margin-top: 5px;
	padding: 6px;
	background-color: #f0f0f0;
	background-image: url(images/special-nye-photo.png);
	background-repeat: no-repeat;
	color: White;
}

#calendar a.special:hover {
	color: White;
	opacity: 0.75;
}

#calendar .otherMonth a {
	color: #a0a0a0;
}

#calendar .today a {
	background-color: #e0e0e0;
}

#calendar .selected a {
	color: White;
	background-color: #0040e0;
}

#calendar a:hover {
	color: Black;
	background-color: #ffed02;
}

#calendar .otherMonth a:hover {
	color: #a0a0a0;
}

#calendar .changeMonth a img {
	margin: 0 auto;
	padding: 2px 0;
}
	
/* MENU */

#menu {
	margin-left: 4px;
	margin-bottom: 20px;
}

#menu ul {
	list-style-type: none;
}

#menu .item a {
	display: block;
	padding: 5px 5px 5px 40px;
	color: Black;
}

#menu .item a:hover {
	background-color: #ffed02;
}

#menu .icon a {
	background-repeat: no-repeat;
	background-position: 5px 0.3em;
}

#menu .icon.home a {
	background-image: url(images/links-home.gif);
}
#menu .icon.photos a {
	background-image: url(images/links-foto.gif);
}
#menu .icon.feeds a {
	background-image: url(images/links-feeds.gif);
}
#menu .icon.contact a {
	background-image: url(images/links-contact.gif);
}
#menu .icon.startpage a {
	background-image: url(images/links-start.gif);
}
#menu .icon.bookmark a {
	background-image: url(images/links-bookm.gif);
}

#menu .item.startpage {
	display: none;
}

/* BLOG */

#blog {
	margin-left: 4px;
	margin-bottom: 20px;
	padding: 10px;
	border-left: 5px solid #ffed02;
}

#blog .title {
	padding-bottom: 5px;
}

#blog .text {
	padding: 5px 0;
}

#blog .author {
	padding-top: 5px;
	text-align: right;
}

/* GENERAL INFO */

#generalInfo {
	overflow: hidden;
}

#generalInfo .pendingRight {
	float: right;
}

#generalInfo .fact {
	padding: 2px 0;
}

#generalInfo .fact label {
	float: left;
	width: 100px;
	color: #c0c0c0;
}

/* CONTENT */

#content .leftContentColumn {
	overflow: hidden;
	width: 520px
}

#content .rightContentColumn {
	float: right;
	width: 240px;
	margin-left: 10px;
}

#content .skyscraper.leftContentColumn {
	width: 640px;
}

#content .skyscraper.rightContentColumn {
	width: 120px;
}

#content .contentBlock {
	border-left: 5px solid #e0e0e0;
	padding: 5px 10px;
	margin-bottom: 10px;
}

#content .icon {
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}

#content .icon.hall {
	background-image: url(images/item-zaal.gif);
}
#content .icon.address {
	background-image: url(images/item-adres.gif);
}
#content .icon.musicGenre {
	background-image: url(images/item-muziek.gif);
}
#content .icon.lineUp {
	background-image: url(images/item-lineup.gif);
}
#content .icon.entrance {
	background-image: url(images/item-open.gif);
}
#content .icon.beerPrice {
	background-image: url(images/item-bier.gif);
}
#content .icon.description {
	background-image: url(images/item-beschr.gif);
}
#content .icon.website {
	background-image: url(images/item-www.gif);
}

#content .attribute {
	padding-top: 2px;
	padding-bottom: 2px;
}

/* CONTENT HEADERS */

#content .contentHeader, #content .sectionHeader {
	background-color: Black;
	background-image: url(images/header-bg.gif);
	background-repeat: repeat-x;;
	color: White;
	padding: 3px 10px 6px 15px;
}

#content .contentHeader.noSub, #content .sectionHeader.noSub {
	margin-bottom: 10px;
}

#content .contentHeader .navigation, #content .contentHeader .feed, #content .sectionHeader .feed {
	float: right;
}

#content .contentHeader .navigation {
	padding: 0.5em 0 0.5em 0.5em;
	color: #a0a0a0;
}

#content .contentHeader .feed {
	margin-top: 8px;
}
#content .sectionHeader .feed {
	margin-top: 2px;
}

#content .headerSub {
	overflow: hidden;
	border-left: 5px solid Black;
	margin-bottom: 10px;
	padding: 7px 10px;
}

#content .headerSub.warning {
	padding-left: 25px;
	border-style: none;
}

#content .headerSub .expandAll, #content .headerSub .collapseAll {
	float: right;
	width: 11em;
	margin-left: 10px;
}
#content .headerSub .expandAll {
	background-image: url(images/knop-uit.gif);
}
#content .headerSub .collapseAll {
	display: none;
	background-image: url(images/knop-in.gif);
}

#content .headerSub .sort {
	float: left;
	width: 12em;
}

#content .headerSub .categories {
	margin-left: 12em;
	margin-right: 10em;
}
#content .headerSub .categories.noSort {
	margin-left: 0;
}

#content .headerSub .controlDescription {
	float: left;
	margin-top: 1px;
}
#content .headerSub .sort .controlDescription {
	width: 5.5em;
}
#content .headerSub .categories .controlDescription {
	width: 3em;
}

#content .headerSub .sort .input {
	margin-left: 5.5em;
}
#content .headerSub .categories .input {
	margin-left: 3em;
}

#content .headerSub .categories .input .filter {
	float: left;
	white-space: nowrap;
	width: 7.2em;
}

#content .headerSub .categories .input .filter label {
	cursor: default;
}

/* CONTENT ITEMS */

#content .items {
	list-style-type: none;
	margin-bottom: 7px;
}

#content .items li {
	padding: 3px 0;
	border-top: 1px solid #e0e0e0;
}

#content .items li.empty {
	display: none;
	text-align: center;
}

#content .items li.empty .changeCategories, #content .items li.empty .noneAtAll {
	display: none;
}

#content .item {
	overflow: hidden;
	border-left: 5px solid #e0e0e0;
	cursor: ns-resize;
	padding: 0 7px 0 20px;
	background-image: url(images/Uitklap.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.7em;
}

#content .item .top {
	overflow: hidden;
}

#content .item .leftColumn {
	margin-right: 35%;
	padding: 0 2.5em 0.3em 0;
}

#content .item .atColumn {
	float: right;
	width: 2em;
	padding: 0 0 0.3em 0.5em;
}

#content .item .rightColumn {
	float: right;
	width: 35%;
	padding: 0 0 0.3em 0;
}

#content .item.staticRight .leftColumn {
	margin-right: 258px;
}

#content .item.staticRight .rightColumn {
	width: 258px;
}

#content .item .titleLine {
	padding: 0.3em 0 0.2em 0;
}

#content .item .title {
	vertical-align: middle;
}

#content .item .rightColumn .titleLine {
	float: left;
}

#content .item .rightColumn .titleLine.thumbUp, #content .item .rightColumn .titleLine.thumbDown {
	background-position: right 0.1em;
	background-repeat: no-repeat;
	padding-right: 25px;
}

#content .item .rightColumn .titleLine.thumbUp {
	background-image: url(images/Thumb-U-20px-wit.gif);
}
#content .item .rightColumn .titleLine.thumbDown {
	background-image: url(images/Thumb-D-20px-wit.gif);
}

#content .item .admin {
	clear: right;
	text-align: right;
	padding: 0 0 5px 5px;
}

#content .item .tags {
	white-space: nowrap;
}

#content .item .categoryTag, #content .item .sponsoredTag {
	margin-left: 5px;
}

/* Behavior styling should be defined specific enough, in order to be able to override any other settings. */

#content .items .item.expanded {
	border-color: #c0c0c0;
	background-color: #f0f0f0;
}

#content .items .item.highlighted {
	border-color: #FEC518;
	background-color: #ffed02;
}

#content .item.expanded {
	background-image: url(images/inklap.gif);
}

#content .items .item .disappearing {
	display: block;
}
#content .items .item.expanded .disappearing {
	display: none;
}

#content .items .item .appearing {
	display: none;
}
#content .items .item.expanded .appearing {
	display: block;
}

#content .items .item.expanded .appearing.inline {
	display: inline;
}

#content .item.highlighted .rightColumn .titleLine.thumbUp {
	background-image: url(images/Thumb-U-20px-geel-fel.gif);
}
#content .item.highlighted .rightColumn .titleLine.thumbDown {
	background-image: url(images/Thumb-D-20px-geel-fel.gif);
}

#content .item.expanded .rightColumn .titleLine.thumbUp, #content .item.expanded .rightColumn .titleLine.thumbDown {
	background-image: none;
}

#content .items .item.highlighted .rateBadge {
	border-color: #FFD528;
	background-color: #FFF9AE;
}
#content .items .item.highlighted .rateBadge .myOpinion, #content .items .item.highlighted .rateBadge .othersOpinion {
	color: #FEC518;
}

#content .items .item.highlighted .rateBadge.small .thumbsUp {
	background-image: url(images/Thumb-U-20px-geel.gif);
}
#content .items .item.highlighted .rateBadge.small .thumbsDown {
	background-image: url(images/Thumb-D-20px-geel.gif);
}

#content .items .item.highlighted .rateBadge.small .ratedThumbsUp {
	background-image: url(images/Thumb-U-20px-geel.gif);
}
#content .items .item.highlighted .rateBadge.small .ratedThumbsDown {
	background-image: url(images/Thumb-D-20px-geel.gif);
}

/* PHOTOS */

#content .photosList .item .thumbs {
	overflow: hidden;
}

#content .photosList .item .thumbBox {
	float: left;
	width: 115px;
	margin-right: 6px;
	margin-top: 1px;
	margin-bottom: 2px;
}

#content .photosList .item .thumbBox a {
	display: block;
	width: 115px;
	height: 86px;
	background-color: #e0e0e0;
	margin-bottom: 3px;
}
#content .photosList .item.highlighted .thumbBox a {
	background-color: #FEC518;
}
#content .photosList .item .thumbBox a:hover {
	margin-top: 3px;
	margin-bottom: 0;
}

#content .photosList .item .thumbBox img {
	margin: 0 auto;
}

#content .photosList .item .summary {
	padding: 4px 0 5px 0;
}

#content .photosList .item .summary .status {
	display: none;
	float: right;
	width: 16px;
	height: 16px;
	background-image: url('images/loader-geel.gif');
	background-repeat: no-repeat;
	background-position: right center;
}

#content .photoView {
	margin-bottom: 10px;
}

#content .photoView .thumbBox {
	margin: 4px 0 3px 0;
	padding: 5px 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

#content .photoView .thumbBox.back {
	float: left;
	padding-right: 4px;
}
#content .photoView .thumbBox.forward {
	float: right;
	padding-left: 4px;
}

#content .photoView .thumbBox .thumb {
	display: block;
	width: 135px;
	height: 101px;
	padding: 5px;
}
/* .thumbHover instead of .hover because IE6 will not distinguish .thumb.hover and .text.hover. */
#content .photoView .thumbBox a.thumb:hover, #content .photo .thumbBox a.thumb.thumbHover {
	padding: 8px 5px 2px 5px;
}

#content .photoView .thumbBox .thumb img {
	margin: 0 auto;
}

#content .photoView .thumbBox .text {
	display: block;
	width: 135px;
	padding: 0 5px;
	text-align: center;
}

#content .photoView .thumbBox.ending .thumb {
	color: #c0c0c0;
	text-align: center;
	line-height: 101px; 
}

#content .photoView .thumbBox.selected {
	margin: 0 301px;
	padding: 15px 0 9px 0;
	border: none;
	background-color: #dfffdb;
}

#content .photoView .thumbBox.selected img {
	margin: 0 auto 5px auto;
}

#content .photoView .thumbBox.selected .text {
	margin: 0 auto;
	background-image: url(images/down-green.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#content .photoView .view {
	background-color: #dfffdb;
	padding: 15px 0;
}

#content .photoView .view img {
	margin: 0 auto;
}

#content .photoSearch {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #dfffdb;
	border-left: 5px solid #0f9900;
}

#content .photoSearch .textHeader, #content .photoSearch .textFootnote {
	color: #0f9900;
}

#content .photoSearch .find {
	overflow: hidden;
	margin-top: 10px;
}

#content .photoSearch .find label, #content .photoSearch .find input {
	float: left;
}

#content .photoSearch .find label {
	margin-top: 0.2em;
	margin-right: 5px;
}

#content .photoSearch .find input.code {
	margin-top: 0.1em;
	margin-right: 5px;
	width: 5em;
}

/* AGENDA */

#content .agendaList .item .attribute {
	clear: left;
}

#content .agendaList .item .rateBadge {
	margin: 5px 0 0 0;
}

#content .agendaList .items.premiums {
	margin-bottom: 0;
}

#content .agendaList .items.premiums .item {
	border-left-color: #0040e0;
	background-color: #dbe7ff;
	background-image: url(images/astra.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.5em;
}

#content .agendaList .items.premiums .item.expanded {
	border-left-color: #0040e0;
	background-color: #dbe7ff;
}

#content .agendaList .items.premiums .item.highlighted {
	border-color: #FEC518;
	background-color: #ffed02;
}

#content .agendaList .items.premiums .item.highlighted .sponsoredTag {
	color: #ffed02;
}

/* CONTACT */

#content .contact .personal {
	list-style-type: none;
	height: 7.5em;
}

#content .contact .personal li {
	float: left;
	padding-right: 10px;
	width: 225px;
}

#content .contact .who {
	background-color: #f0f0f0;
	padding: 10px;
	overflow: hidden;
}

#content .contact .photo {
	float: left;
	margin-right: 10px;
	height: 75px;
	width: 75px;
	line-height: 70px;
	text-align: center;
}

#content .contact .photo img {
	display: inline;
	vertical-align: middle;
}

#content .contact .loggedInUser {
	margin-left: 85px;
}

/* LOGIN */

#login {
	margin-left: 4px;
	margin-bottom: 20px;
	padding: 10px;
	border-left: 5px solid Red;
}

#login .who {
	overflow: hidden;
}

#login .photo {
	float: left;
	margin-right: 10px;
}

#login .status {
	color: #c0c0c0;
}

#login .loggedInUser {
	padding-bottom: 10px;
}

#login .unconfirmed {
	margin-top: 10px;
}

/* DECIBEL BOX */

#decibel {
	margin-left: 4px;
	margin-bottom: 20px;
	padding: 10px;
}

#decibel p {
	text-align: center;
}

#decibel .shout {
	padding: 5px 0;
}

#decibel .note {
	padding: 3px 0;
	color: #b0b0b0;
}

/* PLACES BOX */

#places {
	margin-left: 4px;
	margin-bottom: 20px;
	padding: 10px;
	border-left: 5px solid #0040e0;
}

#places ul {
	list-style-type: none;
	height: 200px;
	overflow: auto;
}

#places li {
	border-top: 1px solid #e0e0e0;
	padding: 3px 0;
}

#places li a {
	display: block;
	padding: 2px;
	width: 149px;
}
#places li a:hover {
	background-color: #ffed02;
}

/* MODALS */

#modal {
    display: none;
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -350px;
    width: 700px;
	color: Black;
	background-color: White;
	border: 5px solid #ffed02;
}

#modal .modalContent {
	padding: 10px;
}

#modal .controls {
	float: right;
}

/* TODO Replace with something more elegant (graphically) */
#modal .controls a {
	display: block;
	padding: 1px 4px 4px 6px;
	font-family: Verdana;
	font-size: 130%;
	font-weight: bold;
	color: Black;
}
#modal .controls a:hover {
	background-color: #ffed02;
}

#modal .buttons {
	margin-top: 5px;
}

.jqmOverlay {
	background-color: White;
}

/* FORMS */

form ul.fields {
	list-style-type: none;
}

form .fields li {
	border-top: 1px solid #e0e0e0;
}

form .input, form .simpleField {
	overflow: hidden;
	clear: left;
	padding: 1px 0;
}

form .input label, form .input input, form .simpleField {
	float: left;
}

form .field {
	margin: 3px 0;
	padding: 2px 5px;
	overflow: hidden;
}

form .field.focused {
	background-color: #dbe7ff;
}

form .field.focused .comment.info {
	display: block;
}
form .field.focused.errored .comment.info {
	display: none;
}

form .field.errored, form .field.focused.errored, form .comment.error.general {
	background-color: #FFD9CC;
}

form .field.errored .comment.error {
	display: block;
}

form .field label {
	padding-right: 10px;
	margin-top: 3px;
}
form .field label.main {
	width: 120px;
}
form .field label.inline {
	padding: 0;
}

form .simpleField {
	margin-bottom: 3px;
}

form .comments {
	float: right;
	width: 350px;
}

form.modalScope .comments {
	width: 275px;
}

form .comment {
	display: none;
	padding: 3px 0 3px 22px;
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

form .comment.info {
	background-image: url(images/Form-info.gif);
	color: #0694DD;
}

form .comment.error {
	background-image: url(images/Form-error.gif);
	color: #DE372B;
}

form .comment.error.general {
	margin-bottom: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}

form .buttons {
	padding: 5px 0;
}

/* Style specific form elements. */

form .textInput {
	width: 230px;
}

form .textInput.username {
	width: 95px;
}
form .textInput.born_day {
	width: 1.5em;
}
form .textInput.phone {
	width: 6em;
}
form .textInput.zip {
	width: 4.5em;
}
form .textInput.currentPasswd, form .textInput.plainPasswd, form .textInput.confirmPasswd {
	width: 100px;
}

form .simpleField .textInput {
	width: 165px;
}

/* COMMENTS */

#commentsList ul {
	list-style-type: none;
}

#commentsList li {
	margin-bottom: 10px;
}

#commentsList .balloon {
	background-color: #e0e0e0;
	padding: 5px 10px 3px 10px;
	background-image: url(images/reactie-boven2.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#commentsList .balloon p {
	padding: 3px 0;
}

#commentsList .balloon textarea {
	width: 216px;
	height: 100px;
	overflow: auto;
}

input.empty,
textarea.empty {
	color: #c0c0c0;
	font-style: italic;
}

#commentsList .balloon input {
	margin: 3px 0 5px 0;
}

#commentsList .footer {
	overflow: hidden;
	padding: 8px 10px 3px 10px;
	background-color: #e0e0e0;
	background-image: url(images/reactie-onder.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#commentsList .footer.forUnconfirmed {
	background-color: #FFF9AE;
}

#commentsList .footer.about {
	padding-left: 23px;
	background-image: url(images/reactie-onder-kaal.gif);
}

#commentsList .photo {
	float: left;
	width: 75px;
	height: 75px;
	margin-top: 10px;
	text-align: right;
	line-height: 75px;
}

#commentsList .photo img {
	display: inline;
	vertical-align: middle;
}

#commentsList .date {
	float: right;
	margin-left: 3px;
	text-align: right;
}

#commentsList .poster {
	clear: right;
	line-height: 0.8;
	margin-left: 85px;
	padding-top: 28px;
}

#commentsList .poster .subline, #commentsList .date {
	color: #b0b0b0;
}

#commentsList .unconfirmed {
	padding-bottom: 3px;
}

/* RATINGS */

#content .rateBadge {
	width: 164px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: White;
	border: 1px solid #e0e0e0;
}

#content .rateBadge .add {
	padding: 5px 10px;
}
#content .rateBadge .current {
	padding: 0 10px 10px 10px;
}
#content .rateBadge .disclaimer {
	padding: 0 10px 5px 10px;
}

#content .rateBadge .myOpinion, #content .rateBadge .othersOpinion {
	color: #c0c0c0;
	padding: 3px 0;
	text-align: center;
}

#content .rateBadge .thumbsUp, #content .rateBadge .thumbsDown, #content .rateBadge .ratedThumbsUp, #content .rateBadge .ratedThumbsDown {
	display: block;
	width: 29px;
	height: 40px;
	line-height: 40px;
	background-repeat: no-repeat;
}

#content .rateBadge .thumbsUp {
	float: left;
	text-align: right;
	padding-right: 41px;
	background-image: url(images/Thumb-U-40px-wit.gif);
	background-position: right;
}

#content .rateBadge .thumbsDown {
	padding-left: 41px;
	margin-left: 74px;
	background-image: url(images/Thumb-D-40px-wit.gif);
}

#content .rateBadge .ratedThumbsUp, #content .rateBadge .ratedThumbsDown {
	width: 50px;
	float: left;
	padding-right: 43px;
	background-position: right;
	margin-right: 0px;
	text-align: right;
}

#content .rateBadge .ratedThumbsUp {
	background-image: url(images/Thumb-U-40px-wit.gif);
	color: #13C700;
}

#content .rateBadge .ratedThumbsDown {
	background-image: url(images/Thumb-D-40px-wit.gif);
	color: Red;
}

#content .rateBadge .change {
	height: 40px;
	line-height: 40px;
	text-align: center;
}

#content .rateBadge .distribution {
	width: 144px;
	height: 10px;
	background-color: Red;
	color: White;
}
#content .rateBadge .distribution .percUp {
	float: left;
	height: 10px;
	background-color: #13C700;
	text-align: right;
}

/* Small badge */

#content .rateBadge.small {
	width: 100%;
	margin: 5px 0 0 0;
	overflow: hidden;
}

#content .rateBadge.small .add {
	float: left;
	width: 97px;
	padding: 5px 0 5px 5px;
}
#content .rateBadge.small .current {
	margin-left: 109px;
	padding: 5px 5px 5px 0;
}
#content .rateBadge.small .disclaimer {
	clear: left;
	padding: 0 5px 5px 5px;
}

#content .rateBadge.small .myOpinion, #content .rateBadge.small .othersOpinion {
	padding: 0 0 3px 0;
}

#content .rateBadge.small .thumbsUp, #content .rateBadge.small .thumbsDown, #content .rateBadge.small .ratedThumbsUp, #content .rateBadge.small .ratedThumbsDown {
	width: 25px;
	height: 20px;
	line-height: 20px;
}

#content .rateBadge.small .thumbsUp {
	padding-right: 22px;
	background-image: url(images/Thumb-U-20px-wit.gif);
}

#content .rateBadge.small .thumbsDown {
	padding-left: 22px;
	margin-left: 50px;
	background-image: url(images/Thumb-D-20px-wit.gif);
}

#content .rateBadge.small .ratedThumbsUp, #content .rateBadge.small .ratedThumbsDown {
	width: 31px;
	padding-right: 22px;
}

#content .rateBadge.small .ratedThumbsUp {
	background-image: url(images/Thumb-U-20px-wit.gif);
}

#content .rateBadge.small .ratedThumbsDown {
	background-image: url(images/Thumb-D-20px-wit.gif);
}

#content .rateBadge.small .change {
	height: 20px;
	line-height: 20px;
}

#content .rateBadge.small .distribution {
	margin-top: 5px;
}

/* TOP LISTS */

#toplist {
	width: 220px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: White;
	border: 1px solid #e0e0e0;
}

#toplist .pos {
	padding: 10px 10px 5px 10px;
}

#toplist .neg {
	padding: 5px 10px 10px 10px;
}

#toplist .header {
	margin-bottom: 5px;
	color: Black;
	padding-left: 25px;
	background-position: top left;
	background-repeat: no-repeat;
}

#toplist .pos .header {
	background-image: url(images/Thumb-U-20px-wit.gif);
}
#toplist .neg .header {
	background-image: url(images/Thumb-D-20px-wit.gif);
}

#toplist .list ul {
	padding-left: 15px;
}