/*-- General styles --*/
* { margin:0; padding:0; border:none; }
html { height:100%}
body        { background-color: #ffffff; color: #32322f; margin: 0px; padding: 0px;
              font-family: 'Arial Unicode MS',Arial,verdana,serif;font-size: 100%;height:100%;}
img         { border:0; }
#contentwrap { width:80%; height: 100%; margin: 0px 0 30px 0; padding: 0 0 5px 10px; float:left;}
a:link, a:visited {color: #0F76A7;font-size: 100%;  text-decoration: none }
a:hover     { color: #0552a5; font-size: 100%; text-decoration: underline }
.no_wrap  { white-space: nowrap;}
.center { text-align:center;}
.hide {display: none;}
.bordered_input, select {border:#7F9DB9 1px solid;}
.alignLeft { float:left}
.alignRight { float:right}

/*--------------------Top Frame---------------*/
/*----- Header -----*/
#header     { background-color: #EAF3E8; height: 29px; background-image:url(../images/bg_header.gif); background-repeat:repeat-x; width:100%}
#logo { width: 40%; height: 29px; padding-left:0.5em; float:left; min-width:244px; padding-top:0.16em;}
#logo img { margin-left:0; width: 244x; height:26px; float:left}

#toolboxContainer {font-size:80%;float:right; width:59%;  }
#toolboxContainer ul{ padding-right:1em; padding-top:5px;}
#toolboxContainer ul li {padding:0px; padding-right:5px; padding-left:5px; float:right; list-style:none;}
#toolboxContainer li a{ color:#32322f; text-decoration:none;}
#toolboxContainer li a:hover {text-decoration: underline; }
#toolboxContainer li span{ width:1px;background-image:url(../images/toolbox_separator.gif); float:left; margin-right:5px; background-repeat: no-repeat; margin-top:5px;}

/*--------main bar-----------*/
#mainBar { background-color:#E0EDF3; height:27px; border-bottom:1px solid #6DB5C6; font-size:80%; padding-left:0.8em;}
#mainBar form { padding-top:2px; }
#mainBar form select { font-size:100%; width:15.5em; margin-right:0.5em;}
#pageNav{ padding-right:1em; padding-top:5px;}
#pageNav li {padding:0px; padding-right:5px; padding-left:5px; float:left; list-style:none;}
#pageNav li a{ color:#32322f; text-decoration:none;}
#pageNav li a:hover {text-decoration: underline; }

/*--------breadcrumbs-----------*/
#breadCrumbs {background-color:#FFF09D; height:26px; border-bottom:1px solid #CFDDAB; font-size:80%; }
#breadCrumbs div{ margin-left:0.8em; padding-top:3px; }

/*--------------------Left Frame---------------*/
#searchBar{ background-color:#E0EDF3; height:31px; border-bottom:1px solid #ffffff; border-top:1px solid #ffffff; font-size:80%; padding-left:0.8em; }
#searchBar input{ padding-top:4px}

/*search results bar*/
#searchResultsBar{ background-color:#F8F9FB; height:29px; border-bottom:2px solid #C0DDEA; border-top:2px solid #C0DDEA; font-size:80%; padding-left:0.8em;line-height:200%; width:100%}

#matchBar { width:140px;padding-right:5px;}
#matchBar img{ padding-right:5px; vertical-align:middle ; padding-top:0px;  }
#matchBar form input { font-size:100%; width:100px; margin-right:0.5em; text-align:center; border:1px solid #D7DDE3; margin-top:4px; }

#tree { height:82%;overflow:auto}
#tree ul { width:100% ; }
#tree li { font-size:100%; color:#8c8d8c; list-style:none; padding-bottom:0px;padding-top:0px; line-height:1.35em; vertical-align:text-top}

#levelTwoUL li {text-indent:15px;}
#levelThreeUL li {text-indent:30px;}
/*#tree ol { margin-bottom:0px;margin-top:1px;padding-right:3%; font-size:70%; }
#tree ol li { margin-left:5%;padding-left:6%; font-size:100%; color:#8c8d8c; list-style:none; padding-bottom:0px;padding-top:0px;}*/
#treeUL {font-size:80%;}
#treeUL a:link {color:#0F76A7;}
#treeUL a:hover { text-decoration:underline}
#treeUL img {margin-right:4px; width:9px; height:9px; cursor:pointer; margin-left:10px;}
#treeUL li.selectedItem{ background-color:#FFF09D; width:100%; display:block}

/*--------------------Right Frame---------------*/
/*First bar*/
#objectBar{ background-color:#F8F9FB; height:31px; border-top:1px solid #3DA4C3; font-size:80%; padding-left:0.8em;}
#objectBar img{ padding-right:0.5em; vertical-align:middle ; }
#objectBar form { padding-top:5px; }
#objectBar form select { font-size:100%; width:12em; margin-right:0.5em;}
#objectBar form input { font-size:100%; width:8em; margin-right:0.5em; text-align:center; border:1px solid #D7DDE3}


/*second bar*/
#metaBar{ background-color:#C0DDEA; height:31px; border-bottom:1px solid #3DA4C3; border-top:1px solid #3DA4C3; font-size:80%; padding-left:0.8em;}
#metaBar span{ line-height:200%; vertical-align:bottom; margin-right:0.3em }
#metaBar img{ padding-right:0.5em; vertical-align:bottom ; padding-top:0.5em}

/*third bar*/
#viewBar{ background-color:#EEF4F7; height:29px; border-top:2px solid #C0DDEA; border-bottom:1px solid #D7DDE3; font-size:80%; padding-left:0.8em;}
#viewBar span{ line-height:200%; vertical-align:bottom; margin-right:0.3em;}
#viewBar p{ line-height:200%; vertical-align:bottom; margin-right:0.3em; font-weight:bold }
#viewBar p{ line-height:200%; vertical-align:bottom; margin-right:0.3em; font-weight:bold }
#viewBar img{ padding-right:0.5em; vertical-align:bottom ; padding-top:0.5em}

/*fourth bar*/
#displayBar{ background-color:#EEF4F7; height:26px; border-bottom:1px solid #D7DDE3; font-size:80%; padding-left:0.8em;}
#displayBar ul{ padding-top:2px; padding-right:2px}
#displayBar ul li {padding:0px; padding-right:2px; padding-left:2px; list-style:none; display:inline}
#displayBar li span{ width:1px;background-image:url(../images/separator_display.png); margin-right:2px; background-repeat: no-repeat; margin-top:1px;}

/*Obeject Pane*/
#objectPane { width:100%;height:82% }
#objectPane div {overflow: auto; height:100%}