/*
 * SKIN
 */
@import url(skin/default.css);

/*
 * PLUGINS
 */
@import url(plugin/tag.css);


/*
 * RESET DEFAULT VALUES FOR ALL BROWSERS
 */ 
.reset {
	margin:						0;
	padding:						0;
	border:						0;
}

html {
	overflow-y: 				scroll;
}

form {
	margin:						0;
	padding:						0;
	
	display: 					inline;
}

input {
	font-size: 					0.9em;
}

select {
	font-size: 					0.9em;
}

textarea {
	font-size: 					0.9em;
	font-family:				Tahoma;
}

submit {
	font-size:					1.0em;
	font-family:				Tahoma;
}

body {
	padding: 					0;
	margin:						0;
	border: 						0;
	
	font-family: 				Tahoma;
	font-size: 					0.8em;
}

p {
	
}

a, a:link, a:visited {
	text-decoration: 			underline;
}

a:hover {
	text-decoration: 			none;	
}

tr {
	font-size: 					0.8em;
}

th {
	padding:						2px;
	padding-right: 			4px;
	
	text-align:					left;
}

td {
	padding:						2px;
	padding-right: 			4px;
}


/*
 * GENERIC
 */
.left {
	float:						left;
}

.right {
	float:						right;
}

.clear {
	clear:						both;
}


/*
 * HEADER
 */
.header {
/*	margin-top:					2.0em;
	margin-bottom:				2.0em;*/
	
/*	margin-top:					-12px;
*	margin-top:					0;*/

	padding-bottom:			12px;
	
	height:						40px;
}


/*
 * CONTAINER
 */
.container {
/*	margin-top:					20px;*/
	margin-bottom:				20px;
	margin-left:				20%;
	margin-right: 				20%;

	border-width:				1px;
	border-style:				solid;
}


/*
 * LOGIN
 */
.login {
	text-align: 				left;
	
	font-size: 					0.9em;
	
	padding:						10px;
	padding-top:				30px;
	padding-bottom:			20px;
*	padding-bottom:			15px;
	
	width: 						199px;
	
	border-width:				1px;
	border-style:				solid;
	
	border-top: 				0;
}

.login input {
	font-size: 					0.9em;
	
	width:						199px;
}

.login-button {
	padding-top:				1px;
	
	width: 						200px;
}

.login-button img {
	margin-left: 				-12px;
*	margin-left: 				0px;
}


/*
 * CLUB SELECTOR
 */
div.clubselector {
/*	position: 					absolute;*/

	text-align: 				left;
	
	font-size: 					0.9em;
	
	padding:						10px;
	padding-left:				0;
	padding-top:				0;
/*	padding-top:				30px;
*	padding-top:				28px;
	padding-bottom:			30px;
*	padding-bottom:			10px;*/
	
/*	margin-bottom:				-13px;
*	margin-bottom:				-19px;
	margin-left:				-320px;
*	margin-left:				-297px;*/
/*	
	left:							50%;*/
	
*	width: 						199px;
	
/*	border-width:				1px;
	border-style:				solid;
	
	border-top: 				0;*/
}


/*
 * SYSTEM MESSAGES
 */
div#systemmessages {
	padding:						11px;
	/* IE hack 7 */
*	padding-top:				1px;
*	padding-bottom:			1px;
	
	margin-left:				-10px;
	margin-right:				-10px;
	/* IE hack 7 */
*	margin-left:				-10px;
*	margin-right:				-32px;
	
	border-width:				1px;
	border-style:				solid;
	
	border-left: 				0;
	border-right:				0;
	
	text-align: 				left;
	
	font-size: 					0.8em;
}

div#systemmessages div#stamp {
	padding-top:				7px;

	border-bottom-width:		1px;
	border-bottom-style: 	solid;
}

div#systemmessages div#subject {

}

div#systemmessages p#message {
	padding-bottom:			5px;
	/* IE hack 7 */
*	margin-top:					-10px;
}


/*
 * RECOVER PASSWORD
 */
div#recoverpassword {
	padding:						12px;

	width: 						270px;
	
	height: 						180px;
}


/*
 * LOGOUT
 */
