@-webkit-viewport {
	width: device-width;
}
@-moz-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
*, *:before, *:after {
	box-sizing: border-box
}
html, body, div, span, article, aside, figure, figcaption, footer, header, group, main, menu, nav, section, object, embed, iframe, applet, audio, video, img, picture, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ol, ul, li, a, pre, abbr, address, cite, code, del, ins, dfn, em, kbd, q, samp, small, sub, sup, var, b, i, u, s, strong, time, mark, bdi, bdo, ruby, rt, rp, form, fieldset, legend, label, input, button, select, textarea, keygen, output, progress, meter, details, summary, command, menu, table, thead, tbody, tfoot, caption, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	font-size: inherit;
	font-style: normal;
	vertical-align: baseline
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch
}
body {
	background-color: transparent;
	font-size: 100%;
	line-height: 1
}
article, aside, figure, figcaption, footer, header, hgroup, main, nav, picture, section, details {
	display: block
}
figure {
	margin: 0
}
hr {
	box-sizing: content-box;
	display: block;
	height: 0;
	border-top: 1px solid #cccccc
}
audio, video, canvas {
	display: inline-block;
	*display: inline;
	*zoom: 1
}
img, picture, svg, audio, video, canvas {
	max-width: 100%;
	height: auto;
	vertical-align: middle
}
img {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic
}
audio:not([controls]) {
	display: none
}
svg:not(:root) {
	overflow: hidden
}
a {
	background: transparent
}
a:active, a:hover {
	outline: 0
}
a:focus {
	outline: thin dotted
}
a img {
	border: none
}
strong, b {
	font-weight: bold
}
em, i, dfn {
	font-style: italic
}
ins, u {
	text-decoration: underline
}
del, s {
	text-decoration: line-through
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
	font-size: smaller
}
sup, sub {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
pre, code, kbd, samp, ruby, rt, rb {
	font-size: 1em;
	font-family: monospace
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
nav ol, nav ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
th, td, caption {
	text-align: left;
	vertical-align: top
}
[hidden], template {
	display: none
}
input, button, textarea, select, optgroup {
	margin: 0;
	padding: 0;
	border: 1px solid black;
	background: transparent;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
	*vertical-align: middle
}
select option {
	border: none
}
input, button {
	line-height: normal
}
button {
	text-transform: none;
	overflow: visible
}
button, select {
	text-transform: none
}
optgroup {
	font-weight: bold
}
input::-moz-focus-inner, button::-moz-focus-inner {
	padding: 0;
	border: 0
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="search"] {
	box-sizing: border-box;
	-webkit-appearance: textfield
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto
}
textarea {
	vertical-align: top;
	overflow: auto
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: 0.35em 0.635em 0.75em
}
legend {
	padding: 0;
	border: 0
}
.uniform {
	position: relative
}
.uniform--checkbox, .uniform--radio {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 7px;
	vertical-align: middle
}
.uniform--checkbox input, .uniform--radio input {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0
}
.uniform--checkbox span, .uniform--radio span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #e3e3e3
}
.uniform--checkbox span.uniform--checked, .uniform--radio span.uniform--checked {
	background-color: #2f7ee1
}
.uniform--checkbox span.uniform--checked:after, .uniform--radio span.uniform--checked:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.uniform--checkbox.uniform--focused span, .uniform--radio.uniform--focused span {
	border: 1px solid #2f7ee1 !important;
	outline: none !important;
	background-color: #ffeab8 !important
}
.uniform--checkbox span.uniform--checked:after {
	content: "\f00c";
	color: #fff;
	font-family: 'Copicon';
	font-size: 1em
}
.uniform--checkbox.uniform--focused span:after {
	color: #000
}
.uniform--radio span {
	border-radius: 100%
}
.uniform--radio span.uniform--checked:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #fff
}
.uniform--radio.uniform--focused span:after {
	background-color: #000
}
.uniform--select {
	width: 100% !important;
	overflow: hidden
}
.uniform--select span {
	display: block;
	width: 100% !important;
	height: 49px;
	padding: 13px 50px 11px 20px;
	position: relative;
	font-size: 16px;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	background-color: #e3e3e3;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
@media earth {
.uniform--select span {
	padding-left: 19px;
}
}
html.no-mediaqueries .uniform--select span {
	padding-left: 19px
}
.uniform--select span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 15px;
	height: 8px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none;
	background: url("../../img/project_o/cvslearning/icons/dropdown-arrow.png") no-repeat
}
.uniform--select select {
	width: 100%;
	height: 100%;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	font-size:16px;
	-webkit-appearance: textfield
}
.uniform--select.uniform--focused span {
	border-color: #2f7ee1 !important;
	outline: none !important;
	background-color: #fff !important
}

.uniform--file span {
	height: 40px;
	padding: 10px 9px
}
.uniform--file span.uniform--file-name {
	display: block;
	margin-right: 120px;
	border: 1px solid #e3e3e3;
	background-color: #e3e3e3;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
@media earth {
.uniform--file span.uniform--file-name {
	padding-left: 19px;
}
}
html.no-mediaqueries .uniform--file span.uniform--file-name {
	padding-left: 19px
}
.uniform--file span.uniform--file-button {
	width: 120px;
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #cdd3d7;
	border-radius: 0 2px 2px 0;
	color: #777;
	background-color: #fff;
	background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.125) 100%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 116px 36px;
	text-align: center;
	text-transform: uppercase
}
.uniform--file input {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	cursor: pointer
}
.uniform--file.uniform--focused span.uniform--file-name {
	border-color: #2f7ee1 !important;
	outline: none !important;
	background-color: #ffeab8 !important
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: none
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}
[dir="rtl"] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
/*html {
	background: #e3e3e3
}*/
body {
	color: #000;
	background-color: transparent
}
.container {
	position: relative;
	max-width: 1342px;
	/*min-width: 800px;*/
	background: #fff;
	/*padding: 40px 3%;*/
	padding-top:40px;
	padding-bottom:40px;
	margin: 0 auto
}
/*@media only screen and (min-width: 1180px) {
.container {
	padding-left: 8.2%;
	padding-right: 8.2%;
}
}*/
html.no-mediaqueries .container {
	padding-left: 8.2%;
	padding-right: 8.2%
}
@font-face {
	font-family: "EIR";
	src: url("../../../fonts/project_o/cvslearning/eir-light-web.eot?v=1");
	src: url("../../../fonts/project_o/cvslearning/eir-light-web.eot?#iefix") format("embedded-opentype"), url("../../../fonts/project_o/cvslearning/eir-light-web.woff?v=1") format("woff"), url("../fonts/eir-light-web.ttf?v=1") format("truetype"), url("../fonts/eir-light-web.svg#VAGRoundedStd-Bold?v=1") format("svg");
	font-weight: 100;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: "EIR";
	src: url("../../../fonts/project_o/cvslearning/eir-regular-web.eot?v=1");
	src: url("../../../fonts/project_o/cvslearning/eir-regular-web.eot?#iefix") format("embedded-opentype"), url("../../../fonts/project_o/cvslearning/eir-regular-web.woff?v=1") format("woff"), url("../../../fonts/project_o/cvslearning/eir-regular-web.ttf?v=1") format("truetype"), url("../../../fonts/project_o/cvslearning/eir-regular-web.svg#VAGRoundedStd-Bold?v=1") format("svg");
	font-weight: 400;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: "EIR";
	src: url("../../../fonts/project_o/cvslearning/eir-medium-web.eot?v=1");
	src: url("../../../fonts/project_o/cvslearning/eir-medium-web.eot?#iefix") format("embedded-opentype"), url("../../../fonts/project_o/cvslearning/eir-medium-web.woff?v=1") format("woff"), url("../fonts/eir-medium-web.ttf?v=1") format("truetype"), url("../fonts/eir-medium-web.svg#VAGRoundedStd-Bold?v=1") format("svg");
	font-weight: 500;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: "EIR";
	src: url("../../../fonts/project_o/cvslearning/eir-bold-web.eot?v=1");
	src: url("../../../fonts/project_o/cvslearning/eir-bold-web.eot?#iefix") format("embedded-opentype"), url("../../../fonts/project_o/cvslearning/eir-bold-web.woff?v=1") format("woff"), url("../../../fonts/project_o/cvslearning/eir-bold-web.ttf?v=1") format("truetype"), url("../../../fonts/project_o/cvslearning/eir-bold-web.svg#VAGRoundedStd-Bold?v=1") format("svg");
	font-weight: 700;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
body {
	font-family: "EIR";
	font-size: 15px;
	line-height: 1.46667em
}
a {
	color: #2f7ee1;
	text-decoration: underline
}
a:hover {
	color: #1c65c1
}
.button {
	display: inline-block;
	position: relative;
	border: none;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.4;
	vertical-align: middle
}
[data-icon] {
	display: inline-block
}
[data-icon='android'] {
	display: block;
	width: 30px;
	height: 35px;
	background: url("../../../img/project_o/cvslearning/icons/android.png") no-repeat
}
[data-icon='apple'] {
	display: block;
	width: 30px;
	height: 35px;
	background: url("../../../img/project_o/cvslearning/icons/apple.png") no-repeat
}
[data-icon='accordion-arrow'] {
	width: 15px;
	height: 8px;
	background: url("../../../img/project_o/cvslearning/icons/accordion-arrow.png") no-repeat
}
[data-icon='arrow-down'] {
	width: 15px;
	height: 8px;
	background: url("../../../img/project_o/cvslearning/icons/down-arrow.png") no-repeat
}
[data-icon='link'] {
	display: block;
	width: 59px;
	height: 59px;
	background: url("../../../img/project_o/cvslearning/icons/useful-links.png") no-repeat
}
[data-icon='play'], [data-icon='play--not-started'] {
	display: block;
	width: 6px;
	height: 11px;
	background: url("../../../img/project_o/cvslearning/icons/play.png") no-repeat
}
[data-icon='play--not-started'] {
	background: url("../../../img/project_o/cvslearning/icons/play--not-started.png") no-repeat
}
[data-icon='completed_tick'] {
	display: block;
	width: 11px;
	height: 10px;
	background: url("../../../img/project_o/cvslearning/icons/completed_tick.png") no-repeat
}
[data-icon='link-arrow'] {
	width: 17px;
	height: 19px;
	background: url("../../../img/project_o/cvslearning/icons/link-arrow.png") no-repeat
}
[data-icon='search'] {
	width: 36px;
	height: 36px;
	background: url("../../img/project_o/cvslearning/icons/search_white.png") no-repeat
}
[data-icon='user'] {
	width: 18px;
	height: 20px;
	background: url("../../../img/project_o/cvslearning/icons/user.png") no-repeat
}
[data-icon='cog'] {
	width: 29px;
	height: 20px;
	vertical-align:middle;
	background: url("../../../img/icons/cog_icon.png") no-repeat
}
.section-title {
	text-align: center;
	color: #2f7ee1;
	font-size: 26px;
	position: relative;
	font-weight: 400;
	margin: 0 auto 12px
}
.section-title span {
	display: inline-block;
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 0 20px
}
.section-title:before {
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 50%;
	margin: 1px 0 0;
	background: #2f7ee1
}
.section-subtitle {
	display: block;
	text-align: center;
	font-size: 17px;
	margin: 0 0 1em
}
.app-promo {
	padding: 60% 0 0;
	position: relative;
	margin: 0 0 20px;
	background: url("../../../img/project_o/cvslearning/app-promo.png") no-repeat
}
.app-promo__content {
	position: absolute;
	bottom: 21px;
	left: 40px
}
.app-promo__title {
	font-size: 1.86667em;
	line-height: 1;
	color: #fff;
	font-weight: 400;
	max-width: 200px;
	margin: 0 0 10px
}
.app-promo__links {
	text-align: center;
	width: 180px
}
.app-promo__link {
	display: inline-block;
	vertical-align: middle;
	padding: 5px 10px;
	transition: opacity 0.2s;
	opacity: 0.9;
	border:2px solid #ffffff;
	border-radius:4px;
}
.app-promo__link:hover {
	opacity: 1
}
.content-feed {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: 0 -5px 30px 0;
	padding: 15px 20px 0
}
.content-feed__list {
	font-size: 17px;
	padding: 0 0px
}
.content-feed__item {
	margin: 0 0 20px
}
.content-feed__item-type {
	display: inline-block;
	margin: 0 -5px 0 0;
	vertical-align: top;
	width: 35%
}
.content-feed__item-subject {
	display: inline-block;
	vertical-align: top;
	width: 65%;
	text-align: right
}
.content-feed__item-link {
	display: block;
	margin: -1px 0 0
}
.filters {
	margin: 0 auto 30px
}
.filter {
	display: inline-block;
	margin: 0 -5px 0 4.25%;
	width: 30.5%;
	vertical-align:top;
}
.filter:first-child {
	margin-left: 0
}
.filter>label {
	display: block;
	font-size: 1.33333em;
	font-weight: 700;
	color: #2f7ee1;
	margin: 0 0 10px
}
.home-filters {
	background: #ececec;
	width: 62.5%;
	display: inline-block;
	margin: 0 -5px 25px 0;
	vertical-align: middle;
	padding: 15px 20px
}
.home-filter {
	display: inline-block;
	background: #2f7ee1;
	color: #fff;
	border-radius: 3px;
	padding: 15px;
	text-decoration: none;
	margin: 0 -4px 0 6.65%;
	width: 28.9%;
	text-align: center;
	transition: background 0.2s
}
.home-filter:first-child {
	margin-left: 0
}
.home-filter:hover {
	background: #1f71d7;
	color: #fff
}
.home-right {
	width: 45%;
	display: inline-block;
	margin: 0 -5px 0 5%;
	vertical-align: top
}
.home-search {
	border:1px solid grey;
	background: #ffffff;
	width: 34%;
	display: inline-block;
	margin: 0 -5px 25px 3.5%;
	vertical-align: top;
	position: relative;
	border-radius: 4px;
	position: relative
}
.home-search input[type=search] {
	background: none;
	border: none;
	width: 100%;
	padding-right: 50px;
	padding: 16px 50px 16px 30px
}
.home-search button {
	position: absolute;
	right: 10px;
	top: 8px;
	border: none
}
.home-search__filters {
	position: absolute;
	right: 0;
	top: 100%;
	width: 100%;
	padding: 4px 0 0;
	text-align: right;
	font-size: 0.93333em
}
.home-search__filters input {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 20px
}
.home-search__filters input:first-child {
	margin-left: 0
}
.home-search__filters label {
	display: inline-block;
	vertical-align: middle
}
.most-viewed {
	display: inline-block;
	vertical-align: top;
	width: 45.7%;
	margin: 0 -5px 50px 0
}
.most-viewed--right {
	margin-left: 8.6%
}
.most-viewed__title {
	padding: 0 0 0 25px;
	margin: 0 0 25px;
	font-size: 26px;
	color: #2f7ee1;
	text-decoration: underline;
	font-weight: 400
}
.most-viewed__list {
	border: 2px solid #777;
	font-size: 1.2em;
	list-style: none;
	color: #4a575f
}
.most-viewed__list a {
	color: inherit;
	text-decoration: none;
	display: block
}
.most-viewed__list a:hover {
	background: #e3e3e3
}
.most-viewed__list li {
	background: #f6f7f8;
	border-bottom: 1px solid #777
}
.most-viewed__list li:first-child {
	border-top: 18px solid #9fd200
}
.most-viewed__list li:last-child {
	border-bottom: none
}
.most-viewed__list span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 -5px 0 0;
	width: 50%;
	padding: 9px 0 9px 25px
}
.quote {
	display: inline-block;
	width: 50%;
	text-align: center;
	padding: 20px 40px;
	outline: none
}
.quote__avatar {
	display: block;
	/*max-width: 95px;*/
	margin: 0 auto 30px;
	/*border-radius: 100%*/
}
.quote__body {
	font-size: 1.33333em;
	margin: 0 auto 20px
}
.quote__cite {
	font-size: 0.86667em
}
.quotes {
	position: relative;
	padding: 30px 0
}
.quotes .slick-dots {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	list-style: none
}
.quotes .slick-dots li {
	display: inline-block;
	margin: 0 7px
}
.quotes .slick-dots button {
	width: 10px;
	height: 10px;
	font-size: 0;
	text-indent: 120%;
	overflow: hidden;
	border-radius: 100%;
	border: none;
	background: #e3e3e3
}
.quotes .slick-dots .slick-active button {
	background: #2f7ee1
}
.search {
	border:1px solid grey;
	background: #ffffff;
	width: 34%;
	display: inline-block;
	margin: 0 -5px 25px 3.5%;
	vertical-align: middle;
	position: relative;
	border-radius: 4px;
	position: relative
}
.filters .search {
	display: block;
	margin: 0px 0 0;
	width: auto
}
.search input[type=search] {
	background: none;
	border: none;
	width: 100%;
	padding-right: 50px;
	padding: 16px 50px 16px 30px
}
.search button {
	position: absolute;
	right: 10px;
	top: 8px;
	border: none
}
.search__filters {
	position: absolute;
	right: 0;
	top: 100%;
	width: 100%;
	padding: 4px 0 0;
	text-align: right;
	font-size: 0.93333em
}
.search__filters input {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 20px
}
.search__filters input:first-child {
	margin-left: 0
}
.search__filters label {
	display: inline-block;
	vertical-align: middle
}
.useful-links {
	background: #e3e3e3;
	border: 2px solid #a4d22d;
	border-radius: 10px;
	padding: 10px;
	margin: 0 0 40px
}
.useful-links__title {
	width: 36%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 1.4em
}
.useful-links__title [data-icon] {
	margin: 0 auto 6px
}
.useful-links__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	width: 60%;
	padding: 5px 0 0 50px
}
.useful-links__link {
	color: #000;
	text-decoration: none;
	font-size: 18px;
	display: block;
	margin: 0 0 4px;
	padding: 0 0 0 32px
}
.useful-links__link [data-icon] {
	vertical-align: middle;
	float: left;
	margin: 0 0 0 -32px
}
.user-status {
	position: absolute;
	top: 10px;
	right: 2.5%
}
@media only screen and (min-width: 1180px) {
.user-status {
	right: 8.2%;
}
}
html.no-mediaqueries .user-status {
	right: 8.2%
}
.user-status__name {
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px 0 10px
}
.user-status__more {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 8px
}
.user-status__more i {
	display: block
}
.user-status [data-icon='user'] {
	vertical-align: middle
}
.accordion__title {
	position: relative;
	font-size: 20px;
	color: #4a575f;
	font-weight: 400
}
.accordion__title a {
	color: inherit;
	text-decoration: none;
	display: block;
	padding: 10px 20px 10px 24px
}
.accordion__title [data-icon] {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
	transition: -webkit-transform 0.2s;
	transition: transform 0.2s
}
.accordion__title.active [data-icon] {
	-webkit-transform: translateY(-50%) rotate(0);
	-ms-transform: translateY(-50%) rotate(0);
	transform: translateY(-50%) rotate(0)
}
.accordion__content {
	display: none;
	overflow: auto;
	overflow-x: hidden
}
.accordion__content.active {
	display: block
}
.lesson {
	padding: 20px;
	margin: 0 0 50px;
	background: #e3e3e3;
	border-radius: 3px
}
.lesson__left {
	display: inline-block;
	vertical-align: middle;
	width: 67.7%;
	margin: 0 -4px 0 0
}
.lesson__video {
	padding: 56.22% 0 0;
	position: relative
}
.lesson__video>* {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.lesson__video p {
	display: none
}
.lesson__control {
	display: inline-block;
	vertical-align: middle;
	width: 32.3%;
	height: 100%;
	background: #fff;
	padding: 6px 0px 0
}
.lesson__filters {
	margin: 0 auto 10px
}
.lesson__filter {
	display: inline-block;
	background: #fc3bc5;
	color: #fff;
	border-radius: 3px;
	padding: 9px 5px;
	text-decoration: none;
	font-size: 15px;
	text-align: center;
	margin: 0 -4px 0 3.5%;
	width: 31%;
	text-align: center;
	transition: background 0.2s
}
.lesson__filter:first-child {
	margin-left: 0
}
.lesson__filter:hover {
	background: #fb09b6;
	color: #fff
}
.lesson__filter--active {
	background: #33c123;
	cursor: pointer;
}
.lesson__filter--active:hover {
	background:#2eb420;
	cursor:pointer;
}
.video-list {
	list-style: none;
	background: #e3e3e3;
	padding: 14px 10px 14px 12px
}
.video-list__item {
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 0 13px
}
.video-list__item:last-child {
	margin-bottom: 0
}
.video-list__item:last-child .video-list__state:after {
	display: none
}
.video-list__play {
	display: block;
	text-decoration: none
}
.video-list__state {
	position: absolute;
	left: 0;
	top: 0;
	width: 23px;
	height: 23px;
	border-radius: 100%;
	background: #a4a4a4;
}
.video-list__state:after {
	content: "";
	width: 2px;
	height: 22px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 0 0 0 -1px;
	background: #a4a4a4;
}
.video-list__state [data-icon] {
	margin: 0 auto;
	position: relative;
	top: 6px;
	left: 1px
}
.video-list__state [data-icon='play'] {
	display: none
}
.video-list__progress {
	display: block;
	height: 23px;
	background: transparent;
	position: relative;
	font-size: 1em;
	line-height: 1.4;
	padding: 0 7px;
	white-space:nowrap;
}
.video-list__progress-indicator {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	background: transparent
}
.video-list__title, .video-list__time {
	position: relative;
	z-index: 1;
	color: #4a575f;
	display: inline-block;
	vertical-align: middle
}
.video-list__time {
	min-width: 47px;
	padding: 0 0px 0 0
}
.video-list__item--started [data-icon='play'] {
	display: block
}
.video-list__item--started [data-icon='play--not-started'] {
	display: none;
}
.video-list__item--started [data-icon='completed_tick'] {
	display: none;
}
.video-list__item--started .video-list__progress {
	/*background: #009b28*/
}
.video-list__item--started .video-list__progress-indicator {
	background: #33c123;
	/*color:#fff;*/
}
.video-list__item--started .video-list__title, .video-list__item--started .video-list__time {
	/*color: #fff;*/
}

.search-page__title {
	position: relative;
	color: #2f7ee1;
	font-size: 2em;
	margin: 0 0 1em;
	line-height: 1.4;
	font-weight: normal
}
.search-page__title span {
	position: relative;
	z-index: 1;
	display: inline-block;
	background: #fff;
	padding: 0 20px 0 0
}
.search-page__title:after {
	content: "";
	display: block;
	height: 5px;
	width: 100%;
	background: #9fd200;
	position: absolute;
	top: 50%;
	left: 0;
	margin: 7px 0 0
}
.search-list__item {
	*zoom: 1;
	display: block;
	padding: 30px 0 30px 230px;
	border-bottom: 5px solid #e3e3e3
}
.search-list__item:before, .search-list__item:after {
	content: " ";
	display: table
}
.search-list__item:after {
	clear: both
}
.search-list__item:first-child {
	padding-top: 0
}
.search-list__image {
	float: left;
	max-width: 200px;
	margin: 0 0 0 -230px
}
.search-list__title {
	color: #2f7ee1;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 6px;
	padding: 3px 0 0
}
.search-list__subtitle {
	display: block;
	font-size: 1em;
	min-height: 41px;
	margin: 0 0 4px;
	padding-bottom:10px;
}
.search-list__column {
	display: inline-block;
	vertical-align: top;
	/*width: 48%;*/
	margin: 0 -5px 0 0%
}
.search-list__column:first-of-type {
	margin-left: 0
}
.search-list__column .uniform--select {
	float: right;
	width: 47% !important;
	margin: 0 0 0 10px
}
.search-list__name {
	display: block;
	font-size: 1.06667em
}
.search-list__views {
	display: block;
	font-size: 1.06667em;
	color: #bbc3c8;
	padding-top:5px;
}

.search_page_subject_row
{
	width:100%;
	padding:10px;
}

.search_page_subject_row a
{
 	color:black;
 	text-decoration:none;
}
.search_page_subject_row a:hover .exams_overview_page
{
	color:#2f7ee1;
	text-decoration:underline; 	
}

.user_status_name_link .user-status__name
{
	text-decoration:underline !important; 	
	color:#2f7ee1 !important;
}
.user_status_name_link
{
 	text-decoration:none !important;
 	outline:none !important;
}
.user_status_name_link .user-status__name:hover
{
 	color: #1c65c1 !important;
}


.search_page_subject
{
 	float:left;
 	font-size:18px;
}
.odd_row
{
 	background-color:#efefef;
}


#all_subjects_junior_cert
{
	font-size:26px; 
	text-align:left; 
	float:left; 
	width:45%;
}

#all_subjects_leaving_cert
{
	font-size:26px; 
	text-align:left; 
	float:right; 
	width:45%;
}


.all_subjects_subject
{
	font-size:18px; 
	background:#efefef; 
	padding:8px; 
	border-radius:4px;
	margin-top:10px;
	margin-bottom:2px;
}
.all_subjects_topic
{
	font-size:14px; 
	padding-top:3px; 
	margin-left:20px; 
	border:1px solid rgb(170,170,170); 
	padding-bottom:3px; 
	padding-left:5px; 
	margin-top:2px; 
	border-radius:2px;
}
.all_subjects_left_column
{
	text-align:left; 
	float:left; 
	width:47%;
}
.all_subjects_right_column
{
	text-align:left; 
	float:right; 
	width:47%;
}

.all_subjects_subject a
{
 	color:black;
 	text-decoration:none;
}
.all_subjects_subject a:hover
{
	color:#2f7ee1;
	text-decoration:underline; 	
}
.all_subjects_topic a
{
 	color:black;
 	text-decoration:none;
}
.all_subjects_topic a:hover
{
	color:#2f7ee1;
	text-decoration:underline; 	
}




#voucher_info_notice
{
	border-color: #ffba00;
	color: #000;
	background: -moz-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(2%,#ffe6a0),color-stop(100%,#ffba00));
	background: -webkit-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: -o-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: #ffba00 -ms-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: #ffba00 linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6a0', endColorstr='#ffba00', GradientType=0);
	line-height: 23px;
	font-size: 16px;
	padding: 5px 15px;
	border: 1px solid #ececec;
	border-radius: 3.01px;
	margin: 5px 0px 5px 0;
	box-shadow: 0 1px 2px rgba(50,50,50,.3);
	text-decoration:none;
	text-align:left;
	position:absolute;
	z-index:999;
	top:5px;
	right:35%;
}


#free_trial_info_notice
{
	border-color: #ffba00;
	color: #000;
	background: -moz-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(2%,#ffe6a0),color-stop(100%,#ffba00));
	background: -webkit-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: -o-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: #ffba00 -ms-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: #ffba00 linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6a0', endColorstr='#ffba00', GradientType=0);
	line-height: 23px;
	font-size: 16px;
	padding: 5px 15px;
	border: 1px solid #ececec;
	border-radius: 3.01px;
	margin: 5px 0px 5px 0;
	box-shadow: 0 1px 2px rgba(50,50,50,.3);
	text-decoration:none;
	text-align:left !important;
	position:absolute;
	top:8px;
	//margin-top:-25px;
	//z-index:999;
	//top:5px;
	//right:38%;
}

.eir_open_month_div
{
	border-color: #ffba00;
	color: #000;
	background: -moz-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(2%,#ffe6a0),color-stop(100%,#ffba00));
	background: -webkit-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: -o-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: #ffba00 -ms-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: #ffba00 linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6a0', endColorstr='#ffba00', GradientType=0);
	line-height: 23px;
	font-size: 16px;
	padding: 5px 15px;
	border: 1px solid #ececec;
	border-radius: 3.01px;
	margin: 5px 0px 5px 0;
	box-shadow: 0 1px 2px rgba(50,50,50,.3);
	text-decoration:none;
	text-align:left !important;
	position:absolute;
	top:8px;
	//margin-top:-25px;
	//z-index:999;
	//top:5px;
	//right:38%;
}

@media screen and (max-width: 790px)
{
 	.eir_open_month_div
 	{
 	 	width:94% !important;
 	}
}

@media screen and (max-width: 575px)
{
 	.eir_open_month_div
 	{
 	 	display:none !important;
 	}
 	/*.container
 	{
 	 	padding-top:20px !important;
 	}*/
}


/* Homepage (below) */
@media screen and (max-width: 790px)
{
	.container
	{
	 	width:100% !important;
	 	/*min-width:auto !important;*/
	 	min-width:320px !important;
	}
	.home-search
	{
	 	display:none !important;
	}
	.home-filters
	{
	 	width:100% !important;
	}
	.home-filter
	{
		width:100% !important;
		margin-left:0px !important;
		margin-top:5px !important;
	}
	
	.content-feed
	{
	 	width:100% !important;
	}
	.home-right
	{
	 	width:100% !important;
	 	margin-left:0px !important;
	}
	.app-promo
	{
	 	/* padding:40% 0 0 !important; */
	 	background-size:100%;
	}
	.feedback_div
	{
	 	display:none !important;
	}
	#summary_block
	{
	 	width:100% !important;
	}
	#my_subjects_studied_block
	{
	 	width:100% !important;
	 	margin-top:5px !important;
	}
	#logins_block
	{
	 	width:100% !important;
	 	margin-top:-15px !important;
	}
	#study_time_block
	{
	 	width:100% !important;
	 	margin-top:5px !important;
	}
	.most-viewed
	{
	 	width:100% !important;
	}
	.most-viewed--right
	{
	 	margin-left:0px !important;
	}
	.most-viewed__list
	{
	 	font-size:14px !important;
	}
	.statistics_module_header
	{
	 	font-size:14px !important;
	 	padding-left:10px !important;
	}
	.statistics_module_header_span
	{
	 	padding-right:5px !important;
	}
	.statistics_timeperiod_dropdown_link span
	{
	 	font-size:12px !important;
	}
	.statistics_module_header_span img
	{
	 	width:18px !important;
	}
}

@media screen and (max-width: 450px)
{
	.no_data_to_display_div
	{
	 	padding-left:23% !important;
	}
}
/* Homepage (above) */


/* Player page (below) */
@media screen and (max-width: 700px)
{
	.filter
	{
	 	width:100% !important;
	 	margin-left:0px !important;
	}
	.filter label
	{
	 	margin-bottom:0px !important;
	 	margin-top:10px !important;
	}
	.lesson__control
	{
	 	width:100% !important;
	}
	.accordion
	{
	 	width:100% !important;
	}
	.lesson__left
	{
	 	width:100% !important;
	}
	.accordion__content
	{
	 	height:auto !important;
	}
}
/* Player page (above) */

/* Exam overview page (below) */
@media screen and (max-width: 820px)
{
	.exams_overview_page search_page_subject, .search_page_subject, .exams_overview_page search_page_subject, .exams_overview_page search_page_subject 
	{
	 	font-size:16px !important;
	}
}
@media screen and (max-width: 750px)
{
	.exams_overview_page search_page_subject, .search_page_subject, .exams_overview_page search_page_subject, .exams_overview_page search_page_subject 
	{
	 	font-size:14px !important;
	}
}
@media screen and (max-width: 630px)
{
	.exams_overview_page search_page_subject, .search_page_subject, .exams_overview_page search_page_subject, .exams_overview_page search_page_subject 
	{
	 	font-size:12px !important;
	}
}
/* Exam overview page (above) */

/* Header (below) */
@media screen and (max-width: 750px)
{
	.eir-nav__midnav.large-12.columns
	{
	 	margin-top:0px !important;
	 	margin-left:0px !important;
	}
	.menu_item:hover
	{
	 	padding-left:20px !important;
	 	padding-bottom:15px !important;
	}
	.eir-nav__mob-menu-img
	{
	 	margin-top:-33px !important;
	}
}
@media screen and (max-width: 950px)
{
	.eir-nav__midnav ul li a, .eir-nav__subnav ul li a
	{
	 	margin-left:25px;
	}
}
/* Header (above) */


.grey_video_player_button
{
	display: inline-block;
	background: #7f7f7f;
	color: #fff;
	border-radius: 3px;
	padding-top: 3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	text-decoration: none;
	margin-left:0px;
	margin-top:7px;
	width: auto;
	text-align: center;
	transition: background 0.2s;
	outline:0 !important;
}

.grey_video_player_button:hover
{
	background: #616161;
	color: #fff;
	outline:0 !important;
}
.grey_video_player_button:active
{
	outline:0 !important;
}

.blue_video_player_button
{
	display: inline-block;
	background: #2e7ad9;
	color: #fff;
	border-radius: 3px;
	padding-top: 3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	text-decoration: none;
	margin-left:0px;
	margin-top:7px;
	width: auto;
	text-align: center;
	transition: background 0.2s;
	outline:0 !important;
}

.blue_video_player_button:hover
{
	background: #2664b2;
	color: #fff;
	outline:0 !important;
}
.blue_video_player_button:active
{
	outline:0 !important;
}


.play_video_icon
{
 	position:absolute; 
	margin-top:-2px; 
	right:10px; 
}

.document_icon
{
 	position:absolute; 
	margin-top:-2px; 
	right:10px; 
}

.topic_quiz_button
{
	width:90px; 
	margin:0 0 0 10px; 
	height:70px; 
	padding:10px 0px 4px 25px;
	line-height:23px;
	background: #ccf0e1;
	cursor: pointer;
	display:inline-block;
	color:#000;
	border-radius:3px;
	text-decoration:none;
	font-size:16px;
	text-align:left;
	transition:background 0.1s;
	position:relative;
}

.topic_quiz_button:hover
{
 	color:#000;
 	cursor:pointer;
 	background:#80d9ab;
}
.topic_quiz_button:active
{
	cursor:pointer;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.425) inset;
}

.view_contents_dropdown .uniform--select:hover span
{
 	color:#000;
 	background:#bcbcbc;
}


.play_video_button
{
	width:100%; 
	float:right; 
	margin:0 0 0 10px; 
	height:35px; 
	padding:10px 0px 4px 20px;
	
	background: #e3e3e3;
	cursor: pointer;
	display:inline-block;
	color:#000;
	border-radius:3px;
	text-decoration:none;
	font-size:15px;
	text-align:left;
	transition:background 0.1s;
	position:relative;
}
.play_video_button:after
{
 	background: url("../../../img/project_o/cvslearning/icons/play_icon.png");
 	content: "";
 	position:absolute;
 	top:50%;
 	right:8px;
 	width:20px;
 	height:20px;
 	transform:translateY(-50%);
}
.play_video_button:hover
{
 	color:#000;
 	cursor:pointer;
 	background:#bcbcbc;
}
.play_video_button:active
{
	cursor:pointer;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.425) inset;
}

.lecture_notes_button
{
	width:100%; 
	float:right; 
	margin:0 0 0 10px; 
	height:35px; 
	padding:10px 0px 4px 20px;
	
	background: #e3e3e3;
	cursor: pointer;
	display:inline-block;
	color:#000;
	border-radius:3px;
	text-decoration:none;
	font-size:15px;
	text-align:left;
	transition:background 0.2s;
	position:relative;
}
.lecture_notes_button:after
{
 	background: url("../../../img/project_o/cvslearning/icons/document_icon.png");
 	content: "";
 	position:absolute;
 	top:50%;
 	right:10px;
 	width:16px;
 	height:16px;
 	transform:translateY(-50%);
}
.lecture_notes_button:hover
{
 	color:#000;
 	cursor:pointer;
 	background:#bcbcbc;
}
.lecture_notes_button:active
{
	cursor:pointer;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.425) inset;
}

.button_container
{
	width:70%; 
	float:left; 
	margin-left:10px;
}


/* Chrome specific */
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
	.video-list__state
	{
	 	margin-top:0px !important;
	} 
}

