body {
	
}

.page-mayan-cross .with-navigation #content {
    margin-top: 43px;
}

.mayan_cross_graphic {
	width: 1020px;
	height: 654px;
	background: transparent url(images/energy/bg_none.jpg) no-repeat scroll -7px -7px;
	position: relative;
}

.mayan_cross_graphic.background_yellow_white { background-image: url(images/energy/bg_gold_white.jpg); }
.mayan_cross_graphic.background_white_yellow { background-image: url(images/energy/bg_white_gold.jpg); }
.mayan_cross_graphic.background_red_blue { background-image: url(images/energy/bg_red_blue.jpg); }
.mayan_cross_graphic.background_blue_red { background-image: url(images/energy/bg_blue_red.jpg); }

.mayan_cross_graphic .sign {
	width: 150px;
	height: 150px;
	position: absolute;
	background: transparent url(images/energy/signs.png);
	display: block;
	text-decoration: none;
}

.mayan_cross_graphic .sign:hover {
	text-decoration: none;
	background: transparent url(images/energy/signs_hover.png);	
}

.mayan_cross_graphic .sign.north_sign {
	top: 22px;
	left: 419px;
}

.mayan_cross_graphic .sign.east_sign {
	top: 240px;
	left: 659px;
}

.mayan_cross_graphic .sign.west_sign {
	top: 240px;
	left: 176px;
}

.mayan_cross_graphic .sign.south_sign {
	top: 480px;
	left: 419px;
}

.mayan_cross_graphic .sign.central_sign {
	top: 240px;
	left: 419px;
}

.mayan_cross_graphic .sign.sign_imix { background-position: -150px -150px; }
.mayan_cross_graphic .sign.sign_ik { background-position: -600px -600px; }
.mayan_cross_graphic .sign.sign_akbal { background-position: 0px 0px; }
.mayan_cross_graphic .sign.sign_kan { background-position: -150px -300px; }
.mayan_cross_graphic .sign.sign_chicchan{ background-position: -600px -150px; }
.mayan_cross_graphic .sign.sign_cimi { background-position: 0px -600px; }
.mayan_cross_graphic .sign.sign_manik { background-position: -300px 0px; }
.mayan_cross_graphic .sign.sign_lamat { background-position: -450px -300px; }
.mayan_cross_graphic .sign.sign_muluc { background-position: -450px -150px; }
.mayan_cross_graphic .sign.sign_oc { background-position: -450px -600px; }
.mayan_cross_graphic .sign.sign_chuen { background-position: -150px 0px; }
.mayan_cross_graphic .sign.sign_eb { background-position: -600px -300px; }
.mayan_cross_graphic .sign.sign_ben { background-position: 0px -150px; }
.mayan_cross_graphic .sign.sign_ix { background-position: -150px -600px; }
.mayan_cross_graphic .sign.sign_men{ background-position: -450px 0px; }
.mayan_cross_graphic .sign.sign_cib { background-position: -300px -300px; }
.mayan_cross_graphic .sign.sign_caban { background-position: -300px -150px; }
.mayan_cross_graphic .sign.sign_etznab { background-position: -300px -600px; }
.mayan_cross_graphic .sign.sign_cauac { background-position: -600px 0px; }
.mayan_cross_graphic .sign.sign_ahau { background-position: 0px -300px; }


.mayan_cross_graphic .sign.central_sign.sign_ik { background-position: -600px -750px; }
.mayan_cross_graphic .sign.central_sign.sign_kan { background-position: -150px -450px; }
.mayan_cross_graphic .sign.central_sign.sign_cimi { background-position: 0px -750px; }
.mayan_cross_graphic .sign.central_sign.sign_lamat { background-position: -450px -450px; }
.mayan_cross_graphic .sign.central_sign.sign_oc { background-position: -450px -750px; }
.mayan_cross_graphic .sign.central_sign.sign_eb { background-position: -600px -450px; }
.mayan_cross_graphic .sign.central_sign.sign_ix { background-position: -150px -750px; }
.mayan_cross_graphic .sign.central_sign.sign_cib { background-position: -300px -450px; }
.mayan_cross_graphic .sign.central_sign.sign_etznab { background-position: -300px -750px; }
.mayan_cross_graphic .sign.central_sign.sign_ahau { background-position: 0px -450px; }


.mayan_cross_graphic .tone {
	width: 55px;
	height: 75px;
	position: absolute;
	background: transparent url(images/energy/numbers.png);
	z-index: 2;
}

