
/* Global */

.suHide {
	display: none;
}

.sulandingPage {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    margin-top: 25px;
    min-height: 585px;
    
}

.suRightArrow {
	background: url(/contact-us/images/speakUpSpriteSheet.png) no-repeat -18px -322px;
	display: block;
	width: 6px;
	height: 12px;
}


.suShadow {
	-moz-box-shadow: 1px 1px 4px #cdd0d3;
	-webkit-box-shadow: 1px 1px 4px #cdd0d3;
	box-shadow: 1px 1px 4px #cdd0d3;
	
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cdd0d3')";*/
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cdd0d3');*/
	
	/*behavior: url(/contact-us/js/plugins/PIE.htc);*/
}

.suInnerShadow {
   border-top: 1px solid #c0c0c0;
   border-right: 1px solid #f0f0f0;
   border-bottom: 1px solid #e7e7e7;
   border-left: 1px solid #c0c0c0;
}

.suBlueButton {
	background-color: #306FAA;
	color: #f9f9f9;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #306FAA;
    height: 45px;
    position: relative;    
}

.suBlueButton:hover,
.suBlueButton:focus {
	background-color: #004990;
    border: 1px solid #004990;	
}

/*span.suBlueButton {
	display:block;
	float: left;
	margin: 13px 17px 0 18px;
}*/

a.suBlueButton {
	display: inline-block;
	padding: 15px;
	height: 15px;
	color: White !important;
}

a.suBlueButton:hover {
	color: White;	
}

.suOrangeButton {
	background-color: #FF9900;
	color: #f9f9f9;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	-moz-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    width: 160px;
    height: 45px;
    border: 1px transparent solid;
}

.suOrangeButton:hover {
	border: 1px transparent solid;
	background-color: #ff7300;
}
.suOrangeButton:focus {
	border: 1px transparent solid;
	background-color: #ff7300;
}

.suGreyButton {
	background-color: #fefefe;
	color: #004990;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2.0rem;
	-moz-border-radius: 3px;
    border-radius: 3px;  
    border: 0;     
}

.suBackButton {
	background-color: #fefefe;
	color: #4d90cd;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3rem;
    border: 0;     
}

.suGreyButton .selectBox-arrow {
    background: url(/contact-us/images/speakUpSpriteSheet.png) no-repeat -5px -325px;
    width: 12px;
	height: 6px;
	float: right;
	margin: -28px 15px 0 0;
}

.suGreyRadioButton {

    width: 165px;
	min-height: 52px;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2.0rem;
	color: #004990;
	cursor: pointer;
	margin-top: 30px;
	background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ddd); /* Standard syntax */
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.15);
}

.suGreyRadioButton.yes {
	margin-right: 8px;
}

.suGreyRadioButton input {
	display: block;
}

.suGreyRadioButton .suRadioButtonInput {
	/*background: url(/contact-us/images/speakUpSpriteSheet.png) no-repeat -50px -322px;*/
    width: 14px;
	height: 14px;
	margin: 18px 0 0 20px;
}

.suGreyRadioButton.active .suRadioButtonInput {
	background-position: -65px -322px;
}

.suGreyRadioButton span {
	color:#004990;
	margin-left: 25px;
    margin-top: -15px;
    /* float: left; */
    position: absolute;
}
/*#askAQuestionContainer .suGreyRadioButton span {
    margin-top: 20px;
}*/
.suGreyButton .selectBox-label {
	margin-left: 13px;
}

a span {
	cursor: pointer;	
}

.suRoundedCorners {
	-moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;    
    /*position: relative;*/
}

.suStep {
	display: none;
	overflow: hidden;
}

.suStep .leftContent,
.suStep .rightContent {
	width: 450px;
	min-height: 343px;
}

.suStep .leftContent {
	background-color: #f1f5f8;
	float: left;
	margin-right: 30px;
	position: relative;
}

.suStep .leftContent .inner-content {
	padding: 30px 0 0 30px;
}

.suStep .leftContent .suNextStepButton {
	/*margin-top: 14px;*/
	margin-bottom: 40px;
	margin-top: 20px;
}

.suStep .leftContent .suSelect {
	margin-top: 20px;
}

.suStep .rightContent {
	float: left;
}

.rightContent .inner {
	padding: 30px 0 30px 0;
}

.suThinkUp {
	height: 117px;
}

.suNextStepButton {
	height: 45px;
	min-width: 160px;
	text-align: center;
}

.suText {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-size: 4.4rem;
	color: #004990;
	font-weight: bold;
	margin-bottom: 30px;
}

.suSubText {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-size: 2.2rem;
	color: #454545;
	width: 362px;
	margin-top: 20px;
	min-height: 60px;
}

.suMostPopularHelpContainer {
	margin: 30px 0 0 0;
	color: #4d90cd;	
	font-weight: bold;
}

/*.suMostPopularHelpContainer > div {
	margin-bottom: 6px;	
	display: none;
}*/

.suMostPopularHelpContainer {
	margin-bottom: 6px;	
	display: none;
}


/*.suMostPopularHelpContainer > div .topicHeader {
    height: 24px;
}*/

.suMostPopularHelpContainer .topicHeader {
    height: 24px;
}

.suMostPopularHelpContainer ol {
	margin-bottom: 6px;
	/*height: 24px;*/
	
}

