@charset "utf-8";
/* CSS Document */

/*--- GENEL ---*/
* {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	background: #FCF7CD url(../images/main-bg-repeat.jpg) repeat-x scroll 0 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

img {
	border: none;
}

a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #000000;
}
/*--- WRAPLER ---*/
.main-wrap {
	background: transparent url(../images/main-bg.jpg) no-repeat scroll left top;
	clear:none;
	float:left;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	/*padding-left:203px;*/
}

.main-wrap-footer {
	background:transparent url(../images/footer-bg.png) no-repeat scroll left bottom;
	clear:none;
	float:left;
	margin-left:auto;
	margin-right:auto;
	/*padding-left:103px;*/
	width: 100%;
}
.wrap_primary {
	float: left;
	margin-right: auto;
	margin-left: 70px;
	width: 725px;
	/*padding-top: 90px;*/
}
.wrap_secondary {
	width: 100%;
	float: left;
	text-align: left;
}

.wrap_header {
	background: transparent url(../images/wrap_head_bg.png) no-repeat scroll left 120px;
	width: 100%;
	height: 140px;
	float: left;
}
.wrap_middle {
	background: transparent url(../images/wrap_middle_bg.png) repeat-y scroll 0 0;
	width: 100%;
	float: left;
	padding: 0 10px;
}
.wrap_bottom {
	background: transparent url(../images/wrap_foot_bg.png) no-repeat scroll 0 bottom;
	float: left;
	height: 30px;
	height: 20px;
	width: 100%;
}
.wrap_footer {
	width: 100%;
	float: left;
	margin-top: 150px;
	padding-top: 50px;
}

/*--- İLK SEVİYE ÖZEL ÖĞELER ---*/
.header_top {
	width: 100%;
	float: left;
}
.header_bottom {
	width: 100%;
	float: left;
	background-image: url(../images/maviBg.png);
	background-repeat: no-repeat;
	background-position: 1px top;
}

.middle_left {
	float: left;
	width: 239px;
}
.middle_right {
	float: left;
	width: 695px;
}

.footer_left {
	/*background-image: url(../images/bizeUlasinBg.png);
	background-repeat: no-repeat;
	background-position: left top;*/
	float: left;
	/*height: 93px;*/
	width: 200px;
	/*margin-top: 20px;
	margin-left: 10px;*/
}
.footer_right {
	text-align: right;
	margin-top: 60px;
}

/*--- İKİNCİ SEVİYE ÖZEL ÖĞELER ---*/
/*--- HEADER ---*/
.top_logo {
	float: left;
	padding:10px 20px 0;
}

