@charset "utf-8";
/**************************** GLOBAL ****************************/
*{margin:0; padding:0;}
*:hover, *:focus{outline:none;}
a,li{transition: color 200ms ease-in-out 0s, background-color 200ms ease-in-out 0s, border-color 200ms ease-in-out 0s;}
body {font-family:Arial; font-size:12px;}

.left{float:left;} .right{float:right;} .center{text-align:center;} .ortala{margin-top:0px; margin:auto;}
.mr5{margin:5px;} .mr10{margin:10px;} .mr-5{margin-top:-1px;} .pd5{padding:5px;} .pd10{padding:10px;} .pd20{padding:20px;}
.el{cursor:pointer;} .help{cursor:help;}
.d100{width:100px;}.d200{width:200px;} .d400{ width:400px;} .d600{width:600px;} .d680{width:600px;} .d1000{width:1000px;}
.clear{clear:both;font-size:0;}.sil{clear:both;font-size:0;} .spacer{clear:both;font-size:0;} 
.none{display:none;} .block{display:block;} .rounded{ -moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;}
.border{border:0px solid #CCCCCC;}
form{margin:0px; padding:0px;}
a img{border:none;} a{cursor:pointer; text-decoration:none; outline:none;}a:focus,a:hover,a:active{outline:none;} 
.red{color:#FF0000;} .blue{color:#0033FF;} .bgC{background-color:#CCC;}.bgE{background-color:#EBEBEB;}
.abs {position:absolute;} .rlt{position:relative;}
.altGolge{-webkit-box-shadow: 0 8px 6px -6px black;  -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black;}
/******* WIDGETS ########################################################################################################*****/
/**** kategori listesi ***/	
.katList{list-style:none; list-style-type:none; margin:0px; padding:0px;}
.katList ul, .katList ul ul{padding:0px; margin:0px 0px 0px 50px;}
.katList > li{background:url(../images/icon/folder_closed.png) no-repeat left top #FFFFFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); border: 1px solid #DDDDDD;}
.katList li{padding:30px;  margin-bottom:10px; clear:both;}
.katList li:hover{background:url(../images/icon/folder_open.png) no-repeat top left #EBEBEB;}
.katList li a{display:block; padding: 3px 0; color: #000000;}
.katList li li{background:none; padding:0px; border:none; margin:3px 0px;}
.katList li li:hover{background:none;}
/**** kategori listesi ***/	

/******** SAG VE SOL MENU ****/
.yanUl{width:240px; list-style:none; padding:0px; margin:0px; list-style-type:none; position:relative; z-index:500;}
.yanUl li{ width:240px;height:35px;border-bottom:1px dotted #CCCCCC; position:relative;z-index:499;}
.yanUl li a{ display:block; color:#333333;}
.yanUl li:hover{background:url(../images/status.png) no-repeat right center #F8F8F8;}
.yanUl li:hover a{ padding:9px 15px 0px 15px; color:#000;}
.yanUl li ul{position:absolute; list-style:none; list-style-type:none; padding:5px; margin:0px; border-right:1px solid #CCCCCC; display:none; background-color:#CCCCCC;}
.yanUl li ul li{ width:200px; height:35px; border:none;}
.yanUl li ul li ul{position:absolute; top:0px;}
.yanUl li:hover > ul{display:block;}

.solKolon .yanUl{width:230px;}	
.solKolon .yanUl li{width:230px;}

.solKolon .yanUl li ul{left:230px; top:0px;}
.solKolon .yanUl li{background:url(../images/status-offline.png) no-repeat left center;}
.solKolon .yanUl li:hover{background:url(../images/status.png) no-repeat left center #F8F8F8;}
.solKolon .yanUl li a{padding:9px 8px 0px 15px;}
.solKolon .yanUl li ul li ul{left:199px;}
.sagKolon .yanUl li ul{right:240px; top:0px;}
.sagKolon .yanUl li{background:url(../images/status-offline.png) no-repeat right center;}
.sagKolon .yanUl li:hover{background:url(../images/status.png) no-repeat right center #F8F8F8;}
.sagKolon .yanUl li a{padding:9px 15px 0px 8px;}
.sagKolon .yanUl li ul li ul{right:199px;}


.accordionUlLi{list-style:none; padding:0px; margin:0px; list-style-type:none;}
.accordionUlLi a, .accordionUlLi a:focus, .accordionUlLi a:active{ outline:none; text-decoration:none; }
.accordionUlLi ul{list-style:none; padding:0px; margin:0px; list-style-type:none; display:none;}
.accordionUlLi > li{ }
.accordionUlLi > li > a{display:block; padding:6px 10px 6px 3px; color:#FFF; text-decoration:none; font-size:13px;}
.accordionUlLi > li:last-child{border:none;}
.accordionUlLi > li ul{ padding-left:10px; padding-bottom:10px;}
.accordionUlLi > li ul ul{border-left:3px solid #06C;}
.accordionUlLi > li li a{padding:5px 10px 5px 3px; display:block;}
.accordionUlLi.color1 > li{
		background-color: #fafafa;
		background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
		background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
		border-top:1px solid #EBEBEB;
}
.accordionUlLi.color1 > li > a{ color:#333;}
.accordionUlLi.color1 > li li a{color:#333;}
.accordionUlLi.color1 > li ul{background-color:#EDEDED; border-left:3px solid #06C;}
.accordionUlLi.color1 > li ul ul{background-color:#EBEBEB;}
.accordionUlLi.color2 > li{
		background-color: #3C3F44;
		background-image: -moz-linear-gradient(top, #3C3F44, #131315);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3C3F44), to(#131315));
		background-image: -webkit-linear-gradient(top, #3C3F44, #131315);
		background-image: -o-linear-gradient(top, #3C3F44, #131315);
		background-image: linear-gradient(to bottom, #3C3F44, #131315);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C3F44', endColorstr='#131315', GradientType=0);
		border-top:1px solid #333;
}
.accordionUlLi.color2 > li > a{ color:#FFF;}
.accordionUlLi.color2 > li li a{color:#FFF;}
.accordionUlLi.color2 > li ul{background-color:#666; border-left:3px solid #000;}
.accordionUlLi.color2 > li ul ul{background-color:#333;}
.accordionUlLi.color3 > li{
		background-color: #ebebeb;
		background-image: -moz-linear-gradient(top, #ebebeb, #ededed);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), to(#ededed));
		background-image: -webkit-linear-gradient(top, #ebebeb, #ededed);
		background-image: -o-linear-gradient(top, #ebebeb, #ededed);
		background-image: linear-gradient(to bottom, #ebebeb, #ededed);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ededed', GradientType=0);
		border-top:1px solid #CCC;
}
.accordionUlLi.color3 > li > a{ color:#333;}
.accordionUlLi.color3 > li li a{color:#333;}
.accordionUlLi.color3 > li ul{background-color:#CCC; border-left:3px solid #666;}
.accordionUlLi.color3 > li ul ul{background-color:#CCC;}
/******** SAG VE SOL MENU ****/

.yatayUlLi{width:100%; height:35px; list-style:none; padding:0px; margin:0px; list-style-type:none; position:relative; z-index:400;}
.yatayUlLi ul{margin:0px; padding:0px; list-style:none; position:absolute; left:200px; top:0px; width:200px; display:none; background-color:#06C; }
.yatayUlLi li{position:relative; height:auto; }
.yatayUlLi li a{display:block; padding:6px 10px; font-size:13px;}
.yatayUlLi > li{float:left; height:35px;}
.yatayUlLi > li > a{padding:6px 10px;}
.yatayUlLi > li > ul{left:0px; top:35px;}
.yatayUlLi > li li{width:200px;}


/******** modul otomatik liste *******/
.liste{width:100%; height:auto; margin:0px; padding:0px; list-style:none;}
.liste .listOge{padding:3px 5px; min-height:15px; border-bottom:1px solid #CCC;}
	.liste .listOge ul, .liste .listOge .opDiv{display:none; min-height:80px; list-style:none; padding:5px; margin:0px;}
	.liste .listOge:hover ul, .liste .listOge:hover .opDiv{ display:block;}
	.liste .listOge .img{ width:110px; height:80px; float:left; margin-right:3px;}
	.liste .listOge .title{padding:0px; margin:0px; font-size:14px;}
	.liste .listOge a{display:block; text-decoration:none; color:#333;}
	
.liste .listTable{width:100%; background-color:#D7DCE0;}
	.liste .listTable .tableOge{width:200px; height:170px; float:left; margin-left:20px; padding:5px}
	.liste .listTable .tableOge .img{width:200px; height:125px;}
	.liste .listTable .tableOge .title{ font-size:14px; border-bottom:1px solid #CCC; padding:2px 0px;}
	.liste .listTable .tableOge .pText{ height:80px; overflow:auto;}

.liste .listDot{padding:3px 5px; min-height:15px; border-bottom:1px dotted #CCC;}
	.liste .listDot .img{ height:60px; float:left; margin-right:3px;}
	.liste .listDot .title{ font-size:16px; font-weight:bold;}	
.galeriList{width:100%; height:auto; padding:5px;}	
	.galeriList .galItem{width:115px; height:120px; text-align:center; float:left;}
		.galeriList .galItem img{width:105px; max-height:105px;}
		.galeriList .galItem p{margin:0px; padding:0px;}
/******** modul otomatik liste *******/	


/*****FORM******/
.boxTitle{ height:25px; border:1px solid #CCCCCC; font-size:16px; padding:10px 10px 0px 10px;}
	.boxTitle img{float:left; margin:-6px 3px 0px -5px; width:28px; height:28px;}
.boxes{padding:5px; border:1px solid #CCCCCC; margin-bottom:10px;}
	.boxes .pText{font-size:12px; color:#333333; margin:3px 0px 10px 0px;} .boxes .pText a{text-decoration:none; color:#0099FF;} .boxes .pText img{float:left; margin-right:8px;}


.button{ padding:3px 10px; color:#FFF; border:none; cursor:pointer;}
.button:hover{}


#yomyom .desc{min-height: 160px; max-height: 160px;}
.yomyomaction{font-size: 14px; color: #3b3b3b; }
.bbctoolbar{float: left;}
.bbButton{border: 1px solid #ccc;margin: 1px;padding: 2px; cursor:pointer;}
.bbButton:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity: 0.6;}
.yorumList .media{border-bottom:1px solid #CCC;}
.yorumList .media img{width:80px; height:80px;}

/**** GRID ****/
.grid50{width:50px;}.grid100{width:100px;}.grid150{width:150px;}.grid200{width:200px;}.grid250{width:250px;}.grid300{width:300px;}.grid350{width:350px;}.grid400{width:400px;}.grid450{width:450px;}.grid500{width:500px;}.grid550{width:550px;}.grid600{width:600px;}.grid650{width:650px;}.grid700{width:700px;}.grid750{width:750px;}.grid800{width:800px;}
.grid640{width:640px;} .grid720{width:720px;} .grid980{width:980px;} .grid1000{width:1000px;}

.globalGrid{clear:both; margin-bottom:30px; min-height:5px;}
.globalGrid > [class*="grid"]{float:left;}
.globalGrid > [class*="grid"]:first-child{float: left;  min-height:5px;  margin-left:0px;  margin-right:45px;}
.globalGrid > [class*="grid"]:last-child{ float:right;  min-height:5px;  margin-left:0px;  margin-right:0px;}

/*******/
.videoPlayer, .textSlide{background-color:#000; width:100%; clear:both; margin:10px 0px; padding:0px;}