@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 {
	margin:0px;
	padding-bottom:24px;
	color:#FFF;
	min-height:100%;
	overflow:auto;
	background:#0B85F4 url(../../images/design/sayfabggrad.png) left top repeat-x;
}


.pageW {width:960px; background:none; margin:0px auto}
.SayfaGolge { background:transparent url(../../images/design/sayfa-golgebg.png) center top no-repeat; padding-top:20px}
.BeyazBg { background:#fff; padding:10px;/* -moz-border-radius:6px;-webkit-border-radius:6px*/}
.Header { background:url(../../images/design/header-golge-bg.png) center bottom no-repeat; padding-bottom:20px; margin-bottom:10px; }
.iSube { margin:10px 20px; float:right}
.iSube + p { clear:both; text-align:center; font-size:10px; font-weight:bold}
.UstOval { position:relative; z-index:5; margin:-16px -10px 10px -10px; background:url(../../images/design/altustoval.png) center top no-repeat}
.AltOval { position:relative; z-index:5; margin:10px -10px -16px -10px; background:url(../../images/design/altustoval.png) center bottom no-repeat}
.UstOval, .AltOval { height:6px}

.SolSabit { float:left; width:231px; margin-bottom:16px}
.SagSabit { float:right; width:710px;margin-bottom:16px}

.LoginBG { background:url(../../images/design/esube-loginbg.png) right top no-repeat; padding:10px; min-height:240px}
.LoginBG td {padding:5px 0px}
.LoginBG a , .pageW a{ color:#0A7FED; text-decoration:none}


.Logo { float:left; margin:10px}
.Logo object, .Logo embed { margin-top:-10px; margin-bottom:-10px}

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

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

img {border:none}

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

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

h1, h2, h3, h4, .pageW .InputAlani h2 {margin:0px;margin-bottom:12px; margin-top:0px; float:none; height:auto;  color:#707070; background:url(../../images/design/h-bg.png) left top no-repeat; padding:0px; padding-left:12px}
h1 span, h2 span, h3 span, h4 span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:block; background:url(../../images/design/h-bg.png) right -30px no-repeat; line-height:27px;}

.LoginBG h1, .LoginBG h2, .LoginBG h3, .LoginBG h4, .LoginBG h1 span, .LoginBG h2 span, .LoginBG h3 span, .LoginBG h4 span { background-image:url(../../images/design/h-bg2.png)}
.LoginBG .inputs { width:98%}

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}
.red { color:#C00 }

/*------------------------- 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; margin-bottom:12px;}
.UstPane {clear:both}
.OrtaAlan {}
.OrtaSolAlan { width:450px; clear:both; float:left}
.OrtaSagAlan { width:245px; float:right}
.UstAlan { margin-bottom:12px}

.AltAlan2 { clear:both; margin-top:12px; background:url(../../images/design/buton-zeminbg.png) left top repeat-x; padding:20px}
.AltAlan2, .AltAlan2 div, .AltAlan2 table { font-size:10px}

.AltPane {padding:16px 0px; background:none; clear:both}
.AltPane img {vertical-align:middle; margin:0px 10px}
.AltPane div, .AltPane table, .AltPane  {color:#fff; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center}
.AltPane a {color:#fff; text-decoration:none;}
.AltPane a:hover { color: #CCC;}



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


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

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

input[type=text], input[type=password] {background:#fff url(../../images/design/inputbg.gif) left bottom repeat-x}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {color:#e62626; padding:2px; border:1px solid #e62626;}

.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}
.alertTxt , .alertTxt div, .alertTxt table { font:8.5pt Tahoma, Geneva, sans-serif;}
.alertTxt ul, .alertTxt ol { padding:0px; margin:0px; margin-top:10px}

.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 #dedede; font-size:11px}
.GriGrid td.baslik , .GriGrid .baslik td {background:#f2f2f2; font-weight:bold} 

.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}
input[type=checkbox], input[type=radio] { vertical-align:middle}

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

.InputAlani { border:none; background:#FFF; background-image:none;padding:0px; margin-top:opx}
.InputAlani_genel { border:none; background:#FFF; padding:0px; margin-top:0px}
.InputAlani h2 { float:none; position:static; margin-top:0px; margin-left:0px; margin-bottom:0px; border:none; border-bottom:none;}
.InputAlani	h2	.aktif {}

.butZone {margin-top:8px}

.infoTxt { background:#CEE6FC url(../../images/design/info-icon.png) 12px 12px no-repeat; -moz-border-radius:10px; -webkit-border-radius:10px; padding:1px}
.infoTxt .inside { display: block; padding:12px; padding-left:32px; color:#0459BF; font:12px Tahoma, Geneva, sans-serif; border:1px solid #fff;-moz-border-radius:10px; -webkit-border-radius:10px;}

.infoTxt + div, .infoTxt + p, .infoTxt + table { margin-top:12px}