/* 	====================================	
	NFSHARKS.COM 					

	====================================
	background					#c9ebf7;
	
	==================================== */

@import "ui-lightness/jquery.css";
@import "ts-blue/style.css";
@import "tipsy.css";
	
/* ==== mini-reset ====== */
body, h1, h2, h3, h4, p, form, fieldset, legend, label {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: Helvetica, arial, "sans-serif";
	font-size: 62.5%;
	background: #c9ebf7 url(../images/bg.jpg) top center no-repeat;
}

#coming-soon {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #fff;
	z-index: 2000;
}				
	#coming-soon h1 {
		margin: 50px 0 0 0;
		text-align: center;
		font-size: 6em;
	}		

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clear {
	clear: both !important;
}
.nodisplay {
	display: none;
}
a {
	overflow: hidden;
	color: #097079;
}
a:hover {
	color: #000000;
}
a:focus {
	outline: 0;
	border: 0;
}

/*  <-----  typography  -----> */
h1 {
	margin: 8px 0 5px;
	padding: 0 0 3px;
	border-bottom: 3px solid #f4fce7;
	font-family: Georgia;
	font-size: 2.5em;
	color: #0a525c;
	font-weight: normal;
}
h2 {
	margin: 6px 0;
	font-size: 2em;
	color: #0a525c;
	font-weight: normal;
}
h3 {
	margin: 6px 0 6px 0;
	padding: 2px 0;
	font-size: 1.6em;
	color: #0a525c;
	font-weight: normal;
	border-bottom: 1px solid #bcbcbc;
}
h4 {
	margin: 0;
	font-size: 1.4em;
	color: #0a525c;
}
h5 {
	margin: 0;
	font-size: 1.2em;
	color: #0a525c;
	font-weight: normal;
}

p {
	margin: 7px 0;
	font-size: 1.4em;
	line-height: 1.6;
	color: #333;
}
p.subtitle {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4;
	font-style: italic;
}

.hrule {
	clear: both;
	margin: 5px 0;
	padding: 0;
	height: 3px;
	border: none;
	background-color: #f4fce7;
}
.hrule.blue {
	background-color: #6dc7e7;
}
a.pdf {
	display: block;
	margin: 0;
	padding: 5px 3px 5px 25px;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/icon_pdf.png) left center no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
a.pdf:hover {
	background: #c9ebf7 url(../images/icon_pdf.png) left center no-repeat;
}

.alert {
	position: relative;
	margin: 5px 0;
	padding: 8px 5px 8px 40px;
	font-size: 1.4em;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	overflow: visible;
}
.alert strong {
	position: absolute;
	left: 5px;
	top: 8px;
}

.alert .close {
	position: absolute;
	display: block;
	right: 7px;
	top: 7px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	cursor: pointer;
	background: url(../images/close.png) no-repeat;
}
.error {
	color: #2e0202;
	border: 1px solid #ff0000;
	background: #f9e1e1 url(../images/alert_error_bg.gif);
}
	.error strong {
		padding-left: 35px;
		background: url(../images/exclamation.png) 10px 50% no-repeat;
	}
.success {
	color: #021e27;
	border: 1px solid #70c765;
	background: #d2f9cb url(../images/alert_success_bg.gif);
}
	.success strong {
		padding-left: 35px;
		background: url(../images/accept.png) 10px 50% no-repeat;
	}
.notice {
	color: #021f2e;
	border: 1px solid #6dc7e7;
	background: #daf3fb url(../images/alert_notice_bg.gif);
}
	.notice strong {
		padding-left: 35px;
		background: url(../images/information.png) 10px 50% no-repeat;
	}

.important {
	font-size: 14px;
	font-style: italic;
	color: #920d0d !important;
}

.subtle {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Helvetica, arial, "sans-serif";
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #c3c3c3;
}
#hoursLeft {
	position: relative;
	float: left;
	display: block;
	margin: 0 0 5px 25px;
	padding: 5px;
	width: 75px;
	font-family: Helvetica, arial, "sans-serif";
	font-size: 1.2em;
	font-weight: bold;
	color: #171f4c;
	background: #e7f9ff;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	#hoursLeft strong {
		display: block;
		font-size: 1.8em;
		color: #b62114 !important;
	}

