/*********************DEFAULTS FOR APPLICATION*********************/
BODY
{
	FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
    FONT-SIZE:7pt;
    FONT-WEIGHT: 300;
    TEXT-DECORATION: none;
    background-color: #FFFFFF;
}
/*Nearly ALL of VEMS is layed out in tables. This will adjust the size and font for most text*/
TABLE
{
	FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
    FONT-SIZE:7pt;
    FONT-WEIGHT: 300;
    TEXT-DECORATION: none;
    background-color:#FFFFFF;
}
TH
{
	text-align:left;
}
/**************
These three styles all you adjust some of the padding around the header, necessary in some cases for various image
***************/
TABLE.EMSMainTableContainer
{
	FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
    FONT-SIZE:7pt;
    FONT-WEIGHT: 300;
    TEXT-DECORATION: none;
    background-color:#FFFFFF;
    border-collapse:collapse;
}

TD.EMSMainTableCell
{
	padding:0px;
}

TABLE.EMSMeunContainer
{
	border-collapse:collapse;
}
/*****************/

/*Sets the default look of drop down boxes*/
SELECT
{
    BACKGROUND-COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
    FONT-SIZE: 7pt;
    FONT-WEIGHT: 300;
    TEXT-DECORATION: none;
    margin:  2px 0px 0px 0px
}
/*Defualt style for textboxes and buttons*/
INPUT
{
	font-weight: 300;
	font-size: 7pt;
	font-family: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
}
/*Default style for multiline textboxes*/
TEXTAREA
{
	font-size:7pt;
	font-weight:300;
	font-family: Verdana, Arial, Helvetica, MS Sans Serif, Geneva, sans-serif;
}
/*Default for hyperlinks*/
A
{
	COLOR: #225d92;
	CURSOR: hand;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none
}
/*Default for when mouse is over a hyperlink*/
A:Hover
{
	COLOR: #225d92;
    CURSOR: hand;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: underline
}

/**********************END DEFAULTS************************/


/**********************OLD MENU STYLES*********************/
/*These are used in the rare case that the old left side menu is used*/
/*Default hyperlink*/
A.MenuLink
{
    COLOR: #00009E;
    CURSOR: hand;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none
}
/*Default for hyperlink, with the mouse over it*/
A.MenuLink:Hover
{
	COLOR: #00009E;
    CURSOR: hand;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: underline
}
/*This is the slightly larger text above the line*/
.MenuHeader
{
	COLOR: #000000;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: 500;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    BORDER-STYLE: none;
    BORDER-BOTTOM: 1px solid #225d92;
}
/*Default menu style*/
.MenuNormal
{
    BORDER-RIGHT: 1px inset #C0C0C0;
    COLOR: #625E5E;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none
}
/**********************************************************/

/*******************Drop Down Menu Styles******************/
/*Default menu style*/
.menuStyle
{
	background-color:#225d92;
	color:White;
}
/*Style that is set when user mouses over the menu item*/
.SelectedMenuItem
{
	background-color: #AFBC21;
}
/*Style that is set when mouse leaves menu  item*/
.UnselectedMenuItem
{
	background-color:#225d92;
}
/*The color of the bar*/
.menuBar
{
	background-color:#225d92;
	color:White;
}
/*Style of the menu link*/
A.NewMenuLink
{
	COLOR: White;
    CURSOR: hand;
    TEXT-DECORATION: none;
    font-size:7pt;
}
/*Style of the menu link when the mouse is over it*/
A.NewMenuLink:Hover
{
	COLOR: White;
    CURSOR: hand;
    TEXT-DECORATION: none;
    font-size:7pt;
}

/*******************END MENU STYLES*************************/

/*The style for the application title (text above the menu) */
.AppTitle
{
	COLOR: #225d92;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: 700;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    
}

/*Style of the footer text (copyright...)*/
.Footer
{
	font-family: Tahoma;
	font-size: 7pt;
	color: #225d92;
}

