html { overflow: auto; }

body {
  background-color:white;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

table {   font-size: 14px; } 

a { color: #804000; }
a:hover { color: #4080a0; }
.table a { color: #bf9265;}
.table a:hover { color: #fff682; }
a img { border: 0px; }

#topbar {
  background-color: black;
  color: white;
  width: auto;
  font-size: 10px;
  height: 15px;
  text-align: right;
  padding-right: 4px;
}

#topbar a { color:orange; }
#topbar a:hover { color:#804000; }

#leftcol {
  position: absolute;
  float: left;
  background-color: #D0D4D8;
  width: 169px;
  height: 100%;
  text-align: center;
  border-right: 1px solid black;
  z-index: 10;
}

#accordion .ui-accordion-content {
  background-image: none;
  background-color: #D0D4D8;
  overflow: hidden;  
}

#accordion a {
  text-decoration: none;
  display: block;
  color: #004060;
  background-color: #e0e0e0;
  border-bottom: 1px solid #888;
  height: 20px;
  line-height:20px;
  font-size: 0.9em;
  font-weight: bold;
  background: url('images/gloss1.png') repeat-x;
}

#accordion a:hover {
  background: url('images/gloss2.png') repeat-x;
  color: #404000;  
}

#accordion .selected {
  background: url('images/gloss3.png') repeat-x;
  color: black;  
}

#accordion div a {
  height: 18px;
  line-height: 18px;
  font-weight: normal;
  background: none;
  background-color: #f0f0f0;
}

#appMenu {
  display: none;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  background-color: black;
}

#appMenu a {
  display: block;
  border-bottom: 1px solid #404040;
}

#appMenu a img {
    margin-bottom: -3px;
}

#maincontent {
  margin-left: 170px;
  padding: 12px 2px 12px 0px;
  z-index: -21;
}

#navbar {
  padding-left: 12px;
  margin-left: -4px; 
}

#title {
  padding-left: 12px;
  float: left;
  font-weight: bold; 
  font-size: 20px;
  margin-right: 5px;
  line-height: 28px;
}

#subtitle {
  font-size: 20px; 
  color: #808080; 
  line-height: 28px;
}

#navbar div {
   float: left;
   font-size: 12px;
   padding-left: 4px;
}

.selectedlang  {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#mostVisited, #help {
	float: right;
	margin: 4px 4px 0px 0px;
	padding: 3px 8px;
	font-size: 13px;	
	color: #565e66;
	background-color: #e0e0e0;
	border: 1px solid #404040;
	text-decoration: none;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;	
}

#mostVisited div {	
	z-index: 99;
	position: absolute;
	display: none;
	white-space: nowrap;
	right: 4px;
	top: 70px;
	padding: 6px 0px;
	border: 2px solid #71787d;
	background-color: #cfdbe6; 	
}

#mostVisited div a {
	display: block;
	color: black;
	font-size: 12px;
	padding: 2px 6px;	
}

#mostVisited div a:hover {
	color: #bfb3ab;
	background-color: #656b70;	
}

#version {
	font-size: 10px;
	color: #004060;
}
.shadow-in {
box-shadow: inset 5px 5px 5px #888;
-o-box-shadow: inset 5px 5px 5px #888;
-icab-box-shadow: inset 5px 5px 5px #888;
-khtml-box-shadow: inset 5px 5px 5px #888;
-moz-box-shadow: inset 5px 5px 5px #888;
-webkit-box-shadow: inset 5px 5px 5px #888;
}

.shadow-out, .table, .uzooform, .filterbar, .jbutton, button {
box-shadow: 5px 5px 5px #888;
-o-box-shadow: 5px 5px 5px #888;
-icab-box-shadow: 5px 5px 5px #888;
-khtml-box-shadow: 5px 5px 5px #888;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
}

.jbutton:hover, button:hover {
box-shadow: none;
-o-box-shadow: none;
-icab-box-shadow: none;
-khtml-box-shadow:none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
	
}


#bookmarks { float:right; }

#treeCell { white-space:nowrap; }

#tree {
    z-index:0;
    float: left;
    clip: rect(0px,500px,5000px,0px);
    border-top: 1px solid #708090;
    border-right: 1px solid #708090;
    width: 400px;
    margin-left: -220px;
    background-image: url('../uzooimg/grad1.jpg');
    background-repeat: repeat-y;
    background-position: right;
    overflow: auto;
}

