/*
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
    overflow: visible;
}*/


/* Put you custom stylings here! */
.myCssClass {
    color: #FF0000;
}

.nonbold {
	font-weight: normal;
}

.f12 {
	font-size: 12px;
}


.greyedout {
	color: #BBBBBB;
}

.dashStraightjacket {

	xxmax-width: 600px;
	width: 100%;
	margin: 0 auto;

}

.menuButtonWidth {
	max-width: 568px;
	margin: 8px auto 8px auto;
}


.generalStraightjacket {

	max-width: 600px;
	margin: 0 auto;

}

.tmp-dashboard-item {

	padding-bottom: 20px;
}


.tmp-dashboard-item-label {
	font-size: 125%;
}


.ui-icon-biz-display {
	background:  url(images/airplane_takeoff-48.png) 50% 50% no-repeat !important;
	background-size: 24px 24px !important;
	width: 24px; 
	height: 24px;
	border-radius: 	0;
}




.alp-brinc {
	-webkit-border-radius: 22px;
	border-radius: 22px;
}


.cbscroll {
	overflow: scroll;
}






div.learningAnswersGrid div {
 
}
div.learningAnswersGrid .column1, div.learningAnswersGrid .column2 {
    float: left;
    width:50%;
    text-align: left;
}
div.learningAnswersGrid .column1 {
    width:80%;
}
div.learningAnswersGrid .column2 {
	width: 20%;
	text-align: right;
}
div.learningAnswersGrid .ui-controlgroup {
    margin: 0;
}


div.learningAnswersGrid .answerButtonHeight {
	min-height: 100px;
}

div.learningAnswersGrid .ui-btn .ui-btn-inner {
	display: table-cell;
	vertical-align: middle;
}

div.ui-btn-text { white-space:normal; }

.ensure_wrap {
	white-space:normal;
}

.pad-tb-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.pad-b-10 {
	padding-bottom: 10px;
}

.justify-left {
	text-align: left;
}

.justify {
	text-align: justify;
}

.boldit {
	font-weight: bold;
}

.centerit {
	text-align: center;
}

.learningAnswersFooter {
	
}

div.learningAnswersFooter .ui-title {
	margin-left: 0px;
	margin-right: 0px;
	-webkit-margin-after: 0px;
}

div.learningAnswersFooter.with-padding .ui-title {
	margin-top: 0px;
	padding-top: 0.6em;
}


div.learningMainPresentation *.ui-btn-up-e, 
div.learningMainPresentation *.ui-btn-down-e,
div.learningMainPresentation *.ui-btn-hover-e {
	border-width: 3px;
}


div.learningMainPresentation div {
	xxwidth: 100%;
	xxdisplay: table;
}
div.learningMainPresentation .column1, div.learningMainPresentation .column2, div.learningMainPresentation .column3 {
    float: left;
    width:33%;
}
div.learningMainPresentation .column1 {
    width: 15%;
	display: table-cell;
	xxbackground: red;
}
div.learningMainPresentation .column2 {
	width: 70%;
	display: table-cell;
	xxbackground: yellow;
}
div.learningMainPresentation .column3 {
    width: 15%;
	display: table-cell;
	xxbackground: green;
}
div.learningMainPresentation .column100 {
	width: 100%;
	xxdisplay: table-cell;
}
div.learningMainPresentation .ui-controlgroup {
    margin: 0;
}
div.learningMainPresentation .ui-btn .ui-btn-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.headerNoMargins .ui-title {
	-webkit-margin-after: 0;
	-webkit-margin-before: 0;
}

.headerNoMargins.ui-header .ui-btn-right {
	right: 0px !important;
}



.icon-only-button .ui-icon {
	margin: 4px 0px 2px 5px !important;
}
.icon-only-button.ui-btn-icon-notext {
	width: 30px;
	height: 30px;
}

.answerGroup {
	width: 100%;
}


.answerGroup5margin {
	margin-left: 5px !important;
}

.answerGroup4margin {
	margin-left: 4px !important;
}

.answerGroup3margin {
	margin-left: 3px !important;
}
.answerGroupSingleButtonRow {
	padding-left: 3px !important;
	padding-right: 4px !important;
	width: 100%;
	box-sizing: border-box;
}