.top_logo input {
	width: 95px
}
.top_logo b {
	display: none;
}
.top_right 
{	
	/*background:	transparent url(../img/bkg.jpg) repeat-x scroll left bottom;*/
	float: left;
	/*padding-left: 30px;
	padding-right: 30px;*/
	margin-top: 35px;
}
.bottom-left {
	float: left;
	width: 240px;
	height: 190px;
	background-image: url(../images/loginBg.png);
	background-repeat: no-repeat;
	background-position: right top;
/*	opacity: .55;
	filter: alpha(opacity=55);*/
	text-align: right;
	padding-top: 10px;
}
.flash-banner {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 20px;
}
.logo {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

/*--- FOOTER ---*/
.footer_left span {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.5pt;
	color: #2e350c;
	/*margin-top: 20px;
	margin-left: 105px;*/
	float: left;
}
/*--- LOGIN FORM ---*/
.bottom-left p {
	float: left;
	margin-top: 5px;
	margin-bottom: 2px;
}
.bottom-left p b{
	font-size: 14px;
	letter-spacing: -0.4pt;
	width: 75px;
	text-align: left;
	display: block;
	float: left;
	margin-top: 2px;
	margin-left: 25px;
}
.bottom-left p input.tbox {
	background-color: #c7edf6;
	width: 100px;
	border: 1px solid #7d7d7d;
	font-size: 12px;
	height: 18px;
	float: left;
}
.bottom-left p a,input.giris {
	display: block;
	height: 34px;
	width: 102px;
	float: left;
}
.bottom-left p b.giris {
	/*margin-right: 8px;*/
}
.bottom-left p a input.giris,input.giris {
	background: none;
	background-image: url(../images/girisBut.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 34px;
	width: 102px;
	border: none;
}
.bottom-left p a:hover input.giris,input.giris:hover {
	background-image: url(../images/girisBut.png);
	background-repeat: no-repeat;
	background-position: 0px -34px;
}
.iOkul-logo {
	float: left;
	display: block;
	margin-top: 10px;
	text-align:center;
	width: 100%;
}
.iOkul-logo span{
	border-top: 1px solid #2f768b;
	display: block;
	width: 180px;
	margin-left: auto;
	margin-right: auto;
}

/*--- BANNER AREA ---*/
.right-top {
	/*background: transparent url(../images/carousel_bg.png) no-repeat scroll 0 0;*/
	float: left;
	/*padding: 7px;*/
}
.right-middle {
	float: left;
	width: 490px;
}
.middle-right {
    float:left;
    padding-left:27px;
    width:177px;
}
.banner-cycle {
	float: left;
	height: 200px;
	width: 490px;
	overflow: hidden;
}
.banner-cycle a {
	color: #FFFFFF;
	font-size:190%;	
}
.banner-cycle i {
	width: 100px;
}
.banner img
{
	height: 200px;
	width: 500px;
}

.zd {
	float: left;
	margin-left: 30px;
}
/*--- MENÜLER ---*/
/*---ÜST MENÜ ---*/
.top_nav {
	float: left;
	
	/*margin-top: 10px;
	text-align: center;
	margin-left: 0px;
	padding-top: 10px;
	z-index: 100;*/
}
#jsddm
{	margin-top: 10px;
	padding: 0px;
	height: 50px;
}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 14px Tahoma, Arial;
		background: transparent url(../img/stripe.gif) repeat-y scroll left bottom;
	}

	#jsddm li a
	{	display: block;
		padding: 15px 30px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 70px;
		height: 20px;
		color: #333333;
		white-space: nowrap;
		background: transparent url(../img/blue.gif) repeat-x scroll left bottom;
	}

	#jsddm li a:hover
	{ 
		/*color: #0000CC;*/
		background: transparent url(../img/yellow.gif) repeat-x scroll left bottom;
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;
			z-index: 1000;
		 	border: 2px solid #FECE44;
			}
		
		#jsddm li ul li
		{	float: none;
			display: inline;
			background: #3E9DB2 url(../images/bkg.jpg) repeat scroll 0 0;
			}
		
		#jsddm li ul li a
		{	width: auto;
			background: #3E9DB2;
		}
		
		#jsddm li ul li a:hover
		{
		 	background: #AEE6F3 url(../img/yellow.gif) repeat-x scroll left bottom;
		 	border: 2px solid #AEE6F3;
		 	}

.foot-nav {
	margin-top: 5px;
	margin-bottom: 10px;
}
.foot-nav ul {
	list-style-type: none;
}
.foot-nav li {
	display: inline;
	font-size: 13px;
}
.foot-nav li a {
	letter-spacing: -0.5pt;
	text-decoration: none;
	color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
.foot-nav li.last a {
	border: none;
}
.foot-nav li a em {
	font-style: normal;
	margin-right: 5px;
	margin-left: 2px;
	border-bottom-width: 1px;
	border-bottom: 1px solid #ebebeb;
}
.foot-nav li a:hover em {
	color: #d40c0c;
	text-decoration: none;
	border-bottom: 1px dashed #000000;
}
.foot-nav li a:hover {
	color: #d40c0c;
}
.foot-nav li .ciz em {
	border-bottom: 1px solid #000000;
}

.left-nav {}
.left-nav ul {
	list-style-type: none;
}
.left-nav li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBDC1D;
}
.left-nav li a {
	display: block;
	background-color: #cee850;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.left-nav li a:hover {
	background-color: #fa9819;
	padding-left: 20px;
	color: #cee850;
}
/*--- image-botton ---*/
h3.image-button{
	width: 110px;
	overflow: hidden;
}

h3.image-button div {
	width: 175px;
}
h3.image-button div img {
	float: left;
}
/*--- MODULLER ---*/
h3.tip-1 {
	background-image: url(../images/tip1Bgleft.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 60px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.1pt;
	border: none;
	color: #fff;
	
}
h3.tip-1 div{
	background-image: url(../images/tip1Bgright.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 100%;
	height: 60px;
}

h3.tip-1 div img{
	margin-top: 0px;
	float: left;
}
h3.tip-1 div a{
	font-size: 14px;
	text-decoration: underline;
	margin-left: 460px;
	color: #fff;
}
h3.tip-1 div a:hover{}
h3.tip-1 div span {
	margin-top: 30px;
	float: left;
	margin-left: 0px;
}

h3.tip-2 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.1pt;
	float: left;
	width: 100%;
	height: 55px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #9edae5;
	border: none;
}
h3.tip-2 div{}
h3.tip-2 div img{
	float: left;
}
h3.tip-2 div span {
	float: left;
	margin-top: 30px;
	margin-left: 15px;
}

.modul-etkinlik {
	float: left;
	width: 490px;
}
.modul-etkinlik h3{
	width: 490px;
}
.modul-etkinlik ul {
	list-style: none;
}
.modul-etkinlik li {
	float: left;
	width: 100%;
	/*margin-top: 2px;
	margin-bottom: 2px;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	display: inline;
	background-color: #F9F9F9;
	padding: 10px 0;
}
.modul-etkinlik li img {
	border:2px solid #AFAFAF;
	float:left;
	height:60px;
	margin:7px;
	padding:3px;
	width:80px;
}
.modul-etkinlik li span {
	float: left; 
	width: 355px;
	text-align: justify;
}
.modul-etkinlik li i {
	color: Red;
	font-weight: bold; 
	padding: 5px 0;
}
.modul-etkinlik ul li span p 
{
	width: 350px;
	color: Blue;
	font-size: 95%; 
}
.modul-etkinlik li a {
	color: Orange;
	text-align: right;
	float: right;
	padding: 5px; 
}
.modul-etkinlik li a:hover {}

.video-gallery-cycle {
	float: left;
	width: 210px;
	margin-left: 15px;
}
.video-gallery-cycle ul {
	list-style: none;
}
.video-gallery-cycle li {
	float: left;
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}
.video-gallery-cycle li img {
	float: left;
}
.video-gallery-cycle li span {
	float: left;
}
.videos-cycle 
{ 
	float: left;
	width: 250px;
	height: 100px;
}
.videos-cycle img 
{
	float: left;
}
.videos-cycle a 
{
	margin-top: 20px;
	float: left;
}

.foto-gallery-cycle 
{
	float: left;
	width: 170px;
	height: 130px;
}

.foto-gallery-content-cycle 
{
	float: left;
	width: 180px;
	height: 140px;
	display: inline;
}

.foto-gallery-cycle div
{
	overflow: hidden;
	width: 180px;
	height: 140px;
}
.foto-gallery-cycle a img
{
	float: left;
	width: 180px;
	/*height: 80px;*/
}
.foto-gallery-cycle a
{
	float: left;
	width: 180px;
	/*height: 80px;*/
}
.foto-gallery-content-cycle p
{
	margin-top: 20px;
}

.middle_right
{ 
	float: left;
}
.right-top 
{
	float: left;
}

.modul-haber {
	width: 490px;
	float: left;
}
.modul-haber ul {
	float: left;
	width: 270px;
	list-style-type: none;
	padding-left: 5px;
}
.modul-haber li {
	float: left;
	background: transparent url(../images/bullet2.png) no-repeat scroll left top;
	width: 85%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	padding: 0 15px;
	margin: 10px 0;
}
.modul-haber li img {
	float: left;
	margin-right: 5px;
}
.modul-haber li img.bullet {
	margin-right: 0px;
}
.modul-haber li a 
{
	float: left;
	color: Blue;
}
.modul-haber li a:hover {}

#images {
	background:#F9F9F9 none scroll repeat 0 0;
	float:left;
	width:100%;
}

#images span {
	float: left;
}
#images span img {
	border: 3px solid #AFAFAF;
	background: #FFFFFF none repeat scroll 0 0;
	float: left;
	height: 120px;
	margin: 20px 10px;
	padding: 2px;
	width: 160px;
}

