/* You can add global styles to this file, and also import other style files */
/* *{ line-height: 1; } */

body {
	background: url(../images/background-main-grow.png) repeat-x scroll center top #1d96d7;
	background-size: contain;
}
.headerbg {
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 0 2px 1px rgba(170,170,170,0.5);
    -moz-box-shadow: 0 0 2px 1px rgba(170,170,170,0.5);
    box-shadow: 0 0 2px 1px rgba(170,170,170,0.5);
}
.pcHeaderimg {
	width: 100%;
	max-width: 1089px;
}
.center { text-align: center; }
.clear { clear: both; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    vertical-align: initial;
}

@media(max-width:750px){
  .container {min-width: 100%; padding: 0;}
  .pageWrapper .pageContent {margin: 0px 0px 10px 0px;}
  .pageWrapper{width:calc(100% - 20px);margin: 20px 10px;}
  .title { margin: 10px 0 0; }
  .maincontent1 { padding: 20px 10px 0px 10px; border-bottom: 1px solid #dfdfdf;}
  .maintitle{ font-size: 20px; text-align: left; margin-bottom:0px;}
  .description {line-height: 20px; padding: 15px 0px 20px 0px; text-align: left;}
  .content {padding: 0 0 30px 0; margin: 0 10px;}
  .icon{ width: 35px; display: inline-block; margin:0 15px 0 18px;}
  .txt{ font-weight: normal; font-size: 18px;}
  .addnewmember{padding: 15px 10px 15px 10px;}
  .block1 {padding: 15px 10px 15px 10px;}
  .ui-selectmenu-button.ui-button {
    min-width: 100%;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(246, 251, 253)));
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat-x: ;
    background-repeat-y: ;
    background-size: auto;
    border-bottom-color: rgb(69, 69, 69);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(69, 69, 69);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(69, 69, 69);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(69, 69, 69);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top-style: none;
    border-top-width: 0px;
    box-shadow: rgb(170, 170, 170) 0px 1px 3px 0px;
    color: rgb(69, 69, 69);
    cursor: pointer;
    display: inline-block;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    height: 50px;
    line-height: normal;
    margin-bottom: 4px;
    margin-left: 0px;
    margin-right: 1.2px;
    margin-top: 0px;
    min-width: 50px;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 4.8px;
    padding-left: 10px;
    padding-right: 12px;
    padding-top: 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-size-adjust: 100%;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-border-image: none;
}
.ui-button .ui-icon, .ui-selectmenu-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon {
    position: inherit; 
}


}


nav.navbar-default {
	border: 0;
	background-color: transparent;
	margin: 20px 0 5px 0;
	min-height: inherit;
}
nav.navbar-default a {
	color: #253b56;
	line-height: 18px;
}
nav.navbar-default a:HOVER {
	color: #1994d7;
}
nav.navbar-default a:not(:last-child) {
	
}

@media(max-width:750px){
nav.navbar-default { display: none; }

.ui-selectmenu-button span.ui-icon {
	background-image: url(../images/footer_arrow.png);
    background-size: contain;
    height: 16px;
    top: 7px;
    right: inherit;
    float: left;
}
.ui-button.ui-selectmenu-button .ui-selectmenu-text {
    font-size: 16px;
    font-weight: 600;
    margin-left: 26px;
    line-height: 32px;
}

}
.breadcrumb {
	background-color: transparent;
	display: inline-block;
	padding: 0;
	margin: 0;
    height: 17px;
    width: auto;
    vertical-align: middle;
}
.breadcrumb.breadcrumb_home {
	text-indent: 19px;
	background-image: url(../images/icons-profile.png);
    background-repeat: no-repeat;
    background-position: 0 -342px;
}
.breadcrumb.breadcrumb_home:HOVER {
	background-position: 0 -361px;
}
.breadcrumb-separator {
	display: inline-block;
	background-image: url(../images/icons-interactive.png);
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
	background-position: 0 -152px;
	vertical-align: bottom;
}
.renewMAContent .arrow {
	display: table-cell;
	float: none;
	vertical-align: top;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	vertical-align: middle;
}
.renewMAContent .arrow:AFTER {
	background-image: none;
    color: #e4e8ed;
    content: '\E30C';
    font-family: pepmdx;
    font-size: 20px;
    margin: -3px 0 0 -6px;
    display: block;
}
.memberBlueList .arrow {
    left: -15px;
}
.close, .close:hover, .close:focus {
	opacity: 1;
}
.button_done {
	display: inline-block;
	padding: 0 2px 2px;
	
}
.button_done .pillBase {
	display: inline-block;
    position: relative;
	padding: 0 5px;
	min-width: 90px;
    height: 27px;
    line-height: 26px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
	background-color: #61941b;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
	box-shadow: 0 1px 3px rgba(0,0,0,0.35);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    cursor: pointer;
	-webkit-transition: background .17s linear;
    -moz-transition: background .17s linear;
    -o-transition: background .17s linear;
    transition: background .17s linear;
}
.button_done:FOCUS .pillBase, .button_done:HOVER .pillBase {
	background-color: #8dc63f;
	-webkit-box-shadow: 0 0 4px 1px #1d96d7;
    -moz-box-shadow: 0 0 4px 1px #1d96d7;
    box-shadow: 0 0 4px 1px #1d96d7;
}
.button_done .pillBase .gradient {
	display: block;
    position: relative;
    width: auto;
    min-width: 60px;
    height: 17px;
    white-space: nowrap;
	padding: 0 16px;
    top: 1px;
	background: -moz-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.56)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fffffff',endColorstr='#00ffffff',GradientType=0);
    -webkit-user-select: none;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.button_done .buttonText{
	color: #FFF;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
    line-height: 22px;
}
.button_check {
	display: inline-block;
	padding: 0 2px 2px;
}
.button_check .pillBase {
	display: inline-block;
    position: relative;
	padding: 0 5px;
	min-width: 90px;
    height: 27px;
    line-height: 26px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
	background-color: #1994d7;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35);
	box-shadow: 0 1px 3px rgba(0,0,0,0.35);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    cursor: pointer;
	-webkit-transition: background .17s linear;
    -moz-transition: background .17s linear;
    -o-transition: background .17s linear;
    transition: background .17s linear;
}
.button_check:FOCUS .pillBase, .button_check:HOVER .pillBase {
	background-color: #5aa5e0;
	-webkit-box-shadow: 0 0 4px 1px #1d96d7;
    -moz-box-shadow: 0 0 4px 1px #1d96d7;
    box-shadow: 0 0 4px 1px #1d96d7;
}
.button_check .pillBase .gradient {
	display: block;
    position: relative;
    width: auto;
    min-width: 60px;
    height: 17px;
    white-space: nowrap;
	padding: 0 16px;
    top: 1px;
	background: -moz-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.56)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0.56) 0,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fffffff',endColorstr='#00ffffff',GradientType=0);
    -webkit-user-select: none;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.button_check .buttonText{
	color: #FFF;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
    line-height: 24px;
}
/*~~~~~~~~~~~~~~~~~~~~ Begin Of Dashboard.html ~~~~~~~~~~~~~~~~~~~~*/

.container .pageTitleWrapper {
    margin-bottom: 5px;
    margin-top: 10px;
}
.pageWrapper .pageContent:first-child {
    margin-top: 10px;
}
.pageWrapper .pageContent {
    margin: 20px 0px;
}
.pageContent section.main {
    padding: 20px 30px;
    display: block;
}
.pageContent section.menuBar {
    padding: 10px 30px;
    display: block;
}
.pageContent section.memberContent {
	padding: 40px 30px 25px 30px;
	display: block;
}
.pageContent section.myNewsContent {
	padding: 40px 30px;
	display: block;
}
.memberCard {
	height: 62px;
    vertical-align: middle;
    display: inline-block;
}
.pageContent section.menuBar .verticalSeparator {
	height: 43px;
}
.memberName {
	display: block;
    font-weight: bold;
    font-size: 22px;
    line-height: 1;
    margin-top: 3px;
    margin-bottom: 8px;
}
.myActImg {
	width: 100%;
}
.memberTitle {
	font-weight: normal;
	font-size: 14px;
}
.newsArrow {
    position: absolute;
    right: 0px;
    top: 35%;
}
.memberInfoDiv {
	display: inline-block;
    vertical-align: top;
    margin-left: 25px;
}
.viewAsDifferentMember {
    line-height: 62px;
    color: #1994d7;
}
.viewDiffMemberLink {
	
}
.viewDiffMemberLink:HOVER {
	
}
.viewDiffMemberLink:HOVER span {
	text-decoration: underline;
}
.memberTabDiv {
	width: 32%;
	text-align: center;
	cursor: pointer;
}
.memberTabDiv:hover span {
	color: #1994d7;
	text-decoration: underline;
}
.inlineCenter, .memberTabDiv img, .memberTabDiv span {
	display: inline-block;
	vertical-align: top;
}
.memberTabDiv span {
	margin-left: 10px;
	font-size: 14px;
}
.memberContentTitle, .newsContentTitle {
	display: block;
    font-weight: lighter;
    font-size: 24px;
    padding-bottom: 30px;
}
.benefitContentTitle {
	display: block;
    font-weight: lighter;
    font-size: 28px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.newsContentTitle.mleft{
	margin-left: 10px;
}

.dashboard_mainTitle {
	display: block;
    font-weight: lighter;
    font-size: 28px;
    padding-bottom: 30px;
}
.memberContentSubTitle {
	display: block;
    font-weight: normal;
    font-size: 16px;
    padding-bottom: 15px;
}
.memberBlueListRmargin {
	margin-right: 15px;
}
.memberBlueList {
	position: relative;
/*	display: table-row;*/
	padding: 0;
	background-color: #ebf6fc;
	margin-bottom: 20px;
	border-radius: 4px;
}

.memberBlueList.lastmargin{
    margin-bottom: 0;
}

.memberBlueList .htmlContainer {
	display: table-cell;
	padding: 0px 15px;
	width: 100%;
	overflow: hidden;
	clear: both;
}
/*.memberBlueList:last-child {
	margin-bottom: 1px;
}*/

.roman{
	font-weight: lighter;
}

.inlineCenter, .memberTabDiv img, .memberTabDiv span img{
    display: inline-block;
    vertical-align: middle;
}

.menuImageTop{
	margin-top: 10px;
}

.menuTextTop{
	margin-top: 15px;
}

.memberBlueListContentDiv {
	display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}
.memberBlueListIcon {
	height: 80px;
	margin: 5px 15px 5px 0;
}
.memberBlueListArrow {
    line-height: 90px;
    
}
.memberBlueListName {
	display: block;
    font-weight: bold;
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 6px;
}
.memberBlueListTitle {
	font-weight: normal;
	font-size: 14px;
}
.memberBlueListContainer {
	padding: 40px 0 30px 0;
}

.dashboardNewsDiv {
	position: relative;
	display: table-row;
	padding: 0;
	margin: 0;
	color: #253b56;
}
.dashboardNewsDiv .htmlContainer {
	display: table-cell;
	padding: 0 15px 0 0;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.dashboardNewsContentDiv {
	display: inline-block;
    vertical-align: top;
	max-width: 430px;
	margin-left: 20px;	
}
.dashboardNewsTitle {
	font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    display: block;
    margin-bottom: 10px;
}
.dashboardNewsDesc {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	display: none;
}
.dashboardNewsImg {
	width: 170px;
	height: 96px;
}
.dashboardViewMore {
	font-size: 14px;
	font-weight: normal;
	color: #1994d7;
	text-align: center;
	width: 100%;
	padding: 5px 0 0;
}
.dashboardNewslineMargin {
	margin: 20px 0;
}
.offerlineMargin {
    margin: 20px 0;
}
.dashboardViewAll {
	font-size: 14px;
    font-weight: normal;
    color: #1994d7;
    float: right;
    margin-top: 10px;
}
.dashboardViewAll a {
	
}
.dashboardViewAll a:HOVER {
	color: #1994d7;
	text-decoration: underline;
}
.dashboardContentTitle {
    font-weight: lighter;
    font-size: 24px;
    padding-bottom: 30px;
}
.mobileHorizontalSeparator {
	display: none;
}
.dashboardNewsDate {
	/*display: none;*/
}
.memberBlueListContainer a {
	text-decoration: none;
	color: #253b56;
}
.memberBlueListContainer a:HOVER {
	text-decoration: none;
	color: #1994d7;
}
.memberBlueListContainer a:HOVER .arrow:AFTER {
	color: #1994d7;
}
.memberWhiteListContainer a, .memberWhiteListContainer a:HOVER {
	text-decoration: none;
}
.memberWhiteListContainer a .dashboardNewsDiv {
	color: #253b56;
}
.memberWhiteListContainer a:HOVER .dashboardNewsDiv {
	color: #1994d7;
}
.memberWhiteListContainer .dashboardViewMore a {
	
}
.memberWhiteListContainer .dashboardViewMore a:HOVER {
	color: #1994d7;
	text-decoration: underline;
}
.memberWhiteListContainer a:HOVER .arrow:AFTER {
	color: #1994d7;
}
.myNewsContentContainer a, .myNewsContentContainer a:HOVER {
	text-decoration: none;
}
.myNewsContentContainer a .dashboardNewsDiv {
	color: #253b56;
}
.myNewsContentContainer a:HOVER .dashboardNewsDiv {
	color: #1994d7;
}
.myNewsContentContainer a:HOVER .arrow:AFTER {
	color: #1994d7;
}

@media(max-width: 750px){
	.dashboard_mainTitle {
		display: block;
	    font-weight: lighter;
	    font-size: 24px;
	    padding-bottom: 25px;
	}
	.pageWrapper .pageContent:first-child {
	    margin-top: 0px;
	}
	.pageWrapper .pageContent {
	    margin: 10px 0px;
	}

	.pageWrapper .pageContent.marginTopBottom20{
	    margin: 20px 0px;
	}

	.pageWrapper .pageContent.marginBottom20{
	    margin: 0 0 20px;
	}

	.pageContent section.main {
	    padding: 15px 10px;
	    display: block;
	}
	.memberCard {
	    height: 52px;
	    vertical-align: top;
	    display: inline-block;
	}
	.memberInfoDiv {
	    display: inline-block;
	    vertical-align: top;
	    margin-left: 20px;
	}
	.memberName {
	    display: block;
	    font-weight: bold;
	    font-size: 14px;
	    margin-top: 0;
	    margin-bottom: 9px;
	}
	.memberTitle {
	    font-weight: normal;
	    font-size: 12px;
	    line-height: 18px;
	}
	.viewAsDifferentMember {
        line-height: 18px;
	    float: none;
	    display: block;
	}
	.memberTabDiv {
	    width: 31.5%;
	    text-align: center;
	}
	.memberTabDiv span {
	    margin-left: 0px;
	    font-size: 12px;
/*	    margin: 10px 0 5px;*/
	    line-height: 16px;
	}
	.pageContent section.memberContent {
	    padding: 15px 10px;
	    display: block;
	}/*
	.memberContentTitle {
	    display: block;
	    font-weight: lighter;
	    font-size: 18px;
	    padding-bottom: 10px;
	}*/
	.overlay {

	}
	.memberContentSubTitle {
	    display: block;
	    font-weight: normal;
	    font-size: 12px;
	    padding-bottom: 15px;
	}
	.myActImg {
	    height: 100%;
	    width: auto;
	    overflow: hidden;
	}
	.memberBlueListContainer {
	    padding: 35px 0 20px 0;
	}
	.memberBlueList {
	    display: block;
	    padding: 15px 0px;
	    background-color: #ebf6fc;
	    margin-bottom: 5px;
	}
	.memberBlueListIcon {
	    height: 60px;
	    margin: 0px 10px 0px 10px;
	}
	.memberBlueListName {
	    display: block;
	    font-weight: bold;
	    font-size: 12px;
	    max-width: 185px;
	    margin-bottom: 5px;
	}
	.memberBlueListTitle {
	    font-weight: normal;
	    font-size: 12px;
	    line-height: 16px;
	    max-width: 185px;
	}
	.memberBlueListNewsContainer {
		width: 185px;
		max-width: 185px;
	}
	.memberBlueListArrow {
	    line-height: 50px;
	}
	.dashboardNewsImg {
        width: 57px;
	    height: 57px;
	    overflow: hidden;
	    position: relative;
	}
	.htmlContainer {
		margin-bottom: 20px;
	}
	.dashboardActivityImg {
        width: 100%;
	    height: 57px;
	    overflow: hidden;
	    position: relative;
	}
	.dashboardNewsImg img {
        position:absolute;
	    left: -100%;
	    right: -100%;
	    top: -100%;
	    bottom: -100%;
	    margin: auto;
	    min-height: 100%;
	    min-width: 100%;
	}
	.dashboardNewsContentDiv {
	    display: inline-block;
	    vertical-align: top;
	    max-width: 185px;
	    margin-left: 8px;
	}
	.dashboardNewsTitle {
	    font-size: 14px;
	    font-weight: bold;
	    line-height: 20px;
	    display: block;
	    margin-bottom: 0;
	}
	.dashboardNewsDesc {
	    display: none;
	}
	.dashboardViewMore {
	    padding: 0;
	}

	.pageContent section.myNewsContent {
	    padding: 15px 10px 25px 10px;
	    display: block;
	}
	.dashboardContentTitle {
	    font-weight: lighter;
	    font-size: 18px;
	    padding-bottom: 12px;
	}
	.dashboardViewAll {
	    font-size: 14px;
	    font-weight: normal;
	    color: #1994d7;
	    float: none;
	    margin-top: 0px;
	}
	.mobileHorizontalSeparator {
		display: block;
	}
	.mobileHorizontalSeparator img {
		width: 100%;
		height:auto;
	}
	.mobileHorizontalSeparator .btnViewGallery {  }
	.dashboardNewsDate {
		display: none;
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 20px;
	    display: block;
	}
	.menuImageTop {
/*    margin-top: 5px;*/
	}
	.memberBlueListName {margin-top: 0px;}
}



/*~~~~~~~~~~~~~~~~~~~~ End of Dashboard.html ~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~ Begin Of Dashboard_Modal.html ~~~~~~~~~~~~~~~~~~~~*/


.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(25,148,215);
	background: -moz-linear-gradient(top,  rgba(25,148,215,0.66) 0%, rgba(202,214,226,0.66) 52%, rgba(25,148,215,0.66) 99%);
	background: -webkit-linear-gradient(top,  rgba(25,148,215,0.66) 0%,rgba(202,214,226,0.66) 52%,rgba(25,148,215,0.66) 99%);
	background: linear-gradient(to bottom,  rgba(25,148,215,0.66) 0%,rgba(202,214,226,0.66) 52%,rgba(25,148,215,0.66) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1994d7', endColorstr='#1994d7',GradientType=0 );
	/*transition: opacity 150ms;*/
	visibility: hidden;
	opacity: 0;
}
.overlay.active {
	visibility: visible;
	opacity: 1;
    z-index: 9999999;
    overflow-y: scroll;
}

.popup {
	margin: 13vh auto;
    border-radius: 12px 12px 12px 12px;
    background-color: #fff;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    padding: 30px 30px 20px 30px;
    background: #fff;
    width: 750px;
    position: relative;
	/*transition: all 0.2s ease-in-out;*/
}

.tips .date{
	border-radius:3px;
	width:15px;
	height:15px;
	display:inline-block;
}
.radio-group .align-top .radio{
	vertical-align: top;
}
.radio-group .disabled{
	color:#999;
}
.radio {
    width: 30px;
    height: 25px;
    border: none;
    outline: none;
    background: url(../images/sprite-components.png) -3px -1111px;
    display: inline-block;
    vertical-align: middle;
}
.radio:not(.selected) {
	background: url(../images/sprite-components.png) -3px -1074px;
}
.disabled .radio{
	background: url(../images/sprite-components.png) -3px -1222px;
}

.info-field:nth-of-type(1){
	padding-top:20px;
}
.info-field{
	display:inline-block;
	padding-right:20px;
}
.info-field label{
	font-weight:bolder;
	display:block;
}

.subtitle{
	font-size:15px;
	font-weight:bolder;
	padding:15px 0;
}



#lightOff {
    width: 36px;
    height: 36px;
    border: none;
    outline: none;
    background: url(../images/sprite-components.png) 0px -1070px;
    display: inline-block;
    vertical-align: middle;
}
#lightOn {
	width: 36px;
    height: 36px;
    border: none;
    outline: none;
	background: url(../images/sprite-components.png) 0px -1181px;
	display: inline-block;
    vertical-align: middle;
}
#lightOff:hover {
	background: url(../images/sprite-components.png) 0px -1144px;
}

.popup .content .memberCard {
    width: 128px;
    height: 80px;
    margin: 0px 0px 0px 20px;
}
.popup .content .memberInfoDiv {
    vertical-align: top;
    margin-left: 30px;
    margin-top: -5px;
}
.popup .content .memberInfoDiv .memberTitle {
    display: block;
    margin-bottom: 6px;
}

.memberName.popmemberName{
	margin-top: 2px;
	margin-bottom: 10px;
}


@media(max-width: 700px){
  .box{
	width: 70%;
  }
  .popup{
    width: 70%;
  }
}

