﻿/********* SITE COLORS USED ***********

#333333	- Grey Drk		(Form field text)
#666666 - Grey Med		(Text Homepage)
#999999 - Grey Lit		(Link Hover)

#E87B17	- Orange		(Heading Text)

/*************************************/


/* HTML TAGS */
a, a:visited, a:link, a:active {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: #ff6600;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td {
	font-size: 10pt;
}

textarea {
	behavior: url(/rexadmin/_lib/css/maxlength.htc);
	font-size:20px;
}

/* CLASSES */
.dataGridItem {
	color: #000000;
	background-color: #eeeeee;
}

.dataGridAltItem {
	color: #000000;
	background-color: #fff7f2;
}

.dataGridHeader {
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff6600;
}

.error {
	color: #ff0000;
}

.fileUploadButton {
     background: url(/_lib/img/browse-up.gif) no-repeat;
     display:block;
     border-style:none;
     cursor:pointer;
}
.fileUploadButton:hover {
     background: url(/_lib/img/browse-over.gif) no-repeat;
     display:block;
     border-style:none;
     cursor:pointer;
}

.confirmButton{
     background: url(/_lib/img/confirm-up.gif) no-repeat left top; 
     cursor:pointer;
     width:88px;
     height:20px;
     display:block;
     border-style:none;     
}
.confirmButton:hover 
{
     background: url(/_lib/img/confirm-over.gif) no-repeat left top;
     cursor:pointer;
     width:88px;
     height:20px;
     display:block;
     border-style:none;
     
}

.statusButton{
     background: url(/_lib/img/check-status-up.gif) no-repeat left top;   
     cursor:pointer;  
}
.statusButton:hover 
{
    cursor:pointer;
     background: url(/_lib/img/check-status-over.gif) no-repeat left top;
}

.proceedComplainButton {
     background: url(/_lib/img/proceed-over.gif) no-repeat left top;   
     cursor:pointer;  
}
.proceedComplainButton:hover 
{
    cursor:pointer;
     background: url(/_lib/img/proceed-over.gif) no-repeat left top;
}
.submitButton {
     background: url(/_lib/img/submit-up.gif) no-repeat left top;     
     cursor:pointer;
}
.submitButton:hover 
{
    cursor:pointer;
     background: url(/_lib/img/submit-over.gif) no-repeat left top;
}

.submitComplainButton {
     background: url(/_lib/img/submit-complaint-up.gif) no-repeat left top;
     cursor:pointer;     
}
.submitComplainButton:hover 
{
    cursor:pointer;
     background: url(/_lib/img/submit-complaint-over.gif) no-repeat left top;
}

.checkStatusButton {
     background: url(/_lib/img/chech-status-up.gif) no-repeat left top;  
     cursor:pointer;   
}
.checkStatusButton:hover 
{
    cursor:pointer;
     background: url(/_lib/img/chech-status-over.gif) no-repeat left top;
}

.OKButton {
     background: url(/_lib/img/OK-up.gif) no-repeat left top;  
     cursor:pointer;
     width:128px;
     height:20px;
     display:block;
     border-style:none;   
}
.OKButton:hover 
{
    cursor:pointer;
     background: url(/_lib/img/OK-over.gif) no-repeat left top;
     width:128px;
     height:20px;
     display:block;
     border-style:none;  
}

.YESButton {
     background: url(/_lib/img/YES-up.gif) no-repeat left top;  
     cursor:pointer;
     width:128px;
     height:20px;
     display:block;
     border-style:none;   
}
.YESButton:hover 
{
    cursor:pointer;
     background: url(/_lib/img/YES-over.gif) no-repeat left top;
     width:128px;
     height:20px;
     display:block;
     border-style:none;  
}

.NOButton {
     background: url(/_lib/img/NO-up.gif) no-repeat left top;  
     cursor:pointer;
     width:128px;
     height:20px;
     display:block;
     border-style:none;   
}
.NOButton:hover 
{
    cursor:pointer;
     background: url(/_lib/img/NO-over.gif) no-repeat left top;
     width:128px;
     height:20px;
     display:block;
     border-style:none;  
}