.suMostPopularHelpContainer li {
	border-bottom: 1px solid #dae8f4;
	clear: both;
}

.suMostPopularHelpContainer li a {
	display: block;
	height: 45px;
}

.suMostPopularHelpContainer li a:visited {
	/*color: #4d90cd;*/
}

.suMostPopularHelpContainer li a span {
	float: left;
	margin-top: 16px;
}

.suMostPopularHelpContainer .suRightArrow {
	float: right;
}

.suMostPopularHelpContainer a:hover .suRightArrow,
.suMostPopularHelpContainer a span:hover .suRightArrow {
	background: url(/contact-us/images/speakUpSpriteSheet.png) no-repeat -18px -335px;
}

.suMostPopularHelpContainer li.last {
	border-bottom: none;
}

.suFormButtonContainer {
	clear: both;
	overflow: hidden;
}

.suFormButtonContainer .suPreviousStepButton {
	float: left;
	margin-top: 11px;
	*margin-top: 15px;
	margin-top: 15px\9;
	margin-right: 20px;
	padding: 0;
}

.suFormButtonContainer .suNextStepButton {
	float: right;
}

.suFormButtonContainer .suHorizontalLine.blue {
	background-color: #dae8f4;
	width: 672px;
	height: 1px;
	margin-top: 22px;
	float: left;
}

.suHorizontalLine.white {
	background-color: white;
	width: 960px;
	height: 1px;
	margin-top: 22px;
	float: left;
	margin-bottom: 40px;
}

.selectCity {
    min-width: 155px;
	height: 41px;
	font-weight: bold;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;	
	color: White;
	font-size: 1.6rem;
	cursor: pointer;
}

.selectCity.active {
    background-color: #004990;
}

.selectCity div,
.selectCity .close-btn {
	margin: 13px 17px 0 18px;
	float: left;
}

.selectCity #to_field,
.selectCity #from_field {
	width: 0.5px;
	height: 0;
	margin: 0;
	background-color: transparent;	
}

.flightinfo .selectCity div {
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.selectCity .icon 
{
    width: 14px;
	height: 12px;
	background: url(/contact-us/images/speakUpSpriteSheet.png) no-repeat -164px -787px;
	margin-left: 0;
}

.selectCity.selected .icon {
	display: none;
}

.selectCity .close-btn {
	display: none;
}

.selectCity.selected .close-btn {
	display: block;
	background: transparent url(/img/context-switcher-btn-sp.png) no-repeat 0 -128px;
	width: 30px;
	height: 30px;
	margin-top: 5px;
	margin-left: -10px;
	margin-right: 5px;
}

.selectCity.selected .close-btn:hover {
	background-position: 0 -291px;

}

.suFlightDate {
    width: 41px;
	height: 27px;
	background: url(/contact-us/images/speakUpSpriteSheet.png) no-repeat -181px -780px;
	padding-left: 3px;
	display: block;
}

#city-modal a:visited {
	color: #4d90cd;
}

#city-modal a.active:visited {
	color: white;
}

#city-modal a:hover {
	color: white;
}

/* Error Overlay */
.suOverlay {
	width:476px;
	height: 343px;
	background: url(/contact-us/images/speakUpErrorBg.png);
	background-position: center center;
	position: absolute;	
	font-weight: bold;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;	
	color: White;
	display: none;
	background-color: #00285e;
}

.suOverlay > div {
	margin: 20px;
}

.suOverlay .headingContainer {
	overflow: hidden;
}

.suOverlay .error-heading {
	float: left;	
	font-size: 5.0rem;
}

.suOverlay .error-message {
	font-size: 1.5rem;
	width: 397px;
	min-height: 131px;
}

/*.suOverlay .close-btn {
	background: transparent url(/img/context-switcher-btn-sp.png) 0 -126px no-repeat;
	display: block;
	height: 31px;
	width: 30px;
	float: right;
	cursor: pointer;

	width: 30px;
    height: 30px;
    cursor: pointer;
    background: white;
    border-radius: 100px;
    line-height: 31px !important;
    font-size: 3.2rem;
    text-align: center;
    color: #306FAA;
    text-decoration: none;
    overflow: hidden;
    padding: 0;
    border: 0;
}
*/
/*.suOverlay .close-btn:hover {
	background-position:  0 -289px;
	color: #004990;
}*/

.suOverlay .error_close_button img {
position: relative;
    top: -92px;
}
.suOverlay .error_close_button:hover img {
    top: -255px;
}

.suOverlay .cancel-btn,
.suOverlay .ok-btn  {
	width: 109px;
	min-height: 35px;
	text-align: center;
	cursor: pointer;
	float: left;
	height: auto !important;
}

.suOverlay .cancel-btn span,
.suOverlay .ok-btn span  {
	padding-top: 12px;
	display: block;
	padding-top: 12px 0;
}

.suOverlay .cancel-btn {
	
}

.suOverlay .ok-btn {
	margin-left: 10px;
}

.suFormLabel label {
	cursor: default;	
}

.overlay {
	height: 2000px !important;
	min-width: 960px !important;
}

/* end error overlay */

/* start calendar */

