/*online applications start*/

/*** ESSENTIAL STYLES ***/
.onlineApplications, .onlineApplications * {
	margin:		0;
	padding:	0;
	list-style:	none;
	z-index:	40;
	/*position:absolute;
	right:0;*/
}

.onlineApplications  {
	line-height:150%;
	margin:4px 0 12px 5px;

float:left !important;
float:none;
}


.onlineApplications #AccessOnlineApplicationsContent  {
	position:		absolute;
	top:			-999em;
	width:			19.65em; /* left offset of submenus need to match (see below) */


}
#accessOnlineApplication{
	padding:10px !important;
	padding:10px 0 10px 10px;
	background-color:white;
	text-align:left;
	float:left;
	width:198px !important;
	width:188px;
	border:1px solid #ccc;
}
#AccessOnlineApplicationsContent h2{
	font-size:11px;
	color:black;
	font-weight:bold;
	background-color:white;
	background-image:none;
	margin: 0 10px 0 0;
	padding:0;
	text-transform:none;
	clear:none;
	}
.onlineApplications #AccessOnlineApplicationsContent li{
	margin-left:-10px;
	display:inline;
	padding:0px 10px 10px;
	width:auto !important;
	width:			17.9em;

	vertical-align:middle;
}
 .onlineApplications #AccessOnlineApplicationsContent li img{
 padding-right:10px;
 }
.onlineApplications li:hover, 
.onlineApplications li.sfhover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
 .onlineApplications li {
	float:			left;
	position:		relative;
}
.onlineApplications a {
	display:		block;
	position:		relative;
}
.onlineApplications li:hover #AccessOnlineApplicationsContent,
.onlineApplications li.sfhover #AccessOnlineApplicationsContent{
	left:			0;
	top:			2.14em; /* match top ul list item height */
	z-index:		99;
}

/*
ul.onlineApplications li:hover li #AccessOnlineApplicationsContent,
ul.onlineApplications li.sfhover #AccessOnlineApplicationsContent,ul.onlineApplications li.sfhover  #AccessOnlineApplicationsContent, ul.onlineApplications li:hover #AccessOnlineApplicationsContent {
	top:			-999em;
}*/

ul.onlineApplications li li:hover #AccessOnlineApplicationsContent,
ul.onlineApplications li li.sfhover #AccessOnlineApplicationsContent
 {
	left:			20em; /* match ul width */
	top:			0;
}
ul.onlineApplications li li:hover li ul,
ul.onlineApplications li li.sfhover li ul {
	top:			-999em;
}
ul.onlineApplications li li li:hover ul,
ul.onlineApplications li li li.sfhover ul {
	left:			10em; /* match ul width */
	top:			0;
}


.hometop .onlineApplications {
	float:right;
	position:absolute;
	right:5px;
	top:5px;
}
.onlinebutton .sfhover{
		z-index:20;
/*		z-index:1000;*/
}
.onlineApplications a {

	text-decoration:none;
}
.onlineApplications a:hover{
text-decoration:underline;
}
.onlineApplications a, .onlineApplications a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.onlineApplications li {
	z-index:20;
	/*background:		#fff;*/
}
.onlineApplications li #AccessOnlineApplicationsContent {
/*	background-color:		#fff;*/
	z-index:20;
}
.onlineApplications li #AccessOnlineApplicationsContent h2{
padding-bottom:10px;	
}
.onlineApplications li li li {
	background:		#9AAEDB;
}
.onlineApplications li:hover, .onlineApplications li.sfhover,
.onlineApplications a:focus, .onlineApplications a:hover, .onlineApplications a:active {
/*	background:		#fff;*/
	outline:		0;
}

/*** arrows **/
.onlineApplications a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

/* point right for anchors in subs */
.onlineApplications #AccessOnlineApplicationsContent .sf-sub-indicator { background-position:  -10px 0; }
.onlineApplications #AccessOnlineApplicationsContent a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.onlineApplications #AccessOnlineApplicationsContent a:focus > .sf-sub-indicator,
.onlineApplications #AccessOnlineApplicationsContent a:hover > .sf-sub-indicator,
.onlineApplications #AccessOnlineApplicationsContent a:active > .sf-sub-indicator,
.onlineApplications #AccessOnlineApplicationsContent li:hover > a > .sf-sub-indicator,
.onlineApplications #AccessOnlineApplicationsContent li.sfhover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}



