/**
 * Templates
 * Use this file with the CMC Markets Style Guide
 * 
 */

body {
	text-align: center;
	background: #34446A url(/repository/images/common/background.gif) repeat-y center top;
}
body {
	font-size: 0.7em; font-family:Tahoma, Arial, sans-serif; 
}	

/* hide jsp template errors */
span table {
	display: none;
}

/**
 * Applicable to all templates
 */
/** Text Styles **/
div.template {
	position: relative;
	margin: 0 auto 0 auto; padding: 10px 0 10px 0; width: 768px; 
	text-align: left;
	background-color: #ffffff; 
}

* html div#t1 div#footer, 
* html div#t1 div#t1_fullwidth_header,
* html div#t2 div#footer,
* html div#t3 div#footer  {
 	width: 768px; /*IE6 footer bug (footer renders too wide when exact width not specified) 
					Something to do with secondary content overflow*/
}

* html div#t4 div#footer {
 	width: 550px; 
}

/* ************************t1: Template 1 Main elements *************** */
div#t1 div.headerimage {		
	margin: 0 0 8px 0; 
}
div#t1 div#mainContent {
	float: left; position: relative;
	width: 552px; /*margin: 0 0 9px 0; */
}
div#t1 div#secondaryContent {
	float: right; position: relative; 
	width: 207px; margin: 0; padding: 0;
} 
div#t1 h1{
	text-indent: -5000px;
}		
div#t1 div#footer {
	clear: both;
}


div#t1 div#mainContent .hometile {
	position: relative; float: left;
	width: 274px; 
	padding-bottom: 8px;
}

div#t1 div#mainContent .hometile .tr {
	min-height: 263px;
	height: auto !important;
	height: 263px;
}

/* ************************t1: Template 1 Main elements *************** */
div#t1_fullwidth_header div.headerimage {		
	float: left; position: relative;
	width: 768px; margin: 0 0 10px 0; 
}
div#t1_fullwidth_header div#mainContent {
	float: left; position: relative;
	width: 552px; margin: 0 0 9px 0; 
}

div#t1_fullwidth_header div.headerContent{ /* used on AU homepage */
	position:absolute; left: 333px; top: 216px; 
}
div#t1_fullwidth_header div#secondaryContent {
	float: right; position: relative; 
	width: 207px; margin: 0; padding: 0; 
} 
div#t1_fullwidth_header h1{
	text-indent: -5000px;
}		  
div#t1_fullwidth_header div#footer {
	clear: both;
}


/* ************************t2: Template 2 Main elements *************** */
div#t2 div#secondaryNav {
	float: left; width: 150px; height: 550px;	
	margin: 0 0 25px 0; padding:0; display:table; 
} 
div#t2 div#headerContent {
	float: left; position: relative;
	width: 607px; margin: 0 0 13px 9px; padding:0; 
}
div#t2 div#headerimage {	
	float: left; position: relative;
	width: 455px; margin: 0 0 10px 9px; padding:0; 
}
div#t2 div#mainContent {
	float: left; position: relative; 
	width: 450px; margin: 0 0 25px 9px; padding:0;
}
div#t2 div#mainContent2 {
	float: right; position: relative;
	width: 607px; margin: 0 0 25px 9px; padding:0; 
}
div#t2 div#secondaryContent {
	float: right; position: relative;
	width: 150px; padding:0; 
}

div#t2 div#mainContent h1 {
	text-indent: -5000px;
	font-size: 0em;
}
.noheading div#rhsUtility {
	margin: 3px 0 13px 0;
}

/* ************************t3: Template 3 Main elements *************** */

div#t3 div#secondaryNav {
	float: left; width: 150px; height: 350px;	
	margin: 0 0 25px 0; padding:0; 
} 
div#t3 div#headerContent {
	float: left; position: relative;
	width: 607px; margin: 0 0 13px 9px; padding:0; 
}
div#t3 div#mainContent {
	float: left; position: relative;
	width: 446px; margin: 0 9px 25px 9px; padding:0; 
}
div#t3 div#secondaryContent {
	float: right; position: relative;
	width: 150px; padding:0; 
}