.depart-wrap {
	width: 232px;
	margin-top: 0;
}
.ie8 #flightDate,
.ie9 #flightDate {
	top: -100px;
	left:-100px;
}
.depart #depart-cal {
	height: 188px;
}
.ie8 .depart #depart-cal {
	height: 178px;
}

.depart-inner .placeholder {
	margin-left: 40px;
}

#calendar-wrap {
	width: 266px;
	top: -7px;
	left: -7px;
}
#calendar-inner .footer p .date {
	display: block;
}
/*end calendar */

/* flight info step */
.suStep.three.flightinfo .suFormContent {
	padding-top: 30px;
	height: 264px;
}

.suStep.three.flightinfo .suFormRow {
	/*width: 960px;*/
	overflow: hidden;	
	height: auto;
	min-height: 40px;
	width: auto;
	margin-bottom: 10px;
}

.suStep.three.flightinfo .suFormRow {
	margin-right: 0;
}

.suStep.three.flightinfo .suFormRow.first {
	margin-bottom: 0;
}

.suStep.three.flightinfo .suFormRow.first label {
		
}

.suStep.three.flightinfo .suFormColumnOne {
	border-right: 1px solid white;
}

.suStep.three.flightinfo .suFormColumnOne,
.suStep.three.flightinfo .suFormColumnTwo {
	width: 449px;
	text-align: left;	
	min-height: 264px;
	padding: 30px 0 0 30px;
}

.suStep.three.flightinfo .suFormColumnTwo .suFormRow {
	margin-top: 22px;
}

.suStep.three.flightinfo .suFormColumnOne input,
.suStep.three.flightinfo .suFormColumnOne div {
	/*margin-left: 30px*/
}

.suStep.three.flightinfo .suFormColumnTwo .left,
.suStep.three.flightinfo .suFormColumnTwo .right {
	width: 208px;
	float: left;	
}

.confirmationNumberInfo.suFormRow {
	margin-top: 20px;
}

/* end flight info step */

a:hover,a:focus,
.confirmationNumberInfo a:hover, .confirmationNumberInfo a:focus
.suMostPopularHelpContainer li a:hover, .suMostPopularHelpContainer li a:focus{
	color: #004990;
}


/* end Global */

/* Links Breadcrumbs */

.suBreadCrumbContainer {
	width: 960px;
	height: 60px;
	font-weight: bold;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #00285e;	
	/*display: table-cell;
	vertical-align: middle;	*/
	-moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    position: relative;
	
}

.suBreadCrumbContainer a {
	color: #FFFFFF;
	float: left;
}

.suBreadCrumbContainer a:hover {
	text-decoration: underline;
}


.suBreadCrumbContainer a.active {
	color: #66CC66;
}

.breadCrumb {
	list-style-type: none;
	margin-left: 30px;
	padding-top: 25px;
}
.breadCrumb h1{
	font-size: 1em;
}
.breadCrumb ul {
	display: none;
}

.suBreadCrumbArrow{
	position: relative;
    height: 15px;
    width: 10px;
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    margin-top: -1px;
}
.suBreadCrumbArrow img{    
    clip: rect(320px 44px 335px 34px);
    position: absolute;
    top: -320px;
    left: -34px;
}
/* end links breadcrumb */

/* Start step breadcrumb */
.suStepBreadcrumb {
	width: 960px;
	min-height: 70px;
	margin-bottom: 30px;
	background-color: #f1f5f8;	
	padding-bottom: 20px;
}

.suBCContainer {
	width: 320px;
	float: left;
	min-height: 70px;
	position: relative;
	font-weight: bold;
    font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
    color: #454545;
    font-size: 1.5rem;
    background-color: #f1f5f8;
}

.suBCContainer.active {   
	color: #004990;
}

.suBCContent {	    
    min-height: 22px;    
    margin-top: 22px;
}

.suBCContent.topic {	
    margin-left: 99px;
}

.suBCContent.introduce {	
    margin-left: 80px;
}

.suBCContent.question {	
    margin-left: 88px;
}

.suBCContent.flightinfo {
	
}

.suBCContent .stepText {
	padding-top: 6px;
	display: block;
	padding-bottom: 20px;
}

