/*************************************
 *
 *  Code By Attenzione
 *  Started at 21.04.2008
 *
 *************************************/

#guest-wrapper {
	padding: 0 34px;
}
#index {
	padding: 16px 20px 36px 20px;
}
#guest-wrapper table.guest-wrapper {
	width: 100%;
}

#guest-wrapper table.guest-wrapper td.tl,
#guest-wrapper table.guest-wrapper td.tr,
#guest-wrapper table.guest-wrapper td.bl,
#guest-wrapper table.guest-wrapper td.br {
	font-size: 0px;
}
#guest-wrapper table.guest-wrapper td.tl div,
#guest-wrapper table.guest-wrapper td.tr div,
#guest-wrapper table.guest-wrapper td.bl div,
#guest-wrapper table.guest-wrapper td.br div {
	width: 6px;
	height: 6px;
}
#guest-wrapper table.guest-wrapper td.tl div {
	background: url(../images/i/bubbles/guest-tl.png) no-repeat;
}
#guest-wrapper table.guest-wrapper td.tr div {
	background: url(../images/i/bubbles/guest-tr.png) no-repeat;
}
#guest-wrapper table.guest-wrapper td.bl div {
	background: url(../images/i/bubbles/guest-bl.png) no-repeat;
}
#guest-wrapper table.guest-wrapper td.br div {
	background: url(../images/i/bubbles/guest-br.png) no-repeat;
}
#guest-wrapper table.guest-wrapper td.t,
#guest-wrapper table.guest-wrapper td.l,
#guest-wrapper table.guest-wrapper td.r,
#guest-wrapper table.guest-wrapper td.b {
	background: #FFF;
	font-size: 0px;
}
#guest-wrapper table.guest-wrapper td.inner {
	background: #FFF;
	/*padding: 24px 25px 28px;*/
	width: 100%;
}
#index h1 {
	margin-bottom: 19px;
	color: #382b7a;
	font-size: 1.85em;
}
#index phrase-frame {
	margin-bottom: 20px;
}

#welcome {
	width: 100%;
}
#welcome td.left {
	width: 99%;
}
#welcome td.right {
	padding-left: 29px;
	width: 1%;
}
#welcome div.fade-left {
	background: url(../images/i/bg/guest/grey-fade-l.gif) top left no-repeat;
}
#welcome div.fade-right {
	background: url(../images/i/bg/guest/grey-fade-r.gif) top right no-repeat;
	padding: 0 5px;
}
#welcome div.fade-inner {
	background: url(../images/i/bg/guest/grey-fade.gif) top left repeat-x;
	padding: 16px 23px;
	color: #535353;
}
#welcome div.fade-inner ul {
	margin-bottom: 27px;
}
#welcome div.fade-inner ul li {
	background: url(../images/i/mrk/circle-orange.gif) 0 4px no-repeat;
	padding-left: 28px;
	margin-bottom: 10px;
	line-height: 19px;
	font-size: 1.08em;
}
#welcome table.buttons th.button,
#welcome table.buttons td.lead {
	padding-bottom: 20px;
	color: #535353;
}
#welcome table.buttons th.button {
	padding-top: 3px;
}
#welcome table.buttons td.lead {
	padding-left: 20px;
	line-height: 17px;
	font-size: 0.92em;
	white-space: normal;
	width: 99%;
}
#welcome table.buttons div.blue-button a,
#welcome table.buttons div.green-button a {
	width: 203px;
}

#login-wrapper {
	background: url(../images/i/bg/login-white.gif) top left no-repeat;
	padding-left: 30px;
}

#login {
	margin: -40px -7px 23px 0;
	position: relative;
}
div.about #login {
	width: 100px;
	margin-top: -57px;
}
#login td.login-tl,
#login td.login-t,
#login td.login-tr,
#login td.login-bl,
#login td.login-b,
#login td.login-br {
	font-size: 0px;
}
#login td.login-tl div {
	background: url(../images/i/bubbles/login-tl.png) no-repeat;
	width: 11px;
	height: 10px;
}
#login td.login-t {
	background: url(../images/i/bubbles/login-t.gif) repeat-x;
}
#login td.login-tr div {
	background: url(../images/i/bubbles/login-tr.png) no-repeat;
	width: 13px;
	height: 10px;
}
#login td.login-l {
	background: url(../images/i/bubbles/login-l.png) repeat-y;
}
#login td.login-r {
	background: url(../images/i/bubbles/login-r.png) repeat-y;
}
#login td.login-bl div {
	background: url(../images/i/bubbles/login-bl.png) no-repeat;
	width: 11px;
	height: 11px;
}
#login td.login-b {
	background: url(../images/i/bubbles/login-b.png) repeat-x;
}
#login td.login-br div {
	background: url(../images/i/bubbles/login-br.png) no-repeat;
	width: 13px;
	height: 12px;
}
#login td.login-inner {
	background: #edffe1;
	padding: 6px 7px 5px 11px;
}
#login h1 {
	margin-bottom: 5px !important;
	font-size: 1.54em !important ;
	color: #000 !important;
}
#login div.message {
	padding-bottom: 10px;
	color: #950000;
	line-height: 15px;
}

