html{
	height: 100%;
	width: 100%;
}
p{
	/*font-family:'FontAwesome';*/
}
body {
	height: 100%;
	min-height: 100%;

	width: 100%;
	min-width: 100%;

}
.pinkgrad {
    background: "dark-gray"; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#C69998, #84889C); /* For Safari 5.1 to 6.0 */ /* #FDC1C1, #A6ABC5*/
    background: -o-linear-gradient(#C69998, #84889C); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#C69998, #84889C); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#C69998, #84889C); /* Standard syntax (must be last) */
}
#page-wrapper{

	position: absolute;
	/*top: 0px;*/
	/*z-index: 2;*/

	width:100%;
	/*max-width: 100%;*/

	height: 100%;

	overflow: hidden;
	margin: 0 auto;
	left: 0;
	right: 0;

}
#page-wrapper > #header {
	position:relative;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/*overflow: hidden;*/
	/*top: 0;*/

	height: 6%;
	/*min-height: 100%;*/

	width: 100%;
	/*min-width: 70%;*/

}
#page-wrapper > #banner{
	position:relative;
	padding: 0;
	padding: 0;
	margin: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	height: 94%;

	width: 100%;



}
#page-wrapper > #banner2{
	position:relative;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	height: 94%;

	width: 100%;
	/*
	position:relative;

	margin: 5% auto;
	left: 0;
	right: 0;
	top: -5%;
	bottom: -5%;

	height: 90%;

	width: 100%;
	*/
}
#tdbarcanvas {
	width: 100%;
}
#banner2 > .main-container {

/*.main-container {*/
	position:relative;

	margin: 0 auto;
	left: 0;
	right: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;

	/*top: 0;*/

	height: 94%;
	/*min-height: 85%;*/
	/*max-height: 85%;*/

	width: 96%;
	/*min-width: 90%;*/
	/*max-width: 60%;*/

	border-style: solid;
	border-color: black;
	border-width: 1em;
}
#page-wrapper > #musicControls{
	position:absolute;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 6%;
	bottom: 0;

	height: 20%;	/*6%;*/

	width: 100%;

	z-index: 2;
}
/*
select option[disabled] {
    display: none;
}
*/
#page-wrapper > #banner3{
	position:relative;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 0%;
	bottom: 0;

	height: 98%;

	width: 100%;

}
#searchResultSelectionList{
	/*z-index: -1;*/
}

#banner3 > .main-container {

/*.main-container {*/
	position:relative;

	margin: 0 auto;
	left: 0;
	right: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;

	/*top: 0;*/

	height: 94%;
	/*min-height: 85%;*/
	/*max-height: 85%;*/

	width: 96%;
	/*min-width: 90%;*/
	/*max-width: 60%;*/

	border-style: solid;
	border-color: black;
	border-width: 1em;
}

.main-container  > #main{
	/*
	position:absolute;
	margin: 5% auto;
	left: 10%;
	right: 10%;

	overflow: hidden;


	height: 90%;

	width: 90%;
	max-width: 90%;
	*/

}
#main > #title-container {
	text-overflow: ellipsis;
	/*position:absolute;*/
	left: 0;
	right: 0;
	max-width:100%;

}
#title-container > h2 {
	left: 0;
	right: 0;
	text-overflow: ellipsis;
	max-width:100%;
	/*
	position:absolute;


	max-width:100%;
	*/
}
.main-container > .spectrum-canvas-container {
	position:absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 0px;
	padding-top: 0;
	padding-bottom: 0;


	width:100%;
	max-width:100%;

	height:66.67%;
	max-height:66.67%;

}
.spectrum-canvas-container > #colorcanvas {
	position:absolute;
	top: 0%;
	left: 0%;

	width:100%;
	max-width:100%;
	height:100%;
	max-height:100%;


}
.main-container > .spectrum-canvas-container-music {
	position:absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 0px;
	padding-top: 0;
	padding-bottom: 0;


	width:100%;
	max-width:100%;

	height:66.67%;
	max-height:66.67%;

}
.spectrum-canvas-container-music > #controls-id {
	position:absolute;
	top: 0%;
	left: 0%;

	width:100%;
	max-width:100%;
	height:10%;
	max-height:10%;
}
.spectrum-canvas-container-music > #colorcanvas {
	position:absolute;
	top: 10%;
	left: 0%;

	width:100%;
	max-width:100%;
	height:50%;
	max-height:50%;

}

