﻿html, body, form {
    height:auto;
}

#passwdmsg
{
	display:none;
}

.fieldbox #typeacttext
{
	border-top:0;
}

.fieldbox .bgrnd
{
	padding-bottom:10px;
}

#btnProfileReg
{
	margin-right:5%;
	margin-bottom:15px;
}

.formfieldrequiredstar
{
	padding-left:4px !important;
	margin:0px !important;
	color:red;
	float:left;
	width:auto !important;
	height:auto !important;
	display:table;
}

.fieldbox.tabitem.calign
{
	margin-top:0;
}

.tabitem.btnbar, .reset.btnbar
{
	clear: both;
	text-align:right;
}

.tabitem .buttons-orange
{	
	width:130px;	
}

.reset .buttons-orange
{	
	width:160px;	
}

/* form fields */

.fieldbox
{	
	width:100%;
	margin:0;
	padding:0;		
	display:table;
}

.fieldbox li
{
	display:inline-block;
	vertical-align: top;	
}

.fieldbox label
{
	display:inline-block;		
	line-height:18px;
	margin-right:5px;	
	color:black;
	font-weight:bold;	
}

label.error {
	color: #cc0000;	
	font-weight: bold;
}

.fieldbox label.error {	
	width:100% !important;	
}

.fieldbox li label.fwidth, .fieldbox.fwidth li
{
	width:100% !important;
}

.fieldbox input, .fieldbox select, .fieldbox textarea
{
	display:inline-block;
	margin-bottom:8px;
	background:#fff;
	color:#000;
}

.fieldbox select
{
	height:50px;
}

.fieldbox textarea
{	
	height:110px;
}

.fieldbox select
{	
	padding:16px 5px;	
}

.fieldbox select option
{
	padding:0px 5px 1px 5px;
}

.fieldbox input.txt
{
	padding:16px 5px;
}

.fieldbox span.lbl
{
	display:inline-block;		
	line-height:18px;
	margin-right:5px;
	height:auto;
	padding:0;
	text-transform:none;	
}

#auctionend, #aucmsg
{
	display:block;
	float:right;	
}

.btnbar
{
	margin-top: 30px;
}

.btnbar .error, #searchresults
{
	padding-right:25px;	
}

.smtitle
{
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:20px;
}

.calign
{
	text-align:center;
}

.tabstandard
{	
	margin:0;
	width:98%;
	padding:36px 0 20px 2%;
}

#cbxtandc span, #cbxtandc a
{
	display:block;
	float:left;
}

#cbxtandc a, #cbxtandc span.tandc
{
	margin-top: 13px;
	margin-left:7px;
}

#cbxtandc span.tandc
{
	height:auto;
	padding:0;
}

/* checkboxes */

.yesnoclick span, .filterclick span
{		
	height:48px;
	padding:13px 0 0 32px;	
}

.yesnoclick.fwidth span
{		
	width:100%;
}

.noclick, .yesclick
{
	display:inline-block;
	cursor:pointer;
}
	
.noclick 
{
	background: url(/gfx/form_cbuncheck.png) no-repeat 0 5px;
}

.yesclick 
{
	background: url(/gfx/form_cbcheck.png) no-repeat 0 5px;
}

#cbxmemuse span
{
	width:100%;
}

.green
{	
	color:#b3d782;	
}

.reqbox
{
	padding:5px;
	border:1px solid red;
}

.fieldbox.col2 li input.txt.dobsm
{
	width:35px !important;
	text-align:center;
}

.fieldbox.col2 li input.txt.doblg
{
	width:45px !important;
	text-align:center;
}

.tareabox
{
	height:110px;
}

.tareabox:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.tareabox lable, .tareabox span
{
	height:18px;
	vertical-align: middle;
}

.tareabox textarea
{	
	vertical-align: middle;
}

@media only screen and (min-width:1200px)
{
	.yesnoclick.lg span
	{		
		max-width:calc(25% - 32px);
		width:calc(25% - 32px);
	}	
}

