/***** begin boxes, boxes, and more boxes *****/

.commonbox, .confirmbox, .errorbox, .moduleColor, .moduleMailbox,
.notificationbox, .profilephotobox, .sponsorsbox, .tabbox, .tips,
.moduleDarkBorder, .modulenoboxblackborder, moduleForWebsearch,
.connectionsbox {
  position: relative;
  margin:0 0 10px 0 !important;
}
/* TG: Set initial behaviour. Override later if need be. */ 
.commonbox a:visited, .commonbox a:link,
.confirmbox a:visited, .confirmbox a:link,
.errorbox a:visited,.errorbox a:link,
.notificationbox a:visited, .notificationbox a:link {
    text-decoration: underline;
}

.commonbox, .connectionsbox, .profilephotobox, .tabbox, .tips {
  border:1px solid #d5d5d5;
}
.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:#FFFFFF;
}
.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:#dbe1b7;
  border-bottom:1px solid #d5d5d5;
  color: #555555;
  font-weight: bold;
  font-size: 12px;
}
.invitebtnFriends {
  position: absolute;
  top: 2px;
  left: 130px;
}
.introbtnFriends {
  position: absolute;
  top: 2px;
  left: 240px;
}
.commonbox h3 {
  font-size: 80%;
  padding:2px 5px;
  background-color:#F0F0F0;
  border-bottom:1px solid #7B849C;
}
.commonbox h3 span.normal {
    font-weight: normal;
}
.commonbox h3 div.tip {
    float: right;
    font-weight: normal;
    background-color: inherit;
}
.commonbox h3 div.tip a {
    text-decoration: underline;
    font-weight: normal;
}

.errorbox, .notificationbox, .confirmbox {
  background-color:#FFFFEB;
}
.errorbox h2, .notificationbox h2, .confirmbox h2 {
  padding:2px 5px 2px 25px;
  color:#FFFFFF;
}
.errorbox {
  border:1px solid #CC3333;
}
.notificationbox {
  border:1px solid #33CC33;
}
.confirmbox {
  border:1px solid #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 .photocontainer { height: 200px;}
.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;
}
.alteropenprofile { width: 300px; margin: 8px 0 0 0; white-space: normal; }

.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 #d5d5d5;
  border-bottom:none;
}
.moduleColor ul {
  background-color:#e9edd4;
}
.moduleMailbox ul li, .moduleColor ul li {
  padding:3px 3px 3px 10px;
  border-bottom:1px solid #d5d5d5;
  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:#666;
}
.moduleColor li a:hover {
  text-decoration:underline;
  color:#666;
}
.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% 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;
}

/* Pretty large boc for displaying profile image.
   See Invite to view private photos for how to use. */
div.img_box_container {
    width: 150px;
    height: 150px;
    padding: 0;
    border: 1px solid #aeaeae;
}
div.img_box_container div.img_box {
    width: 150px;
    height: 150px;
    overflow: hidden;
/*    visibility: hidden; */
    padding: 0;
    margin: 0px auto;
}
div.img_box_container div.img_box img {
    height: 150px !important;
    margin: 0;
    border: 0;
    padding: 0;
}

/***** end boxes, boxes, and more boxes *****/

/***** begin listy lists ******/
.buttondiv, .buttondivnobg ul, buttondivnobg ul li, .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%;
  border-bottom:1px solid #d5d5d5;
}
.buttondivnobg {
  width: auto;
  padding: 5px;
  border-bottom: 1px solid #d5d5d5;
}
.buttondivnobg ul {
  list-style-type: none;
}
.buttondivnobg ul, .buttondivnobg li {
  margin: 0px;
  padding: 0px;
}
.buttondiv ul {
  padding:0 5px;
}
.buttondiv ul li, ul.buttonlist li {
  line-height:2em;
  display:inline;
  margin:0px 5px 0px 0px;
  width:auto;
  height:20px;
  text-transform:lowercase;
}
.buttondiv ul li a, .buttondiv ul li a:visited, ul.buttonlist li a {
  padding:3px 9px;
  border:1px solid #587F02;
  background-color:#F4F4EB;
  color:#587F02 !important;
  text-decoration:none !important;
  font-weight:bold;
  font-size:11px;
  white-space:nowrap;
}
.buttondiv ul li a:hover, ul.buttonlist li a:hover {
  text-decoration:underline !important;
  font-weight:bold;
}

a.dkRedButton:link, a.dkRedButton:visited, a.dkRedButton:hover, a.dkRedButton:active { 
  border-color: #990800 !important; 
  color: #990800 !important; 
  background-color: #F1DDDD !important;
}

a.dkBlueButton:link, a.dkBlueButton:visited, a.dkBlueButton:hover, a.dkBlueButton:active { 
  border-color: #086a89 !important; 
  color: #086a89 !important; 
  background-color: #E1EDF1 !important;
}

.yellowbutton {
  border:1px solid #333333 !important;
  background-color:#FEE3AB !important;
  text-decoration:none !important;
}
a.yellowbutton:hover {
  background-color:#FDD582 !important;
}
.vibrantorangebutton {
  color:#FFFFFF !important;
  border:1px solid #333333 !important;
  background-color:#EC850E !important;
  text-decoration:none !important;
}
.blueblogbutton {
  border:1px solid #d5d5d5 !important;
  background-color:#a5b44c !important;
  text-decoration:none !important;
}
a.blueblogbutton:hover {
  background-color:#cccccc !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.sn_plain {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* this list has bullets aligned left, no top margin, 20px bot margin */
ul.sn_basicBotMargin {
  margin: 0 0 10px 15px;
  padding: 0;
}
ul.horoscopelist { 
  margin: 0;
  padding: 0;
}
ul.horoscopelist li {
  display: inline;
  padding: 0;
  margin: 0;
}
ul.tabs {
  margin:5px 0 -1px 0;
}
ul.tabs li.tabselected {
  background-color:#FFFFFF;
  border-bottom:1px solid #FFF !important;
  z-index:2040;
  color: #a5b44c;
  font-size: 12px;
  margin: 0 3px 0 0;
}
ul.tabs li {
  display:inline;
  padding:2px 5px;
  margin:0 3px 1px 0;
  border:1px solid #d5d5d5;
  background-color:#e9edd4;
  font-size:12px;
  color: #555555;
  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, .sn_boxcontent table tr td {
  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:3px;
}
table.formtable, table.profiletable {
  empty-cells:show;
  padding:0;
  margin:0;
}
table.profiletable {
  width:100% !important;
}
.profiletable td.field {
  background-color:#F0F0F0;
  width:30%;
  font-weight:bold;
  padding:2px 4px;
}
.formtable td.field {
  width: 260px;
  padding: 6px 4px;
  font-weight: bold;
  valign: middle;
}
.formtable td.value {
  padding: 6px 4px;
  valign: middle;
}
.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;
}
.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 #d5d5d5;
  text-transform:lowercase;
  background:#FFFFFF;
  color:#333;
}
.messagestable td {
  border-bottom:1px solid #E0E0E0;
  padding:5px;
  background:#FFFFFF;
  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:#FFFFFF;
  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:#FFFFFF;
  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:#FFFFFF;
  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:#FFFFFF;
  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:#FFFFFF;
}
/***** end background colors *****/