.suBreadcrumbBottom {
	border-bottom: 5px solid #b5d2ee;
	width: 100%;
	height: 17px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

.suBCContainer.active .suBreadcrumbBottom {
	border-bottom: 5px solid #66cc66;
	bottom: -5px;
}

.suIcon {
	height: 22px;
	width: 23px;
	float: left;
	margin-right: 10px;
}

.suIcon.topic {
	background: url("/contact-us/images/speakUpSpriteSheet.png") no-repeat -5px -782px;
}

.suBCContainer.active .suIcon.topic {
	background-position: -29px -782px;
}

.suIcon.introduce {
	background: url("/contact-us/images/speakUpSpriteSheet.png") no-repeat -54px -782px;
}

.suBCContainer.active .suIcon.introduce {
	background-position: -80px -782px;
}

.suIcon.question {
	background: url("/contact-us/images/speakUpSpriteSheet.png") no-repeat -104px -782px;
}

.suBCContainer.active .suIcon.question {
	background-position: -130px -782px;
}

.suIcon.flightinfo {
	background: url("/contact-us/images/speakUpSpriteSheet.png") no-repeat -186px -782px;
}

.suBCContainer.active .suIcon.flightinfo {
	background-position: -209px -782px;
}


.suBreadcrumbBottom.middle {
	border-left: 1px solid #b5d2ee;
	border-right: 1px solid #b5d2ee;
}

/* end  step breadcrumb */

/*** Start homepage ***/

.suLandingPageMiddle {
	padding-top: 40px;
	background-color: #f1f5f8;
	height: 440px;
	margin-bottom: 40px;
	height: 31em;
	padding-bottom: 20px;
}

.suLandingPageMiddle > div {
	/*overflow: hidden;
	position: relative;	*/
}

.suLandingleftContainer {
	position: relative;
	width: 475px;
	margin-right: 40px;
	/*margin-left: 30px;
	margin-right: 40px;*/
	float: left;
}

.suLandingleftContainer .inner-content {
	margin: 0 0 0 30px;
	height: 341px;
	*height: 357px;
}

.suLandingMostPopularTopicsContainer {
	width: 415px;
	float: left;
	margin-right: 30px;
	color: #4d90cd;
	font-weight: bold;
}

.suLandingMostPopularTopicsContainer div {
	margin-bottom: 6px;
	height: 24px;
}

.suLandingMostPopularTopicsContainer li {
	border-bottom: 1px solid #dae8f4;
    float: left;
    width: 100%;
}

.suLandingMostPopularTopicsContainer li.last {
	border-bottom: none;
}

.suLandingMostPopularTopicsContainer li.last a {
	height: 35px;
	*height: 30px;
}

.suLandingMostPopularTopicsContainer li a {
	/*margin-top: 16px;*/
	/*margin-bottom: 19px;*/
	display: block;
	//color: #4d90cd;
	height: 45px;
}

.suLandingMostPopularTopicsContainer a:hover, .suLandingMostPopularTopicsContainer a:focus,
.suLandingMostPopularTopicsContainer a span:hover, .suLandingMostPopularTopicsContainer a span:focus {
	color:#004990;
}

.suLandingMostPopularTopicsContainer a:hover span, .suLandingMostPopularTopicsContainer a:focus span  {
	text-decoration: underline;
}

.suLandingMostPopularTopicsContainer a:hover .suRightArrow, .suLandingMostPopularTopicsContainer a:focus .suRightArrow,
.suLandingMostPopularTopicsContainer a span:hover .suRightArrow, .suLandingMostPopularTopicsContainer a span:focus .suRightArrow {
	background: url(/contact-us/images/speakUpSpriteSheet.png) no-repeat -18px -335px;
}

.suLandingMostPopularTopicsContainer li a span {
	float: left;
	margin-top: 16px;
}



.suLandingMostPopularTopicsContainer .suRightArrow {
	float: right;
}

.suMostPopularHeading {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-size: 2.4rem;
	color: #004990;
	float: left;
}

.suAllTopics {
	float: right;
	margin-top: 5px;
	width: 85px;
}

.suAllTopics span {
	float: left;
    font-size: 0.9em;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	margin-top: 1px;
}

.suAllTopics .suRightArrow {
	float: right;
	margin-left: 9px;
	margin-top: 2px;
}


.suGetAnswersText {
	font-size: 4.4rem;
	font-weight: bold;
	color: #004990;
	margin-bottom: 35px;
	font-family: din-web-jetblue,Arial, Helvetica, sans-serif;
	line-height: 1em;
}

.suGetAnswersSubText {
	font-size: 1.4em;
	color: #454545;
	margin-bottom: 30px;
	line-height: 1.5;
	font-family: din-web-jetblue,Arial, Helvetica, sans-serif;
	min-height: 60px;
}

.suSubSectionLinksContainer {
	min-height: 238px;
	width: 960px;
	background-color: #f1f5f8;
	overflow: hidden;
}

.suSubSectionLinksContainer div {
	float: left;
	min-height: 178px;
	width: 910px;
	margin: 30px 30px 30px 30px;
}

.suSubSectionLink {
	display:block;
	float: left;
	width: 294px;
	min-height: 180px;
	margin-right: 9px;	
	/*background-color: #f9f9f9;	*/
	/* background: url(/contact-us/images/speakUpSpriteSheet.png) no-repeat -649px -139px; */
	-moz-border-radius: 3px;
    border-radius: 3px;   
    position: relative;

        -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #f9f9f9;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
    background: -o-linear-gradient(top,#fff 0,#f2f2f2 100%);
    background: -ms-linear-gradient(top,#fff 0,#f2f2f2 100%);
    background: linear-gradient(to bottom,#fff 0,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    //border: 1px solid #f9f9f9;
    box-shadow: 1px 1px 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
}
a.suSubSectionLink:hover h2,  a.suSubSectionLink:focus h2 {
    color: #004990;
    text-decoration: underline;
}

.suSubSectionTitle {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	float: left;
	font-weight: 900;
	font-size: 1.4em;
	margin: 28px 0 15px 20px;
}

.suSubSectionText {
	font-family: Arial;
	float: left;
	font-size: 0.9em;
	color: #454545;
	margin: 0 20px 0 20px;
	line-height: 1.5;
}

.suSubSectionLink.last {
	margin-right: 0;	
}

.suSelect.homepage {
	width: 294px;
    /*height: 60px;*/
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

/*.suHomePageSelect .selectBox {
   background: transparent;
   width: 294px;
   height: 55px;
   color: #00245d;
   font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 2.0rem;
   padding-left: 13px;
   border: 0;
   border-radius: 0;   
   -webkit-appearance: none;
   cursor: pointer;
   outline: none;   
}*/

/*.suSelectTopicDropDown {
	width: 294px;
	height: 55px;
	float: left;
	margin-right: 10px;
	background: url(/contact-us/images/speakUpSpriteSheet.png) no-repeat -5px -76px;
	background: 
}*/

.suGetAnswersButton {
	min-width:140px;
	min-height: 55px;	
}

.buttonContainter {
	/*position: absolute;
	bottom: 0;*/
	margin-top: 69px
}

.buttonContainter input {
	float: left;
}

/*** End homepage ***/

/* Reach us by phone */
.suReachUsByPhoneHeader {
	border-bottom: 1px solid #dae8f4;
	color: #00285e;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 30px 0 30px 0;
	padding: 0 0 30px 0;
	text-align: center;	
}

.suReachUsByPhoneHeader p {
	font-size: 1.4em;
	line-height: 1.5;
}

.suReachUsByPhoneNumbers {
	/*height:312px;*/
	overflow: hidden;	
}

.suReachUsByPhoneNumbers .phone-column {
	/*display: table-cell;*/	
	float: left;
	width: 240px;
}

.suReachUsByPhoneNumbers .phone-column .phone-location {
	min-height: 78px;
}

.suReachUsByPhoneNumbers .phone-column .phone-location h2 {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	color: #004990;

}

.suReachUsByPhoneNumbers .phone-column .phone-location span {
	font-family: Arial;
	font-weight: normal;
	font-size: 1em;
	color: #454545;
}
/* end reach us by phone */

/* email us landing */

#suEmailUsLanding {
	/*height: 600px;*/
}

.suEmailUsHeader {
	color: #00285e;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	padding: 30px 0 20px 0;
	text-align: center;
	min-height: 50px;
}

.suEmailUsHeader {
	line-height: 1.5;
}

.suEmailUsSections {
	height: 391px;
}

.suEmailUsSections div {		
	float: left;
	/*display: table-cell;*/
	width: 16.5em;
	min-height: 391px;
	background-color: #f1f5f8;
	margin-right: 10px;
	text-align: center;
}

.suEmailUsSections div.last {
	margin-right: 0;
}

.suEmailUsSections div a {
	display: block;
	min-height: 391px;
}

.suEmailUsSections div a:hover,
.suEmailUsSections div a:focus {
	text-decoration: none;
}

.suEmailUsSections div a:hover h2,
.suEmailUsSections div a:focus h2 {
	text-decoration: underline;
}

.suEmailUsSections div a img {
	margin: 55px 0 60px 0;
}

.suEmailUsSections div a span {
	margin: 0 25px 0 30px;
}

.suEmailUsSections div a .suEmailUsHeading {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #004990;
	font-size: 1.4em;	
	display: block;
	text-align: left;	
	margin-bottom: 25px;
	margin-left: 30px;
/*	margin-right: 30px;
	line-height: 1.05em;
	word-wrap: break-word;*/
}

.suEmailUsHeading {
	margin-right: 0 !important;
}

#jbBookerCalendarDepart {
	height: 100% !important;
	min-height: 26px;
}

.suEmailUsSections div a .suEmailUsContent {
	font-family: Arial;
	font-weight: normal;
	color: #454545;
	font-size: 0.9em;
	line-height: 1.7;
	display: block;
	text-align: left;
}

/* end email us landing */

/* Start Ask a question */
.suAskHeader {
	font-weight: bold;
	color: #353535;
	margin-bottom: 30px;
}

.suFormContent {
	overflow: hidden;
	background-color: #f1f5f8;
	padding-top: 50px;
	margin-bottom: 30px;
}

.suFormCenterContent {
	float: left;
}

.suFormRow {
	min-height: 40px;
	margin-bottom: 30px;
	clear: both;
}
.suFormCenterContent .suFormRow{
	min-width: 648px;
}
.suFormColumnOne, .suFormColumnTwo,.suFormColumnTwoCity,.suFormColumnThree {
	float: left;
	height: 100%;
}

.suFormColumnOne {
	width: 275px;
	text-align: right;
}

.suFormColumnOne div {
	line-height: 2.1;
}

.suggestions_wrapper .city-desc {
	min-height: 30px;
	height: auto !important;
}

.suFormColumnOne div,
#askAQuestionContainer .suStep.two .flyingWithinNext24hrs {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #454545;
	font-size: 1.6rem;
	margin-right: 20px;
}

.suFormLabel label {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #454545;
	font-size: 1.6rem;
}
     

span.asterisk {
	color: Red;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-size: 1.6rem;
	font-weight: bold;
}

.suFormColumnTwo {
	min-width: 373px;
	position: relative;
}

.suFormColumnTwoCity {
	min-width: 154px;
}

.suFormColumnTwo input,
.suFormColumnOne input {
	display: block;
	height: 30px;
	min-width: 290px;
	margin-bottom: 5px;
	padding-left: 5px;
	*line-height: 2;
	line-height: 2\9;
}

.clndr1 .dropdown-menu {

}
.dateSelect .dropdown-menu .jbSelectContainer .jbDropdownList {
	width: 9.5em !important;
}

.suFormColumnThree {
	float: right;
	width: 240px;
}

.dateSelect .clndr1 input {
    width: 22rem !important;
}

.suFormColumnThree span {
    float: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.7;
    color: #353535;
    padding: 20px;
}

.suTrueBlueNumber,
.suPhoneNumber {
	width: 240px !important;
}

.suHeaderCopy {
	font-family: Arial;
	color: #454545;
	font-size: 1.4rem;
	margin-bottom:30px;
}

.suTbQuestionLabel {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00245d;
	font-size: 2.4rem;
	margin-bottom: 20px;
}

.suRadioEmailLabel,.suStep4RightHeader {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00245d;
	font-size: 2.4rem;	
}

.suTextBox.ask, 
.suTextBox.voiceConcern,
.suTextBox.shareCompliment {
	height: 160px;
	width: 430px;
	padding: 0;
	float: left;
	padding: 5px;
}

.step3InputRow {
	overflow: hidden;
	margin-bottom: 10px;
}

.step3LeftColumn {
	float: left;
	margin-right: 40px;
	width: 442px;
}

.step3RightColumn 
{
    float: right;
	background-color: #f1f5f8;
	min-height: 170px;
	width: 476px;
}

.step3RightColumn > div {
	margin-top: 30px;
	margin-left: 28px;
}

.step3RightColumn .suGreyRadioButton {
	float: left;
}

.suFormButtonContainer .suOrangeButton {
	float: right;
}

.charLimitRow {
	margin-bottom: 35px;
	color:black;
}

#charNum {
	float: left;
}

.backToSupport {
	/*height: 45px;
	width: 180px;*/
	display: block;
	margin: 37px 0 40px 0;
}

.ddlcatleveltwo,.ddlcatlevelthree {
	display: none;
}

.flightInfoText {
	margin-left: 30px;
}

.suFormColumnThree .suFormRow {
	margin-bottom: 0;
	width: 240px;
}

.confirmationNumberInfo span {
	
}

.suFormColumnThree .confirmationNumberInfo a span {	
	margin-top: 0;
	color:#004990;
}

#suAskQuestionForm #txtconfirmationnumber {
	float: left;
	margin-right: 20px;
}

