/*Template CSS file */
/* -----------------------------------------
	GENERICS [Generic type, .classes, etc]
----------------------------------------- */
html {
	min-height: 100%;
 	height: auto;
	overflow-y: scroll;
}
* html body {
	text-align: center;
	}
body { 
	font-size: 62.5%;
	color:#666666;
	margin:0;
	background:#ffffff;}

/* -----------------------------------------
	UI GRID
----------------------------------------- */	
.ui-container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 864px;
	padding: 0;
	text-align: left;
	}

.ui-grid1,
.ui-grid2,
.ui-grid3,
.ui-grid4 {
	position: relative;
	display: inline;
	float: left;
}
.ui-grid1{width:124px;}
.ui-grid2{width:360px;margin:0 10px;}
.ui-grid3{width:484px;margin:0 0 0 10px;}
.ui-grid4{width:484px;margin:0 10px 0 0;}
	
/* -----------------------------------------
	GENERIC FIXES [fixes clearing issues with floats]
	http://www.positioniseverything.net/easyclearing.html
----------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {clear:both;}

/* -----------------------------------------
	TYPOGRAPHY
----------------------------------------- */
div{
	font-size: 1em; /* 10px */
	font-family: Arial, sans-serif;} 
p, dl, td, th, li, pre, code, kbd, samp, pre, tt, input, textarea{
	font-size: 11px; /* 11px */
	font-family: Arial, sans-serif;
}


/* -----------------------------------------
	HEADERS
----------------------------------------- */
h1, h2, h3, h4, h5, h6{
	font-family: Arial, sans-serif;
	font-weight: bold;
}
h1{font-size: 3.6em;font-weight:normal;}
h2{font-size: 2.8em;font-weight:normal;}
h3{font-size: 1.4em;}
h4{font-size: 1.3em;margin:1em 0;}
h5{font-size: 1.3em;margin:10px 0 -0.5em 0}
h6{font-size: 1.2em;}

table h5 {
	font-size:12px;
	margin-top:0; }

table p {
	margin-bottom:10px; }

table {
	margin-bottom:0px; }

/* -----------------------------------------
	LINKS
----------------------------------------- */
a:link,
a:visited,
a:hover,
a:active{
	color: #0070f0;
	text-decoration: none;
}
a:hover,
a:active{color: #0070f0; text-decoration: underline; }

/* -----------------------------------------
	COLUMNS
----------------------------------------- */
.column1,
.column2 {
	position: relative;
	display: inline;
	float: left;}
.column1 {
	width:628px;
	margin:0 10px;}
.column2 {
	width:206px;
	margin:0 10px 0 0;}

/* -----------------------------------------
	HEADER
----------------------------------------- */
#header {
	position:relative;
	margin:0;
	padding:0;
	height:105px;
	background:transparent url('../img/intelligenttrading.gif') no-repeat right bottom;
	overflow:hidden;
	}
#header h1 {
	position:absolute;
	top:15px;
	left:0;
	width: 215px; 
	height: 86px; 
	text-indent: -9999px;
	margin:0;
	padding:0;
	background:transparent url('../img/actantlogo.gif') no-repeat 0 0;
	}
#header h1 a {
   display: block;
   width: 100%;
   height: 100%;
   outline:none;
   }
  
/* -----------------------------------------
	TOP
----------------------------------------- */  
#top {
	position:absolute;
	top:0;
	right:10px;
	width:206px;
	height:25px;
	background:#107cc8;
	}
#top ul {
	position:relative;
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-position: inside;
	}
#top ul li {
	margin:0;
	padding:4px 0 0 0;
	list-style-type: none;
	list-style-position: inside;
	float: left;
	display: inline;}
#top ul li a {
	color:#ffffff;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	background:transparent url('../img/top_bullet.gif') no-repeat 0 4px;
	}



/* -----------------------------------------
	BREADCRUMB
----------------------------------------- */



/* -----------------------------------------
	CONTENT
----------------------------------------- */
#content-1 {
	position:relative;
	margin:0;
	background:transparent url('../img/swirl_grey.gif') no-repeat left bottom;
	min-height:400px;}
#content-1 p {
	margin:1em 0;
	padding:0;
	line-height:1.4em;}
#content-1 ul {
	margin:1em 0;
	padding:0;
	list-style-type: none;}
#content-1 ul li {
	margin:0.5em 0;
	padding:0 1.5em;
	line-height:1.4em;
	font-weight:bold;
	list-style-type: none;
	background:transparent url('../img/bullet.gif') no-repeat 0 4px;}
