@import url(http://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic);
/*!
* jQuery Mobile 1.4.5
* Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC
* http://jquerymobile.com
*
* Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors
* Released under the MIT license.
* http://jquery.org/license
*
*/


/* Globals */

* { text-shadow: none !important;}
/* Font
-----------------------------------------------------------------------------------------------------------*/
html {
	font-family: 'Lato', sans-serif !important;
	font-weight: 300 !important;
}
body::-webkit-scrollbar {
	width: 0 !important;
}
body {
	overflow: -moz-scrollbars-none;
}
body,
input,
select,
textarea,
button,
.ui-btn {
	font-size: 1em;
	line-height: 1.3;
	font-family: 'Lato', sans-serif !important;
	background-color: #222;
	color: #efefef !important;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Corner rounding
-----------------------------------------------------------------------------------------------------------*/
/* Class ui-btn-corner-all deprecated in 1.4 */
.ui-corner-all {
	-webkit-border-radius: .6em /*{global-radii-blocks}*/;
	border-radius: .6em /*{global-radii-blocks}*/;
}
/* Buttons */
.ui-btn-corner-all,
.ui-btn.ui-corner-all,
/* Slider track */
.ui-slider-track.ui-corner-all,
/* Flipswitch */
.ui-flipswitch.ui-corner-all,
/* Count bubble */
.ui-li-count {
	-webkit-border-radius: .3125em /*{global-radii-buttons}*/;
	border-radius: .3125em /*{global-radii-buttons}*/;
}
/* Icon-only buttons */
.ui-btn-icon-notext.ui-btn-corner-all,
.ui-btn-icon-notext.ui-corner-all {
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
/* Radius clip workaround for cleaning up corner trapping */
.ui-btn-corner-all,
.ui-corner-all {
	-webkit-background-clip: padding;
	background-clip: padding-box;
}
/* Popup arrow */
.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
	left: .6em /*{global-radii-blocks}*/;
	right: .6em /*{global-radii-blocks}*/;
	top: .6em /*{global-radii-blocks}*/;
	bottom: .6em /*{global-radii-blocks}*/;
}

.ui-btn.ui-checkbox-off::after,
.ui-btn.ui-checkbox-on::after {
	-webkit-border-radius: .1875em;
	border-radius: .1875em;
}

/* Loader */
.ui-icon-loading {
	background: url("images/ajax-loader.gif");
	background-size: 2.875em 2.875em;
}

button > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 11px 0;
	background-color: #555;
	color: #00a9ce;
}
button.navStart {
	padding: 0;
	color: #00a9ce;
 }
 button.navStart,
 button.navSubmit {
	width: 100% !important;
}
button.navReview {
	text-shadow: none !important ;
 }
button.navPrev {
	margin-right: 1%;
}
button.navNext {
	margin-left: 1%;
}
button.navPrev,
button.navNext {
	width: 48% !important;
	display: inline-block !important;
	padding: 0;
}
button.navStart a:hover,
button.navPrev a:hover,
button.navNext a:hover,
button.navReview a:hover {
	background-color: #00a9ce;
	color: #555555 !important ;
	text-shadow: none !important ;
 }
/*div.ui-footer {
	padding-left: 10px;
	padding-right: 10px;
}*/
a {
	text-decoration: none;
	color: #00a9ce;
}
a.ui-btn ui-corner-all ui-btn-left ui-btn-icon-notext ui-icon-delete {
    background-color: #333 !important;
}
#notify {
    background-color: #333 !important;
}
#notify_email {
	display: none;
}
#ichead {
	background-color: #222;
	background-repeat: no-repeat;
	background-image: url(../images/instantComposer2.svg);
	background-size: 100%;
	height: 25vw;
}
.ui-slider-input {
	visibility: hidden !important;
	display: none !important;
}
.ui-slider-track {
	margin: 0 !important;
}
.icmlm_popup {
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
}

#oliveros, #tonal, #dynam, #temp, #note, #validate, #perform, #moderation {
	background-color: #555;
}
#submit {
	background-color: #555;
	color: #00a9ce !important;
	text-shadow: none !important;
 }

#submit:hover {
	background-color: #00a9ce;
	color: #555 !important;
	text-shadow: none !important;
 }

strong { color: #00a9ce; }

a#instruments-button.ui-btn.ui-icon-carat-d.ui-btn-icon-right.ui-corner-all.ui-shadow.ui-li-has-count,
input#tonality,
input#dynamics,
input#mood,
input#tempo,
a.ui-slider-handle.ui-btn.ui-shadow,
input#title,
input#author,
input#email {
	background-color: #555;
}
.ui-footer > a {
	padding: 10px 14px;
}
.ui-footer > a[href="#intro"] {
	padding: 3px 9px;
}
.ui-footer > a[href="#review"] {
	padding: 6px 10px;
}
.ui-footer-fixed {
	padding: 1em;
	box-sizing: border-box;
}
a.icn::before {
	display: block;
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
a.home-icn::before {
	content: "\f015";
	font-size: 26px;
}
a.review-icn::before {
	content: "\f15c";
	font-size: 22px;
}
input {
	box-shadow: inset 2px 2px 2px hsla(0, 70%, 0%, 0.4);
	border-bottom: 1px solid hsla(0, 0%, 70%, 0.3) !important;
}
label[for="notify"] {
	font-size: 12px;
	padding-left: 35px;
	/*color: hsl(0, 0%, 50%) !important;*/
    background-color: #333 !important;
}
label[for="agree"] {
	background-color: #333 !important;
}
label[for="agree"],
label[for="notify"] {
    font-size: 1em !important;
}
h2 {
	margin-top: 0;
}
@media(max-width: 640px) {
	label[for="notify"],
	label[for="agree"] {
    font-size: .8em !important;
}
}
@media(min-width: 640px) {
	#ichead {
		background-size: 640px;
		height: 163px;
	}
	p, label {
		font-size: 1.3em !important;
	}
}
/* Hacks to solve Instrument list swapping to theme-a on short heights */
.ui-page-theme-a .ui-btn {
	background-color: #555 !important;
	border-color: #1f1f1f !important;
}
.ui-page-theme-a .ui-bar-inherit {
	background-color: #252525 !important;
	color: #f3f3f3 !important;
}
.ui-btn {
	border: none !important;
}