body {margin:0; padding:0;}

#locationbar {top: 0;}

#locationbar a {color:#333; text-decoration:none;}
#locationbar a:hover {color:#777;}
#locationbar input[type='number'] {width:50px;}
input {border:0 none; background:#fff; padding:2px 4px; line-height:22px;}
button {border:0 none; background:none; font-size:1em; font-family: Nachlieli CLM, Tahoma; color:#FBFCFC;}
button:hover {color:#ddd; cursor:pointer;}
button.btn {background: #F2C921; font-weight:bold; padding: 3px 10px; margin-right:5px;}
button.btn:hover {background:#eee; cursor:pointer;}

select {background:#fff; border: 0 none; height:24px; display:inline-block;}
/* Expieremental: have a <select> with a wrapping <label> to design it

label:after {
	content:'▼'; background:#fff; color: #D14233; text-align:center;
	display: inline-block; margin-right:-20px; line-height:20px; padding:2px 8px;
}
*/

#locationbar #books_menu_btn {float:right; margin-right:50px; border:0 none; background:none; line-height:40px; font-size:1.6em;}
#locationbar #books_menu {position:fixed; top:40px; background: #f4f4f4; border:2px solid #ddd; display:none;}
#locationbar #books_menu ul {list-style:none; display: inline-block; vertical-align:top; margin:0; padding:0;}
#locationbar #books_menu li {cursor:pointer; padding:5px; line-height:1em; color:#34495E;}
#locationbar #books_menu li:hover {background:#fff;}
#locationbar #books_menu li.active {background:#F1C40F; color:#fff;}
#locationbar #history {float: right;}
#locationbar #history button {font-size:1.2em; padding: 0 .3em;}
#locationbar #history span:hover {background:#ddd; cursor:pointer;} 
#locationbar form {float: right;}
#locationbar #font_size {float:left; margin-left: 5%; -moz-user-select: none;}
#locationbar #font_size span:hover {cursor: pointer; background-color: white;}
#locationbar #cols_num {float:left;  margin-left: 5%;}
#locationbar #cols_num span:hover {cursor: pointer; background-color: white;}
#locationbar #lang_select {float:left;}
#locationbar .selected {font-weight:bold;}

#locationbar, #searchbar {
	background: #34495E; color: #fff;
	line-height: 40px; font-family: Nachlieli CLM, Tahoma; 
	right: 0; width: 98%; height: 40px; padding: 0 1%; position: absolute; z-index:20; 
}

#ajax_loading {position:absolute; top:40%; left:45%; z-index:1000; width:10%}
#container {position: absolute; top:0; bottom:0; width:100%; padding: 40px 0; }
#main {
	background-color: #FBFCFC;
	width: 98%; height:98%; overflow: auto; padding: 1%; text-align: justify;
	font-family: Hadasim CLM, Guttman-Aram; font-size: 2em;
}
#main strong {color: #888;}
#main a {color:#000;}
#main .current {color: #2980b9; text-decoration: none;}
#main.cols1 {column-count:1; -moz-column-count:1; -webkit-column-count:1; -o-column-count:1;}
#main.cols2 {column-count:2; -moz-column-count:2; -webkit-column-count:2; -o-column-count:2;}
#main.cols3 {column-count:3; -moz-column-count:3; -webkit-column-count:3; -o-column-count:3;}
#main.cols4 {column-count:4; -moz-column-count:4; -webkit-column-count:4; -o-column-count:4;}
#searchbar {bottom: 0;}
#searchbar form {float:right; margin-left:2%;}
#search_count {font-weight:bold;}

#search_results_cont {background-color: #CDD6D6; overflow:none;}
#search_results_cont.hidden {border: 0; height: 0; padding: 0; display:none;}
#search_results_cont .ui-resizable-n {background:#34495E; height:5px;}

#search_results {font-family: Nachlieli CLM, Tahoma; height: 100%; margin: 5px 0 0; padding: 0 5px; overflow: auto;}
#search_results div:hover {cursor: pointer; background-color: white; color: black;}
#search_results div span.hl {background-color: #EA6153; color:#fff;}

#close_search_results {position: absolute; top: 10px; left: 20px; background:#F2C921;}

#kramatgan {position:absolute; top:0; left:0; z-index:10; padding:0 15px; text-align:center;  background:#19B698;}
#kramatgan a {color:#000; text-decoration:none;}
#kramatgan a:hover {color:#fff;}