/*
Theme Name: Intercountry Adoption
Theme URI:
Description: Theme for the Intercountry Adoption WordPress website
Version: 1.0
Author: Chris Lamb, Vicky Miller
Tags:

/*
teal #008577
orange #d53d0d
yellow #ecdb33

dark blue footer #162f4d
dark blue footer footer #091d35

dark blue text #13304d

*/

/***********************************/
/******* Basic Wilcard Reset *******/
/**** Eric Meyer's is too agro *****/
/***********************************/
* {
	margin: 0;
	padding: 0;
}
@viewport{width:device-width}
@-ms-viewport {width: device-width;} /* For IE 10 Snap Mode */
/***********************************/
/*********** Core styles ***********/
/***********************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');

html, body { height: 100% }

body {
	background-color: #EFEFEF;
	color: #15304D;
	font: 85% 'Open Sans', Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	height: -webkit-fill-available;
}
body.home {
	background: #EFEFEF url(images/bg-top.png) left top no-repeat;
}
h1 {
    margin: 0 0 1em 0;
    font-size: 220%;
}
h2 {
    padding-bottom: 4px;
	font-size: 200%;
	margin: 1em 0 .25em 0;
}
h3 {
	font-size: 170%;
	margin: 1em 0 .25em 0;
}
h4 {
	font-size: 150%;
	margin: 1em 0 .25em 0;
}
h5 {
	font-size: 140%;
	margin: 1em 0 .25em 0;
}
h6 {
	font-size: 130%;
	margin: 1em 0 .25em 0;
}
p {
	line-height: 1.7em;
	margin: 1em 0;
}
a {
	color: #4F6379;
	color: #00755A;
	color: #C73100;
}
a:hover,
a:focus {
	text-decoration: none;
}
a:visited {
	color: #394758;
	color: #7E1100;
}
a img {
	border: none;
}
ul, ol {
	line-height: 1.6em;
	margin-left: 20px;
}

table {
	margin-bottom: 15px;
	width: 100%;
}
caption {
	background-color: #CCC;
	border-top: 1px solid #CCC;
	font-weight: bold;
	padding: 5px;
	text-align: left;
}
th {
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	padding: 5px;
	text-align: left;
}
td {
	background-color: #FCFCFC;
	border-bottom: 1px solid #CCC;
	padding: 5px;
}
thead th {
	background-color: #CCC;
}
tfoot {
	font-size: .9em;
}
.zebra td {
	background-color: #F9F9F9;
}
tr:hover td {
	background-color: #FEF9E9;
	transition: background-color .5s;
}
hr {
	background-color: #888;
	border: none;
	color: #888;
	height: 1px;
	margin-bottom: 10px;
}
dl {
	line-height: 1.4em;
}
dt {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4em;
	padding: 1.3em 0 0 0;
}
dd {
	margin-bottom: .5em;
}
abbr {
	border-bottom: 1px dotted #666;
}
blockquote {
	padding: 15px;
	margin: 15px 0;
	background-color: #EEE;
	border-radius: 8px;
}
time {
	color: #333;
}
figcaption {
	color: #333;
	font-size: .9em;
	line-height: 1.4em;
	margin: 0 0 .5em 0;
}
article,
aside,
figcaption,
figure,
footer,
header,
nav,
time,
section  {
	display: block;
}
/***********************************/
/*********** Page Layout ***********/
/***********************************/
#masthead {
	background-color: #FFF;
	height: 180px;
	box-shadow: 0 -10px 60px 0 #444;
	text-align: left;
}
#wrapper {
	background: url(images/bg-bottom.png) right bottom no-repeat;
	margin: 0 auto;
	text-align: left;
}
.fixwidth {
	margin: 0 auto;
	max-width: 1170px;
	text-align: left;
}
/***********************************/
/********* Banner & Search *********/
/***********************************/
header {
	background-color: #FFF;
	padding: 20px 0;
	position: relative;
}
/* Search */
.search-form {
	position: absolute;
	right: 0;
	top: -100px;
}
.search-form input {
	background-color: #FFF;
	border: 2px solid #00A89E;
	border-radius: 5px;
	font-size: 1.2em;
	height: 30px;
	padding: 3px 4px 4px 4px;
	width: 160px;
}
.search-form .search-submit {
	background: url(images/search.png) center top no-repeat;
	border: none;
	cursor: pointer;
	height: 40px;
	text-indent: -9999em;
	transition: background-color .5s;
	width: 54px;
}
input .search-submit:hover,
input .search-submit:focus {
	background-color: #F7F6F3;
	cursor: pointer;
	transition: background-color 1s;
}
/* Email */
.headermail {
	background: url(images/headermail.png) left center no-repeat;
	font-size: 2.1em;
	line-height: .9em;
	margin: 0;
	padding: 15px 5px 16px 41px;
	position: absolute;
	right: 298px;
	text-align: right;
	top: 30px;
}
/* Phone number */
.headerph {
	background: url(images/headerph_icon.gif) left 7px no-repeat;
	font-size: 1.8em;
	line-height: .9em;
	margin: 0;
	padding: 15px 5px 15px 25px;
	position: absolute;
	right: 280px;
	text-align: right;
	top: 70px;
}
.headerph span {
	display: block;
	font-size: .6em;
	line-height: 1.1em;
	padding-top: 11px;
}
/***********************************/
/************ Main Nav *************/
/***********************************/
#mobilemainnav {display: none;}
#mainnav {
	background-color: #FFF;
	border-bottom:  5px solid #00A89E;
	border-radius: 8px;
	bottom: -70px;
	height: 80px;
	left: 0;
	position: absolute;
	width: 100%;
}
#mainnav ul {
	line-height: 1.6em;
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainnav > ul > li {
	border-right: 1px solid #E1E1E1;
	display: inline;
	float: left;
	font-size: 1.4em;
	height: 80px;
	position: relative;
	text-align: center;
	width: 215px;
}
#mainnav > ul > li:first-child {
	 width: 90px;
}
#mainnav > ul > li:last-child {
	border-radius: 0 8px 0 0;
	border-right: none;
}
#mainnav a {
	display: block;
	text-decoration: none;
	transition: background 1s;
}
#mainnav > ul > li > a {
	color: #162F4D;
	height: 65px;
	padding: 15px 10px 0 10px;
}
#mainnav > ul > li a:hover,
#mainnav > ul > li a:focus {
	background-color: #F6F5F2;
	text-decoration: underline;
	transition: background 1s;
}
#mainnav > ul > li:first-child > a {
	background: url(images/home.png) center center no-repeat;
	border-radius: 8px 0 0 0;
	text-indent: -9999em;
}
#mainnav > ul > li:first-child a:hover,
#mainnav > ul > li:first-child a:focus {
	background:	#F6F5F2 url(images/home-over.png) center center no-repeat;
}
#mainnav > ul > li:last-child > a {
	border-radius: 0 8px 0 0;
}
#mainnav > ul > li.current-menu-item,
#mainnav > ul > li.current-page-ancestor {
	color: #008577;
	background: url(images/triangle.png) center bottom no-repeat;
}
/********* Second Level ************/
#mainnav .sub-menu {
	background-color: #00857C;
	display: none;
	font-size: .9em;
	left: -10px;
	position: absolute;
	top: 85px;
	z-index: 9999;
	text-align:center;
}
#mainnav .sub-menu li {
	border-bottom: 1px solid #02645D;
	line-height: 1.2em;
	width: 235px;
}
#mainnav .sub-menu li:last-child {
	border: none;
}
#mainnav .sub-menu li a {
	color: #FFF;
	padding: 10px;
}
#mainnav .sub-menu li a:hover,
#mainnav .sub-menu li a:focus {
	background-color: #fff;
	color: #000;
}
/********* Left Nav ************/
#leftnav {
	background-color: #00857C;
	border-radius: 8px 0 0 8px;
	font-size: 1.2em;
	float: left;
	margin-bottom: 50px;
	width: 280px;
}
#leftnav ul{
	list-style: none;
	line-height: 1.2em;
	margin: 0;
}
#leftnav li {
	border-bottom: 1px solid #02645D;
	width: 100%;
}
#leftnav li:last-child {
	border: none;
}
#leftnav a {
	color: #FFF;
	display: block;
	padding: 12px 10px;
	text-decoration: none;
	transition: background 1s;
}
#leftnav a:hover,
#leftnav a:focus {
	background-color: #FFF;
	color: #000;
	text-decoration: underline;
	transition: background 1s;
}
#leftnav li:first-child a {
	border-top-left-radius: 8px;
}

