/* Styles for the main layout of the site (applies to all pages) */
html {
	width: 100%;
}
body {
	width: 100%;
	font-size: 16px;
	color: #425454;
	font-family: 'Poppins', helvetica, arial, sans-serif;
	background-color: white;
}
.bodycontainer  {
	width: 100%;
	margin: 0px;
}
.bodycontainer .mainSection {
   	width: 100%;
}
.bodycontainer .mainSection .headerSection {
	width: 100%;
	margin-top: 0px;
}
.bodycontainer .mainSection .contentSection {
	width: 1200px;
	min-height: 500px;
	margin: 0 auto;
}
.bodycontainer .mainSection .footerSection {
	width: 100%;
	background-color: rgb(227, 227, 227);
}

/* Styles for the header */
.headerSectionInner {
	width: 1200px;
	margin: 50px auto 0px auto;
	display: flex;
	justify-content: space-between;
	padding-top: 5px;
	padding-bottom:10px;
}
.headerSectionInner .headerLeftSection {
}
.headerSectionInner .headerLeftSection .headerLogo {
}
.headerSectionInner .headerRightSection {
	text-align: right;
}
.headerSectionInner .headerRightSection .headerTopNav {
	padding-bottom: 20px;
}
.headerSectionInner .headerRightSection .headerTopNav a.loginLogoutBtn, .headerSectionInner .headerRightSection .headerTopNav a.requestAccountBtn {
	display: inline-block;
	border: solid 1px #ea4848;
	border-radius: 4px;
	padding: 11px 14px;
	margin-left: 2em;
	line-height: 1em;
	text-decoration: none;
	color: #425454;
}
.headerSectionInner .headerRightSection .headerTopNav a.loginLogoutBtn:hover {
		color: #fff;
	background-color: #ea4848;

}
.headerSectionInner .headerRightSection .headerTopNav a.requestAccountBtn:hover {
		color: #fff;
	background-color: #ea4848;
}
.headerSectionInner .headerRightSection .headerBottomNav {
}
.headerSectionInner .headerRightSection .headerBottomNav ul {
	list-style-type: none;
	margin: 0;
}
.headerSectionInner .headerRightSection .headerBottomNav ul li {
	display: inline-block;
	margin-left: 1em;
}
.headerSectionInner .headerRightSection .headerBottomNav ul li a {
	text-decoration: none;
	color: #425454;
}
.headerSectionInner .headerRightSection .headerBottomNav ul li a:hover {
	color: #D71010;
}

/* Styles for the footer */
.footerSectionInner {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	padding-bottom: 20px;
}
.footerSectionInner .footerLeftSection {
}
.footerSectionInner .footerLeftSection .footerLogo {
}
.footerSectionInner .footerMiddleSection {
	text-align: center;
}
.footerSectionInner .footerMiddleSection .socialMediaHeading {

	font-weight:500;
}
.footerSectionInner .footerMiddleSection .socialMediaLinks {

	padding-top:8px;
}
.footerSectionInner .footerRightSection {
}
.footerSectionInner .footerRightSection .navigationHeading {
	padding-bottom: 10px;
	font-weight:500;
}
.footerSectionInner .footerRightSection .navigationLinks {
	display: flex;
	justify-content: space-between;
}
.footerSectionInner .footerRightSection .navigationLinks ul {
	list-style-type: none;
	margin: 0;
	color:#4a4a4a;

}

.footerSectionInner .footerRightSection .navigationLinks li a{
	color:#4a4a4a;
	font-size:.9em;
}

.footerSectionInner .footerRightSection .navigationLinks li a:hover {
	color:#EA4848;
}

.footerSectionInner .footerRightSection .navigationLinksLeft ul {
	padding-left:0px;
}

/* Use the following classes when you want content to take up the entire width of the browser (like the header / footer does) */
/* You will need to set the height of the DIV you assign .fullWidthContent to */
/* You will need to set the margin-top of the next DIV to be the same value as the .fullWidthContent height */
.fullWidthContent {
	position: absolute;
	left: 0;
	width: 100%;
}
.fullWidthContentInner {
	width: 1200px;
	margin: 0 auto;
}

/* main system button for all built-in pages */
a.cssButton,
.findAlbum a.cssButton,
.mainSectionWithoutUpsellSection .topButtonRow .checkoutButton a.cssButton,
.mainSectionWithoutUpsellSection .bottomButtonRow .checkoutButton a.cssButton {
	background: transparent url("/images/pagegraphics/default/css-left.gif") no-repeat top left;
	line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 38px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	background-position: top left;
	color: white;
	/* not needed here... redundant... font-family: 'poppins', helvetica, arial, sans-serif; */
	font-size: 1em;
	/*font-weight: bold; not sure if we want this? */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;

}
a.cssButton:hover,
.findAlbum a.cssButton:hover,
.mainSectionWithoutUpsellSection .topButtonRow .checkoutButton a.cssButton:hover,
.mainSectionWithoutUpsellSection .bottomButtonRow .checkoutButton a.cssButton:hover {
	background-position: bottom left;
	color: white;

}
a.cssButton SPAN,
.findAlbum a.cssButton SPAN,
.mainSectionWithoutUpsellSection .topButtonRow .checkoutButton a.cssButton SPAN,
.mainSectionWithoutUpsellSection .bottomButtonRow .checkoutButton a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right.gif") no-repeat top right;
	display: inline-block;
	padding: 4px 8px 4px 0; /* Set 12px (second value) to match value of 'padding-left' above (a.cssButton) */
	background-position: top right;
	color: white;
	font-size: 1em;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
