/* CSS DOCUMENT color_switcher.css */

/* BEGIN color switcher */

#color_switcher {
position:absolute;
top:-10px;
left:50%;
margin-left:-466px;
width:auto;
height:50px;
}

#color_switcher_waiting_wrapper {
position:absolute;
width:100%;
height:100%;
background-color:white;
opacity:0.85;
z-index:1;
}

#color_switcher_waiting {
position:absolute;
width:100%;
height:100%;
z-index:2;
background-image:url(../images/color_switcher/waiting.png);
background-repeat:no-repeat;
background-position:center center;
}

.color_switcher_waiting {
visibility:hidden;
}

#color_switcher_progress {
position:absolute;
width:50px;
height:50px;
left:50%;
top:50%;
margin-left:-8px;
margin-top:75px;
font-family:sans;
color:#333333;
font-size:12px;
}

.color_switcher_group {
width:auto;
height:100%;
float:left;
margin-left:15px;
}

.color_switcher_group div {
width:40px;
height:100%;
float:left;
margin-right:5px;
cursor:pointer;
border-radius: 10px;
-moz-border-radius: 10px;
}

#orange_switcher {
background-color:#d97833;
}

#dark_orange_switcher {
background-color:#7d3e11;
display:none;
}

#blue_switcher {
background-color:#4f94a4;
}

#dark_blue_switcher {
background-color:#102f39;
display:none;
}

#green_switcher {
background-color:#b3c970;
}

#dark_green_switcher {
background-color:#455e00;
display:none;
}

#yellow_switcher {
background-color:#ffd500;
}

#dark_yellow_switcher {
background-color:#a68b00;
display:none;
}

#purple_switcher {
background-color:#a883a8;
}

#dark_purple_switcher {
background-color:#5e4a5e;
display:none;
}

#color_switcher_helper {
margin-top:22px;
margin-left:10px;
font-family:"arial",arial,serif;
color:white;
font-size:16px;
font-weight:bold;
letter-spacing:1px;
float:left;
visibility:hidden;
}