/*
============================================================================
ELEMENT IDS
============================================================================
*/

#AccessibilityOptions
{
/*
width: 115px;
*/
display: none;
}


#MinimizationOptions,
#TransportationModes
{
height: 60px;
line-height: 20px;
width: 475px;
}

#GeneralErrorPanel
{
margin-top: 5px;
margin-bottom: 5px;
font-size: 14px;
}

#ClearOriginLinkButton
{
position: absolute;
left: 50px;
}

#FromLocationControl_AddressInputFields
{
width: 370px;
height: 50px;
}

#FromLocationControl_AddressInputLabels
{
width: 50px;
}

#FromLocationControl_AddressMunicipalityDynamicComboBox_DropDownButton, #ToLocationControl_AddressMunicipalityDynamicComboBox_DropDownButton
{
left: 383px;
position: absolute;
}

#FromLocationControl_AddressMunicipalityDynamicComboBox_QueryTextBox
{
width: 323px;
}

#FromLocationControl_AddressStreetDynamicComboBox
{
position: absolute;
top: 24px;
left: 150px;
}

#FromLocationControl_AddressStreetDynamicComboBox_DropDownButton, #ToLocationControl_AddressStreetDynamicComboBox_DropDownButton
{
left: 233px;
position: absolute;
}


#FromLocationControl_AddressStreetDynamicComboBox_QueryTextBox
{
width: 225px;
}


#FromLocationControl_AddressStreetLabel
{
position: absolute;
top: 24px;
left: 110px;
}

#FromLocationControl_AddressStreetRequiredFieldValidator
{
font-size: x-large;
}

#FromLocationControl_AddressTab
{
font-size: small;
width: 90px;
}

#FromLocationControl_CivicNumberTextBox
{
width: 50px;
}

#FromLocationControl_LandmarkTab
{
font-size:  small;
width: 90px;
}

#FromLocationControl_LocationPanels
{
height: 63px;
}

#FromLocationControl_RecentTab
{
font-size:  small;
width: 90px;
}

#FromLocationControl_StopTab
{
font-size:  small;
width: 90px;
}

#FromLocationControl_IntersectionTab
{
font-size:  small;
width: 90px;
}

#MinimizationOptions
{
/*
width: 475px;
*/
}

#Step1
{
height: 130px;
background-image: url(../../img/step1.jpg);
background-repeat: no-repeat;
z-index: 99;
}

#Step1InputStepActions
{
left: 475px;
}

#Step2
{
height: 130px;
background-image: url(../../img/step2.jpg);
background-repeat: no-repeat;
z-index: 98;
}

#Step2InputStepActions
{
left: 475px;
}

#Step3
{
height: 130px;
background-image: url(../../img/step3.jpg);
background-repeat: no-repeat;
z-index: 97;
}

#Step4
{
height: 92px;
background-image: url(../../img/step4.jpg);
background-repeat: no-repeat;
z-index: 96;
}

#Step3 .InputStepContent
{
width: 475px;
background-image: url(../../img/Panel_100_1.jpg);
background-repeat: repeat-x;
}

#Step3 .InputStepContent #TimeOptions
{
margin: 3px;
}

#Step1HelpLinkButton, #Step2HelpLinkButton, #Step3HelpLinkButton, #Step4HelpLinkButton
{
position: absolute;
top: 0px;
left: 450px;
display: block;
height: 28px;
width: 28px;
background-image: url(../../img/help_24.jpg);
background-repeat: no-repeat;
}

#Step1HelpLinkButton:hover, #Step2HelpLinkButton:hover, #Step3HelpLinkButton:hover, #Step4HelpLinkButton:hover
{
background-image: url(../../img/help_24_Selected.jpg);
}

#TimeTypes
{
margin-top: 5px;
}



#ToLocationControl_AddressInputFields
{
width: 350px;
height: 50px;
}

#ToLocationControl_AddressStreetRequiredFieldValidator
{
font-size: x-large;
}

#ToLocationControl_AddressTab
{
font-size: small;
width: 90px;
}

#ToLocationControl_AddressMunicipalityDynamicComboBox_QueryTextBox
{
width: 323px;}


#ToLocationControl_LandmarkTab
{
font-size:  small;
width: 90px;
}

#ToLocationControl_LocationPanels
{
height: 63px;
}

#ToLocationControl_RecentTab
{
font-size:  small;
width: 90px;
}

#ToLocationControl_StopTab
{
font-size:  small;
width: 90px;
}

#ToLocationControl_IntersectionTab
{
font-size:  small;
width: 90px;
}

#ToLocationControl_CivicNumberTextBox
{
width: 50px;
}

 

#ToLocationControl_AddressInputLabels
{
width: 50px;
}

 

#ToLocationControl_AddressStreetLabel
{
position: absolute;
top: 24px;
left: 110px;
}

 

#ToLocationControl_AddressStreetDynamicComboBox
{
position: absolute;
top: 24px;
left: 150px;
}

 

#ClearDestinationLinkButton
{
position: absolute;
left: 50px;
}


#TransportationModes
{
/*
width: 150px;
*/
display: none;
}

#TransportationModes .BusOption,
#TransportationModes .TrainOption
{
width: 66px;
float: left;
}

#TransportationModes .MetroOption,
#TransportationModes .TramOption
{
clear: right;
}

#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;
*/
display: none;
}

.AccessibleOption
{
display: none;
}

.Actions
{
display: block;
margin-left: 417px;
margin-top: 10px;
margin-bottom: 10px;
}

.BicycleOption
{
}

.BusOption
{
}

.ErrorPanel
{
font-size: 11px;
height: 25px;
margin-left: 88px;
width: 475px;
}

.InputOptions
{
background-image: url(../../img/Panel_100_1.jpg);
background-repeat: repeat-x;
margin-right: 5px;
}

.InputOptions input
{
float: left;
}

.InputOptions label
{
display: block;
height: 20px;
}

/*.InputOptions span*/
.InputOptions .TimeOption,
.InputOptions .TransfersOption,
.InputOptions .WalkOption,
.InputOptions .BusOption,
.InputOptions .MetroOption,
.InputOptions .TrainOption,
/* .InputOptions .AccessibleOption, */
.InputOptions .BicycleOption

{
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: 150px;
height: 30px;
left: 458px;
}

.InputStepActions a
{
display: block;
width: 100%;
margin-bottom: 5px;
font-size: xx-small;
font-weight: bold;
}

.InputStepContent
{
position: absolute;
top: 32px;
left: 81px;
width: 600px;
}

.InputStepTitle
{
position: absolute;
top: 0px;
left: 81px;
width: 475px;
height: 31px;
line-height: 31px;
border-bottom: solid 1px #013467;
}

.InputStepTitle a
{
font-size: small;
font-weight: bold;
}

.InputStepTitle span
{
font-size: small;
font-weight: bold;
}

.LocationType .InputFields
{
width: 300px;
}

.LocationTypes
{
width: 475px;
height: 58px;
background-image: url(../../img/Panel_100_1.jpg);
background-repeat: repeat-x;
}

.MetroOption
{
}

.TimeOption
{
}

.TrainOption
{
}

.TramOption
{
}

.TransfersOption
{
}

.WalkOption
{
}

