/* layout */

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

#wrapper th {
	text-align: left;
}

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

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

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

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

#wrapper h1 {
	float: left;
}


/* 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: 78px;
}

.logoCol1 {
	float: left;
}

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

#contactUs p {font-style: italic;}


/* bottom menu */
.bottomMenuItem {
	float: left;
	width: 200px;
}


/* buttons */

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

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

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

button.smallButton {
	width: 65px;
}

button.middleButton {
	width: 100px;
}

button.bigButton {
	width: 110px;
}

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

button.savePPButton {
	width: 150px;
}

button.ppButton {
	width: 95px;
}

.leftButtons {
	width: 45%;
	float: left;
	vertical-align: top;
	margin-top: 2px;
	margin-bottom:2px;
}

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

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


/* legend */

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


/* messages */

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

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


/* odv */

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

.odvLabelCol {
	width: 14%;
	line-height: 24px;
	float: left;
}

.odvInputCol {
	width: 65%;
	height: 50px;
	line-height: 25px;
	float: left;
}

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

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

.odvRefineCol {
	width: 78%;
	line-height: 25px;
	margin-bottom: 20px;
	float: left;
}


/* advanced options */

.inclMotCheckbox {
	float: left;
	padding-right: 4px;
	padding-top: 8px;
	height: 30px;
}

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

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

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


/* journey planner result screen */

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

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

.stopSeqBullet {
	text-align: right; 
}

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

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

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

.motIconContainer {
	float: left;
}

.inclMotImage .motIconContainer {
	float: none;
}


/* leg timetable */

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

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

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


/* asynchronous personal schedule */

.psTimeCol1 {
	float: left;
	width: 200px;
	line-height: 25px;
} 

.psTimeCol2 { 
	float: left;
	width: 265px;
	line-height: 25px;
}

.psTimeCol2 select {
	margin-bottom: 5px;
}

.psTimeColDay { 
	float: left;
	width: 340px;
	line-height: 25px;
}

.psTimeCol3 {
	float: none;
	width: 180px;
	line-height: 25px;
}


/* my yourney planner  - login*/

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

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

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

.ppListButtons {
	text-align: right;
}

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


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

.ppLabelCol {
	width: 31%;
	line-height: 24px;
	float: left;
}

.savePPField {
	width: 320px;
}

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

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

.ppAreaCode {
	width: 80px;
}


/* my  journey planner - travel alert */

.travelAlertCol1 {
	float: left;
	width: 80px;
}

.travelAlertCol2 {
	float: left;
}


/* e-mail form  */

.eMailFormTitle {
	float: left;
}

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

.eMailFormCol1 {
	float: left;
}

.eMailFormCol2 {
	float: left;
}

.eMailFormButton {
	text-align: right;
}


/* my locations */

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

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


/* my journey planner functionality */

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