.mayan_cross_graphic .tone:hover {
	background: transparent url(images/energy/numbers_hover.png);
}

.mayan_cross_graphic .tone.north_tone {
	top: 57px;
	left: 392px;
}

.mayan_cross_graphic .tone.east_tone {
	top: 265px;
	left: 632px;
}

.mayan_cross_graphic .tone.west_tone {
	top: 265px;
	left: 149px;
}

.mayan_cross_graphic .tone.south_tone {
	top: 505px;
	left: 392px;
}

.mayan_cross_graphic .tone.central_tone {
	top: 265px;
	left: 392px;
}

.mayan_cross_graphic .tone.tone_1_white { background-position: 0px 0px; }
.mayan_cross_graphic .tone.tone_2_white { background-position: 0px -75px; }
.mayan_cross_graphic .tone.tone_3_white { background-position: 0px -150px; }
.mayan_cross_graphic .tone.tone_4_white { background-position: 0px -225px; }
.mayan_cross_graphic .tone.tone_5_white { background-position: 0px -300px; }
.mayan_cross_graphic .tone.tone_6_white { background-position: 0px -375px; }
.mayan_cross_graphic .tone.tone_7_white { background-position: 0px -450px; }
.mayan_cross_graphic .tone.tone_8_white { background-position: 0px -525px; }
.mayan_cross_graphic .tone.tone_9_white { background-position: 0px -600px; }
.mayan_cross_graphic .tone.tone_10_white { background-position: 0px -675px; }
.mayan_cross_graphic .tone.tone_11_white { background-position: 0px -750px; }
.mayan_cross_graphic .tone.tone_12_white { background-position: 0px -825px; }
.mayan_cross_graphic .tone.tone_13_white { background-position: 0px -900px; }

.mayan_cross_graphic .tone.tone_1_yellow { background-position: -55px 0px; }
.mayan_cross_graphic .tone.tone_2_yellow { background-position: -55px -75px; }
.mayan_cross_graphic .tone.tone_3_yellow { background-position: -55px -150px; }
.mayan_cross_graphic .tone.tone_4_yellow { background-position: -55px -225px; }
.mayan_cross_graphic .tone.tone_5_yellow { background-position: -55px -300px; }
.mayan_cross_graphic .tone.tone_6_yellow { background-position: -55px -375px; }
.mayan_cross_graphic .tone.tone_7_yellow { background-position: -55px -450px; }
.mayan_cross_graphic .tone.tone_8_yellow { background-position: -55px -525px; }
.mayan_cross_graphic .tone.tone_9_yellow { background-position: -55px -600px; }
.mayan_cross_graphic .tone.tone_10_yellow { background-position: -55px -675px; }
.mayan_cross_graphic .tone.tone_11_yellow { background-position: -55px -750px; }
.mayan_cross_graphic .tone.tone_12_yellow { background-position: -55px -825px; }
.mayan_cross_graphic .tone.tone_13_yellow { background-position: -55px -900px; }

.mayan_cross_graphic .tone.tone_1_blue { background-position: -110px 0px; }
.mayan_cross_graphic .tone.tone_2_blue { background-position: -110px -75px; }
.mayan_cross_graphic .tone.tone_3_blue { background-position: -110px -150px; }
.mayan_cross_graphic .tone.tone_4_blue { background-position: -110px -225px; }
.mayan_cross_graphic .tone.tone_5_blue { background-position: -110px -300px; }
.mayan_cross_graphic .tone.tone_6_blue { background-position: -110px -375px; }
.mayan_cross_graphic .tone.tone_7_blue { background-position: -110px -450px; }
.mayan_cross_graphic .tone.tone_8_blue { background-position: -110px -525px; }
.mayan_cross_graphic .tone.tone_9_blue { background-position: -110px -600px; }
.mayan_cross_graphic .tone.tone_10_blue { background-position: -110px -675px; }
.mayan_cross_graphic .tone.tone_11_blue { background-position: -110px -750px; }
.mayan_cross_graphic .tone.tone_12_blue { background-position: -110px -825px; }
.mayan_cross_graphic .tone.tone_13_blue { background-position: -110px -900px; }

