@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=BenchNine:700');

body {
  margin: 0;
  padding: 0;
  background-color: #fefefe;
  background-image: url("https://www.puzzlebaron.com/global/template/images/background_light.jpg");
  font-size:80%;
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.6em;
  color:#333;
}    

.clear			{
				clear:both;
				display:block;
				height:0 !important;
				overflow:hidden;
				}

ul, ol			{
				margin:0;
				padding:0 0 20px;
				list-style:none;
				}
				
ul li, ol li	{
				margin:0;
				padding:0;
				}

#header {
    width: 100%;  
    height: 145px;
    background-repeat: no-repeat;
    background-position: center; 
}

#header_inside {
    margin: auto;
    width: 990px;    
}

#logo {
   margin-left: 15px;  
}

#login_box_wide {
  width: 350px;
  height: 95px;
  background-color: grey;
  background-image: url("https://www.puzzlebaron.com/global/template/images/loginbg.jpg");
  border-radius: 10px;
  float: right;
  margin-right: 45px;
  margin-top: 15px;
}

#login_box {
  width: 260px;
  height: 95px;
  background-color: grey;
  background-image: url("https://www.puzzlebaron.com/global/template/images/loginbg.jpg");
  border-radius: 10px;
  float: right;
  margin-right: 45px;
  margin-top: 15px;
}

#login_form_container {
    margin: auto;  
    width: 200px;
    margin-top: 10px;
}

#login_box_left {
  float: left; 
  display: inline-block;
  width: 140px;
  margin-bottom: 5px;
}

#login_box_right {
  float: left; 
  display: inline-block;
  height: 60px;
  vertical-align: middle;
}

.login_text {
    width: 120px;  
    margin-top: 0px;
    margin-bottom: 2px;    
}

#login_text_under {
    font-family: Arial;
    font-size: 11px;  
	line-height: 11px;
    color: white;
}

#login_text_under a {
    color: yellow;  
}

#login_text_under a:hover {
    color: white;  
}

#login_submit {
    width: 60px;
    height: 54px;
    color: white;
    border-radius: 10px;
    border: 1px solid silver;
    font-size: 15px;
    font-weight: bold;
}

input, select, textarea	{
				padding:5px 8px;
				font:1em/1.2em Arial, Helvetica, sans-serif;
				color:#5C5C5C;
				border-top:1px solid #5C5C5C;
				border-left:1px solid #5C5C5C;
				border-bottom:1px solid rgba(0, 0, 0, 0.1);
				border-right:1px solid rgba(0, 0, 0, 0.1);
				background:#f0f0f0;
				border-radius:4px;
				-moz-border-radius:4px;
				-khtml-border-radius:4px;
				-webkit-border-radius:4px;
				}
		

#undernav {
    position: relative;
    top: -26px;
    margin: auto;
    width: 975px;  
    height: 90px;
    border-radius: 0px 0px 8px 8px;
    border: 1px solid #ccc;
	background-color: #dedede;   
	padding-top: 5px;
	padding-bottom: 5px;
}

#nav {
    position: relative;
    top: -26px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .2);
    margin: auto;
    width: 990px;  
    height: 48px;
    border-radius: 8px;
    border: 1px solid #ccc;
	background-color: #fefefe;
    background-image: url("https://www.puzzlebaron.com/global/template/images/main_nav_px.gif");
}

.home_btn {
  padding-top: 13px;
  padding-left: 18px;  
  float: left;
  display: block;
  width: 37px;
  height: 35px;
  -webkit-transition: background, filter 50ms; 
  transition: background, filter 50ms;
  border-radius: 8px 0 0 8px;
  background: #444;
  margin-right: 10px;
}

.home_btn:hover {
    background: none;
    filter: invert(100%);  
}

.nav_item {
    float: left;
    margin-top: 7px;
}

.nav_item a {
    font-family: Arial;
    height: 32px;
    line-height: 32px;
    font-size: 13px; 
    font-weight: bold;
    text-decoration: none;
    margin-left: 7px;
    margin-right: 7px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 10px;
    padding-bottom: 10px;  
    border-radius: 6px;
    text-decoration: none;   
    color: #222;
}

.nav_item a:hover {
    color: white;
}

.nav_item a.on {
	color: white;
}

#container {
    position: relative;
    top: -15px;
    margin: auto;
    width: 990px;
    content: "";
    display: table;
    clear: both;  
}

