html,
body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	overflow:hidden;
 	font-size:16px;
}

body
{
	background-color:transparent;
	font-size:13px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
}

*
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
}


font[size="1"] { font-size:10px;}
font[size="2"] { font-size:14px;}
font[size="3"] { font-size:18px;}
font[size="4"] { font-size:24px;}
font[size="5"] { font-size:32px;}
font[size="6"] { font-size:48px;}
font[size="7"] { font-size:72px;}

.tncTemplateContent
{
	vertical-align: middle;
	margin: auto;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

.tncLayerParent,
.tncLayer,
.tncLayerPerspective,
.tncLayerContainer
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:100;
}


.tncLayerPanel
{
	position:absolute;
	width:100%;
	height:100%;
}

.tncLayerContent
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:100;
}

.tncLayerOverlay
{
	position:absolute;
	z-index:200;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-transform: scale3d(1,1,1);
}

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

.tncWidgetPanel
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}

.tncWidgetFrame
{
	position:absolute;
	left:0;top:0;
	height:100%;
	width:100%;
}

.tncWidgetData
{
	position:absolute;
	left:0;top:0;
	width:100%;
	height:100%;

	perspective: initial;
}

.knockoutContainer,
.knockoutSubcontainer,
.knockoutPanelParent,
.knockoutPanel
{
	position:absolute;
	left:0;top:0;
	width:100%;
	height:100%;
}

.knockoutPanelContent,
.knockoutContent
{
	position:absolute;
	left:0;top:0;
	height:100%;
	width:100%;
}

iframe.widget {
	border:0px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.tncLayerPanelParent {
	width:100%;
	height:100%;
}
