#ts {
	font-family:helvetica, arial, serif;
	color:#333;
	font-size:13px;
}

#ts h1 {
	text-transform: uppercase;
	font-size:62px;
    font-family: 'BodoniRecutFSItalic',Georgia,serif;
	line-height:36px;
    display: none;
}

#ts h3 {
	text-transform: uppercase; 
	font-family: 'ProximaNovaSemiBold',Arial,sans-serif; 
	font-size: 13px;
}

#ts .float-container {
	overflow:hidden;
}

#ts .chunk {
	background:#fff;
	border:1px solid #eee;
    border-bottom:1px solid #ddd;  
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
	box-shadow:0px 1px 2px #eee;-webkit-box-shadow:0px 1px 2px #eee;-moz-box-shadow:0px 1px 2px #eee; 
}

#ts #tsInfo {
	padding:20px;
}

/*#ts .inviteBkgd1,*/
#ts .profileImg {
	position:relative;
	height:100px;
}

#ts #defaultProfileImg {
	width:100px;
}

#ts #editForm {
	display:none;
}


#ts #editForm h3 {
	padding-bottom:8px;
	letter-spacing: 1px;
	font-size:12px;
	color:#000;
}

#ts #editForm #edit_header {
	border-top:1px solid #ddd; 
	border-bottom:1px solid #ddd;
	padding:16px 20px 12px 20px;
	overflow:hidden;
}

#ts #editForm #edit_header .title, 
#ts #editForm #edit_header .modeBtn {
	float:left;
}

#ts #editForm #edit_header .title {
	font-size:25px;
    font-family: 'BodoniRecutFSRegular',Georgia,serif;
	padding:0 16px 0 0;
	margin:0px;
}

#ts #editForm #edit_footer {
	padding:4px 0 0 16px;
	margin-bottom:-18px;
}

#ts #editForm #edit_footer h3 {
	padding:8px 32px 8px 0;
}

#ts #editForm #edit_container {
	background: #ebebeb; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

	overflow:hidden;
}

#ts #editForm #selectMessageContainer {
	overflow:hidden;
	padding:0 16px;
}

#ts #editForm #selectMessage {
	float:left;
	line-height:32px; 
}

#ts #editForm #loadingMsg {
	float:left;
	display:none;
}

#ts #editForm #edit_stockStyle {
	padding:8px 0;
	border-bottom:1px solid #ddd; 
}

#ts #editForm #styleTiles {
	overflow:hidden;
	position:relative;
	width:826px;
	height:165px;
	float:left;
	margin:0 26px;
}

#ts #editForm #scrollable {
	overflow:hidden;
	padding:0 12px;
}

#ts #editForm .scrollBtn {
	width:42px;
	height:42px;
	display:block;
	cursor:pointer;
	float:left;
	margin-top:46px;
	
	opacity:1;
	-moz-transition: opacity 0.25s; 
	-webkit-transition: opacity 0.25s;  
	-ms-transition: opacity 0.25s;  
	-o-transition: opacity 0.25s;  
	transition: opacity 0.25s;  
}



#ts #editForm .scrollBtn:hover {
	opacity:0.25;
	-moz-transition: all 0.25s; 
	-webkit-transition: all 0.25s;  
	-ms-transition: all 0.25s;  
	-o-transition: all 0.25s;  
	transition: all 0.25s;  
}

#ts #editForm a.prev {
	background: transparent url('/common/images/prev.png') center no-repeat;
}

#ts #editForm a.next {
	background: transparent url('/common/images/next.png') center no-repeat;
	float:right;
}

#ts #editForm #styleTiles .items {
	width:2000em;
	position:absolute;
}

#ts #editForm .styleTile {
	float:left;
	padding:0 12px;
}

#ts #editForm .styleName {
	padding-bottom:4px;
}

#ts #editForm .styleThumbContainer {
	cursor: pointer;
	height:125px;
	overflow:hidden;
	cursor:pointer;
}

#ts #editForm .styleThumbContainer.selected {
	border-color: #ee6128;
	cursor: default;
}

#ts #editForm .styleThumb {
	width:125px;
}

#ts #editForm .styleTile p {
	font-family:'ProximaNovaRegular',Arial,sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	padding-top: 4px;
	text-align:center;
	clear:both;
}

#ts #editForm #lengthCounter {
	font-size:11px;
	color:#808080;
}

#ts #editForm #saveSection {
	margin:8px 0 0 0;
}

#ts #editForm #saveSection #cancelText {
	margin-left:8px;
	text-transform: uppercase;
	font-family:'ProximaNovaRegular',Arial,sans-serif;
	font-size:12px;
	letter-spacing: 1px;
}

#ts #editForm #saveMsg {
	float:right;
	line-height:26px;
	margin-right:4px;
	color:#5a5a5a;
	display:none;
}

#ts #editForm #loadingMsg .heart {
	margin-left:16px;
	padding-left: 42px;
	line-height:32px;
	background: transparent url('/common/images/heart.gif') no-repeat;
    font-family: 'BodoniRecutFSItalic',Georgia,serif;
	font-size:25px;
	color:#5a5a5a;
}

/*#ts #detail {
	text-align:center;
	float:left;
	width: 610px;
}

#ts #detail .innerDiv {
    padding: 72px 28px 32px 28px;
    margin: 16px;
    height: 206px;

	/*box-shadow: 0px 1px 5px #666;*/
	/*-webkit-box-shadow: 0px 1px 5px #666;*/
	/*-moz-box-shadow: 0px 1px 5px #666*/
	 For IE 8 
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666')";*/
	 For IE 5.5 - 7
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666');*/
}*/

/*#ts #detail #when_where {
}

#ts #detail #where {
	position:relative;
}

#ts #detail #editAddressLink {
	position:absolute;
	right:0px;
	top:0px;
}*/


/*#ts #detail #when_where .address {
	font-size:18px;
    font-family: 'BodoniRecutFSItalic',Georgia,serif;
}

#ts #detail #when_where .map,
#ts #detail #when_where .map a {
	color: #75ad5b;
	font-size:16px; 
	font-family: 'ProximaNovaSemiBold',Arial,sans-serif;
}

#ts #detail #when_where .map a:hover {
	text-decoration: underline;
}

#ts #detail #when_where .time {
	text-transform: uppercase;
	font-family:'ProximaNovaRegular',Arial,sans-serif;
	font-size:16px;
	letter-spacing:2px;
	padding:4px 0 16px 0;
}

#ts #detail .message {
    font-family: 'BodoniRecutFSItalic',Georgia,serif;
	font-size:20px;
	letter-spacing:2px;
	padding:4px 0 8px 0;
	line-height:24px;
}

#ts #detail #title {
	overflow:hidden;
	text-align: center;
	padding: 24px 0 12px 0; 
	position:relative;
}

#ts #detail #styleEventTitle {
	font-size: 18px;
	letter-spacing: 1px;
    text-transform: uppercase;
}*/

#ts #coordinators {
	float:left;
	margin-left:15px;
	width:305px;
	height:200px;
}

#ts #coordinators .innerDiv {
	overflow:hidden;
}

#ts #coordinators #hostessTools{
	margin:24px 24px 0 24px;
	padding:24px;
}

#ts #coordinators .details {
}

#ts #styleConnector {
	border-left:10px solid #ececec;
}

#ts #hostessContainer {
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	height:198px;
	overflow:hidden;
	position:relative;
}

#ts #hostessContainer #editHostessMsgLink {
	position:absolute;
	bottom:16px;
	left:158px;
}

#ts #hostessDetails {
	float:left;
	width:148px;
	overflow:hidden;
	padding:0px 8px 8px 8px;
}

#ts #hostessMsg {
	font-size: 11px; 
	line-height: 140%; 
	font-family: 'ProximaNovaRegular',Arial,sans-serif;
	width:148px;
	height:120px;
	cursor:text;
}

#ts #hostessImage {
	float:left;
	width:110px;
	overflow:hidden;
	padding:8px;
}

#ts #hostessImage img {
	width:100px;
	display:block;
}


#ts #hostessImage div#defaultProfileImg,
#ts #hostessImage div.profileImg {
}

#ts #fbLogin {
	/*display:none;*/
	overflow:hidden;
	background: transparent url(/common/images/white_50.png);
}

#ts #fbLogin img {
}

#ts #fbLogin .icon {
	background: transparent url(/common/images/facebook_med.png) no-repeat;
	width:32px;
	height:32px;
	margin:0 auto 4px auto;
}

#ts #fbLogin .text {
	text-align: center;
	text-transform: uppercase;
	font-family:'ProximaNovaRegular',Arial,sans-serif;
	font-size:11px;
}

#ts #fbLogin:hover .text {
	text-decoration: underline;
}

#ts #fbLogin .container {
	cursor:pointer;
	width:100px;
	height:68px;
	padding:32px 0 0 0;
}

#ts .border {
	border: 7px solid white;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
	box-shadow:0px 1px 4px #ddd;-webkit-box-shadow:0px 1px 4px #ddd;-moz-box-shadow:0px 1px 4px #ddd;
	margin:1px 1px 2px 1px;
}

#ts .border.small {
	border-width: 5px;
}

#ts #styleConnector h3 {
	background-color: transparent;
	color:black;
	padding:9px 0 1px 2px;
	margin:0;
}

#ts #styleConnector .name {
    text-transform: uppercase;
    font-size: 18px;
    line-height:22px;
    font-family: 'BodoniRecutFSItalic',Times,'Times New Roman',serif;
}

#ts #pwsDetail {
	margin-top:10px;
	overflow:hidden;
	border-left:10px solid #ececec;
}

#ts #pwsDetail .innerDiv {
	border:1px solid #ddd;
	border-left:0;
	height:114px;
	overflow:hidden;
	padding:8px;
}

#ts #stylistContainer {
	overflow:hidden;
	padding:4px 0;
}

#ts #pwsDetail h3 {

	color:black;
}

#ts #pwsDetail img {
	float:left;
	width:70px;
	margin-right:16px;
}

#ts #pwsDetail .stylistPhoto {
}

#ts #pwsDetail #stylistName {
	padding:12px 0 0 0;
}

#ts #pwsDetail .name {
	text-transform: uppercase; 
    font-size: 18px; 
    line-height:22px; 
    font-family: 'BodoniRecutFSItalic',Times,'Times New Roman',serif;
}

