/* Styles for Pushudo.com Designed and Produced by Ross Nover */

/* Main Styles */

/*body {
    margin: 0;
    padding: 0px;
    font-family: Helvetica;
    font-size: 1em;
    background-color: #C5C5C5;
    color: #000000;
    }*/
    body {
        background-image:url('/images/background.jpg');
        background-repeat:repeat-x;
        font-family:helvetica;
        font-size:1em;
        margin:0;
        padding:0;
        color: #000000;
        background-color: #CCC9B2;
/*        background-color: #B2CCB2;*/
    }



p {
    font-size: 0.9em;
    line-height: 1.2em;
    margin: 0 0 10px 0;
    padding: 0px;
}

a {
    color: #0075A1;
    text-decoration: none;
}

a.buttonize{
    -moz-border-radius:0.2em 0.2em 0.2em 0.2em;
    -webkit-border-radius: 0.2em;
    background:-moz-linear-gradient(90deg, #00CC00, #B4CCB4) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 100%, 0 25%, from(#00CC00), to(#B4CCB4));
    padding: 0.3em 0.5em;
    text-decoration:none;
    color:#009600;
}

a.buttonize.yellow{
    background:-moz-linear-gradient(90deg, #FED520, #FEEFAA) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 100%, 0 25%, from(#FED520), to(#FEEFAA));
    color: #D5B31B;
}

a:hover {
    text-decoration: underline;
}

a:visited {
}

img {
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ul, ul li, ol, ol li {
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}

ul {
}
ul li {
}
ol {
}
ol li {
}

h4{
    font-size: 14px;
    color: #1B75A2;
    margin-top: 20px;
    margin-bottom: 5px;
}




/* Header and Navigation */
#header {
    height: 45px;
    margin: 0 auto;
    padding: 0px;
    width: 900px;
    border-top: none;
    -moz-border-radius-bottomleft: .2em;
    -moz-border-radius-bottomright: .2em;
    -webkit-border-bottom-left-radius: .2em;
    -webkit-border-bottom-right-radius: .2em;
    position: relative;
}
.logo {
    float: left;
    padding: 6px 8px 0 0
}

/* Top Navigation */

#main_navigation{
    margin: 1px 0 1px 7px;
    position: absolute;
    right: 0;
    bottom: 0;
}

#main_navigation span {
    margin: 0 0 0 5px;
    font-size: 14px;
/*    font-weight: bold;*/
/*    font-style: italic;*/
}

#main_navigation span a{
    text-decoration: none;
}

#middle_navigation{
    position: absolute;
    bottom: 0;
    margin: 0 300px 2px 200px;
    width: 500px;
}

#middle_navigation span{
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
}

#middle_navigation span a{
    text-decoration: none;
}

#middle_navigation .tab-active a{
    background-color: #EFE8CF;
    padding: 5px 10px;
    margin: 0 -9px;
    -moz-border-radius-topleft: .2em;
    -moz-border-radius-topright: .2em;
    -webkit-border-top-left-radius: .2em;
    -webkit-border-top-right-radius: .2em;
}

#middle_navigation .inactive a{
    background-color: #A8CBCD;
    padding: 3px 8px;
    margin: 0 -9px;
    -moz-border-radius-topleft: .2em;
    -moz-border-radius-topright: .2em;
    -webkit-border-top-left-radius: .2em;
    -webkit-border-top-right-radius: .2em;
}

#login {
    position: absolute;
    margin: 4px 7px;
    left: 250px;
    top: 0;
}

#login span{
    margin: 0 0 0 3px;
    font-size: 14px;
}

#login .hint{
    font-size: 10px;
    font-weight: normal;
    color: gray;
    text-align: left;
}

.user_info{
    position: absolute;
    margin: 4px 7px;
    top: 0;
    right: 0;
}

.user_info span{
    margin: 0 0 0 3px;
    font-size: 12px;
}


/* Main Area */

#mainarea {
    clear: both;
    display: block;
    text-align: center;
    width: 900px;
    background-color: #F5F5F5;
    margin: 0 auto;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
/*    border: 1px solid #E3E3E3;*/

}

#banner{
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
}
#maininside {
    padding: 10px 0px;
}
#mainarea:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#mainarea:after {
    display: inline-block;
    _height: 1%;
}
/* Hides from IE-mac \*/
#mainarea:after {
    display: block;
}
/* End hide from IE-mac */