/* Firefox specific */
@-moz-document url-prefix()
{ 
	.video-list__state
	{
	 	margin-top:20px !important;
	} 
}


.profile_page_input
{
	font-size:16px; 
	width:280px; 
	padding:16px 10px 16px 15px; 
	border:1px solid grey; 
	border-radius:4px;
}
.profile_page_input_disabled
{
	background-color:#eee;
}


.red_button {
	display: inline-block;
	background: #e40046;
	color: #fff;
	border-radius: 3px;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	transition: background 0.2s;
	border:none; 
	width:100px;
	margin-left:10px; 
	/*height:36px;*/ 
	margin-top:3px;
	outline:none;	
}
.red_button:hover {
	background: #d10040;
	color: #fff
}

.green_button {
	display: inline-block;
	background: #3bb700;
	color: #fff;
	border-radius: 3px;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	transition: background 0.2s;
	border:none; 
	width:100px;
	margin-left:10px; 
	/*height:36px;*/ 
	margin-top:3px;
	outline:none;	
}
.green_button:hover {
	background: #36a500;
	color: #fff
}

.profile_page_family_access_input
{
	font-size:16px; 
	width:270px; 
	padding:10px 10px 10px 15px; 
	border:1px solid grey; 
	border-radius:4px;
}

.family_access_row
{
	margin-left:0px;
	margin-bottom:10px;
}

.green_label
{
	color:#3bb700 !important;
}

.profile_page_family_access_input_disabled
{
	background-color:#eee;
}

.bg-info, .bg-info-bottom
{
	background-color:#ffc800;
	padding:15px;
	margin-bottom:40px;
	margin-top:-20px;
	border-radius:4px;
	border:1px solid #e8c126;
	font-size:19px; 
}





#what_is_studyhub_link_from_five_min_restriction
{
 	border-bottom:none !important;
 	color:#2f7ee1 !important;
 	text-decoration:underline !important;
}
#what_is_studyhub_link_from_five_min_restriction:hover
{
 	color:#1c65c1 !important;
}



.studyhub_overlay_container
{
	display:block;
	overflow:hidden;
	//margin-right:17px;
	background-color:rgba(0,0,0, 0.4);
	position:absolute;
	width:100%;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:11100;
	outline:0;
	transition:opacity .15s linear;
	display:none;
}

.studyhub_overlay
{
 	 position:fixed;
 	 left:50%;
 	 top:50%;
	 /*margin:auto;*/
 	/*position:absolute;*/
 	margin-bottom:20px;
	/*left:50%;*/ 
}

.studyhub_overlay_content
{
 	box-shadow:0 5px 15px rgba(0,0,0,.5);
 	
 	background-color:#fff;
 	background-clip:padding-box;
 	border:1px solid rgba(0,0,0,.2);
 	border-radius:6px;
 	outline:0;
 	font-size:16px;

	position:relative;
	left:-50%;
	top:-50%; 	
}

.studyhub_overlay_header
{
 	padding:15px;
 	border-bottom:1px solid darkgrey;
}

.studyhub_overlay_body
{
 	position:relative;
 	padding:15px;
}

.studyhub_overlay_header .close
{
 	float:right;
 	color:black;
 	opacity:.2;
 	font-size:30px;
 	border:none;
 	font-weight:bold;
 	line-height:21px;
}

.studyhub_overlay_header .close:hover
{
	opacity:.5;
	cursor:pointer;
}

/*.overlay_info_div
{
  z-index: 1000;
  background-color: #FFFFFF;
  border: 1px solid;
  color: #636363;
  font-size: 17px;
  font-weight: normal;
  left: 50%;
  line-height: 1.4;
  padding: 25px 30px 23px;
  position: fixed;
  text-align: center;
  top: 50%;
  text-decoration: none;
  border-radius: 4px; 
  margin-left:-150px;
	//display: none;
}

.overlay_info_div span.exit
{
  color: grey;
  position: absolute;
  top: -5px;
  right:2px;
}

.overlay_info_div span.exit:hover
{
  color: black;
  cursor: pointer;
}

#topics_view_link_not_logged_in_div a.link1
{
  background-color: #FFFFFF;
  color: #F37022;
  display: inline;
  font-weight: bold;
  margin-left: 0;
  padding: 0;
  margin-bottom: -6px;
  text-align: center;
  width: 74px;
  text-decoration: none;    
}

#topics_view_link_not_logged_in_div a.link1:hover
{
  text-decoration: underline;
}

#topics_view_link_not_logged_in_div a.link2
{
  background-color: #66CC66;
  color: #FFFFFF;
  display: block;
  margin-bottom: -6px;
  margin-left: 32px;
  padding: 1px 0;
  text-align: center;
  width: 74px;
  text-decoration: none;
  margin-top: 5px;
}
*/


.latest_content__title
{
	text-align:center; 
	font-size:21px;
}
.latest_content__colored_line_div
{
	margin-left:30px; 
	margin-right:30px; 
	margin-bottom:10px;
}

.latest_content_image_div
{
	float:left; 
	width:20%;
}
.latest_content_text_div
{
	float:left; 
	width:80%; 
	font-size:18px;
}
.latest_content_text_div__exam_title
{
	float:left;
}
.latest_content_text_div__subject_title
{
	float:right; 
	font-size:18px;
}
.latest_content_text_div__topic_title
{
	text-align:left; 
	font-size:18px;
}
.latest_content_grey_line_div
{
	border-top:1px solid #ccc; 
	margin-left:20px; 
	margin-right:10px; 
	margin-top:10px; 
	margin-bottom:10px;
}



.latest_studyhub_news__title
{
	text-align:center; 
	font-size:21px;
	text-decoration:none;
}
.latest_studyhub_news__title:hover
{
 	text-decoration:underline !important;
}
.latest_studyhub_news__colored_line_div
{
	margin-left:30px; 
	margin-right:30px; 
	margin-bottom:10px;
}

.latest_studyhub_news_image_container_div
{
	float:left; 
	width:13%; 
	margin-left:5%;
}
.latest_studyhub_news_image_div
{
	background-size:cover; 
	width:50px; 
	height:50px; 
	background-position:center; 
	border-radius:50%;  
}
.latest_studyhub_news_text_div
{
	float:left; 
	width:80%; 
	font-size:18px;
}
.latest_studyhub_news_text_div__title
{
	float:left;
	text-align:left;
}
.latest_studyhub_news_text_div__time_since
{
	text-align:left; 
	font-size:14px;
	background: url(../../../img/icon_time.png) no-repeat left;
	padding-left:24px;
	display:inline-block;
	float:left;
}
.latest_studyhub_news_grey_line_div
{
	border-top:1px solid #ccc; 
	margin-left:20px; 
	margin-right:10px; 
	margin-top:10px; 
	margin-bottom:10px;
}
.latest_studyhub_news__rounded_image
{
	border-radius: 35px;
	margin-top: 3px;
	max-width: 50px;
	max-height: 50px;
	min-width: 50px;
	min-height: 50px;
}

#latest_lesson_and_notes_div
{
	width:48%; 
	text-align:center; 
	float:left;
}
#latest_studyhub_news_div
{
	width:48%; 
	text-align:center; 
	float:right;
}
#latest_studyhub_news_header
{
	text-align:center; 
	margin:0px auto; 
	width:330px;
}

@media screen and (max-width: 750px)
{
	#latest_lesson_and_notes_div
	{
		width:100%; 
		text-align:center; 
	}
	#latest_studyhub_news_div
	{
		width:100%; 
		text-align:center; 
	}
	
	#app_promotion_div
	{
	 	width:100% !important;
	}
	.useful-links
	{
		width:100% !important;
	}
}

.linear_gradient_orange
{
	background: -moz-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(2%,#ffe6a0),color-stop(100%,#ffba00));
	background: -webkit-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: -o-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: #ffba00 -ms-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
	background: #ffba00 linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
}

.past_paper
{
	font-size: 15px;
	padding-top: 3px;
	margin-left: 0px;
	border: 1px solid #ccc;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-top: 5px;
	border-radius: 2px;
	width: 49%;
}
.past_paper_left
{
 	float:left;
}
.past_paper_right
{
 	float:right;
}
.past_paper a
{
 	text-decoration:none;
 	color:black;
}
.past_paper a:hover
{
	text-decoration:underline;
	color:#2f7ee1;
}












.blue_studyhub_button
{
  /*background-color:#95b3d7;*/
  background-color:#AFC5E0;
  padding:15px;
  color:#fff !important;
  width:auto;
  font-size:16px;
  border-radius:35px;
  outline:none;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-right:10px;
  border:none;
  padding-right:25px;
  text-decoration:none !important;
}
.blue_studyhub_button:active
{
	cursor:pointer;
	box-shadow:inset 0 0 0 1px #27496d,inset 0 5px 10px #193047;
}
.blue_studyhub_button_active
{
	box-shadow:inset 0 0 0 1px #27496d,inset 0 5px 10px #193047;
}
.magnifying_glass_icon
{
  background-image:url('../../../img/icons/search_icon.png');
  background-repeat:no-repeat;
  width:27px;
  height:30px;
  display:block;
  position:relative;
  float:left;
  margin-top:-5px;
  margin-bottom:-5px;
  margin-right:10px;
}
.past_papers_icon
{
  background-image:url('../../../img/icons/document_icon.png');
  background-repeat:no-repeat;
	width:23px;
  height:30px;
  display:block;
  position:relative;
  float:left;
  margin-top:-5px;
  margin-bottom:-5px;
  margin-right:10px;
}
.page_guide_icon
{
  background-image:url('../../../img/icons/location_pin_icon.png');
  background-repeat:no-repeat;
	width:27px;
  height:30px;
  display:block;
  position:relative;
  float:left;
  margin-top:-5px;
  margin-bottom:-5px;
  margin-right:10px;
}
.white_tick_mark_icon
{
  background-image:url('../../../img/icons/white_tick_mark_icon.png');
  background-repeat:no-repeat;
	width:27px;
  height:30px;
  display:block;
  position:relative;
  float:left;
  margin-top:-5px;
  margin-bottom:-5px;
  margin-right:10px;
}

#the_social_share_buttons
{
	background-color:#e3e3e3; 
	float:right; 
	width:145px;
	border:1px solid #19b560;
	border-radius:4px;
	padding-left:5px;
	margin-bottom:15px;
}
#the_social_share_buttons a img
{
 	width:41px;
 	padding:4px;
}
#the_blue_buttons
{
	float:left;
	margin-top:15px;
	width:81%;
}
#blue_search_form
{
 	display:none;
}
#exam_grading_info
{
 	display:none;
}
.blue_studyhub_button span
{
 	vertical-align:middle;
}


/*@media screen and (max-width: 1070px)
{
	.blue_studyhub_button2
	{
		font-size:14px !important;
		padding:10px !important;
		padding-right:20px !important;
	}
}*/
@media screen and (max-width: 950px)
{
	.blue_studyhub_button2
	{
		letter-spacing:0px !important;
	}
}

@media screen and (max-width: 890px)
{
	.blue_studyhub_button2
	{
	 	margin-right:0px !important;
	}
}

@media screen and (max-width: 835px)
{
	#the_blue_buttons
	{
	 	width:100% !important;
	}
	#the_social_share_buttons
	{
	 	width:auto !important;
	 	margin-top:10px !important;
	 	float:left !important;
	}
}

/*@media screen and (max-width: 680px)
{
	.blue_studyhub_button2
	{
		font-size:12px !important;
		margin-right:0px !important;
	}
	.past_papers_icon, .page_guide_icon, .white_tick_mark_icon, .magnifying_glass_icon
	{
	 	background-size:80% !important;
	 	margin-bottom:-10px !important;
	}
}*/
@media screen and (max-width: 630px)
{
	.blue_studyhub_button2
	{
	 	font-size:10px !important;
	}
	.past_papers_icon, .page_guide_icon, .white_tick_mark_icon, .magnifying_glass_icon
	{
	 	margin-right:0px !important;
	}
}
@media screen and (max-width: 630px)
{
	.blue_studyhub_button2
	{
	  width:100% !important;
	  font-size:14px !important;
	  margin-bottom:3px !important;
	  letter-spacing:1px !important;
	}
	#the_social_share_buttons
	{
	  display:none !important;
	}	
}

.blue_studyhub_button2
{
  /*background-color:#95b3d7;*/
  background-color:#AFC5E0;
  padding:15px;
  color:#fff !important;
  width:auto;
  font-size:16px;
  border-radius:35px;
  outline:none;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-right:10px;
  border:none;
  padding-right:25px;
  text-decoration:none !important;
  display:inline-block;
}
.blue_studyhub_button2:active
{
	cursor:pointer;
	box-shadow:inset 0 0 0 1px #27496d,inset 0 5px 10px #193047;
}

.one_column
{
 	width:33%;
 	float:left;
}

.search-list__title
{
	margin-left:0px !important;
}

.view_contents_dropdown
{
	float:left; 
	width:100%; 
	margin-top:5px;
}

.view_contents_dropdown .uniform--select
{
	width:100% !important;
}

.view_contents_dropdown .uniform--select span
{
	height:35px;
	padding-top:9px;
}

.view_contents_dropdown .uniform--select span:after
{
	background: url('../../img/icons/accordion-arrow.png');
}
#topics_view_link_not_logged_in_div
{
  z-index: 1000;
  background-color: #FFFFFF;
  border: 1px solid;
  color: #636363;
  font-size: 17px;
  font-weight: normal;
  left: 42%;
  line-height: 1.4;
  padding: 3px 20px 13px;
  position: fixed;
  text-align: center;
  top: 30%;
  text-decoration: none;
  border-radius: 4px; 
  display: none;
}

#topics_view_link_not_logged_in_div span.exit
{
  color: #000000;
  cursor: pointer;
  left: 162px;
  position: absolute;
  top: -4px;
}

#topics_view_link_not_logged_in_div a.link1
{
  background-color: #FFFFFF;
  color: #F37022;
  display: inline;
  font-weight: bold;
  margin-left: 0;
  padding: 0;
  margin-bottom: -6px;
  text-align: center;
  width: 74px;
  text-decoration: none;    
}

#topics_view_link_not_logged_in_div a.link1:hover
{
  text-decoration: underline;
}

#topics_view_link_not_logged_in_div a.link2
{
  background-color: #66CC66;
  color: #FFFFFF;
  display: block;
  margin-bottom: -6px;
  margin-left: 32px;
  padding: 1px 0;
  text-align: center;
  width: 74px;
  text-decoration: none;
  margin-top: 5px;
}












#topics_view_link_no_access_div
{
  z-index: 1000;
  background-color: #FFFFFF;
  border: 1px solid;
  color: #636363;
  font-size: 17px;
  font-weight: normal;
  left: 42%;
  line-height: 1.4;
  padding: 3px 20px 13px;
  position: fixed;
  text-align: center;
  top: 30%;
  text-decoration: none;
  border-radius: 4px; 
  display: none;
}

#topics_view_link_no_access_div span.exit
{
  color: #000000;
  cursor: pointer;
  left: 185px;
  position: absolute;
  top: -4px;
}

#topics_view_link_no_access_div a.link1
{
  background-color: #FFFFFF;
  color: #F37022;
  display: inline;
  font-weight: bold;
  margin-left: 0;
  padding: 0;
  margin-bottom: -6px;
  text-align: center;
  width: 74px;
  text-decoration: none;    
}

#topics_view_link_no_access_div a.link1:hover
{
  text-decoration: underline;
}

#topics_view_link_no_access_div a.link2
{
  background-color: #66CC66;
  color: #FFFFFF;
  display: block;
  margin-bottom: -6px;
  margin-left: 42px;
  padding: 1px 0;
  text-align: center;
  width: 74px;
  text-decoration: none;
  margin-top: 5px;
}







@media screen and (max-width: 700px)
{
	.search_filter_div
	{
	 	display:none;
	}
}

@media screen and (max-width: 925px)
{
	.radio_buttons_in_search_form
	{
	 	font-size:14px !important;
	}
}
@media screen and (max-width: 780px)
{
	.radio_buttons_in_search_form
	{
	 	font-size:12px !important;
	}
}

@media screen and (max-width: 900px)
{
	.button_container
	{
	 	width:90%;
	}
}

@media screen and (max-width: 700px)
{
	.search-list__item
	{
	 	padding-left:0px !important;
	}
	.search-list__image
	{
	 	margin-left:0px !important;
	 	width:100% !important;
	 	max-width:none !important;     
	}
  .search-list__column
  {
    width: 50% !important;
  	display: inline-block !important;
  	vertical-align: top !important;
  	margin: 0 -5px 0 0% !important;
    float: left !important;
  }
  /*.search-list__column
  {
    width: 100% !important;
  	display: inline-block !important;
  	vertical-align: top !important;
  	margin: 0 -5px 0 0% !important;
    float: left !important;
  }*/
  /*[class*=column]+[class*=column].end, [class*=column]+[class*=column]:last-child, [class*=columns]+[class*=columns].end, [class*=columns]+[class*=columns]:last-child
  {
    padding-top:15px !important;
  }*/
  .search-list__image
  {
    width: 47% !important;
    margin-left:10px !important;
    float:right !important;
    margin-bottom:10px !important;
    border-radius:4px !important;
  }
  .button_container
  {
    width:100% !important;
    float:right;
    margin-top:15px;
  }
  /*.button_container
  {
    width:47% !important;
    float:right;
  }*/
	.topic_quiz_container
	{
	 	display:none !important;
	}
	/*.button_container2
	{
	 	padding-top:5px;
	}*/
	.video_info_div
	{
	 	display:block !important;
	}
	#main-content
	{
	 	padding-left:3%;
	 	padding-right:3%;
	}
	#the_master_button_container
	{
	 	width:100% !important;
	 	clear:both !important;
	}
	.button_container2
	{
	 	padding-left:10px;
	 	margin-top:15px;
	}
}


.video_info_div
{
	display:none;
	float:left;
	margin-top:15px;
}


#black_message_div_on_subjects_page
{
	z-index:999; 
	display:none; 
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background-color:#000; 
	opacity:.5;
}


#the_message_modal
{
	-webkit-animation: fadeIn .3s ease forwards;
	animation: fadeIn .3s ease forwards;
	width: 28.125rem;
	display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1000;
  margin: 0;
  max-height: 100%;
  overflow: hidden;
  padding: 0;
  border-radius: .1875rem;
  background-color: transparent;	    

	position:absolute; 
	top:50%; 
	left:50%; 
	transform: translate(-50%, -50%);
	display:none;
	z-index:9999;
}

#the_message_modal_header
{
	position: relative;
	margin: 0;
	padding: 1.5625rem 3.125rem 1.5625rem 1.5625rem;
	font-size: 1.25rem;
	color: #1a2e3b;
	border-bottom: 1px solid #D0D8DB;
	background-color: #F2F4F5;
	border-radius: .1875rem .1875rem 0 0;
}

#the_message_modal_header_title
{
	font-size: 1.2rem;
	color: #1a2e3b;	
	font-weight: 700;
	line-height: 1.189;
}

#the_message_modal_body
{
	padding: 1.5625rem;
	background-color: #FFF;
	font-size: 1.1rem;
	overflow: auto;
	border-radius: 0 0 .1875rem .1875rem;
}

#the_message_modal_header_close_button
{
  position: absolute;
  z-index: 1003;
  top: 50%;
  right: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  color: #879CAB;
  border: none;
  background: 0 0;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity:.5;
}

#the_message_modal_header_close_button:hover
{
	opacity:1;
}

@media screen and (max-width: 480px)
{
	#the_message_modal
	{
		width:90%;
	}
}
.container-4{
  overflow: hidden;
  width: 365px;
  vertical-align: middle;
  white-space: nowrap;
  float:right;
  margin-top:10px;
  text-align:right;
}

.container-4 input#q{
  width: 315px;
  height: 45px;
  background: #fff;
  border: 1px solid #28c181;
  font-size: 10pt;
  float: left;
  color: #000;
  padding-left: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius:5px;
  font:inherit;
  padding-top:0px;
  padding-bottom:0px;
}
.container-4 input#q:focus{
	outline: 0 none; 
}

@-moz-document url-prefix() { 
  .container-4 input#q {
     height:47px;
  }
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    .container-4 input#q
		{
		 	height:47px;
		}
		#q
		{
		 	width:320px !important;
		}
}*/

.container-4 input#q::-webkit-input-placeholder {
   color: #65737e;
}
 
.container-4 input#q:-moz-placeholder { /* Firefox 18- */
   color: #65737e;  
}
 
.container-4 input#q::-moz-placeholder {  /* Firefox 19+ */
   color: #65737e;  
}
 
.container-4 input#q:-ms-input-placeholder {  
   color: #65737e;  
}

.container-4 button.icon{
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
 
  border: none;
  background: #28c181;
  height: 47px;
  width: 50px;
  color: #fff;
  opacity: 1;
  margin-left:-50px;
  font-size: 10pt;
 	cursor:pointer;
}

.container-4:hover button.icon:hover{
  background: #00b269;
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}/* 

  Video Learning Pack CSS  

*/

body {
  background-color: #fff; margin:0px;
  font-family: Arial, Helvetica, sans-serif; font-weight:normal;
}

.divDebug {
  position:absolute; right:0px; width:400px; height:200px; display:none; z-index:99;
  font-size:12px; overflow:scroll;
}

img {
  border:none;
}


#bttnopen_elvideo:hover, #bttnopen_emavideo:hover {
}

#bttnopen_elhandout, #bttnopen_emahandout {
}

#bttnopen_elhandout:hover, #bttnopen_emahandout:hover {
}

#bttnopen_elaudio100 {
}

#bttnopen_elaudio100:hover {
}

#bttnopen_elaudio200 {
}

#bttnopen_elaudio200:hover {
}

#headerbox{
  display: none;
  position: relative; 
  padding:10px 0px 6px 8px; 
  border-bottom: 1px solid black; 
  background-color:#ffffff;
}


#headerbox img#logo {
/*    display:block;*/
    display:none;

}

#closewindowbox {
	position: absolute; 
	top:11px; 
	left:650px; 
	width: 200px; 
	overflow:hidden;
	text-align:right;
	font-size:13px;
	color:#166d86;
    display: none;
}

#bttnclosepack {
  display:block; float:right; width:34px; height:26px;
  background: url('/css/cvs/images/bttnpackclose.png') no-repeat top;
}

#bttnclosepack:hover {
  background: url('/css/cvs/images/bttnpackclose_hover.png');
}

#closewindowbox span.label {
  display:block; float:right; width:150px; margin-right:8px; margin-top:5px;
}

#vlpcaptionbox {
 font-size: 16pt; font-weight:bold;
  margin:4px 0px 0px 4px;
}

#vlpcaptionbox #vlpcaption {
/*  color:#645555;*/
  color:#C40650;
    
}
#vlpcaptionbox #vlptitle {
/*  color:#166d86;*/
  color:#645555; 
  margin-left:6px;  overflow:hidden;
}

#bodybox{
  position:relative; margin: 8px 0px 0px 8px;
}

.buttonpanel {
  position: relative; 
  left: 0px; top: 0px;
  float: left; 
}
#emabuttonpanel {
  margin-left: 6px;
}
.buttonpanel div {
  float: left;
  padding: 6px 8px;
}
.buttonpanel .top {
  color: white;
  background-color: #f15a22;
  font-weight: bold;
}
.buttonpanel .mid {
  padding: 0px 0px 0px 0px;
}
.buttonpanel .bottom {
  padding: 0px;
}
.buttonpanel .mid a {
  float: left;
  position: relative;
  text-decoration: none;
  font-weight: bold;
  color: #333333;
  padding: 6px 8px 6px 43px;
  text-shadow: 0px 1px 1px #fff;
}
#facebook .buttonpanel .mid a {
  font-size: 13px;
  padding: 8px 5px 8px 43px;
}
.oldbuttonpanel a,
.oldpack-button {
	display: block;
	border: 1px solid rgb(85, 85, 85);
	border-radius:1px 1px 1px 1px;
	-moz-border-radius:1px 1px 1px 1px;
	-webkit-border-radius:1px 1px 1px 1px;
	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.55);
	-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.55);
	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(90deg, rgb(170, 170, 170), rgb(255, 255, 255));
	background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, from(rgb(170, 170, 170)), to(rgb(255, 255, 255)));
	background-image:-moz-linear-gradient(90deg, rgb(170, 170, 170), rgb(255, 255, 255));
}
.buttonpanel .mid a,
.pack-button {
	display: block;
	border: 1px solid rgb(85, 85, 85);
        border-width: 0px 0px 1px 1px;
	border-radius:1px 1px 1px 1px;
	-moz-border-radius:1px 1px 1px 1px;
	-webkit-border-radius:1px 1px 1px 1px;
	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(90deg, rgb(170, 170, 170), rgb(255, 255, 255));
	background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, from(rgb(170, 170, 170)), to(rgb(255, 255, 255)));
	background-image:-moz-linear-gradient(90deg, rgb(170, 170, 170), rgb(255, 255, 255));
}
.buttonpanel .mid a.active {
  border-top-width: 1px;
  border-bottom-width: 0px;
	background-color: rgb(120, 170, 170);
	background-image:linear-gradient(90deg, rgb(120, 170, 170), rgb(255, 255, 255));
	background-image:-webkit-gradient(linear, 50% 100%, 50% 10%, from(rgb(120, 170, 170)), to(rgb(255, 255, 255)));
	background-image:-moz-linear-gradient(90deg, rgb(120, 170, 170), rgb(255, 255, 255));
}
.buttonpanel .mid a span {
	display: block;
	position: absolute;
	width: 32px; height: 32px;
	top: 0px; left: 3px;
	background: url('/static/images/icons-32.png') no-repeat 0px 0px;
}
.buttonpanel .mid a.active span {
  top: 1px;
}
#bttnopen_elvideo span, 
#bttnopen_emavideo span {
	background-position: 0px -31px;
}
#bttnopen_elhandout span, 
#bttnopen_emahandout span {
	background-position: 0px 0px;
}
#bttnopen_elaudio100  span, 
#bttnopen_emaaudio100 span {
	background-position: 0px -64px;
}

#licensetext {
  position:absolute; left:0px; top:484px;
  font-size: 8.0pt; color: #575757;
}

#infopanel {
  position:absolute; 
  width:692px; height:416px;
  left: 35px; top: 47px; 
  visibility:visible;
  font-size: 10pt; 
  text-align: left; 
  line-height: 14px;
  border: 1px solid rgb(245, 131, 89);
}

#infopanel div div {
  clear: both;
  padding: 3px 12px;
  font-weight: bold; 
  color: #645555; 
}
.studyhub-rounded {
	border: 1px solid rgb(127,127,127);
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	background-color: rgb(255, 255, 255);
	background-image: linear-gradient(-90deg, rgb(255, 255, 255), rgb(255, 255, 255));
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(255, 255, 255)));
	background-image: -moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}
#infopanel div span {
  color: rgb(245,131,89);
  display: block;
  float: left;
  width: 120px;
}
#infopanel div.larger {
  font-size: 108%;
}
#infopanel div.divider {
  font-size: 108%;
  padding-bottom: 8px;
  border-bottom: 1px solid rgb(245, 131, 89);
  margin-bottom: 8px;
}

#productcodecaption {
  font-size: 10pt; color: #575757;
  position: absolute; width:auto; height:20px; z-index:2; left: 345px; top: 473px; overflow:hidden; 
}

#infoSKU {
  position: absolute; width: 216px; height: auto; z-index: 2; left: 430px; top: 473px; padding: 0px; overflow:hidden;
  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal; color: #333333; text-align:left; 
}

#infopanel div#infodescription {
  font-weight: normal; 
  color: #645555; 
  text-align:left; 
}

#infoimage {
  display:block; position:absolute; left:10px; top:147px; visibility:hidden;
}

#divright {
 position:absolute; left:740px; top:40px; width:175px;
} 
#facebook #divright {
	display: none;
}
#studyhublogo {
  display:block;
}

#bubbles {
  display:block; margin-left:4px;
}
#searchindexcontainer {
  display: none;
  position: absolute;
  left: 39px;
  top: 186px;
  width: 172px;
  font-size: 13px;
  height: 200px;
  padding: 0px 0px;
  z-index: 9999;
}
#searchindexcontainer a {
  display: block;
  text-decoration: none;
  color: #444444;
  padding: 0px 3px;
  border: 0px solid #ffffff;
  border-top-width: 1px;
}
#searchindexcontainer a.active {
  font-weight: bold;
  color: white;
  background: #777777 url('../../img/stream.jpg') no-repeat -385px 0px;
}
.pack-panel {
	display: none;
}
#front-panel {
	display: block;
}
.all-packs {
}
#exam_2 {
	float: left;
	width: 48%;
}
#exam_1 {
	float: right;
	width: 48%;
}
#mid .all-packs a:link {
  text-decoration: none;
} 
#mid .packs-links div.pack-link,
#mid .subjects-links a:link,
#mid #subjects a:link,
#mid #packs a:link {
	display: block;
	clear: both;
	font-size: 13px;
background-color: #eeeeee;
text-align: left;
margin: 2px 0px;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
	border: 1px solid rgb(110,110,110);
	border-radius:1px 1px 1px 1px;
	-moz-border-radius:1px 1px 1px 1px;
	-webkit-border-radius:1px 1px 1px 1px;
	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.33);
	-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.33);
}
.all-packs .subjects-links .packs-links a,
#mid .all-packs #subjects a,
#mid .all-packs #packs a {
	font-size: 11px;
background-color: #ffffff;
margin: 2px 0px 2px 8px;
padding: 2px 3px;
text-decoration: none;
font-weight: bold;
	border: 1px solid rgb(170,170,170);
}
.all-packs .subjects-links a {
	font-size: 14px;
font-weight: bold;
background-color: #eeeeee;
margin: 3px 0px;
padding: 3px 3px;
}
#top-bar {
  width: 63%;
  float: left;
  text-align: left;
}
#top-bar a {
  font-size: 80%;
  color: #88aa88; 
}
#top-bar .pack-choices a {
	display: block;
	float: right;
}
#top-bar .top-choices {
  text-align: left;
}
#top-bar .pack-choices {
  clear: both;
  text-align: left;
}
#top-bar select {
  border: solid 1px #dddddd;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}
#top-bar select#exam_choice {
}
#top-bar select#subject_choice {
}
#top-bar select#pack_choice {
  font-size: 16px;
}
.pack-frame,
#pack-frame {
  border: none;
}
span.link-title,
span.link-description {
	display: block;
}
span.link-title {
	font-size: 14px;
	color: #222222;
}
span.link-description {
	font-size: 11px;
	font-weight: normal;
}
.packs-links img.author-img {
  display: block;
  float: left;
  margin: 0px 5px 0px 0px;
  border: solid 1px #999999; 
}
span.link-description span.link-intro-more {
	display: none;
}
a.edit_link {
	display: block;
	float: right;
}
.bbq-loading {
	position: absolute;
	left: 49%;
	top: 300px;
}









