.imagebutton {
    margin-top:15px;
    border:0;
    width:auto;
    padding:0;
    /* Is this float necessary? IE handles this diffrent then modern browsers. */
    /* float:left; */
}	

.imagebutton.notop {
    margin-top: 0;
}

.inactive {
    border:0;	
}

.inactiveInput {
    width:55px;
    height:22px;
    background-image:url('/img/set_num_inactive.gif');
}

.highlight .inactiveInput {
    background-image:url('/img/set_num_inactive_highlight.gif');
}

.formRadio {
    float:left;
    padding-top:7px;
    margin-top:7px;
}

.formRadio input {
    clear:none;
    margin:0;
    height:auto;
    width:auto;
    float:left;
    border:1px solid red;
}

.formRadio label {
    clear:none;
    float:left;
    width:auto;
    height:auto;
    padding:0 15px 0 5px;
}

/* CONTENT FORMS */

fieldset {
    padding-top: 10px;
    border: none;
}

fieldset legend { /* Equals content h3 */
	padding:0;
	margin:0;
	color:#1F7092;
	font-weight:bold;
	font-size: 12px;
/*	    margin: 10px 0 0 -9px;
    color: #1F7092;
    font-weight: bold;*/
}

div.input {
    margin-top: 12px;
    width: 275px;
    clear: both;
    /*overflow: hidden;*/
    float: left;
}

div.input.text,
div.input.password,
div.input.select,
div.input.textare {
    width: 305px;
}

div.fields {
    width: 290px;
    float: left;
}

/* Inputs */
input, select, textarea {
    border: 1px solid #ccc;
    padding: 2px 4px;
    font-family: Verdana, "Lucida Grande", Arial;
    font-size: 12px;
    color: #333;
}

div.input.text input, div.input.password input, div.input.select select {
    float: left;
}

div.inputmediumFirst{
    width: 260px;
    font-size: 12px;
}

div.inputmedium{
    width: 260px;
    margin-top: 28px;
    font-size: 12px;
}

div.inputmediumFirst.text input, div.inputmedium.text input, div.inputmedium.password input, div.inputmedium.select select {
    float: left;
    width: 240px;
}

input, select {
    width: 265px;
    /*height: 22px; is 16px in Quirks */
    height: 16px;
}

select {
    height: 22px;
    width: 275px;
}

input.imagebutton {
    height: auto;
}

textarea {
    width: 265px;
	height: 160px;
}

.input.checkbox input.checkbox,
.input.radio input, input.watchlist {
    border: none;
    clear: both;
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 1px;
}

form .image input {
    margin-top: 20px;
}

form .required label:after {
    content: "";
}

form .required.radio label:after {
    content: "";
}


/* Exceptions */

div.input.zip_exception {
    float: left;
    width: 70px;
}

div.input.zip_exception input {
    width: 60px;
}

div.input.city_exception {
/*    float: left;*/
    clear: none;
    width: 210px;
    margin-left: 25px;
}

div.input.city_exception input {
    width: 170px;
}

div.input.text.zip_exception .error-message {
    width: auto;
}

div.input.text.city_exception .error-message {
    width: 170px;
}

/* Date Fields */
.input.date select {
    /* I have no idea why 22px are 16px here. That's just weird. */
    height: 22px;
    width: 70px;
    float: left;
    margin-right: 5px;
}

/* Focus */

.text input:focus,
.password input:focus,
select:focus,
textarea:focus,
.text input:hover,
.password input:hover,
select:hover,
textarea:hover {
    border-color: #999;
    background-color: #eef7fb;
}

/* Labels */

.text label,
.password label,
.select label,
.date label,
.textarea label {
    display: block;
}

.input.checkbox label,
.input.radio label {
    float: right;
    /* margin-left: 5px; */
    width: 250px;
    font-size: 11px;
}

.input.checkbox label {
    padding-top: 3px;
}

.radio label {
    margin-top: 1px;
}    

/* Errors */

.error.text input,
.error.password input,
.error select
.error textarea,
.form-error,
.error.checkbox input.checkbox {
    background-color: #fae9e6;
}

form .error-message {
    clear: both;
    font-size: 11px;
    color: #d63821;
}

form .text .error-message,
form .password .error-message,
form .textarea .error-message {
    margin: 0;
    width: 265px;
}

.error.checkbox {
    background-color: #FAE9E6;
}

form .checkbox .error-message {
	float: right;
	width: 250px;
}

