/*
 *  This stylesheet is the main stylesheet used for pages on Friendster.
 *  A second stylesheet specifically for hacks can be found at fixie.css (fix
 *  IE).
 */

/*
 *  ToC:
 *  1  common rules
 *  2  boxes, boxes, and more boxes
 *  3  listy lists
 *  4  i wish they were all tabular tables
 *  5  those little things in the upper right
 *  6  background colors
 *  7  text colors
 *  8  text sizes
 *  9  text alignment
 *  10 forms
 *  11 links
 *  12 borders
 *  13 margins
 *  14 padding
 *  15 widths
 *  16 buttons
 *  17 header and footer
 *  18 ads
 *  19 layouts
 *  20 paging links
 *  21 floats
 *  22 clears
 *  23 alerts
 *  24 tips box
 *  25 thumbnails
 *  26 specific to usersearch
 *  27 specific to emailimport
 *  28 specific to user
 *  29 specific to testimonials
 *  30 specific to viewphotos
 *  31 specific to index and learnmore
 *  32 specific to messages
 *  33 specific to gallery
 *  34 specific to rssFrameHeader
 *  35 specific to discussions
 *  36 specific to groups
 *  37 specific to horoscopes
 *  38 specific to photos
 */

/***** begin common rules *****/
html,body {
  margin:0;
  padding:0;
  height:100%;
  min-width:760px;
  background-color:#FFF;
  color:#333;
  font:100% normal verdana,arial,helvetica,sans-serif;
  line-height:1.2em;
}
p,table,td,th,div,span,li,blockquote,form,h1,h2,h3,label {
  color:#333;
  font-family:verdana,arial,helvetica,sans-serif !important;
  text-align:left;
}
h1, h2, h3, strong, label {
  font-weight:bold;
}
h1, h2, h3, form {
  margin:0;
  padding:0;
}
h1, h2 {
  font-size:90%;
}
h2 {
  width:100%;
}
h3 {
  font-size:100%;
}
img {
  border:none;
}
a:link, a:visited, a:active, a:hover {
  text-decoration:underline;
}
a:link, a:visited, a:active {
  color:#2B344C;
}
a:hover {
  color:#5B647C;
}
textarea {
  font:100% normal verdana,helvetica,arial,sans-serif;
}
label {
  display:block;
  margin-top:10px;
}
.fullwidth {
  width:100% !important;
}
.displaynone, .nodisplay {
  display:none;
}
.verticalspaceonjoin {
  height:50px;
}
.nowrap {
  white-space:nowrap;
}
/***** end common rules *****/

