/* Hide map menu */
#map-menu {
    display: none;
}

.hidden {
    display: none;
}

div#dataTypeBox {
    padding-bottom: 10px !important;
    border: solid 1px #999999 !important;
    margin-top: 0px;
}

#dataTypeBox label {
    display: inline; 
    color: #000000;
    font-weight: normal;
    font-size: 1em;
}

optgroup {
    color: gray;
    font-size: 1.1em;
    border-top: solid 1px gray;
}

optgroup option {
    background-color: #f1f1ee;
    color: black;
    font-weight: normal;
    font-size: 1em;
    margin-left: 10px;
}

optgroup label {
    display: inline; 
    color: #000000;
    font-weight: bold;
    font-size: 221em;
}

#dataInfoBox {
    margin-top: 8px !important;
}

/* override bommap css */
#dataTypeBox select {
  margin-bottom: 0;
}

.inline {
    display: inline !important;
}

#specific-location, #specific-location-select, #specific-location-coordinates, #specific-eez, #specific-aoi {
    display: none;
}

#filterTypes{
	/*display: none;*/
}

#plotButton {
    position: relative;
    left: 145px;
    font-size: 1em;
}

fieldset legend {
    color: #006699;
}

.multi-select {
    background-color: #DDDDDD;
    position: relative;
    white-space: nowrap;
    display:inline;
    float: right;
}

.refine-select, .where-select {
    width: 100%;
    float: left;
    position: relative;
    white-space: nowrap;
    display:inline;
}

fieldset .multi-select {
    margin-top: -16px;
}

fieldset .refine-select, fieldset .where-select {
    margin-top: -12px;
}

.multi-select label, .refine-select label, .where-select label {
    display: inline !important;
    vertical-align: 0.3em;
}

fieldset input {
    font-size: 1em;
    margin: 0 2px 0px 2px;
}

.olPopup {
    border: solid 1px gray !important;
    padding: 0px;
}

.olPopup h3 {
    padding: 0.2em 1em 0.2em 0.2em;
}

.olPopupCloseBox {
    margin: 3px;
}

.popupContent {
    padding: 3px;
}

.popupActions {
    padding: 3px;
    white-space: nowrap;
}

.olPopupContent {
    overflow: hidden; 
}

.olPopupContent th {
    text-align: left;
}

.olControlAttribution {
  display: none; /* will be shown in through app */
  background-color: lightgray;
  border-bottom: 1px solid gray;
  bottom: 0;
  color: gray;
  font-size: 13px;
  left: 1px;
  padding-left: 125px;
  padding-right: 100px;
  right: 1px;
  text-align: left;
}

#dataInfo {
    height: 285px;
    overflow: auto;
    padding: 2px;
}

#dataSeasons {
    width: 100%;
}

#form {
    margin: 0px;
}

#disclaimerLink {
    width: 150px;
}

div#map{
    width: 578px;
}

#map-tab-content-one{
    font-size: 0.9em;
}

#page-info {
    border: dotted 1px gray;
    margin: 0px 0px 10px 0px;
    width: 420px;
}

.olCursorWait {
    cursor: progress !important;
}

#tc-legend {
    background-color: #DFDDDD;
    margin: 5px;
    padding: 10px;
    padding-bottom: 20px;
}

.legend-row {
    height: 18px;
}

#tc-legend .bullet {
    font-size: 40px;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 18px;
}

#tc-legend .label {
    position: relative; 
    top: -2px;
    left: 18px; 
    display: block;
}

.p1 {
    color: #808080;
}

.p2 {
    color: #ffff00;
}

.p3 {
    color: #ffc246;
}

.p4 {
    color: #ff7799;
}

#map-metadata {
    width: 582px !important; 
}

#map-tab-content-two {
    padding-left: 3px;
}

a.feature-info {
    display: block;
    text-decoration: none;
    padding-left: 5px;
    cursor: pointer; 
    color: black;
}

.feature-info:hover {
    background-color: lightgray; 
}

.feature-highlighted {
    font-weight: bold;
}

.feature-selected {
    font-weight: bold;
    color: #E35C13 !important;
}

.feature-hidden {
    color: gray !important;
}

.opacity-50 { 
    -moz-opacity:.50; 
    filter:alpha(opacity=50); 
    opacity:.50; 
}

.opacity-60 { 
    -moz-opacity:.60; 
    filter:alpha(opacity=60); 
    opacity:.60; 
}

.opacity-70 { 
    -moz-opacity:.70; 
    filter:alpha(opacity=70); 
    opacity:.70; 
}

/* Work around bugs(?) in new CSS layout */
select {
    font-size: 1em;
}
.olPopup h3 {
    margin: 0px;
}

#spinner-container {
    float: right;
    left: 0;
}

/* BOM MAP Overrides */
#metadataArea {
    width: 390px !important;
}

.baseLayerSelectGroup {
    background-color: transparent;
}

div.ln span img, .searchClearButton {
    display: none !important;
}

#scaleline {
    float:left;
    padding: 8px;
}

/* Go To menu */
#menu2 {
    left: 0px !important;
}

.olControlPanZoomBar img, .olControlPanZoomBar div {
    background-color: #D5D5D5;
}

/* PCCSP Logo */
#pccsp-logo {
    background-color: white;
    position: absolute;
    float: right;
    right: 10px;
    top: -40px;
}

/* Hide permalink */
.olControlPermalink {
    display: none;
}


/* 
 * Force scrollbar when webkit hides it on mobile devices
 * Source: http://simurai.com/post/8083942390/force-lion-scrollbar
 */
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
::-webkit-scrollbar-thumb {
    min-height: 40px;
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


/* SEARCH AOI */
#specific-aoi fieldset {
    position: static;
    width: 200px;
}
/*
    exists - info
*/
#exists-loc {
    display: none;
}

.exists-info{
    background: url("/ol/2.0.4-dev/img/i-icon.gif") no-repeat scroll left center transparent;
    padding-left: 18px;
    margin-bottom : 10px;
}

/*
    css for "filter by drawing"
*/
#specific-aoi {    
    display: none;
    overflow: hidden;
}

/*
    css for buttons
*/

.aoi_button {
     font-size : 1em;
}

/*------------- AIO instruction -------------*/
#aoi-info {    
    position: static;
    display: none;
    background: url("/ol/2.0.4-dev/img/i-icon.gif") no-repeat scroll left center transparent;    
    padding-left: 18px;    
}

#aoi_instruction {
    color: #666666;
    font-size: 0.9em;
    font-weight: bold;
    /*position : static;*/
}

#del_button {
    float: right;

}