/*css reset area */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: top;
}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
content: '';content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-spacing: 0;
border-collapse: collapse;
}
/*End of CSS Reset Area */
.clearfix:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 0.75em;
background: #ffffff url(../img/jygy_background.jpg) fixed right bottom no-repeat;
}
a {
text-decoration: none;
color:#356aa0;
}
a:hover {
color: #ef9c00;
}
h1 {
font-size: 110%;
margin: 0;
padding: 0;
}
h2 {
font-size: 100%;
margin: 0;
padding: 0;
}
h3 {
font-size:80%;
margin: 0;
padding: 0;
}
p {
font-size: 11px;
color: #333;
margin: 0;
padding: 0;
}
form label {
color: #333;
padding: 4px 0;
}
form {
margin: 0;
padding: 0;
font-size: 12px;
}
form fieldset {
border: none;
}
form fieldset legend {
color: #333;
font-weight: bold;
}
form input, textarea, input[type=file], select {
border: solid 1px #999;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 13px;
overflow: auto;
padding: 2px;
}
form input[type=text], form input[type=file] {overflow: hidden;}
input[type=image], input[type=checkbox], input[type=radio] {border:none;padding:0;background: none;}
form input#reset {margin-left: 0px;}
ul.liststyleform li{
margin: 10px 20px;
}
ul.liststyleform label {
font-size: 11px;
font-weight: bold;
color: #356aa0;
width:20%;
float: left;
}
.min-height {min-height:300px}
.clear {clear: both;}
.fltLeft {float:left}
.paddingleft {padding-left: 10px;}
.paddingright {padding-right: 10px;}
.errorMessage {color:#356AA0;font-size:18px;line-height:4.5em;padding:0 10px;}
.errorCopy {
line-height: 1.8em;
font-weight: normal;
}
.push-top {
padding-top: 15px;
clear: both;
}
.errorSpace p {
line-height: 1.5em;
font-size: 12px;
}
/*Start Here*/
/*Paginator styles - There are more set in the mojo_default.skin.properties file */
.paginatorSelected {
color: #356aa0;
font-weight: bold;
}
.paginatorUnSelected {
color: #999;
}
.paginatorDisabled {
color: #666;
font-style: italic;
}
.dr-dscr-t {
border-style: none;
border-width: 0;
background: none;
}
.dr-dscr-button {
border-style: none;
border-width: 0;
background: none;
}
.dr-dscr-button-dsbld {
color: #666;
}
.confirmmsg, .validationerror {
color: #ea6b48;
font-weight: bold;
font-size: 10px;
}
.savePreferences {
width: 100%;
float:right;
clear:both;
}
.preferencesSaveMsg {
background:#7297BD none repeat 0 0;
border:1px solid #ea6b48;
clear:both;
color:#F0F0F0;
float:right;
font-size:12px;
font-weight:bold;
margin-bottom: 5px;
padding:2px 4px;
}
/*Start of the home page */
.headerBG {
background: transparent url("../img/header_bg_tile.jpg") repeat-x;
}
.prevhome {
cursor:pointer;
left:5px;
position:relative;
top:53px;
}
.nexthome {
cursor:pointer;
left:627px;
position:relative;
top:-68px;
}
.nextFacts {
cursor:pointer;
}
.prevFacts {
cursor:pointer;
}
.prevdl {
cursor:pointer;
left:84px;
position:relative;
top:46px;
}
.nextdl {
cursor:pointer;
left:705px;
position:relative;
top:-68px;
}
.dr-list {
left: 0;
width: 100%;
}
.rich-datalist {
left: 0;
width: 100%;
}
#container {
width: 1024px;
height: 100%;
margin: 0 auto;
overflow: hidden;
background: transparent url(../img/sidebar_bg_tile.png) repeat-y;
background-position: 828px 50px;
}
#containerOuter {
width: 1024px;
margin: 0 auto;
}
#headerStuff {
height: 86px;
background: transparent url(../img/header_bg_tile.jpg) repeat-x;
width: 100%;
z-index: 998;
}
#headerStuff .header {
position: relative;
float: left;
top: 14px;
left: 0;
z-index: 1000;
}
#headerStuff .taglineNew {
float:left;
position:relative;
top:36px;
}
#subnav_home {
background: transparent url("../img/home_subnav.png") no-repeat;
width:1024px;
height: 19px;
clear: left;
position: absolute;
top: 57px;
z-index: 999;
}
#subnav_inner {
background: transparent url("../img/home_subnavAlt.png") no-repeat;
width:1024px;
height: 24px;
clear: left;
position: absolute;
top: 57px;
padding: 8px 0 0 0;
}
form#subnavMenu {
position: absolute;
top: 3px;
right: 110px;
}
#subnavMenu ul {
margin: 0;
padding: 0;
}
#subnavMenu ul li {
display: inline;
float:left;
font-size: 11px;
list-style-type: none;
}
#subnavMenu a {
color: #333;
font-weight: bold;
}
#subnavMenu a:hover {
color: #fff;
}
#subnavMenu ul li.messages, #subnavMenu ul li.logout {
margin-left: 38px;
margin-top: -1px;
}
#subnavMenu ul li.preferences {
color: #C6CFDB;
font-weight:bold;
cursor: pointer;
}
#subnavMenu ul li.preferences:hover, #subnavMenu ul li a.bluebg:hover {
color: #fff;
}
#subnavMenu ul li a.bluebg {
color: #C6CFDB;
font-weight:bold;
cursor: pointer;
padding-right: 14px;
}
#subnav_home .signin {
float:right;
width: 225px;
padding:1px;
color: #356aa0;
cursor: pointer;
text-align: center;
position: relative;
right: 62px;
font-size: 11px;
font-weight: bold;
}
#subnav_home .signin img {
margin-top: -1px;
}
/*---Preferences Sub Menu Styles ---*/
div.headerSubTabs {
display: inline;
float: left;
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 6px;
}
.subnavHeader {
height: 30px;
background: url("../img/border.jpg") repeat-x bottom;
}
ul.tabnavigation {
display: block;
margin-left: 10px;
}
ul.tabnavigation a {
display: block;
background: url("../img/left_tab.jpg") no-repeat left top;
padding:7px 24px 9px;
color: #f0f0f0;
}
ul.tabnavigation a:hover {
text-decoration: underline;
}
ul.tabnavigation li.liselected {
background: url("../img/rightactive.jpg") no-repeat right top;
color: #356aa0;
}
ul.tabnavigation a.selected {
text-decoration: underline;
}
ul.tabnavigation li {
float: left;
display: inline;
background: url("../img/right_tab.jpg") no-repeat right top;
margin-right: 1px;
padding: 0;
height: 29px;
overflow: hidden;
}
.statusUpdate_options img {
margin-right: 30px;
}
form#accSettinForm, form#userProfileForm, form#interestForm, form#privacySettingForm, form#statusSettingForm {
width: 100%;
margin: 10px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
clear: both;
}
form#accSettinForm h2, form#userProfileForm h2, form#interestForm h2 {
color: #C6CFDB;
padding-bottom: 10px;
width: 50%;
}
form#privacySettingForm h2, div#statusSettingForm h2 {
color: #C6CFDB;
padding-bottom: 10px;
}
form#accSettinForm label, form#accSettinForm input, form#accSettinForm select, form#userProfileForm label, form#userProfileForm input, form#userProfileForm select, form#interestForm label, form#interestForm input, form#interestForm select, form#privacySettingForm input {
display: block;
width: 175px;
float: left;
margin-bottom: 10px;
}
form#privacySettingForm select {
display: block;
width: 100px;
float: left;
margin-bottom: 10px;
}
form#userProfileForm textarea, form#interestForm textarea {
display: block;
width: 225px;
float: left;
margin-bottom: 10px;
}
form#accSettinForm input[type=hidden], form#userProfileForm input[type=hidden], form#interestForm input[type=hidden], form#privacySettingForm input[type=hidden] {
display: none;
}
form#accSettinForm label {
text-align: right;
padding-right: 10px;
width: 110px;
font-size: 12px;
font-weight: normal;
color: #f0f0f0;
}
form#userProfileForm label, form#interestForm label {
text-align: right;
padding-right: 10px;
width: 75px;
font-size: 12px;
font-weight: normal;
color: #f0f0f0;
}
form#privacySettingForm select {
display: block;
width: 90px;
float: left;
margin-bottom: 10px;
}
form#privacySettingForm label {
text-align: right;
padding-right: 10px;
width: 165px;
font-size: 12px;
font-weight: normal;
color: #f0f0f0;
float: left;
}
form#privacySettingForm input[type=checkbox] {
width: 20px;
float:left;
}
form#privacySettingForm .msgTiming {
margin-top: 10px;
color: #f0f0f0;
}
form#privacySettingForm .msgTiming input[type=checkbox] {
width: 20px;
float:left;
}
form#privacySettingForm .msgTiming td {
vertical-align: middle;
}
form#privacySettingForm .msgTiming select {
width: 70px;
float:left;
margin: 0 5px;
}
form#privacySettingForm .msgTiming label {
width: 30px;
float:left;
}
form#accSettinForm .accSettingLower label {
width: 110px;
}
form#accSettinForm .accSettingLower input[type=button], form#userProfileForm .changeProfilePic input[type=button] {
color:#e3ff64;
font-weight: normal;
background: none;
cursor: pointer;
border: none;
width: auto;
font-size: 11px;
}
form#accSettinForm .accSettingLower input[type=button]:hover {
text-decoration: underline;
}
form#accSettinForm .messageIdentities {
margin: 0 0 10px 118px;
}
form#accSettinForm .prefLocation, form#accSettinForm .prefPassword, form#userProfileForm .profileInfo, form#userProfileForm .aboutMe, form#privacySettingForm .publicAccessSettings, form#privacySettingForm .privacySettings {
float: left;
width: 320px;
}
form#accSettinForm .clrField, form#accSettinForm .accSettingLower, form#accSettinForm .timeZoneEdit, form#accSettinForm .emailEdit, form#accSettinForm .secretEmailEdit, form#userProfileForm .changeProfilePic, form#privacySettingForm .msgTiming, form#privacySettingForm .clrField {
clear:left;
}
form#userProfileForm .changeProfilePic {
width: 170px;
}
form#userProfileForm .changeProfilePic input[type=button] {
float:right;
}
form#userProfileForm .birthdayGroup select {
width: auto;
margin-right: 3px;
}
#statusSettingForm .statusSettings {
padding: 10px;
margin-top: 10px;
}
#statusSettingForm .networkSelect td {
padding: 4px 3px;
}
#statusSettingForm .networkSelect dd {
padding: 2px 5px;
}
#statusSettingForm p {
color:#f0f0f0;
font-size: 12px;
font-weight: normal;
padding: 3px;
}
#statusSettingForm .statusUpdate_options p {
padding: 3px;
}
#statusSettingForm label {
color: #f0f0f0;
font-weight: bold;
width: 100px;
}
#statusSettingForm .networkLogin label {
padding-right: 10px;
}
#statusSettingForm .networkLogin table {
margin-top: 10px;
}
#statusSettingForm .networkLogin input {
margin-bottom: 5px;
}
.statusradiocontainer input {
border: 0;
}
.register {
float:right;
width: 225px;
padding:2px;
color: #333;
text-align: center;
padding-right: 58px;
clear: both;
padding-top: 5px;
}
a.register:hover {
color: #356aa0;
}
#loginScreen {
width: 225px;
background: #b7d635;
position: absolute;
right: 61px;
top: 17px;
z-index: 999;
}
#loginScreen .closeBtn {
color:#356AA0;
cursor:pointer;
font-size:10px;
font-weight:bold;
position: absolute;
right: 10px;
bottom: 5px;
}
#loginScreen img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}
.roundbottom {
background: #b7d635 url(../img/login_br.gif) no-repeat top right;
}
#loginFrm {
position:relative;
padding: 10px;
}
#loginFrm label {
color: #666;
margin: 3px auto;
font-size: 10px;
font-weight: bold;
}
#loginFrm a.forgotPass {
font-size: 10px;
}
#loginFrm input {
color: #333;
margin: 3px auto;
}
#loginFrm input[type=button] {
background: none;
border: none;
cursor: pointer;
text-decoration: none;
color:#356aa0;
margin: 0;
padding: 0;
}
#loginFrm .loginLinks {
position: relative;
}
a#loginFrm {
margin-top: 5px;
margin-bottom: 5px;
}
#homeContent {
width: 100%;
margin: 10px auto;
height: 100%;
}
#homeContent h1 {
font-size: 14px;
font-weight: bold;
padding: 0 8px;
color: #28639f;
}
#homeContentLeft {
display: inline;
width: 660px;
float: left;
}
#homeContentLeft .homeGrooves {
width: 650px;
margin: 10px auto;
}
#homeContentLeft .userProfiles {
width: 650px;
margin: 0;
}
#homeContentLeft .userProfiles ul, #userProfileBottom .userProfiles ul {
margin: 10px 0 0 0;
padding:0;
}
#homeContentLeft .userProfiles ul li, #userProfileBottom .userProfiles ul li {
display:inline;
float:left;
text-align: center;
width: 65px;
height: 80px;
margin-bottom: 10px;
}
#homeContentLeft .homeGrooves ul {
margin: 10px 0 0 0;
padding:0;
}
#homeContentLeft .homeGrooves ul li {
display:inline;
float:left;
color: #333;
text-align: center;
width: 100px;
}
#homeContentRight {
width: 354px;
float:right;
height: 100%;
display: inline;
}
/*---------------------------------------------------Doodad Box CSS -----------------------------------------------------------*/
.insidedoodadbg, .iframebg {
background: #fff url(../img/doodad/doodad_bg_btm.gif) bottom left repeat-x;
width:auto;
min-height: 20px;
z-index: -1;
}
.insidedoodadbg_closed {
background: #fff url(../img/doodad/doodad_bg_btm.gif) top left repeat-x;
width:auto;
min-height: 20px;
z-index: -1;
}
.doodadTitle, .tabLineDashTitleShort, .tabLineDashTitle {
color: #ef9c00;
font-weight: bold;
}
.doodad_box_bg {
background:none;
margin: 5px auto;
}
.box_left_bottom_side {
width: 5px;
height: 5px;
background: url(../img/doodad/box_left_bottom_side.gif) no-repeat;
}
.box_left_bottom_side_closed {
width: 5px;
height: 5px;
background: url(../img/doodad/box_left_bottom_side_closed.gif) no-repeat;
}
.box_right_bottom_side {
width: 5px;
height: 5px;
background:transparent url(../img/doodad/box_right_bottom_side.gif) no-repeat;
}
.box_right_bottom_side_closed {
width: 5px;
height: 5px;
background:transparent url(../img/doodad/box_right_bottom_side_closed.gif) no-repeat;
}
.box_left_top_side {
width: 5px;
background:transparent url(../img/doodad/box_left_top_side_alt.gif) top left no-repeat;
}
.box_left_top_side_alt {
width: 5px;
background:transparent url(../img/doodad/box_left_top_side_alt.gif) top left no-repeat;
}
.box_right_top_side {
width: 5px;
background: transparent url(../img/doodad/box_right_top_side_alt.gif) no-repeat;
}
.box_right_top_side_alt {
width: 5px;
background: transparent url(../img/doodad/box_right_top_side_alt.gif) no-repeat;
}
.box_bottom_line {
height: 5px;
background:transparent url(../img/doodad/box_bottom_line.gif) repeat-x;
}
.box_bottom_line_closed {
height: 5px;
background:transparent url(../img/doodad/box_bottom_line_closed.gif) repeat-x center top;
}
.box_top_line {
height: 19px;
background:transparent url(../img/doodad/box_top_line_alt.gif) repeat-x;
}
.box_top_line_alt {
height: 5px;
background:transparent url(../img/doodad/box_top_line_alt.gif) repeat-x;
}
.box_left_line {
width:5px;
background:transparent url(../img/doodad/box_left_line.gif) bottom left no-repeat;
}
.box_left_line_closed {
width:5px;
background:transparent url(../img/doodad/box_left_line.gif) top left no-repeat;
}
.box_right_line {
width:5px;
background: transparent url(../img/doodad/box_right_line.gif) bottom right no-repeat;
}
.box_right_line_closed {
width:5px;
background: transparent url(../img/doodad/box_right_line.gif) top right no-repeat;
}
.box_left_line_long {
width:5px;
background:transparent url(../img/doodad/box_left_line_long.gif) bottom left no-repeat;
}
.box_right_line_long {
width:5px;
background: transparent url(../img/doodad/box_right_line_long.gif) bottom right no-repeat;
}
#sideBar {
display:inline;
float:right;
height:auto;
position: relative;
width:180px;
top: -10px;
margin-left: 5px;
}
#sideBar h1 {
font-size: 14px;
font-weight: bold;
color: #000;
margin-bottom: 4px;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
#sideBar .txtanyone {
margin: 20px auto;
width: 178px;
text-align: left;
}
#txtAnyoneFrm fieldset {
padding: 2px 5px 5px 0;
}
#txtAnyoneFrm textarea {
width: 98%;
}
#txtAnyoneFrm .txtAnyoneMsg {
display: table;
vertical-align: top;
}
#txtAnyoneFrm label {
display: inline-block;
line-height: 1.1;
vertical-align: top;
font-weight: bold;
}
#txtAnyoneFrm fieldset ol {
margin:0;
padding: 0;
}
#txtAnyoneFrm fieldset li {
list-style: none;
padding: 0;
margin: 0;
}
#txtAnyoneFrm p {
color: #4e4e4f;
}
#sideBar .profileInfo {
margin: 20px auto;
width: 178px;
text-align: left;
padding-top: 2px;
clear: both;
}
#sideBarProfile img {
padding-right: 3px;
}
#sideBar .navigation {
margin: 20px auto;
width: 178px;
text-align: left;
clear: both;
}
#statusForm h1 a {
color:#356aa0;
cursor: pointer;
}
#sideBar .navigation h1, #sideBar .profileInfo h1, #statusForm h1 {
font-size: 12px;
font-weight: bold;
color: #356aa0;
margin: 4px auto;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
.statusPost {
float:right;
margin-bottom:13px;
position:relative;
right:2px;
top:5px;
}
#sideBar .navigation ul {
list-style-type: none;
color: #333;
}
#sideBar .navigation ul li {
padding: 5px;
margin-left: 3px;
}
#sideBar .navigation a, #sideBar .navigation a:visited {
color: #333;
text-decoration: none;
}
#sideBar .navigation a:hover {
color: #356aa0;
}
#allColumns {
width: 823px;
float:left;
}
#allCoumns, #sideBar {
height: 100%;
overflow: hidden;
}
#column0 {
float: left;
width: 29%;
min-width:240px;
margin: 0;
display: inline;
}
#column1 {
float: left;
width: 70%;
margin: 0;
display: inline;
}
#column0 .doodad_box_bg {
width:240px;
}
#column1 .doodad_box_bg {
width:560px;
}
#column0 p, #column1 p {
margin: 0;
padding: 0;
}
.groupItem {
clear: both;
min-height: 1%;
}
.groupItem .itemHeader {
color: #ccc;
cursor: move;
height: 19px;
position: relative;
}
.groupItem .itemHeader a {
position: absolute;
right: 10px;
top: 0px;
font-weight: normal;
font-size: 11px;
text-decoration: none;
}
.sortHelper {
border: 2px dashed #dcdcdc;
width: auto !important;
}
.groupWrapper p {
overflow: hidden;
margin: 0;
padding: 0;
}
.closeEl {
float: right;
width: 13px;
cursor: pointer;
margin-right:5px;
}
.itemContent {
overflow: hidden;
width: 100%;
}
.msgConfirm {
width: 178px;
margin: 0 auto;
padding: 5px;
clear: both;
}
.close {
float: right;
width: 16px;
background: url(../img/doodad/minus.png) no-repeat;
cursor: pointer;
height: 16px;
}
.open {
float: right;
width: 16px;
background: url(../img/doodad/plus.png) no-repeat;
cursor: pointer;
height: 16px;
}
.remove {
float: right;
width: 16px;
background: url(../img/doodad/close.png) no-repeat;
cursor: pointer;
height: 16px;
}
#friendHeader {
margin: 10px 0 10px 0;
font-size:16px;
font-weight: bold;
color: #ef9c00;
width:100%;
height:auto;
}
ul.actionLinks {
float: right;
}
ul.actionLinks li {
float: left;
display: inline;
padding: 0 2px;
}
#statusUpdate {
clear: both;
}
#statusForm {
margin: 10px auto;
}
#statusForm a {
color: #333;
}
#statusForm a:hover {
color: #ef9c00;
}
.rssTime {
font-size: 10px;
font-style: italic;
color: #666;
font-weight: normal;
}
#blogFormProfile {
margin-top: 10px;
}
#blogDetailForm, #blogDetailForm .blogMsgBody {
margin-top:10px;
padding-bottom: 10px;
}
.blogMsgBody img {
max-width:750px;
}
#blogDetailForm p {
padding: 5px;
}
#blogDetailForm .blogDetailHeader h2, .tagwallwritepost h2 {
color: #356aa0;
}
#blogForm {
width: 100%;
}
#blogForm .blogEntries img{
max-width: 600px;
}
#blogForm img {
display: none;
}
#blogForm .blogEntries p {
margin: 10px 5px;
width: 800px;
}
.blogTitle {
font-weight: bold;
}
.blogTime {
font-size: 10px;
font-style: italic;
padding-right: 5px;
color: #666;
}
#blogPoster {
background: #f0f0f0;
margin: 5px 0;
padding: 5px 0;
border: #ccc solid 1px;
color: #356aa0;
float:left;
width: 100%
}
#blogPoster .blogInfo {
float: left;
}
#blogPoster .blogActions {
float: right;
padding-right: 10px;
font-size: 0.9em;
}
#blogPoster .blogPostedBy {
font-size: 10px;
color: #666;
clear:both;
float:left;
}
#blogEditForm li.widgEditSelect, #blogCreateForm li.widgEditSelect {
margin: 6px;
}
#blogEditForm ul li, #blogCreateForm ul li {
margin: 10px 20px;
}
#blogEditForm label, #blogCreateForm label {
font-size: 11px;
font-weight: bold;
color: #356aa0;
width:11%;
float: left;
}
#blogEditForm label.editTitle, #blogCreateForm label.editTitle {
width: 5%;
}
.tagwallTime {
font-size: 10px;
font-style: italic;
}
/*----------------ToolTip Testing CSS ----------------------------*/
.toolTip img {
width: auto;
max-height: 75px;
max-width: 50px;
height: auto;
margin: auto 0;
}
.topList {
}
a.toolTip {
z-index: 1;
}
.tooltipImage {
width: 75px;
}
.tooltipInfo {
width: 175px;
float:left;
}
.tooltipName {
font-size: 12px;
color: #356aa0;
font-weight: bold;
}
.tooltipkeyword {
font-size: 10px;
color: #356aa0;
font-weight: bold;
}
.tooltipContent {
font-size: 12px;
color: #333;
}
.popStats {
margin: 5px 0;
padding: 4px;
}
#cluetip-close img {
border: 0;
}
#cluetip-title {
overflow: hidden;
display: none;
}
#cluetip-title #cluetip-close {
float: right;
position: relative;
}
#cluetip-waitimage {
width: 43px;
height: 11px;
position: absolute;
background-image: url(../img/ajax-loader_wht.gif);
}
.cluetip-arrows {
display: none;
position: absolute;
top: 0;
left: -11px;
height: 26px;
width: 12px;
background-repeat: no-repeat;
background-position: 0 0;
z-index: 100;
}
#cluetip-extra {
display: none;
}
.cluetip-rounded {
background: transparent url(../img/toolTip/bl.png) no-repeat 0 100%;
margin-top: 10px;
margin-left: 14px;
}
.cluetip-rounded #cluetip-outer {
background: transparent url(../img/toolTip/tl.png) no-repeat 0 0;
margin-top: -14px;
}
.cluetip-rounded #cluetip-title {
background: transparent;
padding: 15px 15px 0;
margin: 0 -14px 0 0;
position: relative;
}
.cluetip-rounded #cluetip-extra {
position: absolute;
display: block;
background: transparent url(../img/toolTip/tr.png) no-repeat 100% 0;
top: 0;
right: 0;
width: 14px;
height: 12px;
margin: -14px -14px 0 0;
}
.cluetip-rounded #cluetip-inner {
background: transparent url(../img/toolTip/br.png) no-repeat 100% 100%;
margin:-18px -14px 0 0;
overflow:hidden;
padding:5px 14px 14px;
position:relative;
}
.cluetip-rounded div#cluetip-close {
text-align: right;
margin: 0 5px 5px;
color: #009;
background: transparent;
}
.cluetip-rounded div#cluetip-close a {
color: #777;
}
#tooltipProfile {
width: 200px;
}
.ttprofilePic {
width: 150px;
margin: 0 auto;
}
#wrapper {
height: 75px;
width: 75px;
display: table;
}
#wrapperText {
height: 15px;
width: 75px;
display: table;
vertical-align: middle;
font-size: 11px;
line-height: 1.3em;
}
#outer {
display: table-cell;
vertical-align: middle;
}
#imageWrap {
position: relative;
cursor: pointer;
}
.smallThumb {
width: 150px;
height: auto;
min-height: 75px;
}
.ttprofileInfo {
clear: both;
margin-bottom: 10px;
}
#searchFriend, #searchFriendExt {
padding: 5px;
}
#searchFriend h1, #searchFriendExt h1 {
color: #ef9c00;
margin: 5px 0;
}
#searchFriend h2{
color: #356aa0;
margin: 5px 0;
}
#searchFriendExt h2 {
color: black;
}
.linkHighlight {
font-weight:bold;
color: #356aa0;
text-decoration: underline;
}
.linkHighlightAlt {
font-weight:bold;
color: #356aa0;
font-size: 11px;
line-height:1.5em;
}
.linkHighlightunselec {
color: #356aa0;
font-size: 11px;
line-height:1.5em;
}
.fbcontentdivider {
margin-top: 5px;
margin-bottom: 10px;
height: 1px;
background-color: #d8dfea;
}
.fbcontentdividerFriends {
margin-bottom: 3px;
height: 1px;
background-color: #d8dfea;
}
.friendInformation span {
font-size: 11px;
color: #333;
}
#searchFriend p {
color: #333;
font-size: 12px;
line-height: 1.2em;
padding: 10px 200px 10px 10px;
}
#searchFriendExt p {
line-height: 1.5em;
}
#searchFriend .searchDetails{
padding: 5px;
margin: 10px 0;
}
#searchFriendExt .searchDetails {
padding: 5px;
margin: 10px 0;
background-color: #C5CEDF;
height: 60px;
}
#searchFriend .searchDetails input, #searchFriendExt .searchDetails input {
margin-right: 5px;
}
.addGender {
width: 30%;
padding: 5px 0px;
}
.addAge {
width: 20%;
padding: 5px 0px;
}
.addLocation {
padding: 5px 0px;
}
.addLocation input, .addAge select {
margin: 0 5px;
}
.dlSidebartxt {
color: #999999;
font-size: 10px;
}
h1.dlSidebar {
position: relative;
top: 10px;
padding-bottom: 5px;
}
#searchFriend .additionalOptions {
margin: 10px 0;
}
#searchFriend .additionalOptions h2 {
color: #618bbf;
}
#globalsearchFrm {
padding: 5px;
}
#globalsearchFrm p, #globalsearchFrm input {
margin-bottom: 7px;
}
#globalsearchFrm p {
color: #333;
}
form#globalsearchResults, form#globalsearchFrm {
width: 90%;
margin-left: 20px;
margin-bottom: 20px;
}
form#globalsearchFrmDL {
margin: 0;
width: 90%;
}
form#globalsearchFrmDL input[type=image], #searchHeader input[type=image] {
left:69px;
position:relative;
top:10px;
}
/*Registration Form */
#registrationForm, #createGrpFrm {
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
#registrationForm ul, #mainFormAbuse ul, form#facebookLogin ul, form#myspaceLogin ul, form#twitterLogin ul {
margin: 10px auto;
}
#registrationForm ul li, #mainFormAbuse ul li, form#facebookLogin ul li, form#myspaceLogin ul li, form#twitterLogin ul li {
margin: 10px 0px;
}
#registrationForm h1, #globalsearchResults h1, #globalsearchFrm h1, #globalsearchFrmDL h1 #register2 h1, #searchHeader h1 {
font-size: 120%;
color:#356aa0;
padding: 5px;
}
#registrationForm h2, #createGrpFrm h2 #globalsearchResults h2, #globalsearchFrm h2, #mainFormAbuse h2 {
font-size: 100%;
color:#ef9c00;
padding: 5px;
}
#registrationForm p, #globalsearchResults p {
color: #333;
line-height: 1.3em;
font-size: 14px;
padding: 10px 200px 10px 10px;
}
#registrationForm .letmein_btn {
position: relative;
margin-left: 555px;
}
#registrationForm label, #mainFormAbuse label{
font-size: 12px;
color: #333;
width:20%;
float: left;
}
form#facebookLogin label, form#myspaceLogin label, form#twitterLogin label {
color:#C6CFDB;
float:left;
font-size:11px;
padding-right:5px;
text-align:right;
width:30%;
}
form#facebookLogin p, form#myspaceLogin p, form#twitterLogin p {
float: left;
padding-bottom: 15px;
}
#mainFormAbuse {
margin-top: 20px;
}
#mainFormAbuse textarea {
width: 300px;
height: 100px;
}
#termsBody h2, #register2 h2 {
font-size: 100%;
color:#ef9c00;
padding: 3px;
}
#termsBody h1, .faqitem {
color: #356aa0;
font-size: 12px;
padding: 2px 0 2px 20px;
}
#termsBody a {
font-weight: bold;
font-size: 11px;
}
#termsBody p {
color: #333;
line-height: 1.1em;
font-size: 11px;
padding: 2px 100px 2px 30px;
}
#termsBody p span {
font-size: 11px;
}
#termsBody p.termsHeader {
font-size: 12px;
padding: 2px 30px 2px 10px;
}
#register2 p {
color: #333;
line-height: 1.1em;
margin: 10px 0;
font-size: 12px;
padding: 2px 150px 2px 10px;
}
#confirmUserIdentify {
padding-left: 10px;
}
#confirmUserIdentify input[type=image] {
position:relative;
top:5px;
}
#confirmUserIdentify input {
margin-left: 3px;
}
.formSpacer {
margin-bottom: 10px;
}
.movePrefix {
color:#356AA0;
float:right;
font-weight:bold;
position:relative;
right:643px;/*Tannguyen: changed Oct 05, 10, 2008 Ticket: #2286*/
top:5px;
}
#registrationForm #cityForStatePanel {
margin-bottom: 10px;
}
form#bypassConfirmUserIdentify input {
margin-left: 366px;
}
.labelHolder {
width: auto;
}
.registerInstruction {
font-size: 11px;
color: #666;
padding-left: 10px;
font-weight: normal;
}
.tandccopy {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}
#globalsearchFrm .searchBox, #globalsearchFrmDL .searchBox {
margin: 15px 0 0 0;
}
#globalsearchFrm input[type=text], #globalsearchFrmDL input[type=text] {
margin-top: 3px;
}
#globalsearchResults a {
text-decoration: none;
}
.groupsTableHeader {
background: transparent url("../img/groupsTableHeader.gif") no-repeat top left;
height: 16px;
padding-top: 2px;
}
.groupsTableHeader span {
margin-bottom:12px;
margin-right:-9px;
padding-right:9px;
padding-top:1px;
position:relative;
background: transparent url("../img/groupsTableHeader.gif") no-repeat right top;
}
.autocomplete {
background: #fff;
}
.autoComselected, .rich-sb-int-sel {
background-color: #C6CFDB;
font-weight: bold;
border-top: solid 1px #ef9c00;
border-bottom: solid 1px #ef9c00;
}
.jygyTable-evenGrp, .jygyTable-oddGrp {
background: transparent url(../img/table_bg.gif) repeat-x top left;
}
.jygyTable-evenGrp:hover, .jygyTable-oddGrp:hover {
background: transparent url(../img/table_bg_hover.gif) repeat-x;
cursor: pointer;
}
.jygyTable-evenGrp td, .jygyTable-oddGrp td {
padding: 2px 5px;
}
.jygyTable-even, .jygyTable-odd, .dr-sdt-rb .rich-sdt-row {
background: transparent url(../img/table_bg.gif) repeat-x;
}
.jygyTable-even:hover, .jygyTable-odd:hover {
background: transparent url(../img/table_bg_hover.gif) repeat-x;
cursor: pointer;
}
.jygyTableTall-even, .jygyTableTall-odd {
background: transparent url("../img/table_bg_tall.gif") repeat-x;
}
.jygyTableTall-even:hover, .jygyTableTall-odd:hover {
background: transparent url("../img/table_bg_tall_hover.gif") repeat-x;
cursor: pointer;
}
.jygyTable-header {
background: transparent url("../img/table_bg_header.gif") repeat-x bottom left;
text-align:left;
padding: 2px 0 2px 2px;
color: #f0f0f0;
}
.groupsInviteHeader {
background: transparent url(../img/table_bg_header.gif) repeat-x bottom left;
text-align:left;
padding: 2px 0 2px 2px;
font-weight: bold;
}
.searchDesc {
font-weight: bold;
color: #356aa0;
margin-bottom: 0;
}
.doodadName, .tabLineDashTitle, .tabLineDashTitleShort {
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
padding:4px 0 0 5px;
}
.profilePageHeader {
padding:15px 0;
}
#usersPageTitle {
background: transparent url("../img/profileHeader.gif") no-repeat right top;
width: 100%;
float:left;
margin:0;
padding:0;
height: 20px;
}
#usersPageTitle span {
background: transparent url("../img/profileHeader_left.gif") no-repeat left top;
margin-left: -1px;
padding: 4px;
float:left;
}
.usersPageTitle {
color: #356aa0;
font-weight: bold;
}
.tabLineDashTitle, .tabLineDashTitleShort {
padding: 3px 0 5px 2px;
}
.columnLeft {
padding-left:5px;
text-align:left;
width: 100px;
}
.columnCenter {
width:594px;
margin: 0 auto;
text-align: center;
}
.columnRight {
padding-right:5px;
text-align:right;
width: 100px;
}
.contentSubMenu {
width:673px;
display: block;
}
#contentSubMenu {
background: #356aa0 url(../img/submenuroundedcorners.gif) no-repeat left bottom;
width: 641px;
margin: -12px 0 0 302px;
padding: 10px;
position: absolute;
z-index: 8;
}
#contentSubMenu td {
vertical-align: top;
}
.headerTabPanelClass {
background: none;
color: #ffffff;
border: none;
}
.rich-tabpanel {
border: none;
background: none;
width: 100%;
padding: 5px;
}
.headerTabContent {
width: 150px;
height:30px;
color: #ffffff;
background: none;
text-align: center;
padding-top: 5px;
border: none;
}
#userProfile {
background: none;
border: none;
}
.selectedTabClass {
background:none;
cursor: pointer;
border:none;
font-weight: bold;
color: #e3ff64;
}
.rich-tabhdr-side-border {
border:none;
}
#userProfile_lbl:hover, #accountSettings_lbl:hover, #interests_lbl:hover, #privacy_lbl:hover {
font-weight: bold;
cursor: pointer;
}
.dr-tbpnl-tbtopbrdr {
border: none;
background: none;
}
.dr-tbpnl-tbbottombrdr {
border: none;
background: none;
}
.dr-tbpnl-tbbrdr {
background: none;
border:none;
}
#mediaForm .galleryContainer { /* Big Div surrounding up image, list of images and down image */
float:left;
height: 650px;
width: 215px;
padding:8px; /* A little space between the black border and the content inside */
margin-left:6px;
margin-bottom:10px;
margin-top: 10px;
background: #dee5ed;
display: inline;
}
#mediaForm .galleryContainer label, #mediaForm .galleryContainer select, #mediaForm .galleryContainer a {
float:left;
float:left;
margin-top:5px;
}
#mediaForm .galleryContainer a.view-sm-icon {
background: transparent url(../img/view-sm-icon.png) no-repeat;
padding: 2px 0 4px 16px;
}
#mediaForm .galleryContainer a.view-lg-icon {
background: transparent url(../img/view-lg-icon.png) no-repeat;
padding: 2px 10px 4px 16px;
}
#mediaForm .galleryContainer input[type=text] {
width: 119px;
margin-top: 5px;
}
#mediaForm .galleryContainer label {
width: 50px;
}
#mediaForm .galleryContainer a.mediaarrows {
width: 100%;
margin: 20px auto 0 auto;
}
#mediaForm .smallMediaTbl td {
padding: 5px;
}
#mediaGridLarge {
clear:both;
}
#previewPane {
margin-left:10px;
width:540px;
float: left;
display: inline;
}
#mediaFrame {
clear:both;
}
.mediaFrame {
margin: 0 auto;
text-align: center;
}
.mediaFrame img {
margin-top: 15px;
}
div.mediaLgInfo {
height: 75px;
float: left;
padding-left: 5px;
display: table-cell;
vertical-align: middle;
}
div.mediaLgPic {
float:left;
display: inline;
height: 80px;
}
.mediaPrevNext {
float: right;
margin-bottom: 10px;
}
.mediaPrevNext a {
padding-right: 8px;
}
.mediaPrevNext a:hover {
text-decoration: underline;
}
.mediaDateAlbum {
color: #aaa;
padding-top: 10px;
padding-bottom:30px;
}
.mediaRtBottom {
width: 100%;
height: auto;
}
#mediaActionContent {
width: 381px;
min-height:1px;
float: left;
}
.mediaComments, .mediaShare, .editContainer, .uploadContainer {
width: 350px;
height: auto;
float: left;
margin-top: 10px;
}
.mediaActions {
width: 170px;
float: right;
text-align: right;
background: transparent url("../imgs/media_divider.png") no-repeat 5px center;
}
.mediaActions ul {
list-style: none;
list-style-position:outside;
}
.mediaActions ul li {
padding:2px 0;
margin-left: -20px;
cursor: pointer;
}
.mediaActions ul li a:hover {
color:#333;
}
#sendmedia td, #editfields td, #uploadMediaContainer {
text-align: left;
}
.arrow_down {
height:21px;
text-align: center;
}
.arrow_up {
height:21px;
text-align: center;
clear: both;
}
#theImages {
position:relative;
overflow:hidden;
height:500px;
width: 210px;
}
#theImages div {
position:relative;
}
#theImages img {
padding-top:1px;
cursor: pointer;
max-height:75px;
overflow:hidden;
padding-top:1px;
}
.mediaCaptionName {
color:#356AA0;
}
.mediaCaptionCat {
color:#EF9C00;
}
.displayImg {
width: 55px;
height: auto;
border: none;
}
#mediaForm .ratingPanel h2 {
color:#333;
padding-bottom: 5px;
}
.commentpostedby {
display: block;
width: auto;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
background-color: #356aa0;
padding: 3px;
margin-bottom: 5px;
margin-top: 5px;
color: #ccc;
font-size: 10px;
}
#tagWallForm .postConversation {
width: 550px;
margin-top: 10px;
}
#tagWallForm .postConversation input[type=image] {
float: right;
}
#tagWallForm textarea {
margin: 5px 10px;
width: 90%;
}
#tagWallFormGroups textarea, #tagWallFormGroups h2 {
width:97%;
margin-bottom: 5px;
}
.tagwallPoster, .boxCropImage {
background: #f0f0f0;
margin: 5px 0;
padding: 2px 0;
border: #ccc solid 1px;
color: #356aa0;
font-weight: bold;
}
#tagwallList {
margin: 20px 0;
clear:both;
}
.tagwallPic {
width: 10%;
}
.tagwallPost {
width: 85%;
text-align: left;
vertical-align: top;
}
.commentEntry {
display: block;
}
.commentEntry h2 {
color: #ef9c00;
padding-top: 10px;
}
.tagwallUser {
font-weight: bold;
font-size: 12px;
color: #fff;
}
.proftagwallTime {
padding-top: 2px;
font-size: 11px;
font-style: italic;
color: #666;
font-weight:normal;
}
.tagwallTime {
font-size: 10px;
font-style: italic;
color: #fff;
}
.tagwallDelete {
font-size: 10px;
float:right;
padding-right: 10px;
font-weight: normal;
}
.dataTable {
width: 100%;
}
.dataTable tr:hover, .list-row-even:hover {
background: #f0f0f0;
cursor: pointer;
}
.list-header {
background: transparent url(../img/listHeader-bg.gif) repeat-x left top;
text-align: left;
text-decoration: none;
height: 18px;
color: #f0f0f0;
}
.list-row-even {
background-color: #dee5ed;
border-bottom: solid 1px #b7c7d7;
}
.list-row-even td {
padding: 3px 0;
vertical-align: middle;
}
.list-row-odd {
background-color: #DBE3EB;
height: 25px;
}
#msgButtons {
margin-top: 10px;
}
.messageActions {
height:3em;
line-height:2em;
margin-top:10px;
}
.messageActions a, .messageActions .msgsLabel {
padding-right: 12px;
}
.messageItemlink {
color: #333;
padding-right: 10px;
}
.messageItemlink2 {
color:#356aa0;
padding-right: 10px;
}
.messageTitle {
color:#356aa0;
font-size:110%;
font-weight:bold;
}
.dialogHeaderTxt {
padding-left: 5px;
font-weight: bold;
color:#356aa0;
display: block;
height: 15px;
}
.msgdialogText {
font-weight: bold;
}
.msgdialogTextRed {
color: #cf0000;
}
#dojoDialogReplyContentDiv, #dojoDialogContentDiv, #dojoDialogForwardContentDiv, #dojoDialogDeleteListContentDiv, #dojoDialogDeleteContentDiv, #dojoDialogNewMsgContentDiv {
padding: 10px;
}
#dojoDialogContentDiv {
min-width: 400px;
}
#dojoDialogContentDiv p, #DialogReplyForm p, #DialogForwardForm p {
border-top:1px solid #666666;
margin-bottom:20px;
margin-top:10px;
padding-top:5px;
width:100%;
}
#dojoDialogContentDiv input[type=image], #DialogReplyForm input[type=image] {
margin-right: 5px;
}
.snappsTopContainerLt {
float:left;
padding-right:20px;
width:490px;
margin-bottom: 10px;
line-height: 1.3em;
}
#snappForm .grooveicons {
text-align:center;
width:500px;
clear: both;
}
.grooveicons a {
font-weight:700;
font-size: 10px;
}
.groove_section3 {
display:block;
float:right;
height:200px;
line-height:1.3em;
width:285px;
}
.groove_section3 h2 {
font-weight: bold;
color: #356aa0;
}
.descriptiontxt {
line-height: 1.3em;
}
.snappName {
font-weight: bold;
color: #356aa0;
}
#snappForm td {
vertical-align:top;
}
#snappForm td, #snappForm th {
padding:2px 0;
}
.snappDisplayImg {
margin:0 auto;
text-align:center;
width:100px;
}
#snappForm {
width:794px;
margin:10px auto;
}
#snappForm td, #snappForm th {
padding:2px 0 2px 0;
}
#snappForm td {
vertical-align: top;
}
#snappForm .snappDisplayTable tr:hover {
background-color: transparent;
}
.snappDisplayHeader {
background: #e3ff64;
color: #fff;
}
.snappDisplayTable {
border: 1px solid #999;
margin-left:10px;
}
.snapplistrow {
text-align:left;
}
.snapplistrow:hover {
background: #e5e5e5;
cursor: pointer;
}
th.snappDisplayHeader tr:hover {
background: none;
}
.snappDisplay1 {
width:100px;
}
.snappDisplay2 {
width:260px;
}
.snappDisplay3 {
width:100px;
text-align: center;
}
.snappDisplay4 {
width:90px;
text-align: center;
}
.snappDisplay5 {
width:150px;
text-align: left;
}
.snappDisplay6 {
width:100px;
text-align: left;
}
.snappTable2 {
color:#EF9C00;
font-weight:bold;
}
.dr-tbpnl-cntnt {
}
.richSnappDetailbg {
background-color:#EEF3F8;
color:#333;
line-height: 1.3em;
padding: 10px;
}
.frontBorderStyle, .containerClass, .backBorderStyle {
border:medium none;
}
.snappWizIcon, .snappWizdisplayname {
padding-right:20px;
text-align:center;
color: #333;
font-weight: bold;
}
.topwizadSnapp2 {
display:table;
vertical-align:top;
width:100%;
color: #333;
}
.textsnappWizadBody5 {
color:#ef9c00;
float:right;
font-size:17px;
font-weight:bold;
}
.searchResultsTab {
background: #bac0bb;
border: #356aa0 solid 2px;
height:30px;
padding-top:5px;
text-align:center;
width:195px;
color: #333;
}
.innerRectangleLagre {
background:transparent none repeat 0 0;
border:2px solid #333333;
margin:0 auto;
padding:10px;
width:700px;
}
.snappDescription {
font-size: 1.2em;
margin-bottom: 20px;
min-height: 30px;
}
.searchResultsTabs .selectedTabClass {
background:#EEF3F8;
cursor: pointer;
border:none;
font-weight: bold;
color: #333;
}
.searchResultsTabTxt {
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
}
.searchResultsTabs .selectedTabClass .searchResultsTabTxt {
color:#333;
cursor:pointer;
font-weight:bold;
}
.valignMiddle {
vertical-align: middle;
}
.valignTop {
vertical-align: middle;
}
.snappWizadTopStep1 {
background:transparent url(../img/banner/snappswizard_top1.png) no-repeat;
height:182px;
width:798px;
}
.snappWizadTopStep2 {
background:transparent url(../img/banner/snappswizard_top2.png) no-repeat;
height:182px;
width:798px;
}
.snappWizadTopStep3 {
background:transparent url(../img/banner/snappswizard_top3.png) no-repeat;
height:182px;
width:798px;
}
.limitMessageError {
font-size:1.1em;
font-weight: bold;
color: #fff;
}
.viewBlockItem {
background:transparent url(../img/snappwizardbubble.png) no-repeat right;
height:100px;
width:610px;
}
.viewBlockItem h2 {
color:#356AA0;
font-size:17px;
font-weight:bold;
padding-left:60px;
padding-top:10px;
text-align:left;
}
#container .viewBlockItem p {
display:block;
font-size:1.1em;
margin:10px 0 0 60px;
text-align:left;
width:530px;
}
.textsnappWizadItem4:hover {
color:#F0F0F0;
}
.textsnappWizadItem4 {
color:#356aa0;
text-decoration: underline;
font-size:14px;
font-weight:bold;
padding-bottom:10px;
vertical-align:bottom;
}
.textsnappWizadBody1 {
color:#ef9c00;
font-size:15px;
font-weight:bold;
}
.makegroovebtn {
cursor: pointer;
float: right;
margin-right:15px;
margin-top: 10px;
}
#wizardStep2 td {
vertical-align: top;
}
.textsnappWizadBody2 {
float:left;
font-size:12px;
font-weight:bold;
}
.snappwizdescription {
margin-top: 5px;
margin-bottom: 15px;
}
.friendsname {
padding: 0 10px 0 5px;
font-weight: bold;
}
.textsnappWizadBody3 {
float:left;
font-size:12px;
line-height: 1.2em;
}
.textsnappWizadBody5 {
color:#356aa0;
float:right;
font-size:17px;
font-weight:bold;
}
.profileImgContainer {
height: 65px;
cursor: pointer;
}
.charactersLeft {
font-size: 10px;
font-style: italic;
color: #333;
}
#formLoginLink12 h2.profTitle {
color: #356aa0;
}
#userProfileLeft {
width: 225px;
margin-left: 5px;
float:left;
}
#userProfileRight {
width: 575px;
display:inline;
margin-left: 5px;
float:left;
}
#userProfileRight p.hidden {
padding: 0 10px;
}
#userProfileLeft .displayeduserStats, #userProfileLeft .userdetails, #userProfileLeft .userOptions {
padding: 10px 0;
clear: both;
}
#userProfileBottom {
width: 800px;
clear:both;
min-height: 150px;
margin: 0 auto;
}
.displayeduserpic {
display: block;
width: 150px;
margin: 0 auto;
}
.displayeduser .userdetails {
float: left;
width: 200px;
margin-right: 20px;
}
.displayeduser .userdetails h1 {
font-size: 1.7em;
font-family: "Lucida Sans", Arial, Verdana;
color: #EF9C00;
margin-bottom: 5px;
}
.displayeduser .userdetails i {
margin-top: 5px;
display: block;
width: 280px;
}
.displayeduser .userdetails .smallertitle {
margin-bottom: 5px;
}
.displayeduser h2 {
color: #EF9C00;
font-size: 1.2em;
font-family: "Lucida Sans", Arial, Verdana;
}
.recentMsgTime {
vertical-align: middle;
}
#containernotloggedin span#container {
width: 815px;
display: block;
margin: 0 auto;
}
#innerContainer {
/*width: 810px;*/
width: 810px;
float: left;
}
#container span#container {
padding-right: 15px;
display: block;
width: 810px;
}
.userGrooves ul {
margin: 0;
padding: 0;
}
.userGrooves ul li {
display: inline;
float:left;
font-size: 11px;
list-style-type: none;
text-align: center;
width:110px;
}
.modalTitle {
color: #333;
background: none;
font-weight: normal;
}
.modalHeader {
background: transparent url("../images/modalHeader.png") no-repeat top left;
color: #333;
border: none;
font-weight: lighter;
border: none;
}
.modalControls {
width: auto;
float:right;
}
form#DialogNewMsgForm input[type=radio] {
margin: 0;
}
form#DialogNewMsgForm .newmsgDialog label {
padding-right: 10px;
}
form#DialogNewMsgForm ul, form#DialogReplyForm ul, form#DialogForwardForm ul, form#DialogNewCategoryForm1 ul {
margin: 10px auto;
}
form#DialogNewMsgForm ul li, form#DialogReplyForm ul li, form#DialogForwardForm ul li,
form#DialogNewCategoryForm1 ul li {
margin: 10px 0;
padding: 2px 0 2px 0;
}
form#DialogNewMsgForm p, form#DialogNewMsgForm h3 {
color: #666;
}
form#DialogNewMsgForm p {
padding: 2px 0 5px 0;
}
form#DialogNewMsgForm .newMessageFields label, form#DialogReplyForm .newMessageFields label,
form#DialogForwardForm .newMessageFields label {
display:block;
float:left;
padding:0 10px 0 0;
text-align:right;
width:60px;
color: #356aa0;
font-weight: bold;
font-size: 11px;
}
form#DialogNewCategoryForm .newMessageFields label {
display:block;
float:left;
padding:2px 5px 2px 0;
text-align:right;
color: #356aa0;
font-weight: bold;
font-size: 11px;
width:80px;
}
form#DialogNewCategoryForm1 .newMediaCategory label {
display:block;
float:left;
padding:0 10px 0 0;
text-align:right;
color: #356aa0;
font-weight: bold;
font-size: 11px;
width: 82px;
}
form#DialogReplyForm .replyMsgForm, form#DialogForwardForm .forwardMsgForm {
clear:both;
padding-top: 10px;
}
form#DialogReplyForm .displayCounter, form#DialogForwardForm .displayCounter {
position: relative;
left: 70px;
}
.modalDialog input[type=text] {
width: 175px;
}
/*ModalDialogStyles */
.rich-mpnl-mask-div {
background-color:none;
}
.dr-mpnl-pnl-h {
background: none;
border: none;
}
.infoformTblLt {
padding-bottom:5px;
padding-left:20px;
vertical-align:top;
width: 550px;
}
.infoformTblRt {
padding-bottom:5px;
padding-left:20px;
vertical-align:top;
}
.friendsopen {
background:transparent url(../img/btn/maximize.gif) no-repeat scroll 0 0;
cursor:pointer;
float:right;
height:17px;
width:17px;
}
.friendtbl3 {
vertical-align:top;
width:auto;
}
.friendtbl1 {
width: 60px;
margin-right: 5px;
}
.friendtbl2 {
margin: 10px 0;
}
.friendsActions {
width: 150px;
float: right;
}
.friendsActions a {
font-size:11px;
}
.friendPageLeft {
float:left;
padding-bottom:5px;
text-align:left;
}
.friendPageLeft span {
color: #666;
font-weight: normal;
}
.friendsName {
color:#356AA0;
font-weight: bold;
}
#friendForm table td {
padding-top: 10px;
padding-bottom: 10px;
}
#feedbackHeader h1, #jygyNurse h1, #helpCommon h1 {
color:#f7941d;
font-size:130%;
}
.inviteImportRight {
margin-top: 20px;
padding-left:0;
}
.inviteImportRight p {
color: #666;
font-style: italic;
padding-bottom: 8px;
}
.inviteImportRight p >a {
color: #356aa0;
font-style: italic;
text-decoration: underline;
}
.inviteImportRight, .inviteImportLeft {
clear: both;
}
#container .inviteImportLeft p.subTxt {
margin: 10px 0;
}
#container .inviteImportLeft label, #container #fetchSNGroup label, #fetchEmailGroup label, #fetchSNGroup label {
display:block;
float:left;
width:130px;
}
#container .inviteImportLeft li, #container #fetchSNGroup li, .inviteImportLeft li, #fetchSNGroup li {
clear: both;
margin: 5px 0;
}
#container .inviteImportRight label, .inviteImportRight label {
display:block;
margin: 5px 0 0 0;
}
#container .inviteImportRight input, .inviteImportRight input {
margin: 0 0 3px 0;
}
.inviteFriendsForm input {
margin: 2px;
}
.inviteFriendsForm td {
vertical-align: middle;
}
#formSendInvite, .socnetFrame {
clear:both;
margin-top:20px;
}
.mailLogos {
margin:5px 0;
}
.jygyHelpCommon a, .jygyHelpCommon2 a {
color:#333;
}
.jygyHelpCommon2{
text-decoration: none;
color:#356aa0;
padding-right: 5px;
}
.jygyHelpCommon2:hover{
text-decoration: none;
color:#F7941D;
}
.pageHeadline {
color: #f7941d;
font-weight: bold;
}
.modalHeadline {
color: #356aa0;
font-weight: bold;
padding: 5px;
}
h1.grpsubHeader {
font-size: 14px;
color: #666;
font-weight: normal;
}
.groupsPhoneValidation {
width: 98%;
padding: 5px;
background: #f0f0f0;
border: solid 1px #666;
}
.GroupSearchIntroSearch input[type=text]{
margin-right: 5px;
font-size: 1.5em;
width: 350px;
height: 20px;
float: left;
}
h1.groupsIntro2 {
color: #b7d734;
padding: 10px 0;
font-size: 1.5em;
font-weight: 700;
}
div#commandReference h1 {
color: #356aa0;
padding: 5px;
font-size: 1.13em;
font-weight: 700;
}
div#commandReference h1 span {
font-weight: normal;
color: #666;
}
div#commandReference ul {
margin: 10px 0;
clear: both;
}
div#commandReference ul li {
padding:7px 40px;
background: url("../img/groupscmd.gif") 10px center no-repeat;
height: 17px;
}
div#commandReference ul li span {
font-weight: 700;
font-size: 1.13em;
color: #356aa0;
}
h1.commandRef {
font-size: 18px;
height: 27px;
padding-left: 28px;
padding-bottom: 10px;
margin-left: 12px;
color: #356aa0;
background: url("../img/icons/question.gif") left top no-repeat;
}
p.commandRef {
font-size: 16px;
line-height: 22px;
height: 27px;
color: #666;
padding-left: 10px;
}
.commandIdeas {
clear: both;
width: 770px;
margin: 0 auto;
}
.whattodo {
margin: 20px 0;
}
#GroupIntro {
width: 95%;
margin: 0 auto;
padding-bottom: 150px;
}
#GroupIntro .groupintro2, #GroupIntro .groupintro1, #GroupIntro .groupintro3 {
float:left;
}
h2.ideasbg {
background: url("../img/groupideas_bg.gif") left top no-repeat;
padding: 8px 10px;
height: 15px;
}
p.ideasbg {
background: url("../img/groupideas_bg.gif") right top no-repeat;
padding: 8px 0;
height: 15px;
color: #666;
}
.ideaHeadline {
text-align: right;
}
#GroupIntro .groupintro2 {
width: auto;
}
#GroupIntro h1 {
color: #356aa0;
font-size: 18px;
padding: 10px 0;
}
#GroupIntro h2 {
color: #333;
line-height: 1.1em;
font-size: 110%;
margin: 5px 0;
}
div.talkbubble {
margin: 0 35px;
font-weight: 700;
color: #ffffff;
}
#GroupIntro .groupintro1 ul {
font-size:1em;
font-weight:700;
line-height:2.5em;
margin-bottom:20px;
padding-left:10px;
}
#GroupIntro .groupintro1 img {
padding: 5px;
}
.groupintro3 {
border-left:1px solid #CCCCCC;
padding-left:10px;
}
.groupintro3 a {
color: #333;
}
.groupintro3 a:hover {
color: #ef9c00;
text-decoration: underline;
}
.groupintro3 td {
padding: 2px 5px;
}
.featured {
font-weight: 700;
}
.featured1 {
font-style:italic;
}
.jygyHead {
padding-left: 70px;
margin: 0 auto;
}
.jygyHead img {
margin-bottom:5px;
padding-left:12px;
}
h1.sectionHl {
font-size: 18px;
line-height:1.5em;
padding-bottom: 5px;
}
form#myGroupsForm .yourgroupstbl, form#myGroupsForm .groupsSearchTbl, form#createGrpFrm .groupsSearchTbl,
form#editGrpFrm .groupsSearchTbl {
margin-top: 10px;
}
form#myGroupsForm .blueLeft {
background:url(../img/groupstbl_header-blue.gif) no-repeat left center;
height: 20px;
}
form#myGroupsForm .blue {
background:url(../img/groupstbl_header-blue.gif) no-repeat center center;
height: 20px;
}
form#myGroupsForm .blueRight {
background:url(../img/groupstbl_header-blue.gif) no-repeat right center;
height: 20px;
}
form#myGroupsForm .greenLeft, form#createGrpFrm .greenLeft, form#editGrpFrm .greenLeft {
background:url(../img/groupstbl_header.gif) no-repeat left center;
height: 20px;
}
form#myGroupsForm .green, form#createGrpFrm .green, form#editGrpFrm .green {
background:url(../img/groupstbl_header.gif) no-repeat center center;
height: 20px;
}
form#myGroupsForm .greenRight, form#createGrpFrm .greenRight, form#editGrpFrm .greenRight {
background:url(../img/groupstbl_header.gif) no-repeat right center;
height: 20px;
}
form#myGroupsForm .yourgroupstbl thead, form#myGroupsForm .groupsSearchTbl thead, form#editGrpFrm .groupsSearchTbl thead {
width: 100%;
}
form#myGroupsForm .yourgroupstbl th, form#myGroupsForm .groupsSearchTbl th, form#createGrpFrm .groupsSearchTbl th, form#editGrpFrm .groupsSearchTbl th {
text-align:left;
vertical-align: middle;
}
form#myGroupsForm .yourgroupstbl thead tr, form#myGroupsForm .groupsSearchTbl thead tr, form#createGrpFrm .groupsSearchTbl thead tr,
form#editGrpFrm .groupsSearchTbl thead tr {
background-color: #ffffff;
}
form#myGroupsForm .yourgroupstbl td, form#myGroupsForm .groupsSearchTbl td, form#createGrpFrm .groupsSearchTbl td,
form#editGrpFrm .groupsSearchTbl td {
padding: 5px 0;
}
form#myGroupsForm .yourgroupstbl thead tr:hover, form#myGroupsForm .groupsSearchTbl thead tr:hover, form#createGrpFrm .groupsSearchTbl thead tr:hover,
form#editGrpFrm .groupsSearchTbl thead tr:hover {
color: inherit;
cursor: default;
}
form#myGroupsForm .yourgroupstbl tr:hover, form#myGroupsForm .groupsSearchTbl tr:hover, .searchResultsTbl tr:hover, form#createGrpFrm .groupsSearchTbl tr:hover,
form#editGrpFrm .groupsSearchTbl tr:hover {
background: #f1f6d7;
cursor: pointer;
}
form#myGroupsForm .yourgroupstbl img, form#myGroupsForm .groupsSearchTbl img {
margin-left: 10px;
max-width: 50px;
max-height: 50px;
overflow: hidden;
}
form#myGroupsForm .yourgroupstbl h2, form#myGroupsForm .groupsSearchTbl h2 {
color:#356aa0;
width: 250px;
margin: 0;
padding: 0;
}
.inviteFriendsGroups {
overflow:auto;
overflow-x: hidden;
height: 180px;
width: 95%
}
.help_question {
color:#356aa0;
font-size:12px;
font-weight:bold;
}
.jygyHelpColumn {
border-right:1px dotted #6E991E;
display:block;
width:400px;
}
#faqMainForm tr {
width:100%;
}
.faqRow {
vertical-align:top;
margin-bottom:2px;
margin-top:2px;
}
.faqRow {
height:20px;
}
.faqRow a {
color:#999;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.faqRow a:hover {
color:#f7941d;
}
.commentLink {
font-size: 11px;
}
.dashSnappHeader {
border-bottom:2px solid #333333;
margin-top:20px;
overflow:auto;
padding:2px;
width:794px;
margin-bottom: 5px;
}
.snappListBox {
float:left;
margin-top:20px;
width:100%;
}
.snappDashName {
font-weight: bold;
color: #356aa0;
}
.dr-table {
background: #fff;
background-color: transparent;
border-left: none;
border-right: none;
border-top:none;
}
.dr-table-cell {
border-bottom:none;
border-right:none;
font-family:"Lucida Sans", Arial, "MS Trebuchet", sans-serif;
font-size:12px;
padding:4px;
}
.dashSearchTitle {
margin-top: 10px;
display: block;
}
/*--------------Groups Start Here -------------------*/
form#createGrpFrm ul, form#editGrpFrm ul, form#createCustomDoodad ul {
margin: 10px auto;
}
form#createGrpFrm ul li, form#editGrpFrm ul li, form#createCustomDoodad ul li {
margin: 10px 20px;
padding: 15px 0;
clear: both;
}
#createGrpFrm p.groupInstruction, #editGrpFrm p.groupInstruction, form#createCustomDoodad p.groupInstruction {
color:#666666;
float:left;
padding:0 10px;
width:400px;
}
#createGrpFrm p.groupInstructionLg, #editGrpFrm p.groupInstructionLg {
color:#666666;
float:left;
padding:0 10px;
width:260px;
}
form#createCustomDoodad p.groupInstructionLg {
color: #ea6b48;
font-weight: 700;
padding-left: 150px;
padding-top: 10px;
float: left;
}
#createGrpFrm label, #editGrpFrm label, form#createCustomDoodad label {
font-size: 12px;
color: #333;
width:150px;
float: left;
}
#createGrpFrm .publicRadio td label, #editGrpFrm .publicRadio td label, form#createCustomDoodad .publicRadio td label {
font-size: 10px;
color: #666;
float: left;
width: 80%;
}
#createGrpFrm input[type=radio], #editGrpFrm input[type=radio], form#createCustomDoodad input[type=radio] {
float:left;
}
#createGrpFrm table.makeMyGrpRadio, #editGrpFrm table.makeMyGrpRadio, form#createCustomDoodad table.makeMyGrpRadio {
width: 80%;
border: none;
}
#createGrpFrm textarea, #editGrpFrm textarea {
width: 300px;
}
#createGrpFrm .textarea, #editGrpFrm .textarea, form#createCustomDoodad .textarea {
float:left;
width:300px;
margin: 0
}
#createGrpFrm input[type=file] {
float: left;
}
.instructional h2 {
color: #356aa0;
}
.fltLeftAlt label {
float:left;
text-align: left;
}
#instructionalist {
padding-left: 30px;
}
#instructionalist ul {
margin: 10px auto;
}
#instructionalist ul li {
margin: 10px 20px;
padding: 10px 0;
clear: both;
}
#instructionalist h2, #instructionalist p {
float:left;
}
#commandReference {
width: 725px;
height: 200px;
background: url("../img/groupcommands_frame.gif") no-repeat left top;
margin: 0 auto;
padding: 10px;
}
#commandReferenceTitle {
width: 650px;
text-align: left;
margin: 0 auto;
color:#ef9c00;
padding: 10px 0;
}
#commandReference h1 {
font-size: 120%;
color: #356aa0;
}
.snappMemberPanel .name {
margin-right: 10px;
}
.richSnappDetailParamCell {
border:medium none;
color:#333;
width:30%;
}
.holder {
margin-top: 10px;
float: right;
position: relative;
width: 70px;
}
.holder span {
float: right;
margin: 0 3px 0 0;
}
.faqitem {
margin-bottom: 20px;
}
#homeContentLeft.faq {
width: 820px;
height: auto;
}
#containernotloggedin.faq {
overflow: visible;
}
#subnav_inner .dropdown {
/*background:transparent url(../img/dropdownbg.png) no-repeat left top; */
left:292px;
padding-left:14px;
position:absolute;
top:3px;
width:47px;
}
#newDropdown {
cursor: pointer;
}
.dropdown a {
color: #fff;
font-weight: bold;
}
ul#goMenu {
/*background:transparent url(../img/dropdownbg_menu.png) no-repeat left top;
display: none; */
height:17px;
left:301px;
padding:2px 0 0 16px;
position:relative;
top:8px;
width:483px;
}
ul#goMenu li {
display: inline;
padding-right: 10px;
}
ul#goMenu a {
color: #356aa0;
font-size: 10px;
font-weight: bold;
}
ul#goMenu a:hover {
color: #ef9c00;
}
form#actionOnGroup a {
font-size: 10px;
}
#friendApprovals {
width: 98%;
padding: 4px;
font-weight: bold;
}
#friendApprovals a {
color: #fff;
}
#friendApprovals a:hover {
color: #356aa0;
}
#adminControl {
margin: 10px auto;
color: #ffffff;
width: 100%;
}
hr {
background-color:#ccc;
border: none;
color:#ccc;
height:1px;
}
.outerFrame{
width: 75px;
height: 75px;
margin:0 auto;
display: table;
overflow:hidden;
}
.profilePicFrame {
width: 120px;
height: 120px;
margin:0 auto 5px;
background: transparent url(../img/profilePicFrame.gif) no-repeat left top;
display: table;
overflow:hidden;
}
.profilePicMiddle, .outerFrameMiddle {
display: table-cell;
vertical-align: middle;
}
.outerFrameMiddle img {
max-height: 50px;
max-width: 50px;
overflow: hidden;
}
.profilePicMiddle img {
max-height: 100px;
max-width: 100px;
overflow: hidden;
}
div.profileInterests ul li {
line-height: 18px;
}
.profileInterests a {
font-size: 90%;
padding-left: 5px;
}
.profileInterests h2 {
color: #356aa0;
line-height: 18px;
}
.profileInterests h3 {
color: #666;
line-height: 18px;
font-size: 90%;
}
.paragraph {
font-size: 11px;
color: #333;
margin:0;
padding: 0;
}
/* Grey Version */
.sbl-grey { background: url(../img/talkbubbles/bl_grey.gif) bottom left no-repeat #f0f0f0; width: 100%; text-align: left; min-width: 100px; }
.sbr-grey { background: url(../img/talkbubbles/br_grey.gif) bottom right no-repeat; }
.stl-grey { background: url(../img/talkbubbles/tl_grey.gif) top left no-repeat; }
.str-grey { background: url(../img/talkbubbles/tr_grey.gif) top right no-repeat; padding: 10px; }
.sb-grey { padding: 1px 0px 10px 50px; background: url(../img/talkbubbles/b_grey.gif) 20px top no-repeat; }
/* Green Version */
.sbl { background: url(../img/talkbubbles/bl.gif) bottom left no-repeat #b7d438; width: 100%; text-align: left; min-width: 100px; }
.sbr { background: url(../img/talkbubbles/br.gif) bottom right no-repeat; }
.stl { background: url(../img/talkbubbles/tl.gif) top left no-repeat; }
.str { background: url(../img/talkbubbles/tr.gif) top right no-repeat; padding: 10px; }
.sb { padding: 2px 0px 10px 50px; background: url(../img/talkbubbles/b.gif) 20px top no-repeat; }
.su { padding: 2px 0px 10px 50px; background: url(../img/talkbubbles/u.gif) 20px top no-repeat; }
/* Lite Blue Version */
.sbl-blue { background: url(../img/talkbubbles/bl_blue.gif) bottom left no-repeat #b7c7d7; width: 100%; text-align: left; min-width: 100px; }
.sbr-blue { background: url(../img/talkbubbles/br_blue.giif) bottom right no-repeat; }
.stl-blue { background: url(../img/talkbubbles/tl_blue.gif) top left no-repeat; }
.str-blue { background: url(../img/talkbubbles/tr_blue.gif) top right no-repeat; padding: 10px; }
.sb-blue { padding: 2px 0px 10px 50px; background: url(../img/talkbubbles/b_blue.gif) 20px top no-repeat; }
.su-blue { padding: 2px 0px 10px 50px; background: url(../img/talkbubbles/u_blue.gif) 20px top no-repeat; }
#pendingInfo {
width: 95%;
margin: 10px auto;
border: solid 2px #999;
height: auto;
padding: 4px;
background: #fff;
}
#membersListFrm .groupMemberDetailCol1 {
padding: 5px 0 5px 10px;
width: 60px;
}
#membersListFrm .groupMemberDetailCol2 {
vertical-align: middle;
width: 150px;
}
#membersListFrm .groupMemberDetailCol4 {
padding:5px 5px 5px 0;
vertical-align:middle;
width:8%;
}
#membersListFrm tr {
float: left;
}
#tagWallDisplayForm {
margin: 0 10px;
}
#tagWallDisplayForm .tagwallimage {
display:block;
float:left;
width:90px;
margin-left: 10px;
}
#tagWallDisplayForm .tagwallUser {
color:#333333;
float:left;
font-size:12px;
font-weight:bold;
}
#tagWallDisplayForm .tagwallTime {
color:#999999;
font-size:10px;
font-style:italic;
}
#tagWallDisplayForm .tagwallpost {
margin-top: 5px;
}
textsnappWizadItem2 {
color:#333;
float:left;
font-size:10px;
font-weight:bold;
padding-left:30px;
text-align:left;
}
#mediaForm label {
width: 100px;
float: left;
clear: both;
}
#userSpotlight {
width: 100%;
margin: 10px auto;
}
#destinations ul {
margin: 10px auto;
}
#destinations ul li {
margin: 10px;
font-size: 12px;
height: 40px;
padding-left: 45px;
width: 75%;
}
li.homegroups {
background: transparent url(../img/home_groupsIcon.png) no-repeat left top;
}
#destinations ul li i {
color: #666;
font-size: 10px;
}
li.homestatus {
background: transparent url(../img/home_statusIcon.png) no-repeat left top;
}
li.homesearch {
background: transparent url(../img/home_searchIcon.png) no-repeat left top;
}
#destinations ul li img {
margin-right: 5px;
}
#destinations h2, #phoneFacts h2 {
padding: 4px 10px;
margin-bottom: 10px;
}
#destinations .highlight {
font-weight: bold;
color: #356aa0;
}
#destinations .destLeft, #destinations .destRight {
float:left;
}
#destinations .destLeft {
width: 80%;
}
#destinations .destRight img {
margin-bottom: 10px;
}
.tabSnappHeader {
margin-bottom: 5px;
}
.grpResults1 {
width:100px;
text-align:left;
}
.grpResults2 {
width:295px;
text-align:left;
}
.grpResults3 {
width:105px;
text-align:left;
}
.grpResults4 {
width:75px;
text-align:left;
}
.grpResults5 {
width:60px;
text-align:left;
}
.grpResults6 {
width:180px;
text-align:center;
}
.disabledFeature a {
color:#333;
font-size:12px;
}
.friendsavatar {
float: left;
width: 60px;
}
.friendsdescription {
padding-top: 5px;
}
.categoryDescription {
padding-left: 5px;
}
.friends {
clear: both;
}
.invitedfriendsname {
padding: 0 10px 0 5px;
font-weight: bold;
display: block;
}
.preferences {
color:#E5E5E5;
cursor:pointer;
font-weight:normal;
}
.socnetRadios table {
width: 80%;
}
.socnetRadios td {
padding: 5px 0;
}
.searchRadios label {
display:block;
float:left;
padding: 2px 2px 0 0;
}
.searchRadios2 label {
display:block;
float:left;
padding:2px 0;
width:50px;
}
.searchRadios3 label {
display:block;
float:left;
padding:2px 0;
width:120px;
}
.searchRadios input, .searchRadios2 input, .searchRadios3 input {
float: left;
}
#imagePickerContent table tr td img {
margin: 3px;
}
.uploadContainer li {
margin-bottom: 10px;
}
#container .uploadContainer p {
margin-bottom: 10px;
}
#groupLink {
float: right;
}
.disabledFeature p {
font-size: 1em;
margin:5px 0;
}
.disabledFeature {
float:left;
text-align: left;
width: 75%;
}
.disabledFeature a {
font-size: 12px;
color:#e3ff64;
}
.disabledFeature h3 {
color: #356aa0;
padding: 2px 0;
}
.disabledFeature ul {
padding-left: 10px;
font-size: 11px;
}
.disabledFeature span {
color:#666;
font-style: italic;
}
#fascinatingProfiles {
width: 50%;
margin: 0 auto;
}
#fascinatingProfiles img {
margin: 5px 20px 5px 10px;
}
#contentwide h1 {
color:#28639F;
font-size:14px;
font-weight:bold;
}
.errorPage {
float: left;
}
.errorPage h1 {
width: 630px;
}
.searchresultsText {
vertical-align: middle;
}
.loaderAdj {
margin-top: 8px;
}
.rating {
cursor: pointer;/*margin: 2em;*/
/*clear: both;*/
/*display: block; */
}
.rating:after {
content: '.';
display: block;
height: 0;
width: 0;
clear: both;
visibility: hidden;
}
.cancel, .star {
float: left;
width: 17px;
height: 15px;
overflow: hidden;
text-indent: -999em;
cursor: pointer;
}
.cancel, .cancel a {
background: url(../imgs/delete.png) no-repeat 0 -16px;
}
.star, .star a {
background: url(../imgs/star.png) no-repeat 0 0px;
}
.cancel a, .star a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0px;
}
div.rating div.on a {
background-position: 0 -32px;
}
div.rating div.hover a, div.rating div a:hover {
background-position: 0 -16px;
}
#searchResultsHeader {
margin: 10px 0;
}
#searchResultsHeader h1 {
font-size: 18px;
line-height: 1.5em;
padding: 10px 0;
}
#searchResultsHeader h2 {
line-height: 1.5em;
clear: both;
color: #666;
}
#searchResultsHeader .srh-right {
width: 380px;
position: relative;
left: 100px;
}
#searchResultsHeader input[type=text] {
margin-right: 5px;
font-size: 1.5em;
width: 250px;
height: 20px;
float: left;
}
.searchResultsTbl td {
height: 50px;
}
.searchResultsTbl td a:hover {
color: #356aa0;
}
.searchResults {
width: 10%;
text-align: center;
}
.searchResults1{
width: 60%;
}
.searchResults2 {
text-align: left;
padding-right: 10px
}
#rotatorOutside {
width: 100%;
height: 350px;
}
.rotatorInside {
width: 180px;
margin: 35px auto 0 auto;
}
.registrationBtn a {
margin: 10px 0;
}
.phoneFacts {
width: 625px;
height: 225px;
}
.signUp {
padding: 0;
font-size: 10px;
color: #666;
}
.nfcontent {
height: 45px;
padding: 2px 5px;
}
.nfcontent td {
vertical-align: top;
}
.activityphoto {
margin-right: 4px;
}
.registrationBtn {
margin: 0;
}
.profileMgmt_hdr {
margin: 10px 0;
padding: 0 5px;
}
#dashManageForm .profileMgmt_filter {
margin: 10px 0;
padding: 10px 5px;
}
#dashManageForm .profileMgmt_filter table {
margin-top: 10px;
}
#dashManageForm .profileMgmt_filter table td {
padding: 2px 5px;
vertical-align: middle;
}
#dashManageForm .paginator {
float:right;
position: relative;
right: 20px;
top: 20px;
}
.doodadContainer {
margin-top: 20px;
}
.doodadTables {
margin-bottom: 10px;
margin:10px 0;
padding:10px 5px;
}
.doodadTables td {
text-align: center;
}
#DialogConfirmForm .buttons {
width: 170px;
margin: 0 auto;
}
.createGroupCol1 {
width: 100px;
}
.createGroupCol2 {
width: 500px;
}
.createGroupCol3 {
width: 100px;
}
.createGroupCol4 {
width: 100px;
}
.createGroupCol5 {
width: 450px;
}
.createGroupCol6 {
width: 108px;
}
#modalOverlay {
background-color:#000;
}
/* Container */
#modalContainer {
height:150px;
width:300px;
left:50%;
top:15%;
margin-left:-150px;
background-color:#fff;
border:3px solid #ccc;
}
#modalContainer a.modalCloseImg {
background:url(../img/delete.png) no-repeat;
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:-10px;
right:-18px;
cursor:pointer;
}
#modalContainer #basicModalContent {
padding:8px;
}
.freeLink {
cursor: pointer;
}
.userNote {
float:right;
padding-top:15px;
width:50%;
}
.userNote label, .userNote textarea {
color: #333;
}
.textCounter {
color: #666;
font-size: 10px;
}
form#DialogContentForm .label, #DialogReplyForm .label, #DialogForwardForm .label, #quickMessageForm .label {
color: #666;
font-weight: bold;
}
form#DialogContentForm .msg_content, #DialogReplyForm .msg_content #DialogForwardForm .msg_content {
color: #666;
}
#limitedView img {
float: left;
margin-right: 10px;
}
#limitedView .limitedheadline h2 {
color: #356aa0;
padding-top: 10px;
}
#limitedView .limitedContent {
width: 90%;
text-align: left;
float:right;
}
#limitedView ul {
margin: 10px 10px 10px auto;
}
#limitedView ul li {
padding: 5px 0;
font-size: 11px;
color: #333;
}
#limitedView ul li span {
font-size: 12px;
color: #356aa0;
font-weight:bold;
}
#limitedView .limitedLinks {
clear:both;
text-align:center;
width: 55%;
margin: 0 auto;
margin-top: 10px;
}
#quickMessageForm textarea {
width: 250px;
margin-left: 5px;
}
#quickMessageForm p {
padding: 0 0 10px 5px;
}
#quickMessageForm .sendBtns {
float:right;
}
#newsfeed img {
margin-right: 5px;
margin-bottom:10px;
}
#footerLoggedIn {
clear:both;
height:29px;
padding-top:20px;
width:100%;
background: url(../img/user_footerbg.png) repeat-x;
text-align: center;
}
#footerNotLoggedIn {
clear:both;
position:relative;
bottom: 0;
height:29px;
padding-top:20px;
width:100%;
background: url(../img/user_footerbg.png) repeat-x;
text-align: center;
}
.footerNav a, .footerNav a:visited {
color: #356aa0;
font-size: 11px;
font-weight: bold;
}
.footerNav a:hover, .footerNav a:active {
color: #ef9c00;
text-decoration: underline;
}
.groupAddr {
color: #333;
padding-left: 10px;
}
.groupHeader1 {
width: 115px;
float: left;
}
.groupHeader2 {
width:475px;
float:left;
margin-left:20px;
}
.groupHeader3 {
width: 145px;
float: left;
padding-left: 10px;
}
form#joinFrm {
float: right;
clear: both;
margin-top: 5px;
}
#groupInfo h1 {
color: #356aa0;
float: left;
margin: 0;
padding-right: 5px;
}
#groupInfo p {
color: #333;
float: left;
}
#groupInfo p.groupDesc {
clear: both;
font-style: italic;
color: #333;
width: 100%;
}
#groupStats {
clear: left;
}
#groupStats input[type=text] {
width: 200px;
}
#groupStats p {
float: left;
padding-top: 10px;
padding-right: 10px;
}
#groupStats p span {
color: #356aa0;
}
.joinbtn {
float: left;
clear: both;
background: url(../img/btn/btn_left.png) no-repeat;
padding: 0 0 0 10px;
margin: 5px 0;
}
.joinbtn a {
float: left;
height: 40px;
background: url(../img/btn/btn_stretch.png) repeat-x left top;
line-height: 40px;
padding: 0 10px;
color: #fff;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
.joinbtn span {
background: url(../img/btn/btn_right.png) no-repeat;
float: left;
width: 10px;
height: 40px;
}
.joinBtnColor {
background-color: #356aa0;
}
form#newsfeed table tr.groupNewsFeed {
padding: 5px 0;
}
form#groupSentMsg h2 {
padding-bottom: 10px;
}
form#groupSentMsg p {
padding: 5px 10px 5px 0;
color: #333;
}
.meetScroller {
width: 100%;
height: 100px;
overflow: hidden;
position: relative;
visibility: hidden;
left: -5000px;
}
.excluveEnation {
text-align: center;
font-size: 10px;
font-weight: bold;
color: #356aa0;
width: 33%;
vertical-align: bottom;
}
p.downloadInstructions {
font-size: 10px;
font-style: italic;
color: #333;
clear:both;
}
.widgToolbar a {
display: block;
width: 16px;
height: 16px;
overflow: hidden;
background-repeat: no-repeat;
text-indent: -1000em;
text-decoration: none;
}
.widgToolbar a:hover {
background-position: 0 -16px;
}
.widgToolbar a:active {
margin-top: 2px;
margin-left: 2px;
background-position: 0 -32px;
}
.widgToolbar li.on a, .widgToolbar li.on a:hover {
background-position: 0 -32px;
}
.widgButtonBold {
background-image: url(../images/texteditor/widgeditor_button_bold.gif);
}
.widgButtonHTML {
background-image: url(../images/texteditor/widgeditor_button_html.gif);
}
.widgButtonImage {
background-image: url(../images/texteditor/widgeditor_button_image.gif);
}
.widgButtonItalic {
background-image: url(../images/texteditor/widgeditor_button_italic.gif);
}
.widgButtonLink {
background-image: url(../images/texteditor/widgeditor_button_link.gif);
}
.widgButtonOrdered {
background-image: url(../images/texteditor/widgeditor_button_ordered.gif);
}
.widgButtonUnordered {
background-image: url(../images/texteditor/widgeditor_button_unordered.gif);
}
.widgSource a {
background-image: url(../images/texteditor/widgeditor_button_empty.gif);
cursor: default;
}
.widgSource li.on a, .widgSource li.on a:hover {
background-position: 0 0;
}
.widgSource .widgButtonHTML {
background-image: url(../images/texteditor/widgeditor_button_html.gif);
}
.widgSource .widgButtonHTML:hover {
cursor: pointer;
}
/* TOOLBAR */
.widgToolbar {
list-style: none;
width: 100%;
height: 32px;
margin: 0;
padding: 0 0 5px 2px;
background-image: url(../images/widgEditor/widgeditor_toolbar_bg.gif);
background-repeat: repeat-x;
}
* html .widgToolbar {
width: auto;
}
.widgToolbar li {
display:inline;
float:left;
height:17px;
line-height:16px;
margin-left:7px;
margin-top:9px;
width:20px;
}
.widgIframe {
clear: left;
width: 100%;
height: 400px;
border: none;
border-top:1px solid #e5e5e5;
}
#iframeBody {
font-family: Arial, Helvetica, sans-serif;
}
.widgContainer textarea.widgEditor {
clear: left;
width: 100%;
height: 400px;
border: solid 1px #999;
padding: 4px;
}
.widgContainer {
border:1px solid #CCCCCC;
margin-bottom: 10px;
}
.factsScroller {
height: 203px;
width: 100%;
overflow: hidden;
}
.factsScroller ul {
display: block;
}
.factsScroller li {
display: inline;
float: left;
width: 600px;
height: 193px;
}
.pollsnapplet {
background-color: #356aa0;
color: #f0f0f0;
text-align: right;
font-size: 80%;
font-weight:bold;
margin: 3px 0;
}
#jSuggestContainer {
position: absolute;
border: 1px solid #999;
border-top: 0;
background: #f7ffd1;
}
.jSuggestLoading {
font-style: italic;
padding: 10px;
}
#jSuggestContainer ul, #jSuggestContainer ul li {
margin: 0;
padding: 0;
list-style: none;
}
#jSuggestContainer ul li {
padding: 2px 4px;
border-bottom: 1px dotted #e3ff64;
color: #333;
background: #f7ffd1;
cursor: pointer
}
#jSuggestContainer ul li.last {
border-bottom: 0;
}
#jSuggestContainer ul li.jSuggestHover {
background: #eeffa2;
color: #333;
}
.placeholder {
border: dotted 2px #666;
}
.top_vertical_align_right {
vertical-align: top;
text-align:right;
width: 20%;
}
.top_vertical_align_left{
vertical-align: top;
text-align:left;
width: 80%;
}
.marginTop {
margin-top: 10px;
}
.groupDetailCol1 {
width: 300px;
padding-right: 5px;
margin-left: 5px;
vertical-align: top;
}
.groupDetailCol2 {
width: 555px;
padding-right: 5px;
margin-left: 5px;
vertical-align: top;
}
.groupMemberCol1 {
padding: 5px 5px 5px 0;
}
.groupMemberCol2 {
text-align: left;
vertical-align: middle;
padding: 5px 5px 5px 0;
width: 95%;
}
.groupMemberCol3 {
padding: 25px 5px 5px 0;
width:50px;
}
.groupMemberDetailCol1 {
width: 28%;
padding: 5px 5px 5px 0;
}
.groupMemberDetailCol2 {
width: 60%;
text-align: left;
vertical-align: middle;
padding: 5px 0;
}
.groupMemberDetailCol3 {
width: 4%;
padding: 5px 5px 5px 0;
}
.groupMemberDetailCol4 {
width: 8%;
padding: 5px 5px 5px 0;
}
.jygyBlue {
color: #356aa0;
}
.jygyBlue span {
font-weight:normal;
}
.doodadHelp {
margin-top: 10px;
}
.helpTable {
width: 100%;
margin-top: 5px;
}
.helpTable1 {
width: 90%;
text-align: left;
padding-left: 5px;
}
.helpTable2 {
width: 10%;
text-align: right;
vertical-align: top;
font-size: 10px;
}
.doodadInstructions {
font-size: 10px;
color: #999;
}
#grpPollFrm td {
vertical-align: middle;
}
#grpPollFrm td img {
margin-top: 4px;
}
#grpPollFrm label {
color:#333333;
float:right;
font-size:11px;
padding-right:10px;
text-align:right;
width:60%;
}
#grpPollFrm input[type=text] {
margin: 5px 0;
}
.groupsPollsHeadline {
padding: 5px 0;
clear: left;
}
.groupsPollQuestion {
font-size: 11px;
color: #333;
padding: 2px 0;
}
.groupsPollOptions {
padding: 5px;
font-size: 11px;
color: #333;
}
.groupsPollOPtions span.pollOptions {
font-weight: bold;
padding: 2px 0;
}
.noactivePoll {
margin: 5px 0 0 0;
}
#upgradeNeeded h1, #upgradeNeeded p {
padding: 10px;
}
#upgradeNeeded h1.options {
color: #356aa0;
margin-left: 10px;
}
#upgradeNeeded p.options {
margin-left: 10px;
}
.chooseNetwork {
float:left;
height:48px;
margin-right:10px;
margin-top:7px;
width:120px;
}
ul#statusNav {
display: block;
}
ul#statusNav li {
float: left;
width: 50px;
height: 49px;
margin: 5px 20px 5px 0;
cursor: pointer;
}
li.facebookLogin {
background: transparent url("../img/icons/facebook.png") no-repeat;
}
li.facebookLogin:hover, .socialSelectedfb {
background: transparent url("../img/icons/facebook.png") no-repeat 0 -50px;
}
li.twitterLogin {
background: transparent url("../img/icons/twitter.png") no-repeat;
}
li.twitterLogin:hover, .socialSelectedtw {
background: transparent url("../img/icons/twitter.png") no-repeat 0 -50px;
}
li.myspaceLogin {
background: transparent url("../img/icons/myspace.png") no-repeat;
}
li.myspaceLogin:hover, .socialSelectedms {
background: transparent url("../img/icons/myspace.png") no-repeat 0 -50px;
}
#socialSiteLogin {
clear: left;
padding-top: 15px;
}
#socialSiteLogin input[type=text] {
margin-right: 5px;
}
.statusInstr {
font-size: 10px;
color: #f0f0f0;
}
.rightColumnSMS {
margin-top: 15px;
}
.rightColumnSMS h4.topBar {
background:transparent url(../img/smsmessage_top.png) no-repeat;
height: 8px;
width:100%;
}
.rightColumnSMS h4.bottomBar {
background:transparent url(../img/smsmessage_bottom.png ) no-repeat scroll left bottom;
height: 8px;
width:100%;
}
div.messages-bg {
background: #DEE5ED;
padding: 8px;
}
div.messages-bg label {
padding: 2px 5px;
}
.sms-listtext, .sms-listtextread {
color: #333;
}
.sms-listtextMsg, .sms-listtextreadMsg {
color: #666;
}
.msgsNavigation {
margin-top: 10px;
}
.msgsNavigation h2 {
margin: 10px 0 5px 0;
}
.msgsNavigation ul li a {
padding-right: 45px;
}
.msgsNavigation ul {
list-style-type: none;
margin-left: 10px;
font-size: 11px;
}
.msgsNavigation ul li {
padding: 3px 0 3px 7px;
}
.msgsNavigation ul li:hover, .msgsNavigation ul li.selected {
background: transparent url("../img/msgs_nav_hover.png") left top no-repeat;
cursor: pointer;
}
.smsTableColunm1{
vertical-align: top;
width:120px;
text-align: left;
}
.smsTableColunm2{
vertical-align: top;
width:670px;
padding-bottom: 20px;
text-align: left;
}
/* Start jCrop Styles */
.jcrop-holder{
text-align: left;
}
.jcrop-vline, .jcrop-hline {
font-size: 0;
position: absolute;
background: white url('../images/Jcrop.gif') top left repeat;
/*
opacity: .5;
*filter:alpha(opacity=50);
*/
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
font-size: 1px;
width: 7px !important;
height: 7px !important;
border: 1px #eee solid;
background-color: #333;
*width: 9px;
*height: 9px;
}
.jcrop-tracker {
*background-color: gray;
width: 100%; height: 100%;
}
.custom .jcrop-vline, .custom .jcrop-hline {
background: yellow;
}
.custom .jcrop-handle {
border-color: black;
background-color: #C7BB00;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.jcropper-holder { border: 1px black solid; }
.myPhoto {
width: 50%;
margin: 10px auto;
}
div#boxCropImage {
margin:5px auto;
padding:5px;
width:750px;
height: 30px;
}
.faqColumn1 {
vertical-align:top;
float: left;
}
.faqColumn2 {
vertical-align: top;
float: right;
}
.snappMemberPanel{
width: 310px;
float: left;
height: auto;
}
.innerRectangle {
width:250px;
height:auto;
background: none;
margin:0 auto;
}
div#titlewidget input {padding: 0px 0px 0px 60px;}
div#contentpreview {
margin: 0 auto;
width:800px;
clear: both;
}
div#contentpreview .previewBox {
width: 700px;
border: solid 2px #e5e5e5;
margin: 0 auto;
min-height: 300px;
height: auto !important;
overflow: auto;
}
.createCustomDoodad td.right {
width: 225px;
}
.createCustomDoodad td.left {
width: 475px;
}
.customDoodad {
width: 20%;
float: left;
}
.advancedSearch {
color: #666;
padding: 5px 0;
font-size: 10px;
font-weight: 700;
}
.groupMemberDetailCol1{
width: 15%;
text-align: left;
}
.groupMemberDetailCol2{
width: 50%;
text-align: left;
}
.groupMemberDetailCol4{
width: 2%;
text-align: left;
}
.groupContent {
font-weight: bold;
padding: 3px 10px;
}
li.txtAnyoneTo {
}
li.txtAnyoneTo input[type=text] {
width: 105px;
padding: 3px;
}
li.txtAnyoneTo select {
color:#666666;
font-size:10px;
line-height:12px;
margin-right:5px;
position: relative;
width:50px;
}
select.icon-menu option {
padding:2px 0 2px 20px;
font-size: 10px;
color:#666;
}
select.icon-menu option[value="1"], select.icon-menu option[value="1"] selected {
background: url("../images/US.png") left center no-repeat;
}
select.icon-menu option[value="14"] {
background: url("../images/UK.png") left center no-repeat;
}
#staticPage {float: left; width: 100%; padding: 10px;}
#staticPage .staticSidebar, #staticPage .staticSidebarGroups {
float: left;
width: 237px;
border-right: solid 1px #d8dfea;
}
#staticPage .staticSidebarGroups img {
padding: 10px 0;
margin: 0 auto;
}
#staticPage .staticContent {
float: left;
padding-left: 20px;
width: 523px;
}
#staticPage ol.canDo, #staticPage ul.canDo {
font-size:1.8em;
font-weight: bold;
color:#133354;
padding:10px 0 0 30px;
}
#staticPage ol.canDo li, #staticPage ul.canDo li{
color:#356aa0;
margin: 20px 0;
}
#staticPage ol.canDo p {
font-size:14px;
color:#666;
margin:0;
padding:0;
}
#staticPage ul.canDo p {
font-size:12px;
color:#666;
margin:0;
padding-left:20px;
background: transparent url("../img/accept.png") no-repeat left top;
}
h1.staticHeadline {
font-size: 1.5em;
color: #f7941D;
}
.staticContent h1 {
font-size: 1.4em;
color: #356aa0;
}
.staticContent h2 {
font-size: 1.2em;
color: #356aa0;
padding: 5px 0;
}
.staticContent h3 {
font-size: 1.0em;
color: #356aa0;
padding: 10px 0 5px 0;
}
.staticContent img {
margin-top: 20px;
}
p.options {
color: #666;
font-size: 1.1em;
}
td.groupstext {
font-size: 12px;
font-weight: bold;
padding-left: 10px;
vertical-align: middle;
}
td.groupstext p {
color: #356aa0;
}