/* PLAYER_V2.CSS */
@import url(//fonts.googleapis.com/css?family=Handlee);@import url(//fonts.googleapis.com/css?family=Oxygen:400,700);@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);@import url(//fonts.googleapis.com/css?family=Cookie);@import url(//fonts.googleapis.com/css?family=Fauna+One);@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);@import url(//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700);#magma { margin-top: 0;width: 100%;background-color: transparent; }
#magma #player, #magma .player { width: 100%;height: 100%;position: relative;float: left;background-position: center top;background-repeat: no-repeat;z-index: 1; }
#magma #player.bigClone, #magma .player.bigClone { position: absolute;top: 0;left: 0;z-index: 11; }
#magma #player.niceTrain, #magma .player.niceTrain { position: absolute;top: 0;left: 0;z-index: 11; }
#magma #player #building_area, #magma .player #building_area { width: 800px;height: 100%;z-index: 1;margin-left: 50%;left: -400px;position: relative;float: left; }
#magma #player #building_area button.button *, #magma .player #building_area button.button * { position: relative;float: left; }
#magma #player #building_area .voyant_text, #magma .player #building_area .voyant_text { top: 0px;left: 0px; }
#magma #player #building_area .voyant_text font.title, #magma .player #building_area .voyant_text font.title { position: relative;margin-right: 3px;float: left; }
#magma #player #building_area .voyant_text font.content, #magma .player #building_area .voyant_text font.content { float: none; }
#magma #player #building_area .voyant_text font b, #magma .player #building_area .voyant_text font b { position: relative;display: inline; }
#magma #player #building_area .action, #magma .player #building_area .action { display: none; }
#magma #player #building_area .simple_text, #magma .player #building_area .simple_text { position: relative;top: 0px;left: 0px; }
#magma #player #building_area .simple_text font, #magma .player #building_area .simple_text font { position: relative; }
#magma #player #building_area .simple_text font.title, #magma .player #building_area .simple_text font.title { color: red;text-decoration: underline; }
#magma #player #building_area .upload_file, #magma .player #building_area .upload_file { position: relative;top: 0px;left: 0px;width: 450px;height: 280px;text-align: center; }
#magma #player #building_area .upload_file .dropzone, #magma .player #building_area .upload_file .dropzone { position: relative;float: left;width: 194px;height: 250px;border: 1px solid red;overflow: hidden;margin-left: 128px; }
#magma #player #building_area .upload_file .dropzone img, #magma .player #building_area .upload_file .dropzone img { position: relative; }
#magma #player #building_area .upload_file .input_file, #magma .player #building_area .upload_file .input_file { position: relative;margin-top: 5px; }
#magma #player #building_area .upload_file #fupload, #magma .player #building_area .upload_file #fupload { width: auto; }
#magma #player #building_area .lbl_radio, #magma #player #building_area input[type="radio"], #magma .player #building_area .lbl_radio, #magma .player #building_area input[type="radio"] { cursor: pointer; }
#magma #player #building_area #cb_seperator, #magma #player #building_area #cb_seperator2, #magma #player #building_area #cb_seperator3, #magma #player #building_area #cb_seperator4, #magma #player #building_area #lbl_cb_seperator, #magma #player #building_area #lbl_cb_seperator2, #magma #player #building_area #lbl_cb_seperator3, #magma #player #building_area #lbl_cb_seperator4, #magma #player #building_area #cb_hidden, #magma #player #building_area #cb_hidden2, #magma #player #building_area #cb_hidden3, #magma #player #building_area #lbl_cb_hidden, #magma #player #building_area #lbl_cb_hidden2, #magma #player #building_area #lbl_cb_hidden3, #magma .player #building_area #cb_seperator, #magma .player #building_area #cb_seperator2, #magma .player #building_area #cb_seperator3, #magma .player #building_area #cb_seperator4, #magma .player #building_area #lbl_cb_seperator, #magma .player #building_area #lbl_cb_seperator2, #magma .player #building_area #lbl_cb_seperator3, #magma .player #building_area #lbl_cb_seperator4, #magma .player #building_area #cb_hidden, #magma .player #building_area #cb_hidden2, #magma .player #building_area #cb_hidden3, #magma .player #building_area #lbl_cb_hidden, #magma .player #building_area #lbl_cb_hidden2, #magma .player #building_area #lbl_cb_hidden3 { visibility: hidden; }
#magma #player #building_area button, #magma #player #building_area input, #magma #player #building_area textarea, #magma #player #building_area span, #magma #player #building_area div, #magma #player #building_area img, #magma #player #building_area label, #magma #player #building_area .encap, #magma #player #building_area .simple_text, #magma .player #building_area button, #magma .player #building_area input, #magma .player #building_area textarea, #magma .player #building_area span, #magma .player #building_area div, #magma .player #building_area img, #magma .player #building_area label, #magma .player #building_area .encap, #magma .player #building_area .simple_text { position: absolute;z-index: 2;margin: 0; }
#magma #player #building_area input, #magma #player #building_area textarea, #magma .player #building_area input, #magma .player #building_area textarea { resize: none;padding-left: 5px;outline: none; }
#magma #player #p_unsub, #magma .player #p_unsub { position: relative;float: left;text-align: center;font-size: 18px;margin-top: 50%;margin-left: 150px; }
#magma #cv { position: absolute;top: 0;left: 0;display: none;z-index: 2;overflow: hidden; }
#magma #cv img { position: absolute; }
#magma #cvie { position: absolute;top: 0;left: 0;display: none;z-index: 2;overflow: hidden; }
#magma #cvie img { position: absolute; }
#magma #backto { position: absolute;right: 0px;top: 42px;z-index: 4; }
#magma #edit { position: absolute;right: 0px;top: 0px;z-index: 4; }
#magma #givemebug { position: absolute;right: 0px;top: 84px;z-index: 4; }
#magma .overlay { position: relative;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.8;background-color: white;z-index: 2; }
#magma .tarot_container, #magma #tarot_container { position: absolute;display: block;left: -500px;margin-left: 50%;width: 1000px;height: 500px;top: 200px;z-index: 3; }
#magma .card { border-radius: 6px 6px 6px 6px;border: 1px solid white;cursor: pointer; }
#magma .directive { position: absolute;width: 280px;height: auto;color: white;font-weight: bold;font-family: Handlee;z-index: 100;border: 3px solid #0d4f9d;padding: 10px;background-color: #ededed;text-align: center;color: #1f5fa6; }
#magma #player #building_area input.precheck.ui-state-error { outline: 1px solid #c00; }
#magma #player #building_area .lbl_checkbox.ui-state-error { padding: 3px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px; }
#magma #loader { position: absolute;z-index: 10;top: 0;left: 0;background: url("/images/197/loader_apple.gif") no-repeat scroll center 100px white;width: 100%;height: 100%;display: block; }
#magma #firstname_suggestion { position: absolute;height: auto;max-height: 208px;background: white;z-index: 999;border: 1px solid #d6d6d6;overflow: auto;font-family: 'Arial', sans-serif; }
#magma #firstname_suggestion .menu-item { padding: 10px 22px;cursor: pointer; }
#magma #firstname_suggestion .menu-item:hover { background-color: #f5f5f5; }
#magma .start_loader { background-color: #333;width: 100%;height: 100vh;top: 0;position: absolute;z-index: 5;transition: 500ms all ease-out; }
#magma .start_loader .wrapper_spinner { position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 6; }
#magma .start_loader .wrapper_spinner .spinner { border-radius: 50%;width: 50px;height: 50px;border: .25rem solid rgba(255,255,255,0.2);border-top-color: white;animation: spin 1s infinite linear; }

@keyframes spin { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
 }
@media only screen and (max-device-width: 736px) { #firstname_suggestion { font-size: 25px; }
.sweet-alert p { font-size: 25px !important; }
 }
/* CNIL */
#magma #player #building_area #cnil { position: absolute; width: 100%; height: 100%; font-size: 14px; left: 0; top: 0; background-color: #FFF; font-family: 'Open Sans'; z-index: 9999; padding: 16px; display: none; }
#magma #player #building_area #cnil p { margin: 2px 0; font-size: 10px; }
#magma #player #building_area #cnil p:last-child { margin-top: -3px; }

#magma #player #building_area #cnil.has-legacies #cnil-wrapper, #magma #player #building_area #cnil.size728x90 #cnil-wrapper .checkboxes { position: relative; -ms-box-orient: vertical; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
#magma #player #building_area #cnil, #magma #player #building_area #cnil * { position: relative !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#magma #player #building_area #cnil a { color: #000; font-weight: bold; text-decoration: none; }
#magma #player #building_area #cnil a:hover { text-decoration: underline; }

#magma #player #building_area #cnil .info-legacies { display: none; }
#magma #player #building_area #cnil.has-legacies .info-legacies { display: inline; }

#magma #player #building_area #cnil #cnil-wrapper { display: flex; flex-wrap: wrap; justify-content: center; }
#magma #player #building_area #cnil .checkboxes { flex: 1 365px; }
#magma #player #building_area #cnil .checkboxes .checkbox-wrapper { margin: 0; }
#magma #player #building_area #cnil .checkboxes .checkbox-wrapper:first-child { margin-top: 0px; }
#magma #player #building_area #cnil .checkboxes .checkbox-wrapper label { cursor: pointer; cursor: hand; clear: both; top: -3px; font-size: 10px; }
#magma #player #building_area #cnil .checkboxes .checkbox-wrapper.error label { color: rgb(255, 0, 10); }
#magma #player #building_area #cnil .checkboxes .checkbox-wrapper input[type="checkbox"] { cursor: pointer; cursor: hand; }
#magma #player #building_area #cnil .checkboxes .button-wrapper { width: 100%; clear: both; margin: auto; text-align: center; }
#magma #player #building_area #cnil .checkboxes button { font-size: 130%; color: rgb(255, 255, 255); background-color: rgb(191, 0, 0); padding: 5px 25px; }
#magma #player #building_area #cnil .optional-content { display: none; }

#magma #player #building_area #cnil .legacies { font-size: 84%; line-height: 150%; display: none; }
#magma #player #building_area #cnil.has-legacies .legacies { display: block; }
#magma #player #building_area #cnil .required-block { padding-top: 10px; display: none; font-size: 72%; display: block; }
#magma #player #building_area #cnil.has-legacies .required-block { display: none; }

/* CNIL SIZES PROPERTIES */
#magma #player #building_area #cnil.size350x250, #magma #player #building_area #cnil.size336x280 { font-size: 12px; padding: 8px 12px; }
#magma #player #building_area #cnil.size350x250 .checkboxes .checkbox-wrapper, #magma #player #building_area #cnil.size336x280 .checkboxes .checkbox-wrapper { margin: 6px 0; }
#magma #player #building_area #cnil.size350x250 .legacies { font-size: 76%; line-height: 120%; }

/* with optional content */
#magma #player #building_area #cnil.size350x250 .optional-content,
#magma #player #building_area #cnil.size350x450 .optional-content,
#magma #player #building_area #cnil.size336x280 .optional-content,
#magma #player #building_area #cnil.size506x384 .optional-content,
#magma #player #building_area #cnil.size468x600 .optional-content { display: block; font-size: 10px; margin: 5px 0; }
#magma #player #building_area #cnil.size350x450 p:last-child,
#magma #player #building_area #cnil.size300x250 p:last-child,
#magma #player #building_area #cnil.size506x384 p:last-child,
#magma #player #building_area #cnil.size336x280 p:last-child,
#magma #player #building_area #cnil.size468x600 p:last-child { margin-top: 0; }
#magma #player #building_area #cnil.size350x450 .checkboxes,
#magma #player #building_area #cnil.size300x250 .checkboxes,
#magma #player #building_area #cnil.size506x384 .checkboxes,
#magma #player #building_area #cnil.size336x280 .checkboxes,
#magma #player #building_area #cnil.size468x600 .checkboxes { min-width: 100%; }

#magma #player #building_area #cnil.size300x250 { font-size: 11px; padding: 6px 10px; }
#magma #player #building_area #cnil.size300x250 .checkboxes .checkbox-wrapper { margin: 4px 0; }
#magma #player #building_area #cnil.size300x250 .legacies { line-height: 118%; }

#magma #player #building_area #cnil.size336x280 .legacies { font-size: 80%; line-height: 120%; }

#magma #player #building_area #cnil.size468x600 .legacies { font-size: 95%; }

#magma #player #building_area #cnil.size600x200 { padding: 10px; font-size: 12px; }
#magma #player #building_area #cnil.size600x200 .checkboxes .checkbox-wrapper { margin: 6px 0; }
#magma #player #building_area #cnil.size600x200 .legacies { font-size: 92%; line-height: 112%; }

#magma #player #building_area #cnil.size160x600 { padding: 10px; font-size: 13px; }
#magma #player #building_area #cnil.size160x600 .legacies { font-size: 80%; line-height: 110%; }

#magma #player #building_area #cnil.size468x60 { padding: 3px 5px; font-size: 9px; letter-spacing: -0pt; }
#magma #player #building_area #cnil.size468x60 .checkboxes .checkbox-wrapper { margin: 0px 0; }
#magma #player #building_area #cnil.size468x60 .checkboxes button { font-size: 110%; padding: 3px 15px; border-radius: 2px; -webkit-border-radius: 2px; }
#magma #player #building_area #cnil.size468x60 .required-block { display: none; }
/* NICEBUTTONS.CSS */
/* @group Buttons Library Styles
----------------------------------------------- */

/* DEFAULT STYLING */

.niceButton {

	font: bold 13px/1.6em  "Lucida Grande", Arial, Verdana;
	color: white;
	text-decoration: none;
	
	text-shadow: 0 1px 0 rgba(0,0,0,.4);
	filter: dropshadow(color=#1c1c1c, offx=0, offy=1);
	
	display: block;
	display: inline-block;
	
	text-align: center;
	border: none;
	padding: 5px 15px;
	margin-bottom: 10px;
			
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2), inset 0 2px 0 rgba(255,255,255,.25);
	-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2), inset 0 2px 0 rgba(255,255,255,.25);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2), inset 0 2px 0 rgba(255,255,255,.25);
	
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	
}

