.agcTestBlock {
  border:1px solid #003300;
  padding: 15px 20px;
  margin: 0px 0px 20px;
}

/*************************************************************
  * multi use
  */

.agcHidden {display: none;}

/* inner and out styles required to reliably hide */
.agcHiddenO {
   overflow: hidden;
   position: absolute;
   right: 9999px;
}
.agcHiddenI {
    position: absolute;
}

#agcMessageBox {
  width: 40%; left: 50%; margin: 0 0 0 -20%; /* centred */
  position: fixed;
  top: 30px;
  text-align:center;
  /*right: 10px;*/
  font-size: 16px;
  border-radius:15px;
  background-color: #000000;
  color: #FFFFFF;
  padding: 8px;
  display: none;
  z-index: 20000;
}


/*************************************************************
  * Hover tips
  */


a.info{
  position:relative;
  z-index:24;
  background-color:#cfc;
  border-radius: 3px;
  padding: 0.1em 0.2em;
  color:#000;
  cursor: help;
  text-decoration:none}

a.info:hover {
  z-index:25;
  background-color:darkgreen
}

a.info span {
  display: none
}

a.info:hover span{
  display:block;
  position:absolute;
  top:2em;
  left:2em;
  width:15em;
  font-size: 1em;
  font-weight: normal;
  font-family:arial;
  border:1px solid #003300;
  background-color:#cfc;
  border-radius: 3px;
  padding: 0.5em;
  color:#000;
  text-align: left;
  line-height: 1.2;
}


/* variation on http://jsfiddle.net/6K7t4/24/ */
.agcExpandingShell {
  width:100%;
  height:2.0em;
  overflow:hidden;
  position:relative;
  background: #FAEBE6; /* pale red brown */
}

.agcExpandingShell:hover {
  overflow:visible;z-index:20000;
}

.agcExpandingShell:hover.agcExpandingInner {
  z-index: 20000;}

.agcExpandingInnerClicked,
.agcExpandingInner:hover {
  width: 280%; /* this is xx% of 10% */
  margin-left: -140%;
  margin-top: -25px;
}

.agcExpandingInner{
  position: absolute;
  border:solid 1px #ccc;
  width: 100%;
  background: #E6F8E6; /* pale green */
              /* rgb(249, 249, 249); /* same as side blocks */
  /** styles to emulate the nav bar: **/
  font-size: 0.8em;
  line-height: 2;
  text-decoration: none;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  padding: 0.6em 0.7em; /* centres vertically in 2.0 em */
}

.agcExpandingShell, .agcExpandingInner {
  border-radius: 8px;
}



/*************************************************************
/* mapping:
  */

#mapheader { background: white; }

#agcMap {
          height: 600px;
          background: white;
          margin: 0;
}

/*************************************************************
  * Style columns
  */

.agcFullwidth {/* 100% full width */
width: 100%;
float: left
}

.agcWidth10 {/* width 10% */
width: 10%;
float: left
}
.agcWidth30 {/* width 30% */
width: 30%;
float: left
}
.agcWidth70 {/* width 70% */
width: 70%;
float: left
}
.agcWidth100 {/* width 100% */
width: 100%;
float: left
}
.agcNoPadding {/* no padding */
margin: 0 0 0 0 !important;
}

.agcMenuWhitespace {/* allow px based margins in context of % sizing*/
padding: 22px 10px 1px 0px;
}

.agcWhitespace {/* allow px based margins in context of % sizing*/
padding: 0px 3px 0px 3px;
}


/*************************************************************
  * Style for top section of master EMS form
  */

/* Two column display for selection widget plus menu */
.agcMenuSelect {/* wrapper */
  background: white;
  padding: 4px 0px
}

  .agcMenued { /* selector widget */
float: left;
       /*
background: #F0FFF0; /* pale green */
width:70%;
  }

.agcMenu { /* nav selection */
  float: right;
  width:30%;
}

.agcFocusBar { /* Focus bar for an entity */
  float: right;
  background: #F5FFFF; /* lightblue;*/
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
}

.agcFocusBarContent { /* Focus bar for an entity */
  padding: 10px;
}

.agcWidth30 .agcMenued {width: 70%;}
.agcWidth30 .agcMenu {width: 30%; }
.agcFullwidth .agcMenued {width: 90%;}
.agcFullwidth .agcMenu {width: 10%; }


/* no content, just clears the divs */
.agcClearBoth {
  background: red;
  clear: both;
}

/*************************************************************
  * Ajax editing elements
  */

.agce {
  background-color: lightgreen;
  padding: 0.2em 0.5em;
  margin: 0px 0.7em;
}

.agcROField {
  background-color: lightgrey;
  padding: 0.2em 0.5em;
  margin: 0px 0.7em;
}

/*************************************************************
  * Specific Entity field styling
  */

.agcPhone.agcPrimary {
    font-weight: bold;
}

.agcPhone {
  margin: 0em 1em 0em 0em;
  white-space: nowrap;
}

.agcLastContact {
float: right;
}

.agcTimebar pre {
padding: 0px;
}

.agcTimebar .agcEmpty {
background-color: lightgray;
}

.agcTimebar .agcFull {
background-color: green;
}

.agcTagBar .agcButton, .agcSmallButton {
padding:0px;
font-size: 0.8em;
}

.agcTagBar .agcClear_button {
margin:3px 3px 3px 1px ;
color:#020;
background-color: white;
/*font-weight: bold;*/
border-right: 4px solid #666 ;
border-bottom: 4px solid #666 ;
border-top: 1px solid #888 ;
border-left: 1px solid #888 ;
border-radius: 4px;

}

.agcTagBar .agcSet_button {
margin:3px 1px 3px 3px ;
color:gray;
border-right: 1px solid #888 ;
border-bottom: 1px solid #888 ;
border-top: 4px solid #666 ;
border-left: 4px solid #666 ;
border-radius: 4px;
}

/*************************************************************
  * Jquery internal links that set a form value on click
  */
.agcFormLinked {
  border: 1px dotted green;
  padding: 1px 0.4em;}


/*************************************************************
  * dev class (for debugging only)
  */
.agcpink { background-color: pink; }
.agcred {border: 5px solid red; border-radius: 4px 4px 4px 4px;}
.agcblue { background-color: blue; }


/*************************************************************
  * Fine tune hacks UI hacks:
  */

/* prevent autocomplete field spilling over */
.agcMenued input{
  width: 90%;
  margin: 0% 5%
}

/* prevent autocomplete field spilling over */
.agcMenued select {
  width: 100%;
}

/* stop OSM overlay control line wrapping */
.layersDiv label.labelSpan.olButton {display:inline-block;}


/* prevent autocomplete field spilling over */
tr.agcRecord input {
  padding: 0px;
  margin: 0px;
}

table.agcCompact tr td,
table.agcCompact tr th
{
padding: 0px 0.7em;
}

.agcDeleteButton {
color: red;
}

/*************************************************************
  * standard hover shadow:
  */
a.info:hover span,
.agcMenu:hover.agcExpandingInner,
.agcExpandingInner:hover.agcExpandingInner {
  -moz-box-shadow: 7px 7px 5px #ccc;
  -webkit-box-shadow: 7px 7px 5px #ccc;
  box-shadow: 7px 7px 5px #ccc;
}

.ui-dialog .ui-dialog-titlebar-close span {
  margin-top: -8px;
  margin-left: -8px;
}