.answerGroup2margin {
	margin-left: 2px !important;
}

.headerLeftLabelPad {
	margin-top: 7px;
	margin-bottom: 7px;
} 

.btn75 {
	height: 75px;
}

.btn75 .ui-btn-inner {
	font-size: 15px;
}

.btn75.ui-btn {
	margin: 0;
}

.btnElongated {
	height: 250px;
}

.learningMainPresentation .padLeft {
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
}

.learningMainPresentation .padRight {
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
}


.btn-middle-text {
	display: table !important;
	width: 100%;
}

.btn-middle-text .ui-btn .ui-btn-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.divtable {
	display: table;
}

.divtablecell {
	display: table-cell;
}

.learningQuestionNumberPad {
	padding-bottom: 20px;
}

.learningQuestionImagePad {
	padding-top: 20px;
}

.learningQuestionImageConstraints img {
	max-width: 100%;
	max-height: 100%;
}

.pad15 {
	padding: 15px;
}

.background-white {
	background: white;
}

.align-right {
	text-align: right;
}

.pad-r-10 {
	padding-right: 10px;
}

.red {
	color: #DD0000;
}

.blue {
	color: #0000DD;
}

.biz-icon-tick {
	width: 25px;
	height: 19px;
	background-image: url('images/206-ok_2.png');
}


.biz-icon-cross {
	width: 18px;
	height: 18px;
	background-image: url('images/207-remove_2.png');
}


.ui-btn-right .header-button {
	margin-right: 10px;
}


.header-button {
  /*background: #472457;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66337c), color-stop(100%, #472457));
  background: -webkit-linear-gradient(top, #66337c, #472457);
  background: -moz-linear-gradient(top, #66337c, #472457);
  background: -o-linear-gradient(top, #66337c, #472457);
  background: linear-gradient(top, #66337c, #472457);*/
  border: 1px solid #32163d;
  color: white;
  font-size: 13px;
  font-weight: bold;
  height: 28px;
  left: 5px;
  line-height: 26px;
  padding: 0 8px;
  XXposition: absolute;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  top: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
  -o-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
}

.header-button.icon span {
  display: inline-block;
  text-indent: -9999px;
  border-radius: 0;
}

.header-button.menu span {
  background: transparent url('images/menu.png') no-repeat;
  height: 17px;
  margin: 6px 2px 0;
  width: 20px;
  background-position: 0px -2px;
  -webkit-background-size: 20px 16px;
  -moz-background-size: 20px 16px;
  -o-background-size: 20px 16px;
  background-size: 20px 16px;
}


.header-button.arrow-left span {
  background: transparent url('images/arrow-left-white.png') no-repeat;
  height: 22px;
  margin: 3px 0px 0;
  width: 30px;
  background-position: -12px 0px;
  -webkit-background-size: 30px 22px;
  -moz-background-size: 30px 22px;
  -o-background-size: 30px 22px;
  background-size: 30px 22px;
  border-top: none;
}



.header-button.settings span {
  background: transparent url('images/settings1.png') no-repeat;
  xxheight: 17px;
  margin: 2px 0px 0;
  width: 24px;
  xxbackground-position: 0px -2px;
  -webkit-background-size: 24px 24px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  background-size: 24px 24px;
  border-top: none !important;
}



.header-button.settingsGear span {
  background: transparent url('images/Gear.png') no-repeat;
  margin: 0px 0px 0px -2px;
  width: 24px;
  xxbackground-position: 0px -2px;
  -webkit-background-size: 24px 24px;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  background-size: 24px 24px;
  border-top: none !important;
}



.ui-header .ui-btn-right {
	xxright: 15px !important;
}




.large-central-btn {
	margin: 0 auto !important;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 40px !important;
	border-radius: 40px !important;
}


.ui-icon-alp-home {
	background:  url(images/53-house.png) 50% 50% no-repeat !important;
	width: 40px !important; 
	height: 40px !important;
	border-radius: 0;
	margin: 0 !important;
}


.ui-icon-alp-help {
	background:  url(images/Help_48x48.png) 50% 50% no-repeat !important;
	width: 48px !important; 
	height: 48px !important;
	border-radius: 0;
	margin: 0 !important;
	padding: 10px;
}

