* {
	padding:0;
	margin:0;
}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 color:#000;
  font-family: "arial unicode ms", "lucida sans unicode", 
         sans-serif !important;
   font-family: serif;


 font-size:9pt;
 background-color:#fff;

}
  ul {margin-left: 25px; padding-left: 0;}
  li {margin-left: 25px; padding-left: 0;}
  li a{
	text-decoration:none;
  }
.breakline{
display:block;
height:1px;
}
 
div.rightmap{
	position:relative;
	top:0px;
	right:0px;
	display:inline-block;
	background-color:green;
}




select.listbox {
    width:100%;
    height:100%;
}
p{
	text-align:justify;
	margin-bottom:10px;
	
}
a{
color:#000;
}
h1{
font-weight:bold;	
}
h2,h3{
font-weight:bold;
text-decoration:underline;

}
h4{
}
h5{
font-weight:bold;	
}
h6{
    text-decoration:none;
    font-size:1em;
}
t4{
    font-weight:bold;
}
th{
text-decoration:underline;
}
th.abstand{
	min-width:25px;
}
.floatpic{
padding-left:10px;
padding-bottom:10px;
padding-top:10px;
float:right;
}
.picturebox{
display:block;
}

.litdocrefs{
    display:inline-block;
}
.quicklinkmenu{
    position:fixed;
    top:100px;
    right:1px;
    background-color: hsla(0, 0%, 75%, 0.5);
    padding-left:10px;
   
}
.info_transparent{
	color:#000;
	padding-left:10px;
	position:fixed;
	top:140px;
	right:1px;
	z-index:1;
	overflow: scroll;
	min-height:50px;
	max-height:600px;
	max-width:600px;
	background-color: hsla(0, 0%, 75%, 0.5);	
}

.info{
	cursor: move;
	color:#000;
	padding-left:10px;
	position:fixed;
	top:140px;
	right:30px;
	z-index:1;
	overflow: hidden;
	min-height:50px;
	
	max-width:600px;
	background-color: gray;	
}

.cont{
display:inline-block;
float:left;
text-align:left;
vertical-align: top;
margin-left:5px;
max-width:80%;
}

select.combobox{
    max-width:100px;
}
div.right{
float:right;
width:auto;
height:auto;
position:relative;
display:inline-block;
margin-right:5px;
}
div.map {
width:500px;
height :350px;
text-align:left;
display:inline-block;
opacity: 0.5;
filter: alpha(opacity=50);
}
div.map:hover{
opacity: 100;
filter: alpha(opacity=100);
}

div.map_full {
border: 0.063em solid #000;
height:600px;
margin-top:5px;
margin-left:10px;
margin-right:15px;
}
div.rightcontent {
    text-align:right;
}

div.left{
float:left;
width:auto;
height:auto;
position:relative;
}
 
table.center {margin-left:auto; margin-right:auto;}
table.righttable {margin-left:auto; margin-right:0;}

.edit tr{
	margin-top:10px;
	padding-top:10px;
}
.searchresult td{
	min-width:20%;
	}
#loginBg{
	background-image:url(../images/charda_bg.jpg);
	width:640px;
	height:311px;
}
table{

    vertical-align:top;
    text-align:left;
    color:#000;
}
td{
    vertical-align:top;
    text-align:left;
}
td.righttd{
    vertical-align:top;
    text-align:right;
}
tr{
    vertical-align:top;
    text-align:left;
}

.xplorer_container{
  display: block;
  width:200px;
  padding-right:5px;
  text-align: left;
  vertical-align: top;
  overflow:auto;
  height:333px;
  white-space:nowrap;
  font-size:100%;
  border:  0.063em solid #000;
}
form.editarea{
	min-width:300px;
}
.xplorer_listbox{
	height:333px;
	width:200px;
}
.xplorer_floating_container{
	max-width:455px;
	height:333px;
	float:left;
}
.xplorer_characteristicreferencesgroup{
	display:inline-block;
	width:150px;
	height:175px;
}
.xplorer_characteristicreferencesgroup label{
	font-weight:bold;
}
.xplorer_listbox_characteristicreferences{
	display:block;
	width:inherit;
	height:165px;
}
button.xplorer_add{
	width:75px;
}
button.xplorer_rem{
	width:75px;
}
#pagewidth{ 
 width:95%; 
 text-align:center;  
 margin-left:auto; 
 margin-right:auto;  
}
button.minimize{
background-image:url(../images/minimize_panel.gif);
height:20px;
width:20px;
}
button.close{
background-image:url(../images/close_panel.gif);
height:20px;
width:20px;

}
div.panelbuttons{
	height:auto;
	width:auto;
	position:absolute;
	right:0px;
	top:0px;
	text-align:right;
	display:inline-block;
}
div.hd{
clear:both;
}
.notice{
min-height:250px;	
height:auto;
background-color:#fff;	
}
.value{
 background-color:#fff;
 max-width:100px;
 width:auto;
}
.noticearea{
display:none;
}
#header{
 height:auto; 
 color:#fff;
 width:100%;
 text-align:center;
 display:block;
 line-height:1.1;
 padding-top:5px;
 min-height:45px;
 }

