/* layout */

table.scw {
	font-family: Tahoma, Helvetica, sans-serif;
}

#wrapper, #wrapper input, #wrapper select, #wrapper button, #wrapper table, #wrapper td, #wrapper th  {
	font-family: Tahoma, Helvetica, sans-serif;
}

#mdvContent, #includeRTAHeader, #includeRTAFooter {
	text-align: right;
	margin: 0 auto; 
}

.journeyPlannerLogoContainer {
	float:right;
}

#wrapper h1 {
	float: right;
}

#wrapper th {
	text-align: right;
}

#wrapper .MDVToolTipBubble_Body th {
	text-align: left;
}

#contentheader {
	z-index: 10;
	width: 530px;
	height: 40px;
	background: url('../../images/box_top_left.gif') no-repeat scroll left top;
	padding-right: 0px;
	text-align: right;
	margin-top: 10px;
}

#contentheaderInner {
	z-index: 11;
	width: 510px;
	height: 40px;
	background: url('../../images/box_top_right.gif') no-repeat scroll right top;
	text-align: right;
	padding-right: 20px;
	margin-top: 0px;
}

#content {
	width: 488px;
	border: solid #CCCCCC 1px;
	border-top: 0px;
	padding: 20px;
	text-align: right;
}

.myJPContainer, #login {
	text-align: right;
}

.helpLink {
	float: right;
	text-align: left;
}

.journeyPlannerTextContainer {
	text-align: right;
}

.map {
	margin-top: 10px;
}


/* login */

#login {
	width: 488px;
	border: solid #CCCCCC 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#itdLoginRequestInit_password, #itdLoginRequestInit_username {
	width: 90px;
}


.odvInputField, .odvInputFieldLarge {
	margin-top: 6px;
}

.logoCol1 {
	float: right;
}

.logoCol2 {
	float: right;
	margin-right: 20px;
	width: 440px;
}



/* bottom menu */
.bottomMenuItem {
	float: right;
	width: 180px;
	text-align: right;
}

#bottomMenu {
	margin-left: 10px;
}


/* button */

button.grey, button.red {
	font-weight: bold;
	color: white;
	padding: 0px;
}

button.red {
	background-color: #C01C16;
	width: 70px;
}

button.grey {
	width: 120px;
	background-color: #85898A;
}

button.smallButton {
	width: 55px;
}

button.middleButton {
	width: 80px;
}

button.bigButton {
	width: 130px;
}

button.shiftButton {
	width: 70px;
}

button.mapButton {
	width: 120px;
	margin-top: 4px;
}

button.savePPButton {
	width: 170px;
}

button.back, .outputMapButtons .grey {
	width: 145px;
}

.leftButtons {
	width: 49%;
	float: right;
	text-align: right;
	vertical-align: top;
	margin-top: 2px;
	margin-bottom:2px;
}

.earlierLater .leftButtons  {
	width: 70%;
}

.earlierLater {
    width: 80%;
    float: right;
}

.fareLink {
    width: 20%;
    float: left;
    text-align: left;
}

.rightButtons {
	width: 51%;
	float: right;
	vertical-align: top;
	text-align: left;
	margin-top: 2px;
	margin-bottom:2px;
}

.mapHelpButton {
	width: 100%;
	text-align: left;
}

.mapHelpButton .mapButton {
	width: 120px;
}


/* legend */

.legendElement {
	float: right;
	padding-left: 20px;
}


/* messages */

.icsImage, .rblImage {
	width: 24px;
	text-align: right;
}

.mapHelp ul {
	margin-right: 15px;
	padding-right: 0px;
}


/* odv */

.odvType {
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float: right;
}

.odvLabelCol {
	width: 11%;
	line-height: 24px;
	margin-top: 4px;
	float: right;
}

.odvInputCol {
	width: 64%;
	height: 50px;
	line-height: 25px;
	float: right;
}

.odvInputColPP {
	width: 64%;
	height: 75px;
	line-height: 25px;
	float: right;
}

.odvMapCol {
	width: 25%;
	text-align: left;
	float: right;
}

.odvRefineCol {
	width: 75%;
	line-height: 25px;
	float: right;
}

.assignedStop {
	float: right;
}

.odvInputField {
	width: 288px;
	float: right;
}

.odvInputList {
	width: 350px;
	float: right
}

.selectBox {
    width: 350px !important;
    float: right !important;
}

.odvInputFieldLarge{
	width: 340px;
	float: right; 
}

.selectBoxFullWidth {
    width: 340px !important;
    float: right !important;
}

.mapButtonContainer {
	float: right;
	margin-right: 10px;
	margin-top: 0px;
}

.odvTypeInput {
	float: right;
	width: 85%;
}



/* date/time */
.depArrBox {
	float: right;
	padding-left:30px;
	padding-right: 0px;
}

.dateTimeBox {
	float: right;
	width: 300px;
}

.dateTimeLabel {
	width: 40px;
	float: right;
}


/* advanced options */

.inclMotCheckbox {
	float:right;
	padding-left:4px;
}

.inclMotImage {
	width: 18%;
	float: right;
	padding-left: 4px;
}