#container_full {
    width: 950px;  
    background-color: white;
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 0;
    float: left;
    display: inline-block;
}

#container_left {
    width: 630px;  
    background-color: white;
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 0;
    float: left;
    display: inline-block;
}

#container_wide {
    width: 775px;  
    background-color: white;
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 0;
    float: left;
    display: inline-block;
}

#container_right_wide {
    width: 160px;  
    float: right;
}

#container_right {
    width: 300px;  
    float: right;
}

.container_right_box {
    background-color: white;
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 10px;
}

.header_font {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 28px;
  margin-bottom: 20px;
}

h1 {
  margin: 0;
}

.footer_font {
    color: white;
    text-shadow: 2px 2px #222;
}

#footer {
    color: white;
    font-size: 12px;
    width: 100%;  
	background-repeat: no-repeat;
    background-position: top center; 
}

#footer a {
  color: white;
  text-decoration: none;
}

#footer a:hover {
  color: silver;  
}



#footer_inside {
    margin: auto;
    width: 995px;    
}

.footer_box_wide {
  padding-top: 20px;
  width: 275px;  
  float: left;
}

.footer_box_narrow {
  padding-top: 20px;
  width: 150px;  
  margin-left: 40px;
  float: left;
}

.margin_left {
  margin-left: 40px;
}

.clear {
  clear: both;
}


/* ---- Tabs Menu ---- */

#tabs .alignleft{
				margin-right:8px;
				margin-bottom:0;
				}

#tabs .alignright{
				margin-left:8px;
				margin-bottom:0;
				}

#tab-items		{
				width:258px;
				height:17px;
				background:#F0F0F0;
				border-radius:5px 5px 0 0;
				-moz-border-radius:5px 5px 0 0;
				-khtml-border-radius:5px 5px 0 0;
				-webkit-border-radius:5px 5px 0 0;
				}

#tab-items li	{
				width:auto;
				float:left;
				font:bold 12px Arial, Helvetica, sans-serif;
				}
				
#tab-items li a	{
				width:56px;
				display:block;
				float:left;
				text-align:center;
				color:#000;
				text-decoration:none;
				padding:12px 15px 10px;
				outline:none;
				font-weight: normal !important;
				}
				
#tab-items li a:hover,
#tab-items li a:focus,
#tab-items li a:active,
#tab-items li.ui-tabs-selected a,
#tab-items li.ui-state-active a	{
				border-radius:5px 5px 0 0;
				-moz-border-radius:5px 5px 0 0;
				-khtml-border-radius:5px 5px 0 0;
				-webkit-border-radius:5px 5px 0 0;
				}
				
.tabs-inner		{
				width:258px;
				padding:10px 0 0;
				clear:both;
				}
				
.tabs-inner ul	{
				margin:0;
				padding:0;
				list-style:none;
				}
				
.tabs-inner ul li	{
				width:258px;
				margin:0;
				padding:10px 0;
				border-bottom:1px dashed #D5D5D5;
				}
				
.tabs-inner b	{
				display:block;
				margin-bottom:3px;
				}
				
.tabs-inner a	{
				color:#232323;
				text-decoration:none;
				}
				
.tabs-inner a:hover	{
				color:rgba(0, 0, 0, 0.5);
				text-decoration:none;
				}

.tabs-inner p	{margin:0;}
				
.ui-tabs-hide	{display: none;}

#tab-items li a:hover,
#tab-items li a:focus,
#tab-items li a:active,
#tab-items li.ui-tabs-selected a,
#tab-items li.ui-state-active a	{
				color:#fff;
}
				
				
.alignleft { 
	float: left;
}

.tabs-inner a { 
	font-weight: normal;
	color: black;
}

.tabs-inner img {
	padding: 4px;
	border: 1px solid #dedede;
	transition: 0.5s;
}

.tabs-inner img:hover {
	background-color: #999;
}

.carousel_container { overflow:hidden; padding: 0 0 10px;   }
.carousel_container .viewport {
					float: left;
					width: 270px;
					height:240px;
					overflow: hidden;
					position: relative;
					}

.carousel_container .overview	{
					position: absolute;
					width: 270px;
					left: 0;
					top: 0;
					}

.carousel_container .overview li{
					float: left;
					margin: 0 20px 0 0;
					width: 270px;
					text-align: center;
					}
					
.carousel_container .thumb	{ width: 93px; margin:auto; margin-bottom:14px;} 
				
.carousel_container h5	{padding-left:2px;}