@media(max-width: 750px){
	.popup {
	    margin: 0px auto;
	    padding: 20px;
	    width: 100%;
	    box-shadow: none;
	    border: 0;
	    border-radius: 0;
	    height: initial;
	    min-height: 100%;
	}
	.popup .content {
	    max-height: 100%;
	    overflow: hidden;
	}

	.popup .content .memberCard {
	    width: 124px;
	    height: 80px;
	    margin: 0px 0px 10px 20px;
	}
	.popup .content .memberInfoDiv {
	    vertical-align: top;
	    margin-left: 55px;
	    margin-top: 0px;
	}
	.popup .content .memberInfoDiv .memberName {
	    display: block;
	    font-weight: bold;
	    font-size: 18px;
	    line-height: 20px;
	    margin-bottom: 5px;
	}
	.popup .content .memberInfoDiv .memberTitle {
	    display: block;
	    font-weight: normal;
	    font-size: 14px;
	    line-height:18px;
	    margin-bottom: 0px;
	}
	.popup .content .memberInfoDiv .memberTitle:first-child {
	    display: block;
	    font-weight: bold;
	    font-size: 14px;
	    line-height: 20px;
	}
	.dashboardNewslineMargin {
	    margin: 20px 0 20px 0;
        background: #dfdfdf;
	    width: 103.5%;
	    position: relative;
	    margin-left: -1.8%;
	}

	.dashboardNewslineMargin.edashMarginTop15{margin: 15px 0 20px 0;}

	.dashboardNewslineMargin.fadeline{
	    margin: 20px 0 20px 0;
	    width: 103.5%;
	    position: relative;
	    margin-left: -1.8%;
	    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(5%, rgba(223, 223, 223, 1)), color-stop(95%, rgba(223, 223, 223, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%);
	}
	
	.offerlineMargin {
		margin: 20px 0;
	}
	.marginBottom15 {
		margin-bottom: 15px;
	}
	.popup .content .horizontalSeparator {
		margin: 20px 0;
	}
	.popup .content .horizontalSeparator.marginBottom15{
		margin-bottom: 15px;
	}
	.content.pmBottom0{
		padding: 0;
	}
}

/*~~~~~~~~~~~~~~~~~~~~ End Of Dashboard_Modal.html ~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~ Begin Of News.html ~~~~~~~~~~~~~~~~~~~~*/

.pageContent section.newsContent {
    padding: 30px 20px;
    display: block;
}
.mainNewsContentDiv {
    display: inline-block;
    vertical-align: top;
    max-width: 620px;
    margin-left: 20px;
}
.mainNewsTitle {
	font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    display: block;
    margin-bottom: 10px;
}
.mainOfferTitle {
	font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    display: block;
    margin-bottom: 10px;
}

.mainOfferTitle.mOfferTitle{
	font-size: 22px;
	line-height: 26px;
}

.mainNewsDate {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	display: block;
	margin-bottom: 10px;
}

.mainNewsDate b{
	font-weight: bold;

}

.mainNewsDate.mdate{
	margin-bottom: 15px;
}

.mainNewsDesc {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
.mainBigTitle {
	font-weight: lighter;
    color: #0470ab;
    font-size: 30px;
    line-height: 50px;
}
.newBigTitle {
	font-weight: lighter;
    color: #0470ab;
    font-size: 30px;
    line-height: 50px;
}
.topMobileSeparator {
	margin-top: 0;
}
.newsContentContainer a {
	text-decoration: none;
}
.newsContentContainer a:hover {
	text-decoration: underline;
}
.newsContentContainer a, .newsContentContainer a:HOVER .arrow {
	color: #1994d7;
}
.newsContentContainer a:HOVER .arrow:AFTER {
	color: #1994d7;
}
.newsContentContainer a .dashboardNewsDiv {
	color: #253b56;
}
.newsContentContainer a:HOVER .dashboardNewsDiv {
	color: #1994d7;
}
@media(max-width: 750px){
	.pageContent section.newsContent {
	    padding: 15px 10px 20px 10px;
	    display: block;
	}
	.mainNewsContentDiv {
	    display: inline-block;
	    vertical-align: top;
	    margin-left: 8px;
	    max-width: 70%;
	}
	.mainNewsTitle {
	    font-size: 14px;
	    font-weight: bold;
	    line-height: 20px;
	    display: block;
	    margin-bottom: 5px;
	}
	.mainNewsDate {
	    font-size: 12px;
	    font-weight: normal;
	    margin-bottom: 0px;
	}
	.mainNewsDesc {
	    display: none;
	}
	.memberContentTitle, .newsContentTitle {
	    display: block;
	    font-weight: lighter;
	    font-size: 18px;
	    padding-bottom: 10px;
	}

	.newBigTitle {
    font-weight: lighter;
    color: #0470ab;
    font-size: 30px;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 10px;
}
.container .pageTitleWrapper {
    margin-bottom:10px;
    margin-top: 15px;
}
	
}


/*~~~~~~~~~~~~~~~~~~~~ End Of News.html ~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~ Begin Of Offer_detail.html ~~~~~~~~~~~~~~~~~~~~*/

.allOfferListContainer {
	
}
.allOfferListContainer a .dashboardNewsDiv {
	
}
.allOfferListContainer a:HOVER {
	text-decoration: none;
}
.allOfferListContainer a:HOVER .dashboardNewsDiv {
	color: #1994d7;
	text-decoration: none;
}
.allOfferListContainer a:HOVER .arrow:AFTER {
	color: #1994d7;
}

/*~~~~~~~~~~~~~~~~~~~~ End Of Offer_detail.html ~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~ Begin Of News_detail.html ~~~~~~~~~~~~~~~~~~~~*/

.pageContent section.offerDetailContent {
    padding: 25px 20px 40px 20px;
    display: block;
}
.pageContent section.newsDetailContent {
    padding: 25px 20px 40px 20px;
    display: block;
}
.offerDetailSubContent a:HOVER div {
	text-decoration: underline;
}
.newsDetailTitle {
	display: inline-block;
    font-weight: lighter;
    font-size: 28px;
    line-height: 36px;
    max-width: 620px;
    padding-bottom: 20px;
}
.viewAllMaNews {
    color: #1994d7;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    font-size: 14px;
}
.viewAllMaNews a {
	color: #1994d7;
}
.viewAllMaNews a:HOVER {
	color: #1994d7;
}
.newsDetailDate {
	display: block;
    font-weight: lighter;
    font-size: 18px;
}
.newsDetailHeroImg {
	border-radius: 12px;
	width: 900px;
	height: 360px;
	margin: 20px 0 30px 0;
}
.newsDetailHeroImg img{
    border-radius: 12px;
}
/*
.btnViewGallery {
    background: url(../images/btn_view_gallery.png);
    background-position: left top;
    background-repeat: repeat;
    width: 145px;
    height: 41px;
    z-index: 9999;
    position: relative;
    bottom: 61px;
    left: 20px;
}*/
.btnViewGallery .arrowicon {
    font-family: pepmdx;
    display: inline-block;
}
.btnViewGallery {
	width: 165px;
    vertical-align: middle;
    z-index: 9999;
    position: relative;
    bottom: 70px;
    border-radius: 10px;
    border: 3px solid #FFF;
    padding: 8px 14px;
    margin: 0 0 0 20px;
    background: 0;
    background-color: rgba(0,0,0,.45);
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
}
.btnViewGallery a {
	color: #FFF;
}
.btnViewGallery:hover {
    color: #1994d7;
    border-color: #1994d7;
    text-decoration: none;
}
.newsDetailIntro {
	display: block;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 40px;
}
.newsDetailHeader {
	display: block;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 20px;
}
.newsDetailtext, .newsDetailtext p {
	display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 30px;
}
.newsDetailtext p {
    margin-bottom: 25px;
}
.newsDetailtext p:last-child {
	margin-bottom: 0px;
}
.newsDetailContentDiv {
    max-width: 620px;
}
.newsDetailImg_16-9, .newsDetailImg_square {
	width: 620px;
	margin-bottom: 30px;
}
.newsDetailImg_2Square {
	font-size: 0;
}
.newsDetailImg_2Square>div {
	display: inline-block;
	padding: 0;
}
.newsDetailImg_2Square>div:first-child {
	margin-right: 20px;
}
.newsDetailImg_2Square img {
	width: 300px;
	height: 300px;
	border: none;
    outline: none;
}
.newsDetailImg_2Square img:last-child {
	margin-right: 0px;
}

.marginBottom25{margin-bottom: 25px;}

.paddingBottom25{padding-bottom: 25px;}

.pageContent section.offerDetailContent.paddingBottom25{padding-bottom: 25px;}

.benefitContentTitle.memberContentTitle.left.paddingLeft{padding-left: 30px; padding-bottom: 30px; padding-top: 10px;}

.benefitContentTitle.left.paddingLeft{padding-left: 30px;.left.paddingLeft{padding-left: 30px; padding-bottom: 30px; padding-top: 10px;}}

@media(max-width: 750px){

	.mobileHorizontalSeparator.newsDetailHeroImg {
	    margin: 0;
	    border: 0;
	    width: 100%;
	    height: 144px;
	    overflow: hidden;
	    position: relative;
	    margin-bottom: 20px;
	    border-radius: 0;
	}
	.mobileHorizontalSeparator.newsDetailHeroImg img {
	    position: absolute;
	    left: -100%;
	    right: -100%;
	    top: -100%;
	    bottom: -100%;
	    margin: auto;
	    min-height: 100%;
	    min-width: 100%;
	}
	.mobileHorizontalSeparator.newsDetailHeroImg .btnViewGallery {
        width: 150px;
	    z-index: 9999;
	    position: relative;
	    top: 80px;
	    left: -10px;
	    font-size: 16px;
	}
	.pageContent section.newsDetailContent .viewAllMaNews {
		display: block;
	    float: left;
	    top: 240px;
	    position: absolute;
		font-size: 14px;
	}
	.pageContent section.newsDetailContent .newsDetailTitle {
		display: block;
	    top: 180px;
	    margin-top: 30px;
	    clear: both;
	    font-size: 24px;
	    margin-bottom: 0;
	    padding-bottom: 0;
	    line-height: 30px;
	}
	.newsDetailDate {
	    display: block;
	    font-weight: lighter;
	    font-size: 14px;
	    margin-top: 10px;
	    margin-bottom: 15px;
	    clear: both;
	}

	.newsDetailDate.mNewsDetailDate{
		margin-top: 20px;
		margin-bottom: 25px;
	}

	.newsDetailDate span { font-weight: bold; font-size: 14px; }
	.pageContent section.newsDetailContent .newsDetailHeroImg {
		display: none;
	}
	.newsDetailIntro {
	    display: block;
	    font-weight: normal;
	    font-size: 14px;
	    line-height: 20px;
	    margin-bottom: 25px;
		padding: 0;
	}
	.newsDetailHeader {
	    display: block;
	    font-weight: bold;
	    font-size: 18px;
	    line-height: 24px;
	    margin-bottom: 10px;
	    padding: 0;
	}
	.newsDetailImg_16-9 img {
	    height: 168px;
	}
	.newsDetailImg_square img {
	    height: 300px;
	}
	.newsDetailImg_2Square>div { width: calc(50% - 5px); }
	.newsDetailImg_2Square>div:first-child { margin-right: 10px; }
	.newsDetailImg_2Square>div:before { display: inline-block; content: ''; padding:50% 0; }
	.newsDetailImg_2Square img {
	    width: 100%;
		height: auto;
	}
	.newsDetailImg_16-9, .newsDetailImg_square {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.newsDetailImg_16-9 img, .newsDetailImg_square img {
	    width: 100%;
	    height: auto;
	}
	
	.pageContent section.newsDetailContent {
	    padding: 20px 0px 40px 0px;
	    display: block;
		margin: 20px 10px;
	}
	.pageContent section.newsDetailContent.mPaddingBottom30px{
	    padding-bottom: 30px;
	}
	.pageContent section.offerDetailContent {
	    padding: 20px 0px 0px 0px;
	    display: block;
		margin: 10px 10px;
	}
	.newsDetailContentDiv {
	    max-width: 100%;
	}
	.newsDetailtext {
		padding: 0;
	}
	.newsDetailHeroImg img {
    border-radius: 0px;
	}
}
/*~~~~~~~~~~~~~~~~~~~~ End Of News_detail.html ~~~~~~~~~~~~~~~~~~~~*/

.marginTop0 {
	margin-top: 0;
}
.marginTop20 {
	margin-top: 20px;
}

.marginTop25 {
    margin-top: 25px;
}

.marginBottom0 {
	margin-bottom: 0;
}
.rcornersOffer {
    height: auto !important; 
}
.rcornersBtn {
    display: block;
}
.rcorners {
    border-radius: 12px;
    background: #1d96d7;
    padding: 25px 20px 30px 20px; 
    width: 250px;
    height: 150px; 
    color: white;
	text-align: left;
	float: right;
}
.rcorners img {
    text-align: center;
    margin: 0 auto;
}
#rcorners2 {
	display: none;
}
.datagrid2 {
	display: none;
}
.offerDetailIntroImage {
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 30px;
}
.offerDetailIntro {
    padding-bottom: 25px;
}
.offerDetailtext {
	font-size: 14px;
	font-weight: normal;
    margin-bottom: 25px;
    line-height: 20px;
    display: block;
}
.offerNavBoxTitle {
	font-size: 18px;
	font-weight: bold;
    margin-bottom: 10px;
    display: block;
}
.offerNavBoxDate {
	font-size: 14px;
	font-weight: normal;
    margin-bottom: 25px;
    padding-bottom: 15px;

}

.offerNavBoxContent{
	line-height: 18px;
	font-size: 14px;
	color:#fff;
}

.rcornersRenewOffer {
    background: #ebf6fc;
    padding: 25px 20px 25px 20px; 
    width: 250px; 
    color: #253b56;
	text-align: center;
	margin-top: 25px;
}

.renewOfferTitle{
	font-size: 18px;
	display: block;
	font-weight: 600;
}
.renewOfferContent{
	font-size: 14px;
	line-height: 18px;
	display: block;
	margin: 15px 0;
}
.offerDetailContainer {
	display: inline-flex;
}
.offer_left {
	width: 620px;
}
.offer_right {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-left: 30px;
}

.offer_left1 {
	width: 620px;
	display: inline-block;
}
.offer_right1 {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-left: 30px;
	float: right;
}

.blue_btn{
	margin:15px 0;
}

.offerListContainer {  }
.offerListContainer .dashboardNewsDiv { display: inline-flex;  }
.offerListContainer .mainNewsContentDiv { max-width: 425px; display: inline-block;}
.offerListContainer .memberBlueListArrow {
	display: none;
}
.offerDetailHeaderTitle {
    display: inline-block;
    font-weight: lighter;
    font-size: 28px;
    line-height: 36px;
    max-width: 620px;
    padding-bottom: 20px;
}

.datagrid2 {}
.datagrid2>div {
	margin: 30px 0;
}
.datagrid2 .dataHotelName {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 25px;
}
.datagrid2 div ul {
	margin: 6px 0 0 0;
	padding: 0 0 0 15px;
	line-height: 20px;
}
.datagrid2 .dataDollarSign {
	font-weight: bold;
	vertical-align: top;
}
.OfferviewAllMaNews {
	color: #1994d7;
    vertical-align: top;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: normal;
}
@media(max-width: 750px){
	.pageContent section.newsDetailContent .OfferviewAllMaNews {
        display: block;
	    font-size: 14px;
	    color: #1994d7;
	    font-weight: normal;
	    margin-bottom: 10px;
	}
	.priceMargin {
		margin: 25px 0 30px 0;
	}
	.pageWrapper {
	    padding: 0;
	    margin-top: 0px;
	}

	.mainBigTitle.mobileMarginLeft10{
		margin-left:10px;
		line-height: 1;
    	margin: 15px 10px;
	}

	.mainBigTitle.mobileMarginLeft10.lineHeight36{
		line-height: 36px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.offerDetailtext {margin-bottom: 15px;}

	.offerDetailtext.mMarginBottom30{margin-bottom: 30px}

	.offerDetailHeaderTitle {
        display: inline-block;
	    font-weight: lighter;
	    font-size: 24px;
	    line-height: 30px;
	    width: 100%;
	    color: #0470ab;
	    padding: 20px 20px 0 20px;
	}
	.offerDetailContainer {
		display: block;
	}
	.rcorners {
		display: none;
	}
	#rcorners2 {
		display: block;
		width: 100%;
		margin: 10px 0 25px 0;
	}
	.rcornersOffer {
		display: block;
		width: 100%;
		padding: 20px 25px;
	}
	.offerDetailIntro {
		margin: 0 0 15px 0;
		padding: 0;
	}
	.offerDetailIntroImage {
	    margin: 0;
	    border: 0;
	    width: 100%;
	    height: 144px;
	    overflow: hidden;
	    position: relative;
	    margin-bottom: 10px;
	    border-radius: 10px;
	}
	.offerDetailIntroImage img {
	    position: absolute;
	    left: -100%;
	    right: -100%;
	    top: -100%;
	    bottom: -100%;
	    margin: auto;
	    min-height: 100%;
	    min-width: 100%;
	}
	.datagrid {
		display: none;
	}
	.datagrid2 {
		display: block;
	}
	.offerListContainer {
		
	}
	.offerListContainer .horizontalSeparator {
		margin-bottom: 20px;
	}
	.offerListContainer .dashboardNewsImg {
		display: block;
		max-width: 640px;
		max-height: 360px;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.offerListContainer .dashboardNewsDiv {
		display: block;
	}
	.offerListContainer .mainNewsContentDiv {
		display: block;
		max-width: inherit;
		margin: 0;
	}
	.offerListContainer .mainNewsContentDiv a {
		font-size: 14px;
	}
	.offerListContainer .mainNewsTitle {
		margin-bottom: 10px;
		font-size: 18px;
		font-weight: bold;
		line-height: 24px;
	}
	.offerListContainer .mainNewsDesc {
		display: inline;
		font-size: 14px;
		font-weight: normal;
		line-height: 20px;
	}
	.offerListContainer .dashboardNewslineMargin {
		/*max-width: calc(100% - 20px);*/
		margin-left: 0;
		max-width: 100%;
	}
	.offer_left {
		width: 100%;
	}
	.pageContent section.newsDetailContent .newsDetailTitle.offerDetailTitle {
		margin-top: 0;
	}
	.datagrid2 div ul {
	    margin: 6px 0 0 0;
	    padding: 0 0 0 35px;
	    line-height: 20px;
	    list-style: disc;
	}
	.datagrid2 div ul li{
		line-height: 20px;
		font-weight: lighter;
	}
	
}


.datagrid table { 
	border-collapse: collapse; 
	text-align: left; 
	width: 100%; 
} 
.datagrid {
	font: normal 12px/150%; 
	background: #fff; 
	overflow: hidden; 
	border: 1px solid #DFDFDF; 
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px; 
	border-radius: 12px; 
	margin-bottom: 30px;
}
.datagrid table td, .datagrid table th { 
	padding: 20px 0px; 
}
.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DAECF8), color-stop(1, #AAC5D6) );
	background:-moz-linear-gradient( center top, #DAECF8 5%, #AAC5D6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DAECF8', endColorstr='#AAC5D6');
	background-color:#DAECF8; 
	color:#253b56; 
	font-size: 18px;
	line-height: 18px;
	text-align: center; 
	font-weight: normal; 
	border-left: 1px solid #FFFFFF; 
} 
.datagrid table thead th:first-child { 
	border: none; 
	width: 40%;
	text-align: center;
}
.datagrid table thead th:last-child {
    width: 20%;
    text-align: center;
}
.datagrid table tbody td { 
	color: #385263; 
	border-left: 1px solid #E1EEF4;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal; 
    text-align: left;
    padding: 15px;
    border-bottom: 1px solid #E1EEF4
}
.datagrid table tbody td:first-child { 
	border-left: none; 
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
.datagrid table tbody td:last-child { 
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	vertical-align: middle;
}
.datagrid table tbody tr:last-child td { 
	border-bottom: none; 
}

.dataDollarSign {
	font-size: 14px;
	vertical-align: text-top;
}

.datagrid ul {
	list-style-type: disc;
	padding-left: 15px;
}

.datagrid ul li{
	line-height: 18px
}

.importantContentDiv {
    width: 100%;
    margin-bottom: 30px;
}

.importantViewMore {
	font-size: 12px;
	font-weight: normal;
	color: #1994d7;
	text-align: left;
	width: 100%;
	padding: 15px 0 25px 0;
}
.importantViewMore a {
	
}
.importantViewMore a:HOVER {
	color: #1994d7;
}
.importantDetailtext {
	display: block;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /*padding-bottom: 30px;*/
}
.importantDetailHeader {
	display: block;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 15px;
}
.mayLikeDivContainer .htmlContainer {
	display: table-cell;
	padding: 5px 15px;
	overflow: hidden;
	clear: both;
}
.mayLikeDivContainer a {
	color: #253b56;
}
.mayLikeDivContainer a:HOVER {
	color: #1994d7;
}
.mayLikeDivContainer a:HOVER .arrow:AFTER {
	color: #1994d7;
}
.mayLikeArrow {
	margin-right: 10px;
}
.mayLikeContentTitle {
    display: block;
    font-weight: normal;
    font-size: 18px;
    padding-bottom: 20px;
}
.mayLikeContentDesc {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    margin-left: 10px;
    max-width: 125px;
}
.mayLikeDiv {
	display: table;
	float: left;
}
.mayLikeDiv img:lastChild {
	margin-left: 10px;
}

.benefitsContent { 
	padding: 20px 0;
    display: block;
}

.benefitsContent.bCPaddingTop30{ 
	padding: 30px 0 20px;
}

.pageContent section.newsContent {
	padding: 20px;
}

.pageContent section.newsContent.mnewsContent{
    padding: 30px 20px;
}

.pageContent section.benefitContent {
	padding: 20px 0;
}
.benefitsContent .benefitsContent_sub_container {
	padding: 0 30px;
}
.benefitsContent .benefitsContent_sub_container2 {
	padding: 0;
}
.benefitsContent .benefitsContent_sub_container2 .panel-body {
	margin: 0 10px;
}
.benefitsContent .benefitsContent_sub_container2 table td { border-bottom: 0; }
.benefitsContent .benefitsContent_sub_container2 table td:nth-child(1) { width: 200px; padding-right: 25px; }
.benefitsContent .benefitsContent_sub_container2 table td:nth-child(2) { width: 180px; max-width: 180px; padding: 20px; }

.benefitsContent .benefitsContent_sub_container2 .tableSeparator {
/*	display: none;*/
}

.benefitsContent .viewDiscounts {
	line-height: 30px;
	font-size: 14px;
	padding-right: 30px;
    margin-top: 20px;
}

.benefitsContent .viewDiscounts.marginTop0{
	line-height: 30px;
	font-size: 14px;
	padding-right: 30px;
    margin-top: 10px;
}

.benefitsContent .viewDiscounts a {
	
}
.benefitsContent .viewDiscounts a:HOVER {
	text-decoration: underline;
	color: #1994d7;
}
.discountTitleSection {
	font-size: 14px;
	font-weight: bold;
	height: 50px;
	background: -webkit-linear-gradient(to bottom, #fff,#e6eef7);
	background: -o-linear-gradient(to bottom, #fff,#e6eef7);
	background: -moz-linear-gradient(to bottom, #fff,#e6eef7);
	background: linear-gradient(to bottom, #fff,#e6eef7);
	border-bottom: 1px solid #dfdfdf;
}
.discountTitleSection li {
	height: 50px;
	line-height: 50px;
	width: 190px;
	text-align: center;
	float: left;
	border-right: 1px solid #DFDFDF;
}
.discountTitleSection li a {
	color: #253b56;
	text-decoration: none;
	line-height: 50px;
}
.discountTitleSection li a:HOVER {
	color: #1994d7;
	text-decoration: underline;
}
.aActive {
	color: #1994d7 !important;
	text-decoration: none;
}
.discountTitleSection li.active {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	box-shadow: 1px 0px 0px #FFF;
}
.discountTitleSection li.active a {
	color: #1994d7 !important;
	text-decoration: none;
	line-height: 50px;
}
.benefitContainer .panel {
	border: 0;
	box-shadow: none;
}
.benefitContainer .panel-default>.panel-heading {
	background-color: transparent;
	padding: 0;
}
.benefitContainer .panel-default>.panel-heading a {
	color: #253b56;
    vertical-align: middle;
}
.benefitContainer .panel-title {
	color: #253b56;
	font-size: 16px;
	font-weight: bold;
	padding: 30px 30px 0 25px;
	
}
.benefitContainer .panel-title a {
	text-decoration: none;
	margin-left: 0;
}
.benefitContainer .panel-body {
	font-size: 12px;
	line-height: 16px;
	padding: 20px 0;
}
.benefitContainer .panel-body a {
	color: #1994d7;
}
.benefitContainer .panel-body td {
	padding: 20px 0;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	border-top: 1px solid #FFF;
}
.benefitContainer .panel-body td:not(:last-child):not(:first-child){
	text-align: center;
}
.benefitContainer .panel-body td:last-child {
	font-size: 12px;
	text-align: right;
	border-right: 0;
}
.benefitContainer .panel-body td:last-child div {
	text-align: left;
	margin-left: 20px;
	line-height: 18px;
}

.discount_tier { margin-bottom: 30px; }
.discount_tier .item {
	display: inline-block;
	margin-left: 7px;
	padding: 30px 20px;
	width: 276px;
	height: 167px;
	border-radius: 12px;
	cursor: pointer;
}
.discount_tier .item div#lightOff, .discount_tier .item div#lightOn {
	float: left;
	margin-right: 15px;
}
.discount_tier .item img {
	margin-bottom: 10px;
	width: 124px;
}
.discount_tier .item div.desc {
	font-size: 18px;
	font-weight: bold;
	float: left;
}
.discount_tier .item.active {
	background-color: #Ebf6fc;
}


.importantDetailtext ul {
    padding: 0 0 0 15px;
    line-height: 20px;
    list-style: decimal;
}

.importantDetailtext ul li{
	line-height: 18px;
}


.offerHLNewsList {
	display: inline-block;
    padding: 0px 0px 0px 20px;
    margin-bottom: 0px;
    position: relative;
    max-width: 425px;
}

.viewAllTicket {
	line-height: 30px;
	font-size: 12px;
	padding: 0 30px;
}

.expandWidth {
	/*
	width: 106.8%;
    margin-left: -3.4%;
    */
    width: 104.4%;
    margin-left: -2.2%;
}
.tableLine {
	margin-top: 20px;
    border: 0;
    border-top: 1px solid #eee;
    display: block;
}
.mayLikeDiv a .mayLikeMainDiv {
	
}
.mayLikeDiv a:HOVER .mayLikeMainDiv {
	color: #1994d7;
	text-decoration: none;
}
@media(max-width: 750px){
	


	.benefitsContent .benefitsContent_sub_container2 table td { border-bottom: 0; display: inline-block;}
	.benefitsContent .benefitsContent_sub_container2 table td:nth-child(1) { width: 200px; padding-right: 20px; display: inline-block;}
	.benefitsContent .benefitsContent_sub_container2 table td:nth-child(2) { width: 180px; max-width: 100px; padding: 20px; display: inline-block;}


	.importantContentDiv {
    width: 100%;
    margin-bottom: 20px;
}

	.pageContent section.newsContent {
	    padding: 10px 12px;
	}

	.pageContent section.newsContent.mnewsContent{
    padding: 15px 10px 20px;
	}

	.newsContentTitle.mleft {
    margin-left: 0px;
	}

	.mainNewsDate.mdate {
     margin-bottom: 0px; 
	}

	.mayLikeContentTitle {
	    font-weight: lighter;
	    font-size: 18px;
	    padding-bottom: 15px;
	}
	.viewAllTicket {
		line-height: 30px;
		font-size: 12px;
		padding: 0 10px;
	}
	.discount_tier .item {
		border-radius: 5px;
		width: 100%;
		height: auto;
		padding: 10px 0 15px;
		margin: 15px 0 5px 0;
	}
	.discount_tier .item:first-child {
		margin-top: 0;
	}
	.importantDetailtext ul {
		margin: 6px 0 0 0;
		padding: 0 0 0 35px;
		line-height: 20px;
		list-style: decimal;
	}
	.importantDetailtext ul li{ line-height: 20px; }

	.offerHLNewsList {
		display: block;
		padding: 0px 50px 15px 0px;
		margin-bottom: 5px;
		position: relative;
		max-width: 250px;
	}
	.mayLikeContentDiv {
		display: inline-block;
		vertical-align: middle;
		max-width: calc(100% - 80px);
		margin-left: 8px;
	}
	.mayLikeContentDesc {
		font-weight: normal;
		font-size: 12px;
		line-height: 17px;
		margin-left: 0px;
		max-width: initial;
	}
	.mayLikeMainDiv {
		margin: 0;
		position: relative;
		color: #253b56;
		margin-bottom: 0px;
		display: block;
	}
	.mayLikeMainDiv .htmlContainer {
		display: table-cell;
		padding: 5px 15px;
		width: 100%;
		overflow: hidden;
		clear: both;
	}

	.htmlContainer.paddingBottom20 {
		padding-bottom: 20px;
	}

	.pageContent section.offerDetailContent.paddingBottom25 {
    padding-bottom: 20px;
}

	.mayLikeMainDiv .dashboardNewsImg img {
		position: initial;
	}
	.mayLikeDiv {
		display: block;
	}
	.mayLikeDiv a:HOVER {
		text-decoration: none;
	}
	.mayLikeDiv a:HOVER .arrow:AFTER {
		color: #1994d7;
		text-decoration: none;
	}
	.importantViewMore {
		padding: 15px 0px 25px 20px;
	}
	.importantViewMore.paddingBottom0 {
		padding: 15px 0px 0 20px;
	}
	.discount_tier .item div#lightOff, .discount_tier .item div#lightOn {
		margin-right: 20px;
		margin-left: 10px;
	}
	.benefitsContent .benefitContentTitle {
		font-size: 18px;
		float: inherit;
		padding-left: 10px;
	}
	.benefitsContent .viewDiscounts {
		float: left;
	    margin-bottom: 15px;
	    line-height: 14px;
	    display: block;
	    padding-left: 10px;
	    margin-top: 0;
	}
	.benefitsContent .viewDiscounts.marginTop0 {
		float: left;
	    margin-bottom: 15px;
	    line-height: 14px;
	    display: block;
	    padding-left: 10px;
	    margin-top: 0;
	}
	.benefitContentTitle.memberContentTitle.left.paddingLeft {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 0;
    }
	.benefitsContent .benefitsContent_sub_container {
		padding: 0 10px;
	}
	.benefitsContent .viewDiscounts a {
		
	}
	.benefitsContent .viewDiscounts a:HOVER {
		color: #1994d7;
	}
	.discountTitleSection li {
		width: 75px;
	}
	.discountTitleSection li:not(.active) a:HOVER {
		color: #1994d7;
		text-decoration: underline;
	}
	.benefitContainer .panel-title a {
		margin-left: 0;
	}
	.benefitContainer .panel-body td {
		border: 0;
		padding: 0;
		padding-left: 10px;
	    padding-right: 10px;
	}
	.benefitContainer .panel-body td:first-child {
		display: inline-flex;
		line-height: 20px;
		margin-top: 0px;
		max-width: 70%;
		font-weight: bold;
	}
	.benefitContainer .panel-body tr:not(:first-child) {
		margin-top: 20px;
		display: block;
	}
	.benefitContainer .panel-body td:not(:last-child):not(:first-child){
		float: right;
		text-align: right;
		line-height: 20px;
		max-width: 30%;
		padding: 0;
		padding-right: 10px;
		margin-bottom: 20px;
	}
	.benefitContainer .panel-body td:last-child {
		display: block;
		font-size: 12px;
		line-height: 18px;
		clear: both;
		padding-left: 10px;
	    padding-right: 10px;
	    width: 104.8%;
	    margin-left: -2.4%;
	}
	.benefitsContent .benefitsContent_sub_container2 table td:nth-child(1) {
	    width: 300px;
	}
	/*
	.benefitsContent .benefitsContent_sub_container2 .tableSeparator {
		border-bottom: 1px solid #dfdfdf;
		margin: 20px 0;
		display: none;
	    width: 100%;
	}
	*/
	.tableSeparator {
		margin: 20px 0;
	}
	.benefitContainer .panel-body td:last-child div {
		margin: 0;
		padding: 0;
		margin-top: 20px;
		padding-left: 10px;
	    padding-right: 10px;
	}

	.mobileMarginTop25{
		margin-top: 25px;
	}

	.panel-default>.panel-heading+.panel-collapse>.panel-body {
		border: 0;
		padding: 20px 0;
	}
	.benefitContainer .panel-title {
		padding: 18px 20px 18px 10px;
	}
	.benefitContainer table {
		margin: 0;
	}
	.benefitContainer .panel {
		
	}
	.benefitsContent {
	padding: 15px 0px;
	}

	.benefitsContent.bCPaddingTop30 {
    padding: 15px 0px 20px;
	}

	.benefitContentTitle.left.paddingLeft {
    padding-left: 10px;
	}

	.benefitContentTitle {
		display: block;
	    line-height: 21px;
	    font-weight: lighter;
	    font-size: 18px;
	    padding-bottom: 10px;
	    padding-left: 10px;
	    width: 100%;
	}
	.expandWidth {
	    width: 102.8%;
	    margin-left: -1.4%;
	}
	.benefitContainer .panel-default>.panel-heading a:HOVER {
		color: #1994d7;
		text-decoration: underline;
	}
	.mobileHidden {
		display: none;
	}
	.mobileMarginTop20 {
		margin-top: 20px;
	}
	.datagrid2 .dataDollarSign {
	font-size: 14px;
	display: inline-block;
    margin-bottom: -1px;
    vertical-align: inherit;
	}
	.datagrid2 .dataDollarSign1{
	font-size: 14px;
	display: inline-block;
    margin-bottom: -1px;
    vertical-align: inherit;
	}
}



.discountTerms a{
	color: #1994d7;
}
.discountTerms {
	font-size: 12px;
	font-weight: normal;
	color: #78899e;
	line-height: 16px;
	padding: 0 30px;
}
.discountTerms p{
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 16px;
}


.downArrow {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/btn_dropdown_down.png);
	background-size: cover;
	margin-right: 15px;
	position: relative;
	top: 2px;
}
.rightArrow {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/btn_dropdown_side.png);
	background-size: cover;
	margin-right: 15px;
	position: relative;
	top: 2px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #FFFFFF;
}

.collapse.in table {
    padding-bottom: 0;
    margin-bottom: 0;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 0;
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
}


.benefitContainer .panel-title .accordion-toggle:after {
    content: " ";
    float: left;
    display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/btn_dropdown_down.png);
	background-size: cover;
	margin-right: 15px;
	position: relative;
	top: 2px;
    vertical-align: middle;
}
.benefitContainer .panel-title .accordion-toggle.collapsed:after {
    content: " ";
    display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/btn_dropdown_side.png);
	background-size: cover;
	margin-right: 15px;
	position: relative;
	top: 2px;
    vertical-align: middle;
}
.tabSeparator {
	border-bottom: 1px solid #dfdfdf;
	margin: 0;
	display: block;
    width: 100%;
}

.dropSeparator {
	border-bottom: 1px solid #dfdfdf;
	margin: 0;
	display: none;
    width: 100%;
}
.sub-headline span{
	display:block;
}
.sub-headline .detail{
	padding-top:5px;
	font-size:17px;
	font-weight:bolder;

}
.sub-headline .detail::after {
	content:"";
	display: table;
	clear:both;
}
.sub-headline .icon{
	padding-right:10px;
	float:left;
	font-size:50px;
}

@media(max-width: 750px){
	.mobileHidden {
		display: none;
	}
	.dropSeparator {
		display: block;
	}
	.discountTerms {
	    padding: 0 10px;
	}
	.panel-default>.panel-heading+.panel-collapse>.panel-body {
	    padding-bottom: 0;
	    margin-bottom: 0;
	    padding-top: 0;
	    margin: 0;
	    padding-left: 0px;
	    padding-right: 0px;
	}
}
.aligned.icon{
	font-size:40px;
	padding-left:20px;

}
.aligned{
	padding-right:20px;
	vertical-align: top;
	display:table-cell;
}
.aligned .detail{
	display:block;
	max-width:500px;
}
.aligned.header{
	padding-right:0px;
	padding-bottom:20px;
}
.aligned .title{
	max-width:620px;
	display:block;
	font-weight: lighter;
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 10px;
}
@font-face{font-family:'pepmdx';src:url('https://secure.cdn5.wdpromedia.com/media/pep/live/media/site/font/b92c17fff1bb353b5d4ce014e845bf18-pep_icon_font-webfont.eot');src:url('https://secure.cdn5.wdpromedia.com/media/pep/live/media/site/font/b92c17fff1bb353b5d4ce014e845bf18-pep_icon_font-webfont.eot?#iefix') format('embedded-opentype'),url('https://secure.cdn5.wdpromedia.com/media/pep/live/media/site/font/8188d7b310a7f5fca5f3cf8321254c88-pep_icon_font-webfont.woff') format('woff'),url('https://secure.cdn5.wdpromedia.com/media/pep/live/media/site/font/401581dd12292fc931320e3e04269003-pep_icon_font-webfont.ttf') format('truetype'),url('https://secure.cdn5.wdpromedia.com/media/pep/live/media/site/font/93c4dd587b73f0c09dc20c72aa71ed7f-pep_icon_font-webfont.svg#pepmedia') format('svg');font-weight:normal;font-style:normal}

#popup1 .content div:not(.horizontalSeparator){
	cursor: pointer;
}

.viewMore[aria-expanded="false"]:before{
  content:"Read More";
}

.viewMore[aria-expanded="true"]:before{
  content:"Show Less";
}

.viewMore a, a:focus, a:active, a:hover {
    color: #1994d7;
    cursor: pointer;
}


/*~~~~~~~~~~~~~~~~~~~~ End of Batch1 ~~~~~~~~~~~~~~~~~~~~*/

.pageContent section.newsDetailContent.blocking {padding:20px; margin:0; display: block;}

.newsDetailtext .para{ margin-bottom: 0; }

.moreInformationspace{ margin:0 0 15px 0; }

.moreInformation{ font-size: 18px; padding-bottom:10px; }

.moreInformationfaq a{ font-size: 14px color:#1994d7; }

.importantContentDiv.marginbottom{margin-bottom: 10px;}

.newsDetailtext.ppara{margin-bottom: 0;}


.renewLanding .viewMore {
	color: #1994d7;
    cursor: pointer;
}

.renewLanding .newsDetailHeader {
    font-weight: normal;
}
.renewLanding .mainNewsDesc {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.renewLanding .collapseDesc {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.renewLanding .rcorners {
    float: none;
    text-align: center;
}
.renewLanding .rcornersRenewOffer {
	border-radius: 12px;
}

.renewLanding .importantDetailtext ul {
	list-style: disc;
}
.renewLanding .newsDetailTitle {
    padding-bottom: 0px;
}
.viewMore:focus:not(:hover) {
    text-decoration: none;
}

@media(max-width: 750px){
	.popup.renewOfferListPopup .content {
	    padding-bottom: 0;
	}
	.renewLanding .moreInformation {
	    font-weight: lighter;
	}
	.renewLanding .offerListContainer .dashboardNewslineMargin {
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%);
	    filter: none;
	    clear: both;
	}
	.renewLanding .newsDetailHeader {
		font-weight: normal;
		line-height: 24px;
	}
	.renewLanding.pageContent section.newsDetailContent .newsDetailHeroImg {
	    display: block;
	}
	.renewLanding .newsDetailHeroImg img {
	    width: 100%;
	}
	.mobileHorizontalSeparator.newsDetailHeroImg {
	    margin: 0;
	    border: 0;
	    width: 100%;
	    height: 144px;
	    overflow: hidden;
	    position: relative;
	    margin-bottom: 20px;
	    border-radius: 0;
	}
	.mobileHorizontalSeparator.newsDetailHeroImg img {
	    position: absolute;
	    left: -100%;
	    right: -100%;
	    top: -100%;
	    bottom: -100%;
	    margin: auto;
	    min-height: 100%;
	    min-width: 100%;
	}
	.mobileHorizontalSeparator.newsDetailHeroImg .btnViewGallery {
        width: 150px;
	    z-index: 9999;
	    position: relative;
	    top: 80px;
	    left: -10px;
	    font-size: 16px;
	}
	.pageContent section.newsDetailContent .viewAllMaNews {
		display: block;
	    float: left;
	    top: 240px;
	    position: absolute;
		font-size: 14px;
	}
	.pageContent section.newsDetailContent .newsDetailTitle {
		display: block;
	    top: 180px;
	    margin-top: 30px;
	    clear: both;
	    font-size: 24px;
	    margin-bottom: 0;
	    padding-bottom: 0;
	}
	.newsDetailDate {
	    display: block;
	    font-weight: lighter;
	    font-size: 14px;
	    margin-top: 10px;
	    margin-bottom: 15px;
	    clear: both;
	}
	.newsDetailDate span { font-weight: bold; font-size: 14px; }
	/*.pageContent section.newsDetailContent .newsDetailHeroImg {
		display: none;
	}*/
	.newsDetailIntro {
	    display: block;
	    font-weight: normal;
	    font-size: 14px;
	    line-height: 22px;
	    margin-bottom: 25px;
		padding: 0;
	}
	.newsDetailHeader {
	    display: block;
	    font-weight: 300;
	    font-size: 18px;
	    line-height: 24px;
	    margin-bottom: 20px;
	    margin-top: 25px;
	    padding: 0;
	}
	.newsDetailImg_16-9 img {
	    height: 168px;
	}
	.newsDetailImg_square img {
	    height: 300px;
	}
	.newsDetailImg_2Square>div { width: calc(50% - 5px); }
	.newsDetailImg_2Square>div:first-child { margin-right: 10px; }
	.newsDetailImg_2Square>div:before { display: inline-block; content: ''; padding:50% 0; }
	.newsDetailImg_2Square img {
	    width: 100%;
		height: auto;
	}
	.newsDetailImg_16-9, .newsDetailImg_square {
	    width: 100%;
	    margin-bottom: 30px;
	}
	.newsDetailImg_16-9 img, .newsDetailImg_square img {
	    width: 100%;
	    height: auto;
	}
	
	.pageContent section.newsDetailContent {
	    padding: 25px 0px 40px 0px;
	    display: block;
		margin: 20px 10px;
	}
	.pageContent section.offerDetailContent {
	    padding: 15px 0px 0px 0px;
	    display: block;
		margin: 20px 10px;
	}
	.pageContent section.offerDetailContent:first-child {
		margin-top: 0px;
	}
	.newsDetailContentDiv {
	    max-width: 100%;
	}
	.newsDetailtext {
		padding: 0;
	}
	.newsDetailTitle {
        display: block;
	    font-weight: lighter;
	    font-size: 24px;
	    line-height: 30px;
	    width: 100%;
	    padding: 20px 10px 10px 20px;
	    color: #0470ab;
	}
	.newsDetailHeroImg{
	    margin: 0;
	    border: 0;
	    width: 100%;
	    height: 125px;
	    overflow: hidden;
	    position: relative;
	    margin-bottom: 10px;
	    border-radius: 10px;
	}
	.newsDetailHeroImg img{
		position: absolute;
	    left: -100%;
	    right: -100%;
	    top: -100%;
	    bottom: -100%;
	    margin: auto;
	    min-height: 100%;
	    min-width: 100%;}
	 .offer_left1 {width: 100%;}
	 .newsDetailtext .para{ margin-bottom: 20px; }
	 .newsDetailtext, .newsDetailtext p {margin-bottom: 20px;}
	 .importantDetailHeader {padding-bottom: 0px;}
	 .importantDetailtext ul {margin: 10px 0 0 0;}
	 .mainOfferTitle {line-height: 24px;}
	 .pageContent section.newsDetailContent.blocking {padding: 10px;}
	 .rcornersRenewOffer {padding: 25px 20px 25px 20px; width: 100%; margin-top: 10px;}
	 .newsDetailtext.ppara {margin-top: 20px;}
	 .defaultppl{font-weight: 300;}
}

/*~~~~~~~~~~~~~~~~~~~~ End 1 landing page ~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~ 2 Renewal Offer List ~~~~~~~~~~~~~~~~~~~~*/

.pageWrapper .maRenewal.pageContent {
	margin: 40px 0px 40px 0px;
    border-radius: 12px 12px 12px 12px;
    background-color: #fff;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    margin: 40px 0px 40px 0px;
    border-radius: 12px 12px 12px 12px;
    background-color: #fff;
    margin: 0 auto;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
}

.jediTraining.renewLanding .datagrid {
    margin-bottom: 10px;
}

.renewOffList .renewalOffersContent1Title {
    line-height: 26px;
    font-size: 22px;
    font-weight: bold;
}
.renewOffList.pageContent section.newsDetailContentSecond {
    padding: 30px 20px 25px 28px;
}

.maintitle {
    font-size: 36px;
    color: #0470ab;
    margin: 5px 0 10px 0;
}

.tableMiddle{
	display: table;
}
.tableMiddle img {
    height: 62px;
}
.head4{
	font-size: 22px;
	font-weight: 600;
}
.head6{
	font-size: 14px;
}

.renewalOffersContent{
	display: table-cell;
	vertical-align: middle;
	padding-left: 25px;
}

.anotherMember{
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	height: 100%;
	text-align: right;
}

.pageContent section.newsDetailContent {
    padding: 20px 30px 20px 30px;
    display: table;
    width: 100%;
}

.pageContent section.newsDetailContentSecond {
    padding: 30px 20px 25px 20px;
    display: table;
    width: 100%;
    border-bottom: 1px solid #dfdfdf; 
}

.RenewalOffersTitleBottom{
	position: relative;
}

.renewalOffersTitle{
	margin-bottom: 25px;
	font-weight: 300;
	font-size: 28px;
}

.renewMember{
	margin-top: 10px;
	font-size: 14px;
	color:#1994d7;
	position: absolute;
    right: 10px;
}

.imageInline{
	vertical-align: initial!important;

}

.renewalOffersContent1{
	display: inline-block;
	word-wrap: break-word;
	margin-left: 20px;
	max-width: 700px;
	vertical-align: top;
}

.renewalOffersMainContent1{
	position: relative;
    display: inline-block;
    vertical-align: top;
}

.renewalOffersContent1Title{
	line-height: 26px;
	font-size: 22px;
	padding-bottom: 10px;
}

.renewalOffersContent1Date{
	font-size: 12px;
	padding-bottom: 15px;
}

.renewalOffersContent1Content{
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 25px;
	max-width: 620px;
}

.renewalOffersContent1Content2{
	font-size: 12px;
	line-height: 18px;
	max-width: 620px;
}

.pageContent section.newsDetailContentThird {
    padding: 20px 20px 30px 20px;
    display: table;
    width: 100%;
}

.renewOffList .arrow1 {
    position: absolute;
    right: 0px;
    top: 40%;
    background: url(./images/arrow1.png);
    width: 14px;
    height: 23px;
}

.renewalOffersMainContent1Content:hover{
  color:#1994d7;
  cursor: pointer;
}
.renewalOffersMainContent1Content:hover .arrow1{
  background: url("./images/arrow1h.png");
}
.renewalOffersMainContent1Content{
	position: relative;
	display: inline-block;

}
.margintop{
	margin-top: 20px;
}

@media(max-width: 750px){


.pageWrapper .maRenewal.pageContent {
    border-radius: 5px;
}

.renewOffList .renewalOffersContent1Title {
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
}
.renewOffList.pageContent section.newsDetailContent {
    padding: 15px 10px;
    margin: 0;
}
.renewOffList.pageContent section.newsDetailContentSecond {
    padding: 15px 10px;
}
.renewOffList.pageContent section.newsDetailContentThird {
    padding: 0;
}
.renewOffList .margintopa, .renewOffList .margintop {
    padding: 0 10px;
}
.renewOffList .arrow1 {
    right: -14%;
    top: 25%;
}
.maintitle{ font-size: 30px; font-weight:300; text-align:left; margin:15px 0 10px 0;}
.container .pageTitleWrapper {margin-bottom: 0px; margin-top: 0px;}
.tableMiddle img {width: 66px; height: auto;}
.pageContent section.newsDetailContent {padding: 15px 10px 15px 10px; margin:0;}
.head4{ font-size: 14px; font-weight: 600; margin-bottom: 5px;}
.head6{ font-size: 12px; }
.renewalOffersContent { padding-left: 20px; }
.renewalOffersTitle{font-size:18px; font-weight:300;}
.renewMember{ font-size: 12px; margin-top: 0px; position: relative; right: 0;}
.pageContent section.newsDetailContentSecond { padding: 15px 10px 15px 10px;}
.pageContent section.newsDetailContentThird { padding: 0 10px;}
.renewalOffersMainContent1{ width: 57px; height: 57px; overflow: hidden; position: relative; }
.renewalOffersMainContent1 img {
        position:absolute;
	    left: -100%;
	    right: -100%;
	    top: -100%;
	    bottom: -100%;
	    margin: auto;
	    min-height: 100%;
	    min-width: 100%;
}
.renewalOffersContent1Title { line-height: 20px; font-size: 14px;}
.renewalOffersContent1 {max-width: 80%;}
.renewalOffersMainContent1Content {width: 75%;}
.arrow1 {right: 0px;}
.margintopa{margin-top:20px;}
}


/*~~~~~~~~~~~~~~~~~~~~ End 2 Renewal Offer List ~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~ Start 3 Renewal Offer Detail ~~~~~~~~~~~~~~~*/
.renewOfferDetail .mainNewsDesc, .renewOfferDetail .mainNewsContentDiv > div {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.renewOfferDetail .collapseDesc {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.renewOfferDetail .rcorners {
    text-align: center;
}
.renewOfferDetail .newsDetailtext.ppara p{
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
}
.renewOfferDetail .newsDetailTitle {
    padding-bottom: 0px;
}

@media(max-width: 750px){
	.renewOfferDetail .rcornersOffer {
	    display: block;
	    width: 100%;
	    padding: 20px 25px;
	    margin-bottom: 25px;
	}
	.renewOfferDetail .moreInformation {
	    font-weight: lighter;
	}
	.renewOfferDetail .offerListContainer .dashboardNewslineMargin {
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%);
	    filter: none;
	    clear: both;
	}
	.renewOfferDetail .newsDetailHeader {
		font-weight: normal;
		line-height: 24px;
	}
	.renewOfferDetail.pageContent section.newsDetailContent .newsDetailHeroImg {
	    display: block;
	}
	.renewOfferDetail .newsDetailHeroImg img {
	    height: 100%;
	}
	.renewOfferDetail .newsDetailtext.ppara {
    margin-top: 0px;
}
}



/*~~~~~~~~~~~~~~~~~~~~ End 3 Renewal Offer Detail ~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~ 4 Choose Guest ~~~~~~~~~~~~~~~~~~~~*/

.allRightReservedLine .copyRightLine span {
    padding: 0 10px;
    border-right: 1px solid;
    line-height: 24px;
    font-size: 12px;
    line-height: 18px;
}

.renewChooseGuest #signInBottomInformationContainer .createAccount {
	text-decoration: none;
}
.renewChooseGuest #signInBottomInformationContainer .fontIconCreateAccount .addMemberRenewFont:hover {
	text-decoration: underline !important;
}
.renewChooseGuest .maincontent2 {
    margin: 0 40px;
    padding-top: 30px;
    padding-bottom: 40px;
}
.renewChooseGuest .maincontent1 {
    padding: 20px 40px 30px 40px;
    width: 620px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.headerbg1{
  background-color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 0 2px 1px rgba(170,170,170,0.5);
  -moz-box-shadow: 0 0 2px 1px rgba(170,170,170,0.5);
  box-shadow: 0 0 2px 1px rgba(170,170,170,0.5);
}

html, body{
  min-height: 100% !important; 
  height: 600px;
}

.heightbg{
  height: 20vh;
  background-color: #fff;

}

.topborder{border-top:1px solid #dfdfdf;}

.btnwidth{
  min-width: 100px;
  min-height: 28px;
}

.title1{
  font-size: 36px;
  color: #0470ab;
  margin: 25px 0 20px 0;
}

.maincontent1{
  padding: 40px 40px 30px 40px;
  width:620px;
  
}

.pageWrapper .pageContent.bg1{
    border-radius: 12px 12px 0 0;
    border-bottom:1px solid #dfdfdf;
    margin:0;
}

.bg2{
	background-color: #fff;
	padding:40px;
}


.chooseGuestContent1{
	display: inline-block;
	margin-left: 30px;
	vertical-align: top;
    margin-top: -5px;
}

.checkbox {
    display: table-cell;
    float: left;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border-radius: 5px;
    border: 1px solid #A1AFC0;
    -webkit-box-shadow: 0 1px 2px 0 #999;
    box-shadow: 0 1px 2px 0 #999;
    background: #FFF;
    background: -moz-linear-gradient(top, #FFF 0%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(top, #FFF 0%, #ececec 100%);
    background: -o-linear-gradient(top, #FFF 0%, #ececec 100%);
    background: -ms-linear-gradient(top, #FFF 0%, #ececec 100%);
    background: linear-gradient(to bottom, #FFF 0%, #ececec 100%);
}

.checked {
    border: 1px solid #628B27;
    background-image: url(../images/remsta.png);
}

.checkbox {
   margin-top: 0px; 
   margin-bottom: 0px; 
}

.checkboxspace{
	margin-right: 20px;
	margin-top: 30px;
}

.magiccard1{
	display: inline-block;
}

.magiccard2{
	display: inline-block;
	margin-left: 80px;
}

.magiccard3{
	display: inline-block;
	margin-top: 50px;
}

#signInBottomInformationContainer .createAccount {
    color: #253B65;
    font-size: 14px;
    font-weight: bold;
    padding: 50px 0 0 0;
    display: block;
    text-decoration: none;
    width: 225px;
}

.dsf-font .icon--pep{
    font-family: "pepmdx";
    /*font-size: 25px;*/ /* PRO-271342 */
}

.icon__add-button:before{
    content: "\e301\fe0e";
}

#signInBottomInformationContainer .createAccount:hover, #signInBottomInformationContainer .createAccount:focus {
    color: #1994D7;
    text-decoration: underline;
}

#signInBottomInformationContainer .fontIconCreateAccount {
    font-size: 18px;
    line-height: 18px;
    margin-right: 10px;
}

.unlinkpopup {
    position: fixed;
    height: 100%;
    width: 100%;
	overflow-y: auto;
    padding: 25px 20px 0 20px;
    background: white;
    background: rgba(25,149,215,0.66);
    background: -moz-linear-gradient(top, rgba(25,149,215,0.66) 0%, rgba(202,214,226,0.66) 53%, rgba(25,148,215,0.66) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,149,215,0.66)), color-stop(53%, rgba(202,214,226,0.66)), color-stop(100%, rgba(25,148,215,0.66)));
    background: -webkit-linear-gradient(top, rgba(25,149,215,0.66) 0%, rgba(202,214,226,0.66) 53%, rgba(25,148,215,0.66) 100%);
    background: -o-linear-gradient(top, rgba(25,149,215,0.66) 0%, rgba(202,214,226,0.66) 53%, rgba(25,148,215,0.66) 100%);
    background: -ms-linear-gradient(top, rgba(25,149,215,0.66) 0%, rgba(202,214,226,0.66) 53%, rgba(25,148,215,0.66) 100%);
    background: linear-gradient(to bottom, rgba(25,149,215,0.66) 0%, rgba(202,214,226,0.66) 53%, rgba(25,148,215,0.66) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1995d7', endColorstr='#1994d7', GradientType=0 );
    z-index: 12000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.tnctitle1 {
    width: 820px;
    margin: auto;
    background-color: white;
    padding: 30px 30px 10px 30px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 8%;

}

.enterMA{
    font-size: 28px;
    color: #253b56;
    font-weight: 300;
    padding-bottom: 15px;
}

.enterMADescript{
	font-size: 14px;
    color: #253b56;
    font-weight: 300;
    max-width: 620px;
    padding-bottom: 20px
}

.whitebg1 {
    width: 820px;
    margin: auto;
    background-color: white;
    padding: 0 30px 0px 30px;
    height: initial;
    overflow-y: auto;
}

.unlinkpopcon {
    font-size: 14px;
    line-height: 20px;
}

.divunlink {
    padding: 0 0 50px 0;
    width: 820px;
    margin: auto;
    background-color: white;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: right;
    margin-bottom: 8%;
}

.unlinkpopup .mobileSeparator {
    width: 100%;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

.whitebtn {
    margin-left: 20px;
    float: left;
}

.unlinkbtn {
    margin-right: 20px;
}

.pillBase.secondary .buttonText {
    color: #65778A;
    text-shadow: none;
}
.uiPlus .pillBase .gradient, .uiPlus .pillBase .buttonText {
    display: block;
    position: relative;
    width: auto;
    min-width: 60px;
    height: 17px;
    white-space: nowrap;
    font-family: Avenir, Helvetica, Arial, sans-serif;
}


a .pillBase.secondary:hover {
    background-color: #EEF6FA;
}


.pillBase.secondary {
    background-color: #fff;
}

.pillBase.secondary:hover .gradient .buttonText, .pillBase.secondary:focus .gradient .buttonText {
    color: #1994d7;
}

.borderradius .uiPlus .pillBase .gradient {
    padding: 0 16px;
    top: 1px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod?�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.56) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.56) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.56) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.56) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.56) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fffffff', endColorstr='#00ffffff',GradientType=0 );
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-user-select: none;
}

.pillBase.secondary {
    -webkit-transition: background 0.17s linear;
    -moz-transition: background 0.17s linear;
    -o-transition: background 0.17s linear;
    transition: background 0.17s linear;
}
.borderradius .uiPlus .pillBase {
    padding: 0 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    min-width: 90px;
}


.user.enterMAinputLeft{
	margin-right: 15px;
	display: inline-block;
}

.user.enterMAinputInline{
	display: inline-block;
}

.avenirheavy{
  font-size: 12px;
  color: #253b56;
  font-weight: 600;
  font-family: inherit;
  margin-bottom: 5px;
}

.maidSpace{
	margin-bottom: 300px;
}

.enterMAinputInline.imageRight{
	display: inline-block;
	float:right;
	padding-bottom: 30px;
}

.enterMAinputInline{
	display: inline-block;
}

.head4a{
	font-size: 22px;
	font-weight: 600;
}
.head6a{
	font-size: 14px;
}

.unlinkpopupmobile{
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    padding:20px;
    background: white;
    z-index: 1000;
    font-size: 14px;
    line-height: 20px;
    z-index: 120000;
    overflow-y: auto;
}
.renewChooseGuest .icon.icon--pep {
    margin: 0;
    width: 25px;
    font-size: 25px;
    margin-left: -5px;
}
#signInBottomInformationContainer .createAccount:hover{
  text-decoration: none;
}
#signInBottomInformationContainer .createAccount:hover .addMemberRenewFont{
  text-decoration: underline;
}
#enterMAPopup .EnterMAinfoContainer {
    padding-bottom: 25px;
}
@media(max-width: 750px){
	.renewChooseGuest input, select {
	    font-size: 14px;
	    padding: 5px 0px 4px 6px;
	    width: 99%;
	    margin-left: 1px;
	}
	.renewChooseGuest .maincontent1 {
	    padding: 5px 10px 0px 10px;
	    width: 100%;
	    font-size: 14px;
	    font-weight: normal;
	    line-height: 20px;
	    border:0;
	}
	.renewChooseGuest .maincontent2 {
	    margin: 0 10px;
	    padding-top: 0px;
	    padding-bottom: 20px;
	}
	.renewChooseGuest #signInBottomInformationContainer .createAccount {
	    padding: 40px 0 0px 0;
	}
	.renewChooseGuest .copyRightLine {
	    margin: 0 40px;
	    padding-top: 0px;
	    padding-bottom: 10px;
	    text-align: center;
	}
	.renewChooseGuest .icon.icon--pep {
	    margin: 0;
	    width: 25px;
	    font-size: 25px;
	    margin-left: -5px;
	}
	.title1 { font-size: 24px; margin: 15px 10px 10px 10px; }
	.maincontent1 { padding: 20px 10px 25px 10px; width: 100%; }
	.bg2 { padding:25px 10px 0px;}
	.checkboxspace {margin-right: 25px;}
	.chooseGuestContent1 {display: block; margin-left: 40px; margin-top: 10px;}
	.head4a{font-size: 18px; margin-bottom: 5px;}
	.magiccard2 { display:block; margin-left: 0px; margin-top: 30px;}
	.magiccard3 {display: block; margin-top: 30px;}
	#signInBottomInformationContainer .createAccount {padding: 40px 0 35px 0;width:100%;}
	.icon.icon--pep{margin:0; width: initial;}
	.topborder{background-color: #fff;}
	.tnctitle1 {width:100%; padding: 0; margin-top:0;}
	.enterMADescript {font-weight: normal; max-width: 100%; padding-bottom: 20px;}
	.horizontalSeparator {width: 100%;}
	.whitebg1 {width: 100%; padding: 20px 0 25px 0; height: initial; overflow-y:hidden ;}
	input[type=text] { width: 99%; }
	.avenirheavy { margin-bottom: 8px; }
	.enterMAinputInline.imageRight{ display: block; clear:both; text-align:center; margin:35px 0 0px 0;}
	.enterMAinputInline.imageRight img{ max-width: 100%; }
	.user.enterMAinputLeft {margin-right: 0; display: block;padding-bottom: 25px;}
	.user.enterMAinputInline {padding-bottom: 25px;}
	.enterMAinputID {padding-bottom: 25px;}
	.enterMAinputInline {width: 100%;}
	.divunlink {padding:0; width: 100%; margin-bottom: 0;}
	.horizontalSeparator.mobileSeparator.bottomline{ margin-bottom:15px }
	.unlinkbtn {margin-right: 0px;}
	.whitebtn {float: none; margin-right: 20px;}
	.enterMAinputInline.imageRight {padding-bottom: 0px;}
}