#ts #pwsDetail #message {
	padding:8px 0 0 0;
}

#ts #fbComments {
	padding:0 20px 20px 20px;
}

#ts .block {
	cursor:pointer;
	background:#5FC5C1;
	color:white;
	padding:4px 8px;
	width:100px;
	height:100px;
	position:relative;
}

#ts .block:hover, #ts .block.active {
	background:#78B857;
}


#ts .block span {
	position: absolute;
	bottom:8px;
	left:8px;
}

#ts .tools {
	padding:16px;
	margin:24px 24px 0 24px;
}

#ts .fbLogin {
	cursor:pointer;
	color:#78B857;
}

#ts #whoIsComing {
	padding:16px 0 0 0;
	display:none;
}

#ts .split_row {
	padding-top:4px;
	overflow:hidden;
}

#ts .half_split {
	float:left;
	width:50%;
}

#ts .no_split {
	width:100%;
}

#ts .quarter_split {
	float:left;
	width:25%;
}

#ts .threequarters_split {
	float:left;
	width:75%;
}

#ts #share {
	padding:0;
}

#ts p#share > span, #ts #createFBEvent {
    font-family: 'BodoniRecutFSItalic',Georgia,serif;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	vertical-align: middle;
	/*display:block;*/
	padding-bottom:2px;
	letter-spacing:1px;
}


#ts #createFBEvent {
	cursor:pointer;
}

#ts p#share a {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 8px;
	vertical-align: middle;
	cursor:pointer;
}

#ts p#share a.twitter {
	background: transparent url('/common/images/socialMediaIcons.png') no-repeat -80px -16px;
	width: 26px !important;
}

#ts p#share a.facebook {
	background: transparent url('/common/images/socialMediaIcons.png') no-repeat 0px -16px;
}

#ts p#share a.email {
	background: transparent url('/common/images/socialMediaIcons.png') no-repeat -60px -16px;
}

#ts #guestFBLogin, #ts #hostessFBLogin {
	margin:8px 0 0 0;
	display:none;
}

#ts #eventRSVPTools {
	display:none;
	overflow:hidden;
	margin-top:16px;
}

#ts #eventRSVPTools .block {
	float:left;
	margin-right:8px;
}

#ts #fbEvent {
	margin:0 0 0 0;
}

#ts #sendMsg {
	display:none;
}

#ts #sendMsg.block {
	margin-top:8px;
	height:50px;
}

/*Asset Blocks TIFFANY */
#ts #styleBoard {
	position: relative;
	/*overflow: hidden;*/
	padding: 0 20px 10px 20px;
	width: 960px;
	height: 710px;
}

#ts .asset {
	position: absolute;
	overflow:hidden;
	text-align: center;
}

#ts .asset.shadow {
	margin-left: -5px;
	width: 210px !important;
}

#ts .asset img,
#ts .asset iframe,
#ts .asset div.video {
	background-color: #aaa;
	border: 0 none !important;
	padding: 0;
	vertical-align: bottom;
}

#ts #styleBoard .border {
	background-color: transparent;
	border: 0 none;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	width: 200px;
}


#ts #styleBoard .border img {
	margin: 10px 0 0 0;
}

#ts .asset .mediaBlock {
	background-color: transparent;
	height: 20px;
	margin: 4px 10px 0 10px;
	text-align: center;
}

#ts .asset .mediaBlock > div {
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 0 5px;
	width: 16px;
	vertical-align: middle;
}

#ts .asset .mediaBlock div.facebook {
	background: transparent url('/common/images/socialMediaIcons.png') no-repeat 0px 0px;
}

#ts .asset .mediaBlock div.pinterest {
	background: transparent url('/common/images/socialMediaIcons.png') no-repeat -16px 0px;
}

#ts .asset .mediaBlock a.buy {
	color: #FF623F;
	font-family: 'ProximaNovaSemibold',Arial,sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-transform: uppercase;
	text-decoration: none;
	margin-left:8px;
	letter-spacing: 1px;
}


#ts .asset .mediaBlock a.buy:hover {
	text-decoration: underline;
}

#ts #asset01 {
	width: 315px;
	height: 580px;
	top: 0;
	left: 20px;
}

#ts #asset01 img {
	width: 315px;
	height: 580px;
}

#ts #asset02 {
	width: 310px;
	height: 174px;
	top: 0;
	left: 350px;
}

#ts #asset02 div.video {
	width: 310px;
	height: 174px;
}

#ts #asset03 {
	width: 305px;
	height: 174px;
	top: 0;
	left: 675px;
}

#ts #asset03 img {
	width: 305px;
	height: 174px;
}

#ts #asset04 {
	width: 200px;
	height: 391px;
	top: 189px;
	left: 350px;
}

#ts #asset04.shadow {
	background: transparent url('/images/tsShadows.png') no-repeat -207px 0px;
	height: 400px;
}

#ts #asset04 img {
	width: 180px;
	height: 350px;
}

#ts #asset05 {
	width: 200px;
	height: 192px;
	top: 189px;
	left: 565px;
}

#ts #asset05.shadow {
	background: transparent url('/images/tsShadows.png') no-repeat 2px 0px;
	height: 202px;
}

#ts #asset05 img {
	width: 180px;
	height: 150px;
}

#ts #asset06 {
	width: 530px;
	height: 105px;
	top: 595px;
	left: 20px;
}

#ts #asset06 img {
	width: 530px;
	height: 105px;
}

#ts #asset07 {
	height: 304px;
	width: 200px;
	top: 396px;
	left: 565px;
}

#ts #asset07 img {
	height: 304px;
	width: 200px;
}

#ts #assetColumn {
	top: 189px;
	left: 780px;
}

#ts #assetColumn > div {
	overflow: hidden;
}

#ts #assetColumn > div div.mediaBlock {
	margin-top: -2px;
}

#ts #assetColumn.shadow {
	background: transparent url('/images/tsShadows.png') no-repeat -416px 2px;
	height: 523px;
}

#ts #assetColumn .textBlock {
	font-family: 'BodoniRecutFSItalic',Arial,sans-serif;
	font-size: 24px;
	width: 100%;
	height: 35px;
	margin-top: 16px;
	text-transform: uppercase;
}

#ts #asset08 {
	overflow:hidden;
	width: 200px;
	height: 150px;
	margin: 0 auto;
}

#ts #asset08 img {
	width: 180px;
	height: 120px;
}

#ts #asset09 {
	overflow:hidden;
	width: 200px;
	height: 150px;
	margin: 0 auto;
}

#ts #asset09 img {
	width: 180px;
	height: 120px;
}

#ts #asset10 {
	overflow:hidden;
	width: 200px;
	height: 150px;
	margin: 0 auto;
}

#ts #asset10 img {
	width: 180px;
	height: 120px;
}

#ts #shopLink {
	border-top:1px solid #ddd;
	margin:0 20px;
	padding:12px 0 8px 0;
}

#ts #shopLink a {
	color: #6d6f71;
	text-transform: uppercase;
	font-family:'ProximaNovaSemiBold',Arial,sans-serif;
	font-size:16px;
	text-decoration: none;
}

#ts #shopLink a:hover {
	text-decoration: underline;
}

#ts a#connect {
	color: #6d6f71;
	text-decoration: none; 
	font-family: 'ProximaNovaSemiBold',Arial,sans-serif;
}

#ts a#connect:hover,
#ts a#shopOnline:hover {
	text-decoration: underline;
}

#ts #shopLink a {
	letter-spacing: 1px;
	padding-right: 14px;
    position: relative;
}

    #ts #shopLink a:after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        right: 0px;
        border-right: none;
        border-left: 8px solid #75ad5b;
        border-bottom: 4px solid transparent;
        border-top: 4px solid transparent;
    }

#ts a#shopOnline {
    color: #75ad5b;
    text-decoration: none;
	padding-right: 12px;
    position: relative;
}
    #ts a#shopOnline:after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        right: 0px;
        border-right: none;
        border-left: 8px solid #75ad5b;
        border-bottom: 4px solid transparent;
        border-top: 4px solid transparent;
    }

#ts #tsClosedMsg {
	text-transform: uppercase;
	font-family:'ProximaNovaRegular',Arial,sans-serif;
	font-size:20px;
	line-height:28px;
	width:80%;
	margin:0 auto;
	margin-top:36px;
}

#ts #tsClosedMsg a {
	color: #FF623F;
	text-decoration: none;
}

#ts .editControl {
	font-family:helvetica, arial;
	font-size:11px;
	color:#797979;
	cursor:pointer;
	text-transform:capitalize;
	background: transparent url('/common/images/edit.png') no-repeat;
	padding-left:24px;
	display:block;
	text-align:left;
	height:24px;
	width:38px;
	line-height:12px;
}

#ts #editAddressLink {
	background: transparent url('/common/images/padlock.png') no-repeat;
}

#ts #detail #editTitleLink {
	position:absolute;
	right:0px;
	top:24px;
}

#ts #detail #editTitleCtrl {
	display:none;
	padding:18px 0 6px 0;
}

#ts #detail #editTitleTextbox {
	letter-spacing: 1px; 
	font-size: 22px; 
	border: 2px #ec008c dashed;
	background:#f5f5f5;
	padding:4px 12px;
	/* text-transform: uppercase; */
	font-family: 'ProximaNovaSemiBold',Arial,sans-serif;
	width:500px;
	text-align:center;
	outline-width:0;
}

#ts #hostessDetails #editHostessMsgCtrl {
	display:none;
}

#ts #hostessDetails #editHostessMsgTextbox {
	border: 2px #ec008c dashed;
	background:#f5f5f5;
	outline-width:0;
	width:148px;
	height:120px;
	font-size:11px;
	line-height: 140%;
	margin-left:-2px;
	margin-top:-2px;
	resize:none;
}

/*Facebook Event RSVP */
#ts .rsvpWidget {

}

#ts .rsvpWidget p {
	color: #000;
	display: inline-block;
	font-family: 'ProximaNovaSemiBold',Arial,sans-serif;
	font-size: 20px;
	line-height:20px;
	vertical-align: middle;
}

#ts .rsvpWidget ul {
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px;
}