.blue_studyhub_button
{
  /*background-color:#95b3d7;*/
  background-color:#AFC5E0;
  padding:10px;
  color:#fff !important;
  width:auto;
  font-size:16px;
  border-radius:10px;
  outline:none;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-right:10px;
  border:none;
  /*padding-right:25px;*/
  text-decoration:none !important;
}
.blue_studyhub_button:active
{
	cursor:pointer;
	box-shadow:inset 0 0 0 1px #27496d,inset 0 5px 10px #193047;
}
.blue_studyhub_button_active
{
	box-shadow:inset 0 0 0 1px #27496d,inset 0 5px 10px #193047;
}
.magnifying_glass_icon
{
  background-image:url('../../../assets/img/icons2/search_icon.png');
  background-repeat:no-repeat;
  width:27px;
  height:30px;
  display:block;
  position:relative;
  float:left;
  margin-top:-5px;
  margin-bottom:-5px;
  margin-right:10px;
}
.past_papers_icon
{
  background-image:url('../../../assets/img/icons2/document_icon.png');
  background-repeat:no-repeat;
	width:23px;
  height:30px;
  display:block;
  position:relative;
  float:left;
  margin-top:-5px;
  margin-bottom:-5px;
  margin-right:10px;
}
.page_guide_icon
{
  background-image:url('../../../assets/img/icons2/location_pin_icon.png');
  background-repeat:no-repeat;
	width:27px;
  height:30px;
  display:block;
  position:relative;
  float:left;
  margin-top:-5px;
  margin-bottom:-5px;
  margin-right:10px;
}
.white_tick_mark_icon
{
  background-image:url('../../../assets/img/icons2/white_tick_mark_icon.png');
  background-repeat:no-repeat;
	width:27px;
  height:30px;
  display:block;
  position:relative;
  float:left;
  margin-top:-5px;
  margin-bottom:-5px;
  margin-right:10px;
}

#the_social_share_buttons
{
	background-color:#e3e3e3; 
	float:right; 
	width:145px;
	border:1px solid #19b560;
	border-radius:4px;
	padding-left:5px;
	margin-bottom:15px;
	margin-top:5px;
}
#the_social_share_buttons a img
{
 	width:41px;
 	padding:4px;
}
#the_blue_buttons
{
	float:left;
	margin-top:15px;
	text-align:left;
}
#blue_search_form
{
 	display:none;
}
#exam_grading_info
{
 	display:none;
}
.blue_studyhub_button span
{
 	vertical-align:middle;
}


@media screen and (max-width: 1070px)
{
	.blue_studyhub_button
	{
		font-size:14px !important;
		padding:10px !important;
		padding-right:20px !important;
	}
}
@media screen and (max-width: 950px)
{
	.blue_studyhub_button
	{
		letter-spacing:0px !important;
	}
}

@media screen and (max-width: 890px)
{
	.blue_studyhub_button
	{
	 	margin-right:0px !important;
	}
}

@media screen and (max-width: 835px)
{
	/*#the_blue_buttons
	{
	 	width:100% !important;
	}*/
	#the_social_share_buttons
	{
	 	width:auto !important;
	 	margin-top:10px !important;
	 	float:left !important;
	}
}

@media screen and (max-width: 680px)
{
	.blue_studyhub_button
	{
		font-size:12px !important;
		margin-right:0px !important;
	}
	.past_papers_icon, .page_guide_icon, .white_tick_mark_icon, .magnifying_glass_icon
	{
	 	background-size:80% !important;
	 	margin-bottom:-10px !important;
	}
}
@media screen and (max-width: 630px)
{
	.blue_studyhub_button
	{
	 	font-size:10px !important;
	}
	.past_papers_icon, .page_guide_icon, .white_tick_mark_icon, .magnifying_glass_icon
	{
	 	margin-right:0px !important;
	}
}
@media screen and (max-width: 630px)
{
	.blue_studyhub_button
	{
	  width:100% !important;
	  font-size:14px !important;
	  margin-bottom:3px !important;
	  letter-spacing:1px !important;
	}
	#the_social_share_buttons
	{
	  display:none !important;
	}	
}

.bg-info, .bg-info-bottom
{
	background-color:#ffc800;
	padding:15px;
	margin-bottom:10px;
	margin-top:10px;
	border-radius:4px;
	border:1px solid #e8c126;
	font-size:18px; 
}

/*.dropdown_holder .dropdown dd ul
{
 	z-index:1111111 !important;
}*/
.link-contents-active
{
	z-index: 9999 !important;
}

.new_red_button
{
	background-color:#ED4F3D !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	padding-left:20px;
	padding-right:20px;
	border-radius:4px !important;
	color:#fff !important;
	text-decoration:none !important;
	font-size:18px !important;
	outline:none !important;
}
.new_red_button:hover
{
	color:white !important;
	text-decoration: none !important;
	background-color:#d44637 !important;
}
.new_red_button:active
{
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.125) inset;
	color:white !important;
	text-decoration: none !important;
}

.new_blue_button
{
	background-color:#5277b2 !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	padding-left:20px;
	padding-right:20px;
	/*border-radius:4px !important;*/
	color:#fff !important;
	text-decoration:none !important;
	font-size:18px !important;
	outline:none !important;
}
.new_blue_button:hover
{
	color:white !important;
	text-decoration: none !important;
	background-color:#49699f !important;
}
.new_blue_button:active
{
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.125) inset;
	color:white !important;
	text-decoration: none !important;
}








#black_login_register_div
{
	z-index:999; 
	display:none; 
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background-color:#000; 
	opacity:.5;
}

#the_login_modal
{
	-webkit-animation: fadeIn .3s ease forwards;
	animation: fadeIn .3s ease forwards;
	width: 28.125rem;
	display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1000;
  margin: 0;
  max-height: 100%;
  /*overflow: hidden;*/
  padding: 0;
  border-radius: .1875rem;
  background-color: transparent;	    

	position:absolute; 
	top:50%; 
	left:50%; 
	transform: translate(-50%, -50%);
	display:none;
	z-index:9999;
}

#the_login_modal_header
{
	position: relative;
	margin: 0;
	padding: 1.5625rem 3.125rem 1.5625rem 1.5625rem;
	font-size: 1.25rem;
	color: #1a2e3b;
	border-bottom: 1px solid #D0D8DB;
	background-color: #F2F4F5;
	border-radius: .1875rem .1875rem 0 0;
}

#the_login_modal_header_title
{
	font-size: 1.25rem;
	color: #1a2e3b;	
	font-weight: 700;
	line-height: 1.189;
}

#the_login_modal_body
{
	padding: 1.5625rem;
	background-color: #FFF;
	font-size: .875rem;
	overflow: auto;
	border-radius: 0 0 .1875rem .1875rem;
}

.the_login_modal_input
{
	border-color: #D0D8DB;
  background-color: #fff;
  line-height: normal;	
  padding: .9375rem;
  font-size: 1rem;
	width:100%;
  box-sizing: border-box;
  display: block;
	border: 1px solid #D0D8DB;
	border-radius: .1875rem;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom:10px;
}

#the_login_modal_header_close_button
{
  position: absolute;
  z-index: 1003;
  top: 50%;
  right: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  color: #879CAB;
  border: none;
  background: 0 0;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity:.5;
}

#the_login_modal_header_close_button:hover
{
	opacity:1;
}

#the_login_modal_forgot_password
{
	color: #17272E;
	display: inline-block;
	font-size: .8rem;
	font-weight: 400;
	text-align:left;
	text-decoration:none;
	margin-bottom:20px;
	margin-top:0px;	
}

.modal_green_button
{
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	box-sizing: border-box;
	display: block;
	font-size: 1rem;
	line-height: 2.875;
	padding: 0 1.5rem;
	min-width: 7rem;
	min-height: 3rem;	
	color: #FFF;
	background-color: #7FC400;
	border-color: #7FC400;

  position: relative;
  -webkit-appearance: none;
  appearance: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  border-radius: .1875rem;
  text-align: center;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  letter-spacing: .5px;
  -webkit-font-smoothing: initial;
  
  cursor:pointer;
  outline:none;
}

.modal_green_button:hover
{
	color: #FFF;
	background-color: #5A9E02;
	border-color: #5A9E02;
}

.modal_green_button:active
{
	background-color:#3d6c01;
	border-color:#5A9E02;
	transform: scale(.98);
}

.modal_green_button:disabled
{
 	color:#f7f6f6;
 	background-color:#b7caa5;
 	box-shadow:none;
 	border-color:#b7caa5;
}

.modal_or
{
	margin-top: 6px;
	margin-bottom: -3px;
	font-family: HelveticaNeue;
	font-size: 14px;
	padding-bottom:10px;
}

.facebook_icon
{
	top: -1px;
	width: 15px;
	height: 15px;
	position: relative;
	margin-right: 10px;
	border-radius: 5px;
}

.modal_blue_button
{
	margin-left:0;
	margin-right:0;
	background-color:#4267b2;
  border: 0;
  color: #FFF;
  width: 100%;
	text-align: center;	
	font-size: 1rem;
  line-height: 2.875;
  padding: 0 1.5rem;
  min-width: 7rem;
  min-height: 3rem;

  position: relative;
  -webkit-appearance: none;
  appearance: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
  border-radius: .1875rem;
  text-align: center;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  letter-spacing: .5px;
  -webkit-font-smoothing: initial;
  
  cursor:pointer;
  outline:none;
}

.modal_blue_button:hover
{
	background-color:#2f579e;
}

.modal_blue_button:active
{
	transform: scale(.98);
}

#dont_have_an_account
{
	margin: 20px 0 10px;
	display: block;
	color: #4E5A5E;
	font-size: 18px;
	line-height: 18px;
}

#the_login_modal_buttons
{
 	/*height:200px;*/
}

#the_login_modal_join_link
{
 	color:#00ADEF;
 	text-decoration:none;
}

#the_login_modal_join_link:hover
{
 	color:#08C;
}

#the_login_modal_error_message_div
{
	padding:1.25rem;
	background-color:#FFEDED;
	border-radius: 5px;
	display: block;
	position: relative;
	font-size: .875rem;
	line-height: 1.3;
	color: #1a2e3b;
	text-align: left;
	margin-bottom:15px;
	display:none;
}

@media screen and (max-width: 480px)
{
	#the_login_modal
	{
		width:100%;
	}
}

@media screen and (max-width: 340px)
{
	.modal_green_button, .modal_blue_button
	{
		font-size:14px;
	}
}

@media screen and (max-width: 300px)
{
	.modal_green_button, .modal_blue_button
	{
		font-size:12px;
	}
}






















#the_register_modal
{
	-webkit-animation: fadeIn .3s ease forwards;
	animation: fadeIn .3s ease forwards;
	width: 28.125rem;
	display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1000;
  margin: 0;
  max-height: 100%;
  /*overflow: hidden;*/
  padding: 0;
  border-radius: .1875rem;
  background-color: transparent;	    

	position:absolute; 
	top:50%; 
	left:50%; 
	transform: translate(-50%, -50%);
	display:none;
	z-index:9999;
}

#the_register_modal_header
{
	position: relative;
	margin: 0;
	padding: 1.5625rem 3.125rem 1.5625rem 1.5625rem;
	font-size: 1.25rem;
	color: #1a2e3b;
	border-bottom: 1px solid #D0D8DB;
	background-color: #F2F4F5;
	border-radius: .1875rem .1875rem 0 0;
}

#the_register_modal_header_title
{
	font-size: 1.25rem;
	color: #1a2e3b;	
	font-weight: 700;
	line-height: 1.189;
}

#the_register_modal_body
{
	padding: 1.5625rem;
	background-color: #FFF;
	font-size: .875rem;
	overflow: auto;
	border-radius: 0 0 .1875rem .1875rem;
}

.the_register_modal_input
{
	border-color: #D0D8DB;
  background-color: #fff;
  line-height: normal;	
  padding: .9375rem;
  font-size: 1rem;
	width:100%;
  box-sizing: border-box;
  display: block;
	border: 1px solid #D0D8DB;
	border-radius: .1875rem;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom:10px;
}

#the_register_modal_header_close_button
{
  position: absolute;
  z-index: 1003;
  top: 50%;
  right: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  color: #879CAB;
  border: none;
  background: 0 0;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity:.5;
}

#already_have_an_account
{
	margin: 20px 0 10px;
	display: block;
	color: #4E5A5E;
	font-size: 18px;
	line-height: 18px;
}

#the_register_modal_login_link
{
 	color:#00ADEF;
 	text-decoration:none;
}

#the_register_modal_login_link:hover
{
 	color:#08C;
}

#the_register_modal_body
{
	padding: 1.5625rem;
	background-color: #FFF;
	font-size: .875rem;
	overflow: auto;
	border-radius: 0 0 .1875rem .1875rem;
}


.the_register_modal_input
{
	border-color: #D0D8DB;
  background-color: #fff;
  line-height: normal;	
  padding: .9375rem;
  font-size: 1rem;
	width:100%;
  box-sizing: border-box;
  display: block;
	border: 1px solid #D0D8DB;
	border-radius: .1875rem;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom:10px;
}

#the_register_modal_header_close_button
{
  position: absolute;
  z-index: 1003;
  top: 50%;
  right: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  color: #879CAB;
  border: none;
  background: 0 0;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity:.5;
}

#the_register_modal_header_close_button:hover
{
	opacity:1;
}

#the_register_modal_buttons
{
 	/*height:200px;*/
}

#the_register_modal_error_message_div
{
	padding:1.25rem;
	background-color:#FFEDED;
	border-radius: 5px;
	display: block;
	position: relative;
	font-size: .875rem;
	line-height: 1.3;
	color: #1a2e3b;
	text-align: left;
	margin-bottom:15px;
	display:none;
}

.modal_input_alert
{
	border-color:#FF4D4D;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='298 389 16 14'%3E%3Cpath fill='%23ff4d4d' d='M313.7 400l-6-10c-.4-.6-1-1-1.7-1s-1.4.4-1.7 1l-6 10c-.2.3-.3.6-.3 1 0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2 0-.4-.1-.7-.3-1zm-6.7 1h-2v-2h2v2zm0-3h-2v-5h2v5z'/%3E%3C/svg%3E") right .625rem top 50% no-repeat;
	background-size: 16px; 
}

@media screen and (max-width: 480px)
{
	#the_register_modal
	{
		width:100%;
	}
}













.feedback_div
{
	top:40%; 
	right:0px !important; 
	position:fixed !important; 
	width:36px; 
	height:100px; 
	overflow:hidden !important; 
	border:0; 
	outline:none;
	z-index:999;
}
#feedback_overlay_link
{
	display:block !important; 
	position: absolute !important; 
	width:36px; 
	height:100px; 
	cursor:pointer !important; 
	background: url(<?php echo site_url('assets/img/feedback_button2.png'); ?>) !important; 
	background-color: #fcb03f !important;
	margin-left:5px;
}
#feedback_overlay_link:hover
{
 	margin-left:2px !important;
}

/* the overlayed element */
#feedback_overlay
{
  /* initially overlay is hidden */
  display:none;

  /* growing background image */
  background-image:url(<?php echo site_url('assets/img/feedback_overlay/white.png'); ?>);

  /*
    width after the growing animation finishes
    height is automatically calculated
    */
  width:500px;
  height: 400px;
  overflow: none;

  /* some padding to layout nested elements nicely  */
  padding:35px;

  /* a little styling */
  font-size:12px;
  text-align:center;
}

/* default close button positioned on upper right corner */
#feedback_overlay .corner_close
{
	background-color: transparent;
	background-image: url(<?php echo site_url('assets/img/feedback_overlay/close.png'); ?>);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index: 10000;
	opacity:0.8;
	filter:alpha(opacity=80);    
}
#feedback_overlay .corner_close:hover
{
  opacity:1.0;
  filter:alpha(opacity=100);    
}


</style>

<div class="feedback_div">
	<a id="feedback_overlay_link" rel="#feedback_overlay" href="javascript:void(0);"></a>
</div>



<style>
@media screen and (-webkit-min-device-pixel-ratio:0)
{
  .page-top
  {
    height:72px !important;
  }
}
@-moz-document url-prefix()
{  
  .page-top
  {
    height:72px !important;
  }
}

.logged_in_as_link
{
 	color: #666666;
 	text-decoration:none;
}
.logged_in_as_link:hover
{
 	color: #666666;
	text-decoration:underline;
}
#fb_header_div
{
  position:absolute;
  margin-top:18px; 
  margin-left:620px;
}





#user_name_link_ul:before
{
	clear:both;
}
#user_name_link_ul
{
 	margin-top:0px;
 	position:absolute;
 	top:28px;
 	right:0px;
 	z-index:10000;
 	float:right;
 	min-width:160px;
 	padding: 5px 0;
 	/*margin: 2px 0 0;*/
 	font-size:14px;
 	text-align:left;
 	list-style:none;
 	background-color:white;
 	background-clip:padding-box;
 	border:1px solid rgba(0,0,0,.15);
 	/*border-radius:4px;*/
 	box-shadow:0 6px 12px rgba(0,0,0,.175);
 	display:none;
}

#user_name_link_ul>li>a
{
 	padding:6px 20px;
 	display:block;
 	text-decoration:none;
 	color:#505050;
}
#user_name_link_ul>li>a:focus, #user_name_link_ul>li>a:hover
{
 	text-decoration:none;
 	background-color:#f5f5f5;
 	display:block;
 	padding:6px 20px;
 	white-space:nowrap;
 	color:#505050;
}
#user_name_container
{
	position:relative;
	z-index:99;
}

/*.user_avatar:after
{
	background-image: url(<?php echo site_url('assets/img/down_arrow_icon.png'); ?>);
	width:9px;
	height:8px;
	content:'';
	display:inline-block;
	background-repeat:no-repeat;
	margin-left:3px;
}*/


@media screen and (max-width: 980px)
{
	/*#the_classic_menu
	{
	 	width: 500px !important;
	 	font-size:12px;
	 	margin-top:10px;
	}
	#page-top div.right h3
	{
	 	font-size:18px;
	}
	#page-top div.right ul li a
	{
	 	font-size:14px;
	}*/

	.page-top
	{
		width: 100% !important;
	}
	#mid, .bbq#main-content
	{
		/*width: 100% !important;*/
		width:94% !important;
		padding-left:3%;
	}
	.container
	{
	 	width: 100% !important;	
	}

	body, body.logged_in, #mid
	{
		width: 100% !important;
	}
}
@media screen and (max-width: 900px)
{
	#page-top div.right
	{
	 	width: 460px !important;
	}
	#page-top div.right h3
	{
	 	font-size:18px;
	}
	#page-top div.right ul li a
	{
	 	font-size:14px;
	}
}
@media screen and (max-width: 860px)
{
 	#the_hamburger_menu
 	{
 	 	display:block;
 	}
 	/*#the_classic_menu
 	{
 	 	display:none;
 	}*/
}
@media screen and (max-width: 470px)
{
	#the_logo_and_slogan_div
	{
	 	width:300px !important;
	 	height:auto !important;
	}
	#the_logo_and_slogan_div h1
	{
	 	font-size:16px !important;
	 	margin-top:0px !important;
	}
	#the_logo_and_slogan_div a
	{
	 	height: auto !important;
	}
	#the_logo_and_slogan_div img
	{
		width:100%;
	}
	#page-top
	{
	 	height: auto !important;
	} 
}
@media screen and (max-width: 390px)
{
	#the_logo_and_slogan_div
	{
	 	width:250px !important;
	 	height:auto !important;
	}
	#the_logo_and_slogan_div h1
	{
	 	font-size:14px !important;
	 	margin-top:0px !important;
	}
	#the_logo_and_slogan_div a
	{
	 	height: auto !important;
	}
	#page-top
	{
	 	height: auto !important;
	} 
}

/*@media screen and (min-width: 860px)
{
 	#the_hamburger_menu
 	{
 	 	display:none;
 	}
}*/

#the_hamburger_content
{
 	display:none;
 	width:100%;
 	background-color:#fff;
 	text-align:left;
 	padding:10px;
 	z-index:99999;
 	position:relative;
 	/*border-bottom:1px solid grey;*/
}

.the_hamburger_content_li
{
 	list-style-type: none;
 	display:inline-block;
 	width:100%;
 	padding:5px;
}
.the_hamburger_content_li:hover
{
	background-color:#eee;
} 
.the_hamburger_content_a
{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	font-size:20px;
	text-decoration:none;
	font-weight:bold;
	width:100%;
}
.the_hamburger_content_a_orange
{
	color:#ED4F3D;
}
.the_hamburger_content_a_blue
{
	color:#5277B2;
}


@media screen and (max-width: 970px)
{
 	#top-footer .new_red_button
 	{
 	 	margin-left:50px !important;
 	}
}
@media screen and (max-width: 910px)
{
 	#top-footer .new_red_button
 	{
 	 	margin-left:30px !important;
 	}
}
@media screen and (max-width: 825px)
{
 	#top-footer .new_red_button
 	{
 	 	margin-left:10px !important;
 	}
}
@media screen and (max-width: 730px)
{
 	#top-footer .new_red_button
 	{
 	 	width:47% !important;
 	}
 	#top-footer
 	{
 	 	height:145px !important;
 	}
}
@media screen and (max-width: 730px)
{
 	#top-footer .new_red_button
 	{
 	 	width:44% !important;
 	}
}


/*@media screen and (max-width: 920px)
{
 	#top-footer .new_red_button
 	{
 	 	margin-left:50px;
 	}
}
@media screen and (max-width: 840px)
{
 	#top-footer .new_red_button
 	{
 	 	margin-left:40px;
 	}
}
@media screen and (max-width: 800px)
{
 	#top-footer .new_red_button
 	{
 	 	margin-left:20px;
 	}
}
@media screen and (max-width: 720px)
{
 	#top-footer .new_red_button
 	{
 	 	width:45% !important;
 	}
 	#top-footer
 	{
 	 	height:145px !important;
 	}
}
@media screen and (max-width: 445px)
{
 	#top-footer .new_red_button
 	{
 	 	margin-left:10px;
 	}
}*/

@media screen and (max-width: 790px)
{
	#support_footer, #want_to_chat, #connect_with_us, #find_us
	{
	 	width:25% !important;
	 	padding-left:0px !important;
	}
	.footer
	{
	 	height:150px !important;
	}
}
@media screen and (max-width: 570px)
{
	#support_footer, #want_to_chat, #connect_with_us, #find_us
	{
	 	width:50% !important;
	 	height:auto !important;
	}
	.footer
	{
	 	height:300px !important;
	}
}





@media screen and (max-width: 435px)
{
	.latest_content_row_header_left
	{
	 	width:90%;
	 	text-align:left;
	 	font-size:16px;
	}
	.latest_content_row_header_right
	{
		width:90%;
		text-align:left;
		float:left;
		width:auto;
		font-size:16px; 	
	}
	.latest_content_row_right_div
	{
		width:70%;
		margin-left:5px;
	}
	.latest_content_row_link
	{
	 	font-size:16px;
	}
}

@media screen and (max-width: 315px)
{
	.latest_content_row_right_div
	{
	 	width:60%;
	 	margin-left:10px;
	}
	.latest_content_row_header_left, .latest_content_row_header_right, .latest_content_row_link
	{
	 	font-size:14px;
	}
}

@media screen and (max-width: 340px)
{
	#top-footer a
 	{
 	 	margin-top:5px;
 	 	width:70% !important;
 	 	margin-left:10px;
 	}
}

#the_logo_and_slogan_div
{
	float:left; 
}

#the_basic_menu li
{
	color:#2f7ee1; 
	font-weight:bold;
	padding:10px;
	font-size:18px;
}
#the_basic_menu li a
{
	text-decoration:none;
}
#the_basic_menu li a:hover
{
	text-decoration:underline;
}
#basic_header_container
{
	padding-top:10px;
	padding-bottom:10px;
}
#register_button_from_header
{
	border-radius:4px;
	background-color:#ec4e3d;
	color:#fff;
	padding-left:20px;
	padding-right:20px;
	padding-top:6px;
	padding-bottom:6px;
	text-decoration:none;
	border:1px solid #bc91a0;
	font-size:14px;
	outline:none;
	cursor:pointer;
}
#login_button_from_header
{
	border-radius:4px;
	background-color:#fff;
	color:#2f7ee1;
	padding-left:20px;
	padding-right:20px;
	padding-top:6px;
	padding-bottom:6px;
	text-decoration:none;
	border:1px solid #c1cfe4;
	font-size:14px;
	outline:none;
}
#register_button_from_header:hover
{
	background-color:#df493a;
}
#register_button_from_header:active
{
	cursor:pointer;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.425) inset;
}

#login_button_from_header:hover
{
	/*background-color:#df493a;*/
}
#login_button_from_header:active
{
	cursor:pointer;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.125) inset;
}

#signup_and_login_buttons_div
{
	padding-left:10px; 
	padding-top:5px; 
	float:right; 
}
#logout_button_div
{
	padding-left:10px; 
	padding-top:10px; 
	float:right;
	margin-left:26px; 
}
#logout_button_div a
{
	font-size:18px; 
	color:#ed4f3d; 
	font-weight:bold;
	text-decoration:none;  
}
#logout_button_div a:hover
{
 	text-decoration:underline;
}

@media screen and (max-width: 985px)
{
	#the_basic_menu
	{
	  display:none;
	}	
}

@media screen and (max-width: 650px)
{
	#signup_and_login_buttons_div
	{
	 	display:none;
	}
}

@media screen and (max-width: 570px)
{
	#logout_button_div
	{
		display:none;
	}
}

#user_name_container
{
	float:right;
	width:100%;
}
.user_avatar
{
	/*border:1px solid #7f7f7f;*/
	border-radius:4px;
	/*padding:10px;*/
 	display:inline-block;
 	font-size:14px;
 	color:#505050;
 	text-decoration:none;
 	float:right;
 	margin-top:8px;
}

.user_avatar:before
{
 	background-image: url("../../img/icons/user_avatar_icon.png");
 	width:16px;
 	height:15px;
	content:'';
	display:inline-block;
	margin-right:2px;
	vertical-align:bottom;
	background-repeat:no-repeat;	  
}
/* 

  Video Learning Pack CSS  

*/
a {
	position: relative;
}
div.header div.container div.links {
	margin-top: 0px;
}
div.header div.container div.links a.topleft_logo {
	text-decoration: none;
	font-size: 150%;
	line-height: 0.7em;
	padding-top: 0px;
}
body.index  div.container div.statement.front-page h3 span {
	margin: 0px;
	padding: 0px;
}
.DrSugiyama {
	font-family: "Dr Sugiyama", cursive;
	font-size: 200%;
	line-height: 55%;
	padding-bottom: 0.1em;
}
.Orbitron {
	font-family: Orbitron, sans-serif;
	font-size: 85%;
	font-weight: bold;
}
.cursive {
	color: #777777;
}
.robotic {
	color: #f15a21;
}
a.topleft_logo .cursive {
	color: #aaaaaa;
}
#vlpcaptionbox #vlpcaption {
  color:#C40650;
}
#vlpcaptionbox #vlptitle {
  color:#645555; 
}
.buttonpanel .top {
  color: #104386;
  background-color: #e1d4c0;
}
.buttonpanel a {
  color: #333333;
}
#licensetext {
  position:absolute; left:0px; top:484px;
  font-size: 8.0pt; color: #575757;
}
#infopanel {
  position:absolute; 
  width:692px; height:416px;
  left: 35px; top: 47px; 
  visibility:visible;
  font-size: 10pt; 
  text-align: left; 
  line-height: 14px;
  border: 1px solid rgb(245, 131, 89);
}
#infopanel div div {
  clear: both;
  padding: 3px 12px;
  font-weight: bold; 
  color: #645555; 
}
.front-button,
.studyhub-rounded {
	position: relative;
	border: 1px solid rgb(127,127,127);
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	background-color: rgb(255, 255, 255);
	background-image: linear-gradient(-90deg, rgb(255, 255, 255), rgb(255, 255, 255));
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(255, 255, 255)));
	background-image: -moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(255, 255, 255));
	/* behavior: url(css/pie/PIE.htc);*/
}
.pricing_box,
.statement.rounded-corners,
.front-page-panel {
	border: 1px solid rgb(127,127,127);
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
}
.statement.rounded-corners {
  border: 1px solid #cb2828;
}
.statement.rounded-corners h3 {
  width: 100%;
  font-family: "PT Sans Caption", Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 115%;
  padding: 0em;
  margin: 0em;
  white-space: nowrap;
}
.front-page-panel {
	background: url(/css/fp/kids.jpg) no-repeat top right;
}
.front-page-panel h1 {
	width: 50%;
	padding: 12px 12px;
}
#infopanel div span {
  color: rgb(245,131,89);
  display: block;
  float: left;
  width: 120px;
}
#infopanel div.larger {
  font-size: 108%;
}
#infopanel div.divider {
  font-size: 108%;
  padding-bottom: 8px;
  border-bottom: 1px solid rgb(245, 131, 89);
  margin-bottom: 8px;
}
#productcodecaption {
  font-size: 10pt; color: #575757;
  position: absolute; width:auto; height:20px; z-index:2; left: 345px; top: 473px; overflow:hidden; 
}
#infoSKU {
  position: absolute; width: 216px; height: auto; z-index: 2; left: 430px; top: 473px; padding: 0px; overflow:hidden;
  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight:normal; color: #333333; text-align:left; 
}
#infopanel div#infodescription {
  font-weight: normal; 
  color: #645555; 
  text-align:left; 
}

#infoimage {
  display:block; position:absolute; left:10px; top:147px; visibility:hidden;
}