.carousel_container .buttons	{
					width:14px;
					height:15px;
					position:absolute;
					cursor:pointer;
					top:30px;
					text-indent:-9999px;
					line-height:9999px;
					overflow:hidden;
					outline:none;
					}

.carousel_container .prev		{right:35px;}
.carousel_container a:hover.prev{background-position: -17px -15px;}
.carousel_container .next		{right:19px;}
.carousel_container a:hover.next{background-position: -17px 0;}
.carousel_container .disable	{visibility: hidden;}

#countdown {
	font-family: 'BenchNine', sans-serif;
	font-size: 48px;
	line-height: 54px;
}

h3 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 0px;
}

h4 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 20px;  
  font-weight: normal;
  margin-top: 12px;
  margin-bottom: 0px;
}

h5 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 18px;  
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0px;
}

#footer li	{
	width:auto;
	margin-bottom:10px;
	padding-left:8px;
	background:url("https://www.puzzlebaron.com/global/template/images/bullets.gif") 0 5px no-repeat;
}

#footer li a {
	font-weight: normal;
}


.wpcf7 {
				width:270px;
				position:relative;
				}
				
.wpcf7 p {
				width:270px;
				position:relative;
				margin:0 0 7px;
				padding:0;
				}
				
.wpcf7 br {display:none;}

.your-name,
.your-email {
				width:212px;
				float:right;
				}

.wpcf7 label {
				float:left;
				padding:3px 0;
				color:#EEFDFE;
				}
				
input.wpcf7-text,
.your-message textarea {
				padding:4px 5px;
				color:#fff;
				border-top:1px solid rgba(0, 0, 0, 0.6);
				border-left:1px solid rgba(0, 0, 0, 0.6);
				border-bottom:1px solid rgba(0, 0, 0, 0.1);
				border-right:1px solid rgba(0, 0, 0, 0.1);
				background:rgba(255, 255, 255, 0.5);
				}
				
input:hover.wpcf7-text,
.your-message textarea:hover {
				color:#2E4B4E;
				border-bottom:1px solid rgba(0, 0, 0, 0.1);
				border-right:1px solid rgba(0, 0, 0, 0.1);
				background:#F8F8F9;
				}
				
input:focus.wpcf7-text,
.your-message textarea:focus {
				color:#2E4B4E;
				border-bottom:1px solid rgba(0, 0, 0, 0.1);
				border-right:1px solid rgba(0, 0, 0, 0.1);
				background:#F8F8F9;
				}
				
.wpcf7-text {width:200px;}
.your-message textarea {
				width:258px;
				height:85px;
				}
				
input.wpcf7-submit {
				padding:6px 20px;
				color:#fff;
				text-transform:lowercase;
				cursor:pointer;
				font-size:12px;
				background:url("https://www.puzzlebaron.com/template/global/images/grey_grad.gif") top repeat-x #363A3E;
				border:0;
				}
				
input:hover.wpcf7-submit,
input:focus.wpcf7-submit {background:url("https://www.puzzlebaron.com/template/global/images/grey_grad.gif") bottom repeat-x #484C52;}
input:focus.wpcf7-submit {top:1px;}

#loggedin {
	margin-top: 5px;
}

#loggedin a {
	color: yellow;
	font-weight: normal;
}

#loggedin a:hover {
	color: white;
}

.loggedin_text {
	font-size: 12px;
	color: white;
	padding-top: 11px;
}

.loggedin_username {
    font-family: 'BenchNine', sans-serif;
    font-size: 26px;
	font-weight: bold;
	color: white !important;
	margin-bottom: 15px;
}

.pastresults {
	font-size: 14px;
	line-height: 18px;
}

.trophypad {
	font-size: 16px;
	margin: 23px;
	line-height: 22px;
}

.trophy {
	font-size: 13px;
	margin: 6px;
}

.winners {
	font-size: 12px;
}

.btn			{
				width:auto;
				display:block;
				padding:7px 12px;
				cursor:pointer;
				outline:none;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				text-decoration:none;
				font-size:12px;
				line-height:11px;
				text-align:center;
				float:left;
				}

a:hover.btn,
a:focus.btn		{text-decoration:none;}

a.btn			{
				color:#fff;
				}
				