#ts .rsvpWidget ul li {
	background: #fff url('/images/dotOrange.png') no-repeat 8px center;
	border: 1px solid #ff6633;
	cursor: pointer;
	display: inline-block;
	font-family: 'ProximaNovaSemiBold',Arial,sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 3px 10px 3px 24px;
	text-transform: uppercase;
}

#ts .rsvpWidget ul li.selected,
#ts .rsvpWidget ul li:hover {
	background: #ff6633 url('/images/dotWhite.png') no-repeat 8px center;
	border: 1px solid #ff6633;
	color: #fff;
}

#ts .rsvpWidget#stats ul {
	padding:0 0 0 4px;
}
#ts .rsvpWidget#stats ul li {
	border:none;
	cursor:default;
	color:#ff6633;
	padding:0px 4px 0px 26px;
}


#ts .rsvpWidget#stats ul li:hover {
	color:#ff6633;
	background: #fff url('/images/dotOrange.png') no-repeat 8px center;
	border:none;
}

#ts #attendingList {
	display:none;
	padding:0 20px 0px 20px;
	margin-top:-8px;
	overflow:hidden;
}

#ts #attendingList div {
	float:left;
	line-height: 32px;
    font-family: 'BodoniRecutFSItalic',Georgia,serif;
	font-size: 16px;
	margin-right:8px;
}

#ts #attendingList img {
	width:32px;
	height:32px;
	margin-right:4px;
}

#ts #fbEvent #createEvent {
	display:none;
}

#ts #createEventBtn {
	background: #fff url('/images/hostess_fb_event.png') no-repeat;
	width:168px;
	height:27px;
	cursor:pointer;
	margin:8px auto 0 auto;
}

#ts #fbEvent #rsvpFBLogin {
	display:none;
}

#ts #fbEvent #rsvpFBLogin #rsvpFBLoginBtn {
	background: #fff url('/images/hostess_fb_rsvp.png') no-repeat;
	width:177px;
	height:27px;
	cursor:pointer;
	margin:8px auto 0 auto;
}

#ts #fbEvent #rsvpStats {
	display:none;
}

#ts #fbEvent #rsvpEvent {
	display:none;
}

#ts .no1 {
	background: transparent url('/images/no1.png') no-repeat;
	padding-left:34px;
}

#ts .no2 {
	background: transparent url('/images/no2.png') no-repeat;
	padding-left:34px!important;
}/*
namespace: #rsvp-status
*/

p, a, h1, h2, h3, h4, h5, span, li, input, label {
    -webkit-font-smoothing: subpixel-antialiased;
}
#style-event-container, #trunkshow-container {
    min-height: 400px;
    position: relative;
}
#planner-main-loader-beta {
    width: 35px;
    display: none;
    position: absolute;
    left: 50%;
    margin: 50px 0 0 -17px;
}
#rsvp-status {
    width: 100%;
    min-height: 400px;
    position: relative;
    margin: 0 auto;
    font-family: 'ProximaNovaRegular',Arial,sans-serif;
}

    #rsvp-status .section-top.public, #rsvp-status-main .section-top.public {
        margin-bottom: 0px;
    }
	
	#rsvp-status .section-top.public .back-link-block{
	
	padding-top: 16px;
	padding-bottom: 10px;
	}
	#rsvp-status .section-top.public .back-link-block .back-link{
		font-family: proximanovaregular;
		font-size: 14px;
		color: #71AD53;
		padding-left: 10px;
    }
	
	#rsvp-status .section-top.public .back-link-block .back-link:before  {
	content:"";
	border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #71AD53;
