.loginWrapper{width:100%;margin-left:auto; margin-right:auto; margin-bottom:40px; clear:both; background-color:#fff; overflow: hidden;}
.loginWrapper .sf-button { width:190px; min-height:40px;} 
.l-left{ width:49%; min-width:350px; float:left; margin-right:5px; border:1px solid #ebebeb; margin-bottom:10px; display:inline; min-height:450px;}
.l-right ul{margin:0; padding:0; list-style:none;}
.l-right ul li {display:block; padding:6px;}	

.clear  { clear:both; }
.l-right { float:left; width:49%; min-width:350px; border:1px solid #ebebeb;  min-height:450px; }

.loginWrapper .login-input{ width:240px; padding:10px; border:none; padding-left:40px;}
.loginWrapper .sf-button { text-transform:uppercase;}
.label{margin-bottom:10px; clear:both; font-size:14px; height:10px; padding:7px;}
.loginBaslik{margin-bottom:30px; font-size:18px; font-weight:bold; padding-bottom:15px; border-bottom:1px solid #ebebeb;}

.submitButton{background:url(../images/login.png) no-repeat; height:40px; margin-top:15px; width:110px; cursor:pointer }

.sifreUnuttum, .sifreUnuttum a{margin-top:10px; color:#333; text-decoration:none}
.l-innerDiv { padding:15px; height:300px; }
.sp-login-social { clear:both; margin-top:10px;  }
.sp-login-social div { margin-bottom:10px; margin-right:10px; vertical-align:top; float:left; }
.sp-login-sumbit { clear:both; }
.sp-login-input { padding:5px;  width:320px; padding-left:10px; height:30px; border:1px solid #ddd; margin:3px; margin-left:0; }


.kayitBaslik{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.kayitaciklama{font-size:12px; margin-bottom:25px;}
.kayit{margin-top:20px; cursor:pointer}


@media only screen and (max-width: 1000px) {

.l-left,.l-right { max-width:100%; height:auto; overflow: hidden; border:none; }
.sp-login-input { width: 90%; }

}

/* Social Login Buttons */
#loginHead {
	position: absolute;
	top: 510px;
	left: 480px;
	width: 500px;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;

}

#orSeparator {
	position: absolute;
	top: 50px;
	left: 100px;
	height: 115px;
	width: 60px;
}

#socialSeparatorTop {
	position: absolute;
	top: 0px;
	left: 30px;
	height: 115px;
	width: 3px;
	background-color: #666;
}

#or {
	position: absolute;
	top: 115px;
	left: 8px;
	width: 40px;
	height: 16px;
	display: inline-block;
	border-radius: 22px;
	line-height: 16px;
	padding: 12px 0px;
	border: 4px solid #666;
	color: #666;
	font-weight: bold;
  text-align: center;
}

#socialSeparatorBottom {
	position: absolute;
	top: 160px;
	left: 30px;
	height: 130px;
	width: 3px;
	background-color: #666;
}

#socialLogin {
	position: absolute;
	top: 50px;
	left: 200px;
	height: 300px;
	width: 290px;
}

#socialHead {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	color: #666;
	text-align: center;
	font-size: 18px;

}

#socialNote {
	position: absolute;
	top: 250px;
	left: 0px;
	width: 280px;
	color: #666;
	text-align: left;
}

#fblogin {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    height: 40px;
    position: relative;
    text-align: left;
    text-decoration: none solid rgb(68, 68, 68);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 200px;
	background-color:#3b5998;
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(rgb(86, 120, 188), rgb(49, 74, 123)) repeat scroll 0% 0% / auto padding-box border-box;
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(86, 120, 188), rgb(49, 74, 123)) repeat scroll 0% 0% / auto padding-box border-box;
    border-top: 1px solid rgb(49, 74, 123);
    border-right: 1px solid rgb(42, 64, 105);
    border-bottom: 1px solid rgb(42, 64, 105);
    border-left: 1px solid rgb(42, 64, 105);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font: normal normal 16px/normal 'Helvetica Neue', Helvetica, 'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo,  arial, sans-serif;
    font-size: 16px;
    margin: 0px;
    outline: rgb(68, 68, 68) none 0px;
    overflow: hidden;
    padding: 10px 18px;
}

#fbname {
    background-position: 0px 0px;
    bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.0470588) 1px 0px 0px 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    height: 48px;
    left: 0px;
    position: absolute;
    text-align: center;
    text-decoration: none solid rgb(68, 68, 68);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    top: 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 50px;
    align-self: flex-start;
    background: rgba(255, 255, 255, 0.0784314) no-repeat scroll 0px 0px / auto padding-box border-box;
    border: 0px none rgb(68, 68, 68);
    font: normal normal 20px/normal 'Helvetica Neue', Helvetica, 'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo,  arial, sans-serif;
    outline: rgb(68, 68, 68) none 0px;
}

