/* CSS Document for CITYLIGHTS v1.0 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input, textarea { font: 12px Arial, Helvetica, sans-serif; }
a { cursor: pointer; color:#ff6000; text-decoration:none; }
a:hover { color:#ffffff; text-decoration:underline; }

.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }
.gizli { display: none; }
.beyaz { color: #fff; }
.font18 { font-size: 18px; }
.link { color: #74b548;}
.p p { margin: 5px 0 10px 0; }
.hide { display: none; }


body { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; text-align:justify; color: #ffffff; background:#000000; }

#maintable { width:1000px;}
.main { width:960px;}
.main_ic { width:949px;}
.left { width:190px;}
.text { padding:10px 10px 10px 5px;}
.text p { padding-bottom:10px;}
.box { width:221px; background:url(../images/box_bg.gif) no-repeat; height:150px;}
.box p { padding-top:5px; }
.box_text { padding:7px 10px 10px 10px; color:white; font-size:12px;}
.box li { background:url(../images/bullet_square.gif) no-repeat left; padding-left:10px; text-decoration:underline; }
.box ul { padding-top:10px; }
.box_detayli_bilgi { border-top:1px solid #d6d7d8; width:170px; color:#555555; background:url(../images/detayli_bilgi_bullet.gif) left no-repeat;} 
.box_detayli_bilgi a { color:#555555; text-decoration:none; padding-left:15px;}
.box_detayli_bilgi a:hover { color:#ed1c24; text-decoration:none;}
.footer { background:url(../images/footer_bg.gif) no-repeat; font-size: 11px; color:#ffffff; height:45px; padding:10px 10px 0 20px; }
.footer a { color: #ffffff; text-decoration: none; }

.reklamImg { border:2px solid #992F00; padding:0; margin:0 }
.reklamListeBg { background-color:#992F00;}
.reklamListeBg a { color:#FFFFFF; text-decoration:none;}
.reklamImgTd { width:513px; margin:0; padding:0}
.reklamDetailTd { font-size:11px; width:215px; background-color:#371100;}
.reklamDetailTd .baslik { color:#FFFFFF; background-color:#992F00; margin-bottom:10px; height:25px }
.reklamDetailTd p strong { color:#FF3300;}
.reklamDetayTable td { padding-left:5px}


#yanMenu { width: 243px; margin-left:15px; }
/*
#lesdm { padding: 10px 8px 0 10px; margin:0; font-size:12px; width: 233px; height:440px; background: url(../images/left_menu_bg.gif) repeat-x;  color: #6b6869; font-weight:bold;}
#lesdm a { color: #ccc; text-decoration: none; display: block; width: 100%; }
#lesdm a:hover { text-decoration: none; color:#FF9900 }
#lesdm ul { padding-bottom: 5px; color:#61C5BA; margin:0; }
#lesdm li { background:url(../images/menu_bullet.gif) no-repeat 0; list-style:none; margin-bottom:10px; text-align:left;}
#lesdm li a { font-size: 12px; color:#6b6869; margin-left:10px; }
#lesdm li a:hover { text-decoration: none; color:#ed1b2d; }
#lesdm li li { background:url(../images/menu_bullet_hover.gif) no-repeat 0; margin-bottom:0; list-style:none; padding-left:5px; border:none;}
#lesdm li li a { color:#000000; font-size: 11px; margin: 2px 0 2px 0; font-weight: bold; padding-left: 2px; width: 92%; list-style:none;}
#lesdm li li a:hover { text-decoration: underline; color:#999999; }
#lesdm li li li { background: none; padding: 0; margin:0; border:none; list-style:none;}
#lesdm li li li a { color:#999999; font-size: 10px; margin:0; padding-bottom:0; padding-left: 10px; width: 92%; font-weight: normal; list-style:none;}
#lesdm li li li a:hover { text-decoration: underline; }
#lesdm li li li li { background: none; padding: 0; margin-bottom:0;}
#lesdm li li li li a { color:#999999; font-size: 10px; padding: 0 0 0 12px; background: none; border:none; list-style:none;}
#lesdm li li li li a:hover { text-decoration: underline; }
#lesdm li li #m_selected { color:#999999; text-decoration: underline; }
*/
 
