/* ####################  GENEL TANIMLAMALAR BAŞLADI #################### */

body{
	margin:0;
	padding:0;
	font-size:11px;
}

.trnContentArea
{
	position:fixed;
	height:100%;
	width:100%;
	overflow:hidden;
	background-color:#EFEFEF;
}

.trnContent
{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	z-index:10000;
	background-color:#343434;
}

.trnContent .trnTitleContainer
{
	position:absolute;
	width:100%;
	height:50px;
	overflow:hidden;
	top:60px;
	z-index:100;
	color:#FFF;
	background-color:#404040;
}

.trnContent .trnContentContainer
{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	padding-top:110px;
	padding-bottom:60px;
	overflow:hidden;
	z-index:5;
	color:#FFF;
}

.trnContent .trnNoFooter
{
	padding-bottom:0;
}

.trnContent .trnContentContainer .trnContentScroll
{
	position:relative;
	width:100%;
	height:100%;
	top:0;
	overflow:scroll;
	overflow-x:hidden;
	scrollbar-width: thin;
	background-color:bown;
	z-index:5;
	color:green;
	color:#FFF;
	background-color:#343434;
}

.trnContent .trnFooterContainer
{
	position:absolute;
	width:100%;
	height:60px;
	z-index:10;
	bottom:0;
	z-index:1000000;
	color:#FFF;
	background-color:#000;
}
/* ####################  GENEL TANIMLAMALAR BİTTİ #################### */





/* ####################  SOL ALAN BAŞLADI #################### */
.trnLeftArea
{
	position:absolute;
	width:30%;
	height:100%;
	left:0;
	top:0;
	padding-top:60px; /*Top Menü Boşluğu*/
	/*overflow:hidden;*/
	background-color:#343434;
	z-index:50;
}

.trnLeftArea .trnContentScroll
{
	background-color:#404040;
}

.trnLeftArea .trnTitleContainer
{
	background-color:#212121;
}

.trnLeftArea .trnFooterContainer
{
	background-color:#000;
	margin-top:-110px;
}
/* ####################  SOL ALAN BİTTİ #################### */





/* ####################  SAĞ ALAN BAŞLADI #################### */
.trnRightArea
{
	position:absolute;
	width:70%;
	height:100%;
	right:0;
	top:0;
	padding-top:60px; /*Top Menü Boşluğu*/
	/*overflow:hidden;*/
	z-index:100;
}


.trnRightArea .trnTitleContainer
{
	background-color:#212121;
	z-index:50;
}
/* ####################  SAĞ ALAN BİTTİ #################### */






/* ####################  TAM EKRAN ALAN BAŞLADI #################### */
.trnFullArea
{
	position:absolute;
	width:100%;
	height:100%;
	right:0;
	top:0;
	padding-top:60px; /*Top Menü Boşluğu*/
	overflow:hidden;
}


.trnFullArea .trnTitleContainer
{
	background-color:#212121;
}
/* ####################  TAM EKRAN ALAN BİTTİ #################### */





/* #################### KOLON TANIMLAMALARI BAŞLADI #################### */
.trn-row
{
	width:100%;
}

.trn-row-1
{
	width:8.33%;
	float:left;
}

.trn-row-2
{
	width:16.66%;
	float:left;
}

.trn-row-3
{
	width:24.99%;
	float:left;
}

.trn-row-4
{
	width:32.33%;
	float:left;
}

.trn-row-5
{
	width:41.65%;
	float:left;
}

.trn-row-6
{
	width:49.98%;
	float:left;
}

.trn-row-7
{
	width:58.31%;
	float:left;
}

.trn-row-8
{
	width:66.64%;
	float:left;
}
.trn-row-9
{
	width:74.97%;
	float:left;
}

.trn-row-10
{
	width:83.3%;
	float:left;
}

.trn-row-11
{
	width:91.63%;
	float:left;
}

.trn-row-12
{
	width:100%;
	float:left;
}

/* #################### KOLON TANIMLAMALARI BİTTİ #################### */