.ui-icon-alp-accept {
	background:  url(images/accept_48.png) 50% 50% no-repeat !important;
	width: 48px !important; 
	height: 48px !important;
	border-radius: 0;
	margin: 0 !important;
	padding: 10px;
}


.ui-icon-alp-arrow-right {
	background:  url(images/arrow-right-white.png) 50% 50% no-repeat !important;
	background-size: 18px 14px !important;
	width: 18px; 
	height: 20px;
	border-radius: 0;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    right: 0px !important;
}

.ui-icon-alp-arrow-left {
	background:  url(images/arrow-left-white.png) 50% 50% no-repeat !important;
	background-size: 18px 14px !important;
	width: 18px; 
	height: 20px;
	border-radius: 0;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    left: 0px !important;
}

.ui-icon-alp-arrow-right-black {
	background:  url(images/arrow-right-black.png) 50% 50% no-repeat !important;
	background-size: 18px 14px !important;
	width: 18px; 
	height: 20px;
	border-radius: 0;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    right: 0px !important;
}

.ui-icon-alp-arrow-left-black {
	background:  url(images/arrow-left-black.png) 50% 50% no-repeat !important;
	background-size: 18px 14px !important;
	width: 18px; 
	height: 20px;
	border-radius: 0;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    left: 0px !important;
}


.ui-icon-alp-basket-left {
	background:  url(images/shopping_cart-32.png) 50% 50% no-repeat !important;
	background-size: 32px 32px !important;
	width: 32px; 
	height: 32px;
	border-radius: 0;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    xxleft: 0px !important;
}



.ui-icon-alp-payby_paypal {
	background:  url(images/credit_card_platinum_paypal.png) 50% 50% no-repeat !important;
	background-size: 48px 48px !important;
	width: 48px; 
	height: 48px;
	border-radius: 0;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    xxleft: 0px !important;
}


.ui-icon-alp-payby_creditcard {
	background:  url(images/credit_card.png) 50% 50% no-repeat !important;
	background-size: 48px 48px !important;
	width: 48px; 
	height: 48px;
	border-radius: 0;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    xxleft: 0px !important;
}


.listview-do-not-overlap-at-top {
	margin-top: 2px !important;
}

.wrap-normal {
	white-space: normal !important;
}

.font-normal, .font-normal h4 {
	font-weight: normal !important;
}


.xxcf-page { outline: 1px solid red; background-color: rgba(255, 0, 0, 0.1); }
.xxcf-column { outline: 1px solid blue; background-color: rgba(0, 0, 255, 0.1); }


.motherTarget {
	font-size: 16px;
	line-height: 20px;
}

.articleTarget h1 {
	font-size: 20px;
	font-weight: bold;
	-webkit-margin-before: 0px !important;
	-webkit-margin-after: 0px !important;
	-webkit-margin-start: 0px !important;
	-webkit-margin-end: 0px !important;
	background-color: #eee;
	xxoutline: 1px solid grey;
	padding: 9px;
}

.theme-night h1 {
	background-color: #444;
}

.margin-after-header {
	margin-top: 20px;
}

.icon_frame_48 {
	width: 48px;
	height: 48px;
	display: inline-block;
}

.icon_alp_rotate {
	background-image: url(images/alp-rotate2.png);
}
.icon_alp_article {
	background-image: url(images/alp-openbook.png);
}

.icon_redo {
	width: 30px;
	height: 26px;
	display: inline-block;
	background-image: url(images/02-redo.png);
}

.noshow {
	display: none;
}




@media only screen and (max-width: 6000px) {
	body {
		
		background-color	: white;
		
	}
	
	#splashImage {
		content: url('/theme/images/logo500_~brand=~.png');
				width: 500px;
		height: 195px;
			}
	
	.waitingBarContainer {
		background-color: #cccccc;
		border: 1px solid black;
		width: 300px;
		height: 16px;
		margin: 10px auto;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}
	
	.waitingBarDynamic {
		background-color: rgba(43,36,124,1);
		width: 0;
		height: 16px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0,rgba(178,172,253,1)),color-stop(0.02,rgba(178,172,253,1)),color-stop(0.98,rgba(43,36,124,1)),color-stop(1,rgba(43,36,124,1)));
	}
	
	.questionFont {
		font-size: 20px;
	}
	
	.questionAdvanceFont .ui-btn-text {
		font-size: 16px;
	}
	
	.answerGroup .ui-btn-inner {
		font-size: 16px;
	}
}






