@charset "utf-8";
.clr:before, .clr:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.clr:after {
	clear: both;
}
.clr {
	zoom: 1;
	display:block;
}
body{
	text-align:left !important;
}

.myRim{
	background:url(../images/myregister-sprite.png?130114) no-repeat;
}

.myRegisterAll{
	width:650px;
	padding:0;
	background:#fff;
	margin:auto;
	border-radius:7px;
	font-family:Arial,Tahoma,Verdana;
}

.myRegHeader{
	padding:0 0 15px 0;
}

.myRegLogo{
	width:67px;
	height:35px;
	float:left;
	position:absolute;
	left:60px;
	top:15px;
}



.myRegClose{
	width:15px;
	height:15px;
	background-position:0 -207px;
	cursor:pointer;
	margin:0;
	position:absolute;
	right:15px;
	top:15px;
}

.myRegClose:hover{
	background-position:0 -184px;
}

.myRegOuterClose{
	margin:0;
	position:absolute;
	right:30px;
	top:15px;
	cursor:pointer;
}

.myRegContent{
	border-radius:7px;
	overflow:hidden;
	position:relative;
	z-index:99;
	background:#FFFFFF;
}

.myRegLeft{
	width:190px;
	height:525px;
	float:left;
	background:#fafafa;
	border-right:1px solid #ccc;
	text-align:center;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.myRegLeftMini{
	height:450px;
}

.myLeftSmall{
	height:270px;
}

.btnLogin{
	padding:7px 45px !important;
}

.myRegRight{
	width:420px;
	float:right;
	padding:16px 16px 0 16px;
	background:#FFFFFF;
}

.myRegTitle{
	font-size:20px !important;
	color:#333 !important;
	font-weight:normal !important;
	padding:0 0 7px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc !important;
	line-height:normal !important;
	text-align:left !important;
}

.myRow{
	position:relative;
	margin:0 0 7px 0;
}

.myRow label{
	display:block !important;
	font-size:13px !important;
	color:#3C3C3C !important;
	margin:0 0 7px 0 !important;
	text-align:left !important;
	clear:both !important;
	text-shadow:none !important;
}

.myRow .myTextInput{
	display:block;
	width:225px;
	padding:8px;
	height:auto !important;
	line-height:normal !important;
	border-top:1px solid #dadada;
	border-left:1px solid #dadada;
	border-bottom:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	background:#fafafa;
	margin:0 10px 2px 0;
	border-radius:4px;
	float:left;
	color:#222;
	-webkit-box-shadow: 1px 1px 1px 1px ;
	box-shadow:0 1px 1px rgba(0,0,0,0.1); 
}

.myRow .myTextInputSmall{
	width:84px;
	padding:8px;
	float:left;
	border-top:1px solid #dadada;
	border-left:1px solid #dadada;
	border-bottom:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	background:#fafafa;
	margin:0 10px 2px 0;
	border-radius:4px;
	-webkit-box-shadow: 1px 1px 1px 1px ;
	box-shadow:0 1px 1px rgba(0,0,0,0.1); 
}

.myErrorText{
	color: #BD0000;
    display: table-cell;
    font-size: 11px;
    height: 30px;
    vertical-align: middle;
	position:absolute;
	width:167px;
	right:0;
}

.myInfoText{
	font-size:11px;
	font-family:Arial,Tahoma,Verdana;
	color:#999;
	clear:both;
}

.myCh{
	margin:-16px 7px 0 0;
}

.myChTwo{
	margin:0 7px 0 0;
}

.myChText{
	font-size:11px;
	color:#666;
	display:inline-block;
	position:relative;
	bottom:-5px;
	font-weight:normal;
}

.myChText a{
	color:#1e3c77;
}

.noPad{
	padding:0;
	height:auto;
}


.myBut {
	cursor:pointer;
	background: #476ab2;
	-moz-box-shadow:inset 0px 1px 0px 0px #8da3cf;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8da3cf;
	box-shadow:inset 0px 1px 0px 0px #8da3cf;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #476ab2), color-stop(1, #3e5b98) );
	background:-moz-linear-gradient( center top, #476ab2 5%, #3e5b98 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ab2', endColorstr='#3e5b98');
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #1f3c76;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:normal;
	padding:7px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #444;
	overflow:visible;
	visibility:visible;
	float:left;
	margin:20px 0 0 0;
}.myBut:hover {
	background:#3e5b98;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3e5b98), color-stop(1, #476ab2) );
	background:-moz-linear-gradient( center top, #3e5b98 5%, #476ab2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e5b98', endColorstr='#476ab2');
	box-shadow:none;
}

.myCap{
	float:left;
	width:100px;
	height:45px;
	position:relative;
	top:-6px;
}

.myCap img{
	width:85px;
	height:31px;
	border-radius:4px;
	margin:6px 0 0 0;
	border:1px solid #ccc;
}

.myCapRefresh{
	width:24px;
	height:21px;
	position:absolute;
	left:217px;
	top:28px;
	background-position:-243px 0;
	cursor:pointer;
}

.myErrorImg{
	width:7px;
	height:18px;
	position:absolute;
	right:-5px;
	top:25px;
	background-position:-162px 0;
	display:none !important;
}

.myOkImg {
	width:21px;
	height:17px;
	position:absolute;
	left:250px;
	top:30px;
	background-position:-201px 0;
	display:block;
}

.myRegLeftTitle{
	font-size:16px;
	font-weight:normal;
	color:#333;
	text-align:center;
	margin:180px 0 0 0;
}
.myFaText {
	margin:10px 15px 10px 15px;
	text-align:center;
	font-size:11px;
	color:#333;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	padding:20px 0 20px 0;
}

.myRegFace{
	cursor:pointer;
	background: #476ab2;
	-moz-box-shadow:inset 0px 1px 0px 0px #8da3cf;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8da3cf;
	box-shadow:inset 0px 1px 0px 0px #8da3cf;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #476ab2), color-stop(1, #3e5b98) );
	background:-moz-linear-gradient( center top, #476ab2 5%, #3e5b98 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ab2', endColorstr='#3e5b98');
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #1f3c76;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:normal;
	padding:7px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #444;
	overflow:visible;
	visibility:visible;
	width:165px;
}
.myRegFace:hover{
	background:#3e5b98;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3e5b98), color-stop(1, #476ab2) );
	background:-moz-linear-gradient( center top, #3e5b98 5%, #476ab2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e5b98', endColorstr='#476ab2');
	box-shadow:none;
}

.myRegFace span{
	height:19px;
	padding:0 0 0 20px;
	background-position:-293px 0;
	line-height:18px;
	display:block;
}

.myRegGoo{
	cursor:pointer;
	background: #C7C7C7;
	-moz-box-shadow:inset 0px 1px 0px 0px #C7C7C7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #C7C7C7;
	box-shadow:inset 0px 1px 0px 0px #FFFFFF;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05,#C7C7C7), color-stop(1,#C7C7C7) );
	background:-moz-linear-gradient( center top, #C7C7C7 5%, #C7C7C7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7C7C7', endColorstr='#C7C7C7');
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #C7C7C7;
	display:inline-block;
	color:black;
	font-family:arial;
	font-size:13px;
	font-weight:normal;
	padding:7px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #C7C7C7;
	overflow:visible;
	visibility:visible;
	padding-left:5px;
}

.myRegGoo:hover{
	background:#BBBBBB;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BBBBBB), color-stop(1, #BBBBBB) );
	background:-moz-linear-gradient( center top, #BBBBBB 5%, #BBBBBB 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB', endColorstr='#BBBBBB');
	box-shadow:none;
}

.myRegGoo{margin-top:10px;width:165px;}

.myRegGoo span{
	height:19px;
	padding:0 0 0 20px;
	background-position:-49px -182px;
	line-height:18px;
	display:block;
	padding-left:10px;
}

.myLoMar{
	margin:0 0 45px 0;
}

.mySf{
	font-size:11px !important;
	color:#123f9d !important;
	font-style:italic !important;
}

.myLeText{
	float:left;
	width:85px;
	padding:15px 38px 5px 0;
}

.myLeText label{
	font-size:11px;
	line-height:13px;
	vertical-align:middle;
}

.myLeText span{
	vertical-align:middle;
}
.myLeText .myCh{
	margin:0 3px 0 0;
	vertical-align:middle;
}
.exPad{
	padding:7px 28px 7px 28px;
	margin:10px 22px 0 0;
}

.myNewReg{
	text-align:left;
	padding:0 35px 0 0;
}

.myNewReg a{
	font-size:11px !important;
	color:#123f9d !important;
	font-weight:bold !important;
	text-decoration:none !important;
}

.myFaLine{
	margin:15px 15px 20px 15px;
	border-top:1px solid #D4D4D4;
}

.exMar{
	margin:158px 0 0 0;
}

.myRegImLeft{
	float:left;
	width:70px;
	height:450px;
	padding:30px 30px 0 30px
}

.regIm{
	height:563px;
}

.fbImgUser{
	width:68px;
	height:80px;
	margin:100px auto 0 auto;
}

.fbImgUser img{
	width:50px;
	height:50px;
	padding:7px;
	border:1px solid #ccc;
}

.fbImgUser a{
	font-size:9px;
	color:#666;
}

.myRegRightTwo{
	width:437px;
	float:right;
	padding:30px 0 0 0;
}

.myRegUser{
	font-weight:bold;
}

.myRegHelText{
	margin:0 0 28px 0;
}

.myRowTwo{
	margin:0 0 10px 0;
}

.exMarTwo{
	margin:33px 0 0 0;
}

.myRow .mySmallText{
	width:230px;
}

.myPosError{
	right:185px;
}

.myRowBut{
	padding:70px 50px 0 0;
}

.myRow h3{
	display:block;
	border-bottom:1px solid #d4d4d4;
	margin:0 20px 0 0;
}

.myEditText{
	padding:6px 0 6px;
	display:block;
}

.myEditText span{
	float:left;
}

.myEditTextIcon{
	display:block;
	background-position:right -72px;
	height:16px;
	width:16px;
	float:left;
	cursor:pointer;
}

.myUserMail{
	display:block;
	padding:6px 0 6px 0;
}

.myRowThree{
	height:auto;
	margin:0 0 20px 0;
}

.exMarThree{
	margin:20px 0 20px 0;
	height:auto;
}

.myRowFor{
	height:auto;
	margin:0 0 10px 0;
}

.h588 {
	position:relative;
	height:558px;
}

#divUserNameEdit{
	padding:7px 0 7px 0;
}
.myPosInfoForFB{
	right:100px;
}

.myRB{
	padding:0;
	position:absolute;
	bottom:20px;
}

.errText{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:red;
	padding:150px 0 150px 0;
}

.okayText{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#12690e;
	padding:150px 0 150px 0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.usMal{
	color:#1E3C77;
}

.usEr{
	color:#BD0000;
}

.bLnk{
	color:#1E3C77;
}

.topInfo {
	margin:0 0 20px 0;
}

.fcBox {
	padding:10px;
	background:#fafafa;
	margin:0 0 20px 0;
}

.userFace img{
	border: 1px solid #CCCCCC;
    height: 50px;
    padding: 7px;
    width: 50px;
	float:left;
	margin:0 15px 0 0;
}

.faceName{
	font-size:14px;
	padding:22px 0 0 0;
}

.okTit{
	font-size:14px;
	color:#333;
	font-weight:normal;
}

.okTit span, .okTit em{
	color:#1E3C77;
	font-style:normal;
}

.myBoxMini{
	border:1px solid #ccc;
	background:#eee;
	margin:0 15px 0 0;
	padding:10px;
	float:left;
	width:180px;
	height:80px;
	position:relative;
}

.myBoxMini a{
	color:#306aa4;
}

.myBoxMini p{
	text-align:center;
}

.noMar{
	margin:0;
}

.myBoxMini .myBut{
	float:none;
	margin:15px auto auto auto;
}

/*uyelik rev3*/
.my-RegLogo{
	width:44px;
	height:41px;
	float:left;
}
.my-regtitle h2{
	font-size:20px !important;
	color:#333 !important;
	font-weight:normal !important;
	padding:0 0 0 0px !important;
	margin:9px 0 0 12px !important;
	border-left:0px solid #ccc !important;
	line-height:normal !important;
	text-align:left !important;
	float:left !important;
}
.my-regtitle{
	margin:0 0 50px 0;
}
.my-newregister{
	float:left;
	line-height:15px;
	font-weight:bold;
	font-size:12px;
	color:#123f9d;
	margin:9px 0 0 20px;
}
.my-inputlabel{
	font-size:12px;
	color:#3C3C3C;
	line-height:12px;
}
.my-inputlabel input{
	float:left;
	margin:0 5px 0 0;
}


.my-But {
	cursor:pointer;
	background: #476ab2;
	-moz-box-shadow:inset 0px 1px 0px 0px #8da3cf;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8da3cf;
	box-shadow:inset 0px 1px 0px 0px #8da3cf;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #476ab2), color-stop(1, #3e5b98) );
	background:-moz-linear-gradient( center top, #476ab2 5%, #3e5b98 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476ab2', endColorstr='#3e5b98');
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #1f3c76;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:normal;
	padding:7px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #444;
	overflow:visible;
	visibility:visible;
	float:left;
}.my-But:hover {
	background:#3e5b98;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3e5b98), color-stop(1, #476ab2) );
	background:-moz-linear-gradient( center top, #3e5b98 5%, #476ab2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e5b98', endColorstr='#476ab2');
	box-shadow:none;
}
.my-row{
	display:block;
	padding:10px 0 15px 0;
}

.no-pad{
	margin:0 0 15px 0 !important;
	padding:0 !important;
}

.my-zu{
	float:left;
	line-height:15px;
	font-weight:bold;
	font-size:12px;
	color:#123f9d;
	margin:27px 0 0 20px;
}
/*uyelik rev3 end*/


/*MOBIL UYELER STYLE*/
@media only screen and (max-device-width: 480px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
  .myRegLeft {
  	background:#eee;
    border-bottom-left-radius:0;
	border-top-left-radius:0;
    border-right:none;
    float: none;
    height:auto;
    text-align: center;
    width:auto;
	margin:20px 0 0 0;
	padding:15px 0 15px 0;
  }
  .myRegLeftTitle {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    margin:auto;
    text-align: center;
	}
	.myRegRight {
		float: none;
		padding:10px;
		width:auto;
	}
	.myFaText {
    border-bottom: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    color: #333333;
    font-size: 11px;
    margin:10px auto 10px auto;
    padding:10px 0 10px 0;
    text-align: center;
}
.myRegisterAll {
    background: #FFFFFF;
    border-radius:0;
    font-family: Arial,Tahoma,Verdana;
    margin: auto;
    padding: 0;
    width:auto;
}
.noPad {
    text-align: center;
}
.myBut{
	float:none;
}
.my-zu{
	float:none;
}
.myRow .myTextInput{
	float:none;
	width:95%;
}
.myErrorText{
	position:relative;
	margin:5px 0 5px 0;
	height:auto;
}
.my-regtitle{
	text-align:center;
}

.my-RegLogo {
    display: inline-block;
    float: none;
    height: 35px;
    width: 67px;
	margin:0 0 -11px 0;
}
.my-regtitle h2 {
    border-left: 1px solid #CCCCCC !important;
    color: #333333 !important;
    display: inline-block !important;
	float:none !important;
    font-size: 20px !important;
    font-weight: normal !important;
    line-height: normal !important;
    margin: 4px 0 0 12px !important;
    padding: 0 0 0 12px !important;
    text-align: left !important;
}
}