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

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

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


.pageW {width:966px; background:none; margin:0px auto}
.Header { background:url(../../images/design/header-bg.png) left bottom no-repeat; height:60px; padding:10px 16px}
.Header, .Header div, .Header  table { color:#FFF}
.DilSec { float:right; position:relative; z-index:10; margin-right:-38px; margin-top:-12px}
.BeyazBg { background:#fff; padding:10px}


.Logo { float:left; margin:10px; position:relative; z-index:90}

div, table { color: #525252; font: 8.7pt Tahoma, Geneva, sans-serif; }

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

img {border:none}

p {margin:0px}
p + p, p + h1, p + h2, p + h3, p + h4, p + table {margin-top:12px}

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

h1, h2, h3, h4 {margin:0px;margin-bottom:12px; font-family:Arial, Tahoma; color:#707070;}
h1 { font-size:24px}
h2 { font-size:18px}
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:12px}
.marginB5 {margin-bottom:5px}
.marginB1 {margin-bottom:1px}
.marginB12 {margin-bottom:12px}
.marginB20 {margin-bottom:20px}


/*------------------------- Margin Ayarlarý Sonu ------------------------*/




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

.SagUstPane { float:right; width:760px; margin-top:12px;}
.SagUstPane .solaYasla, .SagUstPane .sagaYasla { position:relative; z-index:60}
.UstPane {clear:both}
.OrtaPane { clear:both;}
.OrtaPane2 {  clear:both;}
.OrtaPane3 {float:right; width:307px;}
.SolPane {width:250px; float:left}
.SagPane {width:710px; float:right}

.AltPane {clear:both; background:url(../../images/design/footer-bg.png) left top no-repeat; width:948px; height:49px; padding:6px; margin:12px auto}
.AltPane div, .AltPane table, .AltPane  , .AltPane  .inputs { font:10px Arial, Helvetica, sans-serif;color:#7D7D7D;}
.AltPane a {color:#95877D; text-decoration:none;}
.AltPane a:hover { color: #fff;}

.AltPane .inputs { background:url(../../images/design/footer-inputbg.png) left top no-repeat; width: 91px ; height:12px; padding:2px; border:none; margin-bottom:3px}

.AltPane .solaYasla { margin:0px; height:50px}
.AltPane .solaYasla + .solaYasla { margin-left:28px; padding-left:28px; border-left:1px dotted #938B88}

.AltPane .solaYasla img { margin:0px auto}

.AltPane2 { min-height:30px;}
.AltPane2 div, .AltPane2 table, .AltPane2  {color:#525252; font-size:10px}
.AltPane2 a {color:#525252; text-decoration:none;}
.AltPane2 a:hover { color: #000;}



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


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

.inputs, input[type=text], input[type=password], textarea, select {font:8.7pt Tahoma, Geneva, sans-serif; color:#333; padding:2px; border:1px solid #cfcfcf;}


input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {color:#000;}

.MaviOval input[type=text], .MaviOval input[type=password], .MaviOval textarea, .MaviOval select {color:#309dcf}

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;}

.GriGrid td { border-bottom:1px solid #CCC; font-size:11px}

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

input[type=button], input[type=submit], input[type=reset] { display:inline-block; padding:3px 6px; color:#FFF; font:8.7pt Verdana, Geneva, sans-serif; background:url(../../images/design/ustmenu-a-ortabg.gif) left center repeat-x; border:1px solid #1074a6}

.newsImg { width:100px; height:auto}