html { overflow-y: scroll; }

body {
	margin: 0;
	padding-bottom: 50px;
	background: #fff url(../_img/bg.png);
	font: 12px Arial;
	color: #fff;
	height: 100%;
}

a { outline: 0; }

.clear { clear: both; }

a.btn {
	padding: 0 5px;
	border: dotted 1px #fff;
	text-decoration: none;
	text-align: center;
	color: #fff;
	float: right;
	line-height: 20px;
}
a.btn:hover { background-color: #fff !important; border: solid 1px #fff; }

#bubble {
	width: 265px;
	height: 160px;
	background: url(../_img/bubble.png);
	position: absolute;
	z-index: 999;
	top: 70px;
	left: 50%;
	margin-left: -183px;
}
#bubble-txt {
	width: 161px;
	height: 98px;
	background: url(../_img/bubble-text.png);
	margin: 30px 0 0 30px;
}
#bubble-txt.part2 { background-position: -161px 0; }
#bubble-txt.part3 { background-position: -322px 0; }
#bubble-txt.part4 { background-position: -483px 0; }
#bubble-txt.part5 { background-position: -644px 0; }

#haydar {
	width: 184px;
	height: 242px;
	background: url(../_img/haydar-body.png);
	position: absolute;
	z-index: 999;
	top: 91px;
	left: 50%;
	margin-left: 85px;
}
#haydar-face {
	width: 113px;
	height: 102px;
	background: url(../_img/haydar-face.png);
	margin: 60px 0 0 10px;
}
#haydar-face.part2 { background-position: -113px 0; }
#haydar-face.part3 { background-position: -226px 0; }
#haydar-face.part4 { background-position: -339px 0; }

div#overlay {
	display: none;
	background: #000;
	z-index: 990;
	opacity: 0.7;
	filter: alpha(opacity=70);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}

#overlay-container {
	display: none;
	z-index: 991;
	position: absolute;
	top: 254px;
	left: 50%;
	width: 590px;
	margin-left: -295px;
}

#overlay-container #header {
	width: 356px;
	height: 80px;
}

#overlay-container #header a {
	display: block;
	width: 69px;
	height: 80px;
	background: url(../_img/btn-close.png);
	float: right;
}

#overlay-container #container {
	width: 570px;
	padding: 10px;
	background: url(../_img/bg-overlay.png);
}

#overlay-container #title, #overlay-container #desc { padding: 10px; background: #fff; }
#overlay-container #title { color: #f06; }
#overlay-container #desc {
	color: #01c7e4;
	padding-right: 70px;
	padding-top: 0;
	height: 142px;
}

.scroll-pane {
	width: 490px;
	height: 142px;
	overflow: auto;
}

#logo {
	display: block;
	width: 180px;
	height: 85px;
	background: url(../_img/logo.png);
	position: absolute;
}
#logo.form {
	top: 210px;
	left: 50%;
	margin-left: -390px;
}
#logo.main {
	left: 50%;
	margin: -30px 0 0 -335px;
}


#gidelim_cv_oyun {
	width: 540px;
	padding: 5px 15px 6px 35px;
	background: #f06 url(../_img/gidelim_cv_oyun.png) no-repeat;
	margin: 0 auto;
	line-height: 20px;
}

#gidelim_cv_oyun a { color: #fff; }
#gidelim_cv_oyun a:hover { color: #f06; }


/* */


#btn-git {
	display: block;
	width: 107px;
	height: 96px;
	background: url(../_img/btn-git.png);
	position: absolute;
	z-index: 999;
	top: 353px;
	left: 50%;
	margin-left: 235px;
}
#btn-git.reverse, #btn-git:hover { background-position: -107px 0; }
#btn-git.reverse:hover { background-position: 0 0; }

#welcome {
	width: 590px;
	height: 213px;
	background: url(../_img/gelin-tanisalim.png) no-repeat bottom;
	padding-top: 223px;
	margin: 0 auto 3px;
}

.job {
	width: 560px;
	padding: 7px 15px;
	background: #f06;
	margin: 0 auto 3px;
	line-height: 20px;
	cursor: pointer;
}