#tree .ui-icon {
    margin-top: 3px;
	margin-right: 4px;
	border: 1px solid #b0c0d0;
}

#tree .ui-icon:hover {
	border: 1px solid #77818c;
	background-color: #c9dbee;
}

#treecontent { 
  padding-left: 228px;
  white-space: nowrap; 
} 

#treecontent a {
    color: #004060;
    text-decoration: none;
}

#treecontent a:hover { 
  color: #4080a0;
  text-decoration: underline;
}

#tree_slider {
    width: 500px;
	height: 26px;
    cursor: e-resize;
    background-color:#B0C0D0; 
    text-align:right;
    border-bottom: 1px solid #708090;
    width:100%;
}

.jbuttongroup {
    text-align:right;
    padding: 3px 0px 8px 0px;
	margin: 8px 2%;
}

.jbutton {
  padding: .2em 1em .2em 20px;
  text-decoration: none;
  position: relative;
  border: 1px solid #a0a0a0;
  font-size: 13px;
}
.jbutton:hover { border: 1px solid #80b0e0; }
.jbutton span.ui-icon {
  margin: 0 5px 0 0;
  position: absolute;
  left: .2em;
  top: 50%;
  margin-top: -8px;
}
.jbutton:hover span.ui-icon {
	  background: url(images/ui-icons_2694e8_256x240.png);
	  background-position: 0pt -160px;
}
.jbutton-sm span.ui-icon {
  margin-right: 0px;
}

.iframedbody {
  font-size: 12px;
  margin: 8px 8px 0px 8px;
}


.tab_div { font-size: 13px; }

.con_caption {
    text-align: right;
    font-weight: bold;
    padding-right: 8px;
    vertical-align: top;
    border-bottom: 1px solid #C0C0C0;
    white-space: nowrap;
    padding-left: 8px;
}

#bouncesAlert  {
    display:none;
    background-color: red;	
    color: yellow;
    font-weight: bold;
}

.deleteButton,
.cropButton,
.editButton,
.downButton {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

.deleteButton {
    background-image: url(images/ui-icons_cd0a0a_256x240.png);
    background-position: -96px -128px;	
}

.cropButton {
    background-image: url(images/ui-icons_2694e8_256x240.png);
    background-position: -208px -128px;	
}

.editButton {
    background-image: url(images/ui-icons_2694e8_256x240.png);
    background-position: -64px -112px;	
}

.downButton {
    background-image: url(images/ui-icons_2694e8_256x240.png);
    background-position: -64px -16px;	
}

.icon-disabled {
    cursor: default;
    background-image: url(images/ui-icons_888888_256x240.png);
}

.inline_edit {
    background: transparent;
    border: 0px;
}

/* -----------------------------
 * Form elements
 * -----------------------------
 */
.filterbar, .uzooform {
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #C0C0C0;
    padding: 8px;
    background-color: #F8F8F8;
	
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.filterbar {
	width: 96%;	
}

.uzooform { padding: 16px; border: 3px solid #D0D0D0; }

input.error { 
    border: 1px solid red; 
    background-color: #ffffe0; 
}

label.error { 
    font-weight: normal;
    float: none; 
    color: white; 
    padding-left: 2px;
    background-color: #c08080;
    width: 120px;
    position: absolute;
    margin-left: 0px;
}

.error {
    color: #800000;
}

.xlate {
    border: 1px solid #c0c080;
    background-color: #f8f8e0;
    font-weight: normal;
    font-size: 11px;
}

.xlate .source {
    overflow-y: auto;
}

.autoxlate {	
    text-align: right;
    font-size: 12px;
    padding: 2px 54px 2px 54px;
    background: url('../uzooimg/google_small-logo.png');
    background-repeat: no-repeat;
    background-position: 100% 2px;
    background-color: #e1e1cb;	
    border-bottom: 1px solid #c0c080;
}

.autoxlate a {
    font-weight: bold;	
}

.autoxlate img {
    vertical-align: top;
}


.zentablelike {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
}

.zentablelike th {
    height: 22px; 
    border-bottom: 1px solid black;
    background: url(ztimgs/back-strip.gif);
    border-right: 1px solid black;
    line-height: 20px;
    padding: 1px 4px;
    background-color: #405060;
    color: #ffffa0;
    text-align: center;
    font-weight: bold;
}


.zentablelike tr td {
    background-color: #f0f0f0;
    border-bottom: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;    
    font-size: 13px;
    padding: 1px 4px;
    color: #000000;
}