body { font-family: verdana;
	font-size: 12px;
}
h1 { margin-left: 24px; 
	font-size: 24px;
	font-family: arial;
}

/* 

*/
.cookies-info { z-index: 999;
position: fixed;
top: 12px;
bottom: 12px;
width: 100%;
height: 99%;
text-align: center;
border: 4px solid rgb(211, 208, 208);
background-color: #efefef; 
}
.cookies-info table { width: 80%;
margin-top: 32px;
margin-right: auto;
margin-left: auto;
	border-collapse: collapse;
}
.cookies-info th {
padding-bottom: 32px;
font-family: arial;
font-size: 48px;
}

.cookies-info-message {
vertical-align: top;
line-height: 36px;
font-size: 32px;
}
.cookies-info-message-more { 
padding-bottom: 64px;
font-size: 18px;
}
.cookies-info-message-link {
width: 256px;
vertical-align: top;
}
.cookies-info-message-link a { font-size: 16px;
}
.cookies-info-message-accept {
background-color: grey;
padding: 48px;;
color: #FFF;
border-radius: 6px;
font-size: 24px;
cursor: pointer;
}
.cookies-info-message-accept a {
text-decoration: none; 
}
/*

*/
.menuVinylRecordsCollection { 
	
	
	
	font-weight: bold;
	
}
.menuVinylRecordsCollection table { height: 72px;
	width: 738px;
	background-color: orange;
	border-radius: 6px;
	border: 2px solid black;
}
.menuVinylRecordsCollection th { width: 600px; 
	color: white;
	background-color: black;
	font-size: 16px;
	text-align: left;
	font-family: arial;
	padding-left: 8px;
}
.menuVinylRecordsCollection td {
}
.menuVinylRecordsCollection input[type="submit"] {
	border: none;
	border-radius: 4px;
	cursor: pointer;
	margin: 0px 4px;
	padding: 2px 8px 2px 8px;

}
.menuVinylRecordsCollection input[type="submit"]:hover {
	color: red;
}
.noLogedUserInfo p { color: orange;
	text-align: center;
	font-size: 24px;
}
/* --- all POST['DATA']
*/
.insertForm { padding-top: 12px;
	padding-bottom: 12px; 
	background-color: #f8f8f8;
	color: red;
	font-weight: bold;
	font-size: 16px;
	
}
/* --- public function printAddAlbum()
*/
.addNewAlbum {
	color: black;
	font-weight: bold;
	font-size: 16px;
}
.addNewAlbum h1 {
	color: red;
	font-size: 26px;
}
.addNewAlbum p { padding-top:4px; 
	padding-left: 232px;
}
.addNewAlbum input[type="text"] { width: 512px;
}
.addNewAlbum input[type="submit"] { margin-left: 24px;
}
.addNewAlbum textarea { width: 512px;
	height: 64px;
}
.addNewAlbum table { margin-left: 24px; 
	border-collapse: collapse;
}
.addNewAlbum th { width: 196px; 
	padding-top: 4px;
	padding-bottom: 4px; 
	padding-right: 8px; 
	text-align: right;
	vertical-align: text-top;
	font-size: 18px;
	border-top: 1px black solid;
}
.addNewAlbum td { font-weight: normal;
	padding-right: 8px;
	vertical-align: top;
}
.addNewAlbum_TDextra { background-color: #dcdcdc; /* in function */
}
.addNewAlbum_TDextra input[type="text"]{ width: 220px; /* in function */
}
.addNewAlbum_TDextra textarea { width: 256px; /* in function */
	height: 28px;
}
/* --- public function viewAllEdit()
*/
.editAllForm {
	color: black;
	font-weight: bold;
	font-size: 16px;
}
.editAllForm img { width: 40px;
}
.editAllForm table { 
	border-collapse: collapse;	
}
.editAllForm th { color:white;
	background-color: black; 
	font-size: 18px;
	border: 1px black solid;
	
}
.editAllForm td { padding-left: 4px;
	padding-right: 12px; 
	font-size: 14px;
	border-bottom: 1px black solid;
}
/* --- public function printEditAlbum()
*/
.editAlbum { color: black;
	font-weight: normal;
	font-size: 16px;
}
.editAlbum h3 { font-size: 20px;
}
.editAlbum p { font-size: 20px;
	font-style: italic;
}
.editAlbum img {margin-left: 24px;
	margin-right: 12px;
	float: left;
	width: 80px;

}
.editAlbum input[type="checkbox"] {vertical-align: middle;
margin: 4px;
}
.editAlbum input[type="text"] { width: 236px;
}
.editAlbum textarea { width: 256px;
	height: 48px; 
}
.editAlbum table { margin-left: 24px;
	margin-top: 24px;px;
	border-collapse: collapse;
} 
.editAlbum th { 
	border-top: 1px black solid;
	padding-left: 8px;
	padding-right: 8px;
	text-align: right;
	vertical-align: top;
	font-size: 16px;
}
.editAlbum td { padding-left:8px; 
	font-size: 16px;
	font-style: italic;
	/* border: 1px black solid; */	
	
}
.editAlbum_TDtitle {  /* in function */
	width: 200px;
	color: red;
	vertical-align: top;
	padding-right: 16px;
}
.editAlbum_TDutils {  /* in function */ 
	width: 124px;
	text-align: right;
}
.editAlbum_TDcolor {  /* in function */
	background-color: #dcdcdc;
}
.editChangeInsc { /* in function */
	font-size: 12px;
	font-style: normal;
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;

}
/*
 --- public function viewAll()
*/
.quantityInfo { z-index: 10;
	position: absolute;
	top: 8px;
	left: 646px;
}
.quantityInfo table { height: 72px;
	background-color: orange;
	border-radius: 6px;
	border: 2px solid black;
}
.quantityInfo td { font-size: 14px;
}
.quantityInfo th { background-color: black;
	color: orange;
	font-size: 24px;
}

