@charset "utf-8";

/* CSS Document */





/*-----------------------------

RESET

-----------------------------*/

html, div, span, applet, object, iframe,

blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li, p,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	margin-bottom: 0;

	margin-left: 0;

	margin-right: 0;

	padding-bottom: 0;

	padding-left: 0px;

	padding-right: 0;

	padding-top: 0px;

	margin-top: 0px;

}

ol, ul {

	list-style: none;

}



body {

	font-family:'Lucida Grande',Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:22px;

	margin:0;

	background:#ecebeb url(../images/mainbg.jpg) center top no-repeat;

	color:#616161;



	}



/*------------------------------------------------------------------

MAIN STRUCTURE

==================================================================*/

#container {width:auto; max-width:1000px; height:auto; padding:0 75px; margin:0 auto; overflow:hidden; clear:both;}

#music_container {width:auto; max-width:1150px; height:auto; overflow:hidden; margin:0 auto; background-color:#1c1e22; padding:0 0 1px 0;}

#white_container {background-color:#fff; width:auto; max-width:1000px; height:auto; overflow:auto; margin:0 auto; background-color:rgba(255,255,255,0.9); padding:75px;}

.dualCol{

width:42%;

    margin-right:1%;

    float:left;

    padding:2%;

}

/*------------------------------------------------------------------

HEADER FOOTER

==================================================================*/

#header {

	width: 100%;

	height: 80px;

	background: url(/images/header_bg.png) 0 0 repeat-x;

	z-index: 10;

}

#header .brand {float:left; margin:10px 0 0 30px;}

