/* Webinars Page Style */

.emailcss #outlook a { 
padding:0; 
} 

.emailcss body{
background: #f5f5f5;
width:100% !important; 
min-width: 100%;
-webkit-text-size-adjust:100%; 
-ms-text-size-adjust:100%; 
margin:0; 
padding:0;
}

.emailcss .four tbody tr td a img {
margin: 32px auto 24px;
}

.emailcss .ExternalClass { 
width:100%;
} 

.emailcss .ExternalClass, 
.emailcss .ExternalClass p, 
.emailcss .ExternalClass span, 
.emailcss .ExternalClass font, 
.emailcss .ExternalClass td, 
.emailcss .ExternalClass div { 
line-height: 100%; 
} 

.emailcss #backgroundTable { 
margin:0; 
padding:0; 
width:100% !important; 
line-height: 100% !important; 
}

.emailcss img { 
outline:none; 
text-decoration:none; 
-ms-interpolation-mode: bicubic;
width: auto;
max-width: 100%; 
float: left; 
clear: both; 
display: block;
}

.emailcss center {
width: 100%;
min-width: 580px;
}

.emailcss img.alignleft {
padding-right: 10px;
}

.emailcss a img { 
border: none;
}

.emailcss p {
margin: 0 0 0 10px;
}

.emailcss table {
border-spacing: 0;
border-collapse: collapse;
margin-bottom: 0px;
}

.emailcss table, .emailcss tr, .emailcss td {
padding: 0;
vertical-align: top;
text-align: left;
}

.emailcss hr {
color: #c2d987; 
background-color: #c2d987; 
height: 5px; 
border: none;
margin: 0 0 20px;
padding-top: 5px;
}

/* Responsive Grid */

.emailcss table.body {
height: 100%;
width: 100%;
}

.emailcss tbody, .emailcss td {
border: none;
}

.emailcss table.container {
background: #f5f5f5;
width: 580px;
margin: 0 auto 40px;
text-align: inherit;
}

.emailcss table.row { 
padding: 0px; 
width: 100%;
position: relative;
}

.emailcss table.container table.row {
display: block;
}

.emailcss td.wrapper {
padding: 0px 40px 0px 0px;
position: relative;
}

.emailcss table.columns,
.emailcss table.column {
margin: 0 auto;
}

.emailcss table.columns td,
.emailcss table.column td {
padding: 0px 0px 20px; 
}

.emailcss table.columns td.sub-columns,
.emailcss table.column td.sub-columns,
.emailcss table.columns td.sub-column,
.emailcss table.column td.sub-column {
padding-right: 10px;
}

.emailcss td.sub-column, .emailcss td.sub-columns {
min-width: 0px;
}

.emailcss table.row td.last,
.emailcss table.container td.last {
padding-right: 0px;
}

.emailcss table.one { width: 30px; }
.emailcss table.two { width: 80px; }
.emailcss table.three { width: 130px; }
.emailcss table.four { width: 180px; }
.emailcss table.five { width: 230px; }
.emailcss table.six { width: 280px; }
.emailcss table.seven { width: 330px; }
.emailcss table.eight { width: 380px; }
.emailcss table.nine { width: 430px; }
.emailcss table.ten { width: 480px; }
.emailcss table.eleven { width: 530px; }
.emailcss table.twelve { width: 580px; }

.emailcss table.one center { min-width: 30px; }
.emailcss table.two center { min-width: 80px; }
.emailcss table.three center { min-width: 130px; }
.emailcss table.four center { min-width: 180px; }
.emailcss table.five center { min-width: 230px; }
.emailcss table.six center { min-width: 280px; }
.emailcss table.seven center { min-width: 330px; }
.emailcss table.eight center { min-width: 380px; }
.emailcss table.nine center { min-width: 430px; }
.emailcss table.ten center { min-width: 480px; }
.emailcss table.eleven center { min-width: 530px; }
.emailcss table.twelve center { min-width: 580px; }

