/*
 * Author: ArmoredCavalry
 * http://www.soundserum.com/
 */
 
#body{
	width: 700px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-bottom: 15px;
	background-color: #020202;
	border-left: solid 3px #1D1D1D;
	border-right: solid 3px #1D1D1D;
}
#footer {
	background-color: #1D1D1D;
	margin-top: 150px;
	width: 250px;
	padding: 10px;
	font-size: 12px;
	text-shadow: 3px 3px 3px #000;
	margin-left: auto;
	margin-right: auto;
}
.center {
	margin-right: auto;
	margin-left: auto;
}
.hidden {
	display: none;
}
.menuBar {
	margin-bottom: 1px;
	width: 495px;
	background-color: #1D1D1D;
	padding: 10px;
	font-size: 18px;
	text-shadow: 3px 3px 3px #000;
	margin-left: auto;
	margin-right: auto;
}
.box {
	width: 465px;
	margin-left: auto;
	margin-right: auto;
	background-color: #111111;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
}
.title{
	font-weight: bold;
	text-decoration: underline;
}
.music_library_wrapper {
	width: 100%;
	height: 453px;
	text-align: left;
	overflow: hidden;
}
.scroll-pane {
	width: 450px;
	height: 100%;
	overflow: auto;
}
.link_icon {
	border: none;
}
.link_label {
	font-size: 10px;
}
#divSongOptions{
	width: 100px;
	float:right;
	margin-top: 20px;
	margin-right: 10px;
	text-align: center;
}
#divShare{
	float: right;
	margin-right: 10px;
}
#divDownload{
	 float: right;
}
#SongShare{
	background-color:#1D1D1D;
	border:1px solid #3C3C3C;
	width:450px;
	border-top:none;
	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#divShareLink{
	font-size: 10px;
	width: 430px;
	line-height: 25px;
	height: 25px;
	border:1px solid #3C3C3C;
	background-color:#111;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}
#divShareLink.hover {
	background-color:#1B1B1B;
}
#divShareLink.active {
	background-color:#232323;
}
#divPlayerControls {
	background-color: #1D1D1D;
	padding: 15px;
}
#tbMusicLibrary {
	font-family: Verdana;
	color: #6bb800;
	background-color: #1D1D1D;
	width: 100%;
	height: 100%;
}
#tbMusicLibrary a:hover {
	color:#6bb800;
}
#tbMusicLibrary th {
	cursor: pointer;
	padding: 5px;
	background-color: #1D1D1D;
}

body{
	background: repeat-y scroll center center #000;
	font-family: Verdana;
	color: #6bb800;
	background-color: #000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
 }
a:link {color:#6bb800}      /* unvisited link */
a:visited {color:#6bb800}  /* visited link */
a:hover {color:#3B7306}  /* mouse over link */
a:active {color:#6bb800; outline: 0;}  /* selected link */
a:focus{-moz-outline-style: none; outline: 0;} /*clicked link*/
  
 /*For jScrollPane Jquery plugin*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #1D1D1D;
}
.jScrollPaneDrag {
	position: absolute;
	background: #6BB800;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Style by: ArmoredCavalry
 */

div.jp-playlist-player {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1em; /* No parent CSS that can effect the size in these demos */

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #6BB800;
	width: 470px;
	margin-left: auto;
	margin-right: auto;
}
div.jp-song-info {
	background-color:#1D1D1D;
	width:450px;
	border:1px solid #3C3C3C;
	border-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}
div.jp-interface {
	position: relative;
	background-color:#1D1D1D;
	height:80px;
	width:470px;
	border:1px solid #3C3C3C;
	margin-left:auto;
	margin-right:auto;
}
div.jp-playlist-player div.jp-interface {
	text-align: left;
}
div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	position: absolute;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	top:20px;
	width:40px;
	height:40px;
}
div.jp-playlist-player a.jp-play,
div.jp-playlist-player a.jp-pause {
	left:48px;
}
a.jp-play {
	background: url("../img/player_controls.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("../img/player_controls.jpg") -41px 0 no-repeat;
}
a.jp-pause {
	background: url("../img/player_controls.jpg") 0 -42px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("../img/player_controls.jpg") -41px -42px no-repeat;
}
a.jp-stop {
	top:26px;
	background: url("../img/player_controls.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
}
div.jp-playlist-player a.jp-stop {
	left:126px;
}
a.jp-stop:hover {
	background: url("../img/player_controls.jpg") -29px -83px no-repeat;
}
a.jp-previous {
	left:20px;
	top:26px;
	background: url("../img/player_controls.jpg") 0 -112px no-repeat;
	width:28px;
	height:28px;
}
a.jp-previous:hover {
	background: url("../img/player_controls.jpg") -29px -112px no-repeat;
}
a.jp-next {
	left:88px;
	top:26px;
	background: url("../img/player_controls.jpg") 0 -141px no-repeat;
	width:28px;
	height:28px;
}
a.jp-next:hover {
	background: url("../img/player_controls.jpg") -29px -141px no-repeat;
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
	top:32px;
	background-color: #111111;
	width:122px;
	height:15px;
}
div.jp-playlist-player div.jp-progress {
	left:164px;
}
div.jp-load-bar {
	background: url("../img/player_controls.jpg") 0 -202px repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("../img/player_controls.jpg") 0 -218px repeat-x ;
	width:0px;
	height:15px;
}
a.jp-volume-min {
	top:32px;
	background: url("../img/player_controls.jpg") 0 -170px no-repeat;
	width:18px;
	height:15px;
}
div.jp-playlist-player a.jp-volume-min {
	left:296px;
}
a.jp-volume-min:hover {
	background: url("../img/player_controls.jpg") -19px -170px no-repeat;
}
div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	top:37px;
	background: url("../img/player_controls.jpg") 0 -250px repeat-x;
	width:35px;
	width:35px;
	height:5px;
	cursor: pointer;
}
div.jp-playlist-player div.jp-volume-bar {
	left:314px;
}
div.jp-volume-bar-value {
	background: url("../img/player_controls.jpg") 0 -256px repeat-x;
	width:0px;
	height:5px;
}
div.jp-play-time,
div.jp-total-time {
	position: absolute;
	top:49px;
	width:122px;
	font-size:.64em;
	font-style:oblique;
	text-align:left;
}
div.jp-total-time {
	text-align: right;
}
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time {
	left:164px;
}
div.jp-playlist-player div.jp-playlist {
	padding: 0px;
	border:1px solid #3C3C3C;
	width: 448px; border-top: 0px;
	background-color:#111111;
	margin-left:auto;
	margin-right:auto;
}
a.jplayer_playlist_current {
	color: #3B7306;
}


/*
 * SimpleModal contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 * Modified by ArmoredCavalry - http://www.SoundSerum.com/
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 */

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#contact-container .contact-content {background-color:#1A1A1A; color:#6BB800; height:40px;}
#contact-container h1 {color:#6BB800; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(../img/contact/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(../img/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#6BB800;}
#contact-container .contact-bottom a:hover {color:#6BB800;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#6BB800; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; color:#1A1A1A; background:url(../img/contact/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; color:#1A1A1A; background:url(../img/contact/cancel.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#6BB800;}
#contact-container a.modalCloseX:hover {color:#3B7306;}