a.cssButton SPAN:hover,
.findAlbum a.cssButton SPAN:hover,
.mainSectionWithoutUpsellSection .topButtonRow .checkoutButton a.cssButton SPAN:hover,
.mainSectionWithoutUpsellSection .bottomButtonRow .checkoutButton a.cssButton SPAN:hover {
	background-position: bottom right;
	color: white;
}

/* red system button for some pages */
.login .contentSection .loginNewAccountSection .loginColumn a.cssButton, .promotion a.cssButton,
.homeMasthead a.cssButton,
.compareSection a.cssButton,
.productsHeader a.cssButton,
.adContainer a.cssButton,
.contentpage_index .submitButton a.cssButton {
	background: transparent url("/images/pagegraphics/default/css-left-red.gif") no-repeat top left;
	line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
	height: 38px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	background-position: top left;
	color: white;
	/* not needed here... redundant... font-family: 'poppins', helvetica, arial, sans-serif; */
	font-size: 1em;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;

}
.login .contentSection .loginNewAccountSection .loginColumn a.cssButton:hover, .promotion a.cssButton:hover,
.homeMasthead a.cssButton:hover,
.compareSection a.cssButton:hover,
.productsHeader a.cssButton:hover,
.adContainer a.cssButton:hover,
.contentpage_index .submitButton a.cssButton:hover {
	background-position: bottom left;
	color: white;

}
.login .contentSection .loginNewAccountSection .loginColumn a.cssButton SPAN, .promotion a.cssButton SPAN,
.homeMasthead a.cssButton SPAN,
.compareSection a.cssButton SPAN,
.productsHeader a.cssButton SPAN,
.adContainer a.cssButton SPAN,
.contentpage_index .submitButton a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right-red.gif") no-repeat top right;
	display: inline-block;
	padding: 4px 8px 4px 0; /* Set 12px (second value) to match value of 'padding-left' above (a.cssButton) */
	background-position: top right;
	color: white;
	font-size: 1em;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.login .contentSection .loginNewAccountSection .loginColumn a.cssButton SPAN:hover, .promotion a.cssButton SPAN:hover,
.homeMasthead a.cssButton SPAN:hover,
.compareSection a.cssButton SPAN:hover,
.productsHeader a.cssButton SPAN:hover,
.adContainer a.cssButton SPAN:hover,
.contentpage_index .submitButton a.cssButton SPAN:hover {
	background-position: bottom right;
	color: white;
}

.textLink {
	color:#EA4848;
	text-decoration:none;
}


/* styles for login page */
.login .contentSection .loginNewAccountSection {
	width: 100%;
	text-align: center;
}
.login .contentSection .loginNewAccountSection .loginSection {
	display: inline-block;
	float: none;
	border: none;
	text-align: center;
	margin: 0 auto;
}
.login .contentSection .loginNewAccountSection .sectionDIVHeader {
	display: none;
}
.login .contentSection .loginNewAccountSection .sectionDIVBody .formTable td {
	padding-bottom: 20px;
	width: 
}
.login .contentSection .loginNewAccountSection .sectionDIVBody .formTable input[type="text"],
.login .contentSection .loginNewAccountSection .sectionDIVBody .formTable input[type="password"] {
	width: 300px;
}
.login .contentSection .loginNewAccountSection .newAccountSection {
	display: none;
	width: 0%;
}
.login .contentSection .loginNewAccountSection .loginColumn {
	text-align: center;
}
.login .contentSection .loginNewAccountSection .sectionDIVBody .formTable td.nameColumn {
	text-align: right;
}
.login .contentSection .loginNewAccountSection .sectionDIVBody .formTable td.nameColumn a {
	display: none;
}


/* moved from Tarbia's common.css */
.TMclearfix:after { /* renamed from .clearfix to .TMclearfix so as not to conflict with our base design .clearfix */
    content:" ";
    display:block;
    clear:both;
}
.btn {
    background-color: #EA4848;
    border-radius: 4px;
    color: #fff;
    font-size: 1em;
    padding: .7em 1em .6em 1em;
}
span.btn {
    display:inline-block;
}

