﻿/* CSS Document for KAGITHANE BELEDIYESI v1.0 */

/*reset*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,ul,li { margin:0; padding:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,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 Tahoma, Arial, Helvetica, sans-serif; }
p { padding-bottom:10px;}
hr { height:3px; border: 1px dotted #C6D3D5; padding: 10px 0px 10px 0px; }


body { font: 12px/18px Arial, Helvetica, sans-serif; color: #000; background:url(../images/top_bg.gif) repeat-x top;  }

#maintable_right { background:#dee6e7 url(../images/body_right_bg.gif) repeat-x; height:880px;}
#maintable { width:960px;}
.main_left { width:800px;}
.main_right { width:160px; }
.top_table { background:url(../images/main_top_table_bg.png) no-repeat; width:197px; height:112px; padding:5px;}
.top_table a { color:#e20a17; text-decoration:underline;}
.top_table a:hover { color:#000; text-decoration:none;}
.baslik_black { font-size:18px;}
.baslik_red { font-size:18px; color:#e20a17;}
.date { color:#e20a17;}
.main_projeler { background:url(../images/projelerimiz_bg.png) no-repeat; width:335px; height:181px; padding:10px;}
.main_bottom_table { background:url(../images/main_bottom_table_bg.png) repeat-x; padding:10px;}
.link a { color:#e20a17; text-decoration:none;}
.link a:hover { color:#e20a17; text-decoration:underline;}
.detay a { color:#e20a17; text-decoration:none; font-size:10px;}
.detay a:hover { color:#e20a17; text-decoration:underline;}
.footer { width:790px; border-top:1px solid #e3e3e2; color:#7e7e7e;; font-size:10px; height:50px; margin-top:5px;}
.footer a { color:#7e7e7e; text-decoration:none; }
.footer a:hover { color:#e20a17; text-decoration:underline;}
.bg1 { background:#DAE4E5; text-decoration:none; }
.bg2 { background:#ECF1F4; text-decoration:none; }
.bg3 { background:#a7bcbf; text-decoration:none; color:#FFFFFF; font-weight:bold; }
.bg4 { background:#e2c5c7; text-decoration:none; color:#FFFFFF; font-weight:bold; }
.bg_baslik { background:#DF0C15; text-decoration:none; color:#FFFFFF; font-weight:bold; }
.bg_baslik2 { background:#88b7ea; text-decoration:none; color:#FFFFFF; font-weight:bold; }
.mainMenu { background: url(../images/menu_bg.jpg) repeat-x bottom; height: 39px; }
.buton { border:none; width:65px; height:28px; color:#E41328; font-weight:bold; font-size:11px; margin-top:5px; }

.icerik { width:566px; padding:10px; float:right;}
.icerk a { color:#e20a17; text-decoration:none;}
.icerik li {list-style-image:none; list-style-position:inside; list-style-type:disc; margin-left:20px; }
.linsiyah a { font: 12px/18px Arial, Helvetica, sans-serif; color: #000; text-decoration:none; }
.text { width:566px; text-align:justify;}
.text a {color:#e20a17; text-decoration:none;}
.text a:hover { color:#000000; text-decoration:underline;}
.text input { border:1px solid #333; padding:3px}
.text textarea { border:1px solid #333; }
.text .button { margin-left:220px; background-color:#CA0719; color:#FFFFFF; font-weight:bold}
.acik td { width:340px; }

.SMLevel1 {color:#e20a17; text-decoration:none; font-weight:bold;}
.SMLevel2 a {color:#000; text-decoration:underline;}
.SMLevel3 a {color:#000; text-decoration:underline;}

.baslik { font-size:14px; font-weight:bold; padding-bottom:15px;}
.breadcrumb { font-size:11px; color:#000000; height:35px; border-bottom:1px solid #d7d7d6; }
.breadcrumb a { font-size:11px; color:#7e7e7e; text-decoration:none;}
.breadcrumb a:hover { font-size:11px; color:#000000; text-decoration:none; }
.left { background: url(../images/left_bg.gif) no-repeat top;}
.bottom { border-top:1px solid #d7d7d6; height:60px;}
.bottom a { color:#7e7e7e; text-decoration:none; }
.bottom a:hover { color:#7e7e7e; text-decoration:underline; }
.hide { display:none}
.event_anasayfa img { margin-top:-10px; padding-bottom:5px; margin-left:5px; }
.NumericPages { padding:20px; color:#FF0000; background-color:#ECF1F4;}
.NumericPages a { padding:20px; color:#FF0000; background-color:#ECF1F4;}

#leftmenu { width:224px; background:#FFFFFF; height:200px;}
.leftmenu_banner  { width:214px; float:right; padding:10px;  }

#leftMenu { width:224px; background:#FFFFFF;}

#lesdm { padding: 10px 10px 0 10px; margin:0; font-size:12px; width:179px; }
#lesdm a { color:#000; text-decoration: none; display: block; width: 100%; }
#lesdm a:hover { text-decoration: none; }
#lesdm ul { color:#000; margin:0; font-family:Arial, Helvetica, sans-serif; }
#lesdm li { background: none; list-style:none; margin-bottom:5px; margin-top:2px; color:#000; text-align:left; }
#lesdm li a { font-size: 12px; color:#000; background:url(/images/black_ok.png) no-repeat top left; padding-left:10px; list-style:none; }
#lesdm li a:hover { text-decoration: none; color:#000; background:#dee6e7 url(/images/black_ok.png) no-repeat top left; list-style:none; }
#lesdm li li { background: none; margin-bottom:0; padding-bottom:3px; list-style:none; padding-left:10px; border:none;}
#lesdm li li a { color:#000; font-size: 11px; margin: 2px 0 2px 0; padding-left: 2px; width: 92%; list-style:none;background: url(/images/black_ok.png) no-repeat  top left;padding-left:10px;}
#lesdm li li a:hover { color:#000; font-size: 11px; margin: 2px 0 2px 0; padding-left: 2px; width: 92%; list-style:none; background:#dee6e7 url(/images/black_ok.png) no-repeat  top left; padding-left:10px;}
#lesdm li li li { background: none; padding: 0; margin:0; border:none; list-style:none;}
#lesdm li li li a { color:#000; font-size: 10px; margin:0; padding-bottom:0; margin-bottom:5px; padding-left: 10px; width: 92%; font-weight: normal; list-style:none; background:none;}
#lesdm li li li a:hover { color:#0e2f70; font-size: 10px; margin:0; padding-bottom:0; margin-bottom:5px; padding-left: 10px; width: 92%; font-weight: normal; list-style:none; background:#dee6e7; }
#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 #m_selected { text-decoration: none; color:#000; background:#dee6e7 url(/images/black_ok.png) no-repeat  top left; list-style:none; }
#lesdm li li #m_selected { text-decoration: none; color:#000; background:#dee6e7 url(/images/black_ok.png) no-repeat  top left; padding-left:10px; list-style:none; }

/* Takvim CssClass */

