/**
 * Color palette for Qsymia
 * 
 * page background: #f7f7f7
 * page background gradient start (fades to background): #00b5e2
 * text-color: #666666
 * heading purple: #8031a7
 * heading and breadcrumb light-blue: #00b5e2
 * button background purple: #8031a7
 * link color: #8031a7
 * list bullet color: #00bfe6
 * boxed warning background: #f8f8f8
 * next link color: #7f32a6
 * fat-footer heading: #8031a7
 * fat-footer copy: #666666
 * footer background: #8031a7
 * footer nav links underline: #995ab8
 * error color: #e66767;
 **/

/*START: Common elements */
html
,body
{
	font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
	background: #f7f7f7;
}

a
{
	text-decoration: none;
	color: #8031a7;
}

fieldset
{
	margin: 0;
	border: 0;
	padding: 0;
}

input[type="text"]
,input[type="search"]
,input[type="email"]
,input[type="url"]
,input[type="tel"]
,input[type="number"]
{
	width: 100%;
	margin: 0 0 12px 0;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	padding: 12px 8px;
	line-height: 1.25em;
	font-size: 0.8125em;
	color: #4d4d4d;
	background: #f5f5f5
}

input[type="text"].error
,input[type="search"].error
,input[type="email"].error
,input[type="url"].error
,input[type="tel"].error
,input[type="number"].error
{
	border-color: #e66767;
}

.error
{
	text-align:left;
	color: #e66767 !important;
}

input[type="submit"]
{
	width: 100%;
	max-width: 360px;
	border: 1px solid #F3F3F3;
	border-radius: 5px;
	margin: 0 auto;
	padding: 12px 24px;
	line-height: 1.25em;
	font-size: 1.0em;
	text-align: center;
	background-color: #00b5e2;
	color: #ffffff;
}

ul li
{
	color: #00bfe6;
}

ol li
{
	color: #666666;
}

li .list-item
{
	color: #666666;
}

.list-item ul
{
	margin-bottom: 16px;
}