/***** begin text colors *****/
.orangetext {
  color: #ff4000;
}
.greentext {
  font-size:80%;
  color:#008000;
}
.darkbluetext {
  color:#001333;
}
.lightgreytext {
  color:#999999;
}
.whitetext {
  color:#FFFFFF;
}
.greytext {
  color:#666 !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:#FFFFFF;
  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%;
}
a.orangelink, a.orangelink:visited, 
a.orangelink:hover, a.orangelink:active {
    color: #ff4000;
}
a.orangelink, a.orangelink:visited {
    text-decoration: none;
}
a.orangelink:hover, a.orangelink:active {
    text-decoration: underline;
}
/***** end links *****/

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

/***** begin lines *****/
.solidgreyline, .dashedgreyline {
  margin:2px 2px 2px 2px;
  padding:0;
}
.solidgreyline {
  border-bottom:1px solid #d5d5d5;
}
.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% 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: #a5b44c;
  font-weight: bold;
  border: solid;
  border: #d5d5d5 solid 1px;
  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 #FFFFFF;
}
#branding .topnav li {
  border-right:1px solid #7B849C;
}
.lastli {
  border:none !important;
}
#nav div a {
  margin-left:3px;
  font-size:75%;
  color:#FFFFFF;
  text-decoration:none;
}
#nav div a:hover {
  text-decoration:underline;
}
#content {
  background-color:#FFFFFF;
  clear:both;
  width:100%;
  padding:0 !important;
  margin:2px 0 0 0 !important;
  height:auto;
  display:block;
  position:relative;
}
#footer {
  border: 1px solid #b8b8b8 !important;
  display:block;
  vertical-align:bottom;
  text-align:center;
  bottom:5px;
  clear:both;
  padding:10px 10px 10px 48px;
  float:none;
  color: #666666;
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 12px !important;
}
#footer div {
  color: #666666;
  margin: 5px 0 0 0;
  font-size: 12px !important;
}
#footer, #footer a {
  color: #666666;
  font-weight:normal;
  font-size: 12px !important;
}
.disclaimer{ 
  width:700px; 
  margin: 0 auto; 
  line-height: 1em;
}

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

/***** begin ads *****/
#bannerAd, .sponsorsAd p { 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 {
  margin-bottom:10px;
}

#skyAd {
  height:600px;
  width:160px;
}

.sponsorsAd, .sponsorsColAd, .sponsorsTstAd {
  padding:5px;
}
.sponsorsAd {
  text-align:left;
}

/* sponsored links */
#sponsorsAd { margin-bottom: 10px; }
.sponsorsAd, .sponsorsColAd { padding:5px; }
.sponsorsAd { text-align:left; }

/* "sponsored links" (both) */
.sponsorsAd h2, .sponsorsColAd h2 {
  color:#000000 !important;
  font-size: 11px !important;
  text-transform: lowercase;
  font-weight: lighter;
  margin: 0 0 5px 0;
  padding: 0;
}
/* ad headline (both) */
.sponsorsAd h3, .sponsorsColAd h3 {
  font-size:12px !important;
  font-weight: bold !important;
  margin: 5px 0 3px 0 !important;
}
.sponsorsAd h3 a, .sponsorsColAd h3 a {
  color: #0000FF !important;
  text-decoration: underline !important;
}
/* ad body (both) */
.sponsorsAd p, .sponsorsColAd p {
  font-size: 11px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1;
}
.slfooterGrey a, .sponsorsColAd p a {
  color: #555555 !important;
  text-decoration: none !important;
}
/* ad bottom link */
.slfooterGreen a, .sponsorsColAd span a {
  color: #339933 !important;
  text-decoration: none !important;
  font-size: 11px !important;
}
.sponsoredlinksfooter { position: relative; padding: 7px 20px 7px 20px; border:1px solid #999; margin: 0 0 10px 0; }

/* Hides from IE-mac \*/
* html .sponsoredlinksfooter {height: 1%;}
/* End hide from IE-mac */

.adCols {
  width: 23%;
  position: relative;
  padding: 0 !important;
  margin: 0 10px 0 0 !important;
  float: left;
}
.sponsorsColAd {
  float: none;
  background: #fff !important;
  margin: 0px !important;
  padding: 0px !important;
}
.sponsoredlinksfooter h3 a {
font-weight: normal !important;
color: blue;
margin-bottom: 3px;
}
.sponsorsColAd span {
  display: block;
  margin: 0 !important;
}
.sponsoredlinksfooter p {
  margin: 0px !important;
  text-decoration:none !important;
  color: #008000 !important;
}
.slfooterDiv {
  display: inline;
  overflow: hidden;
  text-align: left;
  float: left;
  padding-right: 10px;
  width: 24%;
}

#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:12px;
}
#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:0;
  height:auto;
  width:auto;
  
}

/* 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:2;
  position: relative;
}
#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 !important;
  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;
  margin-bottom: 0;
  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;
}
.paginglinksLt {
  float: left;
  position: relative;
  color: #999;
}
.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;
  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;
  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:75px;
}

/* Another set for thumbnail -- see privatephotos.xsl for how to use */
/* Creates business-card like blocks. */
.thumbnail_ph {
    width: 30%;
    border: 1px solid #aeaeae;
    margin-bottom: 14px; margin-left: 6px; margin-right: 6px;
    padding-top: 4px; padding-bottom: 4px; padding-left: 5px; padding-right: 3px;
    float: left;
    display: block;
    font-size: 11px;
    line-height: 16px;
    vertical-align: top;
}
.thumbnailphoto_ph {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border: 1px solid #aeaeae;
    margin: 4px;
    text-align: center;
    float: left;    
    display: inline;
    vertical-align: top;
}
.thumbnailphoto_ph img {
    height: 60px;
    padding: 0 !important;
}
.thumbnailinfo_ph {
    margin-top: 3px;
    font-weight: normal;
    display: block;
    vertical-align: top;
}
.thumbnailinfo_ph a, .thumbnailinfo_ph a:visited {
    color: #ff4000 !important;
    font-weight: bold;
    text-decoration: underline;
}
/* profileskinthumbnail -- see customize profile section */