@media only screen and (max-width: 1300px) {
	body {
		
		background-color	: white;
		
	}
	
	#splashImage {
		content: url('/theme/images/logo500_~brand=~.png');
				width: 500px;
		height: 195px;
			}
	
	.waitingBarContainer {
		background-color: #cccccc;
		border: 1px solid black;
		width: 300px;
		height: 16px;
		margin: 10px auto;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}
	
	.waitingBarDynamic {
		background-color: rgba(43,36,124,1);
		width: 0;
		height: 16px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0,rgba(178,172,253,1)),color-stop(0.02,rgba(178,172,253,1)),color-stop(0.98,rgba(43,36,124,1)),color-stop(1,rgba(43,36,124,1)));
	}
	
	.questionFont {
		font-size: 20px;
	}
	
	.questionAdvanceFont .ui-btn-text {
		font-size: 16px;
	}
	
	.answerGroup .ui-btn-inner {
		font-size: 16px;
	}
}




 /* rules that only apply for canvases narrower than 700px */
@media only screen and (max-width: 700px) {
	body {
		
		background-color	: white;
		
	}
	
	#splashImage {
		content: url('/theme/images/logo300_~brand=~.png');
				width: 300px;
		height: 117px;
			}
	
	
	.waitingBarContainer {
		background-color: #cccccc;
		border: 1px solid black;
		width: 260px;
		height: 12px;
		margin: 10px auto;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	
	.waitingBarDynamic {
		background-color: rgba(43,36,124,1);
		width: 0;
		height: 12px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0,rgba(178,172,253,1)),color-stop(0.02,rgba(178,172,253,1)),color-stop(0.98,rgba(43,36,124,1)),color-stop(1,rgba(43,36,124,1)));
	}
	
	.questionFont {
		font-size: 16px;
	}
	
	.answerGroup .ui-btn-inner {
		font-size: 15px;
	}
	
	.examPageBackground {
		background-color: white;
		background-image: none;
	}
	
	.learningAnswersFooter {
		border: none;
		background-image: none;
		background-color: white;
	}
	
	
	.attrIQresponsesections .ui-btn-inner {
		font-size: 12px;
		padding: .6em 10px;
	}
	
}


/* rules for iPad non-retina in landscape orientation */
@media only screen and (device-width: 768px) and 
					   (device-height: 1024px) and 
					   (orientation: landscape) and 
					   (-webkit-device-pixel-ratio: 1)
{
  body {
  	background-color	: white;
  	-webkit-transform	: none;
	xxbackground-image	: url(images/alp_splash_landscape-1024x748.png);
  }
  
  .splash {
  	height: 100%;
  	width: 100%;
  	xxbackground-image	: url(images/alp_splash_landscape-1024x748.png);
  }
  

}



/* rules for iPad non-retina in portrait orientation */
@media only screen and (device-width: 768px) and 
					   (device-height: 1024px) and 
					   (orientation: portrait) and 
					   (-webkit-device-pixel-ratio: 1)
{
  body {
  	background-color	: white;
  	-webkit-transform	: none;
	xxbackground-image	: url(images/alp_splash_portrait-768x1004.png);
  }
  
  
  .splash {
  	height: 100%;
  	width: 100%;
  	xxbackground-image: url(images/alp_splash_portrait-768x1004.png);
  
  }
}


/* rules for iPad retina in landscape orientation */
@media only screen and (device-width: 768px) and 
					   (device-height: 1024px) and 
					   (orientation: landscape) and 
					   (-webkit-device-pixel-ratio: 2)
{
  body {
  	background-color	: white;
  	-webkit-transform	: none;
	xxbackground-image	: url(images/alp_splash_landscape-2048x1496.png);
  }
  
}



