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

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

body { background: #f1f1f1; margin:20px 0px; }

.pageW { width:995px; margin:0px auto; }

.Header {background: url(../../images/design/header.illustration.gif) no-repeat left top;height:105px}
.KumportLogo {width:141px; height:88px; float:left}

.LimanBg { background:url(../../images/design/kumport.limangenelbg.jpg) left top no-repeat; width:995px; height:100px}


div, table { color: #333333; font: 11px Tahoma; }

a {color:#00408f; text-decoration:none;}
a:hover {color: #000000; text-decoration:none}

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:"Trebuchet MS";color:#666666;}
h1 {font-size:18px; margin:0px; margin-bottom:12px; padding:0px; padding-left:32px; min-height:28px}
h2 {font-size:14px; margin:0px; margin-bottom:12px;}

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

.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 ------------------------*/

.ortaBg { background:url(../../images/design/daire.bg.gif) center top repeat-y; padding-bottom:16px}
.ortaBg div, .ortaBg table {font:12px Arial, Helvetica, sans-serif}

.solPane { float:left; width:217px;}
.ortaPane2 { clear:both; display:block}
.ortaPane3 { clear:both}
.ortaPane {  float:right; width:746px; padding:16px}
.ortaPane div, .ortaPane table {line-height:130%}

.FooterBg { background:url(../../images/design/footer.bg.gif) left top repeat-x}
.FooterBg .pageW { padding:16px 0px}
.FooterBg a { color:#000000; text-decoration:none}
.FooterBg a:hover { color:#004290;text-decoration:none}

.FooterLink { background:url(../../images/design/footer.linkbg.gif)  no-repeat center bottom; padding-bottom:12px; text-align:left; margin-bottom:16px}
.FooterLink2 { color:#999999; text-decoration:none; text-align:center}
.FooterLink2 a {color:#999999;}
.FooterLink2 a:hover {text-decoration:underline}

.UstPane { width:660px; float:left;}
.UstPane2 { width:184px;; float:right; text-align:right}

.UstPane2 h2 {display:none}
.UstPane2 .marginB {margin-bottom:18px; clear:both}


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


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

.inputs , textarea, .RadPut input{ background:#ffffff url(../../images/design/input.bg.gif) left top repeat-x ; border-width:1px; border-style:solid; border-color:#929292 #ffffff #ffffff #b1b1b1; color: #000000; font: 11px Arial, Tahoma; padding:2px}
.inputs:focus , textarea:focus , select:focus {background:#ffffff url(../../images/design/input.bg.gif) left top repeat-x ;color: #000000;}
select { background-color:#ffffff; color: #000000; font: 11px Arial, Tahoma; }


.buton { background:#0034c6 url(../../images/design/but.bg.gif) repeat-x center center; color:#FFFFFF; font-family:Tahoma; font-weight:bold;  border:1px solid #00217b; cursor:pointer}

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

a.goTo {background:url(../../images/design/ok.beyaz.ileri.gif) left 4px no-repeat; padding-left:12px; color:#FFFFFF; font-size:10px; font-family:Verdana;}
a.goTo:hover {color:#000000}
a.backTo {background:url(../../images/design/ok.beyaz.geri.gif) left 4px no-repeat; padding-left:12px; color:#FFFFFF; font-size:10px;font-family:Verdana;}
a.backTo:hover {color:#000000}

a.ileri {background:url(../../images/design/ok.beyaz.ileri.gif) right 4px no-repeat; padding-right:12px; color:#FFFFFF; font-size:10px; font-family:Verdana;}
a.geri {background:url(../../images/design/ok.beyaz.geri.gif) left 4px no-repeat; padding-left:12px; color:#FFFFFF; font-size:10px;font-family:Verdana;}
a.ileri:hover, a.geri:hover {color:#000000}
a.ileri img, a.geri img {vertical-align:middle}

a.kmavi {color:#001e74; font-size:10px; font-family:Verdana}
a.kmavi:hover {color:#FFFFFF}

a.TreeNode, span.TreeNode {color:#999999}