.leftNav { width:243px; padding:0; margin:0}
.leftNav a, a:link a:visited { color: #ccc; text-decoration: none; display: block; width: 100%; }
.leftNav a:hover { text-decoration: none; color:#ff6000 }
.leftNav ul { padding:0; margin-top:5px; font-weight:bold}
.leftNav ul a { padding:0; font-weight:bold; color:#FFFFFF}
.leftNav ul a:hover { padding:0; font-weight:bold; color:#FFFFFF}
.leftNav ul li { list-style:none;}
.leftNav ul li ul { margin-left:18px; font-weight:normal }
.leftNav ul li ul li { font-weight:normal; background:url(../images/bullet.png) no-repeat 0; padding-left:8px; margin-bottom:5px;}
.leftNav ul li ul li a, a:link a:visited { color: #ccc; text-decoration: none; display: block; width: 100%; font-weight:normal; }
.leftNav ul li ul li a:hover { text-decoration: none; color:#ff6000; font-weight:normal; }
.leftBaslik { margin-top:5px; font-weight:bold; color:#FFFFFF}

.urunMenu { margin-left:15px}
.urunMenu .bullet { font-weight:normal; background:url(../images/bullet.png) no-repeat 0; padding-left:8px }
.urunMenu a, a:link a:visited { color: #ccc; text-decoration: none; display: block; width: 100%; }
.urunMenu a:hover { text-decoration: none; color:#ff6000 }


.digerAy { display: none; }
#takvim { width: 98%; margin: 5px auto 10px auto; }
.takvim1 { color: #bdd438; font-size: 16px; font-weight: bold; margin-left: 10px; }
.takvim2 { color: #17214a; font-size: 16px; font-weight: bold; margin-left: 10px; }
.takvimLink { color: #808080; text-decoration: none; display: block; margin-right: 10px; float: right; }
.takvimGenel td, .takvimGenel th { background: #fff; }
.takvimGenel { background: #D5E480; }
.takvimDolu  { font-weight:bold; text-decoration: none; }
.month a { text-decoration:none; background:#d5e480;}

/* TableDataGrid */

.tableDataGrid { background: white; border: 1px solid #18214A; border-collapse: collapse; }
.tableDataGrid td { border-spacing: 0px; border-bottom: 1px solid #d0eae8; border-top: 1px solid #fff; }
.tableDGHead01 { background: #18214A; font-weight: bold; vertical-align: middle; color:white; text-align: left; line-height: normal;  }
.tableDGZebra01 { background:#d0eae8  url(/images/td.gif) repeat-x;}
.button { background:#a53200; color:#FFFFFF; font-weight:bold; border:none; margin-left:202px;}

.breadcrumb { padding-bottom: 8px; padding-top:10px; border-bottom:1px solid #ebebeb; font-size:12px; color:#999999; }

/* Admin Katalog */
.adminLeftNav { width:200px; padding-right:20px; border-right:1px solid #ccc}
.adminLeftNav a { color:#FFFFFF; font-size:12px; text-decoration:none;}
.adminLeftNav a:hover { color:#FE8340; font-size:12px; text-decoration:none;}
.adminCenter { padding-left:20px;}
.adminCenter .grdCitylights { background-color:#292929}
.adminCenter .adminbutton { background-color:#FE8340; padding:2px; color:#FFFFFF; font-weight:bold; border:none; margin-bottom:5px; margin-top:5px; width:60px; text-align:center;}
.adminCenter .admintextbox { border:1px solid #ccc; padding:2px; width:300px; }
/* Accordion jquery class */
#list1b { margin-top:10px;}
#list1b a.listbaslik { display:block; text-decoration:none; border-bottom:1px solid #15204A; margin-bottom:8px; } 
#list1c { margin-top:10px;}
#list1c a.listbaslik { display:block; text-decoration:none; border-bottom:1px solid #15204A; margin-bottom:8px; }
#list1d { margin-top:10px;}
#list1d a.listbaslik { display:block; text-decoration:none; border-bottom:1px solid #15204A; margin-bottom:8px; } 
#list1e { margin-top:10px;}
#list1e a.listbaslik { display:block; text-decoration:none; border-bottom:1px solid #15204A; margin-bottom:8px; } 
#list1f { margin-top:10px;}
#list1f a.listbaslik { display:block; text-decoration:none; border-bottom:1px solid #15204A; margin-bottom:8px; } 
/* Accordion jquery class */

.sIFR-active h1,
    .sIFR-active h2,
    .sIFR-active h3,
    .sIFR-active h4,
    .sIFR-active h5#pullquote {
      visibility: hidden;
      font-family: Verdana;
      line-height: 1em;
    }

    .sIFR-active h1 {
      padding-bottom: 0;
    }

    .sIFR-active h2 {
      font-size: 55px;
      display: block;
    }

    .sIFR-active h3 {
      font-size: 18px;
    }

    .sIFR-active h4 {
      font-size: 21px;
      font-weight: normal;
    }

    .sIFR-active h5#pullquote {
      font-size: 24px;
    }

/* Mouseover image gallery */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #333;
padding: 5px;
left: -1000px;
border: 1px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 450px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/* lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100000000000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none;  }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100000;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color:#666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900000;
	width: 100%;
	height: 1200px;
	background-color:#333;
	}
	
/*#m_selected { color: #ff6000; }*/
/*.mLevelSelected a, a:link a:visited a:hover { color: #ff6000; }*/
