/* --------------------
Template: /siteroot/WebAssets/styles/site/content.css
Description: Site page content layout
Created: 01/10/2009 Chris Stevenson (christopher.stevenson@aihw.gov.au)
Modified: 17 Feb 2011 Andrew Smith update for corporate colours
-------------------- */

/* ektron-specific style adjustments */

ul.columnwidgetlist { 
	list-style-type: none;
	margin: 0;
	padding: 0; }
ul.columnwidgetlist li.PBItem {
    list-style-type: none;
    margin: 0;
    padding: 0; }
ul.columnwidgetlist ol {
	margin-bottom: 1em;
	padding-left: 2.0em; }
ul.columnwidgetlist ul, 
ul.columnwidgetlist ul.columnwidgetlist ul {
	list-style-type: disc;
	margin-bottom: 1em;
	padding-left: 1.5em; }

/* content */
	 
#content {
	background: #fff url(../../images/site/bar-shadow.gif) repeat-x top left; 
	float: left; 
	padding: 0 0 0.25em;
	width: 100%; }
#content-bg { 
	float: left; 
	width: 100%; }
#content-bg2 { 
	float: left; 
	width: 100%; }

#content #body1 {  }

#content #body2 {  }

#content #body3 {  }

/* breadcrumb links */

#content-breadcrumb ul {	
	float: left;
	font-size: 85%;
	list-style-type: none; 
	margin: 8px 0 0 20px;
	padding: 0 0 3px; }
#content-breadcrumb ul li { 
    background: transparent url(../../images/site/breadcrumb-triangle.gif) right center no-repeat;
	color: #006ba2;
	display: inline;
	margin: 0 5px 0 0; 
	padding: 0;
	text-transform: lowercase; }
#content-breadcrumb ul li a {
    border-color: #006ba2; 
	color: #006ba2; 
    margin: 0 15px 0 0; }

/* content utility links */

#content-utility ul { 
	float: right;
	font-size: 85%;
	list-style-type: none;
	margin: 8px 24px 0 0;
	padding: 0 0 3px;
	text-align: right; 
	width: 250px; }
#content-utility ul li {
    border-right: 1px solid #ddd; 
    display: inline;
    margin: 0;
    padding: 0;
    text-transform: lowercase; }
#content-utility ul li.share {
    border-right: 0; }
#content-utility ul li a { 
    border-color: #006ba2;
    margin: 0 7px; }
#content-utility ul li.share a {
    margin-right: 0; 
    margin-left: 3px; }
#content-utility ul li span {
    color: #006ba2; }

#banner {
	padding: 0.1em 0 1.0em;
	width: 100%; }

#banner h1 { 
	padding: 0.75em 0 0; }

#metadata ul li { 
	border: none; 
	text-transform: none; }

#metadata ul li strong { 
	text-transform: lowercase; }

#navigation { 
	border: none; }

#navigation h2, #navigation h3, #navigation p { 
	text-transform: lowercase; }

/* columns */

.colmask { 
	position: relative; /* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left; 
	width: 100%; /* width of whole page */
	overflow: hidden; /* This chops off any overhanging divs */ }

/* 3-column settings (wide middle, fixed left and right) */

.threecol {
	background: none; /* right column background colour */ }

.threecol .colmid { 
	background: none; /* center column background colour */ 
	float: left; 
	margin-left: -280px; /* right column width */ 
	position: relative; 
	right: 100%; 
	width: 200%; }

.threecol .colleft {
	background: none; /* left column background colour */ 
	float: left; 
	left: 490px; /* left column width + right column width */ 
	margin-left: -50%; 
	position: relative; 
	width: 100%; }

.threecol .col1wrap { 
	float: left; 
	position: relative; 
	right: 210px; /* left column width */ 
	width: 50%; }

.threecol .col1 { 
	left: 200%; 
	margin: 0 290px 0 220px; /* centre column padding: 
		left (left column width + centre column left padding)
		right (right column width + centre column right padding) */ 
	position: relative; 
	overflow: hidden; }

