.context-menu-list {
	margin:0; 
	padding:0;
	
	min-width: 120px;
	max-width: 250px;
	display: inline-block;
	position: absolute;
	list-style-type: none;
	
	border: 2px solid #422F21;
	background: #6F4C36;
	
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        -webkit-border-radius: 5px;
        
        color: #422f21;
}

.context-menu-item {
        font-size: 16px;
	padding: 2px 2px 2px 30px;
	background: #c5ac8e;
	position: relative;
	-moz-user-select: -moz-none;
}

.context-menu-separator {
	padding-bottom:0;
	border-bottom: 1px solid #DDD;
}

.context-menu-item > label {
	-moz-user-select: text;
}

.context-menu-item.hover {
	cursor: pointer;
	background-color: #faebd8;
}

.context-menu-item.disabled {
	color: #666;
}

.context-menu-input.hover,
.context-menu-item.disabled.hover {
	cursor: default;
	background-color: #EEE;
}

/* icons
    #protip:
    In case you want to use sprites for icons (which I would suggest you do) have a look at
    http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement 
    .context-menu-item.icon:before {}
 */
.context-menu-item.icon { background-repeat: no-repeat; background-position: 4px 2px; }
.context-menu-item.icon-edit { background-image: url(images/page_white_edit.png); }
.context-menu-item.icon-cut { background-image: url(images/cut.png); }
.context-menu-item.icon-copy { background-image: url(images/page_white_copy.png); }
.context-menu-item.icon-paste { background-image: url(images/page_white_paste.png); }
.context-menu-item.icon-delete { background-image: url(images/page_white_delete.png); }
.context-menu-item.icon-quit { background-image: url(images/door.png); }

/* vertically align inside labels */
.context-menu-input > label > * { vertical-align: top; }

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
	margin-left: -17px;
}
.context-menu-input > label > span {
	margin-left: 5px;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
	display: block;
	width: 100%;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}

.context-menu-input > label > textarea {
	height: 100px;
}
.context-menu-item > .context-menu-list {
    display: none;
    /* re-positioned by js */
    right: -5px;
    top: 5px;
}

.context-menu-item.hover > .context-menu-list {
    display: block;
}
nav{ background: #422f21; border-bottom: 3px solid #E15417; position: fixed; overflow: hidden; top: 0; width: 100%; z-index: 1000; -webkit-box-shadow: 0px 2px 3px #aaa; -moz-box-shadow: 0px 2px 3px #aaa; box-shadow: 0px 2px 3px #aaa; }
.header_menu{ list-style: none; margin: 0; padding: 0; }
.header_menu li{ float: left; padding: 0; }
.header_menu a{ color: #faebd8; display: block; padding: 2px 10px; text-decoration: none; }
.header_menu a:hover{ background-color: #6f4c36; text-decoration: none; }

.header_menu .search{ float: right; }
/* 
    Document   : main
    Created on : 2011.08.18., 22:40:28
    Author     : 67
    Description:
        Purpose of the stylesheet follows.
*/

body{ background: #fcf6e8; font-family: helvetica; line-height: 28px; margin: 0; padding: 30px 0 60px; }
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: none; }

.abc{ overflow: hidden; }
.abc li{ float: left; list-style: none; width: 300px; }
.abc a{  }

.bold{ font-weight: bold; }
.left { float: left;}

#content_box{ color: #715b3b; margin: 0 20px; }
#content_box a{ color: #E15417; }

h2{ border-bottom: 3px solid #E15417; color: #6F4C36; font-size: 24px; padding: 5px; }
h2 span{ margin-right: 20px; }
h3{ border-bottom: 2px solid #E15417; color: #6F4C36; }
h3 span{ margin-right: 20px; }

#headerSearchQuery{ padding-right: 20px; }
#headerSearchQuery.loading{ background: #fff url(/img/search-input-loader.gif) no-repeat right center; }

.letters{ margin: 0; text-align: center; }
.letters li{ display: inline; list-style: none; }
#content_box .letters a{ color: #6F4C36; font-size: 16px; font-weight: bold; padding: 5px; }
#content_box .letters a:hover{ background-color: #B49A79; color: #fcf6e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.searchResult{ line-height: 20px; }
.searchResult .row{ border-bottom: 1px solid #b49a79; margin-bottom: 5px; padding: 12px 12px 0; overflow: hidden; }
.searchResult .description{ padding: 10px 0; }
.borito{ float: left; margin-right: 18px; -webkit-box-shadow: 4px -1px 12px 0 #111111; -moz-box-shadow: 4px -1px 12px 0 #111111; box-shadow: 4px -1px 12px 0 #111111;  }

table td{ vertical-align: top; }

ul{ list-style: none; }
/* 
    Document   : public_main
    Created on : 2011.08.16., 14:53:19
    Author     : 67
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


.bold{ color: #6F4C36; font-weight: bold; }
.image_margin{ margin: 0 20px 20px 0; }

#polc{ background: url(/img/polc.jpg) no-repeat; height: 195px; line-height: 0; margin: 30px auto 0; width: 743px; }
#polc .konyvek{ border-spacing: 0; display: inline-table; height: 169px; }
#polc .polcKonyv{ text-align: center; vertical-align: bottom; width: 128px; }
#polc img{ -webkit-box-shadow: 4px -2px 9px 3px #111111; -moz-box-shadow: 4px -2px 9px 3px #111111; box-shadow: 4px -2px 9px 3px #111111; }
/* 
    Document   : public_footer
    Created on : 2011.08.16., 14:53:12
    Author     : 67
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}


footer { 
    display: block;
}

footer{ bottom: 0px; background: #422f21; border-top: 3px solid #E15417; color: #faebd8; padding: 2px 10px; overflow: hidden; position: fixed; width: 100%; -webkit-box-shadow: 0px -2px 3px #666; -moz-box-shadow: 0px -2px 3px #666; box-shadow: 0px -2px 3px #666; }
footer ul{ margin: 0 auto; width: 400px; }
footer ul li{ float: left; list-style: none; }
footer ul li a{ color: #fff; padding: 0 10px; text-decoration: none; }
footer ul li a:hover{ text-decoration: underline; }