#portfolio4		{
				width:940px;
				*width:980px;				/* ---- CSS Hack for IE7 ---- */
				width:980px\0/;				/* ---- CSS Hack for IE8 ---- */
				margin:0;
				*margin:0 0 0 -35px;		/* ---- CSS Hack for IE7 ---- */
				margin:0 0 0 -35px\0/;		/* ---- CSS Hack for IE8 ---- */
				padding:0 0 15px;
				list-style:none;
				}

#portfolio4 li	{
				width:290px;
				margin:0 0 15px 0;
				*margin:0 0 15px 35px;		/* ---- CSS Hack for IE7 ---- */
				margin:0 0 15px 35px\0/;	/* ---- CSS Hack for IE8 ---- */
				padding:0 0 15px 35px;
				*padding:0 0 15px 0;		/* ---- CSS Hack for IE7 ---- */
				padding:0 0 15px 0\0/;		/* ---- CSS Hack for IE8 ---- */
				float:left;
				background:none;
				border-bottom:1px solid #E5E5E5;
				}
				
#portfolio4 li:nth-child(3n-2)	{padding-left:0;} /* Every Even Item from list */
				
.header_font {
	line-height: 30px;
}


.userbox {
	width: 135px;
	height: 160px;
	float: left;
	margin: 6px;
	background-color: #D8D8D8;
	text-align: center;
	font-size: 10px;
	color: black !important;
}


.userbox img {
	margin-top: 10px;
	margin-bottom: 6px;
}

.userbox:hover {
	background-color: #ACACAC;
	color: white !important;
	text-decoration: none;
}

.wpcf7-text-top {
	width: 120px;
	margin-bottom: 5px;
}

.loginform-submit {
	color: #fff;
	font-weight: bold;
	padding: 10px;
	cursor: pointer;
	outline: none;
	margin-top: 10px;
}

.avatarbox {
	height: 115px;
	width: 115px;
	background-color: #d3d3d3;
	padding: 10px;
	margin: 8px;
	float: left;
	text-align: center;
}

.button_red {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	width: 150px;
}
.button_red:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
	color: white;
}
.button_red:active {
	position:relative;
	top:1px;
}

.button_blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
	background-color:#bddbfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	width: 150px;
}
.button_blue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
	background-color:#80b5ea;
	color: white;
}
.button_blue:active {
	position:relative;
	top:1px;
}


.button_green {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
	width: 150px;
}
.button_green:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
	background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
	background-color:#a5cc52;
	color: white;
}
.button_green:active {
	position:relative;
	top:1px;
}

.button_orange {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
	width: 150px;	
}
.button_orange:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
	color: white;	
}
.button_orange:active {
	position:relative;
	top:1px;
}


.button_purple {
	-moz-box-shadow:inset 0px 1px 0px 0px #efdcfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #efdcfb;
	box-shadow:inset 0px 1px 0px 0px #efdcfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfbdfa), color-stop(1, #bc80ea));
	background:-moz-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-webkit-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-o-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-ms-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbdfa', endColorstr='#bc80ea',GradientType=0);
	background-color:#dfbdfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #c584f3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9752cc;
	width: 150px;	
}
.button_purple:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc80ea), color-stop(1, #dfbdfa));
	background:-moz-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-webkit-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-o-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-ms-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:linear-gradient(to bottom, #bc80ea 5%, #dfbdfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc80ea', endColorstr='#dfbdfa',GradientType=0);
	background-color:#bc80ea;
	color: white;
}
.button_purple:active {
	position:relative;
	top:1px;
}

blockquote		{
				color:#232323;
                font-family: Georgia, Helvetica;
				font-size:18px;
				line-height:1.3em;
				font-weight:normal;
				padding-left:40px;
				background:url('https://www.puzzlebaron.com/global/template/images/quotes.png') 3px 5px no-repeat;
				}
				
.rotate-center:hover{-webkit-animation:rotate-center 1.6s ease-in-out both;animation:rotate-center 1.6s ease-in-out both}				
.rotate-center{-webkit-animation:rotate-center 1.6s ease-in-out both;animation:rotate-center 1.6s ease-in-out both}
@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
				

ul.unordered li {
    color: #232323;
    margin: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px dashed #d5d5d5;
}				

.select-style {
    border: 1px solid #ccc;
    width: 200px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("https://www.puzzlebaron.com/global/template/images/dropdown_arrow.png") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}


.recordboardtype4 {
	color: #006600;
	font-size: 10px;
	font-weight: bold;
}

.recordboardtype5 {
	color: #990000;
	font-size: 10px;
	font-weight: bold;
}