@charset "UTF-8";
/* CSS Document */

/*
WorkWell

*/

html	{
height:100%;
background:url(../images/workwell/bg_html.gif) center 651px;
}

body  {
height:100%;
background:url(../images/workwell/bg_body.gif) repeat-x center top;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
margin:0;
padding:0;
}

hr
{
display: block;
height: 1px;
border: none;
border-top: 1px solid #16488F;
margin: 15px 0px;
padding: 0;
}

p  {
margin:0;
padding:0 0 10px 0;
}

a  {
color:#00aad3;
text-decoration:underline;
}
a:hover  {
text-decoration:none;
}
a:focus {
outline:none;
}

a img	{
border:0;
}

div, span  {
margin:0;
padding:0;
}

form  {
margin:0;
padding:0;
}

input, textarea   {
float:left;
font-size:12px;
margin: 0px 0px 0px 5px;
}

input.fsub {

width:80px;
padding:0px 0 0 0px;
}



.buttonBar
{
margin: 0px 0px 10px 98px;
}

.buttonBar .fsub
{
width: 102px;
padding: 0;
}

ul, ol  {
margin:0;
padding:0;
margin:0 25px 10px 25px;
}

li  {
margin:7px 20px 7px 20px;
padding:0;
color:#00aad3;
}

h1  {
font-family:Arial, Helvetica, sans-serif;
color:#15488e;
font-size:23px;
font-weight:bold;
border:0;
background:none;
padding:0;
margin:0 0 12px 0;
}

.rss h1  {
font-family:Arial, Helvetica, sans-serif;
color:#15488e;
font-size:23px;
font-weight:bold;
border:0;
background:none;
padding:0;
margin:0 0 12px 40px;
}

/*  */

#pageWrap	{
width:948px;
margin:0 auto;
}

.pageContent	{
position:absolute;
width:948px;
margin-top:195px;
}

.pageShadow	{
background: url(../images/workwell/page_shadow.png) center;
}

.colLeft	{
float:left;
width:670px;
margin-left:28px;
}

.subColLeft	{
float:left;
width:227px;
}

.startLine	{
height:auto;
background: none;
overflow-y: hidden;
}
.startLine img	{
float: left;
position: relative;
margin:22px 0 0 0px;
}

#imgageHome	{
background:url(../images/workwell/home_hero.jpg) no-repeat;
}

.workwellContent	{
padding:25px 0 0 30px;
margin-bottom:20px;
}

#home .workwellContent	{
width:450px;
min-height: 400px;
margin:0 0 0 15px;
padding:243px 0 15px 0;
}
#leftImage .workwellContent	{
float:left;
width:440px;
padding:25px 0 0 0;
}
#members .workwellContent	{
padding:25px 0 0 0;
}
#members .workwellContent img.icon	{
float:left;
margin:-25px 10px 0 0;
}
#members .workwellContent #memberHead	{
float:left;
width:440px;
}
#members .workwellContent #navAlpha	{
padding:20px 0 5px 0;
color:#15488e;
font-size:16px;
padding:2px;
}
#members .workwellContent #navAlpha a	{
color:#15488e;
font-size:16px;
text-decoration:none;
padding:2px;
}
#members .workwellContent #navAlpha a:hover	{
color:#bceaf6;
}

.memberListing	{
clear:both;
padding-top:15px;
}

p.noMembers
{
line-height: 35px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 228px;
}
.memberListing div {
float:left;
width:223px;
text-align:center;
}
.memberListing span	{
display:block;
float:left;
width:440px;
padding-bottom: 15px;
}
.memberListing h1	{
color:#15488e;
font-size:16px;
font-weight: bold;
margin:0;
}
.memberListing h2	{
color:#f9b512;
font-size:15px;
font-weight: bold;
margin:0 0 10px 0;
}
.memberListing p a	{
color:#00aad3;
font-size:10px;
text-transform:uppercase;
text-decoration:underline;
}
.memberListing p a:hover	{
text-decoration:none;
}