/*online applications end*/
/* Skip links */	

#area_skipnav {
	margin:0px auto; }
		
#area_skipnav a {
	left:-10000px;
	position:absolute;
	z-index:2; }

#area_skipnav a:active, 
#area_skipnav a:focus, 
#area_skipnav a:hover {
	border:1px solid #FFFFFF;
	background-color:#AFD1F4;
	display:inline;
	font-weight:bold;
	left:0px;
	padding:5px 5px 5px;
	width:100%;
	top:0px; }


/* Header bar */

#header {
	background:url(../../images/wob_v2/header-background.gif) no-repeat 480px top;
	margin-left:0px;
	margin-right:0px;
/*	height:55px;*/
 }
.hometop #header{
	height:58px;
	}
.header-clear {
	clear:both; }

#header-logo { 
	float:left;
	padding-top:2px;
	padding-left:2px;
	padding-bottom:2px;
	height:53px;
	width:156px; }

#header-right { 
	float:right;
	text-align:right; }
	
#header-right-wrap {
	background-image:url(../../images/wob_v2/menu_top_bg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#fff;
	padding-bottom:4px;
  padding-top: 2px;
	text-align:left; }



.search-fields-wrap { 
	width:237px;
	float:right; 
	margin-right:1px !important;
	margin-right:7px;
}

.search-wrap { 
	text-align:right; 
	float:right; 
	padding-top:2px; 
	padding-right:30px; 
	width:196px;
	position:relative; 
	z-index:201; 
	}

.search-field {
	float:left; 
	width:141px;
	padding-left:0;
}

.search-field-wrap {
	width:140px; 
	height:17px; 
	border-bottom:1px solid #cccccc; 
	border-top:1px solid #cccccc; 
	border-right:1px solid #cccccc; 
	background-color:#fff; }

.search-input {
	padding-left:4px;
	padding-right:4px;
	border:0px;
	padding-top:2px;
	height:15px;
	width:132px;
	color:#8090ae; 
	}	
#search-telstra{
		background: #EAEDEF url('../../images/wob_v2/bg_search_telstra.gif') no-repeat 4px 5px;
		
	}	
#search-web, #search-telstra{
	border-bottom:1px solid white;
	float:left;
	width:117px;
	margin:0;
	padding:4px 0 0 20px;
	height:20px;	
}
#search-web{
		background: #EAEDEF url('../../images/wob_v2/bg_search_web.gif') no-repeat 3px 5px;
	}	
#search-web:hover, #search-telstra:hover,#search-web.sfhover, #search-telstra.sfhover{
	background-color:#D2D8E0;
}

.search-options {
	background-repeat:no-repeat; 
	background-position:top right; 
	padding-top:0px; 
	text-align:left; 
	float:left; 
	width:25px; 
	height:19px; 

	background-color:#fff; 
	background-image:url('../../images/wob_v2/bg_sl_tel_s.gif');
	}

#search-options-menu {
	display:none; 
	position:absolute; 
	left:0; 
	width:137px; 
	top:21px; 
}

.search-options-menu a {
	display:block; 
	width:115px;
	background-position:4px 3px; 
	background-repeat:no-repeat; 
	padding-left:22px; 
	padding-top:2px; 
	padding-bottom:2px;
	text-decoration:none; }

.search-options-menu a:hover {
	text-decoration:none;
	background-color:#efefef; }

.search-options-menu a#search-telstra {
	background-image:url(../../images/wob_v2/hdr_search_logo_telstra.gif); }
.search-options-menu a#search-bigpond {
	background-image:url(../../images/wob_v2/hdr_search_logo_bigpond.gif); }	
.search-options-menu a#search-web {
	background-image:url(../../images/wob_v2/hdr_search_logo_web.gif); }

.search-button-wrap {
	float:left; 
	padding-left:5px; 
	width:20px; }
	
.search-button {
 	vertical-align:top;
 	width:39px;
	padding-top:1px;
 	height:17px; }


.headerLogin {
	color:#0049a7;
	padding-right:10px;
	padding-top:.5em;
	padding-bottom:0; }
	
