@import url("Containers.css");
@import url("AdminStyle.css");

/*------------------------- CSS: Görsel Programlama Özel Kodları --- Tüm hakları saklıdır. ------------------------*/

html { min-height:100%; overflow:auto}
body { background: #AFA9A9 url(../../images/design/sayfabg.gif) left bottom repeat-x; margin:0px 0px 24px 0px; color:#FFF;min-height:100%; overflow:auto}


.pageW {width:904px; margin:0px auto}
.CubukBg { background:#AFA9A9 url(../../images/design/ustalanbg.jpg) center top no-repeat; height:34px; border-bottom:1px solid #7E7674}
.CubukBg div, .CubukBg table { color:#FFF; font:11px Verdana, Geneva, sans-serif; line-height:22px}
.CubukBg .pageW { padding-top:6px}
.CubukBg a {color:#FFF; text-decoration:none; margin:0px 12px}
.CubukBg a:hover {text-decoration:underline}

.OrtaKarelerBg { background:url(../../images/design/ortalan-ustbg.jpg) left top repeat-x}

.BeyazBg { background:#fff}
.OrtaKarelerBg .BeyazBg {padding:27px}

.Logo { width:318px; height: 60px; float:left; margin-bottom:27px}

.HomeFlash { margin-top:-24px; border-bottom:1px solid #D4D4D4}

div, table { color: #666666; font: 12px Arial, Verdana, Tahoma; }

a {color:#000; text-decoration:none;}
a:hover {color: #000; text-decoration:underline;}

img {border:none}

p {margin:0px}
p + p {margin-top:12px}

form {margin:0px; padding:0px} 

h1, h2, h3, h4 {margin:0px;margin-bottom:16px; font-family:"Century Gothic", Arial; color:#22325E; background:url(../../images/design/h1-bg.gif) left 4px no-repeat; padding-left:24px}
h1 { font-size:18px}
h2 { font-size:14px}
h3 { font-size:12px}
h4 { font-size:11px}


/*------------------------- Font Ayarlari ------------------------*/

.ySego {font-family:"Segoe UI";}
.yTaho {font-family:Tahoma;}
.yArial {font-family:Arial;}
.yVer {font-family:Verdana;}

.y10 {font-size:10px}
.y12 {font-size:12px}
.y14 {font-size:14px}
.y15 {font-size:15px}
.y16 {font-size:16px}
.y18 {font-size:18px}
.y20 {font-size:20px}
.y24 {font-size:24px}
.y32 {font-size:32px}

.b {font-weight:bold}
.i {font-style:italic}
.u {text-decoration:underline}

.siyah {color:#000000}
.turuncu {color:#fd8c01}
.gri {color:#666666}


/*------------------------- Font Ayarları Sonu ------------------------*/


/*------------------------- Margin Ayarları ------------------------*/

.marginB {margin-bottom:16px}
.marginB5 {margin-bottom:5px}
.marginB1 {margin-bottom:1px}
.marginB12 {margin-bottom:12px}
.marginB20 {margin-bottom:20px}


/*------------------------- Margin Ayarları Sonu ------------------------*/




/*------------------------- Paneler ------------------------*/

.UstSagAlan {float:right}
.UstPane {clear:both}
.OrtaPane { clear:both; padding:24px 0px}
.OrtaPane2 {clear:both;}
.AltPane {clear:both; border-top:1px solid #d4d4d4; padding-top:24px}

.AltPane div, .AltPane table, .AltPane  {color:#999; font:10px Verdana, Geneva, sans-serif;}
.AltPane a {color:#999; text-decoration:underline;}
.AltPane a:hover { color:#000;}



/*------------------------- Paneler Sonu ------------------------*/


.clr {height:0px;clear:both; margin:0px; padding:0px; font-size:0px}

.inputs , textarea, .RadPut input{ background-color:#fff; border-width:1px; border-style:solid; border-color:#7C7471; color:#7C7471; padding: 2px 2px 1px 2px; font: 12px Arial, Verdana; }

.CubukBg .inputs , .CubukBg textarea, .CubukBg .RadPut input { background-color:#AFA9A9; color:#FFF;border-width:1px; border-style:solid; border-color:#837D7D #BFB9B9 #BFB9B9 #837D7D;}

select { background-color:#fff; color:  #0099ff; font: 11px Verdana; }



.buton { display:inline-block; padding:3px 7px; background:#AFA9A9; color: #FFF; font-family: "Century Gothic", Verdana; font-weight:bold; font-size:12px;  border:1px solid #AFA9A9; cursor:pointer}
.buton:hover { background:#7c7471; color:#FFF; text-decoration:none}



.alertTxt {border:1px solid  #FF6600; padding:5px; padding-left:27px; background:#f2ff97 url(../../images/design/alerticon.gif) 6px 6px no-repeat; color: #CC0000; display:block}

.goDetail { display:inline-block; background:url(../../images/design/okbullet.gif) right 3px no-repeat; padding-right:19px}


.solaYasla .hFloat, .sagaYasla .hFloat {display:none}
.OrtaPane2 .solaYasla .hFloat, .OrtaPane2 .sagaYasla .hFloat {display:block}

.NoktaGrid td { padding:3px}
.NoktaGrid tr  + tr td { border-top:1px dotted #dedede;}

.TopMenu { height:41px; background:url(../../images/design/link.bg.png) left top repeat-x; width:100%}
.TopMenu td { text-align:center}

.imgBorder { border:1px solid #ccc; padding:3px; max-width:250px; height:auto; margin:0px 0px 10px 10px}