.colRight	{
float:left;
width:200px;
margin-left:10px;
}

#websiteIcons
{
position: relative;
padding: 10px 0px 15px 0px;
width:200px;
text-align: center;
}

a.printIcon
{
position: relative;
float: left;
top: 1px;
display: block;
width: 18px;
height: 18px;
text-decoration: none;
color: #78bfc6;
background: url(http://www.toiteorapublichealth.govt.nz/images/style/print_icon_workwell.png) 0px 0px no-repeat;
}

a.printIcon:hover
{
background: url(http://www.toiteorapublichealth.govt.nz/images/style/print_icon_workwell.png) 0px -20px no-repeat;
}


a.emailIcon
{
position: relative;
float: left;
left: 8px;
display: block;
width: 18px;
height: 18px;
text-decoration: none;
color: #78bfc6;
background: url(http://www.toiteorapublichealth.govt.nz/images/style/email_icon_workwell.png) 0px 0px no-repeat;
}

a.emailIcon:hover
{
background: url(http://www.toiteorapublichealth.govt.nz/images/style/email_icon_workwell.png) 0px -20px no-repeat;
}

#updatedDate{
position: relative;
color: #00aad3;
font-size: 12px;
width: 160px;
float: left;
padding: 0px;
margin: 0px;
left: 8px;
top: 4px;
}

#bannerJoins	{
width:197px;
height:350px;
overflow:hidden;
background-repeat:no-repeat;
margin:13px 0 1px 0;
}
#bannerJoins h1	{
position:absolute;
font-family:Arial, Helvetica, sans-serif;
color:#f9b512;
font-size:18px;
line-height:19px;
font-weight:normal;
border:0;
background:none;
margin:64px 0 0 14px;
}
#bannerJoins h2	{
position:absolute;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:15px;
line-height:19px;
font-weight:normal;
border:0;
background:none;
padding:0;
margin:86px 0 0 14px;
}
/*#bannerJoins div	{
margin-top:300px;
}
#bannerJoins div div	{
position:absolute;
width:45px;
height:45px;
margin:0 0 0 10px;
}
#bannerJoins div div.bPlay a	{
background:url(../images/workwell/b_play.png) no-repeat;
}
#bannerJoins div div.bInfo	{
background:url(../images/workwell/b_info.png) no-repeat;
margin:0 0 0 142px;
}
#bannerJoins div div.bInfo a	{
background:url(../images/workwell/b_info.png) no-repeat;
}
#bannerJoins div div a	{
width:45px;
height:45px;
display:block;
overflow:hidden;
}
#bannerJoins div div a:hover	{
background-position:0 -45px;
}
#bannerJoins div div a span	{
font-size:11px;
margin-left:-250px;
}
*/
#navRight {
width:179px;
list-style:none;
line-height:15px;
border-bottom:1px solid #fbc84d;
padding:0;
margin:27px 0 10px 11px;
}



