smartradio.css

body {
	/*background: #ffffff url(img/bg.jpg) repeat top left;*/
/* IE10 */ 
background-image: -ms-linear-gradient(top, #000124 0%, #38697A 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #000124 0%, #38697A 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #000124 0%, #38697A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000124), color-stop(1, #38697A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #000124 0%, #38697A 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #000124 0%, #38697A 100%);
}

body, label, h1, h2, h3 {	
	color: #cccccc;
}

hr {
	color: #AAA;
	margin: 10px 0;
}

.social-sharers li div {
	margin-top: 10px !important;
}

#top {
	height: 730px;
	margin-top: 60px;
}

#logo {
	display: inline;
	width: 75px;
}

#modal_whats_this, #modal_motivational {
	background-color: #2C2C2C;
	color: #cccccc;
}

#top #heading {
	/*padding: 0px 11px;*/
}

#top #heading h1 {
	border: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 128px;
	padding: 0px 0 0 40px;	
	color: #eeeeee;
	display: inline;
}

#user-inputs .control-label {
	text-align: left;
}

#user-inputs .controls {
	margin-left: 140px;
}

#query {
	width: 140px;
}

#search_type {
	width: 150px;
}

#search_tags {
	width: 100%;
}

#controls #settings-well.sliders {
	height: 165px;
}

#controls {
	height: 180px;
}

#controls .sliders {
	height: 220px;
}

.well {
	border: 1px solid #aaaaaa;
	background-color: #2C2C2C;
	padding: 10px;
}

#available_services {	
	height: 90%;
}

#bottom {
	height: 350px;	
}
.service {
	height: 150px;
	width: 50px;
	float: left;
	padding: 5px 0px 5px 20px;
}

.service-horizontal {
	width: 90%;
	height: 50px;
	margin-top: 15px;
	margin-left: 10px;
}

#artist_bump {
	width: 150px;
	display: inline;
	margin: 0px 5px;
}

#settings .service {
	width: 70px;
}

.service label, .service span {
	font-size: 11px;
	margin-left: -10px;
}


.service .ui-widget-content, .service-horizontal .ui-widget-content {
	background: none;
	border: 1px solid #999;
}

.ui-slider .ui-slider-handle {
	background: url(img/fader.jpg);
	border: none;
	width: 19px;
	height: 28px;
}
.result {
	list-style-type: none;
	width: 100%;
}

#song-data {
	display: none;
	margin-top: 16px;
	height: 185px;
}

#youtube-player {
	width: 100%;
}	

#song_info {
	display: none;
	width: 100%;
	float: left;
}

.track-info {
	font-style: italic;
}

#song_commands {
	display: none;
	width: 100%;
	float: left;
}

#commands {
	display: none;
	float: left;
	width: 100%;
}

#settings .settings-icon {
	margin-top: 5px;
}

#settings #scoring-buttons {
	margin-top: 5px;
}

#player {
	height: 350px;
}

#ads {
	/*display: none;*/
	/*padding-left: 23px;*/
}

#results {
	width: 100%;
	float: left;
	display: none;
}

.sc-time-span {
	/* Needed to override bootstrap floating classes called span* */
	float: none !important;
}

#footer {
	/*margin-top: 10px;*/
	font-size: 11px;
	float: left;
	width: 100%;
	padding-left: 10%;
	margin-top: -15npx;
}