@charset "UTF-8";
/* also uses: base.css; si-brand-mini.css */
/*_________________________________________________________________________________
		GENERAL LAYOUT AND COLUMN LAYOUT
===================================================================================*/
#page_margins { width: 1000px; margin: 0px auto; padding: 0px; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.4); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4); box-shadow: 0px 0px 4px rgba(0,0,0,.4); }
#page { padding: 0px; border-right: 1px solid #666; border-left: 1px solid #666; background-color: #fff; position: relative; }

div#header, div#main, div#footer { display: block; overflow: hidden; clear: left; }

div#main { padding: 0px 226px 0px 0px; min-height: 350px; background: #fff url("../images/shared/dmk-col2Bg.gif") repeat-y 100% 100%; }

div#main div#col1 { width: 772px; overflow: hidden; float: left; }
div#main div#col2 { width: 225px; margin: 0px -226px 0 1px; float: left; }

div#col1_content { padding: 15px 25px 15px 15px; position: relative; overflow: hidden; }
div#col2_content { padding: 15px 15px; position: relative; overflow: hidden; border-top: 1px solid #bbb; }
div#col2_content:before { content:""; display: block; height: 5px; position: absolute; top: -5px; left: -5px; right: -5px; background-color:#900; box-shadow: 0 1px 3px rgba(0,0,0,.2); }

/*_________________________________________________________________________________
		HEADER LAYOUT
===================================================================================*/
div#header { height: 80px; padding: 5px; overflow: visible; /*background: #41464b url("../images/si/dmk/headerBg-2014.png") no-repeat 100% 0%;*/ }

#header h1.siteName { width: 194px; height: 72px; background: url("../images/si/misc/logo-2015.png") no-repeat top left; background-size: contain; }
#header h1.siteName a { width: 192px; height: 70px; background: url("../images/si/misc/logo-2015.png") no-repeat top left; background-size: contain; }

#header:after { content: ""; background: url("../images/si/misc/magnolia-bg4.jpg") no-repeat; background-size: 520px auto; background-position: 0 97%; width: 50%; height: 122px; position: absolute; top: 0; right: 0; }

/*_________________________________________________________________________________
		NAV LAYOUT
===================================================================================*/
div#nav, div#nav div#nav_main { height: 64px; }

/*_________________________________________________________________________________
		BASIC STYLES
===================================================================================*/
div#main { font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13.5px; line-height: 16.5px; }

div#col1 ul { margin: 0px 0px 12px 0px; padding-left: 15px; }
div#col1 ul li { list-style: disc; margin: 0px 0px 5px 15px; }
div#col1 ol { list-style-type: decimal; padding-left: 25px; }

div#col1 table ul { padding: 0px; margin: 0px 0px 5px; }

h3 + p { margin-top: 3px; }

