/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
   reset.css
*/

/* =css RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td,  select, optgroup, option {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* =remember to define focus styles! */
:focus {
	outline: 0;
}
textarea
{
width:95%;
height:250px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border: 2px solid gray;
padding: 5px;
}

strong {
	font-weight: bold;
	color: #000000;
}

em {
	font-style: italic;
}

/* =setting a default style for the a-tag */
a {
	color: #126273;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}
/*
ol, ul {
	list-style-type: none;
	list-style-position: outside;
}
*/
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: justify;
	font-weight: normal;
	vertical-align:top;
}

blockquote: before, blockquote: after, q: before, q: after {
	content: "";
}
td
{
height:25px;

}
blockquote, q {
	quotes: "" "";
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

.clear {
	clear: both;
}

.clearL {
	clear: left;
}

/* =end reset */



.glossymenu{
margin: 5px 0;
padding: 0;
width: 200px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

/* =general styles */
h1 {
	font-size: 24px;
}

h1, #relatedSchoolsList h2.searchResultsHead {
	color: #000000;
	font-weight: bold;
	line-height: 30px;
	margin: 0 20px 10px 0;
}

h1 span {
	display: block;
	color: #898989;
	line-height: 18px;
}

h2 {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	text-transform: capitalize;
}

h3 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	text-transform: capitalize;
}

.secondary h6 {
	background: none repeat scroll 0 0 #585858;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	line-height: 14px;
	padding: 5px 10px;
	border: 1px groove #888787;
	position: relative;
}

h4 {
	font-size: 16px;
	line-height: 20px;
	color: #363636;
	font-weight: bold;
	margin: 0;
}

h5 {
	font-size: 14px;
	color: #363636;
	font-weight: bold;
	line-height: 18px;
}

h6 {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
}

p {
	margin: 5px 0 10px;
	color: #444444;
	line-height: 20px;
}
dl {
	margin-left: 80px;
	margin-top: 0;
	position: relative;
}

dd, dt {
	display: inline;
	font-size: 12px;
	line-height: 125%;
	margin: 0 0 10px;
	padding: 0;
}

dt {
	clear: left;
	float: left;
	width: 125px;
	margin-right: 10px;
	color: #898989;
	text-align: right;
}
dd {
	width: 300px;
	float: left;
}
form {
	margin: 0;
	padding: 0;
}

select {
	border: 1px solid #CDCBB9;
	cursor: pointer;
	width:20%;
	height:20px;
}

ul
{font-family:verdana; font-style:italic; font-size:11pt;}
li
{line-height: 20px;list-style:none;font-family:verdana; font-style:normal; font-size:9pt;text-align:left;}

/* =layout styles */

iframe {
	background-color: #fff;
}

blockquote, q {
	quotes: "" "";
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

.ks_tablo td
{padding-left:1px; padding-right:1px;
border-right:1px solid white;
height:25px;
line-height:25px;
}


.myselect select {

   width: 200px;
   font-size: 12px;
   border: 1px solid #ccc;
   height: 20px;
}
.ks_tablo
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:9pt;
width:100%;
color: #483D8B;
background-color:#a6c6d7;


}

