/* 
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:278px;}
form.rzsVerticalLayout{width:128px;}
#rzsGui *{margin:0;padding:0;font-family:Arial;font-size:11px;}
#rzsGui{background:#fff url(../images/grad-bkgrnd.gif) repeat-x 0px 30px;text-align:left;}
#rzsGui div.rzsGuiBottomLeft{background:url(../images/bot-left.gif) no-repeat left bottom;}
#rzsGui div.rzsGuiBottomRight{background:url(../images/bot-right.gif) no-repeat right bottom;padding-bottom:15px}
#rzsGui div.rzsGuiTopLeft{background:url(../images/top-left.gif) no-repeat left top;}
#rzsGui #fsSearchRequest.rzsGuiTopRight{border:none;background:url(../images/top-right.gif) no-repeat right top;padding:4px 6px 0px 4px;}


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

#rzsGui.rzsVerticalLayout label{display:block;}

/* trip type */
#rzsGui p#pTripType{padding:38px 0px 0px 4px;margin-bottom:6px;background:url(../../../app_themes/default/images/airfare-search.jpg) no-repeat;}
p#pTripType label{margin-right:6px;display:block;}

#rzsGui.rzsHorizontalLayout p#pTripType{text-align:center;}
#rzsGui.rzsHorizontalLayout p#pTripType label{display:inline;}

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


/* Depart/Destination Block */
#rzsGui div.divDepartDest{position:relative;padding-left:4px;}

#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.rzsVerticalLayout div.divDepartDest{margin-bottom:25px}
#rzsGui.rzsVerticalLayout p.pDepart,#rzsGui.rzsVerticalLayout p.pDest{margin-bottom:4px;}
#rzsGui.rzsVerticalLayout p.pDepart input,#rzsGui.rzsVerticalLayout p.pDest input{width:110px;}


#rzsGui.rzsHorizontalLayout div.divDepartDest{float:left;margin-top:6px;}
#rzsGui.rzsHorizontalLayout p.pDest{position:relative;left:12px;top:5px;}
#rzsGui.rzsHorizontalLayout p.pDepart input,#rzsGui.rzsHorizontalLayout p.pDest input{width:155px;}

#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.rzsVerticalLayout p.pDepartDateGroup{position:relative;top:5px;}
#rzsGui.rzsVerticalLayout p.pReturnDateGroup{position:relative;top:16px;margin-bottom:35px;}
#rzsGui.rzsVerticalLayout p.pDepartDateGroup img,#rzsGui.rzsVerticalLayout p.pReturnDateGroup img{position:relative;top:2px;left:3px;cursor:pointer;}
#rzsGui.rzsVerticalLayout p.pDepartDateGroup select,#rzsGui.rzsVerticalLayout p.pReturnDateGroup select{position:relative;top:4px;}


#rzsGui.rzsHorizontalLayout p.pDepartDateGroup{float:left;margin:12px 0px 8px;}
#rzsGui.rzsHorizontalLayout p.pReturnDateGroup{float:left;margin-bottom:6px;}
#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.rzsVerticalLayout p#pAddRemoveLeg{color:#00f;margin-top:20px;}

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

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

#rzsGui.rzsVerticalLayout p.pPaxTypes label{display:inline;}
#rzsGui.rzsVerticalLayout p.pPaxTypes select#slAdult,form.rzsVerticalLayout p.pPaxTypes span#spAdult{position:relative;left:2px;}
#rzsGui.rzsVerticalLayout p.pPaxTypes select#slChild,form.rzsVerticalLayout p.pPaxTypes span#spChild{position:relative;left:4px;}
#rzsGui.rzsVerticalLayout p.pPaxTypes span{margin-left:3px;}

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


/* Search Options */
#rzsGui p.pSearchOptions{margin:4px 0px;}
p.pSearchOptions label{display:block;}
p.pSearchOptions select#slFareType,p.pSearchOptions select#slCabinPreference{width:100px;}
p.pSearchOptions input#tbAirline{width:96px;}
#rzsGui.rzsVerticalLayout div#divSearchOptions{margin-top:14px;}
/* 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#pNonStopOption{left:-150px;position:relative;top:20px;}
#rzsGui.rzsHorizontalLayout p#pNonStopOption label{display:inline;}
#rzsGui.rzsHorizontalLayout p.pSearchOptions{float:left;}

/* search */
#rzsGui.rzsVerticalLayout #imgSearch{margin:8px 0px 0px 25px;}
#rzsGui.rzsHorizontalLayout #imgSearch{float:right;margin:17px 8px 0px 0px;}

/* 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{}*/

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