/* OTTO'S Türkiye - Bilgi İşlem 13.Ocak.2010 */
*{font-family:Trebuchet MS;}
body{
background-color:#990033;
font-size:12px;
color:#000;
margin:0px;}
#cerceve1{
border:#000000 solid 1px;}
#cerceve_uyari{
width:400px;
background-color:#CCC;
font-size:14px;
font-weight:bold;
color:#990000;
padding:25px;
border:#333 solid 1px;
}
#cerceve_basari{
width:400px;
background-color:#CCC;
font-size:14px;
font-weight:bold;
color:#4E8660;
padding:25px;
border:#333 solid 1px;
}
#cerceve_hata{
font-size:14px;
font-weight:bold;
color:#ff0000;
padding:25px;
}
#cerceve_mavi{
border:#177E94 solid 1px;
background-color:#DBF4FA;
font-size:14px;
font-weight:bold;
color:#1E7487;
padding:25px;
}
/* ust band */
/**LİGHTBOX**/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);}
.white_content {
	display: none;
	position: absolute;
	top: 20%;
	left: 20%;
	width: 60%;
	height: 75%;
	padding: 1px;
	z-index:1002;
	overflow: auto;}	
/**LİGHTBOX**/
#anacerceve{ 
	margin:auto;
	width:1000px; }
#ustparca  { 
	background-image:url(images/bgustparca.png);
	width:980px;
	height:40px;
	a:visited;
	a:active {color:black}; }	
#altparca  { 
	background-image:url(images/bgaltparca.png);
	width:980px;
	height:40px; }	
#icerik    { 
	background-image:url(images/icerikparca.png);
	background-repeat:repeat-y;
	width:980px;
	min-height:150px; }
#ustkare   { 
	margin:auto;
	width:90px;
	height:90px;
	float:left;
	margin-top:15px;}	
#ustkare2{
	margin:auto;
	width:204px;
	height:90px;
	float:left;
	margin-top:15px;
	margin-left:8px; }	
#ustkare3{
	margin:auto;
	width:500px;
	height:90px;
	float:left;
	margin-top:15px;
	margin-left:8px; }	
#ustbant   { 
	margin:auto;
	width:960px;
	height:150px;
	background-image:url(images/ustkisim.png); }
/* ust band */
a{
font-size:14px;
color:#a2a2a2;
text-decoration:none;
}
a:hover{
font-size:14px;
color:#e2e2e2;
text-decoration:underline;
}
#alt{
border-top:#000000 solid 5px;
color:#A7A7A7;
margin-left:10px;
height:170px;
background-color:#333333;
width:960px;}
#alt a{
color:#A7A7A7;
text-decoration:none;
}
#alt a:hover{
color:#B8B8B8;
text-decoration:underline;
}
/*
#icerik{
margin-left:150px;
width:980px;
background-image:url(images/icerik.jpg);
min-height:150px;}
*/
#ustmenu   { 
text-align:left;
padding:2px 20px 2px 150px;
background-color:#8B092D;
font-size:14px;
color:#000;
}
#ustmenu a{
color:#000;
text-decoration:none;
}
#ustmenu a:hover{
color:#000;
text-decoration:underline; }
input.ottos{ 
width:130px;
height:15px;
background:#e2e2e2 url(images/ottos.jpg) no-repeat center right;
font-size:12px;}
input.ottos_mini{
width:20px;
height:18px;
font-size:12px;}
input.ottos_mini2{
width:25px;
height:18px;
font-size:12px;
text-align:center;}
input.ottos_kisa{
width:60px;
height:18px;
font-size:12px;}
input.ottos_normal{
width:130px;
height:18px;
font-size:12px;}
input.ottos_normal2{
width:130px;
height:18px;
font-size:12px;
text-align:center;}
input.ottos_uzun{
width:250px;
height:15px;
font-size:12px; }
input.but{
width:75px;
height:23px;
border:#333333 solid 1px;
}
input.menu{
width:125px;
height:23px;
font-size:12px;
}
input.menu_admin{
width:110px;
height:23px;
font-size:12px;
}
input.minik{font-size:9px;/*BUTON İÇİN*/}
#but_kisa{
width:25px;
height:22px;
font-size:9px;
}
textarea.ottos{
width:450px;
height:100px;
font-size:12px;}
textarea.ottos_normal{
width:230px;
height:70px;
font-size:12px;}
select.filtre{
font-size:11px;
background-color:#FDFFD4;
width:100px;}
input.filtre{
font-size:11px;
background-color:#FDFFD4;
width:100px;}

/* T A K V İ M */
.dpDiv {
	}
 
 
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}
 
 
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}
 
 
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}
 
 
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}
 
 
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}
 
 
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}
 
 
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}
 
 
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}
 
 
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}
 
 
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}
 
 
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}
 
 
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}
 
 
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}
 
 
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}
 
 
/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
 
 
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
/* T A K V İ M */