div#kko{
margin-left:5px;
background-color:blue;
} 
div#headerleft {
	float: left;
	width: auto;
        height:auto;
        background:url(/assets/images/sprite.png) repeat-x;
	padding-left:5px;
	
}
div#headerright {
	background:url(/assets/images/sprite.png) repeat-x;
	float: right;
 	width: auto;
        height:auto;
	 padding-right:5px;
}
div#chardalogo {
        width:auto;
        height:auto;
        font-size:220%;
	background-color: #fff;
	color:#424242;
 	display:inline-block;
	margin:auto;
 
}
#yui-accordionview a{
	color:#fff;
}
div#accordion_container{
	width:75%;
}
div#accordion_container a{
	color:#fff;
}
div#menu{

   display:block;
   
    
}
.filter{
	display:inline;
	height:auto;

}
.divfilter{
	float:left;
	display:inline-block;
	margin-top:5px;
	height:auto;
}
.divfilter p{
	padding:0;
	margin:0 auto;
}
div#menuleft {
	float: left;
	width: auto;
        height:auto;
        padding-left:5px;
	padding-bottom:2px;
	
	background-color: inherit;
}
div#menuright {
	background-color: inherit;
	float: right;
 	width: auto;
        height:auto;
	padding-right:5px;
	padding-bottom:2px;
}
div#menucenter {
	float:left;
        text-align:left;
        width:auto;
        height:98%;
	padding-left:25px;
	background-color: inherit;
}

#treecontainer{
 background-color:#fff;
  color:#fff;  
  display: block;
   text-align: left;
  vertical-align: top;
   white-space:nowrap;
  font-size:100%;
  height:100%;
width:98%;
}
#charda_treeview{
   background-color:#fff;
  color:#fff;  
  display: block;
   text-align: left;
  vertical-align: top;
   white-space:nowrap;
  font-size:100%;
  height:100%;
  
 }
 .charda_treeview .ul{
	margin-left:5px;
 }
.yui-resize-handle {
	width:5px;
	height:25%;
	opacity: 75;
	background-color:#000;
	
}
#tree a.selected {
      background-color: #eee;
}

.ygtvcheck0 { background: url(../treeview/assets/img/check/check0.gif) 0 0 no-repeat; width:16px; height:20px; float:left; cursor:pointer; }
.ygtvcheck1 { background: url(../treeview/assets/img/check/check1.gif) 0 0 no-repeat; width:16px; height:20px; float:left; cursor:pointer; }
.ygtvcheck2 { background: url(../treeview/assets/img/check/check2.gif) 0 0 no-repeat; width:16px; height:20px; float:left; cursor:pointer; }

.ygtv-edit-TaskNode  {	width: 190px;}
.ygtv-edit-TaskNode .ygtvcancel, .ygtv-edit-TextNode .ygtvok  {	border:none;}
.ygtv-edit-TaskNode .ygtv-button-container { float: right;}
.ygtv-edit-TaskNode .ygtv-input  input{	width: 140px;}
.whitebg {
	background-color:white;
}

.treenode{
  color: #424242;
}
.highlightedtreenode{
  color: #B0C4DE;
}
.inline {
    margin-left:10px;
}
.searchcontent{
    text-align:left;
}
.ygtvfocus {
	background-color:transparent;
}
#expandcontractdiv {border:1px dotted #dedede; background-color:#EBE4F2; margin:0 0 .5em 0; padding:0.4em;} 
.ygtvcell  .ygtvcontent .ygtvfocus{
	background-color:#B0C4DE;
}
ygtvfocus .ygtvlabel, .ygtvfocus .ygtvlabel:link, .ygtvfocus .ygtvlabel:visited, .ygtvfocus .ygtvlabel:hover {
background-color:#B0C4DE;
}
 
