/* Deprecated Styles Include */
@import url("deprecated.css");

.moduleMargin { /* temporary style - all flexpub positions need to be changed so that they don't use this class */
margin-bottom:35px;
}

.a-col .moduleMargin, .a-col .Flexpub { /* this is to keep flexpub content from breaking layouts */
width: 188px;
overflow: hidden;
}

/* Global Styles */
* {
padding: 0;
margin: 0;
}

body {
background: #CCCCCC url(/graphics/refresh/background/main.gif) repeat-x top;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #666;
}

body#frame-page { background: #fff none; } /* override for iframe pages so they won't get the gray background */

p 	{
margin: 5px 0;
}

ul, ol {
list-style-type: none;
}

fieldset {
border: none;
}

legend, .hide, .ui-tabs-hide, .discussions th span, #popup-header a.close-window span, ul.profileIcons li a span {
display: none;
}

a.show-object {
padding-left: 18px;
background: url(/graphics/arrows/arrow_red_up.gif) 6px center no-repeat;
}

a.hide-object {
padding-left: 18px;
background: url(/graphics/arrows/arrow_red_down.gif) 6px center no-repeat;
}

img {
border: 0px;
}

a:link {
color: #3385D6;
text-decoration: none;
outline: none;
}

a:visited {
color: #3385D6;
text-decoration: none;
outline: none;
}

a:hover {
color: #3385D6;
text-decoration: underline;
}

.grayLink {
  color: #666;
}

#topRosDiv {
  display: block;
  clear: both;
  margin-bottom:10px;
}

#sectionNav li.on a:hover, .subNav ul li.selected a:hover, .dashboardHighlight a:hover, .ui-tabs-selected a:hover, .tabs .current a:hover, #logo a:hover, a.btn-hover:hover, a.btn-hoverPN:hover, a.btn-dead:hover {
text-decoration: none;
}

.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 0;
height: 0;
overflow: hidden;
}
.textLeft {
text-align: left;
}

.textRight {
text-align: right;
}

td, input, select, option{
font-size: 11px;
}

.hidden {
visibility: hidden;
}

.alert, a.alert, a.alert:link, a.alert:visited, a.alert:hover {
color: #FF0000;
}
.alertBorder {
border: 1px solid #FF0000;
color: #FF0000;
}

ul.static {
list-style-type: disc;
}

ul.static li, ol.static li {
margin-left: 30px;
}

ul.inlineForm li {
display: block;
float: left;
margin-right: 3px;
}

ul.inlineForm input {
padding:3px 7px;
}

.emph, .albumTitle a {
font-weight: bold;
}

.deEmph {
color: #666;
}

.private {
padding-left: 14px;
background: url(/graphics/icons/labels/lock.gif) no-repeat;
}

a.show-object {
padding-left: 18px;
background: url(/graphics/arrows/arrow_red_up.gif) 6px center no-repeat;
}

a.hide-object {
padding-left: 18px;
background: url(/graphics/arrows/arrow_red_down.gif) 6px center no-repeat;
}

/* New main layout */

#container {
width: 1004px;
text-align: center;
margin: 0 auto;
}

#mainContainer {
width: 980px;
background-color: #FFF;
margin: 0 auto;
text-align: left;
padding-bottom: 20px;
}

.dashboardHighlight {
background-color: #FFF;
}

.a-col {
width: 188px;
float: left;
padding-left: 15px;
}

.ab-col {
width: 630px;
float: left;
padding: 17px 0 0 15px;
overflow: hidden;
}

.b-col {
width: 425px;
float: left;
overflow: visible;
  /* overflow changed for bug 78050 and c-col padding */
}

.b-col.search, .b-col.photos, .b-col.story, .b-col.friendsList, .b-col.bb {
width: 565px;
float: left;
margin-right: 20px;
overflow: hidden;
}

.c-col {
float: left;
width: 300px;
overflow: hidden;
padding-left: 20px !important;
padding-left: 10px;
}

.skyScraper {
width: 160px;
float: left;
padding-top: 5px;
}

li.buttons, p.soloButton {
display: block;
clear: both;
text-align: right;
}

ul.buttons {
float: right;
}

ul.buttons li {
float: left;
}

.bc-col {
width: 745px;
overflow: hidden;
padding: 10px 0 0 17px !important;
padding: 10px 0 0 15px;
}

.abc-col {
padding: 17px 15px 0 15px;
}

.a-col p, .b-col p, .c-col p, .ab-col p, .abc-col p {
margin-bottom: 1em;
}


/* Header */

#topAd {
width: 980px;
margin: 0 auto;
padding: 10px 0;
background: #0C2653;
}

#header {
width: 1004px;
margin: 0 auto;
background: #132b55 url(/graphics/dashboard/header-top.jpg) left top no-repeat;
padding: 0;
}

#header .inner {
text-align: left;
padding: 27px 27px 0 27px;
background: url(/graphics/dashboard/header-bottom.png) left bottom no-repeat;
}

.no-nav #logo {
margin-bottom: 27px;
}

#logo {
display: block;
float: left;
width: 241px;
height: 41px;
background: url(/graphics/refresh/cmoLogo.png);
}

#logo span {
width: 241px;
height: 41px;
visibility: hidden;
}

#frmSearch {
width: 565px;
line-height: 25px;
padding-left: 28px;
float: left;
margin-top: 7px;
}

.txtSearchLink {
width: 139px;
height: 10px;
font-size: 9px;
position: relative;
text-align: center;
margin: -10px 0;
float: right;
}

.txtSearchLink:link, .txtSearchLink:visited {
color: #f8992f;
text-decoration: none;
}

.txtSearchLink:hover {
color: #f8992f;
text-decoration: underline;
}

/* Top Global Nav*/

#mainNav {
display: block;
clear: both;
width: 763px;
position: relative;
left: 187px;
background: url(/graphics/refresh/navtabs/nav-tabs.gif) right -600px no-repeat;
}

#mainNav .navWrapper {
display: block;
float: none !important;
float: left;
width: 100%;
background: url(/graphics/refresh/navtabs/nav-shadow.gif) left bottom repeat-x;
}

#mainNav a {
cursor: pointer;
}

#mainNav ul, #mainNav ul li, #mainNav ul li a, #mainNav ul li a span {
display: block;
float: left;
}

#mainNav span.clear {
float: none;
height: auto;
}

/* Top nav links to Sections (communities, profile, message center) */

#sectionNav {
background: url(/graphics/refresh/navtabs/nav-shadow.gif) left bottom repeat-x;
}

#sectionNav li {
padding: 0 0 0 5px;
background: url(/graphics/refresh/navtabs/nav-tabs.gif) left -300px no-repeat;
margin-bottom: 6px;
letter-spacing: -.1px;
word-spacing: -1px;
}

#sectionNav li a, #sectionNav li a:visited {
font-size: 11px;
color: #fff;
font-weight: bold;
padding: 7px 8px 7px 0;
background: url(/graphics/refresh/navtabs/nav-tabs.gif) right -300px no-repeat;
}

#sectionNav li.on {
background: url(/graphics/refresh/navtabs/nav-tabs.gif) left -900px no-repeat;
border-bottom: 6px solid #fff;
margin-bottom: -6px !important;
margin-bottom: 6px;
}

#sectionNav li.on a, #sectionNav li.on a:visited {
color: #000;
background: url(/graphics/refresh/navtabs/nav-tabs.gif) right -900px no-repeat;
}

#sectionNav li#messages {
padding: 0;
}

#sectionNav li#messages a, #sectionNav li#messages a:visited {
width: 124px;
background: url(/graphics/refresh/navtabs/message-center.gif) right top no-repeat;
}

#sectionNav li#messages.on {
background: url(/graphics/refresh/navtabs/nav-tabs.gif) left -300px no-repeat;
}

#sectionNav li#messages a span {
visibility: hidden;
}

/* Top nav user actions (invite friend, account, etc.) */

#userActions {
padding-bottom: 6px;
}

#userActions li {
padding: 0 0 0 7px;
_padding: 0 0 0 4px;
background: url(/graphics/refresh/navtabs/user-action-bullet.gif) left 75% no-repeat;
}

#userActions li a, userActions li a:visited {
color: #D1DCEE;
font-size: 9px;
padding: 8px 3px 0 0;
letter-spacing: -.2px;
word-spacing: -1px;
}

#userActions li.first {
background: url(/graphics/refresh/navtabs/nav-tabs.gif) left -600px no-repeat;
}

#userActions li.first a {
padding-bottom: 7px;
}

/* Sub-navigation tabs */

.subNav {
background: url(/graphics/refresh/navtabs/sub-nav.gif) left bottom repeat-x;
color: #000;
height: auto !important;
height: 1em;
}

.bc-col .subNav {
margin-bottom: 5px;
}

.subNav p {
float: right;
}