/******************CONTENT STYLES*************************/
/*Style for the header at the top of each page*/
.PageTitle
{
    COLOR: #808080;
    FONT-SIZE: 14px;
    FONT-WEIGHT: 700;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    BORDER-BOTTOM: 1px solid #225d92;
}
/*Label for drop down lists*/
.DropDownListLabel
{
	font-weight:bold;
}
/*Label for text boxes lists*/
.TextBoxLabel
{
	font-weight:bold;
}

/*Date display above browse events and the book*/
.DisplayDateForDateScroller
{
    COLOR: #225d92;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: 900;
    TEXT-DECORATION: none
}

/********OUT MESSAGE LABELS (show up under the page title)******/
/*Displays if the out message is an error*/
.ErrorMessage
{	
	color:Red;
	font-size: 9pt;
}
/*Displays if the out message if just info only*/
.InformationMessage
{
	font-size: 9pt;
}
/*Displays if messgae is a warning*/
.WarningMessage
{
	font-size: 9pt;
	color: #e3a266;
}

/*This is the style for the cell that has the yellowish bar beneath that is used
to seperate the screens into sections*/
.SectionLabelWithBottomBorder
{
	COLOR: #808080;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: 700;
    TEXT-DECORATION: none;
    BORDER-STYLE: none;
    BORDER-BOTTOM: 1px solid #225d92;
}
/*The label for a section*/
.SectionLabel
{
    COLOR: #808080;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: 700;
    TEXT-DECORATION: underline
}
/*The column header text for browse events/registrations and others*/
.ResultsColumnLabel
{
	COLOR: #808080;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: 700;
    TEXT-DECORATION: underline
}
/*The column header text for sortable columns on browes events and others*/
.SortableColumnLabel
{
	COLOR: #808080;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: 700;
    TEXT-DECORATION: underline;
    cursor: pointer;
    cursor:hand;
}
/*This shows if there there are now results for browse events*/
.ResultsNoRecordsMessage
{
	COLOR: #da5a5a;
    FONT-WEIGHT: 700;
    text-align:center;
    TEXT-DECORATION: none
}
/*Normal label applied to must of the required fields*/
.BoldLabel
{
	font-weight:bold;
}
/*Right aligned verison of the required label*/
.BoldLabelRightAligned
{
	FONT-WEIGHT: bold; 
	TEXT-ALIGN: right
}
/*This is the grey bar with the light text (on browse reservations and other locations)*/
.DarkBarWithLightText
{
	FONT-WEIGHT: 900; 
	FONT-SIZE: 11pt; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #839bc1; 
	TEXT-DECORATION: none
}

/*The results for browse events, the cart and the browse reservations*/
.ResultsText
{
	color:black;
	vertical-align:top;
}
/*The location label for browse events*/
.DisplayBookingsLocationLabel
{
	font-weight:bold;
}
/*Group label for brose events*/
.DisplayBookingsGroupLabel
{
	font-weight:bold;
}
/*Holiday display on browse events*/
.DisplayBookingsHoliday
{
    TEXT-DECORATION: none;
}
/*Holdiay row on browse events*/
.HolidayRow
{
    TEXT-DECORATION: none;
}
/*Holiday text on browse events*/
.HolidayText
{
	COLOR: #c00000;
}
/*Cell of not current month for calendar view on browse events*/
.DisplayBookingsNotCurrentMonth
{
	background-color: #E9eccd;
	text-decoration: none;
}
/*Cell of today on the calendar view on browse events*/
.DisplayBookingsToday
{
	background-color: #FFEED1;
	text-decoration: none;
}
/*Style of the day name cells on calendar view of browse events*/
.CalendarDayNameCell
{
	background-color: #B9c4dc;
	font-weight:bold;
	border-color:Black;
}