#divright {
 position:absolute; left:740px; top:40px; width:175px;
} 
#facebook #divright {
	display: none;
}
#studyhublogo {
  display:none;
}
#bubbles {
  display:none;
}
#searchindexcontainer {
  display: none;
  position: absolute;
  left: 39px;
  top: 186px;
  width: 172px;
  font-size: 13px;
  height: 200px;
  padding: 0px 0px;
  z-index: 9999;
}
#searchindexcontainer a {
  display: block;
  text-decoration: none;
  color: #444444;
  padding: 0px 3px;
  border: 0px solid #ffffff;
  border-top-width: 1px;
}
#searchindexcontainer a.active {
  font-weight: bold;
  color: white;
  background: #777777 url('/static/images/stream.jpg') no-repeat -385px 0px;
}
.pack-panel {
	display: none;
}
#front-panel {
	display: block;
}
#mid .subjects-links a:link,
#mid #subjects a:link,
#mid #packs a:link {
	text-align: left;
	border-radius:1px 1px 1px 1px;
	-moz-border-radius:1px 1px 1px 1px;
	-webkit-border-radius:1px 1px 1px 1px;
	background-color: #006888;
	/*behavior: url(css/pie/PIE.htc);*/
}
#mid .all-packs .subjects-links .packs-links a,
#mid .all-packs #subjects a,
#mid .all-packs #packs a {
    background-color: #ffffff;
	border: 1px solid rgb(170,170,170);
}
#mid .all-packs .subjects-links a {
  font-size: 120%;
  background-color: #eeeeee;
}
#mid .all-packs .subjects-links .packs-links a {
  font-size: 100%;
  margin-left: 8px;
  border-left-width: 2px;	
  font-weight: normal;
}
#top-bar {
	color: #104386;
}
#top-bar .top-choices {
	line-height: 23px;
}
#top-bar .pack-choices {
  border-top: solid 2px #dddddd;
  border-top: none;
}
#top-bar select {
	color: #104386;
}
#top-bar select#exam_choice {
}
#top-bar select#subject_choice {
}
#top-bar select#pack_choice {
}
.pack-frame,
#pack-frame {
}
div.subjects-links {
	clear: both;
}
span.link-title,
span.link-description {
}
.bbq-loading {
}
a.big_red_button {
	margin: 0px auto;
	display: block;
	font-size: 200%;
	text-decoration: none;
}
#main-login-link {
	padding: 6px 30px;
	color: black;
	text-shadow: 0px 1px 1px #ffffff;
	color: white;
	text-shadow: 0px 1px 1px #000000;
	width: 80%;
	background: #cb2828;
	display: none;
}
#mid div.e_bulletpanel {
	position: relative;
    text-align: center;
	margin: 0px auto;
}
div.e_bulletpanel span.clearfix {
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
span.plan-button,
a.front-button2, 
a.front-button {
	margin: 1.2em 0.4em 1.2em 0.4em;
	display: block;
	font-size: 135%;
	text-decoration: none;
	padding: 0.6em 0.6em 0.6em 0em;
	color: white;
	text-shadow: 0px 1px 1px #000000;
	width: 9em;
	width: 21%;
	background: #cb2828;
	display: block;
	float: left;
	text-decoration: none;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	/* behavior: url(css/pie/PIE.htc);*/
}
a.front-button:hover {
	background: #a91616;
}
a.front-button.linkform,
span.plan-button {
	font-size: 130%;
	margin: 6px auto;
	padding: 12px 13px;
	float: none;
	clear: both;	
	background: #0e1f84;
}
a.front-button.linkform:hover {
	background: #091961;
	margin: 7px auto 5px auto;
}
.front-page-panel a.front-button {
  float: none;
  clear: both;	
  width: 8%;
  padding: 0px;
  font-size: 100%;
}
.front-page-panel h1 {
	font-size: 135%;
}
.front-page-header h1 {
  width: 100%;
  font-size: 165%;
  text-align: right;
  white-space: nowrap;
}
.front-page-header a {
  display: block;
  float: left;
  width: 27%;
  padding-right: 22px;
}
.front-page-header a img {
  max-width: 100%;
}
.front-page-panel {
	clear: both;
}
.formwrapper .bottom a.front-button.linkform {
	text-align: center;
	background: #cb2828;
}
a.front-button.blue-bg {
	background: #0e1f84;
}
a.front-button.blue-bg:hover {
	background: #091961;
}
a.front-button.orange-bg {
	background: #ec5526;
}
a.front-button.orange-bg:hover {
	background: #b93318;
}
a.front-button span.subtitle {
	text-shadow: none;
	display: block;
	font-size: 50%;
}
.front-page-panel .panel-fixer {
	width: 50%;
	text-align: center;
}
.front-page-panel .panel-fixer a.front-button {
	width: 40%;
	margin: 0.75em auto;
	font-size: 135%;
	padding: 8px 12px;
}
.front-page-panel .panel-fixer a.front-button:hover {
	margin-bottom: 0.6875em;
	margin-top: 0.8125em;
}
a.front-button:hover {
	margin: 1.2625em 0.4em 1.1275em 0.4em;
	text-shadow: 0px -1px 0px #333333;
	color: #eeeeef; 
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .33);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .33);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .33);
	/* behavior: url(css/pie/PIE.htc);*/
}
.statement.split-left {
  padding: 1.2em 0;
  clear: both;
}
.statement.split-left .left-piece {
	width: 30%;
	float: left;
	margin-right: 8%;
}
#mid .container {
	text-align: left;
}
#mid .container p {
	line-height: 1.3em;
}
body.logged_in {
	background-color: #ffffff;
}
body.logged_in .header {
	background-color: #101e68;
}
a.logout-link,
a.name-link {
	display: none;
}
body.logged_in .features.front-page, 
body.logged_in .statement.front-page,
body.logged_in a.login-link,
body.logged_in a.plans-link {
	display: none;
}
body.logged_in a.logout-link,
body.logged_in a.name-link {
	display: block;
}
#mid {
  padding: 0px 30px;
  min-height: 540px;
  width: 951px;
  margin: 0px auto;
}
div.footer {
	clear: both;
	font-size: 90%;
	padding-top: 12px;
	padding-bottom: 12px;
}
div.footer span {
	margin: 0px 6px;
}
@media print {
	.header {
		display: none;
	}
}
.testimonial-panel.right-piece {
  width: 60%;
	font-size: 110%;
	float: right;
}
.quote {
	display: block;
}
.testimonial-panel.right-piece .students,
.testimonial-panel.right-piece h3 {
	display: none;
	text-align: left;
}
.testimonial-panel.right-piece .quote {
	display: none;
	text-align: left;
}
.testimonial-panel.right-piece .quote.active {
	display: block;
}
.quote .parent {
	text-align: right;
	color: #e79b1e;
}
.testimonials_full .quote {
  margin: 18px 0;
}
.testimonials_full {
  clear: both;
  padding-top: 0.6em;
  text-align: left;
  font-size: 120%;
}
.testimonials_full img {
	display: block;
	margin-left: 18px;
	margin-bottom: 18px;
	float: right;
}
.prices_plans div.pricing_box {
  padding: 0em;
  margin: 0 0.8em;
  width: 16%;
  float: left;
}
.prices_plans div.pricing_box {
  background: #c5cae5;
}
.prices_plans div.pricing_box.intro {
  width: 25%;
}
.prices_plans div.pricing_box.trial {
  border-color: #cb2828;
  margin: 0 3em;
  background: #fac5c5;
}
.pricing_box.intro h3,
.pricing_box .length {
	/*background: #091961;*/	
	padding: 0.125em;
	margin: 0px;
	margin-top: 0.1625em;
	color: white;
	font-weight: bold;
	font-size: 100%;
	border-top: solid 1px #888888;
	border-bottom: solid 1px #dcdcdc;
	text-shadow: 0px -1px 1px #666666;
}
.pricing_box.trial .length {
	background: #cb2828;
}
.pricing_box .price span {
	font-size: 170%;
	font-weight: bolder;
	text-shadow: 0px -1px 1px #666666;
	color: white;
}
.pricing_box a {
	border: solid 1px #666666;
	background: #091961;	
	display: block;
	text-decoration: none;
	color: white;
	margin: 0.25em 0.2em;
	padding: 0.175em 0.25em;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .55);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .55);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .55);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 90%;
	/* behavior: url(css/pie/PIE.htc);*/
	position: relative;
}
.pricing_box.trial a {
	background: #cb2828;	
}
.pricing_box a:hover {
	margin: 0.3125em 0.2em 0.1875em 0.2em;
	box-shadow: 1px 0px 1px rgba(0, 0, 0, .55);
	-moz-box-shadow: 1px 0px 1px rgba(0, 0, 0, .55);
	-webkit-box-shadow: 1px 0px 1px rgba(0, 0, 0, .55);
	color: #eeeeff;
}
.pricing_box.intro ul {
	margin: 0;
	margin-left: 0.8em;
	padding: 0.2em;
	padding-left: 1.2em;
	text-align: left;
}
.numbers-panel.left-piece {
	font-size: 120%;
}
.numbers-panel.left-piece span {
	font-size: 140%;
}
.numbers-panel.left-piece .first {
	padding-left: 20%;
}
.front-page-header h1 span,
.front-page-panel h1 span,
.numbers-panel.left-piece span {
	color: #cb2828;
	font-weight: bolder;
}
.free-packs-links a {
	text-decoration: none;
	font-weight: bold;
	margin-right: 6px;
	margin-bottom: 3px;
	padding: 2px 4px;
	display: block;
	float: left;
	border: solid 1px #dddddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 110%;
	background-color: #bbeeaa;
	color: #ffef88;
	color: #aa2200;
}
.buttonpanel .mid a,
.pack-button {
	color: white;
	border: 1px solid rgb(16,67,134); /* navy blue */
    border-width: 0px 0px 1px 1px;
	border-radius:1px 1px 1px 1px;
	-moz-border-radius:1px 1px 1px 1px;
	-webkit-border-radius:1px 1px 1px 1px;
	background-color: rgb(102, 153, 255);
	background-image:linear-gradient(90deg, rgb(16,67,134), rgb(102, 153, 255));
	background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, from(rgb(16,67,134)), to(rgb(102, 153, 255)));
	background-image:-moz-linear-gradient(90deg, rgb(16,67,134), rgb(102, 153, 255));
}
.buttonpanel .mid a.active {
  border-top-width: 1px;
  border-bottom-width: 0px;
  background-color: rgb(16,67,134);
  background-image: none;
}
.buttonpanel .mid a {
  text-shadow: 0px 1px 1px #000000;
  width: 46px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
  
}
.in-pack#top-bar {
	width: 570px;
	position: absolute;
	height: 94px;
	overflow: hidden;
}
.in-pack#top-bar div.pack-choices {
	padding-top: 12px;
	padding-left: 6px;
}
.in-pack#top-bar div.pack-choices span {
	display: none;
}
.buttonpanel {
	position: relative;
	z-index: 9999;
	border: 0px;
	left: 573px;
	top: 0px;
	width: 308px;
	overflow: hidden;
	background-color: white;
	background-image: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#emabuttonpanel {
	display: none; /* hide initially */
	margin: 0px;
}
#emabuttonpanel a.el-link,
#elessonbuttonpanel a.ema-link {
	color: white;
	background-color: #ccc1b1;
	border: 0px;
	border-bottom: solid 1px rgb(16,67,134);
	margin-left: 0px;
	margin-right: 3px;
	width: 143px;
}
#elessonbuttonpanel a.ema-link {
	margin-right: 3px;
	margin-left: 0px;
}
.buttonpanel div {
  padding: 0px;	
}
.buttonpanel .mid {
  background-color: #E1D4C0;
  background-color: #e7f7ff;
  padding: 6px;	
  padding-bottom: 1px;
  border: 1px solid rgb(16,67,134); /* navy blue */
  border-width: 0px 1px 0px 1px;
  border-radius: 0px 3px 0px 0px;
  -moz-border-radius: 0px 3px 0px 0px;
  -webkit-border-radius: 0px 3px 0px 0px;
}
#emabuttonpanel.buttonpanel .mid {
  border-radius: 3px 0px 0px 0px;
  -moz-border-radius: 3px 0px 0px 0px;
  -webkit-border-radius: 3px 0px 0px 0px;
}
.buttonpanel .top a {
	text-decoration: none;
	display: block;
	float: left;
	width: 146px;
	margin: 0px;
	padding: 3px;
	text-align: center;
	color: rgb(16,67,134);
	border: 1px solid rgb(16,67,134); /* navy blue */
    border-width: 1px 1px 0px 1px;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
    background-color: #E1D4C0;
    background-color: #e7f7ff;
    /* behavior: url(css/pie/PIE.htc);*/
}
div#infopanel.studyhub-rounded {
	position: relative;
	top: -7px;
	left: 0px;
	padding-top: 30px;
	border-color: rgb(16,67,134);
	width: 882px;
	overflow: hidden;
	background-image: none;
	background-color: #E1D4C0;
	background-color: #e7f7ff;
	position: absolute;
	top: 57px;
	left: 0px;
}
div#infopanel .pack-panel {
	position: relative;
	top: 6px;
	left: 7px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px rgb(16,67,134);
	width: 692px;	
	height: 389px;
}
div#infopanel .pack-panel.sample-intro {
	background-color: #ffffff;
}
div#infopanel .pack-panel.sample-intro h2 {
	text-align: center;
	font-size: 200%;
	font-weight: normal;
	text-shadow: 0px 1px 1px #C40650;
	border: solid 1px #C40650;
	border-width: 1px 0px 1px 0px;
	line-height: 1.6em;
}
div#infopanel .pack-panel.sample-intro div div {
	font-weight: normal;
	font-size: 20px;
	line-height: 1.25em;
}
div#infopanel .pack-panel.sample-intro a {
	color: #F15C24;
	text-decoration: none;
	text-align: center;
	display: block;
	margin-top: 16px;
}
#bodybox {
	padding: 0px; margin: 0px;
}
#infopanel {
  height: 455px; 
}
#infopanel div div {
  color: rgb(16,67,134); 
}
#infopanel div span {
  color: #000000; 
}
#infopanel div.divider {
  border-bottom: 1px solid rgb(16,67,134);
}
#emabuttonpanel .mid a.dummy {
	background: transparent;
	background-image: none;
	text-indent: -9999px;
    width: 45px;
    border: 0px;
}
#emabuttonpanel .mid a.dummy span {
	background-image: none;
}
.buttonpanel .top {
	background: white;
}
#infoSKU {
  top: 495px;
}
#licensetext {
  left: 9px;
  top: 500px;
}
#productcodecaption {
  top: 495px;
}
#searchindexcontainer {
	left: 706px;
	top: 97px;
	width: 172px;
	font-size: 11px;
	height: 389px;
	padding: 0px 0px;
	z-index: 9999;
	background-color: white;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border: solid 1px rgb(16,67,134);
}
.buttonpanel .mid a span {
	background: url('/images/crystal_clear/32x32/mimetypes/document.png') no-repeat 0px 0px;
}
.buttonpanel .mid a.active span {
  top: 1px;
}
#bttnopen_elvideo span, 
#bttnopen_emavideo span {
	background: url('/images/crystal_clear/32x32/mimetypes/video.png') no-repeat 0px 0px;
}
#bttnopen_elhandout span, 
#bttnopen_emahandout span {
}
#bttnopen_elaudio100  span, 
#bttnopen_emaaudio100 span {
	background: url('/images/crystal_clear/32x32/apps/musicstore.png') no-repeat 0px 0px;
}
div.fp-buttons {
	text-align: center;
	margin: 0px auto;
	padding-left: 32%;
}
span.link-samples {
	clear: both;
	text-align: right;
	display: block;
	position: absolute;
	top: 4px;
	right: 8px;
}
body.logged_in span.link-samples {
	display: none;
}
#mid .packs-links span.link-samples a {
	font-size: 12px;
	text-decoration: none;
	padding: 3px;
	color: white;
	border: 1px solid #625C57;
	border-width: 0px 1px 1px 0px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	background-image: none;
	background-color: #C40650;
	font-weight: normal;
	background-color: white;
	font-weight: normal;
	color: #625C57;
	font-weight: bold;
	color: #F15C24;
	padding: 2px 6px;
}
#vimeo_popup {
	display: none;
}
/* the overlayed element */
.apple_overlay {

    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(../../img/overlay/white.png);

    /*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:692px;
    height: 380px;
    overflow: none;

    /* some padding to layout nested elements nicely  */
    padding:35px;

    /* a little styling */
    font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-color: transparent;
    background-image: url(../../img/overlay/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
    z-index: 10000;
    opacity:0.8;
    filter:alpha(opacity=80);    
}
div#mid .apple_overlay a.close:hover {
	background-color: transparent;
  background-image: url(../../img/overlay/close.png);
  opacity:1.0;
  filter:alpha(opacity=100);    
}
.gentle_gradient {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjlmOWY5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDNkM2QzIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNkM2QzZDMiIC8+PHJlY3QgeD0iLTE0MS40MjE0JSIgeT0iLTE0MS40MjE0JSIgd2lkdGg9IjI4Mi44NDI3JSIgaGVpZ2h0PSIyODIuODQyNyUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
	background-image: -webkit-gradient(radial, 0% 0%, 0, 0% 0%, 255, color-stop(0%, #f9f9f9), color-stop(100%, #d3d3d3));
	background-image: -webkit-radial-gradient(left top, farthest-corner, #f9f9f9 0%, #d3d3d3 100%);
	background-image: -moz-radial-gradient(left top, farthest-corner, #f9f9f9 0%, #d3d3d3 100%);
	background-image: -ms-radial-gradient(left top, farthest-corner, #f9f9f9 0%, #d3d3d3 100%);
	background-image: -o-radial-gradient(left top, farthest-corner, #f9f9f9 0%, #d3d3d3 100%);
	background-image: radial-gradient(farthest-corner at left top, #f9f9f9 0%, #d3d3d3 100%);
}
/*
 * packs: 
 * dark blue: #006888
 * light blue: #e7f7ff
 * alternate navy: #002255
 */
 
 
.free_trial_button {
  border-color: #ffba00;
  color: #000;
  background: -moz-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(2%,#ffe6a0),color-stop(100%,#ffba00));
  background: -webkit-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  background: -o-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  background: #ffba00 -ms-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  background: #ffba00 linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6a0', endColorstr='#ffba00', GradientType=0);
	line-height: 43px;
  height: 43px;
  font-size: 18px;
  padding: 10px 20px;
  border: 1px solid #ececec;
  border-radius: 3.01px;
  margin: 5px 10px 5px 0;
  box-shadow: 0 1px 2px rgba(50,50,50,.3);
  text-decoration:none;
}
.free_trial_button:hover {
  border-color: #f1af05;
  color: #000;
  background: -moz-linear-gradient(top,#ffedba 0,#ffde76 2%,#f1af05 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffedba),color-stop(2%,#ffde76),color-stop(100%,#f1af05));
  background: -webkit-linear-gradient(top,#ffedba 0,#ffde76 2%,#f1af05 100%);
  background: -o-linear-gradient(top,#ffedba 0,#ffde76 2%,#f1af05 100%);
  background: #f1af05 -ms-linear-gradient(top,#ffedba 0,#ffde76 2%,#f1af05 100%);
  background: #f1af05 linear-gradient(top,#ffedba 0,#ffde76 2%,#f1af05 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde76', endColorstr='#f1af05', GradientType=0);
}
.free_trial_button:active {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; 
}

.free_trial_info_bar {
  border-color: #ffba00;
  color: #000;
  background: -moz-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(2%,#ffe6a0),color-stop(100%,#ffba00));
  background: -webkit-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  background: -o-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  background: #ffba00 -ms-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  background: #ffba00 linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6a0', endColorstr='#ffba00', GradientType=0);
	line-height: 23px;
  height: 23px;
  font-size: 20px;
  padding: 10px 20px;
  border: 1px solid #ececec;
  border-radius: 3.01px;
  margin: 5px 0px 5px 0;
  box-shadow: 0 1px 2px rgba(50,50,50,.3);
  text-decoration:none;
  text-align:left;
}


.submit_feedback_button {
  border-color: #ffba00;
  color: #000;
  background: -moz-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(2%,#ffe6a0),color-stop(100%,#ffba00));
  background: -webkit-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  background: -o-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  background: #ffba00 -ms-linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  background: #ffba00 linear-gradient(top,#fff 0,#ffe6a0 2%,#ffba00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6a0', endColorstr='#ffba00', GradientType=0);
	line-height: 43px;
  height: 43px;
  font-size: 16px;
  padding: 10px 35px;
  border: 1px solid #ececec;
  border-radius: 3.01px;
  margin: 5px 10px 5px 0;
  box-shadow: 0 1px 2px rgba(50,50,50,.3);
  text-decoration:none;
}
.submit_feedback_button:hover {
  border-color: #f1af05;
  color: #000;
  background: -moz-linear-gradient(top,#ffedba 0,#ffde76 2%,#f1af05 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffedba),color-stop(2%,#ffde76),color-stop(100%,#f1af05));
  background: -webkit-linear-gradient(top,#ffedba 0,#ffde76 2%,#f1af05 100%);
  background: -o-linear-gradient(top,#ffedba 0,#ffde76 2%,#f1af05 100%);
  background: #f1af05 -ms-linear-gradient(top,#ffedba 0,#ffde76 2%,#f1af05 100%);
  background: #f1af05 linear-gradient(top,#ffedba 0,#ffde76 2%,#f1af05 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde76', endColorstr='#f1af05', GradientType=0);
}
.submit_feedback_button:active {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; 
}
 span.link-views {
	display: block;
	float: right;
	font-size: 80%;
	color: #333399;
}
div.pack-link span.clearfix,
div.subject-link span.clearfix {
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
span.link-title {
	color: #222222;
}
span.link-description {
}
span.link-price {
	font-size: 10px;
	color: #C40650;
	padding-right: 16px;
	background: url('/css/arrow.png') right no-repeat;
	display: block;
	position: absolute;
	top: 9px;
	right: 1px;
}
a.pack-link span.link-price {
	font-size: 100%;
	color: #C40650;
	padding-right: 0px;
	background: none;
	font-size: 12px;
	color: #C40650;
	padding-right: 0px;
	background: none;
	display: block;
	position: absolute;
	top: 3px;
	right: 3px;	
}
.subjects-links.show-prices .packs-links {
	display: none;
}
.subjects-links.show-prices .link-price:hover {
	color: #f15c24;
}
.subjects-links.show-prices .subject-link {
	margin-top: 3px;
}
span.author-shot {
  display: block;
  float: left;
}
span.author-shot img {
  margin: 0px 5px 0px 0px;
  border: solid 1px #999999; 
}
span.author-shot a {
  display: block;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
}
span.link-description span.link-intro-more {
}
a.edit_link {
}
span.link-views {
	clear: right;
	width: 180px;
}
span.link-contents {
	display: block;
	float: right;
	width: 180px;
}
span.link-contents img {
	display: inline;
	float: none;
	border: 0px;
	outline: none;
	margin: 0; padding: 0;
}
.packs-links div.pack-link,
#mid .packs-links div.pack-link,
#mid .subjects-links div.subject-link {
	background-color: #e7f7ff;
	padding: 0px;
	position: relative;
	min-height: 115px;
	margin-bottom: 10px;
	box-shadow: 2px 2px 4px rgba(187, 194, 29, 0.33);
	-moz-box-shadow: 2px 2px 4px rgba(187, 194, 29, 0.33);
	-webkit-box-shadow: 2px 2px 4px rgba(187, 194, 29, 0.33);
	border: solid 1px #002255;
}
#mid .subjects-links div.subject-link {
	min-height: 20px;
	margin-bottom: 10px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
span.link-title {
	background-color: #006888;
}
.packs-links div.pack-link span.link-title a,
#mid .packs-links div.pack-link span.link-title a,
#mid .subjects-links div.subject-link span.link-title a {
	color: #e7f7ff;
	text-decoration: none;
	display: block;
	padding: 3px 3px 3px 133px;
	font-size: 16px;
	text-shadow: 0px 1px 1px #000000;
	border-bottom: solid 1px #ffffff;
}
#mid .subjects-links div.subject-link span.link-title a {
	padding: 3px 3px 3px 3px;
	margin: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: 0px;
	border-bottom: solid 1px white;
	border-bottom: none;
	background-color: #e7f7ff;
	text-shadow: none;
	color: #006888;
}
span.author-shot {
	position: absolute;
	top: 3px;
	left: 3px;
	background-color: #006888;
	padding: 0px;
	padding: 0;
	z-index: 9999;
	width: 122px;
	height: 107px;
}
div.odd span.author-shot,
div.odd span.link-title {
	background-color: #002255;
}
#mid .packs-links span.link-title a:hover, 
#mid .subjects-links span.link-title a:hover{
	background-color: #002255;
}
#mid .packs-links div.odd span.link-title a:hover {
	background-color: #006888;
}
#mid .subjects-links span.link-title a:hover{
	background-color: #006888;
	color: #e7f7ff;
}
span.author-shot a {
	color: #e7f7ff;
}
span.author-shot img {
	margin: 0;
}
span.link-description {
	font-size: 12px;
	padding: 4px 4px 32px 133px;
}
span.link-contents {
	float: none;
	z-index: 5;
	position: absolute;
	bottom: 4px;
	left: 133px;
	width: 705px;
	font-size: 12px;
	color: #002255;
}
span.link-contents select {
	color: #002255;
	font-size: 11px;
}
span.link-contents span.timing {
	font-size: 11px;
	font-weight: normal;
}
span.link-views {
	position: absolute;
	bottom: 5px;
	right: 12px;
	color: #002255;
	font-size: 11px;
	text-align: right;
}
span.link-prompt, 
span.link-prompt {
	position: absolute;
	top: 5px;
	right: 12px;
	font-size: 12px;
	text-align: right;
}
div.subject-heading {
	display: none;
	font-size: 1.3em;
	font-size: 1.5em; /* DH increased heading size */
	font-weight: bold; /* DH made heading bold */
	border-top: solid 2px #E04312;
	width: 885px;
	margin-top: 8px;
	padding-top: 5px;
	padding-bottom: 12px;
}
div.pack-heading {
	display: none;
	font-size: 1.3em;
	border-top: solid 2px #E04312;
	width: 885px;
	margin-top: 8px;
	padding-top: 5px;
	padding-bottom: 12px;
}
span.link-topics {
	position: absolute;
	left: 480px;
	font-size: 90%;
	font-weight: normal;
	text-align: right;
	width: 162px;	
}
.all-packs span.link-topics,
.all-packs span.link-prompt {
	display: none;
} 
span.dropdown_holder {
	position: relative;
	display: inline-block;
}
/* General dropdown styles */
dl.dropdown,    
.dropdown dd, 
.dropdown dt, 
.dropdown ul { 
	margin: 0px; 
	padding: 0px; 
}
.dropdown dd { 
	position: relative; 
	background-color: #ffffff;
}
/* DT styles for sliding doors */
.dropdown dt a {
	background: #e4dfcb url(/css/arrow.png) no-repeat scroll right center;
    display: block; 
    padding-right: 20px; 
    border: 1px solid #d4ca9a; 
    width:150px;
}
.dropdown dt a span {
	cursor:pointer; 
	display:block; 
	padding:5px;
}
/* UL styles */
.dropdown dd ul { background: white none repeat scroll 0 0; 
	display: none;
    list-style: none; 
    padding: 2px 0px; 
    position: absolute; 
    left: 0px; 
    top: 2px; 
    width: auto; 
    min-width:170px;
}
.dropdown span.value { 
	display:none;
}
.dropdown dd ul li a { 
	padding: 2px; 
	display:block;
}

.dropdown a, .dropdown a:visited { 
	color: #006888; 
	text-decoration: none; 
	outline: none;
	font-weight: normal;
}
.dropdown a:hover { 
	color: #5d4617;
}
.dropdown dt a:hover { 
	color: #5d4617; 
	border: 1px solid #d0c9af;
}
.dropdown dt a {
	background: white url(/css/arrow.png) no-repeat scroll right center; 
	display: block; 
	padding-right:20px;
	border: 1px solid #d4ca9a; 
	width: 110px; 
	padding: 2px;
}
.dropdown dt a span {
	cursor: pointer; 
	display: block;
}
.dropdown dd ul { 
	background: white none repeat scroll 0 0; 
	border: 1px solid #d4ca9a; 
	color: #C5C0B0; 
	display: none;
	left: 0px; 
	padding: 1px 2px; 
	position: absolute; 
	z-index: 9999; 
	top: 1px; 
	width: auto; 
	min-width: 110px; 
	min-width: 250px;
	font-size: 11px;
	list-style:none;
}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding: 0px; display:block;}
.dropdown dd ul li a:hover { background-color:#d0c9af;}

/*
 * packs: 
 * dark blue: #006888
 * light blue: #e7f7ff
 * alternate navy: #002255
 *//*------------------------------------------------------
FONTS
------------------------------------------------------*/

/*------------------------------------------------------
GENERAL
------------------------------------------------------*/

a:active,
a:focus {
  outline: 0;
}

body, #mid {
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	text-align: center;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif;
}

img {
  border: 0;
  -ms-interpolation-mode:bicubic;
}

a {
  color: #3366cc;
}

a:hover {
  color: #003399;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "PT Sans Caption", Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: bolder
}
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4              { font-size: 1em; margin: 1em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1 {
  line-height: 1.1em;
  font-weight: normal;
}

h2 {
  margin: 20px 0;
  color: #000;
  line-height: 1.1em;
  font-weight: normal;
}

/*------------------------------------------------------
STRUCTURE
------------------------------------------------------*/

body.bc-style div.header {
	font-family: "PT Sans Caption", Tahoma, Verdana, Helvetica, sans-serif;
  width: 100%;
  height: 50px;
  overflow: hidden;
}

body.bc-style div.header div.container {
  width: 980px;
  margin: 0 auto 0 !important;
  padding: 5px 0;
	overflow: hidden;
}

div.header div.container ul {
	margin: 0; padding: 0;
	list-style-type: none;
}

div.header div.container ul li {
	float: left;
	margin-right: 10px;
}

body.bc-style div.header div.container a.signals {
	display: block;
	width: 107px;
	height: 24px;
	text-indent: -10000px;
	margin-top: 8px;
  float: right;
}


div.header div.container div.links a {
  color: #fff;
  margin-right: 10px;
  margin: 0; padding: 0;
  text-decoration: none;
}

div.header div.container div.links a.logo {
	display: block;
	width: 37px;
	height: 32px;
	text-indent: -10000px;
	margin-left: 0;
	margin-top: -10px;
}

body.bc-style div.header div.container div.links a:hover {
  border-bottom: 2px solid #86b226;
}

div.header div.container div.links a.logo:hover {
	border-bottom: 0;
}

div.header div.container div.sign_links {
	margin-left: 20px;
}

div.header div.container div.sign_links a {
  color: #bcfc3d;
  text-decoration: none;
}


/* iPhone */
@media only screen and (max-device-width: 480px) {
  div.header div.container div.links a:hover { border-bottom: 0; }
  div.header div.container div.sign_links a:hover { border-bottom: 0; }
}




/*------------------------------------------------------
HOME
------------------------------------------------------*/

body.index div.header div.container div.links a.logo {
	display: none;
}

body.index h1 {
}

body.index div.container div.statement {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

body.index h2 { margin-left: 30px; margin-right: 30px; }

body.index h2 span {
	font-family: "PT Sans Caption", Tahoma, Verdana, Helvetica, sans-serif;
  letter-spacing: normal;
}


body.index div.container div.statement h3 {
	text-align: center;
	color: #232323;
}

body.index div.features {
  width: 840px;
  margin: 20px auto 0;
  border-top: 3px double #d5d6d7;
  padding: 0;
  clear: both;
}


body.index div.features div.highlight {
  float: left;
  margin: 0 0 0 120px;
  text-align: center;
  width: 600px;
  height: 131px;
}

body.index div.features div.highlight p {
	font-family: "PT Sans Caption", Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 24px;
  color: #444;
  padding-top: 15px;
  margin: 15px 0 0;
  line-height: 1.1em;
}

body.index div.content {
  width: 520px;
  margin: 30px auto 0;
  padding-bottom: 10px;
  text-align: left;
  font-size: 22px;
  font-weight: 500;
}

body.index div.content p {
  line-height: 1.3em;
}

body.index div.content span {
  color: #cc0000;
}

/*------------------------------------------------------
PRINTER FRIENDLY
------------------------------------------------------*/

body.print h2 {
  margin: 0 0 15px 0;
}

body.print div.api {
  font-size: 14px;
  font-family: Georgia, serif;
  line-height: 1.4em;
}

#headerbox {
}
#headerbox img#logo {
    display:none;
}
/* GLOBALHEADER */
#globalheader { 
  position:relative; display:block; 
  width: 61.25em; /* 980px */ 
  width: 63.25em;
  height: 2.25em; /* 36px */
   
  margin:18px auto; 
  text-align:left; z-index:9998; 
  background:url(/css/nav/globalheader.png) repeat-x;
	-khtml-border-radius:4px; -ms-border-radius:4px; 
	-o-border-radius:4px; -moz-border-radius:4px; 
	-webkit-border-radius:4px; border-radius:4px;
	-khtml-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; 
	-ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; 
	-o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; 
	-moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; 
	-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; 
	box-shadow:rgba(0,0,0,0.3) 0 1px 2px;
	/* font:0.875em/1.125em "PT Sans Caption", Helvetica, Arial, Verdana, sans-serif; */
	font-size: 0.875em;
}
@media only screen and (max-device-width:768px) {
	#globalheader { z-index:1; }
}
#globalheader #globalnav { position:relative; display:block; margin:0; padding:0; zoom:1; z-index:3; }
#globalheader #globalnav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#globalheader #globalnav li { display:inline; margin: 0; padding: 0 }
#globalheader #globalnav li#plans_li { padding-left: 2em; }
#globalheader #globalnav li a { 
	float:left; 
	padding-top: 0.6em;
	width: 6.375em; /* 102px */ 
	width: 7.5em;
	height: 1.65em; /* 36px */ 
	overflow:hidden;
	text-align: center; 
	text-indent: 0px; 
	font-weight: bold;
	text-shadow: 0px -1px 1px #000000;
	background:url(/css/nav/globalnav.png) no-repeat; cursor:pointer; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* VML FOR IE */
v\:roundrect,
v\:fill { behavior:url(#default#VML); }
#globalheader-roundrect,
#globalheader-fill { display:block; position:absolute; width:980px; height:35px; top:0; left:0; z-index:2; }
#globalheader-shadow {  display:block; position:absolute; width:980px; height:35px; top:-1px; left:-2px; z-index:1; -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelRadius=2)"; filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=2); }

/* VARIANTS */
#globalheader #globalnav.tabs6-nosearch li a { width:163px; background-image:url(/css/nav/globalnav_tabs6-nosearch.png); }
#globalheader #globalnav.tabs6-nosearch li#gn-apple a { width:165px; }
#globalheader #globalnav.tabs7-nosearch li a { width:140px; background-image:url(/css/nav/globalnav_tabs7-nosearch.png); }
#globalheader #globalnav.tabs7-nosearch li#gn-apple a { width:140px; }
#globalheader #globalnav.nosearch       li a { width:122px; background-image:url(/css/nav/globalnav_nosearch.png); }
#globalheader #globalnav.nosearch       li#gn-apple a { width:126px; }
#globalheader #globalnav.tabs7          li a { width:117px; background-image:url(/css/nav/globalnav_tabs7.png); }
#globalheader #globalnav.tabs7          li#gn-apple a { width:114px; }

/* ACTION STATES */
#globalheader #globalnav li a { background-position:100% 0; outline:none; }
#globalheader #globalnav li a.before { background-position:100% -36px; }
#globalheader #globalnav li a:hover,
#globalheader #globalnav li a:focus  { background-position:100% -72px; }
#globalheader #globalnav li a:active { background-position:100% -108px; }

#globalheader #globalnav li#gn-apple a { background-position:0 0; }
#globalheader #globalnav li#gn-apple a.before { background-position:0 -36px; }
#globalheader #globalnav li#gn-apple a:hover,
#globalheader #globalnav li#gn-apple a:focus  { background-position:0 -72px; }
#globalheader #globalnav li#gn-apple a:active { background-position:0 -108px; }

/* VARIANT ACTION STATES */
#globalheader #globalnav.tabs6-nosearch li.gn-last a { background-position:-165px 0; }
#globalheader #globalnav.tabs6-nosearch li.gn-last a:hover,
#globalheader #globalnav.tabs6-nosearch li.gn-last a:focus { background-position:-165px -72px; }
#globalheader #globalnav.tabs6-nosearch li.gn-last a:active { background-position:-165px -108px; }

#globalheader #globalnav.tabs7-nosearch li.gn-last a { background-position:-140px 0; }
#globalheader #globalnav.tabs7-nosearch li.gn-last a:hover,
#globalheader #globalnav.tabs7-nosearch li.gn-last a:focus { background-position:-140px -72px; }
#globalheader #globalnav.tabs7-nosearch li.gn-last a:active { background-position:-140px -108px; }

#globalheader #globalnav.nosearch       li.gn-last a { background-position:-126px 0; }
#globalheader #globalnav.nosearch       li.gn-last a:hover,
#globalheader #globalnav.nosearch       li.gn-last a:focus { background-position:-126px -72px; }
#globalheader #globalnav.nosearch       li.gn-last a:active { background-position:-126px -108px; }

/* ON STATES */
#globalheader.store   li#gn-store   a,
#globalheader.mac     li#gn-mac     a,
#globalheader.ipod    li#gn-ipod    a,
#globalheader.iphone  li#gn-iphone  a,
#globalheader.ipad    li#gn-ipad    a,
#globalheader.itunes  li#gn-itunes  a,
#globalheader.support li#gn-support a { background-position:right -144px !important; }

#globalheader.gn-last #globalnav.tabs6-nosearch li.gn-last a { background-position:-165px -144px !important; }
#globalheader.gn-last #globalnav.tabs7-nosearch li.gn-last a { background-position:-140px -144px !important; }
#globalheader.gn-last #globalnav.nosearch       li.gn-last a { background-position:-126px -144px !important; }

/* TEXT */
#globalheader            #globalnav li            a span { display:block; width:100%; height:30px; margin:3px auto; background:url(/css/nav/globalnav_text.png) no-repeat 50% 0; _background-image:url(/css/nav/globalnav_text.gif); }
#globalheader.svg        #globalnav li            a span { background-image:url(/css/nav/globalnav_text.svg); }
#globalheader.decelerate #globalnav li            a span,
#globalheader.ios3       #globalnav li            a span { background-image:url(/css/nav/globalnav_text.png); }
#globalheader            #globalnav li#gn-apple   a span { background-position:50% 0; }
#globalheader            #globalnav li#gn-store   a span { background-position:50% -30px; }
#globalheader            #globalnav li#gn-mac     a span { background-position:50% -60px; }
#globalheader            #globalnav li#gn-ipod    a span { background-position:50% -90px; }
#globalheader            #globalnav li#gn-iphone  a span { background-position:50% -120px; }
#globalheader            #globalnav li#gn-ipad    a span { background-position:50% -150px; }
#globalheader            #globalnav li#gn-itunes  a span { background-position:50% -180px; }
#globalheader            #globalnav li#gn-support a span { background-position:50% -210px; }

/* GLOBAL SEARCH */
#globalsearch { position:absolute; top:0; right:0; width:140px; padding:8px 12px; z-index:5; background:url(/css/nav/globalsearch_bg.png) no-repeat 100% 0; }
#g-search { display:block; position:relative; }

#sp-searchtext { width:100px; height:16px; border:0 none; padding:2px 20px; color:#fff; background:url(/css/nav/globalsearch_field.png) 0 0 no-repeat; -webkit-appearance:none; }
#sp-searchtext:focus { color:#000; background-position:0 100%; outline:none; }

#g-search label { display:block; margin-top:-2px; }
#g-search .sp-label { margin-bottom:-2px; }
#g-search .sp-label label { display:none; margin:0; }

.globalheader-js #g-search { width:100px; height:16px; border:0 none; padding:2px 20px; color:#fff; background:url(/css/nav/globalsearch_field.png) 0 0 no-repeat; }
.globalheader-js #sp-searchtext { padding:0; color:#fff; background:none; }
.searchmode      #g-search { background-position:0 100%; }
.searchmode      #sp-searchtext { color:#000; outline:none; }

#globalsearch .reset { position:absolute; width:11px; height:11px; overflow:hidden; z-index:6; top:5px; right:6px; background:url(/css/nav/globalsearch_reset.gif); }
#globalsearch .reset,
.searchmode #globalsearch .empty .reset { display:none; }
.searchmode #globalsearch .reset { display:block; cursor:pointer; }
@media only screen and (max-device-width:768px) {
	#globalsearch .reset { display:none !important; }
}

#globalsearch .spinner { position:absolute; display:none; width:11px; height:11px; overflow:hidden; z-index:7; top:5px; right:6px; background:url(/css/nav/globalsearch_spinner.gif); }
.searchmode #globalsearch .spinner { display:block; }
.searchmode #globalsearch .spinner.hide { display:none; }

/* SEARCH SHORTCUTS */
#sp-results { position:absolute; top:32px; right:0; width:290px; line-height:0; z-index:9999; }
#sp-results div { position:relative; background:#fff; background:rgba(255,255,255,0.97);
	-khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -ms-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -o-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 10px; box-shadow:rgba(0,0,0,0.5) 0 0 10px;
}
#sp-results #sp-roundrect { position:absolute; width:100%; }
#sp-results #sp-roundrect div { background:none; }
#sp-results .sp-shadow { position:absolute; display:none; top:-10px; left:-10px; width:100%; background:#333;
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelRadius=10)"; filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=10);
}

#sp-results h3 { margin:0; padding:8px 10px 2px; color:#999; font-size:12px; line-height:1.3; }

#sp-results ul { padding-bottom:4px; }
#sp-results #sp-roundrect ul { margin-left:1px; margin-right:-2px; width:291px; }
#sp-results ul li { clear:left; margin:0; padding:0; font-size:11px; line-height:1.3; }
#sp-results ul li a { display:block; padding:6px 10px 6px 66px; text-decoration:none; outline:none; zoom:1; }
#sp-results ul li a:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#sp-results ul li a h4 { margin:0; padding:0; color:#000; font-weight:bold; font-size:11px; line-height:1.3; }
#sp-results ul li a p { margin:0; padding:0; color:#333; font-size:11px; line-height:1.3; }
#sp-results ul li a img { float:left; width:46px; height:46px; margin:0 10px 0 -56px; behavior:none; }

#sp-results ul.noresults { padding-top:4px; }
#sp-results ul.noresults li a { padding-left:10px; text-align:center; }

#sp-results ul li a:hover,
#sp-results ul li a:focus,
#sp-results ul li.focus a { background:#367af8;
	background:-moz-linear-gradient(top, #648ffa 0, #0d67f7 100%);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#648ffa), to(#0d67f7));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF648FFA,endColorstr=#FF0D67F7)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF648FFA,endColorstr=#FF0D67F7);
}
#sp-results ul li a:hover h4,
#sp-results ul li a:focus h4,
#sp-results ul li.focus a h4,
#sp-results ul li a:hover p,
#sp-results ul li a:focus p,
#sp-results ul li.focus a p { color:#fff; }

#globalheader a#home_link {
	margin-left: 0.5em;
}
/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Tue Apr 24 14:02:20.0000000000 2012
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;
}

	/* Fluid class for determining actual width in IE */
	.ui-tooltip-fluid{
		display: block;
		visibility: hidden;
		position: static !important;
		float: left !important;
	}

	.ui-tooltip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		border: 1px solid #000001;

		text-align: left;
		word-wrap: break-word;
		overflow: hidden;
	}

	.ui-tooltip-titlebar{
		position: relative;
		min-height: 14px;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border: 1px solid #000001;
		border-width: 1px 1px 0;

		font-weight: bold;
	}

	.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

		/*! Default close button class */
		.ui-tooltip-titlebar .ui-state-default{
			position: absolute;
			right: 4px;
			top: 50%;
			margin-top: -9px;

			cursor: pointer;
			outline: medium none;

			border-width: 1px;
			border-style: solid;
		}
		
		* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

		.ui-tooltip-titlebar .ui-icon,
		.ui-tooltip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
		}

		.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}

			.ui-tooltip-icon .ui-icon{
				width: 18px;
				height: 14px;

				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{

}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
	
}


/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
	border-color: #F1D031;
	background-color: #FFFFA3;
	color: #555;
}

	.ui-tooltip-default .ui-tooltip-titlebar{
		background-color: #FFEF93;
	}

	.ui-tooltip-default .ui-tooltip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
		border-color: #AAA;
		color: #111;
	}

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
}

	.ui-tooltip .ui-tooltip-tip,
	.ui-tooltip .ui-tooltip-tip *{
		position: absolute;
		
		line-height: 0.1px !important;
		font-size: 0.1px !important;
		color: #123456;

		background: transparent;
		border: 0px dashed transparent;
	}
	
	.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/* Modal plugin */