.basari-gallery-cycle {
	background: #F9F9F9 none repeat scroll 0 0;
	float: left;
	width: 180px;
	height: 180px;
	display: inline;
}

.basari-gallery-content-cycle {
	float: left;
	width: 175px;
	height: 180px;
}
.basari-gallery-content-cycle img {	
	width:175px;
	/*height: 160px;*/
}
.basari-gallery-content-cycle p {
	float: none;
	margin-left: 20px;
}
.basari-gallery-content-cycle p a:hover {
	color: Blue;	
}
.duyuru-pano {
	padding-left: 35px;
	float: left;
	width: 175px;
	margin-top: -27px;
}

.duyuru-cycle {
	width: 80px;
	height: 130px;
}

.duyuru-content-cycle {
	margin: 0px 0px 0px 10px;
	width: 100px;
}
.duyuru-content-cycle a {
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
}

.duyuru-content-cycle a:hover {
	color: Blue;
}
.duyuru-content-cycle p {
	margin-top: 5px;
}

.modul-duyuru {
	width: 245px;
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
}
.modul-duyuru ul {
	float: left;
	width: 100%;
	list-style-type: none;
}
.modul-duyuru li {
	float: left;
	margin-top: 3px;
	margin-bottom: 2px;
	width: 80%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}
.modul-duyuru li img {
	float: left;
	margin-right: 5px;
}
.modul-duyuru li img.bullet {
	margin-right: 0px;
}
.modul-duyuru li a {
	float: left;
}
.modul-duyuru li a:hover {}