/***** begin boxes, boxes, and more boxes *****/
.commonbox, .confirmbox, .errorbox, .moduleColor, .moduleMailbox,
.notificationbox, .profilephotobox, .sponsorsbox, .tabbox, .tips,
.moduleDarkBorder, .modulenoboxblackborder, moduleForWebsearch,
.connectionsbox {
  margin:0 0 10px 0 !important;
}
.commonbox, .connectionsbox, .profilephotobox, .tabbox, .tips {
  border:1px solid #9BA4BC;
}
.boxcontent, .moduleColor li a, .moduleMailbox li, .moduleDarkBorder ol,
.moduleNoColor ol, .moduleDarkBorder select, .modulenoboxblackborder h1,
.galleryform h1, .moduleDarkBorder h1, .modulenoboxblackborder h3,
.profilephotobox a, .moduleNoColorForWebsearch ul, .profilephotobox p, .tips p,
.searchbox {
  font-size:80%;
}
.tabbox, .commonbox, .moduleDarkBorder, .modulenoboxblackborder,
.moduleNoColorForWebsearch, .moduleMailbox ul {
  background-color:#FFF;
}
.searchbox {
  margin-top:-1.8em;
  float:right;
}
.searchbox .helpicon {
  display:none;
}
.searchbox span {
  padding:2px;
}
.tabbox {
  width:inherit;
  padding:10px !important;
}
.commonbox, .errorbox, .notificationbox, .confirmbox, .sponsorsbox, .tips, .moduleNoColorForWebsearch {
  padding:0;
}
.boxcontent {
  position:relative;
  margin:0;
  padding:5px;
}
.commonbox .boxcontent h2 {
  margin:-5px -5px 0 -5px;
}
.commonbox h2, .errorbox h2, .notificationbox h2, .confirmbox h2,
.searchbox {
  width:auto;
}
.commonbox h2 {
  padding:2px 5px;
  background-color:#F0F0F0;
  border-bottom:1px solid #7B849C;
  border-top:1px solid #FFF;
}
.errorbox, .notificationbox, .confirmbox {
  background-color:#FFFFEB;
}
.errorbox h2, .notificationbox h2, .confirmbox h2 {
  padding:2px 5px 2px 25px;
  color:#FFF;
}
.errorbox {
  border:1px solid #CC3333;
}
.errorbox h2 {
  background:url(http://images.friendster.com/images/global/icon-alert.gif) 5px 2px no-repeat;
  background-color:#CC3333;
}
.notificationbox {
  border:1px solid #33CC33;
}
.notificationbox h2 {
  background:url(http://images.friendster.com/images/global/icon-notification.gif) 5px 2px no-repeat;
  background-color:#33CC33;
}
.confirmbox {
  border:1px solid #CCA633;
}
.confirmbox h2 {
  background:url(http://images.friendster.com/images/global/icon-confirmAction.gif) 5px 2px no-repeat;
  background-color:#CCA633;
}

/* welcome box */
.welcomebox .photocontainer, .welcomebox .inyournetwork,
.welcomebox .accountsettings {
  float:left;
}
.welcomebox .photo {
  position:relative;
  width:100px;
}
.welcomebox .photocontainer, .welcomebox .photolink {
  width:110px;
  display:block;
}
.welcomebox .photolink, .welcomebox .inyournetwork,
.welcomebox .accountsettings, .welcomebox .photo {
  margin-bottom:10px;
}
.welcomebox .photolink {
  text-align:center;
}
.welcomebox .inyournetwork, .welcomebox .accountsettings, .welcomebox .photo {
  margin-right:10px;
  white-space:nowrap;
}
.welcomebox .inyournetwork, .welcomebox .accountsettings {
  width:auto;
}

.modulenoboxblackborder h1, .galleryform h1, .moduleDarkBorder h1 {
  margin:0;
  padding:0;
}
.moduleDarkBorder, .modulenoboxblackborder {
  border:1px solid #3b445c;
}
.moduleDarkBorder {
  text-align:center;
}
.moduleDarkBorder ol, .moduleNoColor ol {
  margin-right:10px;
}
* html .moduleDarkBorder, .modulenoboxblackborder, .modulenoboxblackborder h1,
.galleryform h1, .moduleDarkBorder h1, .profilephotobox, .tips, .commonbox,
.errorbox, .notificationbox, .confirmbox, .sponsorsbox {
  width:100%;
}
.modulenoboxblackborder {
  text-align:center;
}
.modulenoboxblackborder h1, .galleryform h1, .moduleDarkBorder h1 {
  background:#f0f0f0;
  border-bottom:1px solid #3b445c;
  height:20px;
}
.modulenoboxblackborder h1 {
  height:auto !important;
}
.modulenoboxblackborder h3 {
  color:#000;
  font-weight:normal;
  text-align:left;
}
.modulenoboxblackborder h4, .leftaligntext {
  text-align:left;
}
.modulenoboxblackborder {
  padding:0 !important;
  border-bottom:1px solid #000 !important;
}
.moduleForWebsearch {
  padding:0 0 5px 0;
  text-align:left; border:none;
  line-height:1em;
}
.moduleForWebsearch div {
  padding:5px;
}
.moduleForWebsearch a {
  color:#2B344C;
}
.moduleForWebsearch a:hover {
  color:#7B849C;
}
.moduleNoColorForWebsearch {
  border-bottom:none;
  text-align:left;
  overflow:hidden;
}
.moduleNoColorForWebsearch ul {
  list-style:none;
  padding:0 10px 10px 15px;
  margin:0;
}
.moduleNoColorForWebsearch li a, .moduleNoColorForWebsearch li b a {
  font-size:90%;
  text-decoration:none;
}
.moduleNoColorForWebsearch li a {
  font-weight:normal;
}
.moduleNoColorForWebsearch li a:hover {
  text-decoration:underline;
  color:#2B344C;
  font-weight:normal;
}
.moduleNoColorForWebsearch li b a {
  color:#333;
}
.moduleNoColorForWebsearch li b a:hover {
  text-decoration:underline;
  color:#2B344C;
}
.moduleMailbox, .moduleColor {
  text-transform:capitalize;
  list-style:none;
  padding:0;
}
.moduleMailbox ul, .moduleColor ul {
  margin:0;
  list-style:none;
  padding:0;
  border:1px solid #7B849C;
  border-bottom:none;
}
.moduleColor ul {
  background-color:#F0F0F0;
}
.moduleMailbox ul li, .moduleColor ul li {
  padding:3px 3px 3px 10px;
  border-bottom:1px solid #7B849C;
  text-align:left;
}
.moduleColor li a, .moduleColor li a:hover,
.moduleNoColorForWebsearch li b a:hover,
.moduleNoColorForWebsearch li strong a:hover, .moduleNoColorForWebsearch li b a,
.moduleNoColorForWebsearch li strong a {
  font-weight:bold;
}
.moduleColor li a {
  text-decoration:none;
  color:#5B647C;
}
.moduleColor li a:hover {
  text-decoration:underline;
  color:#2B344C;
}
.blackborder {
  padding:0;
  border-bottom:1px solid #000;
}
.connectionsbox {
  text-align:center;
  background-color:#F0F0F0;
}
.profilephotobox, .tips {
  background-color:#FFFFCC;
  position:relative;
}
.profilephotobox {
  padding:10px 0;
}
.profilephotobox p, .tips p {
  margin:5px 10px;
}
.tips body p {
  font-size:100%;
}
.tips h2 {
  padding:0 5px;
  text-align:left;
  font:bold 80% Verdana,Arial,Helvetica,sans-serif !important;
  color:#FF2000 !important;
  border:none !important;
  margin:0 !important;
}
.profilephotobox .profilephoto {
  margin:0 49px;
}
.profilephotobox div, .profilephotobox p {
  text-align:center;
}
/***** end boxes, boxes, and more boxes *****/

/***** begin listy lists ******/
.buttondiv, .buttondiv ul, .buttondiv ul li, ul.buttonlist li,
ul.tabs li.tabselected {
  position:relative;
}
.buttondiv ul, ul.buttonlist, .buttondiv ul li a, ul.buttonlist li a,
ul.noindent, ul.noindentwithbullets {
  margin:0;
}
ul.buttonlist, ol ul, ul.noindent, ul.tabs {
  padding:0;
}
.buttondiv {
  width:100%;
  padding:3px 0;
  border-bottom:1px solid #9BA4BC;
}
.buttondiv ul {
  padding:0 5px;
}
.buttondiv ul li, ul.buttonlist li {
  line-height:2em;
  display:inline;
  margin:-5px 5px -5px 0;
  width:auto;
  height:20px;
  text-transform:lowercase;
}
.buttondiv ul li a, ul.buttonlist li a {
  padding:2px 4px;
  border:1px solid #333;
  background-color:#F0F0F0;
  color:#2B344C;
  text-decoration:none !important;
  font-weight:bold;
  font-size:70%;
  white-space:nowrap;
}
.buttondiv ul li a:hover, ul.buttonlist li a:hover {
  background-color:#CCCCCC;
  color:#2B344C;
  text-decoration:none;
  font-weight:bold;
}
.yellowblogbutton {
  border:1px solid #333333 !important;
  background-color:#FEE3AB !important;
  text-decoration:none !important;
}
a.yellowblogbutton:hover {
  background-color:#FDD582 !important;
}
.blueblogbutton {
  border:1px solid #333333 !important;
  background-color:#BABADC!important;
  text-decoration:none !important;
}
a.blueblogbutton:hover {
  background-color:#A7A7D1 !important;
}
ol li {
  font-size:80%;
}
ol ul {
  margin:0 1.2em;
}
ol ul li, .boxcontent ol li {
  font-size:100%;
}
ul.inlinelist li {
  display:inline;
  padding:0 5px 0 3px;
  border-right:1px solid #333;
}
ul.inlinelist li.firstli {
  padding-left:0 !important;
}
ul.noindentwithbullets {
  padding:0 0 0 1.2em;
}
ul.noliststyle, ul.inlinelist, ul.horoscopelist {
  list-style:none;
}
ul.horoscopelist { 
  margin: 0;
  padding: 0;
}
ul.horoscopelist li {
  display: inline;
  padding: 0;
  margin: 0;
}
ul.tabs {
  margin:5px 0 0 0;
}
ul.tabs li.tabselected {
  background-color:#FFF;
  border-bottom:1px solid #FFF !important;
  z-index:2040;
}
ul.tabs li {
  display:inline;
  padding:2px 5px;
  margin:0 3px 1px 0;
  border:1px solid #9BA4BC;
  background-color:#F0F0F0;
  font-size:75%;
  font-weight:bold;
}
ul.tabs li a, ul.tabs li a:hover {
  text-decoration:none !important;
}

/***** end listy lists *****/

/***** begin I wish they were all tabular tables *****/
th {
  background:none;
  font-size:100%;
  font-weight:bold;
  height:auto;
}
table .boxcontent {
  font-size:100%;
}
.boxcontent table tr td, .boxcontent table tr th {
  font-size:80%;
}
table.websearchlayouttable td {
  padding:5px !important;
  margin:0;
}
table.websearchlayouttable .boxcontent {
  font-size:90%;
}
table.websearchlayouttable .paginglinksmodule {
  font-size:100% !important;
}
table.thumbnailtable {
  width:100%;
  margin:0 auto;
  padding:0;
}
table.thumbnailtable td {
  padding:5px;
}
table.formtable, table.profiletable {
  empty-cells:show;
  padding:0;
  margin:0;
  width:100%;
}
table.profiletable {
  width:100% !important;
}
.formtable td.field, .profiletable td.field {
  background-color:#F0F0F0;
  width:30%;
  font-weight:bold;
  padding:2px 4px;
}
.formtable td.field .helpicon, .profiletable td.field .helpicon {
  margin-top:16px;
}
.formtable td.field, .formtable td.field label, .formtable td.field div,
.profiletable td.field, .profiletable td.field label {
  text-align:right;
}
.formtable td.value, .profiletable td.value {
  width:70%;
  padding:2px 4px;
}
.formtable td.extrainfo {
  width:20%;
  background-color:#CCCCCC;
  font-weight:normal;
  padding:2px 4px;
  text-align:left;
}
table.messagestable {
  width:100%;
  empty-cells:show;
  padding:0;
  margin:0;
  border-collapse:collapse;
}
.messagestable th {
  padding:0 5px;
  text-align:left;
  border-bottom:1px solid #9BA4BC;
  text-transform:lowercase;
  background:#FFF;
  color:#333;
}
.messagestable td {
  border-bottom:1px solid #E0E0E0;
  padding:5px;
  background:#FFF;
  color:#333;
}
.messagestable td td {
  border:none;
}
.messagestable .buttondiv ul li a, .messagestable ul.buttonlist li a {
  font-size: 90%;
}
table.bulletintable {
  margin:0;
  border-collapse:collapse;
  empty-cells: show;
  width:auto;
}
html>body table.bulletintable {
  width:100%;
}
.bulletintable .th {
  font-weight:bold;
  font-size:70%;
  background-color:#f0f0f0;
  text-align:center;
  padding: 3px;
}
table.bulletintable td {
  border: 1px solid #3b445c;
  font-size:70%;
  padding: 3px;
}
table.bulletintable td a {
  font-size:100%;
}
td.checkbox {
  border:1px solid #7b849c;
  width:10%;
  background-color:#FFF;
  padding: 2px 4px;
  font-size:80%;
  text-align:center;
}
td.fromheader {
  border:1px solid #7b849c;
  width:30%;
  background-color:#eaeaea;
  font-weight: bold;
  padding: 2px 4px;
  text-align:center;
}
td.from {
  border:1px solid #7b849c;
  width:20%;
  background-color:#FFF;
  padding: 2px 4px;
  font-size:80%;
  text-align:center;
}
td.from .thumbnail, td.from .thumbnailcenteredtext {
  float:none;
  padding:0;
  margin-left:auto;
  margin-right:auto;
}
td.from .thumbnail .linkbar, td.from .thumbnailcenteredtext .linkbar {
  margin-left:auto;
  margin-right:auto;
}
td.dateheader {
  border:1px solid #7b849c;
  width:20%;
  background-color:#eaeaea;
  font-weight: bold;
  padding: 2px 4px;
  text-align:center;
}
td.date {
  border:1px solid #7b849c;
  width:20%;
  background-color:#FFF;
  padding: 2px 4px;
  font-size:80%;
  text-align:center;
}
td.subjectheader {
  border:1px solid #7b849c;
  width:40%;
  background-color:#eaeaea;
  font-weight: bold;
  padding: 2px 4px;
  text-align:center;
}
td.subject {
  border:1px solid #7b849c;
  width:40%;
  background-color:#FFF;
  padding: 2px 5px;
  text-align:left;
}
td.subject p {
  margin-left:5px;
  font-size:120%;
}
td.subject a {
  margin-left:5px;
}
/***** end I wish they were tabular tables *****/

/***** begin those little things in the upper right *****/
ul.moduleiconlist { 
  margin: -21px 5px 0 0;
  list-style: none;
  float: right;
  position: relative;
}
ul.moduleiconlist li { 
  display: inline;
  width: auto;                    
  padding: 0 2px;
  font-size:80%;
  color:#2B344C;
}
ul.moduleiconlist li img {
   vertical-align: text-bottom;
}

.helpicon, .editbutton, .viewedlogininfo {
  float:right;
}
.helpicon {
  margin:-16px 5px 0 0;
  position:relative;
  top:-4px;
  width:16px;
  height:16px;
}
.editbutton, .viewedlogininfo {
  margin:-22px 5px 0 0;
  width:auto;
  padding:0 2px;
  font-size:80%;
  color:#2B344C;
}
/***** end those little things in the upper right *****/

/***** begin background colors *****/
.lightgreyBackground {
  background-color:#F0F0F0;
}
.whitebackground {
  background-color:#FFF;
}
/***** end background colors *****/

/***** begin text colors *****/
.greentext {
  font-size:80%;
  color:#008000;
}
.darkbluetext {
  color:#001333;
}
.lightgreytext {
  color:#999999;
}
.whitetext {
  color:#FFF;
}
.greytext {
  color:#666666 !important;
}
.redboldtext, .continueonlytext {
  color: red !important;
  font-weight: bold;
  text-decoration:none;
}
.warning {
  font-size: 80%;
  color: red;
  background: #FFFFCC;
  font-weight: bold;
  border: solid;
  border-width: thin;
  padding-left: .2em;
  padding-right: .2em;
  padding-top: 0.2em;
  padding-bottom: 0.2em}
.dates {
  font-size: 60%;
  color:#FFF;
  background: #7B849C;
  font-weight: bold}
.name {
  font-size: 120%;
  color: white;
  font-weight: bold;
  text-align:center;
}
/***** end text colors *****/

/***** begin text sizes *****/
.smallerbold, .smallerboldcenter {
  font-size: 80%;
  font-weight: bold;
}
.small {
  font-size: 80%}
.verysmall {
  font-size:80%;
  margin:5px;
}
.boldtext {
  font-weight:bold;
}
/***** end text sizes *****/

/***** begin text alignment *****/
.center {
  text-align:center;
}
.degreetext {
  font-weight: bold;
  margin-left: 10px;
}
.center, .smallerboldcenter {
  text-align:center !important;
}
.topalign {
  vertical-align:top !important;
}
.middlealign {
  vertical-align:middle !important;
}
.bottomalign {
  vertical-align:bottom !important;
}
/***** end text alignment *****/

/***** begin forms *****/
.inlinelabel {
  display:inline;
  text-align:left;
  color:#333;
  font-weight:bold;
  margin-top:10px;
}
.inputwidth {
  width:185px;
  margin:0;
  padding:0;
}
.indexinputwidth {
  width:150px;
}
.smallinputbox {
  width:60px;
}
.xsmallinputbox {
  width:30px;
}
/***** end forms *****/

/***** begin links *****/
.deletelink {
  text-decoration:none;
}
#twoClmRightWide .mainColumn .seealllink, .rightColumn .seealllink {
  clear:right;
}
#twoClmLeftWide .mainColumn .seealllink, .leftColumn .seealllink {
  clear:left;
}
.seealllink {
  text-align:center;
  font-weight:bold;
}
.link {
  font-size:80%;
  font-weight: bold;
  color:#000000;
}
.biglink {
  color: #000000;
  font-weight: bold}
.smallredlink {
  font-size: 100%;
  color: #FF2000;
  font-weight: bold}
.blacklink {
  color: black;
  font-size:90%;
}
/***** end links *****/

/***** begin borders *****/
.blacktopborder {
  border-top:1px solid #9BA4BC;
}
/***** end borders *****/

/***** begin lines *****/
.solidgreyline, .dashedgreyline {
  margin:2px 2px 2px 2px;
  padding:0;
}
.solidgreyline {
  border-bottom:1px solid #9BA4BC;
}
.dashedgreyline {
  border-top:1px dashed #3b445c;
}
/***** end lines *****/

/***** begin margins *****/
.notopmargin {
  margin-top:0px !important;
}
.nobottommargin {
  margin-bottom:0px !important;
}
.largetopmargin {
  margin-top:25px;
}
.mediumtopmargin, .continueonlytext {
  margin-top:15px;
}
.mediumtopmarginimp {
  margin-top:15px !important;
}
.mediumbottommargin {
  margin-bottom:20px;
}
.smalltopbottommargin {
  margin:10px 0;
}
.leftmargin {
  margin-left:20px;
}
.mediumleftmargin {
  margin-left:10px !important;
}
.largeleftmargin {
  margin-left:70px;
}
.xsmalltopmargin {
  margin-top:5px;
}
.xsmallbottommargin {
  margin-bottom:5px;
}
.smallmargin {
  margin:3px 5px;
}
.centeredeureksterimg {
  margin-left:52px;
  margin-right:52px;
}
.centeredbox {
  margin-left:auto !important;
  margin-right:auto !important;
}
.smallbottommarginimp {
  margin-bottom:10px !important;
}
/***** end margins *****/

/***** begin padding *****/
.mediumbottompadding {
  padding-bottom:20px;
}
.xsmallsidepadding {
  padding:0 2px;
}
.smallpadding {
  padding:3px 5px;
}
/***** end padding *****/

/***** begin widths *****/
.smallboxwidth {
  width:270px !important;
}
.smallerboxwidth {
  width:230px !important;
}
.xsmallwidth {
  width:70px !important;
}
/***** end widths *****/

/***** begin buttons *****/
.buttonbox input {
  font:bold 80% Verdana,Arial,Helvetica,sans-serif;
  padding:0.2em 0.6em 0.2em 0.6em;
  margin:0;
}
.buttonbox a:hover, a.submitbutton:hover, a.orangebutton:hover {
  text-decoration:none !important;
}
.buttonbox, .indexbuttonbox {
  margin:10px 0;
  text-transform:capitalize;
}
.submitbutton, .orangebutton {
  padding: 0.2em 0.6em 0.2em 0.6em;
  font-size: 80% !important;
  color: white !important;
  background: #7B849C;
  font-weight: bold;
  border: solid;
  border-top:1px solid #E0E0E0;
  border-left:1px solid #E0E0E0;
  border-right:1px solid #333;
  border-bottom:1px solid #333;
  text-decoration:none !important;
  white-space:nowrap;
}
.resetbutton {
  padding: 0.2em 0.6em 0.2em 0.6em;
  font-size: 80%;
  color: white;
  background: #ABB4CC;
  font-weight: bold;
  border: solid;
  border-color: #E0E0E0;
  text-decoration:none !important;
  white-space:nowrap;
}
.orangebutton {
  background:#FF2000 !important;
  border-top:1px solid #FFB0B0 !important;
  border-left:1px solid #FFB0B0 !important;
  border-right:1px solid #B31600 !important;
  border-bottom:1px solid #B31600 !important;
  text-decoration:none !important;
}
.indexbuttonbox {
  display:inline;
  margin-top:20px;
  margin-left:20px;
}
.addfriendrequestbuttons {
  margin:25px 0 10px 0;
}
/***** end buttons *****/

/***** begin header and footer *****/
#container {
  width:auto;
  min-width:780px;
  margin:0 10px;
  padding:0;
}
#masthead {
  width:100%;
  margin:0;
  padding:0;
}
#branding {
  position:relative;
  width:100%;
  margin:0;
  padding:4px 3px 8px 4px;
  border-bottom:1px solid #7B849C;
  font-size:90% !important;
  font-weight:normal;
  line-height:1.2em;
}
* html #branding {
  float:none;
}
#branding .logo {
  float:left;
}
#branding .topnav {
  position:absolute;
  top:5px;
  right:10px;
  text-align:right;
  display:inline;
  margin:0;
  padding:0;
  white-space:nowrap;
  text-transform:lowercase;
}
#branding .topnav li a {
  font-weight:normal;
  text-decoration:none;
}
#nav {
  background-color:#7B849C;
  border-top:1px solid #7B849C;
  padding:0 6px 2px 0;
  margin:0;
  width:100%;
}
#nav div {
  width:100%;
  white-space:nowrap;
  background-color:#7B849C;
  padding:3px 0 1px 0;
  text-align:left;
  height:20px;
  clear:both;
}
#nav div ul {
  display:block;
  margin:0;
  padding:0;
}
#nav div ul li, #branding .topnav li {
  display:block;
  float:left;
  margin:0;
  padding:0 5px;
  vertical-align:top;
  font-size:100%;
  border-right:1px solid #FFF;
}
#branding .topnav li {
  border-right:1px solid #7B849C;
}
.lastli {
  border:none !important;
}
#nav div a {
  margin-left:3px;
  font-size:75%;
  color:#FFF;
  text-decoration:none;
}
#nav div a:hover {
  text-decoration:underline;
}
#content {
  background-color:#FFF;
  clear:both;
  width:100%;
  padding:5px 0;
  margin:5px 0;
  line-height:1.2em;
  height:auto;
  display:block;
  position:relative;
}
#footer {
  border-top:1px solid #7B849C;
  background-color:#FFF;
  display:block;
  vertical-align:bottom;
  bottom:5px;
  clear:both;
  padding:0;
  margin:0;
  float:none;
  font-size:70%;
}
#footer div {
  text-align:center;
}
#footer a {
  font-size:100%;
}
#footer, #footer a {
  text-align:center;
  color: #7B849C;
  font-weight:normal;
}
.disclaimer{ 
  width:700px; 
  margin: 0 auto; 
  line-height: 1em;
}

