*{
	font-family: Tahoma, 'sans-serif';
	padding:0px;
	margin:0px;
}

html,body, #wrapper{
	width: 100%;
	height: 100%;
}
			
#wrapper{
	width: 930px; 
	min-height: 90%;
	height: auto !important;
	margin: auto;
	padding-bottom: 50px;
}

.loged_user{
	text-transform: uppercase;
	font-size: 12px;
	color: rgb(182,174,9);
}

div#top_navigation{
	width: 930px;
	margin: 0px auto;
	cursor: pointer;
}			

div#top_navigation ul{
	list-style-type: none;
}

div#top_navigation ul li{
	display: inline;
	margin-right: 5px;
	line-height: 2em;
	color:gray;
	padding: 2px 5px;
	text-transform: uppercase;
	font-size: 11px;
}
div#top_navigation ul li:hover{
	text-decoration: underline;
}

div#top_navigation .underline{
	text-decoration: underline;
}

div#header{
	margin: 0px auto;
	padding-right:5px;
	height: 100px;
	width: 925px;
	font-size: 50px;
	color: gray;
	text-align: right;
	margin-top:100px;
}
			
			
div#menu{
	width: 930px;
	margin: 0px auto 0 auto;
	overflow: auto;
	color:white;
	/*border:1px solid gray;*/
}
			
#menu #novels, #menu #lang, #menu #schema{
	padding-top: 50px;
	padding-bottom: 50px;
	float:  left;
	width: 300px;
	margin-left:5px;
	margin-right:5px;
	background-color: rgb(199,12,98);
	text-align:center;
	margin-bottom:10px;
}
#menu select{
	width: 280px;
	background-color:white;
	color: gray;
}
			
#menu select option{
	text-align: center;
	color: gray;
}

			
#menu #show_categories{
	clear:both;
	width: 300px;
	margin-left:625px;
	background-color: rgb(182,174,9);
	font-size: 15px;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#menu #show_categories:hover{
	cursor:pointer;
	
}

#show_hide_evaluation_box{
	width: 300px;
	margin-left:625px;
	margin-bottom: 10px;
	background-color: rgb(199,12,98);
	font-size: 15px;
	text-align:center;
	padding-top: 5px;	
	padding-bottom: 5px;
	color: white;
	text-transform: uppercase;
}
#show_hide_evaluation_box:hover{
	cursor: pointer;
}

#evaluation_box{
	display:none;
	width: 918px;
	margin: 0px auto 10px auto;
	overflow: auto;
	/* color:#808080;*/
	color: rgb(199,12,98);
	/*border:1px solid gray;*/
	/* background-color: rgb(182,174,9); */
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid rgb(199,12,98);
}


#evaluation_box span{
	display:block;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
}

#evaluation_box table{
	width: 99%;
	margin: auto;
	font-size: 10px;
	color: rgb(199,12,98);
	text-transform: uppercase;
}

#evaluation_box table td{
	height: 25px;
	vertical-align:top;
}


#evaluation_box td.small{
	width: 130px;	
}

#evaluation_box td.medium{
	width: 200px;	
}

#evaluation_box td.long{
	width: 400px;	
}

#evaluation_box select{
	font-size: 10px;
	display:none;
}

#evaluation_box .interval_range{
	font-size: 8px;
	display:none;
}

#evaluation_box .interval_range input{
	font-size: 10px;
	color:#808080;
}

.evaluation_input{
	padding-top: 10px;
	padding-bottom: 10px;
	color: rgb(199,12,98);
}

.evaluation_input input{
	
	width: 30px;
	display:inline-block;
	color: rgb(199,12,98);
}

.evaluation_button{
	width: 150px;
	margin-bottom: 10px;
	background-color: rgb(199,12,98);
	font-size: 10px;
	text-align:center;
	padding-top: 5px;	
	padding-bottom: 5px;
	color: white;
	text-transform: uppercase;
	display: inline-block;
}

.evaluation_button:hover{
	cursor: pointer;	
}

