body {
	margin: 0px;
	font-family: arial, verdana;
	font-size: 75%;
	color: #333333;
	background: #eeeeee;
}
* {
	font-family: arial, verdana;
}

.popup {
	margin: 10px;
}

#container {
	width: 780px;
	margin: 0px auto 10px auto;
	padding: 0px 0px;
	background: #ffffff;
}

#headertop {
	height: 120px;
	background: url(../images/headertop.jpg) no-repeat bottom center;
}
#headernav {
	height: 25px;
	background: url(../images/navbg.jpg) no-repeat center;
}
#headernav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#headernav ul li {
	float: left;
	text-align: center;
	line-height: 25px;
	margin: 0px;
	padding: 0px 29px;
}
#headernav ul.admin li {
	padding: 0px 24px;
}
#headernav ul li a {
	text-decoration: none;
	color: white;
}
#headernav ul li a:hover {
	font-weight: bold;
}
#headerbottom {
	height: 101px;
	background: url(../images/headerbottom.jpg) no-repeat center;
}

#content {
	margin: 0px 10px;
}

#quotationbuttons {
	width: 660px;
	margin: auto;
}
#quotationbuttons img {
	margin: 5px 10px;
}

.quotationbutton {
	float: left;
	height:77px;
	width: 320px;
	margin: 5px;
	background: url(../images/quotebg.jpg) no-repeat center;
	line-height: 77px;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 160%;
}

.quotationbutton a {
	color: white;
	text-decoration: none;
}

#footer {
	margin-top: 25px;
	height: 30px;
	background: url(../images/footer.jpg) no-repeat bottom;
	font-size: 75%;
	padding-left: 5px;
}
#outerfooter {
	font-size: 75%;
	text-align: right;
	width: 780px;
	margin: 10px auto;
	padding-right: 5px;
}

h1, h2, h3, h4 {
	color: #2499cc;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 120%;
}

form {
	margin: auto;
}
#barristerquoteform, #chambersquoteform {
	width: 80%;
}
fieldset {
	background: #efefef;
	border: 1px solid #cccccc;
	margin: 15px 0px;
	padding: 0.5em 5px;
	position: relative; 
}
.form_notes {
	float: right;
	width: 215px;
	padding: 10px 10px 10px 5px;
	margin: 5px;
	background: #dddddd;
	border: 1px solid #cccccc;
}
.form_notes img {
	float: left;
	padding-right: 8px;
}
.form_error {
	padding: 5px 5px 5px 5px;
	margin: 5px;
	background: #dddddd;
	border: 1px solid #cccccc;
}
.form_error h2 {
	color: red !important;
}
.form_error img {
	float: left;
	padding: 10px 10px 10px 5px;
}
legend {
	font-size: 110%;
	position: relative;  
	top: -1em; 
	color: #333333;
	font-weight: bold;
}
label, input, select {
	margin: 5px;
	width: 155px;
}
.mini_btn {
	width: 110px;
}
textarea {
	margin: 5px;
	width: 320px;
	font-family: inherit;
	font-size: inherit;
}
label {
	float: left;
}
.radio {
	width: 20px;
	margin: 0px 5px;
}
.radiolabel {
	width: auto;
	float: none;
}
.floatleft {
	float: left;
}
.checkbox {
	width: 20px;
	float: left;
}
.checkboxlabel {
	width: 90%;
	margin-top: 8px;
}
form p {
	margin: 5px 0px 5px 0px;
}

#barristertable {
	width: 95%;
	margin: 0px auto 20px auto;
	border-collapse: collapse;
}
#barristertable td {
	padding: 2px 5px;
	text-align: left;
	border: 1px solid #ccc;
}
#barristertable thead td {
	font-weight: bold;
}

#quotedetails {
	border: 2px solid #2499CC;
	padding: 5px;
	background: #DDDDDD;
}
#holdtable {
	width: 100%;
	margin: 0px auto 20px auto;
	border-collapse: collapse;	
}
#holdtable td {
	padding: 2px 5px;
	text-align: center;
	border: 1px solid #ccc;
}
#holdtable td input {
	width: 60px;
	text-align: center;
}
.hightlight1 {
	background: #ddd;
}
.hightlight2 {
	background: #eee;
}
.readonly {
	border: none;
	background: transparent;
}


a.popupinfo { 
	position: relative;  
	z-index:24;  
	text-decoration:none;
	color: #333333;
} 
a.popupinfo:hover { 
	z-index:25; 
	background-color: transparent;
} 
a.popupinfo span { 
	display: none; 
    position:absolute;  
	width:150px;
    border:2px solid #2499cc;
    background-color:#efefff; 
	color:#000000;
	padding:4px;  
	font-size: 90%;
	top: 15px;
	text-align: left;
}
a.popupinfo:hover span {
    display:block; 
}
thead {
	font-weight: bold;
	text-align:center;
}

#designedby {
	text-decoration: none;
	color: #333333;
}

.justified {
	text-align: justify;
}

.capacity {
	border-collapse: collapse;
}
.capacity td {
	border: 1px solid black;
	padding: 4px;
}
.tickcolumn {
	width: 25px;
	text-align: center;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}