
/**********************************************
ADDITIONAL CLASSES for text and table content.
CKEditor refers to these styles in dropdowns 
2017-06-13
**********************************************/

div table.greenbg, div table.bluebg, div table.tealbg, 
div table.green, div table.blue, div table.teal, 
div table.greyline {

	text-align: left;
	border-collapse: collapse;
	border: 1px solid #c4c7c8;
	vertical-align: top;
	
	width: 100%;
	clear: both;
	margin: 0 0 16px 0;
}
div table.bluesolid, div table.tealsolid, div table.greysolid {

	text-align: left;
	border-collapse: collapse;
	border: 1px solid #c4c7c8;
	vertical-align: top;
	
	clear: both;
	margin: 0 0 16px 0;
	padding: 25px 25px; 
}

div table.greyline{

	text-align: left;
	border-collapse: collapse;
	border: 1px solid #c4c7c8;
	vertical-align: top;
	
	border: 0;
	border-bottom: 1px solid #c4c7c8;
}

div table.greenbg th, div table.greenbg td { background: #f0f6e8; color: #36424a; padding: 13px 15px 9px 15px; border: 1px solid #ffffff;}
div table.bluebg th, div table.bluebg td { background: #e3edf5; color: #36424a; padding: 13px 15px 9px 15px; border: 1px solid #ffffff;}
div table.tealbg th, div table.tealbg td { background: #dff2f6; color: #36424a; padding: 13px 15px 9px 15px; border: 1px solid #ffffff;}
div table.greenbg th, div table.bluebg th,div table.tealbg th { font-weight: bold; text-align: left;}

div table.green td, div table.green th { background: #ffffff; color: #36424a; padding: 13px 15px 9px 15px; border: 1px solid #c4c7c8;}
div table.green th { background: #f0f6e8; font-weight: bold; text-align: left;}

div table.blue td, div table.blue th { background: #ffffff; color: #36424a; padding: 13px 15px 9px 15px; border: 1px solid #c4c7c8;}
div table.blue th { background: #e3edf5; font-weight: bold; text-align: left;}

div table.teal td, div table.teal th { background: #ffffff; color: #36424a; padding: 13px 15px 9px 15px; border: 1px solid #c4c7c8;}
div table.teal th { background: #dff2f6; font-weight: bold; text-align: left;}

div table.greysolid td, div table.greysolid th { background: #45555f; color: #ffffff; padding: 25px 25px; border: 0;}
div table.greysolid th { background: #45555f; font-weight: bold; text-align: left;}

div table.bluesolid td, div table.bluesolid th { background: #4683ba; color: #ffffff; padding: 25px 25px; border: 0;}
div table.bluesolid th { background: #4683ba; font-weight: bold; text-align: left;}

div table.tealsolid td, div table.tealsolid th { background: #00b2cc; color: #ffffff; padding: 25px 25px; border: 0;}
div table.tealsolid th { background: #00b2cc; font-weight: bold; text-align: left;}

div table.greyline td, div table.greyline th { background: #ffffff; color: #36424a; padding: 15px 15px 15px 0; border-top: 1px solid #c4c7c8;}
div table.greyline th { background: #ffffff; font-weight: bold; text-align: left;}

.blue { color: #4683ba;}
.smalltext { color: #6c737a; font-size: 15px;}

 img.basic {
	width: 100%;
	height: auto;
}

div.ck_blue_button a,
div.ck_green_button a,
div.ck_teal_button a, 
div.ck_grey_button a,
div.ck_light_button a,
div.ck_lightGrey_button a,
div.ck_red_button a {
	display: inline-block;
	padding: 9px 18px 7px 18px;
	border-radius: 3px;
	font-size: 18px;
	line-height: 1em;
	color: white;
	background-color: #4f7f2a;
	text-decoration: none;
}
div.ck_green_button a:hover{
	background-color: #456f25;
}

div.ck_blue_button a{
	background-color: #427AAE;
}
div.ck_blue_button a:hover{
	background-color: #1a469d;
}

div.ck_teal_button a{
	background-color: #00b2cc;
}
div.ck_teal_button a:hover{
	background-color: #008bb0;
}

div.ck_grey_button a{
	background-color: #45555f;
}
div.ck_grey_button a:hover{
	background-color: #323e48;
}

div.ck_light_button a{
	background-color: #ffffff;
	color: #45555f;
}
div.ck_light_button a:hover{
	background-color: #e5e9ec;
	color: #45555f;
}

div.ck_lightGrey_button a{
	background-color: #e5e9ec;
	color: #236092;
}
div.ck_lightGrey_button a:hover{
	background-color: #d4d7d9;
	color: #236092;
}

div.ck_green_button a:after,
div.ck_blue_button a:after,
div.ck_teal_button a:after,
div.ck_grey_button a:after,
div.ck_light_button a:after,
div.ck_lightGrey_button a:after{
	content: '→';
	position: relative;
	top: -1px;
	padding-left: 5px;
	font-size: 0.9em;
	line-height: 18px;
	font-family: Arial, sans-serif;
	text-decoration: none;
}