position: absolute;
margin-left: -9px;
margin-top: 3px;
}
    
        #rsvp-status .section-top h3.header, #rsvp-status-main .section-top h3.header {
            padding: 10px 10px 10px 0;
            font-style: normal;
            color: #333; /* text color */
            font-family: 'ProximaNovaRegular',Arial,sans-serif !important;
            font-size: 24px;
            letter-spacing: 1px;
            margin-bottom:3px;
        }

        #rsvp-status .section-top #rsvp-status-overview, #rsvp-status-main .section-top #rsvp-status-overview {
            position: relative;
            height: 62px;
            margin-bottom: 20px;
            background-color: #f1f1f1; /* layer fill content */
            text-transform: uppercase;
            clear: left;
        }

            #rsvp-status .section-top #rsvp-status-overview li.alt, #rsvp-status-main .section-top #rsvp-status-overview li.alt {
                padding-left:15px;
            }

            #rsvp-status .section-top #rsvp-status-overview div.wrap-left, #rsvp-status-main .section-top #rsvp-status-overview div.wrap-left {
                float: left;
                margin-left: 15px;
                margin-top: 10px;
            }
                #rsvp-status .section-top #rsvp-status-overview .wrap-left h4, #rsvp-status-main .section-top #rsvp-status-overview .wrap-left h4 {
                    margin: 0;
                    color: #333; /* text color */
                    font-family: "ProximaNovaSemibold";
                    font-size: 16px;
                }
                #rsvp-status .section-top #rsvp-status-overview .wrap-left ul, #rsvp-status-main .section-top #rsvp-status-overview .wrap-left ul {
                    float: left;
                }

                    #rsvp-status .section-top #rsvp-status-overview .wrap-left ul li, #rsvp-status-main .section-top #rsvp-status-overview .wrap-left ul li {
                        float:left;
                        line-height: 33px;
                        padding-right: 20px;
                        color: #333; /* text color */
                        font-family: "ProximaNovaRegular";
                        font-size: 13px;
                        font-style: normal;
                        text-transform: none;

                    }
                        #rsvp-status .section-top #rsvp-status-overview .wrap-left ul li:nth-child(3):after, #rsvp-status-main .section-top #rsvp-status-overview .wrap-left ul li:nth-child(3):after {
                            content: "/";
                            padding-left: 20px;
                        }

            #rsvp-status .section-top #rsvp-status-overview div.wrap-right, #rsvp-status-main .section-top #rsvp-status-overview div.wrap-right {
                float:right;
                margin-right: 10px;
                text-align: right;
            }
                #rsvp-status .section-top #rsvp-status-overview .wrap-right p:first-child, #rsvp-status-main .section-top #rsvp-status-overview .wrap-right p:first-child {
                    color: #333; /* text color */
                    font-family: "ProximaNovaSemibold";
                    font-size: 12px;
                    letter-spacing: 1px;
                    display: none; /* TODO: to show on next sprint */
                }

                #rsvp-status .section-top #rsvp-status-overview .wrap-right i, #rsvp-status-main .section-top #rsvp-status-overview .wrap-right i {
                    color: #333; /* text color */
                    font-family: "BodoniRecutFSItalic";
                    font-size: 16px;
                    font-style: italic;
                    font-weight: normal;
                    text-transform: none;
                }

                #rsvp-status .section-top #rsvp-status-overview .wrap-right .button, #rsvp-status-main .section-top #rsvp-status-overview .wrap-right .button {
                    display:block;
                    margin: 15px 0 10px 10px;
                    padding: 0 15px;
                    border: 1px solid #ddd;
                    height: 32px;
                    line-height: 32px;
                    color: #71ad53;
                    font-family: "ProximaNovaRegular";
                    font-size: 12px;
                    letter-spacing: 1px;
                    background-color: #fffeff;
                    float: right;
                }
                    #rsvp-status .section-top #rsvp-status-overview .wrap-right .button:hover, #rsvp-status-main .section-top #rsvp-status-overview .wrap-right .button:hover {
                        text-decoration: none;
                        background-color: #e3e3e4;
                        border: 1px solid #cacacc;
                    }

                #rsvp-status .section-top #rsvp-status-overview .wrap-right .exportGuests, #rsvp-status-main .section-top #rsvp-status-overview .wrap-right .exportGuests {

                }
                #rsvp-status .section-top #rsvp-status-overview .wrap-right .inviteGuests, #rsvp-status-main .section-top #rsvp-status-overview .wrap-right .inviteGuests {
                    background-color: #71ad53;
                    color: #fffeff;
                    font-size: 13px;
                }

                #rsvp-status .section-top #rsvp-status-overview .wrap-right .inviteGuests:hover , #rsvp-status-main .section-top #rsvp-status-overview .wrap-right .inviteGuests:hover {
                    background-color: #669c4b;
                    box-shadow: 0 0 3px rgba(0,0,0,0.12);
                }

    #rsvp-status .section.left,
    #rsvp-status .section.right{
        position:relative;
    }

        #rsvp-status .section.left {
            float: left;
            width:60%;
        }
            #rsvp-status .section.left.alt {
                width:100%;
            }
            #rsvp-status .section.left .response{
                margin-bottom: 20px;
                border:1px solid #e3e3e3;
                border-bottom: none;
            }
            #rsvp-status .section.left .response .list-header {
                position: relative;
                background-color: #e4e4e4;
                height: 40px;
                border-bottom: 1px solid #e3e3e3;
                font-family: 'ProximaNovaRegular',Arial,sans-serif !important;
                text-transform: uppercase;
                color: #333333;
            }

                #rsvp-status .section.right .response .list-header ,
                #rsvp-status .section.left .response .list-header {
                    font-family: 'ProximaNovaSemibold',Arial,sans-serif;

                }

                #rsvp-status .section.right .response .list-header h4,
                #rsvp-status .section.left .response .list-header h4 {
                    margin-bottom: 0;
                    margin-top: 0;
                    float: left;
                    line-height: 42px;
                    font-size: 16px;
                    font-family: 'ProximaNovaRegular', Arial, sans-serif;
                }

                #rsvp-status .section.left .response .list-header h4 {
                    margin: 0 0 0 64px;
                }

                #rsvp-status .section.right .response .list-header h4 {
                    margin-left: 25px;
                }

                   .section.left #rsvp-status-yes .list-header h4:before {
                        content:"";
                        position: absolute;
                        left: 29px;
                        top: 10px;
                        width: 20px;
                        height: 20px;
                        -moz-border-radius: 10px / 10px 10px 10px 10px;
                        -webkit-border-radius: 10px / 10px 10px 10px 10px;
                        border-radius: 10px / 10px 10px 10px 10px; /* border radius */
                        -moz-background-clip: padding;
                        -webkit-background-clip: padding-box;
                        background-clip: padding-box; /* prevents bg color from leaking outside the border */
                        background-color: #71ad53; /* layer fill content */
                   }

                   .section.left #rsvp-status-no .list-header h4:before {
                        content:"";
                        position: absolute;
                        left: 29px;
                        top: 10px;
                        width: 20px;
                        height: 20px;
                        -moz-border-radius: 10px / 10px 10px 10px 10px;
                        -webkit-border-radius: 10px / 10px 10px 10px 10px;
                        border-radius: 10px / 10px 10px 10px 10px; /* border radius */
                        -moz-background-clip: padding;
                        -webkit-background-clip: padding-box;
                        background-clip: padding-box; /* prevents bg color from leaking outside the border */
                        background-color: #e30375; /* layer fill content */
                   }

                   .section.left #rsvp-status-maybe .list-header h4:before {
                        content:"";
                        position: absolute;
                        left: 22px;
                        top: 10px;
                        width: 20px;
                        height: 20px;
                        /*opacity: .7;*/
                        -moz-border-radius: 10px / 10px 10px 10px 10px;
                        -webkit-border-radius: 10px / 10px 10px 10px 10px;
                        border-radius: 10px / 10px 10px 10px 10px; /* border radius */
                        -moz-background-clip: padding;
                        -webkit-background-clip: padding-box;
                        background-clip: padding-box; /* prevents bg color from leaking outside the border */
                        background-color: #7bc5c5; /* layer fill content */
                   }

                   .section.left #rsvp-status-maybe .list-header h4:after {
                        content:"";
                        position: absolute;
                        left: 31px;
                        top: 10px;
                        width: 20px;
                        height: 20px;
                        opacity: .7;
                        -moz-border-radius: 10px / 10px 10px 10px 10px;
                        -webkit-border-radius: 10px / 10px 10px 10px 10px;
                        border-radius: 10px / 10px 10px 10px 10px; /* border radius */
                        -moz-background-clip: padding;
                        -webkit-background-clip: padding-box;
                        background-clip: padding-box; /* prevents bg color from leaking outside the border */
                        background-color: #ebd14b; /* layer fill content */
                   }

                #rsvp-status .section.left .response .list-header span.total {
                    width: 58px;
                    position: absolute;
                    top: 5px;
                    right: 82px;
                    font-size: 10px;
                    line-height: 15px;
                    text-align: center;
                    color: #595959;
                    font-family: 'ProximaNovaRegular', Arial, sans-serif;
                }

                #rsvp-status .section.left .response .list-header .mailTo,
                #rsvp-status .section.right .response .list-header .mailTo {
                    position: absolute;
                    top: 21px;
                    right: 1px;
                    display: block;
                    width: 75px;
                    color: #595959; /* text color */
                    font-size: 12px;
                    font-weight: normal;
                    text-decoration: underline;
                    text-transform: capitalize;
                    text-align: center;
                }

                    #rsvp-status .section.right .response .list-header .mailTo:before,
                    #rsvp-status .section.left .response .list-header .mailTo:before {
                        content: '';
                        width: 18px;
                        height: 14px;
                        display: block;
                        position: absolute;
                        background: url('/common/images/mail-envelope.png') no-repeat;
                        top: -15px;
                        left: 40%;
                    }

                #rsvp-status .section.right .response .list-header .infoMsg {
                    font-family: 'sdicons';
                    cursor: pointer;
                    color: #7b7b7b;
                    line-height: 41px;
                    position: absolute;
                    right: 25px;
                }
                #rsvp-bounces-msg {
                    width: 173px;
                    padding: 10px;
                    position: absolute;
                    top: 41px;
                    right: 2px;
                    display: none;
                    background-color: #fff;
                    -moz-box-shadow: 0 0 5px rgba(0,0,0,.25);
                    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
                    box-shadow: 0 0 5px rgba(0,0,0,.25);
                    font-size: 12px;
                    font-weight: normal;
                    text-transform: none;
                }

                    #rsvp-bounces-msg:after {
                        content: '';
                        width: 23px;
                        height: 13px;
                        display: block;
                        position: absolute;
                        top: -13px;
                        right: 20px;
                        background: url('/common/images/msgBoxTriangleTab.png') no-repeat;
                    }

                #rsvp-status .section.left .response .list-header .right h4 {
                    font-size: 12px;
                    text-align: center;
                    width: 50px;
                    top:5px
                }

            #rsvp-status .section.left .response .list-item {
                clear: both;
                position: relative;
                min-height: 55px;
                padding: 7px 10px 0 75px;
                font-family: 'ProximaNovaRegular',Arial,sans-serif !important;
                color: #595959;
                overflow: hidden;
            }

            #rsvp-status .section.left .response .list-noreplies {
                margin: 0;
                clear: both;
                height: 64px;
                padding-left: 25px;
                font-family: "BodoniRecutFSItalic", Arial, sans-serif !important;
                font-size: 18px;
                line-height: 64px;
                font-weight: normal;
                color: #000;
                border-bottom: 1px solid #e4e4e4;
            }

            #rsvp-status .section.left .response ul li:nth-child(2n) {
                background-color: #f7f7f7;
            }

            #rsvp-status .section.left .response ul li:last-child {
                border-bottom: 1px solid #e3e3e3;
            }

            #rsvp-status .section.left .response .list-item span.pic {
                width: 34px;
                height: 34px;
                border: 1px solid #e3e3e3;
                display: block;
                position: absolute;
                top: 12px;
                left: 20px;
                background-size: cover;
                background-repeat: no-repeat;
            }

                #rsvp-status .section.left .response .list-item .item-info{
                    height: auto;
                    float: left;
                    line-height: 22px;
                    width: 55%;
                    min-height: 44px;

                }

                    #rsvp-status .section.left .response .list-item .item-info a,
                    #rsvp-status .section.right .response .list-item .item-info a{
                        color: #595959;
                    }

                    #rsvp-status .section.left .response .list-item p.guestFirstName,
                    #rsvp-status .section.left .response .list-item p.guestFirstNameOnly {
                        margin: 0;
                        font-size: 14px;
                        font-family: 'ProximaNovaSemibold',Arial,sans-serif !important;
                    }

                    #rsvp-status .section.left .response .list-item .guestEmail,
                    #rsvp-status .section.left .response .list-item .guestEmailOnly {
                        font-size: 12px;
                        color: #808080 !important;
                    }

                    #rsvp-status .section.left .response .list-item .guestFirstNameOnly,
                    #rsvp-status .section.left .response .list-item .guestEmailOnly {
                        margin-top: 10px;
                    }

                    #rsvp-status .section.left .response .list-item .item-info .rsvp_date {
                        font-size: 12px;
                        color: #808080 !important;
                        font-family: 'ProximaNovaSemibold',Arial,sans-serif !important;
                    }

                    #rsvp-status .section.left .response .list-item blockquote {
                        width: 354px;
                        margin-left: 26px;
                        position: relative;
                        padding-bottom: 15px;
                        clear: both;
                        font-size: 13px;
                        line-height: 20px;
                    }

                    #rsvp-status .section.left .response .list-item blockquote:before {
                        content: '';
                        width: 19px;
                        height: 19px;
                        display: block;
                        position: absolute;
                        top: 1px;
                        left: -24px;
                    }

                    #rsvp-status .section.left .response .list-item:nth-child(2n-1) blockquote:before {
                        background: url('/common/images/bubble.png') no-repeat;
                    }

                    #rsvp-status .section.left .response .list-item:nth-child(2n) blockquote:before {
                        background: url('/common/images/bubble2.png') no-repeat;
                    }

                #rsvp-status .section.left .response .list-item .guest-total {
                    float: right;
                    margin-right: 94px;
                    line-height: 44px;
                }

    #rsvp-status .section .right {
        position:relative;
    }
        #rsvp-status .section.right {
            float: right;
            width:37%;
        }
            #rsvp-status .section.right .response{
                margin-bottom: 20px;
                border:1px solid #e3e3e3;
            }
                #rsvp-status .section.right .response .rsvp_date {
                    color: #999;
                    font-size: 11px;
                    display: block;
                    line-height: 11px;
                }

                #rsvp-status .section.right .response ul{
                    overflow: hidden;
                    width: 100%;
                    margin-bottom: 0;
                }

                #rsvp-status .section.right .response ul .hidden-tag {
                    display: none;
                }

                #rsvp-status .section.right .response .view-all, #rsvp-status .section.right .response .hide-some {
                    color: #333333;
                    cursor: pointer;
                    display: inline-block;
                    font-family: 'ProximaNovaSemibold',Arial,sans-serif;
                    font-size: 14px;
                    line-height: 40px;
                    margin-left: 60px;
                    text-transform: capitalize;
                    letter-spacing: 1px;
                    position: relative;
                }

                #rsvp-status .section.right .response .hide-some {
                    display: none;
                }
                    #rsvp-status .section.right .response .view-all:before, #rsvp-status .section.right .response .hide-some:before {
                        content: "\e003";
                        width: 20px;
                        height: 20px;
                        font-family: 'sdicons';
                        display: inline-block;
                        position: absolute;
                        background: #eeeeee;
                        top: 9px;
                        left: -30px;
                        border-radius: 2px;
                        color: #a7a7a7;
                        font-size: 11px;
                        text-align: center;
                        line-height: 20px;
                    }
                        #rsvp-status .section.right .response .hide-some:before {
                            content: "\e005";
                            text-indent: 1px;
                            line-height: 21px;
                        }

            #rsvp-status .section.right .response .list-header{
                background-color: #e3e3e3;
                height: 41px;
                border-bottom: 1px solid #e3e3e3;
                font-family: 'ProximaNovaRegular',Arial,sans-serif !important;
                text-transform: uppercase;
                position: relative;
                color: #333333;
            }


            #rsvp-status .section.right .response .list-item {
                float: left;
                line-height: 22px;
                margin: 10px 0 10px 30px;
                white-space: nowrap;
                width: 95%;
            }

            #rsvp-status .section.right .response .list-item .guestEmailOnly{
                font-family: 'ProximaNovaRegular',Arial,sans-serif !important;
                font-size: 14px;
                color: #5a5a5a;
            }

        #rsvp-status .section.right div.right-column:after {
            clear: both;
        }

        .section-top ul.rsvp-byline {
            margin: -10px 0 25px 0;
        }

        .section-top ul.rsvp-byline li {
            font-size: 12px;
            color: #9f9f9f;
            display: inline;
            padding-bottom: 10px;
        }

        .section-top ul.rsvp-byline li.invite-date {
            position: relative;
            text-indent: 22px;
            padding-left: 22px;
        }

        .section-top ul.rsvp-byline li.invite-date:before {
            content: "\e00c";
            color: #cbcbcb;
            font-family: 'SdIcons';
            font-size: 15px;
            position: absolute;
            top: 0px;
            left: -22px;
        }

        .section-top li.invite-date:after, li.invite-time:after {
            content: '|';
            padding: 0 12px;
        }