h1 {
	font-size: 1.9em;
	font-weight: 400;
	color: #009092;
	padding: 0;
	margin: 0;          
}
h2 {
	font-size: 1.4em;
	font-weight: 300;
	color: #009092;
	padding: 0;
	margin: 0;
}
h3 {
	font-size: 1.4em;
	font-weight: 400;
	padding: 0;
	margin: 0;
}
h4 {
	font-size: 1em;
	font-weight: 500;
	padding: 0;
	margin: .5em 0 0 0;
	color: #009092;
}
h5 {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: 600;
	padding: 0;
	margin: 0;
}
h6 {
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: 200;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color:#009092;
}
.pageHeader {
	text-align: center;
	width: 100%;
	margin-bottom:20px;
}
 input, select, textarea {
	font-family: 'Poppins', helvetica, arial, sans-serif;
	border:solid 1px #ccc;
 }

/*HOME*/
.iconHeader {
     font-size:1.1em;
    line-height:1.5em;
    padding-bottom:7px;
}
.iconText {
    font-size:.8em;
    line-height:1.3em;
    font-weight:300;
    color:#CFEFEB;
}
.comparisonTable {
    width:960px;
    margin:50px auto;
    color:#fff;
    font-family: 'poppins', helvetica, arial, sans-serif;
    font-weight: 300;

}
.comparisonTable h1 {
	font-size:1.7em;
	font-weight: 400;
}

.comparisonTable th {
    font-weight: 400;
    padding:10px;
    text-align: center;
    border-bottom:solid 2px #fff;
}

.comparisonTable th:nth-child(1) {
	color:#fff;
	font-size:1.4em;
	background-color:#009092;
	border-right:solid 2px #fff;
}


.comparisonTable th:nth-child(2) {
	color:#fff;
	font-size:1.4em;
	background-color:#4a4a4a;
}

.comparisonTable td:nth-child(1), .comparisonTable td:nth-child(2) {
    padding:25px 0 13px 0;

}

.comparisonTable td:nth-child(1) {
    width:50%;
    border:none;
    text-align: center;
    border-bottom:solid 2px #fff;
    border-right:solid 2px #fff;
    background-color:#B8E4DF;
	color:#595954;
}

.comparisonTable td:nth-child(2) {
	color:#595954;
	background-color:#CBCBCB;

    width:50%;
    border:none;
  
    text-align: center;
    border-bottom:solid 2px #fff;

}
.comparisonTable td {
	font-family: helvetica, 'poppins', arial, sans-serif;
    font-size:1em;
    line-height:1.5em;
    font-weight: 400;
}
.compareHeading {
        font-size:1.3em;
        line-height:1.2em;
        font-weight:600;
     

    }
/* moved/merged from Tarbia's inline footer_fixed.html inline style AND common.css */
.footerLogoCol {
	width: 25%;
	float: left;
}
.footerNavCol {
	width: 36%;
	float: right;
}
.footerSocialCol {
	width: 39%;
	float: right;
}

.footerLogoCol {
	float: left;
}
.footerNavCol, .footerSocialCol {
	float: right;
}
.logoContainer {
	width: 310px;
}

.footer ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.footer ul li {
	display: block;
	font-size: 1.2em;
	margin-bottom: .7em;
	color: #425454;
}
.footer ul li a {
	text-decoration: none;
	color: #425454;
	font-size: .8em;
	line-height: 1.7em;
	display: inline-block;
}
.footer ul li a:hover {
	color:#EA4848;
}
.navCol1, .navCol2 {
	float: left;
}
.navCol2 {
	margin-left: 3em;
}





/*FORM STYLES*/
input[type=text],
input[type=password],
input[type=email],
select {
	padding:6px 14px;
	box-sizing:border-box;
	font-size:1em;
	color:#4a4a4a;
}
input[type=number] {
	padding:6px 0px 6px 14px;
	box-sizing:border-box;
	font-size:1em;
	color:#4a4a4a;
}
.k-dateinput {
	padding:6px 14px;
	box-sizing:border-box;
	color:#4a4a4a;
}
.k-dateinput-wrap {
	font-size:14px;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
}
textarea{	
	font-size:1em;
	color:#4a4a4a;
}
.yearbook_view .k-numeric-wrap>.k-input {
	font-size: 14px;
    padding-left: 12px;
}

.contact-form textarea#ProblemEdit {
	height: 50px;
	width: 80%;
}
.contact-form select {
	width: 60%;
	border: 1px solid #acabaf;
}
.contact-form p {
	width: 100%;
}
.contactInput {
    width:80%;
    margin:1.5em auto 0 auto;
    text-align:left;
    }
.contactLabel {
    width:65px;
    float:left;
    padding-top:6px;
    }
.contactInputContainer {
    width:316px;
    float:right;
    }
.contactContainer {
    height:480px;
    }