.sortByInfoIco { /* in function */
	color: yellow;
	font-size: 14px;
	font-weight: normal;
}/*
--- private function getVinylData_Info()
 */
.vinyl-info { z-index: 100;
	position: fixed;
	top: 2px;
	left: 2px;
	width: 99%;
	height: 99%;
	background-color: rgb(239,239,239, 0.9);
	border-radius: 12px;
	border: 2px solid rgb(211, 208, 208);
	text-align: center; 
}

.vinyl-info img { border: 2px black solid; 
}

.vinyl-info h2 { background-color: rgb(255,255,255, 1);
padding-top: 24px;
padding-right: 64x;
padding-left: 64px;
font-size: 48px;
}
.vinyl-info h3 { background-color: rgb(255,255,255, 1);
font-size: 32px;
}
.vinyl-info p { text-align: right;
	font-size: 12px;
}
.vinyl-info a {
	border-radius: 6px;
	border: 2px grey solid;
	background-color: black;
	color: white;
	font-family: arial;
	font-size: 32px;
	padding: 12px;
	text-decoration: none;
}
.vinyl-info a:hover {
	border: 2px red solid;
	color: red;
	cursor: pointer;

}
.vinyl-info table { width: 720px;
	margin-right:auto;
	margin-left:auto;
	margin-top: 24px;
	opacity: 1;
	background-color: rgb(255,255,255, 1);
}
.vinyl-info-title{
	font-size: 64px;
}
.vinyl-info-author{
	vertical-align: top;
	padding-right: 8px;
	text-align: right;
	font-size: 32px;
}
.vinyl-info-img { width: 160px;

} 
.vinyl-info-comment-author { 
	height: 36px;
	padding-right: 8px;
	vertical-align: top;
	text-align: right;
	font-size: 14px;
	font-style: italic;
}
.vinyl-info-comment-printedby { 
	padding-left: 12px;
	font-size: 14px;
	text-align: left;
	font-style: italic;
}
.vinyl-info-comment-about {
	padding-left: 12px;
	vertical-align: top;
	text-align: justify;
	font-size: 20px;
	font-style: italic;
}
.vinyl-info-th { width:256px;
	padding-bottom: 6px;
	font-size: 24px;
	text-align: right;
}
.vinyl-info-td { 
	padding-left: 12px;
	font-size: 24px;
	text-align: left;
}

/* */
.sortByAuthor img {
	width: 160px;
	height: 160px;
	border: 2px black solid;
}
.sortByAuthor table {
	width: 212px;
	height: 300px;
	border: 1px black solid;
	background-color: #dcdcdc;
	float: left;
	margin: 2px;
}
.sortByAuthor th { height: 60px;
	color: black;
	background-color: white;
	font-size: 16px;
}
.sortByAuthor td { 
	vertical-align: middle;
	text-align: center;
}
.sortByAuthor_VinylCover { /* in function */
	height: 164px;
}
.sortByAuthor_VinylAuthor { /* in function */
	height: 44px;
	color: white;
	background-color: black;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
}
/* */
.sortByTitle img {
	width: 160px;
	height: 160px;
	border: 2px black solid;
}
.sortByTitle table {
	height: 216px;
	border: 1px black solid;
	background-color: #dcdcdc;
	float: left;
	margin: 4px;
}
.sortByTitle th {
	height: 22px;
	padding-left: 4px;
	padding-right: 4px;
	color: black;
	background-color: white;
	font-size: 18px;
}
.sortByTitle td { color: darkblue;
	vertical-align: middle;
	text-align: center;
}
.sortByTitle_VinylAuthor { /* in function */
	height: 18px;
	color: black;
	font-size: 12px;
	font-style: italic;
}
/* --- userAuthorisation BOX
 */
.userAuthorisation { z-index: 12;
	position: absolute;
	top: 10px;
	right: 10px;
}

/* --- about author & version
 */
.about_mwVinRecColl table { width: 100%; float: left;
}
.about_mwVinRecColl td { text-align: right;
}