body{
	margin:0px;
	padding:0px;
	background:#666 url('images/backgroundAttempt.png') no-repeat fixed center;
	height:100%;
	width:100%;

	color:white;
}

p, div.paragraph{
	padding:0px 10px 10px 10px;
	margin:10px;
	text-indent:3em;
	
	border:solid 2px black;
}

p a,p a:link, p a:hover, p a:visited, div.paragraph a, div.paragraph a:link, div.paragraph a:hover, div.paragraph a:visited {
	color:black;
}

#wrapper{
	margin:0 auto;
	width:80%;
	position:relative;
	background: url('images/semiTransparent333.png');
	border:solid #666 1px;
}

#leftBarFooter{
	clear:left;
	background: url('images/linkBGFooter.png') no-repeat;
	height:13px;
	width:125px;
	float:left;
}

#logo{
	background: url('images/cornerLogo.png') no-repeat;
	height:125px;
	width:200px;
	position:absolute;
	z-index:100;
	border:0px;
}

#mainHeader{
	padding: 0px 0px 0px 200px;
	text-align:center;
	position:absolute;
}

#content{
	padding: 125px 0px 0px 125px;
}

#leftBarBrew{
	display:none;
}

#leftBar{
	float:left;
	padding: 125px 0px 0px 0px;
	width:125px;
	background: url('images/linkBG.png') repeat-y;
}

#leftBar ul li span, #leftBarBrew ul li span{
	margin-right:25px;
	margin-bottom:25px;
}

#leftBar ul li, #leftBarBrew ul li{
	height:2em;
	width:100%;
	padding:0px;
	text-align:right;
	vertical-align:bottom;
}

#leftBar ul, #leftBarBrew ul{
	list-style: none;
	padding:0px;
	width:100%;
}


#content p, #content div.paragraph{
	background: url('images/semiTransparent0.7FFF.png');
	color:black;
}



a:link, a:hover, a:active{
	color:#ccc;
}

a:visited{
	color:#eee;
}

h1{
	text-align:center;
}

div#login{
	text-align:center;
}

p#warning{
	background:none;
	background-image:none;
	border:none;
	font-size:200%;
	color:red;
	font-weight:bold;
}

table.centeredTable{
	margin-left:auto;
	margin-right:auto;
}

.avatarNotSet{
	height:70px;
	width:70px;
	background-color:#ccc;
	border:solid;
	opacity:0.8;
}

.postWrapper{
	clear:both;
	border-style:solid;
	margin-bottom:10px;
}

.postUserData{
	float:left;
	width:75px;
	overflow:hidden;
}

.postWrapper a,.postWrapper a:link, .postWrapper a:hover, .postWrapper a:active, .postWrapper a:visited{
	color:inherit;
}

.postText{
	padding-left:85px;
}
.userSig{
}

#newPostText{
	height:200px;
	width:100%;
}

#newPostSubmit{
	float:right;
}

.colorSwatch{
	min-height:1em;
	height:1em;
	width:2em;
	min-width:2em;
	border:0px;
}

.statusMessage{
	font-weight:bold;
	text-align:center;
	font-size:175%;
	color:#56b375;
}

.errorMessage{
	font-weight:bold;
	text-align:center;
	font-size:175%;
	color:#ff0000;
	border-style:solid;
	border-color:#ff0000;
}

.avatarImage{
	width:70px;
	height:70px;
}

tr.tableSeparator, tr.tableSeparator>td{
		/*border-style:solid;
		border-width:2px 0px 0px 0px;
		border-collapse:collapse;*/
		padding-top:2em;
}


input.eventParticipantsNo{
	background:url('/images/events/no-small.png'); 
}
input.eventParticipantsYes{
	background:url('/images/events/yes-small.png'); 
}
input.eventParticipantsUnsure{
	background:url('/images/events/unsure-small.png'); 
}
input.eventParticipantsNo, input.eventParticipantsYes, input.eventParticipantsUnsure{
	background-repeat:no-repeat;
	cursor:pointer; 
	width:32px; 
	height:32px; 
	border:none; 
	vertical-align:middle;
}

ol.eventParticipantList{
	display:none;
}

div.eventParticipation table{
	margin-left:auto;
	margin-right:auto;
}

div.event td{
	vertical-align:top;
}

div.event li{
	text-align:left;
}

div.event{
	text-align:center;
}

h1.eventName{
	font-size:1.5em;
}
div.login tr td{
	text-align:left;
}

div.login tr>td:first-child{
	text-align:right;
}

div.pagination{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}




/***************PPDB*************/
tr.gerRecordExists td{
	color:red;
}

tr.gerRecordDoesntExist td{
	color:green;
}

table.gerImportList tr:nth-child(even){
	background-color:#ccc;
}

table.gerImportList tr:nth-child(odd){
	background-color:#aaa;
}

table.gerImportList th, table.gerImportList td{
	opacity:0.8;
	border:solid;
	border-color:#444;
	border-width:2px;
	border-collapse:collapse;
}

div.musicItem{
	border-style:solid;
}

/*******************************/

/************BREW**************/
table.brewDetail{
	width:75%;
	border-style:solid;
	border-collapse:collapse;
	border-color:white;
	border-radius:30px;
}

tr.sectionBottom{
	border-style:solid;
	border-width:0px 2px 2px 2px;
	border-radius:30px;
}

tr.sectionTop{
	border-style:solid;
	border-width:2px 0px 2px 2px;
	border-radius:30px;
}

td.labelChooserCellSelected{
	background-color:#88f;
}

