/* Added by Stacy rickel - class for index view in table format 
 * because I do not like the default <dl> view
*/

/* the only font family that seems to work for all characters is Segoe UI!! */

* {
font-family: Segoe UI,sans-serif;
}
form {
	display:inline;
}

/* generic page displays */

h3{
	
}
.page_div{
	background-color:#F4F7F9;
	display:block;
	margin:1em;
	padding:1em;
}
.page_div p{
	display:block;
	margin:1em 1.5em;
}

.page_div h2{
	padding:5px;
	margin:0px;
}

/* the lexeme edit form */
#edit_form,.edit_form{
	padding:0 10%;
	text-align:left;
}
.associated-heading{
	font-size:135%;
	padding:.5rem;
	color:olive; /* #993 */
	display:block;
}
div.character_edit{
	text-align:left;
	padding:1em;
	margin:.5em;
	width:60%;
}

ul.form_heading {
	background:#C7D4ED;
	margin:0px;
	
	text-align:center;
}
h2.word_view{
	color: #000;
	background: #C7D4ED;
	margin: 0px;
	text-align: center;
}

ul.form_heading li{
	float:none;
	display:inline;
    position: relative;
    text-decoration: none;
	border-width:1px 1px 0px;
}

ul.form_heading li.ui-state-active{
	border-style:solid;
	border-color:#C7D4ED;
	background:#fff;
	margin-bottom:0px;
	outline-width: 0px;	
	color: #E17009;
	font-weight:lighter;
	outline: medium none;
}


/* fields in linguist view */
div.display-box{
	border:1px solid #ccc;
}


/* Buttons */
h2.form_heading {
	background:none;
	color:#2E6E9E;
	outline: medium none;
	text-decoration:none;
}
h2.form_heading li.active input{
	color: #E17009;
	
}

  input.tab_links{
   	border:0px;
  	padding:0px;
  	margin:0px;
    text-decoration: none;
  	cursor:pointer;
  }
span.top_caption {
	display:inline; font-size:x-large; font-style:italic; margin:0px;
}
.top_submit { 
	margin:0 5em;
	display:inline;
	
}
button.add-new{
	font-size:initial;
	margin-left:.5em;
	background:aliceblue !important;
	border-radius: 6px;
	border:1px solid grey !important;
	vertical-align:bottom;
}
button.add-new:hover{
	background:gray !important;

}
button.add-new a{
	background:unset;
	text-decoration:none;
	color:darkslategrey;
}
button.add-new a:hover{
	color:white;
}
/* for the add new buttons*/
.new-button {
	    border: 1px solid;
    padding: 2px;
    margin: 2px;
    padding: 3px;
    font-size: initial;
    border-radius: 5px;
    text-decoration: none;
    background: aliceblue; /*lightsteelblue;*/
    color: darkslategrey;
}


/* search styling */
.search-box{
	
	float:right;
}
.search-box input{
	width:100px;
	
}
#search{
	float:right;
	display:inline;
	
}
#search input{
	font-size:small;
	display:inline;
}
#search input[type=text]{
	width:150px;
	display:inline;
}

.model_search{
	float:right;
	font-size:small;
	width:auto;
}
.model_search input{
	width:auto;
}
.model_search form{
	width:auto;
}
.search_term_results{
	
	font-style:italic;
	font-size:larger;
	font-weight:bold;
}
.empty_set{
	height:100px;
	font-size:larger;
	font-weight:bold;
	text-align:center;
}
.highlight{
	background-color:#B6F9F9;
}

.subheading{	
}