.subNav p.report-link {
padding-left: 5px;
}

.subNav p.report-link a {
padding-left: 5px;
border-left: 1px solid #000;
}

.subNav ul {
display: block;
float: left;
}

.subNav ul li {
display: block;
float: left;
border-bottom: 1px solid #CED4DD;
font-weight: bold;
padding: 0 0 0 15px;
background: url(/graphics/refresh/navtabs/nav-tabs.gif) left -1500px no-repeat;
}

.subNav ul li a, .subNav ul li span {
display: block;
float: left;
padding: 5px 15px 4px 0;
background: url(/graphics/refresh/navtabs/nav-tabs.gif) right -1500px no-repeat;
}

.subNav ul li.selected {
border-bottom: 1px solid #fff;
background: url(/graphics/refresh/navtabs/nav-tabs.gif) left -1200px no-repeat;
}

.subNav ul li.selected a, .subnav ul li.selected a:link, .subnav ul li.selected a:visited, .subNav ul li.selected span {
color: #000;
background: url(/graphics/refresh/navtabs/nav-tabs.gif) right -1200px no-repeat;
}

.uiTabs, .ui-tabs-nav {
display: block;
clear: both;
margin: 10px 0;
}

.uiTabs li, .ui-tabs-nav li {
display: inline;
font-weight: bold;
color: #000;
}

.uiTabs li a, .ui-tabs-nav li a {
display: inline;
margin: 0 9px 0 0;
padding-right: 12px;
border-right: 1px solid #999;
}

.inlineLinks {
padding: 5px 0;
}

.inlineLinks.prevNext {
padding: 0 0;
}

.inlineLinks li {
display: inline;
}

.inlineLinks li a, .inlineLinks li span {
display: inline-block;
margin: 0;
padding: 0 5px 0 1px;
border-right: 1px solid #999;
}

.uiTabs li.last a, .ui-tabs-nav li.last a, .inlineLinks li.last a, .inlineLinks li.last span {
border: none;
margin: 0;
}

.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}

.ui-tabs-selected a:link, .ui-tabs-selected a:visited {
color: #000;
}

.ui-tabs-panel {
background: #ffffff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/* Main dashboard */
#mainDashBoard {
width: 188px;
overflow: hidden;
text-align: left;
padding-bottom: 21px;
background: url(/graphics/dashboard/dashBottom.png) 0 bottom no-repeat;
position: relative;
top: -33px;
margin-bottom:-8px;
}

#mainDashBoard h3 {
display: block;
width: 175px;
font-size: 11px;
margin: 0;
padding: 0 0 0 12px;
background: url(/graphics/refresh/navtabs/nav-tabs.gif) left top no-repeat;
border-top: none;
}

#mainDashBoard h3 a, #mainDashBoard h3 a:visited {
color: #0C2653;
display: block;
padding: 7px 12px 7px 0;
background: url(/graphics/refresh/navtabs/nav-tabs.gif) right top no-repeat;
}

#mainDashBoard ul {
background: #f6f5f5 url(/graphics/dashboard/dashShadow.png) right top repeat-y;
padding-right: 5px;
margin: 0;
padding: 0;
}

#mainDashBoard ul li {
display: block;
width: 161px;
padding: 6px 12px 7px 12px;
font-size: 11px;
border-bottom: 1px dotted #8FACDB;
margin: 0;
}

#mainDashBoard ul li.last {
border-bottom: none;
}

#mainDashBoard ul li.all-groups {
border-bottom: none;
padding-bottom: 0;
}

#mainDashBoard ul li.addMore a {
display: block;
padding-left: 16px;
background: url(/graphics/dashboard/icons/add_sm.png) left center no-repeat;
}

#mainDashBoard ul li a.selDashLink {
font-weight: bold;
color: #000;
}

#mainDashBoard ul li a.alert {
padding-left: .5em;
}

#mainDashBoard ul.my-groups {
background: none;
padding: 0;
border: 0;
}

#mainDashBoard ul.my-groups li {
border-bottom: none;
padding: 0 5px 0 10px;
width: 146px;
color: #000;
font-weight: bold;
}

#mainDashBoard ul.my-groups li a {
font-weight: normal;
}

/* new header styles */

div.s1, div.s4 {
display: block;
clear: both;
}

div.s4 {
margin-bottom: 10px;
}

div.s1 h1, h1.s1, div.s1 h2, h2.s1, h1.s2, h2.s2, div.s2 h2, p.s2 {
color: #0c2653;
font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
font-size: 22px;
}

div.s2 h2{
color: #0c2653;
font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
font-size: 20px;
padding-bottom: 10px;
}

h2.s2 {
font-size: 20px;
display: block;
clear: both;
}

div.s1 h1, div.s1 h2, div.s4 h2, div.s4 h3, div.s5 h2, div.s2 h2, div.s6 h2 {
float: left;
clear: none;
}

h1.s1, h2.s1, h1.s2, h2.s2, div.s1 h1, legend.s2 {
margin-bottom: 10px;
}

h1.s2, h2.s2, div.s2 {
padding-bottom: 10px;
border-bottom: 1px solid #91aad2;
}

div.s2 {
padding-bottom: 0;
border-bottom: 1px solid #91aad2;
}

div.s1 ul, div.s4 ul {
float: right;
padding: 11px 0 5px 0;
}

div.s1 ul.tabs, div.s4 ul.tabs {
float: left;
padding: 0 0 10px 0;
margin-left: -.8em;
}

div.s1 ul li, div.s4 ul li {
float: left;
padding: 0 .5em 0 .5em;
border-right: 1px solid #999;
color: #000;
}

div.s1 ul li a, div.s4 ul li a {
float: none;
padding: 0;
}

div.s1.no-nav {
border-bottom: 1px solid #cccccc;
padding-bottom: 0;
margin-bottom: 0;
}

div.s1 p, div.s2 p {
float: right;
padding-top: 5px;
}

div.s4 p, div.s5 p, div.s6 p {
float: right;
margin-bottom: 0;
}

div.s1 h3.location, div.s1 h2.location {
float: right;
color: #0c2653;
font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
text-transform: uppercase;
font-size: 16px;
background: transparent;
padding: 5px 0 0 0;
}

div.s1 a.all, div.s1 a.all:visited {
font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
color: #0066cc;
font-size: 14px;
font-weight: bold;
text-transform:capitalize;
}

div.subNav a.all {
font-weight: bold;
text-transform: capitalize;
}

h2 .past, h3 .past {
color: #808080;
}

h2.s4, h3.s4, .s4 h2, .s4 h3, h2.s5, div.s5 h2, div.s4 ul.tabs li, div.s4 ul.tabs li.off a, .heading {
font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
color: #0c2653;
font-size: 16px;
font-weight: bold;
text-transform: capitalize;
padding: 0 0 10px 0;
background: none;
}

div.s4 ul.tabs li {
padding: 0 .5em;
}

div.s4 ul.tabs li.current a {
color: #0C2653;
}
div.s4 ul.tabs li.off a {
color: #3385D6;
}
div.s1 ul li.last, div.s4 ul li.last {
padding: 0 0 0 .5em;
border-right: none;
}
div.s1 ul li.first, div.s4 ul li.first {
padding-left: 0;
}

h2.s4, div.s4 {
border-bottom: 1px solid #91aad2;
}
.s3 {
font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
color: #666;
}

h3.s3 {
display: block;
clear: both;
margin: 10px 0;
}

.s5 {
border-bottom: 1px dotted #8facdb;
margin-bottom: 10px;
}

.s6 {
font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
color: #0c2653;
padding-bottom: 10px;
}

.s7 {
font-size: 11px;
font-weight: bold;
margin: 10px 0;
}

.thumbFrame {
display: block;
width: 80px;
height: 80px;
border: 1px solid #ccc;
background-position: center;
background-repeat: no-repeat;
}

.thumbFrame span, .thumb span {
display: none;
}

/* CSS Buttons */

/* Global button styles */

.btn-hover, .btn-dead, .btn-action, .btn-hoverPN {
background: transparent;
padding: 0;
border: 0;
cursor: pointer;
width: auto;
overflow: visible;
position: relative;
}

/* default hover button styles */

button.btn-hover .outer, a.btn-hover, a.btn-hoverPN{
background: url(/graphics/buttons/btn-default-sprite.png) 0px center no-repeat;
border: 1px solid #a2b9c9;
display: block;
position: relative;
padding: 3px 16px;
cursor: pointer;
}

a.btn-hover, a.btn-hover span, a.btn-dead, a.btn-hoverPN, a.btn-hoverPN span {
float: left;
font-size: 100%;
}

button.btn-hover:hover .outer, a.btn-hover:hover {
background: url(/graphics/buttons/btn-default-sprite.png) -375px center no-repeat;
text-decoration:none;
}
a.btn-hoverPN:hover {
background: url(/graphics/buttons/btn-default-sprite.png) -1885px center no-repeat;
text-decoration:none;
}


