@charset "UTF-8";
/* CSS Document */

/* Start with core styles outside of a media query that apply to mobile and up */
/* Global typography and design elements, stacked containers */
	.TandCModal {
		height: auto;
		max-height: 75vh;
		display: block;
		overflow: auto;
	}
	
	.infoRTF {
		border-spacing: 0px;
	}   
	.cardImage, .ui-input-text .cardImage  {
		background-position: 98% center;
		background-repeat: no-repeat;	
		background-size: 8%;			
	}
	.outputField {
		margin-top:0.5em;
		display:inline-block;
	}
	.ssnClass {
	    padding: 0px;
	    margin: 5px;
	    display: none;
	    min-width: 10;
	}
	
	.leftAlign {
		float:left;
		padding-right:0.5em;
	}
	.centreAlign {
		text-align:center;
	}		
			
	@media screen and (min-width: 30em) {
		.payment-method .ui-radio,.ui-radio {
			width:11em;
		}
		#suggestedAmtPnl .ui-radio {
			width:auto;
		}			
	}
	@media screen and (max-width: 30em) {
		.ui-controlgroup-controls, .ui-radio {
			width:100%;
		}
	}
			
	.noShow {
		display:none;
	}
	/* error and warning messages */
	.error {
	    color:red;
	}

	.sideByside .ui-block-a {
	    padding-right: 0.3em;
	}
	.sideByside .ui-block-b {
	    padding-left: 0.3em;
	}
	.inlineFieldText {
	    display: inline-block;
    	padding-top: 1em;
	}
	.ui-icon-ajax {
	background-image: url(https://code.jquery.com/mobile/1.3.0/images/ajax-loader.gif);
		background-size: 18px 18px;
	}
	.ui-listview-filter-inset {
	    margin-top: 0;
	}
	
	.highlightText {
		font-weight:bold;
	}
	
	div.ui-slider {
		height:inherit;
	}		
	
	/* make screen modal whilst processing */
	.ui-loader-background {
	    width:100%;
	    height:100%;
	    left:0;
	    top:0;
	    margin: 0;
	    background: rgba(0, 0, 0, 0.3);
	    display:none;
	    position: fixed;
	    z-index:100;
	}
	.ui-loading .ui-loader-background {
	    display:block;
	}
	
	/* forms related */	
	.sectionbreak {
		height:1em;
	}
	img {
	   max-width:100%;
	}
	termslink {
		text-decoration:underline;
		cursor:pointer;
	}
	/* Stack the two content containers */
	.main, .sidebar {
		display: block;
		width: 100%;
		float: left;
	}
	.main .inner-content, .sidebar .inner-content{
		margin-right: 0em;
		marging-left: 0em;
	}

	/* sidebar widgets */
	.sidebarHeader {
	    font-size:1.2em;
	    text-align:center;
	    font-weight:bold;
	}
	.sidebarValue {
	    font-size:1.8em;
	    text-align:center;
	    font-weight:bold;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	.sidebar-row {
	    clear: both;
	    width: 98%;
	    line-height: 20px;
	}

	.teamMembercurrency,.teamMemberdecimal,td.teamMembercurrency,td.teamMemberdecimalth.teamMembercurrency,th.teamMemberdecimal {
	    text-align:right;
	}
	.teamMemberName {
	}
	.teamMemberPhoto {
	    width: 2.8em;
	    float: left;
	    margin-right: 0.3em;	
	}
	.justGage {
	    width:200px;
	    height:200px;
	    display: inherit;
	    margin: 0 auto;
		max-width:100%;
	}
	.plainText {
	    display: inherit;
	}
	/* if updating this, also update .jcrop-profile-thumb */ 
	#profileImage img {
	    display: block;
	    width:100%; 
	    overflow:hidden;
	    -moz-box-shadow:0 0 10px #000;
	    -webkit-box-shadow:0 0 10px #000;
	    box-shadow:0 0 10px #000;/* For IE 8 */
	    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";/* For IE 5.5 - 7 */
	    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');      
	}
	.sideBarFootNote {
		font-size:0.65em;
		padding: 10px;
		display:inline-block;
	}
	.footNote {
		font-size:0.65em;
	}	

	
	<!-- 
	.custom-corners .ui-bar {
	  -webkit-border-top-left-radius: inherit;
	  border-top-left-radius: inherit;
	  -webkit-border-top-right-radius: inherit;
	  border-top-right-radius: inherit;
	}
	.custom-corners .ui-body {
	  -webkit-border-bottom-left-radius: inherit;
	  border-bottom-left-radius: inherit;
	  -webkit-border-bottom-right-radius: inherit;
	  border-bottom-right-radius: inherit;
	}
	-->
	.ui-content {
	    margin: auto;
	}	

	.paypal-rb {
		padding:0.58em!important;
	}

	.ticket-item {
		padding-top: 1.7em;
		display: inline-block;
	}
	.ticket-item-msg {			
		font-size: 10px;
	}	
	.ticket-field {
		margin: 0px!important;
	}
	
	.slds-hide {
		display:none;
	}
	.slds-show {
		display:inherit;
	}

/* Captcha - so verification shows visible position */
html {
    height: auto!important;
}
/* First breakpoint at 576px */
/* Inherits mobile styles, but floats containers to make columns */
@media all and (min-width: 36em) {
	.main {
		float: left;
	}
	.sidebar {
		float: left;
		width: 40%;
	}
	.main .inner-content {
		margin-right:0.5em;
	}
	.sidebar .inner-content{
		margin-left:0.5em;
	}
	.tooltipInfo,.ui-btn .tooltipInfo,.ui-btn.label .tooltipInfo {
		background-color: inherit !important;
	    border-color: inherit !important;	
		margin: 0px !important;
		border: 0px !important;
	}

	.ui-field-contain>label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain>.ui-rangeslider>label {
		width:30%;
	} 

	.ui-field-contain>label~[class*=ui-], .ui-field-contain .ui-controlgroup-controls {
		width:68%;
	}

}

/* Second breakpoint at 800px */
/* Adjusts column proportions, tweaks base H1 */
@media all and (min-width: 50em) {
	.sidebar {
		width: 30%;
	}
	.main .inner-content {
		margin-right:0.5em;
	}
	.sidebar .inner-content{
		margin-left:0.5em;
	}
	
	/* You can also tweak any other styles in a breakpoint */
	H1 {
		color: blue;
		font-size: 1.2em
	}	

}