/* CSS file - UTF-8 */

.templatename { width: 145px; display: inline-block; text-align: left; font-size: 14px; font-family: sans-serif; text-decoration: none; }
.label.label-extrogreen { background-color: #93c64d; }
#templateswitcher {background: #fff; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; -ms-border-radius: 0 0 3px 0; -o-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; left: 0; position: fixed; top: 70px; width: 250px; z-index: 9999; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; left: -250px; }
#templateswitcher div {padding: 20px 0 20px 20px;}
#templateswitcher h5 {background: #f6f6f6; color: #4d4d4d; font-size: 14px; font-weight: bold; padding-left: 20px; margin-top: 0; margin-bottom: 0; line-height: 39px; font-family: arial, helvetica, sans-serif; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#templateswitcher h5 a {background: #f6f6f6; overflow: hidden; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; display: block; height: 41px; position: absolute; right: -39px; text-indent: -9999px; top: 0; width: 39px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.colors {list-style: none outside none; margin: 0 0 10px; overflow: hidden;}
.colors li {float: left; margin: 2px;}
.colors li a {cursor: pointer; display: block; height: 15px; width: 15px;}
.layout-style select {border: medium none; color: #666666; cursor: pointer; margin: 0 0 0 -5px; padding: 5px; width: 100%;}
.clearboth {clear:both;display:block;}
#templateswitcher p {font-size: 12px; line-height: 16px;color: #999;margin-bottom: 17px;padding-right:20px;}
#templateswitcher p:last-child {margin-bottom: 0px;}
#templateswitcher ul, #templateswitcher li {list-style: none outside none;}
form#templateselect {margin-bottom:0px;}

/* CSS animation */

#templateswitcher h5 a:before {
	background: url("settings.png") no-repeat scroll center center #f6f6f6;
	content: " ";
  display: block;
  height: 40px;
  width: 40px;
  min-height: 40px;
  max-height: 40px;
  min-width: 40px;
  max-width: 40px;
  position: relative;;
	animation:twirl linear 900s;
	-moz-animation:twirl linear 900s; 
	-webkit-animation:twirl linear 900s; 
	-o-animation:twirl linear 900s;
	-ms-animation:twirl linear 900s;
	}

@keyframes twirl
{
from {
transform: rotate(0deg);
}
to {
transform: rotate(43200deg);
}
}

@-moz-keyframes twirl /* Firefox */
{
from {
-moz-transform: rotate(0deg); /* Firefox */
}
to {
-moz-transform: rotate(43200deg); /* Firefox */
}
}

@-webkit-keyframes twirl /* Safari and Chrome */
{
from {
-webkit-transform: rotate(0deg); /* Safari and Chrome */
}
to {
-webkit-transform: rotate(43200deg); /* Safari and Chrome */
}
}

@-o-keyframes twirl /* Opera */
{
from {
-o-transform: rotate(0deg); /* Opera */
}
to {
-o-transform: rotate(43200deg); /* Opera */
}
}

@-ms-keyframes twirl
{
from {
-ms-transform: rotate(0deg); /* IE 9 */
}
to{
-ms-transform: rotate(43200deg); /* IE 9 */
}
}