/*
this stylesheet is only for demo purposes
*/

#demopanel {left: 0;position: absolute;top:90px;z-index: 99999;}
.panel_button { position: relative; left:0px; width:48px; cursor: pointer;}
#panel {position: absolute;top:-28px;left:-230px;overflow: hidden;background:#000;-moz-border-radius: 0px 4px 4px 0px;-webkit-border-radius: 0px 4px 4px 0px;border-radius: 0px 4px 4px 0px;padding:15px 12px 15px 13px;width:205px;font-size:10px;color:#999;}
#panel h3 {border-bottom:1px solid #343434; color:#9c9c9c; padding-bottom:4px; margin-bottom:8px; margin-top:0;}

#panel select {width:125px; background:#fff; -webkit-transition:none;  -moz-transition:none; -o-transition:none;  -ms-transition:none; transition:none; font-size:12px;}

#panel .heading {font-family:Arial, sans-serif; margin-top:10px;}
#panel .heading.nomargin {margin-top:0;}
#panel .selector ul {list-style: none outside none;margin: 0;padding: 0;}
#panel .selector  ul li {border: 1px solid #888888;cursor: pointer;float: left;height: 15px;margin: 3px;width: 15px;}
#panel .selector input[type=text]  {background:none; filter:none; -webkit-transition:none;  -moz-transition:none; -o-transition:none;  -ms-transition:none; transition:none; width:80px; padding:2px 4px; margin-bottom:5px; }
#panel .selector select {filter:none; -webkit-transition:none;  -moz-transition:none; -o-transition:none;  -ms-transition:none; transition:none; width:65px; padding:2px 4px; height:auto; margin:0;}
#panel td {padding:0;}

.prst-1 {background-color:#B71010;}
.prst-2 {background-color:#74AB00;}
.prst-3 {background-color:#C8C8C8;}
.prst-4 {background-color:#1592CC;}
.prst-5 {background-color:#C72647;}
.prst-6 {background-color:#ebeb1e;}
.prst-7 {background-color:#13D7FD;}
.prst-8 {background-color:#AD00B4;}
.prst-9 {background-color:#FFF712;}
.prst-10 {background-color:#EB540A;}