/****************Brose event LINKS***********************/
/*The default hyperlink style for the event name on browse events*/
A.DisplayBookingsEventName
{
	TEXT-DECORATION: none;
}
/*The style for the hyperlink after it has been clicked for the event name on browse events*/
A.DisplayBookingsEventName:visited
{
	TEXT-DECORATION: none;
	color:#225d92;
}
/*The default hyperlink style when the mouse is over the link for the event name on browse events*/
A.DisplayBookingsEventName:hover
{
	TEXT-DECORATION: none;
}
/*The default hyperlink style for number of the date in the calendar view on browse events*/
A.DisplayBookingsCalendarDate
{
	font-size: 10pt;
	color: #225d92;
}
/*The hyperlink style for number of the date in the calendar view on browse events after the link has been followed*/
A.DisplayBookingsCalendarDate:visited
{
	font-size:10pt;
	color:#225d92;
}
/*The hyperlink style for number of the date in the calendar view on browse events when the mouse is over the number*/
A.DisplayBookingsCalendarDate:hover
{
	font-size:10pt;
	color:#225d92;
}
/*The default hyperlink style for additional bookings link on browse events*/
A.DisplayBookingsAdditionalEvents
{
	color:#225d92;
}
/*The hyperlink style for additional bookings link on browse events after the link has been followed*/
A.DisplayBookingsAdditionalEvents:visited
{
	color:#225d92;
}
/*The hyperlink style for additional bookings link on browse events when the mouse is over it*/
A.DisplayBookingsAdditionalEvents:hover
{
	color:#225d92;
}



/*The asterisk that appears next to all required fields*/
.RequiredAsterisk
{
	color:Red;
}
/*The color of the text of a required UDQ*/
.RequiredUDQText
{
	color:Red;
}
/*Default style of the udq text*/
.UDQText
{
}


/**********************Services styles**********************************/
/*Default link style for the categories when requesting resources*/
A.CategoryLink
{
	font-size:9pt;
	font-weight:bold;
}
/*Style for category link when the mouse is over it*/
A.CategoryLink:hover
{
	font-size:9pt;
	font-weight:bold;
}
/*Category Group label (when selecting resources)*/
.ServiceLabelWithCount
{
	FONT-WEIGHT: 900; 
	FONT-SIZE: 11pt; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #c0c0c0; 
	TEXT-DECORATION: none
}

/*Style of the resource in the browse service screen*/
.BrowseServicesResource
{
	font-weight:bold;
}
/*Style of the notes on browse services*/
.BrowseServicesNotes
{
	font-style:italic;
}

/*Style of the resource in the browse service screen*/
.UninventoriedResourceName
{
	font-weight:bold;
}
.InventoriedResourceName
{
	font-weight:bold;
	/*font-style:italic;*/
}
/*Style of the notes on browse services*/
.ResourceNote
{
	font-style:italic;
}

/********************END Services styles*******************************/

/********************Date picker (visual calendar...NOT Drop calendar) Styles***************/

/*Style for the calendar on multi day request and the classice request form (Border style)*/
.AdvancedCalendar
{
	border-right: #d5d5d5 groove;
	border-top: #d5d5d5 groove;
	border-left: #d5d5d5 groove;
	border-bottom: #d5d5d5 groove;
}
/*Style of a selected date on the calendar*/
.selectedCell
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	background-color:#E1E5B8;
	text-align:center;
}
/*Style of an unselected date on the calendar*/
.unselectedCell
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	background-color: white;
	text-align: center;
}
/*Style of the month name center above the calendar*/
.AdvancedCalMonthLabel
{
	font-size:20px;
}
/*Style of today in the calendar*/
.todayCell
{
	BORDER-BOTTOM: 1px solid #225D92;
	border-top: 1px solid #225D92;
	border-left: 1px solid #225D92;
	border-right: 1px solid #225D92;
	text-align:center;
}
/*Style of today when selected in the calendar*/
.todayCellSelected
{
	BORDER-BOTTOM: 1px solid #225D92;
	border-top: 1px solid #225D92;
	border-left: 1px solid #225D92;
	border-right: 1px solid #225D92;
	text-align:center;
	background-color:#E1E5B8;
}
/*Style of holidays in the calendar*/
.holidayCell
{
	BORDER-BOTTOM: 1px solid #FEC557;
	border-top: 1px solid #FEC557;
	border-left: 1px solid #FEC557;
	border-right: 1px solid #FEC557;
	text-align:center;
}
/*Style of holidays when selected in the calendar*/
.holidayCellSelected
{
	BORDER-BOTTOM: 1px solid #FEC557;
	border-top: 1px solid #FEC557;
	border-left: 1px solid #FEC557;
	border-right: 1px solid #FEC557;
	text-align:center;
	background-color:#E1E5B8;
}
/*Style that the calendar is set to when it is not in view*/
.hideCalendar
{
	display: none;	
}
/*Style when the calendar is scrolled into view*/
.showCalendar
{
	display: inline-block;
}