#rightcolumn {
    text-align: left;
}

.leftbox, #popularpush {
    background-color: #FED520;
    text-align: left;
    padding: 0 10px;
    margin-top: 15px;

}

.leftbox p {
    margin-left: 20px;
    font-size: .8em;
}


/* Left Column */

#leftcolumn {
    text-align: left;
    vertical-align: top;
    width: 220px;

    padding-top: 12px;
/*    background-color: #FED520;*/
    background-color: #FEDB40;
    padding-right: 0px;
    -moz-border-radius-topleft: .3em;
    -moz-border-radius-bottomleft: .3em;
    -webkit-border-top-left-radius: .3em;
    -webkit-border-bottom-left-radius: .3em;
}

#leftcolumn h1{
        color: #1B75A2;
        font-weight: normal;
        font-size: 20px;
        margin-left: 10px;
/*        letter-spacing: -1px;*/
}
#leftcolumn h3 {
    font-size: 0.9em;
}
#leftcolumn p {
    font-size: 0.7em;
    line-height: 1.2em;
}
.leftbox ul {
    list-style: none;
    padding-left: 22px;
}
.leftbox {
    margin-bottom: 13px;
}

.leftbox li {
    margin-right: 2px;
}

#leftcolumn .home_side_navigation{
    margin: 5px 0 20px 20px;
    font-size: 30px;
    text-align: left;
}
#leftcolumn .home_side_navigation .category{
    display: block;
    margin: 5px 0;
    padding: 5px 0 5px 15px;
    color: black;
    width: 185px;
    -moz-border-radius-topleft: .2em;
    -moz-border-radius-bottomleft: .2em;
    -moz-border-radius-topright: -.7em;
    -moz-border-radius-bottomright: -.7em;
    -webkit-border-top-left-radius: .2em;
    -webkit-border-bottom-left-radius: .2em;
    -webkit-border-top-right-radius: -.7em;
    -webkit-border-top-bottom-radius: -.7em;
}

#leftcolumn .home_side_navigation a:hover.category {
    background-color: #FEEFAA;
    text-decoration: none;
}

#leftcolumn .home_side_navigation a.category.active, #leftcolumn .home_side_navigation .category.active{
    background-color: #F4F4F4;
}
#leftcolumn .home_side_navigation .stat{
    font-size: 12px;
    color:  #C5C5C5;
}

.home_user_info{
    font-size: 18px;
    margin: 5px 5px 15px 22px;
}

.custom_items{
    margin: 15px 0;
}

.custom_items .header{
    font-weight: bold;
    font-size: 14px;
}

.custom_items a.custom_item{
    font-size: 12px;
    margin-bottom: 1px;
    display: block;
    color: black;
    width: 185px;
    margin: 1px 0;
    padding: 1px 0 1px 15px;
    -moz-border-radius-topleft: .2em;
    -moz-border-radius-bottomleft: .2em;
    -moz-border-radius-topright: -.7em;
    -moz-border-radius-bottomright: -.7em;
    -webkit-border-top-left-radius: .2em;
    -webkit-border-bottom-left-radius: .2em;
    -webkit-border-top-right-radius: -.7em;
    -webkit-border-top-bottom-radius: -.7em;
}

.custom_items a.custom_item.active{
    background-color: #f4f4f4;
}

.custom_items a:hover.custom_item{
    background-color: #FEEFAA;
    text-decoration: none;
}
#popularpush {
}

a .buttonize{
    -moz-border-radius:0.2em 0.2em 0.2em 0.2em;
    -webkit-border-radius:0.2em 0.2em 0.2em 0.2em;

    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00abeb), color-stop(1, #000000));
    border:1px solid gray;
    padding:7px;
    text-decoration:none;
}

a:hover.buttonize{
    text-decoration: none;
}

.popular {
    padding: 0 0 5px;
    margin: 0 0 5px;
    border-bottom: solid 1px #C7C7C7;
    clear: both;
    position: relative;
}
.popular:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.popular:after {
    display: inline-block;
    _height: 1%;
}
/* Hides from IE-mac \*/
.popular:after {
    display: block;
}
/* End hide from IE-mac */

.popleft {
    float: left;
    margin: 2px 4px 0 0;
    width: 22px;
}
ul.poplinks {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 18px;
}
ul.poplinks li {
    height: 18px;
    width: 22px;
    margin-bottom: 5px;
}
ul.poplinks * a {
    display: block;
    height: 18px;
    text-decoration: none;
    text-indent: -9999px;
}

.popright {
    display: table;
    margin-left: 25px;
}
ul.popularlist {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 0.7em;
}
.popularlist li {
    padding: 3px 0 2px 16px;
}
li.time {
    background: url(/images/icons.png) no-repeat 2px -183px;
}
li.sent {
    background: url(/images/icons.png) no-repeat 0px -203px;
}
li.comment {
    background: url(/images/icons.png) no-repeat 0px -220px;
}
li.quickname {
    width: 85px;
    height: 10px;
    padding: 5px;
    font-weight: normal;
    font-size: 0.8em;
    background-color: #EFE8CF;
    -moz-border-radius: .6em;
    -webkit-border-radius: .6em;
    border-radius: .6em;
}
.popularlist li.bugs {
    float: right;
    position: absolute;
    right: 0;
    bottom: 5;
}

/* Right Column */

/* Right Column Tabs and Navigation */
#yourpushnav {
    margin: 0 0 5px;
    border-bottom: 1px solid #000000;
    display: table;
    width: 100%;
    height: 35px;
}
#nexttotabs {
    height: 35px;
    float: right;
    position: relative;
    font-size: 0.8em;
}

#nexttotabs ul {
    height: 26px;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

#nexttotabs ul li {
    float: left;
}
#nexttotabs ul * a {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
}
#nexttotabs ul li.go a {
    background: url(/images/icons.png) 0px -270px;
    height: 26px;
    width: 36px;
}
#nexttotabs ul li.go a:hover {
    background-position: -135px -270px;
}


#tabs {
    height: 35px;
}

#tabs ul {
    margin: 0;
    list-style: none;
    height: 35px;
    display: block;
}

#tabs li {
    display: inline;
    margin: 0px;
    padding: 0;
    height: 35px;
}

.tab a {
    float: left;
    background: #9fdcdd url(/images/tab-left.gif) no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}

.tab a span {
    float: left;
    display: block;
    background: url(/images/tab-right.gif) no-repeat right top;
    padding: 7px 20px 0px 12px;
    margin-bottom: -2px;
    color: #FFFFFF;
    height: 30px;
    font-weight: bold;
}

.tab a:hover span, .tab-active a:hover span {
    color: #555555;
}

#yourpushnav .tab-active a {
    float: left;
    background: #FFF url(/images/tab-active-left.gif) no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
    position: relative;
    top: 1px;
}

#yourpushnav .tab-active a span {
    float: left;
    display: block;
    background: url(/images/tab-active-right.gif) no-repeat right top;
    padding: 7px 20px 0px 12px;
    margin-bottom: -2px;
    color: #555;
    height: 31px;
    font-weight: bold;
}

#newall {
}

#newall ul {
    display: block;
    margin: 0 0 6px;
    list-style: none;
}
#newall ul li {
    display: inline;
    font-size: 0.7em;
}
#newall ul li a {
    background-color: #C9EBEC;
    color: #FFFFFF;
    padding: 2px 4px;
}
#newall ul li a:hover {
    background-color: #66CCFF;
    text-decoration: none;
}
/* The Rest of the Right Column */
.username {
    color: #0066FF;
    font-weight: bold;
}

#rightcolumn {
    background-color: #F4F4F4;
    vertical-align: top;
    width: 680px;
    -moz-border-radius-topright: .3em;
    -moz-border-radius-bottomright: .3em;
    -webkit-border-top-right-radius: .3em;
    -webkit-border-bottom-right-radius: .3em;
}

#rightcolumn h1 {
/*    font-style: italic;*/
    color: #1B75A2;
    font-weight: normal;
    font-size: 27px;
    border-bottom: 1px solid #FED520;
    line-height: 15px;
    margin-top: 10px;
    letter-spacing: -1px;
}


#yourpush {
    padding: 5px 20px;
}

#yourpush .advert {
    display: block;
    margin-top: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.pushudo {
    margin: 0px;
    border-bottom: dashed 1px #C7C7C7;
    display: block;
    width: 100%;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 120px;
}

.pushudo .sent_to, .pushudo .sent_from{
    border-bottom: none;
}

.sent_to, .sent_from{
/*    margin-top: 5px;*/
    border-bottom: solid 1px #C7C7C7;
        margin: 1px 0;
}

.pushudo.read{
    font-weight: normal;
}


.push_it_button a{
    padding: 4px 6px;
/*    color: black;*/
    color: white;
/*    background-color: #FFD522;*/
    background-color: #0075A1;
    border-bottom: 2px solid #FED520
;
    font-size: 12px;
    font-weight: bold;    
    text-decoration: none;
/*    border: 1px solid gray;*/
    -moz-border-radius-topleft: .2em;
    -moz-border-radius-topright: .2em;
    -webkit-border-top-left-radius: .2em;
    -webkit-border-top-right-radius: .2em;
}



.pushudo .pushleft {
    padding: 10px 4px 4px 4px;
    float: left;
    width: 100px;
    margin: 0 7px 0px 0px;
}
.pushudo .pushright {
    padding: 8px 4px 4px 4px;
    display: block;
    margin-left: 111px;
}

.pushudo .pushright h3{
    font-size: 16px;
}

.pushright .senders {
    display: block;
    margin: 5px 0 0 0;
    min-height: 55px;
}


.pushudo .pushright ul {
    font-size: 0.7em;
}
.pushudo .pushright ul li {
    /* display:inline; */
}
.pushudo p, #popularpush p {
    font-size: 0.75em;
}
.pushudo .pushimg {
    border: 1px solid #000000;
    height: 75px;
    width: 100px;
}
.pushudo ul.pushudobuttons {
    list-style: none;
    display: table;
}
.pushudo ul.pushudobuttons li {
    float: left;
}
.pushudo ul.pushudobuttons * a {
    display: block;
    text-decoration: none;
}

.reply{
/*    margin: 5px 10% 15px;*/
    margin: 0 20px;
    padding: 0 5px 0 0;
    font-size: 12px;
}

.pushudo .push_it_box{
    position: absolute;
    right: 0; 
    bottom: 0; 
    padding: 0 3px; 
    font-size: 14px; 
    height: 25px;
/*    width: 200px;*/
    text-align: right;
}

.pushudo .push_it_box p{
    font-size: 10px;
    line-height: 10px;
    margin: 0 0 4px 0;
    padding: 0;
}

.quote {
    border: none;
     color: #e69900;
     font-weight: bold;
     padding: 0 1px 5px 1px;
     margin: 0 1px;
     text-decoration: none;
}
.quote.little{
    padding: 0;
    margin-right: 2px;
}


.stats {
    font-size: 0.6em;
    position: absolute;
    bottom: 4px;
    left: 120px;
}

.stats b {
    font-weight: bold;
    color: #0075a1;
    font-style: normal;
    margin-left: 5px;
}

.bugs {
    font-size: 0.75em;
    position: absolute;
    bottom: 3px;
    right: 5px;
}

.commenttab {
}


.pushudo .pushinfo{
    margin-bottom: 25px;
}

/* End Main Area */


/* Footer */
#footer {
    text-align: center;
    clear: both;
    height: 85px;
    font-size: 0.8em;
    line-height: 1.5em;
    padding: 20px 50px 40px 50px;
}
#footer a {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.footercopy {
    font-size: 10px;
    margin-top: 10px;
}

/* One Column */
#onecolumn {
    display: block;
    background-color: #FFFFFF;
    height: auto;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
}

/* Stuff added by Andrew */

input, a.button, a.button:hover {
    background-color: white;
    border: solid 1px #FED520;
    font-size: 11px;
    font-family: Helvetica;
    color: black;
    padding: 4px;
}

input.textfield {
    width: 175px;
}

input.textfield.big {
    width: 300px;
    height: 25px;
    font-size: 100%;
}

input.button, a.button, a.button:hover, .button {
    margin: 0 2px;
    padding: 5px 10px;
    border: 1px solid #FED520;
    color: #FED520;
    text-decoration: none;
}

a.button, a.button:hover{
    color: #FED520;
    border: 1px solid #FED520;
}

input.button{
    color: #FED520;
    border: 1px solid #FED520;
}

input.button.big, a.button.big, a.button.big:hover {
    font-size: 18px;
    padding: 3px 15px 4px;
    color: #FED520;
    font-weight: bold;
}

a.button.signup, a.button.signup:hover {
    background-color: #00CC00;
    color: white;
    font-weight: bold;
}

a.button.seewhat, a.button.seewhat:hover {
    background-color: #0075A1;
}

label {
    font-size: 12px;
/*    color: #1B75A2;*/
    display: block;
}

.flash {
    margin: -1px -1px 0 -1px;
    font-weight: bold;

    position: relative;
    color: #FFFFFF;
    font-size: 12px;
    padding: 10px 0 2px 0;
    height: 25px;
    text-align: center;
}
#error {
    background-color: #FF6633;
}

#notice {
    background-color: #00CC00;
}

#tip {
    background-color: #04AF92;
    padding: 3px 10px;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    margin-bottom: 5px;
}
.warning {
    color: #FF6633;
    font-weight: bold;
}



.text ul {
    list-style: none;
    margin-top: 10px;
    margin-left: 30px;
}

.errorExplanation {
    padding: 10px;
    margin: 10px;
    background-color: #FF6633;
    color: black;
    border: 1px solid black;
}

.errorExplanation ul {
    margin-left: 30px;
}

.fieldWithErrors input.textfield, .fieldWithErrors input.textfield.big {
    background-color: #FF6633;
}

#topadvert, #bottomadvert {
    margin-top: 6px;
    margin-bottom: 6px;
}
/* FAQ pages */

.text, .leftbox p {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
/*    margin: 0 30px;*/
    text-align: left;
    line-height: 1.5;
}
.faq h2 {
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 15px;
    color: #04AF92;
}
.text h2, .text h3 {
    color: #0075a1;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 5px;
    margin: 0;
    line-height: 1em;
}

.text .hint, .leftbox .hint, #popularpush .hint {
    display: inline;
    font-size: 10px;
    color: gray;
}

.text h2 {
    font-size: 1.2em;
}

.text h3 {
    font-size: 1em;
}
.text li {
    list-style-type: circle;
}

/* Pagination */

div.pagination {
    text-align: right;
    padding: 3px;
    margin: 3px;
    font-family: Helvetica;

}

div.pagination a {
    padding: 2px;
    margin-left: 1px;
    font-weight: bold;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    text-decoration: none; /* no underline */
    color: black;
}
div.pagination a:hover, div.pagination a:active {
    margin-left: 1px;
    font-weight: bold;
    color: #0075A1;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin-left: 1px;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    font-weight: bold;
    background-color: #0075A1;
    color: white;
}
div.pagination span.disabled {
    display: none;
}

/* Send Pushudo Categories */

.email_address_categories {
    display: table-cell;
    list-style: none;
    padding: 0px 10px;
    width: 33%;
    border-right: 1px solid black;
}


.push_it_form .form {
    font-size: 14px;
    padding-left: 1px;
    background-color: white;
    display: inline;
}

.push_it_form .form .inactive{
    font-weight: normal;
    color: gray;
    border: 1px solid white;
}

.push_it_form .form .active{
    border: 1px solid black;
    color: black;
    font-weight: bold;
}

.contact{
    border: none;
    color: white;
    font-weight: bold;
    font-size: 10px;
    margin: 1px;
    display: inline;
    text-decoration: none;
}

#pushudos_by .inactive, #pushudos_by .active{
    margin: 0 -1px;
}

.contact.active, #pushudos_by .active {
    padding: 0 2px;
    background-color: #EFE8CF;
    -moz-border-radius-topleft: .2em;
    -moz-border-radius-topright: .2em;
    -webkit-border-top-left-radius: .2em;
    -webkit-border-top-right-radius: .2em;
    border-bottom: 2px solid #EFD982;
}


.contact.inactive, #pushudos_by .inactive {
    padding: 0 2px;
    background-color: #F0F0F0;
    -moz-border-radius-topleft: .2em;
    -moz-border-radius-topright: .2em;
    -webkit-border-top-left-radius: .2em;
    -webkit-border-top-right-radius: .2em;
    border-bottom: 2px solid #E2E2E2;

}

.contact.valid {
    color: black;
    font-size: 12px;
}

.contact.invalid {
    background-color: #FF6633;
}

#pushudos_by .inactive, #pushudos_by .active {
    padding: 0px 6px;
}

/* Replies Section */

.reply .from, .reply_from_recipient .from{
    margin: 1px;
    margin-top: 0;
    padding: 2px 0;
}

.reply .from .them, .reply_from_recipient .from .them{
    padding: 1px 2px;
}

.reply .from. .them .unread b{
    color:#00CC00
}

.reply .from .you, .reply_from_recipient .from .you{
    padding: 1px 1px;
}

.reply .form .inactive, .reply_from_recipient .form .inactive{
    font-size: 12px;
    padding-left: 0;
    color: gray;
    width: 400px;
    background-color: #F4F4F4; 
    border: 0;
    margin: 4px 0;
}


.reply .form .active, .reply_from_recipient .form .active{
    margin: 0;
    font-size: 14px;
    color: black;
    font-weight: bold;
    width: 350px;
    background-color: #F4F4F4; 
    border: 1px solid gray;
    margin: 2px 0;
    
}


.search {
    display: block;
    margin: 5px 0;
    padding: 10px 0 10px 15px;
    color: black;
    width: 185px;
}


.search .form{
    margin: 0;
    padding: 5px 3px;
    font-size: 16px;
    width: 150px;
    background-color: #F4F4F4; 
    border: 1px solid gray;
    font-weight: bold;
    color: black;
}

.search.active {
    background-color: #F4F4F4;
    -moz-border-radius-topleft: .2em;
    -moz-border-radius-bottomleft: .2em;
    -moz-border-radius-topright: -.7em;
    -moz-border-radius-bottomright: -.7em;
    -webkit-border-top-left-radius: .2em;
    -webkit-border-bottom-left-radius: .2em;
    -webkit-border-top-right-radius: -.7em;
    -webkit-border-top-bottom-radius: -.7em;
}



.timestamp{
    font-size: .5em;
    color: gray;
    font-weight: normal;
    font-style: italic;
}

.contact_x, .contact_x a, .contact_x a:hover {
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: black;
}

.contact .editor {
    padding: 0;
    margin: 0 2px;
    display: inline;
}

.contact .editor .textfield {
    width: 100px;
    display: inline;
    margin: -2px 0;
    padding: 0;
}

.contact .editor .submit_button {
    display: inline;
    margin: -2px 0;
    padding: 0;
}

.x, .x a, .x a:hover {
    text-decoration: none;
    color: #FF6633;
}

#to {
    max-height: 100px;
    overflow: auto;
}

/* See All Pushudos Page */

.recipient, .sender{
    font-size: 10px;
    margin: 2px -2px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding:2px 4px;
}

.recipient.read, .sender.read{
    color: gray;
}
.recipient.read:hover, .sender.read:hover{
    -moz-border-radius:0.2em 0.2em 0.2em 0.2em;
    -webkit-border-radius:0.2em 0.2em 0.2em 0.2em;
    background:-moz-linear-gradient(90deg, gray, #C5C5C5) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 100%, 0 25%, from(gray), to(#C5C5C5));
    color: white;
}
.recipient.unread, .sender.unread {

    color: gray;
    font-weight: bold;
    -moz-border-radius:0.2em 0.2em 0.2em 0.2em;
    -webkit-border-radius:0.2em 0.2em 0.2em 0.2em;
    background:-moz-linear-gradient(90deg, #FEEFAA, #FEEFAA) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 100%, 0 25%, from(#FEEFAA), to(#FEEFAA));

}

.recipient.active, .sender.active{
    font-weight: bold;
    color: black;
    -moz-border-radius:0.2em 0.2em 0.2em 0.2em;
    -webkit-border-radius:0.2em 0.2em 0.2em 0.2em;
    background:-moz-linear-gradient(90deg, #FEEFAA, #FED520) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 100%, 0 25%, from(#FEEFAA), to(#FED520));
}

.recipient .count, .sender .count{
    color: black;
}

.recipient.read .count, .sender.read .count{
    display: none;
    
}

.recipient.active .count, .sender.active .count{
    color: gray;
    text-decoration: none;
}
 
 
#login_box{
    background-color:white;
    border: 1px solid black; 
    padding:5px;
    position:absolute;
    top:26px;
    width:400px;
    z-index:1;
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
}

#embed {
    margin-top: 100px;
    background-color:white;
    border:1px solid black;
    height: 435px;
    width: 690px;
    padding:50px;
    z-index:3;
}              

#parent_embed{
    width: 100%; position: fixed; text-align: center; height: 100%; z-index: 3; margin-top: 5%;
}            

#fader {
    background-color:white;
    height:100%;
    opacity:0.7;
    position:fixed;
    top:0;
    width:100%;
/*    padding: 80px 0 0 0;*/
    text-align: center;
    z-index: 1;
}

.read_box{
    border:1px solid gray;
    font-size:12px;
    font-weight:bold;
    margin-top:5px;
    padding:2px;
    cursor: pointer;
}