﻿
.errorHighlightBox {
    background-color:#ffdbde;
    border:2px solid #ff0000;
}

#startTimeSearchKeyInvalid, #postalCodeSearchKeyInvalid {
padding:0 10px 3px 10px;
}
/* EVENT SEARCH TYPE PANEL & BUTTONS END HERE ----------------------------------------------------------------- */


/* LOCATION SELECTION DROP DOWN MENU FORMATING STARTS HERE --------------------------------------------------------------------- */
/* THIS IS THE CONTAINER FOR THE LOCATION DROP DOWN LIST */
#selectLocationBunch {
	width:40%;
	margin-top:25px;
	clear:left;
} 

#selectLocations
{
    height: 12em;
    overflow: auto;
}

/* THIS IS FORMATING FOR THE LOCATION SEARCH HEADER BAR */
.uniformSelectorTitlebar {
	padding: 5px;
	background: #8d8d8d;
	font-weight:bold;
	color: #ffffff;
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	text-align:center;
	/*font-size:.6em;*/
}

/* THIS IS THE FORMATING FOR THE USER DEFINED CONTENT AREA OF THE FORM - THE ROWS */
.uniformSelectorList {
    background: #e4e4e4;
}

/* THIS IS THE ALTERNATE THE COLOR OF ROWS IN THE DROP DOWN LOCATION LIST */
.altRow {
background-color:#ffffff;
}

.uniformSelectorList li {
	cursor: default;
	list-style: none;
}

/* THIS IS FOR THE LOCATION RADIO MENUS */
.uniformSelectorList li input[type="radio"] {
   	padding: 0;
   	margin:3px;
   	vertical-align:middle;
   	border:0;
}

.uniformSelectorList li:hover {
    background: #C4C4C4;
}

.uniformSelectorList li.selected {
	background: #c8d2d6;
}

.statusFull {
    color:#FF0000;
    margin:0 10px 0 10px;
    padding:7px 0 0 0;
}

div#startTimePanel table#startTimeTable td.statusFull,
div#startTimePanel table#startTimeTable td.statusFull label {
    float:none;
    color:#FF0000;
}
/* LOCATION SELECTION DROP DOWN MENU FORMATING ENDS HERE ----------------------------------------------------------------------- */


/* DROP DOWN SELECT LISTS */
/* locationTypeAndCityPanel */
#locationTypeDropdown, #cityDropdown {
    margin-top:5px;
    display:none; /* THIS CANNOT BE REMOVED AS IS USED IN CODE BEHIND TO HIDE AND SHOW */
    clear:both; /* THIS IS REQUIRED FOR IE7 */
}

/* THESE ARE THE LOCATION TYPE AND CITY SELECT MENU INSTRUCTIONS */
#locTypeSelectInstructions {
    width:40%;
    margin:25px 0 25px 0;
}




/* POSTAL AND TIME SEARCH FORMATTING STARTS HERE -------------------------------------------------------- */
#startTimeSearchButton, #postalCodeSearchButton {
    float:right;
    padding-bottom:5px;
    min-height:28px;
    margin-right:10px;
}

.ie8 #startTimeSearchButton, .ie8 #postalCodeSearchButton {
    padding-bottom:4px;
    min-height:18px;
}

/* FORMATING FOR INPUT SEARCH CONTAINERS */
#locationFilterPanel, #postalCodeSearchPanel, #startTimeSearchPanel {
    display: none;
    width:40%;
    margin-top:25px;
    height:auto;
    clear:both; /* THIS IS REQUIRED FOR IE 7 */
}


div#locationFilterPanel label {
    float:left;
    width:45%;
    text-align:right;
    margin-top:10px;
    line-height:12px;
}

div#locationFilterPanel input#locationFilter {
    width:45%;
    float:right;
    min-height:24px;
    margin:10px;
}

.ie8 div#locationFilterPanel input#locationFilter, .ie6or7 div#locationFilterPanel input#locationFilter,
.ie8 div#locationFilterPanel label, .ie6or7 div#locationFilterPanel label {
width:40%;
}

#postalCodeSearchPanel input, #startTimeSearchPanel input {
    float:right;
    width:20%;
    min-height:24px;
    margin:0 10px 0 10px;
}

#postalCodeSearchPanel label input:focus,
#startTimeSearchPanel label input:focus,
div#locationFilterPanel input#locationFilter:focus {
    background-color:#ebebeb;
}
/* POSTAL AND TIME SEARCH FORMATTING STARTS HERE -------------------------------------------------------- */



/* START TIME PANEL STARTS HERE */
#startTimePanel {
    margin-top:25px;
    float:right;
    width:56.5%;
}


/* THIS IS THE CONTAINER FOR THE LOCATION DETAILS PANEL */
#locationSelectionContainerRight {
clear:left;
}

/* LOCATION DETAILS BUTTON */
#showHideMore {
margin-top:10px;
}

/* LOCATION DETAILS PANEL LOCATION FULL MESSAGE */
#locationFullMessage {
    font-weight:bold;
    color:#FF0000;
    text-align:center;
    padding-top:10px;
    font-size: 16px; 
}

/* RADIOS FOR THE START TIME MENU */
div#startTimePanel .uniformSelectorPanel label input[type="radio"] {
   	padding:0;
   	margin:0 5px 0 0;
   	vertical-align:middle;
   	border:0;
   	float:none;
}