#leftnav .current_page_item  a{
	background-color: #FFF;
	color: #000;
}
/********* Third Level ************/
#leftnav .current_page_parent > ul.children li{
	display: block;
	font-size: .8em;
}
#leftnav .current_page_parent > ul.children li a {
	background-color: #007169;
	border-radius: 0;
	padding-left: 30px;
}
#leftnav .current_page_parent > ul.children li a:active,
#leftnav .current_page_parent > ul.children li a:hover,
#leftnav .current_page_parent > ul.children li a:focus,
#leftnav .current_page_parent > ul.children li.current_page_item a {
	background-color: #fff;
}
/*#leftnav li.current_page_parent > ul.children li:last-of-type a {
	border-radius: 0 0 0 8px;
}*/
#leftnav .current_page_item > ul.children li {
	background-color: #007169;
	display: block;
	font-size: .8em;
}
#leftnav .current_page_item > ul.children li a,
#leftnav .current_page_item > ul.children li:last-child a {
	padding-left: 30px;
	background-color: #007169;
	color: #fff;
}
ul.children li {
	display:none;
}
#leftnav li:last-child li:last-child a,
#leftnav li:last-child li:last-child a:hover,
#leftnav li:last-child li:last-child a:active {
   	border-bottom-left-radius: 8px;
}
/***********************************/
/*********** Content Area **********/
/***********************************/
#contentwrap{
	margin-bottom: 40px;
	padding-top: 60px;
}
#crumbs {
	font-size: .8em;
	padding: 8px 0;
}
#crumbs a {
	color: #15304D;
}
#readspeaker_button {
	float: right;
	margin: 10px;
}
.rsbtn_exp {
	float: right;
}
#content {
	margin: 0px;
	text-align: left;
}
#content img {
	max-width: 100%;
}
#articlewrap,
#contact-message {
	background-color: #FFF;
	border-radius: 8px;
	padding: 10px 40px 20px 40px;
}
#articlewrap.hasleftnav {
	border-radius: 0 8px 8px 8px;
	margin-left: 280px;
}
.embed #articlewrap {
	padding: 10px 20px;
}
.search-content {
	background-color: #fff;
	border-radius: 8px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.search-content .loop-post h2 a {
	text-decoration: underline;
}
p.white,
body.page #content #contact-message {
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
}