#rsvp-edit {
    display: none;
    width: 100%;
    min-height: 600px;

}

    #rsvp-edit form {
        font-family: 'ProximaNovaRegular',Arial,sans-serif;
    }
    #rsvp-edit .section-top ul.rsvp-byline li {
        font-family: 'ProximaNovaRegular',Arial,sans-serif;
    }
    .tableScrollContainer {
        margin-bottom: 20px;
        clear: both;
    }

    #rsvp-edit #guest-list-scroll {
        max-height: 430px;
        overflow-y: scroll;
        overflow-x: hidden;
        border: 1px solid #f7f7f7;
    }

    #rsvp-edit table {
        width: 958px;
        border-collapse: collapse;
    }

    table#guest-list-container {
        margin-bottom: 20px;
    }

    #rsvp-edit ul#table-header {
        margin-bottom: 0;
        overflow: hidden;
        border-bottom: 1px solid #dddddd;
    }

    #rsvp-edit ul#table-header li {
        height: 35px;
        line-height: 35px;
        float: left;
        background: #fff;
        color: #7f7f7f;
        font-size: 14px;
        list-style: none;
    }
        #rsvp-edit .actionsCol {
            margin: 0;
            font-size: 14px;
            line-height: inherit;
        }
        #rsvp-edit ul#table-header li a {
            color: #7f7f7f;
            font-size: 14px;
            cursor: pointer;
        }

        #rsvp-edit ul .rsvpStatus {
            width: 149px;
        }
        #rsvp-edit ul .firstName {
            width: 155px;
        }
        #rsvp-edit ul .lastName {
            width: 190px;
        }
        #rsvp-edit ul .emailAddress {
            width: 265px;
        }
        #rsvp-edit ul .guestCount {
            width: 100px;
            text-align: center;
        }

        #rsvp-edit ul .actions {
            text-align: center;
            width: 135px;
        }
    #rsvp-edit ul.guest-list {
        margin-bottom: 0;
    }
    #rsvp-edit ul.guest-list li {
        width: 100%;
        float: left;
        background: #fff;
        color: #7f7f7f;
        font-size: 14px;
        list-style: none;
    }

        #rsvp-edit ul.guest-list li.active {
            background-color: #caeeed;
        }

        #rsvp-edit ul.guest-list li.active input {
            background: #fff;
        }

        #rsvp-edit ul.guest-list li:nth-child(n+2) {
            border-top: 1px solid #f1f1f1;
        }

        #rsvp-edit ul.guest-list li:nth-child(2n+1) {
            background-color: #f7f7f7;
        }

        #rsvp-edit ul.guest-list li .column {
            height: 55px;
            padding: 10px 10px 0 0px;
            float: left;
            line-height: 35px;
            position: relative;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        #rsvp-edit ul.guest-list li .column:first-child div {
            padding-left: 10px;
        }


            #rsvp-edit ul.guest-list p {
                height: 35px;
                padding: 0 5px;
                overflow: hidden;
                text-overflow: ellipsis;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                line-height: 35px;
                color: #595959;
                font-size: 14px;
                position: relative;
            }

            #rsvp-edit ul.guest-list select {
                outline: none;
            }

            #rsvp-edit ul.guest-list input {
                height: 35px;
                background: #fff;
                border: none;
                padding: 5px 5px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                color: #595959;
                font-size: 14px;
                outline: none;
            }

                #rsvp-edit ul.guest-list input.error {
                    border: 1px solid rgba(228, 3, 117, .4);
                }


            #rsvp-edit ul.guest-list li:not(.bounced):hover {
                background: #caeeed;
            }

            #rsvp-edit ul.guest-list li:not(.bounced) p {
                cursor: text;
            }

            #rsvp-edit div.rsvpStatus p {
                margin-left: 25px;
            }

            #rsvp-edit div.rsvpStatus select {
                margin-left: 25px;
            }

            #rsvp-edit div.rsvpStatus span:before {
                content: "";
                width: 14px;
                height: 14px;
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
                border-radius: 7px;
                position: absolute;
                top: 21px;
                left: 13px;
                display: block;
                background-clip: padding-box;
            }

            #rsvp-edit div.rsvpStatus span.yes:before {
                background-color: #71AD53;

            }

            #rsvp-edit div.rsvpStatus span.no:before {
                background-color: #e40375;

            }
            #rsvp-edit div.rsvpStatus span.maybe:before {
                content:"";
                width: 18px;
                height: 14px;
                left: 11px;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                background: url('/common/images/rsvp-maybe-small.png');
           }
            #rsvp-edit div.rsvpStatus span.noreply:before {
                content:"";
                width: 14px;
                height: 14px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                background: url('/common/images/rsvp-noreply.png');
           }
            #rsvp-edit ul.guest-list li .firstName p, #rsvp-edit ul.guest-list li .firstName input {
                width: 110px;
            }

            #rsvp-edit ul.guest-list li .firstName span {
                width: 28px;
                height: 28px;
                margin: 2px 5px 0 0;
                display: block;
                float: left;
                border: 1px solid #9f9f9f;
                background-size: cover;
            }

            #rsvp-edit ul.guest-list li:not(.bounced):hover p {
                background: #e5f7f6;
            }

            #rsvp-edit ul.guest-list li.deleted p {
                opacity: .39;
                text-decoration: line-through;
            }

            #rsvp-edit ul.guest-list li.bounced p {
                color: #bbbbbb;
            }


                #rsvp-edit ul.guest-list li.bounced a.edit {
                    display: none;
                }

                #rsvp-edit ul.guest-list li span.bouncedWarn {
                    display: none;
                }

                #rsvp-edit ul.guest-list li.bounced span.bouncedWarn {
                    color: #f77a00;
                    font-size: 12px;
                    display: inline;
                    position: absolute;
                    bottom: -7px;
                    margin-left: 15px;
                }


                #rsvp-edit ul.guest-list li.bounced span.bouncedWarn:after {
                    content: '';
                    width: 10px;
                    height: 10px;
                    display: block;
                    position: absolute;
                    left: -15px;
                    top: 12px;
                    background: url('/common/images/warningIcon.png') no-repeat;
                }


            #rsvp-edit ul.guest-list li .lastName p, #rsvp-edit ul.guest-list li .lastName input {
                width: 180px;
            }


            #rsvp-edit ul.guest-list li .emailAddress p, #rsvp-edit ul.guest-list li .emailAddress input {
                width: 283px;
            }

            #rsvp-edit ul.guest-list li .guestCount {
                padding-left: 7px;
            }


            #rsvp-edit ul.guest-list .actions a {
                width: 25px;
                height: 25px;
                display: inline-block;
                line-height: 25px;
                text-align: center;
                font-family: 'SdIcons';
                color: #9f9f9f;
                font-size: 14px;
                cursor: pointer;
            }
                #rsvp-edit ul.guest-list .actions a:hover {
                    text-decoration: none;
                }

                #rsvp-edit ul.guest-list .actions a.edit {
                    width: 15px;
                    height: 15px;
                    display: inline-block;
                    background: url('/common/images/icons/edit_icon.png') no-repeat;
                    top: 2px;
                    left: -3px;
                    position: relative;
                }

                #rsvp-edit ul.guest-list .actions a:active {
                    opacity: .5;
                }

                #rsvp-edit ul.guest-list .actions a.undo, #rsvp-edit ul.guest-list .actions a.undoDelete {
                    width: auto;
                    padding: 0 10px;
                    background: #fff;
                    line-height: 23px;
                    color: #59b52d;
                }
                #rsvp-edit ul.guest-list .actions a.undo.disabled {
                    opacity: .5;
                }


            #rsvp-edit ul.guest-list .guestCount input, #rsvp-edit ul.guest-list .guestCount p {
                width: 35px;
                margin: 0 auto;
                text-align: center;
            }

    #buttons {
        float: right;
        margin-bottom: 20px;
    }

    #buttons button {
        min-width: 126px;
        height: 42px;
        margin-left: 10px;
    }
    #buttons button span {
        font-family: "ProximaNovaRegular";
        font-size: 16px;
        text-transform: uppercase;

    }
a, h1, h2, h3, h4, h5, span, input, label {
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight: bolder;
}

