/**
 * stylesheet.module.signup.css
 * Clubbyclub module Signup stylesheet
 *
 * Works with: FF, IE6, IE7, Safari, Opera
 *
 * SOME RULES IF YOU EDIT THIS STYLESHEET:
 * #1		Try to keep it working for FF, IE6, IE7, Safari and Opera
 * #2		Try to use as less CSS hacks as possible! If you need to apply hacks, first try other ways of styling! The need to apply a lot of hacks is mostly caused by bad styling!
 * #3		Do not mix id's and classnames! id's should be unique names to elements, classnames to style!
 * #4		Keep things tidy
 * #5		Give the sheet a logical order
 * #6		Do not change the standard properties of items! (Like giving all divs a display : inline :S)
 */
div.moduleSignup
{
	width					: 700px;
	margin-left				: auto;
	margin-right			: auto;	
}

div.moduleSignup form
{
	width					: 100%;
	margin-left				: auto;
	margin-right			: auto;
}

div.moduleSignup form.image
{

}
div.moduleSignup th
{
	text-align				: right;
}

div.moduleSignup table
{	
	width					: 100%;
}

div.photos
{
	clear					: both;
	
	position				: relative;
	top						: 20px;
	left					: 16px;
	margin-bottom			: 30px;
}

div.photos span
{
	margin-right			: 10px;
}

div.moduleSignup div.leftColumn
{
	width					: 48%;
	float 				 	: left;
}

div.moduleSignup div.rightColumn
{
	width					 : 48%;
	float					 : right;
}

div.moduleSignup span.group
{
	display					: block;
	float					: right;
	width					: 75px;
	height					: 110px;
	
	text-align				: center;
	vertical-align			: middle;
}

div.moduleSignup span.imageWrap
{
	display					: block;
	width					: 75px;
	height					: 75px;

    margin-left             : auto;
    margin-right            : auto;

    background-color        : #000000;
}

div.moduleSignup span.ieFix
{
	_width					: 0;
	_height					: 100%;
	_display				: inline-block;
	_vertical-align			: middle;
}

*:first-child+html div.moduleSignup span.ieFix
{
	_width					: 0;
	_height					: 100%;
	_display				: inline-block;
	_vertical-align			: middle;
}

div.moduleSignup span.groupImage
{
	display					: table-cell;
	width					: 75px;
	height					: 75px;
		
	text-align				: center;
	vertical-align			: middle;

	_width					: 100%;
	_height					: auto;
	_display				: inline-block;
	_margin-top				: -2px;
	_margin-bottom 			: -4px;
}

*:first-child+html div.moduleSignup span.groupImage
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

/* Login */
div.moduleSignupLogin
{
	width					: 350px;
	margin-left				: auto;
	margin-right			: auto;
	text-align				: left;
}

div.moduleSignupLogin form
{
	width					: 100%;
}

div.moduleSignupLogin table
{
	width					: 100%;
}

div.moduleSignupLogin th
{
	text-align				: left;
}

div.moduleSignupLostPassword
{
	width					: 350px;
	margin-left				: auto;
	margin-right			: auto;
}

/* From Invite */
div.moduleSignupFromInvite
{
	width					: 700px;
	margin-left				: auto;
	margin-right			: auto;
}

div.moduleSignupFromInvite span.group
{
	display					: block;
	float					: left;
	width					: 75px;
	height					: 110px;
	
	text-align				: center;
	vertical-align			: middle;
}


div.moduleSignupFromInvite span.imageWrap
{
	display					: block;
	width					: 75px;
	height					: 75px;

	margin-left				: auto;
	margin-right			: auto;

	background-color		: #000000;
}

div.moduleSignupFromInvite span.ieFix
{
	_width					: 0;
	_height					: 100%;
	_display				: inline-block;
	_vertical-align			: middle;
}

*:first-child+html div.moduleSignupFromInvite span.ieFix
{
	width					: 0;
	height					: 100%;
	display                 : inline-block;
	vertical-align			: middle;
}

div.moduleSignupFromInvite span.image
{
	display					: table-cell;
	width					: 75px;
	height					: 75px;
		
	text-align				: center;
	vertical-align			: middle;

	_width					: 100%;
	_height					: auto;
	_display				: inline-block;
	_margin-top				: -2px;
	_margin-bottom 			: -4px;
}

*:first-child+html div.moduleSignupFromInvite span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

div.moduleSignupFromInvite span.content p
{
    margin-left             : 20px;
}