/*==================== Kullanici Giris kutusu ========================= */
.panel {
width: 530px;
margin: auto auto;
}
.panel label input#nick {/*Nick iletisim kutusu*/
padding: 4px 4px 4px 20px;
border: 2px solid #ccc;
background: #EEE url(../img/nick.png) 2px center no-repeat;
color: #6F6F6F;
width: 150px;
font:bold 12px "Lucida Grande", Arial, sans-serif;
}
.panel label input#nick:focus {/*Nick iletisim kutusu SECILI*/
background: #EFF5FF url(../img/nick.png) 2px center no-repeat;
border: 2px solid #73A6FF;
color: #000;
}
.panel label {/* Aciklama pozuzyonu*/
position: relative; 
}
.panel label#nick span {/* Aciklama gizli */
padding-top: 5px;
display: none;
color: #FFF;
height: 27px;
width: 106px;
text-align: center;
font:bold 11px "Lucida Grande", Arial, sans-serif;
}
.panel label#nick:hover span {/* Aciklama goronur*/
display: block;
position: absolute;
background: url(../img/hov-bg.png) left 0px no-repeat;
top: -38px;
left: 40px;
}

.panel label input#sifre { /*Sifre iletisim kutusu*/
padding: 4px 4px 4px 20px;
border: 2px solid #ccc;
background: #EEE url(../img/sifre.png) 2px center no-repeat;
color: #6F6F6F;
width: 150px;
font:bold 12px "Lucida Grande", Arial, sans-serif;
}
.panel label input#sifre:focus {/*Sifre iletisim kutusu SECILI*/
background: #EFF5FF url(../img/sifre.png) 2px center no-repeat;
border: 2px solid #73A6FF;
color: #000;
}
.panel label#sifre span { /* Aciklama gizli */
padding-top: 5px;
display: none;
color: #FFF;
height: 27px;
width: 106px;
text-align: center;
font:bold 11px "Lucida Grande", Arial, sans-serif;
}
.panel label#sifre:hover span {/* Aciklama goronur*/
display: block;
position: absolute;
background: url(../img/hov-bg.png) left 0px no-repeat;
top: -38px;
left: 40px;
}

.buton {/*Giris Buton*/
padding: 4px 4px 4px 18px;
height: 26px;
background: #eee url(../img/giris.png) 2px center no-repeat;
border: 2px solid #ccc;
cursor: pointer;
margin-top: 2px;
font:bold 11px "Lucida Grande", Arial, sans-serif;
}
.buton:hover { /*Giris Buton Hover*/
background: #EFF5FF url(../img/giris.png) 2px center no-repeat;
border: 2px solid #73a6ff;
}

/*============================= Sayfa Yapısı ============================== */
html {
height: 100%;
padding: 0;
margin: 0;
}
body {
background: url(../img/bg.png) top left repeat;
color: #000000;
font-family: Verdana;
font-size: 13px;
text-align: left;
line-height: 1.4;
height: 100%;
padding: 0;
}
a.logo {
display: block;
width: 200px;
height: 20px;
margin: 0 auto;
background: url(../img/logo.png) left top no-repeat;
}
a.logo:hover span{
display: block;
float:right;
width: 64px;
height: 64px;
background: url(../img/logo-hov.png) left top no-repeat;
}

.icerik {
width: 200px;
height: 100px;
background: url(../img/icerik.png) left 0px no-repeat;
margin: auto auto;
padding-top: 2cm;
}
.cizgi {
border: 0;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #fff;
width: 200px;
margin: 100px auto 10px auto;

}
.sol {text-align:left;}
.orta {text-align:center;}
.sag {text-align:right;}