/* CSS Document */

/*
1- 	Yuvarlak Çerçeveler
2-	Preloaded Images
3-	Alert Box - JS gerekli
4-	Alert2 Box - JS gerekli
*/

/*
1-	Yuvarlak Çerçeveler

Kullanılışı
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
    <div class="contentb">
        <div>Round Border!!</div>
    </div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
*/
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #ddd; border-right:1px solid #888; border-left:1px solid #888;}
.contentb div {margin-left: 5px;}

/*
2-	Preloaded Images

Kullanılışı
Önceden yüklenmesi gereken resimleri yazın aşağıya sadece
*/
#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url();
       background-image: url();
       background-image: url();
       background-image: url();/* bu satır url(); olarak kalsın */
}

/*
3-	Alert Css Div

Kullanılışı
Galiba Js kod yazacagım bunun için
*/

.alert {
	background: #fff6bf url(../images/icons/error.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	position:fixed;
	top:0px;
	left:0px; right:0px;
	display:none;
	}

/*
4-	Alert2 Css Div

Kullanılışı
Galiba Js kod yazacagım bunun için
*/

.alert2 {
	background: #333 ;
	position:fixed;
	top:0px; bottom:0px; left:0px; right:0px;
	display:none;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
	
.alert_content {
	background: #fff ;
	position:relative;
	top:-500px;
	height:100px;
	width:750px;
	margin:auto;
	display:none;
	}
	
.close_alert2 {
	position:absolute; top:-20px; right:-20px;
	cursor:pointer; cursor:hand;
}