.confirmationLink {
	position: absolute;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3rem;
	margin-top: 10px;
	color: #306FAA;
	width: 14em;
}

a.confirmationLink:visited {
	color:#4d90cd;
}
a.confirmationLink:hover {
	color: #004990;
}


#suAskQuestionForm #txtflightnumber,
#suAskQuestionForm #txtconfirmationnumber {
	width: 193px;
}

#suAskQuestionForm .suFormColumnTwo div.error {
	float: left;
}

/* end Ask a question */

/* Give a sugestion */
.suTextBox.giveSuggestion {
	height: 160px;
	width: 430px;
	padding: 0;
	float: left;
	padding: 5px;
}

#giveSuggestionContainer .step3RightColumn {
	background-color: White;
}

.giveSuggestionRight .content {
	font-family: Arial;
	font-weight: normal;
	font-size: 1.4rem;
	color: #454545;
	line-height: 1.7;
	margin-bottom: 17px;
	min-height: 100px;
}

/* End give a suggestion */

/* Voice a concern */

.suStepBreadcrumb.voiceConcern .suBCContainer {
	width: 240px;
}

.suStepBreadcrumb.voiceConcern .suBCContent.topic {
	margin-left: 60px;
}

.suStepBreadcrumb.voiceConcern .suBCContent.introduce {
	margin-left: 38px;
}

