/* 
    Document   : UJCommonStyles.css
    $LastChangedRevision: 996 $
	$LastChangedBy: ChrisMcKee $
	$LastChangedDate: 2010-06-15 09:25:07 +0100 (Tue, 15 Jun 2010) $
    Description:
        User Journey Common Styles (for error pages etal)
*/

/*This style sheet is used to maintain the look-n-feel for Progress bar*/
.ProgressBar {
	text-align:center;
	text-align:-moz-center;
	vertical-align: middle;
}
/*This style sheet is used to maintain the look-n-feel for Non-hierchical display of Preferences in Search Screen*/
#staticPreferences tr td {
	font-size: 11px;
	color: #444;
}
/*This style sheet is used to maintain the look-n-feel for Hierchical display of Preferences in Search Screen*/
#staticHierarchicalPreferences table tr td { font-size: 11px; color: #444; }
.staticRarHiererchy { font-size: 11px; color: #444; }
/*This style sheet is use to set the style of the body of non-template driven pages*/
.staticBody { margin:0px; }
.staticAddressPageErrorLbl {
	font-size: 11px;
	text-align:center;
	color:#030;
}
.staticThankYouMainLbl { font-weight: 600; font-size: 14px; }
.staticDefaultText { color: #686868; }
/*This class is used for image buttons in non-template driven pages  */
.StaticContentImage { font-size: 11px; }
/*This class is used for displaying labels with normal text in non-template driven pages  */
.StaticContentTxt {
	font-size: 12px;
	color: #444;
}
/*This class is used for displaying the generic message in email a friend page  */
.EmailAFriendGenricMsg {
	font-weight: bolder;
	font-size: 16px;
	color: #444;
	height: 25px;
}
/*This class is used for displaying the sender's message in email a friend page  */
.EmailAFriendMsg {
	font-weight: bold;
	font-size: 12px;
	color: #440;
	height: 25px;
}
/*This class is used for displaying the PropertyDetails in email a friend page  */
.EmailAFriendPropertyDetails {
	font-size: 15px;
	color: #444;
	height: 25px;
}
/*This class is used for displaying the Property Name header in email a friend page  */
.EmailAFriendPropertyName {
	font-weight: bold;
	font-size: 14px;
	color: #444;
	height: 25px;
}
/*This class is used for displaying the Property Name in email a friend page  */
.EmailAFriendPropertyNameValue {
	font-weight: bold;
	font-size: 14px;
	color: #444;
	height: 25px;
	padding-left:1px;
}
/*This class is used for displaying the Property Loaction header in email a friend page  */
.EmailAFriendPropertyLocation {
	font-weight: bold;
	font-size: 14px;
	color: #444;
	height: 25px;
}
/*This class is used for displaying the Property Location in email a friend page  */
.EmailAFriendPropertyLocationValue {
	font-weight: bold;
	font-size: 14px;
	color: #444;
	height: 25px;
	padding-left:1px;
}
/*This class is used for displaying the Property Ref header in email a friend page  */
.EmailAFriendPropertyRef {
	font-weight: bold;
	font-size: 14px;
	color: #444;
	height: 25px;
}
/*This class is used for displaying the Property reference in email a friend page  */
.EmailAFriendPropertyRefValue {
	font-weight: bold;
	font-size: 14px;
	color: #444;
	height: 25px;
	padding-left:1px;
}
/*This class is used for displaying label in the dynamic map mentioning VRG's property   */
.StaticMapTxt {
	font-size: 10px;
	color: #444;
}
/*This class is used to control the display opf the infomation message appearing below map*/
.MapPropertyInfoDisplay {
	display: none;
}
/*This class is used for displaying text on the property icons  in the dynamic map    */
.MapIconSpanClass {
	font-size: 8px;
	color: Yellow;
	text-align: center;
	vertical-align: top;
	height: 16px;
	width: 16px;
	font-weight: normal;
	border-color: #000;
	border: 1px;
	z-index: 10;
}
/*This class is used for the div containing the datagrid in non-template driven pages  */

.StaticDgDiv {
	position: relative;
	visibility: visible;
	padding: 0px;
	margin: 0px; /*	border:1px none #AAAAAA;*/
	width: 100%; /*  height:100%;*/
}
/*This class is used for datagrid in non-template driven pages  */
.StaticDatagridDisplay {
	border: 1px solid #fff;
	font-size: 11px;
	width: 100%;
	background-color: #fff;
	text-align: center;
}
/*This class is used for datagrid in address pop up pages  */
.StaticDatagridDisplayQAS {
	border: 1px solid #fff;
	font-size: 11px;
	width: 100%;
	background-color: #fff;
	text-align: center;
}
/*This class is used for datagrid in price guide pages  */
.StaticDatagridDisplayPriceGuide {
	border: 1px solid #fff;
	font-size: 11px;
	width: 100%;
	background-color: #eee;
	text-align: center;
}
/*This class is used for making labels appear bold in non-template driven pages  */
.StaticContentTxtBold {
	font-size: 14px;
	color: #000;
	font-weight: bold;
}
.StaticContentHdrLbl {
	font-size: 14px;
	color: #FFF;
	font-weight: 600;
}
/*This class is used for the <td> containing the page header label in non-template driven pages  */
.staticPageHdr {
	text-align: left;
	height: 30px;
	padding:3px 2px;
	background-color:#a7ce38;
	color:#fff;
	font-size:1.1em;
	font-weight:600;
}
/*This class is used for the <td> containing the header label in UJCustom Error Page*/
.staticErrorPageHdr {
	text-align: center;
	height: 30px;
	border: #61AC43 2px solid;
	background-color: #ACD39E;
	padding: 0px 0px 0px 10px;
}
/*This class is used for datagrid headers in non-template driven pages  */
.staticDataGridHeader {
	color: #a7ce38;
	font-weight:600;
	font-size: 13px;
}
/*This class is used for datagrid headers in price guide pages pages  */
.staticDataGridHeaderPriceGuide {
	color: #a7ce38;
	font-weight: 600;
	font-size: 14px;
}
/*This class is used for datagrid headers in Address Popup pages pages  */
.staticDataGridHeaderQAS {
	border: 1px solid #fff;
	color: #fff;
	background-color: #BCD291;
	font-weight: bold;
	font-size: 14px;
}
/*This class is used for link buttons in non-template driven pages  */
.StaticContentLnkBtn {
}
/*This class is used for the dimension of dynamic map  */
.DynamicMapDim {
	height: 218px;
	width: 220px;
}
/*This class is used for hyperlinks in non-template driven pages  
.StaticContentLnkHyper
{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 24px;
}

.StaticContentLnkHyper:link
{
	text-decoration: underline;
}

.StaticContentLnkHyper:active
{
	text-decoration: underline;
}
.StaticContentLnkHyper:visited
{
	text-decoration: underline;
}

.StaticContentLnkHyper:hover
{
	text-decoration: none;
}
*/

/* This class is used for displaying the error label in UJCustomError Page */
.StaticErrorPageLabel {
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	color:#31A7DE;
}
.StaticMenuFooter {
	border-top: 1px solid #fff;
	font-size: 11px;
	color: #ccc;
	text-align: center;
	vertical-align: middle;
	height: 21px;
}
/*This style sheet is used to maintain the look-n-feel for display of Children Age grid in Enter Passenger Ages Screen*/
#staticEnterPassengerAges tr td {
	font-size: 11px;
	color: #444;
}
.staticnoImageCss {
	font-size: 11px;
	color: #444;
}
/* For Calendar in AvailabilityAndPricingDetails*/
/* The main calendar widget.  DIV containing a table. */

div.staticCalendar {
	position: relative;
}
/*This style sheet is used for the main body of the calendar used in AvailabilityAndPricingDetails Page */
.staticCalendar, .staticCalendar table {
	width: 225px;
	height: 166px;
	border: 0px solid #565;
	font-size: 11px;
	color: #256978;
	cursor: default;
	background-color: #fff;
	font-weight: bold;
	border-color: White;
}
/*This style sheet is used for the title part(e.g. June 2006) of the calendar used in AvailabilityAndPricingDetails Page */
.staticCalendarTitle {
	background-color: #9FAD90;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	padding: 0px 0px 0px 2px;
	font-size: 12px;
	height: 20px;
	vertical-align: middle;
}
/*This class is used for setting the style of the individual date cells of the calendar*/
.staticCalendarCell {
	background-color: #EDEFEB;
	font-size: 11px;
	color: #256978;
}
/*This class is used for the inner table of the calendar used in AvailPricing page*/
.staticInnerCalendarTable {
	width: 100%;
	height: 100%;
	padding: 2px 0px 2px 0px;
	background-color: #fff; /*color:#22606E;*/
	color: #00C;
	font-weight: normal;
	font-size: 3px;
}
/*This class is used to hold the inner table of the calendar*/
.staticInnerCalendarTD {
	height: 100%;
	width: 100%;
	border: 1px solid #AFBCA3;
	vertical-align: top;
}
/*This style sheet is used for week days of the calendar used in AvailabilityAndPricingDetails Page  */
.staticCalendarHeadRow {
	color: #22606E;
	background-color: #C6D7B4;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	padding:4px;
	font-weight: bold;
}
/************Navigation Control**************/

.staticnavselct {
	background-image: url(../images/bkj_barslect.gif);
	vertical-align: middle;
	text-align: center;
	padding: 2px 1px 1px 1px;
}
.staticnavselctspecial {
	background-image: url(../images/bkj_barslectspecial.gif); /*background-repeat:no-repeat;   	background-position:right;*/
	vertical-align: middle;
	text-align: center;
	padding: 2px 1px 1px 1px;
}
.staticnavNOTselct {
	background-image: url(../images/bkj_barnonslect.gif);
	vertical-align: middle;
	text-align: center;
	padding: 2px 1px 1px 1px;
}
.staticnavselcttxt {
	font-weight: bold;
	color: #9CCC8B;
	font-size: 11px;
}
.staticnavselctspecialtxt {
	font-weight: bold;
	color: #fff;
	font-size: 11px;
}
.staticnavNOTselcttxt {
	font-weight: bold;
	color: #9CCC8B;
	font-size: 11px;
}
/**********ItinerarySection*************/
.staticbkjsummlist_div {
	height: 7px;
}
.staticbkjsummlst_propertyhdr {
	font-size: 10px;
	font-weight: bold;
	color:green;
}
.staticbkjsummlst_propertytxt {
	font-size: 10px;
	font-weight: normal;
	color: #525252;
}
.staticbkjsummlst_propertyrefhdr {
	font-size: 10px;
	font-weight: bold;
	color: #AE3535;
}
.staticbkjsummlst_propertyreftxt {
	font-size: 10px;
	font-weight: normal;
	color: #525252;
}
.staticbkjsummlst_costincludehdr {
	font-size: 10px;
	font-weight: bold;
	color: #AE3535;
}
.staticbkjsummlst_costincludetxt {
	font-size: 10px;
	font-weight: normal;
	color: #525252;
}
.staticbkjsummlst_dateshdr {
	font-size: 10px;
	font-weight: bold;
	color: #AE3535;
}
.staticbkjsummlst_datestxt {
	font-size: 10px;
	font-weight: normal;
	color: #525252;
}
.staticbkjsummlst_totcosthdr {
	font-size: 10px;
	font-weight: bold;
	color: #AE3535;
}
.staticbkjsummlst_totcosttxt {
	font-size: 10px;
	font-weight: normal;
	color: #525252;
}
.staticmandatory {
	font-size: 11px;
	font-weight: normal;
	color: #525252;
}
/* This class is for the setting attributes of the td on the ViewOnMap pop up*/
.tabViewOnMap {
	height: 220px;
	width: 220px;
	border-color: Green;
	text-align: center;
	left: 19px;
	z-index: 101;
}
/* This class is for the Pagination Bars on the Search Result Page */
.staticSRPaginationClass {
	background-color: White;
	color: Black;
	font-size: smaller;
	border: solid 1px black;
	text-align: center;
}
/*This class is for the main table of the error page*/
.staticCustomErrorMainTable {
	height: 616px;
	width: 800px;
}
/*this class drives the style for dorp down control in static pages*/
.staticCombo {
	font-size: 11px;
	color: #444;
}
/*This style sheet is used for the main body of the Holiday start date Calendar */
.staticHolidayCalendar, .staticHolidayCalendar table {
	border: 0px solid #565;
	font-size: 11px;
	color: #000;
	cursor: default;
	background-color: #fff;
	color: #006400;
}
/*This style sheet is used for the title part(e.g. June 2006) of the Holiday start date Calendar */
.staticHolidayCalendarTitle tr td {
	background-color: #ccc;
	font-weight: bold;
	border: none;
}
/*this class drives the style for Head row in Holiday start date Calendar*/
.staticHolidayCalendarHeadRow {
	background-color: #C6D7B4;
	color: #006400;
	font-weight: bold;
}
/*this class drives the style for weekend days in Holiday start date Calendar*/
.staticHolidayCalendarWeekend {
	background-color: #ffc;
}
/*this class drives the style for Today date in Holiday start date Calendar*/
.staticHolidayCalendarTodayDay {
	background-color: #ccc;
}
/*this class drives the style for Today date in Holiday start date Calendar*/
.staticHolidayCalendarSelectedDay {
	font-weight: bold;
	background-color: #C6D7B4;
}
/*this class drives the style for the dates those can not be selected in Holiday start date Calendar*/
.staticHolidayCalendarNonSelectableDates {
	color: #ccc;
}
/*this class drives the style for dates of other months shown in Holiday start date Calendar*/
.staticHolidayCalendarOtherMonthDay {
	background-color: #ccc;
}
/*this class drives the style for Selector in Holiday start date Calendar*/
.staticHolidayCalendarSelector {
	background-color: #ccc;
}
/*this class drives the style for Next-Previous in Holiday start date Calendar*/
.staticHolidayCalendarNxtPrev tr td {
	background-color: #ccc;
	bottom: auto;
}
/*this class drives the style for the DataList in PropRefResult page*/
.StaticDatalistDisplayPropRef {
}
/*this class drives the style for the Table Cell of the DataList in PropRefResult page*/
.StaticDatalistCellDisplayPropRef {
	border-top: solid 2px #090;
	border-bottom: solid 2px #090;
	height: 100px;
}
/*This class drives the display style of the labels inside the Datalist in PropRefResult page */
.StaticContentTxtPropRef {
	font-size: 12px;
	color: #090;
}
.StaticDgDiv {
	font-size:11px;
	text-align:left;
}
#grade {
	font-size:0.9em;
}
#dgGrade_ctl02_lblGD, #dgGrade_ctl03_lblGD, #dgGrade_ctl04_lblGD, #dgGrade_ctl05_lblGD, #dgGrade_ctl06_lblGD {
	padding:2px;
}
#dgGrade_ctl01_lblGTH {
	margin-left:-25px !important;
} /* hack due to inline code style="display: inline-block; width: 15%;" */

#bodyTermsConditions{ background:#fff;}
#bodyTermsConditions h1, .StaticContentHdrLbl{ font-size:1.2em; margin:0 5px 0; color:#000; }