#takvim { font-size:9px; width:140px; }
#takvim table td a { text-decoration: none; color: #ffffff; }
#takvim table td { color: #ffffff; /*text-align: center; width:18px;*/ }
#takvim .takvimBaslik { display:none;}
#takvim .takvimBaslikic { background:#DF0C15; text-decoration:none; color:#FFFFFF; font-size:9px; width:140px;}
#takvim .takvimDolu { background:#ffffff url(../images/takvimDolu.gif) top left no-repeat; height:18px; width:18px; padding:0; margin:0;}
#takvim .takvimBos a { background:#ffffff url(../images/takvimBos.gif) top left no-repeat; height:18px; width:18px; display:block; padding:0; margin:0;}
#takvim .takvimBos { background:#ffffff; height:18px; width:18px; padding:0; margin:0;}
#takvim .contentListClass { color:#e20a17; text-decoration:underline;}

/* Takvim CssClass */

/* Eczane Önyüz */
.pharmacyGun { background-color: #DE0611; font-size:13px; font-weight:bold; color:#FFFFFF}
.pharmacyBorder { border:1px solid #A9BDC0; padding:1px; }
.pharmacyname { background-color: #ECF1F4; color:DE0611; font-weight:bold; }
.pharmacy { background-color: #DAE4E5;}
.pharmacyAlt { background-color: #ECF1F4;}

/* Eczane Önyüz */

/* Arama modülü */
#search { font-size:11px; color:#c41010; padding:0; margin:0; height:30px; margin-top:5px; display:block;}
#search .textbox2 { background:#ffffff url(../images/search_bg.gif) top left no-repeat; color:#7F7F7F; width:130px; height:17px; border:0px; font-size:11px; padding-left:2px; padding-top:3px; font-weight:bold; float:left;}
#search .Arabuton { background:url(../images/btn_search.gif) top left no-repeat; width:20px; height:20px; border:0px; padding:0; margin-left:0; cursor: pointer; margin-left:0px; margin-left:-10px; }
.aramaButton01 { background:url(../images/btn_search.gif) top left no-repeat; width:19px; height:21px; border:0px; padding:0; margin-left:3px; cursor: pointer; margin-top:4px;}
.textboxSearch {color:#c41010; width:450px; height:16px; border:0px; padding:0; margin:0; color:#000; font-size:11px; padding-left:2px; padding-top:3px; border-top:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8; border-left:1px solid #C8C8C8; margin-top:4px;}
/* Arama modülü */

/* 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: #ECF1F4;
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: 100;
	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: 10;
	}
#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: 90;
	width: 100%;
	height: 1200px;
	background-color:#004386;
	}
	
#m_selected { color: #FF9000; }