.emailcss table.one .panel center { min-width: 10px; }
.emailcss table.two .panel center { min-width: 60px; }
.emailcss table.three .panel center { min-width: 110px; }
.emailcss table.four .panel center { min-width: 160px; }
.emailcss table.five .panel center { min-width: 210px; }
.emailcss table.six .panel center { min-width: 260px; }
.emailcss table.seven .panel center { min-width: 310px; }
.emailcss table.eight .panel center { min-width: 360px; }
.emailcss table.nine .panel center { min-width: 410px; }
.emailcss table.ten .panel center { min-width: 460px; }
.emailcss table.eleven .panel center { min-width: 510px; }
.emailcss table.twelve .panel center { min-width: 560px; }

.emailcss .body .columns td.one,
.emailcss .body .column td.one { width: 8.333333%; }
.emailcss .body .columns td.two,
.emailcss .body .column td.two { width: 16.666666%; }
.emailcss .body .columns td.three,
.emailcss .body .column td.three { width: 25%; }
.emailcss .body .columns td.four,
.emailcss .body .column td.four { width: 33.333333%; }
.emailcss .body .columns td.five,
.emailcss .body .column td.five { width: 41.666666%; }
.emailcss .body .columns td.six,
.emailcss .body .column td.six { width: 50%; }
.emailcss .body .columns td.seven,
.emailcss .body .column td.seven { width: 58.333333%; }
.emailcss .body .columns td.eight,
.emailcss .body .column td.eight { width: 66.666666%; }
.emailcss .body .columns td.nine,
.emailcss .body .column td.nine { width: 75%; }
.emailcss .body .columns td.ten,
.emailcss .body .column td.ten { width: 83.333333%; }
.emailcss .body .columns td.eleven,
.emailcss .body .column td.eleven { width: 91.666666%; }
.emailcss .body .columns td.twelve,
.emailcss .body .column td.twelve { width: 100%; }

.emailcss td.offset-by-one { padding-left: 50px; }
.emailcss td.offset-by-two { padding-left: 100px; }
.emailcss td.offset-by-three { padding-left: 150px; }
.emailcss td.offset-by-four { padding-left: 200px; }
.emailcss td.offset-by-five { padding-left: 250px; }
.emailcss td.offset-by-six { padding-left: 300px; }
.emailcss td.offset-by-seven { padding-left: 350px; }
.emailcss td.offset-by-eight { padding-left: 400px; }
.emailcss td.offset-by-nine { padding-left: 450px; }
.emailcss td.offset-by-ten { padding-left: 500px; }
.emailcss td.offset-by-eleven { padding-left: 550px; }

.emailcss td.expander {
visibility: hidden;
width: 0px;
padding: 0 !important;
}

.emailcss table.columns .text-pad,
.emailcss table.column .text-pad {
padding-left: 40px;
padding-right: 40px;
}

.emailcss table.columns .left-text-pad,
.emailcss table.columns .text-pad-left,
.emailcss table.column .left-text-pad,
.emailcss table.column .text-pad-left {
padding-left: 40px;
}

.emailcss table.columns .right-text-pad,
.emailcss table.columns .text-pad-right,
.emailcss table.column .right-text-pad,
.emailcss table.column .text-pad-right {
padding-right: 40px;
}

.emailcss table.columns .top-text-pad,
.emailcss table.columns .text-pad-top,
.emailcss table.column .top-text-pad,
.emailcss table.column .text-pad-top {
padding-top: 40px;
}

/* Block Grid */

.emailcss .block-grid {
width: 100%;
max-width: 580px;
}

.emailcss .block-grid td {
display: inline-block;
padding:10px;
}

.emailcss .two-up td {
width:270px;
}

.emailcss .three-up td {
width:173px;
}

.emailcss .four-up td {
width:125px;
}

.emailcss .five-up td {
width:96px;
}

.emailcss .six-up td {
width:76px;
}

.emailcss .seven-up td {
width:62px;
}

.emailcss .eight-up td {
width:52px;
}

/* Alignment and Visibility Classes */

.emailcss table.center, .emailcss td.center {
text-align: center;
}

.emailcss h1.center,
.emailcss h2.center,
.emailcss h3.center,
.emailcss h4.center,
.emailcss h5.center,
.emailcss h6.center {
text-align: center;
}