#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar,
.ui-tooltip-light .ui-tooltip-content{
	border-color: #E2E2E2;
	color: #454545;
}

	.ui-tooltip-light .ui-tooltip-content{
		background-color: white;
	}

	.ui-tooltip-light .ui-tooltip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content{
	border-color: #303030;
	color: #f3f3f3;
}

	.ui-tooltip-dark .ui-tooltip-content{
		background-color: #505050;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar{
		background-color: #404040;
	}

	.ui-tooltip-dark .ui-tooltip-icon{
		border-color: #444;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content{
	border-color: #F9E98E;
	color: #A27D35;
}

	.ui-tooltip-cream .ui-tooltip-content{
		background-color: #FBF7AA;
	}

	.ui-tooltip-cream .ui-tooltip-titlebar{
		background-color: #F0DE7D;
	}

	.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,
.ui-tooltip-red .ui-tooltip-content{
	border-color: #D95252;
	color: #912323;
}

	.ui-tooltip-red .ui-tooltip-content{
		background-color: #F78B83;
	}

	.ui-tooltip-red .ui-tooltip-titlebar{
		background-color: #F06D65;
	}

	.ui-tooltip-red .ui-state-default .ui-tooltip-icon{
		background-position: -102px 0;
	}

	.ui-tooltip-red .ui-tooltip-icon{
		border-color: #D95252;
	}

	.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar,
.ui-tooltip-green .ui-tooltip-content{
	border-color: #90D93F;
	color: #3F6219;
}

	.ui-tooltip-green .ui-tooltip-content{
		background-color: #CAED9E;
	}

	.ui-tooltip-green .ui-tooltip-titlebar{
		background-color: #B0DE78;
	}

	.ui-tooltip-green .ui-state-default .ui-tooltip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar,
.ui-tooltip-blue .ui-tooltip-content{
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.ui-tooltip-blue .ui-tooltip-content{
		background-color: #E5F6FE;
	}

	.ui-tooltip-blue .ui-tooltip-titlebar{
		background-color: #D0E9F5;
	}

	.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
		background-position: -2px 0;
	}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

	.ui-tooltip-shadow .ui-tooltip-titlebar,
	.ui-tooltip-shadow .ui-tooltip-content{
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
		-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";

		_margin-bottom: -3px; /* IE6 */
		.margin-bottom: -3px; /* IE7 */
	}


/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}


/*! Youtube tooltip style */
.ui-tooltip-youtube{
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
	behavior: url(css/pie/PIE.htc);
}

	.ui-tooltip-youtube .ui-tooltip-titlebar,
	.ui-tooltip-youtube .ui-tooltip-content {
		_margin-bottom: 0; /* IE6 */
		.margin-bottom: 0; /* IE7 */

		background: transparent;
		background: rgba(222, 177, 113, 0.85);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";

		color: #7D5007;
		border-color: #A27D35;
		behavior: url(css/pie/PIE.htc);
	}
	
	.ui-tooltip-youtube .ui-tooltip-titlebar div,
	.ui-tooltip-youtube .ui-tooltip-content div {
		
	}

	.ui-tooltip-youtube .ui-tooltip-icon{
		border-color: #222;
	}

	.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	
	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.ui-tooltip-jtools .ui-tooltip-titlebar{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.ui-tooltip-jtools .ui-tooltip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar,
	.ui-tooltip-jtools .ui-tooltip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-jtools .ui-tooltip-icon{
		border-color: #555;
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.ui-tooltip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}

	.ui-tooltip-cluetip .ui-tooltip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-cluetip .ui-tooltip-content{
		background-color: #D9D9C2;
		color: #111;
		border: 0 dashed transparent;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-icon{
		border-color: #808064;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.ui-tooltip-tipsy{
	border: 0;
}

	.ui-tooltip-tipsy .ui-tooltip-titlebar,
	.ui-tooltip-tipsy .ui-tooltip-content{
		_margin-bottom: 0; /* IE6 */
		.margin-bottom: 0; /* IE7 */

		background: transparent;
		background: rgba(0, 0, 0, .87);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
		
		color: white;
		border: 0px transparent;

		font-size: 11px;
		font-family: 'Lucida Grande', sans-serif;
		font-weight: bold;
		line-height: 16px;
		text-shadow: 0 1px black;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar{
		padding: 6px 35px 0 10;
	}

	.ui-tooltip-tipsy .ui-tooltip-content{
		padding: 6px 10;
	}
	
	.ui-tooltip-tipsy .ui-tooltip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.ui-tooltip-tipped{

}
	
	.ui-tooltip-tipped .ui-tooltip-titlebar,
	.ui-tooltip-tipped .ui-tooltip-content{
		border: 3px solid #959FA9;

		filter: none; -ms-filter: none;
	}

	.ui-tooltip-tipped .ui-tooltip-titlebar{
		background: #3A79B8;
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";

		color: white;
		font-weight: normal;
		font-family: serif;

		border-bottom-width: 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	.ui-tooltip-tipped .ui-tooltip-content{
		background-color: #F9F9F9;
		color: #454545;

		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}

	.ui-tooltip-tipped .ui-tooltip-icon{
		border: 2px solid #285589;
		background: #285589;
	}
		
		.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
	filter: none;
	-ms-filter: none;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
}
#vlpcaptionbox #vlpcaption {
  color:#C40650;
}
#vlpcaptionbox #vlptitle {
  color:#645555; 
}
.buttonpanel .top {
  color: #104386;
  background-color: #e1d4c0;
}
.buttonpanel a {
  color: #333333;
}
#licensetext {
  color: #575757;
}
#infopanel {
  border: 1px solid rgb(245, 131, 89);
}
#infopanel div div {
  color: #645555; 
}
.front-button,
.front-button2, 
.studyhub-rounded {

	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	background-color: rgb(255, 255, 255);
	background-image: linear-gradient(-90deg, rgb(255, 255, 255), rgb(255, 255, 255));
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(255, 255, 255)));
	background-image: -moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(255, 255, 255));
	/* behavior: url(css/pie/PIE.htc);*/
}
.pricing_box,
.prices_plans,
.statement.rounded-corners,
.front-page-panel {
	border: 1px solid rgb(127,127,127);
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
}
.statement.rounded-corners {
  height: 26px;
border: solid 1px #555555;
border-radius: 0px;
padding-top: 9px;
background-image: -ms-linear-gradient(top, #FAFAF9 0%, #F4F4F3 100%);
background-image: -moz-linear-gradient(top, #FAFAF9 0%, #F4F4F3 100%);
background-image: -o-linear-gradient(top, #FAFAF9 0%, #F4F4F3 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAF9), color-stop(1, #F4F4F3));
background-image: -webkit-linear-gradient(top, #FAFAF9 0%, #F4F4F3 100%);
background-image: linear-gradient(to bottom, #FAFAF9 0%, #F4F4F3 100%);
}
.statement.rounded-corners h3 {
}
.front-page-panel {
	background: url(/css/fp/kids.jpg) no-repeat top right;
}
.front-page-panel h1 {
}
#infopanel div span {
  color: rgb(245,131,89);
}
#infopanel div.larger {
}
#infopanel div.divider {
  border-bottom: 1px solid rgb(245, 131, 89);
}
#productcodecaption {
  color: #575757;
}
#infoSKU {
  color: #333333; 
}
#infopanel div#infodescription {
  color: #645555; 
}

#infoimage {
}

#divright {
} 
#facebook #divright {
	display: none;
}
#studyhublogo {
	display: none;
}
#bubbles {
	display: none;
}
#searchindexcontainer {
	left: 706px;
	top: 97px;
	top: 103px; /* DH aligned toc box */
	font-size: 11px;
	height: 389px;
	padding: 0px 0px;
	z-index: 9999;
	background-color: white;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border: solid 1px rgb(16,67,134);
}
#searchindexcontainer a {
  color: #444444;
  border: 0px solid #ffffff;
}
#searchindexcontainer a.active {
  color: white;
  background: #777777 url('../../img/stream.jpg') no-repeat -385px 0px;
  font-weight: normal;
}
.pack-panel {
}
#front-panel {
}
#mid .subjects-links a:link,
#mid #subjects a:link,
#mid #packs a:link {
	background-color: #006888;
	/* behavior: url(css/pie/PIE.htc);*/
}
#mid .all-packs .subjects-links .packs-links a,
#mid .all-packs #subjects a,
#mid .all-packs #packs a {
    background-color: #ffffff;
	border: 1px solid rgb(170,170,170);
}
#mid .all-packs .subjects-links a {
  background-color: #eeeeee;
}
#mid .all-packs .subjects-links .packs-links a {
	color: #625C57;
	border: 0px;
}
#top-bar {
	color: #104386;
	color: #625C57; /* DH change choice text color */
}
#top-bar .top-choices {
	margin-top: 10px;
	margin-bottom: -10px;
}
#top-bar .pack-choices {
  border-top: solid 2px #dddddd;
  border-top: none;
}
#top-bar select {
	color: #104386;
	color: #625c57;
}
#top-bar select#exam_choice {
	width: 24em; /* DH standard width on top bar choices */
}
#top-bar select#subject_choice {
	width: 24em; /* DH standard width on top bar choices */
}
#top-bar select#pack_choice {
/* 
	background-color: #736c66; 
	color: white;
	text-shadow: 0px 1px 1px #000000;
*/
}
#top-bar span.show-all-packs a,
input.plan_submit {
	font-size: 12px;
	text-decoration: none;
	padding-left: 12px;
	color: #7A003B;	
	font-size: 12px;
	text-decoration: none;
	padding: 3px;
	margin-left: 12px;
	color: #7A003B;
	color: white;
	border: 1px solid #625C57;
	border-width: 0px 0px 1px 1px;
	border-width: 0px 1px 1px 0px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	background-image: none;
	background-color: #C40650;
	font-weight: normal;
}
#top-bar span.show-all-packs a:hover {
	background-color: #7A003B;
}
.pack-frame,
#pack-frame {
}
span.link-title,
span.link-description {
}
.bbq-loading {
}
a.big_red_button {
}
#main-login-link {
	text-shadow: 0px 1px 1px #ffffff;
	color: white;
	text-shadow: 0px 1px 1px #000000;
	background: #cb2828;
}
body.logged_in #mid div.e_bulletpanel,
body #mid div.e_bulletpanel.for_parents {
	font-size: 12px;
	font-size: 15px;
	font-size: 17px;
	color: #777;
	line-height: 14px;
	padding: 20px 15px 20px 15px;
	padding: 5px 15px 20px 15px;
	border: 1px solid #D7D4CD;
	clear: both;
	text-align: left;
	background-color: #ECECEC;
	background-color: white;
	margin-bottom: 30px;
}

body.logged_in #mid div.e_bulletpanel h1 {
	font-size: 14px;
	font-size: 20px;
	font-size: 22px;
	color: #F15A22;
	font-weight: bold;
	font-weight: normal;
	padding-bottom: 8px;
	text-align: center;
	text-align: left;
	padding-top: 0px;
	margin-top: 3px;
}
div.e_bulletpanel span.clearfix {
}
span.plan-button,
a.front-button {
	color: white;
	text-shadow: 0px 1px 1px #000000;
	width: 235px;
	background: #cb2828;
	margin: 1.2em 0.75em 1.2em 0.75em;/* DH modified margin to recenter after removing studyhub button */

}
a.front-button2 {
	color: yellow;
	text-shadow: 0px 1px 1px #000000;
	width: 235px;
	background: #cb2828;
	margin: 1.2em 0.75em 1.2em 0.75em;/* DH modified margin to recenter after removing studyhub button */

}
a.front-button:hover {
	background: #d9611e;
}
a.front-button2:hover {
	background: #d9611e;
}

a.front-button.linkform,
a.front-button2.linkform,
span.plan-button {
	background: #0e1f84;
	width: 85%;
	text-align: left;
}
a.front-button.linkform:hover,
a.front-button2.linkform:hover {
	background: #091961;
}
.front-page-panel a.front-button, .front-page-panel a.front-button2 {
}
.front-page-panel h1 {
}
.front-page-header h1 {
}
.front-page-header a {
}
.front-page-header a img {
}
.front-page-panel {
	display: none;
}
.formwrapper .bottom a.front-button.linkform {
	background: #cb2828;
}
a.front-button.blue-bg {
	background: #0e1f84;
}
a.front-button.blue-bg:hover {
	background: #091961;
}
a.front-button.orange-bg {
	background: #ec5526;
}
a.front-button.orange-bg:hover {
	background: #b93318;
}
a.front-button span.subtitle {
}
.front-page-panel .panel-fixer {
}
.front-page-panel .panel-fixer a.front-button {
}
.front-page-panel .panel-fixer a.front-button:hover {
}
a.front-button:hover {
	text-shadow: 0px -1px 0px #333333;
	color: white; 
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .33);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .33);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .33);
	margin: 1.2em 0.75em 1.2em 0.75em; /* DH Recentering buttons on home page */
	background-color: #ff6666;
}
a.front-button2:hover {
	text-shadow: 0px -1px 0px #333333;
	color: white; 
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .33);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .33);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .33);
	margin: 1.2em 0.75em 1.2em 0.75em; /* DH Recentering buttons on home page */
	background-color: #ff6666;
}
.statement.split-left {
}
.statement.split-left .left-piece {
	width: 140px;
	width: 680px;
	margin-right: 0;
}
.statement.split-left .left-piece img {
	border: solid 1px #999999;
	width: 949px;
}

#mid .container {
}
body.logged_in {
	background-color: #ffffff;
}
body.logged_in .header {
	background-color: #101e68;
}
a.logout-link,
a.name-link {
}
body.logged_in .features.front-page, 
body.logged_in .statement.front-page,
body.logged_in a.login-link,
body.logged_in a.plans-link {
}
body.logged_in a.logout-link,
body.logged_in a.name-link {
}
#mid {
}
div.footer {
	font-size: 0.8em;
	background-color: #666666;
	margin-bottom: 5px;
	padding: 0px;
	height: 139px;
	text-align: left;
}
div.footer span {
}
@media print {
	.header {
		display: none;
	}
}
.testimonial-panel.right-piece {
	width: 680px;
	width: 140px;
	font-size: 13px; 
}
.testimonial-panel.right-piece a {
	text-decoration: none;
	color: #CB2828;
	font-weight: bold;
}
.testimonial-panel.right-piece img {
	margin-bottom: 3px;
}
.quote {
}
.testimonial-panel.right-piece .students,
.testimonial-panel.right-piece h3 {
}
.testimonial-panel.right-piece .quote {
}
.testimonial-panel.right-piece .quote.active {
}
.quote .parent {
	margin-top: 38px;
	color: #d1d1d1;
	font-size: 22px;
	font-style: italic;
	margin-right: -98px;
	font-weight: normal;
	height: 53px;
	position: relative;
	top: -15px;
	background-image: url('/images/speechbubble_1.jpg');
	background-repeat: no-repeat;
	background-position: 175px -197px;
}
.testimonials_full .quote {
	font-size: 0.9em;
	/*font-weight: bold;*/
}
.testimonials_full {
	margin-bottom: 23px;
}
.testimonials_full img {
}
.prices_plans div.pricing_box {
	margin: 0 0.4em;
}
.prices_plans div.pricing_box {
  background: #c5cae5;
  text-align: center;
}
.prices_plans div.pricing_box {
	width: 15%;
	width: 23%;
	margin-top: 1.1em;
	margin: 0.6em 1.3em;
}
.prices_plans div.pricing_box.intro {
	width: 17%; /* DH made pricing box smaller */
}
.prices_plans div.pricing_box.trial {
  border-color: #cb2828;
  background: #fac5c5;
  margin: 0 1.7em; /* DH changed margins on pricing boxes */
  margin: 0 2.1em; 
  margin: 0 3.5em; 
  margin: 0 0.2em 0 0; 
	margin: 0.6em 1.3em;
	margin-left: 100px;
}
.prices_plans div.pricing_box.annually {
	background-color: #C8ECAA;
	clear: left;
	margin-left: 100px;
}
.prices_plans div.pricing_box.lc_annually {
	margin-right: 0;
}
.prices_plans div.pricing_box.lc_annually,
.prices_plans div.pricing_box.jc_annually {
	background-color: #90d070;
}
.pricing_box.intro h3,
.pricing_box .length {
	/*background: #091961;*/	
	color: white;
	border-top: solid 1px #888888;
	border-bottom: solid 1px #dcdcdc;
	text-shadow: 0px -1px 1px #666666;
}
.pricing_box.trial .length {
	background: #cb2828;
}
.pricing_box.annually .length,
.pricing_box.lc_annually .length,
.pricing_box.jc_annually .length {
	/*background: #6c9c54;*/
}
.pricing_box .price span {
	text-shadow: 0px 2px 1px #666666;
	color: black;
}
.pricing_box a {
	border: solid 1px #666666;
	background: #091961;	
	color: white;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .55);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .55);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .55);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.pricing_box.trial a {
	background: #cb2828;	
}
.pricing_box.annually a,
.pricing_box.lc_annually a,
.pricing_box.jc_annually a {
	background: #6c9c54;
}
.pricing_box a:hover {
	box-shadow: 1px 0px 1px rgba(0, 0, 0, .55);
	-moz-box-shadow: 1px 0px 1px rgba(0, 0, 0, .55);
	-webkit-box-shadow: 1px 0px 1px rgba(0, 0, 0, .55);
	color: #eeeeff;
}
.pricing_box.intro ul {
	margin: 0;
	padding: 0.5em;
	font-size: 0.9em;
	text-align: left;
}
.numbers-panel.left-piece {
}
.numbers-panel.left-piece span {
}
.numbers-panel.left-piece .first {
}
.front-page-header h1 span,
.front-page-panel h1 span,
.numbers-panel.left-piece span {
	color: #f46a1c;
}
.free-packs-links a {
	border: solid 1px #dddddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #bbeeaa;
	color: #ffef88;
	color: #aa2200;
}
.buttonpanel .mid a,
.pack-button {
	color: white;
	border: 1px solid #625c57; /* navy blue */
    border-width: 0px 0px 1px 1px;
	border-radius:1px 1px 1px 1px;
	-moz-border-radius:1px 1px 1px 1px;
	-webkit-border-radius:1px 1px 1px 1px;
	background-color: rgb(102, 153, 255);
	background-image:linear-gradient(90deg, #625c57, rgb(102, 153, 255));
	background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, from(#625c57), to(rgb(102, 153, 255)));
	background-image:-moz-linear-gradient(90deg, #625c57, rgb(102, 153, 255));
	background-color: #ffeeee;
	background-image:linear-gradient(90deg, #625c57, #ffeeee);
	background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, from(#625c57), to(#ffeeee));
	background-image:-moz-linear-gradient(90deg, #625c57, #ffeeee);
	background-image: none;
	background-color: #C40650;
	font-weight: bold;
}
.buttonpanel .mid a.active, 
.buttonpanel .mid a:hover {
  border-top-width: 1px;
  border-bottom-width: 0px;
  background-color: #625c57;
  background-color: #7a003b;
  background-image: none;
}
.buttonpanel .mid a {
  text-shadow: 0px 1px 1px #000000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;	
  margin-right: 1px;
  width: 44px;
  width: 79px; /* Changed styling of buttons on player */
  text-align: center;
  padding-left: 8px;
}
.in-pack#top-bar {
	width: 578px;
}
.in-pack#top-bar div.pack-choices {
}
.in-pack#top-bar div.pack-choices span {
}
.buttonpanel {
	background-color: white;
	background-image: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#emabuttonpanel,
#elessonbuttonpanel {
	border: none;
	border-bottom: 1px solid #ECECEC;
	background: none;
}
#emabuttonpanel a.el-link,
#elessonbuttonpanel a.ema-link {
	color: white;
	background-color: #ccc1b1;
	border: 0px;
	border-bottom: solid 1px #625c57;
}
#elessonbuttonpanel a.ema-link {
}
.buttonpanel div {
}
.buttonpanel .mid {
  background-color: #E1D4C0;
  background-color: #ffeeee;
  background-color: #ECECEC; /* DH changed bg colour */
  border: 1px solid #625c57; /* navy blue */
  border-width: 0px 1px 0px 1px;
  border-radius: 0px 3px 0px 0px;
  -moz-border-radius: 0px 3px 0px 0px;
  -webkit-border-radius: 0px 3px 0px 0px;
  width: 292px; /* DH set standard width on button panel */
}
#emabuttonpanel.buttonpanel .mid {
  border-radius: 3px 0px 0px 0px;
  -moz-border-radius: 3px 0px 0px 0px;
  -webkit-border-radius: 3px 0px 0px 0px;
}
.buttonpanel .top a {
	color: #625c57;
	border: 1px solid #625c57; /* navy blue */
    border-width: 1px 1px 0px 1px;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
    background-color: #E1D4C0;
    background-color: #ffeeee;
    background-color: #ECECEC; /* DH changed BG colour */
}
div#infopanel.studyhub-rounded {
	border-color: #625c57;
	background-image: none;
	background-color: #E1D4C0;
	background-color: #e7f7ff;
}
div#infopanel .pack-panel {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #625c57;
	top: 7px;
}
#bodybox {
}
#infopanel {
}
#infopanel div div {
  color: #625c57; 
}
#infopanel div span {
  color: #000000; 
}
#infopanel div.divider {
  border-bottom: 1px solid #625c57;
}
#emabuttonpanel .mid a.dummy {
	background: transparent;
	background-image: none;
}
#emabuttonpanel .mid a.dummy span {
	background-image: none;
}
.buttonpanel .top {
	background: white;
}
#infoSKU {
}
#licensetext {
}
#productcodecaption {
}
#searchindexcontainer {
	background-color: white;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border: solid 1px #625c57;
}
#searchindexcontainer a:hover {
	background-color: #cecece;
	color: #c40650;
}
.buttonpanel .mid a span {
	background: url('/images/crystal_clear/32x32/mimetypes/document.png') no-repeat 0px 0px;
	background: none; /* DH removed Icon */
}
.buttonpanel .mid a.active span {
}
#bttnopen_elvideo span, 
#bttnopen_emavideo span {
	background: url('/images/crystal_clear/32x32/mimetypes/video.png') no-repeat 0px -2px;
	background: none; /* DH removed Icon */
}
#bttnopen_elhandout span, 
#bttnopen_emahandout span {
}
#bttnopen_elaudio100  span, 
#bttnopen_emaaudio100 span {
	background: url('/images/crystal_clear/32x32/apps/musicstore.png') no-repeat 0px 0px;
	background: none; /* DH removed Icon */
}
div.fp-buttons {
}

span.link-views {
	color: #333399;
}
div.pack-link span.clearfix,
div.subject-link span.clearfix {
}
span.link-title {
	color: #222222;
}
span.link-description {
}
span.author-shot {
}
span.author-shot img {
  border: solid 1px #999999; 
}
span.author-shot a {
}
span.link-description span.link-intro-more {
}
a.edit_link {
}
span.link-views {
}
span.link-contents {
}
span.link-contents img {
}


#mid .packs-links div.pack-link {
  background-color: #ffffe4 !important;
}

