/* 
	TradeSchool Inc.
	Lance Hallberg
	2013.01.04
	Copyright 2013 - TradeSchool Inc.
	All Rights Reserved
*/

/*************
*  Structure
*
****/
/* Wraps the Left column and Center area */
#left_center_wrapper {
	width:765px;
	float:left;
}

#left_center_wrapper > div:first-child {
	clear:both;
	width:747px;
	height: 46px;
	line-height: 46px;
	font-size: 24px;
	font-weight: normal;
	padding-left:16px;
	background-color:rgb(252,252,252);
	border:1px solid rgb(213,220,226);
	border-radius: 8px 8px 8px 8px;
	margin:10px 0px 10px -1px;
}

#left_column {
	width: 220px;
	float: left;
}

#center_column {
	width: 531px;
	margin-top:0px;
	padding-left:14px;
	float: left;
}

#right_wrapper {
	width:220px;
	float:right;
	margin-top:8px;
}

#right_column {
	width: 220px;
}

/*************
*  Pagelets
*
****/
#falseLeftPagelet {
	width:220px;
}
.pagelet {
	width:220px;
	float:left;
	margin-bottom:10px;
	border:1px solid rgb(218,222,227);
	border-radius: 5px 5px 5px 5px;
}

.pagelet > div:first-child {
	height: 23px;
	line-height: 23px;
	background-color:rgb(90,97,103);
	color:rgb(255,255,255);
	font-size:11px;
	font-weight: normal;
	padding-left:7px;
	border-radius: 5px 5px 0px 0px;
}

.pagelet > div:first-child a:link, .pagelet > div:first-child a:visited {
	color:rgb(196,207,255);
}

.pagelet > div:first-child a:hover {
	text-decoration: underline;
	color:rgb(196,207,255);
}

.pagelet > div:not(:first-child) {
	padding:5px 8px 5px 8px;
	border-bottom:1px solid rgb(218,222,227);
	color:#565656;
	line-height: 14px;
}

.pagelet > div:not(:first-child) > span:nth-child(1) {
	display:block;
	float:left;
	width:178px;
}

.pagelet > div:not(:first-child) > span:nth-child(2) {
	display:block;
	float:right;
}

.pagelet > div:not(:first-child) > span:nth-child(3) {
	display:block;
	float:right;
	padding-top:4px;
	padding-right:22px;
}

.pagelet > div:nth-child(even) {
	background-color:rgb(247,248,249);
}

.pagelet > div:nth-child(odd):not(:first-child) {
	background-color:rgb(255,255,255);
}

.pagelet > div:not(:first-child):hover {
	cursor: pointer;
	background-color:rgb(233,242,252);
	color:rgb(121,179,227);
}

.pagelet > div:last-child {
	border-bottom: none;
	border-radius: 0px 0px 5px 5px;
}

.pagelet#shopping_pagelet > div:first-child:hover {
	cursor: pointer;
	background-color:#80a2cd;
	text-decoration: underline;
}

.pagelet#shopping_pagelet img {
	margin-top:-4px;
	vertical-align: middle;
}
.pagelet#shopping_pagelet .creditAvailable {
    cursor: default;
	text-align: right;
}
.pagelet#shopping_pagelet .creditAvailable strong {
    margin-right: 4px;
}
.pagelet#shopping_pagelet .creditAvailable:hover {
    color:#565656;
    background-color: rgb(255,255,255);
}
/****  CODE FIELD  ****/
.pagelet#code_field_pagelet input {
	width:160px;
	border:1px solid #dee9fc;
	border-top:1px solid #c1cfe8;
	border-left:1px solid #c1cfe8;
	border-radius: 5px 5px 5px 5px;
	height:18px;
	padding:2px 5px 2px 5px;
	color:#69a2d4;
	font-weight: bold;
	font-size:12px;
}

.pagelet#code_field_pagelet > div > div {
	width:18px;
	height:18px;
	line-height: 18px;
	padding:2px 2px 2px 2px;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	border:1px solid #bfc0bf;
	background-color:#f1f1f1;
	float: right;
}

.pagelet#code_field_pagelet > div > div:hover {
	margin-left:-1px;
	border:1px solid #a1c9e8;
	background-color:#dcf6ff;
	cursor: pointer;
}

.pagelet#code_field_pagelet > div > div:active {
	margin-left:-1px;
	border-top:1px solid #456983;
	border-left:1px solid #456983;
	background-color:#a2c5e7;
	cursor: pointer;
}

/****  SEARCH FIELD  ****/
.pagelet#search_field_pagelet input {
	width:160px;
	border:1px solid #dee9fc;
	border-top:1px solid #c1cfe8;
	border-left:1px solid #c1cfe8;
	border-radius: 5px 5px 5px 5px;
	height:18px;
	padding:2px 5px 2px 5px;
	color:#69a2d4;
	font-weight: bold;
	font-size:12px;
}

.pagelet#search_field_pagelet > div > div {
	width:18px;
	height:18px;
	line-height: 18px;
	padding:2px 2px 2px 2px;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	border:1px solid #bfc0bf;
	background-color:#f1f1f1;
	float: right;
}