/* myfriendsthumbnail */
.myfriendsthumbnail, .myfriendsthumbnailwide {
  line-height:1.2em;
  text-align:center;
  float:left;
  width: 15%;
  margin: 2px;
  vertical-align:top;
  border: #d5d5d5 solid 1px;
  height:158px;
  position:relative;
}
.onlinebackground {
  border: #ff4000 solid 1px;
}
.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:95%;
  margin-bottom:5px;
}
.myfriendsthumbnailwide {
  width:24%;
}
.myfriendsthumbnail dd, .myfriendsthumbnail dt {
  display:block;
}
.myfriendsthumbnail dd {
  width:100%;
  margin:0;
  padding:0;
}
.myfriendsthumbnail dt {
  margin-top: 10px;
}
#twoClmLeftWide .rightColumn .morepeoplecontainer .myfriendsthumbnail {
  float:left;
  width:94px;
  margin: 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;
}
/* THUMNBNAIL BUG CORRECTED HERE!!!! */
#twoClmLeftWide .mainColumn .myfriendsthumbnail,
#twoClmRightWide .mainColumn .myfriendsthumbnail,
#twoClmSkinnyRight .mainColumn .myfriendsthumbnail {
  width: 15%;
  margin: 2px;
}

.thumbnailicons span{ 
  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 #d5d5d5;
  color:#d5d5d5 !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 #d5d5d5;
}
/***** end specific to usersearch *****/

/***** begin specific to emailimport *****/
.homeBB {
  margin-top:10px;
  width:100%;
  margin-bottom:15px;
  background-color:#FFFFFF;
  padding:0;
  text-align:center;
  position:relative;
}
.homeBB table {
  width:100% !important;
}
.homeBB h1 {
  background-color:#FFFFFF;
  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 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: Arial, Helvetica, sans-serif;
    font-size: 75%; /* 12px resizable */
    color: #333333;
}

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

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

/***** Headerbars from home.css *****/

.headerbar {
	padding: 2px 5px;
	margin: 5px 0px !important;
}
.headertitle {
	font-size: 12px;
	font-weight: bold;
}
.headertitlewhite {
	font-size: 13px;
	font-weight: bold;
    color: #FFFFFF;
}
.headerlinks, .headerlinkswhite {
	float: right;
	font-size: 12px;
}
.headerlinks a:link, .headerlinks a:visited {
  color: #888888 !important;
  text-decoration: underline !important;
}
.headerlinks a:hover, .headerlinks a:active {
  color: #888888 !important;
  text-decoration: underline !important;
}
.headerlinkswhite a:link, .headerlinkswhite a:visited {
  color: #fff !important;
  text-decoration: underline;
}
.headerlinkswhite a:hover, .headerlinkswhite a:active {
  color: #fff !important;
  text-decoration: underline;
}

/* Green */
h1 .headerbar {
	background: #A5B44C;
	margin-top: 0px !important;
}

/***** End Headerbars *****/

/***** common styles from homepage redesign *****/
#whatsnew, #alerts {
  background-color:#D5EAEF;
  padding: 5px;
  margin:0 0 10px 0;
}
.headertitlered {
  font-size: 12px;
  font-weight: bold;
  color: #993333;
  white-space:nowrap;
  margin: 0px 0px 5px 0px;
}
#whatsnew a, .alertbody a {
  color:#993333 !important;
  text-decoration:underline !important;
}
#whatsnew p {
  padding:5px 0;
  margin:0;
}

.clearLeftNoHeight {
  clear: left;
  font-size: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}
.clearRightNoHeight {
  clear: right;
  font-size: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}
.clearBothNoHeight {
  clear: both;
  font-size: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html .clearfix {height: 1%;}
/*  */
.clearfixLt:after {
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}
/*  \*/
* html .clearfixLt {height: 1%;}
/*  */
/* ad styles */
#ad300x250 {
  width: auto;
  height:250px;
  margin: 0px 0px 10px 0px;
}
#ad300x250 img {
  display: block;
  margin: 0px;
  padding: 0px;
}
#ad88x31 {
  margin: 0px 0px 5px 30px;
  padding: 0px;
}
#ad88x31 img {
  margin: 0px;
  padding: 0px;
}
.ad {
  display: block;
  font-size: 10px;
  text-align: center;
  width: 100%;
  color: #999;
}
a.orange, p.orange {
  color: #ff4000 !important;
}
.orangetext {
  color: #ff4000;
}
.smalllink {
  text-decoration: underline !important;
  font-size: 11px !important;
  font-weight: bold;
}
.inlinert {
  display: inline;
  margin: 0px 0px 0px 5px;
  border: 0px;
}
.inlinelt {
  display: inline;
  margin: 0px 5px 0px 0px !important;
  border: 0px;
}
.onlinertsm {
  display: inline;
  margin: 0px 0px 0px 2px;
  border: 0px;
}
/* data block styles */
.block {
  width: 100%;
  height: 67px;
  position: relative;
}
.userblock {
  width: 30%;
  float: left;
  padding: 6px;
  margin: 0px 10px 10px 0px;
  border: 1px solid #ddd;
  position: relative;
}
/* Alternative user block with no borders and
   centered text below the image.
   See /editphotos.php?photo_type=privatephotos for example. */