a.edit {
	display: block;
	margin: 3px 10px;
	padding: 3px 8px;
	color: #930f04;
	text-decoration: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
a.edit:hover {
	color: #000;
	background: #fff;
}

.del {
	color: #930f04 !important;
}

/*  <-----  buttons  -----> */
.button {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}
a.registerBtn {
	margin: 3px 30px;
	width: 188px;
	height: 48px;
	background: url(../images/btn_register.gif) no-repeat;
}
a.registerBtn:hover {
	background-position: 0 -48px;
}
a.addSwimmer {
	float: left;
	display: block;
	margin: 7px 0;
	padding: 5px 8px 5px 25px;
	width: auto;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	background: #498f3f url(../images/add.png) 3px 50% no-repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
a.addSwimmer:hover {
	background: #94d38a url(../images/add.png) 3px 50% no-repeat;
	color: #498f3f;
}

a.signUpBtn {
	width: 99px;
	height: 24px;
	background: url(../images/btn_sign_up.png) no-repeat;
}
a.signUpBtn:hover {
	background-position: 0 -24px;
}
a.detailsBtn {
	width: 99px;
	height: 24px;
	background: url(../images/btn_details.png) no-repeat;
}
a.detailsBtn:hover {
	background-position: 0 -24px;
}
a.cancelBtn {
	width: 99px;
	height: 24px;
	background: url(../images/btn_cancel.png) no-repeat;
}
a.cancelBtn:hover {
	background-position: 0 -24px;
}
a.removeBtn {
	width: 35px;
	height: 24px;
	background: url(../images/btn_remove.png) no-repeat;
}
a.removeBtn:hover {
	background-position: 0 -24px;
}

a.viewEvents {
	width: 99px;
	height: 24px;
	background: url(../images/btn_view_events.png) no-repeat;
}
a.editBtn {
	width: 75px;
	height: 24px;
	background: url(../images/btn_edit.png) top no-repeat;
}
.aControls {
	margin: 0 0 7px;
	padding: 3px;
	background: #f4f3f4 url(../images/manager_bg.png) bottom repeat-x;
	/* background: #f5f2f8; */
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	overflow: auto;
}
	.aControls h3 {
		float: left;
		font-family: Helvetica, Arial, "sans-serif";
		color: #333;
		margin: 3px;
		padding: 0;
	}
	.aControls ul {
		float: left;
		margin: 0 20px;
		padding: 0;
		list-style: none;
		
	}
	.aControls ul li { 
		float: left;
		margin: 0 3px;
		font-size: 1.2em;
	}
	.aControls ul li a {
		display: block;
		padding: 4px 9px;
		color: #333;
		-moz-border-radius: 10px;
		text-decoration: none;
	}
	.aControls ul li a:hover {
		color: #fff;
		background: #333;
	}

.manageEvents {
	font-size: 1.2em;
	padding: 3px 0;
	clear: left;
	float: left;
}

hr {
	clear: both;
	margin: 2px 0 4px;
	height: 1px;
	border: none;
	background: #bdbfbd;
	
}

/* =======  WRAPPER  ======	*/ 
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 825px;
}

/* =======  HEADER  ======	*/ 
#header {
	position: relative;
	overflow: auto;
	padding: 0 5px;
}
	#logo {
		float: left;
		display: block;
		margin: 10px 0;
		padding: 0;
		width: 345px;
		height: 104px;
		text-indent: -9999px;
		background: url(../images/logo.png) no-repeat;
		overflow: hidden;
	}
	#headerText {
		position: absolute;
		right: 100px;
		top: 25px;
	}
	p#account {
		position: absolute;
		margin: 0;
		bottom: 5px;
		right: 12px;
		font-size: 1.2em;
		color: #097079;
	}
		p#account a.profileLink {
			padding: 4px 4px 4px 17px;
			background: url(../images/user_silhouette.png) left center no-repeat;
		}

	
/* =======  CONTENT  ======	*/ 
#contentWrapper {
	margin: 0;
	padding: 0;
	background: url(../images/content_bg_main.gif) center repeat-y;
	overflow: auto;
}
#content {
	margin: 0;
	padding: 5px 19px 25px;
	background: url(../images/content_bg_bottom.gif) bottom center no-repeat;
	overflow: auto;
}
#bodyContent {}