.ks_tablo th
{padding-left:1px; padding-right:1px;
border-right:1px solid white;
height:30px;
line-height:30px;
}
.tablobaslik  {FONT-SIZE: 9pt; height:25px; FONT-WEIGHT: bold; COLOR: #f0f0f0;  FONT-FAMILY: Tahoma; border-bottom-color:#ffffaa; padding-bottom:3px; background-color: #4e4e4e;}

body {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 10px;
	margin-top:0px;
	margin: 0;
	margin-left:0px;
	font-size: 11px;
	text-align: left;
	color: #444444;
	padding: 0;

}

/** Sayfa Bölümleri **/

#login_field
{
position:static;
min-height:30px;
background:#efd3be;
width:100%;
}
#lf_kisitli
{
position:relative;
width:1024px;
min-height:30px;
background-color:#bfae6a;
line-height:30px;
box-shadow: 0 0 5px gray;
margin:0 auto;}

#os_header
{
position:relative;
background:#efd3be;
width:100%;
z-index:0;
}
#ust_menu
{
position:relative;
width:1024px;
height:30px;
background-color:#bfae6a;
line-height:30px;
box-shadow: 0 0 5px gray;
margin:0 auto;}

#os_hmenu
{
position:relative;
height:35px;
background:#efd3be;
width:100%;
z-index:1;
}
#os_hmenu_kisitli
{
position:relative;
height:35px;
line-height:35px;
background:#bfae6a;
width:1024px;
margin:0 auto;
  box-shadow: 0 0 5px gray;
  background-image:url('../images/my_zemin.png');

}
#os_banner
{
position:relative;
height:200px;
background:#efd3be;
width:100%;
}
#os_banner_left
{
position:relative;
min-height:200px;
background:transparent;
width:511px;
float:left;
background-repeat:repeat-y;

}
#os_banner_right
{
position:relative;
height:200px;
float:right;
background:transparent;
width:511px;
}

#os_banner_kisitli
{
position:relative;
height:200px;
background-image:url('../images/banner/oldpaper.png');
width:1024px;
margin:0 auto;

  box-shadow: 0 0 5px gray;
}
#resim_sag
{
position:relative;
height:120px;
width:100%;
text-align:center;
left:35px;}
#yazi_sag
{
position:relative;
height:80px;
width:100%;
text-align:center;
color:white;
}
#yazi_sag span
{
color:#edf2fc;
}

#os_body

{
position:relative;
min-height:600px;
background:#efd3b;
width:100%;}

#os_tasiyici
{
position:relative;
min-height:600px;
background:#ffffff;
width:1024px;
margin:0 auto;
  box-shadow: 0 0 5px gray;
}
#ost_sol
{
float:left;
position:relative;
min-height:300px;
background:transparent;
width:800px;
box-shadow: 0 0 5px gray;
}
 #ost_sag
{
margin-top:2px;
float:right;
position:relative;
min-height:309px;
background-color:#cbd2de;
border-radius: 5px;
margin-left:2px;
right:3px;

}

#os_footer
{
position:relative;
min-height:100px;
background:#efd3be;
width:100%;
}
#os_footer_kisitli
{
position:relative;
min-height:200px;
background:#26aab9;
width:1024px;
margin:0 auto;
  box-shadow: 0 0 5px gray;
}

#h_metin
{
float:left;
position:relative;
min-height:200px;
font-weight:normal;
font-size:11pt;
text-align:justify;
border:1px  dotted #c4c4c4;
padding:10px;
width:69%;
z-index:0;}
#h_list
{
float:right;
position:relative;
min-height:200px;
font-weight:normal;
font-size:11pt;
text-align:justify;
border:1px  dotted #c4c4c4;
padding:10px;
width:30%;
z-index:0;}
#cr
{
position:absolute;
height:32px;
background:#efd3be;
width:100%;
}
#cr_kisitli
{
position:static;
height:30px;
line-height:30px;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-size:12pt;
text-align:right;
padding-right:10px;
background:#bfae6a;
width:1014px;
margin:0 auto;
box-shadow: 0 0 5px gray;
}
#ct_ksag
{position:relative;
height:30px;
line-height:30px;
font-family: "Trebuchet MS";
font-size:12pt;
text-align:right;
padding-right:10px;
background:#bfae6a;
width:500px;
margin:0 auto;
float:right;
}
#ct_ksol
{position:relative;
height:30px;
line-height:30px;
font-family: "Trebuchet MS";
font-size:12pt;
text-align:left;
padding-right:10px;
background:#bfae6a;
width:350px;
float:left;
}
/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper{display:block; background-color:#efd3be;width:100%; margin:0; padding:0; text-align:left;}
div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0; padding:0; font-size:20px; font-weight:normal; line-height:normal; font-family:Georgia, "Times New Roman", Times, serif;}
.col0{color:#5f5f5f; background-color:#F8F7DF; border-top:2px solid #313131;}
.col1, .col1 a{color:#8B785F; background-color:#F8F7DF;}
.col2{color:#333333; background:url("images/topnav_bg.gif") bottom left repeat-x #E5E2C9;}
.col3{color:#313131; background-color:#F8F7DF;}
.col4{color:#666666; background-color:#F8F7DF;}
.col4 a{color:#746550; background-color:#F8F7DF;}
.col5{color:#CCCCCC; background-color:#48282F;}
.col5 a{color:#E5E2C9; background-color:#48282F;}
.col6, .col6 a{color:#767772; background-color:#FFFFFF;}

/* ----------------------------------------------Generalise------------------------------------- */

#header, #topbar, #topnav, #breadcrumb, #container, #footer, #copyright{display:block; position:relative; width:1024px; margin:0 auto;
background:#351e0d;
}
/* ----------------------------------------------End Wrapper------------------------------------- */
#baslik_cubuk
{

background: -moz-linear-gradient(left, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
}
.khaber_uzun
{
position:relative;
float:left;
width:578px;
border:1px dotted #99ff99;
background-color:#d6d6d6;
top:5px;
text-align:justify;
overflow:none;
font-size:12pt;
height:230px;
padding-top:5px;
padding-left:10px;
padding-right:10px;

height:230px;}
.khaber_kisa
{
top:5px;

position:relative;
float:right;

border:1px dotted #99ff99;
background-color:#d6d6d6;
padding-top:5px;
padding-left:20px;
width:177px;
height:230px;
}

.khaber_uzun_r
{
position:relative;
float:right;
width:578px;
height:230px;
border:1px dotted #99ff99;
background-color:#d6d6d6;
top:5px;
text-align:justify;
overflow:none;
font-size:12pt;
padding-top:5px;
padding-left:10px;
padding-right:10px;

height:230px;
}
.khaber_kisa_l
{
top:5px;
position:relative;
float:left;

border:1px dotted #99ff99;
background-color:#d6d6d6;
padding-top:5px;
padding-left:20px;
width:177px;
height:230px;}

.first_book
{
position:relative;
float:left;
width:198px;
min-height:220px;
background-color:#d6d6d6;
top:3px;
padding-left:3px;
z-index:0;
}
.last_book
{
top:3px;

position:relative;
float:right;
width:197px;
min-height:220px;
background-color:#d6d6d6;
z-index:0;

}
.khaber1
{
position:relative;
float:left;
width:378px;
height:310px;
border:1px dotted #99ff99;
background-color:#d6d6d6;
top:5px;
text-align:justify;
overflow:none;
font-size:12pt;
padding:10px;

}
.khaber2
{
top:5px;
position:relative;
float:right;
width:377px;
height:310px;
border:1px dotted #99ff99;
background-color:#d6d6d6;
text-align:justify;
overflow:none;
font-size:12pt;
padding:10px;

}
.aktb_fb_resim
{position:relative;
float:left;
width:200px;
height:112px;
background-color:transparent;
top:3px;
z-index:1;
overflow:none;
text-align:center;
margin-bottom:45px;}


.aktb_fb_yazi
{
top:100px;
position:relative;
float:left;
width:180px;
height:80px;
background-color:transparent;
top:3px;
margin-left:10px;
margin-right:10px;
text-align:justify;
overflow:none;
font-size:12pt;}

.aciklama_cont
{
position:relative;
width:100%;
min-height:300px;
font-family:"Trebuchet MS"
font-size:12pt;
float:left;
background:transparent;
}
.ktp_ust
{
position:relative;
width:100%;
min-height:250px;
font-family:"Trebuchet MS"
font-size:12pt;
float:left;

}
.ktp_ust_sol
{position:relative;
width:25%;
min-height:250px;
font-family:"Trebuchet MS"
font-size:12pt;
float:left;
padding:10px;
}


.ktp_ust_sag
{
position:relative;
width:73%;
min-height:250px;
font-family:"Trebuchet MS"
font-size:12pt;
float:right;
}

.ktp_alt
{
position:relative;
width:100%;
height:200px;
font-family:"Trebuchet MS"
font-size:12pt;
float:left;
border:1px dotted red;
background-color:#ffcc00;
}
.ktp_alt_sol
{position:relative;
width:210px;
height:200px;
font-family:"Trebuchet MS"
font-size:12pt;
float:left;
border:1px dotted red;
background-color:#ffcc99;}


.ktp_alt_sag
{
position:relative;
width:510px;
height:200px;
font-family:"Trebuchet MS"
font-size:12pt;
float:right;
border:1px dotted red;
background-color:#ffcc99;}

#arama_kitap
{
position:relative;
font-family:verdana;
font-size:12pt;
float:left;
z-index:0;
height:100px;
width:100%;
height:35px;
line-height:35px;
}

#arama_kitap input
{
margin-top:5px;
height:25px;
line-height:25px;
width:150px;
font-family:verdana;
font-size:12pt;
float:left;
position:relative;
padding-right:20px;
left:24%;
}

#arama_kitap button
{
margin-top:5px;
width:30px;
height:25px;
line-height:25px;
font-family:verdana;
font-size:12pt;
float:left;
position:relative;
margin-left:20px;
}
#neredeyim
{
position:relative;
font-family:verdana;
font-size:10pt;
color:#536659;
float:left;
z-index:0;
min-height:100px;
width:100%;
height:35px;
line-height:35px;
padding:10px;
border-bottom:1px dotted gray;
overflow:none;
}

#arama_sonuc ul li
{
position:relative;
font-family:verdana;
font-size:10pt;
border:1px dotted #e2e2e2;
z-index:0;
min-height:100px;
padding:5px;
font-weight:bold;

}


#iletisimbilgi
{
position:relative;
font-family:verdana;
font-size:10pt;
z-index:0;
min-height:10px;
padding:5px;
font-weight:bold;
padding-left:100px;padding-top:50px;

}

#iletisimbilgi ul li
{
position:relative;
font-family:verdana;
font-size:10pt;
z-index:0;
min-height:10px;
padding:5px;
font-weight:bold;
}

#iletisimbilgi ul li ul li
{
position:relative;
font-family:verdana;
font-size:10pt;
padding:5px;
left:15px;
font-weight:normal;
}



#a_kitap_resim
{
position:relative;
font-family:verdana;
font-size:12pt;
float:left;
z-index:0;
width:85px;
height:100%;
}
#a_kitap_aciklama
{
position:relative;
font-family:verdana;
font-size:12pt;
float:left;
z-index:0;
text-align:left
padding:5px;
line-height:100%;
height:100%;
}

#k_kitap_resim
{
position:relative;
font-family:verdana;
font-size:12pt;
float:left;
z-index:0;
width:100px;
height:150px;
margin:0 auto;
padding:2px;
}
#k_kitap_aciklama
{
position:relative;
font-family:verdana;
font-size:10pt;
float:right;
z-index:0;
text-align:left
}


#bosdiv
{
position:relative;
float:right;
width:0px;
}
#a_kitap_aciklama a
{
font-weight:normal;
text-decoration:none;
font-size:10pt;
text-align:left;
line-height:20px;
position:relative; top:15px;
}
#a_kitap_aciklama a:hover
{
position:relative;
font-family:verdana;
font-size:10pt;
float:left;
font-weight:normal;
z-index:0;
text-align:left
}

#arama_sonuc_sol
{
position:relative;
font-family:verdana;
font-size:12pt;
float:left;
z-index:0;
height:100px;
width:48%;
}
#arama_sonuc_sag
{
position:relative;
font-family:verdana;
font-size:12pt;
float:right;
z-index:0;
height:100px;
width:48%;
}

#menu_kitap
{
position:relative;
font-family:verdana;
font-size:12pt;
float:left;
z-index:4;
min-height:100px;
width:255px;
background-color:white;
}
#kitap_list
{
position:relative;
font-family:verdana;
font-size:12pt;
float:right;
z-index:0;
min-height:100px;
width:763px;
}
.aw-zoom
{
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}

.aw-zoom:hover
{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5);
}
.soru p
{
font-size:12pt;
font-weight:bold;
text-align:justify;
}

.cevap p

{
font-size:12pt;
font-weight:normal;
text-align:justify;
}
.spot p
{
font-size:12pt;
font-weight:normal;
font-style:italic;
text-align:justify;
}