#sound-main-canvas-container > #colorcanvas {
	position: absolute;
	top: 0%;
	left: 0%;

	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
}
#sound-main-canvas-container > #tdbarcanvas {
	position: absolute;
	top: 70%;
	left: 0%;

	width: 100%;
	max-width: 100%;
	height: 30%;
	max-height: 30%;
}

/*
.first-canvas{
	position: absolute;
	top: 0%;
	left: 0%;

	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
}
.second-canvas {
	position: absolute;
	top: 70%;
	left: 0%;

	width: 100%;
	max-width: 100%;
	height: 30%;
	max-height: 30%;
}
*/
.main-container > .rainbow-canvas-container {
	position:absolute;
	/*
	top: 10%;
	left: 5%;

	width:90%;
	max-width:90%;

	height:60.67%;
	max-height:60.67%
	*/
	top: 0%;
	left: 0%;

	width:100%;
	max-width:100%;

	height:100%;
	max-height:100%;


}
.rainbow-canvas-container > #colorcanvas {
	position:absolute;
	top: 0%;
	left: 0%;

	width:100%;
	max-width:100%;
	height:100%;
	max-height:100%;
}
.main-container > .spectrum-canvas-container-noresize3 {
		position:absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 0px;
	padding-top: 0;
	padding-bottom: 0;


	width:100%;
	max-width:100%;

	height:66.67%;
	max-height:66.67%;

}
.main-container > .spectrum-canvas-container-noresize2 {
	position:absolute;
	top: 0%;
	left: 0%;
	width:100%;
	max-width:100%;
	height:66.67%;
	max-height:66.67%;


}
.main-container > .spectrum-data-container {

	position:absolute;

	top: 66.67%;
	left: 0%;
	width:100%;

	height:33.33%;
	max-height:33.33%;
}
#the-actual-color-frame{
	position:absolute;
	top: 0%;
	left: 0%;

	/* all of this is zero */
	width:1px;
	max-width:1px;

	height:1px;
	max-height:1px;

}
.spectrum-data-container > .the-actual-representation-container{
	position:absolute;
	top: 0%;
	left: 0%;

	width:100%;
	max-width:100%;

	height:50%;
	max-height:50%;

	background-color: #101010;

}
#soundrepcanvasagg, #soundrepcanvasallinone {
	border: solid rgba(64, 46, 64, 0.6);
	border-radius: 1.2em;
	/*border-width: thin;*/
}
.the-actual-representation-container > #soundrepcanvasagg{
	position:absolute;
	top: 0%;
	left: 0%;


	width:100%;
	max-width:100%;

	height:100%;
	max-height:100%;


}

/* .the-actual-representation-container > #soundrepcanvasagg{
	position:absolute;
	top: 0%;
	left: 0%;


	width:100%;
	max-width:100%;

	height:50%;
	max-height:50%;


}
.the-actual-representation-container > #soundrepcanvasallinone{
	position:absolute;
	top: 50%;
	left: 0%;


	width:100%;
	max-width:100%;

	height:50%;
	max-height:50%;

} */
.to-player{
	margin: 0;

	padding: 0;
}
.to-player > #soundrepcanvasagg{
	/*position:absolute;*/
	position:relative;
	top: 0%;
	left: 0%;


	width:100%;
	max-width:100%;

	height:50%;
	max-height:50%;

	margin: 0;
	padding: 0;

}