.altuserblock {
  width: 30%;
  float: left;
  padding: 0;
  margin: 0px 5px 5px 0px;
  border: none;
  position: relative;
}
.altuserblock, .altuserblock div {
  text-align: center;        
}
.imgblock {
  float: left;
  display: inline;
  width: 65px;
  height: 65px;
  overflow: hidden;
  border: 1px solid #b5b5b5;
  text-align: center;
}
.imgblock img {
  height: 65px;
  border: 0px;
  margin: 0px auto;
}
.imgblock2 {
  width: 85px;
  height: 85px;
  overflow: hidden;
  border: 1px solid #b5b5b5;
  text-align: center;
}
.imgblock2 img {
  height: 85px;
  border: 0px;
  margin: 0px auto;
}
.imgblockFriends {
  float: left;
  display: inline;
  width: 75px;
  height: 75px;
  overflow: hidden;
  border: 1px solid #b5b5b5;
  text-align: center;
}
.imgblockFriends img {
  height: 75px;
  border: 0px;
  margin: 0px auto;
}
.lgimgblock {
  float: left;
  display: inline;
  width: 85px;
  height: 85px;
  overflow: hidden;
  border: 1px solid #b5b5b5;
  text-align: center;
  background: #FFFFFF;
}
.lgimgblock img {
  height: 85px;
  border: 0px;
  margin: 0px auto;
}
.datablock {
  width: auto;
  margin: 0px 0px 0px 75px;
  padding: 0px;
}
.datablockFriends {
  width: auto;
  margin: 0px 0px 0px 85px;
  padding: 0px;
}
.data {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
.data h1, .data p {
  color: #666 !important;
  font-family: arial;
  font-weight: normal;
  font-size: 12px;
  margin: 0px;
}
.data h1 {
  display: inline;
  font-weight: bold;
  margin: 0px;
}
.data img {
  display: inline;
  margin: 0px 0px 0px 3px;
}
.data a:link {
  color: #88a634;
  text-decoration: none;
}
.data a:visited {
  color: #888 !important;
}
.data a:hover, .data a:active {
  color: #88a634;
  text-decoration: underline;
}
.datablock td {
  height: 65px;
}
.divider {
  width:auto;
  border-bottom: 1px solid #e5e5e5;
  margin: 2px 0px 2px 75px;
}
.divider2 {
  width: auto;
  height: 1px;
  line-height: 0;
  font-size: 0;
  border-bottom: 1px solid #999;
  margin: 5px 0 7px 0;
}
.userphoto {
  width: 50px;
  height: 50px;
  float: left;
  border: 1px solid #b5b5b5;
  margin: 0px 3px 5px 0px;
  display: inline;
  overflow: hidden;
  text-align: center;
}
.userphoto img {
  height: 50px;
  border: 0px;
}
.name {
  font-family: Arial, sans-serif !important;
  font-weight: bold;
  font-size: 12px !important;
}
.name a:link, .name a:visited {
  color: #555 !important;
  text-decoration: underline !important;
}
/* hover color for friends page */
.name a:hover, .name a:active {
  color: #a5b44c;
  text-decoration: underline;
}
.timestamp {
  font-size: 10px !important;
  color: #888;
}
/***** end common styles from homepage redesign */

/***** redesigned interior page styles */
/* slideshow promo template on home and viewphotos */
#slideshowpromo {
  position: relative;
  width: auto;
  text-align: center;
  margin: -15px 0px 10px 0px;
  padding: 5px 0px;
}
#slideshowpromoFriends {
  width: auto;
  text-align:center;
  position: relative;
  margin: 0px 0px 10px 0px;
}
#slideshowpromotable {
  text-align: center;
  width: 443px;
  height: 63px;
  background: url(/images/slideshow_bg.gif) no-repeat;
  padding-left: 5px;
}
html>body #slideshowpromo {
  margin: -10px 0px 0px 0px;
}
#slideshowpromo2 {
  margin: 0px;
  padding: 0px;
}
#slideshowpromo img, #slideshowpromo2 img {
  margin: 0px;
  border: 0px;
}
#slideshowpromotable p, #slideshowpromo2 p {
  font-size: 12px;
  margin: 0px;
}
#slideshowpromo a, #slideshowpromo2 a {
  color: #ff4000 !important;
}
h1.photopage {
  font-size: 11px;
  margin: 5px 0px;
  font-weight: bold;
}
h1.photopage a:link, h1.photopage a:visited {
  color: #ff4000;
  text-decoration: none;
}
h1.photopage a:hover, h1.photopage a:active {
  color: #ff4000;
  text-decoration: underline;
}
#photoviewer {
  min-width: 950px;
  border: 1px solid #a5b44c;
  position: relative;
  background-image: url(/images/slide_right_tile.gif);
  background-repeat: repeat-y;
  background-position: right;
}

#shim {
  width: 950px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 0px;
  line-height: 0px;
}

/* slide_toolbar styles */
#slide_toolbar, #review_toolbar {
  padding: 6px 10px;
  position: relative;
}
#slide_toolbar h3 {
  color: #FFFFFF;
  height: 16px;
  float: left;
  display: inline;
  padding: 0px;
  margin: 3px 10px 0px 0px;
  font-size: 14px !important;
}
#review_toolbar h3 {
  color: #FFFFFF;
  height: 16px;
  float: left;
  display: inline;
  margin: 0px;
  padding: 0px;
  font-size: 14px !important;
}
#toggleviewg, #toggleviews, .toggleview {
  float: left;
  padding-top: 3px;
}
#toggleviewg a, #toggleviews a, .toggleview a {
  color: #FFFFFF;
}
#select {
  float: right;
  position: relative;
}
#select p {
  float: left;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0px 5px 0px 0px;
  margin: 0px;
}
html>body #select p {
  margin-top: 4px;
}
#select form {
  float: left;
  margin: 0px;
  padding: 0px;
}

/* rightcol styles */
#photos_rightcol {
  position: relative;
  float: right;
  margin: 0px;
  padding: 10px;
  width: 300px;
}
/*  \*/
* html #photos_rightcol {
  width: 321px;
}
/*  */
#photos_rightcol a:link, #photos_rightcol a:visited {
  color: #ff4000;
  text-decoration: none;
}
#photos_rightcol a:hover, #photos_rightcol a:active {
  color: #ff4000;
  text-decoration: underline;
}
#photos_rightcol h3 a:link, #photos_rightcol h3 a:visited {
  font-size: 13px !important;
  font-weight: bold;
  color: #983300;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}
#photos_rightcol h3 a:hover, #photos_rightcol h3 a:active {
  font-size: 13px !important;
  font-weight: bold;
  color: #983300;
  margin: 0px;
  padding: 0px;
  text-decoration: underline;
}
.viewprofile {
  font-size: 11px;
  font-weight: normal;
  color: #555;
  margin-left: 5px;
}
.viewprofile a {
  font-weight: normal !important;
  color: #ff4000 !important;
}
#photos_rightcol .redname {
  color: #983300;
  font-size: 13px;
}
#photos_rightcol .orangename {
  color: #ff4000;
}
#photos_rightcol ul {
  width: auto;
  margin: 10px 0px 10px 2px;
  padding: 0px;
  list-style-type: none;
  border: 1px solid #FFFFFF;
}
#photos_rightcol li {
  margin: 0px 0px 7px 0px
}
#rightcol li img {
  margin: 0px 2px 0px 0px !important;
}

/* photopane styles */
#photos_leftcol {
  width: auto;
  min-width: 615px;
  position: relative;
  padding: 5px 0px 0px 0px;
  margin: 0px 321px 0px 0px;
  text-align: center;
}
#review_leftcol, #privatephotos_leftcol {
  width: auto;
  min-width: 615px;
  position: relative;
  padding: 12px;
  margin: 0px 321px 0px 0px;
}
.introcopy {
  margin: 0px;
  padding: 10px;
}
#bottompane {
  width: auto;
  margin: 0px 0px 1px 0px;
  padding: 10px;
  border-top: 1px solid #a5b44c;
  position: relative;
  background: #FFFFFF;
  clear: right;
}
/* \*/
* html #bottompane {
  margin-bottom: 0px;
}
/* */
#caption {
  margin: 5px 0px 5px 0px;
  padding: 0px;
  height: 14px;
  text-align: center;
  color: #000;
}
#mainphotodiv {
  text-align: center;
}
#mainphoto {
  margin: 0px 0px 10px 0px;
}
#photodetail span {
  color: #555;
}
#photogallery {
  display: block;
  width: 568px;
  margin: 10px auto 20px auto;
  padding: 0px;
  text-align: center;
  position: relative;
}
#photogallery .photothumb {
  float: left;
  width: 140px;
  text-align: center;
  display: inline;
  padding: 0px;
  margin: 0px 0px 15px 0px;
}
#photogallery .photothumbFixedHeight {
  float: left;
  width: 140px;
  height: 165px;
  text-align: center;
  display: inline;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