/* ************************t3_fullwidth: Template t3_fullwidth Main elements *************** */

div#t3_fullwidth  div#secondaryNav {
	float: left; width: 150px; height: 350px;	
	margin: 0 0 25px 0; padding:0; 
} 
div#t3_fullwidth  div#headerContent {
	float: left; position: relative;
	width: 607px; margin: 0 0 13px 9px; padding:0; 
}
div#t3_fullwidth div#headerimage {	
	float: left; position: relative;
	width: 607px; margin: 0 0 10px 9px; padding:0; 
}
div#t3_fullwidth  div#mainContent { 
	float: left; position: relative;
	width: 446px; margin: 0 9px 0 9px; padding:0; 
}
div#t3_fullwidth  div#mainContent2 { 
	float: right; position: relative;
	width: 607px; margin: 0 0 25px 9px; padding:0; 
}

div#t3_fullwidth div#secondaryContent {
	float: right; position: relative;
	width: 150px; padding:0; 
}



/* ************************t4: Template 4 Main elements *************** */

div#popupTemplate {
	position: relative;
	padding:0; width: 100%; 
	margin: 20px 0 0 0; 
}
div#t4 div#mainContent {
	position: relative; 
	padding:5px;
} 
div#t4 div#pageHead {
	background-color:#011545; padding: 15px 0 0 10px; height: 40px;  
}

div#t4 div#logo {
	height: 29px; width: 151px;
	/*
	text-indent: -5000px; 
	background: url(/repository/images/common/logo/cmcmarkets_t4logo.gif) no-repeat 0 0; 
	*/
	float: left; position: relative;	
}

div#t4 div#aulogo {
	height: 30px; width: 130px;
	text-indent: -5000px; 
	background: url(/repository/images/au/general/cmcmarkets_auno1_t4logo.gif) no-repeat 0 0; 
	float: left; position: relative;	
}


div#t4 div#close {
	height: 20px; width: 55px;	
	float: right; position: relative; margin: 5px 0 0 0;
}


div#t4 div.frameContent {
	padding: 10px;
}


/* ************************t_glossary: Template glossary Main elements *************** */

div#glossary div#secondaryNav {
	float: left;
	width:150px; height: 350px;
	margin: 0 0 25px 0; 
}
div#glossary div#mainContent {
	float: left; position: relative;
	width: 450px; margin: 0 0 25px 10px; 	
}
div#glossary div#rhsUtility {
	float: right; position: relative;
	width: 100px; height: 20px;
	margin: 10px 0 32px 0; padding:0;  
}
div#glossary div#secondaryContent {
	float: right; position: relative;
	width: 151px; 
}
div#glossary div.frameContent {
	float: left; position: relative;
	width: 450px; margin: 16px 0 0 0;	
}
/* ************************t5: Template 5 Main elements *************** */

div#t5 div#secondaryNav {
	float: left;
	width:150px; height: 350px;
	margin: 0 0 25px 0; 
}
div#t5 div#mainContent {
	float: left; position: relative;
	 margin: 10px 0 25px 10px;	
	 width:600px;
}
div#t5 div#rhsUtility {
	float: right; position: relative;
	width: 100px; height: 20px;
	margin: 10px 0 32px 0; padding:0; 
}

div#t5 div.frameContent {
	float: left; position: relative;
	width: 450px; margin: 16px 0 0 0;	
}

/* ************************site map: Template site map elements *************** */
div#site_map div#mainContent {
	float: left; position: relative;  
	width: 750px; margin: 0 0 25px 10px; 
}
div#site_map div#rhsUtility {
	position: absolute; top: 125px; right: 15px;
	width: 154px; height: 35px; 
	margin: -26px 0 0 0; 
}


/* ************************t_basic: Template basic Main elements *************** */
div#basic div#mainContent {
	position: absolute; top: 135px; left: 480px;
	width: 270px; margin:0; padding:0;
}
div#basic div#rhsUtility {
	position: absolute; top: 110px; left: 660px;
	width: 100px; height: 40px;
	margin: 0 ; padding:0;  
}
div#basic div#secondaryContent {
	float: right; position: relative;
	width: 151px; 
}


