/*pencere dis katman*/

.sfk-w-beyaz{
	position:relative;
	max-width:100%;
	cursor:initial;
}

/*pencere ic katman*/
.sfk-w-beyaz .sfk-w-cerceve{
	height:100%;
	position:relative;
	background-color:#ffffff;
	border-radius: 4px;
	overflow:hidden;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);

}


/*başlık özellikleri*/
.sfk-w-beyaz .sfk-w-baslik{

	border-radius: 4px 4px 0 0;
	border-bottom:1px solid #f1f1f1;
	height:50px;
	line-height:50px;
	font-size:14px;
	color:#2B2B2B;
	z-index:2;
	padding-left:5px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color:#ffffff;
	color:#999;
	font-weight:bold;
	text-decoration:none;
}

/*.sfk-w-beyaz.sfk-w-aktif icerisindeki sfk-w-cerceve */
.sfk-w-beyaz.sfk-w-aktif .sfk-w-cerceve{
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.55);
}



/*alert ile gösterilecek simge ayarları*/
.sfk-w-beyaz .sfk-w-type {
	width:24px;/* !!! width veya left degerlerinde değişiklik olursa sfk-w-baslik-typeShow düzenlemek lazım */
	left:15px;
	height:24px;
	top:12px;
	position:absolute;
}
/*
 * !!! Type parametresinde icon baslıkla aynı satırda ise  baslıgın sıgabilecegi alanı belirlerken kullandım
 * */
.sfk-w-beyaz .sfk-w-baslik-typeShow{
padding-left:45px; /*bu deger .sfk-w-type width+left degerleri toplamı olacak */
}

.sfk-w-beyaz .sfk-w-icerik {
	word-wrap: break-word;
	font-size:12px;
	background:#fff;
	vertical-align:top;
	overflow-y:auto;
	padding:0 5px 0 5px;
	cursor:initial;

}

/*
altta bulunan butonlar için katman
*/
.sfk-w-beyaz .sfk-w-alt {
padding:5px 15px;
border-top:1px solid #f1f1f1;
}

/*alttaki buton özellikleri*/
.sfk-w-beyaz .sfk-w-btn{
	margin:5px;
	font-family:sans;
	font-size:12px;
	padding:3px 12px;
	display:inline-block;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

/*pencere köşedeki kapat butonu*/
.sfk-w-beyaz .sfk-w-btnKapat{
position: absolute;
top:12px;
right:10px;
cursor: pointer;
height:24px;
width:24px; /*width veya right derleri değişirse {.sfk-w-baslik-btnCloseShow} düzenlemek lazım */
color:#aaa;

/*
border-radius:50%;
background-color:#f1f1f1;
border:1px solid #ccc;
*/


}
	.sfk-w-beyaz .sfk-w-btnKapat:after{
		content:'×';
		font-size:24px;
		font-weight:bold;

/*
		display:block;
		margin:auto;
		text-align:center;
*/
	}

/*
 * !!! Kapat ma butonux X ile baslık aynı satırda ise baslıgın sıgabilecegi alanı belirlerken kullandım
 * */
.sfk-w-beyaz .sfk-w-baslik-btnCloseShow{
padding-right:40px; /*bu deger .sfk-w-btnKapat width+right degerleri toplamı olacak*/
}
.sfk-w-beyaz .sfk-w-btnKapat:hover{
	color:#666;
}
.sfk-w-beyaz .sfk-w-btnKapat:active{
/*
	box-shadow:inset 0 0 2px #aaa;
*/
}
.sfk-w-beyaz .sfk-w-btnKapat:hover + .sfk-w-cerceve{
	border-color:#D4D4D4;
}


/************ BUTONLAR ***********/



/*kırmızı buton*/
.sfk-w-beyaz .sfk-w-btn.red {

	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	border:1px solid #d83526;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;


}
.sfk-w-beyaz .sfk-w-btn.red:hover {
background-color:#51698E;
}
.sfk-w-beyaz .sfk-w-btn.red:active {
	position:relative;
	top:1px;
}

/*yeşil buton*/

.sfk-w-beyaz .sfk-w-btn.green {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
	background-color:#77d42a;
	border:1px solid #268a16;
	color:#fff;
	text-decoration:none;
	text-shadow:0px 1px 0px #306108;
}
.sfk-w-beyaz .sfk-w-btn.green:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
	background-color:#5cb811;
}
.sfk-w-beyaz .sfk-w-btn.green:active {
	position:relative;
	top:1px;
}