.logout {
/*	text-align: 				left;*/
	
	font-size: 					0.9em;
	
	padding:						10px;
	padding-bottom: 			0px;
/*	padding-top:				20px;
	padding-bottom:			10px;
*	padding-bottom:			0px;
	
	margin-left:				784px;
*	margin-left:				787px;
	
	width: 						352px;
*	width: 						373px;
	
	border-width:				1px;
	border-style:				solid;
	
	border-top: 				0;*/
	
	margin-top:					-12px;
*	margin-top:					0;
	margin-bottom:				-30px;

/*	border-top-width:			9px;*/
/*	border-top-width:			40px;
	border-top-style: 		solid;*/
	
	height: 						71px;
}


/*
 * BASICBOOKING CALENDAR
 */
.basicbooking {
	margin-top:					50px;
*	margin-top:					45px;
	margin-left:				80px;
}

#left {
	float:						left;
	
	margin-right:				20px;
*	margin-right:				17px;
}

#right {
	float:						right;
	
	margin-left:				20px;
*	margin-left:				17px;
}

#clear {
	clear: 						both;
}

.basicbooking tr {

}

.basicbooking th {
	text-align: 				left;
	
	padding-right:				40px;
	
	border-bottom:				2px solid #a6a6a6;
	
	font-size: 					1.2em;
}

.basicbooking td {
	padding-bottom:			40px;
	
	font-size: 					1.0em;
}

.basicbooking #calendar_date_with_bookings {
	padding-bottom:			0px;

	height:						80px;
	
	font-size: 					1.0em;
	
	border: 						1px dashed gray;
}

.basicbooking #calendar_date_with_bookings a {
	text-decoration: 			none;
}

.basicbooking #calendar_date_without_bookings {
	padding-bottom:			0px;
	
	height:						80px;

	font-size: 					1.0em;
	
	border: 						1px dashed gray;
}

.basicbooking #calendar_date_without_bookings a {
	text-decoration: 			none;
}

.basicbooking #calendar_header {
	padding-bottom: 			10px;
	padding-left:				0px;
	padding-top:				9px;
	
	font-weight: 				bold;
}

.basicbooking #booking_header {
	padding-bottom: 			10px;
	padding-left:				0px;
	padding-top:				9px;
	
	font-weight: 				bold;
}

.basicbooking #booking_item {
	padding-bottom:			4px;
	padding-top:				4px;
	
	border-bottom:				1px dashed gray;
}

.basicbooking #booking_item_unapproved {
	padding-bottom:			4px;
	padding-top:				4px;

	border-bottom:				1px dashed gray;
}


/*
 * BASICBOOKING BOOKING PAGE
 */ 
 .booking-container { 
	width: 						800px;
*	width: 						803px;
	
	margin:						0 auto;
	
	margin-top:					110px;
*	margin-top:					120px;
}
 
.booking {
	text-align: 				left;
	
	font-size: 					0.9em;
	
	padding:						10px;
	padding-top:				30px;
	padding-bottom:			20px;	
	
/*	margin-left:				auto;
	margin-right: 				auto;*/

	border-width:				1px;
	border-style:				solid;
	border-color:				#dcdcdc;
	
	background-color: 		#fcfcfc;
	
	width: 						450px;
/*	
	position:					absolute;
	left: 						50%;

	margin-left: 				-410px;*/
/*	margin-top:					110px;
*	margin-top:					150px;*/
}

.booking th {
	text-align: 				left;
	
	border-bottom:				2px solid #a6a6a6;
	
	font-size: 					1.2em;
}

.booking td {
	font-size: 					1.0em;
}

.booking input {
	font-size: 					0.9em;
}

.bookingright {
	text-align: 				left;
	
	font-size: 					0.9em;
	
	padding-left:				10px;
	padding-top:				30px;
	padding-bottom:			20px;	
	
/*	margin-left:				auto;
	margin-right: 				auto;*/

	border-width:				1px;
	border-style:				solid;
	border-color:				#dcdcdc;
	
	background-color: 		#fcfcfc;
	
	width: 						296px;
*	width: 						308px;
	
	margin-bottom:				35px;
	
/*	position:					absolute;
	left: 						50%;*/

/*	margin-top:					110px;
*	margin-top:					150px;*/
}

.bookingright th {
	text-align: 				left;
	
	border-bottom:				2px solid #a6a6a6;
	
	font-size: 					1.2em;
}