.modul-tip-3 {
	width: 210px;
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.modul-tip-3 ul {
	list-style-type: none;
}
.modul-tip-3 li {
	display: inline;
	float: left;
}
.modul-tip-3 a.more {
	float: left;
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
.modul-tip-3 li img {
	margin: 5px;
}

.modul-galeriler {
	width: 180px;
	float: left;
	overflow: hidden;
	overflow: hidden;
}
.middle-right .modul-galeriler_2 {
    padding-top:55px;
}

.modul-galeriler ul {
	list-style-type: none;
}
.modul-galeriler li {
	display: inline;
	float: left;
}
.modul-galeriler a.more {
	float: left;
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
.modul-galeriler li img {
	margin: 5px;
}

/*--- CONTENT ---*/
.content{
	width: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
}
h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 16px;
}
/*********Genel style ler************/
.box
{
	border:1px solid #ebe2b7; padding:10px; background-color: #F4F7F0;
	background-image: url('images/blockquote.png');
	background-repeat: no-repeat;
	
}
.box a
{
	color: #6699ff;
	font-weight: bold;
	background-position: left top;
	background-image: url('../imagesmages/linkbg.png');
	background-repeat: no-repeat;
	padding-left:8px;
	margin-left:2px
}
.box a:hover
{
	color: #6699ff;
	font-weight: bold;
	background-position: left top;
	background-image: url('../imagesmages/linkbg2.png');
	background-repeat: no-repeat;
	padding-left:8px;
	margin-left:2px
}

.box .message
{
	font-weight: bold;
	font-size: larger;
	color: #ff3366;
	border-right: #000000 1px dashed;
	border-top: #000000 1px dashed;
	border-left: #000000 1px dashed;
	border-bottom: #000000 1px dashed;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 10px;

}

.leftdiv
{
	float: left;
	clear: left;
	display: inline;
}
.rigthdiv
{
	float: right;
	clear: right;
	display: inline;
}

.groupBox fieldset
{
	padding-right: 7px;
	padding-left: 10px;
	padding-bottom: 8px;
	padding-top: 4px;
	background-color: #ffcccc;
}

.accordionHeader {
background-color:#2E4D7B;
border:1px solid #2F4F4F;
color:white;
cursor:pointer;
font-family:Arial,Sans-Serif;
font-size:12px;
font-weight:bold;
margin-top:5px;
padding:5px;
}
.accordionHeaderSelected {
background-color:#5078B3;
border:1px solid #2F4F4F;
color:white;
cursor:pointer;
font-family:Arial,Sans-Serif;
font-size:12px;
font-weight:bold;
margin-top:5px;
padding:5px;
}
.accordionContent {
	border-left:1px dashed #2F4F4F; border-right:1px dashed #2F4F4F; border-top:medium none -moz-use-text-color; border-bottom:1px dashed rgb(47, 79, 79); background-color:#D3DEEF;
	padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:5px
}
.adminHeader
{
	padding-right: 5px;
	padding-left: 25px;
	font-weight: bold;
	font-size: 14pt;
	padding-bottom: 6px;
	color: #990033;
	padding-top: 3px;
	border-bottom: #3300cc thin dashed;
}

.content-viewer
{  margin-top: 20px;
   margin-left: 10px;
   font-size: 14px;
}
	
.content-viewer h3
{ 
	margin-bottom: 10px;	
	border-bottom: solid 2px Red;
	color: #0099FF;
	font-size: 14pt;
}
.content-viewer div s 
{
	font-style: italic;
	font-weight: bold;
}
.content-viewer div i 
{
	font-style: italic;
	font-weight: bold;
}

.content-viewer img {
	border:2px solid #F3D501;
	float:left;
	margin:10px;
	padding:2px;
}

.content-viewer .gallery-img
{
	width: 180px;
}

.image-listing {
	clear:both;
}
.content-viewer ul {
	list-style-position:inside;
	list-style-type:none;
	padding:10px 0;
}

.image-listing ul li {
	background:transparent none repeat scroll 0 0;
	float:left;
	height:135px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:150px;
}
.image-listing img {
	border:2px solid CadetBlue;
	height:90px;
	margin-bottom:0;
	padding:3px;
	width:120px;
}

/*--- i-okul ---*/
.ischoll{
  background: transparent url(../images/loginBg.png) no-repeat scroll center bottom;
  text-align:right;
  width:170px;
  height:105px;
  color: #147CBC;
  /*padding: 40px 0 0;*/
}

.ischoll div {
  padding: 11px 10px 0 1px;
}
.ischoll div div {
	width: 155px;
	/*float: left;*/
	padding: 5px 0px;
}

.ischoll input {
	width: 80px;
	border: 1px solid #49DCF2;
	background-color: #C7F7F7;
}

.ischoll a{
	color: #147CBC;
	padding:0 21px;
	text-align:left;
	text-decoration:none;
}


/* Ziyaretçi Defteri */
{
	float: left;
	width: 465px;
	padding: 15px 18px 15px 12px;
	min-height: 500px;
	background: transparent url(../images/orta-bg-orta.png) repeat-y scroll left top;
	text-align: left;
}

.mesajyaz-button {
	background:#FFFFFF none repeat scroll 0 0;
	border:medium double #0B67B2;
	color:#0B67B2;
	margin:10px;
	padding:1px 10px;
	text-align:right;	
}

.mesajyaz table td {
	background:#C3EAFD none repeat scroll 0 0;
	height: 40px;
}

.mesajyaz-header {
	padding: 7px 10px;
	
}
.mesajyaz-label {
	text-align: right;
	padding: 7px 10px;
	width: 75px;
	
}
.mesajyaz-validation {
	text-align: right;
	text-decoration: blink;
	
}

table {
	border: thin;
	width: 100%;
	margin-bottom: 20px;
}

table td {
	border-bottom:4px solid #DBF6FF;
	margin:0;
	overflow:visible;
	padding:5px 0 0;
	color:#000033;
	font-family:verdana;
	font-size:11px;
}
table input, table textarea {
	font-family:verdana;
	font-size:11;
	color:blue;
	background:white;
	border:1px dashed #0B67B2;
	width: 175px;
}


.mesajoku_govde {
	border:1px solid #C8DCFE;
	display:block;
	margin:5px 0 0;
	overflow:visible;
	padding:0;
	text-align: left;
}
.mesajno_gonderen_tarih {
	background:#C3EAFD none repeat scroll 0 0;
	border-bottom:4px solid #DBF6FF;
	display:block;
	margin:0;
	overflow:visible;
	padding:3px 0 0;
}

.mesajoku_mesajno {
	color:#0B67A3;
	float:left;
	padding:2px 5px 6px;
}

.mesajoku_gonderen {
	color:#0B67A3;
	float:left;
	font-weight:bold;
	padding:2px 0 6px;
	width: 40%;
}

.mesajoku_tarihsaat {
	color:#0B67A3;
	float:right;
	font-size:8pt;
	padding:2px 5px 0 0;
	text-align:right;
}

.mesajoku_metin {
	color:#014B7C;
	display:block;
	line-height:150%;
	padding:5px 5px 10px;
	background-color: #ffffff;
}
.mesajno_gonderen_tarih .son {
	clear: both;
}
table tbody
/*--- SON ---*/