#content-1 ol {
	margin:1em;
	padding:0;}
#content-1 ol li {
	margin:0.5em 1em;
	padding:0 0.5em;
	line-height:1.4em;
	font-weight:bold;}
#content-1 p.closeup {
	margin:0 0 2em 0;
	font-size:1em;}

#content-2 {
	position:relative;
	margin:0;}
#content-2 p {
	color:#4b4b4b;}
	
#main {
	min-height:320px; 
	height:auto;}
/* for Internet Explorer */
/*\*/
* html #main {
height:320px;
}
/**/


/* Page Headers */
div.pageheader {
	margin:0;
	padding:0 10px;
	height:50px;
	overflow:hidden;
	background:#d3e6fc;}
div.pageheader h2 {
	margin:10px 0 0 0;
	color:#0070f0;}

/* Panels */
div.panelouter {
	margin:0;
	padding:0;}
div.panelouter h3 {
	margin:0 -10px;
	padding:0 48px 0 10px;
	font-size: 1.2em;
	line-height:22px;
	height:22px;
	overflow:hidden;
	color:#ffffff;
	border-bottom:1px solid #ffffff;}
div.panelouter h3 span {font-weight:normal;}
div.panelouter h3.lrg {padding:3px 48px 3px 10px !important; background-position: right 8px !important;}
div.panelinner {
	margin:0;
	padding:0 10px;}
div.panelspacer {height:10px;overflow:hidden;}
/* Panel colours */
div.panelgreen h3 {background:#00b054 url('../img/endcap_green.gif') no-repeat right 6px;}
div.panelblue h3 {background:#0070f0 url('../img/endcap_blue.gif') no-repeat right 6px;}
div.paneldkblue h3 {background:#107cc8 url('../img/endcap_dkblue.gif') no-repeat right 6px;}
div.panelgrey h3 {background:#9a8c97 url('../img/endcap_grey.gif') no-repeat right 6px;}
div.panelgreen {background:#ccefdd;}
div.panelblue {background:#0070f0;}
div.paneldkblue {background:#91c3e7;}
div.panelgrey {background:#cccccc;}
	
/* Homepage */
#home #pageheader {
	margin:0;
	height:240px;
	overflow:hidden;}
#home #content-1 {
	margin:10px 0 0 0;
	height:175px;
	overflow:hidden;
	background:#ccefdd url('../img/panelswirl_ltgreen.gif') no-repeat right bottom;}
#home #view {
	margin:0 0 10px 0;
	height:269px;
	overflow:hidden;}
#home #share {
	height:175px;
	overflow:hidden;}

/* Management */
div.management {
	margin:0 0 1em 0;
	padding:0;}
div.management div.photo {
	padding:1em 0;
	display:inline;
	float:left;
	width:100px;}
div.management div.bio {
	display:inline;
	float:left;
	width:380px;}
	
/* Products */
#actantquote div.pageheader {background:#fce6ce;}
#actantquote div.pageheader span,
#actantquote h5 {color:#f07f00;}

#actantrisk div.pageheader {background:#fccedd;}
#actantrisk div.pageheader span,
#actantrisk h5 {color:#f00050;}

#actantexstream div.pageheader {background:#ccefdd;}
#actantexstream div.pageheader span,
#actantexstream h5 {color:#00b054;}

/* Connectivity */ 
table.connectivity {width:100%;}
table.connectivity th,
table.connectivity td {
	padding:0.5em;
	vertical-align:top;
	width:50%;
	line-height:1.4em;
	text-align:left;}
table.connectivity th {
	color:#333;
	background:#d3e6fc;}

/* -----------------------------------------
	MENU
----------------------------------------- */  
#menu {
	position:relative;
	margin:0;
	background:#0070f0;
	border-bottom:1px solid #ffffff;}
#menu ul {
	position:relative;
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-position: inside;
	height:28px;
	background:transparent url('../img/endcap_blue.gif') no-repeat right 8px;
	}
#menu ul li {
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-position: inside;
	float: left;
	display: inline;
	font-size:1.2em;}
#menu ul li a {
	color:#ffffff;
	margin:0 0 0 12px;
	padding:0 0 0 12px;
	line-height:28px;
	background:transparent url('../img/menu_bullet.gif') no-repeat 0 4px;
	outline:none;
	}
#home #menuhome a,
#about #menuabout a,
#products #menuproducts a,
#services #menuservices a,
#innovation #menuinnovation a,
#inside #menuinside a,
#news #menunews a {
	color:#8fc4e9;
	background:transparent url('../img/menu_bullet_sel.gif') no-repeat 0 5px;}
/* Level 2 */
ul#menu_lvl2 {
	position:relative;
	margin:1em 0 5em 0;
	padding:0;
	list-style-type: none;
	list-style-position: inside;}
ul#menu_lvl2 li {
	margin:0.5em 0;
	padding:0;
	list-style-type: none;
	list-style-position: inside;
	background:none;}
ul#menu_lvl2 li a {
	display:block;
	padding:0;
	padding-left:9px;
	background:transparent url('../img/menu_lvl2_bullet.gif') no-repeat 0 5px;
	outline:none;
	}
ul#menu_lvl2 li a.selected {
	color:#9a8c97;
	background:transparent url('../img/bullet.gif') no-repeat 0 5px;}
	
/* -----------------------------------------
	TABS
----------------------------------------- */  
.ui-tabs { position: relative; padding: .2em; /*zoom: 1;*/ } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs-panel {
	border:1px solid #0070f0;}
.ui-tabs ul {
	position:relative;
	margin:0 !important;
	padding:0 !important;
	list-style-type: none !important;
	list-style-position: inside !important;
	}
.ui-tabs ul li {
	margin:0 !important;
	padding:0 !important;
	list-style-type: none !important;
	list-style-position: inside !important;
	float: left;
	display: inline;
	background:none !important;
	}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs ul li a {
	display:block;
	margin:0 2px 0 0;
	padding:5px;
	width:90px;
	outline:none;
	text-align:center;}
/*.ui-tabs ul li a#two {padding-left:5px;border-left:1px solid #d3d2d2;}*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a#one,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a#two,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a#three,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a#four {
	background:#0070f0;
	color:#fff;}
.ui-tabs .ui-tabs-hide { display: none !important; }


/* -----------------------------------------
	FOOTER
----------------------------------------- */
div.footer {
	position:relative;
	margin:1px 0 0 0;
	padding:0;
	color:#9a8c97;
	clear:both;
	}
div.footer p {
	padding:5px 10px;
	font-size:1.1em;
}
div.footer ul {
	position:relative;
	display:inline;
	float:right;
	margin:0;
	padding:5px 10px;
	list-style-type: none;
	list-style-position: inside;
	font-size:1em;
	}
div.footer ul li {
	margin:0;
	padding:0;
	list-style-type: none;
	list-style-position: inside;
	float: left;
	display: inline;}
div.footer ul li a {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	}
div.footer ul li a:hover {}
#footerleft p {
	position:relative;
	display:inline;
	float:left;}
#footerleft {border-top:2px solid #00b054;}
#footerright {border-top:2px solid #9a8c97;text-align:right;}


/* -----------------------------------------
	LUKE UPDATES
----------------------------------------- */ 

/*RHS menu items */
select {
	width:155px; }

#view {
	font-size:11px; }