.mayan_cross_graphic .tone.tone_1_red { background-position: -165px 0px; }
.mayan_cross_graphic .tone.tone_2_red { background-position: -165px -75px; }
.mayan_cross_graphic .tone.tone_3_red { background-position: -165px -150px; }
.mayan_cross_graphic .tone.tone_4_red { background-position: -165px -225px; }
.mayan_cross_graphic .tone.tone_5_red { background-position: -165px -300px; }
.mayan_cross_graphic .tone.tone_6_red { background-position: -165px -375px; }
.mayan_cross_graphic .tone.tone_7_red { background-position: -165px -450px; }
.mayan_cross_graphic .tone.tone_8_red { background-position: -165px -525px; }
.mayan_cross_graphic .tone.tone_9_red { background-position: -165px -600px; }
.mayan_cross_graphic .tone.tone_10_red { background-position: -165px -675px; }
.mayan_cross_graphic .tone.tone_11_red { background-position: -165px -750px; }
.mayan_cross_graphic .tone.tone_12_red { background-position: -165px -825px; }
.mayan_cross_graphic .tone.tone_13_red { background-position: -165px -900px; }

.mayan_cross_graphic .top_text {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 250px;
	font-weight: bold;
}

.mayan_cross_graphic .top_text a {
	color: #FFDD73;
	text-decoration: none;
}

.mayan_cross_graphic .top_text a:hover {
	color: white;
	text-decoration: none;
}

.mayan_cross_graphic .info_section {
	position: absolute;
	font-size: 11px;
	line-height: 1.2;
}

.mayan_cross_graphic .info_section .label {
	color: #FFDD73;
	font-weight: bold;
	margin-bottom: .5em;
	text-align: center;
}

.mayan_cross_graphic .info_section .label a {
	color: #FFDD73;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: .5em;
	text-align: center;
}

.mayan_cross_graphic .info_section .label a:hover {
	color: white;
}

.mayan_cross_graphic .info_section .info {
	padding: 10px;
	border: solid 1px white;
	text-align: center;
	font-size: 12px;
}

.mayan_cross_graphic .info_section.mantra .info {
	height: 75px;
}

.mayan_cross_graphic .info_section .info a {
	color: #FFDD73;
	text-decoration: none;
}

.mayan_cross_graphic .info_section.mayan_birthday { top: 150px; right: 10px; }
.mayan_cross_graphic .info_section.yb { top: 250px; right: 10px; }
.mayan_cross_graphic .info_section.mantra { top: 350px; right: 10px; }
.mayan_cross_graphic .info_section.nawales { top: 512px; right: 10px; }
.mayan_cross_graphic .info_section.more_info { top: 630px; left: 350px; width: 300px; }

.section-mayan-cross h1.title,
.section-mayan-cross-form h1.title,
.section-mayan-cross .breadcrumb,
.section-mayan-cross-form .breadcrumb {
	display: none;
}

.page-mayan-cross-form h1.title {
	display: none;
}

#mayan-cross-enter-date .top_text {
	width: 321px;
	margin-bottom: 1em;
	font-weight: bold;
}

#mayan-cross-enter-date fieldset {
	width: 183px;
	text-align: center;
}

#mayan-cross-enter-date fieldset .form-item {
	margin-top: 1em;
	margin-right: 1em;
	float: left;
}

#mayan-cross-enter-date fieldset #edit-input-date-era-wrapper {
	clear: left;
}

#mayan-cross-enter-date fieldset #edit-input-date-year-wrapper {
	margin-right: 0;
}

#mayan-cross-enter-date fieldset .form-submit {
	margin-top: 1em;
	clear: left;
	float: left;
}

#mayan-cross-enter-date {
	padding-left: 10px;
}


.mayan_cross_graphic .tooltip {
	padding: 10px;
	border: solid 1px white;
	color: white;
	text-decoration: none;
	display: none;
	z-index: 5;
	position: absolute;
	top: 400px;
	left: 10px;
	width: 230px;
	min-height: 180px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1;
}

.mayan_cross_graphic .tooltip strong {
	color: #FFDD73;
}

.error_message {
	padding: 10px;
	border: solid 1px white;
	color: white;
	text-decoration: none;
	margin: 20px;
	text-align: center;
	font-size: 11px;
	line-height: 1.1;
}

.error_message a {
	color: #FFDD73;
}

/*--- Admin Form ---*/

#mayan-cross-admin-settings .number .cke_skin_kama {
	width: 98% !important;
}

#mayan-cross-admin-settings .number .cke_contents {
	height: 100px !important;
}

#mayan-cross-admin-settings .sign .cke_skin_kama {
	width: 98% !important;
}

#mayan-cross-admin-settings .sign .cke_contents {
	height: 200px !important;
}