/*
    Commonwealth Bank Group Campaign Template Version 2
    ===================================================
    Define: Lgo, navigation & user functions
    Born:   09/08/11
**/


/* The Header & Main Navigation
* */

#headerContain {
	padding:0;
	margin:0 auto;
	position:relative;
	width:995px;
	z-index: 1;
}

#logoContainer {	
	width:272px;
	height:62px;
	padding:7px 0px 0 10px;
	margin:0 0 13px 0;
}

#mainNavigation { margin:0 0px 0px 0px; position:relative; }

#mainNavigation ul {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#mainNavigation li {
	font-size:1.2em;
	float:left;
	background:#ffcc00 url(../../images/campaignV2/mainNav_left.gif) left top no-repeat;
	margin:0px 1px 0px 0px;
	padding:0px 0px 0px 6px;
}

#mainNavigation a {
	float:left;
	display:block;
	background:url(../../images/campaignV2/mainNav_right.gif) no-repeat right top #ffcc00;
	padding:3px 15px 2px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

#mainNavigation a:hover { text-decoration:underline; }

#mainNavigation #activeNav {
	background:url(../../images/campaignV2/mainNav_left_on.gif) left top no-repeat;
	font-size:1.4em;
	background-color:#525252;
}

#mainNavigation #activeNav a {
	background:url(../../images/campaignV2/mainNav_right_on.gif) right top no-repeat;
	color:#ffffff;
	background-color:#525252;
	padding:2px 15px 3px 6px;
}


/* User Controls & Login Module
**/

#userFunctionsContainer {
	position:absolute;
	top:0;
	right:0px;
}

#userFunctionsContainerPopup {
	position:absolute;
	top:22px;
	right:0px;
}

/* Links at the top right which contain user functions and site links */
#userFunctionsLinks {
	float:left;
	width:400px;
	text-align:right;
	margin:9px 0px 0px 0px;
	font-size:1.1em;
}

#userControlLinks img { margin:0px 0px 0px 4px; }

#userFunctionsLinks p {
	margin:4px 0px 0px 0px;
	padding:0 9px 0 0;
	color:#999999;
}

#userFunctionsLinks span { color:#ffcc00; }

#userFunctionsLinks ul {
	list-style:none;
	margin:0px 0px 2px 0px;
	padding:0px;
}

#userFunctionsLinks li {
	display:inline;
	padding:0px 8px 0px 8px;
	border-right:1px solid #ffcc00;
	background: none;
}

#userFunctionsLinks li.noDivide { border:none; }

#userFunctionsLinks li a {
	color:#000000;
	text-decoration:none;
}

#userFunctionsLinks li a:hover,
#userFunctionsLinks a:hover {
	text-decoration:underline;
}

#userFunctionsLinks a {
	color:#999999;
	text-decoration:none;
}

/* Login and search modules, also on the top right of page */
#userLoginContainer {
	float:left;
	width:250px;
	text-align:right;
}

#userLogin {
	width:246px;
	padding:0px 0px 0px 2px;
	background:#525252 url(../../images/campaignV2/userFunctionsLogin_bg.gif) bottom no-repeat;
	min-height:60px;
	height:auto !important;
	height:60px;
	position:relative;xborder:1px solid red;margin-left: 6px;
}

#userLogin a { color:#ffffff; }

/* tables inside user login (with javascript) */
#userLogin table.tableWithJava {
	width:100%;
	padding:0px;
	margin:2px 0px 0px 0px;
}

#userLogin table.tableWithJava td {
	padding:3px 1px 2px 0px;
	text-align:left;
	vertical-align:middle;
}

#userLogin table.tableWithJava td.netGuardImg {
	padding:1px 3px 2px 1px;
	text-align:right;
	vertical-align:middle;
}

#userLogin table.tableWithJava td.logonButtonCell {
	width:78px;
}

/* NO JAVASCRIPT module */