.emailcss span.center {
display: block;
width: 100%;
text-align: center;
}

.emailcss img.center {
margin: 0 auto;
float: none;
}

.emailcss .show-for-small,
.emailcss .hide-for-desktop {
display: none;
}

/* Typography */

.emailcss body, .emailcss table.body, .emailcss h1, .emailcss h2, .emailcss h3, .emailcss h4, .emailcss h5, .emailcss h6, .emailcss p, .emailcss td { 
color: #606060;
font-weight: normal; 
padding:0; 
margin: 0;
text-align: left; 
line-height: 1.3;
}

.emailcss h2, .emailcss h3, .emailcss h4, .emailcss h5, .emailcss h6 {
color: #111;
margin-bottom: 10px;
margin-top: 20px;
word-break: normal;
}

.emailcss h1 {
color: #6786ba;
margin-bottom: 10px;
margin-top: 20px;
word-break: normal;
}

.emailcss h1 {font-size: 40px;}
.emailcss h2 {font-size: 28px;}
.emailcss h3 {font-size: 24px;}
.emailcss h4 {font-size: 20px;}
.emailcss h5 {font-size: 16px;font-weight:bold;}
.emailcss h6 {font-size: 14px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;}
.emailcss body, .emailcss table.body, .emailcss p, .emailcss td {font-size: 14px;line-height:19px;}

.emailcss p.lead, .emailcss p.lede, .emailcss p.leed {
font-size: 18px;
line-height:21px;
}

.emailcss p { 
margin-bottom: 10px;
}

.emailcss small {
font-size: 10px;
}

.emailcss a {
color: #6786ba; 
text-decoration: none;
}

.emailcss a:hover { 
color: #dd6f00 !important;
}

.emailcss a:active { 
color: #dd6f00 !important;
}

.emailcss a:visited { 
color: #6786ba !important;
}

.emailcss h1 a, 
.emailcss h2 a, 
.emailcss h3 a, 
.emailcss h4 a, 
.emailcss h5 a, 
.emailcss h6 a {
color: #6786ba;
}

.emailcss h1 a:active, 
.emailcss h2 a:active,
.emailcss h3 a:active, 
.emailcss h4 a:active, 
.emailcss h5 a:active, 
.emailcss h6 a:active { 
color: #6786ba !important; 
} 

.emailcss h1 a:visited, 
.emailcss h2 a:visited,
.emailcss h3 a:visited, 
.emailcss h4 a:visited, 
.emailcss h5 a:visited, 
.emailcss h6 a:visited { 
color: #6786ba !important; 
} 
/* Panels */

.emailcss .panel {
background: #f5f5f5;
border-left: 5px solid #f5f5f5;
padding-left: 20px !important;
}

.emailcss .panel,
.emailcss .panel p {
font-size: 13px;
}

.emailcss .panel h1,
.emailcss .panel h2,
.emailcss .panel h3,
.emailcss .panel h4 {
font-weight: bold;
}

.emailcss .panel h1 {
font-size: 24px;
}

.emailcss .panel h2 {
font-size: 20px;
}

.emailcss .panel h3 {
font-size: 18px;
}

.emailcss .panel h4 {
font-size: 16px;
}

.emailcss .sub-grid table {
width: 100%;
}

.emailcss .sub-grid td.sub-columns {
padding-bottom: 0;
}

/* Buttons */

.emailcss table.button {
display: table;
}

.emailcss table.button,
.emailcss table.tiny-button,
.emailcss table.small-button,
.emailcss table.medium-button,
.emailcss table.large-button {
width: 100%;
overflow: hidden;
}

.emailcss table.button td,
.emailcss table.tiny-button td,
.emailcss table.small-button td,
.emailcss table.medium-button td,
.emailcss table.large-button td {
display: block;
width: auto !important;
text-align: center;
background: #6786ba;
/*border: 1px solid #345387; */
color: #ffffff;
padding: 8px 0;
}

.emailcss table.tiny-button td {
padding: 5px 0 4px;
}

.emailcss table.small-button td {
padding: 8px 0 7px;
}