td.labelChooserCellUnselected{
	background-color:none;
}

div.brewDetailQRCodeDiv{
	float:right;
	width:100px;
	margin-right:10px;
	text-align:center;
	font-size:12px;
}

img.brewDetailQRCode{
	height:50px;
	/*width:40px;*/
	background-color:#fff;
	background-image:url('/images/QRSample50.png');
}
/*******************************/

/*****************************************
******ROUNDED BORDER TABLES SECTION*******
******************************************/
		table, div{
			border-width:4px;
		}
		
		table.roundyTable, #dockContent{
			width:100%;
			margin:0px;
			padding:0px;
		}
		
		.roundyTable, .roundyTable td, div.roundyTable{
			border-style:solid;
			border-width:0px;
			border-radius:0px;
			border-color:#000;
			padding:2px;
		}
		
		
		.roundyTable td, div.roundyTable{
			background-color:#fff;
			color:#000;
		}
		
		div.roundyTable{
			border-width:4px;
			border-bottom-width:2px;
			border-radius:15px;
			padding-top:0px;
		}
		
		div.roundyTable h1{
			background-color:#ddd;
			text-align:center;
			font-weight:bold;
			color:#333 !important;
			padding:0px;
			margin:-2px;
			border-radius:15px 15px 0px 0px ;
		}
		
		.roundyTable a{
			color:#000;
		}
		
		table.roundyTable>tbody>tr>td.firstCol, table.roundyTable>tr>td.firstCol{
			border-left-width:4px;
		}
		table.roundyTable>tr>td.lastCol, table.roundyTable>tbody>tr>td.lastCol{
			border-right-width:4px;
		}
		
		table.roundyTable>tr.roundyTableSectionTop>td, table.roundyTable>tbody>tr.roundyTableSectionTop>td{
			border-top-width:2px;
		}
		
		table.roundyTable>tr>td.roundyTableSubSectionHeader, table.roundyTable>tbody>tr>td.roundyTableSubSectionHeader{
			font-weight:bold;
			font-size:115%;
			font-size:115%;
			background-color:#eee;
			color:#333 !important;
		}
		
		table.roundyTable>tr>td.roundyTableSectionHeader, table.roundyTable>tbody>tr>td.roundyTableSectionHeader{
			text-align:center;
			font-weight:bold;
			font-size:140%;
			font-size:140%;
			background-color:#ddd;
			color:#333 !important;
		}
		
		table.roundyTable>tr>td.roundyTableSectionHeader h1, table.roundyTable>tbody>tr>td.roundyTableSectionHeader  h1{
			font-size:1.5em !important;
		}
		
		table.roundyTable>tr.firstRow>td, table.roundyTable>tbody>tr.firstRow>td{
			border-top-width:4px !important;
		}
		
		table.roundyTable>tr.roundyTableSectionTop>td.firstCol, table.roundyTable>tbody>tr.roundyTableSectionTop>td.firstCol{
			border-top-left-radius:15px;
			border-left-width:4px;
		}
		
		table.roundyTable>tr.roundyTableSectionTop>td.lastCol, table.roundyTable>tbody>tr.roundyTableSectionTop>td.lastCol{
			border-top-right-radius:15px;
			border-right-width:4px;
		}
		
		
		table.roundyTable>tr.roundyTableSectionBottom>td, table.roundyTable>tbody>tr.roundyTableSectionBottom>td{
			border-bottom-width:2px !important;
		}
		
		table.roundyTable>tr.lastRow>td, table.roundyTable>tbody>tr.lastRow>td{
			border-bottom-width:4px !important;
		}
	
		table.roundyTable>tr.roundyTableSectionBottom>td.firstCol, table.roundyTable>tbody>tr.roundyTableSectionBottom>td.firstCol,
		table.roundyTable>tr.lastRow>td.firstCol, table.roundyTable>tbody>tr.lastRow>td.firstCol{
			border-bottom-left-radius:15px;
			min-height:7.5px;
			border-left-width:4px;
		}
		
		table.roundyTable>tr.roundyTableSectionBottom>td.lastCol, table.roundyTable>tbody>tr.roundyTableSectionBottom>td.lastCol,
		table.roundyTable>tr.lastRow>td.lastCol, table.roundyTable>tbody>tr.lastRow>td.lastCol{
			border-bottom-right-radius:15px;
			min-height:7.5px;
			border-right-width:4px;
		}
		
		table.roundyTable>tr>td.firstCol, table.roundyTable>tbody>tr>td.firstCol{
			padding-left:7.5px;
		}
		
		table.roundyTable>tr>td.lastCol, table.roundyTable>tbody>tr>td.lastCol{
			padding-right:7.5px;
		}
		
		table.roundyTable>tr.roundyTableSectionSecondRow>td, table.roundyTable>tbody>tr.roundyTableSectionSecondRow>td{
			padding-top:5px;
		}
		
		#dockContentNoBorder table.roundyTable:first-child tr.firstRow>td.firstCol, form.applicationFormContainer>table.roundyTable>tr.firstRow>td.firstCol, form.applicationFormContainer>table.roundyTable>tbody>tr.firstRow>td.firstCol{
			border-top-left-radius:0px;
		}
		
		div.bottomOfPageFormData{
			border-style:solid;
			border-color:#000;
			border-width:2px 4px 4px 4px;
			padding:7.5px;
			margin:0px;
			/*text-align:right;*/
			border-radius:15px;
			background-color: rgb(221, 221, 221);
		}