/*~~~~~~~~~~~~~~~~~~~~ End 4 Choose Guests ~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~ 5 Config ~~~~~~~~~~~~~~~~~~~~*/
.fullClassToursSchedule {
	margin: 8px;
	margin-bottom: 0;
	margin-left: 0px;
    margin-top: 30px;
    width: 430px;
}
.fullClassToursSchedule ul li {
    list-style-type: none;
    font-size: 16px;
    font-weight: bold;
}
.richRadio.selectTime.fullClass label {
    font-size: 16px;
    line-height: 34px;
    color: #bdc8d5;
}
.fullClass .radioBubble, .fullClass .richRadio, .package .richRadio.fullClass, .richRadio.fullClass .uiSprite {
    background-position: 0px -1217px;
}
.renewConfig .termsNcondition p {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}
.renewConfig .ticketContent p {
    margin-bottom: 9px;
    font-weight: normal;
    font-size: 12px;
}
.renewConfig .pass_labeld {
    font-size: 12px;
    font-weight: bold;
}
.renewConfig .newsContentContainer .ticketContent .tabSeparator {
	min-height: 152px;
}
.renewConfig .newsContentContainer .ticketContent .tabSeparator:last-child {
	border-bottom: 0;
}
.renewConfig .newsContentContainer .ticketContent {
	border-bottom: 1px solid #dfdfdf;
}
.renewConfig .termsNcondition {
	margin: 0 40px;
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: left;
}
.renewConfig .termsNcondition p {
    margin-bottom: 25px;
}
.renewConfig .bg2 {
    padding: 30px;
}
.renewConfig .bg2.greyBorderBottom {
    border-bottom: 0;
}
.renewConfig .maincontent1 {
    padding: 20px 40px 30px 40px;
    width: 620px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.renewConfig .basicPaddingOffer {
    padding: 0px 0 20px;
    font-size: 16px;
    font-weight: 600;
}
.divInlineBlock{
	display: inline-block;
}

.divTableCell{
	display: table-cell;
}

.divTableCell.verticalAlignTop{
	vertical-align: top;
	padding-right: 20px;
	padding-top: 20px;
}

.divInlineBlock.cardImage{
	display: inline-block;
	margin-right: 30px;
}

.divInlineBlock.cardContent{
	display: inline-block;
	vertical-align:top;
}

.basicPadding{
	padding: 30px 0 20px;
	font-size: 16px;
	font-weight: 600;
}

.titleRight12{
	margin-left: 12px;
	display: inline-block;
}

..basicPadding{
	padding: 0 0 20px;
	font-size: 16px;
	font-weight: 600;
}

.basicPaddingOffer{
	padding: 30px 0 20px;
	font-size: 16px;
	font-weight: 600;
}

.basicPaddingOffer.paddingBottom30{
	padding-bottom: 30px;
}

.basicPaddingOffer p{
	padding-top: 5px;
	font-size: 12px;
	line-height: 18px;
	padding-left: 50px;
}

.paddingTop30{
	padding-top: 30px;
}

.avenirheavy14{
  font-size: 14px;
  color: #253b56;
  font-weight: 600;
  font-family: inherit;
  margin-bottom: 5px;
}

.typeDropDown{
	margin: 0;
}

.cost{
	display: inline-block;
	margin-top:25px;
	float: right;
	font-size: 16px;
	font-weight: 600;
}

.ui-selectmenu-button.ui-button{
    min-width: 180px;
}

.bg2.greyBorderBottom{
	border-bottom: 1px solid #dfdfdf;
}

.divTableCell .accordion-toggle{
	color: #253b56;
}

.divTableCell .accordion-toggle:before{
	content: " ";
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/btn_dropdown_down.png);
    background-size: cover;
    margin-right: -22px;
    position: relative;
    top: 30px;
    left: -48px;
    vertical-align: middle;
}