.suStepBreadcrumb.voiceConcern .suBCContent.flightinfo {
	margin-left: 40px;
}

.suStepBreadcrumb.voiceConcern .suBCContent.question {
	margin-left: 35px;
}


#voiceConcernContainer #txtflightnumber {
	width: 197px;
}

#voiceConcernContainer #txtCrewmemberNumber {
	width: 406px;
}

#voiceConcernContainer #txtconfirmationnumber {
	width: 246px;
}

#voiceConcernContainer .selectCity {
	/*width: 155px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 200px;
	float: left;
}

#flyingWithinNext24hrs {

	display: none;
}

.flyingWithinNext24hrs span {
	display: block;
	cursor: pointer;
	background: transparent url(/img/check-btn-bg.png) 0 0 no-repeat;
	width: 14px;
	height: 14px;
	float: left;
	margin: 8px 10px 0 0;
}

.flyingWithinNext24hrs span.active {
	background-position: -19px 0;
}

.flightInfoContainer {
	overflow: hidden;
	margin-bottom: 30px;
	background-color: #f1f5f8;
}

#suVoiceConcernForm .flightInfoContainer {
	height: 20em !important;
}

.suVoiceConcernHeader {
	margin-bottom: 30px;
}

#flyingWithinNext24hrs {
	height: inherit !important;
	min-width: inherit !important;
	margin-bottom: 0px !important;
}

.flyingWithinNext24hrs label{
    display: block;
    float: left;
    line-height: 1;
}

/* @JB added foreground image */
.foreground-speak-up-sprite-sheet_icon{
	width: 20px;
	height: 22px;
	overflow: hidden;
	display: block;
    margin-top: 10px;
    margin-right:-30px;
}
/* @JB added foreground image */
.foreground-speak-up-sprite-sheet_icon img{
	margin-left: -233px;
	margin-top: -783px;
	color:#4d90cd;

}
.foreground-speak-up-sprite-sheet_icon:hover img{
	margin-left: -233px;
	margin-top: -804px;
	color: #004990;
	cursor: pointer;
}

