/*
============================================================================
ELEMENT IDS
============================================================================
*/

#AccessibilityOptions
{
display: none;
width: 115px;
}

#AccessibilityOptions,
#MinimizationOptions,
#TransportationModes
{
height: 60px;
line-height: 20px;
}

#DivLegende
{
/*position: absolute;
top: 496px;
left: 533px;*/
}

#divLienAide
{
position: absolute;
top: 25px;
left: 925px;
}

#FromLocationControl_StopIdentifierTextBox,
#ToLocationControl_StopIdentifierTextBox
{
width: 40px;
}

#GeneralErrorPanel
{
margin-top: 5px;
margin-bottom: 5px;
}

#LocationSelectionMap_MapContainer
{
width: 453px !important;
height: 433px !important;
}

#MainView
{
height: 820px;
}

#MainViewFooter
{
position: absolute;
top: 780px;
left: 0px;
}

#MainViewTitle
{
height: 25px;
}

#Map
{
display: block;
position: absolute;
top: 56px;
left: 533px;
z-index: 111;
}

#MinimizationOptions
{
width: 300px;
}

#Step1, #Step2, #Step3, #Step4
{
background-position: left top;
margin-bottom: 10px;
/*margin-top: 10px;*/
}

#Step1
{
height: 117px;
background-image: url(img/RTC_LieuDepart.png);
background-repeat: no-repeat;
z-index: 99;
}

#Step2
{
height: 116px;
background-image: url(img/RTC_LieuArrivee.png);
background-repeat: no-repeat;
z-index: 98;
}

#Step3
{
height: 115px;
background-image: url(img/RTC_DateHeure.jpg);
background-repeat: no-repeat;
z-index: 97;
}

#Step4
{
height: 89px;
background-image: url(img/RTC_VosPreferences.jpg);
background-repeat: no-repeat;
z-index: 96;
}

#Step3 .InputStepContent
{
width: 507px;
/*background-image: url(img/Panel_test_100.jpg);
background-repeat: repeat-x;*/
border: solid 1px #B9B9B9;
background-color: #eeeeee;

}

#Step3 .InputStepContent #TimeOptions
{
margin: 3px;
}

#Step1HelpLinkButton, #Step2HelpLinkButton, #Step3HelpLinkButton, #Step4HelpLinkButton
{
position: absolute;
right: 0px;
display: block;
height: 19px;
width: 18px;
background-image: url(img/RTC_Interogation.gif);
background-repeat: no-repeat;
}

#Step1HelpLinkButton, #Step2HelpLinkButton
{
bottom: 2px;
}

#Step3HelpLinkButton, #Step4HelpLinkButton
{
bottom: 2px;
}

#TimeTypes
{
margin-top: 5px;
}

#TransportationModes
{
width: 200px;
}

#TransportationModes .BusOption, #TransportationModes .MetroOption
{
background-repeat: no-repeat;
background-position: 21px 50%;
height: 30px;
vertical-align: middle;
line-height: 30px;
clear: left;
width: 170px;
float: left;
}

#TransportationModes .BusOption label, #TransportationModes .MetroOption label
{
margin-left: 50px;
}


#TransportationModes .BusOption
{
background-image: url(img/RTC_Bus.gif);
}

#TransportationModes .MetroOption
{
background-image: url(img/RTC_Bateau.gif);
}

#TransportationModes .TrainOption,
#TransportationModes .TramOption
{
display: none;
}

#TVPOptionsControl_BusCheckBox,
#TVPOptionsControl_MetroCheckBox
{
margin: 0px 3px 0px 0px;
height: 30px;
}

#TVPTimeControl_ApproximateCheckBox
{
margin: 0px 3px 0px 0px;
}

#TVPTimeControl_DateLabel
{
font-weight: bold;
}

#TVPTimeControl_EarliestRadioButton,
#TVPTimeControl_LatestRadioButton
{
margin-right: 3px;
}

/*
============================================================================
CLASSES
============================================================================
*/

.AccessibleOption label
{
background-image: url(img/Accessible.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 22px;
}

.Actions
{
display: block;
padding: 0 7px 7px 7px;
position: relative;
top: 0px;
}

.BicycleOption
{
}

.BusOption
{
}

.EarliestRadioButton
{
}

#Earliest
{
}

#SpecificTime, #Earliest, #Latest
{
height: 19px;
}

.ErrorPanel
{
margin: 5px 0px 10px 5px;
width: 465px;
}

.InputOptions
{
/*background-image: url(img/Panel_test_100.jpg);
background-repeat: repeat-x;	*/
border: solid 1px #B9B9B9;
background-color: #eeeeee;
margin-right: 5px;
}

.InputOptions input
{
float: left;
}

.InputOptions label
{
display: block;
height: 20px;
}

.InputOptions span
{
display: block;
margin-left: 3px;
margin-right: 3px;
height: 20px;
}

.InputStep
{
display: block;
position: relative;
margin-left: 5px;
margin-right: 5px;
width: 880px;
}

.InputStepActions
{
position: absolute;
top: 60px;
width: 60px;
left: 438px;
text-align: right;
}

.InputStepActions a
{
display: block;
width: 100%;
margin-bottom: 5px;
}

.InputStepContent
{
position: absolute;
top: 27px;
left: 0px;
width: 600px;
}

.InputStepTitle
{
position: absolute;
top: 0px;
left: 28px;
width: 477px;
height: 27px;
line-height: 27px;
}

.InputStepTitle a
{
font-weight: bold;
}

.InputStepTitle span
{
font-size: 1.4em;
font-weight: bold;
color: #014EA2;
}

.LatestRadioButton
{
}

.LocationAdditionalHtml
{
display: block;
position: absolute;
top: 5px;
left: 178px;
width: 60px;
white-space: nowrap;
text-align: right;
}

.LocationType .InputFields
{
width: 320px;
}

.LocationType .TextBox
{
float: left;
margin-bottom: 2px;
margin-right: 2px;   
padding-right: 2px;   
}

.LocationTypes
{
border-left: solid 1px #B9B9B9;
border-right: solid 1px #B9B9B9;
border-bottom: solid 1px #B9B9B9;
background-color: #eeeeee;
}

.MetroOption
{
}

.PushpinDetailContainer
{
display: block;
overflow-x: hidden;
overflow-y: hidden;
height: 75px;
}

.PushpinDetailContainer2
{
height: 150px;
}

.PushpinDetailContainer3
{
overflow-y: auto;
}

.PushpinDetailContainer4
{
}

.PushpinDetailContainer5
{
}

.SpecificTimeRadioButton
{
float: left;
}

.TimeOption
{
}

.TrainOption
{
}

.TramOption
{
}

.TransfersOption
{
}

.UpdateProgressionPanel
{
background-color: Transparent;
background-image: url(img/ProgressBack-85.png);
}

.UpdateProgressionPanelView
{
height: 110px;
left: 123px;
top: 160px;
width: 206px;
}

.UpdateProgressionPanel .ProgressBarImage
{
height: 75%;
}

.UpdateProgressionPanel .ProgressBarText
{
font-size: small;
height: 25%;
}

.WalkOption
{
}