#contentBody {

}
	ul.homeBlurb {
		clear: both;
		margin: 10px 0;
		padding: 0;
	}
	ul.homeBlurb li {
		margin: 2px;
		padding: 7px;
		height: 170px;
		list-style: none;
		width: 17%;
		float: left;
		font-size: 1.1em;
		line-height: 1.4;
		border: 1px solid #d3d3d3;
		background-color: #dff0f5;
	}
		ul.homeBlurb li strong {
			display: block;
			font-size: 1.4em;
			color: #3c5e7d;
		}
	.signIn {
		position: relative;
		float: left;
		width: 500px;
	}
		.signIn h2 {
			margin: 0;
			padding: 0;
		}
		.signIn p {
			margin: 0;
			padding: 0;
		}
		.loginHelper {
			display: none;
			position: absolute;
			top: -60px;
			left: 35px;
			width: 229px;
			height: 87px;
			background: url(../images/login_helper.png) no-repeat;
		}
		.loginHelper.tall {
			top: -85px;
		}
		
		.signIn input[type=text] {
			margin-top: -15px;
		}
		
	.documents {
		position: relative;
		float: right;
		width: 250px;
	}	
		.documents ul {
			list-style: none;
			margin: 0;
			padding: 7px 0 0;
			width: 200px;
		}
			.documents ul li {
				padding: 2px 0;
				border-bottom: 1px solid #a7a7a7;
			}
			.documents ul li.last {
				border: none;
			}
			

	.signInRegister {
		width: 450px;
	}
		.signInRegister p {
			width: 250px;
		}
		.signInRegister a.registerBtn {
			margin: 30px 0;
		}

/* ! <-----  DASHBOARD MENU  -----> */
ul#menu {
	margin: 5px 0 7px;
	padding: 0;
	height: 78px;
	list-style: none;
	overflow: visible;
}
	ul#menu li {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
	}
		ul#menu li a {
			display: block;
			height: 77px;
			text-indent: -9999px;
			background: url(../images/dashboard_menu.png) no-repeat;
			overflow: hidden;
		}
		ul#menu li a:focus {
			outline: none;
			border: none;
		}
		ul#menu li.myProfile a {
			width: 263px;
		}
		ul#menu li.myProfile a:active {
			background-position: 0 -77px;
		}
		ul#menu li.myHours a {
			width: 260px;
			background-position: -263px 0;
		}
		ul#menu li.myHours a:active {
			background-position: -263px -77px;
		}
		ul#menu li.myAlerts a {
			position: relative;
			width: 264px;
			text-indent: 0;
			color: #fff;
			font-weight: normal;
			text-decoration: none;
			background-position: -523px 0;
		}
		ul#menu li.myAlerts a span{
			position: absolute;
			top: 27px;
			left: 38px;
			width: 25px;
			font-size: 2em;
			text-align: center;
		}
		ul#menu li.myAlerts a:active {
			background-position: -523px -77px;
		}
		
	ul#menu li:hover ul {
		/* display: block; */
	}
	ul#menu li ul {
		position: absolute;
		display: none;
		top: 73px;
		left: 17px;
		margin: 0;
		padding: 0;
		width: 231px;
		height: auto;
		z-index: 500;
		list-style: none;
		background: url(../images/dashboard_menu_list_bg.png) top left no-repeat;
	}
		ul#menu li ul li {
			float: none;
			margin: 0;
			width: auto !important;
			margin: 0 5px;
			padding: 1px 5px 0;
			z-index: 500;
			background: url(../images/dashboard_menu_list_divider.png) bottom center no-repeat;
		}
		ul#menu li ul li.last {
			padding: 0 5px 6px;
			background: url(../images/dashboard_menu_list_divider_btm.png) bottom center no-repeat;
		}
			ul#menu li ul li a {
				display: block;
				margin: 0;
				padding: 11px 5px 11px 28px;
				width: auto !important;
				height: auto !important;
				color: #fff;
				font-size: 1.2em;
				font-weight: bold;
				text-decoration: none;
				text-indent: 0;
				background: none !important;
			}
			ul#menu li ul li a:hover {
				text-decoration: underline;
			}
			ul#menu li ul li a.profile {
				background: url(../images/icon_profile_list.png) left center no-repeat !important;
			}
			ul#menu li ul li a.calendar {
				background: url(../images/icon_calendar_list.png) left center no-repeat !important;
			}
			ul#menu li ul li a.calendarPast {
				background: url(../images/icon_calendar_past_list.png) left center no-repeat !important;
			}
			ul#menu li ul li a.calendarFuture {
				background: url(../images/icon_calendar_future_list.png) left center no-repeat !important;
			}
			ul#menu li ul li a.group {
				background: url(../images/icon_group_list.png) left center no-repeat !important;
			}
			ul#menu li ul li a.clock {
				background: url(../images/icon_clock_list.png) left center no-repeat !important;
			}
			ul#menu li ul li a.alert {
				background: url(../images/icon_alert_list.png) left center no-repeat !important;
			}
			
	ul#menu li .hoursLeft {
		position: absolute;
		display: none;
		padding: 11px 17px 0 0;
		width: 127px;
		height: 18px;
		bottom: -14px;
		right: -10;
		font-size: 1.8em;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		color: #980301;
		text-align: right;
		background: url(../images/tag_hours_left.png);
	}