.pagelet#search_field_pagelet > div > div:hover {
	margin-left:-1px;
	border:1px solid #a1c9e8;
	background-color:#dcf6ff;
	cursor: pointer;
}

.pagelet#search_field_pagelet > div > div:active {
	margin-left:-1px;
	border-top:1px solid #456983;
	border-left:1px solid #456983;
	background-color:#a2c5e7;
	cursor: pointer;
}

/****  MISC  ****/
.ui-effects-transfer {
	border: 1px dotted #899ad2;
}

.imageHover {
	margin-left:-1px;
	border:1px solid #cbe2d2;
	background-color:#f4fff5;
	cursor: pointer;
}

#center_column > div > div > div.title {
	padding-top:0px;
	height:24px;
	line-height: 24px;
	margin:0px auto 30px auto;
	color:#5D7BA8;
	border:1px solid #A4B6D1;
	clear:both;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	
	background: #edf4fc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjRmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWRjZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #edf4fc 0%, #cedcea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf4fc), color-stop(100%,#cedcea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #edf4fc 0%,#cedcea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #edf4fc 0%,#cedcea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #edf4fc 0%,#cedcea 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #edf4fc 0%,#cedcea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf4fc', endColorstr='#cedcea',GradientType=0 ); /* IE6-8 */
	border-color: #A4B6D1;
}

#center_column > div > div > div.error {
	padding-top:0px;
	height:24px;
	line-height: 24px;
	margin:0px auto 30px auto;
	color:#5D7BA8;
	border:1px solid #A4B6D1;
	clear:both;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	
	background: #ffefef; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmI1YjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffefef 0%, #ffb5b6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffefef), color-stop(100%,#ffb5b6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffefef 0%,#ffb5b6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffefef 0%,#ffb5b6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffefef 0%,#ffb5b6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffefef 0%,#ffb5b6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefef', endColorstr='#ffb5b6',GradientType=0 ); /* IE6-8 */
	border-color: #FF97A3;
}

#center_column > div > div > div.content {
	padding:10px 10px 0px 10px;
	font-size:12px;
}

#center_column > div > div.policy > div.title {
	font-size:12px;
	margin:0px auto 0px auto;
	width:140px;
}

#center_column > div > div#classSignupConfirmation > div.title {
	font-size:12px;
	margin:0px auto 0px auto;
	width:190px;
}

#center_column>div#inProcess {
	clear:both;
	text-align:center;
	display:none;
}

#center_column>div#inProcess img {
	text-align: center;
}

/*  LOAD CART CONFIRM  */
#confirmClassHeader {
	background-color: #546288;
	border:1px solid #546288;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height:20px;
	line-height: 20px;
	font-size: 11px;
	color:#d1e9ef;
}

#confirmClassOrderSummary {
	float:left;
	padding-left:7px;
}

#confirmClassCartTotal {
	float:right;
	padding-right:7px;
}

.confirmClass {
	border:1px solid #8F9DBF;
	padding:6px 6px 6px 6px;
	background-color: #ffffff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.confirmClassNumber {
	color:#8b8da5;
}

.confirmClassName {
	font-size: 11px;
	font-weight: bold;
	color:#212121;
}

.confirmClassCost {
	float:right;
	text-align:right;
	font-size: 10px;
	vertical-align: top;
}

.confirmClassDescription {
	font-size:10px;
	font-weight: normal;
	color: #767676;
	padding:0px 10px 0px 10px;
}

.confirmClassDates {
	font-size: 10px;
	font-weight: normal;
	padding:0px 10px 10px 10px;
	color:#ababab;
}

.confirmClassPayment {
	padding:0px 10px 10px 10px;
}

.confirmClassPayment select {
	font-size: 10px;
	font-weight: normal;
	color:#767676;
    padding:.125rem;
}

.confirmClassRemoveClass {
	font-size:11px;
	color:#ef7777;
	text-align: center;
	text-decoration: underline;
	margin-top:-10px;
	margin-bottom:10px;
}

.confirmRemove > div {
	width:34px;
	height:18px;
	line-height: 18px;
	font-size: 10px;
	margin-right:10px;
}

#payAndSignupButton {
	width: 160px;
	margin:10px auto 22px auto;
}

#payAndSignupButtonInAction {
	display:none;
	margin:auto auto;
	text-align: center;
}

#signupMessage > span {
    display:block;
	margin:auto auto auto auto;
	color:#ff0000;
	padding: 2rem;
    text-align: center;
}
#errorMessage {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 0.5rem 1rem;
    border: 1px solid #721c24;
    border-radius: 5px;
}
#signupMessage > span > em {
	text-decoration: underline;
}
.useCredit > *,
.useDtbp > * {
    margin-right: 6px;
    vertical-align: middle;
}

.lightbox.dtbpPolicyLb>.inner {
    max-width: 600px;
}
.dtbpPolicyLb>.inner .content {
    padding: 1rem;
}
.dtbpPolicyLb>.inner .buttons {
    padding-top: 1rem;
    display: flex;
    justify-content: space-around;
}
.dtbpPolicyLb>.inner .buttons button {
    cursor: pointer;
    padding: .25rem 1rem;
}