/* CSS Document */
html,
body
{
	padding:			0;
	margin:				0;
	font:				11px Verdana, Arial, Helvetica, sans-serif;
	color:				#4a0f83;
}

#wrapper
{
	position:			relative;
	margin:				0 auto;
	width:				639px;
	height:				600px;
	overflow:			auto;
	background:			url("/assets/images/footer.png") bottom no-repeat;
}

#body
{
	padding:			30px;
	padding-right:		139px;
	min-height:			400px;
	_height:			400px;
	background:			url("/assets/images/girl.jpg") no-repeat 500px 65px;
}

/*=======================================
	GLOBALS
========================================*/
p
{
	margin:				0;
	padding:			10px 0;
}

img
{
	border:				none;
}

a
{
	color:				#c40180;
	text-decoration:	none;
}

a:hover
{
	text-decoration:	underline;
}

fieldset
{
	border:				none;
	padding:			0;
	margin:				0;
}

form
{
	padding:			0;
	margin:				0;
}

ul
{
	padding:			0;
	margin:				0 0 0 20px;
}

/*=======================================
	MARGINS
========================================*/
.noMargin
{
	margin:				0 !important;
}

.noMarginTop
{
	margin-top:			0 !important;
}

.margin
{
	margin:				20px !important;
}

.marginTop
{
	margin-top:			20px !important;
}

.marginBottom
{
	margin-bottom:		20px !important;
}

.marginLeft
{
	margin-left:		20px !important;
}

.marginRight
{
	margin-right:		20px !important;
}

.marginSmall
{
	margin:				10px !important;
}

.marginSmallTop
{
	margin-top:			10px !important;
}

.marginSmallBottom
{
	margin-bottom:		10px !important;
}

.marginSmallLeft
{
	margin-left:		10px !important;
}

.marginSmallRight
{
	margin-right:		10px !important;
}

.marginLarge
{
	margin:				30px !important;
}

.marginLargeTop
{
	margin-top:			30px !important;
}

.marginLargeBottom
{
	margin-bottom:		30px !important;
}

.marginLargeLeft
{
	margin-bottom:		30px !important;
}

.marginLargeRight
{
	margin-right:		30px !important;
}

.noPadding
{
	padding:				0 !important;
}

.noPaddingTop
{
	padding-top:			0 !important;
}

.padding
{
	padding:				20px !important;
}

.paddingTop
{
	padding-top:			20px !important;
}

.paddingBottom
{
	padding-bottom:		20px !important;
}

.paddingLeft
{
	padding-bottom:		20px !important;
}

.paddingRight
{
	padding-right:		20px !important;
}

.paddingSmall
{
	padding:				10px !important;
}

.paddingSmallTop
{
	padding-top:			10px !important;
}

.paddingSmallBottom
{
	padding-bottom:		10px !important;
}

.paddingSmallLeft
{
	padding-bottom:		10px !important;
}

.paddingSmallRight
{
	padding-right:		10px !important;
}

.paddingLarge
{
	padding:			30px !important;
}

.paddingLargeTop
{
	padding-top:		30px !important;
}

.paddingLargeBottom
{
	padding-bottom:		30px !important;
}

.paddingLargeLeft
{
	padding-bottom:		30px !important;
}

.paddingLargeRight
{
	padding-right:		30px !important;
}

/*=======================================
	GENERALS
========================================*/
.main
{
	position:			relative;
	width:				430px;
	margin:				20px;
}

.overflow
{
	overflow:			hidden;
}

.bold
{
	font-weight:		bold;
}

.absolute
{
	position:			absolute;
}

.relative
{
	position:			relative;
}

.top
{
	top:				0;
}

.bottom
{
	bottom:				0;
}

.bottom_ie6
{
	_bottom:			-1px;
}

.left
{
	left:				0;
}

.right
{
	right:				0;
}

.width
{
	width:				428px;
}

.block
{
	display:			block;
}

.background_pink
{
	background:			#fac7e0;
}

.background_blue
{
	background:			#addac6;
}

input.button,
img.button
{
	position:			absolute;
	bottom:				0;
	right:				0;
	z-index:			1;
}

div.box
{
	position:			relative;
	padding:			0 10px;
	width:				410px;
}

div.cornerContainerTop,
div.cornerContainerBottom
{
	position:			relative;
	width:				408px;
	height:				11px;
	margin:				0 11px;
}

div.cornerContainerTop .left,
div.cornerContainerBottom .left
{
	position:			absolute;
	left:				-11px;
}

div.cornerContainerTop .right,
div.cornerContainerBottom .right
{
	position:			absolute;
	right:				-11px;
}

/*=======================================
	QUESTION PAGE
========================================*/
div.question
{
	position:			relative;
	height:				62px;
}

#answer div.row
{
	overflow:			hidden;
	padding:			10px 0 0 0;
}

#answer fieldset.answer
{
	position:			relative;
	float:				left;
	width:				188px;
	height:				90px;
	padding:			10px;
	margin-right:		10px;
	background:			url("/assets/images/btn.png") no-repeat top left;
	color:				#017763;
}

#answer input.radio
{
	position:			absolute;
	bottom:				20px;
	left:				0;
	*bottom:			10px;
	*left:				10px;
	padding:			0;
	margin:				0;
}

#answer fieldset.submit
{
	margin-top:			10px;
	text-align:			right;
}

.processing
{
	margin-top:			200px;
	text-align:			center;
}

/*=======================================
	FORMS
========================================*/
label.general
{
	float:				left;
	width:				100px;
	text-align:			left;
	font-weight:		bold;
	color:				#c40180;
	margin:				2px 0 0 0;
}

input.textField
{
	border:				1px solid #c40180;
	width:				173px;
	font-size:			11px;
	padding-left:		2px;
}


/*=======================================
	PROFILE PAGE
========================================*/
div.comp
{
	margin-right:		60px;
}

/*=======================================
	REGISTER PAGE
========================================*/
#register #errors
{
	color:				#FF0000;
	font-weight:		bold;
	text-align:			center;
	margin-bottom:		10px;
}

#register form select
{
	vertical-align:		middle;
}

#register form .submit
{
	margin-left:		20px;
	vertical-align:		middle;
}

#register p.underage
{
	margin-right:		80px;
	padding-bottom:		0;
}

form#registerForm fieldset fieldset
{
	margin-bottom:		5px;
}

/*=======================================
	REGISTER PAGE
========================================*/
form#referForm fieldset
{
	margin-bottom:		15px;
}

form#referForm fieldset fieldset
{
	margin-bottom:		5px;
}


/*=======================================
	PREVIEW PAGE
========================================*/
form#previewForm
{
	position:			absolute;
	bottom:				75px;
	right:				180px;
}