.divTableCell .accordion-toggle.collapsed:before{
	content: " ";
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/btn_dropdown_side.png);
    background-size: cover;
    margin-right: -22px;
    position: relative;
    top: 30px;
    left: -48px;
    vertical-align: middle;
}

.divTableCell .accordion-toggle:hover, .divTableCell .accordion-toggle:focus{
	text-decoration: none;
}

.table-cell {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.currentSelections{
    background-color: #ebf6fc;
    width: 275px;
    padding: 20px 25px 0px 20px;
}

.currentSelections h3{
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 20px;
}

.disclaimers{
	font-size: 12px;
	line-height: 16px;
	color:#768aa0;
	padding: 30px 20px;
	background-color: #fff;
}

.leftCardContent{
	width: 666px;
}

#ticketBuilderContainer {
    color: #253b56;
    position: relative;
    width: 230px;
    display: block;
    border-top: 1px solid #a1afc0;
    border-bottom: 1px solid #a1afc0;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.itemDetails {
    padding: 30px 0 0 0;
    font-size: 12px;
}

.itemDetails h4 {
    color: #253b56;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.head8{
	font-size: 12px;
	font-weight: 300;
}

.head10{
	font-size: 12px;
	font-weight: 300;
	color:#768aa0;
}

.popup1{
  position: fixed;
  height: 100%;
  overflow-y: auto;
  width: 100%;
  padding: 25px 20px 0 20px;
  background: white;
  background: rgba(25,149,215,0.66);
  background: -moz-linear-gradient(top, rgba(25,149,215,0.66) 0%, rgba(202,214,226,0.66) 53%, rgba(25,148,215,0.66) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,149,215,0.66)), color-stop(53%, rgba(202,214,226,0.66)), color-stop(100%, rgba(25,148,215,0.66)));
  background: -webkit-linear-gradient(top, rgba(25,149,215,0.66) 0%, rgba(202,214,226,0.66) 53%, rgba(25,148,215,0.66) 100%);
  background: -o-linear-gradient(top, rgba(25,149,215,0.66) 0%, rgba(202,214,226,0.66) 53%, rgba(25,148,215,0.66) 100%);
  background: -ms-linear-gradient(top, rgba(25,149,215,0.66) 0%, rgba(202,214,226,0.66) 53%, rgba(25,148,215,0.66) 100%);
  background: linear-gradient(to bottom, rgba(25,149,215,0.66) 0%, rgba(202,214,226,0.66) 53%, rgba(25,148,215,0.66) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1995d7', endColorstr='#1994d7', GradientType=0 );
  z-index: 12000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.offerDetail{
  width: 70%;
  margin: auto;
  background-color: white;
  padding: 30px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 5%;
  font-size:24px;
  color:#253b56;
  font-weight: 300;
}


.whitebg{
  width: 70%;
  margin: auto;
  background-color: white;
  padding: 0;
  height: 344px;
  overflow-y: auto;
}

.divclose{
  border-top:1px solid #dfdfdf;
  padding:20px 0;
  width: 70%;
  margin: auto;
  background-color: white;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-bottom: 5%;
}

.divclose{
	height: 74px;
}

.offerDetailDescription{
	margin-top: 15px;
	font-size: 14px;
	line-height: 20px;
}

.closebtn{
    margin-right: 20px;
}

.table-cell.width180{
	width: 180px;
}

.marginBottom10{
	margin-bottom: 5px;
}

.offerDetailLinkActive{
	font-size: 14px;
	font-weight: 600;
}

.offerDetailLink{
	font-size: 14px;
	font-weight: 300;
	color: #1994d7;
}
.heightInherit{
	height: inherit;
}

.imagePadding{
	padding: 0 20px;
}

.contentPaddingRight{
	padding-right: 35px;
}

.offerDetailTitle{
	font-size: 18px;
	font-weight: 600;
}

.offerDetailContent{
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

.offerDetailContent.contentPaddingBottom40{
	padding-bottom: 25px;
}

.divSpace35{
	background-color: #fff;
	height: 35px;
	width: 70%;
	margin: 0 auto;
}

.fontTitle{
	font-size: 14px;
	line-height: 20px;
}

.popup1mobile {
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    background: white;
    z-index: 1000;
    font-size: 14px;
    line-height: 20px;
    z-index: 120000;
}

.divTableCell.mobilePaddingTabelCell .accordion-toggle:before{
	content: " ";
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/btn_dropdown_down.png);
    background-size: cover;
    margin-right: 0;
    position: relative;
    top: -2px;
    left: -5px;
    vertical-align: middle;
}

.divTableCell.mobilePaddingTabelCell .accordion-toggle.collapsed:before{
	content: " ";
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/btn_dropdown_side.png);
    background-size: cover;
    margin-right: 0;
    position: relative;
    top: -2px;
    left: -5px;
    vertical-align: middle;
}

.renewConfig .divTableCell .accordion-toggle:before {
    content: " ";
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/btn_dropdown_down.png);
    background-size: cover;
    margin-right: -22px;
    position: relative;
    top: 25px;
    left: -48px;
    vertical-align: middle;
}
.renewConfig .divTableCell .accordion-toggle.collapsed:before{
	content: " ";
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/btn_dropdown_side.png);
    background-size: cover;
    margin-right: -22px;
    position: relative;
    top: 25px;
    left: -48px;
    vertical-align: middle;
}

.renewConfigPopup .whitebg {
    margin: auto;
    background-color: white;
    overflow-y: auto;
    margin-bottom: 20px;
    width: 100%;
    padding: 0;
}
.renewConfigPopup.content {
    padding: 0 20px;
}
.renewConfigPopup .offerDetailLink {
    width: 160px;
}
.renewConfigPopup.jediConfigContainer .popup {
    width: 80%;
    padding: 30px 10px;
    max-width: 1000px;
}
.renewConfigPopup.jediConfigContainer .dashboard_mainTitle {
    display: block;
    font-weight: lighter;
    font-size: 28px;
    padding: 0 20px 15px;
}
.renewConfigPopup.jediConfigContainer .popup p {
    padding: 0 20px 40px;
}
.renewConfigPopup .jediConfigPopup .contentPaddingRight {
    padding: 0 20px;
}

