/**
 * stylesheet.module.content.css
 * Clubbyclub module Content 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)
 */

/* HOME */
div.moduleContentHome
{
	margin-left				: 15px;
	margin-right			: 15px;
    width                   : 908px;
}

div.moduleContentHome div.leftColumn
{
	float					: left;	
	width					: 48%;
	
	padding-right			: 20px;	
	border-right			: 1px solid #B8B4c5;
}

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

div.moduleContentHome div.content
{
    clear                   : both;
    width                   : 100%;
    position                : relative;
    top                     : 20px;
    text-align              : center;
    font-size               : 14px;
    font-weight             : bold;

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

div.moduleContentHome div.groups
{
    
}

div.moduleContentHome div.groups div.group
{
    width                   : 135px;
    float                   : left;
    margin-left             : 23px;
    margin-right            : 23px;
    margin-bottom           : 20px;

    _margin-left            : 20px;
    _margin-right           : 19px;
}

div.moduleContentHome div.groups span.groupImageWrap
{
	display					: block;
	width					: 135px;
	height					: 135px;

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

	background-color		: #000000;

	cursor					: pointer;
}

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

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

div.moduleContentHome div.groups span.groupImage
{
	display					: table-cell;
	width					: 135px;
	height					: 135px;

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

	vertical-align			: middle;
	text-align				: center;

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

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

div.moduleContentHome a.actionA
{
	display					: block;
	border-top				: 1px solid #d2d4d3;
	background-color		: #e5e6eb;
	padding					: 3px 0 3px 10px;
}

div.moduleContentHome a.actionB
{
	display					: block;
	border-top				: 1px solid #d2d4d3;
	padding					: 3px 0 3px 10px;
}

/* INDEX */
div.moduleContentIndex
{
	margin-left				: 15px;
	margin-right			: 15px;
    width                   : 908px;
}

div.moduleContentIndex table.indexTable
{
	width					: 100%;
}

/* FAQ */
a.dark_u
{
	text-decoration			: underline;
}

a.dark_u:hover
{
	color					: #FF9900;
}

a.dark_u:active
{
	color					: #FF9900;
}

div.faqdiv
{
	display					: none;
	width					: 920px;
	clear 					: both;
}

div.faq
{
	width					: 920px;
	padding					: 5px;
}