/* Inactive buttons */

button.btn-dead .outer, a.btn-dead {
background: url(/graphics/buttons/btn-default-sprite.png) -750px center no-repeat;
border: 1px solid #999999;
display: block;
position: relative;
padding: 3px 16px 3px 16px;
cursor: default;
}

/* Search buttons */

button.btn-action .outer, a.btn-action {
background: url(/graphics/buttons/btn-default-sprite.png) -1130px center no-repeat;
display: block;
position: relative;
padding: 3px 16px;
border: 1px solid #f2b47a;
}

button.btn-hover .inner, button.btn-dead .inner, a.btn-dead span, a.btn-hover span, a.btn-hoverPN span, button.btn-action .inner, button.btn-action .inner, a.btn-action span {
display: block;
position: relative;
height: 100%;
color:#ffffff;
font-size: 11px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-shadow: #666666 0px 2px 2px;
white-space: nowrap;
overflow: visible;
filter: none;
}

button.btn-action:hover .outer, a.btn-action:hover {
background: url(/graphics/buttons/btn-default-sprite.png) -1500px center no-repeat;
text-decoration:none;
}

/* Statistics Lists */

.statList {
display: block;
float: left;
width: 100%;
}

.statList li {
display: block;
clear: both;
float: left;
width: 100%;
text-align: right;
padding: 5px 0;
}

.statList li .name {
display: block;
float: left;
text-align: left;
}

.statList li .value, #recentVisitors .statList li span {
display: block;
float: right;
text-align: right;
}

.statList li .value a {
text-align: right;
}

.statList p {
display: block;
clear: both;
padding: 0 5px 5px 5px;
margin-bottom: 0;
}

#mboard-dash .statList {
padding-bottom: 20px;
margin-bottom: 10px;
border-bottom: 1px dotted #8FACDB;
}

#mboard-dash #recentPosts.statList, #mboard-dash #activeAuthors.statList {
border-bottom: none;
}

#mboard-dash #activeAuthors.statList li {
padding-bottom: 20px;
}

.imageList li {
display:block;
float:left;
}

.imageList li .thumb {
display: block;
width: 40px;
height: 40px;
border: 1px solid #ccc;
background-position: center;
background-repeat: no-repeat;
}

/* Recent Visitor Modules */
#recentVisitors {
margin: 15px 0 20px 0;
border-bottom:1px solid #eee;
}

#recentVisitors .wrapper {
border:1px solid #eee;
height: auto !important;
height: 108px;
max-height: 108px;
overflow: auto;
}

#recentVisitors .statList {
width: 100%;
*width: auto;
}

#recentVisitors .statList li {
border-bottom:1px solid #eee;
display: block;
clear: both;
height: 1.2em;
padding: 2px 0;
}

#recentVisitors .name {display: block;float: left;padding-left:10px;}
#recentVisitors .value {display: block;float: right;padding-right: 10px;}

#recentVisitors a.show-object, #recentVisitors a.hide-object {
display:block;
clear: both;
font-weight: bold;
font-size: 10px;
padding: 7px 0 7px 18px;
border-right:1px solid #eee;
border-left:1px solid #eee;
}

#recentVisitors #rvls {
display: none;
padding: 15px 10px 0 10px;
border:1px solid #eee;
border-top: none;
}

#recentVisitors #rvls ul li {
display: block;
clear: both;
vertical-align: top;
margin-bottom: 8px;
}

#recentVisitors input {
float: left;
vertical-align: top;
margin-right: 5px;
}

#recentVisitors label {
vertical-align: bottom;
font-size: 10px;
}

#recentVisitors button {
margin-top: 12px;
margin-left: 5px;
}

/* List sorting and pagination */

.pagination {
background: #eee;
border-top: 1px dotted #91aad2;
border-bottom: 1px dotted #91aad2;
padding: 0 10px;
}

.pagination.header {
background: #fff;
border-top: none;
margin-top: -5px;
}

#pAlbums.pagination, #mB.pagination {
border-top: none;
margin-top: -10px;
}

.pagination li {
display: block;
float: left;
margin-left: 7px;
color: #000;
}

.pagination li a {
diaplay: block;
float: left;
}

.pagination p {
display: block;
float: left;
margin: 5px 0;
}

.pagination ul {
display: block;
float: right;
font-weight: bold;
margin: 5px 0;
}

.pagination a {
font-weight: normal;
}

.sortList {
padding: 2px 0 2px 10px;
background: #EEE;
border-bottom:1px dotted #91AAD2;
border-top: 1px solid #EEE;
font-size:10px;
position: relative;
top: -10px;
}
.sortListB {
padding: 5px 0 5px 10px;
border-bottom:1px dotted #91AAD2;
border-top: 1px solid #EEE;
font-size:11px;
position: relative;
top: -10px;
}

.sortList.solo, .sortList.alpha.solo {
position: static;
}

.sortList li {
display: inline;
margin-right: 10px;
}

.sortList.alpha * {
float: left;
}

.sortList.alpha li {
margin: 0 0 3px 3px;
}

/* Feature Boxes (gray boxes at top of profile and neighborhoods pages) */

.headerImg {
width: 82px;
float: left;
margin: 20px 20px 35px 0;
text-align: center;
}

.headerImg li, .headerImg p {
padding-top: 5px;
margin: 0;
}

.headerInfo {
width: 303px;
float: left;
margin: 15px 0 40px 0;
}
.headerInfomb {
float: left;
margin-left: 10px;
width: 303px;
}
.headerInfo h2.s2, .featureIntro h2.s2 {
border-bottom: none;
padding-bottom: 0;
}

.headerInfo button {
position: relative;
left: -2px;
}

p.headerBlurb {
padding-top: 10px;
margin: 15px 0;
border-top: 1px solid #D9D9D9;
line-height: 150%;
}

span.headerBlurb {
display: block;
padding-top: 5px;
margin: 11px 0;
border-top: 1px solid #D9D9D9;
}

span.headerBlurb p {
line-height: 150%;
}

.feature {
border: 1px solid #d8d8d8;
background-image: url(/graphics/neighborhoods/featureBox.png);
background-repeat: repeat-y;
background-position: left top;
position: relative;
float: left;
}

.featureIntro {
width: 289px;
float: left;
padding: 10px 0 20px 20px;
margin-right: 20px;
}

.featureIntro h2 {
margin-bottom: 5px;
}

.featureImg {
width: 190px;
float: left;
text-align: center;
}

.featureImg .imgHolder {
width: 190px;
height: 230px;
overflow: hidden;
}

.featureImg p, .featureImg ul {
border-top: 1px solid #d8d8d8;
margin-top: 0;
padding-top: 3px;
}

.featureWidgets {
width: 223px;
float: left;
}

#ntImage { cursor: pointer; background-repeat: no-repeat; background-position: left top; }


/* Message Boards */

.discussions {
width: 425px;
margin-bottom: 10px;
/* position: relative; removed for 79550*/
top: -10px;
}

.discussions td, .discussions th {
vertical-align: top;
text-align: left;
padding: 10px;
font-weight: normal;
}

.discussions td.replies, .discussions th.replies {
text-align: center;
}

.discussions th {
border-bottom: 1px dotted #91aad2;
padding: 5px 10px;
white-space: nowrap;
}

.discussions td p {
margin-bottom: 0;
}

#topicList {
width: 200px;
}

#dateList, #message-category {
width: 120px;
}


.discussions h3 {
font-size: 11px;
font-weight: 700;
}

.jive { float: right; }

#mainThreadDiv {
height: 584px;
overflow: auto;
}

#mboard-dash h3 {
margin: 10px 0;
display: block;
clear: both;
}

.events-reunions .s5 {
margin-bottom: 10px;
}

.mboardHelp ul {
margin-top: 10px;
}
.discussions td.repliesNoSidePad {
  padding-right: 0px;
  padding-left: 0px;
}
.discussions li.reply {
  float: left;
}
.discussions li.repliesNew {
  padding-left: 2px;
}
.mbLastReply {
  width: 105px;
}
/* Footer */

#footer {
width: 980px;
margin: 0 auto;
background: #fff;
text-align: center;
}

#footer.static {
background: none;
margin-top: 20px;
}

#footer ul li {
display: inline;
padding: 0 5px 0 8px;
border-left: 1px solid #666;
}

#footer ul li.first {
border-left: none;
}

#footer #uolCompanies {
border: 1px solid #cccccc;
width: 798px;
margin: 20px auto 3px auto;
}

#footer #uolCompanies li {
display: block;
float: left;
padding: 8px 0;
border-left: none;
}

#footer #uolCompanies li a {
display: block;
text-align: center;
padding: 26px 0 0 0;
background: url(/graphics/footer/company-logos.gif) no-repeat;
border-right: 1px solid #cccccc;
}

