form.front {
    margin: 5px 0;
}

form.front div {
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 155px; /*width of left column containing the label elements*/
    height: 1%;
}

form.front div span {
	color: #f00;
}

form.front label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

form.front fieldset {
	border-style: none;
	border: 1px solid #eee;
	padding: 5px;
	margin: 5px 0;		
	background: #F0F8FF;
}

form.front fieldset.submit {
padding-top: 0.5em;
background: transparent;
border-style: none;
}
form.front fieldset.submit div {
	border: none;
}
form.front legend {
color: #555;
font-size: 1.5em;
}

form.front input[type="text"], form.front input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border: 1px solid #ccc;
}

form.front input.text_field {
	border: 1px solid #ccc;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.red {
	background: #0070BB;
}

.button {
    border: 0;
    background: #0070BB;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    padding: 1px;
}
.button:hover {
    border-color: #f77;
    background: #0070BB;
    color: #fff;
}

ul.errors {
	color: red;
	list-style: none;
	padding: 0;
	margin: 0;
}

#query {
	height: 16px;
	padding: 2px;
}

/* Pagination ------------------------------------------- */


div#ZVHPContainer {
	padding: 10px 0;
}

div#ZVHPContainer ul#ZVHPList {
	list-style: none;
	padding: 0;
	margin: 0;	
}
div#ZVHPContainer ul li {
	display: inline;
	background: #f7f7f7;
	color: #fff;
	border: 1px solid #ddd;
	padding: 5px;
	margin: 0 2px;
}

div#ZVHPContainer ul li a {
	text-decoration: none;	
	cursor: pointer;
}

div#ZVHPContainer ul li:hover {
	background: #DFEEFF;
}

div#ZVHPContainer ul li#ZVHPActiveItem {	
	background: #FFEFEF;
	color: #000;
} 