html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #ffffff;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

a {
	color: #990000;
}

a:hover {
	color: #ee0000;
}

img {
	border: none;
}

a img {
	padding-right: 4px;
}

#wrapper {
	width: 100%;
	min-height: 100%;
	text-align: center;
	margin-bottom: -100px;
}

.page_contents {
	text-align: left;
}

#header-hr {
	width: 100%;
	height: 5px;
	font-size: 0pt;
	background-color: #e20000;
}

#header {
	width: 960px;
	height: 75px;
	margin: 0 auto;
}

#header-logo {
	float: left;
	width: 240px;
	height: 75px;
	background: #eeeeee;
}

#header-menu-holder {
	width: 720px;
	float: left;
	text-align: left;
}

#header-menu {
	display: inline-block;
	margin: 0 auto;
	padding: 0 0 0 120px;
	list-style: none;
}

#header-menu li {
	float: left;
	padding: 0 3px;
}

#header-menu li a {
	padding: 15px 5px 3px 5px;
	display: block;
	color: #222222;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	line-height: 14pt;
	
}

#header-menu li a:hover {
	color: #000000;
	text-decoration:underline;
	
	
}

#header-menu li.active a {
	border-bottom: 2px solid #e20000;
}

#header-menu li.login {
	margin-left: 20px;
}

#header-menu li.important a {
	color: #e20000;
	font-size: 11pt;
}

.cf {
	clear: both;
}

#content {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 100px;
}

#about p {
	padding: 0 15px 0 0;
	color: #333333;
	text-align: justify;
}

#main-images {
	width: 960px;
	height: 305px;
	overflow: hidden;
}

.main-image {
	width: 960px;
	height: 305px;
	position: relative;
}

.main-image h1 {
	color: #ffffff;
	text-shadow: #000000 2px 2px 2px;
	text-align: right;
	float: right;
	width: 390px;
	margin: 120px 10px 0 50px;
	font-size: 21pt;
}

.content-block {
	text-align: left;
	padding: 0 10px;
	margin: 30px 0;
}

.content-block h1 {
	color: #c20000;
	font-size: 16pt;
}

.feature {
	width: 460px;
	height: 120px;
	float: left;
	padding: 4px;
}

.feature img {
	float: left;
}

.feature h2 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 14px;
}

.feature p {
	margin: 0;
	padding: 5px 0;
	color: #444444;
	text-align: justify;
}

.opinion {
	position: relative;
	width: 430px;
	padding: 5px;
	margin: 10px;
	height: 170px;
	background-color: #f4f4f4;
	float: left;
	color: #555555;
	font-style: italic;
}

.opinion p {
	margin: 0;
	padding: 4px;
	text-indent: 16px;
	text-align: justify;
	line-height: 13pt;
}

.opinion-author {
	position: absolute;
	color: #b63f3f;
	font-weight: bold;
	bottom: 8px;
	right: 8px;
}

#footer {
	height: 100px;
	background-color: #eaeaea;
	background-image: url('../gfx/footer_bg.png');
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}

#footer-content {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#footer-logo {
	float: left;
	margin-top: 20px;
}

#copyright {
	position: absolute;
	top: 80px;
	right: 5px;
	color: #aaaaaa;
	font-size: 8pt;
}

#footer-menu {
	float: left;
	list-style: none;
}

#footer-menu li {
	float: left;
	color: #bbbbbb;
}

#footer-menu li a {
	padding: 0 5px;
	color: #666666;
	text-decoration: none;
}

#footer-menu li a:hover {
	text-decoration: underline;
	color: #444444;
}

div.big-button {
	height: 60px;
	display: inline-block;
}

div.big-button a {
	float: left;
	display: block;
	font-size: 17pt;
	height: 60px;
	line-height: 55px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 14px;
}

div.big-button span {
	float: left;
	display: block;
	height: 60px;
	width: 14px;
	background-position: -426px;
}

div.big-button-yellow a {
	color: #826605;
	background-image: url('../gfx/bt_yellow.png');
}

div.big-button-yellow span {
	background-image: url('../gfx/bt_yellow.png');
}

div.big-button-green a {
	color: #3d8205;
	background-image: url('../gfx/bt_green.png');
}

div.big-button-green span {
	background-image: url('../gfx/bt_green.png');
}

div.column {
	float: left;
}

h2 {
	text-align: left
}

/**
Forms
*/
fieldset {
	border: none;
}

fieldset label {
	float: left;
	width: 120px;
	text-align: left;
	margin: 4px 0;
	padding: 3px;
}

fieldset.buttons {
	width: 100%;
	text-align: right;
}

fieldset.buttons button {
	margin-right: 25px;
}

fieldset.buttons_confirm {
	width: 600px;
}

.buttons_confirm button {
	float: right;
}