.renewConfigPopup .configDescImg {
	display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.renewConfigPopup .configDesc {
	display: inline-block;
    vertical-align: top;
    width: 60%;
}

/*
.renewConfigPopup .configTabcontainer .sideArrow {
    width: 20px;
    height: 20px;
    border: none;
    outline: none;
    background-image: url(../images/desc_side_arrow.png);
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
}
.renewConfigPopup .configTabcontainer .downArrow {
    width: 20px;
    height: 20px;
    border: none;
    outline: none;
    background-image: url(../images/desc_down_arrow.png);
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
}
*/

.configTabcontainer .configHiddencontent {
    display: none;
    padding : 5px;
}

.calendarContainer .horizontalSeparator.calendarWidth {
    width: 95%;
}
.calendarContainer .legend > div {
    display: inline-block;
    margin: 5px 0;
}



@media(max-width: 750px){
	.fullClassToursSchedule {
	    float: left;
	    width: 100%;
	}
	.fullClassToursSchedule ul li {
	    list-style-type: none;
	    font-size: 16px;
	    font-weight: bold;
	}
	.renewConfig .ui-button .ui-icon, .renewConfig .ui-selectmenu-icon, .renewConfig .ui-state-hover .ui-icon, .renewConfig .ui-state-focus .ui-icon, .renewConfig .ui-button:hover .ui-icon, .renewConfig .ui-button:focus .ui-icon, .renewConfig .ui-state-default .ui-icon {
	    background-image: url(../images/btn_dropdown_down.png);
	    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAABBElEQVQoU2NkoBAwTlq4ZRojI2MmOeb8Z/i/gLGhYRWbkBL3dkYGBieSDPn//8Lvt9+sgPoYGPrmrBJiZeM6ycDAqEKkIR8Zfv41zE31uw82AAQmzdugxcjCegzI5CdkyP9//33yEny2gtTBDQBxJs7f6sHE/H8LUJgZlyH//v/ryI/3rYTJoxgANmTh5iImRqZebAb8Z2DYd3jzV7fVq8P+4jQA7J1FW+YzMjAmoBjy///T/3+/GeYlhb1GFsdwAUgSHDOKXHuB0WsD4gOj6xcQO+fH+R5BdxlWAyCBukqUgZnrDNAQOaC/i4H+7sPmLZwGgBT3zd+gy8LEXJoX7xuHK1ABoWpSYpkXTH4AAAAASUVORK5CYII=");
	    background-position: 0 0;
	    height: 20px;
	    width: 20px;
	    height: 11px;
	    width: 16px;
	    position: absolute;
	    right: 5px;
	    top: 40%;
	}

	.renewConfig .expirationDateSelect .ui-selectmenu-text {
		font-size: 14px;
	    font-weight: normal;
	    line-height: 18px;
	    margin-left: 0px;
	}
	.renewConfig .expirationDateSelect .ui-selectmenu-button {
	    width: 180px;
	    min-width: 60px;
	    margin-right: 8px;
	    height: 35px;
	    padding: 10px;
	}

	.renewConfig .newsContentContainer .ticketContent {
		border-bottom: 0;
	}
	.calendarContainer table thead {
	    border-bottom: 0;
	}
	.calendarContainer .ui-datepicker table {
	    width: 100%;
	    font-size: .9em;
	    border-collapse: collapse;
	    margin: 0 0 .4em;
	}
	.calendarContainer .selectedTime {
	    float: left;
	    width: 100%;
	}
	.renewConfigPopup .dashboardNewslineMargin.fadeline {
		margin: 10px 0;
	}

	.renewConfigPopup .dashboardNewslineMargin.fadeline.descLine {
		margin: 5px 0;
	}
	.renewConfigPopup .offerDetailContent {
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 18px;
	    padding-bottom: 15px;
	}
	.renewConfigPopup .offerDetailTitle {
	    font-size: 12px;
	    font-weight: bold;
	    margin-bottom: 5px;
	}
	.renewConfigPopup .configDesc {
	    margin-top: 15px;
	    width: 100%;
	}
	.renewConfigPopup .contentPaddingRight {
	    padding-right: 0px;
	}
	.renewConfigPopup .configDescImg {
	    width: 100%;
	    margin-right: 0;
	}
	.renewConfigPopup .configDescImg img{
	    height: 100%;
	    width: 100%;
	}
	.renewConfigPopup .configTabcontainer .configHiddencontent {
	   /* padding: 0px 30px;*/
	    padding: 0 20px 0 0px;
	}
	.renewConfigPopup .configTabcontainer span {
	    font-size: 18px;
	    font-weight: normal;
	}
	.renewConfigPopup.jediConfigContainer .popup p {
	    padding: 0;
	}
	.renewConfigPopup.jediConfigContainer .popup .importantFont {
	    margin-bottom: 0px;
	    font-size: 12px;
	    color: #78899e;
	    margin-left: 0px;
	    font-style: normal;
        padding: 10px 0px;
	}
	.renewConfigPopup.jediConfigContainer .dashboard_mainTitle {
	    display: block;
	    font-weight: normal;
	    font-size: 20px;
	    padding: 0 10px 8px;
	}
	.renewConfigPopup.jediConfigContainer .popup {
	    width: 100%;
	    padding: 20px 10px;
	    max-width: 1000px;
	}
	.renewConfigPopup .configTabcontainer .header {
	    padding: 10px 7px;
	    cursor: pointer;
	    font-weight: normal;
	    font-size: 18px;
	    vertical-align: middle;
	    background-color: #FFF;
	}
	.renewConfigPopup .configTabcontainer .descArrow2Header {
	    padding: 10px 7px;
	    cursor: pointer;
	    font-weight: normal;
	    font-size: 18px;
	    vertical-align: middle;
	}
	/*
	.renewConfigPopup .configTabcontainer .downArrow {
	    width: 20px;
	    height: 20px;
	    border: none;
	    outline: none;
	    background-image: url(../images/desc_down_arrow.png);
	    display: inline-block;
	    vertical-align: middle;
	    background-size: cover;
	    margin-right: 0;
	}
*/
	.renewConfig .table-row {
	    background-color: white;
	}
	.renewConfig .termsNcondition {
	    margin: 0 10px;
	    padding-top: 30px;
	    padding-bottom: 0px;
	    text-align: left;
	}
	.renewConfig .termsNcondition p{
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 16px;
	}
	.renewConfig .left p{
	    font-size: 12px;
	    font-weight: normal;
	    color: #8294aa;
	    margin-top: 15px;
	}
	.renewConfig .ticketSummary {
	    padding: 20px 10px 20px 10px;
	}
	.renewConfig .subContent1 {
	    margin-bottom: 0px;
	}
	.renewConfig .divInlineBlock.cardImage img{
	    margin-left: -10px;
	}
	.renewConfig .divInlineBlock.cardContent .head4 {
	    margin-top: 0px;
	    font-size: 18px;
	    font-weight: bold;
	}
	.renewConfig .bg2 {
	    padding: 0px;
	}
	.renewConfig .divTableCell.verticalAlignTop {
	    padding-right: 10px;
	}
	.renewConfig input, select {
	    font-size: 14px;
	    padding: 5px 0px 4px 6px;
	    width: 99%;
	    margin-left: 5px;
	}
	.renewConfig .maincontent1 {
	    padding: 5px 10px 0px 10px;
	    width: 100%;
	    font-size: 14px;
	    font-weight: normal;
	    line-height: 20px;
	    border:0;
	}
	.renewConfig .maincontent2 {
	    margin: 0 10px;
	    padding-top: 0px;
	    padding-bottom: 0px;
	}
	.renewConfig #signInBottomInformationContainer .createAccount {
	    padding: 40px 0 0px 0;
	}
	.renewConfig .copyRightLine {
	    margin: 0 40px;
	    padding-top: 0px;
	    padding-bottom: 10px;
	    text-align: center;
	}

	.fontTitle{font-size: 12px;line-height: 16px;}
	.subContent1{margin-bottom: 25px;}
	.mobilePaddingBottom20{padding-bottom: 20px; border: none;}
	.divInlineBlock.cardContent{display: block; margin-top:15px}
	.divInlineBlock.cardContent .head4{margin-top:10px; font-size:18px; font-weight: 600;}
	.divInlineBlock.cardContent .head6{line-height:20px; font-size:14px; font-weight: 300;}
	.titleRight12 {margin-left: 10px; font-weight: 600; font-size: 16px; max-width: 80%; vertical-align: text-top;}
	.basicPaddingOffer p { padding-left: 48px; font-weight: 300;}
	.basicPadding { padding: 25px 0 20px;}
	.basicPaddingOffer.paddingBottom30.mobilepaddingBottom25{padding-bottom: 25px; }
	.basicPaddingOffer { padding: 20px 0;}
	.paddingTop30.mobilePaddingTop20{ padding-top:20px;}
	.mobileAvenirheavy14{font-size: 12px;}
	.typeDropDown {width: 180px;}
	.typeDropDown .ui-button.ui-selectmenu-button .ui-selectmenu-text {font-size: 13px; font-weight: 300;}
	.cost{display:block; margin-top:20px; float:none; margin-bottom: 0;}
	.subContent2{padding-bottom: 25px;}
	.mobileCurrentSelections{ background-color: #ebf6fc; padding: 20px 10px 20px 10px; }
	.totalCost{position: relative; font-size: 18px; font-weight: 600;}
	.hkDollar{right: 0; position: absolute; font-size: 18px; font-weight: 600;}
	.priceHKD{font-weight: 300; font-size: 12px; margin-top: 15px; color:#8294aa;}
	.disclaimers {padding: 25px 10px;}
	.offerDetail{ font-size: 20px; font-weight: 300; padding: 20px 10px 15px; width: 100%; margin-top: 0;}
	.divclose {border-top: none; padding: 0 0 20px; width: 100%; margin-bottom: 0; height: initial;     
	-webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;}
	.marginBottom20{margin-bottom: 20px;}
	.closebtn.marginRight10{margin-right: 10px;}
	.whitebg {width: 100%; margin: auto; background-color: white; padding: 0 10px 0px 10px; overflow-y: auto; height:100%; z-index: 11000;}
	.mobileMarginBottom10{margin-bottom: 10px;}
	.mobilePaddingTabelCell{padding-top: 10px;}
	.mobileOfferDetail{display: table-cell; font-size: 18px; font-weight: 300; padding-bottom: 10px;}
	.mobileOfferDeail1{margin: 0 30px ; font-weight: 300; font-size: 12px; line-height: 18px;}
	.mobileOfferDeailImage{margin:25px 30px 15px; }
	.width100{width: 100%;}
	.mobileSubHead{font-size:12px; font-weight: 600; margin: 0 30px}
	.mobileSubContent{font-size:12px; font-weight: 300; line-height: 18px; margin:5px 30px 15px;}
	.mobiledisclaimers{margin: 30px 10px; font-size: 12px; font-weight:300; line-height: 18px; color:#8294aa; padding-bottom: 200px;}
	@-moz-document url-prefix() {
    .mobiledisclaimers {padding-bottom:225px;}
	}
	.leftCardContent{width: 100%;}
}

    

/*~~~~~~~~~~~~~~~~~~~~ End 5 Config ~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~ Begin Of Batch2 ~~~~~~~~~~~~~~~~~~~~*/



.renewCheckout .icon--pep {
    font-size: 30px;
    line-height: 30px;
    width: 30px;
}


.renewConfirm .confirmImportantDetailBox .maIconDiv .icon--pep {
    font-size: 15px;
    line-height: 15px;
    width: 15px;
}

.renewConfirm .confirmSummary .icon--pep {
    font-size: 30px;
    line-height: 30px;
    width: 30px;
}
.renewConfirm .confirmSummary .importantIco .icon--pep{
    font-size: 15px;
    line-height: 15px;
    width: 15px;
}


.pageContent section.checkoutContent, .pageContent section.renewMAContent {
    padding: 20px 0px;
    height:100vh;
    min-height: 1200px;
}
.pageContent section.mobileCheckoutContent {
    padding: 20px 0px;
}
.CheckoutContentTitle, .renewMAContentTitle {
    display: block;
    font-weight: lighter;
    font-size: 28px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.ticketContent .subForm {
    margin-left: 63px;
    padding: 30px 50px 30px 0px;
    display: table-cell;
    width: 100%;
}

.ticketContent {
    counter-reset: step;
}
.counterDiv {
	font-size: 60px;
    padding-left: 30px;
    padding-right: 25px;
    display: table-cell;
    vertical-align: top;
    padding-top: 10px;
    color: #a1afc0;
}
.ticketContent .counterDiv:before {
    counter-increment: step;
    content: counter(step);
}

.table-cell {
    display: table-cell;
    vertical-align: top;
    position: relative;
}
.ticketSummary {
    background-color: #ebf6fc;
    width: 275px;
    padding: 25px 20px 20px;
}
#ticketBuilderWrapper {
    position: absolute;
    height: 100%;
    width: 98%;
}
.ticketContent {
    padding-top: 0;
    width: 100%;
}

.ticketSummary h3 {
    font-size: 18px;
    font-weight: bold;
}

.ticketContent h2 {
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10px;
}
.ticketContent p {
    margin-bottom: 5px;
}

#ticketBuilderContainer {
    color: #253b56;
    position: relative;
    margin-top: 15px;
    width: 230px;
    display: block;
    border-top: 1px solid #a1afc0;
    border-bottom: 1px solid #a1afc0;
    padding-bottom: 35px;
    margin-bottom: 25px;
}

.itemDetails {
    padding: 30px 0 0 0;
    font-size: 12px;
}
.itemDetails h4 {
    color: #253b56;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
.checkoutEmailDiv {
	margin-top: 30px;
	display: inline-block;
    margin-right: 20px;
}
.renewCheckout .checkoutEmailDiv {
    margin-top: 20px;
}
.renewCheckout .checkoutEmailDiv p {
    font-size: 12px;
    font-weight: bold;
}
.checkoutEmailDiv input {
	width: 225px;
}
.requiredField {
	float: right;
	font-size: 12px;
	font-weight: lighter;
	color: #78899e;
	margin-right: 15px;
}
.renewCheckout .requiredField {
	margin-right: 0px;
}
.creditCard {
	margin-bottom: 25px;
	margin-top: 25px;
}

.creditCard:last-child {
	margin-bottom: 0px;
	margin-top: 30px;
}
.creditCard .desc {
    display: inline-block;
    vertical-align: top;
}
.creditCard span {
    display: block;
    font-size: 16px;
    margin-top: 4px;
    margin-bottom: 5px;
    font-weight: bolder;
}
.creditCard img {
    width: 47px;
    height: 29px;
    margin-right: 6px;
}
.maSummary {
	width: 55%;
	margin-bottom: 20px;
}
.subForm h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.renewCheckout .subForm h1 {
    font-weight: normal;
}
.summaryPrice {
	font-size: 14px;
	line-height: 20px;
    display: inline-block;
    vertical-align: top;
    float: right;
}
.maIconDiv {
    padding-left: 40px;
    padding-right: 30px;
    display: table-cell;
    vertical-align: top;
    padding-top: 25px;
}
.rich-checkbox {
	margin-right: 10px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 1px solid #A1AFC0;
    -webkit-box-shadow: 0 1px 2px 0 #999;
    box-shadow: 0 1px 2px 0 #999;
    background: #FFF;
    background: -moz-linear-gradient(top, #FFF 0%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#ececec));
    background: -webkit-linear-gradient(top, #FFF 0%,#ececec 100%);
    background: -o-linear-gradient(top, #FFF 0%,#ececec 100%);
    background: -ms-linear-gradient(top, #FFF 0%,#ececec 100%);
    background: linear-gradient(to bottom, #FFF 0%,#ececec 100%);
}
.rich-checkbox.selected {
    border: 1px solid #628B27;
    background-image: url(../images/remsta.png);
    background-size: cover;
}
.tncLine {
	margin-left: 20px;
	padding-top: 40px;
	padding-bottom: 30px;
	height: 100px;
    max-height: 100px;
}
.paidReservation .tncLine {
	margin-left: 8px;
}

.commerce-icon{
	font-family:pepmdx;
}
.calendar{
	text-align:center;
	max-width:480px;
	display:inline-block;
}
.pageContent .ui-menu .ui-menu-item >div {
	padding-left: 10px;
}

.calendar .month-selection{
	display:inline-block;
	font-size:24px;
}
.month-selection .month{
	display:inline-block;
	padding:0 35px;
}
.calendar .core li{
	margin:0 4px 4px 0;
	height:60px;
	width:60px;
	display:inline-block;
}
.calendar .core li.heading{
	height:20px;
}
.date{
	text-align:right;
	padding:8px;
	border-radius:5px;
	-moz-box-shadow: inset 2px 2px 2px #888;
	-webkit-box-shadow: inset 2px 2px 2px #888;
	box-shadow: inset 2px 2px 2px #888;
	background:#E2EBF1;
}

.date.selected{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: -webkit-linear-gradient(left top, #A7C283, #79A242);
  background: -o-linear-gradient(bottom right, #A7C283, #79A242);
  background: -moz-linear-gradient(bottom right, #A7C283, #79A242);
  background: linear-gradient(to bottom right, #A7C283, #79A242);
}

.date.available{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: -webkit-linear-gradient(left top, #A6D0E9, #67A5CA);
  background: -o-linear-gradient(bottom right, #A6D0E9, #67A5CA);
  background: -moz-linear-gradient(bottom right, #A6D0E9, #67A5CA);
  background: linear-gradient(to bottom right, #A6D0E9, #67A5CA);
}

#StickFooter>.fixedToolbarShadow {
    display: block;
    position: absolute;
    bottom: 100%;
    height: 4px;
    width: 100%;
    opacity: .15;
    background-image: -webkit-gradient(linear,0% 100%,0% 0,from(rgba(0,0,0,255)),to(rgba(0,0,0,0)));
    background-image: -moz-linear-gradient(90deg,#000 0,rgba(0,0,0,0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00000000, endColorstr=#20000000)";
}
#StickFooter>.fixedToolbarContainer {
	height: 60px;
}
#StickFooter .fixedToolbarContainer>.pepde-container {
    padding: 0;
    width: 940px;
    max-width: 940px;
    display: table;
    margin: auto;
}
.leftContainer, .rightContainer {
	display: table-cell;
    position: relative;
    vertical-align: middle;
    padding-top: 15px;
}
#StickFooter {
	display: block;
    float: left;
    clear: both;
    width: 100%;
    background-color: #e6eef7;
    position: fixed;
    bottom: 0;
	z-index: 999;
	-webkit-backface-visibility: hidden;
	bottom: 0px;
	margin-bottom: -1px;
}
.rightContainer .primary {
    background-color: #61941b;
}
.leftContainer .button_cancel .pillBase {
    background-color: #becfe3;
    color: #253b56;
}
.leftContainer .button_cancel .pillBase .buttonText{
    color: #253b56;
}
.button_cancel:FOCUS .pillBase, .button_cancel:HOVER .pillBase {
    background-color: #e3ecf7;
    -webkit-box-shadow: 0 0 4px 1px #1d96d7;
    -moz-box-shadow: 0 0 4px 1px #1d96d7;
    box-shadow: 0 0 4px 1px #1d96d7;
    transition:0.3s;
}
.copyRightLine {
	margin: 0 40px;
	padding-top: 30px;
	padding-bottom: 10px;
	text-align: center;
}
.copyRightLine span {
    padding: 0 10px;
    border-right: 1px solid;
    line-height: 24px;
}
.copyRightLine span:last-child {
    border-right: 0;
}
.copyRightLine p {
	margin-bottom: 25px;
}
.table-row .orderSummaryBottom .tabSeparator:last-child {
	border-bottom: 0;
}
.checkoutBigTitle {
    font-weight: lighter;
    color: #0470ab;
    font-size: 30px;
    line-height: 50px;
}
.ticketSummary .tabSeparator {
	background-color: #FFF;
    width: 100%;
    position: absolute;
    vertical-align: bottom;
    bottom: 0;
    left: 0;
}
.tncLine p {
	margin-bottom: 0;
}


nav.navbar-default {
    border: 0;
    background-color: transparent;
    margin: 25px 0 10px 0px;
    min-height: inherit;
}
.renewMAContentTitle {
    display: block;
    font-weight: lighter;
    font-size: 28px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.renewMAContentTitleDesc {
    display: block;
    font-weight: normal;
    font-size: 14px;
    padding-bottom: 30px;
    padding-left: 20px;
}
.renewMAContent .subForm {
    margin-left: 63px;
    padding: 20px 20px 30px 0px;
    display: table-cell;
    width: 100%;
}

.renewMAContent h1 {
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 30px;
}
.renewMAContent h2 {
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 20px;
}
.renewMAContent .maIconDiv {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.renewMAContent .maSummary:last-child {
    margin-bottom: 0px;
}
.renewMAContent .tabSeparator:last-child {
	border-bottom: 0;
	padding-bottom: 15px;
}
.pageContent section.renewMAContent {
    padding: 20px 0 40px 0;
    height: auto;
    min-height: 400px;
}

.secondBlock h2 {
	padding-bottom: 10px;
	font-weight: bold;
	max-width: 620px;
}
.secondBlock .subForm {
    padding: 20px 20px 0px 0px;
    max-width: 620px;
}
.secondBlock section.renewMAContent {
    padding: 5px 0 0 0;
    height: auto;
    min-height: 300px;
}
.renewMAsecondBlockContainer .htmlContainer {
    padding: 0px 15px 20px 0;
}
.renewMAsecondBlockContainer .htmlContainer:last-child {
    padding: 10px 15px 20px 0;
}
.renewMAsecondBlockContainer .arrow {
	left: -20px;
}

.renewMAsecondBlockContainer a, .renewMAsecondBlockContainer a:HOVER {
	text-decoration: none;
}
.renewMAsecondBlockContainer a, .renewMAsecondBlockContainer a:HOVER .arrow {
	color: #1994d7;
}
.renewMAsecondBlockContainer a:HOVER .arrow:AFTER {
	color: #1994d7;
}
.renewMAsecondBlockContainer a .dashboardNewsDiv {
	color: #253b56;
}
.renewMAsecondBlockContainer a:HOVER .dashboardNewsDiv {
	color: #1994d7;
}
.renewMAsecondBlockContainer .maIconDiv {
    padding-top: 25px;
    padding-left: 20px;
}
.renewMAsecondBlockContainer .subForm {
    padding: 25px 20px 0px 0px;
    max-width: 620px;
}
.dashboardNewsDiv {
    position: relative;
    display: table-row;
    padding: 0;
    margin: 0;
    color: #253b56;
}
.renewMA {
	margin-top: 20px;
}


.confirmContentTitle {
    display: block;
    font-weight: normal;
    font-size: 28px;
    padding-bottom: 10px;
	/*padding-bottom: 0px;*/ /* PRO-275891 */
    padding-left: 40px;
    padding-top: 40px;
}
.confirmContentTitleDesc {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 30px;
    padding-left: 40px;
}
#confirmBuilderContainer {
    color: #253b56;
    position: relative;
    margin-top: 20px;
    width: 230px;
    display: block;
    border-top: 1px solid #a1afc0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.confirmBuilderPrice {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}
#confirmBuilderContainer:first-child {
    border-top: 0;
    margin-top: 25px;
}
.confirmContent .ticketSummary {
    background-color: #ebf6fc;
    width: 270px;
    padding: 0px 20px 0px;
}
.confirmContent .ticketSummary h3 {
    font-size: 12px;
    font-weight: bold;
}
.confirmContent .confirmNumber {
    background-color: #FFF;
    padding: 30px 40px;
    min-width: 375px;
    text-align: right;
}
.confirmNumber h1 {
    margin-top: 5px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.confirmNumber p {
    color: #78899e;
    font-size: 12px;

}
.paymentSummary .subForm {
	padding: 40px 50px 40px 40px;
}
.paymentSummary h1 {
	font-size: 18px;
	margin-bottom: 30px;
	font-weight: bold;
}

.paymentSummary .table-cell {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.paymentSummary .table-cell p{
    font-size: 12px;
    line-height: 16px;
}
.confirmSummary .importantFont {
    margin-bottom: 0px;
    font-size: 12px;
    color: #78899e;
    margin-left: 8px;
    font-style: italic;
}
.confirmSummary .subForm {
    margin-left: 63px;
    /*padding: 30px 0px 40px 0px;*/
	padding: 30px 0px 20px 0px; /* PRO-275891 */
    display: table-cell;
    width: 100%;
}
.confirmSummary .maSummary {
    width: 65%;
}
.confirmFullContentDiv {
    padding: 30px 50px 30px 40px;
    width: 100%;
    max-width: 710px;
}
.confirmImportantDetailBox {
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	padding: 20px;
    width: 525px;
}
.paymentSummary .confirmImportantDetailBox h1 {
	margin-bottom: 15px;
}
.confirmImportantDetailBox .maIconDiv {
	padding-top: 0;
	padding-right: 12px;
	padding-left: 0;
}
.confirmImportantDetailBoxDesc {
	padding-bottom: 15px;
}
.confirmImportantDetailBoxDesc:last-child {
    padding-bottom: 0px;
}
.confirmFullContentDiv .pad25 {
	padding-bottom: 25px;
}
.confirmFullContentDiv .pad20 {
	padding-bottom: 20px;
}
.confirmFullContentDiv .pad15 {
	padding-bottom: 15px;
}
.confirmFullContentDiv .pad10 {
	padding-bottom: 10px;
}
.confirmFullContainer .confirmFullContentDiv h1.subHeader {
    font-size: 18px;
    font-weight: bold;
}
.confirmFullContentDiv h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}
.confirmFullContentDiv a {
	font-size: 14px;
    margin-top: 20px;
    display: block;
}
.confirmWhatsTop {
	background-color: #ebf6fc;
	border-radius: 10px 10px 0 0;
    margin: 0 5px;
}
.jediConfirm.secondBlock .confirmFullContainer {
    padding-top: 5px;
}
.confirmWhatsTopImg {
	margin-top: -30px;
    margin-left: 10px;
}

.confirmWhatsTop h1 {
    font-size: 28px;
    font-weight: normal;
    padding-bottom: 15px;
    padding-top: 20px;
}
.confirmWhatsTop p {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 25px;
    padding-left: 20px;
}

.currentNextBlockContainer .maIconDiv {
    padding-top: 25px;
    padding-left: 75px;
}
.jediConfirm.secondBlock .currentNextBlockContainer .maIconDiv {
    padding-top: 5px;
    padding-left: 30px;
}

.currentNextBlockContainer h2 {
	font-size: 24px;
    padding-bottom: 10px;
    font-weight: lighter;
    max-width: 620px;
}
.currentNextBlockContainer .maSummary {
    width: 80%;
    margin-bottom: 30px;
}
.currentNextBlockContainer .arrow {
	left: -35px;
}
.currentNextBlockContainer {
	padding-bottom: 50px;
}
.Emailcontainer .currentNextBlockContainer {
	padding-bottom: 0px;
}

.currentNextBlockContainer a, .currentNextBlockContainer a:HOVER {
	text-decoration: none;
}
.currentNextBlockContainer a, .currentNextBlockContainer a:HOVER .arrow {
	color: #1994d7;
}
.currentNextBlockContainer a:HOVER .arrow:AFTER {
	color: #1994d7;
}
.currentNextBlockContainer a .dashboardNewsDiv {
	color: #253b56;
}
.currentNextBlockContainer a:HOVER .dashboardNewsDiv {
	color: #1994d7;
}
.maSummary span {
    display: block;
}


/*~~~~~~~~~~~~~~~~~~~~ Begin Of Email ~~~~~~~~~~~~~~~~~~~~*/

.jeDiEmailGuardian.Emailcontainer .copyRightLine {
	margin-top: 30px;
}
.jeDiEmailGuardian.Emailcontainer .EmailpaymentSummary {
    background-color: #FFF;
    height: 100vh;
}
.jeDiEmailGuardian.Emailcontainer .EmailconfirmFullContentDiv p {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.jeDiEmailGuardian.Emailcontainer .EmailconfirmFullContentDiv p span{
    display: block;
}
.EmailpageContent .maMemberinfo.maIconDiv {
	padding-left: 0;
    display: block;
    width: 400px;
    padding-bottom: 15px;
}
.EmailpageContent .maMemberinfo.maIconDiv .icon--pep {
    font-size: 20px;
    width: 20px;
    margin-right: 10px;
    line-height: 20px;
    display: inline-block;
}
.EmailpageContent .maMemberinfo.maIconDiv h1 {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
}
.EmailpageContent .maSummary p {
    margin-bottom:0;
    width: 400px;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}
.EmailpageContent .maSummary p span {
    display: block;
}
.Emailcontainer {
    min-width: 1024px;
    margin: 0 auto;
    display: block;
    background-color: white;
    /*background: url(../images/background-main-stars.png) repeat-x scroll center top transparent;*/
}
.EmailpageWrapper {
    width: 600px;
    margin: 0;
}
.EmailpageContent {
    margin: 0px;
    border-radius: 0px;
    background-color: #fff;
}
.EmailContentTitle {
    display: block;
    font-weight: lighter;
    font-size: 28px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
}
.EmailContentTitleDesc {
    display: block;
    font-weight: normal;
    font-size: 14px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.EmailsubForm {
    margin-left: 63px;
    padding: 30px 30px 0px 0px;
    display: table-cell;
    width: 100%;
    padding-bottom: 10px;
}
.EmailsubForm h1 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 20px;
}
.EmailmaIconDiv {
    padding-left: 35px;
    padding-right: 10px;
    display: table-cell;
    vertical-align: top;
    padding-top: 25px;
}
.EmailconfirmNumber {
    background-color: #FFF;
    padding: 30px 30px 0px 30px;
    min-width: 375px;
    text-align: right;
}
.EmailconfirmNumber p {
    color: #78899e;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
}
.EmailconfirmNumber p a {
    font-size: 12px;
    font-weight: normal;
}
.EmailconfirmNumber b {
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #253b56;
}
.EmailconfirmFullContentDiv {
    padding: 0px;
    width: 100%;
}
.EmailconfirmFullContentDiv h1 {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #253b56;
}
.EmailconfirmImportantDetailBox {
    padding: 0px;
    width: 525px;
    font-size: 12px;
}
.EmailconfirmImportantDetailBoxDesc {
    padding-bottom: 15px;
    padding-left: 10px;
}
.EmailconfirmImportantDetailBoxDesc:last-child {
    padding-bottom: 0px;
}
.EmailconfirmImportantDetailBoxDesc p{
    font-size: 12px;
    line-height: 16px;
}
.EmailconfirmImportantDetailBox .maIconDiv {
    padding-top: 0;
    padding-right: 12px;
    padding-left: 0;
}
.EmailconfirmSummary .importantFont {
    margin-bottom: 0px;
    font-size: 12px;
    color: #78899e;
    margin-left: 8px;
    font-style: italic;
}
.EmailconfirmSummary .EmailmaSummary {
    width: 65%;
}
.EmailmaSummary {
    width: 55%;
    margin-bottom: 20px;
}
.EmailmaSummary p {
    margin-bottom: 0px;
}
.icon--pep{
    font-family: "pepmdx";
    content: attr(data-icon);
}
.icon_Notice {
	font-size: 15px;
    line-height: 15px;
}

.EmailpaymentSummary{
	background-color: #FFF;
}
.EmailpaymentSummary h1 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}
.EmailpaymentSummary .subForm {
    padding: 30px;
}
.EmailticketSummary {
    background-color: #ebf6fc;
    width: 270px;
    padding: 0px 20px 0px;
}
.EmailticketSummary h3 {
    font-size: 12px;
    font-weight: bold;
}
#EmailconfirmBuilderContainer:first-child {
    border-top: 0;
    margin-top: 25px;
}
#EmailconfirmBuilderContainer {
    color: #253b56;
    position: relative;
    margin-top: 20px;
    /* width: auto; */
    display: block;
    border-top: 1px solid #a1afc0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.EmailconfirmFullContentDiv {
    padding: 30px;
    width: 100%;
}
.EmailconfirmFullContentDiv p{
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
}
.EmailconfirmFullContentDiv ul{
	line-height: 18px;
}
.EmailconfirmFullContentDiv h2{
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 10px;
}
.EmailconfirmFullContentDiv h3{
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin-bottom: 20px;
}
.EmailconfirmFullContentDiv img{
	margin-right: 10px;
}
.EmailFullContentDesc {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    padding-left: 15px;
    padding-bottom: 25px;
}
.EmailFullContentDesc ul{
    list-style: disc;
}

.EmailconfirmFullContainer .EmailconfirmFullContentDiv h1 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #253b56;
}
.EmailRemindersconfirmFullContainer .EmailconfirmFullContentDiv h1 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #253b56;
}
.EmailRemindersconfirmFullContainer .EmailconfirmFullContentDiv p {
    margin-bottom: 20px;
}

.EmailconfirmWhatsTop {
    background-color: #ebf6fc;
    border-radius: 6px;
    margin: 50px 30px 30px 30px;
}
.EmailconfirmWhatsTop h1 {
    font-size: 28px;
    font-weight: lighter;
    padding-bottom: 10px;
    padding-top: 20px;
    margin-bottom: 0;
}
.EmailconfirmWhatsTop p {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 20px;
    padding-left: 20px;
}
.EmailconfirmWhatsTop .whatNextContainer {
	width: 70%;
}
.EmailconfirmWhatsTop .confirmWhatsTopImg {
    margin-top: -20px;
    margin-left: 10px;
    vertical-align: top;
}

.EmailrenewMAsecondBlock1 .htmlContainer {
    display: table-cell;
    padding: 0;
    width: 100%;
    overflow: hidden;
    clear: both;
}
.EmailrenewMAsecondBlock1 .maIconDiv {
    padding-top: 0px;
    padding-left: 30px;
    padding-right: 10px;
}
.EmailrenewMAsecondBlock1 .subForm {
    padding: 0;
}
.EmailrenewMAsecondBlock1 .maIconDiv .icon--pep {
    font-size: 50px;
    line-height: 50px;
}
.EmailrenewMAsecondBlock1 h2 {
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 10px;
    font-weight: lighter;
    width: 400px;
}
.EmailLineContainer {
	padding: 30px;
}
.EmailLine {
    border-bottom: 1px solid #dfdfdf;
    margin: 0;
    display: block;
    width: 100%;
}
.marginTop30 {
	margin-top: 30px;
}
.EmailpaymentSummary .copyRightLine {
    padding-top: 0px;
}
.EmailpaymentSummary .copyRightLine span {
    padding: 0 10px;
    border-right: 1px solid;
    line-height: 16px;
    font-size: 12px;
}

.EmailpaymentSummary .copyRightLine p {
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
}
.EmailconfirmFullContentDiv .icon--pep {
	font-size: 15px;
	line-height:15px;
}
.EmailmaIconDiv .icon--pep {
	font-size: 25px;
	line-height:25px;
	width: 25px;
}

.Emailcontainer {
	min-width: none;
}

.Emailcontainer .mapImg img {
    padding-top: 20px;
    width: 100%;
}
.EmailconfirmFullContentDiv .Desc14 {
	font-size: 14px;
	line-height: 20px;
}
.EmailconfirmSummary .EmailmaSummary p span{
    display: block;
}
.EmailconfirmSummary .summaryDate {
    padding-bottom: 10px;
}
.EmailconfirmSummary .summaryDate p {
    margin-bottom: 10px;
}
@media(max-width: 481px){
	.EmailconfirmSummary .summaryDate {
	    padding-bottom: 10px;
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 16px;	    
	}
	
	.EmailmaSummary p {
	    margin-bottom: 0px;
	    font-size: 12px;
	    line-height: 16px;
	}
	.EmailpaymentSummary .copyRightLine {
	    padding-top: 30px;
	}
	.EmailpageWrapper .currentNextBlockContainer .arrow {
	    left: -15px;
	}
	.EmailpageContent .maSummary {
	    margin-top: 15px;
	}
	.EmailpageWrapper {
	    width: 360px;
	    margin: 0;
	}
	.EmailpageContent .maMemberinfo.maIconDiv h1 {
	    font-size: 14px;
	}
	.EmailContentTitle {
	    display: block;
	    font-weight: lighter;
	    font-size: 20px;
	    line-height: 24px;
	    padding: 20px 20px 10px 20px;
	}
	.EmailContentTitleDesc {
	    display: block;
	    font-weight: normal;
	    font-size: 12px;
	    line-height: 20px;
	    padding: 0px 20px 15px 20px;
	}
	.Emailcontainer .confirmContent .confirmNumber {
	    padding: 30px 20px 0px 20px;
	    border: 0;
	}
	.Emailcontainer .confirmContent .confirmNumber h1 {
	    font-size: 16px;
	    font-weight: bold;
	    margin-bottom: 10px;
	    margin-top: 5px;
	}
	.Emailcontainer .EmailmaIconDiv {
	    padding-left: 20px;
	    padding-right: 20px;
	    display: table-cell;
	    vertical-align: top;
	    padding-top: 30px;
	}
	.Emailcontainer .summaryPrice {
        float: right;
	    font-size: 12px;
	    width: 40%;
	    text-align: right;
	}
	.EmailconfirmSummary .EmailmaSummary {
	    width: 50%;
	}
	.Emailcontainer .EmailsubForm {
	    padding: 30px 30px 0px 0px;
	    /*padding-bottom: 30px;*/
	}
	.Emailcontainer .EmailconfirmImportantDetailBox {
	    width: auto;
	}
	.Emailcontainer .EmailconfirmFullContentDiv p {
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 16px;
	}
	.Emailcontainer .confirmContent .maIconDiv {
	    padding-top: 0px;
	}
	.Emailcontainer .table-cell.EmailticketSummary {
	    width: 100%;
	    display: block;
	}
	.Emailcontainer .EmailticketSummary {
	    width: 100%;
	    padding: 1px 20px 1px;
	}
	.Emailcontainer .paymentSummaryDetail .subForm h1 {
	    font-size: 20px;
	    font-weight: lighter;
	    line-height: 24px;
	    margin-bottom: 25px;
	}
	.EmailconfirmFullContentDiv {
	    padding: 30px 20px 30px 20px;
	    font-size: 12px;
	}
	.Emailcontainer .EmailpaymentSummary h1 {
	    font-size: 20px;
	    margin-bottom: 25px;
	    font-weight: lighter;
	    line-height: 24px;
	}
	.Emailcontainer .EmailconfirmFullContentDiv h3 {
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 20px;
	    margin-bottom: 25px;
	}
	.Emailcontainer .EmailconfirmFullContentDiv h2 {
	    display: block;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 20px;
	    margin-bottom: 10px;
	}
	.Emailcontainer .EmailFullContentDesc {
	    display: block;
	    font-weight: normal;
	    font-size: 12px;
	    line-height: 20px;
	    padding-left: 15px;
	    padding-bottom: 25px;
	}
	.Emailcontainer .clearBoth {
	    clear: both;
	    display: block;
	    font-size: 12px;
	    font-weight: normal;
	}
	.Emailcontainer .EmailconfirmWhatsTop {
	    background-color: #ebf6fc;
	    border-radius: 6px;
	    margin: 35px 20px 0px 20px;
	}
	.EmailpaymentSummary .subForm {
	    padding: 30px 20px 30px 20px;
	}
	.EmailconfirmWhatsTop .whatNextContainer {
	    width: 100%;
	}
	.Emailcontainer .EmailpaymentSummary .EmailconfirmWhatsTop h1 {
	    font-size: 20px;
	    margin-bottom: 0px;
	    font-weight: normal;
	    line-height: 24px;
	    padding: 20px 15px 15px 15px;
	}
	.Emailcontainer .EmailpaymentSummary .EmailconfirmWhatsTop p {
	    font-size: 12px;
	    margin-bottom: 0px;
	    font-weight: normal;
	    line-height: 16px;
	    padding: 0px 15px 20px 15px;
	}
	.Emailcontainer .EmailrenewMAsecondBlock1 .maIconDiv .icon--pep {
	    font-size: 25px;
	    line-height: 25px;
	}
	.Emailcontainer .renewMAContent .maIconDiv {
	    padding-left: 25px;
	}
	.Emailcontainer .EmailpaymentSummary .EmailrenewMAsecondBlock1 .subForm {
	    padding: 30px 0px 30px 0px;
	}
	.Emailcontainer .renewMAContent .maSummary {
	    padding-right: 60px;
	    font-size: 12px;
	    line-height: 16px;
	}
	.Emailcontainer .renewMAContent h2 {
	    font-size: 20px;
	    font-weight: normal;
	    line-height: 20px;
	    padding-right: 10px;
	    width: 100%;
	}
	.Emailcontainer .EmailLineContainer {
	    padding: 0;
	}
	.Emailcontainer .mapImg {
	    padding-top: 0px;
	    overflow: hidden;
	}
	.Emailcontainer .mapImg img {
	    padding-top: 20px;
	    width: 100%;
	}
	.EmailconfirmFullContainer .EmailconfirmFullContentDiv h1 {
        font-size: 20px;
	    font-weight: lighter;
	    line-height: 24px;
	    margin-bottom: 25px;
	}
}

/*~~~~~~~~~~~~~~~~~~~~ End Of Email ~~~~~~~~~~~~~~~~~~~~*/


@media(max-width:750px){
	.renewCheckout .checkoutContent .tncCheckBoxContainer.tabSeparator {
	    border-bottom: 0;
	    margin-bottom: 0;
	    padding-bottom: 0;
	}
	.renewCheckout .requiredField {
		position: absolute;
	    top: -3px;
	    right: 10px;

	}
	.jediConfirm.secondBlock .currentNextBlockContainer .maIconDiv {
	    padding-top: 25px;
	    padding-left: 10px;
	}
	.confirmImportantDetailBoxDesc {
	    padding-bottom: 0;
	}
	.renewConfirm .ticketContent p {
	    font-size: 12px;
	    line-height: 16px;
	}
	.renewConfirm .maSummary p span {
	    display: block;
	}
	.renewCheckout .renewCheckoutOrderSummaryDesc p {
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
	}
	.renewCheckout .icon--pep {
	    font-size: 25px;
	    line-height: 25px;
	    width: 25px;
	}
	.secondBlock .currentNextBlockContainer .arrow {
	    left: 0px;
	    top: 15px;
	}
	.clearBoth {
		clear: both;
	    display: block;
	}
	.secondBlock .currentNextBlockContainer {
	    padding-bottom: 30px;
	}
	.secondBlock .renewMAContent p {
	    line-height: 16px;
	    padding-right: 30px;
	}
	.secondBlock .dashboardNewslineMargin {
	    margin: 30px 0 0px 0;
	    background: #dfdfdf;
	    width: 100%;
	    position: relative;
	}
	.secondBlock .subForm h2 {
	    font-size: 20px;
	    font-weight: normal;
	}
	.renewMAContent .maIconDiv {
	    padding-top: 30px;
	}
	.renewMAContent .currentNextBlockContainer .maIconDiv {
	    padding-top: 25px;
	    padding-right: 10px;
	}
	.renewMAContent .maIconDiv img{
	    width: 25px;
	}
	.secondBlock .subForm {
	    padding: 30px 0px 0px 0px;
	    max-width: none;
	}
	.confirmFullContentDiv a {
	    font-size: 12px;
	}
	.confirmFullContentDiv h1 {
	    font-size: 20px;
	    font-weight: lighter;
	}
	.confirmFullContentDiv p {
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 20px;
	}
	.renewMAContent .confirmWhatsTop h1 {
	    font-size: 20px;
	    font-weight: normal;
	    padding-bottom: 12px;
	    padding-top: 10px;
	    padding-left: 10px;
	}
	.renewMAContent .confirmWhatsTop p {
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 16px;
	    padding-left: 10px;
	    padding-bottom: 10px;
	}
	.confirmFullContentDiv a {
	    margin-top: 15px;
	}
	.confirmFullContentDiv {
	    padding: 30px 10px 30px 10px;
	    width: 100%;
	}	
	.confirmFullContainer {
		display: block;
		padding-top: 5px;
	}
	.paymentSummary #confirmBuilderContainer {
		width: 100%;
	}
	.paymentSummary .table-cell {
		width: 100%;
	    padding-left: 10px;
	    padding-right: 10px;
	    margin-bottom: 30px;
	}
	.paymentSummaryDetail .subForm h1 {
	    font-size: 20px;
	    font-weight: normal;
	    line-height: 24px;
	    margin-bottom: 25px;
	}
	.paymentSummaryDetail .subForm p {
		font-size: 12px;
		font-weight: normal;
	    margin-bottom: 0px;
	}
	.ticketContent .paymentSummaryDetail .subForm {
	    padding: 30px 0;
	    width: 100%;
	}
	.confirmSummary .summaryPrice {
		margin-top: 0;
	    float: right;
	    display: inline-block;
	}
	.confirmSummary .maSummary {
		display: block;
	    float: left;
	    font-size: 12px;
	    font-weight: normal;
	    max-width: 140px;
	    line-height: 16px;
	    clear: left;
	    margin-bottom: 15px;
	}
	.confirmContent .maIconDiv {
	    padding-top: 25px;
	}
	.ticketContent .confirmSummary .subForm {
	    padding-top: 30px;
	    padding-bottom: 25px;
	}
	.confirmContent .confirmNumber p {
		font-size: 12px;
		font-weight: normal;
		color: #5a5b60;
	}
	.confirmContent .confirmNumber h1 {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 0;
		margin-top: 8px;
	}
	.confirmContent .confirmNumber {
        background-color: #FFF;
		padding: 25px 10px 25px 10px;
		min-width: 100%;
		display: block;
		text-align: left;
		border-bottom: 1px solid #dfdfdf;
	}
	.confirmContentTitleDesc {
	    padding-bottom: 30px;
	    padding-left: 10px;
		font-size: 12px;
	    line-height: 20px;
	}
	.confirmContentTitle {
	    display: block;
	    font-weight: lighter;
	    font-size: 20px;
	    padding-bottom: 15px;
	    padding-left: 10px;
	    padding-top: 20px;
	    line-height: 24px;
	}
	.renewMAsecondBlockContainer .arrow {
	    left: 0px;
	}
	.renewMAContent p {
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 20px;
	}
	.renewMAContent h2 {
	    font-size: 14px;
	    font-weight: bold;
        line-height: 20px;
	}
	.renewMAContent .maIconDiv {
	    padding-left: 10px;
	}
	.renewMAContent h1 {
	    padding-left: 10px;
	    font-size: 18px;
	    font-weight: lighter;
	}
	.summaryPrice {
	    float: left;
	    margin-top: 20px;
	    font-size: 12px;
	}
	.renewCheckout .summaryPrice {
	    float: right;
	    margin-top: 20px;
	    font-size: 12px;
	}
	.renewMAContent .maSummary {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.renewMAContentTitle {
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.renewMAContentTitleDesc {
		padding-bottom: 20px;
		padding-left: 10px;
	    padding-right: 10px;
	}
	.mobileCheckoutContent {
		margin-bottom: 10px;
	}
	.pageContent section.mobileCheckoutContent {
	    padding: 20px 0 0 0;
	}
	.CheckoutContentTitle {
	    display: block;
	    font-weight: lighter;
	    font-size: 20px;
	    padding-bottom: 15px;
	    padding-left: 10px;
	    padding-top: 0px;
	}
	.ticketSummary {
	    width: 100%;
	    float: right;
	    padding: 30px 10px 20px 10px;
        margin-bottom: 30px;
	}
	.checkoutBigTitle {
	    font-weight: normal;
	    font-size: 24px;
	}
	.maIconDiv {
	    padding-left: 10px;
	    padding-right: 10px;
	    display: table-cell;
	    vertical-align: top;
	    padding-top: 15px;
	}
	.ticketContent .subForm {
	    padding: 20px 10px 20px 0px;
	    display: table-cell;
	    width: 100%;
	}
	.subForm h1 {
	    font-size: 18px;
	    font-weight: normal;
	    margin-bottom: 15px;
	}
	.maSummary {
	    width: 55%;
	    margin-bottom: 8px;
	    line-height: 16px;
	}
	.mobileCheckoutContent .newsContentContainer .table-row .table-cell .tabSeparator {
	    border-bottom: 0;
    }
    .pageContent section.checkoutContent {
	    padding: 15px 0px;
	    height: 100vh;
	}
	.counterDiv {
	    font-size: 44px;
	    padding-left: 10px;
	    padding-right: 15px;
	    padding-top: 0px;
	    line-height: 44px;
	    position: absolute;
	}
	.checkoutContent .tabSeparator {
        border-bottom: 1px solid #dfdfdf;
	    padding-bottom: 20px;
	    padding-top: 0px;
	    display: block;
	    width: 100%;
	    margin-bottom: 25px;
	}
	.tabSeparator.marginBottom0 {
		margin-bottom: 0;
	}
	.checkoutContent .tabSeparator:last-child {
        padding-bottom: 0;
	    padding-top: 0;
	    margin-bottom: 0;
	}
	.renewCheckout .newsContentContainer .tncLineContainer {
	    float: left;
	    padding-bottom: 0;
	}
	.renewCheckout .checkoutContent .newsContentContainer .ticketContent .tabSeparator {
		border-bottom: 0;
	}
	.renewCheckout .mobileCheckoutContent .newsContentContainer {
		border-radius: 0 0 5px 5px;
	}
	.checkoutContent .ticketContent .subForm {
	    display: block;
	    margin: 0;
	    padding: 0 10px 20px;
	    width: 100%;
	}
	.renewCheckout .checkoutContent .ticketContent .greyLine {
	    border-bottom: 1px solid #dfdfdf !important;
	}
	.ticketContent h2 {
	    margin-top: 20px;
	    margin-bottom: 10px;
	    margin-left: 35px;
	}
	.fcfs .ticketContent h2 {
	    margin-left: 0;
	}

	.checkoutEmailDiv {
	    margin-right: 0px;
	    width: 100%;
	}
	.checkoutEmailDiv input {
	    width: 100%;
	}
	.ticketContent {
	    display: block;
	}
	.tncLine {
	    padding-top: 0px;
	    padding-bottom: 25px;
	    height: auto;
	}
	#ticketBuilderContainer {
		width: auto;
		margin-top: 13px;
		padding-bottom: 13px;
		margin-bottom: 15px;
	}
	.itemDetails {
	    padding: 15px 0 0 0;
	}
	.renewCheckout .itemDetails p{
	    font-size: 12px;
	    line-height: 20px;
	}
	.renewCheckout .summaryUnitPrice {
	    display: inline-block;
	    vertical-align: middle;
	    float: right;
	}
	.renewCheckout .newsContentContainer .ticketContent {
		border-bottom: 0;
	}
	.copyRightLine p, .renewCheckout .termsNcons.copyRightLine span {
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 18px;
	}
	.renewCheckout .emailCheckBox {
		margin-bottom: 30px;
	    font-size: 12px;
	    font-weight: bold;
	}
	.leftContainer {
		padding-left: 10px;
	}
	.rightContainer {
		right: 10px;
	    position: absolute;
	}
	.renewConfirm .mapImg {
	    padding-top: 0px;
	    overflow: hidden;
	}
	.renewConfirm .confirmFullContentDiv img {
	    padding-top: 0px;
	    width: 100%;
	}
	.renewConfirm .confirmNumber h1 {
	    margin-bottom: 10px;
	}
	.renewConfirm .importantFont {
	    color: #1994d7;
	    font-style: italic;
	}
	.renewConfirm .confirmContentTitleDesc {
	    font-weight: normal;
	    font-size: 12px;
	    padding-right: 10px;
	}
	.renewConfirm .confirmFullContentDiv img {
	    padding-top: 0px;
	}
	
}

.renewConfirm .confirmFullContainer .confirmFullContentDiv h1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}
.renewConfirm .importantDetailsContainer .confirmFullContentDiv h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 25px;
}
.renewConfirm .subForm h1 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 20px;
}
.renewConfirm .confirmNumber h1 {
    margin-bottom: 10px;
}
.jediConfirm.secondBlock .subForm .stepTwoTitle {
	font-size: 24px;
	font-weight: lighter;
	margin-bottom: 10px;
}
.jediConfirm .popupBottomMenu {
	position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 20px;
}
.jediConfirm .popupLine {
	margin: 20px 0;
}
.jediConfirm .close {
    width: 100%;
    text-align: right;
}
#popup2.jediConfirm .dashboard_mainTitle {
    display: block;
    font-weight: lighter;
    font-size: 28px;
    padding-bottom: 10px;
}
#popup2.jediConfirm .maIconDiv {
    padding-left: 0px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 25px;
    font-size: 18px;
    margin-bottom: 15px;
}
#popup2.jediConfirm .maIconDiv p{
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
}
.renewMA .renewMAContent .maIconDiv .icon--pep {
    font-size: 30px;
    line-height: 30px;
    width: 30px;
}
.renewMA .renewMAContentTitle {
    padding-bottom: 5px;
}
.renewMA .renewMAContent .maIconDiv {
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 10px;
}
.renewMA .maSummary p span{
    display: block;
}

.secondBlock.pageContent .renewMAContent {
    padding: 0;
    height: auto;
    min-height: 200px;
}
.secondBlock .maSummary p {
    margin-bottom: 9px;
    font-size: 12px;
    line-height: 18px;
    max-width: 620px;
    width: 620px;
}
.secondBlock .renewMAsecondBlockContainer .maIconDiv {
    padding-top: 25px;
    padding-left: 20px;
}
.secondBlock h2 {
    font-weight: normal;
}
/*~~~~~~~~~~~~~~~~~~~~ Start Of JediTraining ~~~~~~~~~~~~~~~~~~~~*/


.jediTraining .datagrid table thead th {

    line-height: 8px;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cce4f2), color-stop(1, #c1daea) );
    background: -moz-linear-gradient( center top, #cce4f2 5%, #c1daea 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cce4f2', endColorstr='#c1daea');
}
.jediTraining .datagrid table tbody td {
    border-left: 0;
}
.jediTraining .datagrid table tbody td {
    border-bottom: 1px solid #dfdfdf;
}
.jediTraining .fadeTableVerticalLineContainer {
	width: 1px;
    padding: 0;
    vertical-align: middle;
    border: 0;
}
.jediTraining .firstWidth {
	width: 35%;
}
.jediTraining .lastWidth {
	width: 20%;
}
.jediTraining .JediTrainingDetailTableContainer .verticalSeparator {
    height: 80px;
}
.datagrid.JediTrainingDetailTableContainer .firstContainer {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    border: 0;
    width: 40%;
}
.datagrid.JediTrainingDetailTableContainer .thirdContainer {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.datagrid.JediTrainingDetailTableContainer .middleDescContainer {
    padding: 15px;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}
.datagrid.JediTrainingDetailTableContainer .middleLine {
    border-bottom: 1px solid #dfdfdf;
}
.jediTraining .datagrid {
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: 0;
}



.jediTraining .offerNavBoxDate {
    padding-bottom: 0;
}
.jediTraining .mainNewsDesc {
	font-size: 14px;
	line-height: 20px;
}
.jediDetailIntroImage {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 30px;
    max-width: 900px;
    max-height: 360px;
}

.jediDetailIntroImage img {
	width: 100%;
}

.jediTraining .rcorners {
	text-align: center;
}
.jediTraining .offerNavBoxDate {
    margin-bottom: 15px;
    display: block;
}
.jediTraining .mainOfferTitle.mOfferTitle {
    font-size: 18px;
    line-height: 24px;
}
.jediTraining .offerDetailIntro {
    padding-bottom: 10px;
}

.jediTraining .offer_right {
    width: 250px;
}
.jediTraining .viewHistory {
	width: 100%;
	text-align: left;
	padding-top: 25px;
}
.jediTraining .viewHistory .icon--pep {
    font-size: 20px;
    line-height: 20px;
    margin-right: 5px;
    width: 20px;
}
.jediTraining .viewHistory a{
	color: #23527c;
    text-decoration: none;
}
.jediTraining .viewHistory a:hover .viewHistoryTxt{
    text-decoration: underline;
}
.jediTraining .viewHistory a:hover, .jediTraining .viewHistory a:focus{
	color: #1994d7;
    cursor: pointer;
}
.jediTraining .importantContentDiv {
    width: 100%;
    margin-bottom: 0px;
}
.jediTraining .importantViewMore {
    padding-bottom: 0;
}
.renewMA .renewMAContent .tabSeparator:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

@media (max-width: 750px){

	.renewConfirm .subForm h1 {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
		padding-bottom: 0;
		padding-right: 20px;
	}

	.renewMA .renewMAContent .tabSeparator:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}
	.secondBlock h2 {
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 5px;
	}
	.secondBlock .maSummary p {
		margin-bottom: 9px;
		font-size: 12px;
		line-height: 16px;
		max-width: auto;
		width: 100%;
		font-weight: normal;
	}
	.jediDetailIntroImage {
		margin: 0;
		border: 0;
		width: 100%;
		height: 125px;
		overflow: hidden;
		position: relative;
		margin-bottom: 10px;
		border-radius: 10px;
	}
	.jediTraining #rcorners2 {
		display: block;
		width: 100%;
		margin: 0;
	}
	.jediTraining .viewHistory {
		width: 100%;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.jediTraining .offerDetailIntro {
		padding-bottom: 0px;
		margin: 0;
	}
	.jediTraining .importantContentDiv {
		width: 100%;
		margin-bottom: 0px;
	}

}

/*~~~~~~~~~~~~~~~~~~~~ End Of JediTraining ~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~ Start Of jediConfirm ~~~~~~~~~~~~~~~~~~~~*/

.jediConfirm .summary {
    padding-left: 45px;
    padding-right: 25px;
    display: table-cell;
    vertical-align: top;
    padding-top: 25px;
}
.jediConfirm .summary .icon--pep {
    font-size: 30px;
    line-height: 30px;
    width: 30px;
}
.jediConfirm .summaryDate {
	padding-bottom: 10px;
}
.jediConfirm .summaryDate p{
	margin-bottom: 15px;
}
.jediConfirm .confirmNumber h1 {
    margin-bottom: 10px;
}
.jediConfirm .maSummary span{
    display: block;
}
.jediConfirm .maMemberinfo h1{
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: bold;
    display: inline-block;
}
.jediConfirm .maMemberinfo.maIconDiv {
	padding: 0;
    vertical-align: middle;
    padding-bottom: 10px;
}
.jediConfirm .maMemberinfo .icon--pep {
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 20px;
    width: 20px;
    line-height: 20px;
    margin-top: -3px;
}
.jediConfirm .confirmSummary .maSummary {
    width: 100%;
}
.jediConfirm .importantIco {
	font-size: 15px;
	line-height: 15px;
	width: 15px;
}
.jediConfirm .confirmImportantDetailBox .maIconDiv .icon--pep {
    font-size: 15px;
	line-height: 15px;
	width: 15px;
}
.jediConfirm .confirmFullContentDiv img {
	padding-top: 20px;
}

.jediConfirm .button_cancel .pillBase{
    background-color: #becfe3;
    background-color: #f7fbff;
}
.jediConfirm .button_cancel .buttonText {
    color: #253b56;
}
.jediConfirm .button_cancel:FOCUS .pillBase, .jediConfirm .button_cancel:HOVER .pillBase {
    background-color: #e3ecf7;
    -webkit-box-shadow: 0 0 4px 1px #1d96d7;
    -moz-box-shadow: 0 0 4px 1px #1d96d7;
    box-shadow: 0 0 4px 1px #1d96d7;
    transition: 0.3s;
}
.jediConfirm .dashboard_mainTitle {
    display: block;
    font-weight: lighter;
    font-size: 28px;
    padding-bottom: 15px;
}
.jediConfirm .content {
	/*padding-bottom: 30px;*/
}
.jediConfirm .popupIco {
    padding-left: 0;
    padding-right: 15px;
    display: table-cell;
    vertical-align: top;
    padding-top: 30px;
}
.jediConfirm .subForm h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.jediConfirm .maSummary .maMemberinfo h1 {
    margin-bottom: 0;
}
.jediConfirm .subForm .stepTwoTitle {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.jediConfirm .popupIco .icon--pep {
    font-size: 25px;
    line-height: 25px;
    width: 25px;
}
.jediConfirm .confirmSummary .maSummary p {
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 18px;
}
.jediConfirm .button_cancel .buttonText {
    color: #253b56;
}
.jediConfirm .importantFont {
	margin-bottom: 0px;
    font-size: 12px;
    color: #78899e;
    margin-left: 8px;
    font-style: italic;
}
.jediConfirm .confirmSummary .popupContentContainer {
    padding: 30px 0px 0px 0px;
}
.jediConfirm .button_done {
    display: inline-block;
    padding: 0;
    margin-left: 15px;
    vertical-align: middle;
}
.jediConfirm .currentNextBlockContainer .maIconDiv .icon--pep {
    font-size: 50px;
    line-height: 50px;
    width: 50px;
}
.jediConfirm .popUpimportantFont {
    color: #78899e;
    font-size: 12px;
    line-height: 16px;
}
.popup .content .horizontalSeparator {
    margin: 20px 0;
}

.jediConfirm .GuestNumContainer {
    padding-top: 20px;
}
.jediConfirm .GuestNumContainer .NumberOfGuestDesc {
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
}
.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-1-button {
    min-width: 60px;
    margin-right: 15px;
    /*box-shadow: 0 1px 4px 0 #ff4605;*/
}
.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-2-button {
    min-width: 60px;
    margin-right: 15px;
    /*box-shadow: 0 1px 4px 0 #ff4605;*/
}
.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-3-button {
    min-width: 60px;
    margin-right: 15px;
    /*box-shadow: 0 1px 4px 0 #ff4605;*/
}
.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-4-button {
    min-width: 60px;
    margin-right: 15px;
    /*box-shadow: 0 1px 4px 0 #ff4605;*/
}
.jediConfirm .GuestNumContainer .GuestNumDropdown .ui-selectmenu-button span.ui-icon {
    top: 40%;
}
.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-1-button .ui-selectmenu-text {
    font-size: 26px;
    font-weight: normal;
}
.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-2-button .ui-selectmenu-text {
    font-size: 26px;
    font-weight: normal;
}
.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-3-button .ui-selectmenu-text {
    font-size: 26px;
    font-weight: normal;
}
.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-4-button .ui-selectmenu-text {
    font-size: 26px;
    font-weight: normal;
}

@media (max-width: 750px){

	.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-1-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-2-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-3-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-4-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfirm .GuestNumDropdown {
		margin-right: 15px;
	}
	.jediConfirm .ui-button .ui-icon, .jediConfirm .ui-selectmenu-icon, .jediConfirm .ui-state-hover .ui-icon, .jediConfirm .ui-state-focus .ui-icon, .jediConfirm .ui-button:hover .ui-icon, .jediConfirm .ui-button:focus .ui-icon, .jediConfirm .ui-state-default .ui-icon {
		background-image: url(../images/btn_dropdown_down.png);
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAABBElEQVQoU2NkoBAwTlq4ZRojI2MmOeb8Z/i/gLGhYRWbkBL3dkYGBieSDPn//8Lvt9+sgPoYGPrmrBJiZeM6ycDAqEKkIR8Zfv41zE31uw82AAQmzdugxcjCegzI5CdkyP9//33yEny2gtTBDQBxJs7f6sHE/H8LUJgZlyH//v/ryI/3rYTJoxgANmTh5iImRqZebAb8Z2DYd3jzV7fVq8P+4jQA7J1FW+YzMjAmoBjy///T/3+/GeYlhb1GFsdwAUgSHDOKXHuB0WsD4gOj6xcQO+fH+R5BdxlWAyCBukqUgZnrDNAQOaC/i4H+7sPmLZwGgBT3zd+gy8LEXJoX7xuHK1ABoWpSYpkXTH4AAAAASUVORK5CYII=");
		background-position: 0 0;
		height: 20px;
		width: 20px;
		height: 11px;
		width: 16px;
		position: absolute;
		right: 5px;
		top: 40%;
	}
	.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-1-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-1-button {
		min-width: 60px;
		margin-right: 15px;
		/*box-shadow: 0 1px 4px 0 #ff4605;*/
		height: 35px;
		padding: 10px;
	}
	.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-2-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-2-button {
		min-width: 60px;
		margin-right: 15px;
		/*box-shadow: 0 1px 4px 0 #ff4605;*/
		height: 35px;
		padding: 10px;
	}
	.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-3-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-3-button {
		min-width: 60px;
		margin-right: 15px;
		/*box-shadow: 0 1px 4px 0 #ff4605;*/
		height: 35px;
		padding: 10px;
	}
	.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-4-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfirm .GuestNumContainer .GuestNumDropdown #ui-id-4-button {
		min-width: 60px;
		margin-right: 15px;
		/*box-shadow: 0 1px 4px 0 #ff4605;*/
		height: 35px;
		padding: 10px;
	}

	.jediConfirm .confirmWhatsTop {
		border-radius: 5px 5px 0 0;
	}
	
	.jediConfirm .subForm h1 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.jediConfirm .summaryDate p {
		margin-bottom: 10px;
		font-size: 12px;
		font-weight: normal;
	}
	.jediConfirm .summaryDate {
		padding-bottom: 15px;
	}
	.jediConfirm .summary {
		padding-left: 10px;
		padding-right: 10px;
		vertical-align: top;
		padding-top: 30px;
	}
	.confirmContentTitle {
		padding-right: 40px;
	}
	.jediConfirm .ticketContent p {
		font-size: 12px;
		line-height: 18px;
	}
	.jediConfirm .confirmSummary .maSummary {
		max-width: none;
	}
	.jediConfirm .maMemberinfo .icon--pep {
		vertical-align: top;
	}
	.jediConfirm .importantFont {
		color: #1994d7;
		font-style: italic;
	}
	.jediConfirm .confirmFullContentDiv {
		width: 100%;
		padding-right: 10px;
	}
	.jediConfirm .confirmFullContentDiv img {
		padding-top: 0px;
		width: 100%;
	}
	.jediConfirm .mapImg {
		padding-top: 20px;
		overflow: hidden;
	}
	.jediConfirm .currentNextBlockContainer .maIconDiv .icon--pep {
		font-size: 25px;
		line-height: 25px;
		width: 25px;
	}
	.jediConfirm .content {
		padding: 0px;
		margin: 0px;
	}
	.jediConfirm .dashboard_mainTitle {
		display: block;
		font-weight: lighter;
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 20px;
	}
	.jediConfirm .popupContentContainer.subForm h1 {
		font-size: 18px;
		font-weight: bold;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.jediConfirm .popupContentContainer.summaryDate p {
		font-size: 14px;
		font-weight: normal;
	}
	.jediConfirm .close.right {
		text-align: right;
		float: none;
	}
	.jediConfirm.secondBlock .subForm .stepTwoTitle {
		font-size: 20px;
		font-weight: normal;
	}

}

/*~~~~~~~~~~~~~~~~~~~~ End Of jediConfirm ~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~ Start Of jediHistory ~~~~~~~~~~~~~~~~~~~~*/

.jediHistory .trainHistory {
	padding-bottom: 10px;
}
.jediHistory .subForm .maSummary {
	margin-bottom: 0;
}
.jediHistory .content .noReservationTitle {
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
}
.jediHistory .historyBtn .txt {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.jediHistory .renewMAContent .trainHistory .subForm {
    padding-bottom: 0;
}
.jediHistory .summaryPrice {
    text-align: right;
}
.jediHistory .secondBlock section.renewMAContent {
    padding: 5px 0 0 0;
    height: auto;
    min-height: 200px;
}
.jediHistory .renewMAContent .maIconDiv .icon--pep {
    font-size: 30px;
    line-height: 30px;
    width: 30px;
}
.jediHistory .pageContent section.renewMAContent {
    padding: 30px 0 20px 0;
    height: auto;
    min-height: 200px;
}
.jediHistory .secondBlock.pageContent .renewMAContent {
    padding: 0;
}
.jediHistory .renewMAContentTitle {
    padding-bottom: 10px;
}
.jediHistory .historyBtn {
    display: inline-block;
    width: 160px;
    padding: 15px;
    margin: 8px;
    box-shadow: 0px 1px 5px #888888;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ffffff;
    background: -webkit-linear-gradient(#ffffff, #edf5fa);
    background: -o-linear-gradient(#ffffff, #edf5fa);
    background: -moz-linear-gradient(#ffffff, #edf5fa);
    background: linear-gradient(#ffffff, #edf5fa);
}
.jediHistory .content {
    padding: 30px 0 10px 0;
    text-align: center;
}
.jediHistory .historyicon {
    margin: 0 auto;
    height: 50px;
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 50px;

}
.jediHistory .renewMAContent .content {
    padding: 30px 0 0px 0;
    text-align: center;
}
.jediHistory .content h2 {
    padding-bottom: 15px;
    font-weight: bold;
}
.jediHistory .content p {
	font-size: 16px;
    padding-bottom: 30px;
    font-weight: normal;
}
.jediHistory .content a {
	font-size: 12px;
    padding-bottom: 30px;
    font-weight: normal;
}
.jediHistory .content a{
	color: #23527c;
    text-decoration: none;
}
.jediHistory .content a:hover, .jediTraining .content a:focus{
	color: #1994d7;
    cursor: pointer;
}

.jediConfig .aligned .title, 
.jediConfig .aligned .detail, 
.renewMAContentTitle, 
.renewMAContentTitleDesc, 
.confirmContentTitle, 
.confirmContentTitleDesc,
#errortab .errormsg {
	max-width: 620px;
	padding-left: 0px;
	padding-right: 0px;
}
.renewMAContentTitle, 
.renewMAContentTitleDesc {
	margin-left: 20px;
	margin-right: 20px;
}
.confirmContentTitle, 
.confirmContentTitleDesc {
	margin-left: 40px;
	margin-right: 20px;
}

.promotionOffer .confirmWhatsTop div.inlineCenter {
	max-width: 705px;
}
.promotionOffer .confirmWhatsTopImg {
	margin-top: 0px;
	vertical-align: top;
}
.promotionOffer.jediConfirm.secondBlock .confirmFullContainer {
	margin-bottom: 20px;
}
.promotionOffer.jediConfirm.secondBlock .currentNextBlockContainer .maIconDiv {
	padding-left: 20px;
}
.promotionOffer.jediConfirm.secondBlock .currentNextBlockContainer .subForm {
	padding: 0px;
	/*max-width: 430px;*/
	max-width: 620px;
}
.promotionOffer.jediConfirm.secondBlock .currentNextBlockContainer .subForm h2 {
	/* display: block; */
	font-family: Microsoft JhengHei, Avenir, Helvetica, Arial, sans-serif;
	font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.promotionOffer.jediConfirm.secondBlock .currentNextBlockContainer .subForm p {
	/* display: inline; */
	font-family: Microsoft JhengHei, Avenir, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}
.promotionOffer.jediConfirm.secondBlock .currentNextBlockContainer .subForm .maSummary, 
.promotionOffer.jediConfirm.secondBlock .currentNextBlockContainer .subForm p {
	max-width: 100%;
	width: 100%;
}
.promotionOffer.jediConfirm.secondBlock .currentNextBlockContainer .arrow {
	left: -20px;
}


@media (max-width: 750px){

	.jediConfig .aligned .title, 
	.jediConfig .aligned .detail, 
	.renewMAContentTitle, 
	.renewMAContentTitleDesc, 
	.confirmContentTitle, 
	.confirmContentTitleDesc {
		max-width: 100%;
	}
	.jediConfig .aligned .title, 
	.jediConfig .aligned .detail, {
		margin-left: 0px;
		margin-right: 0px;
	}
	.renewMAContentTitle, 
	.renewMAContentTitleDesc, 
	.confirmContentTitle, 
	.confirmContentTitleDesc {
		margin-left: 10px;
		margin-right: 10px;
	}

	.jediHistory .content .noReservationTitle {
		padding-bottom: 10px;
		font-weight: bold;
		font-size: 12px;
		line-height: 16px;
	}

	.jediHistory .trainHistory {
		padding-bottom: 30px;
	}
	.jediHistory .content .stepTwoTitle h2 {
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
	}
	.jediHistory .content p {
		font-size: 12px;
		font-weight: normal;
		padding-bottom: 25px;
	}
	.jediHistory .renewMAContent .subForm {
		padding: 20px 20px 25px 0px;
	}	
	.jediHistory .renewMAContent h2 {
		padding-bottom: 10px;
		line-height: 28px;
	}
	.jediHistory .renewMAContent .maSummary {
		margin-bottom: 10px;
	}	
	.jediHistory .renewMAContentTitle {
		padding-bottom: 20px;
		font-size: 20px;
		font-weight: lighter;
	}
	.jediHistory.pageWrapper {
		padding: 0;
		margin-top: 0;
	}
	.jediHistory .renewMAContent .maIconDiv .icon--pep {
		font-size: 25px;
		line-height: 25px;
		width: 25px;
	}
	.jediHistory .renewMAContent .maIconDiv {
		padding-left: 10px;
		padding-top: 25px;
		padding-right: 15px;
	}
	.jediHistory .summaryPrice {
		text-align: left;
		margin-top: 0;
	}

	.jediHistory .secondBlock .subForm {
		padding: 0px;
		padding-top: 20px;
		max-width: none;
	}
	.jediHistory .horizontalSeparator {
		width: 90%;
		margin: 0 auto;
	}

	.jediHistory .pageContent section.renewMAContent {
		padding: 20px 0 0px 0;
	}

	.jediHistory .historyBtn {
		display: block;
		margin: 0 auto;
		width: 50%;
		margin-bottom: 20px;
		padding: 12px 15px;
	}
	.jediHistory .renewMAContent .content {
		padding: 30px 0 15px 0;
		text-align: center;
	}
	.jediHistory .txt {
		font-weight: normal;
		font-size: 18px;
		display: table-cell;
		text-align: left;
		padding: 0;
		vertical-align: middle;
		padding-left: 10px;
	}
	.jediHistory .historyicon {
		display: table-cell;
		margin: 0 auto;
		height: 25px;
		margin-bottom: 20px;
		font-size: 25px;
		line-height: 25px;
	}
	.jediHistory .historyBtn .txt {
		font-weight: bold;
		font-size: 12px;
		text-align: left;
		line-height: 16px;
	}
	.jediHistory .content h2 {
		font-size: 18px;
		padding-bottom: 12px;
		font-weight: bold;
	}

	.promotionOffer .confirmWhatsTop div.inlineCenter {
		max-width: 100%;
	}
	.promotionOffer.jediConfirm.secondBlock .dashboardNewslineMargin {
		margin: 20px 0;
	}
	.promotionOffer.jediConfirm.secondBlock .currentNextBlockContainer .maIconDiv {
		display: inline-block;
		margin-left: 15px;
		padding: 0;
		width: 57px;
		height: 57px;
		overflow: hidden;
		position: relative;
	}
	.promotionOffer.jediConfirm.secondBlock .currentNextBlockContainer .maIconDiv img {
		display: block;
		position: relative;
		min-height: 100%;
		min-width: 100%;
		height: 100%;
		width: auto;
		left: -22px;
	}
	.promotionOffer.jediConfirm.secondBlock .currentNextBlockContainer .subForm {
		display: inline-block;
		margin-left: 8px;
		max-width: 68%;
		margin-top: -3px;
	}

}
/*~~~~~~~~~~~~~~~~~~~~ End Of jediHistory ~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~ Start Of jediConfig ~~~~~~~~~~~~~~~~~~~~*/
.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
    overflow: hidden;
}

.jediConfig .GuestNumContainer .GuestNumDropdown ul {
    /*overflow: hidden;*/
}

.jediConfig .GuestNumContainer {
    padding-top: 20px;
}
.jediConfig .GuestNumContainer .NumberOfGuestDesc {
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
}
.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-1-button {
    min-width: 60px;
    margin-right: 15px;
   /* margin-bottom: 20px;*/
    /*box-shadow: 0 1px 4px 0 #ff4605;*/
}
.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-2-button {
    min-width: 60px;
    margin-right: 15px;
    /*box-shadow: 0 1px 4px 0 #ff4605;*/
}
.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-3-button {
    min-width: 60px;
    margin-right: 15px;
    /*box-shadow: 0 1px 4px 0 #ff4605;*/
}
.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-4-button {
    min-width: 60px;
    margin-right: 15px;
    /*box-shadow: 0 1px 4px 0 #ff4605;*/
}
.jediConfig .GuestNumContainer .GuestNumDropdown .ui-selectmenu-button span.ui-icon {
    top: 40%;
}
.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-1-button .ui-selectmenu-text {
    font-size: 26px;
    font-weight: normal;
}
.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-2-button .ui-selectmenu-text {
    font-size: 26px;
    font-weight: normal;
}
.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-3-button .ui-selectmenu-text {
    font-size: 26px;
    font-weight: normal;
}
.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-4-button .ui-selectmenu-text {
    font-size: 26px;
    font-weight: normal;
}
.fcfs .configLine {
	width: 95%;
}
.fcfs .jediConfig .ticketSummary .tabSeparator {
    height: 98px;
}
.fcfs .jediConfig.pageContent .checkoutContent {
    padding: 20px 0px;
    height: auto;
    min-height: 1000px;
}
.fcfs .jediConfig .errorMsgIco.maIconDiv {
    padding-left: 40px;
}

.jediConfig .ticketContent .subForm {
	padding-right: 25px;
}

.jediConfig .errorMsgContainer ul{
    list-style: disc;
    padding-left: 15px;
}

.ui-selectmenu-button.ui-button {
    min-width: 180px;
    background-color: #FFF;
}
.jediConfig .right-frame {
    color: #253b56;
    position: relative;
    margin-top: 15px;
    width: 230px;
    display: block;
    border-top: 1px solid #a1afc0;
    padding-bottom: 35px;
    margin-bottom: 25px;
}
.jediConfig .ticketSummary {
    background-color: #ebf6fc;
    width: 275px;
    padding: 25px 20px 20px;
}
.jediConfig .timeOption span {
    display: block;
    font-size: 16px;
    font-weight: bolder;
}
.jediConfig .timeOptionSubTitleDiv{
	width: 400px;
	padding-bottom: 20px;
}
.jediConfig .desc {
	display: inline-block;
    vertical-align: middle;
}
.jediConfig .radio {
	margin:0;
	margin-right: 10px;
}
.jediConfig .timeOption {
	padding-bottom: 15px;
}
.jediConfig .timeOption:last-child {
	padding-bottom: 0px;
}

.jediConfig .info-field label {
    margin-bottom: 10px;
}
.jediConfig .info-field {
    padding-right: 50px;
}

.jediConfig .checkoutEmailDiv p{
    font-weight: bolder;
    font-size: 12px;
}
.jediConfig .checkoutEmailDiv.top-line {
    margin-top: 30px;
}
.jediConfig .checkoutEmailDiv {
    margin-top: 15px;
    display: inline-block;
    margin-right: 20px;
}
.jediConfig .subtitle {
    font-size: 15px;
    font-weight: bolder;
    padding: 30px 0 0px 0;
}
.jediConfig.pageContent .checkoutContent {
    padding: 20px 0px;
    height: 120vh;
    min-height: 1900px;
}
.jediConfig .tncLine, .jediConfig .tncLine2 {
    padding-left: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 40px;
    height: auto;
    max-height: none;
    margin-left: 0px;
}

.jediConfig .tncLine2 p{
    margin-bottom: 20px;
    font-size: 12px;
    color: #768aa0;
    line-height: 16px;
}
.jediConfig .ticketSummary .tabSeparator {
    background-color: #FFF;
    width: 100%;
    position: absolute;
    vertical-align: bottom;
    bottom: 0;
    left: 0;
    height: 99px;
}
.jediConfig .jediCalenderContainer {
	overflow: hidden;
}
.jediConfig .jediCalenderContainer img{
	width: 100%;
}

.jediConfig .errorMsgIco .icon--pep {
	font-size: 15px;
	line-height: 15px;
	width: 15px;
}
.jediConfig .errorMsgContainer {
    display: block;
    margin-top: 10px;
}
.jediConfig .errorMsgContainer p{
    margin-bottom: 0;
}
.jediConfig .errorMsgIco.maIconDiv {
    padding-left: 80px;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
}
.jediConfig .errormsg {
    display: table-cell;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 14px;
}

.errorMsgColor {
	color: #ff4605;
}
.errorFieldColor {
	box-shadow: 0 0px 7px 0 #ff4605;
}
.jediConfig .tncLine .errorMsgContainer {
	padding-left: 27px;
}
.errorBoxHeight {
	height:125px !important;
}
.jediConfig .aligned .detail {
    display: block;
    max-width: 620px;
    font-size: 14px;
    line-height: 20px;
}
.jediConfig .ticketSummary .itemDetails p {
	font-size: 12px;
	font-weight: normal;
}
.jediConfig .rich-checkbox {
    margin-right: 10px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    border-radius: 5px;
}
.jediConfig .copyRightLine span {
    font-size: 12px;
    line-height: 18px;
}
.jediConfig .orderSummaryBottom {
	background-color: #FFF;
    padding-bottom: 10px;
}
#datepicker .ui-datepicker-calendar .ui-state-default {
    height: auto;
    padding-bottom: 65%;
    border-radius: 5px;
}
.calendarContainer .availableIcon, .calendarContainer .notAvailableIcon, .calendarContainer .selectedIcon {
    width: 14px;
    height: 13px;
    border-radius: 4px;
    background: none repeat scroll 0 0 #a6d0e9;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.28);
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}
.calendarContainer .availableIcon {
    background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.01) 0px, rgba(255, 255, 255, 0.35) 2%, rgba(255, 252, 252, 0) 100%) repeat scroll 0 0 #479aca;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0px, rgba(255, 255, 255, 0.35) 2%, rgba(255, 252, 252, 0) 100%) repeat scroll 0 0 #479aca;
}
.calendarContainer .selectedIcon {
    background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.01) 0px, rgba(255, 255, 255, 0.35) 2%, rgba(255, 252, 252, 0) 100%) repeat scroll 0 0 #79a242;
    background: linear-gradient(to bottom , rgba(0, 0, 0, 0.01) 0px, rgba(255, 255, 255, 0.35) 2%, rgba(255, 252, 252, 0) 100%) repeat scroll 0 0 #79a242;
}
#datepicker .ui-datepicker td span, #datepicker .ui-datepicker td a {
    height: 55px;
    width: 55px;
}
#datepicker .ui-datepicker td {
    padding: 2px;
    font-size: 11px;
    font-weight: normal;
}
.jediConfig .availabilityText {
    line-height: 18px;
}
#datepicker .ui-widget-header {
    width: auto;
    padding: 0;
}
#datepicker .ui-datepicker .ui-datepicker-title {
    margin: 0 55px;
    font-size: 24px;
    font-weight: lighter;
}
#datepicker .ui-datepicker th {
    padding: 10px .3em;
}
#datepicker {
    margin-top: 10px;
    margin-bottom: 20px;
}
.calendarContainer #displaySelectedDateText {
    display: inline-block;
    margin-bottom: 10px;
}
.calendarContainer .toursSchedule {
    margin-bottom: 0;
}
.toursSchedule ul li:last-child span {
    margin-bottom: 0;
}
.jediConfig .calendarLine {
    border-bottom: 1px solid #dfdfdf;
    width: 95%;
}

