/* 
<link rel="stylesheet" type="text/css" href="/x/styles/baseStyle-1.61.css.css">  

ver 1.6 moved to styles directory, update overlay
ver 1.61 add DEBUG CONTROL
*/

body { margin:0;background:white;}
#logonBar {background:black; color:white; margin:0;}
#logonBar td { padding:2px 10px;}
#specialRights {background:purple; cursor:pointer; padding:0 5px;}
.white {color:white; }
.topButton { margin:2px 10px; border: 2px solid yellow; padding:2px 5px; text-align:center;background:black; color:white; margin:0;}
.topButton a {background:black; color:white; font-size:105%}
.level2 {display:none;}
#navigationBar {background:blue; color:white; padding: 1px;}
.navigationBar {background:blue; color:white; padding: 0px;}
#navigationBar li {display:inline;}/* no longer used*/
#logo {margin:0; padding:0; }
.button,.activeButton,.specialButton {background-color:black; padding:10px; color:white; border:solid yellow 2px; margin: 8px;}
.button a,.specialButton a{color:white; }
.specialButton {background-color:purple; color:white; /* padding:2px 5px; */}
.activeButton {background-color:white; color:blue;  border:solid red 2px;   }
#panel {border:solid red 1px; position:absolute; overflow:visible;  z-index:10;
         padding:5px 20px 10px 10px; background:white; display:none;
}
#breadcrumbs {background:#DDDDFF; color:black; padding:2px 0 2px 20px; border:solid black 1px;}
/* #container {background:#FFFFDD; padding: 20px 20px 90px 20px; border:solid green 2px;} */
#container {background:#FFFFDD; padding: 8px 16px 90px 16px; }
#debug {border:solid black 1px; background:#FFDDDD; padding:10px 20px;}
.description {margin-left:15px; background:#DDDDDD; padding:5px; font-style:italic; }
.sidebar {background:#DDFFDD; padding:5px; border: solid red 2px; margin:0 0 0 15px;}
.x{background:yellow;}
.nullTAb {color:gray; font-style:italic; }
#dummyTab {width:50px; border:0; background:blue; padding:0;}
#logoffButton {background:#DDDDDD;  margin:10px; padding:5px;}
/* #logoffTxt {float:right; color:white; } */
#map h1	{text-align:center}
#SearchByName #pickListDisplay {border:solid black 1px; background:white; margin:8px; padding:8px;}

.restricted {border:2px groove #116633; background:#FFBBBB; margin:10; padding:5; color:black; }
.restrictedTab {color:purple; font-weight:bolder;}
table	{border-collapse:collapse}
a		{color:blue;text-decoration:underline; cursor:pointer;}
#adminMenu {border:solid black 2px; background-color:purple; color:white; padding:8px;}
.adminButton {border:solid black 2px; background-color:pink; padding:0 5px;}
.warning {color:red; background:yellow; padding:8px; border:1px solid black; margin:10px;}
#picklistForm {background:yellow; padding:8px; display:none; border:solid black 2px;}
.sessionInfo {float:right; color:gray;font-size:80%;margin-right:20px;}
.specialRight {color:purple;}

.whiteOnBlack {background:black; color:white; padding:3px; }
.bgpink  {background:pink;}
.rip {background:#AAAAAA; font-style:italic; }
.loLite {font-size:60%;color:gray}
#flexBox {
   margin:20px 50px; background-color:white; color:black;
   text-align:left; padding:5px; border:solid black 2px;
}

/*****   btn related    *****/
.btn {padding:6px 12px; font-size:120%; /*line-height:1.4285;*/ text-align:center; 
      cursor:pointer;border-radius:15px;border:solid black 2px; white-space: nowrap;}
.btn0 {padding:4px 8px; font-size:105%; text-align:center; 
      cursor:pointer;border-radius:15px;border:solid black 2px;}
.sub-btn {color:#fff; background-color:#5cb85c; margin-top:12px;}
.can-btn {color:#d9534f; background-color:#EEE; margin-top:12px; margin-left:20px;}
.del-btn {color:white;  background-color:#d9534f;  margin-top:12px; margin-left:20px;}
.act-btn {background-color:#ff9; margin-top:12px;}
.res-btn {background-color:pink; color:black; margin-top:12px;}
.ml20 { margin-left:20px; }
.mt20 { margin-top:20px; }

div[contenteditable=true] {background:#FFEEFF; color:black;  border:solid black 2px; padding:5px;}
.selectItemContainer {white-space:nowrap;margin-left:1em;display:inline;}
/* #tab347 a {color:yellow;} */

/* ----------  New Site Navagation   ----------------*/

div.theme-navigationBar {background:blue; color:white; padding: 0px}
div#site-logo, 
div.b_navBarItem {float:left;position: relative;}
div.b_navBarItem:hover {background-color:white; color:blue;  border:solid red 2px;}
div.button:hover a {color:blue;}
div.specialButton:hover a {color:purple;}
div.b_subTab{position:absolute;top:100%;z-index:2;background-color:white; color:blue;  border:solid red 2px;width:20em; visibility:hidden;}
div.b_navBarItem:hover div.b_subTab{visibility:visible;}
.restrictedTab {color:purple !important; font-weight:bolder;}

/* ----- OVERLAY ----- */

.ol-topBar td, #ol-topBar td {
   background:black;color:white;
   padding:10px;font-size:x-large;
}
.overlayMsg {overflow:auto; padding:2em}

.overlayMsgDebugDiv {
   border:solid red 2px; float:right;padding:5px; display:none;
   background:yellow;
}

   /* ---- DEBUG CONTROL ------- */
ul#debugControl {
   position:absolute;float:right;z-index:999;
   margin:0;right:0;background:yellow;padding:4px 6px;
   border:solid black 2px; color:black;
}
ul#debugControl li {display:none;margin-left:0}
ul#debugControl:hover li {display:block;}
