form {margin: 0px; padding: 0px;}

button,
input,
optgroup,
select,
textarea {margin: 0;}
button,
input {overflow: visible;}

input, select {font-size: 1em; margin: 4px 0; padding: 6px 2px; vertical-align: bottom;}
input[type=submit] {padding-left: 16px; padding-right: 16px; cursor: pointer;}
input[type=radio], input[type=checkbox] {width: 1em; height: 1.4em}

fieldset {
	padding: 8px;
	margin: 0 0 4px 0;
	clear: both; 
	background: #eee;
	border: 1px solid #ddd;
	border-radius: 5px;
}

/*
	CONTACT AND REGISTRATION FORM
*********************************/
#formWrap {margin: 10px 0 0 0}
#formWrap fieldset {
	padding: 20px;
}
#formWrap label {
	display: block;
	margin: 4px 0 0 0; 
}
#formWrap input[type=text],
#formWrap input[type=password] {padding: 8px 2px; margin: 2px 0; min-width: 280px; width: 50%;}
#formWrap input[name=entered] {padding: 2px; min-width: auto; width: 40px;}
#formWrap input[name=txtCaptcha] {min-width: auto; width: 180px;}

#formWrap input[type=submit] {padding: 8px 12px; cursor: pointer}
#formWrap .inputText {display: none}

#formWrap textarea {min-width: 280px; width: 96%; padding: 10px; font-size: 1em;}

/*	Search form in Top - Can be placed anywhere but...
	...is usually included in the Top or Header menu and might be adapted to respective styles
*/
.topSearch input[type=text] {
	display: inline-block;
	padding: 0.33em 0.3em;
	border: 1px solid rgba(0,0,0,0.15);
	background: #f2f4f6;
	color: #999;
	vertical-align: middle;
	font-size: 1em;
	border-radius: 5px 0 0 5px;
}
  
  .topSearch button {
	display: inline-block;
	padding: 0.1em 0.5em;
	margin: 0 ;
	cursor: pointer;
	color: rgba(255,255,255,0.9);
	background: rgba(0,0,0,0.4);
	background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.1));
	vertical-align: middle;
	border: 0;
	font-size: 1.5em;
	border-radius: 0 5px 5px 0;
}

  .topSearch button:hover {
	color: rgba(0,0,0,0.8);
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.4));
}

/* Search form search page 
*********************/
#searchFormBG {
	margin: 0 0 20px 0;
	padding: 0;
}

#searchFormBG form input[type=radio] {
    border: 0px;
    height: 1.2em;
    width: 1.2em;
	vertical-align: middle;
	margin-bottom: 8px;
}
#searchFormBG form input[type=text] {
    min-width: 180px; max-width: 420px; width: 100%
}


/* Search navigations
*********************/
.searchNav {margin-top: 20px;}
.searchNav .local {margin: 2px; background: #eee; padding: 10px 0; border: 1px solid #ddd; border-radius: 5px; text-align: center;}
.searchNav ul, searchNav li {margin: 0; padding: 0; list-style: none;}
.searchNav li {display: inline-block; padding: 0 12px;}

/* Forms in Books and DVDs
*********************/
.formBookDVD select,
.formBookDVD input {
	 padding: 8px 4px;
}
.formBookDVD input[type=submit] {
	 padding: 8px 12px;
	 vertical-align: bottom;
	 margin-left: 1px;
}

/* Add comments
************************/
#commentAddBG {margin-top: 2px;}

#commentAddBG form {margin-top: 12px;}
#commentAddBG form input[type=text] {
	width: 90%;
	padding: 8px 4px;
	margin: 2px 0;
}
#commentAddBG form input[name=entered] {width: 3.2em; border: 1px solid #ddd; padding: 8px 4px 1px 4px;}
#commentAddBG form input[name=txtCaptcha] {
    display: block;
	width: 8em;
}
#commentAddBG form input[type=submit] {float: right;}

#commentAddBG form textarea {
	width: 96%; 
}

#commentAddBG label {display: block; padding:2px;}
#textMessage {display:none;}

.fiveStars {position:relative; display:inline-block; width: 101px; height:21px; background:#ddd;
}
.fiveStars span {
	position: absolute; display:inline-block; top:0; left:0; bottom:0; background:#fe0;
}
.fiveStars::after {content:"";
	position: absolute; top:0; right:0; bottom:0; left:0; z-index:2; 
	background-image: url('../imgPG/fiveStars.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
.points {display:inline-block; line-height: 100%; padding: 5px 5px 0 0; vertical-align:top;}