/*	--------------------------------------------------------------
	Global Stylesheet
	--------------------------------------------------------------

	Author: Jeff Dyson
--------------------------------------------------------------	*/

html * {
	margin: 0;
	padding: 0;
	box-sizing: content-box;
	outline: none;
}

html {
	overflow-y: scroll;
}

body {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	font: 1rem/1rem wh-regular;
	color: #333333;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
	border: 0; /* IE Fix */
}

a, a:hover, a:visited, a:active {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

textarea {
	display: block;
}

label {
	cursor: pointer;
}

.dash {
	background-color: #eeeeee;
}

.none {
	display: none;
}

.shell {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.ghost {
	display: block;
	position: relative;
	margin: 0 auto;
	width: calc(100% - 24px);
	max-width: 1200px;
	height: auto;
}

.dash .wrap {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: calc(100% - 24px);
	max-width: 1200px;
	height: auto;
}

@media only screen and (min-width : 20px) and (max-width : 569px) {

	.ghost,
	.dash .wrap {
		width: 90%;
	}
}


/*	--------------------------------------------------------------
	header - banner
--------------------------------------------------------------	*/

.root {
	display: block;
	padding: 4px 0;
	width: 100%;
	height: auto;
	background-color: #f95555;
}

.root > .ghost {
}

.root > .ghost > p {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 0.75rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
}

.root > .ghost > p a {
	color: #cccccc;
	cursor: pointer;
}

.root > .ghost > p a:hover {
	text-decoration: underline;
}


/*	--------------------------------------------------------------
	header - dashboard
--------------------------------------------------------------	*/

header.dash {
	height: 80px;
	background-color: #ffffff;
	user-select: none;
}

header.dash > .ghost {
	height: 80px;
}

header.dash > .ghost > a:first-of-type {
	display: block;
	float: left;
	margin: 15px 0 15px 0;
	width: 53px;
	height: 50px;
	background-image: url('/imeji/liveon_240x228_drk-blue.png');
	/*background-image: url('/imeji/liveon_53x50_drk-blue.png');*/
	background-position: center center;
	background-size: 53px 50px;
	background-repeat: no-repeat;
}

header.dash > .ghost > input[type="checkbox"] {
	display: none;
}
header.dash > .ghost > .mobnav {
	display: none;
}

header.dash > .ghost > nav {
	display: block;
	float: left;
	padding: 31px 0 31px 48px;
	width: auto;
	height: 18px;
}

header.dash > .ghost > nav > a {
	display: block;
	float: left;
	margin: 0 48px 0 0;
	width: auto;
	height: 18px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.125rem;
	color: #999999;
	cursor: pointer;
}
header.dash > .ghost > nav > a:last-of-type {
	margin: 0;
}
header.dash > .ghost > nav > a:hover {
	color: #1c1445;
}
header.dash > .ghost > nav > a.sel {
	color: #1c1445;
}

header.dash > .ghost > nav > a > span {
	position: relative;
	top: -8px;
	left: 1px;
	border-radius: 2px;
	padding: 0 4px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
}

/* member icon 40x40 */
header.dash > .ghost > .mobmember {
	display: none;
}
header.dash > .ghost > .member {
	display: block;
	float: right;
	position: relative;
	margin: 20px 0 20px 20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

header.dash > .ghost > .member > img {
	display: block;
	border-radius: 20px;
	width: 40px;
	height: 40px;
}

header.dash > .ghost > .member > img.noradius {
	border-radius: 0;
}

header.dash > .ghost > .member > div {
	display: none;
	z-index: 10;
	position: absolute;
	top: 100%;
	left: -140px;
	padding: 20px 0 0;
	width: 180px;
}
header.dash > .ghost > .member:hover > div {
	display: block;
}

header.dash > .ghost > .member > div > nav {
	display: block;
	padding: 12px;
	width: 156px;
	background-color: #1c1445;
}

header.dash > .ghost > .member > div > nav > a {
	display: block;
	margin: 0 0 8px;
	padding: 1px 8px 0;
	width: 140px;
	height: 23px;
	background-image: url('/imeji/arrow_6x9_r_white.png');
	background-position: 143px 8px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}
header.dash > .ghost > .member > div > nav > a.mobonly {
	display: none;
}
header.dash > .ghost > .member > div > nav > a:last-child {
	margin: 0;
}
header.dash > .ghost > .member > div > nav > a:hover {
	background-image: url('/imeji/arrow_6x9_r_lit-blue.png');
	background-position: 143px 8px;
	background-repeat: no-repeat;
	color: #8adeff;
}
header.dash > .ghost > .member > div > nav > a.sel {
	color: #8adeff;
}


/* img is 38x32 */
header.dash > .ghost > .shopcart {
	display: block;
	float: right;
	margin: 20px 0 20px 20px;
	border: 0;
	padding: 18px 0 0;
	width: 44px;
	height: 22px;
	background-image: url('/imeji/icon_shopcart_40x40_cc.png');
	background-position: right top;
	background-repeat: no-repeat;
}
header.dash > .ghost > .shopcart > .items {
	display: block;
	border-radius: 6px;
	padding: 4px;
	width: 22px;
	max-width: 22px;
	height: 14px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
}
header.dash > .ghost > .shopcart:hover > .items {
	color: #8adeff;
}

/* adjusted */
@media only screen and (min-width : 570px) and (max-width : 699px) {

	header.dash > .ghost > nav {
		padding: 31px 0 31px 24px;
	}

	header.dash > .ghost > nav > a {
		margin: 0 24px 0 0;
	}
}

/* mobile */
@media only screen and (min-width : 20px) and (max-width : 569px) {

	header.dash {
		height: 64px;
	}

	header.dash > .ghost {
		height: 64px;
	}

	header.dash > .ghost > a:first-of-type {
		display: none;
	}

	header.dash > .ghost > .mobnav {
		display: block;
		float: left;
		padding: 12px 0;
		border: 0;
		width: 42px;
		height: 40px;
		background-image: url('/imeji/liveon_240x228_drk-blue.png');
		/*background-image: url('/imeji/liveon_53x50_drk-blue.png');*/
		background-position: center center;
		background-size: 42px 40px;
		background-repeat: no-repeat;
	}

	header.dash > .ghost > nav {
		z-index: 10;
		position: absolute;
		top: 64px;
		left: 0;
		float: none;
		padding: 12px;
		width: 156px;
		height: auto;
		background-color: #1c1445;
	}

	header.dash > .ghost > nav > a {
		float: none;
		margin: 0 0 8px;
		padding: 1px 8px 0;
		width: 140px;
		height: 23px;
		background-image: url('/imeji/arrow_6x9_r_white.png');
		background-position: 143px 8px;
		background-repeat: no-repeat;
		font-family: wh-regular;
		font-size: 1rem;
		line-height: 1.5rem;
		color: #ffffff;
		text-align: left;
		cursor: pointer;
	}
	header.dash > .ghost > nav > a:last-of-type {
		margin: 0;
	}
	header.dash > .ghost > nav > a:hover {
		background-image: url('/imeji/arrow_6x9_r_lit-blue.png');
		color: #8adeff;
	}
	header.dash > .ghost > nav > a.sel {
		color: #8adeff;
	}

	header.dash > .ghost > .triggermobnav + label + nav {
		display: none;
	}
	header.dash > .ghost > .triggermobnav:checked + label + nav {
		display: block;
	}

	header.dash > .ghost > .mobmember {
		display: block;
		z-index: 100;
		position: absolute;
		top: 12px;
		right: 0;
		width: 40px;
		height: 40px;
	}

	header.dash > .ghost > .member {
		margin: 0 0 0 20px;
		padding: 12px 0;
	}

	header.dash > .ghost > .member > div {
		left: -140px;
		padding: 0;
		width: 180px;
	}

	header.dash > .ghost > .member > div > nav > a.mobonly {
		display: block;
	}

	header.dash > .ghost > .triggermobmember + label + .member > div {
		display: none;
	}
	header.dash > .ghost > .triggermobmember:checked + label + .member > div {
		display: block;
	}

	header.dash > .ghost > .shopcart {
		margin: 12px 0 12px 20px;
	}
	header.dash > .ghost > .shopcart > .items {
		display: block;
		border-radius: 6px;
		padding: 4px;
		width: 22px;
		max-width: 22px;
		height: 14px;
		background-color: #1c1445;
		font-family: wh-semibold;
		font-size: 1rem;
		line-height: 1rem;
		color: #ffffff;
		text-align: center;
	}
	header.dash > .ghost > .shopcart:hover > .items {
		color: #8adeff;
	}
}


/*	--------------------------------------------------------------
	header - front
--------------------------------------------------------------	*/

header.front {
	border-bottom: 1px solid #cccccc;
	height: 64px;
	background-color: #ffffff;
	user-select: none;
}

header.front > div > a {
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 40px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #1c1445;
	white-space: nowrap;
	overflow: visible;
}
header.front > div > a.standard {
	width: 42px;
	background-image: url('/imeji/liveon_42x40_drk-blue.png');
}
header.front > div > a.compact {
	width: 42px;
	background-image: url('/imeji/liveon_42x40_drk-blue.png');
}

header.front > div > nav {
	display: block;
	padding: 0 116px 0 160px;
	width: auto;
	height: 64px;
	text-align: left; /* assists the menu elements */
}

header.front > div > nav > a {
	display: none;
}

header.front > div > nav > .menu {
	display: block;
	width: 100%;
	height: 64px;
	text-align: center;
}

header.front > div > nav > .menu input[type="checkbox"] {
	display: none;
}

header.front > div > nav > .menu > label {
	display: inline-block;
	position: relative;
	/*display: block;
	position: relative;
	float: left;*/
	margin: 0 32px 0 0;
	width: auto;
	height: 64px;
}
header.front > div > nav > .menu > label:last-of-type {
	margin: 0;
}
/*
header.front > div > nav > .menu > label:hover > header {
	background-image: url('/imeji/arrow_12x8_d_green.png');
	background-position: right center;
	color: #6db844;
}
header.front > div > nav > .menu > label:hover > a {
	background-image: url('/imeji/arrow_8x12_r_green.png');
	color: #6db844;
}
*/
header.front > div > nav > .menu > label:hover > div > ul {
	display: block;
}

header.front > div > nav > .menu > label > a,
header.front > div > nav > .menu > label > header {
	display: block;
	padding: 0 12px 0 0;
	width: calc(100% - 12px);
	height: 64px;
	/*background-image: url('/imeji/arrow_8x12_r_99.png');*/
	background-image: url('/imeji/arrow_8x5_d_drk-blue.png');
	background-position: right center;
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 4rem;
	color: #999999;
	cursor: pointer;
	text-transform: uppercase;
}

header.front > div > nav > .menu > label > div {
	display: block;
	position: absolute;
	top: 64px;
	left: 0;
	width: 1128px;
	overflow: visible;
	cursor: default;
	z-index: 1000;
}

header.front > div > nav > .menu > label > div > ul {
	display: none;
	float: left;
	width: auto;
	list-style: none;
	cursor: pointer;
}
header.front > div > nav > .menu > label > div > ul:hover {
	display: block;
}

header.front > div > nav > .menu > label > div > ul > a > li {
	display: block;
	border-top: 0;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 12px 12px 12px 24px;
	background-color: #eeeeee;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1rem;
	color: #999999;
	text-align: left;
}
header.front > div > nav > .menu > label > div > ul > a:first-of-type > li {
	border-top: 1px solid #999999;
}
header.front > div > nav > .menu > label > div > ul > a:last-of-type > li {
	border-bottom: 1px solid #999999;
}
header.front > div > nav > .menu > label > div > ul > a > li:hover {
	background-color: #8adeff;
	color: #1c1445;
}


header.front > div > nav > .options {
	display: block;
	position: absolute;
	top: 17px;
	right: 0;
	margin: 0;
	padding: 0;
	width: auto; /* 116px */
	height: 30px;
}

header.front > div > nav > .options > a:nth-of-type(1) {
	display: block;
	float: right;
	width: 40px;
	height: 30px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: right;
	cursor: pointer;
}
header.front > div > nav > .options > a:nth-of-type(1):hover {
	color: #8adeff;
}

header.front > div > nav > .options > a:nth-of-type(2) {
	display: block;
	float: right;
	margin-right: 12px;
	border: 0;
	border-radius: 4px;
	width: 64px;
	height: 30px;
	background-color: #8adeff;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
header.front > div > nav > .options > a:nth-of-type(2):hover {
	background-color: #1c1445;
	color: #8adeff;
}

header.front > div > .mobmenu {
	display: none;
}


/* adjusted */
@media only screen and (min-width : 570px) and (max-width : 719px) {

	header.front > div > nav > .menu > label {
		margin: 0 16px 0 0;
	}
}


/* mobile */
@media only screen and (min-width : 120px) and (max-width : 569px) {

	header.front > div > a {

	}

	header.front > div > .mobmenu {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1000;
		padding: 12px;
		width: 52px; /* 76px */
		height: 40px; /* 64px */
		background-color: transparent;
		cursor: pointer;
		user-select: none;
	}
	header.front > div > .mobmenu:hover > div {
	}
	header.front > div > div:hover + nav {
		display: block;
	}

	header.front > div > .mobmenu > div {
		display: block;
		margin-bottom: 6px;
		border-radius: 2px;
		height: calc((100% - 12px) / 3);
		background-color: #1c1445;
	}
	header.front > div > .mobmenu > div:last-of-type {
		margin-bottom: 0;
	}


	header.front > div > nav {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		width: 100%;
		height: 64px;
		background-color: #ffffff;
		cursor: pointer;
	}
	header.front > div > nav:hover {
		display: block;
	}

	header.front > div > nav > a {
		display: block;
		position: absolute;
		top: 12px;
		left: 0;
		padding: 0;
		width: 42px;
		height: 40px;
		background-image: url('/imeji/liveon_42x40_drk-blue.png');
		cursor: pointer;
	}

	header.front > div > nav > .menu {
		position: absolute;
		top: 64px;
		right: 0;
		border: 1px solid #999999;
		width: 220px;
		height: auto;
		background-color: #ffffff;
		z-index: 100;
	}

	header.front > div > nav > .menu > label {
		display: block;
		position: relative;
		float: none;
		margin: 0;
		width: auto;
		height: auto;
	}

	header.front > div > nav > .menu > label > div {
		display: none;
		position: static;
		top: 40px;
		left: 0;
		width: auto;
	}
	/*header.front > div > nav > .menu > label > div:hover {
		display: block;
	}*/

	header.front > div > nav > .menu > label > a,
	header.front > div > nav > .menu > label > header {
		border-bottom: 1px solid #999999;
		padding: 0 24px 0 12px;
		width: calc(100% - 36px);
		height: 40px;
		background-image: url('/imeji/arrow_12x8_d_99.png');
		background-position: calc(100% - 24px) center;
		font-size: 1rem;
		line-height: 2.5rem;
		color: #999999;
		text-align: left;
	}
	header.front > div > nav > .menu > label > a {
		background-image: url('/imeji/arrow_8x12_r_99.png');
		background-position: calc(100% - 26px) center;
	}

	header.front > div > nav > .menu > label:hover > header {
		background-image: url('/imeji/arrow_12x8_d_drk-blue.png');
		background-position: calc(100% - 24px) center;
		color: #1c1445;
	}
	header.front > div > nav > .menu > label:hover > a {
		background-image: url('/imeji/arrow_8x12_r_drk-blue.png');
		background-position: calc(100% - 26px) center;
		color: #1c1445;
	}
	header.front > div > nav > .menu > label:last-of-type > a,
	header.front > div > nav > .menu > label:last-of-type > header {
		border-bottom: 0;
	}

	header.front > div > nav > .menu > input[type="checkbox"]:checked + label {
		padding: 40px 0 0;
	}
	header.front > div > nav > .menu > input[type="checkbox"]:checked + label > div {
		display: block;
	}
	header.front > div > nav > .menu > input[type="checkbox"]:checked + label > header {
		position: absolute;
		top: 0;
		background-image: url('/imeji/arrow_12x8_u_drk-blue.png');
		color: #1c1445;
	}

	header.front > div > nav > .menu > label > div > ul {
		display: block;
		float: none;
	}
	header.front > div > nav > .menu > label > div > ul > a > li {
		border-right: 0;
		border-left: 0;
	}
	header.front > div > nav > .menu > label:last-of-type > div > ul > a:last-of-type > li {
		border-bottom: 0;
	}

	header.front > div > nav > .options {
		display: block;
		top: 12px;
		right: 76px;
		margin: 0;
		border: 1px solid #999999;
		border-radius: 2px;
		padding: 4px 12px;
		width: auto;
		height: 30px;
		background-color: #ffffff;
		z-index: 100;
	}
	header.front > div > nav > .options:hover {
		display: block;
	}
	header.front > div > nav > .options > a:nth-of-type(1) {

	}
	header.front > div > nav > .options > a:nth-of-type(1):hover {
		color: #452414;
	}
	header.front > div > nav > .options > a:nth-of-type(2) {
		width: auto;
		background-color: transparent;
	}
	header.front > div > nav > .options > a:nth-of-type(2):hover {
		background-color: transparent;
		color: #452414;

	}
}

/* compact */
@media only screen and (min-width : 190px) and (max-width : 455px) {

}


/*	--------------------------------------------------------------
	dashboard - original - using
--------------------------------------------------------------	*/

.dash .nopad {
	padding: 0;
}

.dash .main {
	display: block;
	width: 100%;
	height: 100%;
}

.dash .main > .wrap > h1 {
	display: block;
	padding-left: 140px;
	width: auto;
	height: 48px;
	font-family: wh-bold;
	font-size: 1.5rem;
	line-height: 3rem;
	color: #666666;
	text-align: center;
}

.dash .main .side {
	display: block;
	float: left;
	padding-bottom: 80px;
	width: 140px;
	height: auto;
}


.dash .main nav.side a {
	display: block;
	float: left;
	clear: left;
	margin-bottom: 24px;
	width: auto;
	height: 1rem;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1rem;
	color: #666666;
}

.dash .main nav.side a:hover {
	color: #1c1445;
	text-decoration: underline;
}

.dash .main nav.side .sel {
	color: #1c1445;
}



/* dashboard */
.dash .main .content {
	display: block;
	float: left;
	width: calc(100% - 140px);
	height: auto;
}

/* when mobile menu */
@media only screen and (min-width : 120px) and (max-width : 569px) {

	.dash .nopad {
		padding-top: 0;
	}

	.dash .main {
		padding-top: 24px;
	}
	.dash .main > .wrap > h1 {
		display: none;
	}
	.dash .main .side {
		display: none;
	}

	.dash .main .content {
		width: 100%;
	}
}

.dash .dashnav {
	width: 100%;
	height: auto;
}

.dashnav > a {
	display: table;
	float: left;
	margin-bottom: 12px;
	padding: 20px 20px 20px 96px;
	border: 1px solid #cccccc;
	width: calc(50% - 124px);
	height: 64px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.dashnav > a:nth-child(even) {
	float: right;
}

.dashnav > a.magnify {
	background-color: #ffffff;
	background-image: url('/dashboard/img/img112_magnify_cc.png');
	background-position: 20px center;
	background-size: 64px 64px;
	background-repeat: no-repeat;
}

.dashnav > a.clock {
	background-color: #ffffff;
	background-image: url('/dashboard/img/img_clock.png');
	background-position: 20px center;
	background-size: 64px 64px;
	background-repeat: no-repeat;
}

.dashnav > a.binoculars {
	background-color: #ffffff;
	background-image: url('/dashboard/img/img_binoculars.png');
	background-position: 20px center;
	background-size: 64px 64px;
	background-repeat: no-repeat;
}

.dashnav > a.chainlink {
	background-color: #ffffff;
	background-image: url('/dashboard/img/img_chainlink.png');
	background-position: 20px center;
	background-size: 64px 64px;
	background-repeat: no-repeat;
}

.dashnav > a > div {
	display: table-cell;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.dashnav > a > div header {
	display: block;
	width: auto;
	height: auto;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}

.dashnav > a > div p {
	display: block;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #444444;
}

/* dashnav adjusted */
@media only screen and (min-width : 608px) and (max-width : 888px) {

	.dashnav > a {
		padding: 12px 12px 12px 56px;
		width: calc(50% - 76px);
		height: 72px;
	}

	.dashnav > a.magnify {
		background-position: 12px center;
		background-size: 32px 32px;
	}

	.dashnav > a.clock {
		background-position: 12px center;
		background-size: 32px 32px;
	}

	.dashnav > a.binoculars {
		background-position: 12px center;
		background-size: 32px 32px;
	}

	.dashnav > a.chainlink {
		background-position: 12px center;
		background-size: 32px 32px;
	}

}

/* dashnav separate lines */
@media only screen and (min-width : 400px) and (max-width : 607px) {

	.dashnav > a {
		padding: 20px 20px 20px 96px;
		width: calc(100% - 118px);
	}

	.dashnav > a:nth-child(even) {
		float: left;
	}

}

/* dashnav separate lines compact */
@media only screen and (min-width : 20px) and (max-width : 399px) {

	.dashnav > a {
		padding: 12px 12px 12px 56px;
		width: calc(100% - 70px);
	}

	.dashnav > a:nth-child(even) {
		float: left;
	}

	.dashnav > a.magnify {
		background-position: 12px center;
		background-size: 32px 32px;
	}

	.dashnav > a.clock {
		background-position: 12px center;
		background-size: 32px 32px;
	}

	.dashnav > a.binoculars {
		background-position: 12px center;
		background-size: 32px 32px;
	}

	.dashnav > a.chainlink {
		background-position: 12px center;
		background-size: 32px 32px;
	}

}


.dash .dashitems {
	width: 100%;
	height: auto;
}

.dashitems article {
	display: block;
	float: left;
	margin-bottom: 12px;
	padding: 0 20px 20px;
	border: 1px solid #cccccc;
	width: calc(50% - 48px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.dash .dashitems article:nth-child(even) {
	float: right;
}

.dashitems article > header {
	display: table;
	padding: 12px 0 12px 32px;
	border-bottom: 1px solid #999999;
	width: calc(100% - 32px);
	min-height: 36px;
	background-color: #ffffff;
	background-position: 6px center;
	background-repeat: no-repeat;
}

.dashitems article > header.building {
	background-image: url('/dashboard/img/icon_building_15x21_drk-blue.png');
}
.dashitems article > header.chainlink {
	background-image: url('/dashboard/img/icon_chainlink_15x21_drk-blue.png');
}
.dashitems article > header.dollar {
	background-image: url('/dashboard/img/icon_dollar_15x21_drk-blue.png');
}
.dashitems article > header.location {
	background-image: url('/dashboard/img/icon_location_15x21_drk-blue.png');
}
.dashitems article > header.magnify {
	background-image: url('/dashboard/img/icon_magnify_15x21_drk-blue.png');
}
.dashitems article > header.pin {
	background-image: url('/dashboard/img/icon_pin_15x21_drk-blue.png');
}


.dashitems article > header p {
	display: table-cell;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #444444;
	vertical-align: middle;
}

.dashitems article > header.expand p {
	display: table-cell;
	width: calc(100% - 88px);
}

.dashitems article > header a {
	display: table-cell;
	padding-right: 12px;
	background-color: #ffffff;
	background-image: url('/imeji/arrow_6x9_r_drk-blue.png');
	background-position: right 2px;
	background-repeat: no-repeat;
	font-family: wh-bold;
	font-size: 0.875rem;
	line-height: 0.875rem;
	color: #1c1445;
	text-align: right;
	cursor: pointer;
}
.dashitems article > header a:hover {
	text-decoration: underline;
}

.dashitems article > header.expand a {
	float: right;
	width: 76px;
}

.dashitems article > div {
	display: block;
	height: 300px;
	overflow: hidden;
}


/* line chart */
.dashitems article > div .line {
	display: block;
	margin: 12px auto 0;
	width: 100%;
	height: 100%;
	stroke-width: 2px;
}

/* donut graph */
.dashitems article .graph {
	display: block;
	position: relative;
	margin-top: 12px;
	width: 100%;
	height: auto;
	max-height: 320px;
}

.dashitems article .legend {
	display: block;
	position: absolute;
	top: calc(50% + 12px);
	width: 100%;
	height: auto;
}

.dashitems article .legend > div {
	display: block;
	float: left;
	margin-bottom: 4px;
	height: 20px;
	width: 100%;
}

.dashitems article .legend > div > div {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
}

.dashitems article .legend .col1 {
	background-color: #1f7bbf;
}

.dashitems article .legend .col2 {
	background-color: #6db844;
}

.dashitems article .legend .col3 {
	background-color: #666666;
}

.dashitems article .legend .col4 {
	background-color: #d20000;
}

.dashitems article .legend .col5 {
	background-color: #f24000;
}

.dashitems article .legend > div > p {
	display: block;
	float: left;
	margin-left: 8px;
	width: calc(100% - 28px);
	height: 20px;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* end donut graph */


/* chart made from scratch */
.dashitems article .chart {
	display: block;
	padding-top: 12px;
	width: 100%;
	height: 288px;
}

.dashitems article .chart > p {
	display: block;
	width: 100%;
	height: 16px;
	padding-bottom: 2px;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dashitems article .chart > div {
	display: block;
	margin-bottom: 12px;
	height: 26px;
	width: 100%;
}

.dashitems article .chart > div > p {
	display: block;
	float: left;
	padding-left: 12px;
	width: calc(50% - 12px);
	height: 26px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1.75rem;
	color: #ffffff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dashitems article .chart > div > div  {
	display: block;
	float: left;
	width: 50%;
	height: 26px;
}

.dashitems article .chart > div > div > div {
	display: block;
	height: 26px;
	background-color: #1c1445;
}



/* chart2 made from scratch
	on listing_view page */
.dashitems article .chart2 {
	display: block;
	padding: 12px 0 0;
	width: 100%;
	height: 288px;
}

.dashitems article .chart2 > div {
	display: block;
	margin: 0 0 11px;
	width: 100%;
	height: 26px;
}

.dashitems article .chart2 > div > div:first-of-type {
	display: block;
	float: left;
	margin: 0;
	width: 30px;
	height: 26px;
	background-color: #6db844;
}

.dashitems article .chart2 > div > div:first-of-type > div {
	display: block;
	border: 1px solid #666666;
	margin: 7px 0 0 6px;
	width: 16px;
	height: 10px;
	background-repeat: no-repeat;
}

.dashitems article .chart2 > div > p {
	display: block;
	float: left;
	padding: 0;
	width: calc(50% - 30px);
	height: 26px;
	background-color: #6db844;
	background-position: 8px center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1.75rem;
	color: #ffffff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dashitems article .chart2 > div > div:last-of-type {
	display: block;
	float: left;
	margin: 0 48px 0 0;
	width: calc(50% - 48px);
	height: 26px;
}

.dashitems article .chart2 > div > div:last-of-type > div {
	display: block;
	float: left;
	position: relative;
	height: 26px;
	background-color: #6db844;
}

.dashitems article .chart2 > div > div > div > p {
	display: block;
	float: right;
	position: relative;
	left: 48px;
	padding: 0 0 0 8px;
	width: 40px;
	height: 26px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.625rem;
	color: #1f7bbf;
}

.dashitems article .chart2 > div.nodata > p {
	border: 1px dashed #999999;
	padding: 0 0 0 12px;
	min-width: 200px;
	width: calc(50% - 14px);
	height: 24px;
	background-color: #dddddd;
	line-height: 1.625rem;
	color: #666666;
	overflow: hidden;
}


/* couldnt name it freshon because
of a conflict with front.css */
.dashitems article .fresh {
	display: block;
}

.dashitems article .fresh > a {
	display: block;
	padding: 12px;
	border-bottom: 1px solid #999999;
	height: 48px;
	width: calc(100% - 24px);
	cursor: pointer;
}

.dashitems article .fresh > a:hover {
	background-color: #eeeeee;
}

.dashitems article .fresh a:last-child {
	border: 0;
}

.dashitems article .fresh > a > img {
	display: block;
	float: left;
	margin-right: 24px;
	border-radius: 24px;
	width: 48px;
	height: 48px;
}

.dashitems article .fresh > a > img.noradius {
	border-radius: 0;
}

.dashitems article .fresh > a > p:nth-child(2) {
	display: block;
	float: right;
	width: calc(100% - 72px);
	height: 28px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dashitems article .fresh > a > p:nth-child(3) {
	display: block;
	float: right;
	width: calc(100% - 72px);
	height: 20px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}



.dashitems article .connectmade {
	display: block;
}

.dashitems article .connectmade > div {
	display: block;
	padding: 12px;
	border-bottom: 1px solid #999999;
	height: 48px;
	width: calc(100% - 24px);
}

.dashitems article .connectmade div:last-child {
	border: 0;
}

.dashitems article .connectmade > div > img {
	display: block;
	float: left;
	margin-right: 24px;
	border-radius: 24px;
	width: 48px;
	height: 48px;
}

.dashitems article .connectmade > div > img.noradius {
	border-radius: 0;
}

.dashitems article .connectmade > div > p:nth-child(2) {
	display: block;
	float: right;
	width: calc(100% - 72px);
	height: 28px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dashitems article .connectmade > div > p:nth-child(3) {
	display: block;
	float: right;
	width: calc(100% - 72px);
	height: 20px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #666666;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


.dash .withsteve {
	display: block;
	position: relative;
	float: right;
	margin-bottom: 12px;
	padding: 0;
	border: 0;
	width: calc(50% - 6px);
	height: auto;
}

.dash .withsteve header {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #444444;
	text-align: center;
}

.dash .withsteve .featpart {
	display: block;
	float: left;
	margin: 0 12px 12px 0;
	border: 1px solid #cccccc;
	padding: 12px 12px 12px 12px;
	width: calc(50% - 32px);
	min-height: 177px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.dash .withsteve .featpart > a,
.dash .withsteve .featpart > div {
	display: block;
	margin: 12px 0 0;
	width: 100%;
	height: 124px;
	background-image: url('/dashboard/img/img_149x124_data-stories.png');
	/*background-image: url('/dashboard/img/perks/cibc2.png');*/
	/*background-image: url('/dashboard/imeji/partner_cibc_888x809.png');*/
	background-position: center center;
	background-size: auto auto;
	background-repeat: no-repeat;
	cursor: pointer;
}
.dash .withsteve .featpart > p {
	display: block;
	padding: 12px 0 0 0;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #666666;
	text-align: center;
}

.dash .withsteve .morepart {
	display: block;
	float: left;
	margin-bottom: 12px;
	border: 1px solid #cccccc;
	padding: 12px 12px 12px 12px;
	width: calc(50% - 32px);
	min-height: 177px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.dash .withsteve .morepart p {
	display: block;
	padding: 12px 0 0;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #666666;
	text-align: center;
}
.dash .withsteve .morepart p > a {
	color: #1c1445;
	text-decoration: underline;
}

.dash .withsteve .invite {
	display: block;
	float: left;
	margin: 0 12px 12px 0;
	border: 1px solid #cccccc;
	padding: 12px 12px 20px 12px;
	width: calc(50% - 32px);
	min-height: 134px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.dash .withsteve .invite .social {
	display: block;
	margin: 20px auto 0;
	width: auto;
	max-width: 128px;
	height: 96px;
	background-image: url('/dashboard/img/invite_share.png');
	background-position: center top;
	background-size: auto 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .withsteve .feedback {
	display: block;
	float: left;
	margin-bottom: 12px;
	border: 1px solid #cccccc;
	padding: 12px 12px 20px 12px;
	width: calc(50% - 32px);
	min-height: 134px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.dash .withsteve .feedback p {
	display: block;
	margin: 20px 0 0;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: center;
}

.dash .withsteve .feedback > div {
	display: block;
	margin: 16px auto 0;
	border: 0;
	border-radius: 1px;
	padding: 8px 24px 8px 8px;
	width: 76px;
	height: 16px;
	background-color: #1c1445;
	background-image: url('/imeji/arrow_4x8_btn-right_white.png');
	background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
.dash .withsteve .feedback > div:hover {
	background-image: url('/imeji/arrow_4x8_btn-right_lit-blue.png');
	color: #8adeff;
}

/* adjust withsteve */
@media only screen and (min-width : 768px) and (max-width : 879px) {

	.dash .withsteve .featpart > div {
		background-size: 100% auto;
	}
	.dash .withsteve .morepart p:nth-of-type(1) {
		font-size: 0.8125rem;
		line-height: 1rem;
	}
	.dash .withsteve .invite .social {
		height: 78px;
	}
	.dash .withsteve .feedback p {
		margin: 5px 0 0;
		font-size: 0.9375rem;
		line-height: 1rem;
	}
	.dash .withsteve .feedback > div {
		margin: 12px auto 0;
	}
}

/* withsteve underneath */
@media only screen and (min-width : 384px) and (max-width : 767px) {

	.dash .withsteve {
		width: calc(100% - 2px);
	}
	.dash .withsteve .morepart p {
		font-size: 1rem;
		line-height: 1.125rem;
	}
}

/* adjust withsteve again */
/*@media only screen and (min-width : 380px) and (max-width : 647px) {

	.dash .withsteve {
		border: 0;
		width: 100%;
		background: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}

	.dash .withsteve header {
		text-align: center;
	}

	.dash .withsteve .invite {
		margin: 0 12px 0 0;
		border: 1px solid #cccccc;
		padding: 12px;
		width: calc(50% - 32px);
		min-height: 158px;
		background-color: #ffffff;
		box-shadow: 2px 2px 8px #cccccc;
		-webkit-box-shadow: 2px 2px 8px #cccccc;
		-moz-box-shadow: 2px 2px 8px #cccccc;
	}
	.dash .withsteve .invite .social {
		margin: 20px auto 0;
		width: auto;
		max-width: 128px;
		background-size: 100% auto;
	}

	.dash .withsteve .feedback {
		margin: 0;
		border: 1px solid #cccccc;
		padding: 12px;
		width: calc(50% - 32px);
		min-height: 158px;
		background-color: #ffffff;
		box-shadow: 2px 2px 8px #cccccc;
		-webkit-box-shadow: 2px 2px 8px #cccccc;
		-moz-box-shadow: 2px 2px 8px #cccccc;
	}
	.dash .withsteve .feedback p {
		text-align: center;
	}

	.dash .withsteve button {
		clear: both;
		float: none;
		margin: 16px auto 0;
		width: auto;
	}

	.dash .withsteve .steve {
		display: none;
	}

}*/


/* withsteve compact */
@media only screen and (min-width : 20px) and (max-width : 383px) {

	.dash .withsteve {
		border: 0;
		width: 100%;
	}

	.dash .withsteve header {
		text-align: center;
	}

	.dash .withsteve .featpart {
		margin: 0 0 12px 0;
		padding: 12px 20px 20px 20px;
		width: calc(100% - 42px);
		min-height: 20px;
	}
	.dash .withsteve .featpart > div {
		margin: 20px 0 0;
		height: 128px;
		background-size: auto 128px;
	}
	.dash .withsteve .featpart > p {
		font-size: 1rem;
		line-height: 1.125rem;
	}

	.dash .withsteve .morepart {
		margin: 0 0 12px 0;
		padding: 20px;
		width: calc(100% - 42px);
		min-height: 20px;
	}

	.dash .withsteve .invite {
		margin: 0 0 12px 0;
		padding: 20px;
		width: calc(100% - 42px);
		min-height: 20px;
	}
	.dash .withsteve .invite .social {
		margin: 20px auto 0;
		width: auto;
		max-width: 128px;
		background-size: 100% auto;
	}

	.dash .withsteve .feedback {
		margin: 0;
		padding: 20px;
		width: calc(100% - 42px);
		min-height: 20px;
		background-color: #ffffff;
	}
	.dash .withsteve .feedback p {
		text-align: center;
	}

	.dash .withsteve button {
		clear: both;
		float: none;
		margin: 16px auto 0;
		width: auto;
	}

	.dash .withsteve .steve {
		display: none;
	}

}


/* all dashitems */
@media only screen and (min-width : 20px) and (max-width : 767px) {

	.dashitems article {
		width: calc(100% - 42px);
	}

	.dashitems article .chart {
		height: auto;
	}
}









/*	--------------------------------------------------------------
	bizchatter - main
--------------------------------------------------------------	*/
.bizchatter {
	display: block;
	margin: 0 auto;
	padding-top: 48px;
	width: calc(100% - 48px);
	max-width: 1200px;
	height: auto;
}

.bizchatter header {
	display: table;
	position: relative;
	width: 100%;
	min-height: 40px;
	height: auto;
}

.bizchatter > header.full > div:nth-of-type(1) {
	padding: 0 0 0 204px;
	width: calc(100% - 204px);
}
.bizchatter > header.full > div:nth-of-type(3) {
	display: none;
}

.bizchatter > header > div:nth-of-type(1) {
	display: table-cell;
	margin: 0 auto;
	padding: 0 24px 0 204px;
	width: calc(100% - 160px - 228px);
	height: auto;
	vertical-align: top;
}

.bizchatter > header > div:nth-of-type(1) h1 {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: left;
}

.bizchatter > header > div:nth-of-type(1) p {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: left;
}

.bizchatter > header > div:nth-of-type(2) {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: auto;
}

.bizchatter > header > div:nth-of-type(2) button {
	display: block;
	border: 1px solid #999999;
	border-radius: 1px;
	width: calc(100% - 2px);
	height: 38px;
	background: none;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.375rem;
	color: #1c1445;
	text-align: center;
	cursor: pointer;
}
.bizchatter > header > div:nth-of-type(2) button:hover {
	border: 1px solid #1c1445;
	color: #1c1445;
}

.bizchatter > header > div:nth-of-type(2) button.back {
	display: block;
	border: 0;
	border-radius: 1px;
	padding: 1px 12px 0 30px;
	width: calc(100% - 42px);
	height: 39px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/arrow_8x12_back_white.png');
	background-position: 20px 14px;
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.bizchatter > header > div:nth-of-type(2) button.back:hover {
	background-image: url('/dashboard/img/arrow_8x12_back_lit-blue.png');
	color: #8adeff;
}

.bizchatter > header > div:nth-of-type(3) {
	display: table-cell;
	width: 160px;
	height: 100%;
	vertical-align: bottom;
}


.bizchatter > header > div:nth-of-type(3) button {
	display: block;
	padding: 1px 30px 0 12px;
	border: 0;
	border-radius: 1px;
	width: calc(100% - 42px);
	height: 39px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/arrow_8x12_next_white.png');
	background-position: calc(100% - 20px) 14px;
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.bizchatter > header > div:nth-of-type(3) button:hover {
	background-image: url('/dashboard/img/arrow_8x12_next_lit-blue.png');
	color: #8adeff;
}

.bizchatter > section {
	display: block;
	margin-top: 12px;
	padding-bottom: 12px;
	width: 100%;
	height: auto;
}

.bizchatter > section > div:nth-child(1) {
	display: block;
	float: left;
	padding-bottom: 12px;
	width: 180px;
	height: auto;
}


.bizchatter > section > div:nth-child(1) h2 {
	display: block;
	padding-bottom: 12px;
	width: 100%;
	min-height: 20px;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
}



.bizchatter > section > div:nth-child(1) ul {
	display: block;
	width: 100%;
	height: auto;
	list-style: none;
}

.bizchatter > section > div:nth-child(1) ul li {
	display: block;
	margin-bottom: 4px;
	padding: 0;
	width: 100%;
	height: 24px;
	cursor: pointer;
}

.bizchatter > section > div:nth-child(1) ul li a,
.bizchatter > section > div:nth-child(1) ul li button {
	display: inline;
	border: 0;
	padding: 0 8px;
	width: auto;
	height: 24px;
	background-color: #dddddd;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

.bizchatter > section > div:nth-child(1) ul li a span,
.bizchatter > section > div:nth-child(1) ul li button span {
	color: #999999;
}

.bizchatter > section > div:nth-child(1) ul li:hover a,
.bizchatter > section > div:nth-child(1) ul li:hover button {
	border: 0;
	color: #8adeff;
}

/* all posts */
.bizchatter > section > div:nth-child(2) {
	display: block;
	float: right;
	padding-left: 24px;
	width: calc(100% - 180px - 24px);
	height: auto;
}


.bizchatter article.post {
	display: block;
	position: relative;
	margin-bottom: 8px;
	width: auto;
}

.bizchatter article.post > div:first-of-type {
	display: table;
	table-layout: fixed;
	position: relative;
	border: 1px solid #cccccc;
	width: calc(100% - 2px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

/* post vote */
.bizchatter article.post > div:first-of-type > div {
	display: table-cell;
	padding: 0;
	border-right: 1px solid #cccccc;
	width: 56px;
	text-align: center;
	vertical-align: middle;
}

.bizchatter article.post > div:first-of-type > div > div {
	display: block;
	width: 56px;
	height: auto;
}

.bizchatter article.post > div:first-of-type > div > div button:first-child {
	display: block;
	border: 0;
	width: 56px;
	height: 16px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_32x16_up_drk-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.bizchatter article.post > div:first-of-type > div > div button:first-child:hover {
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_32x16_up_lit-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.bizchatter article.post > div:first-of-type > div > div div:first-child {
	display: block;
	border: 0;
	width: 56px;
	height: 16px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_32x16_up_99.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.bizchatter article.post > div:first-of-type > div > div div.up:first-child {
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_32x16_up_lit-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
}


.bizchatter article.post > div:first-of-type > div > div p {
	display: block;
	padding-top: 2px;
	width: 100%;
	height: 30px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 2rem;
	color: #999999;
	text-align: center;
}

.bizchatter article.post > div:first-of-type > div > div button:last-child {
	display: block;
	border: 0;
	width: 56px;
	height: 16px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_32x16_down_drk-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.bizchatter article.post > div:first-of-type > div > div button:last-child:hover {
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_down_red.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.bizchatter article.post > div:first-of-type > div > div div:last-child {
	display: block;
	border: 0;
	width: 56px;
	height: 16px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_32x16_down_99.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.bizchatter article.post > div:first-of-type > div > div div.down:last-child {
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_down_red.png');
	background-position: center center;
	background-repeat: no-repeat;
}
/* end post vote */


.bizchatter article.post > div:first-of-type > a {
	display: table-cell;
	padding: 8px 12px;
	width: auto;
}

.bizchatter article.post > div:first-of-type > a > header {
	display: block;
	width: auto;
	height: auto;
}

.bizchatter article.post > div:first-of-type > a header > h2 {
	display: block;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
}
.bizchatter article.post > div:first-of-type > a:hover > header > h2 {
	text-decoration: underline;
}

.bizchatter article.post > div:first-of-type > a > header > h3 {
	display: block;
	width: auto;
	height: 18px;
	padding: 0 0 2px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.bizchatter article.post > div:first-of-type > a > header > p {
	display: inline;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 0.9375rem;
	color: #999999;
}

.bizchatter article.post > div:first-of-type > a > header > p > span {
	color: #666666;
}

.bizchatter article.post > div:first-of-type > a > header > p:last-of-type {
	display: block;
	margin-top: 12px;
	width: auto;
	height: 20px;
	font-family: wh-regular;
	font-size: 0.9375rem;
	line-height: 1rem;
	color: #333333;
}



/* post options */
.bizchatter article.post > div:last-of-type {
	display: inline;
	position: absolute;
	right: 0;
	bottom: 0;
	border: 0;
	padding: 8px 10px 8px 8px;
	width: 0;
	height: 20px;
	width: auto;
	text-align: left;
}

.bizchatter article.post > div:last-of-type > button:first-child {
	display: inline;
	border: 0;
	padding: 2px 0 0 24px;
	width: auto;
	height: 18px;
	background-color: transparent;
	background-image: url('/dashboard/img/icon18_share_gray.png');
	background-position: left center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	cursor: pointer;
}
.bizchatter article.post > div:last-of-type > button:first-child:hover {
	background-image: url('/dashboard/img/icon18_share_blue.png');
	color: #1f7bbf;
}

/* should be display: inline */
.bizchatter article.post > div:last-of-type > button:last-child {
	display: none;
	margin-left: 12px;
	border: 0;
	padding: 2px 0 0 24px;
	width: auto;
	height: 18px;
	background-image: url('/dashboard/img/icon18_attention_gray.png');
	background-position: left center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	cursor: pointer;
}

.bizchatter article.post > div:last-of-type > button:last-child:hover {
	background-image: url('/dashboard/img/icon18_attention_red.png');
	color: #f95555;
}

/* notice */
.bizchatter article.notice {
	display: block;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(100% - 26px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.bizchatter article.notice h2 {
	display: block;
	padding-bottom: 4px;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
}

.bizchatter article.notice p {
	display: block;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #999999;
}




/* adjusted */
@media only screen and (min-width : 372px) and (max-width : 706px) {

	.bizchatter {
		padding-top: 32px;
	}

	.bizchatter > header {
		display: block;
	}

	.bizchatter > header.full > div:nth-of-type(1) {
		padding: 0 0 12px;
		width: 100%;
	}

	.bizchatter > header > div:nth-of-type(1) {
		display: block;
		margin: 0;
		padding: 0 0 8px;
		width: 100%;
	}

	.bizchatter > header > div:nth-of-type(1) h1 {
		text-align: center;
	}

	.bizchatter > header > div:nth-of-type(1) p {
		text-align: center;
	}

	.bizchatter > header > div:nth-of-type(2) {
		display: block;
		float: left;
		position: static;
		width: calc(50% - 6px);
	}

	.bizchatter > header > div:nth-of-type(3) {
		display: block;
		float: right;
		width: calc(50% - 6px);
		height: auto;
		vertical-align: baseline;
	}

	.bizchatter > section > div:nth-child(1) {
		display: none;
	}

	.bizchatter > section > div:nth-child(2) {
		float: none;
		padding-left: 0;
		width: 100%;
	}

}

/* special */
@media only screen and (min-width : 20px) and (max-width : 568px) {

	.bizchatter article.post > div:first-of-type > a > header > p {
		display: block;
	}
}

/* compact */
@media only screen and (min-width : 20px) and (max-width : 371px) {

	.bizchatter {
		padding-top: 32px;
		width: 90%;
	}

	.bizchatter > header {
		display: block;
	}

	.bizchatter > header.full > div:nth-of-type(1) {
		padding: 0 0 12px;
		width: 100%;
	}

	.bizchatter > header > div:nth-of-type(1) {
		display: block;
		margin: 0;
		padding: 0 0 8px;
		width: 100%;
	}

	.bizchatter > header > div:nth-of-type(1) h1 {
		text-align: center;
	}

	.bizchatter > header > div:nth-of-type(1) p {
		text-align: center;
	}

	.bizchatter > header > div:nth-of-type(2) {
		display: block;
		float: none;
		position: static;
		width: 100%;
	}

	.bizchatter > header > div:nth-of-type(3) {
		display: block;
		float: none;
		margin-top: 4px;
		width: 100%;
		height: auto;
		vertical-align: baseline;
	}

	.bizchatter > section > div:nth-child(1) {
		display: none;
	}

	.bizchatter > section > div:nth-child(2) {
		float: none;
		padding-left: 0;
		width: 100%;
	}
}

/* new post */
.bizchatter article.newpost {
	display: block;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	padding: 20px;
	width: calc(100% - 42px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.bizchatter article.newpost > div {
	display: block;
	margin-bottom: 12px;
	width: 100%;
	height: auto;
}

.bizchatter article.newpost > div > p {
	display: block;
	margin-bottom: 4px;
	border: 1px dashed #cccccc;
	padding: 6px 4px 4px 34px;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
}

.bizchatter article.newpost > div > p.warning {
	background-image: url('/dashboard/img/icon18_attention_gray.png');
	background-position: 8px center;
	background-repeat: no-repeat;
	color: #999999;
}

.bizchatter article.newpost > div > p.error {
	background-image: url('/dashboard/img/icon18_attention_red.png');
	background-position: 8px center;
	background-repeat: no-repeat;
	color: #f95555;
}

.bizchatter article.newpost > div > p a {
	color: #1f7bbf;
}

.bizchatter article.newpost > div > p a:hover {
	text-decoration: underline;
}


.bizchatter article.newpost h3 {
	display: block;
	padding-bottom: 4px;
	width: auto;
	height: 20px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #666666;
}

.bizchatter article.newpost input[type="text"] {
	display: block;
	margin-bottom: 12px;
	padding-left: 12px;
	border: 1px solid #cccccc;
	width: calc(100% - 14px);
	height: 38px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.375rem;
	color: #666666;
}

.bizchatter article.newpost textarea {
	display: block;
	margin-bottom: 12px;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(100% - 26px);
	height: 220px;
	background: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #333333;
}

.bizchatter article.newpost p {
	display: block;
	margin-bottom: 8px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}

.bizchatter article.newpost button {
	display: block;
	margin-left: calc(100% - 180px);
	border: 0;
	border-radius: 1px;
	padding: 1px 30px 0 12px;
	width: 138px;
	height: 39px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/arrow_8x12_next_white.png');
	background-position: calc(100% - 20px) 14px;
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.bizchatter article.newpost button:hover {
	color: #8adeff;
}
.bizchatter article.newpost button.clicked {
	background-color: #666666;
	color: #ffffff;
	cursor: default;
}



/* viewpost */
.bizchatter article.viewpost {
	display: block;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	padding: 20px;
	width: calc(100% - 42px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.bizchatter article.viewpost > header {
	display: table;
	margin-bottom: 12px;
	width: 100%;
	height: auto;
}

.bizchatter article.viewpost > header > div:nth-child(1) {
	display: table-cell;
	padding: 0;
	width: 48px;
	height: auto;
	vertical-align: top;
}

.bizchatter article.viewpost > header > div:nth-child(1) img {
	display: block;
	border-radius: 24px;
	width: 48px;
	height: 48px;
}

.bizchatter article.viewpost > header > div:nth-child(1) img.noradius {
	border-radius: 0;
}

.bizchatter article.viewpost > header > div:nth-child(2) {
	display: table-cell;
	padding-left: 32px;
	width: calc(100% - 112px - 32px);
	height: auto;
}


.bizchatter article.viewpost > header > div:nth-child(2) > h2 {
	display: block;
	padding-bottom: 8px;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
}

.bizchatter article.viewpost > header > div:nth-child(2) > p {
	display: block;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #999999;
}

.bizchatter article.viewpost > header > div:nth-child(2) > p span {
	color: #666666;
}



/* viewpost - voting */
.bizchatter article.viewpost > header > div:nth-child(3) {
	display: table-cell;
	padding-left: 8px;
	width: 56px;
	vertical-align: middle;
	text-align: center;
}

.bizchatter article.viewpost > header > div:nth-child(3) > div {
	display: block;
	position: relative;
	top: -8px;
	left: 20px;
	width: 56px;
	height: 48px;
	overflow: visible;
}

.bizchatter article.viewpost > header > div:nth-child(3) > div button:first-child {
	display: block;
	border: 0;
	width: 56px;
	height: 16px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_32x16_up_drk-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.bizchatter article.viewpost > header > div:nth-child(3) > div button:first-child:hover {
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_32x16_up_lit-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.bizchatter article.viewpost > header > div:nth-child(3) > div div:first-child {
	display: block;
	border: 0;
	width: 56px;
	height: 16px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_32x16_up_99.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.bizchatter article.viewpost > header > div:nth-child(3) > div div.up:first-child {
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_32x16_up_lit-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
}


.bizchatter article.viewpost > header > div:nth-child(3) > div p {
	display: block;
	padding-top: 2px;
	width: 100%;
	height: 20px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	text-align: center;
}

.bizchatter article.viewpost > header > div:nth-child(3) > div button:last-child {
	display: block;
	border: 0;
	width: 56px;
	height: 16px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_32x16_down_drk-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.bizchatter article.viewpost > header > div:nth-child(3) > div button:last-child:hover {
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_down_red.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.bizchatter article.viewpost > header > div:nth-child(3) > div div:last-child {
	display: block;
	border: 0;
	width: 56px;
	height: 16px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_32x16_down_99.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.bizchatter article.viewpost > header > div:nth-child(3) > div div.down:last-child {
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_down_red.png');
	background-position: center center;
	background-repeat: no-repeat;
}
/* end viewpost - voting */


.bizchatter article.viewpost > p {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	word-wrap: break-word;
	overflow: hidden;
}

.bizchatter article.viewpost > p a {
	color: #1f7bbf;
}

.bizchatter article.viewpost > p a:hover {
	text-decoration: underline;
}

/* viewpost - replies */
.bizchatter article.viewpost > div {
	display: table;
	margin-top: 12px;
	border-top: 1px solid #cccccc;
	padding-top: 12px;
	width: 100%;
	height: auto;
}

.bizchatter article.viewpost > div > div:nth-child(1) {
	display: table-cell;
	width: 48px;
	height: auto;
	vertical-align: top;
}

.bizchatter article.viewpost > div > div:nth-child(1) img {
	display: block;
	border-radius: 24px;
	width: 48px;
	height: 48px;
}

.bizchatter article.viewpost > div > div:nth-child(1) img.noradius {
	border-radius: 0;
}


.bizchatter article.viewpost > div > div:nth-child(2) {
	display: table-cell;
	padding-left: 32px;
	width: calc(100% - 32px);
	height: auto;
	overflow: hidden;
}

.bizchatter article.viewpost > div > div:nth-child(2) h3 {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;

}

.bizchatter article.viewpost > div > div:nth-child(2) h3 span {
	color: #999999;
}

.bizchatter article.viewpost > div > div:nth-child(2) h4 {
	display: block;
	padding-top: 4px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}



.bizchatter article.viewpost > div > div:nth-child(2) p {
	display: block;
	padding-top: 20px;
	width: 100%;
	max-width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #999999;
	word-wrap: break-word;
	white-space: pre-wrap;
	overflow: hidden;
}


/* viewpost replypost */
.bizchatter div.replypost {
	display: block;
	margin-bottom: 12px;
	width: 100%;
	height: auto;
}

.bizchatter div.replypost > div {
	display: block;
	margin-bottom: 12px;
	width: 100%;
	height: auto;
}

.bizchatter div.replypost > div > p {
	display: block;
	margin-bottom: 4px;
	border: 1px dashed #cccccc;
	padding: 6px 4px 4px 34px;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
}

.bizchatter div.replypost > div > p.warning {
	background-image: url('/dashboard/img/icon18_attention_gray.png');
	background-position: 8px center;
	background-repeat: no-repeat;
	color: #999999;
}

.bizchatter div.replypost > div > p.error {
	background-image: url('/dashboard/img/icon18_attention_red.png');
	background-position: 8px center;
	background-repeat: no-repeat;
	color: #f95555;
}

.bizchatter div.replypost > div > p a {
	color: #1f7bbf;
}

.bizchatter div.replypost > div > p a:hover {
	text-decoration: underline;
}


.bizchatter textarea.reply {
	display: block;
	margin-bottom: 12px;
	border: 0;
	padding: 12px;
	width: calc(100% - 24px);
	height: 120px;
	background-color: #dddddd;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
}


.bizchatter button.reply {
	display: block;
	border: 0;
	padding: 1px 30px 0 12px;
	border-radius: 1px;
	width: 138px;
	height: 39px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/arrow_8x12_next_white.png');
	background-position: calc(100% - 20px) 14px;
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.bizchatter button.reply:hover {
	background-image: url('/dashboard/img/arrow_8x12_next_lit-blue.png');
	color: #8adeff;
}



@media only screen and (min-width : 20px) and (max-width : 767px) {

	.bizchatter article.viewpost > header > div:nth-child(3) {
		display: none;
	}


}













/* DASHBOARD > LISTINGS - VIEW */

.dash .manage p.red {
	color: #f95555;
}

.dash .manage p.blue {
	color: #1f7bbf;
}

.dash .manage > header {
	display: block;
	width: 100%;
	height: auto;
}

.dash .manage > header > div:nth-child(1) {
	display: block;
	float: left;
	margin-bottom: 12px;
	width: calc(50% - 6px);
	height: auto;
}

.dash .manage > header > div:nth-child(2) {
	display: block;
	float: right;
	margin-bottom: 12px;
	width: calc(50% - 6px);
	height: auto;
}

.dash .manage > header p {
	display: block;
	float: left;
	padding-bottom: 2px;
	width: calc(100% - 66px);
	height: 20px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #333333;
}

.dash .manage > header > div:nth-child(1) p:nth-child(2) {
	display: none;
}

/* icons */
.dash .manage > header .options {
	display: block;
	float: left;
	margin: 0 0 2px;
	padding: 0;
	width: 66px;
	height: 20px;
}

.dash .manage .options .view {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 20px;
	background-image: url('/dashboard/img/icon14_view_99.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.dash .manage .options .view:hover {
	background-image: url('/dashboard/img/icon14_view_drk-blue.png');
}

.dash .manage .options .share {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 20px;
	background-image: url('/dashboard/img/icon14_share_99.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .manage .options .share:hover {
	background-image: url('/dashboard/img/icon14_share_drk-blue.png');
}

.dash .manage .options .trash {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 20px;
	background-image: url('/dashboard/img/icon14_trash_99.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.dash .manage .options .trash:hover {
	background-image: url('/dashboard/img/icon14_trash_lit-red.png');
}

.dash .manage .options .renew {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 20px;
	background-image: url('/dashboard/img/icon14_renew_99.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.dash .manage .options .renew:hover {
	background-image: url('/dashboard/img/icon14_renew_drk-blue.png');
}


.dash .manage > header .dashdrop {
	display: block;
	float: left;
	border: 1px solid #cccccc;
	width: calc(100% - 2px);
	height: 36px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_drop-99.png');
	background-position: calc(100% - 12px) 15px;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
	overflow: hidden;
}

.dash .manage > header .dashdrop select {
	display: block;
	padding-left: 8px;
	width: calc(100% + 24px); /* 32px-pad wider than container */
	height: 38px;
	background: transparent;
	border: 0;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.375rem; /* 38px */
	color: #666666;
}


.dash .manage > header .tasks {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.dash .manage > header .tasks a,
.dash .manage > header .tasks button {
	display: block;
	float: left;
	border: 0;
	width: auto;
	height: 38px;
	background-color: #999999;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 2.375rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}

.dash .manage > header .tasks a:nth-child(1),
.dash .manage > header .tasks button:nth-child(1) {
	width: 15%;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
}

.dash .manage > header .tasks a:nth-child(2),
.dash .manage > header .tasks button:nth-child(2) {
	width: 20%;
}

.dash .manage > header .tasks a:nth-child(3),
.dash .manage > header .tasks button:nth-child(3) {
	width: 25%;
}

.dash .manage > header .tasks a:nth-child(4),
.dash .manage > header .tasks button:nth-child(4) {
	width: 20%;
}

.dash .manage > header .tasks a:nth-child(5),
.dash .manage > header .tasks button:nth-child(5) {
	width: 20%;
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
}

.dash .manage > header .tasks a:hover,
.dash .manage > header .tasks button:hover {
	background-color: #1c1445;
	color: #8adeff;
}





@media only screen and (min-width : 20px) and (max-width : 919px) {

	.dash .manage > header > div:nth-child(1) {
		margin-bottom: 8px;
		width: 100%;
	}

	.dash .manage > header > div:nth-child(2) {
		float: left;
		width: 100%;
	}

	.dash .manage > header > div:nth-child(1) p:nth-child(2) {
		display: block;
	}

	.dash .manage > header > div:nth-child(2) p:nth-child(1) {
		display: none;
	}

}

@media only screen and (min-width : 20px) and (max-width : 399px) {

	.dash .manage > header .tasks a:nth-child(1),
	.dash .manage > header .tasks button:nth-child(1) {
		margin-bottom: 8px;
		width: 100%;
		border-radius: 1px;
	}

	.dash .manage > header .tasks a:nth-child(2),
	.dash .manage > header .tasks button:nth-child(2) {
		margin-bottom: 8px;
		width: 100%;
		border-radius: 1px;
	}

	.dash .manage > header .tasks a:nth-child(3),
	.dash .manage > header .tasks button:nth-child(3) {
		width: 100%;
		border-radius: 1px;
	}

	.dash .manage > header .tasks a:nth-child(4),
	.dash .manage > header .tasks button:nth-child(4) {
		display: none;
	}

	.dash .manage > header .tasks a:nth-child(5),
	.dash .manage > header .tasks button:nth-child(5) {
		display: none;
	}

}


.dash .dashband {
	display: block;
	float: left;
	clear: both;
	padding: 16px 16px 16px 64px;
	margin-bottom: 12px;
	width: calc(100% - 80px);
	height: auto;
	background-color: #1c1445;
	background-image: url('/dashboard/img/icon32_pricetag.png');
	background-position: 16px center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #ffffff;
	text-align: left;
}

.dash .dashband.no-icon {
	background-image: none;
}





.dash .infotitle {
	display: table;
	table-layout: fixed;
	float: left;
	clear: both;
	margin-bottom: 8px;
	width: 100%;
	min-height: 32px;
}

.dash .infotitle > div {
	display: table-cell;
	padding: 0 8px 0 12px;
	width: 32px;
	height: auto;
	vertical-align: middle;
}

.dash .infotitle > div > div {
	display: block;
	border-radius: 16px;
	width: 32px;
	height: 32px;
	background-position: 8px 8px;
	background-repeat: no-repeat;
}
.dash .infotitle > div > div.thumbsup {
	background-image: url('/dashboard/img/icon16_thumb-up_white.png');
}
.dash .infotitle > div > div.thumbsup-lit-blue {
	background-image: url('/dashboard/img/icon16_thumb-up_lit-blue.png');
}
.dash .infotitle > div > div.thumbsup-drk-blue {
	background-image: url('/dashboard/img/icon16_thumb-up_drk-blue.png');
}
.dash .infotitle > div > div.thumbsdown {
	background-image: url('/dashboard/img/icon16_thumb-down_white.png');
}
.dash .infotitle > div > div.magnify {
	background-image: url('/dashboard/img/icon16_magnify.png');
}
.dash .infotitle > div > div.list {
	background-image: url('/dashboard/img/icon16_list.png');
}
.dash .infotitle > div > div.blocks {
	background-image: url('/dashboard/img/icon16_blocks.png');
}
.dash .infotitle > div > div.binoculars {
	background-image: url('/dashboard/img/icon16_binoculars.png');
}
.dash .infotitle > div > div.bell {
	background-image: url('/dashboard/img/icon16_bell.png');
}
.dash .infotitle > div > div.chainlink {
	background-image: url('/dashboard/img/icon16_chainlink.png');
}

.dash .infotitle > p {
	display: table-cell;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #666666;
	vertical-align: middle;
}


/* ie. connections */
.dash .radiotitle {
	display: table;
	table-layout: fixed;
	margin-bottom: 24px;
	width: auto;
	min-height: 32px;
}

.dash .radiotitle > div {
	display: table-cell;
	border-bottom: 1px solid #cccccc;
	padding: 0 8px 8px 12px;
	width: 32px;
	height: auto;
	vertical-align: middle;
}

.dash .radiotitle > div > div {
	display: block;
	border-radius: 16px;
	width: 32px;
	height: 32px;
	background-color: #1c1445;
}

.dash .radiotitle > div > div.chainlink {
	background-image: url('/dashboard/img/icon16_chainlink.png');
	background-position: 8px 8px;
	background-repeat: no-repeat;
}


.dash .radiotitle input[type="radio"] {
	display: none;
}

.dash .radiotitle input[type="radio"] + label {
	display: table-cell;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 8px;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #666666;
	vertical-align: middle;
}

.dash .radiotitle input[type="radio"] + label:hover {
	color: #8adeff;
}

.dash .radiotitle input[type="radio"]:checked + label {
	border-bottom: 2px solid #1c1445;
	color: #1c1445;
}

/* a little fix */
@media only screen and (min-width : 360px) and (max-width : 639px) {

	.dash .radiotitle > div {
		padding: 0 0 8px 0;
		width: 20px;
	}

	.dash .radiotitle > div:first-child {
		display: none;
	}

	.dash .radiotitle input[type="radio"] + label {
		font-size: 1.125rem;
		line-height: 1.25rem;
	}

}


/* compact */
@media only screen and (min-width : 20px) and (max-width : 359px) {

	.dash .radiotitle {
		display: block;
		border: 1px solid #cccccc;
		width: calc(100% - 2px);
		background-color: #ffffff;
		box-shadow: 2px 2px 8px #cccccc;
		-webkit-box-shadow: 2px 2px 8px #cccccc;
		-moz-box-shadow: 2px 2px 8px #cccccc;
	}

	.dash .radiotitle > div {
		display: none;
	}

	.dash .radiotitle input[type="radio"] + label {
		display: block;
		border: 0;
		padding: 9px 8px 7px 32px;
		height: auto;
		font-size: 1rem;
		line-height: 1.25rem;
		color: #999999;
	}

	.dash .radiotitle input[type="radio"] + label:hover {
		background-color: #8adeff;
		color: #1c1445;
	}

	.dash .radiotitle input[type="radio"]:checked + label {
		background-color: #1c1445;
		background-image: url('/dashboard/img/icon16_chainlink.png');
		background-position: 8px center;
		background-repeat: no-repeat;
		color: #ffffff;
	}

	.dash .radiotitle input[type="radio"]:checked + label:first-of-type {
		border-bottom: 1px dashed #ffffff;
	}

	.dash .radiotitle input[type="radio"]:checked + label:last-of-type {
		border-top: 1px dashed #ffffff;
	}

}






/*	used for drafts and checkout
	deprecated */
.dash .listingslist {
	display: block;
	float: left;
	margin-bottom: 24px;
	padding: 8px 20px;
	border: 1px solid #cccccc;
	width: calc(100% - 42px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

/* header - titles */
.dash .listingslist header {
	display: block;
	float: left;
	padding: 12px 16px;
	width: calc(100% - 32px);
	width: -webkite-calc(100% - 32px);
	height: 16px;
}

.dash .listingslist header > div {
	display: block;
	float: left;
	height: 16px;
}

.dash .listingslist header > div p {
	display: block;
	float: left;
	height: 16px;
	font-family: wh-bold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #333333;
	text-align: left;
}

.dash .listingslist header .options {
	display: block;
	float: right;
	height: 16px;
	/* background: url('/dashboard/img/icon16_options.png') center center no-repeat; */
}

/* list format */

/* no drafts */
.dash .listingslist .none {
	display: block;
	float: left;
	border-top: 1px solid #cccccc;
	padding: 8px 16px 0;
	width: calc(100% - 32px);
	height: 40px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #999999;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* wrapper - all */
.dash .listingslist > div {
	display: block;
	float: left;
	border-top: 1px solid #cccccc;
	padding: 8px 16px;
	width: calc(100% - 32px);
	height: 40px;
}

/* only if no header */
.dash .listingslist > div:first-child {
	border: 0;
}

/* wrapper - all exclude options */
.dash .listingslist > div > a,
.dash .listingslist > div > a div,
.dash .listingslist > div > div {
	display: block;
	float: left;
	height: 40px;
}

.dash .listingslist > div img {
	display: block;
	float: left;
	margin-right: 12px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
}

.dash .listingslist > div img.noradius {
	border-radius: 0;
}

.dash .listingslist > div > a p,
.dash .listingslist > div > div p,
.dash .listingslist > div > div div {
	display: block;
	float: left;
	height: 40px;
	font-family: wh-regular;
	font-size: 0.75rem;
	line-height: 2.5rem;
	color: #999999;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dash .listingslist > div > a:hover p {
	color: #1c1445;
}

.dash .listingslist p.hl {
	width: calc(100% - 52px);
	color: #1c1445;
}

.dash .listingslist p.hl:hover {
	text-decoration: underline;
}

.dash .listingslist p.new {
	color: #1f7bbf;
}


.dash .listingslist .drop {
	display: block;
	float: left;
	border: 0;
	width: 112px;
	height: 40px;
	background-image: url('/dashboard/img/arrow_d.png');
	background-position: right center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.dash .listingslist .drop select {
	display: block;
	border: 0;
	width: calc(100% + 32px); /* 32px-pad wider than container */
	height: 40px;
	background: transparent;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #999999;
	cursor: pointer;
}


/* options */
.dash .listingslist > div .options {
	display: block;
	float: left;
	height: 40px;
	background: none;
}

.dash .listingslist .options .view {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_view_99.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .listingslist .options .view:hover {
	background-image: url('/dashboard/img/icon14_view_drk-blue.png');
	background-position: right center;
	background-repeat: no-repeat;
}

.dash .listingslist .options .share {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_share_99.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .listingslist .options .share:hover {
	background-image: url('/dashboard/img/icon14_share_drk-blue.png');
	background-position: right center;
	background-repeat: no-repeat;
}

.dash .listingslist .options .trash {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_trash_99.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .listingslist .options .trash:hover {
	background-image: url('/dashboard/img/icon14_trash_lit-red.png');
	background-position: right center;
	background-repeat: no-repeat;
}

.dash .listingslist .options .renew {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_renew_99.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .listingslist .options .renew:hover {
	background-image: url('/dashboard/img/icon14_renew_blue.png');
	background-position: right center;
	background-repeat: no-repeat;
}

.dash .listingslist .options .replicate {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_replicate_99.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .listingslist .options .replicate:hover {
	background-image: url('/dashboard/img/icon14_replicate_drk-blue.png');
	background-position: right center;
	background-repeat: no-repeat;
}
/* renewal - 116px */






/* NEW DATALIST STRUCTURE */
.dash .datalist {
	display: block;
	float: left;
	margin: 0 0 24px 0;
	padding: 8px;
	border: 1px solid #cccccc;
	width: calc(100% - 18px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
/* fix for subscr mgmt */
.dash .subscr2 .datalist {
	margin: 0;
	border: 0;
	width: calc(100% - 16px);
	box-shadow: none;
}

.dash .datalist > p {
	display: block;
	padding: 0;
	width: 100%;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #1c1445;
	text-align: left;
}
.dash .datalist > p.warn {
	color: #f95555;
}

/* header */
.dash .datalist > header {
	display: block;
	float: left;
	clear: both;
	padding: 12px 8px;
	width: calc(100% - 16px);
	height: 16px;
}



.dash .datalist > header > div:nth-child(1) {
	display: block;
	float: left;
	margin-right: 12px;
	width: 40px;
	height: 16px;
}
.dash .datalist.noimg > header > div:nth-child(1) {
	display: none;
}

.dash .datalist > header > div:nth-child(2) {
	display: block;
	float: left;
	width: calc(100% - 52px - 66px);
	height: 16px;
}
.dash .datalist.noimg > header > div:nth-child(2) {
	width: calc(100% - 66px);
}
.dash .datalist.noico > header > div:nth-child(2) {
	width: calc(100% - 52px);
}
.dash .datalist.noimg.noico > header > div:nth-child(2) {
	width: 100%;
}

.dash .datalist > header > div p {
	display: block;
	float: left;
	height: 16px;
	font-family: wh-bold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #333333;
	text-align: left;
}

.dash .datalist > header > div:nth-child(3) {
	display: block;
	float: right;
	width: 66px;
	height: 16px;
}
.dash .datalist.noico > header > div:nth-child(3) {
	display: none;
}


/* only if no header */
.dash .datalist > div:first-child {
	border: 0;
}

/* no data, display string */
.dash .datalist .none,
.dash .datalist .showall {
	display: block;
	float: left;
	border-top: 1px solid #cccccc;
	padding: 8px 8px 0;
	width: calc(100% - 16px);
	height: 40px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #999999;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.dash .datalist .showall:hover {
	color: #1c1445;
	cursor: pointer;
}


/* main */
.dash .datalist > div {
	display: block;
	float: left;
	position: relative;
	border-top: 1px solid #cccccc;
	padding: 8px;
	width: calc(100% - 16px);
	height: 40px;
}

.dash .datalist > div > img:nth-child(1) {
	display: block;
	float: left;
	margin-right: 12px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
}

.dash .datalist.noimg > div > div:nth-child(1),
.dash .datalist.noimg > div > img:nth-child(1) {
	display: none;
}

.dash .datalist > div > a:nth-child(2),
.dash .datalist > div > div:nth-child(2) {
	display: block;
	float: left;
	width: calc(100% - 52px - 66px);
	height: 40px;
}
.dash .datalist.noimg > div > a:nth-child(2),
.dash .datalist.noimg > div > div:nth-child(2) {
	width: calc(100% - 66px);
}
.dash .datalist.noico > div > a:nth-child(2),
.dash .datalist.noico > div > div:nth-child(2) {
	width: calc(100% - 52px);
}
.dash .datalist.noimg.noico > div > a:nth-child(2),
.dash .datalist.noimg.noico > div > div:nth-child(2) {
	width: 100%;
}

.dash .datalist > div > a:nth-child(2) > p,
.dash .datalist > div > a:nth-child(2) > div,
.dash .datalist > div > div:nth-child(2) > p,
.dash .datalist > div > div:nth-child(2) > div {
	display: block;
	float: left;
	height: 40px;
	font-family: wh-regular;
	font-size: 0.75rem;
	line-height: 2.5rem;
	color: #999999;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.dash .datalist > div > a:nth-child(2):hover > p {
	color: #1c1445;
}
/*.dash .datalist > div > a:nth-child(2) > p.hl,
.dash .datalist > div > div:nth-child(2) > p.hl {
	color: #1c1445;
}*/
.dash .datalist > div > a:nth-child(2):hover > p.hl {
	text-decoration: underline;
}
.dash .datalist > div > a:nth-child(2) > p.green,
.dash .datalist > div > div:nth-child(2) > p.green {
	color: #6db844;
}
.dash .datalist > div > a:nth-child(2):hover > p.green {
	color: #1f7bbf;
}
.dash .datalist > div > a:nth-child(2) > p.blue,
.dash .datalist > div > div:nth-child(2) > p.blue {
	color: #1f7bbf;
}
.dash .datalist > div > a:nth-child(2):hover > p.blue {
	color: #1c1445;
}
.dash .datalist > div > a:nth-child(2) > p.drk-blue,
.dash .datalist > div > div:nth-child(2) > p.drk-blue {
	color: #1c1445;
}
.dash .datalist > div > a:nth-child(2):hover > p.drk-blue {
	color: #1c1445;
}
.dash .datalist > div > a:nth-child(2) > p.lit-red,
.dash .datalist > div > div:nth-child(2) > p.lit-red {
	color: #f95555;
}
.dash .datalist > div > a:nth-child(2):hover > p.lit-red {
	color: #1c1445;
}
.dash .datalist > div > a:nth-child(2) > p.red,
.dash .datalist > div > div:nth-child(2) > p.red {
	color: #d20000;
}
.dash .datalist > div > a:nth-child(2):hover > p.red {
	color: #1c1445;
}
.dash .datalist > div > a:nth-child(2) > p.bold,
.dash .datalist > div > div:nth-child(2) > p.bold {
	font-family: wh-bold;
}
.dash .datalist > div > a:nth-child(2) > p.new,
.dash .datalist > div > div:nth-child(2) > p.new {
	color: #1c1445;
}
.dash .datalist > div > a:nth-child(2) > p span,
.dash .datalist > div > div:nth-child(2) > p span {
	display: none;
}

.dash .datalist > div > a:nth-child(2) .drop,
.dash .datalist > div > div:nth-child(2) .drop {
	display: block;
	float: left;
	border: 0;
	width: 75%;
	height: 40px;
	background-image: url('/dashboard/img/arrow_d.png');
	background-position: right center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.dash .datalist > div > div:nth-child(2) .drop2 {
	display: block;
	float: left;
	border: 1px solid #666666;
	width: calc(100% - 2px);
	height: 38px;
	background-image: url('/dashboard/img/arrow_d.png');
	background-position: calc(100% - 8px) center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.dash .datalist > div > a:nth-child(2) .drop select,
.dash .datalist > div > div:nth-child(2) .drop select,
.dash .datalist > div > div:nth-child(2) .drop2 select {
	display: block;
	position: relative;
	border: 0;
	width: calc(100% + 32px); /* 32px-pad wider than container */
	height: 40px;
	background: transparent;
	font-family: wh-regular;
	font-size: 0.75rem;
	line-height: 2.5rem;
	color: #666666;
	cursor: pointer;
}

.dash .datalist > div > div:nth-child(2) .drop2 select option {
	display: block;
	width: calc(100% - 32px);
	height: 40px;
	background: transparent;
	font-family: wh-regular;
	font-size: 0.75rem;
	line-height: 2.5rem;
	color: #999999;
}

.dash .datalist > div > div:nth-child(2) > p > a {
	display: block;
	float: left;
	margin: 8px 0 0;
	padding: 2px 6px;
	border-radius: 2px;
	height: 20px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


.dash .datalist > div > div:nth-child(3) {
	display: block;
	float: right;
	width: 66px;
	height: 40px;
}
.dash .datalist.noico > div > div:nth-child(3) {
	display: none;
}
.dash .datalist > div > div:nth-child(3) .view {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_view_99.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.dash .datalist > div > div:nth-child(3) .view:hover {
	background-image: url('/dashboard/img/icon14_view_drk-blue.png');
}

.dash .datalist > div > div:nth-child(3) .share {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_share_99.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.dash .datalist > div > div:nth-child(3) .share:hover {
	background-image: url('/dashboard/img/icon14_share_drk-blue.png');
}

.dash .datalist > div > div:nth-child(3) .trash,
.dash .datalist > div > div:nth-child(3) .trash .disable {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_trash_99.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.dash .datalist > div > div:nth-child(3) .trash:hover {
	background-image: url('/dashboard/img/icon14_trash_lit-red.png');
}
.dash .datalist > div > div:nth-child(3) .trash.disable:hover {
	background-image: url('/dashboard/img/icon14_trash_99.png');
	cursor: default;
}

.dash .datalist > div > div:nth-child(3) .renew,
.dash .datalist > div > div:nth-child(3) .renew.disable {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_renew_99.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.dash .datalist > div > div:nth-child(3) .renew:hover {
	background-image: url('/dashboard/img/icon14_renew_drk-blue.png');
}
.dash .datalist > div > div:nth-child(3) .renew.disable:hover {
	background-image: url('/dashboard/img/icon14_renew_99.png');
	cursor: default;
}
.dash .datalist > div > div:nth-child(3) .renew.sel {
	background-image: url('/dashboard/img/icon14_renew_drk-blue.png');
}
.dash .datalist > div > div:nth-child(3) .renew.sel:hover {
	background-image: url('/dashboard/img/icon14_renew_lit-red.png');
}

.dash .datalist > div > div:nth-child(3) .notrenew,
.dash .datalist > div > div:nth-child(3) .notrenew.disable {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_notrenew_gray.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.dash .datalist > div > div:nth-child(3) .notrenew:hover {
	background-image: url('/dashboard/img/icon14_notrenew_lit-red.png');
}
.dash .datalist > div > div:nth-child(3) .notrenew.disable:hover {
	background-image: url('/dashboard/img/icon14_notrenew_gray.png');
	cursor: default;
}

.dash .datalist > div > div:nth-child(3) .replicate {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_replicate_99.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.dash .datalist > div > div:nth-child(3) .replicate:hover {
	background-image: url('/dashboard/img/icon14_replicate_drk-blue.png');
}

.dash .datalist > div > div:nth-child(3) .assign {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_member_99.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.dash .datalist > div > div:nth-child(3) .assign:hover {
	background-image: url('/dashboard/img/icon14_member_drk-blue.png');
}

.dash .datalist > div > div:nth-child(3) .assigned {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_member_drk-blue.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.dash .datalist > div > div:nth-child(3) .assigned:hover {
	background-image: url('/dashboard/img/icon14_member_lit-red.png');
}

.dash .datalist > div > div:nth-child(3) .unassign {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_member_99.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.dash .datalist > div > div:nth-child(3) .unassign:hover {
	background-image: url('/dashboard/img/icon14_member_lit-red.png');
}

.dash .datalist > div > div:nth-child(3) .unassigned {
	display: block;
	float: right;
	margin-left: 8px;
	width: 14px;
	height: 40px;
	background-image: url('/dashboard/img/icon14_member_lit-red.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.dash .datalist > div > div:nth-child(3) .unassigned:hover {
	background-image: url('/dashboard/img/icon14_member_drk-blue.png');
}


/* special renewal area */
.dash .datalist > div.renewing {

	height: auto;
}

.dash .datalist > div.renewing > p {
	display: block;
	padding-bottom: 4px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: right;
}
.dash .datalist > div.renewing > p.note {
	font-size: 0.875rem;
	line-height: 1rem;
}

.dash .datalist > div.renewing > a,
.dash .datalist > div.renewing > div {
	display: block;
	float: right;
	border: 0;
	border-radius: 1px;
	padding: 0 20px;
	width: auto;
	height: 40px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.dash .datalist > div.renewing > div.cancel {
	background-color: #d20000;
}
.dash .datalist > div.renewing > a:hover,
.dash .datalist > div.renewing > div:hover,
.dash .datalist > div.renewing > div.cancel:hover {
	color: #8adeff;
}



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

	.dash .datalist > header > div:nth-child(1) {
		display: none;
	}

	.dash .datalist > header > div:nth-child(2) {
		width: calc(100% - 44px);
	}

	.dash .datalist > header > div p {
		font-size: 0.75rem;
	}

	.dash .datalist > div > img:nth-child(1) {
		display: none;
	}

	.dash .datalist > div > div:nth-child(2) {
		width: calc(100% - 44px);
	}

	.dash .datalist > div > a:nth-child(2) .drop,
	.dash .datalist > div > div:nth-child(2) .drop {
		width: 85%;
	}

}

@media only screen and (min-width : 20px) and (max-width : 767px) {

	.dash .datalist > header {
		display: none;
	}

	.dash .datalist > div {
		float: none;
		height: auto;
	}

	.dash .datalist > div:first-of-type {
		border-top: 0;
	}

	.dash .datalist .none {
		float: none;
		border-top: 0;
		padding: 8px 0;
		width: 100%;
		height: auto;
		line-height: 1.125rem;
	}

	.dash .datalist > div > img:nth-child(1) {
		float: none;
		position: absolute;
		top: 8px;
		left: 8px;
		margin: 0;
	}

	.dash .datalist > div > a:nth-child(2),
	.dash .datalist > div > div:nth-child(2) {
		float: none;
		width: auto;
		height: auto;
	}

	.dash .datalist.single > div > a:nth-child(2) > p,
	.dash .datalist.single > div > div:nth-child(2) > p {
		text-align: center;
		text-overflow: clip;
		word-wrap: break-word;
		white-space: normal;
	}

	.dash .datalist > div > div:nth-child(2) > div,
	.dash .datalist > div > a:nth-child(2) > p:nth-child(1),
	.dash .datalist > div > a:nth-child(2) > p:nth-child(2),
	.dash .datalist > div > a:nth-child(2) > p:nth-child(3),
	.dash .datalist > div > a:nth-child(2) > p:nth-child(4),
	.dash .datalist > div > a:nth-child(2) > p:nth-child(5),
	.dash .datalist > div > a:nth-child(2) > p:nth-child(6),
	.dash .datalist > div > div:nth-child(2) > p:nth-child(1),
	.dash .datalist > div > div:nth-child(2) > p:nth-child(2),
	.dash .datalist > div > div:nth-child(2) > p:nth-child(3),
	.dash .datalist > div > div:nth-child(2) > p:nth-child(4),
	.dash .datalist > div > div:nth-child(2) > p:nth-child(5),
	.dash .datalist > div > div:nth-child(2) > p:nth-child(6) {
		float: none;
		padding: 0 0 2px 48px;
		width: calc(100% - 48px);
		height: auto;
		line-height: 0.75rem;
	}

	.dash .datalist.noimg > div > div:nth-child(2) > div,
	.dash .datalist.noimg > div > a:nth-child(2) > p:nth-child(1),
	.dash .datalist.noimg > div > a:nth-child(2) > p:nth-child(2),
	.dash .datalist.noimg > div > a:nth-child(2) > p:nth-child(3),
	.dash .datalist.noimg > div > a:nth-child(2) > p:nth-child(4),
	.dash .datalist.noimg > div > a:nth-child(2) > p:nth-child(5),
	.dash .datalist.noimg > div > a:nth-child(2) > p:nth-child(6),
	.dash .datalist.noimg > div > div:nth-child(2) > p:nth-child(1),
	.dash .datalist.noimg > div > div:nth-child(2) > p:nth-child(2),
	.dash .datalist.noimg > div > div:nth-child(2) > p:nth-child(3),
	.dash .datalist.noimg > div > div:nth-child(2) > p:nth-child(4),
	.dash .datalist.noimg > div > div:nth-child(2) > p:nth-child(5),
	.dash .datalist.noimg > div > div:nth-child(2) > p:nth-child(6) {
		float: none;
		padding: 0 0 2px;
		width: 100%;
	}

	.dash .datalist > div > a:nth-child(2) > p span,
	.dash .datalist > div > div:nth-child(2) > p span {
		display: inline;
	}

	.dash .datalist > div > a:nth-child(2) .drop,
	.dash .datalist > div > div:nth-child(2) .drop,
	.dash .datalist > div > div:nth-child(2) .drop2 {
		width: 100%;
		max-width: 120px;
		height: 18px;
	}

	.dash .datalist > div > a:nth-child(2) .drop select,
	.dash .datalist > div > div:nth-child(2) .drop select,
	.dash .datalist > div > div:nth-child(2) .drop2 select {
		margin: 0 0 0 -2px;
		height: 18px;
		font-size: 0.75rem;
		line-height: 1.125rem;
		color: #666666;
	}

	.dash .datalist > div > div:nth-child(2) .drop2 select option {
		width: calc(100% - 32px);
		height: 18px;
		font-size: 0.75rem;
		line-height: 1.125rem;
	}

	.dash .datalist.noimg > div > div:nth-child(2) > p > a {
		margin: 2px 0 0;
	}

	.dash .datalist > div > div:nth-child(3) {
		float: none;
		position: absolute;
		right: 8px;
		bottom: 10px;
		width: 66px;
		height: 20px;
	}

	.dash .datalist > div > div:nth-child(3) .view,
	.dash .datalist > div > div:nth-child(3) .share,
	.dash .datalist > div > div:nth-child(3) .trash,
	.dash .datalist > div > div:nth-child(3) .renew,
	.dash .datalist > div > div:nth-child(3) .notrenew,
	.dash .datalist > div > div:nth-child(3) .replicate,
	.dash .datalist > div > div:nth-child(3) .assign,
	.dash .datalist > div > div:nth-child(3) .assigned,
	.dash .datalist > div > div:nth-child(3) .unassign {
		height: 20px;
	}
}



/* expander control */
.dash .expander {
	display: block;
	position: relative;
	margin: 0 0 12px 0;
	width: auto;
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.dash .expander input[type="checkbox"] {
	display: none;
}

.dash .expander input[type="checkbox"] + label {
	display: block;
	margin: 0;
	border: 1px solid #cccccc;
	padding: 0 60px 0 0;
	width: calc(100% - 62px);
	height: 64px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/icon20_expand_drk-blue.png');
	background-position: calc(100% - 20px) center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.dash .expander.offer input[type="checkbox"] + label {
	border: 1px solid #1c1445;
}
.dash .expander input[type="checkbox"] + label:hover {
	border: 1px solid #1c1445;
	background-color: #8adeff;
	/*background-image: url('/dashboard/img/icon20_expand_white.png');*/
	background-position: calc(100% - 20px) center;
	background-repeat: no-repeat;
}
.dash .expander input[type="checkbox"]:checked + label {
	border: 1px solid #1c1445;
	background-color: #8adeff;
	/*background-image: url('/dashboard/img/icon20_retract_white.png');*/
	background-image: url('/dashboard/img/icon20_retract_drk-blue.png');
	background-position: calc(100% - 20px) center;
	background-repeat: no-repeat;
}

.dash .expander input[type="checkbox"] + label > div:first-of-type {
	display: block;
	float: left;
	margin: 0;
	border-right: 1px solid #cccccc;
	width: 64px;
	height: 64px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 64px;
	color: #1c1445;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
}
.dash .expander.offer input[type="checkbox"] + label > div:first-of-type,
.dash .expander input[type="checkbox"] + label:hover > div:first-of-type,
.dash .expander input[type="checkbox"]:checked + label > div:first-of-type {
	border-right: 1px solid #1c1445;
}
.dash .expander input[type="checkbox"] + label > div:first-of-type.attention {
	background-image: url('/dashboard/img/attention_32_yellow.png');
}
.dash .expander input[type="checkbox"] + label > div:first-of-type.checkmark {
	background-image: url('/dashboard/img/checkmark_32_green.png');
}
.dash .expander input[type="checkbox"] + label > div:first-of-type.locked {
	background-image: url('/dashboard/img/locked_32_gray.png');
}
.dash .expander input[type="checkbox"] + label > div:first-of-type.unlocked {
	background-image: url('/dashboard/img/unlocked_32_yellow.png');
}
.dash .expander input[type="checkbox"] + label > div:first-of-type.allowforward {
	background-image: url('/dashboard/img/forward_32_yellow.png');
}.dash .expander input[type="checkbox"] + label > div:first-of-type.noforward {
	background-image: url('/dashboard/img/forward_32_gray.png');
}

.dash .expander input[type="checkbox"] + label > div:last-of-type {
	display: block;
	float: left;
	margin: 0;
	padding: 12px 0 12px 12px;
	width: calc(100% - 12px - 65px);
	height: 40px;
}

.dash .expander input[type="checkbox"] + label > div:last-of-type > img {
	display: block;
	float: left;
	margin: 0 12px 0 0;
	border-radius: 20px;
	width: 40px;
	height: 40px;
}
.dash .expander input[type="checkbox"] + label > div:last-of-type > img.noradius {
	border-radius: 0;
}

.dash .expander input[type="checkbox"] + label > div:last-of-type > div:first-of-type {
	display: block;
	float: left;
	width: calc(100% - 52px - 104px);
}
.dash .expander.offer input[type="checkbox"] + label > div:last-of-type > div:first-of-type,
.dash .expander.noimg input[type="checkbox"] + label > div:last-of-type > div:first-of-type {
	width: calc(100% - 104px);
}
.dash .expander input[type="checkbox"] + label > div:last-of-type > div:first-of-type > header {
	display: block;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.dash .expander input[type="checkbox"] + label > div:last-of-type > div:first-of-type > p {
	display: block;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dash .expander input[type="checkbox"] + label > div:last-of-type > div:last-of-type {
	display: block;
	float: left;
	width: 104px;
	height: 40px;
}
.dash .expander input[type="checkbox"] + label > div:last-of-type > div:last-of-type > p {
	display: block;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	text-align: right;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.dash .expander input[type="checkbox"] + label > div:last-of-type > div:last-of-type > p > span {
	font-family: wh-semibold;
}

/* when hovered/expanded */
.dash .expander input[type="checkbox"] + label:hover > div:last-of-type > div:first-of-type > header,
.dash .expander input[type="checkbox"]:checked + label > div:last-of-type > div:first-of-type > header {
	color: #1c1445;
}

.dash .expander input[type="checkbox"] + label:hover > div:last-of-type > div:first-of-type > p,
.dash .expander input[type="checkbox"] + label:hover > div:last-of-type > div:last-of-type > p,
.dash .expander input[type="checkbox"]:checked + label > div:last-of-type > div:first-of-type > p,
.dash .expander input[type="checkbox"]:checked + label > div:last-of-type > div:last-of-type > p {
	color: #333333;
}

/* expanded content area */
.dash .expander input[type="checkbox"] + label + div {
	display: none;
}
.dash .expander input[type="checkbox"]:checked + label + div {
	display: block;
	margin: 0;
	border: 1px solid #1c1445;
	border-top: 0;
	padding: 12px 40px 40px;
}
.dash .expander input[type="checkbox"]:checked + label + div.locked {
	padding: 12px;
	background-color: #eeeeee;
}
.dash .expander input[type="checkbox"]:checked + label + div.locked > p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}

.dash .expander input[type="checkbox"] + label + div > a {
	display: block;
	float: right;
	margin: 0;
	border-radius: 2px;
	padding: 0;
	width: 112px;
	height: 28px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1.75rem;
	color: #ffffff;
	text-align: center;
}
.dash .expander input[type="checkbox"] + label + div > a:hover {
	background-color: #8adeff;
	color: #1c1445;
}

.dash .expander input[type="checkbox"] + label + div > h2 {
	display: block;
	margin: 0;
	padding: 0 0 4px;
	width: auto;
	height: auto;
	font-family: wh-bold;
	font-size: 1.25rem;
	line-height: 1.375rem;
	color: #1c1445;
}
.dash .expander input[type="checkbox"] + label + div > p + h2,
.dash .expander input[type="checkbox"] + label + div > a + h2 {
	margin: 12px 0 0;
	width: calc(100% - 124px);
}
.dash .expander input[type="checkbox"] + label + div > h2 + .infomsg {
	margin: 0;
}

.dash .expander input[type="checkbox"] + label + div > h3 {
	display: block;
	margin: -4px 0 0;
	padding: 0 0 4px;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}


/* adjusted */
@media only screen and (min-width : 20px) and (max-width : 864px) {

	.dash .expander input[type="checkbox"]:checked + label + div {
		padding: 12px 12px 32px;
	}
}


@media only screen and (min-width : 20px) and (max-width : 699px) {

	.dash .expander input[type="checkbox"] + label > div:last-of-type > img {
		display: none;
	}

	.dash .expander input[type="checkbox"] + label > div:last-of-type > div:first-of-type {
		width: calc(100% - 100px);
	}

	.dash .expander input[type="checkbox"] + label > p {
		float: right;
		width: calc(100% - 52px);
		line-height: 1.25rem;
	}

	/*.dash .expander input[type="checkbox"] + label > p:last-child {
		clear: right;
		float: right;
		width: calc(100% - 52px);
		line-height: 1.25rem;
		text-align: left;
	}*/
}

/* mobile breakpoint */
@media only screen and (min-width : 20px) and (max-width : 569px) {

	/*.dash .expander input[type="checkbox"] + label {
		padding: 0 44px 0 0;
		width: calc(100% - 46px);
		background-position: calc(100% - 12px) center;
	}
	.dash .expander input[type="checkbox"] + label:hover {
		background-position: calc(100% - 12px) center;
	}
	.dash .expander input[type="checkbox"]:checked + label {
		background-position: calc(100% - 12px) center;
	}*/

	.dash .expander input[type="checkbox"] + label > div:last-of-type > img {
		display: none;
	}

	.dash .expander input[type="checkbox"] + label > div:last-of-type > div:first-of-type {
		width: calc(100% - 100px);
	}

	.dash .expander input[type="checkbox"] + label > p {
		float: right;
		width: calc(100% - 52px);
		line-height: 1.25rem;
	}
}

@media only screen and (min-width : 20px) and (max-width : 419px) {

	.dash .expander input[type="checkbox"] + label > div:last-of-type > div:first-of-type {
		width: 100%;
	}
	.dash .expander input[type="checkbox"] + label > div:last-of-type > div:last-of-type {
		display: none;
	}
}






.offercard {
	display: block;
	margin: 0 auto 12px auto;
	border: 1px solid #cccccc;
	padding: 0;
	width: calc(100% - 2px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

/* left */
.offercard > div:first-of-type {
	display: block;
	float:  left;
	padding: 8px;
	width: calc(100% - 16px - 316px);
}

.offercard > div:first-of-type > header {
	display: block;
	padding: 0 0 4px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
	text-decoration: underline;
}

.offercard > div:first-of-type > div {
	display: block;
	padding: 0 0 2px;
}
.offercard > div:first-of-type > div > p:first-of-type {
	display: block;
	float: left;
	width: 50%;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}
.offercard > div:first-of-type > div > p:last-of-type {
	display: block;
	float: left;
	width: 50%;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}

.offercard > div:first-of-type > p {
	display: block;
	margin: 4px 0 4px;
	border: 2px solid #1c1445;
	padding: 6px 2px;
	background-color: #e1e1e1;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #1c1445;
	text-align: center;
}
.offercard > div:first-of-type > p.green {
	background-color: #a3e0a3;
}
.offercard > div:first-of-type > p.yellow {
	background-color: #fffaa3;
}
.offercard > div:first-of-type > p.orange {
	background-color: #ffc885;
}
.offercard > div:first-of-type > p.red {
	background-color: #ed9999;
}
.offercard > div:first-of-type > p > span {
	font-family: wh-bold;
}

.offercard > div:first-of-type > footer {
	display: block;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: left;
}
.offercard > div:first-of-type > footer > span {
	font-family: wh-semibold;
}

/* right */
.offercard > div:last-of-type {
	display: block;
	float:  left;
	padding: 8px;
	width: 300px;
}

.offercard > div:last-of-type > img {
	display: block;
	float: left;
	margin: 0 12px 8px 0;
	border-radius: 24px;
	width: 48px;
	height: 48px;
}
.offercard > div:last-of-type > img.noradius {
	border-radius: 0;
}

.offercard > div:last-of-type > p:first-of-type {
	display: block;
	float: right;
	width: calc(100% - 60px);
	min-height: 24px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: left;
}
.offercard > div:last-of-type > p:last-of-type {
	display: block;
	float: right;
	width: calc(100% - 60px);
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: left;
}

.offercard > div:last-of-type > div {
	display: block;
	float: left;
	clear: both;
	width: calc(100% - 8px - 64px);
	margin: 0 8px 0 0;
}

.offercard > div:last-of-type > div > a,
.offercard > div:last-of-type > div > button {
	display: block;
	margin: 0 0 4px;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: 100%;
	height: calc(60px / 2);
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: calc(60px / 2);
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.offercard > div:last-of-type > div > button {
	background-color: #d20000;
}
.offercard > div:last-of-type > div > a:hover {
	color: #8adeff;
}
.offercard > div:last-of-type > div > button:hover {
	color: #000000;
}
.offercard > div:last-of-type > div > a:last-child,
.offercard > div:last-of-type > div > button:last-child {
	margin: 0;
}
.offercard > div:last-of-type > a {
	display: block;
	float: left;
	margin: 0;
	border: 1px solid #1c1445;
	border-radius: 2px;
	padding: 0;
	width: 62px;
	height: 62px;
	background-color: #e1e1e1;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 3.875rem;
	color: #1c1445;
	text-align: center;
	cursor: pointer;
}
.offercard > div:last-of-type > a:hover {
	background-color: #8adeff;
}


/* connection contact */
.contactcard {
	display: block;
	position: relative;
	margin: 0 auto 12px auto;
	border: 1px solid #cccccc;
	padding: 8px;
	width: calc(100% - 18px);
	height: auto;
	min-height: 48px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.contactcard > img {
	display: block;
	position: absolute;
	top: 8ox;
	left:  8px;
	margin: 0;
	border-radius: 24px;
	width: 48px;
	height: 48px;
}
.contactcard > img.noradius {
	border-radius: 0;
}

.contactcard > p:nth-of-type(1) {
	display: block;
	margin: 0 0 0 60px;
	width: calc(100% - 60px - 112px);
	min-height: 24px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: left;
}
.contactcard > p:nth-of-type(2) {
	display: block;
	margin: 0 0 0 60px;
	width: calc(100% - 60px - 112px);
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: left;
}
.contactcard > p:nth-of-type(3) {
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 112px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: right;
}


/* adjusted */
@media only screen and (min-width : 20px) and (max-width : 895px) {

	.offercard > div:first-of-type {
		padding: 12px;
		width: calc(100% - 24px);
	}

	.offercard > div:last-of-type {
		padding: 0 12px 12px 12px;
		width: calc(100% - 24px);
	}
}


/* compact */
@media only screen and (min-width : 20px) and (max-width : 419px) {

	.offercard > div:first-of-type > div > p:first-of-type {
		float: none;
		width: 100%;
	}
	.offercard > div:first-of-type > div > p:last-of-type {
		float: none;
		padding: 2px 0 0 8px;
		width: 100%;
	}

	.offercard > div:last-of-type > div {
		float: none;
		width: 100%;
		margin: 0;
	}

	.offercard > div:last-of-type > a {
		float: none;
		margin: 4px 0 0;
		border: 0;
		border-radius: 2px;
		padding: 0;
		width: 100%;
		height: 30px;
		background-color: #1c1445;
		font-family: wh-semibold;
		font-size: 1rem;
		line-height: 30px;
		color: #ffffff;
	}
	.offercard > div:last-of-type > a:hover {
		background-color: #1c1445;
		color: #8adeff;
	}
}



.infomsg {
	display: block;
	margin: 0;
	border: 2px solid #1c1445;
	padding: 4px 8px;
	width: calc(100% - 20px);
	min-height: 16px;
	background-color: #e1e1e1;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #1c1445;
	text-align: left;
}
.infomsg.gray {
	color: #1c1445;
	background-color: #e1e1e1;
}
.infomsg.green {
	color: #1c1445;
	background-color: #a3e0a3;
}
.infomsg.orange {
	color: #1c1445;
	background-color: #ffc885;
}
.infomsg.red {
	color: #1c1445;
	background-color: #ed9999;
}
.infomsg.yellow {
	color: #1c1445;
	background-color: #fffaa3;
}
.infomsg > span {
	font-family: wh-semibold;
}
.infomsg > a {
	text-decoration: underline;
}
.infomsg ~ .infomsg {
	margin: 8px 0 0;
}




/*	--------------------------------------------------------------
	offer -
--------------------------------------------------------------	*/

.offer .ghost {
	padding:  20px 0;
}

.offer .ghost > h2 {
	display: block;
	font-family: wh-bold;
	font-size: 1.25rem;
	line-height: 1.25rem;
	color: #999999;
	text-align: center;
}

/* listing */
.bizinfo {
	display: block;
	position: relative;
	float: left;
	margin: 0 0 12px 0;
	border: 1px solid #1c1445;
	padding: 0;
	width: calc(100% - 432px);
	height: auto;
	max-height: 158px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.bizinfo img {
	display: block;
	float: left;
	width: 96px;
	height: 96px;
}

.bizinfo > p:nth-child(1) {
	display: block;
	position: absolute;
	top: 72px;
	left: 0;
	padding: 0;
	width: 96px;
	height: 24px;
	line-height: 1.5rem;
	color: #ffffff;
	text-align: center;
}
.bizinfo > p:nth-child(1).sold {
	background-color: #8adeff;
	font-family: wh-bold;
	font-size: 1rem;
	color: #1c1445;
}
.bizinfo > p:nth-child(1).na {
	background-color: #d20000;
	font-family: wh-semibold;
	font-size: 0.75rem;
}

.bizinfo > img ~ div {
	display: block;
	float: left;
	width: calc(100% - 96px);
	height: 96px;
	overflow: hidden;
}

.bizinfo .title {
	display: block;
	float: left;
	clear: both;
	padding: 4px 8px;
	min-height: 20px;
	max-height: 40px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
	overflow: hidden;
}

.bizinfo .industry {
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0 8px 8px 8px;
	width: calc(100% - 16px);
	height: 20px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.bizinfo .flag {
	display: block;
	float: left;
	border: 1px solid #666666;
	margin: 2px 8px 0;
	width: 16px;
	height: 10px;
	background-repeat: no-repeat;
}

.bizinfo .location {
	display: block;
	float: left;
	padding: 0;
	width: calc(100% - 34px);
	height: 16px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #999999;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/*.bizinfo .price {
	display: block;
	float: left;
	margin-bottom: 2px;
	padding: 0 8px;
	max-width: calc(100% - 16px - 24px);
	max-height: 24px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1.60rem;
	color: #ffffff;
}*/

.bizinfo > div:last-child {
	display: block;
	width: 100%;
	height: 32px;
	max-height: 32px;
	background-color: #eeeeee;
	overflow: hidden;
}

.bizinfo > div:last-child > p:first-child {
	display: block;
	float: left;
	padding: 0 8px;
	width: calc(100% - 16px - 96px);
	height: 32px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: left;
	overflow: hidden;
}


.bizinfo > div:last-child > p:last-child {
	display: block;
	float: right;
	padding: 0 8px 0 0;
	width: 88px;
	height: 32px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: right;
	overflow: hidden;
}



/* buyer */
.personinfo {
	display: block;
	position: relative;
	float: right;
	margin: 0 0 12px 0;
	border: 1px solid #1c1445;
	padding: 8px;
	width: 400px;
	min-height: 112px;
	background-color: #eeeeee;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.personinfo > img {
	display: block;
	float: left;
	margin: 0 12px 8px 0;
	border-radius: 24px;
	width: 48px;
	height: 48px;
}
.personinfo > img.noradius {
	border-radius: 0;
}

.personinfo > p:nth-of-type(1) {
	display: block;
	float: right;
	width: calc(100% - 60px);
	min-height: 24px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: left;
}
.personinfo > p:nth-of-type(2) {
	display: block;
	float: right;
	width: calc(100% - 60px);
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: left;
}
.personinfo > p:nth-of-type(3),
.personinfo > p:nth-of-type(4) {
	display: block;
	clear: both;
	padding: 0 0 1px;
	width: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: left;
}
.personinfo > p:nth-of-type(3) > span,
.personinfo > p:nth-of-type(4) > span {
	font-family: wh-semibold;
	color: #1c1445;
}
.personinfo > p:nth-of-type(5) {
	display: inline-block;
	float: right;
	clear: both;
	width: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: right;
	text-decoration: underline;
	cursor: pointer;
}
.personinfo > p:nth-of-type(6) {
	display: inline-block;
	float: right;
	padding: 0 8px 0 0;
	width: auto;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1.125rem;
	color: #999999;
	text-align: right;
}

.personinfo > .chat {
	display: block;
	position: absolute;
	right:  8px;
	bottom: 8px;
	border: 1px solid #1c1445;
	width: 46px;
	height: 46px;
}

.personinfo > .restrict {
	display: block;
	clear: both;
	margin: 0;
	border: 2px solid #1c1445;
	padding: 2px 2px 0 2px;
	width: calc(100% - 8px);
	min-height: 50px;
	background-color: #fffaa3;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #1c1445;
	text-align: center;
}


/* adjusted */
@media only screen and (min-width : 20px) and (max-width : 863px) {

	.bizinfo {
		width: calc(100% - 332px);
	}

	.personinfo {
		width: 300px;
	}

}

@media only screen and (min-width : 20px) and (max-width : 679px) {

	.bizinfo {
		width: calc(100% - 2px);
	}

	.personinfo {
		width: calc(100% - 18px);
	}

}



/* for chat */
.offer > .ghost > .chatarea {
	display: none;
	position: relative;
	clear: both;
	margin: 0 0 12px 0;
	border: 1px solid #1c1445;
	padding: 0;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.offer > .ghost > .chatarea.show {
	display: block;
}
.offer > .ghost > .chatarea > header {
	display: block;
	border-bottom: 1px solid #cccccc;
	max-height: 40px;
	background-color: #eeeeee;
}
.offer > .ghost > .chatarea > header > h2 {
	display: block;
	padding: 0 12px;
	border-right: 1px solid #cccccc;
	width: calc(100% - 25px - 40px);
	height: 40px;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 40px;
}
.offer > .ghost > .chatarea > header > div {
	display: block;
	float: right;
	width: 40px;
	height: 40px;
	background-image: url('/dashboard/img/x_20_99.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.offer > .ghost > .chatarea > header > div:hover {
	background-color: #e1e1e1;
	cursor: pointer;
}

.offer > .ghost > .chatarea > div {
	display: flex;
	flex-direction: column-reverse;
	padding: 0 32px;
	width: calc(100% - 64px);
	height: 480px;
	max-height: 480px;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.offer > .ghost > .chatarea > div::-webkit-scrollbar {
	display: none;
}

/* status info */
.offer > .ghost > .chatarea > div > p {
	display: block;
	padding: 20px 0 0;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
}
.offer > .ghost > .chatarea > div > p.error {
	color: #d20000;
}

.offer > .ghost > .chatarea > div > div {
	display: block;
	padding: 12px 0 0;
}
.offer > .ghost > .chatarea > div > div:first-of-type {
	padding: 20px 0 0;
}
.offer > .ghost > .chatarea > div > div:last-of-type {
	padding: 12px 0 8px;
}

.offer > .ghost > .chatarea > div > div > p {
	display: inline-block;
	border-radius: 8px;
	padding: 8px 12px;
	max-width: calc(50% - 24px);
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
}
.offer > .ghost > .chatarea > div > div > p > a,
.offer > .ghost > .chatarea > div > div > p > span {
	font-family: wh-semibold;
}
.offer > .ghost > .chatarea > div > div.from > p {
	display: inline-block;
	float: left;
	clear: both;
	max-width: 50%;
	background-color: #e1e1e1;
	color: #333333;
}
.offer > .ghost > .chatarea > div > div.from > p > a {
	color: #1c1445;
}
.offer > .ghost > .chatarea > div > div.to > p {
	display: inline-block;
	float: right;
	clear: both;
	max-width: 50%;
	background-color: #1c1445;
	color: #ffffff;
}
.offer > .ghost > .chatarea > div > div.to > p > a {
	color: #8adeff;
}
.offer > .ghost > .chatarea > div > div > p:last-of-type {
	display: inline-block;
	border-radius: 8px;
	padding: 0;
	max-width: 50%;
	background-color: #ffffff;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #666666;
}


.offer > .ghost > .chatarea > footer {
	display: block;
	position: relative;
	padding: 0 12px 12px;
	width: auto;
	height: 48px;
}
.offer > .ghost > .chatarea > footer > div {
	display: block;
	position: relative;
	border: 1px solid #cccccc;
	border-radius: 4px;
	width: calc(100% - 40px);
	max-height: 46px;
}
.offer > .ghost > .chatarea > footer > div > textarea {
	display: block;
	border: none;
	border-radius: 4px;
	padding: 0 0 0 12px;
	width: calc(100% - 12px - 46px);
	height: 46px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 46px;
	color: #1c1445;
	resize: none;
}
.offer > .ghost > .chatarea > footer > div > button {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	border-radius: 4px;
	width: 46px;
	height: 100%;
	background-color: #ffffff;
	background-image: url('/dashboard/img/send_32_blue.png');
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.offer > .ghost > .chatarea > footer > div > button:hover {
}
.offer > .ghost > .chatarea > footer > input {
	display: block;
	position: absolute;
	top: 8px;
	right: 9px;
	border: none;
	border-radius: 4px;
	width: 32px;
	height: 32px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/fileupload_32_66.png');
	background-size: 32px 32px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	text-indent: -9999px;
}
.offer > .ghost > .chatarea > footer > input:hover {
	background-image: url('/dashboard/img/fileupload_32_drk-blue.png');
}






/* status & guidance */
.offer > .ghost > .statusboard {
	display: block;
	position: relative;
	clear: both;
	margin: 0 0 12px 0;
	border: 1px solid #1c1445;
	padding: 8px 12px 12px;
	width: calc(100% - 26px);
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.offer > .ghost > .statusboard > header {
	display: block;
	margin: 0 0 8px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: center;
	text-decoration: underline;
}

.offer > .ghost > .statusboard > div:first-of-type {
	display: block;
	float: left;
	padding: 0;
	width: 200px;
}

.offer > .ghost > .statusboard > div > .phase {
	display: block;
	margin: 0 0 8px;
	border: 1px solid #1c1445;
	border-radius: 2px;
	padding: 0 0 0 40px;
	width: auto;
	height: 40px;
	background-color: #e1e1e1;
	background-position: 8px 8px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
}
.offer > .ghost > .statusboard > div > .phase.checkmark {
	background-image: url('/dashboard/img/checkmark_32_green.png');
}
.offer > .ghost > .statusboard > div > .phase.locked {
	background-image: url('/dashboard/img/locked_32_gray.png');
}
.offer > .ghost > .statusboard > div > .phase.unlocked {
	background-color: #8adeff;
	background-image: url('/dashboard/img/unlocked_32_yellow.png');
}

.offer > .ghost > .statusboard > div > .phase > p {
	display: block;
	margin: 0;
	border-left: 1px solid #1c1445;
	padding: 0 0 0 8px;
	width: auto;
	height: 40px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 2.5rem;
	color: #1c1445;
	text-align: left;
}


.offer > .ghost > .statusboard > div:last-of-type {
	display: block;
	float: left;
	padding: 0 0 0 20px;
	width: calc(100% - 220px);
}

.offer > .ghost > .statusboard > div:last-of-type > header {
	display: block;
	margin: 0 0 8px;
	font-family: wh-bold;
	font-size: 1.25rem;
	line-height: 1.375rem;
	color: #1c1445;
	text-align: left;
}

.offer > .ghost > .statusboard > div:last-of-type > div {
	display: block;
	margin: 0;
	padding: 0 0 4px 24px;
	background-position: left 2px;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: left;
}
.offer > .ghost > .statusboard > div:last-of-type > div.attention {
	background-image: url('/dashboard/img/attention_32_yellow.png');
}
.offer > .ghost > .statusboard > div:last-of-type > div.checkmark {
	background-image: url('/dashboard/img/checkmark_32_green.png');
}
.offer > .ghost > .statusboard > div:last-of-type > div.locked {
	background-image: url('/dashboard/img/locked_32_gray.png');
}
.offer > .ghost > .statusboard > div:last-of-type > div.unlocked {
	background-image: url('/dashboard/img/unlocked_32_gray.png');
}


.offer > .ghost > .statusboard > div:last-of-type > p.infomsg {
	margin: 0 0 12px;
	width:  auto;
}

.offer > .ghost > .statusboard > p {
	display: block;
	clear: both;
	margin: 0 0 12px;
	border: 2px solid #1c1445;
	padding: 4px 8px;
	width: auto;
	min-height: 20px;
	background-color: #e1e1e1;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
}
.offer > .ghost > .statusboard > p.green {
	color: #1c1445;
	background-color: #a3e0a3;
}
.offer > .ghost > .statusboard > p.orange {
	color: #1c1445;
	background-color: #ffc885;
}
.offer > .ghost > .statusboard > p.red {
	color: #1c1445;
	background-color: #ed9999;
}
.offer > .ghost > .statusboard > p.yellow {
	color: #1c1445;
	background-color: #fffaa3;
}

.offer > .ghost > .statusboard > p > span,
.offer > .ghost > .statusboard > p.red > span {
	font-family: wh-bold;
}


.offer > .ghost > .statusboard > footer {
	display: block;
	padding: 0;
}

.offer > .ghost > .statusboard > footer > p {
	display: block;
	margin: 0 0 8px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: center;
	text-decoration: underline;
}

.offer > .ghost > .statusboard > footer > div:first-of-type > div {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	border: 1px solid #999999;
	width: calc((100% - 16px) / 3 - 2px);
	background-color: #ffffff;
	cursor: pointer;
}
.offer > .ghost > .statusboard > footer > div:first-of-type > div:hover {
	border: 1px solid #1c1445;
}
.offer > .ghost > .statusboard > footer > div:first-of-type > div:last-of-type {
	margin: 0;
}
.offer > .ghost > .statusboard > footer > div:first-of-type > div > div {
	display: block;
	margin: 0 auto;
	padding: 8px;
	max-width: 228px;
	height: auto;
}
.offer > .ghost > .statusboard > footer > div:first-of-type > div > p {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	background-color: #e1e1e1;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: center;
}

.offer > .ghost > .statusboard > footer > div:last-of-type {
	display: block;
	margin: 8px 0 0;
}

.offer > .ghost > .statusboard > footer > div:last-of-type > a,
.offer > .ghost > .statusboard > footer > div:last-of-type > div {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	padding: 0 0 0 40px;
	border: 1px solid #999999;
	width: calc((100% - 120px - 16px) / 3 - 2px);
	min-height: 40px;
	background-color: #ffffff;
	background-position: 8px center;
	background-size: 32px 32px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.offer > .ghost > .statusboard > footer > div:last-of-type .glossary {
	background-image: url('/dashboard/img/list_64_drk-blue.png');
}
.offer > .ghost > .statusboard > footer > div:last-of-type .helpform {
	background-image: url('/dashboard/img/help_64_drk-blue.png');
}
.offer > .ghost > .statusboard > footer > div:last-of-type .process {
	background-image: url('/dashboard/img/checklist_64_drk-blue.png');
}
	
.offer > .ghost > .statusboard > footer > div:last-of-type > a:last-child,
.offer > .ghost > .statusboard > footer > div:last-of-type > div:last-child {
	margin: 0;
}
.offer > .ghost > .statusboard > footer > div:last-of-type > a:hover,
.offer > .ghost > .statusboard > footer > div:last-of-type > div:hover {
	border: 1px solid #1c1445;
}

.offer > .ghost > .statusboard > footer > div:last-of-type > a > p,
.offer > .ghost > .statusboard > footer > div:last-of-type > div > p {
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	padding: 8px;
	width: calc(100% - 16px);
	min-height: 40px;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: center;
	vertical-align: middle;
}




@media only screen and (min-width : 20px) and (max-width : 679px) {

	.offer > .ghost > .statusboard > div:first-of-type {
		float: none;
		padding: 0 0 20px;
		width: 100%;
		height: 42px;
	}
	.offer > .ghost > .statusboard > div > .phase {
		float: left;
		margin: 0 0 0 8px;
		width: calc(((100% - 16px) /3) - 42px);
	}
	.offer > .ghost > .statusboard > div > .phase:first-of-type {
		margin: 0;
	}
	.offer > .ghost > .statusboard > div > .phase > p {
		font-family: wh-semibold;
		font-size: 1rem;
	}

	.offer > .ghost > .statusboard > div:last-of-type {
		float: none;
		padding: 0;
		width: 100%;
	}

	.offer > .ghost > .statusboard > footer > div:first-of-type > div > p {
		padding: 4px;
		height: 40px;
		font-size: 1.125rem;
		line-height: 1.25rem;
	}

	.offer > .ghost > .statusboard > footer > div:last-of-type > a,
	.offer > .ghost > .statusboard > footer > div:last-of-type > div {
		padding: 40px 0 0;
		width: calc((100% - 16px) / 3 - 2px);
		min-height: auto;
		background-position: center 8px;
	}
}

/* mobile */
@media only screen and (min-width : 20px) and (max-width : 569px) {

	.offer > .ghost > .statusboard > div:first-of-type {
		float: none;
		padding: 0 0 20px;
		width: 100%;
		height: auto;
	}
	.offer > .ghost > .statusboard > div > .phase {
		float: none;
		margin: 8px 0 0;
		width: calc(100% - 42px);
	}
	.offer > .ghost > .statusboard > div > .phase:first-of-type {
		margin: 8px 0 0;
	}
	.offer > .ghost > .statusboard > div > .phase > p {
		font-size: 1.125rem;
	}

	.offer > .ghost > .statusboard > footer > div:last-of-type > a,
	.offer > .ghost > .statusboard > footer > div:last-of-type > div {
		min-height: 76px;
	}
}

@media only screen and (min-width : 20px) and (max-width : 399px) {

	.offer > .ghost > .statusboard > footer > div:first-of-type > div {
		float: none;
		margin: 0 0 8px;
		width: calc(100% - 2px);
	}
	.offer > .ghost > .statusboard > footer > div:first-of-type > div:last-of-type {
		margin: 0;
	}

	.offer > .ghost > .statusboard > footer > div:first-of-type > div > div {
		display: block;
		margin: 0 auto;
		padding: 8px;
		max-width: 228px;
		height: auto;
	}

	.offer > .ghost > .statusboard > footer > div:first-of-type > div > p {
		padding: 0;
		height: 32px;
		font-size: 1.125rem;
		line-height: 2rem;
	}

	.offer > .ghost > .statusboard > footer > div:last-of-type > a,
	.offer > .ghost > .statusboard > footer > div:last-of-type > div {
		margin: 0 0 8px;
		padding: 48px 0 0;
		width: calc(100% - 2px);
		min-height: auto;
		background-position: center 16px;
	}

	.offer > .ghost > .statusboard > footer > div:last-of-type > a > p,
	.offer > .ghost > .statusboard > footer > div:last-of-type > div > p {
		padding: 8px 8px 12px;
		min-height: auto;
	}

}


/*.offer > .ghost > .dealsupport {
	display: none;
	position: relative;
	float: left;
	margin: 0 0 12px 0;
	width: 100%;
}

.offer > .ghost > .dealsupport > header {
	display: none;
	margin: 0 0 8px;
	border: 2px solid #1c1445;
	padding: 8px;
	background-color: #eeeeee;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: center;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.offer > .ghost > .dealsupport > div {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	border: 1px solid #1c1445;
	width: calc((100% - 16px) / 3 - 2px);
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.offer > .ghost > .dealsupport > div:last-of-type {
	margin: 0;
}

.offer > .ghost > .dealsupport > div > div {
	display: block;
	margin: 0 auto;
	padding: 8px;
	width: 182px;
	max-width: 228px;
	height: 48px;
}

.offer > .ghost > .dealsupport > div > p {
	display: block;
	height: 32px;
	background-color: #eeeeee;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: center;
}*/



.negotiations {
	display: block;
	margin: 0;
	padding: 0;
}

/* left - details */
.negotiations > .details {
	display: block;
	float: left;
	margin: 0 0 12px 0;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(100% - 26px - 212px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.negotiations > .details > header {
	display: block;
	padding: 0 0 12px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
	text-decoration: underline;
}

.negotiations > .details > p {
	margin: 0 0 12px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: left;
}

.negotiations > .details > div {
	display: block;
	float: left;
	margin: 8px 0 0;
	width: calc(100% / 3);
	padding: 0 0 2px;
}
.negotiations > .details > div:nth-of-type(1),
.negotiations > .details > div:nth-of-type(2) {
	margin: 0;
	width: calc(100% / 2);
}
.negotiations > .details > div > h3 {
	display: block;
	width: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}
.negotiations > .details > div > p {
	display: block;
	width: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}
.negotiations > .details > div > p > span {
	color: #d20000;
	text-decoration: line-through;
}

.negotiations > .details > h3 {
	display: block;
	clear: left;
	padding: 8px 0 0;
	width: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}
.negotiations > .details > h3 > span {
	color: #d20000;
}

.negotiations > .details > p + p {
	display: block;
	padding: 0 0 0;
	width: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}

/* left - edit */
.negotiations > .edit {
	display: block;
	float: left;
	margin: 0 0 12px 0;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(100% - 26px - 212px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.negotiations > .edit > header {
	display: block;
	padding: 0 0 14px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
	text-decoration: underline;
}

.negotiations > .edit > div {
	display: block;
	float: left;
	width: calc(100% / 3);
	padding: 0 0 8px;
}
.negotiations > .edit > div:last-of-type {
	display: block;
	clear: both;
	width: 100%;
	padding: 0;
}

.negotiations > .edit > p {
	display: block;
	margin: 0;
	width: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: left;
}
.negotiations > .edit > p.warn {
	margin: 0 0 2px;
	border: 1px solid #ff7000;
	padding: 2px;
	background-color: #ffc885;
	font-family: wh-regular;
	color: #d20000;
}
.negotiations > .edit > p.error {
	margin: 0 0 2px;
	border: 1px solid #d20000;
	padding: 2px;
	background-color: #ed9999;
	font-family: wh-regular;
	color: #d20000;
}
.negotiations > .edit > p > span,
.negotiations > .edit > p.error > span,
.negotiations > .edit > p.warn > span {
	font-family: wh-semibold;
}

.negotiations > .edit > div > h3 {
	display: block;
	margin: 0 0 2px;
	width: 200px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: left;
}

.negotiations > .edit > div > .inp {
	display: block;
	border: 1px solid #999999;
	padding: 2px 4px;
	height: 24px;
	width: 200px;
}

.negotiations > .edit > div > .inp > p {
	display: block;
	float: left;
	padding: 0;
	width: 16px;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #999999;
}
.negotiations > .edit > div > .inp > input ~ p {
	float: right;
	text-align: right;
}

.negotiations > .edit > div > .inp > input[type="text"] {
	display: block;
	float: left;
	border: 0;
	padding: 0;
	width: calc(100% - 48px);
	height: 24px;
	background: none;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #1c1445;
}

/* dropdown */
.negotiations > .edit > div > .drop {
	display: block;
	position: relative;
	border: 1px solid #999999;
	padding: 2px 4px;
	width: 200px;
	height: 24px;
	background-image: url('/dashboard/img/arrow_vdrop-66.png');
	background-position: calc(100% - 6px) center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.negotiations > .edit > div > .drop select {
	display: block;
	position: relative;
	left: -2px;
	border: 0;
	width: calc(100% + 32px); /* 32px-pad wider than container */
	height: 24px;
	background: transparent;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #1c1445;
}

.negotiations > .edit > div > textarea {
	display: block;
	border: 1px solid #999999;
	padding: 4px;
	width: calc(100% - 10px);
	height: 120px;
	background: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #333333;
}


/* right */
.negotiations > div:last-of-type {
	display: block;
	float: right;
	margin: 0 0 12px 0;
	border: 1px solid #cccccc;
	padding: 8px;
	width: 182px;
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.negotiations > div:last-of-type > button {
	display: block;
	margin: 0 0 8px;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: 100%;
	height: 30px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.negotiations > div:last-of-type > button:hover {
	color: #8adeff;
}
.negotiations > div:last-of-type > button:last-of-type {
	margin: 0;
	background-color: #d20000;
}
.negotiations > div:last-of-type > button:last-of-type:hover {
	margin: 0;
	color: #000000;
}
.negotiations > div:last-of-type > button.disabled {
	background-color: #999999;
	cursor: default;
}
.negotiations > div:last-of-type > button.disabled:hover {
	color: #ffffff;
}
.negotiations > div:last-of-type > a {
	display: block;
	margin: 8px 0 0;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: 100%;
	height: 30px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.negotiations > div:last-of-type > a:hover {
	color: #8adeff;
}



@media only screen and (min-width : 20px) and (max-width : 1023px) {

	.negotiations > .edit > div {
		padding: 0 0 12px;
		width: calc(100% / 2);
	}
	.negotiations > .edit > div:last-of-type {
		width: 100%;
		padding: 0;
	}

}

@media only screen and (min-width : 20px) and (max-width : 863px) {

	.negotiations > .details > div {
		margin: 8px 0 0;
		width: calc(100% / 2);
	}
	.negotiations > .details > div:nth-of-type(1),
	.negotiations > .details > div:nth-of-type(2) {
		margin: 8px 0 0;
		width: calc(100% / 2);
	}

	.negotiations > .edit > div {
		padding: 0 0 12px;
		width: 100%;
	}
	.negotiations > .edit > div:last-of-type {
		width: 100%;
		padding: 0;
	}

}

@media only screen and (min-width : 20px) and (max-width : 679px) {

	.negotiations > .details > div {
		margin: 8px 0 0;
		width: 100%;
	}
	.negotiations > .details > div:nth-of-type(1),
	.negotiations > .details > div:nth-of-type(2) {
		margin: 8px 0 0;
		width: 100%;
	}
}

@media only screen and (min-width : 20px) and (max-width : 569px) {

	.negotiations > .details {
		width: calc(100% - 26px - 172px);
	}
	.negotiations > .edit {
		margin: 0 0 12px 0;
		width: calc(100% - 26px - 172px);
	}
	.negotiations > div:last-of-type {
		width: 142px;
	}

}

@media only screen and (min-width : 20px) and (max-width : 479px) {

	.negotiations > .details {
		margin: 0 0 8px;
		width: calc(100% - 26px);
	}
	.negotiations > .edit {
		margin: 0 0 12px 0;
		width: calc(100% - 26px);
	}
	.negotiations > div:last-of-type {
		width: calc(100% - 18px);
	}

}



.letter_preview {
	display: block;
	margin: 0;
	border: 1px solid #cccccc;
	padding: 40px 64px;
	width: auto;
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.letter_preview > p {
	display: block;
	margin: 0;
	padding: 0 0 18px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: left;
}
.letter_preview > p > span.hl {
	font-family: wh-semibold;
	color: #1c1445;
}
.letter_preview > p > span.underline {
	text-decoration: underline;
}
.letter_preview > p.indent {
	padding: 0 0 0 20px;
}
.letter_preview > p.indent + p.indent {
	padding: 0 0 18px 20px;
}
.letter_preview > p:last-of-type {
	padding: 40px 0 96px;
}

.letter_preview > div {
	display: block;
	margin: 0 auto;
	max-width: 696px;
}

.letter_preview > div > div {
	display: block;
	float: left;
	margin: 0;
	width: 300px;
	max-width: 300px;
}
.letter_preview > div > div:last-of-type {
	float: right;
}

.letter_preview > div > div > p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: left;
}
.letter_preview > div > div > p > span.hl {
	font-family: wh-semibold;
	color: #1c1445;
}
.letter_preview > div > div > p:first-of-type {
	margin: 0;
	font-family: wh-bold;
}
.letter_preview > div > div > p:last-of-type {
	margin: 18px 0 48px;
}

.letter_preview .signature {
	display: block;
	width: 100%;
	max-width: 300px;
	height: 108px;
	overflow: hidden;
}



@media only screen and (min-width : 20px) and (max-width : 863px) {

	.letter_preview {
		padding: 40px 40px;
	}
}

@media only screen and (min-width : 20px) and (max-width : 783px) {

	.letter_preview > p:last-of-type {
		padding: 40px 0 48px;
	}

	.letter_preview > div > div {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	.letter_preview > div > div:last-of-type {
		float: none;
		padding: 40px 0 0;
	}
}

/* mobile */
@media only screen and (min-width : 20px) and (max-width : 569px) {

	.letter_preview {
		padding: 40px 12px;
	}

	/*.letter_preview > div > div {
		margin: 0;
		width: 100%;
	}
	.letter_preview > div > div:last-of-type {
		margin: 0;
		padding: 48px 0 0;
	}*/

}


/* deal recipients */
.dealrecip {
	display: block;
	position: relative;
	float: left;
	margin: 12px 0 0;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(50% - 26px - 6px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.dealrecip:last-of-type {
	margin: 12px 0 0 12px;
	padding: 12px;
}

.dealrecip > header {
	display: block;
	padding: 0 0 8px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
	text-decoration: underline;
}
.dealrecip > .infomsg {
	font-family: wh-regular;
	color: #1c1445;
}

.dealrecip > div {
	display: block;
	margin: 0;
}

.dealrecip > div > h3 {
	display: block;
	margin: 0;
	padding: 4px 0 8px;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: left;
}

.dealrecip > div > .recip {
	display: block;
	margin: 0 0 8px;
	padding: 8px;
	border: 1px solid #999999;
	background-color: #eeeeee;
}
.dealrecip > div > .recip > p {
	display: block;
	float: left;
	margin: 0;
	width: calc(100% - 88px);
	height: 24px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dealrecip > div > .recip > button {
	display: block;
	float: right;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: 80px;
	height: 24px;
	background-color: #d20000;
	font-family: wh-regular;
	font-size: 0.9375rem;
	line-height: 1.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.dealrecip > div > .recip > button:hover {
	color: #8adeff;
}
.dealrecip > div > .recip > button.disabled {
	background-color: #999999;
	cursor: default;
}
.dealrecip > div > .recip > button.disabled:hover {
	color: #ffffff;
}




.dealrecip > #addrecip > button {
	display: block;
	float: right;
	margin: 0;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: 140px;
	height: 36px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.25rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.dealrecip > #addrecip > button:hover {
	color: #8adeff;
}
.dealrecip > #addrecip > button.disabled {
	background-color: #999999;
	cursor: default;
}
.dealrecip > #addrecip > button.disabled:hover {
	color: #ffffff;
}

.dealrecip > #addrecip > div {
	display: block;
	margin: 0;
}
.dealrecip > #addrecip > div > p {
	display: block;
	margin: 0;
	padding: 0 0 2px;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.dealrecip > #addrecip > div > p.error {
	font-family: wh-regular;
	color: #d20000;
}
.dealrecip > #addrecip > div > input[type="text"] {
	display: block;
	float: left;
	border: 1px solid #1c1445;
	padding: 0 4px;
	width: calc(100% - 186px);
	height: 24px;
	background: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #1c1445;
}
.dealrecip > #addrecip > div > button {
	display: block;
	float: left;
	margin: 0 0 0 8px;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: 80px;
	height: 26px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 0.9375rem;
	line-height: 1.625rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.dealrecip > #addrecip > div > button:hover {
	color: #8adeff;
}
.dealrecip > #addrecip > div > button:last-of-type {
	background-color: #d20000;
}


@media only screen and (min-width : 20px) and (max-width : 1200px) {

	.dealrecip > div > div {
		float: none;
		margin: 8px 0 2px;
	}

	.dealrecip > div > button {
		float: right;
		clear: both;
		margin: 8px 0 2px;
	}

	.dealrecip > div > div.adjust + div {
		position: static;
		float: right;
		margin: 12px 0 0;
		width:  160px;
	}


}

@media only screen and (min-width : 20px) and (max-width : 679px) {

	.dealrecip > button {
		margin: 8px 0 0;
		width: 100%;
	}
	.dealrecip > button:last-of-type {
		position: static;
		margin: 8px 0 0;
	}

}

@media only screen and (min-width : 20px) and (max-width : 569px) {

	.dealrecip {
		float: none;
		margin: 12px 0 0;
		width: calc(100% - 26px);
	}
	.dealrecip:last-of-type {
		margin: 12px 0 0;
	}

}




/* diligence checklist */
.ddchecklist {
	display: block;
	margin: 0 0 12px 0;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(100% - 26px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.ddchecklist > ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
.ddchecklist > ul > li {
	padding: 0 0 2px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}
.ddchecklist > ul > ul {
	display: block;
	padding: 0 0 0 20px;
	list-style-position: inside;
}
.ddchecklist > ul > ul > li {
	padding: 0 0 2px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}
.ddchecklist > p {
	display: block;
	padding: 8px 0 0;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}




/* diligence affirmation */
.ddaffirm {
	display: block;
	position: relative;
	float: left;
	margin: 12px 0 0;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(50% - 26px - 6px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.ddaffirm:last-of-type {
	margin: 12px 0 0 12px;
}
.ddaffirm > header {
	display: block;
	padding: 0 0 8px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
	text-decoration: underline;
}
.ddaffirm > .infomsg {
	font-family: wh-regular;
	color: #1c1445;
}
.ddaffirm > .infomsg.green,
.ddaffirm > .infomsg.yellow {
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	text-align: center;
}

/* offer details adjustment */
.ddaffirm > div {
	display: block;
	position: relative;
	margin: 8px 0 0;
	padding: 8px;
	border: 1px solid #999999;
	background-color: #eeeeee;
}
.ddaffirm > div > p {
	display: block;
	margin: 0;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: left;
}
.ddaffirm > div > p.warn {
	margin: 0 0 2px;
	border: 1px solid #ff7000;
	padding: 2px;
	background-color: #ffc885;
	font-family: wh-regular;
	color: #d20000;
}
.ddaffirm > div > p.error {
	margin: 0 0 2px;
	border: 1px solid #d20000;
	padding: 2px;
	background-color: #ed9999;
	font-family: wh-regular;
	color: #d20000;
}
.ddaffirm > div > p > span,
.ddaffirm > div > p.error > span,
.ddaffirm > div > p.warn > span {
	font-family: wh-semibold;
}

.ddaffirm > div > div {
	display: block;
	float: left;
	margin: 8px 0 2px;
	padding: 0;
}
.ddaffirm > div > div:nth-of-type(odd) {
	width: calc(100% - 144px);
}
.ddaffirm > div > div:nth-of-type(even) {
	width: 144px;
}
.ddaffirm > div > button {
	display: block;
	float: left;
	margin: 8px 0 2px;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: 144px;
	height: 36px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.25rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.ddaffirm > div > button:hover {
	color: #8adeff;
}
.ddaffirm > div > button.disabled {
	background-color: #999999;
	cursor: default;
}
.ddaffirm > div > button.disabled:hover {
	color: #ffffff;
}
.ddaffirm > div > div > h3 {
	display: block;
	width: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}
.ddaffirm > div > div > p {
	display: block;
	width: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}
.ddaffirm > div > div > p > span {
	color: #d20000;
	text-decoration: line-through;
}

/* adjustment mode */
.ddaffirm > div > div.adjust {
	display: block;
	margin: 0;
	padding: 8px 0 0;
	width: calc(100% - 172px);
	height: auto;
}
.ddaffirm > div > div.adjust > div {
	display: block;
	width: auto;
	padding: 0 0 8px;
}
.ddaffirm > div > div.adjust > div:last-of-type {
	padding: 0;
}
.ddaffirm > div > div.adjust > div > h3 {
	display: block;
	margin: 0 0 2px;
	width: 100%;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: left;
}
.ddaffirm > div > div.adjust > div > div {
	display: block;
	border: 1px solid #999999;
	padding: 2px 4px;
	height: 24px;
	width: calc(100% - 10px);
	background-color: #ffffff;
}
.ddaffirm > div > div.adjust > div > div > p {
	display: block;
	float: left;
	padding: 0;
	width: 16px;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #999999;
}
.ddaffirm > div > div.adjust > div > div > input ~ p {
	float: right;
	text-align: right;
}
.ddaffirm > div > div.adjust > div > div > input[type="text"] {
	display: block;
	float: left;
	border: 0;
	padding: 0;
	width: calc(100% - 48px);
	height: 24px;
	background: none;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #1c1445;
}

.ddaffirm > div > div.adjust + div {
	display: block;
	position: absolute;
	bottom: 8px;
	right: 8px;
	margin: 0;
	width:  160px;
}
.ddaffirm > div > div.adjust + div > button {
	display: block;
	margin: 0;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: 160px;
	height: 36px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.25rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.ddaffirm > div > div.adjust + div > button:hover {
	color: #8adeff;
}
.ddaffirm > div > div.adjust + div > button.disabled {
	background-color: #999999;
	cursor: default;
}
.ddaffirm > div > div.adjust + div > button.disabled:hover {
	color: #ffffff;
}
.ddaffirm > div > div.adjust + div > button + button{
	margin: 8px 0 0;
}

.ddaffirm > button {
	display: block;
	margin: 12px 0 0;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: calc(50% - 12px);
	height: 36px;
	background-color: #d20000;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.25rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.ddaffirm > button:hover {
	color: #000000;
}
.ddaffirm > button:last-of-type {
	position: absolute;
	bottom: 12px;
	right: 12px;
	background-color: #1c1445;
}
.ddaffirm > button:last-of-type:hover {
	color: #8adeff;
}
.ddaffirm > button.disabled {
	background-color: #999999;
	cursor: default;
}
.ddaffirm > button.disabled:hover {
	color: #ffffff;
}



@media only screen and (min-width : 20px) and (max-width : 863px) {

	.ddaffirm > div > div {
		float: none;
		margin: 8px 0 2px;
	}
	.ddaffirm > div > div:nth-of-type(odd) {
		width: 100%;
	}
	.ddaffirm > div > div:nth-of-type(even) {
		width: 100%;
	}

	.ddaffirm > div > button {
		float: right;
		clear: both;
		margin: 8px 0 2px;
	}

	.ddaffirm > div > div.adjust + div {
		position: static;
		float: right;
		margin: 12px 0 0;
		width:  160px;
	}


}

@media only screen and (min-width : 20px) and (max-width : 679px) {

	.ddaffirm > button {
		margin: 8px 0 0;
		width: 100%;
	}
	.ddaffirm > button:last-of-type {
		position: static;
		margin: 8px 0 0;
	}

}

@media only screen and (min-width : 20px) and (max-width : 569px) {

	.ddaffirm {
		float: none;
		margin: 12px 0 0;
		width: calc(100% - 26px);
	}
	.ddaffirm:last-of-type {
		margin: 12px 0 0;
	}

}



.buyerdeposit {
	display: block;
	position: relative;
	float: left;
	margin: 12px 12px 0 0;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(50% - 26px - 6px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.buyerdeposit:last-of-type {
	margin: 12px 0 0;
}
.buyerdeposit > header {
	display: block;
	padding: 0 0 8px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
	text-decoration: underline;
}
.buyerdeposit > p {
	display: block;
	padding: 0 0 8px;
	width: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
}
.buyerdeposit > p > span {
	font-family: wh-semibold;
}
.buyerdeposit > p.infomsg {
	margin: 8px 0 0;
	padding: 4px 8px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #1c1445;
}
.buyerdeposit > p.infomsg:first-of-type {
	margin: 0 0 8px;
	font-size: 1rem;
	line-height: 1.125rem;
	text-align: center;
}

.buyerdeposit > div {
	display: block;
	border: 1px solid #999999;
	padding: 8px;
	background-color: #eeeeee;
}
.buyerdeposit > p.infomsg + div {
	margin: 8px 0 0;
}
.buyerdeposit > div + p {
	padding: 20px 0 8px;
}

.buyerdeposit > div > p {
	display: block;
	padding: 0 0 8px;
	width: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
}
.buyerdeposit > div > div {
	display: block;
	padding: 0 0 8px;
}
.buyerdeposit > div > div:last-of-type {
	padding: 0;
}

.buyerdeposit > div > div > h3 {
	display: block;
	width: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}
.buyerdeposit > div > div > p {
	display: block;
	width: auto;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #666666;
}

.buyerdeposit > div > button {
	display: block;
	margin: 0 auto;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: 160px;
	height: 36px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.25rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.buyerdeposit > div > button:hover {
	color: #8adeff;
}
.buyerdeposit > div > button.disabled {
	background-color: #999999;
	cursor: default;
}
.buyerdeposit > div > button.disabled:hover {
	color: #ffffff;
}

.buyerdeposit > footer {
	display: block;
	padding: 12px 0 0;
	font-family: wh-regular;
	font-size: 0.875;
	line-height: 1rem;
	color: #1c1445;
}


/* mobile */
@media only screen and (min-width : 20px) and (max-width : 569px) {

	.buyerdeposit {
		float: none;
		margin: 12px 0 0;
		padding: 12px;
		width: calc(100% - 26px);
	}
		.buyerdeposit:last-of-type {
		margin: 12px 0 0;
	}

}



.uspagreement {
	display: block;
	position: relative;
	float: left;
	margin: 12px 0 0;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(50% - 26px - 6px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.uspagreement:last-of-type {
	margin: 12px 0 0 12px;
}
.uspagreement > header {
	display: block;
	padding: 0 0 8px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
	text-decoration: underline;
}
.uspagreement > .infomsg {
	font-family: wh-regular;
	color: #1c1445;
}
.uspagreement > .infomsg.green,
.uspagreement > .infomsg.yellow {
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	text-align: center;
}

/* offer details adjustment */
.uspagreement > div {
	display: block;
	position: relative;
	margin: 8px 0 0;
	padding: 8px;
	border: 1px solid #999999;
	background-color: #eeeeee;
}
.uspagreement > div > p {
	display: block;
	margin: 0;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: left;
}
.uspagreement > div > p.warn {
	margin: 0 0 2px;
	border: 1px solid #ff7000;
	padding: 2px;
	background-color: #ffc885;
	font-family: wh-regular;
	color: #d20000;
}
.uspagreement > div > p.error {
	margin: 0 0 2px;
	border: 1px solid #d20000;
	padding: 2px;
	background-color: #ed9999;
	font-family: wh-regular;
	color: #d20000;
}
.uspagreement > div > p > span,
.uspagreement > div > p.error > span,
.uspagreement > div > p.warn > span {
	font-family: wh-semibold;
}

.uspagreement > div > div {
	display: block;
	float: left;
	margin: 8px 0 2px;
	padding: 0;
}
.uspagreement > div > div:nth-of-type(1) {
	width: 220px;
}
.uspagreement > div > div:nth-of-type(2) {
	width: calc(100% - 220px);
}
.uspagreement > div > div:nth-of-type(3) {
	width: calc(100% - 144px);
}
.uspagreement > div > div > h3 {
	display: block;
	width: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}
.uspagreement > div > div > p {
	display: block;
	width: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.uspagreement > div > div > p > span {
	color: #d20000;
	text-decoration: line-through;
}
.uspagreement > div > div > p > span.upload {
	color: #d20000;
	text-decoration: underline;
	cursor: pointer;
}
.uspagreement > div > div > p > span.upload:hover {
}
.uspagreement > div > div > label {
	display: block;
	width: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-decoration: underline;
	cursor: pointer;
}
.uspagreement > div > div > label.error {
	color: #d20000;
}
.uspagreement > div > div > input[type="file"] {
	display: none;
}

/* adjustment mode */
.uspagreement > div > div.adjust {
	display: block;
	margin: 0;
	padding: 8px 0 0;
	width: calc(100% - 172px);
	height: auto;
}
.uspagreement > div > button {
	display: block;
	float: right;
	margin: 8px 0 0;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: 144px;
	height: 36px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.25rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.uspagreement > div > button:hover {
	color: #8adeff;
}
.uspagreement > div > button.disabled {
	background-color: #999999;
	cursor: default;
}
.uspagreement > div > button.disabled:hover {
	color: #ffffff;
}

.uspagreement > div > div.adjust > div {
	display: block;
	width: auto;
	padding: 0 0 8px;
}
.uspagreement > div > div.adjust > div:last-of-type {
	padding: 0;
}
.uspagreement > div > div.adjust > div > h3 {
	display: block;
	margin: 0 0 2px;
	width: 100%;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: left;
}
.uspagreement > div > div.adjust > div > div {
	display: block;
	border: 1px solid #999999;
	padding: 2px 4px;
	height: 24px;
	width: calc(100% - 10px);
	background-color: #ffffff;
}
.uspagreement > div > div.adjust > div > div > p {
	display: block;
	float: left;
	padding: 0;
	width: 16px;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #999999;
}
.uspagreement > div > div.adjust > div > div > input ~ p {
	float: right;
	text-align: right;
}
.uspagreement > div > div.adjust > div > div > input[type="text"] {
	display: block;
	float: left;
	border: 0;
	padding: 0;
	width: calc(100% - 48px);
	height: 24px;
	background: none;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #1c1445;
}

.uspagreement > div > div.adjust + div {
	display: block;
	position: absolute;
	bottom: 8px;
	right: 8px;
	margin: 0;
	width:  160px;
}
.uspagreement > div > div.adjust + div > button {
	display: block;
	margin: 0;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: 160px;
	height: 36px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.25rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.uspagreement > div > div.adjust + div > button:hover {
	color: #8adeff;
}
.uspagreement > div > div.adjust + div > button.disabled {
	background-color: #999999;
	cursor: default;
}
.uspagreement > div > div.adjust + div > button.disabled:hover {
	color: #ffffff;
}
.uspagreement > div > div.adjust + div > button + button{
	margin: 8px 0 0;
}

.uspagreement > button {
	display: block;
	margin: 12px 0 0;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: calc(50% - 12px);
	height: 36px;
	background-color: #d20000;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.25rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.uspagreement > button:hover {
	color: #000000;
}
.uspagreement > button:last-of-type {
	position: absolute;
	bottom: 12px;
	right: 12px;
	background-color: #1c1445;
}
.uspagreement > button:last-of-type:hover {
	color: #8adeff;
}
.uspagreement > button.disabled {
	background-color: #999999;
	cursor: default;
}
.uspagreement > button.disabled:hover {
	color: #ffffff;
}


@media only screen and (min-width : 20px) and (max-width : 863px) {

	.uspagreement > div > div {
		float: none;
		margin: 8px 0 2px;
	}
	.uspagreement > div > div:nth-of-type(odd) {
		width: 100%;
	}
	.uspagreement > div > div:nth-of-type(even) {
		width: 100%;
	}

	.uspagreement > div > button {
		float: right;
		clear: both;
		margin: 8px 0 2px;
	}

	.uspagreement > div > div.adjust + div {
		position: static;
		float: right;
		margin: 12px 0 0;
		width:  160px;
	}


}

@media only screen and (min-width : 20px) and (max-width : 679px) {

	.uspagreement > button {
		margin: 8px 0 0;
		width: 100%;
	}
	.uspagreement > button:last-of-type {
		position: static;
		margin: 8px 0 0;
	}

}

@media only screen and (min-width : 20px) and (max-width : 569px) {

	.uspagreement {
		float: none;
		margin: 12px 0 0;
		width: calc(100% - 26px);
	}
	.uspagreement:last-of-type {
		margin: 12px 0 0;
	}

}




.sellerbanking {
	display: block;
	position: relative;
	float: left;
	margin: 12px 12px 0 0;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(50% - 26px - 6px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.sellerbanking:last-of-type {
	margin: 12px 0 0;
}
.sellerbanking > header {
	display: block;
	padding: 0 0 8px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
	text-decoration: underline;
}
.sellerbanking > p {
	display: block;
	padding: 0 0 8px;
	width: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
}
.sellerbanking > p > span {
	font-family: wh-semibold;
}
.sellerbanking > p.infomsg {
	margin: 8px 0 0;
	padding: 4px 8px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #1c1445;
}
.sellerbanking > p.infomsg:first-of-type {
	margin: 0 0 8px;
	font-size: 1rem;
	line-height: 1.125rem;
	text-align: center;
}

.sellerbanking > div {
	display: block;
	position: relative;
	border: 1px solid #999999;
	padding: 8px;
	background-color: #eeeeee;
}
.sellerbanking > p.infomsg + div {
	margin: 8px 0 0;
}
.sellerbanking > div + p {
	padding: 12px 0 8px;
}

.sellerbanking > div > p {
	display: block;
	padding: 0 0 8px;
	width: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
}
.sellerbanking > div > p > a {
	color: #1c1445;
	text-decoration: underline;
	cursor: pointer;
}

.sellerbanking > div > button {
	display: block;
	margin: 0;
	border: 0;
	border-radius: 2px;
	padding: 0;
	width: 140px;
	height: 36px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.25rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.sellerbanking > div > button:hover {
	color: #8adeff;
}
.sellerbanking > div > button.disabled {
	background-color: #999999;
	cursor: default;
}
.sellerbanking > div > button.disabled:hover {
	color: #ffffff;
}
.sellerbanking > div > button.cancel {
	background-color: #d20000;
}
.sellerbanking > div > button.cancel:hover {
	color: #000000;
}
.sellerbanking > div > button:last-of-type {
	position: absolute;
	bottom: 8px;
	right: 8px;
	width: calc(100% - 24px - 140px);
}

.sellerbanking > div > div {
	display: block;
	padding: 0 0 8px;
}
.sellerbanking > div > div:last-of-type {
	padding: 0;
}

.sellerbanking > div > div > h3 {
	display: block;
	width: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}
.sellerbanking > div > div > p {
	display: block;
	width: auto;
	min-width: 20px;
	min-height: 20px;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #666666;
}
.sellerbanking > div > div > input[type="text"] {
	display: block;
	margin: 2px 0 0;
	border: 1px solid #999999;
	padding: 0 8px;
	width: calc(100% - 18px);
	height: 24px;
	background-color: #ffffff;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #333333;
}

.sellerbanking > footer {
	display: block;
	padding: 12px 0 0;
	font-family: wh-regular;
	font-size: 0.875;
	line-height: 1rem;
	color: #1c1445;
}


@media only screen and (min-width : 20px) and (max-width : 679px) {

	.sellerbanking > div > button {
		margin: 0;
		width: 100%;
	}
	.sellerbanking > div > button:last-of-type {
		position: static;
		margin: 8px 0 0;
		width: 100%;
	}

}

@media only screen and (min-width : 20px) and (max-width : 569px) {

	.sellerbanking {
		float: none;
		margin: 12px 0 0;
		width: calc(100% - 26px);
	}
	.sellerbanking:last-of-type {
		margin: 12px 0 0;
	}

}















/* same height side by side */
.dash .growbox {
	display: table;
	table-layout: fixed;
	margin-bottom: 12px;
	width: 100%;
	height: auto;
}

.dash .growbox > article {
	display: table-cell;
	border: 1px solid #cccccc;
	padding: 20px 20px 20px 0;
	width: auto;
	width: -moz-calc(100% - 22px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
	vertical-align: top;
}

.dash .dashgrow > article > div {
	display: table;
	width: 100%;
	height: auto;
}

.dash .growbox > article > div > div:nth-child(1) {
	display: table-cell;
	width: 30%;
	min-height: 164px;
	height: auto;
	background-position: center center;
	background-size: 50% auto;
}

.dash .growbox > article > div > div:nth-child(2) {
	display: table-cell;
	width: 70%;
	min-height: 164px;
	height: auto;
}

.dash .growbox > div {
	display: table-cell;
	width: 12px;
	height: auto;
}


.dash .dashgrow {
	display: block;
	float: left;
	width: 100%;
	height: auto;
}

.dash .dashgrow > article {
	display: block;
	float: left;
	margin-bottom: 12px;
	border: 1px solid #cccccc;
	padding: 20px 20px 20px 0;
	width: calc(50% - 28px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.dash .dashgrow > article:nth-child(even) {
	margin-left: 12px;
}

.dash .dashgrow > article.nobox {
	position: relative;
	border: 0;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.dash .dashgrow > article > div {
	display: table;
	width: 100%;
	height: auto;
}

.dash .dashgrow > article > div > div:nth-child(1) {
	display: table-cell;
	width: 30%;
	height: auto;
	background-position: center center;
	background-size: 50% auto;
}

.dash .dashgrow > article > div > div:nth-child(2) {
	display: table-cell;
	width: 70%;
	height: auto;
}

.dash .img80_benchmark {
	background-image: url('/dashboard/img/img80_benchmark2.png');
	background-repeat: no-repeat;
}

.dash .img80_bizsupport {
	background-image: url('/dashboard/img/img80_bizsupport.png');
	background-repeat: no-repeat;
}

.dash .img80_calculate {
	background-image: url('/dashboard/img/img80_calculate.png');
	background-repeat: no-repeat;
}

.dash .img80_legalforms {
	background-image: url('/dashboard/img/img80_legalforms.png');
	background-repeat: no-repeat;
}

.dash .img80_leverage {
	background-image: url('/dashboard/img/img80_leverage.png');
	background-repeat: no-repeat;
}

.dash .img112_magnify_cc {
	background-image: url('/dashboard/img/img112_magnify_cc.png');
	background-repeat: no-repeat;
}

.dash .img80_perks {
	background-image: url('/dashboard/img/img80_perks.png');
	background-repeat: no-repeat;
}

.dash .img80_valuation {
	background-image: url('/dashboard/img/img80_valuation.png');
	background-repeat: no-repeat;
}

.dash .dashgrow .steve_arms100 {
	display: block;
	position: absolute;
	top: -16px;
	left: calc(30% - 120px);
	width: 100px;
	height: 242px;
	background-image: url('/dashboard/img/steve_arms100.png');
	background-position: auto auto;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}


.dash .growbox > article > div > div:nth-child(2) header,
.dash .dashgrow > article > div header {
	display: block;
	padding-bottom: 8px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	overflow: hidden;
}

.dash .growbox > article > div > div:nth-child(2) p,
.dash .dashgrow > article > div p {
	display: block;
	padding-bottom: 8px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: left;
	overflow: hidden;
}
.dash .dashgrow > article > div p {
	min-height: 60px;
}

.growbox p.title {
	display: block;
	clear: both;
	margin: 0 0 0 20px;
	padding: 12px 0 0;
	width: calc(100% - 20px);
	height: auto;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #444444;
	text-align: center;
}

.growbox p.note {
	display: block;
	clear: both;
	margin: 0 0 0 20px;
	padding: 12px 0 0;
	width: calc(100% - 20px);
	height: auto;
	font-family: wh-light;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	text-align: left;
}

.growbox p.error {
	display: block;
	clear: both;
	margin: 0 0 0 20px;
	padding: 0;
	width: calc(100% - 20px);
	height: auto;
	font-family: wh-light;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #d20000;
	text-align: left;
}
.growbox p.error:first-of-type {
	padding: 12px 0 0;
}

.growbox p.valuate {
	display: block;
	clear: both;
	margin: 0 0 0 20px;
	padding: 12px 0 0;
	width: calc(100% - 20px);
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: left;
}

.growbox p.valuate span {
	font-family: wh-bold;
	color: #999999;
}

.growbox p.bench {
	display: block;
	clear: both;
	margin: 0 0 0 20px;
	padding: 4px 0 0;
	width: calc(100% - 20px);
	height: auto;
	font-family: wh-semibold;
	font-size: 4rem;
	line-height: 4rem;
	color: #999999;
	text-align: right;
}

.dash .growbox > article > div > div:nth-child(2) input[type="text"],
.dash .dashgrow > article > div input[type="text"] {
	display: block;
	margin-bottom: 8px;
	padding-left: 8px;
	border: 1px solid #cccccc;
	width: calc(100% - 10px);
	height: 30px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #666666;
}

.dash .growbox > article > div > div:nth-child(2) .growdrop,
.dash .dashgrow > article > div .growdrop {
	display: block;
	margin-bottom: 8px;
	border: 1px solid #cccccc;
	width: calc(100% - 2px);
	height: 30px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_drop-99.png');
	background-position: calc(100% - 12px) 12px; /* w-24, h/2-4+1 (4 is half the .png h) */
	background-repeat: no-repeat;
	overflow: hidden;
}

.dash .growbox > article > div > div:nth-child(2) .growdrop select,
.dash .dashgrow > article > div .growdrop select {
	display: block;
	padding-left: 8px;
	border: 0;
	width: calc(100% + 24px); /* 32px-pad wider than container */
	height: 30px;
	background: transparent;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.375rem; /* 38px */
	color: #666666;
}

.dash .growbox > article > div > div:nth-child(2) a,
.dash .growbox > article > div > div:nth-child(2) button,
.dash .dashgrow > article > div a,
.dash .dashgrow > article > div button {
	display: block;
	border: 0;
	border-radius: 1px;
	padding: 1px 32px 0 12px;
	width: 100px;
	height: 39px;
	background-color: #1c1445;
	background-image: url('/imeji/arrow_4x8_btn-right_white.png');
	background-position: calc(100% - 16px) center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}

.dash .growbox > article > div > div:nth-child(2) a:hover,
.dash .growbox > article > div > div:nth-child(2) button:hover,
.dash .dashgrow > article > div a:hover,
.dash .dashgrow > article > div button:hover {
	background-image: url('/imeji/arrow_4x8_btn-right_lit-blue.png');
	color: #8adeff;
}

/* compact */
@media only screen and (min-width : 20px) and (max-width : 799px) {

	.dash .growbox {
		display: block;
		float: left;
		margin-bottom: 0;
	}

	.dash .growbox > article {
		display: block;
		float: left;
		margin-bottom: 12px;
	}

	.dash .growbox > article > div > div:nth-child(1) {
		width: 120px;
		min-height: auto;
	}

	.dash .growbox > article > div > div:nth-child(2) {
		width: calc(100% - 120px);
		min-height: auto;
	}

	.dash .growbox > div {
		display: none;
	}

	.dash .dashgrow > article {
		width: calc(100% - 22px);
	}

	.dash .dashgrow > article:nth-child(even) {
		margin-left: 0;
	}

	.dash .dashgrow > article > div p {
		min-height: auto;
	}

	.dash .dashgrow > article > div > div:nth-child(1) {
		width: 120px;
	}

	.dash .dashgrow > article > div > div:nth-child(2) {
		width: calc(100% - 120px);
	}

	.dash .dashgrow > article.nobox {
		margin-bottom: 32px;
	}

	.dash .dashgrow .steve_arms100 {
		top: -24px;
		left: 8px;
	}

}


/* compact adjusted */
@media only screen and (min-width : 20px) and (max-width : 560px) {

	.dash .growbox > article {
		padding: 20px;
		width: calc(100% - 42px);
	}

	.dash .growbox > article > div > div:nth-child(1) {
		display: none;
	}

	.dash .growbox > article > div > div:nth-child(2) {
		width: 100%;
		max-width: 100%;
	}

	.dash .dashgrow > article {
		padding: 20px;
		width: calc(100% - 42px);
	}

	.dash .dashgrow > article > div > div:nth-child(1) {
		display: none;
	}

	.dash .dashgrow > article > div > div:nth-child(2) {
		width: 100%;
		max-width: 100%;
	}

	.dash .dashgrow > article.nobox {
		padding: 20px 0 20px 24px;
		width: calc(100% - 24px);
	}
	.dash .dashgrow > article.nobox > div > div:nth-child(1) {
		display: block;
	}
	.dash .dashgrow > article.nobox > div > div:nth-child(1) {
		width: 80px;
	}
	.dash .dashgrow > article.nobox > div > div:nth-child(2) {
		width: calc(100% - 80px);
	}
	.dash .dashgrow .steve_arms100 {
		top: -24px;
		left: 0;
	}

	.growbox p.title,
	.growbox p.note,
	.dashgrow p.title,
	.dashgrow p.note {
		margin-left: 0;
		width: 100%;
		font-family: wh-regular;
		text-align: left;
	}

	.growbox p.figure,
	.dashgrow p.figure {
		margin-left: 0;
		width: 100%;
		font-size: 2.5rem;
		line-height: 2.5rem;
		text-align: center;
	}

}



/*	--------------------------------------------------------------
	HEADS UP DISPLAY
--------------------------------------------------------------	*/

.dash .hud {
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #1c1445;
}

/* standard */
.dash .hud > div {
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	padding: 20px 0;
	width: calc(100% - 48px);
	max-width: 1200px;
	height: auto;
}

.dash .hud > div > a,
.dash .hud > div > div:first-of-type {
	display: table-cell;
	padding-left: 24px;
	width: 64px;
	max-width: 64px;
	height: auto;
	background-image: url('/dashboard/img/arrow_hudback.png');
	background-position: left top;
	background-repeat: no-repeat;
	font-family: 'benton-sans-medium';
	font-size: 1.25rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-align: left;
	overflow: hidden;
	cursor: pointer;
	vertical-align: top;
}

.dash .hud > div > h1 {
	display: table-cell;
	width: auto;
	height: auto;
	font-family: 'benton-sans-medium';
	font-size: 2rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}
.dash .hud > div > h1.shrink {
	font-size: 1.5rem;
	line-height: 1.75rem;
}

.dash .hud > div > div:last-of-type {
	display: table-cell;
	padding-left: 24px;
	width: 64px;
	max-width: 64px;
	height: auto;
	background-image: none;
}

@media only screen and (min-width : 20px) and (max-width : 560px) {

	.dash .hud > div {
		display: block;
		padding: 12px 0 20px;
	}

	.dash .hud > div > a {
		display: block;
		margin-bottom: 12px;
		width: 100%;
		max-width: auto;
	}

	.dash .hud > div > h1 {
		display: block;
		width: 100%;
		font-size: 1.75rem;
		line-height: 2.25rem;
	}

	.dash .hud > div > div {
		display: none;
	}
}



/* HUD search module */

.dash .hud > div.search {
	display: block;
	margin: 0 auto;
	padding: 20px 0;
	width: calc(100% - 48px);
	max-width: 1200px;
	height: auto;
}

.dash .hud > div.search h1 {
	display: block;
	padding: 0 0 12px 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 2rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
}

.dash .hud .search input[type="text"] {
	display: block;
	margin: 0 auto;
	border: 1px solid #ffffff;
	border-radius: 2px;
	padding: 0 0 0 8px;
	width: calc(100% - 10px);
	max-width: 600px;
	height: 34px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.375rem;
	color: #666666;
}

.dash .hud .search p {
	display: none;
	margin: 2px 0 0 0;
	width: 50%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-decoration: underline;
}
.dash .hud .search p:nth-of-type(1) {
	float: left;
	text-align: left;
	cursor: pointer;
}
.dash .hud .search p:nth-of-type(2) {
	float: right;
	text-align: right;
	cursor: pointer;
}

/* unused - flagged for deletion */
.dash .hud .search button {
	display: block;
	float: left;
	margin-left: 8px;
	border: 0;
	border-radius: 4px;
	padding: 8px;
	width: 64px;
	height: 20px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #ffffff;
	cursor: pointer;
}





.dash .itemwrap {
	display: block;
	margin: 24px auto;
	padding-right: 12px;
	width: calc(100% - 12px - 48px);
	max-width: 1188px;
	height: auto;
}

/* size stackable
	(1200 - (12*5)) / 4
*/
.dash .perk,
.dash .item {
	display: block;
	float: left;
	margin: 0 0 12px 12px;
	padding: 20px;
	border: 1px solid #cccccc;
	width: 243px;
	min-height: 40px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
	cursor: pointer;
}
.dash .perk:hover,
.dash .item:hover {
	border: 1px solid #1c1445;
}

.dash .perk .img,
.dash .item .img {
	display: block;
	width: 100%;
	height: 160px;
}

.dash .perk .img img,
.dash .item .img img {
	display: block;
	margin: 0 auto;
	width: 228px;
	height: 160px;
}

.dash .perk header,
.dash .item header {
	display: block;
	padding: 8px 0 0;
	width: 100%;
	height: 40px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	text-align: center;
}

.dash .perk .menu {
	display: block;
	margin: 8px 0 0;
	border-top: 1px solid #cccccc;
	padding: 8px 6px 0;
	width: calc(100% - 12px);
	height: 12px;
}

.dash .perk .menu > div {
	display: block;
	float: left;
	margin: 0 6px 0 0;
	border: 1px solid #666666;
	width: 16px;
	height: 10px;
	background-repeat: no-repeat;
}

.dash .perk .menu > div:last-child {
	display: block;
	float: right;
	margin: 0;
	border: 0;
	width: 12px;
	height: 12px;
}

.dash .perk .icon_modal {
	background-image: url('/dashboard/img/icon12_modal.png');
}

.dash .perk .icon_link {
	background-image: url('/dashboard/img/icon12_link.png');
}

.dash .perk p.unused {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	text-align: center;
}


@media only screen and (min-width : 951px) and (max-width : 1268px) {

	.dash .itemwrap {
		max-width: 891px;
	}
}

@media only screen and (min-width : 654px) and (max-width : 950px) {

	.dash .itemwrap {
		max-width: 594px;
	}
}

@media only screen and (min-width : 20px) and (max-width : 653px) {

	.dash .itemwrap {
		padding-right: 0;
		width: 285px;
	}

	.dash .perk,
	.dash .item {
		float: left;
		margin: 0 0 12px 0;
	}
}








/* digital leverage */


.dash .widgets {
	display: block;
	float: left;
	margin-bottom: 24px;
	border: 1px solid #cccccc;
	padding: 20px;
	width: calc(100% - 42px);
	min-height: 300px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.dash .widgets > header {
	display: block;
	padding-bottom: 12px;
	width: 100%;
	min-height: 32px;
	font-family: wh-regular;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #1c1445;
}

.dash .widgets p {
	display: block;
	margin: 0 0 8px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #333333;
}

.dash .widgets p.scaled {
	display: none;
	margin: 0 0 12px;
	font-family: wh-regular;
	font-size: 0.75rem;
	line-height: 0.75rem;
	color: #1c1445;
	text-align: center;
}

.dash .widgets > button {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	border: 0;
	border-radius: 1px;
	padding: 8px 0;
	width: calc(25% - (24px / 4));
	height: auto;
	background-color: #999999;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.dash .widgets > button.sel {
	background-color: #1c1445;
}
.dash .widgets > button:nth-of-type(4) {
	margin: 0 0 8px 0;
}
.dash .widgets > button:hover {
	background-color: #1c1445;
	color: #8adeff;
}

.dash .widgets > div {
	display: block;
	float: left;
	margin: 12px 0 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.dash .widgets > div > a {
	display: block;
	margin: 0 auto 20px;
}

.dash .widgets > div > a.full_banner {
	width: 468px;
	height: 60px;
}

.dash .widgets > div > a.half_banner {
	width: 234px;
	height: 60px;
}

.dash .widgets > div > a.medium_rect {
	width: 300px;
	height: 250px;
}

.dash .widgets > div > a.vertical_rect {
	width: 240px;
	height: 400px;
}

.dash .widgets > div > a img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.dash .widgets > div > textarea {
	display: block;
	margin: 0;
	border: 1px solid #999999;
	padding: 8px;
	width: calc(100% - 18px);
	min-height: 48px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #333333;
}

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

	.dash .widgets > button {
		width: calc(50% - 4px);
	}

	.dash .widgets > button:nth-of-type(2) {
		margin: 0 0 8px 0;
	}
}

@media only screen and (min-width : 20px) and (max-width : 557px) {

	.dash .widgets > div > a.full_banner + p.scaled {
		display: block;
	}

	.dash .widgets > div > a.full_banner {
		margin: 0 auto 8px;
		width: 100%;
		height: auto;
	}
}

@media only screen and (min-width : 20px) and (max-width : 373px) {

	.dash .widgets > div > a.medium_rect + p.scaled {
		display: block;
	}

	.dash .widgets > div > a.medium_rect {
		margin: 0 auto 8px;
		width: 100%;
		height: auto;
	}
}

@media only screen and (min-width : 20px) and (max-width : 424px) {

	.dash .widgets > button {
		margin: 0 0 8px 0;
		width: 100%;
	}
}


.dash .landing {
	display: block;
	float: left;
	margin-bottom: 24px;
	border: 1px solid #cccccc;
	padding: 0;
	width: calc(100% - 2px);
	height: auto;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.dash .landing > a {
	display: block;
	position: relative;
	padding: 41.67% 0 0 0;
	width: 100%;
	height: auto;
}

.dash .landing > a img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
}



/* BUY */

.dash .searchwrap {
	display: block;
	margin: 0 auto;
	padding: 24px 0;
	width: calc(100% - 32px);
	max-width: 1200px;
	height: auto;
}

.dash .searchoptions {
	display: block;
	float: left;
	width: 248px; /* 288 is target width for mobile */
}

.dash .searchoptions > header {
	display: block;
	width: 100%;
	height: 30px;

}

.dash .searchoptions > header p:nth-child(1) {
	display: block;
	float: left;
	padding: 0 0 0 12px;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #666666;
}

.dash .searchoptions > header p:nth-child(2) {
	display: block;
	float: right;
	padding: 8px 0 4px 0;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: right;
	cursor: pointer;
}
.dash .searchoptions > header p:nth-child(2):hover {
	color: #f95555;
}

.dash .searchoptions input[type="text"] {
	display: block;
	margin: 0 auto 8px;
	padding-left: 8px;
	border: 0;
	width: calc(100% - 8px);
	height: 40px;
	background-color: #dddddd;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 2.375rem;
	color: #666666;
}

.dash .searchoptions .drop {
	display: block;
	margin-bottom: 8px;
	border: 0;
	width: 100%;
	height: 40px;
	background-color: #dddddd;
	background-image: url('/dashboard/img/arrow_d.png');
	background-position: calc(100% - 12px) 18px; /* w-20, h/2-4+1 (4 is half the .png h) */
	background-repeat: no-repeat;
	overflow: hidden;
}

.dash .searchoptions .drop select {
	display: block;
	padding-left: 8px;
	border: 0;
	width: calc(100% + 24px); /* 32px-pad wider than container */
	height: 40px;
	background-color: transparent;
	background-image: none;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1.875rem; /* 30px */
	color: #666666;
	cursor: pointer;
}

.dash .searchoptions .alertbox {
	display: block;
	margin-bottom: 24px;
	padding: 12px;
	border: 4px solid #cccccc;
	width: calc(100% - 32px);
	background-color: #ffffff;
}

.dash .alertbox > header {
	display: block;
	padding-bottom: 8px;
	width: 100%;
	min-height: 20px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
}

.dash .alertbox > p {
	display: block;
	padding-bottom: 8px;
	width: 100%;
	min-height: 18px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}

.dash .alertbox > h3 {
	display: block;
	margin: 20px 0 4px;
	width: 100%;
	height: 18px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}

.dash .alertbox .alert {
	display: block;
	position: relative;
	margin-bottom: 4px;
	padding: 8px;
	border: 1px solid #999999;
	width: calc(100% - 18px);
	height: 62px;
}

.dash .alertbox .alert .x {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	width: 24px;
	height: 24px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/x_alertbox.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .alertbox .alert > p {
	display: block;
	width: 100%;
	height: 18px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #999999;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dash .alertbox .alert > p:nth-child(2)
{
	padding: 4px 0;
	font-family: wh-semibold;
}

/* alertbox only using */
.dash .alertbox > button {
	display: block;
	margin: 0 auto;
	border: 0;
	border-radius: 1px;
	width: auto;
	padding: 0 12px 0 30px;
	height: 32px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/icon14_expand_white.png');
	background-position: 8px 9px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.125rem;
	color: #ffffff;
	overflow: hidden;
	cursor: pointer;
}
.dash .alertbox > button:hover {
	background-image: url('/dashboard/img/icon14_expand_lit-blue.png');
	color: #8adeff;
}




.dash .searchresults {
	display: block;
	float: left;
	padding-left: 20px;
	width: calc(100% - 248px - 20px);
}

.dash .searchresults header,
.dash .searchresults footer {
	display: block;
	float: left;
	padding: 0;
	width: 100%;
	height: auto;
}

.dash .searchresults footer {
	position: relative;
	top: -8px;
	padding-bottom: 12px;
}

.dash .searchresults footer a {
	display: block;
	float: right;
	max-width: 200px;
	height: 30px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: right;
	cursor: pointer;
	overflow: hidden;
}

.dash .searchresults footer a:hover {
	text-decoration: underline;
}


.dash .searchresults header p {
	display: block;
	float: left;
	padding: 0;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
}

.dash .searchresults .searchnav {
	display: block;
	float: left;
	width: calc(100% - 160px);
	height: 30px;
}

.dash .searchresults .searchnav button:nth-child(1) {
	display: block;
	float: left;
	border: 0;
	width: 13px;
	height: 30px;
	background-color: #eeeeee;
	background-image: url('/dashboard/img/arrow_13x20_back_drk-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .searchresults .searchnav button:nth-child(1):hover {
	background-image: url('/dashboard/img/arrow_13x20_back_lit-blue.png');
}

.dash .searchresults .searchnav button:nth-child(1).disable {
	background-image: url('/dashboard/img/arrow_13x20_back_99.png');
	cursor: default;
}

.dash .searchresults .searchnav button:nth-child(2) {
	display: block;
	float: right;
	border: 0;
	width: 13px;
	height: 30px;
	background-color: #eeeeee;
	background-image: url('/dashboard/img/arrow_13x20_next_drk-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .searchresults .searchnav button:nth-child(2):hover {
	background-image: url('/dashboard/img/arrow_13x20_next_lit-blue.png');
}

.dash .searchresults .searchnav button:nth-child(2).disable {
	background-image: url('/dashboard/img/arrow_13x20_next_99.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: default;
}

.dash .searchresults .searchnav > div {
	display: block;
	float: none;
	margin: 0 auto;
	border: 0;
	width: 100px;
	height: 30px;
	background-image: url('/dashboard/img/arrow_12x8_d_drk-blue.png');
	background-position: right center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.dash .searchresults .searchnav > div select {
	display: block;
	border: 0;
	padding: 0;
	width: calc(100% + 32px); /* 32px-pad wider than container */
	height: 30px;
	background-color: transparent;
	background-image: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem; /* 30px */
	color: #1c1445;
	cursor: pointer;
}



.dash .searchresults .drop {
	display: block;
	float: right;
	margin-right: 4px;
	border: 0;
	width: 128px;
	height: 30px;
	background-image: url('/dashboard/img/arrow_d.png');
	background-position: right center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.dash .searchresults .drop select {
	display: block;
	padding-left: 8px;
	border: 0;
	width: calc(100% + 24px); /* 32px-pad wider than container */
	height: 30px;
	background: transparent;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem; /* 30px */
	color: #666666;
	cursor: pointer;
}


@media only screen and (min-width : 20px) and (max-width : 703px) {

	.dash .searchresults .searchnav {
		width: 100%;
	}

	.dash .searchresults .drop {
		clear: left;
	}
}

@media only screen and (min-width : 20px) and (max-width : 560px) {

	.dash .hud .search p {
		display: block;
	}

	.dash .searchwrap {
		width: 90%;
	}

	.dash .searchoptions {
		float: none;
		width: 100%;
	}

	.dash .searchresults {
		float: none;
		padding-left: 0;
		width: 100%;
	}
}




/* displays a listing in box form */
/* used on buy page and history */

.dash .lisingwrap {
	display: block;
	width: 100%;
	height: auto;
}

.listingwrap .listing:nth-child(odd) {
	width: calc(50% - 8px);
}

.listingwrap .listing:nth-child(even) {
	margin-left: 12px;
	width: calc(50% - 8px);
}

.dash .listing {
	display: block;
	position: relative;
	float: left;
	margin: 0 0 12px 0;
	border: 1px solid #cccccc;
	padding: 0;
	min-width: 228px; /* target ??? */
	width: calc(50% - 14px);
	max-height: 128px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.dash .listing .watch,
.dash .listing .watching {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	width: 24px;
	height: 24px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/icon16_star_99.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: default;
}

.dash .listing .watching {
	background-image: url('/dashboard/img/icon16_star_drk-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.dash .listing .watch:hover,
.dash .listing .watching:hover {
	background-image: url('/dashboard/img/icon16_star_lit-blue.png');
}

.dash .listing a:nth-child(2) {
	display: block;
	width: 100%;
	height: auto;
}

.dash .listing a img {
	display: block;
	float: left;
	width: 96px;
	height: 96px;
}

.dash .listing a > p:nth-child(1) {
	display: block;
	position: absolute;
	top: 72px;
	left: 0;
	padding: 0;
	width: 96px;
	height: 24px;
	line-height: 1.5rem;
	color: #ffffff;
	text-align: center;
}
.dash .listing a > p:nth-child(1).sold {
	background-color: #8adeff;
	font-family: wh-bold;
	font-size: 1rem;
	color: #1c1445;
}
.dash .listing a > p:nth-child(1).na {
	background-color: #d20000;
	font-family: wh-semibold;
	font-size: 0.75rem;
}

.dash .listing img ~ div {
	display: block;
	float: left;
	width: calc(100% - 96px);
	height: 96px;
	overflow: hidden;
}

.dash .listing .price {
	display: block;
	float: left;
	margin-bottom: 2px;
	padding: 0 8px;
	max-width: calc(100% - 16px - 24px);
	max-height: 24px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1.60rem;
	color: #ffffff;
}

.dash .listing .industry {
	display: block;
	float: left;
	clear: both;
	margin-bottom: 4px;
	padding: 0 0 0 4px;
	width: calc(100% - 8px);
	max-height: 18px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dash .listing .title {
	display: block;
	float: left;
	clear: both;
	padding: 0 0 0 4px;
	min-height: 20px;
	max-height: 48px;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #1c1445;
	overflow: hidden;
}

.dash .listing > a > div:last-child {
	display: block;
	width: 100%;
	height: 32px;
	max-height: 32px;
	background-color: #eeeeee;
	overflow: hidden;
}

.dash .listing .flag {
	display: block;
	float: left;
	border: 1px solid #666666;
	margin: 9px 8px 0;
	width: 16px;
	height: 10px;
	background-repeat: no-repeat;
}

.dash .listing .location {
	display: block;
	float: left;
	padding: 0;
	width: calc(100% - 34px - 96px);
	height: 32px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 2rem;
	color: #999999;
	overflow: hidden;
}

.dash .listing .bizops {
	display: block;
	float: right;
	padding-right: 8px;
	width: 88px;
	height: 32px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 2rem;
	color: #999999;
	text-align: right;
	overflow: hidden;
}

.dash .listing .bizops2 {
	display: none;
	float: right;
	padding-right: 8px;
	width: 32px;
	height: 32px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 2rem;
	color: #999999;
	text-align: right;
	overflow: hidden;
}

/* history page */
@media only screen and (min-width : 20px) and (max-width : 767px) {

	.history .listingwrap .listing:nth-child(odd) {
		width: calc(100% - 2px);
	}

	.history .listingwrap .listing:nth-child(even) {
		margin-left: 0;
		width: calc(100% - 2px);
	}
}

/* buy page */
@media only screen and (min-width : 20px) and (max-width : 839px) {

	.searchresults .listingwrap .listing:nth-child(odd) {
		width: calc(100% - 2px);
	}

	.searchresults .listingwrap .listing:nth-child(even) {
		margin-left: 0;
		width: calc(100% - 2px);
	}
}



/* more listings by seller page */
.sellerprofile {
	display: block;
	position: relative;
	margin-bottom: 12px;
	border: 1px solid #cccccc;
	padding: 20px 20px 20px 208px;
	width: calc(100% - 230px);
	min-height: 128px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.sellerprofile > img {
	display: block;
	position: absolute;
	top: 20px;
	left: 40px;
	width: 128px;
	height: 128px;
}
.sellerprofile > img.sellerphoto {
	border-radius: 64px;
}

.sellerprofile > header {
	display: block;
	padding-bottom: 6px;
	font-family: wh-semibold;
	font-size: 1.625rem;
	line-height: 1.625rem;
	color: #1c1445;
}

.sellerprofile p {
	display: block;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 2rem;
	color: #1c1445;
}
.sellerprofile p > span {
	color: #1f7bbf;
}

.sellerprofile > .sellerloc {
	padding-left: 32px;
	background-image: url('/dashboard/img/icon32_location_blue.png');
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: left center;
}

.sellerprofile > .sellerdate {
	padding-left: 32px;
	background-image: url('/dashboard/img/icon32_calendar_blue.png');
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: left center;
}

.sellerprofile > .sellervalue {
	display: block;
}
.sellerprofile > .sellervalue > p {
	float: left;
}
.sellerprofile > .sellervalue > p:first-of-type {
	padding-right: 32px;
}

.sellerprofile > .sellershare {
	display: inline-block;
	position: absolute;
	top: 12px;
	right: 12px;
	border: 2px solid #1c1445;
	padding: 4px 4px 4px 28px;
	background-color: #8adeff;
	background-image: url('/dashboard/img/icon36x40_share_drk-blue.png');
	background-repeat: no-repeat;
	background-size: 20px 24px;
	background-position: 4px center;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #1c1445;
	cursor: pointer;
	user-select: none;
}
.sellerprofile > .sellershare:hover {
	border: 2px solid #8adeff;
	background-color: #1c1445;
	background-image: url('/dashboard/img/icon36x40_share_lit-blue.png');
	color: #8adeff;
}

/* more listings by seller page */
@media only screen and (min-width : 20px) and (max-width : 599px) {

	.sellerprofile {
		padding: 20px;
		width: calc(100% - 42px);
	}

	.sellerprofile > img {
		position: static;
		margin: 0 auto;
	}

	.sellerprofile > header {
		padding-top: 6px;
		text-align: center;
	}

	.sellerprofile > .sellershare {
		padding: 4px 4px 4px 24px;
		background-size: 16px 20px;
		font-size: 1rem;
		line-height: 1rem;
	}

	.seller.listingwrap .listing:nth-child(odd) {
		width: calc(100% - 2px);
	}

	.seller.listingwrap .listing:nth-child(even) {
		margin-left: 0;
		width: calc(100% - 2px);
	}
}


/* VIEW LISTING */

.dash .viewwrap {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 24px 0;
	width: calc(100% - 48px);
	max-width: 1200px;
	height: auto;
}

.viewwrap .pictures {
	display: block;
	float: left;
	width: 482px;
	height: auto;
}
.viewwrap .pictures .frame {
	display: block;
	position: relative;
	margin: 0 0 12px;
	border: 1px solid #cccccc;
	width: 480px;
	height: 360px;
	cursor: pointer;
	overflow: hidden;
}
.viewwrap .pictures .frame.noimg {
	cursor: default;
}
.viewwrap .pictures .frame > p {
	display: block;
	position: absolute;
	top: 285px;
	left: 0;
	z-index: 10;
	padding: 3px 0 0;
	width: 480px;
	height: 72px;
	line-height: 4.5rem;
	color: #ffffff;
	text-align: center;
}
.viewwrap .pictures .frame > p.sold {
	background-color: #1c1445;
	font-family: wh-bold;
	font-size: 4rem;
}
.viewwrap .pictures .frame > p.na {
	background-color: #d20000;
	font-family: wh-semibold;
	font-size: 4rem;
}
.viewwrap .pictures .frame > img {
	display: block;
	position: relative;
	top: -60px;
	width: 480px;
	max-width: 480px;
	height: 480px;
	max-height: 480px;
}

.viewwrap .pictures .select {
	display: block;
	margin: 0 auto 20px;
	width: 52px;
	height: 12px;
}
.viewwrap .pictures .selector {
	display: block;
	float: left;
	margin-left: 8px;
	border-radius: 6px;
	width: 12px;
	height: 12px;
	background-color: #8adeff;
	cursor: pointer;
}
.viewwrap .pictures .selector:hover {
	background-color: #1c1445;
}
.viewwrap .pictures .selector:nth-child(1) {
	margin-left: 0;
}
.viewwrap .pictures .selector.sel {
	background-color: #1c1445;
	cursor: default;
}
.viewwrap .pictures .selector.empty {
	background-color: #cccccc;
	cursor: default;
}


.viewwrap .options {
	display: block;
	clear: left;
	float: left;
	margin: 0 0 12px;
	width: 482px;
}

.viewwrap .options > a,
.viewwrap .options > div,
.viewwrap .options > button {
	display: block;
	float: left;
	margin: 0 0 8px;
	border: 0;
	border-radius: 1px;
	padding: 15px 20px 15px 60px;
	width: calc(50% - 80px - 4px);
	height: 20px;
	background-color: #1c1445;
	background-position: 20px 15px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}

.viewwrap .options > a:nth-child(2),
.viewwrap .options > div:nth-child(2),
.viewwrap .options > button:nth-child(2) {
	margin: 0 0 8px 8px;
	padding: 15px 0;
	width: calc(50% - 4px);
	text-align: center;
}

.viewwrap .options > p:nth-child(2) {
	display: block;
	float: left;
	margin: 0 0 8px 8px;
	padding: 0;
	width: calc(50% - 4px);
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #1c1445;
}
.viewwrap .options > p:nth-child(2) > span {
	font-family: wh-semibold;
}
.viewwrap .options > p:nth-child(2) > a {
	font-family: wh-semibold;
	text-decoration: underline;
}

.viewwrap .options > a:hover,
.viewwrap .options > div:hover,
.viewwrap .options > button:hover {
	color: #8adeff;
}
.viewwrap .options .share {
	background-image: url('/dashboard/img/icon20_share_white.png');
}
.viewwrap .options .share:hover {
	background-image: url('/dashboard/img/icon20_share_lit-blue.png');
}
.viewwrap .options .wordballoon {
	background-image: url('/dashboard/img/icon20_wordballoon_white.png');
}
.viewwrap .options .wordballoon:hover {
	background-image: url('/dashboard/img/icon20_wordballoon_lit-blue.png');
}

.viewwrap .options .disabled {
	background-color: #666666;
	cursor: default;
}
.viewwrap .options .disabled:hover {
	background-color: #666666;
}


.viewwrap .contact {
	display: block;
	clear: left;
	float: left;
	margin: 0 0 12px;
	width: 482px;
}

.viewwrap .contact > .initiate {
	display: block;
	width: 100%;
}

.viewwrap .contact > .initiate > h5 {
	display: block;
	margin: 0 0 4px;
	width: 100%;
	min-height: 18px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
}

.viewwrap .contact > .initiate > textarea {
	display: block;
	margin: 0 0 4px;
	border: 1px solid #1c1445;
	padding: 4px;
	width: calc(100% - 10px);
	height: 90px;
	background-color: #ffffff;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: left;
}

.viewwrap .contact > .initiate > p {
	display: block;
	margin: 0 0 4px;
	border: 2px solid #1c1445;
	padding: 4px;
	width: calc(100% - 12px);
	height: auto;
	background-color: #fffaa3;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: left;
}

.viewwrap .contact .guest {
	display: block;
	border: 2px solid #1c1445;
	padding: 8px;
	width: calc(100% - 20px);
}
.viewwrap .contact .guest.warn {
	border: 2px solid #f95555;
}

.viewwrap .contact .guest > h5 {
	display: block;
	margin: 0 0 4px;
	min-height: 10px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: center;
}
.viewwrap .contact .guest.warn > h5 {
	color: #f95555;
}

.viewwrap .contact .guest > p {
	display: block;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: center;
}
.viewwrap .contact .guest > p > a {
	font-family: wh-semibold;
	color: #1c1445;
	text-decoration: underline;
}
.viewwrap .contact .guest > p > span {
	font-family: wh-semibold;
}


.viewwrap .review {
	display: block;
	clear: left;
	float: left;
	margin: 0 0 8px 0;
	border: 1px solid #cccccc;
	padding: 8px;
	width: 464px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.viewwrap .review header {
	display: block;
	border-bottom: 1px solid #cccccc;
	padding: 0 0 4px 12px;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}

.viewwrap .review > a {
	display: block;
	margin: 8px 12px 2px;
}

.viewwrap .review > a p:first-child {
	display: block;
	float: left;
	padding-bottom: 4px;
	font-family: wh-bold;
	font-size: 1.75rem;
	line-height: 2rem;
	color: #333333;
}

.viewwrap .review > a img {
	display: block;
	float: left;
	clear: left;
	margin-right: 12px;
	width: 166px;
	height: 30px;
}


.viewwrap .review > a p {
	display: block;
	float: left;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.875rem;
	color: #333333;
}

.viewwrap .review > a p:last-child {
	display: block;
	float: left;
	clear: both;
	padding-top: 4px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
}

.viewwrap .review > div {
	display: block;
	width: 100%;
	height: 30px;
}

.viewwrap .review > div > a {
	display: block;
	float: right;
	width: 138px;
	height: 30px;
	background-image: url('/dashboard/img/yelp/review_btn_light.png');
	background-repeat: no-repeat;
	cursor: pointer;
}


.viewwrap .roi {
	display: block;
	clear: left;
	float: left;
	margin: 0 0 12px 0;
	border: 1px solid #cccccc;
	padding: 8px;
	width: 464px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.viewwrap .roi header {
	display: block;
	border-bottom: 1px solid #cccccc;
	padding: 0 0 4px 12px;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}

.viewwrap .roi > div {
	display: block;
	margin: 8px 0 0;
	width: 100%;
	height: auto;
}

.viewwrap .roi > button {
	display: block;
	float: right;
	margin: 8px 0 0;
	border: 0;
	width: 120px;
	height: 32px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}

.viewwrap .roi > p {
	display: block;
	float: left;
	margin: 8px 0 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: center;
}

.viewwrap .roi p.red {
	color: #d20000;
}

.viewwrap .roi > div > p {
	display: block;
	float: left;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2rem;
	color: #333333;
	text-align: left;
}

.viewwrap .roi > div > p:nth-of-type(1) {
	width: 240px;
}

.viewwrap .roi > div > p:nth-of-type(2) {
	margin: 0 0 0 8px;
	width: 12px;
}

.viewwrap .roi > div > p:nth-of-type(3) {
	margin: 0;
	width: 20px;
	text-align: right;
}

.viewwrap .roi > div > input[type="text"] {
	display: block;
	float: left;
	margin: 0;
	border: 1px solid #999999;
	padding: 0 0 0 8px;
	width: calc(100% - 10px - 240px - 20px);
	height: 30px;
	background: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.75rem;
	color: #333333;
}

.viewwrap .roi > div:nth-of-type(1) > p:nth-of-type(2) {
	display: block;
	float: left;
	margin: 0 0 0 8px;
	width: calc(100% - 8px - 256px);
	height: auto;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: center;
}

.viewwrap .roi > div:nth-of-type(4) > input[type="text"] {
	width: calc(100% - 10px - 240px - 20px - 20px);
}


.viewwrap .tagcloud {
	display: block;
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	width: 464px;
}
.viewwrap .tagcloud > h4 {
	display: block;
	margin: 0;
	padding: 0 0 8px 0;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}
.viewwrap .tagcloud > a {
	display: inline-block;
	margin: 0 8px 6px 0;
	padding: 0;
	width: auto;
	height: auto;
	background-color: #cccccc;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}
.viewwrap .tagcloud > a:hover {
	text-decoration: underline;
}


.viewwrap article {
	display: block;
	float: right;
	margin: 0 0 12px 12px;
	width: calc(100% - 482px - 12px);
}

.viewwrap article > div {
	display: block;
	border: 1px solid #cccccc;
	padding: 0;
	width: calc(100% - 2px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.viewwrap article header {
	display: block;
	position: relative;
	padding-bottom: 12px;
	width: 100%;
}

.viewwrap article.solomsg > div > p {
	display: block;
	padding: 20px;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #666666;
	text-align: center;
}

.viewwrap article.detached {
	display: none;
}

.viewwrap article.detached header {
	display: block;
	position: relative;
	padding-bottom: 12px;
	width: 100%;
}

.viewwrap article .watch,
.viewwrap article .watching,
.detail-wrapper .watch,
.detail-wrapper .watching {
	display: block;
	position: absolute;
	top: 0px;
	left: calc(100% - 32px);
	width: 32px;
	height: 32px;
	background-image: url('/dashboard/img/icon16_star_99.png');
	background-position: 8px 8px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.viewwrap article .watching,
.detail-wrapper .watching {
	background-image: url('/dashboard/img/icon16_star_drk-blue.png');
	background-position: 8px 8px;
	background-repeat: no-repeat;
}

.viewwrap article .watch:hover,
.viewwrap article .watching:hover,
.detail-wrapper .watch:hover,
.detail-wrapper .watching {
	background-image: url('/dashboard/img/icon16_star_lit-blue.png');
}

.viewwrap article .title {
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 4px 0 4px 8px;
	max-width: calc(100% - 32px);
	min-height: 20px;
	max-height: 64px;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
	overflow: hidden;
}

.viewwrap article .industry {
	display: inline-block;
	float: left;
	clear: both;
	margin-bottom: 4px;
	padding: 0 8px;
	height: 20px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.viewwrap article a.industry:hover {
	text-decoration: underline;
}


.viewwrap article .location {
	display: inline-block;
	float: left;
	clear: both;
	padding: 0 8px 0 28px;
	max-width: calc(100% - 36px);
	height: 20px;
	background-position: 8px center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #999999;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.viewwrap article a.location:hover {
	text-decoration: underline;
}

.viewwrap article .price {
	display: block;
	float: left;
	clear: both;
	margin: 8px 0 0;
	padding: 0 12px;
	max-width: calc(100% - 24px - 32px);
	height: 32px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.125rem;
	color: #ffffff;
}

.viewwrap article .bizops {
	display: inline-block;
	float: right;
	margin: 8px 0 0;
	padding: 0 24px 0 18px;
	width: auto;
	height: 32px;
	background-image: url('/dashboard/img/icon12_bizops.png');
	background-position: 0 center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2rem;
	color: #999999;
	text-align: left;
	overflow: hidden;
}

.viewwrap article .overview {
	display: block;
	margin: 0 auto;
	border-top: 1px solid #cccccc;
	padding: 12px 0 20px;
	width: calc(100% - 48px);
	min-height: 22px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.375rem;
	color: #333333;
	word-wrap: break-word;
}

.viewwrap article h3 {
	display: block;
	margin: 0 auto;
	padding: 0 0 4px;
	width: calc(100% - 48px);
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #666666;
}

.viewwrap article .details {
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	border: 0;
	width: calc(100% - 40px);
}

.viewwrap article .details > div {
	display: table-row;
	width: 100%;
}

.viewwrap article .details p:nth-child(1) {
	display: table-cell;
	border-right: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	padding: 8px 8px 8px 12px;
	width: 168px;
	background-color: #dddddd;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	word-wrap: break-word;
	vertical-align: middle;
}

.viewwrap article .details p:nth-child(2) {
	display: table-cell;
	border-bottom: 4px solid #ffffff;
	padding: 8px 8px 8px 12px;
	width: auto;
	background-color: #eeeeee;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	word-wrap: break-word;
	vertical-align: middle;
}


.viewwrap article .additional {
	display: table;
	margin: 0 auto 20px;
	border: 0;
	width: calc(100% - 40px);
}

.viewwrap article .additional > div {
	display: table-row;
	width: 100%;
}

.viewwrap article .additional div > p {
	display: table-cell;
	border-bottom: 4px solid #ffffff;
	padding: 8px 8px 8px 12px;
	width: calc(100% - 16px);
	min-height: 18px;
	background-color: #cccccc;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	vertical-align: middle;
}


.viewwrap article footer {
	display: block;
	padding: 12px 12px 12px 56px;
	width: calc(100% - 68px);
	min-height: 20px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/icon24_pricetag.png');
	background-position: 16px center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-align: left;
}

.viewwrap .disclaimer {
	display: block;
	float: left;
	margin: 6px 0 0;
	padding: 0;
	width: calc(100% - 154px);
	min-height: 20px;
	font-family: wh-light;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
}
.viewwrap .disclaimer > span {
	font-family: wh-regular;
	font-style: italic;
}

.viewwrap .report {
	display: block;
	float: right;
	margin: 6px 0 0;
	border: 0;
	padding: 1px 0 0 24px;
	width: 130px;
	height: 17px;
	background-color: transparent;
	background-image: url('/dashboard/img/icon18_attention_gray.png');
	background-repeat: no-repeat;
	box-shadow: none;
	font-family: wh-regular;
	font-size: 0.9375rem;
	line-height: 1.125rem;
	color: #999999;
	cursor: pointer;
	overflow: visible;
	text-align: left;
}
.viewwrap .report:hover {
	background-image: url('/dashboard/img/icon18_attention_red.png');
	color: #f95555;
}





/* adjusted */
@media only screen and (min-width : 920px) and (max-width : 1199px) {

	.viewwrap .pictures {
		width: 362px;
	}

	.viewwrap .pictures .frame {
		width: 360px;
		height: 300px;
	}
	.viewwrap .pictures .frame > p {
		top: 224px;
		padding: 4px 0 0;
		width: 360px;
	}
	.viewwrap .pictures .frame > p.na {
		font-size: 3rem;
	}
	.viewwrap .pictures .frame > img {
		top: -30px;
		width: 360px;
		max-width: 360px;
		height: 360px;
		max-height: 360px;
	}

	.viewwrap article {
		width: calc(100% - 362px - 12px);
	}

	.viewwrap .options {
		width: 362px;
	}

	.viewwrap .options > a,
	.viewwrap .options > div,
	.viewwrap .options > button {
		padding: 15px 12px 15px 52px;
		width: calc(50% - 64px - 4px);
	}

	.viewwrap .contact {
		width: 362px;
	}
	.viewwrap .contact > .initiate > textarea {
		height: 126px;
	}

	.viewwrap .review {
		width: 344px;
	}

	.viewwrap .roi {
		width: 344px;
	}

	.viewwrap .tagcloud {
		width: 344px;
	}
}

/* adjusted */
@media only screen and (min-width : 800px) and (max-width : 919px) {

	.viewwrap .pictures {
		width: 288px;
	}
	.viewwrap .pictures .frame {
		margin: 0 0 8px;
		width: 286px;
		height: 216px;
	}
	.viewwrap .pictures .frame > p {
		top: 157px;
		padding: 3px 0 0;
		width: 286px;
		height: 56px;
		line-height: 3.5rem;
	}
	.viewwrap .pictures .frame > p.sold {
		font-size: 3rem;
	}
	.viewwrap .pictures .frame > p.na {
		font-size: 2.25rem;
	}
	.viewwrap .pictures .frame > img {
		top: -35px;
		width: 286px;
		max-width: 286px;
		height: 286px;
		max-height: 286px;
	}
	.viewwrap .pictures .select {
		margin: 0 auto 12px;
	}

	.viewwrap article {
		width: calc(100% - 288px - 12px);
	}

	.viewwrap .options {
		margin: 0 0 12px 0;
		width: 288px;
	}
	.viewwrap .options > a,
	.viewwrap .options > div,
	.viewwrap .options > button {
		margin: 0 0 4px 0;
		padding: 15px 32px 15px 84px;
		width: calc(100% - 116px);
		background-position: 32px 15px;
	}
	.viewwrap .options > a:nth-child(2),
	.viewwrap .options > div:nth-child(2),
	.viewwrap .options > button:nth-child(2) {
		margin: 0;
		width: 100%;
	}
	.viewwrap .options > p:nth-child(2) {
		margin: 0 0 8px 0;
		width: 100%;
	}

	.viewwrap .contact {
		width: 288px;
	}
	.viewwrap .contact > .initiate > h5 {
		min-height: 16px;
		font-size: 0.9375rem;
		line-height: 1rem;
	}
	.viewwrap .contact > .initiate > textarea {
		height: 126px;
	}


	.viewwrap .review {
		width: 270px;
	}


	.viewwrap .roi {
		width: 270px;
	}
	.viewwrap .roi > div > p:nth-of-type(1) {
		width: 100%;
		font-family: wh-semibold;
		line-height: 1.25rem;
	}
	.viewwrap .roi > div > p:nth-of-type(2) {
		margin: 0 0 0 32px;
		width: 12px;
	}
	.viewwrap .roi > div > p:nth-of-type(3) {
		margin: 0;
		width: 20px;
		text-align: right;
	}
	.viewwrap .roi > div > input[type="text"] {
		display: block;
		width: calc(100% - 10px - 44px);
	}
	.viewwrap .roi > div:nth-of-type(1) > p:nth-of-type(1) {
		margin: 0;
		width: 55%;
	}
	.viewwrap .roi > div:nth-of-type(1) > p:nth-of-type(2) {
		margin: 0;
		width: 45%;
		line-height: 1.25rem;
	}
	.viewwrap .roi > div:nth-of-type(4) > input[type="text"] {
		width: calc(100% - 10px - 44px - 20px);
	}

	.viewwrap .tagcloud {
		width: 270px;
	}
}

/* adjusted */
@media only screen and (min-width : 561px) and (max-width : 799px) {

	.viewwrap .pictures {
		width: 182px;
	}
	.viewwrap .pictures .frame {
		width: 180px;
		height: 140px;
	}
	.viewwrap .pictures .frame > p {
		top: 98px;
		padding: 2px 0 0;
		width: 180px;
		height: 40px;
		line-height: 2.5rem;
	}
	.viewwrap .pictures .frame > p.sold {
		font-size: 2rem;
	}
	.viewwrap .pictures .frame > p.na {
		font-size: 1.25rem;
	}
	.viewwrap .pictures .frame > img {
		top: -20px;
		width: 180px;
		max-width: 180px;
		height: 180px;
		max-height: 180px;
	}
	.viewwrap .pictures .select {
		margin: 0 auto 12px;
	}

	.viewwrap article.solo,
	.viewwrap article.detached {
		display: block;
		width: calc(100% - 182px - 12px);
	}
	.viewwrap article.detached header {
		padding-bottom: 0;
	}
	.viewwrap article.solo .title,
	.viewwrap article.detached .title {
		height: 40px;
	}
	.viewwrap article.solo .industry,
	.viewwrap article.detached .industry {
		margin: 12px 0 0;
	}
	.viewwrap article.solo .location,
	.viewwrap article.detached .location {
		margin: 12px 0 0;
	}
	.viewwrap article.solo .price,
	.viewwrap article.detached .price {
		margin: 20px 0 0;
	}
	.viewwrap article.solo .bizops,
	.viewwrap article.detached .bizops {
		margin: 20px 0 0;
	}
	.viewwrap article.solomsg,
	.viewwrap article.attached {
		clear: left;
		margin-left: 0;
		width: 100%;
	}
	.viewwrap article.attached header {
		display: none;
	}
	.viewwrap article.attached .overview {
		border: 0;
	}

	.viewwrap .options {
		margin: 0 0 4px 0;
		width: 100%;
	}
	.viewwrap .options.stack {
		margin-left: 0;
		width: 180px;
	}
	.viewwrap .options.stack > a,
	.viewwrap .options.stack > div,
	.viewwrap .options.stack > button {
		padding: 15px 12px 15px 44px;
		width: calc(100% - 56px);
		background-position: 12px 15px;
	}
	.viewwrap .options.stack > a:nth-child(2),
	.viewwrap .options.stack > div:nth-child(2),
	.viewwrap .options.stack > button:nth-child(2) {
		margin-left: 0;
	}

	.viewwrap .contact {
		clear: none;
		width: 100%;
	}
	.viewwrap .contact > .initiate > textarea {
		height: 134px;
	}

	.viewwrap .review {
		clear: none;
		margin: 0 0 0 8px;
		width: calc(100% - 26px - 180px);
	}

	.viewwrap .roi {
		width: calc(100% - 18px);
	}
	.viewwrap .roi.stack {
		clear: none;
		margin: 0 0 12px 8px;
		width: calc(100% - 26px - 180px);
	}

	.viewwrap .tagcloud {
		width: calc(100% - 18px);
	}
}

/* fix for roi calculator stack */
@media only screen and (min-width : 561px) and (max-width : 615px) {
	.viewwrap .roi > div > p:nth-of-type(1) {
		width: 100%;
		font-family: wh-semibold;
		line-height: 1.25rem;
	}
	.viewwrap .roi > div > p:nth-of-type(2) {
		margin: 0 0 0 32px;
		width: 12px;
	}
	.viewwrap .roi > div > p:nth-of-type(3) {
		margin: 0;
		width: 20px;
		text-align: right;
	}
	.viewwrap .roi > div > input[type="text"] {
		display: block;
		width: calc(100% - 10px - 44px);
	}
	.viewwrap .roi > div:nth-of-type(1) > p:nth-of-type(1) {
		margin: 0;
		width: 55%;
	}
	.viewwrap .roi > div:nth-of-type(1) > p:nth-of-type(2) {
		margin: 0;
		width: 45%;
		line-height: 1.25rem;
	}
	.viewwrap .roi > div:nth-of-type(4) > input[type="text"] {
		width: calc(100% - 10px - 44px - 20px);
	}
}

/* mobile */
@media only screen and (min-width : 20px) and (max-width : 560px) {

	.dash .viewwrap {
		width: 90%;
	}

	.viewwrap .pictures {
		float: none;
		margin: 0 auto;
		width: 288px;
	}
	.viewwrap .pictures .frame {
		width: 286px;
		height: 286px;
	}
	.viewwrap .pictures .frame > p {
		top: 227px;
		padding: 3px 0 0;
		width: 286px;
		height: 56px;
		line-height: 3.5rem;
	}
	.viewwrap .pictures .frame > p.sold {
		font-size: 3rem;
	}
	.viewwrap .pictures .frame > p.na {
		font-size: 2.25rem;
	}
	.viewwrap .pictures .frame > img {
		position: static;
		width: 286px;
		max-width: 286px;
		height: 286px;
		max-height: 286px;
	}

	.viewwrap .pictures .select {
		margin: 0 auto 12px;
	}

	.viewwrap article {
		width: calc(100% - 2px);
	}

	.viewwrap article .location {

	}

	.viewwrap article .bizops {

	}

	.viewwrap article .details p:nth-child(1) {
		display: table-cell;
		border-right: 4px solid #ffffff;
		border-bottom: 4px solid #ffffff;
		padding: 8px 8px 8px 12px;
		width: auto;
		background-color: #dddddd;
		font-family: wh-regular;
		font-size: 1rem;
		line-height: 1.25rem;
		color: #666666;
		vertical-align: middle;
	}

	.viewwrap .options {
		width: 100%;
	}

	.viewwrap .contact {
		width: 100%;
	}
	.viewwrap .contact > .initiate > textarea {
		height: 142px;
	}

	.viewwrap .review {
		width: calc(100% - 18px);
	}

	.viewwrap .roi {
		width: calc(100% - 18px);
	}

	.viewwrap .tagcloud {
		width: calc(100% - 18px);
	}
}

/* special */
@media only screen and (min-width : 20px) and (max-width : 415px) {

	.viewwrap .options > a,
	.viewwrap .options > div,
	.viewwrap .options > button {
		margin: 0 0 4px;
		padding: 15px 84px 15px 84px;
		width: calc(100% - 168px);
		background-position: 32px 15px;
		text-align: center;
	}
	.viewwrap .options > a:nth-child(2),
	.viewwrap .options > div:nth-child(2),
	.viewwrap .options > button:nth-child(2) {
		margin: 0;
		width: 100%;
	}
	.viewwrap .options > p:nth-child(2) {
		margin: 0 0 8px 0;
		width: 100%;
	}

	.viewwrap .roi > div > p:nth-of-type(1) {
		width: 100%;
		font-family: wh-semibold;
		line-height: 1.25rem;
	}
	.viewwrap .roi > div > p:nth-of-type(2) {
		margin: 0 0 0 32px;
		width: 12px;
	}
	.viewwrap .roi > div > p:nth-of-type(3) {
		margin: 0;
		width: 20px;
		text-align: right;
	}
	.viewwrap .roi > div > input[type="text"] {
		display: block;
		width: calc(100% - 10px - 44px);
	}
	.viewwrap .roi > div:nth-of-type(1) > p:nth-of-type(1) {
		margin: 0;
		width: 55%;
	}
	.viewwrap .roi > div:nth-of-type(1) > p:nth-of-type(2) {
		margin: 0;
		width: 45%;
		line-height: 1.25rem;
	}
	.viewwrap .roi > div:nth-of-type(4) > input[type="text"] {
		width: calc(100% - 10px - 44px - 20px);
	}
}



.newoffer {
	display: block;
	margin: 0 auto 32px;
}

.newoffer > h2 {
	display: block;
	clear: both;
	padding: 0 0 12px;
	font-family: wh-bold;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: center;
}

.makeoffer {
	display: block;
	float: left;
	border: 1px solid #1c1445;
	padding: 12px;
	width: 294px;
	min-height: 200px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.makeoffer > header {
	display: block;
	margin: 0 0 8px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: center;
	text-decoration: underline;
}

.makeoffer > p.error {
	display: block;
	margin: 0;
	width: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: left;
}
.makeoffer > p.error {
	color: #d20000;
}

.makeoffer > div {
	display: block;
	width: 100%;
}

.makeoffer > div ~ div {
	display: block;
	margin: 8px 0 0;
}

.makeoffer > div > h3 {
	display: block;
	margin: 0 0 2px;
	width: 100%;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: left;
}

.makeoffer > div > .inp {
	display: block;
	border: 1px solid #999999;
	padding: 2px 4px;
	width: calc(100% - 10px);
	height: 24px;
}

.makeoffer > div > .inp > p {
	display: block;
	float: left;
	padding: 0;
	width: 16px;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #999999;
}
.makeoffer > div > .inp > input ~ p {
	float: right;
	text-align: right;
}

.makeoffer > div > .inp > input[type="text"] {
	display: block;
	float: left;
	border: 0;
	padding: 0;
	width: calc(100% - 48px);
	height: 24px;
	background: none;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #1c1445;
}

.makeoffer > div > p {
	display: block;
	margin: 0;
	width: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #d20000;
	text-align: left;
}

/* dropdown */
.makeoffer > div > .drop {
	display: block;
	position: relative;
	border: 1px solid #999999;
	padding: 2px 4px;
	width: calc(100% - 10px);
	height: 24px;
	background-image: url('/dashboard/img/arrow_vdrop-66.png');
	background-position: calc(100% - 6px) center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.makeoffer > div > .drop select {
	display: block;
	position: relative;
	left: -2px;
	border: 0;
	width: calc(100% + 32px); /* 32px-pad wider than container */
	height: 24px;
	background: transparent;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #1c1445;
}

.makeoffer > div > textarea {
	display: block;
	border: 1px solid #999999;
	padding: 4px;
	width: calc(100% - 10px);
	height: 120px;
	background: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #333333;
}

.makeoffer > button,
.makeoffer > .button {
	display: block;
	margin: 8px 0 0;
	border: none;
	padding: 0;
	width: 100%;
	height: 32px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.makeoffer > button:hover,
.makeoffer > .button:hover {
	color: #8adeff;
}


.makeoffer + div,
.makeofferhelp {
	display: block;
	float: right;
	border: 1px solid #1c1445;
	padding: 12px;
	width: calc(100% - 320px - 26px - 12px);
	min-height: 200px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.makeoffer + div.glossary,
.makeofferhelp.glossary {
	width: auto;
}

.makeoffer + div > header,
.makeofferhelp > header {
	display: block;
	margin: 0 0 8px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: center;
	text-decoration: underline;
}

.makeoffer + div > h3,
.makeofferhelp > h3 {
	display: block;
	margin: 0 0 2px;
	width: auto;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: left;
}

.makeoffer + div > p ~ h3,
.makeofferhelp > p ~ h3 {
	margin: 8px 0 2px;
}


@media only screen and (min-width : 20px) and (max-width : 959px) {

	.newoffer > .bizinfo {
		width: calc(100% - 334px);
	}

	.newoffer > .personinfo {
		width: 302px;
	}

	.makeoffer {
		width: 200px;
	}

	.makeoffer + div {
		width: calc(100% - 226px - 26px - 12px);
	}
}

@media only screen and (min-width : 20px) and (max-width : 639px) {

	.newoffer > .bizinfo {
		width: calc(100% - 2px);
	}

	.newoffer > .personinfo {
		width: calc(100% - 226px - 18px - 12px);
	}

	.makeoffer {
		width: 200px;
	}

	.makeoffer + div {
		width: calc(100% - 226px - 26px - 12px);
	}
}

@media only screen and (min-width : 20px) and (max-width : 569px) {

	.newoffer > .bizinfo {
		width: calc(100% - 2px);
	}

	.newoffer > .personinfo {
		float: left;
		width: calc(100% - 18px);
	}

	.makeoffer {
		width: calc(100% - 26px);
	}

	.makeoffer + div {
		margin: 12px 0 0;
		width: calc(100% - 26px);
	}
}


/*  SELL + BROKER */

.sell {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

.sell > div:last-child {
	margin: 0 0 24px;
}

.serve {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #cccccc;
	width: calc(100% - 2px);
	min-height: 200px;
	background-color: #ffffff;
	background-position: center 48px;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.serve.selfserve {
	float: none;
	margin: 0 0 12px 0;
	background-image: url('/dashboard/img/img_selfserve.png');
}
.serve.fullserve {
	position: absolute;
	top: 0;
	right: 0;
	float: none;
	margin: 0 0 12px 12px;
	background-image: url('/dashboard/img/img_fullserve.png');
}

.serve header {
	display: block;
	position: relative;
	padding: 176px 0 0;
	width: 100%;
}

.serve header > h1,
.serve header > h3 {
	display: block;
	padding: 0 24px;
	width: calc(100% - 48px);
	min-height: 32px;
	font-family: wh-regular;
	font-size: 2rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: center;
}

.serve header > h4 {
	display: block;
	padding: 0 24px 24px;
	width: calc(100% - 48px);
	min-height: 18px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: center;
}
.serve.broker header > h4,
.serve.leads header > h4 {
	min-height: 36px;
}

.serve .riskfree {
	display: block;
	position: absolute;
	top: -1px;
	left: calc(100% - 150px);
	border: 0;
	width: 152px;
	height: 152px;
	background-image: url('/dashboard/img/riskfree.png');
	background-repeat: no-repeat;
}

.serve > p:nth-of-type(1) {
	display: block;
	padding: 0 48px 20px;
	width: calc(100% - 96px);
	min-height: 80px; /* 4 lines */
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	text-align: center;
}
.serve.broker > p:nth-of-type(1) {
	min-height: 100px;
}
.serve.leads > p:nth-of-type(1) {
	min-height: 160px;
}
.serve.fullserve > p:nth-of-type(1) {
	min-height: 100px;
	overflow: hidden;
}

.serve > p:nth-of-type(2) {
	display: block;
	padding: 0 24px;
	width: calc(100% - 48px);
	min-height: 20px;
	font-family: wh-regular;
	font-style: italic;
	font-size: 1rem;
	line-height: 1.1=25rem;
	color: #666666;
	text-align: center;
}

.serve > p:nth-of-type(3) {
	display: block;
	padding: 0 24px;
	width: calc(100% - 48px);
	min-height: 20px;
	font-family: wh-regular;
	font-style: italic;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: center;
}

.serve > p span {
	color: #1c1445;
}
.serve > p span.cur {
	color: #1c1445;
	text-decoration: underline;
	cursor: pointer;
}

.serve footer {
	display: block;
	padding: 48px 0 0;
	width: 100%;
	height: 48px;
}
.serve.leads footer {
	padding: 8px 0 0;
}

.serve footer .create {
	display: block;
	float: left;
	border: 0;
	padding: 16px 32px 0 66px;
	width: calc(33.333% - 98px - 2px);
	height: 32px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/icon14_expand_white.png');
	background-position: 32px center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #ffffff;
	text-align: left;
}
.serve footer .create:hover {
	background-image: url('/dashboard/img/icon14_expand_lit-blue.png');
	color: #8adeff;
}

.serve footer .drafts {
	display: block;
	float: left;
	margin-left: 3px;
	border: 0;
	padding: 16px 32px 0 66px;
	width: calc(33.333% - 98px - 2px);
	height: 32px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/icon14_drafts_white.png');
	background-position: 32px center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #ffffff;
	text-align: left;
}
.serve footer .drafts:hover {
	background-image: url('/dashboard/img/icon14_drafts_lit-blue.png');
	color: #8adeff;
}

.serve footer .import {
	display: block;
	float: right;
	margin-left: 3px;
	border: 0;
	padding: 1px 32px 0 66px;
	width: calc(33.333% - 98px - 2px);
	height: 47px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/icon14_import_white.png');
	background-position: 32px center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}
.serve footer .import:hover {
	background-image: url('/dashboard/img/icon14_import_lit-blue.png');
	color: #8adeff;
}

.serve footer .select {
	display: block;
	margin: 0 auto;
	padding: 1px 42px 0 16px;
	border: 0;
	width: calc(33.333% - 58px);
	height: 47px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/arrow_10x16_next_white.png');
	background-position: calc(100% - 16px) center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.serve.leads footer .select {
	padding: 16px 50px 16px 32px;
	height: 16px;
}
.serve footer .select:hover {
	background-image: url('/dashboard/img/arrow_10x16_next_lit-blue.png');
	color: #8adeff;
}

/*.serve footer a:hover,
.serve footer button:hover {
	background-image: url('/dashboard/img/arrow_10x16_next_lit-blue.png');
	color: #8adeff;
}*/

.fullserve {
	display: block;
	margin: 0 0 12px;
	padding: 0;
	border: 1px solid #cccccc;
	width: calc(100% - 2px);
	min-height: 100px;
	background-color: #ffffff;
	background-position: center 48px;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.fullserve > div {
	display: table;
	table-layout: fixed;
	padding: 24px 0;
	width: 100%;
}


.fullserve > div > header {
	display: table-cell;
	margin: 0;
	padding: 0 24px;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.fullserve > div > header > h3 {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1.75rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: center;
}

.fullserve > div > header > h4 {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: center;
}
.fullserve > div > header > h4 > span {
	color: #1c1445;
}
.fullserve > div > header > h4:first-child {
	padding: 0;
}

.fullserve > div > ul,
.fullserve > div > div {
	display: table-cell;
	margin: 0;
	padding: 0 24px 0 48px;
	width: auto;
	height: auto;
	vertical-align: middle;
}
.fullserve > div > ul {
	list-style: none;
}

.fullserve > div > ul > h4 {
	display: block;
	margin: 0;
	padding: 0 0 2px;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #1c1445;
}
.fullserve > div > ul > h4 > span {
	font-family: wh-bold;
	color: #f95555;
}

.fullserve > div > ul > li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 2px 28px;
	width: 172px;
	height: auto;
	background-image: url('/dashboard/img/icon18_checkmark_drk-blue.png');
	background-position: 0px 2px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #666666;
}
.fullserve > div > ul > li {
	float: none;
	width: auto;
}

.fullserve > div > div > p {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 0.9375rem;
	line-height: 1.125rem;
	color: #1c1445;
}
.fullserve > div > div > p > span {
	font-family: wh-bold;
	color: #666666;
}

.fullserve > footer {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: calc(100% - 24px);
	max-width: 624px;
	min-height: 48px;
}

.fullserve > footer > a,
.fullserve > footer > button {
	display: block;
	float: left;
	margin: 0 0 0 12px;
	border: 0;
	padding: 16px 0 0 66px;
	width: calc(((100% - 24px ) /3) - 66px);
	height: 32px;
	background-color: #1c1445;
	background-position: 32px center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #ffffff;
	text-align: left;
}
.fullserve > footer > button {
	padding: 0 0 0 66px;
	height: 47px;
}
.fullserve > footer > a:hover,
.fullserve > footer > button:hover {
	color: #8adeff;
}
.fullserve > footer > a:first-child,
.fullserve > footer > button:first-child {
	margin: 0;
}
.fullserve > footer > .create {
	background-image: url('/dashboard/img/icon14_expand_white.png');
}
.fullserve > footer > .create:hover {
	background-image: url('/dashboard/img/icon14_expand_lit-blue.png');
}
.fullserve > footer > .drafts {
	background-image: url('/dashboard/img/icon14_drafts_white.png');
}
.fullserve > footer > .drafts:hover {
	background-image: url('/dashboard/img/icon14_drafts_lit-blue.png');
}
.fullserve > footer > .import {
	background-image: url('/dashboard/img/icon14_expand_white.png');
}
.fullserve > footer > .import:hover {
	background-image: url('/dashboard/img/icon14_import_lit-blue.png');
}



.subscription {
	display: block;
	margin: 0 0 12px;
	padding: 0;
	border: 1px solid #cccccc;
	width: calc(100% - 2px);
	min-height: 100px;
	background-color: #ffffff;
	background-position: center 48px;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}


.subscription > div:first-of-type,
.subscription > hr + div {
	display: table;
	table-layout: fixed;
	padding: 24px 0;
	width: 100%;
}
.subscription > div.notice {
	padding-bottom: 12px;
	background-color: #8adeff;
}

.subscription > div > header {
	display: table-cell;
	margin: 0;
	padding: 0 24px;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.subscription > div > header > h3 {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1.75rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: center;
}

.subscription > div > header > h4 {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: center;
}
.subscription > div > header > h4 > span {
	color: #1c1445;
}
.subscription > div > header > h4:first-child {
	padding: 0;
}

.subscription > div > header > h5 {
	display: block;
	margin: 0;
	padding: 4px 0 0;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
}

.subscription > div > ul,
.subscription > div > div {
	display: table-cell;
	margin: 0;
	padding: 0 24px 0 48px;
	width: auto;
	height: auto;
	vertical-align: middle;
}
.subscription > div > ul {
	list-style: none;
}

.subscription > div > ul > h4,
.subscription > div > div > h4,
.subscription > div.notice + div > h4 {
	display: block;
	margin: 0;
	padding: 0 0 2px;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #1c1445;
}
.subscription > div.notice + div > h4 {
	text-align: center;
}
.subscription > div > ul > h4 > span,
.subscription > div > div > h4 > span,
.subscription > div.notice + div > h4 > span {
	font-family: wh-bold;
	color: #f95555;
}

.subscription > div > ul > li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 2px 28px;
	width: 172px;
	height: auto;
	background-image: url('/dashboard/img/icon18_checkmark_drk-blue.png');
	background-position: 0px 2px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #666666;
}
.subscription > div.notice > ul > li,
.subscription > div.manager > ul > li {
	width: auto;
}
.subscription > div.fullserve > ul > li {
	float: none;
	width: auto;
}

.subscription > div.notice + div {
	display: block;
	padding: 0 20px 12px;
	background-color: #8adeff;
}

.subscription > div > div > p,
.subscription > div.notice + div > p {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 0.9375rem;
	line-height: 1.125rem;
	color: #1c1445;
}
.subscription > div.notice + div > p {
	text-align: center;
}
.subscription > div > div > p > span,
.subscription > div.notice + div > p > span {
	font-family: wh-bold;
	color: #666666;
}

.subscription > footer {
	display: block;
	padding: 0;
	width: 100%;
	height: 48px;
}
.subscription > div.notice + footer{
	background-color: #8adeff;
}
.subscription > div.notice + div + footer {
	padding: 0;
	background-color: #8adeff;
}

.subscription > footer > div {
	margin: 0 auto;
	height: 48px;
	max-width: 320px;
}

.subscription > footer .create,
.subscription > footer .drafts,
.subscription > footer .accept,
.subscription > footer .reject,
.subscription > footer .subscribe,
.subscription > footer .unsubscribe {
	display: block;
	margin: 0 auto;
	border: 0;
	padding: 1px 42px 0 16px;
	width: calc(16.666% - 58px);
	height: 47px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/arrow_10x16_next_white.png');
	background-position: calc(100% - 16px) center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.subscription > footer > div .accept {
	float: left;
	margin: 0;
	width: calc(50% - 60px);
}
.subscription > footer > div .reject {
	float: right;
	margin: 0;
	width: calc(50% - 60px);
	background-color: #d20000;
}
.subscription > footer > div .reject:hover {
	background-color: #d20000;
}
.subscription > footer .unsubscribe {
	float: right;
	margin: 0;
	width: calc(20% - 58px);
	background-color: #d20000;
}
.subscription > footer .unsubscribe:hover {
	background-color: #d20000;
}

.subscription > footer .manage {
	display: block;
	margin: 0 auto;
	border: 0;
	padding: 0 42px 0 16px;
	width: calc(16.666% - 58px);
	height: 48px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/arrow_10x16_next_white.png');
	background-position: calc(100% - 16px) center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 3rem;
	color: #ffffff;
	text-align: center;
}
.subscription > footer a:hover,
.subscription > footer button:hover {
	background-image: url('/dashboard/img/arrow_10x16_next_lit-blue.png');
	color: #8adeff;
}


.subscription > hr {
	display: block;
	border: 0;
	border-bottom: 1px dashed #1c1445;
	padding-top: 20px;
	background-color: #8adeff;
}
.subscription > div.manager + hr {
	padding-top: 0;
	background-color: #ffffff;
}

@media only screen and (min-width : 782px) and (max-width : 1032px) {
	.subscription > div:first-of-type,
	.subscription > hr + div {
		padding: 0;
	}
	.subscription > div > ul {
		padding: 24px;
	}
	.subscription > div > ul > h4 {
		margin: 0 auto;
		text-align: center;
	}

	.subscription > div > ul > li {
		float: none;
		margin: 0 auto;
		width: 192px;
	}
}
@media only screen and (min-width : 840px) and (max-width : 999px) {

	.subscription > div > header {
		width: 60%;
	}

	.subscription > div > ul {
		width: 40%;
	}
}


@media only screen and (min-width : 782px) and (max-width : 839px) {

	.subscription > div > header {
		width: 60%;
	}

	.subscription > div > ul {
		width: 40%;
	}
}

@media only screen and (min-width : 20px) and (max-width : 781px) {

	.subscription {
		margin: 0 0 12px;
	}

	.subscription > div > header {
		width: 60%;
	}

	.subscription > div > ul {
		width: 40%;
	}

	.subscription > footer .subscribe {
		min-width: 132px;
		width: calc(33.333% - 58px);
	}

	.subscription > footer .manage {
		min-width: 0;
		width: calc(33.333% - 58px);
	}
}

@media only screen and (min-width : 20px) and (max-width : 647px) {

	.fullserve > div > ul,
	.fullserve > div > div {
		padding: 0 24px 0 0;
	}

	.fullserve > footer {
		width: 100%;
	}

	.fullserve > footer > a,
	.fullserve > footer > button {
		margin: 0 0 0 8px;
		padding: 16px 0 0 54px;
		width: calc(((100% - 16px ) /3) - 54px);
		background-position: 20px center;
	}
	.fullserve > footer > button {
		padding: 0 0 0 54px;
	}

	.subscription {
		display: block;
	}

	.subscription > div {
		display: block;
		width: auto;
	}

	.subscription > div > header {
		display: block;
		width: calc(100% - 48px);
	}

	.subscription > div > ul {
		display: block;
		margin: 0 auto;
		padding: 24px 0 0 24px;
		max-width: 420px;
		width: calc(100% - 48px);
	}
}

@media only screen and (min-width : 20px) and (max-width : 527px) {

	.fullserve > div > header {
		display: block;
		width: calc(100% - 48px);
	}

	.fullserve > div > ul {
		display: block;
		margin: 0 auto;
		padding: 24px 0 0 24px;
		max-width: 420px;
		width: calc(100% - 48px);
	}

	.fullserve > footer > a,
	.fullserve > footer > button {
		margin: 0 0 0 8px;
		padding: 16px 0 0 46px;
		width: calc(((100% - 16px ) /3) - 46px);
		background-position: 16px center;
	}
	.fullserve > footer > button {
		padding: 0 0 0 46px;
	}

	.subscription > div > ul > li {
		float: none;
	}

	.subscription > footer {
		height: auto;
	}
}

/* adjust buttons */
@media only screen and (min-width : 20px) and (max-width : 399px) {

	.fullserve > footer {
		width: calc(100% - 24px);
	}

	.fullserve > footer > a,
	.fullserve > footer > button {
		float: none;
		margin: 0 0 12px;
		border-radius: 2px;
		padding: 16px 0 0 66px;
		width: calc(100% - 66px);
		height: 32px;
		background-position: 32px center;
	}
	.fullserve > footer > button {
		padding: 0 0 0 66px;
		height: 47px;
	}
	.fullserve > footer > a:first-child,
	.fullserve > footer > button:first-child {
		margin: 0 0 12px;
	}

	.subscription > footer .subscribe {
		width: calc(100% - 58px);
	}

	.subscription > footer .manage {
		width: calc(100% - 58px);
	}
}


/* SUBSCRIPTION MANAGEMENT */

.subscr,
.subscr2 {
	display: block;
	float: left;
	margin: 0 0 12px;
	padding: 0;
	border: 1px solid #cccccc;
	width: calc(100% - 2px);
	min-height: 32px;
	background-color: #ffffff;
	background-position: center 48px;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.subscr.half {
	margin-right: 12px;
	width: calc(50% - 8px);
}
.subscr.half:nth-child(even) {
	margin-right: 0;
}
.subscr.half:nth-child(odd) {
	clear: both;
}

.subscr h2,
.subscr2 h2,
.dash .franch .content .subscr h2,
.dash .datalist > h2,
.dash .franch .content .datalist > h2 {
	display: block;
	margin: 0;
	padding: 12px 20px;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1.75rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: left;
}
.dash .datalist > h2,
.dash .franch .content .datalist > h2 {
	padding: 4px 12px;
}
.subscr h2.warn,
.dash .franch .content .subscr h2.warn {
	color: #f95555;
}

.subscr > div > h3,
.dash .franch .content .subscr > div > h3 {
	display: block;
	float: left;
	clear: left;
	margin: 0;
	padding: 0 0 0 20px;
	width: 120px;
	height: auto;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: right;
}

.subscr > div > p,
.dash .franch .content .subscr > div > p {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 64px;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: left;
}
.subscr > div > p.warn,
.dash .franch .content .subscr > div > p.warn {
	color: #f95555;
}

.subscr > p {
	display: block;
	margin: 0;
	padding: 0 20px;
	width: auto;
	min-height: 60px;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: left;
}
.subscr > p > span {
	color: #1c1445;
}

.subscr > button {
	display: block;
	clear: both;
	margin: 12px auto 20px;
	padding: 1px 30px 0 12px;
	border: 0;
	border-radius: 1px;
	width: 96px;
	height: 39px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/arrow_8x12_next_white.png');
	background-position: calc(100% - 20px) 14px;
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.subscr > button:hover {
	background-image: url('/dashboard/img/arrow_8x12_next_lit-blue.png');
	color: #8adeff;
}
.subscr > button.cancel {
	background-color: #f95555;
}
.subscr > button.cancel:hover {
	background-color: #d20000;
	color: #ffffff;
}
.subscr > button.disabled {
	background-image: url('/dashboard/img/arrow_8x12_next_white.png');
	background-color: #666666;
	color: #ffffff;
	cursor: default;
}

/* subscr2 is for listing managers box only */
.subscr2 > .options {
	display: block;
	padding: 0 8px;
}

.subscr2 > .options > p {
	display: inline-block;
	padding-bottom: 8px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1f7bbf;
	cursor: pointer;
}
.subscr2 > .options > p:hover {
	text-decoration: underline;
}

.subscr2 > .options > div {
	display: block;
	padding-bottom: 8px;
}

.subscr2 > .options > div > header {
	display: block;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
}

.subscr2 > .options > div > ul {
	display: block;
	padding-left: 8px;
	list-style-type: square;
	list-style-position: inside;
}
.subscr2 > .options > div > ul > li {
	display: list-item;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}

.subscr2 > .options > div > p {
	display: block;
	font-family: wh-bold;
	font-size: 0.75rem;
	line-height: 1rem;
	color: #333333;
}

.subscr2 > .options > button {
	display: block;
	clear: both;
	margin: 0;
	padding: 1px 30px 0 12px;
	border: 0;
	border-radius: 1px;
	width: 96px;
	height: 39px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/arrow_8x12_next_white.png');
	background-position: calc(100% - 20px) 14px;
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.subscr2 > .options > button:hover {
	background-image: url('/dashboard/img/arrow_8x12_next_lit-blue.png');
	color: #8adeff;
}

.subscr2 > .options > button.disabled {
	background-image: url('/dashboard/img/arrow_8x12_next_white.png');
	background-color: #666666;
	color: #ffffff;
	cursor: default;
}


@media only screen and (min-width : 120px) and (max-width : 839px) {

	.subscr.half {
		float: none;
		margin-right: 0;
		width: calc(100% - 2px);
	}
}



/* SELL - Self Serve */
.dash .self {
	display: block;
	float: left;
	position: relative;
	margin: 0 0 24px 0;
	padding: 0;
	border: 1px solid #cccccc;
	width: calc(50% - 8px);
	min-height: 372px;
	background-color: #ffffff;
	background-position: center 48px;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.self.independent {
	background-image: url('/dashboard/img/img_independent.png');
}

.self.franchise {
	margin: 0 0 24px 12px;
	background-image: url('/dashboard/img/img_franchise.png');
}

.self header {
	display: block;
	padding: 160px 20px 24px;
	width: calc(100% - 40px);
	min-height: 40px;
	font-family: wh-regular;
	font-size: 2rem;
	line-height: 2.5rem;
	color: #1c1445;
	text-align: center;
}

.self > p {
	display: block;
	padding: 0 20px 20px;
	width: calc(100% - 40px);
	min-height: 80px; /* 4 lines */
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: center;
}

.self.independent > p {
	min-height: 20px;
}

.self > p span {
	font-family: wh-semibold;
	font-style: italic;
	color: #666666;
}

.self footer {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 48px;
}

.self footer a {
	display: block;
	margin: 0 auto;
	padding: 16px 54px 0 34px;
	border: 0;
	width: calc(40% - 88px);
	height: 32px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/arrow_10x16_next_white.png');
	background-position: calc(100% - 24px) center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #ffffff;
	text-align: center;
}
.self footer a:hover {
	background-image: url('/dashboard/img/arrow_10x16_next_lit-blue.png');
	color: #8adeff;
}


@media only screen and (min-width : 20px) and (max-width : 743px) {

	.dash .self {
		margin: 0 0 24px 0;
		width: calc(100% - 2px);
		min-height: 40px;
		background-position: center 32px;
	}

	.self.franchise {
		margin: 0 0 24px 0;
	}

	.self header {
		padding: 124px 20px 12px;
		min-height: 20px;
	}

	.self > p {
		display: block;
		padding: 0 20px 20px;
		width: calc(100% - 40px);
		min-height: 80px; /* 4 lines */
		font-family: wh-regular;
		font-size: 1rem;
		line-height: 1.25rem;
		color: #666666;
		text-align: center;
	}

	.self footer {
		position: static;
		width: 100%;
		height: 48px;
	}
}

/* adjustments - button */
@media only screen and (min-width : 20px) and (max-width : 399px) {

	.self footer a {
		padding: 16px 74px 0 74px;
		width: calc(100% - 148px);
		background-position: calc(100% - 32px) center;
	}

}




/* create listing form */


/* notices at the top */
.dash .forminfo {
	display: table;
	table-layout: fixed;
	float: left;
	margin: 0 0 4px 0;
	width: 100%;
	height: auto;
}
.dash .forminfo > p:nth-child(1) {
	display: table-cell;
	padding: 0 4px;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #f95555;
	text-align: left;
}
.dash .forminfo > p:nth-child(2) {
	display: table-cell;
	padding: 0 4px;
	width: auto;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: right;
}


.dash .fullbox {
	display: block;
	float: left;
	margin-bottom: 12px;
	border: 1px solid #cccccc;
	width: calc(100% - 2px);
	min-height: 200px;
	background-image: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.dash .newlisting {
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 4px 4px 0;
	border: 0;
	width: calc(100% - 8px);
}

/* start another table */
.dash .newlisting.fix {
	padding-top: 0;
}

.dash .newlisting > div {
	display: table-row;
	width: 100%;
}

/* icon */
.dash .newlisting > div > div:nth-child(1) {
	display: table-cell;
	border-right: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	padding: 12px;
	width: 18px;
	min-height: 18px;
	background-color: #dddddd;
	vertical-align: middle;
}

/* name */
.dash .newlisting > div > p:nth-child(2) {
	display: table-cell;
	border-right: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	padding: 12px 8px;
	width: 168px;
	background-color: #dddddd;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	vertical-align: middle;
}

/* input */
.dash .newlisting > div > div:nth-child(3) {
	display: table-cell;
	border-bottom: 4px solid #ffffff;
	padding: 0 8px;
	width: auto;
	background-color: #eeeeee;
	vertical-align: middle;
}

/* mobile name */
.dash .newlisting > div > div:nth-child(3) > p:first-child {
	display: none;
	border-right: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	padding: 12px 8px;
	width: calc(100% - 16px);
	background-color: #dddddd;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	vertical-align: middle;
}


.dash .newlisting > div > div.nopad {
	padding: 0;
}

/* nested table */
.dash .newlisting .table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.dash .newlisting .table > div {
	display: table-row;
	width: 100%;
}
.dash .newlisting .table > div:first-child > div:first-child {
	border-top: 0;
}
.dash .newlisting .table > div .input {
	display: table-cell;
	border-top: 4px solid #ffffff;
	padding: 0 8px;
	width: auto;
	background-color: #eeeeee;
	vertical-align: middle;
}

/* mobile input */
.dash .newlisting .table > div .input > p:first-child {
	display: none;
	border-right: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	padding: 12px 8px;
	width: calc(100% - 16px);
	background-color: #dddddd;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	vertical-align: middle;
}

.dash .newlisting .table > div .note,
.dash .newlisting .table > div .label {
	display: table-cell;
	border-top: 4px solid #ffffff;
	padding: 12px;
	width: auto;
	background-color: #dddddd;
	vertical-align: middle;
}

.dash .newlisting .table > div .note p {
	display: block;
	width: 100%;
	font-family: wh-regular;
	font-style: italic;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: center;
}
.dash .newlisting .table .note p:last-child {
	font-family: wh-light;
	font-style: italic;
}
.dash .newlisting .table > div .note p span {
	font-family: wh-regular;
	font-style: italic;
	color: #1f7bbf;
}
.dash .newlisting .table > div .note p span.href:hover {
	text-decoration: underline;
	cursor: pointer;
}
.dash .newlisting .table > div .label p {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #333333;
}


/* create a title works */
.dash .formtitle {
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 0 4px;
	border: 0;
	width: calc(100% - 8px);
}

.dash .formtitle > div {
	display: table-row;
	width: 100%;
}

.dash .formtitle > div > p:first-child {
	display: table-cell;
	padding: 12px;
	width: calc(100% - 24px);
	min-height: 18px;
	background-color: #cccccc;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: center;
	vertical-align: middle;
}


/* extended 2-cell */
.dash .formextend {
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 4px 4px 0;
	border: 0;
	width: calc(100% - 8px);
}

.dash .formextend > div {
	display: table-row;
	width: 100%;
}

.dash .formextend .table > div:first-child > div:first-child {
	border-bottom: 4px solid #ffffff;
}

.dash .formextend > div > div:nth-child(1) {
	display: table-cell;
	border-right: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	padding: 12px;
	width: 18px;
	min-height: 18px;
	background-color: #dddddd;
	vertical-align: middle;
}

.dash .formextend > div > div:nth-child(2) {
	display: table-cell;
	border-bottom: 4px solid #ffffff;
	padding: 0;
	width: auto;
	background-color: #eeeeee;
	vertical-align: middle;
}

.dash .formextend input[type="text"] {
	display: block;
	float: left;
	border: 0;
	padding: 0;
	width: 100%;
	height: 44px;
	background: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.75rem;
	color: #333333;
}

/* dropdown */
.dash .formextend .drop {
	display: block;
	position: relative;
	float: left;
	border: 0;
	width: 100%;
	height: 44px;
	background-image: url('/dashboard/img/arrow_vdrop-66.png');
	background-position: calc(100% - 4px) center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.dash .formextend .drop select {
	display: block;
	position: relative;
	left: -2px;
	border: 0;
	width: calc(100% + 32px); /* 32px-pad wider than container */
	height: 44px;
	background: transparent;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem; /* 20px */
	color: #666666;
}


/* nested table */
.dash .formextend .table {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.dash .formextend .table > div {
	display: table-row;
	width: 100%;
}


.dash .formextend .table > div .input {
	display: table-cell;
	padding: 0 8px;
	width: auto;
	background-color: #eeeeee;
	vertical-align: middle;
}

.dash .formextend .table > div .label {
	display: table-cell;
	padding: 12px;
	width: auto;
	background-color: #dddddd;
	vertical-align: middle;
}

.dash .formextend .table > div .label p {
	display: block;
	width: 100%;
	min-height: 18px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
}


/* txtbox with optional currency marker */
.dash .newlisting p.curr,
.dash .formextend p.curr {
	display: block;
	float: left;
	padding: 0 2px 0 0;
	width: 12px;
	height: 44px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.75rem;
	color: #666666;
}

.dash .newlisting input[type="text"] {
	display: block;
	float: left;
	border: 0;
	padding: 0;
	width: 100%;
	height: 44px;
	background: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.75rem;
	color: #333333;
}

.dash .newlisting p.curr + input[type="text"],
.dash .formextend p.curr + input[type="text"] {
	width: calc(100% - 14px);
}

/* checkbox */
.dash .newlisting .chkbox {
	display: table;
	position: relative;
	width: 100%;
	height: 28px;
}

.dash .newlisting input[type="checkbox"] {
	display: none;
}

.dash .newlisting input[type="checkbox"] + span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 4px 0 0;
	border: 2px solid #666666;
	border-radius: 4px;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/chkbox_16.png');
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .newlisting input[type="checkbox"]:checked + span {
	background-position: -16px top;
}

.dash .newlisting label {
	display: table-cell;
	padding: 0 0 0 28px;
	width: calc(100% - 28px);
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.75rem;
	color: #666666;
	text-align: left;
	overflow: hidden;
	vertical-align: middle;
}


/* txtarea */
.dash .newlisting textarea {
	display: block;
	border: 0;
	padding: 8px;
	width: calc(100% - 16px);
	max-width: 100%;
	height: 220px;
	background: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #333333;
	overflow-y: scroll;
}

/* txtarea field replacement */
.dash .newlisting textarea.field {
	padding: 12px 8px;
	height: 20px;
	max-height: 20px;
	overflow: hidden;
}


/* dropdown */
.dash .newlisting .drop {
	display: block;
	position: relative;
	float: left;
	border: 0;
	width: 100%;
	height: 44px;
	background-image: url('/dashboard/img/arrow_vdrop-66.png');
	background-position: calc(100% - 4px) center;
	background-repeat: no-repeat; /* w-20, h/2-4+1 (4 is half the .png h) */
	overflow: hidden;
}

.dash .newlisting .drop select {
	display: block;
	position: relative;
	left: -2px;
	border: 0;
	width: calc(100% + 32px); /* 32px-pad wider than container */
	height: 44px;
	background: transparent;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem; /* 20px */
	color: #666666;
}

/* misc */
.dash .newlisting p.help {
	display: block;
	float: left;
	width: auto;
	height: 44px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.75rem;
	color: #666666;
	text-decoration: underline;
}

/* flagged for deprecation */
.dash .explain_error {
	display: block;
	float: left;
	padding: 0 0 4px 4px;
	max-width: 48%;
	height: 18px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #f95555;
	text-align: left;
}

/* flagged for deprecation */
.dash .denote_req {
	display: block;
	float: right;
	padding: 0 4px 4px 0;
	max-width: 48%;
	height: 18px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: right;
}

/* used on imgupload */
.dash .explain_center {
	display: block;
	margin: 0 auto;
	padding-bottom: 4px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: center;
}

@media only screen and (min-width : 20px) and (max-width : 719px) {

	.dash .newlisting {
		display: block;
	}

	.dash .newlisting > div {
		display: table;
		table-layout: fixed;
	}

	/* name */
	.dash .newlisting > div > p:nth-child(2) {
		display: none;
	}

	/* input */
	.dash .newlisting > div > div:nth-child(3) {
		padding: 0;
		width: 100%;
	}

	/* mobile name */
	.dash .newlisting > div > div:nth-child(3) > p:first-child {
		display: block;
	}

	.dash .newlisting .table > div .input {
		display: table-cell;
		border-top: 4px solid #ffffff;
		padding: 0;
	}

	/* nested table mobile name */
	.dash .newlisting .table > div .input > p:first-child {
		display: block;
	}

	.dash .newlisting p.curr {
		padding: 0 2px 0 8px;
	}

	.dash .newlisting input[type="text"] {
		padding: 0 0 0 8px;
		width: calc(100% - 8px);
		font-size: 0.875rem;
	}

	.dash .newlisting p.curr + input[type="text"] {
		padding: 0;
		width: calc(100% - 22px);
	}

	/* checkbox */
	.dash .newlisting .chkbox {
		margin: 0 8px;
		width: calc(100% - 16px);
	}

	.dash .newlisting textarea,
	.dash .formextend input[type="text"] {
		font-size: 0.875rem;
	}

	/* dropdown */
	.dash .newlisting .drop {
		margin: 0 0 0 8px;
		width: calc(100% - 16px);
	}

	.dash .newlisting .drop select,
	.dash .formextend .drop select {
		font-size: 0.875rem;
	}
}

/* special textarea adjustent */
@media only screen and (min-width : 424px) and (max-width : 567px) {

	/* txtarea field replacement */
	.dash .newlisting textarea.field {
		height: 40px;
		max-height: 40px;
	}
}

/* special textarea adjustent */
@media only screen and (min-width : 20px) and (max-width : 423px) {

	/* txtarea field replacement */
	.dash .newlisting textarea.field {
		height: 60px;
		max-height: 60px;
		overflow-y: scroll;
	}
}



/* IMAGE TOOLS IMAGE */

/* old info
width: 342px; target 368
	height: 256px;*/

/* parent should dictate size */
.image {
	display: block;
	position: relative;
	margin: auto;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/* stretch fill */
.image > img.stretch {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
/* center hori and vert */
.image > img.center {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
}
/* resize width and maintain height ratio (vertical centered) */
.image > img.vertical {
	display: block;
	position: absolute;
	top: 50%;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	transform: translateY(-50%);
}
/* resize height and maintain width ratio (centered) */
.image > img.horizontal {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: auto;
	height: 100%;
}


/* status imgs are 200x110 */
.image .upload-ready {
	background-image: url('/dashboard/img/imgupload_ready.png');
}
.image .upload-ready:hover {
	background-image: url('/dashboard/img/imgupload_ready-hover.png');
}
.image .upload-wait {
	background-image: url('/dashboard/img/imgupload_wait.png');
}
.image .upload-error {
	background-image: url('/dashboard/img/imgupload_error.png');
}
.image .upload-invalid {
	background-image: url('/dashboard/img/imgupload_invalid.png');
}
.image .upload-large {
	background-image: url('/dashboard/img/imgupload_large.png');
}
.image .upload-minsize-96 {
	background-image: url('/dashboard/img/imgupload_minsize-96.png');
}
.image .upload-minsize-480 {
	background-image: url('/dashboard/img/imgupload_minsize-480.png');
}
.image .upload-maxsize {
	background-image: url('/dashboard/img/imgupload_maxsize.png');
}
.image .upload-duplicate {
	background-image: url('/dashboard/img/imgupload_duplicate.png');
}
.image .view {
	background-size: 100% 125%;
}


.image input[type="file"] {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	border: 0;
	cursor: pointer;
	overflow: hidden;
}

.image > div {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
}

.image .rotate {
	display: block;
	position: absolute;
	top: calc(100% - 40px);
	left: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/icon_rotate.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.image .rotate:hover {
	background-image: url('/dashboard/img/icon_rotate-hover.png');
}

.image .trash {
	display: block;
	position: absolute;
	top: calc(100% - 40px);
	left: calc(100% - 40px);
	padding: 0;
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/icon_trash.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.image .trash:hover {
	background-image: url('/dashboard/img/icon_trash-hover.png');
}

/* taking scrollbar into consideration */
@media only screen and (min-width : 942px) and (max-width : 1224px) {

	.image {

	}
}

/* no longer taking scrollbar into consideration */
@media only screen and (min-width : 774px) and (max-width : 941px) {

	.image {

	}
}

@media only screen and (min-width : 20px) and (max-width : 773px) {

	.image {
		float: none;
		margin: 0 auto 12px;
	}
}




/* IMGUPLOAD STUFF */
.dash .imguploadwrap {
	display: block;
	margin: 0 auto;
	padding-right: 12px;
	width: calc(100% - 12px - 48px);
	max-width: 1140px;
	height: auto;
}

/* special listnav fix */
.dash .imguploadwrap .listnav {
	padding: 0 0 0 12px;
	width: calc(100% - 12px);
}

.dash .imgupload {
	display: block;
	position: relative;
	float: left;
	margin: 0 0 12px 12px;
	padding: 12px;
	border: 1px solid #cccccc;
	width: 342px; /* target 368 */
	height: 256px;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.dash .imgupload.ready {
	background-image: url('/dashboard/img/imgupload_ready.png');
}
.dash .imgupload.ready:hover {
	background-image: url('/dashboard/img/imgupload_ready-hover.png');
}
.dash .imgupload.wait {
	background-image: url('/dashboard/img/imgupload_wait.png');
}
.dash .imgupload.error {
	background-image: url('/dashboard/img/imgupload_error.png');
}
.dash .imgupload.invalid {
	background-image: url('/dashboard/img/imgupload_invalid.png');
}
.dash .imgupload.large {
	background-image: url('/dashboard/img/imgupload_large.png');
}
.dash .imgupload.minsize {
	background-image: url('/dashboard/img/imgupload_minsize-480.png');
}
.dash .imgupload.maxsize {
	background-image: url('/dashboard/img/imgupload_maxsize.png');
}
.dash .imgupload.duplicate {
	background-image: url('/dashboard/img/imgupload_duplicate.png');
}

/*.dash .imgupload.margin {
	margin-left: 48px;
}*/

.dash .imgupload input[type="file"] {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	border: 0;
	cursor: pointer;
	overflow: hidden;
}

.dash .imgupload .img {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 125%;
}

.dash .imgupload .rotate {
	display: block;
	position: absolute;
	top: calc(100% - 44px);
	left: 0;
	padding: 12px;
	width: 18px;
	height: 20px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/icon_rotate.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .imgupload .rotate:hover {
	background-image: url('/dashboard/img/icon_rotate-hover.png');
}

.dash .imgupload .trash {
	display: block;
	position: absolute;
	top: calc(100% - 44px);
	left: calc(100% - 44px);
	padding: 12px;
	width: 18px;
	height: 20px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/icon_trash.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .imgupload .trash:hover {
	background-image: url('/dashboard/img/icon_trash-hover.png');
}

/* taking scrollbar into consideration */
@media only screen and (min-width : 942px) and (max-width : 1224px) {

	.dash .imguploadwrap {
		max-width: 882px;
	}

	.dash .imgupload {
		width: 256px;
		height: 192px;
	}
}

/* no longer taking scrollbar into consideration */
@media only screen and (min-width : 774px) and (max-width : 941px) {

	.dash .imguploadwrap {
		max-width: 714px;
	}

	.dash .imgupload {
		width: 200px;
		height: 150px;
	}
}

@media only screen and (min-width : 20px) and (max-width : 773px) {

	.dash .imguploadwrap {
		padding: 0;
		width: 90%;
	}

	.dash .imguploadwrap .listnav {
		padding: 0;
		width: 100%;
	}

	.dash .imgupload {
		float: none;
		margin: 0 auto 12px;
		width: 262px;
		height: 198px;
	}
}



/* bottom nav */

.dash .listnav {
	display: block;
	clear: both;
	margin: 0 0 24px 0;
	width: 100%;
	height: 48px;
}

.dash .listnav .back {
	display: block;
	float: left;
	border-radius: 2px;
	padding: 12px 12px 12px 34px;
	border: 0;
	width: 80px;
	height: 24px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/arrow_10x16_back_white.png');
	background-position: 12px center;
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.dash .listnav .back:hover {
	background-image: url('/dashboard/img/arrow_10x16_back_lit-blue.png');
	color: #8adeff;
}

.dash .listnav .next {
	display: block;
	float: right;
	border-radius: 2px;
	padding: 12px 34px 12px 12px;
	border: 0;
	width: 80px;
	height: 24px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/arrow_10x16_next_white.png');
	background-position: calc(100% - 12px) center;
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.dash .listnav .next:hover {
	background-image: url('/dashboard/img/arrow_10x16_next_lit-blue.png');
	color: #8adeff;
}


.dash .listnav .draft {
	display: block;
	position: relative;
	margin: 0 auto;
	border: 2px solid #1c1445;
	border-radius: 2px;
	padding: 12px 12px 12px 12px;
	width: 240px;
	height: 20px;
	background: none;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: center;
	cursor: pointer;
}
.dash .listnav .draft:hover {
	background-color: #8adeff;
}
.dash .listnav .draft:active {
	background-color: #1c1445;
	color: #8adeff;
}

.dash .listnav .draft .confirm {
	display: none;
	position: absolute;
	top: 13px;
	left: calc(100% - 40px);
	border: 0;
	width: 18px;
	height: 18px;
	background-image: url('/dashboard/img/icon18_checkmark_drk-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
}

.dash .listnav p {
	display: block;
	margin: 0 auto;
	height: 48px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 3rem;
	color: #1f7bbf;
	text-align: center;
}


@media only screen and (min-width : 20px) and (max-width : 599px) {

	.dash .listnav {
		height: 104px;
	}

	.dash .listnav .back {
		width: calc(50% - 46px - 8px);
	}

	.dash .listnav .next {
		width: calc(50% - 46px - 8px);
	}

	.dash .listnav .draft {
		clear: both;
		float: left;
		margin-top: 8px;
		border: 2px solid #1c1445;
		padding: 12px 12px 12px 12px;
		width: calc(100% - 28px);
	}
}





/* this should be changed to h2
or something */
.dash p.heading {
	display: block;
	padding: 0 0 24px 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #666666;
	text-align: center;
}

/* preview stuff */

.dash .publish {
	display: block;
	padding: 40px 0 24px 0;
	width: 100%;
	min-height: 20px;
	background-color: #dddddd;
	background-image: url('/dashboard/img/arrow_flow.png');
	background-position: center top;
	background-repeat: no-repeat;
}

.publish > .wrap {
	position: relative;
	max-width: 800px;
}

.dash .publish > .wrap > div:first-of-type {
	display: block;
	width: 100%;
	height: auto;
}

.dash .publish > .wrap > div:first-of-type > header {
	display: block;
	padding: 0 0 24px;
	width: 100%;
}

.dash .publish > .wrap > div:first-of-type > header > h2 {
	display: block;
	padding: 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #1c1445;
	text-align: center;
}

.dash .publish > .wrap > div:first-of-type > header > h3 {
	display: block;
	padding: 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: center;
}

.dash .publish > .wrap > div:first-of-type > header > p {
	display: block;
	padding: 20px 0 2px 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #1c1445;
	text-align: center;
}

.dash .publish > .wrap > div:first-of-type > div {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}
.dash .publish > .wrap > div:first-of-type > div.nbox {
	border: 2px solid #1c1445;
	padding: 8px;
	width: calc(100% - 16px);
}

.dash .publish > .wrap > div > div > p {
	display: block;
	padding: 0 0 8px;
	width: 100%;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
}

.dash .publish > .wrap > div > div > p > a {
	color: #1c1445;
	text-decoration: underline;
}
.dash .publish > .wrap > div > div > p > a:hover {
	text-decoration: underline;
}

.dash .publish > .wrap > div > div > p > span {
	font-family: wh-semibold;
	color: #1c1445;
}

/* save to drafts */
.dash .publish > .wrap > div > div > .draft {
	display: block;
	position: relative;
	border: 2px solid #1c1445;
	border-radius: 2px;
	padding: 12px;
	width: calc(50% - 38px);
	height: 20px;
	background: none;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: center;
	cursor: pointer;
	user-select: none;
}
.dash .publish > .wrap > div > div > .draft:hover {
	background-color: #8adeff;
}
.dash .publish > .wrap > div > div > .draft:active {
	background-color: #1c1445;
	color: #8adeff;
}
.dash .publish > .wrap > div > div > .draft .confirm {
	display: none;
	position: absolute;
	top: 13px;
	right: 38px;
	border: 0;
	width: 18px;
	height: 18px;
	background-image: url('/dashboard/img/icon18_checkmark_drk-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
}

.dash .publish > .wrap > div > div > .complete {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	border-radius: 2px;
	padding: 12px;
	width: calc(50% - 34px);
	height: 24px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.dash .publish > .wrap > div > div > .complete:hover {
	color: #8adeff;
}
.dash .publish > .wrap > div > div > .complete.clicked {
	background-color: #999999;
	cursor: default;
}
.dash .publish > .wrap > div > div > .complete.clicked:hover {
	color: #ffffff;
}

/* pencils of promise */
.dash .publish > .wrap > p {
	display: block;
	padding: 20px 0 2px 0;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: left;
}

.dash .pop {
	display: table;
	margin: 0 0 24px;
	width: 100%;
	min-height: 64px;
	height: auto;
}

.dash .pop > div {
	display: table-cell;
	padding: 0 24px 0 0;
	width: 111px;
	height: auto;
	background-image: url('/imeji/promise.png');
	background-position: center left;
	background-repeat: no-repeat;
}

.dash .pop > p {
	display: table-cell;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
}
.dash .pop > p span {
	font-family: wh-semibold;
	color: #1c1445;
}

.dash .pop > p a {
	color: #1c1445;
}
.dash .pop > p a:hover {
	text-decoration: underline;
}


@media only screen and (min-width : 20px) and (max-width : 560px) {

	.publish .wrap {
		width: 90%;
	}

	.publish .option {
		margin: 0 0 8px;
	}

	.publish .option > input:last-child {
		margin: 0 0 0 4px;
		width: 80px;
	}

	.publish .drop {
		width: calc(100% - 2px - 98px);
		font-size: 0.875rem;
	}

	.publish .drop select {
		font-size: 0.875rem;
	}

	.publish div.in {
		width: calc(100% - 2px - 98px);
		font-size: 0.875rem;
	}

	.publish .broker div.in {
		margin: 0 0 8px 0;
		width: calc(100% - 2px);
	}

	.publish div.in > input[type="text"] {
		font-size: 0.875rem;
	}

	.publish .out {
		width: calc(100% - 14px - 98px);
		font-size: 0.875rem;
	}

	.publish .draft {
		margin: 12px 0 8px 0;
		width: calc(100% - 28px);
	}

	.publish .complete {
		width: calc(100% - 24px);
	}

	.dash .pop {
		display: block;
	}

	.dash .pop > div {
		display: block;
		margin: 0 auto;
		padding: 0;
	}

	.dash .pop > p {
		display: block;
		width: 100%;
	}

}








.dash .checkout .heading {
	display: block;
	float: left;
	padding: 0 0 12px;
	width: 100%;
	min-height: 36px;
	font-family: wh-regular;
	font-size: 2rem;
	line-height: 2.25rem;
	color: #666666;
	text-align: center;
}

.dash .checkout .choices {
	display: block;
	float: left;
	padding: 0 0 24px;
	width: 100%;
}

.checkout .choices .choicewrap {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.checkout .choices .choicewrap a,
.checkout .choices .choicewrap div {
	display: block;
	float: left;
	margin: 0 0 0 2%;
	border: 1px solid #cccccc;
	padding: 160px 12px 20px;
	width: calc(32% - 26px);
	min-height: 48px;
	background-color: #ffffff;
	background-position: center 48px;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
	font-family: wh-semibold;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: center;
	cursor: pointer;
}
.checkout .choices .choicewrap a:hover,
.checkout .choices .choicewrap div:hover {
	border: 1px solid #1c1445;
}

.checkout .choices .choicewrap a:nth-child(1),
.checkout .choices .choicewrap div:nth-child(1) {
	margin: 0;
	background-image: url('/dashboard/img/img80_create.png');

}

.checkout .choices .choicewrap div:nth-child(2) {
	background-image: url('/dashboard/img/img80_replicate.png');
}

.checkout .choices .choicewrap div:nth-child(3) {
}

.checkout .choices .choicewrap .paypal {
	background-image: url('/dashboard/img/img81_paypal.png');
}
.checkout .choices .choicewrap .paypal.dim {
	background-image: url('/dashboard/img/img81_paypal-dim.png');
	color: #666666;
	cursor: default;
}

.checkout .choices .choicewrap .creditcard {
	background-image: url('/dashboard/img/img100_checkout.png');
}
.checkout .choices .choicewrap .creditcard.dim {
	background-image: url('/dashboard/img/img100_checkout-dim.png');
	color: #666666;
	cursor: default;
}

@media only screen and (min-width : 561px) and (max-width : 823px) {

	.checkout .choices .choicewrap a,
	.checkout .choices .choicewrap div {
		min-height: 40px;
		font-size: 1rem;
		line-height: 1.25rem;
	}
}

@media only screen and (min-width : 20px) and (max-width : 560px) {

	.checkout .choices .choicewrap {
		max-width: 420px;
	}

	.checkout .choices .choicewrap a,
	.checkout .choices .choicewrap div {
		clear: left;
		margin: 0 0 12px 0;
		width: calc(100% - 26px);
	}

	.checkout .choices .choicewrap a:nth-child(1),
	.checkout .choices .choicewrap div:nth-child(1) {
		margin: 0 0 12px 0;
	}
}




/* noticebox should become fullbox
and current .fullbox should be renamed */
.dash .checkout .noticebox {
	display: block;
	float: left;
	margin: 0 0 24px;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(100% - 26px);
	min-height: 20px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.dash .checkout .noticebox p {
	display: block;
	width: 100%;
	min-height: 20px;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
}

.dash .checkout p.info {
	display: block;
	float: left;
	padding-bottom: 32px;
	width: 100%;
	min-height: 20px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: center;
}

.dash .checkout p.info > a,
.dash .checkout .noticebox p > a {
	color: #1c1445;
	text-decoration: underline;
}
.dash .checkout p.info > a:hover,
.dash .checkout .noticebox p > a:hover {
	text-decoration: underline;
}

.dash .checkout p.info > span,
.dash .checkout .noticebox p > span {
	font-family: wh-semibold;
	color: #1c1445;
}


.dash .checkout .cart {
	display: block;
	float: left;
	width: 100%;
	height: auto;
}

.dash .checkout .cart > header {
	display: block;
	float: left;
	padding: 0 0 12px;
	width: 100%;
	min-height: 36px;
}


.dash .checkout .cart > header > h2 {
	display: block;
	padding: 0 0 0 0;
	font-family: wh-regular;
	font-size: 2rem;
	line-height: 2.25rem;
	color: #666666;
	text-align: center;
}

.dash .checkout .cart > header > h3 {
	display: block;
	padding: 0 0 0 0;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
}


.dash .checkout .cart .actions {
	display: block;
	float: left;
	margin: -12px 0 24px;
	width: 55%;
	height: auto;
}

.dash .checkout .create,
.dash .checkout .drafts {
	display: block;
	float: left;
	margin: 0 0 12px 0;
	border-radius: 2px;
	padding: 12px;
	width: calc(50% - 24px - 12px);
	height: 20px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-align: center;
}
.dash .checkout .drafts {
	margin: 0 0 12px 12px;
}
.dash .checkout .create:hover,
.dash .checkout .drafts:hover {
	color: #8adeff;
}

.dash .checkout .promobox {
	display: block;
	float: right;
	margin: 0 12px 0 0;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(50% - 26px - 12px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.dash .checkout .promobox > p {
	display: block;
	float: left;
	padding: 0 0 4px;
	width: auto;
	height: auto;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
}

.dash .checkout .promobox input[type="text"] {
	display: block;
	float: left;
	border: 1px solid #999999;
	border-radius: 1px;
	padding-left: 8px;
	width: calc(100% - 10px - 44px);
	height: 32px;
	background: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2rem;
	color: #333333;
}

.dash .checkout .promobox > div
{
	display: block;
	float: left;
	margin: 0 0 0 12px;
	width: 32px;
	height: 34px;
}

.dash .checkout .promobox > div.valid {
	background-image: url('/dashboard/img/icon18_checkmark_green.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.dash .checkout .promobox > div.invalid {
	background-image: url('/dashboard/img/icon18_attention_red.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.dash .checkout .promobox > div.clear {
	background-image: none;
}


.dash .checkout .summary {
	display: block;
	float: right;
	margin: -12px 0 24px;
	border: 1px solid #cccccc;
	padding: 12px;
	width: calc(45% - 26px);
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.checkout .summary .title {
	display: block;
	float: left;
	clear: left;
	width: calc(100% - 100px);
	height: auto;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
}

.checkout .summary .subtitle {
	display: block;
	float: left;
	clear: left;
	padding: 0 0 0 12px;
	width: calc(100% - 12px - 100px);
	height: auto;
	font-family: wh-regular;
	font-style: italic;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}

.checkout .summary .subtitle.stroke {
	text-decoration: line-through;
}

.checkout .summary .curr {
	display: block;
	float: left;
	width: 20px;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: left;
}

.checkout .summary .amount {
	display: block;
	float: left;
	width: 80px;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: right;
}

.checkout .summary .btn_paypal {
	display: block;
	float: right;
	clear: both;
	margin: 12px 0 0;
	width: 228px;
	max-width: 228px;
	height: 44px;
	max-height: 44px;
	background-image: url('/dashboard/img/btn_paypal_checkout.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	cursor: pointer;
}

.checkout .btn_checkout,
.checkout .summary .btn_checkout {
	display: block;
	float: right;
	clear: both;
	margin: 12px 0 0;
	border-radius: 2px;
	width: 228px;
	height: 44px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 2.75rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.checkout .btn_checkout {
	margin: -12px 0 24px;
	clear: none;
}
.checkout .btn_checkout:hover,
.checkout .summary .btn_checkout:hover {
	color: #8adeff;
}


/* Safari and Chrome */
@-webkit-keyframes rotate {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.checkout .summary .loading {
	display: none;
	float: right;
	margin: 12px 8px 0 0;
	width: 44px;
	height: 44px;
	background-image: url('/dashboard/img/img24_loading_blue.png');
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-animation: rotate 1s linear infinite;
	-moz-animation: rotate 1s linear infinite;
	-ms-animation: rotate 1s linear infinite;
	-o-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
}


@media only screen and (min-width : 20px) and (max-width : 919px) {

	.dash .checkout .cart .actions {
		width: 40%;
	}

	.dash .checkout .create,
	.dash .checkout .drafts {
		margin: 0 0 8px 0;
		width: calc(100% - 24px - 12px);
		font-size: 1rem;
	}

	.dash .checkout .drafts {
		margin: 0 0 8px 0;
	}

	.dash .checkout .promobox {
		width: calc(100% - 26px - 12px);
	}

	.dash .checkout .promobox > p {
		font-size: 1rem;
		line-height: 1.125rem;
	}

	.dash .checkout .promobox input[type="text"] {
		font-size: 0.875rem;
	}

	.dash .checkout .summary {
		width: calc(60% - 26px);
	}

	.checkout .summary .title {
		width: calc(100% - 72px);
		width: -wekit-calc(100% - 72px);
		font-size: 1rem;
		line-height: 1.125rem;
	}

	.checkout .summary .subtitle {
		width: calc(100% - 12px - 72px);
		width: -wekit-calc(100% - 12px - 72px);
		font-size: 0.875rem;
		line-height: 1rem;
	}

	.checkout .summary .curr {
		width: 12px;
		font-size: 0.875rem;
		line-height: 1rem;
	}

	.checkout .summary .amount {
		width: 60px;
		font-size: 0.875rem;
		line-height: 1rem;
	}

	.checkout .summary .btn_checkout {
		font-size: 1rem;
	}
}

@media only screen and (min-width : 20px) and (max-width : 560px) {

	.dash .checkout .cart .actions {
		width: 100%;
	}

	.dash .checkout .create,
	.dash .checkout .drafts {
		width: calc(100% - 24px);
	}

	.dash .checkout .promobox {
		margin: 0;
		width: calc(100% - 26px);
	}

	.dash .checkout .summary {
		width: calc(100% - 26px);
	}

	.checkout .summary .btn_checkout {
		width: 100%;
	}

	.checkout .summary .btn_paypal {
		width: calc(100% - 52px);
	}
}




/* profile */
.dash .halfbox {
	display: block;
	float: left;
	margin: 0 0 12px 0;
	padding: 32px 12px;
	border: 1px solid #cccccc;
	width: calc(50% - 26px - 6px);
	min-height: 20px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}


.dash .halfbox header {
	display: block;
	padding: 0 0 12px 32px;
	font-family: wh-regular;
	font-size: 1.875rem;
	line-height: 2rem;
	color: #1c1445;
}

.dash .halfbox > div {
	display: block;
	border-bottom: 2px solid #cccccc;
	width: 100%;
}

.dash .halfbox > div:nth-last-of-type(1) {
	margin-bottom: 32px;
}

/* icon */
.dash .halfbox > div > div {
	display: block;
	float: left;
	margin: 12px 12px 0;
	width: 18px;
	height: 18px;
}

.dash .halfbox > div > p {
	display: block;
	float: left;
	margin: 12px 0 0 0;
	padding: 1px 0 0;
	width: calc(100% - 42px);
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
}

.dash .halfbox > div > p:nth-child(3) {
	margin: 12px 0 12px 42px;
	width: calc(100% - 42px);
	font-family: wh-semibold;
	color: #d20000;
}

.dash .halfbox > div > p:last-child {
	display: block;
	float: left;
	margin: 0 12px 12px;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}

.dash .halfbox > div > p.red:last-child {
	color: #f95555;
}

.dash .halfbox > div > p:last-child a {
	font-family: wh-semibold;
}

.dash .halfbox > div > p:last-child a:hover {
	text-decoration: underline;
}

.dash .halfbox > div > p:last-child span {
	font-family: wh-semibold;
}

.dash .halfbox > div > input[type="text"] {
	display: block;
	float: left;
	margin: 12px 0 12px 42px;
	border: 0;
	padding-top: 1px;
	width: calc(100% - 42px);
	height: auto;
	font-family: wh-light;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}
.dash .halfbox > div > input[type="text"]::-webkit-input-placeholder { /* Chrome */
	font-family: wh-light;
	font-style: italic;
	color: #cccccc;
}
.dash .halfbox > div > input[type="text"]:-ms-input-placeholder { /* IE 10+ */
	font-family: wh-light;
	font-style: italic;
	color: #cccccc;
}
.dash .halfbox > div > input[type="text"]::-moz-placeholder { /* Firefox 19+ */
	font-family: wh-light;
	font-style: italic;
	color: #cccccc;
	opacity: 1;
}
.dash .halfbox > div > input[type="text"]:-moz-placeholder { /* Firefox 4 - 18 */
	font-family: wh-light;
	font-style: italic;
	color: #cccccc;
	opacity: 1;
}

/* dropdown */
.dash .halfbox > div > .drop {
	display: block;
	float: left;
	margin: 12px 0 12px 37px; /* 5 less */
	border: 0;
	width: calc(100% - 42px);
	height: auto;
	background-image: url('/dashboard/img/arrow_vdrop-66.png');
	background-position: calc(100% - 16px) center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.dash .halfbox > div > .drop select {
	display: block;
	border: 0;
	padding-top: 1px;
	width: calc(100% + 32px); /* 32px-pad wider than container */
	height: auto;
	background: transparent;
	font-family: wh-light;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}


.dash .halfbox button {
	display: block;
	margin: 0 auto;
	padding: 1px 38px 0 16px;
	border: 0;
	border-radius: 1px;
	width: 86px;
	height: 39px;
	background-color: #1c1445;
	background-image: url('/imeji/arrow_6x9_r_white.png');
	background-position: calc(100% - 16px) 16px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}
.dash .halfbox button:hover {
	background-image: url('/imeji/arrow_6x9_r_lit-blue.png');
	color: #8adeff;
}


.dash .halfbox.photo {
	float: left;
}

.dash .halfbox.photo header {
	float: right;
	padding: 0 0 20px 0;
	width: calc(100% - 164px);
}

.dash .halfbox.photo img {
	display: block;
	float: left;
	margin: 0 24px 12px 12px;
	border-radius: 64px;
	width: 128px;
	height: 128px;
}

.dash .halfbox.photo img.noradius {
	border-radius: 0;
}

.dash .halfbox.photo p {
	display: block;
	float: right;
	margin: 0;
	padding: 0 0 12px 0;
	width: calc(100% - 164px);
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}

.dash .halfbox.photo p.error {
	color: #f95555;
}

.dash .halfbox.photo p.hl {
	color: #1c1445;
}

.dash .halfbox.photo > div {
	display: block;
	float: right;
	border: 0;
	padding: 0 12px 0 0;
	width: calc(100% - 12px - 164px);
	height: auto;
}

.dash .halfbox.photo > div:nth-last-of-type(1) {
	margin-bottom: 0;
}

.dash .halfbox.photo > div label {
	display: block;
	float: left;
	margin: 0;
	padding: 1px 30px 0 12px;
	border: 0;
	border-radius: 1px;
	width: 86px;
	height: 39px;
	background-color: #1c1445;
	background-image: url('/imeji/arrow_6x9_r_white.png');
	background-position: calc(100% - 12px) 16px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}

.dash .halfbox.photo > div label:hover {
	color: #8adeff;
}

.dash .halfbox.photo > div input[type="file"] {
	display: inline;
	float: left;
	border: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.dash .halfbox.photo > div button {
	float: left;
	margin: 0;
}

.dash .halfbox.photo > div button ~ button {
	margin: 0 0 0 12px;
	background-color: #d20000;
}

.dash .halfbox.photo > div button ~ button:hover {
	color: #8adeff;
}

/* close account */
.dash .close_account {
	display: block;
	float: left;
	margin: 0 0 32px;
	width: auto;
	height: auto;
	font-family: wh-regular;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #999999;
	text-align: right;
	cursor: pointer;
}

.dash .close_account:hover {
	color: #d20000;
}

@media only screen and (min-width : 720px) and (max-width : 1047px) {

	.dash .halfbox.photo header {
		width: calc(100% - 116px);
	}

	.dash .halfbox.photo img {
		margin: 0 24px 12px 12px;
		border-radius: 40px;
		width: 80px;
		height: 80px;
	}

	.dash .halfbox.photo p {
		width: calc(100% - 116px);
	}

	.dash .halfbox.photo > div {
		clear: both;
		padding: 0 12px;
		width: calc(100% - 24px);
	}

	.dash .halfbox.photo > div button {
		width: calc(50% - 54px - 6px);
	}

	.dash .halfbox.photo > div button ~ button {
		margin: 0 0 0 12px;
	}
}

@media only screen and (min-width : 384px) and (max-width : 559px) {

	.dash .halfbox.photo header {
		width: calc(100% - 116px);
	}

	.dash .halfbox.photo img {
		margin: 0 24px 12px 12px;
		border-radius: 40px;
		width: 80px;
		height: 80px;
	}

	.dash .halfbox.photo p {
		width: calc(100% - 116px);
	}

	.dash .halfbox.photo > div {
		clear: both;
		padding: 0 12px;
		width: calc(100% - 24px);
	}

	.dash .halfbox.photo > div button {
		width: calc(50% - 54px - 6px);
	}

	.dash .halfbox.photo > div button ~ button {
		margin: 0 0 0 12px;
	}
}

@media only screen and (min-width : 20px) and (max-width : 383px) {

	.dash .halfbox.photo header {
		width: 100%;
		text-align: center;
	}

	.dash .halfbox.photo img {
		float: none;
		margin: 0 auto 12px auto;
		border-radius: 64px;
		width: 128px;
		height: 128px;
		background-position: center center;
	}

	.dash .halfbox.photo p {
		width: 100%;
		text-align: center;
	}

	.dash .halfbox.photo > div {
		clear: both;
		padding: 0 12px;
		width: calc(100% - 24px);
	}

	.dash .halfbox.photo > div button {
		width: calc(100% - 54px);
	}

	.dash .halfbox.photo > div button ~ button {
		margin: 8px 0 0 0;
	}
}

.dash .halfbox.basic {
	float: right;
}

.dash .halfbox.passwd {
	float: left;
}

.dash .halfbox.stayconnected {
	float: right;
}

.dash .halfbox.notifications {
	float: left;
}

.dash .halfbox.notifications > div > div {
	margin: 23px 12px 0;
}

.dash .halfbox.notifications > div > p {
	margin: 0 12px 0 0;
	width: 192px;
	line-height: 4rem;
}

.dash .halfbox.notifications button {
	float: right;
	margin: 12px 12px 12px 0;
	width: 106px;
}

.dash .halfbox.notifications > div:nth-last-of-type(1) {
	margin-bottom: 0;
	border: 0;
}

@media only screen and (min-width : 720px) and (max-width : 959px) {

	.dash .halfbox.notifications > div > div {
		margin: 12px 12px 0;
	}

	.dash .halfbox.notifications > div > p {
		margin: 12px 0 0 0;
		width: calc(100% - 42px);
		line-height: 1.125rem;
	}

	.dash .halfbox.notifications button {
		clear: left;
		margin: 4px 12px 12px 0;
	}
}

@media only screen and (min-width : 20px) and (max-width : 495px) {

	.dash .halfbox.notifications > div > div {
		margin: 12px 12px 0;
	}

	.dash .halfbox.notifications > div > p {
		margin: 12px 0 0 0;
		width: calc(100% - 42px);
		line-height: 1.125rem;
	}

	.dash .halfbox.notifications button {
		clear: left;
		margin: 4px 12px 12px 0;
	}
}


/* 720 is lowest for side by side */
@media only screen and (min-width : 20px) and (max-width : 719px) {

	.dash .halfbox {
		width: calc(100% - 26px);
	}

	.dash .halfbox header {
		display: block;
		padding: 0 0 12px 0;
		width: 100%;
		text-align: center;
	}
}







/* proposed universal h3 to replace various header fonts */
.dash > h3 {
	display: block;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.3125rem;
	color: #333333;
}


/* legalforms */
.dash h2.formsect {
	display: block;
	float: left;
	clear: both;
	padding: 0 0 12px;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 2rem;
	line-height: 2.5rem;
	color: #333333;
	text-align: center;
}

/* seller has no listings */
/* sell location restrictions */
.dash h2.notice {
	display: block;
	padding: 0 0 12px;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #666666;
	text-align: center;
}

/* view all listings */
.dash h2.info {
	display: block;
	margin: 0 0 12px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #999999;
	text-align: center;
}

/* view all listings - franchise-premium locations */
.dash p.info-franchise {
	display: block;
	margin: 0;
	padding: 0 0 24px;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: center;
}
.dash p.info-franchise a {
	color: #1c1445;
	text-decoration: underline;
}
.dash p.info-franchise a:hover {

}

@media only screen and (min-width : 20px) and (max-width : 560px) {

	.dash h2.info,
	.dash h2.notice {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}

}





/*	--------------------------------------------------------------
	PROMPTS & DIALOGUES
--------------------------------------------------------------	*/

/* experimental prompt */
@keyframes emerge {
	from {
		opacity: 0;
	} to {
		opacity: 1;
	}
}
@-webkit-keyframes emerge {
	from {
		opacity: 0;
	} to {
		opacity: 1;
	}
}

.prompt {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(255,255,255,0.6);
}

.prompt > div {
	display: table-cell;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: none;
	vertical-align: middle;
}

.prompt > div > div {
	display: block;
	position: relative;
	z-index: 100;
	margin: auto;
	border: 4px solid #1c1445;
	padding: 24px;
	height: auto;
	background-color: #ffffff;
	animation-name: emerge;
	animation-duration: 0.5s;
	-webkit-animation-name: emerge;
	-webkit-animation-duration: 0.5s;
}

.prompt div > div.full {
	width: calc(100% - 56px);
}

.prompt div > div .x {
	display: block;
	float: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 30;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	width: 24px;
	height: 24px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/x_blitbox16.png');
	background-position: 6px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

/* format is determined by an inner class */

/* bizchatter popups */
.prompt div > div.prmt_bizchatter.size {
	width: 420px;
}

.prmt_bizchatter > header {
	display: block;
	padding-bottom: 12px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: center;
}

.prmt_bizchatter > p {
	display: block;
	padding-bottom: 12px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: left;
}

.prmt_bizchatter > p.subtitle {
	font-family: wh-semibold;
	text-align: center;
}

.prmt_bizchatter > p.bold {
	padding-top: 8px;
	font-family: wh-semibold;
}

.prmt_bizchatter > div {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 172px;
	height: 32px;
}

.prmt_bizchatter div > button {
	display: block;
	float: left;
	border: 0;
	border-radius: 1px;
	padding-top: 1px;
	width: 80px;
	height: 39px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}

.prmt_bizchatter button:hover {
	color: #8adeff;
}

.prmt_bizchatter div > button:last-of-type {
	margin-left: 12px;
}

.prmt_bizchatter button {
	display: block;
	margin: 0 auto;
	border: 0;
	border-radius: 1px;
	padding-top: 1px;
	width: 96px;
	height: 39px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}


/* feedback popup */
.prompt div > div.prmt_feedback.size {
	width: 800px;
}

.prmt_feedback > h2 {
	display: block;
	padding: 0 0 12px 0;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.75rem;
	line-height: 1.75rem;
	color: #1c1445;
	text-align: left
}

.prmt_feedback > div:first-of-type {
	display: block;
	float: left;
	padding: 0 32px 0 0;
	width: calc(50% - 32px);
	height: auto;
}

.prmt_feedback > p,
.prmt_feedback > div > p {
	display: block;
	padding: 0 0 20px 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	text-align: left;
}
.prmt_feedback > p span,
.prmt_feedback > div > p span {
	color: #1c1445;
	text-decoration: underline;
	cursor: pointer;
}
.prmt_feedback > p span:hover,
.prmt_feedback > div > p span:hover {
	text-decoration: underline;
}

.prmt_feedback h4 {
	display: block;
	margin-top: 8px;
	padding-bottom: 4px;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1rem;
	color: #666666;
}

.prmt_feedback h4 + p {
	font-family: wh-light;
}

.prmt_feedback > div:last-of-type {
	display: block;
	float: right;
	padding: 0;
	width: 50%;
	height: auto;
}

.prmt_feedback h3 {
	display: block;
	float: left;
	margin: 32px 0 20px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
}

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

.prmt_feedback label.radio {
	display: block;
	float: left;
	margin: 0 0 12px 0;
	width: 50%;
	height: 20px;
}
.prmt_feedback label.radio input[type="radio"] {
	display: none;
}
.prmt_feedback .radio input[type="radio"] + span {
	display: block;
	float: left;
	margin: 0;
	width: 20px;
	height: 20px;
	background-image: url('/dashboard/img/radio_20.png');
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.prmt_feedback label.radio input[type="radio"]:checked + span {
	background-image: url('/dashboard/img/radio_20.png');
	background-position: -20px center;
	background-repeat: no-repeat;
}
.prmt_feedback label.radio p {
	display: inline;
	float: left;
	padding: 2px 0 0 8px;
	width: auto;
	height: 18px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
}

.prmt_feedback textarea {
	display: block;
	border: 1px solid #999999;
	padding: 8px;
	width: calc(100% - 18px);
	height: 100px;
}

.prmt_feedback label.checkbox {
	display: block;
	clear: left;
	float: left;
	margin-bottom: 8px;
	width: 100%;
	height: 20px;
}

.prmt_feedback .checkbox input[type="checkbox"] {
	display: none;
}
.prmt_feedback .checkbox input[type="checkbox"] + span {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	border: 1px solid #999999;
	width: 18px;
	height: 18px;
	background-image: url('/dashboard/img/chkbox_18.png');
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}
.prmt_feedback .checkbox input[type="checkbox"]:checked + span {
	background-image: url('/dashboard/img/chkbox_18.png');
	background-position: -18px top;
	background-repeat: no-repeat;
}
.prmt_feedback label.checkbox p {
	display: inline;
	float: left;
	padding: 2px 0 0 8px;
	width: auto;
	height: 18px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
}

.prmt_feedback h3.error {
	color: #d20000;
}
.prmt_feedback textarea.error {
	border: 1px solid #d20000;
}

.prmt_feedback button {
	display: block;
	float: left;
	margin: 24px 0 0;
	padding: 1px 38px 0 16px;
	border: 0;
	border-radius: 1px;
	width: 80px;
	height: 39px;
	background-color: #1c1445;
	background-image: url('/imeji/arrow_6x9_r_white.png');
	background-position: calc(100% - 16px) 16px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}
.prmt_feedback button:hover {
	background-image: url('/imeji/arrow_6x9_r_lit-blue.png');
	color: #8adeff;
}
.prmt_feedback button.clicked {
	background-color: #666666;
	color: #ffffff;
	cursor: default;
}

@media only screen and (min-width : 20px) and (max-width : 823px) {

	.prmt_feedback > div:first-of-type {
		padding: 0;
		width: 100%;
	}

	.prmt_feedback > div:last-of-type {
		width: 100%;
	}
}

@media only screen and (min-width : 20px) and (max-width : 447px) {

	.prmt_feedback > h2 {
		text-align: center;
	}

	.prmt_feedback label.radio {
		width: 100%;
	}
}


/* riskfree popup */
.prompt div > div.prmt_riskfree.size {
	width: 420px;
}

.prmt_riskfree > header {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: center;
}

.prmt_riskfree > p {
	display: block;
	padding-top: 12px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: center;
}


/* subscription popup */
.prompt div > div.prmt_subscribe.size {
	width: 420px;
}

.prmt_subscribe > header {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: center;
}

.prmt_subscribe > p {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: left;
}

.prmt_subscribe > p.subtitle {
	padding: 0 0 12px;
	font-family: wh-semibold;
	text-align: center;
}

.prmt_subscribe > p > a {
	color: #1c1445;
}
.prmt_subscribe > p > a:hover {
	text-decoration: underline;
}

.prmt_subscribe button {
	display: block;
	margin: 12px auto 0;
	border: 0;
	border-radius: 1px;
	padding-top: 1px;
	width: 96px;
	height: 39px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.prmt_subscribe button:hover {
	color: #8adeff;
}
.prmt_subscribe button.clicked {
	background-color: #666666;
	cursor: default;
}

.prmt_subscribe > div {
	display: block;
	margin: 0 auto;
	padding: 12px 0 0;
	width: 172px;
	height: 32px;
}

.prmt_subscribe > div > button {
	display: block;
	float: left;
	margin: 0;
	border: 0;
	border-radius: 1px;
	padding-top: 1px;
	width: 80px;
	height: 39px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.prmt_subscribe > div > button:last-of-type {
	margin-left: 12px;
}




/* unsubscribe popup
   remove card popup
   terminate offer popup */
.prompt div > div.prmt_decision.size {
	width: 420px;
}

.prmt_decision > header {
	display: block;
	padding-bottom: 12px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: center;
}

.prmt_decision > p {
	display: block;
	padding-bottom: 12px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: left;
}
.prmt_decision > p > span {
	font-family: wh-semibold;
}
.prmt_decision > p > a {
	color: #1c1445;
	text-decoration: underline;
}

.prmt_decision > p.subtitle {
	font-family: wh-semibold;
	text-align: center;
}
.prmt_decision > p.subtitle span {
	color: #1c1445;
}

.prmt_decision > div {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 172px;
	height: 32px;
}

.prmt_decision > div > button {
	display: block;
	float: left;
	border: 0;
	border-radius: 2px;
	padding-top: 2px;
	width: 80px;
	height: 39px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.prmt_decision div > button + button {
	margin-left: 12px;
}

.prmt_decision > button {
	display: block;
	margin: 0 auto;
	border: 0;
	border-radius: 2px;
	padding-top: 2px;
	width: 96px;
	height: 39px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.prmt_decision button:hover {
	color: #8adeff;
}
.prmt_decision button.red {
	background-color: #d20000;
}
.prmt_decision button.clicked {
	background-color: #666666;
	cursor: default;
}


/* service reminder */
.prompt > div > div.prmt_reminder {
	border: 4px solid #d20000;
}
.prompt div > div.prmt_reminder.size {
	width: 640px;
}
.prompt div > div.prmt_reminder .x {
	background-color: #d20000;
}

.prmt_reminder > header {
	display: block;
	padding-bottom: 4px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 1.625rem;
	color: #d20000;
	text-align: center;
}

.prmt_reminder > h2 {
	display: block;
	padding-bottom: 12px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #d20000;
	text-align: center;
}

.prmt_reminder > p {
	display: block;
	padding-bottom: 12px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: left;
}
.prmt_reminder > p > span {
	font-family: wh-semibold;
}
.prmt_reminder > p > a {
	color: #1c1445;
	text-decoration: underline;
}

.prmt_reminder > p.subtitle {
	font-family: wh-semibold;
	text-align: center;
}
.prmt_reminder > p.subtitle span {
	color: #1c1445;
}

.prmt_reminder > div {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 172px;
	height: 32px;
}

.prmt_reminder > div > button {
	display: block;
	float: left;
	border: 0;
	border-radius: 2px;
	padding-top: 2px;
	width: 80px;
	height: 39px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.prmt_reminder div > button + button {
	margin-left: 12px;
}

.prmt_reminder > button {
	display: block;
	margin: 0 auto;
	border: 0;
	border-radius: 2px;
	padding-top: 2px;
	width: 96px;
	height: 39px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.prmt_reminder button:hover {
	color: #8adeff;
}
.prmt_reminder button.red {
	background-color: #d20000;
}
.prmt_reminder button.clicked {
	background-color: #666666;
	cursor: default;
}



/* payment form popup */
.prompt div > div.prmt_subscr_form.size {
	width: 340px;
}

.prmt_subscr_form > header {
	display: block;
	padding-bottom: 8px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: center;
}
.prmt_subscr_form > header.warn {
	color: #f95555;
}

.prmt_subscr_form > p {
	display: block;
	padding-bottom: 12px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: left;
}
.prmt_subscr_form > p.subtitle {
	padding-bottom: 8px;
	font-family: wh-semibold;
	text-align: center;
}
.prmt_subscr_form > p.subtitle span {
	color: #1c1445;
}

.prmt_subscr_form > p > a {
	color: #1c1445;
}
.prmt_subscr_form > p > a:hover {
	text-decoration: underline;
	cursor: pointer;
}

.prmt_subscr_form > form {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.prmt_subscr_form > form > label {
	display: block;
	margin: 0;
	padding: 0 0 12px;
	width: 100%;
}

.prmt_subscr_form > form > label > p {
	display: block;
	padding-bottom: 2px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #333333;
	text-align: left;
}

.prmt_subscr_form > form > label > div {
	display: block;
	margin: 0;
	border: 1px solid #999999;
	padding: 8px;
}

.prmt_subscr_form > form > p {
	display: block;
	padding: 0 0 8px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #666666;
	text-align: center;
}
.prmt_subscr_form > form > p.pass {
	color: #1f7bbf;
}
.prmt_subscr_form > form > p.fail {
	color: #f95555;
}

.prmt_subscr_form button {
	display: block;
	margin: 0 auto;
	border: 0;
	border-radius: 1px;
	padding-top: 1px;
	width: 96px;
	height: 39px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.prmt_subscr_form button:hover {
	color: #8adeff;
}
.prmt_subscr_form button.clicked {
	background-color: #666666;
	cursor: default;
}



/* listing_view status popup */
.prompt div > div.prmt_collect.size {
	width: 380px;
}

.prmt_collect > h2 {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.75rem;
	line-height: 1.75rem;
	color: #1c1445;
	text-align: left
}

.prmt_collect h3 {
	display: block;
	padding: 0 0 4px;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: left;
}

.prmt_collect h4 {
	display: block;
	padding-top: 12px;
	font-family: wh-bold;
	font-size: 1.25rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: center;
}

.prmt_collect > p {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	text-align: center;
}
.prmt_collect > p.reduced {
	font-size: 0.875rem;
	line-height: 1rem;
}
.prmt_collect > p > span.semibold {
	font-family: wh-semibold;
}


.prmt_collect label.radio {
	display: inline;
	clear: left;
	float: left;
	margin-bottom: 12px;
	width: auto;
	height: 20px;
}
.prmt_collect label.radio input[type="radio"] {
	display: none;
}
.prmt_collect .radio input[type="radio"] + span {
	display: block;
	float: left;
	margin: 0;
	width: 20px;
	height: 20px;
	background-image: url('/dashboard/img/radio_20.png');
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.prmt_collect label.radio input[type="radio"]:checked + span {
	background-image: url('/dashboard/img/radio_20.png');
	background-position: -20px center;
	background-repeat: no-repeat;
}
.prmt_collect label.radio p {
	display: inline;
	float: left;
	padding: 2px 0 0 8px;
	width: auto;
	height: 18px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
}
.prmt_collect label:first-of-type.radio {
	margin-top: 20px;
}

.prmt_collect input[type="text"] {
	display: block;
	float: left;
	margin-bottom: 12px;
	border: 1px solid #999999;
	padding-left: 8px;
	width: calc(100% - 10px);
	height: 36px;
}
.prmt_collect .drop {
	display: block;
	float: left;
	margin: 0 0 12px;
	border: 1px solid #999999;
	width: calc(100% - 2px);
	height: 36px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_drop-99.png');
	background-repeat: no-repeat;
	background-position: calc(100% - 12px) 15px;
	overflow: hidden;
}
.prmt_collect .drop select {
	display: block;
	position: relative; /* prevent focus borders being visible */
	top: -1px;
	left: -1px;
	padding-left: 8px;
	width: calc(100% + 24px); /* 32px-pad wider than container */
	height: 38px;
	background: transparent;
	border: 0;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.375rem; /* 38px */
	color: #666666;
}
.prmt_collect input[type="text"].error,
.prmt_collect div.drop.error {
	border: 1px solid #d20000;
}

.prmt_collect textarea {
	display: block;
	margin: 0 0 12px;
	border: 1px solid #999999;
	padding: 8px;
	width: calc(100% - 18px);
	min-height: 126px;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: left;
}

.prmt_collect button {
	display: block;
	clear: left;
	float: left;
	margin: 8px 0 20px;
	padding: 1px 38px 0 16px;
	border: 0;
	border-radius: 1px;
	width: 80px;
	height: 39px;
	background-color: #1c1445;
	background-image: url('/imeji/arrow_6x9_r_white.png');
	background-position: calc(100% - 16px) 16px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}
.prmt_collect button:hover {
	color: #8adeff;
}
.prmt_collect button.btn_disabled {
	background-color: #666666;
	cursor: default;
}
.prmt_collect button.btn_disabled:hover {
	background-color: #666666;
}





/* close_account status popup
DEPRECATED
*/
.prompt div > div.prmt_close_account.size {
	width: 380px;
}

.prmt_close_account > h2 {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.75rem;
	line-height: 1.75rem;
	color: #1c1445;
	text-align: left
}

.prmt_close_account h3 {
	display: block;
	padding-top: 4px;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: left;
}

.prmt_close_account h4 {
	display: block;
	padding-top: 12px;
	font-family: wh-bold;
	font-size: 1.25rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: center;
}

.prmt_close_account > p {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	text-align: center;
}


.prmt_close_account label.radio {
	display: inline;
	clear: left;
	float: left;
	margin-bottom: 12px;
	width: auto;
	height: 20px;
}
.prmt_close_account label.radio input[type="radio"] {
	display: none;
}
.prmt_close_account .radio input[type="radio"] + span {
	display: block;
	float: left;
	margin: 0;
	width: 20px;
	height: 20px;
	background-image: url('/dashboard/img/radio_20.png');
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.prmt_close_account label.radio input[type="radio"]:checked + span {
	background-image: url('/dashboard/img/radio_20.png');
	background-position: -20px center;
	background-repeat: no-repeat;
}
.prmt_close_account label.radio p {
	display: inline;
	float: left;
	padding: 2px 0 0 8px;
	width: auto;
	height: 18px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
}
.prmt_close_account label:first-of-type.radio {
	margin-top: 20px;
}


.prmt_close_account input[type="text"] {
	display: block;
	float: left;
	margin-bottom: 12px;
	border: 1px solid #999999;
	padding-left: 8px;
	width: calc(100% - 10px);
	height: 36px;
}

.prmt_close_account .drop {
	display: block;
	float: left;
	margin-bottom: 12px;
	border: 1px solid #999999;
	width: calc(100% - 2px);
	height: 36px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_drop-99.png');
	background-repeat: no-repeat;
	background-position: calc(100% - 12px) 15px;
	overflow: hidden;
}

.prmt_close_account .drop select {
	display: block;
	position: relative; /* prevent focus borders being visible */
	top: -1px;
	left: -1px;
	padding-left: 8px;
	width: calc(100% + 24px); /* 32px-pad wider than container */
	height: 38px;
	background: transparent;
	border: 0;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.375rem; /* 38px */
	color: #666666;
}

.prmt_close_account input[type="text"].error,
.prmt_close_account div.drop.error {
	border: 1px solid #d20000;
}

.prmt_close_account button {
	display: block;
	clear: left;
	float: left;
	margin: 8px 0 20px;
	padding: 1px 38px 0 16px;
	border: 0;
	border-radius: 1px;
	width: 80px;
	height: 39px;
	background-color: #1c1445;
	background-image: url('/imeji/arrow_6x9_r_white.png');
	background-position: calc(100% - 16px) 16px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}
.prmt_close_account button:hover {
	color: #8adeff;
}
.prmt_close_account button.btn_disabled {
	background-color: #666666;
	cursor: default;
}
.prmt_close_account button.btn_disabled:hover {
	background-color: #666666;
}





/* invite/share popup */
.prompt div > div.prmt_share.size {
	width: 680px;
}

.prmt_share > h2 {
	display: block;
	padding-bottom: 32px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.75rem;
	line-height: 1.75rem;
	color: #1c1445;
	text-align: left
}

.prmt_share > div > h3 {
	display: block;
	float: left;
	margin: 24px 0 32px;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #333333;
}

.prmt_share > div:first-of-type {
	display: block;
	float: left;
	border-right: 1px solid #cccccc;
	padding: 0 32px 0 0;
	width: calc(50% - 33px);
	height: auto;
}

.prmt_share > div a {
	display: inline;
	clear: left;
	float: left;
	margin-bottom: 32px;
	padding-left: 48px;
	width: auto;
	height: 32px;
	background-position: left center;
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1.25rem;
	line-height: 2rem;
	color: #999999;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.prmt_share > div a.facebook {
	background-image: url('/dashboard/img/icon32_facebook_drk-blue.png');
}
.prmt_share > div a.facebook:hover {
	background-image: url('/dashboard/img/icon32_facebook_lit-blue.png');
}

.prmt_share > div a.twitter {
	background-image: url('/dashboard/img/icon32_twitter_drk-blue.png');
}
.prmt_share > div a.twitter:hover {
	background-image: url('/dashboard/img/icon32_twitter_lit-blue.png');
}

.prmt_share > div a.linkedin {
	background-image: url('/dashboard/img/icon32_linkedin_drk-blue.png');
}
.prmt_share > div a.linkedin:hover {
	background-image: url('/dashboard/img/icon32_linkedin_lit-blue.png');
}


.prmt_share > div:last-of-type {
	display: block;
	float: right;
	padding: 0 0 0 32px;
	width: calc(50% - 32px);
	height: auto;
}

.prmt_share > div p {
	display: block;
	float: left;
	margin-bottom: 12px;
	padding-top: 1px;
	width: 100%;
	max-width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
	word-wrap: break-word;
	white-space: pre-wrap;
	overflow: hidden;
}

.prmt_share > div p span {
	font-family: wh-semibold;
	color: #666666;
}

.prmt_share > div p.sorry {
	color: #1c1445;
}


.prmt_share input[type="text"] {
	display: block;
	float: left;
	margin-bottom: 12px;
	border: 1px solid #999999;
	padding-left: 8px;
	width: calc(100% - 10px);
	height: 38px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.375rem;
	color: #666666;
}

.prmt_share input[type="text"].error {
	border: 1px solid #d20000;
}

.prmt_share button {
	display: block;
	float: left;
	margin: 0;
	padding: 1px 38px 0 16px;
	border: 0;
	border-radius: 1px;
	width: 96px;
	height: 39px;
	background-color: #1c1445;
	background-image: url('/imeji/arrow_6x9_r_white.png');
	background-position: calc(100% - 16px) 16px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}
.prmt_share button:hover {
	background-image: url('/imeji/arrow_6x9_r_lit-blue.png');
	color: #8adeff;
}

.prmt_share button.clicked {
	background-color: #666666;
	cursor: default;
}


@media only screen and (min-width : 20px) and (max-width : 584px) {

	.prmt_share > div:first-of-type {
		float: none;
		border: 0;
		border-bottom: 1px solid #cccccc;
		padding: 0;
		width: 100%;
	}

	.prmt_share > div:last-of-type {
		float: none;
		padding: 24px 0 0;
		width: 100%;
	}

	.prmt_share > div a {
		display: block;
		float: none;
		margin: 0 auto 24px;
		width: 216px;
	}
}


@media only screen and (min-width : 20px) and (max-width : 368px) {

	.prmt_share > h2 {
		padding-bottom: 24px;
		font-size: 1.5rem;
		line-height: 1.75rem;
	}

	.prmt_share > div > h3 {
		margin: 0 0 12px;
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
}



/* standard modal */
.prompt div > div.prmt_standard.size {
	width: 340px;
}

.prmt_standard h2 {
	display: block;
	font-family: wh-bold;
	font-size: 1.5rem;
	line-height: 1.625rem;
	color: #1c1445;
	text-align: center;
}

.prmt_standard h3 {
	display: block;
	padding-top: 8px;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: center;
}

.prmt_standard h4 {
	display: block;
	padding-top: 8px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: center;
}

.prmt_standard h3.nopad,
.prmt_standard h4.nopad {
	padding: 0;
}

.prmt_standard > div {
	display: block;
	margin-top: 12px;
}

.prmt_standard input[type="text"] {
	display: block;
	float: left;
	margin-bottom: 12px;
	padding-left: 8px;
	border: 1px solid #999999;
	width: calc(100% - 10px);
	height: 30px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #666666;
}

.prmt_standard .drop {
	display: block;
	float: left;
	margin-bottom: 12px;
	border: 1px solid #999999;
	width: calc(100% - 2px);
	height: 30px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_drop_16x8_cc.png');
	background-position: calc(100% - 12px) 12px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.prmt_standard .drop select {
	display: block;
	padding-left: 8px;
	border: 0;
	width: calc(100% + 24px); /* 32px-pad wider than container */
	height: 30px;
	background: transparent;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem; /* 30px */
	color: #666666;
}

.prmt_standard textarea {
	display: block;
	margin-bottom: 12px;
	padding: 8px;
	border: 1px solid #999999;
	width: calc(100% - 18px);
	height: 80px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem; /* 20px */
	color: #666666;
}

.prmt_standard input[type="text"].error,
.prmt_standard div.drop.error,
.prmt_standard textarea.error {
	border: 1px solid #d20000;
}

.prmt_standard div button {
	display: block;
	padding: 1px 0 0;
	border: 0;
	width: 100%;
	height: 31px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2rem;
	color: #ffffff;
	cursor: pointer;
}
.prmt_standard div button:hover {
	color: #8adeff;
}

.prmt_standard div button.clicked {
	background-color: #666666;
	cursor: default;
}

.prmt_standard div > p.referral {
	display: block;
	padding: 8px 0 0;
	font-family: wh-regular;
	font-style: italic;
	font-size: 0.6875rem;
	line-height: 0.875rem;
	color: #333333;
}
.prmt_standard div > p.referral > span {
	font-family: wh-semibold;
	font-style: italic;
}




/* new listing valuation */
.prompt div > div.prmt_valuation.size {
	width: 800px;
}

.prmt_valuation h2 {
	display: block;
	padding: 0 0 12px 0;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.75rem;
	line-height: 1.75rem;
	color: #1c1445;
	text-align: left
}

.prmt_valuation h3 {
	display: block;
	padding: 0 0 8px 0;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
}

.prmt_valuation h3 + h4 {
	display: block;
	padding: 0 0 12px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}

.prmt_valuation h4 {
	display: block;
	padding: 20px 0 8px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
}

.prmt_valuation h4 + p {
	margin: 0;
	padding: 0;
	font-family: wh-bold;
	font-size: 3rem;
	line-height: 3.25rem;
	color: #666666;
	text-align: center;
	word-break: break-all;
}

.prmt_valuation p {
	display: block;
	padding: 20px 0 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	text-align: left;
}
.prmt_valuation p span {
	color: #1c1445;
	cursor: pointer;
}
.prmt_valuation p span:hover {
	text-decoration: underline;
}

.prmt_valuation > div:first-of-type {
	display: block;
	float: left;
	padding: 0 32px 0 0;
	width: calc(50% - 32px);
	height: auto;
}

.prmt_valuation > div:last-of-type {
	display: block;
	float: right;
	border-left: 1px solid #cccccc;
	padding: 0 0 0 32px;
	width: calc(50% - 33px);
	height: auto;
}

.prmt_valuation input[type="text"] {
	display: block;
	float: left;
	margin: 0 0 12px 0;
	padding: 0 0 0 8px;
	border: 1px solid #999999;
	width: calc(100% - 10px);
	height: 30px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #666666;
}

.prmt_valuation .drop {
	display: block;
	float: left;
	margin: 0 0 12px 0;
	border: 1px solid #999999;
	width: calc(100% - 2px);
	height: 30px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_drop_16x8_cc.png');
	background-position: calc(100% - 12px) 12px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.prmt_valuation .drop select {
	display: block;
	padding: 0 0 0 8px;
	border: 0;
	width: calc(100% + 24px); /* 32px-pad wider than container */
	height: 30px;
	background: transparent;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem; /* 30px */
	color: #666666;
}

.prmt_valuation div.error,
.prmt_valuation input.error {
	border: 1px solid #d20000;
}

.prmt_valuation button {
	display: block;
	margin: 0;
	padding: 1px 38px 0 16px;
	border: 0;
	border-radius: 1px;
	width: 80px;
	height: 39px;
	background-color: #1c1445;
	background-image: url('/imeji/arrow_6x9_r_white.png');
	background-position: calc(100% - 16px) 16px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}
.prmt_valuation button:hover {
	color: #8adeff;
}

.prmt_valuation button.clicked {
	background-color: #666666;
	cursor: default;
}

@media only screen and (min-width : 20px) and (max-width : 615px) {

	.prmt_valuation > div:first-of-type {
		padding: 0 0 32px 0;
		width: 100%;
	}

	.prmt_valuation > div:last-of-type {
		border: 0;
		padding: 0;
		width: 100%;
	}
}





/* perk modal */
.prompt div > div.prmt_perk.size {
	width: 380px;
}

.prmt_perk h2 {
	display: block;
	font-family: wh-bold;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: center;
}

.prmt_perk h3 {
	display: block;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: center;
}

.prmt_perk p {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: center;
}

.prmt_perk h4 {
	display: block;
	font-family: wh-regular;
	font-style: italic;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #999999;
	text-align: center;
}

.prmt_perk p a,
.prmt_perk h4 a,
.prmt_perk p span {
	color: #1c1445;
	text-decoration: underline;
	cursor: pointer;
}
.prmt_perk p a:hover,
.prmt_perk p span:hover {
	text-decoration: underline;
}

.prmt_perk .tal {
	text-align: left;
}



.prmt_perk img {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 228px;
	height: 160px;
}

.prmt_perk > div {
	display: block;
	width: 100%;
	height: auto;
}

.prmt_perk input[type="text"] {
	display: block;
	float: left;
	margin-bottom: 8px;
	padding-left: 8px;
	border: 1px solid #999999;
	width: calc(100% - 10px);
	height: 30px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #666666;
}

.prmt_perk .drop {
	display: block;
	float: left;
	margin-bottom: 8px;
	border: 1px solid #999999;
	width: calc(100% - 2px);
	height: 30px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_drop_16x8_cc.png');
	background-position: calc(100% - 12px) 12px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.prmt_perk .drop select {
	display: block;
	padding-left: 8px;
	border: 0;
	width: calc(100% + 24px); /* 32px-pad wider than container */
	height: 30px;
	background: transparent;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem; /* 30px */
	color: #666666;
}

.prmt_perk textarea {
	display: block;
	margin-bottom: 8px;
	padding: 8px;
	border: 1px solid #999999;
	width: calc(100% - 18px);
	height: 80px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem; /* 20px */
	color: #666666;
}

.prmt_perk input[type="text"].error,
.prmt_perk div.drop.error,
.prmt_perk textarea.error {
	border: 1px solid #d20000;
}

.prmt_perk div button,
.prmt_perk div .button {
	display: block;
	padding: 1px 0 0;
	border: 0;
	border-radius: 1px;
	width: 100%;
	height: 31px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2rem;
	color: #ffffff;
	cursor: pointer;
	text-align: center;
}
.prmt_perk div button:hover,
.prmt_perk div .button:hover {
	color: #8adeff;
}

.prmt_perk div button.clicked,
.prmt_perk div .button.clicked {
	background-color: #666666;
	color: #ffffff;
	cursor: default;
}



/* signature popup (accept offer) */
.prompt div > div.prmt_signature.size {
	width: 640px;
}

.prmt_signature {
	user-select: none;
}

.prmt_signature > h2 {
	display: block;
	padding: 0;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.75rem;
	line-height: 1.75rem;
	color: #1c1445;
	text-align: left
}

.prmt_signature h3 {
	display: block;
	padding: 0 0 8px;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #666666;
}
.prmt_signature h3.error {
	color: #d20000;
}
.prmt_signature > h2 + h3 {
	padding: 2px 0 8px;
}

.prmt_signature h4 {
	display: block;
	padding: 0;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
}

.prmt_signature > p,
.prmt_signature > div > p {
	display: block;
	padding: 0 0 12px 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: left;
}
.prmt_signature > p > a {
	text-decoration: underline;
	cursor: pointer;
}
.prmt_signature > p > span,
.prmt_signature > div > p > span {
	font-family: wh-semibold;
}
.prmt_signature > div > p.error {
	color: #d20000;
}

.prmt_signature > div:first-of-type {
	display: block;
	float: left;
	margin: 12px 0 0;
	padding: 0 32px 0 0;
	width: calc(100% - 302px - 32px);
	height: auto;
}
.prmt_signature > p:last-of-type,
.prmt_signature > div:first-of-type > p:last-of-type {
	padding: 0;
}

.prmt_signature > div:last-of-type {
	display: block;
	float: right;
	margin: 12px 0 0;
	padding: 0;
	width: 302px;
	height: auto;
}

.prmt_signature > div > div {
	display: block;
	position: relative;
	margin: 0;
	width: 302px;
	max-width: 302px;
}

.prmt_signature > div > div > div {
	display: block;
	border: 1px solid #999999;
	padding: 0;
	width: 100%;
	height: 108px;
	background-image: url('/dashboard/img/signature_box.png');
	background-size: 100% 108px;
	background-repeat: no-repeat;
	overflow: hidden;
}
.prmt_signature > div > div > div.error {
	border: 1px solid #d20000;
}

.prmt_signature > div > div > div > canvas {
	display: block;
	padding: 0;
	width: 100%;
	max-width: 300px;
	height: 108px;
	overflow: hidden;
	touch-action: none;
}
.prmt_signature > div > div > div + p {
	display: block;
	float: left;
	padding: 2px 0 0;
	width: calc(100% - 72px);
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #d20000;
}
.prmt_signature > div > div > div + p > a {
	text-decoration: underline;
	cursor: pointer;
}

.prmt_signature > div > button {
	display: block;
	margin: 0;
	padding: 1px 12px 0;
	border: 0;
	border-radius: 2px;
	width: 80px;
	height: 39px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.prmt_signature button:hover {
	color: #8adeff;
}
.prmt_signature > div > div > button {
	display: block;
	float: right;
	margin: 4px 0 0;
	border: 0;
	border-radius: 2px;
	padding: 0 12px;
	width: 48px;
	height: 26px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.625rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}

.prmt_signature > div > div + p {
	clear: both;
	padding: 8px 0;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #333333;
}

.prmt_signature button.clicked {
	background-color: #666666;
	color: #ffffff;
	cursor: default;
}



@media only screen and (min-width : 20px) and (max-width : 695px) {

	.prmt_signature > div:first-of-type {
		padding: 0;
		width: 100%;
	}

	.prmt_signature > div:last-of-type {
		width: 100%;
	}
}

@media only screen and (min-width : 20px) and (max-width : 447px) {

	.prmt_signature > h2 {
		text-align: center;
	}

	.prmt_signature label.radio {
		width: 100%;
	}

	.prmt_signature > div > div {
		margin: 0 auto;
		width: 100%;
		max-width: 302px;
	}
}


/*	--------------------------------------------------------------
	BizON LiveON
--------------------------------------------------------------	*/

.liveon {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 227px;
}

.liveon_green {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 227px;
	background-image: url('/imeji/liveon_green.png');
	background-repeat: no-repeat;
}

.liveon_blue {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 227px;
	background-image: url('/imeji/liveon_blue.png');
	background-repeat: no-repeat;
}

.liveon_gray {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 227px;
	background-image: url('/imeji/liveon_gray.png');
	background-repeat: no-repeat;
}

.liveon_red {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 227px;
	background-image: url('/imeji/liveon_red.png');
	background-repeat: no-repeat;
}






/*	--------------------------------------------------------------
	Buttons - Standard 140x38
--------------------------------------------------------------	*/


.btn2_wide {
	display: block;
	width: 288px;
	height: 38px;
}

.btn_join {
	display: block;
	width: 140px;
	height: 38px;
	background-image: url('/imeji/btn_join-for-free.png');
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}

.btn_watch-demo {
	display: block;
	width: 140px;
	height: 38px;
	background-image: url('/imeji/btn_watch-demo.png');
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}


/*	--------------------------------------------------------------
	background colors
--------------------------------------------------------------	*/

.bg-white {
	background-color: #ffffff;
}

.bg-light {
	background-color: #eeeeee;
}

.bg-green {
	background-color: #6db844;
}

.bg-lit-blue {
	background-color: #8adeff;
}
.bg-blue {
	background-color: #1f7bbf;
}
.bg-drk-blue {
	background-color: #1c1445;
}

.bg-red {
	background-color: #d20000;
}
.bg-lit-red {
	background-color: #f95555;
}

.bg-grey {
	background-color: #dddddd;
}


/*	--------------------------------------------------------------
	Formatting - Text
--------------------------------------------------------------	*/

.uline {
	text-decoration: underline;
}

.bold {
	font-family: wh-bold;
}

.green {
	color: #6db844;
}

.lit-blue {
	color: #8adeff;
}
.blue {
	color: #1f7bbf;
}
.drk-blue {
	color: #1c1445;
}

.lit-red {
	color: #f95555;
}
.red {
	color: #d20000;
}

.lgray {
	color: #999999;
}

.gray {
	color: #666666;
}

.dgray {
	color: #333333;
}

/*	--------------------------------------------------------------
	Formatting - Quick Margins and Special
--------------------------------------------------------------	*/

.t0 {margin-top:0;}

.t8 {margin-top:8px;}

.t12 {margin-top:12px;}

.t16 {margin-top:16px;}

.t20 {margin-top:20px;}

.t24 {margin-top:24px;}

.t32 {margin-top:32px;}

.t48 {margin-top:48px;}

.t64 {margin-top:64px;}

.r12 {margin-right:12px;}

.r20 {margin-right:20px;}

.b8 {margin-bottom:8px;}

.b12 {margin-bottom:12px;}

.b20 {margin-bottom:20px;}

.b24 {margin-bottom:24px;}

.b32 {margin-bottom:32px;}

.b48 {margin-bottom:48px;}

.b64 {margin-bottom:64px;}

.l0 {margin-left:0;}

.l4 {margin-left:4px;}

.l8 {margin-left:8px;}

.l12 {margin-left:12px;}

.l16 {margin-left:16px;}

.l20 {margin-left:20px;}

.l24 {margin-left:24px;}

.l32 {margin-left:32px;}

.l48 {margin-left:48px;}

.l64 {margin-left:64px;}

.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}


.cntr {
	margin-right: auto;
	margin-left: auto;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.cleft {
	clear: left;
}

.cright {
	clear: right;
}

.cboth {
	clear: both;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.noradius {
	border-radius: 0;
}


/* FLAGS */
.flag_australia {
	background-image: url('/dashboard/img/flag_australia.png');
}
.flag_bangladesh {
	background-image: url('/dashboard/img/flag_bangladesh.png');
}
.flag_brazil {
	background-image: url('/dashboard/img/flag_brazil.png');
}
.flag_canada {
	background-image: url('/dashboard/img/flag_canada.png');
}
.flag_denmark {
	background-image: url('/dashboard/img/flag_denmark.png');
}
.flag_france {
	background-image: url('/dashboard/img/flag_france.png');
}
.flag_germany {
	background-image: url('/dashboard/img/flag_germany.png');
}
.flag_hongkong {
	background-image: url('/dashboard/img/flag_hongkong.png');
}
.flag_india {
	background-image: url('/dashboard/img/flag_india.png');
}
.flag_italy {
	background-image: url('/dashboard/img/flag_italy.png');
}
.flag_japan {
	background-image: url('/dashboard/img/flag_japan.png');
}
.flag_kenya {
	background-image: url('/dashboard/img/flag_kenya.png');
}
.flag_southkorea {
	background-image: url('/dashboard/img/flag_southkorea.png');
}
.flag_sweden {
	background-image: url('/dashboard/img/flag_sweden.png');
}
.flag_switzerland {
	background-image: url('/dashboard/img/flag_switzerland.png');
}
.flag_uganda {
	background-image: url('/dashboard/img/flag_uganda.png');
}
.flag_uk {
	background-image: url('/dashboard/img/flag_uk.png');
}
.flag_un {
	background-image: url('/dashboard/img/flag_un.png');
}
.flag_usa {
	background-image: url('/dashboard/img/flag_usa.png');
}


/*	--------------------------------------------------------------
	Custom Font Implementation
--------------------------------------------------------------	*/

@font-face {
	font-family: 'wh-bold';
	src: url('/fonts/wavehaus-bold.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wh-extrabold';
	src: url('/fonts/wavehaus-extrabold.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wh-light';
	src: url('/fonts/wavehaus-light.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wh-regular';
	src: url('/fonts/wavehaus-regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wh-semibold';
	src: url('/fonts/wavehaus-semibold.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wh-thin';
	src: url('/fonts/wavehaus-thin.otf');
	font-weight: normal;
	font-style: normal;
}


/*	--------------------------------------------------------------
	FRONTEND HEADER
--------------------------------------------------------------	*/





/*	--------------------------------------------------------------
	footer
--------------------------------------------------------------	*/

.footer {
	padding: 64px 0;
	border-top: 1px solid #cccccc;
	background-color: #ffffff;
}

.footer > div {

}

.footer > div > div {
	display: block;
	margin: 0 auto;
	border: 0;
	padding: 0 20px;
	max-width: 888px;
}

.footer > div > div > div {
	display: block;
	float: left;
	padding: 20px 64px 0 0;
	width: 176px;
}
.footer > div > div > div:nth-of-type(3) {
	padding: 0;
}
.footer > div > div > div:nth-of-type(4) {
	margin: 0 0 0 24px;
	padding: 88px 0 0;
	width: 176px;
	background-image: url('/imeji/liveon_240x228_drk-blue.png');
	background-position: center 20px;
	background-size: auto 56px;
	background-repeat: no-repeat;
}

.footer > div > div > div > header {
	display: block;
	padding: 0 0 20px;
	height: 24px;
	font-family: wh-bold;
	font-size: 1.5rem; /* 24px */
	line-height: 1.5rem;
	color: #444444;
	text-align: left;
	white-space: nowrap;
	overflow: visible;
}

.footer > div > div > div > a {
	display: block;
	margin: 0 0 8px 0;
	border: 0;
	background-image: url('/imeji/arrow_8x12_r_66.png');
	background-position: right center; /* was 6px */
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}
.footer > div > div > div > a:hover {
	background-image: url('/imeji/arrow_8x12_r_drk-blue.png');
	color: #1c1445;
	cursor: pointer;
}

.footer > div > div > div > div {

}

.footer > div > div > div > div > a {
	display: block;
	float: left;
	margin: 0 12px 12px 0;
	padding: 0;
	width: 32px;
	height: 32px;
	background-position: center center;
	background-repeat: no-repeat;
}


.icon_alexa {
	background-image: url('/imeji/icon_alexa_32x32_99.png');
}
.icon_alexa:hover {
	background-image: url('/imeji/icon_alexa_32x32_drk-blue.png');
}

.icon_facebook {
	background-image: url('/imeji/icon_facebook_32x32_99.png');
}
.icon_facebook:hover {
	background-image: url('/imeji/icon_facebook_32x32_drk-blue.png');
}

.icon_googleplus {
	background-image: url('/imeji/icon_googleplus_32x32_99.png');
}
.icon_googleplus:hover {
	background-image: url('/imeji/icon_googleplus_32x32_drk-blue.png');
}

.icon_instagram {
	background-image: url('/imeji/icon_instagram_32x32_99.png');
}
.icon_instagram:hover {
	background-image: url('/imeji/icon_instagram_32x32_drk-blue.png');
}

.icon_linkedin {
	background-image: url('/imeji/icon_linkedin_32x32_99.png');
}
.icon_linkedin:hover {
	background-image: url('/imeji/icon_linkedin_32x32_drk-blue.png');
}

.icon_periscope {
	background-image: url('/imeji/icon_periscope_32x32_99.png');
}
.icon_periscope:hover {
	background-image: url('/imeji/icon_periscope_32x32_drk-blue.png');
}

.icon_reddit {
	background-image: url('/imeji/icon_reddit_32x32_99.png');
}
.icon_reddit:hover {
	background-image: url('/imeji/icon_reddit_32x32_drk-blue.png');
}

.icon_pinterest {
	background-image: url('/imeji/icon_pinterest_32x32_99.png');
}
.icon_pinterest:hover {
	background-image: url('/imeji/icon_pinterest_32x32_drk-blue.png');
}

.icon_reddit {
	background-image: url('/imeji/icon_reddit_32x32_99.png');
}
.icon_reddit:hover {
	background-image: url('/imeji/icon_reddit_32x32_drk-blue.png');
}

.icon_slideshare {
	background-image: url('/imeji/icon_slideshare_32x32_99.png');
}
.icon_slideshare:hover {
	background-image: url('/imeji/icon_slideshare_32x32_drk-blue.png');
}

.icon_snapchat {
	background-image: url('/imeji/icon_snapchat_32x32_99.png');
}
.icon_snapchat:hover {
	background-image: url('/imeji/icon_snapchat_32x32_drk-blue.png');
}
.icon_snapchat_ext {
	background-image: url('/imeji/icon_snapchat_extended_32x32_99.png');
}
.icon_snapchat_ext:hover {
	background-image: url('/imeji/icon_snapchat_extended_32x32_drk-blue.png');
}

.icon_tiktok {
	background-image: url('/imeji/icon_tiktok_32x32_99.png');
}
.icon_tiktok:hover {
	background-image: url('/imeji/icon_tiktok_32x32_drk-blue.png');
}

.icon_tumblr {
	background-image: url('/imeji/icon_tumblr_32x32_99.png');
}
.icon_tumblr:hover {
	background-image: url('/imeji/icon_tumblr_32x32_drk-blue.png');
}

.icon_twitter {
	background-image: url('/imeji/icon_twitter_32x32_99.png');
}
.icon_twitter:hover {
	background-image: url('/imeji/icon_twitter_32x32_drk-blue.png');
}

.icon_youtube {
	background-image: url('/imeji/icon_youtube_32x32_99.png');
}
.icon_youtube:hover {
	background-image: url('/imeji/icon_youtube_32x32_drk-blue.png');
}

.footer > div > div > div > p {
	display: block;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
}
.footer > div > div > div > p > a {
	font-size: 1rem;
}
.footer > div > div > div > p > a:hover {
	text-decoration: underline;
	cursor: pointer;
}


/* adjusted - one */
@media only screen and (min-width : 570px) and (max-width : 944px) {

	.footer > div > div {
		max-width: 656px;
	}

	.footer > div > div > div:nth-of-type(4) {
		clear: left;
		margin: 12px 0 0;
		padding: 0 0 0 72px;
		min-height: 64px;
		background-position: left center;
	}

	.footer > div > div > div > p {
		padding: 14px 0 0;
		text-align: left;
	}
}

/* adjusted - two */
@media only screen and (min-width : 570px) and (max-width : 719px) {

	.footer > div > div {
		padding: 0 20px;
	}

	.footer > div > div > div {
		padding: 0 48px 12px 0;
	}
	.footer > div > div > div:nth-of-type(2) {
		padding: 0 0 12px 0;
	}
	.footer > div > div > div:nth-of-type(3) {
		clear: both;
		padding: 0;
		width: auto;
	}

	.footer > div > div > div > header {
		padding: 0 0 12px;
	}

	.footer > div > div > div > div > a:last-of-type {
		margin: 0 0 12px 0;
	}
}

/* mobile */
@media only screen and (min-width : 120px) and (max-width : 569px) {

	.footer > div > div {
		padding: 0 0 56px;
		width: auto;
	}

	.footer > div > div > div {
		float: none;
		margin: 0 auto;
		padding: 0 12px 12px;
		width: auto;
		max-width: 320px;
	}
	.footer > div > div > div:nth-of-type(2) {
		float: none;
		margin: 0 auto;
		padding: 0 12px 12px;
		width: auto;
		max-width: 320px;
	}
	.footer > div > div > div:nth-of-type(3) {
		float: none;
		padding: 0 0 32px 12px;
		width: 220px;
	}

	.footer > div > div > div > header {
		padding: 0 0 12px;
		text-align: center;
	}

	.footer > div > div > img {
		display: none;
	}

	.footer > div > div > div:nth-of-type(4) {
		margin: 0 auto;
		padding: 64px 0 0;
		background-position: center top;
	}
}



/*	--------------------------------------------------------------
	LOGIN, FORGOT, ACTIVATE, CHANGE_EMAIL
--------------------------------------------------------------	*/

.dash .request {
	display: block;
	margin: 0 auto;
	padding: 3rem 0 0;
	width: 100%;
	height: auto;
	background-color: #ffffff;
}

.dash .request header {
	padding-bottom: 1.5rem;
}

.dash .request h1 {
	font-family: wh-regular;
	font-size: 3rem; /* 48px */
	line-height: 3.25rem; /* 60px */
	color: #666666;
	text-align: center;
}

.dash .request h2 {
	font-family: wh-light;
	font-size: 2rem;
	line-height: 2.25rem; /* 40px */
	color: #ffffff;
	text-align: center;
}

.dash .request h3 {
	font-family: wh-semibold;
	font-style: italic;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-align: center;
}

.dash .request h3 span {
	color: #dddddd;
}

.dash .request h4 {
	font-family: wh-regular;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #ffffff;
	text-align: center;
}

.dash .request h4 a:hover {
	border-bottom: 1px solid #ffffff;
}
.dash .request h4 span {
	font-family: wh-semibold;
}

.dash .request p {
	padding-top: 12px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-align: center;
}

.dash .request p span {
	font-family: wh-regular;
	font-style: italic;
	color: #dddddd;
}

.dash .request p.red {
	font-family: wh-bold;
	color: #d20000;
}

.dash .request p a {
	text-decoration: underline;
}

.dash .request > div {
	width: 100%;
	padding-bottom: 32px;
	background-color: #1c1445;
	/*background: #6db844 url('/imeji/flow_border_green.png') repeat-x top left;*/
}

.dash .request > div header {
	margin: 0 auto;
	padding: 2rem 0 0.75rem;
	/*background: url('/imeji/flowin.png') no-repeat top center;*/
}

.dash .request > div > a,
.dash .request > div > button {
	display: block;
	margin: 0.75rem auto 0;
	border: 0;
	border-radius: 3px;
	padding-top: 2px;
	width: 100px;
	height: 32px;
	background-color: #8adeff;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.dash .request > div > a:active,
.dash .request > div > button:active {
	background-color: #666666;
}

.dash .request > div > div {
	display: block;
	margin: 0.75rem auto 1rem;
	padding: 1.25rem;
	border: 2px solid #8adeff;
	border-radius: 8px;
	width: 420px;
	height: auto;
}

/* 2 buttons */
.dash .request > div > div.ask {
	display: block;
	padding: 0.75rem;
	width: 212px;
}

.dash .request > div > div.ask button {
	margin: 0;
	clear: none;
}

.dash .request > div > div.ask button:last-child {
	margin-right: 12px;
	background-color: #666666;
}

.dash .request > div > div.prompt {
	display: block;
	padding: 0.75rem;
	width: 348px;
}

.dash .request > div > div.prompt a {
	margin: 0;
	width: auto;
}

.dash .request > div > div.prompt button {
	margin: 0;
	clear: none;
}

.dash .request > div > div > label {
	display: block;
	float: left;
	margin-bottom: 8px;
	padding-top: 2px;
	width: calc(100% - 224px);
	height: 32px;
	font-family: wh-semibold;
	font-size: 1.25rem;
	line-height: 2.125rem;
	color: #ffffff;
}

.dash .request > div > div input[type="text"] {
	display: block;
	float: right;
	margin-bottom: 8px;
	border: 1px solid #666666;
	border-radius: 1px;
	padding-left: 0.75rem;
	width: calc(224px - 2px - 0.75rem);
	height: 2rem;
	font-family: wh-regular;
	font-size: 1rem;
	color:#666666;
}

.dash .request > div > div input[type="password"] {
	display: block;
	float: right;
	margin-bottom: 8px;
	border: 1px solid #666666;
	border-radius: 1px;
	padding-left: 0.75rem;
	width: calc(224px - 2px - 0.75rem);
	height: 2rem;
	font-family: wh-regular;
	font-size: 1rem;
	color:#666666;
}

.dash .request > div > div .checkbox {
	display: block;
	clear: right;
	float: right;
	margin-bottom: 8px;
	width: 224px;
	height: 1.625rem;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.7rem;
	color: #ffffff;
}
/* label inherited from checkbox */

.dash .request > div > div .checkbox input[type="checkbox"] {
	display: none;
}

.dash .request > div > div .checkbox input[type="checkbox"] + label span {
	display: block;
	float: left;
	margin: 0;
	border: 1px solid #666666;
	width: 24px;
	height: 24px;
	background-image: url('/imeji/chkbox_24.png');
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

.dash .request > div > div .checkbox input[type="checkbox"]:checked + label span {
	background-image: url('/imeji/chkbox_24.png');
	background-position: -24px top;
	background-repeat: no-repeat;
}

.dash .request > div > div a {
	display: block;
	clear: left;
	float: left;
	margin-top: 4px;
	padding-top: 2px;
	width: calc(100% - 108px);
	height: 2rem;
	font-family: wh-regular;
	font-style: italic;
	font-size: 1rem;
	line-height: 2rem;
	color: #ffffff;
	text-align: left;
}

.dash .request > div > div button {
	display: block;
	clear: right;
	float: right;
	margin: 4px 0 0 8px;
	border: 0;
	border-radius: 3px;
	padding-top: 2px;
	width: 100px;
	height: 32px;
	background-color: #8adeff;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2rem;
	color: #ice455;
	text-align: center;
	cursor: pointer;
}

.dash .request > div > div button:active {
	background-color: #666666;
}

.dash .request > div > div button.clicked {
	background-color: #666666;
	cursor: default;
}


/* BUTTONS */

.btn_login_alt {
	display: block;
	border: 0;
	width: 102px;
	height: 34px;
	background-image: url('/imeji/btn_login_alt.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.btn_activate {
	display: block;
	border: 0;
	width: 102px;
	height: 34px;
	background-image: url('/imeji/btn_activate.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.btn_logout {
	display: block;
	border: 0;
	width: 102px;
	height: 34px;
	background-image: url('/imeji/btn_logout.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.btn_verify {
	display: block;
	border: 0;
	width: 102px;
	height: 34px;
	background-image: url('/imeji/btn_verify.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.btn_retrieve {
	display: block;
	border: 0;
	width: 102px;
	height: 34px;
	background-image: url('/imeji/btn_retrieve.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.btn_continue {
	display: block;
	border: 0;
	width: 102px;
	height: 34px;
	background-image: url('/imeji/btn_continue.png');
	background-repeat: no-repeat;
	cursor: pointer;
}


/* arbitrary breakpoint */
@media only screen and (min-width : 20px) and (max-width : 512px) {

	.dash .request > div > div {
		margin: 0.75rem auto;
		border: 0;
		padding: 0;
		width: 90%;
	}

	.dash .request > div > div > label {
		display: block;
		float: none;
		margin: 0 auto;
		padding-top: 2px;
		width: 100%;
		height: 24px;
		font-family: wh-semibold;
		font-size: 1.25rem;
		line-height: 1.5rem;
		color: #ffffff;
	}

	.dash .request > div > div input[type="text"],
	.dash .request > div > div input[type="password"] {
		display: block;
		float: none;
		margin: 0 auto 8px;
		border: 1px solid #666666;
		border-radius: 1px;
		padding-left: 0.75rem;
		width: calc(100% - 2px - 0.75rem);
		height: 2rem;
		font-family: wh-regular;
		font-size: 1rem;
		color:#666666;
	}

	.dash .request > div > div .checkbox {
		display: block;
		clear: both;
		float: left;
		margin-bottom: 8px;
		width: 224px;
		height: 1.625rem;
		font-family: wh-semibold;
		font-size: 1rem;
		line-height: 1.7rem;
		color: #ffffff;
	}
	/* label inherited from checkbox */

	.dash .request > div > div .checkbox input[type="checkbox"] {
		display: none;
	}

	.dash .request > div > div .checkbox input[type="checkbox"] + label span {
		display: block;
		float: left;
		margin: 0;
		border: 1px solid #666666;
		width: 24px;
		height: 24px;
		background-image: url('/imeji/chkbox_24.png');
		background-position: left top;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.dash .request > div > div .checkbox input[type="checkbox"]:checked + label span {
		background-image: url('/imeji/chkbox_24.png');
		background-position: -24px top;
		background-repeat: no-repeat;
	}

	.dash .request > div > div a {
		display: block;
		clear: left;
		float: left;
		margin-top: 12px;
		padding-top: 2px;
		width: 100%;
		min-height: 2rem;
		font-family: wh-regular;
	font-style: italic;
		font-size: 1rem;
		line-height: 1.125rem;
		color: #ffffff;
		text-align: left;
	}

	.dash .request > div > div button {
		display: block;
		clear: both;
		float: left;
		margin: 4px 0 0 0;
		border: 0;
		border-radius: 3px;
		padding-top: 2px;
		width: 100px;
		height: 32px;
		background-color: #1c1445;
		font-family: wh-regular;
		font-size: 1rem;
		line-height: 2rem;
		color: #ffffff;
		text-align: center;
		cursor: pointer;
	}
	.dash .request > div > div button:active {
		background-color: #666666;
	}
}



/*	--------------------------------------------------------------
	Buy > Franchises - GRID
--------------------------------------------------------------	*/


.grid {
	display: block;
	margin: 0 auto;
	padding: 24px 0 0;
	width: auto;
	height: auto;
}

.grid > h1 {
	margin: 0 auto;
	padding-bottom: 8px;
	font-family: wh-light;
	font-size: 2.125rem; /* 34px */
	color: #1c1445;
	text-align: center;
	line-height: 2.875rem; /* 46px */
}

/* 4 boxes is 1128px */
.grid > .box {
	display: block;
	float: left;
	padding: 12px;
	border: 2px solid transparent;
	width: auto;
	max-width: 254px;
	height: auto;
	max-height: 145px;
	background-color: #ffffff;
}
.grid > .box:hover {
	border: 2px solid #1c1445;
}

.grid > .box.third {
	width: calc(33.333% - 28px);
	height: auto;
}
.grid > .box.third:nth-of-type(1) {
	clear: both;
}

.grid > .box.fourth {
	width: calc(25% - 28px);
	height: auto;
}
.grid > .box.fourth:nth-of-type(1) {
	clear: both;
}

.grid > .box:last-child {
	margin-bottom: 24px;
}

/* this part resizes while maintaining ratio */
.grid > .box > div {
	display: block;
	position: relative;
	margin: 0;
	padding-bottom: 57.086614171%; /* 254x145 ratio */
	width: 100%;
}
.grid > .box > div > div {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}



.grid div.placeholder {
	display: table;
	margin: 0;
	border: 2px dashed #999999;
	padding: 0;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
}
.grid div.placeholder > p {
	display: table-cell;
	font-family: wh-regular;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #999999;
	text-align: center;
	vertical-align: middle;
}



@media only screen and (min-width : 769px) and (max-width : 888px) {

	.grid > .box.fourth {
		width: calc(33.333% - 28px);
		height: 12.5rem; /* 200px */
	}

}


/* reduced mode */
@media only screen and (min-width : 561px) and (max-width : 768px) {

	.grid > .box.fourth {
		width: calc(50% - 28px);
		height: 12.5rem; /* 200px */
	}
}


/* compact mode */
@media only screen and (min-width : 120px) and (max-width : 560px) {

	.grid > .box.fourth {
		float: none;
		margin: 0 auto;
		width: calc(100% - 28px);
		height: 12.5rem; /* 200px */
	}

	.grid > .box:last-child {
		margin-bottom: 24px;
	}
}




/***************************************************************
*                                                              *
*                                                              *
*              2022 Redesign                                   *
*                                                              *
*                                                              *
***************************************************************/
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}


.container *{
    box-sizing: border-box;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

.cursor-pointer{
    cursor: pointer;
}
.d-block{
    display: block;
}

.d-inline-block{
    display: inline-block;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}


.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}
.letter-spacing-1{
    letter-spacing: .25rem;
}
.letter-spacing-2{
    letter-spacing: .5rem;
}
.letter-spacing-3{
    letter-spacing: .75rem;
}
.letter-spacing-4{
    letter-spacing: 1rem;
}
.letter-spacing-5{
    letter-spacing: 1.25rem;
}

.div-basab-footer-social{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.font-weight-bold{
    font-weight: 700;
}

.text-uppercase{
    text-transform: uppercase;
}

.text-center {
	text-align: center;
}

.d-none{
    display: none !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Setup                                *
*                                                              *
*                                                              *
***************************************************************/
@font-face {
    font-family: 'benton-sans-medium';
    src: url('/fonts/2022/BentonSans-Medium.woff2') format('woff2'),
        url('/fonts/2022/BentonSans-Medium.woff') format('woff'),
        url('/fonts/2022/BentonSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'noe-display';
    src: url('/fonts/2022/NoeDisplay-Bold.woff2') format('woff2'),
        url('/fonts/2022/NoeDisplay-Bold.woff') format('woff'),
        url('/fonts/2022/NoeDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.color-black{
    color: #000 !important;
}

.color-white{
    color: #fff !important;
}
.color-one{
    color: #1c1445 !important;
}

.color-two{
    color: #00c2f2 !important;
}

.color-three{
    color: #ff4f00 !important;
}

.color-four{
    color: #ced9fc !important;
}


.color-five{
    color: #f5f5f5 !important;
}

.color-six{
    color: #99c1da !important;
}

.color-seven{
    color: #ffa77f !important;
}


.color-eight{
    color: #aaa !important;
}


.bg-one{
    background-color: #1c1445;
}

.bg-two{
    background-color: #00c2f2;
}

.bg-three{
    background-color: #ff4f00;
}

.bg-four{
    background-color: #ced9fc;
}

.bg-five{
    background-color: #f5f5f5;
}

.border-one{
    border: 1px solid #1c1445;
}

.border-two{
    border: 1px solid #00c2f2;
}
.border-three{
    border: 1px solid #ff4f00;
}

.border-radius-one{
    border-radius: 12px;
}

.benton-sans-medium{
    font-family: 'benton-sans-medium';
}

.noe-display{
    font-family: 'noe-display';
}

.position-relative{
    position: relative;
}

.text-underline{
    text-decoration: underline;
}

.text-left{
    text-align: left;

}

.text-right{
    text-align: right;
}

.w-100{
    width: 100%;
    display: block;
    text-align: center;
}

.white-space-no-wrap{
    white-space: nowrap;
}

.btn-transparent{
    background-color: transparent;
    border: none;
    cursor: pointer;


}


.hr-basab{
    color: #ff4f00;
}

.div-warning-border{
    padding: 1rem;
    border: 1px solid #ff4f00;
}


@media (max-width:767px){
    .div-list-now-button{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80%;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
}
/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Defaults                             *
*                                                              *
*                                                              *
***************************************************************/

a.link-one,
a.link-two,
a.link-three{
    border-radius: 12px;
    font-size: .9rem;


}

a.link-one:hover, a.link-one:hover, a.link-one:visited, a.link-one:active,
a.link-two:hover, a.link-two:hover, a.link-two:visited, a.link-two:active{
    color: #fff;
}

a.link-three:hover, a.link-three:hover, a.link-three:visited, a.link-three:active{
    color: #1c1445;
}


.div-basab-header-one{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 0;
}

.div-basab-header-two{
    width: 100%;
    /* max-width: 800px; */
	max-width: 500px;
    margin: 0 auto;
    padding: 50px 0;
}

.div-basab-header-three{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.div-basab-header-four{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.section-header-background{
    padding: 8rem 0 5rem 0;
}

.section-header-background-small{
    padding: 2.5rem 0;
}

.h1-basab-header{
    font-size: 3.7rem;
    line-height: 3.7rem;
}

.h1-basab-header-two{
    font-size: 3rem;
    line-height: 3rem;
}

.img-header-swiggle-one-top{
    position: absolute;
    left: 50px;
    top: -60px;
    width: 100%;
    max-width: 65px;
    height: auto;
}

.img-header-swiggle-one-bottom{
    position: absolute;
    right: 0px;
    bottom: -50px;
    width: 100%;
    max-width: 100px;
    height: auto;
}

.img-header-sell-swiggle-one-top{
    position: absolute;
    left: 100px;
    top: -90px;
    width: 100%;
    max-width: 65px;
    height: auto;
}

.img-header-sell-swiggle-one-bottom{
    position: absolute;
    right: 0;
    bottom: -60px;
    width: 100%;
    max-width: 100px;
    height: auto;
}


.img-header-swiggle-three-top{
    position: absolute;
    left: 30px;
    top: -60px;
    width: 100%;
    max-width: 65px;
    height: auto;
}
.img-header-swiggle-three-bottom{
    position: absolute;
    right: 0;
    bottom: -100px;
    width: 100%;
    max-width: 100px;
    height: auto;
}
.img-header-swiggle-four{
    position: absolute;
    right: 50px;
    top: 20px;
    width: 100%;
    max-width: 65px;
    height: auto;
}

.button-link-max-width{
    width: 100%;
    display: block;
    text-align: center;
}

.div-view-pricing-buttons{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.lh-1{
    line-height: 1.5rem;
}

.lh-2{
    line-height: 2rem;
}

.lh-3{
    line-height: 3rem;
}

.hud > div > a.div-back-button{
    display: table-cell;
    padding-left: 24px;
    width: 64px;
    max-width: 64px;
    height: auto;
    background-image: url('/dashboard/img/arrow_hudback.png');
    background-position: left center;
    background-repeat: no-repeat;
    font-family: 'benton-sans-medium';
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #ffffff;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle;
}

@media (max-width:991px){
    .div-basab-header-two{

        width: 80%;
        /* max-width: 800px; */
        padding: 25px 0;
    }

    .div-basab-header-one{
        width: 80%;
        max-width: 800px;
        margin: 0 auto;
        padding: 25px 0;
    }
}
@media (max-width:767px){
    .h1-basab-header{
        font-size: 2rem;
        line-height: 2rem;
    }

    .img-header-swiggle-one-top{
        position: absolute;
        left: 100px;
        top: -60px;
        width: 100%;
        max-width: 30px;
        height: auto;
    }

    .img-header-swiggle-one-bottom{
        position: absolute;
        right: 35px;
        bottom: -50px;
        width: 100%;
        max-width: 50px;
        height: auto;
    }

    .img-header-sell-swiggle-one-top{
        position: absolute;
        left: 50px;
        top: -60px;
        width: 100%;
        max-width: 30px;
        height: auto;
    }

    .img-header-sell-swiggle-one-bottom{
        position: absolute;
        right: 0;
        bottom: -50px;
        width: 100%;
        max-width: 50px;
        height: auto;
    }

    .img-header-swiggle-three-top{
        left: 0;
        top: -60px;
        max-width: 40px;
    }

    .img-header-swiggle-three-bottom{
        right: 0;
        bottom: -40px;
        max-width: 50px;
    }

    .button-link-max-width{
        width: 90%;
    }
}

@media (max-width: 525px){
    .img-header-swiggle-one-bottom{
        position: absolute;
        right: 35px;
        bottom: -90px;
        width: 100%;
        max-width: 50px;
        height: auto;
    }
}
@media (max-width: 350px){
    .img-header-sell-swiggle-one-top{
        position: absolute;
        left: 0;
        top: -60px;
        width: 100%;
        max-width: 30px;
        height: auto;
    }

    .img-header-sell-swiggle-one-bottom{
        position: absolute;
        right: 0;
        bottom: -80px;
        width: 100%;
        max-width: 50px;
        height: auto;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Search Element                       *
*                                                              *
*                                                              *
***************************************************************/

.div-search-business{
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    margin-top: 30px;
    overflow: hidden;
}

.input-search-business{
    display: block;
    float: left;
    border: none;

    border-top-left-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 12px;
    padding: 8px 0px 8px 8px;
    width: 100%;
    /* max-width: 400px; */
	max-width: calc(100% - 62px);
    height: 22px;
    background-color: #ffffff;
    font-family: 'benton-sans-medium';
    font-size: 1rem;
    line-height: 1.375rem;
    color: #333333;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.input-search-business::placeholder{
    color: #ccc;
}

.div-search-icon{
    display: block;
    float: left;
    margin: 0;
    border: none;
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;

    width: 24px;
    height: 38px;
    background-color: #ffffff;
    background-image: url('/d_img/2022/search-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.div-search-icon-end{
    display: block;
    float: left;
    margin: 0;
    border: none;
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
    padding-right: 30px;
    width: 24px;
    height: 38px;
    background-color: #ffffff;
    background-image: url('/d_img/2022/search-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.div-houndify-icon{
    display: block;
    float: left;
    margin: 0;
    border: none;
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
    padding-right: 30px;
    width: 24px;
    height: 38px;
    background-color: #ffffff;
    background-image: url('/d_img/2022/microphone.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.p-basab-text{
    font-size: 2.5rem;
    line-height: 3rem;
}

.hr-hyphen{
    display: inline;
    width: 10px;
    height: 3px;
}

@media (max-width:767px){
    .p-basab-text{
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (max-width: 525px){
    .div-houndify-icon{
        padding-right: 15px;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Forms                                *
*                                                              *
*                                                              *
***************************************************************/

.div-inputs{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
}

.form-control-one{
    display: block;
    width: 100%;
    padding: .375rem 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: 'benton-sans-medium';
    background-color: transparent;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 5px;
}


input.form-control-one::placeholder{
    color: #1c1445;
    opacity: 1;
    font-family: 'benton-sans-medium';
}

.form-control-two{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'benton-sans-medium';
    line-height: 1.5;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 5px;
}

.form-select-two{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: 'benton-sans-medium';


    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}




input.form-control-two::placeholder{
    color: #fff;
    opacity: 1;
    font-family: 'benton-sans-medium';
}


.form-control-three{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 5px;
}

input.form-control-three::placeholder{
    color: #1c1445;
    opacity: 1;
    font-family: 'benton-sans-medium';
}


.form-select-three{
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;

    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
}

.form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
    margin-right: 5px;
}
.form-check-input {
    width: 16px;
    height: 16px;
    margin-top: 0;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    display: flex;
    align-items: center;
}

.form-check-label{
    margin-left: 0;
    font-size: .9rem;
    line-height: .9rem;
}


@media screen and (max-width: 767px){
    .form-control-one,
    .form-control-two,
    .form-select-two{
        align-self: center;
    }

    .div-inputs{
        width: 90%;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Sectionals                           *
*                                                              *
*                                                              *
***************************************************************/

.div-sectionals-three{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.div-sectional-left,
.div-sectional-middle,
.div-sectional-right{
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    max-width: 300px;

}

.div-sectional-middle{
    text-align: center;
}

.div-sectional-right{
    justify-content: center;
    align-items: flex-end;
}
.div-sectional-img{
    height: 50px;
}

.img-sectional{
    width: 100%;
    max-width: 100px;
    height: auto;
}
.p-sectional-header{
    height: 75px;
    font-size: 1.2rem;
    line-height: 1.2rem;
}

.p-sectional-text{
    margin-top: 0;
    font-size: .8rem;
    line-height: .8rem;
    height: 75px;
}

.div-section-testimonials{
    width: 100%;
    padding: 50px 0;
    background: url("/d_img/2022/testimonials-background.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.div-section-testimonials p{
    padding-left: 15px;
    padding-right: 15px;

}

.p-testimonial-heading{
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin-top: 15px;
    text-align: center;
}

.p-testimonial-name{
    font-size: 3rem;
    line-height: 3rem;
}

.div-testimonial-text{
    width: 100%;
    max-width: 600px;
    margin-top: 30px;
    font-size: 1rem;
    line-height: 2rem;

}

.div-testimonial-text p{
    padding-left: 30px;
    padding-right: 30px;
}
.div-testimonial-read-more{
    margin-top: 30px;
}

.link-testimonial-read-more{
    font-size: 1.2rem;
    line-height: 1.2rem;
    border-radius: 12px;

}

@media (max-width:767px){
    .div-sectionals-three{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }

    .div-sectional-left, .div-sectional-middle, .div-sectional-right{
        justify-content: center;
        align-items: center;
    }

    .div-sectional-middle, .div-sectional-right{
        margin-top: 50px;
    }

    .p-sectional-header{
        text-align: center;
        height: 45px;
    }

    .p-testimonial-name{
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

    .div-testimonial-text{
        text-align: center;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Cards                                *
*                                                              *
*                                                              *
***************************************************************/

.card{
    border: 1px solid #ccc;
    border-radius: 40px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    padding: 5rem;
}

.div-card-content{
    display: flex;
    justify-content: space-between;

}

.h2-card{
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 700;
}


.card-business{
    border: 1px solid #ccc;
    border-radius: 40px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    padding: 0;
    display: flex;


}



.h2-card-testimonial{
    font-size: 2rem;
    line-height: 2rem;
}

.p-card-testimonial-type{
    font-size: 1.2rem;
    line-height: 1.2rem;
}

.p-card-testimonial-text{
    font-size: .9rem;
    line-height: .9rem;
}



.img-card-business{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.div-card-business-image{
    flex: 0 0 150px;
}
.div-card-business-image-background{
    height: 100%;
    width: 200px;
}

.div-card-business-content{
    flex: 1 1 auto;
}

.p-card-business-title{
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.p-card-business-text{
    font-size: .9rem;
    line-height: 1.5rem;
}

.div-card-business-industry{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;

}

.img-card-business-verified-seller{
    width: 100%;
    max-width: 25px;
    height: auto;
}

.div-card-business-read-more{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.div-card-business-verified-seller{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}




.p-business-label-title{
    font-size: 1.2rem;
    line-height: 1.2rem;
}
.div-business-label-text{
    background-color: #ced9fc;
    padding: 1rem .5rem;
}



.div-basab-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.ul-nav{
    list-style: none;
    display: flex;
}

.li-nav{
    padding: 1rem 2rem;
}

.div-card-testimonial-text{
    font-size: .9rem;
    line-height: 1rem;
}
@media screen and (max-width:767px){
    .h2-card-testimonial{
        font-size: 1.6rem;
        line-height: 1.6rem;
    }

    .div-card-testimonial-text{
        font-size: .8rem;
        line-height: 1rem;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Mobile Nav Menu                      *
*                                                              *
*                                                              *
***************************************************************/
 /* Style the navigation menu */
.topnav {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 50px;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #000;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  margin-right: 30px;
}

.link-mobile-menu-logo{
    margin-left: 15px;
}
.topnav a.link-toggle-mobile-menu{
    margin-right: 30px;
}

/* Style the hamburger menu */
.topnav a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #00c2f2;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #00c2f2;
  color: white;
}

.div-mobile-nav{
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: center;
}

.span-bar{
    width: 30px;
    height: 1px;
    display: block;
    border: 2px solid #1c1445;
    margin-top: 2px;
    margin-bottom: 2px;
}


.span-bar-rotate-1{
    transform: rotate(45deg) translateY(4px) translateX(1px);
}

.span-bar-rotate-2{
    display: none;
}

.span-bar-rotate-3{
    transform: rotate(315deg) translateY(-3px) translateX(1px);
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign Home Page                              *
*                                                              *
*                                                              *
***************************************************************/
.h1-homepage-header{
    font-size: 3rem;
    line-height: 3rem;
}

.img-swiggle-homepage-header{
    position: absolute;
    left: -30px;
    top: -45px;
    width: 100%;
    max-width: 50px;
    height: auto;
    z-index: 3;
}


.div-search-business-options{
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    /* gap: 1.5rem; */
	gap: 1rem;
}

.div-search-button-submit{
    max-width: 300px;
    margin-top: 15px;
}


.div-homepage-list-sell-save-section{
    height:500px;
    margin-top:75px;
}
.div-homepage-list-sell-save{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.div-homepage-list-save-sell-content{
    width: 80%;
    margin: 0 auto;
}
.img-homepage-1{
    display: block;
    width: 100%;
    max-width: 275px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 200px;
}

.img-homepage-swiggle-two{
    position: absolute;
    bottom: -30px;
    left: 200px;
    width: 100%;
    max-width: 100px;
    height: auto;
    z-index: 3;
}

.p-homepage-list-sell-save-title{
    font-size: 1.2rem;
    text-align: left;
}

.p-homepage-list-sell-save-text{
    text-align: left;
}


.p-homepage-sell-your-business{
    letter-spacing: 2px;
}
.div-homepage-learn-text{
    font-size: .8rem;
    width: 80%;
    margin: 0 auto;

}
.div-homepage-learn-background{
    display: block;
    background-image: url('/d_img/2022/stock-one.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
}

.img-swiggle-homepage-top{
    position: absolute;
    right: 50px;
    top: -125px;
    width: 100%;
    max-width: 75px;
    height: auto;
    z-index: 3;
}



@media screen and (max-width:991px){
    .img-homepage-1{
        display: block;
        width: 100%;
        max-width: 275px;
        height: auto;
        position: absolute;
        bottom: 0;
        left: 100px;
    }

    .img-homepage-swiggle-two{
        position: absolute;
        bottom: -30px;
        left: 125px;
        width: 100%;
        max-width: 75px;
        height: auto;
        z-index: 3;
    }

}

@media screen and (max-width:767px){
    .div-homepage-list-sell-save-section{
        height:300px;
        margin-top:75px;
    }

    .div-homepage-learn-background{
        width: 100%;
        height: 50%;
    }

    .img-homepage-1{
        display: none;
    }

    .input-search-business{
        max-width: calc(100% - 62px);
    }
}

@media screen and (max-width:525px){

    .h1-homepage-header{
        font-size: 2rem;
        line-height: 2rem;
    }
    .div-homepage-list-sell-save-section{
        height: 500px;
    }

    .img-swiggle-homepage-header{
        left: 0;
        top: -50px;
    }

    .img-swiggle-homepage-top{
        max-width: 50px;
    }

    .input-search-business{
        max-width: calc(100% - 62px);
    }

	.div-search-business-options{
        flex-flow: row wrap;
		gap: 0.5rem;
	}

    .div-search-button-submit{
        max-width: 80%;
    }
}

@media screen and (max-width:399px){
    .input-search-business{
        max-width: calc(100% - 62px);
    }
}
/***************************************************************
*                                                              *
*                                                              *
*              Redesign Buy Page                               *
*                                                              *
*                                                              *
***************************************************************/

.div-why-buy-in-our-market{
    width:100%;
    max-width: 400px;
    height:40px;
    border-radius: 8px;
    /* box-shadow: 1px 2px 2px #1c1445; */
    /* box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; */
    /* box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px; */
    box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-why-buy{
    width: 100%;
    max-width: 15px;
    height: auto;
}

.img-swiggle-why-buy-top{
    position: absolute;
    right: 30px;
    top: -50px;
    width: 100%;
    max-width: 50px;
    height: auto;
    z-index: 3;
}

.img-swiggle-why-buy-bottom{
    position: absolute;
    left: 30px;
    bottom: -40px;
    width: 100%;
    max-width: 75px;
    height: auto;
    z-index: 3;
}

.div-why-buy-reasons{
    display: flex;
    justify-content: space-around;
    padding: 0;
    gap: 3rem;
}
.div-why-buy-reasons-one,
.div-why-buy-reasons-two{
    width: 100%;
    max-width:400px;
}

.div-why-buy-our-platform-section{
    padding: 5rem 0;
}

.p-why-buy-reasons-title{
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
}

.p-why-buy-reasons-text{
    font-size: .8rem;
    line-height: .8rem;
}


.p-why-buy-what-to-expect{
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.p-why-buy-our-platform-header{
    font-size: 2rem;
    line-height: 2rem;
}

.div-why-buy-what-to-expect-section{
    display: flex;
    justify-content: space-around;
    padding: 0 5rem;
    gap: 2rem;
}

.div-why-buy-list-now{
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px){
    .div-why-buy-reasons,
    .div-why-buy-what-to-expect-section{
        padding: 1rem;
        flex-flow: column nowrap;
        margin: 0 auto;
        align-items: center;
    }

    .div-why-buy-in-our-market{
        width: 90%;
    }
    .div-why-buy-list-now{
        width: 80%;
        max-width: 800px;
    }
}
/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Sell Page                            *
*                                                              *
*                                                              *
***************************************************************/
.div-sell-business-worth{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 500px;
}

.div-sell-business-worth-background{
    background-image: url('/d_img/2022/stock-two.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
}

.div-sell-business-worth-section{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
}

.h2-sell-business-worth-title{
    font-size: 2rem;
    line-height: 2.5rem;
}

.div-sell-listing-options{
    display: flex;
    justify-content: space-between;

}

.p-sell-connections-text{
    font-size: 1rem;
    line-height: 1.5rem;
}
.p-sell-listing-title{
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.p-sell-listing-tagline{
    font-size: .8rem;
    line-height: .8rem;
}

.p-sell-listing-text{
    font-size: .8rem;
    line-height: 1.5rem;
}

.p-sell-who-should-use-title{
    font-size: 3rem;
    line-height: 3rem;
}

.p-sell-who-should-use-text{
    font-size: .8rem;
    line-height: .8rem;
}

.div-sell-who-should-use-subscription-title{
    margin-top: 5rem;
}

.div-sell-for-sale-section{
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.p-sell-for-sale-text{
    font-size: .8rem;
    line-height: .8rem;
}

.custom-modal-body-table{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.custom-modal-body-table thead tr th{
	padding: 0.5rem 0.5rem 0.5rem 0rem;
	border-bottom: 1px solid;
}
.custom-modal-body-table tbody tr td{
	padding: 0.5rem 0.5rem 0.5rem 0rem;
}
.custom-modal-body-table tbody tr:not(:last-child) td{
	border-bottom: 1px solid;
}
.custom-modal-body-table thead tr th:not(:first-child), .custom-modal-body-table tbody tr td:not(:first-child){
	padding-left: .5rem !important;
}
.custom-modal-body-table thead tr th:not(:last-child), .custom-modal-body-table tbody tr td:not(:last-child){
	border-right: 1px solid;
}

@media (max-width:767px){
    .div-sell-listing-options{
        flex-flow: column nowrap;
    }

    .h2-sell-business-worth-title{
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

    .div-sell-business-worth{
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        height: 800px;
    }

    .div-sell-business-worth-background{
        width: 100%;
        height: 50%;
    }

    .div-sell-business-worth-section{
        width: 100%;
        height: 50%;
    }

    .div-sell-for-sale-section{
        display: flex;
        flex-flow: column nowrap;

    }
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Franchise Page                       *
*                                                              *
*                                                              *
***************************************************************/
.img-swiggle-franchise-top{
    position: absolute;
    right: 100px;
    top: -50px;
    width: 100%;
    max-width: 100px;
    height: auto;
    z-index: 3;
}

.div-franchise-buyer-seller-section{
    margin-top: 3rem !important;
}

.div-franchise-benefits-section{
    padding: 7rem 0;
}

.p-franchise-benefits-header{
    font-size: 2rem;
    line-height: 2rem;
}
.div-franchise-first-time-section{
    padding: 8rem 2rem;
}

.p-franchise-first-time-text{
    font-size: .8rem;
    line-height: 1.4rem;
}
.div-franchise-first-time-container{
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 2rem;
}

.p-franchise-first-time-header{
    font-size: 2rem;
    line-height: 2rem;
}

.div-franchise-first-time-header{
    width: 40%;
}

.div-franchise-first-time-content{
    width: 40%;
}

.p-franchise-seller-text{
    font-size: .8rem;
    line-height: .8rem;
}

.div-franchise-if-seller-section{
    padding: 7rem 0;
}

@media (max-width: 767px){
    .img-swiggle-franchise-top{
        max-width: 70px;
        left:50%;
        top: -30px;

    }

    .div-franchise-buyer-seller-section{
        margin-top: 4rem !important;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }

    .div-franchise-first-time-section{
        padding: 4rem 1rem;
    }

    .div-franchise-first-time-container{
        flex-flow: column nowrap;
    }

    .div-franchise-first-time-header,
    .div-franchise-first-time-content{
        width: 100%;
    }

}
/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Login Page                           *
*                                                              *
*                                                              *
***************************************************************/
.p-login-why-title{
    font-size: 2rem;
    line-height: 2rem;
}

.p-login-why-text{
    font-size: .8rem;
    line-height: 1.4rem;
}

.div-login-become-a-member-section{
    max-width:400px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

.div-login-partners{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
}
.img-login-partner{
    width: 100%;
    max-width: 150px;
    height: auto;
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - FAQ Page                             *
*                                                              *
*                                                              *
***************************************************************/

.header-faq-question{
    padding: 1.5rem 2rem;
    border-radius: 4rem;
    cursor: pointer;
}


.ul-faq-question{
    list-style: none;
}

.ul-faq-answer{
    list-style: none;
    width: 80%;
    margin: 2rem auto;
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Resources Page                       *
*                                                              *
*                                                              *
***************************************************************/
.div-resources-container{
    height: 400px;
}

.div-resources-card{
    width: 100%;
    height: 250px;
    border: 1px solid #ececf0;
    border-radius: 64px;
    padding: 50px;

}
.div-resources-card-content{
    display: flex;
    gap: 2rem;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.h1-resources-header{
    font-size: 3.2rem;
    line-height: 3.2rem;
}

.img-resources-rectangle-size{
    height: 350px;
    width: auto;
}

.img-resources-rectangle-0-left{
    position: absolute;
    left: -20px;
    top: 0;
}
.img-resources-rectangle-1-left{
    position: absolute;
    left: 0;
    top: 0;
}

.img-resources-rectangle-0-right{
    position: absolute;
    right: 0;
    top: 0;
}

.img-resources-rectangle-1-right{
    position: absolute;
    right: 0;
    top: 0;
}

.img-resources-rectangle-2-left{
    position: absolute;
    left: 0;
    top: 0;
}

.img-resources-rectangle-2-right{
    position: absolute;
    right: -150px;
    top: 0;
}

.img-resources-rectangle-3-left{
    position: absolute;
    left: -100px;
    top: 0;
}

.img-resources-rectangle-3-right{
    position: absolute;
    right: -100px;
    top: 0;
}


.img-resources-rectangle-4-left{
    position: absolute;
    left: 0;
    top: 0;
}

.img-resources-rectangle-4-right{
    position: absolute;
    right: 0;
    top: 0;
}

.img-resources-rectangle-5-left{
    position: absolute;
    left: 0;
    top: 0;
}

.img-resources-rectangle-5-right{
    position: absolute;
    right: -150px;
    top: 0;
}

@media screen and (max-width:1499px){
    .img-resources-rectangle-0-left{
        left: -100px;
    }
    .img-resources-rectangle-0-right{
        right:-100px;
    }

    .img-resources-rectangle-1-left{
        left: -50px;
    }

    .img-resources-rectangle-2-left{
        left: -100px;
    }

    .img-resources-rectangle-3-right{
        right:-200px;
    }

    .img-resources-rectangle-4-left{
        left:-100px;
    }

    .img-resources-rectangle-4-right{
        right:-100px;
    }
}
@media screen and (max-width:1199px){
    .img-resources-rectangle-0-right{
        right:-150px;
    }

    .img-resources-rectangle-1-right{
        right:-100px;
    }

    .img-resources-rectangle-4-left{
        left:-150px;
    }

    .img-resources-rectangle-4-right{
        right:-150px;
    }

    .img-resources-rectangle-5-left{
        left:-100px;
    }

    .h1-resources-header{
        font-size: 2.8rem;
        line-height: 2.8rem;
    }


}
@media screen and (max-width:991px){
    .img-resources-rectangle-1-right{
        right:-150px;
    }

    .img-resources-rectangle-0-right{
        right:-150px;
    }

    .h1-resources-header{
        font-size: 2.2rem;
        line-height: 2.2rem;
    }
}

@media screen and (max-width:767px){
    .div-resources-card-content{
        flex-flow: column nowrap;

    }

    .div-resources-container{
        height: unset;
        min-height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .div-resources-card{
        height: unset;
        min-height: 300px;
        width: unset;
    }

    .img-resources-rectangle-size{
        height: 400px;
        width: auto;
    }
}

@media screen and (max-width:525px){

}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Testimonial Page                     *
*                                                              *
*                                                              *
***************************************************************/
.div-testimonial-container{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    width: 1200px;
    margin: 0 auto;
}

.div-testimonial-section{
    width: 40%;
}

.card-testimonial{
    border-radius: 48px;
    width: 100%;
    padding: 3rem 2rem;
}

@media (max-width: 767px){
    .card-testimonial{
        padding: 2rem 1rem;
        width: 90%;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Nav bar                              *
*                                                              *
*                                                              *
***************************************************************/
.img-blue-circle{
    position: absolute;
    left: 1.5rem;
    top: .5rem;
    width: 100%;
    max-width: 8px;
    height: auto;
}

.link-nav-active{
    color: #ff4f00;
}

a.link-nav-active, a.link-nav-active:hover, a.link-nav-active:visited, a.link-nav-active:active{
    color: #ff4f00;
}

/* .header-basab-top{
    position: relative;
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #aaa;
} */
.header-basab-top{
    position: sticky;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #aaa;
    z-index: 5;
    background-color: #fff;
    padding: 1rem 0;
}

.header-basab-fixed{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: 5;
    padding: 1rem 0;
}

.nav-basab-background{
    background-color: #fff;
    border-bottom: 1px solid #aaa;
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Footer                               *
*                                                              *
*                                                              *
***************************************************************/
.img-nav-logo{
    width:50px;
    height: auto;
}

.div-basab-footer{
    padding: 5rem 0;
}

.img-basab-footer-icon{
    width: 100%;
    max-width: 35px;
    height: auto;
}

.div-basab-footer-container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.div-basab-footer-links{
    display: flex;
    flex-flow: row wrap;
}

.div-basab-footer-title{
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-align: left;
}

.div-basab-footer-logo{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

.div-basab-footer-section{
    display: flex;
    flex-flow: column nowrap;
}

.img-basab-footer-social{
    width: 100%;
    max-width: 25px;
    height: auto;
}

.ul-basab-footer{
    list-style: none;
    text-align: left;
}

.li-basab-footer{
    padding: 5px 0;
}

.link-basab-footer:hover, .link-basab-footer:active{
    color: #ff4f00;
}

@media (max-width:767px){
    .div-basab-footer-logo{
        justify-content: center;
        align-items: center;
    }
    .div-basab-footer-container{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }

    .ul-basab-footer{
        text-align: center;
    }

    .div-basab-footer-section{
        margin-top: 30px;
    }

    .div-basab-footer-title{
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Search Business                      *
*                                                              *
*                                                              *
***************************************************************/
.div-search-business-target-search{
    display: flex;
    justify-content: space-between;
}
#allregions, #allterritories, #allcities{
	border-radius: 0.75rem;
	background-color: white;
    border-color: white;
	color: #ccc;
}
.div-card-business-image-background{
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
}




.search-alert-box{
	display: flex;
	flex-direction: column;
	padding: 2rem;
	border-radius: .5rem;
}
.search-alert-box-btn{
	color: white;
	border-radius: 12px;
}
.search-alert-p-tag{
	font-size: 18px;
	width: 75%;
}



.div-search-mobile{
    display: none;
}



.p-detail-form-label{
    margin-top: 5px;
}
.p-detail-form-value{
    background-color: #ced9fc;
    color: #000;
    padding: 15px;
    margin-top: 5px;
    font-family: 'benton-sans-medium';
}

.p-listing-interested-text{
    border: 1px solid;
    border-radius: 1rem;
    padding: 15px;
}

.div-remove-alert{
    border: 1px solid #cccccc;
    padding: 15px;
}


.div-search-business-watchlist-wrapper{
    width: 100%;
    height: 50px;
}

.div-search-business-watchlist-wrapper div{
    display: block;
    position: absolute;
    top: 10px;
    left: calc(100% - 62px);
    width: 32px;
    height: 32px;
    background-image: url('/dashboard/img/icon16_star_99.png');
    background-position: 8px 8px;
    background-repeat: no-repeat;
    cursor: pointer;
}

@media (max-width: 991px) {

	.search-alert-p-tag{
		width: 100%;
	}

    .div-search-business-watchlist-wrapper{
        height: 32px;
    }

}

@media screen and (max-width:767px){
    .div-search-mobile{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
    }
}

@media screen and (max-width:575px){
	#allregions, #allterritories, #allcities{
		background-position: right 0.2rem center !important;
		padding: 0.375rem 1.5rem 0.375rem 0.75rem !important;
	}
	.business-card.card-business{
		flex-direction: column;
	}
	.div-card-business-read-more{
		flex-direction: column;
		align-items: start;
		gap: 0.75rem;
	}
	.div-card-business-image-background{
		border-top-right-radius: 40px;
    	border-bottom-left-radius: unset !important;
	}

	.div-card-business-image-background {
		height: 150px;
		width: 100%;
	}
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Listing                              *
*                                                              *
*                                                              *
***************************************************************/
.h1-listing-title{
    line-height: 1.5rem;
    font-size: 1.5rem;
}


.listing-action-option{
	display:flex;
	justify-content:space-between;
	gap:1rem;
}

.btn-listing-options{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 5px;
}

.div-listing-images{
    display: block;
    margin: 0 auto;
    width: 75px;
    height: 12px;
}

.div-listing-images .selector{
    display: block;
    float: left;
    margin-left: 8px;
    border-radius: 6px;
    width: 12px;
    height: 12px;
    background-color: #8adeff;
    cursor: pointer;
}

.div-listing-images .selector.sel{
    background-color: #1c1445;
    cursor: default;
}

.div-listing-images .selector.empty{
    background-color: #cccccc;
    cursor: default;
}


#roi, #customer-review{
	border: 1px solid #00c2f2;
	border-radius: 1rem;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

}

.roi-calculator-wrapper{
	display: flex;
	justify-content: space-between;
}


.roi-calculator-wrapper > p{
	width: 60%;
    font-size: .9rem;
    line-height: .9rem;
}

.roi-calculator-input-wrapper{
	display: flex;
	width: 35%;
    font-size: 0.9rem;
}



.roi-calculator-input-wrapper input{
	border: 0;
	border-bottom: 1px solid #ff4f00;
	width: 100%;
    font-size: 0.9rem;
}



.customer-review-bottom {
	display: flex;
    justify-content: end;
    align-items: center;
	gap: 0.5rem;
	font-size: 0.8rem;
}

.customer-review-bottom > img{
	width: 85px;
}

.customer-review-header{
	font-size: 2rem;
	line-height: 2rem;
}

.star-rating {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  gap: 1rem;
  width: fit-content;
}

.star-rating input {
  display: none;
}

.star-rating > label {
  width: 30px;
  height: 30px;
  font-family: Arial;
  font-size: 30px;
  transition: 0.2s ease;
  color: #fff;
  background-color: gray;
  border-radius: 1rem;
}

.star-rating label:hover {
  transition: 0.2s ease;
  background-color: #00c2f2;
}

.star-rating label:active::before {
  transform:scale(1.1);
}

.star-rating label::before {
  /* content: '\2606'; */
  content: '\2605';
  /* position: absolute;
  top: 0px;
  line-height: 26px; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.star-rating input:checked ~ label:before {
  content:'\2605';
  background-color: #00c2f2;
  border-radius: 1rem;
}

@-moz-document url-prefix() {
  .star-rating input:checked ~ label:before {
  font-size: 36px;
  line-height: 21px;
  }
}

.h1-detail-title{
    font-weight: bold;
    font-size: 2rem;
    line-height: 2.5rem;
    max-width: 90%;
    font-family: 'benton-sans-medium';
}
.detail-title, .detail-price{
	font-weight: bold;
	font-size: 2rem;
    line-height: 2.5rem;
}

.detail-info{
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	font-size: 1.2rem;
    line-height: 1.2rem;
}

.detail-additional-info{
	display: flex;
	justify-content: flex-end;
	color: gray;
}

.detail-additional-info-seller-block{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}
.detail-additional-info-seller-block img{
	width: 35px;
}

.detail-form-input{
	display: flex;
	flex-direction: column;
}

.detail-form-input label{
	font-weight: 500;
}
.detail-form-input input{
	padding: 0.75rem 0.375rem;
	background-color: #ced9fc;
	border: 1px solid #ced9fc;
	margin-top: 0.25rem;
}

.disclaimer-text{
	color: red;
	font-size: 1rem;
}

.tagged-keywords-block{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.tagged-keywords-item{
	background-color: rgb(0 0 0 / 0.2);
	color: white;
	border-radius: 0.5rem;
}

.tagged-keywords-item a{
    background-color: rgb(0 0 0 / 0.2);
    padding: 1rem 1.2rem;
    display: inline-block;
}

.div-listing-back-header{
    padding: 30px 30px;
    background-color: #1c1445;
    color:#fff;

}

.p-listing-overview{
    line-height: 1.5rem;
    font-size: 1rem;
}

#viewwrap_redesign{
    min-height: 100vh;
}

.div-listing-banner{
    background-color: #b00;
    padding: 1.5rem;
    color: #fff;
    font-size: 2rem;
    position: absolute;
    bottom: 10px;
    width: 100%;
}


.div-listing-make-offer{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding-bottom: 5rem;
}

@media (max-width: 991px) {

	.detail-wrapper{
		margin-top: 0;
	}
}

@media (max-width: 350px) {
	.listing-action-option{
		flex-direction: column;
		gap: 0rem;
	}
	.detail-info{
		flex-direction: column;
		gap: 0.5rem;
	}
}
/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Status Update                        *
*                                                              *
*                                                              *
***************************************************************/
.h1-basab-status-update-header{
    font-size: 3.7rem;
    line-height: 3.7rem;
}

.img-header-swiggle-status-top-right{
	position: absolute;
    right: 45px;
    width: 100%;
    max-width: 100px;
    height: auto;
    top: -51px;
    transform: rotate(25deg);
}
.status-info-wrapper, .status-tweets-wrapper{
	color: #1c1445;
}
.status-info-item-box{
	background-color: #00c2f2;
	color: black;
	padding: 2rem 2rem;
	border-radius: 2rem;
}

.status-info{
	margin-left: 1rem;
	font-size: 0.8rem;
}

.status-tweets-title{
	display: flex;
	gap: 0.75rem;
	justify-content: center;
	margin-top: -44px;
	font-weight: bold;
}

.status-tweets-box{
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
	padding: 3rem 0;
	border-radius: 3rem;
}
.status-tweets-box-title{
	color: red;
	text-align: center;
	padding: 0 1rem 3rem 1rem;
}
.status-tweets-box-item{
	display: flex;
	padding: 1.5rem 1rem;
}

.status-tweets-box-item{
	border-top: 1px solid rgb(0 0 0 / 0.2);;
}
.status-tweets-box-item:last-child{
	border-bottom: 1px solid rgb(0 0 0 / 0.2);;
}
.status-tweets-box-item-1{
	width: 25%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    align-items: center;
}
.status-tweets-box-item-2{
	width: 75%;
}
.status-tweets-box-item-1-2{
	display: flex;
	gap: 1rem;
	align-items: center;
}
.status-tweets-box-item-2-1-date{
	text-align: right;
}
.status-tweets-footer{
	padding: 1.5rem 1rem 0 1rem;
}
.status-tweets-footer > p {
	text-align: right;
}

.status-tweets-box-item-1-2 img{
	width: 15px;
}

.status-tweets-box-item-1-2 img:first-child{
	height: 15px;
}


@media (max-width: 992px) {

	.status-tweets-title{
		margin-top: 3rem;
	}

}

@media (max-width:767px){
    .h1-basab-status-update-header{
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Sellers Page                         *
*                                                              *
*                                                              *
***************************************************************/
.div-card-seller-read-more{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    align-items: center;
}



.div-seller-header-container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    gap: 1rem;
}

.div-seller-profile-container{
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;

}

.div-seller-profile-section{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.h1-seller-profile{
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.div-seller-stats-container{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem;

}

.h2-seller-stats{
    font-size: 1rem;
    line-height: 1.5rem;
}

.p-seller-stats{
    font-size: 3rem;
    line-height: 3rem;
}

.img-seller-photo{
    border-radius: 64px;
    /*display: block;
    position: absolute;
    top: 20px;
    left: 40px; */
    width: 128px;
    height: 128px;
}
.div-seller-share{
    display: inline-block;

    border: none;
    padding: 4px 4px 4px 28px;
    background-color: transparent;
    background-image: url('/dashboard/img/2022/share-icon.png');
    background-repeat: no-repeat;
    background-size: 20px 24px;
    background-position: 4px center;
    font-family: wh-bold;
    font-size: 1.125rem;
    line-height: 1.5rem;

    cursor: pointer;
    user-select: none;
}

.div-seller-profile-content{
    text-align: left;
}

@media screen and (max-width:1199px){
    .div-card-seller-read-more{
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 1rem;
    }
}

@media screen and (max-width: 971px){
    .div-seller-header-container{
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .div-seller-profile-content{
        text-align: center;
    }
}

@media screen and (max-width:767px){
    .div-seller-stats-container{
        margin-top: 2rem;
    }


    .div-seller-profile-section,
    .div-seller-stats-container{
        justify-content: center;
        align-items: center;
        flex-flow: column nowrap;
    }
}