html,body{
	  background: url('../images/bg.jpg')no-repeat top;
      margin: 0;
      padding: 0;
      font-family: calibri;
}
a:link{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
img{
	border:0px;
}

#logo{
	margin: 0 auto;
	width: 980px;
	height: 100px;
}
#logo h1{
	margin: 0 auto;
	color: #0099FF;
}

#orta{
	margin:0 auto;
	width: 980px;
	margin-bottom: 10px;
	overflow: auto;
}
#sol{
	width: 280px;
	float: left;
}
#sag{
	width: 690px;
	float: left;
	margin-left: 10px;
}

#sag h2{
	margin: 0 auto;
	color:#57B33B;
}
#sag h3{
	margin: 0 auto;
	color:#57B33B;
}
#alt{
	margin: 0 auto;
	width: 990px;
}
#footer-ust{
	width: 990px;
	height: 27px;
	background: url('../images/footer-ust-yesil.png');
	background-repeat: no-repeat;
}
#footer-orta{
	width: 990px;
	height: 60px;
	background: url('../images/footer-orta-yesil.png');
	color:#000000;
	background-repeat:repeat-y;
	
}
#footer-alt{
	width: 990px;
	height: 27px;
	background: url('../images/footer-alt-yesil.png');
	background-repeat: no-repeat;
}
#alt-sol{
	width: 280px;
	margin: 0 auto;
	float: left;
	margin-left:20px;
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
}

#alt-sag{
	width: 620px;
	float: left;
	margin-left:20px;
	
}
#alt-sag li{
	float:left;
	margin: 0;
	list-style: none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
}
#alt-sag li a{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

#sol-menu{
	margin: 5px 8px 8px 0;
}
#sidebar-ust{
	background-color:#D8F1FC;
	border:1px solid #009900;
	margin-bottom: 5px;
}
#sidebar-alt{
	background-color:#D8F1FC;
	border:1px solid #009900;

}
#duyurular-sol{
	margin: 8px 8px 8px 8px;
}
#duyurular-sol-baslik{
	width: 260px;
	height: 26px;
	background: url('../images/duyurular-baslik-yesil.png');
	padding: 5px 10px 5px 10px;
	color: #009900;
	margin-left: -1px;
	margin-top: -1px;
}
#duyurular-sol-baslik h3{
	margin: 0 auto;
}
#haberler{

	width: 667px;
	height:85px;
	border:1px solid red;
	float: left;
	background-color:#FAFAF5;
	border:1px solid #57B33B;
	margin-bottom: 5px;
	border-radius: 0.5em;
	padding: 6px 10px 5px 10px;
}
#haberler a{
	color:#000000;
}
#haberler-sol{
	width: 100px;
	height: 85px;
	border: 1px solid #57B33B;
	float: left;
}
#haberler-sag{
	width: 550px;
	height: 85px;
	float: left;
	margin-left: 5px;
}
#haberler-sag h3{
	margin: 0;
}

#menu-cerceve{
	margin: 0 auto;
	width: 1005px;
	height: 50px;
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;

}
#menu-alt {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				margin: 0;
				padding: 0;
				list-style-type: none;
				font-size: 13px;
				height: 40px;
				border-top: 2px solid #eee;
				border-bottom: 2px solid #ccc;
				border-radius: 0.5em;
				
			}