#header ul.nav {width:auto; height:auto; float:right; margin:20px 0 0 0;}

	.nav li {float:left; margin:0 40px 0 0; }

	.nav a {font-family: 'Titillium Web', sans-serif; text-transform:uppercase; font-size:14px; text-decoration:none; font-weight:400; color:#000;

        transition:color 0.5s;

        transition:border-bottom 0.5s;

        -webkit-transition:color 0.5s;

        -moz-transition:color 0.5s;

        -o-transition:color 0.5s;

        transition:padding 0.5s;

    }

	.nav a:hover {color:#F78C17; text-shadow:0 1px 1px #fff;border-bottom:4px solid #F78C17;text-decoration:none;padding-bottom:5px}

	.basket {float:right; background:url(/images/basket.png) 0 10px no-repeat; width:40px; height:40px; margin:10px 20px 0 20px; display:block;}

		.basket span {margin:-10px 0 0 15px;}



#selectMenu {float: right; margin: 20px 25px 0 0; display:none;}



#footer {width:100%; height:147px; border-top:1px solid #cbcbcb; background:#FFF url(../images/footerbg.jpg) top left no-repeat; margin:60px 0 0 0;}

#footer ul.nav {background:#fff; float:left; margin:20px 0 0 25px; background-color:rgba(255,255,255,0.7); border:1px solid #fff; border-radius:12px;}

	#footer .nav li {margin:0 10px; }

.copyright{float:left; clear:left; margin:20px 0 0 20px; color:#000; padding-left:20px; font-size:11px; width:60%; line-height:1}

.copyright a {

  color:#000;

}



.socialFoot{

  margin-right:5px;

}



.asFooter{

  margin-bottom:-5px;



}



.socialContact{

 float:right;

}



.logos {float:right; margin:20px 25px 0 0; text-align:right;}



#header .inner, #footer .inner {width:auto; margin:0 auto;}



/*------------------------------------------------------------------

HOME

==================================================================*/

.welcome {width:100%; height:auto;  margin:20px 0 0 0;}

	.welcome h1 {width:54%; float:left; margin:40px 0 40px 0;}

	.home_image {float:right; width:46%;}



.home-featured {width:100%; height:auto; overflow:auto; margin:40px 0 0 -1px; clear:both;    padding-bottom:15px;}

.home-featured h2 {text-align:center; margin:0 0 20px 0;}

.home-featured ul {width:100%; height:auto;}

	.home-featured ul li {width:24.8%; float:left; margin:0 0 0 1px; background-color:#fff; padding:0 0 20px 0;}

	.home-featured ul li img {width:100%;}

	.home-featured ul li h4 {padding:0 20px;}

	.home-featured ul li p {padding:5px 20px 0; line-height:18px;}





/*------------------------------------------------------------------

INSIDE PAGES

==================================================================*/



ul.directors {width:100%; max-width:940px; height:auto; overflow:auto; margin:60px auto 0}

 .directors li {float:left; width:45%; }

 .directors li.omega {float:right;}

 .directors li img {margin:20px 0; width:100%;}

#clients {margin:40px 0;}

.sectionimage {margin:0 0 20px 0; width:auto; height:auto;}

	.sectionimage img {max-width:1000px; width:100%; }

#map {width:auto; height:400px;}

#clients img {width:100%;}



/*------------------------------------------------------------------

MUSIC

==================================================================*/

.search_bar {width:100%; height:auto; padding:0 0 20px 0; background:url(../images/searchbarbg.jpg) 0 0 repeat-x; }

	.search_bar ul {width:auto; height:auto; overflow:hidden; margin:0 0 0 20px;}

	.search_bar li {float:left; margin:15px 50px 0 0;}



	.search_bar li.browse {padding:5px 0 0 0;font-family: 'Titillium Web', sans-serif; font-size:30px; font-weight:200; text-transform:uppercase; color:#f68e3b;}

	.search_bar li a {

	display: block;

	padding: 5px 0 0 30px;

	font-family: 'Titillium Web', sans-serif;

	font-size: 30px;

	font-weight: 200;

	text-transform: uppercase;

	color: #717171;

	text-shadow: 0 -1px 2px #000;

	border-style: solid;

	border-width: 0px;

}

	.search_bar li a:hover, .search_bar li a.active {

	color: #fff;

	border-color: #F68E3B;

}



	.search_bar #albums 	{background:url(../images/icon-albums.png) 0 2px no-repeat;}

	.search_bar #tag 		{background:url(../images/icon-tag.png) 0 2px no-repeat;}

	.search_bar #keyword 	{background:url(../images/icon-keyword.png) 0 2px no-repeat;}

	.search_bar #industry 	{background:url(../images/icon-keyword.png) 0 2px no-repeat;}



	.search_bar #albums:hover, .search_bar #tag:hover, .search_bar #keyword:hover,

	.search_bar #albums.active, .search_bar #tag.active, .search_bar #keyword.active {background-position:0 -31px;}



#music_left_nav {/*width:183px;*/width:15.8%; min-width:15.8%;  float:left; background:url(../images/musicleftnav_shadow.jpg) top right repeat-y; border-top:1px solid #212328; border-bottom:1px solid #191b1f;}

	#music_left_nav li {border-top:1px solid #212328; border-bottom:1px solid #191b1f;}

	#music_left_nav li a {

	display: block;

	width: auto;

	height: 28px;

	padding: 5px 0 0 10px;

	color: #767676;

	text-decoration: none;

	border-width: 0px;

	border-style: solid;

}

	#music_left_nav li a:hover, #music_left_nav li a.active {

	color: #fff;

	background: url(../images/musiclefthover.jpg) 0 0 no-repeat;

	border-color: #F68E3B;

}



#music_content_split {/*width:963px;*/width:83.8%; padding:1px; height:auto; overflow:hidden; float:left; background-color:#fff;min-height:400px}

#music_content_wide {width:100%; padding:1px; height:auto; overflow:hidden; float:left; background-color:#fff;}

	ul.albums {/*width:964px;*/width:100%; height:auto; margin:0 0 0 -1px;}

		.albums li {width:24.8%; float:left; margin:0 0 1px 1px; background-color:#e1e0e0; padding:0 0 20px 0; position:relative;  height:315px}

		.albums li img {width:100%;}

		.albums li:hover {z-index:99;}

		.albums li:hover .static {z-index:999;position:relative; background:#fff;}

		.albums li h4 {padding:0 20px;}

		.albums li p {padding:5px 20px 0; line-height:18px;}

		.albums li .info {position: absolute;left: -5px; top: -5px; padding:0; /*width: 250px;*/width: 104%; /*height:357px;*/height:104%; display: none; background:#fff; font-size: 1.2em;}

		.albums li:hover .info {display: block; -moz-box-shadow: 0 0 10px #000;  box-shadow: 0 0 10px #000;}



#tag_container {width:auto; max-width:1148px; height:auto; overflow:hidden; margin:0 auto;background-color:#ecebeb; padding:0 0 20px 0;}

	.tags {width:auto; max-width:1090px; padding:0 25px; height:auto; margin:30px auto; overflow:hidden;}



		.tags span {background: url("../images/tag_bullet.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 10px; width: 10px;  margin: 0 10px 0 0;}

   .tags h2 {

     margin-bottom:20px;

   }



   .tagWidth:{

     width:160px;

     margin-right:20px;

   }



#reset{padding:20px 0 0 25px; float:left; width:45%;}

#showtracks {width:auto; height:auto; float:right; padding:20px 25px 0 0;}



#album_details {width:auto; padding:15px 20px 0; height:350px; overflow:hidden; background-color:#1b1919; color:#fff;}

	#right_album_content {float:right; /*width:585px;*/ width:60%; }

	.album_image {

	float: left;

	position: relative;

	background-image: url(../siteContent/albumArt/large/4001.jpg);

	background-position: right 19px;

}

	#album_details img {

	bottom: 0;

}

	#album_details h2 {text-transform:none; color:#fff; float:left; width:50%; margin:0 0 20px 0;}

	#album_details a#download_all {float:right; width:auto;}

	#right_album_content dl {clear:both; width:auto; height:auto; overflow:auto; margin:15px 0;}

		#right_album_content dt, #right_album_content dd {float:left; border-bottom:1px dotted #323030; padding:2px; }

		#right_album_content dt {width:40%; font-weight:bold;}

		#right_album_content dd {width:50%; color:#d4d4d4;}

        #right_album_content p{

          color:#777;

        }



#tracks {width:auto; padding:20px;}

	#tracks ul {width:100%; height:auto; overflow:auto;}

	#tracks ul li {width:100%; height:auto; overflow:hidden; border-bottom:1px solid #d4d3d3; padding:0 0 10px 0; margin:0 0 10px 0;}

	.track_title {width:60%; float:left;}



	.track_title a {  color:#333}



.track_title a:hover {text-decoration:underline;}





		.bpm {font-size:11px; margin:0; padding:0;}

	ul.action_buttons {float:right; width:auto !important; height:24px !important; border:1px solid #b4b2b2; border-radius:3px; overflow:hidden !important;

		 background: #d7d6d6;

		background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#d7d6d6));

		background: -ms-linear-gradient(top);

		background: -o-linear-gradient(top);

		background: -moz-linear-gradient(top);

		background: -webkit-linear-gradient(top);

		background: linear-gradient(to bottom);

		background: -moz-linear-gradient(top,  #fafafa,  #d7d6d6);

		background: -webkit-gradient(linear, top, bottom, color-stop(0, #fafafa), color-stop(1, #d7d6d6));

		background: -ms-linear-gradient(top, #fafafa, #d7d6d6);

		background: -o-linear-gradient(top, #fafafa, #d7d6d6);

		background: -webkit-linear-gradient(top, #fafafa, #d7d6d6);

		background: linear-gradient(to bottom, #fafafa, #d7d6d6);

		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#d7d6d6');

	}

		.action_buttons li {width:25px !important; height:25px !important; padding:0 5px !important; float:left; text-align:center; border-right:1px solid #b4b2b2; border-bottom:0 none !important; overflow:hidden !important;}

		.action_buttons li:hover {

			background: #949494;

			background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#949494));

			background: -ms-linear-gradient(top);

			background: -o-linear-gradient(top);

			background: -moz-linear-gradient(top);

			background: -webkit-linear-gradient(top);

			background: linear-gradient(to bottom);

			background: -moz-linear-gradient(top,  #cacaca,  #949494);

			background: -webkit-gradient(linear, top, bottom, color-stop(0, #cacaca), color-stop(1, #949494));

			background: -ms-linear-gradient(top, #cacaca, #949494);

			background: -o-linear-gradient(top, #cacaca, #949494);

			background: -webkit-linear-gradient(top, #cacaca, #949494);

			background: linear-gradient(to bottom, #cacaca, #949494);

			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#949494');

		}

		.action_buttons li a {padding:2px 0 0 0; display:inline-block;}



	.waveform { background-color: #D4D3D3; border: 1px solid #C8C8C8; border-radius: 3px 3px 3px 3px; clear: both; height: auto; overflow: auto; padding: 10px 10px 5px; width: 97%; vertical-align:middle; }

	.waveform a.playtrack {float:left; margin:22px 0 0 0; width:7%;}

	.wave {float:right; width:91%;}

	.wave img {width:100%;}

	.track_tags {margin:10px 0 0 0; clear:both;}

		.track_tags span {margin:0 0px 0 0;}





.newslist li {height:auto; overflow:auto; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #e5e5e5;}

.newslist li div {float:left; overflow:hidden; width:92%;}

.newslist li div img {float:right; margin:0 0 20px 20px;}

	ul.media_date {float:left; width:70px; height:auto; margin:0; text-align:center;}

		.media_date li {

			width:40px; margin:0 0 0 2px; text-align:center;

			-moz-box-shadow: 1px 1px 3px #d3d3d3;

			box-shadow:1px 1px 3px #d3d3d3;

		}

		.media_date li.month {

			margin:0 0 0 10px;  background: #f0522f;

			background: -webkit-gradient(linear, left top, left bottom, from(#fbac3f), to(#f0522f));

			background: -ms-linear-gradient(top);

			background: -o-linear-gradient(top);

			background: -moz-linear-gradient(top);

			background: -webkit-linear-gradient(top);

			background: linear-gradient(to bottom);

			background: -moz-linear-gradient(top,  #fbac3f,  #f0522f);

			background: -webkit-gradient(linear, top, bottom, color-stop(0, #fbac3f), color-stop(1, #f0522f));

			background: -ms-linear-gradient(top, #fbac3f, #f0522f);

			background: -o-linear-gradient(top, #fbac3f, #f0522f);

			background: -webkit-linear-gradient(top, #fbac3f, #f0522f);

			background: linear-gradient(to bottom, #fbac3f, #f0522f);

			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbac3f', endColorstr='#f0522f');

			color:#fff;

			font-size:10px;

			border-radius:4px 4px 0 0;

			text-transform:uppercase;

			padding:0;

			font-weight:bold;

		}

		.media_date li.day {margin:0 0 0 10px; background-color:#fff; color:#000; font-weight:bold; font-size:20px; width:30px; padding:5px; border-radius:0 0 4px 4px;}



.basket_tbl {margin:20px 0 0 0;}

.basket_tbl tr.head td {font-family: 'Titillium Web', sans-serif; text-transform:uppercase; font-weight:400; font-size:16px; padding:0 0 10px 0; border-bottom:2px solid #e5e5e5;}

.basket_tbl tr.row td {border-bottom:1px solid #e5e5e5; padding:5px; vertical-align:middle;}

.basket_tbl tr.row:hover {background-color:#f7f7f7;}

/*------------------------------------------------------------

FORMS

==============================================================*/

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {

    background-color: #FFFFFF;

    box-shadow: 0;

    -webkit-transition: 0 none;

    -moz-transition: 0 none;

    -o-transition: 0 none;

    transition: 0 none;

}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {

    border-radius: 0;

    padding: 6px 6px;

}

.keywordsearch {width:70%; margin:40px auto; text-align:center;}

	.keywordsearch input[type="text"] {width:100%; height:25px; border:1px solid #999; font-size:13px; margin:0 0 20px 0;}



.tagSearch {

	width: 40%;

	margin: 40px auto;

	text-align: center;

	float: left;

	border-right: solid 1px #ccc;

    min-height:450px;

}





#contactform { float:left; width:60%;}

#contactform form  {padding:  0;}



.form-horizontal .control-group:before, .form-horizontal .control-group:after {

    content: "";

    display: table;

    line-height: 0;

}

.form-horizontal .control-group:after {

    clear: both;

}

.form-horizontal .control-group:before, .form-horizontal .control-group:after {

    content: "";

    display: table;

    line-height: 0;

}

.form-horizontal .control-group {padding:2px 0 0 0;}

.form-horizontal .control-label {

    float: left;

    padding-top: 5px;

    text-align: right;

    width: 160px;

	line-height:1;

}

.form-horizontal .controls {

    margin-left: 180px;

	width:62%;

}

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {

    display: inline-block;

    margin-bottom: 0;

    vertical-align: middle;

}



.form-horizontal textarea, .form-horizontal input[type="text"], .form-horizontal input[type="password"]{

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

    -webkit-transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;

    -moz-transition: border 0.2s linear 0s, -moz-box-shadow 0.2s linear 0s;

    -o-transition: border 0.2s linear 0s, -o-box-shadow 0.2s linear 0s;

    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

}

.form-horizontal textarea, .form-horizontal select, .form-horizontal input[type="text"], .form-horizontal input[type="password"]{

    border-radius: 4px 4px 4px 4px;

    color: #555555;

    display: inline-block;

    font-size: 13px;

    height: 20px;

    line-height: 20px;

    margin-bottom: 10px;

    padding: 4px 6px;

    vertical-align: middle;

}



.input-xlarge {

    width: 100%;

}

.input-xxlarge {

    width: 530px;

}

select {

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

}

.form-horizontal select{

    height: 30px;

    line-height: 30px;

}

input[type="submit"] {cursor:pointer;}

textarea {resize:none; height:90px !important;

	font-family:'Lucida Grande',Arial, Helvetica, sans-serif;           

font-size:12px;

}



#albumstack {width:35%; float:right; height:auto; overflow:hidden; border-left:1px solid #CCCCCC; padding:0 0 0 3%;}

	#albumstack img {width:30%; margin:0 3% 0 0; }

/*------------------------------------------------------------------

TEXT

==================================================================*/

h1, h2, h3, h4, h5 {font-family: 'Titillium Web', sans-serif; color:#000; margin:0; padding:0;}

h1 {font-size:65px; font-weight:200; text-transform:uppercase; line-height:1; text-shadow:0 1px 1px #fff;}

h1 .shout {font-size:86px; font-weight:400;}

h1.smallh1 {font-size:36px; text-transform:none; margin:0 0 20px 0;}

h1.txthuge {font-size:180px; font-weight:100; color:#fff; text-shadow:0 -1px 1px #000; margin:0 0 0 0;}



h2 {text-transform:uppercase; font-weight:200; font-size:30px;}

h2.lower {text-transform:none;}



h3 {

	font-weight: 200;

	font-size: 18px;

	color: #494949;

	margin-bottom: 5px;

	padding-bottom: 0px;

	margin-top: 0px;

}



h4 {

	font-size: 15px;

	border-width: 0px;

	border-style: solid;

}



.page_title {width:auto; max-width:1150px; height:94px; overflow:hidden; margin:0 auto; }

.page_title h1

    {

    color: #FFFFFF;

    font-size: 130px;

    font-weight: 300;

    height: 83px !important;

    margin-left: 0;

    margin-right: 0;

    margin-top: -20px;

    text-shadow: 0 -1px 1px #000000;

    }



a {

	text-decoration: none;

	color: #F78C17;

}

.rightPromo{

	float: right;

	width: 560px;

	padding-top: 40px;



}

h3 em{

font-size:16px !important;

font-style:normal;

    font-weight:bold;

}



.benefitBox{

float:left;

    width:270px;

    margin-bottom:20px;





}

.formTitle{

float:left;

}

/*------------------------------------------------------------------

BUTTONS

==================================================================*/

.button {

	display: inline-block;

	outline: none;

	cursor: pointer;

	text-align: center;

	text-decoration: none;

	font: 18px/100% 'Titillium Web', sans-serif;

	font-weight:400;

    padding:15px 14px !important;

	border-radius:6px;

	border:0 none;

	text-transform:uppercase;

}



.org {

	width:auto;

    color: #fff;

    background: #df5f31;

    background: -webkit-gradient(linear, left top, left bottom, from(#f68e3b), to(#df5f31));

    background: -ms-linear-gradient(top);

    background: -o-linear-gradient(top);

    background: -moz-linear-gradient(top);

    background: -webkit-linear-gradient(top);

    background: linear-gradient(to bottom);

    background: -moz-linear-gradient(top,  #f68e3b,  #df5f31);

    background: -webkit-gradient(linear, top, bottom, color-stop(0, #f68e3b), color-stop(1, #df5f31));

    background: -ms-linear-gradient(top, #f68e3b, #df5f31);

    background: -o-linear-gradient(top, #f68e3b, #df5f31);

    background: -webkit-linear-gradient(top, #f68e3b, #df5f31);

    background: linear-gradient(to bottom, #f68e3b, #df5f31);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f68e3b', endColorstr='#df5f31');

}



.org:hover {

    background: #df8b31;

    background: -webkit-gradient(linear, left top, left bottom, from(#f5a83b), to(#df8b31));

    background: -ms-linear-gradient(top);

    background: -o-linear-gradient(top);

    background: -moz-linear-gradient(top);

    background: -webkit-linear-gradient(top);

    background: linear-gradient(to bottom);

    background: -moz-linear-gradient(top,  #f5a83b,  #df8b31);

    background: -webkit-gradient(linear, top, bottom, color-stop(0, #f5a83b), color-stop(1, #df8b31));

    background: -ms-linear-gradient(top, #f5a83b, #df8b31);

    background: -o-linear-gradient(top, #f5a83b, #df8b31);

    background: -webkit-linear-gradient(top, #f5a83b, #df8b31);

    background: linear-gradient(to bottom, #f5a83b, #df8b31);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5a83b', endColorstr='#df8b31');

}



.tagbtn {

	text-align: left;

	font: 14px/100% 'Titillium Web', sans-serif;

	font-weight:600;

    padding:6px 10px !important;

	border-radius:12px;

	width:80%;

    color: #000;

	text-shadow: 0 1px 1px #fff;

	border:1px solid #c7c7c7;

    background: #d7d6d6;

    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#d7d6d6));

    background: -ms-linear-gradient(top);

    background: -o-linear-gradient(top);

    background: -moz-linear-gradient(top);

    background: -webkit-linear-gradient(top);

    background: linear-gradient(to bottom);

    background: -moz-linear-gradient(top,  #fafafa,  #d7d6d6);

    background: -webkit-gradient(linear, top, bottom, color-stop(0, #fafafa), color-stop(1, #d7d6d6));

    background: -ms-linear-gradient(top, #fafafa, #d7d6d6);

    background: -o-linear-gradient(top, #fafafa, #d7d6d6);

    background: -webkit-linear-gradient(top, #fafafa, #d7d6d6);

    background: linear-gradient(to bottom, #fafafa, #d7d6d6);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#d7d6d6');

    margin-right:15px;



         white-space: nowrap;

     overflow:hidden;

     text-overflow:ellipsis;

}



.tagbtn:hover, .tags a.active

{

	color: #fff;

	text-shadow: 0 -1px 1px #707070;

	border:1px solid #9b9b9b;

	background: #949494;

    background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#949494));

    background: -ms-linear-gradient(top);

    background: -o-linear-gradient(top);

    background: -moz-linear-gradient(top);

    background: -webkit-linear-gradient(top);

    background: linear-gradient(to bottom);

    background: -moz-linear-gradient(top,  #cacaca,  #949494);

    background: -webkit-gradient(linear, top, bottom, color-stop(0, #cacaca), color-stop(1, #949494));

    background: -ms-linear-gradient(top, #cacaca, #949494);

    background: -o-linear-gradient(top, #cacaca, #949494);

    background: -webkit-linear-gradient(top, #cacaca, #949494);

    background: linear-gradient(to bottom, #cacaca, #949494);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#949494');

}







#loginBox{

	width: 280px;

    margin-right:30px;



}

    .loginRow {

	line-height: 18px;

	margin-bottom: 10px;

	text-align: right;

	margin-top: 20px;

	padding-top: 10px;

}



.errorTxt2{

color:#c91616;

    font-weight:bold;

}

.errorTxt2 a{

font-weight:normal !important;

    color:#888;

}



.errorBrd {



border: 2px solid red;

    color: #c91616;

    font-weight:bold;

}

.square

{

	text-transform:uppercase;

	display: inline-block;

	outline: none;

	cursor: pointer;

	font: 12px/100% 'Titillium Web', sans-serif;

	font-weight:600;

    padding:6px 10px !important;

	border-radius:3px;

	width:auto;



}

.largerBtn{

font-size:14px;

    margin-right:10px;

}

.grey{

	color: #338cba;

	text-shadow: 0 1px 1px #fff;

	border:1px solid #b4b2b2;

    background: #e8e8e8;

    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e8e8e8));

    background: -ms-linear-gradient(top);

    background: -o-linear-gradient(top);

    background: -moz-linear-gradient(top);

    background: -webkit-linear-gradient(top);

    background: linear-gradient(to bottom);

    background: -moz-linear-gradient(top,  #fafafa,  #e8e8e8);

    background: -webkit-gradient(linear, top, bottom, color-stop(0, #fafafa), color-stop(1, #e8e8e8));

    background: -ms-linear-gradient(top, #fafafa, #e8e8e8);

    background: -o-linear-gradient(top, #fafafa, #e8e8e8);

    background: -webkit-linear-gradient(top, #fafafa, #e8e8e8);

    background: linear-gradient(to bottom, #fafafa, #e8e8e8);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e8e8e8');

	vertical-align:middle;

}

.blue{

	color: #fff;

	text-shadow: 0 -1px 1px #3196b8;

	border:1px solid #35819a;

    background: #3196b8;

    background: -webkit-gradient(linear, left top, left bottom, from(#56b9dc), to(#3196b8));

    background: -ms-linear-gradient(top);

    background: -o-linear-gradient(top);

    background: -moz-linear-gradient(top);

    background: -webkit-linear-gradient(top);

    background: linear-gradient(to bottom);

    background: -moz-linear-gradient(top,  #56b9dc,  #3196b8);

    background: -webkit-gradient(linear, top, bottom, color-stop(0, #56b9dc), color-stop(1, #3196b8));

    background: -ms-linear-gradient(top, #56b9dc, #3196b8);

    background: -o-linear-gradient(top, #56b9dc, #3196b8);

    background: -webkit-linear-gradient(top, #56b9dc, #3196b8);

    background: linear-gradient(to bottom, #56b9dc, #3196b8);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#56b9dc', endColorstr='#3196b8');

}

.red{

	color: #fff;

	text-shadow: 0 -1px 1px #a42020;

	border:1px solid #a42020;

    background: #bd2e2f;

    background: -webkit-gradient(linear, left top, left bottom, from(#e32426), to(#bd2e2f));

    background: -ms-linear-gradient(top);

    background: -o-linear-gradient(top);

    background: -moz-linear-gradient(top);

    background: -webkit-linear-gradient(top);

    background: linear-gradient(to bottom);

    background: -moz-linear-gradient(top,  #e32426,  #bd2e2f);

    background: -webkit-gradient(linear, top, bottom, color-stop(0, #e32426), color-stop(1, #bd2e2f));

    background: -ms-linear-gradient(top, #e32426, #bd2e2f);

    background: -o-linear-gradient(top, #e32426, #bd2e2f);

    background: -webkit-linear-gradient(top, #e32426, #bd2e2f);

    background: linear-gradient(to bottom, #e32426, #bd2e2f);

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e32426', endColorstr='#bd2e2f');

}

.larger {

	font-size:22px;

	padding:20px !important;

}



.rightActions{

	float: right;

	font-size: 11px;

}

/*------------------------------------------------------------------

MISC

==================================================================*/

.omega {margin-right:0 !important; border-right:0 none !important; }

hr {}

hr {

	clear:both;

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: #EEEEEE -moz-use-text-color #FFFFFF;

    -webkit-border-image: none;

    -moz-border-image: none;

    -o-border-image: none;

    border-image: none;

    border-left: 0 none;

    border-right: 0 none;

    border-style: solid none;

    border-width: 1px 0;

    margin: 20px 0;

}



ul.normal {list-style-image:url(../images/bullet.gif); margin:20px 0 20px 16px;}

	.normal li {padding:0 0 0 10px;}



.clear {

clear:both;

}

.clearfix {

  *zoom: 1;

}

.clearfix:before,

.clearfix:after {

  display: table;

  content: "";

  line-height: 0;

}

.clearfix:after {

  clear: both;

}





.imageSpin {

-webkit-transition-duration: 1s;

-moz-transition-duration: 1s;

-o-transition-duration: 1s;

transition-duration: 1s;

-webkit-transition-property: -webkit-transform;

-moz-transition-property: -moz-transform;

-o-transition-property: -o-transform;

transition-property: transform;}



.imageSpin:hover {

-webkit-transform:rotate(360deg);

-moz-transform:rotate(360deg);

-ms-transform:rotate(360deg);

transform:rotate(360deg);

-o-transform:rotate(360deg); }



.badge {

  display: inline-block;

  padding: 2px 4px;

  font-size: 9px;

  font-weight: bold;

  line-height: 14px;

  color: #ffffff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

  white-space: nowrap;

  vertical-align: baseline;

  background-color: #f89406;

}

.badge {

  padding-right: 9px;

  padding-left: 9px;

          border-radius: 9px;

}



.mixSelect,.typeSelect {

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	font-size: 11px;

	border: 1px solid #999999;

}



.keywordBox {

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	font-size: 11px;

	border: 1px solid #999999;

    font-weight:bold;

    color:#d47531

}





.mixType {

	padding-right: 5px;

	padding-top: 2px;

	float: left;

}

.trackBox:hover {

	background-color: #EAEAEA;

	border-color: #FF9900;

	border-bottom-width: 1px;

}

.trackBox {

	margin-left: -8px;

	padding-left: 8px;

}

.orange{

color:#f47630;



}

.flRi {

float:right;

}



.a-btn{

	font-family: 'Titillium Web', sans-serif;

	font-weight: 600;

	font-size: 14px;

	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );

	padding-left: 10px;

	padding-right: 80px;

	height: 28px;

	display: inline-block;

	position: relative;

	border: 1px solid #225F73;

    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);

    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);

	border-radius: 6px;

	float: left;

	clear: both;

	margin: 10px 0px;

	overflow: hidden;

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	transition: all 0.3s linear;

	text-transform: uppercase;

	background-image: -webkit-gradient(linear, 180deg, 180deg, color-stop(0, rgba(82,181,216,1.00)), color-stop(1, rgba(41,130,160,1.00)));

	background-image: -webkit-linear-gradient(180deg, rgba(82,181,216,1.00) 1.04%, rgba(41,130,160,1.00));

	background-image: -ms-linear-gradient(180deg, rgba(82,181,216,1.00) 1.04%, rgba(41,130,160,1.00));

	background-image: -o-linear-gradient(180deg, rgba(82,181,216,1.00) 1.04%, rgba(41,130,160,1.00));

	background-image: -moz-linear-gradient(180deg, rgba(82,181,216,1.00) 1.04%, rgba(41,130,160,1.00));

	background-image: linear-gradient(180deg,rgba(82,181,216,1.00) 1.04%,rgba(41,130,160,1.00) 100%);

}

.a-btn-text{

    padding-top:3px;

    display:block;

    white-space:nowrap;

    text-shadow:0px 1px 1px rgba(255,255,255,0.3);



	    color:#fff;

    -webkit-transition:all 0.2s linear;

    -moz-transition:all 0.2s linear;

    -o-transition:all 0.2s linear;

    transition:all 0.2s linear;

}

.a-btn-slide-text{

    position:absolute;

    height:100%;

    top:0px;

    right:52px;

    width:0px;

    background:#63707e;

    text-shadow:0px -1px 1px #363f49;

    color:#fff;

    white-space:nowrap;

    text-transform:uppercase;

    text-align:left;

    text-indent:10px;

    overflow:hidden;

    line-height:28px;

    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;

    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;

    -webkit-transition:width 0.3s linear;

    -moz-transition:width 0.3s linear;

    -o-transition:width 0.3s linear;

    transition:width 0.3s linear;

}

.a-btn-icon-right{

    position:absolute;

    right:0px;

    top:0px;

    height:100%;

    width:52px;

    border-left:1px solid #5d81ab;

    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;

    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;

}

.a-btn-icon-right span{

    width:38px;

    height:38px;

    opacity:0.7;

    position:absolute;

    left:50%;

    top:50%;

    margin:-20px 0px 0px -20px;

    background:transparent url(../images/arrow_right.png) no-repeat 50% 55%;

    -webkit-transition:all 0.3s linear;

    -moz-transition:all 0.3s linear;

    -o-transition:all 0.3s linear;

    transition:all 0.3s linear;

}

.a-btn:hover{

	-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.4) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.2);

	box-shadow: 0px 1px 1px rgba(255,255,255,0.4) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.2);

    padding-right:170px;



}

.a-btn:hover .a-btn-text{



    text-shadow:0px 1px 1px #5d81ab;

    color:#000;

}

.a-btn:hover .a-btn-slide-text{

    width:90px;

}

.a-btn:hover .a-btn-icon-right span{

    opacity:1;

}



.albumCoverThumb{

	float: right;

	margin-right: 10px;

	padding-top: 2px;

}



div.widerTrack {

width:100%;



}





#subTags {

    line-height:27px;

    margin:15px;

    margin-bottom:0px;

    padding-left:5px;

    padding-top:5px;

    padding-bottom:5px;

    border-bottom: dotted 1px #666666;

}





#subTracks {



 margin:15px;

    padding-left:5px;

    padding-top:5px;

    padding-bottom:5px;



border-bottom: dotted 1px #666666;

}





.keywordEntry{



float:left;

padding-left:10px;

background-image:url('/images/icons/cancel.png');

    background-position:center right;

    background-repeat:no-repeat;

    padding-right:19px;

    cursor:pointer;



}



.keywordEntry a{

 color:#555;

}



.flLe{

float:left;

width:100%;

}





#subTracks b{



 color:#d47531;



}



.divideBox {



    display:inline;

    padding-right:13px;

    margin-right:10px;

    border-right: 1px solid #666666;

}



.noResults{

	padding-bottom: 30px;

	padding-left: 160px;

	padding-right: 30px;

	padding-top: 10px;

	background-image: url(/images/noFiles.gif);

	background-repeat: no-repeat;

	background-position: 0% 20px;

	min-height: 200px;

}



.redTxt {color:#d00f0f}



h3 a{

color:#ff8000;

    font-weight:bold;

    text-decoration:underline;

}



#recentSearch{

    font-size:14px;

    width:90%;

    margin:auto;

    font-size:14px;

    font-family: 'Titillium Web', sans-serif;

    text-align:center;

    }



.searchWord{

	font-size: 14px !important;

	font-weight: bold;

	display: inline;

	padding-bottom: 10px;

	padding-left: 20px;

	padding-right: 10px;

	padding-top: 10px;

	background-position: -10px -10px;

}

a:hover{

text-decoration:underline;

}







  .dualColsBlock{



  width:33% ;

           float:left;

    }





.singleCol{

width:17%;

float:left;

}



.triColumn

{

width:50%;

float:right;

}

.headerBottom{

margin-bottom:12px;

}



.tagBlock{

  background-color:green;

width:180px;

margin-right:5px;

border-right:1px solid #444;

}





.addedBasket{

background: #9dd53a; /* Old browsers */

background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */

background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */



}

li .addedBasket:hover{

background: #51a82f; /* Old browsers */

background: -moz-linear-gradient(top,  #51a82f 0%, #63b243 50%, #47a013 51%, #3b8407 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51a82f), color-stop(50%,#63b243), color-stop(51%,#47a013), color-stop(100%,#3b8407)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #51a82f 0%,#63b243 50%,#47a013 51%,#3b8407 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #51a82f 0%,#63b243 50%,#47a013 51%,#3b8407 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #51a82f 0%,#63b243 50%,#47a013 51%,#3b8407 100%); /* IE10+ */

background: linear-gradient(to bottom,  #51a82f 0%,#63b243 50%,#47a013 51%,#3b8407 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a82f', endColorstr='#3b8407',GradientType=0 ); /* IE6-9 */





}





#loginState{



    line-height:18px;

    border-radius:5px;

    background-color:#333;

    color:#777;

    margin:10px;

    margin-top:0px;

    padding:9px;







}





#loginState:hover{

    color:#fff;

    border-bottom:4px solid orange;



    background-color:#444;





}



.divider{

    margin:10px;

    margin-top:15px;

    margin-bottom:0px;

border-top: dotted 1px #555;





}

.clickInner{

cursor:pointer;

}



.industryBox {

height:93px;

margin-top:10px;



    -moz-transition:border 0.5s;

    -webkit-transition: border 0.5s;

    -o-transition: border 0.5s;

    transition:border 0.5s;



border-left:#FF8000;

}

.industryBox h3 {

font-size:22px;

padding-top:9px;

}

.industryBox img{



float:left;

    margin-right:5px;

}



.industryTitle{

    padding-bottom:14px;

margin-bottom:20px;

    border-bottom:1px solid #CCC;

}



.industryBox a {



font-weight:normal;

color:#888888 !important;

      text-decoration:none;

    -moz-transition:color 0.5s;

    -webkit-transition: color 0.5s;

    -o-transition: color 0.5s;

    transition:color 0.5s;



}



.industryBox h3 a  {

 color:#444444 !important;

}



.industryBox a:hover {



color:#ED5410 !important;

text-decoration:underline;



}



.industryBox:hover{



border-left:15px solid #FF8000;



}



  .paddingNavRight{



  padding-right:20px;



  }



  .requiredField{

	border: 2px red solid !important;

	background-image: url(/images/icons/cancel.png);

	background-position: 378px center;

	color: red !important;

	font-weight: bold;

	background-repeat: no-repeat;

  }



#loginMembersForm{



float:left;



}





.nowrap{

 white-space: nowrap;

}



#contactForm{



position:relative;



}



.keywordEntry a:hover{

  color:#f00 important;

}





.fileCounter{

  display:inline;

}

.searchOverride{

  width:120px;

}

       .singleLine{

           white-space: nowrap;

           overflow:hidden;

           text-overflow:ellipsis;

       }





#albumTracksOnly div.jp-progress {



  width:86%;



}





#albumTracksOnly .albumCoverThumb{



display:none;

}







.twitterFeedBar{

    cursor:pointer;

  margin-top:25px;

  background-color:#fff;

  margin-right:5px;

  background-image:url("/images/twitterBar.png");

  height:129px;

  overflow:hidden;

  background-repeat:no-repeat;

  background-position:right;

  line-height:17px;



}



.twitterFeedBar b{



  color:#000;

        	font: 14px/100% 'Titillium Web', sans-serif;

	font-weight:600;

    transition: color 0.3s;

    display:block;

    padding-bottom:12px;

    padding-top:5px;

}

    .twitterFeedBar i{

          padding-top:9px;

          display:block;

      font-weight:bold;

      font-style:normal;

      color:#F48A3A;

      }



      .twitPost{

        padding-left:10px;

        padding-right:10px;

     border-right:1px solid #eee;

      float:left;

      width:29%;

      margin-right:8px;

      margin-top:8px;

transition: color 0.3s;

      }



      .twitPost:hover,.twitPost:hover b{

       color:#FF8000;

      }



      .twitPost:last-of-type{

       border-right:0px;

     padding-right:20px;

      }

/*------------------------------------------------------------

MEDAI QUERIES

==============================================================*/



@media (min-width:1025px)

{





    .fixedHeader{



    position:fixed;

    height:50px !important;

    background-image:none !important;

    background-color:#EFEEEB !important;

    border-bottom:1px solid #fff;

    -moz-box-shadow: 2px 2px 2px #888;

    box-shadow: 2px 2px 2px #888;

        z-index:5000 !important;



    }







    .fixedHeader .mainLogo {

    width:70%;

    }



    .fixedHeader .nav {

    margin-top:15px !important;

    }





}





   @media (min-width:620px)

{

                      .smltag{



        transition: width 1s;

        -moz-transition: width 1s;

        -o-transition: width 1s;

        -webkit-transition: width 1s; /* Safari */

        	text-align: center;

        	font: 11px/100% 'Titillium Web', sans-serif;

        	font-weight:600;

            padding:0 7px !important;

        	border-radius:12px;

        	width:auto;

        	text-transform:uppercase;

            color: #000;

        	text-shadow: 0 1px 1px #fff;

        	border:1px solid #c7c7c7;

            background: #d7d6d6;

            background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#d7d6d6));

            background: -ms-linear-gradient(top);

            background: -o-linear-gradient(top);

            background: -moz-linear-gradient(top);

            background: -webkit-linear-gradient(top);

            background: linear-gradient(to bottom);

            background: -moz-linear-gradient(top,  #fafafa,  #d7d6d6);

            background: -webkit-gradient(linear, top, bottom, color-stop(0, #fafafa), color-stop(1, #d7d6d6));

            background: -ms-linear-gradient(top, #fafafa, #d7d6d6);

            background: -o-linear-gradient(top, #fafafa, #d7d6d6);

            background: -webkit-linear-gradient(top, #fafafa, #d7d6d6);

            background: linear-gradient(to bottom, #fafafa, #d7d6d6);

            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#d7d6d6');

            cursor:pointer;

}



    .smltag a{

    color:#000;

        text-decoration:none;

    }



    .smltag:hover{





    border:#F36A2D 1px solid;

    color:#fff !important;

    	text-shadow: 0 1px 1px #000;

      	background: #ffb76b; /* Old browsers */

      background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */

      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */

      background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */

      background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */

      background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */

      background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */

      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */



      }





    .smltag a:hover{

    color:#fff;

        text-decoration:none;

    }



}



@media (min-width:700px)

{

                           .menuSelect{



                           font-size:14px !important;

                           }





}





     @media (max-width: 1150px)

{





	#right_album_content {



           width:55%;



           }



div.jp-progress {





		width:68%;



}



#albumTracksOnly div.jp-progress {



  width:83%;



}







.albThumb{



width:100%;

max-width:110px;

max-height:110px;

}

.albumCoverThumb{

  width:14%;

}





                       .jp-seek-bar{



                       background-size:100% 100%;

                       width:100% !important;



                       }



div .widerTrack{



     width:100% !important;



}







h2{



line-height:30px;

}



 	.welcome h1 {

 	  margin-top:10%;

      font-size:50px;

      margin-left:3%;

	}

    h1 .shout{

    font-size:60px;



    }

 	.dvdBOX {width:100%;}

	.home_image {width:40%;}



}







@media (max-width: 1000px)

{



    .form-horizontal .controls {

        width: 60% !important;

    }



    .input-xlarge{

      width:100% !important;

    }



    #white_container{

      padding:0%;

      margin:0px;



    }



    .loginRow {

    text-align:center;

    }

    .loginRow b {

      display:none;

    }



    #loginBox{

    	width: 80%;

        margin-right:10px;



    }





    #loginMembersForm

    {

      float:left;

         width:40% !important;

    }



  .rightPromo{



  width:55%;



  }



   	.nav li {

    margin-right:15px;



    }



	#container { padding:0 10px;}



	.newslist li div {width:88%;}

}









@media (max-width: 950px)

{

    .industryBox{

      line-height:18px;

    }



    .search_bar li {

    margin-right:20px;

  }



     #right_album_content{



     width:49%

     }

     #right_album_content p{

     line-height:17px;

     }



}



@media (max-width: 820px)

{



.twitPost{

  width:43%;

}



.prslogo{

  display:none;

}



.singleCol{

  width:35%

}



.dualColsBlock{



width:65%;

}



.triColumn{

         clear:both;

width:100%;

}





.copyright {

   background-color:#373B43;

padding:5px;

padding-bottom:35px;

line-height:20px;

color:#eee !important;



}

.copyright a{



color:#fff !important;



}



   #footer ul.nav {

      padding-top:10px;

 padding-bottom:15px;

   background:none;

   background-color:#1C1E22;

   color:#fff;

   border-radius:0px;

   }



#footer ul.nav a {





   color:#fff;



   }

#footer{

  border-top:solid 15px #F47630;

  background:none;

  background-color:#fff;

}







.divider{

display:none;

}



  #loginState{



  display:none;

  }



  .browse{

    display:none;

  }

  .industryDesc {



      display:none;

  }

    .industryBox h3 {

      font-size:18px;

    }



   	#albumstack  {width:20%;}

	#albumstack img {width:45%; margin:0 3% 0 0; }



	#header ul.nav {display:none;}

	#selectMenu {display:block;}



	.welcome h1 {width:100%; float:none; text-align:center; margin-bottom:0; margin-top:0px}

	.home_image {float:none; width:100%; text-align:center;}

	.home-featured ul li {width:32.5%; }

  	.home-featured ul li:last-child {display:none;}



   	.dvdBOX {width:60%;}

	#music_content_split  {clear:both; width:100%;}

	#music_left_nav {width:100%;}

	#music_left_nav li {border-bottom: 1px solid #191B1F;border-right: 1px solid #191B1F;border-left: 1px solid #212328;border-top: 1px solid #212328;float: left;width: 32.9%;}

	#music_left_nav li a:hover, #music_left_nav li a.active {color:#fff; background-color:#18181d; background-image:none;box-shadow:inset 0 0 10px #000000;}

	.albums li {width:33.1%;}

  	.waveform a.playtrack {margin:0;}

	#footer .logos {width:100%; text-align:center; float:none;}

	#footer .copyright {width:100%; text-align:center; margin:0;padding:0;padding-top:20px}

	#footer ul { list-style: none outside none; margin:0 !important; padding: 0; text-align: center; width:100%; border:0 none !important; }

	#footer li { display: inline; margin: 0 10px; float:none;}



}



@media (max-width: 700px)

{

     .albumCoverThumb{

      display:none;

     }



     div.jp-progress {





    		width:85%;



    }



    #albumTracksOnly div.jp-progress {



  width:80%;



}



    .album_image{

      display:none;

    }

       #right_album_content{



    width:100%;

    }





    #album_details{

    padding-bottom:15px;

    height:auto;

    }



}



@media (max-width: 620px)

{





.twitPost{

  width:88%;

  border-right:0px;

}





     .paddingNavRight{

       padding-top:14px !important;

     }



       .hideMobile{



       display:none;

       }





  .width100{

    width:100%;

    margin:0;

    padding:0;

    text-align:center;

  }



.contains{

  text-align:center;

  width:100%;

}



#footer{

  margin-top:10px;

}





.buttonDual{

  width:49%;

  text-align:center;

}









.track_tags span {

margin:0px;

padding:0px;



}



#subTracks{



margin-left:1%;

margin-right:1%;



}



    .smltag a{

    color:#666;

    border-right:1px solid #ccc;

    padding-right:5px;

    text-decoration:none;

        }



    .smltag a:hover{

    color:#000;

        text-decoration:underline;

    }



    .track_title{

      width:100%;

    }





    .industryBox img {



    width:60px;



    }

    .industryBox {

        line-height:22px;

      overflow:hidden;

      height:60px;

       text-overflow:ellipsis;





    }



      .industryDesc {



          display:block;

      }



     .form-horizontal .controls {

        width: 100% !important;

    }



    #albumstack {



    display:none;

    }



    #loginMembersForm

    {

      float:left;

      width:100% !important;

      padding-bottom:10px;

      border-bottom:1px solid #BBB;

    }

    .loginRow{

      margin-top:10px;

           text-align:center;

    }

    .loginRow b{

        display:inline-block;

        width:100px;

        text-align:right;

    }

    #loginBox{

	width: 65%;





        }

    .rightPromo{

      padding-top:0px !important;

    width:95%;

    }

    .tagSearch{



        min-height:40px;

    }



    .blue{

      width:39%;

      text-align:center;

    }



   #showtracks .blue{

      width:100%;

      }





  	.home-featured ul li {width:49.5%; }



       	.home-featured ul li:last-child {display:inline;}



	.home_image img {width:80%;}

    .welcome 	h1 {font-size:35px; }

    .welcome 	h1 .shout {font-size:40px;}

	.directors li {width:100%;  margin:0 0 20px 0;}



	.search_bar li {margin-right:20px;}

	.search_bar li.browse, .search_bar li a {font-size:20px;}



}





    @media (max-width: 520px)

{





.socialContact{

display:none;

}





.asFooter{

  margin-bottom:-7px;

  width:226px;

}



.tags span {

  display:none;

}



.home-featured ul li h4 {

padding-left:6px;

padding-right:6px;



}



.home-featured ul li p {

    padding-left:6px;

padding-right:6px;

}



div.jp-progress{



width:68%;

}







    #albumTracksOnly div.jp-progress {



  width:73%;



}





    label{

      display:none;

      }

      .form-horizontal .controls {

        width: 100% !important;

        margin-left:0px;

    }



    #contactform{

      width:100% !important;

    }



       .input-xlarge{

        width:90% !important;

      }

      	.page_title {display:none;}

}



   @media (max-width: 460px)

{

 .dualCol{

  width:100%;

 }

               .buttonDual{

    width:85%;

    margin:auto;

    margin-bottom:5px;





    }



}



@media (max-width: 424px)

{



    #albumTracksOnly div.jp-progress {



      width:%;



    }









  .hideTiny{



  display:none;



  }





#tracks {

padding-left:3%;

padding-right:3%;



}



  .rightActions{

width:100%;

padding-top:10px;

padding-bottom:10px;

   }



ul.action_buttons{

clear:none;

float:right;



}



       .desc{



       display:none;

       }



.albums li p{

  padding-left:10px;

  padding-right:10px;

}

.albums li h4 {

  padding-left:10px;

  padding-right:0px;

}



.fileCounter{

float:right;

}



.divideBox{

display:block;

width:95%;

line-height:28px;

padding-top:6px;

border-right:0px;

border-bottom:1px solid #ccc;

}

.divideBox input,select{

 width:60%;

float:right;



}

.searchFiles{

margin-top:10px;

width:90%;

}



.divideBox input{

width:55%;

height:10px;



}



    #loginBox{

	width: 60%;

    margin-right:10px;



        }





.newslist li div img {float:none;width:100%;margin:0;}





  .mainLogo {

    width:190px;

  }



  .media_date{

    display:none;

  }



  .newslist h3{



              display:block;

              width:100%;

  }



    #menuDropdown{

    position:absolute;

    top:50px;

    left:0px;

    width:94% !important;

    margin:3%;

    display:block !important;

    }



   .welcome h1 {font-size:25px; !important}

	#music_left_nav {display:none;}

	#music_left_nav li {width: 49%;}

	#music_container {margin-top:20px;}

	.albums li {width:49%; }



	.wave {float:right; width:80%;}

	.newslist li div {width:100%; clear:left;}

}

#white_container{

  width:90%;

padding:5% !important;



}



.relatedLinks {

	padding-top: 10px;

	font-weight: bold;

}

.relatedLinks a{

	padding-top: 10px;

	font-weight: bold;

	text-decoration: none;

}

.relatedLinks a:hover{

	padding-top: 10px;

	font-weight: bold;

	color: #333333;

}

.green {

	color: #339933;

	font-weight: bold;

}



.logos{

  font-size:11px;

}



.dottedBase{

  padding-bottom:15px;

border-bottom:1px dotted #ccc;

margin-bottom:20px;

}









/* ///////// Jplayer:   */





div.jp-audio {



	font-size: 1em;



	font-family: Verdana, Arial, sans-serif;



	color: #fff;



	line-height: 1.6;



}







div.jp-audio {



	width: 100%;



}







div.jp-interface {



	position: relative;



	width: 100%;



	box-shadow: 0px 0px;



	border-radius: 3px;



	background-color: #d4d3d3;



	border: 1px solid #CCCCCC;



}



div.jp-audio div.jp-type-single div.jp-interface {



	height: 120px;



}







div.jp-interface ul.jp-controls {



	list-style-type: none;



	padding: 0;



	margin: 0;



}



div.jp-interface ul.jp-controls li {



	display: inline;



}



div.jp-interface ul.jp-controls a {



	position: absolute;



	overflow: hidden;



}







a.jp-play,



a.jp-pause {



	width: 80px;



	height: 80px;



	z-index: 1;



	outline: none;



}



div.jp-audio div.jp-type-single a.jp-play,



div.jp-audio div.jp-type-single a.jp-pause {



	top: 0;



	left: 0;



}



a.jp-play {



	padding-left: 10px;



	padding-top: 30px;







}





a.jp-pause {



	display: none;



	padding-left: 10px;



	padding-top: 30px;







}





div.jp-progress-container {



	position: absolute;



	top: 0;



	left: 70px;



	width: 100%;



	height: 100px;



	padding: 12px 10px;



	border-color: #999999;







}



div.jp-progress {



	position: absolute;



	overflow: hidden;



	height: 95px;



    width:72%;



}











div.jp-seek-bar {



	width: 0px;



	height: 95px;



	cursor: pointer;



	-webkit-border-radius: 1px;



	-moz-border-radius: 1px;



	border-radius: 1px;



       background-repeat: no-repeat;

       background-color:#fff;



}



div.jp-play-bar {



	width: 0px;



	height: 95px;



	-webkit-border-radius: 1px;



	-moz-border-radius: 1px;



	border-radius: 1px;



	border-right:solid 1px #999;



       background-repeat: no-repeat;



}









div.jp-jplayer {



	width:0px;



	height:0px;



}







div.jp-jplayer {



	background-color: #000000;



}



.playing {



	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(249,162,60,1.00)),color-stop( 100% , rgba(242,104,45,1.00)));



	background-image: -webkit-linear-gradient(270deg,rgba(249,162,60,1.00) 0%,rgba(242,104,45,1.00) 100%);



	background-image: linear-gradient(180deg,rgba(249,162,60,1.00) 0%,rgba(242,104,45,1.00) 100%);



}



/*  /////////////     TOOL TIPSTER        */





/* This is the default styling for all Tooltipsters: */

.tooltip-message {

	background: #000; /* <- for IE */

	background: rgba(0,0,0,0.9);

	color: #fff;

	font-family: Arial, sans-serif;

	font-size: 12px;

	line-height: 12px;

	position: absolute;

	padding: 10px;

	border-radius: 2px;

	text-align: center;

	z-index: 9999999;

	pointer-events: none;

	width: auto;

	overflow: visible;

}



/* When you want to create a second class for your Tooltipster messages, copy (or modify) this template and add your style to it. Don't forget to refer to it in your Tooltipster settings (tooltipClass: '.my-custom-theme') */

.my-custom-theme {

	position: absolute;

	text-align: center;

	z-index: 9999999;

	pointer-events: none;

	width: auto;

	/* Start styling here... */

}



/* Add a slight border radius to all images inside the Tooltipsters */

.tooltip-message img {

	border-radius: 2px;

}



/* These next classes handle the styles for the little arrow attached to the tooltip. If you need to change the color of the arrow to match a custom Tooltipster theme, set it in your Tooltipster settings (arrowColor: '#yourcolor') */

.tooltip-arrow {

	display: block;

	text-align: center;

	font-size: 12px;

	line-height: 12px;

	width: 100%;

	height: 5px;

	position: absolute;

	left: 0px;

	z-index: -1;

}

.tooltip-arrow-top {

	bottom: -3px;

	margin: 0 auto;

	text-align: center;

}

.tooltip-arrow-top-right {

	bottom: -3px;

	margin-left: -10px;

	text-align: right;

}

.tooltip-arrow-top-left {

	bottom: -3px;

	margin-left: 10px;

	text-align: left;

}

.tooltip-arrow-bottom {

	top: -10px;

	margin: 0 auto;

	text-align: center;

}

.tooltip-arrow-bottom-right {

	top: -10px;

	margin-left: -10px;

	text-align: right;

}

.tooltip-arrow-bottom-left {

	top: -10px;

	margin-left: 10px;

	text-align: left;

}

.tooltip-arrow-left {

	top: 0px;

	right: -18px;

	margin: 0 auto;

	text-align: right;

}

.tooltip-arrow-right {

	top: 0px;

	left: -8px;

	margin: 0 auto;

	text-align: left;

}



/* Some styling to enable the slide animation */

.tooltip-slide {

	height: 0px;

	position: absolute;

	width: auto;

	z-index: 9999999;

	overflow: hidden;

}



.tooltipster-smoke {

    background-color: #111;

    border: 2px solid black;

    border-radius: 6px;

    box-shadow: 5px 5px 7px #444;

    opacity: 0.9;

    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);

    color: white;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 16px;

    position: absolute;

    padding: 10px;

    text-align: center;

    z-index: 9999999;

    pointer-events: none;

    width: auto;

    overflow: visible;

}

.tooltipster-smoke .tooltip-arrow {

    text-shadow: 5px 5px 7px #444;

}





#previewOnly{

	

text-align:center;

padding:20px;

background-color:#FFEFAC;

margin-bottom:20px;	

}



#previewOnly b{

color:#b9710b;	

}





////////////