body {
background: url('/templates/vac/images/bg.gif') repeat #000000;
font-family: Arial;
font-size: 12px;
margin:10px 0px;
height: 100%;
}

p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:0px;}

#wrapper {
width: 100%;
background: #FFFFFF;
text-align: left;
height: auto;
position: relative;
}

#Wrapper {
margin:0px auto;
width: 831px;
}

#TopBar {
text-align: right;
background: #333333;
color: #fff7ce;
font-size: 11px;
padding:3px;
}

#TopBar a{
color: #fff7ce;
}
#TopBar a:hover{
color: #556600;
}

#ContentLeft {
background: #fff7ce;
width: 200px;
}

#ContentMain {
padding:3px;
background: #FFFFFF;

}

#ContentMain a{
color: #556600;
}

#ContentMain a:hover{
color: #333333;
}

#Footer {
text-align: center;
background: #333333;
color: #fff7ce;
font-size: 11px;
padding:3px;
}

#topForm {
height: 100%;
}

/* Login Details Box */

#loginInfo {
width: 320px;
height: 100%;
border: 1px solid #b7ddf2;
background: #ebf4fb;
}

#loginInfo h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
padding-left: 5px;
padding-top: 5px;
}
#loginInfo p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
margin-left: 5px;
margin-right: 5px;
}

#loginInfo p.noborder{
font-size:11px;
color:#666666;
margin-left: 5px;
margin-right: 5px;
border-bottom: none;
padding-bottom: 0px;
}

#loginInfo .label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#loginInfo .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#loginInfo input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:130px;
margin:2px 0 20px 10px;
}

#loginInfo input:hover{
border:solid 1px #D36200;
background: #FFF5EC;
}

#loginInfo button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}



/* Member Address */

#addrInfo {
width: 476px;
border: 1px solid #999999;
background: #F5F5F5;
height: 100%;
}

#addrInfo h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
padding-left: 5px;
padding-top: 5px;
}
#addrInfo p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #999999;
padding-bottom:10px;
margin-left: 5px;
margin-right: 5px;
}
#addrInfo .label{
display:block;
font-weight:bold;
text-align:right;
width:180px;
float:left;
padding-left:3px;
}
#addrInfo .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:180px;
}
#addrInfo input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #555555;
width:250px;
margin:2px 0 20px 10px;
}

#addrInfo input:hover{
border:solid 1px #D36200;
background: #FFF5EC;
}

#addrInfo select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #555555;
width:250px;
margin:2px 0 20px 10px;
}

#addrInfo select:hover{
border:solid 1px #D36200;
background: #FFF5EC;
}

#addrInfo button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

/* Membership Info */

#greyBox {
margin-top: 10px;
clear: both;
width: 100%;
border: 1px solid #999999;
background: #FBFBFB;
}

#greyBox h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
padding-left: 5px;
padding-top: 5px;
}
#greyBox p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #999999;
padding-bottom:10px;
margin-left: 5px;
margin-right: 5px;
}
#greyBox .label{
display:block;
font-weight:bold;
text-align:right;
width:180px;
float:left;
padding-left:3px;
}
#greyBox .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:180px;
}
#greyBox input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #555555;
width:250px;
margin:2px 0 20px 10px;
}

#greyBox input:hover{
border:solid 1px #D36200;
background: #FFF5EC;
}

#greyBox select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #555555;
width:250px;
margin:2px 0 20px 10px;
}

#greyBox select:hover{
border:solid 1px #D36200;
background: #FFF5EC;
}

#greyBox button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#SmallHeading {
margin-bottom: 5px;
padding:5px;
border: 1px solid #b7ddf2;
background: #ebf4fb;
text-align: left;
font-weight: bold;
}



#mBox {
margin-bottom: 5px;
clear: both;
width: 98%;
padding:5px;
border: 1px solid #b7ddf2;
background: #ebf4fb;
text-align: left;
float: left;
}

#mBox #priceBit{
float:right;
width: 250px;
border: 1px solid #f2dab7;
background: #fbf5eb;
padding:2px;
}

#mBox #priceBit td{
border: 0;
}

#mBox #priceBit .check{
margin:0;
padding:0;
border:0;
background: none;
text-align: right;
margin: 5px;
float: right;
width:25px;
height: 25px;
}

#mBox .input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #555555;
width:95%;
margin:1px;
}

#mBox .radio{
padding:0;
border:solid 0px;
width:25px;
height: 25px;
margin:0;
}

#mBox .input:hover{
border:solid 1px #D36200;
background: #FFF5EC;
}

#mBox .select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #555555;
width:95%;
margin:1px;
}

#mBox h2 {
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
}

#greyBox h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
padding-left: 5px;
padding-top: 5px;
}
#greyBox h2 {
font-size:12px;
font-weight:bold;
margin-bottom:8px;
padding-left: 5px;
padding-top: 5px;
}
#greyBox p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #999999;
padding-bottom:10px;
margin-left: 5px;
margin-right: 5px;
}
#greyBox .label{
display:block;
font-weight:bold;
text-align:right;
width:180px;
float:left;
padding-left:3px;
}
#greyBox .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:180px;
}
#greyBox input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #555555;
width:250px;
margin:2px 0 20px 10px;
}

#greyBox input:hover{
border:solid 1px #D36200;
background: #FFF5EC;
}

#greyBox select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #555555;
width:250px;
margin:2px 0 20px 10px;
}

#greyBox select:hover{
border:solid 1px #D36200;
background: #FFF5EC;
}

#greyBox button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.submit{
min-width:125px;
width: auto;
size:auto;
height:31px;
background:#8abd00;
text-align:center;
line-height:31px;
color:#3a4f00;
font-size:14px;
font-weight:bold;
border: 2px solid #3a4f00;
}

.submit:hover{
background:#7aa700;
color:#263400;
border: 2px solid #263400;
cursor: pointer;
}

.button{
min-width:125px;
width: auto;
height:31px;
background:#AAAAAA;
text-align:center;
line-height:31px;
color:#333333;
font-size:14px;
font-weight:bold;
border: 2px solid #333333;
}

.button:hover{
background:#9d9d9d;
color:#111111;
border: 2px solid #111111;
cursor: pointer;
}


#infoBox {
background: #fffbd1;
border-top: 1px solid #e5d971;
border-bottom: 1px solid #e5d971;
font-size: 11px;
color: #6d6200;
margin: 2.5px;
padding:5px;
}

#infoBox a{
color: #004c77;
text-decoration: none;
}

#infoBox a:hover{
color: #FF0000;
text-decoration: none;
}

#loginInfo div {
display: block;
clear: both;
padding-top: 3px;
}

#addrInfo div {
display: block;
clear: both;
padding-top: 3px;
}

#greyBox div {
display: block;
clear: both;
padding-top: 3px;
}


label.error {
background: #fff8f8;
color: #ff0000;
border-bottom: 1px solid #ffa2a2;
border-top: 1px solid #ffa2a2;
font-size: 11px;
padding:2px;
text-align: center;
margin: 0 auto;
display:block;
float:none;
clear: both;
}


.messagebox{
 position:absolute;
 width:100px;
 margin-left:30px;
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}