.to-player > #soundrepcanvasallinone{
	/*position:absolute;
	top: 100%; */
	position:relative;
	top: 50%;
	left: 0%;


	width:100%;
	max-width:100%;

	/*height:0%;
	max-height:0%;
	*/
	height:50%;
	max-height:50%;

	margin: 0;
	padding: 0;

}
#trackinfo{
	position:absolute;

	top: 60%;
	left: 0%;

	/*
	width:50%;
	max-width:50%;
	*/
	height:40%;
	max-height:40%;
	border: solid gray;

	background-color: #1A1A1A ;
}
#trackinfotext{
	font-size: 0.75em;
	text-align: left;

}
.toTheLeft {
	left: 0px; margin: 0px; padding: 0px;
}
.minimizemargins {
	margin: 0px;
	padding: 0px;
	border: none;
}
#SC_TRACK_ALBUM_IMAGE_ID {
	 /*width:100%;
	 max-width:100%;
	 height:100%;
	 max-height:100%;
	 */
	 /*
	 margin: 0px;
	padding: 0px;
	border: none;
	left: 0px;
	*/
	max-width:100%;
	vertical-align: middle;
	border: solid rgba(64, 46, 64, 0.8);
	border-radius: 1.2em;
	/*border-width: thin;*/
}
#sctrackcredit {
	border:  solid black;
	background-color: white;
}
#SC_PLAYER_ICON_CONTAINER_ID {
	position: absolute;
	right: 0px;
	bottom: 0px;
	/*height: 7%;*/

}
.spectrum-data-container > .the-actual-data-container{
	position:absolute;
	top: 50%;
	left: 0%;

	width:100%;
	max-width:100%;

	height:50%;
	max-height:50%;

	background-color: #101010;
}
.the-actual-data-container  > .color-sound-frame-left{
	position:absolute;
	top: 0%;
	left: 0%;

	width:50%;
	max-width:50%;

	height:100%;
	max-height:100%;

}
.the-actual-data-container  > .color-sound-frame-right{
	position:absolute;
	top: 0%;
	left: 50%;

	width:50%;
	max-width:50%;

	height:100%;
	max-height:100%;

}
.spectrum-canvas-container-noresize3  > #main-colorframe-camcanvas-id {
	position:absolute;
	top: 0%;
	left: 0%;

	width:100%;
	max-width:100%;

	height:100%;
	max-height:100%;
}
#main-colorframe-canvas-cam-id {
	position:absolute;
	top: 0%;
	left: 0%;

	/*width:100%;*/
	max-width:100%;
	height:100%;
	max-height:100%;
	background-color: #A9A9A9;
}
#v {
	position:absolute;
	visibility:hidden;
	margin: auto;
}
.center {
    margin: 0 auto;
	left: 0;
	right: 0;
	/*top: 0;*/

	/*
	margin-left: auto;
    margin-right: auto;
	margin-top: auto;
    margin-bottom: auto;
	*/
	text-align:center;

    /*width: inherit;
	height: inherit;*/
}
.textarea-left{
	position:absolute;
	top: 0%;
	left: 0%;

    /*float:left;*/
    width:50%;
	max-width: 50%;

	height:100%;
	max-height:100%;
}
.textarea-right{
	position:absolute;
	top: 0%;
	left: 50%;

    /*float:left;*/
    width:50%;
	max-width: 50%;

	height:100%;
	max-height:100%;
}
#buttons-menu {
	position:absolute;
	top: 100px;
	left:150px;
}
/*.color-texts {}*/
.min-text{
	font-size:0.85em;
}
.colour-divs {
	border-style : none;
}
.colour-divs > p {
	/*font-size:xx-small !important;*/
	font-size:70% !important;
}

/* NEW */
#page-wrapper{
	height: 100%;
	max-height: 100%;
}
#page-wrapper > #sound-main-container{
	position: absolute;

	/*background-color: lightblue;*/

	height:94%;
	max-height:94%;
	width:100%;
	max-width:100%;

}



#sound-main-container  > #sound-waves-canvas-container {
	position:relative;
	top: 0%;
	left: 0%;

	height:20%;
	max-height:20%;

	width: 100%;
	max-width: 100%;


}

#sound-main-container > #sound-player-and-data-container{
	position:relative;
	top: 0%;
	left: 0%;
	padding: 0;

	height:30%;

	width: 100%;
	max-width: 100%;

}


#sound-player-and-data-container-row > #music-player-container{
	min-height: 50%;
}

#SC_TRACK_ALBUM_IMAGE_ID {
	position:relative;
	height: 100%;
	max-width: 100%;
	vertical-align:bottom;
}

#track-contents-container > #music-search-container{
	height:60%;
	max-height:60%;
	width: 100%;
	max-width: 100%;


}
#music-search-container > #search-container {
	position:relative;
	top: 0%;
	left: 0%;

	height:100%;
	max-height:100%;


}
#search-container > #searchResultSelectionList {
	position:relative;
	top: 0%;
	left: 0%;
	/*
	height:80%;
	max-height:80%;
	*/

	font-size: 0.85em;
	width: 100%;
	max-width: 100%;


	z-index: 10;
}
#track-contents-container > #music-track-data-container{
	height:50%;
	max-height:50%;

}
/*
#sound-player-and-data-container-row > #music-data-container{
	min-height: 50%;
}
*/
#colour-data-div, #sound-data-div {
	min-height: 50%;
}
.lightandsound-div-for-data > p {
	text-align: center;
	color:black;
}