.headerLogin .name { 
	font-weight:normal; }
	
.headerLogin a { 
	text-decoration:underline; }

.headerLogin a:hover {
	text-decoration:underline; }



#nav-wrap {
	background:url(../../images/wob_v2/nav-background.gif) repeat-x;
	height:32px;
	display:block;
	list-style: none; 
	padding-top:4px;
	margin-top:1px; }
.dj_gecko #nav-wrap{
	margin-top:1px;
}
#nav-wrap.app {

	height:5px;
	background-image:url(../../images/wob_v2/menu_bg_app.gif); }


/* Navigation - main */
#nav-main ul, #nav-main li, #nav-main a {
 line-height:1; 
 font-size:11px; 
 font-family:Verdana, Arial, Helvetica, sans-serif; }
 
#nav-main-wrap {	 }

#nav-main { 
	margin-left:14px;  
	display:block;
	z-index:50;
	position:relative;
	zoom:1;
	margin-top:0px;
list-style: none; 

	}
	
#nav-main ul {
	}


* html #nav-main-wrap {
	height:29px; }
		
#nav-main li { 
	float: left;
	position:relative;
	background-image:url(../../images/wob_v2/menu_end_2.gif);
	background-repeat:no-repeat;
	background-position:left 0em;
	margin-right:0px;
	list-style:none;
	}

#nav-main li.first {  }

#nav-main li.last {  }

#nav-main .activeTopMenu{
color:#0066DD;
background:url(../../images/wob_v2/active-tab.gif) no-repeat top left;
}	
#nav-main :hover > a { /* keep main tab rolled over when on flyout */
	background:url(../../images/wob_v2/menu_main_hover.gif) repeat-x top left;
	color:#0B2265; }
	
#nav-main li ul { /* flyout container */ 
	position: absolute;
	left: -999em;
	width:165px; 
	color:#0B2265;}

	
#nav-main li li {
	background:#d0e6f4; 
	width:100%;
	color:#0B2265
	}


#nav-main li li:hover,
#nav-main li li.sfhover {
	background:#d0e6f4;
	color:#0B2265; }
	
#nav-main li li ul { /* flyout content */
	padding:0px;
	width:165px;
	position:static; }

#nav-main li ul li li { /* flyout list items */
 	float:none;
	width:165px; }
	
#nav-main li ul.extras li li {
	width:194px; }

	
#nav-main li a { /* links */
	display: block;
	color:#fff;
	text-align:center;
	font-weight:bold;
	text-decoration:none;	
	padding:7px 10px 11px 10px;
	font-size:100%; 
}

#nav-main li.sfhover a:hover { }


#nav-main li a:hover {
	background-image:url(../../images/wob_v2/menu_main_hover.gif);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:white;
	color:#0B2265; 
}
	
#nav-main li li a, 
#nav-main li.selected li a { /* flyout links */
	color:#0B2265;
	font-weight:normal;
	background-image:none;
	text-decoration:none;
	text-align:left;
	font-size:100%;
	width:auto !important;
	width:100%;
	display:block;
	height:auto;
	padding:4px 9px;
	line-height:1.3em; }

#nav-main li li a:hover { /* flyout links hover */
	background-color:#fff;
	background-image:none;
	color:#0B2265; }





#nav-main li.selected:hover, 
#nav-main li.sfhover{
	background-image:url(../../images/wob_v2/menu_main_hover.gif);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:transparent;
	}

#nav-main li.selected {
	background-image:url(../../images/wob_v2/menu_main_selected.gif);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:transparent; 
	color:#0B2265}
	
#nav-main li.selected a {
	color:#091d56; }

#nav-main li.selected:hover a, #nav-main li.selected.sfhover a { 
	color:#091d56; }

		


#nav-main li:hover ul, #nav-main li.sfhover ul { 
	/* put flyout into position - left aligned */
	left: auto; }

#nav-main li:hover ul.right-align, #nav-main li.sfhover ul.right-align { 
	/* put flyout into position - right aligned */
	right:0; }

#nav-main iframe { /* iframe to cover select form elements */
	left:0px; 
	position:absolute; 
	top:-50px;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);	 
	}