/* ==== CALENDAR         ============================== */
.calendar {
	font-size: 1.2em;
	width: 100%;
}
	.calendar .monthTitle {
		font-size: 1.2em;
		color: #0a525c;
	}
	.calendar th {
		padding: 5px;
		width: 11%;
	}
	.calendar td {
		padding: 5px;
		height: 4em;
		font-size: 1.2em;
		text-align: left;
		border: 1px solid #ccc;
		vertical-align: top;
	}
	.calendar td span {
		display: block;
		font-size: .7em;
		font-style: italic;
	}
	.calendar .highlight {
		color: #9e0000;
		background: #feffda;
		font-weight: bold;
	}

#myDocuments ul {
	margin: 0 10px;
	padding: 0;
	list-style: none;
}

/*  <-----  EVENT TABLE  -----> */
#eventsTable {
	margin: 0;
	padding: 0;
}
	#eventsTable th {
		margin: 0;
		padding: 3px;
		font-family: Verdana, "sans-serif";
		font-size: 1.2em;
		background: none;
		text-align: left;
		font-weight: bold;
		width: auto;
	}
	#eventsTable td {
		margin: 0;
		padding: 12px 3px;
		border-bottom: 1px solid #e1f1f7;
		border-top: 1px solid #e1f1f7;
		border-right: 1px solid #b2d2dc;
		border-left: 1px solid #fff;
		background: url(../images/eventsTable_td_bg.png) top repeat-x;
	}
	#eventsTable tr.alt td {
		background: url(../images/eventsTable_td_bg_alt.png) top repeat-x;
	}
	#eventsTable td.main {
		width: 80%;
	}
	#eventsTable td.count {
		font-weight: bold;
		font-size: 1.2em;
		text-align: center;
	}
	#eventsTable td h3 {
		font-size: 1.6em;
		font-weight: normal;
	}
	#eventsTable td p {
		margin: 0;
		padding: 0;
		font-size: 1.1em;
		font-style: italic;
		color: #404040;
	}

/*  <-----  PROFILE TABLE  -----> */

.profileTable {
	margin: 0 10px 10px;
	padding: 0;
	width: 765px;
}
	.profileTable tr {
		padding: 0;
	}
	.profileTable th {
		margin: 0;
		padding: 6px 3px 3px 8px;
		width: 10em;
		font-family: Verdana, "sans-serif";
		font-size: 1.1em;
		background: none;
		text-align: left;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #333;
	}
	.profileTable td {
		margin: 0;
		padding: 6px 3px 3px;
		font-family: Verdana, "sans-serif";
		font-size: 1.1em;
		border-bottom: 1px solid #ccc;
	}