/* rules for iPad retina in portrait orientation */
@media only screen and (device-width: 768px) and 
					   (device-height: 2048px) and 
					   (orientation: portrait) and 
					   (-webkit-device-pixel-ratio: 2)
{
  body {
  	background-color	: white;
  	-webkit-transform	: none;
	xxbackground-image	: url(images/alp_splash_portrait-1536x2008.png);
  }
}







 /* iPhone, Android rules here */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
 
}

/* prevent tap-and-holds on anchors giving open/copy menu on iOS */
a {
    -webkit-touch-callout: none !important; 
}

.normal_list {	
	padding-left: 20px !important;
}




/* get ul li's working normally within carousel environment when ul has class normal_list */
.tmp-carousel-list ul.normal_list li,
.tmp-carousel-list ol.normal_list li ul li {
	float: none;
	list-style-type: disc;
}

.tmp-carousel-list ol.normal_list li {
	float: none;
	list-style-type: decimal;
}


/*
.cf-render-area h1.keepwithnext:nth-of-type(1)
{
    border:5px solid red;
} 
*/

/*
.keepwithnext:first-child, :not(.keepwithnext) + .keepwithnext { border:5px solid red }
*/


/* for semi-transparent backgrounds when using dialog pages */
.ui-dialog-background {
	xxopacity: 0.3;
	display: block !important;
	xx-webkit-transition: opacity 0.5s ease;
}
 
.ui-dialog-background.pop.in {
	xxopacity: 1;
	xx-webkit-transition: opacity 0.5s ease;
}
 
.ui-dialog {
	xxmin-height: 100% !important;
	background: transparent !important;
}







div.myToolbar {
    height:62px;
}

div.myToolbar h1.ui-title {
    margin-right:10px;
}

div.myToolbar div.ui-btn-left {
    overflow:visible;
}


.alp-corner-bottom {
	border-bottom-right-radius: 0.6em !important;
	border-bottom-left-radius: 0.6em !important;
	-webkit-border-bottom-right-radius: 0.6em !important;
	-webkit-border-bottom-left-radius: 0.6em !important;
	
}


.alp-listview-nocolorchanges {
	/* placeholder as a name, no actual styling */
}




.alp-listview-nocolorchanges .ui-btn-up-c:visited,
.alp-listview-nocolorchanges .ui-btn-up-c a.ui-link-inherit {
	color: 					inherit  /*#0000ff*/;
}


.alp-listview-nocolorchanges .ui-btn-down-c:visited,
.alp-listview-nocolorchanges .ui-btn-down-c:hover,
.alp-listview-nocolorchanges .ui-btn-down-c a.ui-link-inherit {
	color: 					inherit /*#222*/;
}


.alp-listview-nocolorchanges .ui-btn-up-d:visited,
.alp-listview-nocolorchanges .ui-btn-up-d a.ui-link-inherit {
	color: 					inherit  /*#0000ff*/;
}


.alp-listview-nocolorchanges .ui-btn-down-d:visited,
.alp-listview-nocolorchanges .ui-btn-down-d:hover,
.alp-listview-nocolorchanges .ui-btn-down-d a.ui-link-inherit {
	color: 					inherit /*#222*/;
}


.alp-listview-nocolorchanges .ui-btn-up-e:visited,
.alp-listview-nocolorchanges .ui-btn-up-e a.ui-link-inherit {
	color: 					inherit  /*#0000ff*/;
}


.alp-listview-nocolorchanges .ui-btn-down-e:visited,
.alp-listview-nocolorchanges .ui-btn-down-e:hover,
.alp-listview-nocolorchanges .ui-btn-down-e a.ui-link-inherit {
	color: 					inherit /*#222*/;
}


.alp-small-button-corners.ui-btn-corner-all {
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
}

.alp-oval-button-corners.ui-btn-corner-all {
	-webkit-border-radius: 40px !important;
	border-radius: 40px !important;
}

.alp-circular-button-corners.ui-btn-corner-all {
	-webkit-border-radius: 200px !important;
	border-radius: 200px !important;
}

.alp-reduced-border-list > li {
	border-bottom: none !important;
	border-right: none !important;
	border-left: none !important;
	
}





.cf-page {
	
	font-family: 'signikalight';
	xxfont-size: 12px;
	xxline-height: 12px;
	
}