#login-form th {
	padding-bottom: 10px;
	color: #959595;
	white-space: nowrap;
	font-size: 0.92em;
	vertical-align: middle;
}
#login-form td {
	padding: 0 0 10px 10px;
	white-space: nowrap;
	font-size: 0.85em;
	vertical-align: middle;
}
#login-form td.remember {
	white-space: normal;
}
#login-form td.remember input.checkbox {
	float: left;
}
#login-form td.remember div {
	margin-left: 23px;
	cursor: pointer;
}
#login-form div.form-button {
	margin-top: 7px;
}
#forgot-form {
	position: relative;
}
#forgot-form div.orange-bubble { font-size: 1em; }
#forgot-form th,
#forgot-form td {
	font-size: 1em;
}
#confirmed-email {
	position: relative;
}
#confirmed-email div.yellow-bubble h1 {
	margin-bottom: 0 !important;
	color: #FFF !important ;
	width: 400px;
	white-space: normal;
}
#confirmed-email div.yellow-bubble {
	right: 87px;
	top: 10px;
}
#confirmed-email div.yellow-bubble div.triangle {
	background: url(../images/i/bg/guest/conf-triangle.png) no-repeat;
	position: absolute;
	width: 45px;
	height: 45px;
	top: 3px;
	right: -45px;
}

#muscle-wrapper {
	padding: 0 15px;
	margin-bottom: 35px;
}
#muscles {
	width: 100%;
	height: 151px;
}
#muscles th,
#muscles td {
	text-align: center;
}
#muscles th div,
#muscles td div {
	margin: 0 auto;
	width: 1px;
}
#muscles th div table {
	background: url(../images/i/bg/guest/muscle-first.png) no-repeat;
	font-size: 1.38em;
	color: #FFF;
}
#muscles td div table {
	background: url(../images/i/bg/guest/muscle.png) no-repeat;
	font-size: 1.08em;
	color: #535353;
}
#muscles th div table,
#muscles td div table {
	width: 151px;
	height: 151px;
	position: absolute;
	margin-left: -75px;
}
#muscles th div table td,
#muscles td div table td {
	padding: 0 10px;
	vertical-align: middle;
	font-size: 1.08em;
}

#learn-menu {
	margin-top: -5px;
	position: relative;
	top: 9px;
}
#learn-menu ul {
	height: 65px;
}
#learn-menu ul li {
	background: none;
	float: left;
	font-size: 1.31em;
	height: 65px;
}
* html #learn-menu ul li {
	display: inline-block;
}
#learn-menu ul li a span {
	display: block;
	color: #0095cc;
	font-size: 0.65em;
}
#learn-menu ul li a:hover span {
	color: #00BCFF;
}
#learn-menu ul li a.steps-r {
	padding: 10px 20px 0 20px;
	height: 55px;
	display: block;
	text-decoration: underline;
	cursor: pointer;
}
* html #learn-menu ul li a.steps-r {
	display: inline-block;
}
#learn-menu ul li.active {
	background: url(../images/i/bg/guest/steps.gif) #f0f0f0 top left repeat-x;
}
#learn-menu ul li.active div.steps-l {
	background: url(../images/i/bg/guest/steps-l.gif) top left no-repeat;
}
#learn-menu ul li.active a.steps-r {
	background: url(../images/i/bg/guest/steps-r.gif) top right no-repeat;
	color: #000;
	cursor: default;
	text-decoration: none;
}
#learn-menu ul li.active a span {
	color: #000;
}

#learn-steps {
	background: url(../images/i/bg/guest/steps.gif) #f0f0f0 top left repeat-x;
}
#learn-steps div.steps-tl {
	background: url(../images/i/bg/guest/steps-l.gif) top left no-repeat;
}
#learn-steps div.steps-tr {
	background: url(../images/i/bg/guest/steps-r.gif) top right no-repeat;
}
#learn-steps div.steps-bl {
	background: url(../images/i/bg/guest/steps-bl.gif) bottom left no-repeat;
}
#learn-steps div.steps-br {
	background: url(../images/i/bg/guest/steps-br.gif) bottom right no-repeat;
}
#step-content {
	padding: 26px 30px 30px 26px;
}

#step-content table.step-table { width: 100%; }
#step-content td.step-image { width: 1%; padding: 7px 0 0 0; }
#step-content td.step-text { width: 99%; font-size: 1.08em; padding: 0 0 20px 30px; }
#step-content td.step-image div.si-tl {
	background: url(../images/i/bg/guest/si-tl.gif) #FFF top left no-repeat;
}
#step-content td.step-image div.si-tr {
	background: url(../images/i/bg/guest/si-tr.gif) top right no-repeat;
}
#step-content td.step-image div.si-bl {
	background: url(../images/i/bg/guest/si-bl.gif) bottom left no-repeat;
}
#step-content td.step-image div.si-br {
	background: url(../images/i/bg/guest/si-br.gif) bottom right no-repeat;
	padding: 8px 17px 10px;;
}
#step-content td.step-image div.si-triangle {
	position: relative;
}
#step-content td.step-image div.si-triangle div {
	background: url(../images/i/bg/guest/si-triangle.gif) no-repeat;
	position: absolute;
	top: 24px;
	right: -19px;
	width: 19px;
	height: 44px;
}
#step-content td.step-text p {
	margin-bottom: 20px;
	line-height: 24px;
}
div.step-next { position: relative; }
div.step-next a.next {
	background: url(../images/i/buttons/next-round.gif) top right no-repeat;
	position: absolute;
	padding-right: 42px;
	line-height: 29px;
	display: block;
	height: 31px;
	top: -30px;
	right: 0;
}
* html div.step-next a.next {
	right: 55px;
}
div.step-next { position: relative; }
div.step-next a.prev {
	background: url(../images/i/buttons/prev-round.gif) top left no-repeat;
	position: absolute;
	padding-left: 42px;
	line-height: 29px;
	display: block;
	height: 31px;
	top: -30px;
	left: 477px;
}
div.step-next a.about-prev {
	position: static;
	float: left;
}

#registration-form {
	position: relative;
	z-index: 5;
}