#userNoScriptInfo {
	top:0;
	right:0;
	padding:2px;
	text-align:left;
	height:14px;
	color:#ffffff;
	background:url(../../images/campaignV2/userLogin_noJavaBG.gif) repeat-x;
}

.noScriptButtons {
	margin-bottom:2px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background:url(../../images/campaignV2/userLogin_noJavaBGbuttons.gif) top left repeat-x;
}

.noScriptButtons h2 {
	margin:0px 0px 0px 2px;
	padding:0px;
	color:#ffffff;
	font-weight:bold;
	font-size:1.3em;
}

.noScriptButtons table { 
	width:auto; 
	padding:0px; 
	margin:0px;
}

.noScriptButtons td { 
	text-align:left; 
	vertical-align:middle; 
	margin:0px;
	width:auto;
}

.noScriptButtons td#TDnetbank { padding:0px 0px 0px 1px; }
.noScriptButtons td#TDcommsec { padding:0px 0px 0px 6px; }
.noScriptButtons td#TDcommbiz { padding:0px 0px 0px 6px; }

/* Tab Panels
=========================================== */

.tab {
	background-color:#d7d7d7;
	color:#333333;
	cursor:pointer;
	width:80px;
	float:left;
	text-align:center;
	padding:2px 0px 2px 0px;
	border-right:2px solid #525252;
}

.tab_over {
	background-color:#e4e4e4;
	text-align:center;
}
.tab_down {
	cursor:default;
	color:#ffffff;
	background:url(../../images/campaignV2/userControl_loginOn.gif) repeat-x;
	text-align:center;
}

/* content under tabs */
.tabContent {
	clear:both;
	color:#ffffff;
	font-size:1.1em;
}

.tabContent a {
	color:#ffffff;
	text-decoration:none;
}

.tabContainer{
	
}

/* Up tab states */

#netbankLink {
	background:url(../../images/campaignV2/netbankLink.gif) top no-repeat;
	overflow:hidden;
	cursor: pointer;
}

#commsecLink {
	background:url(../../images/campaignV2/commsecLink.gif) top no-repeat;
	overflow:hidden;
	cursor: pointer;
}

#commbizLink {
	background:url(../../images/campaignV2/commbizLink.gif) top no-repeat;
	overflow:hidden;
	cursor: pointer;
}

/* Down tab states */

.tab_down #netbankLink,
.tab_down #commsecLink,
.tab_down #commbizLink {
	background-position:50% -40px;
}

/* Text replace technique */

#netbankLink h3, 
#commsecLink h3, 
#commbizLink h3 {
	margin:0px;
	padding:0px;
	font-size:11px;
}

#netbankLink,
#commsecLink,
#commbizLink {
	font-weight: normal;
	height:20px;
	color:#707070;
	margin:0px;
	padding:0px;
}

#netbankLink a,
#commsecLink a,
#commbizLink a {
	text-indent: -1000em;
	display:block;
	height:20px;
}

#netbankLink a:active,
#commsecLink a:active,
#commbizLink a:active,
#netbankLink a:focus,
#commsecLink a:focus,
#commbizLink a:focus {
}

/* Global Search */
#userSearchWrapper
{
	position:relative;
	top:9px;
	left:9px
}

#userSearchWrapper input.userSearchField
{
	float:left;
	border:1px solid #d0d0d0;
	border-right:none;
	width:228px;
	color:#000;
	font-family:Verdana;
	font-weight:700;
	font-size:1.1em;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	margin:0;
	padding:5px 0 5px 10px
}

#userSearchWrapper .userSearchButton
{
	float:left;
	width:24px;
	margin-left:-23px;
	height:25px;
	border-left:1px solid #d0d0d0;
	padding:0
}

.gsc-input input.gsc-input {
	background: none repeat scroll 0% 0% white !important;
}
	
.gsc-completion-container {
	border: 4px solid #dbdbdb !important;
	padding: 0 !important;
	margin-top: 0px;
	border-collapse: collapse !important;
	background-image: none !important;
}

