/* Main body */
body 
{
    background-color: #808080 !important;
}

body {
    font-size:8pt;
    font-family:"Arial";
    margin: 0 0 0 0;
    background-color:#C6C6C6;
    overflow:auto;
}

/* Time selection in the history parameters selection page */
td.TimeSelect {
  font-family: verdana, arial, times;
  font-size: 12;
  text-align: center;
}

.invisible
{
    visibility: hidden;
}

.warning
{
    color: Red;
}

.help 
{
    background-color: White;
}

/* SBFact overrides */ /* steve tmp note - see selectboxfactory.css - remember this is cascading so we replace the values there we don't like the defaults of */

/*.uiSelectBox
{
    background-color: #C6C6C6;
    border: 1px solid #999999;
}*/

/*.uiSelectBoxToggle{	
	Steve: so this is an image, may be able to do in css or may need to make a new image with the correct colour
}
*/ 

.watchboxLabels {
    color: white;
    background-color: black;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    /*width: 60px;     */
    border: 2px solid black;
    white-space: nowrap;
    padding:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
}

.pushPinLabels{
    color: white;
    background-color: black;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    /*width: 60px;     */
    white-space: nowrap;
    padding:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
}


/* map address search */
#addressSearchContainer
{
    position:absolute;
    top:1px;
    left:1px;
    z-index: 9999;
}
        
#addressSearchResults
{
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.6);
}

#addressSearchContainer .ui-button .ui-button-text
{
    padding-top: 2px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 2px !important;
    font-size: 7pt;
}
        
#addressSearchContainer .fieldLabel
{
    font-size: 8pt;
}

#addressSearchButtonsDiv
{
    text-align: center;  
    padding-top: 5px;
    padding-bottom: 5px; 
}

.addressSearchField 
{
    font-size: 8pt;
}

/* Google map controls */
.gmap-control-container {
    margin: 5px;
}
.gmap-control {
    cursor: pointer;
    background-color: -moz-linear-gradient(center top , #FEFEFE, #F3F3F3);
    background-color: #FEFEFE;
    border: 1px solid #A9BBDF;
    border-radius: 2px;
    padding-top: 1px;
    padding-bottom: 0px;
    padding-right: 6px;
    padding-left: 6px;
    line-height: 160%;
    font-size: 11px;
    font-family: Arial,sans-serif;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 15px;
    color: #000000;
}
.gmap-control:hover {
    border: 1px solid #678AC7;
}
.gmap-control-active {
    background-color: -moz-linear-gradient(center top , #6D8ACC, #7B98D9);
    background-color: #6D8ACC;
    color: #fff;
    font-weight: bold;
    border: 1px solid #678AC7;
}
.gmap-control-legend {
    position: absolute;
    text-align: left;
    z-index: -1;
    top: 20px;
    right: 0;
    width: 150px;
    height: 66px;
    font-size: 10px;
    background: #FEFEFE;
    border: 1px solid #A9BBDF;
    padding: 10px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
}
.gmap-control-legend ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.gmap-control-legend li {
    line-height: 160%;
}