/* Specific overrides for tables in the right-hand panel */
#right_panel {
    /* width: 341px; */
    width: 334px;
    padding: 8px ;
}

#seasTemp {
    margin-top: 10px;
}

#right_panel table h2 {
    margin: 6px 0 3px 0;
    font-weight: bold;
    font-size: 13pt;
    text-align: center;
    padding: 5px 0px 4px 0px;
}

#right_panel table h3 {
    font-size: 12pt;
    text-align: center;
    margin: 5px 0px 0px 0px;
    padding: 2px 0px 1px 0px;
}

.current_width {
    width: 25%;
}

.analogue_width {
    width: 45%;
}

#townSelect {
    position: absolute ;
    bottom: 2px ;
    left: 2px ; 
    font-size: 13pt;
    z-index: 900;
}

#townSelect:disabled { background: #eee; }


/* jQuery UI styling */
.ui-spinner {
    width: 50px;
}

/*
.ui-widget {
    font-size: 11px;
    font-family: 'Merriweather Sans',sans-serif; 
}
*/

/* OpenLayers Popup Style */
.olPopup {
    color: #F6F7F6;
    font-size: 14px;
    font-family: 'Merriweather Sans', sans-serif;
    background-color: #303E36;
}

#popup_table caption h3 {
    color: #F6F7F6;
    padding: 10px 0px 5px 0px ;
    margin: 0px ;
}

/* Classes for analogues in the table */
#popup_table {
    width: 100%;
    padding: 0px 0px 0px 5px ;
}

.not_important {
    color: #F6F7F6;
}

.analogue {
    /*color: green; */
    color: #87CC3F; 
    font-weight: bold;
}

.not_analogue {
    color: #E50300;
    font-weight:bold;
}

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.diff_text_size {
    width: 32px;
}

.analogue_text_size {
    width: 42px;
}

/* Entries in the table */
#right_panel table {
    font-size: 11pt;
    width: 100%;
    border: 0;
}

/* Output and control area (beneath the map) */
#control_area {
    overflow: auto;
    width: 100%;
}

.change_area {
    width: 500px;
}

.change_label {
    width: 100px;
}

#scenario_select {
    width: 380px ;
    height: 118px ;
}

#scenario_select td {
    text-align: center ;
    padding: 0px;
}

.highlighted {
    background-color: #E6EBDA ; 
    color: #303E36 ; 
}

.unhighlighted {
   color: #E6EBDA ; 
   background-color: #303E36 ; 
}

.clicked {
    border: 4px solid pink ;
}

.defaultBorder {
    border: 4px solid #E6EBDA ;
}

#info {
    overflow-y: auto ;
    margin: 15px 0;
    padding: 25px;
    background: none repeat scroll 0 0 #303F37;
}

#info h3 {
    color: #F6F7F6 ; 
}

#matches li {
    display: inline ;
    color: #F6F7F6;
}

#rcp_info {
    width: 380px ;
}

.right {
    float: right;
}

.left {
    float: left;
}

#pr_range {
    background-color: #D6771A;
    width: 0;
    height: 100%;
    position: relative;
    left: 0;
}

#temp_range {
    background-color: #D6771A;
    width: 0;
    height: 100%;
    position: relative;
    left: 0;
}

.change_value {
    width: 50px;
    font-size: 12pt;
    border:0;
}

.change_result {
    width: 50px;
    text-align: center;
    padding: 5px 0 ;
    background-color: #E0E0AD ;
    border: 2px solid #C3C150;
}

/* Styling for the cluster values form */
.select_highlight {
    /* border: 5px solid #88556C; */
    background-color: #7E8B80;
}

#range_warning {
    display: none;
}

#range_warning p {
    font-size: 20px;
    font-weight: bold;
    color: #f00;
    cursor:pointer;
}

#warning_text {
  float: left;
  margin-right: 10px;
  border: 1px solid #ccc;
  display: none;
  padding: 5px;
  text-transform: uppercase;
  font-size: 13px;
  color: #000;
}

#range_warning:hover #warning_text {
    display: block;
}

.circle {
    float: right;
    width:30px;
    height:30px;
    border-radius:15px;
    font-size:20px;
    font-weight: bold;
    color:#fff;
    line-height:30px;
    text-align:center;
    background:#f00
}

.range_select {
    /*margin: 6px 5px ;
    border-width: 5px; */
    /*border: 5px solid white;*/
}