body{
	font-family: 'Lucida Grande','Lucida Sans Unicode',sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	border: 0;
}
div,ul{
  font-family: 'Lucida Grande','Lucida Sans Unicode',sans-serif;
  font-size:12px;
	margin:0;
	padding:0;
}
h2 {
    font-weight: normal;
    margin: 1em 0;
}
input, select
{margin-bottom:4px;}

fieldset {
    color: #666666;
    margin: 5px 0;
    padding: 10px;
}
a {
  color:#0085a8;
}

.tool {
  font-weight:bold;
      margin-right: 20px;
  /*text-decoration:none;*/
}
#base-topbox {
	width: 100%; 
	height: 100px; /*Height of frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
  background: #ffffff url(../images/admin/bar-bg2.png) repeat-x;

}

#base-logo img{
  margin: 0 0 0 15px;
  float:left;
}
#base-logout {
  margin: 10px 20px 0 0;
  float:right;
}
#base-logout a{
  color: #ffffff;
  font-weight:bold;
}


#base-topnavi {
  float:left;
  background: transparent;
  height: 32px;
  display:block;
}

#base-topnavi ul{
  list-style: none;
}

#base-topnavi li{
  font-size:14px;
  float: left;
  padding: 8px 20px 0 20px;
}

#base-topnavi a{
  text-decoration:none;
  color:#e0e0e0;
}

#base-topnavi a:visited{
  color:#e0e0e0;
}

.active{
  color:#ffffff;
}

#page-tree {
  margin:0 5px 5px 5px;
  padding:5px;
  border: 1px solid #c0c0c0;
  background: #ffffff;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

#base-leftpane {
	width:240px;

	overflow: auto; 
  background: #e0e0e0;

}

#left-tools {
	width:240px;
	float:left;
  padding-left:5px;
  line-height:25px;
  background: #e0e0e0;
  height:25px;
}
#right-tools {
    background-color: #EDEDED;
    float: right;
    font-weight: bold;
    padding: 3px 40px 1px 12px;
	
}
#right-tools a
{    background: url("../images/admin/baseohje_ikoni.png") no-repeat scroll 4px 0 transparent;
    display: block;
    height: 19px;
    padding-left: 30px;
    padding-top: 2px;
    text-decoration: none; }

#right-tools a:hover
{text-decoration:underline;}
#page-tools {
	float:left;
  padding-left:5px;
  line-height:25px;
  background: #e0e0e0;
  height:25px;
}
#base-content {
  background: #ffffff;
  position:absolute;
	width:100%;
	top:100px;
	left: 240px;
	right: 0;
	bottom: 0;
	overflow: auto; 

}

#ifr{
	position:absolute; 
	top: 125px; /*Set top value to HeightOfFrameDiv*/
	left:240px;
}
.main {
padding:10px;
font-size:12px;
}

#login-box {
  background: #f0f0f0;

	margin-left:auto; 
	margin-right:auto;
	margin-top:125px;
	width:300px;
	padding:15px;
	border:1px solid #e0e0e0;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

li{

	list-style-type: none;
}

label li {
 display: block;
 width:100%;
}
.sbm {
  margin-top:10px;
}

.def-chart {
		font-family: 'Lucida Grande','Lucida Sans Unicode',sans-serif;
		border-collapse: collapse;
    margin: 10px 0 10px 0;
		border:1px solid;
}

.def-chart th{
	padding: 5px;
  background: #e0e0e0;
	border:1px solid #ffffff;
}
.def-chart tr{
  background: #f0f0f0;
}

.def-chart tr.odd{
  background: #f8f8f8;
}

.def-chart td{
	padding: 5px;
	border:1px solid #ffffff;
}
.treeBtn {display:none !important;}
.treeBtn.visible {display:block !important;}
#base-leftpane {margin-top: 30px;}
#treenav {overflow: hidden;position: fixed; top:0;background: #e0e0e0;width: 100%;}
.notpub {color: #afafaf !important;}

.dbcontainer {
margin:10px;

}
	.legend{ 
	cursor:pointer;

}
.legend.collapsed::before{
content: "";
position: relative;
overflow: hidden;
background-image: url("/js/admin/themes/apple/d.png");
background-repeat: no-repeat;
padding: 1px 8px;
background-position: -3px 0px;
max-height: 12px;
font-size: 12px;
vertical-align: middle;
}
.legend::before{
content: "";
position: relative;
overflow: hidden;
background-image: url("/js/admin/themes/apple/d.png");
background-repeat: no-repeat;
padding: 1px 8px;
background-position: -19px 0px;
max-height: 12px;
font-size: 12px;
vertical-align: middle;
}
legend {
font-size: 16px;
font-weight: bold;
}