.travelPrefText {
	width: 90%;
	float: right;
	line-height: 30px;
}

.travelPrefWalkIcon {
	float: right;
	width: 9%;
}


/* journey planner result screen */

.summaryOdv {
	width: 55%; 
	float: right;
	padding-left: 10px;
}

.summaryOptions {
	width: 42%;
	float: right;
}

.stopSeqBullet {
	text-align: left; 
}

.menuBarSymbol {
	float: right;
	width: 25px;
	padding-right: 5px;
}

.menuBarLegend {
	float: right;
	width: 127px;
	padding-right: 5px; 
	line-height: 25px;
}

.myJPMenuItem{
	float: right;
	width: auto;
}

.openItem {
	margin-left: 4px;
	vertical-align: text-bottom;
}

.overviewOption {
	width: 6%;
}

.overviewMap {
	width: 19%;
}

.overviewView {
	width: 15%;
}

#hideMyJPFuncButton, #showMyJPFuncButton {
	width: 204px;
}

.motIconContainer {
	float: right;
}

.inclMotImage .motIconContainer {
	float: none;
}


/* leg timetable */

.legTTLeft {
	width: 140px;
	font-size: 12pt;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	overflow-x: auto;
	overflow-y: hidden;
	float: right;
}

.legTTRight {
	width: 335px;
	font-size: 12pt;
	border-left: 1px solid #FFFFFF;
	overflow-x: auto;
	overflow-y: hidden;
	float: right;
}

.legTTLeft table th, .legTTRight table th{ 
	text-align: right;
	background-color: #85898A;
	border-top: 1px solid #FFFFFF;
}

.legTTCell {
	width: 80px;
}


/* asynchronous personal schedule */

.psTimeCol1 {
	float: right;
	width: 80px;
	line-height: 25px;
} 

.psTimeCol2 { 
	float: right;
	width: 380px;
	line-height: 25px;
}

.psTimeColDay { 
	float: right;
	width: 300px;
	line-height: 25px;
}

.psTimeCol3 {
	clear: both;
	float: none;
	width: 300px;
	line-height: 25px;
}


/* my yourney planner  - login*/

.ppLogin {
	width: 74%;
	float: right;
	padding-top: 3px;
	padding-bottom: 6px;
} 

.ppButtons {
	width: 26%;
	float: right;
	text-align: left;
}

.ppList th {
	text-align: right;
	padding: 4px;
	vertical-align: top;
}

.ppListButtons {
	text-align: left;
}


/* my  journey planner - user data/new profile */

.ppLabelCol {
	width: 31%;
	line-height: 26px;
	float: right;
}

.ppInputField {
	margin-bottom: 2px;
}

.savePPField {
	width: 295px;
}

.PPField {
	width: 305px;
	margin-left: 10px;
	float: right;
}

.ppPhoneAreaCode {
	float: right;
	margin-left: 15px;
}

.ppAreaCode {
	width: 80px;
}

/* my  journey planner - travel alert */

.travelAlertCol1 {
	float: right;
	width: 110px;
}

.travelAlertCol2 {
	float: right;
}


/* e-mail form */

.eMailFormTitle {
	float: right;
}

#eMailFormClose, #smsFormClose, #faxFormClose {
	float: right;
	width: 10%;
	text-align: left;
}

.eMailFormCol1 {
	float: right;
}

.eMailFormCol2 {
	float: right;
}

.eMailFormButton {
	text-align: left;
}


/* my locations */

.ppIdentifierLabelCol {
	width: 20%;
	line-height: 24px;
	float: right;
}

.ppIdentifierCol {
	width: 80%;
	float: right;
}


/* my journey planner functionality */

button.ppListButton {
	margin-top: 4px;
	width: 200px;
}

.ppListOdv {
	width: 52%;
}

.ppList2Odv {
	width: 32%;
}

.ppList2OdvShort {
	width: 26%;
}

.identifier {
	width: 250px;
}


/* map */

.MDVMapControl {
	text-align: left;
}

.MDVMapControl_ZoomLevels {
	text-align: left;
}

.mapContextMenu { 
	height: 60px;
}

.mapContextMenuItem {
	text-align: right;
}


/* RTA */

#sideCol h4 { padding-right: 0.25em }

#SideNavRoot, .rounded-box { border: 1px solid #ccc; width: 174px; margin-left: 4px; margin-right:0px;}

#SideNavRoot li { margin-right: 0em; padding-right: 0.5em; padding-left: 0em;}

#SideNavRoot li li { padding-right: 1.5em; }

#contactUsIMG { margin-right: 1.5em; margin-left: 0px;}

#contactUs p { margin-right: 1.75em; margin-left:0px; font-size: 12pt; }

#contactUs h5 {margin-right: 4.5em; margin-left: 0px; }

#BottomRoundedCornersHeader {padding: 0px; padding-right: 0.5em;}

#SideNavRoot li { padding-top: 0.25em; padding-bottom: 0.25em }

#footer p {margin: 0px; margin-right: 1em;}

#footerAD{float: right;}

.bannerInActiveLink  { float: right; }

.sideNavParentLink, .sideNavChildLink { font-size: 12pt; font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; }