.confirmationNumberInfo a {
	
 /*background: url(/contact-us/images/speakUpSpriteSheet.png) no-repeat -233px -782px; 
	height: 22px;
	width: 20px;

	display: block ;      
	position: relative; */
	/*padding-left: 30px;*/
	color: #4d90cd; 
	 
}

.confirmationNumberInfo a:hover {
		background-position:  -233px -804px;	
}

.confirmationNumberInfo a:visited {
	
}

.flightinfo .suFormLabel.leftColumn label,
.flightinfo .suFormLabel.leftColumn span {
	/*float: left;*/
}

.flightinfo .suFormLabel.leftColumn label.error {
	margin-left: 3px;
	font-size: 1.4rem;
}

.suRadioButtonRecommend {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.4rem;
	color: #004990;
	cursor: pointer;
	float: left;
}

.suRadioButtonRecommend input {
	display: none;
}

.suRadioButtonRecommend .suRadioButtonInput {
	/*background: url(/contact-us/images/speakUpSpriteSheet.png) no-repeat -50px -322px;*/
    width: 14px;
	height: 14px;
	margin: 0 0 0 20px;
}

.suRadioButtonRecommend .suRadioButtonInput.zero {
	margin-left: 0;
}

.suRadioButtonRecommend.active .suRadioButtonInput {
	background-position: -65px -322px;
}

.suRadioButtonRecommend label {
	padding: 20px 0 0 0;
	display: block;
	text-align: center;
	color:#004990;
}

.suRecommendHeader {
	height: 20px;
	width: 350px;
	font-size: 1.2rem;
}

.suRecommendHeader .notLikely {
    float: left;
}

.suRecommendHeader .likely {
	margin-right: 20px;
    float: right;
}

.suStep4RightHeader {
	margin-bottom: 20px;
}

#voiceConcernContainer .step3RightColumn {
	background-color: White;
}

#voiceConcernContainer .step3RightColumn > div {
	margin-top: 20px;
}

.flightinfo .suBreadcrumbBottom.middle {
	border-left: none;
}

/* end voice a concern */

/* Request a receipt */

.suRequestReceiptHeader {
	border-bottom: 1px solid #dae8f4;
	color: #00285e;
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-size: 2.0rem;
	margin: 30px 0 30px 0;
	padding: 0 0 30px 0;
	text-align: center;	
}

#suRequestReceiptForm .suFormCenterContent {
	width: 960px;
}

.suRequestReceiptHeader span {
	line-height: 1.5;
}

#suRequestReceiptForm .suFormLabel.receipt {
	line-height: 1.2;
}

#suRequestReceiptForm .suBlueButton {
	float: right;
}

#suRequestReceiptForm .suHorizontalLine {
	width: 780px;
}

#suReceiptRequestSubmitButton {
	width: 160px;
}

#suRequestReceiptForm .suFormRow{
	width: 960px;
}

#suRequestReceiptForm .suFormColumnTwo {
	width: 680px;
}

#txtreceiptConfirmationNumber {
	float: left;
	margin-right: 20px;
	width: 240px;
}

#suRequestReceiptForm .confirmationLink {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3rem;	
	display: block;
	margin-top: 10px;
	color: #4d90cd;
	/*margin-left: 260px;*/
	/*width: 295px;
	*width: 350px;*/
	*margin-left: 0;
}
#suRequestReceiptForm .suFormColumnTwoSpan{
	float: left
}


#suRequestReceiptForm .suFormColumnTwo a:hover {
	color: #004990;
}

.error.receiptConf {
	position: absolute;
	margin-top: 35px;
	*margin-left: -267px;
	
}

/* end request a receipt */

/* start share a compliment */

.suStepBreadcrumb.shareCompliment .suBCContainer {
	width: 240px;
}

.suStepBreadcrumb.shareCompliment .suBCContent.topic {
	margin-left: 60px;
}

.suStepBreadcrumb.shareCompliment .suBCContent.introduce {
	margin-left: 38px;
}

.suStepBreadcrumb.shareCompliment .suBCContent.flightinfo {
	margin-left: 40px;
}

.suStepBreadcrumb.shareCompliment .suBCContent.question {
	margin-left: 35px;
}

#shareComplimentContainer #txtflightnumber {
	width: 197px;
}

#shareComplimentContainer #txtCrewmemberNumber {
	width: 406px;
}

#shareComplimentContainer #txtconfirmationnumber {
	width: 246px;
}

