﻿/* 
rzsGui B2C 
rzsVerticalLayout is considered default
*/

/* elastic box layout */
form#rzsGui{width:400px;text-align:left;}
#rzsGui *{margin:0;padding:0;font-family:Arial;font-size:11px;}
#rzsGui{background:#fff url(../images/grad-bkgrnd.gif) repeat-x left top;}
#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:10px}
#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:10px 0px 0px 6px;}


/* general */
#rzsGui img{border:none;}
#rzsGui #fsSearchRequest{color:#000;}
#rzsGui label{display:block;}

/* trip type */
#rzsGui p#pTripType{margin-bottom:12px;text-align:center;}
#rzsGui p#pTripType label{margin-right:6px;display:inline;}
#rzsGui p#pTripType input{margin-right:4px;position:relative;top:1px;}


/* Depart/Destination Block */
#rzsGui div.divDepartDest{float:left;}

#rzsGui p.pDepart img,#rzsGui p.pDest img{display:none;vertical-align:bottom;margin:0px 0px 3px 3px;}
#rzsGui p.pDepart,#rzsGui p.pDest{float:left;margin-right:4px;}
#rzsGui p.pDepart input,#rzsGui p.pDest input{width:96px;}

#msPosFix{float:left;width:5px;height:30px;}
#ms6PosFix{float:left;width:2px;height:30px;}


#rzsGui p.pDepartDateGroup{float:left;margin-right:8px;display:inline;}
#rzsGui p.pReturnDateGroup{float:left;margin-left:201px;display:inline;}
#rzsGui p.pDepartDateGroup span input,#rzsGui p.pReturnDateGroup span input{width:32px;margin-right:4px;}
#rzsGui p.pDepartDateGroup label span,#rzsGui p.pReturnDateGroup label span{margin-left:2px;font-weight:bold;}
#rzsGui p.pDepartDateGroup img,#rzsGui p.pReturnDateGroup img{vertical-align:bottom;margin:0px 3px 3px 3px;cursor:pointer;}

#rzsGui p#pAddRemoveLeg{float:left;color:#00f;margin:12px 0px;}
#rzsGui p#pAddRemoveLeg span#spAddLeg,#rzsGui p#pAddRemoveLeg span#spRemoveLeg{text-decoration:underline;cursor:pointer;}


/* Passenger Types */
#rzsGui .pPaxTypes{margin-top:4px;}
#rzsGui p.pPaxTypes select{width:40px;}
#rzsGui p.pPaxTypes span{display:block;}

#rzsGui div#divPaxTypes{}
#rzsGui p.pPaxTypes{float:left;margin-right:10px;}


/* Search Options */
#rzsGui p.pSearchOptions{margin-top:4px;}
#rzsGui p.pSearchOptions label{display:block;}
#rzsGui p.pSearchOptions select#slFareType,p.pSearchOptions select#slCabinPreference{width:100px;}
#rzsGui p.pSearchOptions input#tbAirline{width:60px;}

#rzsGui p.pSearchOptions{float:left;margin-right:8px;}

/* search */
#rzsGui #imgSearch{margin:18px 8px 0px 0px;float:right;cursor:pointer;}

/* 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;}

/* misc */
#rzsGui input.rzsRequired{background:#ffd186;color:#000;}
#rzsGui select.rzsRequired{background:#ffd186;color:#000;}

/* searching swf */
div.divSearching{width:275px;margin:40px auto;}