/*_________________________________________________________________________________
		UTILITY STYLES
===================================================================================*/
span.footnote { margin: 3px 0px 8px; padding-top: 3px; display: block; color: #666; font-size: 11px; line-height: 13px; }
.mainImage { margin: -40px 0px 15px 20px; padding: 5px 0px; position: relative; overflow: hidden; float: right; }
.figure { margin: 0px 0px 15px 20px; padding: 5px 10px; position: relative; overflow: hidden; float: right; clear: right; }
.chart { margin: 20px 0 10px; padding: 1px 0px; overflow: hidden; clear: left; }
.chart img { margin-right: 10px; float: left; }
.key { font-size: 12px; line-height: 15px; }
.chart .key { float: left; }
#col1 ul.key { list-style: none outside; margin: 0px; padding: 0px; }
#col1 .chart ul.key { padding: 32px 0 0; }
#col1 ul.key li { margin: 0 0 5px 0; overflow: hidden; list-style: none outside; }
.key .keyValue { display: -moz-inline-box; display: inline-block; text-align: right; width: 35px; margin: 0px 5px 0px 0px; float: left; }
.key .keySwatch { display: -moz-inline-box; display: inline-block; width: 15px; height: 15px; margin: 0px 5px 1px 0px; border: 1px solid #333; float: left; }
.key .keyLabel {}

/*a.button, a.button:link, a.button:visited { padding: 3px 10px; border: 1px solid #000; display: inline-block; color: #000; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,.2); cursor: pointer; background-color: #97b7ab; }
a.button:hover, a.button:focus { border-color: #333; color: #333; text-decoration: underline; background-color: #a9d3c2; }
a.button:active { color: #000; text-shadow: -1px -1px 1px rgba(0,0,0,.6); background-color: #5D776D; 0px 0px; -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.6); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.6); }
*/

div.split { margin: 5px 0px 10px; overflow: hidden; clear: both; }
div.split div.col1, div.split div.col2 { width: 351px; padding: 1px 0px; overflow: hidden; float: left; }
div.split div.col1 { margin-right: 30px; }
div.split div.col1 table, div.split div.col2 table { width: 350px; margin: 5px 1px 10px; }

div.triple { margin: 5px 0px 10px; overflow: hidden; clear: both; }
div.triple div.col1, div.triple div.col2, div.triple div.col3 { width: 234px; padding: 1px 0px; overflow: hidden; float: left; text-align: center; }
div.triple div.col1, div.triple div.col2 { margin-right: 15px; }
/*_________________________________________________________________________________
		SI 2015 Media Kit Infographic styles
===================================================================================*/
div.siInfographic { margin-top: -60px; }

/*_________________________________________________________________________________
		TABLE STYLES
===================================================================================*/
/*table { margin: 5px 0px 10px 0px; color: #000; width: 100%; border-collapse: collapse; }
table th, table td { padding: 3px 5px; text-align: left; border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; }
table th { background-color: #ccc; font-weight: bold; vertical-align: bottom; font-size: 13px; line-height: 15px; }
table tbody th { vertical-align: middle; text-align: center; }
table tfoot th { vertical-align: top; }
table td { background-color: #fff; vertical-align: middle; font-size: 12px; line-height: 14px; }
div#col1 table ul { padding: 0px; margin: 0px 0px 5px; }
div#col1 table ul li {} 
td.empty, th.empty { border: 0px; background-color: transparent; }*/

/*_________________________________________________________________________________
		COL 2 ITEMS
===================================================================================*/
/*div#quickLinks { margin: 0px -15px 0px; padding: 0px 15px 15px; border-bottom: 1px solid #ddd; }
div#quickLinks ul { list-style: none outside none; }

div#contactInfo { padding: 15px 0; overflow: hidden; }
div#contactInfo ul li { margin-bottom: 10px; overflow: hidden; clear: both; }
div#contactInfo li img { margin: 0px 0px 3px 10px; float: right; }
div#contactInfo p { margin: 0px; }
div#contactInfo h5 { margin: 0px 0px 5px; }

#col2_content div.testimonial { margin: 0px -15px 0px; padding: 10px 15px 1px; border-top: 1px solid #ddd; }
#col2_content div.testimonial p { margin: 0px 0px 10px; font-size: 12.5px; line-height: 17px;}*/

div#quickLinks { margin: 0px -15px 0px; padding: 0px 15px 15px; border-bottom: 1px solid #ddd; }
div#quickLinks ul { list-style: none outside none; }

div#contactInfo { padding: 15px 0; overflow: hidden; }
div#contactInfo ul li { margin: 5px 0; padding-top: 5px; border-top: 1px solid #ddd; overflow: hidden; clear: both; }
div#contactInfo li img { margin: 0px 10px 3px 0px; float: left; }
div#contactInfo p { margin: 0px; }
div#contactInfo h5 { margin: 0px 0px 2px; }

/* Contact forms */
div.mediaContact div.mediaContactDetail { display: none; clear: both; padding-top: 5px; }
.mediaContact fieldset div.text input { width: 175px; }
.mediaContact fieldset textarea { width: 175px; min-width: 175px; max-width: 180px; height: 100px; min-height: 50px; max-height: 300px; }
#contactInfo p.thanks_message,
#contactInfo p.error_message { margin: 5px 5px 10px; }

/*____________________________________________________________________________________________________________
		PAGE-SPECIFIC STYLES
==============================================================================================================*/
/*_________________________________________________________________________________
		HOMEPAGE 
===================================================================================*/

/*_________________________________________________________________________________
		AUDIENCE 
===================================================================================*/
#siSample div { text-align: left; }
#siSample dl { margin: 0px; }
#siSample dt { margin-top: 10px; }
#siSample dd { padding: 0px; }
#siSample dl > dt:first-child { margin-top: 0px; }

table#actionChart {}
table#actionChart td { padding: 3px 10px; border: 0px none #fff; text-align: center; }
table#actionChart td img { margin: 0px auto; float: none; }
table#actionChart td p { margin: 0px; line-height: 17px; }

table#purchases tbody tr:nth-child(2n) td { background-color: rgba(169,211,194,.3); }

/*_________________________________________________________________________________
		EDITORIAL 
===================================================================================*/
div.figure img.headshot { margin: 5px 7px 0 0; border: 1px solid #ccc; float: left; }
body#Editorial-EngagewithEditorial div.figure,
body#Editorial-EngagewithEditorial div.figure p { margin-bottom: 0px; }
div#col1 div.dmkabGroup {float: left; padding: 5px; width: 100%; }
div#col1 div.dmkabCol1 {clear: left; float: left; margin-right: 30px; width: 45%; display: inline; }
div#col1 div.dmkabCol2 {float: left; width: 45%; display: inline; }
div#dmkabWrapper img {border: 1px solid #9999999; margin-right: 5 px; margin-bottom: 30px; float: left; }



/*_________________________________________________________________________________
		ADVERTISING OPPORTUNITIES 
===================================================================================*/
table#adOps td { padding: 0px 0px 20px; border-width: 0px; vertical-align: top; }
table#adOps td.left { width: 351px; padding-right: 30px; }
table#adOps td.right { width: 351px; }

table#adOps table.adOp { margin: 0px; width: 100%; }
table#adOps table.adOp td { padding: 0px; font-size: 12px; line-height: 14px; }
table#adOps table.adOp th { padding: 0px 0px 5px 5px; border: 0px none; text-align: left; background-color: transparent; }
table#adOps table.adOp th h3 { margin: 0px; }
table#adOps table.adOp td.desc { padding: 10px 0px 0px 5px; }

table#adOps img.floatright, table#adOps img.floatleft { margin-bottom: 5px; }

/* ----- AD-OPP - MAGAZINES ----- */
table#rateCard { /*width: 377px;*/ }
table#rateCard td.rate { vertical-align: middle; text-align: center; }
table#rateCard div.group { padding: 5px; float: left;/*display: inline; display: inline-block;*/ text-align: center; }
table#rateCard div.group img { margin-bottom: 5px; }

/*_________________________________________________________________________________
		KNOWLEDGE CENTER 
===================================================================================*/
div#articleNav { margin: 10px 0px; padding: 7px; border: 1px solid #ddd; border-width: 1px 0px; overflow: hidden; background-color: #f2f2f5; }
div#articleNav ul { margin: 0px; padding: 0px; overflow: hidden; list-style: none; }
div#articleNav ul li { margin: 0px 20px 0px 0px; padding: 0px 0px 3px 0px; display: inline; float: left; }
div#articleNav ul li.first { }

div#articleNav a:link, div#articleNav a:visited { color: #5D776D; }
div#articleNav a:active, div#articleNav a:focus, div#articleNav a:hover { color: #06f; }

h2.articleTitle { margin: 10px 0px 3px; padding-top: 15px; border-top: 1px solid #ddd; }
h2.articleTitle.first {  border-top: 0px none; }

div#kcDownload { overflow: hidden; }
div#kcDownload div.figure img { -moz-box-shadow: 0px 1px 9px rgba(0,0,0,.5); -webkit-box-shadow: 0px 1px 9px rgba(0,0,0,.5); box-shadow: 0px 1px 9px rgba(0,0,0,.5); }
div#kcDownload div.inner { display: none; }
div#kcDownload fieldset.inline div.text label { width: 110px; }
div#kcDownload fieldset.inline div.text label.error { width: auto; padding-left: 125px; }