/* CSS Document */
#eertNarrow {
	display:none;
}

.quicktabs-tabpage h2.node-title {
	padding-left:1rem;
	color: #095674;
    font-weight: normal;
}

.quicktabs-tabpage .bottom h2.node-title {
	color: #0F385C;
    margin: 0;
	padding:0;
}

.bottom h3 {
	color:#0F385C;
	font-weight:bold !important;
}

.bottom h3:first-of-type {
	margin-top:0;
}

.eertTabs .block-content {
	position:relative;
	z-index:100;
}

.eertTabs h1#page-title {
	background-color:#EDEDEE;
	z-index:10;
	padding-bottom:.25em;
}

.intro .top p:first-of-type,
#quicktabs-tabpage-eert_tabs-0 p:first-of-type {
	font-size: 1.25em;
	line-height: 2em;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding: .5em 0;
}
.float-right {
	float: right;
	padding: 0 0 1em 1em;
}
.float-left {
	float: left;
	padding: 0 1em 1em 0;
}
.eertButton {
	padding:0;
	border: 1px solid #aeaeae;
	box-sizing:border-box;
	display:inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background: rgb(253,253,253); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(226,226,226,1) 58%, rgba(224,224,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(58%,rgba(226,226,226,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(226,226,226,1) 58%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(226,226,226,1) 58%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(226,226,226,1) 58%,rgba(224,224,224,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%,rgba(226,226,226,1) 58%,rgba(224,224,224,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}

.eertButton a[href$=".pdf"],
.eertButton a[href$=".pdf"]:visited,
.eertButton a[href$=".pdf"]:hover,
.eertButton a[href$=".docx"],
.eertButton a[href$=".docx"]:visited,
.eertButton a[href$=".docx"]:hover {
	display: block;
	padding: .5em 2.5em .5em 1em;
	background-position: 98% center !important;
	background-repeat: no-repeat;
	font-weight:bold;
	color:#016991;
	font-size:.8em;
	text-decoration:none;
}

.eertButton.iconPDF a[href$=".pdf"] {
	background-image: url(../images/acrobat_icon.png);
}

.eertButton.iconDOC a[href$=".docx"] {
	background-image: url(../images/word_icon.png);
}

.top {
	padding:0 1em;
}

.bottom {
	padding:1em;
}

.bottom ul li {
	padding-bottom:.5em;
}

.analysis .bottom,
#quicktabs-tabpage-eert_tabs-1 .bottom,
#ui-accordion-quickset-eert_narrow-panel-1 .bottom {
	background-color:#F4F0F9;
}

.design .bottom,
#quicktabs-tabpage-eert_tabs-2 .bottom,
#ui-accordion-quickset-eert_narrow-panel-2 .bottom {
	background-color:#fdf6ef;
}

.implementation .bottom,
#quicktabs-tabpage-eert_tabs-3 .bottom,
#ui-accordion-quickset-eert_narrow-panel-3 .bottom {
	background-color:#FCF1F0;
}

.refinement .bottom,
#quicktabs-tabpage-eert_tabs-4 .bottom,
#ui-accordion-quickset-eert_narrow-panel-4 .bottom {
	background-color:#F0F9F1;
}

.analysis ul,
#quicktabs-tabpage-eert_tabs-1 ul,
#ui-accordion-quickset-eert_narrow-panel-1 ul {
	list-style-image:url(../images/bullet_p1.png);
}

.design ul,
#quicktabs-tabpage-eert_tabs-2 ul,
#ui-accordion-quickset-eert_narrow-panel-2 ul {
	list-style-image:url(../images/bullet_p2.png);
}

.implementation ul,
#quicktabs-tabpage-eert_tabs-3 ul,
#ui-accordion-quickset-eert_narrow-panel-3 ul {
	list-style-image:url(../images/bullet_p3.png);
}

.refinement ul,
#quicktabs-tabpage-eert_tabs-4 ul,
#ui-accordion-quickset-eert_narrow-panel-4 ul {
	list-style-image:url(../images/bullet_p4.png);
}

.quicktabs-tabpage .field-name-field-eert-phase-icon {
	float:right;
	margin:0 0 1em 1em;
}

#picon {
	position:absolute;
	width:118px;
	height:118px;
	right:25px;
	top:-50px;
}

#picon.analysis {
	background:url(../images/eert_icon_p1.png) no-repeat center center;
}

#picon.design {
	background:url(../images/eert_icon_p2.png) no-repeat center center;
}

#picon.implementation {
	background:url(../images/eert_icon_p3.png) no-repeat center center;
}

#picon.refinement {
	background:url(../images/eert_icon_p4.png) no-repeat center center;
}

/*******************************
** Tab Styling
*******************************/
#quicktabs-eert_tabs {
}

#quicktabs-eert_tabs .item-list ul.quicktabs-tabs {
	background-color:#EDEDEE;
	padding:0 0 0 1em;
}

#quicktabs-eert_tabs ul.quicktabs-tabs li {
	margin:0;
	position:relative;
	text-align:center;
}

#quicktabs-eert_tabs ul.quicktabs-tabs li a {
	display:inline-block;
	min-height:45px;
	font-size:1.2em;
	padding: .25em .75em .5em .75em;
    position: relative;
    box-sizing: border-box;
	color:#4c4c4c;
}

#quicktabs-eert_tabs ul.quicktabs-tabs li.first a {
	padding-top:1.66em;
}

#quicktabs-eert_tabs ul.quicktabs-tabs li a.active {
}

#quicktabs-eert_tabs ul.quicktabs-tabs li.active a.active {
	background-color:#ffffff;
}

#quicktabs-eert_tabs ul.quicktabs-tabs li a:hover {
	text-decoration:none;
}

#quicktabs-container-eert_tabs {
}

#quicktabs-container-eert_tabs .quicktabs-tabpage {
	padding:0 1em;
}

/**
/* Style for the Educator Effectiveness Promo block
/************************************************************/
#eertPromo {
	position:relative;
}

#eertPromo h2 {
	font-size: 18px;
    margin: 0;
    font-weight: normal;
}

#eertPromo h2 a {
	border-bottom: 1px dotted #0C375D;
	text-decoration:none;
}

#eertPromo h2 a:hover {
	text-decoration:underline;
	border-bottom:none;
}

#eertPromo .block-content {
	background-color:#eef6fa;
	background-image:url(../images/eert_promo_corner.png);
	background-position:top left;
	background-repeat:no-repeat;
	border:1px solid #d1d8dc;
	padding:10px 70px 0 90px;
}

#eertPromo .button {
	position:absolute;
	right:20px;
	bottom:10px;
}

#eertPromo .button a {
	color: #fff;
    font-style: italic;
    font-size: 12px;
    padding: 3px 10px;
    background: #007BB5;
}

@media only screen and (max-width: 768px) and (min-width: 581px) {
}

@media only screen and (max-width: 580px) and (min-width: 1px) {
	#eertWide {
		display:none;
	}
	
	#eertNarrow {
		display:block;
	}
	
	#eertNarrow .ui-accordion .ui-accordion-content {
		padding:1em 0.75em;
	}
}