@font-face {
    font-family: 'signikalight';
    src: url('signika-light-webfont.eot');
    src: url('signika-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('signika-light-webfont.woff') format('woff'),
         url('signika-light-webfont.ttf') format('truetype'),
         url('signika-light-webfont.svg#signikalight') format('svg');
    font-weight: normal;
    font-style: normal;

}

.articleFont {
	font-family: 'signikalight';
}


.image-text {
	font-size: 75%;
}

.fontsmaller {
	font-size: 75%;
}


.spImageClass {
	
	margin-top: 0px;
	
}

.vert-middle {
	vertical-align: middle;
}


#cboutercontainer { position:relative; height: 100%; }
#cbinnercontainer { position:absolute; text-align: center; top:50%; xxheight:100%; margin-top:-50%; }



.voc { position:relative; height: 100%; }
.vic { position:absolute; text-align: center; top:50%; xxheight:100%; margin-top:-50%; }



.splashWrapper {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}
.splashWrapper td {
   vertical-align: middle;
   text-align: center;
}

.splashh1 h1 {
	font-size: 1.5em;
}




.w100 {
	width: 100% !important;
	margin-left: 0px !important;
}

.h100 {
	height: 100%;
}

.fixedContent {
	display: none;
}

.boxed {
	background-color: #eee; outline: 1px solid grey; padding: 10px;
}

.roundboxed {
	border: 1px solid grey;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
}

.tmp-carousel-list {
	margin: 0 0 0 -10px;
}

.header-margin-before {
	margin-top: 70px;
}



.xxcf-column h1:first-child { color: blue; }

.header-pre-space {
	margin-top: 40px;
}

.end-of-para-space {
	margin-top: 20px;
}

.para-before {
	margin-top: 20px;
}

.header-border {
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
}


/* fix for aligning fa icons correctly */
.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
	margin-top: -11px;
}

.nowrap {
	
}

.panelNoPadLR .ui-panel-inner {
	padding-left: 0px;
	padding-right: 0px;
}

.articleTarget .ui-btn-inner {
	white-space: normal;
}

.btn-wrap .ui-btn-inner {
	white-space: normal;
}


.h1NoMargin h1, .h2NoMargin h2, .h3NoMargin h3 {
	-webkit-margin-before: 0px !important;
	-webkit-margin-after: 0px !important;
	-webkit-margin-start: 0px !important;
	-webkit-margin-end: 0px !important;
}

.article-listview h2 {
	font-size: 22px;
	font-weight: bold;
	display: block;
	margin: .6em 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0.2em 0px;
}


.articleTarget .hilite {
	background-color: #eee;
	padding-left: 3px;
}

.articleTarget .indent {
	margin-left: 12px;
}

.articleTarget .standout {
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
	border: 1px dashed #aaa;
	display: table-cell;
	vertical-align: middle;
}

.articleTarget .standout.white {
	background-color: white;
}


.articleTarget .standout-container {
	display: table;
	width: 100%;
}

.articleTarget .indent.standout-container {
	padding-left: 12px;
	margin-left: 0px;
}

.articleTarget .underline {
	text-decoration: underline;
}

.vis-hide {
	visibility: hidden;
}

.vis-show {
	visibility: visible;
}

span.image-zoom {
  position:absolute;
  left:100%;
  top:0%;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  
  background: transparent url('images/zoom_in-26.png') no-repeat;
  height: 26px;
  xxmargin: 6px 2px 0;
  width: 26px;
  xxbackground-position: 0px -2px;
  -webkit-background-size: 26px 26px;
  -moz-background-size: 26px 26px;
  -o-background-size: 26px 26px;
  background-size: 26px 26px;
  margin-left: -26px;
  
}


.small-radius {
	border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
}

.no-border {
	border: none;
}

.image-corner-padlock {
  position:absolute;
  left:100%;
  top:0%;
  
  background: transparent url('images/btnCornerPadlock.png') no-repeat;
  height: 52px;
  xxmargin: 6px 2px 0;
  width: 40px;
  xxbackground-position: 0px -2px;
  -webkit-background-size: 40px 52px;
  -moz-background-size: 40px 52px;
  -o-background-size: 40px 52px;
  background-size: 40px 52px;
  margin-left: -40px;
  
}


