body {font-family: Arial, Helvetica, sans-serif; color:#999999; font-size:14px; background:#000 !important}

a{color: #5D5D5D; } /*#333333;}*/
a:hover,a:focus{color:#e55525;}

.hr {border-bottom:1px solid #252525; clear:both; margin-bottom:15px; padding-top:14px;}
.clear {clear:both;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin:0px 0px 20px; font-family:Arial, Helvetica, sans-serif;}

.title {font-size:36px; font-weight:bold; color:#333333}
.title2 {text-transform:uppercase; font-size:30px; color:#595959; margin-bottom:10px;}
.title3 {text-transform:uppercase; font-size:22px; color:#595959; margin-bottom:10px;}

.txt-white {color:#FFF !important}
.txt-orange {color:#e55525 !important}
.txt-green {color:#3a9110 !important}

.container {max-width:100% !important;}
.block-gray{padding: 6px 20px !important; background-color: #2D2D2D;}
.bg-block{background: none repeat scroll 0% 0% #181818 !important;}
/*Header*/
.link-light{color: #A1A1A1 !important;}
#mainHeader {}
	.mainHeader {padding-top:15px; }
	
	.top-nav {text-align:right; line-height:18px; height:18px; padding-bottom:48px;}
		.top-nav a {color:#fff; font-size:11px; margin-left:10px; display:inline-block;}
		.top-nav a:hover {color:#e55525;}	
		.top-nav a.link-logout {width:16px; height:16px; display:inline-block;float:right; cursor:pointer; background:url(../images/link-logout.png) 50% 50% no-repeat}
		.top-nav a.link-logout:hover {text-decoration:none}
	
.mainMenu ul {margin:0px; padding:0px; float:right}
	.mainMenu ul>li {margin:0px; padding:0px; list-style:none; float:left;}
	.mainMenu ul>li>a{padding:0px 0px 0px 30px; display:block; font-size:13px; text-align:left; color:#787878;}
	.mainMenu ul>li>a:hover, .mainMenu ul>li>a:focus { color: #e55525; text-decoration:underline;}
	.mainMenu ul>li.active>a, .mainMenu ul>li.active>a:hover, .mainMenu ul>li.active>a:focus { color: #e55525; text-decoration:none;}
	
#mainContainer {border:1px solid #252525; margin-bottom:20px; overflow:hidden}

#mainContainer .leftContent {width:20%; float:left; }
#mainContainer .mainContent {width:60%; float:left; }
#mainContainer .mainContent-left {width:80%; float:left; }
#mainContainer .rightContent {width:20%; float:left;}

#mainContainer .col40 {width:40%;}
#mainContainer .col60 {width:60%;}

#mainContainer .col30 {width:30%;}
#mainContainer .col70 {width:70%;}

.left-shadow {background:url(../images/left-shadow.png) right top repeat-y; margin-bottom: -99999px; padding-bottom:99999px;}


#mainContainer .left-right-line {border-right:1px solid #252525;border-left:1px solid #252525; float:left; width:100%} 
#mainContainer .right-line {border-right:1px solid #252525; float:left; width:100%} 
	
.block-padding {padding-left:20px; padding-right:20px;}	
.block-paddings {padding:20px;}	

.main-banner {background:url(../images/banner-shadow.png) center bottom no-repeat; padding-bottom:36px;}

	.mainbanner .bx-wrapper { position: relative; margin: 0px auto; padding: 0;  *zoom: 1;}
	.mainbanner .bannerimg {position:relative; overflow:hidden;}
	.mainbanner .bannerimg { width: 100%; display: block;}
	.mainbanner .bx-wrapper .bx-viewport {overflow: hidden;position: relative;}
	.mainbanner .bx-wrapper .bx-pager { position: absolute; z-index:2; bottom:20px; left:15px; width: 100%; }
	.mainbanner .bx-wrapper .bx-controls-auto { position: absolute; z-index:2; bottom:20px; left:20px; margin:0px }
	.mainbanner .bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #92c9dd; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
	.mainbanner .bx-wrapper .bx-pager { text-align: left; font-size:0px; }
	.mainbanner .bx-wrapper .bx-pager .bx-pager-item, .mainbanner .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; zoom:1; *display:inline;  *zoom: 1;*display: inline;}
	.mainbanner .bx-wrapper .bx-pager.bx-default-pager a { background: url(../images/banner-pager-controls.png) 0 -30px no-repeat; text-indent: -9999px; display: block; width: 21px; height: 21px; margin: 0 4px; outline: 0; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
	.mainbanner .bx-wrapper .bx-pager.bx-default-pager a:hover, .mainbanner .bx-wrapper .bx-pager.bx-default-pager a.active { background-position:0 0; }
	
	.mainbanner .bx-wrapper .bx-prev { left: 10px; background: url(../images/banner-controls.png) no-repeat 0 0px; }
		.mainbanner .bx-wrapper .bx-prev:hover { background-position:-54px 0px;}
	.mainbanner .bx-wrapper .bx-next { right: 10px; background: url(../images/banner-controls.png) no-repeat 0px -54px;}
		.mainbanner .bx-wrapper .bx-next:hover { background-position:-54px -54px;}
	.mainbanner .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -26px; outline: 0; width: 54px; height: 54px; text-indent: -9999px; z-index: 2000;}
	.mainbanner .bx-wrapper .bx-controls-direction a:hover {}
	.mainbanner .bx-wrapper .bx-controls-direction a.disabled { display: none; }
	.mainbanner .bx-wrapper .bx-controls-auto { text-align: center; }
	.mainbanner .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
	.mainbanner .bx-wrapper .bx-controls-auto .bx-start:hover, .mainbanner .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
	.mainbanner .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
	.mainbanner .bx-wrapper .bx-controls-auto .bx-stop:hover, .mainbanner .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
	.mainbanner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {/* text-align: left; width: 80%;*/ }
	.mainbanner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
		.mainslider-content {width:960px; margin:0px auto; position:relative; top:0px; z-index:8;}
		.mainbanner .bx-wrapper .bx-caption { position: absolute; width:50%; top: 108px; left: 0; color:#FFF;  font-family: 'open_sansregular', sans-serif; text-shadow: rgb(3, 3, 3) 1px 2px 2px; font-weight: normal; }
		

.txt-today{color:#282828; display:inline-block; padding:0px 30px;}

.home-blocks {padding-left:20px; padding-right:20px; }
	.home-block {background:#080808; margin-bottom:20px !important;}
	.home-block:hover {background:#0b0b0b;}
	.content {padding:15px 15px 0px; font-size:12px;}
	.home-block h4 {text-transform:uppercase; font-size:26px; padding:15px; font-weight:normal !important; color:#525252; text-align:right; border-bottom:1px solid #121212; height:142px; margin-bottom:0px;}
	.img-create {background:url(../images/img-create.png) 15px 15px no-repeat}
	.img-promote {background:url(../images/img-promote.png) 15px 15px no-repeat}
	.img-result {background:url(../images/img-result.png) 15px 15px no-repeat}
	
.ul-arrow {margin:0px; padding:0px; list-style:none}
	.ul-arrow li {padding-bottom:15px; background:url(../images/li-arrow.png) left 4px no-repeat; padding-left:12px;}

.home-pack-blocks {padding:0px 20px 0px;}	
.pack-left {background:url(../images/pack-bg-left.png) left top no-repeat; height:130px; padding:15px 0px 0px 20px; width:400px; margin-bottom:20px;}	
	.pack-left .pack-title {color:#e45625; font-size:18px; text-transform:uppercase; float:left; width:170px}	
		.pack-left .pack-title strong {font-size:50px; font-weight:bold; display:block; line-height:100%; display:block; padding:5px 0px;}	
	.pack-left .pack-txt {float:left; width:200px; padding-left:20px;}
		.pack-left .pack-txt strong {text-transform:uppercase; color:#595959; font-size:24px;  }
		.pack-left .pack-txt span {font-size:18px; color:#FFF}

.pack-right {background:url(../images/pack-bg-right.png) right top no-repeat; height:130px; padding:15px 20px 0px 0px; width:400px; text-align:right; float:right; margin-bottom:20px;}	
	.pack-right .pack-title {color:#e45625; font-size:18px; text-transform:uppercase; float:left; width:170px}	
		.pack-right .pack-title strong {font-size:50px; font-weight:bold; line-height:100%; display:block; padding:5px 0px;}	
	.pack-right .pack-txt {float:left; width:210px; padding-right:20px;}
		.pack-right .pack-txt strong {text-transform:uppercase; color:#595959; font-size:24px;  }
		.pack-right .pack-txt span {font-size:18px; color:#FFF}

.block-with-bg {background:#252525; margin:1px; padding:10px; font-size:12px;}
	.block-with-bg h3 {color:#e45625; font-size:14px; margin: 0px 0px 10px;}

.top-blocks {padding:0px 20px 20px;}	
.top-block {background:#080808; padding:10px; height:150px;}
	.top-block:hover {background:#0b0b0b;}	
	.top-blocks h4 {font-size: 17px; color: #e55525;margin-bottom: 10px; }
	.top-blocks p {margin-bottom:5px;}
	.top-blocks a {font-size:11px;}
	.top-blocks .big-txt {font-size:60px; padding-bottom:20px; color:#252525}
	
.campaign-blocks {padding:20px 20px 20px;}	
	.campaign-blocks .top-txt {font-size:11px; text-align:left; text-transform:uppercase; color:#e55525}
	.campaign-blocks .big-txt {font-size:60px; padding-bottom:20px; color:#252525}
	.campaign-blocks .bottom-txt {font-size:11px; text-align:right; color:#313131}


.home-footer-block {padding:30px 20px; background:#0b0b0b;}

.right-mailing-lists {list-style:none; padding:0px; margin:0px; font-size:12px;}
	.right-mailing-lists li {border-bottom:1px dashed #2c2c2c; float:left; width:100%; padding-bottom:4px; margin-bottom:4px;}
		.right-mailing-lists li:hover {background:#212121;}
	.right-mailing-lists li a {color:#6a6a6a;}
	.right-mailing-lists li a:hover {color:#e55525;}
	
	.right-mailing-lists li .btn-xs, .right-mailing-lists li .btn-xs:hover {float:right; font-size:8px; padding:2px 3px 4px !important; color:#FFF}

.page-menu {background:#0c0c0c; padding:0px 0px; margin:30px 0px 30px; height:32px; line-height:32px; position:relative;}
.page-menu.page-menu-center {text-align:center}
	.page-menu a {font-size:12px; color:#787878; display:inline-block; height:43px; top:-2px; padding:0px 20px; position:relative }
		.page-menu a:hover {color:#FFF; text-decoration:none}
		.page-menu a.active {background:url(../images/page-menu-hover.png) center top no-repeat; color:#FFF;}

.table-menu-left {text-align:left}
.table-menu {padding-bottom:10px; font-size:11px; line-height:20px;}
	.table-menu a {line-height:20px; display:inline-block; font-size:11px;}
	.img-export-data {background:url(../images/img-export-data.png) left top no-repeat; padding-left:20px; color:#363535; margin-left:10px;}
	.img-import-data {background:url(../images/img-import-data.png) left top no-repeat; padding-left:20px; color:#363535;  margin-left:10px;}
	.img-add-addres {background:url(../images/img-add-addres.png) left top no-repeat; padding-left:20px; color:#363535;  margin-left:10px;}

.table {font-size:12px; margin:0px;}
.table th {text-align:left; background:#0c0c0c; border:0px !important; color:#6d6d6d; text-transform:uppercase; font-size:13px; }
	.table .center {text-align:center}	
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { background-color: #060606 }
	.table a {color:#999999}
	.table a:hover {color:#e55525; }
.table-footer {padding-top:10px; padding-bottom:20px; font-size:12px;}

.table-menu {text-align:right}

.left-menu {margin:0px; padding:0px; list-style:none}
.left-menu li a {padding:10px; border-bottom:1px solid #070707; display:block; position:relative; transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
	.left-menu li a:hover:before, .left-menu li a.active:before { position:absolute; content:""; right:-1px;  z-index:999; border-left:2px solid #0d0d0d; height:100%; top:0px;}
	.left-menu li a:hover:after, .left-menu li a.active:after { position:absolute; content:""; right:-10px;  z-index:999;width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #0d0d0d;}
	.left-menu li a:hover, .left-menu li a.active {background:#0d0d0d; color:#FFF; text-decoration:none}
	
	.left-menu li a .badge {background:#000; border:1px solid #131313; font-size:11px; letter-spacing:1px; box-shadow: inset 0px 0px 10px 4px #171717;-moz-box-shadow: inset 0px 0px 10px 4px #171717;-webkit-box-shadow: inset 0px 0px 10px 4px #171717;}
	

.leftContent .panel-group .panel+.panel {margin-top:-1px;}

/*Promo Details page*/
.topList {border-bottom:1px dotted #333333}
.topList:hover {background: #131313;}
.tRow {background: #0c0c0c;}
.tRow:hover {background: #050707;}
.downloadChart {width:100%}
	.downloadChart .releaseTitleList {line-height:100%; padding:5px 0px;}
	.downloadChart .chartLabel {color: #757575;font-size: 10px;}
	.trackDownloadManager {text-align:center}
	.trackDownloadManager  .downBtnDwn {margin-right:10px;}
	
.promo-listings {padding:20px 10px;}
	.promo-listings .title3 {padding:0px 10px 10px;} 		
	
	.widgetBlockItem { float: left; width: 148px; text-align: center; margin:0px 10px 20px; font-size: 11px; }
	.widgetInner { padding: 10px 5px 10px 5px; margin: auto; min-height: 180px; text-align: center; font-size: 11px; border: 1px solid #191919; background: #080808; -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.9); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9); }
		.widgetInner:hover {border-color:#e45625;}
	.blockCover { margin-bottom: 10px; cursor: pointer; }
	SPAN.releaseName { font-family: arial; font-weight: bold; }
	SPAN.releaseName { cursor: pointer; font-weight: bold; color: #b6b6b6; }
	SPAN.artistName { cursor: pointer; font-size: 10px; color: #898989; }
	.feat { color: #898989; font-size: 11px; font-weight: normal; }
	SPAN.artistName { cursor: pointer; font-size: 10px; color: #898989; }
	
	.promo-details-top {padding-top:20px; padding-bottom:5px; float:left; width:100%;}
		.promo-details-top-img {float:left; margin-right:20px;}
		.promo-details-top-txt {overflow:hidden; }
		.promo-details-top-txt small {font-size:10px;}
		
	.widgetReleases {position:relative;width:100%;background:#0c0c0c;}	
	
		
	.releaseTable { width: 100%; border-top: 1px solid #272727; font-size: 12px; margin: 0; margin-right: 15px; }
	.releaseTable td { padding: 2px; line-height: 12px; vertical-align: middle; }
	.releaseHeader { background: #0c0c0c; font-size: 11px; font-weight: normal; color: #d1d2d4; }
	tr.releaseHeader th { text-shadow: 1px 2px 2px #0c0c0c; border-bottom: 1px solid #272727; font-weight: normal; }
	.relFeed { text-align: center; }
	.trackRow0 { font-size: 11px; background: #0c0c0c; }
	.trackRow1 { font-size: 11px; background: #0c0c0c; }
	.trackRow2 { font-size: 11px; background: #1b1b1b; }
	.trackRow0:hover { background: #131313; }
	.trackRow1:hover { background: #131313; }
	.trackRow2:hover { background: #3d3d3d; }
	.releaseFeedback { display: inline-block; width: 16px; height: 22px; cursor: pointer; margin-top: 3px; margin-right: 5px; background: url(../images/feedback-o.png); }
	.releaseFeedback:hover { background-position: left bottom; }
	.releaseFeedbackContainer { display: none; background: #0c0c0c; }
	.releaseFeedbackRel { float: right; cursor: pointer; margin-top: -1px; }
	.trackListenRel { padding-left: 20px; border-bottom: 1px solid #272727; }
	td.trackTitle { padding-left: 6px; padding-top: 0; vertical-align: middle; border-bottom: 1px solid #272727; }
	.trackTitleRel { padding-left: 0; color: #e7e7e7; border-bottom: 1px solid #272727; }
	.trackGenre { border-bottom: 1px solid #272727; font-size: 10px; color: #757575; }
	.trackDate { width: 93px; font-size: 10px; color: #757575; border-bottom: 1px solid #272727; }
	.trackDownload { text-align: right; border-bottom: 1px solid #272727; padding-right: 10px; }
	.relFeed { text-align: center; }
	.trackbpm { font-size: 10px; color: #999999; color: #757575; }
	.downBtn { cursor: pointer; margin-left: -2px; }
	.listPlay { cursor: pointer; margin-top: 2px; float:left}
	span.cue { display: inline-block; width: 20px; height: 20px; float:left; background: url(../images/queue.png); margin-top: 2px; margin-left:2px; cursor: pointer; }
	

	
/*Footer*/
#mainFooter {border-top: 1px solid #252525; padding:20px 0px}
	.label-Logos {text-align:center; padding:10px 0px;}
		.label-Logos img {margin:0px 3px 8px;}
		
	#mainFooter a {color:#808080;}
	#mainFooter a:hover {color:#e55525;}
	
	#mainFooter h4 {color:#FFF; font-size:16px; margin:0px; padding:10px 0px 15px;}	
		
	.footerList {list-style:none; margin:0px; padding:0px; font-size:14px;}	
	.footerList li {padding-bottom:5px;}
	
	.copyright {font-size:12px; text-align:center; padding:20px 0px; color:#808080;}
	
	
/*Form */
input, button, select, textarea {border:1px solid #d4d4d4; background-color:#FFF;}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {border-color:#d4d4d4;background:#e3e3e3; cursor: not-allowed;}

.form-control { background-color: #1d1d1d; border: 1px solid #353535 ; border-radius: 0px !important; font-size:11px; }
.form-control:focus { border-color: #e55525;}

.mini-select {font-size:10px; background:#4e4f4f; border:1px solid #b2b2b2; color:#FFF;}

.mandatoryNote {font-size:11px;}


/* Bootstrap css */
.btn {border-radius:0px !important;}
.btn-lg { border-radius: 3px }
.btn-sm, .btn-xs {border-radius: 2px }

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {padding-top: 5px;}

.radio label, .checkbox label {font-size:11px;}


.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: 0 -1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075) }
.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125) }
.btn:active, .btn.active { background-image: none }

.btn-gray { text-shadow: 0 1px 0 #333; color:#FFF; background:#595959; border-color: #595959;}
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active { background-color: #EC5A28; border-color: #EC5A28; color:#FFF; }

.btn-orange { text-shadow: 0 1px 0 #333; color:#FFF; background:#e45625; border-color: #e45625;}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active { background-color: #be4116; border-color: #be4116; color:#FFF; }

.btn-default { text-shadow: 0 1px 0 #fff; background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, 0%, #e6e6e6, 100%); background-image: -moz-linear-gradient(top, #fff 0, #e6e6e6 100%); background-image: linear-gradient(to bottom, #fff 0, #e6e6e6 100%); background-repeat: repeat-x; border-color: #e0e0e0; border-color: #ccc; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0)
}
.btn-default:active, .btn-default.active { background-color: #e6e6e6; border-color: #e0e0e0 }
.btn-primary { background-image: -webkit-gradient(linear, left 0, left 100%, from(#428bca), to(#3071a9)); background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%); background-image: -moz-linear-gradient(top, #428bca 0, #3071a9 100%); background-image: linear-gradient(to bottom, #428bca 0, #3071a9 100%); background-repeat: repeat-x; border-color: #2d6ca2; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0)
}
.btn-primary:active, .btn-primary.active { background-color: #3071a9; border-color: #2d6ca2 }
.btn-success { background-image: -webkit-gradient(linear, left 0, left 100%, from(#5cb85c), to(#449d44)); background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%); background-image: -moz-linear-gradient(top, #5cb85c 0, #449d44 100%); background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%); background-repeat: repeat-x; border-color: #419641; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0)
}
.btn-success:active, .btn-success.active { background-color: #449d44; border-color: #419641 }
.btn-warning { background-image: -webkit-gradient(linear, left 0, left 100%, from(#f0ad4e), to(#ec971f)); background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%); background-image: -moz-linear-gradient(top, #f0ad4e 0, #ec971f 100%); background-image: linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%); background-repeat: repeat-x; border-color: #eb9316; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0)
}
.btn-warning:active, .btn-warning.active { background-color: #ec971f; border-color: #eb9316 }
.btn-danger { background-image: -webkit-gradient(linear, left 0, left 100%, from(#d9534f), to(#c9302c)); background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%); background-image: -moz-linear-gradient(top, #d9534f 0, #c9302c 100%); background-image: linear-gradient(to bottom, #d9534f 0, #c9302c 100%); background-repeat: repeat-x; border-color: #c12e2a; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0)
}
.btn-danger:active, .btn-danger.active { background-color: #c9302c; border-color: #c12e2a }
.btn-info { background-image: -webkit-gradient(linear, left 0, left 100%, from(#5bc0de), to(#31b0d5)); background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%); background-image: -moz-linear-gradient(top, #5bc0de 0, #31b0d5 100%); background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%); background-repeat: repeat-x; border-color: #2aabd2; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0)
}
.btn-info:active, .btn-info.active { background-color: #31b0d5; border-color: #2aabd2 }
.thumbnail, .img-thumbnail { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.075); box-shadow: 0 1px 2px rgba(0,0,0,0.075) }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #357ebd; background-image: -webkit-gradient(linear, left 0, left 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); background-image: -moz-linear-gradient(top, #428bca 0, #357ebd 100%); background-image: linear-gradient(to bottom, #428bca 0, #357ebd 100%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0)
}
.navbar { background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#f8f8f8)); background-image: -webkit-linear-gradient(top, #fff, 0%, #f8f8f8, 100%); background-image: -moz-linear-gradient(top, #fff 0, #f8f8f8 100%); background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%); background-repeat: repeat-x; border-radius: 4px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 5px rgba(0,0,0,0.075); box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 5px rgba(0,0,0,0.075) }
.navbar .navbar-nav>.active>a { background-color: #f8f8f8 }
.navbar-brand, .navbar-nav>li>a { text-shadow: 0 1px 0 rgba(255,255,255,0.25) }
.navbar-inverse { background-image: -webkit-gradient(linear, left 0, left 100%, from(#3c3c3c), to(#222)); background-image: -webkit-linear-gradient(top, #3c3c3c, 0%, #222, 100%); background-image: -moz-linear-gradient(top, #3c3c3c 0, #222 100%); background-image: linear-gradient(to bottom, #3c3c3c 0, #222 100%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0)
}
.navbar-inverse .navbar-nav>.active>a { background-color: #222 }
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a { text-shadow: 0 -1px 0 rgba(0,0,0,0.25) }
.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0 }
.alert { text-shadow: 0 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 2px rgba(0,0,0,0.05) }
.alert-success { background-image: -webkit-gradient(linear, left 0, left 100%, from(#dff0d8), to(#c8e5bc)); background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #c8e5bc, 100%); background-image: -moz-linear-gradient(top, #dff0d8 0, #c8e5bc 100%); background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%); background-repeat: repeat-x; border-color: #b2dba1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0)
}
.alert-info { background-image: -webkit-gradient(linear, left 0, left 100%, from(#d9edf7), to(#b9def0)); background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #b9def0, 100%); background-image: -moz-linear-gradient(top, #d9edf7 0, #b9def0 100%); background-image: linear-gradient(to bottom, #d9edf7 0, #b9def0 100%); background-repeat: repeat-x; border-color: #9acfea; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0)
}
.alert-warning { background-image: -webkit-gradient(linear, left 0, left 100%, from(#fcf8e3), to(#f8efc0)); background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #f8efc0, 100%); background-image: -moz-linear-gradient(top, #fcf8e3 0, #f8efc0 100%); background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%); background-repeat: repeat-x; border-color: #f5e79e; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0)
}
.alert-danger { background-image: -webkit-gradient(linear, left 0, left 100%, from(#f2dede), to(#e7c3c3)); background-image: -webkit-linear-gradient(top, #f2dede, 0%, #e7c3c3, 100%); background-image: -moz-linear-gradient(top, #f2dede 0, #e7c3c3 100%); background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%); background-repeat: repeat-x; border-color: #dca7a7; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0)
}

/* Bootstrap css - END */

@media(max-width:400px) {
	
.home-block h4 {font-size: 20px;}	
.pack-left {height:110px; width:100%; background-size:contain; padding:10px 0px 0px 15px}	
	.pack-left .pack-title {width:45%; font-size:12px;}
		.pack-left .pack-title strong {font-size:20px;}	
	.pack-left .pack-txt {width:55%;}
		.pack-left .pack-txt strong {font-size:14px;  }
		.pack-left .pack-txt span {font-size:11px;}
		
.pack-right {height:110px; width:100%; background-size:contain; padding:10px 15px 0px 0px}	
	.pack-right .pack-title {width:45%; font-size:12px;}
		.pack-right .pack-title strong {font-size:20px;}	
	.pack-right .pack-txt {width:55%;}
		.pack-right .pack-txt strong {font-size:14px;  }
		.pack-right .pack-txt span {font-size:11px;}
		
	.pack-left p, .pack-right p {margin:0px;}			
}

@media(min-width:768px) {
}
@media(max-width:767px) {
.mainHeader {position:relative}	
.mainMenu ul>li>a {padding:0px 0px 0px 10px}
.top-nav {padding:0px 0px 30px !important;}
.mainMenu {padding-bottom:10px;}


.page-menu {height:inherit}	
/*#mainContainer .mainContent {float:left; width:100%;}
#mainContainer .rightContent {width:100%; float:left;}*/

#mainContainer .leftContent {width:25%; float:left; }

#mainContainer .mainContent {width:50%; float:left; }
#mainContainer .mainContent-left {width:75%; float:left; }
#mainContainer .rightContent {width:25%; float:left;}

#mainContainer .col40 {width:40%;}
#mainContainer .col60 {width:60%;}

#mainContainer .col30 {width:30%;}
#mainContainer .col70 {width:70%;}

.table-menu {text-align:left; padding-top:10px;}
.table-menu a {margin:0px 10px 0px 00px;}
}
@media(min-width:220px) and (max-width:767px) {
	
#mainContainer .leftContent {width:100%; float:left; }
#mainContainer .mainContent {width:100%; float:left; }
#mainContainer .mainContent-left {width:100%; float:left; }
#mainContainer .rightContent {width:100%; float:left;}

#mainContainer .col40 {width:100%;}
#mainContainer .col60 {width:100%;}

#mainContainer .col30 {width:100%;}
#mainContainer .col70 {width:100%;}
	
}
/* jPlayer */

#player {
	display:none;
	float:right;
	width:80%;
	margin:0 10px 0 10px;
	border:1px solid #000000;
}

#jp_container {
	
}

#jp_fill{
	display:none;
	margin:auto;
	height:64px;
}

div.jp-audio,
div.jp-video {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */
	font-size:1em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	background:transparent;
	position:relative;
}
div.jp-audio {
	width:420px;
}
div.jp-video-270p {
	width:830px;
}

div.jp-interface {
	position: relative;
	float:left;
	width:34px;
	height:50px;
	padding-top:10px
}

#sliderSpeaker {
	position:absolute;
	top:40px;
	left:510px;
	width:31px;
	height:20px;
	bottom: 50%;
	cursor:pointer;
	z-index:999999;
	opacity:0.6;
}

.spkrSpan {
	display:block;
}

#sliderHolder {
	position:absolute;
	display:none;
	top:38px;
	left:504px;
	width:39px;
	background:#1B1B1B;
	border:1px solid #2c2c2c;
	z-index:999998;
}

#sliderVolume {
	position:relative;
	margin:30px 0 10px 13px;
}

div.jp-audio div.jp-type-single div.jp-interface {
	height:80px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
	height:80px;
}

div.jp-video div.jp-interface {

}

/* @group CONTROLS */

div.jp-controls-holder {
	clear: left;
	width:34px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	margin:0;
	padding: 0;
	overflow:hidden;
}

div.jp-audio ul.jp-controls {
	width: 33px;
}

div.jp-video div.jp-type-single ul.jp-controls {
	width: 33px;
}

div.jp-video div.jp-type-playlist ul.jp-controls {
	width: 33px;
}
div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
	margin-bottom:1px;
}

div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:33px;
	height:33px;
}

a.jp-play {
	background: url("images/jplayer_buttons.png") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("images/jplayer_buttons.png") -34px 0 no-repeat;
}
a.jp-pause {
	background: url("images/jplayer_buttons.png") 0 -34px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("images/jplayer_buttons.png") -34px -34px no-repeat;
}

a.jp-stop, a.jp-previous, a.jp-next {
	width:16px;
	height:16px;
}

a.jp-stop {
	background: url("images/jplayer_buttons.png") 0 -83px no-repeat;
	margin-left:10px;
}

a.jp-stop:hover {
	background: url("images/jplayer_buttons.png") -29px -83px no-repeat;
}

a.jp-previous {
	background: url("images/jplayer_buttons.png") -0px -68px no-repeat;
}
a.jp-previous:hover {
	background: url("images/jplayer_buttons.png") -17px -68px no-repeat;
}

a.jp-next {
	background: url("images/jplayer_buttons.png") 0 -85px no-repeat;
	margin-left:1px;
}
a.jp-next:hover {
	background: url("images/jplayer_buttons.png") -17px -85px no-repeat;
}

/* @end */

/* @group progress bar */

div.jp-progress {
	overflow:hidden;
	background:url(images/waveform.png);
}
div.jp-audio div.jp-progress {
	position: absolute;
	top:34px;
	height:15px;
}
div.jp-audio div.jp-type-single div.jp-progress {
	left:110px;
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	left:166px;
	width:130px;
}
div.jp-video div.jp-progress {
	float:left;
	margin:10px 0 0 0;
	width:450px;
	height:50px;
}
div.jp-seek-bar {
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("images/progress.png") 0px 0 repeat-x;
	position:relative;
	width:0px;
	height:100%;
}

.jp-play-bar span {
    position:absolute;
    top: 0px;
    right: 0px;
    background:#EC5A27;
    width: 1px;
    height: 50px;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {

}

/* @end */

/* @group volume controls */


a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
	width:18px;
	height:15px;
	margin-top:12px;
}

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	margin-left: 210px;	
}

div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	margin-left: 154px;
}

div.jp-audio a.jp-volume-max {
	margin-left: 56px;	
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
	position: absolute;
	top:12px;
	margin-top:0;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
	left: 50px;
}


div.jp-video a.jp-volume-max {
	left: 134px;
}

#playlistButton {
	position:absolute;
	right:8px;
	top:35px;
	width:19px;
	height:17px;
	background:url(images/playlist.png);
	cursor:pointer;
}

#downloadButton {
	position:absolute;
	right:6px;
	top:8px;
	width:18px;
	height:18px;
	cursor:pointer;
}

a.jp-mute {
	background: url("images/jplayer_buttons.png") 0 -170px no-repeat;
}
a.jp-mute:hover {
	background: url("images/jplayer_buttons.png") -19px -170px no-repeat;
}
a.jp-unmute {
	background: url("images/jplayer_buttons.png") -60px -170px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("images/jplayer_buttons.png") -79px -170px no-repeat;
}

a.jp-volume-max {
	background: url("images/jplayer_buttons.png") 0 -186px no-repeat;
}
a.jp-volume-max:hover {
	background: url("images/jplayer_buttons.png") -19px -186px no-repeat;
}


/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder {
	position:absolute;
	top:50px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
	left:110px;
	width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
	left:166px;
	width:130px;
}

div.jp-current-time,
div.jp-duration {
	width:30px;
	font-size:.64em;
	font-style:oblique;
}
div.jp-current-time {
	position:absolute;
	top:6px;
	right:290px;
	text-align:left;
	color:#C4C6C7;
}
div.jp-duration {
	position:absolute;
	top:6px;
	left:98px;
	text-align: right;
	color:#C4C6C7;
}

/* @end */

/* @group playlist */

div.jp-title {
    float:left;
	width:250px;
	height:60px;
	overflow:hidden;
}

.playlistHead {
	background:#282828;
	border-bottom:1px solid #3c3c3c;
	padding:3px 0 3px 0;
}

div.jp-playlist {
	display:none;
	position:absolute;
	width:830px;
	background-color:#2E2E2E;
	border:1px solid #000000;
	z-index:99999;
	margin-left:-10px;
}
div.jp-type-single div.,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
	border-top:none;
}

div.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 5px;
	font-size:.72em;
}

div.jp-title ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 5px;
	font-size:11px;
}

div.jp-title li {
	padding:5px 0;
	line-height:17px;
	overflow:hidden;
}
div.jp-playlist li {
	padding:5px 0 0 20px;
	border-bottom:1px dashed #1c1c1c;
}

SPAN.releaseName {
	font-family:arial;
	font-weight:bold;
}

SPAN.artistName {
	cursor:pointer;
	font-size:10px;
	color:#898989;
}

SPAN.labelName {
	cursor:pointer;
	font-size:10px;
	color:#898989;
}

SPAN.genreTitle {
	display:inline-block;
}

SPAN.genreName {
	cursor:pointer;
	font-size:10px;
}

SPAN.playlistMix {
	display:inline-block;
	font-size:10px;
	color:#e3e3e3;
	width:250px;
}

div.jp-playlist li div {
	display:inline;
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:last-child {
	padding:5px 0 5px 20px;
	border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:outside;
	margin-left:14px;
	padding-left:7px;
	background:#3d3d3d;
}
div.jp-type-playlist div.jp-playlist a {
	color: #9a9a9a;
	text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
	color:#EC5A27;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color:#EC5A27;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
	float:right;
	display:inline-block;
	text-align:right;
	margin-right:10px;
	font-weight:bold;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
	color:#EC5A27;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
	color:#9a9a9a;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
	color:#EC5A27;
}

SPAN.jp-title {
	display:inline-block;
	width:250px;
}

SPAN.jp-title_head {
	display:inline-block;
	width:250px;
	font-size:.8em;
	color:#ffffff;
}

span.jp-artist {
	display:inline-block;
	width:180px;
	height:25px;
	font-size:10px;
	color:#9a9a9a;
}

span.jp-artist_head {
	display:inline-block;
	width:170px;
	padding-right:10px;
	font-size:.8em;
	color:#ffffff;
}

span.jp-label {
	display:inline-block;
	width:180px;
	font-size:.8em;
	color:#9a9a9a;
}

SPAN.playlistHeadSpacer {
	display:inline-block;
	width:29px;
}

span.jp-label_head {
	display:inline-block;
	width:180px;
	font-size:.8em;
	color:#ffffff;
}

span.jp-genre {
	display:inline-block;
	width:130px;
	font-size:.8em;
	color:#9a9a9a;
}

span.jp-genre_head {
	display:inline-block;
	width:150px;
	font-size:.8em;
	color:#ffffff;
}

span.jp-download {
	display:inline-block;
	float:right;
	margin-right:25px;
	height:100%;
}

/* @end */

div.jp-video-play {
	position:relative;
	width:100%;
	cursor:pointer;
	background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}
div.jp-video-270p div.jp-video-play {
	height:270px;
}
div.jp-video-360p div.jp-video-play {
	height:360px;
}
div.jp-video-full div.jp-video-play {
	height:100%;
	z-index:1000;
}

div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}





/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

div.jp-audio .jp-type-single ul.jp-toggles {
	width:25px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
	width:55px;
	margin: 0;
	position: absolute;
	left: 325px;
	top: 50px;
}

div.jp-video ul.jp-toggles {
	margin-top:10px;
	width:100px;
}

ul.jp-toggles li {
	display:block;
	float:right;
}

ul.jp-toggles li a {
	display:block;
	width:25px;
	height:18px;
	text-indent:-9999px;
	line-height:100%; /* need this for IE6 */
}

/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {
	position:absolute;
	width:390px;
	margin-left:-202px;
	left:50%;
	top: 10px;

	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #009be3;
	color:#000;
	display:none;
}

.jp-no-solution a {
	color:#000;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}

/* @end */
.feedbackComment {
	width:90%;
	height:100px;
	background:#1E1E1E;
	border:0;
	margin-left:5%;
	padding:10px 0 0 10px;
	color:#58595b;
}

.feedbackText {
	display:none;
}

.fbComment {
	text-align:right;
}

.commentRow {
	width:255px;
}

#feedback_rating_slider {
	cursor:pointer;
}

.ui-slider-handle {
	cursor:pointer;
}

#feedbackInfo {
	font-size:11px;
	margin:10px 20px 0 0px;
	padding:0 0 0 20px;
}

#feedbackForm {
	margin:0;
}

.trackMixMenu {
	background:#1E1E1E;
	border:#000000;	
	color:#58595b;
}

.feedbackResult {
	height:90px;
	margin-top:100px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}

#feedbackTrack {
	display:none;
	margin-top:30px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}
.feedbackTrack {
	//display:none;
	//margin-top:30px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}
#downloadFeedback {
	display:none;
	height:20px;
	padding-top:10px;
	text-align:center;
	font-size:12px;
	color:#c95101;
}

.dialogMessage {
	padding:30px;
	font-size:12px;
	color:#ffffff;
	text-shadow: 0px 1px 1px #000000;
	margin:20px 50px 20px 50px;;
	background:#bf3a31;
	border:1px solid #ffb1ab;
}

.reps {
	display:block;
	margin:10px 0 20px 0;
	font-size:13px;
}

.dialogSuccess {
	display:block;
	padding:30px;
	font-size:12px;
	color:#ffffff;
	text-shadow: 0px 1px 1px #000000;
	margin:150px 50px 150px 50px;;
	background:#2e9030;
	border:1px solid #027e05;
}

SPAN.commentBox {
	display:block;
	float:left;
	width:20px;
	height:20px;
	background: #1E1E1E;
	border: 1px solid #272727;
	margin-right:10px;
	cursor:pointer;
}

SPAN.commentRed {
	display:block;
	float:left;
	width:20px;
	height:20px;
	background: red url(images/ui-bg_red.png)50% 50% repeat-x;
	border: 1px solid #272727;
	margin-right:10px;
	cursor:pointer;
}

SPAN.commentOrange {
	display:block;
	float:left;
	width:20px;
	height:20px;
	background: orange url(images/ui-bg_orange.png)50% 50% repeat-x;
	border: 1px solid #272727;
	margin-right:10px;
	cursor:pointer;
}

SPAN.commentGreen {
	display:block;
	float:left;
	width:20px;
	height:20px;
	background: green url(images/ui-bg_green.png)50% 50% repeat-x;
	border: 1px solid #272727;
	margin-right:10px;
	cursor:pointer;
}

SPAN.commentYellow {
	display:block;
	float:left;
	width:20px;
	height:20px;
	background:yellow url(images/ui-bg_yellow.png)50% 50% repeat-x;
	border: 1px solid #272727;
	margin-right:10px;
	cursor:pointer;
}

SPAN.commentBlue {
	display:block;
	float:left;
	width:20px;
	height:20px;
	background: blue url(images/ui-bg_blue.png)50% 50% repeat-x;
	border: 1px solid #272727;
	margin-right:10px;
	cursor:pointer;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	
	background: url('http://zippromo.com/beta/images/processing.gif') 50% 50% no-repeat;
}