/* $Revision: 48734 $ */
#content .sub {padding-top: .5em;}
#albumsPage, #profilePage, #peoplePage, #bookmarksPage, #messagesPage, #statsPage {background:url(http://p.webshots.net/images/bg/bg_c4c4c4.gif) repeat-y 600px 0 #fff;border:1px solid #c4c4c4;height:100%; width: 934px;}
#pageNav1, #pageNav2 {background-color:#2a4765;border:2px solid #fff;height:4.8em;position:relative;}
#pageNav2 {height:8em}
#pageNav1 h1 {color:#fff;font-weight:bold;font-size:140%;padding:8px 0px 4px 12px}
#pageNav1 p {color:#ffef64;font:11px verdana;float:left;margin-left:7px;padding:0px 0 8px 17px;width:164px}
#pageNav2 {border-top:none;clear:both}
#pageNav1 p.premium{background: url(http://p.webshots.net/images/icon/icon_premium_star_12x13.gif) no-repeat left top}
#pageNav1 > p.premium{margin-left: 1.15em;}

#boxHolder {overflow:hidden}
#boxHolder h3 {color: #fff;font-size:110%;height: 2.35em;line-height:2em;margin-bottom:8px;text-transform:lowercase;text-indent:12px;}
#boxHolder h3 a {font-size:11px;position:absolute;right:12px}
#boxHolder h2 {font-size:1.5em;}

#box2, #box3 {float:left;position:relative}

#box2 {padding-right:2px;padding-left:2px;width:597px; overflow: hidden;}
#box2 h3 {background-color:#d85227;color:#fff;}
#box2 h3 .searchLink {color:#fff;font-size:88%;margin-right:6px;text-decoration:none}

#box3 {width: 333px; overflow: hidden;}
#box3 h3 {background-color:#98b1c4;margin:2px;margin-top:0;}
#box3 p{clear:both;line-height:14px;margin:12px 10px 12px 12px}
#box3 li, #box2 li {margin:0px 10px 0px 12px}
#box3 ul, #box2 ul {margin-bottom:12px}

#box3 #tipPreview {background-color:#eaf8b6;color:#506f19;}
#box3 #tipPreview h1{color:#cf5300;font-size:18px;margin:0;padding:10px 13px;}
#box3 #tipPreview h3 {background-color:#a2c660;color:#496a0f;}
#box3 #tipPreview h3 img {left:3px;position:relative;top:4px;}
#box3 #tipPreview h3 a {color:#436700;font-size:10px}
#box3 .mpu  {margin-bottom:10px;text-align:center}
#box3 .mpu h3 {background-color:#d4cec8;color:#7a7976;text-align:left}
#box3 .mpu h3 a {color:#7a7976;font-size:10px}
#box3 .textAd {margin:10px 14px}

#noAlbums {margin:5px auto !important;text-align:center;}
#noAlbums h2 {color:#cf5300;font-family:arial;font-size:1.4em !important;margin:1em 0 !important;padding:0;text-align:center}
#noAlbums p {color:#506f49;font-size:.9em;margin:1.8em auto !important;text-align:center !important; width:310px}
#noAlbums p a {margin:0 auto !important;text-align:center !important;}
#noAlbums ul {margin-bottom:20px !important}
#noAlbums li {color:#506f49;font-size:.9em;float:left;margin:0 10px !important}
#noAlbums #startUploadBtn {background: url(http://p.webshots.net/images/btn/btn_upload_now.gif) no-repeat left;display:block;height:42px;text-indent: -9999px;width:158px}
#noAlbums #startUploadBtn:hover {background-position:right}
#noAlbums #icon1 {background: url(http://p.webshots.net/images/grfk/grfk_myspace.gif) no-repeat;display:block;height:23px;text-indent: -9999px;width:128px}
#noAlbums #icon2 {background: url(http://p.webshots.net/images/grfk/grfk_blogger.gif) no-repeat;display:block;height:26px;text-indent: -9999px;width:84px}
#noAlbums #icon3 {background: url(http://p.webshots.net/images/grfk/grfk_livejournal.gif) no-repeat;display:block;height:26px;text-indent: -9999px;width:120px}