#footer #uolCompanies li.uo {
padding: 0 0;
}

#footer #uolCompanies li.uo a {
width: 160px;
background-position: center 8px;
padding: 34px 0 8px 0;
}

#footer #uolCompanies li.cm a {
width: 140px;
background-position: center -97px;
}

#footer #uolCompanies li.mp a {
width: 107px;
background-position: center -194px;
}

#footer #uolCompanies li.ms a {
width: 123px;
background-position: center -300px;
}

#footer #uolCompanies li.jo a {
width: 133px;
background-position: center -395px;
}

#footer #uolCompanies li.nz a {
width: 130px;
background-position: center -493px;
border-right: none;
}

#footer .primaryLinks {
display: block;
margin-bottom: 5px;
}

#footer .primaryLinks a {
font-weight: bold;
}

#footerOas {
padding: 9px 0;
margin: 40px 0 30px 0;
text-align: center;
clear: both;
}

#footerOas div {
margin: auto;
}

.footer_tagline {
font-size: 11px;
color: #999;
text-transform: uppercase;
margin-bottom: 20px;
}

.copyright {
display: block;
font-size: 10px;
}

.memberConduct {
display: block;
clear: both;
margin-top: 35px;
padding: 5px 10px;
border-top: 1px solid #cde0ec;
border-bottom: 1px solid #cde0ec;
text-align: center;
}

.memberConduct p {
margin:5px 0pt;
}


/* invisible elements - omniture frames, popup blockers, etc. */

#omnitureFrame {
width: 1px;
height: 1px;
border: 0;
overflow: hidden;
visibility: hidden;
}

#popup_blocker_div {
visibility:hidden;
height:0px;
width:0px;
z-index:5000;
}

/* Styles for iframe pages. All pages linked to notie should be given a body id of frame-page  */

#frame-page { background: #fff none; }
#frame-page td, #frame-page span, #frame-page div { line-height: 17px }
#frame-page input  { font-size: 14px; padding-left: 3px }
#frame-page select { font-size: 14px }

/* New popup styles */

#lightbox {
position: absolute;
left: 0;
top: 0;
z-index: 500;
width: 100%;
height: 100%;
display: none;
}

#lightbox #overlay {
position: absolute;
left: 0;
top: 0;
z-index: 600;
width: 100%;
height: 100%;
background: #000;
opacity: 0.3;
filter:alpha(opacity=30);
-moz-opacity:.30;
}

#lightbox #popup-frame {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
z-index: 700;
margin-top: 55px;
}

#lightbox .holder {
margin-top: 150px;
text-align: center;
vertical-align: middle;
}

#popup-container {
text-align: left;
margin: auto;
}

#popup-container.default {
width: 670px;
}

#popup-container.default #popup-body {
height: auto;
}

#popup-container table {
width: 100%;
border-collapse: collapse;
}

#popup-container table td {
vertical-align: top;
}

#popup-header h1 {
display: block;
font-size: 28px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #fff;
}

#popup-header a.close-window {
display: block;
width: 23px;
height: 23px;
background: url(/graphics/builder/btn-close.png) no-repeat !important;
background: url(/graphics/builder/btn-close.gif) no-repeat;
}

#popup-header .left {
background: url(/graphics/builder/popup-header.png) left top no-repeat !important;
background: url(/graphics/builder/popup-header.gif) left top no-repeat;
padding-left: 51px;
float: none;
vertical-align: middle;
}

#popup-header .right {
width: 54px;
padding: 0 7px;
background: url(/graphics/builder/popup-header.png) right top no-repeat !important;
background: url(/graphics/builder/popup-header.gif) right top no-repeat;
vertical-align: middle;
}

#popup-body .left {
padding: 14px 0 0 74px;
background: url(/graphics/builder/popup-body.png) left top repeat-y !important;
background: url(/graphics/builder/popup-body.gif) left top repeat-y;
float: none;
}

#popup-body .right {
width: 74px;
background: url(/graphics/builder/popup-body.png) right top repeat-y !important;
background: url(/graphics/builder/popup-body.gif) right top repeat-y;
}

#popup-footer .left {
height: 54px;
width: auto;
background: url(/graphics/builder/popup-footer.png) left top no-repeat !important;
background: url(/graphics/builder/popup-footer.gif) left top no-repeat;
float: none;
}

#popup-footer .right {
height: 54px;
width: 54px;
background: url(/graphics/builder/popup-footer.png) right top no-repeat !important;
background: url(/graphics/builder/popup-footer.gif) right top no-repeat;
}



#loader {
margin: 175px 0 0 0;
padding: 0;
background: #fff url(/graphics/builder/loading_v2.gif) center no-repeat;
}
#loadingIndicator{
width: 128px;
height: 23px;
top: 0px;
right: 25px;
display: none;
position: absolute;
}

/* early exit styles ( Don't Stop Pop) */
#popup_blocker_div {
position:absolute;
height:0px;
width:0px;
visibility:hidden;
z-index:1000;
}
#popup_blocker_html {
background-color:#cccc99;
padding-top:5px;
padding-bottom:5px;
}
#popup_blocker_table {
border-top:2px solid #000;
border-bottom:2px solid #000;
border-right:2px solid #000;
border-left:2px solid #000;
}

/* profile popups */
#steps {
font-size: 12px;
float: right;
}

#uploadFrm #songTxt {
padding-top: 20px;
}

#formContent {
width: 100%;
background: #fff;
}
.class-Announce td {
width: 25%;
}
.class-Announce input {
margin-right: 5px;
}
.upload-steps {
margin-left: 30px;
}

.upload-steps li {
margin-bottom: 1em;
}

.upload-steps #albumPic {
margin-top: 1em;
}

#scrollDiv {
height: 241px;
overflow: auto;
border: 1px solid #999999;
padding: 6px;
}

#sideBox {
width: 140px;
padding: 8px;
margin-left: 10px;
font-size: 11px;
}

#slideDown{
display: none;
height: 400px;
margin: 0 64px;
position: absolute;
width: 539px;
}
.sliderBG{
background-color: #e6e6e6;
height: auto;
}
.sliderBody{
padding: 10px 20px 20px;
border-left: 1px solid #666;
border-right: 1px solid #666;
}
#sliderFrame{
background-color: #FFF;
border: 1px solid #666;
}
.sliderBottom{
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
width: auto;
}
.hideSlider{
vertical-align: bottom;
cursor:pointer;
}

#popup-body .left {
padding: 20px 0 4px 73px;
background: url(/graphics/builder/popup-body.png) left top repeat-y !important;
background: url(/graphics/builder/popup-body.gif) left top repeat-y;
}

.loading {
height: 155px;
background: #fff url(/graphics/builder/loading_v2.gif) center no-repeat;
}

/* add/change/override styles for lightbox */

.popupHeaderH1 {
display: block;
font-size: 28px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #fff;
}

input.blur {
color: #999;
}

textarea.blur {
color: #999;
}

.announcements li {
display: block;
margin-bottom: 10px;
}

.announcements li h3 {
margin-bottom: -5px;
}

a.announcements:link {
font-weight: bold;
}

.eventInterests {
margin: 12px 0 0 0;
padding: 5px 0 7px 38px;
border-top: 1px dotted #8facdb;
border-bottom: 1px dotted #8facdb;
background: url(/graphics/events/icon_reunionHat.gif) 0px 8px no-repeat;
}

.noEvents {
padding-bottom: 10px;
border-bottom: 1px dotted #8facdb;
}

.eventPrompt {
float: left;
display: block;
margin-right: 20px;
}

#eventIdea {
width: inherit;
height: auto;
margin-bottom: 10px;
padding-left: 10px;
padding-bottom: 5px;
}

#eventIdeaBar {
width: inherit;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.eventData {
width: 225px;
overflow: hidden;
}
.btnArrow {
width: 18px;
height: 17px;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.btnArrowL {
width: 18px;
height: 17px;
float: left;
margin: 2px 0px;
padding: 0;
}
.btnArrowR {
width: 18px;
height: 17px;
float: right;
margin: -20px 2px;
padding: 0;
}
* html .btnArrowR {
margin-right: 0;
}
.btnEvent {
width: 22px;
height: 17px;
float: left;
margin: 0 5px 0 0;
padding: auto 0;
text-align: center;
font-weight: bold;
font-size: 12px;
color: #061b46;
}

#startYear, #endYear{
width: 50px;
}

#yearRangeType{
width: 75px;
}

#searchType {
width:115px;
height: 19px;
margin: 0 6px 0 0;
position: relative;
top: -7px;
}

#newSearchType {
width:135px;
height: 19px;
margin: 0 6px 0 0;
position: relative;
top: -7px;
}