#navRight div {
border-top:1px solid #fbc84d;
margin:0;
padding:0;
}
#navRight div a {
display:block;
color:#15488e;
font-size:15px;
text-decoration:none;
padding:10px 0;
}
#navRight div a.menuSecondarySelected{
color:#fbc84d;
/*color: #e8b63c;*/
font-weight:bold;
}
#navRight div a:hover {
/*color:#fbc84d;*/
color: #e8b63c;
}
#navRight ul {
width:165px;
list-style:none;
border-bottom:none;
padding:0;
margin:0 0 0 15px;
}
#navRight ul li {
border-top:none;
margin:0;
padding:0;
background:url(../images/workwell/border_nav.gif) no-repeat;
}
#navRight ul li:hover {
background:url(../images/workwell/border_nav-over.gif) no-repeat;
}
#navRight ul li a {
display:block;
color:#00aad3;
font-size:13px;
text-decoration:none;
padding:11px 0 10px 8px;
}
#navRight ul li a.navOn {
color:#8cd9eb;
}
#navRight ul li a:hover {
color:#8cd9eb;
}
#navRight ul ul {
width:147px;
list-style:none;
border-bottom:none;
background:url(../images/workwell/border_nav_three.gif) no-repeat;
padding:5px 0;
margin:0 0 0 18px;
}
#navRight ul ul li {
border-top:none;
margin:0;
padding:0;
background:url(../images/workwell/bg_nav_three.gif) no-repeat 0 10px;
}
#navRight ul ul li:hover {
background:url(../images/workwell/bg_nav_three.gif) no-repeat 0 10px;
}
#navRight ul ul li a {
display:block;
color:#00aad3;
font-size:13px;
text-decoration:none;
padding:3px 0 3px 8px;
}
#navRight ul ul li a.navOn {
color:#b6e8f4;
}
#navRight ul ul li a:hover {
color:#b6e8f4;
}

.memberLinks
{
background: #FFF4CE;
border: 1px solid #FBC84D;
border-width: 0px 1px;
}

.memberLinks a
{
margin: 0px 0px 0px 12px;
}

#buttonsRight	{
padding-top:12px;
}

.bEnquiry a	{
background:url(../images/workwell/b_make_an_enquiry.gif) no-repeat;
}

.bJoin a	{
background:url(../images/workwell/b_join_now.gif) no-repeat;
}

.bWorkshop a	{
background:url(../images/workwell/b_workshop_locations.gif) no-repeat;
}

.bNewsletter a	{
background:url(../images/workwell/b_newsletter.gif) no-repeat;
}

.bAlerts a	{
background:url(../images/workwell/b_alerts.gif) no-repeat;
}

.bVideoTestimonials a	{
background:url(../images/workwell/b_video_testimonial.gif) no-repeat;
}

.bWorkWellVideo a	{
background:url(../images/workwell/b_workwell_video.gif) no-repeat;
}


.button	{
width:198px;
height:34px;
margin-bottom:10px;
}
.button a	{
width:198px;
height:34px;
display:block;
overflow:hidden;
text-decoration: none;
border: none;
}
.button a:hover	{
background-position:0 -34px;
}
.button a span	{
font-size:11px;
margin-left:-250px;
text-decoration: none;
border: none;
}

.bBlueBig	{
float:left;
width:133px;
height:160px;
margin:25px 13px 13px 0;
}
.bBlueBig td	{
width:133px;
height:160px;
text-align:center;
vertical-align:middle;
background:url(../images/workwell/b_blue_large.gif);
overflow:hidden;
}
.bBlueBig td:hover	{
background-position:0 -160px;
}
.bBlueBig a	{
font-size:18px;

display: block;
color:#00aad3;
text-decoration:none;
}
.bBlueBig a:hover	{
color:#99ddee;
text-decoration:none;
}

.bBlueSmall	{
float:left;
width:133px;
height:100px;
margin:25px 13px 13px 0;
}
.bBlueSmall td	{
width:133px;
height:100px;
text-align:center;
vertical-align:middle;
background:url(../images/workwell/b_blue_small.gif);
overflow:hidden;
}
.bBlueSmall td:hover	{
background-position:0 -100px;
}
.bBlueSmall a	{
font-size:18px;
color:#00aad3;
text-decoration:none;
}
.bBlueSmall a:hover	{
color:#99ddee;
text-decoration:none;
}

.bBlueCentred	{
margin-left:146px;
}


#header	{
position:absolute;
width:948px;
height:195px;
background:url(../images/workwell/bg_header.jpg) no-repeat;
}