.ui-state-hover.ui-datepicker-next-hover {
    
    color: #1994d7 !important;
}

.ui-state-hover {
    
    color: #1994d7 !important;
}


#datepicker .ui-datepicker-next:hover {
    content: "\e30c";
    font-family: "pepmdx";
    color: #1994d7 !important;
}


@media (max-width: 750px){

	.jediConfig .errorMsgContainer {
		padding-left: 0px;
	}
	.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-1-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-2-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-3-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-4-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfig .GuestNumDropdown {
		margin-right: 15px;
	}
	.jediConfig .ui-button .ui-icon, .jediConfig .ui-selectmenu-icon, .jediConfig .ui-state-hover .ui-icon, .jediConfig .ui-state-focus .ui-icon, .jediConfig .ui-button:hover .ui-icon, .jediConfig .ui-button:focus .ui-icon, .jediConfig .ui-state-default .ui-icon {
		background-image: url(../images/btn_dropdown_down.png);
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAABBElEQVQoU2NkoBAwTlq4ZRojI2MmOeb8Z/i/gLGhYRWbkBL3dkYGBieSDPn//8Lvt9+sgPoYGPrmrBJiZeM6ycDAqEKkIR8Zfv41zE31uw82AAQmzdugxcjCegzI5CdkyP9//33yEny2gtTBDQBxJs7f6sHE/H8LUJgZlyH//v/ryI/3rYTJoxgANmTh5iImRqZebAb8Z2DYd3jzV7fVq8P+4jQA7J1FW+YzMjAmoBjy///T/3+/GeYlhb1GFsdwAUgSHDOKXHuB0WsD4gOj6xcQO+fH+R5BdxlWAyCBukqUgZnrDNAQOaC/i4H+7sPmLZwGgBT3zd+gy8LEXJoX7xuHK1ABoWpSYpkXTH4AAAAASUVORK5CYII=");
		background-position: 0 0;
		height: 20px;
		width: 20px;
		height: 11px;
		width: 16px;
		position: absolute;
		right: 5px;
		top: 40%;
	}
	.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-1-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-1-button {
		min-width: 60px;
		margin-right: 15px;
		/*box-shadow: 0 1px 4px 0 #ff4605;*/
		height: 35px;
		padding: 10px;
	}
	.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-2-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-2-button {
		min-width: 60px;
		margin-right: 15px;
		/*box-shadow: 0 1px 4px 0 #ff4605;*/
		height: 35px;
		padding: 10px;
	}
	.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-3-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-3-button {
		min-width: 60px;
		margin-right: 15px;
		/*box-shadow: 0 1px 4px 0 #ff4605;*/
		height: 35px;
		padding: 10px;
	}
	.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-4-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-4-button {
		min-width: 60px;
		margin-right: 15px;
		/*box-shadow: 0 1px 4px 0 #ff4605;*/
		height: 35px;
		padding: 10px;
	}
	.calendarContainer .horizontalSeparator.calendarWidth {
		width: 100%;
	}
	.jediConfig .calendarLine {
		border-bottom: 0;
	}
	.jediConfig .ticketContent .subForm {
		padding-right: 10px;
	}

	.calendarContainer .legend {
		margin: 10px 0 15px 5px;
		text-align: center;
	}
	.calendarContainer .legend > div {
		display: inline-block;
		margin: 0;
		width: auto;
		vertical-align: top;
	}
	.calendarContainer .legend > div > span{
		display: inline-block;
		vertical-align: top;
		text-align: left;
	}
	.availabilityIndicator:nth-of-type(1) {
		float: left;
	}
	.availabilityIndicator:nth-of-type(3) {
		float: right;
	}

	.jediConfig .checkoutContent .tabSeparator.border0 {
		border-bottom: 0;
		float: left;
		margin-bottom: 0;
	}
	.jediConfig .ticketContent .tabSeparator:nth-of-type(3) {
		border-bottom: 0;
	}
	.jediConfig .ticketSummary {
		padding: 35px 10px 20px;
	}
	.jediConfig .checkoutEmailDiv.top-line {
		margin-top: 10px;
	}
	.jediConfig .jediConfigSeparator {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.jediConfig .calendarContainer {
		float: left;
		margin-bottom: 0px;
	}
	.jediConfig .subForm .jediMemberTitle .titleNum {
		font-size: 44px;
		padding-right: 15px;
		padding-top: 0px;
		line-height: 44px;
		display: table-cell;
		vertical-align: top;
		color: #a1afc0;
		font-weight: normal;
		float: left;
		position: absolute; /* PRO-277428 */
		clear: left;
		text-align: left;
		left: 0;
		padding-left: 5px;
	}
	.jediConfig .subForm .jediMemberTitleTxt.stepTwoTitle {
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 35px;
	}
	.paidReservation.jediConfig .subForm .jediMemberTitleTxt.stepTwoTitle {
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 35px;
	}
	#datepicker .ui-datepicker td span, #datepicker .ui-datepicker td a {
		height: auto;
		width: auto;
	}
	.jediConfig .ticketContent {
		display: block;
		background-color: #FFF;
	}
	.jediConfig .errorMsgContainer p{
		margin-bottom: 0;
	}
	.jediConfig .errorMsgIco.maIconDiv {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0px;
		margin-top: -3px;
		padding-bottom: 0;
		display: inline-block;
		vertical-align: top;
	}
	.fcfs .jediConfig .errorMsgIco.maIconDiv {
		padding-left: 10px;
	}
	.jediConfig .errormsg {
		padding-top: 0px;
		padding-bottom: 10px;
		line-height: 18px;
		font-weight: bold;
		padding-right: 10px;
		display: inline-block;
		vertical-align: top;
		width: 80%;
	}

	.jediConfig .aligned.header {
		padding: 0 10px 0 10px;
	}
	.jediConfig .title {
		margin: 0 0 10px 0;
	}
	.aligned .title {
		line-height: 1.5em;
	}
	.jediConfig .timeOptionSubTitleDiv {
		width: 100%;
		padding-bottom: 20px;
	}
	.jediConfig .timeOptionSubTitleDiv p{
		padding-top: 10px;
		padding-bottom: 5px;
	}
	.jediConfig .info-field {
		display: block;
		padding-bottom: 25px;
	}

	.jediConfig .info-field.topItem {
		padding-top: 20px;
	}
	.jediConfig .checkoutEmailDiv p {
		margin-bottom: 5px;
	}
	.jediConfig .tncLine, .jediConfig .tncLine2 {
		padding-top: 10px;
		height: auto;
		max-height: none;
		margin-left: 20px;
	}
	.jediConfig .ticketSummary {
		display: block;
		width: 100%;
	}
	.jediConfig .right-frame {
		width: 100%;
		margin-bottom: 0;
		padding-bottom: 20px;
	}
	.jediConfig .orderSummaryBottom {
		background-color: #FFF;
	}
	.jediConfig .tncLine, .jediConfig .tncLine2 {
		padding-top: 10px;
		height: auto;
		max-height: none;
		margin-left: 10px;
		padding-left: 0;
		padding-bottom: 10px;
	}
	.jediConfig .checkoutContent .tabSeparator {
		border-bottom: 1px solid #dfdfdf;
		padding-bottom: 20px;
		padding-top: 0px;
		display: block;
		width: 100%;
	}
	.jediConfig .aligned .detail {
		padding-bottom: 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.jediConfig .orderSummaryBottom .tabSeparator:last-child {
		/*height: 20vh;*/
	}
}


/*~~~~~~~~~~~~~~~~~~~~ End Of jediConfig ~~~~~~~~~~~~~~~~~~~~*/



/*-------  POpup -----------------------------*/

.jediConfigPopup .whitebg {
    margin: auto;
    background-color: white;
    overflow-y: auto;
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
}

.jediConfigPopup .table-cell {
    display: table-cell;
    vertical-align: top;
    position: relative;
}
.jediConfigPopup .table-cell:first-child {
    width: 30%;
}
.jediConfigPopup .table-cell.width180 {
    /*width: 180px;*/
    width: 30%;
}
.jediConfigPopup .heightInherit {
    height: inherit;
}
.jediConfigPopup .tab-content {
    height: 344px;
    overflow-y: auto;
}
.jediConfigPopup .imagePadding {
    padding: 0 20px;
}
.jediConfigPopup .contentPaddingRight {
    padding: 0 35px 0 70px;
}
.jediConfigPopup .offerDetailTitle {
    font-size: 18px;
    font-weight: 600;
}
.jediConfigPopup .offerDetailContent {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
.jediConfigPopup .offerDetailContent.contentPaddingBottom40 {
    padding-bottom: 40px;
}

.jediConfigContainer .popup p {
    padding: 0 20px 20px;
}
.jediConfigContainer .popup{
	width: 80%;
	padding: 6px 6px 30px 6px;
	max-width: 1000px;
}
.jediConfigPopup.content {
    padding: 0 20px;
}
.jediConfigContainer .popupHeroImg {
	border-radius: 12px 12px 0 0;
    overflow: hidden;
    margin-bottom: 30px;
    max-height: 360px;
}
.jediConfigContainer .popupHeroImg img{
	width: 100%;
}
.jediConfigContainer .dashboard_mainTitle {
    display: block;
    font-weight: lighter;
    font-size: 28px;
    padding: 0 20px 20px;
}
.jediConfigContainer .popup .dashboard_mainTitle {
    padding: 0 20px 10px;
}
.jediConfigContainer .close.right {
	padding-right: 20px;
}
.jediConfigContainer a {
    font-size: 14px;
    text-decoration: none;    
}
.jediConfigContainer a:active, .jediConfigContainer a:focus {
    color: #23527c;
    text-decoration: none;
    font-weight: bold;
}


@media (max-width: 750px){
	.jediConfigContainer .popup .dashboard_mainTitle {
		padding: 0 0px 8px;
	}
	.pageWrapper .pageContent {
		border-radius: 5px 5px 5px 5px;
	}
	.jediConfigContainer #Mobile_side-tab1, .jediConfigContainer #Mobile_side-tab2  {
		padding-left: 20px;
	}

	.jediConfigContainer .dashboard_mainTitle {
		font-weight: normal;
		font-size: 20px;
		padding: 0 0px 8px;
	}
	.jediConfigContainer .popup p {
		padding: 0 0px 10px;
	}
	.jediConfigContainer .popup a {
		word-break: break-all;
	}
	.jediConfigContainer .popup {
		width: 100%;
		padding: 6px;
		max-width: 1000px;
	}
	.jediConfigContainer .configTabcontainer .header {
		padding: 10px 0px;
		cursor: pointer;
		font-weight: normal;
		font-size: 18px;
		vertical-align: middle;
		background-color: #FFF;
	}
	.jediConfigContainer .configTabcontainer .header:hover {
		color: #1994D7;
	}
	.jediConfigContainer .configTabcontainer .header2:hover {
		color: #1994D7;
	}
	.jediConfigContainer .configTabcontainer .descArrow2Header {
		padding: 10px 0px;
		cursor: pointer;
		font-weight: normal;
		font-size: 18px;
		vertical-align: middle;
	}
	.jediConfigContainer .dashboardNewslineMargin.fadeline.descLine {
		margin: 5px 0;
		width: 100%;
	}
	/*
	.jediConfigContainer .configTabcontainer .sideArrow {
		width: 20px;
		height: 20px;
		border: none;
		outline: none;
		background-image: url(../images/desc_side_arrow.png);
		display: inline-block;
		vertical-align: middle;
		background-size: cover;
	}
	.jediConfigContainer .configTabcontainer .downArrow {
		width: 20px;
		height: 20px;
		border: none;
		outline: none;
		background-image: url(../images/desc_down_arrow.png);
		display: inline-block;
		vertical-align: middle;
		background-size: cover;
		margin-right: 0;
	}
	*/
}


/*--------------- MA Renewal Additional Revision -----------*/


.renewConfirm .confirmFullContentDiv img {
    padding-top: 20px;
}
.pageWrapper .renewConfirm.pageContent {
    margin-top: 20px;
}

/*------------------ Start of FCFS 03 Config -----------------------*/

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    box-shadow: none;
}

