/* Fonts */
@font-face {
	font-family: LITERY;
	src: url('../assets/fonts/LITERY.ttf') format('truetype'), url('../assets/fonts/LITERY.svg') format('svg'), url('../assets/fonts/LITERY.woff') format('woff'), url('../assets/fonts/LITERY.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: GoetheText;
	src: url('../assets/fonts/GoetheTextCE.ttf') format('truetype'), url('../assets/fonts/GoetheTextCE.svg') format('svg'), url('../assets/fonts/GoetheTextCE.woff') format('woff'), url('../assets/fonts/GoetheTextCE.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Naiv;
	src: url('../assets/fonts/Naiv-NormalText.ttf') format('truetype'), url('../assets/fonts/Naiv-NormalText.svg') format('svg'), url('../assets/fonts/Naiv-NormalText.woff') format('woff'), url('../assets/fonts/Naiv-NormalText.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: ClanOffc;
	src: url('../assets/fonts/ClanOffc-NarrBook.ttf') format('truetype'), url('../assets/fonts/ClanOffc-NarrBook.svg') format('svg'), url('../assets/fonts/ClanOffc-NarrBook.woff') format('woff'), url('../assets/fonts/ClanOffc-NarrBook.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}

.editor-frame {
	width: 800px;
	height: 630px;
	background-color: #B0B0B0;
	text-align: center;
	font-family: Naiv;
}

.editor-container {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 749px;
	height: 480px;
	background-image: url('../assets/images/bg.png');
	padding: 25px;
}

form {
	text-align: left;
}

.form-group {
	opacity: 0.75;
}

.form-group-inline {
	display: inline-block;
	margin-right: 15px;
}

.input-group-addon {
	background-color: #00682c;
	color: #fff;
	border-color: #31503e;
	line-height: 1.2;
	text-align: left;
}

.editor-inputInstruction textarea {
	border-color: #31503e;
	height: 160px;
}

.editor-inputWords textarea {
	border-color: #31503e;
	height: 160px;
}

.editor-inputLink input {
	border-color: #31503e;
}

.btn {
	background-color: #00682c;
	/*background-image: linear-gradient(to bottom,#00682c 0,#00682c 100%);*/
	background-image: none;
	color: #cef035;
	text-shadow: none;
	border-color: #31503e;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.btn:hover {
	background-color: #cef035;
	background-image: none;
	color: #31503e;
	border-color: #31503e;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.editor-logosContainer {
	position: absolute;
	top: 505px;
	left: 25px;
	height: 125px;
}

.editor-logo {
	background: url('../assets/images/logos/logo_gi.png') no-repeat;
	width: 117px;
	height: 55px;
}

/* Vertical centering */
.v-center-parent {
	font-size: 0px; /* remove margin between inlineblock elemnts */
}    
.v-center-child {
	display: inline-block;
	*display: inline; /** for ie6/7 */
	zoom: 1;
	vertical-align: middle;
}
/* Browser has to support :after pseudo class */
.v-center-parent:after {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	height: 100%;
	width:1;
	content: "";
}

/* Improved checkboxes look */
.form-group input[type="checkbox"] {
	display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
	width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
	display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
	display: inline-block;
	color: #fff;
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
	display: inline-block;
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
	display: none;   
}

.form-group input[type="checkbox"] + .btn-group > label:last-child {
	background-color: #fff;
	color: #555;
	border-color: #31503e;
}

.form-group input[type="checkbox"] + .btn-group > label:first-child:hover {
	background-color: #00682c;
	color: #cef035;
}