#leftcolumn  .banner,
#rightcolumn .banner{ clear:both;}
#midcolumn .banner{ clear:both;}

#info, #previewBannerPlace{
    background  : none repeat scroll 0 0 #FFF;
    border      : 2px solid #999999;
    display     : none;
    height      : auto;
    padding     : 7px;
    position    : fixed;
    top         : 10px;
    z-index     : 999;
    text-shadow : 1px 1px 1px #999999;
    filter      : dropshadow(color=#ffffff, offx=1, offy=1);
}
.headerClose, .headerOpen{
    margin:0px;
    padding: 5px 10px;
    margin-left:-10px;
}

#previewBannerPlace{ left: 10px; width: 1020px;}
#info{ right: 10px; width: 300px;
}
#info a,
#info a:visited{	font-size:12px;
    color: #333333;
    font-weight: bold;
}
#info b{
    display:block;
}
#previewBannerPlace ul{
	margin:0;
    overflow-y: auto;
    height: 500px;

}
#info ul{
	margin:0;
    height: 500px;
    overflow-y: scroll;
}
#previewBannerPlace>ul>li{
    border: 1px solid #444;
    float: left;
    margin: 7px 0;
    overflow: hidden;
    padding: 5px 5px 10px 5px;
    width: 980px;
    background:#CCC;
    -webkit-box-shadow: 2px 2px 5px #292529;
    -moz-box-shadow: 2px 2px 5px #292529;
    box-shadow: 2px 2px 5px #292529;
}
#previewBannerPlace>ul>li>a{
}
#info .hideDebugButton{
    color:#333; font-size:20px; background:white;
}
.addBanners{
    -moz-border-radius: 10px 10px 10px 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid;
    display: block;
    margin: 0 0 20px 0;
    padding: 10px;
    width: auto;
}
.hideDebugButton{
    position: absolute;
    right: 10px;
    top: 0;
}
#info .hideDebugButton, a:link.removeBanner, a:link.cloneBanner, a:link.editBanner 
/*,.removeBanner a:link, .cloneBanner a:link, .editBanner a:link*/{
    color:#000 !important; text-decoration:none;
}
a:hover.removeBanner, a:hover.cloneBanner, a:hover.editBanner 
/*,.removeBanner a:hover, .cloneBanner a:hover, .editBanner a:hover*/{
    color:#000 !important; text-decoration:none;
    background-image: url(../images/white-dot2.png);
}
.removeBanner, .cloneBanner, .editBanner{
	font-weight:bold;
    background: url(../images/white-dot.png) no-repeat center center ;
    line-height: 22px; text-align:center;
    position: absolute;
    right: 0;
    width: 24px;
	height:24px;
    z-index: 99;
}
.cloneBanner{
    right:26px;
}
.editBanner{
    right:52px;
}
.editButtonPlace{
    position: relative;
    clear: both;
}
#col2 .banner{
    position:relative;
}
#bottomcontent a.addBanners {
    color:#999;
}
#bottomcontent .hoverimg a.addBanners,
#bottomcontent .hoverimg a.removeBanner  {
    color: #FCC;
    text-shadow: 1px 1px 3 #999;
    display: block;
    height: auto;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right:0px;
    text-decoration: none;
    width: 10px;
    z-index: 99;
}
#bottom .addBanners{
        color: #600;
    text-decoration: none;
}
#bottomcontent .hoverimg a.addBanners{
    width:auto;
}
ul.hoverimg li{
    position: relative;
}

#bottom #bottomcontent a.addBannerButton,
#bottom #bottomcontent .editButtonPlace a{ color:#600;}