.niceButton:hover {
	text-decoration: none;
	cursor: pointer;
}

.niceButton:active {
	padding-top: 6px;
	padding-bottom: 4px;
	-webkit-box-shadow: inset 0 100% 0 0 rgba(0,0,0,0.2);
}

/* @group Colors
----------------------------------------------- */

/* RED */

.niceButton.red {
	background: #c64249;
	background: #c64249 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #c64249 -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.red:hover {
	background: #c64249 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #c64249 -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.red:active {
	background: #c64249 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #c64249 -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* ORANGE */

.niceButton.orange {
	background: #d36221;
	background: #d36221 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #d36221 -moz-linear-gradient( top, rgba(255,255,255,.4),rgba(0,0,0,0));	
}

.niceButton.orange:hover {
	background: #d36221 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #d36221 -moz-linear-gradient( top, rgba(255,255,255,.55),rgba(0,0,0,0));
}

.niceButton.orange:active {
	background: #d36221 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #d36221 -moz-linear-gradient( top,rgba(0,0,0,.1),rgba(0,0,0,0));
}
	
/* WOODY */
	
.niceButton.woody {
	background: #d99734;
	background: #d99734 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #d99734 -moz-linear-gradient( top, rgba(255,255,255,.4),rgba(0,0,0,0));	
}

.niceButton.woody:hover {
	background: #d99734 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #d99734 -moz-linear-gradient( top, rgba(255,255,255,.55),rgba(0,0,0,0));
}

.niceButton.woody:active {
	background: #d99734 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #d99734 -moz-linear-gradient( top,rgba(0,0,0,.1),rgba(0,0,0,0));
}

/* HOT PINK */

.niceButton.pink {
	background: #d93880;
	background: #d93880 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #d93880 -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.pink:hover {
	background: #d93880;
	background: #d93880 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #d93880 -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.pink:active {
	background: #d93880 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #d93880 -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}


/* GRAPHITE */

.niceButton.graphite {
	background: #6f7f8d;
	background: #6f7f8d -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #6f7f8d -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.graphite:hover {
	background: #6f7f8d -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #6f7f8d -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.graphite:active {
	background: #6f7f8d -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #6f7f8d -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* TURQUOISE */

.niceButton.turquoise {
	background: #3ab29e;
	background: #3ab29e -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #3ab29e -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.turquoise:hover {
	background: #3ab29e -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #3ab29e -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.turquoise:active {
	background: #3ab29e -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #3ab29e -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* EMERALD */
	
.niceButton.emerald {
	background: #4fbb6c;
	background: #4fbb6c -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #4fbb6c -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.emerald:hover {
	background: #4fbb6c -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #4fbb6c -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.emerald:active {
	background: #4fbb6c -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #4fbb6c -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* GRASS */
	
.niceButton.grass {
	background: #475311;
	background: #475311 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #475311 -moz-linear-gradient( top, rgba(255,255,255,.4),rgba(0,0,0,0));	
}

.niceButton.grass:hover {
	background: #475311 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #475311 -moz-linear-gradient( top, rgba(255,255,255,.55),rgba(0,0,0,0));
}

.niceButton.grass:active {
	background: #475311 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #475311 -moz-linear-gradient( top,rgba(0,0,0,.1),rgba(0,0,0,0));
}

/* BLUE */
	
.niceButton.blue {
	background: #3d67a6;
	background: #3d67a6 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #3d67a6 -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.blue:hover {
	background: #3d67a6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #3d67a6 -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.blue:active {
	background: #3d67a6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #3d67a6 -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* ROYAL BLUE */

.niceButton.royalblue {
	background: #4099c5;
	background: #4099c5 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #4099c5 -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.royalblue:hover {
	background: #4099c5 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #4099c5 -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.royalblue:active {
	background: #4099c5 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #4099c5 -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}
	
/* BROWN */

.niceButton.brown {
	background: #c57c40;
	background: #c57c40 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #c57c40 -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.brown:hover {
	background: #c57c40 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #c57c40 -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.brown:active {
	background: #c57c40 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #c57c40 -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* DARK BROWN */
	
.niceButton.darkbrown {
	background: #532611;
	background: #532611 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #532611 -moz-linear-gradient( top, rgba(255,255,255,.4),rgba(0,0,0,0));	
}

.niceButton.darkbrown:hover {
	background: #532611 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #532611 -moz-linear-gradient( top, rgba(255,255,255,.55),rgba(0,0,0,0));
}

.niceButton.darkbrown:active {
	background: #532611 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #532611 -moz-linear-gradient( top,rgba(0,0,0,.1),rgba(0,0,0,0));
}

/* MINT */

.niceButton.mint {
	background: #a5cb3a;
	background: #a5cb3a -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #a5cb3a -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.mint:hover {
	background: #a5cb3a -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #a5cb3a -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.mint:active {
	background: #a5cb3a -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #a5cb3a -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* GRAPE */

.niceButton.grape {
	background: #8d6b85;
	background: #8d6b85 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #8d6b85 -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.grape:hover {
	background: #8d6b85 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #8d6b85 -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.grape:active {
	background: #8d6b85 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #8d6b85 -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* MAGENTA */

.niceButton.magenta {
	background: #c642a2;
	background: #c642a2 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #c642a2 -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.magenta:hover {
	background: #c642a2 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #c642a2 -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.magenta:active {
	background: #c642a2 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #c642a2 -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

	
/* PURPLE */

.niceButton.purple {
	background: #5c3bbc;
	background: #5c3bbc -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #5c3bbc -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.purple:hover {
	background: #5c3bbc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #5c3bbc -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.purple:active {
	background: #5c3bbc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #5c3bbc -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* DARK GREY */
	
.niceButton.darkgrey {
	background: #707070;
	background: #707070 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #707070 -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.darkgrey:hover {
	background: #707070 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #707070 -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.darkgrey:active {
	background: #707070 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #707070 -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* SILVER */
	
.niceButton.silver {
	background: #c4c4c4;
	background: #c4c4c4 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #c4c4c4 -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.silver:hover {
	background: #c4c4c4 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #c4c4c4 -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.silver:active {
	background: #c4c4c4 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #c4c4c4 -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}



/* GOLDEN */

.niceButton.golden {
	background: #c5ab43;
	background: #c5ab43 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #c5ab43 -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.golden:hover {
	background: #c5ab43 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #c5ab43 -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.golden:active {
	background: #c5ab43 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #c5ab43 -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* BLACK */
	
.niceButton.black {
	background: #1a1a1a;
	background: #1a1a1a -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #1a1a1a -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.black:hover {
	background: #1a1a1a -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #1a1a1a -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.black:active {
	background: #1a1a1a -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #1a1a1a -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* WHITE */
	
.niceButton.white {
	color: #1a1a1a;
	text-shadow: 0 0 1px white;
	
	background: #f9f9f9;
	background: #f9f9f9 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.2)),to(rgba(0,0,0,0)));
	background: #f9f9f9 -moz-linear-gradient( top, rgba(255,255,255,.4), rgba(0,0,0,0));	
}

.niceButton.white:hover {
	background: #f9f9f9 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #f9f9f9 -moz-linear-gradient( top, rgba(255,255,255,.55), rgba(0,0,0,0));
}

.niceButton.white:active {
	background: #f9f9f9 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #f9f9f9 -moz-linear-gradient( top, rgba(0,0,0,.1), rgba(0,0,0,0));
}

/* CYAN */
	
.niceButton.cyan {
	background: #5acbe1;
	background: #5acbe1 -webkit-gradient( linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)),to(rgba(0,0,0,0)));
	background: #5acbe1 -moz-linear-gradient( top, rgba(255,255,255,.4),rgba(0,0,0,0));	
}

.niceButton.cyan:hover {
	background: #5acbe1 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.55)), to(rgba(0,0,0,0)));
	background: #5acbe1 -moz-linear-gradient( top, rgba(255,255,255,.55),rgba(0,0,0,0));
}

.niceButton.cyan:active {
	background: #5acbe1 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
	background: #5acbe1 -moz-linear-gradient( top,rgba(0,0,0,.1),rgba(0,0,0,0));
}

/* @end */
	
/* @end *//* PULSEBUTTONS.CSS */
@charset "utf-8";
/* CSS Document */

/** webkit **/	
@-webkit-keyframes bigAssButtonPulse {
	from { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333;}
	50% { background-color: #91bd09; -webkit-box-shadow: 0 0 50px #91bd09;}
	to { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333;}
}

@-webkit-keyframes greenPulse {
	from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333;}
	50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09;}
	to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333;}
}

@-webkit-keyframes bluePulse {
	from { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333;}
	50% { background-color: #2daebf; -webkit-box-shadow: 0 0 18px #2daebf;}
	to { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333;}
}

@-webkit-keyframes redPulse {
	from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
	50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; }
	to { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes magentaPulse {
	from { background-color: #630030; -webkit-box-shadow: 0 0 9px #333; }
	50% { background-color: #a9014b; -webkit-box-shadow: 0 0 18px #a9014b; }
	to { background-color: #630030; -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes orangePulse {
	from { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
	50% { background-color: #ff5c00; -webkit-box-shadow: 0 0 18px #ff5c00; }
	to { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes orangellowPulse {
	from { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
	50% { background-color: #ffb515; -webkit-box-shadow: 0 0 18px #ffb515; }
	to { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
}

/**moz**/
@-moz-keyframes bigAssButtonPulse {
	from { background-color: #749a02; -moz-box-shadow: 0 0 25px #333;}
	50% { background-color: #91bd09; -moz-box-shadow: 0 0 50px #91bd09;}
	to { background-color: #749a02; -moz-box-shadow: 0 0 25px #333;}
}

@-moz-keyframes greenPulse {
	from { background-color: #749a02; -moz-box-shadow: 0 0 9px #333;}
	50% { background-color: #91bd09; -moz-box-shadow: 0 0 18px #91bd09;}
	to { background-color: #749a02; -moz-box-shadow: 0 0 9px #333;}
}

@-moz-keyframes bluePulse {
	from { background-color: #007d9a; -moz-box-shadow: 0 0 9px #333;}
	50% { background-color: #2daebf; -moz-box-shadow: 0 0 18px #2daebf;}
	to { background-color: #007d9a; -moz-box-shadow: 0 0 9px #333;}
}

@-moz-keyframes redPulse {
	from { background-color: #bc330d; -moz-box-shadow: 0 0 9px #333; }
	50% { background-color: #e33100; -moz-box-shadow: 0 0 18px #e33100; }
	to { background-color: #bc330d; -moz-box-shadow: 0 0 9px #333; }
}

@-moz-keyframes magentaPulse {
	from { background-color: #630030; -moz-box-shadow: 0 0 9px #333; }
	50% { background-color: #a9014b; -moz-box-shadow: 0 0 18px #a9014b; }
	to { background-color: #630030; -moz-box-shadow: 0 0 9px #333; }
}

@-moz-keyframes orangePulse {
	from { background-color: #d45500; -moz-box-shadow: 0 0 9px #333; }
	50% { background-color: #ff5c00; -moz-box-shadow: 0 0 18px #ff5c00; }
	to { background-color: #d45500; -moz-box-shadow: 0 0 9px #333; }
}

@-moz-keyframes orangellowPulse {
	from { background-color: #fc9200; -moz-box-shadow: 0 0 9px #333; }
	50% { background-color: #ffb515; -moz-box-shadow: 0 0 18px #ffb515; }
	to { background-color: #fc9200; -moz-box-shadow: 0 0 9px #333; }
}


.pulseButton {
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite; 
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite; 
}
		
.green.pulseButton { -webkit-animation-name: greenPulse; -webkit-animation-duration: 3s; -moz-animation-name: greenPulse; -moz-animation-duration: 3s; }
.blue.pulseButton { -webkit-animation-name: bluePulse; -webkit-animation-duration: 4s; -moz-animation-name: bluePulse; -moz-animation-duration: 4s; }
.red.pulseButton { -webkit-animation-name: redPulse; -webkit-animation-duration: 1s; -moz-animation-name: redPulse; -moz-animation-duration: 1s;}
.magenta.pulseButton { -webkit-animation-name: magentaPulse; -webkit-animation-duration: 2s; -moz-animation-name: magentaPulse; -moz-animation-duration: 2s;}
.orange.pulseButton { -webkit-animation-name: orangePulse; -webkit-animation-duration: 3s; -moz-animation-name: orangePulse; -moz-animation-duration: 3s;}
.orangellow.pulseButton { -webkit-animation-name: orangellowPulse; -webkit-animation-duration: 5s; -moz-animation-name: orangellowPulse; -moz-animation-duration: 5s;}

.pulseButton { 
	background-color: #222; 
	display: inline-block; 
	padding: 5px 15px 6px; 
	color: #fff !important; 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 1; 
	text-decoration: none; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25); 
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25); 
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
	/*border-bottom: 1px solid rgba(0,0,0,0.25); */
	border: none;
	/*position: relative; */
	cursor: pointer; 
	overflow: visible; 
	width: auto; 
}

button.pulseButton::-moz-focus-inner { border: 0; padding: 0; }
.pulseButton:hover { background-color: #111; color: #fff; }
.pulseButton:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }

.small.pulseButton { font-size: 11px; }
.large.pulseButton { font-size: 14px; padding: 8px 19px 9px; }

.green.pulseButton { background-color: #91bd09; }
.green.pulseButton:hover { background-color: #749a02; }
.blue.pulseButton { background-color: #2daebf; }
.blue.pulseButton:hover { background-color: #007d9a; }
.red.pulseButton { background-color: #e33100; }
.red.pulseButton:hover { background-color: #872300; }
.magenta.pulseButton{ background-color: #a9014b; }
.magenta.pulseButton:hover { background-color: #630030; }
.orange.pulseButton { background-color: #ff5c00; }
.orange.pulseButton:hover { background-color: #d45500; }
.orangellow.pulseButton { background-color: #ffb515; }
.orangellow.pulseButton:hover { background-color: #fc9200; }
.white.pulseButton { background-color: #fff; border: 1px solid #ccc; color: #666 !important; font-weight: normal; text-shadow: 0 1px 1px rgba(255,255,255,1); }
.white.pulseButton:hover { background-color: #eee; }
.strike.pulseButton	{background-color: #4ADFC1}
.strike.pulseButton:hover {background-color: #39ceb0}
/* FLATBUTTONS.CSS */
.flatButton, 
.flatButton:visited {
	background-color: #f6f6f6; 
	display: inline-block; 
	padding: 10px; 
	margin-right: 3px;
	margin-bottom: 1.5em;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}
.flatButton:hover { background-color: #cbcbcb; }
.flatButton:active { top: 1px; }

.rounded4.flatButton { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.rounded10.flatButton { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.pink.flatButton, 
.pink.flatButton:visited { background-color: #dc5b8c; border: #c24f7a 1px solid;}
.pink.flatButton:hover { background-color: #c24f7a; border: #dc5b8c 1px solid;}
.beige.flatButton, 
.beige.flatButton:visited	{ background-color: #e6a17b; border: #cc8775 1px solid; }
.beige.flatButton:hover	{ background-color: #cc8775; border: #e6a17b 1px solid; }
.green.flatButton, 
.green.flatButton:visited	{ background-color: #45ba9d; border: #36977f 1px solid; }
.green.flatButton:hover	{ background-color: #36977f; border: #45ba9d 1px solid;}
.blue.flatButton, 
.blue.flatButton:visited { background-color: #60a2d5; border: #4b82ac 1px solid; }
.blue.flatButton:hover {	background-color: #4b82ac; border: #60a2d5 1px solid; }
.red.flatButton, 
.red.flatButton:visited { background-color: #ed1c24; border: #d52027 1px solid; }
.red.flatButton:hover	{ background-color: #d52027; border: #ed1c24 1px solid; }
.magenta.flatButton, 
.magenta.flatButton:visited { background-color: #a9014b; border: #630030 1px solid; }
.magenta.flatButton:hover { background-color: #630030; border: #a9014b 1px solid; }
.orange.flatButton, 
.orange.flatButton:visited { background-color: #de6940; border: #c54924 1px solid; }
.orange.flatButton:hover { background-color: #c54924; border: #de6940 1px solid; }
/* INPUTS.CSS */
.niceInput { border-width:1px; }
.niceInput.default {  }
.niceInput.big { width:350px; height:42px; line-height:42px; }
.niceInput.medium { width:250px; height:32px; line-height:32px; }
.niceInput.small { width:150px; height:22px; line-height:22px; }

.niceInput.big_rounded { width:350px; height:42px; line-height:42px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.niceInput.medium_rounded { width:250px; height:32px; line-height:32px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.niceInput.small_rounded { width:150px; height:22px; line-height:22px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }