body
{
    font-family: Tahoma;
    font-size: 8pt;
    text-align:left;
    /*background-image: url(../img/bg.jpg);  
    background-repeat: no-repeat;      */
    scrollbar-base-color: #bbd863;
    scrollbar-arrow-color: #1B52B8;
    scrollbar-3dlight-color: #CCCCAA;
    scrollbar-darkshadow-color: #333333;
    scrollbar-face-color: #DDDDDD;
    scrollbar-highlight-color: #1B52B8;
    scrollbar-shadow-color: #999999;
    scrollbar-track-color: #CCC;  
}
#container
{
  width: 780px;   
}
#header
{
  width: 780px;
}
#footer
{
    background:url("img/footer.png") repeat-x;
    height:30px;
    width:780px;   
}
#contain
{
   position: relative;
   width: 780px;  
   
}
#footer
{
   position: relative;
   width: 780px; 
}
a
{
    font-family:tahoma;
    text-decoration:none;
    color:#043322;
}

a:hover
{
    font-family:tahoma;
    color:#1B52B8;
    font-weight: bold;
}    
#contl
{  
   position: relative; 
   float: left;
   width: 200px;
   height: 400px;  
   overflow: auto;
}    
#contr
{   
   position: relative; 
   float: left;
   width: 576px;  
   height: 400px;
   visibility: visible;
   
   
}
#contr1
{
   position: relative; 
   float: left;
   width: 576px; 
   height: 0px; 
   visibility: hidden;
   
   
   
}
 
#hdr
{
    position: relative;
    float:left;
    background:url("img/bant5.png") no-repeat;
    height:30px;
    width:200px;
}
#headerleft
{
    position: relative;
    float:left;
    background:url("img/headerleft.png") repeat-x;
    height:45px;
    width:168px;
}
#headerright
{
    position: relative;    
    float:left;
    background:url(img/headerright.png) no-repeat;
    height:45px;
    width:32px;
}
#yatay
{
    position: relative;
    background :url(img/yatay.png) repeat-x;
    height:4px;
    width:100%;
}



#menuitem
{
  position: relative;
  background :url(img/nokta.png) no-repeat;
  width: 200px;
  height: 20px;
  
}
#menubos
{
  position: relative;
  
  width: 200px;
  height: 10px;
 
}
#menu1
{
  background :url(img/tableback.png) repeat-y;
  width: 200px;

}
#loginform
{
  background :url(img/tableback.png) repeat-y;
  width: 200px;

}
.baslik
{
   color:navy;
   font-size:9pt;
   font-family: Tahoma;
   
   font-weight:bold;
   
}
.baslik1
{
   color:navy;
   font-size:12pt;
   font-family: Tahoma;
   font-weight:bold;
   
}
.kirmizi
{
   color:red;
   font-size:9pt;
   font-family: Tahoma;
   font-weight:bold;
   
}
.yesil
{
   color: green;
   font-size: 8pt;
   font-family: Tahoma;
   font-weight: bold;
}
.yesil1
{
   color: green;
   font-size: 9pt;
   font-family: Tahoma;
   font-weight: bold;
}
#mt
{
  height:30px;
  background:url(img/bant.png) no-repeat;  
  padding-left: 10px;
}#mc
{
  
  background:url(img/tableback.png) repeat;  
  
}
#cbody
{
    position: relative;
    background-image:url(img/cbody.png);
    background-repeat:no-repeat;
    font-family: Tahoma;
    font-size: 8pt;
    height:400px;
    width:575px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    padding-top: 10px;
    
    
    
    
}

#cbody1
{
    position: relative;
    background-image:url(img/cbody1.png);
    background-repeat:no-repeat;
    font-family: Tahoma;    
    font-size: 8pt;    
    height:400px;
    width:575px;
    padding-left: 25px;
    padding-top: 10px;
}
input
{
    font-family: tahoma;
    font-size: 8pt;
    color:#043322;
}
textarea
{
    border:solid 1px #bbd863;
    font-family: tahoma;
    font-size: 8pt;
    color:#043322;
}
select
{
    border:solid 1px #bbd863;
    font-family: tahoma;
    font-size: 8pt;
    color:#043322;
}

/* --------------------effect 1------------------------------ */

#effect1
{
   position: absolute;
   width: 576px;
   height: 400px;
   background-color: white;
   
    
}

 #div1
{
   position:absolute;
   top:0px;
   width: 576px;
   height: 100px;
   background-color:#ACACAC;
   background-image:url(img/ust.png) ;
   background-repeat:no-repeat;        
   background-position: bottom;
   z-index: 99;
}
 #div2
{
   position: absolute;
   width: 566px;
   height: 0px;
   top: 100px;
   background-color:#ACACAC;
   visibility: hidden;
   padding-left: 10px;
   padding-top: 10px;
}

#div3
{
   position: absolute;
   top:100px;
   width: 566px;
   height: 200px;
   background-color:#ACACAC;
   visibility: visible;
   padding-left: 10px;
   padding-top: 10px;
}
#div4
{
   background-image:url(img/alt.png) ;
   background-repeat:no-repeat;   
   background-position: top;     
   position: absolute;
   top:300px;
   width: 576px;
   height: 100px;
   background-color:#ACACAC;
   z-index: 98;
}
.perhead
{
  height: 18px;
  background-image: url(img/perhead.png);
  font-family: tahoma;
  font-size: 9pt;
  font-weight: bold;
  padding-left: 5px;
}

.perline
{
  height:18px;
 
  font-family: tahoma;
  font-size: 8pt;
  padding-left: 12px;
  background-color: #CACACA;
}
#personel
{
  padding-left: 5px;
}

/* --------------------effect 2------------------------------ */  
#effect2
{
   position: absolute;
   width: 576px;
   height: 400px;
   background-image: url(img/tableback.png);
   overflow: hidden; 
}
.effect2left
{
 background-image: url(img/tableback.png); 
}
 #dive1
{
   position:absolute;
   top:0px;
   width: 400px;
   height: 400px;
   left: 85px;
  
   
   background-repeat:no-repeat;        
   background-position: bottom;
   
}
 #dive2
{
   position: absolute;
   width: 400px;
   height: 400px;
   
   top: -400px;
   left:-400px;
   
   visibility: visible;
}
.reftable
{
  font-family: tahoma;
  font-weight: bold;
  font-size: 12pt;
  color: green;
  
}