.packs-links div.pack-link,
#mid .packs-links div.pack-link,
#mid .subjects-links div.subject-link {
	background-color: #ececec;
	background-color: #ffeeee;
	background-color: white; /* DH changed body bg colour to white */
	box-shadow: 2px 2px 4px rgba(187, 194, 29, 0.33);
	-moz-box-shadow: 2px 2px 4px rgba(187, 194, 29, 0.33);
	-webkit-box-shadow: 2px 2px 4px rgba(187, 194, 29, 0.33);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: solid 1px #002255;
	border: none; /* DH removed border */
}
#mid .subjects-links div.subject-link {
}
#mid .subjects-links  div.subject-link.odd {
}
#mid .packs-links div.pack-link {
	border: solid 1px #736C66; /* DH darkened border */
}
span.link-title {
	background-color: #006888;
}
.packs-links div.pack-link span.link-title a,
#mid .packs-links div.pack-link span.link-title a,
#mid .subjects-links div.subject-link span.link-title a {
	color: white;
	text-shadow: 0px 1px 1px #000000;
	color: #736C66; /* DH changed header styling to suit eircom feedback */
	text-shadow: none; /* DH changed header styling to suit eircom feedback */
	border-bottom: solid 1px #f15c24;
	border-bottom: solid 1px #625c57;
	border-bottom: none; /* DH Removed border */
}
#mid .subjects-links div.subject-link span.link-title a {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: 0px;
	border-bottom: solid 1px white;
	border-bottom: none;
	background-color: #c40650;
	background-color: #625c57; /* very dark grey */
	background-color: #736c66; /* less dark grey */
	background-color: #ececec; /* DH added odd/even */
	text-shadow: none;
	color: white;
	color: #625c57; /* DH changed text color to suit new bg */
	padding: 7px; /* DH added padding to subjects */
	color: gray; /* DH0509 softened font color */
	padding-left: 11px; /* DH0509 increased left padding */
}
#mid .subjects-links div.subject-link.odd span.link-title a {
	background-color: white; /* DH added odd/even */
}
#mid div.subjects-links.show-prices div.subject-link span.link-title a {
	font-size: 12px;
}
#mid .subjects-links div.subject-link span.link-title a:hover {
	background-color: #f15c24;
	background-color: #ececec; /* DH added odd/even */
	color: #f15c24; /* DH hover text color change */
}
#mid .subjects-links div.subject-link.odd span.link-title a:hover {
	background-color: white; /* DH added odd/even */
}
#mid .packs-links span.author-shot,
#mid .packs-links span.author-shot a:link {
	background-color: #f15c24;
	background-color: #C40650;
	background-color: #736c66;
	color: white;
	text-decoration: none;
}
div.odd span.author-shot,
div.odd span.link-title {
	background-color: #f15c24;
}
#mid .packs-links .pack-link span.link-title a:hover, 
#mid .subjects-links .subject-link span.link-title a:hover{
	background-color: #f15c24;
	background-color: #ECECEC; /* DH changed header styling to suit eircom feedback */
	color: #f15c24; /* DH changed header styling to suit eircom feedback */
}
#mid .packs-links div.odd span.link-title a:hover {
	background-color: #f15c24;
}
#mid .subjects-links span.link-title a:hover{
	background-color: #f15c24;
	color: #e7f7ff;
}
span.author-shot a {
	color: #e7f7ff;
}
span.author-shot img {
}
.packs-links img.author-img {
  float: none;
  margin: 0px;
  border: solid 1px #625c57; 
  border: none;
}
span.link-description {
	color: #636363;
	width: 514px;
	padding-bottom: 0px;
	white-space: pre-wrap;
}
span.link-contents {
	color: #002255;
	width: 300px;
	left: 670px;
	top: 47px;
}
span.link-contents select {
	color: #002255;
}
span.link-contents span.timing {
	position: relative;
	top: 3px;
}
span.link-views {
	color: #002255;
	font-weight: lighter; /* DH unbolded views as per req */
	left: 0px;
	text-align: center;
	width: 120px;
	top: 111px;
}
span.link-prompt, 
span.link-prompt {
	color: #f15c24; /* DH set 'view topic' to orange by default */
}
div.subject-heading {
	border-top: solid 2px #E04312;
	width: 951px; /* made width same as on packs page */
	width: 885px; /* DH fit line to page width */
	border-top: solid 2px #c40650; /* DH made line purple */
	font-size: 1.5em; /* DH0509 changed font size */
	font-size: 1.1em; /* DH changed font size */
	padding-top: 15px; /* DH0509 padding to separate elements more fluidly */
	padding-bottom: 4px; /* DH0509 padding to separate elements more fluidly */
}
div.pack-heading {
	border-top: solid 2px #E04312;
	border-top: none; /* DH Removed Orange Line */
	border-top: solid 2px #c40650; /* DH made line purple */
	font-size: 155%;
	font-weight: bold;
	width: 951px;
	width: 885px; /* DH fit line to page width */
	display: inline-block;
	text-align: left;
	font-size: 1.5em; /* DH0509 changed font size */
	font-size: 1.1em; /* DH changed font size */
	padding-top: 15px; /* DH0509 padding to separate elements more fluidly */
	padding-bottom: 4px; /* DH0509 padding to separate elements more fluidly */
}
span.link-topics {
	font-weight: bold; /* DH0509 changed font size */
	font-size: 0.8em; /* DH0509 changed font size */
}
.all-packs span.link-topics,
.all-packs span.link-prompt {
} 
span.dropdown_holder {
	padding-left: 3px; /* DH increased padding on content dropdown */
}
/* General dropdown styles */
dl.dropdown,    
.dropdown dd, 
.dropdown dt, 
.dropdown ul { 
}
.dropdown dd { 
}
/* DT styles for sliding doors */
.dropdown dt a {
	background: #e4dfcb url(../../img/arrow.png) no-repeat scroll right center;
    border: 1px solid #d4ca9a; 
    background-color: #ffeeee;
}
.dropdown dt a span {
}
/* UL styles */
.dropdown dd ul { background: white none repeat scroll 0 0; 
}
.dropdown span.value { 
}
.dropdown dd ul li a { 
}

.dropdown a, .dropdown a:visited { 
	color: #006888; 
}
.dropdown a:hover { 
	color: #5d4617;
}
.dropdown dt a:hover { 
	color: #5d4617; 
	border: 1px solid #d0c9af;
}
.dropdown dt a {
	background: white url(../../img/arrow.png) no-repeat scroll right center; 
	border: 1px solid #d4ca9a; 
}
.dropdown dt a span {
}
.dropdown dd ul { 
	background: white none repeat scroll 0 0; 
	border: 1px solid #d4ca9a; 
	color: #C5C0B0; 
}
.dropdown span.value { }
.dropdown dd ul li a { }
.dropdown dd ul li a:hover { background-color:#d0c9af;}

#mid .packs-links a:link,
#mid .subjects-links a:link,
#mid #subjects a:link,
#mid #packs a:link {
	background-color: #c40650;
	background-color: #625c57;
	background-color: #736C66;
	background-color: #ECECEC; /* DH changed header styling to suit eircom feedback */
	color: white;
	text-decoration: none;
	border: 1px solid rgb(110,110,110);
	border: none; /* DH changed header styling to suit eircom feedback */
	border-width: 1px 0px 0px 0px;
	border-radius:1px 1px 1px 1px;
	-moz-border-radius:1px 1px 1px 1px;
	-webkit-border-radius:1px 1px 1px 1px;
	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.33);
	-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.33);
}
#mid .packs-links a:link {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
#mid .packs-links .dropdown_holder a:link {
	background-color: #ffeeee;
	background-color: #ececec;
	color: #625c57;
	background-color: white; /* DH changed dropdown styling */
	border: solid 1px #BBB;
	margin-left: -4px;
	margin-top: 3px;
}
#mid .packs-links .dropdown_holder a:hover {
	background-color: #eeeeee;
	background-color: #ECECEC; /* DH darkened hover bg */
	color: #c40650;
	color: #f15c24; /* DH hover text orange */
}
#mid .packs-links a.link-to-pack:link {
	background: none;
	color: #625c57;
	border: none;
}
#mid .packs-links a.link-to-pack.link-to-ema:link {
	margin-left: -9px;
}
.all-packs .subjects-links .packs-links a,
#mid .all-packs #subjects a,
#mid .all-packs #packs a {
	background-color: #ffffff;
	border: 1px solid rgb(170,170,170);
}
.all-packs .subjects-links a {
	background-color: #eeeeee;
}
#mid .packs-links a:hover,
#mid .subjects-links a:hover,
#mid #subjects a:hover,
#mid #packs a:hover {
	background-color: #f15c24;
}

div#infopanel.studyhub-rounded {
	border-color: #625c57;
	background-image: none;
	background-color: #ffeeee;
	background-color: #ECECEC; /* DH changed background colour */
	right: auto;
	position: absolute;
	top: 57px;
	left: 0px;
}
#top-bar .choice-label {
	font-size: 140%;
	font-size: 108%; /* DH changed font size on navigation dropdowns */
	font-weight: bold;
	width: 68px;
	width: 75px; /* DH moved dropdowns further from text */
	display: inline-block;
	text-align: left;
}
#mid .subjects-links div.subject-link {
	margin-bottom: 0px; /* DH removed margins for eircom feedback */
	margin-bottom: 9px;
}
.subject-choices {
	/*padding-top: 6px; /* DH padded subject choices */
	width: 540px;
}
#mid .packs-links .dropdown_holder li a:link {
	border: none;
}
#mid .e_bulletpanel ul {
	list-style-type: disc; /* DH added bullets */
	text-align: left;
	padding-left: 1.2em;
	padding-left: 3em;
}
#mid .e_bulletpanel li {
	background: url('../e_bullet.png') no-repeat 2px 5px;
	padding: 0px 0px 12px 15px;
	padding-left: 0px;
}
#infoSKU, #productcodecaption {
	top: 500px; /* DH moved product code to fit */
}
#top-bar .top-choices {
	line-height: 28px; /* DH using line-height instead of padding to set space */
}
span.link-prompt:hover, 
.link-title a:hover span.link-prompt {
	color: #C40650;
	text-decoration: underline; /* DH added hover behaviour for 'view topic' links */
}
#mid .packs-links a.link-to-pack:hover {
	color: #f15c24; /* DH orange on hover for ema and elesson links */
}
.e_facebookapplanding {
	padding-top: 20px; /* DH moved facebook link down */
}
span.link-level {
	position: absolute;
	left: 20em;
}
a.all_packs_link {
	/*display: block;*/
	padding-top: 13px;
	/*clear: both;*/
}
div#mid {
	width: 951px;
	position: relative;
	min-height: 600px;	
}
.front-page-header {
	width: 949px;
	margin-bottom: 16px;
	background-color: #ececec;
	float: none;
	position: relative;
	height: 366px;
	overflow: hidden;
	clear: both;
}
.front-page-header h1 {
	font-size: 24px;
}
#internal-banner a {
	font-size: 15px;
	text-decoration: none;
	padding: 3px;
	margin-left: 12px;
	color: white;
	border: 1px solid #625C57;
	margin-top: 53px;
	border-width: 0px 0px 1px 1px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	background-image: none;
	background-color: #C40650;
	font-weight: normal;
}
#internal-banner {
	display: none;
}
.es_clearfix {
	clear: both;
}
.plan-button input {
	margin-right: 11px;
}
#mid p.welcome span.greeting {
	color: #777;
	font-size: 14px;
	font-size: 19px;
	width: 300px;
	float: left;
	text-align: left;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 18px;
}
#mid .e_buttonholder {
	clear: both;
	font-size: 12px;
	color: #777;
	padding: 15px 0px 10px 0px;
	padding: 15px 0px 15px 0px;
	padding: 30px 0px 30px 0px;
	padding: 45px 0px 45px 0px;
	padding: 0px 0px 30px 0px;
}
.heading-separator {
	height: 8px;
}
.e_buttonholder img {
	width: 280px;
	padding: 4px;
}
.plan_info {
	border: 1px solid #625C57;
	border: 1px solid #D7D4CD;
    background-color: #ececec;
    background-color: white;
    padding: 10px;
    padding-left: 34px;
    padding-right: 33px;
    line-height: 30px;
    text-align: left;
    height: 155px;
    height: 170px;
    height: 245px;
    margin-bottom: 25px;
}
.plan_header {
	float: left; 
	padding: 5px; 
	font-size: 1.2em;
	color: #625C57;
	float: left;
	padding-top: 25px;
}
.es_linebreak {
	margin-top: 44px;
	margin-bottom: 4px;
	border: 1px solid #f15c24;
}
#current_plan table {
	width: 29em;
	margin-top: 20px;
	margin-bottom: 35px;
}
tr.plan_extend_header td {
	color: #f15a22;
	font-size: 1.2em;
	padding-bottom: 5px;
	/*color: #CB2828; Changed back to orange DH */
}
input.plan_submit {
	float: right;
	padding: 5px;
	font-size: 0.95em;
	color: #7A003B;
	background-color: #ECECEC;
	background-color: white;
	font-weight: bold;
	color: #625C67;
	color: #F15A22;
}
.plan_info td.right {
	text-align: right;
}
.log_reg_wrapper #upgradesteps {
	width: 417px;
	height: 26px;
	top: 62px;
	float: right;
	position: absolute;
	left: 490px;
}
.orange_highlight_home {
	color: #f45b03;
	font-size: 22px;
	text-align: center;
	line-height: 0.8;
	margin: 0px;
	position: relative;
	top: 7px;
}
#extend_plan {
	margin-bottom: 5px;
}
#extend_plan table input {
	margin-right: 7px;
}
.plan_left_td {
	width: 8em;
}
span.st {
	font-size: 70%;
	vertical-align: super;
	line-height: 70%;
}
body.logged_in.no_sub .plan_info {
	height: 255px;
}
body.logged_in.no_sub #mid div.e_bulletpanel {
	background-color: white;
	border: none;
	padding: 0px;
	margin: 0px;
}
body #mid div.e_bulletpanel.for_parents,
body.logged_in.no_sub #mid div.e_bulletpanel.for_parents {
	border: 1px solid #625C57;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	margin: 12px 0px;
}
body #mid div.e_bulletpanel.for_parents a.front-button, 
body.logged_in.no_sub #mid div.e_bulletpanel.for_parents a.front-button {
	position: absolute;
	top: 0px;
	right: 8px;
	text-align: center;
	padding: 13px;
}
div.montage div.junior-subjects {
	position: absolute;
	width: 300px;
	top: 0px;	
}
div.montage div.leaving-subjects {
	position: relative;
	width: 350px;
	left: 300px;
	top: 0px;
	padding-bottom: 210px;
}
body.logged_in.no_sub #mid div.e_bulletpanel h1 {
	text-align: center;
	margin: 7px;
	padding: 0px;
}
body.logged_in.no_sub #current_plan {
	font-size: 0.8em;
	line-height: 24px;
}
body #mid div.e_bulletpanel.for_parents.montage,
body.logged_in.no_sub #mid div.e_bulletpanel.for_parents.montage {
	background: url('/css/fp/parents-montage.png') bottom center no-repeat;
}
.column {
	width: 47%;
	float: left;
}
.plan_info.log_reg_form {
	height: 210px;
	background-color: #ECECEC;
	border: 1px solid #625C57;
	margin-top: 30px;
}
h5.orange_highlight_home {
	padding: 0;
	margin: 0;
	font-weight: normal;
}
.log_reg_form .plan_submit {
	width: auto;
	margin: 0;
	margin: 3px;
	float: none;
}
button.plan_cancel {
	padding: 5px;
	font-size: 0.95em;
	color: #7A003B;
	background-color: #ECECEC;
}
.login_new .forgot {
	font-size: 0.9em;
	color: #f15a22;
}
.log_reg_wrapper {
	border: 1px solid #625C57;
	border: 1px solid #D7D4CD;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-top: 10px;
	margin-bottom: 70px;
}
.plan_info.log_reg_form.login_new {
	height: 185px;
	width: 207px;
	float: left;
	clear: left;
	font-size: 0.9em;
}
.plan_info.log_reg_form.register_new {
	width: 409px;
	float: right;
	font-size: 0.9em;
}
.log_reg_wrapper .header_left {
	float: left;
	position: relative;
	color: #625C67;
	font-size: 1.4em;
	top: 17px;
}
.log_reg_wrapper .header_right {
	float: left;
	position: absolute;
	color: #625C67;
	font-size: 1.4em;
	left: 366px;
	top: 64px;
}
.log_reg_title, 
body.logged_in.no_sub #mid div.e_bulletpanel h1.log_reg_title {
	text-align: left;
	font-size: 1.5em;
	margin-bottom: 10px;
	padding-bottom: 0;
	color: #777;
}
#login .plan_submit {
	float: right;
	margin-right: 40px;
	position: relative;
	top: -30px;
	left: 51px;
}
#register .plan_submit {
	margin-left: 117px;
	margin-top: 33px;
	margin-left: 344px;
	margin-top: 7px;
}
.log_reg_form input[type="password"],
.log_reg_form input[type="text"],
.log_reg_form input[type="email"] {
	width: 12em;
	width: 100%;
	height: 1.7em;
	padding-left: 5px;
}
.column.log_right {
	padding-left: 24px;
}
input.plan_submit:hover{
	color: #777;
}
#extend {
	/* clear: both; */
	margin-top: 0px;
	background-color: #ececec;
	/* padding-bottom: 35px;
	padding-top: 10px; */
	border: 1px solid #625C57;
	border: 1px solid #D7D4CD;
	background-color: white;
}
body.logged_in.no_sub #extend.plan_info {
	margin-top: 50px;
}
ul.exes {
	list-style-type: disc;
	padding-left: 1.2em;	
}
ul.exes li {
	margin-bottom: 0.3em;	
}
.clearfix {
	clear: both;
}
div.parents-pricing {
	margin: 14px 0px;
}
.loader_img_small {
	height: 1em;
}
body.logged_in a.logout-link {
	margin-left: 26px;
}
.header_left.no_rel {
	position: static;
}
#changepass_errors {
	font-size: 0.8em;
	color: #F15A22;
	font-weight: bold;
}
.log_reg_form.change_pass input[type="password"],
.log_reg_form.change_pass input[type="text"],
.log_reg_form.change_pass input[type="email"] {
	width: 20em;
}
.changepass_links {
	font-size: 0.8em;
}
body .plan_info.log_reg_form.change_pass {
	float: left;
	position: absolute;
	position: relative;
	clear: left; /* DH fix for box being pushed aside by header */
	width: 370px;
	height: auto;
}
body .plan_info.log_reg_form.changepass_links {
	float: right;
	width: 275px;
	position: absolute;
	left: 520px;
	background-color: white;
	border: none;
	height: auto;
}
#extend .plan_submit {
	background-color: #ECECEC;
}
.log_reg_title.orange_highlight_home {
	color: #F15A22;
	margin-left: 20px;
}
.plan_info.log_reg_form.change_pass input.plan_submit {
	position: relative;
	/*right: -180px;*/
	float: right;
	margin-right: 95px;
	margin-top: 10px;
}
body.logged_in #mid div.e_bulletpanel.changepass {
	border: none;
	color: black;
	font-size: 15px;
}
#changepass_errors a {
	font-weight: normal;
}
.sample-pack-intro p {
	text-align: center;
	position: relative;
	z-index: 20;
	left: -37px;
	top: -32px;
	font-size: 20px;
	line-height: 0.8;
	color: #646464
}
.prices_plans {
    padding: 0px 10px;
    margin-top: 1.3em;
    color: #002255;
}
.pricing_header h5 {
    font-size: 1.2em;
    margin: 0;
	padding-bottom: 5px;
}
.pricing_header {
    text-align: left;
    padding: 10px 8px;
    font-size: 0.9em;
}
.pricing_footer {
    text-align: left;
    padding: 10px 8px;
    font-size: 0.9em;
}
.pricing_header li {
	margin-left: 2em;
	list-style-type: disc;
}
#faq_full p {
    margin-left: 1.3em;
}
#faq_full td {
    vertical-align: middle;
	padding: 10px;
}
#faq_full table {
    margin-left: 1.3em;
}
.faq_extra img {
    width: 100px;
    height: 100px;
}
.faq_extra {
    text-align: center;
}
.faq_img {
	text-align: center;
}
#faq_full h2, #faq_contents h2 {
	margin-left: 0px;
	font-size: 1.1em;
	font-weight: bold;
}
#faq_full h5, #faq_contents h5 {
	font-size: 0.9em;
}
#faq_contents ul li {
	margin-left: 1.3em;
	margin-bottom: 0.4em;
}
h1.contact_info {
	text-align: center;
	font-size: 1.4em;
	color: #CB2828;
	font-weight: 600;
}
.faq_img {
	margin: 1em;
}
#faq_full h1, #faq_contents h1 {
    font-size: 1.4em;  
	margin-top: 50px;
    color: #CB2828;  
    font-weight: 600;
}
.faq_header td {
    vertical-align: middle;
}
.faq_header {
    margin: auto;
    margin-top: 1.2em;
}
#faq_contents h1 {
	margin-top: 20px;
}
#faq_full table td {
	vertical-align: top;
}
div.teacher-img {
	float: left;
	padding-right: 12px;
}
div.teacher-img img {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: solid 1px #DDD;
	margin-top: 5px;
	margin-bottom: 72px;
	padding: 6px;
	/* background: #ECECEC url(/partner/bt/img/bg-blog.png) top center repeat-x;*/
	background: #ECECEC;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
}
#mid div.e_bulletpanel.teacher-bio {
	text-align: center;
	margin: 12px auto;
	padding: 2px 0px;
	clear: both;
}
div.teacher-bio h1 {
	text-align: left;
}
div.teacher-bio p {
	text-align: left;
	line-height: 1.25em;
	margin-bottom: 20px;
}
div.teacher-bio h1 {
}
#globalheader #globalnav li a {
	display: inline-block;
	font-size: 15px;
	float: none;
	padding-top: 5px;
	width: 6.375em;
	width: auto;
	height: 18px;
	overflow: hidden;
	text-align: center;
	text-indent: 0px;
	font-weight: bold;
	text-shadow: 0px -1px 1px #000000;
	background: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#898989', EndColorStr='#626262');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#898989', EndColorStr='#626262')";
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwLjEiIHN0b3AtY29sb3I9IiM4OTg5ODkiLz48c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzYyNjI2MiIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+);
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(10%, #898989), color-stop(50%, #737373), color-stop(100%, #626262));
	background-image: -webkit-linear-gradient(top, #898989 10%, #737373 50%, #626262 100%);
	background-image: -moz-linear-gradient(top, #898989 10%, #737373 50%, #626262 100%);
	background-image: -ms-linear-gradient(top, #898989 10%, #737373 50%, #626262 100%);
	background-image: -o-linear-gradient(top, #898989 10%, #737373 50%, #626262 100%);
	background-image: linear-gradient(to bottom, #898989 10%, #737373 50%, #626262 100%);	cursor: pointer;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0px 0px 0px 2px;
	color: #FFFFFF;
}
#globalheader {
	position: relative;
	display: block;
	width: 951px;
	height: 25px;
	margin: 0px auto;
	text-align: left;
	z-index: 9998;
	background: url(/css/nav/globalheader.png) repeat-x;
	background-image: none;
	background-color: #5e4235;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#898989', EndColorStr='#626262');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#898989', EndColorStr='#626262')";
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwLjEiIHN0b3AtY29sb3I9IiM4OTg5ODkiLz48c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzYyNjI2MiIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+);
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(10%, #898989), color-stop(50%, #737373), color-stop(100%, #626262));
	background-image: -webkit-linear-gradient(top, #898989 10%, #737373 50%, #626262 100%);
	background-image: -moz-linear-gradient(top, #898989 10%, #737373 50%, #626262 100%);
	background-image: -ms-linear-gradient(top, #898989 10%, #737373 50%, #626262 100%);
	background-image: -o-linear-gradient(top, #898989 10%, #737373 50%, #626262 100%);
	background-image: linear-gradient(to bottom, #898989 10%, #737373 50%, #626262 100%);	-khtml-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	-ms-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	-o-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 0.875em;
	box-shadow: none;
	border-width: 1px 0px;
	border-radius: 0px;
	clear: left;
}
div.header div.container div.sign_links {
	margin-left: 20px;
	float: right;
}
#globalheader #globalnav li a.home_link {
	
	margin: 0px;
}
#globalheader #globalnav li a.home_link span {
	background: none;
	background-color: #5e4235;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwLjEiIHN0b3AtY29sb3I9IiM4OTg5ODkiLz48c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzYyNjI2MiIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnMSkiIC8+PC9zdmc+);
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(10%, #898989), color-stop(50%, #737373), color-stop(100%, #626262));
	background-image: -webkit-linear-gradient(top, #898989 10%, #737373 50%, #626262 100%);
	background-image: -moz-linear-gradient(top, #898989 10%, #737373 50%, #626262 100%);
	background-image: -ms-linear-gradient(top, #898989 10%, #737373 50%, #626262 100%);
	background-image: -o-linear-gradient(top, #898989 10%, #737373 50%, #626262 100%);
	background-image: linear-gradient(to bottom, #898989 10%, #737373 50%, #626262 100%);	display: inline-block;
	width: 50px;
	text-align: center;
	margin: 0px auto;
	height: 19px;
	vertical-align: top;
	top: 0px;
	padding: 5px 0px;
}
#globalheader #globalnav li a.home_link img {
	display: inline-block;
	background: white;
	padding: 3px 4px;
}
#globalheader #globalnav li {
	white-space: nowrap;
	display: inline;
	margin: 0px 5px;
	padding: 0;
	color: white;
	font-size: 13px;
}
#globalheader #globalnav li.tight {
	margin: 0px;
	padding: 0;
}
#globalheader #globalnav li.home_li {
	margin-left: 6px;
}
/* imported from virgin-uk */
body, #mid, h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'HelveticaNeueLTStd45Light', Arial, sans-serif;
	font-family: Lato;
}
#mid .packs-links a:link,
#mid .subjects-links a:link,
#mid #subjects a:link,
#mid #packs a:link {
}
#mid .subjects-links div.subject-link span.link-title a:link,
#mid .packs-links div.pack-link span.link-title a:link {
	font-weight: bold;
	background: none;
	color: #666666;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 13px;
	background-color: #e4f5fa;
}
#mid .packs-links a:hover,
#mid .subjects-links a:hover,
#mid #subjects a:hover,
#mid #packs a:hover {
}
#mid .subjects-links div.subject-link span.link-title a:hover,
#mid .packs-links div.pack-link span.link-title a:hover {
	color: #dddddd;
	text-shadow: none;
	background-image: none;
	background-color: black;
}
#mid .packs-links div.pack-link {
	border: solid 1px #736C66;
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	border: 0;
	background: none;
}
#mid .subjects-links div.subject-link span.link-title a:link,
#mid .subjects-links div.subject-link span.link-title a:visited {
	font-weight: normal;
	background-color: #efefef;
	border-radius: 0px;
}
span.link-title {
	background-color: white;
}
div.odd span.link-title {
	background-color: white;
}
span.link-prompt {
	color: #666666;
	text-shadow: none;
	top: 7px;
}
span.link-prompt:hover {
	color: #555555;
}
#mid .subjects-links div.subject-link span.link-title a:hover span.link-prompt,
#mid .packs-links div.pack-link span.link-title a:hover span.link-prompt {
	color: #555555;
}
#mid .packs-links .dropdown dt a {
	background: white url(../../img/arrow.png) no-repeat scroll right center; 
	border: 1px solid #d4ca9a; 
}
.packs-links div.pack-link span.link-title a, 
#mid .packs-links div.pack-link span.link-title a, 
#mid .subjects-links div.subject-link span.link-title a {
	color: white;
}
#mid,
.bbq#main-content {
	width: 980px;
	min-height: 450px;
}
div#infopanel.studyhub-rounded {
	border-color: #ECECEC;
	/* background: #ECECEC url(/partner/bt/img/bg-blog.png) top center repeat-x;*/
	border-color: #E4E4E4;
	background: #E4E4E4 url(../../images/BBRetiering/main_panel_bottom_tile_light.gif);
	background: #E4E4E4 url('../../img/partner/virgin/img/main_panel_bottom_tile_light.gif') bottom center repeat-x;
	width: 946px;
}
.imageRight {
	float: left;
}
.imageLeft {
	float: right;
}
.imageModule {
	font-size: 75%;
	margin: 0px;
	width: 45%;
	width: 457px;
	height: 333px;
	clear: none;
	padding-top: 5px;
	margin-bottom: 16px;
	overflow: hidden;
	padding: 0px;
	position: relative;
	border: solid 5px #777;
	border-width: 1px 4px;
}
.imageModule img {
}
.imageRight .contentOverlay,
.imageLeft .contentOverlay {
	margin-right: 0;
	text-align: left;
	position: absolute;
	top: 178px;
	left: 0px;
	padding: 0px 21px;
	width: 427px;
	background: #0e1f84;
	opacity: 1;
	/*filter: alpha(opacity=60);*/
	padding-bottom: 0px;
	border-top: solid 10px white;
	z-index: 10;
	height: 96px;
	min-height: 96px;
	margin-right: 0;
	text-align: left;
	position: absolute;
	top: 226px;
	left: 0px;
	color: white;
	padding: 0px 21px;
	width: 426px;
	background: black;
	opacity: 0.6;
	filter: alpha(opacity=60);
	padding-bottom: 11px;
	border-top: solid 1px white;
	z-index: 10;
	height: 96px;
	min-height: 96px;
}
.imageRight .contentArea,
.imageLeft .contentArea {
	margin-right: 0;
	text-align: left;
	position: absolute;
	top: 185px;
	top: 240px;
	left: 0px;
	color: white;
	font-size: 17px;
	padding: 0px 21px;
	width: 427px;
	text-shadow: 1px 1px 0px #555;
	text-shadow: none;
	line-height: 1.2em;
	padding-bottom: 11px;
	z-index: 20;
	text-align:center;
	display:block;
	text-decoration:none;
	font-weight:normal;
}
.imageRight .contentArea {
}
.imageLeft .contentArea {
}
.imageModule p.image {
	margin: 10px 0 0;
	margin: 10px 23px 0 0;
	margin: 0px;
	padding: 0px;
	height: 292px
}
.imageModule.imageRight .image {
	margin: 10px 0 0 23px;
	margin: 0px;
}
body.index .imageModule h2 {
	font-size: 29px;
	margin: 7px 0;
	color: white;
}
.imageModule a {
	font-weight: bold;
	color: #cc0000;
	text-shadow: 1px 1px 0px #aaa;
	color: #111120;
	color: white;
	text-shadow: 1px 1px 2px white;	
	text-shadow: none;
	text-decoration: none;
	font-weight: normal;
}
.contentArea a.arrow {
	text-align: right;
	display: block;	
}
#licensetext {
	text-align: left;
	top: 506px;
	color: #444;
}
div#infopanel .pack-panel {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: solid 1px #DDD;
	top: 7px;
	background: white;
}
#searchindexcontainer {
	background-color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: solid 1px #DDD;
	width: 216px;
	height: 389px;
	text-align: left;
	font-size: 12px;
	padding: 3px;
	left: 716px;
}
#infoSKU, #productcodecaption {
	top: 506px;
}
#infoSKU {
	font-family: 'HelveticaNeueLTStd45Light', Tahoma, Arial, Verdana;
	left: 798px;
	width: 114px;
}
#productcodecaption {
	left: 714px;
}
.pack-frame, #pack-frame {
	height: 580px;
	margin-top: 10px;
}
#top-bar .choice-label {
	font-weight: bold;
	width: 90px;
}
#top-bar select {
	font-family: 'HelveticaNeueLTStd45Light', Tahoma, Arial, Verdana;
	font-weight: normal;
	padding: 1px;
	border-radius: 2px;
	color: #555;
}
.in-pack#top-bar div.pack-choices {
	padding-top: 9px;
}
.in-pack#top-bar {
	height: 98px;
}
#top-bar span.show-all-packs a {
	font-weight: normal;
	/* background: black url(/partner/virgin/img/common/header/subnavBG.gif) repeat-x top left;*/
	padding: 4px;
	border: 1px solid #AAA;
	border-width: 0px 1px 1px 0px;
	top: 0px;
	font-size: 13px;
	margin-left: 17px;
}
#emabuttonpanel, #elessonbuttonpanel {
	left: 642px;
}
.buttonpanel {
	font-size: 16px;
}
.buttonpanel .mid a {
	/* background: black url(/partner/virgin/img/common/header/subnavBG.gif) repeat-x top left;*/
	background: black url(/images/content-button_test.jpg) repeat-x top left;
	border: solid 1px #DDD;
	font-weight: normal;
	width: 66px;
	height: 18px;
	margin-right: 3px;
	background: none;
	background-color: #ff6666;
}
.buttonpanel .mid a.active, 
.buttonpanel .mid a:hover {
	background-image: none;
	background-color: #8B0101;
	border-top: solid 3px #333;
	padding-bottom: 4px;
	border-top: solid 3px #E65C5C;
	background-color: #E65C5C;
}
.buttonpanel .top a {
	border: none;
	background-color: #ECECEC;
	margin-right: 2px;
	width: 144px;
	font-weight: normal;
}
#emabuttonpanel a.el-link, 
#elessonbuttonpanel a.ema-link {
	color: white;
	background-color: #CCC1B1;
	border: 0px;
	text-shadow: 0px 1px 1px black;
}
.buttonpanel .mid {
	border: none;
	width: 292px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
}
#mid .packs-links .dropdown_holder a:hover,
#mid .packs-links a.link-to-pack:hover {
	color: black;
}
#mid .packs-links a.link-to-pack:link {
	font-weight: normal;
}
#SecNav a,
#SecNav span {
	height: 17px;
}
div.pack-heading,
div.subject-heading {
	border-top: none;
	/*background: transparent url(/partner/virgin/img/common/header/subnavBG.gif) repeat-x left -27px;*/
	width: 980px;
	padding-top: 9px;
	padding-bottom: 10px;
}
div.disclaimer {
	clear: both;
	padding-top: 10px;
}
div.disclaimer h2 {
	/* background: transparent url(/partner/virgin/img/common/header/subnavBG.gif) repeat-x left -27px; */
	padding-top: 7px;
}
div.disclaimer p {
	text-align: left;
	line-height: 1.25em;	
}
div.disclaimer a {
	
}
div.teacher-img {
	float: left;
	padding-right: 12px;
}
div.teacher-img img {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: solid 1px #DDD;
	margin-top: 5px;
	margin-bottom: 72px;
	padding: 6px;
	/* background: #ECECEC url(/partner/bt/img/bg-blog.png) top center repeat-x;*/
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
}
#mid div.e_bulletpanel.teacher-bio {
	text-align: center;
	margin: 12px auto;
	/* background: transparent url(/partner/virgin/img/common/header/subnavBG.gif) repeat-x left -27px;*/
	padding: 2px 0px;
	clear: both;
}
div.teacher-bio h1 {
	text-align: left;
}
div.teacher-bio p {
	text-align: left;
	line-height: 1.25em;
	margin-bottom: 20px;
}
div.teacher-bio h1 {
}

/* pasted in BT stuff above here */