#searchTxt {
width:290px;
height: 17px;
margin: 0 3px 0 0;
position: relative;
top: -8px;
}

#searchTxt1, #searchTxt2 {
height: 17px;
position: relative;
top: -8px;
width:138px;
}

* html #searchTxt {

    top: -5px;

    width:290px;

    height: 16px;

}

*:first-child+html #searchTxt {

    top: -5px;

    width: 290px;

    height: 16px;

}

* html #searchTxt1, * html #searchTxt2 {
    height: 16px;
    top: -5px;
}

*:first-child+html #searchTxt1, *:first-child+html #searchTxt2 {
    height: 16px;
    top: -5px;
}

#searchSelect {
margin: 0 10px 0 0;
position: relative;
top: -7px;
}

#photoDisplay{
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

/* View Photo Album */

.comment{
width: inherit;
margin-bottom: 5px;
padding:10px 8px;
}
.comment_highlight{
background-color: #E2E2E2;
}

/* Profile Icon Sprites */

.photoNew { width: 19px; background-position: 0 -100px; }
.dating { width: 12px; background-position: 0 -215px; }
.new { width: 30px; background-position: 0 -325px; }
.map { width: 14px; background-position: 0 -439px; }
.notes { width: 16px; background-position: 0 -553px; }
.events { width: 12px; background-position: 0 -667px; }
.profileNew { width: 20px; background-position: 0 -780px; }
.email { width: 15px; background-position: 0 -895px; }
.notesNew { width: 17px; background-position: 0 -1006px; }
.addFriend { width: 20px; background-position: 0 -1121px; }
.inviteMissing { width: 26px; background-position: 0 -1234px; }
.meet { width: 13px; background-position: 0 -1347px; }
.photo { width: 16px; background-position: 0 -1460px; }
.stuffNew { width: 11px; background-position: 0 -1574px; }
.profile { width: 17px; background-position: 0 -1684px; }
.meetNew { width: 18px; background-position: 0 -1797px; }

/*Search Items*/

#searchHeader {
padding-bottom: 5px;
font-size: 12px;
border-bottom: 1px dotted #8facdb;
margin-bottom: 15px;
}

#searchHeader .emph {
font-size: 14px;
}

#advSearch li, #communitySearch li {
margin-bottom: 1em;
}

#advSearch label, #communitySearch label{
font-weight: bold;
width: 140px;
text-align: right;
float: left;
margin-right: 10px;
}

#advSearch ul, #communitySearch ul, .botPadding15{
padding-bottom: 15px;
}


#advSearch li.radio, #communitySearch li.radio{
margin-left: 150px;
display: block;
clear: both;
height: 1em;
}

#advSearch li.radio label, #communitySearch li.radio label{
display: block;
width: auto;
font-weight: normal;
}

#advSearch li.radio input, #communitySearch li.radio input{
float: left;
height: 15px;
width: 15px;
margin-right: 5px;
}

#advSearch ul.buttons, #communitySearch ul.buttons{
border-top: 1px dotted #8facdb;
display: block;
width: 100%;
padding-top: 30px;
}

#advSearch ul.buttons li, #communitySearch ul.buttons li{
float: right;
margin-right: 10px;
}

#advSearch ul.buttons li.last, .inlineForm li.last, #communitySearch ul.buttons li.last {
margin-right: 0;
}
.searchFooter {
padding: 10px 0;
border-bottom: 1px dotted #91AAD2;
}

.searchKey {
display: block;
float: left;
width: 174px;
height: 33px;
background: url(/graphics/icons/searchKey.gif) left top no-repeat;
}

.searchResults h2 {
font-size: 12px;
font-weight: bold;
float: left;
display: block;
padding-left: 10px;
}

.searchResults li {
margin: 20px 0;
}

.searchResults li ul li {
margin: 0 0;
}

.searchResults ul.details, .searchResults p {
display: block;
margin-left: 30px;
clear: both;
}

.searchResults p.joinLink {
float: right;
margin: 0;
clear: none;
}

.searchResults ul.details li {
clear: none;
}

.searchResults ul.profileIcons {
float: right;
margin-right: 10px;
}

.searchResults ul.profileIcons li {
display: block;
float: left;
clear: none;
}

ul.profileIcons li a {
display: block;
float: left;
background-image: url(/graphics/icons/profileIconsSm.png);
background-repeat: no-repeat;
height: 15px;
margin-left: 5px;
}

.searchTip {
padding: 5px 10px;
text-align: center;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
display: block;
clear: both;
margin: 7px 0;
}

.endeca {
float: right;
margin-bottom:27px;
}

.bubble {
background: #fff;
border: 1px solid #000;
box-sizing: border-box;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
moz-box-sizing: border-box;
padding: 15px 20px;
position: absolute;
text-align: center;
z-index: 402;
}

.blocker {
background: #fff;
display: none;
filter: alpha(opacity=0);
moz-opacity: .00;
opacity: .00;
position: absolute;
}

.blockerFrame {
border: 0;
filter: alpha(opacity=0);
moz-opacity: .00;
opacity: .00;
position: absolute;
z-index: 400;
}

.bubbleError { color: #ff0000; }

/* New photo albums list */

.albumCover {
background: url(/graphics/photos/pb/albumBg.gif) left top no-repeat;
display:block;
height:80px;
width:80px;
padding: 2px 11px 11px 2px;
text-align: center;
}

.albumCover * {
text-align: center;
vertical-align: middle;
margin: auto;
}

/* New Photo Scrollers from openstyle */

.ui-tabs-container {
padding-bottom: 0px;
margin-bottom: 0px;
border-top: 0px dotted #8FACDB;
}
.grpPhotos, #albumPhotoScroller, #friendsPhotoScroller, #profileHomePhotoScroller {
border-bottom: 1px dotted #8FACDB;
padding-bottom:20px;
margin: 20px 0 10px 0;
}
.jcarousel-container {
position: relative;
}

.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}

.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

.jcarousel-item {
float: left;
height: 15em;
width: 91px;
}

.jcarousel-next, .jcarousel-prev {
z-index: 5;
display: none;
}

.jcarousel-noArrows {
border-right: 1px solid #d7e1f5;
border-left: 1px solid #d7e1f5;
width: 392px;
padding-left: 13px;
margin: 0px 0px 5px 10px;
float: left;
}
* html .jcarousel-noArrows {
border-right: 1px solid #d7e1f5;
border-left: 1px solid #d7e1f5;
width: 372px;
padding-left: 13px;
padding-bottom:10px;
margin: 0px 0px 5px 10px;
float: left;
}

.jcarousel-skin-cmo.jcarousel-container-horizontal {
border-right: 1px solid #d7e1f5;
border-left: 1px solid #d7e1f5;
margin: 0 12px;
width: 385px;
padding: 0 0 0 15px;
}

.jcarousel-skin-cmo.jcarousel-container-vertical {
width: 75px;
height: 245px;
padding: 40px 20px;
}

.jcarousel-skin-cmo .jcarousel-clip-horizontal {
width: 373px;/* We set the width/height explicitly. No width/height causes infinite loops. */
height: 15em;
}

#albumPhotoScroller .jcarousel-skin-cmo .jcarousel-clip-horizontal {
height: 13em;
}

.jcarousel-skin-cmo .jcarousel-clip-vertical {
width:  75px;
height: 245px;
}

.jcarousel-skin-cmo .jcarousel-item {
overflow: hidden;
}

.jcarousel-skin-cmo .jcarousel-item-vertical {
margin-bottom: 10px;
}

.jcarousel-skin-cmo .jcarousel-item-placeholder {
background: #ffffff;
color: #000000;
}

.jcarousel-item p {
margin: 0 0 .25em 0;
}

/**
*  Horizontal Buttons
*/
.jcarousel-skin-cmo .jcarousel-next-horizontal {
position: absolute;
top: 52px;
right: -12px;
width: 23px;
height: 23px;
cursor: pointer;
background: transparent url(/graphics/photos/pb/next-horizontal.gif) no-repeat 0 0;
background-position: 0x 0px;
}

.jcarousel-skin-cmo .jcarousel-next-horizontal:hover {
background-position: 0px -23px;
}

.jcarousel-skin-cmo .jcarousel-next-horizontal:active {
background-position: -23px 0px;
}

.jcarousel-skin-cmo .jcarousel-next-disabled-horizontal,
.jcarousel-skin-cmo .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-cmo .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position:  -23px -23px;
}

.jcarousel-skin-cmo .jcarousel-prev-horizontal {
position: absolute;
top: 52px;
left: -12px;
width: 23px;
height: 23px;
cursor: pointer;
background: transparent url(/graphics/photos/pb/prev-horizontal.gif) no-repeat 0 0;
background-position: 0px 0px;
}

.jcarousel-skin-cmo .jcarousel-prev-horizontal:hover {
background-position: 0px -23px;
}