/***********************************/
/*********** Front page ************/
/***********************************/
body.home #articlewrap,
body.page #content #contact-message {
	padding: 10px 15px;
	margin: 50px 0;
	font-size: 1.4em;
	/*border-bottom: 5px solid #ecdb33;*/
}
#articlewrap .message,
#contact-message .message {
	color: #d53d0d;
	font-weight: bold;
}
/* HERO TABS */
#hero-tabs {
	background: #162F4D url(images/hero.jpg) left center no-repeat;
	height: 550px;
	font-size: 1.5em;
	/* for use with 4 tabs... margin: 40px 0 30px 0;*/
	margin: 60px 0 60px 0;
	position: relative;
	border-radius: 8px;
}
#hero-tabs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	width: 370px;
	background-color: #162f4D;
	border-radius: 0 8px 8px 0;
}
#hero-tabs li {
	border-bottom: 1px solid #0B1B2D;
}
#hero-tabs li:last-child {
	border: none;
}
#hero-tabs li a {
	color: #FFF;
	display: block;
	/*for use with 4 tabs... padding: 36.5px 55px 35px 140px;*/
	padding: 53px 20px 65px 160px;
	text-decoration: none;
	transition: background 1s;
}
#hero-tabs li a:focus,
#hero-tabs li a:hover {
	background-color: #444;
	transition: background 1s;
}
#hero-tabs li:first-child a,
#hero-tabs li:first-child a:focus,
#hero-tabs li:first-child a:hover {
	border-top-right-radius: 8px;
}
#hero-tabs li:last-child a,
#hero-tabs li:last-child a:focus,
#hero-tabs li:last-child a:hover {
	border-bottom-right-radius: 8px;
}
#hero-tabs .tab1 a {
	background: url(images/tab1.png) 20px center no-repeat;
}
#hero-tabs .tab2 a {
	background: url(images/tab2.png) 20px center no-repeat;
}
#hero-tabs .tab3 a {
	background: url(images/tab3.png) 20px center no-repeat;
}
#hero-tabs .tab4 a {
	background: url(images/tab4.png) 20px center no-repeat;
}
/* NEWS */
#news {
	background-color: #D53D0D;
	border-radius: 8px;
	color: #FFF;
	margin: 50px 0;
	min-height: 180px;
	position: relative;
}
#news .intro {
	background-color: #D53D0D;
	border-radius: 8px 0 0 8px;
	min-height: 180px;
	width: 360px;
	float: left;
}
#news .intro h2 {
	padding: 20px 40px 0 40px;
}
#news .intro p {
	font-size: 1.3em;
	padding: 0 40px;
}

