/* dark blue: #1565AA RGB(21,101,170)		 darkgrey: #647380	RGB(101,116,129) 	lightgray: #E8E8E8 RGB(232,232,232)*/
body { font-family:Verdana;font-size:10pt;color:#000000;background-color:#FFFFFF;max-width:930px;max-height:800px; }
a { text-decoration:none; color:#647380; }
a:hover { text-decoration:underline; }
img { max-width:600px;max-height:400px; }
h1 { margin: 2px 0px 2px 0px; }
h2 { margin: 2px 0px 2px 0px; }

div.top { /*background-color:yellow;*/max-height:200px;height:100%;overflow-x: hidden;}
div.middle { /*background-color:lightblue;*/max-height:650px;height:100%;overflow-y: scroll;overflow-x: hidden;}
div.bottom { /*background-color:lightgreen;*/max-height:50px;height:100%;text-align:center;overflow-x: hidden;}
div.note { margin:5px 10px 5px 10px; padding:2px 2px 2px 2px;border:1px solid #1565AA; }

div.container { display:inline-block; }
div.right { float:right; margin: 0px 5px 0px 5px; }
div.left { float: left; margin: 0px 5px 0px 5px; }
div.jstree_demo_div { background-color: #1565AA; }

td.note_img { padding: 0px 5px 0px 5px; }
td.note_text { padding: 0px 5px 0px 5px; }

/*************************************************************************
 * 		menu CSS	(http://www.w3schools.com/css/css_navbar.asp)
 *************************************************************************/
div.menu_container {  }
ul.menu { background-color:#1565AA;list-style-type:none;margin:0;padding:0;overflow:hidden; } 	/* remove bullets and remove browser defaults*/
li.menu { display:inline;float:left;}					/* items in one line */
a.menu {  display:block;padding:5px; color:#FFFFFF;}
a.menu:hover{ background-color:#E8E8E8;color:#1565AA;text-decoration:none; }
.dropdown { display:inline-block;text-decoration:none; }
.dropdown_container { display:none;position:absolute;background-color:#1565AA;color:#FFFFFF;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); }

.dropdown_container a { text-decoration:none;display:block;text-align:left; }

/*.dropdown_container a:hover {background-color: #f1f1f1}*/

.dropdown:hover .dropdown_container { display: block; } 




/*************************************************************************
 * 		cssReflext CSS
 *************************************************************************/
ul.ul_csstree { background-color:#1565AA; }
.css-treeview ul.ul_csstree, .css-treeview li { padding:0;margin:0;list-style:none; }
.css-treeview input { position:absolute;opacity:0; }
.css-treeview { font:normal 11px "Segoe UI",Arial,Sans-serif;-moz-user-select:none;-webkit-user-select:none;user-select:none; }
/*.css-treeview a { color:#00f;text-decoration:none; }*/
.css-treeview a { color:#FFFFFF; }
/*.css-treeview a:hover { text-decoration: underline; }*/
.css-treeview a:hover { background-color:#E8E8E8;color:#1565AA;text-decoration:none; }
.css-treeview input + label + ul.ul_csstree { margin:0 0 0 22px; }
.css-treeview input ~ ul.ul_csstree { display:none; }
.css-treeview label, .css-treeview label::before {cursor:pointer; }
.css-treeview input:disabled + label { cursor:default;opacity:.6; }
.css-treeview input:checked:not(:disabled) ~ ul.ul_csstree { display:block; }
.css-treeview label, .css-treeview label::before { background:url("http://www.cssreflex.com/demos/icons.png") no-repeat; }
.css-treeview label, .css-treeview a, .css-treeview label::before { display:inline-block;height:16px;line-height:16px;vertical-align:middle; }
.css-treeview label { background-position:18px 0; }
.css-treeview label::before {content:"";width:16px;margin:0 22px 0 0;vertical-align:middle;background-position:0 -32px; }
.css-treeview input:checked + label::before { background-position:0 -16px; }
 li.css_tree_item { color:#FFFFFF; }
 li.css_tree_item:hover { background-color:#E8E8E8;color:#1565AA; }
 
/* webkit adjacent element selector bugfix */
@media screen and (-webkit-min-device-pixel-ratio:0){
    .css-treeview { -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s; }
    @-webkit-keyframes webkit-adjacent-element-selector-bugfix{
        from { padding:0; } 
        to { padding:0; }
    }
}

/*************************************************************************
 * 		jsTree CSS
 *************************************************************************/
/*ul { background-color:#1565AA;color:#FFFFFF; }*/
div#jstree_msg { color:#FF0000;background-color:#e7f4f9; }
ul.jstree-container-ul { background-color:#1565AA;color:#FFFFFF; } /*careful!  this class is generated by the jstree code!*/
li.ul_jstree_item { background-color:#1565AA;color:#FFFFFF; }

/*standard: background: #e7f4f9;*/
.jstree-default .jstree-hovered { background:#FFFFFF;color:#1565AA;border-radius:2px;box-shadow:inset 0 0 1px #cccccc; }
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { background:#FFFFFF;color:#1565AA; }
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { background:#FFFFFF;color:#1565AA; }
.jstree-default .jstree-wholerow-hovered { background:#FFFFFF;color:#1565AA; }
.jstree-default-responsive .jstree-wholerow-hovered { background:#FFFFFF;color:#1565AA; }