/***** end header and footer *****/

/***** begin ads *****/
#bannerAd, .sponsorsAd p, 
.sponsorsColAd dl, .sponsorsColAd dt, .sponsorsColAd dd,
.sponsorsTstAd dl, .sponsorsTstAd dt, .sponsorsTstAd dd {
  margin:0;
  padding:0;
}
#bannerAd {
  background-color:#F0F0F0;
  padding:0 3px;
  width:100%;
}
#bannerAd .mastheadbanner {
  padding:4px 0 !important;
  width:728px;
}
#bannerAd, #bannerAd .mastheadbanner, #skyAd, #squareAd {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
#squareAd, #skyAd, .sponsorsAd,
.sponsorsColAd, .sponsorsTstAd {
  margin-bottom:10px;
}
.sponsorsAd, .sponsorsColAd, .sponsorsTstAd {
  padding:5px;
}
.sponsorsAd {
  background-color:#EAEAEA;
  text-align:left;
}
.sponsorsAd adwords, .sponsorsColAd adwords, .sponsorsAd adwords a, 
.sponsorsAd h2, .sponsorsColAd h2,
.sponsorsTstAd adwords, .sponsorsTstAd h2 { 
  color:#666666 !important; 
} 
.sponsorsAd adwords, .sponsorsAd h3, .sponsorsAd p a, .sponsorsColAd adwords, 
.sponsorsColAd dd, .sponsorsColAd dt a,
.sponsorsTstAd adwords, .sponsorsTstAd dd, .sponsorsTstAd dt a { 
  font-size:80%;                                                                
} 
.sponsorsAd h3, .sponsorsAd adwords, .sponsorsColAd adwords, .sponsorsTstAd adwords { 
  text-decoration:underline; 
}
.sponsorsAd adwords, .sponsorsColAd adwords, .sponsorsTstAd adwords {
  margin:-20px 5px 0 0;
  width:auto;
  padding:0 2px;
}
.sponsorsAd h2, .sponsorsColAd h2, .sponsorsTstAd h2 {
  font-weight:lighter;
  text-transform:lowercase;
}
.sponsorsAd h3, .sponsorsColAd dt a, .sponsorsTstAd dt a {
  padding-top:5px !important;
}
.sponsorsAd h3, .sponsorsAd h3 a {
  color:#2B344C !important;
}
.sponsorsAd a:hover {
  color:#5B647C !important;
}
.sponsorsAd p, .sponsorsColAd dd, .sponsorsTstAd dd {
  line-height:1.0em;
}
.sponsorsAd p, .sponsorsAd a, .sponsorsColAd dl a, .sponsorsTstAd dl a {
  text-decoration:none !important;
}
.sponsorsAd p a, .sponsorsColAd dd, .sponsorsTstAd dd {
  font-weight:normal;
}
.sponsorsAd p a, .sponsorsColAd dd.body a, .sponsorsTstAd dd.body a {
  color:#333;
}
.sponsorsColAd, .sponsorsTstAd {
  background-color:#E5ECF9;
  width:100%;
}