#view div.panelinner {
	min-height:120px; }

#view .subHeading {
	font-size:12px;	
	margin:5px 0 5px 0;
}

#view .divider {
	height:1px;
	min-height:1px;
	border-bottom:1px solid #fff;
	margin:10px 0 10px 0;
}

#view .rhsSelect {
	margin:5px 0 5px 0; }
	
#view .rhsLeftFloat {
	width:150px;
	height:20px;
	min-height:20px;
	float:left; }
	
	
#view .rhsRightFloat {
	width:20px;
	height:20px;
	min-height:20px;
	float:right; }

#share {
	font-size:11px;
	min-height:180px; }

#share div.panelinner {
	min-height:170px; }

#share .subHeading {
	font-size:12px;	
	margin:5px 0 5px 0;
}

#share .divider {
	height:1px;
	min-height:1px;
	border-bottom:1px solid #fff;
	margin:10px 0 10px 0;
}

#share .rhsSelect {
	margin:5px 0 5px 0; }
	
#share .rhsLeftFloat {
	width:150px;
	height:20px;
	min-height:20px;
	float:left; }
	
	
#share .rhsRightFloat {
	width:20px;
	height:20px;
	min-height:20px;
	float:right; }

.downloadBox {
	font-size:12px; }
	
.downloadBox .downloadImg {
	text-align:right;
	margin:10px 0 0 0; }
	
.downloadCopy {
	font-size:11px;
	padding:5px 0 10px 0; }