.eval_box{
	font-size: 8px;
}

#content{
	width: 930px;
	margin-left:auto;
	margin-right:auto;
	display:none;
	padding-top:20px;
	color: gray;
	font-size: 14px;
	text-align:center;
	min-height: 600px;
	
}

#content table.results{
	margin-left:auto;
	margin-right:auto;
	width: 930px;
	color:gray;
}

table.results td{
	border: 1px solid rgb(182,174,9);
	font-size: 14px;
	padding: 10px;
	text-align:justify;
	border-radius:5px;
	-moz-border-radius:5px;
}

table.results .seg_id, table.results .paragraph_id{
	float: right;
	font-size: 10px;
	text-transform:uppercase;
}

table.results td.even{
	background-color:white;
}

table.results td.odd{
	/*background-color:#eee;*/
}

#skok{
	float: right;
	font-size: 10px;
	text-transform:uppercase;
	color:rgb(182,174,9);
}

ul.mapping{
	margin-left: 20px;
	list-style-type:square;
}

#categories{
	display:none;
	margin-top:10px;
	height: 30px;
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	background-color: rgb(182,174,9);
	color:white;
}

#subcategories{
	display:none;
	padding:0px;
	background-color: #fff;
	position:relative;
}

#subcategories table{
	color: white;
	text-transform: uppercase;
	font-size:11px;
	background-color: rgb(182, 174, 9);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#subcategories table td.info{
	font-size:10px;
	text-align:center;
}

#subcategories .search_subcategories:hover{
	text-decoration:underline;
	cursor:pointer;
}

#subcategories .check_all_subcategories:hover{
	text-decoration:underline;
	cursor:pointer;
	font-size:10px;
}
#subcategories .uncheck_all_subcategories:hover{
	text-decoration:underline;
	cursor:pointer;
	font-size:10px;	
}

#subcategories .close_icon:hover{
	cursor:pointer;
}


#subcategories .show_subsubcategories:hover{
	text-decoration: underline;
	cursor:pointer;
}


#subsubcategories{
	display:none;
	padding:0px;
	background-color: #fff;
	position:relative;
}

/*.subsubcategories{*/
#subsubcategories table{
	color: white;
	text-transform: uppercase;
	font-size:11px;
	background-color: rgb(182, 174, 9);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

#subsubcategories table td.info{
	font-size:10px;
	text-align:center;
}

#subsubcategories .search_subsubcategories:hover{
	text-decoration:underline;
	cursor:pointer;
}

#subsubcategories .check_all_subsubcategories:hover{
	text-decoration:underline;
	cursor:pointer;
}

#subsubcategories .uncheck_all_subsubcategories:hover{
	text-decoration:underline;
	cursor:pointer;
}

#subsubcategories .close_icon_sub:hover{
	cursor:pointer;
}


.cat li{
	width: 98px;
	list-style-type: none;
	float:left;
	border-left:2px solid white;
	text-align:center;
	line-height: 30px;
	height:30px;
	position:relative;	
}

.cat li:hover{
	cursor: pointer;
	background-color:rgb(223,226,104);
}

.active{
	color:white;
	background-color:rgb(194,191,4);
}

.subcat{
	/*position:absolute;
	top:30px;*/
	color:white; 
	margin:0px;
	padding:0px;
	border:0px;
	background-color:rgb(223,226,104);
}

.subcat li{
	margin:0px;
	padding:0px;
	border:0px;
	line-height:30px;
	background-color:rgb(223,226,104);
}

.subcat li:hover{
	background-color:rgb(182,174,9);
}
	
#central_content{
	width: 930px;
	margin:0px auto 100px auto;
}	
	
#footer{
	clear: both;
	position: relative;
	height: 50px;
	margin-top: -50px;
	color:#B6AE09;
	border-top: 3px solid rgb(182,174,9);
	z-index:10;
	width:930px;
	margin-left:auto;
	margin-right:auto;
	font-size: 12px;
	text-align:center;
}

#footer img{
	position: absolute; 
	top:-100px;
	left: 0px;
}