span.required {
	color: red;
	font-weight: bold;
	padding-left: 5px;
	margin: 5px 0;
}

fieldset input,fieldset select,fieldset textarea,fieldset p {
	width: 200px;
	float: left;
	border: 1px solid #bbbbbb;
	margin: 3px 0;
	padding: 3px;
	font-size: 11px;
}

fieldset p {
	border: none;
	margin: 4px 0;
}

.help {
	border-left: 1px solid #eeeeee;
	padding: 5px 10px;
}

#alerts {
	display: block;
	margin: 0 auto;
	width: 600px;
	padding: 10px;
	border: 1px solid #dddddd;
	background-color: #f3f3f3;
	list-style: none;
	text-align: left;
}

fieldset select {
	width: 308px;
}

fieldset textarea {
	width: 400px;
	height: 100px;
}

/* BUTTONS */
.buttons a,.buttons button {
	display: block;
	float: right;
	margin: 0 7px 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
	padding: 5px 10px 6px 7px; /* Links */
}

.buttons button {
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 7px; /* IE6 */
}

.buttons button[type] {
	padding: 5px 10px 5px 7px; /* Firefox */
	line-height: 17px; /* Safari */
}

*:first-child+html button[type] {
	padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons button img,.buttons a img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

/* STANDARD */
button:hover,.buttons a:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}

.buttons a:active {
	background-color: #6299c5;
	border: 1px solid #6299c5;
	color: #fff;
}

/* POSITIVE */
.positive,button.positive,.buttons a.positive {
	color: #529214;
}

.buttons a.positive:hover,button.positive:hover {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
}

.buttons a.positive:active {
	background-color: #529214;
	border: 1px solid #529214;
	color: #fff;
}

/* NEGATIVE */
.buttons a.negative,button.negative {
	color: #d12f19;
}

.buttons a.negative:hover,button.negative:hover {
	background: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #d12f19;
}

.buttons a.negative:active {
	background-color: #d12f19;
	border: 1px solid #d12f19;
	color: #fff;
}

div.error,input.error,select.error {
	border: solid 1px #cc0000;
	background-color: #fffdfd;
}

label.error {
	color: red;
}

ul.validation-errors {
	list-style-type: none;
	color: #cc0000;
	line-height: 24px;
	padding: 5px;
	margin: 15px;
	background-color: #f5f5f5;
	border: 1px solid #dadada;
	width: 520px;
}

ul.validation-errors em {
	font-weight: bold;
}

div.success {
	font-size: 11px;
	line-height: 24px;
	color: #529214;
	font-weight: bold;
	margin: 15px;
	padding: 5px;
	width: 520px;
	background-color: #f5f5f5;
	border: 1px solid #dadada;
}

div.formrow {
	clear: both;
	float: left;
	padding: 0 0 15px 0; /* margin nie działa pod IE */
	overflow: hidden;
	text-align: justify;
	width: 100%;
}

div.formrow select {
	width: auto;
	margin-right: 3px;
}

#terms_accept {
	margin-left: 135px;
	text-align: left;
	margin-bottom: 20px;
	padding: 3px;
	width: 300px;
}

#terms_accept a,#terms_accept label,#terms_accept input {
	float: left;
}

#terms_accept a {
	line-height: normal;
	padding-left: 5px;
}

div.column_left {
	float: left;
	width: 70%;
	vertical-align: top;
}

div.column_right {
	float: right;
	width: 30%;
	vertical-align: top;
}

table.defaultTable {
	width: 640px;
	padding: 2px;
	margin: 0 auto;
}

table.bigTable {
	width: 100%;
}

.bigger {
	font-size: 12px;
	font-weight: bold;
}

div.column table.defaultTable {
	width: 550px;
	margin: 0px;
}


table.defaultTable tr.np td {
	background-color: #DDDDDD;
}

table.defaultTable tr.p td {
	background-color: #FFFFFF;
}

div.column table.defaultTable tr {
	border: 1px solid #EAF7FB;
}

table.defaultTable caption {
	text-align: left;
	padding: 35px 5px 5px 5px;
	font-size: 13pt;
	color: #233D65;
	font-weight: bold;
	text-transform: uppercase;
}

table.defaultTable thead td {
	font-weight: bold;
	color: #E20000;
	text-align: left;
}

.module-descr {
	color: #666666;
	font-size: 9pt;
	font-weight: normal;
}

table.defaultTable td.r {
	text-align: right;
	padding-right: 3px;
}

table.defaultTable td.c {
	text-align: center;
}

table.defaultTable td.l {
	text-align: left;
	padding-left: 3px;
}

table.defaultTable tbody td {
	padding: 3px 0;
	text-align: center;
}

table.defaultTable tr.np th {
	background-color: #dddddd;
}


table.defaultTable tr.p td {
	background-color: #ffffff;
}