#twoClmRightWide .mainColumn .sponsorsColAd dl, .sponsorsAd adwords,
.sponsorsColAd adwords, .sponsorsTstAd adwords {
  float:right;
}
#twoClmLeftWide .mainColumn .sponsorsColAd dl,
#oneClm .mainColumn .sponsorsColAd dl,
#twoClmSkinnyRight .mainColumn .sponsorsColAd dl,
#oneClm table .sponsorsColAd dl {
  float:left;
}
.mainColumn .sponsorsColAd dl, #oneClm table .sponsorsColAd dl {
  width:30%;
}
html>body .mainColumn .sponsorsColAd dl,
html>body #oneClm table .sponsorsColAd dl {
  width:31%;
}
.sponsorsColAd dl {
  margin:4px;
}
.sponsorsColAd dt a, .sponsorsTstAd dt a {
  color:#0000CC;
  text-decoration:underline !important;
  font-weight:bold;
}
.sponsorsColAd dd.url a, .sponsorsTstAd dd.url a {
  color:#109617;
}
#twoClmLeftWide .mainColumn .sponsoredlinksclear,
#oneClm .mainColumn .sponsoredlinksclear,
#twoClmSkinnyRight .mainColumn .sponsoredlinksclear,
#oneClm table .sponsoredlinksclear {
  clear:left;
}
#twoClmRightWide .mainColumn .sponsoredlinksclear {
  clear:right;
}
/***** end ads *****/