.rightcolSP{
height: 100%;
overflow: hidden;
background-color: #D3D3D3;	
}
.leftcolSP{
background-color: #fff;	
}

#maincontent {
  padding-top: 5px;
  padding-left: 5px;
  display: block;
  text-align: left;
  vertical-align: top;
  white-space:nowrap;
  font-size:100%;
  height:auto;
  width:auto;

 }
#maincontent a{
    text-decoration:none;

}
#maincolcenter{
display:block;
}
#searchmenu{
}
#searchmenu a{
    text-decoration:none;

}
#footer{
  color:#fff;
  height:auto;
  margin:auto;
   text-align:center;
  display:inline-block;
 } 
#footermenu{
	float:left;
        display:inline-block;
	text-align:left;
	font-size: 8px;
 
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{
    display: block;
}
/* End hide from IE-mac */  


.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

#tree{
	color:#000;
}

p.break{
    margin-bottom:15px;
   
}

 
#panelmenu{
	
	height:20px;
	width:100%;
	background-color: hsla(0, 0%, 75%, 0.5);	

}
#panelmenu a{
	
}
div.scrollcontainer{
overflow:auto;
height:100%;
width:100%;

}
#grid p {
     
}
#grid {
}
.yui-gf {
     overflow: hidden;
}
#grid .yui-gf .first {
    border-color:#696969;
    border-style:solid;
    border-width:2px;
    background-color:#fff;
    height:100%;
    

}

#grid .yui-u {
    
    background:url(/assets/images/charda_logo.png) center fixed no-repeat;
    border-color:#696969;
    border-style:solid;
    border-width:2px;
    height:100%;
	
 }
td.characteristic{
	white-space: normal;
	width:90%;
}

div.saveorupdate{
	position:absolute;
	bottom:25px;
	right:25px;
 text-align:right;
}
.resizablepanel_c{
	
	margin:0 auto;
	
}
.colored_dropdown{
	background-color:#B0C4DE;
}
#panelcontainer .charda_panel_bd {
        overflow:auto;
	 
        padding:10px;
	text-align:left;
	vertical-align:top;
 	background-color:#fff;
    }
	
#wait .bd{
	
	min-height:0px;
	min-width:0px;
	width:auto;
	height:auto;
}
 #saving .bd{
	min-height:0px;
	min-width:0px;
	width:auto;
	height:auto;
}
 #waitUploading .bd
{
	min-height:0px;
	min-width:0px;
	width:auto;
	height:auto;
}
.resizablepanel .ft {
	height:10px;
        padding:0;
    }

.resizablepanel .yui-resize-handle-br {
        right:0;
        bottom:0;
        height: 8px;
        width: 8px;
        position:absolute;
    }
form.panelform{
	height:90%;
	width:100%;
}
    /*  
        The following CSS is added to prevent scrollbar bleedthrough on
        Gecko browsers (e.g. Firefox) on MacOS.
    */

    /*
        PLEASE NOTE: It is necessary to toggle the "overflow" property 
        of the body element between "hidden" and "auto" in order to 
        prevent the scrollbars from remaining visible after the the 
        Resizable Panel is hidden.  For more information on this issue, 
        read the comments in the "container-core.css" file.
       
        We use the #reziablepanel_c id based specifier, so that the rule
        is specific enough to over-ride the .bd overflow rule above.
    */

.resizablepanel_c.hide-scrollbars .yui-resize .bd {
        overflow: hidden;
    }

.resizablepanel_c.show-scrollbars .yui-resize .bd {
        overflow: auto;
    }

    /*
        PLEASE NOTE: It is necessary to set the "overflow" property of
        the underlay element to "visible" in order for the 
        scrollbars on the body of a Resizable Panel instance to be 
        visible.  By default the "overflow" property of the underlay 
        element is set to "auto" when a Panel is made visible on
        Gecko for Mac OS X to prevent scrollbars from poking through
        it on that browser + platform combintation.  For more 
        information on this issue, read the comments in the 
        "container-core.css" file.
    */

    .resizablepanel_c.show-scrollbars .underlay {
        overflow: visible;
    }
    
    

.yui-carousel-element li {
    
}
.yui-carousel-nav{
}

.yui-carousel .yui-carousel-item-selected {
border:none;
}
.yui-skin-sam .yui-carousel, .yui-skin-sam .yui-carousel-vertical {
border:none;
}

