*{margin:0; padding:0;}
body{background:#FFF; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;}
input { outline:medium none; }
.main, .logo a, .inputLongUrl, .inputShortUrl, .btShortener, .facebook, .twitter, .linkedin , .footer{background: url(../images/spriteShortener.gif) no-repeat;}
.main{position:relative; width:800px; margin:60px auto 0; padding:20px; background-position:0 -290px; background-color:#FFA300; overflow:hidden;}
.logo{float:left; width:205px; height:140px; margin-bottom:20px;}
.logo a{display:block; width:205px; height:140px; background-position:0 0; text-indent:-999px; overflow:hidden;}
.linkAbout{position:absolute; width:270px; height:170px; top:10px; right:10px;}
.linkAbout a{display:block; width:270px; height:70px; text-align:center; text-decoration:none; font-size:20px; padding:50px 0; color:#666;}
label{clear:left;display:block;font-size:22px;}
.inputLongUrl, .inputShortUrl{clear:left; position:relative; float:left; height:28px; padding:16px 10px 4px; margin-top:10px;}
.inputLongUrl{width:605px; background-position: 0 -150px;}
.inputShortUrl{width:445px; background-position: 0 -210px; margin-bottom:20px;}
.inputLongUrl input, .inputShortUrl input{background:none;border:0;width:100%;font-size:16px;}
#btCopy{position:absolute; width:100px; height:28px; right:4px; top:4px; color:#000; text-align:center; cursor:pointer;}
.btShortener{float:left; width:156px; height: 48px; border:0; margin: 10px 0 0 18px; background-position: -640px -150px; cursor:pointer;}
.btShortener:hover{background-position:-640px -197px;}
.labelShortUrl{float:left;margin-top:20px;}
.urlShorted{clear:left;display:none;}
.share{float:left;margin:20px 10px;}
.share h3{float:left; line-height:30px;}
.facebook, .twitter, .linkedin{display:block; float:left; width:30px; height:30px; margin:0 0 0 10px; text-indent:-999px; overflow:hidden;}
.facebook{background-position: -210px -70px;}
.facebook:hover{background-position: -210px -100px;}
.twitter{background-position: -250px -70px;}
.twitter:hover{background-position: -250px -100px;}
.linkedin{background-position: -290px -70px;}
.linkedin:hover{background-position: -290px -100px;}
.originalUrl{clear:left; font-size:16px;}
#originalUrl{color:#725e00;}
.footer{position:absolute; width:840px; height:15px; bottom:-1px; left:0; background-position: 0 -270px;overflow:hidden;}
.footerNav{margin-top:20px; text-align:center; color:#666; font-size:11px;}
.footerNav a{color:#666;}

.notify{position:absolute; top:0; left:0; right:0; padding:10px; background-color:#FF9; border-bottom:1px solid #CCC; display:none; font-size:16px; font-weight:bold; color:#000;}