#navTop	{
position:absolute;
margin:110px 0 0 256px;
}
#navTop a	{
display:block;
float:left;
width:auto;
padding: 13px 10px 0px;
height:65px;
overflow:hidden;
color:#fff;
font-size:16px;
line-height:33px;
text-decoration:none;
text-align:center;
margin-left:0px;
}
#navTop img	{
display:block;
float:left;

}
#navTop a.twoLine	{
line-height:17px;
}
#navTop a.home	{
width:auto;
}
#navTop a.contact	{
width:auto;
}
#navTop a.currentPage	{
background:url(../images/workwell/bg_nav_top.gif) 0px 13px repeat-x;
}
#navTop a:hover	{
color:#f9b512;
}

#logo	{
position:absolute;
margin-left:20px;
}

#textHead	{
position:absolute;
margin:40px 0 0 545px;
}

#searchBar	{
position:absolute;
width:948px;
height:30px;
background: url(../images/workwell/page_shadow.png) center;
margin-top:165px;
}
#searchBar div	{
width:892px;
height:30px;
background:url(../images/workwell/bg_search_bar.gif) no-repeat;
margin-left:28px;
}
#searchBar #search	{
position:absolute;
margin:4px 0 0 14px;
}

#searchBar #search input.inputSearch	{
float:left;
display:block;
color:#15488e;
width:122px;
height:21px;
line-height:21px;
font-size:11px;
padding: 0px;
margin: 0px;
border:0;
background:url(../images/workwell/form_search.gif) no-repeat;
}
#searchBar #search input.buttonSearch	{
float:left;
display:block;
width:55px;
height:21px;
line-height:21px;
border:0;
margin: 0;
padding: 0;
background:url(../images/workwell/b_search.gif) no-repeat;
cursor:pointer;
color: #FFF;
font-size: 11px;
}
#searchBar #login{
width: 126px;
}
#searchBar #login a{
position:absolute;
display: block;
width: 111px;
height: 24px;
right: 43px;
top: 3px;
background:url(http://www.workwell.health.nz/images/workwell/member_login.png) 0 0 no-repeat;
}
#searchBar #login a:hover{
background:url(http://www.workwell.health.nz/images/workwell/member_login.png) 100% 100% no-repeat;
}
#searchBar #login input.inputLogin	{
float:left;
display: block;
color:#15488e;
width:107px;
height:21px;
line-height:21px;
font-size:11px;
padding:0px 0 0 0px;
margin-left:4px;
border:0;
background:url(../images/workwell/form_login.gif) no-repeat
}
#searchBar #login input.buttonLogin	{
float:left;
display:block;
width:55px;
height:21px;
line-height:21px;
border:0;
margin: 0px 0px 0px 4px;
padding: 0;
background:url(../images/workwell/b_login.gif) no-repeat;
cursor:pointer;
color: #FFF;
font-size: 11px;
}

#searchBar #login #forgotPassword	{
display:inline-block;
white-space: auto;
background:0;
line-height: 22px;
line-height:22px;
color: #F9B512;
float: left;
position: relative;
margin: 0px 0px 0px 10px;
}

#searchBar #login #forgotPassword a	{
font-size: 11px;
color: #FFFFFF;
}

#searchBar #login form a.logout	{
font-size: 11px;
color: #FFFFFF;
text-align: right;
position: absolute;
top: 1px;
right: 23px;
}

#footer	{
clear:both;
width:892px;
height:60px;
color:#fff;
font-size:11px;
background-color:#15488e;
margin:0 auto;
}
#footer img	{
position:absolute;
margin:15px 0 0 31px;
}
#footer div	{
position:absolute;
margin:18px 0 0 195px;
}
#footer div a	{
color:#f9b512;
text-decoration:none;
padding:0 4px;
}
#footer div a:hover	{
text-decoration:underline;
}
#footer div span	{
font-size:11px;
display:block;
margin-left:4px;
}
#footer div span a	{
color:#fff;
padding:0;
}

#pageBase	{
width:942px;
height:39px;
margin:0 auto;
background:url(../images/workwell/page_shadow_footer.png);
}

.buttonBar
{
float: left;
margin: 0px 0px 20px 98px;
}