/***** begin layouts *****/
/* popups */
#oneClmPopup h1 {
  font-size:105%;
  margin-bottom:0px !important;
  padding:0px !important;
  color:#333;
}
#oneClmPopup .commonbox h2 {
  font-size:100%;
}
#oneClmPopup p {
  margin:0;
  padding:0;
  font-size:105%;
  color:#333;
  line-height:1.2em;
}
#oneClmPopup .buttonbox, .rightaligntext {
  text-align:right;
}
#oneClmPopup .buttonbox .submitbutton {
  width:auto;
  font-size:75% !important;
  border-width:2px !important;
}
#oneClmPopup a, #oneClmPopup li {
  font-size:100% !important;
}

/* pages */
#oneClm, #twoClmRightWide, #twoClmLeftWide, #twoClmSkinnyRight {
  position:relative;
  padding:5px 0 10px 0;
  height:auto;
  width:auto;
  line-height:1.1em;
}

/* one column */
#oneClm .mainColumn {
  width:auto;
}
#oneClmPopup {
  width:400px;
  padding:5px;
  font-size:80%;
}

/* two column */
#twoClmRightWide .leftColumn, #twoClmLeftWide .rightColumn,
#twoClmSkinnyRight .rightColumn {
  left:0px;
  top:0px;
  margin:0;
  padding:0;
  z-index:1;
}
#twoClmRightWide .leftColumn {
  float:left;
  width:300px;
}
#twoClmLeftWide .rightColumn {
  float:right;
  right:0px;
  width:300px;
}
#twoClmSkinnyRight .rightColumn {
  float:right;
  right:0px;
  width:170px;
}

