@import 'theme.less';
@import 'flexbox.less';
@import 'util.less';
@import 'footer.less';
@import 'action.less';

@import 'content-text.less';
@import 'Page-Info.less';
@import 'Page-LandingContent.less';
@import 'Page-AboutTheFivePerspectivesContent.less';
@import 'Page-AboutTheTPIContent.less';
@import 'Page-ReflectingOnTestResultsContent.less';
@import 'Page-WhyTakeTheTPIContent.less';
@import 'Page-TheFivePerspectivesBookContent.less';
@import 'Page-ContactUsContent.less';

@import 'survey.less';


html, body { 
	height: 100%; min-height: 100%; 
	margin:0; padding:0;
	top:0; bottom:0; left:0; right:0;
	font: "Trebuchet MS", Helvetica, sans-serif;
}

body {
	position: relative;
}

//---------------------------------------------------
//--------------------  tbd  ------------------------
//---------------------------------------------------

.menutext(@fontsize, @txtcolor, @txthover, @hovercolor) {
	color: @txtcolor;
	padding: 6px 10px;
	font: "Trebuchet MS", Helvetica, sans-serif;
	font-size: @fontsize;
	cursor: pointer;

	&:hover {
		border-radius: 6px;
		color: @txthover;		
		background: @hovercolor;
	}
}

.img {
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#backgroundimage {
	position: fixed;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;

}

.FullDimmedRect {
	background-color: red;
	width: 100px;
	height: 100px;
}




//---------------------------------------------------
//------------------- LAYOUT ------------------------
//---------------------------------------------------

.tpiview {
	.flexbox;
	.flex-direction(row);
	.justify-content(center);
	height: 100%;
	width: 100%;
	//background: url("../images/DiagnalPinstripBackground.png") repeat;
	background: url("../images/SoftBackgroundPattern8928.png") repeat;
	//background: url("../images/BackgroundLeather1zc.png") repeat;
	//background: url("../images/BackgroundNoisyDiagnal7jtl.png") repeat;


	.tpimain {

		.flexbox;
		.flex-direction(column);
		.justify-content(center);
		width: 1024px;

		.mainregion {
			.flex(1);
			.flexbox;
			.flex-direction(column);
			.justify-content(center);
			margin-bottom: 10px;
			position: relative;

			.Page-LandingContent;
		}

		.actionregion {

			.action;
		}

		.footerregion {
			.flexbox;
			.flex-direction(row);
			width: 1024px;
			margin-top: 6px;
			margin-bottom: 0;
			background-color: @footerbackgroundcolor;

			.footer;
		}
	}
}