.yuimenu .yuimenu,.yuimenubar .yuimenu{position:absolute;background-color:transparent;}
.yuimenubar li,.yuimenu li{list-style-type:none;}
.yuimenubar ul,.yuimenu ul,.yuimenubar li,.yuimenu li,.yuimenu h6,.yuimenubar h6{margin:0;padding:0;}
.yuimenuitemlabel,.yuimenubaritemlabel{text-align:left;white-space:nowrap;}
.yuimenubar ul{*zoom:1;}.yuimenubar .yuimenu ul{*zoom:normal;}
.yuimenubar>.bd>ul:after{content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0;}
.yuimenubaritem{float:left;}.yuimenubaritemlabel,.yuimenuitemlabel{display:block;}
.yui-skin-sam .yuimenubar{font-size:93%;line-height:2;*line-height:1.9;background:url(/assets/images/sprite.png);color:#fff}


.yui-skin-sam .yuimenubaritem{border-right:solid 1px #ccc;border-left:solid 1px #ccc;}
.yui-skin-sam .yuimenubaritem-selected{background:url(/assets/images/sprite2.png);}
.yui-skin-sam .yuimenubaritem-disabled{background:url(/assets/images/sprite.png);}

.yui-skin-sam .yuimenubaritemlabel{padding:0 10px;color:#fff;text-decoration:none;cursor:default;*position:relative;margin:-1px 0;}
.yui-skin-sam .yuimenubaritemlabel:visited{color:#fff;}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel{padding-right:20px;*display:inline-block;}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu{background:url(/assets/images/menubaritem_submenuindicator.png) right center no-repeat;}

.yui-skin-sam .yuimenubaritemcontent{padding:0;}

.yui-skin-sam .yuimenubarnav .yuimenuitem{padding-left:5px;padding-right:5px;background:url(/assets/images/sprite.png) repeat-x;color:#fff;font-weight:normal;width:100%;}
.yui-skin-sam .yuimenubarnav .yuimenuitem-selected{background:url(/assets/images/sprite2.png) repeat-x;}
.yui-skin-sam .yuimenubarnav .yuimenuitemlabel{color:#fff;width:100%;}
#panelcontainer .bd{overflow:hidden;background:url(/assets/images/sprite.png);padding:0;margin:0;height:auto;width:auto;}

.yuimenubarnav .bd{overflow:hidden;}
             


/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
    border:solid #424242; /* color between tab list and content */
    border-width:0 0 5px;

}


.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
    background:#808080;
    color:#fff;
    
}


.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
    border-color:#000; /* selected tab border color */
}

.yui-skin-sam .yui-navset .yui-content {
    background:inherit; /* content background color */
}

.yui-skin-sam .yui-navset .yui-content,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content {
    border:1px solid #000; /* content border */
    border-top-color:#000; /* different border color */
}

.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
    border:solid #000;
    border-width:1px 0 0;
    cursor:hand;
    padding:0.25em .75em;
    left:0; right: 0; bottom: 0; /* protect from other orientations */
    top:-1px; /* for 1px rounded corners */
    position:relative;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#424242 ;
    color:#fff;
}

.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
    background:#424242 ;
    outline:0;
}
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a em {
    border-color:#424242; /* selected tab border color */
}

.yui-skin-sam .yui-navset .yui-content,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content {
    border:1px solid #808080; /* content border */
    border-top-color:#424242; /* different border color */
}

    
    
    
    
.usermessage{
	color:#800000;
}



.yui-skin-sam .yui-accordionview{
	background-color:#fff;
	border: 1px #A3A3A3 solid;
	padding: 5px;
	 
}
.yui-skin-sam .yui-accordionview div.yui-accordion-content {
	overflow: hidden;
	margin: 0;
	padding: 0;
	
}
.yui-skin-sam .hidden {
	visibility: hidden;
	position: absolute;
}

.yui-skin-sam .almosthidden {
	position: absolute;
	left: -9999px;
	z-index: -10;
}

.yui-skin-sam .yui-accordionview {
	border-bottom: 1px #A3A3A3 solid;
	margin:0;
	height:auto;
}

.yui-skin-sam .yui-accordionview li.yui-accordion-panel {
	display: inline;
	margin:0;
}

.yui-skin-sam ul.yui-accordionview ul.yui-accordionview {
    zoom: 1;
    margin:0px;
}

.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	display: block;
	border: 1px #A3A3A3 solid;
	border-bottom: none;
	
	height:auto;
	
	color: #fff;
	text-decoration: none;
	background: url(/assets/images/sprite.png) repeat-x;
	 
	position: relative;
	cursor: pointer;
}
 
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:hover {
		background: url(/assets/images/sprite2.png) repeat-x;
}
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active {
	background: url(/assets/images/sprite2.png) repeat-x;
	border-color: #243356;
	border-bottom: 1px #243356 solid;
	color: #fff;
}
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:hover {
  background: url(/assets/images/sprite2.png) repeat-x;
 }