#twoClmRightWide .mainColumn, #twoClmLeftWide .mainColumn,
#twoClmSkinnyRight .mainColumn {
  float:none;
  padding:0;
  width:auto;
}
#twoClmRightWide .mainColumn {
  margin-left:310px;
}
#twoClmLeftWide .mainColumn {
  margin-right:310px;
  margin-left:0px;
  left:0px;
  top:0px;
}
#twoClmSkinnyRight .mainColumn {
  margin-right:180px;
  margin-left:0px;
  left:0px;
  top:0px;
}
/***** end layouts *****/

/***** begin paging links *****/
.pagenumberwithtopmargin {
  margin-top:5px !important;
}
.pagenumber, .paginglinks, .paginglinksmodule, .pagenumberwithtopmargin {
  margin:0;
  padding:0;
}
.pagenumber, .paginglinks, .pagenumberwithtopmargin, .inlinedisplay {
  display:inline;
}
.pagenumber, .pagenumberwithtopmargin {
  float:left;
  position:relative;
  color:#999999;
}
.paginglinks {
  float:right;
  position:relative;
  color:#999999;
}
.paginglinksmodule {
  display:block;
  font-size:90% !important;
}
.paginglinksmodule a {
  font-size:100% !important;
}
html>body .paginglinksmodule {
  width:100%;
}
/***** end paging links *****/

/***** begin floats *****/
.float-left, .floatLeft33Width, .floatLeftHalf, .floatLeftInThirds,
.floatLeftQuarter {
  float:left;
}
.floatLeft33Width, .floatLeftHalf {
  padding:0;
}
.floatLeftInThirds, .floatLeftQuarter {
  padding:0 5px;
}
.float-left {
  text-align:left;
}
.floatLeft33Width {
  width:33%;
}
.floatLeftHalf {
  width:50%;
}
.floatLeftInThirds {
  width:30%;
}
.floatLeftInThirds a {
  font-size:100%;
  text-decoration:none;
}
table .boxcontent .floatLeftInThirds a {
  font-size:100% !important;
}
.floatLeftQuarter {
  width:25%;
}
.right {
  float:right;
}
/***** end floats *****/

/***** begin clears *****/
.clearboth {
  clear: both;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
/***** end clears *****/

/***** begin alerts *****/
.bdayAlert {
  font-size:60% !important;
  margin:2px auto 0 auto;
  text-align:center;
  letter-spacing:0.01em;
}
/***** end alerts *****/

/***** begin thumbnails *****/
.fivethumbnailscontainer {
  display:block;
  margin-bottom:10px;
  padding:0;
  min-width:410px;
  float:left;
  width:100%;
  text-align:center;
  z-index:5;
}
.thumbnail img, .myfriendsthumbnail img, .myfriendsthumbnailwide img,
.thumbnailcenteredtext img {
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center;
}
/* thumbnail */

.thumbnail, .thumbnailcenteredtext {
  display:block;
  line-height:1.2em;
  text-align:center;
  float: left;
  width: 60px;
  margin: 10px 3px 10px 3px;
  padding: 0 0 3px 0;
}
.thumbnail .linkbar, .thumbnailcenteredtext .linkbar {
  display:block;
  white-space:nowrap;
  text-align:center;
  width:75px;
  margin-bottom:5px;
}
.thumbnailcenteredtext, .thumbnailcenteredtext .linkbar {
  width:auto;
}

/* profileskinthumbnail */
.profileskinthumbnail {
  display:block;
  line-height:1.2em;
  text-align:center;
  float:left;
  width: 19%;
  margin: 2px;
  padding: 0 0 3px 0;
  vertical-align:top;
  height:161px;
  position:relative;
}

.profileskinthumbnail dd {
  width:80px;
}

.profileskinthumbnail dd, .profileskinthumbnail dt {
  display:block;
}

.profileskinthumbnail dd {
  width:100%;
  margin:0;
}

.profileskinthumbnail dt {
  margin-top:10px;
}

/* myfriendsthumbnail */
.myfriendsthumbnail, .myfriendsthumbnailwide {
  display:block;
  line-height:1.2em;
  text-align:center;
  float:left;
  width: 19%;
  margin: 2px;
  padding: 0 0 3px 0;
  vertical-align:top;
  background:url('http://images.friendster.com/images/box_gradation.gif') repeat-x;
  height:161px;
  position:relative;
}
.onlinebackground {
  background:url('http://images.friendster.com/images/box_gradation_online.jpg') repeat-x;
}
.thumbnailphoto {
  height:80px !important;
}
.myfriendsthumbnail dd {
  width:80px;
}
.thumbnailphoto img {
  position:relative;
  padding:0 !important;
}
.myfriendsthumbnail .linkbar, .myfriendsthumbnailwide .linkbar {
  display:block;
  white-space:nowrap;
  text-align:center;
  width:100%;
  margin-bottom:5px;
}
.myfriendsthumbnailwide {
  width:24%;
}
.myfriendsthumbnail dd, .myfriendsthumbnail dt {
  display:block;
}
.myfriendsthumbnail dd {
  width:100%;
  margin:0;
}
.myfriendsthumbnail dt {
  margin-top:10px;
}
#twoClmLeftWide .rightColumn .morepeoplecontainer .myfriendsthumbnail {
  float:right;
  width:94px;
  margin:0 1px;
  height:140px;
  overflow:hidden;
}
#twoClmLeftWide .rightColumn .morepeoplecontainer {
  margin:0 !important;
}
.thumbnailname {
  overflow:hidden;
  white-space:nowrap;
}
#twoClmLeftWide .mainColumn .fivethumbnailscontainer,
#twoClmRightWide .mainColumn .fivethumbnailscontainer {
  margin:0 auto;
  text-align:center;
  width:100%;
}
#twoClmRightWide .mainColumn .fivethumbnailscontainer {
  float:right;
}
#twoClmRightWide .mainColumn .clearfivethumbnailscontainer {
  clear:right;
}
#twoClmLeftWide .mainColumn .fivethumbnailscontainer {
  float:left;
}
#twoClmLeftWide .mainColumn .clearfivethumbnailscontainer {
  clear:left;
}
#twoClmLeftWide .mainColumn .myfriendsthumbnail,
#twoClmRightWide .mainColumn .myfriendsthumbnail,
#twoClmSkinnyRight .mainColumn .myfriendsthumbnail {
  width:16%;
  margin:.3%;
}