@media only screen and (max-width:1199px)
{
	
}

@media only screen and (min-width:1121) {
	
}


@media only screen and (max-width:1199px) and (min-width:830px)
{	
	.yesnoclick.lg span
	{		
		max-width:calc(33% - 32px);
		width:calc(33% - 32px);
	}
}

@media only screen and (max-width:965px) 
{
	
}

@media only screen and (max-width:829px) and (min-width:600px) 
{
	.yesnoclick.lg span 
	{
		max-width: calc(50% - 32px);
		width: calc(50% - 32px);
	}
}

@media only screen and (max-width:829px) and (min-width:720px)
{
	
}

@media only screen and (min-width:821px) 
{
	
}

@media only screen and (min-width:821) and (max-width:1120px) {
	
}

@media only screen and (max-width:820px)
{
		
}

@media only screen and (max-width:770px)
{
	
}

@media only screen and (max-width:720px)
{
	
}

@media only screen and (min-width:925px)
{
	.fieldbox.col2 li label, .fieldbox.col1 li label
	{
		width:22%;
		margin-right:2%;
	}

	.fieldbox.col3 li label
	{
		width:20%;
		margin-left:5%;
	}

	.fieldbox.col3 li select, .fieldbox.col3 li input.txt,	
	{
		width:70%;
	}

	.fieldbox.col2 li input.txt, .fieldbox.col2 li select, .fieldbox.col2 li textarea,
	.fieldbox.col1 li input.txt, .fieldbox.col1 li select, .fieldbox.col1 li textarea
	{
		width:65%;
	}	
}

@media only screen and (min-width:601px) and (max-width:924px)
{	
	.fieldbox.col2 li label, .fieldbox.col1 li label
	{
		width:100px;
	}
				
	.fieldbox.col2 li input.txt, .fieldbox.col2 li select, .fieldbox.col2 li textarea,
	.fieldbox.col1 li input.txt, .fieldbox.col1 li select, .fieldbox.col1 li textarea
	{
		width:235px;
	}	
}

@media only screen and (min-width:600px)
{
	#fullform
	{
		padding:30px 0;
	}

	.fieldbox.col2 li
	{
		width:50%;
		float:left;
	}
	
	.yesnoclick.med span
	{		
		width:240px;
	}

	.smtitle.lpad
	{
		padding-left: 140px;
		padding-top:14px;
	}

	.fieldbox li label.medp
	{
		width:25%;
		max-width:130px;
	}

	.fieldbox textarea.med
	{	
		width:73%;	
	}

	.fieldbox.tabitem
	{
		margin-top:20px;
	}

	.fieldbox.fwidth li label
	{
		width:30%;
	}

	.fieldbox.fwidth li textarea
	{
		width:65%;
	}
	
	#registerbttbox
	{
		width:14%;
		float:right;
		clear:both;
	}
	
	#registerbttbox
	{		
		width:100%;
		display:block;
		margin-top:0px;
	}
	
	.fieldbox .formfieldrequiredstar
	{
		float:none;
		display:inline-block;
	}

	.fieldbox h2
	{
		color:#000;
		padding-left:7px;
	}	
}

@media only screen and (max-width:599px)
{
	.starmarrig
	{
		margin-right:0px !important;
	}

	.fieldbox .formfieldrequiredstar
	{
		display:none;
	}
	
	.yesnoclick.lg span
	{				
		width:100%;
	}

	.yesnoclick.med span
	{		
		width:100%;
	}

	.fieldbox li, .fieldbox label, .fieldbox input.txt, .fieldbox select, .fieldbox textarea
	{
		width:100%;		
	}

	.fieldbox input.txt, .fieldbox select, .fieldbox textarea
	{
		margin-bottom:15px;
	}

	.smtitle
	{		
		margin-top:20px;
	}	
}

@media only screen and (max-width:480px)
{
	
}