table.defaultTable tbody tr.price td {
	font-size: 14pt;
	background-color: #d1dff4;
}

table.defaultTable tbody tr.price2 td {
	font-size: 14pt;
	background-color: #c1d0e7;
}

tr.highlight {
	background-color: #D1DFF4;
	font-weight: bold;
}

table.defaultTable tbody tr.sum {
	font-size: 11pt;
	background-color: #fffef1;
}

table.defaultTable tbody th {
	padding: 5px;
	font-size: 8pt;
	width: 140px;
	text-align: left;
}

table.services tbody td {
	width: auto;
}

h3.important strong {
	color: #222222;
}

.important {
	color: #e20000;
}

.arrow_next {
	margin-left: 25px;
	margin-right: 25px;
}

#user_status {
	vertical-align: middle;
}

#user_status div {
	float: left;
	font-weight: bold;
	color: #CCCCCC;
}

#user_status div.inactive {
	color: #EAEAEA;
}

#user_status img {
	float: left;
	padding-top: 5px;
	padding-right: 4px;
}

#user_status img.arrow_next {
	padding-top: 0px;
}

#user_status div.status_active,div.status_active a {
	color: #e20000;
	text-decoration: underline;
}

.select_discipline {
	text-align: center;
	background-color: red;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

.discipline_change {
	float: left;
	width: 204px;
	height: 330px;
	border: 1px solid #747474;
	padding: 5px;
	margin: 4px;
}

div.discipline_change img {
	width: 200px;
	height: 194px;
}

.discipline_change p {
	font-size: 12px;
}

fieldset.order_details h5 {
	color: red;
}

input.datepicker {
	width: 80px;
	margin-right: 3px;
}

input.small_button {
	width: 30px;
	margin-left: 3px;
}

.training_day {
	width: 98%;
	padding: 5px;
	background-color: #f4f4f4;
	float: left;
	color: #555555;
	font-style: italic;
}

td.current_day {
	
}

td.day_free {
	color: #CCCCCC;
}

table.defaultTable tbody td.info_cell {
	width: 600px;
	text-align: left;
	padding-left: 4px;
}

.profile_box {
	width: 30%;
	height: 120px;
	margin: 5px 5px 5px 5px;
	background-color: #f4f4f4;
	float: left;
	color: #555555;
	font-size: 14px;
	text-align: center;
}

.profile_box h2 {
	margin-top: 10px;
	margin-left: 15px;
}

.profile_box a,.profile_box p {
	float: none;
	color: #222222;
	line-height: 32px;
}

.profile_box div {
	height: 30px;
	margin-top: 5px;
}

#currency_select {
	text-align: left;
}

#currency_select a {
	margin: 5px;
	float: left;
	color: #222222;
	text-decoration: none;
}

img.infoicon {
	float: left;
	margin: 3px 0 0 10px;
}

#tooltip.pretty {
	background: #F1F7FF;
	border: 1px solid #CAE1FF;
	font-size: 11px;
	padding: 5px;
	position: absolute;
	z-index: 3000;
	opacity: 0.8; /* porządne przeglądarki */
	-khtml-opacity: 0.8; /* Safari 1.x */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 8 */
	filter: alpha(opacity = 80); /* IE 5-7 */
	-moz-opacity: 0.8; /* Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
}

#tooltip h3,#tooltip div {
	font-size: 13px;
	/* http://sandipmore.blogspot.com/2009/01/jquery-tooltip-bug-ie7-bigger-fonts.html */
	margin: 0;
	padding: 10px;
}

table.trainingTable {
	width: 100%;
}

tr.microcycle {
	background: #dddddd;
	font-size: 13px;
}

#macrocycleTable {
	border: 1px solid #747474;
}

#macrocycleTable tr {
	border: 1px solid #747474;
}

#macrocycleTable td {
	border: 1px solid #747474;
	width: 20px;
}

#macrocycleTable td.head {
	background-color: #DDDDDD;
	width: 150px;
}

#macrocycleTable td.mezocycle {
	text-align: center;
	font-size: 14px;
}

#macrocycleTable td.microcycle {
	text-align: center;
	font-size: 12px;
}

tr.c {
	text-align: center;
}

#new_predef_date {
	width: 70px;
	padding: 4px;
	margin-right: 5px;
}

img.middle {
	vertical-align: middle;
}
		/* 
		tego ustawienia używałem do ustawienia przycisku lubię to
		Piotr Słowik
		#facebook {
			display:block;
			position:relative;
			width:400px;
			margin-left:0;
			margin-top: 10px;
		} 
		<div id="facebook">
					<script src="http://connect.facebook.net/pl_PL/all.js#xfbml=1"></script>
					<fb:like href="http://www.multisportsystem.com/" show_faces="true" width="450"></fb:like>
		</div>
		*/