#news .white {
	background-color: #FFF;
	color: #000;
	margin-left: 360px;
	min-height: 180px;
	padding: 40px 20px;
	border-radius: 0 8px 8px 0;
}

#news a.view-all {
	background-color: #FFF;
	border-radius: 4px;
	color: #162F4D;
	display: block;
	margin: 20px 0;
	padding: 5px 30px;
	text-align: center;
	text-decoration: none;
	transition: all 1s;
}

#news a:hover,
#news a:focus {
	text-decoration: underline;
}

#news a  {

}

#news p {
	font-size: 1.3em;
}

/* Workbook */
#workbook {
	background: #162f4D;
	border-radius: 8px;
	color: #FFF;
	margin: 50px 0;
	padding: 70px 60px;
	position: relative;
}
#workbook h2 {
	width: 70%;
}
#workbook p {
	font-size: 1.4em;
	width: 70%;
}

#workbook a {
	background: #FFF;
	border-radius: 4px;
	color: #162f4D;
	display: block;
	padding: 4px 0;
	position: static;
	text-align: center;
	transition: all 1s;
	width: 300px;
	height: 38px;
    text-decoration: none;
}

#workbook a.order {
    background: #FFF url(images/workbook.png) center bottom no-repeat;
    border-radius: 4px;
    display: block;
    padding: 0;
    position: absolute;
    right: 60px;
    text-align: center;
    text-decoration: none;
    top: 44px;
    transition: all 1s;
    width: 200px;
    height: 284px;
}
#workbook a:hover,
#workbook a:focus {
	color: #162f4D;
	text-decoration: underline;
}