.fsub	{
color:#15488e;
border:1px solid #15488e;
background:url(../images/workwell/b_form.gif) repeat-x;
cursor:pointer;
}


.formTable .formLabel	{
color:#fff;
font-size:15px;
background:#17498f url(../images/workwell/bg_question.gif) repeat-x;
border:1px solid #0e3c79;
padding:10px;
}

.formTable .formValue	{
background:#b8e9f5 url(../images/workwell/bg_answer.gif) repeat-x;
border:1px solid #ace3f1;
padding:10px;
}

.formTable .formText	{
color:#fff;
}

.formTable .formValue textarea	{
width:98%;
}

#alertForm th{
text-align: left;
}

#formTable{
margin-bottom: 60px;
}

#formTable .labelHorizontal{
vertical-align: top;
margin: 0px;
padding: 2px;
width: 100px;
}

#formTable .valueHorizontal{
padding: 2px;
margin: 0px;
}

#formTable textarea	{
width:250px;
}

#formTable .buttonBar{
position: absolute;
bottom: 100px;
padding: 12px;
}

.latestNewsTitle	{
margin: 8px 0 5px 0;
padding: 0;
color:#15488e;
font-weight: bold;
font-size: 17px;
}

.latestNewsDate	{
margin: 0 0 10px 0;
padding: 0;
color:#f9b512;
font-weight: normal;
font-size: 13px;
}

.clearBoth	{
clear:both;
height:0;
}
.loginMsg { color:#900;font-style:italic;  padding:10px 0 15px 0;}

#navDate{

position: relative;
}

#navDateYear
{
width: 160px;
float: right;
position: relative;
bottom: 55px;
}

#navDateYear p{
position: relative;
top: 5px;
}

#navDateYear h3
{
display: none;
}

#navDateYear select
{
margin: 0 7px;
}

#navDateLinks
{
width: 620px;
padding: 20px 0px;
text-align: center;
}

#leftImage #navDateLinks
{
width: 420px;
padding: 10px 0px;
text-align: center;
}

.wCalendarHeaderLinks
{
float: left;
width: 420px;
padding: 10px 0px;
text-align: center;
}

.wCalendar
{
float: left;
width: 400px;
margin: 0px 0px 10px 0px;
}

.wcalendarEntry
{
display: block;
padding: 20px;
border: 1px solid #01A9D2;
margin: 15px;
}

.wCalendarCategory
{
font-weight: bold;
font-size: 14px;
color: #15488E;
}

.wCalendarTitle
{
font-style: italic;
color: #15488E;
}

.wCalendarDate
{
font-size: 11px;
margin: 0px 0px 10px 0px;
}

.wCalendarDescription
{

}

div.wCalendarLink
{
text-align: right;
}

div.wCalendarLink a
{
text-align: right;
color: #15488E;
}

/*------------ Latest News Directory Module Styles ----------------------------------------------------------*/

h2.newsH2
{
font-size: 14px;
font-weight: bold;
color: #FF5A00;
}

.moduleItemsListingWorkwellNews .moduleItemsListingItem
{
border: 1px solid #C6A8DF;
border-width: 1px 0px 0px 0px;
padding: 10px 0px 15px 0px;
}

.moduleItemsListingWorkwellNews .moduleItemsListingItem .title,
.moduleItemWorkwellNews .title
{
margin: 3px 0px 0px 0px;
padding: 0;
font-size: 12px;
font-weight: bold;
color: #16488F;
}
.moduleItemsListingWorkwellNews .moduleItemsListingItem .date
{
float: left;
margin: 0px 3px 0px 0px;
padding: 0;
font-size: 12px;
font-weight: bold;
color: #3ABDDD;
}

.moduleItemWorkwellNews .date{
font-size: 12px;
font-weight: bold;
color: #3ABDDD;
margin: 0px 0px 10px 0px;
}