/* copied/merged from Tarbia's common.css for FAQs */
/*Frequently Asked Questions*/
.question {
	color:#3B4B82;
	font-size: 1.25em;
	line-height: 1.4em;
	margin-top:45px;
}
.answer {
	font-size: 1.05em;
	line-height: 1.6em;
	margin-bottom:40px;
}
.catContainer{
	width: 960px;
	margin: 0px auto;
}
.category {
	margin-bottom: .2em;
}
.faqleftCol, .faqRightCol {
	float: left;
	text-align: center;
	width: 49%;
	margin-top: 2em;
}
.faqleftCol {
	margin-right: 2%;
}
.catBtn {
	border-radius: 2px;
	background-color: #B8E4DF;
	padding: 12px 1.2%;
	width: 98%;
	display: block;
	font-size: 1em;
	text-decoration: none;
	color: #425454;
}
.catBtn:hover {
	background-color: #cfefeb;
}
a.catBtn span {
	width: 100%;
}
.answerSection {
	width: 960px;
	margin: 2.5em auto;
}
.answerSectionInner {
	width:700px;
	padding:65px 130px;
	background-color:#f1f2f2;
}

/* ******************************************************* */
/* yearbook overrides */
/* ******************************************************* */

/* yearbook_index page */
.yearbook_index .formHeading {
	background-color: #dfdfdf;
	color: #415454;
	line-height: 50px;
	text-align: center;
	border-radius: 5px 5px 0px 0px;
}
.yearbook_index .yearbooksSection {
	padding: 40px;
	border-left: 1px solid #979797;
	border-right: 1px solid #979797;
	border-bottom: 1px solid #979797;
}
.yearbook_index .yearbooksSection .yearbooks {
	width: 820px;
	margin: 0 auto;
}
.yearbook_index .yearbooksSection .yearbooks .status {
	width: 128px;
	text-align: center;
}
td.status {
	text-align: center;
}
.yearbook_index .yearbooksSection .yearbooks  .actions {
	width: 120px;
}

/* only show inner grid for list of yearbooks */
.yearbook_index .yearbooksSection .yearbooks {
  border-collapse: collapse;
}
.yearbook_index .yearbooksSection .yearbooks td, .yearbook_index .yearbooksSection .yearbooks th {
  border: 1px solid #c0c0c0;
  padding:5px;
}
.yearbook_index .yearbooksSection .yearbooks tr:first-child th {
  border-top: 0;
}
.yearbook_index .yearbooksSection .yearbooks tr:last-child td {
  border-bottom: 0;
}
.yearbook_index .yearbooksSection .yearbooks tr td:first-child,
.yearbook_index .yearbooksSection .yearbooks tr th:first-child {
  border-left: 0;
}
.yearbook_index .yearbooksSection .yearbooks tr td:last-child,
.yearbook_index .yearbooksSection .yearbooks tr th:last-child {
  border-right: 0;
}

/* style yearbook navigation tabs */
.yearbook_view .tabSelection {
	display: flex;
}
.yearbook_view .tabSelection a {
	display: inline-block;
	width: 25%; /* this should be 25% but there is an odd additional element appearing between the tabs - emailed Lonny */
	text-align: center;
	background-color: #9b9898;
	color: white;
	line-height: 50px;
}
.yearbook_view .tabSelection a:first-child {
	border-radius: 5px 0px 0px 0px;
}
.yearbook_view .tabSelection a:last-child {
	border-radius: 0px 5px 0px 0px;
}
.yearbook_view .tabSelection .selected {
	background-color: #dfdfdf;
	color: #41545td4;
	line-height: 50px;
}

.yearbook_view .generalTab,
.yearbook_view .sectionsTab,
.yearbook_view .photosTab,
.yearbook_view .usersTab,
.yearbook_view .endConsumerStoreTab {
	padding: 40px;
	background-color: #f0f0f0;
	margin-bottom:40px;
}

.yearbook_view .yearbookSection .yearbookSection .leftSection {
	width: 56%;
	box-sizing:border-box;
	border-right: 1px solid #aeaeae;
}
.yearbook_view .yearbookSection .yearbookSection .leftSection .listview label {
	width: 300px;
}
.yearbook_view .yearbookSection .yearbookSection .leftSection .listview li {
	margin-bottom: 10px;
}
.yearbook_view .yearbookSection .yearbookSection .rightSection {
	width: 44%;
}
.yearbook_view .yearbookSection .yearbookSection .rightSection .pricingInformationSection {
	padding: 20px;
	background-color: white;
}
.yearbook_view .yearbookSection .yearbookSection .rightSection .pricingInformationSection .pricingSummaryHeader {
	padding-bottom: 20px;
}
.yearbook_view .yearbookSection .yearbookSection .rightSection .actions {
	padding-top: 20px;
}