.hiddenclass{
	position:absolute;
	top: 0%;
	left: 0%;

	/* all of this is zero */
	width:1px;
	max-width:1px;

	height:1px;
	max-height:1px;

}
#SC_PLAYER_ICON_CONTAINER_ID {
	position: absolute;
	right: 2%;
	bottom: 2%;
	/*height: 7%;*/

}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.center-the-image{
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: auto;
    margin-bottom: auto;
}
.center-the-div{
	margin-left: auto;
    margin-right: auto;
	margin-top: 10%;
    margin-bottom: 5%;
}
.center-the-div2{
	margin-left: auto;
    margin-right: auto;
	margin-top: auto;
    margin-bottom: auto;
}
.whole-class {
	position:relative;
	top: 0%;
	left: 0%;
	margin: 0%;
	padding: 0%;

	height:100%;
	max-height:100%;

	width: 100%;
	max-width: 100%;
}
.whole-class-no-width {
	position:relative;
	top: 0%;
	left: 0%;
	margin: 0%;
	padding: 0%;

	height:100%;
	max-height:100%;
}
.whole-class-no-height {
	position:relative;
	top: 0%;
	left: 0%;
	margin: 0%;
	padding: 0%;

	width: 100%;
	max-width: 100%;
}
.hidden-relative-class {
	position:relative;
	top: 0%;
	left: 0%;
	height: 0%;
	max-height: 0%;

	width: 0%;
	max-width: 0%;
}
.whole-class-no-width-no-height{
	position:relative;
	top: 0%;
	left: 0%;
	margin: 0%;
	padding: 0%;
}

/* New New */



p{ font-size:0.85em; }
/*div {border: solid thin black;}*/
.container-fluid, .row-fluid {
	height: inherit;
}
.savethespace{
	margin: 0;
	padding: 0;
	border: none;

}
.supersavethespace{
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	right: 0;
	border: none;
}
/*
#banner > #sound-main-container {
	position: absolute;
	top: 0;
	left: 0;

	height: 100%;
	max-height: 100%;
	width: 100%;
	max-width: 100%;

	border: none;
}
*/
#banner > #sound-main-container{
	position:relative;

	/*
	margin: 0 auto;
	left: 0;
	right: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
	*/
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	/*background-color: lightblue;*/

	height:100%;
	max-height:100%;
	width:100%;
	max-width:100%;




}

#sound-main-container > #sound-main-canvas-container {
	position: relative;

	height: 50%;
	max-height: 50%;
	width: 100%;
	max-width: 100%;

	border: solid rgba(64, 46, 64, 0.6);
	border-radius: 1.2em;
	/*border-width: thin;*/
}
#sound-main-container > #sound-waves-canvas-container {
	position: relative;

	height: 20%;
	width: 100%;
	max-width: 100%;
	/*
	border: solid rgba(64, 46, 64, 0.6);
	border-radius: 1.2em;
	border-width: thin;
	*/

}
#sound-main-container > #sound-player-and-data-container {
	position: relative;

	height: 30%;
	width: 100%;
	max-width: 100%;

	/*
	border: solid rgba(64, 46, 64, 0.6);
	border-radius: 1.2em;
	*/
	margin: 0;
	top: 0;
	padding: 0;
	border: none;


}
#sound-player-and-data-container > #theplayerdatarow{
	position: relative;

	margin: 0;
	top: 0;
	padding: 0;

	height: 100%;
	max-height: 100%;
	width: 100%;
	max-width: 100%;

}
#theplayerdatarow > #music-data-container{
	position: relative;
	margin: 0;
	top: 0;
	padding: 0;

	max-height: 100%;
	overflow: hidden;
	border: solid rgba(64, 46, 64, 0.6);
	border-radius: 1.2em;
	/*border-width: thin;*/

}
#theplayerdatarow > #music-player-container{
	position: relative;
	margin: 0;
	top: 0;

	max-height: 100%;
	overflow: hidden;
	border: solid rgba(64, 46, 64, 0.6);
	border-radius: 1.2em;
	/*border-width: thin;*/

}

