body {
    padding-top: 6px;
    padding-bottom: 6px;
}

.navbar {
    margin-bottom: 20px;
}

.starter {
  padding: 20px 15px;
  text-align: center;
  
}

.lead {
	color: #666;
	font-size: 18px;
	font-weight: bold;
}

.formwidth {
	width: 240px;
}

.headline {
	font-size: 16px;
	color: #555;
	letter-spacing: 0.2px;
}

.abut {
	font-size: 18px;
	font-weight: 400;
	width: 110px;
	border: 1px solid #ccc;
	display: inline-block;
	padding: 6px 9px 6px 9px;
	border-radius: 5px;
	margin: 4px;
}

.ar_box {
	width: 268px;
	font-size: 20px;
	text-align: center;
	border: 1px solid #ddd;
	padding: 5px 14px 5px 14px;
	margin: 6px;
	border-radius: 6px;
	display: inline-block;
	background-color: #fff;
}

.w_380 {
	width: 478px;
}

#smallinput {
	font-size: 16px;
	background-color: #afa;
}

#multiplediv {
	width: 760px;
	font-size: 15px;
	padding: 5px 14px 5px 14px;
}

.mja {
	font-size: 15px;
}

#lastline {
	margin-top: 4px;
}

.projectbox {
	width: 216px;
	height: 108px;
	border: 1px solid #ccc;
	display: inline-block;
	margin: 10px;
	border-radius: 5px;
	font-size: 22px;
	text-align: center;
	padding: 20px;
	color: #888;
}

.projectbox span {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.canvascontainer {
	width: 804px;
	margin: 0px auto;
	padding-bottom: 8px;
	text-align: center;
}

#canvas {
	border: 1px solid #ccc;
}

.controlsbox {
	width: 800px;
	font-size: 20px;
	text-align: center;
	border: 1px solid #ddd;
	padding: 8px 10px 8px 10px;
	border-radius: 6px;
	display: inline-block;
	background-color: #fbfbfb;
}		

.biggercontrols {
	font-size: 22px;
}

.formcenter {
	text-align: center;
	width: 279px;
	margin-left: auto;
	margin-right: auto;
}

.box {
	border: 1px solid #ddd;
	padding: 12px 18px 8px 18px;
	border-radius: 4px;
	text-align: left;
	display: inline-block;
	width: 278px;
	background-color: #fbfbfb;
}

.errormsg {
	color: #c00;
}

.wordbox {
	font-size: 18px;
	text-align: center;
	border: 1px solid #ddd;
	padding: 5px 14px 6px 14px;
	margin: 6px;
	border-radius: 6px;
	display: inline-block;
	background-color: #fff;
}

.selected {
	border: 1px solid #aaa;
	background-color: #fdd;
}

.wordlist {
	font-size: 19px;
}

// buttons //

.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
	display: none;
	margin: 10px;
	float: left;
	background-color: #eee;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
 
.btn-primary {
	padding: 4px 8px 4px 8px;
    margin-top: 5px;
    margin-bottom: 0px;
    background: #e7e7e7;
    color: #000;
	border-color: #ccc;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #ccc;
    color: #000;
	border-color: #ccc;
}
 
.btn-primary:active, .btn-primary.active {
    background: #ccc;
    color: #000;
	border-color: #ccc;
}