/*people page. These styles are shared by fans, friends, bookmarked members, and invite summary*/
#peoplePage #box2 h2.title {margin:20px 10px 5px 10px}
#peoplePage #box2 h4 {font-weight:normal; font-size:12px; margin-left:10px; margin-bottom:4px}
#peoplePage #box2 .memberHolder {border-top:1px solid #ccc;font-size:90%;padding:10px;position:relative;}
#peoplePage #box2 .memberHolder .thumb {border:1px solid #c4c4c4;display:block;float:left;width:46px;height:46px;margin:5px;overflow:hidden;position:relative}
#peoplePage #box2 .memberHolder .thumb img {border:0;left:50%;position:absolute;top:50%}
#peoplePage #box2 .memberHolder ul, #peoplePage #box2 .memberHolder li {list-style:none;margin:0;padding:0}
#peoplePage #box2 .memberHolder .memberInfo {float:left;list-style:none;margin:0;padding:0}
#peoplePage #box2 .memberHolder .memberName {float:left}
#peoplePage #box2 .memberHolder .premium {background: url(http://p.webshots.net/images/icon/icon_premium_star_12x13.gif) no-repeat;display:block;float:left;height:12px;margin-left:4px;margin-top:1px;width:13px}/*position:absolute;top:2px;right:-15px;*/
#peoplePage #box2 .memberHolder .comment {background: url(http://p.webshots.net/images/icon/icon_comment.gif) no-repeat;display:block;float:left;height:13px;margin-left:4px;margin-top:2px;width:13px}/*position:absolute;top:2px;right:-32px;*/
#peoplePage #box2 .memberHolder .orderPrint {background:url(http://p.webshots.net/images/icon/icon_orderPrint.png) no-repeat;display:block;float:left; height:13px;margin-left:4px;width:15px}
#peoplePage #box2 .recentPhotos {float:left;margin-left:10px;}
#peoplePage #box2 .recentPhotos li {float:left;margin-left:10px; font-size: 0;}
#peoplePage #box2 .recentPhotos li.video img {padding-bottom: 13px; color: #fff; background: #212121 url(http://p.webshots.net/images/icon/icon_video_42x13.gif) no-repeat bottom; line-height: 0px; font-size: 0;}
#peoplePage #box2 .recentPhotos li.video span {position: absolute; left: -9999px;}
#peoplePage #boxHolder #box2 h3 a {color:#fff !important;left:0;margin:0 5px 0 5px;position:relative;top:0;}
#peoplePage .delete {background: url(http://p.webshots.net/images/icon/icon_delete_28x14.gif) no-repeat center left;display:block;height:14px;left:2px;position:absolute;top:14px;text-indent: -9999px;width:14px;}
#peoplePage .delete:hover, #peoplePage .delete.hover {background-position:right}

#peoplePage #box2 #inviteSummary table {margin-right:22px;width:75%}
#peoplePage #box2 #inviteSummary table td, #peoplePage #box2 #inviteSummary table th {border:1px solid #ccc;text-align:center}
#peoplePage #box2 #inviteSummary td.col1, #peoplePage #box2 #inviteSummary th.col1 {text-align:right;width:40%}

#peoplePage #box2 #fans .memberHolder {border:0;float:left;height:100px;margin-left:10px;padding:0;text-align:center;width:20%}
#peoplePage #box2 #fans .memberHolder .thumb {float:none;margin:0 auto}
#peoplePage #box2 #fans .memberHolder .memberName {float:none;position:relative;text-align:center}
#peoplePage #box2 #fans .memberHolder .memberName .premium {background: url(http://p.webshots.net/images/icon/icon_premium_star_12x13.gif) no-repeat;display:block;height:12px;margin-left:4px;position:absolute;top:0;right:0;width:13px}