.emailcss table.medium-button td {
padding: 12px 0 10px;
}

.emailcss table.large-button td {
padding: 21px 0 18px;
}

.emailcss table.button td a,
.emailcss table.tiny-button td a,
.emailcss table.small-button td a,
.emailcss table.medium-button td a,
.emailcss table.large-button td a {
font-weight: bold;
text-decoration: none;
color: #ffffff;
font-size: 16px;
}

.emailcss table.tiny-button td a {
font-size: 12px;
font-weight: normal;
}

.emailcss table.small-button td a {
font-size: 16px;
}

.emailcss table.medium-button td a {
font-size: 20px;
}

.emailcss table.large-button td a {
font-size: 24px;
}

.emailcss table.button td:hover,
.emailcss table.button:hover td,
.emailcss table.button:visited td,
.emailcss table.button:active td {
/* background: #dd6f00 !important; */
	background: transparent !important;
}

.emailcss table.button:hover td a,
.emailcss table.button:visited td a,
.emailcss table.button:active td a {
color: #fff !important;
}

.emailcss table.button:hover td,
.emailcss table.tiny-button:hover td,
.emailcss table.small-button:hover td,
.emailcss table.medium-button:hover td,
.emailcss table.large-button:hover td {
background: #dd6f00 !important;
}

.emailcss table.button:hover td a,
.emailcss table.button:active td a,
.emailcss table.button td a:visited,
.emailcss table.tiny-button:hover td a,
.emailcss table.tiny-button:active td a,
.emailcss table.tiny-button td a:visited,
.emailcss table.small-button:hover td a,
.emailcss table.small-button:active td a,
.emailcss table.small-button td a:visited,
.emailcss table.medium-button:hover td a,
.emailcss table.medium-button:active td a,
.emailcss table.medium-button td a:visited,
.emailcss table.large-button:hover td a,
.emailcss table.large-button:active td a,
.emailcss table.large-button td a:visited {
color: #ffffff !important; 
}

.emailcss table.secondary td {
background: #f5f5f5;
border-color: #c2c2c2;
color: #555;
}

.emailcss table.secondary td a {
color: #555;
}

.emailcss table.secondary:hover td {
background: #c2c2c2 !important;
color: #555;
}

.emailcss table.secondary:hover td a,
.emailcss table.secondary td a:visited,
.emailcss table.secondary:active td a {
color: #555 !important;
}

.emailcss table.success td {
background: #c2d987;
border-color: #a8bf6d;
}

.emailcss table.success:hover td {
background: #a8bf6d !important;
}

.emailcss table.alert td {
background: #dd6f00;
border-color: #c45600;
}

.emailcss table.alert:hover td {
background: #c45600 !important;
}