.yearbook_view .sectionsTab .sectionsSection .sectionsTableContainer {
	background-color: white;
	padding: 20px;
}
.yearbook_view .sectionsTab .sectionsSection .sections {
	padding: 20px;
	background-color: white;
}
/* only show inner grid for list of sections */
.yearbook_view .sectionsTab .sectionsSection .sections {
  border-collapse: collapse;
}
.yearbook_view .sectionsTab .sectionsSection .sections td,
.yearbook_view .sectionsTab .sectionsSection .sections th {
  border: 1px solid #c0c0c0;
}
.yearbook_view .sectionsTab .sectionsSection .sections tr:first-child th {
	border: 0;
	padding-bottom: 20px;
}
.yearbook_view .sectionsTab .sectionsSection .sections tr:nth-child(2) td {
	border-top: 0;
}
.yearbook_view .sectionsTab .sectionsSection .sections tr:last-child td {
  border-bottom: 0;
}
.yearbook_view .sectionsTab .sectionsSection .sections tr td:first-child,
.yearbook_view .sectionsTab .sectionsSection .sections tr th:first-child {
  border-left: 0;
}
.yearbook_view .sectionsTab .sectionsSection .sections tr td:last-child,
.yearbook_view .sectionsTab .sectionsSection .sections tr th:last-child {
  border-right: 0;
}

.yearbook_view .sectionsTab .sectionsSection .sections .pages,
.yearbook_view .sectionsTab .sectionsSection .sections .numbers,
.yearbook_view .sectionsTab .sectionsSection .sections .assignedTo {
	text-align: center;
}

.yearbook_view .sectionsTab .sectionsSection > .actions {
	padding-top: 20px;
}


/*Center the "create" button*/
.createYearbook {
	width:116px;
	margin: 20px auto;
}
/* gray system button for all sections page */


.yearbook_view .sectionsTab .sectionsSection .actions .cssButton {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 3px;
}

.yearbook_view .sectionsTab .sectionsSection .actions .viewButton a.cssButton {
	background: transparent url("/images/pagegraphics/default/css-left-gray.gif") no-repeat top left;
	color: #009092;
}
.yearbook_view .sectionsTab .sectionsSection .actions .checkInButton a.cssButton {
	background: transparent url("/images/pagegraphics/default/css-left-gray.gif") no-repeat top left;
	color: #853B27;
}
.yearbook_view .sectionsTab .sectionsSection .actions .checkOutButton a.cssButton{
	background: transparent url("/images/pagegraphics/default/css-left-gray.gif") no-repeat top left;
	color: #853B27;
}
.yearbook_view .sectionsTab .sectionsSection .actions .breakLockButton a.cssButton{
	background: transparent url("/images/pagegraphics/default/css-left-gray.gif") no-repeat top left;
	color: #853B27;
}
.yearbook_view .sectionsTab .sectionsSection .actions .editButton a.cssButton{
	background: transparent url("/images/pagegraphics/default/css-left-gray.gif") no-repeat top left;
	color: #3B4B82;
}
.yearbook_view .sectionsTab .sectionsSection .actions .settingsButton a.cssButton{
	background: transparent url("/images/pagegraphics/default/css-left-gray.gif") no-repeat top left;
	color: #595954;
}
.yearbook_view .sectionsTab .sectionsSection .actions .removeButton a.cssButton {
	background: transparent url("/images/pagegraphics/default/css-left-gray.gif") no-repeat top left;
	color: #EA4848;
}
.yearbook_view .sectionsTab .sectionsSection .actions .viewButton a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right-gray.gif") no-repeat top left;
	color: #009092;
}
.yearbook_view .sectionsTab .sectionsSection .actions .checkInButton a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right-gray.gif") no-repeat top left;
	color: #853B27;
}
.yearbook_view .sectionsTab .sectionsSection .actions .checkOutButton a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right-gray.gif") no-repeat top left;
	color: #853B27;
}
.yearbook_view .sectionsTab .sectionsSection .actions .breakLockButton a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right-gray.gif") no-repeat top left;
	color: #853B27;
}
.yearbook_view .sectionsTab .sectionsSection .actions .editButton a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right-gray.gif") no-repeat top left;
	color: #3B4B82;
}
.yearbook_view .sectionsTab .sectionsSection .actions .settingsButton a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right-gray.gif") no-repeat top left;
	color: #595954;
}
.yearbook_view .sectionsTab .sectionsSection .actions .removeButton a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right-gray.gif") no-repeat top right;
	color: #EA4848;
}
.yearbook_view .sectionsTab .sectionsSection .actions .viewButton a.cssButton:hover,
.yearbook_view .sectionsTab .sectionsSection .actions .checkInButton a.cssButton:hover,
.yearbook_view .sectionsTab .sectionsSection .actions .checkOutButton a.cssButton:hover,
.yearbook_view .sectionsTab .sectionsSection .actions .breakLockButton a.cssButton:hover,
.yearbook_view .sectionsTab .sectionsSection .actions .editButton a.cssButton:hover,
.yearbook_view .sectionsTab .sectionsSection .actions .settingsButton a.cssButton:hover,
.yearbook_view .sectionsTab .sectionsSection .actions .removeButton a.cssButton:hover {
	background-position: bottom left;
}
.yearbook_view .sectionsTab .sectionsSection .actions .viewButton a.cssButton SPAN:hover,
.yearbook_view .sectionsTab .sectionsSection .actions .checkInButton a.cssButton SPAN:hover,
.yearbook_view .sectionsTab .sectionsSection .actions .checkOutButton a.cssButton SPAN:hover,
.yearbook_view .sectionsTab .sectionsSection .actions .breakLockButton a.cssButton SPAN:hover,
.yearbook_view .sectionsTab .sectionsSection .actions .editButton a.cssButton SPAN:hover,
.yearbook_view .sectionsTab .sectionsSection .actions .settingsButton a.cssButton SPAN:hover,
.yearbook_view .sectionsTab .sectionsSection .actions .removeButton a.cssButton SPAN:hover {
	background-position: bottom right;
}