.bookingright td {
	font-size: 					1.0em;
}

.bookingright input {
	font-size: 					0.9em;
}


/*
 * BASICBOOKING MEMBER PAGE
 */ 
.member {
/*	text-align: 				left;
	
	font-size: 					0.9em;
	
	padding:						10px;
	padding-top:				30px;
	
	margin-left:				auto;
	margin-right: 				auto;
	width: 						1120px;
	
	border-width:				1px;
	border-style:				solid;
	border-color:				#dcdcdc;
	
	border-top: 				0;
	
	background-color: 		#f8f8f8;*/
	
	margin-top:					50px;
*	margin-top:					61px;
	margin-left:				80px;
	
	width: 						1000px;
}

.member th {
	text-align: 				left;
	
	border-bottom:				2px solid #a6a6a6;
	
	font-size: 					1.2em;
}

.member td {
	font-size: 					1.0em;
}

.member td.memberAttributeLeft {
	padding-left: 				5px;
	
	font-size: 					0.9em;
	
	text-align: 				right;
}

.member td.memberAttributeRight {
	padding-left: 				5px;
	padding-right: 			10px;
	
	font-size: 					0.9em;
}

.member input {
	font-size: 					0.9em;
}


/*
 * BASICBOOKING RESOURCE PAGE
 */ 
.resource {
/*	text-align: 				left;
	
	font-size: 					0.9em;
	
	padding:						10px;
	padding-top:				30px;
	
	margin-left:				auto;
	margin-right: 				auto;
	width: 						1120px;
	
	border-width:				1px;
	border-style:				solid;
	border-color:				#dcdcdc;
	
	border-top: 				0;
	
	background-color: 		#f8f8f8;*/
	
	margin-top:					50px;
*	margin-top:					61px;
	margin-left:				80px;
	
	width: 						1000px;
}

.resource th {
	text-align: 				left;
	
	border-bottom:				2px solid #a6a6a6;
	
	font-size: 					1.2em;
}

.resource td {
	font-size: 					1.0em;
}

.resource input {
	font-size: 					0.9em;
}


/*
 * DISTANCE JOURNAL PAGE
 */ 
.distancejournal {
	text-align:					left;

	font-size: 					0.9em;
	
	width: 						902px;
	
/*	position:					absolute;
	left: 						50%;

	margin-left: 				-462px;*/
	
	margin:						0 auto;
	
	margin-top:					110px;
*	margin-top:					120px;
}

.distancejournal input {
	font-size: 					0.9em;
}

.distancejournal-container {
	text-align:					left;

	font-size: 					1.0em;
	
	width: 						900px;
}

#distancejournal-container-top {
	padding:						10px;
	padding-top:				30px;
	padding-bottom:			10px;
	
	margin-bottom:				55px;
	
	border-width:				1px;
	border-style:				solid;

	width:						500px;
}

#distancejournal-container-bottom th {
	border-bottom-width:		2px;
	border-bottom-style:		solid;
}


/*
 * FOOTER
 */
.footer {
	margin-top:					2.0em;
	margin-bottom:				2.0em;
}


/*
 * FEEDBACK
 */
#feedback {
	padding: 					10px;
	padding-top: 				30px;
	
	border-style: 				solid;
	border-width: 				1px;
	
	margin-left: 				200px;
	
	width: 						600px;
}



/*
 * MY DETAILS
 */
#mydetails {
	text-align: 				left;

	z-index: 					1000;
	
	width: 						320px;

	position:					absolute;
	left:							100%;
	margin-left:				-335px;
*	margin-left:				-330px;
	
	padding: 					0;
	
	border-style: 				solid;
	border-width: 				2px;
	border-color: 				gray;
	
	background-color: 		#f8f8f8;
}

#mydetails input {
	font-size: 					0.9em;
}

#mydetails p {
	padding: 					5px;
	
	margin: 						0;
}

#mydetails th, #mydetails td {
	font-size: 					0.9em;

	background-image: 		none;
	background-color: 		transparent;
}

#mydetails .categoryLink {
	padding-top: 				8px;
	padding-bottom:			8px;
}

#mydetails .categoryLink a {
	font-weight: 				bold;
	font-size: 					1.2em;
	