#fbtext {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    height: 17px;
    text-align: left;
    text-decoration: none solid rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 50px;
    align-self: flex-start;
    border: 0px none rgb(255, 255, 255);
    font: normal normal bold 14px/normal 'Helvetica Neue', Helvetica, 'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo,  arial, sans-serif;
    margin: -3px 0px 0px 18px;
    outline: rgb(255, 255, 255) none 0px;
}

#gpluslogin {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    float: left;
    height: 40px;
    position: relative;
    text-align: left;
    text-decoration: none solid rgb(68, 68, 68);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 190px;
    background-color: #DD4B39;
    background: -webkit-linear-gradient(#DD4B39,#D14836);
    background: linear-gradient(#DD4B39,#D14836);
    border-top: 1px solid rgb(230, 88, 88);
    border-right: 1px solid rgb(227, 66, 66);
    border-bottom: 1px solid rgb(227, 66, 66);
    border-left: 1px solid rgb(227, 66, 66);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font: normal normal 16px/normal 'Helvetica Neue', Helvetica, 'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo,  arial, sans-serif;
    font-size: 16px;
    margin: 0px;
    outline: rgb(68, 68, 68) none 0px;
    overflow: hidden;
    padding: 10px 18px;
}

#gpname {
    background-position: 0px 0px;
    bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.0470588) 1px 0px 0px 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    height: 48px;
    left: 0px;
    position: absolute;
    text-align: center;
    text-decoration: none solid rgb(68, 68, 68);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    top: 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 50px;
    align-self: flex-start;
    background: rgba(255, 255, 255, 0.0666667) no-repeat scroll -43px -44px / auto padding-box border-box;
    border: 0px none rgb(68, 68, 68);
    font: normal normal 16px/normal 'Helvetica Neue', Helvetica, 'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo,  arial, sans-serif;
    outline: rgb(68, 68, 68) none 0px;
}

#gptext {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    height: 17px;
    text-align: left;
    text-decoration: none solid rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 133px;
    align-self: flex-start;
    border: 0px none rgb(255, 255, 255);
    font: normal normal bold 14px/normal 'Helvetica Neue', Helvetica, 'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo,  arial, sans-serif;
    margin: -3px 0px 0px 18px;
    outline: rgb(255, 255, 255) none 0px;
}

#twtrlogin {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    float: left;
    top: 180px;
    left: 0px;
    height: 50px;
    position: absolute;
    text-align: left;
    text-decoration: none solid rgb(68, 68, 68);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 290px;
    background-color: #3fa7d0;
	background: -webkit-linear-gradient(#5fbee4, #2091bd);
	background: linear-gradient(#5fbee4, #2091bd);
	border: 1px solid #1c82a7;
	border-top-color: #2091bd;
	text-shadow: 0 1px #ffffff;
	border-top: 1px solid rgb(32, 145, 189);
    border-right: 1px solid rgb(28, 130, 167);
    border-bottom: 1px solid rgb(28, 130, 167);
    border-left: 1px solid rgb(28, 130, 167);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font: normal normal 16px/normal 'Helvetica Neue', Helvetica, 'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo,  arial, sans-serif;
    font-size: 16px;
    margin: 0px;
    outline: rgb(68, 68, 68) none 0px;
    overflow: hidden;
    padding: 10px 18px;
}

#twtrname {
    background-position: 0px 0px;
    bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.0470588) 1px 0px 0px 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    height: 48px;
    left: 0px;
    position: absolute;
    text-align: center;
    text-decoration: none solid rgb(68, 68, 68);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    top: 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 50px;
    align-self: flex-start;
    background: rgba(255, 255, 255, 0.0666667) no-repeat scroll -43px -44px / auto padding-box border-box;
    border: 0px none rgb(68, 68, 68);
    font: normal normal 16px/normal 'Helvetica Neue', Helvetica, 'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo,  arial, sans-serif;
    outline: rgb(68, 68, 68) none 0px;
}

#twtrtext {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    height: 17px;
    text-align: left;
    text-decoration: none solid rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 133px;
    align-self: flex-start;
    border: 0px none rgb(255, 255, 255);
    font: normal normal bold 16px/normal 'Helvetica Neue', Helvetica, 'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo,  arial, sans-serif;
    margin: -3px 0px 0px 42px;
    outline: rgb(255, 255, 255) none 0px;
}