.gsc-completion-container tr:nth-child(odd) td table { background-color:#f5f5f5; }
	    
.gssb_a td 
{
	white-space: normal !important;
	text-align: left;
	margin:0 !important;
	padding: 5px 3px 4px 10px !important; 
	font-weight: bold;
	font-size:1.1em;
}

.gssb_a
{
	white-space: normal !important;
	border-top: 1px solid #e7e7e7 !important;
}

.gssb_l
{
	display: none;
}

table.gsc-completion-promotion-table
{
	background-color: #ffffff !important;
}

.gsc-completion-title 
{
	COLOR: #333333 !important; 
	FONT-SIZE: 14px !important; 
	FONT-WEIGHT: bold; 	
}

.gsc-completion-snippet 
{
	PADDING-BOTTOM: 0px; 	
	color: #666666; 
	font-size: 0.7em;
}

/* IE */
.gsc-completion-selected {
	color: #ffffff !important;
	background-color: #5c5c5c !important;
	border-top: #5c5c5c !important;
}

/* non IE */
.gsc-completion-selected td table {
	color: #ffffff !important;
	background-color: #5c5c5c !important;
	border-top: #5c5c5c !important;
}

.gsc-completion-selected .gsc-completion-title 
{
	COLOR: #ffffff !important; 
	FONT-SIZE: 14px !important; 
	FONT-WEIGHT: bold; 	
}

.gsc-completion-selected .gsc-completion-snippet 
{
	PADDING-BOTTOM: 0px; 	
	color: #ffffff; 
	font-size: 0.7em;
}

.gsc-cursor-box
{
	padding-bottom:0;
	padding-top:14px;
	margin-left:auto;
	margin-right:auto;
	width:400px
}

.gsc-cursor
{
	padding-bottom:0;
	padding-left:0;
	width:332px;
	padding-right:0;
	margin:0
}

.gsc-results .gsc-cursor-page
{
	border-bottom:#d1d1d1 1px solid;
	text-align:center;
	border-left:#d1d1d1 1px solid;
	background-color:#ebebeb;
	width:23px;
	float:left;
	height:23px;
	border-top:#d1d1d1 1px solid;
	margin-right:auto;
	border-right:#d1d1d1 1px solid;
	display:block;
	font-size:1em;
	font-weight:700;
	color:#666!important;
	line-height:23px
}

.gsc-results .gsc-cursor-page.gsc-cursor-current-page
{
	border-bottom:#fff 1px solid;
	text-align:center;
	border-left:#fff 1px solid;
	background-color:#fff;
	border-top:#fff 1px solid;
	margin-right:auto;
	border-right:#fff 1px solid;
	text-decoration:none;
	line-height:23px
}

.leftArrow
{
	width:23px;
	display:block;
	background:url(../images/global/search-page-left.gif) no-repeat;
	height:23px;
	padding:0
}

.rightArrow
{
	width:23px;
	display:block;
	background:url(../images/global/search-page-right.gif) no-repeat;
	height:23px;
	padding:0
}

.gsc-control-cse
{
	font-family:Verdana, Arial, Arial Unicode MS, Helvetica, sans-serif!important;
	font-size:1.1em!important
}

.gsc-webResult.gsc-result
{
	border-bottom:#fff 1px solid;
	border-left:#fff 1px solid;
	border-top:#fff 1px solid;
	border-right:#fff 1px solid;
	width:778px;
	padding-bottom:25px!important;
	padding-left:12px!important
}

.cse .gsc-webResult.gsc-result:hover,.gsc-webResult.gsc-result:hover,.gsc-results .gsc-imageResult-classic:hover,.gsc-results .gsc-imageResult-column:hover
{
	border-bottom:#e5e5e5 1px solid;
	border-left:#e5e5e5 1px solid;
	background:url(../images/global/bg-rollover-result.gif) #ebebeb repeat-x;
	border-top:#e5e5e5 1px solid;
	border-right:#e5e5e5 1px solid;
	width:778px;
	padding-bottom:25px!important
}

.gs-result .gs-title a.gs-title
{
	padding-left:13px;
	background:url(../images/global/yellow-arrow-bg-sresult.gif) no-repeat 0 5px!important;
	color:#333!important;
	font-size:14px!important;
	font-weight:700;
	font-family:Verdana, Arial, Arial Unicode MS, Helvetica, sans-serif
}

.gs-result .gs-image-box
{
	margin-top:6px;
	margin-bottom:8px;
	padding:0 10px 0 0
}

.gs-result .gs-snippet
{
	margin-top:6px;
	margin-bottom:8px;
	color:#666;
	padding:0
}

.gs-result .gs-visibleUrl
{
	padding-left:0;
	padding-right:0;
	color:#666!important;
	text-decoration:none;
	margin-bottom:8px;
	text-align:left
}

.gs-spelling,.gs-spelling.gs-spelling-original
{
	padding-left:13px;
	color:#333!important;
	font-family:Verdana, Arial, Arial Unicode MS, Helvetica, sans-serif;
	font-size:1.1em!important
}

.gs-spelling a,.gs-spelling.gs-spelling-original a
{
	color:#333!important;
	font-family:Verdana, Arial, Arial Unicode MS, Helvetica, sans-serif;
	font-size:1.1em!important
}

.gsc-webResult.gsc-result.gsc-promotion,.gsc-webResult.gsc-result.gsc-promotion:hover
{
	border-bottom:#fff 1px solid;
	border-left:#fff 1px solid;
	border-top:#fff 1px solid;
	border-right:#fff 1px solid;
	width:790px;
	padding-bottom:25px!important;
	padding-left:0!important;
	background:url(../images/global/bg-search-result-top-promo-790.gif) no-repeat left top
}

.gs-promotion-text-cell .gs-title a.gs-title
{
	padding-left:23px;
	background:url(../images/global/yellow-arrow-bg-sresult.gif) no-repeat 10px 5px!important;
	color:#333!important;
	font-size:14px!important;
	font-weight:700;
	font-family:Verdana, Arial, Arial Unicode MS, Helvetica, sans-serif
}

.gs-promotion-text-cell .gs-snippet
{
	margin-top:6px;
	margin-bottom:8px;
	color:#666;
	padding:0 0 0 10px
}

.gs-promotion-text-cell .gs-visibleUrl
{
	padding-left:10px!important;
	padding-right:0;
	color:#666!important;
	text-decoration:none;
	margin-bottom:8px;
	text-align:left
}

.gs-promotion.gs-result
{
	border-left:#dfdfdf 1px solid;
	background-color:#f7f7f7;
	padding-left:0;
	width:788px;
	margin-top:10px;
	border-right:#dfdfdf 1px solid
}

.gs-promoBottom
{
	width:790px;
	background:url(../images/global/bg-search-result-bottom-promo-790.gif) no-repeat bottom;
	height:20px
}

.gsc-completion-promotion-table td.gs-promotion
{
	border-top:none!important;
	font-size:1em!important;
	text-align:left;
	color:#000;
	margin:0;
	padding:0!important
}

.gsc-completion-promotion-table td.gs-promotion .gs-snippet
{
	font-weight:400;
	font-size:.8em
}

#footerContainer a:hover,.gsc-completion-promotion-table td.gs-promotion a.gs-title
{
	color:#000
}

.gs-result .gs-title a.gs-title b,.gs-result .gs-title a.gs-title em
{
	color:#333!important;
	font-size:14px!important
}

td.gsc-completion-promotion,td.gsc-completion-promotion-selected
{
	background-color:#F5F5F5
}

.gssb_l,.gsc-tabsArea,.gsc-result-info,.gcsc-branding,.gsc-above-wrapper-area,#promotion-separator
{
	display:none
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important; }