/* ************************t_splashCN: Template splashCN Main elements *************** */
div#t_splash div#mainContent {
	float: left; position: relative;
	width: 100%; margin: 0 0 9px 0; 
}
div#t_splash h1{
	text-indent: -5000px;
}		
div#t_splash div#footer {
	clear: both;
}


/* ************************t2_advpro: Template t2_advpro Main elements *************** */
div#t2_advpro div.secondaryNav_advPro {
	float: left; width: 150px; height: 550px;	
	margin: 0 0 25px 0; padding:0; display:table; 
} 
div#t2_advpro div#headerContent {
	float: left; position: relative;
	width: 607px; margin: 0 0 13px 9px; padding:0; 
}
div#t2_advpro div#headerimage {	
	float: left; position: relative;
	width: 607px; margin: 0 0 10px 9px; padding:0; 
}
div#t2_advpro div#mainContent {
	float: left; position: relative; 
	width: 446px; margin: 0 9px 25px 9px; padding:0;
}
div#t2_advpro div#secondaryContent {
	float: right; position: relative;
	width: 150px; padding:0; 
}

/* ************************t3_advpro: Template t3_advpro Main elements *************** */

div#t3_advpro div#secondaryNav {
	float: left; width: 150px; height: 350px;	
	margin: 0 0 25px 0; padding:0; 
} 
div#t3_advpro div#headerContent {
	float: left; position: relative;
	width: 607px; margin: 0 0 13px 9px; padding:0; 
}
div#t3_advpro div#mainContent {
	float: left; position: relative;
	width: 446px; margin: 0 9px 25px 9px; padding:0; 
}
div#t3_advpro div#secondaryContent {
	float: right; position: relative;
	width: 150px; padding:0; 
}


/* ************************t_splash: for AUS Splash page *************** */
div#t_splash {
	position: relative;
	margin: 0 auto 0 auto; padding: 5px 0 5px 0; width: 769px; 
	text-align: left;
	background-color: #ffffff;
}

div#t_splash div#splash_header {		
	float: left; position: relative;
	/*background: url(/repository/images/au/general/BlackBlueBanner_1pix.gif) repeat-x left top;*/
	width: 786px; /*height:236px;*/ margin: 0; padding:0;
	z-index:0;
}
div#t_splash div.headerimage {		
	float: left; position: relative;
	width: 100%;
	padding: 0; 
	margin: 0;
}
* html div#t_splash div.headerimage { /* for IE 6*/
	/*margin-left:5px;*/
}

div#t_splash div#mainContent {
	float: left; position: relative;
	width: 558px; margin: 3px 0 9px 0;
}
div#t_splash div#mainContent .hometile {
	position: relative; float: left;
	width: 275px; 
	padding: 0 3px 8px 0;
}
div#t_splash div#mainContent .hometile .tr {
	min-height: 247px;
	height: auto !important;
	height: 247px;
}
div#t_splash div#secondaryContent {
	float: right; position: relative; 
	width: 207px; margin: 0; /*padding-right: 9px;*/
	margin: 3px 0 0;
} 
div#t_splash div#secondaryContent #channel9tile {
	text-align: center;
	padding-top: 60px;
}
div#t_splash div#mainContentWider {
	float: left; position: relative;
	width: 786px; margin: 5px 0 9px 0; 
}
div#t_splash h1{
	text-indent: -5000px;
}		  
div#t_splash div#footer {
	clear: both;
}
div#t_splash #primaryNav {
	margin:10px 0 10px 0px;
}


.borderbox-content { padding: 10px; }
.t_RHS {background:url(/repository/images/au/general/greydot.gif) 0 0 repeat-x; width:225px;}



/* ************************awards page: for CFD Awards page *************** */
h3.globalawards {
	color: #6b93a8;
	font-size: 1.2em;
	padding-left: 6px;
}