/* OTTO'S LTD Bilgi İşlem - 21.12.2009 */
*{font-family:Trebuchet MS;}
body{
color:#000;
background-color:#990033;
font-size:12px;
margin:0px;}

a.vamaillink:hover{
color:#396	
	}

/* Ust band */
.dil      {   
	color: Black;
	font:12px Verdana, Geneva, sans-serif;
	font-weight:bolder;
    text-decoration: none;
    vertical-align: middle;
    cursor:pointer;  }
.dil:hover{ 
	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-- Broşür-İletişim>
.minibuttonkisa {
   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: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: -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: -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 */
/* 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{
color:#000;
text-decoration:none;}
a:hover{
color:#e2e2e2;
text-decoration:underline;}
a.analiste{
color:#006699;
text-decoration:none;}
a.analiste:hover{
color:#0099CC;
text-decoration:underline;}
#ustband{	
width:940px;
margin-left:10px;
background-color:#ECEDED;
/*text-align:left;
background-color:#8B092D;*/
padding:2px 20px 2px 0px;
font-size:11px;
color:#e2e2e2;}
/*
#icerik{
margin-left:150px;
width:1000px;
background-image:url(images/icerik.jpg);
min-height:400px;
margin-bottom:105px;}*/
#solband{
text-align:center;
margin-top:10px;
margin-right:3px;
padding:5px;
width:175px;
min-height:500px;
background-image:url(images/tablo_dolgu.png);
/*background-color:#B0B0B0;*/
border:#C15171 solid 1px;
}
#sagband{
margin-top:10px;
margin-left:3px;
padding:5px;
width:655px;
min-height:500px;
/*background-image:url(images/tablo_dolgu.png);*/
/*background-color:#B0B0B0;*/
/*border:#C15171 solid 1px;*/
}
#alt{
border-top:#000000 solid 5px;
color:#A7A7A7;
height:170px;
background-color:#333333;
/*width:100%;*/
width:960px;
margin-left:10px;}
#alt a{
color:#A7A7A7;
text-decoration:none;
}
#alt a:hover{
color:#B8B8B8;
text-decoration:underline;
}
#ust_menu{
color: black;
width:787px;
max-height:50px;
padding-left:150px;
/*background-color:#8B092D;*/
background-color:#EAEAEB;
font-size:11px;}

#cerceve_sunu{
width:95%;
text-align:left;
border:#C15171 solid 1px;
padding:7px;
background-image:url(images/tablo_dolgu.png);}

#anket{
	margin-top:25px;
	padding:10px;
	width:450px;
	height:820px;
	background-color:#CBCAE8;
	color:#333;
	text-align:left;}
h1{
font-size:16px;
border-bottom:#C15171 solid 1px;}

select.mavi{
height:24px;
font-size:12px;
background-color:#177E94;
color:#e2e2e2;}
/*  C L A S S   */
h2.baslik{
	border-bottom:#FFF solid 1px;}
td.tablo_baslik{
background: black url(images/tablo_baslik.png) repeat-x center left ;
font: bold 14px Arial;} 
td.tablo_baslik2{
background: black url(images/tablo_baslik2.png) repeat-x center left ;
font: bold 14px Arial;} 

input.solkolon{
width:130px;
height:15px;
background:#e2e2e2 url(images/.jpg) no-repeat center right;
font-size:12px;}
input.but{
width:75px;
height:23px;
border:#333333 solid 1px;}
input.adm{
width:190px;
height:17px;
font-size:13px;}
textarea.adm{
width:290px;
height:170px;
font-size:13px;}

#cerceve_uyari{
border:#CDAEAE solid 1px;
background-color:#FFE6E6;
font-size:14px;
font-weight:bold;
color:#990000;
padding:25px;}
#cerceve_basari{
border:#A8CBB4 solid 1px;
background-color:#E0FFEA;
font-size:14px;
font-weight:bold;
color:#4E8660;
padding:25px;}
#cerceve_mavi{
border:#177E94 solid 1px;
background-color:#DBF4FA;
font-size:14px;
font-weight:bold;
color:#1E7487;
padding:25px;}
select.filtre{
font-size:11px;
background-color:#FDFFD4;
width:100px;}
input.filtre{
font-size:11px;
background-color:#FDFFD4;
width:100px;}
input.filtre_but{
font-size:11px;
}
/*   M E N U    */
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
text-align:left;
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
text-align:left;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
color: #000000;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
background-color:#e2e2e2;
}

.arrowlistmenu ul li a:visited{
color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}

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