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

body {
	text-align: center;
	background: #34446A url(/repository/images/template_background.jpg) repeat-y center top;
}

/* 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;
}
div.template h1 {
	float: left;
	height: 58px;
} * html div#t1 div#footer, 
  * html div#t3a div#footer,  
  * html div#t4 div#footer  {
	width: 768px; /*IE6 footer bug (footer renders too wide when exact width not specified) 
					Something to do with secondary content overflow*/
}

/**
 * T1: Template 1 
 */
/** Main elements **/
div#t1 div#mainContent {
	float: left; position: relative;
	width: 561px; margin: 0 0 10px 0;
}
div#t1 div#secondaryContent {
	float: left; position: relative;
	width: 207px; margin: 0;
} * html div#t1 div#secondaryContent {
	margin-left: -8px; display: inline; /* overflow prevention; double float margin bug */
}
		
div#t1 div#footer {
	clear: both;
}

/**
 * T2: Template 2
 */
/** Main elements **/
div#t2 div#secondaryNav {
	float: left;
	width: 155px; margin: 0 9px 0 0; min-height: 150px;
} * html div#t2 div#secondaryNav {
	height: 150px; /*min-height*/
}
div#t2 div#mainContent {
	float: left; position: relative;
	width: 437px; margin: 0 0 10px 0;
}
div#t2 div#secondaryContent {
	float: left; position: relative;
	width: 166px; margin: 0 0 10px 0;
} * html div#t2 div#secondaryContent {
	margin-left: -10px; display: inline; /* overflow prevention; double float margin bug */
}
div#t2 div#footer {
	clear: both;
}

/**
 * T3: Template 3
 */
div#t3a div#secondaryNav, 
div#t3b div#secondaryNav {
	float: left; 
	width: 155px; margin: 0 10px 25px 0; min-height: 150px;
} * html div#t2 div#secondaryNav {
	height: 150px; /*min-height*/
}
div#t3a div#footer, 
div#t3b div#footer {
	clear: both;
}
/** 3a (secondary content) **/
div#t3a div#mainContent {
	float: left; position: relative;
	width: 427px; margin: 0 10px 10px 0; padding-top: 30px;
}
div#t3a div#breadcrumb {
	position: absolute; left: 0; top: 0; width: 580px;
}
div#t3a div#secondaryContent {
	float: left; position: relative; 
	width: 166px; margin: 29px 0 10px 0; 
}
/** 3b (no secondary content) use for forms **/
div#t3b div#mainContent {
	float: left; position: relative;
	width: 603px; margin: 0 0 10px 0; padding: 0 0 0 0;
}

/**
 * T4: Template 4
 */
div#t4 div#mainContent {
	float: left; position: relative;
	width: 592px; margin: 0 10px 10px 0;
}
div#t4 div#secondaryContent {
	float: left; position: relative; 
	width: 166px; margin: 29px 0 10px 0; 
}
div#t4 div#footer {
	clear: both;	
}


/**
 * T5: Template 5
 */
div#t5 {
	padding: 10px 42px 10px 30px; width: 528px;
}
div#t5 div#mainContent {
	clear: both;
	margin: 0 0 10px 0;
}
div#t5 div#footer {
}