.thumbnailicons img{ 
  padding: 0 2px;
}

.thumbnaildelete {
  position:absolute;
  top:1px;
  right:1px;
  line-height:1.2em;
  vertical-align:top;
  text-align:center;
  height:12px;
  width:14px;
  font-weight:bold;
  border:1px solid #FFF;
  color:#FFF !important;
  text-decoration:none !important;
  font-size:75%;
  padding:0;
}
html>body .thumbnaildelete {
  width:10px;
  height:10px;
  line-height:8px;
}
/***** end thumbnails *****/

/***** begin specific to usersearch *****/
.usersearchresult .resulttext {
  margin:0 0 10px 130px;
}
.usersearchresult ul.resultlist {
  margin:0;
  padding:0;
  list-style:none;
}
.usersearchresult ul.resultlist li {
  line-height:1.1em;
  font-size:100%;
}
.usersearchresult .resulttext .lastlogin {
  padding:5px 0;
}
.container {
  display:block;
  position:relative;
  width:100%;
  margin-bottom:10px;
  padding:0;
}
.userphotocol {
  width:100%;
  padding:0;
  text-align:center;
}
.userphotocol img {
  margin-left:auto;
  margin-right:auto;
}
.user_results {
  border-collapse:collapse;
}
.user_results td {
  border-bottom:1px solid #9BA4BC;
}
/***** end specific to usersearch *****/

/***** begin specific to emailimport *****/
.homeBB {
  margin-top:10px;
  width:100%;
  margin-bottom:15px;
  background-color:#FFF;
  padding:0;
  text-align:center;
  position:relative;
}
.homeBB table {
  width:100% !important;
}
.homeBB h1 {
  background-color:#FFF;
  border-top:1px solid #3b445c;
  border-left:1px solid #3b445c;
  border-right:1px solid #3b445c;
  font-size:80%;
  margin:0;
  padding:0;
}
.homeBB a {
  font-size:100%;
}
/***** end specific to emailimport *****/

/***** begin specific to user *****/
#profilePromo {
  width:100%;
  padding:0;
  margin:0;
}
p.profilelabel, p.profiletext {
  font-size:100%;
}
#xmlprofile {
  text-align:center;
  width:100%;
  border-bottom:1px solid #9BA4BC;
  padding:5px;
}
/* hide from Mac IE \*/
html>body #xmlprofile {
  width:auto;
}
/* end hide */
#xmlprofile table {margin:0 auto;}
/***** end specific to user *****/

/***** begin specific to testimonials *****/
.testimonial, .viewtestimonial {
  border:1px solid #7b849C;
  background-color:#FFF;
  text-align:left;
  color:#3B445C;
  padding:5px 10px;
}
/***** end specific to testimonials *****/

/***** begin specific to viewphotos *****/
.photogallery {
  margin-bottom:10px;
  text-align:center;
  width:auto !important;
  margin:0;
}
dl.photobox {
  /* width:250px;
  height:400px;
  */
  background:#F0F0F0;
  margin:1px;
  padding:5px;
  float:left;
  overflow:hidden;
}
.photobox dt, .photobox dd {
  margin:0;
  padding:0;
  background:#F0F0F0;
 /* width:250px; */
  text-align:center;
}
.photobox .photo {
  padding:5px 0;
}
/***** end specific to viewphotos *****/