.generalTable {
	margin: 0 0 10px;
	padding: 0;
	width: 100%;
}
	.generalTable h3 {
		margin-top: 0;
	}
	.generalTable tr {
		padding: 0;
	}
	.generalTable th {
		margin: 0;
		padding: 6px 3px 3px 8px;
		width: 10em;
		font-family: Verdana, "sans-serif";
		font-size: 1.1em !important;
		background: none;
		text-align: left;
		font-weight: bold;
		border-bottom: 1px solid #333;
	}
	.generalTable thead th {
		cursor: pointer;
	}
	.generalTable td {
		margin: 0;
		padding: 8px 3px 3px;
		font-family: Verdana, "sans-serif";
		font-size: 1em;
		line-height: 2.2;
		border-bottom: 1px solid #ccc;
	}
	.generalTable td.main {
		width: 50%;
		font-weight: bold;
	}
	.generalTable td.secondary {
		width: 25%;
	}
	.generalTable td.count {
		text-align: center;
		font-size: 1em;
		color: #bd1a0e;
	}
	.generalTable em {
		color: #9e9e9e;
		font-size: .9em;
	}

	/* TABLE FORMS
	-------------------------------------------------------- */
	.generalTable form {
		font-size: .7em;
	}
	.generalTable form input[type=text] {
		width: auto;
		border: 1px solid #a0b1d7;
		color: #333;
	}
	.generalTable form input.tiny {
		width: 55px;
	}
	.generalTable form select {
		margin: 6px 0;
	}
	.generalTable form ul {
		background: #f0f4fa;
		overflow: auto;
		-moz-border-radius: 5px;
	}
	.generalTable form ul li {
		float: left;
		margin: 0 5px;
		width: 23.5%;
	}
	.generalTable form ul li div {
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
	}	
	
.editEvent {
	position: relative !important;
	display: none;
}
	.editEvent .loadingSmall {
		position: relative;
		background-position: top left;
	}


.eventDetails {
	margin: 10px 0;
	padding: 0;
	/* width: 705px; */
}
	.eventDetails h3 {
		margin-top: 0;
	}
	.eventDetails tr {
		padding: 0;
	}
	.eventDetails th {
		margin: 0;
		padding: 6px 0 3px;
		width: 7.1em;
		text-align: left;
		font-family: Verdana, "sans-serif";
		font-size: 1em;
		background: none;
		font-weight: bold;
		border-bottom: 1px solid #333;
	}
	.eventDetails th.med {
		width: 12em;
	}
	.eventDetails td {
		margin: 0;
		padding: 5px 2px !important;
		text-align: left;
		font-family: Verdana, "sans-serif";
		font-size: 1.1em;
		border-bottom: 1px solid #ccc !important;
	}
	.eventDetails td.large {
		width: 240px;
		text-align: left;
	}
	.eventDetails th.large {
		text-align: left;
	}
	.eventDetails td.small {
		text-align: center;
		width: 4em;
		font-size: 1.2em;
		font-weight: bold;
		color: #bd1a0e;
	}
	.eventDetails th.small {
		text-align: center;
	}
	.eventDetails .edit {
		margin: 0;
		padding: 3px 2px;
		text-align: center;
	} 
	.eventDetails .edit:hover {
		background: #000;
		color: #fff;
	}


/*  <-----  EVENT VIEW  -----> */
#eventView {
	position: relative;
	width: 705px;
	min-height: 500px;
	font-family: Helvetica, Arial, "sans-serif";
	background: #eceeec;
	overflow: hidden;
}
	#viewFrame {
		position: absolute;
		width: 1410px;
		min-height: 350px;
	}
	#viewFrameLeft {
		float: left;
		width: 705px;
	}
	#viewFrameRight {
		float: right;
		width: 705px;
	}
	.loadingOverlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000 url(../images/loading_small.gif) center center no-repeat;
		text-indent: -9999px;
		z-index: 300;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		
	}
	.loadingSmall {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: url(../images/loading_small2.gif) 0 7px no-repeat;
		text-indent: -9999px;
		z-index: 300;
	}
	#eventView .container {
		float: left;
		margin: 7px 3px 0;
		overflow: auto;
		width: 48%;
	}
	#eventView .container .container{
		margin: 0 3px;
	}
	#eventView h2 {
		margin: 0;
		padding: 0 0 8px;
		border-bottom: 1px solid  #013150;
		font-family: Georgia, Times, serif;
		font-size: 2em;
		font-weight: normal;
		color: #013150;
	}
	#eventView h3 {
		margin: 6px 0;
		font-family: Helvetica, Arial, "sans-serif";
		font-size: 1.6em;
		font-weight: normal;
		color: #2a2a2a;
	}
	#eventView p {
		padding: 7px;
		font-size: 1.2em;
		line-height: 1.4;
		background: #fcfefc;
		border-right: 1px solid #bdbfbd;
		border-bottom: 1px solid #bdbfbd;
	}
	#eventView p.small {
		width: 3em !important;
		font-weight: bold;
		text-align: center;
	}
	#eventView hr {
		clear: both;
		margin: 2px 0 4px;
		height: 1px;
		border: none;
		background: #bdbfbd;
		
	}
	#eventView input {
		float: left;
		margin: 4px 10px 7px 0;
		padding: 0;
		width: auto !important;
	}
	#eventView .reminder {
		float: left;
		margin: 5px 0 0;
		padding: 0;
		display: block;
		width: auto;
		font-size: 1.2em;
		font-weight: bold;
	}