.threecol .col2 {
	float: left; 
	float: right; 
	position: relative; 
	right: 10px; /* left column right padding */ 
	width: 180px; /* left column content width (left column width - left column padding ) */ }

.threecol .col3 { 
	float: left; 
	float: right; 
	left: 50%; 
	margin-right: 50px; /* right column right padding + left column padding */ 
	position: relative; 
	width: 250px; /* right column content width (right column width - right column padding) */ }

/* 2-column settings (wide left, fixed right) */

.twocolleft {
	background: none; /* right column background colour */ }

.twocolleft .colleft { 
	background: none; /* left column background colour */ 
	float: left; 
	margin-left: -280px; /* right column width */ 
	position: relative; 
	right: 100%;  
	width: 200%; } 

.twocolleft .col1wrap { 
	float: left; 
	left: 50%; 
	position: relative; 
	width: 50%; }

.twocolleft .col1 { 
	margin: 0 10px 0 300px; /* left column padding: 
		left (right column width + left column left padding)
		right (left column right padding) */ }

.twocolleft .col2 {
	float: right; 
	left: 260px; /* (right column content width) 
		plus (right column left padding) */
	position: relative; 
	width: 250px; /* right column content width (right column width - right column padding) */ }

/* 1-column settings (full width) */

.onecol {
	background: none; /* page background colour */ }

.onecol .col1 {
	width: 97%; /* page width minus left and right padding */
	padding-left: 20px; /* column padding */ }
	
/* boxes 

contentbox: pubs
listbox: broad subjects & education
followbox: subscriptions */

.threecol .col3 .box, .twocolleft .col2 .box, 
.threecol .col3 .contentbox, .twocolleft .col2 .contentbox, 
.threecol .col3 .infobox, .twocolleft .col2 .infobox, 
.threecol .col3 .followbox, .twocolleft .col2 .followbox {
    margin: 0 0 20px;
    padding: 0;
    width: 250px; }

.threecol .col3 .boxheader, .threecol .col3 .boxbody, 
.twocolleft .col2 .boxheader, .twocolleft .col2 .boxbody {
    margin: 0;
    padding: 3px 10px 6px;
    width: 230px; }

.threecol .col2 .box, 
.threecol .col2 .contentbox, 
.threecol .col2 .infobox, 
.threecol .col2 .followbox {
    margin: 0 0 20px;
    padding: 0;
    width: 180px; }

.threecol .col2 .boxheader, .threecol .col2 .boxbody {
    margin: 0;
    padding: 3px 10px 6px;
    width: 160px; }

