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

/* MODULE */
div.moduleGroupsFull
{
	width					: 620px;
}

div.moduleGroups
{
	width					: 752px;
}

/*div.moduleGroups a:visited
{
    color                   : #CCCCCC;
}*/

/* FIRST TIME */
div.moduleGroups div.firstTime div.moduleGroups
{
	margin-left				: auto;
	margin-right			: auto;
	width					: 732px;
}

div.moduleGroups div.firstTime div.moduleMyProfile
{
	margin-left				: auto;
	margin-right			: auto;
	width					: 732px;
}

div.moduleGroups div.firstTime span.right
{
	float					: right;
}

div.moduleGroups div.firstTime div.moduleGroupsImodulePhotosCaseUpload textarea
{
	width					: 470px;
	_width					: 456px;
}

/* GROUPS MENU  */
div.groupsMenuBlock
{
	padding					: 0px;
}

div.groupsMenuBlock ul
{
	text-transform 			: none;

	margin					: 0px;
	margin-top				: 10px;

	padding					: 0px;
	padding-left			: 20px;

	list-style-type			: circle;
	list-style-image		: url('../graphics/icons/dot-orange.gif');
}

div.groupsMenuBlock ul li.category
{
	margin-left				: -14px;

	list-style-type			: none;
	list-style-image		: none;

	font-weight				: bold;
}

div.groupsMenuBlock ul li.suggest
{
	list-style-type			: circle;
	list-style-image		: url('../graphics/icons/plus-green.gif');
}

div.groupsMenuBlock ul li.suggest a
{
	color					: #61D329;
}

div.groupsMenuBlock ul li.suggest a:hover
{
	text-decoration			: underline;
}

div.groupsMenuBlock ul a
{
	display					: block;

	padding-top				: 5px;

	_padding 				: 0;
	_margin-top 			: 5px;
	_height 				: 12px;

	text-decoration			: none;
}

div.groupsMenuBlock a.active
{
	color					: #FF9900;
}

div.groupsMenuBlock ul  li.active a
{
	color					: #FF9900;
}

div.groupsMenuBlock ul.clear
{
	list-style-type			: none;
	list-style-image		: none;

	padding-left			: 8px;
}

div.groupsMenuBlock ul.clear li
{
}

div.groupsMenuBlock ul.clear li a {
}

div.groupsMenuBlock ul.clear li img.icon
{
}

div.groupsMenuBlock ul.clear a
{
	display					: inline;
	line-height 			: 19px;
}

div.groupsMenuBlock ul.clear img
{
	vertical-align 			: middle;
	line-height 			: 19px;
}

div.groupsMenuBlock span.groupDetails
{
	display					: block;
	width					: 100%;
	text-align				: center;
}

div.groupsMenuBlock span.groupDetails a
{
	font-size				: 10px;
}

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

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

	background-color		: #000000;

	cursor					: pointer;
}

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

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


div.groupsMenuBlock 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.groupsMenuBlock span.groupImage
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

div.groupsMenuBlock font.groupImageCaption
{
	font-size				: 10px;
}

/* GROUPS COMMENTS */
div.moduleGroupsComments
{
	margin-top				: 30px;
}

/* GROUPS MODULE ACTIONS */
div.action
{
	width					: 100%;

	border-bottom			: 1px solid #CCCCCC;
	margin-bottom			: 10px;
}

div.action div.spacer
{
	clear					: both;
	height					: 15px;
}

div.action span.userDetails
{
	display					: block;
	float					: left;
	width					: 85px;
	height					: 100px;
	text-align				: center;
}

div.action span.userDetails a
{
	font-size				: 10px;
}

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

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

	background-color		: #000000;
}

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

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