.jcarousel-skin-cmo .jcarousel-prev-horizontal:active {
background-position: -23px 0px;
}

.jcarousel-skin-cmo .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-cmo .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-cmo .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -23px -23px;
}

/**
*  Vertical Buttons
*/
.jcarousel-skin-cmo .jcarousel-next-vertical {
position: absolute;
bottom: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent no-repeat 0 0;
}

.jcarousel-skin-cmo .jcarousel-next-vertical:hover {
background-position: 0 -32px;
}

.jcarousel-skin-cmo .jcarousel-next-vertical:active {
background-position: 0 -64px;
}

.jcarousel-skin-cmo .jcarousel-next-disabled-vertical,
.jcarousel-skin-cmo .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-cmo .jcarousel-next-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}

.jcarousel-skin-cmo .jcarousel-prev-vertical {
position: absolute;
top: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent no-repeat 0 0;
}

.jcarousel-skin-cmo .jcarousel-prev-vertical:hover {
background-position: 0 -32px;
}

.jcarousel-skin-cmo .jcarousel-prev-vertical:active {
background-position: 0 -64px;
}

.jcarousel-skin-cmo .jcarousel-prev-disabled-vertical,
.jcarousel-skin-cmo .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-cmo .jcarousel-prev-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}

.jcarousel-skin-cmo li {
display: block;
float: left;
margin: 0px 1px 3px;
text-align: center;
}

.jcarousel-item  img {
background: #fff;
border: 1px solid #ebebeb;
border-bottom: none;
padding: 4px 4px 11px 4px;
max-height: 80px;
max-width: 80px;
background: url(/graphics/thumbShadow.gif) center bottom repeat-x;
}

/* IE fix for carousel photo max-height and max-width*/
* html .jcarousel-item  img{
    width: expression(calculateIEimgWidth(document.body.clientWidth));
    height: expression(calculateIEimgHeight(document.body.clientHeight));
}
.jcarousel-skin-cmo span {
clear: both;
text-align: center;
}

.thumb {
padding-bottom: 0px !important;
padding-bottom: 2px;
background: url(/graphics/thumbShadow.gif) bottom repeat-x;
}

.uhMAPAlbumBG {
background-image:url(/graphics/photos/pb/albumBg.gif);
width:93px;
height:93px;
display: block;
}

.activePhotoAlbumBox, .overflowHide{
overflow: hidden;
}

.activePhotoAlbumBox  img {
background: #fff;
border: 0px none;
padding: 0px;
max-height: 80px;
max-width: 80px;
}
* html .activePhotoAlbumBox  img{
width: expression(calculateIEimgWidth(document.body.clientWidth));
height: expression(calculateIEimgHeight(document.body.clientHeight));
}
#albumPhotoScroller .jcarousel-skin-cmo .jcarousel-prev-horizontal,
#albumPhotoScroller .jcarousel-skin-cmo .jcarousel-next-horizontal{
top: 45px;
}

#albumPhotoScroller .jcarousel-skin-cmo .jcarousel-item-horizontal {
width: 119px;
margin-left: 5px;
height: 13em;
margin-right: 0px;
}

/* JQUERY VALIDATOR CLASSES */
.errorLink{
display: none;
color: #FFFFFF;
font-style: italic;
}
.errorLink div{
position: relative;
display: none;
}
span.error{
color: #FF0000;
}
span.errorHdg {
	color: #FF0000;
}
span.errorHdg {
	color: #FF0000;
}
input.error, select.error{
border-color: #FF0000;
}
#errorBubble{
position: absolute;
width: 215px;
border: 1px solid #000000;
background: #ffffff;
display: none;
padding: 10px;
}
#errorBubble div.inner{
line-height: 16px;
}
#errorBubble div.message{
line-height: 16px;
width: 180px;
}
#errorBubble div.closeLink{
bottom: 7px;
left: 195px;
position: absolute;
}

.memberOptions{
position: absolute;
z-index: 100;
width: 120px;
border: 1px solid #061B46;
background: #ffffff;
padding-bottom: 5px;
display: none;
}
.memberOptions div.optionsHeader{
background: #95ADD4;
height: 12px;
margin-bottom: 4px;
cursor: pointer;
}
.memberOptions div.optionsHeader div{
float: right;
color: #FFFFFF;
font-weight: bold;
font-size: 10px;
margin: -2px 3px 0px 3px;
}
.memberOptions a{
display: block;
padding: 2px 6px;
}

.memberOptions br {
display: none;
}
.addTopic {
margin-right: 20px;
font-weight: bold;
}
/*Open Style Error pages*/
.highlightBlock {
background: #E8E8E8;
width: 580px;
padding: 20px 20px 10px 20px;
line-height: 12pt;
margin-bottom: 20px;
}
.error-col {
 float: left;
 overflow:hidden;
 padding: 5px 0pt 0pt 25px;
 width: 630px;
}
/* US SEARCH */
.usSearch_container{
	width:565px;
	border:1px solid #ffcb66;
}
.usSearch_headerTop{
	height:70px;
  background:url('/graphics/partners/ussearch/ussearch_gold_bg_top.gif') 0px 0px;
}
.usSearch_headerTopText{
	height:50px;
	font:bold 20px Verdana;
	color:#2e87e3;
	text-align:center;
}
.usSearch_headerBottom{
	height:31px;
  background:url('/graphics/partners/ussearch/header_bg_2.gif') repeat-x top;
}
.usSearch_headerBottom_iegold{
  margin-top:-2px;
}
.usSearch_headerBottomText{
	float:left;
	font:bold 12px Verdana;
	color:#000000;
	padding-top:12px;
	padding-left:10px;
	 }
.usSearch_headerBottomText_gold{
	float:left;
	font:bold 12px Verdana;
	color:#000000;
	padding-left:10px;
	width:404px;
	/* height:58px;	*/
	 }
.usSearch_blueResHeader{
	color:#ffffff;
	font:bold 12px Arial;
}
.usSearch_footerBg{
	height:118px;
	background:url('/graphics/partners/ussearch/footer_bg.gif') top;
}
.usSearch_footerText{
	text-align:center;
	color:#15599a;
	font:normal 14px Arial;
	padding-top:10px;
}
.usSearch_footerText1{
	padding-left:15px;
	padding-top:15px;
	padding-bottom:7px;
	font:normal 12px Arial;
}
.usSearch_searchResults{
	font:normal 12px Arial;
	color:#2E87E3;
}
.dating_profileName {
        font-family: Verdana;
  font-size: 13px;
}
#usSearch_logo_top {
  float:left;
  margin-top:42px;
}


/* AD BLOCK */
.ptlContainer{
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    height: 25px;
    padding-top: 4px;
}
.ptlContainer div.left{
    width: 165px;
}
.adTmp{
    position: absolute;
    left: -1000px;
}
#TopTmp, #Top{
  width: 980px;;
  height: 90px;
}
.suppressed #PHX_IFRAME_Top{
  height: 0;
}
#PHX_IFRAME_Top{
  background:#0C2653;
  width: 728px;
  margin: 0 126px;
  height: 90px;
  text-align: center;
}

#PHX_IFRAME_BottomRight{
   height: 90px;
    width: 728px;
}

#BottomRightTmp, #BottomRight{
    background: #F6F6F6;
    border-bottom:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    height: 90px;
    width: 728px;
    margin: 0 auto;
    padding: 9px 126px;
    text-align: center;
}
#Bottom1, #Bottom2, #Bottom3, #Position3{
    height: 23px;
    width: 100%;
    padding: 2px 0;
}
#PHX_IFRAME_Bottom1, #PHX_IFRAME_Bottom2, #PHX_IFRAME_Bottom3 {
    height: 23px;
    width:100%;
}
#PHX_IFRAME_Position3 {
	height: 130px;
	width:100%;
}
#RightTmp, #Right, #PHX_IFRAME_Right, #BottomLeftTmp, #BottomLeft, #PHX_IFRAME_BottomLeft{
    width: 160px;
    height: 600px;
    text-align: center;
}
#Left, #LeftTmp, #PHX_IFRAME_Left, #Left1, #Left1Tmp, #PHX_IFRAME_Left1, #Left2, #Left2Tmp, #Left3, #Left3Tmp,
#x10, #x10Tmp, #x11, #x11Tmp, #x12, #x12Tmp, #x13 #x13Tmp, #PHX_IFRAME_Left2, #PHX_IFRAME_Left3 {
    text-align: left;
    height: 25px;
    width: 127px;
    padding-left: 4px;
}

#TopLeft{
    margin-bottom: 10px;
}
#TopLeft, #TopLeftTmp, #PHX_IFRAME_TopLeft, .rightAd{
    height: 250px;
    width: 300px;
    text-align: left;
}

#Right1, #PHX_IFRAME_Right1 , #Right1Tmp{
 height:250px;
 width: 300px;
 }

