body{margin:0px;padding:0px; clear:both;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;}
html{overflow-y:scroll;background:#e2e2e2 url(../image/login/flowers-left.png) no-repeat fixed 0 450px;}
.loginPanel{margin: 120px 0;padding: 20px 0;border: solid #999;border-width: 1px 0;background:#FFF;width:100%;height:350px;}
.login
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  
    height: 275px;
    width: 400px;
    margin: -150px 0 0 -230px;
    padding: 25px;
    position:absolute;
    top: 280px;
    left: 50%;
    z-index: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
}
.login:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}
.userForm
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  
    height: 528px;
    width: 810px;
    margin: -0px 0 0 -0px;
    padding: 25px;
    position:absolute;
    top: 30px;
    left: 25%;
    z-index: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.userForm:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}
h1
{
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 0 20px 0;
    letter-spacing: 4px;
    font: normal 26px/1 Verdana, Helvetica;
    position: relative;
    padding-bottom:10px;
    border-bottom:1px dashed #AAA;
}
h1:after, h1:before
{
    background-color: #777;
    content: "";
    height: 1px;
    position: absolute;
    top: 15px;
    width: 100px;   
}
h1:after
{ 
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);      
    right: 0;
}
h1:before
{
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}
/*--------------------*/
.panelB2B
{
    background: #f1f1f1 url(../image/login/login-sprite.png) no-repeat ;
    background-position: 5px -2px !important;
	padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 353px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;color:#996666;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}
.panelDrop
{
    background: #f1f1f1;
    background-position: 5px -2px !important;
	padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 353px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;color:#996666;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}
.panelDrop:focus
{
    background: #fff;
    background-position: 5px -2px !important;
    border-color: #e89191;
    outline: none;
    color: #8f0a0a;font-weight:bold;
    -moz-box-shadow: 0 0 0 1px #e89191 inset;
    -webkit-box-shadow: 0 0 0 1px #e89191 inset;
    box-shadow: 0 0 0 1px #e89191 inset;
}
.panelB2Bpass
{
    background: #f1f1f1 url(../image/login/login-sprite.png) no-repeat ;
    background-position: 5px -52px !important;
	padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 353px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;color:#996666;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}
.panelTextArea
{
    background: #f1f1f1 url(../image/login/login-sprite.png) no-repeat ;
    background-position: 5px -2px !important;
	padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 755px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;color:#996666;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}
.panelTextArea:focus
{
    background: #fff url(../image/login/login-sprite_hover.png) no-repeat ;
    background-position: 5px -2px !important;
    border-color: #e89191;
    outline: none;
    color: #8f0a0a;font-weight:bold;
    -moz-box-shadow: 0 0 0 1px #e89191 inset;
    -webkit-box-shadow: 0 0 0 1px #e89191 inset;
    box-shadow: 0 0 0 1px #e89191 inset;
}
.panelB2B:focus
{
    background: #fff url(../image/login/login-sprite_hover.png) no-repeat ;
    background-position: 5px -2px !important;
    border-color: #e89191;
    outline: none;
    color: #8f0a0a;font-weight:bold;
    -moz-box-shadow: 0 0 0 1px #e89191 inset;
    -webkit-box-shadow: 0 0 0 1px #e89191 inset;
    box-shadow: 0 0 0 1px #e89191 inset;
}
.panelB2Bpass:focus
{
    background: #fff url(../image/login/login-sprite_hover.png) no-repeat ;
    background-position: 5px -52px !important;
    border-color: #e89191;font-weight:bold;
    outline: none;color: #8f0a0a;
    -moz-box-shadow: 0 0 0 1px #e89191 inset;
    -webkit-box-shadow: 0 0 0 1px #e89191 inset;
    box-shadow: 0 0 0 1px #e89191 inset;
}
.butonB2B
{		
    background-color: #ff4b4b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fd6f6f), to(#ff4b4b));
    background-image: -webkit-linear-gradient(top, #fd6f6f, #ff4b4b);
    background-image: -moz-linear-gradient(top, #fd6f6f, #ff4b4b);
    background-image: -ms-linear-gradient(top, #fd6f6f, #ff4b4b);
    background-image: -o-linear-gradient(top, #fd6f6f, #ff4b4b);
    background-image: linear-gradient(top, #fd6f6f, #ff4b4b);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    border-width: 1px;
    border-style: solid;
    border-color: #d63131 #e33737 #d52d2d #e33737;
    float: left;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f0a0a;
}
.butonB2B:hover,#butonB2B:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4b4b), to(#fd6f6f));
    background-image: -webkit-linear-gradient(top, #ff4b4b, #fd6f6f);
    background-image: -moz-linear-gradient(top, #ff4b4b, #fd6f6f);
    background-image: -ms-linear-gradient(top, #ff4b4b, #fd6f6f);
    background-image: -o-linear-gradient(top, #ff4b4b, #fd6f6f);
    background-image: linear-gradient(top, #ff4b4b, #fd6f6f);
}	
.butonB2B:active
{		
    outline: none;
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}
.butonB2B::-moz-focus-inner
{
  border: none;
}
.butonB2B2
{		
    background-color: #ff4b4b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fd6f6f), to(#ff4b4b));
    background-image: -webkit-linear-gradient(top, #fd6f6f, #ff4b4b);
    background-image: -moz-linear-gradient(top, #fd6f6f, #ff4b4b);
    background-image: -ms-linear-gradient(top, #fd6f6f, #ff4b4b);
    background-image: -o-linear-gradient(top, #fd6f6f, #ff4b4b);
    background-image: linear-gradient(top, #fd6f6f, #ff4b4b);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    border-width: 1px;
    border-style: solid;
    border-color: #d63131 #e33737 #d52d2d #e33737;
    float: right;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f0a0a;
}
.butonB2B2:hover,#butonB2B2:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4b4b), to(#fd6f6f));
    background-image: -webkit-linear-gradient(top, #ff4b4b, #fd6f6f);
    background-image: -moz-linear-gradient(top, #ff4b4b, #fd6f6f);
    background-image: -ms-linear-gradient(top, #ff4b4b, #fd6f6f);
    background-image: -o-linear-gradient(top, #ff4b4b, #fd6f6f);
    background-image: linear-gradient(top, #ff4b4b, #fd6f6f);
}	
.butonB2B2:active
{		
    outline: none;
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}
.butonB2B2::-moz-focus-inner
{
  border: none;
}
.b2bOz{width:400px;height:30px;}
.check{float:left;width:120px;padding: 0;cursor: pointer;font: bold 15px Arial, Helvetica;color: #8f0a0a;}
.linkkk{float:right; width:130px; border:none; background-color:transparent; padding:0px;cursor:pointer;color:#8f0a0a;font: bold 15px Arial, Helvetica;}
.myLinkButton{color:#8f0a0a; font: bold 15px Arial, Helvetica;}
.myLinkButton:hover,.myLinkButton:focus{ text-decoration:underline;}
.checkboxx{color: #8f0a0a;cursor:pointer;}
.checkboxx:hover,.checkboxx:focus{text-decoration:underline;}
.uyelikBasvuru
{
	width:340px;
	height:25px;
	background-color: #ffb94b;
   
    color: #8f5a0a;	
}
.mainPanel
{
	width:400px;
}
.basvuru
{
    margin: -220px 0 0 -200px;
    position:absolute;
    top: 550px;
    left: 70%;
    z-index: 0;
	width:300px;
	height:50px;
	border:none;
	cursor:pointer;
	text-align:center;
	background:url(../image/login/bayilik%20basvurusu.png) no-repeat;
	background-position: 5px -2px !important;
}
.basvuru:hover,.basvuru:active
{
	background-position: 5px -52px !important;
}