/***** begin styles specific to index and learn more pages *****/
.darkbluetext, .centeredblueheader, .learnmorelink {
  color:#001333;
}
.learnmorelink {
  float:right;
  margin:15px 0;
}
.centeredblueheader {
  text-align:center;
  margin-bottom:5px !important;
  font-size:120%;
}
.bold {
  font-weight:bold !important;
}
.indexWidth, .learnmoreWidth {
  padding:0;
  width:760px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
.indexWidth, .learnmoreWidth .indexText, .learnmoreWidth .indexImg {
  font-size:80%;
}
.indexWidth h2, .indexWidth h3, .indexWidth .submitbutton, .learnmoreWidth h2,
.learnmoreWidth h3, .learnmoreWidth .commonbox, .learnmoreWidth .submitbutton {
  font-size:100% !important;
}
.indexText {
  float:left;
  width:335px;
  text-align:left;
}
.indexImg {
  float:left;
  top:0;
  right:0;
  width:395px;
  padding:0 0 20px 20px;
  margin:0 0 20px 0;
  text-align:right;
}
/***** end styles specific to index and learn more pages *****/

/***** begin specific to messages *****/
.newmail, .newmail a {
  font-weight:bold;
}
.readmail, .normalfontweight {
  font-weight:normal !important;
}
/***** end specific to messages *****/

/***** begin specific to gallery *****/
.galleryform {
  font-size:80%;
  width:100%;
  margin-bottom:15px;
  background-color:#F0F0F0;
  padding:5px 0 5px 5px;
}
.galleryform select, .galleryform table, input {
  font-size:100%;
}
.galleryphotoscontainer, .galleryphoto, .galleryphotonoinfo,
.galleryphotonoinfo a, .galleryphotonoinfo .greentext, .galleryphoto .linkbar,
.book img {
  display:block;
}
.galleryphotoscontainer, .galleryphoto, .galleryphotonoinfo, .book img {
  float:left;
}
.galleryphotoscontainer {
  margin-bottom:10px;
  padding:0;
  min-width:480px;
  width:100%;
}
.galleryphoto, .galleryphotonoinfo {
  line-height:1.2em;
  width:120px;
  margin:0;
  padding:5px 5px 15px 5px;
  vertical-align:top;
}
.galleryphoto {
  padding:5px 0 15px 0;
}
.galleryphotonoinfo {
  width:17%;
  height:150px;
}
.galleryphoto img, .book img {
  margin-left:auto;
  margin-right:auto;
}
.galleryform, .galleryphoto, .galleryphotonoinfo a,
.galleryphotonoinfo .greentext, .galleryphotonoinfo, .galleryphoto img,
.galleryphoto .linkbar, .friendname, .thumbnailname {
  text-align:center;
}
.galleryphoto .linkbar, .friendname, .thumbnailname {
  margin-bottom:3px;
}
.galleryphoto img {
  max-width:100px;
}
.galleryphoto .linkbar {
  white-space:nowrap;
  width:100%;
}
.book {
  font-size:80%;
  padding:15px;
}
.book a {
  font-size:110%;
}
.book img {
  padding:0 15px 15px 0;
  vertical-align:top;
}
/***** end specific to gallery *****/

/***** begin rssFrameHeader *****/
.rssFrameHeader .col1, .rssFrameHeader .adCols {
  float:left;
  padding:0;
  margin:2px;
}
.rssFrameHeader .col1 {
  margin-right:5px;
  margin-left:5px;
  width:auto;
}
.rssFrameHeader .adCols {
  width:30%;
}
/***** end rssFrameHeader *****/

/***** begin discussions specific rules *****/
.RowStyleA {
  background:#EEEEEE !important;
}
.RowStyleB {
  background: #dee2e6 !important;
}
.GenText, input.button {
  color:#333;
}
input.button {
  font-size:100%;
}
.dashed, .manvNoRes, table.regConf, div.pre {
  border: 1px solid #7B849C;
}
#oneClmPopup .ar {
  text-align: left;
}
/***** end discussions specific rules *****/

/***** begin groups specific rules *****/
.label {
    background-color: #EAEAEA;
    text-align: right;
    font-weight: bold;
    border-top: 1px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    padding: 5px;
    width: 30%;
}

.data {
    padding: 5px;
    width: 70%;
}

.box-any-contentArea {
    padding: 10px;
}

.box-standard {
    border: 1px solid #7B849C;
    margin-bottom: 10px;
}

.box-standard th { /* background color and padding for label area */
    background-color: #EAEAEA;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #7B849C;
    padding: 5px 10px;
}

.box-standard th h1 { /* font for label area */
    font-size: 120%;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.box-standard th a { /* 'edit' link in label area */
    font-weight: normal;
}

.bar-boxBottom { /* at the bottom of the box, holding nav links and submit buttons */
    padding: 5px;
    text-align: center;
}

.thumbnail {
    margin: 2px 0px 4px 0px;
}

.photo-50x75-wrapper {
    text-align: center;
    float: left;
    width: 80px;
    margin-bottom: 5px;
}

.thumbGrid-threeAcross {
    width: 240px;
    margin-right: auto;
    margin-left: auto;
}

.memberName {
    font-weight: bold;
    white-space: nowrap;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%; /* 12px resizable */
    color: #333333;
}

.txt-bottomBar-link {
    font-weight: bold;
    text-transform: lowercase;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%; /* 12px resizable */
    color: #333333;
}

/***** end groups specific rules *****/

/***** begin horoscope specific rules *****/
.energymeter {
  background: url(http://images.friendster.com/images/horoscopes/Emeter_base.gif) top center no-repeat;
      width: 100%;
    }

.energymeter {
  height: 52px !important; 
  margin: 0 0 -90px 0;
}
html>body .energymeter {
  margin: 0;
}
.energymeter dt, .energymeter dd {
  width: 87px; 
  border: 1px hidden;
}
.energymeter dt {
  font-size: 90%; 
  text-align: center;
}
#emmoney {
  position: relative; 
  top: 3px; 
  left: 10px;
}
#emmoneydef {
  position: relative; 
  top: 2px; 
  left: -30px;
}
#emlove {
  position: relative; 
  top: -42px; 
  left: 102px;
}
#emlovedef {
  position: relative; 
  top: -43px; 
  left: 61px;
}
#emattitude {
  position: relative; 
  top: -87px; 
  left: 192px;
}
#emattitudedef {
  position: relative; 
  top: -88px; 
  left: 152px;
}
.horoscopemainimage, .horoscopepromoimage { 
  width: 90px; 
  padding: 10px 5px 5px; 
  float: left; 
  text-align: center;
}
/***** end horoscope specific rules *****/


/***** begin photos page specific rules *****/
ul.photos{
  margin:0;
  padding:1px 1px 1px 1px; 
  text-align: center;
} 
  
ul.photos li {
  text-decoration:none;
  display:inline;
} 


ul.photos li a {
    text-decoration:none!important;
}
  
ul.photos li a img{
    border:2px solid #9BA4BC;
    margin:5px 5px 5px 5px;
    height:65px;
    vertical-align:top !important;
}

ul.photos li a:hover img{-
    border:2px solid #000000;
}

#photocaption {
  visibility:hidden;
  position:absolute;
  top:0; left:0;
  overflow:hidden; 
  width:140px;
  font-size:8pt;
  line-height:1.2em;
  padding:1px 1px 1px 1px;
  border:1px solid #9BA4BC;
  background-color:#F0F0F0;
  text-decoration:none!important;
} 

div.selectedphoto {
    width:auto !important;
    padding:2px;
    margin:5px 5px 0 5px;
    border:1px solid #9BA4BC;
    background-color:#F0F0F0; 
    font-size:75%;
    text-align:center;
} 

/***** end photos page specific rules *****/