/*mavi buton*/
.sfk-w-beyaz .sfk-w-btn.blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
	border:1px solid #3866a3;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #14396a;
}
.sfk-w-beyaz .sfk-w-btn.blue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
	background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
	background-color:#468ccf;
}
.sfk-w-beyaz .sfk-w-btn.blue:active {
	position:relative;
	top:1px;
}

/*sarı buton*/
.sfk-w-beyaz .sfk-w-btn.yellow {
	-moz-box-shadow:inset 0px 1px 0px 0px #FFED7C;
	-webkit-box-shadow:inset 0px 1px 0px 0px #FFED7C;
	box-shadow:inset 0px 1px 0px 0px #FFED7C;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FEF600), color-stop(1, #f6ca2f));
	background:-moz-linear-gradient(top, #FEF600 5%, #f6ca2f 100%);
	background:-webkit-linear-gradient(top, #FEF600 5%, #f6ca2f 100%);
	background:-o-linear-gradient(top, #FEF600 5%, #f6ca2f 100%);
	background:-ms-linear-gradient(top, #FEF600 5%, #f6ca2f 100%);
	background:linear-gradient(to bottom, #FEF600 5%, #f6ca2f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEF600', endColorstr='#f6ca2f',GradientType=0);
	background-color:#FEF600;
	border:1px solid #f6ca2f;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.sfk-w-beyaz .sfk-w-btn.yellow:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6ca2f), color-stop(1, #FEF600));
	background:-moz-linear-gradient(top, #f6ca2f 5%, #FEF600 100%);
	background:-webkit-linear-gradient(top, #f6ca2f 5%, #FEF600 100%);
	background:-o-linear-gradient(top, #f6ca2f 5%, #FEF600 100%);
	background:-ms-linear-gradient(top, #f6ca2f 5%, #FEF600 100%);
	background:linear-gradient(to bottom, #f6ca2f 5%, #FEF600 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6ca2f', endColorstr='#FEF600',GradientType=0);
	background-color:#f6ca2f;
}
.sfk-w-beyaz .sfk-w-btn.yellow:active {
	position:relative;
	top:1px;
}

/*varsayılan butonlar*/
.sfk-w-beyaz .sfk-w-btn.default {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	color:#666666;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.sfk-w-beyaz .sfk-w-btn.default:hover {
	background-color:#e9e9e9;
}
.sfk-w-beyaz .sfk-w-btn.default:active {
	position:relative;
	top:1px;
}

/* Pasif olan buton için sitil */
.sfk-w-beyaz .sfk-w-btn.sfk-w-disabled {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	color:#cccccc;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}





/* Mesaj tipi simgeleri için sitiller */
.sfk-w-beyaz .sfk-w-type.error{background-size:cover;font-family: 'fontello';padding-top:3px;}
.sfk-w-beyaz .sfk-w-type.error::after{content: '\e862';color:#C50000;font-size:20px;}

.sfk-w-beyaz .sfk-w-type.info{background-size:cover;font-family: 'fontello';padding-top:3px;}
.sfk-w-beyaz .sfk-w-type.info::after{content: '\e838';color:#CDCD26;font-size:20px;}

.sfk-w-beyaz .sfk-w-type.warning{background-size:cover;font-family: 'fontello';padding-top:3px;}
.sfk-w-beyaz .sfk-w-type.warning::after{content: '\e808';color:#D66F1A;font-size:20px;}

.sfk-w-beyaz .sfk-w-type.question{background-size:cover;font-family: 'fontello';padding-top:3px;}
.sfk-w-beyaz .sfk-w-type.question::after{content: '\e80e';color:#FFA500;font-size:20px;}


.sfk-w-beyaz .sfk-w-type.success{background-size:cover;font-family: 'fontello';padding-top:3px;}
.sfk-w-beyaz .sfk-w-type.success::after{content: '\e80c';color:#008000;font-size:20px;}



.sfk-w-beyaz .sfk-w-type.none{display:none;}