@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Style Switcher
/* ---------------------------------------------------------------------- */

#style-switcher {
	font-size: 12px;
	color: #383838;
	background-color: #f9f9f9;
	width: 195px;
	position: fixed;
	right: 0;
	top: 70px;
	z-index: 98;
	display: block !important; /* mobile devices */
}

#style-switcher h2 {
	font-size: 16px;
	background-color: #e5e5e5;
	padding: 5px 10px;
	margin: 0;
}

#style-switcher h3 {
	font-size: 13px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#options,
#reset {
	padding: 15px 10px;
}

#options {
	border-right: 1px solid #e5e5e5;
}

#reset {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#style-switcher h2 a {
	display: block;
	background: #e5e5e5 url(style-switcher.png) no-repeat center center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: -40px;
	text-indent: -9999px;
}

.thumbs { 
	list-style: none; 
	padding-bottom: 10px; 
	margin-left: 20px;
}

.thumbs:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;	
}

.thumbs li { 
	float: left; 
	margin: 0 6px 6px 0; 
}

.thumbs li a { 
	display: block; 
	width: 30px; 
	height: 30px; 
	cursor: pointer; 
	box-shadow: 0 0 0 1px rgba(0,0,0,0.3) inset; 
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.3) inset; 
} 

.thumbs li a.active { 
	box-shadow: 0 0 0 2px rgba(0,0,0,0.3) inset; 
	-webkit-box-shadow: 0 0 0 2px rgba(0,0,0,0.3) inset; 
}

#reset a { 
	margin: 0;
}

/* Predefined Colors */

.c_red { background-color: #dd1144; }
.c_green { background-color: #10a062; }
.c_lightblue { background-color: #0088cc; }
.c_orange { background-color: #f15a23; }
.c_black { background-color: #000; }
.c_purple { background-color: #852b99; }
.c_yellow { background-color: #feb900; }
.c_blue { background-color: #1a57a8; }

.button.green {
    background-color: #10a062;
	padding:5px;
	border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin: 0 10px 20px 0;
    padding: 7px 15px;
    width: auto;
}
.button.green:hover{
    background-color: #383838;
	text-decoration:none;
}

@media only screen and (max-width: 1029px) {#style-switcher {display: none;}}