/* 
rzsGui B2C 
rzsVerticalLayout is considered default
*/

/* elastic box layout */
/* IE 6 does not support the class change properly with an ID selector.  So generic class selector is used*/
form.rzsHorizontalLayout{width:626px;}
#rzsGui *{margin:0;padding:0;font-family:Arial;font-size:11px;}
#rzsGui{background:#fff url(images/grad-bkgrnd.gif) repeat-x;text-align:left;}
#rzsGui #fsSearchRequest.rzsNoCorners{padding:4px;border:none;}

/* general */
#rzsGui img{border:none;}
#rzsGui #fsSearchRequest{color:#000;}

#rzsGui.rzsVerticalLayout label{display:block;}

/* trip type */
#rzsGui p#pTripType{margin-bottom:10px;}
p#pTripType label{margin-right:6px;display:block;}

#rzsGui.rzsHorizontalLayout p#pTripType{text-align:left;float:left;border-right:solid 1px #000;margin-right:4px;}
/*#rzsGui.rzsHorizontalLayout p#pTripType label{display:inline;}*/

p#pTripType input{margin-right:4px;position:relative;top:1px;}


/* Depart/Destination Block */
div.divDepartDest{position:relative;float:left;}

#rzsGui p.pDepartDateGroup label span,#rzsGui p.pReturnDateGroup label span{margin-left:2px;font-weight:bold;}
#rzsGui p.pDepart img,#rzsGui p.pDest img{vertical-align:bottom;margin:0px 0px 3px 3px;display:none;}

#rzsGui.rzsHorizontalLayout div.divDepartDest{float:left;}
#rzsGui.rzsHorizontalLayout p.pDepart,p.pDest{float:left;}
#rzsGui.rzsHorizontalLayout p.pDepart input,#rzsGui.rzsHorizontalLayout p.pDest input{width:100px;margin-right:6px;}

#rzsGui.rzsHorizontalLayout p.pDepartDateGroup label span,#rzsGui.rzsHorizontalLayout p.pReturnDateGroup label span{}
#rzsGui p.pDepartDateGroup span input,#rzsGui p.pReturnDateGroup span input{width:32px;margin-right:4px;}

#rzsGui.rzsHorizontalLayout p.pDepartDateGroup{float:left;}
#rzsGui.rzsHorizontalLayout p.pReturnDateGroup{clear:left;padding:8px 0px 0px 276px;}
#rzsGui.rzsHorizontalLayout p.pDepartDateGroup label,#rzsGui.rzsHorizontalLayout p.pReturnDateGroup label{float:left;margin-top:2px;width:65px;}
#rzsGui.rzsHorizontalLayout span.spDateYear{float:left;}
#rzsGui.rzsHorizontalLayout p.pDepartDateGroup img,#rzsGui.rzsHorizontalLayout p.pReturnDateGroup img{float:left;cursor:pointer;margin-left:6px;}
#rzsGui.rzsHorizontalLayout p.pDepartDateGroup select,#rzsGui.rzsHorizontalLayout p.pReturnDateGroup select{float:left;margin-left:8px;}


#rzsGui.rzsHorizontalLayout p#pAddRemoveLeg{color:#00f;margin-bottom:10px;font-weight:bold;clear:left;}

#rzsGui p#pAddRemoveLeg span#spAddLeg,#rzsGui p#pAddRemoveLeg span#spRemoveLeg{text-decoration:underline;cursor:pointer;}

/* Passenger Types */
#rzsGui .pPaxTypes{}
p.pPaxTypes select{width:40px;}

#rzsGui.rzsHorizontalLayout div#divPaxTypes{clear:left;margin-left:4px;}
#rzsGui.rzsHorizontalLayout p.pPaxTypes{float:left;margin-right:10px;}
#rzsGui.rzsHorizontalLayout p.pPaxTypes label,form.rzsHorizontalLayout p.pPaxTypes span{display:inline;}
#rzsGui.rzsHorizontalLayout p.pPaxTypes span{margin-left:3px;}


/* Search Options */
#rzsGui p.pSearchOptions{}
p.pSearchOptions label{display:inline;}
p.pSearchOptions select#slFareType,p.pSearchOptions select#slCabinPreference{width:100px;}
p.pSearchOptions input#tbAirline{width:96px;}

/* not sure why but had to add this to make the floated p element display properly in Opera 9+*/
p.pSearchOptions select#slFareType{float:none;margin-right:21px;}

#rzsGui.rzsHorizontalLayout p.pSearchOptions{float:left;margin-right:8px;}
#rzsGui.rzsHorizontalLayout p#pNonStopOption label{display:inline;}
/*#rzsGui.rzsHorizontalLayout input#ckNonStop{vertical-align:middle;}*/


/* search */
#rzsGui.rzsHorizontalLayout #imgSearch{float:right;}

/* calendar control */
div#rzsCalendar{height:162px;width:340px;font-family:Arial;font-size:8pt;border:solid 1px #000;background:#fff url(images/grad-bkgrnd.gif) repeat-x 0px -70px;position:relative;overflow:hidden;}
div#rzsCalendar table{width:170px;border-top:1px solid #000;border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2;float:left;margin:24px 0px;}
div#rzsCalendar table thead th{border-bottom:1px solid #000;line-height:24px;}
div#rzsCalendar td{cursor:pointer;font-weight:bold;background:#fff;height:16px;text-align:center;}
div#rzsCalendar tr.calDayHeader{font-weight:bold;}
div#rzsCalendar td.calInvalidDay{color:#a5a5a5;font-weight:normal;cursor:auto;}
div#rzsCalendar td.calWkEndDay{background:#eaeaea;}
div#rzsCalendar td.calToday{color:#ca0000;cursor:auto;}
div#rzsCalendar td.calSelectedDay{color:#2a2;font-weight:bold;border:1px solid black;}
div#rzsCalendar td.calBlankRow{}
div#rzsCalendar span{clear:left;position:absolute;color:#000;top:2px;left:10px;font-weight:bold;}
div#rzsCalendar span select{margin:1px 0px 0px 4px;font-size:10px;font-weight:bold;}
div#rzsCalendar img{position:absolute;top:28px;left:2px;cursor:pointer;}
div#rzsCalendar img#calMoveNext{left:320px;}
div#rzsCalendar img#calClose{top:1px;left:310px;}

/* searching swf */
div.divSearching{width:275px;margin:0px auto;}

/* misc */
#rzsGui input.rzsRequired{background:#ffa162;color:#000;}