#tipPreview p {line-height:16px;margin:0;padding:13px;padding-top:0;}
#tipPreview, #messagePreview, #peoplePreview,  #commentPreview, #bookmarkPreview, #albumPreview {border-bottom:1px solid #c4c4c4;margin-bottom:2px;padding-bottom:2px}
#messagePreview p, #peoplePreview p, #fanPreview p, #commentPreview p, #bookmarkPreview p, #albumPreview p {padding:10px;}
#profilePreview, #statPreview, #capacityPreview {border-bottom:1px solid #c4c4c4;margin-bottom:2px}

#lowerThumbHolder {border:2px solid #fff;display:block;height:46px;left:24px;overflow:hidden;position:absolute;top:24px;width:46px;}
#lowerThumbHolder img {border:0;left:50%;position:absolute;top:50%;}
#lowerTabHdr {color:#c6d7ea;font-size:14px;left:89px;position:relative;top:22px;}
#lowerTabHdr a {color:#c6d7ea;font-weight:bold;}

/*Pagination*/
#page-navHolder {border-bottom:1px solid #e9e8e8;margin:0 15px;padding:.7em 0}
#page-navHolder ul, #page-navHolder li {margin:0;padding:0}
#page-nav {margin: 0 !important; padding: 0 !important;}
#page-navHolder-bottom {position: relative; border-top:1px solid #e9e8e8;margin:1em 0px 0 !important; padding: 0.7em 0 !important; float: left !important; height: 1em !important; overflow: hidden;}
div > #page-navHolder-bottom {height: auto !important; overflow: visible;}
#peoplePage #box2 #page-navHolder-bottom {border-top:1px solid #e9e8e8;margin:1em 15px 1em 5px !important; padding: 0.7em 0;}
#peoplePage #box2 div > #page-navHolder-bottom {padding-bottom: 1.5em;}

/* sort-by dropdown */
#sortTitle {float:left;font-size:90%;padding-right:5px;}
.sortByHolder {float:left;font-size:90%;}
.sortByHolder #sortByN {background:url(http://p.webshots.net/images/bg/bg_sortby_n_1x2.gif) repeat-x;text-align:right;width:12em;height:2px;}
.sortByHolder #sortByC {background:url(http://p.webshots.net/images/bg/bg_sortby_w_2x1.gif) repeat-y;padding-left:.5em;}
.sortByHolder #sortByS {background:url(http://p.webshots.net/images/bg/bg_sortby_s_1x2.gif) repeat-x;text-align:right;width:12em;height:2px;}
.sortByHolder ul#sortBy {background:url(http://p.webshots.net/images/bg/bg_sortby_e_2x1.gif) repeat-y center right;width:11.5em;}
.sortByHolder ul#sortBySub {display:none}
#sortBy .icon {display:block;position:absolute;right:1em;top:.4em;height:.7em;width:7em}
#sortBy .icon:hover {text-decoration:none}
#sortBy .arrow {background:url(http://p.webshots.net/images/grfk/grfk_sortby_arrow_9x7.gif) right top no-repeat}

/** tabs **/
#mhpTabs_lower {left:89px;position:relative;top:33px}
#mhpTabs_upper {bottom:0;left:22.25%;position:absolute;}