#show_content{
	float:right;
}

#options_wrapper{
	width: 930px;
	margin-left:auto;
	margin-right:auto;
	color: white;
	border-top: 3px solid white;
	display:none;	
	overflow: auto;
}

#options{
	margin-left:625px; 
	width: 300px;
	background-color: rgb(182,174,9);
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
}

#options span{
	display:block;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
}
#options ul{
	list-style-type: none;
	margin-left:20px;
	padding:0;
	text-transform: uppercase;
	font-size: 10px;
}

#search{
	width: 300px;
	margin-left:625px;
	background-color: rgb(182,174,9);
	font-size: 15px;
	text-align:center;
	padding-top: 5px;
	border-top: 3px solid white;	
	padding-bottom: 5px;
	
}

#search:hover{
	cursor:pointer;
	background-color: #dfe268;
}

#reset_search{
	width: 300px;
	margin-left: 625px;
	background-color: rgb(182, 174,9);
	font-size: 10px;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	border-top:3px solid white;
}

#reset_search:hover{
	cursor:pointer;
	background-color: #dfe268;
}


#reset_serch:hover{

}
.close_icon, .close_icon_sub{
	vertical-align: middle;
	text-align: right;
	font-size: 13px;
	font-family: Arial, sans-serif;
}


.login_box{
	padding-top: 40px;
	padding-bottom: 50px;
	padding-left: 5px;
	padding-right: 5px;
	color: white;	
	width: 300px;
	margin-left:610px;
	margin-right:5px;
	background-color: rgb(199,12,98);
	text-align:center;
	margin-bottom:10px;
	font-size: 14px;
}

.register_box{
	padding-top: 40px;
	padding-bottom: 50px;
	padding-left: 5px;
	padding-right: 5px;
	color: white;	
	width: 400px;
	margin-left:510px;
	margin-right:5px;
	background-color: rgb(199,12,98);
	text-align:center;
	margin-bottom:10px;
	font-size: 14px;
}


.login_box table, .register_box table{
	color: white;
	
}

.error{
	margin-bottom: 20px;
	font-weight: bold;
}

.register_info{
	font-size:11px;
	cursor:pointer;
}

.register_info:hover{
	text-decoration: underline;
}

ul#active_user_menu, ul#admin_menu{
	list-style-type: none;		
	margin-bottom: 20px;
}

ul#active_user_menu li, ul#admin_menu li{
	display: inline-block;
	margin-right: 3px;
	line-height: 2em;
	color:white;
	padding: 10px 6px;
	text-transform: uppercase;
	font-size: 11px;
	background-color:rgb(199,12,98);
	border-radius: 5px 5px 0px 0px;
}
ul#active_user_menu li:hover, ul#admin_menu li:hover{
	text-decoration: underline;
}

#users_list table {
	color: #594C4C;
	text-align: left:

}
#users_list table td{
	border-bottom: 1px solid rgb(182,174,9);	
	padding-bottom: 5px;
	font-family: Arial, sans-serif;
}

.save_new_mode{
	color: #fff;
	background-color:rgb(182,174,9);
	padding:3px;
}
.save_new_mode:hover{
	text-decoration: underline;
	cursor: pointer;
	background-color: #dfe268;
}


#new_annotated_text table, #new_parallel_texts table{
	color: #594C4C;
}

#new_annotated_text input, #new_annotated_text select, #new_annotated_text textarea,
#new_parallel_texts input, #new_parallel_texts select, #new_parallel_texts textarea
{
	color:#594C4C;
}


#add_new_annotation_schema table, #update_annotation_schemas, #update_annotation_schemas table {
	color: #594C4C;
}


#add_new_annotation_schema .showhide, 
#update_annotation_schemas .showhide {
	cursor: pointer;
	color: #C70C62;
}
			
			#add_new_annotation_schema .new_input,
			#update_annotation_schemas .new_input{
				cursor:pointer;
				font-size: 10px;
				color: grey;
			}
			
			
