#colorSelector #controlSelector { background:#333; position:absolute; top: 10px; left: -40px; width:40px; height:40px; display:block; cursor: pointer; text-align: center;
-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;-ms-border-radius:6px 0 0 6px;-o-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;}
#colorSelector #controlSelector i { font-size: 18px; color: #CCC; line-height: 40px; vertical-align: middle; text-align: center; }

#colorSelector { background: #333; position: fixed; margin: 0; padding: 10px 10px 10px 5px; width: 220px; height: auto; top: 150px; right: -220px; z-index: 9999;
								 -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
								 -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#colorSelector.open { right: -30px; }
#colorSelector ul { width: 100%; margin: 0; padding: 0; border: 0; }
#colorSelector ul li { width: 100%; margin: 0; padding: 0; border: 0; border-bottom: 1px solid #3C3C3C; display: block; }
#colorSelector ul li.last { border-bottom: 0; }
#colorSelector ul li p.header { font-size:18px; color: #CCC; margin: 0px; padding: 5px 10px 15px 10px; line-height: 30px; }
#colorSelector ul li a { background: transparent; width: 100%; margin: 0; padding: 10px; border: 0; line-height:15px; font-size:14px; display:block; color:#999;
												 -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#colorSelector ul li a:hover { color: #FFF; text-decoration: none; }   
#colorSelector ul li a div { background: #555; width:30px; height:30px; margin-right:10px; display:inline-block; vertical-align:middle;
															border: 2px solid #FFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%;
															-o-border-radius: 100%; border-radius: 100%; float: left; }
#colorSelector ul li a div > div { background: #777; width:12px; height:12px; margin:7px; display:inline-block; vertical-align:middle;
															border: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%;
															-o-border-radius: 100%; border-radius: 100%; }
#colorSelector ul li a div.blue		{ background: #4499EE; } #colorSelector ul li a div.blue div	{ background: #7744BB; }
#colorSelector ul li a div.green	{ background: #44CCAA; } #colorSelector ul li a div.green div	{ background: #FFBB00; }
#colorSelector ul li a div.red		{ background: #F06060; } #colorSelector ul li a div.red div		{ background: #00BBCC; }