#invitedGuestsBlock {
  
}

    .address-entry a#viewGuestRSVPs {
      color: #71ad53;
      text-decoration: underline;
    }
    
    #trunkshow-invitations-container p {
        margin: 10px 0 20px;
        color: #595959;
        font-size: 16px;
        line-height: 24px;
        font-family: 'ProximaNovaRegular',Arial,sans-serif;
    }

    #trunkshow-invitations-container a.trunkshowHeaderBack {
      width: 720px;
      margin-top: 15px;
      float: left;
      color: #5ab74a;
      font-size: 12px;
    }

    #trunkshow-invitations-container a.trunkshowHeaderBack:before {
      content: '';
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 4px 5px 4px 0;
      border-color: transparent #5ab74a transparent transparent;
      display: inline-block;
      font-size: 6px;
      position: relative;
      bottom: 1px;
      margin-right: 4px;
      text-decoration: none;
    }

    #trunkshow-invitations-container h2.trunkshowHeader {
      width: 720px;
      margin: 10px 0 0 0;
      padding: 0px;
      float: left;
      text-transform: none;
    }

    .littleTo {
      font-family: "BodoniRecutFSItalic";
      text-transform: lowercase;
    }

    ul.invite-byline {
      margin: 5px 0 0 0;
      overflow: hidden;
      width: 720px;
      float: left;
      border-bottom: 1px solid #ececec;
      margin-bottom: 5px;
    }

    ul.invite-byline li {
      float: left;
      font-size: 12px;
      color: #9f9f9f;
      display: inline;
      padding-bottom: 10px;
    }

    ul.invite-byline li.invite-date {
        position: relative;
        text-indent: 24px;
    }

    ul.invite-byline li.invite-date:before {
      content: "\e00c";
      color: #cbcbcb;
      font-family: 'SdIcons';
      font-size: 15px;
      position: absolute;
      top: 0px;
      left: -22px;
    }

      li.invite-date:after, li.invite-time:after {
        content: '|';
        padding: 0 12px;
      }
    }

      #trunkshow-invitations-container p a {
        color: #5bb74a;
        text-decoration: underline;
      }

    #trunkshow-invitations-container .address-entry {
        float: left;
        width: 720px;
        margin-right: 20px;
        clear: left;
     }
  
    #trunkshow-invitations-container .address-entry label {
        margin-bottom: 4px;
        color: #5a5a5a;
        font-size: 17px;
        font-family: 'ProximaNovaSemiBold',Arial,sans-serif;
        width: auto;
    }

    #trunkshow-invitations-container .address-entry .invitation-email-optin-message {
        font-size: 13px;
    }

    #trunkshow-invitations-container .address-entry .emailInputWrapper {
        height: 32px;
        border: 1px solid #dddddd;
        padding: 12px;
    }
    
    #trunkshow-invitations-container .address-entry .emailInputWrapper label {
        font-size: 12px;
        font-weight: normal;
        color: #808088;
        padding-right: 5px;
    }
    
    #trunkshow-invitations-container .address-entry .emailInputWrapper input[type=text] {
        max-width: 440px;
        min-width: 430px;
        padding: 4px;
        font-size: 14px;
        border: transparent;
        outline: none;
        text-overflow: ellipsis;
    }
    
    #trunkshow-invitations-container .address-entry .emailInputWrapper input[type=submit] {
        background: #fefefe;
        color: #5ab74a;
        border: 1px solid #dddddd;
        padding: 8px 5px;
        margin: 0;
        letter-spacing: 2px;
        text-transform: uppercase;
        cursor: pointer;
        font-family: 'ProximaNovaRegular',Arial,sans-serif;
    }
    
    #trunkshow-invitations-container .address-entry .add-guest-button {
        float: right;
        margin: 5px;
        padding: 8px 20px !important;
    }
  
  
    #trunkshow-invitations-container .right-rail {
        float: right;
        width: 220px;
    }


    #invitations-welcome-message p {
      padding: 30px 0 0 0;
      position: relative;
      color: #999;
      font-family: 'ProximaNovaRegular',Arial,sans-serif;
      font-size: 18px;
      text-align: center;
      opacity: .7;
    }

    #invitations-welcome-message p:before {
      content: '';
      width: 0px;
      height: 0px;
      margin: 0 auto;
      top: 15px;
      position: absolute;
      border-style: solid;
      border-width: 0 11px 10px 11px;
      border-color: transparent transparent #999 transparent;
      left: 362px;
      
    }
    #invitations-form-view {
        margin-top: 20px;
        background: #f1f1f1;
        padding: 12px;
        display: none;
        position: relative;
    }
    #invitations-form-view:before {
      content: '';
      width: 0px;
      height: 0px;
      margin: 0 auto;
      top: -13px;
      position: absolute;
      border-style: solid;
      border-width: 0 20px 15px 20px;
      border-color: transparent transparent #f1f1f1 transparent;
      left: 362px;
      
    }

    #invitations-form {
      opacity: 0;
    }


    .open #invitations-form {
      opacity: 1;
    }
    
    #invitations-form-view #email-collection {
        margin-bottom: 12px;
    }
    
    #invitations-form-view #email-collection li {
        position: relative;
        float: left;
        display: block;
        margin: 0 15px 10px 0;
        background: #FFF;
        font-size: 14px;
        color: #808088;
        padding: 8px 10px;
        font-family: 'ProximaNovaRegular',Arial,sans-serif;
    }
    
    #invitations-form-view #email-collection li .email {
        margin-right: 10px;
        padding-right: 20px;
    }
      #invitations-form-view #email-collection li .remove {
        width: 10px;
        height: 10px;
        display: block;
        position: absolute;
        top: 12px;
        right: 12px;
        background: url("/common/images/icons/sd_icon_sprite.png") no-repeat;
        background-position: -96px 0px;
        text-indent: -9999px;
        cursor: pointer;
      }
    
    #invitations-form-view #email-collection li.duplicate {
        text-decoration: line-through;
    }
    #invitations-form-view #email-collection li.invalid {
        background: #facde3;
    }
    #invitations-form-view #email-collection li.invalid .remove {
        color: #e40375;
        background-position: -96px -11px;
    }

    .email-meta {
        width: 50%;
        float: left;
        font-size: 14px;
    }
    .email-meta .total-guests {
        font-family: 'ProximaNovaRegular', Arial,sans-serif;
        text-transform: uppercase;
        margin-bottom: 8px;
    }
    .email-meta .total-guests .count {
        font-weight: bold;
    }
    .email-meta .invalid {
        color: #e40375;
    }
    .email-meta .duplicate {
        color: #5a5a5a;
    }
    
    #invitations-form-view .submit-buttons {
        float: right;
    }

    #invitations-form-view .submit-buttons .newLoader {
        display: none;
        text-align: center;
        font-size: 20px;
        color: #808080;
        padding: 5px 0;
        width: 190px;
        background: #fff;
        border: 1px solid #dddddd;
        font-style: normal;
    }
      #invitations-form-view .submit-buttons .newLoader img {
        width: 24px;
        margin-top: -4px;
      }
    
    #invitations-form-view .submit-buttons .send-invitations-button {
        font-size: 16px;
        background: #71ad53;
        color: #fff;
        padding: 9px 15px;
        text-transform: uppercase;
        cursor: pointer;
        border: 1px solid #ddd;
        font-family: 'ProximaNovaRegular', Arial,sans-serif !important;
        font-weight: 100;
        letter-spacing: 2px;
    }

    #invitations-form-view .submit-buttons .send-invitations-button-disable {
        font-size: 16px;
        background: #fff;
        color: #CABBBB;
        padding: 9px 15px;
        text-transform: uppercase;
        cursor: pointer;
        border: 1px solid #ddd;
        font-family: 'ProximaNovaRegular', Arial,sans-serif !important;
        font-weight: 100;
        letter-spacing: 2px;
    }

      #invitations-form-view .send-invitations-button:hover {
          background: #669c4b;
      }


    #invitedGuestsBlock {
      width: 218px; 
      border:1px solid #e3e3e3;
      background-color: #fff;
      margin-top: -40px;
    }
    #invitedGuestsBlock .inner {
      padding: 15px 10px 10px 10px;
    }
    
    #invitedGuestsGraphicWrapper {
        position: relative;
        text-align: center;
    }
    
    #invitedGuestsGraphicWrapper #invitedGuestsGraphicText {
        height: 100px;
        position: absolute;
        z-index: 100;
        text-align: center;
        top: 0px;
        width: 100%;
        color: #333;
        font-family: "BodoniRecutFSItalic";
        font-size: 18px;
        padding: 25px 0px;
    }
    
    #invitedGuestsBlock #invitedGuestsTotal {
      text-align:center;
      font-family: "BodoniRecutFSRegular";
      font-size: 20px;
      padding: 10px 0 10px 0;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    #invitedGuestsBlock #invitedGuestsGoal {
      text-align:center;
      color: #333; /* text color */
      font-family: "BodoniRecutFSItalic";
      font-size: 18px;
      padding: 0 0 20px 0;
      letter-spacing: 1px;
    }

    #invitedGuestsGoal span {
      font-family: 'ProximaNovaRegular';
      font-size: 16px;
      font-style: normal;
    }

    #invitedGuestsBlock #innerGraphicLabel {
      color: #333; /* text color */
      font-family: "BodoniRecutFSItalic";
      font-size: 18px;
    }
    #invitedGuestsBlock #inviteGuestsRewardsArrow {
      text-align:center;
      width: 100%;
      margin: 10px 0 -11px 0;
      color: #ededed;
      font-size: 24px;
    }
    #invitedGuestsBlock #invitedGuestsRewardsBox {
      text-align: center;
      width: 100%;
      background-color: #ededed; /* layer fill content */
      padding: 15px 0;
      margin-top: 15px;
      position: relative;
    }
      #invitedGuestsBlock #invitedGuestsRewardsBox:before {
        content: '';
        width: 0px;
        height: 0px;
        margin: 0 auto;
        top: -10px;
        position: absolute;
        border-style: solid;
        border-width: 0 11px 10px 11px;
        border-color: transparent transparent #ededed transparent;
        left: 88px;
    }
    #invitedGuestsBlock #inviteGuestsRewardsText1 {
      font-family: "BodoniRecutFSItalic";
      font-size: 16px;
      letter-spacing: 1px;
    }
    #invitedGuestsBlock #inviteGuestsRewardsAmount {
      padding: 10px 0 0 0;
      font-family: "BodoniRecutFSRegular";
      font-size: 22px;
      font-style: normal;
      color: #ff5d15;
    }
    #invitedGuestsBlock #inviteGuestsRewardsText2 {
      padding: 10px 0 0 0;
      font-family: "BodoniRecutFSItalic";
      font-size: 16px;
    }
    #invitedGuestsGraphicText .invite-text {
      margin-top: 16px;
    }
    #invitedGuestsGraphicText .success-text {
      margin-top: 26px;
    }
    #invitedGuestsGraphicText .earn-more {
      margin-top: 10px;
      height: 20px;
    }
    #invitedGuestsGraphicText .remaining-text, #invitedGuestsGraphicText .more-text {
      color: #333;
      font-family: 'ProximaNovaRegular';
      font-size: 14px;
      font-style: normal;
    }
    #invitedGuestsGraphicText .remaining-text {
      font-size: 24px;
    }
    #invitedGuestsGraphicText .more-text {
      text-transform: uppercase;
    }

