@charset "UTF-8";

/* Last Updated 17/06/10 - cb2603 */

/*------------------------------------------------------------------------------------
      Header Content
    ------------------------------------------------------------------------------------*/

/* WorkLifeBalance.css  --> Work and Family Fresh Ideas */

/*
#f09116 = LIGHT GREEN = MOUSE OVER COLOR
#59686e = GREY = TEXT COLOR (PARAGRAPH)
#FFF = WHITE = LINKS UP COLOR
#3a3a38 = DARK GREY = CULUMN2 BACKGROUND
#000 = BLACK = FOOTER AND SITEGUIDE BG
#0398c3 = BLUE = HEADINGS
#aaaba5 = GREY TEXT FOR FOOTER AND SITEGUIDE
#404040 = SEARCH BORDER
*/



/*---------------------------------------------
      Global Styles
-----------------------------------------------*/

body.mossbody
{
   background:url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/header_bg.jpg") repeat-x #fff;
}

p {
   color: #59686e;
}

a {
   color: #0398c3;
}

a:hover {
   color: #0398c3;
}


.breadcrumb a
{
   background: transparent url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/breadcrumb.gif") no-repeat center right;
}

/* Banner Content */

.jquerybanner_slidecontent {
	display:none;
}

#jquerybanner_object {
	OVERFLOW: hidden; 
	WIDTH: 640px; 
	POSITION: relative; 
	HEIGHT: 160px; 
	BACKGROUND-COLOR: #000;
	bottom:0;
}


/*------------------------------------------------------------------------------------
      Header
    ------------------------------------------------------------------------------------*/
#header
{
}


/*---Adjust bg colour behind header graphic and coat of arms-----*/
#headerContent
{
   background: url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/header_bg2.jpg") top repeat-x #009de0;
}
/*----------------------------------------------------------------*/


.logo h1
{
   text-indent:-9000px;
   background-image:url(/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/crest.gif);
   background-repeat: no-repeat;
   height:59px;
}

.logo h1 a
{
   height: 59px;
   width: 471px;
   display: block;
}

.logo h1 a:link, #banner h1 a:visited, #banner h1 a:hover, #banner h1 a:focus, #banner h1 a:active
{
   outline: none;
}

.rsslinkicon
{
   background-image:url(/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/icon_rss.gif);
   background-repeat: no-repeat;
   width:10px;
   height:9px;
   display:inline-block;
   padding:0px !important;
   padding-bottom:3px !important;
   padding-right:6px !important;
   margin-left:-6px !important;
}

.searchlink
{
   background-image:url(/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/icon_search.gif);
   background-repeat: no-repeat;
   width:21px;
   height:19px;
   display:inline-block;
   margin-top:3px;
}

/*------------------------------------------------------------------------------------
      Page Structure
    ------------------------------------------------------------------------------------*/


#faux
{
   background:#FFF url(/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/rightpanel_bg.jpg) repeat-y right;
}


/*---Change the top bg to be the same colour as the top_bg.jpg graphic ---*/

#top
{
   /*Top div holds top navigation*/
   background-color: #009de0;
}
/*-------------------------------------------------------------------------*/




#topMenuContainer
{
   /*The header is on top of the page outside the Wrapper div and after the Top div.*/
   background: url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/top_bg.jpg") center repeat-x;
}

#topMenu ul li a
{
   border-right: dotted 1px #fff;
   color: #fff;
}

#topMenu ul li a:visited
{
   color: #fff;
}

#topMenu ul li a:hover, .menu ul li .current
{
   color: #d8e3ae;
}

#topMenu .active
{
   color: #0398c3;
}

/* change bg colour for site guide to the same bg colour as the bottom_bg.jpg graphic*/
#siteGuide
{
   background:url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/bottom_bg.jpg") top #006c9a no-repeat;

/*----------------------------------------------------------------------------------*/


}

#siteGuideColumn1 a,#siteGuideColumn2 a,#siteGuideColumn3 a{color:#fff; }
#siteGuideColumn1 a:hover,#siteGuideColumn2 a:hover,#siteGuideColumn3 a:hover{color:#f09116 ;}
#siteGuideColumn1 .header,#siteGuideColumn2 .header,#siteGuideColumn3 .header{color:#f09116; }
#siteGuideColumn1 .copyright,#siteGuideColumn2 .copyright,#siteGuideColumn3 .copyright{color:#fff;}