/* Radio boxes */
.input.radio {
    /* Equals to the margin (2px) + the padding (7px). */
    margin-left: -9px;
    /* 1px space between to options */
    line-height: 17px;
}

.input.radio label {
    width: 150px;
}

/* AUCTION FORMS */

.setNum input {
    float:left;
    border:0;
    width:28px;
}

.setNum .setNumButtons {
    float:left;
}

.setNum .setNumButtons img {
    clear:both;
    float:left;
    border:0;
}

/* BID BUY */

.bidBuy input[type=radio] {
    float:none;
    width:auto;
    margin:10px 2px 10px 0;
}

.bidBuy label {
    float:none;
    width:auto;
    padding:0 12px 0 0;
}

/* SIDEBAR */

.sidebarContent fieldset {
    padding:0 8px;
    margin:0;
}

.sidebarContent input {
    border:1px solid #66818c;
    width: 162px;
    padding:3px 5px;
    margin:3px 0;
}

.sidebarContent fieldset legend {
    display: none;
}

.sidebarContent .imagebutton {
    margin-top:5px;
    border:0;
    width:auto;
    padding:0;
    float:right;
}

/* SPOTLIGHT AUCTION */

.spotlight input {
    display:block;
    margin:auto;
    margin-top:15px;
}

/* AUCTION DETAIL */

.auctionDetail .auctionSetBidCount input {
    float:left;
    height:14px;
    border:0;
    width:28px;
    padding:2px 4px;
    margin: 1px 0;
}

.auctionDetail .auctionSetBid input {
    display:block;
    margin:0 0 0 5px;
    padding:0;
    width:auto;
}


/* LIVE AUCTION */

.liveAuctionItem input,
.liveAuctionItem .imagebutton {
    display:block;
    margin:auto;
    margin-top:8px;
    float:none;
}


/* Exceptions */

.content.register div.input {
/*    overflow: hidden;*/
}

.registerExtra {
	background-color: #BDE0EE; 
	padding: 10px 0px 44px 10px;
}

.nofieldsets legend {
    display: none;
}

.nofieldsets {
    margin: 0;
}

.nofieldsets fieldset {
    padding: 0;
    margin: 0;
}

#UserGender {
    width: 70px;
}

/* Help Boxes */
.helpBoxWrapper {
    margin: 3px 0 0 15px;
    float: left;
    position: relative;
}

/* Help Box on the auction detail page */
.tabMenu .helpBoxWrapper {
    float: right;
    margin: 0;
}

.paymentTip {
    margin: -6px 0 0 40px;
    font-weight: normal;
    text-align: left;
    line-height: normal;
    position: absolute;
    width: 30px;
    height: 1px;
}

.helpBoxWrapper .icon {
    width: 15px;
    height: 15px;
    background: transparent url('/img/question_mark.png') scroll no-repeat;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.helpBoxWrapperLarge {
    margin: 1px 27px 0 15px;
    float: right;
    position: relative;
}

.helpBoxWrapper .iconLarge {
    width: 25px;
    height: 15px;
    background: transparent url('/img/question_mark_large.png') scroll no-repeat;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.helpBoxWrapper .helpBox {
    position: absolute;
    width: 308px;
    z-index: 1;
    top: -5px;
    left: -5px;
}

.helpBoxWrapper .helpBox.left {
    position: absolute;
    width: 308px;
    z-index: 1;
    top: -5px;
    left: -280px;
}

.helpBoxWrapper .helpBox .top {
    background: transparent url('/img/tooltip_sprite.png') 0 0 scroll no-repeat;
    width: 308px;
    height: 8px;
    overflow: hidden;
}

.helpBoxWrapper .helpBox .contentHelp {
    width: 286px;
    border: 1px solid #1E7191;
    border-top: none;
    border-bottom: none;
    background-color: #BCE0EE;
    padding: 2px 10px;
    font-size: 10px;
    text-align: left;
}

.helpBoxWrapper .helpBox .contentHelp .spacer {
    width: 15px;
    height: 5px;
    float: left
}

.helpBoxWrapper .helpBox .contentHelp .spacerLarge {
    width: 25px;
    height: 5px;
    float: left
}

.helpBoxWrapper .helpBox .bottom {
    background: transparent url('/img/tooltip_sprite.png') 0 -8px scroll no-repeat;
    width: 308px;
    height: 8px;
    overflow: hidden;
}

.buttonContainer {
    clear: both;
}

.registerCheck {
	clear: both;
	padding-top: 10px;
}