.job a { color: #fff; }
.job a:hover { color: #f06; }

#subscribe-container {
	width: 425px;
	padding: 7px 15px 7px 150px;
	background: #01c7e4;
	margin: 0 auto;
	line-height: 20px;
	height: 22px;
	overflow: hidden;
}
#subscribe-container a { width: 46px; }
#subscribe-container a:hover { color: #01c7e4; }


#subscribe_error, #subscribe_success { display: none; }

#subscribe_form span {
	float: left;
}
#subscribe_form input {
	width: 190px;
	float: left;
	margin: 0 10px;
	padding: 3px;
	padding-top: 4px;
}


#footer p {
	font-size: 11px;
	color: #333;
	width: 440px;
	padding: 7px 0 7px 150px;
	margin: 0 auto;
}


/* */


#form {
	width: 630px;
	padding-top: 298px;
	margin: 0 auto;
}

#tabs {
	height: 41px;
	overflow: hidden;
}
#btn-kimsin, #btn-nesin {
	display: block;
	width: 315px;
	height: 41px;
	background: url(../_img/btn-kimsin-nesin.png);
	float: left;
	position: relative;
	z-index: 999;
}
#btn-kimsin { background-position: 0 -41px; }
#btn-kimsin.active { background-position: 0 0; }
#btn-nesin { background-position: -315px 0; }
#btn-nesin.active { background-position: -315px -41px; }

#kimsin, #nesin {
	background: #01c7e4;
	clear: both;
}

#form a.btn { margin: 10px 14px; }
#form a.btn:hover { color: #01c7e4; }
#form a#btn-next { padding-right: 20px; background: url(../_img/btn-next.png) no-repeat right top; }
#form a#btn-next:hover { background-position: right bottom; }
#form a#btn-prev { padding-left: 20px; background: url(../_img/btn-prev.png) no-repeat; float: left; }
#form a#btn-prev:hover { background-position: left bottom; }


.short, .long {
	background: #80e3f2;
	color: #0090a5;
}

.short {
	width: 284px;
	margin: 14px 0 14px 14px;
	padding: 5px;
	float: left;
}
.long {
	width: 592px;
	margin: 14px 0 14px 14px;
	padding: 5px;
	position: relative;
}

.input {
	padding: 4px;
	background: #fff;
}
.short .input {
	width: 160px;
	float: right;
}
.long .input {
	width: 584px;
}

.error { outline: #f06 solid 1px; }

.oops {
	width: 25px;
	height: 29px;
	background: #f06 url(../_img/error.png) no-repeat center;
	outline: #f06 solid 1px;
	position: absolute;
}

label {
	font-size: 14px;
	line-height: 30px;
}
.short label { display: inline; float: left; width: 110px; }
label.double { line-height: 13px; }

input, textarea, select {
	border: 0;
	background: #fff;
	margin: 0;
	padding: 3px 0;
	outline: 0;
	width: 584px;
	font: 12px Arial;
}
.short input { width: 160px; }

.short select { width: 160px; padding: 2px 0; }

textarea { height: 60px; }

div#fake_input {
	width: 72px;
	height: 40px;
	background: url(../_img/btn-ekle.png);
	position: absolute;
	right: 0;
	top: 0;
}
div#fake_input div {
	width: 60px;
	height: 40px;
	margin-left: 12px;
	overflow: hidden;
	position: relative;
}

input#ctrlFileUpload {
	width: 60px;
	height: 40px;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}
#filename {
	color: #333;
}

.sep {
	clear: both;
	background: url(../_img/separator.png);
	height: 2px;
	overflow: hidden;
}
.sep.nobg { background: none; }
.sep.white { background: #fff; height: 3px; }

#harbiden {
	margin-left: 14px;
	line-height: 42px;
}

#form-note {
	background: #f06;
	text-align: center;
	width: 630px;
	padding: 10px 0;
	margin: 0 auto;
}

#ona-gore {
	color: #393939;
	font-size: 11px;
	width: 280px;
	position: absolute;
	top: 260px;
	left: 50%;
	margin: 0 0 0 -200px;
}