.close.right.backBtn {
    margin-right: 15px;
}
.rightContainer .backBtn .button_cancel .pillBase .buttonText {
    color: #253b56;
}
.rightContainer .backBtn .button_cancel .pillBase {
    background-color: #becfe3;
    color: #253b56;
}
.rightContainer .backBtn .button_cancel:FOCUS .pillBase, .rightContainer .backBtn .button_cancel:HOVER .pillBase {
    background-color: #e3ecf7;
    -webkit-box-shadow: 0 0 4px 1px #1d96d7;
    -moz-box-shadow: 0 0 4px 1px #1d96d7;
    box-shadow: 0 0 4px 1px #1d96d7;
    transition: 0.3s;
}
.calendarContainer .legend {
    width: 108px;
    float: left;
    margin: 81px 0px 0px 10px;
}

.fcfsConfig .calendarContainer .legend {
    margin-left: 20px;
}
.fcfsConfig .ticketContent h2 {
    margin-bottom: 10px;
}
.fcfsConfig .jediConfig.pageContent .checkoutContent {
    /*height: 95vh;*/
    min-height: auto;
}
.fcfs .jediConfig .errorMsgIco.maIconDiv {
    padding-left: 50px;
}
.fcfs.configError .jediConfig .errorMsgIco.maIconDiv {
    padding-left: 40px;
}
.fcfs.configError .jediConfig .errormsg {
    font-weight: bold;
}
.fcfs .jediConfig .aligned .fcfsErrorTop.detail {
    margin-bottom: 30px;
}

.fcfs .memberDropDownContainer .configTabcontainer .sideArrow {
	/*
    width: 20px;
    height: 20px;
    border: none;
    outline: none;
    background-image: url(../images/desc_side_arrow.png);
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
	*/

	font-family: "pepmdx";
	content: "";
	font-size: 15px;
	line-height: 15px;
	width: 15px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	display: inline-block;
	position: inherit;
    top: 0;
    margin: 0;
    background: none;
    margin-right: 5px;
}
.fcfs .memberDropDownContainer .configTabcontainer .downArrow {
	/*
    width: 20px;
    height: 20px;
    border: none;
    outline: none;
    background-image: url(../images/desc_down_arrow.png);
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    margin-right: 0;
    */
    font-family: "pepmdx";
    content: "";
    font-size: 15px;
    line-height: 15px;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    position: inherit;
    top: 0;
    margin: 0;
    background: none;
    margin-right: 5px;
}


.fcfs .memberDropDownContainer .configTabcontainer .header {
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    vertical-align: middle;
    background-color: #FFF;
}
.fcfs .memberDropDownContainer .configTabcontainer .header:hover {
    color: #1994D7;

}

.fcfs .memberDropDownContainer .configTabcontainer .header:hover + #memberArrow.sideArrow {
	background-image: url(../images/desc_side_arrow_hl.png);
}


