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

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

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

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

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

#MinimizationOptions
{
width: 450px;
}

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

#Step1, #Step2, #Step3, #Step4
{
background-position: left top;
}

#Step1
{
height: 121px;
background-image: url(img/step1.png);
background-repeat: no-repeat;
z-index: 99;
margin-top: 10px;
}

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

#Step3
{
height: 125px;
background-image: url(img/step3.png);
background-repeat: no-repeat;
z-index: 97;
}

#Step4
{
height: 87px;
background-image: url(img/step4.png);
background-repeat: no-repeat;
z-index: 96;
}

#Step3 .InputStepContent
{
width: 450px;
background-image: url(img/Panel_100_1.jpg);
background-repeat: repeat-x;
}

#Step3 .InputStepContent #TimeOptions
{
margin: 3px;
font-size: small;
color: #003366;
}

#Step1HelpLinkButton, #Step2HelpLinkButton 
{
position: absolute;
top: 10px;
left: 420px;
display: block;
height: 30px;
width: 30px;
background-image: url(img/questions_btn.png);
background-repeat: no-repeat;
}

#Step3HelpLinkButton, #Step4HelpLinkButton
{
position: absolute;
top: -2px;
left: 420px;
display: block;
height: 30px;
width: 30px;
background-image: url(img/questions_btn.png);
background-repeat: no-repeat;
}


#TimeTypes
{
margin-top: 5px;
}

#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;
}

.Actions
{
display: block;
margin-left: 350px;
margin-top: 10px;
margin-bottom: 10px;
}

.BicycleOption
{
}

.BusOption
{
}

.EarliestRadioButton
{
}

.ErrorPanel
{
font-size: 12px;
height: 25px;
margin-left: 55px;
width: 475px;
color: #8B0000;
}

.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
{
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: 48px;
width: 600px;
}

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

.InputStepTitle a
{
font-size: small;
font-weight: bold;
}

.InputStepTitle span
{
font-size: small;
font-weight: bold;
}

.LatestRadioButton
{
}

.LocationType .InputFields
{
width: 300px;
}

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

.LocationTypes
{
width: 450px;
height: 58px;
background-image: url(img/Panel_100_1.jpg);
background-repeat: repeat-x;
}

.MetroOption
{
}

.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
{
}

.SelectLocationType
{
width: 370px;
background-image: url(img/Panel_100_1.jpg);
background-repeat: repeat-x;
}

.SelectLocationType A
{
background-image: url(img/Tabs_27_74.jpg); WIDTH: 74px;
background-repeat: repeat-x;
}

.SelectLocationType a.current, .SelectLocationType a.current:visited
{
background-image: url(img/Tabs_27_74_Selected.jpg);
background-repeat: no-repeat;
color: #333333;
}

#CreateLinkButton
{
display: block;
width: 200px;
height: 30px;
float: left;
background-image: url(img/emptyplantrip_btn.png);
padding-left: 10px;
top: 10px;

}