/* colors
 red #d23b47
 blue #497fb4

*/
.mailLinks ul{
margin: 0 0 10px 20px;
padding: 0;
}
.mailLinks li{
display:inline-block;
width: 98px;
height: 27px;
background-image: url(../images/button_off.gif);
}
.mailLinks li:hover{
display:inline-block;
width: 98px;
height: 27px;
background-image: url(../images/button_on.gif);
}
.mailLinks li a:link, .mailLinks li a:visited{
padding:0 0 20px 10px;
margin:0;
color: black;
text-decoration:none;
}
.mailLinks li a:hover{
color:red;
}

.mailButtons ul{
margin: 0 0 10px 20px;
padding: 0;
border-bottom: 1px solid black;
width: 542px;
}
.mailButtons li{
display:inline-block;
width: 132px;
height: 22px;
background-image: url(../images/tabs_off.gif);
}
.mailButtons li:hover{
display:inline-block;
width: 132px;
height: 22px;
background-image: url(../images/tabs_on.gif);
}
.mailButtons li a:link, .mailButtons li a:visited{
padding:0 0 20px 15px;
margin:0;
color: black;
}


.emailAmount{
margin: 0 0 10px 20px;
}

.topPageNumbers{
margin: 0 0 10px 20px;
}

.bottomPageNumbers{
margin: 0 0 10px 20px;
}

.emailResults{
float:Left;
clear:both;
width: 542px;
padding:0;
margin:0;
}

.mailSubject{
width: 192px;
clear: left;
float: left;
overflow:hidden;
height: 24px;
}

.mailRecipient{
width: 150px;
float: left;
height: 24px;
overflow: hidden;
}

.mailStatus{
width: 100px;
float: left;
height: 24px;
}

.mailTime{
width: 100px;
float: right;
clear: right;
height: 24px;
overflow: hidden;
line-height:24px;
}

.changethis{
margin: 10px 0 10px 20px;
float: left;
clear:both;
}
.profileInformation p{
text-indent: 0;
}
.snmallFormBox{
margin: 10px 0 20px 20px;
}
.highlighted{
background-color: #DFDFFF;
}
.smallFormBox{
margin: 0 0 0 20px;
padding:0;
}
form{
padding:0;
margin: 0 0 10px 20px;
}
.signedUpFor{
background-color: #DFDFFF;
margin: 0 10px 10px 10px;
padding: 10px 0 10px 10px;
width: 510px;
overflow: auto;
}
.upgrades{
border: 1px solid black;
margin: 0 10px 10px 10px;
padding: 10px 0 10px 10px;
overflow: auto;
width: 510px;
}
.unpaid{
float:left;
width: 342px;
clear: left;
overflow: auto;
}
.activated{
margin: 0 10px 10px 10px;
padding: 10px 0 10px 10px;
border: 1px solid black;
clear: both;
float: left;
width: 510px;
}
.activatedInfo{
float:left;
}
.activatedButtons{
margin: 5px 0 0 0;
float: right;
}
img{
border: 0;
}
.notActivated{
border: 1px solid red;
margin: 0 10px 10px 10px;
padding: 10px 0 10px 10px;
background-color: #FFE8E8;
float:left;
clear: both;
width: 510px;
}
.toUpgrade{
margin: 0 10px 10px 10px;
padding: 10px 0 10px 10px;
border: 1px solid green;
float: left;
clear: both;
background-color: #ECFFEC;
width: 510px;
}
.toUpgrade .join{
width: 480px;
}

.buttonBox .subscribeButton{
float: right;
}
.body_login{
margin: 10px 0 10px 20px;
float: left;
}
.new_user{
float:right;
margin: 10px 0px 20px 30px;
padding: 0 0 0 50px;
border-left: 2px solid black;
}
.signInForm p{
text-indent: 0;
padding: 0;
margin: 0;
}
form #name, form #subject{
padding-left:0;
margin-left: 0;
float: left;
}
.errorMessage{
margin: 10px 0 10px 20px;
color:red;
}
.profileInformation .leftfloat{
float: left;
width: 250px;
clear:left;
}
.profileInformation .rightfloat{
float: right;
width: 271px;
clear: right;
background-color: #DFDFFF;
}
.ALERTS{
width: 542px;
border: 1px solid red;
margin: 10px 0 10px 20px;
overflow: auto;
clear: both;
}
.alertMessage{
width: 350px;
float: left;
clear: left;
}
.deleteAlert{
float:left;
padding: 10px 0 0 0;
}
.emailResults a:link{
padding:0;
}
.emailResults .mailSubject a:link{
padding-left: 8px;
}
.inmateBox{
width: 542px;
height: 210px
}
.inmateLeft{
width: 200px;
float: left;
clear: left;
}
.celebSubs{
border: 1px solid red;
margin: 0 10px 10px 10px;
padding: 10px 0 10px 10px;
background-color: #FFE8E8;
float:left;
clear: both;
width: 510px;
}
.celebSubs .button, .celebSubs .SubscribeButton{
width: 200px;
float: right;
clear: right;
}
.celebSubs .unpaid{
width: 250px;
}
.rightCreate{
float: left;
margin-left: 30px;
border-top: 1px solid black;
}
.rightCreate select{
margin: 0;
margin-top: 10px;
padding: 0;
}
.leftCreate{
float: left;
}

.uploaderBox{
margin: 20px 0 30px 0;
}
.uploaderBox .uploadFormBox{
margin-left:20px;
padding:0;
}
.imagesBox{
margin: 0 20px;
}
.sentImage{
float:left;
width:200px;
clear:left;
margin: 10px 10px 0 0;
}
.imagesBox .sentImageInfo{
float: left;
width: 280px;
margin: 10px 0 0 0;
}
.deleteSentImage{
float:left;
margin-top: 10px;
}

.handlerInfoArea{
margin: 10px 0 20px 20px;
}
.buttonBox{
text-align: center;
float: left;
width: 470px;
border-top: 1px solid blue;
padding-top: 10px;
margin-top: 10px;
}
.buttonBox .title{
float: left;
}
.subscribeButton{
float: left;
}
.price{
float: left;
text-align: center;
}

.tinyText{
font-size: 9px;
}
#skipText{
margin-top: 10px;
}

.blogContainer{
margin: 0 40px;
width: 490;
}

.blog_entry{
width: 490px;
clear:both;
margin-bottom: 20px;
border-bottom: 1px solid black;
padding-bottom: 20px;
}

.blogHeader{
float: left;
width: 290px;
font-weight: bold;
font-size: 16px;
height: 20px;
clear: left;
}

.blogDate{
float: left;
font-weight: bold;
}

.blogEntry{
clear: left;
padding-top: 10px;
width: 490px;
padding-left: 20px;
}