/*	color:						#2a2a2a;*/
	color:						white;
	
	text-decoration: 			none;
}

#mydetails #photoSpacer {
	padding-bottom:			130px;
}

#mydetails #photoSpacerMemberInformation {
	width:						210px;
*	width:						218px;
	
	padding-top:				10px;
	padding-right:				10px;
	
	text-align: 				left;
}

#mydetails #editPhoto {
	border-bottom: 			2px solid gray;
	border-bottom: 			2px solid gray;
	
	text-align: 				center;
	
	background-color: 		#525252;
}

#mydetails #editPhotoContent {
	padding-bottom: 			10px;

	background-color: 		#fbfbfb;
}

#mydetails #editStartpage {
	border-bottom: 			2px solid gray;
	
	text-align: 				center;
	
	background-color: 		#525252;
}

#mydetails #editStartpageContent {
	padding-bottom: 			10px;

	background-color: 		#fbfbfb;
}

#mydetails #editPersonalInformation {
	border-bottom: 			2px solid gray;
	
	text-align: 				center;
	
	background-color: 		#525252;
}

#mydetails #editPersonalInformationContent {
	padding-bottom: 			10px;

	background-color: 		#fbfbfb;
}

#mydetails #editPassword {
	border-bottom: 			2px solid gray;
	
	text-align: 				center;
	
	background-color: 		#525252;
}

#mydetails #editPasswordContent {
	padding-bottom: 			10px;

	background-color: 		#fbfbfb;
}

#mydetails #editUserExtendedAttributes {
	border-bottom: 			2px solid gray;
	
	text-align: 				center;
	
	background-color: 		#525252;
}

#mydetails #editUserExtendedAttributesContent {
	padding-bottom: 			10px;

	background-color: 		#fbfbfb;
}

#mydetails td.memberAttributeLeft {
	padding-left: 				5px;
	
	font-size: 					0.9em;
	
	text-align: 				right;
}

#mydetails td.memberAttributeRight {
	padding-left: 				5px;
	padding-right: 			10px;
	
	font-size: 					0.9em;
}


/*
 * DISTANCEJOURNAL STATISTICS
 */
.distancejournal-stats {
	text-align: 				left;
	
	font-size: 					0.9em;
	
	padding:						10px;
	padding-top:				30px;
	padding-bottom:			20px;	

	border-width:				1px;
	border-style:				solid;
	border-color:				#dcdcdc;
	
	background-color: 		#fcfcfc;
	
	width: 						400px;
	
	margin:						0 auto;
	
	margin-top:					110px;
*	margin-top:					120px;
}

.distancejournal-stats th, .distancejournal-stats td {
	text-align: 				left;
	
	background-image: 		none;
	background-color: 		transparent;
	
	color:						#525252;
}



/*
 * STATISTICS
 */
.statistics-container {
	font-size: 					0.9em;
	
	padding:						10px;
	padding-top:				30px;
	padding-bottom:			20px;	

	border-width:				1px;
	border-style:				solid;
	border-color:				#dcdcdc;
	
	background-color: 		#fcfcfc;
	
/*	width:						1000px;*/
	
	margin-right:				70px;
	margin-left:				70px;
	margin-top:					120px;
*	margin-top:					130px;
}


div#ExtAttrTypesContainer {
	margin:						10px;

	width: 						850px;
}

div#ExtAttrTypesContainer td {
	font-size: 					1.1em;

	padding: 					2px;
	
	border-bottom: 			1px dashed black;
}

div#ExtAttrTypesContainer td.noBorder {	
	border-bottom: 			0;
}

div#ExtAttrTypesContainer th {
	font-size: 					1.2em;
	font-weight: 				bold;
	
	padding: 					2px;
}

div#ExtAttrTypesUsageInformation {
	font-size: 					0.8em;
}


/*
 * ERROR-BOX
 */
div#error {
	border-style:				solid;
	border-width: 				2px;
	
	padding:						10px;
	
	margin:						10px 0px 10px 0px;
	
	text-align: 				left;
}
 
/*
 * SUCCESS-BOX
 */
div#success {
	border-style:				solid;
	border-width: 				2px;
	
	padding:						10px;
	
	margin:						10px 0px 10px 0px;
	
	text-align: 				left;
}