.yearbook_view .usersTab .usersSection .usersTableContainer {
	background-color: white;
	padding: 20px;
}
.yearbook_view .usersTab .usersSection .users {
	padding: 20px;
	background-color: white;
}
/* only show inner grid for list of users */
.yearbook_view .usersTab .usersSection .users {
	border-collapse: collapse;
}
.yearbook_view .usersTab .usersSection .users {
	width: 100%;
}
.yearbook_view .usersTab .usersSection .users td {
	width: 33%;
}
.yearbook_view .usersTab .usersSection .users td,
.yearbook_view .usersTab .usersSection .users th {
	border: 1px solid #c0c0c0;
}
.yearbook_view .usersTab .usersSection .users tr:first-child th {
	border: 0;
	padding-bottom: 20px;
}
.yearbook_view .usersTab .usersSection .users tr:nth-child(2) td {
	border-top: 0;
}
.yearbook_view .usersTab .usersSection .users tr:last-child td {
	border-bottom: 0;
}
.yearbook_view .usersTab .usersSection .users tr td:first-child,
.yearbook_view .usersTab .usersSection .users tr th:first-child {
	border-left: 0;
}
.yearbook_view .usersTab .usersSection .users tr td:last-child,
.yearbook_view .usersTab .usersSection .users tr th:last-child {
	border-right: 0;
}

.yearbook_view .usersTab .usersSection .users .roles,
.yearbook_view .usersTab .usersSection .users .userRoles {
	text-align: center;
}

.yearbook_view .usersTab .usersSection > .actions {
	padding-top: 20px;
}

/* gray system button for all sections page */
.yearbook_view .usersTab .usersSection .users .actions .cssButton {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 3px;
}
.yearbook_view .usersTab .usersSection .users .actions .editButton a.cssButton{
	background: transparent url("/images/pagegraphics/default/css-left-gray.gif") no-repeat top left;
	color: #3B4B82;
}
.yearbook_view .usersTab .usersSection .users .actions .removeButton a.cssButton {
	background: transparent url("/images/pagegraphics/default/css-left-gray.gif") no-repeat top left;
	color: #EA4848;
}
.yearbook_view .usersTab .usersSection .users .actions .editButton a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right-gray.gif") no-repeat top left;
	color: #3B4B82;
}
.yearbook_view .usersTab .usersSection .users .actions .removeButton a.cssButton SPAN {
	background: transparent url("/images/pagegraphics/default/css-right-gray.gif") no-repeat top right;
	color: #EA4848;
}
.yearbook_view .usersTab .usersSection .users .actions .editButton a.cssButton:hover,
.yearbook_view .usersTab .usersSection .users .actions .removeButton a.cssButton:hover {
	background-position: bottom left;
}
.yearbook_view .usersTab .usersSection .users .actions .editButton a.cssButton SPAN:hover,
.yearbook_view .usersTab .usersSection .users .actions .removeButton a.cssButton SPAN:hover {
	background-position: bottom right;
}


/* photos tab */
.yearbook_view .photosTab .photoOrganizationSection .switchViewsActions {
	background-color: #f0f0f0;
}
.yearbook_view .photosTab .photoOrganizationSection .switchViewsActions a {
	display: inline-block;
	/*width: 49%; should be 50% but some extra element is showing up between them */
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	background-color: #9b9898;
	color: white;
	line-height: 30px;
}
.yearbook_view .photosTab .photoOrganizationSection .switchViewsActions a:first-child {
	border-radius: 5px 0px 0px 0px;
}
.yearbook_view .photosTab .photoOrganizationSection .switchViewsActions a:last-child {
	border-radius: 0px 5px 0px 0px;
}
.yearbook_view .photosTab .photoOrganizationSection .switchViewsActions .selected {
	background-color: white; /*#dfdfdf;*/
	color: #415454;
}
.yearbook_view .photosTab .photoOrganizationSection {
	background-color: white;
}
.yearbook_view .photosTab .photoOrganizationSection .createNewActions {
	background-color: #dfdfdf;
	color: #415454;
	border-radius: 5px 5px 5px 5px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
}
.yearbook_view .photosTab .photoOrganizationSection .createNewActions .title {
	padding-top: 5px;
	padding-bottom: 5px;
}
.yearbook_view .photosTab .ybgrades,
.yearbook_view .photosTab .ybcandidalbums {
	overflow-y: scroll;
	height: 475px;
}
.yearbook_view .photosTab .photoOrganizationSection .startImportActions {
	padding-left: 2px;
	padding-right: 2px;
}
.yearbook_view .photosTab .photoOrganizationSection .ybgrade {
	padding-left: 5px;
	padding-right: 5px;
}
.yearbook_view .photosTab .ybclasses .ybclass .selected {
	text-decoration: none;
}



