/*
Title:     divinematch sidebar styles
Author:    steve@divinemass.com

Index:
(Y) 1. member login
(Y) 2. match box tools
(Y) 3. saved searches
(Y) 4. recently viewed profiles
(Y) 5. promotions
(Y) 6. advertising
(Y) 7. social bookmarks
*/

#sidebar-header {
 display: block;
 width: 258px;
 height: 20px;
 background: url(../images/common/sidebar-panel-top.gif) 0 0 no-repeat; }

#sidebar-footer {
 display: block;
 width: 258px;
 height: 20px;
 background: url(../images/common/sidebar-panel-bottom.gif) 0 0 no-repeat; }

/* 1. member login
---------------------------------------------------------- */

#login {
 display: block;
 width: 222px;
 margin: 0 0 8px 0;
 padding: 6px 0 0 0;
 background: #fff; }

#login h2 {
 margin: 0;
 padding: 0 0 0 28px;
 font-size: 110%;
 background: url(../../assets/images/common/padlock-icon.gif) no-repeat 8px 50%; }

#login p {
 padding: 6px 8px 6px 11px; }

#login-form fieldset {
 width: 210px;
 margin: 0;
 padding: 5px 0 5px 10px;
 background: #77BBEE;
 border: 1px solid #fff; }

#login-form legend {
 display: none; }

#login-form p {
 padding: 0 0 5px 0;
 color: #fff; }

#login-form label {
 display: inline; }

#login-form .username, #login-form .password {
 width: 192px;
 border: 1px solid #0099cc; }

#login-form .button {
 font-size: 110%; }

#login-form a:link, #login-form a:visited, #login-form a:hover {
 color: #fff;
 text-decoration: underline; }

/* 2. match box tools
---------------------------------------------------------- */

#my-profile {
 width: 110px;
 height: 150px;
 padding: 8px 67px 2px 74px;
 text-align: center;
 background: url(../images/common/profile-bg.gif) no-repeat 7px 0; }

#my-profile-photo {
 display: block;
 width: 110px;
 height: 110px;
 overflow: hidden; }

#my-profile-tools {
 display: block;
 margin: 0 0 0 12px; }

#my-profile-tools li {
 float: left;
 width: 22px;
 height: 22px;
 padding: 0 0 0 5px;
 display: inline;
 list-style: none; }

#my-profile-tools a {
 display: block;
 width: 22px;
 height: 22px;
 background-repeat: no-repeat; }

#my-profile-tools a:link, #my-profile-tools a:visited {
 background-position: 0 0; }

#my-profile-tools a:hover {
 background-position: 0 -22px; }

#my-profile-tools .myprofile {
 background-image: url(../images/common/my-profile-icon.gif); }

#my-profile-tools .myphotos {
 background-image: url(../images/common/my-photos-icon.gif); }

#my-profile-tools .myblogs {
 background-image: url(../images/common/my-blogs-icon.gif); }

#my-profile-tools .myvideos {
 background-image: url(../images/common/my-videos-icon.gif); }

#my-profile-views {
 display: block;
 width: 248px;
 padding: 0 0 0 7px;
 font-size: 140%;
 color: #eee;
 text-align: center;
 border-bottom: 11px solid #eee; }

#my-profile-views p {
 margin: 0;
 padding: 2px 0 13px 0; }

#my-tools {
 display: block;
 width: 248px;
 padding: 0 0 0 7px;
 font-size: 1em%;
 font-family: Tahoma, Verdana, Arial;
 background: #eee;
 border-bottom: 8px solid #eee; }

#my-tools li {
 display: block;
 margin: 0 0 2px 0;
 width: 244px;
 height: 1.8em;
 list-style: none; }

#my-tools p {
 display: inline;
 padding: 0; }

#my-tools .label {
 float: left;
 cursor: pointer;
 cursor: hand; }

#my-tools .total {
 float: right;
 cursor: pointer;
 cursor: hand; }

#my-tools strong {
 color: #993300; }

#my-tools a {
 display: block;
 padding: 0 8px 0 31px;
 width: 205px;
 height: 1.8em;
 line-height: 1.8em;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 background-repeat: no-repeat; }

#my-tools a:link, #my-tools a:visited {
 background-color: #59BCDD;
 background-position: 0 0; }