#menu {
				font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
				font-size:15px;
				font-weight: bold;	
				margin: 10px 0;
				padding: 0;
				list-style-type: none;
				background-color: #eee;
				height: 40px;
				border-top: 2px solid #eee;
				border-bottom: 2px solid #ccc;
				border-radius: 0.5em;
				
			}
			#menu li {
				font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
				float: left;
				margin: 0;				
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 20px;
				line-height: 40px;
				color: #666;
			}
			#menu li a:hover, #menu li.active a {
				background-color: #f5f5f5;
				border-bottom: 2px solid #DDD;
				color: #999;
			}
			#menu_wrapper ul {margin-left: 12px;}
			#menu_wrapper {padding: 0 16px 0 0; background: url(images/grey.png) no-repeat right;}
			#menu_wrapper div {float: left; height: 44px; width: 12px; background: url(images/grey.png) no-repeat left;}
			
			/* Black Menu */
			#menu_wrapper.black ul {
				border-top: 2px solid #333;
				border-bottom: 2px solid #000;
				background: #333;}
			#menu_wrapper.black a {color: #CCC;}
			#menu_wrapper.black li a:hover, #menu_wrapper.black li.active a {color: #999; background: #555; border-bottom: 2px solid #444;}
			#menu_wrapper.black {background: url(images/black.png) no-repeat right;}
			#menu_wrapper.black div {background: url(images/black.png) no-repeat left;}
			
			/* Blue Menu */
			#menu_wrapper.blue ul {
				
				border-top: 2px solid #57B33B;
				border-bottom: 2px solid #57B33B;
				background-image: url('../images/yesil.png');}
			#menu_wrapper.blue a {color: #fff; font-weight:bold;}
			#menu_wrapper.blue li a:hover, #menu_wrapper.blue li.active a {color: #FFFFFF; background: #013E16; border-bottom: 2px solid #57B33B;
			border-radius: 0.5em;
			}
			#menu_wrapper.blue {background: url(images/yesil.png) no-repeat right;}
			#menu_wrapper.blue div {background: url(images/yesil.png) no-repeat left;}
			
			/* Red Menu */
			#menu_wrapper.red ul {
				border-top: 2px solid #660000;
				border-bottom: 2px solid #450000;
				background: #660000;}
			#menu_wrapper.red a {color: #fff;}
			#menu_wrapper.red li a:hover, #menu_wrapper.red li.active a {color: #F27F84; background: #990000; border-bottom: 2px solid #660000;}
			#menu_wrapper.red {background: url(images/red.png) no-repeat right;}
			#menu_wrapper.red div {background: url(images/red.png) no-repeat left;}
			
			/* Orange Menu */
			#menu_wrapper.orange ul {
				border-top: 2px solid #d15600;
				border-bottom: 2px solid #B44500;
				background: #d15600;}
			#menu_wrapper.orange a {color: #fff;}
			#menu_wrapper.orange li a:hover, #menu_wrapper.orange li.active a {color: #FA9B5B; background: #B44500; border-bottom: 2px solid #d15600;}
			#menu_wrapper.orange {background: url(images/orange.png) no-repeat right;}
			#menu_wrapper.orange div {background: url(images/orange.png) no-repeat left;}

#kategori{
	background-image: url('../images/sol-menu.png');
	width: 235px;
	height: 25px;
	border-radius: 0.5em;
	color:#FFFFFF;
	padding-left: 25px;
	padding-top: 8px;
	margin-bottom: -15px;
	margin-top: -15px;
}
#baslik{
	margin-top: -3px;
	margin-left:-30px;
	background-color: #0099FF;
	list-style: none;
	background:#FFFFFF;
	width: 210px;
	height: 25px;
	padding-top: 10px;
	padding-left: 35px;
	background-image: url('../images/menu-li.png');
}

#sayfa-baslik{
	width: 670px;
	height: 35px;
	background-image: url('../images/sayfa-baslik.png');
	border:1px solid #57B33B;
	padding-top: 5px;
	padding-left: 10px;
}
#sayfa-baslik a{
	color: #57B33B;
}
#sayfa-baslik h2{
	margin: 0; float: left; font-size: 18px; margin-top: 3px;
	color: #57B33B;
}
.resim{
	border:#CCCCCC solid 10px;
}

.resim:hover{
	border:#000000 solid 10px;
}
#icerik{
	width: 650px;
	padding:5px 12px 5px 12px;
	
}
#basvuru-sol{
	width: 322px;
	
	padding-left: 5px;
	float: left;
}
#basvuru-sol h1{
	margin: 5px 0 5px 0;
	padding-top:5px;
	font-size: 15px;
	height:27px;
	width:%100;
	background-color:#57B33B;
	color:#FFFFFF;
	border-radius: 0.5em;
	font-weight: normal;
}

#basvuru-sag{
	width: 332px;
	padding-left: 5px;
	float: left;
	margin-left: 5px;	
}