/* ShoppingCart - qty field needs to be wider */
.contentSection .photoGiftsSection .photoGiftsTable .productColumn .photoGiftsProductsTable .quantityColumn input {
	width: 75px !important;
	padding: 6px 6px;
}


/* Book themes page */
.yearbook_view .generalTab .bookThemeSelector .themeCategoriesAndThemesSection .themeCategoriesSection {
	display: none; /* hide theme categories for now (only one category) */
}
.yearbook_view .generalTab .bookThemeSelector .themeCategoriesAndThemesSection {
	display: inline; /* remove flex from section */
}
.yearbook_view .generalTab .bookThemeSelector .themeCategoriesAndThemesSection .themesSection .themeCategoryHeading {
	display: none;
}
.yearbook_view .generalTab .bookThemeSelector .themeCategoriesAndThemesSection .themesSection .themes {
	flex-wrap: wrap; /* force wrapping */
	width: 100%;
}
.yearbook_view .generalTab .bookThemeSelector .themeDetailsSection .previousNextThemeSection .previousThemeSection {
	width: 150px;
}
.yearbook_view .generalTab .bookThemeSelector .themeDetailsSection .largeThemeImageSection {
	padding-top: 10px;
	padding-bottom: 10px;
}
.yearbook_view .generalTab .bookThemeSelector .themeDetailsSection .largeThemeImageSection .largeThemeImageContainer {
	text-align: center;
}
.yearbook_view .generalTab .bookThemeSelector .themeDetailsSection .largeThemeImageSection .previousImageSection,
.yearbook_view .generalTab .bookThemeSelector .themeDetailsSection .largeThemeImageSection .nextImageSection {
	font-size: 40px;
}
.yearbook_view .generalTab .bookThemeSelector .themeDetailsSection .actions {
	padding-top: 10px;
}


/* GENERIC book theme page (NON-YEARBOOK) */
.product_booktheme .contentSection .instructionsSection {
	display: none;
}
.product_booktheme .contentSection .categoriesSection {
	display: none;
}
.product_booktheme .contentSection .resultsSection {
	width: 100%;
}
.product_booktheme .contentSection .resultsSection .themeCategoryHeader {
	display: none;
}
.product_booktheme .contentSection .resultsSection .themes .themeContainer .themeName {
	width: 100%;
	text-align: center;
}
.product_booktheme .contentSection .resultsSection .themes .themeContainer .startWizard {
	display: none;
}
.themeDialog .themeHeaderSection .themeHeader .productNameAndPrice,
.themeDialog .themeHeaderSection .themeHeader .productPrice,
.themeDialog .themeHeaderSection .startWizard {
	display: none;
}
.themeDialog .themeHeaderSection {
	width: 100%;
}
.themeDialog .themeHeaderSection .themeHeader {
	text-align: center;
	width: 100%;
}
.themeDialog .themeThumbnailsSection .themeThumbnails .scroll-pane .scroll-content {
	margin: 0 auto;
}

/* Payment Page */
.payment .purchaseOrderSection .purchaseOrderMessage {
	display: none;
}
.payment .purchaseOrderSection .purchaseOrderEntry .nameColumn {
	display: none;
}

/*Hide the OK button on order detail*/
.orderdetail .contentBottomButtonSection .cssButton {
	display:none;
}


