/* CSS file - UTF-8 */

.templatename { width: 145px; display: inline-block; text-align: left; font-size: 14px; font-family: sans-serif; text-decoration: none; }

#templateswitcher {
	background: #fff;
	right: 0;
	position: fixed;
	top: 60px;
	width: 200px;
	z-index: 1020;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color:#ccc;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

#templateswitcher.ts-closed {
	right:-201px;
}

#templateswitcher > div {padding: 15px 0 15px 15px;}

#templateswitcher h5 {background: #f5f5f5; color: #4d4d4d; font-size: 14px; font-weight: bold; padding-left: 15px; padding-bottom:0;margin-top: 0; margin-bottom: 0; line-height: 40px; border-bottom:1px solid #ccc; position: relative;}

#templateswitcher h5 a {
	display: block;
	height: 50px;
	position: absolute;
	left:-50px;
	text-indent: -9999px;
	top: 40px;
	width: 50px;
	background: url("settings.gif") no-repeat 5px 10px #fff;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color:#ccc;
}

hr.ts-hr-1 {margin: 0 0 15px -15px; height:0; border-width: 1px 0 0 0; border-style:solid; border-color: #ccc; }

.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; color: #999;margin-bottom: 15px;padding-right:15px;}
#templateswitcher p.mb0 {margin-bottom:0;}

#templateswitcher p:last-child {margin-bottom: 0px;}

#templateswitcher ul {margin:0;}

#templateswitcher ul, #templateswitcher li {list-style: none outside none;display: inline-block;padding:0;margin:0;}

form#templateselect {margin-bottom:0px;}

#templateswitcher li {width:30px; height:30px; float:left; background: #999; text-indent:-9999px; margin: 0 15px 15px 0;background:  transparent;}
#templateswitcher li a {display: block; width:30px; height:30px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

#templateswitcher li a.template2 {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN9JREFUeNq8120KAiEQBmA1is4QbBRFUXSaWvre+x9j14kRQjZzdGYE9YcMD+/gD7WmcvR9T66x1p6cUR6A+u3slNEjoH46p4y2gJqwaKMqMKKX2HLC6AHRSXzmhNF2DBWDPbpPoSIwotcUyg57dJeDssKI3nJQNtijWwr6qWFwAX1QUI7E5KQciQM6LSkuTbypQUsTA3qvQUsSrzlQKrzy88mBUloN6IsLzYXZ0ZxWLyXQf4kB7STQVGJA31LoL7hBdCb6LBpBO2k0htXQ71Y3eHtV0AAvEJ1rfmcGAQYAzBsR6s8JS0EAAAAASUVORK5CYII=") no-repeat 0 0 #16a085;}
#templateswitcher li a.template3 {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN9JREFUeNq8120KAiEQBmA1is4QbBRFUXSaWvre+x9j14kRQjZzdGYE9YcMD+/gD7WmcvR9T66x1p6cUR6A+u3slNEjoH46p4y2gJqwaKMqMKKX2HLC6AHRSXzmhNF2DBWDPbpPoSIwotcUyg57dJeDssKI3nJQNtijWwr6qWFwAX1QUI7E5KQciQM6LSkuTbypQUsTA3qvQUsSrzlQKrzy88mBUloN6IsLzYXZ0ZxWLyXQf4kB7STQVGJA31LoL7hBdCb6LBpBO2k0htXQ71Y3eHtV0AAvEJ1rfmcGAQYAzBsR6s8JS0EAAAAASUVORK5CYII=") no-repeat 0 0 #3498db;}
#templateswitcher li a.template4 {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN9JREFUeNq8120KAiEQBmA1is4QbBRFUXSaWvre+x9j14kRQjZzdGYE9YcMD+/gD7WmcvR9T66x1p6cUR6A+u3slNEjoH46p4y2gJqwaKMqMKKX2HLC6AHRSXzmhNF2DBWDPbpPoSIwotcUyg57dJeDssKI3nJQNtijWwr6qWFwAX1QUI7E5KQciQM6LSkuTbypQUsTA3qvQUsSrzlQKrzy88mBUloN6IsLzYXZ0ZxWLyXQf4kB7STQVGJA31LoL7hBdCb6LBpBO2k0htXQ71Y3eHtV0AAvEJ1rfmcGAQYAzBsR6s8JS0EAAAAASUVORK5CYII=") no-repeat 0 0 #9b59b6;}
#templateswitcher li a.template5 {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN9JREFUeNq8120KAiEQBmA1is4QbBRFUXSaWvre+x9j14kRQjZzdGYE9YcMD+/gD7WmcvR9T66x1p6cUR6A+u3slNEjoH46p4y2gJqwaKMqMKKX2HLC6AHRSXzmhNF2DBWDPbpPoSIwotcUyg57dJeDssKI3nJQNtijWwr6qWFwAX1QUI7E5KQciQM6LSkuTbypQUsTA3qvQUsSrzlQKrzy88mBUloN6IsLzYXZ0ZxWLyXQf4kB7STQVGJA31LoL7hBdCb6LBpBO2k0htXQ71Y3eHtV0AAvEJ1rfmcGAQYAzBsR6s8JS0EAAAAASUVORK5CYII=") no-repeat 0 0 #e67e22;}
#templateswitcher li a.template6 {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN9JREFUeNq8120KAiEQBmA1is4QbBRFUXSaWvre+x9j14kRQjZzdGYE9YcMD+/gD7WmcvR9T66x1p6cUR6A+u3slNEjoH46p4y2gJqwaKMqMKKX2HLC6AHRSXzmhNF2DBWDPbpPoSIwotcUyg57dJeDssKI3nJQNtijWwr6qWFwAX1QUI7E5KQciQM6LSkuTbypQUsTA3qvQUsSrzlQKrzy88mBUloN6IsLzYXZ0ZxWLyXQf4kB7STQVGJA31LoL7hBdCb6LBpBO2k0htXQ71Y3eHtV0AAvEJ1rfmcGAQYAzBsR6s8JS0EAAAAASUVORK5CYII=") no-repeat 0 0 #e74c3c;}
#templateswitcher li a.template7 {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN9JREFUeNq8120KAiEQBmA1is4QbBRFUXSaWvre+x9j14kRQjZzdGYE9YcMD+/gD7WmcvR9T66x1p6cUR6A+u3slNEjoH46p4y2gJqwaKMqMKKX2HLC6AHRSXzmhNF2DBWDPbpPoSIwotcUyg57dJeDssKI3nJQNtijWwr6qWFwAX1QUI7E5KQciQM6LSkuTbypQUsTA3qvQUsSrzlQKrzy88mBUloN6IsLzYXZ0ZxWLyXQf4kB7STQVGJA31LoL7hBdCb6LBpBO2k0htXQ71Y3eHtV0AAvEJ1rfmcGAQYAzBsR6s8JS0EAAAAASUVORK5CYII=") no-repeat 0 0 #1fb5ad;}
#templateswitcher li a.template8 {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN9JREFUeNq8120KAiEQBmA1is4QbBRFUXSaWvre+x9j14kRQjZzdGYE9YcMD+/gD7WmcvR9T66x1p6cUR6A+u3slNEjoH46p4y2gJqwaKMqMKKX2HLC6AHRSXzmhNF2DBWDPbpPoSIwotcUyg57dJeDssKI3nJQNtijWwr6qWFwAX1QUI7E5KQciQM6LSkuTbypQUsTA3qvQUsSrzlQKrzy88mBUloN6IsLzYXZ0ZxWLyXQf4kB7STQVGJA31LoL7hBdCb6LBpBO2k0htXQ71Y3eHtV0AAvEJ1rfmcGAQYAzBsR6s8JS0EAAAAASUVORK5CYII=") no-repeat 0 0 #707070;}
#templateswitcher li a.template9 {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN9JREFUeNq8120KAiEQBmA1is4QbBRFUXSaWvre+x9j14kRQjZzdGYE9YcMD+/gD7WmcvR9T66x1p6cUR6A+u3slNEjoH46p4y2gJqwaKMqMKKX2HLC6AHRSXzmhNF2DBWDPbpPoSIwotcUyg57dJeDssKI3nJQNtijWwr6qWFwAX1QUI7E5KQciQM6LSkuTbypQUsTA3qvQUsSrzlQKrzy88mBUloN6IsLzYXZ0ZxWLyXQf4kB7STQVGJA31LoL7hBdCb6LBpBO2k0htXQ71Y3eHtV0AAvEJ1rfmcGAQYAzBsR6s8JS0EAAAAASUVORK5CYII=") no-repeat 0 0 #2ecc71;}


#templateswitcher li a:hover {background-position: 0 31px;}