#photogallery .thumbnail {
  border: 1px solid #555;
  background: #FFFFFF;
  width: 125px;
  height: 95px;
  padding: 0px;
  margin: 0px 0px 3px 5px;
  text-align: center;
  overflow: hidden;
  display: block;
}
#photogallery .thumbnail img {
  height: 95px;
  margin: auto;
}
#photogallery .thumbnail p {
  margin: 10px 10px 0 10px;
}
/* left sub col menu styles */
/* classes defines position and width */
.moduleShadow {
  width: 169px;
  margin: 1px 0px 10px 1px;
}
.moduleWrapper {
  position: relative;
  top: -1px;
  left: -1px;
}
/* ids define color and provide parents for styling control */
#reviewShadow {
  background: #13034a;
  position: relative;
}
#reviewModule {
  padding: 10px 0px;
  background: #D5EAEF;
  border: 1px solid #6c7175;
}
#reviewModule p {
  margin: 2px 0px;
  padding: 0px;
  font-size: 12px;
  font-weight: bold;
}
#reviewModule .divider {
  margin: 4px 10px;
  font-size: 0px;
  line-height: 0px;
  padding: 0px;
  height: 1px;
  border-bottom: 1px dashed #CCC;
}
#reviewModule p.title {
  padding: 2px 10px;
}
#reviewModule a:link, #reviewModule a:visited {
  width: 100%;
  margin: 0px;
  padding: 2px 10px;
  font-weight: normal;
  text-decoration: none;
  color: #449AAE;
}
#reviewModule a:hover, #reviewModule a:active {
  width: 100%;
  margin: 0px;
  padding: 2px 10px;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
  background: #449AAE;
}
#reviewModule a.selected {
  font-weight: bold !important;
  color: #fff !important;
  background: #449AAE;
}
/* bgcolors */
.greenbg {
  background: #a5b44c;
}
.ltgreenbg {
  background: #dbe1b7;
}

#grabPhotoTip {
  position: absolute;
  top: 156px;
  right: 35px;
  width: 300px;
  background: #12034A;
  z-index: 10059 !important;
}
#grabPhotoTipContent {
  position: relative;
  top: -1px;
  left: -1px;
  padding: 10px 2px 5px 10px;
  background: #E7E9F6;
  border: 1px solid #6C7175;
  z-index: 10060 !important;
}
#grabPhotoTipClose {
  position: absolute;
  top:2px;
  right: 2px;
}
.grabPhotoMiniClose {
  position: absolute;
  top: 4px;
  right: 6px;
}
#grabPhotoTipClose img, .grabPhotoMiniClose img {
  border: 0px;
}
/* subLeftCol creates a mini left column within the two column interior page layout */
/* #subLeftCol defines width and float so modules can be easily added into column */
#subLeftCol {
  width: 170px;
  position: absolute;
  left: 12px;
  top: 12px;
  display: inline;
  padding: 0px;
  margin: 0px;
}
* html #subLeftCol { left: 0px; }
/*\*/
#subLeftCol { left: 12px; }
/* */
#subRightCol {
  padding: 0px;
  margin: 0px 0px 0px 185px;
}
/***** end redesigned interior page styles */
/***** friends page styles */
.friendtabs {
  margin: 0px 0px 0px 20px;
  padding: 0px;
  display: inline;
  list-style-type: none;
  font-size: 12px !important;
  color: #555 !important;
  font-weight: normal !important;
}
.actionlink a:link, .actionlink a:visited {
  color: #ff4000;
}
.actionlink a:hover, .actionlink a:active {
  color: #ff4000;
}
.friendtabs li {
  display: inline;
  margin: 0px;
  padding: 0px 2px;
}
.friendtabs a {
  color: #718b2c !important;
  text-decoration: underline;
}
.friendtabs .selected {
  font-weight: bold !important;
}
/***** end friends page styles */


/*****  44 personalized URLS **/
/* in the edit username page*/
.personalURL {
  width: 409px;
  margin: 0 auto;
  font-size: 13px;
}

.personalURL .body {
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
  padding-bottom: 10px;
  padding-top: 10px;
}

.personalURL p {
  font-size: 12px;
  color: #555 !important;
  margin: 0;
}

.personalURL ul li {
  font-size: 12px;
  color: #555 !important;
}


.personalURL h2,
.personalURL .instructions,
.personalURL .username {
  margin-bottom: 20px;
}

.personalURL .instructions,
.personalURL .username {
  padding: 0 15px;
}

.personalURL input.urlinput {
  border: 1px solid #0099cc;
}

.personalURL .submitarea {
  text-align: center;
}

.personalURL .confirm,
.personalURL .confirm div,
.personalURL .created,
.personalURL .created div {
  text-align: center;
}

.personalURL .confirm div,
.personalURL .created div {
  margin-bottom: 10px;
}

.personalURL .confirm form {
  display: inline;
}

.personalURL .created .viewprofile {
  padding-top: 20px;
}

.personalURL .created a {
  color: #ff4000;
}
.personalURL .created a.purl {
  font-weight: bold;
}
.personalURL .created p { 
  padding: 0 10px;
}

.personalURL .deletepurl { 
  padding: 15px 10px 0 10px;
}

/*****  end 44 personalized URLS **/

