@charset "UTF-8";

body {
background-color: #191919;
background-image: url(http://media.retweet.it/img/sm/bg-rpt.gif);
background-repeat: repeat;
}

/* HEADER */
.header {
height: 100px;
padding: 20px 0px 0px 0px;
}

#retweet-logo {
display: block;
float: left;
height: 79px;
margin: 0px;
overflow: hidden;
padding: 0px;
text-indent: 432px;
width: 432px;
}

#retweet-logo a {
background-image: url(http://media.retweet.it/img/sm/retweet-logo.gif);
background-position: top;
background-repeat: no-repeat;
cursor: pointer;
display: block;
height: 79px;
margin: 0px;
overflow: hidden;
padding-top: 79px;
width: 432px;
}

#retweet-logo a:hover, #retweet-logo a:focus {
background-image: url(http://media.retweet.it/img/sm/retweet-logo.gif);
background-position-y: -79px;
background-repeat: no-repeat;
}

.paid-user-list {
background: url(http://media.retweet.it/img/sm/paid-user-text.gif) bottom right no-repeat;
display: block;
float: right;
height: 67px;
margin-top: 13px;
overflow: hidden;
width: 485px;
}

.paid-user-img {
height: 48px;
margin-left: 3px;
width: 48px;
}

.paid-user-list img {
border: #5DB4D2 1px solid;
padding: 2px;
}

.paid-user-list img:hover, .paid-user-list img:focus {
border: #86C53B 1px solid;
}
/* END HEADER */

/* MENU */
.menu {
background: #5DB4D2 url(http://media.retweet.it/img/sm/nav-bg-rpt.gif) center repeat-x;
border: #C1C1C1 1px solid;
clear: both;
color: #000;
font-weight: bold;
height: 40px;
list-style: none;
margin: 0px;
padding: 0px;
white-space: nowrap;
width: 100%;
-webkit-border-top-left-radius: 9px;
-khtml-border-radius-topleft: 9px;	
-moz-border-radius-topleft: 9px;
border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-khtml-border-radius-topright: 9px;	
-moz-border-radius-topright: 9px;
border-top-right-radius: 9px;
}

.menu ul {
margin: 0px;
padding: 0px;
color: #000;
line-height: 40px;
white-space: nowrap;
}

.menu li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}

.menu li a {
color: #FFF;
margin: 0px;
padding: 12px 15px;
text-decoration: none;
}

.menu li a:link {
color: #FFF;
margin: 0px;
padding: 12px 15px;
}

.menu li a:hover {
background-color: #FFF;
color: #002845;
font-weight: bold;
}

.menu li a.home {
-webkit-border-top-left-radius: 9px;
-khtml-border-radius-topleft: 9px;	
-moz-border-radius-topleft: 9px;
border-top-left-radius: 9px;
}

.menu li a.buy {
background: #86C53B url(http://media.retweet.it/img/sm/green-bg-rpt.gif) center repeat-x;
color: #FFFFFF;
padding: 12px 15px;
text-decoration: none;
}

.menu li a.buy:link {
background: #86C53B url(http://media.retweet.it/img/sm/green-bg-rpt.gif) center repeat-x;
color: #FFFFFF;
}

.menu li a.buy:hover {
background-color: #FFFFFF;
background-image: none;
color: #458F2D;
}
/* END MENU */