.moduleItemsListingWorkwellNews .moduleItemsListingItem .moduleItemContent img
{
float: left;
margin: 0px 10px 0px 0px;
}

.moduleItemsListingWorkwellNews .moduleItemsListingItem .moduleItemContent
{
margin: 5px 0px;
padding: 0;
}

.moduleItemsListingWorkwellNews .moduleItemsListingItem .moduleItemContent a
{
position: relative;
top: 5px;
}


#topNewsContainer
{
background: none;
width: 179px;
height: 100px;
margin: -6px 0px 0px 12px;
}

#topNewsContainer h3
{
display: block;

color: #15488e;

font-size: 15px;

text-decoration: none;



padding-top: 00px;

padding-right: 0pt;

padding-bottom: 9px;

padding-left: 0pt;
font-weight: normal;
border-bottom: 1px solid #E8B63C;
}



#topNewsContainer a
{

}

#bottomNewsContainer
{
background: none;
width: 179px;
height: 100px;
margin: 0px 0px 0px 12px;
}


#bottomNewsContainer h3
{
display: block;
color: #15488e;
font-size: 15px;
font-weight: normal;
text-decoration: none;
padding-top: 10px;
padding-right: 0pt;
padding-bottom: 10px;
padding-left: 0pt;
border-bottom: 1px solid #E8B63C;
}

#bottomNewsContainer form
{
margin: 0;
padding: 0;
}









#bottomNewsContainer form input
{
width: 60px;
color: #15488e;
border: 1px #15488e solid;
background-image: url("../images/workwell/b_form.gif");
cursor: pointer;
}




#bottomNewsContainer p
{
margin: 0;
padding: 0;
color: #808080;
}

.rssIcon
{
position: absolute;
top: 25px;
left: 60px;
width: 25px;
height: 25px;
margin: 0px 0px 15px 0px;
}

#leftImage .rss
{
float: right;
width: 400px;
height: 25px;
margin: 0px 0px 15px 0px;
}

.rss
{
width: 600px;
}

/* members category selector */
FORM.categorySelect{
padding:1em 0;
}



















img#info{
position: absolute;
right: 40px;
top: 40px;
z-index: 100;
}

div#profileContainer{
float: none;
position: relative;
width: 197px;
height: 350px;
overflow-y: hidden;
margin: 15px 0px 0px 0px;
background: #13488E;
}

div.profile{
position: relative;
width: 197px;
height: 350px;
}

div.profile span{
position: relative;
background: #fff;
width: 197px;
display: block;
}

div.profile a img{
border: none;
vertical-align: middle;
}

div.profile a.infoLink img{
position: absolute;
top: 190px;
right: 12px;
}

div.profile div{
position: relative;
width: 177px;
height: 98px;
background:url(http://www.workwell.health.nz/images/workwell/profile_text_banner_bg.jpg) no-repeat;
padding: 10px;
}

div.profile div h2
{
margin: 0;
border: 0;
}

div.profile div h2 a
{
font-size: 18px;
font-style: italic;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 22px;

}

div.profile div p
{
margin: 0;
border: 0;
color: #e8b42f;
font-weight: bold;
line-height: 26px;
font-size: 16px;
}

#pastSurveys{
border-collapse:collapse;
}

#pastSurveys td{
border-bottom: 1px solid #DDDDFF;
}

#new_survey_form input{
color: #15488E;
background: #fff;
border: 1px solid #15488E;
}

#new_survey_form .new_survey_submit{
color: #15488E;
background: #FFF4CE;
border: 1px solid #FBC84D;
padding: 3px;
}

#new_survey_form .new_survey_submit:hover{
color: #E8B63C;
cursor: pointer;
}
TABLE#alertForm TH,TABLE#alertForm TD
{
vertical-align:top;
}
TABLE#alertListing TD
{
padding-right:1em;
}
DIV.alertMsg
{
color:#16488F;
padding-bottom:1em;
}