/** Hide content block until backbone renders invitations form. **/
#trunkshow-invitations-content {
    display: none;
    margin-top: 15px;
}#trunkshow-container .invite-title{float:left;color:#333;font-family:'ProximaNovaRegular',Arial,Helvetica,sans-serif;font-size:19px;line-height:53px;padding-left:0;margin:0}#invite-header{font-family:'ProximaNovaRegular',Arial,Helvetica,sans-serif}#save-button-invite{float:right;margin-top:10px}#save-button-invite button{padding:10px 20px;font-family:'ProximaNovaRegular',Arial,Helvetica,sans-serif;letter-spacing:1px;min-width:150px;font-size:16px;text-transform:uppercase;box-sizing:border-box;-moz-box-sizing:border-box}#save-button-invite button.saving{color:#808080;background:#fff;border:1px solid #dddddd;text-transform:none;font-family:'BodoniRecutFSItalic',Georgia,serif;font-size:20px;letter-spacing:normal;padding:3px 20px 4px}#save-button-invite button.saving:before{content:'';width:24px;height:24px;display:inline-block;background-image:url('/common/images/heart.gif');background-size:24px;background-repeat:no-repeat;position:relative;left:-8px;top:8px}#header-trunkshow-info{padding:0}#header-trunkshow-info h1{margin:0;float:left;position:relative}#header-trunkshow-info h1:before{font-size:16px}#header-trunkshow-info h1 a{color:#333;font-size:20px;line-height:50px;font-family:'ProximaNovaRegular',Arial,Helvetica,sans-serif}#header-trunkshow-info h1 a:hover{text-decoration:underline}#header-trunkshow-info ul{float:right;overflow:hidden;margin-bottom:0px}#header-trunkshow-info ul li{float:left;font-size:16px;color:#7f7f7f;line-height:56px}#header-trunkshow-info ul li:after{content:'|';padding:0 10px}#header-trunkshow-info ul li:first-child{line-height:53px}#header-trunkshow-info ul li:first-child:before{font-family:'sdicons';content:"\e00c";padding:0 10px 0 0;margin-top:2px}#header-trunkshow-info ul li:last-child:after{display:none}#header-invite-nav{background:#eee;position:relative;height:52px;border-bottom:1px solid #dddddd}#header-invite-nav ul{padding:10px 0 0 20px}#header-invite-nav ul li a{height:42px;line-height:40px;border:1px solid rgba(0,0,0,0);border-bottom:none;float:left;padding:0 20px;color:#7f7f7f;font-size:14px;margin-right:10px;border-radius:2px 2px 0 0}#header-invite-nav ul li a.active{background:#fff;border:1px solid #dddddd;border-bottom:none;position:relative;bottom:-1px;height:41px;line-height:38px}#header-invite-nav ul li a:not(.active):hover{background:#e5e3e3;text-decoration:none}#header-invite-nav ul li a:hover{text-decoration:none}#email-settings-container form{font-family:'ProximaNovaRegular',Arial,sans-serif;color:#545454}#email-settings-container .trunkshowHeader{width:100%;padding:0px;text-transform:none;margin-top:5px}#email-settings-container .invite-byline{border:none}#email-settings-container a.trunkshowHeaderBack{color:#5ab74a;font-size:12px;margin-bottom:5px}#email-settings-container input{height:35px;background:#fff;border:none;padding:5px 5px;box-sizing:border-box;-moz-box-sizing:border-box;color:#595959;font-size:14px;outline:none;border:1px solid #eeeeee}#email-settings-container a.trunkshowHeaderBack:before{content:'';width:0px;height:0px;border-style:solid;border-width:4px 5px 4px 0;border-color:transparent #5ab74a transparent transparent;display:inline-block;font-size:6px;position:relative;margin-right:4px;text-decoration:none}#email-settings-container #email-settings-content{width:310px;float:left;margin-top:5px;clear:left}#email-settings-container #preview-container{width:693px;min-height:480px;float:left;border:1px solid #eeeeee;margin-top:5px}#email-settings-container #preview-container #preview-content{padding:0px 10px;margin:auto}#email-settings-container #preview-container #preview-content a{cursor:default !important}#email-settings-container #preview-container .loading-gif{margin-top:125px;margin-left:325px;position:absolute}#email-settings-container #preview-container .top-title{color:#545454;background-color:#eeeeee;text-transform:uppercase;font-size:14px;padding:10px 0px;text-align:center;letter-spacing:1px}#email-settings-container #preview-container .options-panel{display:none;width:648px;color:#545454;border-bottom:1px solid #eeeeee;padding:15px 0px;font-size:15px;font-family:'ProximaNovaRegular',Arial,sans-serif}#email-settings-container #preview-container .options-panel div{padding:0px 20px;display:inline;position:relative}#email-settings-container #preview-container .options-panel div:hover{cursor:pointer}#email-settings-container #preview-container .options-panel div.active{color:#5fc5c1}#email-settings-container #preview-container .options-panel div.active:after,#email-settings-container #preview-container .options-panel div.active:before{border-bottom:10px solid #ffffff;border-left:10px solid transparent;border-right:10px solid transparent;bottom:-18px;content:'';left:50%;margin-left:-10px;position:absolute}#email-settings-container #preview-container .options-panel div.active:before{border-bottom:11px solid #eeeeee;border-left:11px solid transparent;border-right:11px solid transparent;margin-left:-11px}#email-settings-container #preview-container #send-info{margin:20px 30px;border-bottom:1px solid #eeeeee;color:#545454;font-size:14px;font-family:'ProximaNovaRegular',Arial,sans-serif}#email-settings-container #preview-container #send-info .from{margin-bottom:5px}#email-settings-container #preview-container #send-info .subject{margin-bottom:20px}#email-settings-container .preview-type{width:auto;height:auto;padding:20px 30px;border:1px solid #eeeeee;border-top:none;border-right:none;position:relative;color:#545454}#email-settings-container .preview-type #spinner{font-family:'BodoniRecutFSItalic',Times,'Times New Roman',serif;margin-top:10px}#email-settings-container .preview-type #spinner span{display:inline;font-size:18px;top:5px;position:relative}#email-settings-container .preview-type #spinner img{margin-right:5px;width:25px}#email-settings-container .preview-type.invitation{border-top:1px solid #eeeeee}#email-settings-container .preview-type.invitation input{width:100%}#email-settings-container .preview-type .subtitle{font-size:16px;margin-bottom:20px}#email-settings-container .preview-type .subject-line{font-size:14px;margin-bottom:10px}#email-settings-container .preview-type p{margin-bottom:20px;color:#595959}#email-settings-container .preview-type.active{background-color:#d1eced}#email-settings-container .preview-type.active:after{position:absolute;content:"";width:0px;height:0px;border-style:solid;border-width:15px 15px 15px 0;border-color:transparent #ffffff transparent transparent;left:295px;display:block;top:50%;margin-top:-10px}#email-settings-container .preview-type .toggle-container{text-transform:uppercase}#email-settings-container .view-select{width:52px;height:25px;display:inline-block;top:7px;margin:0 10px;position:relative;-moz-border-radius:13px;-webkit-border-radius:13px;border-radius:13px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#83bfc0;-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.29);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.29);box-shadow:inset 0 0 10px rgba(0,0,0,0.29);cursor:pointer}#email-settings-container .view-select .indicator{width:23px;height:23px;display:block;position:absolute;top:1px;left:1px;-moz-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;box-shadow:inset 5px 6px 4px rgba(0,0,0,0.1),0 2px 3px rgba(0,0,0,0.3);-moz-transition:all .25s,-moz-transform .25s;-webkit-transition:all .25s,-moz-transform .25s;-o-transition:all .25s,-moz-transform .25s;transition:all .25s,-moz-transform .25s}#email-settings-container .view-select.off{background-color:#eeeeee}#view_container #email-settings-container #preview-container{width:688px}#select-style {
}
    .wwwpage #select-style {
        margin: 10px 0 0 0;
    }

    #select-style .style-bar {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid rgb(221,221,221);
    }

        #select-style .style-bar:before {
            content: '';
            margin: 0 auto;
            display: block;
            border-top: 1px solid rgb(221,221,221);
        }

        #select-style #animation-wrapper {
            position: relative;
            width: 2000px;
        }

        #select-style #style-selector,
        #select-style #details-editor {
            min-height: 174px;
        }

    #select-style #style-selector {
        margin: 0 auto;
        text-align: center;
        position: relative;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
    }

    #select-style #style-selector-header {
        margin: 10px 0 6px 0;
        height: auto;
        overflow: hidden;
    }
        #select-style #save-button {
            float: right;
        }



        #select-style #save-button span#back-to-style {
            color: #71ad53;
            display: none;
        }

        #select-style #style-selector-header button {
            min-width: 162px;
            padding: 0 33px;
            margin-left: 10px;
            height: 42px;
            font-family: "ProximaNovaRegular";
            font-size: 16px;
            text-transform: uppercase;
            letter-spacing: 2px;
            outline: none;
            position: relative;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }
        #select-style #style-selector-header button.saving {
            color: #808080;
            background: #fff;
            border: 1px solid #dddddd;
            text-transform: none;
            font-family: 'BodoniRecutFSItalic',Georgia,serif;
            font-size: 20px;
            letter-spacing: normal;
        }
        #select-style #style-selector-header button.saving:before {
            content: '';
            width: 24px;
            height: 24px;
            display: inline-block;
            background-image: url('/common/images/heart.gif');
            background-size: 24px;
            background-repeat: no-repeat;
            position: absolute;
            left: 8px;
            top: 8px;
        }

        /*#select-style #style-selector-header button#save-image:before {
            content: "\e600";
            font-family: SdIcons;
            font-size: 12px;
        }*/

         #style-carousel {
            position: relative;
            font-size: 17px;
            display: none;
        }

        #select-style .subtitle {
            margin: 20px 0 0 0;
            line-height: normal;
            font-size: 17px;
            text-align: left;
        }

            #select-style .carousel-nav {
                font-size: 18px;
                color: #000;
            }

            #select-style .nav-wrapper {
                position: absolute;
                height: 42px;
                width: 14px;
                top: 58px;
            }

            #select-style a.carousel-nav:hover {
                text-decoration: none;
            }

            #select-style .carousel-prev {
                background-image: url('/common/images/prev.png');
                left: 20px;
            }

            #select-style .carousel-next {
                background-image: url('/common/images/next.png');
                left: 964px;
            }

            #style-carousel ul {
                height: 161px;
                /*top: 33px;*/
            }

                #style-carousel ul li {
                    float: left;
                    margin: 15px;
                    height: 135px;
                }

            #style-carousel .preview-item {
                text-align: center;
                text-decoration: none;
                font-size: 13px;
            } 

                #style-carousel .preview-item .image-border {
                    border: 1px solid rgb(221,221,221);
                    padding: 1px;
                    width: 148px;
                    height: 111px;
                }

                    #style-carousel .preview-item .selected .image-border {
                        border: 2px solid rgb(72,186,181);
                        margin: 0;
                        padding: 0;
                        box-shadow: 0 0 4px -1px #000;
                    }

                #style-carousel .preview-item a:hover {
                    text-decoration: none;
                }

                #style-carousel .preview-item a {
                    color: #000;
                }

                #style-carousel .preview-image {
                    display: block;
                    background-size: cover;
                    width: 148px;
                    height: 111px;
                }

                #style-carousel .preview-name {
                    position: relative;
                    top: 5px;
                    font-family: "ProximaNovaRegular";
                    font-size: 13px;
                }

        #style-selector-header #back-to-style {
            text-transform: uppercase;
            font-family: "ProximaNovaRegular";
            font-size: 18px;
            margin-right: 18px;
            color: rgb(113,173,83);
        }

    #style-select #details-editor {
        float: left;
        display: none;
    }

        #style-select .hostess-label {
            display: inline-block;
            color: #545454;
        }

        #select-style .field {
            float: left;
            /*margin-top: 34px;*/
        }

        #select-style #details-editor label {
            padding: 0;
            font-size: 13px;
            color: #545454;
        }

            #select-style #details-editor .field input[type="text"] {
                width: 425px;
                height: 30px;
                border: 1px solid rgb(221,221,221);
                margin-left: 0;
                margin-bottom: 8px;
                font-size: 13px;
                font-family: "ProximaNovaRegular";
                padding: 0 12px;
                color: #595959;
                margin-top: 0;
            }

            #select-style #details-editor .field textarea {
                color: #595959;
                margin-top: 0;
            }

                #select-style #details-editor .field .error {
                    transition: all .6s;
                    -moz-transition: all .6s;
                    -webkit-transition: all .6s;
                    -o-transition: all .6s;
                    border: 1px solid rgba(228, 3, 117, .4) !important;
                    background-color: #fbf9ef;
                }

        #select-style #details-editor .titleField {
            position: relative;
            width: 475px;
            margin-left: 25px;
        }

            #select-style #details-editor .titleField .privateAddressField {
                margin-top: 3px;
            }

            #select-style #details-editor .field #hostessMsg {
                width: 425px;
                height: 55px;
                border: 1px solid rgb(221,221,221);
                margin-left: 0;
                font-size: 13px;
                font-family: "ProximaNovaRegular";
                padding: 6px 9px;
                resize: none;
            }

            #select-style #details-editor .field #trunkshowInviteSubject {
                width: 95%;
            }

        #select-style #details-editor .hostessMessageField {
            position: relative;
            width: 475px;
            float: right;
        }

            #select-style #details-editor .field .fieldLabel {
                width: 255px;
                font-size: 13px;
                font-family: "ProximaNovaSemibold";
            }

            #select-style #details-editor .field .fieldCount {
                float: right;
                display: inline-block;
                margin-top: 5px;
                margin-right: 25px;
                color: #9f9f9f;
                font-family: "Proxima Nova";
                font-size: 11px;
            }

    #select-style-container #hide-preview {
        position: absolute;
        right: 5px;
        width: 44px;
        height: 34px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
        border: 1px solid rgba(0,0,0,0.1);
        border-top: none;
        background: rgb(221,221,221) url('/common/images/upExpander.png') no-repeat center center;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;

        outline: none;
    }
        #select-style-container #hide-preview:active {
            outline: none;
        }

        #select-style-container #hide-preview.show{
            background: rgb(221,221,221) url('/common/images/downExpander.png') no-repeat center center;
            margin-top: -15px;
        }
        /* extra styles for WWW */
        #view_container #select-style-container #hide-preview {
            margin-top: -2px;
        }
        #view_container #select-style-container #hide-preview.show {
            margin-top: -14px;
        }

    #select-style-container #trunkshow-preview {
        width: 1000px;
        margin-top: 20px;
    }

    .wwwpage #select-style-container #trunkshow-preview {
        margin: 20px 0;
    }

    #trunkshow-preview #style-event-view {
        margin-top: 0;
    }

