/* ----------------------------------------------------------------- */
/* Generic CSS (Load last)                                           */
/*                                                                   */
/* ----------------------------------------------------------------- */

/* Debug */

.fileDebug { border:solid 1px red; }

/* Visibility */

.invisible { visibility:hidden; }
.visible   { visibility:visible; }
.noshow    { display:none; }
.hide      { display:none; }

/* Image Floats */

.imgLeft   { float:left; margin-right:5px;  }
.imgRight  { float:right; margin-left:5px; }
.imgSpaced { margin:5px;  }
.topRight  { margin-bottom:5px; margin-left:5px; }
.topLeft   { margin-bottom:5px; margin-right:5px; }

.imgLeft img{ margin-right:12px; margin-bottom:12px; }
.imgRight  img{ margin-left:12px; margin-bottom:12px; }

.clear { clear:both }

/* Empty */

.imageDivEmpty, .pricelistEmpty, .openingTimesEmpty { 
    background-color:#FFFFFF; border:solid 1px #CCCCCC; padding:40px; font-weight:bold; margin:6px 0 6px 0; }

/* Alignment */

.left   { text-align:left }
.center { text-align:center }
.right  { text-align:right }

.center .caption-wrapper { margin: 0 auto !important; }

.indent { margin-left:24px; }

/* Text */

.bold   { font-weight:bold }
.italic { font-style:italic }
.small  { font-size:75%; }

/* Input */

.textInput { border:1px solid #888888; }
.textInput.wide { width:400px; }
.textInput.number { width:50px; text-align:right; }

.button:hover { cursor:pointer; }

/* Border */

.noBorder { border:none !important }

/* Tables */

th { text-align:center; }

/* Suggestions */

#suggestions { z-index:500; position:absolute; top:0px; left:0px; background-color:#FFFFFF;
              border:1px solid #AAAAAA; display:none;
              -moz-box-shadow: 5px 5px 5px #444;
              -webkit-box-shadow: 5px 5px 5px #444;
              box-shadow: 5px 5px 5px #444; }
  #suggestions div { padding:3px; } 
  #suggestions div:hover { color:#FFFFFF; background-color:#003399; } 

/* Thickbox */

.buttonRow { padding-top:6px }

.TB_overlayBG { filter:alpha(opacity=50); opacity:0.5; } 
#TB_title { display:none}
#TB_window { border:solid 2px #CCCCCC; 
            -moz-border-radius:10px; -webkit-border-radius:10px; 
			-moz-box-shadow: 5px 5px 5px #444;
            -webkit-box-shadow: 5px 5px 5px #444;
            box-shadow: 5px 5px 5px #444; }

/* Reset Password */

#resetPasswordHeading { margin-top:120px; }
#resetPasswordTable { margin:0 auto; }

/* Maps */

#map { border-color: #040d74; border-width: 1px; border-style: solid; margin:0 0 12px 6px; }
.map-about { float: right; width: 300px; height: 415px; margin-left: 10px; }
.map-contact-small { float: right; width: 300px; height: 290px; margin-left: 10px; }
.map-contact { height: 200px; width: 290px;}

/* Highlighting */

.highlight { background-color:yellow; }

/* Bring Logout button to front! */

#logout { z-index:100; }

/* Weather */

.metOfficeSummary { border:1px solid #CCCCCC; background-color:#FFFFFF; margin-left:200px; }
  .metOfficeSummary td { padding:6px; }
    .metOfficeSummary .metOfficeHigh { padding:6px 24px 6px 24px; }
    .metOfficeSummary .metOfficeAdvisory { padding:6px 24px 6px 24px; }
.metOfficeWarning { width:800px; margin:6px 24px 6px 24px; border:1px solid #CCCCCC; background-color:#FFFFFF; padding:6px; }

/* Gallery */

.popupGallery { margin:0 auto; text-align:center; }

/* Datepicker */

.calendarPicker { position:relative; top:3px; }
.calendarPicker:hover { cursor:pointer; }
div#dp-popup { z-index:500; position:absolute;             
            -moz-border-radius:10px; -webkit-border-radius:10px; 
			-moz-box-shadow: 5px 5px 5px #444;
            -webkit-box-shadow: 5px 5px 5px #444;
            box-shadow: 5px 5px 5px #444; }
div.dp-popup { width:185px; }
div.dp-popup h2 { padding:6px; }
table.jCalendar th { background:none; }
table.jCalendar td { padding:6px; }

#profileTable td { vertical-align:top; }

/* Popup images */

#lightbox-image-details-caption { position:absolute; top:40px; margin-left:20px; color:#888; font-size:250%; font-weight:bold; 
            max-width:250px; background-color:#fff; padding:12px; line-height:1; 
			-webkit-box-shadow: 8px 8px 12px 1px #333; -moz-box-shadow: 8px 8px 12px 1px #333; box-shadow: 8px 8px 12px 1px #333; }