html,body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 100%;
	background-color: #FFF;
}
body {
	font-size: 90%;
}
.lang-rtl {
	direction: rtl;
}
/*h1,h2,h3,h4 { font-family: "Linux Libertine",Georgia,Times,serif; -background-color: #AAF; font-weight: normal; }
h1 { font-size: 1.8em; padding-bottom: 0.2em; }
h2 { font-size: 1.4em; padding-bottom: 0.2em; margin-bottom: 0em; margin-top: 1em; border-bottom: 0; }*/
a { text-decoration: none; color: #04A;
	/*-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;*/
}
a:hover { text-decoration: underline; }
p { font-size: 0.95em; -background-color: #FAA; margin-top: 0.5em; line-height: 1.5em; }
#header {
	position: absolute;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 226px;
	-background-color: red;
	padding: 13px;
	font-size: 95%;
	box-sizing: border-box;
	background-color: #555;
	display: none;
	-box-shadow: 0px 0px 3pt rgba(0,0,0,0.4);
	overflow-y: auto;
	z-index: 9999999;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}
.lang-rtl #header {
	left: auto;
	right: 0;
}
#header h2 {
	padding: 0; margin: 0; font-size: 1em;
	margin-top: 10px;
	padding-top: 10px;
	font-family: sans-serif;
	color: #888;
	margin-bottom: 6px;
}
#header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	-background-color: red;
}
#header ul li {
	list-style-type: none;
	border-bottom: 1px solid #777;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.5em;
	-background-color: blue;
}
#header ul li a {
	color: #FFF;
}
#header ul li a:not(.normal), #header ul li .item {
	color: #FFF;
	background-color: #606060;
	display: block;
	padding: 7pt 9pt;
}
#header ul li a:hover {
	text-decoration: none;
}
#header ul.list {
	-padding-left: 10px;
	margin-bottom: 5px;
}
#header ul.list li {
	
}
#header-bar {
	background-color: #FFF;
	box-sizing: border-box;
	-height: 51px;
	-border-bottom: 1px solid #8BD;
	padding: 15pt;
	-left: 170px;
	-position: absolute;
	-right: 0;
}
#search-bar {
	background-color: #FFF;
	padding-left: 50px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 57px;
	border-bottom: 1px solid #CCC;
	box-sizing: border-box;
	z-index: 99999;
	-box-shadow: 0px 0px 4px rgba(50,50,50,0.1);
}
.lang-rtl #search-bar {
	padding-left: 0;
	padding-right: 50px;
}
#search-bar #text-search {
	border: none;
	padding: 8pt 8pt;
	font-size: 12pt;
	margin: 0;
	box-sizing: border-box;
	height: 56px;
	outline: 0;
}
#menu-button, #search-cancel-button, #about-button, #search-button {
	display: block;
	position: fixed;
	top: 15px;
	left: 15px;
	width: 26px;
	height: 26px;
	-margin: 15px;
	box-sizing: border-box;
	z-index: 999999;
	background-size: contain;
}
.lang-rtl #menu-button, .lang-rtl #search-cancel-button {
	left: auto;
	right: 15px;
}
#menu-button {
	-background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%20transform%3D%22matrix%281%200%200%20-1%200%201638%29%22%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23676767%22%20d%3D%22M23%2C1617H1v3h22V1617z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%09%3Cg%20transform%3D%22matrix%281%200%200%20-1%200%201638%29%22%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23676767%22%20d%3D%22M23%2C1624H1v3h22V1624z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%09%3Cg%20transform%3D%22matrix%281%200%200%20-1%200%201638%29%22%3E%0D%0A%09%09%3Cpath%20fill%3D%22%23676767%22%20d%3D%22M23%2C1631H1v3h22V1631z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A);
	background-image: url(../images/button-menu.png);
}
#search-cancel-button {
	display: none;
	-background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%0D%0A%09%09%09%09%3Crect%20x%3D%22-0.1%22%20y%3D%229.7%22%20transform%3D%22matrix%280.7071%200.7071%20-0.7071%200.7071%2011.9126%20-5.1819%29%22%20width%3D%2224.7%22%20height%3D%224.2%22%2F%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%0D%0A%09%09%09%09%3Crect%20x%3D%2210.1%22%20y%3D%22-0.5%22%20transform%3D%22matrix%280.7072%200.707%20-0.707%200.7072%2011.9109%20-5.1819%29%22%20width%3D%224.2%22%20height%3D%2224.7%22%2F%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E);
	-background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%0D%0A%09%09%09%09%3Crect%20x%3D%22-0.1%22%20y%3D%229.7%22%20fill%3D%22%23676767%22%20transform%3D%22matrix%280.7071%200.7071%20-0.7071%200.7071%2011.9126%20-5.1819%29%22%20width%3D%2224.7%22%20height%3D%224.2%22%2F%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%09%3Cg%3E%0D%0A%09%09%09%0D%0A%09%09%09%09%3Crect%20x%3D%2210.1%22%20y%3D%22-0.5%22%20fill%3D%22%23676767%22%20transform%3D%22matrix%280.7072%200.707%20-0.707%200.7072%2011.9109%20-5.1819%29%22%20width%3D%224.2%22%20height%3D%2224.7%22%2F%3E%0D%0A%09%09%3C%2Fg%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E);
	background-image: url(../images/button-cancel-search.png);
	display: 0.4;
}
#about-button, #search-button {
	width: 30px;
	height: 30px;
	top: 14px;
	left: auto;
	right: 14px;
	background-image: url("/static/images/about_icon.png");
	background-size: contain;
	opacity: 0.4;
}
#search-button {
    background-image: url("/static/images/search_icon.png");
}
.lang-rtl #about-button, .lang-rtl #search-button {
	right: auto;
	left: 14px;
}
/*
#tabs-bar {
	display: inline-block;
	margin-top: 15px;
	height: 36px;
	border-left: 1px solid #8BD;
	box-sizing: border-box;
}
#tabs-bar.empty {
	border-left: none;
}
#tabs-bar a {
	display: inline-block;
	height: 36px;
	border-bottom: 1px solid #8BD;
	border-right: 1px solid #8BD;
	padding: 15px 8px 10px 8px;
	min-width: 50px;
	box-sizing: border-box;
	-background-color: #EEE;
	text-align: center;
	font-size: 0.8em;
}
#tabs-bar a.open {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #8BD;
	background-color: #FFF;
	height: 37px;
	color: #000;
	box-sizing: border-box;
}*/
#tabs-bar a.open {
	-font-weight: bold;
	color: #000;
}
/*
input {
	padding: 3pt 4pt;
	border: 1px solid #BBB;
	width: 150px;
}
input[type=button] {
	padding: 3pt 6pt;
	background-color: #E0E0E0;
	width: auto;
}
#main {
	top: 50px;
	left: 170px;
	right: 0;
	position: absolute;
	float: right;
	width: auto;
	padding: 0;
	-background-color: red;
	vertical-align: top;
}*/
#content {
	background-color: #FFF;
	margin: 0;
	padding: 1pt 15pt;
	padding-bottom: 15pt;
	/*padding-top: 36px;*/
	
	-border-bottom: 1px solid #CCC;
	
	padding-top: 57px; /*57px+20px*/
	box-sizing: border-box;
}
#footer {
	padding: 15pt;
	color: #666;
	background-color: #F5F5F5;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
}/*
.no-description {
	color: #888;
	font-style: italic;
}
*/
#cancel-menu-panel {
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.9);
	-background-color: rgba(0,0,0,0.7);
	z-index: 9999998;
}/*
#facebook-menu-mobile {
	position: absolute;
	left: 0; right: 0; top: 51px;
	height: 40px; vertical-align: top;
	border-bottom: 1px solid #CCC;
	-background-color: red;
	box-sizing: border-box;
	padding: 10px 15px;
	background-color: #FAFAFA;
}
#facebook-menu-mobile .facebook-desc {
	display: inline-block;
	-margin-top: 4px;
	font-weight: bold;
	color: #3b5998;
	font-size: 0.9em;
	margin-right: 5px;
	font-style: italic;
	opacity: 0.8;
}
*/

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }