body {
    margin: 0;
    padding: 0;
    background: url('http://labs.mozilla.com/projects/personas/images/otherpages-bg.jpg') repeat-x;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003663;
}

a:link
{
    color: #CC6600;
    text-decoration: none;
}

a:visited
{
    color: #CC6600;
    text-decoration: none;
}

a:hover
{
    color: #FF9933;
    text-decoration: underline;
}

#content {
    width: 880px;
    margin: 0 auto;
}
#content #top {
    background: url('http://labs.mozilla.com/projects/personas/images/otherpages-waves.jpg') no-repeat top right;
    height: 170px;
    padding-top: 15px;
}

#content #bottom {
    margin: 0 29px 0 30px;
}

#content #bottom .table_middle {
    background: url('http://labs.mozilla.com/projects/personas/images/otherpages-table-sides.png') repeat-y;
}

#content #bottom .table_middle .divider {
    text-align: center;
}
#content #bottom .table_middle .title {
    padding-bottom: 10px;
    font-size: 18px;
}

#content #bottom .table_middle .details {
    font-size: 14px;
}

#content #bottom .table_middle #sidebar {
    float: left;
    width: 160px;
    margin: 15px;
}

#content #bottom .table_middle #section-content {
    float: right;
    margin: 15px;
    width: 600px;
}

#content #bottom .table_middle .updatelist li {
    list-style-image: url('http://labs.mozilla.com/projects/personas/images/otherpages-circles.png');
    padding-bottom: 5px;
}

#arrow {
    background: url('http://labs.mozilla.com/projects/personas/images/firstrun-arrow.png') no-repeat bottom left;
    position: absolute;
    left: 7px;
    bottom: 5px;
    font-size: 14px;
    height: 30px;
    padding-left: 25px;
}

#content #footer {
    margin-top: 30px;
    clear: both;
    text-align: center;
    color: #547A9B;
    font-size: 12px;
    padding-bottom: 10px;
}
#content #footer a {
    color: #547A9B;
    text-decoration: underline;
}
#content #footer .labs {
    margin-top: 15px;
    margin-bottom: 3px;
}
#content #footer .labs img {
    vertical-align: middle;
    margin-right: 10px;
}
#content #footer .legal {
    margin-top: 10px;
    font-size: 10px;
}
#content #footer .legal span {
    margin-left: 10px;
}

/* menu box */

.menu-box {
    background: url(https://addons.mozilla.org/img/rustico/menu-box/menu-box-top.png) top left no-repeat;
    font-weight: bold;
    margin-bottom: 15px;
    width: 160px;
}

.menu-box ul {
    background: url(https://addons.mozilla.org/img/rustico/menu-box/menu-box-bottom.png) bottom left no-repeat;
    list-style-type: none;
    margin: 0;
    padding: 4px 0;
}

.menu-box ul li a:link,
.menu-box ul li a:visited,
.menu-box ul li span,
.menu-box ul.allmenu li {
    display: block;
    width: 136px;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    color: #003663;
}

.menu-box ul li {
    background: url(https://addons.mozilla.org/img/rustico/menu-box/menu-box-background.png) 0 0 no-repeat;
}

.menu-box ul li span,
.menu-box ul li.selected {
    background: url(https://addons.mozilla.org/img/rustico/menu-box/menu-box-background.png) -400px 0 no-repeat;
}

.menu-box ul li a:hover,
.menu-box ul li a:active,
.menu-box ul li.error {
    background: url(https://addons.mozilla.org/img/rustico/menu-box/menu-box-background.png) -200px 0 no-repeat;
}

.menu-box ul li.indented {
    text-indent: 1em;
}

.corner-box {
    background: url(https://addons.mozilla.org/img/rustico/left-top-corner-box.jpg) top left no-repeat;
    margin: 0 0 10px 0;
    padding: 12px 0 12px 15px;
}

h2.persona-name {
    font-size: 14px;
    font-weight: semi-bold;
}