/*** 45 profile/photo update FTF *****/
    #spheader { width: 100%; height: 34px; background-color: #EB8D1C; }
    #spheader .logo { width: 121px; height: 30px; margin: 2px 0 0 15px; }
    #spcontent { width: auto; margin: 0; text-align:center; font-weight:bold;}
    #spcontent p { margin:15px 0 !important; }
    #spteaser { width: 560px; display: block; border-bottom: #999 dotted 1px; padding: 0 0 18px 0; border-top: #999 dotted 1px; margin: 12px 15px 0 0; }
    #spteaser img { width: 148px; height: 98px; border: #000 solid 1px; float: left; }
    #spteaser_info { width: 380px; margin: 0 0 0 16px; float: left; line-height: 18px; }
    #spbuttondiv { width: 560px; text-align: right; margin: 6px 20px 0 0; }
    #sp h1 { font-size: 16px; color: #EB8D1C; margin: 2px 0 2px 0; }
    #sp p { line-height: 16px; margin: 9px 0 6px 0; }
    #sp ul { margin: 0 0 0 20px; }
    #sp li { line-height: 16px; margin: 10px 0 7px 0; }
    #sp a, #sp a:visited { color: #666; text-decoration: underline; }
    #sp a:hover { color: #ff8a00; text-decoration: underline; }

    /* general */
    .ftf {
      width: 750px;
      border: 3px solid #d5eaef;
      padding: 10px 10px;
      margin: 10px auto;
      color: #555;
      font-size: 11px;
    }

    .ftf .header {
      border-bottom: 1px solid #d5eaef;
      margin-bottom: 10px;
    }
    .ftf h1 {
      display: inline;
      margin-left: 5px;
      font-size: 16px;
      color: #449aae;
    }
    .ftf h1 .subheader{
      font-size: 10px;
      color: #555;
    }

    .ftf h2 {
      font-size: 14px;
      color: #449aae;
    }
    
    .ftf .addresses {
      border-bottom: 1px solid #d5eaef;
    }
    .ftf .addresses, 
    .ftf .message {
      padding-bottom: 10px;
      margin-bottom: 10px;
    }

    .ftf #pick_friends,
    .ftf #pick_emails {
      float: left;
      width: 48%;
    }
    .ftf select,
    .ftf #pick_subject input,
    .ftf textarea {
      border: 1px solid #d5eaef;
    }
    .ftf select {
      width: 300px;
      height: 80px;
    }
    .ftf #pick_emails textarea {
      width: 300px;
      height: 80px;
    }
    .ftf #pick_subject {
      margin-bottom: 10px;
    }
    .ftf #pick_message {
      margin-bottom: 10px;
    }
    .ftf #pick_subject input {
      width: 635px;
    }
    .ftf #pick_message textarea {
      width: 635px;
      height: 90px;
    }


/*** component:  module box ***/

/* Heading Styles */
h1.sn, h2.sn { position: relative; font-size: 18px !important; padding: 4px 0 6px 0; margin: 0; }
* html h2.sn { padding: 8px 0 10px 0; }
h1 span.sn, h2 span.sn { font-size: 12px; font-weight: normal; }
h1.snhome { font-size: 14px; font-weight: bold; margin: 0 0 3px 0; padding: 0; }
h3.sn { font-size: 14px !important; font-weight: bold; margin: 0 0 7px 0; padding: 0; }

