html
{
margin:auto;
}
body
{
padding:0;
margin:0;
color:#333;
font-family:Arial, Verdana, sans-serif;
font-size:10px;
text-align:center;
background-color:#fff;
background-repeat:repeat-x;
background-position:0 248px;
}
div
{
text-align:left;
}
h1
{
margin-bottom:5px;
font-size:14px;
font-weight:bold;
color:#f06;
}
a
{
font-size:10px;
line-height:15px;
color:#666;
text-decoration:none;
outline:0;
}
a:hover
{
color:#999;
}
img
{
border:none;
}
input,
textarea,
select
{
outline:0;
}
.container-outer
{
width:1000px;
margin:0 auto;
}
/* FORMS */
.form
{
position:relative;
overflow:hidden;
height:100%;
margin:0;
margin-bottom:20px;
padding:0;
padding-left:2px;
list-style:none;
font-size:12px;
}
.login .form
{
padding-left:0;
}
.form label
{
clear:both;
display:block;
margin-top:20px;
font-size:12px;
font-weight:bold;
text-align:left;
}
.form .full-width
{
width:430px;
}
.form select.full-width
{
width:434px;
}
.form img.full-width
{
width:auto;
margin:5px 0;
}
.form .small-textarea
{
width:430px;
height:60px;
}
.form .regular-textarea
{
width:430px;
height:100px;
}
.form .large-textarea
{
width:430px;
height:200px;
}
.form .extra-large-textarea
{
width:430px;
height:300px;
}
.form .form-text
{
font-size:12px;
}
.form-row
{
clear:both;
}
.form-row input,
.form-row textarea,
.form-row select
{
font-family:Arial, Verdana, sans-serif;
font-size:12px;
background:#eee;
}
.form-helper
{
width:440px;
font-size:10px;
}
.form-actions
{
clear:both;
margin-top:20px;
}
.form-actions input
{
float:left;
margin-left:-4px;
}
.form-actions img
{
float:left;
margin-right:8px;
}
.side-select
{
width:214px;
}
/* ERROR MESSAGES */
.error-list
{
clear:both;
margin:0;
padding:0;
}
.error-list li
{
list-style:none;
margin:0;
padding:0;
color:#f00;
font-size:10px;
font-weight:bold;
}
.error
{
color:#f00;
font-size:10px;
font-weight:bold;
}
/* HEADER */
.header
{
overflow:hidden;
height:203px;
margin-top:20px;
margin-bottom:25px;
}
.header h1
{
margin-top:0;
margin-bottom:3px;
font-size:12px;
font-weight:normal;
color:#f06;
}
.header h2
{
margin-bottom:5px;
font-size:14px;
font-weight:bold;
color:#f06;
}
.header h3
{
margin-top:10px;
margin-bottom:3px;
font-size:16px;
font-weight:normal;
color:#f06;
}
.header ul
{
list-style:none;
margin:0;
padding:0;
}
/* HEADER - PANEL 1 */
.header .panel-1
{
float:left;
position:relative;
width:256px;
height:200px;
padding-left:2px;
}
/* HEADER - PANEL 2 */
.header .panel-2
{
float:left;
width:349px; /*adjusted for the border*/
height:200px;
border-left:dotted 1px #7f7f7f;
}
/* HEADER - PANEL 3 */
.header .panel-3a
{
/* TODO: change when site-wuide search is enabled */
float:right;
position:relative;
width:240px;
height:200px;
border-left:none;
}
.header .panel-3b
{
float:left;
width:209px;/*adjusted for the border*/
height:200px;
border-left:dotted 1px #7f7f7f;
}
/* HEADER - PANEL 4 */
.header .panel-4
{
float:right;
width:159px;/*adjusted for the border*/
height:200px;
border-left:dotted 1px #7f7f7f;
}
/* TOP PANEL JS ANIMATION */
.header #pulse1,
.header #pulse2
{
position:relative;
width:260px;
height:130px;
z-index:1;
}
.header #pulse1
{
margin-left:10px;
}
.header #pulse1 img,
.header #pulse2 img
{
position:absolute;
top:0;
left:0;
width:224px;
height:127px;
}
/* TOP PANEL SIGNUP */
.header .signup
{
position:absolute;
top:28px;
left:32px;
width:200px;
font-size:18px;
font-weight:bold;
line-height:19px;
color:#999;
z-index:100;
}
.header .signup a
{
font-size:18px;
font-weight:bold;
line-height:19px;
color:#f06;
}
.header .signup a:hover
{
color:#999;
}
/* TOP PANEL WELCOME */
.header .welcome
{
position:absolute;
top:20px;
left:32px;
width:200px;
font-size:12px;
line-height:16px;
color:#f06;
z-index:100;
}
.header .welcome a
{
font-size:10px;
color:#333;
}
.header .welcome a:hover
{
color:#999;
}
.header .welcome a.logout
{
font-weight:bold;
color:#f06;
}
.header .welcome a.logout:hover
{
color:#999;
}
/* TOP PANEL NEWS */
.header .news
{
position:absolute;
top:20px;
left:20px;
width:200px;
font-size:15px;
font-weight:bold;
line-height:16px;
color:#999;
z-index:100;
}
.header .news ul
{
margin-top:2px;
width:180px;
}
.header .news ul li
{
line-height:12px;
}
.header .news a
{
line-height:12px;
font-size:10px;
color:#f06;
}
.header .news a:hover
{
color:#999;
}
.header .panel-3a .egg
{
margin-left:16px;
}
/* LOGO */
.header .logo
{
padding-top:16px;
margin-left:20px;
}
/* TOP NAVIGATION */
.header .topnav
{
margin-left:16px;
padding-top:2px;
}
.header .topnav a,
.header .topnav span.current
{
font-size:14px;
line-height:23px;
color:#666;
}
.header .topnav a:hover
{
color:#f06;
}
.header .title
{
margin:0;
margin-top:10px;
margin-left:16px;
font-size:24px;
font-weight:bold;
color:#f06;
}
.header .search
{
margin-left:12px;
}
/* HEADER LOGIN SECTION */
.header .login
{
margin-left:12px;
}
.header .login a
{
color:#f06;
}
.header .login a:hover
{
color:#333;
}
.header .login .form
{
margin-top:0;
padding-top:0;
}
.header .login label
{
margin-top:8px;
padding-top:0;
margin-bottom:8px;
font-size:10px;
font-weight:normal;
color:#999;
}
.header .login .form-row input
{
width:110px;
}
.header .login .form-actions
{
margin-top:8px;
margin-left:2px;
padding-top:0;
}
/* MAIN SECTION */
.container-inner
{
}
/* Backgrounds */
.zo-account { background-image:url(../images/zone/account_bg.gif); } /* TODO: find out when it's used */
.zo-all { background-image:url(../images/zone/all_bg.gif); }
.zo-career { background-image:url(../images/zone/career_bg.gif); }
.zo-community { background-image:url(../images/zone/community_bg.gif); }
.zo-controlpanel { background-image:url(../images/zone/controlpanel_bg.gif); }
.zo-family { background-image:url(../images/zone/family_bg.gif); }
.zo-foundations { background-image:url(../images/zone/foundation_bg.gif); }
.zo-friends { background-image:url(../images/zone/friends_bg.gif); }
.zo-mind { background-image:url(../images/zone/mind_bg.gif); }
.zo-mymummo { background-image:url(../images/zone/mymummo_bg.gif); }
.zo-prosperity { background-image:url(../images/zone/prosperity_bg.gif); }
/* TABS */
.tabs
{
overflow:hidden;
float:left;
width:100%;
height:30px;
}
.tab-1
{
float:left;
width:215px;
height:28px;
margin-left:20px;
padding-top:6px;
background:url(../images/tab.gif) no-repeat;
}
.tab-2
{
float:right;
width:95px;
height:28px;
margin-right:0;
padding-top:6px;
background:url(../images/tab-report.gif) no-repeat;
}
.tab-3
{
float:right;
width:215px;
height:28px;
margin-left:12px;
margin-right:12px;
padding-top:6px;
background:url(../images/tab.gif) no-repeat;
}
.tabs a
{
margin-left:20px;
font-size:12px;
color:#f06;
}
.tabs a:hover
{
color:#666;
}
.tabs .tab-2 a
{
color:#fff;
}
.tabs .tab-2 a:hover
{
color:#fcc;
}
/* SIDE PANEL */
.side-panel
{
overflow:hidden;
float:left;
width:250px;
}
.side-panel h4
{
width:198px;/*adjusted for padding*/
margin-bottom:8px;
margin-left:20px;
padding-left:2px;
font-size:20px;
font-weight:normal;
color:#f06;
border-bottom:dotted 1px #7f7f7f;
}
.side-panel ul
{
list-style:none;
width:198px;/*adjusted for padding*/
margin:0;
margin-left:20px;
padding:0;
padding-left:2px;
}
.side-panel ul li
{
font-size:13px;
line-height:15px;
padding:2px 0 2px 2px;
color:#666;
}
.side-panel a
{
font-size:13px;
display:block;
}
.side-panel a:hover
{
background:url(../images/hoverbg.png) repeat;
}
.side-panel .welcome a:hover
{
background:none;
}
.side-panel a.current
{
color:#000;
}
.side-panel .welcome
{
margin-top:20px;
margin-left:20px;
}
/* ZONE NAVIGATION */
.side-panel .zone
{
}
.side-panel .zone h4
{
font-size:20px;
font-weight:bold;
}
.side-panel .zone a
{
/*font-size:16px;
line-height:18px;*/
}
.side-panel .zone a.current
{
color:#000;
}
.side-panel .zone .subnav
{
width:190px;
margin:0;
padding:0;
list-style:disc;
}
.side-panel .zone .subnav li
{
margin:3px 0 3px 15px;
padding:0;
font-size:10px;
}
.side-panel .zone .subnav li a
{
display:block;
margin-left:-12px;
padding-left:17px;
font-size:10px;
line-height:16px;
color:#666;
}
.side-panel .zone .subnav li:hover,
.side-panel .zone .subnav a:hover
{
color:#999;
}
.side-panel .zone .subnav li .current,
.side-panel .zone .subsubnav ul li .current
{
color:#000;
}
.side-panel .zone .subnav li:hover,
.side-panel .zone .subnav li a:hover,
.side-panel .zone .subsubnav ul li:hover,
.side-panel .zone .subsubnav ul li a:hover
{
color:#999;
}
/* CONTROL PANEL NAVIGATION */
.side-panel .control-panel
{
}
.side-panel .control-panel h4
{
font-size:20px;
font-weight:bold;
}
.side-panel .control-panel .current
{
color:#000;
}
.side-panel .control-panel .subnav
{
width:190px;
margin:0;
padding:0;
list-style:disc;
}
.side-panel .control-panel .subsubnav
{
list-style:none;
margin-left:15px;
}
.side-panel .control-panel .subsubnav ul
{
width:175px;
margin:0;
padding:0;
list-style:disc;
}
.side-panel .control-panel .subnav li
{
margin:3px 0 3px 15px;
padding:0;
font-size:9px;
}
.side-panel .control-panel .subsubnav ul li
{
margin:3px 0 3px 15px;
padding:0;
font-size:9px;
}
.side-panel .control-panel .subnav li a,
.side-panel .control-panel .subsubnav ul li a
{
display:block;
margin-left:-12px;
padding-left:17px;
font-size:10px;
line-height:14px;
color:#666;
}
.side-panel .control-panel .subnav li .current,
.side-panel .control-panel .subsubnav ul li .current
{
color:#000;
}
.side-panel .control-panel .subnav li:hover,
.side-panel .control-panel .subnav li a:hover,
.side-panel .control-panel .subsubnav ul li:hover,
.side-panel .control-panel .subsubnav ul li a:hover
{
color:#999;
}
.side-panel .control-panel .my-links
{
margin-top:10px;
}
/* SECTIONS NAVIGATION */
.side-panel .connect,
.side-panel .share,
.side-panel .grow
{
margin-top:0;
height:auto;
}
.side-panel .featured
{
margin-top:25px;
margin-bottom:20px;
padding-top:0;
height:185px;
}
/* CONTENT */
.content-container-outer
{
overflow:hidden;
float:left;
width:735px;
height:1%;
margin-top:20px;
}
.light-pink { color:#fcc; }
.dark-pink { color:#f06; }
.content-container-outer .heading .white { color:#fff; }
.content-container-outer .heading .light-pink { color:#fcc; }
.content-container-outer .heading .dark-pink { color:#f06; }
.content-container-outer .heading .unread { color:#9affff; }
.content-container
{
overflow:hidden;
clear:both;
width:735px;
height:1%;
background:url(../images/section/content-body.gif) top center no-repeat;
}
.content-container-bottom
{
clear:both;
width:735px;
height:24px;
margin-bottom:20px;
background:url(../images/section/content-footer.gif) top center no-repeat;
}
.content-main
{
overflow:hidden;
float:left;
width:480px;
height:100%;
min-height:360px;
margin-top:10px;
margin-right:-1px;
margin-left:10px;
border-right:dotted 1px #7f7f7f;
}
.panel-featured
{
border-right:none;
}
.content-main .heading,
.content-main .heading-large
{
padding-top:10px;
padding-left:16px;
background-repeat:no-repeat;
}
.content-main .heading
{
height:100px;
}
.content-main .heading-large
{
height:162px;
}
.content-main .heading h3,
.content-main .heading-large h3
{
width:430px;
margin:0;
padding:0;
font-size:18px;
font-weight:bold;
line-height:normal;
color:#fff;
}
.content-main .heading h4,
.content-main .heading-large h4
{
margin:0;
padding:0;
font-size:14px;
color:#fff;
}
.content-main .heading h4
{
margin-top:12px;
}
.content-main .heading-large h4
{
margin-top:78px;
}
.content-main .heading h4.nomenu,
.content-main .heading-large h4.nomenu
{
margin-top:22px;
}
.content-main .heading ul,
.content-main .heading-large ul
{
list-style:none;
margin:0;
padding:0;
}
.content-main .heading ul li,
.content-main .heading-large ul li
{
display:inline;
margin:0;
padding:0;
color:#fff;
font-weight:bold;
}
.content-main .heading ul li a
{
padding-right:3px;
color:#fff;
}
.content-main .heading-large ul li a
{
padding-right:3px;
color:#6a9dca;
}
.content-main .heading ul a:hover,
.content-main .heading-large ul a:hover
{
color:#fcc;
}
.content-main .generic { background-image:url(../images/section/generic-section-header.gif); }
.content-main .foundation { background-image:url(../images/section/foundations-header.gif); }
.content-main .blog { background-image:url(../images/section/blogs-section-header.gif); }
.content-main .knowhow { background-image:url(../images/section/knowhow-section-header.gif); }
.content-main .static { background-image:url(../images/section/static-section-header.gif); }
.content-main .content
{
margin-top:0;
}
.content-main .content h1
{
margin-bottom:10px;
}
.content-main .content p
{
width:440px;
margin-top:16px;
margin-bottom:16px;
}
.content-main .content ul,
.content-main .content ol
{
font-size:12px;
}
.content-main .content ul li
{
line-height:18px;
}
/* RETAIL THERAPY */
.content-main .content .retail-therapy
{
list-style:none;
margin-left:0;
margin-bottom:30px;
padding-left:0;
}
.content-main .content .retail-therapy li
{
line-height:20px;
}
.content-main .content .retailer
{
margin-bottom:10px;
padding-bottom:10px;
font-size:12px;
line-height:16px;
border-bottom:dotted 1px #000000;
}
.content-main .content .retailer-last
{
margin-bottom:10px;
padding-bottom:10px;
font-size:12px;
line-height:16px;
border-bottom:none;
}
.content-main .content .retailer img,
.content-main .content .retailer-last img
{
display:block;
}
/* NEWS */
.content-main .content .news-section
{
}
.content-main .content .news-section h1
{
padding:10px 5px 5px 0;
font-size:12px;
color:#f06;
}
.content-main .content .news-section .heading
{
height:80px;
margin-left:-7px;
padding:15px 40px 0 17px;
font-size:13pt;
font-weight:bold;
background:url(../images/news/genericbubble.gif) no-repeat;
color:#f06;
}
.content-main .content .news-section .heading .sub
{
font-size:11pt;
font-weight:normal;
color:#000;
}
.content-main .content .news-section .divider
{
line-height:0;
border-top:dotted 1px #000000;
}
/* KNOWHOW */
.content-main .heading-large .knowhow-subheading
{
margin-top:6px;
}
.content-main .heading-large .knowhow-subheading span.name
{
color:#f06;
}
.content-main .heading-large .knowhow-subheading span.company
{
display:block;
color:#fcc;
}
.content-main .heading-large .knowhow-subheading span.date
{
display:block;
font-size:12px;
}
.content-main .heading-large .knowhow-subheading-action
{
position:absolute;
top:340px;;
}
.content-main .heading-large .knowhow-top-navigation
{
position:absolute;
top:434px;;
}
.content-main .heading-large .knowhow-top-navigation a
{
color:#fff;
}
.content-main .content .knowhow
{
background:none;
}
.content-main .content .knowhow .summary
{
margin-bottom:20px;
font-weight:bold;
font-size:12px;
}
.content-main .content .knowhow .links
{
list-style:none;
margin-left:0;
margin-bottom:20px;
padding-left:0;
}
/* knowhow listing backgrounds */
.tip
{
overflow:hidden;
background:url(../images/knowhow/tip.gif) no-repeat right 34px;
}
.article
{
overflow:hidden;
background:url(../images/knowhow/article.gif) no-repeat right 34px;
}
/* LAYOUT FOR LIST PAGES */
/* individuals, groups, blogs, knowhow */
.listitem
{
clear:both;
position:relative;
overflow:hidden;
width:440px;
/* height:105px; */ /* temporarily commented */
height:1%;
padding-bottom:20px;
margin-bottom:30px;
font-weight:bold;
border-bottom:dotted 1px #7f7f7f;
background:url(../images/dotted.png) repeat-x 0 50px;
}
.blogpost /* overrides some attributes of listitem */
{
height:1%;
margin-bottom:10px;
padding-bottom:10px;
background:none;
}
.blogpost img,
.knowhow img
{
display:block;
margin-bottom:10px;
padding:3px;
border:solid 1px #CCC;
}
.knowhowitem
{
border-bottom:solid 1px #999;
}
.listitem .image
{
float:left;
height:70px;
padding-right:5px;
background:#FFF;
}
.knowhowitem .image
{
/*width:90px;*/
}
.listitem .name
{
float:left;
width:340px;
height:32px;
margin-top:20px;
font-size:14px;
font-weight:bold;
color:#f06;
}
.listitem .name .group-name
{
float:left;
width:250px;
}
.listitem .name .members
{
float:left;
width:90px;
font-size:12px;
font-weight:normal;
text-align:right;
color:#666;
}
.listitem .knowhow
{
margin-top:0;
margin-bottom:20px;
}
.listitem .knowhow .date
{
margin-top:1px;
color:#BBB;
}
.listitem .knowhow .author
{
margin-top:1px;
font-size:12px;
color:#666;
}
.listitem .name a
{
font-size:14px;
font-weight:bold;
color:#f06;
}
.listitem .knowhow .author a
{
font-size:12px;
}
.listitem .title
{
font-size:12px;
font-weight:bold;
}
.listitem .posted-by
{
font-size:12px;
font-weight:bold;
}
.listitem .posted-by a
{
font-weight:normal;
}
.listitem .description
{
float:left;
width:100%;
height:100%;
margin-top:20px;
margin-bottom:10px;
font-size:12px;
font-weight:normal;
color:#666;
}
/* mummomails */
.listitem-message
{
clear:both;
overflow:hidden;
width:440px;
height:1%;
padding-bottom:20px;
margin-bottom:10px;
}
.listitem-message .subject
{
padding-top:5px;
padding-bottom:5px;
border-bottom:dotted 1px #7f7f7f;
}
.listitem-message .subject a
{
font-size:12px;
}
.listitem-message .sent-to,
.listitem-message .sent-by
{
margin-top:4px;
margin-bottom:4px;
font-size:11px;
}
.listitem-message .sent-to a
{
font-weight:bold;
}
.listitem-message .sent-date
{
margin-bottom:10px;
font-size:11px;
}
.listitem-message .unread-text
{
margin-left:15px;
}
.listitem-message .message
{
float:left;
width:100%;
height:1%;
padding-bottom:4px;
font-size:12px;
border-bottom:dotted 1px #333
}
.content .unread
{
background-image:url(../images/email/unread_bg.gif);
background-repeat:repeat-x;
}
/* GROUP */
.group-overview-panel
{
margin-top:15px;
background-image:url(../images/groups/divider.gif);
background-repeat:repeat-x;
}
.content .group-overview-panel h3,
.content .group-overview-panel h3 a
{
margin:10px 0;
padding:5px 0;
font-size:14px;
font-weight:bold;
color:#f06;
}
.content .group-overview-panel h3
{
border-bottom:solid 1px #7f7f7f;
}
.content .group-overview-section
{
margin:10px 0;
border-bottom:dotted 1px #7f7f7f;
}
.content .group-overview-section-last
{
margin:10px 0 30px 0;
}
.content .group-overview-post
{
margin:10px 0;
}
/* TABLE LAYOUT FOR LIST PAGES - e.g. discussions, blog/discussion posts */
.list
{
width:440px;
margin:0;
margin-bottom:20px;
padding:0;
border-collapse:collapse;
font-size:12px;
}
.list .odd
{
background:url(../images/discuss_b.gif) repeat-x top left;
}
.list .even
{
background:#f6f7ef url(../images/discuss_a.gif) repeat-x top left;
}
.list th
{
padding:8px;
font-weight:bold;
vertical-align:top;
}
.list td
{
padding:8px;
vertical-align:top;
}
.list .col-1
{
width:80px;
border-right:dotted 1px #7f7f7f;
}
.list .col-2
{
width:319px;
}
.invite .col-first /*invites only */
{
width:60px;
border-right:none;
}
.invite .col-auto /*invites only */
{
width:auto;
}
.invite .col-last /*invites only */
{
width:105px;
}
.invite th a
{
white-space:nowrap;
}
.list .date
{
font-size:9px;
}
.list .subject
{
float:left;
width:260px;
}
.list .post-count,
.list .comment-count
{
float:right;
font-size:9px;
}
.list .post
{
padding-top:10px;
font-size:11px;
}
.list .comment
{
padding-bottom:20px;
font-size:12px;
}
.list .discussion-post,
.list .discussion-post a
{
font-size:11px;
}
/* ACTIONS HEADERS + FOOTERS - e.g. discussions, blog/discussion posts */
.actions-header
{
float:left;
width:340px;
height:17px;
}
.actions-footer
{
margin-top:15px;
}
.record-entry .actions-footer
{
margin-top:5px;
}
.record-entry .actions-footer ul li
{
padding-left:0;
}
.actions-header ul,
.actions-footer ul
{
list-style:none;
margin:0;
padding:0;
}
.actions-header ul li,
.actions-footer ul li
{
display:inline;
margin:0;
padding:0;
padding-right:3px;
font-weight:normal;
font-size:11px;
}
.actions-header ul li a,
.actions-footer ul li a
{
padding-right:5px;
font-size:11px;
color:#f06;
}
.actions-header ul a:hover,
.actions-footer ul a:hover
{
color:#666;
}
.actions-footer ul li.heading
{
margin-right:5px;
padding-left:3px;
font-size:11pt;
font-weight:bold;
}
.actions-footer ul li.checkbox
{
float:right;
margin-top:2px;
margin-right:-2px;
}
.delete-button,
.markasread-button
{
float:right;
margin-right:5px;
margin-bottom:10px;
}
/* ACCOUNT PAGES*/
.section-title
{
width:438px;
padding-left:2px;
padding-bottom:5px;
font-size:16px;
font-weight:bold;
border-bottom:dotted 1px #7f7f7f;
}
.section-title-form
{
width:438px;
margin-top:40px;
padding-left:2px;
padding-bottom:5px;
font-size:16px;
font-weight:bold;
border-bottom:dotted 1px #7f7f7f;
}
.record-label
{
width:438px;
padding-top:20px;
padding-bottom:2px;
padding-left:2px;
font-size:12px;
font-weight:bold;
color:#333;
}
.record-entry
{
width:438px;
padding-left:2px;
padding-bottom:2px;
font-size:12px;
font-weight:normal;
color:#333;
}
/* HOME PAGE - LISTINGS FOR ZONES AND HOME PAGE */
.home
{
width:100%;
}
.home p
{
margin:0;
margin-left:15px;
padding:0;
line-height:17px;
font-size:12px;
}
.home p a
{
font-size:12px;
color:#f06;
}
.home a:hover
{
color:#666;
}
.home .content-container
{
height:184px;
background:url(../images/section/list.gif) top center no-repeat;
}
.home .heading
{
height:182px;
background-repeat:no-repeat;
background-image:url(../images/section/home-section-header.gif);
}
.home .heading h3
{
margin:0;
margin-left:15px;
padding:0;
padding-top:15px;
font-family:Trebuchet MS;
font-size:21px;
font-weight:bold;
color:#fff;
}
.home .heading h4
{
width:500px;
margin:0;
margin-left:15px;
padding:0;
padding-bottom:10px;
font-family:Trebuchet MS;
font-size:21px;
font-weight:bold;
color:#a58887;
}
.home .heading h4.welcometitle
{
width:538px;
line-height:18px;
font-family:Trebuchet MS;
font-size:14px;
font-weight:normal;
color:#a58887;
}
.home .heading .first
{
line-height:21px;
font-size:18px;
font-weight:bold;
color:#ff0066;
}
.home .heading p a:hover
{
font-size:12px;
color:#fcc;
}
.home .content-side
{
position:relative;
height:150px;
padding-top:5px;
}
.home .content-side h2 a
{
margin-top:5px;
margin-bottom:25px;
padding-top:0;
font-size:14px;
color:#f06;
font-weight:bold;
}
.home .content-side p
{
margin:0;
padding:0;
line-height:17px;
font-size:12px;
}
.home .content-side .top
{
position:absolute;
bottom:-5px;
right:0;
}
/* HOME - PANEL */
.home .panel
{
padding:5px 50px 5px 10px;
}
.home .panel .item
{
overflow:hidden;
height:auto;
padding-top:5px;
padding-bottom:8px;
border-bottom:dotted 1px #000;
width:100%;
}
.home .panel .last-item
{
overflow:hidden;
height:auto;
padding-top:5px;
border:none;
width:100%;
}
.home .panel .image
{
float:left;
width:40px;
height:100%;
min-height:30px;
margin-right:10px;
}
.home .panel .image a
font-weight:normal;
}
.home .panel .text
{
float:left;
}
.home .panel .text a
{
font-size:14px;
font-weight:bold;
color:#f06;
}
.home .panel .text p
{
margin:0;
padding:0;
font-size:10px;
}
/* HOME - PANEL MEMBERS - TABLE LAYOUT*/
.home .panel-members
{
width:463px;
margin:0;
margin-top:12px;
margin-left:8px;
}
.home .panel-members .image
{
}
/* RIGHT HAND COLUMN */
.content-side
{
float:left;
width:215px;
height:100%;
margin-top:10px;
padding-left:13px;
background:url(../images/dotted-v.png) top left repeat-y;
}
.content-side ul
{
list-style:none;
margin:0;
padding:0;
}
.content-side li
{
margin:3px 0;
}
.content-side h3
{
margin-top:15px;
margin-bottom:15px;
padding-top:0;
font-size:16px;
font-weight:bold;
color:#f06;
}
.content-side h4
{
margin-top:5px;
margin-bottom:25px;
padding-top:0;
font-size:14px;
font-weight:bold;
color:#333;
}
.content-side h5
{
margin-top:15px;
margin-bottom:0;
padding-bottom:0;
font-size:12px;
font-weight:bold;
color:#666;
}
.content-side .section
{
padding-top:10px;
padding-bottom:10px;
border-bottom:dotted 1px #7f7f7f;
font-size:12px;
}
.content-side .archive
{
border-top:dotted 1px #7f7f7f;
}
.content-side .archive li.archive-entry
{
display:inline;
}
.content-side .archive li.archive-entry .separator
{
padding-left:8px;
padding-right:6px;
}
.content-side .section ul li
{
line-height:12px;
}
.content-side .section ul.wrap li
{
display:inline;
}
.content-side .section ul li a
{
font-size:12px;
color:#f06;
}
.content-side .section ul a:hover
{
color:#666;
}
.content-side .highlight
{
color:#666;
}
.content-side .subzone-image
{
padding-top:5px;
padding-bottom:40px;
}
.content-side .subzone-image img
{
width:206px;
padding:3px;
vertical-align:bottom;
text-align:center;
border:solid 1px #CCC;
}
.content-side .subzone-image p
{
margin-bottom:0;
padding:4px 0 0 3px;
border-top:dotted 1px #7f7f7f;
color:#666;
font-size:10px;
}
.content-side a.current
{
color:#999;
}
/* side search */
.content-side .search
{
padding-top:20px;
padding-bottom:10px;
}
.content-side .search a
{
color:#f06;
}
.content-side .search a:hover
{
color:#666;
}
.content-side .search .form
{
margin-top:10px;
padding-left:0;
}
.content-side .search label
{
margin-top:10px;
padding-bottom:5px;
font-weight:normal;
font-size:10px;
color:#999;
}
.content-side .search .form-actions
{
margin-top:10px;
}
.content-side .member-pic,
.content-side .group-pic
{
width:206px;
margin-top:-5px;
margin-bottom:10px;
padding:4px;
text-align:center;
border:solid 1px #ccc;
}
.content-side .member-pic-random
{
width:206px;
padding:4px;
text-align:center;
border:solid 1px #ccc;
}
.content-side .member-name-random
{
margin-top:10px;
margin-bottom:20px;
padding-top:5px;
border-top:dotted 1px #7f7f7f;
}
.content-side .side-image
{
width:218px;
margin-top:-5px;
margin-bottom:20px;
padding:4px;
border:solid 1px #ccc;
}
/* FOOTER */
.footer
{
overflow:hidden;
clear:both;
height:1%;
padding-top:40px;
padding-bottom:20px;
background:#fff url(../images/footer-top.jpg) top center no-repeat;
}
.footer .side-panel img
{
margin-left:20px;
}
.footer .side-panel
{
float:left;
}
.footer .main
{
float:left;
width:736px;
}
.footer .main h4
{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-left:2px;
font-size:16px;
border-bottom:dotted 1px #7f7f7f;
color:#f06;
}
.footer .foundations
{
width:100%;
padding-bottom:10px;
padding-left:2px;
border-collapse:collapse;
}
.footer .foundations td
{
vertical-align:top;
}
.footer .foundations h5
{
margin-top:12px;
margin-bottom:0;
padding-top:0;
font-size:12px;
font-weight:bold;
color:#666;
}
.footer .foundations ul
{
list-style:none;
margin:0;
padding:0;
font-size:12px;
color:#666;
}
.footer .foundations li
{
margin:3px 0px;
}
.footer .foundations a.current
{
color:#999;
}
.footer .copyright
{
padding-top:20px;
line-height:16px;
border-top:dotted 1px #7f7f7f;
color:#ccc;
}
.footer .copyright p
{
margin:0;
padding:0;
}
.footer .copyright a
{
color:#999;
}
.footer .copyright a:hover
{
color:#ccc;
}
/* MISC */
.clear
{
clear:both;
float:none;
display:block;
}
.vspacer
{
height:25px;
}
.left
{
float:left;
}
.right
{
float:right;
}
/* COLOUR REFERENCE ********************\/
#f06 = pink
#666 = dark grey - nav links
#999 = lighter grey - smaller links
#b4b4b4 = light grey - hover
*****************************************/
/* PAGINATION */
.pagination
{
clear:both;
overflow:hidden;
height:1%;
margin:30px 5px 20px -2px;
padding:8px 0 2px 0;
border-top:dotted 1px #7f7f7f;
border-bottom:dotted 1px #7f7f7f;
font-size:12px;
}
.pagination a
{
font-size:12px;
}
.pagination .description
{
float:left;
width:200px;
padding-top:3px;
}
.pagination .paging
{
float:left;
width:240px;
text-align:right;
}
.pagination .previous
{
padding-left:10px;
padding-right:10px;
}
.pagination .next
{
padding-left:10px;
padding-right:10px;
}
.pagination .top img
{
vertical-align:middle;
}
/* WHEEL OF LIFE */
.mb,.fh,.cb,.ff,.cc,.p
{
position:absolute;
z-index:0;
top:0;
left:0;
margin:0;
}
.wol
{
position:relative;
width:200px;
height:190px;
margin-top:20px;
padding-top:10px;
font-size:12px;
}
.wolkey
{
position:relative;
margin-top:20px;
font-size:16px;
font-weight:bold;
color:#666;
}
.wolkey img
{
vertical-align:bottom;
}
.wolkey .woltext
{
line-height:12px;
padding-top:5px;
padding-bottom:5px;
}
.wolkey ul
{
margin-top:10px;
}
.wolkey ul li
{
margin-bottom:5px;
font-size:12px;
white-space:nowrap;
color:#666;
}
.wolkey ul li a
{
font-size:10px;
font-weight:bold;
color:#f06;
}
.wolkey ul li a:hover
{
color:#666;
}
.wolkey ul li .keynum
{
color:#f06;
padding-left:8px;
padding-right:5px;
}
/* VISION - GOALS - STEPS */
.container-vgs
{
height:1%;
margin-right:10px;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:dotted 1px #7f7f7f;
}
.container-vgs .vgs
{
overflow:hidden;
width:426px;
height:1%;
margin:10px 40px 10px 2px;
padding:8px 5px;
border:solid 1px #999;
}
/* OTHER */
.content .sysmessage
{
clear:both;
margin-bottom:20px;
font-size:12px;
font-weight:bold;
color:#f00;
}
.normal
{
font-weight:normal;
}
.pink
{
color:#f06;
}
/* HELP section - used for group */
.help
{
}
.help h2
{
font-size:10px;
color:#f06;
}
.help ul
{
list-style:disc;
margin-left:20px;
}
img.captcha
{
vertical-align:baseline;
margin-bottom:-4px;
margin-left:2px;
}
/* EXTERNAL */
.ui-datepicker-trigger
{
margin-left:2px;
vertical-align:bottom;
}
/* CRAFTY POSTCODE UI */
.postcode
{
float:left;
width:100px;
}
.postcode-finder
{
position:relative;
}
.postcode-check
{
display:none;
margin-top:5px;
font-size:10px;
font-weight:bold;
color:#f00;
}
.postcode-check select
{
}
.postcode-find-address
{
display:none;
position:absolute;
top:-25px;
left:106px;
width:92px;
height:28px;
border:none;
background:url(../images/buttons/find-address.gif) no-repeat center center;
cursor:pointer;
outline:none;
}
.postcode-find-address::-moz-focus-inner
{
border:none;
}