#x82, #x82Tmp{
    height: auto;
    width: 300px;
    text-align: left;
}

#x30, #x30Tmp, #PHX_IFRAME_x30{
    height: auto;
    width: 900px;
    text-align: center;
}
#TopRight{
    height: auto;
}
#PHX_IFRAME_TopRight, #PHX_IFRAME_x82{
    height: 300px;
}
#PHX_IFRAME_Frame1{
    width: 1px;
    height: 1px;
}
#Ad_Depot{
    height: 1px;
    width: 1px;
}

#Middle2{
    height: 100px;
    width: 563px;
}
#PHX_IFRAME_Middle2{
   height: 100px;
   width: 553px;
}

ul.pBuilder li, ol.pBuilder li {
margin-left: 15px;
margin-top:5px;
list-style-image: url(/graphics/dots/black.gif);
}
/*Cancel classes */
.cancelWidth{
   width: auto;
}
.marginCancel{
   margin:0;
}

.c-colCancel {
   float: none;
}
/* feeds DO NOT CHECK IN UNTIL GRAPHICS IS BRANCHED */
/* removed from s3 div in-style: style="border-top:0px;padding-top:0px;" */
div.s3 h3.feedsHeader {
  float: left;
  clear: none;
  border:0;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:0px;
}
div.s3 p.feedsViewLink {
  float: right;
  padding-top: 5px;
  margin-top:0px;
  padding-top:0px;
}

div.feedsDivS4 {
  margin-bottom:0px;
  border: 0px;
}
.feedsActivityBox {
  width:423px;
  padding-top:20px;
  float: left;
}
.feedsThumb {
  height:40px;
  margin-right: 10px;
  float: left;
 }
.feedsItemContent {
  height:40px;
  float: left;
  width: 280px;
}
.feedsDate {
  float: right;
  text-align: right;
  margin-right: 2px !important;
  margin-right: 2px;
}
.ruhpFeedsLinks {
  padding-bottom:25px;
  padding-top:10px;
  position:relative;
  top:20px;
  border-top: 1px dotted #8FACDB;
}
p.feedsError {
  margin-left:10px;
  margin-top:10px;
}


/* Safari only hack for recent visitor lists */
@media screen and (-webkit-min-device-pixel-ratio:0){
#recentVisitors .statList {width: 100%;}
}
.blueText  {
	font: normal 11px Verdana;
	color: #0066CC;
        float: right;
        text-align: right;
        margin-right: 2px !important;
        margin-right: 2px;
}
.ruhpFeedsLinks {
padding-bottom: 25px;
}
.dating_profileName {
   font-family:verdana;
   font-size:13px;
  }

/*lightbox2 popup shadow*/
.faded { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }
.lb_trShadow { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/reg/shadow/shadow_tr.png'); }
.lb_trShadow[class] { background: url('/graphics/reg/shadow/shadow_tr.png') no-repeat bottom left; }
.lb_brShadow { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/reg/shadow/shadow_br.png'); }
.lb_brShadow[class] { background: url('/graphics/reg/shadow/shadow_br.png') no-repeat top right; }
.lb_blShadow { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/reg/shadow/shadow_bl.png'); }
.lb_blShadow[class] { background: url('/graphics/reg/shadow/shadow_bl.png') no-repeat top left; }
.lb_rShadow { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/reg/shadow/shadow_right.png', sizingMethod='scale'); }
.lb_rShadow[class] { background: url('/graphics/reg/shadow/shadow_right.png') repeat-y left top; }
.lb_bShadow { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/reg/shadow/shadow_bottom.png', sizingMethod='scale'); }
.lb_bShadow[class] { background: url('/graphics/reg/shadow/shadow_bottom.png') repeat-x left top; }


  /* MemberList Optimization start */
.listOptions{
position: absolute;
z-index: 100;
width: 150px;
border: 1px solid #000000;
background: #ffffff;
padding-bottom: 5px;
display: none;
}

.listOptions div.optionsHeader{
background: #95ADD4;
height: 12px;
margin-bottom: 4px;
cursor: pointer;
}
.listOptions div.optionsHeader div{
float: right;
color: #FFFFFF;
font-weight: bold;
font-size: 10px;
margin: -2px 3px 0px 3px;
}
.listOptions a{
display: block;
padding: 0px 0px;15em
}

.listStyles{
  margin-left:8px;
  margin-bottom:5px;
  width:109px;

}

.listElement{
float:left;
margin-bottom:5px;
width:140px;
}



.listElementAsk{
text-align:right;
margin-right:10px;
}

.seeNew_All_members{
font: bold 11px Verdana,Trebuchet MS,Arial,Helvetica,sans-serif;
padding-top:10px;
padding-bottom:10px;
background:#EEEEEE;
border-bottom:1px dotted #8FACDB;
padding-left:10px;
height:14px;
}

.sortOptions{
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
margin-top:17px;
margin-bottom:10px;
height:15px;
padding-bottom:1px;
font-weight:bold;
font-size:14px;
}

* html .sortOptions{
margin-top:5px;
}

.listHight{
height:37px;
}
.sml_gradYear{
font-weight:normal;
color:#666666;
border:1px solid #7f9db9;
}

.sml_saparator{
color:#666;
font-weight:bold;
padding-left:10px;
padding-right:10px;
}

.sml_subHeadName{
padding-bottom:25px;
padding-top:0px;
border-bottom:1px solid #91aad2;
margin-top:-2px;
}

.seeNew_All_members ul{
margin:0px;
}

.a_link{
color:#0066cc;
}

.sml_opt{
margin-right:0px;
}

.sml_gradYear option{
margin-right:0px;
}




/* MemberList Optimization start */
/* Standard padding */
.rightHalfPad{
    padding-right: 5px;
}
.rightBlockPad{
    padding-right:10px;
}
.leftHalfPad{
    padding-left: 5px;
}
.leftBlockPad{
    padding-left:10px;
}
.topHalfPad{
    padding-top: 5px;
}
.topBlockPad{
    padding-top:10px;
}
.bottomHalfPad, .botHalfPad{
    padding-bottom: 5px;
}
.bottomBlockPad, .botBlockPad{
    padding-bottom:10px;
}
.rightHalfMargin{
    margin-right: 5px;
}
.rightBlockMargin{
    margin-right:10px;
}
.leftHalfMargin{
    margin-left: 5px;
}
.leftBlockMargin{
    margin-left:10px;
}
.topHalfMargin{
    margin-top: 5px;
}
.topBlockMargin{
    margin-top:10px;
}
.bottomHalfMargin{
    margin-bottom: 5px;
}
.bottomBlockMargin,.botBlockMargin {
    margin-bottom:10px;
}

.stdBlockPad {
    margin: 10px;
}
.stdFullPad {
    padding: 10px;
}

.botBlockPad20 {
  padding-bottom: 20px;
}
.topBlockPad20 {
  padding-top: 20px;
}
.moduleMargin {
    margin-bottom: 30px;
}
.noBotMargin {
    margin-bottom: 0;
}
.noTopMargin {
    margin-top: 0;
}

.topMargin25 {
    margin-top: 25px;
}
.botMargin25 {
    margin-bottom: 25px;
}
.botMargin20 {
    margin-bottom: 20px;
}
.topMargin20 {
    margin-top: 20px;
}
.topMargin15 {
  margin-top: 15px;
}
.botMargin15 {
  margin-bottom: 15px;
}
.modulePad {
    padding-bottom: 30px;
}
.modulePad20 {
    padding: 20px;
}

/* MusicPlayer Styles start */
.musicPlayer_heading{
  padding-bottom:25px;
  border-bottom:1px dotted #9fbbe2;
  margin-top:-10px;
}

#bubble_div{
background: url(/graphics/music/bubble_bg.png) no-repeat;
height:60px;
width:184px;
position:absolute;
padding:5px 5px 10px 3px;
font-size:10px;
line-height:16px;
}

#bubble_divTop{
background: #FFFFFF none repeat scroll 0 0;
visibility:invisible;
height:60px;
width:184px;
margin-bottom:-70px;
}

.Radio_on{
font:normal 18px Trebuchet Ms;
width:250px;
color:#666666;
padding-top:15px;
padding-bottom:6px;
}

.offSate_radio_sub{
font:normal 12px Trebuchet Ms;
color:#666666;
}

#onstate_radio{
padding-top:17px;
padding-bottom:6px;
}

#offSate_radio{
padding-bottom:10px;
}

.Player_subheading{
color:#666666;
font:bold 12px Trebuchet Ms;
padding-left:4px;
padding-top:1px;
}

.pwdBy_cbs{
text-align:right;
font:normal 9px verdana;
padding-right:2px;
padding-top:15px;
color:#666666
}

.topPadding20 {
padding-top:20px;
}

.font9{
font:normal 9px verdana;
color:#666666;
}


/* MusicPlayer Styles end */

/* offers page styles */



.emailOptIn{
background:url('/graphics/offers/email_optIn_bg.jpg') no-repeat;
width:413px;
height:132px;
float:left;
margin-left:13px;
position:absolute;
padding-bottom:20px;
}



.emailOptIn_subHead{
padding-left:40px;
padding-top:13px;
border:0px;
}



* html .emailOptIn_subHead{
padding-left:45px;
}



.emailOptIn_subtext{
font:normal 11px verdana;
color:#666666;
width:300px;
padding-left:40px;
padding-top:0px;
}



* html .emailOptIn_subtext{
padding-left:45px;
}



.emailOptIn_confBox{
padding-top:8px;
clear:both;
margin-left:20px;
}



#confBox{
 border: 1px solid #ccc;
 width:200px;
 position:absolute;
 padding:10px;
 font:bold 11px Trebuchet Ms;
 color:#666666;
 background:#fff;
}



