/* ---------------------------------------------------------------------------------------------------------------------- CSS for empowernet Jan 2007 max width 120 characters dependant rules indented ---------------------------------------------------------------------------------------------------------------------- */ body { text-align:center; background:#fff; color:#000; padding:0px; margin:0px; } a { color:#157cb6; } a:hover, a:active { color:#666; } a, a:link, a:visited, a:hover, a:active { text-decoration:none; } h2 a, h3 a{ color:#fff; } span.hr { display:block; height:5px; line-height:0; clear:both; background:url(../../images/design/bdr_fatdots.gif) repeat-x center; } hr.pullDown{ border:none; border-bottom:2px solid #adc3dc; clear:both; padding:10px 0; }/*pulls unfloated box down around columns*/ div.copyBox { background:#adc3dc url(../../images/design/bg_blue.png) repeat; padding:1px 5px; } div.copyBoxSquare{ background:#adc3dc/* url(../../images/design/bg_blue.png)*/ repeat; padding:10px; margin-top:5px; } div.copyBoxSquare p{ width:330px; }/*for ie6 which blows out the width of a column if the tag is used :{ */ div.copyBox h2,div.copyBox h3,div.copyBox h4, #login h3 { color:#fff; } div.copyBoxSquare h2,div.copyBoxSquare h3,div.copyBoxSquare h4{ color:#fff; } /*div.spacingBox { width:100%; padding:0 0 5px 0; float:left; display:inline; background:lime; } */ /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------- main layout IDs --------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /* ----- containers:outerContainer used for re-aligning text and centering the layout and giving overall width ----- */ /* ------------------------ innerContainer is floated left and contains the background gradient ----------------------*/ #outerContainer { text-align:left; margin:0 auto; width:980px; } #innerContainer { width:980px; padding:15px 0 10px 10px; float:left; display:inline; background:#c3d8e9 url(../../images/design/bg_innercontainer.jpg) top left repeat-x; } #masthead { } #masthead img.logo { padding:15px 0; } #content { width:100%; margin:10px 0; float:left; display:inline; } /*floats around dashboard and related content giving them margins*/ /*--------------------------------------------------------------------------------------------------------------------*/ #login { width:335px; padding:5px 10px 10px 10px; float:right; margin:0; position:relative; background:url(../../images/design/bg_login.gif) top left no-repeat; font-size:11px; } #login h3 { padding:0; margin:0 15px 0 0; font-size:15px; } #login img { float:left; margin:5px 10px 0 0; } #login div.feedback { width:200px; margin-top:2px; float:left; text-align:left; border-right:1px solid #fff; } #login div.usrOptions{ float:left; padding:13px 0 0 10px; } #login form { /*width:275px;*/ padding:0; margin:0; /*display:block;*/ /*float:left;*/ } #login label, #login input.txt { color:#776666!important; width:62px; /*height:15px;*/ margin:2px 0; float:left; font-size:11px; } #login input.txt { width:130px; /*195*/ border:0; padding:2px; margin:0 5px 0 0; /*float:left;*/ background:#fff; } #login br { clear:left; } #login img { } #login div.gifButton{ position:absolute; top:39px; left:220px; } a.iconLink { float:left; padding:0 5px 0 18px; white-space:nowrap; margin:0 5px 0 0; background:center left no-repeat; } .alert{ background-image:url(../../images/icons_buttons/icon_alert.gif)!important; } .buddy{ padding-left: 20px; background:url(../../images/icons_buttons/icon_buddy.gif) top left no-repeat!important; } .find { background-image:url(../../images/icons_buttons/icon_find_buddies.gif)!important; } a.mail{ background-image:url(../../images/icons_buttons/icon_msgGrey.gif)!important; } div.mail { background-image:url(../../images/icons_buttons/icon_msgGrey.gif)!important} div.gotMail { background-image:url(../../images/icons_buttons/icon_mailRedDiv.gif)!important; } .add { background-image:url(../../images/icons_buttons/icon_add.gif)!important; padding-left:15px; } a.viewAll { background-image:url(../../images/icons_buttons/icon_viewall.gif)!important; padding-left:13px; } a.delete { padding-left:15px; background-image:url(../../images/icons_buttons/icon_close-trans.png)!important; } a.edit { padding-left:17px; background-image:url(../../images/icons_buttons/icon_edit.gif)!important; } a.profile { background-image:url(../../images/icons_buttons/icon_profile.gif)!important;padding-right:0; } a.addBuddy { background-image:url(../../images/icons_buttons/icon_addToBuddies_trans.gif)!important;padding-right:0; } a.arrowR { background:url(../../images/icons_buttons/icon_arrowR.gif) center right no-repeat!important; padding-left:5px!important; padding-right:15px!important; } a.posts { background-image:url(../../images/icons_buttons/icon_posts-trans.png)!important; } a.pdf { background-image:url(../../images/icons_buttons/pdf.gif)} a.threads { background-image:url(../../images/icons_buttons/icon_threads-trans.png)!important; padding-left:15px; } a.goals { padding-left:20px;background:url(../../images/icons_buttons/icon_goals-trans.png) top left no-repeat; } a.actions { padding-left:20px; background:url(../../images/icons_buttons/icon_actions-trans.png) top left no-repeat; } a.achieved{ padding-left:20px; background:url(../../images/icons_buttons/icon_achieve-trans.png) center left no-repeat; } a.events { padding-left:20px; background:url(../../images/icons_buttons/icon_eventsmini-trans.png) center left no-repeat; } div.shaded a.achieved { padding-left:15px; background-image:url(../../images/icons_buttons/icon_tick_green-trans.png); } div.unshaded a.achieved { padding-left:15px; background-image:url(../../images/icons_buttons/icon_tick_green-trans.png); } div.rowCurrent a.achieved { padding-left:15px; background-image:url(../../images/icons_buttons/icon_tick_green-trans.png); } div.shaded a.delete { background-image:url(../../images/icons_buttons/icon_close-trans.png); } div.shaded a.edit { background-image:url(../../images/icons_buttons/icon_edit_shaded.gif); } div.copyBox a.iconLink { margin-bottom:3px; margin-top:5px; } div.copyBox textarea { width:500px;height:300px; } /*--------------------------------------------------------------------------------------------------------------------*/ /*MASTHEAD NAVIGATION RULES*/ /*--------------------------------------------------------------------------------------------------------------------*/ #nav { width:100%; height:25px;float:left; background:#fff url(../../images/design/fadeline.jpg) bottom right no-repeat; } #nav ul{ padding:0; margin:0!important; } /*the positioning is needed for ie6 which leaves 1px under the hoz list */ #nav li{ list-style:none; float:left; display:block; background:url(../../images/design/topNavR.gif) top right no-repeat; } #nav li#current { background-image:url(../../images/design/topNavR_current.gif); } #nav li:hover { background-image:url(../../images/design/topNavR_current.gif); } #nav li#current a{ background-image:url(../../images/design/topNavL_current.gif); } #nav li a { height:20px; padding:3px 10px 2px 10px; float:left; white-space:nowrap; color:#fff; font-size:10px; font-weight:bold; text-decoration:none; text-transform:capitalize; background:url(../../images/design/topNavL.gif) top left no-repeat; } #nav li a:link { } #nav li a:visited { } #nav li a:hover { background-image:url(../../images/design/topNavL_current.gif); } #nav li a:active { } /*end masthead nav*/ /*------------------------------------------------ ARROW LIST -------------------------------------------------------*/ ul.arrowList { padding-left:0; margin-left:0; } ul.arrowList li { list-style:none; } ul.arrowList a { display:block; margin:2px 0; padding-left:15px; background:url(../../images/icons_buttons/icon_arrowR-trans.png) top left no-repeat;line-height:1.1em; } div#crew ul { padding-left:0; margin-left:0; } div#crew ul li { list-style:none; } div#crew ul a { display:block; margin:2px 0; padding-left:15px; background:url(../../images/icons_buttons/icon_arrowR-trans.png) center left no-repeat;line-height:1.1em; } /*------------------------------------------Dashboard = LHS thin column ----------------------------------------------*/ #dashboard { width:250px; float:left; display:inline; } #dashboard h3 { width:217px; color:#FFF; font-size:20px; font-weight:bold; text-transform:capitalize; float:left; display:inline; } #dashboard h4 { color:#fff;font-weight:bold; text-transform:capitalize; } /*#dashboard h4.block { color:#fff; font-size:14px; font-weight:bold; text-transform:capitalize; display:block; clear:both; margin:5px 0; }*/ /*#dashboard div.spacingBox { width:255px; }*/ /* -----------------------------corners ---------------------------------- */ /*span.topCorners, span.botCorners { width:100%; height:10px; float:left; line-height:0; }*/ #dashboard span.topCorners { width:250px; height:10px; padding:0; display:block; line-height:0; background:url(../../images/design/corners_top_250-trans.png) top left no-repeat; } #dashboard span.topCornersDark { width:250px; height:10px; display:block; line-height:0; background:url(../../images/design/cornersdark_top_250-trans.png) top left no-repeat; } #dashboard span.botCorners { width:250px; height:10px; display:block; line-height:0; background:url(../../images/design/corners_bot_250-trans.png) bottom left no-repeat; } #dashboard span.botCornersDark { width:250px; height:10px; display:block; margin-bottom:5px; line-height:0; background:url(../../images/design/cornersdark_bot_250-trans.png) bottom left no-repeat; } /*------------------------------------------------------------------------ */ #dashboard div.copyBox { padding:1px 10px; float:none; } #dashboard div.dark { margin:0; background:#4679B1 url(../../images/design/bg_drkblue.png) repeat; } #dashboard div.dark a img { float:left; margin-top:1px; } #dashboard div.centreAlign { margin:0 auto; width:240px; } /*#lifeAreaSnapshot, #flashBanner{ margin-bottom:5px; }*/ .flashPageHeader { margin-bottom:5px; } /*--------------------------------------------------- NEW CORNERS ----------------------------------------------------*/ /* ---- Note:for IE6 an empty comment "" is needed within the span for it to display its correct height ---- */ /*--------------------------------------------------------------------------------------------------------------------*/ div.cnrs235{ width:235px; height:10px; background:url(../../images/design/cnrs235_top-trans.png); } span.cnrs235Bot{ display:block; height:10px; width:235px; margin-bottom:5px; background:url(../../images/design/cnrs235_bot-trans.png) left; clear:both; } div.cnrs250{ width:250px; height:10px; background:url(../../images/design/cnrs250_top-trans.png); } span.cnrs250Bot{ display:block; height:10px; width:250px; margin-bottom:5px; background:url(../../images/design/cnrs250_bot-trans.png) left; clear:both; } .noSidePad{ padding-left:0!important; padding-right:0!important; width:100%!important; }/*use this to wrap divs that already have padding*/ div.cnrs355{ width:355px; height:10px; background:url(../../images/design/cnrs355_top-trans.png); } span.cnrs355Bot{ display:block; height:10px; width:355px; margin-bottom:5px; clear:both; background:url(../../images/design/cnrs355_bot-trans.png) left; } div.cnrs480{ width:480px; height:10px; background:url(../../images/design/cnrs480_top-trans.png); } span.cnrs480Bot{ display:block; height:10px; width:480px; margin-bottom:5px; background:url(../../images/design/cnrs480_bot-trans.png) left; } div.cnrs715{ width:715px; height:10px; background:url(../../images/design/cnrs715_top-trans.png) no-repeat; } span.cnrs715Bot{ display:block; width:715px; height:10px; margin-bottom:5px; background:url(../../images/design/cnrs715_bot-trans.png) no-repeat; } /*-------------------------------------------------- forums ----------------------------------------------------------*/ div.summary { float:left; width:190px; padding:0 10px 0 20px; border:5px solid #edf2f7; background:#edf2f7 url(../../images/icons_buttons/icon_mailGreyDiv.gif) top left no-repeat; } div.darkBg { background-color:#dae4f0; border-color:#dae4f0} div.summary div { width:100%;float:left; } div.summary p { color:#666; padding:0 0 0 5px; margin:0 5px; display:inline; } div.summary span { color:#157cb6} div.summary h5 { margin:0; } div.summary h5 a { margin:0 5px 0 0; padding:0; } #relatedContent div.summary { float:left; width:295px; padding:0 10px 0 25px; border:none; margin-bottom:10px; background:url(../../images/icons_buttons/icon_mailGreyDiv.gif) top left no-repeat; } #relatedContent div.summary div { width:100%; float:left; } #relatedContent div.summary p { color:#666; padding:0 0 5px 0; margin:0!important; } /* #relatedContent span { margin:0 0 0 0; }*/ #relatedContent div.summary div p { display:inline; float:left; padding:0 5px 0 0; } div.summaryNoBG { float:left; width:290px; padding:0 10px 0 25px; } /*----------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ div.buddiesSearch { background:#adc3dc; padding:15px; margin:5px 0; float:left; width:690px; display:inline; } div.buddiesSearch label, div.buddiesSearch select, div.buddiesSearch input { display:block; margin:0 5px; float:left; } div.buddiesSearch input.button { border:none; height:16px; width:20px; margin-top:3px; cursor:pointer; background:url(../../images/icons_buttons/btn_arrow-trans.png) no-repeat; } div.buddiesSearch label { margin-top:3px; } /*div.picDisplay { width:215px; height:60px; float:left; margin:0 5px 5px 0; padding:10px 10px 0 10px; background:url(../../images/design/bg_picDisplay-trans.png) no-repeat; display:inline; } div.picDisplay div { float:left; width:157px; padding-left:5px; } div.picDisplay h3 { margin:0; } div.picDisplay h5 { margin:0; } div.picDisplay h3 a{ color:#fff!important; margin:0; } div.picDisplay h3 a{ margin-top:0!important; }*/ div.picDisplay{width: 215px; height:60px; float:left; margin: 0 5px 5px 0; padding:10px 10px 0 10px; background:url(../../images/design/bg_picDisplay-trans.png) no-repeat; display:inline;} div.picDisplay div {float:left; width:157px; padding-left:5px;} div.picDisplay h3 a, div.picDisplay h4,div.picDisplay h5 {color:#fff!important;} div.picDisplay h4 {margin-top:0!important; font-size:12px;} div.picDisplay img{ float:left; display:inline;} div.picDisplay div.profileData a {font-size:11px!important; font-weight:normal!important;} div.pageNav { width:100%; float:left; margin-bottom:0; padding-top:5px; } div.pageNav p { float:right; display:block; margin-right:30px!important; } ul.pageNav { float:left; margin:0 0 0 5px; padding-left:0; height:20px; display:inline; } ul.pageNav li { display:inline; list-style:none; float:left; } ul.pageNav li a { float:left; display:block; padding:0 5px; margin-bottom:5px; } ul.pageNav li a.prev { display:block; padding-right:10px; padding-left:20px; background:url(../../images/icons_buttons/icon_arrowL-trans.png) left no-repeat; } ul.pageNav li a.next { display:block; padding-right:30px; background:url(../../images/icons_buttons/icon_arrowLongR-trans.png )left no-repeat} ul.pageNav li a.current { font-weight:bold; } /*--------------------------------------------------------------------------------------------------------------------*/ /* ie6 need the !important as it does not inherit the width declaration correctly */ div.bgExplore { margin-bottom:5px;padding-left:0px!important; width:250px; height:250px; float:left; background:url(../../images/bg_exploremylife.jpg) top left no-repeat; position:relative; } div.bgPlan { margin-bottom:5px; padding-left:10px!important; width:240px; float:left; padding-bottom:10px; background:url(../../images/plan_my_success_250x250.jpg) top left no-repeat; } div.bgFind { margin-bottom:5px; padding-left:10px!important; width:240px; float:left; padding-bottom:10px; background:url(../../images/find_solutions_250x250.jpg) top left no-repeat; } div.bgPlan div.buttonBox, div.bgFind div.buttonBox { margin:215px 0 0 0px; } div.bgExplore div.buttonBox{ position:absolute; bottom:0px; left:10px; } div.exploreHome { margin:0 5px 5px 0; width:320px; float:left; background-image:none!important; display:inline; } div.planHome { margin:0 5px 5px 0;width:320px; float:left; padding-bottom:5px; background-image:none!important; display:inline; } div.findHome { margin:0 5px 5px 0;width:320px; float:left; padding-bottom:5px; background-image:none!important; display:inline; } div.exploreHome div.buttonBox, div.planHome div.buttonBox, div.findHome div.buttonBox { margin:215px 0 10px 0px; } div.homeCalendar{ } div.homeCalendar span.botCorners{ float:left; width:100%; background-repeat:no-repeat; } div.homeCalendar h2 { font-size:20px; font-weight:bold; padding-bottom:7px; } div.homeCalendar h3, div.homeCalendar h3 a{ float:left; margin-top:0; color:#4879b2; } div.homeCalendar h5 { color:#666666!important; } div.homeCalendar a.arrowR { background:#fff;float:right; margin-top:0; padding-top:0; } .bgExplore h2, .bgPlan h2, .bgFind h2,.exploreHome h2,.planHome h2,.findHome h2 { display:none; text-indent:-3000px; margin:0; line-height:0; } /* background header button style div */ div.bgHdrBtn { float:left; width:335px; padding:0 10px; background:url(../../images/bg_skyicons.jpg) top left; padding-top:10px; } div.bgHdrBtn h1{ height:125px; margin:0!important; color:#fff!important} div.bgHdrBtn div.buttonBox { float:right; margin-bottom:10px; } div.bgHdrBtn div.buttonBox span { margin-right:0; } /*---------------------------------relatedContent = main content in centre of layout----------------------------------*/ #relatedContent { width:720px; float:left; margin-left:5px; display:inline; } #relatedContent h1 { margin-left:10px; /*margin-bottom:5px;*/ } /*#relatedContent h2, h3, h4, h5 { margin:0; padding:0; }*/ /*--------- pls note for rule below... ie6 needs 'display:inline' or it adds an extra 5px to the layout ----------*/ #relatedContent .column { width:355px; float:left; display:inline; margin-right:5px; } #relatedContent div.copyBox { /*float:left; width:335px;*/ padding:10px/* 10px 0 10px*/; margin-right:5px; } #relatedContent div.copyBoxSquare{ padding:10px; } #relatedContent div.copyBox715 { width:690px; padding-right:0!important; } #relatedContent .column div.copyBox { float:left; width:335px; padding:1px 10px 5px 10px; margin-right:0!important; } #relatedContent div.copyBox div.column{ padding:0; margin:0 15px 0 0; width:330px; } #relatedContent div.copyBoxSquare div.column{ padding:0; margin:0 15px 0 0; width:330px; } #relatedContent div.copyBox div.copyBox{ width:330px; /*background:pink;*/} #relatedContent span.topCorners { width:100%; height:9px; display:block; background:url(../../images/design/corners_top_355-trans.png) top left no-repeat; } #relatedContent span.botCorners { height:9px; display:block; margin-bottom:5px; background:url(../../images/design/corners_bot_355-trans.png) bottom left no-repeat; } #relatedContent span.gAlertTop { width:335px; height:10px; float:left; line-height:0; background:url(../../images/design/cnr_topGoal-trans.png) top left no-repeat; } #relatedContent span.gAlertBot { width:335px; height:10px; float:left; line-height:0; margin-bottom:10px; background:url(../../images/design/cnr_botGoal-trans.png) bottom left no-repeat; } div.gAlert { width:285px !important; padding-left:50px; padding-top:5px; float:left; background:#111083 url(../../images/design/goalAlert.gif) top left no-repeat!important; } div.gAlert h3 { height:auto; width:auto; text-indent:0; margin-top:-2px; font-weight:bold; float:left; margin-right:10px; } div.gAlert p { color:#fff!important; display:inline; } div.softHilite{ padding:10px; background:#DAE4F0; margin:5px 0 15px 0; } /* -----------------------------corners ---------------------------------- */ #relatedContent span.topCorners { width:355px; height:10px; display:block; background:url(../../images/design/corners_top_355-trans.png) top left no-repeat; } #relatedContent span.botCorners { width:355px; height:10px; display:block; background:url(../../images/design/corners_bot_355-trans.png) bottom left no-repeat; } /*------------------------------------------------------------------------ */ #relatedContent p { padding:2px 0; margin:0; } #relatedContent h2 { margin:10px 0 2px 0; } #relatedContent h3 { margin:0; clear:both; } #relatedContent .column h3,#relatedContent .column h4,#relatedContent .column h5{ margin-top:5px; } #relatedContent h3.goals { width:300px; padding-left:20px; margin-bottom:10px; float:left; background:url(../../images/icons_buttons/icon_goals-trans.png) center left no-repeat; } #relatedContent h3.actions { width:300px; padding-left:20px; margin-bottom:10px; float:left; background:url(../../images/icons_buttons/icon_actions-trans.png) center left no-repeat; } #relatedContent h3.achieved{ width:300px; padding-left:20px; margin-bottom:10px; float:left; background:url(../../images/icons_buttons/icon_achieve-trans.png) center left no-repeat; } #relatedContent .iconBG { width:400px; line-height:30px; margin:0 0 10px 10px; padding-left:215px; font-size:22px; float:left; background:top left no-repeat; } #relatedContent .hdrFamily { background-image:url(../../images/icons_buttons/hdr_family.gif); color:#f47611; } #relatedContent .hdrRelationships { background-image:url(../../images/icons_buttons/hdr_relationships.gif);color:#ef238e; } #relatedContent .hdrCareer { background-image:url(../../images/icons_buttons/hdr_career.gif);color:#111083} #relatedContent .hdrHealthFitness { background-image:url(../../images/icons_buttons/hdr_health.gif);color:#669900} #relatedContent .hdrWealthCreation { background-image:url(../../images/icons_buttons/hdr_wealth.gif); color:#23A491} #relatedContent .hdrSpiritual{ background-image:url(../../images/icons_buttons/hdr_spirit.gif); color:#9C1E8B} #relatedContent div.advert { float:left; width:355px; padding-top:325px; float:left; margin-bottom:5px; background:url(../../images/design/bg_unleashAd.jpg) top left; } #relatedContent div.advert h1, div.advert h2, div.advert p { display:none; } #relatedContent div.advert div.buttonBox { float:right; margin:0 0 5px 0; clear:both; } #relatedContent div.advert div.buttonBox a { width:77px; } div.shaded { padding:10px; background-color:#dae4f0;float:left; width:315px; } #relatedContent div.shaded p { margin:0; } div.unshaded { padding:10px; background-color:#edf2f7; float:left; width:315px; } #relatedContent div.unshaded p { margin:0; } div.rowCurrent { padding:10px; background-color:#bfd0e4; float:left; width:315px; } #relatedContent div.rowCurrent p { margin:0; } .goalLabel{ margin-top:4px; display:block; float:left; width:85px; } .goalTitleText{ margin-top:4px; display:block; float:left; background-color:#edf2f7; border:1px solid #9AB5D4; width:216px; } .goalDatePlanned { margin-top:4px; display:block; float:left; background-color:#edf2f7; border:1px solid #9AB5D4; width:176px; } .goalCalendar{ margin-left:4px; margin-top:2px; display:block; float:left; vertical-align:middle; ; } .goalSelect{ margin-top:4px; display:block; float:left; background-color:#edf2f7; border:1px solid #9AB5D4; width:218px; } .goalFile{ margin:5px 0; display:block; float:left; background-color:#edf2f7; border:1px solid #9AB5D4!important; width:218px; } .goalAlert{ width:320px;float:left; } div.addGoal { margin-top:5px; padding:9px; } #relatedContent div.addGoal p { margin:0; } #journal { margin-top:5px; } #journal div.addGoal p { margin:0; padding:0; } #journal h2{ color:#fff; } .journalLabel{ margin-top:4px; display:block; float:left; width:55px; } #goals h2 {margin:0px} div.fauxColumns { background:url(../../images/fauxcolumns.gif) repeat; float:left; width:100%; } #forFatImages img{ margin:10px -10px; } /* -------------------------------------- Life Areas List Header----------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ #lifeAreasList{ width:100%; float:left; padding-left:0; margin-left:0; position:relative; margin-top:0!important; } #lifeAreasList li { display:inline; list-style:none; } #lifeAreasList a { width:35px; height:35px; display:block; float:left; letter-spacing:-1000em; background:url(../../images/icons_buttons/hdr_bgIcons.gif) no-repeat; } #lifeAreasList li a:focus{ border:none!important; } #lifeAreasList li.li1 a{ background-position:0 0 ; } #lifeAreasList li.li1 a:hover, #lifeAreasList li.li1 a.currentArea{ background-position:0 -45px ;letter-spacing:-1000em; } #lifeAreasList li.li2 a{ background-position:-35px 0 ; } #lifeAreasList li.li2 a:hover, #lifeAreasList li.li2 a.currentArea{ background-position:-35px -45px ;letter-spacing:-1000em; } #lifeAreasList li.li3 a{ background-position:-70px 0 ; } #lifeAreasList li.li3 a:hover, #lifeAreasList li.li3 a.currentArea{ background-position:-70px -45px ;letter-spacing:-1000em; } #lifeAreasList li.li4 a{ background-position:-105px 0 ; } #lifeAreasList li.li4 a:hover, #lifeAreasList li.li4 a.currentArea{ background-position:-105px -45px ;letter-spacing:-1000em; } #lifeAreasList li.li5 a{ background-position:-140px 0 ; } #lifeAreasList li.li5 a:hover, #lifeAreasList li.li5 a.currentArea{ background-position:-140px -45px ;letter-spacing:-1000em; } #lifeAreasList li.li6 a{ background-position:-175px 0 ; } #lifeAreasList li.li6 a:hover, #lifeAreasList li.li6 a.currentArea{ background-position:-175px -45px ;letter-spacing:-1000em; } #lifeAreasList li h1{ color:#000; position:absolute; left:205px; bottom:0; } /*Add appropriate colour class (from below)*/ .color1 { color:#ef238e!important; } .color2 { color:#111083!important; } .color3 { color:#669900!important; } .color4 { color:#23A491!important; } .color5 { color:#FA7600!important; } .color6 { color:#9C1E8B!important; } #accordion{ width:100%; float:left; padding-left:0; margin-left:0; position:relative; border:1px solid black; } #accordion h2 { border-bottom:1px dotted #fff; } #accordion h2.pos1 a{ background-image:url(images/icons_buttons/icon_Relationships-trans.png); border:1px solid red; } #accordion h2.pos2 a{ background-image:url(images/icons_buttons/icon_Career-trans.png); border:1px solid red; } #accordion hr { border:0 solid!important ; margin:0 0 10px 0; background-image:none;height:8px!important; clear:both; } /*#accordion .surveyResultsBG { background-color:#ccc; }*/ /**/ div.accordionBox{ width:300px; float:left;padding-left:8px; } div.accordionBox div.calButtons { margin-left:0;padding-left:0; } ul.iconUL{ margin:0; padding:0; margin-left:0} ul.iconUL li{ margin-top:5px; } li.goal{ background:url(../../images/icons_buttons/icon_goals-trans.png) top left no-repeat; list-style:none;padding-left:20px; } li.action{ background:url(../../images/icons_buttons/icon_actions-trans.png) top left no-repeat; list-style:none; padding-left:20px; } #seminars{ } #seminars h5{ color:#fff; } #seminars .transparent h5{ color:#4879b2} #flashcontent{ margin-bottom:5px; } /*--------------------------------------------------------------------------------------------------------------------*/ .txtHolder{ float:left; width:100%; padding-bottom:15px; } .txtHolder label { display:block; width:200px; float:left!important; margin:0 10px 0 0; } .txtHolder input.txt{ width:230px; float:left; clear:left; } .txtHolder select { width:235px; float:left; border:1px solid #ffffff; } .txtHolder textarea{ width:230px!important; float:left; } .txtHolder span.notes { float:left; width:200px; display:block; color:#3D6899} span.notes div{ width:680px; float:left; font-style:normal; color:#000; font-weight:bold; clear:both; } .txtHolder input.formTxt{ width:250px; margin-left:10px; } div.radChkBox { float:left} div.centreCol{ width:255px; float:left; } /*--------------------------------------------------------------------------------------------------------------------*/ /*Scrap Book*/ /*--------------------------------------------------------------------------------------------------------------------*/ #journal { width:335px; padding:0 10px; background:#adc3dc url(../../images/design/bg_blue.png) repeat; float:left; margin:0; } #journal p { padding:10px; } #journal .textBoxPadding { margin:0; padding:0 0 5px 0; } #journal div.copyBox { background:#edf2f7; width:335px; color:#666; margin-bottom:5px; padding:0;float:left; } #journal h2 { margin:0; } #journal a img { float:right; } #journal div.nav { height:20px; width:100%; } #journal ul.smallNav { height:20px; margin:0; float:right; } #journal ul.smallNav li { float:left; display:inline; list-style:none; margin-left:-15px; } #journal ul.smallNav li a { display:block; height:20px; width:55px; text-indent:-3000px; color:#FFFFFF; font-size:10px; float:left; background:top right; position:relative; } /*!please note position relative is needed so that z-index works*/ ul.smallNav li#all a { background-image:url(../../images/design/scrap_all_grey-trans.png); } ul.smallNav li#all a.current, ul.smallNav li#all a:hover { background-image:url(../../images/design/scrap_all-trans.png); z-index:1000; } ul.smallNav li#link a { background-image:url(../../images/design/scrap_bmark_grey-trans.png); } ul.smallNav li#link a.current,ul.smallNav li#link a:hover { background-image:url(../../images/design/scrap_bmark-trans.png); z-index:1000; } ul.smallNav li#text a { background-image:url(../../images/design/scrap_T_grey-trans.png); } ul.smallNav li#text a.current, ul.smallNav li#text a:hover { background-image:url(../../images/design/scrap_T-trans.png);; z-index:1000; } ul.smallNav li#pics a { background-image:url(../../images/design/scrap_pics_grey-trans.png); } ul.smallNav li#pics a.current,ul.smallNav li#pics a:hover { background-image:url(../../images/design/scrap_pics-trans.png); z-index:1000; } ul.complexList { margin:0; padding:0; display:block; float:left; } ul.complexList li { padding:5px 5px 10px 30px; background-color:#edf2f7; width:300px; float:left; list-style:none;background:top left no-repeat; } ul.complexList li img { margin:2px 5px 0 0; vertical-align:top} ul.complexList li.shaded { background-color:#dae4f0; } ul.complexList li.text { background-image:url(../../images/icons_buttons/icon_text-trans.png); } ul.complexList li.pics { background-image:url(../../images/icons_buttons/icon_pics-trans.png); } ul.complexList li.link { background-image:url(../../images/icons_buttons/icon_bookmark-trans.png); } ul.complexList li.read { background-image:url(../../images/icons_buttons/icon_msgGrey.gif); } ul.complexList li.unread { background-image:url(../../images/icons_buttons/icon_msg_red.gif); } #journal div.link { background:url(../../images/icons_buttons/icon_bookmark-trans.png) top left no-repeat; } #journal div.text { background:url(../../images/icons_buttons/icon_text-trans.png) top left no-repeat; } #journal div.pics { background:url(../../images/icons_buttons/icon_pics-trans.png) top left no-repeat; } /* LD:removed padding and increase width of shading divs. Moved class up one level #journal div.shaded { padding:5px 5px 10px 30px;background-color:#dae4f0; width:300px; float:left; } #journal div.unshaded{ padding:5px 5px 10px 30px; background-color:#edf2f7; width:300px; float:left; border:1px solid green; }*/ #journal div.shaded { padding:0px;background-color:#dae4f0; width:335px; float:left; } #journal div.unshaded{ padding:0px; background-color:#edf2f7; width:335px; float:left; } #journal div.pics img{ margin:2px 15px 0 0; vertical-align:top} #journal span.button { display:block; width:15px; height:15px; margin:0 0 5px 2px; float:right; background:top left no-repeat; cursor:pointer; } #journal span.close{ background-image:url(../../images/icons_buttons/icon_close-trans.png); } #journal span.edit { background-image:url(../../images/icons_buttons/icon_pda.gif); } #journal span.up { background-image:url(../../images/icons_buttons/icon_arrowUp.gif); } /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------- FOOTER ---------------------------------------------------------*/ #footer { padding:5px 10px 0 10px; height:30px; margin-right:10px; float:left; width:950px; background:url(../../images/design/bg_footer.gif) top left no-repeat; } #footer p { padding:2px 0 3px 0; display:block; margin:0; color:#999; } #footer a, #footer a:link ,#footer a:visited, #footer a:focus { color:#999; } #footer a:hover, #footer a:active { color:#666666; } /*--------------------------------------------------------------------------------------------------------------------*/ a.shopping , a.help, #searchBox label{ color:#776666!important; margin:0; padding:2px 0 4px 0; display:block; float:left; } a:hover.shopping, a:hover.help { color:#CCCCCC!important; } #searchBox label { font-weight:normal; } a.shopping { padding-left:27px; margin-left:5px; background:url(../../images/icons_buttons/icon_cart.gif) top left no-repeat; } a.shoppingPlus { padding-left:19px; margin-left:5px; background:url(../../images/icons_buttons/icon_cart_plus-trans.png) top left no-repeat; } a.help { padding-left:15px; margin-left:7px; background:url(../../images/icons_buttons/icon_info.gif) center left no-repeat; } #searchHolder{ clear:right; float:right; width:400px; font-size:11px; } #searchBox { width:191px; margin-left:12px; float:right; position:relative; } #searchBox input.text{ background:#eeeeee; float:right; width:120px; /*height:11px;*/border:0; margin:1px 4px 0 0; padding:2px 0 2px 5px; display:block; font-size:10px; } #searchBox input.submit { width:17px; height:20px; float:right!important; border:0; cursor:pointer; margin:0!important; background:url(../../images/icons_buttons/icon_searchSubmit.gif) no-repeat center right ; } #searchBox label{ position:absolute; left:6px; margin-right:0; } /*----------------------------------------------button links---------------------------------------------------------*/ div.inputButtonBox{ height:24px; margin-left:10px; padding-left:5px; background:url(../../images/icons_buttons/button_left.gif) no-repeat;; } div.inputButtonBox input{ height:24px; padding:0 20px 0 0; color:#157cb6; border:0;font-size:10px; background:url(../../images/icons_buttons/button_right.gif) right no-repeat; } div.buttonBox { height:24px; padding-left:5px; float:left; margin-bottom:10px; background:url(../../images/icons_buttons/btn_left-trans.png) top left no-repeat; } div.buttonBox a { height:21px; padding:3px 17px 0 0; float:left; font-weight:bold; font-size:10px; background:#fff url(../../images/design/btn_mid.gif) no-repeat right top; } div.buttonBox span { display:block; float:left; width:5px; height:24px; margin-right:5px; background:url(../../images/design/btn_right-trans.png); margin-top:0; } div.gifButton{ height:24px; padding-left:5px; background:url(../../images/icons_buttons/button_left.gif) no-repeat; float:left; } div.gifButton a { display:block; height:20px; padding:4px 20px 0 0; background:url(../../images/icons_buttons/button_right.gif) top right; } div.gifButton input.submit{ display:block; height:24px; padding:0 20px 1px 0; border:0; margin:0!important; cursor:pointer;color:#157cb6; background:transparent url(../../images/icons_buttons/button_right.gif) top right; } td div.gifButton{ float:right; margin:10px 0; } div.banner { height:30px; width:695px; padding:145px 10px 10px 10px; margin:0; } div.banner h1 { display:none!important; } div.banner h2 { float:left; margin:10px 40px 0 0; padding:0; } div.banner p { color:#fff; margin:0; padding:12px 10px 0 15px!important; display:block; float:left; } div.banner div.buttonBox { float:right; margin:7px 0 0 0!important; } .community { background-image:url(../../images/banner_community.jpg)} .unleash { background-image:url(../../images/banner_unleash.jpg)} .find { background-image:url(../../images/banner_find.jpg)} .findHome { background-image:url(../../images/bg_find_home.jpg); } .examine { background-image:url(../../images/banner_examine.jpg); float:left;margin-bottom:5px!important} .findSols { background-image:url(../../images/banner_findsols.jpg); } .findHome { background-image:url(../../images/bg_find_home.jpg); } .events { background-image:url(../../images/banner_unleash.jpg); } div.gradientBG { width:335px; height:155px; padding:10px; position:relative; margin-bottom:5px; } div.gradientBG h2 { margin-bottom:0!important; line-height:0.6em!important; } div.gradientBG h5, div.gradientBG p { font-size:11px; margin:0!important; padding:0!important; } div.gradientBG div.bottomButtons { position:absolute; bottom:10px; left:10px; height:24px; } div.bottomButtons span { margin:0 10px 0 0!important; display:inline; } div.forumGradients { } div.forumGradients div.gradientBG { height:100px; } div.career { background-image:url(../../images/bg_career.jpg); } div.career h2 { padding:10px 35px!important; color:#111083!important; margin:0!important; background:url(../../images/icons_buttons/icon_career-trans.png) left no-repeat; } div.relationships { background-image:url(../../images/bg_relationships.jpg); } div.relationships h2{ padding:10px 35px!important; color:#ef238e!important; margin:0!important; background:url(../../images/icons_buttons/icon_relationships-trans.png) left no-repeat; } div.wealth { background-image:url(../../images/bg_wealth.jpg); } div.wealth h2 { padding:10px 35px!important; color:#23A491!important; margin:0!important; background:url(../../images/icons_buttons/icon_wealth-trans.png) left no-repeat; } div.spiritual { background-image:url(../../images/bg_spiritual.jpg); } div.spiritual h2{ padding:10px 35px!important; color:#9C1E8B!important; margin:0!important; background:url(../../images/icons_buttons/icon_spiritual-trans.png) left no-repeat; } div.health { background-image:url(../../images/bg_health.jpg); } div.health h2 { padding:10px 35px!important; color:#669900!important; margin:0!important; background:url(../../images/icons_buttons/icon_health-trans.png) left no-repeat; } div.family { background-image:url(../../images/bg_family.jpg)} div.family h2 { padding:10px 35px!important;color:#fa7600!important; margin:0!important; background:url(../../images/icons_buttons/icon_family-trans.png) left no-repeat; } div.surveyAccordion{ width:100%; padding:0 0 10px 0; margin-left:0; margin-top:5px; float:left; border-bottom:2px dotted #fff; } .bgLA_Id0 { background:url(../../images/icons_buttons/icon_Relationships-trans.png) no-repeat; } .bgLA_Id0 h3, .bgLA_Id0 h3 a { color:#ef238e!important; } .bgLA_Id1 { background:url(../../images/icons_buttons/icon_career-trans.png) no-repeat; } .bgLA_Id1 h3, .bgLA_Id1 h3 a { color:#111083!important; } .bgLA_Id2 { background:url(../../images/icons_buttons/icon_health-trans.png) no-repeat; } .bgLA_Id2 h3, .bgLA_Id2 h3 a { color:#669900!important; } .bgLA_Id3 { background:url(../../images/icons_buttons/icon_wealth-trans.png) no-repeat; } .bgLA_Id3 h3, .bgLA_Id3 h3 a { color:#23A491!important; } .bgLA_Id4 { background:url(../../images/icons_buttons/icon_family-trans.png)no-repeat; } .bgLA_Id4 h3, .bgLA_Id4 h3 a { color:#FA7600!important; } .bgLA_Id5 { background:url(../../images/icons_buttons/icon_spiritual-trans.png)no-repeat; } .bgLA_Id5 h3, .bgLA_Id5 h3 a { color:#9C1E8B!important; } div.surveyAccordion h3 { float:left!important;padding:0 0 5px 35px; } div.surveyAccordion h3 span{ font-size:11px; } div.surveyAccordion img {float:right;margin-top: 5px;} div.surveyResultsBG { width:300px; float:right; height:8px; line-height:0; padding:0!important; } div.surveyResultsBG div { border:0!important;margin:0!important; background-image:none; height:8px; padding:0; display:inline; float:left!important; } div.surveyAccordion p{ color:#333333; } /*div.surveyResults{ } div.surveyResults h2{ background:top left no-repeat; margin:0!important;padding:8px 0 8px 40px!important; } div.surveyResults hr { border:0!important; background-image:none;height:8px; } div.surveyResults h2.career { color:#111083!important; background-image:url(../../images/icons_buttons/icon_career-trans.png); } div.surveyResults h2.relationships{ color:#ef238e!important;background-image:url(../../images/icons_buttons/icon_relationships-trans.png); } div.surveyResults h2.wealth { color:#23A491!important; background-image:url(../../images/icons_buttons/icon_wealth-trans.png); } div.surveyResults h2.spiritual { color:#9C1E8B!important; background-image:url(../../images/icons_buttons/icon_spiritual-trans.png); } div.surveyResults h2.health { color:#669900!important; background-image:url(../../images/icons_buttons/icon_health-trans.png); } div.surveyResults h2.family{ color:#fa7600!important; background-image:url(../../images/icons_buttons/icon_family-trans.png); } */ div.dreamTeam { background-image:url(../../images/bg_dreamteam.jpg); } div.dreamTeam h3{ color:#fff; margin:0!important; padding:0 0 120px 0 !important; height:auto!important; } div.crewEvent { background-image:url(../../images/bg_crewevent.jpg); } div.crewEvent h3{ color:#fff; margin:0!important; padding:0 0 120px 0 !important; height:auto!important; } .crewEvent h3, .dreamTeam h3{ margin-bottom:140px!important; } /*------------------------------------- misc. 'open' classes -----------------------------------------------*/ .floatR { float:right; } .floatL { float:left; } .alignR { text-align:right; } .hideText { text-indent:-3000px; display:none; } .transparent { background:transparent none!important; } .transparent h1,.transparent h2,.transparent h3,.transparent h4,.transparent h5{ color:#4879B2!important; } .noPad { padding:0!important; } .noMargin { margin:0!important; } .noFloat { float:none; } .noBG { background-image:none; background:transparent; border:0; } .fatDots { background:url(../../images/design/bdr_fatdots.gif) repeat-x bottom left; } .darkBg { background-color:#dae4f0; } .medBg { background-color:#7FA1C9!important; } /*colours*/ .carColor { color:#111083; } .healthColor { color:#669900; } .famColor { color:#FA7600; } .relColor { color:#ef238e; } .spirColor { color:#9C1E8B; } .wealthColor { color:#23A491; } .super{ } .smallCaps{ font-variant:small-caps; font-weight:bold; } .hdrEvents { display:block; padding:6px 35px; background:url(../../images/icons_buttons/icon_events.gif)left no-repeat; } .hdrProducts { display:block; padding:6px 35px; background:url(../../images/icons_buttons/icon_products.gif) left no-repeat; } span.rightArrow { width:14px; height:14px; display:block; margin:0; padding:0;float:right; background-image:url(../../images/icons_buttons/icon_arrowR-trans.png); } .addMargin { margin-bottom:5px!important; }/*mainly for copyBox without rounded corners*/ .addTopMargin{ margin-top:5px;float:left; } .clear{ clear:both!important; } .flatTop{ margin-top:0!important; padding-top:0!important; line-height:1em; overflow:visible; } /*--------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------VARIOUS TABLE STUFF------------------------------------------------------*/ table.emailForm select{ width:225px; } table.hozTable { margin-top:5px; border-collapse:collapse; border:none; } table.hozTable th { border:none; text-transform:capitalize; background:#a4c4dd; color:#fff; padding:5px; text-align:left; } table.hozTable th.number{ text-align:right; } table.hozTable td { border:none; padding:5px; } table.hozTable .unshaded { background:#edf2f7; } table.hozTable .shaded { background:#dae4f0; } #formSurvey{ background:#adc3dc; padding:0 10px; margin-top:0; width:695px} .tableSurvey{ } table.tableSurvey h2 { padding-top:0; margin-bottom:5px!important; } table.tableSurvey hr{ margin:10px 0 0 0 ; } table.tableSurvey td{ color:#666666; font-weight:bold; padding:10px} table.tableSurvey p{ padding:0 0 15px 0!important; margin-bottom:5px!important;font-size:13px; font-weight:bold; color:#FFFFFF; width:100%; background:url(../../images/design/gradSurvey.jpg) bottom center no-repeat; } table.tableSurvey td{ padding:0; } table.tableSurvey input.submit{ float:right; margin:10px 0 ; } .fatGreyPara{ padding-top:15px!important; color:#666; font-weight:bold; } table#dataTable{ border:1px solid #edf2f7} table#dataTable th { background:#edf2f7; color:#4879b2; text-align:left; padding:10px; margin-bottom:10px; } table#dataTable td { padding-left:10px; } /*--------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------*/ /* ### FORMS ### */ .ErrorText { color:#ff0000; } .warnText { color:orange; } .ErrorInput { background-color:#ff0000!important; color:#ffffff!important; } #cart { } .roundedFake { -moz-border-radius:5px; background:#a4c4dd; padding:8px; margin-bottom:8px; } /* FILE INPUT STUFF */ div.fileInputs { position:relative; } div.fakeFile { position:absolute; top:0px; left:0px; z-index:1; } /* For hacked Firfox file / browse button styling */ /*input.file { position:relative; text-align:right; -moz-opacity:0 ; filter:alpha(opacity:0); opacity:0; z-index:2; }*/ /*------------------------------------------table stuff remove ??--------------------------------------------------*/ .formTable { border-collapse:separate; border-spacing:3px; } th.sectionHeading { border-top:1px solid #ccc; background:#f2f2f2; padding:5px; font-size:1.2em; } hr.formHr { background-color:#ccc; border:0; height:1px; color:#ccc} /*-----------------------------------------------------------------------------------------------------------------*/ /* -------- MESSAGING ------------ */ .read { } .unread { font-weight:bold; } /*------------------------------------------- MISC HEADER CLASSES -------------------------------------------------*/ /* ------------------ HIDDEN HEADERS -------------------- */ #relatedContent div.advert h1, div.advert h2, div.advert p,div.banner h3,div.banner h1, .bgExplore h2, .bgPlan h2, .bgFind h2,.exploreHome h2,.planHome h2,.findHome h2 { display:none; text-indent:-3000px; margin:0; line-height:0; } /*--------------------------------------------------------*/ /* ------------------------------ Inline Header Styles ----------------------------------*/ /*you'll need to give a width to use this style*/ .inline{ font-weight:bold; float:left!important; clear:none!important} #login .inline { width:280px; } #dashboard .inline { width:215px; margin-top:0; } #relatedContent .inline{ width:300px; } /*---------------------------------------------------------------------------------------*/ .unshaded h4, .shaded h4{ color:#157CB6!important; } div.articleList{ padding:5px 10px 0 10px; margin:0; } .articleList h3 { margin-bottom:0; } div.articleList h4 { margin:0!important; padding:0 10px 0 0; } div.articleList ul{ margin:0 ; padding:0 ; width:100%; } div.articleList ul li { display:inline; list-style:none; float:left; } div.articleList ul li a { display:block; padding:0 10px 0 14px; margin-bottom:5px; white-space:nowrap; background:url(../../images/icons_buttons/icon_arrowRightWhite.gif) no-repeat center left; } div.articleList br{ line-height:0.1; clear:both; } h5 a { float:left; } h5 a.dark { background-color:#dae4f0; border-color:#dae4f0; } /*------------------------------------------- end misc header classes ---------------------------------------------*/ .botMargin{ margin-bottom:5px; } strong.cartTicket { padding-left:16px; margin-left:0px; background:url(../../images/icons_buttons/icon_ticket-trans.png) top left no-repeat; } /* ----------------------- CONNECT PANEL ------------------------------- */ #connect h5 { margin:0; padding:0; } #connect h5 a { float:none; } #connect div.forumPostList { margin:0; padding:6px; } #connect div p { margin:0; padding:0; } /* ===== MESSAGING ===== */ /* -- nav setup -- */ #messaging .nav { width:100%; /*height:25px;*/ /*float:left;*/ } #messaging ul{ padding:0; margin:0!important; } #messaging .nav li{ list-style:none; float:left; display:block; background: url(../../images/tabs/bkg_tabRight_blur.gif) no-repeat top right; } #messaging .nav li a { background: url(../../images/tabs/bkg_tabLeft_blur.gif) no-repeat top left; height:20px; padding:3px 15px 2px 15px; float:left; white-space:nowrap; color:#fff; font-size:10px; font-weight:bold; text-decoration:none; text-transform:capitalize; } /* current */ #messaging .nav li.current a{ background: url(../../images/tabs/bkg_tabLeft_focus.gif) no-repeat; } #messaging .nav li.current { background: url(../../images/tabs/bkg_tabRight_focus.gif) no-repeat top right; } #messaging .nav li a:link { } /* hovering */ #messaging .nav li a:hover { background: url(../../images/tabs/bkg_tabLeft_focus.gif) no-repeat; } #messaging .nav li:hover { background: url(../../images/tabs/bkg_tabRight_focus.gif) no-repeat top right; } #messaging { margin-right: 5px;} #messaging .numMsgs { float:right; } #messaging div.copyBox {margin: 0px;} #messaging ul.complexList { margin:0; padding:0; display:block; float:left; } #messaging ul.complexList li { width:655px; padding:5px 10px 5px 30px; background-color:#edf2f7; float:left; list-style:none;background:top left no-repeat; background-position:5px 10px; } #messaging ul.complexList li a { } #messaging ul.complexList li a:hover { } #messaging ul.complexList li.read { background-image:url(../../images/icons_buttons/icon_msgGrey.gif); } #messaging ul.complexList li.unread { background-image:url(../../images/icons_buttons/icon_msg_red.gif); } #messaging ul.complexList li.shaded { background-color:#dae4f0; float:left; } #messaging ul.complexList li.unshaded{ background-color:#edf2f7; float:left; } #messaging ul.complexList li .delete { float:left; } #messaging ul.complexList li .name { font-weight: bold; float:right; width: 100px; text-align: right; } #messaging ul.complexList li .timestamp { float:left; } #messaging ul.complexList li .subject { float:left; margin-left:5px; width: 390px; } #messaging .delSelected { display:inline; width:200px; } #messaging .delSelected a { padding:0px 0px 5px 18px; background:url(../../images/icons_buttons/icon_trash.gif) no-repeat; } #messaging .nextPrev { float:right; } #messaging .composeBox { } #messaging .composeBox h2 {margin-bottom: 10px;} #messaging .viewBox { height:190px; } #messaging #buddies { float:left; width:170px; margin-right:10px; padding:10px 10px 0 10px; border-right:1px dotted grey; } #messaging h5, #buddies h5{ padding: 0; margin:0 0 4px; } #messaging #buddies .validation-advice{width:160px;} #messaging .buddyList { margin:0 0 5px 0; height:135px;overflow:auto; background-color:#dae4f0; padding:5px; } #messaging .buddyList li input { padding:5px; vertical-align:middle; } #messaging .buddyList .pending { color:#aaaaaa; font-style:italic; } #messaging .buddyList .removed { color:#aaaaaa; text-decoration:line-through; } #messaging #msgBox { float:left; width:490px; padding:10px 0;} #messaging .subjectIn { color:#776666!important; width:480px; font-size:11px; border:0; margin:0px; padding:2px 5px; background:#fff; margin-bottom:10px; } #messaging #msgBox textarea { height:101px; width:480px; padding:0 5px;} #messaging #msgBox .buttonBox { float:right; text-align: right; margin-top:10px;} #messaging #msgBox .buttonBox span { margin-right:0px;} #messaging #msgBox label { color:#666666; font-size:11px; font-weight:bold; margin:10px 10px 2px 0px } #messaging .msgViewWrapper { margin-top:10px; height:110px; } #messaging .msgViewWrapper .buttonBox { margin:15px 0 0 10px; } #messaging #msgView { float:left; width:675px; margin-bottom:15px; overflow:auto; background-color:#dae4f0; padding:10px; } #messaging #msgView div { font-weight:bold; font-size:12px; } #messaging .msgMessage { font-weight:bold; font-size:12px; } #memberSearch .showing{ float:right; } #memberSearch #keyword {width: 300px; border: 2px; } #memberSearch .keywordSubmit { margin-bottom:3px;margin-left:3px;vertical-align:middle;} #searchResults { clear:both; /*border:1px solid magenta;*/ } #searchResults .result { margin:0px; padding:0px; background-color:#ADC3DC; height:100%; width:100%} #searchResults .resultText{ float:left; } #searchResults .resultText a.iconLink { margin:0 3px 0 0;} #searchResults td { margin:0px; padding:5px 5px 0px 0; width:235px; height:50px; } #searchResults td img { padding: 0px 10px 0px 10px; float:left; } #searchResults td h4 { margin:0px 0px 0px 0px; clear:both; color:#FFFFFF; } #searchResults td h5 { margin:0px; clear:both; color:#FFFFFF; text-transform:uppercase; } #searchResults a { font-weight:bold; font-size:11px; } #profile img { float:left; margin-right:10px; } #profile h1, h5 { line-height:100%; margin:0px; padding:0px; } #profile h5 { font-size:12px; clear:none; } #profileHeader { float:left; } #profileBody { clear:both; padding-top:10px; } #profileBody h1 { margin-top:10px; } #profileBody li { color:#4879B2; } .arrowNext { padding-right:20px; background:top right no-repeat; background-image:url(../../images/icons_buttons/icon_arrowBigRight_trans.gif); } .arrowPrevious { padding-left:20px; background:top left no-repeat; background-image:url(../../images/icons_buttons/icon_arrowBigLeft_trans.gif); } .arrowNextDark { padding-right:20px; background:top right no-repeat; background-image:url(../../images/icons_buttons/icon_arrowBigRight_dark.gif); } .arrowPreviousDark { padding-left:20px; background:top left no-repeat; background-image:url(../../images/icons_buttons/icon_arrowBigLeft_dark.gif); }