/*  <-----  USER VIEW  -----> */
#userView {
	position: relative;
	width: 705px;
	min-height: 350px;
	font-family: Helvetica, Arial, "sans-serif";
	background: #eceeec;
	overflow: hidden;
}
	#userView p {
		padding: 7px;
		font-size: 1.2em;
		line-height: 1.4;
		background: #fcfefc;
		border-right: 1px solid #bdbfbd;
		border-bottom: 1px solid #bdbfbd;
	}
	#userView p.small {
		width: 3em !important;
		font-weight: bold;
		text-align: center;
	}
	#userView ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#userView ul li {
		margin: 3px 0;
		padding: 0;
		overflow: auto;
		font-size: 1.2em;
	}
	#userView ul li strong {
		display: block;
		font-size: 1.2em;
	}
	#userView ul li span {
		float: left;
	}

/* =======  FORMS  ======	*/ 

p.helpinfo {
	margin: 3px 5px 3px 0;
	padding: 3px;
	background-color: #faffdd;
	color: #645400;
	font-size: 1.2em;
}

form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
	form ul li {
		margin: 3px 0;
		padding: 0;
		overflow: auto;
	}
	form ul li span {
		padding: 0 5px;
		font-size: 1.4em;
		color: #333;
	}

fieldset {
	position: relative;
	margin: 0 0 10px;
	padding: 5px 10px;
	background: #e6e6e6 url(../images/form_bg.gif);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
form h2 {
	display: block;
	margin: 0;
	padding: 3px;
	font-size: 1.8em;
	color: #0f737c;
}
label {
	display: block;
	margin: 7px 0 0;
	font-size: 1.3em;
	color: #494949;
}
input[type=text], input[type=password], input[type=file], textarea {
	position: relative;
	margin: 3px 0;
	padding: 7px;
	width: 180px;
	font-size: 1.4em;
	color: #717171;
	border: 1px solid #a7a7a7;
	background: #fff !important;
}
	textarea.sm-desc {
		font-size: 1.1em;
		height: 100px;
	}
	input.extended, textarea.extended {
		width: 340px;
	}
	input.reduced, textarea.reduced {
		width: 160px;
	}
	input.tiny, textarea.tiny {
		width: 75px;
	}
	input.submit {
		padding: 0;
		width: auto;
		border: none;
		background: transparent;
	}
	input[type=submit] {
		clear: both !important;
	}
input.checkbox {
	width: auto;
}
li.border {
	border-bottom: 2px solid #6dc7e7;
}
li.swimmers, li.newswimmers {
	position: relative;
	padding: 3px 0;
}
li.swimmers .close, li.newswimmers .close {
	position: absolute;
	display: block;
	right: 0;
	top: 7px;
	font-size: 1.2em;
	text-decoration: underline;
	cursor: pointer;
	color: #ff0000;
}
li.swimmers .close, li.newswimmers .close {
	display: none;
}

li div {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
}
li div select, li div select {
	margin: 10px 0 0;
}
.errorMessage {
	padding: 0 5px;
	color: #2e0202;
	background: #f9e1e1 url(../images/alert_error_bg.gif);
}

/* =======  FOOTER  ======	*/ 
#footer {
	margin: 0 0 50px;
}
	#footer p {
		text-align: center;
	}