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

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 20px;
	padding: 0px;
	background-image: url(../i/bg.png);
	background-repeat: repeat;
	color: #FFF;
	}

legend {
	color:#bbb;
}

a{text-decoration: none;color: #fff;}
a.kullanim{text-decoration: none;color: #fff;}
a.kullanim:link {color: #fff;}
a.kullanim:visited {color: #fff;}
a.kullanim:hover {color: yellow;}
a.kullanim:active {color: #fff;}



.paneldiv{
	min-width:340px;
	padding:20px;
	position:relative;
	left:-20px;
	top:-20px;
	//background-image: url(../i/mainbgbos.jpg);
	//background-repeat: no-repeat;
	//background-size: 100% 100%;
	//background-position: center top;
	//background-attachment: fixed;
}

#icerdencikisyap {
	position:absolute;
	width:37px;
	height:37px;
	right: 20px;
	top: 20px;
	}

.red{color:red;}
.yellow{color:yellow;}
	
.sayfacikis {
	color: #FFF;
	font-size: 3vw;
	}
	
.girisyaptiniz{
	color: #fb0;
	font-size: 20px;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}

.sayi{
	height: 18px;
	width: 34px;
	margin: 4px;
	padding: 4px 10px 4px 10px;
}

.baslik{
	height: 18px;
	width: 304px;
	margin: 4px;
	padding: 4px 10px 4px 10px;
}

.txt1{
	margin: 4px;
	width:50vw;
	padding: 5px 10px 5px 10px;
}
.txt2{
	margin: 4px;
	width:10vw;
	padding: 5px 10px 5px 10px;
}
	
#site {
	height: 400px;
	width: 700px;
	background-image: url(../i/mainbg.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	}
#sitebosluk {
	height: 200px;
	width: 700px;
	float:left;
	}
#ortainput {
	float:left;
	width:700px;
	height:75px;
	}
#kullaniciadi {
	float:left;
	width:350px;
	}
#kullaniciadi label {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	width:150px;
	float:left;
	margin-left: 100px;
	}
#kullaniciadiinput {
	background-image: url(../i/kull.png);
	background-repeat: no-repeat;
	background-color: transparent;
	height:32px;
	width:220px;
	border:0px;
	margin-left: 100px;
	margin-top: 10px;
	float: left;
	background-position: 0px 0px;
	text-decoration: none;
	text-indent: 30px;
	}
#kullaniciadiinput input {
	background-color: transparent;
	border:0px;
	width:180px;
	height:31px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #2c75a7;
	text-decoration: none;
	font-weight: bold;
	}
#sifre {
	float: left;
	width: 300px;
	}
#sifre label {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	width:150px;
	float:left;
	}
#sifreinput {
	background-image: url(../i/sifre.png);
	background-repeat: no-repeat;
	background-color: transparent;
	height:32px;
	width:220px;
	border:0px;
	margin-top: 10px;
	float: left;
	background-position: 0px 0px;
	text-decoration: none;
	text-indent: 30px;
	}
#sifreinput input {
	background-color: transparent;
	border:0px;
	width:180px;
	height:31px;
	margin-left: 3px;
	font-weight: bold;
	color: #2c75a7;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#alt {
	width:700px;
	height:40px;
	float:left;
	}
#hata {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 25px;
	float: left;
	width: 350px;
	margin-left: 105px;
	}
#hata img {
	margin-top: 15px;
	}
#hata a {
	color: #f1a50a;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#girisyap {
	float:left;
	width:115px;
	height:37px;
	margin-right: 30px;
	}
#girisyap input {
	background-image: url(../i/girisyap.png);
	background-repeat: no-repeat;
	float: left;
	height: 37px;
	width: 115px;
	border:0px;
	text-indent: -99999px;
	background-color: transparent;
	margin-top: 30px;
}

#cikisyap {
	float: right;
	width:37px;
	height:37px;
	margin-right: 84px;
	margin-top: 30px;
	}

textarea,input 
{  
font-family: inherit;
   font-size: inherit;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:16px
}

.oval{
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	}
	
input.upload,a.sil,input[type=submit]  {
	margin-top: 10px;
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #bdbdbd);
	background-image: -moz-linear-gradient(top, #ffffff, #bdbdbd);
	background-image: -ms-linear-gradient(top, #ffffff, #bdbdbd);
	background-image: -o-linear-gradient(top, #ffffff, #bdbdbd);
	background-image: linear-gradient(to bottom, #ffffff, #bdbdbd);
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	color: #1d4764;
	font-size: 1.15vw;
	font-weight: bold;
	text-align:center;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(255,255,255,1);
}

input.upload:hover,a.sil:hover,input[type=submit]:hover  {
  background: #bdbdbd;
  background-image: -webkit-linear-gradient(top, #bdbdbd, #ffffff);
  background-image: -moz-linear-gradient(top, #bdbdbd, #ffffff);
  background-image: -ms-linear-gradient(top, #bdbdbd, #ffffff);
  background-image: -o-linear-gradient(top, #bdbdbd, #ffffff);
  background-image: linear-gradient(to bottom, #bdbdbd, #ffffff);
  text-decoration: none;
}

select {
	color: #1d4764;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(255,255,255,1);
	-webkit-border-radius: 20;
	-moz-border-radius: 20;
	border-radius: 20px;
	border: 1px solid #111;
	background: transparent;
	background-color: #bdbdbd;
	width: 170px;
	padding: 0 0 0 10px;
	font-size: 16px;
	border: 1px solid #ccc;
	height: 34px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../i/15xvbd5.png), -webkit-linear-gradient(top, #ffffff, #bdbdbd);
	background-position: 97% center;
	background-repeat: no-repeat;
}


/* CAUTION: IE hackery ahead */


select::-ms-expand { 
    display: none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select {
        background:none\9;
        padding: 5px\9;
    }
}

.sayfam{

	margin-left: 40%;
	margin-top: -25px;
	padding:0.5vw;
	font-size:1.5vw;
	color: rgba(255, 255, 255, .5);
	position: fixed;
	height:auto;
	width:auto;
	background: url(../i/50black.png) repeat;
	z-index:999;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
	
}

.version{
	text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
	font-size:16px;
	font-weight: bold;
	color: rgba(0,0,0,0.7);
	float:right;
	text-decoration:none;
}