.image-corner-fullguide {
  position:absolute;
  left:100%;
  top:0%;
  
  background: transparent url('images/btnCornerFullGuide.png') no-repeat;
  height: 52px;
  xxmargin: 6px 2px 0;
  width: 80px;
  xxbackground-position: 0px -2px;
  -webkit-background-size: 80px 52px;
  -moz-background-size: 80px 52px;
  -o-background-size: 80px 52px;
  background-size: 80px 52px;
  margin-left: -80px;
  
}

.image-corner-fullguide2 {
  position:absolute;
  left:100%;
  top:0%;
  
  background: transparent url('images/btnCornerFullGuide2.png') no-repeat;
  height: 65px;
  xxmargin: 6px 2px 0;
  width: 80px;
  xxbackground-position: 0px -2px;
  -webkit-background-size: 80px 65px;
  -moz-background-size: 80px 65px;
  -o-background-size: 80px 65px;
  background-size: 80px 65px;
  margin-left: -80px;
  
}


.image-corner-sample {
  position:absolute;
  left:100%;
  top:0%;
  
  background: transparent url('images/btnCornerSample.png') no-repeat;
  height: 65px;
  xxmargin: 6px 2px 0;
  width: 80px;
  xxbackground-position: 0px -2px;
  -webkit-background-size: 80px 65px;
  -moz-background-size: 80px 65px;
  -o-background-size: 80px 65px;
  background-size: 80px 65px;
  margin-left: -80px;
  
}



.image-corner-premium {
  position:absolute;
  left:0%;
  top:0%;
  
  background: transparent url('images/btnCornerPremium.png') no-repeat;
  height: 65px;
  xxmargin: 6px 2px 0;
  width: 80px;
  xxbackground-position: 0px -2px;
  -webkit-background-size: 80px 65px;
  -moz-background-size: 80px 65px;
  -o-background-size: 80px 65px;
  background-size: 80px 65px;
  xxmargin-left: -80px;
  
}



.image-corner-premium-right {
  position:absolute;
  left:0%;
  top:0%;
  
  background: transparent url('images/btnCornerPremiumRight.png') no-repeat;
  height: 80px;
  width: 65px;
 
  -webkit-background-size: 65px 80px;
  -moz-background-size: 65px 80px;
  -o-background-size: 65px 80px;
  background-size: 65px 80px;
}



.image-corner-free {
  position:absolute;
  left:0%;
  top:0%;
  background: transparent url('images/btnCornerFree.png') no-repeat;
  height: 65px;
  width: 80px;
  -webkit-background-size: 80px 65px;
  -moz-background-size: 80px 65px;
  -o-background-size: 80px 65px;
  background-size: 80px 65px;
}



.article-listview li{
	float: none;
	xxfont-family: inherit !important;
}

.article-listview .ui-li .ui-btn-text a.ui-link-inherit {
	white-space: normal;
}


.article-listview.ui-listview-inset {
	max-width: 660px;
	margin: 0 auto;
}


.ui-grid-dualbtn .ui-block-a, .ui-grid-dualbtn .ui-block-b { width: 49.95%; }
.ui-grid-dualbtn > :nth-child(n) { width: 100%; margin-right: -.5px; }
.ui-grid-dualbtn .ui-block-a { clear: left; }


.btn-no-ellipsis .ui-btn-inner {
	overflow: visible;
}



ul.multiLists {
	margin: 0px -15px !important;
}


.btn-larger-text .ui-btn-inner {
	font-size: 16px;
	padding: 15px 11px 15px;
}


.btn-larger-leftpad .ui-btn-inner {
	padding-left: 50px !important;
}

.btn-icon48-leftpad .ui-btn-inner {
	padding-left: 70px !important;
}

.btn-icon-32px-vcenter .ui-btn-inner .ui-icon {
	margin-top: -16px;
}


.btn-icon-48px-vcenter .ui-btn-inner .ui-icon {
	margin-top: -24px;
}

.btn-font-inherit .ui-btn-inner {
	font-weight: inherit;
	font-size: inherit;
}

.btn-left-justify {
	text-align: left;
}


.btn-top-icon-48 .ui-btn-inner {
	padding: 10px !important;
	text-align: center;
}