/* Copy Styles */
p.sn_12pxtext { margin: 6px 0; padding: 0; }
.sn_grey { color: #555555; }
.sn_orange { color: #ff4400; }
.sn_green, a.sn_green, a.sn_green:hover { color: #666666; }
.sn_greenbg { background: #666666; }
.sn_greenbor { border: 1px solid #666666; }

.sn_dkgreen, a.sn_dkgreen, a.sn_dkgreen:hover { color: #587F02; }

.sn_ltgreen { color: #eaead7; }
.sn_ltgreenbg { background: #F4F4EB; }

.sn_blue, a.sn_blue, a.sn_blue:hover { color: #666666; }
.sn_bluebg { background: #68A6BA; }
.sn_bluebor { border: 1px solid #68a6ba; }

.sn_dkblue, a.sn_dkblue, a.sn_dkblue:hover { color: #666666; }
.sn_dkbluebg { background: #666666; }
.sn_dkbluebor { border: 1px solid #666666; }

.sn_ltbluebg { background: #ffffe0; }
.sn_ltbluebg2 { background: #666666; }

.sn_pipewhite { margin: 0 5px; color: #fff }
.sn_pipeorange { margin: 0 5px; color: #ff4000; }
.sn_white, a.sn_white:link, a.sn_white:visited, a.sn_white:hover, a.sn_white:active { color: #fff !important; }
.sn_10pxtahoma { font-size: 10px; font-family: Tahoma, Verdana, sans-serif; }
.sn_10pxtext { font-size: 10px !important; }
.sn_11pxtext { font-size: 11px !important; }
.sn_12pxtext { font-size: 12px !important; }
.sn_14pxtext { font-size: 14px !important; }

/* Module Styles */
.module { width: 300px !important; margin: 0 auto !important; }
.sn_commonbox {
  position: relative;
  width: auto;
  margin: 0 0 10px 0;
  padding: 0;
}
/* \*/
* html .sn_commonbox { height: 1%; }
/* */
.sn_boxcontent {
  position: relative;
  margin: 2;
  padding: 0px 0px;
  font-size: 11px;
}
.sn_promocontent {
  position: relative;
  margin: 0;
  padding: 10px 10px 0 10px;
}
.sn_scroll {
  height: 218px;
  margin: 0;
  padding: 10px 0 10px 10px !important;
  overflow: scroll;
  overflow: -moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: scroll;
  clear: left;
}
.sn_subnav {
  padding: 7px 10px;
  margin: 0 -10px 10px -10px;
  font-weight: bold;
  color: #FFFFFF;
}
.sn_subnav3 {
  padding: 7px 10px;
  margin: 0 -10px -7px -10px;
  color: #ffffff;
}
.sn_subnav span, .sn_subnav3 span { margin: 0 3px; color: #FFFFFF; }
.sn_subnav a, .sn_subnav3 a { font-weight: normal !important; color: #FFFFFF !important; }
.sn_closeX { position: absolute; top: 10px; right: 10px; }

/*
  Basic Tab Module: Default color is green. Add color class such as dkBlueTabModule to
  outermost div to change color scheme.
*/
.tabModulePane { position: relative; }
.tabModuleTabs { position: relative; display: block; padding: 0; margin: 0; width: auto; background: url(/images/greendot.gif) repeat-x bottom left; }
.tabModuleTabs div.tab a { color: #000000; text-decoration: none; }
.tabModuleTabs div.tab a:hover { text-decoration: underline !important; }
.tabModuleTabs div.tab { font-weight: bold; border: 1px solid; padding: 3px 7px; margin: 0 -1px 0 0; float: left; display: inline; position: relative; border-color: #000000; color: #000000; background: #E8F1D0; }
.tabModuleTabs div.selected { border-bottom: 1px solid #FFFFFF !important; background: #FFFFFF !important;  }
.tabModuleTabs div.plug { position: absolute; left: -1px; bottom: -1px; width: 1px; height: 1px; font-size: 0; line-height: 0; margin: 0; padding: 0; background: url(/images/greendot.gif) no-repeat bottom left; }
/* \*/
* html .tabModuleTabs div.plug { bottom: -2px; }
/* */
.tabModuleContent { border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; padding: 0; margin: 0; border-color: #000000; }
.tabModuleContentEmpty { padding: 20px; }
.tabModuleMorelink a, .tabModuleMorelink a:link, .tabModuleMorelink a:visited, .tabModuleMorelink a:active { color: #000000 !important; }
.tabModuleMorelink a:hover { text-decoration: underline !important; }
.tabModuleMorelink { position: relative; text-align: right; font-weight: bold; border-top: 1px solid; padding: 3px 7px; margin: 0; border-color: #000000; background: #E8F1D0; color: #000000; text-decoration: none; }

.ltBlueTabModule .tabModuleTabs { background: url(/images/ltbluedot.gif) repeat-x bottom left; }
.ltBlueTabModule .tabModuleTabs div.tab { border-color: #666666; color: #666666; background: #ffffe0; }
.ltBlueTabModule .tabModuleTabs div.tab a { color: #666666; text-decoration: none; }
.ltBlueTabModule .tabModuleTabs div.plug { background: url(/images/ltbluedot.gif) no-repeat bottom left; }
.ltBlueTabModule .tabModuleContent { border-color: #666666; }
.ltBlueTabModule .tabModuleMorelink { border-color: #666666; background: #FFFFFF; color: #666666; text-decoration: none; }
.ltBlueTabModule .tabModuleMorelink a, .ltBlueTabModule .tabModuleMorelink a:visited, .ltBlueTabModule .tabModuleMorelink a:active { color: #666666 !important; }

/* home page tabs, will only work inside of a 490px container or layout column */
.sn_hometabs {
  position: relative !important;
  height: 21px !important;
  margin: 0 !important;
  padding: 0px !important;
  width: auto !important;
  text-align: center !important;
}
.sn_hometabs div.tab {
  width: 77px !important;
  height: 15px !important;
  float: left !important;
  margin-left: 2px !important;
  background: url(/images/sn_tabbutton_bg.gif) repeat-x;
  text-align: center !important;
  padding-top: 1px !important;
}
/* \*/
* html .sn_hometabs div.tab {
  width: 79px !important;
  height: 19px !important;
}
* html .sn_hometabs div.firstTabIE { margin-left: 1px !important; }
.sn_hometabs a {
  font-size: 11px !important;
  font-weight: bold !important;
  color: #587F02 !important;
  text-decoration: none !important;
}
/* */
/* end component: tabs */

/*** subcomponent: links ***/
a.sn_name, a.sn_name:link, a.sn_name:visited, a.sn_name:hover, a.sn_name:active {
  font-weight: bold !important;
  color: #ff4000 !important;
  text-decoration:none;
}
a.sn_link, a.sn_link:link, a.sn_link:visited, a.sn_link:hover, a.sn_link:active {
  font-weight: normal !important;
  color: #ff4000 !important;
  text-decoration: none;
}
ul.sn_optionlinks {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}
ul.sn_optionlinks li {
  display: inline;
  margin: 5px 0 0 0;
  padding: 0;
}
/* end subcomponent: links */

/*** subcomponent: 1 and 2 col layouts - picture on left, data on right, or just data for 1 col ***/
.sn_2col { 
  padding: 0;
  margin: 0 0 10px 0;
  position: relative;
}
.sn_2colborder {
  padding: 0 0 5px;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
.sn_divider {
  border-bottom: 1px solid #999;
  padding: 0;
  margin: 0 0 10px 0;
}
.sn_10padding { padding: 7px 10px !important; }
.sn_whatsnew_leftcol { float: left; display: inline; width: 244px !important; padding-bottom: 10px; }
.sn_whatsnew_rightcol {float: left; display: inline; width: 48%; border-left: 1px dotted #8bb716; padding-bottom: 5px; }
.sn_whatsnew_hdr { font-size: 12px !important; font-weight: bold; margin-bottom: 5px; }
ul.sn_orangearrowsul { margin: 0 0 0 14px; padding: 0px; list-style-image:url(/images/sn_orangearrow.gif); }
li.sn_orangearrowsli { margin: 2px 0 0 5px; }
/* image divs for left side by img size */
.imgblock50 {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border: 1px solid #555;
  text-align: center;
  background: #FFFFFF;
}
.imgblock50 img {
  height: 50px;
  border: 0px;
  margin: 0px auto;
  padding: 0px;
}
.imgblock65 {
  display: block;
  width: 65px;
  height: 65px;
  overflow: hidden;
  border: 1px solid #555;
  text-align: center;
  background: #FFFFFF;
}
.imgblock65 img {
  height: 65px;
  border: 0px;
  margin: 0px auto;
}
.imgblock85 {
  display: block;
  width: 65px;
  height: 65px;
  overflow: hidden;
  border: 1px solid #555;
  text-align: center;
  margin: 0 auto;
  background: #FFFFFF;
}
.imgblock85 img {
  height: 65px;
  border: 0px;
  margin: 0px auto;
}
/* float left for use in 2 col layout item must include all classes of imgblocks above */
.sn_2col .imgblock85, .sn_2col .imgblock50, .sn_2col .imgblock65,
.sn_2colborder .imgblock85, .sn_2colborder .imgblock50, .sn_2colborder .imgblock65 {
  float: left !important;
  display: inline !important;
}
/* small bottom margin for grid4 item */
.sn_grid4item .imgblock85, .sn_grid4item .imgblock50 {
  margin-bottom: 5px;
}
/* data divs for right side by image size */
.data50 {
  width: auto;
  margin: 0 0 0 60px;
  padding: 0;
  font-size: 11px;
}
.data65 {
  width: auto;
  margin: 0 0 0 75px;
  padding: 0;
}
.data85 {
  width: auto;
  margin: 0 0 0 95px;
  padding: 0;
}
.sn_data_halfcol {
  width: 49%;
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
}
/* data div for 1 col */
.sn_data { margin:0; padding: 0; }
/* end subcomponent: 2 col layouts */

/*** subcomponent: grid 4 layouts ***/
.sn_grid4row {
  position:relative;
  padding: 10px 0px 10px 10px;
  margin: 0 auto;
  text-align: center;
}
.sn_grid4item {
  position: relative;
  float: left;
  display: inline;
  width: 24%;
  text-align: center;
  padding: 0;
  margin: 0;
}
/* center text in grid4item divs */
.sn_grid4item div { text-align: center; }
/* end subcomponent: grid 4 layouts */

/*** subcomponent: paging links ***/
.sn_paginglinksdiv {
  display: block;
  height: 35px;
  padding: 5px 0 0 0 !important;
}
.sn_paginglinks {
  font-weight: bold;
  padding: 0;
  margin: 1px 0 0 3px;
}
.sn_pagebox {
  font-weight: bold;
  color: #ff4000;
  padding: 3px 7px;
  display: inline;
  margin: 1px 3px 0 0;
  border: 1px solid #8bb716;
}
.sn_pagebox_link {
  background: #eaead7;
}
.sn_pagebox_link a:link, .sn_pagebox_link a:visited, .sn_pagebox_link a:hover, .sn_pagebox_link a:active {
  color: #ff4000;
  font-weight: bold;
  text-decoration: none;
}
/* end subcomponent: paging links */

/*** misc ***/
/* presence icon styles necesary cuz of uncontrollable img sizing on user page */
.sn_onlineicon {
  text-align: center;
  margin: 5px auto;
  display: block;
}
.sn_onlineicon img {
}
.sn_blue_ctb {
  border-top: 1px solid #086a89 !important;
  margin: 5px -0px 0 -0px;
  padding: 5px 10px 0 10px;
  text-align: center;
  z-index: 5007;
}

.galDefault {
  font: 12px Arial;
  font-weight: normal;
  color: #555555;
}

.galpage {
  font: 18px Arial;
  font-weight: bold;
  color: #8BB817;
}
p.galLink {
  display: block !important;
}
.galLink a {
  color: #FF4000;
  text-decoration: none;
}

.galLink a:hover {
  color: #FF4000;
  text-decoration: underline;
}

.galNavigation {
  font: 12px Arial;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #8BB817;
}

.galNavigation a, .galNavigation a:link, .galNavigation a:visited, .galNavigation a:hover, .galNavigation a:active {
  font-weight: normal;
  color: #FFFFFF;
}

/* fads styles */
#sn_fadsdiv { margin: 0 0 10px 0; border: 1px solid #A6A69A; text-align: left;
              height: 24px; margin-top: 5px !important; padding: 5px 0 0 10px; 
              position: relative; font-family: Tahoma, Arial, Sans-serif; }
/* \*/
* html #sn_fadsdiv { height: 29px; }
/* */
#sn_fadsdiv img { float: right; display: inline; margin: -3px 5px 0 0; }
.sn_fads_title a { color: #08699F; text-decoration: none; font-size: 15px !important; }
.sn_fads_url a { color: #FF4400; text-decoration: underline; font-size: 15px !important; }

.sn_panel_hdr { font-size: 14px !important; font-weight: bold; margin: 0 0 5px 5px; }

#controlPanel { position: relative; z-index: 1; }
/* Popup Panels (Shoutouts, Horoscopes) */
/* shared panel styles */
.popupPanelLink { display: block; z-index: 199 !important; position: relative; }
.popupPanelClass { margin: 0; padding: 7px 10px !important; border: 2px solid #68A6BA; background: #FFFFFF; position: absolute; z-index: 2000 !important; }
.popupPanelClass div, .popupPanelClass input { margin: 3px 0; }

/* specific panel styles */
.shoutoutPanel { width: 200px; left: -1px; top: 20px; }
.horoscopePanel { width: 260px; left: 88px; top: 60px; }
.photobucketPanel { width: 220px; height: 475px; left: 480px; top: 200px; padding: 28px 0 0 0 !important; }
#horoscopePanel h2 img { margin: 0 0 -5px 0; }

/* Video Page styles */
#videoPlayer {
  width: 350px;
  background: url(/images/videoPlayerBg.jpg) no-repeat;
  margin: 40px 0 10px 0;
}

#videoPlayerBase {
  width: 350px;
  height: 10px;
  line-height: 1px;
  font: 2px;
  background: url(/images/videoPlayerBot.gif) no-repeat;
}

.selectedVideo {
  background: url(/images/gradient.gif) repeat-x bottom left;
}

.viewedVideo {
  width: 49px;
  height: 14px;
  padding: 3 auto;
  background: url(/images/viewed.gif) no-repeat;
}


 .ch12{
 font-size: 11px;
 color: #77804A;
 font-weight: bold;
 font-family: tahoma;
 }             

 .pr_name{
 font-size: 12px;
 font-weight: bold;
 text-transform: uppercase;
 text-decoration: none;
}

 .ch13{
 font-size: 13px;
 color: #77804A;
 font-weight: bold;
 font-family: tahoma;
 }  


.hold        {
        position:relative; overflow:hidden;
        width:700px; height:150px; z-index:100
        }
.wn  {
        position:absolute;
        left:0px; top:8px;
        width:700px; height:150px;
        clip:rect(0px, 700px, 150px, 0px);
        overflow:hidden;
        z-index:1;
        }

.hold_sm {
position:relative; overflow:hidden;
width:240px; height: 90px; z-index: 100
}

.wn_sm {
        position:absolute;
        left:0px; top:8px;
        width:450px; height:110px;
        clip:rect(0px, 450px, 110px, 0px);
        overflow:hidden;
        z-index:1;
        }

.hold_smt {
position:relative; overflow:hidden;
width:240px; height: 120px; z-index: 100
}

.wn_smt {
        position:absolute;
        left:0px; top:8px;
        width:450px; height:140px;
        clip:rect(0px, 450px, 140px, 0px);
        overflow:hidden;
        z-index:1;
        }

.hold_xsm {
position:relative; overflow:hidden;
width:180px; height: 90px; z-index: 100
}

.wn_xsm {
        position:absolute;
        left:0px; top:8px;
        width:320px; height:110px;
        clip:rect(0px, 320px, 110px, 0px);
        overflow:hidden;
        z-index:1;
        }

.hold_med {
position:relative; overflow:hidden;
width:240px; height: 140px; z-index: 100
}
.wn_med {
        position:absolute;
        left:0px; top:8px;
        width:240px; height:130px;
        clip:rect(0px, 650px, 130px, 0px);
        overflow:hidden;
        z-index:1;
        }


.lyr        {
        position:absolute; visibility:hidden;
        left:0px; top:0px;
        z-index:1;
        }

.tabModuleTabs_nobg { position: relative; display: block; padding: 0; margin: 0; width: auto; }

.tabModuleTabs_white { position: relative; display: block; padding: 0; margin: 0; width: auto; background-color: #FFF}


.hold_lg        {
        position:relative; overflow:hidden;
        width:450px; height:130px; z-index:100
        }
.wn_lg  {
        position:absolute;
        left:0px; top:8px;
        width:450px; height:130px;
        clip:rect(0px, 450px, 130px, 0px);
        overflow:hidden;
        z-index:1;
        }

.comment { font-size: 12px; }


.borDkGrey{border:1px solid #666;}
.bgGrey{background:#E5E5E5;}
.noMar{margin:0;}
.bgDkGrey{background:#666;}
.txtDkGrey{color:#666;}
.txtDkRed{color:#8B0000;}

.txtWhite{color:#FFF;}
.borBlack{border:1px solid #000;}


.hold_tall {
position:relative; overflow:hidden;
width:140px; height: 540px; z-index: 100
}
.wn_tall {
        position:absolute;
        left:0px; top:8px;
        width:140px; height:530px;
        clip:rect(0px, 140px, 530px, 0px);
        overflow:hidden;
        z-index:1;
        }



a.tab_link_off, a.tab_link_off:visited {
    font-family: Verdana;
    text-decoration: none;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
}

a.tab_link_on, a.tab_link_on:visited {
   font-family: Verdana;
   text-decoration: none;
   font-size: 12px;
   color: #000000;
   font-weight: bold;
   vertical-align: top;
   text-align: center;
}

a.tab_link_off:hover {
   text-decoration: underline;
}

a.tab_link_on:hover {
   text-decoration: underline;
}


.small_text {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
}

div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336;
  width:250px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}