.yui-skin-sam .yui-accordion-toggle .indicator {
	display: block;
	width: 14px;
	height: 14px;
	background: url(/assets/images/collapsed.gif) no-repeat;
	position: absolute;
	right: 0.5em;
	top: 25%;
}
.yui-skin-sam .yui-accordion-toggle.active .indicator {
	background: url(/assets/images/expanded.gif) no-repeat;
}

.yui-skin-sam .yui-accordion-content {
	border-left: 1px #A3A3A3 solid;
	border-right: 1px #A3A3A3 solid;
	background: #fff;
    _zoom: 1;
}

.yui-skin-sam ul.submenu {
	background: #fff;
}

.yui-skin-sam ul.submenu li a {
	display: block;
	height: auto;
	
	padding: 0.3em;
	padding-left: 0.5em;
	text-decoration: none;
	color: #000;
}
.yui-skin-sam ul.submenu li a:hover {
	background: #b3d4ff;
}
.yui-skin-sam ul.submenu li a:visited, .yui-skin-sam .yui-accordionview li.yui-accordion-panel a.link:visited {
	color: #777;
}

.yui-skin-sam .yui-accordionview{
	font-weight: normal;
}
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:focus {
	text-decoration: none;
	font-weight: normal;
}
.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.activepanel {
	text-decoration: none;
}
 
.yui-skin-sam tr.yui-dt-even {
	background-color :#ddd;
	} 
.searchactiv{
	 color:#000;
  	 width:150px;
	 border:0px;
	margin-top:2px;
	font-style:normal;
	margin-left:2px;
	padding-left:5px;
}
.searchinactiv{
	margin-top:2px;
	margin-left:2px;
	font-style:italic;
	padding-left:5px;
	color:#aaa;
 	width:150px;
	border:0px;
	
}

.searchfilter_hidden{
	display:none
}
.searchfilter_active{
	display:inline-block;
	position: fixed;
	background-color:#fff;
	top:5%;
	left:5px;
	border: 1px #A3A3A3 solid;
	
}
.searchcontainer{
display:block;
overflow:auto;
max-height:450px;
width:100%;
margin-right:10px;
}
.searchfilter_filter{
	display:block;
}
.xplorer_container{
	display:inline-table;
}
.xplorer_container_filter{
	display:inline-table;
	margin-left:5px;
}
.xplorer_listbox_filter{
	display:inline-block;
	width:100%;
	
}
.ul_table{
	margin: 0 auto;
	padding: 0;
	
}

.ul_table li{
	margin: 0 auto;
	padding: 0;
	margin-left:20px;
        list-style:lower-roman;

}

.drag { position: relative; }
 
.yui-skin-sam .yui-h-slider .yui-slider-thumb {
top:0px;
}
.yui-skin-sam .yui-h-slider {
background:url("http://yui.yahooapis.com/2.8.0r4/build/slider/assets/bg-fader.gif") no-repeat scroll 5px 0 transparent;
height:38px;
width:228px;
}
.iphone_on label.iPhoneCheckLabelOff{
  color: #fff;
    background: url(/assets/js/jquery_checkboxes/images/on.png) no-repeat;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    text-align: right;
    right: 0; 
}
.searchcarousel_container{
	margin-top:25px;

}
.searchcarousel_container ul{
	display:none;
}
.searchcarousel_container .yui-carousel-nav {
	display:none;
}
.divheader{
display:block;
font-weight: bold;
}



 /*printer styles*/ 
 @media print{

   html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 color:#000;
 font-family: "arial unicode ms";
 font-size:10pt;

} 
/*hide the left column when printing*/ 
#leftcol{display:none;}
#header{display:none;}
#chardalogo{display:none;}
#menu{display:none;}
#searchmenu{display:none;}
#menuright{display:none;}
#menuright{display:none;}
#sitemap{display:block}
#searchbox{display:none;}
#footer{display:none;}
div.quicklinkmenu{display:none;}
#rightcol, #maincol{width:100%; margin-left:0px; float:none;background-color:#fff;}

.NonPrintable{display:none;}
}