#addBannerFormContent {width: 95%;}
#addBannerFormTitle {width:250px;}
html { font-size:81.3%;}
body { font-size:1em; line-height:1.7em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#000000 url(../images/bg_gradient.jpg) 0 0 repeat-x; color:#121419;}
html, body { height:100%; border:0;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
fieldset, img {	border: 0;}
/* table, td { border-collapse: collapse; border-spacing: 0;}*/
td { vertical-align:top;}

ul, ol, blockquote {margin:1.615em 1em;}
ul {list-style-type: none;}
ol { list-style:decimal;}
ul li { background-image:url(../images/bullet.gif); background-position: .8em .4em; background-repeat:no-repeat; padding:0 2em;}
/*ul li.poll { background-image:url(../images/bullet.gif); background-position: 0em .6em; background-repeat:no-repeat; padding:0 0.4em;}*/
ol, blockquote	{ padding:0 2em;}
li { margin:1em 0;}

/*
ul li { margin:1em 0; background-image:url(images/bullet.gif); background-position: .8em .4em; background-repeat:no-repeat;}
ul li, blockquote	{ padding:0 2em; }
ol li	{ margin:1em 2em; padding:0; }
*/

p { margin: 1.462em 0;}
hr { margin:7px 0; clear:both; border-top:1px dotted #999; border-bottom:none; border-right:none; border-left:none; height:0;}

a { text-decoration:none;outline:0;}
a:link { text-decoration:none; color:#ff0000; }
a:visited { color:#cc0000;}
a:hover {text-decoration:underline;}
/*a:focus, a:active {text-decoration:underline; color: #cc0000;}*/

h1 { font-size:2.5em; font-weight:bold; text-align:center; margin:1em 0; line-height:1.2em;}
h2 { font-size:1.6em;  font-weight:bold; line-height:1.1em; margin:1em 0;}
h3 { font-size:1.231em; font-weight:bold; padding:5px 15px; margin:1em 0; color:#fff; background-color:#cc0000; }
h4 { font-size:1.231em; font-weight:bold; padding:5px 0; margin:1em 0; color:#ff0000;  border-bottom:1px solid #ff0000;}
h5 { font-size:1.231em; font-weight:bold; padding:5px 15px; margin:1em 0; color:#fff; background-color:#121419; }
h6 { font-size:1.231em; font-weight:bold; padding:5px 15px; margin:1em 0; color:#000; background-color:#d2d7e2; }

.clear { clear:both;}
.clearpad { clear:both; width:0; height:15px; margin:0; padding:0;}

/*---------------------- Main ------------------------*/
#bg-wrp { background-position:center top; background-repeat:no-repeat;  width:100%;}
#bg { background:url(../images/bg_center.jpg) center 0 no-repeat; width:100%;}
/*#bg ul li {background:none; padding:0;}
#bg h3{margin-top:0px}*/
	#top-nav-bg { width:100%; height:40px; background:url(../images/top_nav.gif) repeat-x 0 0; color:#fff;}
		#top-nav { width:980px; height:40px; margin:0 auto;}
	div.center { width:980px; margin:0 auto;}
		#header { width:805px; height:110px; margin:0; padding:0; outline:0; float:left; background:url(../images/hy_muhur.gif) no-repeat 0 0;}
		#header a{ display:block; width:805px; height:110px;}
			#main-top, #main-top2col { clear:both; height:22px; overflow:hidden;/* margin-left:1px; margin-right:1px;*/}
				#main-top #bg01 { background:url(../images/main_top_left.gif) no-repeat 0 0;}
				#main-top #bg02 { background:url(../images/main_top_right.gif) no-repeat right 0; padding:0px 22px;}
				#main-top #bg03 { height:24px; background-color:#fff; border-top:1px solid #000;}
			#main-middle { width:978px; border-left:1px solid #999;border-right:1px solid #999; overflow:hidden; background-color:#fff;}
			#main-middle-inner { float:left; width:950px; padding:0 14px; margin:0; min-height:200px;}	
			#main-bot, #main-bot2col { clear:both; height:24px;  overflow:hidden;/*margin-left:1px; margin-right:1px;*/}
				#main-bot #bg04 { background:url(../images/main_bot_left.gif) no-repeat 0 0;}
				#main-bot #bg05 { background:url(../images/main_bot_right.gif) no-repeat right 0; padding:0px 22px;}
				#main-bot #bg06 { height:24px; background-color:#fff; border-bottom:1px solid #000;}

/*-------------------- Top_Nav -----------------------*/
#navmenu { float:left; padding:0; margin:0; height:40px; }
#navmenu ul { height:100%; overflow:hidden; padding:0; margin:0;}
#navmenu ul li { display: inline; height:40px; float:left; overflow:hidden; background:url(../images/top_ver.gif) no-repeat 100% 5px; margin:0; padding:0;}
#navmenu ul li a {display:block; float:left; overflow:hidden; cursor: pointer; font-size:15px; line-height:20px; color:#fff; padding:10px 15px; margin:0px 2px 0px 0px; transition:all .1s ease-in; -moz-transition:all .1s ease-in; -webkit-transition:all .1s ease-in; -o-transition:all .1s ease-in;}
#navmenu ul li a:hover { background:url(../images/top_nav_over.gif) repeat-x 0 0;text-decoration:none;}

/*** Diller ve Search ***/
#top-nav-right { float:right; height:40px; width:330px;}
	
#languagesWrapper { width:130px; float:left; margin:0; padding:10px 0 10px 10px; }	
#languages, .dropdown { width:130px; height: 19px;  margin:0; padding:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; outline:none; }	
	
#searchWrapper { width:160px; text-align:right; float:right; margin:0; padding:10px 15px 10px 15px;}
#search { width: 160px; clear:both; height: 19px;}
#search-left { background:url(../images/search-left.gif) no-repeat 0 0;}
#search-right { background:url(../images/search-right.gif) no-repeat right 0; padding:0px 20px 0 10px;}
#search-bg { background:url(../images/search-bg.gif) center top repeat-x; font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; width:130px; height: 19px; line-height:16px; color:#666; overflow:hidden;}

/*-------------------- columns -----------------------*/
#leftcolumn		{ float:left; width:160px; overflow:hidden !important;}
#midcolumn		{ float:left; width:600px; margin-left:15px; margin-right:15px;}
#rightcolumn	{ float:left; width:160px; overflow:hidden !important;}
#onecolumn		{ float:left; width:950px;}
#leftcolumninner,
#rightcolumninner	{ width:160px; }
#midcolumninner		{ width:600px; }
#centercolumninner	{ width:950px; }
/*#midrightcolumn { float:left; min-width:775px;}*/

#videowrp { width:660px; float:left; overflow: hidden !important; margin:-30px 15px 15px 0;}
#playlistwrp { width:305px; overflow: hidden !important; /*margin-bottom:15px;*/ }
#col1 { width:660px; float:left; margin-right:15px;}
#col2{ width:305px; float:right;}
#col1inner { width:660px; overflow:hidden;}
#col2inner { width:305px; overflow:hidden;}
#col1-2, #col1-2inner {width:980px;}

/*---------------- makale-columns ---------------------*/
.doublecolumn-wrp #main-top, .doublecolumn-wrp #main-bot {float:left; width:680px; margin-right:15px; clear:none;}
.doublecolumn-wrp #main-top2col, .doublecolumn-wrp #main-bot2col {float:left; width:285px; clear:none;}

#doublecolumn 		{ float: left; width:980px; overflow: hidden; background: transparent url(../images/inner-bg.gif) repeat-y; }
#doublecolumn #col1 { float: left; width:678px; overflow: hidden; margin-right: 15px; background: #fff; border-left:1px solid #999; border-right:1px solid #999;}
#doublecolumn #col2 { float: left; width:283px; overflow: hidden; margin-right: 0; background: #d1d8e0; border-left:1px solid #999; border-right:1px solid #999;}
#doublecolumn #col2inner { margin:0 15px; width:253px; overflow:visible;}

#main-top2col #bg01 { background:url(../images/maincol2_top_left.gif) no-repeat 0 0;}
#main-top2col #bg02 { background:url(../images/maincol2_top_right.gif) no-repeat right 0; padding:0px 22px;}
#main-top2col #bg03 { height:24px; background-color:#d1d8e0; border-top:1px solid #000;}
#main-bot2col #bg04 { background:url(../images/maincol2_bot_left.gif) no-repeat 0 0;}
#main-bot2col #bg05 { background:url(../images/maincol2_bot_right.gif) no-repeat right 0; padding:0px 22px;}
#main-bot2col #bg06 { height:24px; background-color:#d1d8e0; border-bottom:1px solid #000;}

/*----------------- Alt Fume Bant --------------------*/
#bottom { clear:both; background:url(../images/footer.gif) repeat-x 0 0 #0c0e12; overflow:hidden; min-height:400px; _height:400px; font-size:11px; line-height:14px; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;}
#bottomcontent { clear:both; margin:0; float:left;}
#bottomcontent .banner{ float:left; margin:0 15px 15px 0;}

div.botcols, div.botcols2, div.botcols3  { clear:both; padding:15px 0 15px 15px ; margin:0;  width:965px;}

#bottom h2 		{ color:#778899; font-size:13px; font-weight:bold;}
#bottom p 		{ margin:0px 0px 10px 0px;}
#bottom ol, #bottom ul 	{ margin:0;}
#bottom li 		{ margin:0 0 11px 0; line-height:13px;}
#bottom ul li 	{ background-image:url(../images/bullet-w.gif);}

ul.hoverimg {float:left; width:390px; margin: 0; padding:0; overflow:hidden;}
ul.hoverimg li {background-image:none; float:left; width:180px; height:103px; margin:0 15px 15px 0; padding:0;  overflow:hidden;}
ul.hoverimg li a { width:160px; height:83px; display: block; position:relative; overflow: hidden; color: #fff; text-decoration: none; padding:10px; }
ul.hoverimg li img {position: absolute; top: 0; left: 0; border: 0; }
#bottom ul.hoverimg li { background:#252a35 url(../images/fotogaleri.png) 95% 95% no-repeat;}

.bot-sutun a 		{ color:#f6f6f6;}
.bot-sutun { position:relative; float:left; width:155px; height:320px; margin:0; padding:10px; background:#252a35; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; color:#f6f6f6;}
.botcols2 .bot-sutun { width:270px; height:320px;}
.botcols3 .bot-sutun { width:305px; height:320px;}
.botcols3 #hoverimg2 ul.hoverimg {width:270px; height:335px; overflow:hidden;}
.botcols3 #hoverimg2 ul.hoverimg li { margin:0 15px 10px 0;}

ul.hoverimg, ul.tabs2 {position:relative;}
#hoverimg2 ul.hoverimg {width:340px;}
#hoverimg2 ul.hoverimg li { width:71px; height:101px; background:#eee; border:1px solid #666; border-right:3px solid #5e626c; border-bottom:3px solid #999; margin:0 10px 10px 0; text-align:center; text-transform: uppercase;}
#hoverimg2 ul.hoverimg li a { width:65px; height:80px; color: #121419; padding:20px 5px 5px 5px;  }
#hoverimg2 ul.hoverimg li img {width:75px; height:105px;}

/* ----------------- Footer1 & Footer2 ------------------- */
.footer1 { background-color:#5e626c; padding:12px; text-align:center; color:#f6f6f6; border:1px solid #d7dadd;}
.footer1 a { color:#f6f6f6; padding:0px 4px 0px 4px;}
.footer1 a:hover { text-decoration:none; color:#121419;}
.footer2 { background-color:#d7dadd; padding:12px 0px; text-align:center; color:#121419; font-size:.9em; border:1px solid #5e626c;}

/*-------------------- Scroll to Top ----------------------*/
a#toTop {display:none; position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-9999px;background:url(../images/ui.totop.png) no-repeat left top; z-index:7;}
a:hover#toTop {background:url(../images/ui.totop.png) left -51px no-repeat;width:51px;height:51px;display:block;overflow:hidden;}
#toTop:active, #bookwrap #toTop:focus {outline:none;}

/*---------------MENU-KUTUSU ve Kategori kutusu---------------------*/
.menu_kutusu { margin:0; padding:0; font-size:.9em; line-height:1.3em; background-color:#f6f6f6; border:1px solid #cacaca; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.tit { margin:0; padding:0; font-size:.9em; line-height:1.3em;}
.menu_kutusu .title, .tit .title { overflow:hidden; margin:0; padding:8px 7px 9px 15px; color:#fff !important;background:url(../images/menu_title_bg.gif) repeat-x 0 100% #cc0000; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.15em; font-weight:bold; text-transform:uppercase;}
.menu_kutusu p  { padding:10px 5px 10px 10px;}

ul.menu { margin:0; padding:7px 7px 18px 7px; font-size:1.1em;}
ul.menu li{ margin:0 !important; padding:0px 0px 1px 0px; background:url(../images/hdot2.gif) repeat-x center bottom; line-height:1.5em;}
ul.menu li a { padding:3px 2px 3px 12px; display:block; color:#121419; background:url(../images/bullet_grey.gif) no-repeat 0px 0.6em; }
ul.menu li a:hover { color:#ff0000; background:#fff url(../images/bullet_red.gif) no-repeat 0px 0.6em;text-decoration:none;}
ul.menu li a#active_menu { background:url(../images/bullet3.gif) no-repeat 0px #fff; color:#a10f15; font-weight:bold;}
.kategori .menu_kutusu ul li {font-size:.9em; font-weight:bold; background:none; line-height:1.2em;}

#leftcolumn .menu_kutusu, #leftcolumn .tit {  -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; }
#rightcolumn .menu_kutusu, #rightcolumn .tit { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0;}

#leftcolumn .menu_kutusu .title, #leftcolumn .tit .title {  -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; }
#rightcolumn .menu_kutusu .title, #rightcolumn .tit .title {  -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; }

#midcolumn .title{ background:url(../images/menu_title_bg_gri.gif) repeat-x 0 0 #9aa2b1; text-shadow:#000 0 1px 2px;}
#midcolumn .menu_kutusu {  -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0;}


/*---------------------- Homepage -------------------------*/
.box { background-color:#fff; padding:30px 20px; border:1px solid #888;  border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
.box2 { background-color:#fff; padding:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.box3 { background-color:#fff; padding:0px 5px; border:1px solid #888;  border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }

.bnnr{ opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100);  transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; text-shadow:0px 1px 1px #000;}
.bnnr:hover, .bnnr:hover img { opacity:.85; -moz-opacity:.85; -khtml-opacity:.85; filter:alpha(opacity=85);}
.bnnr a, .bnnr:hover, .bnnr a:hover > *, a.inherit, a.inherit:hover {color:inherit; text-decoration:inherit;}
.bnnr a, a.inherit { display:block;}
.bnnr div.box, td.bnnr { padding:10px;}
.bnnr p, .glass p { margin:10px auto;}

#haberYukleme { top:50%; text-align:center; margin:0; padding:15px; height:100%;}
a.haberBaslik { color:#F00; font-weight:bold; font-size:1.077em; text-decoration: none;}
a.sayfalama { color:#FFF; font-size:1em; line-height:2.5em; font-weight:bold;}
a.sayfalama:hover { color:#121419;text-decoration: none;}
a.link { color:#121419; font-size:0.923em; line-height:1.308em; display:block;}
a.link:hover { color:#ff0000;}
#main-middle-inner a.link, .box a.link { font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;}

.nolink li { background-image:none; padding:0;}

#vakitler { width:130px; font-size:1em; text-decoration: none; margin:0; padding:15px;}
#vakitler tr{ border-bottom:1px solid #d7dadd;}

#solMenuGaleriler { width:148px; height:33px; color:#FFF;  font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.077em; position:relative; float:left; line-height:2.462em; background-color:#6a8735; border:1px solid #425126; border-bottom:0; padding:0; margin:0; padding-left:10px;}

#kutu {padding:15px; margin:0; display:block;}
#kutu ul.menu, #bosKutuEserler ul.menu { margin:0 !important; padding:0;}
#kutu ul.menu li, #bosKutuEserler ul.menu li { margin:0 !important; padding:0; background:none; line-height:1.538em; font-size:0.923em; }
#kutu ul.menu li a:hover, #bosKutuEserler ul.menu li a:hover {}

#kutu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#ortaHaberSagMenuCerceve { width:160px; float:right; padding:15px 15px 15px 0; margin:0;}

#bosKutuEserler { width:400px; float:left; margin:0; padding:15px 10px 15px 15px;}

#ortaHaberSolIcerik1,
#ortaHaberSolIcerik2,
#ortaHaberSolIcerik3 {width:100%; float:left; padding:0; margin:0; display:block; background: #f6f6f6 url(../images/tabfon.gif) repeat-x 0 bottom; min-height: 30px; _height:30px; border-top:1px solid #cacaca;}

#dock_wrapper { width:170px; height:100px;  float:left; padding-top:10px; overflow:hidden;}
#dock{ padding:0; margin:0;}

#haberler {font-size:0.923em;}
#soneklenenler {font-size:0.923em; line-height:1.4em; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;}
#soneklenenler .each img { padding:3px; border:1px dotted #eee;}
#soneklenenler a:hover .each img { padding:3px; border:1px dotted #778899;}
#soneklenenler a {color:#778899; /*text-decoration:inherit;*/ cursor:pointer; }
#soneklenenler a:hover { color:#fff;}

.each {border-top:1px dotted #999; padding:15px 0; left:10px; clear:both; display:block;}
.containerPlus.red .each, .containerPlus.blue .each   {border-top:1px dotted #cacaca;}
#soneklenenler img{ margin:5px 5px 5px 0;max-width: 113px;max-height: 60px;}
.mbcontainercontent h2, .mbcontainercontent h3, .mbcontainercontent h4, .mbcontainercontent h5,.mbcontainercontent h6, .mbcontainercontent .anket  {margin:5px 0;}
.mbcontainercontent a { cursor:pointer;}
.mbcontainercontent hr { margin:15px 0;}
.anket { font-size:1.231em; font-weight:bold; padding:7px 75px 7px 15px; margin:1em 0; color:#000; background:#d2d7e2 url(../images/anket.jpg) no-repeat right 0;}
.anket a { color:#000;}

.pad20px { padding:15px 20px;}
.margin15px { margin:15px;}

/* ----------------------------------- */
ul.booktoc {width:439px; float:left; margin:0; padding:10px 22px 20px 22px; border-right:1px dotted #999; }
ul.listCol2{ border-right:none; padding-right:0;}
ul.booktoc li {margin:0 !important; padding:0 !important; border:none; background-image:none;}
ul.booktoc li a {color:#121419; margin:0; padding:2px 2px 3px 20px; background:url(../images/bullet.gif) no-repeat 7px 7px; display:block; line-height:1.3em;}
ul.booktoc li a:link, .acc-bookheader .pane a {color:#121419;}
ul.booktoc li a:hover{ color:#fff; background-color:#444; text-decoration:none;}


/* :::::::::::::::::::::::::: LISTE SAYFASI :::::::::::::::::::::::::: */
.selectwrap { margin:15px 0 10px 40px;}
.select-type {width:300px; /*width:160px;*/ margin-right:10px;}
.select-category { width:240px;/*width:250px;*/  margin-right:10px;}
/*.select-language {width:110px; margin-right:10px; }*/
.select-orderBy {width:150px; margin-right:10px;}
#listForm input {width:150px; margin-right:10px;}

#listForm select { height:19px;}
.select-type option{ padding-left:20px;}
.camera {background: transparent url(../images/camera.png) left 1px no-repeat;}

/*.lang { font-size:10px; color:#778899;}*/
.select-listLanguage {width:110px;}

.listMP3MP4Place_mp3, .listMP3MP4Place_mp4{ margin-left:40px; display:none;}
/*------------TABLE STYLING --------------------------*/
/*
#videolistesi caption { color:#1f87b6; }
#videolistesi tr:hover td {background: #d7eaf4;}
#videolistesi tr:hover td.name { background: #d7eaf4 url(../images/muhur.gif) no-repeat 3px center;}
#videolistesi tr:hover tr td { background: none;}
#videolistesi th.headerrow { color:#fff; background:#1f87b6; }
#videolistesi td.total, #videolistesi .list tr:hover td.total{	border-top: 1px solid #1f87b6; border-bottom: 1px solid #1f87b6; background: #d7eaf4;}

#videolistesi .urltooltip, #videolistesi .buytip, #videolistesi .commenttip { background-color:#1f87b6; border:1px solid #fff; color:#fff;}
#videolistesi .tooltip{ background:transparent url(../images/detail_blue.png); color:#fff;}
*/

.list caption{ font-size:2.5em; font-weight:bold; text-align:center; padding:10px 0; color:#56a1a4;  line-height:1.2em;}

.list { border-collapse: collapse; text-align:center; width:930px; font-size:1em;}
.list th { font-size: 13px; font-weight: normal; padding: 5px 0; color: #bdc0c6;}
.list td { vertical-align: middle;}
.list tr.lst td { border-bottom: 1px solid #d7dadd;}

.list tr:hover td {	background: #dcede7;}
.list tr:hover td.name { background: #dcede7 url(../images/muhur.gif) no-repeat 3px center;}
.list tr:hover .tooltip table tr td { background: none;/* text-align:left;*/ vertical-align:top; padding-bottom:5px; overflow:hidden;}

.list a:link	{color:#65a68d;}
.list a:hover, .list a:visited	{color:#56a1a4;}
.list td.name a:link{ color:#121419;}

th.headerrow { color:#fff; background:#56a1a4; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; border-bottom: 1px solid #fff; vertical-align:bottom;}

td.total, .list tr:hover td.total{	border-top: 1px solid #56a1a4; border-bottom: 1px solid #56a1a4; background: #dcede7; /*text-align:left;*/ padding:5px 10px; font-weight:bold;}

th.no		{ width:40px;}
td.name		{ text-align:left; color:#121419; padding-left:30px;padding-right:10px;}
td.languages, td.download, td.cover, td.buy {padding-left:10px; padding-right:10px; }
td.comment 	{ width:30px;}
/*td.url, td.url a { width:90px; color:#65a68d;}
td.pdf, td.pdf a { width:90px; color:#56a1a4;}
td.doc, td.doc a { width:90px; color:#166f73; }
td.related	{ width:110px; font-size:12px;}*/


/*---------------- TOOLTIP trigger buttons ------------*/

/*.urlbutton {background:transparent url(../images/url.gif) no-repeat scroll 65px 18px;}
.pdf .button {background:transparent url(../images/pdf.gif) no-repeat scroll 65px 18px;}
.doc .button {background:transparent url(../images/doc.gif) no-repeat scroll 65px 18px;}*/
a.downloadbutton, a.coverbutton, a.buybutton  /*, a.button,.urlbutton, .relatedbutton*/ {display:block; height:40px; line-height:40px; overflow:hidden; cursor:pointer;}
/*.relatedbutton, a.relatedbutton { width:110px; color:#000;}
a.button { width:90px;}*/
a.downloadbutton:after{content:url(../images/download.gif);}
/*a.coverbutton { width:40px;}*/
.cover .tooltip { cursor:pointer;}
td.name a {display:block;}
td.name img { margin:5px}

/*-------------------- TOOLTIP ---------------------*/

/* tooltip styling */
.cover .tooltip { display:none; width:113px; border:1px solid #555; box-shadow:0 0 10px rgba(0,0,0,.6); -moz-box-shadow:0 0 10px rgba(0,0,0,.6); -webkit-box-shadow:0 0 10px rgba(0,0,0,.6); z-index:1099; background-color:#fff;}
.urltooltip, .buytip, .commenttip {	display:none; background-color:#3d7483; border:1px solid #fff; padding:10px; width:110px; font-size:11px; text-align:center; box-shadow:0 0 10px rgba(0,0,0,.6); -moz-box-shadow:0 0 10px rgba(0,0,0,.6); -webkit-box-shadow:0 0 10px rgba(0,0,0,.6); color:#fff; line-height:15px;}
.buytip, .commenttip{ width:50px;}
.pdf .tooltip, .doc .tooltip{ display:none; background:transparent url(../images/detail_petrol.png); padding:15px; height:90px; width:140px; font-size:11px; color:#fff; line-height:14px; overflow:hidden;}

/* table element inside tooltip */
.pdf .tooltip a, .doc .tooltip a { color:#fcda3b; font-weight:bold;}

.tooltip .label { color:#fcda3b; padding-right:10px; text-align:right;}

.tooltip table {margin:10px 0;}

/*--------------------- comment bubble-------------------------------*/
.b	{ padding:15px; border:1px solid #999; background-color:#fff;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; 
	box-shadow:2px 2px 2px rgba(0,0,0,.3); -moz-box-shadow:2px 2px 2px rgba(0,0,0,.3); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.3);}
.b-b	{ background: url(../images/bubble4.png) top left no-repeat; margin-top: -1px; margin-left: 16px; float: left; height: 16px; width: 19px;}
.from	{ white-space:nowrap; padding-top: 4px; padding-left: 40px; color:#cc0000;}
.yorum	{ margin-bottom:15px;}

/* :::::::::::::::::::::::::: MAKALE SAYFASI :::::::::::::::::::::::::: */

#col2 { font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.88em; line-height:1.42em;}
#cocuk #col1, #cocuk #col2, #cocuk #col1-2, #cocuk #videowrp, #cocuk .box a.link, #cocuk #col1 h3, #cocuk #col1-2 h3, #cocuk #videowrp h3, #cocuk #Web_Siteleri ul li a em{ font-family: '00812Regular',"Times New Roman", Times, serif; }

#cocuk #col1, #cocuk #col1-2, #cocuk #videowrp { font-size:18px; line-height:25px;}
#cocuk #col2 { font-size:17px; line-height:22px;}
#cocuk #col1 a.dugme, #cocuk #col1 .dugme a, #cocuk #col2 a.dugme, #cocuk #col2 .dugme a { font-size:14px;}

#category #col1 ul li, #cocuk.cat12cocuk #col1 ul li, #cocuk.cat12cocuk #col2 ul li {  margin:.3em 0; display:block;}
/*#col1 ul li, #col2 ul li {padding-right:0;}*/
#doublecolumn #col2 ul li { background-image:url(../images/bullet-t2.gif);}
#doublecolumn #col2 a:hover { color: #39C;}

#category h3, #cocuk h3, #doublecolumn h3, #Kitaplar h3, #Web_Siteleri h3 {color:#000;}
#col1 h3, #col1-2 h3, #videowrp h3, #Kitaplar h3, #Web_Siteleri h3, #previewBannerPlace h3 {font:bold 23px/30px  Arial, Helvetica, "Liberation Sans", "Bitstream Vera Sans", sans-serif; padding:10px 15px; margin:0 0 1em 0; text-shadow:rgba(0,0,0,.5) 0 1px 2px; background-color:transparent;}
#doublecolumn #col1 h3{ text-align: center; background-color:#f6f6f6; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-bottom:4px solid #ddd; }
#col2 h3 { font-size:19px; line-height:24px; background-color:transparent; padding:7px; margin:0;text-shadow:rgba(0,0,0,.5) 0 1px 2px;}
#cocuk #col2 h3 { font-size:1.3em; line-height:1.4em;}
#cocuk #col1 h3 { line-height:1.1em;}

.col2-box1 { /*text-align:left;*/ background:#fff; color:#121419; border:1px solid #ddd; padding:7px;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:auto; overflow:hidden;} 
.col2-box2 { /*text-align:left;*/ background:#eff3fb; color:#121419; border:1px solid #ddd; padding:7px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:auto; overflow:hidden;}
.col2-box3 { /*text-align:left;*/ background:#eef3fb; color:#121419; border:1px solid #ddd; padding:7px; margin:auto; overflow:hidden;} 
.col2-box4 { /*text-align:left;*/ color:#eee; border:1px solid #999; padding:7px;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:auto; overflow:hidden;
background: #607792; /* Old browsers */
background: -moz-linear-gradient(top, #607792 0%, #445569 55%, #3b4b5d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#607792), color-stop(55%,#445569), color-stop(100%,#3b4b5d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #607792 0%,#445569 55%,#3b4b5d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #607792 0%,#445569 55%,#3b4b5d 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #607792 0%,#445569 55%,#3b4b5d 100%); /* IE10+ */
background: linear-gradient(top, #607792 0%,#445569 55%,#3b4b5d 100%); /* W3C */
*background: #607792; /* ie */}
#col2 .col2-box4 ul li a {color:#fff; }
#col2 .col2-box4 a {color:#a0c1db; }
.col2-box1 h3, .col2-box2 h3, .col2-box3 h3, .col2-box4 h3 { text-align:center;}

#cocuk ul.col2-liste {font-size:.9em; line-height:1em;}
ul.col2-liste {  margin:0; padding:0; border-bottom:1px solid #ddd; }
ul.col2-liste li, #doublecolumn #col2 ul.col2-liste li 	{ display: block; width:100%; padding:0; margin:0; background-image:none; }
ul.col2-liste li a	{ float:left; display: block; width:100%;color:#444; padding: 7px 3px 7px 7px; margin:0; border-top:1px solid #ddd; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out;}
ul.col2-liste li a:hover	{ text-decoration:none; background:#eff3fb;}
ul.col2-liste img	{ float:left; width:60px; min-height:50px; margin:0 7px 0 0; padding:1px; border:3px solid #718ba9; background:#eee url(../images/hy_muhur.png) no-repeat center center;}
ul.col2-liste div.vv {min-height:60px; *height:60px; display:block; margin-left:77px; margin-right:17px;}
ul.col2-liste h2 	{font-size:.923em; line-height:1.2em; color:#121419; margin:0 0 5px 0; padding: 0;}
ul.col2-liste p 	{margin:0;  padding: 0;font-size:.923em; line-height:1.2em;}
ul.col2-liste em { font-style:normal; text-align:right; display:block; font-weight:bold; color:#6CF;}
.span-overlay { position: relative;	float:left;	background:url(../images/play2.png) no-repeat left center;	width: 30px; height: 58px; left:-81px; margin-right:-81px; }
ul.col2-liste li a:hover .span-overlay { background-image:url(../images/play2b.png);}

#col2 .col2-box4 h3 {color:#a0c1db; border-bottom:1px solid #3b4b5d; }
.col2-box4 ul.col2-liste { border-color:#999;}
.col2-box4 ul.col2-liste li a { background: -moz-linear-gradient(top, #607792 0%, #445569 55%, #3b4b5d 100%); background: -webkit-gradient(linear, center top, center bottom, from(#607792),color-stop(55%, #445569), to(#3b4b5d)); border-color:#999;transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; border-bottom:1px solid #333; }
.col2-box4 ul.col2-liste p { color:#d1d8e0;}
.col2-box4 ul.col2-liste h2	{ color:#fff;}
.col2-box4 ul.col2-liste li a:hover	{background-color:#93b1c9; background: -moz-linear-gradient(top, #93b1c9 0%, #93b1c9 55%, #718ba9 100%); background: -webkit-gradient(linear, center top, center bottom, from(#93b1c9),color-stop(55%, #93b1c9), to(#718ba9));}
.col2-box4 ul.col2-liste li a:hover p { color:#fff;}
.col2-box4 ul.col2-liste li a:hover h2 { color:#3a4a5b;}

/* :::::::::::::::::::::::::: KATEGORI SAYFASI :::::::::::::::::::::::::: */

/* ------ kategori main ----- */
#category #header, #cocuk.cat12cocuk #header { width:660px;background:url(../images/hy_muhur_category.gif) no-repeat 0 0;}
#category #header a, #cocuk.cat12cocuk #header a { display:block; width:660px; height:110px;}
#category #dock_wrapper, #cocuk.cat12cocuk #dock_wrapper { width:305px; margin-left:15px; height:110px; padding:0;}

#catname  {font-size:36px; line-height:1em; height:100%; position:relative; color:#eee; overflow:hidden; text-shadow:1px -1px 1px #000, 1px 0 2px #000; }
#category #catname, #cocuk #catname  {font-size:28px; height:80px; letter-spacing:-1px; }
#category.arasayfa #catname, #cocuk.arasayfa #catname  {font-size:36px; height:100%; letter-spacing:normal;}
#catname p { margin:0; padding:0; position:absolute; width:100%; top: 30%;}
#cat-dropdownlist .dropdown { width:270px;}
		
#col2 .box {background-color: #d1d8e0;}

#wideView {background: transparent url(../images/buttons.png) no-repeat scroll 0px 0px;  cursor:pointer;}
#wideView:hover { background-position:-30px 0px; }
#wideView.wide {background-position:0px -20px; }
#wideView.wide:hover { background-position:-30px -20px; }

#videowrp.wide { width:980px;}

/* --------------------------  flow player  -------------------------- */

.wide .player {width:960px; height:720px;  /*HD height:540px; */ }

a.player {display:block; width:640px; height:480px;  /*HD  height:360px; */ text-align:center; color:#fff; text-decoration:none; cursor:pointer; background:#000/* url(../images/h500.png) repeat-x 0 0*/; background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9)); }
a.player:hover { background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));}
/* splash image */
a.player img { margin-top:125px; border:0;	}
	a.player { margin:auto; }

/* -------------------------- playlist  -------------------------- */

#mylist, #mylist2, #mylist3 { display:block; border:1px solid #ccc; background:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:auto; font-size:1em; line-height:1.7em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.clips a { display:block; padding:12px; height:46px; font-size:12px;  border-bottom:1px solid #ccc;	text-decoration:none; color:#000; cursor:pointer; line-height:16px; overflow:hidden; }
.clips a:last-child{ border-bottom:none; }
.clips a.playing, .clips a.paused, .clips a.progress { background:#FC3 url(../images/play-pause.png) no-repeat right -69px; outline:none; }
.clips a.progress { opacity:0.6;}
.clips a.paused { background-position:right 0;	}
.clips a span { display:block; max-height:33px; _height:33px; overflow:hidden; width: 150px;}
.clips a em { font-style:normal; color:#f00;}	
.clips a:hover { background-color:#eef1f3; }
.clips a.playing:hover, .clips a.paused:hover, .clips a.progress:hover { background-color:#FC3 !important;	}
.clips img {float:left; width:60px; height:40px; margin:0 10px 0 0;  padding:1px;  border:3px solid #718ba9;  background:#eee url(../images/hy_muhur.png) no-repeat center center;}


/* ------ kategori tabs ----- */
#videowrp ul.tabs2 li a, #videowrp ul.tabs2 li a:hover, #videowrp ul.tabs2 li.current a { background-image:url(../images/tab-buttons.png); _background-image:url(../images/tab-buttons-ie.png); width:104px; font-size:12px; }
#playlistwrp ul.tabs2 li a, #playlistwrp ul.tabs2 li a:hover, #playlistwrp ul.tabs2 li.current a { background-image:url(../images/tab-buttons3.png); _background-image:url(../images/tab-buttons3-ie.png); width:104px; color:#000; font-size:12px;}
#playlistwrp ul.tabs2 li a { color:#fff;}

/* ------ kategori banner rotator ----- */
.pane { display: none;}

/* ------ kategori List Switch --------*/
.listSwitch{background: transparent url(../images/buttons-listswitch.gif) no-repeat scroll 0px 0px;  cursor:pointer; margin-bottom:10px;}
.listSwitch:hover { background-position:-36px 0px; }
.listSwitch.listview {background-position:0px -17px; }
.listSwitch.listview:hover { background-position:-36px -17px; }

/* ------ kategori genel----- */

#Kitaplar ul.hoverimg, #Web_Siteleri ul.hoverimg {width: auto !important;}
#Kitaplar ul.hoverimg li { width:71px; height:101px; border:1px solid #9c9c9c; border-right:3px solid #999; border-bottom:3px solid #bbb; margin:0 12px 12px 0 !important; font-size:11px; line-height:15px; text-align:center; text-transform: uppercase; background-image:none;}
#Kitaplar ul.hoverimg li a { width:65px; height:80px; background:#eee; color: #121419; padding:20px 5px 5px 5px;  }
#Kitaplar ul.hoverimg li img {width:75px; height:105px; display:block;}
     
#Web_Siteleri ul.hoverimg li { width:108px; height:83px; border:2px solid #9c9c9c; margin:0 10px 10px 0 !important; font-size:11px; line-height:15px; text-align:center; background-image:none;}
#Web_Siteleri ul.hoverimg li a { width:94px; height:69px; background:#eee; color: #121419; padding:5px; margin: 2px 0 0 2px;  }
#Web_Siteleri ul.hoverimg li img {width:104px; height:79px; display:block;}
/*#Web_Siteleri ul.hoverimg li a em{ color:red; line-height:13px;
white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word;	}*/
     
#Kitaplar ul li img, #Web_Siteleri ul li img {display:none;}
#Kitaplar ul.booktoc, #Web_Siteleri ul.booktoc { width: 98%; border:none; padding:0 10px;}
#Kitaplar ul.booktoc li, #Web_Siteleri ul.booktoc li {width:50% !important; float:left; overflow:hidden;}
#Web_Siteleri ul.booktoc li a { padding-bottom:4px;}
/*#Web_Siteleri ul li a em{ color:#888; font-size:0.923em; line-height:1.308em; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;}*/
#cocuk #Web_Siteleri ul.hoverimg li  { font-size:14px; line-height:15px;}

#midcolumn #Kitaplar ul.hoverimg, #midcolumn #Web_Siteleri ul.hoverimg {margin-left:30px;}
#midcolumn .box {border:1px solid #cacaca; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:10px;}

/*------ kategori temalar ------------*/

#category.cat01evrim #col2 .box {background-color: #cfc4a0;}

#category.cat02imanhakikatleri #col2 .box {background-color:#2a5653 /* 4c6144*/; color:#eee;}
#category.cat02imanhakikatleri #col2 .box a.link {color:#eee;}
#category.cat02imanhakikatleri #col2 .col2-box1 a.link {color:#121419; }
#category.cat02imanhakikatleri #col2 h3 {color:#eee;}

#category.cat03ahirzaman #col2 .box { background-color: #e3cc93; }
/*#category.cat03ahirzaman #col2 .box a.link {color:#eee;}
#category.cat03ahirzaman #col2 .col2-box1 a.link {color:#121419; }
#category.cat03ahirzaman #col2 h3 {color:#eee;}*/

#category.cat04birlik #col2 .box { color:#eee; background-color: #363840;  background:-moz-linear-gradient(center bottom, rgb(13,12,14) 0%, rgb(54,56,64) 70%, rgb(101,106,117) 95%); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(13,12,14)), color-stop(0.70, rgb(54,56,64)), color-stop(0.95, rgb(101,106,117))); }
#category.cat04birlik #col2 .box a.link {color:#eee;}
#category.cat04birlik #col2 .col2-box1 a.link {color:#121419; }
#category.cat04birlik #col2 h3 {color:#9aa2b1;}

#category.cat05kurandanogutler #col2 .box {background-color: #ece7d0; background: -moz-linear-gradient(center bottom, rgb(210,201,160) 0%, rgb(255,255,255) 55%, rgb(221,214,184) 100%); background:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(210,201,160)), color-stop(0.55, rgb(255,255,255)), color-stop(0.95, rgb(221,214,184))); }

#category.cat06maddeninsirri #col2 .box {color:#eee; background-color:#3c5866;}
#category.cat06maddeninsirri #col2 .box a.link {color:#eee;}
#category.cat06maddeninsirri #col2 .col2-box1 a.link {color:#121419; }
#category.cat06maddeninsirri #col2 h3 {color:#fff;}

#category.cat07kitapehli #col2 .box {background-color: #d7c694;}

#category.cat09ateistmasonluk #col2 .box {background-color: #323845; color:#eee;}
#category.cat09ateistmasonluk #col2 .box a.link {color:#eee;}
#category.cat09ateistmasonluk #col2 .col2-box1 a.link {color:#121419; }
#category.cat09ateistmasonluk #col2 h3 {color:#9aa2b1;}

#category.cat10tarihpolitikastrateji #col2 .box {background-color: #355272; color:#eee;}
#category.cat10tarihpolitikastrateji #col2 .box a.link {color:#eee;}
#category.cat10tarihpolitikastrateji #col2 .col2-box1 a.link {color:#121419; }
#category.cat10tarihpolitikastrateji #col2 h3 {color:#d1d8e0;}

#category.cat11etkiler #col2 .box {background-color: #b2c1cf;}

#cocuk.cat12cocuk #col2 .box {background-color: #ffcc00;}
#cocuk #Kitaplar ul, #cocuk #Web_Siteleri ul { height:auto;}

#category.cat13ata #col2 .box {background-color: #899caf; }

#category.cat14ramazan #col2 .box { color:#eee; background:#252a35/*2b3b52 283141 */ url(../images/border-4.png) center -2px repeat-x; _background-image:url(../images/border-4.gif); padding-top:30px; border-color:#484f5e}
#category.cat14ramazan #col2 .box a.link {color:#eee;}
#category.cat14ramazan #col2 .col2-box1 a.link {color:#121419; }
#category.cat14ramazan #col2 h3 {color:#778899;}


/*body#cocuk {background:#f2f0f1 url(../images/bulutlar.png) 0 0 repeat fixed;}
#cocuk #bg { background-image: none;}*/
#cocuk #bg { background-image: url(../images/blank.gif);}

.glass  { position:relative; overflow:hidden;}
span.glass1 { opacity:.60; -moz-opacity:.60; -khtml-opacity:.60; filter:alpha(opacity=60);transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; 
		  position:absolute; top:0px; left:0px; background-color:#000000; width:100%; padding-bottom:2000px; margin-bottom:-2000px; display:block;}
span.glass2 { position:relative; z-index:1; padding:10px; color:#fff; text-shadow:0px 1px 1px #000; float:left; display:block;}
a:hover span.glass1 {opacity:.40; -moz-opacity:.40; -khtml-opacity:.40; filter:alpha(opacity=40);}
.glass a, .glass a:hover, a:hover .glass  {color:none ; text-decoration:none;  cursor:pointer;}

/* :::::::::::::::::: ARA SAYFA :::::::::::::::::: */
/*#category.arasayfa #bg { background-image:none;}*/
#category.arasayfa #dock_wrapper, #cocuk.arasayfa #dock_wrapper  { width:505px; text-align:right;}
#category.arasayfa #header, #category.arasayfa #header a, #cocuk.arasayfa #header, #cocuk.arasayfa #header a { width:460px;}

.arasayfa #col2 .box {background-color: #fff;}

.arasayfa .videobox { padding:8px; background-color:#fff; border:1px solid #888; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;  }
.arasayfa #videowrp { margin-top:0; }
#videowrp .panes, #playlistwrp .panes2 { display:block; overflow:hidden; border:1px solid #888; border-top:none; border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; background-color:#fff;}
#playlistwrp .panes2 { background-color:#d1d8e0;  padding:0 20px 10px 20px;}

.arasayfa #playlistwrp ul.tabs2 li a, .arasayfa #playlistwrp ul.tabs2 li a:hover, .arasayfa #playlistwrp ul.tabs2 li.current a { background-image:url(../images/tab-buttons.png); _background-image:url(../images/tab-buttons-ie.png); font-size:12px;}
.arasayfa #playlistwrp ul.tabs2 li a { color:#000;}
.arasayfa #mylist, .arasayfa #mylist2, .arasayfa #mylist3 { border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px;}
.arasayfa #playlistwrp .panes2 { padding:0; border:none; background-color:transparent; } 
.arasayfa #videowrp #main-top, .arasayfa #playlistwrp #main-top2col {visibility:hidden; height:0;}
.arasayfa #videowrp .panes {border:1px solid #ccc; -webkit-border-top-right-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px; padding-top:10px}

/*
.arasayfa #playlistwrp #main-top2col #bg03 { background-color:#fff;}
.arasayfa #playlistwrp #main-top2col #bg02 { background:none; }
.arasayfa #playlistwrp #main-top2col {border-right:1px solid #ccc; margin-right:0;}
*/
a.dugme, .dugme a{ display:inline-block; font-size:11px; line-height:12px; margin:auto 10px; padding:3px 10px 5px; font-weight:bold; border:solid 1px #79808a; text-decoration:none;
border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
background-color:#7088a7; color:#fff !important;
background: -moz-linear-gradient(top, #cfd6de 0%, #7088a7 55%, #607791 100%); background: -webkit-gradient(linear, center top, center bottom, from(#cfd6de),color-stop(55%, #7088a7), to(#607791));
transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out;}
a.dugme:hover, .dugme a:hover { background-color:#93b1c9; color:#fff !important; text-decoration:none;
	background: -moz-linear-gradient(top, #eee 0%, #93b1c9 55%, #718ba9 100%); background: -webkit-gradient(linear, center top, center bottom, from(#eee),color-stop(55%, #93b1c9), to(#718ba9));}

a.dugmered, .dugmered a, input.dugmered, #pollbox .dugmered { outline:none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff !important; padding: 5px 20px; background-color:#cc0000; background-image: -moz-linear-gradient( top, #e60e03 0%, #800000); background-image: -webkit-gradient( linear, left top, left bottom, from(#e60e03), to(#800000));  border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #7d0000; -moz-box-shadow: 0px 2px 4px rgba(000,000,000,0.6), inset 0px 0px 2px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.6), inset 0px 0px 2px rgba(255,255,255,0.7); text-shadow: 0px -1px 0px rgba(000,000,000,0.6), 0px 1px 0px rgba(255,255,255,0.3); margin-right:10px; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out;}
a.dugmered:hover, .dugmered a:hover, input.dugmered:hover, #pollbox .dugmered:hover { background-color:#690500; background-image: -moz-linear-gradient( top, #690500 0%, #bd0000); background-image: -webkit-gradient( linear, left top, left bottom, from(#690500), to(#bd0000));  -moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.6), inset 0px 0px 2px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.6), inset 0px 0px 2px rgba(255,255,255,0.7); }

#bilgi {margin:0 10px;}
#bilgi h2 {font-family: Tahoma, Geneva, sans-serif; letter-spacing:1px; text-align:center; font-size:40px; color: #fff; text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; padding:10px 30px 20px 30px; font-weight:bold; margin:0; background-color:#c8d7e2; _background-color:#c8d7e2; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, rgb(147,177,201)), color-stop(0.57, rgb(200,215,226)), color-stop(0.99, rgb(237,239,242))); background-image: -moz-linear-gradient( center top, rgb(147,177,201) 1%, rgb(200,215,226) 57%, rgb(237,239,242) 99% ); }
#bilgi h2:first-letter { font-family: 'BrushScriptStdMedium',Tahoma, Geneva, sans-serif;}
#bilgi h3 {background-color:#93b1c9;}
#bilgi ul.booktoc li a:hover, #bilgi #pagetoc a:hover{ background-color:#778899;}
#bilgi #pagetoc-wrapper { left:-10px;}
#bilgi #pagetoc {top:10px;}
#bilgi #pagetoc a[title=H3] { font-size:1em; border-bottom:1px solid #dedede; padding:3px; margin:0; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;}
#bilgi th.headerrow { background:#93b1c9;}
#bilgi td.total, #bilgi .list tr:hover td, #bilgi .list tr:hover td.name {background-color:#c8d7e2; border-color:#93b1c9;}
#bilgi .list caption, #bilgi .list a:visited  { color:#93b1c9;}
#bilgi .related { font-size:.9em; line-height:1.5em;}
#bilgi .list .total a:link, #bilgi .list .total a:visited , #bilgi .list a:hover{ color:#3a597b;}
/*#bilgi ul.booktoc li { background-image:url(../images/bullet-t2.gif);*/
/*h2.bilgi {font-family: Tahoma, Geneva, sans-serif; 	font-size:40px; color: #FC6; text-shadow:#000 -1px -1px 1px, #000 1px 1px 1px, #000 2px 2px 2px, #5E2F00 3px 3px 5px; font-weight:bold;}
h2.bilgi:first-letter { font-family: 'BrushScriptStdMedium', Georgia,serif; 			font-size:40px; color: #FC6; text-shadow:#000 -1px -1px 1px, #000 1px 1px 1px, #000 2px 2px 2px, #5E2F00 3px 3px 5px; margin-right:5px;}
.x {
min-height: 100px;
height:auto !important;
height:100px;
}*/

.pagination {margin: 5px 0; color: rgb(102, 102, 102); text-shadow: 1px 1px 0 #fff; }
.pagination .total {float:left;}
.pagination .next, .pagination .prev{float:right;}
.pagination .next a, .pagination .prev a{display:block; padding:0 6px;}
.pagination .next a:hover, .pagination .prev a:hover{ background-color:#f6f6f6; text-decoration:none;}
.pagination .next a:focus, .pagination .next a:active {background-color: #dedede; text-decoration:none;}

.ui-sortable .banner > b {color: #6F0;}

select, #listForm input, .gradyen input, textarea {font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color:#666;}
.gradyen input, .gradyen select {
}

/* :::::::::::::::::: SIZIN EKLEDIKLERINIZ :::::::::::::::::: */

.moreLink{
clear:both;
float:right;
margin-bottom:10px;
margin-right:20px;
}

/*.cover .tip{height:40px;}*/

img.tipKitap{ width:28px; height:36px; padding:2px;}
/*img.tipBuyuk{ width:120px; background-color:#FFF; } */ 
.cover .tipOther{width:50px; height:36px; padding:2px;}
.hidden{
  display:none;
}

.detaylarClass{
  padding:5px;
  width:500px;
  height:400px;
}
.details-otherLangs-column,
.details-languages-column{
  float:left;
  width:250px;
}

.gradyen{font:12px/14px  "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.5);
background: #e7eaee;
background: -moz-linear-gradient(top, #e7eaee 0%, #ffffff 49%, #d0d6dd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7eaee), color-stop(49%,#ffffff), color-stop(100%,#d0d6dd));
background: -webkit-linear-gradient(top, #e7eaee 0%,#ffffff 49%,#d0d6dd 100%); 
background: -o-linear-gradient(top, #e7eaee 0%,#ffffff 49%,#d0d6dd 100%); 
background: -ms-linear-gradient(top, #e7eaee 0%,#ffffff 49%,#d0d6dd 100%); 
background: linear-gradient(top, #e7eaee 0%,#ffffff 49%,#d0d6dd 100%); 
*background: #e7eaee;
border:1px solid #BEC1C6;
margin: 20px auto;
width:80%;
text-align:left;
overflow:hidden;
}

.gradyen span{ display: block; width:100%; padding:5px 0; clear:both; /* border-top:1px solid #262626; border-bottom:1px solid #161712; background:#1C1C1C;*/}
.gradyen label{ display: block; float:left; width:30%; text-align:right; margin:3px 30px 0 0; }
.gradyen textarea { /*margin-left:31%;*/display: block; height:100px; }
.gradyen input[type=text], .gradyen textarea  {padding:3px; width:220px;}
.gradyen select { line-height:22px; width:228px;}
#search_input_form.gradyen label { margin:0;}

.howbig1,
.howbig2,
.howbig3,
.howbig4,
.howbig5,
.howbig6{
  display: block;
  float: left;
  margin: 4px 10px;
}

.howbig1{font-size: 10px;}
.howbig2{font-size: 12px;}
.howbig3{font-size: 14px;}
.howbig4{font-size: 16px;}
.howbig5{font-size: 18px;}
.howbig6{font-size: 20px;}
	
/****************** Galllery*****************/	
#galeri {width:950px; float:left; background: url(../images/wood-repeat.jpg) repeat left top #444; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; min-height:700px;}

#gallery-intro-bgimages img { display: none; width: 100%; height: 100%; position: absolute; top: 0; left:0; z-index:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
 
#gallery-intro-menu { position:relative; width: 350px; margin:0 0 0 520px; padding:150px 0 20px 0; background:rgba(255, 255, 255, .5) url(../images/bg_zar.png) 0 0 repeat; box-shadow:3px 1px 7px rgba(0,0,0,.6); -moz-box-shadow:3px 1px 7px rgba(0,0,0,.6); -webkit-box-shadow:3px 1px 7px rgba(0,0,0,.6); z-index: 1;}
#gallery-intro-menu li{ display: block; margin:0; padding:0; background-image: none !important; font-size: 18px; line-height:20px;}
#gallery-intro-menu li a{ display: block; text-decoration: none; padding: 10px; color:#000; text-shadow: 0pt 0pt 2px rgba(255, 255, 255, .9), 0px 2px 2px rgba(0,0,0,1); transition:all .1s ease-in; -moz-transition:all .1s ease-in; -webkit-transition:all .1s ease-in; -o-transition:all .1s ease-in; }
#gallery-intro-menu li a:hover{  background:transparent url(/assets/images/bg_zarkara.png) 0 0 repeat; color:#fff;  text-shadow: 0pt 0pt 2px rgba(255, 255, 255, .9), 0px 2px 2px rgba(0,0,0,1);}

/*#gallery-intro-menu li a span{ display: block; color:#fff;}	*/

.galeri-anabaslik {position: absolute; top: 30px; left:0; margin:0; padding:10px 0; width:100%; font-weight:bold; text-transform:uppercase; letter-spacing:10px; font-size:80px; line-height:80px; background:transparent url(/assets/images/bg_zarkara.png) 0 0 repeat; text-align:center; color:#fff; text-shadow: 0pt 0pt 7px rgba(255, 255, 255, .9), 7px 7px 6px rgba(0,0,0,1); box-shadow:0 5px 8px rgba(0,0,0,.9); -moz-box-shadow:0 5px 8px rgba(0,0,0,.9); -webkit-box-shadow:0 5px 8px rgba(0,0,0,.9); z-index:2;}

.galeri-baslik {background:transparent url(/assets/images/bg_zarkara.png) 0 0 repeat; border-bottom: 20px solid #fff;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.galeri-baslik a {font-weight:bold; text-transform:uppercase; letter-spacing:10px;font-size:32px; line-height:40px; color:#999; margin-left:5px; font-family: Verdana, Geneva, sans-serif;}

#gallery-categories-nav { margin:-15px 30px;color: #fff; text-align:center; font-weight:bold; letter-spacing:1px; font-family: Tahoma, Geneva, sans-serif; font-size:20px; text-shadow: 0px 1px 0px #555, 0px 2px 0px #444, 0px 3px 0px #333, 0px 4px 0px #222, 0px 5px 0px #111; }
#gallery-categories-nav a { text-decoration:none; color:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:url(../images/bg_zarkara.png) 0 0 repeat; padding:5px 10px 10px; transition:all .1s ease-in; -moz-transition:all .1s ease-in; -webkit-transition:all .1s ease-in; -o-transition:all .1s ease-in;}
#gallery-categories-nav a:hover{ background-color:rgba(0,0,0,.4);}

.gallery { float: left; width: 200px; height: 200px; overflow: hidden; padding: 3px; margin:10px;  background:#fff; color: #434343; 
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow:0 1px 6px rgba(0,0,0,.9); -moz-box-shadow:0 1px 6px rgba(0,0,0,.9); -webkit-box-shadow:0 1px 6px rgba(0,0,0,.9); transition:all .1s ease-in; -moz-transition:all .1s ease-in; -webkit-transition:all .1s ease-in; -o-transition:all .1s ease-in;} 
.gallery:hover { transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -webkit-box-shadow: 0px 4px 12px rgba(0,0, 0, 0.9); -moz-box-shadow: 0px 4px 12px rgba(0,0, 0, 0.9); box-shadow: 0px 4px 12px rgba(0,0, 0, 0.9); z-index: 5; cursor:pointer;} 
.gallery-thumb{ width: 200px; height: 150px; overflow: hidden; }
.gallery-title { margin-left:5px; line-height:1.2em;}
#galeri .gallery a, #galeri .gallery a:link, #galeri .gallery a:hover, #galeri .gallery a:visited { text-decoration:none;} 

#gallery-detail { clear: both; float: left; padding:0 5px 10px; margin:0 15px 15px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:#fff; box-shadow:0 1px 6px rgba(0,0,0,.9); -moz-box-shadow:0 1px 6px rgba(0,0,0,.9); -webkit-box-shadow:0 1px 6px rgba(0,0,0,.9);}	
#gallery-image { float: left; width: 640px; overflow: hidden; }
#gallery-image img { max-width: 640px; background:#999; }	
#gallery-image-description { float: left; width: 250px; background:#fff; margin:0 0 0 10px; padding:5px; }
#gallery-related { clear: both; float: left; width:100%; margin:0 10px 30px 10px; }
	
/*-------------liste sayfası-------------------*/

.A2Z { text-align:center; color:#888;}
thead.A2Z{display:none;}
.A2Z a, .list .A2Z a:link{ color:#888; padding:0 0 0 5px; }
.A2Z a:hover{ color:#333; }

.playVideo { float:left; z-index:3; width:60px; height:50px;  background: url(../images/play.png) no-repeat; }

.menu_label {width:154px; color:#FFFFFF; background-color:#F43B05; float:left; padding:3px; position:absolute; top:50px; left:5px;}

.popup-first{ font-size : 30px; color: white; text-shadow: 0 3px 4px #000000;  }
.popup-last{ font-size : 18px; olor: white; text-shadow: 0 2px 2px #000000; }	
.popup-headlines { position: absolute; top: 12px; left: -15px; }	

/* ::::::::::::::::::::: TABS  :::::::::::::::::::::::: */
.tabwrap { width:600px; height:31px;  position: relative; overflow: hidden; margin-bottom:-1px;}
#playlistwrp ul.tabs2  { width:312px;}

ul.tabs2, ul.tabs2b  { float: left; width: 650px; margin: 0 0 -1px 0; padding:0;}
ul.tabs2 li, ul.tabs2b li { float: left; position: relative; font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:11px; padding:0 !important; margin:0 !important; background-image:none;}
ul.tabs2 li a, ul.tabs2b li a { float: left; display: block; line-height: 31px; height: 31px; overflow:hidden; text-align: center; color: #000; cursor:pointer; overflow:hidden; }
ul.tabs2 li a { width: 129px; background: transparent url(../images/tabbutton2.png) bottom left no-repeat; _background-image: url(../images/tabbutton2-ie.png);}
ul.tabs2b li a { width: 155px; background: transparent url(../images/tabbutton2b.png) bottom left no-repeat; _background-image:url(../images/tabbutton2b-ie.png);}
ul.tabs2 li a:hover, ul.tabs2b li a:hover {  color: #fff; text-decoration: none; background-position: 0px -31px; }
ul.tabs2 li.current a, ul.tabs2b li.current a { color: #000; background-position: 0 0 ; cursor:default !important;}

ul.tabs2 li.current, ul.tabs2b li.current { z-index: 5; }
ul.tabs2 .one, ul.tabs2b .one { z-index: 4;}
ul.tabs2 .two, ul.tabs2b .two { left: -12px; z-index: 3; }
ul.tabs2 .three, ul.tabs2b .three { left: -24px; z-index: 2; }
ul.tabs2 .four, ul.tabs2b .four { left: -36px; z-index: 1; }
ul.tabs2 .five  { left: -48px; z-index: 0; }

/* =============================== */
a.ddugme, .ddugme a{ display:inline-block; font-size:12px; line-height:14px; margin:auto 10px; padding:5px 12px 7px; font-weight:bold; border:solid 1px #8e876d; text-decoration:none;
border-radius:7px;-moz-border-radius:7px; -webkit-border-radius:7px; box-shadow: inset 0 0 1px #fff, 0px 1px 4px #444; -moz-box-shadow: inset 0 0 1px #fff, 0px 1px 4px #444; -webkit-box-shadow: inset 0 0 1px #fff, 0px 1px 4px #444;
background-color:#f6efc2; color:#444 !important;
background: -moz-linear-gradient(top, #f3ffed 0%, #fff 55%, #f6efc2 100%); background: -webkit-gradient(linear, center top, center bottom, from(#f3ffed),color-stop(55%, #fff), to(#f6efc2));
transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out;}
a.ddugme:hover, .ddugme a:hover { background-color:#d0bd90; color:#000 !important; text-decoration:none; background: -moz-linear-gradient(top, #ffe3a1 0%, #fdf7d1 55%, #d0bd90 100%); background: -webkit-gradient(linear, center top, center bottom, from(#ffe3a1),color-stop(55%, #fdf7d1), to(#d0bd90));}

/* text-shadow: 0pt 0pt 3px rgba(255, 255, 255, 0.85); */

#previewBannerPlace { text-align:left;}


/* ::::::::::::::::::::: RTL  :::::::::::::::::::::::: */
.rtll .doublecolumn-wrp #main-top, .rtll .doublecolumn-wrp #main-bot {float:right; margin-right:0px; margin-left:15px;}
.rtll .doublecolumn-wrp #main-top2col, .rtll .doublecolumn-wrp main-bot2col, .rtll #leftcolumn, .rtll #midcolumn, .rtll #rightcolumn, .rtll #onecolumn, .rtll #navmenu, .rtll #navmenu ul li, .rtll #bottomcontent, .rtll ul.hoverimg, .rtll .bot-sutun, .rtll #doublecolumn #col1, .rtll #doublecolumn #col2, .rtll .navi2 a {float:right;}
.rtll #top-nav-right, .rtll .navi2 { float: left;}

.rtll #doublecolumn { background-image: url(../images/inner-bg-rtl.gif); }
.rtll #doublecolumn #col1 { margin-right: 0px; margin-left: 15px;}

.rtll #bottomcontent .banner{ float: right; margin:0 0 15px 15px;}
.rtll #bottom ul li { background-image:url(../images/bullet-w-rtl.gif);}

.rtll ul li {background-image:url(../images/bullet-rtl.gif); background-position: right .4em;}
.rtll ul.menu li {background:url(../images/hdot2.gif) repeat-x center bottom;}
.rtll ul.menu li a { padding:3px 12px 3px 2px; background:url(../images/bullet_grey-rtl.gif) no-repeat 100% 0.6em; }
.rtll ul.menu li a:hover { background-image:url(../images/bullet_red-rtl.gif); background-color:#FFF;}

.rtll ul.booktoc {float:right; border-right: none; border-left:1px dotted #999;}
.rtll ul.booktoc li a {padding:2px 20px 3px 2px; background-image:url(../images/bullet-rtl.gif); background-position: right 7px;}
.rtll ul.listCol2{ border-left:none; padding-right:20px; padding-left:0; }

.rtll td.name { text-align:right; padding-left:10px; padding-right:30px;}
.rtll td.name img { float: left;}
.rtll .list tr:hover td.name { background-position: right center;}

.rtll #doublecolumn #col2 ul li { background-image:url(../images/bullet-t2-rtl.gif);}
.rtll ul.col2-liste li, .rtll #doublecolumn #col2 ul.col2-liste li 	{ padding:0; background-image:none; }
.rtll ul.hoverimg li, .rtll #bottom ul.hoverimg li, .rtll #gallery-intro-menu li, .rtll ul.tabs2 li, .rtll ul.tabs2b li, .rtll ul.booktoc li, .rtll .scrollable2 ul li, .rtll .scrollable3 ul li {background-image:none;}
.rtll #bookwrap ul li{ background-image: url(../images/bullet_grey-rtl.gif);}

.rtll #bookwrap ul, .rtll #bookwrap ol, .rtll #bookwrap blockquote { border-left:none; border-right:10px solid #dedede;}
.rtll #beyazkitap #bookwrap ul, .rtll #beyazkitap #bookwrap ol, .rtll #beyazkitap #bookwrap blockquote, .rtll #cocuk #bookwrap ul, .rtll #cocuk #bookwrap ol, .rtll #cocuk #bookwrap blockquote { background-position: right top; border-right:none;}
.rtll #beyazkitap #bookwrap ul li, .rtll #beyazkitap #bookwrap ol, .rtll #beyazkitap #bookwrap blockquote { padding-left:2em; padding-right:4em; }
.rtll #cocuk #bookwrap ul li, .rtll #cocuk #bookwrap ol, .rtll #cocuk #bookwrap blockquote { padding-left:2em; padding-right:3.3em; }
.rtll #beyazkitap #bookwrap ul li{ background-position:97% .3em;}
.rtll #cocuk #bookwrap ul li{ background-position:96% .4em;}

.rtll .imagecaption .text .baslik, .rtll #bookwrap .imagecaption, .rtll #bookwrap ul, .rtll #bookwrap ol, .rtll #bookwrap blockquote, .rtll .baslik2, .rtll p.baslik2, .rtll .baslik3, .rtll p.baslik3, .rtll .baslik_g1, .rtll p.baslik_g1 { text-align:right;}

.rtll #soneklenenler .n, 
.rtll #soneklenenler .n:first-letter{ font-family: 'Incised901CtBTCompact',"Arial Black", Gadget, sans-serif; font-size:26px; letter-spacing:-1px;text-shadow:#000 -1px -1px 1px, #000 1px 1px 1px,#000 2px 2px 2px; float:none;}

.rtll p.dropcap1:first-letter, .rtll p.dropcap2:first-letter { float:none;}
.rtll .scrollable2 ul li a { border-left:none; border-right:1px solid #cacaca;}
.rtll .scrollable2 ul li a:hover { border-left:none; border-right:1px solid #cc0000;}

.rtll .bg_desen4 ul li, .rtll .bg_desen5 ul li, .rtll .bg_desen6 ul li, .rtll .bg_desen7 ul li, .rtll .bg_desen8 ul li, .rtll .bg_desen9 ul li, .rtll .bg_desen10 ul li, .rtll .bg_desen11 ul li,
.rtll .cocuk_saydam_pembe ul li, .rtll .cocuk_saydam_mavi ul li, .rtll .cocuk_saydam_sari ul li, .rtll .cocuk_saydam_yesil ul li {background-image: url(../images/bullet-w-rtl.gif)}
.rtll .cocuk_kutu_pembeli ul li, .rtll .cocuk_kutu_yesilli ul li, .rtll .cocuk_kutu_sarili ul li, .rtll .cocuk_kutu_mavili ul li {background-image: url(../images/bullet_grey-rtl.gif)}

/*@font-face {
	font-family: 'LaramieProBold';
	src: url('laramiepro-bold-webfont.eot');
	src: local('☺'), url('../font/laramiepro-bold-webfont.woff') format('woff'), url('../font/laramiepro-bold-webfont.ttf') format('truetype'), url('../font/laramiepro-bold-webfont.svg#webfontr6iVSzsB') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: '00703Regular';
	src: url('../font/f00703-webfont.eot');
	src: local('☺'), url('../font/f00703-webfont.woff') format('woff'), url('../font/f00703-webfont.ttf') format('truetype'), url('../font/f00703-webfont.svg#webfontAesrHhtZ') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: '00839Regular';
	src: url('../font/f00839-webfont.eot');
	src: local('☺'), url('../font/f00839-webfont.woff') format('woff'), url('../font/f00839-webfont.ttf') format('truetype'), url('../font/f00839-webfont.svg#webfontAesrHhtZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: '00812Regular';
	src: url('../font/f00812-webfont.eot');
	src: local('☺'), url('../font/f00812-webfont.woff') format('woff'), url('../font/f00812-webfont.ttf') format('truetype'), url('../font/f00812-webfont.svg#webfontAesrHhtZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: '00629Regular';
	src: url('../font/f00629-webfont.eot');
	src: local('☺'), url('../font/f00629-webfont.woff') format('woff'), url('../font/f00629-webfont.ttf') format('truetype'), url('../font/f00629-webfont.svg#webfontAesrHhtZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'BrushScriptStdMedium';
    src: url('../font/brushscriptstd-webfont.eot');
    src: local('☺'), url('../font/brushscriptstd-webfont.woff') format('woff'), url('../font/brushscriptstd-webfont.ttf') format('truetype'), url('../font/brushscriptstd-webfont.svg#BrushScriptStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Incised901CtBTCompact';
    src: url('../font/inc901ct-webfont.eot');
    src: local('☺'), url('../font/inc901ct-webfont.woff') format('woff'), url('../font/inc901ct-webfont.ttf') format('truetype'), url('../font/inc901ct-webfont.svg#Incised901CtBTCompact') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*--------------------- tepe bandı & pagetoc ---------------------------*/

#bookheaderwrap {clear:both; background-color:#fff; width:100%;}
.bookname {font-family:'00629Regular', georgia, serif; font-size:38px; line-height:46px; margin:20px 15px 30px 15px; font-weight:bold; color:#cc0000; text-align:center; text-shadow: black 1px 1px 1px, #5E2F00 2px 2px 4px;}
#cocuk .bookname {font-size:35px; font-family: "Comic Sans MS", cursive;}

#cocuk #rectangle, #beyazkitap #rectangle {	background: -moz-linear-gradient(top, #ece7d0 0%, #fff 55%, #e4ddbc 100%); background: -webkit-gradient(linear, center top, center bottom, from(#ece7d0),color-stop(55%, #fff), to(#e4ddbc));
}
#rectangle {
	border:1px solid #bec1c6;
	background-color:#f7f7f7; _background-color:#f0f0f0; 
	background: -moz-linear-gradient(top, #e7eaee 0%, #fff 55%, #d0d6dd 100%); background: -webkit-gradient(linear, center top, center bottom, from(#e7eaee),color-stop(55%, #fff), to(#d0d6dd));
	box-shadow: 0px 2px 8px rgba(0,0,0,0.50); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.50); -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.50);
	width: 1010px;
	float:left;
	position: relative;
 	margin-left:-15px; margin-right:-15px;
	z-index: 2;
}
#triangle-wrapper {width: 1010px; position: relative; margin-left:-15px; margin-right:-15px; top: 0; z-index: 0; float: left;}
#triangle-l { background:url(../images/t-l.gif) 0 0 no-repeat; height:15px; width:15px; position: absolute; left: 0; }
#triangle-r { background:url(../images/t-r.gif) 0 0 no-repeat; height:15px; width:15px; position: absolute; left: 995px; }

.oncekisonraki { color:#999;}
.oncekisonraki a:link, .oncekisonraki a:visited { color:#999; padding:3px 10px;}
.oncekisonraki a:hover{ color:#cc0000; background-color: #fff0f0;}

#pagetoc-wrapper {
	position: relative;
	z-index: 1; /* displayed over flap */
}
#pagetoc  { width: 380px; position:absolute; top:50px; left:970px; padding:15px; border:1px solid #bec1c6; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:1.1em; /*text-align:left;*/
box-shadow:-2px 2px 6px rgba(0,0,0,0.40); -moz-box-shadow:-2px 2px 6px rgba(0,0,0,0.40); -webkit-box-shadow:-2px 2px 6px rgba(0,0,0,0.40);
background-color:#f7f7f7; _background-color:#f0f0f0; 
background: -moz-linear-gradient(left, #e7eaee 0%, #fff 55%, #d0d6dd 100%); background: -webkit-gradient(linear, left center, right center, from(#e7eaee),color-stop(55%, #fff), to(#d0d6dd));
}

#pagetoc p { margin:0 0 10px 0; padding:5px 0 10px 0; cursor:pointer; text-align:center; font-size:1.1em; letter-spacing:.3em; color:#999; font-weight:bold; border-bottom:1px dotted #999;}
#pagetoc a { display:block; padding:5px; line-height:1.2em; color:#121419;}
#pagetoc a:link { color:#121419; }
#pagetoc a:hover { color:#fff; background-color:#444;text-decoration:none;}
#pagetoc a[title=H1] { font-size:1.1em; font-weight:bold; text-align:center; text-decoration:underline; padding:5px 0;}
#pagetoc a[title=H2] { font-size:1em; border-bottom:1px solid #dedede; padding:3px;  font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;}
#pagetoc a[title=H3] { font-size:0.846em; margin:0 20px; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; }
#pagetoc a[title=H4] { padding:5px 0 0 10px; letter-spacing:4px; border-top:1px dashed #dedede; border-bottom:none;}

#flap{ border:1px solid #bec1c6; border-right:none; font-size:18px; padding:10px 0px 10px 10px; background:#e7eaee; width:33px; position:absolute; left:-45px; top:10px; border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; box-shadow:-2px 2px 5px rgba(0,0,0,0.40); -moz-box-shadow:-2px 2px 5px rgba(0,0,0,0.40); -webkit-box-shadow:-2px 2px 5px rgba(0,0,0,0.40);
z-index:0; }
#cocuk #flap, #beyazkitap #flap {background:#ece7d0;}

#beyazkitap #pagetoc, #beyazkitap #pagetoc a[title=H2], #beyazkitap #pagetoc a[title=H4] {border-color:#dbd5b7;}
#beyazkitap #pagetoc p { color:#444; border-color:#d9c872;}

#cocuk #pagetoc a {font-family: '00812Regular',"Times New Roman", Times, serif; font-size:16px;}
#cocuk #pagetoc p { color:#fff; background-color: #ff6600;font-size:18px; }
#cocuk #pagetoc, #beyazkitap #pagetoc {background: -moz-linear-gradient(left, #ece7d0 0%, #fff 55%, #e4ddbc 100%); background: -webkit-gradient(linear, left center, right center, from(#ece7d0),color-stop(55%, #fff), to(#e4ddbc));}
/*--------------------- büyük kapak modal ---------------------------*/
#emptycover { height:170px; width:130px; background:url(../images/emptycover.png) left top no-repeat; margin-left:auto; margin-right:auto; cursor:pointer;}
#emptycover img {height:154px; width:117px;  margin:1px 11px 15px 2px;}

#fade {	display: none;	background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%;  opacity:.5; -moz-opacity:.5; -khtml-opacity:.5;	z-index: 10; cursor:pointer;}
.popup_block{ display: none; float: left; position: fixed; top: 55%; left: 50%; z-index: 99998; }
img.btn_close {	float: right;  margin:0 -20px -5px 0; z-index: 99999;}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {position: absolute;}
*html .popup_block {position: absolute;}

/*---------------------accordion header-----------------------*/
#cocuk .acc-bookheader a{font-family: '00812Regular',"Times New Roman", Times, serif; font-size:17px;}
.acc-bookheader { min-height:260px; padding:0 30px;}
.acc-bookheader h2 { margin:0; padding: 10px; cursor:pointer; text-align:center; font-size:1.3em; letter-spacing:.231em; color:#999; font-weight:normal;  }
.acc-bookheader h2.current {cursor:default;}
.acc-bookheader div.pane {	display:none; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;}

/*--------------------- GENEL ---------------------------*/
.boxshadow4px { box-shadow:0 0 4px rgba(0,0,0,.5); -moz-box-shadow:0 0 4px rgba(0,0,0,.5); -webkit-box-shadow:0 0 4px rgba(0,0,0,.5); margin-top:1px; margin-bottom:1px;}
.boxshadow5px { box-shadow:0px 1px 8px rgba(0,0,0,.5); -moz-box-shadow:0px 1px 8px rgba(0,0,0,.5); -webkit-box-shadow:0px 1px 8px rgba(0,0,0,.5); margin:0 8px;}
.boxshadow10px { box-shadow:3px 3px 10px rgba(0,0,0,.6); -moz-box-shadow:3px 3px 10px rgba(0,0,0,.6); -webkit-box-shadow:3px 3px 10px rgba(0,0,0,.6); margin:5px 15px 10px 10px;}
.boxshadowborder { box-shadow:1px 1px 12px rgba(0,0,0,.6); -moz-box-shadow:1px 1px 12px rgba(0,0,0,.6); -webkit-box-shadow:1px 1px 12px rgba(0,0,0,.6); margin:5px 15px 10px 10px; padding:4px; border:1px solid #ddd; background-color: rgb(255,255,255);	background: rgba(255,255,255,.5); _background-color:#fff;}
.boxshadowborder2 { box-shadow:1px 1px 12px rgba(0,0,0,.6); -moz-box-shadow:1px 1px 12px rgba(0,0,0,.6); -webkit-box-shadow:1px 1px 12px rgba(0,0,0,.6); margin:5px 15px 10px 10px; padding:4px; border:2px solid #e2d396; background-color: rgb(226,211,150); background: rgba(173,141,45,.6); _background-color:#e2d396;}

.curvedcorners10px { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.curvedcorners5px { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

div.imagecaption { position: relative; font-size:14px; line-height:17px; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;}
.imagecaption img, .imagecaption .caption { position: absolute; border: 0;}
.imagecaption .caption .text{position: absolute; width:100%; height:100%; margin:0; padding:0; overflow:hidden;}
.imagecaption .caption .textmargin { margin:15px;}
.imagecaption .caption .bg-color { position: absolute; width:100%; height:100%; margin:0; padding:0; box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; opacity:.6; -moz-opacity:.6; -khtml-opacity:.6; filter:alpha(opacity=60); transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out;}

.imagecaption .text .baslik { margin:0 0 10px 0; padding:0; font-size:21px;color:#FFF; letter-spacing:-1px; line-height:22px;text-shadow:0px 1px 1px #000; text-align:left;}
.imagecaption .text p { margin:0 0 10px 0; padding:0; color:#FFF;text-shadow:0px 1px 1px #000;}
.imagecaption a { text-shadow:0px 1px 1px #000;}
.imagecaption a:hover  { text-decoration:none;}
.imagecaption .caption .text a:hover { text-decoration: underline;}
.imagecaption a:hover .bg-color{ opacity:.8; -moz-opacity:.8; -khtml-opacity:.8;filter:alpha(opacity=80);}

div.videoizle  { position: relative; overflow: hidden; display:block;  font-family: Arial, Helvetica, sans-serif !important;}
.videoizle img { position: absolute; top: 0; left: 0; border: 0; }
.videoizle .caption{ position: absolute; top:80%; left:0; width:100%; height:40%; margin:0; transition:top .2s ease-out; -moz-transition:top .2s ease-out; -webkit-transition:top .2s ease-out; -o-transition:top .2s ease-out;}
.videoizle .text { position: absolute; height:100%; color:#FFF; font-size:13px; line-height:18px; padding:2px; text-shadow:1px 1px 1px #000;}
.videoizle .bg-color { position: absolute;  margin:0; padding:0; width:100%; height:100%; background-color:#000000; -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; filter:alpha(opacity=50);}
.videoizle .acik { display:block; top:0; height:50%; background: url(../images/marker.png) 10px 2px no-repeat; padding-left:35px;}
.videoizle .sakli { display:block; top:50%;  height:50%;  padding-left:35px;}
.videoizle a { color:#FFF;}

.videoizle a:hover .caption  { top:60%;}
.videoizle a:hover .bg-color{background-color:#ff0000;}


/*------------------- bookwrap content------------------------*/

#bookwrap {margin:15px; text-align: justify; width:920px;}
#bookwraptr>td:first-child {width:920px; display: block;}
#cocuk #bookwrap { font-family: '00812Regular',"Times New Roman", Times, serif; font-size:19px; line-height:29px;}

#bookwrap .imagecaption {text-align: left;}

#bookwrap ul, #bookwrap ol, #bookwrap blockquote { border-left:10px solid #dedede; line-height:1.462em; font-size:0.923em; /*text-align:left;*/ }
#bookwrap blockquote { font-style:italic; line-height:1.615em;}
#bookwrap ul li{ background-image: url(../images/bullet_grey.gif);}

#beyazkitap #bookwrap ul, #beyazkitap #bookwrap ol, #beyazkitap #bookwrap blockquote { border-left:none; background: url(../images/border-1.png) top left repeat-y; _background-image:url(../images/border-1.gif);}
#beyazkitap #bookwrap ul li, #beyazkitap #bookwrap ol, #beyazkitap #bookwrap blockquote { padding-left:4em; }
#beyazkitap #bookwrap ul li{ background-position:2.8em .3em;}

#cocuk #bookwrap ul, #cocuk #bookwrap ol, #cocuk #bookwrap blockquote {border-left:none; background: url(../images/cocuk_border.png) top left repeat-y; font-style:normal;}
#cocuk #bookwrap ul li, #cocuk #bookwrap ol, #cocuk #bookwrap blockquote { padding-left:3.3em; }
#cocuk #bookwrap ul li{ background-position:2.3em .4em;}

#bookwrap td * ul, #bookwrap td * ol, #bookwrap td * blockquote { border-left:none;}
#beyazkitap #bookwrap td * ul, #beyazkitap #bookwrap td * ol, #beyazkitap #bookwrap td * blockquote,
#cocuk #bookwrap td * ul, #cocuk #bookwrap td * ol, #cocuk #bookwrap td * blockquote { background-image:none; margin-left:0; margin-right:0;}

#bookwrap a:hover, #bookwrap a:focus, #bookwrap a:active{ text-decoration:none;}

#bookwrap p a {border-bottom:1px solid #cc3333; text-decoration:none; }
#bookwrap p a:hover {background-color: #fff0f0; text-decoration:none;}
#beyazkitap #bookwrap p a:hover  {color:#000; background-color:#edebd5; border-bottom:1px solid #d9c872;}
#cocuk #bookwrap p a:hover  {color:#000; background-color:#fcf88e; border-bottom:1px solid #d9c872;}


#bookwrap h1#title0 { margin-top:0;}
#bookwrap h1 {font-size:30px; letter-spacing:1px; font-family: Georgia, serif; font-weight:bold; line-height:1em; color:#cc0000; text-shadow:black 1px 1px 1px, #5c5448 2px 2px 4px; padding:15px 0; margin:2em 0 1em 0; clear: both;}
#bookwrap h2 {font-size: 2em; letter-spacing:-1px; line-height:1.4em; font-family: Georgia,serif; font-weight: 100; margin:2em 0 1em 0; color:#cc0000; border-top:3px solid #dedede;  padding:10px 0;}
#bookwrap h3 {font-size: 1.846em; line-height:1.4em;  font-family: Georgia,serif; font-weight: 400; color:#333; background:transparent url(../images/dashed.gif) bottom repeat-x; padding:10px 0; margin:1.692em 0 1em 0;}

#beyazkitap #bookwrap h1 { background: url(../images/book-h1-beyaz.png) center top no-repeat; padding:50px 0 20px 0; color:#666;}
#cocuk #bookwrap h1 {font-size:1.8em; letter-spacing:1px; font-family: "Comic Sans MS", cursive; color:#666; background:url(../images/cocuk_h1.png) top left repeat-x; _background-image:url(../images/cocuk_h1.jpg); padding:50px 0 20px 0; }
#cocuk #bookwrap h2 {font-size:1.692em; font-family: "Comic Sans MS", cursive; color:#ff4800; font-weight:bold;}
#cocuk #bookwrap h3 {font-size: 1.308em;  font-family: "Comic Sans MS", cursive; color:#333; background:transparent url(../images/dashed.gif) bottom repeat-x; font-weight:bold;}

#bookwrap #footnotes h4 {font-size: 1.2em;  font-family: Georgia,serif; font-weight: 400; color:#333; background-color:#fff ; padding:10px 0; border-top:1px dashed #666; border-bottom:1px dashed #666; margin-top:70px;}
#bookwrap #footnotes {font-size:.8em; line-height:1.4em; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; }
#bookwrap #footnotes p { margin: 1em 0 1em 50px; text-indent:-20px;}
#cocuk #bookwrap #footnotes { font-family:'00812Regular', "Times New Roman", Times, serif; }

#bookwrap h1+p:first-letter,
p.dropcap1:first-letter {color:#fff !important; background:#aeb1b4; text-shadow:#000 2px 0px 5px; font-family: Georgia,serif; font-size:65px; padding:5px; 
line-height:50px; font-weight:500; float:left; margin:5px 0.107em 0 0; font-style:normal; text-decoration:none;}
p.dropcap2:first-letter {color:rgba(255,255,255,.7); text-shadow: rgba(0,0,0,.7) 2px 2px 4px;font-family: Georgia,serif;  font-size:70px; padding:2px 5px 0 0;
line-height:50px; font-weight:500; float:left; margin:5px 0.107em 0 0; font-style:normal; text-decoration:none;}

#beyazkitap #bookwrap h1+p:first-letter,
#beyazkitap p.dropcap1:first-letter { background-color:#eae5ce; text-shadow:#b9b395 2px 1px 2px;}

#cocuk #bookwrap h1+p:first-letter,
#cocuk #bookwrap p.dropcap1:first-letter {font-family: '00812Regular',"Times New Roman", Times, serif; background-color: #ff6600; text-shadow: #333 2px 1px 2px; font-size:80px; padding:2px 10px;line-height:68px; margin-top:10px;}
#cocuk #bookwrap p.dropcap2:first-letter {font-family: '00812Regular',"Times New Roman", Times, serif; color:rgba(255,255,255,.7); font-size:85px; padding:2px 10px 2px 0;line-height:68px; margin-top:10px}


.ayet{ font-weight:bold; }
.ayet,.hadis, .hadiscerceveli {font-family: Georgia,serif; font-style:italic; margin:1.615em 30px; text-shadow:1px 1px 1px #d7c8a0;}
span.ayet, span.hadis {margin:0;}
.ayetno, .hadisno { font-family: Georgia,serif; font-size:11px; font-style: normal; font-weight:normal; margin:1.615em 2em; text-shadow:none; padding-left:5px;}
.ayetno { white-space:nowrap;}
.ayetno:before, .hadisno:before{content:url(../images/no.gif);}
span.ayetno, span.hadisno {margin:0;}
.hadiscerceveli { background:url(../images/muhur2.gif) 5px 15px no-repeat; padding:15px 15px 15px 35px; border:1px solid #dbd5b7; box-shadow:3px 3px 3px #dbd5b7; -moz-box-shadow:3px 3px 3px #dbd5b7; -webkit-box-shadow:3px 3px 3px #dbd5b7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
span.hadiscerceveli { margin:0; background:transparent; padding:0; border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border-radius:none; -moz-border-radius:none; -webkit-border-radius:none;}

#cocuk .ayet, #cocuk .hadis, #cocuk .hadiscerceveli {font-family: "Comic Sans MS", cursive; font-style:normal; font-size:16px;}
#cocuk .ayetno, #cocuk .hadisno {font-family: "Comic Sans MS", cursive; font-size:16px;}

span.box-kelime, p.box-kelime { border:2px solid #000; padding:2px 5px; font-weight:bold; line-height:2.3em; margin-right:2px; display: inline;}
.box-double, .box-single { padding:10px; margin-left:auto; margin-right:auto; line-height:2em; box-shadow:1px 1px 2px rgba(0,0,0,.7); -moz-box-shadow:1px 1px 2px rgba(0,0,0,.7); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.7); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:table; _display:inline-block; *display:inline-block; width:800px; *width:auto;}
.box-double { border:3px double #000;}
.box-single { border:1px solid #999;}
div.box-double, div.box-single, table.box-double, table.box-single { margin-top:15px; margin-bottom:15px;}
table.box-double p, table.box-single p { margin-top:0;}

.bg_desen4 .box-double, .bg_desen5 .box-double, .bg_desen6 .box-double, .bg_desen7 .box-double, .bg_desen8 .box-double, .bg_desen9 .box-double, .bg_desen10 .box-double, .bg_desen11 .box-double,
.bg_desen4 .box-single, .bg_desen5 .box-single, .bg_desen6 .box-single, .bg_desen7 .box-single, .bg_desen8 .box-single, .bg_desen9 .box-single, .bg_desen10 .box-single, .bg_desen11 .box-single 
{border-color:#FFF;}
.bg_desen4 .box-kelime, .bg_desen5 .box-kelime, .bg_desen6 .box-kelime, .bg_desen7 .box-kelime, .bg_desen8 .box-kelime, .bg_desen9 .box-kelime, .bg_desen10 .box-kelime, .bg_desen11 .box-kelime{border-color:#FFF;}


/*--------------------------------------------------*/
.baslik1, p.baslik1 {font-size:20px; line-height:26px; font-weight:bold;}
.baslik2, p.baslik2 {font-size:18px; line-height:26px; font-weight:bold; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; padding-left:15px;margin:1.692em 0 1em 0;}
.baslik3, p.baslik3 {font-size:16px; line-height:22px; font-weight:bold; font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; padding-left:30px; margin:1.692em 0 1em 0;}

.baslik_g1, p.baslik_g1 {font-size:26px; line-height:30px; text-shadow:0px 1px 1px #000; margin:.2em 0; text-align:left;}
.baslik_g2, p.baslik_g2 {font-size:21px; line-height:26px; color:#f4b52e !important; letter-spacing:-1px; text-shadow:0px 1px 1px #000; margin:.2em 0; text-align:left;}
.baslik_old1, p.baslik_old1 {font-family:'00839Regular', "Times New Roman", Times, serif !important; letter-spacing:-1px; font-weight:bolder; font-size:34px; line-height:40px; margin:10px 0;text-shadow:white 1px 1px 1px; text-align:left;}
.baslik_old2, p.baslik_old2 {font-family:'00812Regular', "Times New Roman", Times, serif !important; font-size:26px !important; line-height:30px; letter-spacing:-1px; margin:10px 0; text-shadow:white 1px 1px 1px;font-weight:bold;  text-align:left;}
.baslik_susluyazi {font-family:'00629Regular', "Times New Roman", Times, serif !important; font-size:35px; line-height:40px; text-align:center; color:#ead293!important; text-shadow:0px 1px 1px #000; margin-bottom:10px 0; font-weight: bold;  margin:1em 0 .2em;}
.baslik_susluyazi:after {content:url(../images/blank.gif); display:block; margin:10px auto 0 auto; text-align:center; background:url(../images/suslu-line.png) center no-repeat; height:38px;}

#cocuk .baslik1 { font-size:1.4em; line-height:1.6em;}
#cocuk .baslik2, #cocuk .baslik3, #cocuk .ops  { font-family:inherit; font-size:1.2em; line-height:1.4em;}
#cocuk .baslik_g2, #cocuk p.baslik_g2 { color:#FEEB01 !important; text-shadow:1px 1px 1px #000, 1px 1px 4px #000; letter-spacing:0;}
#cocuk .cocuk_saydam_sari .baslik_g2, #cocuk .cocuk_saydam_sari p.baslik_g2 { color:#F00 !important; }

.baslik-cocuk {
	border-right:1px solid #666; border-bottom:1px solid #666;border-left:1px solid white; border-top:1px solid white;
	display:inline;
    font-size: 26px;
	line-height:44px;
    background: #43a9d6;
    color: #efeeef;
    padding:0 10px;
	margin:1em auto;
    text-shadow: -1px -1px #666;
    -webkit-box-shadow: 4px 6px rgba(160,160,160,.7);
    -moz-box-shadow: 4px 6px rgba(160,160,160,.7);
    box-shadow: 4px 6px rgba(160,160,160,.7);
    font-weight: normal;
	font-weight:bold;
	font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}


.doublecolumn {-moz-column-count: 2; -webkit-column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px; text-align:justify;}
.doublecolumn p{ margin-top:0;}


.rotate-r {transform: rotate(7deg); -moz-transform: rotate(7deg); -webkit-transform: rotate(7deg); -o-transform: rotate(7deg); margin:15px; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out;}
.rotate-l {transform: rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); -o-transform: rotate(-7deg); margin:15px; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out;}
/*.rotate-r:hover, .rotate-l:hover {transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg);}*/

.polaroid { color:#000; background-color:#FFF; padding:10px 10px 30px 10px; border:1px solid #bec1c6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:2px 2px 4px rgba(0,0,0,.5); -moz-box-shadow:2px 2px 4px rgba(0,0,0,.5); -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.5); margin:10px 15px; overflow-x:hidden; font-family:'00839Regular',"Times New Roman", Times, serif; font-size:17px; line-height:21px; /*text-align:left; */ transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; text-shadow:none !important;}
.polaroid p, .resimkutu p, .resimkutu-sari p, .font_resimalti p { margin-top:10px; margin-bottom:10px;}

.polaroid:hover, a:hover.rotate-r, a:hover.rotate-l, a:hover .rotate-r, a:hover .rotate-l  {transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); -moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); z-index: 5;}


.resimkutu { padding:10px; border:1px solid #bec1c6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:2px 2px 4px rgba(0,0,0,.5); -moz-box-shadow:2px 2px 4px rgba(0,0,0,.5); -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.5); margin:5px 15px 10px 10px; overflow-x:hidden;}
.resimkutu-sari { padding:10px; border:1px solid #dbd5b7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:2px 2px 4px #dbd5b7; -moz-box-shadow:2px 2px 4px #dbd5b7; -webkit-box-shadow:2px 2px 4px #dbd5b7; margin:5px 15px 10px 10px; overflow-x:hidden;}
.resimkutu img {border:1px solid #bec1c6;}
.resimkutu-sari img {border:1px solid #dbd5b7; }
table.resimkutu, table.resimkutu-sari { padding:10px 5px;}
table.resimkutu td, table.resimkutu-sari td { padding:5px 10px;}
table.resimkutu p, table.resimkutu-sari p { margin-top:0;}


.yazi{font-family: Georgia,serif; font-size:19px; line-height:25px; text-shadow:0px 1px 1px #000; font-style:italic; text-align:center;}
.banneryazi {font-family: Georgia,serif; font-size:18px; line-height:23px; text-shadow:0px 1px 1px #000; font-weight:bold; font-style:italic;}
.banneryazi2{font-family: Georgia,serif; font-size:16px; line-height:20px; text-shadow:0px 1px 1px #000; font-weight:bold;}

.ops {padding:15px 5px; font-family: Georgia,serif; font-size:17px; line-height:23px; font-style:italic; text-align:center; color:#8a9499; border-top:1px dashed #bec1c6;  border-bottom:1px dashed #bec1c6;  margin-left:auto; margin-right:auto;}
.ops:before{content:url(../images/quotes.png);}
.ops:after{content:url(../images/quotes2.png);}


/*-----------------------ayraclar---------------------------*/

.ayrac {background:url(../images/ayrac.png) center no-repeat; clear:both; height:30px;}
.ayrac-gri {background:url(../images/ayrac-gri.png) center no-repeat; clear:both; height:30px;}
.ayrac-muhur {background:url(../images/ayrac-muhur.png) center no-repeat; clear:both; height:50px;}
.ayrac-suslu {background:url(../images/ayrac-suslu.png) center no-repeat; clear:both; height:80px;}

.ayrac1 {background:url(../images/ayrac1.jpg) left center repeat-x; clear:both; height:100px;}
.ayrac2 {background:url(../images/ayrac2.jpg) left center repeat-x; clear:both; height:100px;}
.ayrac3 {background:url(../images/ayrac3.jpg) center repeat-x; clear:both; height:100px;}

/*------------------cerceveler----------------------*/
div.c-cerceve1 { margin:10px auto;}
div.c-cerceve1 div.c-cerceve2 {background: url(../images/border-1.png) left top repeat-y; padding:0 0 0 30px; }
div.c-cerceve1 div.c-cerceve3 { background:url(../images/border-2.png) right top repeat-y; padding:0 30px 0 0;}
div.c-cerceve1 div.c-cerceve4 { background:url(../images/border-3.png) left top repeat-x; padding:30px 0 0 0;}
div.c-cerceve1 div.c-cerceve5 { background:url(../images/border-4.png) left bottom repeat-x; padding:0 0 30px 0;}
div.c-cerceve1 div.c-cerceve6 { width:100%; height:100%; overflow:hidden;}

div.c-suslu1 { margin:10px auto;}
div.c-suslu1 div.c-suslu2 { background:url(../images/border-d-1.png) center top repeat-x; padding:47px 0 0 0;}
div.c-suslu1 div.c-suslu3 { background:url(../images/border-d-2.png) center bottom repeat-x; padding:0 0 41px 0;}
div.c-suslu1 div.c-suslu4 {background: url(../images/border-d-3.png) left center repeat-y; padding:0 0 0 40px; }
div.c-suslu1 div.c-suslu5 { background:url(../images/border-d-4.png) right center repeat-y; padding:0 40px 0 0;}
div.c-suslu1 div.c-suslu6 { width:100%; height:100%; overflow:hidden;}

div.c-sade1 { margin:10px auto;}
div.c-sade1 div.c-sade2{ background:url(../images/2border-1.png) left top repeat-x; padding:25px 0 0 0;}
div.c-sade1 div.c-sade3 { background:url(../images/2border-2.png) left bottom repeat-x; padding:0 0 20px 0;}
div.c-sade1 div.c-sade4 { background: none; padding:10px; border-left:6px double #eddfad;border-right:6px double #eddfad;}
div.c-sade1 div.c-sade5 { width:100%; height:100%; overflow:hidden;}
div.c-sade1 div.c-sade6 {}

div.c-parsomen1 { margin:10px auto;}
div.c-parsomen1 div.c-parsomen2 {background: url(../images/border-p-1.png) left top repeat-y; padding:0 0 0 50px;}
div.c-parsomen1 div.c-parsomen3 {background:url(../images/border-p-2.png) right top repeat-y; padding:0 50px 0 0;}
div.c-parsomen1 div.c-parsomen4 {background:url(../images/border-p-3.png) left top repeat-x; padding:35px 0 0 0;}
div.c-parsomen1 div.c-parsomen5 {background:url(../images/border-p-4.png) left bottom repeat-x; padding:0 0 35px 0; height:100%;}
div.c-parsomen1 div.c-parsomen6 {background:url(../images/border-p-5.jpg) left top repeat; padding:10px;}
div.c-parsomen1 div.c-parsomen7 {width:100%; overflow:hidden;}

div.c-rulo1{ width:800px; margin:10px auto; display:block;}
div.c-rulo1 div.c-rulo2 { background:url(../images/border-r-1.jpg) left top no-repeat; padding:125px 0 0 0; }
div.c-rulo1 div.c-rulo3 { background:url(../images/border-r-2.jpg) left bottom no-repeat; padding:0 0 105px 0;}
div.c-rulo1 div.c-rulo4 { background:url(../images/border-r-3.jpg) left top repeat-y; padding:1px 70px 1px 60px;}
div.c-rulo1 div.c-rulo5 { width:100%; height:100%; overflow:hidden;}

div.c-rulok1 { width:450px; margin:10px;}
div.c-rulok1 div.c-rulok2 { background:url(../images/border-r-1k.jpg) left top no-repeat; padding:70px 0 0 0; }
div.c-rulok1 div.c-rulok3 { background:url(../images/border-r-2k.jpg) left bottom no-repeat; padding:0 0 60px 0;}
div.c-rulok1 div.c-rulok4 { background:url(../images/border-r-3k.jpg) left top repeat-y; padding:1px 45px 1px 40px;}
div.c-rulok1 div.c-rulok5 { width:100%; height:100%; overflow:hidden;}

/*------------------cerceveler (tablo yöntemiyle)----------------------*/
td.c-t-cerceve-l {background: url(../images/border-1.png) left top repeat-y; width:30px; border:none;}
td.c-t-cerceve-r { background:url(../images/border-2.png) right top repeat-y; width:30px; border:none;}
tr.c-t-cerceve-t, td.c-t-cerceve-t { background:url(../images/border-3.png) left top repeat-x; height: 30px; border:none;}
tr.c-t-cerceve-b, td.c-t-cerceve-b { background:url(../images/border-4.png) left bottom repeat-x; height: 30px; border:none;}

td.c-t-suslu-l {background: url(../images/border-d-3.png) left center repeat-y; width:40px; border:none;}
td.c-t-suslu-r { background:url(../images/border-d-4.png) right center repeat-y; width:40px; border:none;}
tr.c-t-suslu-t { background:url(../images/border-d-1.png) center top repeat-x; height: 47px; border:none;}
tr.c-t-suslu-b { background:url(../images/border-d-2.png) center bottom repeat-x; height: 41px; border:none;}

td.c-t-sade-l {width:10px; border-left:6px double #eddfad;}
td.c-t-sade-r {width:10px; border-right:6px double #eddfad;}
tr.c-t-sade-t, td.c-t-sade-t { background:url(../images/2border-1.png) left top repeat-x; height: 25px; border:none;}
tr.c-t-sade-b, td.c-t-sade-b { background:url(../images/2border-2.png) left bottom repeat-x; height: 20px; border:none;}

td.c-t-parsomen-l { background:url(../images/border-p-1.png) left top repeat-y; width:50px; border:none;}
td.c-t-parsomen-r { background:url(../images/border-p-2.png) right top repeat-y;  width:50px; border:none;}
td.c-t-parsomen-t { background:url(../images/border-p-3.png) left top repeat-x;  height: 35px; border:none;}
td.c-t-parsomen-b { background:url(../images/border-p-4.png) left bottom repeat-x; height: 35px; border:none;}
td.c-t-parsomen-m { background:url(../images/border-p-5.jpg) left top repeat; padding:10px; height:100%;}

td.c-t-rulo-t { background:url(../images/border-r-1.jpg) left top no-repeat; height:125px; border:none;}
td.c-t-rulo-b { background:url(../images/border-r-2.jpg) left bottom no-repeat; height:105px; border:none;}
td.c-t-rulo-m { background:url(../images/border-r-3.jpg) left top repeat-y; padding:1px 70px 1px 60px; height:100%;}

td.c-t-rulok-t { background:url(../images/border-r-1k.jpg) left top no-repeat; height:70px; border:none;}
td.c-t-rulok-b { background:url(../images/border-r-2k.jpg) left bottom no-repeat; height:60px; border:none;}
td.c-t-rulok-m { background:url(../images/border-r-3k.jpg) left top repeat-y; padding:1px 45px 1px 40px; height:100%;}

/*-------------------- fonlar -------------------*/
.bg_oldpaper {background:url(../images/bg_oldpaper.jpg) left top repeat; padding:80px 50px 50px 50px;}
.bg_paper1 {background:url(../images/bg_paper1.jpg) left top repeat; padding:20px 30px;}
.bg_paper2 {background:url(../images/bg_paper2.jpg) left top repeat; padding:20px 30px;}
.bg_beton {background:url(../images/bg_beton.jpg) left top repeat; padding:30px; color:#fff !important; font-weight:bold !important; text-shadow:#444 -2px -2px 2px, black 1px 1px 1px, #5c5448 2px 2px 4px !important; /*text-align:left;*/ font-size:1.3em; line-height:1.6em;}
.bg_wood {background:url(../images/bg_wood.jpg) left top repeat; padding:20px;}
.bg_pattern1 {background:url(../images/bg_pattern.gif) left top repeat;}
.bg_desen1{background:url(../images/bg_desen1.gif) left top repeat;}
.bg_desen2{background:url(../images/bg_desen2.gif) left top repeat;  border:1px solid #dedede;}
.bg_desen3 {background:url(../images/bg_desen3.jpg) left top repeat; color:#3c3937;}
.bg_desen4 {background:url(../images/bg_desen4.gif) left top repeat; color:#d5c9af !important; }
.bg_desen5 {background:url(../images/bg_desen5.gif) center top repeat; color:#ebe2c6 !important;}
.bg_desen6 {background:url(../images/bg_desen6.gif) left top repeat; color:#dedede !important;;}
.bg_desen7 {background:url(../images/bg_desen7.jpg) left top repeat;}
.bg_desen8 {background:url(../images/bg_desen8.jpg) left top repeat;}
.bg_desen9 {background:url(../images/bg_desen9.jpg) left top repeat;}
.bg_desen10 {background:url(../images/bg_desen10.jpg) center top repeat; color:#fff!important; text-shadow:0px 1px 1px #000; }
.bg_desen11 {background:url(../images/bg_desen11.jpg) center top repeat; color:#fff!important; text-shadow:0px 1px 1px #000; }

.cocuk_bulutlu {background:url(../images/bg_cocuk_bulut.jpg) left top repeat; padding:20px 40px;}
.cocuk_deftercizgili {background:url(../images/bg_cocuk_beyazsayfa.gif) left top repeat; padding:10px 40px; border:1px solid #ebeeef;}
.cocuk_defterkareli {background:url(../images/bg_cocuk_kareli.gif) left top repeat; padding:10px 40px; border:1px solid #ebeeef;}
.cocuk_deftersari {background:url(../images/bg_cocuk_sarisayfa.gif) left top repeat-y; padding:10px 40px 10px 70px; box-shadow:6px 3px 8px rgba(0,0,0,.5); -moz-box-shadow:6px 3px 8px rgba(0,0,0,.5); -webkit-box-shadow:6px 3px 8px rgba(0,0,0,.5);margin:5px 15px 10px 10px;}

/*-------------------- fontlar ----------------------*/

div.c-parsomen1, div.c-rulo1, div.c-rulok1, td.c-t-parsomen-m, td.c-t-rulo-m, td.c-t-rulok-m, .bg_oldpaper {font-family:'00629Regular', "Times New Roman", Times, serif; font-size:18px; line-height:28px;}
.cocuk_deftersari, .cocuk_defterkareli, .bg_paper1, .bg_paper2 { font-family: '00812Regular',"Times New Roman", Times, serif; font-size:19px; line-height:30px; /*text-align: left;*/}
.cocuk_deftercizgili {font-family:'00839Regular',"Times New Roman", Times, serif; font-size:19px; line-height:29px; /*text-align:left;*/}
.cocuk_kutu_pembeli, .cocuk_kutu_yesilli, .cocuk_kutu_sarili, .cocuk_kutu_mavili, .cocuk_saydam_pembe, .cocuk_saydam_mavi, .cocuk_saydam_sari, .cocuk_saydam_yesil, .cocuk_bulutlu{ font-family:"Comic Sans MS", cursive; font-size:16px; line-height:24px; /*text-align: left;*/} 

.resimkutu, .resimkutu-sari,  .font_resimalti{ font-family:"Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif !important; font-size:11px; line-height:17px;}
.font_elyazi1 { font-family: '00812Regular',"Times New Roman", Times, serif  !important; font-size:17px ; line-height:21px; text-align:left;}
.font_elyazi2 {font-family:'00839Regular',"Times New Roman", Times, serif !important; font-size:17px; line-height:21px; text-align:left;}
.font_susluyazi {font-family:'00629Regular', "Times New Roman", Times, serif !important; font-size:18px; line-height:28px; text-align: center;}
/*------------------ font renkleri ---------------------*/

div.c-parsomen1, div.c-rulo1, div.c-rulok1, td.c-t-parsomen-m, td.c-t-rulo-m, td.c-t-rulok-m, .bg_oldpaper, .bg_desen1, .bg_desen2, .bg_pattern1, .bg_paper1, .bg_paper2, .cocuk_deftercizgili, .cocuk_defterkareli, .cocuk_deftersari  {color:#000 !important;}
.bg_desen7, .bg_desen8, .bg_desen9 { color:#fff !important; text-shadow:0px 1px 1px #000;}

/*------------------ kutu golgeleri ---------------------*/

.bg_beton, .bg_wood {box-shadow:2px 2px 4px rgba(0,0,0,.5); -moz-box-shadow:2px 2px 4px rgba(0,0,0,.5); -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.5); margin:5px 15px 10px 10px;}
.bg_pattern1, .bg_pattern2, .bg_pattern3, .bg_desen1, .bg_desen2, .bg_desen3, .bg_desen4, .bg_desen5, .bg_desen6, .bg_desen7, .bg_desen8, .bg_desen9, .bg_desen10, .bg_desen11 { box-shadow:3px 3px 10px rgba(0,0,0,.6); -moz-box-shadow:3px 3px 10px rgba(0,0,0,.6); -webkit-box-shadow:3px 3px 10px rgba(0,0,0,.6); margin:5px 15px 10px 10px; padding:10px;}
.bg_oldpaper, .bg_paper1, .bg_paper2, .cocuk_deftercizgili, .cocuk_defterkareli, .cocuk_bulutlu {box-shadow:3px 3px 10px rgba(0,0,0,.6); -moz-box-shadow:3px 3px 10px rgba(0,0,0,.6); -webkit-box-shadow:3px 3px 10px rgba(0,0,0,.6); margin:5px 15px 10px 10px;}

/*------------------Cocuk kitaplari-----------------*/

.cocuk_kutu_pembeli {background:url(../images/bg_cocuk1.gif) top left repeat; border:15px solid rgba(240,155,215,.5);}
.cocuk_kutu_yesilli {background:url(../images/bg_cocuk2.gif) top left repeat; border:15px dashed rgba(176,220,23,.5);}
.cocuk_kutu_sarili {background:url(../images/bg_cocuk3.gif) top left repeat; border:15px solid rgba(255,255,0,.5);}
.cocuk_kutu_mavili {background:url(../images/bg_cocuk4.gif) top left repeat; border:15px dotted rgba(255,255,255,.5);}
.cocuk_kutu_pembeli, .cocuk_kutu_yesilli, .cocuk_kutu_sarili, .cocuk_kutu_mavili {padding:20px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:1px 1px 12px rgba(0,0,0,.6); -moz-box-shadow:1px 1px 12px rgba(0,0,0,.6); -webkit-box-shadow:1px 1px 12px rgba(0,0,0,.6); margin:10px 15px;}

.cocuk_saydam_pembe{ background-color: rgb(227,0,105); background: rgba(227,0,105,.6); _background-color:#e30076; border: 3px dotted rgb(240,155,215); color:#f7f7f7; }
.cocuk_saydam_mavi{ background-color: rgb(0,153,204); background: rgba(0,153,204,.6); _background-color:#0099cc; border: 3px dotted rgb(7,136,202); color:#f7f7f7; }
.cocuk_saydam_sari{ background-color: rgb(255,204,0); background: rgba(255,204,0,.7); _background-color:#ffcc00; border: 3px dotted rgb(255,255,0); }
.cocuk_saydam_yesil{ background-color: rgb(131,169,0); background: rgba(131,169,0,.6); _background-color:#83a900; border: 3px dotted rgb(131,169,0); color:#f7f7f7; }
.cocuk_saydam_pembe, .cocuk_saydam_mavi, .cocuk_saydam_sari, .cocuk_saydam_yesil{ 
margin:10px 15px; padding:15px;
-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;  
box-shadow: 0 0 5px rgba(0,0,0,.7);	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);	-moz-box-shadow: 0 0 5px rgba(0,0,0,.7); 
transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out;}
.cocuk_saydam_pembe:hover, .cocuk_saydam_mavi:hover, .cocuk_saydam_sari:hover, .cocuk_saydam_yesil:hover {box-shadow:0 0 7px rgba(0,0,0,.7), 0 0 35px rgba(255,255,0,.7), 0 0 35px rgba(255,255,0,.7); -webkit-box-shadow: 0 0 7px rgba(0,0,0,.7), 0 0 35px rgba(255,255,0,.7), 0 0 35px rgba(255,255,0,.7); -moz-box-shadow:0 0 7px rgba(0,0,0,.7), 0 0 35px rgba(255,255,0,.7), 0 0 35px rgba(255,255,0,.7);}

.cocuk_ayrac_renkli {background:url(../images/cocuk_ayrac_renkli.png) center no-repeat; clear:both; height:55px;}
.cocuk_ayrac_pembe {background:url(../images/cocuk_ayrac1.png) left center no-repeat;}
.cocuk_ayrac_sari {background:url(../images/cocuk_ayrac2.png) left center no-repeat; }
.cocuk_ayrac_mavi {background:url(../images/cocuk_ayrac3.png) left center no-repeat; }
.cocuk_ayrac_yesil {background:url(../images/cocuk_ayrac4.png) right center no-repeat;}
.cocuk_ayrac_pembe, .cocuk_ayrac_sari, .cocuk_ayrac_mavi, .cocuk_ayrac_yesil {clear:both; height:40px; margin-top:50px; margin-bottom:50px; background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%; -webkit-background-size: 100% 100%;-khtml-background-size: 100% 100%; color:#fff;}


/*-----------------------------------------------------*/
pre { width:850px; padding:10px; border:2px dotted #d0d0d0; background:#f6f6f6; overflow:scroll; font-size:10px; margin:20px auto; line-height:12px; display:block; }
code { background-color: rgb(102,102,102); background: rgba(0,0,0,.5); _background-color:#666; padding: 2px 3px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.75); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:.923em; font-family:"Monaco", "Courier New", "Courier", monospace; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	   .clearfix { display: inline-block; _height: 1%; }
	   /* Hides from IE-mac \*/
      .clearfix { display: block; }
      /* End hide from IE-mac */

/*-------------------------------------------*/

p.aa1, div.aa1, td.aa1 {padding:10px 30px; border:1px solid #dbd5b7; margin:5px 10px 10px 10px; box-shadow:3px 3px 3px #dbd5b7; -moz-box-shadow:3px 3px 3px #dbd5b7; -webkit-box-shadow:3px 3px 3px #dbd5b7; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
p.aa1:before, div.aa1:before, td.aa1:before{content:url(../images/blank.gif); display:block; margin:0 -15px 20px -15px; text-align:center; background:url(../images/border-3.png) top center repeat-x; height:25px;}
p.aa1:after, div.aa1:after, td.aa1:after{content:url(../images/blank.gif); display:block; margin:20px -15px 0 -15px; text-align:center; background:url(../images/border-4.png) bottom center repeat-x; height:25px;}

p.aa2, div.aa2, td.aa2 {padding:10px 30px; border:1px solid #dbd5b7; margin:5px 10px 10px 10px;}
p.aa2:before, div.aa2:before, td.aa2:before{content:url(../images/blank.gif); display:block; margin:0 -20px 20px -20px; text-align:center; background:url(../images/2border-1.png) top left repeat-x; height:25px;}
p.aa2:after, div.aa2:after, td.aa2:after{content:url(../images/blank.gif); display:block; margin:20px -20px 0 -20px; text-align:center; background:url(../images/2border-2.png) bottom left repeat-x; height:20px;}

p.aa3, div.aa3, td.aa3 {padding:10px 30px; border:1px solid #dbd5b7; margin:5px 10px 10px 10px; box-shadow:3px 3px 3px #dbd5b7; -moz-box-shadow:3px 3px 3px #dbd5b7; -webkit-box-shadow:3px 3px 3px #dbd5b7; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
p.aa3:before, div.aa3:before, td.aa3:before{content:url(../images/blank.gif); display:block; margin:0 -15px 20px -15px	; text-align:center; background:url(../images/aa3.png) top center repeat-x; height:38px;}
p.aa3:after, div.aa3:after, td.aa3:after{content:url(../images/blank.gif); display:block; margin:20px -15px 0 -15px; text-align:center; background:url(../images/aa3.png) bottom center repeat-x; height:38px;}

p.aa4, div.aa4, td.aa4 {padding:0 30px; margin:5px 10px 10px 10px;}
p.aa4:before, div.aa4:before, td.aa4:before{content:url(../images/blank.gif); display:block; margin:0 -5px 5px -5px; text-align:center; background:url(../images/aa4a.png) center bottom no-repeat;height:40px;}
p.aa4:after, div.aa4:after, td.aa4:after{content:url(../images/blank.gif); display:block; margin:5px -5px 0 -5px; text-align:center; background:url(../images/aa4a.png) center top no-repeat; height:40px;}

p.aa5, div.aa5, td.aa5 { padding:5px 30px; margin:5px 10px 10px 10px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;}
p.aa5:before, div.aa5:before, td.aa5:before{content:url(../images/blank.gif); display:block; margin:0 auto 10px auto; text-align:center; background:url(../images/aa5a.png) center center no-repeat; height:60px; }
p.aa5:after, div.aa5:after, td.aa5:after{content:url(../images/blank.gif); display:block; margin:10px auto 0 auto; text-align:center; background:url(../images/aa5b.png) center center no-repeat; height:60px;}

p.aa6, div.aa6, td.aa6 { padding:10px 30px; border:1px solid #dbd5b7; margin:5px 10px 10px 10px; box-shadow:3px 3px 3px #dbd5b7; -moz-box-shadow:3px 3px 3px #dbd5b7; -webkit-box-shadow:3px 3px 3px #dbd5b7; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
p.aa6:before, div.aa6:before, td.aa6:before{content:url(../images/blank.gif); display:block; margin:0 auto 20px auto; text-align:center; background:url(../images/border-d-1.png) center bottom no-repeat; height:55px;}
p.aa6:after, div.aa6:after, td.aa6:after{content:url(../images/blank.gif); display:block; margin:20px auto 0 auto; text-align:center; background:url(../images/border-d-2.png) center top no-repeat; height:45px;}

p.bg_saydam_siyah, p.bg_saydam_beyaz, div.bg_saydam_siyah, div.bg_saydam_beyaz,
p.polaroid, p.bg_beton, p.bg_wood, p.bg_oldpaper, p.bg_paper1, p.bg_paper2, div.polaroid, div.bg_beton, div.bg_wood, div.bg_oldpaper, div.bg_paper1, div.bg_paper2,
p.bg_pattern1, p.bg_pattern2, p.bg_pattern3, p.bg_desen1, p.bg_desen2, p.bg_desen3, p.bg_desen4, p.bg_desen5, p.bg_desen6, p.bg_desen7, p.bg_desen8, p.bg_desen9, p.bg_desen10, p.bg_desen11, 
div.bg_pattern1, div.bg_pattern2, div.bg_pattern3, div.bg_desen1, div.bg_desen2, div.bg_desen3, div.bg_desen4, div.bg_desen5, div.bg_desen6, div.bg_desen7, div.bg_desen8, div.bg_desen9, div.bg_desen10, div.bg_desen11,
p.cocuk_kutu_pembeli, p.cocuk_kutu_yesilli, p.cocuk_kutu_sarili, p.cocuk_kutu_mavili, div.cocuk_kutu_pembeli, div.cocuk_kutu_yesilli, div.cocuk_kutu_sarili, div.cocuk_kutu_mavili,
p.cocuk_saydam_pembe, p.cocuk_saydam_mavi, p.cocuk_saydam_sari, p.cocuk_saydam_yesil, div.cocuk_saydam_pembe, div.cocuk_saydam_mavi, div.cocuk_saydam_sari, div.cocuk_saydam_yesil,
p.aa1, div.aa1, p.aa2, div.aa2, p.aa3, div.aa3, p.aa4, div.aa4, p.aa5, div.aa5, p.aa6, div.aa6,
p.hadiscerceveli, div.hadiscerceveli,
p.resimkutu, p.resimkutu-sari, div.resimkutu, div.resimkutu-sari,
div.c-rulok1, div.c-cerceve1, div.c-sade1, div.c-suslu1, div.c-parsomen1,
p.ops, div.ops {display:table; _display:inline-block; *display:inline-block;}

.bg_desen4 a.link,.bg_desen5 a.link{ color:#ebe2c6 !important;}
.bg_desen6 a.link, .bg_desen7 a.link, .bg_desen8 a.link, .bg_desen9 a.link, .bg_desen10 a.link, .bg_desen11 a.link { color:#fff !important;}

.bg_desen4 ul li, .bg_desen5 ul li, .bg_desen6 ul li, .bg_desen7 ul li, .bg_desen8 ul li, .bg_desen9 ul li, .bg_desen10 ul li, .bg_desen11 ul li,
.cocuk_saydam_pembe ul li, .cocuk_saydam_mavi ul li, .cocuk_saydam_sari ul li, .cocuk_saydam_yesil ul li {background-image: url(../images/bullet-w.gif)}
.cocuk_kutu_pembeli ul li, .cocuk_kutu_yesilli ul li, .cocuk_kutu_sarili ul li, .cocuk_kutu_mavili ul li {background-image: url(../images/bullet_grey.gif)}

/*-----------------saydamlar en altta----------------*/
.bg_saydam_beyaz{ margin:5px 10px 10px 10px;  padding:15px; background-color: rgb(255,255,255); background: rgba(255,255,255,.6); _background-color:#fff; border: 1px solid rgb(204,204,204);  -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;  box-shadow: 0 0 5px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5); -moz-box-shadow: rgba(0,0,0,.5) 0 0 5px; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; color:#121419;}

.bg_saydam_siyah{ margin:5px 10px 10px 10px; padding:15px;  background-color: rgb(102,102,102); background: rgba(0,0,0,.6); _background-color:#666; border: 1px solid rgb(190,190,190); -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;  box-shadow: 0 0 5px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5); -moz-box-shadow: rgba(0,0,0,.5) 0 0 5px; transition:all .2s ease-out; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; color:#f6f6f6 !important; }
.bg_saydam_beyaz:hover, .bg_saydam_siyah:hover {box-shadow: 0 0 15px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); -moz-box-shadow:rgba(0,0,0,.5) 0 0 15px;}

.bg_pattern2 {background:#ccbea4 url(../images/bg_pattern2.png) center center repeat;}
.bg_pattern3 {background:#819761 url(../images/bg_pattern3.png) left top repeat; color:#fff;}
.wordbalon {background-image: url(../images/bg-wordballoon.png); background-position: center; background-repeat: no-repeat;}

.watermark { display: block;position: relative;}
.watermark img.blank {width: 100%;height: 100%;	display: block;	position: absolute;	left: 0;top: 0;	z-index: 2;}
.watermark span {background: transparent url(../images/hy-watermark.png) right bottom no-repeat; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; }
.sahte { display: block; position: relative;}
.sahte img.blank { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 2;}
.sahte span {background: transparent url(../images/sahte.png) center no-repeat; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%; -webkit-background-size: 100% 100%;-khtml-background-size: 100% 100%; }
.false { display: block; position: relative;}
.false img.blank { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 2;}
.false span {background: transparent url(../images/false.png) center no-repeat; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%; -webkit-background-size: 100% 100%;-khtml-background-size: 100% 100%; }
.hayalurunu { display: block; position: relative;}
.hayalurunu img.blank { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 2;}
.hayalurunu span {background: transparent url(../images/hayalurunu.png) center no-repeat; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%; -webkit-background-size: 100% 100%;-khtml-background-size: 100% 100%; }

/*-------------------------------------*/

/*
-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;

p.sarimarker, span.sarimarker {background-color:#fcf88e; border-bottom:1px solid #d9c872; display:inline; line-height:2em; padding:2px 10px;}


 ul li:nth-child(3) {  background: blue }  
#bookwrap #footnotes p:nth-child(2n+2) {color:#C00; }

ul > li:nth-child(3) is the same as ul > *:first-child + * + *  ie7-ie8

.triangle {  
 border-color: transparent transparent green transparent;  
border-style: solid;  
border-width: 0px 300px 300px 300px;  
height: 0px;  
width: 0px;  
}  

 h1 { whitewhite-space:nowrap; }  

.new { position: relative; top:-20px; right:-20px; padding:15px; box-shadow: 0 0 5px rgba(0,0,0,.5);	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);	-moz-box-shadow: rgba(0,0,0,.5) 0 0 5px; opacity:.6; -moz-opacity:.6; -khtml-opacity:.6; filter:alpha(opacity=60); -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.new:hover { box-shadow: 0 0 15px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); -moz-box-shadow:rgba(0,0,0,.5) 0 0 15px; opacity:.8; -moz-opacity:.8; -khtml-opacity:.8; filter:alpha(opacity=80);}

.cerceve { padding:40px; background: url(../images/border-1.png) top left repeat-y, url(../images/border-2.png) top right repeat-y, url(../images/border-3.png) top left repeat-x, url(../images/border-4.png) bottom left repeat-x;}

. radial_gradient_class {
  height: 250px;
  background: -moz-radial-gradient(50% 50%, farthest-side, #487a77, #fff);
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#487a77), to(#fff));
 }

.cirlce {  
     width: 300px;  
     height: 300px;  
     background-color: red;  
     border-radius: 150px;  
     -moz-border-radius: 150px;  
     -webkit-border-radius: 150px;  
 }

background: url(../image_1.jpg) top left no-repeat,
url(../image_2.jpg) bottom left no-repeat,
url(../image_3.jpg) bottom right no-repeat;

div { 
border:1px solid red; 
} 

h2 { column-span: all }

h2:not(.foo, .bar) {…}



equale height columns
margin-bottom: -9999px; padding-bottom: 9999px;



*/

/*----------------------HY kitap css-------------------------

.hyg { text-align:justify;}
.baslik { font-size:2.3em; line-height:1.3em; font-family:Verdana, Helvetica, Arial, sans-serif; font-style:normal; font-weight:bold; text-transform:capitalize; color:#cc0000; text-align:center; text-shadow: black 1px 1px 1px, #5E2F00 2px 2px 4px;}
.chapter { font-size:1.8em; line-height:1.2em; font-weight:bold; color:#ff0000; text-align:center; text-decoration:none;}
.baslik2 { font-size:1.4em; font-weight:bold; font-style:normal; color:#ff0000; text-transform:uppercase;}
.baslik2_kucuk { font-size:1.231em; font-weight:bold; padding:5px 0; margin:1em 0; color:#ff0000;  border-bottom:1px solid #ff0000;}
.baslik3 { font-size:1.1em; font-style:normal; font-weight:bold; color:#000000; text-transform:uppercase;}
.baslik4 { font-size:1.1em; font-style:italic; color:#000000; font-weight:bold; text-transform:capitalize;}
.ayetler { font-style:normal; font-weight:bold; color:#000000;}
.ayetler_isim { font-style:normal; font-weight:bold; color:#000000;}
.icbaslik { font-size:2em; line-height:1.2em; font-style:normal; font-weight:normal; text-transform:capitalize; color:#ff0000; font-weight:bold; }
.isim { font-weight:bold; text-align:center;}
.basharf { font-size:1.23em; font-style:normal; font-weight:bold; color:#121419;}
.dipnot { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.8em; line-height:1.4em; font-style:normal; font-weight:normal; color:#000000;}
.resimalti { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.8em; line-height:1.3em;}
.hadis { font-style:italic; font-weight:bold;}
.girisayet { font-size:.9em; font-style:normal; line-height:normal; text-align:center; font-weight:normal;}
.unnamed1 { text-transform:none; font-size:.8em; vertical-align:super;}
.tablo_sol {  font-weight:bold; color:#cc0000; background-color:#EEECCC; background-position:left top;}
.tablo_sag { background-color:#EEEEDD;}
.kutu { font-style:italic; background-color:#EEEEDD; border:thick #EEECCC solid;}
.kutu_alinti { font-family:"Century Gothic", Arial, Tahoma, sans-serif; font-style:italic; font-weight:bold; background-position:right;}
.resim_kutu { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.8em; line-height:1.3em; border:medium #EEECCC solid;}
.klasik_resimkutusu { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.8em; line-height:1.3em; text-align:center; padding:3px; background-color:#f6f6f6; border:thin #808080 solid; margin-top:1px; margin-right:1px; margin-bottom:1px; margin-left:1px;}
.bookstext { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.7em; font-style:normal; line-height:1.2em; font-weight:normal; color:#000000; margin-top:5px; padding-top:0px; border-style:none; text-align:justify;}
.bookstextlink { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.85em; line-height:1.2em; color:#cc0000; margin-top:5px; padding-top:0px; border-style:none ; text-decoration:none;}
.bookstextbig { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.85em; line-height:1.3em; margin-top:5px; border-style:none ;}
.boxtext { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:.7em;}
.articles { font-size:1.1em; font-style:italic; font-weight:bold;}
.hygint { text-align:justify; padding-left:1.3cm;}
.hygbold { text-align:justify; font-weight:bold;}
.tumkitaplar { font-size:1em; font-weight:bold; color:#990000;}

.catalogue { font-family:Tahoma; font-size:12px; font-weight:bold; color:#024282;}
.spacer { letter-spacing:1px; word-spacing:3px; font-size:11px; font-weight:bold;}
.evolution_giris { font-family:Tahoma; font-size:13px; font-weight:normal; color:#024282;}
.text { font-family:Tahoma, Verdana, Arial; font-size:13px; color:#e2e972;}
.mouse { cursor:pointer; font-family:Tahoma; font-size:10px ;}
.tahoma1 { font-family:Tahoma; font-size:9px;}

*/

/*-------------------- yazi türleri -----------------------*/
.yazi-neon{ color: #fff; text-align: center;
letter-spacing:2px;
font-family: "Times New Roman", Times, serif;
margin:10px 0;  padding:10px 0;
font-size: 50px; line-height:54px; text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #ff00de, 0 0 18px #ff00de, 0 0 20px #ff00de, 0 0 27px #ff00de, 0 0 38px #ff00de;
/* font-size: 200px; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; */
}

.yazi-fire{ color: #fff; text-align: center;
font-weight: bold; letter-spacing:2px;
font-family: Courier;
margin:10px 0; padding:20px 0 10px;
font-size: 50px; line-height:54px; text-shadow: 0 0 5px #fefcc9, 2px -3px 8px #feec85, -5px -5px 10px #ffae34, 5px -10px 12px #ec760c, -5px -15px 15px #cd4606, 0 -20px 18px #973716, 2px -22px 20px #451b0e;
/* font-size: 70px;  line-height:74px; text-shadow: 0 0 7px #fefcc9, 3px -3px 10px #feec85, -7px -7px 13px #ffae34, 7px -13px 17px #ec760c, -7px -20px 20px #cd4606, 0 -27px 23px #973716, 3px -30px 27px #451b0e; */
/* font-size: 200px; text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e; */
}

.yazi-inset { color: #444; text-align:center;
font-family: Rockwell, Georgia, "Times New Roman", Times, serif;
margin:10px 0; padding:10px 0;
font-size: 50px;  line-height:54px; text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}

.yazi-boyutlu{color: #fff; text-align:center; 
font-weight:bold; letter-spacing:1px;
font-family: Tahoma, Geneva, sans-serif;
margin:10px 0; padding:10px 0 20px 0;
font-size:40px; line-height:44px; text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; 
}


#keyboardInputMaster {
  position:absolute;
  font:normal 11px Arial,sans-serif;
  border-top:1px solid #eeeeee;
  border-right:1px solid #888888;
  border-bottom:1px solid #444444;
  border-left:1px solid #cccccc;
  -webkit-border-radius:0.6em;
  -moz-border-radius:0.6em;
  border-radius:0.6em;
  -webkit-box-shadow:0px 2px 10px #444444;
  -moz-box-shadow:0px 2px 10px #444444;
  box-shadow:0px 2px 10px #444444;
  opacity:0.95;
  filter:alpha(opacity=95);
  background-color:#dddddd;
  text-align:left;
  z-index:1000000;
  width:auto;
  height:auto;
  min-width:0;
  min-height:0;
  margin:0px;
  padding:0px;
  line-height:normal;
  -moz-user-select:none;
  cursor:default;
}
#keyboardInputMaster * {
  position:static;
  color:#000000;
  background:transparent;
  font:normal 11px Arial,sans-serif;
  width:auto;
  height:auto;
  min-width:0;
  min-height:0;
  margin:0px;
  padding:0px;
  border:0px none;
  outline:0px;
  vertical-align:baseline;
  line-height:1.3em;
}
#keyboardInputMaster.keyboardInputSize1,
#keyboardInputMaster.keyboardInputSize1 * {
  font-size:9px;
}
#keyboardInputMaster.keyboardInputSize3,
#keyboardInputMaster.keyboardInputSize3 * {
  font-size:13px;
}
#keyboardInputMaster.keyboardInputSize4,
#keyboardInputMaster.keyboardInputSize4 * {
  font-size:16px;
}
#keyboardInputMaster.keyboardInputSize5,
#keyboardInputMaster.keyboardInputSize5 * {
  font-size:20px;
}

#keyboardInputMaster thead tr th {
  padding:0.3em 0.3em 0.1em 0.3em;
  background-color:#999999;
  white-space:nowrap;
  text-align:right;
  border-radius:0.6em 0.6em 0px 0px;
}
#keyboardInputMaster thead tr th div {
  float:left;
  font-size:130% !important;
  height:1.3em;
  font-weight:bold;
  position:relative;
  z-index:1;
  margin-right:0.5em;
  cursor:pointer;
  background-color:transparent;
}
#keyboardInputMaster thead tr th div ol {
  position:absolute;
  left:0px;
  top:90%;
  list-style-type:none;
  height:9.4em;
  overflow-y:auto;
  overflow-x:hidden;
  background-color:#f6f6f6;
  border:1px solid #999999;
  display:none;
  text-align:left;
  width:12em;
}
#keyboardInputMaster thead tr th div ol li {
  padding:0.2em 0.4em;
  cursor:pointer;
  white-space:nowrap;
  width:12em;
}
#keyboardInputMaster thead tr th div ol li.selected {
  background-color:#ffffcc;
}
#keyboardInputMaster thead tr th div ol li:hover,
#keyboardInputMaster thead tr th div ol li.hover {
  background-color:#dddddd;
}
#keyboardInputMaster thead tr th span,
#keyboardInputMaster thead tr th strong,
#keyboardInputMaster thead tr th small,
#keyboardInputMaster thead tr th big {
  display:inline-block;
  padding:0px 0.4em;
  height:1.4em;
  line-height:1.4em;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #5d5d5d;
  border-bottom:1px solid #5d5d5d;
  border-left:1px solid #e5e5e5;
  background-color:#cccccc;
  cursor:pointer;
  margin:0px 0px 0px 0.3em;
  -webkit-border-radius:0.3em;
  -moz-border-radius:0.3em;
  border-radius:0.3em;
  vertical-align:middle;
  -webkit-transition:background-color .15s ease-in-out;
  -o-transition:background-color .15s ease-in-out;
  transition:background-color .15s ease-in-out;
}
#keyboardInputMaster thead tr th strong {
  font-weight:bold;
}
#keyboardInputMaster thead tr th small {
  -webkit-border-radius:0.3em 0px 0px 0.3em;
  -moz-border-radius:0.3em 0px 0px 0.3em;
  border-radius:0.3em 0px 0px 0.3em;
  border-right:1px solid #aaaaaa;
  padding:0px 0.2em 0px 0.3em;
}
#keyboardInputMaster thead tr th big {
  -webkit-border-radius:0px 0.3em 0.3em 0px;
  -moz-border-radius:0px 0.3em 0.3em 0px;
  border-radius:0px 0.3em 0.3em 0px;
  border-left:0px none;
  margin:0px;
  padding:0px 0.3em 0px 0.2em;
}
#keyboardInputMaster thead tr th span:hover,
#keyboardInputMaster thead tr th span.hover,
#keyboardInputMaster thead tr th strong:hover,
#keyboardInputMaster thead tr th strong.hover,
#keyboardInputMaster thead tr th small:hover,
#keyboardInputMaster thead tr th small.hover,
#keyboardInputMaster thead tr th big:hover,
#keyboardInputMaster thead tr th big.hover {
  background-color:#dddddd;
}

#keyboardInputMaster tbody tr td {
  text-align:left;
  padding:0.2em 0.3em 0.3em 0.3em;
  vertical-align:top;
}
#keyboardInputMaster tbody tr td div {
  text-align:center;
  position:relative;
  zoom:1;
}
#keyboardInputMaster tbody tr td table {
  white-space:nowrap;
  width:100%;
  border-collapse:separate;
  border-spacing:0px;
}
#keyboardInputMaster tbody tr td#keyboardInputNumpad table {
  margin-left:0.2em;
  width:auto;
}
#keyboardInputMaster tbody tr td table.keyboardInputCenter {
  width:auto;
  margin:0px auto;
}
#keyboardInputMaster tbody tr td table tbody tr td {
  vertical-align:middle;
  padding:0px 0.45em;
  white-space:pre;
  height:1.8em;
  font-family:'Lucida Console','Arial Unicode MS',monospace;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #5d5d5d;
  border-bottom:1px solid #5d5d5d;
  border-left:1px solid #e5e5e5;
  background-color:#eeeeee;
  cursor:default;
  min-width:0.75em;
  -webkit-border-radius:0.2em;
  -moz-border-radius:0.2em;
  border-radius:0.2em;
  -webkit-transition:background-color .15s ease-in-out;
  -o-transition:background-color .15s ease-in-out;
  transition:background-color .15s ease-in-out;
}
#keyboardInputMaster tbody tr td table tbody tr td.last {
  width:99%;
}
#keyboardInputMaster tbody tr td table tbody tr td.space {
  padding:0px 4em;
}
#keyboardInputMaster tbody tr td table tbody tr td.deadkey {
  background-color:#ccccdd;
}
#keyboardInputMaster tbody tr td table tbody tr td.target {
  background-color:#ddddcc;
}
#keyboardInputMaster tbody tr td table tbody tr td:hover,
#keyboardInputMaster tbody tr td table tbody tr td.hover {
  border-top:1px solid #d5d5d5;
  border-right:1px solid #555555;
  border-bottom:1px solid #555555;
  border-left:1px solid #d5d5d5;
  background-color:#cccccc;
}
#keyboardInputMaster thead tr th span:active,
#keyboardInputMaster thead tr th span.pressed,
#keyboardInputMaster tbody tr td table tbody tr td:active,
#keyboardInputMaster tbody tr td table tbody tr td.pressed {
  border-top:1px solid #555555 !important;
  border-right:1px solid #d5d5d5;
  border-bottom:1px solid #d5d5d5;
  border-left:1px solid #555555;
  background-color:#cccccc;
}

#keyboardInputMaster tbody tr td table tbody tr td small {
  display:block;
  text-align:center;
  font-size:0.6em !important;
  line-height:1.1em;
}

#keyboardInputMaster tbody tr td div label {
  position:absolute;
  bottom:0.2em;
  left:0.3em;
}
#keyboardInputMaster tbody tr td div label input {
  background-color:#f6f6f6;
  vertical-align:middle;
  font-size:inherit;
  width:1.1em;
  height:1.1em;
}
#keyboardInputMaster tbody tr td div var {
  position:absolute;
  bottom:0px;
  right:0px;
  font-weight:bold;
  font-style:italic;
  color:#444444;
}

.keyboardInputInitiator {
  margin:0px 3px;
  vertical-align:middle;
  cursor:pointer;
}