/* HOW IT WORKS */
#how-it-works {
	background: #008577;
	border-radius: 8px;
	color: #FFF;
	margin: 50px 0;
	padding: 30px 60px;
	position: relative;
}
#how-it-works h2 {
	width: 50%;
}
#how-it-works p {
	font-size: 1.4em;
}
#how-it-works a {
	background-color: #FFF;
	border-radius: 4px;
	color: #162f4D;
	display: block;
	padding: 4px 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	top: 10px;
	transition: all 1s;
	width: 180px;
}
#how-it-works a:hover,
#how-it-works a:focus {
	color: #162F4D;
	text-decoration: underline;
}
/* FAMILY STORIES */
#family-stories {
	background-color: #EEDB33;
	border-radius: 8px;
	color: #162F4D;
	margin: 50px 0;
	min-height: 280px;
	position: relative;
}
#family-stories .intro {
	background-color: #EEDB33;
	border-radius: 8px 0 0 8px;
	float: left;
	min-height: 280px;
	width: 360px;
}
#family-stories .intro h2 {
	padding: 20px 40px 0 40px;
}
#family-stories .intro p {
	padding: 0 40px;
	font-size: 1.3em;
}
#family-stories .intro a {
	background-color: #162F4D;
	border-radius: 4px;
	color: #FFF;
	display: block;
	margin: 20px 0;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	transition: all 1s;
	width: 100%;
}
#family-stories .intro a:hover,
#family-stories .intro a:focus {
	text-decoration: underline;
}
#family-stories .white {
	background-color: #FFF;
	border-radius: 0 8px 8px 0;
	color: #000;
	margin-left: 360px;
	min-height: 280px;
	padding: 40px;
}
#family-stories .white h2 {
	margin-top: 0;
}
#family-stories .white p {
	font-size: 1.3em;
}
.family-stories-video a {
	border-radius: 5px;
	color: #000;
	display: block;
	margin: 10px 0;
	min-height: 200px;
	padding: 20px;
	text-decoration: none;
	transition: all 1s;
}
.family-stories-video a:hover,
.family-stories-video a:focus {
	background-color: #EEE;
	transition: all 1s;
}
.family-stories-video a:hover h2,
.family-stories-video a:focus h2 {
	text-decoration: underline;
}
/* FRONT FAQS */
#front-faqs {
	background-color: #D53D0D;
	border-radius: 8px;
	color: #FFF;
	margin: 50px 0;
	min-height: 380px;
}
#front-faqs .intro {
	background-color: #D53D0D;
	border-radius: 8px 0 0 8px;
	min-height: 380px;
	width: 360px;
	float: left;
}
#front-faqs .intro h2 {
	padding: 20px 40px 0 40px;
}
#front-faqs .intro p {
	font-size: 1.3em;
	padding: 0 40px;
}
#front-faqs .intro a {
	background-color: #FFF;
	border-radius: 4px;
	color: #162F4D;
	display: block;
	margin: 20px 0;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	transition: all 1s;
}
#front-faqs .intro a:hover,
#front-faqs .intro a:focus {
	text-decoration: underline;
}
#front-faqs .white {
	background-color: #FFF;
	border-radius: 0 8px 8px 0;
	color: #000;
	margin-left: 360px;
	min-height: 380px;
	padding: 40px 60px;
}
#front-faqs dt {
	font-size: 1.6em;
}
#front-faqs dd {
	font-size: 1.3em;
}
/***********************************/
/************ FAQ Page *************/
/***********************************/
.faqs dt a {
	background: url(images/faq-arrow.png) right center no-repeat;
	color: #000;
	padding-right: 30px;
	text-decoration: none;
}
.faqs dt a:hover,
.faqs dt a:focus {
	text-decoration: underline;
}
.faqs dt a.active {
	background: url(images/faq-arrow-a.png) right center no-repeat;
}
/***********************************/
/**** The Adoption System Page *****/
/***********************************/
.steps dt a {
	color: #000;
	padding-right: 30px;
	text-decoration: none;
}
.steps dt a:hover,
.steps dt a:focus {
	text-decoration: underline;
}
.steps dd  {
	background: url(images/guide-arrow.gif) left bottom no-repeat;
	margin: 0 0 0 18px;
	padding: 1px 0 0 52px;
}
.steps dt{
	padding-left: 69px;
}
dt#step_heading-0 {
	background: url(images/guide-0.png) left 15px no-repeat;
	padding-bottom: 14px;
}
dt#step_heading-1 {
	background: url(images/guide-1.png) left 15px no-repeat;
	padding-bottom: 14px;
}
dt#step_heading-2 {
	background: url(images/guide-2.png) left 15px no-repeat;
	padding-bottom: 14px;
}
dt#step_heading-3 {
	background: url(images/guide-3.png) left 15px no-repeat;
	padding-bottom: 14px;
}
dt#step_heading-4 {
	background: url(images/guide-4.png) left 15px no-repeat;
	padding-bottom: 14px;
}
dt#step_heading-5 {
	background: url(images/guide-5.png) left 15px no-repeat;
	padding-bottom: 14px;
}
dt#step_heading-6 {
	background: url(images/guide-6.png) left 15px no-repeat;
	padding-bottom: 14px;
}
dt#step_heading-7 {
	background: url(images/guide-7.png) left 15px no-repeat;
	padding-bottom: 14px;
}
dt#step_heading-8 {
	background: url(images/guide-8.png) left 15px no-repeat;
	padding-bottom: 14px;
}
/***********************************/
/************ The Loop *************/
/***********************************/
.loop-post {
	padding: 1px 10px 5px 10px;
}
.loop-post h2 {
	font-size: 1.4em;
}
.loop-post h2 a {
	text-decoration: none;
}
.loop-post p {
	margin-top: .2em;
}
/***********************************/
/*********** Pagination ************/
/***********************************/
.pager-wrap {
	width: 100%;
}
.pager-wrap ul.pager {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style-type: none;
	margin: 0 0 20px 0;
  padding: 0;
	text-align: center;
}
.pager-wrap ul.pager li {
	border: 1px solid #bcbec0;
	margin: 2px -1px 2px 0;
}
.pager-wrap ul.pager .page-numbers {
  display: inline-block;
  padding: 8px 14px;
  color: #202020;
}
.pager-wrap ul.pager .page-numbers.current {
  font-weight: 700;
}
.pager-wrap ul.pager a {
  color: #202020;
	text-decoration: none;
}
.pager-wrap ul.pager a:hover,
.pager-wrap ul.pager a:focus {
  background-color: #f6f6f6;
  color: #000;
  text-decoration: underline;
}
/***********************************/
/********* Photo Galleries *********/
/***********************************/
.gallery-item {
	float:left;
	margin: 10px 10px 0 0;
}
.gallery img {
	border: 2px solid #FFF;
}
.gallery a:hover img,
.gallery a:focus img {
	border: 2px solid #E4701E;
}
.gallery br {
	clear:left;
}
/***********************************/
/************* Footer **************/
/***********************************/
#footer {
	margin: 0;
	background: #1A4267;
	color: #FFF;
	clear: both;
	padding: 15px 0 0 0;
	text-align: center;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover,
