* {
	font-size: 16px;
	font-family: 'Exo', sans-serif;
	line-height: 18px;
	color: #000000;
}
body {
	color: #5f5f5f;
}
p {
	margin: 0;
	padding: 0 0 14px;
	line-height: 16px;
}
img {
	border: none;
}
textarea {
        width: 100%;
	max-width: 100%;
	margin: 10px;
	color: #575757 !important;
	font-family: Verdana, Tahoma;
	font-size: 14px;
	border: 1px solid #5c5a5a;
	background: #f8f8f8;
        background-color: rgb(248, 248, 248);
	height: 125px;
	line-height: 25px;
	width: 283px;
}
textarea:focus {
        outline: none !important;
        border:1px #00a7a7;
        box-shadow: 0 0 1px #00a7a7;        
}
.center {
        margin: auto;
        margin-top: 10px;
        margin-bottom: 20px;
        padding: 10px;
}
.center .balls {
        margin: auto;
        width: 100%;
}
.center .text {
        max-width: 100%;
        width: 100%;
}
.greenButton {
	display: block;
	height: 24px;
	padding: 0 0 0 16px;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	background: url("../img/button_green_start.png") no-repeat scroll left top transparent;
}
.greenButton input.defaultbutton {
	display: block;
	height: 24px;
	padding: 0 18px 6px 0;
	border: none;
	color: #fff;
	line-height: 20px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	cursor: pointer;
	background: url("../img/button_green_end.png") no-repeat scroll right top transparent;
}
.blackButton input.defaultbutton {
	font-size: 16px;
	font-family: 'Exo', sans-serif;
	font-weight: bold;
	margin: 20px 0 30px 0;
	padding: 8px 35px;
	border: 3px solid #efefef;
	background: transparent;
	background-color: #4a4a48;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a4a48), to(#373737));
	background: -webkit-linear-gradient(top, #4a4a48, #373737);
	background: -moz-linear-gradient(top, #4a4a48, #373737);
	background: -ms-linear-gradient(top, #4a4a48, #373737);
	background: -o-linear-gradient(top, #4a4a48, #373737);
	-webkit-border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
}
.btn.btn-autosize {
        color: #fff;    
        background-color: #9d9d9d;
        outline-color: #9d9d9d;
        border-color: #9d9d9d;
        width: 28px;
        height: 28px;     
        margin-top: 0px;
        margin-right: 0px;
        padding: 5px 5px;
        font-size: 10px;
        line-height: 1.33;
        border-radius: 13px;
}
.btn.btn-warning.hover,
.btn.btn-warning:hover {
        background-color: #5b5b6a;
        border-color: #5b5b6a;
}
.btn.btn-warning.focus,
.btn.btn-warning:focus {
      color: #fff;   
      background-color: #5b5b6a;
      border: none;
      outline: none;
      box-shadow: none;
      width: 32px;
      height: 32px;
      font-weight: bold;      
      border-radius: 5px;
  }
@media screen and (min-width: 540px) {
  .btn.btn-autosize {
        width: 40px;
        height: 40px;
        margin-top: 2px;
        margin-right: 2px;
        padding: 10px 16px;
        font-size: 14px;
        line-height: 1.33;
        border-radius: 25px;
  }
  .btn.btn-warning.focus,
  .btn.btn-warning:focus {
        color: #fff;    
        background-color: #5b5b6a;
        border: none;
        outline: none;
        box-shadow: none;
        width: 45px;
        height: 45px;
        font-weight: bold;      
        border-radius: 10px;
    }
}
@media screen and (min-width: 960px) {
  .btn.btn-autosize {
        width: 45px;
        height: 45px;
        margin-top: 10px;
        margin-right: 10px;
        padding: 10px 16px;
        font-size: 16px;
        line-height: 1.33;
        border-radius: 25px;
  }
  .btn.btn-warning.focus,
  .btn.btn-warning:focus {
        color: #fff;    
        background-color: #5b5b6a;
        border: none;
        outline: none;
        box-shadow: none;
        width: 50px;
        height: 50px;
        font-weight: bold;      
        border-radius: 15px;
    }
}
@media screen and (min-width: 1280px) {
  .btn.btn-autosize {
        width: 50px;
        height: 50px;
        margin-top: 10px;
        margin-right: 10px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 25px;
  }
  .btn.btn-warning.focus,
  .btn.btn-warning:focus {
        color: #fff;    
        background-color: #5b5b6a;
        border: none;
        outline: none;
        box-shadow: none;
        width: 60px;
        height: 60px;
        font-weight: bold;
        border-radius: 20px;
    }
}
input[type='radio'] {
  -webkit-appearance:none;
  width:20px;
  height:20px;
  border:1px solid darkgray;
  border-radius:50%;
  outline:none;
  background-color: white;
  vertical-align: sub;
}

input[type='radio']:hover {
  box-shadow:0 0 5px 0px black inset;
}

input[type='radio']:before {
  content:'';
  display:block;
  width:60%;
  height:60%;
  margin: 20% auto;
  border-radius:50%;
}

input[type='radio']:checked:before {
  background:black;
}