@charset "utf-8";

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Regular.eot');
	src: local('OpenSans-Regular'), url('fonts/OpenSans-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font3050s/OpenSans-Italic.eot');
	src: local('OpenSans-Italic'), url('fonts/OpenSans-Italic.ttf');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Semibold.eot');
	src: local('OpenSans-Semibold'), url('fonts/OpenSans-Semibold.ttf');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Bold.eot');
	src: local('OpenSans-Bold'), url('fonts/OpenSans-Bold.ttf');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-BoldItalic.eot');
	src: local('OpenSans-BoldItalic'), url('fonts/OpenSans-BoldItalic.ttf');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-ExtraBold.eot');
	src: local('OpenSans-ExtraBold'), url('fonts/OpenSans-ExtraBold.ttf');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Bree Serif';
	src: url('fonts/BreeSerif-Regular.eot');
	src: local('Bree Serif'), url('fonts/BreeSerif-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Schoolbell';
	src: url('fonts/Schoolbell.eot');
	src: local('Schoolbell'), url('fonts/Schoolbell.ttf');
	font-weight: normal;
	font-style: normal;
}

.font-lato {
    font-family: Lato, Helvetica, Arial, sans-serif;
}

/* Reset */

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, figure, figcaption, form, label, legend,
button, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	outline: none;
}

/* Additional Resets */

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}

ins {
	background: #ff0;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

em, dfn {
	font-style: italic;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

legend {
	border: 0;
	white-space: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

button[disabled], input[disabled] {
	cursor: default;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

button, input {
	line-height: normal;
}

/* Define line-height as normal to match FF3/4 */

select, input, textarea, button {
	font: 99% sans-serif;
}

/* Font Normalization */

pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}

/* Normalize Monospace Sizing */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* Improve readability of pre-formatted text in all browsers */

button {
	width: auto;
	overflow: visible;
	border: #fff solid 0px;
}

/* Make buttons play nice in IE */

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

/* Improve Image Quality in IE7 */

svg:not(:root) {
	overflow: hidden;
}

/* Correct overflow not hidden in IE9 */

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* Remove inner padding and border in FF3/4 */

/* HTML5 Definitions */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

audio, canvas, video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

/* Minimal base styles */

html {
	overflow-y: scroll;
	background: none;
}

/* Always force a scrollbar in non-IE */

small {
	font-size: 85%;
}

strong, th {
	font-weight: bold;
}

td {
	vertical-align: top;
}

textarea {
	overflow: auto;
}

/* IE remove textarea scrollbars */

/* Set sub, sup without affecting line-height */

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Consistent box sizing and appearance */

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

/* Align checkboxes, radios, text inputs with their label */

input[type="radio"] {
	vertical-align: text-bottom;
}

input[type="checkbox"] {
	vertical-align: bottom;
}

/* Hand cursor on clickable input elements */

label, input[type="button"], input[type="submit"], input[type="reset"],
input[type="image"], button {
	cursor: pointer;
}

/* Highlight Styles */

::-moz-selection {
	background: #44b1d5;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #44b1d5;
	color: #fff;
	text-shadow: none;
}

/*================================================
	@global
=================================================*/

/* Accessibility */
.sr-only {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* Base Styles */

body {
	background-color: #fff;
	color: #363636;
	font: 16px/17px 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 17px;
	font-family: 'Open Sans', sans-serif;
/*	* /
	font-size: 1em;
	line-height: 1em;
	font-family: 'Open Sans', sans-serif;
/*  */
}

/* TODO: resolve no-bg */
body.no-bg {
	background-image: none;
	background-color: transparent;
}

body.no-bg {
	background-size: initial;
	background: #fbffff url(../img/bg-body.png);
}

body#app-page {
	background: transparent url('/img/global/bg_body_supplies.png') center 56px no-repeat;
	background-color: #f1f0ee;
}

body#partner-page {
  background-color: #E2E2E2;
}

html, button, input, select, textarea {
	color: #363636;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

.wrap {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}

.wrap._ ,
.wrap.fullwidth {
	max-width: 100%;
}

/* Headers */

h1 {
	font-family: 'Bree Serif', serif;
	font-weight: normal;
	font-size: 36px;
	line-height: 1.2em;
	text-align: center;
	padding: 13px 50px 0;
	margin: 0 auto;
/*letter-spacing:-0.01em;*/
}

h2 {
	font-family: 'Bree Serif', serif;
	/* font-size: 30px;*/
	font-weight: normal;
	padding: 0 0 4px;
	/* line-height:1.1em; */
}

h3 {
	color: #44b1d5;
	font-size: 20px;
	padding: 24px 53px 10px;
	position: relative;
	line-height: 1em;
	margin: 0;
}

h4 {
	font-family: 'Bree Serif', serif;
	font-size: 18px;
	font-weight: normal;
	padding: 22px 0 4px;
	line-height: 1.1em;
	margin: 0px;
}

h5 {
	font-family: 'Bree Serif', serif;
	font-size: 24px;
	font-weight: normal;
	padding: 4px 0 0 10px;
}

a.right_link {
	font-size: 12px;
	color: #44b1d5;
	margin-right: 16px;
	text-decoration: underline;
}

.relative {
    position: relative;
}

.text-danger {
	color: #a94442;
}

.tl-red {
	color: #cc3333;
}
.text-muted {
	color: #333;
}

.reduce-margin-5px {
	margin-top: -5px;
}

.overflow {
	overflow: auto;
}

/*================================================
	@header
=================================================*/

.header_outer {
	background: url(/img/global/header_outer.png) repeat-x left top;
	padding: 0px 0 4px 0;
	margin: 0 0 10px;
}

.header_border {
	border-left: #e36756 2px solid;
	border-right: #e36756 2px solid;
	padding: 0 0 0px 0;
	margin: 0 0 0px 0;
}
.header_outer.blue {
	background: #3072a2;
	box-shadow: 0 0 2px #444444;
	-moz-box-shadow: 0 0 2px #444444;
	-webkit-box-shadow: 0 0 2px #444444;
}

.blue .header_border {
	border-color: #3072a2;
}

.blue {
	color: #007dae;
}

.header {
	max-width: 960px;
	margin: 0 auto;
	padding: 7px 0 0px 0;
	position: relative;
	z-index: 400;
}
/**************************************************
 * @add school
 *************************************************/
#AddSchoolIndexForm div.submit {
	width: auto !important;
	float: none;
}



/*================================================
	@login
=================================================*/
#loginPage {
    background-color: #f1f0ee;
    width:100%;
}

#loginPage .container {
	/*position: relative;*/
	padding:75px 0 40px;
}

.login-page {

}

.login-page-content {

}

.login-page-content h2 {
	font-size: 50px;
	line-height: 1em;
	padding: 0 0 19px 0;
        color:#000;
}

.login-page-content p {
	font-size: 33px;
        line-height: 49px;
	color: #000;
}

.login-page-content img {
	position: absolute;
	bottom: 0;
	right: 0;
}

.login-page-form {

}

.login-page-form h1 {
	font-size: 42px;
	line-height: 1em;
	padding: 0 0 20px 0;
	background: none;
	text-align: left;
	width: auto;
}

.login-page-form h3 {
	font-size: 16px;
	padding: 0 0 20px 6px;
	text-align: left;
	width: auto;
	color: #d55544;
	color: #363636;
}

.login-page-form p {
	position: relative;
	margin: 0 0 10px;
}

.login-page-form label {
	position: absolute;
	color: #000;
	font-size: 12px;
        line-height:25px;
	cursor: text;
	top: -23px;
	left: 21px;

}

.login-page-form-label {
        display: block;
        margin-bottom: 5px;
        max-width: 100%;
        font: 14px Lato, Arial, Helvetiva, sans-serif;
}

.login-page-form input {
	font-size: 16px;
	height: 44px;
	width: 90%;
	padding: 0 20px;
        margin: 0 0 10px 0;
}

.login-page-forgot-password {
	font-size: 13px;
        clear:both;
}

.login-page-account {
	margin-top: 60px;
	font-size: 19px;
}

.login-page-create-account {
	font-size: 19px;
	padding: 0 24px 0 6px;
        text-decoration: underline;
        font-weight: 600;
}

.login-panel {
    padding:30px;
    border:1px solid #000;
}

.forgot-panel {
	padding: 30px 0 0;
        border: 1px solid #000;
        padding:30px;
}

.login-page-form .forgot-panel h1 {
	padding-bottom: 8px;
}

.thanks-panel {
	padding: 80px 0 0;
}

.thanks-panel h1 {
	text-align: center;
	font-size: 50px;
	padding-bottom: 10px;
}

.thanks-panel h3 {
	text-align: center;
	width: 220px;
	margin: 0 auto;
}

.login-page-thanks {
	margin: 0 auto;
}

p.errors {
	font-size: 13px;
	font-weight: bold;
	padding: 7px 12px 8px;
	background: #f4d0d0;
	color: #b32525;
	margin: 0 0 4px;
}

.password-sent {
    margin: 30px auto;
    width: 568px;
}

.password-sent p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #efeff0;
	line-height: 1.2em;
	padding: 16px 80px 14px;
}

.password-sent h3 {
    color: #d55544;
    font-size: 20px;
    padding: 0 0 40px;
    text-align: center;
}


.password-sent h1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 60px;
    letter-spacing: -0.03em;
    padding: 25px 0 40px;
    width: auto;
}

/*#reset-password-field {
	padding-bottom:0;
	background-image:url(/img/global/bg_input_reset_password.png)
}
#reset-password-confirm {
	padding-bottom:0;
	background-image:url(/img/global/bg_input_reset_password.png)
}*/
#reset-password-new-password {padding-bottom:15px;}
#reset-password-confirm-password {padding-bottom:15px;}
#reset-password-field-p {margin-bottom:5px;}
#reset-password-confirm-p {margin-bottom:5px;}

.spacer14 { padding:7px 0;}
.spacer5 {padding-top:5px;}

/*================================================
	@contact (and SchoolInfo supply list form)
=================================================*/

.page.contact {
	min-height: 867px;
	margin: 20px 0 0 0;
	padding: 12px 0 12px 0;
	width: auto;
}

.contact h2 {
	padding: 20px 0 20px 30px;
	background: url('/img/global/bg_contact_page_top.png') 0 0 no-repeat;
}

.page-section .contact h2 {
    margin-bottom: 0;
}

.browse-link-light {
	color: #fff !important;
	text-decoration: underline !important;
	margin-top: 15px !important;
}

.browse-link-dark {
	color: #151515 !important;
	text-decoration: underline !important;
}

.margin {
	margin-top: 15px !important;
}

.remove-default-link-styles {
	display: block !important;
    padding: 0 !important;
    font-family: 'Bree Serif', serif !important;
    background: none !important;
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1em !important;
}

.repeat {
	background: url('/img/global/bg_contact_page_repeat.png') 0 0 repeat-y;
}

.contact form .blue-con {
	margin: 0 13px;
	background: #e5f4f9;
	padding: 10px 6px 0;
	width: 482px;
    text-align: left;
}

.contact form .reqText {
	float: right;
	font-size: 12px;
}

.contact form div {
	padding: 0 0 6px;
}

.contact p {
	position: relative;
	float: left;
}

.contact label {
	position: absolute;
	color: #959595;
	font-size: 16px;
	cursor: text;
	top: 29px;
	left: 21px;
}

.contact input, .contact textarea {
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 16px;
	height: 46px;
	width: 213px;
	padding: 8px 8px 8px 20px;
	background-color: transparent;
	 background-image: url('/img/global/bg_input_contact_name.png');
}

#email, #temail {
	background-image: url('/img/global/bg_input_contact_email.png');
	width: 272px;
	height: 46px;
}

#phone {
	background-image: url('/img/global/bg_input_contact_phone.png');
	width: 153px;
	height: 46px;
}

#zip {
	background-image: url('/img/global/bg_input_contact_zip.png');
	width: 72px;
	height: 46px;
}

.contact select {
	margin: 0 0 0 10px;
	width: 220px;
}

.contact select, .contact option {
	font-size: 16px;
	color: #333;
	cursor: pointer;
}

.contact .state select {
	width: 220px;
	margin: 0 0 0 6px;
}

.contact .bg-textarea {
	background-image: url('/img/global/bg_textarea.png');
	width: 450px;
	height: 130px;
	padding: 20px 8px 11px 20px;
	position: relative;
}

.contact textarea {
	padding: 0;
	background: none;
	width: 100%;
	height: 130px;
	resize: none;
}

.flat-ui._contactus .page-section.gray-bg.no-padding{
	padding-top:75px;
}

.contact * {
	box-sizing: content-box;
}

.contact form .bottom {
	background: url('/img/global/bg_contact_page_bottom.png') 0 bottom no-repeat;
	padding: 10px 13px 15px 0;
}

#submit {
	width: 154px;
	height: 59px;
	background: url('/img/global/button_send_request.png') 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	float: right;
	box-sizing: border-box;
}

.contact form .bottom {
	background: url('/img/global/bg_contact_page_bottom.png') 0 bottom no-repeat;
	padding: 10px 13px 15px 0;
}

#submit_send {
	width: 89px;
	height: 59px;
	background: url('/img/global/button_send.png') 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	float: right;
}

#submit:hover {
	background-position: 0 bottom;
}

.contact-sidebar {
	background: url('/img/global/bg_contact_sidebar_image.png') 0 bottom no-repeat;
	padding-bottom: 270px;
}

.contact-sidebar h6 {
	color: #d55544;
	padding: 0 0 0;
	font-size: 18px;
}

.contact-address {
	padding: 14px 12px 0;
}

/*================================================
	@dashboard
=================================================*/

.dashboard {

}

.dashboard-top-bar-wrap {

}

/* Dashboard footer messaging */
.dashboard-footer-messaging {padding:18px;}
    .dashboard-footer-messaging p {font-size:.8em;}
    .dashboard-footer-messaging a {}

/* search input */

.dashboard-search {}
		/*.dashboard-search-form {width:99.8%; background:#fff; border:#e1e1e1 1px solid; padding:.1%; border-radius:5px; box-shadow:0 0 3px #999; margin-bottom:10px;}
        #magnifying-glass-container {max-width:46px; width:46px; height:29px; padding-top:13px; float:left}
        #magnifying-glass {font-size: 1.5em; display: block; width: 0.4em; height: 0.4em; border: 0.1em solid #a6afb5; position: relative;   border-radius: 0.35em;     margin:0 auto;    }
		#magnifying-glass:before {content: ""; display: inline-block; position: absolute; right: -0.35em; bottom: -0.2em; border-width: 0; background: #a6afb5; width: 0.45em; height: 0.1em; -webkit-transform: rotate(45deg);    -moz-transform: rotate(45deg);     -ms-transform: rotate(45deg);      -o-transform: rotate(45deg);}
			.dashboard-search p {float:left;width:auto;position:relative;}
				.dashboard-search label {font-size:13px;top:20px;position:absolute;left:21px;cursor:text;color:#959595;}
				.dashboard-search input {height:42px; font-size:13px; width:77%;  max-width:738px; padding:0 20px; font-size:1em;     border-left:#e1e1e1 1px solid;     border-right:#e1e1e1 1px solid;				}
                    .dashboard-search input::-webkit-input-placeholder { color:#5d6367; }
                    .dashboard-search input::-moz-placeholder { color:#5d6367; } /* firefox 19+ */
                   /* .dashboard-search input:-ms-input-placeholder { color:#5d6367; }*/ /* ie */
                    /*.dashboard-search input:-moz-placeholder { color:#5d6367; }*/

				/*#dashboard-search-submit { display:none;
					width:103px;
					height:56px;
					background:url('/img/global/button_blue_small.png') 0 0 no-repeat;
					cursor:pointer;
					font-weight:bold;
					font-size:16px;
					color:#fff;
					text-shadow:1px, 1px, 2px rgba(0, 0, 0, .25);
				}

				#dashboard-search-submit:hover {background-position:0 -56px;}
				#dashboard-search-submit:active {background-position:0 -112px;}*/
				#referral-button {margin-left: 0px;}

				a.create-a-list {display:inline-block; height:26px; line-height:26px; padding:0 10px; color:#fff;  border-radius:5px; font-family:"Bree Serif", serif; position:relative; left:8px; font-size:.85em;
               		background: #6abfd7;
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzZhYmZkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDhmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                    background: -moz-linear-gradient(top,  #6abfd7 1%, #248fbf 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6abfd7), color-stop(100%,#248fbf));
                    background: -webkit-linear-gradient(top,  #6abfd7 1%,#248fbf 100%);
                    background: -o-linear-gradient(top,  #6abfd7 1%,#248fbf 100%);
                    background: -ms-linear-gradient(top,  #6abfd7 1%,#248fbf 100%);
                    background: linear-gradient(to bottom,  #6abfd7 1%,#248fbf 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6abfd7', endColorstr='#248fbf',GradientType=0 );
				}

				a.create-a-list:before {
					content:"";
					display:inline-block;
					height:8px;
					width: 8px;
					border-top:#fff 2px solid;
					border-left:#fff 2px solid;
					margin-right:4px;
				}
.dashboard-top-bar-admin-wrap {
	padding: 8px 0 8px 25px;
	overflow: hidden;
	background-color: #FFFFFF;
	font-size: 16px;
	color: #44B1D5;
}
.dashboard-top-bar-admin-wrap p {
	margin-top: .5em;
}
/* dashboard tabs */
.dashboard-top-bar-navigation-wrap {height:22px; padding:8px 0 8px 25px; overflow:hidden; background:#fcfcfc}
	.dashboard-top-bar-navigation-wrap li {
		float:left;
		padding:0;
/*
		margin-right:20px;
*/
        }
		.dashboard-top-bar-navigation-wrap li a {display:block;color:#a6afb5;text-align:center;font-size:12px; width:auto; height:10px; line-height:10px; padding:7px 14px; text-transform:uppercase; font-weight:bold;}
			.dashboard-top-bar-navigation-wrap .dashboard-tab-selected { border-radius:10px; box-shadow: inset 0 1px 3px #999;
        background: #d5d5d5;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #d5d5d5 0%, #f3f3f2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#f3f3f2));
        background: -webkit-linear-gradient(top,  #d5d5d5 0%,#f3f3f2 100%);
        background: -o-linear-gradient(top,  #d5d5d5 0%,#f3f3f2 100%);
        background: -ms-linear-gradient(top,  #d5d5d5 0%,#f3f3f2 100%);
        background: linear-gradient(to bottom,  #d5d5d5 0%,#f3f3f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#f3f3f2',GradientType=0 );}
			.dashboard-top-bar-navigation-wrap .dashboard-tab-selected a {color:#5d6367}

/* dashboard list container */
	.dashboard-list-container {box-shadow:0 0 3px #999;}
		.dashboard-single-result {padding:0;}

/* dashboard list */
	.dashboard-list {background:#f9efc8; padding:5px;}

/* dashboard info header */
	.dashboard-info-bg-left {background:url('/img/global/bg_dashboard_header_left.png') 0 0 no-repeat;padding:0 0 0 9px;}
		.dashboard-info-bg-right {background:url('/img/global/bg_dashboard_header_right.png') right 0 no-repeat;padding:0 9px 0 0;}
			.dashboard-info-head {background:#44b1d5;height:27px;padding:0 0 0 32px;}
				.dashboard-info-head a {font-size:13px;color:#fff;font-weight:bold;padding:6px 0 0;display:inline-block;cursor:default;text-decoration:none !important;}
					.dashboard-info-name {width:36.5%;}
					.dashboard-info-type {width:27.5%;}
					.dashboard-info-grade {width:20.5%;}
					.dashboard-info-updated {width:10%;}
					.list-type {margin-top: 12px;}
/* dashboard list */
	.dashboard-list {}
		.dashboard-list ul {max-width:960px;  font-size:13px; /*overflow:hidden;*//*jk*/}
		.dashboard-list ul.inactive {background:#e2e2e2;}
			.dashboard-list li {}
			.lt-ie8 .dashboard-list li {padding-left: 51px; max-width: 422px; position: relative; float: left; }
				.dashboard-list li.even {background-color:#faf1f0;}






		.dashboard-list-control-bar {}
			.dashboard-list-control-bar-middle {background:#44b1d5;float:left;width:930px;height:22px;padding:5px 0 0 10px;display:inline-block;}
				.dashboard-list-control-bar-middle a {font-size:13px;color:#fff;font-weight:bold;float:left;width:100px;padding:0 20px;}
					.dashboard-list-heading-name {margin-right:370px;}
					.dashboard-list-heading-teacher {margin-right:38px;}
					.dashboard-list-control-bar-middle .dashboard-list-heading-grade {width:86px;}
					.dashboard-list-control-bar-middle .dashboard-list-heading-updated {padding:0 10px;width:60px;}
				.dashboard-list-control-bar-left-cap {background:url('/img/global/dashboard-list-control-bar-left-cap.png');width:10px;height:27px;float:left;}
				.dashboard-list-control-bar-right-cap {background:url('/img/global/dashboard-list-control-bar-right-cap.png');width:10px;height:27px;float:left;}

.dashboard-list-grid {background:#fff; min-height:500px;}
	.dashboard-list-grid h4 {padding:18px 36px;}
	.dashboard-list-grid h5 {padding:10px 36px; border-bottom:#e2e0e0 1px solid; color:#a6afb5; font-size:18px;}
	.dashboard-list-grid li {float:left;width:100%; position: relative; border-bottom: #ebebeb 1px solid;}
	.dashboard-list-grid li .list-row {display: block; padding: 10px 0px 13px 50px;}
		.dashboard-list-item-wrap {}

#dashboard-create-a-list {
	text-align: center;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	margin-top: 10px;
}

#dashboard-to-begin,
#dashboard-or {
	color: black;
	display: inline;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
}
.list-row:first-of-type {
	border-top: #e2e0e0 1px solid;
}

.dashboard-list-item-icons {
  width: 23px;
  height: 60px;
  display: table-cell;
  vertical-align: middle;
}

.dashboard-list-even {
	background-color: transparent;
}

.inactive > .dashboard-list-even{
	background-color: transparent;
}
.icon-wrapper {
	display: table;
	float: left;
}

.dashboard-list-item-icons a {
	padding-bottom: 1px;
	height: 20px;
	width: 22px;
}

.dashboard-list-item-description {
	padding-left: 17px;
	float: left;
	width: 510px;
	padding-top: 15px;
}

.dashboard-list-item-description div, .dashboard-list-item-description div a {
	font-family: "Open Sans", sans-serif;
	font-family: 18px;
	color: #363636;
	font-weight: bold;
}

.dashboard-list-item-teacher {
	width: 180px
}

.dashboard-list-item-grade {
	width: 115px;
}

.dashboard-list-item-description p {
	color: #959595;
	font-size: 13px;
	padding: 5px 15px 7px 0;
}

.dashboard-list-item-details {
	float: left;
	padding-top: 3px;
	font-size: 13px;
	color: #363636;
}

.dashboard-list-view-multiple {
	margin: 0 auto;
	text-align: center;
	padding-top: 50px;
}

.dashboard-list-view-multiple a {
	font-size: 20px;
	color: #959595;
	font-weight: bold;
}



#referral_button {
	background: #e27a6c; /* Old browsers */
	background: -moz-linear-gradient(top,  #e27a6c 0%, #ca2a15 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e27a6c), color-stop(100%,#ca2a15)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e27a6c 0%,#ca2a15 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e27a6c 0%,#ca2a15 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e27a6c 0%,#ca2a15 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e27a6c 0%,#ca2a15 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e27a6c', endColorstr='#ca2a15',GradientType=0 ); /* IE6-9 */
	border: 1px solid #C9200E;
    border-radius: 5px 5px 5px 5px;
	line-height: 1.5em;
	margin: 0 6px 0 0;
	padding-bottom: 4px;
}

#upload_button, #js-create-list-options, .manage-list-form .manage-list-find input[type='submit'] {
	background: #3072a2; /* Old browsers */
	color: #ceffff;
	line-height: 1.5em;
	margin: -2px 6px 0 0;
	padding: 0 8px 4px 8px;
	float: right;
}

.create_button span {
	display: inline-block;
    font-size: 1.4em;
    line-height: 1em;
    margin: 0 5px 5px 0;
    vertical-align: middle;
}

.create_button:hover {
	color: #fff;
	text-decoration: underline;
}
.upload_button:hover {
	color: #fff;
	text-decoration: underline;
}

#create_border {
	border-left:#ddd 1px solid;
	display:inline-block;
	float:right;
	position: relative;
}

/**************************************
 * @lists
 *************************************/
.realbullets li {
	list-style-type: disc;
	color: #000;
	margin-left: 20px;
	background: none !important;
	padding:0;
}
.numberedlist li {
	list-style-type: decimal;
	color: #000;
	margin-left: 20px;
	background: none !important;
	padding:0;
}

.no-bullet-list li {
	list-style-type: none !important;
	padding:5px; margin:0 !important;
}

.no-bullet-list li a{
	text-decoration: underline;
	color: #1478b9;
	font-weight: bold;
}

/**************************************
 * @user menu
 *************************************/
#user-menu {
	padding: 22px 0 0 20px;
	margin-bottom: 0px;
}

body#app-page #user-menu,
body#dashboard-page #user-menu {
	padding: 8px 0 0 20px;
}

#user-menu > li {
	float: left;
}

body#app-page #user-menu > li,
body#dashboard-page #user-menu > li {
	margin-left: 20px;
}

#user-menu > li > a {
	color: #F2CCC7;
	font-size: 11px;
	line-height: 11px;
	margin: 5px 0 0;
	text-decoration: underline;
}

#user-menu.blue > li > a {
	color: #ffffff;
	padding: 0;
}

#user-menu > li > a:hover {
	background-color: transparent;
	text-decoration: none;
}

#user-menu button.dropdown-toggle,
#user-menu > li.dropdown {
	background: none repeat scroll 0 0 #D55544;
	border: 1px solid #E36756;
	border-radius: 3px 3px 3px 3px;
	cursor: default;
	height: 24px;
	line-height: 20px;
	/*overflow: hidden;*/
    padding: 0 0 0 11px;
	/*position: relative;*/
	text-indent: 0;
	/*width: 135px;*/
	width: 148px;
}

#upload-page #user-menu.blue button#user-menu-button.dropdown-toggle,
#user-menu.blue > li.dropdown {
	background-color: #25608a;
	border-color: #5692be;
	display: list-item;
}

#upload-page #user-menu.blue button#user-menu-button.dropdown-toggle {
	font-weight: normal;
	text-align: left;
}

#user-menu button.dropdown-toggle,
#user-menu div.dropdown a,
#user-menu > li.dropdown a {
	margin: 0px;
	color: #FFFFFF;
	font-family: 'Bree Serif', serif;
	font-size: 14px;
	line-height: 24px;
	text-decoration: none;
}

#user-menu button.dropdown-toggle,
#user-menu li .dropdown-toggle {
	background: transparent url("../img/drop_arrow.jpg") no-repeat 98% top;
	padding-right: 20px;
}

#user-menu.blue button.dropdown-toggle,
#user-menu.blue li .dropdown-toggle {
	background-image: url("../img/drop_arrow_blue.jpg")
}

/*#upload-page #user-menu.blue button.dropdown-toggle,
#upload-page #user-menu.blue li .dropdown-toggle {
	background: transparent url("../img/drop_arrow_blue.jpg") no-repeat 98% top;
	padding-right: 20px;
	position: static;
}*/

#user-menu ul.dropdown-menu {
	min-width: 146px;
	width: 146px;
	border: 1px solid #e36756;
	margin-top: 1px;
	margin-right: -1px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	/*border:none;*/
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-transition: none;
	-webkit-transition: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	/*margin: 0;*/
    -moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #F5B6AD;
	border-image: none;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	overflow-x: hidden !important;
	overflow-y: auto;
}

#user-menu.blue ul.dropdown-menu {
	background-color: #5692be;
	border-color: #25608a;
}

#user-menu ul.dropdown-menu li {
	float: none;
	line-height: 20px;
	padding: 0;
}

#user-menu ul.dropdown-menu a {
	padding: 4px 0 4px 11px;
	background-image: none;
	background-color: #F5B6AD;
}

#user-menu ul.dropdown-menu a:hover {
	background-image: none;
	background-color: #D55544;
}

#user-menu.blue ul.dropdown-menu a {
	background-color: #5692be;
}

#user-menu.blue ul.dropdown-menu a:hover{
	background-color: #25608a;
}


/*================================================
	@dashboard First Log-In - Teacher
=================================================*/

.dashboard-get-started-teacher {
	background: url('/img/global/dashboard-get-started.png') 0 0 no-repeat;
	width: 208px;
	height: 43px;
	margin: 10px 0 0;
}

.dashboard-list-view-no-lists-yet {
	text-align: center;
	padding: 30px 0 0;
}

.dashboard-list-grid  .dashboard-list-view-no-lists-yet-teacher {float:none; background:transparent;text-align:center; margin:0; padding:0; text-align:center; max-width:960px; width:90%; padding:44px 5% 0; border-bottom:none}

#content_wrapper .create-list-options {
	background: #FFFFFF none;
	padding:0;
	width:auto;
	z-index: 1000;
	margin: -4px 4px 0 0;
}
#content_wrapper #js-create-list-options-dropdown .create-list-options {
	top: 42px;
	right: 105px;
}
#content_wrapper #js-create-list-options-body-dropdown .create-list-options {
	top: 110%;
	left: 150px ! important;
}
.create-list-options li {
	cursor: pointer;
	padding: 5px 15px;
	color: #44b1d5;
}
.create-list-options li {
	border-bottom: 1px solid #E2E2E2;
}
.create-list-options li:last-child {
	border-bottom: none;
}
.create-list-options li:hover {
	background-color: #EEF7FC;
	text-decoration: none;
}
.create-list-actions li:hover {
	color: #fff;
}

/* dashboard version of create list options */
.dashboard-drop li {
    width: 90%;
	text-align: left;
}

.dashboard-drop {
    width: 23em !important;
/*	right:14% !important;*/
}

/*
.create-list-options a {
	display: block;
	float: left;
	font-size: 0.80em;
	padding: 8px 10px;
	cursor: pointer;
	text-decoration: none;
	border-bottom: 1px solid #E1E1E1;
}
.create-list-options a:hover {
	background-color: #EEF7FC;
	text-decoration: none;
}

.create-list-actions a:hover {
	color: #fff;
}
	.create-list-options-overlay {
		position: absolute;
		display: none;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: rgb(93,99,109);
		background: rgba(93,99,109,0.01);
		border-radius: 10px;
	}
*/

.dashboard-list-actions {display:none; clear:both;border-top:#ddd solid 1px; position:absolute; top:0; left:0;
background:rgb(93,99,109);
background:rgba(93,99,109,.8);
border-radius:10px;
padding:3% 5%;
left:5%;
top:6px;
width:auto;
z-index: 1000;
}
	.dashboard-list-actions-overlay {
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: rgb(93,99,109);
		background: rgba(93,99,109,0.01);
		border-radius: 10px;
	}
	.dashboard-list-actions a {
		font-size:13px;
  		line-height:17px;
		color:#fff;
		display:block;
		float:left;
		padding:5px 6px;
		margin:0 5px 0 0;
  		font-family:'Bree Serif', serif;
    	border-radius:5px;
        background: #808588;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODU4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjNiM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #808588 0%, #363b3f 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808588), color-stop(100%,#363b3f));
        background: -webkit-linear-gradient(top,  #808588 0%,#363b3f 100%);
        background: -o-linear-gradient(top,  #808588 0%,#363b3f 100%);
        background: -ms-linear-gradient(top,  #808588 0%,#363b3f 100%);
        background: linear-gradient(to bottom,  #808588 0%,#363b3f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808588', endColorstr='#363b3f',GradientType=0 );
	}
		.dashboard-list-actions a.dashboard-list-delete,
        .dashboard-list-actions a.dashboard-list-archive,
        .dashboard-list-actions a.js-dashboard-list-archive {
        background: #e27e6e;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyN2U2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZTMwMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #e27e6e 0%, #be3023 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e27e6e), color-stop(100%,#be3023));
        background: -webkit-linear-gradient(top,  #e27e6e 0%,#be3023 100%);
        background: -o-linear-gradient(top,  #e27e6e 0%,#be3023 100%);
        background: -ms-linear-gradient(top,  #e27e6e 0%,#be3023 100%);
        background: linear-gradient(to bottom,  #e27e6e 0%,#be3023 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e27e6e', endColorstr='#be3023',GradientType=0 );
        }
		.dashboard-list-actions a.dashboard-list-reactivate {background:#96bf3d;}
		.dashboard-list-actions a.dashboard-list-delete {background:#ff2323;}

	.dashboard-list-actions > a:last-child,
    .dashboard-list-actions a.dashboard-list-archive {margin-right:0;}
    .dashboard-list-actions a.dashboard-list-reset {margin-left:5px; margin-right: 0;}

	.dashboard-list-actions a img {vertical-align:bottom; display:inline-block}

	.dashboard-list-actions p.dashboard-list-update {text-align:center; padding:10px 0 0; line-height:16px;}
	.dashboard-list-actions a.no-button  {display:inline; float:none; padding:0; margin:0; border-radius:0; background:none; font-size:12px; font-family:"OpenSans", sans-serif; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 1px #000; line-height:16px;}
		.dashboard-list-actions a.no-button img {vertical-align:middle;}




/*================================================
	@dashboard First Log-In - Teacher Inactive
=================================================*/

.dashboard-list-item-wrap-inactive,
	.dashboard-list-item-wrap-inactive .dashboard-list-item-description div,
	.dashboard-list-item-wrap-inactive .dashboard-list-item-description div a,
	.dashboard-list-item-wrap-inactive .dashboard-list-item-details {
	background: #f7f7f7;
	color: #666;
}

/* BEGIN STYLE.CSS */

/* Float Elements
---------------------------------*/

.fl-lt {
	float: left;
}

.fl-rt {
	float: right;
}

/* Clear Floated Elements
---------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* @fonts */
.bree {
	font-family:'Bree Serif', serif;
}
.opensans {
	font-family:'Open Sans', sans-serif;
}
.schoolbell {
	font-family:'Bree Serif', serif;
}

.clearfix:after {
	clear: both;
}

/* Primary Styles
---------------------------------*/

.cover {
	padding: 0px;
	margin: 0px;
	background: url(../img/list_page/cover.jpg) no-repeat center top;
	width: 100%;
	height: 10%;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cover.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/cover.jpg', sizingMethod='scale')";
}

.nav {
	font-family: 'Bree Serif', serif;
}

.nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.nav ul li {
/*	background: url(../img/list_page/nav_sep.png) no-repeat right center;*/
	padding: 0px 20px;
	margin: 0px;
	float: left;
	font-size: 14px;
	display: block;
	line-height: 36px;
	font-weight: 400;
}

.nav ul li.last {
	background: none;
}

.nav ul li a {
/*	background: url(../img/list_page/nav_arrow.png) no-repeat right center;*/
	color: #f1c5bf;
	padding: 0 22px 0 0;
	text-decoration: none;
}

.nav ul li a:hover,.nav ul li a.active {
	/* TODO conflict with top nav */
	color: #fff;
}

a.sinbutton {
	font-size: 11px;
	color: #f2ccc7;
	line-height: 11px;
	margin: 12px 0 0 0;
	text-decoration: underline;
}

a.sinbutton:hover {
	text-decoration: none;
}

.dropbox {
	padding: 8px 0 0 20px;
}

.search_container {
	padding-top: 30px;
	background-image: none;
}

#app-page .search_container {
	max-width: 960px;
	padding-top: 0;
}

#app-page .search-results {
	margin-top: -35px;
}

.state:hover{
    fill: #D3D3D3 !important;
    border-color: yellow !important;
}

#us-map {
	display: block;
	width: 100vh;
	height: 100vh;
}
.header-margin-remove {
	margin-top: -46px;
}

.list-page-header-margin-remove {
	margin-top: -51px;
}

.tl-grey {
	background-color: #999;
}

.tl-blue {
	background-color: #3473A0;
}

.tl-blue-text {
	color: #3072a2;
}

.tl-heading-title {
	font-family: sans-serif;
	font-weight: bold;
	padding: 0 0 0 5px;
	margin-bottom: 25px
}

.tl-map-container {
	margin-top: 56px;
}

.tl-hero-sm {
	position: relative;
	height: 56px;
	width: 100%;
	margin-bottom: 56px;
}

.tl-hero-sm-text {
	line-height: 56px;
	color: #fff;
	padding-top: 50%;
}

.tl-hero-sm-text a {
	color: #fff;
	text-decoration: none;
	text-transform: none;
}

.tl-hero-sm-text a:hover {
	color: #fff;
	text-decoration: underline;
}

.tl-anchor-list a {
	color: #444;
	text-decoration: none;
	text-transform: none;
}

.tl-anchor-list a:hover {
	color: #444;
	text-decoration: underline;
}

div.content.pie {
	padding-bottom: 0px !important;
}

.search_holder {
	background: url(../img/search_holder/search_holder.jpg) repeat-x left top;
	height: 40px;
	border: #e1e1e1 1px solid;
	border-radius: 3px;
	position: relative;
	box-shadow: #e4eaec 2px 2px 2px;
	margin-bottom: 3px;
	margin: 30px 0 12px 0;
}

div[class^="_users_uploads"] .side_box,
._users_uploads_ .side_box, ._users_uploads .side_box,
div[class^="_users_lists"] .side_box,
._users_lists_ .side_box, ._users_lists .side_box,
div[class^="_users_dashboard"] .side_box,
._users_dashboard_schools .side_box, ._users_dashboard_schools_ .side_box,
._users_dashboard_districts .side_box,
._users_dashboard_ .side_box, ._users_dashboard .side_box {
	background: none !important;
	box-shadow: none;
	margin-bottom: 0;
	margin-left: 13px;
	padding: 0;
	float: right;
	width: 267px;
}

.side_box.mobile_copy {
	display: none;
}

div[class^="_users_uploads"] .content_box,
._users_uploads_ .content_box, ._users_uploads .content_box,
div[class^="_users_lists"] .content_box,
._users_lists_ .content_box, ._users_lists .content_box,
div[class^="_users_dashboard"] .content_box,
._users_dashboard_ .content_box, ._users_dashboard .content_box {
	background: none !important;
	box-shadow: none;
	margin-bottom: 0;
	margin-right: 280px;
	padding: 0;
	position: relative;
}

.search_holder .name_field {
	float: left;
	max-width: 854px;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	height: 15px;
	border: 0;
	outline: 0;
	padding: 12px 18px;
	font-size: 16px;
	color: #5d6367;
	margin: 0px 0px 0px 0px;
	border-left: #e1e1e1 1px solid;
}

.list_search_holder .name_field {
	float: left;
	max-width: 854px;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	outline: 0;
	padding: 4px 4px;
	color: #5d6367;
	margin: 0px 0px 0px 0px;
}

/* supress bootrstrap effects */

.search_holder .name_field, .search_holder .name_field:focus, .list_search_holder .name_field, .list_search_holder .name_field:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0;
	-webkit-border-radius: 0;
}

.submit {
	float: left;
	background: url(../img/search_holder/search.png) no-repeat center 14px;
	outline: 0;
	color: #fff;
	height: 39px;
	width: 47px !important;
	line-height: 39px;
	cursor: pointer;
	border: none;
	font-size: 0px;
	text-indent: -999px;
}

.content_box {
	background: #f9efc8;
	box-shadow: #e2e2e2 0px 0px 3px,#e2e2e2 0px 0px 3px,#e2e2e2 0px 0px 3px,#e2e2e2 0px 0px 3px,#e2e2e2 0px 0px 3px;
	padding: 5px;
	margin-bottom: 17px;
	position: relative;
}

/*.content_box.dashboard {
	float: left;
	width: 675px;
}*/

.content_box.list-view {
	margin-bottom: 47px;
}

.top_box {
	/* height: 1%; */
	background: #fff;
	line-height: 44px;
	border-bottom: #fff 1px solid;
}

.share-list-container {
	margin-left: 5px;
	position: relative;
}

.link-container {
	display: inline-block;
	float: right;
	margin-left: 5px;
}

.address-container {
    margin-right: 25px;
    margin-top: -65px;
    margin-bottom: 20px;
}
.address-container-list {
	margin-right: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.bottombox .share-list-container {
	margin-top: 10px !important;
    float: none;
    padding: 0;
}

.bottombox {
	background: #fffedb;
	line-height: 1em;
	overflow: hidden;
}

a.please {
	padding: 0 0 0 16px;
	font-size: 12px;
	color: #5d6367;
	text-decoration: none;
}

a.please:hover {
	text-decoration: underline;
}

a.trouble {
	padding: 0 12px 0 16px;
	font-size: 12px;
	float: right;
	color: #44b1d5;
	text-decoration: none;
}

a.trouble:hover {
	text-decoration: underline;
}

a.left_link {
	font-family: 'Bree Serif', serif;
	float: left;
	background: url(../img/list_page/arrow.png) no-repeat 20px 15px;
	font-size: 16px;
	color: #5d6367;
	display: block;
	padding: 0 0 0 50px;
	text-decoration: none;
}

a.left_link:hover {
	text-decoration: underline;
}

a.share {
	background: url(../img/list_page/share.png) no-repeat left center;
	display: block;
	float: right;
	padding: 0px 20px;
	font-size: 12px;
	color: #b7b7b7;
	text-decoration: none;
}

a.share:hover {
	text-decoration: underline;
}

.content.pie {
	/* height: 1%; */
	border: #fff 1px solid;
	background: #e1f3f8;
	box-shadow: #E2E2E2 0 0 3px,#E2E2E2 0 0 3px,#E2E2E2 0 0 3px,#E2E2E2 0 0 3px,#E2E2E2 0 0 3px;
	position: relative;
}

.list_description {

	font-size: 12px !important;
	line-height: 18px;
	font-family: "Open Sans", sans-serif;
}

/*================================================
	@list_description Mobile
=================================================*/

@media (max-width: 1280px) {
	.list_description {
		display: none;
	}
}

@media (max-width: 786px) {
	.text-right.center-mobile {
		text-align: center !important;
	}
}

.list_holder {
	height: 1%;
	margin-bottom: 0;
	padding: 3px;
}

.listbox {
	height: 1%;
	border: #e1e1e1 1px solid;
	background: #fff;
	padding: 17px 14px 17px 16px;
}

.listbox.bg {
	background: #feffff url(../img/list_page/bar_bg.jpg) repeat-x left top;
}

.listbox_left {
	position: relative;
	padding: 0 0 0 34px;
}

.listbox_left.bg1 {
	background: url(../img/list_page/icon2.png) no-repeat left 9px;
}

.listbox_left.bg2 {
	background: url(../img/list_page/icon3.png) no-repeat left 9px;
}

.listbox_left.bg3 {
	background: url(../img/list_page/icon4.png) no-repeat left 9px;
}

.listbox_left img.list-icon {
	position: absolute;
	top: 9px;
	left: 0px;
	width: 18px;
}

.listbox_left h2 {
	font-family: 'Bree Serif', serif;
	font-size: 16px;
	line-height: 20px;
	display: block;
	padding: 0px 0 3px 0;
	margin: 0px;
	font-weight: normal;
}

.listbox_left h2 a.color {
	color: #d55544;
	text-decoration: none;
}

.listbox_left h2 a {
	color: #44b1d5;
	text-decoration: none;
}

.listbox_left h2 a:hover {
	text-decoration: underline;
}

.listbox_left p {
	clear: left;
	color: #a29d89;
	margin: 0;
	padding-top: 3px;
	font-size: 0.8em;
}

.date {
	font-size: 14px;
	color: #b7b7b7;
	display: block;
	float: right;
	padding: 24px 0 0 0;
}

.supply ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.supply ul li {
	background: url(../img/list_page/supply_sep.jpg) no-repeat right center;
	float: left;
	display: block;
	padding: 0px 13px;
	font-size: 14px;
	line-height: 18px;
}

.supply ul li.last {
	background: none;
}

.supply ul li.last2 {
	padding-right: 0px;
	background: none;
}

.supply ul li.fast {
	padding-left: 0px;
}

/* the "supply" class is used for supply lists and wish lists, so isn't a helpful term */
.supply ul li.fast h2,
.supply ul li.class_name h2,
.supply ul li.school_year h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	padding-left: 0px;
}

.supply ul li a {
	color: #b7b7b7;
	text-decoration: none;
}

.supply ul li a:hover {
	text-decoration: underline;
}

.list_nav {

}

.list_nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	overflow: hidden;
}

.list_nav ul li {
	background: #fff;
	font-family: 'Bree Serif', serif;
	float: left;
	padding: 0px 13px;
	font-size: 15px;
	line-height: 27px;
	display: block;
	border-left: #e1e1e1 1px solid;
	border-right: #e1e1e1 1px solid;
	border-top: #e1e1e1 1px solid;
	position: relative;
	border-radius: 8px 8px 0px 0px;
	margin: 0 0 0 3px;
}

.list_nav ul li a {
	color: #5d6367;
	text-decoration: none;
}

.list_nav ul li a:hover {
	text-decoration: underline;
}

/* The following classes are only for printouts, so do not display them on a regular screen view */
.content_box span.printed_memo_starter, .logo_sponsors, .back_to_school_coupons {display: none;}

.content_box span {
	display: block;
	padding: 20px 0 8px 0px;
	font-size: 12px;
	color: #a29d89;
}

.content_box #post_item_actions .buy-container span {
	padding-top: 15px;
}

.mobile-buy-container #sticky-footer {
	display: none;
}

.content_box .buy-container #sticky-container {
		background:#fff;
		display: block;
		position: fixed;
		width:100px;
		margin-left:-142px;
		z-index:6;
		border:1px #8a8a8a solid;
		padding:20px;
}

.content_box .buy-container #sticky-container .buy-button {
		background:#fff;
		margin-right: 0 !important;
		margin-top:20px;
		padding: 0 !important;
}

.content_box .buy-container #sticky-container .buy-button img {
		height: 43px;
		width: 97px;
}


.content_box #post_item_list span.pad {
	padding-top: 7px;
}

.content_box .pagination {
	margin: 0;
	padding: 15px 10px;
}

.content_box .pagination span {
	display: inline;
	margin: 0 5px;
}

a.fedback {
	font-size: 12px;
	color: #44b1d5;
	text-decoration: underline;
	padding-left: 8px;
}

a.fedback:hover {
	text-decoration: none;
}

a.viewCoupons {
	padding-right: 12px;
}

a.see {
	font-size: 12px;
	color: #44b1d5;
	text-decoration: underline;
	padding-left: 18px;
}

a.see:hover {
	text-decoration: none;
}

.content_box.bgcolor {
	background: #fbf9f9;
	padding: 0px 0 1px 0;
	height: 1%;
	position: relative;
}

.top_box h1,
.top_box h2 {
	font-family: 'Bree Serif', serif;
	font-size: 18px;
	color: #5d6367;
	line-height: 180%;
	padding: 15px 80px 10px 15px;
	margin: 0px;
	text-align: left;
}

.top_box h2 em {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	padding-left: 10px;
}

.bottombox span {
	padding: 0 0 0 16px;
	display: block;
	font-size: 12px;
	color: #5d6367;
	float: left;
}

a.link {
	color: #5d6367;
	text-decoration: underline;
}

a.link:hover {
	text-decoration: none;
}

a.right_link {
	font-size: 12px;
	color: #44b1d5;
	margin-right: 16px;
	text-decoration: underline;
}

a.right_link:hover {
	text-decoration: none;
}

a.dont-see {
	padding-bottom: 10px;
	padding-left: 16px;
	font-size: 12px;
	line-height: 0.8em;
	display: inline-block;
	text-decoration: underline;
	color: #b32525;
}

.bottom_contentbox {
	background: #fff;
	border: #ebebeb 1px solid;
	padding: 18px 0 0 0;
}

.info_list {
	line-height: 34px;
	height: 34px;
}

.info_list h3 {
	font-family: 'Bree Serif', serif;
	font-size: 15px;
	display: block;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	line-height: inherit;
	clear: none;
}

.info_list h3 a {
	color: #44b1d5;
	text-decoration: none;
	background: none;
	position: relative;
	right: 0;
	padding-right: 0;
	font-family: inherit;
	height: inherit;
	font-size: inherit;
}

.info_list h3 a:hover,.info_list h3 a.active {
	text-decoration: underline;
}

.name_nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.name_nav ul li {
	float: left;
	display: block;
	padding: 0px 12px;
	line-height: inherit;
}

.name_nav ul li.nobg {
	background: none;
}

.name_nav ul li a {
	color: #a6afb5;
	text-decoration: none;
}

.name_nav ul li a:hover,.name_nav ul li a.active {
	color: #5d6367;
}

.name_nav ul li.last {
	background: none;
}

.bottom_contentbox.noborder {
	border: 0;
	padding-bottom: 28px;
}

.pagerBox {
	width: 313px;
	margin: 13px auto;
}

.pagerBox ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.pagerBox ul li {
	float: left;
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 4px;
}

.pagerBox ul li.left {
	font-family: 'Bree Serif', serif;
	padding-right: 27px;
}

.pagerBox ul li.right {
	font-family: 'Bree Serif', serif;
	padding-left: 27px;
}

.pagerBox ul li a.page {
	text-decoration: underline;
}

.pagerBox ul li a.page:hover {
	text-decoration: none;
}

.pagerBox ul li a {
	color: #a6afb5;
	display: block;
	text-decoration: none;
}

.pagerBox ul li a:hover,.pagerBox ul li a.active {
	color: #44b1d5;
	text-decoration: underline;
}

/*==============inner2==============*/

.suppliBox {
	background: #fff;
	box-shadow: 0 0 3px #E2E2E2, 0 0 3px #E2E2E2, 0 0 3px #E2E2E2, 0 0 3px #E2E2E2, 0 0 3px #E2E2E2;
	position: relative;
}

.suppliBox_top ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.suppliBox_top ul li {
	background: url(../img/list_page/supply_sep.jpg) no-repeat right center;
	font-family: 'Bree Serif', serif;
	float: left;
	display: block;
	padding: 0px 12px;
	margin: 0px;
	line-height: 45px;
}

.suppliBox_top ul li.last {
	background: none;
}

.suppliBox_top ul li.school-name h1,
.suppliBox_top ul li.district-name h1 {
	font-family: 'Bree Serif', serif;
	font-size: 16px;
	line-height: 45px;
	padding: 0;
}

.suppliBox_top ul li a {
	display: block;
	padding: 0px;
	margin: 0px;
	color: #44b1d5;
	text-decoration: none;
}

.suppliBox_top ul li a:hover {
	text-decoration: underline;
}

a.arrow_link {
	background: url(../img/list_page/arrow.png) no-repeat 20px 15px;
	height: 44px;
	width: 33px;
	display: block;
}

a.arrow_link:hover {
	background: url(../img/list_page/arrow_active.jpg) no-repeat 20px 15px;
}

a.arrow_link_active {
	background: url(../img/list_page/arrow_active.jpg) no-repeat 20px 15px!important;
}

.suppli_bloc {
	margin: 0px 12px;
	border-top: #ebebeb 1px solid;
}

.suppli_blocleft {
	min-width: 350px;
	padding: 15px 0 0 5px;
	font-size: 12px;
	line-height: 18px;
	color: #a6afb5;
}


.suppli_blocleft h2,
#list-add-items input#list_name {
	background: url(../img/list_page/icon2.png) no-repeat left 2px;
	font-family: 'Bree Serif', serif;
	font-size: 24px;
	line-height: 26px;
	padding: 7px 0 0px 30px;
	margin: 0 0 10px 0;
	font-weight: normal;
	color: #5d6367;
}

.suppli_blocleft h2,
#list-add-items div.wish-list input#list_name {
	background: url(../img/list_page/icon3.png) no-repeat left 2px;
	font-family: 'Bree Serif', serif;
	font-size: 24px;
	line-height: 26px;
	padding: 7px 0 0px 30px;
	margin: 0 0 10px 0;
	font-weight: normal;
	color: #5d6367;
}

#list-add-items input#list_name::-webkit-input-placeholder { /* Fix for WebKit browsers */
	padding: 1px 0 0 0;
	line-height: 26px;
}

.suppli_blocleft li#grade_level h2,
.suppli_blocleft li.class_name h2,
.suppli_blocleft li.school_year h2 {
	background-image: none;
	font-family: Arial,sans-serif;
	font-size: 15px;
	line-height: 20px;
	padding: 0;
}

#pre_item_actions {
	border-bottom: 1px solid #000000;
	padding-bottom: 3px;
}

/*====================inner3========================*/

.suppli_blocleft h2.bg {
	background: url(../img/list_page/icon3.png) no-repeat left 2px;
}

.suppli_blocleft h2.spec {
	background: none;
	padding: 0px 0 10px 0;
}

.suppli_blocleft span {
	display: block;
	padding: 0px 0 13px 0;
	margin: 0px;
}

.suppli_blocleft p {
	padding: 0px;
	margin: 0px;
}

.suppli_blocright {
/*	width: 307px;*/
	padding: 15px 0 10px 0px;
	position: relative;
}

.share-view-list span {
	padding: 0;
}

#post_item_list {
	padding-bottom: 8px;
}

#post_item_actions {
	padding: 0 0 0 12px;
}

a.follow {
	float: right;
	background: url(../img/list_page/follow.png) no-repeat left top;
	display: block;
	width: 44px;
	height: 22px;
	line-height: 21px;
	font-size: 12px;
	color: #fff;
	padding: 0 0 0 24px;
	margin: 0 0 0 8px;
	text-decoration: none;
}

a.follow:hover {
	background: url(../img/list_page/follow.png) no-repeat left -22px;
}

a.unfollow {
	float: right;
	background: url(../img/list_page/unfollow.png) no-repeat left top;
	display: block;
	width: 56px;
	height: 22px;
	line-height: 21px;
	font-size: 12px;
	color: #fff;
	padding: 0 0 0 24px;
	margin: 0 0 0 8px;
	text-decoration: none;
}

a.unfollow:hover {
	background: url(../img/list_page/unfollow.png) no-repeat left -22px;
}


a.share2 {
	display: inline-block;
	background-color: #41AD49;
	border-radius: 3px;
	font-size: 14px;
	color: white;
	padding: 2px 8px 2px 4px;
	margin-left: 5px;
	text-decoration: none;
	width: auto;
	height: 23px;
}

a.share2:hover {
	background-color: black;
	text-decoration: none;
	color: white;
}

a.share2 > i {
	margin: 5px;
}

a.btn-follow-list {
	display: inline-block;
	background-color: #00AEEF;
	border-radius: 3px;
	font-size: 14px;
	color: white;
	padding: 2px 2px 2px 4px;
	margin-left: 5px;
	text-decoration: none;
	width: 77px;
	height: 23px;
}

a.btn-follow-list:hover {
	background-color: black;
	text-decoration: none;
	color: white;
}

a.btn-follow-list > i {
	margin: 5px;
}

a.btn-unfollow-list {
	display: inline-block;
	background-color: #959595;
	border-radius: 3px;
	font-size: 14px;
	color: white;
	padding: 2px 8px 2px 4px;
	margin-left: 5px;
	text-decoration: none;
	width: 90px;
	height: 23px;
	font-family: 'Open Sans', sans-serif;
}

a.btn-unfollow-list:hover {
	background-color: black;
	text-decoration: none;
	color: white;
}

a.btn-unfollow-list > i {
	margin: 5px;
}

span.button-print-list {
	display: inline-block;
	background-color: #F3BF00;
	border-radius: 3px;
	font-size: 14px;
	color: white !important;
	padding: 2px 8px 2px 4px;
	margin-left: 5px;
	text-decoration: none;
	width: auto;
	height: 23px;
	font-family: 'Open Sans', sans-serif;
}

span.button-print-list > i {
	margin: 5px;
}

span.button-print-list:hover {
	background-color: black;
	cursor: pointer;
}

a.button-print-list > i {
	margin: 5px;
}

.btn-select-lang {
	display: inline-block;
	background-color: Purple;
	border-radius: 3px;
	font-size: 13px;
	color: white;
	padding: 2px 8px 2px 4px;
	margin-left: 5px;
	text-decoration: none;
	width: auto;
	height: 23px;
}

.btn-select-lang > i {
	margin: 5px;
}

.btn-select-lang:focus,
.btn-select-lang:hover {
  background-color: black;
  text-decoration: none;
  color: white;
}

.btn-link-list {
	display: inline-block;
	background-color: #E31937;
	border-radius: 3px;
	font-size: 14px;
	color: white;
	padding: 2px 8px 2px 4px;
	margin-left: 5px;
	text-decoration: none;
	width: auto;
	height: 23px;
}

.btn-link-list > i {
	margin: 5px;
}

.btn-link-list:focus,
.btn-link-list:hover {
  background-color: black;
  text-decoration: none;
  color: white;
}

.list-btn-mobile {
	display: inherit !important;
	width: 100% !important;
	font-size: 0.8em !important;
	height: 22px !important;
	line-height: 20px !important;
	text-align: center !important;
	margin-top: 4px !important;
	float: right !important;
	border-radius: 3px !important;
	margin-right: 0 !important;
	padding: 0px !important;
}

@media only screen and (max-width: 600px) {
    .suppli_blocright {
		width: 98% !important;
		padding: 0 4px !important;
	}

	a.share2 {
		width: 100% !important;
		max-width: none;
	}

	.link-promo-list {
		max-width: 100% !important;
	}
}

@media screen and (orientation:landscape) and (max-width: 760px) {
	.list-btn-mobile {
		width: 47% !important;
		font-size: 0.8em !important;
		height: 22px !important;
		line-height: 20px !important;
		text-align: center !important;
		margin-top: 4px !important;
		border-radius: 3px !important;
		margin-right: 4px !important;
		padding: 0px !important;
		max-width: none !important;
	}

	.suppli_blocright {
		width: 100% !important;
	}

	.link-promo-list {
		max-width: 100% !important;
	}

	.suppli_blocright > a:last-of-type {
		float: left !important;
		margin-left: 27px;
	}

	#nobotsplz {
		margin-left: 0 !important;
		margin-right: 9px !important;
	}
}

@media only screen and (min-width: 761px) {
    .list-btn-mobile {
		display: none !important;
	}
}

.cancel {
	float: right;
	background: url(../img/list_page/cancel.png) no-repeat left top;
	display: block;
	width: 44px;
	height: 23px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	padding: 0 0 0 24px;
	margin: 0 0 0 8px;
	text-decoration: none;
}

a.cancel:hover {
	background: url(../img/list_page/cancel.png) no-repeat left bottom;
}

a.link {
	float: right;
	background: url(../img/list_page/link.png) no-repeat left top;
	display: block;
	width: 30px;
	height: 23px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	padding: 0 0 0 24px;
	margin: 0 0 0 8px;
	text-decoration: none;
}

a.link:hover {
	background: url(../img/list_page/link.png) no-repeat left bottom;
}

.save {
	float: right;
	background: url(../img/list_page/save.png) no-repeat left top;
	display: block;
	width: 39px;
	height: 23px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	padding: 0 0 0 24px;
	margin: 0 0 0 8px;
	text-decoration: none;
}

a.save:hover {
	background: url(../img/list_page/save.png) no-repeat left bottom;
}

.edit {
	float: right;
	background: url(../img/list_page/edit.png) no-repeat left top;
	display: block;
	width: 39px;
	height: 23px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	padding: 0 0 0 24px;
	margin: 0 0 0 8px;
	text-decoration: none;
}

a.edit:hover {
	background: url(../img/list_page/edit.png) no-repeat left bottom;
}

.grayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}

.list_itembox {
	border-top: #e1e1e1 1px solid;
	border-left: #e1e1e1 1px solid;
	border-right: #e1e1e1 1px solid;
}

.list_itembox.addmar {
	margin-bottom: 20px;
}

.list_itembox em {
	font-family: 'Bree Serif', serif;
	background: url(../img/list_page/tag_bg.png) no-repeat center center;
	display: block;
	width: 50px;
	text-align: center;
	height: 34px;
	line-height: 31px;
	color: #fff;
	font-size: 15px;
	font-style: normal;
}

.list_itembox em.bg {
	background: url(../img/list_page/tag_bg2.png) no-repeat center center;
}

.list_itembox em.bg2 {
	background: url(../img/list_page/tag_bg3.png) no-repeat center center;
}

.list_itembox em.spec {
	background: url(../img/list_page/tag_bg_specialty.png) no-repeat center center;
}

.list_itembox a.item_img {
	width: 45px;
	margin-top: 1px;
    cursor: default;
}

.list_itembox a.item_img img {
	height: 34px;
}

.itembox ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.itembox ul li {
	background: url(../img/list_page/item_list.jpg) no-repeat right center;
	font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
	float: left;
	display: block;
	padding: 7px 12px;
	margin: 0px;
	font-size: 15px;
}

.itembox ul li a:hover {
	text-decoration: underline;
}

.itembox ul li.memo {
	word-wrap: break-word;
    /*font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
    font-weight: normal;
    letter-spacing: -0.02em;
}

.itembox ul li.memo a {
	padding-left: 4px;
	max-width: 650px;
    cursor: text;
    text-decoration: none!important;
}

.itembox ul li a {
	display: block;
	color: #5d6367;
	text-decoration: none;
}

.itembox ul li a.last {
	color: #a6afb5;
}

.itembox ul li.last {
	background: none;
	padding: 7px 0px 7px 12px;
}

.itembox ul li.fast {
	padding-left: 0px;
	/*padding-bottom: 12px;*/
}

.itembox ul li.fast2 {
	background: none;
	padding-left: 0px;
}

.itembox ul li.fast3 {
	background: none;
}

.list_itembox.border {
	border-bottom: #e1e1e1 1px solid;
}

.submitButton {
	float: left;
	background: url(../img/search_holder/search.png) no-repeat center 14px;
	outline: 0;
	color: #fff;
	height: 44px;
	width: 47px;
	line-height: 44px;
	cursor: pointer;
	border: none;
	font-size: 0px;
	text-indent: -999px;
	text-align: center;
}

.submitButton:hover {
	background: url(../img/list_page/search_active.png) no-repeat center 14px;
}

.content_box span.pad {
	padding-left: 12px;
}

.page_tag {
	position: absolute;
	right: 0px;
	top: 0px;
}

.list_itembox.row {
	margin-left: 0;
	min-height: 36px;
}

.list_itembox.row:hover, .list_itembox.row.active {
	background: #ecf7fa;
}

.itembox_right {
	padding: 8px 0 1px 0;
}

.itembox_right ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.itembox_right ul li {
	font-family: 'Bree Serif', serif;
	background: url(../img/list_page/right_sep.png) no-repeat right center;
	float: left;
	font-size: 14px;
	display: block;
	padding: 0px 12px;
}

.itembox_right ul li.fast {
	padding-left: 0px;
}

.itembox_right ul li:last-child {
	background: none;
}

.itembox_right ul li.last {
	background: none;
}

.itembox_right ul li a {
	color: #a6afb5;
	text-decoration: none;
}

.itembox_right ul li a:hover,.itembox_right ul li a.proactive {
	color: #5d6367;
}

.itembox_right ul li a.green {
	color: #00a651;
}

.itembox_right ul li a.green:hover,.itembox_right ul li a.active {
	color: #00a651;
	text-decoration: underline;
}

.list_itembox.row:hover .itembox_right ul li a {
	color: #5d6367;
}

.list_itembox.row:hover .itembox_right ul li a.green {
	color: #00a651;
	text-decoration: underline;
}

.rangBox {
	background: #fff;
	width: 99px;
	height: 6px;
	position: relative;
	border: #5d6367 1px solid;
	border-radius: 3px;
	margin: 6px 7px 0 0;
}

.rangBox.adjust {
	width: 258px;
}

.rangcolor {
	width: 18%;
	background: #00a651;
	position: absolute;
	left: 0;
	top: 0px;
	height: 6px;
	border-radius: 3px 0px 0 3px;
}

.ie7 .rangcolor {
	top: 6px;
}

.rangcolor.width {
	width: 25%;
}

.rangcolor.width2 {
	width: 100%;
}

.rangcolor.width3 {
	width: 0%;
}
#printed_list_details {
	display: none;
}

.list_details ul {
	margin-left: 0;
	padding-left: 0;
}

.list_details ul li {
	font-family: Arial, sans-serif;
	color: #5d6367;
	background: url(/img/list_page/item_list.jpg) no-repeat left center;
	float: left;
	font-size: 15px;
	display: block;
	padding: 0px 12px 0px 12px;
}

.list_details ul li.first {
	padding-left: 0;
	background: none;
}

.suppli_bloc p {
	clear: left;
	padding-top: 7px;
}

.suppli_bloc .connect-teacher-container {
	padding-bottom: 7px;
}

/*===============wrap_popup1===================*/

.wrap_popup1 {
	background: #fff;
	padding: 0px;
	border: #e1e1e1 1px solid;
	border-radius: 3px;
	position: relative;
}

.ie7 .wrap_popup1 {
	width: 325px;
}

.popup1 {
	background: url(../img/list_page/border_top.jpg) repeat-x left top;
	padding: 29px;
}

.popup1 h2 {
	font-family: 'Bree Serif', serif;
	font-size: 18px;
	line-height: 18px;
	color: #5d6367;
	padding: 0px 0 17px 0;
	margin: 0px;
	display: block;
	font-weight: normal;
}

.popup1 h3 {
	font-family: 'Bree Serif', serif;
	font-size: 24px;
	color: #5d6367;
	padding: 0px;
	margin: 0px;
	display: block;
	font-weight: normal;
}

.popup1 small {
	font-family: 'Bree Serif', serif;
	display: block;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
	padding-top: 15px;
	color: #b7b7b7;
	height: 1%;
}

a.quantity {
	background: #fff;
	padding: 0 0 0 11px;
	width: 117px;
	display: block;
	line-height: 30px;
	height: 30px;
	font-size: 18px;
	color: #5d6367;
	border: #a6afb5 1px solid;
	border-radius: 3px;
	position: relative;
	text-decoration: none;
}

a.quantity:hover {
	text-decoration: underline;
}

a.pledge {
	font-family: 'Bree Serif', serif;
	width: 120px;
	background: #00a34f;
	line-height: 32px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	display: block;
	border-radius: 3px;
	position: relative;
	text-decoration: none;
}

a.pledge:hover {
	text-decoration: underline;
}

/*===============wrap_popup2===================*/

.wrap_popup2 {
	background: #fff;
	padding: 0px;
	border: #e1e1e1 1px solid;
	border-radius: 3px;
	position: relative;
}

.ie7 .wrap_popup2 {
	width: 430px;
}

.popup2 {
	background: url(../img/list_page/border_top2.jpg) repeat-x left top;
	padding: 29px;
}

.popup2 h2 {
	background: url(../img/list_page/popup_icon.png) no-repeat left center;
	font-family: 'Bree Serif', serif;
	font-size: 18px;
	line-height: 18px;
	color: #5d6367;
	padding: 0px 0 3px 34px;
	margin: 0px 0 16px 0;
	display: block;
	font-weight: normal;
}

.popup2 h3 {
	font-family: 'Bree Serif', serif;
	font-size: 24px;
	color: #5d6367;
	padding: 0px 0 20px 0;
	margin: 0px;
	display: block;
	font-weight: normal;
}

a.sponsar_link {
	background: url(../img/list_page/arrow4.png) no-repeat left center;
	font-size: 14px;
	color: #d55544;
	font-family: 'Bree Serif', serif;
	padding: 0 0 0 12px;
	text-decoration: none;
}

a.sponsar_link:hover {
	text-decoration: underline;
}

.school {
	padding-top: 4px;
	padding-bottom: 28px;
}

.school span {
	font-family: 'Bree Serif', serif;
	font-size: 14px;
	color: #a6afb5;
}

.school span a {
	color: #44b1d5;
	text-decoration: underline;
}

.school span a:hover {
	text-decoration: underline;
}

.popup_sponsar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.popup_sponsar ul li {
	float: left;
	margin: 10px 11px 10px 0;
}

.popup_sponsar ul li.nomar {
	margin-right: 0px;
}

a.thanks {
	background: url(../img/list_page/thanks.jpg) repeat-x left top;
	font-family: 'Bree Serif', serif;
	width: 120px;
	display: block;
	line-height: 30px;
	height: 30px;
	font-size: 18px;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	display: block;
	text-decoration: none;
	border-radius: 3px;
	position: relative;
}

/* override old CSS for list page */

.list-page ul {
	background: none !important;
}

.list-page li {
	min-height: 0 !important;
}

.pledge-button {
	height: 25px;
	text-indent: 0;
	width: auto;
	background-image: none;
}

/* non-framework styles */

.nonapp .top_box {
	height: inherit;
}

.nonapp div.gradient div.container div.content_box div.content div.bottom_contentbox div.info_list h3.fl-lt {
	clear: none;
}

/* app pages already have the right backgrounds */

#app-page .gradient, #app-page .supplies {
	background: none;
}

.nonapp .info_list h3 {
	clear: none;
}

/* END STYLE.CSS */

.visual {
	font: 16px/17px Arial, Helvetica, sans-serif;
}

#main {
	font: 16px/17px Arial, Helvetica, sans-serif;
}

a {
	color: #38bcd9;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #38bcd9;
	text-decoration: underline;
}

form {
	margin: 0;
}

input.simplebox, input.simplebox:focus,
textarea.simplebox, textarea.simplebox:focus {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-transition: none;
	-webkit-transition: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
}

select.select-style {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-transition: none;
	-webkit-transition: none;
	padding: 0;
}

ul.list-errors {
	margin: 0;
}

.info_list em {
	font-family: 'Bree Serif', serif;
	display: block;
	width: 50px;
	font-size: 15px;
	color: #a6afb5;
	font-style: normal;
	text-align: center;
}

#header {
	background: #fff;
	position: relative;
	z-index: 3;
}

.logo {
	background: no-repeat;
	width: 301px;
	height: 92px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 -20px -19px;
}

.logo a {
	height: 100%;
	display: block;
}

.inner-page .logo {
	background: url(../img/logo-inner.png) no-repeat;
	width: 301px;
	height: 72px;
	margin: 0 0 0 -19px;
}

.bttn {
	margin: .875em 0.9375em 0 0;
	display: block;
	float: left;
	width: 122px;
	padding: .75em 0 0; /* 12px 0 0 */
	height: 34px;
	text-align: center;
	background: url('/img/global/button_header.png') 0 0 no-repeat;
	font-family: 'Bree Serif', serif;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .35);
	font-size: 1.125em; /*18px */
}

.bttn:hover {
	background-position: 0 -46px;
	text-decoration: none;
}

.bttn:active {
	padding-top: 0.8125em;
	height: 33px;
	background-position: bottom;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

.bttn {
	padding-top: .8125em;
	height: 33px;
}

.bttn:active {
	padding-top: .875em;
	height: 32px;
}

}

#app-page .logo,
#upload-page .logo,
#dashboard-page .logo {
	background: url(../img/global/logo-img.png) no-repeat;
	width: 30px;
	height: 35px;
	margin: 0 10px 10px 0;
}

#app-page #page-container {
	/*background: transparent url('/img/global/bg_body_gradient.png') 0 0 repeat-x;*/
}

#app-page #content_wrapper {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}

#dashboard-page #page-container {
	background: #f0efed 0 0 repeat-x;
}

#dashboard-page #content_wrapper,
#dashboard-page #app_wrapper {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}

#content_wrapper {
	padding: 20px 0 35px;
/* bottom padding for footer */
}

#content_wrapper._ {
	padding: 0px;
}

#app-page #app_wrapper {
	max-width: 960px;
	margin: 45px auto;
	position: relative;
}

.navbar-inner {
	float: left;
	background: none;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 22px;
	min-height: 22px;
}

.navbar .nav > li {
	background: url(../img/sep-nav.png) no-repeat 0 50%;
	font: 16px/22px 'Bree Serif', serif;
	padding: 0 14px;
	position: static;
}

.navbar .nav > li>a {
	color: #5d6367 !important;
	padding: 0 17px 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	position: relative;
}

.navbar .nav > li.open > a:after,
.navbar .nav > li.active > a:after {
	content: "";
	position: absolute;
	background: url(../img/drop-arrow.png) no-repeat;
	width: 19px;
	height: 13px;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	bottom: -13px;
	right: -4px;
	z-index: 9999;
}

.navbar .nav > li:first-child {
	background: none;
}

.dropdown-toggle {
	background: url("../img/arrow.png") no-repeat scroll 100% 10px transparent;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
	background: url(../img/arrow.png) no-repeat 100% 10px;
}

/*.dropdown-menu {
	background: #52c2de url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYzJkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjlhYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: linear-gradient(to bottom,  #52c2de 0%,#2f9ac8 100%);
	border: 0;
	padding: 10px;
	margin: 12px 0 0 -30px;
	font: 14px/17px Arial, Helvetica, sans-serif;
	color: #5d6367;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}*/

.navbar .nav li.dropdown.last-child.open .dropdown-menu {
	left: auto;
	right: 0;
	margin-right: -20px;
}

.dropdown-menu .drop-holder {
	background: #fff;
	overflow: hidden;
}

.nav-collapse .dropdown-menu .btn-holder a {
	font: 18px/20px 'Bree Serif';
	padding: 0 20px 0 0;
	display: inline-block;
	vertical-align: top;
	background: url(../img/arrow-more.png) no-repeat 100% 50%;
	text-decoration: none;
}

.dropdown-menu .btn-holder {
	padding: 6px 20px;
	background: #f4f4f4;
}

.add-nav {
	float: right;
	margin: 0;
	padding: 16px 0 0;
	list-style: none;
	font-size: 11px;
	line-height: 18px;
}

.add-nav li a {
	color: #5d6367;
	padding: 3px 0 0 9px;
	background: url(../img/bullet-add-nav.png) no-repeat 0 50%;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.add-nav li {
	line-height: 15px;
}

.add-nav li a:hover {
	text-decoration: underline;
}

.navbar {
	margin-bottom: 0px;
}

.zip-form {
	padding: 20px 19px 18px;
	margin: 0;
	font: 16px/20px Arial, Helvetica, sans-serif;
	color: #5d6367;
}

.zip-form label {
	display: block;
	font-weight: bold;
	margin: 0 0 10px;
	font-size: 16px;
}

.zip-form  .inp-holder:after {
	content: "";
	clear: both;
	display: block;
}

.zip-form .inp, .search-schools-form .inp {
	float: left;
	border: 4px solid #fff;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	margin: 0 13px 0 -3px;
	position: relative;
}

.zip-form h3 {
	display: block;
	font-weight: bold;
	margin: 0 0 10px;
	font-size: 16px;
	padding: 0;
	color: #5D6367;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.zip-form label.zip-input {
	font-size: 16px;
	color: #959595;
	position: absolute;
	top: 6px;
	left: 12px;
	cursor: text;
}

.search-schools-form input[type="text"], .zip-form input[type="text"] {
	margin: 0;
	border: 3px solid #44b1d5;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 3px 10px;
	color: #959595;
	font-size: 18px;
	line-height: 20px;
	/*height:20px;*/
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
	width: 184px;
	float: left;
}

.search-schools-form input[type="submit"], .zip-form input[type="submit"] {
	background: #52c2de url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYzJkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjlhYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: linear-gradient(to bottom,  #52c2de 0%,#2f9ac8 100%);
	width: 80px;
	font: bold 18px/32px Arial, Helvetica, sans-serif;
	color: #fff;
	height: 32px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0;
}

.zip-form .inp-btn {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 4px solid #fff;
	float: left;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
	display: none;
}

.navbar .post-holder {
	width: 368px;
	padding: 8px 10px 10px;
}

.navbar .post-holder .post {
	overflow: hidden;
	border-top: 1px solid #f4f4f4;
	padding: 12px 60px 4px 10px;
	position: relative;
	line-height: 20px;
}

.navbar .post-holder .post:first-child {
	border-top: 0;
}

.navbar .post img {
	float: left;
	margin: 3px 10px 0 0;
}

.navbar .post .btn-more {
	background: url(../img/btn-more.png) no-repeat;
	width: 21px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 12px;
	text-indent: -9999px;
	overflow: hidden;
}

.navbar .post .title {
	display: block;
	font-size: 16px;
	line-height: 18px;
}

.navbar .post .title a {
	color: #5d6367;
	text-decoration: none;
}

.navbar .post .title a:hover {
	text-decoration: underline;
}

.navbar .post .text-holder {
	overflow: hidden;
}

.nav-tabs {
	margin: 0;
	/*border-right:1px solid #e1e8ed;*/
	float: left;
	width: 270px;
	border-bottom: 0;
}

.tab-holder {
	overflow: hidden;
	padding: 10px 10px 10px 20px;
	width: 280px;
}

.navbar .tab-content {
	float: left;
	width: 150px;
	padding: 15px 0 0 10px;
}

.nav-tabs li {
	overflow: hidden;
	border: 0;
	float: none;
	font-size: 14px;
	line-height: 19px;
	padding: 10px 0 8px !important;
}

.nav-tabs li a {
	display: block;
	border: 0 !important;
	text-decoration: none;
	color: #5d6367 !important;
	padding: 0;
	line-height: 19px;
}

.nav-tabs li a:hover {
	color: #F1C5BF !important;
}

.nav-tabs li a img {
	float: left;
	margin: 3px 10px 0 0;
}

.nav-tabs li a .title {
	font-size: 16px;
	display: inline-block;
}

.nav-tabs li a .text {
	display: block;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
	color: #5d6367;
}

.nav-tabs .text-holder {
	overflow: hidden;
	display: block;
}

.nav-tabs > .active > a .title,
.nav-tabs > .active > a:hover .title,
.nav-tabs > .active > a:focus .title {
	color: #44b1d5;
	padding: 0 23px 0 0;
	background: url(../img/arrow-more.png) no-repeat 100% 50%;
}

.tab-holder .link-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tab-holder .link-list li {
	list-style: none;
	font-size: 12px;
	line-height: 16px;
}

.tab-holder .link-list li a {
	color: #5d6367;
	text-decoration: none;
	font-weight: bold;
}

.visual {
	background: #cc331e url(../img/bg-visual.png) repeat-x 50% 0;
	padding: 53px 0 20px;
	text-align: center;
	height: 369px;
	margin: 0 0 40px;
	position: relative;
}

.visual:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: url(../img/visual-shadow.png) repeat-x;
	height: 34px;
	width: 100%;
}

.visual h1 {
	font: 36px/42px 'Bree Serif', serif;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	padding: 0 63px;
	position: relative;
	text-shadow: 0 5px 4px rgba(0, 0, 0, 0.3);
	margin: 0 0 49px;
}

.visual h1:after,
.visual h1:before {
	background: url(../img/bg-rays.png) no-repeat;
	width: 43px;
	height: 68px;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -28px;
	left: 0;
}

.visual h1:before {
	background-position: 0 -68px;
	left: auto;
	right: 0;
}

.visual .box {
	display: inline-block;
	vertical-align: top;
	width: 290px;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	margin: 0 44px 0 32px;
}

.visual .box h2 {
	font: 22px/26px 'Bree Serif', serif;
	margin: 0;
	padding: 0 0 16px;
}

.visual .box .img-box {
	height: 138px;
	overflow: hidden;
	margin: 0 0 -8px;
}

.visual .box .img-box img {
	vertical-align: top;
}

.do-not-return, .return-to-list {
	color: #ffffff;
	border: 1px solid #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 2px #666666;
	display: block;
	height: 30px;
	width: 120px;
	padding-top: 14px !important;
}

.do-not-return {
	float: right !important;
	margin: 0 46px 0 25px;
	background-color: #a6a6a6;
	/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a6a6', endColorstr='#c2c2c2');
	/* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#c2c2c2));
	/*for webkit browsers */
	background: -moz-linear-gradient(top,  #a6a6a6,  #c2c2c2);
	/*for firefox 3.6+ */
}

.do-not-return:hover {
	background-color: #d8d8d8;
	/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#b9b9b9');
	/* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#b9b9b9));
	/*for webkit browsers */
	background: -moz-linear-gradient(top,  #d8d8d8,  #b9b9b9);
	/*for firefox 3.6+ */
}

.do-not-return:active {
	background-color: #c2c2c2;
	/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2c2', endColorstr='#a6a6a6');
	/* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#c2c2c2), to(#a6a6a6));
	/* for webkit browsers */
	background: -moz-linear-gradient(top,  #c2c2c2,  #a6a6a6);
	/* for firefox 3.6+ */
}

.return-to-list {
	margin: 0 25px 0 46px;
	background-color: #b6483a;
	/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6483a', endColorstr='#d55544');
	/* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#b6483a), to(#d55544));
	/* for webkit browsers */
	background: -moz-linear-gradient(top,  #b6483a,  #d55544);
	/* for firefox 3.6+ */
}

.return-to-list:hover {
	background-color: #d55544;
	/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d55544', endColorstr='#b6483a');
	/* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#d55544), to(#b6483a));
	/* for webkit browsers */
	background: -moz-linear-gradient(top,  #d55544,  #b6483a);
	/* for firefox 3.6+ */
}

.return-to-list:active {
	background-color: #ed5f4c;
	/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed5f4c', endColorstr='#cb5041');
	/* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ed5f4c), to(#cb5041));
	/* for webkit browsers */
	background: -moz-linear-gradient(top,  #ed5f4c,  #cb5041);
	/* for firefox 3.6+ */
}


#main {
	margin-bottom: 66px;
}

.article-box img {
	display: block;
	border: 1px solid #c8d1d4;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin: 0 0 17px;
}

.article-box h2 {
	font: 18px/26px 'Bree Serif', serif;
	margin: 0 0 11px;
}

.article-box {
	font-size: 16px;
	line-height: 20px;
}

.article-box a {
	font-size: 12px;
	color: #932010;
	text-decoration: underline;
}

.article-box a:hover {
	text-decoration: none;
}

.article-box blockquote {
	margin: 0;
	padding: 0;
	border: 0;
}

.article-box blockquote q {
	display: block;
	margin: 0 0 5px;
}

.article-box blockquote q:after,
.article-box blockquote q:before {
	content: "“";
	font: 32px Arial, Helvetica, sans-serif;
	line-height: 20px;
	position: relative;
	top: 5px;
	display: inline-block;
	vertical-align: top;
}

.article-box blockquote q:after {
	content: "”";
}

.article-box blockquote cite {
	display: block;
	font-size: 14px;
	line-height: 17px;
}

.article-box p {
	margin: 0 0 10px;
}

.special-box {
	border-bottom: 2px solid #e36756;
	border-top: 1px solid #e36756;
	background: #d55544 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1NTU0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTE1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: linear-gradient(to bottom,  #d55544 0%,#c51500 100%);
	color: #fff;
	padding: 16px 0;
}

.special-box.blue {
	border-bottom: 2px solid #3f95d4;
	border-top: 1px solid #3f95d4;
	background: #3072a2; /* Old browsers */
	background: -moz-linear-gradient(top, #3987bf 0%, #2d6a96 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3987bf), color-stop(100%,#2d6a96)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3987bf 0%,#2d6a96 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3987bf 0%,#2d6a96 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3987bf 0%,#2d6a96 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3987bf 0%,#2d6a96 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3987bf', endColorstr='#2d6a96',GradientType=0 ); /* IE6-9 */
}

.special-box a {
	color: #f2bc00;
	text-decoration: none;
}

.special-box p {
	margin: 0;
}

.special-box a:hover {
	text-decoration: underline;
}

.img-visual {
	margin: 0 0 39px;
}

.img-visual img {
	display: block;
	width: 100%;
	height: auto;
}

#content h1 {
	color: #d55544;
	font: 32px/38px 'Bree Serif', serif;
	margin: 0 0 5px;
}

#content h2 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 13px;
	font-weight: normal;
}

#content h3 {
	font-size: 14px;
	line-height: 17px;
	margin: 0;
	font-weight: normal;
}

#content p {
	margin: 0 0 17px;
}

#content .section {
	border-top: 1px solid #b7b7b7;
	padding: 35px 0 40px;
}

#content .section:first-child {
	border: 0;
}

#sidebar {
	font-size: 12px;
	line-height: 14px;
}

#sidebar .widget {
	margin: 0 0 28px;
}

#sidebar h3 {
	font: 14px/17px 'Bree Serif', serif;
	margin: 0 0 8px;
}

#sidebar a {
	color: #d55544;
	text-decoration: none;
}

#sidebar p {
	margin: 0 0 5px;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar .widget img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 12px;
	border: 1px solid #c8d1d4;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#sidebar .widget.sub-nav {
	border: 4px solid #fff;
	margin: 0 -4px 28px;
	background: #f4fafc;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 11px 20px 21px;
	-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);
}

#sidebar .widget.sub-nav h3 {
	font-size: 16px;
	line-height: 20px;
}

#sidebar .widget.sub-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar .widget.sub-nav ul a {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 13px;
	background: url(../img/bullet-subnav.png) no-repeat 0 6px;
}

.header-divider,
.footer-divider {
	border-top: 4px solid #fff;
	border-bottom: 4px solid #c6503c;
}

#app-page .footer-divider {
	display: none;
}

#footer {
	/*border: 1px solid #c8d1d4;*/
	background: #f6fbfe;
	padding: 18px 0 0;
}

#footer .copy {
	font: 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #acacac;
	text-align: right;
}

#footer .copy p {
	margin: 0;
}

#footer .cred {
	border-top: 1px solid #cad3d6;
	background: transparent;
	text-align: right;
	padding: 16px 0 18px;
	cursor: default;
	clear: both;
}

#footer .cred ul li{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-left: 10px;
	padding-top: 15px;
}

#footer .cred ul li img{
	display: block;
	margin: auto;
}

#footer .cred ul li span {
	max-width: 108px;
	display: inline-block;
	font: 11px/13px Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: #58595b;
}

#footer .meta {
	border-top: 1px solid #cad3d6;
	background: #fff;
	font: 12px/14px Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: #58595b;
	text-align: left;
	padding: 20px 3% 18px;
}

#footer .meta p{
	display: inline-block;
	margin: 0 30px 8px 0;
	line-height: 1.4em;
}

#footer .meta a{
	display: inline-block;
	color: inherit;
	padding-bottom: 5px;
	color: #898989;
}

#footer .meta span{
	color: inherit;
	display: inline;
	padding: 0 9px;
}


#footer .top-holder {
	overflow: hidden;
	font: 13px/18px Helvetica, Arial, Verdana, sans-serif;
	padding: 0 0 12px;
}

.footer-nav {
	padding: 0;
	list-style: none;
	float: left;
}

.footer-nav a {
	color: #898989;
	text-decoration: none;
}

.footer-nav>li {
	float: left;
	width: 160px;
	padding: 0 5px 0 0;
}

.footer-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-nav ul li {
	float: none;
	width: auto;
	line-height: 18px;
	padding-bottom: 6px;
}

.footer-nav .ttl {
	display: block;
	font: 15px/18px 'Bree Serif', serif;
	color: #064369;
	margin: 0 0 7px;
}

.follow-box {
	float: right;
	text-align: right;
}

#footer .social {
	margin: 0 0 108px;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: top;
}
#footer .social span {
	font: 15px/18px 'Bree Serif', serif;
	color: #064369;
	display: inline-block;
	vertical-align: top;
	float: left;
	margin: 0 12px 0 0;
}

#footer .social li {
	float: left;
	margin: 0 0 0 9px;
	text-align: left;
}

#footer .social li a {
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
}

#footer .social li.facebook a {
	background: url(../img/ico-social.png) no-repeat;
}
#footer .social li.pinterest a {
	background: url(/img/pinterest_icon-32x32.png) no-repeat;
}
#footer .social li.twitter a {
	background: url(../img/ico-social.png) no-repeat -41px 0;
}
#footer .social li.google a {
	background: url(../img/ico-social.png) no-repeat -81px 0;
}

#footer .social li.mail a {
	background: url(../img/ico-social.png) no-repeat -122px 0;
}

.sponsors {
	overflow: hidden;
}

.sponsors span {
	float: left;
	font: 11px/13px Helvetica, Verdana, Geneva, Arial, sans-serif;
	color: #58595b;
	margin: 18px 0 0;
	text-align: left;
	width: 80px;
}

.sponsors ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

.sponsors ul li {
	float: left;
	margin: 0 0 0 11px;
}
/* flat-ui variant  */
#footer.flat {
	margin: 0;
    padding-top: 70px;
    background: #fff;
    font: bold 12px/1.2em Lato, Arial, Helvetiva, sans-serif;
    color: #000;
}
#footer.flat .footer-nav {
    width: 72%;
    float: none;
    vertical-align: top;
    display: inline-block;
}
#footer.flat .footer-nav .ttl {
    color: #000;
    font-size: 17px;
    margin-bottom: 13px;
}
#footer.flat .footer-nav > li {
    padding: 0;
    width: 25%;
}
#footer.flat .footer-nav > li.col1 {
    width: 22%;
}
#footer.flat .footer-nav > li.col2 {
    width: 28%;
}
#footer.flat .footer-nav ul li {
    padding-bottom: 4px;
}
#footer.flat .footer-nav a {
    font: inherit;
    font-family: Lato, Arial, Helvetica, sans-seif;
    color: #000;
    font-weight: bold;
}
#footer.flat .footer-nav a:hover {
    text-decoration: underline;
}
#footer.flat .logo-box {
    display: inline-block;
    float: right;
    width: 31%;
    max-width: 260px;
}
#footer.flat .logo-box p {
    display: block;
    font: 15px/18px 'Bree Serif', serif;
    float: none;
    text-align: left;
}
#footer.flat .logo-box .logo-top {
    padding: 0 0 28px;
    border-bottom: 1px solid #000;
}
#footer.flat .logo-box .logo-top ul li {
    max-width: 49%;
    display: inline-block;
    padding-right: 6%;
    box-sizing: border-box;
}
#footer.flat .logo-box .logo-top ul > li a {
    padding-top: 11px;
    display: inline-block;
    max-width: 100%;
}
#footer.flat .logo-box .cred {
    text-align: left;
}
#footer.flat .cred ul li {
    margin-left: 0;
    margin-right: 10%;
    max-width: 38%
}
#footer.flat .cred ul li span {
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
}
#footer.flat .meta {
    padding: 20px 0;
    font: inherit;
    color: #000;
    border-top: 1px solid #000;
    font-size: 11px;
    margin-top: 30px;
}
#footer.flat .meta a {
    color: inherit;
}

.content_box #post_item_actions .buy-container {
	display:none;
}

@media (max-width: 980px) {
	#footer {
		margin-bottom: 135px !important;
	}
	.content_box .buy-container #sticky-container {
		display: none;
	}

	.post_item_actions .buy-container strong {
    display: block;
	}

	.buy-container strong.text-danger {
			display: block;
			margin-bottom: 5px;
	}

	.buy-container .buy-button {
			margin-right: 2px;
			margin-bottom: 5px;
	}
	.content_box #post_item_actions .buy-container {
		display:block;
	}

	.mobile-buy-container #sticky-footer {
		background:#fff;
		display: block;
		position: fixed;
		z-index:1000000;
		border-top:1px #8a8a8a solid;
		padding:20px;
		margin-top:20px;
		margin-left:-5px;
		bottom: 0;
		left: 0;
		width: 90%;
	}

	.mobile-buy-container #sticky-footer .buy-button {
		background:#fff;
		margin-right: 0 !important;
		margin: 20px 0 0 5px;
		padding: 0
	}

	.mobile-buy-container #sticky-footer .buy-button img {
		height: 43px;
		width: 97px;
	}

    #footer.flat {
        padding-left: 20px;
        padding-right: 20px;
    }
    #footer.flat .footer-nav,
    #footer.flat .logo-box{
        float: none;
		display: block;
        box-sizing: border-box;
        padding: 0;
    }
	#footer.flat .footer-nav{
		width: 66%;
	}
    /*#footer.flat .logo-box {
		width: 33%;
        float: right;
    }*/
    #footer.flat .footer-nav > li {
		float: left;
        margin-bottom: 20px;
    }
    #footer.flat .footer-nav > li.col1 {
		width: 40%;
    }
    #footer.flat .footer-nav > li.col2 {
		width: 60%;
    }
    #footer.flat .logo-box .logo-top ul li,
    #footer.flat .cred ul li {
        max-width: 130px;
        padding-right: 0;
        margin-right: 0;
        margin-top: 9px;
        display: block;
    }
    #footer.flat .cred ul li {
        max-width: 90px;
    }
}

@media (max-width: 480px) {
    #footer.flat .footer-nav,
    #footer.flat .logo-box{
        width: 50%;
    }
    #footer.flat .footer-nav {
        float: left;
    }
    #footer.flat .logo-box{
        float: right;
        clear: right;
    }
    #footer.flat .footer-nav > li {
        margin-bottom: 20px;
		float:none;
		width:100%;
    }
	#footer.flat .footer-nav > li.col1,
	#footer.flat .footer-nav > li.col2 {
		width: 100%;
	}
}

@media (min-width: 980px) {

.dropdown-menu {
	left: -9999px;
	/*display: block;*/
}

.open > .dropdown-menu,
	.active> .dropdown-menu {
	left: auto;
}

.open.active> .dropdown-menu {
	left: -9999px;
}

}

@media (max-width: 979px) {

/* dashboard tabs section */
.dashboard-top-bar-navigation-wrap #referral_button {
	margin-top: 10px;
	height: 30px;
	margin: -10px 0 0 0;
	padding-top: 14px;
	border-radius: 12px 12px 0 0;
}
.dashboard-top-bar-navigation-wrap {
	background: none repeat scroll 0 0 #FFFFFF;
    display: table;
    float: left;
    margin: 6px 6px 20px;
    padding: 15px 0 0;
    width: 98%;
	border-bottom: 1px solid #ccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}
	.dashboard-top-bar-navigation-wrap li {
		float:left;
		padding:0;
		background:none;
		margin:-10px 0 0 0px;
		border-radius: 14px 14px 0 0;
		max-width: 19.5%;
	}

	#referral_button,
	.dashboard-top-bar-navigation-wrap li {
		/* box-shadow: 2px 2px 7px #666 !important; */
	}
		.dashboard-top-bar-navigation-wrap li:first-child {}
		.dashboard-top-bar-navigation-wrap li a {
			display:table-cell;
			vertical-align:middle;
			font-size:12px;
			line-height: 12px;
			width:auto;
			height:48px;
			padding:0 5px;
			border-radius:12px 12px 0 0;
			border: 1px solid #ccc;
			border-bottom-color: #f2f2f2;
			color: #666;
			background: #f2f2f2; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

		}
			.dashboard-top-bar-navigation-wrap .dashboard-tab-selected a {
				background:#44b1d5;
				background: -moz-linear-gradient(top,  #afcbd3 0%, #44b1d5 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afcbd3), color-stop(100%,#44b1d5)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #afcbd3 0%,#44b1d5 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #afcbd3 0%,#44b1d5 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #afcbd3 0%,#44b1d5 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #afcbd3 0%,#44b1d5 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afcbd3', endColorstr='#44b1d5',GradientType=0 ); /* IE6-9 */

			}

			.dashboard-info-bg-left, dashboard-info-bg-right {
				background: #44B1D5;
			}


}

@media (min-width: 768px) and (max-width: 979px) {

.dashboard {
	padding: 0 10px;
}

.dashboard-search-form, .dashboard-search {
	width: 100%;
}


.sponsors span {
	display: none;
}

.add-nav {
	float: left;
	margin: 0 0 0 40px;
}

.navbar {
	float: right;
}

.navbar .nav > li {
	background: none;
	padding: 0;
}

.nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus {
	background-color: transparent;
}

.navbar-inner {
	width: 300px;
	padding: 20px 0;
}

.navbar .post-holder {
	width: auto;
}

.navbar .nav > li.open > a:after {
	display: none;
}

.nav-collapse .dropdown-menu {
	margin: 0;
	text-indent: 0;
}

.navbar .post-holder {
	padding: 0;
}

.tab-holder {
	width: auto;
	padding: 0;
}

.navbar .btn-navbar {
	margin: 0;
}

.zip-form input[type="text"] {
	width: 130px;
}

.nav-tabs {
	width: 175px;
}

.navbar .tab-content {
	padding: 15px 0 0 5px;
	width: 115px;
}

.nav-collapse .dropdown-menu a {
	padding: 0;
}

}

@media (max-width: 900px) and (min-width: 768px) {
	.sidebar.contact-sidebar {
		width: 29%;
	}
}
@media (max-width: 767px) {

.dashboard-search-form, .dashboard-search {
	width: 100%;
}

/*********************************
 * @contact mobile
 *********************************/
/* @contact */
	.contact-sidebar {padding:0 10px;display:none;}
		.contact-sidebar a {display:none;}
		.contact-address {float:none;width:65%;padding:10px 0;margin:0 auto;}
	.page.contact {min-height:100%;margin:12px 0 0;padding:0;width:auto;}
		.contact h2 {padding:0 0 5px;background:none;text-align:center;font-size:30px;}
			.contact h2 br {display:none;}
			.contact form .repeat {background:none;padding:10px;}
			.contact form .blue-con {margin:0;padding:10px 5px;width:auto;}
			.contact form .blue-con div {padding:0 0 10px;}
				h5 {font-size:14px;padding:0 0 6px 7px;}
				percent20, .percent30, .percent40, .percent50, .percent60, .percent100 {
					width:20% !important;
					box-sizing:border-box;
					-moz-box-sizing:border-box;
					-webkit-box-sizing:border-box;
					padding:0 5px !important;
				}
					.percent30 {width:30% !important;}
					.percent40 {width:40% !important;}
					.percent50 {width:50% !important;}
					.percent60 {width:60% !important;}
					.percent100 {width:100% !important;}
					.contact p {width:100%;padding:0;}
					.contact label {top:10px;left:15px;font-size:13px;}
					.contact input, .contact textarea, #email, #temail, #phone, #zip, #comments {
						background:#fff;
						height:auto;
						width:auto;
						padding:6px 10px 5px;
						font-size:13px;
						width:100%;
						display:block;
						box-sizing:border-box;
						-moz-box-sizing:border-box;
						-webkit-box-sizing:border-box;
						border:#fff solid 3px;
						border-radius:4px;
						box-shadow:0px 0px 5px rgba(0, 0, 0, .25), inset 1px 1px 3px rgba(0, 0, 0, .3);
						-webkit-appearance:none;
					}
					.contact select, #notify-select {
						margin:0;
						width:100%;
						box-sizing:border-box;
						-moz-box-sizing:border-box;
						-webkit-box-sizing:border-box;
					}
					.contact .bg-textarea {
						width: inherit;
					}
					.contact select, .contact option {font-size:16px;color:#333;cursor:pointer;}
						.contact .state select {width:220px;margin:0 0 0 6px;}
					.contact textarea {min-height:150px;}
			.contact form .bottom {background:none;padding:0;}
					#submit {margin:0 auto;float:none;}

/*********************************
 *	@login mobile
 *********************************/
.login-page {
	margin:12px 0 0;
	padding:90px 10px 40px;
	width:auto;
	height:auto;
	background:none;
}
	.login-page-content {}
		.login-page-content h2 {font-size:18px;padding:0 0 9px;}
		.login-page-content p {font-size:13px;color:#363636;}
		.login-page-content img {position:static;}
	.login-page-form {max-width:360px;float:none!important;margin:auto;}
		.login-page-form h1 {font-size:18px;padding:0 0 12px;}
		.login-page-form h3 {padding:0 0 10px;}
		.login-page-form p {margin:0 0 10px;}
			.login-page-form label {top:12px;left:12px;}
			.login-page-form p input {
				height:auto;
				width:100%;
				padding:6px 12px;
				background:#f9f9f9;
				box-sizing:border-box;
				-moz-box-sizing:border-box;
				-webkit-box-sizing:border-box;
				border:3px solid #fff;
				border-radius:6px;
				box-shadow:0px 0px 5px rgba(0, 0, 0, .35);
			}
		.forgot-password-p {float:left;}
			.login-page-forgot-password {padding:0;font-size:14px;}
		.login-page-form-submit, #submit {box-shadow:none !important;padding-top:0px !important;height:61px !important;}
		.login-page-forgot-submit, .reset-password-button, #submit {box-shadow:none;}

	.login-page-account {display:none;}
		/*.forgot-panel {padding:10px 0 0;}*/
			.login-page-form .forgot-panel h1 {padding-bottom:8px;}
		.thanks-panel {padding:80px 0 0;}
			.thanks-panel h1 {text-align:center;font-size:50px;padding-bottom:10px;}
			.thanks-panel h3 {text-align:center;width:220px;margin:0 auto;}
			.login-page-thanks {margin:0 auto;}
		p.errors {
			font-size:13px;
			font-weight:bold;
			padding:7px 12px 8px;
			background:#f4d0d0;
			color:#b32525;
			margin:0 0 4px;
		}
#reset-password-field {height:55px;}
#reset-password-confirm {height:55px;}

/**************************************
 * @dashboard mobile
 *************************************/
 /* disable sidebar */
._users_dashboard .side_box,
._users_dashboard_ .side_box {
	display: none;
}
._users_dashboard .content_box,
._users_dashboard_ .content_box {
	margin-right: auto !important;
}
/* display the other sidebar (below .content_box) */
._users_dashboard .side_box.mobile_copy,
._users_dashboard_ .side_box.mobile_copy {
	display: block;
	float: none;
	margin: 15px auto;
}
 /* wrap list actions */
.dashboard-list-grid li {
	max-width: 100% !important;
}
.dashboard-list-actions {
	max-width: 100%;
}
.dashboard-list-actions a {
	margin: 3px !important;
}
.dashboard-list-actions p.dashboard-list-update {
	margin-top: 6px;
}
.dashboard-list-actions br[clear="both"] {
	clear: none;
}
.dashboard-list-actions {display:none;}
.desktop-link {display:none !important;}
.mobile-link {display:block !important;}

.header {
    padding: 7px 5px 0;
}

.footer-nav {
	padding: 0 5px;
}

.e404-page {}
	.e404-con, .e404-top, .e404-content, .e404-bottom {background:none;height:auto;width:auto;padding:0;}
		.e404-page h1 {font-size:30px;line-height:1.3em;padding:0 0 10px;}
		.e404-page h3 {font-size:18px;padding:0 50px 20px;}
		.e404-content p {background:#f1f1f1;padding:14px 40px;}


.add-nav {
	float: left;
	margin: 0;
}

.navbar {
	float: right;
}

.navbar .nav > li {
	background: none;
	padding: 0;
}

.nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus {
	background-color: transparent;
}

.navbar-inner {
	width: 300px;
	padding: 20px 0;
}

.navbar .post-holder {
	width: auto;
}

.navbar .nav > li.open > a:after,
	.navbar .nav > li.active > a:after {
	display: none;
}

.nav-collapse .dropdown-menu {
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	outline: none;
	background: none;
	border: 0;
}

.nav-collapse .dropdown-menu div,
	.nav-tabs li a {
	background: none !important;
}

.navbar .post-holder {
	padding: 0;
}

.tab-holder {
	width: auto;
	padding: 0;
}

.navbar .btn-navbar {
	margin: 0;
}

.zip-form input[type="text"] {
	width: 130px;
}

.nav-tabs {
	width: 175px;
}

.navbar .tab-content {
	padding: 15px 0 0 5px;
	width: 115px;
}

.nav-collapse .dropdown-menu a {
	padding: 0;
}

.logo,
	.inner-page .logo {
	float: none;
	display: block;
	margin: 0 auto;
}

#header {
	padding: 0 10px;
	margin: 0 -10px 10px;
}

.visual {
	background-image: none;
	padding: 10px;
	margin: 0 -10px 20px;
	height: auto;
}

.visual .box {
	display: block;
	margin: 0 0 20px;
	width: auto;
}

.visual h1:after,
	.visual h1:before {
	display: none;
}

.visual h1 {
	margin: 0 0 20px;
	font-size: 24px;
	line-height: 30px;
	padding: 0;
}

#footer {
	margin: 0 -10px;
	padding: 9px;
}

.footer-nav {
	margin: 0 0 10px;
	float: none;
}

.footer-nav > li {
	float: none;
	width: auto;
	padding-left: 3%;
	padding-bottom: 5px;
}

#footer .social {
	margin: 0 0 10px;
}

#footer .social span {
	margin-top: 6px;
}

.sponsors span {
	float: none;
	display: block;
	text-align: center;
	width: auto;
}

.sponsors ul {
	float: none;
	text-align: center;
}

.sponsors ul li {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}

#footer .cred,
#footer .meta,
#footer .copy {
	text-align: center;
}

#footer .meta p{
	margin-left: 20px;
	margin-right: 20px;
}

.special-box {
	margin: 0 -10px;
	padding: 15px 10px;
}

.navbar .nav li.dropdown.last-child.open .dropdown-menu {
	margin: 0;
}


/**************************************
 * @list create mobile
 *************************************/

	.list-detail-header { /* disable header row */
		display: none;
	}
	.list-detail { /* allow space for three bars indicating drag & drop */
		padding-left: 40px;
		position: relative;
	}

	#listDetailRow .list-detail .remove-container {
		position: absolute;
		right: 3%;
		top: -4px;
		width: 20px;
	}

	#listDetailRow .list-detail input#quantity {
		margin-left: 0 !important;
	}

}

@media (max-width: 580px) {
	.dashboard-top-bar-navigation-wrap {
		/* background: #fbfbfb; */
	}
	.dashboard-top-bar-navigation-wrap ul {
		width: 66%
	}
	.dashboard-top-bar-navigation-wrap #referral_button {
		width: 33%;
		text-align: center;
		padding: 12px 0 6px;
		line-height: 24px;
	}
	.dashboard-top-bar-navigation-wrap li {
		width: 50%;
		max-width: 100%;
	}
		.dashboard-top-bar-navigation-wrap li a {
			width: 100%;
			display: block;
			height: 36px;
			padding: 12px 0 0;
		}
		.dashboard-top-bar-navigation-wrap .dashboard-tab-selected a {
			border: 1px solid #E4E4E4;
		}
}
@media (max-width: 380px) {
	.dashboard-top-bar-navigation-wrap ul {
		width: 75%
	}
	.dashboard-top-bar-navigation-wrap #referral_button {
		width: 49%
	}
	.dashboard-top-bar-navigation-wrap li {
		width: 100%;
	}
}

/* SFM */

ul.search-list-type-school {
	margin: 0 0 10px 0 !important;
}

.search-results-top h1 {
	margin: 0;
	font-family: 'Bree Serif',serif;
	font-weight: normal;
}

.supplies {
	background: url("/img/global/bg_body_supplies.png") no-repeat scroll center 0px transparent;
}

.gradient {
	background: url("/img/global/bg_container_gradients_boot.png") repeat-x scroll 0 0 transparent;
	height: auto !important;
	min-height: 100%;
	position: relative;
}

.search-results-content li.selected {
	background-position: 9px 18px !important;
}

a.find-your-list-cancel {
	cursor: pointer;
}

.search-box label {
	position: absolute;
	z-index: 1;
	top: 30px;
	left: 25px;
	cursor: text;
	color: #959595;
}

.search-input {
	background: url('/img/global/bg_input_search.png') 0 0 no-repeat;
	width: 316px;
	height: 76px;
	padding: 0 25px;
}

/* @addthis */

.addthis-home-share {
	width: 600px;
	margin: 0 auto;
	position: relative;
}

.addthis_toolbox, .custom-share-links {
	display: inline-block;
}

.custom-share-links {
	position: relative;
	top: -16px;
}

.custom-share-links a {
	display: inline-block;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 19px;
	text-indent: -9999px;
}

.custom-share-email {
	background-image: url('/img/global/addthis_button_email.png');
	width: 59px;
	margin: 0 30px;
}

.custom-share-embed {
	background-image: url('/img/global/addthis_button_embed.png');
	width: 65px;
}

.custom-share-links a span {
	display: none;
}

.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
	float: left;
	height: 18px;
	margin: 0 0 12px;
	padding: 0;
}

.addthis-whats-this {
	text-align: center;
	font-size: 16px;
	color: #44b1d5;
	font-family: 'Bree Serif', serif;
	font-weight: normal;
	cursor: pointer;
}

.addthis-whats-this:hover {
	text-decoration: underline;
}

.addthis-whats-this-drop-down .create-list-info p {
	background-position: 0 58%;
	background-repeat: no-repeat;
	padding: 6px 0 5px 100px;
	font-size: 14px;
	line-height: 1.4em;
}

p.facebook {
	background-image: url('/img/global/facebook_like.png');
}

p.twitter {
	background-image: url('/img/global/twitter_tweet.png');
}

p.google {
	background-image: url('/img/global/google_plus.png');
}

p.share-icon {
	background-image: url('/img/global/share_icon.png');
}

p.embed {
	background-image: url('/img/global/addthis_button_embed.png');
}

p.email {
	background-image: url('/img/global/addthis_button_email.png');
}

.simple-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/img/global/lightbox_overlay.png') 0 0 repeat;
	z-index: 10000;
}

.simple-lightbox .click-to-close {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
}

.lightbox-content {
	background: #fff;
	width: 500px;
	margin: 100px auto 0;
	padding: 20px 25px 18px;
	color: #444;
	position: relative;
	z-index: 100;
}

/*================================================
	@search
=================================================*/
.search-results {

}

.search-results-con {
	width: 568px;
	margin: 0 auto;
}

.search-results-top {
	background: url('/img/global/bg_search_paper_top.png') 0 0 no-repeat;
	padding: 110px 0 0;
}

.search-results h1 {
	width: auto;
	background: none;
	padding: 0 85px;
	font-size: 22px;
}

.search-results-content {
	background: url('/img/global/bg_search_paper_repeat.png') 0 0 repeat-y;
	padding: 16px 26px 0 21px;
}

.search-results-info {
	padding: 0 0 10px;
}

.search-results-top-submit {
	float: right;
	padding-top: 20px;
	padding-bottom: 5px
}

.search-results-top-submit a {
	float: right;
}

.search-results-info p {
	font-size: 15px;
	color: #d55544;
	margin-bottom: 6px;
}

.search-results-info a {
	font-size: 12px;
	text-decoration: none;
}

.search-results-content ul {
	padding: 0 0 12px;
}

.search-results-content li {
	font-weight: bold;
	font-size: 16px;
	padding: 16px 0 12px 55px;
	cursor: pointer;
	background-image: url('/img/global/checkbox.png');
	background-position: 9px -50px;
	background-repeat: no-repeat;
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	line-height: 1em;
}

/*.search-results-content .search-list-type-school li, li#all {background-position:9px -61px;}*/

.search-results-content li span {
	color: #959595;
	font-weight: normal;
}

.create-account-list-results li span {
	color: #959595;
	font-weight: normal;
}

.search-results-content .search-list-type-district li span {
	display: block;
	padding: 4px 0 0;
	font-size: 14px;
}

.search-results-content li.odd {
	background-color: #fce4e0;
}

.search-results-content li.selected {
	background-position: 9px 18px;
}

.search-results-content .search-list-type-school li.selected, li#all.selected {
	background-position: 9px 7px;
}

.search-results-content .search-list-type-school li span {
	display: block;
	padding: 4px 0 0;
	font-size: 14px;
}

.create-account-list-results li span {
	display: block;
	padding: 4px 0 0;
	font-size: 14px;
}

.list-search-pagination {
	padding: 0;
	text-align: center;
}

.list-search-pagination a {
	color: #44b1d5;
	font-size: 13px;
	padding: 0 5px;
	display: inline-block;
}

.list-search-pagination a.active {
	color: #363636;
	font-weight: bold;
}

.search-results-bottom {
	background: url('/img/global/bg_search_paper_bottom.png') 0 bottom no-repeat;
	padding: 0 26px 30px 21px;
}

.search-results-bottom a {
	float: left;
}

.find-your-list-cancel {
	font-family: 'Bree Serif', serif;
	font-size: 18px;
	padding: 5px 10px 0;
	display: block;
}

.x-cancel {
	position: absolute;
	right: 10px;
	top: 0;
	cursor: pointer;
	background-color: #a6afb5;
	opacity: 0.6;
	color: white;
	font-weight: bold;
	border-radius: 99px;
	height: 24px;
	line-height: 20px;
	padding: 0;
	width: 24px;
	text-align: center;
	margin: 17px 10px 0 0;
	font-size: 25px;
}

.x-cancel:hover {
	opacity: 0.8;
}

.x-cancel:active {
	opacity: 0.4;
}

h2.find-your-list-cancel {
	text-align: center;
	padding: 30px 0 20px;
	font-size: 22px;
	cursor: pointer;
}

h2.find-your-list-cancel:hover {
	text-decoration: underline;
}

a.no-results-link {
	display: block;
	text-align: center;
	color: #000;
}

.find-your-list {

}

.blue-font {
	color: #44B1D5;
}

/*================================================
	@404
=================================================*/

.e404-page {

}

.e404-con {
	width: 568px;
	margin: 0 auto;
}

.e404-top {
	background: url('/img/global/bg_search_paper_top.png') 0 0 no-repeat;
	padding: 100px 0 0;
}

.e404-page h1 {
	width: auto;
	background: none;
	padding: 0;
	font-size: 60px;
	letter-spacing: -0.03em;
}

.e404-page h3 {
	font-size: 20px;
	color: #d55544;
	padding: 0 0 40px;
	text-align: center;
}

.e404-content {
	background: url('/img/global/bg_search_paper_repeat.png') 0 0 repeat-y;
	padding: 16px 17px 0 9px;
}

.e404-content p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #efeff0;
	line-height: 1.2em;
	padding: 16px 80px 14px;
}

.e404-bottom {
	background: url('/img/global/bg_search_paper_bottom.png') 0 bottom no-repeat;
	height: 80px;
}

@media (max-width: 480px) {

	.info_list {
		display: inline-block !important;
		height: inherit !important;
		line-height: 1.3em !important;
		margin: 0 0 10px !important;
	}

	.name_nav {
		font-size: 80% !important;
		padding-left: 5px !important;
	}

	.info_list em {
		margin-left: 5px !important;
		text-align: left !important;
		width: 1em !important;
	}

	a.right_link {
		font-size: 0.7em !important;
	}

	.search_container {
		padding-top:0;
	}

	#referral-block	{display: none;}
	.dashboard-search-form, .dashboard-search {
		width: 100%;
	}


	.login-page {
		background: none repeat scroll 0 center transparent;
		height: auto;
		margin: 12px 0 0;
		padding: 0 10px;
		width: auto;
	}
	.login-page-content {
		display: none;
		float: none;
		height: auto;
		padding: 0;
		width: auto;
	}
	.login-page-content h2 {
		font-size: 18px;
		padding: 0 0 9px;
	}
	.login-page-content p {
		color: #363636;
		font-size: 13px;
	}
	.login-page-content img {
		position: static;
	}
	.login-page-form {
		float: none;
		height: auto;
		width: auto;
	}
	.login-page-form h1 {
		font-size: 18px;
		padding: 0 0 12px;
	}
	.login-page-form h3 {
		padding: 0 0 10px;
	}
	.login-page-form p {
		margin: 0 0 10px;
	}
	.login-page-form label {
		left: 12px;
		top: 12px;
	}
	.login-page-form p input {
		-moz-box-sizing: border-box;
		background: none repeat scroll 0 0 #F9F9F9;
		border: 3px solid #FFFFFF;
		border-radius: 6px 6px 6px 6px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
		height: auto;
		padding: 6px 12px;
		width: 100%;
	}
	.forgot-password-p {
		float: left;
	}
	.login-page-forgot-password {
		font-size: 14px;
		padding: 0;
	}
	.login-page-form-submit, #submit {
		box-shadow: none !important;
		height: 61px !important;
		padding-top: 0px !important;
	}
	.login-page-forgot-submit, .reset-password-button, #submit {
		box-shadow: none;
	}
	.login-page-account {
		display: none;
	}
	.forgot-panel {
		/*padding: 10px 0 0;*/
	}
	.login-page-form .forgot-panel h1 {
		padding-bottom: 8px;
	}
	.thanks-panel {
		padding: 80px 0 0;
	}
	.thanks-panel h1 {
		font-size: 50px;
		padding-bottom: 10px;
		text-align: center;
	}
	.thanks-panel h3 {
		margin: 0 auto;
		text-align: center;
		width: 220px;
	}
	.login-page-thanks {
		margin: 0 auto;
	}
	p.errors {
		background: none repeat scroll 0 0 #F4D0D0;
		color: #B32525;
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 4px;
		padding: 7px 12px 8px;
	}
	#reset-password-field {
		height: 55px;
	}
	#reset-password-confirm {
		height: 55px;
	}
	.e404-con, .e404-top, .e404-content, .e404-bottom {
		background: none repeat scroll 0 center transparent;
		height: auto;
		padding: 0;
		width: auto;
	}
	.e404-page h1 {
		font-size: 30px;
		line-height: 1.3em;
		padding: 0 0 10px;
	}
	.e404-page h3 {
		font-size: 18px;
		padding: 0 50px 20px;
	}
	.e404-content p {
		background: none repeat scroll 0 0 #F1F1F1;
		padding: 14px 40px;
	}
	#reset-password-field {
		background-image: url("/img/global/bg_input_reset_password.png");
		padding-bottom: 0;
	}
	#reset-password-confirm {
		background-image: url("/img/global/bg_input_reset_password.png");
		padding-bottom: 0;
	}
	#reset-password-new-password {
		padding-bottom: 15px;
	}
	#reset-password-confirm-password {
		padding-bottom: 15px;
	}
	#reset-password-field-p {
		margin-bottom: 5px;
	}
	#reset-password-confirm-p {
		margin-bottom: 5px;
	}

	.search-results-top {
		background: #fff;
	}

	.search-results-content {
		background: #fff;
		padding: 0;
	}

	.search-results-top {
		padding: 0;
	}

	.search-results-con {
		width: 346px;
	}

	.search-results h1 {
		padding: 0 0 10px 0;
		font-size: 1.5em;
		width: 300px;
		line-height: 1.1em;
	}

	.add-nav {
		padding: 0;
	}

	.navbar-inner {
		padding: 5px 10px 0;
		width: 180px;
	}

	#user-menu {
		float: left;
		padding: 10px 0 0 10px;
	}

	.supplies {
		background: none;
	}

	.zip-form {
		padding: 0 0 0 18px;
	}

	.zip-form label {
		display: none;
	}

	.gradient {
		background: none;
	}

	.search-list-type-school li {
		font-family: 'Open Sans', sans-serif;
	}

	.search-results-info a {
		margin-right: 0;
	}

	.zip-form .inp-btn {
		margin-top: 8px;
	}

	.zip-form .inp {
		border-radius: 3px 3px 3px 3px;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
		float: left;
		margin: 3px 13px 0 -3px;
	}

	.add-nav {
		margin: 0 0 0 10px;
	}

	.zip-form input[type="text"] {
		width: 90px;
	}

	.navbar-inner {
		width:160px;
	}

	.zip-form h3 {
		font-size: 0.8em;
		line-height: 1em;
		margin: 0;
	}

	.zip-form label.zip-input {
		font-size: .8em;
	}

	.dashboard-top-bar-navigation-wrap ul li {
		width: 25%;
	}

	.dashboard-top-bar-navigation-wrap ul li a {
		font-size: 8px;
	}


	a.bree {
		font-size: 10px;
		margin: 0 0 1px 0!important;
		display: block !important;
		width: 17%;
	}

	ul.create-list-options li {
		font-size: 10px;
	}

	div#js-create-list-options-dropdown {
		margin-right: -103px;
		top: 23px;
	}

	div#app_modal_wrapper .modal-body {
		max-height: 250px;
	}

	div#app_modal_wrapper #sponsor-suggestions-prompt .modal-body,
	div#app_modal_wrapper #shareModal .modal-body {
		max-height: 140px;
	}
	div#app_modal_wrapper #shareModal .modal-header {
		padding-top: 0 !important;
	}
	div#app_modal_wrapper #shareModal .publish-links {
		margin-top: 0 !important;
	}

	div#app_modal_wrapper #shareModal .btn-container {
		margin-top: -75px !important;
	}

	div[class^="_users_uploads"] .content_box,
	._users_uploads_ .content_box, ._users_uploads .content_box,
	div[class^="_users_lists"] .content_box,
	._users_lists_ .content_box, ._users_lists .content_box,
	div[class^="_users_dashboard"] .content_box,
	._users_dashboard_ .content_box, ._users_dashboard .content_box {
		background: none !important;
		box-shadow: none;
		margin-bottom: 0;
		margin-right: 0;
		padding: 0;
		position: relative;
	}
}

/*================================================
	@template
=================================================*/

.page {
	width: 54.16666666666667%;
	padding: 32px 0 0 10px;
	font-size: 13px;
	float: left;
}

.page h3 {
	font-size: 16px;
	color: #d55544;
	padding: 0 0 16px;
}

.page p {
	line-height: 1.4em;
	padding: 7px 0 10px;
}

.page p img {
	margin: 20px auto 20px;
	display: block;
	border: #fff solid 7px;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, .15);
	-ms-box-shadow: 0px 0px 7px rgba(0, 0, 0, .15);
	-o-box-shadow: 0px 0px 7px rgba(0, 0, 0, .15);
}

.page ul {
	padding: 6px 0 4px;
}

.page li {
	background: url('/img/global/bg_list_bullet.png') 0 58% no-repeat;
	padding: 4px 0 3px 13px;
}

/* sidebar */

.sidebar {
	float: right;
	padding: 32px 10px 0 0;
	width: 35.41666666666667%;
}

.sidebar h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	padding: 24px 0 12px;
	letter-spacing: -0.01em;
}

.sidebar p {
	font-size: 13px;
	line-height: 1.4em;
	padding: 7px 0 10px;
}

.sidebar-callout {
	padding: 0 0 10px;
}

.sidebar-callout img {
	float: left;
	margin: 0 10px 0 0;
	width: 41%;
}

.sidebar-callout a {
	display: block;
	background: url('/img/global/button_build_your_list.png') 0 0 no-repeat;
	width: 138px;
	height: 27px;
	text-indent: -9999px;
}

.sidebar-callout a:hover {
	background-position: bottom;
}

.page.print-thank-you {
	width: 100%;
	float: none;
}

.print-thank-you .create-account-header {
	height: 45px;
}

.print-thank-you .create-account-content {
	padding-top: 1px;
	padding-bottom: 0;
}

.print-thank-you .create-account-actions {
	height: 35px;
}

/*================================================
	@results
=================================================*/

.search-results-page {

}

.search-results-list-container, .search-results-schoolslist-container {
	padding: 30px 0 0;
	background: #fff;
}

.dashboard-list .search-results-list-container, .dashboard-list .search-results-schoolslist-container {
	min-height: 500px;
}

.search-results-legend {
	float: right;
	margin: 14px 0 0;
}

.search-results-single-result {
	padding: 0 0 30px;
}

.search-results-list-container h2, .search-results-schoolslist-container h2 {
	cursor: pointer;
	background: url('/img/global/bg_expand_arrows.png') 12px 13px no-repeat;
	padding: 0 0 16px 58px;
}

.search-results-list-container h2.collapse, .search-results-schoolslist-container h2.collapse {
	height: auto;
	transition: none;
	background: url('/img/global/bg_collapse_arrows.png') 12px 13px no-repeat;
}

.search-results-list-container h2 span, .search-results-schoolslist-container h2 span {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #959595;
}

/* results info header */

.results-info-bg-left {
/*	background: url('/img/global/bg_search_results_header_left.png') 0 0 no-repeat;*/
	padding: 0 0 0 9px;
}

.results-info-bg-right {
/*	background: url('/img/global/bg_search_results_header_right.png') right 0 no-repeat;*/
	padding: 0 9px 0 0;
}

.results-info-head {
	height: 27px;
	padding: 0 0 0 23px;
}

.results-info-head a {
	font-size: 13px;
	color: #666;
	font-weight: bold;
	display: inline-block;
}

.results-info-name {
	width: 44%;
	padding: 6px 0 0 18px;
}

.results-info-type {
	width: 27.5%;
}

.results-info-grade {
	width: 24%;
	padding: 6px 0 0 6px;
}

.results-info-updated {
	width: 20%;
	padding: 6px 0 0 4px;
}

/* results list */

.results-list {
}

.results-list ul {
	max-width: 960px;
	font-size: 13px;
}

.results-list li {
	padding: 10px 0;
	display: table;
	width: 100%;
	height: 60px;
	position: relative;
}

.results-list li.even {
	background-color: #faf1f0;
}

.results-list li.no-lists {
	padding-left: 30px;
}

.list-items {
	display: inline-block;
	vertical-align: middle;
}

.lt-ie8 .list-items {
	display: block;
	float: left;
}

.display-table {
	display: table;
	width: 100%;
}

.lt-ie8 .display-table {
	display: block;
}

.list-item-icons {
	width: 2%;
	min-width: 23px;
}

.list-item-combo {
	width: 95%;
}

.lt-ie8 .list-item-combo {
	width: 80%;
}

.list-item-description {
	width: 44%;
	padding: 0 0 0 17px;
	min-height: 55px;
	float:left;
}

.dashboard-your-list-wrap  .list-item-description {
	width: 95%;
}

.list-item-description a {font-size:18px;display:block;color:#44b1d5; font-family:"Bree Serif"}

.inactive .list-item-description a {
	color: #666;
}
.list-item-description a.desktop-link.admin-list {
	padding-left: 20px;
	background: transparent url('/img/admin/admin.png') 0 3px no-repeat;
}

.list-item-description p {
	display: block;
    line-height: 1.2em;
    overflow: hidden;
    padding-top: 8px;
	padding-bottom: 2px;
	white-space:nowrap;
    text-overflow: ellipsis;
}
.list-item-description p:hover {
 	/*background:#fff;*/
    text-overflow: visible !important;
}

.list-item-description p {
	color: #666;
}

.list-item-grade {
	width: 24%;
	padding: 0 0 0 7px;
	float:left;
	display:block;
}

.inactive .list-item-grade {
	color: #666;
}

.list-item-updated {
	width: 20%;
	padding: 0 0 0 8px;
	float:left;
}

.lt-ie8 .list-item-updated {
	width: 15%;
	padding: 0 0 0 8px;
}

.inactive .list-item-updated {
	color: #666;
}

.desktop-link {
	display: inline-block !important;
}

.mobile-link {
	display: none !important;
}

/*================================================
	@create-list-drop
=================================================*/

.create-list {

}

.create-list-con {
	text-align: center;
	/*width:460px;margin:90px auto 0;padding:68px 20px 0 0;*/
}

.create-list-steps {
	color: #959595;
	font-size: 16px;
}

.create-list-info {

}

.create-list-info h3 {
	font-family: 'Bree Serif', serif;
	color: #d55544;
	font-weight: normal;
	font-size: 26px;
	padding: 2px 0 8px;
	line-height: 1.1em;
}
#cantFindList, #cantFindSchool {
	text-align: left;
	border: 20px solid black !important;
	padding: 20px;
}
#cantFindList h3, #cantFindSchool h3 {
	font-family: 'Bree Serif', serif;
	color: #d55544;
	padding: 20px 200px 20px 0;
	font-weight: normal;
}
#cantFindList a, #cantFindSchool a {
	cursor: pointer;
	text-decoration: underline;
}
#cantFindList a:hover, #cantFindSchool a:hover {
	cursor: pointer;
	text-decoration: none;
}
p.cant-find-list {
	font-size: 14px;
	font-family: 'Bree Serif', serif;
	padding: 0 0 10px;
}
div.return-find-list-btn-wrapper {
        text-align: center;
        width: 100%;
        background: none;
        margin-top: 10px;
        margin-bottom: 15px;
}
div.return-to-find-list-btn {
        border-radius: 15px;
        background-color: #44b1d5;
        padding: 5px 10px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
}
span.return-to-find-list-btn {
        font-size: 15px;
        color: white;
        font-family: "Open Sans",sans-serif;
}
.share {
	float: left;
	width: 200px;
	padding: 20px 10px 0;
	color: #44b1d5;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3em;
	text-align: left;
}

.share a {
	display: block;
	margin: 10px 0 0;
	text-align: center;
}

div.no-list-other-inquiries {
	font-family: 'Open Sans', sans-serif;
	text-align: right;
	font-style: italic;
	font-size: 15px;
	padding-right: 80px;
}
.create-list-info .share p {
	width: auto;
	margin: 0;
	height: 100px;
}

/*.create-list-info p {position:relative;width:285px;margin:10px 0 8px;float:left;}*/

.create-list-info p {
	position: relative;
	/*width:285px;*/
	margin: 10px 0 8px;
	text-align: left;
}

.create-list-info-steps p {
	width: 285px;
	margin: 10px auto 8px;
}

.create-list-info p.text {
	font-size: 13px;
	width: 390px;
	margin-left: 9px;
}

.few-items-drop-down .create-list-info p.text,
				.only-sponsor-items-drop-down .create-list-info p.text {
	width: auto;
	margin-left: 14px;
}

.create-list-info p.content-description {
	font-size: 12px;
	width: auto;
	margin: 0;
	text-align: center;
	color: #777;
}

.create-list-info label {
	color: #959595;
	font-size: 16px;
	cursor: text;
	top: 15px;
	left: 21px;
	position: absolute;
	padding-right: 10px;
	line-height: 18px;
}

.create-list-info .step-3 label {
	color: #C2C2C2;
}

.create-list-info .step-3 label#school-list-description-label {
	width: 250px;
}

.create-list-info span.error-message {
	border: #d54444 solid 2px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, .35);
	position: absolute;
	right: -285px;
	bottom: 5px;
	border-radius: 5px;
}

.create-list-info span.error-message span {
	border: #fff solid 3px;
	background: #d54444;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 14px;
	padding: 6px 5px 5px;
	border-radius: 5px;
	width: 260px;
}

.create-list-info input {
	width: 250px;
	height: 62px;
	padding: 0 20px;
	background: url('/img/global/bg_input_drop_down.png') 0 0 no-repeat;
	border: 0;
}

.create-list-info input:focus {
	background-position: 0 -62px;
}

#choose-item-qty:focus {
	background-position: 0 -63px;
}

.create-list-info input.error {
	background-position: 0 -124px;
}

#choose-item-qty.error {
	background-position: 0 -126px;
}

span#school-list-desc-wrap {
	background: url('/img/global/bg_textarea_drop_down.png') 0 0 no-repeat;
	width: 255px;
	height: 103px;
	padding: 20px 20px;
	position: relative;
	display: block;
}

.create-list-info textarea {
	padding: 0;
	background: none;
	width: 100%;
	height: 103px;
	resize: none;
}

.create-list-info textarea:focus {
	background-position: 0 -143px;
}

.create-list-info textarea.error {
	background-position: 0 -286px;
}

.create-list-info select, .create-list-title select {
	width: 278px;
	margin: 0 0 0 10px;
	cursor: pointer;
}

.create-list-info p.multiselect {
	background: url('/img/global/bg_input_multiselect.png') 30px 0 no-repeat;
	height: 131px;
	padding: 15px 15px 10px 45px;
	text-align: left;
}

.create-list-info p.multiselect.error {
	background-position: 30px bottom;
}

.create-list-info p.multiselect select {
	height: 125px;
	width: 260px;
	margin: 0;
}

.create-list-info .customStyleSelectBox,
					.create-list-title .customStyleSelectBox {
	background: url('/img/global/bg_select_drop_down.png') right 0 no-repeat;
	width: 290px;
	height: 43px;
	padding: 19px 0 0 0px;
}

.create-list-info .customStyleSelectBox.error {
	background-position: right bottom;
}

.create-list-info .customStyleSelectBoxInner {
	text-align: left;
	color: #959595;
	padding: 3px 0 0 22px;
}

.create-list-title .customStyleSelectBoxInner {
	text-align: left;
	padding: 3px 0 0 22px;
}

option.hide {
	display: none;
}

.create-list-info .step-3-questions h4 {
	color: #959595;
	float: left;
	width: 150px;
	text-align: left;
}

.create-list-info .step-3-questions p {
	float: left;
}

.step-3-questions {
	float: left;
	clear: both;
}

#step-3-inner {
	margin: auto;
}

.bttn-box-supply-list, .bttn-box-wish-list {
	display: inline-block;
	cursor: pointer;
	width: 117px;
	height: 116px;
	background: url('/img/global/buttons_supply_wish_list.png') 0 0 no-repeat;
	text-indent: -9999px;
	margin-top: 16px;
	margin-bottom: 20px;
}

.lt-ie8 .bttn-box-supply-list, .lt-ie8 .bttn-box-wish-list {
	display: block;
	float: left;
}

.lt-ie8 a#supply.bttn-box-supply-list {
	margin-left: 95px;
}

.lt-ie8 a#list.bttn-box-wish-list {
	margin-right: 95px;
}

a#specialty {
	background: url('/img/specialty.png') 0 0 no-repeat;
	height: 55px;
	width: 240px;
	display: none;
	margin: 0 auto 20px;
	color: transparent;
	text-indent: -6000px;
	overflow: hidden;
}

.bttn-box-wish-list {
	background-position: right 0;
	margin-left: 16px;
}

#create-list-specialty {
	font-family: 'Bree Serif', serif;
	font-size: 18px;
	display: inline-block;
	background: url('/img/global/icon_right_arrow.png') right 0 no-repeat;
	padding: 2px 28px 4px 0;
	cursor: pointer;
}

h4#specialty_header {
	color: #53BAE5 !important;
	font-family: 'Bree Serif',serif;
	padding: 10px 0 0 5px;
	font-weight: normal;
}

.confirm-text {
	font-weight: bold;
}

div.supply-confirm {
	padding: 20px 0 0 20px;
	text-align: left;
}

.step-1 .supply-confirm a {
	display: block;
	/*float: right;*/
	font-size: 18px;
	padding-top: 19px;
	margin-top: 15px;
	cursor: pointer;
	font-family: 'Bree Serif',serif;
	text-decoration: none;
}

.step-1 .supply-confirm a:hover {
	color: #fff;
}

.create-list-actions {
	font-family: 'Bree Serif', serif;
}

.create-list-actions a {
	display: block;
	float: left;
	font-size: 18px;
	padding-top: 19px;
	cursor: pointer;
	text-decoration: none;
}

.create-list-actions a:hover {
	color: #fff;
}

.create-list-actions a.hide {
	background: none;
	text-indent: -9999px;
	cursor: default;
}

.create-list-action-cancel {
	font-family: 'Bree Serif', serif;
	width: 100px;
	padding-right: 12px;
	padding-left: 4px;
}

a.create-list-action-cancel:hover {
	color: #44B1D5;
	text-decoration: underline;
}

.create-list-action-back, .choose-brand-no, .choose-qty-no {
	width: 154px;
	height: 41px;
	color: #fff;
	background: url('/img/global/button_grey_large.png') 0 0 no-repeat;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	margin-right: 10px;
}

.create-list-action-next, .choose-brand-yes, .choose-qty-yes,
				.red-item-delete-button, .pledge-yes, .add-item-anyway {
	width: 154px;
	height: 41px;
	color: #fff;
	background: url('/img/global/button_red_large.png') 0 0 no-repeat;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
}

.supply-list-confirm {
    background: none repeat scroll 0 0 #CF3D29;
    border: 3px solid #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 5px #999999;
    color: #FFFFFF;
    height: 24px;
    padding: 16px 0 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    width: 160px;
	text-align: center;
	margin: 9px 0 0 20%!important;
}

.supply-list-go-back {
    background: #A9A9A9 0 0 no-repeat;
    border: 3px solid #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 5px #999999;
    color: #FFFFFF;
    height: 24px;
    padding: 16px 0 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    width: 160px;
	text-align: center;
	margin: 9px 0 0 20%!important;
}

.create-list-action-back:hover, .create-list-action-next:hover,
					.choose-brand-yes:hover, .choose-brand-no:hover,
					.choose-qty-no:hover, .choose-qty-yes:hover, .red-item-delete-button:hover,
					.blue-item-save-button:hover, .pledge-yes:hover, .add-item-anyway:hover {
	background-position: 0 -59px;
	text-decoration: none;
}

.create-list-action-back:active, .create-list-action-next:active,
					.choose-brand-yes:active, .choose-brand-no:active,
					.choose-qty-no:active, .choose-qty-yes:active, .red-item-delete-button:active,
					.blue-item-save-button:active, .pledge-yes:active, .add-item-anyway:active {
	background-position: 0 -118px;
}

.blue-item-save-button {
	width: 154px;
	height: 41px;
	color: #fff;
	background: url('/img/global/button_blue_large.png') 0 0 no-repeat;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
}

sponsor-blurb {
	font-size: 11px;
	width: auto;
}

/*================================================
	@cork @board
=================================================*/

.modal-wrap {
	margin: 0 auto;
	max-width: 960px;
	position: relative;
}

.lt-ie8 .modal-wrap {
	z-index: 100;
}

#modal-drop-down {
	position: fixed;
	top: -1800px;
	z-index: 500;
}

.cork-board {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
}

.cork-string-left, .cork-string-right {
	background-image: url('/img/corkboard/cork_string.png');
	background-repeat: no-repeat;
	background-position: 7.78947368421053% 0;
/*

74/

950 */
}

.cork-string-right {
	background-position: 89.05263157894737% 0;
	padding: 116px 0 0;
}

.cork-wrap-board {

}

.cork-wrap-top, .cork-wrap-bottom {
	display: table;
	height: 48px;
	width: 100%;
	table-layout: fixed;
}

.lt-ie8 .cork-wrap-top, .lt-ie8 .cork-wrap-bottom {
	display: block;
	height: 48px;
	width: 100%;
}

.cork-wrap-top div, .cork-wrap-bottom div {
	display: table-cell;
}

.lt-ie8 .cork-wrap-top div {
	display: inline;
	vertical-align: bottom;
	zoom: 1;
	height: 48px;
}

/*.lt-ie8 .cork-wrap-top div {display:inline-block;vertical-align:bottom;*display:inline;zoom:1;height:48px;}*/

.lt-ie8 .cork-wrap-bottom div {
	display: block;
	float: left;
}

.cork-top-left {
	background: url('/img/corkboard/cork_top_left.png') right bottom no-repeat;
	width: 52px;
}

.cork-top-middle {
	background: url('/img/corkboard/cork_top_middle.png') 0 0 repeat-x;
	width: 100%;
}

.lt-ie8 .cork-top-middle {
	background: url('/img/corkboard/cork_top_middle.png') 0 bottom repeat-x;
	width: 839px;
}

.cork-top-right {
	background: url('/img/corkboard/cork_top_right.png') left bottom no-repeat;
	width: 59px;
}

.cork-wrap-middle {

}

.cork-middle-left {
	background: url('/img/corkboard/cork_middle_left.png') 0 0 repeat-y;
}

.cork-middle-right {
	background: url('/img/corkboard/cork_middle_right.png') right 0 repeat-y;
	padding: 0 59px 0 52px;
}

.cork-pattern {
	background: url('/img/corkboard/cork_pattern.png') 0 0 repeat;
	padding: 0 1px 0 8px;
	position: relative;
}

.cork-close {
	width: 67px;
	height: 67px;
	background: url('/img/global/button_close.png') 0 0 no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.cork-close:hover {
	background-position: 0 -67px;
}

.cork-close:active {
	background-position: 0 0;
}
.close-no-list, .close-no-school {
	position: absolute;
	right: 10px;
	top: 0;
	cursor: pointer;
	background-color: white;
	opacity: 0.6;
	color: #cccccc;
	font-weight: bold;
	border-radius: 99px;
	height: 24px;
	line-height: 20px;
	padding: 0;
	width: 24px;
	text-align: center;
	margin: 17px 10px 0 0;
	font-size: 16px;
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	z-index: 500;
}
.close-no-list:hover {
	opacity: 0.8;
}
.close-no-list:active {
	opacity: 0.4;
}
.paper {
	position: relative;
	z-index: 1;
	max-width: 440px;
	margin: 0 auto;
	padding: 50px;
	background: url('/img/corkboard/paper.png') 0 0 repeat;
	background-size: 100% 100%;
}
._users_dashboard .paper, ._users_dashboard_ .paper {
	max-width: 450px;
}

.lt-ie9 .paper {
	background: url('/img/corkboard/paper-lt-ie9.png') 0 0 no-repeat;
	background-size: none;
}

.lt-ie8 .paper {
	background-color: #fff;
}

.cork-wrap-bottom {
	height: 58px;
}

.cork-bottom-left {
	background: url('/img/corkboard/cork_bottom_left.png') 0 0 no-repeat;
	width: 52px;
}

.cork-bottom-middle {
	background: url('/img/corkboard/cork_bottom_middle.png') 0 0 repeat-x;
	width: 100%;
}

.lt-ie8 .cork-bottom-middle {
	background: url('/img/corkboard/cork_bottom_middle.png') 0 0 repeat-x;
	width: 839px;
}

.cork-bottom-right {
	background: url('/img/corkboard/cork_bottom_right.png') 0 0 no-repeat;
	width: 59px;
}

/* create a list (cork board) mobile view */

@media (max-width: 679px) {

	/* stick the cork board to top */
	#modal-drop-down{
		position:relative;
		display:none;
		top:0;
	}

	.cork-string-left, .cork-string-right {background:none;padding:0;}
				.cork-wrap-top, .cork-wrap-bottom {height:28px;}
					.cork-top-left {width:31px;background-position:right bottom;}
					.cork-top-middle {background-position:left bottom;}
					.cork-top-right {width:31px;background-position:left bottom;}
					.cork-middle-left {background-position:-21px 0;}
						.cork-middle-right {background-image:url('/img/corkboard/cork_middle_right_mobile.png');padding:0 31px 0 31px;}
							.cork-pattern {padding:0;}
								.cork-close {width:40px;height:40px;background-size:100% auto;}
									.cork-close:hover {background-position:0 bottom;}
								.paper {padding:35px;}
				.cork-wrap-bottom {height:28px;}
					.cork-bottom-left {background-position:right top;width:31px;}
					.cork-bottom-middle {background-position:right top;}
					.cork-bottom-right {background-position:left top;width:31px;}
}


/*================================================
	@drop choose brand and item qty
=================================================*/

.brand-item-drop-down .list-item {
	margin: 12px auto 10px;
	float: none;
	cursor: default;
}

#choose-brand-item .list-item {
	float: left;
	margin: 7px 9px 0 0;
}

.choose-item-qty-info p {
	text-align: left;
}

.choose-item-qty-info p span {
	font-size: 16px;
	font-weight: bold;
	color: #959595;
	display: inline-block;
	padding: 0 6px 0 7px;
}

choose-item-qty-p p span {
	font-size: 16px;
	font-weight: bold;
	color: #959595;
	display: inline-block;
}

#choose-item-qty {
	width: 61px;
	background-image: url('/img/global/bg_input_qty.png');
}

.brand-item-drop-down .create-list-actions {
	width: 318px;
	margin: 0 auto;
}

/*================================================
	@few items drop down
=================================================*/

.check-list-actions {
	width: 318px;
	margin: 0 auto;
}

.check-list-actions a {
	float: left;
	margin-right: 10px;
}

.check-list-actions a.few-items-add-more,
.check-list-actions a.only-sponsor-items-yes {
	margin: 0;
}

/*================================================
	@create-list-page
=================================================*/

.create-list-page {
	padding: 20px 10px 0;
}

.edit-account-type-con {
	padding: 70px 10px 19px;
}

.edit-account-type-con a {
	font-family: 'Bree Serif', serif;
	font-size: 18px;
}

.create-list-title h2 {
	line-height: 1.2em;
	padding: 0;
}

.create-list-title h6, .list-info-title h6 {
	color: #d55544;
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 8px;
}

.create-list-title p {
	color: #959595;
	font-size: 18px;
	width: 605px;
	margin: 0;
	line-height: 1.2em;
}

.create-list-title a.edit, .create-list-title a.done, .edit-step, .edit-done, .edit-remove,
		.create-list-title a.edit:hover, .create-list-title a.done:hover {
	font-size: 13px;
	color: #d55544;
	padding: 0 16px 0 0;
	margin: 0 10px 0 20px;
	background: url('/img/global/icon_pencil.png') right 5px no-repeat;
	line-height: auto;
	font-family: 'Open Sans', sans-serif;
}

.create-list-title a.edit {
	float: none;
	display: inline;
	vertical-align: bottom;
}

.create-list-title h2 a.edit {
	vertical-align: baseline;
}

h2 .fade-container input, p .fade-container input {
	font-family: 'Bree Serif',serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.1em;
	border-bottom: #888 dashed 2px;
	width: 550px;
	background-color: #f4fcfe;
	padding: 0 0 0;
	position: relative;
	top: -2px;
	left: -1px;
	height: auto;
}

h2 .fade-container input:focus, p .fade-container input:focus {
	border-bottom: #888 dashed 2px;
}

p .fade-container input {
	font-size: 18px;
	margin-bottom: 5px;
}

p .fade-container input:focus {
	margin-bottom: 5px;
}

p.edit-room-number .fade-container input {
	margin-right: 8px;
}

/* shortening the new grade number input */

p .fade-container input[type="number"] {
	width: 100px;
}

/* the Done button was wrapping, so I increased the p width; also added a margin */

.create-list-title p.edit-p-space {
	margin-top: 7px;
	margin-bottom: 7px;
	width: 940px;
}

.create-list-title p textarea {
	border-bottom: #888 dashed 2px;
	width: 500px;
	height: 110px;
	resize: none;
	float: left;
	background-color: #f4fcfe;
}

.create-list-title p.grade-multiselect,
		.create-list-info p.grade-multiselect {
	background: url('/img/global/bg_input_multiselect.png') 0px 0 no-repeat;
	height: 131px;
	padding: 15px 15px 10px 0px;
	text-align: left;
}

.create-list-title p.grade-multiselect select,
		.create-list-info p.grade-multiselect select {
	height: 125px;
	width: 260px;
	margin: 0;
}

.create-list-title p.grade-multiselect .customStyleSelectBox,
		.create-list-info p.grade-multiselect .customStyleSelectBox {
	background-image: none;
	width: 220px;
	height: 41px;
	color: #666;
	padding: 21px 0 0 15px;
	margin-right: 20px;
}

.create-list-title p.edit-school-year-dropdown .customStyleSelectBox {
	margin: 0 7px 10px -2px;
	/*margin-left: -2px;
	margin-right: 7px;*/
}

/*.create-list-title .edit-school-year-dropdown {
	padding-bottom: 5px;
}*/

.create-list-title span.error-message {
	display: inline-block;
	border: #d54444 solid 2px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, .35);
	border-radius: 5px;
	font-size: 18px;
	line-height: 1.2em;
}

.create-list-title span.error-message span {
	border: #fff solid 3px;
	background: #d54444;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	color: #fff;
	display: inline-block;
	font-family: 'Open Sans',sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding: 6px 5px 5px;
	border-radius: 5px;
}

.create-list-title span.error-message {
	display: inline-block;
	border: #d54444 solid 2px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, .35);
	border-radius: 5px;
	font-size: 18px;
	line-height: 1.2em;
}

.create-list-title h2 span.error-message {
	margin-bottom: 7px;
}

.create-list-title span.error-message span {
	border: #fff solid 3px;
	background: #d54444;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	color: #fff;
	display: inline-block;
	font-family: 'Open Sans',sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding: 6px 5px 5px;
	border-radius: 5px;
}

/*.create-list-left-con {
	width: 605px;
	float: left;
}*/

.create-list-left-con {
/*	background: none !important;
	box-shadow: none;*/
	margin-bottom: 0;
	margin-right: 300px;
	padding: 0;
}

.create-list-search {
	padding: 12px 0 0;
	overflow: hidden;
}

.create-list-search form {
	padding: 0 0 6px;
	overflow: hidden;
}

.create-list-search p {
	float: left;
	width: auto;
	position: relative;
}

.create-list-search label {
	font-size: 13px;
	top: 20px;
	position: absolute;
	left: 21px;
	cursor: text;
	color: #959595;
}

.create-list-search input {
	background: url('/img/global/bg_input_search_small.png') 0 0 no-repeat;
	height: 55px;
	font-size: 13px;
	width: 189px;
	padding: 0 20px;
}

#create-list-search-submit {
	width: 103px;
	height: 56px;
	background: url('/img/global/button_blue_small.png') 0 0 no-repeat;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	text-shadow: 1px, 1px, 2px rgba(0, 0, 0, .25);
}

#create-list-search-submit:hover {
	background-position: 0 -56px;
}

#create-list-search-submit:active {
	background-position: 0 -112px;
}

.create-list-back {
	display: block;
	background: url('/img/global/button_left_yellow_arrow_small.png') 0 0 no-repeat;
	padding: 10px 0 0 38px;
	font-weight: bold;
	font-size: 16px;
	color: #363636;
	height: 26px;
	float: left;
	clear: left;
}

.create-list-back:hover {
	background-position: 0 -36px;
	text-decoration: none;
}

.create-list-back:active {
	background-position: 0 -72px;
}

h5.create-list-category-headline {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #44b1d5;
	font-weight: bold;
	padding: 12px 0 2px 5px;
}

.create-list-items {
	padding: 12px 0 0;
	width: 615px;
}

.create-list-items.category {
	overflow: hidden;
}

.list-item {
	/*width:143px; */
	padding: 23px 0 0;
	width: 121px;
	height: 119px;
	background-image: url('/img/global/button_item.png');
	background-repeat: no-repeat;
	background-position: -121px 0;
	background-color: transparent;
	display: table;
	float: left;
	cursor: pointer;
}

.list-item:hover {
	background-position: -121px -141px;
	text-decoration: none;
}

.list-item:active {
	background-position: -121px -283px;
}

/* branded list items */

.list-item.brand-item {
	background-position: 0 0;
}

.list-item.brand-item:hover {
	background-position: 0 -141px;
}

.list-item.brand-item:active {
	background-position: 0 -283px;
}

/* category list items */

.list-item.category-item {
	background-position: -121px 0;
}

.list-item.category-item:hover {
	background-position: -121px -141px;
}

.list-item.category-item:active {
	background-position: -121px -283px;
}

.list-item img {
	padding: 0 23px;
}

.list-item p {
	color: #363636;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 0 18px;
	height: 50px;
	width: 85px;
	display: table-cell;
	vertical-align: middle;
}

.create-list-right-con {
	float: right;
	width: 300px;
	overflow: hidden;
}

.create-list-right-con .link-promo-edit {
    background: url('/img/link-promo-create.png') no-repeat scroll 0 0 transparent;
	margin: 0 18px 20px 13px;
}

.notepad {
	width: 297px;
	/*height: 309px;*/
}

.notepad-top {
	padding: 61px 0 0;
	background: url('/img/global/bg_notepad_top.png') 0 0 no-repeat;
}

.notepad h6 {
	font-family: 'Bree Serif', serif;
	font-size: 18px;
	font-weight: normal;
	padding: 0 33px 14px;
	line-height: 1em;
}

.notepad-list-head {
	background: url('/img/global/bg_left_head_repeat.png') 0 0 repeat-x;
	height: 20px;
	margin: 0 33px;
}

.notepad-list-head p {
	height: 20px;
	line-height: 1.4em;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
}

.notepad-list-head-name {
	background: url('/img/global/bg_list_head_left.png') 0 0 no-repeat;
	padding: 0 0 0 10px;
	float: left;
}

.notepad-list-head-qty {
	background: url('/img/global/bg_list_head_right.png') right 0 no-repeat;
	padding: 0 10px 0 0;
	float: right;
}

.notepad-list-con {
	padding: 0 33px;
	background: url('/img/global/bg_notepad_repeat.png') 0 0 repeat-y;
}

.create-list-list {
	padding: 18px 0 0;
	font-size: 13px;
}

.create-list-list li {
	padding: 6px 10px 5px;
	position: relative;
	cursor: pointer;
}

.create-list-list li:hover {
	background-color: #f9e5e5;
}

.create-list-list li.odd {
	background-color: #e5f4f9;
}

.create-list-list li.odd:hover {
	background-color: #f9e5e5;
}

.create-list-list.enable-list-item-delete li:hover {
	cursor: pointer;
	background: #f9e5e5;
}

.create-list-list span {
	display: inline-block;
}

.notepad-list-list-name {
	width: 170px;
	padding: 0 10px 0 0;
	margin-left: 5px;
}

.notepad-list-list-qty {
	width: 22px;
	text-align: center;
}

.notepad-actions {
	padding: 27px 33px 30px;
	background: url('/img/global/bg_notepad_bottom.png') 0 bottom no-repeat;
}

#notepad-message {
	font-size: 12px;
	margin: 6px 0px 20px 33px;
	width: 231px;
	color: #d55544;
}

.notepad-item-edit-button-div {
	float: left;
	width: 16px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
}

.notepad-item-edit-button {
	margin-left: -17px;
}

.notepad-item-name {
	display: inline;
}

.notepad-actions a {
	float: left;
}

.notepad-action-cancel, .edit-item-cancel {
	font-family: 'Bree Serif', serif;
	font-size: 18px;
	padding: 16px 6px 0 10px;
}

.notepad-action-finish {
	float: right !important;
}

.create-list-right-con .notepad span.error-message {
	border: #d54444 solid 2px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, .35);
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 14px;
}

.create-list-right-con .notepad span.error-message span {
	border: #fff solid 3px;
	background: #d54444;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 14px;
	padding: 6px 5px 5px;
	border-radius: 5px;
	width: 248px;
}

.create-list-search-results h4 {
	color: #d55544;
	padding-left: 10px;
}

span#chars-left-text {
	float: right;
	font-family: 'Bree Serif', serif;
	font-size: 13px;
	color: #959595;
}

/*===============================================
	Partner popup
===============================================*/

.partner-product {
	overflow: hidden;
	clear: left;
}

.partner-blurb {
	overflow: hidden;
	clear: left;
}

.partner-product-item {
	overflow: hidden;
	clear: left;
}

.partner-product-items .partner-product-qty {
	width: 61px;
	background: url("/img/global/bg_input_qty.png");
}

.partner-product-items span {
	padding: 30px 0;
	display: block;
	color: #44B1D5;
	font-family: 'Bree Serif', serif;
}

.partner-product-items .qty-hold {
	width: auto;
}

.partner-product-items p {
	position: relative;
	width: 290px;
	margin: 10px auto 8px;
}

.partner-product-items p.text {
	font-size: 13px;
	width: 400px;
}

.partner-product-items p.content-description {
	font-size: 12px;
	width: auto;
	margin: 0;
	text-align: center;
	color: #777;
}

.partner-product-items label {
	color: #959595;
	font-size: 16px;
	cursor: text;
	top: 23px;
	left: 21px;
	position: absolute;
}

.partner-product-items span.error-message {
	border: #d54444 solid 2px;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, .35);
	position: absolute;
	right: -285px;
	bottom: 5px;
	border-radius: 5px;
}

.partner-product-items span.error-message span {
	border: #fff solid 3px;
	background: #d54444;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 14px;
	padding: 6px 5px 5px;
	border-radius: 5px;
	width: 260px;
}

.partner-product-items input {
	width: 250px;
	height: 62px;
	padding: 0 20px;
	background: url('/img/global/bg_input_drop_down.png') 0 0 no-repeat;
}

.partner-product-items input:focus {
	background-position: 0 -62px;
}

.partner-product-qty:focus {
	background-position: 0 -63px;
}

.partner-product-items input.error {
	background-position: 0 -124px;
}

.partner-product-qty.error {
	background-position: 0 -126px;
}

.partner-product h3 {
	color: #D55544;
	font-family: "Bree Serif",serif;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.1em;
	padding: 2px 0 8px;
	text-align: center;
}

.products-hold {
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	padding: 10px;
}

.partner-product p {
	font-size: 14px;
}

.products-hold div.partner-product-buttons {
	width: 308px;
	margin: 0 auto;
	color: #fff;
}

.products-hold .partner-product-buttons .bttn {
	color: #fff;
}

#duplicate-item-alert {
	display: none;
	color: #a53425;
}

/*================================================
	@preview
=================================================*/

.preview {

}

.preview-list-actions {
	float: right;
	padding: 12px 0 0;
}

.preview-list-actions a {
	float: left;
	margin-left: 10px;
}

.preview-list-cancel {
	font-family: 'Bree Serif', serif;
	font-size: 18px;
	padding: 20px 12px 0;
}

.preview .list-view-tabs a {
	cursor: default;
}

/* Drop-Down Styling */

.publish-list-drop-down h4 {
	padding-top: 0;
}

.publish-list-drop-down h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 14px 0 0;
}

.publish-links {
	margin: 0 auto;
	padding: 20px 0 0;
}

.publish-links a {
	display: block;
	float: left;
	color: #363636;
	font-weight: bold;
	font-size: 13px;
	margin-left: 7px;
}

.publish-links a:first-child {
	margin-left: 0;
}

.publish-links a:hover {
	text-decoration: none;
}

.publish-links a span {
	display: block;
	width: 103px;
	height: 103px;
	background-image: url('/img/global/icons_publish.png');
	background-repeat: no-repeat;
}

.publish-list-email span {
	background-position: 0 0;
}

.publish-list-email:hover span {
	background-position: 0 -103px;
}

.publish-list-email:active span {
	background-position: 0 -206px;
}

.publish-list-print span {
	background-position: -103px 0;
}

.publish-list-print:hover span {
	background-position: -103px -103px;
}

.publish-list-print:active span {
	background-position: -103px -206px;
}

.publish-list-facebook span {
	background-position: -206px 0;
}

.publish-list-facebook:hover span {
	background-position: -206px -103px;
}

.publish-list-facebook:active span {
	background-position: -206px -206px;
}

.publish-list-embed span {
	background-position: -309px 0;
}

.publish-list-embed:hover span {
	background-position: -309px -103px;
}

.publish-list-embed:active span {
	background-position: -309px -206px;
}

.publish-list-twitter span {
	background-position: -412px 0;
}

.publish-list-twitter:hover span {
	background-position: -412px -103px;
}

.publish-list-twitter:active span {
	background-position: -412px -206px;
}

.publish-list-no-thanks {
	margin: 40px auto 0;
}

.referral-list-complete, .referral-list-complete a {
	margin-top: 20px;
	color: #FC4C3B;
	text-decoration: underline;
}

/*================================================
	@verify-account-page
=================================================*/

.verify-account-page {
	width: 606px;
	margin: 0 auto;
}

.verify-account-header {
	padding: 105px 0 0;
	background: url('/img/global/bg_create_account_top.png') 0 0 no-repeat;
}

.verify-account-header h1 {
	background: none;
	padding: 0 0 7px;
}

.verify-account-content {
	background: url('/img/global/bg_create_account_repeat.png') 0 0 repeat-y;
	padding: 0 70px 20px 76px;
}

.verify-account-content h1 {
	padding-bottom: 30px;
	line-height: 1.1em;
}

.verify-account-content h3 {
	padding: 11px 0 30px;
	color: #363636;
	text-align: center;
}

.verify-account-content h4 {
	padding: 0 0 8px;
	color: #959595;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
}

div[class^="_users_admin_school"] .verify-account-content h6,
div[class^="_users_admin_district"] .verify-account-content h6,
div[class^="_users_success"] .verify-account-content h6,
._users_success .verify-account-content h6,
._users_success_ .verify-account-content h6 {
	margin-top: 12px;
}
div[class^="_users_admin_school"] .verify-account-content h6.school-phone-list,
div[class^="_users_admin_district"] .verify-account-content h6.school-phone-list,
div[class^="_users_success"] .verify-account-content h6.school-phone-list,
._users_success .verify-account-content h6.school-phone-list,
._users_success_ .verify-account-content h6.school-phone-list {
	margin-left: 20px;
	margin-top: 2px;
}

.verify-account-radio {

}

.verify-account-radio p {
	padding: 23px 20px 21px 84px;
	font-weight: bold;
	font-size: 20px;
	cursor: pointer;
	margin: 0 0 20px;
	background: #e7e7e7 url('/img/global/radio_button.png') 19px 2px no-repeat;
	margin: 40px;
}

.verify-account-radio p.selected {
	background-position: 19px -58px;
}

.verify-account-inputs {
	background: #e7e7e7;
	padding: 7px;
	margin: 0 0 15px;
}

.verify-account-inputs p {
	position: relative;
	float: left;
	margin: 0;
}

.verify-account-inputs p.sub-text {
	font-size: 14px;
	padding: 0 12px 10px;
}

.verify-account-inputs label {
	font-size: 16px;
	color: #959595;
	position: absolute;
	top: 23px;
	left: 21px;
	cursor: text;
}

.verify-account-inputs input {
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 63px;
	font-size: 16px;
	width: 189px;
	padding: 0 20px;
	background-color: transparent;
	border: 0;
	box-shadow: none;
}

.verify-account-inputs input:focus {
	background-position: 0 -63px;
}

.verify-account-inputs input.error {
	background-position: 0 -126px;
}

#verify-account-first-name {
	background-image: url('/img/global/bg_input_create_account_first_name.png');
	width: 111px;
}

#verify-account-last-name {
	background-image: url('/img/global/bg_input_create_account_last_name.png');
	width: 157px;
}

#verify-account-email {
	background-image: url('/img/global/bg_input_create_account_email.png');
	width: 229px;
}

#verify-account-zip {
	background-image: url('/img/global/bg_input_create_account_zip_code.png');
	width: 131px;
}

#verify-account-password,
					#verify-account-password-retype {
	background-image: url('/img/global/bg_input_password.png');
	width: 181px;
}

.verify-account-inputs .customStyleSelectBox {
	background: url('/img/global/bg_select_create_account_suffix.png') 0 0 no-repeat;
	width: 89px;
	height: 43px;
	padding: 20px 0 0 0px;
	margin: 0 0 0 1px;
}

.verify-account-inputs .customStyleSelectBoxInner {
	text-align: left;
	color: #959595;
	padding: 3px 0 0 14px;
}

.verify-account-inputs .customStyleSelectBoxInner.selection {
	color: #363636;
}

.verify-account-inputs #verify-account-suffix {
	width: 76px;
	margin: 0 7px 0 6px;
	cursor: pointer;
}

.verify-account-inputs .customStyleSelectBox {
	background: url('/img/global/bg_select_create_account_suffix.png') 0 0 no-repeat;
	width: 29px;
	height: 43px;
	padding: 20px 40px 0 20px;
	margin: 0 0 0 0px;
}

.verify-account-inputs p.user-salutation .customStyleSelectBoxInner {
	padding: 3px 0 0 0px;
}

#verify-account-role {
	width: 428px;
	margin: 0 6px;
	cursor: pointer;
	line-height: 63px;
}

.verify-account-inputs p.user-role .customStyleSelectBox {
	background: url('/img/global/bg_select_userrole_drop_down2.png') 0 0 no-repeat;
	width: 380px;
	height: 43px;
	padding: 20px 40px 0 20px;
	margin: 0 0 0 0px;
}

.verify-account-inputs p.user-role .customStyleSelectBox.error {
	background: url('/img/global/bg_select_userrole_drop_down2.png') 0 100% no-repeat;
}

.verify-account-inputs p.user-role .customStyleSelectBoxInner {
	padding: 3px 0 0 0px;
}

.checkboxes {
	font-weight: bold;
	font-size: 14px;
}

.checkboxes p {
	padding: 11px 0 9px 68px;
	margin: 0 0 5px;
	cursor: pointer;
	background-image: url('/img/global/checkbox.png');
	background-position: 19px -57px;
	background-repeat: no-repeat;
}

.checkboxes p.error {
	background-color: #f4d0d0;
}

.checkboxes p.error a {
	color: #b32525;
}

.checkboxes p.selected {
	background-position: 19px 11px;
}

.verify-account-info-edit {

}

.edit-container {
	margin: 0 0 6px;
}

.verify-account-info-edit p {
	background: #e7e7e7;
	font-size: 18px;
	padding: 10px;
	position: relative;
}

.verify-account-info-edit p.school-item {
	margin-bottom: 6px;
	position: relative;
}

.edit-step, .edit-done, .edit-remove {
	font-size: 18px;
	background-position: right 4px;
	float: right;
	margin-right: 5px;
}

.edit-remove {
	background: none;
	padding-right: 0;
}

.edit-remove, .edit-step {
	position: absolute;
	display: inline-block;
	background-color: #e7e7e7;
	padding: 7px 0 6px 20px;
	top: 3px;
	right: 0;
}

.edit-step {
	padding-right: 17px;
	background-position: right 11px;
	right: 4px;
}

.verify-account-info-edit .edit-element {
	padding: 0 7px;
	font-size: 16px;
	background: transparent;
}

.edit-element input {
	padding: 9px 3px 0;
	border-bottom: #888 dashed 2px;
	background-color: #f4fcfe;
	width: 172px;
	n-right: 10px;
}

.edit-element .input-edit-email {
	width: 360px;
	margin: 0;
}

.edit-done {
	margin: 12px 7px 0 0;
}

.your-students-schools-container,
		.your-schools-container,
		.your-districts-container {
	padding: 5px 0 10px;
}

.your-students-schools-container p:first-child,
			.your-schools-container p:first-child,
			.your-districts-container  p:first-child {
	margin-top: 3px;
}

.verify-account-search-schools {
	width: 332px;
	margin: 0 auto;
	padding: 25px 0 30px;
}

.verify-account-search-schools h5 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 20px;
	color: #44b1d5;
	text-align: center;
	padding: 0 0 10px;
}

.verify-account-search-schools p {
	float: left;
	position: relative;
}

.verify-account-search-schools label {
	font-size: 13px;
	top: 20px;
	position: absolute;
	left: 21px;
	cursor: text;
	color: #959595;
}

.verify-account-search-schools input {
	background: url('/img/global/bg_input_search_small.png') 0 0 no-repeat;
	height: 55px;
	font-size: 13px;
	width: 189px;
	padding: 0 20px;
}

.verify-account-search-submit, .find-button {
	width: 103px;
	height: 37px;
	background: url('/img/global/button_blue_small.png') 0 0 no-repeat;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	display: block;
	text-shadow: 1px, 1px, 2px rgba(0, 0, 0, .25);
	padding: 19px 0 0;
	text-align: center;
}

.verify-account-search-submit:hover, .find-button:hover {
	background-position: 0 -56px;
	text-decoration: none;
}

.verify-account-search-submit:active, .find-button:active {
	background-position: 0 -112px;
}

.verify-account-search-results {

}

.verify-account-search-results-info {
	padding: 0 0 10px;
}

.verify-account-search-results-info p {
	float: left;
	font-size: 13px;
	color: #d55544;
}

.verify-account-search-results-info a {
	font-size: 18px;
	font-family: 'Bree Serif', serif;
	float: right;
}

.verify-account-list-results {

}

.verify-account-list-results ul {
	padding: 0 0 12px;
}

.verify-account-list-results li {
	font-weight: bold;
	font-size: 16px;
	padding: 16px 0 12px 55px;
	cursor: pointer;
	background-image: url('/img/global/checkbox.png');
	background-position: 9px -61px;
	background-repeat: no-repeat;
}

.verify-account-list-results li.odd {
	background-color: #fce4e0;
}

.verify-account-list-results li.selected {
	background-position: 9px 7px;
}

.verify-account-list-pagination {
	padding: 14px 0 10px;
	text-align: center;
}

.verify-account-list-pagination a {
	color: #44b1d5;
	font-size: 13px;
	padding: 0 5px;
	display: inline-block;
}

.verify-account-list-pagination a.active {
	color: #363636;
	font-weight: bold;
}

.verify-account-actions {
	background: url('/img/global/bg_create_account_bottom.png') 0 bottom no-repeat;
	padding: 0 70px 40px 76px;
}

.verify-account-actions a {
	float: left;
	margin-left: 10px;
}

.verify-account-actions .verify-account-actions-cancel {
	font-family: 'Bree Serif', serif;
	font-size: 16px;
	padding: 20px 8px 20px 0;
	margin: 0 20px 0 0;
}

.verify-account-actions-back.hide {
	visibility: hidden;
	cursor: default;
}

.user-role-additional-container {
	border: 4px solid #fff;
	display: inline-block;
	margin-left: 10%;
	margin-bottom: 5px;
	padding: 20px;
	-webkit-box-shadow: 6px 6px 13px -4px #bababa;
	-moz-box-shadow: 6px 6px 13px -4px #bababa;
	box-shadow: 6px 6px 13px -4px #bababa;
}

.user-role-additional-container.error {
	 border: 4px solid #b32525;
	 color: #b32525;
	 background: #f4d0d0;
}
.user-role-additional-container input {
	height: 19px;
	width: auto;
	margin-right: 10px;
	margin-left: 10px;
}

div[class^="_users_verify"] .verify-account-actions-done {
	float: right;
}

.parent-label-span, .teacher-label-span, .district-label-span {
	float: none;
	margin-left: 0;
}

ul.list-errors {
	list-style: none;
}

ul.list-errors li {
	font-size: 13px;
	font-weight: bold;
	padding: 7px 12px 8px;
	background: #f4d0d0;
	color: #b32525;
	margin: 0 0 4px;
}

/*================================================
	@buttons
=================================================*/

.button {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-transition: none;
	-webkit-transition: none;
}

.button:hover {
	text-decoration: none;
	color: #fff;
}

/* Removing bootstrap styles */

.button:focus {
	text-decoration: none;
	color: #fff;
	outline: none;
}

.button.small {
	width: 90px;
	height: 34px;
	padding-top: 16px;
}

.button.small:hover {
	background-position: 0 -50px;
}

.button.small:active {
	background-position: 0 -100px;
}

.button.large {
	width: 154px;
	height: 39px;
	padding-top: 21px;
}

input.button.large {
	height: 61px;
	padding-top: 0;
}

.button.large:hover {
	background-position: 0 -59px;
}

.button.large:active {
	background-position: 0 -118px;
}

.button.small.grey {
	background-image: url('/img/global/button_grey_small.png');
}

.button.large.grey {
	background-image: url('/img/global/button_grey_large.png');
}

.button.small.red {
	background-image: url('/img/global/button_red_small.png');
}

.button.large.red {
	background-image: url('/img/global/button_red_large.png');
}

.button.large.blue {
        background-color: #127dae;
        float:left;
        font-family: "Bree Serif", serif;
        font-size:22px;
				font-weight: 400;
				color: white;
}

.button.slim {
	width: 98px;
	height: 22px;
	padding: 5px 28px 0 13px;
	font-size: 13px;
	text-shadow: none;
	text-align: left;
}

.button.slim:hover {
	background-position: 0 -27px;
}

.button.slim:active {
	background-position: 0 -54px;
}

.button.slim.red {
	background-image: url('/img/global/button_red_slim.png');
}

.button.slim.red.disabled, .button.slim.red.disabled:hover {
	background-image: url("/img/global/button_grey_slim_disabled.png");
	cursor: default;
	color: #FFFFFF;
}

.button.giant {
	width: 157px;
	height: 46px;
	padding: 28px 0 0;
	font-size: 20px;
	display: inline-block;
}

.button.giant.long {
	padding-top: 16px;
	height: 58px;
	line-height: 1.1em;
}

.button.giant:hover, blue-item-save-button:hover {
	background-position: 0 -75px;
}

.button.giant:active, blue-item-save-button:active {
	background-position: 0 -151px;
}

.button.giant.blue {
	background-image: url('/img/global/button_blue_giant.png');
}

a.edit-account-actions-add.button {
	margin: auto;
	margin-bottom: 10px;
}

.share-view-list {
	border: #ddd solid 1px;
	height: 26px;
	padding: 0 5px;
	position: absolute;
	bottom: -20px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
	min-width: 170px;
	left: 0px;
	bottom: -35px;
	z-index: 9999;
}
.sample-list-container .share-view-list {
	z-index: 1000;
}

.share-view-list .addthis_toolbox {
	display: block;
}

.share-view-list .addthis_toolbox a {
	margin: 5px;
}

.sample-list-container .share-view-list .addthis_toolbox a {
	margin: 5px 4px;
}

.share-view-list .addthis_toolbox .embed-code {
	display: block;
	float: left;
}

/* Style Select Box */

.customStyleSelectBox {
	background: url('/img/global/bg_input_contact_drop_down.png') right 0 no-repeat;
	width: 220px;
	height: 41px;
	color: #666;
	padding: 21px 0 0 20px;
}

.state .customStyleSelectBox {
	background: url('/img/global/bg_input_contact_drop_down.png') right 0 no-repeat;
	width: 220px;
	height: 41px;
	color: #666;
	padding: 21px 0 0 20px;
}

.notify-select .customStyleSelectBox {
	background: url('/img/global/bg_input_contact_drop_down_long.png') 0 0 no-repeat;
	width: 450px;
	height: 41px;
	color: #666;
	padding: 15px 0 0 20px;
}

#notify-select {
	width: 455px;
}

.notify-select .customStyleSelectBoxInner {
	width: 425px !important;
}

/*.create-account-inputs .customStyleSelectBoxInner {text-align:left;color:#959595;padding:3px 0 0 14px;}*/

.customStyleSelectBox.changed {

}

.customStyleSelectBoxInner {
	font-size: 16px;
}

.list-foot-link {
	float: right;
	display: block;
	padding: 12px 0;
	font-size: 13px;
}

/*================================================
	@banners
=================================================*/

.embedcodes {
	padding: 0 0 14px;
}

.embedcodes textarea {
	border: #ccc solid 1px;
	padding: 6px;
	font-size: 12px;
	resize: none;
	overflow: auto;
	height: 46px;
	width: 245px;
}

.embedcodes h3 {
	color: #D55544;
	font-family: 'Bree Serif',serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.1em;
	padding: 0 0 10px;
}

.close-lightbox {
	text-align: right;
	display: block;
	font-family: 'Bree Serif', serif;
	font-size: 18px;
	color: #444;
}

/*================================================
	@helper
=================================================*/

.fr {
	float: right;
}

.fl {
	float: left;
}

.maxfl {
	width: 100%;
	float: left;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* TODO Resolve */

/*.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }*/

.hidden {
	display: none !important;
	visibility: hidden;
}

/* Hide from both screenreaders and browsers */

.invisible {
	visibility: hidden;
}

/* Hide visually and from screenreaders, but maintain layout */

.print-only {
	display: none !important;
	visibility: hidden;
}

/* */

#search-find-parents {
	background: url('/img/global/button-findsmall.png') 0 0 no-repeat;
	width: 157px;
	height: 58px;
	text-indent: -9999px;
	cursor: pointer;
	font-size: 0px;
}

/* @contact */

.contact .error, .form-error {
	background-image: url('/img/global/error-input.png') !important;
}

select.form-error + span.customStyleSelectBox {
	background-image: url('/img/global/error-state-drop-down-input.png') !important;
}

.contact #email.error {
	background-image: url('/img/global/error-email-input.png') !important;
}

.contact textarea.error {
	background-image: url("/img/global/error-bg_textarea.png") !important;
}

.search-cms {
	background-image: none !important;
}

/* Formatting */

.underline {
	text-decoration: underline;
}

.drop_modal {
	-webkit-animation-name: 'drop_modal';
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 400ms;
}

@-webkit-keyframes drop_modal {
	0% {
    top: -800px;
}

100% {
	top: -110px;
}

}






/*================================================
	Kleenex
=================================================*/
#kleenex-container {
	margin-left: -2%;
	font-size: 115%;
	line-height: 140%;
}

#kleenex-logo {
	margin-left: 7%;
}

#kleenex-main {
	background: url('../../../img/kleenex-bg.png') no-repeat left top;
	height: 611px;
}

#kleenex-copy {
	padding: 40px 0 0 255px;
	width: 53%;
}

#kleenex-copy ul {
	width: 90%;
	margin-left: -2%;
}

#kleenex-copy img {
	padding-right: 10px;
}

#kleenex-disclaimer {
	font-style: italic;
	font-size: 80%;
	color: gray;
	margin-left: 7%;
	width: 87%
}


#grade-multiselect {
	color: #959595;
}

.grade-multiselect-error {
	border: 3px solid #d54444;
}

#school-grades-p {
	padding-right: 0px;
}

/*================================================
	General modal styles for app theme
=================================================*/

#app-page .modal, #bannerlinkModal.modal {
	border: none;
	border-top: #a6afb5 8px solid;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
}

#app-page .modal-backdrop.fade.in, #bannerlinkModal .modal-backdrop.fade.in {
	opacity: 0.01;
}

#app-page .modal.green-top, #bannerlinkModal.modal.green-top {
	border-top: #00a651 8px solid;
}

#app-page .modal.yellow-top, #bannerlinkModal.modal.yellow-top {
	border-top: #f1bc03 8px solid;
}

#app-page .modal.blue-top, #bannerlinkModal.modal.blue-top {
	border-top: #44B1D5 8px solid;
}

#app-page .modal.red-top, #bannerlinkModal.modal.red-top {
	border-top: #D55544 8px solid;
}

#app-page .modal-header, #bannerlinkModal .modal-header {
	border: none;
	margin: 0;
	padding: 5px 25px 3px 25px;
	color: #5d6367;
}

#app-page .modal-header  h3, #bannerlinkModal .modal-header  h3  {
	padding: 0 0 5px 0;
	font-family: 'Bree Serif', serif;
	font-weight: normal;
	color:#5d6367;
}

#app-page .modal-body, #bannerlinkModal .modal-body {
	border: none;
	margin: 0;
	padding: 0 25px 25px 25px;
	max-height: 500px;
}

#app-page .modal-body h2, #bannerlinkModal .modal-body h2 {
	color: #5d6367;
	font-size: 26px;
	line-height: 30px;
}

#app-page .modal-body h4, #bannerlinkModal .modal-body h4 {
	color: #ce4553;
	font-weight: normal;
	font-size: 14px;
	padding: 20px 0 0;
	line-height: 1.2em;
}

#app-page .modal-body p, #bannerlinkModal .modal-body p {
	display: block;
	clear: both;
	padding: 13px 0;
	font-family: 'Bree Serif', serif;
	font-weight: normal;
	color:#a6afb5;
	font-size: 14px;
	line-height: 1.1em;
}

#app-page .modal .btn, #bannerlinkModal.modal .btn {
	font-family: 'Bree Serif', serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal !important;
	height: auto;
}

#app-page .modal input.error, #bannerlinkModal.modal input.error {
	border: 2px #df4242 solid;
}

#app-page .modal .error-message, #bannerlinkModal.modal .error-message {
	color: #df4242;
}

#app-page .modal .note, #bannerlinkModal.modal .note {
	background-color: #fffedb;
	padding: 10px 35px;
	margin-top: 6px;
	margin-bottom: 20px;
	margin-left: -25px;
	margin-right: -25px;
	font-family: 'Bree Serif', serif;
	font-size: 15px;
	color: #5d6367;
	-webkit-box-shadow: #e2e2e2 0px 2px 9px;
	-moz-box-shadow: #e2e2e2 0px 2px 9px;
	box-shadow: #e2e2e2 0px 2px 9px;
}

/*================================================
	Flat-ui modal variant for app theme
=================================================*/

#app-page .modal.flat-ui {
    background: #e0e0e0;
    border: 2px solid #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #000;
}
#app-page .modal.flat-ui .modal-body {
    color: #000;
    padding: 0 25px;
}

#app-page .modal.flat-ui .modal-header {

}

#app-page .modal.flat-ui .modal-body h2 {
    font-family: 'Bree Serif', serif;
    text-align: center;
    color: #3373a0;
    font-size: 26px;
    line-height: 1.2em;
    padding: 0;
    margin: 18px auto 7px;
}

#app-page .modal.flat-ui .modal-body h3 {
    text-align: center;
    font-family: 'Bree Serif', serif;
    color: #000;
    font-size: 19px;
    line-height: 1.3em;
    padding: 0;
    font-weight: normal;
    margin-top: 7px;
}

#app-page .modal.flat-ui .modal-body p {
    color: #000;
}

.modal.slide-right {
    -webkit-transition: margin .6s ease-in-out, left .6s ease-in-out, right .6s ease-in-out;
    -moz-transition: margin .6s ease-in-out, left .6s ease-in-out, right .6s ease-in-out;
    -o-transition: margin .6s ease-in-out, left .6s ease-in-out, right .6s ease-in-out;
    transition: margin .6s ease-in-out, left .6s ease-in-out, right .6s ease-in-out;
    right: auto;
    left: 100%;
    top: 10%;
    opacity: 1;
    margin: 0;
}
.modal.slide-right.no-transition-on-load {
    /* this class is removed by JS after page is loaded */
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.modal.slide-right.in {
    left: 50%;
    margin-left: -280px;
}

/*================================================
	Flat-ui WHITE modal variant for app theme
=================================================*/

#app-page .modal.flat-ui-white {
	background: #fff;
	border: none;
	color: #000;
}
#app-page .modal.flat-ui-white .modal-body {
	color: #000;
	padding: 25px;
	overflow: visible;
	background: #fff;
}

#app-page .modal.flat-ui-white .modal-header {

}

#app-page .modal.flat-ui-white .modal-body hr {
	margin: 20px auto;
}

#app-page .modal.flat-ui-white .modal-body h2 {
	font-family: 'Bree Serif', serif;
	text-align: center;
	color: #1CA7D0;
	font-size: 22px;
	line-height: 1.2em;
	padding: 0;
	margin: 18px auto 7px;
}

#app-page .modal.flat-ui-white .modal-body h3 {
	text-align: center;
	font-family: 'Bree Serif', serif;
	color: #000;
	font-size: 19px;
	line-height: 1.3em;
	padding: 0;
	font-weight: normal;
	margin-top: 7px;
}

#app-page .modal.flat-ui-white .modal-body a.button {
	background: #2E7DC0;
	display: inline-block;
	font-weight: normal;
	padding: 10px 16px 12px;
	border-radius: 5px;
	text-shadow: none;
	font-size: 20px;
	line-height: 1.2em;
	margin: 10px;
	min-width: 136px;
}

#app-page .modal.flat-ui-white .modal-body a.small-left {
	display: inline-block;
	margin-top: 30px;
}

#app-page .modal.flat-ui-white .modal-body p {
	color: #000;
}


/*================================================
	    Pledge login modal specific styles
=================================================*/

@media (min-width:480px) {
	/* alter desktop version without braking default responsiveness */
	#pledgeLoginModal.modal.fade {
		position: fixed;
		left: 50%;
		z-index: 1050;
		width: 460px;
		margin-left: -230px;
	}
}
#pledgeLoginModal .modal-body h2:first-child {
	max-width: 390px;
}


/*================================================
	    Gift ideas modal specific styles
=================================================*/

#giftIdeasModal .modal-body h2,
#app-page #giftIdeasModal .modal-body h2 {
	font-size: 25px;
	line-height: 1.2em;
	max-width: 400px;
	margin: 0 auto 15px;
	color: #000;
}

#giftIdeasModal {
	display: block!important;
}

@media (min-width:480px) {
	/* alter desktop version without braking default responsiveness */
	#giftIdeasModal.modal.slide-right {
		top: 10%;
		width: 460px;
	}
	#giftIdeasModal.modal.slide-right.in {
		position: fixed;
		left: 50%;
		right: auto;
		z-index: 1050;
		margin-left: -230px;
	}
}
@media (max-width:479px) {
	/* mobile version */
	#giftIdeasModal.modal.slide-right {
		top: 10px;
		width: auto;
		left: 100%;
		right: -100%;
		margin-right: -10px;
		margin-left: 0;
	}
	#giftIdeasModal.modal.slide-right .modal-body {
		overflow-y: scroll;
	}
	#giftIdeasModal.modal.slide-right.in {
		width: auto;
		left: 10px;
		right: 10px;
		margin-right: 0;
		margin-left: 0;
	}
}
#giftIdeasModal .gift-ideas-modal{
	position: relative;
}
#giftIdeasModal .gift-ideas-modal .close{
	position: absolute;
	top: 11px;
	right: 16px;
	display: inline-block;
	width: 20px;
	height: 20px;
	z-index: 2;
	text-align: center;
}
#giftIdeasModal.modal .gift-ideas-tab{
	position: absolute;
	z-index: 0;
	top: 40%;
	right: 96%;
	width: 148px;
	height: 148px;
	margin-top: -20px;
	background: transparent url('/img/gift-ideas-modal-tab.png') no-repeat;
	background-size: 100% auto;
	cursor: pointer;
	transition: right .6s ease-in-out;
	/* background-color: rgb(224, 224, 224); */
	/* outline: 1px solid #000; */
	/* border: 4px solid #E0E0E0; */
	/* border-top: none; */
}
@media (max-width: 1199px){
	#giftIdeasModal.modal .gift-ideas-tab{
		width: 120px;
		height: 120px;
	}
}
@media (max-width: 768px){
	#giftIdeasModal.modal .gift-ideas-tab{
		width: 100px;
		height: 100px;
	}
}
#giftIdeasModal.modal.in .gift-ideas-tab,
#giftIdeasModal.modal .gift-ideas-tab.inactive{
	right: 50%;
}
/*================================================
	    Coupons modal specific styles
=================================================*/


#listViewCoupons {
    display: block!important;
}

@media (min-width:480px) {
    /* alter desktop version without braking default responsiveness */
    #listViewCoupons.modal.slide-right {
        top: 10%;
        width: 460px;
    }
    #listViewCoupons.modal.slide-right.in {
        position: fixed;
        left: 50%;
        right: auto;
        z-index: 1050;
        margin-left: -230px;
    }
}
@media (max-width:479px) {
    /* mobile version */
    #listViewCoupons.modal.slide-right {
        top: 10px;
        width: auto;
        left: 100%;
        right: -100%;
        margin-right: -10px;
        margin-left: 0;
    }
    #listViewCoupons.modal.slide-right .modal-body {
        overflow-y: scroll;
    }
    #listViewCoupons.modal.slide-right.in {
        width: auto;
        left: 10px;
        right: 10px;
        margin-right: 0;
        margin-left: 0;
    }
}
#listViewCoupons .coupons-modal{
    position: relative;
}
#listViewCoupons .coupons-modal .close{
    position: absolute;
    top: 11px;
    right: 16px;
    display: inline-block;
    width: 20px;
    height: 20px;
    z-index: 2;
    text-align: center;
}
#listViewCoupons.modal .coupons-tab{
    position: absolute;
    z-index: 0;
    top: 40%;
    right: 100%;
    width: 133px;
    height: 117px;
    margin-top: -20px;
    background: transparent url('/img/coupons-logo.png') no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    transition: right .6s ease-in-out;
    /* background-color: rgb(224, 224, 224); */
    /* outline: 1px solid #000; */
    /* border: 4px solid #E0E0E0; */
    /* border-top: none; */
}
@media (max-width: 1199px){
    #listViewCoupons.modal .coupons-tab{
        width: 117px;
        height: 102px;
    }
}
@media (max-width: 768px){
    #listViewCoupons.modal .coupons-tab{
        width: 80px;
        height: 70px;
    }
}
#listViewCoupons.modal.in .coupons-tab,
#listViewCoupons.modal .coupons-tab.inactive{
    right: 50%;
}
#listViewCoupons.modal .modal-body{
    z-index: 1;
    background: #e0e0e0;
    text-align: center;
    max-height: 94vh;
}
#listViewCoupons.modal .boxes-section{
    margin-top: -18px;
}
#listViewCoupons.modal .boxes{
    text-align: center;
    margin-left: -17px;
}
#listViewCoupons.modal .boxes .box{
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    border: 1px solid #000;
    margin-left: 17px;
    background: #fff;
    margin-top: 17px;
    box-sizing: border-box;
}
#listViewCoupons.modal .modal-body a.coupons{
    margin: 10px auto 20px;
    display: inline-block;
}
#listViewCoupons.modal .modal-body p{
    text-align: center;
    padding: 0;
    margin: 5px auto 10px;
}
/*================================================
	Print Thank You modal specific styles
=================================================*/

@media (min-width:520px) {
	/* alter desktop version without braking default responsiveness */
	#printThankYouModal.modal.fade {
		position: fixed;
		left: 50%;
		z-index: 1050;
		width: 500px;
		margin-left: -250px;
	}
}

#printThankYouModal .modal-header h3 {
	padding-left: 34px;
	background-image: url(/img/printer_icon_24px.png);
	background-repeat: no-repeat;
}


#printThankYouModal .modal-body p {
	padding-top: 5px;
	padding-bottom: 0;
}

#printThankYouLogos a img {
	margin: 5px;
	max-width: 90px;
	max-height: 50px;
}

@media (max-width:520px) {
	/* avoid single logo wrapping down */
	#printThankYouLogos {
		max-width: 300px;
		margin: auto;
	}
}

/*================================================
	Pledge modal specific styles
=================================================*/
@media (min-width:420px) {
	/* alter desktop version without braking default responsiveness */
	#pledgeModal.modal.fade {
		position: fixed;
		left: 50%;
		z-index: 1050;
		width: 400px;
		margin-left: -200px;
	}
}

#pledgeModal input.pledge-modal-quantity {
	background-image:none;
	height:30px;
	padding:0px 10px;
	border: #a6afb5 1px solid;
	border-radius: 4px;
	width: 35%;
	min-width: 103px;
	margin-bottom: 3px;
	margin-left: 0 !important;
	margin-right: 10px;
	float:left;
}
#pledgeModal .btn {
	width: 40%;
	min-width: 123px;
	padding-right: 0;
	padding-left: 0;
}
#pledgeModal .rangBox {
	width:100%;
}

#pledgeModal .itembox_right ul li {
	color:#a6afb5;
}

span.inherit {
	font:inherit !important;
	display:inline !important;
}

#pledgeModal p.error-message {
	padding-top: 0;
}

#pledgeModal .green {
	color: #00a651;
}

#pledgeModalAlreadyPledged span b {
	font-weight: normal;
}

#amazonPledgeModal .inline-item {
	float: left;
	max-width: 45%;
	padding: 5px;
}

#amazonPledgeModal .close {
	bottom: 5px;
	right: 5px;
	position: absolute;
}

#amazonPledgeModal .link {
	color: #2F81AB !important;
	text-decoration: underline;
}

#amazonPledgeModal .link:hover {
	color: #5d6367 !important;
	text-decoration: underline;
}


/*================================================
	Forms mobile styles
=================================================*/
@media (max-width: 680px) {
	#notify-select {
		margin:0;
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.state .customStyleSelectBox, .notify-select .customStyleSelectBox, .create-list-info .customStyleSelectBox {
		background: #fff;
		width: 100%;
		height: 34px!important;
		display: block;
		border: #fff solid 3px;
		border-radius: 4px;
		box-shadow: 0 0 5px rgba(0,0,0,.25),inset 1px 1px 3px rgba(0,0,0,.3);
		-webkit-appearance: none;
		padding: 6px 0 0 9px;
		font-size: 13px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.cork-board .create-list-info .customStyleSelectBox{
		background-position: -9px -19px;
		background-size: 106%;
	}
	.cork-board .create-list-info .customStyleSelectBox.error {
		border: 3px solid #d54444;
		background-position: -9px -19px;
		background-size: 106%;
	}
	.grade-multiselect .customStyleSelectBox {
		border:none;
		box-shadow:none;
		padding-top: 0 !important;
		background:transparent;
	}
	.notify-select  .customStyleSelectBoxInner {
		font-size: 13px;
		width: 100px !important;
		white-space: pre;
		overflow: none;
		height: 16px!important;
	}
	#submit_send {
		box-shadow:none;
	}
	div.supply-confirm {
		font-size:15px;
	}

	.results-info-head a {
		color: #666 !important;
	}

}
@media (max-width: 420px) {
	.sidebar h4 {padding:7px 0 4px;}
	.sidebar {padding-bottom:5px;}
	.search-box-box h3 a {
		right:10px;
	}
	.paper {
		padding: 5%;
	}
	a#specialty {
		width: 237px;
	}
	a#supply {
		margin-left:0;
		width: 107px;
	}
	a#wishlist {
		margin-right: 0;
		width: 107px;
	}
	.create-list-steps {
		margin-top: 38px;
	}
	.create-list-info h3 {
		padding: 2px 10px 8px 10px;
	}
	.create-list-info .customStyleSelectBox {
		width: 220px;
		padding-top: 3px;
		height: 31px !important;
		background-image: url(/img/global/bg_select_drop_down_mobile.png);
 		border-color: #cccccc;
	}
	.cork-panel .create-list-info .customStyleSelectBox {
		background-position: -7px -4px;
		background-size: 106%;
	}
	.cork-panel .create-list-info .customStyleSelectBox.error {
		background-position: -8px -110px;
	}
	.create-list-info .customStyleSelectBoxInner {
		padding-left: 12px;
	}
	.create-list-info-steps p {
		margin-left: 20px;
		width: 225px;
	}
	.create-list-info label {
		font-size: 13px;
		top: 13px;
	}
	.step-2 .create-list-info label {
		padding-left: 0;
	}
	.create-list-info input[type="text"] {
		background-image: url(/img/global/bg_input_drop_down_mobile.png);
		width: 185px;
		padding-right: 40px;
		margin-left: -5px;
	}
	.create-list-info input[type="number"] {
		background-image: url(/img/global/bg_input_drop_down_mobile.png);
		width: 205px;
		padding: 0 0 0 20px;
		margin-left: -5px;
	}
	#choose-brand-item .list-item {
		margin: 7px auto 0;
		float: none;
	}
	.create-list-info h3 {
		padding: 25px 10px 8px;
	}
	.create-list-info p {
		margin: 10px auto 8px auto;
		text-align: center;
	}
	.choose-item-qty-info p {
		text-align: center;
	}
	#choose-item-description {
		width: 225px;
		margin-left: 15px;
		padding-left: 20px;
	}
	#choose-item-qty-p {
		width: 237px;
		margin-left: 10px;
	}
	.create-list-info p.text {
		width: 225px;
		margin-left: 15px
	}
	.choose-qty-no {
		margin-right: 0px;
		margin-left: -10px;
	}
	.create-list-info .step-3-questions h4 {
		width: auto;
		margin-left: 20px;
		font-size: 16px;
		padding-right: 5px;
	}
	span#school-list-desc-wrap {
		background-image: url(/img/global/bg_textarea_drop_down_mobile.png);
		width: 195px;
		padding: 20px 0px 20px 20px;
	}
	.create-list-info textarea {
		width: 178px;
	}
	.create-list-left-con, .create-list-items, .category_items {
		width: 285px;
	}
	.create-list-back {
		margin-right: 15px;
		margin-bottom: 10px;
	}
	.choose-qty-no, .choose-brand-no {
		font-size: 16px !important;
		background: url("/img/global/button_grey_large_mobile.png") no-repeat scroll 0 0 transparent;
		margin-left: 12px;
		margin-right: 0;
		width: 115px;
	}
	.choose-qty-yes, .choose-brand-yes {
		font-size: 16px !important;
		background: url("/img/global/button_red_large_mobile.png") no-repeat scroll 0 0 transparent;
		margin-left: auto;
		width: 115px;
	}
	.create-list-info .step-3-questions p {
		margin-left: 20px;
	}
	.create-list-info .step-3 label {
		left: 10px;
		width: auto !important;
		padding-right: 13px !important;
	}
	.publish-links {
		padding-left: 20px;
	}
	.sponsor-blurb {
		font-size: 11px;
		width: 205px;
	}
	.publish-list-drop-down h4 {
		padding-top: 45px;
	}
	.referral-list-complete, .referral-list-complete a {
		margin: -20px 15px 0 5px;
		text-decoration: none;
	}
	.referral-list-complete a {
		text-decoration: underline;
	}
	.notepad-action-finish {
		background-color: #C64F3F;
		background-image: none !important;
	}
	.create-list-title p.grade-multiselect select, .create-list-info p.grade-multiselect select {
		width: 205px;
	}
	.create-list-title p.grade-multiselect .customStyleSelectBox, .create-list-info p.grade-multiselect .customStyleSelectBox {
		padding: 20px 0 0 0;
	}
	.step-1 .supply-confirm a {
		float:none;
		margin:auto;
	}

	.role .customStyleSelectBox {
		background: url("/img/global/down_arrow.png") no-repeat scroll right center #EFEFEF;
		border: 3px solid white;
		border-radius: 8px 8px 8px 8px;
		box-shadow: 0 0 4px #999999;
		color: #666666;
		font-size: 0.8em;
		height: 21px;
		padding: 1px 0 0 10px;
		width: 92%;
	}
}

/* iPhone fixes */
.create-list-title p.grade-multiselect select.iPhoneFix, .create-list-info p.grade-multiselect select.iPhoneFix {
	height: 40px;
	width: inherit;
	padding: 5px;
}
#school-grades-p.grade-multiselect.iPhoneFix {
	height: 40px;
	background-image:none;
}

@media (max-width: 960px) {
.dashboard-search input {border-left:none; border-right:none; padding:0; }
#magnifying-glass {display:none;}
.dashboard-list-grid li {max-width:810px; }
.dashboard-list-actions {
    padding: 1% 3%;
    left:1%;
}
.dashboard-list-actions a {
    background: linear-gradient(to bottom, #808588 0%, #363B3F 100%) repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'Bree Serif',serif;
    font-size: 11px;
    line-height: 13px;
    margin: 0 5px 0 0;
    padding: 5px 10px;
}
.dashboard-list-actions a img {display:none;}
}

span.dashboard-list-modified {
	padding: 0;
	width: 90px;
	color: #666;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
}

.message_box, #flashMessage {
    border: 1px solid #E1E1E1;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 2px 2px 2px #E4EAEC;

    position: relative;
    margin: 12px 0 20px;
	padding: 10px;

    color: #44B1D5;
}
.message_box {
    background-color: #FFFFFF;
    font-size: 12px;
	text-align: center;
}
#flashMessage {
	font-size: 16px;
	background-color: #FFFEDB;
}
.message_box a {
    padding: 0 10px;
    text-decoration: none;
}

.buy-button {
	border: 2px solid #000;
	border-radius: 0;
	background-color: #fff;
	background: none;
	font-size: 20px;
	margin-right: 15px;
}

.buy-button:hover {
	background: none;
	background-color: #fff;
	text-decoration: none;
	text-transform: none;
}

.buy-button img {
	height: 35px;
	padding: 0;
}

.legal-disclaimer {
	font-size: 9px;
	margin-left: 12px;
	line-height: 1;
}
/*================================================
	Link Promotion boxes specific styles
      - also general promo boxes
=================================================*/
.link-promo-school,
.link-promo-list {
	margin-right: -4px;
	margin-left: -4px;
	padding: 22px 0 0 45px;
	height: 104px;
	cursor: pointer;
}
.link-promo-school {
    background: url('/img/link-promo-list.png') no-repeat scroll 0 0 transparent;
}
.link-promo-list {
    background: url('/img/link-promo-list.png') no-repeat scroll 0 0 transparent;
}
.link-promo-dashboard {
    background: url('/img/link-promo-dashboard.png') no-repeat scroll 0 0 #FFFFFF;
	padding: 150px 25px 25px 25px;
}

.dashboard-promo-revised {
	padding: 20px;
	background-color: rgb(238,248,251);
	color: rgb(125,129,131);
	margin-top: 13px;
}

.dashboard-promo-revised a {
	font-family: "Bree Serif", serif;
}

.dashboard-promo-revised > img {
	margin: 10px 0 0 0;
	box-shadow: -2px 3px 4px #889397;
}

.dashboard-promo-revised h3 {
	margin-bottom: 20px;
	padding: 0;
    font-family: 'Bree Serif',serif;
	font-weight: normal;
	color: #000000;
	font-size: 21px;
}

.link-promo-edit {
	cursor: pointer;
}

.link-promo-school h3,
.link-promo-list h3,
.link-promo-dashboard h3,
.link-promo-edit h3,
.promo h3 {
	margin-bottom: 20px;
	padding: 0;
    font-family: 'Bree Serif',serif;
	font-weight: normal;
	color: #686868;
}
.link-promo-school h3,
.link-promo-list h3 {
	font-size: 24px;
}
.link-promo-dashboard h3,
.link-promo-edit h3,
.promo h3 {
	font-size: 21px;
}

.link-promo-school p,
.link-promo-list p,
.link-promo-dashboard p,
.link-promo-edit p,
.promo p {
	padding: 0;
	font-weight: normal;
	line-height: 1.3em;
	color: #686868;
}
.link-promo-school p,
.link-promo-list p {
	/*width: 420px;*/
	font-size: 14px;
}
.link-promo-dashboard p,
.link-promo-edit p,
.promo p {
	font-size: 13.5px;
}
.create-list-right-con .link-promo-edit p,
.create-list-right-con .promo p {
	margin-top: 180px;
	margin-bottom: 0;
}

.link-promo-school .get-started,
.link-promo-list .get-started,
.link-promo-edit .get-started {
	color: #44B1D5;
	text-decoration: underline;
}

.link-promo-edit, .promo {
	margin-top: 13px;
	padding: 25px;
}

.link-promo-edit p, .promo p {
	margin-bottom: 20px;
}
.link-promo-edit p.last, .promo p.last {
	margin-bottom: 0;
}

.link-promo-edit a, .promo a {
	font-family: 'Bree Serif', serif;
}
/*================================================
	Connect modal specific styles
=================================================*/
@media (min-width:420px) {
	/* alter desktop version without braking default responsiveness */
	#wanttoclaimModal.modal.fade {
		position: fixed;
		left: 50%;
		z-index: 1050;
		width: 600px;
		margin-left: -300px;
	}
}
.want-to-claim-list-drop-down {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#wanttoclaimModal  .create-list-con {
	padding: 25px;
}

.want-to-claim-list-drop-down h3 {
	text-align: left;
	font-size: 22px;
}

.want-to-claim-list-drop-down h4 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	padding: 0px 0 8px;
}

.want-to-claim-list-drop-down p {
	font-size: 13.5px;
	margin: 1em 0 0.8em;
}

.want-to-claim-list-drop-down .return-to-find-a-list-container {
	width: 100%;
	text-align: center;
}

.want-to-claim-list-drop-down .return-to-find-a-list {
	display: inline-block;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
    background-color: #44B1D5;
	color: #FFFFFF;
	padding: 5px 10px !important;
	margin: 0 auto;
	text-align: center;
	width: auto;
}

.want-to-claim-list-drop-down .return-to-find-a-list:hover {
	background-color: #7fcee8;
	text-decoration: none;
}

.custom-list {
	margin: 0.8em 0 1.2em;
	text-align: left;
	font-size: 14px;
	line-height: 1.2em;
    font-family: 'Bree Serif',serif;
}

.custom-list-item {
	margin: 0 0 0.6em;
	overflow: hidden;
}

.custom-list .item-number {
	float: left;
	color: #D55544;
    font-family: 'Bree Serif',serif;
    font-weight: normal;
    /*line-height: 1.2em;*/
	margin: 0 0.2em 0 0;
}

.custom-list .item-content {
	margin: 0 0 0 1.2em;
	padding-bottom: 2px;
}

.custom-list .custom-list-item.current .item-heading {
	color: #D55544;
}

.custom-list .item-content .item-additional {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0.5em 0 0 0;
}

.want-to-claim-list-drop-down p.contact-support {
	text-align: center;
	font-size: 13px;
	font-style: italic;
	margin: 2.4em 0 0 0;
}


/*================================================
	Connect modal specific styles
=================================================*/
@media (min-width:420px) {
	/* alter desktop version without braking default responsiveness */
	#connectModal.modal.fade {
		position: fixed;
		left: 50%;
		z-index: 1050;
		width: 600px;
		margin-left: -300px;
	}
}

#app-page #connectModal .modal-header h3,
#bannerlinkModal .modal-header h3,
#app-page #shareModal .modal-header h3,
#app-page #new-list-modal .modal-header h3 {
	border-bottom: 1px solid #E1E1E1;
	padding: 0;
	margin: 0 0 5px 0;
}

#connectModal .list_details {
	overflow: hidden;
	margin: 1em 0;
}

.connect-teachers-container {
    border: 1px solid #E1E1E1;
    border-radius: 3px 3px 3px 3px;
}
.connect-teachers-container.error {
    border: 2px solid #DF4242;
}

.connect-teachers-header {
	padding: 0.7em 0.5em 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #f7f7f9;
	border-bottom: 1px solid #E1E1E1;
}

.connect-teachers {
	height: 150px;
	overflow-y: scroll;
}

.modal-body .btn-container {
	margin-top: 25px;
}

#connectModal .btn-container a.contactus-teacher {
	display: inline-block;
	font-size: 13px;
	padding-top: 6px;
}

#connectModal .btn,
#bannerlinkModal .btn,
#shareModal .btn,
#app_modal_wrapper .btn,
#list-add-items .btn,
#list-header-modal-region .btn {
	float: right;
	padding: 4px 15px;
	margin-left: 7px;
}

#connectModal .btn-success,
#bannerlinkModal .btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#connectModal .btn-success:hover,
#connectModal .btn-success:focus,
#connectModal .btn-success:active,
#connectModal .btn-success.active,
#connectModal .btn-success.disabled,
#connectModal .btn-success[disabled],
#bannerlinkModal .btn-success:hover,
#bannerlinkModal .btn-success:focus,
#bannerlinkModal .btn-success:active,
#bannerlinkModal .btn-success.active,
#bannerlinkModal .btn-success.disabled,
#bannerlinkModal .btn-success[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

#connectModal .btn-success:active,
#connectModal .btn-success.active {
  background-color: #942a25 \9;
}

#connectModal .manager-row {
	padding: 6px 6px 6px 10px;
}
#connectModal .manager-row:hover {
	background-color: #E2E2E2;
}

#connectModal .manager-checkbox {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 8px;
}
#connectModal .manager-row.selected .manager-checkbox {
	background-color: #44B1D5;
}

#connectModal .manager-name {
	margin-left: 5px;
	vertical-align: bottom;
}

#app-page #connectModal .no-managers {
	padding-right: 13px;
	padding-left: 13px;
}

/*================================================
	Banner modal specific styles
=================================================*/
@media (min-width:420px) {
	/* alter desktop version without braking default responsiveness */
	#bannerlinkModal.modal.fade {
		position: fixed;
		left: 50%;
		z-index: 1150;
		width: 600px;
		margin-left: -300px;
	}
}

#bannerlinkModal h3#bannerlinkModalLabel {
	background: transparent url('/img/global/link-icon.png') 0 7px no-repeat;
	padding-left: 25px !important;
}

#bannerlinkModal .btn-container a.contactus-teacher {
	display: inline-block;
	font-size: 13px;
	padding-top: 6px;
}

#app-page .modal .btn-container p, #bannerlinkModal.modal .btn-container p {
	clear: none;
	width: 40%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
}
#app-page #shareModal.modal .btn-container p {
	width: 60%;
	line-height: 1.2em;
	padding: 7px 0 0 0;
}

#bannerlinkModal .modal-body {
	overflow-y: scroll;
}

.banner-img {
	width: 100%;
}

#bannerlinkModal .banner-info {
	margin: 0;
}

/*
	This is here because there's a conflict in results_school.ctp, where bootstrap-3.3.7-custom-grid-buttons is loaded.
	Bootstrap graciously decides to set the border-box sizing for every element, which screws up the layout of the banner
	link dialog.  This style reverses the bootstrap settings
*/
#bannerlinkModal * {
	box-sizing: border-box;
	-webkit-box-sizing: unset;
}
#bannerlinkModal .banner-image,
#bannerlinkModal .banner-copy {
	width: 100%;
	margin: 0;
	padding: 0;
}
#bannerlinkModal .banner-image {
	float: left;
	/* margin: 25px 0; */
}
#bannerlinkModal .banner-copy {
	/* float: right; */
	margin: 0;
}
#bannerlinkModal .banner-copy #clipboard_message,
#bannerlinkModal .banner-copy #clipboard_text,
#bannerlinkModal .banner-copy .clipboard_message,
#bannerlinkModal .banner-copy .clipboard_text {
    /* float: right; */
    /* padding: 5px; */
    width: 100%;
}
#bannerlinkModal .banner-copy #clipboard_message,
#bannerlinkModal .banner-copy .clipboard_message {
	background-color: #fff799;
	border: 1px solid #fff799;
	text-align: center;
    font-size: 0.8em;
    line-height: 1.1em;
	color: #555555;
}
#bannerlinkModal .banner-copy #clipboard_text,
#bannerlinkModal .banner-copy .clipboard_text {
	border: 1px solid #000000;
    font-size: 0.8em;
    height: 100px;
    line-height: 1.1em;
    overflow: auto;
}

#bannerlinkModal .modal-body .btn-container {
	margin-top: 15px;
}

#bannerlinkModal .custom-list {
	margin: 0;
}

#bannerlinkModal .custom-list .item-content {
	padding-bottom: 6px;
}

#bannerlinkModal .custom-list {
	margin: 0;
}

#bannerlinkModal .custom-list-item {
	margin: 0 0 0.2em;
}

#bannerlinkModal .custom-list .item-content {
	padding-bottom: 6px;
}

#modal-banner-toggle {
	display: unset;
	float: right;
	padding: unset;
}

/*================================================
	Share modal specific styles
=================================================*/
@media (min-width:420px) {
	/* alter desktop version without braking default responsiveness */
	#shareModal.modal.fade {
		position: fixed;
		left: 50%;
		z-index: 1050;
		width: 600px;
		margin-left: -300px;
	}
}

@media (max-width:420px) {
	#modal-banner-toggle {
		float: unset;
		display: inline-block;
		padding: 0 0 5px 0;
	}

	#modal-banner-toggle a  {
		margin-left: 0 !important;
	}

	#bannerlinkModal .modal-body {
		max-height: 47 0px;
	}

	#bannerlinkModal.modal .btn {
		font-size: 14px;
	}

	#bannerlinkModal .btn-container p {
		display: inline-block;
		width: 100% !important;
		margin-top: 2px;
	}

	#bannerlinkModal .item-heading {
		font-size: 11px;
	}

	#bannerlinkModal .modal-body p {
		font-size: 12px;
	}

	#bannerlinkModal .btn {
		margin-left: 3px;
		padding: 4px 12px;
	}
}

#app-page #shareModal h2#shareModalSaved {
	padding-left: 25px;
}

#app-page #shareModal h3#shareModalLabel {
	background: transparent url('/img/global/share-icon.png') 0 9px no-repeat;
	padding-left: 25px;
}

#shareModal .publish-links {
	margin: 35px auto 45px;
	padding: 0;
}

#shareModal .publish-links a {
	display: block;
	float: left;
	color: #363636;
	font-weight: normal;
	font-size: 17px;
	margin-left: 0px;
	text-align: center;font-family: 'Bree Serif', serif;
}

#shareModal .publish-links a:first-child,
#shareModal .publish-links a:first-child span {
	margin-left: 0;
}
#shareModal .publish-links a.last-child span {
	margin-right: 0;
}

#shareModal .publish-links a:hover {
	text-decoration: none;
	font-size: 19px;
}

#shareModal .publish-links a span {
	display: block;
	width: 85px;
	height: 105px;
	background-image: url('/img/global/icons_share.png');
	background-repeat: no-repeat;
	margin: 0 10px;
}

#shareModal .publish-list-email span {
	background-position: 0 0;
}

#shareModal .publish-list-email:hover span {
	background-position: 0 -115px;
}

#shareModal .publish-list-email:active span {
	background-position: 0 -115px;
}

#shareModal .publish-list-print span {
	background-position: -115px 0;
}

#shareModal .publish-list-print:hover span {
	background-position: -115px -115px;
}

#shareModal .publish-list-print:active span {
	background-position: -115px -115px;
}

#shareModal .publish-list-embed span {
	background-position: -230px 0;
}

#shareModal .publish-list-embed:hover span {
	background-position: -230px -115px;
}

#shareModal .publish-list-embed:active span {
	background-position: -230px -115px;
}

#shareModal .publish-list-embed:focus span {
	background-position: -230px -115px;
}

#shareModal .publish-list-facebook span {
	background-position: -345px 0;
}

#shareModal .publish-list-facebook:hover span {
	background-position: -345px -115px;
}

#shareModal .publish-list-facebook:active span {
	background-position: -345px -115px;
}

#shareModal .publish-list-twitter span {
	background-position: -460px 0;
}

#shareModal .publish-list-twitter:hover span {
	background-position: -460px -115px;
}

#shareModal .publish-list-twitter:active span {
	background-position: -460px -115px;
}

#shareModal .btn-container p {
	font-family: Arial, Helvetica, sans-serif;
}

#shareModalCouponLink {
	font-family: 'Comic Sans MS', cursive, sans-serif;
	font-size: 17px;
	color: black;
	text-decoration: underline;
}

#app-page #shareModal .btn-container a.btn {
	margin: 0;
}

#app-page #app_modal_wrapper span.help-inline.error {
	color: #b94a48;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

#new-list-modal p.modal-description {
	font-size: 13px;
	padding-top: 0;
	margin-bottom: 5px;
}

#new-list-modal p.opensans {
	font-family:'Open Sans', sans-serif;
}

#new-list-modal .quick-start-list {
	margin-right: -15px;
}

#new-list-modal .quick-start-list-item {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

#new-list-modal .quick-start-list-item-icon-container {
	background-color: #E2E2E2;
	padding: 4px 12px;
	text-align: center;
    border: 1px solid #D2D2D2;
    border-radius: 3px 3px 3px 3px;
}
#new-list-modal.quick-start .quick-start-list-item-icon-container:hover {
	border: 1px solid #007db1;
	background-color: #ecf9fb;
}

#new-list-modal .quick-start-list-item p {
	font-size: 11px;
	text-align: center;
	padding: 11px 0 0 0;
}

#new-list-modal label {display:block; cursor:pointer; font-weight:bold; font-size:12px;}

/*
 * Copied input styling from bootstrap.css
 *(which was commented out so as not to mess up teacherlists styling.
 */
#new-list-modal select,
#new-list-modal textarea,
#new-list-modal input[type="text"],
#new-list-modal input[type="password"],
#new-list-modal input[type="datetime"],
#new-list-modal input[type="datetime-local"],
#new-list-modal input[type="date"],
#new-list-modal input[type="month"],
#new-list-modal input[type="time"],
#new-list-modal input[type="week"],
#new-list-modal input[type="number"],
#new-list-modal input[type="email"],
#new-list-modal input[type="url"],
#new-list-modal input[type="search"],
#new-list-modal input[type="tel"],
#new-list-modal input[type="color"],
#new-list-modal .uneditable-input {
  display: inline-block;
  /*height: 20px;*/
  padding: 4px 6px;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}

#new-list-modal select,
#new-list-modal textarea,
#new-list-modal input[type="text"],
#new-list-modal input[type="password"],
#new-list-modal input[type="datetime"],
#new-list-modal input[type="datetime-local"],
#new-list-modal input[type="date"],
#new-list-modal input[type="month"],
#new-list-modal input[type="time"],
#new-list-modal input[type="week"],
#new-list-modal input[type="number"],
#new-list-modal input[type="email"],
#new-list-modal input[type="url"],
#new-list-modal input[type="search"],
#new-list-modal input[type="tel"],
#new-list-modal input[type="color"],
#new-list-modal .uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}

#new-list-modal select:focus,
#new-list-modal textarea:focus,
#new-list-modal input[type="text"]:focus,
#new-list-modal input[type="password"]:focus,
#new-list-modal input[type="datetime"]:focus,
#new-list-modal input[type="datetime-local"]:focus,
#new-list-modal input[type="date"]:focus,
#new-list-modal input[type="month"]:focus,
#new-list-modal input[type="time"]:focus,
#new-list-modal input[type="week"]:focus,
#new-list-modal input[type="number"]:focus,
#new-list-modal input[type="email"]:focus,
#new-list-modal input[type="url"]:focus,
#new-list-modal input[type="search"]:focus,
#new-list-modal input[type="tel"]:focus,
#new-list-modal input[type="color"]:focus,
#new-list-modal .uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
/*
 * End of Copied input styling from bootstrap.css
 */

#new-list-modal select, #new-list-modal textarea, #new-list-modal input,
#list-add-items-details select, #list-add-items-details textarea, #list-add-items-details input,
#list-add-items .quantity-container input,
#list-add-items .memo-container input
{
	width: 100%;
}
#list-add-items input#classrooms {
	width: 25px;
}
#list-add-items-details input[name="entry_method"] {
	width: auto;
	margin-right: 5px;
	margin-bottom: 3px;
}
#list-add-items input#classrooms_unknown {
	width: auto;
}

.entry-method-container {
	margin-top: 10px;
}

#list-add-items select,
#list-add-items textarea,
#list-add-items input,
#listDetailRow select,
#listDetailRow textarea,
#listDetailRow input {
	font-size: 14px;
	line-height: 15px;
}

#list-add-items .find-container input {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #E2E2E2;
}
#list-add-items .remove-brand-container a {
	font-size: 80%;
}
#list-add-items .gimme-info a {
	font-size: 80%;
}


#list-add-items.admin-edit-list #list-add-items-details .row-fluid .find-container .find-result {
	padding-top: 5px;
}

#list-add-items.admin-edit-list input#supply_list_url {
	line-height: 30px;
}

#list-add-items.admin-edit-list select#supply_list_post_date {
	min-height: 30px;
}

#list-add-items.admin-edit-list #list-add-items-details .row-fluid .control-group.supply_list_url,
#list-add-items.admin-edit-list #list-add-items-details .row-fluid .control-group.class_name,
#list-add-items.admin-edit-list #list-add-items-details .row-fluid .control-group.grade_level,
#list-add-items.admin-edit-list #list-add-items-details .row-fluid .control-group.description {
	padding-left: 25px;
}

/*#list-add-items.admin-edit-list input#supply_list_url,*/
#list-add-items.admin-edit-list input#class_name {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #E2E2E2;
}
#list-add-items.admin-edit-list input#classrooms {
	padding-left: 5px;
	padding-right: 5px;
}

#list-add-items.admin-edit-list #supply_list_count_info {
	line-height: 30px;
}

#list-add-items.admin-edit-list input#class_name {
	min-height: 30px;
}

#list-add-items.admin-edit-list #list-add-items-details .control-group.modified {
	font-size: 14px;
	line-height: 30px;
	padding-left: 10px;
}

#list-add-items.admin-edit-list .entry-method-container,
#list-add-items.admin-edit-list .classrooms,
#list-add-items.admin-edit-list .classrooms_unknown {
	font-size: 13px;
}

#new-list-modal .modal-body .btn-container {
	margin-top: 15px;
}

#new-list-modal input {
	margin-right: 6px;
}

#new-list-modal #modal-details-cancel {
	display: inline-block;
	margin-top: 8px;
}

#new-list-modal div.control-group.last {
	margin-bottom: 2px;
}

#new-list-modal div.error-message,
#new-list-modal div.reqInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	min-height: 1px;
}
#new-list-modal div.reqInfo {
	margin-left: 12px;
	text-align: right;
}
span.reqText {
	font-weight: bold;
	color: #D55544;
}

#app_modal_wrapper #processingModal .modal-body {
	text-align: center;
	overflow: hidden;
}

#app_modal_wrapper #processingModal .modal-body img#loader {
	height: 32px;
	width: 32px;
}

#new-list-modal .control-group.error .checkbox,
#new-list-modal .control-group.error .radio,
#new-list-modal .control-group.error input,
#new-list-modal .control-group.error select,
#new-list-modal .control-group.error textarea,
#app_wrapper .control-group.error .checkbox,
#app_wrapper .control-group.error .radio,
#app_wrapper .control-group.error input,
#app_wrapper .control-group.error select,
#app_wrapper .control-group.error textarea,
#app_modal_wrapper .control-group.error .checkbox,
#app_modal_wrapper .control-group.error .radio,
#app_modal_wrapper .control-group.error input,
#app_modal_wrapper .control-group.error select,
#app_modal_wrapper .control-group.error textarea {
	color: #b94a48;
}
#app_wrapper .control-group.error input::-webkit-input-placeholder,
#app_modal_wrapper .control-group.error input::-webkit-input-placeholder {
	color: #b94a48;
}
#app_wrapper .control-group.error input:-moz-placeholder,
#app_modal_wrapper .control-group.error input:-moz-placeholder { /* Firefox 18- */
	color: #b94a48;
}
#app_wrapper .control-group.error input::-moz-placeholder,
#app_modal_wrapper .control-group.error input::-moz-placeholder {  /* Firefox 19+ */
	color: #b94a48;
}
#app_wrapper .control-group input:-ms-input-placeholder,
#app_modal_wrapper .control-group input:-ms-input-placeholder { /* set default (no error) color for IE */
	color: #aaa !important;
}
#app_wrapper .control-group.error input:-ms-input-placeholder,
#app_modal_wrapper .control-group.error input:-ms-input-placeholder {
	color: #b94a48 !important;
}
#new-list-modal .control-group.error input,
#new-list-modal .control-group.error select,
#new-list-modal .control-group.error textarea {
	border-color: #b94a48;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#list-add-items .control-group.error {
	color: #b94a48;
}

#list-add-items .control-group.error input,
#list-add-items .control-group.error select,
#list-add-items .control-group.error textarea {
	border-color: #b94a48;
	border: 2px solid;
}


#new-list-modal .control-group.error input:focus,
#new-list-modal .control-group.error select:focus,
#new-list-modal .control-group.error textarea:focus,
#list-add-items .control-group.error input:focus,
#list-add-items .control-group.error select:focus,
#list-add-items .control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

#list-add-items .control-group input:focus,
#list-add-items .control-group select:focus,
#list-add-items .control-group textarea:focus,
#list-add-items .control-group a:focus {
	border-color: #FFE4C4;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px #FFE4C4;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px #FFE4C4;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px #FFE4C4;
}

#list-add-items.admin-edit-list #list-add-items-details .row-fluid#find-school,
#list-add-items.admin-edit-list #list-add-items-details .row-fluid#find-district {
	border-top: 0;
}

#list-add-items.admin-edit-list .control-group input#classrooms:focus,
#list-add-items.admin-edit-list .control-group textarea#description:focus {
	border-color: #CE7D1D;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #CE7D1D;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #CE7D1D;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #CE7D1D;
}

#list-add-items .control-group a:focus {
	outline: none;
}

#list-add-items .control-group.modified {
	font-style: italic;
}

#list-add-items.admin-edit-list #list-add-items-details .row-fluid.top-border-row.list_name {
	padding-top: 26px;
	padding-bottom: 0;
	background: transparent url(../img/createlist/click-to-edit-details.png) 50% 10px no-repeat;
}

.top-border-row,
#list-add-items.admin-edit-list #list-add-items-details .row-fluid.top-border-row {
	border-top: 1px solid #E1E1E1;
	padding-top: 5px;
	padding-bottom: 5px;
}

.left-border-rowspan {
	border-left: 1px solid #E1E1E1;
}
.right-border-rowspan {
	border-right: 1px solid #E1E1E1;
}

#list-add-items #list-add-items-details .row-fluid .control-group {
	margin-bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
}

#list-add-items #list-add-items-details .row-fluid [class*="span"] {
	padding-top: 6px;
}
#list-add-items.admin-edit-list #list-add-items-details .row-fluid [class*="span"] {
	padding-top: 0;
}
#list-add-items #list-add-items-details .row-fluid .top-padding-none {
	padding-top: 0px;
}
#list-add-items #list-add-items-details .row-fluid .top-padding-four {
	padding-top: 4px;
}

#list-add-items #list-add-items-details .row-fluid.list_name {
	border-top: none;
}
#list-add-items #list-add-items-details #supply_list_count_info span {
	display: inline;
	padding: 0;
	font-size: inherit;
	color: inherit;
}
#list-add-items #list-add-items-details .row-fluid .classrooms_unknown {
	margin-top: 6px;
}


#list-add-items .suppliBox {
	min-height: 500px;
}

#list-add-items .list-add-items-header {
	background-image: -moz-linear-gradient( 90deg, #CD604D 0%, #B9402F 100%);
	background-image: -webkit-linear-gradient( 90deg, #CD604D 0%, #B9402F 100%);
	background-image: -ms-linear-gradient( 90deg, #CD604D 0%, #B9402F 100%);
	padding: 9px 10px 10px;
	color: #FFFFFF;
}

#list-add-items .list-add-items-body {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	background: transparent url(../img/createlist/click-to-edit-details.png) 50% 0 no-repeat;
}
#list-add-items.admin-edit-list .list-add-items-body {
	padding-top: 0px;
	background: none;
}

#list-add-items .list-add-items-body .row-fluid.list_name {
	border-top: none;
	padding: 0;
}

#list-add-items .add-item {
	padding-left: 22px;
	padding-top: 7px;
	margin-top: 2px;
	margin-bottom: 2px;
	background: transparent url(../img/createlist/add-item-blue-icon.png) 0 50% no-repeat;
}

#listDetailRow,
#sponsor-suggestion-items .sponsor-suggestion {
	border-top: 1px solid #E1E1E1;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
}
#sponsor-suggestion-items .sponsor-suggestion {
	font-size: 14px;
}
#sponsor-suggestion-items .sponsor-suggestion:first-child {
	border-top: none;
}
.sponsor_name-supporter {
	font-size: 11px;
}
#sponsor-suggestion-items input.quantity {
	text-align: center;
	border-radius: 3px;
	color: #fff;
	background: rgb(215, 70, 65);
	max-width: 30px;
	padding-top: 3px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	transition: 0.1s;
}
#sponsor-suggestion-items input.quantity:hover,
#sponsor-suggestion-items input.memo:hover {
	background: #fff !important;
	box-shadow: 0 0 1px rgb(121, 180, 199);
	border-radius: 0;
	margin-top: 15px;
	padding: 5px 2px 3px;
	margin-bottom: 2px;
	color: #000;
	width: 100%;
}

#sponsor-suggestion-items input#memo {
	margin-top: 15px;
}

#list-add-items form .quantity-container.control-group.error input#quantity {
	border: 2px solid #b94a48;
	background: #f2dede;
	color: #b94a48
}

#list-add-items .error-message,
#sponsor-suggestions-prompt .error-message {
	color: #df4242;
	font-weight: bold;
	margin: 25px 15px 25px 15px;
	font-size: 18px;
}

.sponsor-suggestion .add-item, .remove-item {
	padding: 1px 0 1px 25px;
	color: #66BAD3;
	cursor: pointer;
}
.sponsor-suggestion .add-item {
	background: transparent url(../img/createlist/add-item-blue-icon.png) top left no-repeat;
}
.sponsor-suggestion .remove-item {
	background: transparent url(../img/createlist/remove-item-blue-icon.png) top left no-repeat;
}

#list-add-items .list-add-items-body .row-fluid .control-group {
	margin-bottom: 0;
}
#list-add-items .list-add-items-body #replace-generics{
	padding-right: 10px;
}

#listDetailRow .list-detail {
	background: transparent url(../img/createlist/rearrange-item-icon.png) 10px 50% no-repeat;
	min-height: 30px;
}

.ui-sortable #listDetailRow {
	cursor: move;
}

#listDetailRow .list-detail .item-container,
#listDetailRow .list-detail .remove-brand {
	border-right: 1px solid #E1E1E1;
}

#listDetailRow .list-detail .remove-brand-container {
	margin-top: 8px;
}
#listDetailRow .list-detail .remove-container {
	padding-top: 8px;
}

#listDetailRow .list-detail input {
	margin-top: 8px;
}

#listDetailRow .list-detail input#quantity {
	text-align: center;
	border-radius: 3px;
	color: #fff;
	background: rgb(215, 70, 65);
	width: 18px;
	max-width: 30px;
	padding-top: 3px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	transition: 0.1s;
}

#list-add-items .wish-list .list-detail input#quantity {
	background-color: #00A651;
}

#listDetailRow .list-detail input#quantity.hundred {
	width: 25px;
}

#listDetailRow .list-detail input#quantity.hundreds {
	width: 30px;
}

#list-add-items img.sponsor-image {
	margin-top: -2px;
	margin-bottom: -2px;
}

#listDetailRow .list-detail .item_name,
#listDetailRow .list-detail .item_search,
#listDetailRow .list-detail .author,
#listDetailRow .list-detail .genre,
#listDetailRow .list-detail .summary,
#listDetailRow .list-detail .memo {
	min-height: 0px;
}
#listDetailRow .list-detail .item_search,
#listDetailRow .list-detail .author,
#listDetailRow .list-detail .genre,
#listDetailRow .list-detail .summary,
#listDetailRow .list-detail .memo {
	font-style: italic;
}

#listDetailRow .list-detail .memo-label {
	clear: both;
	display: inline-block;
	float: left;
	padding: 4px 0;
}

#listDetailRow .list-detail .srl-dropdown-thumbnail {
	clear: both;
	float: left;
	display: inline-block;
	height: 75px !important;
	width: auto;
	margin: 2px;
}

#app-page #list-add-items .list_name.control-group {
	background: url(../img/list_page/icon2.png) no-repeat 17px 8px;
	padding-left: 47px;
	margin-right: 30px;
	font-size: 18px;
}
#app-page #list-add-items .list_name.control-group.wish-list {
	background: url(../img/list_page/icon3.png) no-repeat 17px 8px;
}

#app-page #list-add-items input#list_name {
	background: none;
	padding-left: 0px;
}

#app-page #list-add-items .list_name.control-group {
	background: url(../img/list_page/icon2.png) no-repeat 17px 8px;
	padding-left: 47px;
	margin-right: 30px;
	font-size: 18px;
}
#app-page #list-add-items .list_name.control-group.wish-list {
	background: url(../img/list_page/icon3.png) no-repeat 17px 8px;
}

#app-page #list-add-items input#list_name {
	background: none;
	padding-left: 0px;
}

#list-add-items-items-add-item {
	background-color: #EAF8FB;
	color: #66BAD3;
	font-size: 19px;
	cursor: pointer;
}

#listDetailRow.ui-sortable-helper {
	position: relative;
	background: #66BAD3;
}

#listDetailRow:hover {
    background: none repeat scroll 0 0 #ECF7FA;
}

#listDetailRow .list-detail input,
#listDetailRow .list-detail textarea {
	background-color: transparent;
	max-width: 97%;
	margin-top: 3px;
	padding: 5px 2px 3px;
}

#listDetailRow:hover .list-detail input,
#listDetailRow .list-detail input:focus,
#listDetailRow .list-detail textarea,
#listDetailRow .list-detail textarea:focus {
	background: #fff;
	box-shadow: 0 0 1px rgb(121, 180, 199);
}

#listDetailRow:hover .list-detail input#quantity,
#listDetailRow .list-detail input#quantity:focus {
	background: #fff !important;
	box-shadow: 0 0 1px rgb(121, 180, 199);
	border-radius: 0;
	margin-top: 3px;
	padding: 5px 2px 3px;
	margin-bottom: 2px;
	color: #000;
	width: 100%;
}

#listDetailRow .list-detail .item_name-container img,
#sponsor-suggestion-items .row-fluid img {
	height: 34px;
}

#listDetailRow .list-detail li.list-option:focus {
	background-color: #ECF7FA;
}

#listDetailRow .list-detail li.list-option:first-child:hover,
#listDetailRow .list-detail li.list-option:first-child:focus {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#listDetailRow .list-detail li.list-option:last-child:hover,
#listDetailRow .list-detail li.list-option:last-child:focus {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

#listDetailRow .list-detail .select-item-options,
#listDetailRow .list-detail .remove-container {
	cursor: pointer;
}

#listDetailRow .list-detail .remove img {
	height: 16px;
}


#list-add-items-list-details .dropdown-menu {
	background: #FFFFFF none;
}
#list-add-items-list-details .sponsor-alternative .dropdown-menu {
	margin-top: 0;
}
#list-add-items-list-details .select-item-options .dropdown-menu {
	margin: 0;
	padding: 0;
	border: 0;
}
#list-add-items-list-details .sponsor-alternative .dropdown-menu .btn {
	float: none;
}
.list-detail-row .item-name-wrapper input {
    text-overflow: ellipsis;
}
.list-detail-row .item-name-wrapper {
	width: 100%;
	-webkit-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;
}

.list-detail-row .item-name-wrapper:hover {
	position: relative;
	z-index: 10000;
	width: 700px;
}

.sponsor-alternative.open .dropdown-menu:before {
/*.navbar .nav > li.open > a:after,
.navbar .nav > li.active > a:after {*/
	content: "";
	position: absolute;
	background: url(../img/createlist/left-arrow-white.png) no-repeat;
	width: 10px;
	height: 15px;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	left: -10px;
	top: 56px;
	z-index: 9999;
}

#app_wrapper .sponsor-alternative .dropdown-menu.red-top {
	border-top: #D55544 8px solid;
}
#app_wrapper .sponsor-alternative .dropdown-menu {
	border: none;
	border-top: #a6afb5 8px solid;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	top: -85px;
	padding: 15px 25px;
	text-align: center;
}
#app_wrapper .sponsor-alternative .dropdown-menu .supporting-sponsor {
	font-size: 80%;
	margin-top: 10px;
}
#app_wrapper .sponsor-alternative .dropdown-menu .partner-blurb {
	margin-bottom: 10px;
}
.sponsor-alternative .btn,
#list-complete-prompt .btn,
#update-year-prompt .btn,
#list-check-prompt .btn {
	float: none;
}

#app-page #sponsor-suggestions-prompt .modal-header {
	text-align: center;
}

#app-page #list-complete-prompt .modal-header h3,
#app-page #update-year-prompt .modal-header h3,
#app-page #list-check-prompt .modal-header h3,
#app-page #sponsor-suggestions-prompt .modal-header h3 {
	font-family:'Bree Serif', serif;
	color: #d54841;
}

#app-page #list-complete-prompt .modal-body p,
#app-page #update-year-prompt .modal-body p,
#app-page #list-check-prompt .modal-body p {
	font-family: Arial, Helvetica, sans-serif;
	color: #5d6367;
}

#list-complete-prompt, #list-complete-prompt .btn-container,
#update-year-prompt, #update-year-prompt .btn-container,
#list-check-prompt, #list-check-prompt .btn-container {
	text-align: center;
}

#abort-prompt .modal-body p {
	padding-bottom: 15px;
}

body .modal-narrow {
	width: 450px;
	margin-left: 225px;
}

.row-fluid .select-item-options {
	margin-left: 0;
	top: 5px;
}

#list-add-items .btn-container {
	overflow: hidden;
	padding: 10px 10px 5px;
}

#list-add-items .list-add-items-cancel {
	display: block;
	float: right;
	line-height: 20px;
	padding: 4px;
}

.select-item-options.clearfix {
    clear: both;
}

.select-item-options a {
	display: block;
	float: left;
	font-size: 0.80em;
	padding: 8px 10px;
	cursor: pointer;
	text-decoration: none;
	border-bottom: 1px solid #E1E1E1;
}
.select-item-options a:hover {
	background-color: #EEF7FC;
	text-decoration: none;
}

.select-item-options li {
	padding: 5px 10px;

	overflow: hidden;
}

.select-item-options li a.focus-class:focus {
    background: none repeat scroll 0 0 bisque;
}

.select-item-options li:hover,
.select-item-options li:focus {
    background: none repeat scroll 0 0 #ECF7FA;
}

.select-item-options li img {
	height: 34px;
}

.create-account-page .button.large.continue_to_connect_button {
	padding-top: 12px;
	padding-bottom: 9px;
}

#list-add-items-items .rounded-shadow-border,
.rounded-shadow-border {
    border: 1px solid #E1E1E1;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 2px 2px 2px #E4EAEC;
}

.find-container .dropdown-menu {
	left: 0;
	margin-left: 0;
    max-height: 200px;
    overflow-y: scroll;
    width: 100%;
}

.find-container .dropdown-menu li {
	padding: 1px 0 1px 5px;
}

.find-container .dropdown-menu li:hover {
	background-color: #DDEEFB;
}

#app_wrapper .dropdown-menu,
#app_modal_wrapper .dropdown-menu {
	background: #ffffff none 0 0 no-repeat;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);

/*	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.promo-gradient {
	background: #FFFFFF url('/img/global/bg_body_gradient.png') 0px -110px repeat-x;
}

#schoolInfo-supply-list-form-blurb {
	padding: 0 0 20px 30px;
	float: left;
	font-family: 'Bree Serif', serif;
	font-size: 14px;
}
.schoolInfo-supply-list-form-1st-field {
	padding-top: 70px;
}
#schoolInfo-same {
	padding: 10px 0 0 10px;
	display: table-cell;
	vertical-align: middle;
}
#schoolInfo-same-chkbx {
	width: auto;
	height: auto;
	background-image: none;
	margin: 0 8px 0 0;
	padding: 0;
}
#schoolInfo-zip {
	background-image: url('/img/global/bg_input_schoolInfo_zip.png');
	width: 155px;
	height: 46px;
}
.schoolInfo-percent50 {
	width: 50%;
}
#schoolInfo-indented {
	display: table-cell;
	vertical-align: middle;
}
#schoolInfo-find-button {
	min-width: 20px;
	display: table-cell;
	vertical-align: middle;
	padding: 15px 25px;
	background-color: #319bc9;
	border: 1px solid #E1E1E1;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #E4EAEC;
}
#schoolInfo-find-button:hover {
	background-color: #36a1cd;
}
.schoolInfo-button-text{
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	color: white;
}
#schoolInfo-done-button {
	min-width: 20px;
	display: table-cell;
	vertical-align: middle;
	padding: 15px 25px;
	background-color: #c64f3f;
	border: 1px solid #E1E1E1;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #E4EAEC;
}
#schoolInfo-done-button:hover {
	background-color: #cf4f3f;
}
.align-middle {
	vertical-align: middle;
}
#schoolInfo_select_school {
	width: 480px;
	max-height: 400px;
	display: block;
	overflow-y: auto;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.schoolInfo_select_list {
	padding: 3px 10px 3px 13px !important;
	font-family:'Open Sans', sans-serif;
	letter-spacing: -0.02em;
	font-size: 14px;
	line-height: 16px;
	float: none !important;
}
.schoolInfo_link {
/*	background-color: #ffffff; */
	font-weight: normal !important;
	font-size: 14px !important;
	line-height: 16px !important;
	width: 794px;
	color: black;
}
.schoolInfo_link:hover {
	color: black;
	text-decoration: none;
}
.schoolInfo_school_li {
	background: none !important;
}
.schoolInfo_school_li:hover {
	background-color: #ddeefb !important;
}
#mgr_title_div, #post_title_div {
	padding-top: 8px;
}
#schoolInfo-err-header {
	color: red;
	padding: 0 20px 0 30px;
}
#schoolInfo-err-msgs {
	color: red;
	padding: 0 12px 20px 50px;
}
.schoolInfo-supply-list-form-1st-field {
	padding-top: 70px;
}
img.school-admin-icon {
	vertical-align: -15%;
	margin-right: .5em;
}
.h2-collapse.prompt-admin {
	position: relative;
}

#choose-admin-schools .school-row {
	padding: 6px 6px 6px 10px;
}
#choose-admin-schools .school-row:hover {
	background-color: #E2E2E2;
}
#choose-admin-schools .school-checkbox {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 8px;
}
#choose-admin-schools .school-row.selected .school-checkbox {
	background-color: #44B1D5;
}
#choose-admin-schools .school-name {
	margin-left: 5px;
	vertical-align: bottom;
}
#choose-admin-schools .no-school {
	padding-right: 13px;
	padding-left: 13px;
}

/*================================================
			New Homepage and header styles
=================================================*/

.bluehome {
	background: #0562a1 url('/img/home/home_background.jpg') no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: auto;
	padding-bottom: 30px;
	text-align: center;
	z-index: 1;
}
#header-transparent  {
	text-align: left;

}
#header-transparent .logo {
	background-image: url('/img/home/logo.png');
	width: 260px;
	height: 92px;
}
#header-transparent .navbar-inner {
	margin: 20px 0 0 30px;
	padding: 20px 55px;
	border-radius: 7px;
	border: 1px solid white;
	color: #fff;
	background: url('/img/home/grad.png');
	background: -moz-linear-gradient(top, rgba(1,88,141,0) 0%, rgba(0,36,68,0.43) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,88,141,0)), color-stop(100%,rgba(0,36,68,0.43))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(1,88,141,0) 0%,rgba(0,36,68,0.43) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(1,88,141,0) 0%,rgba(0,36,68,0.43) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(1,88,141,0) 0%,rgba(0,36,68,0.43) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(1,88,141,0) 0%,rgba(0,36,68,0.43) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0001588d', endColorstr='#6e002444',GradientType=0 ); /* IE6-9 */
}
#header-transparent .navbar .nav > li {
	padding-right: 15px;
	padding-left: 0;
}
#header-transparent .navbar .nav > li a {
	background: transparent url('/img/home/divider-wh.png') no-repeat right center;
}
#header-transparent .navbar .nav > li.last-child,
#header-transparent .navbar .nav > li.last-child a {
	padding-right: 0;
	background-image: none;
}
#header-transparent .navbar .nav > li>a {
	color: #fff !important;
	text-shadow: none;
	letter-spacing: 2px;
	font-size: 18px;
}
#header-transparent .add-nav li {
	line-height: 18px;
}
#header-transparent .add-nav {
	float: left;
	margin: 4px 0 0 20px;
	font: 12px Helvetica, sans-serif;
}
#header-transparent .add-nav li a {
	color: #fff;
	background-image: url(../img/home/bullet-add-nav-wh.png);
	font-weight: normal;
}
#header-transparent .dropdown-toggle {
	background-image: none;
}
#header-transparent #user-menu {
	float: left;
	margin-left: 15px;
}
.bluehome .container#homepage {
	position: relative;
	background: transparent url('/img/home/glow.png') no-repeat center top;
}
@media (min-width: 1300px) {
	.bluehome .container {
		width: 1305px;
		max-width: 100%;
	}
	#header-transparent {
		max-width: 1200px;
		margin: auto;
		padding-left: 20px;
	}
}
.home-top-logo {
	padding: 30px 20px 10px;
	max-width: 80%;
}
.header-home {
	font: 36px/42px 'Adobe Caslon Pro', Lora, 'Georgia', serif;
	padding-top: 3px;
	color: #f1f1f1;
	margin: 0 0 20px;
	text-shadow: 2px 2px 4px #000;
	text-shadow: 0px 2.5px 2.5px #000;
	text-transform: uppercase;
	letter-spacing: 0;
	display: inline-block;
	position: relative;
}
.findalist {
	font-family: "Bree Serif", serif;
	font-size: 18px;
	line-height: 17px;
	text-transform: uppercase;
	color: #fff;
	float: left;
	max-width: 70px;
	letter-spacing: 1px;
	text-shadow: 2px 2px #000;
	padding: 8px 0;
}
.home-search {
	background-color: #064369;
	padding: 7px;
	width: 350px;
	height: 50px;
	margin: 10px auto;
	border-radius: 10px;
	box-shadow: 0 0 10px #bbb;
	-moz-box-shadow: 0 0 10px #bbb;
	-webkit-box-shadow: 0 0 10px #bbb;
	position: relative;
}

.home-search input[type=text] {
	background: #fff url('/img/home/input_bg.jpg') no-repeat top left;
	font: 16px/18px Helvetica, sans-serif;
	padding: 15px 20px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	box-shadow: 5px 5px 5px #353535;
	-moz-box-shadow: 5px 5px 5px #353535;
	-webkit-box-shadow: 5px 5px 5px #353535;
	height: 20px;
	width: 164px;
	position: absolute;
	right: 74px;
	top: 7px;
}

.home-search input[type=submit] {
	background: #c6503c url('/img/home/submit_bg.jpg') no-repeat;
	width: 67px;
	height: 50px;
	overflow: hidden;
	text-indent: -100px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: 1px solid #b2241f;
	position: absolute;
	right: 7px;
	top: 7px;
	box-shadow: 5px 5px 5px #353535;
	-moz-box-shadow: 5px 5px 5px #353535;
	-webkit-box-shadow: 5px 5px 5px #353535;
}

.home-search label {
	font: 16px Helvetica,sans-serif;
	color: #939598;
	position: absolute;
	top: 23px;
	left: 105px;
	cursor: text;
	z-index: 2;
}
.home-search-shadow {
	left: 45px;
	width: 270px;
	height: 64px;
	box-shadow: 0 5px 30px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 5px 30px rgba(0,0,0,0.5);
	margin: 0 auto -74px;
	padding: 0;
}
.post-a-list-from-home {
	color: #c7eafb;
	font-family: "Bree Serif", serif;
	font-size: 19px;
	text-transform: uppercase;
	text-decoration: underline;
	text-shadow: 2px 2px 4px #000;
	margin: 2px auto 30px;
	display: block;
	position: relative;
	letter-spacing: 0.5px;
}
.post-a-list-from-home a {
	color: inherit;
	cursor: pointer;
	z-index: 1;
}
.b2s-made {
	color: #fff;
	font: 26px/33px 'Adobe Caslon Pro', Garamond, 'Apple Garamond', Georgia, serif;
	display: block;
	margin: 0 auto 20px;
	position: relative;
	z-index: 2;
}
.b2s-made span {
	font-weight: normal;
	font-style: italic;
}
.b2s-made b {
	font-weight: normal;
}
@media (max-width: 479px) {
	.b2s-made span,
	.b2s-made b {
		display: block;
	}
}
.home-copies {
	position: relative;
	display: block;
	margin: 50px auto 40px;
	width: 95%;
	max-width: 1450px;
	background: #fff url('/img/home/paper_bg_db.jpg') center top;
	box-shadow: 0 1px 11px #444;
	-moz-box-shadow: 0 1px 11px #444;
	-webkit-box-shadow: 0 1px 11px #444;
}
.home-copy {
	margin:0;
	display: inline-block;
	font: 16px/18px Helvetica, Arial, sans-serif;
	font-sytle: normal;
	color: #231f20;
	max-width: 45.5%;
	overflow: visible;
	position: relative;
	padding: 20px 1.5%;
	text-align: left;
}
.home-copy-left {
	float:left;
	padding-right: 1.5%;
	padding-left: 1%;
	max-width: 47.5%;
}
.home-copy-right {
	float: right;
	padding-left: 3%;
}
.home-copy-left img {
	float: left;
}
.home-copy-right img {
	float: right;
}
.home-copy h3 {
	font: 23px "Bree serif", serif;
	color: #d54841;
	padding: 20px 0 5px;
}
.home-copy p {
	padding: 5px 0;
}
.home-copy .blue {
	color: #003d7f;
	font-size: 15px;
}
.home-copy .blue a {
	color: inherit;
	font-weight: bold;
	text-decoration: underline;
}
.home-copy .blue a:hover {
	color: inherit;
	text-decoration: none;
}
.home-video-btn {
	position: absolute;
	top: -30px;
	left: 50%;
	width: 200px;
	margin-left: -119px;
	background: transparent url('/img/home/home_vid_btn_bg.png') no-repeat;
	padding: 10px 21px 24px 24px;
	z-index: 3;
	font: 21px/30px "Bree serif", serif;
	color: #d54841;
}
.home-video-btn:hover {
	color: #d54841;
}
.home-video-btn:active {
	padding: 10px 6px 12px 24px;
}
.paper-shadow {
	max-width: 100%;
	height: 37px;
	width: 328px;
	position: absolute;
	bottom: -38px;
}
.paper-shadow.left {
	background: url('/img/home/paper_shadow_l.png') no-repeat;
	left: -12px;
}
.paper-shadow.right {
	background: url('/img/home/paper_shadow_r.png') no-repeat;
	right: -12px;
}
.home-special-info {
	color: #fff;
	font: 17px/22px 'Open Sans', Helvetica, Arial, serif;
	text-align: left;
	overflow: visible;
	margin: -20px auto 0;
	max-width: 600px;
}
.home-special-info  img{
	float: left;
}
.home-special-info p  {
	padding-top: 30px;
}
.home-special-info p strong  {
	font-size: 18.5px;
	line-height: 23px;
}
.home-special-info a  {
	font-weight: bold;
	color: #fecd4e;
	text-decoration: underline;
}
.home-special-info a:hover  {
	text-decoration: none;
}
.bluehome .search-results.supplies,
.bluehome .gradient {
	background: none;
}
.bluehome .search_container {
	background-image: none;
	max-width: 1024px;
	padding-left: 2%;
	padding-right: 2%;
	text-align: left;
}
.bluehome .list-search-pagination a {
	color: #fff !important;
	text-shadow: 1px 2px 5px #000;
}
@media (max-width: 1199px) {
	.home-copy-left img,
	.home-copy-right img {
		padding: 10px 10px 0 0;
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.home-copies h3,
	.home-copies p {
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media (max-width: 767px) and (min-width: 380px) {
	/* move the main container up to save space */
	.bluehome .container#homepage {
		/* margin-top: -30px; */
	}
	.bluehome .search_container {
		padding-top: 60px !important;
	}
	/* where available, move the main container up to save space */
	/* used on: homepage, /schools  */
	._ #header-transparent .navbar
	._schools #header-transparent .navbar {
		margin-bottom: -30px; /* for firefox */
	}
	.home-top-logo {
		clear: both; /* for firefox */
	}
	#header-transparent .navbar .btn-navbar{
		position: absolute;
		right: 20px;
		z-index: 4;
	}
	#header-transparent .nav-collapse .nav {
		padding-top: 30px;
		padding-bottom: 0px;
	}
	#header-transparent .add-nav {
		position: absolute;
		top: 80px;
		z-index: 4;
	}
}
@media (max-width: 1199px) and (min-width: 980px) {
	/* wrap the nav below the header */
	#header-transparent .add-nav {
		clear: both;
		margin: 0;
		padding: 0;
	}
	#header-transparent #user-menu{
		margin-left: 15px;
		clear: both;
		padding-top: 10px;;
	}
	/* where available, move the main container up to save space */
	/* used on: homepage, /schools  */
	._ #header-transparent .add-nav,
	._schools #header-transparent .add-nav {
		position: absolute;
		top: 92px;
		z-index: 4;
	}
	/* and compensate for the search results */
	._ .bluehome .search_container,
	._schools .bluehome .search_container {
		padding-top: 90px !important;
	}
}
@media (max-width: 979px) and (min-width: 768px) {
	#header-transparent .container {
		position: relative
	}
	#header-transparent #user-menu {
		position: absolute;
		top: 8px;
		left: 260px;
	}
}
@media (max-width: 979px) {
	#header-transparent .logo{
		margin-left: 5px;
	}
	#header-transparent #user-menu {
		margin-left: 0;
		clear: both;
		padding-top: 5px;
	}
	#header-transparent .navbar .btn-navbar {
		box-shadow: 1px 2px 6px #444;
		-moz-box-shadow: 1px 2px 6px #444;
		-webkit-box-shadow: 1px 2px 6px #444;
	}
	#header-transparent .nav-collapse {
		width: 101%;
	}
	#header-transparent .navbar-inner {
		background: #064369;
		border: none;
		background: none;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		padding: 20px 15px;
	}
	#header-transparent .navbar .nav > li>a {
		line-height: 18px;
		padding-bottom: 10px;
		font-weight: normal;
		background-image: none;
		text-shadow: 2px 2px 6px black;
	}
	#header-transparent .navbar .nav > li>a.dropdown-toggle {
		background-image: url('/img/home/arrow-wh.png');
	}
	#header-transparent .dropdown-menu  {
		background: transparent;
		border: 1px solid #fff;
		border-radius: 7px;
		margin-bottom: 5px;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,88,141,0)), color-stop(100%,rgba(0,36,68,0.43))); /* Chrome,Safari4+ */
	}
	#header-transparent .dropdown-menu .drop-holder {
		background: transparent;
	}
	#header-transparent .zip-form {
		padding: 20px 18px 17px 18px;
	}
	#header-transparent .zip-form h3 {
		color: #fff;
	}
	#header-transparent .dropdown-menu .btn-holder {
		background: transparent;
	}
	.home-top-logo {
		padding-top: 0;
	}
}
@media (max-width: 767px) {
	#header-transparent #user-menu {
		position: absolute;
		z-index: 4;
	}
	#header-transparent .logo{
		margin: auto;
	}
	#header-transparent .navbar-inner{
		margin: 0;
	}
	.home-copy-left img,
	.home-copy-right img {
		height: 180px;
		width: auto;
	}
	.home-copy-right img#home-backpack {
		height: 220px;
		margin-top: -40px !important;
		margin-bottom: 0 !important;
	}
	.home-special-info {
		color: #fff;
		font: 17px/22px 'Open Sans', Helvetica, Arial, serif;
		text-align: center;
		overflow: visible;
		margin: auto;
		max-width: 600px;
	}
	.home-special-info  img{
		float: none;
	}
	.home-special-info p  {
		padding: 0 3%;
	}
}
@media (max-width: 579px) {
	.home-copy-left img {
		height: 140px;
		padding-top: 50px !important;
	}
}
@media (max-width: 480px) {
	#header-transparent .nav-collapse {
		padding-top: 15px;
	}
	#header-transparent .navbar .nav > li>a  {
		letter-spacing: 0;
	}
	.home-copies {
		background-position: left top;
		padding-top: 20px;
	}
	.home-copy {
		max-width: 100% !important;
		float: none;
		padding: 0 0 25px 0;
	}
	.home-copy-left img,
	.home-copy-right img {
		padding: 20px 10px 0 20px !important;
		display: inline;
		margin: 10px 0 0 !important;
		max-width: 50%;
		height: auto !important;
	}
	.home-copy-left img{
		float: right;
	}
	.home-copy-right img {
		float: left;
	}
	.home-copy-right img#home-backpack {
		margin: 0 !important;
	}
}
@media (max-width: 400px) {
	#header-transparent .add-nav {
		position: absolute;
	}
	.findalist {

	}
	.home-search {
		width: 290px;
	}
	.home-search input[type=text] {
		right: 15px;
	}
	.home-search input[type=submit] {
		width: 48px;
		background-position: center;
	}
	.home-search label {
		left: 98px;
	}
}

/*============ End New Homepage and header =================*/


/*================================================
		  Flat UI design general styles
=================================================*/

#content_wrapper.flat-ui {
    padding: 0;
}
/* search results background */
.flat-ui-homepage .gradient{
    background: #f1f0ee;
}

.page-section {
    padding: 30px 3%;
    background: #fff;
    color: #000;
    position: relative;
    text-align: center;
}
.page-section .inline-link {
    color: inherit;
    text-decoration: underline;
}
@media (max-width: 767px) {
    /* add sides padding after the container becomes fluid */
    .page-section {
        padding: 30px 5%
    }
}
.page-section.more-padding{
    padding: 50px 3%;
}
.page-section.no-padding{
    padding: 0 3%;
}
.page-section.no-padding-bottom{
    padding: 30px 3% 0;
}
.page-section.blue-bg {
    background: #007dae;
    color: #fff;
}
.page-section.red-bg {
    background: #cc4855;
    color: #fff;
}
.page-section.blue-bg .blurb p {
    font-weight: 300;
}
.page-section.gray-bg {
    background: #f1f0ee;
}
.page-section h2 {
    font-size: 38px;
    margin: 20px auto 10px;
    clear: both;
    line-height: 1.1em;
}
.page-section a {
    color: #007dae;
}
.page-section .red {
	color: #cc4855;
}
.page-section .blue {
	color: #007dae;
}
.page-section .text-bree {
	font-family: "Bree Serif", serif;
}
.page-section h2.left,
.page-section h2.right {
    box-sizing: border-box;
    height: 35px;
    clear: none;
    padding: 0 4%;
    margin-top: 0;
}
.page-section h2.left {
    border-right: 1px solid #000;
    text-align: right;
}
.page-section h2.right {
    text-align: left;
}
/* stack vertically on the same queue as blurbs */
@media (max-width: 767px) {
    .page-section h2.left,
    .page-section h2.right {
        text-align: center;
        border: none;
    }
    .page-section h2.right {
        margin-top: 30px;
    }
}
.page-section h2 a.cta {
    transition: 0.2s;
    color: inherit;
}
.page-section h2 a.cta:hover {
    color: #88DDFF;
    text-decoration: none;
}
.page-section h3 {
    font-size: 28px;
    font-family: "Bree Serif", serif;
    color: inherit;
    margin: 5px auto;
    letter-spacing: 0;
    font-weight: normal;
}
.page-section h3.cta {
    line-height: 1.2em;
}
.page-section h4 {
	font-family: "Bree Serif", serif;
	font-size: 22px;
	line-height: 1.2em;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 0;
}
.page-section .blurb p {
    line-height: 1.7em;
    font-size: 18px;
    padding: 0 9%;
}
.page-section .blurb.middle p {
    padding: 0 5%;
}
.page-section .blurb {
    padding: 15px 20px 50px;
    box-sizing: border-box;
}
.page-section .blurb h3 {
    padding: 24px 0 10px;
}
.page-section .blurb img {
    max-width: 163px;
}
.page-section .steps p.step ,
.page-section .blurb p.step {
    background: #555555;
    color: #fff;
    text-align: center;
    font-size: 75px;
    line-height: 1em;
    border-radius: 200px;
    padding: 0 0 0 1px;
    box-sizing: border-box;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-bottom: 19px;
}
.page-section .featured-logo {
    max-height: 59px;
    max-width: 240px;
    padding: 20px 30px;
}
.page-section .featured-logo.tall {
    max-height: 89px;
    max-width: 203px;
    padding: 20px 30px;
}
.page-section .featured-logo.wide {
	max-height: 59px;
	max-width: 240px;
	padding: 20px 30px;
}
.page-section .trusted-image,
.page-section .trusted-copy {
    width: 61%;
    box-sizing: border-box;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.page-section .trusted-image {
    max-width: 230px;
    width: 26%;
    margin: 0 20px 30px;
}
.page-section .trusted-copy p {
    font-size: 37px;
    line-height: 1.2em;
}
.page-section .trusted-copy .quote {
    font-size: 210px;
    line-height: 20px;
    color: #a7a7a7;
    height: 10px;
    display: block;
    margin-top: 77px;
    margin-bottom: -17px;
    font-family: Helvetica, arial, sans-serif;
}
.page-section .trusted-copy .sub {
    font-size: 16px;
    margin-top: 18px;
    line-height: 20px;
}

.page-section .play-button-wrap {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.page-section .play-button-wrap .play-button-red {
    position: absolute;
    top: 50%;
    height: 95px;
    left: 50%;
    margin: -45px !important;
}

@media (max-width: 480px) {

    /* smaller font for all sections' h2's */
    .page-section h2 {
        font-size: 31px;
    }

    /* re-align & smaller font for quote */
    .page-section .trusted-copy {
        width: 100%;
        padding-left: 20%;
    }
    .page-section .trusted-copy p {
        font-size: 30px;
    }
    .page-section .trusted-image {
        width: 55%;
    }
}

.page-section a.blue-flat-button{
	display: inline-block;
	background: #007DAE;
	color: #fff;
	padding: 16px 20px 13px;
	margin: 10px 0 0;
	font: 28px/32px 'Bree Serif', serif;
}
.page-section a.blue-flat-button[disabled]{
	background: #65a6cf;
}

.page-section.two-col-image-plus-copy .image-col.align-left {
	text-align: left;
}
.page-section.two-col-image-plus-copy .v-align-middle {
	vertical-align: middle;
	display: inline-block;
	float: none;
}
.page-section.two-col-image-plus-copy .image-col img {
	max-width: 100%;
	margin: 25px 0 25px 0;
}
.page-section.two-col-image-plus-copy .image-col img#laptop-staff {
	width: 579px;
	margin: 25px 0 25px 0;
}
.page-section.two-col-image-plus-copy .image-col img#iphone-with-list {
	height: 528px;
}
@media (max-width: 767px){
	.page-section.two-col-image-plus-copy .image-col.center-mobile,
	.page-section.two-col-image-plus-copy .copy-col.center-mobile {
		text-align: center;
	}
}
.page-section.two-col-image-plus-copy .image-col img#tablet-with-list {
	width: 470px;
}
.page-section.two-col-image-plus-copy .image-col h2 {
	margin: 0;
	padding: 0;
}
.page-section.two-col-image-plus-copy .copy-col h2 a.cta,
.page-section.two-col-image-plus-copy .image-col h2 a.cta {
	font-size: 22px;
	color: #007DAE;
	line-height: 30px;
}
.page-section.two-col-image-plus-copy .copy-col {
	text-align: left;
}
.page-section.two-col-image-plus-copy .copy-col p a {
	text-decoration: underline;
}
.page-section.two-col-image-plus-copy .copy-col.padding-top-desktop {
	padding-top: 6%;
}
@media (max-width: 767px){
	.page-section.two-col-image-plus-copy .copy-col h2.cta {
		text-align: center;
	}
	.page-section.two-col-image-plus-copy .copy-col.padding-top-desktop {
		padding-top: 0;
	}
}
.page-section.two-col-image-plus-copy .copy-col.right,
.page-section.two-col-image-plus-copy .image-col.right {
	float: right;
	margin-left: 0;
	margin-right: 2%;
}
.page-section.two-col-image-plus-copy .copy-col h2 {
	margin-bottom: 12px;
}
.page-section.two-col-image-plus-copy .copy-col h4 {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.1em;
	padding: 0;
	margin: 22px 0 4px;
}
.page-section.two-col-image-plus-copy .copy-col p {
	font-size: 18px;
	line-height: 1.5em;
}
.page-section.two-col-image-plus-copy h3.blue {
	color: #007dae;
}
.page-section.two-col-image-plus-copy .copy-col h4{
	font-size: 26px;
	font-family: "Bree Serif", serif;
	color: inherit;
	margin: 35px auto 12px;
	letter-spacing: 0;
	font-weight: normal;
}
.page-section.two-col-image-plus-copy .copy-col h4.red{
	color: #C7503C;
}
.page-section.two-col-image-plus-copy .copy-col h4.blue{
	color: #007dae;
}
.page-section.two-col-image-plus-copy .copy-col ul li{
	list-style: disc;
	margin-left: 21px;
	margin-bottom: 12px;
	color: #151515;
	font-size: 20px;
	line-height: 1.3em;
}
.page-section.smarter-links .blurb {
	padding-bottom: 20px;
}
.page-section.smarter-links .blurb p,
.page-section.smarter-links .blurb.middle p {
	padding: 0;
}
.page-section.share-tl p{
	font-size: 18px;
	line-height: 1.6em;
	max-width: 770px;
	margin: 20px auto;
}
.page-section.rotating-quotes .quotes {
	opacity: 0;
	margin-left: 20px;
	margin-right: -20px;
}
.page-section.rotating-quotes .quotes.active {
	opacity: 1;
	margin-left: 0;
	margin-right: 0;
	transition: 0.5s;
}
.share-tl .input-holder {
	text-align: left;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	position: relative;
}
/* ============= SHARE TACHERLISTS FORM ==============*/
.share-tl .input-holder div{
	position: relative;
}
.share-tl .input-holder input {
	width: 100%;
	padding: 11px 17px;
	box-sizing: border-box;
	font-size: 21px;
	line-height: 1.1em;
	font-family: 'Bree serif', serif;
}
.share-tl .input-holder label {
	display: inline-block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: bold;
}
.share-tl .input-holder a {
	display: inline-block;
	background: #666;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	box-sizing: border-box;
	padding: 14px 20px;
	font-family: 'Bree serif', serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 21px;
}
.share-tl .input-holder a[disabled] {
	background: #acacac;
}
.share-tl .school-selection {
	display: block;
	clear: left;
	text-align: right;
	padding: 0 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.share-tl .school-selection .list {
	padding: 0 10px;
	background: #fff;
	overflow-y: scroll;
	max-height: 200px;
}
.share-tl .school-selection .list a {
	padding: 5px;
	display: block;
	color: inherit;
}
.share-tl .school-selection .list a b {
	display: block;
}
#schoolsPage-formError {
	color: #C13B2B;
	font-weight: bold;
	font-size: 17px;
	margin-top: 0;
	line-height: 1.2em;
	margin-bottom: 35px;
}
.share-tl .thanks {
	display: block;
	background: #007DAE;
	color: #fff;
	padding: 20px;
}
.share-tl p.zip-error-message {
	display: none;
	color: #C13B2B;
	font-weight: bold;
	margin-top: 0;
	font-size: 16px;
	text-align: right;
}
@media(max-width: 767px){
	.share-tl #schoolsPageForm{
		max-width: 400px;
		margin: 0 auto;
	}
}

/* ============= ZIP SEARCH POPUP ==============*/
.zip-search-flat {
	box-sizing: border-box;
	margin: 30px auto;
	width: 100%;
	max-width: 450px;
	position: relative;
	font: 27px/1.3em bold "Bree Serif", serif;
	text-align: left;
}
.zip-search-flat label {
	color: #000;
	position: absolute;
	top: 0;
}
.zip-search-flat a.submit-button,
.zip-search-flat label,
.zip-search-flat input{
	padding: 32px 15px 0px;
	box-sizing: content-box;
	vertical-align: middle;
	height: 28px;
	white-space: nowrap;
	z-index: 1;
	max-width: 221px;
	min-width: 138px;
	font-size: 26px;
	line-height: 0px;
	font-family: "Bree Serif",serif;
	display: inline-block;
}
.zip-search-flat label{
	z-index: 2;
}
.zip-search-flat input[type="text"]{
	margin-right: 8px;
	padding: 18px 15px 14px;
}
.zip-search-flat input[type="submit"]{
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.zip-search-flat a.submit-button{
	background: #007dae;
	color: #fff;
	text-align: center;
}

@media (max-width:767px) {
	/* re-align the form */
	.zip-search-flat input[type="text"] {
		margin-right: -10px;
		max-width: 55%;
		padding-right: 3%;
		padding-left: 3%;
		min-width: 0;
		border-radius: 0;
	}
	.zip-search-flat a.submit-button {
		max-width: 38%;
		padding-right: 3%;
		padding-left: 3%;
		min-width: 0;
	}
}

@media (max-width: 480px) {

	/* re-align the search form */
	.zip-search-flat {
		max-width: 310px;
		text-align: center;
	}

	.zip-search-flat a.submit-button, .zip-search-flat label, .zip-search-flat input {
		font-size: 22px;
	}
}

/*================================================
		    Flat UI design header
=================================================*/

#header-flat {
    text-align: right;
    min-height: 70px;
}

@media (max-width: 992px) {
	#header-flat{
		text-align: left;
	}
}

@media (max-width: 992px) {
	#header-flat .dropdown.open .dropdown-menu {
		position: relative;
		width: 100%;
		display: block !important;
		border: none;
		float: none;
		left: 0px !important;
		border-radius: unset;
		box-shadow: none;
		text-align: right;
	}

	#header-flat .dropdown.open .dropdown-menu li {
		text-align: right;
	}

	#header-flat .header-nav{
		overflow-y: unset;
		max-height: 100vh;
	}
}

#header-flat .menu-toggle-button {
	display: none;
    float: right;
    font-size: 18px;
    font-weight: 300;
    margin: 0 5px -10px 30px;
    color: #fff;
    max-width: 28%;
    text-align: center;
    line-height: 1.2em;
    padding: 11px 6px 7px;
    background: transparent;
    text-decoration: none;
}
#header-flat .menu-toggle-button .button-bars{
    transition: 0.3s;
}
#header-flat .menu-toggle-button .button-bars span {
    clear: none;
    display: block;
    height: 0;
    width: 19px;
    border: 2px solid #007DAE;
    margin-bottom: 4px;
	transition: 0.3s;
}
#header-flat .menu-toggle-button .button-bars.ex-out span {
	transform-origin: left;
	opacity: 0;
}
#header-flat .menu-toggle-button .button-bars.ex-out span:first-child {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 1;
}
#header-flat .menu-toggle-button .button-bars.ex-out span:last-child {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 1;
}
#header-flat .upload-lists {
	float: right;
	padding: 7px 1% 9px;
	font-size: 15px;
	font-weight: 300;
	margin: 19px 0 -10px 7px;
	color: #fff;
	background: #007DAE;
	max-width: 28%;
	text-align: center;
	line-height: 1.2em;
	cursor: pointer;
}
#header-flat .upload-lists:hover {
	text-decoration: none;
}
@media (min-width: 979px){
	#header-flat .upload-lists.more-margin-on-desktop {
		margin-left: 20px;
	}
}
#header-flat a.main-logo {
    max-width: 53%;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    line-height: 0;
    float: left;
    text-align: left;
    padding: 5px 0 5px 5px;
    margin-right: 3%;
    margin-bottom: -20px;
}
#header-flat a.main-logo img {
    max-height: 62px;
    display: block;
}
#header-flat .header-nav{
    display: inline-block;
    vertical-align: bottom;
}
#header-flat .header-nav .nav{
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    margin: 25px 0 10px 0;
    color: #007DAE;
}
#header-flat .header-nav ul.nav > li{
    display: inline-block;
}

#header-flat .header-nav ul.nav > li {
    margin-left: 20px;
    margin-bottom: 10px;
}
#header-flat .header-nav ul.nav > li a {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    color: #007DAE;
}

#header-flat .nav > li > a:hover,
#header-flat .nav > li > a:focus {
    text-decoration: underline;
    background-color: inherit;
}

#header-flat .desktop-user-actions{
    float: right;
    text-align: left;
	font-size: 12px;
	margin: 17px 0 0 10px;
}

#header-flat .desktop-user-actions .dropdown{
    height: 30px;
}

#header-flat .desktop-user-actions .dropdown-toggle{
    padding-right: 17px;
    padding-top: 0;
    margin-top: 10px;
}

#header-flat .medium-devices-user-actions{
    display: none;
}

#header-flat li.dropdown a.dropdown-toggle:after{
	content: '';
	height: 0;
	width: 0;
	/*position: absolute;
	right: 0;
	top: 6px;*/
	border-top: 7px solid #007DAE;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: none;
	display: inline-block;
	margin-left: 5px;
}

.header-link-centered {
	display: block !important;
	text-align: center !important;
	padding-bottom: 10px !important;
}

.dropdown-menu ul li{
	display: block;
	float: none;
	text-align: left;
	padding: 0px;
}
#header-flat .nav-search-wrapper{
	white-space: nowrap;
}

.sticky-header-wrap.margin-bottom-20{
	margin-bottom: 20px;
}

#header-flat .dropdown-menu ul li a{
	display: block;
	padding: 11px 5px 11px 5px;
	margin: 0;
	line-height: 1.2em
}
#header-flat .dropdown-menu ul li a:hover{
	background-color: #007DAE;
	color: #FFF;
}

#header-flat .dropdown-menu{
	left: -25px;
	padding: 0px;
}

#nav-login-signup{
	font-weight: 700;
}
form#nav-browse-zip-form {
	padding: 10px;
	text-align: left;
}

#nav-browse-zip-form input[type=text] {
    display: inline-block;
    max-width: 60%;
    border: 1px solid lightgray;
    padding: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    max-height: 30px;
    margin-right:0px;
}

#nav-browse-zip-form input[type="submit"] {
    margin-left: 0px;
    height: 30px;
    display: inline-block;
    padding: 5px;
    border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-right: 10px;
}

/*
For blue design
#nav-zip-form input[type=text] {
    display: inline-block;
    max-width: 50%;
    border: 2px solid #007DAE;
    padding-left: 5px;
    max-height: 30px;
    margin-right:0px;
    font-family: "Bree Serif", serif;
    height: 30px;
}

#nav-zip-form input[type="submit"] {
    margin-left: 0px;
    height: 34px;
    display: inline-block;
    padding-right: 10px;
    background-color: #007DAE;
    color: #FFF;
    font-family: "Bree Serif", serif;
    padding-left: 5px;
 
}
*/
@media (min-width: 1440px){
    /* hang the menu outside the container */
    #header-flat .container {
        position: relative;
    }
    #header-flat .desktop-user-actions {
        display: block;
        position: absolute;
        left: 100%;
        top: 0;
        width: 300px;
	}
	
	#nav-login-signup{
		padding-left: 100px;
	}
}
@media (max-width: 979px) {
    /* show user action as inline */
    #header-flat .desktop-user-actions{
        display: none;
    }
    #header-flat .medium-devices-user-actions{
        display: inline-block;
    }
}
#header-flat .desktop-user-actions a{
    display: block;
    padding: 0 5px;
    color: #007DAE;
}

#user-menu.blue.flat {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#user-menu.blue.flat .dropdown-menu {
    display: none;
    background: #fff;
    color: #007DAE;
}
#user-menu.blue.flat .dropdown-menu li {
    background: #fff;
    color: #007DAE;
    width: 100%
}
#user-menu.blue.flat .dropdown-menu li a{
    padding-right: 10px;
}
#user-menu.blue.flat .open .dropdown-menu {
    display: block;
    margin-top: 6px;
    border-color: #007dae;
}
#user-menu.blue ul.dropdown-menu a:hover {
    background-color: #007DAE;
    color: #fff;
}
#user-menu.blue.flat > li.dropdown {
    border-radius: 0;
    padding: 0 4px 0 0;
    margin: 0;

    border: none;
    background: transparent;
    width: auto;
}
#user-menu.flat > li.dropdown a {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    color: #007DAE;
    background: transparent;
    position: relative;
}
#user-menu.flat > li.dropdown a.dropdown-toggle {
    display: inline-block;
    height: auto;
    line-height: normal;
    font-size: 15px;
}
#user-menu.flat > li.dropdown a.dropdown-toggle:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    right: 0;
    top: 6px;
    border-top: 7px solid #007DAE;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: none;
}

/* sticky header option */
.sticky-header-wrap {
    max-width: 100%!important;
}
.sticky-header-wrap #header-flat{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 8;
    background: #fff;
    border-bottom: 1px solid #DDD;
}

#header-flat #scroll-top-button {
	cursor: pointer;
	position: fixed;
    bottom: 10%;
    right: 0;
    padding: 20px 15px 10px;
    background: #007DAE;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    opacity: 0;
    border: 1px solid #B4D9E8;
    border-right: none;
    text-align: center;
    transition: 0.5s;
}
#header-flat #scroll-top-button span {
    display: block;
    font-size: 40px;
}

#header-flat .dropdown a {
    background: none;
}
#header-flat .header-search-form {
    position: absolute;
    top: auto;
    left: auto;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    padding: 8px;
    margin: 14px 0 0 -190px;
    background: #F1F0EE;
}
#header-flat .header-search-form:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -14px;
    margin-right: 20px;
    border: 14px solid transparent;
    border-top: none;
    border-bottom: 17px solid #F1F0EE;
}
#header-flat .header-search-form .input-holder {
    text-align: left;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    position: relative;
}
#header-flat .header-search-form .input-holder div{
    position: relative;
}
#header-flat .header-search-form .input-holder input {
    width: 100%;
    padding: 11px 17px;
    box-sizing: border-box;
    font-size: 21px;
    line-height: 1.1em;
    font-family: 'Bree serif', serif;
}
#header-flat .header-search-form .input-holder input[type="submit"] {
    display: none;
}
#header-flat .header-search-form .input-holder label {
    display: inline-block!important;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
}
#header-flat .header-search-form .input-holder a {
    display: inline-block;
    background: #666;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    box-sizing: border-box;
    padding: 14px 20px;
    font-family: 'Bree serif', serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
}
#header-flat .header-search-form .input-holder a[disabled] {
    background: #acacac;
}

/* always show nav above mobile */
@media (min-width: 761px) {
    #header-flat .header-nav {
        display: inline-block !important;
    }
}

/* match padding to content for medium devices */
@media (min-width: 481px) and (max-width: 768px) {
	#header-flat .container{
		padding: 0 3%;
		box-sizing: border-box;
	}
	#header-flat a.main-logo {
		padding: 0;
	}
	#header-flat .medium-devices-user-actions li:last-child{
		margin-right: 0;
	}
}

/* compact header for mobile */
@media (max-width: 760px) {

    #header-flat {
        text-align: left;
        min-height: 40px;
    }
    #header-flat a.main-logo,
    #header-flat .upload-lists,
    #header-flat .menu-toggle-button {
        margin-right: 3px;
        margin-left: 0;
    }
    #header-flat a.main-logo {
        float: none;
        max-height: 40px;
        box-sizing: border-box;
        width: 40%;
        padding: 4px 3px 4px;
        margin: 0;
    }
    #header-flat a.main-logo img {
        max-height: 34px;
    }
    #header-flat .upload-lists {
		font-size: 13px;
		border-bottom: 1px solid #117399;
		margin-top: 4px;
		padding: 8px 4.5px;
    }

    #header-flat .menu-toggle-button {
        display: block;
    }
    #header-flat .header-nav {
        display: none;
        text-align: right;
        width: 100%;
		padding: 0 5%;
		box-sizing: border-box;
    }
    #header-flat .header-nav .nav{
        margin: 24px 0 4px;
    }

    #header-flat .header-nav ul.nav > li,
    #header-flat .header-nav ul.nav .medium-devices-user-actions li{
        display: block;
        margin-bottom: 15px;
    }

	#header-flat .header-nav ul li.separator{
		display: none;
	}

    #header-flat .header-nav ul.nav > li.last-child{
        margin-bottom: 10px;
    }
    
    #header-flat #user-menu {
        margin-top: 0;
    }
    /* re-align zip search */
	#header-flat .header-search-form {
		margin: 16px -0 0 -107px;
		width: 240px;
	}
	#header-flat .header-search-form:after {
		margin-right: 117px;
	}
}
/*================================================
	  Flat-ui design pages: /schools, /start
=================================================*/

.page-section.supplies-bg {
    background: #3C576A url('/img/pages/schools/supplies-bg-1920.jpg') no-repeat center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
@media only screen
and (min-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .page-section.supplies-bg {
        background: #3C576A url('/img/pages/schools/supplies-bg-2742.jpg') no-repeat center;
        background-size: cover;
    }
}
@media (min-width: 1921px) {
    .page-section.supplies-bg {
        background: #3C576A url('/img/pages/schools/supplies-bg-2742.jpg') no-repeat center;
        background-size: cover;
    }
}
/*@media (max-width: 767px) {*/
    /*.page-section.supplies-bg {*/
        /*background: url('/img/pages/schools/supplies-bg-767.jpg') no-repeat center;*/
        /*background-size: cover;*/
    /*}*/
/*}*/

.page-section.supplies-bg h1{
    color: #fff;
    font-size: 50px;
    letter-spacing: 0px;
    margin-top: 80px;
    max-width: 820px;
}
.page-section.supplies-bg p{
    font-size: 28px;
    max-width: 600px;
    margin: 16px auto 40px;
    line-height: 1.4em;
}

@media (max-width: 480px) {
    /* smaller fonts for top section */
    .page-section.supplies-bg {
        background-position-x: -216px;
    }

    .page-section.supplies-bg h1 {
        font-size: 36px;
        line-height: 1.07em;
        padding: 13px;
        margin-top: 33px;
        text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.75);

    }

    .page-section.supplies-bg h1 span {
        display: block;
    }

    .page-section.supplies-bg p {
        font-size: 22px;
        margin: 20px auto 30px;
        max-width: 304px;
        font-weight: 300;
    }
    .page-section h3.cta {
        padding: 24px 10px 10px;
    }
}
.page-section.tablet-bg-activate {
    background: #858383 url('/img/pages/schools/tablet-bg-activate-1740.jpg') no-repeat bottom center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
@media only screen
and (min-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .page-section.tablet-bg-activate {
        background: #858383 url('/img/pages/schools/tablet-bg-activate-3300.jpg') no-repeat center;
        background-size: cover;
    }
}
@media (min-width: 1921px) {
    .page-section.tablet-bg-activate {
        background: #858383 url('/img/pages/schools/tablet-bg-activate-3300.jpg') no-repeat center;
        background-size: cover;
    }
}
/*@media (max-width: 767px) {*/
/*.page-section.tablet-bg-activate {*/
/*background: url('/img/pages/schools/tablet-bg-activate-767.jpg') no-repeat center;*/
/*background-size: cover;*/
/*}*/
/*}*/

.page-section.tablet-bg-activate h1{
    color: #fff;
    font-size: 69px;
    /*text-shadow: 1px 2px 1px #000000;*/
    letter-spacing: 0px;
    margin: 70px auto 10px;
    max-width: 820px;
}
.page-section.tablet-bg-activate p{
    font-size: 24px;
    /*text-shadow: 1px 2px 1px #000000;*/
    /*font-weight: bold;*/
    max-width: 760px;
    margin: 16px auto 20px;
    line-height: 1.4em;
}

@media (max-width: 767px) {
    /* smaller fonts for top section */
    .page-section.tablet-bg-activate h1 {
        font-size: 48px;
        line-height: 1.07em;
        padding: 13px 0;
        margin-top: 33px;
    }
    /* shift background */
    .page-section.tablet-bg-activate {
        background-position-x: -366px
    }
}
@media (max-width: 480px) {
    /* shift background and add tint */
    .page-section.tablet-bg-activate {
        background-position-x: -366px
    }
    .page-section.tablet-bg-activate:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.35);
        z-index: 0;
    }
    .page-section.tablet-bg-activate .container {
        position: relative; /* creates a new stacking context to be above the tint backdrop */
    }

    /* smaller fonts for top section */
    .page-section.tablet-bg-activate h1 {
        font-size: 36px;
        line-height: 1.07em;
        padding: 13px 0;
        margin-top: 33px;
    }

    /*.page-section.tablet-bg-activate h1 span {*/
        /*display: block;*/
    /*}*/

    .page-section.tablet-bg-activate p {
        font-size: 21px;
        margin: 20px -3% 21px;
        /*max-width: 354px;*/
        font-weight: normal;
    }
}


/*================================================
	  Flat-ui design: generic innerpage template
=================================================*/


.page-section.innerpage-template-header h1{
    font-size: 48px;
    max-width: 790px;
    padding-left: 0;
    padding-right: 0;
}
.page-section.innerpage-template-header p{
    text-align: left;
    font-size: 26px;
    /*max-width: 760px;*/
    margin: 16px auto 20px;
    line-height: 1.4em;
}
.page-section.innerpage-template-header p.regular-size{
	font-size: 24px;
}

@media (max-width: 767px) {
    /* smaller fonts for top section */
    .page-section.innerpage-template-header h1 {
        font-size: 38px;
        line-height: 1.07em;
        padding: 13px 0;
        margin-top: 33px;
    }
    .page-section.innerpage-template-header p{
        font-size: 22px;
    }
}
@media (max-width: 480px) {
    /* smaller fonts for top section */
    .page-section.innerpage-template-header h1 {
        font-size: 30px;
        margin-top: 0;
    }

    /*.page-section.innerpage-template-header h1 span {*/
    /*display: block;*/
    /*}*/

    .page-section.innerpage-template-header p {
        font-size: 18px;
        margin: 20px -3% 21px;
    }
}
.page-section.innerpage-template h2{
    color: #cc4855;
}
.page-section.innerpage-template p{
    color: #151515;
    text-align: left;
    font-size: 20px;
    line-height: 1.6em;
}
.page-section.innerpage-template p b.lead{
	font: 24px/1.2em "Bree Serif", serif;
}
.page-section.innerpage-template .subtitle{
    color: #000;
    text-align: center;
    font-size: 26px;
    line-height: 1.6em;
    margin: 5px auto 35px;
}
@media (max-width: 767px) {
    .page-section.innerpage-template .subtitle {
        font-size: 22px;
    }
}
.page-section.innerpage-template.blue-bg h2,
.page-section.innerpage-template.blue-bg p {
    color: #fff;
}
.page-section.innerpage-template p a{
    text-decoration: underline;
}
.page-section.innerpage-template .potential-image,
.page-section.innerpage-template .potential-copy {
    display: table-cell;
    vertical-align: top;
}
.page-section.innerpage-template .potential-copy h2 {
    text-align: left;
}
.page-section.innerpage-template .potential-image{
    width: 245px;
    padding-right: 20px;
}
.page-section.innerpage-template .potential-image.big{
    width: 300px;
    padding-right: 20px;
}
.page-section.innerpage-template .potential-image img{
    max-width: 100%;
}
@media(max-width: 1199px) {
    .page-section.innerpage-template .potential-image.big{
		width: 245px;
    }
}
@media(max-width: 600px) {
    .page-section.innerpage-template .potential-image,
    .page-section.innerpage-template .potential-image.big{
        width: 40%;
    }
}
@media(max-width: 480px) {
    .page-section.innerpage-template .potential-image,
    .page-section.innerpage-template .potential-image.big,
    .page-section.innerpage-template .potential-copy {
        display: block;
        width: 100%;
    }
    .page-section.innerpage-template .potential-image img{
        max-width: 245px;
    }
    .page-section.innerpage-template .potential-copy h2 {
        text-align: center;
    }
}
.page-section.innerpage-template .center {
    text-align: center;
}
.page-section.innerpage-template .steps div {
    display: table-cell;
    vertical-align: top;
}
.page-section.innerpage-template .steps > div {
    display: block;
    margin-bottom: 26px;
}
.page-section.innerpage-template .steps div.step {
    padding-right: 20px;
}
.page-section.innerpage-template .steps div.step p.step {
    background-color: #389280;
}
.page-section.innerpage-template .steps b {
    font: 24px/1.2em "Bree Serif", serif;
}
.page-section.innerpage-template .logos{
    max-width: 900px;
    margin: 0 auto;
}
.page-section.innerpage-template .partners-logo{
    max-height: 36px;
    max-width: 150px;
    padding: 10px 16px;
}
.page-section.innerpage-template .partners-logo.medium{
    max-height: 52px;
}
.page-section.innerpage-template .partners-logo.tall{
    max-height: 75px;
}
.page-section.innerpage-template .partners-logo.big{
	max-height: 70px;
	max-width: 250px;
	padding: 20px 30px;
}

@media (max-width: 480px) {
    /* display steps above the copy */
    .page-section.innerpage-template .steps div.step {
        display: block;
    }
}
@media (max-width: 480px) {
    /* smaller paragraph font */
    .page-section.innerpage-template p {
        font-size: 18px;
        line-height: 1.6em;
    }
}
@media (max-width: 767px) {
    .page-section.innerpage-template-header h1 {
        margin-top: 0;
    }
}

/*================================================
	  Flat-ui design page: /partners
=================================================*/

.page-section.innerpage-template.partners a{
	text-decoration: underline;
}
.page-section.innerpage-template.partners h3{
	font-size: 24px;
	padding: 30px 20px 5px;
}
.page-section.innerpage-template.partners .partners-logo{
	max-height: 36px;
	max-width: 150px;
	padding: 10px 10px;
}
.page-section.innerpage-template.partners .partners-logo.tall {
	max-height: 60px;
}
.page-section.innerpage-template.partners .partners-logo.wide {
	max-width: 180px;
}
.page-section.innerpage-template.partners .partners-logo.big {
	max-width: 160px;
	max-height: 80px;
}
.page-section.innerpage-template.partners .partners-logo.big.wider {
	max-width: 200px;
}
.page-section.innerpage-template.partners .partners-logo.huge {
	max-width: 170px;
	max-height: 170px;
}
.page-section.innerpage-template.partners .featured{
	text-align: center;
	text-transform: uppercase;
	font: bold 15px/1.2em 'Open Sans', sans-serif;
	margin: 16px auto 4px;
}
.page-section.innerpage-template.partners .blue-frame{
	background: #007dae;
	color: #fff;
	margin: 38px 30px 20px;
}
.page-section.innerpage-template.partners .blue-frame h3 a{
	color: #fff;
	text-decoration: none;
}
.page-section.innerpage-template.partners .blue-frame h3 a:hover{
	text-decoration: underline;
}
.page-section.innerpage-template.partners .blue-frame h4 a{
	color: #fff;
	margin-bottom: 30px;
	font-size: 18px;
	display: inline-block;
}
.page-section.innerpage-template.partners .partners-logo-side{
	width: 80%;
	box-sizing: border-box;
	max-width: 160px;
	padding-bottom: 30px;
}
.page-section.innerpage-template.partners .partners-logo-side.wide{
	max-width: 230px;
}

/*================================================
	  Flat-ui design page: /support
=================================================*/

.page-section.support hr {
	width: 97%;
}
.page-section.support .support-items p {
	margin-bottom: 25px;
	line-height: 1.3em;
	padding-right: 10px;
}
.page-section.support .support-items p span {
	display: table-cell;
	vertical-align: top;
}
.page-section.support .support-items p .img-wrap {
	width: 97px;
}
.page-section.support .support-items p .img-wrap img {
	border: 1px solid #595959;
}
.page-section.support .support-items p .text-wrap {
	padding-left: 20px;
}
.page-section.support.blue-boxes h3 {
	font-size: 32px;
	line-height: 1.2em;
}
.page-section.support .blue-box {
	background: #007dae;
	display: inline-block;
	color: #fff;
	padding: 15px 25px 20px;
	margin: 10px;
	font-size: 22px;
	line-height: 1.3;
	max-width: 260px;
}
.page-section.support .blue-box a {
	color: inherit;
	text-decoration: underline;
}
.page-section.support h3.cta {
	padding: 0;
	font-size: 32px;
	line-height: 1.2em;
}
@media (max-width: 480px) {
	.page-section.support.blue-boxes h3,
	.page-section.support h3.cta {
		font-size: 22px;
	}
}
.page-section.support.sticky-banner {
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -100px;
	padding: 10px 0 2px;
	background-color: #CC4855;
	border: 1px solid #fff;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-right: none;
}
@media(max-width: 992px) {
	/* hide the banner below tablet landscape*/
	.page-section.support.sticky-banner {
		display: none;
	}
}
.page-section.support.sticky-banner .container,
.page-section.support.sticky-banner .container .span20{
	width: 300px;
}
.page-section.support.sticky-banner a,
.page-section.support.sticky-banner h2,
.page-section.support.sticky-banner h3 {
	color: #fff;
	padding: 0;
	margin: 0;
}
.page-section.support.sticky-banner h2 {
	margin: 10px auto;
	font-size: 26px;
}
.page-section.support.sticky-banner h3 {
	margin: 10px auto;
	font-size: 20px;
	line-height: 1.2em;
}
.page-section.support.sticky-banner img {
	width: 80px;
}

/*================================================
	  Flat-ui design page: /ed-tech
=================================================*/

.page-section.tablet-touch-bg {
    background: #382E2C url('/img/pages/edTech/ed-tech-tablet-bg-1374.jpg') no-repeat center bottom;
    background-size: cover;
    text-align: center;
    color: #fff;
    min-height: 190px;
    max-height: 390px;
    padding: 0;
}
.page-section.tablet-touch-bg .size {
    width: 100%;
    padding-top: 28%;
}
@media only screen
and (min-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .page-section.tablet-touch-bg {
        background: #382E2C url('/img/pages/edTech/ed-tech-tablet-bg-2752.jpg') no-repeat center bottom;
        background-size: cover;
    }
}
@media (min-width: 1327px) {
    .page-section.tablet-touch-bg {
        background: #382E2C url('/img/pages/edTech/ed-tech-tablet-bg-2752.jpg') no-repeat center bottom;
        background-size: cover;
    }
}
/*@media (max-width: 767px) {*/
/*.page-section.supplies-bg {*/
/*background: url('/img/pages/schools/supplies-bg-767.jpg') no-repeat center;*/
/*background-size: cover;*/
/*}*/
/*}*/

.page-section.ed-tech.innerpage-template-header h1{
	max-width: 100%;
}
.page-section.development-done .image-col img{
	width: 400px;
}
.page-section.development-done .image-col.vertical img{
	width: auto;
	max-height: 380px;
}

/*================================================
 Flat-ui page: /schools-work-smarter (sweepstakes)
               /library-sweepstakes
               /loveyourlists
=================================================*/

.page-section.sweepstakes.winter-bg {
	background: #e9e9eb url(../img/pages/sweepstakes-winyourwishlist/winter-bg.jpg) no-repeat left center;
	background-size: cover;
}
.page-section.sweepstakes .social-icons {
    position: absolute;
    right: 7px;
    top: -20px;
}
.page-section.sweepstakes .text-red {
	color: #C7503C;
}

.page-section.sweepstakes .text-purple {
	color: #a60b37;
}

.page-section.sweepstakes .main-image {
    margin-bottom: 20px;
}
@media (max-width: 979px){
    .page-section.sweepstakes .main-image {
        margin-top: 30px;
    }
}
.page-section.sweepstakes .container {
    position: relative;
}
.page-section.sweepstakes h1 {
    color: #C7503C;
    padding: 0;
    margin: 20px auto;
}
.page-section.sweepstakes h2.cta {
    margin: 5px auto 0;
    color: #007dae;
}
.page-section.sweepstakes h2.cta a.cta:hover{
    color: #007dae;
    text-decoration: underline;
}
.page-section.sweepstakes p.official {
    font-style: italic;
    text-align: center;
    margin-top: 11px;
    font-size: 18px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
@media (min-width: 768px){
	.page-section.sweepstakes.loveyourlists h1,
	.page-section.sweepstakes.loveyourlists h2 {
		font-size: 52px;
	}
	.page-section.sweepstakes.loveyourlists p.bigger {
		font-size: 28px;
	}
}
.page-section.sweepstakes h2.cta a.cta:hover{
	color: #007dae;
	text-decoration: underline;
}
.page-section.sweepstakes.loveyourlists a {
	text-decoration: underline;
}
.page-section.sweepstakes.loveyourlists p.official {
	font-size: 22px;
	line-height: 1.2em
}
.page-section.sweepstakes.loveyourlists .steps .step{
	margin: 0;
}
.page-section.sweepstakes.loveyourlists .steps p:not(.step) {
	letter-spacing: -0.01em;
	font-size: 24px;
	line-height: 24px;
	text-align: left;
}
.page-section.sweepstakes.loveyourlists .steps > div {
	display: table;
	width: 100%;
	max-width: 550px;
	float: none;
	margin: 0 auto;
}
.page-section.sweepstakes.loveyourlists .steps > div > div {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}
.page-section.sweepstakes.loveyourlists .steps > div > div:last-child {
	width: 100%;
}
.page-section.sweepstakes.loveyourlists .callout img {
	margin: 30px auto;
	-webkit-box-shadow: 1px 4px 8px #acacac;
	-moz-box-shadow: 1px 4px 8px #acacac;
	box-shadow: 1px 4px 8px #acacac;
}
.page-section.sweepstakes.loveyourlists .sweepstakes-blue-button {
	margin: 15px 10px;
	display: inline-block;
	padding: 13px 20px 16px;
	font: 30px/1.2em 'Bree Serif', serif;
	color: #FFF;
	background: #196aa5;
	text-decoration: none;
}
.page-section.sweepstakes p.bigger {
    font-size: 23px;
    line-height: 1.5em;
    padding-bottom: 18px;
    max-width: 93%;
    margin: 0 auto;
}
.page-section.sweepstakes.library  p.bigger {
    line-height: 1.2em;
    text-align: center;
}
.page-section.sweepstakes.library  p.howto {
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 40px;
}
@media (min-width: 768px){
    .page-section.sweepstakes .steps div:first-child div:last-child p {
        width: 92%;
    }
}
.page-section.sweepstakes .steps div.step p.step {
    background-color: #555;
}

@media (max-width: 480px){
    .page-section.sweepstakes .steps div.step {
         display: table-cell;
    }
    .page-section.sweepstakes p.bigger {
        font-size: 18px;
    }
}

/*================================================
	  Flat-ui design page: /retail
=================================================*/

.page-section.retail-bg {
	background: #2f7dc0 url('/img/pages/retail/retail-bg-1761.jpg') no-repeat center bottom;
	background-size: cover;
	text-align: center;
	color: #fff;
}
.page-section.retail-bg h1{
	margin-top: 60px;
	font-size: 50px;
	line-height: 1.3em;
}
.page-section.retail-bg p{
	margin: 20px auto 30px;
	font-size: 26px;
	line-height: 1.4em;
	max-width: 720px;
}
@media (max-width: 767px){
	.page-section.retail-bg h1{
		margin-top: 40px;
		font-size: 30px;
		padding: 0;
	}
	.page-section.retail-bg p{
		font-size: 22px;
	}
	.page-section.retail .retail-info-pie {
		text-align: center;
	}
}
.page-section.innerpage-template.retail h2 {
	margin-bottom: 30px;
}
.page-section.retail img.shoppers {
	margin: 10px 0 30px 2%;
	max-height: 540px;
}
@media (min-width: 980px){
	.page-section.retail img.shoppers{
		max-height: 480px;
		margin-right: 4%;
		margin-left: 5%;
	}
}
@media (max-width: 550px){
	.page-section.retail img.shoppers{
		display: none;
	}
}
.page-section.retail .retail-info-pie {
	margin-top: 20px;
}
.page-section.retail .retail-info-pie.middle {
	padding: 0 2%;
	box-sizing: border-box;
}
.page-section.retail .retail-info-pie img {
	max-width: 100%;
	width: 288px;
	margin: auto;
}
.page-section.retail .many-lists{
	margin-top: 42px;
	margin-bottom: 20px;
}
.page-section.retail .many-lists img{
	margin: 0 auto;
	width: 400px;
}
@media (max-width: 767px){
	.page-section.retail .many-lists img.hidden-mobile {
		display: none;
	}
	.page-section.retail .many-lists img {
		margin-top: 20px;
	}
}
.page-section.retail .blue-button {
	background: #2f7dc0 url('/img/pages/retail/play-button-white-small.png') no-repeat 94% center;
	background-size: 38px;
	display: inline-block;
	color: #fff;
	font-family: "Bree Serif", serif;
	padding: 13px 63px 16px 16px;
	font-size: 22px;
	line-height: 1em;
	margin: 40px auto 50px;
}
.page-section.two-col-image-plus-copy.retail .copy-col p a.blue-button {
	text-decoration: none;
}
@media(max-width: 767px){
	.page-section.retail .center-mobile {
		text-align: center !important;
	}
	.page-section.retail .blue-button {
		margin-bottom: 30px;
	}
}
.page-section.retail h2 a.cta {
	line-height: 1.3em;
}
@media(min-width: 767px){
	.page-section.two-col-image-plus-copy .copy-col.right.add-margin-right {
		margin-right: 10%;
	}
}
.page-section.innerpage-template.retail .bigger .partners-logo{
	max-height: 60px;
	max-width: 140px;
	padding: 20px 30px;
}
.page-section.innerpage-template.retail .bigger .partners-logo.wide{
	max-width: 180px;
}
.page-section.innerpage-template.retail .bigger .partners-logo.tall{
	max-height: 80px;
}
.page-section.innerpage-template.retail span.red {
	color: #C7503C;
}

/*================================================
            Flat-ui page: /prizes
=================================================*/

.page-section.prizes.innerpage-template-header h1 {
    font-size: 50px;
}
.page-section.prizes.innerpage-template-header h2 {
    font-family: 'Open Sans', Arial, Helvetica, sans-seif;
    font-size: 28px;
    line-height: 1.2em;
    margin: 20px auto 0;
    max-width: 550px;
}
.page-section.prizes .social-icons {
    margin: -15px auto 0;
    text-align: right;
}

.page-section.prizes .cta h2,
.page-section.prizes .cta h3 {
    padding: 0;
}

.page-section.prizes .cta h2 {
    font-size: 36px;
    margin-top: 35px;
}
.page-section.prizes .cta h3 {
    font-size: 22px;
    margin-top: 15px;
}
@media (min-width: 768px) {
    /* copy-specific adjustments for desktop */
    .page-section.prizes.two-col-image-plus-copy .copy-col h2 {
        max-width: 430px;
        margin-left: 0;
    }
    .page-section.prizes.two-col-image-plus-copy .copy-col p {
        max-width: 430px;
    }
    .page-section.prizes.two-col-image-plus-copy .copy-col.padding-top-desktop {
        padding-top: 8%;
    }
    /* adjust image position to account for blurb */
    .page-section.prizes #tablet-with-blurb {
        margin-top: -3%;
        margin-left: -26%;
        max-width: 126%;
        max-height: 520px;
        margin-bottom: 50px;
    }
}
@media (min-width: 980px) and (max-width: 1199px) {
    /* limit tablet-with-blurb picture size for this specific width to prevent header overlapping with image */
    .page-section.prizes #tablet-with-blurb {
        max-height: 470px;
        margin-left: -19%;
    }
}
@media (min-width: 768px) and (max-width: 979px){
    /* move tablet-with-blurb CTA to right column */
    .page-section.prizes #tablet-with-blurb-cta {
        float: right;
        margin-left: 0;
        margin-right: 2%;
        text-align: center;
        width: 376px; /*span12*/
    }
}
@media (max-width: 480px) {
    /* adjust font size on small devices */
    .page-section.prizes .cta h2,
    .page-section.prizes.innerpage-template-header h1 {
        font-size: 28px;
        line-height: 1.2em;
    }
    .page-section.prizes.innerpage-template-header h2 {
        font-size: 18px;
    }
}


/*================================================
            sweepstakes banner
=================================================*/
.sweepstakes-info {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 5px;
    box-sizing: border-box;
    color: #fff;
    display:block;
    background: #ce4753;
    z-index: 30;
    text-align: center;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.6);
}
.sweepstakes-info p {
    display: inline-block;
    font: 16px/1.3em "Bree Serif", serif;
    max-width: 960px;
}
.sweepstakes-info a {
    font-family: Lato, Helvetica, arial, sans-serif;
    text-transform: uppercase;
    color: inherit;
}
.sweepstakes-info p a {
    margin-left: 10px;
}
.sweepstakes-info .close-sweepstakes-info {
    position: absolute;
    right: 0;
    top: 0px;
    padding: 4px 3px;
    color: #fff;
    font-size: 11px;
    margin-top: -7px;
    line-height: 19px;
}
@media (max-width: 480px) {
    .sweepstakes-info {
        padding: 5px 4%;
    }
    .sweepstakes-info .close-sweepstakes-info {
        font-size: 20px;
    }
}

/*================================================
            Flat-ui page: /about-us
=================================================*/

.page-section.about-us-bg {
    background: url('/img/pages/aboutUs/teacher-bg-1376.jpg') no-repeat center bottom;
    background-size: cover;
    text-align: center;
    color: #fff;
    min-height: 140px;
    max-height: 438px;
    padding: 0;
}
.page-section.about-us-bg .size {
    width: 100%;
    padding-top: 39%;
}
@media (min-width: 960px) {
    .page-section.about-us-bg {
        background: url('/img/pages/aboutUs/teacher-bg-1376.jpg') no-repeat center bottom;
        background-size: auto 438px;
        background-color: #4A614D;
    }
    .page-section.about-us-bg .size {
        width: 100%;
        padding-top: 438px;
    }
}
@media only screen
and (min-device-width : 1376px)
and (-webkit-min-device-pixel-ratio: 2) {
    .page-section.about-us-bg {
        background: url('/img/pages/aboutUs/teacher-bg-2752.jpg') no-repeat center bottom;
        background-size: auto 438px;
        background-color: #4A614D;
    }
}

.page-section.hear-from-you {
    padding-top: 40px;
    padding-bottom: 50px;
}
.page-section.hear-from-you p{
    font-size: 26px;
}
.page-section.hear-from-you p a{
    color: inherit;
}
@media (max-width: 480px){
    .page-section.hear-from-you p{
        font-size: 20px;
    }
}

/*================================================
            Flat-ui page: /video
=================================================*/

.page-section.landing-video p {
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
}
.page-section.landing-video .landing-video-wrap{
    margin: 0 auto;
}
.page-section.landing-video .landing-video-frame{
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    background: #000;
    padding-top: 56%;
}
.page-section.landing-video .jwplayer,
.page-section.landing-video .landing-video-frame .video-frame{
    position: absolute;
    top: 0;
    left: 0;
}
.page-section.landing-video .landing-video-frame .play-button-red{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -48px;
}


/*================================================
              Flat-ui page: /coupons
=================================================*/

.page-section.coupons .social-icons {
    position: absolute;
    right: 7px;
    top: -20px;
}

.page-section.coupons-bg {
    background: #959982 url('/img/pages/coupons/coupons-bg-1920.jpg') no-repeat center;
    background-size: cover;
    min-height: 480px;
    text-align: left;
}
@media only screen
and (min-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .page-section.coupons-bg {
        background: #959982 url('/img/pages/coupons/coupons-bg-2742.jpg') no-repeat center;
        background-size: cover;
    }
}
.page-section.coupons-bg h1 {
    text-align: left;
    color: #fff;
    font-size: 50px;
    line-height: 1.1em;
    padding-left: 0;
    max-width: 45%;
    margin-left: 0;
    margin-top: 2%;
}
.page-section.coupons-bg p {
    text-align: left;
    color: #fff;
    font-size: 28px;
    line-height: 1.4em;
    max-width: 48%;
    padding: 13px 50px 0 0;
}
.page-section.coupons-bg form {
    text-align: left;
    margin-left: 0;
}
.page-section.coupons-bg form fieldset {
    text-align: left;
}

/*coupons*/

#counter {
    background-color: #ffe;
    border: 1px solid #ccc;
    margin-left: -37px;
    padding:15px;
    width:100%;
    font-size:1.2em;
    text-align: left;
    font-family:Georgia,serif;
}

#coupons{
    text-align:left;
    clear: both;
    margin-left: -37px;
    margin-top: 10px;
}

#coupons h2, #coupons h3{
    background-image: none !important;
    color: #ec1c24 !important;
    font-family: Georgia;
    font-size: 2.6em !important;
    font-style: italic;
    font-weight: normal !important;
    line-height: 1.1em;
    margin: 0;
	text-align: center;
}

#coupons h3 {
	font-size: 1.6em !important;
	padding: 0;
}

#coupons h4 {
    color: #999 !important;
    font-size: 1em !important;
    font-style: italic;
    font-weight: normal !important;
    line-height: 1.125em;
    padding: 0 12px 12px;
    font-family: Georgia, serif;
    text-align: center;
}

#coupons img {
    position:relative;
    z-index: 1;
    margin-bottom: 10px;
    border-bottom: #ccc dashed 1px;
}

#coupons a{
    text-decoration: none;
}

.coupon-box {
    float:left;
    width:230px;
    height:461px;
    box-shadow: 4px 4px 4px #999;
    padding:5px;
    margin-bottom: 20px;
    margin-right: 5px;
}

/*.coupon-box-margin-right {
    margin-right:10px;
}*/

@media (min-width: 1280px) {
    /* make space for five in a row */
    .page-section #coupons_wrap {
        width: 105% !important;
        max-width: none !important;
        margin-left: -47px !important;
    }
}
@media (max-width: 1279px) {
    /* override iFrame styles to adjust height*/
/*    .page-section #coupons_wrap iframe {
        height: 100%!important;
    }*/
    /* make space for two rows */
    .page-section #coupons_wrap {
        height: auto !important;
        width: 105% !important;
        max-width: none !important;
        margin-left: -37px !important;
    }
}
@media (max-width:1200px){
    .page-section #coupons_wrap {
        height: auto !important;
        width: 105% !important;
        max-width: none !important;
        margin-left: -47px !important;
    }

}
@media (max-width: 1024px){
    /*Tablet landscape view coupons*/
    #coupons {
        clear: both;
        margin-left:-30px;
        margin-top: 10px;
        text-align: left;
    }

    #counter{
        width:100%;
        margin-left: -30px;
    }

    .page-section #coupons_wrap {
        width: 105% !important;
        max-width: none !important;
        margin-left: -37px !important;
        height:auto !important;
    }

}

@media (max-width: 780px){
    /* make space for three rows */
    .page-section #coupons_wrap {
/*        height: 1530px!important;
        max-width: 525px!important;*/
    }
}
@media (max-width: 768px) {
    /*tablet portrait */
    .page-section.coupons-bg {
        background: #959982 url('/img/pages/coupons/coupons-bg-768.jpg') no-repeat center;
        background-size: cover;
    }
    .page-section.coupons-bg h1 {
        max-width: 60%;
        margin-left: 0;
    }
    .page-section.coupons-bg p {
        max-width: 340px;
    }
    #coupons {
        margin-left:0px;
    }
     #counter{
        width:94%;
        margin-left: -12px;
    }
    .page-section #coupons_wrap {
        width: 100% !important;
        max-width: none !important;
        margin-left: -20px !important;
        height:auto !important;
    }
    .page-section.prizes .social-icons {
        padding-right:30px;
    }
}

@media (max-width: 480px) {
    /* shift background and add tint */
    .page-section.coupons-bg {
        background-position-x: 56%;
        min-height: 0;
    }
    .page-section.coupons-bg:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.35);
        z-index: 0;
    }
    .page-section.coupons-bg .container {
        position: relative; /* creates a new stacking context to be above the tint backdrop */
    }

    /* smaller fonts for top section */
    .page-section.coupons-bg h1 {
        font-size: 29px;
        line-height: 1.07em;
        padding: 13px 0;
    }
    .page-section.coupons-bg p {
        font-size: 17px;
        margin: 20px 0 21px;
        max-width: 80%;
        padding: 0;
        font-weight: normal;
    }
    /* center the form */

    .page-section.coupons-bg form fieldset {
        text-align: center;
    }

    #counter{
        width:92%;
        margin-left: 0;
    }
    .coupon-box{
        float:none;
        margin:0 auto;
        width:230px;
        margin-bottom:10px;
    }

    .page-section #coupons_wrap {
        width: 300px !important;
        max-width: none !important;
        margin-left: 0px !important;
        height:300px !important;
    }

    .page-section.prizes .social-icons {
        padding-right:0px;
    }

}

/*================================================
		General video modal
=================================================*/
@media (min-width:960px) {
	/* alter desktop version without braking default responsiveness */
	.TLvideoModal.modal.fade {
		position: fixed;
		left: 50%;
		z-index: 1050;
		width: 920px; /* this media query minus this modal's margins */
		margin-left: -460px; /* half of this modal's width */

        background: transparent;
        box-shadow: none;
        border: none;
	}
}
@media (max-width: 959px) {
    .TLvideoModal.modal.fade {
        position: fixed;
        top: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0;
    }
}
.TLvideoModal .modal-body,
.TLvideoModal .modal-header {
	width: auto;
	padding: 0;
	overflow: visible;
	position: relative;
	text-align: center;
    border: none;
    height: 1px;
}
.TLvideoModal #mediaplayer_wrapper {
	margin: 0 auto;
}
.TLvideoModal .close {
	position: absolute;
	top: -15px;
	right: -3px;
	background: #303030;
	border: 1px solid #666;
	border-radius: 99px;
	width: 20px;
	height: 20px;
	color: white;
	opacity: 1;
	font-weight: normal;
	text-align: center;
	line-height: 15px;
	box-shadow: 0 0 10px #000;
	z-index: 1100;
}

/*================================================
		Blue Inner Pages general styles
=================================================*/
.interiorpage-content{
	background: url('/img/global/paper_bg_light.jpg') 0 0 repeat;
}
.interiorpage-content a {
	color: #1478b9;
}
.bluepage#content_wrapper {
	padding: 0;
}
.innerpage-section{
	padding: 30px 3%;
	background: #fff;
	border-top: 4px solid #fff;
	color: #343435;
	position: relative;
}
.innerpage-section.transparent{
	background: none;
	padding: 0 3%;
	border: none;
}
.innerpage-section.transparent p{
	font-size: 19px;
	line-height: 26px;
	width: 660px;
	max-width: 90%;
	margin: auto;
	padding: 0;
}
.innerpage-section.transparent a.secondary{
	color: #c6eafa;
	padding: 10px 0;
}
.innerpage-section.paper-bg{
	background: url('/img/global/paper_bg_light.jpg') repeat top left;
	position: relative;
}
.innerpage-section.paper-bg.grad{
	background: url('/img/global/paper_bg_light.jpg') repeat top left;
	background: url('/img/pages/schools/top-grad.png') repeat-x top left,  url('/img/global/paper_bg_light.jpg') repeat top left;
}
.innerpage-section.paper-bg.grad.no-bottom{
	padding-bottom: 0px;
}

.innerpage-section.supplies-bg{
	background: #d6e6ed url('/img/pages/schools/supplies-lightblue.jpg') no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.innerpage-section.supplies-bg.no-bottom{
	padding-bottom: 0px;
}

.innerpage-section.beige-bg{
	background: #f1ebe3;
}
.innerpage-section .red-text {
	color: #d74641 !important;
}
.innerpage-section .blue-text {
	color: #1478b9 !important;
}
.innerpage-section .light-text {
	color: #6d6e71 !important;
}
.innerpage-section .white-text {
	color: #fff !important;
}
.innerpage-section h2 {
	font: 28px/35px "Bree Serif", serif;
	margin-top: 10px;
	margin-bottom: 20px;
}
.innerpage-section img {
	z-index: 2;
}
.innerpage-section p,
.innerpage-section ul {
	margin-bottom: 10px;
	display: block;
	padding-right: 30px;
	font: 16px/21px Helvetica, Arial, sans-serif;
}
.innerpage-section ul li {
	list-style: disc;
	margin-bottom: 10px;
	margin-left: 20px;
	font: 16px/21px Helvetica, Arial, sans-serif;
}
.innerpage-section p a {
	color: #1478b9;
	font-weight: bold;
	text-decoration: underline;
}
.innerpage-section p a:hover {
	text-decoration: none;
}
.innerpage-section .main-action {
	margin-top: 40px;
}
.innerpage-section .main-action a{
	text-decoration: none;
}
.innerpage-section .main-action a:hover{
	text-decoration: underline;
}
.innerpage-section a.primary {
	font: 20px/24px "Bree Serif", serif;
	white-space: nowrap;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}
.innerpage-section a.secondary {
	font: 20px/24px "Bree Serif", serif;
	white-space: nowrap;
	color: #d74641;
	display: inline-block;
	vertical-align: middle;
	margin: 10px 20px;
}
.innerpage-section a.video {
	background: transparent url('/img/pages/schools/vid-btn.png') no-repeat;
	padding: 15px 21px 16px 24px;
	width: 200px;
	text-align: center;
	line-height: 30px;
}
.innerpage-section.transparent .main-action .primary-btn-shadow {
	box-shadow: 0 2px 37px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 2px 37px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 2px 37px rgba(0,0,0,0.7);
	position: relative;
	height: 46px;
	display: block;
	margin: auto;
	vertical-align: middle;
	width: 238px;
	border-radius: 10px;
}
.innerpage-section.transparent .main-action .primary-btn-shadow a.primary {
	background: #d74641;
	border-radius: 10px;
	position: absolute;
	top: -2px;
	left: -8px;
	width: 230px;
	padding: 10px;
}
.innerpage-section .focus p,
.innerpage-section .focus ul{
	padding: 0;
}
.innerpage-section p.quote {
	color: #6d6e71;
	font-style: italic;
	font-size: 19px;
	line-height: 25px;
	padding-top: 10px;
}
.innerpage-section p.quote-by {
	color: #6d6e71;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
}
/*================================================
		jQuery rotating quotes general styles
=================================================*/
/* layout */
.focus {
	text-align: center;
	/* padding: 20px; */
	height: auto;
	margin: 0 auto;
	position:relative;
	/* max-width: 878px; */
	border: none;
	background: none;
}
.focus ul li{
	position: absolute;
	/* width: 80%; */
	width: 100%;
	max-width: 100%;
	left: 50%;
	margin-left: -50%;
	opacity: 0.0;
	display: none;
}
.focus ul li.active{
	display: block;
	opacity: 1.0;
	position: relative;
	margin: 0 auto;
	left: 0;
}
.focus ul li .heading1 {
	margin: 5px auto;
}
.focus ul li .para1 {
	margin: 0 auto 10px;
	max-width:650px;
}
.focus .bullets {
	position: relative;
	bottom: 20px;
	width: 100%;
	text-align: center;
	padding-top: 0px;
	margin-top: 30px;
}

.bullets  ul{
	position: relative;
	margin: 20px auto 0;
	display:inline-block;
}
.bullets ul li{
	opacity: 1;
	width: 17px;
	height: 11px;
	position: relative;
	display: inline-block;
	margin: 3px;
	background: url('/img/pages/schools/greydot.png') no-repeat center;
	padding: 0;
	margin: 0;
	left: initial;
	cursor: default;
	float:left;
}
.bullets ul li.highlight{
	background: url('/img/pages/schools/reddot.png') no-repeat center;
}
/*================================================
	Blue inner page specific styles: Schools
=================================================*/

.unr-fast {
	min-height: 500px;
}
.makeover .container,
.unr-fast .container {
	position: relative;
}
.unr-fast .container {
	margin-bottom: 160px;
}

#emb-sample {
	float: right;
	padding: 0 20px;
	position: relative;
	width: 225px;
	height: 93px;
	max-width: 50%;
}
#emb-sample .arrow {
	position: absolute;
	right: -60px;
	top: -30px;
	z-index: 3;
}
#emb-sample .arrow-down{
	display: none;
}
#emb-sample .link-example{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}
#findyourlists {
	clear: both;
}
.example-printout {
	position: absolute;
	top: 25%;
	margin-top: -64px;
	left: 50%;
}
.admin-blurb {
	position: absolute;
	top: 60px;
	left: 70%;
	background: #f6fbfe;
	padding: 20px;
	width: 22%;
	max-width: 240px;
	border-radius: 5px;
	box-shadow: 0 6px 30px #aaa;
	-moz-box-shadow: 0 6px 30px #aaa;
	-webkit-box-shadow: 0 6px 30px #aaa;
	box-shadow: 0 6px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 6px 30px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 6px 30px rgba(0,0,0,0.3);
	color: #231f20;
	font: 15px/19px Helvetica, Arial, sans-serif;
	z-index: 3;
}
.admin-blurb h4 {
	font: 18px/24px Helvetica, Arial, sans-serif;
	padding: 0 0 5px 0;
	font-weight: bold;
}
.admin-blurb a {
	display: block;
	margin-top: 5px;
	font-size: 17px;
	line-height: 21px;
	text-decoration: underline;
	font-weight: bold;
	color: #1478b9;
}
.admin-blurb a:hover {
	text-decoration: none;
}
.concierge-blurb {
	position: absolute;
	top: 100%;
	max-width: 32%;
	padding: 17px;
	padding-right: 12% !important;
	padding-left: 90px;
	margin: 20px 0 0 12%;
	background: #d3463f url('/img/pages/schools/consierge-bell.png') no-repeat 20px 20px;
	color: #fff;
	border-radius: 10px;
}
.concierge-blurb b{
	font-size: 19px;
}

.flyer-blurb {
	top: 100%;
	max-width: 50%;
	padding: 14px;
	margin: 20px 0 0 0;
	background: #d3463f;
	color: #fff;
	border-radius: 10px;
}

.slide.active {
	min-height: 180px;
}
.innerpage-section.rot-quotes .container {
	background: url('/img/pages/schools/quotes-left.png') no-repeat left center, url('/img/pages/schools/quotes-right.png') no-repeat right center;
}
.innerpage-section.makeover {
	overflow: hidden;
	min-height: 177px;
}
.innerpage-section.makeover .win-copy h2 {
	/* margin-top: 15px; */
	margin-top: 0;
}
.innerpage-section.makeover .lounge-photo {
	position: absolute;
	top:0;
	right: 57%;
}
@media (max-width: 979px) and (min-width: 768px){
	.innerpage-section.only-system .main-action {
		position: absolute;
		bottom: 20px;
		left: 13%;
		width: 200px;
	}
}
@media (max-width: 979px) {
	.unr-fast .container {
		margin-bottom: 0;
	}
	.concierge-blurb {
		position: relative;
		margin: 20px auto;
		width: 91%;
		max-width: 9999px;
	}
	.admin-blurb {
		top: 15px;
	}
}
@media (max-width: 767px) {
	.innerpage-section.only-system img{
		margin: auto;
		margin-left: 0 !important;
		margin-bottom: -20px !important;
	}
	#emb-sample{
		padding: 0;
	}
	#emb-sample .arrow {
		display: none;
	}
	#emb-sample .arrow-down{
		display: block;
		position: absolute;
		right: 20px;
		top: 64px;
		z-index: 3;
		/* width: 78px; */
		/* height: 170px; */
	}
	#findyourlists {
		margin-top: 210px;
		clear: none;
		max-width: 80%;
	}
	.example-printout {
		float: right;
		clear: right;
		position: relative;
		top: 0;
		left: 0;
		margin-top: -40px;
		margin-bottom: -20px;
	}
	.admin-blurb {
		left: 0;
		top: inherit;
		width: auto;
	}
	.concierge-blurb {
		width: auto;
		clear: both;
	}
	.innerpage-section.rot-quotes .container {
		background: none;
	}
	.innerpage-section .main-action,
	.innerpage-section.makeover {
		text-align: center;
	}
	.innerpage-section.makeover .win-copy {
		margin-top: 200px;
	}
	.innerpage-section.makeover .lounge-photo {
		margin-left: -255px;
		left: 50%;
		max-width: 9999px;
	}
}
@media (max-width: 579px) {
	.example-printout {
		margin: 0;
		margin-bottom: -85px;
	}
	.admin-blurb {
		position: relative;
		clear: both;
		width: 80%;
	}
	#findyourlists {
		margin-top: 20px;
		clear: none;
		max-width: 80%;
	}
	.concierge-blurb {
		padding: 10px;
		padding-left: 80px;
	}
	.concierge-blurb a {
		display: block;
		margin-left: -50px;
		margin-top: 5px;
		text-align: center;
	}
	/* smaller fonts */
	.innerpage-section p,
	.innerpage-section ul,
	.innerpage-section ul li {
		font-size: 16px;
		line-height: 20px ;
	}.innerpage-section h2 {
		font-size: 26px;
		line-height: 29px;
	}
	.innerpage-section.transparent p,
	.innerpage-section p.quote{
		font-size: 17px;
		line-height: 22px;
	}
}

/*================================================
	Image rotator
=================================================*/

/* rotator in-page placement */
div.rotator {
	display: block;
    height: 470px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	margin-left: 15px;
	display: none;
}
/* rotator css */
div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	display: block;
    height: 470px;
    width: 100%;
}
div.rotator ul li img {bottom: 0px;}
div.rotator ul li.show {z-index:500}



/*================================================
	Static pages made responsive
=================================================*/

/* about us */

._aboutus #schooltools-top,
._aboutus_ #schooltools-top {
	width: 100% !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-position: center top !important;
	border-bottom: 4px solid white;
	box-shadow: 0 30px 30px #E4E4E4;
	-moz-box-shadow: 0 30px 30px #E4E4E4;
	-webkit-box-shadow: 0 30px 30px #E4E4E4;
	box-shadow: 0 30px 30px rgba(228, 228, 228, 0.3);
	-moz-box-shadow: 0 30px 30px rgba(228, 228, 228, 0.3);
	-webkit-box-shadow: 0 30px 30px rgba(228, 228, 228, 0.3);
}
._aboutus #shell,
._aboutus_ #shell {
	max-width: 100%;
}
._aboutus #white-border.mobile,
._aboutus_ #white-border.mobile {
	display: none;
}
@media (max-width: 567px) {
	._aboutus #shell #left,
	._aboutus #shell #right,
	._aboutus_ #shell #left,
	._aboutus_ #shell #right {
		display: block;
		width: 90% !important;
		float: none !important;
	}
	._aboutus #shell #right,
	._aboutus_ #shell #right {
		text-align: center;
	}
	._aboutus #white-border,
	._aboutus_ #white-border {
		display: none;
	}
	._aboutus #white-border.mobile,
	._aboutus_ #white-border.mobile{
		display: block;
		font-size: 14px;
		padding: 0px 3% 10px;
		box-shadow: 0 10px 15px #DBDBDB;
		-moz-box-shadow: 0 10px 15px #DBDBDB;
		-webkit-box-shadow: 0 10px 15px #DBDBDB;
	}
}

/* concierge */

._concierge #shell,
._concierge_ #shell {
	max-width: 100%;
}
._concierge #services,
._concierge_ #services {
	max-width: 560px;
	width: 95% !important;
}
._concierge #service-at p,
._concierge_ #service-at p {
	width: auto!important;
}
._concierge #service-at img,
._concierge_ #service-at img {
	display: none; /* will show them as background-images instead */
}
._concierge #service-at,
._concierge #service-fax,
._concierge #service-mail,
._concierge #service-bottom,
._concierge_ #service-at,
._concierge_ #service-fax,
._concierge_ #service-mail,
._concierge_ #service-bottom {
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 110px;
	min-height: 105px;
}
._concierge #service-at,
._concierge_ #service-at{
	background-image: url('/img/service-at.png');
}
._concierge #service-fax,
._concierge_ #service-fax{
	background-image: url('/img/service-fax.png');
}
._concierge #service-mail,
._concierge_ #service-mail{
	background-image: url('/img/service-mail.png');
}
._concierge #service-bottom,
._concierge_ #service-bottom{
	background-image: url('/img/concierge-tablet.png');
	min-height: 170px;
}


/* partners */
._ourpartners #shell,
._ourpartners_ #shell {
	max-width: 100%;
}
#partners {
	width: auto !important;
	height: auto !important;
	max-width: 96%;
}

/* terms page and privacy policy */
._pages_terms .page,
._pages_privacy .page,
._pages_terms_ .page,
._pages_privacy_ .page {
	width: 96%;
	max-width: 530px;
}


@media (max-width: 767px) {
	#get-started-btn {
		text-align: center;
		width: 96%;
	}
	#get-started-btn a{
		margin: auto;
	}
}

/* sample lists */
div[class*='schoolsupplylist'].wrap{
    max-width: 1200px;
}
div[class*='schoolsupplieslist'].wrap{
    max-width: 1200px;
}
.sample-lists {
    padding-bottom: 80px
}
.sample-lists .container{

}
.sample-lists h2 {
    margin-bottom: 20px;
}
.sample-lists .red-text {
    color: #d55544;
}
.sample-lists .page-text{
    max-width: 780px;
    margin: 0 auto;
}
.sample-lists .page-text .hint{
    font-size: 14px;
    font-style: italic;
    margin-bottom: 20px;
}
.sample-lists .list-links a{
    display: block;
    padding: 12px 5px 10px;
    font-family: 'Bree Serif', serif;
    background: rgb(0, 125, 174);
    margin: 23px 10px 0;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 1.3em;
}
.single-sample-list .main-action{
    display: inline-block;
    background: #666;
    color: #fff;
    text-align: center;
    max-width: 190px;
    text-decoration: none;
}
.single-sample-list .suppli_blocleft h2{
    font-size: 24px;
    margin: 0 0 10px 0;
    color: #5d6367;
}
.sample-page-zip-form{
    text-align: center;
    margin: 15px auto 25px;
}
.sample-page-zip-form label,
.sample-page-zip-form input{
    margin: 0 auto;
}
.sample-page-zip-form input[type="text"],
.single-sample-list .main-action {
    padding: 15px;
    font-family: "Bree Serif", serif;
    font-size: 23px;
    margin-top: 10px;
}

.sample-page-zip-form input[type="text"] {
    max-width: 160px;
    margin-right: -10px;
    margin-left: -10px;
}
.single-sample-list label {
    /*font-weight: bold;*/
    display: block;
    font-family: "Bree Serif", serif;
}
@media (max-width: 1250px) {
    .sample-lists .page-text h2,
    .sample-lists .page-text p {
        padding-left: 10px;
    }
}
@media (max-width: 767px) {
    .sample-lists #logo_right {
        display:none;
    }

}

.sr2 .new_results.pie {
	margin: 0px auto 50px;
	max-width: 50em;
}
.sr2 .content.pie {
	background: none;
	border: none;
	box-shadow: none;
}
.sr2 .top_box h2,
.sr2 .top_box em {
	color: #000;
	font: normal 700 18px/1.1 Arial, Helvetica, sans-serif;
	margin: 15px 0px;
}
.sr2 .bottombox {
	background: #FFF;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	font-style: italic;
}
.sr2 .bottombox.listsbottombox {
	font-family: Lato, Helvetica, Arial, sans-serif;
}
.sr2 .bottombox span {
	color: #000;
}
.sr2 .bottombox span.please-select {
	font-weight: bold;
	font-size: 1em;
	line-height: 2em;
	float: none;
}
.sr2 .bottom_contentbox {
	overflow-y: auto;
}
.sr2 .info_list {
}
.sr2 .info_list em {
	background: #555;
	color:#fff;
	font-size: 20px;
	margin: 0 10px;
	width: 30px;
}
.sr2 .info_list h3 a {
	color: #2F81AB;
	font-size: 21px;
}
.sr2.content_box {
	padding: 0;
	background: none;
}
.sr2 .sr2-top,
.sr2 .sr2-bottom {
	background: #FFF;
	border-radius: 3px;
}
.sr2 .sr2-top {
	border-top: 4px solid #000;
	border-right: 4px solid #000;
	border-left: 4px solid #000;
	border-bottom: none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	margin: 20px 0 0;
    display: table;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
}
.sr2 .sr2-bottom {
	border: 4px solid #000;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.sr2 .list_holder {
	margin: 10px 15px;
}
.sr2 .listbox {
	border: none;
	padding: 0;
}
.sr2 .listbox_left {
	padding: 0;
}
.sr2 .listbox_left h2 {
	font: bold 21px/1.1em "Open Sans", sans-serif;
}
.sr2 .listbox_left h2 a {
	color: #2F81AB;
}

.sr2 .supply ul li {
	background: none;
	border-right: 1px solid #000;
	border-right-color: rgba(0, 0, 0, .5);
}
.sr2 .supply ul li.last2{
	border: none;
}
.sr2 .supply ul li a {
	color: #000;
}
.sr2 .top_box {
    line-height: 1em;
    position: relative;
}
.search-results-page.sr2 .top_box,
.sr2 .suppliBox_top {
	line-height: 1em;
	position: relative;
    display: table-cell;
    padding: 5px 0 5px 15px;
    vertical-align: middle;
    height: auto;
}
.sr2 .sr2-decoration {
    background: #2F81AB;
    width: 50px;
    height: 2.7em;
    display: table-cell;
    vertical-align: middle;
}

.sr2 .sr2-decoration span {
	color: #fff !important;
	font-size: 50px;
    line-height: 1.25em;
	text-align: center;
	padding: 0;
}
.sr2 .top_box > div a { /* action icons */
    margin-bottom: 3px;
    margin-top: 3px;
}
.sr2 .content_box,
.sr2 .suppliBox {
	background: none;
	box-shadow: none;
	padding: 0;
}
.sr2 .suppliBox a:hover #school_name{
    text-decoration: underline;
}
.sr2 .suppli_blocleft h2 {
	background: none;
	color: #2F81AB;
	font: bold 21px/1.1em Lato, Helvetica, Arial, sans-serif;
	margin: 6px 10px 5px 0;
	padding: 0;
}
.sr2 .suppliBox_top {
}
.sr2 h1.left_link,
.sr2 .suppliBox #school_name {
	color: #000;
	float: left;
	margin-left: 10px;
	text-transform: uppercase;
	font: 900 20px/43px Lato, Helvetica, Arial, sans-serif;
	height: 43px;
	padding: 0;
    margin: 3px 10px 0 0;
    line-height: 1.2em;
    vertical-align: middle;
    height: auto;
}

.sr2 .suppliBox #school_address {
	color: #000;
	float: left;
	margin-left: 10px;
	text-transform: uppercase;
	font: 900 15px/43px Lato, Helvetica, Arial, sans-serif;
	height: 43px;
	padding: 0;
    margin: 3px 10px 0 0;
    line-height: 1.2em;
    vertical-align: middle;
    height: auto;
}

.sr2 h1.left_link {
}
.sr2 .suppliBox #school_name{
    margin: 0 10px 0 0;
}

.sr2 .share-list-container,
.sr2 .link-container {
	display: inline-block;
    margin-left: 5px;
}
.sr2 .suppli_bloc {
	margin: 0;
	border: none;
}
.sr2 .suppli_blocright,
.sr2 .suppli_blocleft {
	padding: 2px 12px 1px;
}
.sr2 .list_details ul li,
.sr2 #list_description,
.sr2 #list_disclaimer {
	color: #000;
	width: 85%;
}
.sr2 .list_itembox {
	border: none;
	border-bottom: 1px solid #000;
}
.sr2 .list_itembox em {
	background: none;
	line-height: 24px;
}
.sr2 .sr2-itemqty {
    background: #555;
    line-height: 1.2em;
    display: inline-block;
    min-width: 24px;
    box-sizing: border-box;
    padding: 2px 4px 4px;
    margin: 4px auto;
}
.sr2 .itembox ul li {
	font-size: 17px;
	color: #000;
}
.sr2 .itembox ul li a.last {
	font-size: 15px;
	color: #000;
}
.sr2 .content_box span {
	color: #000;
}


.sr2 a.follow,
.sr2 a.link,
.sr2 a.unfollow
	 {
	background: url('../img/sr2-buttons.png') no-repeat;
	text-indent: -999em;
	height: 23px;
}
.sr2 a.follow {
	background-position: -109px -64px;
	width: 53px;
}
.sr2 a.follow:hover {
	background-position: 0 -64px;
}
.sr2 a.link {
	background-position: -109px 0;
	width: 35px;
}
.sr2 a.link:hover {
	background-position: 0 0;
}

.sr2 a.unfollow {
	background-position: -109px -127px;
	width: 65px;
}
.sr2 a.unfollow:hover {
	background-position: 0 -127px;
}

.sr2 p.lists-heading {
	margin-top: 17px;
	text-transform: uppercase;
	font-size: 0.75em;
	letter-spacing: -0.25px
}

.sr2 h1.lists-heading {
	margin-bottom: 15px;
}

div.dashboard-list-actions.locked {
	font-size:13px;
	line-height:17px;
	color:#fff;
	/*font-weight: bold;*/
	font-family:'Bree Serif', serif;
}
div.dashboard-list-actions.locked .locked-upload {
	float: left;
	margin-top: 6px;
	margin-right: 15px;
}

div.list-upload-container {
	margin-top: 10px;
}

.manage-list-form {
	margin: 2px 15px 5px 0;
	font: 13px/14px 'Open Sans', sans-serif;
}

.manage-list-form div {
	display: inline;
	font: 13px/14px 'Open Sans', sans-serif;
}

.manage-list-form div.manage-list-archive {
	margin-left: 15px;
	margin-right: 15px;
}
.manage-list-form div.manage-list-archive input[type="checkbox"] {
	vertical-align: middle;
	margin-right: 5px;
}

.manage-list-form input,
.manage-list-form select {
	font: 13px/14px 'Open Sans', sans-serif;
}

.manage-list-form input[name='search'] {
	width: 250px;
	padding: 1px 4px;
	margin-right: 15px;
}

.manage-list-form select[name='entry_method'] {
	margin-right: 15px;
}

.manage-list-form input[name='search'],
.manage-list-form select[name='search_type'],
.manage-list-form select[name='entry_method'],
.manage-list-form select[name='entry_method_id'] {
	border: 1px solid #E1E1E1;
}

.manage-list-form .manage-list-find input[type='submit'] {
	font: 16px/24px 'Bree Serif', serif;
}
div[class*='spanish'] {
	float:none !important;
}

.lists-display-options {
	text-align: right;
	padding: 10px;
}


/* Summer Reading Lists View Overrides */
.reading-list .suppli_blocright {
	background-color: #2F81AB;
	color: #fff;
}

.reading-list h2.srl {
	color: #fff;
	float: left;
	font: 900 20px/43px Lato, Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 3px 10px 0 0;
	line-height: 1.2em;
	vertical-align: middle;
	height: auto;
}

.reading-list #list-headings-container {
	padding-bottom: 10px;
	margin-left: 0;
}

.reading-list #list-headings-container li {
	font-weight: bold;
}

.reading-list .normal-text {
	font-weight: normal;
}
.reading-list .strong-text {
	font-weight: bold;
}

.reading-list .header-links {
	margin-right: 10px;
}

.reading-list .read-more-state {
	display: none;
}

.reading-list .read-more-target {
	opacity: 0;
	max-height: 0;
	font-size: 0;
	transition: .25s ease;
	display: inline-block !important;
	padding: 0 !important;
}

.reading-list .read-more-state:checked ~ .read-more-wrap .read-more-target {
	opacity: 1;
	font-size: inherit;
	max-height: 999em;
}

.reading-list .read-more-state ~ .read-more-trigger:before {
	content: '(show more)';
}

.reading-list .read-more-state:checked ~ .read-more-trigger:before {
	content: '(show less)';
}

.reading-list .read-more-trigger {
	cursor: pointer;
	display: inline-block !important;
	text-decoration: underline;
	color: #0000ff;
}

.reading-list #school_name {
	margin: 0 10px 0 -80px !important;
}

.reading-list .itembox.fl-lt {
	margin-left: 12px;
}

.processing {
	position: absolute;
	z-index: 10000;
	text-align: center;
	background: #fff;
	padding: 3% 10%;
	top: 40%;
	left: 33%;
}

.processing-outer {
	background-color: #000;
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: fixed;
	margin: 0;
	padding: 0;
	right: 0;
	top: 0;
	opacity: 0.90;
}

.modal-outer {
	background-color: rgba(0,0,0,0.70);
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	opacity: 1;
}

.modal-inner {
	position: absolute;
	z-index: 10000;
	background: #fff;
	top: 10%;
	left: 50%;
	width: 560px;
    margin-left: -280px;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.modal-outer .modal-header h3 {
	text-align: center;
}

.list-option {
	width: auto;
	white-space: nowrap;
}

.modal-btn {
	padding: 20px;
}
div[class^="_users_uploads"] .dashboard-top-bar-navigation-wrap,
._users_uploads_ .dashboard-top-bar-navigation-wrap, ._users_uploads .dashboard-top-bar-navigation-wrap {
	height: auto;
	padding: 8px 0 0 25px;
}

div[class^="_users_uploads"] .manage-list-form,
._users_uploads_ .manage-list-form,
._users_uploads .manage-list-form {
	overflow: hidden;
	margin: 2px 15px 0 0;
}

div[class^="_users_uploads"] .manage-list-form .manage-list-find,
._users_uploads_ .manage-list-form .manage-list-find,
._users_uploads .manage-list-form .manage-list-find {
	float: right;
}

div[class^="_users_uploads"] .manage-list-form .manage-list-form-row,
._users_uploads_ .manage-list-form .manage-list-form-row,
._users_uploads .manage-list-form .manage-list-form-row {
	float: left;
	clear: left;
	margin-bottom: 10px;
}

div[class^="_users_uploads"] .manage-list-form .manage-list-form-row input[type='radio'],
._users_uploads_ .manage-list-form .manage-list-form-row input[type='radio'],
._users_uploads .manage-list-form .manage-list-form-row input[type='radio'] {
	vertical-align: middle;
	margin-left: 8px;
}

.modal-outer .bbm-modal__section {
	font-size: 14px;
}

.modal-outer .bbm-modal__section div,
.modal-outer .bbm-modal__section p {
	line-height: 1.5em;
	margin-bottom: 1em;
}

.modal-outer .bbm-modal__section ul {
	list-style:	disc inside none;
}

.modal-outer .bbm-modal__section li {
	padding-left: 20px;
}

.modal-outer select,
.modal-outer .bbm-modal__section textarea {
	width: 100%;
	font: 99% sans-serif;
	border: 1px solid #363636;
	padding: 4px;
}

.modal-outer .has-error .form-control {
    color: #a94442;
    border-color: #a94442;
}

.modal-outer .bbm-modal__bottombar .btn-container {
    overflow: hidden;
}

.modal-outer .bbm-modal__bottombar .btn-container .btn[disabled="disabled"]  {
    opacity: 0.25;
}

#requires-review .bbm-modal__bottombar .requires-review-cancel,
.modal-outer .bbm-modal__bottombar .inactivate-cancel {
    float: right;
	display: block;
    line-height: 20px;
    padding: 4px;
}

#modals-region .bbm-modal__bottombar .btn {
    float: right;
	padding: 4px 15px;
	margin-left: 14px;
}

.review-container {
    color: #da4f49;
	background-color: rgba(255, 255, 255, 0.5);
    padding: 8px;
    margin: 5px 0 5px 0;
    border-radius: 2px;
    box-shadow: #e2e2e2 0px 0px 3px,#e2e2e2 0px 0px 3px,#e2e2e2 0px 0px 3px,#e2e2e2 0px 0px 3px,#e2e2e2 0px 0px 3px;
	text-align: left;
}

.review-container p {
	margin: 0 0 1em 0;
}

.review-container span {
	font-size: inherit;
	padding-top: 12px;
}

.review-container span.review-name {
    color: #da4f49;
	font-weight: bold;
}

.review-container span.review-reason {
	font-style: italic;
}

#content_wrapper[class*="span"] {
    float: none !important;
}

.list-manager-container {
	padding-right: 3px;
}

.list-manager-container div, .list-manager-container img {
	display: inline-block;
	padding-top: 0;
	float: right;
}

.list-manager-container h4 {
	display: inline-block;
	padding-top: 0;
}

.list-manager-container h4.reassign {
	display: inline-block;
	padding-top: 0;
	font-family: 'Bree Serif';
	color: #bac1c5;
	float: right;
}

.list_search_holder {
	background: url(../img/search_holder/search_holder.jpg) repeat-x left top;
	height: 25px;
	border: #e1e1e1 1px solid;
	border-radius: 3px;
	position: relative;
	margin: 10px;
}

.list_search_dropdown {
	float: left;
	width: auto;
}

.list_search_button {
	border-left: #e1e1e1 5px solid;
}

.list_search_dropdown_btn {
	border-left: #e1e1e1 1px solid;
	outline: 0;
	height: 25px;
	width: 30px;
	background: url(../img/search_holder/search.png) no-repeat center 4px;
}

.reset {
	border-left: #e1e1e1 1px solid;
	outline: 0;
	height: 25px;
	width: 30px ;
	background: url(/img/createlist/remove-icon.png) no-repeat center 4px;
}

#list_search ul.dropdown-menu {
	min-width: 146px;
	width: 146px;
	margin-top: 1px;
	margin-right: -1px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-transition: none;
	-webkit-transition: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    -moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	overflow-x: hidden !important;
	overflow-y: auto;
	border-color: #E2E2E2;
	background-color: #FFF;
}

#list_search ul.dropdown-menu li {
	float: none;
	line-height: 20px;
	background-image: none;
	background-color: #FFF;
	cursor: pointer;
	padding: 5px 15px;
	color: #44b1d5;
}

#list_search ul.dropdown-menu li:hover {
	background-color: #EEF7FC;
	text-decoration: none;
}

#list_archived {
	float: right;
}

@media (max-width: 440px) {

	.create_button span {
		display:none;
	}

	.create_button {
		margin: 7px 0 4px;
		padding: 0 7px 4px;
	}

	.search_holder .name_field {
		width:155px;
		font-size: .85em;
		padding:12px 5px;
	}

	.list_search_holder .name_field {
		width:215px;
		font-size: 12px;
		padding: 5px 4px;
	}

	#create_border {
		padding: 3px;
	}

	.share-list-container {
		right: 5px;
	}
}

@media (max-width: 880px) {
	.scale_div {
		width: 100%;
		float: left;
	}

	.href_archived {
		float: left;
	}
}


/* NEW FULL CSS STYLES FOR ANGULAR */
.ang-error {
	font-weight: bold;
	color: #D55544;
}

.ang-error span {
	float: none;
	display: block;
	padding-left: .7em;
	padding-top: .3em;
	font-weight: bold;
	color: #D55544;
	font-size: 12px;
}

.ang-contact input.has-error, .ang-contact select.has-error {
	background-color: #ffeeee;
}

.ang-contact input, .ang-contact textarea {
	font-size: 16px;
	height: 46px;
	width: 213px;
	margin-left: 8px;
	margin-right: 2px;
	margin-top: 8px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 10px;
	padding-top: 2px;
	border: solid 3px #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 5px 2px #d6d6d6, inset 1px 1px 2px 1px #c1c1c1;
	background-image: none;
	background-color: white;
}

.ang-contact input[type='email'] {
	font-size: 16px;
	height: 46px;
	width: 272px;
	margin-right: 10px;
	padding-left: 10px;
	border: solid 3px #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 5px 2px #d6d6d6, inset 1px 1px 2px 2px #d6d6d6;
}

.ang-contact input[type='submit'] {
	width: 154px;
	height: 59px;
	background: url('/img/global/button_red_large.png') 0 0 no-repeat;
	text-indent: 0px;
	color: white;
	cursor: pointer;
	float: right;
	box-shadow: none;
	padding: 0;
	margin: 0;
	border: none;
}

.ang-contact input:hover[type='submit'] {
	background-position: 0 bottom;
}

.ang-contact input:disabled[type='submit'] {
	background: url('/img/global/button_grey_large.png') 0 0 no-repeat;
	cursor: not-allowed;
}

.ang-contact input[type='button'] {
	width: 154px;
	height: 59px;
	background: url('/img/global/button_red_large.png') 0 0 no-repeat;
	text-indent: 0px;
	color: white;
	cursor: pointer;
	float: right;
	box-shadow: none;
	padding: 0;
	margin: 8px 0 0 0;
	border: none;
}

.ang-contact input:hover[type='button'] {
	background-position: 0 bottom;
}

.ang-contact input:disabled[type='button'] {
	background: url('/img/global/button_grey_large.png') 0 0 no-repeat;
	cursor: not-allowed;
}

.ang-contact input[type='checkbox'] {
	text-indent: 0px;
	color: white;
	cursor: pointer;
	float: right;
	box-shadow: none;
	padding: 0;
	margin: 8px 0 0 0;
	border: none;
}

.ang-contact h4 {
	float: left;
	padding: 0 0 0 20px;
	max-width: 300px;
	text-align: left;
}

.ang-checkboxes {
	font-weight: bold;
	font-size: 14px;
}

.ang-checkboxes p {
	padding: 11px 0 9px 68px;
	margin: 0 0 5px;
	cursor: pointer;
	background-image: url('/img/global/checkbox.png');
	background-position: 19px -57px;
	background-repeat: no-repeat;
}

.ang-checkboxes p.error {
	background-color: #f4d0d0;
}

.ang-checkboxes p.error a {
	color: #b32525;
}

.ang-checkboxes p.selected {
	background-position: 19px 11px;
}

/* select.ang-style is a pure css alternative to select.select-style */
select.ang-style {
	font-size: 16px;
	height: 54px;
	width: 230px;
	margin-left: 8px;
	margin-right: 2px;
	margin-top: 8px;
	padding-left: 10px;
	padding-top: 2px;
	border: solid 3px #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 5px 2px #d6d6d6, inset 1px 1px 2px 1px #c1c1c1;
	color: #959595;
	background: url('/img/global/bg_input_contact_drop_down_arrow.png') -15px 2px no-repeat;
	background-color: white;
	-moz-transition: none;
	-webkit-transition: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select.ang-style:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

select.ang-style::-ms-expand {
	display: none;
}

select.ang-style::-ms-value {
	color:#666;
	background: transparent;
}


/*target powerloader*/
body.target{
	background-color: #d5ecf4 !important;
	background-image: url("../img/sponsors/target/background-target.png");
	background-repeat: no-repeat;
	background-position: center 80px;
	margin-top:100px;
}

/*shoprite powerloader*/
body.shoprite{
	background-color: #fff !important;
}

body.shoprite #content_wrapper{
	background-color: #464648 !important;
	background-image: url("../img/sponsors/ShopRite/shoprite_pl_bg.jpg");
	background-repeat: no-repeat;
	background-position: center 80px;
	margin-top:70px;
	background-position-y: 50px;
	background-position-x: center;
	background-size: 95%;
	min-height: 737px;
}

/*walmart powerloader*/
body.walmart{
	background-color: #fff !important;
}

body.walmart #content_wrapper{
	background-color: #464648 !important;
	background-image: url("../img/sponsors/Walmart/walmart-background.jpg");
	background-repeat: no-repeat;
	background-position: center;
	margin-top:70px;
	background-size: cover;
	min-height: 737px;
}

body.unbranded{
	background-color: #017DAE !important;
	background-repeat: no-repeat;
	background-position: center 80px;
	margin-top:100px;
}

.spacer{
	margin:105px;
}

.text-blk{
	color:#000;
	line-height:24px;
	font-size:20px;
}


@media (max-width: 992px){
	body.target{
		background-image: none;
		background-position: center top;
	}

	body.shoprite{
		background-image: none;
		background-position: center top;
	}

	body.walmart{
		background-image: none;
		background-position: center top;
	}

	body#upload-page .sticky-header-wrap {
		padding-top:50px !important;
	}

	.spacer{
		margin: 10px;
	}

	.text-blk{
		color:#000;
		line-height:20px;
		font-size:16px;
	}

	.sr2 .list_details ul li,
	.sr2 #list_description, 
	.sr2 #list_disclaimer {
		width: 100%;
	}
}

@media (max-width: 468px){
	body.target, body.shoprite, body.walmart{
		margin-top: 30px;
	}
}

/* Support Pages */
.page-section.innerpage-template p.support-heading{
	font-size: 26px;
	font-weight: 700;
	padding-bottom:7px;
	margin-bottom: 0px;
	line-height: 28px;
}

.padding-small{
	padding:25px;
}

.anchor-offset {
	/*padding-top: 90px;*/
	/*margin-top: -90px;*/
	display: block;
	position: relative;
	top: -70px;
	text-decoration: none;
}

.p-space{
	margin-bottom:10px;
}

.p-regular{
	font-weight: normal;
}


.page-section.support .support-links a {
	line-height: 1.9em;
}

/** START INSPIRE PAGE
*******************************/
.spacer-30{
	padding-top:30px;
}

/* ----- HERO SECTION  ------ */
/*background color*/
.inspire .page-section.cream-bg{
	background-color: #f7f4eb;
}

.inspire .page-section.sweepstakes .main-image {
	margin-bottom: 0;
}

.inspire .page-section.sweepstakes h1 {
	color: #c7503c;
	margin: 0 auto 20px;
	padding: 0;
	font-size: 40px;
}

/* (r) registered */
.inspire sup{font-size:12px;}


/*Lg hero text*/
.inspire .page-section.sweepstakes.library p.bigger {
	font-size: 23px;
	line-height:32px;
	padding-bottom:10px;
}

/* btns */
.inspire .page-section a.inspire-btn{
	padding:14px 40px;
	font-size:26px;
	margin: 10px 0 10px;
}

@media (max-width:768px){
	.inspire .page-section.sweepstakes h1 {
		margin: 0 auto 10px;
		font-size: 32px;
	}
		/*Lg hero text*/
	.inspire .page-section.sweepstakes.library p.bigger {
		font-size: 18px;
		line-height:28px;
		padding-bottom:6px;
	}
}

/* ----- SECTION 2 - Steps ----- */
.inspire .page-section.two-col-image-plus-copy .steps h2 {
	margin-top:33px;
	margin-bottom: 12px;
}
.inspire .page-section .circle-steps p.step{
	background: #5d5d5d none repeat scroll 0 0;
	border-radius: 100px;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-size: 50px;
	height: 54px;
	line-height: 1em;
	margin-bottom: 0px;
	margin-right: 20px;
	padding: 0 0 0 1px;
	text-align: center;
	width: 54px;
}

@media (max-width: 1200px){
	.inspire .page-section.two-col-image-plus-copy .steps h2 {
		margin-top:33px;
		margin-bottom: 12px;
		font-size: 34px;
	}

	.inspire .page-section.innerpage-template .steps > div {
		margin-bottom: 10px;
	}
	.inspire .page-section .circle-steps p.step{
		font-size: 40px;
		height: 44px;
		margin-bottom: 0px;
		margin-right: 20px;
		width: 44px;
	}

	.inspire .page-section.two-col-image-plus-copy .copy-col h2 a.cta {
		font-size: 18px;
	}

	.inspire .page-section.two-col-image-plus-copy .image-col img{
		float:none;
		position: relative;
		bottom:0px;
	}
}

@media (max-width: 979px){
	.inspire .page-section.two-col-image-plus-copy .image-col img {
		bottom: -152.5px;
		float: none;
		margin: 25px 0;
		max-width: 100%;
		position: relative;
	}
}

@media (max-width: 767px){
	.inspire .page-section.two-col-image-plus-copy .image-col img {
		bottom:0px;
		float: none;
		position: relative;
	}
}



/* ----- SECTION 3 - Inspire video section ----- */
.video-size{
	max-width: 650px;
	max-height: 405px;
	display:block;
	margin: auto 0;
}

/* responsive video */
.tl-video{
	position: relative;
	padding-top: 25px;
	height: 0;
	padding-bottom: 56.25%;
}

.tl-video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.inspire .page-section .quotes p.copy{
	font-size: 26px;
}

.inspire .page-section .quote{
	font-size:190px;
	margin-top:67px;
}

.inspire .page-section .trusted-image {
	margin: 0 auto;
	max-width: 210px;
	/*max-width: 230px;*/
	width: 26%;
}

/* ----- SECTION 5 - Featured in ----- */
.inspire .page-section h2 a.cta {
	color: #007dae;
	font-size: 26px;
	line-height: 30px;
}

/* END INSPIRE PAGE
****************************/


/* ------ /parents and /school-supply-lists ---------*/
#parent-page .supplies-bg{
	background-image: none;
}

#parent-page .page-section.parents.blue-background{
	/*background-color: #166aa0;*/
	background-color: #007dae;
}
#parent-page .page-section.parents .home-parents .control, ._schoolsupplieslist form {
	background-color: #cc4855;
}

._schoolsupplieslist form {
	margin:auto;
	width:31em;
}

#parent-page .page-section.parents .home-parents .control {
	display: inline-block;
	height: 73px;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
	padding: 2px;
	text-align: left;
}

#parent-page .page-section.parents .home-parents .control input, ._schoolsupplieslist input {
	font-family: "Bree Serif",serif;
	font-size: 26px;
	height: 63px;
	max-width: 160px;
	padding-left: 25px;
	margin:5px;
}

#parent-page .page-section.parents .home-parents .control a, ._schoolsupplieslist form a {
	color: #fff;
	display: inline-block;
	font-family: "Bree Serif",serif;
	font-size: 38px;
	font-weight: 400;
	padding: 18px 20px;
}

._schoolsupplieslist form a{
	color: #fff !important;
    display: inline-block !important;
    font-family: "Bree Serif",serif !important;
    font-size: 38px !important;
    font-weight: 400 !important;
    padding: 18px 20px !important;
	background: none  !important;
	line-height: inherit !important;
    margin: inherit !important;
}

#parent-page .page-section.parents h1{
	margin-top:0;
	padding-bottom:30px;
}

#parent-page .compare table{
	width:100%;
}

#parent-page .compare table th {
	width: 50%;
}

#parent-page .compare .table-bordered {
	border-radius: 0px;
}

#parent-page .compare .table-bordered thead:first-child tr:first-child > th:first-child, .compare .table-bordered tbody:first-child tr:first-child > td:first-child, .compare .table-bordered tbody:first-child tr:first-child > th:first-child {
	border-top-left-radius: 0px;
}
#parent-page .compare .table-bordered thead:first-child tr:first-child > th:last-child, .compare .table-bordered tbody:first-child tr:first-child > td:last-child, .compare .table-bordered tbody:first-child tr:first-child > th:last-child {
	border-top-right-radius: 0px;
}
#parent-page .compare .table-bordered thead:last-child tr:last-child > th:first-child, .compare .table-bordered tbody:last-child tr:last-child > td:first-child, .compare .table-bordered tbody:last-child tr:last-child > th:first-child, .compare .table-bordered tfoot:last-child tr:last-child > td:first-child, .compare .table-bordered tfoot:last-child tr:last-child > th:first-child {
	border-bottom-left-radius: 0px;
}
#parent-page .compare .table-bordered thead:last-child tr:last-child > th:last-child, .compare .table-bordered tbody:last-child tr:last-child > td:last-child, .compare .table-bordered tbody:last-child tr:last-child > th:last-child, .compare .table-bordered tfoot:last-child tr:last-child > td:last-child, .compare .table-bordered tfoot:last-child tr:last-child > th:last-child {
	border-bottom-right-radius: 0px;
}

#parent-page .compare .table-bordered th, .compare .table-bordered td {
	border-left: 1px solid #999999;
}

#parent-page .compare .table-bordered th:last-child, .compare .table-bordered td:last-child {
	border-right: 1px solid #999999;
}

#parent-page .compare .table th, .compare .table td {
	border-top: none;
}

#parent-page .compare .table th, .compare .table td {
	border-bottom: 1px solid #999999;
}

#parent-page .compare table thead tr th{
	font-size: 32px;
	font-family: "Bree Serif", serif;
	padding:20px;
	text-align: center;
	font-weight: 400;
}

#parent-page .compare table tbody td{
	text-align: left;
}

.dark-grey-background{
	background-color: #999999;
	color:#fff;
}

.blue-background{
	background-color: #007dae;
	color:#fff;
}
#parent-page .compare table td{
	padding:20px 35px;
	background-color: #fff;
}
#parent-page .compare table td.hard-way{
	font-size: 22px;
	color: #919191;
	font-family: "Source Sans Pro", sans-serif;
	line-height:28px;
	vertical-align: middle;
}

#parent-page .compare table td.easy-way{
	font-size: 24px;
	color: #000;
	line-height: 29px;
	font-family:"Source Sans Pro", sans-serif;
}

.blue-hightlight{
	font-family: "Bree Serif", serif;
	font-size: 28px;
	line-height:29px;
	color: #007dae;
}
.cell{
	height:100%;
}
.left-col{
	display:table-cell;
	width:42px;
	padding-right:15px;
}
.right-col{
	display:table-cell;
	height:auto;
	vertical-align: top;
}

.call-out{
	line-height:40px;
	padding:40px 0;
}

.section-padding{
	padding:30px 0;
}

.s-32{
	font-size: 32px;
}

.s-28{
	font-size:28px;
}

.pt-30{
	padding-top:30px;
}

.pt-40{
	padding-top:40px;
}

.pr-20{
	padding-right:20px;
}

.pb-5{
	padding-bottom:5px;
}

.pb-10{
	padding-bottom:10px;
}

.pb-15{
	padding-bottom:15px;
}

.pb-20{
	padding-bottom:20px;
}

.pb-30{
	padding-bottom:30px;
}

.pb-40{
	padding-bottom:40px;
}

.break{
	display:block;
}

#parent-page .border-bottom{
	border-bottom:solid 1px #bdbdbd;
	padding:20px;
}

.call-out-big{
	font-size:32px;
}

.call-out-normal{
	font-size:28px;
}

#parent-page .left-align{
	text-align: left;
}
/*parent page responsive video*/
#parent-page  .page-section.old-new-way iframe {
	height: 480px;
	margin-bottom: 50px;
	margin-top: 50px;
	width: 853px;
}

@media(max-width:1024px) {
	#parent-page .left-img {
		display:table-cell;
	}

	#parent-page .break {
		display: inline;
	}

	.call-out-big{
		font-size:26px;
		line-height: 30px;
	}

	.call-out-normal{
		font-size:22px;
		line-height: 30px;
	}

	.box-1{
		width:80%;
		margin:0 auto;
	}
}

@media(max-width:768px){
	#parent-page .page-section{
		padding:5px;
	}
	#parent-page .page-section.parents h1{
		margin-top:10px;
	}
	#parent-page .page-section.parents .home-parents .control {
		margin-bottom: 30px;
	}
	#parent-page .page-section.parents h1{
		font-size: 32px;
		line-height: 38px;
		text-shadow: none;
	}

	#parent-page .page-section.parents h2{
		font-size: 32px;
		line-height: 38px;
	}

	#parent-page .compare table thead tr th{
		font-size:20px;
		padding:10px;
	}

	#parent-page .compare table td{
		padding:20px 10px;
	}

	#parent-page .compare table td.hard-way{
		font-size: 16px;
		line-height:23px;
	}

	#parent-page .compare table td.easy-way{
		font-size: 18px;
		line-height: 23px;
	}

	#parent-page .blue-hightlight{
		font-family: "Bree Serif", serif;
		font-size: 22px;
		line-height:25px;
	}

	#parent-page .left-img{
		height:auto;
		width:32px;
		display:table-cell;
		float: left;
	}

	.box-1{
		width:90%;
		margin:0 auto;
	}

	#parent-page .call-out-big{
		font-size: 21px;
		line-height:24px;
	}
	#parent-page .call-out-normal{
		font-size: 18px;
		line-height:24px;
	}

	/*parent page responsive video*/
	#parent-page  .page-section.old-new-way iframe {
		height: 480px;
		margin-bottom: 50px;
		margin-top: 50px;
		width: 98%;
	}

}

@media(max-width:450px){
	#parent-page .page-section{
		padding:15px;
	}

	#parent-page .page-section.parents .home-parents .control {
		display: inline-block;
		height: 50px;
		margin-bottom: 10px;
		margin-top: 10px;
		overflow: hidden;
		padding: 2px;
		text-align: left;
	}

	#parent-page .page-section.parents .home-parents .control input {
		font-family: "Bree Serif", serif;
		font-size: 15px;
		height: 40px;
		max-width: 90px;
		padding-left: 15px;
		margin-left: 5px;
	}

	#parent-page .page-section.parents .home-parents .control a {
		color: #fff;
		display: inline-block;
		font-family: "Bree Serif", serif;
		font-size: 20px;
		font-weight: 400;
		padding: 15px 20px;
	}

	#parent-page .page-section.parents h1{
		font-size: 28px;
		line-height: 34px;
		text-shadow: none;
		padding: 10px;
		margin-top:0;
	}

	#parent-page .page-section.parents h2{
		font-size: 28px;
		line-height: 34px;
	}
	#parent-page .compare table thead tr th{
		font-size:14px;
		padding:10px;
	}

	#parent-page .compare table td{
		padding:20px 10px;
	}
	#parent-page .compare table td.hard-way{
		font-size: 14px;
		line-height:21px;
	}

	#parent-page .compare table td.easy-way{
		font-size: 15px;
		line-height: 21px;
	}

	#parent-page .blue-hightlight{
		font-family: "Bree Serif", serif;
		font-size: 18px;
		line-height:21px;
	}

	.left-col{
		width:28px;
		padding-right:5px;
	}

	#parent-page .call-out{
		line-height:40px;
		padding:40px 0;
	}

	#parent-page .call-out-big{
		font-size: 21px;
		line-height:23px;
	}
	#parent-page .call-out-normal{
		font-size: 18px;
		line-height:23px;
	}
	#parent-page .img-foundation{
		margin-bottom:30px;
	}

	.section-padding{
		padding:15px 0 22px 0;
	}

	/*parent page responsive video*/
	#parent-page  .page-section.old-new-way iframe {
		height: 180px;
		margin-bottom: 20px;
		margin-top: 20px;
		width: 100%;
	}

}

@media(max-width:325px){
	#parent-page .page-section.parents h1{
		font-size: 26px;
		line-height: 34px;
		text-shadow: none;
		padding: 0 0 20px;
	}

	.left-col{
		width:22px;
		padding-right:5px;
	}

	#parent-page .compare table thead tr th{
		font-size:12px;
		padding:7px;
	}

	#parent-page .page-section.parents .home-parents .control {
		display: inline-block;
		height: 50px;
		margin-bottom: 10px;
		margin-top: 10px;
		overflow: hidden;
		padding: 2px;
		text-align: left;
	}

	#parent-page .page-section.parents .home-parents .control input {
		font-family: "Bree Serif",serif;
		font-size: 15px;
		height: 49px;
		max-width: 90px;
		padding-left: 15px;
		margin: 0;
	}

	#parent-page .page-section.parents .home-parents .control a {
		color: #fff;
		display: inline-block;
		font-family: "Bree Serif",serif;
		font-size: 20px;
		font-weight: 400;
		padding: 15px 20px;
	}

	/*parent page responsive video*/
	#parent-page  .page-section.old-new-way iframe {
		height: 160px;
		margin-bottom: 10px;
		margin-top: 10px;
		width: 100%;
	}
}


/* Added to prevent bootstrap 3.3.2 from messing up the fomatting of these links */
.sr2 .top_box > div a {
    box-sizing: content-box;
}

.sr2 #no-lists-school-page .list_holder {
    margin: 0px;
    padding: 25px 25px;
	border-bottom: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#no-lists-school-page .list_holder form {
	margin-top: 20px;
}

#no-lists-school-page #notify-list-available {
    border-bottom: 1px solid #000;
}

#no-lists-school-page #notify-list-available h4,
#no-lists-school-page #share-list-school-info h4 {
	font-size: 20px;
    font-family: Lato, Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 0px;
    color: #2F81AB;
}

#no-lists-school-page h4.notify-no-lists span {
	display: inline;
	padding-left: 10px;
	font-size: 80%;
	color: #000000;
}

#no-lists-school-page .form-group {
	margin-bottom: 8px;
}

#no-lists-school-page .form-inline .form-control {
	/* force inline control to fit container width http://getbootstrap.com/css/#forms-inline */
    width: 100%;
}
/* overriding older styling of #email and #zip */
#no-lists-school-page .form-inline .form-control#email, 
#no-lists-school-page .form-inline .form-control#zip {
    width: 100%;
    height: auto;
	background-image: none;
}
#no-lists-school-page .form-control {
	width: 100%;
	margin: 0px 0px 8px 0px;
	border: 2px solid #000;
	border-radius: 4px;
	padding: 8px 12px;
	height: auto;
	box-shadow: none;
}

#no-lists-school-page select.form-control.placeholder {
	color: #777777;
}

#no-lists-school-page #email.form-control {
	background-image: none;
    width: 100%;
	height: auto;
}
#no-lists-school-page .ang-contact input.has-error,  
#no-lists-school-page .ang-contact select.has-error {
    background-color: #ffeeee;
}

#no-lists-school-page span.ang-error, 
#no-lists-school-page span.ang-error span {
    font-weight: bold;
    color: #D55544;
	padding-top: 0px;
	padding-bottom: 2px;
}

#no-lists-school-page .btn-default {
	font-weight: bold;
	color: #FFF;
	background-color: #2F81AB;
	border-radius: 2px;
	border: 2px solid #000;
	padding: 8px 45px;
}
#no-lists-school-page  .btn-default:hover, 
#no-lists-school-page  .btn-default:focus {
	background-color: #2F81AB;
	border-color: #000;
}

#no-lists-school-page .btn-default[disabled] {
	color: #FFFFFF;
	background-color: #BFBDBE;
	border-color: #9EA09F;
	cursor: not-allowed;
}

#no-lists-school-page p.information {
    font-family: Lato, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-top: 4px;
}

#no-lists-school-page p.status-message {
	font-size: 20px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 0px;
    color: #16BA19;
	margin-top: 5px;
	margin-bottom: 25px;
}

#no-lists-school-page .diagnostic {
	margin-bottom: 8px; 
	padding-bottom: 6px; 
	border-bottom: 1px dashed darkcyan; 
	font-size: 145%;
}
#no-lists-school-page .diagnostic span {
	display: inline;
	padding-top: 8px;
	font-size: 16px;
	font-weight: bold;
}

/*================================================
		Supply List Giveaway page
=================================================*/
.sl-giveaway a{
	text-decoration: underline;
}

.sl-giveaway a:hover{
	text-decoration: none;
}

.sl-giveaway .bg-color{
	background-color: #edecea;
}

.sl-giveaway .sweepstakes h1{
	font-size: 52px;
}

.sl-giveaway .sweepstakes p.bigger{
	font-size:36px;
}

.sl-giveaway p.big {
	font-size: 24px;
	line-height: 28px;
}

.sl-giveaway p.sub-big{
	font-size: 18px;
	line-height: 27px;
}

.sl-giveaway .page-section a.blue-flat-button{
	text-decoration: none;
}

.sl-giveaway .page-section a:hover.blue-flat-button {
	text-decoration: underline;hom
}

.sl-giveaway  p.big.lh{
	line-height:36px;
}

.sl-giveaway .center-block-15,
.sl-giveaway .center-block-14 {
	margin: 0 auto;
	width:700px;
	display: inline-block;
}

.sl-giveaway .center-block-16{
	margin: 0 auto;
	width:500px;
	display: inline-block;
}

.sl-giveaway .page-section img.kinf{
	padding-right: 10px;
}

.sl-giveaway .retailer-logo{
	padding-right:80px;
	padding-bottom:10px;
	padding-top:20px;
}

.sl-giveaway .rules{
	font-family: "Myriad Pro";
	font-size: 16px;
	line-height:18px;
	color: #999999;
	margin-top:10px;
	font-style: italic;
}

.sl-giveaway img.numbers{
	float:left;
	padding-right:10px;
}

@media (max-width: 1024px)  {
	.sl-giveaway .row .left-space{
		margin-left:100px;
	}

	.sl-giveaway .must-share{
		padding-left:0px;
	}

	.sl-giveaway .center-block-16{
		margin: 0 auto;
		width:570px;
		display: inline-block;
	}

	.sl-giveaway .sub-big br{
		content: ' ';
	}

	.sl-giveaway .center-block-14{
		margin: 0 auto;
		width:650px;
		display: inline-block;
	}

	.sl-giveaway .retailer-logo{
		padding-right:50px;
		padding-bottom:10px;
		padding-top:20px;
	}
}

@media (max-width:767px){
	.sl-giveaway .row .left-space{
		margin-left:0px;
	}

	.sl-giveaway .sweepstakes .main-image{
		width:96%;
		height:auto;
	}

	.sl-giveaway .page-section .logos img
	{
		padding:10px 5px;
		/*width:50px;*/
		height:70px;
	}

	.sl-giveaway p.big{
		text-align: center;
	}

	.sl-giveaway p.sub-big{
		text-align: center;
	}

	.sl-giveaway .center-block-16{
		margin: 0 auto;
		width:300px;
		display: inline-block;
	}

	.sl-giveaway img.numbers{
		float:none;
		padding-right:0px;
	}
	.sl-giveaway img.kinf{
		float:none;
		padding:0px;
	}

	.sl-giveaway .center-block-15,
	.sl-giveaway .center-block-14 {
		margin: 0 auto;
		width:280px;
		display: inline-block;
	}

	.sl-giveaway .must-share br,
	.sl-giveaway .big br{
		content: ' ';
	}
}

.page-section.black-bg{
	background-color: #000;
}

page-section.drop-shadow{
	-webkit-box-shadow: 0px 10px 26px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 26px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 26px -5px rgba(0,0,0,0.75);
}

/*
Sweepstakes wishlist
 -------------------------*/
.wishlist .page-section .main-image{
	margin-top: 20px;
}
.wishlist .page-section.cream-bg{
	background-color: #f7f4eb;
}
.wishlist .fine-print{
	font-size:85%;
	font-style: italic;
}
.wishlist .fine-print a{
	color:#000;
	text-decoration: underline;
}
.wishlist .fine-print a:hover{
	color:#000;
	text-decoration: none;
}

.wishlist li.off-bullets::before{
	content: "•";
	color:#b23a2c;
	padding-right:7px;
}
.wishlist li.off-bullets{
	font-size: 23px;
	line-height: 28px;
	padding-bottom: 20px;
	font-weight:700;
}

.wishlist .page-section.how-wish-list p{
	font-size:20px;
	line-height:26px;
	padding-bottom:10px;
}

.wishlist .page-section h3.sub-menu{
	padding-top:0;
}

.wishlist .page-section.how-wish-list li::before{
	content: "•";
	color:#b23a2c;
	padding-right:10px;
	display:table-cell;
}
.wishlist .page-section.how-wish-list ul{
	font-size:20px;
	padding-bottom:30px;
	padding-top:10px;
	display:table;
}
.wishlist .page-section.how-wish-list li{
	display: table-row;
	line-height:26px;
	margin-top:10px;
}
.wishlist img.apple{

}
/*.wishlist .page-section.how-wish-list ul li{
	padding-bottom:20px;
}*/

.wishlist .social-icons a{
	padding-left:7px;
}

.wishlist .page-section.drop-shadow{
	position:relative;
	top: 0;
	z-index:1;
	-webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.75);
}

@media(max-width:1024px){
	.wishlist .page-section{
		padding: 30px 0;
	}
}

@media(max-width:480px){
	.wishlist .page-section{
		padding: 30px 15px;
	}
	.wishlist .page-section  .trusted-copy{
		padding-left:20px;
	}
}

.screen-reader-only{
	display: block !important;
	position: absolute !important;
	top: -5000000px;
	left: -50000000px;
}

div#share-help {
    width: 35%;
    float: left;
    font-size: .8em;
    margin: 30px 20px 0px;
}

.affiliate-coming-soon {
	padding-top: 15px;
}

.affiliate-coming-soon strong.tl-red {
	white-space: nowrap;
}

.list-sponsored-image{
	display: inline-block;
	width: 310px;
	padding: 5px 5px 0 5px;
	vertical-align: text-bottom;
}

.list-sponsored-image-side-text{
	display: inline-block;
}

.list-sponsored-image-side-text span.pad{
	padding: 5px 0;
}

.list-sponsored-image-side-text p.legal-disclaimer{
	margin: 0;
}

/**hide footer if we're in an IFrame**/
body.iframe #footer {
	display: none;
}

body.iframe .link-promo-school.promo-banner-link, body.iframe .link-promo-list.promo-banner-link {
	display: none;
}

body.iframe .message_box {
	display: none;
}

body.iframe div#content_wrapper[class*="_schools_"] {
	display: none;
}

body.iframe #app_wrapper {
	margin: 0 !important;
}

body.iframe .sticky-header-wrap {
	display: none;
}

._partners #page-content * {
	box-sizing: content-box;
}

._ourpartners .page-section.red-bg.innerpage-template-header {
	margin-top: 75px;
}

@media(max-width:786px){
	._ourpartners .page-section.red-bg.innerpage-template-header {
		margin-top: 41px;
	}
}

/*****
  Hamburger button transition
  ******/

	#header-flat button.menu-toggle-button {
		margin-top: 10px;
	}

	button.menu-toggle-button {
		position: relative;
		height: 19px;
		width: 20px;
		margin-right: 5px;
	}
	
	.menu-toggle-button .hamburger {
		width: 100%;
		margin-bottom: 5px;
		height: 0px;
		border: 1px solid #007dae;
		display: block;
		position: absolute;
		left: 0;
		transition: all 0.5s;
	}
	
	button.menu-toggle-button[aria-expanded='true'] .hamburger:nth-child(1) {
		transform-origin: bottom right;
		transform: rotate(-45deg);
		margin-bottom: 0;
	}
	
	button.menu-toggle-button[aria-expanded='true'] .hamburger:nth-child(2) {
		display: none;
	}
	
	button.menu-toggle-button[aria-expanded='true'] .hamburger:nth-child(3) {
		transform-origin: bottom right;
		transform: rotate(45deg);
		margin-bottom: 0;
		left: -1px;
	}
	
	button.menu-toggle-button .hamburger:nth-child(1) {
		top: 0;
	}
	
	button.menu-toggle-button .hamburger:nth-child(2) {
		top: 50%;
	}
	
	button.menu-toggle-button .hamburger:nth-child(3) {
		top: 100%;
	}
	
	button.menu-toggle-button.mt-md-3:focus {
		outline: none;
	}

	.email-verification-success {
		text-align: center;
	}

	.email-verification-success a {
		color: #363636;
		text-decoration: underline;
	}

	#continue_button {
		border-radius: 0.25rem;
	}