.eligibilityCriteriaButton {
     background: url(/_lib/img/eligibility-criteria.gif) no-repeat left top; 
     cursor:pointer;    
}
.contactUsButton {
     background: url(/_lib/img/contact-us.gif) no-repeat left top;    
     cursor:pointer; 
}
.airlineDetailsButton {
     background: url(/_lib/img/airline-details.gif) no-repeat left top;
     cursor:pointer;     
}
.airlineReviewChannelButton {
     background: url(/_lib/img/arc.gif) no-repeat left top;  
     cursor:pointer;   
}

.closeButton {
     background: url(/_lib/img/close.png) no-repeat;
     display:block;
     border-style:none;
     cursor:pointer;
     width:16px;
     height:14px;
}

.formButton {
	border-right: #ff9900 thin ridge;
	border-top: #ff9900 thin ridge;
	font-weight: bold;
	font-size: 10px;
	border-left: #ff9900 thin ridge;
	cursor: hand;
	color: #ffffff;
	border-bottom: #ff9900 thin ridge;
	font-family: Verdana;
	background-color: #ff6600;	
}

.formField {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px; 
	background-color:#CCCCCC;
	text-decoration: none;
}

.passengerList {
	font-family: Courier;
	font-size: 8pt;
}

.scrollY {
	height:150px; 
	width: 600px; 
	overflow-y: scroll;	
	padding:2px; 
	scrollbar-arrow-color: #ff6600; 
	scrollbar-3dlight-color: #ff6600; 
	scrollbar-highlight-color: #ff9900; 
	scrollbar-face-color: #ff9900; 
	scrollbar-shadow-color: #ff6666; 
	scrollbar-track-color: #FFB787; 
	scrollbar-darkshadow-color: #ff9900;
	border-top: #ff6600 1px solid;
	border-bottom: #ff6600 1px solid;
	border-left: #ff6600 1px solid;
	border-right: #ff6600 1px solid;
	background-color: #FFF7F2;
	font-size: 8pt;
	color: #333333;

}

.scrollXY {
	overflow-x:scroll;
	overflow-y:scroll;
	padding:2px; 
	scrollbar-arrow-color: #ff6600; 
	scrollbar-3dlight-color: #ff6600; 
	scrollbar-highlight-color: #ff9900; 
	scrollbar-face-color: #ff9900; 
	scrollbar-shadow-color: #ff6666; 
	scrollbar-track-color: #FFB787; 
	scrollbar-darkshadow-color: #ff9900;
	border-top: #ff6600 1px solid;
	border-bottom: #ff6600 1px solid;
	border-left: #ff6600 1px solid;
	border-right: #ff6600 1px solid;
	background-color: #FFF7F2;
	font-size: 8pt;
	color: #333333;

}

.box {
	border-top: #ff6600 1px solid;
	border-bottom: #ff6600 1px solid;
	border-left: #ff6600 1px solid;
	border-right: #ff6600 1px solid;
}

/*Modal Popup*/
.modalBackground {
	/*background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
*/
 filter: Alpha(Opacity=70); -moz-opacity:0.7; opacity:0.7; 
    width: 100%; height: 100%; 
    background-color:Gray;
    position:relative;
    z-index: 50;
    top: 0px; left: 0px;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.imgBorder
{  border-style: none;
}

.gPoint
{  color:#319999; 
   font-weight:bold
}

/*Modal Popup*/
/*
.modalBackground {
	
  filter: Alpha(Opacity=70); -moz-opacity:0.7; opacity:0.7; 
    width: 100%; height: 100%; 
    background-color:Gray;
    position:relative;
    z-index: 50;
    top: 0px; left: 0px;


}
*/
.modalBackgroundTransparent {
	background-color:Gray;
	filter:alpha(opacity=0);
	opacity:0.7;

}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.TitleImage {
    position:relative;
    float:left; /* optional */
}
.TitleImage .Text 
{
    color: white; 
    position:absolute;
    top:10px; /* in conjunction with left property, decides the text position */
    left:10px;
    width:500px; /* optional, though better have one */
}