* { padding:0px; margin:0px; }
html{ overflow-y:scroll; moz-overflow-y:scroll;}
html,body{ height:100%; min-height:100%; _height:100%;}
body{ color:#8d8d8d; font-family:Arial, Helvetica, sans-serif; background:url(images/bg.png) top repeat-x #e9ecee;}
a img{ outline:none; border:none; outline:none; }
a{ outline:none;color:#8d8d8d; text-decoration:none;}
img {display:block; outline:none;}
#main{ height:100%; min-height:100%; }
#wrapper{ height:auto; min-height:100%; margin-bottom:-100px;}
#clearheader{ height:110px; clear:both;}
#clearfooter{ height:100px; clear:both;}
#header{ height:110px;}

#container{ width:751px;}
#logoContainer{position:absolute; background:url(images/ufaltsprite.png) -310px -250px no-repeat; margin-top:50px; width:inherit; height:224px; }
#adamlar{ background:url(images/ufaltsprite.png) -22px -184px no-repeat; padding-right:35px; width:262px; height:238px; margin-bottom:100px; float:right; position:relative; left:1px; top:17px;}
#clearLogoContainer{ height:224px; clear:both;}
#clearInputBox{ height:122px; clear:both;}
#inputBoxTop{ background:url(images/ufaltsprite.png) no-repeat; height:11px; width:inherit;}
#inputBoxBottom{ background:url(images/ufaltsprite.png) 0px -11px no-repeat; height:11px; width:inherit;}
#inputBoxMiddle{ background:#00b5f0; height:54px; padding-left:20px; padding-top:45px;}
#ufaltInput { float:left;}
#ufaltButton { float:left;}
#ufaltInput input{ background:url(images/ufaltsprite.png) 0px -33px no-repeat; border:none; width:580px; height:20px; color:#838375; padding-top:8px; padding-bottom:8px; padding-left:4px; font-size:16px; outline:none; line-height:20px;}
#ufaltButton input{ background:url(images/ufaltsprite.png) -584px -33px no-repeat; border:none; width:107px; height:36px; cursor:pointer; outline:none; margin-left:11px;}

#version{position:relative; top:44px; left:276px; color:#e72b30; font-size:14px;  font-weight:bold; font-style:italic;}
#slogan{position:relative; font-size:18px; color:#4b4342; top:86px; left:145px;}

#resultBox{ background: #FFF; width:inherit; text-align:left; display:none}
#resultBox ul{list-style-type:none; padding:16px 25px 16px 25px;}
#resultBox ul li{display:none; border-bottom:1px solid #efefef; height:28px; line-height:28px; padding-left:12px; padding-right:12px; clear:both;}
#resultBox .first{ background:#ffffff; display:block; padding:14px 13px 14px 13px;}
#resultBox .first div{ padding:0px 12px 0px 12px; line-height:28px;font-size:14px;}
#resultBox .first div.shortlinkHeader{float:left;background:#f7f7f7; width:176px;border-bottom:1px solid #efefef;}
#resultBox .first div.copyHeader{float:left;background:#f7f7f7; width:103px; height:28px; color:#00b5f0;border-bottom:1px solid #efefef;}
#resultBox .first div.longlinkHeader{float:left; background:#f7f7f7;width:348px; text-align:left;border-bottom:1px solid #efefef;}
#resultBox ul li ul{padding:0px; }
#resultBox ul li div{float:left; border-bottom:none; padding:0px; clear:none; font-size:14px;}
#resultBox ul li div.shortlink{background:#FFFFFF; width:200px;}
#resultBox ul li div.shortlink a:hover{font-size:14px; text-decoration:underline;}
#resultBox ul li div.copy{background:#FFFFFF; width:53px; color:#00b5f0; z-index:-1; }
#resultBox ul li div.copy a{color:#00b5f0;}
#resultBox ul li div.seperator{background:#FFFFFF; width:9px; height:100%; color:#00b5f0; z-index:-1; text-align:center; }
#resultBox ul li div.qr{background:#FFFFFF; width:66px; color:#00b5f0; z-index:-1; }
#resultBox ul li div.qr a{color:#00b5f0;}
#resultBox ul li div.longlink{ background:#FFFFFF; }
#resultBox ul li div.longlink a:hover{text-decoration:underline;}

#resultBoxBottom{background:url(images/ufaltsprite.png) 0px -22px no-repeat; height:11px; width:inherit;display:none;}

#errorDisplay{ position:fixed; top:-40px; height:40px; line-height:40px; background:#fefefe; width:100%; text-align:center;}

.hiddenContent{ display:none; position:absolute; padding:20px; width:50%; height:auto; margin-top:10%; margin-left:23.6%; background:transparent; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:#fff; font-size:14px;}
.hiddenContent h2{padding-bottom:10px; font-size:18px;}
.hiddenContent p{padding-bottom:10px;}
.hiddenContent a{ color:#00b5f0; }
.hiddenContent a:hover{ color:#0090dd; }
#popWrapper{ display:none; position:absolute; top:0px; width:100%; height:100%;}
#popBg{position:fixed; background:#000; width:100%; height:100%; opacity:0.8; filter: alpha(opacity = 80);}
#popMailConfirm{padding:10px 0px 10px 0px; color:#FFFFFF; background:#40a5ff;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#feedbackForm input{ width:580px; outline:none; height:36px; border:none;  background:url(images/ufaltsprite.png) 0px -33px no-repeat; margin-bottom:10px; color:#7c7c7c; padding-left:4px; font-size:14px;}
#feedbackForm textarea{ resize:none; outline:none; width:580px; height:112px; border:none;  background:url(images/ufaltsprite.png) 0px -69px no-repeat; margin-bottom:10px; color:#7c7c7c; padding-top:4px; padding-left:4px; font-size:14px; font:Arial, Helvetica, sans-serif;}
#feedbackForm #feedbacksubmit{width:107px; height:36px; border:none; cursor:pointer;  background:url(images/ufaltsprite.png) -584px -69px no-repeat; margin-bottom:10px; margin-left:507px; clear:both;}
#feedbackForm div.left{float:left; clear:left; width:80px; text-align:right;}
#feedbackForm div.right{float:left; clear:right;}
#mailError{display:none; background:#a70000; padding:16px 20px 16px 20px; color:#FFFFFF; opacity:0.7; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0px 66px 16px 96px;}
.popClose{ background:url(images/ufaltsprite.png) no-repeat -691px -41px; width:18px; height:21px; position:absolute;}
.popCloseWrapper{ float:right; cursor:pointer; position:relative; top:-10px; right:10px;}

#popQR ul{ list-style-type:none;}
#popQR ul li{ float:left;}


#footer{ border-top:1px #FFFFFF solid; height:79px; padding-top:6px; }
#footerContainer{ width:751px;}
#footerLogo{ padding-top:10px; line-height:10px; clear:both;}
#footerLogo span{ font-size:10px;}
#footerLinks { clear:both;}
#footerLinks { text-align:center; width:300px;}
#footerLinks div{ float:left; padding:0px 10px 0px 10px; width:80px;}
#footerLinks div a{ font-size:12px; color:#40a5ff;}
#footerLinks div a:hover{ text-decoration:underline;}
#footerSocial{ position:absolute; margin-left:670px;}
#footerSocial div{float:left; padding-left:6px; opacity:0.6; filter: alpha(opacity = 60); cursor:pointer;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
#ufaltInput input{ background:url(images/textbox.png); border:none; width:580px; height:20px; color:#838375; padding-top:8px; padding-bottom:8px; padding-left:4px; font-size:16px; outline:none; line-height:20px; margin-top:2px;}