/* MAIN */
.twocolrighta {
background-color: #FFFFFF;
background-image: url(http://media.retweet.it/img/sm/content-bg-rpt.gif);
background-position: right;
background-repeat: repeat-y;
border-bottom: #C1C1C1 1px solid;
border-left: #C1C1C1 1px solid;
border-right: #C1C1C1 1px solid;
margin-bottom: 20px;
-webkit-border-bottom-left-radius: 9px;
-khtml-border-radius-bottomleft: 9px;	
-moz-border-radius-bottomleft: 9px;
border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-khtml-border-radius-bottomright: 9px;	
-moz-border-radius-bottomright: 9px;
border-bottom-right-radius: 9px;
}

.padded-container {
padding: 20px;
}

.retweet {
border: #CCCCCC 1px solid;
margin-bottom: 10px;
padding-bottom: 5px;
padding-top: 5px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}

.retweet:hover, .retweet:focus {
background-color: #F7F7F7;
border: #CCCCCC 1px solid;
}

.user-icon {
background-image: url(http://media.retweet.it/img/sm/user-icon-bg.png);
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
float: left;
height: 100%;
margin-left: 5px;
position: relative;
width: 64px;
}

.user-icon img {
padding: 8px;
}

.description-container {
display: inline-block;
float: right;
margin-right: 8px;
margin-top: 6px;
position: relative;
width: 572px;
}

.title {
padding-bottom: 5px;
}

.description {
padding-bottom: 5px;
}

.retweet-this {
padding-bottom: 5px;
}

.browsenav-container {
background: #5DB4D2 url(http://media.retweet.it/img/sm/nav-bg-rpt.gif) center repeat-x;
border: #3EA6CA 1px solid;
color: #002845;
font-size: 14px/16px;
font-weight: bold;
margin-bottom: 10px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.browsenav-container a {
color: #FFFFFF;
}

.browsenav-container a:hover, .browsenav-container a:focus{
color: #002845;
}

ul.browsenav, .nav ul {
margin: 0;
padding: 0;
cursor: default;
list-style-type: none;
display: inline;
}

ul.browsenav {
display: inline;
margin: 5px;
}
ul.browsenav>li {
display: inline;
position: relative;
padding: 5px;
}

.fifty {
background-color: #FFFFFF;
background-image: url(http://media.retweet.it/img/sm/50-credits.gif);
background-position: top center;
background-repeat: no-repeat;
border: none;
height: 250px;
margin: 0px;
overflow: hidden;
padding: 0px;
width: 208px;
}

.fifty:hover, .fifty:focus {
background-image: url(http://media.retweet.it/img/sm/50-credits.gif);
background-position: bottom center;
background-repeat: no-repeat;
cursor: pointer;
cursor: hand;
}

.fifty-login {
background-color: #FFFFFF;
background-image: url(http://media.retweet.it/img/sm/50-credits-login.gif);
background-position: top center;
background-repeat: no-repeat;
border: none;
height: 250px;
margin: 0px;
overflow: hidden;
padding: 0px;
width: 208px;
}

.fifty-login:hover, .fifty-login:focus {
background-image: url(http://media.retweet.it/img/sm/50-credits-login.gif);
background-position: bottom center;
background-repeat: no-repeat;
cursor: pointer;
cursor: hand;
}

.bonus5 {
background-image: url(http://media.retweet.it/img/sm/plus5.png);
background-position: center center;
background-repeat: no-repeat;
height: 53px;
left: -10px;
overflow: hidden;
position: absolute;
text-indent: 53px;
top: 30px;
width: 53px;
}

.onehundred {
background-color: #FFFFFF;
background-image: url(http://media.retweet.it/img/sm/100-credits.gif);
background-position: top center;
background-repeat: no-repeat;
border: none;
height: 250px;
margin: 0px;
overflow: hidden;
padding: 0px;
width: 208px;
}

.onehundred:hover, .onehundred:focus {
background-image: url(http://media.retweet.it/img/sm/100-credits.gif);
background-position: bottom center;
background-repeat: no-repeat;
cursor: pointer;
cursor: hand;
}

.onehundred-login {
background-color: #FFFFFF;
background-image: url(http://media.retweet.it/img/sm/100-credits-login.gif);
background-position: top center;
background-repeat: no-repeat;
border: none;
height: 250px;
overflow: hidden;
width: 208px;
}

.onehundred-login:hover, .onehundred-login:focus {
background-image: url(http://media.retweet.it/img/sm/100-credits-login.gif);
background-position: bottom center;
background-repeat: no-repeat;
cursor: pointer;
cursor: hand;
}

.bonus10 {
background-image: url(http://media.retweet.it/img/sm/plus10.png);
background-position: center center;
background-repeat: no-repeat;
height: 53px;
left: 208px;
overflow: hidden;
position: absolute;
text-indent: 53px;
top: 30px;
width: 53px;
}

.threehundred {
background-color: #FFFFFF;
background-image: url(http://media.retweet.it/img/sm/300-credits.gif);
background-position: top center;
background-repeat: no-repeat;
border: none;
height: 250px;
margin: 0px;
overflow: hidden;
padding: 0px;
width: 208px;
}

.threehundred:hover, .threehundred:focus {
background-image: url(http://media.retweet.it/img/sm/300-credits.gif);
background-position: bottom center;
background-repeat: no-repeat;
color: #FFFFFF;
cursor: pointer;
cursor: hand;
}

.threehundred-login {
background-color: #FFFFFF;
background-image: url(http://media.retweet.it/img/sm/300-credits-login.gif);
background-position: top center;
background-repeat: no-repeat;
border: none;
height: 250px;
margin: 0px;
overflow: hidden;
padding: 0px;
width: 208px;
}

.threehundred-login:hover, .threehundred-login:focus {
background-image: url(http://media.retweet.it/img/sm/300-credits-login.gif);
background-position: bottom center;
background-repeat: no-repeat;
color: #FFFFFF;
cursor: pointer;
cursor: hand;
}

.bonus30 {
background-image: url(http://media.retweet.it/img/sm/plus30.png);
background-position: center center;
background-repeat: no-repeat;
height: 53px;
left: 426px;
overflow: hidden;
position: absolute;
text-indent: 53px;
top: 30px;
width: 53px;
}

.bonusbadge {
background-image: url(http://media.retweet.it/img/sm/bonus-badge.png);
background-position: center center;
background-repeat: no-repeat;
float: right;
height: 85px;
position: relative;
right: -35px;
top: -10px;
width: 85px;
}

#bonusbadge {
margin-left: -30px;
overflow: hidden;
}

.message {
margin-bottom: 10px;
}

.success {
background-color: #BDEFA2;
border: #408000 1px solid;
color: #316301;
display:inline-block;
position:relative;
width: 100%;
}

.success p {
font-weight: bold;
padding: 6px;
}

.notice {
background-color: #FFFAD8;
border: #B1A14B 1px solid;
color: #6B6026;
display:inline-block;
position:relative;
width: 100%;
}

.notice p {
font-weight: bold;
padding: 6px;
}

.error {
background-color: #FFC1C1;
border: #FF0000 1px solid;
color: #AE0101;
display:inline-block;
position:relative;
width: 100%;
}

.error p {
font-weight: bold;
padding: 6px;
}

.info {
background-color: #F8F8F8;
border: #CCCCCC 1px solid;
color: #333333;
display:inline-block;
position:relative;
width: 100%;
}

.info p {
font-weight: bold;
padding: 6px;
}

.refer {
background-color: #FFFFFF;
border: #DDDDDD 1px solid;
display: inline-block;
font-family: Georgia, "lucida bright", "times new roman", serif;
font-size: 30px;
margin-bottom: 5px;
padding-bottom: 20px;
padding-top: 20px;
text-align: center;
width: 100%;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.purchase-credits {
background-image: url(http://media.retweet.it/img/sm/purchase-credits.gif);
background-position: center center;
background-repeat: no-repeat;
color: #FFFFFF;
display: block;
font-size: 30px;
font-weight: bold;
float: right;
height: 111px;
margin: 0 0 15px 15px;
overflow: hidden;
text-align: center;
width: 106px;
}

.purchase-credits .number {
padding-top: 42px;
text-align: center;
text-shadow: #28791D 1px 1px 0px;
}
/* END MAIN */

/* RIGHT */
.login {
background-color: #f8f8f8;
}

a.sign-in-twitter {
background-image: url(http://media.retweet.it/img/sm/sign-in-with-twitter.gif);
display: block;
height: 32px;
margin-bottom: 15px;
overflow: hidden;
text-indent: -185px;
width: 185px;
}

a:hover.sign-in-twitter {
background-position-x: 0px;
background-position-y: -32px;
}

.retweet-count {
background-color:#fff;
background-image: url(http://media.retweet.it/img/sm/odometer-bg.gif);
background-position: center;
background-repeat: repeat-x;
border:1px solid #CCCCCC;
height:31px;
overflow:hidden;
position:relative;
width:209px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.retweet-count img {
margin-right: 3px;
}
/* END RIGHT */

/* FOOTER */
.footer {
margin-bottom: 20px;
}

.footerr {
background-color: #FFFFFF;
border: #C1C1C1 1px solid;
margin: 0px;
padding: 0px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}

.footer-column {
border-right: #C1C1C1 1px solid;
height: 145px;
}

.copyright {
color: #FFFFFF;
font-size: .9em;
}

.copyright a:hover {
color: #FFFFFF;
}

.copyright a:focus {
color: #FFFFFF;
}
/* END FOOTER */

/* FORM */
/* END FORM */