/*Style in calendar of a date that is not clickable*/
.unclickableCell
{
	color: lightGrey;
	text-align:center;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
}


/****************************END Calendar styles************************/

/*System style to hide items*/
.hide
{
	display: none;	
}

/*Default style for helptext if tag is overridden and requested to dispaly as string*/
.HelpText
{
	color:Lime;
}

/*Only on the Pam configuration page*/
.InlineHelp
{
	font-style:italic;
	color:Gray;
}

/*Highlight color on advance for a room that already exists in the users cart*/
.RoomInCart
{
	background-color: lemonchiffon;
}
/*Style of the row if it is only requestable to the user*/
.requestRow
{
	font-style: italic;
}
/*Style of the row if the room is in the cart but is only requestable*/
.roomInCartRequest
{
	font-style: italic;
	background-color: lemonchiffon;
}
/*Style if the room is selected and reservable*/
.RoomSelectedForAvailability
{
	background-color: lemonchiffon;
}
/*The default size of help text across the system*/
.DefaultHelpTextSize
{
	font-size: 8pt;
}

/*******************************************
Browse Facilities
********************************************/
/*Style of the headers on browse facilities*/
.BrowseFacilityHeader
{
	text-align:center;
	COLOR: #808080;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: 700;
    TEXT-DECORATION: underline;
    cursor: pointer;
    cursor:hand;
}
/*Style for cells in a row in browse facilities*/
.BrowseFacilityCell
{
	background-color: #e9eccd;
	font-weight:bold;
	text-align:center;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
/*Style for cells in alternate row in browse facilities*/
.AltBrowseFacilityCell
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	font-weight: bold;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color: #b9c5dc;
	text-align: center;
}
/*Style for room cells in a row in browse facilities*/
.BrowseFacilityRoomCell
{
	background-color: #e9eccd;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

/*Style for room cells in alternate row in browse facilities*/
.AltBrowseFacilityRoomCell
{
	background-color: #b9c5dc;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
/*Style for the buildings on browse facilites*/
.BrowseFacilityBuilding
{
	font-size: 14pt;
	color: white;
	background-color: White;
	
}
/*Style for links on browse facilities*/
A.BrowseFacilitiesRoomLink
{
	color:#225d92;
	text-decoration:none;
}
/*Style for links with mouse over on browse facilities*/
A.BrowseFacilitiesRoomLink:hover
{
	color:#225d92;
	text-decoration:none;
}
/*Style for building links on browse facilities*/
A.BrowseFacilitiesBuildingLink
{
	color:#225d92;
	text-decoration:none;
	font-size:12pt;
}
/*Style for building link with mouse over on browse facilities*/
A.BrowseFacilitiesBuildingLink:hover
{
	color:#225d92;
	text-decoration:none;
	font-size:12pt;
}

/*The scroller class for brose facilites....Probably don't want to change this*/
.BrowseFacilitiesScroller
{
	OVERFLOW:auto; 
	HEIGHT:500px;
	padding-bottom:15;
}
/*This shows up on view my request if the reservation status type is cancelled*/
.BrowseReservationsCancelled
{
	text-decoration: line-through;
}
/*Header Row for all the admin tables (browse help text etc.)*/
.AdminHeaderRow
{
	font-size: 12pt;
	background-color: #AFBC21;
	
}
/*A back color for a row in the admin tables (i.e. browse help text)*/
.AdminRow
{
	background-color: #FFEED1;
}
/*A back color for the alternate rows in the admin tables (i.e browse help text)*/
.AdminAltRow
{
	background-color: #B9c4dc;
}
/*Just makes the color of the text red. Used for classic request for when no results are available */
.RedText
{
	color:Red;	
}