/* Added for jquery-ui overrides */
.dialog_link {padding: .4em 1em .4em 15px; margin-left:2px; text-decoration: none;position: relative; display:inline-block; font-size:medium;}
.dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
.ui-state-default{padding: .3em .5em .4em 10px; text-decoration: none;position: relative;display:inline-block;}
.ui-state-default span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
div.ui-wrapper{background-color:#DFF1FF; padding:0; }
textarea{width:50%;}

.highlight{background-color:yellow;}
.letters {list-style-type:none; margin:5px; text-align:center;}
.letters li { display:inline;  }
.letters a { background-color:#CFC9C2; text-decoration:none; padding:2px;}
.letters a:hover{background-color:#fff;}
.selected_letter {background-color:#fff; padding:2px;}
.button{ color:#003D4C; }

/* tabs */
.ui-tabs li.ui-tabs-active a{
	color:black;
		background:white;
}
.ui-tabs li.ui-tabs-active a:hover{
	color:black;
	background:white;
}
.ui-tabs li a{
	background:lightgray;
}
.ui-tabs li a:hover{
	background:lightgray;
	color:black;
}

/* for the character editing pages */
.character_edit {background-color:#EFEFEF}
code {float:right; background-color:#efe8e0; padding:0px 5px; }
.help code{float:none;}
ul.edit_links {list-style-type:square; }
ul.edit_links a { background-color:#EFEFEF;}
.rendered_letters{ background-color:#fff;  display:inline-block; padding:10px;font-size:larger;}

/* for the special character maps */
div table a {font-weight:normal; font-size:large;}

/* character maps */

	.zoom {font-weight:normal;}
	.zoom span{display:none;}
	.zoom:hover span {
		top:0; left:-20px;bottom:0px; position:relative;
		display:inline;
		float:left;
		font-size:50px;
		font-weight:normal;
		background:#333;
		color:#fff;
		padding:0 5px;
		text-decoration:none;
		-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}

/* pagination */
div.paginator{
	background-color:white;
	padding:2px 5px;
	border:1px solid;
}
ul.pagination{
	
}
ul.pagination li a{
	
}

ul.pagination li.active a{
	background-color:#003d4c;
}

div.paging{
	padding: 1em .5em;
}
div.paging li{
	display:inline;
}
div.paging li a{
	padding:2px;
}
div.paging li.disabled a{
	color: #aaa;
	text-decoration:none;
	cursor:default;
}
div.paging li.active a{
	text-decoration:none;
	cursor:default;
}


.related-table{
	border:1px solid #999;
	table-layout:auto;
}
.related-table th{ text-align:center;}
.related-table td{
	border-bottom:1px solid #eee;
}

/* for general record views and edit forms */

div.view{
	padding:1em;
	/*margin:1em 3em;*/
	background-color:gainsboro;	
	display:inline-grid;
	text-align:center;
}
div.view h3{
	padding-top:0;
	color:inherit;
}
div.view table.vertical-table{
	table-layout:auto;
}
div.view > div.row{
	background-color:white;
	border:1px solid;
	padding:0 1em;
	margin:2px;
}
div.view > div.row h4{
	margin-bottom:0;
}
div.view > div.row p {
	padding:.5em;
}
.record-view{
	padding:2em;
}
#actions-sidebar ul{
	padding:1em;
	background-color:#f2f2f2;
	margin:0px;
}
#actions-sidebar ul > li{
	display:inline;
	list-style-type:none;
}
div.form button{
	background-color:#333;
	color:white;
	padding:.5em;
}

div.index table{
	table-layout:auto;
}
div.image-gallery{
	display:flex;
	flex-wrap:wrap;
}
div.gallery-item{
	display:inline-block;
}

#content{text-align:center;}
div#login-form{
	margin:1em 3em;
	padding:1em;
	background-color:#ccc;
	text-align:center;
	display:inline-block;
	border:1px solid;
}

.last-modified{
	font-style:italic;
	font-weight:bold;
}
form > fieldset {
	text-align:left;
}

fieldset.lexeme-view {
	background:unset;
	border:1px solid gray;
}
fieldset.lexeme-view legend{
	font-size:120%;
	width:unset;
	color:unset;
	background:unset;
	border:unset;
}


/* turn off the sidebar for now - update all the views to remove it eventually */
#actions-sidebar{
	display:none;	
}


/* the bug reporting form if used*/
.bug_form{
	margin-left:55px;
	
}
.bug_form h3{
	width:80%;
	padding:20px;
	background: none repeat scroll 0 0 #F2F2F2;
	border-color: #FFFFFF #BBBBBB #BBBBBB #FFFFFF;
	border-right: 1px solid #BBBBBB;
	border-style: solid;
	border-width: 1px;
	text-align: center;
}

.bug_form form{
	background-color:#fff;
	padding:20px;
}

.bug_form p{
	margin:10px;
}
.bug_form input{
	display:inline;	
	width:auto;
	margin:5px 0px;
}
.required {
	color:red;
}