#basvuru-sag h1{
	margin: 5px 0 5px 0;
	padding-top:5px;
	font-size: 15px;
	height:27px;
	width:%100;
	background-color:#57B33B;
	color:#FFFFFF;
	border-radius: 0.5em;
	font-weight: normal;
}

#konubaslik{
	margin-left:10px;
	width:630px;
	height:120px;
	border-style:solid;
	border-radius:0.5em;
	border-width:1px;
	border-color:#57B33B;
	background-color: #F7F8FD;
}
#konubaslik a{
	text-decoration: none;
}

#konuresim{
	float:left;
	margin-right:10px;
	margin-left:5px;
	margin-top:10px;
	background-image: url('../images/ders.png');
	width:87px;
	height:100px;
}
#konuyazi{
	float:left;
	width:500px;
	height:100px;
	font-size:13px;
	color: #022B3B;
}
#konuyazi h1{
	font-family: calibri;
	font-size:19px;
	text-align:left;
	color:#57B33B;
}

#sinavbaslik{
	margin-left:10px;
	width:630px;
	height:60px;
	border-style:solid;
	border-radius:0.5em;
	border-width:1px;
	border-color:#57B33B;
	background-color: #F7F8FD;
}
#sinavbaslik a{
	text-decoration: none;
}

#sinavresim{
	float:left;
	margin-right:10px;
	margin-left:5px;

	background-image: url('../images/exam.png');
	width:65px;
	height:57px;
}
#sinavyazi{
	float:left;
	width:500px;
	height:60px;
	font-size:13px;
	color: #022B3B;
}
#sinavyazi h1{
	font-family: calibri;
	font-size:19px;
	text-align:left;
	color:#57B33B;
}

#soru-cizgi{
	border: none;
	height: 8px;
	background: url(../images/fit_div-big.jpg) left top no-repeat;
	clear: both;
}


:-moz-placeholder {
  color: #c9c9c9 !important;
  font-size: 13px;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-size: 13px;
}

input {
  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  font-size: 14px;
}

input[type=text], input[type=password] {
  margin: 5px;
  padding: 0 10px;
  width: 200px;
  height: 50px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}
input[type=text]:focus, input[type=password]:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
}

select{
  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  font-size: 14px;
  margin: 5px;
  padding: 0 ;
  width: 200px;
  height: 25px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}

select:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
}

textarea{
  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  font-size: 14px;
  margin: 5px;
  padding: 0 10px;
  width: 200px;
  height: 55px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}

textarea:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
}




input[type=submit] {
  padding: 0 18px;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #527881;
  text-shadow: 0 1px #e3f1f1;
  background: #cde5ef;
  border: 1px solid;
  border-color: #b4ccce #b3c0c8 #9eb9c2;
  border-radius: 16px;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}
input[type=submit]:active {
  background: #cde5ef;
  border-color: #9eb9c2 #b3c0c8 #b4ccce;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}

input[type=reset] {
  padding: 0 18px;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #527881;
  text-shadow: 0 1px #e3f1f1;
  background: #FF0000;
  border: 1px solid;
  border-color: #b4ccce #b3c0c8 #9eb9c2;
  border-radius: 16px;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: -webkit-linear-gradient(top, #FFFFFF, #F0F0F0);
  background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}
input[type=reset]:active {
  background: #cde5ef;
  border-color: #9eb9c2 #b3c0c8 #b4ccce;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.lt-ie9 input[type=text], .lt-ie9 input[type=password] {
  line-height: 34px;
}
.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9; font-size: 14px;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}


/*sol menü */

h1 {
	font: bold 25px 'Allerta', sans-serif;
	text-align:center;
	color:#777777;
	text-shadow: 0 1px #e7e7e7;
}
h5 {
	font: normal 12px Arial;
	color:#ccc;
	text-align:center;
}
#vertical-menu {
	margin: 0 auto;
	width:282px;
	font-family: 'Ubuntu Mono', sans-serif;
	
}