#shareComplimentContainer .selectCity {
	/*width: 155px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 200px;
	float: left;
}

#flyingWithinNext24hrs {

	display: none;
}

.flyingWithinNext24hrs span {
	display: block;
	cursor: pointer;
	background: transparent url(/img/check-btn-bg.png) 0 0 no-repeat;
	width: 14px;
	height: 14px;
	float: left;
	margin: 8px 10px 0 0;
}

.flyingWithinNext24hrs span.active {
	background-position: -19px 0;
}

.flightInfoContainer {
	overflow: hidden;
	margin-bottom: 30px;
}

.suVoiceConcernHeader {
	color:#454545;
	font-weight: bold;
	margin-bottom: 30px;
}

.confirmationNumberInfo a:hover {
	background-position: -233px -804px;
}

.confirmationNumberInfo a span {
	color:#306FAA;
	line-height: 1;
	position: absolute;
	margin-top: 5px;
	margin-left: 23px;
	width: 295px;
	*width: 350px;
	width: 350px\9;
	font-size: 1.3rem;
}

/*.flightinfo .suFormLabel.leftColumn label,
.flightinfo .suFormLabel.leftColumn span {
	float: left;
}*/

.flightinfo .suFormLabel.leftColumn label.error {
	margin-left: 3px;
}

.suRadioButtonRecommend {
	font-family: din-web-jetblue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.4rem;
	color: #4d90cd;
	cursor: pointer;
	float: left;
}

.suRadioButtonRecommend input {
	display: none;
}

.suRadioButtonRecommend .suRadioButtonInput {
	/*background: url(/contact-us/images/speakUpSpriteSheet.png) no-repeat -50px -322px;*/
    width: 14px;
	height: 14px;
	margin: 0 0 0 20px;
}

.suRadioButtonRecommend .suRadioButtonInput.zero {
	margin-left: 0;
}

.suRadioButtonRecommend.active .suRadioButtonInput {
	background-position: -65px -322px;
}

.suRadioButtonRecommend label {
	padding: 20px 0 0 0;
	display: block;
	text-align: center;
}

.suRecommendHeader {
	height: 20px;
	width: 440px;
	font-size: 1.2rem;
}

.suRecommendHeader .notLikely {
    float: left;
}

.suRecommendHeader .likely {
    float: right;
}

.suStep4RightHeader {
	margin-bottom: 20px;
    line-height: 1;
}

#shareComplimentContainer .step3RightColumn.bottom {
	background-color: White;
	height: 100px;
}

#shareComplimentContainer .step3RightColumn > div {
	margin-top: 20px;
}

#shareComplimentContainer .step3RightColumn.bottom > div {
	margin-top: 0;
	margin-left: 0px;
}

.flightinfo .suBreadcrumbBottom.middle {
	border-left: none;
}

.suShareComplimentHeader {
	color: #454545;
	font-weight: bold;
	margin-bottom: 30px;
}

#shareComplimentContainer .leftContent {
	margin-right: 10px;
	width: 475px;
	min-height: 379px;
}

#shareComplimentContainer .confirmation .leftContent {
	height: 379px;
}

#shareComplimentContainer .rightContent {
	width: 475px;
}

/* end share a compliment */


/** Marketing Modules **/
.joinModule {
	height: 240px;
    overflow: hidden;
	background-color: #f1f5f8;
	position: relative;	
}

.joinModule .wrap {
	padding: 25px 0 20px 20px;
}

.joinModule h4 {
	color: #00245d;
	font-size: 3.5rem;
	font-family: din-web-jetblue, Arial, Helvetica, Sans-Serif;
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: -1px;
	padding: 0 0 26px 0;
}

.joinModule .minilogo {
	display: block;
	padding: 0 0 5px 0;
}

.joinModule p {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.5;	
}

.joinModule .split {
	padding: 31px 0 0 0;
}
/** End Marketing Modules **/

label.error {
	font-family: Arial;
	font-size: 1.4rem;
	color: Red;
	font-weight: normal;
}


/* Hide Crewmember Name Field in Email/Compliment Step 3 */
#shareComplimentContainer .flightInfoContainer .suFormRow.crewmemberName.hide {
	display: none;
}



/* Hide the "Jump To" link on the bottom of bookers */
#askAQuestionContainer #calendar-wrap,
#voiceConcernContainer #calendar-wrap,
#shareComplimentContainer #calendar-wrap { 
    height: 285px; 
    border-width: 1px 1px 0 1px; 
} 
#askAQuestionContainer #calendar-wrap .calendar-switch,
#voiceConcernContainer #calendar-wrap .calendar-switch,
#shareComplimentContainer #calendar-wrap .calendar-switch {  
    display: none; 
}

.selectBox-dropdown{
	border: 1px solid transparent;
/*	min-width: 292px !important;
    height: 56px !important;*/
    //border-bottom: 0px;
}

.selectBox-dropdown-menu .selectBox-hover{
	//border: 1px solid transparent;
}
.suTbQuestionLabel label.error {
    float: none;
    position: relative;
    top: 0px;
}


 .jbSelectContainer .jbSelectLabel {
    line-height: 34px;
}
.jbSelectContainer.JumpTo .jbSelectLabel:focus {
    outline: 1px solid #7FB6E8 !important;
}
.dropdown-menu .jbSelectContainer .jbDropdownList li {
    padding: 0px 5px;
    text-align: left;
    width: 100%;
}
.jbSelectContainer.ng-scope.open ol{
    outline:1px solid #306faa;
    margin:0px;
    padding:0px;
}
.jumpTo .jbSelectContainer {
    margin-left: 2px !important;
}

.one .dropdown {
	min-height: 100% !important;
}

.selectBox-dropdown {
    margin-bottom: 0px !important;
}

#jb-footer {
	clear: both;
}