html,body {height:100%;}
h4 span {font-size:0.8em;font-weight:normal;}
#img1control,#img2control {border:1px solid #999;width:180px;margin:5px;position:relative;}
#img1control {background:#391113;float:left;}
#img2control {float:right;}
#mainSliders {float:left;width:402px;}
#mixerpage {width:801px;margin:0 auto;color:#fff;background:#000;font-size:1.1em;}
#mixercontent {text-align:left;}
.leftCol {width:195px;float:left;overflow:auto;}
.centerCol {width:402px;float:left;overflow:auto;height:310px;text-align:center;}
.rightCol {width:195px;float:right;overflow:auto;}
#mixarea {width:400px;height:300px;position:relative;border:1px solid #999;}
#mixarea #loading {position:absolute;left:0px;top:0px;padding:5px;z-index:100000;background:#000;color:#d00;text-align:center;display:none;}
#img2, #img1 {position:absolute;top:0px;left:0px;width:400px;height:300px;}
#img2 img,#img1 img {display:block;width:400px;height:300px;}
#buttons1 a,#buttons2 a {background:#ECE9D8;height:15px;display:block;padding:0px;border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #333;border-bottom:1px solid #333;margin-top:5px;width:14px;float:left;margin-left:1px;}
#buttons1 a:hover,#buttons2 a:hover {padding:0px;border-bottom:1px solid #eee;border-right:1px solid #eee;border-left:1px solid #333;border-top:1px solid #333;}
#buttons1 img,#buttons2 img {padding:0px;margin:0px;border:0px;}
#buttons1, #buttons2 {margin-bottom:10px;margin-top:35px;}
#flashmusic {margin-left:10px;}
#scratchpad {background:url('../images/controls/scratchpad.gif') no-repeat;width:160px;height:120px;position:relative;margin-left:10px;}
#scratchpadSurround {border-top:2px solid #999;border-right:2px solid #999;border-bottom:2px solid #333;border-left:2px solid #333;}
#scratch1 {background:#ccc url('../images/controls/1.gif') no-repeat 2px 2px;width:160px;height:120px;position:absolute;top:0px;margin:0px auto;z-index:100;}
#scratch2 {background:#aaa url('../images/controls/2.gif') no-repeat 2px 2px;width:160px;height:120px;position:absolute;top:0px;margin:0px auto;z-index:10;}
.controlrow {padding:2px;overflow:auto;padding:0px 5px 0px 5px;margin:0px 2px 0px 2px;color:#eee;}
.sliderlabel {float:left;padding-top:3px;width:60px;}
.sliderback {background:url('../images/controls/sliderBack.gif') no-repeat;width:100px;height:24px;position:relative;float:left;}
.sliderbackinvert {background:url('../images/controls/sliderBackInvert.gif') no-repeat;width:100px;height:24px;position:relative;float:left;}
.sliderhandle {background:url('../images/controls/slider.gif') no-repeat;width:10px;height:22px;position:absolute;left:85px;top:1px;cursor:pointer;}
#mixer {width:800px;}
#opacityslider {background:url('../images/controls/scrollbarmaybe.gif') no-repeat 0 15px;width:410px;height:55px;position:relative;margin:20px 0 0 0;}
#opslider {position:absolute;left:0px;top:15px;cursor:pointer;background:url('../images/controls/opsliderv2.gif') no-repeat;width:80px;height:40px;}
#opsliderlabel {position:absolute;left:140px;top:0px;color:#eee;}
#musicslider {background:url('../images/controls/scrollbarmaybe.gif') no-repeat 0 0;width:410px;height:55px;position:relative;margin:0px;}
#musslider {position:absolute;left:0px;top:0px;cursor:pointer;background:url('../images/controls/opsliderv2.gif') no-repeat;width:80px;height:40px;}
#mussliderlabel {position:absolute;left:140px;top:38px;color:#eee;}
#lockslider {width:410px;height:40px;position:relative;margin:0px;}
#sliderlock {position:absolute;left:25px;top:-10px;z-index:200;background:transparent url('../images/controls/slider_both.gif') no-repeat top left;width:30px;height:60px;position:relative;margin:0px;cursor:pointer;}
#tabsArea {height:20px;border-bottom:1px solid #999;}
#tabsArea h4 {float:left;line-height:20px;padding:0px;margin:0 10px 0 0;cursor:pointer;font-weight:normal;color:#999;}
#tabsArea #visualsTab {font-weight:bold;color:#ddd;}
#helpArea,#audioArea {display:none;}
.musicLink {margin:5px;padding-left:30px;line-height:23px;cursor:pointer;background-repeat:no-repeat;background-position:top left;color:#fff;}
#medialibrary {padding:5px;}
#medialibrary .mlitem {padding:2px;float:left;cursor:pointer;}
#medialibrary .mlitem img {width:40px;height:30px;}
#preview1, #preview2 {width:40px;height:30px;float:right;border-left:2px solid #ddd;border-bottom:2px solid #ddd;position:absolute;top:0px;right:0px;}
#controllist {list-style-type:none;margin:5px 0px 0px 5px;padding:0px;}
#currentStatus1,#currentStatus2 {width:180px;position:absolute;top:0px;left:0px;height:30px;cursor:pointer;border-bottom:2px solid #ddd;}
#currentStatus1 {background:url('../images/controls/selected.gif') no-repeat 24px top;}
#currentStatus2 {background:url('../images/controls/deck1.gif') no-repeat 24px top;}
#label1 {background:#ccc url('../images/controls/1.gif') no-repeat 2px 3px;width:24px;height:30px;position:absolute;top:0px;left:0px;}
#label2 {background:#ccc url('../images/controls/2.gif') no-repeat 2px 3px;width:24px;height:30px;position:absolute;top:0px;left:0px;}
#mixerhelp {font-size:0.8em;margin:5px 0px 0px 5px;display:block;}
.plus {padding-left:12px;background:url('../images/plus.gif') no-repeat left center;}
.minus {padding-left:12px;background:url('../images/minus.gif') no-repeat left center;}
/***************************************/
/************* Media Player ************/
#player_container1, #player_container2 { position: relative; width:180px; height:100px;background:#000; }
#player_container1 ul#player_controls1, #player_container2 ul#player_controls2 { list-style-type:none; padding:0; margin: 0; }
#player_container1 ul#player_controls1 li, #player_container2 ul#player_controls2 li { overflow:hidden; text-indent:-9999px;}
#player_play1, #player_play2, #player_pause1, #player_pause2 { display: block; position: absolute; left:5px; top:5px; width:40px; height:40px; cursor: pointer;}
#player_play1, #player_play2 { background: url("../images/spirites.jpg") 0 0 no-repeat;}
#player_play1.jqjp_hover, #player_play2.jqjp_hover { background: url("../images/spirites.jpg") -41px 0 no-repeat;}
#player_pause1, #player_pause2 { background: url("../images/spirites.jpg") 0 -42px no-repeat;}
#player_pause1.jqjp_hover, #player_pause2.jqjp_hover { background: url("../images/spirites.jpg") -41px -42px no-repeat;}
#player_stop1, #player_stop2 { position: absolute; left:50px; top:11px; background: url("../images/spirites.jpg") 0 -83px no-repeat; width:28px; height:28px; cursor: pointer; }
#player_stop1.jqjp_hover, #player_stop1.jqjp_hover2 { background: url("../images/spirites.jpg") -29px -83px no-repeat; }
#player_progress1, #player_progress2 { position: absolute; left:5px; top:50px; background-color: #111; width:170px; height:15px; }
#player_progress_load_bar1, #player_progress_load_bar2 { background: url("../images/bar_load.gif") top left repeat-x; width:0px; height:15px; cursor: pointer; }
#player_progress_play_bar1, #player_progress_play_bar2 { background: url("../images/bar_play.jpg") top left repeat-x ; width:0px; height:15px;}
#player_progress_load_bar1.jqjp_buffer, #player_progress_load_bar2.jqjp_buffer { background: url("../images/bar_buffer.gif") top left repeat-x; }
#player_volume_min1, #player_volume_min2 { position: absolute; left:85px; top:16px; background: url("../images/spirites.jpg") 0 -170px no-repeat; width:18px; height:15px; cursor: pointer;}
#player_volume_max1, #player_volume_max2 { position: absolute; left:157px; top:16px; background: url("../images/spirites.jpg") 0 -186px no-repeat; width:18px; height:15px; cursor: pointer; }
#player_volume_bar1, #player_volume_bar2 { position: absolute; left:103px; top:21px; background: url("../images/volume_bar.gif") repeat-x top left; width:46px; height:5px; cursor: pointer; }
#player_volume_bar_value1, #player_volume_bar_value2 { background: url("../images/volume_bar_value.jpg") repeat-x top left; width:0px; height:5px; }
#player_volume_min1.jqjp_hover, #player_volume_min2.jqjp_hover { background: url("../images/spirites.jpg") -19px -170px no-repeat; }
#player_volume_max1.jqjp_hover, #player_volume_max2.jqjp_hover { background: url("../images/spirites.jpg") -19px -186px no-repeat;}
#player_playlist_message1, #player_playlist_message2 { position: absolute; left:0; bottom:0; width:180px; color:#fff; }
#song_title1, #song_title2 { margin:0 5px; padding:0; font-weight:bold; }
#play_time1, #play_time2,
#total_time1, #total_time2 { padding-top:.3em; font-weight:normal; font-style:oblique; font-size:.7em; }
#play_time1, #play_time2 { float:left; }
#total_time1, #total_time2 { float:right; text-align: right; }