.box_top {
	background: url(.../images/sol-menu/sol-menu/sol-menu/box_top.png) no-repeat;
	height:16px;
}
.box_bottom {
	background: url(../images/sol-menu/box_bottom.png) no-repeat;
	height:16px;
}
ul.accordion {
	list-type:none;
	margin:0;
	padding:0;
	background-color:#fcfcfc;
	width:282px;
	list-style:none;
	background: url(../images/sol-menu/bg_liner.png) repeat-y;
	font: normal 12px 'Ubuntu Mono', sans-serif;
}

ul.accordion li {
	margin:0 auto;
	width:270px;
}
ul.accordion li.item {
	cursor:pointer;
	clear:both;
	background: url(../images/sol-menu/menu-yesil.png) no-repeat 0px 0px;
	font-family:'Ubuntu Mono', sans-serif;
	color:#f3f3f3;
	text-shadow:1px 1px 1px #333;
	min-height:36px;
	line-height:17px;
	vertical-align:middle;
}
ul.accordion li.item .icon {
	float:left;
	width:20px;
	height:20px;
	margin:6px 10px;
	background: url(../images/sol-menu/icons.png) no-repeat;
	background-position:none;
}
ul.accordion li.item h3 {
	float:left;
	width:180px;
	margin:0;
	font-size:16px;
	font-weight:bold;
	margin:9px 10px 10px 0;
}
ul.accordion li.item .counts {
	float:right;
	text-align:center;
	font-size:12px;
	background: url(../images/sol-menu/numbers.png) no-repeat;
	font-weight:bold;
	width:30px;
	height:19px;
	margin-top:9px;
	margin-right:10px;
}
ul.accordion li.item h3 a {color:#f7f7f7;text-decoration:none; width: 280px;}
ul.accordion .child {
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
	color:#333;
	text-shadow:none;
	display:none;
	width: 280px;
}
div.child {padding:5px!important; width: 280px;}

ul.accordion ul.child li {
	padding:0;
	margin:0;
	text-indent:10px;
	color:#333;
	border-bottom: solid 1px #ccc;
	line-height:25px;
	background:none;
	background-color:none;
	width: 252px;
	margin-left: 7px;
}
ul.child li a {
	color:#333;
	text-decoration:none;
	text-shadow:1px 0 0 #fff;
	font-size:13px;
	margin-left:8px;
	width: 280px;

}
ul.accordion li.item h3 a.important{
	color: #BBFF00;
	text-shadow: 1px 0 0 #333;
	font-weight:bold;
	
}
.selected_item,
.item:hover {
	background-position: 0px -36px!important;
}

.themes {
	background-position:0px 0px;
}
.layouts {
	background-position:0px -40px!important;
}
.features {
	background-position:0px -80px!important;
}
.newsletter {
	background-position:0px -120px!important;
}
.preview {
	background-position:0px -160px!important;
}
.buy {
	background-position:0px -200px!important;
}
.download {
	background-position:0px -240px!important;
}
.credits {
	background-position:0px -280px!important;
}
.item .selected_counts {
	background-position: 0px -19px!important;
}
input[type="text"]{
	color: #777;
	border: solid 1px #f7f7f7;
	border-color:#777 #ccc #e7e7e7 #e7e7e7;
	height:20px;
}
button{
	color:#000;
	margin-left:2px;
	font:normal 12px 'Ubuntu Mono', sans-serif;
	background-color:#dedfe1;
	border:1px solid #fcfcfc;
	padding:4px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:5px;
	border-bottom:1px solid #fcfcfc;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	cursor:pointer;
}
button:hover{
	background-color:#828384;
	color:#f7f7f7;
}
button:active{
	position:relative;
	top:2px;
}


#copyright{
	float: left; margin-left: 15px;
	color:#FFFFFF;
}
#copyright table {
	color:#FFFFFF;
}

input[type=button] {
  padding: 0 18px;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #527881;
  text-shadow: 0 1px #e3f1f1;
  background: #cde5ef;
  border: 1px solid;
  border-color: #b4ccce #b3c0c8 #9eb9c2;
  border-radius: 16px;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}
input[type=button]:active {
  background: #cde5ef;
  border-color: #9eb9c2 #b3c0c8 #b4ccce;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}