/* CSS Document */
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.sideHeader
{
	width: 626px;
	height: 60px;
	background-image: url( '../images/seomain_header.gif' );
	background-repeat: no-repeat;
	float: left;
}

.sideBody
{
	width: 626px;
	background-image: url( '../images/seomain_body.gif' );
	background-repeat: repeat-y;
	float: left;
}

.sideFooter
{
	width: 626px;
	height: 31px;
	background-image: url( '../images/seomain_footer.gif' );
	background-repeat: no-repeat;
	float: left;
}

/*********************************************
 * * Dialog CSS
 * **********************************************/

.dialogWrap
{
	width: 624px;
	float: left;
}

.dialogHeader
{
	width: 624px;
	float: left;
}

.middletxt
{
	width: 500px;
	padding-left: 10px;
}

.dialogBody
{
	float: left;
}

#dialogBox
{
}

.dialogQABox
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
}

.dialogQuestion
{
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	float: left;
	font-weight: bold;
	color: #333;
}
.dialogAnswer
{
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	float: left;
	color: #333;
}

.dialogButton
{
	margin-top:50px;
}

.dialogFooter
{
}

/********************************************
 * *  Dialog Input
 * *********************************************/

input
{
	font-size: 11px;
}

select
{
	font-size: 11px;
}

input.email, input.default, input.name, input.company, input.text-field
{
	margin: 0;
	width: 200px;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: #fff url( '../images/fieldbg.gif' ) repeat-x top;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

input.fname, input.lname
{
	margin: 0;
	width: 200px;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: #fff url( '../images/fieldbg.gif' ) repeat-x top;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

input.phone
{
	margin: 0;
	width: 200px;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: #fff url( '../images/fieldbg.gif' ) repeat-x top;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

input.zip
{
	width: 70px;
}

textarea.textarea
{
	width: 250px;
}

select.title
{
	width: 70px;
}

select.state
{
	width: 150px;
}

select.drop-down
{
	margin: 0;
	width: 150px;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: #fff url( '../images/fieldbg.gif' ) repeat-x top;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

input.number-field
{
	width: 150px;
}

.radio 
{
	margin-right:10px;
	margin-top:5px;
}

input.checkbox
{
	margin-right: 10px;
}
input.radio
{
	margin-right: 10px;
}
/****************************************************************************
 * * BUTTON INPUT
 * * You can overwrite all button my replace the url inside the background-image
 * * Then give the right width and height
 * ****************************************************************************/

input.btn-continue
{
	margin: 0px 0px 0px 0px;
	background-image: url( '../images/btn_next.gif' );
	background-repeat: no-repeat;
	width: 81px;
	height: 20px;
	position: absolute;
	left: 350px;
}

input.btn-finish
{
	display: none;
}

input.btn-back
{
	width: 80px;
	height: 20px;
	background-image: url('../images/button_back.gif');
	background-repeat: no-repeat;
}