#update_schema_box{
	margin-top: 30px;
	padding: 0px;
	
}
			
			
#add_new_annotation_schema .category_intro,
#update_annotation_schemas .category_intro{
	margin-bottom: 0px;
	/*color: #C70C62; */
	color: #594C4C;
}
			
#add_new_annotation_schema input[type='text'],
#update_annotation_schemas input[type='text']{
	text-align: center;
	font-size: 14px;
}
			
			
#add_new_annotation_schema .category,
#update_annotation_schemas .category{
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-color: #B6AE09;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	display:none;
	color: white;
}
			
			#add_new_annotation_schema .subcategory_intro,
			#add_new_annotation_schema .subcategory,
			#update_annotation_schemas .subcategory_intro,
			#update_annotation_schemas .subcategory{
				padding-left:50px;

				
			}
			
			#add_new_annotation_schema .subsubcategory_intro, .subsubcategory, #update_annotation_schemas .subcategory_intro, .subsubcategory{
				padding-left: 50px;
			}
			
			
			#add_new_annotation_schema .not_supported_category,
			#add_new_annotation_schema .not_supported_subcategory,
			#add_new_annotation_schema .not_supported_subsubcategory, 
			#update_annotation_schemas .not_supported_category,
			#update_annotation_schemas .not_supported_subcategory, 
			#update_annotation_schemas .not_supported_subsubcategory{
				font-size: 10px;
			}
			
			#add_new_annotation_schema .add_category,
			#add_new_annotation_schema .add_subcategory,
			#add_new_annotation_schema .add_subsubcategory,
			#update_annotation_schemas .add_category,
			#update_annotation_schemas .add_subcategory,
			#update_annotation_schemas .add_subsubcategory {
				font-size: 10px;
				cursor: pointer;
			}
			
			#add_new_annotation_schema .remove, #update_annotation_schemas .remove{
				font-size: 10px;
				cursor:pointer;
			}
			
			#add_new_annotation_schema .example, #update_annotation_schemas  .example{
				font-style: italic;
				font-size: 14px;
			}
			
#page_navigation span:hover{
	text-decoration: underline;
	cursor: pointer;
}

#schema_description .schema_selection{
	color: #FFFFFF;
	background-color: #C70C62;
	padding: 25px;
	height: 200px;
	width:250px; 
}

#schema_description select{
	background-color: #FFFFFF;
	color: gray;
	width: 250px;
}

#schema_description div.intro{
	font-size: 13px;
	color: #FFFFFF;
	text-align:justify;
}


#schema_description div.intro a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

#schema_description div.intro a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

#schema_description #description{
	position: relative;
	left: 300px;
	top: -250px;
	padding-left: 30px; 
}

._equiv_cat, ._equiv_subcat, ._equiv_subsubcat, ._exam{
	font-size:11px;
	color:gray;
}

#instructions{
	text-align: justify;
	color: gray;
	font-size: 14px;
}
#instructions img{
	display: block;
	width: 80%;
	margin: auto;
	padding: 10px;
}

#instructions .section {
	margin-top: 15px;
	margin-bottom: 15px;
	/* border-bottom: 2px solid rgb(199, 12, 98); */
}

#instructions .section h3{
	color: rgb(199, 12, 98);
	padding-bottom: 5px;
}
#instructions a {
	color: gray;

}
#instructions a:hover{
	color: rgb(199, 12, 98);
}

#delete_texts_or_schemas{
	color: #594C4C;
}

#delete_text{
	width: 550px;
	padding: 25px;
	padding-left:0px;
	height: 200px;
}

#delete_schema{
	padding: 25px;
	padding-right:0px;
	border-left: 1px solid rgb(182,174,9);
	position:relative;
	top: -250px;
	left: 600px;
	height: 200px;
	width: 278px;
}

#delete_texts_or_schemas .fields{
	height: 150px;
}

.delete_text_instructions, .delete_schema_instructions{
	padding:0px;
	margin: 0px;
	height: 100px;
	font-size: 11px;
}