.btn-top-icon-48 .ui-btn-inner .ui-btn-text {
	margin-top: 40px;
	display: block;
}

.btn-top-icon-48 .ui-btn-inner .ui-icon {
	width: 100%;
	top: 0;
	left: 0;
	margin: 0;
}


.barlittle {
	background-color:#2187e7;  
	background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff); 
	background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
	border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333; 
	width:10px;
	height:10px;
	float:left;
	margin-left:5px;
    opacity:0.1;
	-moz-transform:scale(0.7);
	-webkit-transform:scale(0.7);
	-moz-animation:move 1s infinite linear;
	-webkit-animation:move 1s infinite linear;
}

#block_1 {
 	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
}
#block_2 {
 	-moz-animation-delay: .3s;
	-webkit-animation-delay: .3s;
}
#block_3 {
 	-moz-animation-delay: .2s;
	-webkit-animation-delay: .2s;
}
#block_4 {
 	-moz-animation-delay: .3s;
	-webkit-animation-delay: .3s;
}
#block_5{
 	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
}
@-moz-keyframes move {
	0%{ -moz-transform: scale(1.2);opacity:1; }
	100%{ -moz-transform: scale(0.7);opacity:0.1; }
}
@-webkit-keyframes move{
	0%{ -webkit-transform: scale(1.2);opacity:1; }
	100%{ -webkit-transform: scale(0.7);opacity:0.1; }
}


.stop_animation {
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
}


.dl-small, .dl-large, .dl-horizontal {
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

.dl-small dt {
  	float: left;
	clear: left;
	text-align: right;
	white-space: nowrap;
	margin-left: 10px;
}

.dl-small dd {
  margin-left: 50px;
}

.dl-horizontal dt {
	float: left;
	clear: left;
	white-space: nowrap;
	margin-left: 50px;
}

.dl-horizontal dd {
  margin-left: 100px;
}



.padQuestionButton .ui-btn-inner {
	margin: 10px 0px 10px 5px;
}

.panel-correct .ui-panel-inner {
	padding-top: 0px;
}


.list-icon-left.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit {
	padding-left: 40px;
	padding-right: none;
}

.contHelp .articleTarget {
	margin-left: 0px;
}



.overlay-element {
	position: absolute;
}


.f12 .ui-btn-text {
	font-size: 12px;
}


.btn-green {
	border: 1px solid #257874;
	background: #25b974;
	text-shadow: 0 1px  0 #444444;
	color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#28cb7f), to(#21a668));
	background-image: -webkit-linear-gradient(#28cb7f, #21a668);
	background-image: -moz-linear-gradient(#28cb7f, #21a668);
	background-image: -ms-linear-gradient(#28cb7f, #21a668);
	background-image: -o-linear-gradient(#28cb7f, #21a668);
	background-image: linear-gradient(#28cb7f, #21a668);
}

.text-green {
	color: #257874;
}

.white-box {
	background-color: white; 
}

.sales-box {
	border: 2px solid blue;
	border-radius: 8px;
	padding: 10px;
}


.end-article-marker {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #A0A0A0;
	opacity: 0.8;
	margin-left: 5px;
	margin-right: 5px;
}


.hide-with-opacity {
	opacity: 0;
}



.list-larger-counters .ui-li-has-count .ui-li-count {
	font-size: 14px;
}


.card-image {
	padding: 5px;
	box-sizing: border-box;
	box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
	border-radius: 20px;
}

.diagonal_crossout {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 10 10'><line x1='0' y1='10' x2='10' y2='0' style='stroke: black; stroke-width: 1;' /></svg>");
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 100% 100%, auto;
}


.image-caption-pointer-top {
	background-color: #ddd;
	position: relative;
	border: 2px solid #333;
	border-radius: 6px;
	padding: 5px;
}

.image-caption-pointer-top:after, .image-caption-pointer-top:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	left: 100%;
	position: absolute;
	width: 0;
}

.image-caption-pointer-top:after {
	border-width: 11px;
	border-left-color: #ccc;
	border: 10px solid transparent;
	border-bottom-color: #333;
	top: -20px;
	left: 50%;
	margin-left: -10px;
}