.emailcss table.radius td {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.emailcss table.round td {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}

/* Outlook First */

.emailcss body.outlook p {
display: inline !important;
}

/*Media Queries */

@media only screen and (max-width: 600px) {

.emailcss table[class="body"] img {
	width: auto !important;
	height: auto !important;
}

.emailcss table[class="body"] center {
	min-width: 0 !important;
}

.emailcss table[class="body"] .container {
	width: 95% !important;
}

.emailcss table[class="body"] .row {
	width: 100% !important;
	display: block !important;
}

.emailcss table[class="body"] .wrapper {
	display: block !important;
	padding-right: 0 !important;
}

.emailcss table[class="body"] .columns,
.emailcss table[class="body"] .column {
	table-layout: fixed !important;
	float: none !important;
	width: 100% !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	display: block !important;
}

.emailcss table[class="body"] .wrapper.first .columns,
.emailcss table[class="body"] .wrapper.first .column {
	display: table !important;
}

.emailcss table[class="body"] table.columns td,
.emailcss table[class="body"] table.column td {
	width: 100% !important;
}

.emailcss table[class="body"] .columns td.one,
.emailcss table[class="body"] .column td.one { width: 8.333333% !important; }
.emailcss table[class="body"] .columns td.two,
.emailcss table[class="body"] .column td.two { width: 16.666666% !important; }
.emailcss table[class="body"] .columns td.three,
.emailcss table[class="body"] .column td.three { width: 25% !important; }
.emailcss table[class="body"] .columns td.four,
.emailcss table[class="body"] .column td.four { width: 33.333333% !important; }
.emailcss table[class="body"] .columns td.five,
.emailcss table[class="body"] .column td.five { width: 41.666666% !important; }
.emailcss table[class="body"] .columns td.six,
.emailcss table[class="body"] .column td.six { width: 50% !important; }
.emailcss table[class="body"] .columns td.seven,
.emailcss table[class="body"] .column td.seven { width: 58.333333% !important; }
.emailcss table[class="body"] .columns td.eight,
.emailcss table[class="body"] .column td.eight { width: 66.666666% !important; }
.emailcss table[class="body"] .columns td.nine,
.emailcss table[class="body"] .column td.nine { width: 75% !important; }
.emailcss table[class="body"] .columns td.ten,
.emailcss table[class="body"] .column td.ten { width: 83.333333% !important; }
.emailcss table[class="body"] .columns td.eleven,
.emailcss table[class="body"] .column td.eleven { width: 91.666666% !important; }
.emailcss table[class="body"] .columns td.twelve,
.emailcss table[class="body"] .column td.twelve { width: 100% !important; }

.emailcss table[class="body"] td.offset-by-one,
.emailcss table[class="body"] td.offset-by-two,
.emailcss table[class="body"] td.offset-by-three,
.emailcss table[class="body"] td.offset-by-four,
.emailcss table[class="body"] td.offset-by-five,
.emailcss table[class="body"] td.offset-by-six,
.emailcss table[class="body"] td.offset-by-seven,
.emailcss table[class="body"] td.offset-by-eight,
.emailcss table[class="body"] td.offset-by-nine,
.emailcss table[class="body"] td.offset-by-ten,
.emailcss table[class="body"] td.offset-by-eleven {
	padding-left: 0 !important;
}

.emailcss table[class="body"] table.columns td.expander {
	width: 1px !important;
}

.emailcss table[class="body"] .right-text-pad,
.emailcss table[class="body"] .text-pad-right {
	padding-left: 10px !important;
}

.emailcss table[class="body"] .left-text-pad,
.emailcss table[class="body"] .text-pad-left {
	padding-right: 10px !important;
}

.emailcss table[class="body"] .hide-for-small,
.emailcss table[class="body"] .show-for-desktop {
	display: none !important;
}

.emailcss table[class="body"] .show-for-small,
.emailcss table[class="body"] .hide-for-desktop {
	display: inherit !important;
}
}

	
	

.emailcss table.facebook td {
background: #3b5998;
border-color: #2d4473;
}

.emailcss table.facebook:hover td {
background: #2d4473 !important;
}

.emailcss table.twitter td {
background: #00acee;
border-color: #0087bb;
}

.emailcss table.twitter:hover td {
background: #0087bb !important;
}

.emailcss table.google-plus td {
background-color: #DB4A39;
border-color: #CC0000;
}

.emailcss table.google-plus:hover td {
background: #CC0000 !important;
}

.emailcss .template-label {
color: #aaa;
font-weight: bold;
font-size: 11px;
}

.emailcss .callout .wrapper {
padding-bottom: 20px;
}

.emailcss .callout .panel {
background: #ECF8FF;
border-color: #b9e5ff;
}

.emailcss .header .container {
background: #f5f5f5;
margin-bottom: 20px;
margin-top: 40px;
}

.emailcss .footer .wrapper {
background: #f5f5f5;
}

.emailcss .footer h5 {
padding-bottom: 10px;
}

.emailcss table.columns .text-pad {
padding-left: 40px;
padding-right: 40px;
}

.emailcss table.columns .left-text-pad {
padding-left: 10px;
}

.emailcss table.columns .right-text-pad {
padding-right: 10px;
}

@media only screen and (max-width: 600px) {

.emailcss table[class="body"] .right-text-pad {
	padding-left: 10px !important;
}

.emailcss table[class="body"] .left-text-pad {
	padding-right: 10px !important;
}
}