#track-contents-container {
	position:relative;
	height: 100%;
	border: none;
}
#track-contents-container > #search-fluid-row-id {
	position:relative;

}
#track-contents-container > #results-fluid-row-id {
	position:relative;
	min-height: 5em;

}
#track-contents-container > #music-track-data-container {
	position:absolute;

	vertical-align: bottom;
	bottom: 0px;
	overflow: hidden;
	border: none;
}
#music-track-data-container > #trackinfotext{
	height: 40px;
	display: table-cell;
	vertical-align: bottom;
}
#image-col-container {
	position: relative;
	height: 100%;
	text-align: center;
	border: none;
}
.center-the-image{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}
.bottom-the-image {
	position: relative;
	vertical-align: bottom;
	display: table-cell;
	max-height: 100%;
}

html, body, #wrapper {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}
#wrapper td {
   vertical-align: middle;
   text-align: center;
   border: none;
   max-width:100% important!;
}
.bottom-text {
	vertical-align: bottom;
	overflow: scroll;
}


#music-track-data-container {

	height: 3em;
	overflow: hidden;
}

#trackinfotext {
	/*line-height: 100%;
	height: 3em;*/
	display: table-cell;
	vertical-align: bottom;
}
.supersavethespace > td {
	/*
	position: relative;
	margin: 0px important!;
	padding: -200px important!;
	left: 0px;
	max-width:20%;
	*/
	max-width:100% important!;
	border: none;
}
.supersavethespace > tr{
	border: solid blue important!;
	max-width:100% important!;
}

/* testing raw and pure waves*/
#sound-waves-canvas-container > #raw-row-id {
	position: relative;
	top: 0%;
	left: 0%;

	width: 100%;
	height: 100%;	/* 50% */
}
	#raw-row-id > #raw-col-id {
		position: relative;
		top: 0%;
		left: 0%;

		width: 100%;
		height: 100%;
		border: solid rgba(64, 46, 64, 0.6);
		border-radius: 1.2em;
		background-color: rgba(0, 0, 0, 0.4);

	}
		#raw-col-id > #soundrepcanvasagg{
			position: relative;
			top: 0%;
			left: 0%;

			width: 100%;
			height: 100%;
			border: none;
		}
#sound-waves-canvas-container > #pure-row-id {
	position: relative;
	top: 0%;
	left: 0%;

	width: 0%;	/*0%*/
	height: 0%;	/* 50% */
}
	#pure-row-id > #pure-col-id {
		position: relative;
		top: 0%;
		left: 0%;

		width: 100%;
		height: 100%;

		border: none;
	}
		#pure-col-id > #soundrepcanvasallinone {
			position: relative;
			top: 0%;
			left: 0%;

			width: 100%;
			height: 100%;

			border: none;
		}

#downloadProg {
	position: absolute;
	top: 12%;
	left: 2%;
	z-index: 100;
}
.buttoncontainer{
	/*margin: 0 auto;*/
	/*display: inline-block;*/
	position: absolute;
	bottom: 0.8%;
	/*max-width: 100%;*/
	/*width: 80%;*/
	/*z-index: 96;*/
	border: none;
	/*
	clear:both;
	float:left;

	*/
}

div {
	/*border: rgba(64, 46, 64, 0.5);*/
}
#infoButton {
	position: fixed;
	top: 6%;
	right: 10px;
	z-index: 100;
}
#infodiv {
	/*margin: auto;*/
	position: fixed;
	top: 8%;
	height: 100%;
	max-height: 100%;
	width: 100%;
	max-width: 100%;
	z-index: 98;
	background-color: rgba(0, 0, 0, 0.4);
}
#infodiv > #infodivMargin {
	margin: auto;
	top: 4%;
	position: relative;
	height: 84%;
	max-height: 84%;
	width: 84%;
	max-width: 84%;
	min-width: 330px;
	overflow-y: scroll;
	/*border: solid red;
	border-radius: 1.2em;*/
}

#CSSC_MAIN_CANVAS_CONTAINER_NAME {
	width: 100%;
    height: 100%;
}
#CS_AGGREGATOR_CANVAS_CONTAINER_NAME{
	width: 100%;
    height: 100%;
	max-height: 100%;
}
#CS_POINTERS_CANVAS_CONTAINER_NAME {
	width: 100%;
    height: 100%;
	max-height: 100%;
}
#CSSC_MAIN_CANVAS_CONTAINER_NAME {
	width: 100%;
    height: 100%;
}
#CS_AGGREGATOR_CANVAS_CONTAINER_NAME{
	width: 100%;
    height: 100%;
	max-height: 100%;
}
#CS_POINTERS_CANVAS_CONTAINER_NAME {
	width: 100%;
    height: 100%;
	max-height: 100%;
}