#my-tools a:hover {
 background-color: #CC0000;
 background-position: 0 -28px; }

#my-tools .favorites {
 background-image: url(../images/common/favorites-icon.gif); }

#my-tools .friends {
 background-image: url(../images/common/friends-icon.gif); }

#my-tools .mailbox {
 background-image: url(../images/common/mailbox-icon.gif); }

#my-tools .smiles {
 background-image: url(../images/common/smiles-icon.gif); }

#my-tools .gifts {
 background-image: url(../images/common/gifts-icon.gif); }

#my-tools .recently {
 background-image: url(../images/common/bookmark-icon.gif); }

#my-tools .hidden {
 background-image: url(../images/common/hidden-icon.gif); }

#my-tools .blocked {
 background-image: url(../images/common/blocked-icon.gif); }

/* 3. saved searches
---------------------------------------------------------- */

#saved-searches {
 display: block;
 width: 244px;
 padding: 0 0 0 7px;
 border-bottom: 10px solid #eee; }

#saved-searches fieldset {
 margin: 0;
 padding: 4px 4px 4px 22px;
 background: #59BCDD url(../../assets/images/common/save-icon.gif) no-repeat 7px 0.8em;
 border: 0 none; }

#saved-searches label {
 display: none; }

#saved-searches select {
 display: block;
 width: 215px;
 font-size: 110%;
 border: 1px solid #0099cc; }

/* 4. recently viewed profiles
---------------------------------------------------------- */

#recently-viewed {
 display: block;
 width: 247px;
 padding: 0 0 0 4px;
 background: #eee;
 color: #666;
 border-bottom: 5px solid #eee; }

#recently-viewed h2 {
 margin: 0;
 padding: 10px 8px 6px 23px;
 font-size: 110%;
 background: #eee url(../../assets/images/common/recently-viewed-icon.gif) no-repeat 7px 60%;
 border-top: 1px dashed #59BCDD; }

#recently-viewed ul {
 padding: 5px 0 0 0; }

#recently-viewed li {
 margin: 0 0 6px 0;
 padding: 0 0 0 24px;
 list-style: none;
 background: url(../../assets/images/common/arrow_right.gif) no-repeat 6px 0.1em; }

/* 5. promotions
---------------------------------------------------------- */

#promotions {
 display: block;
 width: 206px;
 margin: 10px 0 0 0;
 padding: 12px 8px 8px 8px;
 background: #fff;
 text-align: center; }

#promotions h2 {
 margin: 0 0 0.8em 0;
 padding: 0;
 font-size: 135%; }

#promotions .points {
 font-weight: bold;
 color: #CC0000; }

#promotions .addfriends {
 padding: 0 0 0 18px;
 background: url(../../assets/images/common/add-icon.gif) no-repeat 0 50%; }

#promotions .claimprize {
 padding: 0 0 0 18px;
 background: url(../../assets/images/common/tick-icon.gif) no-repeat 0 50%; }

/* 6. advertising
---------------------------------------------------------- */

#advertising {
 display: block;
 width: 222px;
 text-align: center; }

#advertising p {
 padding: 0 0 10px 0; }

/* 7. #social-bookmarks
---------------------------------------------------------- */

#social-bookmarks {
 padding: 1.4em 7px 0 7px;
 background: #fff;
 text-align: center; }

#social-bookmarks h4 {
 font-size: 110%;
 margin: 0 0 1em 0;
 padding: 0; }

#social-bookmarks ul {
 margin: 0;
 padding: 0; }

#social-bookmarks ul li {
 display: inline;
 padding: 2px 20px 2px 20px;
 font-size: 110%;
 line-height: 2em;
 list-style: none; }

#social-bookmarks .delicious {
 background: url(../images/common/delicious-icon.gif) no-repeat 0 2px; }

#social-bookmarks .digg {
 background: url(../images/common/digg-icon.gif) no-repeat 0 2px; }

#social-bookmarks .reddit {
 background: url(../images/common/reddit-icon.gif) no-repeat 0 2px; }

#social-bookmarks .facebook {
 background: url(../images/common/facebook-icon.gif) no-repeat 0 2px; }

#social-bookmarks .stumbleupon {
 background: url(../images/common/stumbleupon-icon.gif) no-repeat 0 2px; }