sub
,sup
{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup
{
	top: -0.5em;
}

sub
{
	bottom: -0.25em;
}
.strong
{
	font-weight: 700;
}

.underline
{
	text-decoration: underline;
}

.em
{
	font-style: italic; 
}

.hidden
{
	display: none;
}

.label-text
{
	width: 100%;
	word-wrap: break-word;	
}

/* Custom radio button */
input[type="radio"]
{
	display: none;
}

input[type="radio"] + .radio-graphic
,input[type="radio"] + .label-text + .radio-graphic
{
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 6px solid #e6e6e6;
	border-radius: 50%;
	background-color: #e6e6e6;
}

input[type="radio"]:checked + .radio-graphic
,input[type="radio"]:checked + .label-text + .radio-graphic
{
	background-color: #8031a7;
}

input[type="radio"]:checked + .label-text
,input[type="radio"]:checked + .radio-graphic + .label-text
{
	font-weight: 700;
}

/* Custom checkbox */
input[type="checkbox"]
{
	display: none;
}

input[type="checkbox"] + .checkbox-graphic
,input[type="checkbox"] + .label-text + .radio-graphic
{
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	background: url(../image/checkbox-checkmark.png) -20px 0 no-repeat #f5f5f5;
}

input[type="checkbox"]:checked + .checkbox-graphic
,input[type="checkbox"]:checked + .label-text + .radio-graphic
{
	background: url(../image/checkbox-checkmark.png) -1px -1px no-repeat #8031a7;
}

input[type="checkbox"]:checked + .label-text
,input[type="checkbox"]:checked + .checkbox-graphic + .label-text
{
	font-weight: 700;
}

/*END: Common elements */

/*START: Global areas */
.masthead
{
	border-top: 5px solid #8031a7;
	padding: 0 0 8px 0;
	background: #1c6ba0;
}

.page-container
{
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #1c6ba0 0px, #1c6ba0 80px, #f7f7f7 1500px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#1c6ba0), color-stop(80px,#1c6ba0), color-stop(1500px,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1c6ba0 0px, #1c6ba0 80px, #f7f7f7 1500px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1c6ba0 0px, #1c6ba0 80px, #f7f7f7 1500px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1c6ba0 0px, #1c6ba0 80px, #f7f7f7 1500px); /* IE10+ */
	background: linear-gradient(to bottom,  #1c6ba0 0px, #1c6ba0 80px, #f7f7f7 1500px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6ba0', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

/*END: Global areas */

/*START: Navigation menus */
.nav-container
{
	background: #ffffff;
}

.site-header{
	box-shadow: 0px 1px 2px 0px rgba(33,54,60,0.20);
	background:#fff;
}

.site-header .row{
	position:relative;
}

/*END: Navigation menus */

/*START: Information cards */
.information-card
{
	overflow: hidden;
	margin: 0 0 20px 0;
	background-color: #ffffff;
	padding: 0;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;	
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);	
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.information-card h1
{
	margin: 30px 0 10px 0;
	line-height: 1.25em;
	font-size: 1.875em;
	font-weight: 500;
	color: #8031a7;	
}

.card-content
{
	margin: 4px 0;
	padding: 0 4px;
}

.card-masthead-content
{
	position: relative;
	border-bottom: 1px solid #e6e6e6;
	padding: 35px 40px;	
	background-color: #f5f5f5;

}

.card-masthead-content h1
{
	margin-bottom: 10px;
}

.card-masthead-content p
{
	margin-top: 32px;
	margin-bottom: 0;
	padding-left: 32px;
	line-height: 1.5em;
	color: #666666;
}

.card-masthead-content p.lead-line
{
	margin-top: 32px;
	margin-bottom: 0;
	background: url(../image/content-arrow.png) top left no-repeat transparent;
}

.card-masthead-content p.breadcrumb
{
	padding-left: 0;
	font-size: 0.6875em;
	text-transform: uppercase;
	color: #00b5e2;
	background: none;
}

.card-masthead-content p.breadcrumb a
{
	color: #00b5e2;
}

.card-content-divider
{
	margin-bottom: 35px;
	padding-bottom: 35px;
	border-bottom: 1px solid #e6e6e6;	
}

.card-masthead-content h3
,.card-content h2
,.card-content h3
,.side-panel h4
{
	margin: 8px 0 12px 0;
	line-height: 1.25em;
	font-size: 1.5em;
	font-weight: 300;
	color: #8031a7;
}

.card-content h2
{
	margin-top: 30px;
	font-size: 1.25em;
	text-transform: uppercase;
}

.card-masthead-content h3
{
	padding-right: 200px;
}

.card-content h5
,.side-panel h5
,.card-content h6
,.side-panel h6
,.card-content p
{
	line-height: 1.5em;
	font-size: 1.0em;
	color: #666666;
}

.card-content h5
,.side-panel h5
{
	margin: 12px 0;
	font-weight: 300;
	text-transform: uppercase;
	color: #00b5e2;
}

.card-content h6
,.side-panel h6
{
	margin: 16px 0;
	font-weight: 700;
}

.side-panel h6.copy-title
{
	margin: 16px 0 0 0;
	text-transform: uppercase;
}

.card-content h6.copy-title
{
	text-transform: uppercase;
}

p.footnote
,.card-content .footnote
{
	font-size: 0.875em;
	font-style: italic;
}

p.notice
,.card-content .notice
{
	font-size: 0.875em;
}

.image-callout
{
	display: table;
}

.image-callout .text-container
{
	display: table-cell;
	vertical-align: middle;
}

.card-content p
{
	margin: 0 0 16px 0;
}

.card-content p.subtext
{
	font-size: 67.5%;
}

a.button-link
{
	display: block;
	width: 100%;
	max-width: 360px;
	border: 1px solid #2d98b3;
	border-radius: 5px;
	margin: 0 auto;
	padding: 12px 24px;
	line-height: 1.25em;
	font-size: 1.0em;
	text-align: center;
	background-color: #00b5e2;
	color: #ffffff;
}

a.outline-link
{
	max-width: 360px;
	border: 2px solid #00b5e2;
	border-radius: 5px;
	padding: 11px 24px;
	line-height: 1.25em;
	font-size: 1.0em;
	text-align: center;
	color: #00b5e2;
}

/*END: Information cards */


.table-container
,.study-table-container
{
	overflow: hidden;
	border-radius: 10px;
}

.week2
,.week4
,.week6
,.week8
,.week10
,.week12
,.week14
,.week16
,.week18
,.week20
,.week22
,.week24
{
	background-color: #e5e5e5;
}

.unavailable
{
	background-color: #eecccc;
}

.week2.unavailable
,.week4.unavailable
,.week6.unavailable
,.week8.unavailable
,.week10.unavailable
,.week12.unavailable
,.week14.unavailable
,.week16.unavailable
,.week18.unavailable
,.week20.unavailable
,.week22.unavailable
,.week24.unavailable
{
	background-color: #ddbbbb;
}

/*START: Regular tables */
.standard-table
{
	width: 100%;
}

.standard-table th
,.standard-table td
{
	font-size: 0.75em;
	font-weight: 300;
}

.standard-table td
,.standard-table th
{
	padding: 12px 4px 8px 4px;
	line-height: 1.25em;
}

.standard-table td img.check-mark
{
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto 4px auto;
}

.standard-table thead th
,.standard-table thead td
{
	vertical-align: bottom;
	border-left: 1px solid #a481bb;
	color: #ffffff;
	background-color: #8031a7;
}

.standard-table thead tr td:first-child
{
	border: 0;
}

.standard-table tbody th
{
	text-align: left;	
}

.standard-table tbody tr th
,.standard-table tbody tr td
{
	border-left: 1px solid #f0f8fc;
	background-color: #e5f2fa;
}

.standard-table tbody tr th:first-child
,.standard-table tbody tr td:first-child
{
	border: 0;
}

.standard-table tbody tr:first-child + tr th
,.standard-table tbody tr:first-child + tr + tr + tr th
,.standard-table tbody tr:first-child + tr + tr + tr + tr + tr th
,.standard-table tbody tr:first-child + tr + tr + tr + tr + tr + tr + tr th
,.standard-table tbody tr:first-child + tr + tr + tr + tr + tr + tr + tr + tr + tr th
,.standard-table tbody tr:first-child + tr td
,.standard-table tbody tr:first-child + tr + tr + tr td
,.standard-table tbody tr:first-child + tr + tr + tr + tr + tr td
,.standard-table tbody tr:first-child + tr + tr + tr + tr + tr + tr + tr td
,.standard-table tbody tr:first-child + tr + tr + tr + tr + tr + tr + tr + tr + tr td
{
	background-color: #c0e7f7;
}
/*END: Regular tables */

/*START: Study and reactions tables */
.study-table
{
	position: relative;
	width: 100%;
	color: #666666;
}

.study-table th
,.study-table td
{
	position: relative;
	font-weight: 500;
	text-align: center;
}

.study-table th
{
	font-size: 1em;
}

.study-table td
{
	font-size: 1.2em;
}

.study-table th.holiday-name
,.study-table th.no-holiday-name
,.study-table th.date-name
{
	max-width: 5em;
}

.study-table thead th
{
	min-width: 2.5em;
	vertical-align: bottom;
	padding: 8px 4px 12px 4px;
	color: #000000;
}

.study-table tbody td
,.study-table tbody th
{
	border-top: 1px solid #d6d6d6;
	padding: 12px 4px;
}

/*END: Study and reactions tables */

/* All "Medium" screen <= 1024px (at 16px base) */
@media only screen and (max-width:64.0em)
{

	/*START: Regular tables */
	.table-container
	{
		border: 0;
		margin: 0;
	}

	.responsive-standard-table thead
	{
		display: none
	}
	
	.responsive-standard-table tbody tr
	{
		position: relative;
		display: block;
		margin: 1.0em 0 0 0;
		border: 1px solid #8031a7;
		border-radius: 5px;
	}

	.responsive-standard-table tbody tr th
	,.responsive-standard-table tbody tr td
	{
		position: relative;
		display: block;
		border: 0;
		padding: 12px 6px;
	}

	.responsive-standard-table tbody tr th
	,.responsive-standard-table tbody tr th a
	{
		color: #ffffff;
		background-color: #8031a7 !important;
	}

	.study-table thead
	{
		display: none;
	}

	.study-table tr
	{
		display: block;
		position: relative;
	}

	.study-table tbody th
	,.study-table tbody td
	{
		display: block;
		border-top: 0;
		border-right: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		border-left: 1px solid #e6e6e6;
		padding: 0.75em 12px;
		line-height: 1.0em;
		font-size: 1.0em;
		font-weight: 600;
		text-align: right;
	}

	.study-table tbody th
	{
		text-align: center;
		color: #ffffff;
		background-color: #1c6ba0;
	}

	.study-table tbody th.data-title
	,.study-table tbody td
	{
		width: 100%;
	}

	.study-table th.section-title
	{
		margin-top: 10em;
		border-top: 1px solid #e6e6e6;
		border-radius: 5px 5px 0 0;
		padding: 0.75em 12px;
		color: #8013a7;
		background-color: #f2f2f2;
	}

	.study-table th.data-title
	{
		border-bottom-width: 3px;
		padding: 0.75em 12px;
		color: #000000;
	}

}

/* Some "Medium" screen >= 768 and <= 1024px (at 16px base) */
@media only screen and (min-width: 48.0em) and (max-width:64.0em)
{

}

/* "Tablets" < 768px (at 16px base) */
@media only screen and (max-width:47.9375em)
{

}

/* Custom break at < 720px for some tablets */
@media only screen and (max-width:44.9375em)
{

}

/* "Small" screen <= 640px (at 16px base) */
@media only screen and (max-width:40em)
{

	.card-masthead-content
	{
		padding: 18px 22px;
	}	

	.card-content-divider
	{
		padding-bottom: 18px;
	}

	#colorbox
	{
		width: 90% !important;
	}

	#colorbox .submit-box-content
	{
		padding: 10px 5% 10px 5%;
	}

	.callout-buttons
	{
		margin: 0 0 12px 0;
	}

	.callout-buttons a
	{
		display: inline-block;
		width: 60%;
		margin: 8px 0 0 0;
	}

	ul.footer-nav
	{
		text-align: center;
	}

	.footer-logo
	{
		text-align: center;
	}

}

/* "Mobile" screen <= 480px (at 16px base) */
@media only screen and (max-width:30em)
{

	input[type="text"]
	,input[type="submit"]
	,a.button-link
	,a.outline-link
	{
		font-size: 0.75em;
	}

	ul
	{
		padding-left: 1.5em;
	}

	ul li
	,ol li
	{
		font-size: 0.75em;
	}

	.homepage-slider ul li
	,.card-content ul li p
	,ul > li li
	{
		font-size: 1.0em;
	}

	.card-masthead-content
	{
		background-position: top right 12px !important;
		background-size: 64px !important;
	}

	.card-masthead-content p.breadcrumb
	{
		font-size: 0.625em;
	}

	.information-card h1
	{
		min-height: 2.0em;
		margin: 16px 0 8px 0;
		font-size: 1.125em;
	}

	.card-masthead-content p
	{
		padding-left: 24px;
	}

	.card-masthead-content h3
	,.card-content h3
	,.side-panel h4
	{
		font-size: 1.0em;
	}

	.card-content h2
	{
		margin-top: 16px;
		font-size: 0.875em;
	}

	.card-content p
	,.card-masthead-content p
	,.side-panel h6
	,.card-content h5
	,.card-content h6
	,.card-content .notice
	,p.notice
	,p.footnote
	,.card-content .footnote
	,.footer-nav li 
	,p.trademark-statement
	,.submit-box-content p
	,#colorbox .submit-box-content .buttons a
	{
		font-size: 0.75em;
	}

	.site-header
	{
		height: 114px;
	}

	.site-header .row a.logo
	{
		height: 136px;
	}

	.site-header .row a.logo
	{
		background-position: 0 12px;
	}

	.accordion > h2
	,.accordion > div
	{
		margin-top: 0;
		padding: 12px 18px;
	}

}