.threecol .col2 .box, .twocolleft .col2 .box { background: #e8e8e8; }
.threecol .col2 .box boxheader { background: transparent url(../../images/site/box-200-upper.gif) no-repeat top left; padding: 3px 10px 0; }
.threecol .col2 .box boxbody { background: transparent url(../../images/site/box-200-lower.gif) no-repeat left bottom; }

.threecol .col3 .box, .twocolleft .col2 .box { background: #e8e8e8; }
.threecol .col3 .box boxheader, .twocolleft .col2 .box .boxheader { background: transparent url(../../images/site/box-250-upper.gif) no-repeat top left; padding: 3px 10px 0; }
.threecol .col3 .box boxbody, .twocolleft .col2 .box .boxbody { background: transparent url(../../images/site/box-250-lower.gif) no-repeat left bottom; }

.threecol .col2 .infobox { background: transparent url(../../images/site/infobox-180-repeat.jpg) repeat-y; }
.threecol .col2 .infobox .boxheader { background: transparent url(../../images/site/infobox-180-upper.jpg) no-repeat top left; }
.threecol .col2 .infobox .boxbody { background: transparent url(../../images/site/infobox-180-lower.jpg) no-repeat left bottom; }

.threecol .col3 .infobox, .twocolleft .col2 .infobox { background: transparent url(../../images/site/infobox-250-repeat.gif) repeat-y; } 
.threecol .col3 .infobox .boxheader, .twocolleft .col2 .infobox .boxheader { background: transparent url(../../images/site/infobox-250-upper.jpg) no-repeat top left; }
.threecol .col3 .infobox .boxbody, .twocolleft .col2 .infobox .boxbody { background: transparent url(../../images/site/infobox-250-lower.jpg) no-repeat left bottom; }

.threecol .col3 .contentbox, .twocolleft .col2 .contentbox { background: transparent url(../../images/site/contentbox-250-repeat.gif) repeat-y; }
.threecol .col3 .contentbox .boxheader, .twocolleft .col2 .contentbox .boxheader { background: transparent url(../../images/site/contentbox-250-upper.gif) no-repeat top left; }
.threecol .col3 .contentbox .boxbody, .twocolleft .col2 .contentbox .boxbody { background: transparent url(../../images/site/contentbox-250-lower.gif) no-repeat left bottom; }    

.threecol .col2 .contentbox { background: transparent url(../../images/site/contentbox-180-repeat.gif) repeat-y; }
.threecol .col2 .contentbox .boxheader { background: transparent url(../../images/site/contentbox-180-upper.gif) no-repeat top left; }
.threecol .col2 .contentbox .boxbody { background: transparent url(../../images/site/contentbox-180-lower.gif) no-repeat left bottom; }    

.threecol .col3 .followbox, .twocolleft .col2 .followbox { background: transparent url(../../images/site/followbox-250-repeat.gif) repeat-y; } 
.threecol .col3 .followbox .boxheader, .twocolleft .col2 .followbox .boxheader { background: transparent url(../../images/site/followbox-250-upper.gif) no-repeat top left; }
.threecol .col3 .followbox .boxbody, .twocolleft .col2 .followbox .boxbody { background: transparent url(../../images/site/followbox-250-lower.jpg) no-repeat left bottom; }

.threecol .col2 .boxheader h2, 
.threecol .col3 .boxheader h2, 
.twocolleft .col2 .boxheader h2 { color: #586166; font-size: 12px; padding: 3px 0; }

.dashboard { margin: 3em 0; font-size: 85%;  }
.dashboard img {margin: 1em 0; }

.feedbox { 
	width: 99%; }

.feedbox iframe { 
	height: 175px; 
	width: 100%; } 

.media .image a { 
	border: none; }

.tabbox {
    clear: both;
	float: left; 
	width: 100%; 
	margin: 0 0 2em 0; }
	
.tabbox .tabheader {
    clear: left;
	float: left; 
	width: 100%;
	 }

.tabbox .tabcontent {
    clear: left;
	float: left;
	padding: 2em 3%; 
	width: 94%;
	border: 1px solid #005e8c;
	border-width: 0 1px 1px 1px;
	}

.tabbox .tabfooter {
    clear: left;
	float: left; 
	width: 100%; }

.rightquote { 
	border-top: 0.5em solid #ddd;
	border-left: 0.1em solid #ddd;
	color: #006ba2;
	float: right;
	margin: 0.25em 1.0em 0.5em;
	padding: 0.5em 1.0em 0.5em; }


.contentbox { position: relative;  background: #e5e5e5; margin: 1em 0; padding: 1em;}
.contentbox-topleft {position: absolute; top: 0; left: 0; z-index: 1; height: 9px; width: 9px; background: transparent url(../../images/site/contentbox-flex-lt.gif) no-repeat;}
.contentbox-botleft {position: absolute; bottom: 0; left: 0; z-index: 1; height: 9px; width: 9px; background: transparent url(../../images/site/contentbox-flex-lb.gif) no-repeat;}
.contentbox-topright {position: absolute; top: 0; right: 0; z-index: 1; height: 9px; width: 9px; background: transparent url(../../images/site/contentbox-flex-rt.gif) no-repeat;}
.contentbox-botright {position: absolute; bottom: 0; right: 0; z-index: 1; height: 9px; width: 9px; background: transparent url(../../images/site/contentbox-flex-rb.gif) no-repeat;}



/* grids */

.grid { 
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    border:0;
    width: 100%; }

.grid .gridrow {
    float: left;
    width: 100%; }

.grid .gridcol {
    float: left; }

.grid gridhead {  }

.grid .gridbody {  }

.grid .gridbody .gridrow .gridcolL { 
	float: left;
	width: 110px; }
	
.grid .gridbody .gridrow .gridcolR { 
	float: left; }
	
.grid gridfoot {  }

.jobgrid .gridcol { padding-right: 1%; width: 49%; }
.jobgrid .gridcol + .gridcol { padding-left: 1%; padding-right: 0; }

/* tables */ 

table {
	border-bottom: 1px solid #99734c;
	border-collapse: collapse; 
	border-top: 1px solid #99734c; 
	margin: 0 0 1em 0; }

caption {
	font-weight: bold;
	padding: 0.5em 0;
	text-align: left; }

th {
	border-bottom: 1px solid #99734c;
	padding: 0.2em 0.3em; 
	text-align: left;
	vertical-align: bottom; }

td  {
    padding: 0.2em 0.3em; 
    text-align: left; 
    vertical-align: top; }

tbody th { 
	border: none; 
	font-weight: normal; 
	vertical-align: top; }

tbody td {  }

tfoot td {
	text-align: right;
	font-weight: bold;
	background: #ddd; }

tbody tr.alternate td, tbody tr.alternate th {
	background: #ddd; }

tbody tr.subtotal td, tbody tr.subtotal th { 
	font-style: italic; }

tbody tr.total td, tbody tr.total th { 
	font-weight: bold; }

.data th, .supp th { padding: 0.2em 0.5em 0.3em; }
.data td, .supp td { padding: 0 0.5em 0; text-align: center; }

td.bottom, th.bottom, td.lb, td.cb, td.rb { vertical-align: bottom; }
td.centre, th.centre, td.ct, td.cm, td.cb { text-align: center; }
td.left, th.left, td.lt, td.lm, td.lb { text-align: left; }
td.middle, th.middle, td.lm, td.cm, td.rm { vertical-align: middle; }
td.right, th.right, td.rt, td.rm, td.rb { text-align: right; }
td.top, th.top, td.lt, td.ct, td.rt { vertical-align: top; }

.zebra {}
.zebra thead th {background-color: #f7ebdf;}
.zebra tbody tr:nth-child(2n) td, .zebra tbody tr:nth-child(2n) th {background-color: #f7ebdf;}

table.zebra{border-collapse: collapse; width:100%;}
table.zebra tbody td{text-align: right;}
table.zebra thead th{text-align: right;}

table.zebra thead th.center{text-align: center;}
table.zebra thead th.left{text-align: left;}

table.zebra tbody tr th, table.zebra tbody tr td {border-top: #ebdaca 1px solid;}
table.zebra tbody tr: first-child th, table.zebra tbody tr:first-child td {border-top: 0;}

table.zebra-left {width: 100%;}
table.zebra-left thead th {background-color: #f7ebdf;}
table.zebra-left tbody tr:nth-child(2n) td, table.zebra-left tbody tr:nth-child(2n) th {background-color: #f7ebdf;}
table.zebra-left tbody td {text-align: left;}
table.zebra-left thead th {text-align: left; }

table.zebra-left thead th.center {text-align: center;}
table.zebra-left thead th.left {text-align: left;}

table.zebra-left tbody tr th, table.zebra-left tbody tr td {border-top: #ebdaca 1px solid;}
table.zebra-left tbody tr:first-child th, table.zebra-left tbody tr:first-child td {border-top: 0;}

.fatzebra {}
.fatzebra thead th {background-color: #f7ebdf;}
.fatzebra tbody tr:nth-child(4n+4) td, .fatzebra tbody tr:nth-child(4n+4) th {background-color: #f7ebdf;}
.fatzebra tbody tr:nth-child(4n+3) td, .fatzebra tbody tr:nth-child(4n+3) th {background-color: #f7ebdf;}

#joblist {width: 100%;}
#joblist td {padding: 0.5em 0.5em 0.75em;}

/* forms */

.contactform {  }

.contactform fieldset { 
    border: none; 
    margin: 0; 
    float:left;
    width: 100%;}

.contactform fieldset legend { 
    color: #5f6466; 
    font-weight: bold; 
    margin: 0 0 0.5em -1.25%; }

.contactform div { 
    float: left; 
    padding: 0 0 0.2em; 
    width: 100%; }

.contactform label { 
    display: block;
    float: left; 
    width: 25%; }

.contactform select {
    width: 304px; }

.contactform textarea {
    width: 299px; }

.contactform .your-enquiry input, .contactform .your-details input {
    width: 299px; }
    
 .contactform .submit{ 
     padding-left:26.25%; }         

.contactform .submit input { 
    background-color: #005e8c; 
    border: 1px solid #005e8c; 
    color: #FFF; 
	cursor: pointer; 
	font-weight: bold; 
    margin: 0 0 0.5em;
	text-transform: lowercase; }

.contactform ul, .contactform ul li, .contactform li label { 
    display: inline; 
    float: none; 
    margin-left: 0; 
    padding-left: 0; }

.contactform .required .warning { 
    color: #cc0000; }

.contactform .other {
     display: none; }
     

.emailform {  } 

.emailform h2 { 
	background: transparent url(../../images/site/icons/email-50-blue.gif) no-repeat 0 100%; 
	color: #0A6898; 
	padding-left: 50px; 
	text-transform: lowercase; }

.emailform fieldset { 
	border: none; 
	display: inline; 
	float: right; 
	margin: 0;
	padding: 0; 
	white-space: nowrap; 
	width: 100%; }

.emailform .email, .emailform .submit { 
	display: inline; }

.emailform .email input { 
	width: 76%; }

.emailform .submit input { 
    background-color: #005e8c; 
    border: 1px solid #005e8c; 
    color: white; 
	 cursor: pointer; 
	 font-weight: bold; 
	 text-transform: lowercase; 
	 width: 20%; }

.emailform legend, .emailform label { 
	display: none; }

#subscriptionForm {
    margin-bottom: 35px;
    width: 100%; }

#subscriptionForm .inputSet {
    width:550px;
    margin-bottom: 5px; }

#subscriptionForm .inputSet .boldLabel {
    display:block;
    float:left;
    width:200px; 
    font-weight: bold; }

#subscriptionForm .checkboxContainer {
    width:400px;
    margin-bottom: 5px;
    margin-left:200px; }

#subscriptionForm .subCheckBox {
    width: 185px;
    display: block;
    float:left; }

#subscriptionForm .subButton {
	position: absolute;
	height: 25px;
	background-color: #005e8c; 
	border: 1px solid #005e8c; 
	color: white; 
	cursor: pointer; 
	font-weight: bold; 
	text-transform: lowercase; 
	width: 150px; }

#subscriptionForm .required .warning { 
    color: #cc0000; }
    
#subscriptionForm .other {
     display: none; }

.orderform {  }

.orderform h2 { 
	font-size: 1.0em; }

.orderform fieldset { 
	border: none; }

.orderform legend, .orderform label {
	display: none; }

.orderform .quantity input { 
	text-align: center; }

.orderform .submit input { 
    background-color: #005e8c; 
    border: 1px solid #005e8c; 
    color: white; 
	 cursor: pointer; 
	 font-weight: bold; 
	 text-transform: lowercase; }
 
/* lists */

.boxlist ul   {
    list-style-type: none !important;
    background: #f4f4f4;
    margin: 0 -2px !important;
    padding: 0 !important; }

.boxlist ul li {
    margin: 0 2px;
    padding: 0; }

.boxlist ul li a  {
    border: none;
    border-top: 1px solid #eee;
    display: block;
    margin: 0;
    padding: 6px; }

.boxlist ul li ul li ul li {
    margin: 0;
    padding-left: 1.5em; }

.boxlist ul li a:hover {
    background: #fff;
    text-decoration: underline; }

.boxlist ul li.parent span {
    background: url(../../images/site/triangle-leader-grey.gif) no-repeat center right; 
    padding-right: 16px; }

.boxlist ul li.current > a {
    background: #fff;
    border-left: 8px solid #fff;
    border-top: 1px solid #eee;
    color: #8c7000;
    font-weight: bold;
    margin: 0 0 0 -16px;
    padding: 6px 8px 6px 14px; }

.boxlist ul li.current > a > span {
    background: url(../../images/site/triangle-leader-grey.gif) no-repeat center right;
    padding-right: 16px; }

.boxlist ul li.current > span {
    background: #fff;
    border-left: 8px solid #fff;
    border-top: 1px solid #eee;
    color: #804000;
    display: block;
    font-weight: bold;
    margin: 0 0 0 -16px;
    padding: 6px 8px 6px 14px; }

.boxlist ul li.child span {
    background: url(../../images/site/square-leader-grey.gif) no-repeat left 0.55em;
    padding-left: 16px;
    margin-left: 12px;
    display: block;
    line-height: 1.3em; }

.infolist ul   {
    list-style-type: none !important; 
    margin: 3px -10px 6px !important; 
    padding: 0 !important; }

.infolist ul li  {
    margin: 0; 
    padding: 0; }

.infolist ul li a  {
    border: none; 
    color: #fff; 
    display: block; 
    margin: 0 4px; 
    padding: 6px; }

.infolist ul li.square-leader a  {
    background: transparent url(../../images/site/square-leader.gif) 6px center no-repeat; 
    padding-left: 30px; }

.infolist ul li a:hover  {
    background-color: #944a8a; 
    text-decoration: underline; }

.threecol .col3 .infolist ul li a:hover  {
    background-color: #517a31; }

.followlist ul  {
    list-style-type: none !important; 
    margin: 3px -10px 6px !important; 
    padding: 0 !important; }

.followlist ul li  {
    margin: 0; 
    padding: 0; }

.followlist ul li a  {
    border: none; 
    color: #fff; 
    display: block; 
    margin: 0 4px; 
    padding: 12px 6px 12px 40px; }

.followlist ul li.email a  {
    background: transparent url(../../images/site/icons/email-28.gif) 6px center no-repeat; }

.followlist ul li.feed a  {
    background: transparent url(../../images/site/icons/feed-28.gif) 6px center no-repeat; }

.followlist ul li.twitter a  {
    background: transparent url(../../images/site/icons/twitter-28.gif) 6px center no-repeat; }

.followlist ul li a:hover  {
    background-color: #00aad9; 
    text-decoration: underline; }

.collectionlist ul , .collectionlist dl  {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0; }

.collectionlist ul ul, .collectionlist dl dl  {
	margin: 0; }

.navlist ul  { 
	list-style-type: none; 
	margin: 0 0 1em 0; 
	padding: 0; }

.navlist ul ul  { 
	margin: 0; }

.navlist ul li  { 
	background: transparent url(../../images/site/icons/disc-blue-25p.gif) no-repeat 0 0.45em;
	padding: 2px 0 2px 20px; 
	text-transform: lowercase; }

.publist  { 
	margin: 0 0 2.0em 0; }

.publist ul  {
    list-style-type: none !important; 
    margin: 3px 0 6px !important; 
    padding: 0 !important; }

.publist .utility  { 
	text-align: center; }

.pubitem  { 
	margin: 0 0 2.0em 0; 
	min-height: 110px; }

.pubitem .pubheader  { 
	margin-left: 86px; }

.pubitem .pubheader h2 img  { 
	border: 1px solid #ddd; 
	float: left; 
	height: 105px;
	margin-left: -86px;
	width: 74px; }

.pubitem .pubheader .utility  { 
	text-align: left; }

.pubitem .pubheader .utility ul li  { 
	border: none;
	padding-left: 0;
	text-transform: none; }

.pubitem .pubheader .utility ul li strong  { 
	text-transform: lowercase; }

.pubitem .pubcontent  { 
	margin-left: 86px; }

.pubitem .pubfooter  { 
	margin-left: 86px; }

.tablist  { 
	background: #e3e5e6 url(../../images/site/tab-line-cb.jpg) repeat-x bottom;
	position: relative; 
	padding: 0;
	margin: 0;
	width: 99%;
	border: 1px solid #e3e5e6;
	border-width: 0 1px; }

.tablist ul  { 
	float: left;
	list-style-type: none;
	margin: 0 !important;
	padding: 0.75em 2.5% 0; }

.tablist li  { 
	background: transparent url(../../images/site/tab-solid-rt.jpg) no-repeat right top;
	list-style-type: none; 
	float: left;
	margin: 0;
	padding: 0; }

.tablist a  { 
	border: none;
	float: left; 
	margin: 0; 
	padding: 0; }

.tablist span  {
	background: transparent url(../../images/site/tab-solid-lt.jpg) no-repeat left top;
	color: #FFF;
	display: block; 
	padding: 5px 18px 3px; 
	text-transform: lowercase; }

.tablist li.current-child  { 
	background-image: url(../../images/site/tab-stroke-rt.jpg); }

.tablist li.current-child span  { 
	background-image: url(../../images/site/tab-stroke-lt.jpg); 
	color: #005e8c; 
	font-weight: bold;
	padding-bottom: 4px; }

.ratingBox {
    clear: both;
    background-color: #fff2bd;
    padding: 1em;
    margin: 1em 0px; }

/* selectable editor styles, cf. ~/Default.css */

.caption200bl
{
    background:#e3e5e6;
    clear:left;
    float:left;
    margin:0 10px 5px 5px;
    padding:5px;
    width:190px;
}

.caption200br
{
    background:#e3e5e6;
    clear:right;
    float:right;
    margin:0 5px 5px 10px;
    padding:5px;
    width:190px;
}

.caption200ml
{
    background:#e3e5e6;
    clear:left;
    float:left;
    margin:0 10px 0 5px;
    padding:5px;
    width:190px;
}

.caption200mr
{
    background:#e3e5e6;
    clear:right;
    float:right;
    margin:0 5px 0 10px;
    padding:5px;
    width:190px;
}

.caption200tl
{
    background:#e3e5e6;
    clear:left;
    float:left;
    margin:5px 10px 0 5px;
    padding:5px;
    width:190px;
}

.caption200tr
{
    background:#e3e5e6;
    clear:right;
    float:right;
    margin:5px 5px 0 10px;
    padding:5px;
    width:190px;
}

.caption400bl
{
    background:#e3e5e6;
    clear:left;
    float:left;
    margin:0 10px 5px 5px;
    padding:5px;
    width:390px;
}

.caption400br
{
    background:#e3e5e6;
    clear:right;
    float:right;
    margin:0 5px 5px 10px;
    padding:5px;
    width:390px;
}

.caption400ml
{
    background:#e3e5e6;
    clear:left;
    float:left;
    margin:0 10px 0 5px;
    padding:5px;
    width:390px;
}

.caption400mr
{
    background:#e3e5e6;
    clear:right;
    float:right;
    margin:0 5px 0 10px;
    padding:5px;
    width:390px;
}

.caption400tl
{
    background:#e3e5e6;
    clear:left;
    float:left;
    margin:5px 10px 0 5px;
    padding:5px;
    width:390px;
}

.caption400tr
{
    background:#e3e5e6;
    clear:right;
    float:right;
    margin:5px 5px 0 10px;
    padding:5px;
    width:390px;
}

.caption600bl
{
    background:#e3e5e6;
    clear:left;
    margin:0 10px 5px 5px;
    padding:5px;
    width:590px;
}

.caption600ml
{
    background:#e3e5e6;
    clear:left;
    margin:0 10px 0 5px;
    padding:5px;
    width:590px;
}

.caption600tl
{
    background:#e3e5e6;
    clear:left;
    margin:5px 10px 0 5px;
    padding:5px;
    width:590px;
}

.image200bl
{
    clear:left;
    float:left;
    margin:0 10px 5px 5px;
    padding:0;
    width:200px;                                        
}

.image200br
{
    clear:right;
    float:right;
    margin:0 5px 5px 10px;
    padding:0;
    width:200px;
}

.image200tl
{
    clear:left;
    float:left;
    margin:5px 10px 0 5px;
    padding:0;
    width:200px;
}

.image200tr  
{
    clear:right;
    float:right;
    margin:5px 5px 0 10px;
    padding:0;
    width:200px;
}

.image400bl
{
    clear:left;
    float:left;
    margin:0 10px 5px 5px;
    padding:0;
    width:400px;
}

.image400br
{
    clear:right;
    float:right;
    margin:0 5px 5px 10px;
    padding:0;
    width:400px;
}

.image400tl
{
    clear:left;
    float:left;
    margin:5px 10px 0 5px;
    padding:0;
    width:400px;
}

.image400tr
{
    clear:right;
    float:right;
    margin:5px 5px 0 10px;
    padding:0;
    width:400px;
}

.image600bl
{
    clear:left;
    margin:0 10px 5px 5px;
    padding:0;
    width:600px;
}

.image600tl
{
    clear:left;
    margin:5px 10px 0 5px;
    padding:0;
    width:600px;
}

.image200tl img,
.image200tr img,
.image200bl img,
.image200br img
{
    width: 200px;
}

.image400tl img,
.image400tr img,
.image400bl img,
.image400br img
{
    width: 400px;
}

.image600tl img,
.image600bl img
{
    width: 600px;
}

.teaser-heading
{
    font-size:1em;
    font-weight:bold;
    margin:0 0 0.5em;
}

.teaser-text
{
    font-size: 1em;
    margin:0 0 1em;
}

/* icons */

a.external { 
	background: transparent url(../../images/site/icons/link-external.gif) no-repeat 100% 100%; 
	padding-right: 20px; }
	
/* .email { 
	background: transparent url(../../images/site/icons/email.gif) no-repeat 100%  100%;
	padding-right: 20px; }

.facebook { 
	background: transparent url(../../images/site/icons/facebook.gif) no-repeat 100%  100%; 
	padding-right: 20px; }

.feed { 
	background: transparent url(../../images/site/icons/feed.gif) no-repeat 100% 100%; 
	padding-right: 20px; }

.twitter { 
	background: transparent url(../../images/site/icons/twitter.gif) no-repeat 100% 100%; 
	padding-right: 20px; } */


/* other blocks */

.cognosframe, .iframe {
    border: none; 
    height: 100%; 
    min-height: 500px; 
    min-width: 600px; 
    width: 100%; }

.features {  }

.features h3 img { 
	float: left;
	margin: 0 12px 0 0; }

.figure-box {
	border: 1px solid silver; 
	padding: 20px 20px 10px 20px;
	margin: 10px 0px; }

.figure-box img {
	margin: 10px 0px; }

.w020pc { width: 20%; }
.w025pc { width: 25%; }
.w030pc { width: 30%; }
.w050pc { width: 50%; }
.w075pc { width: 75%; }
.w080pc { width: 80%; }
.w100pc { width: 100%; }

/* download box */

div.download-container {
    float: right; 
    width: 100px;
    margin: 0 0 1em 2em;
    padding: 0; 
    border: 1px solid #99734c;
    border-width: 1px 0; }
          
.download-container p {
    font-size: 85%;
    text-align: center;
    font-weight: bold; }
 
.download-container p.shade {
    background-color: #e3e5e6;
    padding-bottom: 0.25em; }

/* other text */

.teaser-heading
{
	color: #804000;
    font-size: 1.0em;
    font-weight: bold;
    margin: 0 0 .25em;
}

.teaser-text
{   font-size: 1.0em;
    margin: 0 0 1.0em;
}

.error { 
	color: #F00;
	font-weight: bold; }

.hide { 
	display: none; }

.note { 
	font-size: 85%; }

.samesize h1, .samesize h2, .samesize h3, .samesize h4  { 
	font-size: 1em; }

.summary { 
	color: #0A6898;
	font-weight: bold; }

.warning { 
	color: #7b1f6f;
	font-weight: bold;
	font-style: italic; }
	
a.square-leader  
{
    background: transparent url(../../images/site/square-leader.gif) 6px center no-repeat; 
    padding-left: 18px; 
}

.bold {font-weight: bold;}

/* template-specific style adjustments */

.smc-hpt .threecol .col2 {
    margin-top: 0.6em; }
.smc-hpt .threecol .col3 {
	margin-top: 3.05em; }
.smc-dt .twocolleft .col2 {
    margin-top: 1.05em; }