/*---- Change BG colour of right column that sits behind rh menu ----*/

#rightcolumn
{
   background:#026590;
}
/*--------------------------------------------------------------------*/








/*----Change footer BG to the same colour as BG colour of footer graphic-----*/

#footerWrapper
{
   background:url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/bottom_bg.jpg") top #006c99 no-repeat;

/*---------------------------------------------------------------------------*/







/*-----this is footer text colour only change if text is too light and can't be seen over bg colour of footer ----*/
}

.footerContentColumn1 a,.footerContentColumn2 a,.footerContentColumn3 a{color:#fff; }
.footerContentColumn1 a:hover,.footerContentColumn2 a:hover,.footerContentColumn3 a:hover{color:#f09116;}
.footerContentColumn1 .header,.footerContentColumn2 .header,.footerContentColumn3 .header{color:#f09116; }
.footerContentColumn1 .copyright,.footerContentColumn2 .copyright,.footerContentColumn3 .copyright{color:#fff;}

/*----------------------------------------------------------------------------------------------------------------*/


/*---------------------------main menu where home : latestnews : video etc is listed ---------*/
#mainMenu ul li a
{
   border-right: dotted 1px #595959;
}

#mainMenu ul li a:visited
{
   color: #fff;
}

#mainMenu ul li a:hover, .menu ul li .current
{
   color: #f09116;
}

#mainMenu .active
{
   color: #f09116;
}


#subMenu ul li a
{
   color: #FFF;
}

#subMenu ul li a:visited
{
   color: white;
}

#subMenu ul li a:hover, .menu ul li .current
{
   color: #f09116;
}

#subMenu .active
{
   color: #f09116;
}

#subMenu .pipe
{
   border-right: dotted 1px #595959;
}



/*-----------change the colour of the border of the search box ----*/
.searchbox
{
   border:solid #fff 2px;
}

.advancedSearch
{
   color:#fff;
}

.advancedSearch a
{
   color:#fff;
}

/*------------------------------------------------------------------*/



.right
{
   /*Right class holds content in a right highlighted column within the main Column 1 div */
   background: url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/module_right_bg.jpg") no-repeat #FFF;
}


#headerBanner
{
 background: #009de0;
}






/*---Change bg colour of banner image-----*/
#banner
{
   /*Banner div holds image Billboard as well as Banner/ navigation*/
   background-color: #002841;
   width: 638px;
   height:162px;     /* large banner height, small = 165px */
}
/*----------------------------------------*/





/*----Adjust this if you need to add a flash banner to a program site ----*/
.billboardbackground
{
   /* the default image for the flash banner area - if no javascript this image shows */
   /* eg. background: url(/Skills/Style%20Library/WorkLifeBalance/cssimages/banner.jpg) no-repeat top left;    */
   background: url(/WorkplaceRelations/Programs/worklife/PublishingImages/Banner/1_welcome.jpg) no-repeat top left;
   width: 638px;
   height:160px;     /* large banner height, small = 160px */
}

/*-----------------------------------------------------------------------*/





/*--- adjust bg colour of ipod menu ----*/
#ipodMenu
{
   background-color: #026590;
}
/*-------------------------------------*/






/*-----bottom border of title bars and BG colour in centre of page--------------*/

.title, .moduletitle
{
   border-bottom:#4c519e 5px solid;
   background-color:#002841;
}
/*-------------------------------------------------------------------*/





.byline
{
   font-weight:bold;
}

.summary2 ul li
{
   color: #59686e;
}



/*---- Bullet point graphic -----

.summary3
{
   list-style-image:url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/bullet_img.gif");



/*-------------------------------*/

}



/* --- Change bg colour of the column under the right hand menu----*/


#column_right
{
   background-color:#026590;

/*-------------------------------------------------*/





}


#closeButton
{
   color:#f09116;
}

.closeButton a
{
   color:#f09116;
}



/*------------------------
      Navigation
--------------------------*/

#bannerMenu
{
   width: 320px;
   height: 280px;
   margin: 0;
   background-color:#009ee0;
   padding:0px;
}

#bannerMenu a
{
   display: block;
   height: 40px;
   overflow: hidden;
   text-indent : -9999px;
}

#bannerMenu a#active
{
   background-position: center top;
}

#bannerMenu a.childhood:link, #bannerMenu a.childhood:visited
{
   background: transparent url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/menu/childhood_nav.jpg") no-repeat scroll bottom;
}

#bannerMenu a.schooling:link, #bannerMenu a.schooling:visited
{
   background:transparent url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/menu/schooling_nav.jpg") no-repeat scroll bottom;
}

#bannerMenu a.education:link, #bannerMenu a.education:visited
{
   background:transparent url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/menu/education_nav.jpg") no-repeat scroll bottom;
}

#bannerMenu a.skills:link, #bannerMenu a.skills:visited
{
   background:transparent url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/menu/skills_nav.jpg") no-repeat scroll bottom;
}

#bannerMenu a.youth:link, #bannerMenu a.youth:visited
{
   background:transparent url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/menu/youth_nav.jpg") no-repeat scroll bottom;
}

#bannerMenu a.employment:link, #bannerMenu a.employment:visited
{
   background:transparent url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/menu/employment_nav.jpg") no-repeat scroll bottom;
}

#bannerMenu a.workplace:link, #bannerMenu a.workplace:visited
{
   background:transparent url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/menu/workplace_nav.jpg") no-repeat scroll bottom;
}

#bannerMenu a.department:link, #bannerMenu a.department:visited
{
   background:transparent url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/menu/corporate_nav.jpg") no-repeat scroll bottom;
}


#bannerMenu a.childhood:hover, #bannerMenu a.childhood:active, #bannerMenu a.schooling:hover, #bannerMenu a.schooling:active, #bannerMenu a.education:hover, #bannerMenu a.education:active, #bannerMenu a.skills:hover, #bannerMenu a.skills:active, #bannerMenu a.youth:hover, #bannerMenu a.youth:active, #bannerMenu a.employment:hover, #bannerMenu a.employment:active, #bannerMenu a.workplace:hover, #bannerMenu a.workplace:active, #bannerMenu a.department:hover, #bannerMenu a.department:active
{
   background-position: center top;
}


 
/*------------------------

      IPod Navigation

--------------------------*/

#ipodnavigation ul li a,

#ipodnavigation ul li a:hover, #ipodnavigation ul li a:focus, #ipodnavigation ul li a:active
{
       background:#4a2a42;
       color:#fff;
}
 
#ipodnavigation ul.top-level li ul.menuData
{
       display:block;
}

#ipodnavigation UL.top-level LI			/* Background colour behind iPod */
{
	background-color:#007db7;			/* Colour Sample 1 (Darker) */
}

#ipodnavigation ul.top-level li a 			/*iPod Menu section that displays Streams */
{
	background-color: #005b8b;			/* Colour Sample 1.5 (Slightly Darker) */
}

#ipodnavigation ul.top-level li a:hover		/*iPod Menu section that displays Streams */
{
    background-color: #0074ba;			/* Colour Sample 2.5 (Slightly Darker) */
}

#ipodnavigation ul.top-level li ul.menuData li a	 /* iPod Menu normal colour */
{
	background-color: #007db7;				/* Colour Sample 1 (Darker) */
}

#ipodnavigation ul.top-level li ul.menuData li a:hover		/* iPod Menu Hover Colour */
{
	background-color: #009de0;			/* Colour Sample 2 (Lighter) */
	border-top: solid 1px #007db7;		/* Colour Sample 1 (Darker) */
}

#ipodnavigation ul.top-level li.worklifebalance a	/* What Stream Tile should be coloured */
{
	background:#4a2a42;								/* Color of Stream Tile */
	color:#fff;
}



/*-----------------------
      Misc.
--------------------------*/
.divider
{
   height:1px;
   background: url("/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/divider.jpg") center;
   margin-bottom:10px;

}


/*------------------------------------
      content area list styling.
-----------------------------------*/

.content ul
{
   margin-left: 20px;
   padding-left: 0;
   list-style: none;
}

.content ul li
{
   padding: 2px 10px 8px 25px;
   color: #59686e;
   background-image: url(/WorkplaceRelations/Style%20Library/WorkLifeBalance/cssimages/bullet_img.gif);
   background-repeat: no-repeat;
   background-position: 0 7px;
}