/*HOMEPAGE*/


    .iconSection {
    width:1200px;
    background-color:#f9f9f9;
    padding:70px 0px 30px 0;
    }
    .guarantee {
    margin: 0px auto 10px auto;
    width: 560px;
    height:48px;
    text-align: center;
    font-size:1.9em;
    color:#4a4a4a;
    }
    .iconsContainer {
    height: 300px;
    padding:30px 0px 65px;
    background-color: #f9f9f9;
    }
    .icon {
    text-align: center;
    float: left;
    }
    .iconLabel {
    color:#4a4a4a; line-height: 1.6em; font-size: 1.3em; font-weight: 500;
    }
    .iconDescr {
    color:#4a4a4a;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: 400;
    }
    .adPhoto{
    width:530px;
    float:right;
    height:376;
    overflow:hidden;
    }
    .adContainer {
    width:1200px;
    background-color:#f1f2f2;
    }
    .offer {
    height:376px;
    width:670px;
    float:left;
    background-image: url("/Images/PageGraphics/default/home/ad2.png");
    background-repeat:no-repeat;
    }
    .offerBtn {
    padding-top: 260px;
    padding-left:285px;
    }

    /*Products and Pricing*/
      .productsHeader {
    text-align: center;
    margin: 0 auto;
    width:1200px;
    height: 450px;
    background-image:url('http://test.remembermeyearbooks.com/Images/PageGraphics/default/products/header_products.jpg');
    }
    .bindingContainer {
    background:#f9f9f9;
    margin:0px auto 100px auto;
    padding:80px 0px 150px 0px;
    width:1200px;
    }
    .bindingInner {
    width:880px;
    margin:0px auto;
    }
    .bindingA, .bindingB, .bindingC {
    width:100%;
    text-align:center;
    }
    .bindingA, .bindingB {
    margin-right:35px;
    }
    .container {
    width:100%;
    }
    .productName {
    font-size:1.5em;
    color:#009092;
    text-align: left;
    font-weight:500;
    }
    .description {
    font-size:1.1em;
    line-height:1.5em;
    text-align: left;
    color:#4a4a4a;
    font-weight:400;
    }
    .priceLine {
    font-size:1em;
    color:#4a4a4a;
    text-align: left;
    font-weight:400;
    margin-top:2em;
    }
    .price {
    font-size:1.6em;
    font-weight:600;
    text-align:left;
    }
    .productDescription {
    width:400px;
    float:left;
    }
    .bindingImg {
    float:right;
    width:270px;
    margin:10px 0;
    }
    hr.productDivider {
    border: 0;
    border-top: 1px solid #8c8c8c;
    border-bottom: 1px solid #fff;
    margin:30px 0;
    }
    .promotion {
    background:#B8E4DF;
    text-align: center;
    font-size:1.3em;
    padding:25px;
    margin-top:2em;
    }
    .promotion span {
    color:#009092;
    }
    .smallImg {
    width:161px;
    height:118px;
    float:right;
    margin:10px 20px 10px 0;
    }

    /*FAQs*/
     .topLink {
    font-size:.8em;
    display:block;
    float:right;
    color:#009092;
    background:url("/Images/PageGraphics/default/faqs/faq_arrow.png");
    background-repeat:no-repeat;
    background-position:right;
    width:83px;
    text-align:left;
    display:block;
    }
    .answerSectionInner {
    width:520px;
    padding:40px;
    background:#f1f2f2;
    margin:40px auto;
    }
    .answerSectionInner h2 {
    margin-top:100px;
    }
    .contentSection {
    padding-bottom:0px;
    }
    /*CONTACT US*/
     .contactIcon {
    margin-top: 2.5em;
    margin-bottom:1em;
    }
    .contactContainer {
    width: 960px;
    height:500px;
    background-color: #f1f2f2;
    margin: 0px auto 60px auto;
    }
    .contactLeftCol {
    border-right: solid 2px #fff;
    }
    .contactLeftCol, .contactRightCol {
    float: left;
    text-align: center;
    font-size: .9em;
    margin: 2em 0;
    padding:10px  5px;
    }
    .contactLeftCol {
    width: 610px;
    }
    .contactRightCol {
    width: 328px;
    }
    .contactFieldWidth {
    width:80%
    }
    .contactPhoneBottom {
    padding-bottom: 1em;
    }
    /*REQUEST AN ACCOUNT*/
       .requestIntro {
    width:800px;
    text-align:center;
    margin:20px auto 40px auto;
    }
    .requestFormContainer{
    width:500px;
    margin-left:280px;
    height:550px;
    }
    .requestField {
    width:100%;
    margin:1.5em auto 0 auto;
    }
    .requestField .formLabel {
    width:230px;
    text-align:right;
    float:left;
    padding:4px 15px 4px 5px;
    }
    input {
    padding:4px 5px;
    color:#595954;
    font-size:1em;
    width:250px;
    }
    .requestField .contactinput {
    float:left;
    }
    .required {
    color:#e92e30;
    }
    /*Change Color of Selected Section Color in Dropdown*/
    .k-list-container .k-button.k-state-active, .k-list-container .k-button:active, .k-list .k-item.k-state-selected {
    	background-color:#e9e9e9 !important;
    }
    /*Background of pricing tab*/
    .yearbook_view .generalTab .rightSection .pricingInformationSection .pricingSummarySection {
	background-color:#eaeaea;
}

/*Spacing between buttons in designer*/
.saveProjectCommands a.cssButton {
	margin-right: 20px;
}

.wizardViewLargerDialogCommands {
	margin-right:20px;
}