.fcfs .memberDropDownContainer {
    padding-top: 30px;
}
.newsContentContainer {
	background-color: white;
}
.configTabcontainer .configHiddencontent .subForm {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 20px;
}
.configTabcontainer .configHiddencontent .subForm .Info-fieldContainer .info-field:nth-of-type(1) {
    padding-top: 0px;
}
.configTabcontainer .configHiddencontent .subForm .Info-fieldContainer .info-field {
    padding-right: 70px;
}
.configTabcontainer .configHiddencontent .subForm .Info-fieldContainer .info-field:nth-of-type(3) {
    padding-right: 0px;
}
.fcfs .jediConfig .FCFS_configTabLine.tabSeparator {
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.fcfs .jediConfig .checkoutEmailDiv {
    display: inline-block;
    margin-right: 10px;
    margin-top: 0;
}
.fcfs .jediConfig .inputFieldContainer {
    padding-bottom: 20px;
}
.fcfs .jediConfig .inputFieldContainer.no-pad {
    padding-bottom: 0px;
}
.fcfs .jediConfig .inputFieldContainer + .errorMsgContainer {
	margin-bottom: 20px;
}
.fcfs .jediConfig .Info-fieldContainer {
    padding-bottom: 20px;
}
.fcfs .jediConfig .expirationDateContainer {
    padding-bottom: 0px;
}
.fcfs .jediConfig .expirationDateContainer .expirationDateSelect {
    padding-bottom: 20px;
}
.fcfs .jediConfig .expirationDateContainer .ui-selectmenu-button {
	margin-right: 10px;
}
.fcfs .jediConfig .member1CheckBoxContainer {
	padding-bottom: 25px;
}
.fcfs .jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-1-button {
    min-width: 60px;
    margin-right: 15px;
    box-shadow: 0 0px 7px 0 #ff4605;
}
.paidReservation.fcfs .jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-1-button {
    box-shadow: 0 1px 3px 0 #AAA;
}
.fcfs .jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-1-button .ui-selectmenu-text {
	font-size: 26px;
    font-weight: normal;
}
.fcfs .jediConfig .GuestNumContainer .GuestNumDropdown .ui-selectmenu-button span.ui-icon {
    top: 40%;
}
.fcfs .jediConfig .GuestNumContainer .NumberOfGuestDesc {
    font-size: 16px;
    font-weight: bold;
}
.fcfs .jediConfig .GuestNumContainer {
    padding-top: 20px;
}
.gradientLine.fadeline {
    margin: 20px 0 20px 0;
    width: 100%;
    position: relative;
    height: 1px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(5%, rgba(223, 223, 223, 1)), color-stop(95%, rgba(223, 223, 223, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%);
}

.fcfs_additionalInfoPopup .popup {
    width: 700px;
    padding: 30px;
    max-width: 700px;
}
.fcfs_additionalInfoPopup .popup .dashboard_mainTitle {
    display: block;
    font-weight: lighter;
    font-size: 28px;
    padding-bottom: 15px;
}
.fcfs_additionalInfoPopup .popup p {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.fcfs_additionalInfoPopup .popup .jediMemberTitleTxt {
	font-size: 20px;
    font-weight: bold;
}
.fcfs_additionalInfoPopup .popup .Info-fieldContainer .info-field {
    display: inline-block;
    padding-right: 90px;
}
.fcfs_additionalInfoPopup .popup .Info-fieldContainer .info-field:nth-of-type(3) {
    padding-right: 0px;
}
.fcfs_additionalInfoPopup .popup .emailFieldContainer .subtitle {
    font-size: 14px;
    font-weight: bolder;
    padding: 0 0 20px;
}
.fcfs_additionalInfoPopup .popup .emailFieldContainer .checkoutEmailDiv {
    margin-top: 0px;
    display: inline-block;
    margin-right: 20px;
}
.fcfs_additionalInfoPopup .popup .emailFieldContainer {
	padding-top: 30px;
	padding-bottom: 20px;
}
.fcfs_additionalInfoPopup .popup .Info-fieldContainer .info-field label {
    font-size: 12px;
    font-weight: bolder;
}
.fcfs_additionalInfoPopup .popup .Info-fieldContainer .info-field span {
    font-size: 18px;
    font-weight: normal;
}
.fcfs_additionalInfoPopup .popup .emailFieldContainer .checkoutEmailDiv p{
	font-size: 12px;
    font-weight: bolder;
}

.fcfs_renewMAcardPopup .dashboard_mainTitle {
    display: block;
    font-weight: lighter;
    font-size: 28px;
    padding-bottom: 15px;
}
.fcfs_renewMAcardPopup .popup {
    width: 700px;
    padding: 30px;
    max-width: 700px;
}
.fcfs_renewMAcardPopup .popup p {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.fcfs_renewMAcardPopup .popupTitleDescContainer {
	padding-bottom: 10px;
}
a.ui-datepicker-prev.ui-corner-all:hover {
	text-decoration: none;
}
a.ui-datepicker-next.ui-corner-all:hover {
    text-decoration: none;
}

.paidReservation.fcfs input#yyyy {
    width: 20%;
    text-align: center;
    padding: 5px 0px 4px 10px;
    color: #DFDFDF;
    font-weight: normal;
    margin-left: 0px;
    text-align: left;
}
@media (max-width: 750px){

	.offerDetailTitle {
		font-size: 14px;
		font-weight: 600;
	}

	.fcfs.configError .jediConfig .errorMsgIco.maIconDiv {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0px;
		margin-top: -3px;
		padding-bottom: 0;
		display: inline-block;
		vertical-align: top;

	}	

	.fcfs .jediConfig .errormsg {
		padding-top: 0px;
		padding-bottom: 10px;
		line-height: 18px;
		font-weight: bold;
		padding-right: 10px;
		display: inline-block;
		vertical-align: top;
		width: 85%;
		font-size: 14px;
	}

	.fcfs .jediConfig .expirationDateContainer .expirationDateSelect select{
		margin-right: 6px;
	}
	.paidReservation.fcfs input#yyyy {
		width: 20%;
		color: #DFDFDF;
		font-weight: normal;
		margin-left: 0px;
		height: 36px;
		margin: 0;
		vertical-align: middle;

	}
	.paidReservation.fcfs .jediConfig .expirationDateContainer {
		padding-top: 10px;
	}
	.paidReservation.fcfs .renewConfig input, select {
		width: 30%;
	}
	.gradientLine.fadeline {
		float: left;
	}
	.fcfs_renewMAcardPopup .popup {
		width: 100%;
		padding: 20px;
		max-width: 100%;
	}
	.fcfs_renewMAcardPopup .popup .dashboard_mainTitle {
		display: block;
		font-weight: lighter;
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 20px;
	}
	.fcfs_renewMAcardPopup .popup p {
		font-size: 14px;
		font-weight: normal;
		line-height: 20px;
	}

	.fcfsLearnMorePopup.jediConfigContainer .popup {
	/*padding-top: 30px;*/
	}
	.fcfs_additionalInfoPopup .popup .MemberInfosubForm {
		padding-top: 5px;
		padding-bottom: 10px;
	}
	.fcfs_additionalInfoPopup .popup .emailFieldContainer .checkoutEmailDiv {
		margin-top: 0px;
		display: block;
		margin-right: 0px;
		padding-bottom: 25px;
	}
	.fcfs_additionalInfoPopup .popup .emailFieldContainer .checkoutEmailDiv:last-child {
		padding-bottom: 0px;
	}
	.fcfs_additionalInfoPopup .popup .emailFieldContainer {
		padding-top: 25px;
		padding-bottom: 0px;
	}
	.fcfs_additionalInfoPopup .popup .Info-fieldContainer {
		padding-top: 15px;
	}
	.fcfs_additionalInfoPopup .popup .Info-fieldContainer .info-field:nth-of-type(3) {
		padding-bottom: 0px;
	}
	.fcfs_additionalInfoPopup .popup .Info-fieldContainer .info-field:nth-of-type(1) {
		padding-top: 0px;
	}
	.fcfs_additionalInfoPopup .popup .Info-fieldContainer .info-field {
		display: block;
		padding-right: 0px;
		padding-bottom: 25px;
	}

	.fcfs_additionalInfoPopup .popup .dashboard_mainTitle {
		display: block;
		font-weight: lighter;
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 20px;
	}
	.fcfs_additionalInfoPopup .popup p {
		font-size: 14px;
		font-weight: normal;
		line-height: 20px;
	}
	.fcfs_additionalInfoPopup .popup .jediMemberTitleTxt {
		font-size: 18px;
		font-weight: bold;
	}

	.fcfs_additionalInfoPopup .popup {
		width: 100%;
		padding: 20px;
		max-width: 100%;
	}

	.fcfs .jediConfig .expirationDateContainer .ui-selectmenu-button {
		margin-right: 20px;
		width: 120px;
		min-width: 60px;
		height: 35px;
		padding: 10px;
		margin: 0;
		margin-right: 5px;
		vertical-align: middle;
	}
	.fcfs .jediConfig .inputFieldContainer {
		padding-bottom: 0px;
	}
	.fcfs .jediConfig .checkoutEmailDiv {
		margin-bottom: 20px;
	}
	.fcfs .jediConfig .inputFieldContainer .checkoutEmailDiv:last-child {
		margin-bottom: 0px;
	}
	.fcfs .jediConfig .configHiddencontent .table-cell {
		display: block;
	}

	.fcfs .jediConfig .configTabcontainer .configHiddencontent .subForm .Info-fieldContainer .info-field:nth-of-type(3) {
		padding-bottom: 0px;
	}
	.fcfs .jediConfig .errorMsgContainer {
		display: block;
		margin-top: 5px;
	}

	.fcfs .jediConfig .configTabcontainer .configHiddencontent {
		padding-top: 25px;
		padding-left: 0;
		padding-right: 0;
	}

	.fcfs .memberDropDownContainer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.fcfs .jediConfig .checkoutContent .selectGuest.tabSeparator {
		padding: 0;
		margin: 0;
	}
	.fcfs .jediConfig .checkoutContent .ticketContent .subForm {
		display: block;
		margin: 0;
		padding: 0 10px 0px;
		width: 100%;
	}

	.fcfs .jediConfig .configTabcontainer .configHiddencontent .subForm {
		padding-left: 0;
		padding-right: 0;
	}
	.fcfs .ui-button .ui-icon, .fcfs .ui-selectmenu-icon, .fcfs .ui-state-hover .ui-icon, .fcfs .ui-state-focus .ui-icon, .fcfs .ui-button:hover .ui-icon, .fcfs .ui-button:focus .ui-icon, .fcfs .ui-state-default .ui-icon {
		background-image: url(../images/btn_dropdown_down.png);
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAABBElEQVQoU2NkoBAwTlq4ZRojI2MmOeb8Z/i/gLGhYRWbkBL3dkYGBieSDPn//8Lvt9+sgPoYGPrmrBJiZeM6ycDAqEKkIR8Zfv41zE31uw82AAQmzdugxcjCegzI5CdkyP9//33yEny2gtTBDQBxJs7f6sHE/H8LUJgZlyH//v/ryI/3rYTJoxgANmTh5iImRqZebAb8Z2DYd3jzV7fVq8P+4jQA7J1FW+YzMjAmoBjy///T/3+/GeYlhb1GFsdwAUgSHDOKXHuB0WsD4gOj6xcQO+fH+R5BdxlWAyCBukqUgZnrDNAQOaC/i4H+7sPmLZwGgBT3zd+gy8LEXJoX7xuHK1ABoWpSYpkXTH4AAAAASUVORK5CYII=");
		background-position: 0 0;
		height: 20px;
		width: 20px;
		height: 11px;
		width: 16px;
		position: absolute;
		right: 5px;
		top: 40%;
	}
	.fcfs .jediConfig .subForm .jediMemberTitleTxt.stepTwoTitle {
		margin-left: 0px;
		margin-top: 10px;
	}
	.fcfs .jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-1-button {
		min-width: 60px;
		margin-right: 15px;
		box-shadow: 0 1px 4px 0 #ff4605;
		height: 35px;
		padding: 10px;
	}
	.fcfs .GuestNumDropdown {
		margin-right: 15px;
	}
	.fcfs .jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-1-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.fcfs .jediConfig .ui-button.ui-selectmenu-button .ui-selectmenu-text {
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		margin-left: 0px;
	}
	.fcfs .jediConfig .ticketContent p {
		margin-bottom: 0px;
		color: #253b56;
		font-size: 100%; /* PRO-276558 */
	}
	.fcfs .jediConfig .checkoutContent .tabSeparator {
		margin-bottom: 10px;
	}

	.jediConfig .checkoutContent .tncCheckBoxContainer.tabSeparator {
		border-bottom: 0;
		margin-bottom: 0;
	}
	.fcfsConfig .jediConfig .checkoutContent .FCFScheckBoxLine.tabSeparator {
		padding: 0;
		margin: 0;
		position: relative;
		display: block;
		height: 1px;
		clear: both;
		margin-bottom: 15px;
	}
	.jediConfig .checkoutContent .tncContainer.tabSeparator {
		border-bottom: 0;
		padding: 0;
		margin: 0;
	}

	.fcfsConfig .rightContainer {
		right: 10px;
		position: absolute;
		width: 60%;
	}
	.fcfsConfig .rightContainer .backBtn {
		float: left;
		text-align: center;
		display: inline-block;
		margin: 0 auto;
	}
	.calendarContainer .legend {
		width: auto;
		float: none;
		margin: 20px 0 0px 0px;
		text-align: center;
	}
	.fcfsConfig .calendarContainer .legend {
		margin-left: 0px;
	}

	.jediConfig .checkoutContent .tabSeparator {
		border-bottom: 1px solid #dfdfdf;
		padding-bottom: 20px;
		padding-top: 0px;
		display: block;
		width: 100%;
	}
	.jediConfig .checkoutContent .tncCheckBoxContainer.tabSeparator {
		border-bottom: 0;
		margin-bottom: 0;
	}
	.paidReservation .jediConfig .checkoutContent .tncCheckBoxContainer.tabSeparator {
		border-bottom: 0;
		margin-bottom: 20px;
	}
	.checkoutBigTitle {
		font-weight: normal;
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 10px;
		padding-top: 10px;
		display: block;
	}
	.jediConfig .title {
		font-size: 20px;
		font-weight: normal;
	}
	.jediConfig .checkoutContent .FCFStitleLine.tabSeparator {
		padding: 0;
		margin: 0;
	}
	.fcfsConfig .jediConfig .aligned.header {
		padding-bottom: 15px;
	}
	.fcfsConfig .ticketContent h2 {
		margin-left: 0px;
	}

}



/*------------------ Start of ScrollBar -----------------------*/
.tab-content::-webkit-scrollbar {
    width: 16px;
}
 
/* Track */
.tab-content::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(223,223,223,1); */
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(223,223,223,1);
}
 
/* Handle */
.tab-content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(99,119,137,1); 
   /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
}
.tab-content::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(99,119,137,1); 
}
/*------------------ End of ScrollBar -----------------------*/





/*------------------ End of FCFS 03 Config -----------------------*/

/*------------------ FCFS 04 Confirmation -----------------------*/
.confirmContent .confirmNumber .viewDiffMemberLink {
    margin-right: 5px;
    border-right: 1px solid #dfdfdf;
    padding-right: 8px;
}
.fcfsConfirmation .confirmContent .confirmNumber .viewDiffMemberLink {
    margin-right: 0px;
    border-right: 0;
    padding-right: 0px;
}
.confirmContent .EmailconfirmNumber .viewDiffMemberLink {
    margin-right: 5px;
    border-right: 1px solid #dfdfdf;
    padding-right: 8px;
}
.onlineRecruit.confirmContent .EmailconfirmNumber .viewDiffMemberLink {
    margin-right: 0px;
    border-right: 0px;
    padding-right: 0px;
}
.jediConfirm .subForm .stepTwoTitle {
    margin-bottom: 20px;
    padding-bottom: 0;
}
.jediConfirm .popupContentContainer.subForm .stepTwoTitle {
    margin-bottom: 10px;
}
.jediConfirm .popupContentContainer .summaryDate p {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: normal;
}

.jediConfirm .popupContentContainer .summaryDate p:nth-child(3) {
    margin-top: 30px;
}
.jediConfirm .popupContentContainer .GuestNumContainer {
    padding-top: 10px;
}



@media (max-width: 750px){

	.jediConfirm .popupContentContainer .GuestNumContainer .NumberOfGuestDesc {
		font-size: 16px;
		font-weight: normal;
		line-height: 20px;
	}

	.jediConfirm .subForm .stepTwoTitle {
		margin-bottom: 10px;
		padding-bottom: 0;
		padding-right: 20px;
	}
	.jediConfirm .popupContentContainer.subForm .stepTwoTitle {
		margin-bottom: 10px;
		padding-bottom: 0;
		padding-right: 40px;
	}
	.jediConfirm .summaryDate p {
		margin-bottom: 5px;
	}

}

/*------------------ END OF FCFS 04 Confirmation -----------------------*/

/*------------------ FCFS 05 Confirm Email -----------------------*/



@media (max-width: 481px){
.EmailconfirmFullContainer .EmailconfirmFullContentDiv h1 {
    margin-bottom: 15px;
}
.Emailcontainer .EmailpaymentSummary h1 {
    margin-bottom: 15px;
}
.Emailcontainer .EmailconfirmFullContentDiv p {
    line-height: 20px;
}
.Emailcontainer .EmailconfirmFullContentDiv .EmailconfirmImportantDetailBoxDesc p {
    line-height: 15px;
}
.Emailcontainer .EmailconfirmFullContentDiv .EmailconfirmImportantDetailBoxDesc p:nth-child(1) {
    margin-bottom: 5px;
}

}
/*------------------ END OF FCFS 05 Confirm Email -----------------------*/

/*------------------ Start OF FCFS 06 History -----------------------*/

.jediHistory .maSummary span {
    display: block;
}
.jediHistory .maSummary p {
    margin-bottom: 9px;
    font-size: 12px;
    line-height: 18px;
}

.jediHistory .maHistoryDesc .maSummary p {
    font-size: 14px;
    line-height: 20px;
}

@media (max-width: 750px){

	.jediHistory .maHistoryDesc .maSummary p {
		font-size: 12px;
		line-height: 18px;
	}

	.jediHistory .subForm .stepTwoTitle {
		margin-bottom: 0px;
		padding-bottom: 0;
	}
	.jediHistory .maSummary p {
		margin-bottom: 0;
	}
	.jediHistory .maSummary p.maSummaryDetail {
		margin-top: 5px;
	}
	.jediHistory .secondBlock .renewMAContent .maSummary {
		margin-bottom: 0px;
	}
	.jediHistory .secondBlock .subForm h2 {
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		margin-bottom: 10px;
	}

}
/*------------------ END OF FCFS 06 History -----------------------*/

/*------------------ Start OF Paid Reservation -----------------------*/

.paidReservation .jediConfig .tncLine, .paidReservation .jediConfig .tncLine2 {
	padding-left: 45px;
}
.paidReservation .newsContentContainer .subForm .creditCard > div {
	vertical-align: top;
}

.paidReservation .jediConfig .errorMsgIco.maIconDiv {
    padding-left: 40px;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 25px;
}
.paidReservation .jediConfig .errormsg {
    display: table-cell;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 14px;
    max-width: 600px;
}
.paidReservation.fcfs .jediConfig.pageContent .checkoutContent {
    padding: 40px 0px 20px 0px;
    height: auto;
    min-height: 1000px;
}
@media (max-width: 750px) {

.paidReservation .jediConfig .tncLine, .paidReservation .jediConfig .tncLine2 {
	padding-left: 8px;
}
.paidReservation.fcfs .jediConfig.pageContent .checkoutContent {
    padding: 25px 0px 20px 0px;
}
.paidReservation .jediConfig .errorMsgIco.maIconDiv {
    padding-left: 10px;
    padding-top: 0px;
    vertical-align: top;
    line-height: 15px;
}
.paidReservation .jediConfig .errormsg {
    padding-top: 0px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    padding-right: 30px;
    width: 100%
}
.paidReservation .priceTnC {
	float: left;
	margin-top: 20px;
}
.paidReservation .ticketSummary .left h3 {
    font-size: 12px;
    font-weight: bold;
}
.paidReservation .ticketSummary .right h3 {
    font-size: 12px;
    font-weight: bold;
}

}

/*------------------ End OF Paid Reservation -----------------------*/


/*------------------ Start OF OnlineRecruit -----------------------*/

.OnlineRecruit .aligned.header {
    padding-right: 0px;
    padding-bottom: 20px;
}

.configTextField {
    width: 520px;
    height: 120px;
    box-shadow: 0 1px 5px 0 #AAA;
}
.inputFieldContainer #textfield.configTextField{
	border: 0 none;
    border-radius: 6px;
    color: #253b56;
    font-size: 13px;
    margin: 4px 0;
    min-height: 13px;
    padding: 5px 6px 4px;
    font-family: inherit;
    -webkit-appearance: none;
    resize: none;
}
.checkoutEmailDiv input.configTextField {
    width: 520px;
    height: 120px;
    box-shadow: 0 1px 5px 0 #AAA;
}
.choiceAnswer span {
    display: block;
    font-size: 16px;
    margin-top: 4px;
    margin-bottom: 5px;
    font-weight: bolder;
}
.paidReservation .newsContentContainer .subForm .choiceAnswer > div {
    vertical-align: top;
    display: inline-block;
    padding-left: 15px;
	margin-left: -5px; /* PRO-276558 */
}
.jediConfig .multiChoice p {
    font-weight: bolder;
    /*font-size: 12px;*/
	font-size: 100%; /* PRO-276558 */
	padding-bottom: 10px;
}
.multiChoice {
	padding: 20px 0; 
}
.multiChoice .choiceAnswer {
	padding-bottom: 5px; 
	/*margin-left: 8px;*/
}
.uploadIMGContainer .imgBtnContainer {
	display: flex;
	align-items: center;
}
.imgBtnContainer .button_cancel .pillBase .buttonText {
    color: #8da5c3;
}
.imgBtnContainer .button_cancel .pillBase {
    background-color: #edf2f8;
    color: #8da5c3;
}
.imgBtnContainer .button_cancel {
    margin-left: 20px;
}
.selectCharacterTitle {
	font-weight: bolder;
    font-size: 12px;
}
.OnlineRecruit.paidReservation.fcfs .jediConfig.pageContent .checkoutContent {
    padding: 20px 0px 20px 0px;
    height: auto;
    min-height: 1000px;
}

.subForm .bigNumTitleContainer {
	display: flex;
	align-items: center;
}

.subForm .bigNumTitleContainer .counterDiv {
    font-size: 60px;
    padding-left: 40px;
    padding-right: 20px;
    display: table-cell;
    vertical-align: top;
    padding-top: 10px;
    color: #a1afc0;
}
.pillBase .buttonText {
    text-shadow: none;
}


.configTabcontainer .sideArrow {
	/*
    width: 20px;
    height: 20px;
    border: none;
    outline: none;
    background-image: url(../images/desc_side_arrow.png);
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
	*/

	font-family: "pepmdx";
	content: "";
	font-size: 15px;
	line-height: 15px;
	width: 15px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	display: inline-block;
	position: inherit;
    top: 0;
    margin: 0;
    background: none;
    margin-right: 5px;
}
.configTabcontainer .downArrow {
	/*
    width: 20px;
    height: 20px;
    border: none;
    outline: none;
    background-image: url(../images/desc_down_arrow.png);
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    margin-right: 0;
    */
    font-family: "pepmdx";
    content: "";
    font-size: 15px;
    line-height: 15px;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    position: inherit;
    top: 0;
    margin: 0;
    background: none;
    margin-right: 5px;
}
img.thumbnail {
    padding: 0;
    margin-bottom: 0;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0;
    border-radius: 0;
}
.jediTraining .offer_left {
    float: left;
}
.jediTraining.pageContent section.offerDetailContent {
    min-height: 105vh;
}

@media (max-width: 750px) {
	.inputFieldContainer #textfield.configTextField{
		width: 100%;
		margin-bottom: 20px;
	}
	.OnlineRecruit.fcfs .jediConfig .uploadIMGContainer .checkoutEmailDiv {
	    margin-bottom: 0px;
	}
	.uploadIMGContainer .imgBtnContainer {
	    display: block;
	}
	.uploadIMGContainer .imgBtnContainer img{
	    display: block;
	    width: 100%;
	}
	.imgBtnContainer .button_cancel {
	    margin-left: 0px;
	    margin-top: 10px;
	}
	.OnlineRecruit.paidReservation .jediConfig .checkoutContent .tncCheckBoxContainer.tabSeparator {
	    border-bottom: 0;
	    margin-bottom: 0px;
	}
	.checkoutEmailDiv input.configTextField {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.OnlineRecruit.fcfs .jediConfig .checkoutContent .dateNtimeContainer.tabSeparator {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.OnlineRecruit.fcfs .memberDropDownContainer {
	    padding-bottom: 0px;
	}
	.OnlineRecruit.fcfs .jediConfig .subForm .jediMemberTitleTxt.stepTwoTitle.longTitle {
	    margin-left: 35px;
	    margin-top: 5px;
        /*width: 250px;*/
		min-height: 2em;
	}
	.fcfs .jediConfig .GuestNumContainer .GuestNumDropdown #ui-id-4-button {
	    min-width: 60px;
	    margin-right: 15px;
	    height: 35px;
	    padding: 10px;
	}
	.subForm .bigNumTitleContainer .counterDiv {
	    font-size: 44px;
	    padding-left: 0px;
	    padding-right: 15px;
	    padding-top: 0px;
	    line-height: 44px;
	    position: absolute;
	}
	.OnlineRecruit.fcfs .jediConfig .subForm .jediMemberTitleTxt.stepTwoTitle {
		margin-left: 35px;
		margin-top: 20px;
	}
	.OnlineRecruit .aligned.header {
	    padding-bottom: 0px;
	}
	.OnlineRecruit .selectGuest .counterDiv {
	    font-size: 44px;
	    padding-left: 10px;
	    padding-right: 15px;
	    padding-top: 0px;
	    line-height: 44px;
	    position: absolute;
	}
	.pepSyndicatedComponent div.chromeContainer.searchContainerRounded {
		top: 93px;
	}
	.pepSyndicatedComponent .gnbLinkContainer.gnbLinkContainerRounded {
		top: 93px;
	}
	.pepSyndicatedComponent .globalNavigationBar button.mobileNav {
		height: auto !important;
	}
	.pepSyndicatedComponent div.chromeContainer.searchContainerRounded {
		overflow: hidden;
	}
}
/*------------------ Start OF OnlineRecruit -----------------------*/

@media only screen and (max-width: 750px) {
    .jediHistory.jediConfirm .errorMsgIco.maIconDiv {
        padding-left: 10px;
    }
    .jediHistory .renewMAContent .errorMsgIco.maIconDiv .icon--pep {
        font-size: 15px;
        line-height: 15px;
        width: 15px;
    }
	.jediHistory #errortab, 
    #errortab {
        padding: 20px 0;
    }
	#errortab .errormsg {
		padding: 0;
	}
}
.languageModal #languageVerticalSeparator {
    float: left;
    height: 150px;
}

/* PRO-277431 */
button, a.linkButton, a.pillLink {
	display: inline-block;
	vertical-align: middle;
}
.pillBase .gradient, .pillBase .buttonText {
	line-height: 22px;
}

/* PRO-277428 */
@media only screen and (max-width: 750px) {
	.jediConfig .GuestNumContainer .NumberOfGuestDesc {
		max-width: 180px;
	}
}

.copyRightLine a{
	color:#253b56;
}
.copyRightLine span{
	border-right: 1px solid #253b56;
	padding:0 14px;
}
.copyRightLine p{
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
}




/*------------------ Start OF Error Pages -----------------------*/
.error-default-container {
    padding: 15px 0;
}
.downForMaintenanceContainer, .error-default-container {
    width: 600px;
    margin: 50px auto;
    overflow: hidden;
}
.error-default-container .avatar {
    float: left;
}
.error-default-container .message-container {
	padding: 80px 0 0 240px;	
}
.errorPage h2 {
	font-weight: normal;
    margin-bottom: 6px;
    font-size: 32px;
    line-height: 36px;
}

.error-500-container {
    width: 500px;
    padding: 0;
}
.error-500-container .message-container {
    float: none;
    text-align: center;
    padding: 0;
}
.error-500-container .message-container .title {
    font-size: 33px;
}
.error-500-container .avatar img {
    margin: 25px 27px auto 27px;
}

@media only screen and (max-width: 750px) {
	.error-default-container {
		text-align: center;
	}
	.downForMaintenanceContainer, .error-default-container {
		width: 100%;
	}
	.error-default-container .avatar {
		float: none;
	}
	.error-default-container .avatar img{
		max-width: 100%;
	}
	.error-default-container .message-container {
		padding: 0 20px;
	}
	.error-500-container .avatar img {
		margin: 27px auto;
	}
}

/*------------------ End OF Error Pages -----------------------*/