#footer a:focus {
	text-decoration: underline;
}
/* Footer Phone number */
#footer .textwidget {
	background: url(images/ica-logo-footer.png) left top no-repeat;
	margin: 40px auto;
	min-height: 130px;
	padding: 5px 0 5px 330px;
	text-align: left;
	width: 260px;
}
#footer .textwidget a {
	font-size: 1.5em;
	padding-left: 36px;
}
.footermail {
	background: url(images/headermail.png) left center no-repeat;
	font-size: 1.3em;
	line-height: .9em;
	margin: 0;
	padding: 20px 5px 10px 15px;
}
.footerph {
	background: url(images/footerph_icon.png) left bottom no-repeat;
	font-size: 1.7em;
	line-height: .9em;
	margin: 0;
	padding: 30px 5px 10px 35px;
}
.footerph span {
	display: block;
	font-size: .45em;
	line-height: 1.4em;
	padding-top: 20px;
	text-align: center;
}
.menu-footer-nav-container {
	background-color: #091D35;
	padding: 10px 0;
	font-size: .9em;
}
#footer ul {
	list-style-type: none;
	padding: 10px 0;
}
#footer li {
	border-right: 1px solid #CCC;
	display: inline;
	padding: 0 10px;
}
#footer li:last-child {
	border: none;
}
/* FAQ Tab */
#footer #faq-tab {
	position: fixed;
	right: -50px;
	top: 300px;
}
#footer #faq-tab a {
	background-color: #D53D0D;
	border-radius: 8px 8px 0 0;
	color: #FFF;
	display: block;
	font-size: 1.5em;
	padding: 20px 60px 40px 60px;
	text-decoration: none;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: all 1s;
}
#footer #faq-tab a:hover,
#footer #faq-tab a:focus {
	background-color: #B93D0D;
	text-decoration: underline;
	transition: all 1s;
}
/***********************************/
/********* Various Classes *********/
/***********************************/
.bold {
	font-weight: bold;
}
.highlight {
	color: #D53D0D;
	font-size: 1.3em;
}
.introtext {
	font-size: 1.3em;
}
.breakouts {
	background-color: #E7EAED;
	margin: 0 -40px;
	padding: 10px 60px;
}
.nomargin {
	margin: 0;
}
.italic {
	font-style: italic
}
.hidden {
	display: none;
}
.clear {
	clear: both;
}
.left,
.alignleft,
.align-left {
  float: left;
  padding: 0 20px 10px 0;
}
.right,
.alignright,
.align-right {
  float: right;
  padding: 0 0 10px 20px;
}
.center,
.centre,
.aligncenter ,
.align-center{
	text-align: center;
}
.wp-caption-text {
	color: #333;
	font-size: .9em;
	line-height: 1.4em;
	margin: 0 0 .5em 0;
}
.nobullet {
	list-style-type: none;
}
.small,
small {
	font-size: .85em;
}
.screen-reader-text,
.offleft,
#leftnav h2 {
	position: absolute;
	left: -9999em !important;
}
.offleft a {
	background-color:#FFF;
	padding: 2px 6px;
}
.offleft a:focus {
	left: 9999em;
	position: absolute;
}
.zebra {
	background-color: #F9F9F9;
}
.required {
	color: #990000;
}
iframe {
	z-index:999;
}
.workbook {
	/*background-image: url(images/workbook.png);
	background-repeat:no-repeat;
	padding-right: 222px;
	height: 284px;
	background-position:right center;*/
	float: right;
}
.dss-chatbot {
	border:.5px solid black;
	border-bottom: none;
}