#mid .packs-links a:link,
#mid .subjects-links a:link,
#mid #subjects a:link,
#mid #packs a:link {
	background-image: url('/partner/bt/img/css/broadband_2012_package_name_bg_infinity.png');
	background: url('/partner/bt/img/css/prim_nav_right.gif') repeat-x center right;
	background-image: none;
}
#mid .packs-links a:hover,
#mid .subjects-links a:hover,
#mid #subjects a:hover,
#mid #packs a:hover {
	background-image: url('/partner/bt/img/css/broadband_2012_package_name_bg_infinity.png');
	background-image: url('/partner/bt/img/css/prim_nav_right_hover.gif');
	background-image: none;
}
#mid .packs-links div.pack-link {
	border: solid 1px #736C66;
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	border: 0;
	background: none;
}
span.link-title {
	background-color: white;
	text-align: left;
	border-bottom: solid 6px #477fa3;
}
#mid .packs-links .dropdown dt a {
	background: white url(../../img/arrow.png) no-repeat scroll right center; 
	border: 1px solid #d4ca9a; 
}
.packs-links div.pack-link span.link-title a, 
#mid .packs-links div.pack-link span.link-title a, 
#mid .subjects-links div.subject-link span.link-title a {
	color: white;
	/*background: url(/partner/virgin/img/common/header/subnavBG.gif) repeat-x;
	background: url(/partner/virgin/img/dark-panel-large.jpg) top left;
	background: url(/images/dark-panel-large_test.jpg) top left;*/
	padding-top: 6px;
	font-size: 14px;
	font-weight: normal;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	color: #666666;
}
#mid,
.bbq#main-content {
	width: 951px;
}
#mid .packs-links div.pack-link { 
    margin: 0 10px;
    margin: 15px 0px;
    padding: 0;
	position: relative;
	border-radius: 0px;
	border: solid 1px #636363;
	min-height: 126px;
}
#mid .packs-links div.pack-link span.pFoot {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
	background: transparent url('/../img/partner/virgin/img/panels/main_panel_bottom_tile.gif') repeat-x center top;
    display: block;
    height: 36px;
}
#mid .packs-links div.pack-link div.inner { /* ie6.css */ 
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;    
    background-color: #fff;
	font-size: .75em; /* equiv 12px */
    margin: 0 30px;
    padding: 30px;
}
ul.mainNav {
	font-size: 18px;
	left: 0;
	margin: 0 0 0 96px;
}
ul.mainNav.rightNav {
	margin: 0px;
}
ul.mainNav li div.sub {
	text-align: left;
}
span.link-topics {
	font-weight: normal;
	font-size: 1em;
}
#mid .subjects-links div.subject-link span.link-title a:hover,
#mid .subjects-links div.subject-link.odd span.link-title a:hover {
	background-color: black;
	color: #CCC;
	background-image: none;
	background-color: #efefef;
	color: #666666;
}
#mid .subjects-links div.subject-link span.link-title a:hover,
#mid .packs-links div.pack-link span.link-title a:hover {
	color: #666666;
	text-shadow: none;
	background-image: none;
	background-color: #efefef;
	text-decoration: underline;
	border-radius: 0px;
	margin-bottom: 0px;
}
#mid .packs-links span.author-shot, #mid .packs-links span.author-shot a:link {
	background-color: #ff6666;
	left: 0px;
	top: 0px;
	border: 0px;
	width: 120px;
}
body, body.logged_in, #mid {
	background: white;
	width: 951px;
}
#footer div.disclaimer {
	clear: none;
	padding-top: 0px;
}
div#footer div.disclaimer ul {
	bottom: 0;
	float: left;
	left: 0;
	list-style: none;
	margin: 0px;
	padding: 0;
	position: relative;
}
div#content {
	padding: 0px;
}
/* end imported from virgin-uk */
.imageModule.imageRight img {
	position: relative;
	width: 457px;
	left: 0px;
	top: -10px;
	padding: 0;
}
.imageModule.imageLeft img {
	position: relative;
	width: 457px;
	left: 0px;
	top: -8px;
	padding: 0;
}
.front-page-header span {
	
}
.front-page-header .subtitle {
	display: block;
	text-align: left;
	padding-left: 3em;
	font-size: 75%;
}
.front-page-header .subtitle a {
	display: inline-block;
	float: right;
	padding-right: 3em;
	width: auto;
}
.front-page-header h1 {
	width: 90%;
	text-align: center;
	line-height: 1.2;
	white-space: normal;
	padding: 0px;
	padding-left: 17px;
	margin-right: 0px;
	font-weight: lighter;
	color: #666666;
}
/* fp pricing layout */
.prices_plans {
	border: 0px;
	background: none;
	box-shadow: none;
	border-top: solid 1px #666666;
	border-radius: 0px;
	margin-top: 35px;
	clear: both;
}
.prices_plans h2 {
	margin: 0px;
	padding: 12px 0px;
	color: #494949;
	font-size: 180%;	
	font-weight: bold;
}
.prices_plans h2,
body.index .prices_plans h2 {
	margin: 0px;
	text-align: center;
}
.prices_plans h2 span.sub-header {
	font-size: 50%;
	display: block;
	font-family: inherit;
}
.prices_plans .prices_lower h2 {
	padding-bottom: 0px;
	padding-top: 2px;
	
}
.prices_plans .prices_upper h2 {
	border-top: solid 2px #c1662a;
	font-size: 200%;
}
.prices_upper, .prices_lower {
	padding: 0;
	margin: 0;
	/*
	border: solid 3px #5e4235;
	border-color: #dc6f27;
	border-color: #c1662a;
	background-color: #f1efa5;*/
}
.prices_upper {
	/*
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 64px;*/
	margin-top: -116px;
}
.prices_lower {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.prices_upper h2 {
	border-top-width: 2px;	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.prices_lower h2 {
	border-bottom-width: 2px;	
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.prices_centre {
	width: 873px;
	margin: 24px auto;
	margin: 16px auto;
}
.prices_centre.or {
	font-size: 180%;
	font-weight: bold;
	color: #5e4235;
	margin: 16px;
}
.pricing_box .length {
	font-size: 200%;
	margin-top: 2px;
}
.pricing_box .price {
	font-size: 155%;
	color: black;	
}
.pricing_box .price span {
	font-size: 130%;
	text-shadow: none;
	font-weight: normal;
}
.pricing_box a {
	font-size: 120%;
	margin-top: 20px;
	height: 30px;
	margin-left: 18px;
	width: 228px;
	background-color: #E1E1E1;
	border-radius: 2px;
	border: none;
	padding-top: 11px;
	box-shadow: 2px 6px 9px #888888;
	font-size: 31px;
	color: black;
	background-image: url('/images/frontpage-cart.png');
	background-repeat: no-repeat;
	background-position-y: -2px;
	position: relative;
	left: -10px;
	top: -16px;
}
.pricing_box a:hover {
	margin-top: 20px;
	height: 30px;
	margin-left: 18px;
	width: 228px;
	background-color: #E1E1E1;
	border-radius: 2px;
	border: none;
	padding-top: 11px;
	font-size: 31px;
	color: black;
	background-image: url('/images/frontpage-cart.png');
	background-repeat: no-repeat;
}
.prices_plans div.pricing_box {
	width: 30%;
	width: 260px;
	margin: 0px 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.prices_plans div.pricing_box {
	margin: 0;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7F6F6', EndColorStr='#DEDBDB'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7F6F6', EndColorStr='#DEDBDB')"; /* IE8 */
	background-image: -ms-linear-gradient(top, #F7F6F6 0%, #DEDBDB 100%);
	background-image: -moz-linear-gradient(top, #F7F6F6 0%, #DEDBDB 100%);
	background-image: -o-linear-gradient(top, #F7F6F6 0%, #DEDBDB 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F6F6), color-stop(1, #DEDBDB));
	background-image: -webkit-linear-gradient(top, #F7F6F6 0%, #DEDBDB 100%);
	background-image: linear-gradient(to bottom, #F7F6F6 0%, #DEDBDB 100%);
	border: none;
	box-shadow: 2px 6px 9px #888888;
	height: 132px;
}
.pricing_box a {
	
}
.prices_plans div.pricing_box.trial {
	margin: 0;
}
.prices_plans div.pricing_box.lc_annually,
.prices_plans div.pricing_box.monthly {
	margin: 0;
	margin: 0px 45px;
	height: 132px;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7F6F6', EndColorStr='#DEDBDB'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7F6F6', EndColorStr='#DEDBDB')"; /* IE8 */
	background-image: -ms-linear-gradient(top, #F7F6F6 0%, #DEDBDB 100%);
	background-image: -moz-linear-gradient(top, #F7F6F6 0%, #DEDBDB 100%);
	background-image: -o-linear-gradient(top, #F7F6F6 0%, #DEDBDB 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F6F6), color-stop(1, #DEDBDB));
	background-image: -webkit-linear-gradient(top, #F7F6F6 0%, #DEDBDB 100%);
	background-image: linear-gradient(to bottom, #F7F6F6 0%, #DEDBDB 100%);
	border: none;
	box-shadow: 2px 6px 9px #888888;
}
.prices_plans div.pricing_box.annually {
	background-color: #C8ECAA;
	clear: none;
	margin-left: 0px;
}
.pricing_box.annually .length, 
.pricing_box.lc_annually .length, 
.pricing_box.jc_annually .length {
	/*
	background: #6c9c54;
	background-color: #60b99a;
	background-color: #f77825;
	background-color: #eb924d;*/
	border: none;
	color: #f46a1c;
	text-shadow: none;
}
.prices_plans div.pricing_box.lc_annually, 
.prices_plans div.pricing_box.jc_annually {
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f8', EndColorStr='#c4d3e2'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f8', EndColorStr='#c4d3e2')"; /* IE8 */
		/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #C4D3E2 0%, #F6F6F8 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #C4D3E2 0%, #F6F6F8 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #C4D3E2 0%, #F6F6F8 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C4D3E2), color-stop(1, #F6F6F8));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #C4D3E2 0%, #F6F6F8 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #C4D3E2 0%, #F6F6F8 100%);
	height: 160px;
	border: none;
	box-shadow: 2px 6px 9px #888888;
}
.pricing_box.annually a, 
.pricing_box.lc_annually a, 
.pricing_box.jc_annually a {
	margin-top: 17px;
	height: 30px;	
	margin-left: 18px;
	width: 228px;	
	background-color: #E1E1E1;
	border-radius: 2px;
	border: none;
	padding-top: 8px;
	color: black;
	font-size: 31px;
	background-image: url('/images/frontpage-cart.png');
	background-repeat: no-repeat;
	background-position-y: -4px;
	position: relative;
	left: -10px;
	top: -14px;
	background-position: 0 -4px;
}
.prices_plans div.pricing_box.annually {
	
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f8', EndColorStr='#c4d3e2'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f8', EndColorStr='#c4d3e2')"; /* IE8 */
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #C4D3E2 0%, #F6F6F8 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #C4D3E2 0%, #F6F6F8 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #C4D3E2 0%, #F6F6F8 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C4D3E2), color-stop(1, #F6F6F8));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #C4D3E2 0%, #F6F6F8 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #C4D3E2 0%, #F6F6F8 100%);
	height: 160px;
	border: none;
	box-shadow: 2px 6px 9px #888888;
}
.pricing_box.trial .length {
	background: #cb2828;
	background-color: #f18629;
}
.prices_plans div.pricing_box.trial {
	background: #fac5c5;
	background-color: #dfb135;
}
.pricing_box.trial a {
	background: #cb2828;
	background-color: #dc6f27;
	background-color: #f77825;
}
.pricing_box.intro h3, 
.pricing_box .length {
	/*
	background: #8b5430;
	border-color: #554236;*/
	border: none;
	color: #f46a1c;
	text-shadow: none;
}
.page-top {
	padding: 6px 0px;
	width: 951px;
	height: 80px;
	/*border-bottom: solid 1px #666666;*/
}
.page-top a {
	float: left;
	padding-right: 18px;
}
.page-top a img {
	/*position: relative;*/
	/*top: -236px;*/
	/*left: -170px;*/
}
.page-top h1 {
	font-size: 22px;
	text-align: left;
	margin: 0px;
	padding-top: 12px;
}
.page-top h1 span {
	color: #f46a1c;
	font-weight: bold;	
}
#front-page-text {
	position: absolute;
	top: 60px;
	left: 30px;
	font-size: 12px;
	width: 320px;
	text-align: center;
	background-color: white;
	border-radius: 15px;
	padding: 0px;
	border:2px solid #f37022;
}
#front-page-button {
	position: absolute;
	top: 218px;
	left: 65px;
}
#front-page-image {
	width: 951px;
	height: 367px;
	position: relative;
	top: 0px;
	/*left: -3px;*/
}

.front-button.red-bg {
	width: 149px;
	height: 20px;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #000000; 
  /* text-shadow: none; */
  color: white;
	text-align: center;
	top: -26px;
	background: #ff6666;
	padding-right: 8px;
	padding-left: 8px;
}
.front-button2.red-bg {
	width: 149px;
	height: 20px;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #000000; 
  /* text-shadow: none; */
  color: white;
	text-align: center;
	top: -26px;
	background: #ff6666;
	padding-right: 8px;
	padding-left: 8px;
}
body.index div.container div.statement.front-page {
	width: 949px;	
	box-shadow: none;
	overflow: hidden;
	margin-top: 15px;
	font-family: 'HelveticaNeueLTStd45Light', Arial, sans-serif;
	border: none;
	background-color: white;
	background-image: none;
}
#getting-started-steps {
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F9F9F9', EndColorStr='#E2E1E1'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F9F9F9', EndColorStr='#E2E1E1')"; /* IE8 */
		/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #E2E1E1 0%, #F9F9F9 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #E2E1E1 0%, #F9F9F9 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #E2E1E1 0%, #F9F9F9 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E2E1E1), color-stop(1, #F9F9F9));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #E2E1E1 0%, #F9F9F9 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #E2E1E1 0%, #F9F9F9 100%);
	position: absolute;
	height: 250px;
	width: 1006px;
	top: -76px;
	left: -57px;
}
#getting-started-steps a {
	color: #555;
	position: absolute;
	display: block;
	left: 57px;
	top: 76px;
	width: 950px;
	height: 200px;
	text-align: left;
}
#getting-started-steps span {

}
#getting-started-steps span em {
	font-size: 45px;
	line-height: 10px;
	font-weight: bold;
}
#getting-started-steps span span {
	display: block;
	position: absolute;
	top: 60px;
	left: 90px;	
}
#getting-started-steps span#step1,
#getting-started-steps span#step2,
#getting-started-steps span#step3 {
	position: absolute;
	padding-left: 72px;
	padding-top: 15px;
	display: block;
	left: 27px;
	top: 0px;
	width: 309px;
	height: 75px;
	z-index: 100;
	font-size: 24px;
	background: url('/images/gettingstarted_step_red.png') 24px 11px no-repeat;
}
#getting-started-steps span#step2 {
	left: 311px;
	top: 41px;
	background-image: url('/images/gettingstarted_step_orange.png');
}
#getting-started-steps span#step3 {
	left: 590px;
	top: 82px;
	background-image: url('/images/gettingstarted_step_green.png');
}
#getting-started-steps span.todo {
	opacity: 0.7;
}
#getting-started-steps span.done {
	opacity: 0.8;
}
#getting-started-steps span#arrow1,
#getting-started-steps span#arrow2 {
	position: absolute;
	display: block;
	left: 209px;
	top: 48px;
	width: 309px;
	height: 75px;
	z-index: 100;
	font-size: 24px;
	background: url('/images/gettingstarted_step_arrow.png') 0px 0px no-repeat;
	text-indent: -9999px;
}
#getting-started-steps span#arrow2 {
	left: 486px;
	top: 94px;
}
#getting-started-steps span#getting-started {
	position: absolute;
	display: block;
	left: 686px;
	top: 10px;
	width: 309px;
	height: 75px;
	z-index: 100;
	font-size: 33px;
}
.getting-started-container {
	width: 949px;
	margin: 13px auto;
	margin-bottom: 16px;
	float: none;
	position: relative;
	height: 174px;
	overflow: hidden;
	border: none;		
	border: solid 1px #555555;
}

#button-overlay-left {
	margin-right: 0;
	text-align: left;
	position: absolute;
	top: 188px;
	top: 227px;
	left: 0px;
	padding: 0px 21px;
	width: 427px;
	padding-bottom: 11px;	
	z-index: 30;
	height: 96px;
	min-height: 96px;
	display:block;
}

#button-overlay-right {
	margin-right: 0;
	text-align: left;
	position: absolute;
	top: 188px;
	top: 227px;
	left: 0px;
	padding: 0px 21px;
	width: 427px;		
	padding-bottom: 11px;	
	z-index: 30;
	height: 96px;
	min-height: 96px;
}
#trial-banner-image {
	background: url('/images/trialbanner.jpg');
	background: url('/images/TrialBanner_test.jpg');
	position: absolute;
	height: 291px;
	width: 1165px;
	top: -27px;
	left: -32px;
}
.trial-banner-container {
	width: 949px;
	margin: 13px auto;
	margin-bottom: 16px;
	float: none;
	position: relative;
	height: 120px;
	overflow: hidden;
	border: solid 1px #555555;		
}
#banner-text-content {	
	position: relative;
}
#trial-button {
		text-align: center;
}
#banner-text-content h2 {
	font-size: 34px;
	margin-left: 140px;
	margin-top: 19px;
	margin-bottom: 16px;
	text-align: center;
}
#banner-text-content h3 {
	margin-left: -10px;
	margin-top: 9px;
	margin-bottom: 9px;
	text-align: center;
}

#trial-button-link {
	font-size: 20px;
	text-shadow: 0px 1px 1px #000000;
	text-align: center;
	top: -30px;
	background: #f46a1c;
	padding: 5px 22px;
	text-decoration: none;
	font-weight:bold;
	color: white;
	position: relative;
	left: 362px;
	box-shadow: 1px 1px 1px #888888;
}
#trial-button-link:hover {
	font-size: 20px;
	text-shadow: 0px 1px 1px #000000;
	text-align: center;
	top: -30px;
	background: #d9611e; 
	padding: 5px 22px;
	text-decoration: none;
	font-weight:bold;
	color: white;
	position: relative;
	left: 362px;
	box-shadow: 1px 1px 1px #888888;
}
#month_price_box {
	margin-left: 155px;
}
.description {	
	margin-top: 4px;
	font-size: 20px;
	padding-right: 0px;
	padding-left: 41px;
}
#month_price_box .description {	
	margin-top: 3px;
}
.pricing_box.quarterly .description {	
	margin-top: 3px;	
}
#price_info {
	text-align: left;
	margin-top: 33px;
	margin-left: 10px;
}
#payment_icons {
	background: url('../../img/frontpage-paymentsymbols.png') no-repeat;
	width: 256px;
	height: 58px;
	position: relative;
	top: -52px;
	left: 616px;
	clear: both;
}
.description span{
	font-weight: bold;
}
#value_image {
	background-image: url('/images/bestvaluebanner.png');
	height: 100px;
	width: 152px;
	background-repeat: no-repeat;
	position: relative;
	left: 807px;
	top: 87px;
}
.testimonial_content {
	width: 482px;
	height: 222px;
	border-top: solid 1px #666666;
	float: left;
}
.testimonial_content_header {
	text-align: left;
}
.testimonial_content_header p {
	color: #f45b03;
	font-size: 22px;
	text-align: center;
	line-height: 0.8;
	margin: 0px;
	background-color: white;
	margin-bottom: 12px;
	width: 200px;
	position: relative;
	left: 145px;
	top: -11px;
}
.testimonial_content_header a {
	color: #646464;
	margin-left: 355px;
	font-weight: bolder;
}

.content_text_first {
	width: 482px;
	height: 121px;
}
.content_text_first p.test_text {
	line-height: 150%;
	color: #646464;
}
.testimonial_name_first {
}
.content_text_second {
	width: 512px;
	height: 192px;
}
.content_text_second p.test_text {
	top: 26px;
	text-align: left;
	margin-left: 20px;
	position: relative;
	font-size: 20px;
	font-style: italic;
	padding-left: 21px;
	padding-right: 16px;
	line-height: 200%;
	color: #646464;
	margin-bottom: 49px;
	background-color: #f1f4f8;
	overflow: hidden;
	border-radius: 3px;
	padding-top: 7px;
}

.testimonial_name_second {
	margin-top: 38px;
	color: #d1d1d1;
	font-size: 22px;
	font-style: italic;
	margin-right: -98px;
	font-weight: normal;
	height: 50px;
	position: relative;
	top: -23px;
	background-image: url('/images/speechbubble_1.jpg');
	background-repeat: no-repeat;
	background-position: 0px -148px;
}
#latest_content {
	width: 400px;
	height: 214px;
	float: left;
	border-top: solid 1px #666666;
	margin-left: 64px;
}
#latest_content_header {
	color: #ED4F3D;
	font-size: 22px;
	text-align: center;
	line-height: 0.8;
	margin: 0px;
	background-color: white;
	width: 200px;
	position: relative;
	left: 100px;
	top: -11px;
}
#latest_content_box{
	width: 400px;
	height: 195px;
}
#latest_content_list {
	height: 205px;
	text-align: left;
	margin-left: 0px;
	overflow: auto;
}
#testimonial_latest_container {
	width: 951px;
	height: 215px;
	margin-top: 10px;
}
#what_we_offer_cao_container {
	height: 241px;
}
#what_we_offer {
	
}
#what_we_offer h1{
	text-align: left;
	color: #f45b03;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}
#what_we_offer p{
	text-align: justify;
	width: 500px;
	line-height: 132%;
	font-size: 17px;
}
#cao_guide_container {
	width: 400px;
	top: -234px;
	position: relative;
	left: 551px;
}
#cao_guide_container h1{
	text-align: left;
	color: #f45b03;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 12px;
}
#cao_guide_image {
	
	background-color: #ececec;
	height: 182px;
	position: relative;
	margin-top: 7px;
}

#cao_guide_image img {
	height: 149px;
	width: 220px;
}

#cao_guide_image a {
	
	position: relative;
	top: 10px;
	text-decoration: none;
	color: #59aaaa;
	font-weight: bold;
}
#connect_with_us {
	height: 92px;
	width: 200px;
	float: left;
	padding-left: 60px;
}
#connect_with_us h1{
}
#socialnet_image {
	padding-top: 10px;
	padding-left: 10px;
	height: 62px;
	width: 200px;
	top: -8px;
	position: relative;
	background-repeat: no-repeat;
}
#socialnet_image_face {
	background-image: url('/images/socialsymbol_facebook.png');
	float: left;
	height: 50px;
	width: 50px;
}
#socialnet_image_twit {
	background-image: url('/images/socialsymbol_twitter.png');
	float: left;
	height: 50px;
	width: 50px;
}
#socialnet_image_link {
	background-image: url('/images/socialsymbol_linkedin.png');
	float: left;
	height: 50px;
	width: 50px;
}
#socialnet_image_face a {
	float: left;
	height: 40px;
	width: 39px;
	position: relative;
	top: 5px;
	left: 5px;
}
#socialnet_image_twit a {
	float: left;
	height: 40px;
	width: 39px;
	position: relative;
	top: 5px;
	left: 5px;
}
#socialnet_image_link a {
	float: left;
	height: 40px;
	width: 39px;
	position: relative;
	top: 5px;
	left: 5px;
}
#want_to_chat {
	height: 92px;
	width: 146px;
	float: left;
	padding-left: 45px;
}
#want_to_chat h1 {	
}
#phone_image {
	background-image: url('/images/callsymbol.png');
	width: 32px;
	height: 28px;
	position: relative;
	top: -10px;
	background-repeat: no-repeat;
	margin-left: 6px;
	margin-top: 15px;
}
#phone_image p {
	text-align: left;
	margin-left: 39px;
	width: 139px;
	font-size: 15px;
	font-weight: normal;
	padding-top: 4px;
}

#letter_image {
	background-image: url('/images/mailsymbol.png');
	width: 58px;
	height: 25px;
	position: relative;
	top: -13px;
	background-repeat: no-repeat;
	margin-left: 2px;
	padding-top: 3px;
}

#letter_image a {
	text-decoration: none;
	color: black;
	text-align: left;
	margin-left: 44px;
	width: 139px;
	font-size: 15px;
	font-weight: normal;
	padding-top: 0px;
}
#find_us {	
	height: 92px;
	width: 227px;
	float: left;
}
#find_us h1 {
}
#find_us p {
	text-align: left;
	color: white;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	margin-top: 5px;
}
#copyright_cvs {
	
	float: right;
	color: #646464;
	margin-right: 50px;
}
div.footer span a{
	color: #646464;
	text-decoration:none;
	
}
div.footer span.dash_orange {
	color: #f45b03;
	
	
}
#latest_content_list h3 {
	color: #646464;
	text-align: left;
	font-size: 17px;
	margin: 2px 3px 0px 20px;
}
#latest_content_list a {
	color: #3366cc;
	font-weight: normal;
	font-size: 15px;
}
#globalheader #globalnav li#tour_header {
	font-size: 15px;
 	margin-top: 4px;
}
#testimonial_latest_container .testimonial_content .quotes {
}
#mid .container #price_info p{
	line-height: 1em;
}

