﻿/*

LayoutPanelControl /LayoutContainers

*/

.TCFrameLayoutContainer {
	position: relative;
}

.TCFrameLayoutPositionTopLeft {
	position: absolute;
	left: 0px;
	top: 0px;
}

.TCFrameLayoutPositionTopCenter {
	position: absolute;
	top: 0px;
	left: 50%;
	-ms-transform: translate(-50%, 0%); /* IE 9 */
	-webkit-transform: translate(-50%, 0%); /* Safari */
	transform: translate(-50%, 0%);
}

.TCFrameLayoutPositionTopRight {
	position: absolute;
	top: 0px;
	right: 0px;
}

.TCFrameLayoutPositionMiddleLeft {
	position: absolute;
	top: 50%;
	left: 0px;
	-ms-transform: translate(0%,-50%); /* IE 9 */
	-webkit-transform: translate(0%,-50%); /* Safari */
	transform: translate(0%,-50%);
}

.TCFrameLayoutPositionMiddleCenter {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
	-webkit-transform: translate(-50%,-50%); /* Safari */
	transform: translate(-50%,-50%);
}

.TCFrameLayoutPositionMiddleRight {
	position: absolute;
	top: 50%;
	right: 0px;
	-ms-transform: translate(0%,-50%); /* IE 9 */
	-webkit-transform: translate(0%,-50%); /* Safari */
	transform: translate(0%,-50%);
}

.TCFrameLayoutPositionBottomLeft {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.TCFrameLayoutPositionBottomCenter {
	position: absolute;
	bottom: 0px;
	left: 50%;
	-ms-transform: translate(-50%, 0%); /* IE 9 */
	-webkit-transform: translate(-50%, 0%); /* Safari */
	transform: translate(-50%, 0%);
}

.TCFrameLayoutPositionBottomRight {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.TCFrameLayoutPositionTop {
	position: absolute;
	right: 0px;
	top: 0px;
	left: 0px;
}

.TCFrameLayoutPositionRight {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.TCFrameLayoutPositionLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
}

.TCFrameLayoutPositionBottom {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.TCFrameLayoutPositionFill {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.TCFlexLayoutContainer {
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
}
/*Too much of a general style we cannot put that through with the new Design V3*/
/*.TCFlexLayoutContainer > div {
		background: #fff;
		padding: 20px;
		margin: 10px;
		border: 1px solid #ddd;
		height: auto;
	}*/


.TopContentContainer {
	margin: 10px;
}

	.TopContentContainer > .TCFlexLayoutContainer {
		/*Removed again cause it causes a part of the page to disapear*/
		/*margin: -10px;*/
	}
