/* 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 look */

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

.editor-container {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 973px;
	height: 618px;
	background-image: url('../assets/images/bkg/bg.jpg');
	padding: 25px;
}

.editor-logosContainer {
	position: absolute;
	top: 643px;
	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: #E5F74C;
}

.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: #E5F74C;
}

/* default forms / controls */

form {
	text-align: left;
}

.form-group {
	width: 400px;
	line-height: 0em;
	margin: 0px;
	margin-bottom: 0.25em;
	opacity: 0.85;
}

.form-group-inline {
	display: inline-block;
}

.form-control {
	padding: 0px;
}

.input-group-addon {
	background-color: #E5F74C;
	color: #000;
	line-height: 1em;
	text-align: left;
	padding: 2px 2px;
}

/* manual control layout */

.editor-inputIntro, .editor-inputTask, .editor-inputWords, .editor-inputPreview {
	width: 100%;
}

#input-intro {
	height: 60px;
}
#input-task {
	height: 60px;
}
#input-words {
	height: 178px;
}

#crosswordType, #crosswordSize {
	-webkit-appearance: menulist-button;
	width: 100%;
}

.editor-inputPassword, .editor-inputMaxWords {
	width: 75%;
}

.editor-inputTime {
	width: 25%;
	float: right;
}

.form-group + .preview {
	position: absolute;
	left: 450px;
	top: 25px;
	width: 500px;
	height: 500px;
}

.editor-inputPreview textarea {
	height: 516px;
}

#input-preview {
	overflow: hidden;
	font-family: 'Courier New', Courier, monospace;
	font-size: 19px;
	letter-spacing: 0.4em;
	line-height: 1em;
	padding: 5px;
}

.form-group + .gamelink {
	position: absolute;
	left: 450px;
	top: 564px;
	width: 500px;
}

#generator-progress {
	background-color: #fff;	
	float: right;
	width: 241px;
	left: 160px;
	top: 0px;
	border-radius: 5px;
	position:absolute;
}

#generator-progress-bar {
	background-color: #E5F74C;
	color: black;
	text-align: center;
	width: 10%;
	line-height: 32px;
	border-radius: 5px;
}

#crosswordType, #crosswordSize, #input-password, #input-maxWords, #input-time, #generator-progress, .btn {
	height: 34px;
}

/* header borders */

.input-group-addon {
	border: solid 1px #31503e;
}

#input-addon-intro,
#input-addon-task,
#input-addon-words,
#input-addon-password,
#input-addon-maxWords,
#input-addon-time,
#input-addon-preview {
	border-radius: 5px 5px 0px 0px;
	border-right: solid 1px #31503e;
	border-bottom: none;
}

#input-addon-type,
#input-addon-size {
	border-right: none;
}

/* all border colors */

.editor-inputIntro textarea,
.editor-inputTask textarea,
.editor-inputWords textarea,
.editor-inputPassword textarea,
.editor-inputMaxWords textarea,
.editor-inputTime textarea,
.editor-inputPreview textarea,
.editor-inputLink input,
.btn, .btn:hover,
select,
#input-password, #input-maxWords, #input-time,
#generator-progress
{
	border: solid 1px #31503e;
}

select {
	border-radius: 0px 5px 5px 0px;
}

/* all input groups */

.editor-inputIntro,
.editor-inputTask,
.editor-inputWords,
.editor-inputPassword,
.editor-inputMaxWords,
.editor-inputTime,
.editor-inputPreview {
	display: inline-block;
}

#input-intro,
#input-task,
#input-words,
#input-password,
#input-maxWords,
#input-time,
#input-preview {
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

/* buttons */

.btn {
	background-color: #00682c;
	background-image: none;
	color: #E5F74C;
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

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

#btn-generate {
	width: 160px;
	border-radius: 5px;
}

/* font size */

.form-control, .input-group-addon, .btn, textarea, #crosswordType, #crosswordSize, #generator-progress-bar
{
	font-size: 14px;
}