#trunkshow-preview a {
    cursor: default !important;
}

    #trunkshow-preview h3#eventTitle, #trunkshow-preview h4#eventLocationName,
    #trunkshow-preview #eventHostess, #trunkshow-preview #hostessMessage, #trunkshow-preview .flash {
        transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
    }

    #trunkshow-preview .flash {
        background: #fff !important;
        color: #fff !important;
    }

#style-event-pre-footer {
    margin-left: -20px;
}

#styleBoard {
    position: relative;
    /*overflow: hidden;*/
    padding: 0 20px 10px 20px;
    width: 960px;
    height: 710px;
}

#styleBoard .asset {
    position: absolute;
    overflow:hidden;
    text-align: center;
}

#styleBoard .asset.shadow {
    margin-left: -5px;
    width: 210px !important;
}

#styleBoard .asset img,
#styleBoard .asset iframe,
#styleBoard .asset div.video {
    background-color: #aaa;
    border: 0 none !important;
    padding: 0;
    vertical-align: bottom;
}

#styleBoard .border {
    background-color: transparent;
    border: 0 none;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    width: 200px;
}


#styleBoard .border img {
    margin: 10px 0 0 0;
}

#styleBoard .asset .mediaBlock {
    background-color: transparent;
    height: 20px;
    margin: 4px 10px 0 10px;
    text-align: center;
}

#styleBoard .asset .mediaBlock > div {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 5px;
    width: 16px;
    vertical-align: middle;
}

#styleBoard .asset .mediaBlock div.facebook {
    background: transparent url('/common/images/socialMediaIcons.png') no-repeat 0px 0px;
}

#styleBoard .asset .mediaBlock div.pinterest {
    background: transparent url('/common/images/socialMediaIcons.png') no-repeat -16px 0px;
}

#styleBoard .asset .mediaBlock a.buy {
    color: #FF623F;
    font-family: 'ProximaNovaSemibold',Arial,sans-serif;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none;
    margin-left:8px;
    letter-spacing: 1px;
}


#styleBoard .asset .mediaBlock a.buy:hover {
    text-decoration: underline;
}

#styleBoard #asset01 {
    width: 315px;
    height: 580px;
    top: 0;
    left: 20px;
}

#styleBoard #asset01 img {
    width: 315px;
    height: 580px;
}

#styleBoard #asset02 {
    width: 310px;
    height: 174px;
    top: 0;
    left: 350px;
}

#styleBoard #asset02 div.video {
    width: 310px;
    height: 174px;
}

#styleBoard #asset03 {
    width: 305px;
    height: 174px;
    top: 0;
    left: 675px;
}

#styleBoard #asset03 img {
    width: 305px;
    height: 174px;
}

#styleBoard #asset04 {
    width: 200px;
    height: 391px;
    top: 189px;
    left: 350px;
}

#styleBoard #asset04.shadow {
    background: transparent url('/images/tsShadows.png') no-repeat -207px 0px;
    height: 400px;
}

#styleBoard #asset04 img {
    width: 180px;
    height: 350px;
}

#styleBoard #asset05 {
    width: 200px;
    height: 192px;
    top: 189px;
    left: 565px;
}

#styleBoard #asset05.shadow {
    background: transparent url('/images/tsShadows.png') no-repeat 2px 0px;
    height: 202px;
}

#styleBoard #asset05 img {
    width: 180px;
    height: 150px;
}

#styleBoard #asset06 {
    width: 530px;
    height: 105px;
    top: 595px;
    left: 20px;
}

#styleBoard #asset06 img {
    width: 530px;
    height: 105px;
}

#styleBoard #asset07 {
    height: 304px;
    width: 200px;
    top: 396px;
    left: 565px;
}

#styleBoard #asset07 img {
    height: 304px;
    width: 200px;
}

#styleBoard #assetColumn {
    top: 189px;
    left: 780px;
}

#styleBoard #assetColumn > div {
    overflow: hidden;
}

#styleBoard #assetColumn > div div.mediaBlock {
    margin-top: -2px;
}

#styleBoard #assetColumn.shadow {
    background: transparent url('/images/tsShadows.png') no-repeat -416px 2px;
    height: 523px;
}

#styleBoard #assetColumn .textBlock {
    font-family: 'BodoniRecutFSItalic',Arial,sans-serif;
    font-size: 24px;
    line-height:24px;
    width: 100%;
    height: 35px;
    margin-top: 16px;
    text-transform: uppercase;
}

#styleBoard #asset08 {
    overflow:hidden;
    width: 200px;
    height: 150px;
    margin: 0 auto;
}

#styleBoard #asset08 img {
    width: 180px;
    height: 120px;
}

#styleBoard #asset09 {
    overflow:hidden;
    width: 200px;
    height: 150px;
    margin: 0 auto;
}

#styleBoard #asset09 img {
    width: 180px;
    height: 120px;
}

#styleBoard #asset10 {
    overflow:hidden;
    width: 200px;
    height: 150px;
    margin: 0 auto;
}

#styleBoard #asset10 img {
    width: 180px;
    height: 120px;
}

#styleBoard #shopLink {
    border-top:1px solid #ddd;
    margin:0 20px;
    padding:12px 0 8px 0;
}

#styleBoard #shopLink a {
    color: #6d6f71;
    text-transform: uppercase;
    font-family:'ProximaNovaSemiBold',Arial,sans-serif;
    font-size:16px;
    text-decoration: none;
}

#styleBoard #shopLink a:hover {
    text-decoration: underline;
}

#styleBoard a#connect {
    color: #6d6f71;
    text-decoration: none; 
    font-family: 'ProximaNovaSemiBold',Arial,sans-serif;
}

#styleBoard a#connect:hover,
#styleBoard a#shopOnline:hover {
    text-decoration: underline;
}

#styleBoard #shopLink a {
    letter-spacing: 1px;
    padding-right: 14px;
    position: relative;
}

    #styleBoard #shopLink a:after {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        right: 0px;
        border-right: none;
        border-left: 8px solid #75ad5b;
        border-bottom: 4px solid transparent;
        border-top: 4px solid transparent;
    }