.how_it_works_header {
	margin-top: 40px;
	font-size: 23px;
	margin-bottom: 10px;
}
#bottom_testimonial_link {
 	color: #646464;
	margin-left: 355px;
	font-weight: bolder;
	position: relative;
	top: -12px;
}
#price_info span.ticks {
	font-size: 24px;
	color: #99ccff;
}
#price_info p {
	line-height: 1em;
	font-size: 14px;
}
.testimonial_name_first p.test_name {
	position: relative;
	top: 2px;
	text-align:right;
  margin-left: 18px;
	font-size: 16px;
	font-style: italic;
	padding-left: 21px;
	padding-right: 80px;
	color: #646464;
	padding-top: 7px;
}
.testimonial_name_second p.test_name {
	position: relative;
	top: 0px;
	right: -225px;
	text-align: left;
	margin-left: 20px;
	font-size: 20px;
	font-style: italic;
	padding-left: 21px;
	padding-right: 16px;
	line-height: 200%;
	color: #646464;
	margin-bottom: 49px;
	overflow: hidden;
	border-radius: 3px;
	padding-top: 7px;
}
#price_info #price_text1 {
	height: 36px;
	width: 298px;
	float: left;
	margin-left: 48px;
}
#price_info #price_text2 {
	height: 36px;
	width: 341px;
	float: left;
}
.testimonials_full .quote .test_text {
	top: 23px;
	text-align: justify;
	margin-left: 18px;
	position: relative;
	font-size: 18px;
	font-style: italic;
	padding-left: 21px;
	padding-right: 16px;
	line-height: 200%;
	color: #646464;
	background-color: #f1f4f8;
	overflow: hidden;
	border-radius: 3px;
	padding-top: 7px;
}
.testimonials_full .quote .test_name {
	position: relative;
	top: 2px;
	right: -400px;
	text-align: left;
	margin-left: 18px;
	font-size: 20px;
	font-style: italic;
	padding-left: 21px;
	padding-right: 16px;
	line-height: 200%;
	color: #646464;
	overflow: hidden;
	border-radius: 3px;
	padding-top: 7px;
}
body.index .latest-pack {
}
.latest-timestamp {
	text-align: center;
	position: relative;
	top: -1px;
	font-size: 14px;
	color: #666666;
	margin-bottom: -8px;
}
body.index .latest-pack h2 {
	padding: 19px 0px 0px 20px;
	margin: 0px;
	color: #666666;
	font-size: 15px;
	font-weight: bold;
}
body.index .latest-pack h3 {
	color: #646464;
	text-align: left;
	margin-bottom: 3px;
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}
body.index .latest-pack div.description {
	margin: 3px 3px 8px 20px;
	font-size: 13px;
	color: #646464;
	padding: 0px;
}
.testimonials_full .quote .test_text span.lquo,
.testimonials_full .quote .test_text span.rquo {
	font-weight: bold;
	font-style: italic;
	color: white;
	font-size: 30px;
	position: relative;
	left: -1px;
	top: 1px;
}
#mid .subjects-links div.subject-link span.link-title a {
	background: url(/images/dark-panel-large_test_list.jpg) top right;
	margin-top: 9px;
}
#top-bar {
	width: 633px;
}
#top-bar .pack-choices {
	margin-top: 20px;
}
body.pack-body #chooser-bar {
	z-index: 100;
	position: absolute;
	top: 10px;
	width: 633px;
}
#super-chooser-bar
{
	z-index: 100;
	position: absolute;
	top: 10px;
	width: 480px;
}
.pack-box {
	padding-top: 10px;
}
#mid .packs-links span.link-samples a {
	position: relative;
	top: 3px;
	left: 13px;
	color: white;
	background-color: #ff6666;
	border: none;
	border-radius: 2px;
	padding-top: 6px;
	padding-bottom: 5px;
	margin-right: 0px;
	float: left;
}
span.author-shot {
	left: 5px;
	top: 4px;
}
div.subjects-links {
	padding-top: 10px;
}
div#infopanel .pack-panel.sample-intro div div#sample_pack_image {
	background-image: url('/images/VideoPageImage.png');
	width: 233px;
	height: 80px;
	background-repeat: no-repeat;
	margin-left: 214px;
	margin-top: 26px;
}
div#infopanel .pack-panel.sample-intro h2 {
	text-align: center;
	font-size: 27px;
	color: #ff6666;
	font-weight: bold;
	border: none;
	text-shadow: none;
	margin-bottom: 6px;
}
div#infopanel .pack-panel.sample-intro .sample_pack_sub h2 {
	text-align: center;
	font-size: 269%;
	line-height: 1.6em;
	text-decoration: none;
	z-index: 20;
	position: relative;
	top: 19px;
	color: black;
	font-weight: bold;
	font-style: italic;
	border: none;
	text-shadow: none;
}
div#infopanel .pack-panel.sample-intro .sample_pack_sub a {
	text-align: center;
	position: relative;
	z-index: 20;
	left: -4px;
	top: -12px;
	font-size: 26px;
	line-height: 0.8;
	color: black;
	text-decoration: underline;
}
div#infopanel .pack-panel.sample-intro .sample_pack_sub p {
	text-align: center;
	position: relative;
	z-index: 20;
	left: -1px;
	top: -6px;
	font-size: 25px;
	line-height: 0.8;
	color: black;
}
div#infopanel .pack-panel.sample-intro .sample_pack_sub .sample_sub_image {
	background-image: url('/images/faq_icon.png');
	width: 103px;
	height: 105px;
	position: absolute;
	left: 49px;
	top: 186px;
	padding: 0px;
}
a.exam-link {
	color: #f45b03;
}
#most_viewed_container {
	height: 285px;
	margin-top: 30px;
	border-top: solid 1px #666666;
	clear: both;
}
#most_viewed_container h2 {
	color: #ED4F3D;
	font-size: 22px;
	text-align: center;
	line-height: 0.8;
	margin: 0px;
	background-color: white;
	margin-bottom: 12px;
	width: 200px;
	position: relative;
	left: 376px;
	top: -11px;
}
#most_viewed_container #most_viewed_left {
	width: 440px;
	height: 228px;
	float: left;
	margin-left: 0px;
	border: solid 1px #999999;
}
#most_viewed_container #most_viewed_left h3 {
	background-color: #ffe384;
	margin: 0px;
	height: 36px;
	font-size: 26px;
	font-weight: bold;
	color: #494949;
	padding-top: 10px;

}
#most_viewed_container #most_viewed_left li.viewed_odd {
	height: 20px;
	text-align: left;
	top: 30px;
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 20px;
	font-size: 15px;
}
#most_viewed_container #most_viewed_left li.viewed_even {
	height: 20px;
	text-align: left;
	top: 30px;
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 20px;
	background-color: #ffe384;
	font-size: 15px;
}
#most_viewed_container #most_viewed_right {
	width: 440px;
	height: 228px;
	float: left;
	margin-left: 65px;
	border: solid 1px #999999;
}
#most_viewed_container #most_viewed_right h3 {
	background-color: #ffe384;
	margin: 0px;
	height: 36px;
	font-size: 26px;
	font-weight: bold;
	color: #494949;
	padding-top: 10px;
}
#most_viewed_container #most_viewed_right li.viewed_odd {
	height: 20px;
	text-align: left;
	top: 30px;
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 20px;
	font-size: 15px;
}
#most_viewed_container #most_viewed_right li.viewed_even {
	height: 20px;
	text-align: left;
	top: 30px;
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 20px;
	background-color: #ffe384;
	font-size: 15px;
}
#most_viewed_container #most_viewed_right .viewed_odd .lc_num,
#most_viewed_container #most_viewed_right .viewed_even .lc_num  {
	margin-right: 6px;
	margin-left: -9px;
	font-weight: bold;
	color: #f45b03;
}
#most_viewed_container #most_viewed_left .viewed_odd .jc_num,
#most_viewed_container #most_viewed_left .viewed_even .jc_num {
	margin-right: 6px;
	margin-left: -9px;
	font-weight: bold;
	color: #f45b03;
}
#most_viewed_container #most_viewed_left ol#jc_subject {
	width: 190px;
	float: left;
}
#most_viewed_container #most_viewed_left ol#jc_title {
	width: 250px;
	float: left;
}
#most_viewed_container #most_viewed_right ol#lc_subject {
	width: 190px;
	float: left;
}
#most_viewed_container #most_viewed_right ol#lc_title {
	width: 250px;
	float: left;
}
#most_viewed_container #most_viewed_left ol#jc_title a,
#most_viewed_container #most_viewed_right ol#lc_title a {
	color: black;
}
#what_we_offer_highlight {
	font-weight: bold;
}
div.most-viewed {
	width: 435px;
	height: 228px;
	float: left;
	margin-left: 0px;
}
div.most-viewed.right-box {
	margin-left: 79px;
}
div.most-viewed h3 {
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	margin-top: -13px;
	margin-bottom: 7px;
	margin-left: 32px;
}
div.most-viewed span {
	display: block;
	float: left;
}
div.most-viewed span.num {
	width: 18px;
	margin-right: 6px;
	margin-left: -9px;
	font-weight: bold;
	color: #f45b03;
}
div.most-viewed span.subject {
	width: 200px;
}
div.most-viewed span.titles {
	width: 262px;
}
div.most-viewed li {
	height: 20px;
	text-align: left;
	top: 30px;
	padding-top: 10px;
	padding-bottom: 6px;
	font-size: 14px;
}
div.most-viewed li.even {
	background-color: #ffe384;
}
#viewed_subtext {
	font-size: 12px;
	color: #666666;
}
div.most-viewed li a {
	color: #3366cc;
	background-color: #f4f4f4;
	display: block;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 20px;
	border: 1px solid #666666;
}
#maincat_1, #maincat_2, #all_packs {
	width: 261px;
	height: 94px;
	display: block;
	float: left;
	margin: 28px;
	box-shadow: 5px 5px 5px #888888;
	padding: 0px;
	margin-top: 0px;
}
#maincat_1:hover, #maincat_2:hover, #all_packs:hover {
	box-shadow: none;
	position: relative;
	top: 5px;
	left: 5px;
}
#maincat_1 {
	background-image: url('/images/LI_Button2.jpg');
}
#maincat_2 {
	background-image: url('/images/LI_Button1.jpg');
}
#all_packs {
	background-image: url('/images/LI_Button3.jpg');
}
#subjectbuttonpanel {
	border: none;
}
div#infopanel div#results-panel, 
div#infopanel div#subject-results-panel {
	width: 923px;
}
body.pack-body #chooser-bar, 
#top-bar, 
.subject-choices {
	width: 481px;
	clear: both;
}
#page-top div.left {
	float: left;
	width: 380px;
	height: 79px;
	overflow: hidden;
}
#page-top div.left a {
	height: 48px;
	/*width: 359px;*/
	overflow: hidden;
}
#page-top div.left h1 {
	font-size: 21px;
	color: #666666;
}
#page-top div.right {
	float: right;
	height: 68px;
	width: 570px;
}
#page-top div.right h3 {
	text-align: right;
	font-weight: lighter;
	color: #666666;
	font-size: 21px;
	margin-bottom: 13px;
}
#page-top div.right h3 span {
	font-weight: bold;
}
#page-top div.right ul {
	
}
#page-top div.right ul li {
	padding-right: 0px;
}
#page-top div.right ul li a {
	padding-right: 0px;
	padding-left: 15px;
	text-decoration: none;
	font-size: 17px;
	color: #666666;
} 
#page-top div.right ul li a:hover {
	text-decoration: underline;
} 
#sample-links {
	width: 951px;
	height: 150px;
}
#sample-links a {
	width: 289px;
	text-align: left;
	display: block;
	float: left;
	height: 150px;
	padding-left: 25px;
	text-decoration: none;
}
#sample-links a div.sample-image {
	width: 80px;
	height: 84px;
	float: left;
}
#sample-links a p {
	clear: left;
	height: 80px;
	font-size: 15px;
	color: #666666;
	line-height: 1.3;
}
#sample-links h1 {
	font-size: 24px;
	color: #ff6666;
}
#sample-links a:hover {
	background-color: rgba(51,153,255,0.1);
	cursor: pointer;
}
body.index div.container div.statement h3 {
	color: #666666;
	font-weight: normal;
}
body.index div.container div.statement h3 span {
	color: #ff3333;
	font-weight: bold;
}
div.most-viewed li.top-bar {
	padding: 0px;
	margin: 0px;
	margin-bottom: -10px;
	height: 12px;
	border: 1px solid #666666;
	border-bottom: 0px;
}
div.most-viewed li.top-bar.jc {
	background-color: #5b9032;
}
div.most-viewed li.top-bar.lc {
	background-color: #6a3d66;
}
div.most-viewed li a:hover {
	background-color: #d4d4d4;
	color: white;
}
#sample-links a div.sample-image.one {
	background: url('../../img/video_icon.png') no-repeat;
	background-position: 7px 10px;
}
#sample-links a div.sample-image.two {
	background: url('../../img/notes_icon.png') no-repeat;
	background-position: 7px 10px;
}
#sample-links a div.sample-image.three {
	background: url('../../img/quiz_icon.png') no-repeat;
	background-position: 7px 10px;
}
.footer a {
	line-height: 1.3;
	color: white;
	text-decoration: none;
	font-size: 14px;
	font-weight: lighter;
}
#support_footer {
	float: left;
	width: 200px;
	padding-left: 62px;
}
.footer h1 {
	font-size: 15px;
	color: white;
	font-weight: bold;
}
#top-footer {
	background-color: #ececec;
	height: 80px;
	text-align: left;
	clear: both;
}
#top-footer a {
	display: inline-block;
	background-color: #ff6666;
	color: white;
	width: 150px;
	font-size: 20px;
	text-decoration: none;
	padding: 7px 0px;
	text-align: center;
	margin-left: 69px;
	margin-top: 23px;
	border-radius:3px;
}
#prices-plans h1.title {
	color: #f45b03;
	font-size: 22px;
	text-align: center;
	line-height: 0.8;
	margin: 0px;
	background-color: white;
	margin-bottom: 12px;
	width: 200px;
	position: relative;
	left: 376px;
	top: -11px;
}
#sub-type-select {
	text-align: left;
	line-height: 2;
	height: 70px;
	clear: both;
}
#sub-type-select h2 {
	font-size: 20px;
	text-align: left;
	display: inline-block;
	margin-left: 47px;
	color: #f45b03;
}
#sub-type-select span {
	font-weight: bold;
}
#prices-plans .price-box {
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 24px;
	color: #666666;
	padding-top: 8px;
}
#prices-plans .price-box.monthly div.price-image {
	background-image: url('../../img/1_month.png');
}
#prices-plans .price-box.quarterly div.price-image {
	background-image: url('../../img/3_months.png');
}
#prices-plans .price-box.yearly div.price-image {
	background-image: url('../../img/end_of_june_2014.png');
}
#prices-plans .price-box.twoyear div.price-image {
	background-image: url('../../img/end_of_june_2015.png');
	height: 114px;
	margin-top: -6px;
	left: 20px;
	width: 166px;
}
#prices-plans .price-box div.price-image {
	height: 108px;
	position: relative;
	left: 46px;
	top: 6px;
	width: 149px;
	background-repeat: no-repeat;
}
#prices-plans .price-box h1 {
	font-size: 21px;
	margin-top: 7px;
	margin-bottom: 3px;
	text-align: center;
}
#prices-plans .price-box h2,
#prices-plans .price-box h5 {
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	padding-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 0px;
}
#prices-plans .price-box h5 {
	font-weight: bold;
	margin-top: 15px;
}
#prices-plans .price-box h2 span {
	color: green;
  font-size: 13pt;
  font-weight: bold;
}
#prices-plans .price-box h3 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
}
#prices-plans .price-box p {
	font-size: 13px;
	margin-bottom: 5px;
}
#prices-plans .price-box h4 {
	display: block;
	text-decoration: none;
	color: white;
	background-color: #66cc66;
	width: 110px;
	padding: 6px 0px;
	margin-left: 43px;
	margin-top: 10px;
	font-size: 15px;
	font-weight: normal;
}
#testimonial-selectors {
	
}
#testimonial-selectors span {
	width: 16px;
	height: 16px;
	cursor: pointer;
	background-color: #fac763;
	border-radius: 10px;
	display: inline-block;
	margin-left: 5px;
}
#testimonial-selectors span.selected {
	background-color: #ff9900;
}
#studyhub-banner {
	background-color: #ffb995;
	height: 120px;
	width: 951px;
	clear: both;
}
#studyhub-banner #laptop-image {
	background-image: url('../../img/eircom_study_hub_laptop.png');
	background-repeat: no-repeat;
	height: 100px;
	width: 180px;
	margin-top: 10px;
	float: left;
	margin-left: 26px;
}
#studyhub-banner p {
	text-align: right;
	float: right;
	margin-right: 50px;
	font-size: 20px;
	line-height: 2;
	width: 606px;
	margin-top: 10px;
	color: black;
}
#studyhub-banner p span {
	color: #f73831;
}
#sub-type-select div {
	display: inline-block;
	float: left;
	margin-left: 10px;
	font-size: 20px;
	cursor: pointer;
	width: 263px;
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: #f7f7f7;
	margin-bottom: 14px;
  border-radius: 3px;
}
#sub-type-select #jc-contain
{
  color: #e46c0a;
}
#sub-type-select #all-contain
{
  color: #953735;
}
#sub-type-select #lc-contain
{
  color: #0070c0;
}
#sub-type-select div.selected {
	color: #666666;
	margin-bottom: 0px;
	background-color: #ececec;
	height: 51px;
}
body.index .latest-pack h2 span { 
	float: right;	
}
#prices-plans a.price-button {
	display: inline-block;
	width: 200px;
	height: 350px; 
	/*height: 316px;*/
	background-color: #ececec;
	color: #666666;
	margin-left: 5px;
	margin-bottom: 24px;
	float: left;
  text-decoration:none;
}
#sample-links a p span {
	font-weight: bold;
}
#sub-type-select form {
	display: inline-block;
	margin-left: 46px;
}
div.container#how-it-works div h2,
#subjects-covered h2  {
	margin-left: 0px;
	margin-bottom: 5px;
}
div.container#how-it-works div h4 {
	font-weight: normal;
}
div.container#how-it-works div p {
	color: #666666;
	font-size: 14px;
	line-height: 2;
	clear: both;
}
div.container#how-it-works div span {
	color: #ED4F3D;
	font-weight: bold;
}
div.container#how-it-works div span.ticks {
	color: #99ccff;
}
div.container#how-it-works div li,
div#subjects-covered li {
	color: #666666;
	font-size: 14px;
	line-height: 2;
}
div.container#how-it-works div#what-is-in div.image {
	background-image: url('../../img/notes_quiz_player.png');
	width: 510px;
	height: 367px;
	float: left;
	margin-right: 47px;
}
div.container#how-it-works div#why-use-examsupport div.image {
	background-image: url('../../img/image_overlap.png');
	height: 485px;
	width: 380px;
	margin-top: 0px;
	margin-left: 500px;
	background-position: 0px -57px;
}
div.container#how-it-works div#how-to-use div.image {
	background-image: url('../../img/new_mac_tocs.png');
	width: 461px;
	background-repeat: no-repeat;
	height: 402px;
	position: relative;
	top: 45px;
}
div.container#how-it-works div#how-to-use div.image.two {
	background-image: none;
}
div.container#how-it-works div#examsupport-tips div.image {
	background-image: url('/images/shutterstock_112241393Boy-with-headset.jpg');
	width: 283px;
	background-repeat: no-repeat;
	height: 188px;
	position: relative;
	left: 541px;
	top: 94px;
}
div.container#how-it-works div#when-to-start div.image {
	background-image: url('../../img/ExamSupport-ie-Form-Factors2.png');
	width: 470px;
	height: 329px;
	position: relative;
	top: 0px;
	left: 465px;
	background-position: 0px -25px;
}
div.container#how-it-works div#what-is-in h2 {
	float: left;
	width: 355px;
	margin-top: 70px;
}
div.container#how-it-works div#what-is-in ul {
	float: left;
	margin-bottom: 28px;
}
#why-use-examsupport, #how-to-use, #examsupport-tips, #when-to-start, #subjects-covered {
	clear: both;
	margin-top: 10px;
}
#what-is-examsupport {
}
div.container#how-it-works div#why-use-examsupport div.text,
div.container#how-it-works div#examsupport-tips div.text {
	float: left;
	width: 450px;
	clear: both;
}
div.container#how-it-works div#why-use-examsupport div.students ul span.bull,
div.container#how-it-works div#why-use-examsupport div.students h4 {
	color: #006699;
}
div.container#how-it-works div#why-use-examsupport div.parents ul span.bull,
div.container#how-it-works div#why-use-examsupport div.parents h4 {
	color: #66cc66;
}
div.container#how-it-works div#how-to-use div.text,
div.container#how-it-works div#when-to-start div.text {
	float: right;
	width: 450px;
}
div.container#how-it-works div#why-use-examsupport div.text h4 {
	margin-left: 12px;
	margin-bottom: 0px;
}
div.container#how-it-works div#why-use-examsupport div.text h4.two {
	
}
div.container#how-it-works div#examsupport-tips div.text h4 {
	color: #66cc66;
}
div.container#how-it-works div#examsupport-tips div.text h4.two {
	color: #ff9900;
}
div.container#how-it-works div#how-to-use div.text h4 {
	color: #ff6666;
	margin-bottom: 0px;
}
div.container#how-it-works div#how-to-use div.text h4.two {
	color: #99ccff;
}
div#subjects-covered div.junior-subjects,
div#subjects-covered div.leaving-subjects {
	float: left;
	width: 420px;
	margin-bottom: 35px;
}
div.container#how-it-works div#subjects-covered div ul span,
div#subjects-covered div ul span {
	float: right;
	color: #666666;
	font-weight: normal;
}
div.container#how-it-works div#how-to-use {
	height: 479px;
}
div#subjects-covered div.leaving-subjects {
	margin-left: 96px;
}
div#subjects-covered div.leaving-subjects h4,
div#subjects-covered div.junior-subjects h4 {
	text-align: left;
	float: none;
	padding-left: 10px;
	padding-bottom: 5px;
}
div#subjects-covered div.leaving-subjects ul span.bull,
div#subjects-covered div.leaving-subjects h4 {
	border-bottom: solid 2px #5b9032;
	font-size: 17px;
	color: #5b9032;
}
div#subjects-covered div.junior-subjects ul span.bull,
div#subjects-covered div.junior-subjects h4 {
	border-bottom: solid 2px #6a3d66;
	font-size: 17px;
	color: #6a3d66;
}
#subjects-covered h2 {
	text-align: center;
}
div.container#how-it-works .content_text_first {
	float: left;
	width: 458px;
}
div.container#how-it-works div#how-to-use p {
	padding-left: 30px;
}
div.container#how-it-works div#examsupport-tips div.text {
	margin-left: 30px;
}
div.container#how-it-works div#examsupport-tips div.text h2 {
	margin-left: -30px;
}
div#subjects-covered div ul a.odd {
	background-color: #f5f5f5;
	display: block;
	margin-bottom: 2px;
	margin-top: 2px;
}
div#subjects-covered div ul a {
	text-decoration: none;
	display: block;
}
div#infopanel .pack-panel.sample-intro a.signup {
	display: inline;
	color: white;
	display: inline-block;
	background-color: #66cc66;
	padding: 8px;
}
.sample-pack-intro h4 {
	color: #646464;
	font-weight: normal;
	font-size: 17px;
	position: absolute;
	bottom: 10px;
	left: 212px;
}
#mid .all-packs .subjects-links .packs-links a:hover {
	color: #477fa3;
}
#mid .all-packs div.exam-links a.exam-link {
	color: #666666;
	float: left;
	font-size: 21px;
	margin-left: 11px;
	margin-top: 30px;
}
.all-packs span.link-topics {
	display: inline-block;
	left: 242px;
}
div#subjects-covered div ul a:hover {
	text-decoration: underline;
	background-color: #dcdcdc;
}
#mid .packs-links span.link-contents div {
	width: 141px;
	float: left;
}
div#subjects-covered li {
	padding-left: 10px;
	text-align: left;
}
.all-packs {
}
#useful-links div.link-expander {
	display: inline-block;
	float: left;
	width: 214px;
	margin-right: 27px;
	height: 81px;
	border: solid 1px;
	margin-bottom: 15px;
	cursor: pointer;
}
#useful-links div.link-expander.syllabus,
#useful-links div.link-expander.statistics {
	margin-right: 0px;
}
#useful-links div.link-expander.past-papers {
	clear: both;
}
#useful-links div.link-expander div.image {
	width: 82px;
	height: 81px;
	float: left;
}
#useful-links div.link-expander.past-papers div.image {
	background-image: url('../../img/LINKS_ICON_1.png');
}
#useful-links div.link-expander.marking-scheme div.image {
	background-image: url('../../img/LINKS_ICON_2.png');
}
#useful-links div.link-expander.exam-layout div.image {
	background-image: url('../../img/LINKS_ICON_3.png');
	margin-left: -1px;
}
#useful-links div.link-expander.syllabus div.image {
	background-image: url('../../img/LINKS_ICON_4.png');
	margin-left: -1px;
}
#useful-links div.link-expander.timetable div.image {
	background-image: url('../../img/LINKS_ICON_5.png');
	margin-left: -1px;
}
#useful-links div.link-expander.key-dates div.image {
	background-image: url('../../img/LINKS_ICON_6.png');
	margin-left: -1px;
}
#useful-links div.link-expander.study-tips div.image {
	background-image: url('../../img/LINKS_ICON_7.png');
	margin-left: -1px;
}
#useful-links div.link-expander.statistics div.image {
	background-image: url('../../img/LINKS_ICON_8.png');
	margin-left: -1px;
}
#useful-links div.link-expander h3 {
	font-size: 15px;
	float: left;
	margin-top: 28px;
	margin-left: 7px;
	font-weight: normal;
}
#useful-links {
	padding-top: 53px;
}
#useful-links div.link-expander.past-papers {
	color: #31948f;
	border-color: #31948f;
}
#useful-links div.link-expander.marking-scheme {
	color: #f4f351;
	border-color: #f4f351;
}
#useful-links div.link-expander.exam-layout {
	color: #e68c44;
	border-color: #e68c44;
}
#useful-links div.link-expander.syllabus {
	color: #8fd33f;
	border-color: #8fd33f;
}
#useful-links div.link-expander.timetable {
	color: #5846a8;
	border-color: #5846a8;
}
#useful-links div.link-expander.key-dates {
	color: #d93149;
	border-color: #d93149;
	margin-right: 0px;
}
#useful-links div.link-expander.study-tips {
	color: #0d9ac8;
	border-color: #0d9ac8;
}
#useful-links div.link-expander.statistics {
	color: #9e248f;
	border-color: #9e248f;
}
#how-it-works div.left-gradient,
#subjects-covered div.left-gradient,
#pack-contents div.left-gradient {
	background-image: -ms-linear-gradient(left, #FFFFFF 0%, #697979 100%);
	background-image: -moz-linear-gradient(left, #FFFFFF 0%, #697979 100%);
	background-image: -o-linear-gradient(left, #FFFFFF 0%, #697979 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(1, #697979));
	background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #697979 100%);
	background-image: linear-gradient(to right, #FFFFFF 0%, #697979 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#697979, GradientType=1)";
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#697979, GradientType=1)";
	height: 2px;
	width: 125px;
	float: left;
	margin-bottom: 6px;
}
#how-it-works div.right-gradient,
#subjects-covered div.right-gradient,
#pack-contents div.right-gradient {
	background-image: -ms-linear-gradient(right, #FFFFFF 0%, #697979 100%);
	background-image: -moz-linear-gradient(right, #FFFFFF 0%, #697979 100%);
	background-image: -o-linear-gradient(right, #FFFFFF 0%, #697979 100%);
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #697979));
	background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #697979 100%);
	background-image: linear-gradient(to left, #FFFFFF 0%, #697979 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#697979, endColorstr=#FFFFFF, GradientType=1)";
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#697979, endColorstr=#FFFFFF, GradientType=1)";
	height: 2px;
	width: 125px;
	float: left;
	margin-bottom: 6px;
}
#how-it-works #testimonials {
	clear: both;
	margin-bottom: 20px;
}
div.container#how-it-works div#when-to-start div.text {
	float: left;
}
#what-is-in {
	height: 380px;
}
div#subjects-covered div.left-gradient {
	margin-left: 340px;
}
#why-use-examsupport {
	height: 535px;
}
#why-use-examsupport,
#how-it-works #testimonials {
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F7F7F7));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 100%);
}
#when-to-start {
	background-color: #f9f9f9;
	height: 329px;
}
#useful-links div.expanded-link {
	display: none;
	width: 100%;
	height: 420px;
	background-color: #ececec;
	margin-bottom: 10px;
}
#useful-links div.row.one {
	height: 78px;
}
#useful-links div.row.two {
	height: 98px;
}
#top-footer a:hover {
	background-color: #E65C5C;
}
div#subjects-covered li {
	font-size: 15px;
}
#page-top div.right ul li a.selected {
	text-decoration: underline;
}
.page-top.border {
	/*border-bottom: none;*/
}
#mid .packs-links span.link-samples a.ema {
	margin-right: 8px;
	float: right;
}
span.link-samples {
	top: -1px;
	width: 285px;
	height: 0px;
}
div.sign-up-box {
	display: none;
	position: absolute;
	top: -29px;
	left: 330px;
	background-color: white;
	border: solid 1px;
	text-align: center;
	font-weight: normal;
	padding: 13px;
	line-height: 1.4;
	color: #636363;
	font-size: 17px;
	padding-top: 3px;
	padding-left: 20px;
	padding-right: 20px;
}
div.sign-up-box span.exit {
	position: absolute;
	color: black;
	top: -4px;
	left: 162px;
	cursor: pointer;
}
div.sign-up-box span.exit:hover {
}
#mid .packs-links div.sign-up-box a {
	display: block;
	background-color: #66cc66;
	color: white;
	width: 74px;
	padding: 1px 0px;
	margin-left: 32px;
	margin-bottom: -6px;
	text-align: center;
}
#sample-pack-button {
	position: absolute;
	left: 522px;
	top: 42px;
}
#top-bar #sample-pack-button a {
	color: white;
	font-size: 100%;
}
#useful-links div.expanded-link.past-papers div.subject select,
#useful-links div.expanded-link.past-papers div.level select,
#useful-links div.expanded-link.past-papers div.paper div {
	display: none;
}
#page-top div.right ul li a.login-link,
#page-top div.right ul li a.logout-link {
	font-weight: bold;
}
#useful-links div.expanded-link.past-papers div.exam,
#useful-links div.expanded-link.past-papers div.subject,
#useful-links div.expanded-link.past-papers div.level {
	width: 350px;
	text-align: left;
	margin-left: 318px;
	margin-bottom: 6px;
}
#useful-links div.expanded-link.past-papers div.paper {
	width: auto;
	text-align: left;
	line-height: 1.1;
	margin:0 auto;
}
#useful-links div.expanded-link.past-papers div span.label {
	display: inline-block;
	width: 59px;
}
#useful-links div.expanded-link.past-papers div select {
	width: 240px;
}
#pack-contents div#video-lesson,
#pack-contents div#lesson-notes,
#pack-contents div#topic-quiz {
	height: 430px;
	margin-top: 28px;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F7F7F7));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F7F7F7 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7');
}
#pack-contents div.images {
	float: left;
}
#pack-contents div.text {
	float: left;
	width: 432px;
	margin-left: 30px;
	text-align: left;
}
#pack-contents div.text p {
	color: #666666;
	font-size: 18px;
	line-height: 1.3;
	margin-top: 20px;
}
#pack-contents div.images div.top {
	
}
#pack-contents div.images div.bottom {
	
}
#pack-contents div.images div.icon {
	float: left;
	width: 100px;
	height: 94px;
	background-repeat: no-repeat;
}
#pack-contents div#video-lesson div.images div.icon {
	/*background-image: url('/images/videoLessonIcon.png');*/
}
#pack-contents div#lesson-notes div.images div.icon {
	/*background-image: url('/images/lessonNotesIcons.png');*/
	background-position: 8px 0px;
}
#pack-contents div#topic-quiz div.images div.icon {
	/*background-image: url('/images/topicQuizIcon.png');*/
	background-position: 17px 0px;
}
#pack-contents div.images div.heading {
	height: 92px;
	float: left;
	width: 342px;
}
#pack-contents div.images div.heading h2 {
	margin-bottom: 5px;
}
#pack-contents div#video-lesson div.images div.heading h2 {
	color: #ff6666;
}
#pack-contents div#lesson-notes div.images div.heading h2 {
	color: #66cc99;
}
#pack-contents div#topic-quiz div.images div.heading h2 {
	color: #6699cc;
}
#pack-contents div.images div.bottom div.main-image {
	clear: both;
	width: 486px;
	height: 292px;
	background-repeat: no-repeat;
}
#pack-contents div#video-lesson div.images div.bottom div.main-image {
	background-image: url('../../img/videoLessonImage.png')
}
#pack-contents div#lesson-notes div.images div.bottom div.main-image {
	background-image: url('../..//img/lessonNotesImage.png');
	background-position: 30px 13px;
	height: 268px;
}
#pack-contents div#topic-quiz div.images div.bottom div.main-image {
	background-image: url('../../img/topicQuizImage.png');
	height: 263px;
}
#pack-contents div.images div.bottom h4 {
	margin: 0px;
	font-weight: normal;
	display: inline-block;
	font-style: italic;
}
#pack-contents div#video-lesson div.images div.bottom h4 {
	margin-right: 46px;
	color: #ff6666;
}
#pack-contents div#lesson-notes div.images div.bottom h4.one {
	color: #ccff33;
	margin-right: 62px;
}
#pack-contents div#lesson-notes div.images div.bottom h4.two {
	color: #cc3399;
	margin-left: 20px;
}
#pack-contents div#topic-quiz div.images div.bottom h4 {
	color: #cc3399;
	margin-left: -53px;
}
#pack-contents div.left-gradient {
	margin-left: 33px;
}
.prices_plans #price-plan-container {
	height: 350px;
	/*height:316px;*/
	margin-left: 56px;
	margin-top: -24px;
	width: 815px;
	border-bottom: solid 8px #ececec;
	border-top: solid 18px #ececec;
}
#sub-type-select h3 {
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	position: relative;
	font-size: 15px;
	top: -14px;
}
#sub-type-select div#all-contain {
	width: 269px;
}
#sub-type-select div.selected.hover,
#prices-plans a.price-button:hover {
	background-color: #dddddd;
  border-bottom: 8px solid #00b151;
  margin-bottom: 16px;
}
.prices_plans #price-plan-container.hover {
	border-top-color: #dddddd;
}
#prices-header h2 {
	float: left;
	margin: 0px;
	padding: 0px;
	color: #66cc66;
	font-size: 26px;
	margin-bottom: 15px;
	margin-left: 60px;
	margin-right: 76px;
}
#prices-header div.steps {
	float: left;
	width: 580px;
	height: 31px;
	background-image: url('../../img/phaseOne.png');
	background-repeat: no-repeat;
}
#profile-header {
	height: 304px;
	background-image: url('../../img/es_logged_in_image2.jpg');
	margin-bottom: 46px;
}
#profile-header div.links {
	background-color: rgba(0,0,0,0.5);
	padding: 14px 0px;
	margin-top: 160px;
}
#profile-header h1 {
	color: #666666;
	background: white;
	text-align: left;
	width: 380px;
	padding-left: 30px;
	opacity:.8;
	left:-5px;
	border-radius:4px;
	position: relative;
	top: 60px;
	font-size: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#profile-header a {
	display: inline-block;
	background-color: #ff6666;
	color: white;
	text-decoration: none;
	padding: 10px 20px;
	font-size: 20px;
	margin: 0px 70px;
	border-radius:3px;
}
#current_plan {
	width: 349px;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	border: none;
	border: solid 1px #666666;
	margin-right: 30px;
	background-color: #ececec;
	min-height: 215px !important;
  height: auto !important;
}
#current_plan td {
	font-size: 17px;
  min-width:90px;
}
#current_plan td.right {
	color: #666666;
	text-align: left;
}
#current_plan span.extend {
	color: #666666;
}
#current_plan a {
	display: inline-block;
	text-decoration: none;
	color: white;
	background-color: #5b9032;
	padding: 0px 7px;
	margin-left: 25px;
	border-radius:3px;
}
#extend-plan-page h1 {
	color: #666666;
	font-size: 26px;
	text-align: left;
}
#extend-plan-page #current_plan {
	height: 134px;
	margin-left: 271px;
}
#extend-plan-page .orange_highlight_home {
}
#extend-plan-page #current_plan table {
}
#extend-plan-page .prices_plans {
	border: none;
}
#extend-plan-page #prices-header div.steps {
	background-image: url('../../img/profilPagePaymentIcons.png');
}
#extend-plan-page #prices-header h2 {
	color: #99ccff;
}
div#infopanel .pack-panel.sample-intro h1 {
	text-align: center;
	font-weight: normal;
	font-size: 21px;
}
div#infopanel .pack-panel.sample-intro div.container {
	border-bottom: solid 1px;
	margin: 0px 90px;
}
div#infopanel .pack-panel.sample-intro h3 {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	margin: 12px;
}
#useful-links div.expanded-link.timetable a,
#useful-links div.expanded-link.key-dates a {
	display: block;
	background-color: #ff6666;
	color: white;
	text-decoration: none;
	padding: 8px;
	width: 147px;
	margin-left: 400px;
	margin-bottom: 17px;
}

/*
 * packs: 
 * dark blue: #006888
 * light blue: #e7f7ff
 * alternate navy: #002255
 * 
 * #ffeeee lightest grey
 * #ececec mid grey
 * #736c66 dark grey
 * #625c57 darkest grey
 * #c40650 purple
 * #f15c24 orange
 * 
 */


.new_useful_links_button
{
 	background-color: #ff6666;
 	color:white;
 	display:block;
 	padding:8px;
 	text-decoration:none;
 	float:left;
 	width:150px;
 	margin-right:10px;
 	margin-bottom:10px;
 	text-align:center;
}

.new_useful_links_button:hover
{
	background: #e65c5c !important;
	text-decoration: none;
	color:white;
}
.new_useful_links_button:active
{
	background: #e65c5c !important;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.125) inset;
	color:white;
	text-decoration: none;
}
 
 
.new_es_button:hover {
	background: #e65c5c !important;
	text-decoration: none;
}
.new_es_button:active {
	background: #e65c5c !important;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.125) inset;
}
 .form_wrapper {
    background:#fff;
    border:1px solid #ddd;
    margin:0 auto;
    width: 550px;
    max-width: 550px;
    font-size:16px;
    -moz-box-shadow:1px 1px 7px #ccc;
    -webkit-box-shadow:1px 1px 7px #ccc;
    box-shadow:1px 1px 7px #ccc;
}
.form_wrapper h3 {
    padding:20px 30px 20px 30px;
    background-color:#444;
    color:#fff;
    font-size:25px;
    border-bottom:1px solid #ddd;
}
.form_wrapper form {
    display:none;
    background:#fff;
}
form.active {
    display:block;
}
form.login 
    width:350px;
}
form.register {
    width:550px;
}
form.forgot_password {
    width: 300px;
}
.form_wrapper .column {
    width:47%;
    float:left;
}
.form_wrapper a {
    text-decoration:none;
    color:#777;
    font-size:12px;
}
.form_wrapper a:hover{
    color:#000;
}
.form_wrapper label{
    display:block;
    padding:10px 30px 0px 30px;
    margin:10px 0px 0px 0px;
    text-align: left;
}
.form_wrapper input[type="text"],
.form_wrapper input[type="email"],
.form_wrapper input[type="password"]{
    border: solid 1px #E5E5E5;
    margin: 5px 30px 0px 30px;
    padding: 9px;
    display:block;
    font-size:16px;
    width:76%;
    background: #FFFFFF;
    background:
        -webkit-gradient(
            linear,
            left top,
            left 25,
            from(#FFFFFF),
            color-stop(4%, #EEEEEE),
            to(#FFFFFF)
        );
    background:
        -moz-linear-gradient(
            top,
            #FFFFFF,
            #EEEEEE 1px,
            #FFFFFF 25px
            );
    -moz-box-shadow: 0px 0px 8px #f0f0f0;
    -webkit-box-shadow: 0px 0px 8px #f0f0f0;
    box-shadow: 0px 0px 8px #f0f0f0;
}
.form_wrapper input[type="email"]:focus,
.form_wrapper input[type="text"]:focus,
.form_wrapper input[type="password"]:focus{
    background:#feffef;
}
.form_wrapper .bottom {
    background-color:#444;
    border-top:1px solid #ddd;
    margin-top:20px;
    clear:both;
    color:#fff;
    text-shadow:1px 1px 1px #000;
}
.form_wrapper .bottom a {
    display:block;
    clear:both;
    padding:10px 30px;
    text-align:right;
    color:#ffa800;
    text-shadow:1px 1px 1px #000;
    width: 80%;
}
.form_wrapper a.forgot{
    float:right;
    font-style:italic;
    line-height:24px;
    color:#ffa800;
    text-shadow:1px 1px 1px #fff;
}
.form_wrapper a.forgot:hover{
    color:#000;
}
.form_wrapper div.remember{
    float:left;
    width:140px;
    margin:20px 0px 20px 30px;
    font-size:11px;
    color: white;
}
.form_wrapper div.remember input{
    float:left;
    margin:2px 5px 0px 0px;
}
.form_wrapper input[type="submit"] {
    background: #e3e3e3;
    border: 1px solid #ccc;
    color: #333;
    font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 9px;
    text-align: center;
    width: 150px;
    cursor:pointer;
    float:right;
    margin:15px 20px 10px 10px;
    text-shadow: 0 1px 0px #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 2px #fff inset;
    -webkit-box-shadow: 0px 0px 2px #fff inset;
    box-shadow: 0px 0px 2px #fff inset;
}
.form_wrapper input[type="submit"]:hover {
    background: #d9d9d9;
    -moz-box-shadow: 0px 0px 2px #eaeaea inset;
    -webkit-box-shadow: 0px 0px 2px #eaeaea inset;
    box-shadow: 0px 0px 2px #eaeaea inset;
    color: #222;
}
.return_error{
	padding:5px 10px 5px 10px;
    background-color:#444;
    color:#fff;
    font-size: 12px;
    border-bottom:1px solid #ddd;
}
.error{
	font-size: 11px;
	color: firebrick;
}