div.action span.userDetails span.image
{
	display					: table-cell;
	width					: 75px;
	height					: 75px;

	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.action span.userDetails span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

div.action span.content
{
	float 					: left;
	display					: block;
	width					: 390px;
	z-index					: 10;
	margin-left				: 20px;
}

div.action span.content p
{
	_margin-top				: 10px;
}

*:first-child+html div.action span.content p
{
	margin-top				: 10px;
}

div.action span.content span.title
{
	font-size				: 10px;
}

div.action span.actionDetails
{
	float					: right;
}

div.action span.comments
{
	float					: right;
	height 					: 30px;
	text-align				: right;
	vertical-align 			: bottom;
	margin-top 				: -30px;
	z-index 				: 1;
}

div.action span.albumComments
{
	float					: right;
	text-align				: right;
	margin-top 				: -15px;
	z-index 				: 1;
}

div.action span.photo
{
	display					: block;
	float					: left;
	width					: 100px;
	height					: 130px;
	text-align				: center;

	margin-left				: 0px;
	margin-right			: 30px;
	_margin-right 			: 23px;
}

div.action span.photo span.imageWrap
{
	display					: block;
	width					: 100px;
	height					: 100px;

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

	border					: 1px solid #CCCCCC;
}

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

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

div.action span.photo span.image
{
	display					: table-cell;
	width					: 100px;
	height					: 100px;

	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.action span.photo span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

/* IMODULE FRIENDS > CASE INVITE */
div.moduleGroupsImoduleFriendsCaseInvite
{
	width					: 440px;
}

div.moduleGroupsImoduleFriendsCaseInvite div.messengers span.messenger
{

}

div.moduleGroupsImoduleFriendsCaseInvite textarea
{
	width					: 99%;
	height					: 80px;
}

div.moduleGroupsImoduleFriendsCaseInvite table.contacts
{
	width					: 430px;
	font-size				: 10px;
}

div.moduleGroupsImoduleFriendsCaseInvite div#progressBar
{
	display					: none;
}

/* IMODULE FRIENDS > CASE OPENINVITES */
div.moduleGroupsImoduleFriendsCaseOpenInvites
{
	width					: 440px;
}

div.moduleGroupsImoduleFriendsCaseOpenInvites table
{
    width                   : 100%;
}

div.moduleGroupsImoduleFriendsCaseOpenInvites table td.action
{
    text-align              : right;
}

div.moduleGroupsImoduleFriendsCaseOpenInvites textarea
{
	width					: 99%;
	height					: 80px;
}

/* IMODULE MEMBER > CASE MEMBER */
div.moduleGroupsImoduleMemberCaseMember
{
	width					: 603px;
	margin-left				: 13px;
}

div.moduleGroupsImoduleMemberCaseMember span.image
{
	float					: left;
	display					: block;
	width					: 160px;
	height					: 150px;
}

div.moduleGroupsImoduleMemberCaseMember span.details
{
	margin-left				: 10px;
}

div.moduleGroupsImoduleMemberCaseMember div.privateMessage
{
    display                 : none;
    margin-top              : 10px;
}

div.moduleGroupsImoduleMemberCaseMember div.privateMessage input
{
    width                   : 520px;
}

div.moduleGroupsImoduleMemberCaseMember div.privateMessage textarea
{
    width                   : 520px;
    height                  : 100px;

	font-family				: Arial, Helvetica, sans-serif;
	font-size 				: 12px;
}

/* IMODULE DETAILS > CASE PICTURE */
div.moduleGroupsImoduleDetailsCasePicture
{
}

div.moduleGroupsImoduleDetailsCasePicture table
{
	width					: 100%;
}

div.moduleGroupsImoduleDetailsCasePicture td.image
{
	width					: 150px;
	height					: 150px;
	background-color		: #000000;
	vertical-align			: middle;
	text-align				: center;
}

div.moduleGroupsImoduleDetailsCasePicture td.image img
{
	vertical-align			: middle;
	text-align				: center;
}

div.moduleGroupsImoduleDetailsCasePicture div#progressBar
{
	display					: none;
}

/* IMODULE MESSAGES > CASE OVERVIEW */
div.moduleGroupsImoduleMessagesCaseOverview div.message
{
	width					: 100%;

	border-bottom			: 1px solid #CCCCCC;
	margin-bottom			: 10px;
}

div.moduleGroupsImoduleMessagesCaseOverview div.message div.spacer
{
	clear					: both;
	height					: 15px;
}

div.moduleGroupsImoduleMessagesCaseOverview div.message span.userDetails
{
	display					: block;
	float					: left;
	width					: 85px;
	height					: 100px;
	text-align				: center;
}

div.moduleGroupsImoduleMessagesCaseOverview div.message span.userDetails a
{
	font-size				: 10px;
}

div.moduleGroupsImoduleMessagesCaseOverview div.message span.userDetails span.imageWrap
{
	display					: block;
	width					: 75px;
	height					: 75px;

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

	background-color		: #000000;
}

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

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

div.moduleGroupsImoduleMessagesCaseOverview div.message span.userDetails span.image
{
	display					: table-cell;
	width					: 75px;
	height					: 75px;

	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.moduleGroupsImoduleMessagesCaseOverview div.message span.userDetails span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

div.moduleGroupsImoduleMessagesCaseOverview div.message span.content
{
	float 					: left;
	display					: block;
	width					: 390px;
	z-index					: 10;
	margin-left				: 20px;
}

div.moduleGroupsImoduleMessagesCaseOverview div.message span.content p
{
	_margin-top				: 10px;
}

*:first-child+html div.moduleGroupsImoduleMessagesCaseOverview div.message span.content p
{
	margin-top				: 10px;
}

div.moduleGroupsImoduleMessagesCaseOverview div.message span.content span.title
{
	font-size				: 10px;
}

div.moduleGroupsImoduleMessagesCaseOverview div.message span.actionDetails
{
	float					: right;
}

div.moduleGroupsImoduleMessagesCaseOverview div.message span.comments
{
	float					: right;
	height 					: 30px;
	text-align				: right;
	vertical-align 			: bottom;
	margin-top 				: -30px;
	z-index 				: 1;
}

/* IMODULE VIDEOS > CASE UPLOAD */
div.moduleGroupsImoduleVideosCaseUpload
{
    margin-left             : auto;
    margin-right            : auto;
}

div.moduleGroupsImoduleVideosCaseUpload div.button
{
    text-align              : center;
    float                   : left;
    width                   : 48%;
    cursor                  : pointer;
}

div.moduleGroupsImoduleVideosCaseUpload div.image
{
    width                   : 150px;
    height                  : 150px;
    border                  : 1px solid #000000;
    margin-left             : auto;
    margin-right            : auto;
}

/* IMODULE VIDEOS > CASE YOUTUBE */
div.moduleGroupsImoduleVideosCaseYouTube form
{
	_margin-top				: 0px;
	_margin-bottom 			: 0px;
}

*:first-child+html div.moduleGroupsImoduleVideosCaseYouTube form
{
	margin-top				: 0px;
	margin-bottom 			: 0px;
}

div.moduleGroupsImoduleVideosCaseYouTube input
{
	width 					: 100%;
    _width					: 99%;
}

/* IMODULE VIDEOS > CASE CLUBBY */
div.uploadProgress
{
    display                 : none;
}

div.moduleGroupsImoduleVideosCaseClubby table
{
    width                   : 100%;
}

div.moduleGroupsImoduleVideosCaseClubby input.text
{
	width 					: 100%;
	_width					: 99%;
}

/* IMODULE VIDEOS > CASE OVERVIEW */
div.moduleGroupsImoduleVideosCaseOverview
{
}

div.moduleGroupsImoduleVideosCaseOverview hr
{
	clear					: both;
}

div.moduleGroupsImoduleVideosCaseOverview div.video
{
	width					: 130px;
	height					: 130px;
	float					: left;

	margin-top				: 10px;
	margin-left				: 12px;
	margin-right			: 10px;

	_margin-left			: 8px;
	_margin-right			: 9px;
}

div.moduleGroupsImoduleVideosCaseOverview div.video span.details
{
	font-size				: 10px;
}

div.moduleGroupsImoduleVideosCaseOverview div.video span.actions
{
	display					: block;
	text-align				: right;
}

/* IMODULE PHOTOS > CASE UPLOAD */
div.moduleGroupsImodulePhotosCaseUpload table
{
}

div.moduleGroupsImodulePhotosCaseUpload textarea
{
	width					: 490px;
	_width					: 476px;
	padding					: 5px;

	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}

div.moduleGroupsImodulePhotosCaseUpload div.addAlbum
{
	display					: none;
}

/* IMODULE  PHOTOS > CASE VIEW */
div.moduleGroupsImodulePhotosCaseView span.photo
{
	display					: block;
	width					: 100%;
	text-align				: center;
}

/* IMODULE PHOTOS > CASE OVERVIEW */
div.moduleGroupsImodulePhotosCaseOverview
{
}

div.moduleGroupsImodulePhotosCaseOverview hr
{
	clear					: both;
}

div.moduleGroupsImodulePhotosCaseOverview div.photo
{
	display					: block;

	width					: 110px;
	height					: 135px;
	float					: left;

	margin-top				: 10px;
	margin-left				: 22px;
	margin-right			: 20px;

	_margin-left 			: 16px;
	_margin-right 			: 17px;
}


div.moduleGroupsImodulePhotosCaseOverview div.photo span.imageWrap
{
	display					: block;
	width					: 100px;
	height					: 100px;

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

	border					: 1px solid #CCCCCC;
}

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

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

div.moduleGroupsImodulePhotosCaseOverview div.photo span.imageWrap span.image
{
	display					: table-cell;
	width					: 100px;
	height					: 100px;

	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.moduleGroupsImodulePhotosCaseOverview div.photo span.imageWrap span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

div.moduleGroupsImodulePhotosCaseOverview div.photo span.details
{
	font-size				: 10px;
}

div.moduleGroupsImodulePhotosCaseOverview div.photo span.actions
{
	display					: block;
	text-align				: right;
}

/* IMODULE PHOTOS > CASE ALBUMS */
div.moduleGroupsImodulePhotosCaseAlbums
{
}

div.moduleGroupsImodulePhotosCaseAlbums hr
{
	clear					: both;
}

div.moduleGroupsImodulePhotosCaseAlbums div.album
{
	display					: block;

	width					: 110px;
	height					: 135px;
	float					: left;

	margin-top				: 10px;
	margin-left				: 22px;
	margin-right			: 20px;

	_margin-left 			: 16px;
	_margin-right 			: 17px;

	text-align 				: center;
}


div.moduleGroupsImodulePhotosCaseAlbums div.album span.imageWrap
{
	display					: block;
	width					: 100px;
	height					: 100px;

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

	border					: 1px solid #CCCCCC;
}

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

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

div.moduleGroupsImodulePhotosCaseAlbums div.album span.imageWrap span.image
{
	display					: table-cell;
	width					: 100px;
	height					: 100px;

	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.moduleGroupsImodulePhotosCaseAlbums div.album span.imageWrap span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

div.moduleGroupsImodulePhotosCaseAlbums div.album span.details
{
}

/* IMODULE LINKS > CASE ADD */
div.moduleGroupsImoduleLinksCaseAdd form
{
	_margin-top				: 0px;
	_margin-bottom			: 0px;
}

*:first-child+html div.moduleGroupsImoduleLinksCaseAdd form
{
	margin-top				: 0px;
	margin-bottom 			: 0px;
}

div.moduleGroupsImoduleLinksCaseAdd input
{
	width 					: 92%;
	_width					: 91%;
}

/* IMODULE LINKS > CASE OVERVIEW */
div.moduleGroupsImoduleLinksCaseOverview div.link
{
	width					: 100%;

	border-bottom			: 1px solid #CCCCCC;
	margin-bottom			: 10px;
}

div.moduleGroupsImoduleLinksCaseOverview div.link div.spacer
{
	clear					: both;
	height					: 15px;
}

div.moduleGroupsImoduleLinksCaseOverview div.link span.userDetails
{
	display					: block;
	float					: left;
	width					: 85px;
	height					: 100px;
	text-align				: center;
}

div.moduleGroupsImoduleLinksCaseOverview div.link span.userDetails a
{
	font-size				: 10px;
}

div.moduleGroupsImoduleLinksCaseOverview div.link span.userDetails span.imageWrap
{
	display					: block;
	width					: 75px;
	height					: 75px;

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

	background-color		: #000000;
}

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

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

div.moduleGroupsImoduleLinksCaseOverview div.link span.userDetails span.image
{
	display					: table-cell;
	width					: 75px;
	height					: 75px;

	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.moduleGroupsImoduleLinksCaseOverview div.link span.userDetails span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

div.moduleGroupsImoduleLinksCaseOverview div.link span.content
{
	float 					: left;
	display					: block;
	width					: 390px;
	z-index					: 10;
	margin-left				: 20px;
}

div.moduleGroupsImoduleLinksCaseOverview div.link span.content p
{
	_margin-top				: 10px;
}

*:first-child+html div.moduleGroupsImoduleLinksCaseOverview div.link span.content p
{
	margin-top				: 10px;
}

div.moduleGroupsImoduleLinksCaseOverview div.link span.content span.title
{
	font-size				: 10px;
}

div.moduleGroupsImoduleLinksCaseOverview div.link span.actionDetails
{
	float					: right;
}

div.moduleGroupsImoduleLinksCaseOverview div.link span.comments
{
	float					: right;
	height 					: 30px;
	text-align				: right;
	vertical-align 			: bottom;
	margin-top 				: -30px;
	z-index 				: 1;
}

/* IMODULE APPOINTMENTS > CASE ADD */
div.moduleGroupsImoduleAppointmentsCaseAdd table
{
	width					: 100%;
}

div.moduleGroupsImoduleAppointmentsCaseAdd th
{
	width					: 10%;
}

div.moduleGroupsImoduleAppointmentsCaseAdd input.text
{
	width 					: 98%;
	_width					: 97%;
}

/* IMODULE APPOINTMENTS > CASE EDIT */
div.moduleGroupsImoduleAppointmentsCaseEdit table
{
	width					: 100%;
}

div.moduleGroupsImoduleAppointmentsCaseEdit th
{
	width					: 10%;
}

div.moduleGroupsImoduleAppointmentsCaseEdit input.text
{
	width 					: 98%;
	_width					: 97%;
}

/* IMODULE APPOINTMENTS > CASE VIEW */
div.moduleGroupsImoduleAppointmentsCaseView span.left
{
	float					: left;
	width					: 48%;
	margin-bottom			: 10px;
}

div.moduleGroupsImoduleAppointmentsCaseView span.right
{
	float					: right;
	width					: 48%;
	margin-bottom			: 10px;
}

/* IMODULE CALENDAR > CASE CALENDAR */
div.moduleGroupsImoduleCalendarCaseCalendar
{
    border                  : 1px solid #93C0EE;
}

div.moduleGroupsImoduleCalendarCaseCalendar table
{
    width                   : 100%;
    background-color        : #FFFFFF;
}

div.moduleGroupsImoduleCalendarCaseCalendar tr.month
{
    text-align              : center;
    background-color        : #93C0EE;
    font-size               : 14px;
}

div.moduleGroupsImoduleCalendarCaseCalendar tr.weekDays td
{
    width                   : 75px;
    font-weight             : bold;
    background-color        : #D7E9FB;
}

div.moduleGroupsImoduleCalendarCaseCalendar tr.weekDays td.weekNumber
{
    width                   : 15px;    
}

div.moduleGroupsImoduleCalendarCaseCalendar tr.week td
{
    width                   : 75px;
    height                  : 75px;
    vertical-align          : top;
    
}

div.moduleGroupsImoduleCalendarCaseCalendar tr.week td.weekNumber
{
    width                   : 15px;    
    background-color        : #CCCCCC;
}

div.moduleGroupsImoduleCalendarCaseCalendar tr.week td.day
{
    background-color        : #EDF2F6;
}

div.moduleGroupsImoduleCalendarCaseCalendar tr.week td.today
{
    background-color        : #FAE1E3;
    border                  : 1px solid #FF0033;
}

/* IMODULE CALENDAR > CASE OVERVIEW */
div.calendarItem
{
	width					: 100%;

	border-bottom			: 1px solid #CCCCCC;
	margin-bottom			: 10px;
}

div.calendarItem div.spacer
{
	clear					: both;
	height					: 15px;
}

div.calendarItem span.userDetails
{
	display					: block;
	float					: left;
	width					: 85px;
	height					: 100px;
	text-align				: center;
}

div.calendarItem span.userDetails a
{
	font-size				: 10px;
}

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

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

	background-color		: #000000;
}

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

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

div.calendarItem span.userDetails span.image
{
	display					: table-cell;
	width					: 75px;
	height					: 75px;

	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.calendarItem span.userDetails span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

div.calendarItem span.content
{
	float 					: left;
	display					: block;
	width					: 390px;
	z-index					: 10;
	margin-left				: 20px;
}

div.calendarItem span.content p
{
	_margin-top				: 10px;
}

*:first-child+html div.calendarItem span.content p
{
	margin-top				: 10px;
}

div.calendarItem span.content span.title
{
	font-size				: 10px;
}

div.calendarItem span.calendarItemDetails
{
	float					: right;
}

div.calendarItem span.comments
{
	float					: right;
	height 					: 30px;
	text-align				: right;
	vertical-align 			: bottom;
	margin-top 				: -30px;
	z-index 				: 1;
}