#close{
color:#666666;
font: bold 12px verdana;
text-align:right;
padding-right:10px;
padding-top:10px;
cursor:pointer;
}
/* Create another event styles */

.topMargin5 {
    margin-top: 5px;
}
.rightBlockMargin5 {
    margin-right: 5px;
}

/* End of Create another event styles */

/* Checkout popup classes start */
#lightbox.checkout #popup-header {
  display: none;
}
#lightbox.checkout #popup-body td.left {
  padding: 0;
  background: transparent none !important;
  background: transparent none;
}

#lightbox.checkout #popup-body td.right {
  padding: 0;
  background: transparent none !important;
  background: transparent none;
}

#lightbox.checkout #popup-footer {
  display: none;
}
/* Checkout popup classes end */


/* Filter button image sprits on Timeline starts */

.filterSwitchALL_off{
  background-position: 0px 0px;
  width: 26px;
}

.filterSwitchALL_on {
  background-position: 0px -20px;
  width: 26px;
}

.filterSwitchFAMILY_off {
  background-position: 0px -40px;
  width: 54px;
}

.filterSwitchFAMILY_on {
  background-position: 0px -60px;
  width: 54px;
}

.filterSwitchINTERESTS_off {
  background-position: 0px -80px;
  width: 67px;
}

.filterSwitchINTERESTS_on {
  background-position: 0px -100px;
  width: 67px;
}

.filterSwitchCAREER_off {
  background-position: 0px -120px;
  width: 54px;
}

.filterSwitchCAREER_on {
  background-position: 0px -140px;
  width: 54px;
}

.filterSwitchEDUCATION_off {
  background-position: 0px -160px;
  width: 71px;
}

.filterSwitchEDUCATION_on {
  background-position: 0px -180px;
  width: 71px;
}

.filterSwitchMILITARY_off {
  background-position: 0px -200px;
  width: 57px;
}

.filterSwitchMILITARY_on {
  background-position: 0px -220px;
  width: 57px;
}

.filterSwitchLIFE_off {
  background-position: 0px -240px;
  width: 36px;
}

.filterSwitchLIFE_on {
  background-position: 0px -260px;
  width: 36px;
}

#filterSwitchALL, #filterSwitchFAMILY,
#filterSwitchINTERESTS, #filterSwitchCAREER,
#filterSwitchEDUCATION, #filterSwitchMILITARY,
#filterSwitchLIFE {
  background-image: url(/graphics/timeline/filterBtnSprites.gif);
  background-repeat:  no-repeat;
  cursor: pointer;
  padding: 0 4px 0 0;
  height: 20px;
}

/* Filter button image sprits on Timeline ends */

.gold_vs_free{

float:right;

width:100px;

border:0px solid #f00;

margin-top:-10px;

}

#progMtHeader{

font:bold 16px Trebuchet Ms;
padding-bottom:10px;

width:250px;

}

.PM_missingItem{
float:left;
width:280px;
text-align:left;
border:0px;
padding-top:3px;
padding-bottom: 0px;
line-height: 17px;
border-bottom: 1px dotted #8FACDB;
}

/* Styles for RUHP feeds starts here  */
.feedBubbleOdd {
  margin-top:10px;
  font-family: Trebuchet MS;
  font-size:17px;
  border:0px solid #f00;
  background:url(/graphics/profile/feeds/bubbleLeft.gif) no-repeat;
  width:425px;
  height:142px;
}
.feedBubbleOdd ul.feedContUL li.feedCont1LI{
  float:left;
  width:60px;
  height:60px;
  padding-left:10px;
  padding-top:10px;
}

.feedBubbleOdd ul.feedContUL li.feedCont2LI{
  float:right;
  padding-right:10px;
  width:300px;
  padding-top:10px;
}

.feedBubbleEven {
  margin-top:10px;
  font-family: Trebuchet MS;
  font-size:17px;
  border:0px solid #000;
  background:url(/graphics/profile/feeds/bubbleRight.gif) no-repeat;
  width:425px;
  height:142px;
}

.feedBubbleEven ul.feedContUL li.feedCont1LI{
  float:right;
  width:90px;
  height:90px;
  padding-top:10px;
  padding-right:10px;
}

.feedBubbleEven ul.feedContUL li.feedCont2LI{
  float:left;
  padding-left:10px;
  padding-right:10px;
  width:305px;
  padding-top:10px;
}

/* Styles for RUHP feeds ends here  */

/* Timeline buttons classes start */

.btnId
{
background: url(/graphics/timeline/buttons/entryBtnSprite.gif) no-repeat;
border: none;
cursor: pointer;
cursor: hand;
}

input.btnId
{
width: 143px;
height: 25px;
padding-top: 13px;
padding-right: 73px;
}

#addEntry
{
background-position: top left;
width: 118px;
height: 24px;
}

#editEntry
{
background-position: 0px -273px;
width: 96px;
height: 25px;
}

#closeEntry
{
background-position: 0px -223px;
width: 56px;
height: 25px;
}

#cancelEntry
{
background-position: 0px -173px;
width: 59px;
height: 25px;
}

#addToTimeline
{
width: 143px;
height: 25px;
}

#tlBackLnk
{
background-position: 0px -123px;
width: 66px;
height: 25px;
}

#tlSkipLnk
{
background-position: 0px -548px;
width: 56px;
height: 25px;
}

#tlSavConLnk
{
background-position: 0px -498px;
width: 143px;
height: 25px;
}

#tlEditEntryLnk
{
background-position: 0px -273px;
width: 96px;
height: 25px;
}

#tlNextLnk
{
background-position: 0px -348px;
width: 66px;
height: 25px;
}

#tlSearchLnk
{
width: 76px;
height: 25px;
}

#nextDisabled .btnId
{
background-position: 0px -323px;
width: 66px;
height: 25px;
}

/* Timeline buttons classes end */

/*Classlist Icons */
.cl-sprite {
  background: url(/graphics/icons/classlist-iconSprite.gif);
  background-repeat:  no-repeat;
}

#profile-icon 		{ background-position: 0px 0px; width: 17px; height: 13px; }
#profile-icon-new 	{ background-position: 0px -13px; width: 21px; height: 14px; }
#guestbook 			{ background-position: 0px -27px; width: 21px; height: 16px; }
#photo-icon 		{ background-position: 0px -43px; width: 16px; height: 14px; }
#photo-icon-new 	{ background-position: 0px -57px; width: 20px; height: 14px; }
#enlarge 			{ background-position: 0px -71px; width: 16px; height: 15px; }
#add-to-friends		{ background-position: 0px -86px; width: 20px; height: 13px; }
#email-icon 		{ background-position: 0px -99px; width: 15px; height: 11px; }
#map-icon 			{ background-position: 0px -110px; width: 14px; height: 14px; }
#dating-icon 		{ background-position: 0px -124px; width: 13px; height: 12px; }
#bb-icon 			{ background-position: 0px -136px; width: 14px; height: 14px; }
#bb-icon-new 		{ background-position: 0px -150px; width: 20px; height: 15px; }
#smiley-icon 		{ background-position: 0px -165px; width: 13px; height: 13px; }
#profile-action 	{ background-position: 0px -178px; width: 17px; height: 14px; }
#partyhat 			{ background-position: 0px -187px; width: 12px; height: 13px; }
#newstar 			{ background-position: 0px -200px; width: 11px; height: 10px; }
#checkall  			{ background-position: 0px -210px; width: 17px; height: 13px; }

/* ruhplite modofications */
#earlyExitDiv {
  margin:auto;
  background:#fff;
  width:980px;
  height:1px;
}
/* ruhplite modofications end*/

.subHeaderBoxColor2{ background: #cccccc; }
.marginB33 { margin-bottom:33px; }
.marginL16 { margin-left:16px; }
.marginB14 { margin-bottom:14px; }
.paddingR8 { padding-right:8px; }