/* Ust band */
.dil      {   
	color: Black;
	font:12px Verdana, Geneva, sans-serif;
	font-weight:bolder;
    text-decoration: none;
    vertical-align: middle;
    cursor:pointer;  }
.dil:hover{ 
	font:12px Verdana, Geneva, sans-serif;
	color:#990033;		 }
	
<!--BUTTON-->
.button {
   border-top: 1px solid #000000;
   background: #909090;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#909090));
   padding: 10px 10px;  
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: Black;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   width:180px;
   cursor:pointer; }
a.button{
    background:#2981E4;
    padding:5px 10px;
    text-decoration:none;
    color:#fff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 3px 3px 4px #000;    }
.button:hover {
   border-top-color: #870d22;
   background: #870d22;
   color: #ccc;   }
.button:active {
   border-top-color: #b81a1a;
   background: #b81a1a;   }
.buttonde {
   border: 1px solid #F1F1F1;
   background: #909090;
   background: -webkit-gradient(linear, left center, left bottom, from(#F1F1F1), to(#909090));
   padding: 10px 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: Black;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   width:180px;
   cursor:pointer;  }
a.buttonde{
    background:#2981E4;
    padding:5px 10px;
    text-decoration:none;
    color:#fff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 3px 3px 4px #000;  }
.buttonde:hover {
   border-top: 1px solid #F1F1F1;
   background: #000000;
   background: -webkit-gradient(linear, left center, left bottom, from(#414141), to(#B2B2B2));
   padding: 10px 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: White;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   width:180px;
   cursor:pointer;  }
.buttonde:active {
   border-top-color: #b81a1a;
   background: #b81a1a;   }   
<!--/// BUTTON \\\-->

<!--MiniButtonKisa-->
.minibuttonkisa {
   border-top: 1px solid #000000;
   background: #909090;
   /**background-image:url(images/o.gif);*/
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#909090));
   padding: 10px 10px;  
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: Black;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   width:70px;
   cursor:pointer;  }
a.minibuttonkisa{
    background:#2981E4;
    padding:5px 10px;
    text-decoration:none;
    color:#fff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 3px 3px 4px #000;     }
.minibuttonkisa:hover {
   border-top-color: #870d22;
   background: #870d22;
   color: #ccc;    }
.minibuttonkisa:active {
   border-top-color: #b81a1a;
   background: #b81a1a;   }   
.minibuttondekisa {
   border: 1px solid #F1F1F1;
   background: #909090;
   /**background-image:url(images/o.gif);*/
   background: -webkit-gradient(linear, left center, left bottom, from(#F1F1F1), to(#909090));
   padding: 10px 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: Black;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   width:70px;
   height:5px;
   cursor:pointer; }
a.minibuttondekisa{
    background:#2981E4;
    padding:5px 10px;
    text-decoration:none;
    color:#fff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 3px 3px 4px #000; }
.minibuttondekisa:hover {
   border-top: 1px solid #F1F1F1;
   background: #000000;
   /**background-image:url(images/o.gif);*/
   background: -webkit-gradient(linear, left center, left bottom, from(#414141), to(#B2B2B2));
   padding: 10px 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: White;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   width:70px;
   height:5px;
   cursor:pointer;   }
.minibuttondekisa:active {
   border-top-color: #b81a1a;
   background: #b81a1a;   }
<!-- ///miniButtonKisa\\\ -->

<!--MiniButtonUzun-->
.minibuttonUzun {
   border-top: 1px solid #000000;
   background: #909090;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#909090));
   padding: 10px 10px;  
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   text-align:center;
   color: Black;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   width:204px;
   cursor:pointer;  }
a.minibuttonUzun{
    background:#2981E4;
    padding:5px 10px;
    text-decoration:none;
   text-align:center;
    color:#fff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 3px 3px 4px #000;    }
.minibuttonUzun:hover {
   border-top-color: #870d22;
   background: #870d22;
   color: #ccc;   }
.minibuttonUzun:active {
   border-top-color: #b81a1a;
   background: #b81a1a;   }   
.minibuttondeUzun {
   border: 1px solid #F1F1F1;
   background: #909090;
   background: -webkit-gradient(linear, left center, left bottom, from(#F1F1F1), to(#909090));
   padding: 10px 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: Black;
   font-size: 12px;
   text-decoration: none;
   text-align:center;
   vertical-align: middle;
   width:204px;
   height:25px;
   cursor:pointer;   }
a.minibuttondeUzun{
    background:#2981E4;
    padding:5px 10px;
    text-decoration:none;
   text-align:center;
    color:#fff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 3px 3px 4px #000;
    -moz-box-shadow: 0 1px 2px #000;
    -webkit-box-shadow: 3px 3px 4px #000;  }
.minibuttondeUzun:hover {
   border-top: 1px solid #F1F1F1;
   background: #000000;
   background: -webkit-gradient(linear, left center, left bottom, from(#414141), to(#B2B2B2));
   padding: 10px 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: White;
   font-size: 12px;
   text-align:center;
   text-decoration: none;
   vertical-align: middle;
   width:204px;
   height:25px;
   cursor:pointer;   }
.minibuttondeUzun:active {
   border-top-color: #b81a1a;
   background: #b81a1a;   }
<!-- ///miniButtonUzun\\\ -->

<!--///Minii\\\-->
.mini {
   font-family:Verdana, Geneva, sans-serif;
   background-image:url(images/o.PNG);
   font-weight:bolder; 
   text-align:center;
   font-size:15,5px;
   cursor:pointer;
   border:medium; 
   height:25px;
   width:88px; 
   color:#333;  }
a.mini{
   font-family:Verdana, Geneva, sans-serif;
   background-image:url(images/o.PNG);
   font-weight:bolder; 
   text-align:center;
   font-size:15,5px;
   cursor:pointer;
   border:medium; 
   height:25px;
   width:88px; 
   color:#333;   }
.mini:hover {
   border-top-color: #870d22;
   background: #870d22;
   color: #ccc;   }
.mini:active {
   border-top-color: #b81a1a;
   background: #b81a1a;   }
.minide {
   font-family:Verdana, Geneva, sans-serif;
   background-image:url(images/o.PNG);
   font-weight:bolder; 
   text-align:center;
   font-size:15,5px;
   cursor:pointer; 
   border:medium;
   height:25px;  
   width:88px;
   color:#333;    }
a.minide{    
   font-family:Verdana, Geneva, sans-serif;
   background-image:url(images/o2.PNG);
   font-weight:bolder; 
   text-align:center;
   font-size:15,5px;
   cursor:pointer; 
   border:medium; 
   height:25px; 
   width:88px; 
   color:#FFF;  }
.minide:hover {
   font-family:Verdana, Geneva, sans-serif;
   background-image:url(images/o2.PNG);
   font-weight:bolder;
   text-align:center; 
   font-size:15,5px;
   cursor:pointer;
   border:medium; 
   height:25px;
   width:88px; 
   color:#FFF;    }
.minide:active {
   border-top-color: #b81a1a;
   background: #b81a1a;   }   
<!--/// minii \\\-->

<!--///uzun\\\-->
.uzun {
   font-family:Verdana, Geneva, sans-serif;
   background-image:url(images/ou.PNG);
   font-weight:bolder;
   text-align:center; 
   font-size:15,5px;
   cursor:pointer;
   border:medium; 
   color:#333; 
   width:202px; 
   height:25px;  }
a.uzun{
   font-family:Verdana, Geneva, sans-serif;
   background-image:url(images/ou.PNG);
   font-weight:bolder; 
   text-align:center;
   font-size:15,5px;
   cursor:pointer;
   border:medium; 
   width:202px; 
   height:25px;
   color:#333;   }
.uzun:hover {
   border-top-color: #870d22;
   background: #870d22;
   color: #ccc;   }
.uzun:active {
   border-top-color: #b81a1a;
   background: #b81a1a;   }
.uzunde {
   font-family:Verdana, Geneva, sans-serif;
   background-image:url(images/ou.PNG);
   font-weight:bolder;
   text-align:center; 
   font-size:15,5px;
   cursor:pointer;
   border:medium; 
   width:202px; 
   height:25px; 
   color:#333;     }
a.uzunde{    
   font-family:Verdana, Geneva, sans-serif;
   background-image:url(images/ou2.PNG);
   font-weight:bolder; 
   text-align:center;
   font-size:15,5px;
   cursor:pointer;
   border:medium; 
   width:202px; 
   height:25px; 
   color: #FFF;   }
.uzunde:hover {
   font-family:Verdana, Geneva, sans-serif;
   background-image:url(images/ou2.PNG);
   font-weight:bolder; 
   text-align:center;
   font-size:15,5px;
   border:medium; 
   cursor:pointer;
   width:202px; 
   height:25px; 
   color: #FFF;}
.uzunde:active {
   border-top-color: #b81a1a;
   background: #b81a1a;   }   
<!--/// uzun \\\-->
.img {  
  	margin:2px;
  	border:1px solid #999;
  	height:122px;
  	width:120px;}	
.img2{ 
  	margin:2px;
  	border:1px solid #999;
  	height:122px;
  	width:201px;}
/* Ust band */