.mhpTabs {border:none;float:left;display:inline;margin-right:.5em;position:relative;white-space:nowrap;}
.mhpTabs a, .mhpTabs a:hover{color:#fff;cursor:pointer;font-weight:bold;text-decoration:none}
.mhpTabs h3 {color:#fff;font-size:83%;margin:0;padding:.3em .6em}
.mhpTabs * {float:left;}
.mhpTabs {background: url(http://p.webshots.net/images/bg/bg_mhpTab_gradBlue.gif) repeat-x top #8196a8}
.mhpTabs div {background: url(http://p.webshots.net/images/util/util_mhpTabBorderBlue.gif) repeat-x top}
.mhpTabs div div {background: url(http://p.webshots.net/images/util/util_mhpTabBorderBlue.gif) repeat-y right}
.mhpTabs div div div {background: url(http://p.webshots.net/images/util/util_mhpTabBorderBlue.gif) repeat-x bottom}
.mhpTabs div div div div {background: url(http://p.webshots.net/images/util/util_mhpTabBorderBlue.gif) repeat-y left}
.mhpTabs div div div div div {background: url(http://p.webshots.net/images/crn/crn_mhpTab_TLBlue.gif) no-repeat top left}
.mhpTabs div div div div div div {background: url(http://p.webshots.net/images/crn/crn_mhpTab_TRBlue.gif) no-repeat top right}
.mhpTabs div div div div div div div {background: url(http://p.webshots.net/images/crn/crn_mhpTab_BLBlue.gif) no-repeat bottom left}
.mhpTabs div div div div div div div div {background: url(http://p.webshots.net/images/crn/crn_mhpTab_BRBlue.gif) no-repeat bottom right}

.mhpTabs.owner {background:url(http://p.webshots.net/images/bg/bg_mhpTab_gradBrown.gif) repeat-x top #b4a180}
.mhpTabs.owner div {background: url(http://p.webshots.net/images/util/util_mhpTabBorderBrown.gif) repeat-x top}
.mhpTabs.owner div div {background: url(http://p.webshots.net/images/util/util_mhpTabBorderBrown.gif) repeat-y right}
.mhpTabs.owner div div div {background: url(http://p.webshots.net/images/util/util_mhpTabBorderBrown.gif) repeat-x bottom}
.mhpTabs.owner div div div div {background: url(http://p.webshots.net/images/util/util_mhpTabBorderBrown.gif) repeat-y left}
.mhpTabs.owner div div div div div {background: url(http://p.webshots.net/images/crn/crn_mhpTab_TLBrown.gif) no-repeat top left}
.mhpTabs.owner div div div div div div {background: url(http://p.webshots.net/images/crn/crn_mhpTab_TRBrown.gif) no-repeat top right}
.mhpTabs.owner div div div div div div div {background: url(http://p.webshots.net/images/crn/crn_mhpTab_BLBrown.gif) no-repeat bottom left}
.mhpTabs.owner div div div div div div div div {background: url(http://p.webshots.net/images/crn/crn_mhpTab_BRBrown.gif) no-repeat bottom right}

.mhpTabs.selected, .mhpTabs.owner.selected {background:url(http://p.webshots.net/images/bg/bg_mhpTab_gradRed.gif) repeat-x top #d85227}
.mhpTabs.selected div {background: url(http://p.webshots.net/images/util/util_mhpTabBorderRed.gif) repeat-x top}
.mhpTabs.selected div div {background: url(http://p.webshots.net/images/util/util_mhpTabBorderRed.gif) repeat-y right}
.mhpTabs.selected div div div {background: url(http://p.webshots.net/images/util/util_mhpTabBorderRed.gif) repeat-x bottom}
.mhpTabs.selected div div div div {background: url(http://p.webshots.net/images/util/util_mhpTabBorderRed.gif) repeat-y left}
.mhpTabs.selected div div div div div {background: url(http://p.webshots.net/images/crn/crn_mhpTab_TLRed.gif) no-repeat top left}
.mhpTabs.selected div div div div div div {background: url(http://p.webshots.net/images/crn/crn_mhpTab_TRRed.gif) no-repeat top right}
.mhpTabs.selected div div div div div div div {background: url(http://p.webshots.net/images/crn/crn_mhpTab_BLRed.gif) no-repeat bottom left}
.mhpTabs.selected div div div div div div div div {background: url(http://p.webshots.net/images/crn/crn_mhpTab_BRRed.gif) no-repeat bottom right}

#mhpTabs_upper div div div div div div div div {background: url()}/* hide bottom corners of upper tabs */
/** end tabs **/

/* yellow box */
.actionBox {font-size:82%;right:22px;position:absolute;top:27px;display:inline;white-space:nowrap}
.actionBox * {float:left;}
.actionBox {background:url(http://p.webshots.net/images/bg/bg_yellowBox_1x78.gif) repeat-x top #f6f3ca}
.actionBox div {background: url(http://p.webshots.net/images/util/util_borderTL_yellowBlue.gif) repeat-x top}
.actionBox div div {background: url(http://p.webshots.net/images/util/util_borderRight_yellowBlue.gif) repeat-y right}
.actionBox div div div {background: url(http://p.webshots.net/images/util/util_borderBottom_yellowBlue.gif) repeat-x bottom}
.actionBox div div div div {background: url(http://p.webshots.net/images/util/util_borderTL_yellowBlue.gif) repeat-y left}
.actionBox div div div div div {background: url(http://p.webshots.net/images/crn/crn_yellowBlueTL.gif) no-repeat top left}
.actionBox div div div div div div {background: url(http://p.webshots.net/images/crn/crn_yellowBlueTR.gif) no-repeat top right}
.actionBox div div div div div div div {background: url(http://p.webshots.net/images/crn/crn_yellowBlueBL.gif) no-repeat bottom left}
.actionBox div div div div div div div div {background: url(http://p.webshots.net/images/crn/crn_yellowBlueBR.gif) no-repeat bottom right}

.actionBox#doYouLike ul {float:left;list-style:none;padding-bottom:.2em;padding-left:.5em;width:25em}
.actionBox#doYouLike h3 {color:#000;float:none;font-size:120%;font-weight:bold;padding:.5em 0 .5em 1em}
.actionBox#doYouLike li {float:left;padding:0 .3em .5em .7em;width:10em}
.actionBox#doYouLike .icon {display:block;float:left;height:15px;width:20px}
.actionBox#doYouLike .icon:hover {text-decoration:none}
.actionBox .friend {background:url(http://p.webshots.net/images/icon/icon_friends.gif) left center no-repeat}

/*profilePage*/
#profilePage #aboutMe {margin-bottom:15px;overflow:hidden;width:72%;}
#profilePage dl {float:left; overflow:hidden; margin-bottom:20px;margin-left:5px; padding-bottom:10px; padding-left:7px; width:73%;}
#profilePage dd {margin-left:20px; margin-bottom:5px;}
#profilePage dt {font-weight:bold}
#profilePage .answer {font-style:italic;}
#profilePage .thumbHolder {float:left; margin:6px 20px 75px 20px;position:relative}
#profilePage #box2 h4 {line-height:2em;font-weight:normal;font-size:100%}
#profilePage .editPic {right:-20px;bottom:-3px;background: url(http://p.webshots.net/images/icon/icon_edit_off_14x14.gif) no-repeat center;position:absolute;height:14px; width:14px;}
#profilePage .editPicOn {right:-20px;bottom:-3px;background: url(http://p.webshots.net/images/icon/icon_edit_on_14x14.gif) no-repeat center;position:absolute;height:14px; width:14px;}
#profilePage .editHolder {font-size:9px;position:absolute;right:20px;bottom:-15px;white-space:nowrap;}
#profileSave{background: url(http://p.webshots.net/images/btn/btn_save_hover.gif) left no-repeat; cursor:pointer; display: block; float: left; height:18px;overflow:hidden;text-indent: -9999px; width:34px}
#profileCancel{background: url(http://p.webshots.net/images/btn/btn_cancel_gray.gif) left no-repeat; cursor:pointer; display: block; float: left;height:18px; margin: 0 5px ;overflow:hidden; text-indent: -9999px;width:42px}
#profileSave:hover, #profileSave.hover,
#profileCancel:hover, #profileCancel.hover {background-position:right}

/*bookmarksPage*/
#bookmarksPage .bookmarkHolder {border:1px solid #c4c4c4;float:left;text-align:left;width:270px;margin:10px;background-color:#f9faf4;position:relative}
#bookmarksPage .bookmarkHolder .delete {z-index:9998; right:0px; top:2px;background: url(http://p.webshots.net/images/icon/icon_delete_off_14x14.gif) no-repeat center;position: absolute;height: 14px; width: 14px; text-indent: -9999px;display: block; float: right; padding: 0 0 0 2px}
#bookmarksPage .bookmarkHolder .deleteOn {z-index:9999;right: 0px; top:2px;background: url(http://p.webshots.net/images/icon/icon_delete_on_14x14.gif) no-repeat center;position: absolute;height: 14px; width: 14px; text-indent: -9999px;display: block; float: right; padding: 0 0 0 2px}
#bookmarksPage .bookmarkHolder .edit-delete-text {color:#f00;font-size:9px;right:25px;position:absolute;top:2px;visibility:hidden}
#bookmarksPage .bookmarkHolder img {float:left; padding:5px}
#bookmarksPage .bookmarkHolder h4 {font-size:.9em;font-weight:normal;position:relative;} /*position:relative fixes IE6 bug*/
#bookmarksPage .bookmarkHolder h4.photoCredit {margin-top:1.1em} /*allows room for delete text*/
#bookmarksPage .bookmarkHolder.clearLeft {clear:left}
#bookmarksPage #titleHolder {margin:10px}
#bookmarksPage h4#bookmarksTitle {font-size:1.2em;display:inline;}
#bookmarksPage h4#bookmarksTitle textarea {width:350px; height:60px}
#bookmarksPage #editbookmarksTitle {margin-left:6px}

/*stats page */
#statsPage div > #box2 { border-right: none; }
#statsPage #box1, #statsPage #box2, #statsPage #box3 {float:left;margin-bottom: 0 !important;padding-bottom:0 !important;position:relative}
#statsPage div > #overallSummary, #statsPage div > #individualAlbums { padding: 1.3em 1.38em; text-transform: lowercase; border-top: 1px solid #c4c4c4; }

#statsPage #profileStats { padding: 1.3em 1em; text-transform: lowercase; }
#statsPage #profileStats h2 { border-bottom: 1px solid #e8e8e8; }
#statsPage #profileStatsTable { width: 48.7em; }
#statsPage #profileStatsTable td { width: 25%; font-size: 145%; }
#statsPage #profileStatsTable td em { width: 25%; color: #e02a14; font-style: normal; }

#statsPage #overallSummary { padding: 1.3em 1.38em; text-transform: lowercase; border-top: 1px solid #c4c4c4; }
#statsPage #overallSummaryTable { border: 1px solid #e8e8e8; border-collapse:collapse; }
#statsPage #overallSummaryTable td { padding: 0.2em 0.5em; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
#statsPage #overallSummaryTable th.t1 { border-bottom: 1px solid #e8e8e8; }
#statsPage #overallSummaryTable th.t2 { border-bottom: 1px solid #e8e8e8; text-align: center; width: 15em; }

#statsPage #more-information { padding-top: 1em; }
#statsPage #more-information p { text-align: right; }
#statsPage #more-information div {float: right; margin-right: 1em; border-right: 1px solid #e8e8e8; padding-right: 1em;}
#statsPage #more-information div.last {border-right: none; padding-right: 0; margin-right: 0;}
#statsPage #more-information div b.limit {color: #e02a14;}

#statsPage #individualAlbums { padding: 1.3em 1.38em; text-transform: lowercase; border-top: 1px solid #c4c4c4; }
#statsPage #individualAlbumsTable { border: 1px solid #e8e8e8; border-collapse:collapse; }
#statsPage #individualAlbumsTable small { clear: both; display: block; font-weight: normal; }
#statsPage #individualAlbumsTable td { padding: 0.2em 0.5em; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
#statsPage #individualAlbumsTable td.c1 { text-align: right; text-transform: none; }
#statsPage #individualAlbumsTable th.t1 { border-bottom: 1px solid #e8e8e8; }
#statsPage #individualAlbumsTable th.t2 { border-bottom: 1px solid #e8e8e8; text-align: center; width: 7em; }

#statsPage #individualAlbumsTable #noMoreStats { padding: 0.3em 3em; text-transform: none; }
#statsPage #individualAlbumsTable #noMoreStats em { font-size: 140%; font-style: normal; }

#statsPage #box2 .cr { text-align: center; }
#statsPage #box2 th { vertical-align: top; padding: 0.4em 0; border-left: 1px solid #e8e8e8; }
#statsPage #box2 th.t1 { padding-right: 0.5em; text-align: right; width: 15em; }
#statsPage #box2 tr.altOdd { background: #f9faf4; }
#statsPage #profileStats h2, #statsPage #overallSummary h2, #statsPage #individualAlbums h2 { font-size: 140%; font-weight: bold; margin-bottom: 0.5em; }

/*profilePreview*/
#profilePrevContent {position:relative;padding:10px}
#profilePrevContent #colA {float:left;width:54px;}
#profilePrevContent #colA a {display:block}
#profilePrevContent #colB {float:left;width:230px}
#profilePrevContent div ul {margin-left: 55px;list-style: none;font-size: 11px;}
#profilePrevContent div li {line-height: 14px;}
#profilePrevContent div .thumb {border:1px solid #c4c4c4;position:relative;display:block; width: 46px; height: 46px; overflow: hidden;}
#profilePrevContent div .thumb img {position: absolute; top: 50%; left: 50%;border: none}
#profilePrevContent .editPic {right:-20px; top:2px;background: url(http://p.webshots.net/images/icon/icon_edit_off_14x14.gif) no-repeat center;position:absolute;height:14px; width:14px;}
#profilePrevContent .editPicOn {right:-20px; top:2px;background: url(http://p.webshots.net/images/icon/icon_edit_on_14x14.gif) no-repeat center;position:absolute;height:14px; width:14px;}
#profilePrevContent .editHolder {top:0;color:#f00;font-size:9px;position:absolute;right:30px;}
#profilePrevContent #aboutMeEdit {margin-left:10px}
#profilePreview {padding-bottom:15px}

/* sorting options */
#sorting-options h2, #filter-options h2 {float: left; margin-right: 0.8em;}
#sorting-options #sort1, #sorting-options #sort2, #sorting-options #sort3, #sorting-options #sort4 {position: relative; top: 3px;}
#sorting-options *, #filter-options * {cursor: pointer;}
#sorting-options ul li, #filter-options ul li {float: left; margin-right: 0.8em; font-size: 100%;}
#sorting-options {clear: both;}
#sorting-options {margin-bottom: 1.2em;}
#sorting-options ul li a {line-height: 2.2em; padding: 1em 0.6em;}
#sorting-options ul li > a {line-height: 1em; padding: 0.4em;}
body.blazing #sorting-options ul li a:hover, body.blazing #sorting-options ul li a.active {background: #c83d1d; color: #fff !important; text-decoration: none;}
body.classic #sorting-options ul li a:hover, body.classic #sorting-options ul li a.active {background: #2071c9; color: #fff !important; text-decoration: none;}
body.jungle #sorting-options ul li a:hover, body.jungle #sorting-options ul li a.active {background: #3a7c28; color: #fff !important; text-decoration: none;}
body.blackfriday #sorting-options ul li a:hover, body.blackfriday #sorting-options ul li a.active {background: #e12b15; color: #fff !important; text-decoration: none;}
body.eggplant #sorting-options ul li a:hover, body.eggplant #sorting-options ul li a.active {background: #824bcb; color: #fff !important; text-decoration: none;}
body.valentine #sorting-options ul li a:hover, body.valentine #sorting-options ul li a.active {background: #df8db5; color: #fff !important; text-decoration: none;}

/* people sub tabs */
#box2.amg #friends h2.title {text-transform: lowercase; font-size: 145%; font-weight: normal; letter-spacing: -1px;}
#box2.amg #friends div.memberHolder {background-color: #f9faf4; width: 51.7em; margin: 0 auto; border: 1px solid #e9e8e8 !important; border-bottom: none !important;}
#box2.amg #friends div.memberHolder ul li.memberNameInfo {font-size: 100%; font-family: verdana, arial, helvetica, sans-serif;}
#box2.amg #friends div.memberHolder div.thumb {float: left; margin-right: 1em !important;}
#box2.amg #friends div.memberHolder a.delete {margin-top: -1.2em;}
#box2.amg #friends div.memberHolder.alt {background: none !important;}
#box2.amg #friends div.memberHolder.last {border-bottom: 1px solid #e9e8e8 !important;}
#box2.amg #friends div.memberHolder ul.memberInfo {font-size: 100%; font-family: Arial, Verdana; color: #848580;}
#box2.amg #friends div.memberHolder ul.memberInfo, #friends div.memberHolder ul.recentPhotos {margin-top: -1.2em !important;}
#box2.amg #friends div.memberHolder ul.memberInfo li {clear: left;}
#box2.amg #friends div.memberHolder ul.memberInfo li.memberNameInfo a {float: left;}
#box2.amg #friends {width: 98.2%; margin: 0 auto;}
#box2.amg #page-navHolder-bottom {margin-top:2em;}

#box2.amg #bookmarkedMembers h2.title {text-transform: lowercase; font-size: 145%; font-weight: normal; letter-spacing: -1px;}
#box2.amg #bookmarkedMembers div.memberHolder {background-color: #f9faf4; width: 51.7em; margin: 0 auto; border: 1px solid #e9e8e8 !important; border-bottom: none !important;}
#box2.amg #bookmarkedMembers div.memberHolder ul li.memberNameInfo {font-size: 100%; font-family: verdana, arial, helvetica, sans-serif;}
#box2.amg #bookmarkedMembers div.memberHolder div.thumb {float: left; margin-right: 1em !important;}
#box2.amg #bookmarkedMembers div.memberHolder a.delete {margin-top: -1.2em;}
#box2.amg #bookmarkedMembers div.memberHolder.alt {background: none !important;}
#box2.amg #bookmarkedMembers div.memberHolder.last {border-bottom: 1px solid #e9e8e8 !important;}
#box2.amg #bookmarkedMembers div.memberHolder ul.memberInfo {font-size: 100%; font-family: Arial, Verdana; color: #848580;}
#box2.amg #bookmarkedMembers div.memberHolder ul.memberInfo li {clear: left;}
#box2.amg #bookmarkedMembers div.memberHolder ul.memberInfo li.memberNameInfo a {float: left;}
#box2.amg #bookmarkedMembers {width: 98.2%; margin: 0 auto;}

#peoplePage #box2.amg #fans h2.title {text-transform: lowercase; font-size: 145%; font-weight: normal; letter-spacing: -1px;}
#peoplePage #box2.amg #fans {width: 98.2%; margin: 0 auto;}
#peoplePage #box2.amg #fans div.memberHolder {border:0;float:left;height:90px;padding:0;text-align:center;width: 17.5%;}
#peoplePage #box2.amg #fans div.memberHolder .thumb {float:none;margin:0 auto}
#peoplePage #box2.amg #fans div.memberHolder .memberName {float:none;position:relative;text-align:center}
#peoplePage #box2.amg #fans div.memberHolder .memberName .premium {background: url(http://p.webshots.net/images/icon/icon_premium_star_12x13.gif) no-repeat;display:block;height:12px;margin-left:4px;position:absolute;top:0;right:0;width:13px}
#peoplePage #box2.amg #fans div.memberHolder .memberName img.premium-star {margin-left: 0.3em;}

#capacityPreview {padding-bottom:15px}
.capacity {float:left; margin:25px 15px 0 0;}
.capacity h4 {font:1.9em arial, helvetica, sans-serif normal !important; color:#f79d01 !important;}
.capacityHolder {float:left; width:29px; height:85px; position:relative; overflow:hidden; margin: 15px 0 0 15px}
.capacityHolder .inner {height:82px}
.capacityHolder .inner .innerTop {background:#fff;}
.capacityHolder .inner .innerBottom {background:#99d43e;}
.capacityHolder .capacityViewer {background: url(http://p.webshots.net/images/grfk/grfk_progressBar_vert.png) no-repeat left ; position:absolute; top:0px; left:0; width:29px; height:85px}

#account #capacityPreview {border-bottom: none; margin-top:15px}
#account #capacityPreview h3 {font-size:1em;}
#account .capacityHolder {margin:0; margin-top:10px}
#account .capacity {border:0 !important; margin-left:-5px; margin-right:40px}
#account .capacity li {margin:0 !important}