/* brand */

.brand, a, .main-header .nav .mainnav li .brand-hover:hover {
	color: #3D8636;}

.brand-bg {
	background-color: #3D8636;}
	
.brand-border {
	border-color: #3D8636;}


/* basic structures */

html, body {
	padding: 0px;
	margin: 0px;
	
	}

html {overflow-y: scroll;}
	
body {
	background: url(../images/bg-h.png) top center repeat-x #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	}

#body-wrap {
	background: url(../images/bg-v.png) 10px 0px no-repeat;
	width: 950px;
	margin: 0px auto;
	min-height: 202px;
	}

.container { }

#content {
	min-height: 140px;
	margin: 0px auto;
	width: 950px;}

#left-column {
	margin: 0px;
	width: 400px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	}

#main-column #event-stream-items {
	padding: 0px 10px 0px 10px;}

#main-column #event-stream-items #event-stream-items {
	padding: 0px;}

#footer {
	background: #fff;
	padding: 10px 0px;
	border-top: 1px solid #e6e6e6;
	text-align: center;}

/* universal text styles */

a {
	text-decoration: none;
	outline: none;
	cursor: pointer;}

a:hover {
	text-decoration: underline;}


.center {
	text-align: center;}

.clear {
	overflow: auto;}

.in {
	color: #427500;}

.maybe {
	color: #af9800;}

.out {
	color: #bd0000;}
	
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 500;
	}
	
.form-error { color: red; }
.error, .notice, .success {padding:20px;margin-bottom:30px;border:2px solid #ddd;font-size:14px;font-weight:bold;text-align:center;}
.error {background:url(/images/background-error.png) top left repeat-x;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:url(/images/background-yellow.png) top left repeat-x;color:#514721;border-color:#d0b11e;}
.success {background:url(/images/background-success.png) top left repeat-x;color:#264409;border-color:#C6D880;}
	
.hidden {
	position: absolute;
	width: 0px;
	height:0px;
	overflow: hidden;
	text-indent: -10000px;
	visibility: hidden;}

/* --- EMERALD HEADER --- */

/* header */

.main-header {
	height: 61px;
	margin-bottom: -1px;
	background: url(../images/bg-top.png) top left repeat-x;
	position: relative;
	font-size: 12px;
	color: #3b3b3b;
	width: 955px;
	}
	
.main-header h1 {
	margin: 0px;}

.main-header h1 a {
	margin: 0px;
	width: 101px;
	height: 32px;
	margin-top: 12px;
	text-indent: -10000px;
	background-image: url(../images/logo.png);
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	outline: none;
	}

/* mainnav */

.main-header .nav .mainnav li { 
	margin: 0px 0px 0px 1px;
	float: left;
	list-style: none;
	width: 84px;}

.main-header .nav .mainnav li a { 
	color: #9f9f9f;
	background-image: url(../images/nav-top.png);
	text-shadow: none;
	padding-top: 2px;
	height: 23px;
	}

.main-header .nav .mainnav li a:hover {
	text-shadow: 0px 1px 0px #fff;
	}

.main-header .nav .mainnav .current a, .main-header .nav .mainnav .current a:hover { /* targeting main nav */	
	text-shadow: 0px 1px 0px #fff;
	}

.main-header .nav .mainnav .myinvite a {
	height:33px;
	}
	
.mainnav .myinvite a, .mainnav .myinvite a:hover {
	background-position: -2px -27px !important;
	}

/* --- FOOTER --- */

/* footer */

#footer {
	padding: 12px 0px 30px 0px;
	text-align: center;
	margin: 0px 10px;
	}

#footer .nav {
	border-top:1px solid #D1D1D1;
	padding-top: 20px;}	

#footer .nav ul {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	text-align: center;}

#footer .nav li {
	list-style: none;
	display: inline;}

#footer .nav a {
	text-decoration: none;
	padding: 0px 5px;}

#footer .nav a:hover {
	text-decoration: underline;}


/* --- LEFT BAR --- */

/* event details */

.event-details-wrap {
	padding-bottom: 17px;
	}

.block-m {
	width: 396px;
	background-image: url(../images/invite-left-box.png);
	background-position: -792px 0px;
	background-repeat: repeat-y;
	clear: both;
	}

.block-t {
	background-image: url(../images/invite-left-box.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

.block-b {
	padding: 5px 4px;
	overflow: auto;	
	background-image: url(../images/invite-left-box.png);
	background-position: -396px 100%;
	background-repeat: no-repeat;
	}

.block-m .block-m {
	width: 389px; /* for nested things */
	}


#detailbox-wrap {
	margin: 3px 0px 5px 9px;
	
	width: 113px;
	float: left;
	top:25px;
	left:0px;
	}

#detailbox {
	padding: 8px 0px 0px 6px;
	background: url(../images/event-info-tickerbox.png) top left no-repeat;
	}

#detailbox-wrap #detailbox-foot {
	background: url(../images/event-info-tickerbox-b.png) top left no-repeat;
	width: 113px;
	height: 5px;
	}

#detailbox a {
	margin-bottom: 5px;
	display: block;
	width: 100px;
	}

#detailbox .ticker {
	height: 38px;
	width: 101px;
	background: url(../images/ticker-bg.png) top left no-repeat;
	padding-bottom: 2px;
	text-indent: -10000px;
	position: relative;
	}

#detailbox .ticker span {
	display: block;
	width: 31px;
	height: 31px;
	position: absolute;
	top:0px;
	left: 0px;
	overflow: hidden;
	background-image: url(../images/ticker-numbers.gif);}

#detailbox .ticker .days {	
	}

#detailbox .ticker .hours {
	left:35px;
	}

#detailbox .ticker .minutes {
	left: 70px;
	}

.details-right {
	margin-right: 5px;
	padding-left: 130px;
	}

.inv-title {
	padding-top: 5px;
	padding-bottom: 9px;
	background: url(../images/shadowline-d.png) bottom center no-repeat;
	margin: 0px 10px 0px 0px;
	padding-left: 130px;
	}

.inv-title h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 24px;
	margin: 0px;
	line-height: 28px;
	word-wrap: break-word;
	}

.inv-title h2.small {
	font-size: 18px;
	line-height: 24px;
	}

.details-right ul {
	margin: 0px;
	font-size: 10px;
	}

.details-right ul li {
	list-style: none;
	line-height: 1.4em;
	}

/* Firefox 2 hack */
.details-right ul li, x:-moz-any-link {float: left;} /* firefox 2 style */
.details-right ul li, x:-moz-any-link, x:default {float: none;}  /* firefox 3 style */

.details-right .where, .details-right .when {
	padding-bottom: 5px;
	padding-left: 2px;
	font-size: 12px;
	color: #454444;
	overflow: auto;
	}

.details-right .where li {	
	width: 240px;}

.details-right .when {
	padding-top: 2px;
	border-top: 1px solid #d3d3d3;
	margin-top: 0px;
	margin-right: 15px;
	}

/* Firefox 2 hack */
.details-right .when, x:-moz-any-link {border-top: none;} /* firefox 2 style */
.details-right .when, x:-moz-any-link, x:default {border-top: 1px solid #d3d3d3;}  /* firefox 3 style */




.details-right .when strong {
	float: left;
	width: 105px;
	color: #8b8b8b;}

.details-right .when span {
	float: left;
	width: 140px;
	}

.button-buy-tickets {
	width: 366px;
	height: 40px;
	/* background-image: url(../images/button-buy.gif); */
	background-image: url(../images/buy-invite-button.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10000px;
	display: block;
	margin: 5px auto;
	clear: both;
	clear: left;
	}

.espanol.button-buy-tickets {background-image: url(../images/es-buy-invite-button.gif);}

.button-buy-tickets:hover {
	background-position: 0px -42px;
	}

/* left box frame */

.leftbox-wrap {
	
	}

.leftbox-header {
	position: relative;
	}

.leftbox-header .title {
	margin-left: 11px;
	padding-left: 10px;
	font-size: 10px;
	width: 364px;
	height: 16px;
	overflow: hidden;
	position: relative;
	}

.leftbox-header .title span {
	padding-right: 10px;
	background-image:none;}

.leftbox-int {
	padding: 10px 21px 15px 21px;
	}

.leftbox-int h2, .leftbox-int h3 {
	margin-bottom: 5px;
	}

.leftbox-wrap .closed .leftbox-int {
	height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	border-bottom: 1px solid #666;
	margin-left: 11px;
	width: 332px;
	margin-bottom: 5px;
	}

/* GROUPBOX BARS */

#participants-list .menu {
	float: right;
	margin-top: -3px;
	}

#participants-list .menu a {
	font-size: 12px;
	font-weight: 500;
	color: #fff !important;
	float: left;
	height: 20px;
	padding: 0px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 1px;
	line-height: 22px;
	}

#participants-list .menu a:hover {
	background: url(../images/modal-border.png) top left no-repeat;
	text-decoration: none;
	}

#participants-list .menu .join {
	background: url(../images/join-button.png) top left no-repeat;
	text-indent: -10000px;
	width: 74px;
	height: 22px;
	margin: 0px;
	vertical-align: middle;
	}

#participants-list .menu .join:hover {
	background: url(../images/join-button.png) top left no-repeat;
	
	}

/* group bar */
.group-bar {
	padding: 12px 15px 8px 12px;
	overflow: auto;
	}

.group-bar h4 {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	margin: 0px;
	float: left;
	}

/* organizer bar */

.organizer-bar {
	padding: 12px 15px 8px 12px;
	overflow: auto;
	/* background: url(../images/shadowline-u.png) bottom center no-repeat; */
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	clear: both;
	}

.organizer-bar h4 {
	color: #454444;
	font-weight: bold;
	font-size: 13px;
	margin: 0px;
	}

.button-invite-friends {
	width: 366px;
	height: 39px;
	background-image: url(../images/buy-invite-button.gif);
	background-repeat: no-repeat;
	background-position: 0px -84px;
	text-indent: -10000px;
	display: block;
	margin: 5px auto;
	clear: both;
	
	}

.espanol.button-invite-friends {background-image: url(../images/es-buy-invite-button.gif);}

.button-invite-friends:hover {
	background-position: 0px -126px;
	}

.button-ticket-search {
	width: 366px;
	height: 39px;
	background-image: url(../images/buy-invite-button.gif);
	background-repeat: no-repeat;
	background-position: 0px -252px;
	text-indent: -10000px;
	display: block;
	margin: 5px auto;
	clear: both;
	}

.espanol.button-ticket-search {background-image: url(../images/es-buy-invite-button.gif);}

.button-ticket-search:hover {
	background-position: 0px -294px;
	}


/* PULL THIS SOON open close box */

.leftbox-header .title .openclose {
	height: 5px;
	width: 32px;
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 0px;
	}

.leftbox-header .title .openclose a {
	background-image: url(../images/icon-openclose.gif);
	background-position: bottom;
	text-indent: -10000px;
	position: absolute;
	height: 5px;
	width: 32px;
	top:0px;
	left:0px;
	}

.leftbox-wrap .closed .title .openclose a {
	background-position: top;}

/* ------ GUEST LIST ---- */

.status-boxes {
	margin: 0px auto;
	width: 366px;
	padding: 0px 0px 8px 0px;
	overflow: auto;
	}

.status-boxes li {
	list-style: none;
	clear: both;
	font-size: 12px;
	line-height: 18px;
	}

.status-boxes li span, .designated li span {
	float: left;
	/*overflow: hidden;*/
	}

.status-boxes .status-box-expand span {
	float: right;
	width: 280px;
	padding-bottom: 5px;}

.status-boxes li .name {
	width: 175px; /* was 190 */
	text-indent: 10px;
	}

.status-boxes li .status, .designated li .status {
	width: 178px; /* was 155 */
	} 
	
.status-boxes li .expand-button {
	width: 12px;
	height: 19px;
	background-image: url(../images/icon-expand.png);
	background-repeat: no-repeat;
	background-position: top right; /* Defaults to plus */
	float: right;
	text-indent: -10000px;
	cursor: pointer;
	margin: 0px;
	overflow: hidden;
	}

/* specific guest list colors */

.status-header-in, .status-header-maybe, .status-header-out, .status-header-invited {
	background-image: url(../images/status-sprite.png);
	background-repeat: no-repeat;
	width: 366px;
	padding: 0px;
	height: 19px;
	margin: 0px auto;
	text-indent: 8px;
	font-weight: bold;
	line-height: 22px;
	font-size: 14px;
	}
	
.status-header-in {color: #337801; background-position: 0px 0px;}	
.status-header-maybe {color: #6d5900; background-position: 0px -60px;}
.status-header-out {color: #782900; background-position: 0px -120px;}
.status-header-invited {color: #626262; background-position: 0px -180px;}

.in-box li, .maybe-box li, .out-box li {
	background-image: url(../images/status-sprite.png);
	height: 19px;
	width: 366px;
	margin: 1px 0px;
	cursor: pointer;
	}

.in-box li {background-position: 0px -20px;}
.maybe-box li {background-position: 0px -80px;}
.out-box li {background-position: 0px -140px;}

.in-box li .status {color:#576f42;}
.maybe-box li .status {color:#7c7144;}
.out-box li .status {color:#674e41;}

.status-boxes .status-box-expand {
	padding: 3px 10px 5px 10px;
	width: 346px;
	background: white;
	border-bottom: 1px solid #eeeeee;
	height: auto;
	overflow: auto;
	cursor: default;
	}

.status-boxes .status-box-expand img {
	border:1px solid #BEBEBE;
	margin-right: 10px;}







.graybutton {
	cursor:pointer; 
	padding:0 0 0 0;
	margin: 0px 0px 0px 3px; 
	text-align:center; 
	background-image:url(../images/postbox-button.gif);
	background-repeat: no-repeat;
	background-position: 0px -19px;
	float: right;
	}

.graybutton span {
	white-space:nowrap; 
	padding:0px 10px 0 10px; 
	height:19px; 
	color: #fff;
	background-image:url(../images/postbox-button.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px; 
	float: left;
	text-align:center; 
	}

.graybutton:hover span {
	text-decoration: none;
	color: #ccc;
	border: 0px none;
	float: left;
	}

.graybutton:hover {
	text-decoration: none;}




/* --- Add to Calendar tooltip --- */

.add-calendar-section {
	background: #fff;
	border: 1px solid #cdcdcd;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	/* temp popup modal thing */
	position: absolute;
	z-index: 1000;
	}
	
/* TEMP : TEMP STYLES NEED MOAR CHEEZBURGER */

#add-calendar-section-door {
	top:152px;
	left: 237px;}

#add-calendar-section-tix {
	top:167px;
	left: 237px;}	


/* END temp */

.add-calendar-section strong {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 15px 0px 10px;
	display: block;
	}

.add-calendar-section ul {
	padding: 0px 5px 5px 5px;
	margin: 0px;}

.add-calendar-section ul li {
	list-style: none;}


.add-calendar-section ul li a {
	font-size: 11px;
	font-weight: 500;
	color: #555555;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	margin-bottom: 1px;
	}

.add-calendar-section ul li a:hover {
	text-decoration: none;
	background-image: url(../images/postbox-tabs.gif);
	background-repeat: repeat-x;
	background-position:-5px -25px;
	color: #000;
	}

.add-calendar-section ul li a span {
	background-image: url(../images/cal-icons.gif);
	background-repeat: no-repeat;
	display: block;
	padding:2px 2px 2px 25px;
	}

.add-calendar-section .close {
	background: url(../images/window-close.png) center center no-repeat;
	position: absolute;
	top:1px;
	right: 1px;
	width: 13px;
	height: 13px;
	text-indent: -10000px;}

#calendar-show-goog span, #calendar-onsale-goog span {background-position: 5px -80px;}
#calendar-show-yahoo span, #calendar-onsale-yahoo span {background-position: 5px -143px;}
#calendar-show-outlook span, #calendar-onsale-outlook span {background-position: 5px -205px;}
#calendar-show-ical span, #calendar-onsale-ical span {background-position: 5px -268px;}

.cal-icon { /* icon for adding to calendars */
	padding-right: 30px;
	background-image: url(../images/button-cal.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}
	
.cal-icon {
	padding-top:3px;
	}

.details-right .when .cal-icon {
	width: 100px;
	}

/* --- ICONS --- */

/* expand button */

.status-boxes .expanded .expand-button, .designated .expanded .expand-button, .expand-minus {background-position: bottom right;}

/* ticker numbers */

#detailbox .ticker .t0 {background-position: 31px 31px;}

#detailbox .ticker .t1 {background-position: 310px 0px;}
#detailbox .ticker .t2 {background-position: 279px 0px;}
#detailbox .ticker .t3 {background-position: 248px 0px;}
#detailbox .ticker .t4 {background-position: 217px 0px;}
#detailbox .ticker .t5 {background-position: 186px 0px;}
#detailbox .ticker .t6 {background-position: 155px 0px;}
#detailbox .ticker .t7 {background-position: 124px 0px;}
#detailbox .ticker .t8 {background-position: 93px 0px;}
#detailbox .ticker .t9 {background-position: 62px 0px;}
#detailbox .ticker .t10 {background-position: 31px 0px;}

#detailbox .ticker .t11 {background-position: 310px 279px;}
#detailbox .ticker .t12 {background-position: 279px 279px;}
#detailbox .ticker .t13 {background-position: 248px 279px;}
#detailbox .ticker .t14 {background-position: 217px 279px;}
#detailbox .ticker .t15 {background-position: 186px 279px;}
#detailbox .ticker .t16 {background-position: 155px 279px;}
#detailbox .ticker .t17 {background-position: 124px 279px;}
#detailbox .ticker .t18 {background-position: 93px 279px;}
#detailbox .ticker .t19 {background-position: 62px 279px;}
#detailbox .ticker .t20 {background-position: 31px 279px;}

#detailbox .ticker .t21 {background-position: 310px 248px;}
#detailbox .ticker .t22 {background-position: 279px 248px;}
#detailbox .ticker .t23 {background-position: 248px 248px;}
#detailbox .ticker .t24 {background-position: 217px 248px;}
#detailbox .ticker .t25 {background-position: 186px 248px;}
#detailbox .ticker .t26 {background-position: 155px 248px;}
#detailbox .ticker .t27 {background-position: 124px 248px;}
#detailbox .ticker .t28 {background-position: 93px 248px;}
#detailbox .ticker .t29 {background-position: 62px 248px;}
#detailbox .ticker .t30 {background-position: 31px 248px;}

#detailbox .ticker .t31 {background-position: 310px 217px;}
#detailbox .ticker .t32 {background-position: 279px 217px;}
#detailbox .ticker .t33 {background-position: 248px 217px;}
#detailbox .ticker .t34 {background-position: 217px 217px;}
#detailbox .ticker .t35 {background-position: 186px 217px;}
#detailbox .ticker .t36 {background-position: 155px 217px;}
#detailbox .ticker .t37 {background-position: 124px 217px;}
#detailbox .ticker .t38 {background-position: 93px 217px;}
#detailbox .ticker .t39 {background-position: 62px 217px;}
#detailbox .ticker .t40 {background-position: 31px 217px;}

#detailbox .ticker .t41 {background-position: 310px 186px;}
#detailbox .ticker .t42 {background-position: 279px 186px;}
#detailbox .ticker .t43 {background-position: 248px 186px;}
#detailbox .ticker .t44 {background-position: 217px 186px;}
#detailbox .ticker .t45 {background-position: 186px 186px;}
#detailbox .ticker .t46 {background-position: 155px 186px;}
#detailbox .ticker .t47 {background-position: 124px 186px;}
#detailbox .ticker .t48 {background-position: 93px 186px;}
#detailbox .ticker .t49 {background-position: 62px 186px;}
#detailbox .ticker .t50 {background-position: 31px 186px;}

#detailbox .ticker .t51 {background-position: 310px 155px;}
#detailbox .ticker .t52 {background-position: 279px 155px;}
#detailbox .ticker .t53 {background-position: 248px 155px;}
#detailbox .ticker .t54 {background-position: 217px 155px;}
#detailbox .ticker .t55 {background-position: 186px 155px;}
#detailbox .ticker .t56 {background-position: 155px 155px;}
#detailbox .ticker .t57 {background-position: 124px 155px;}
#detailbox .ticker .t58 {background-position: 93px 155px;}
#detailbox .ticker .t59 {background-position: 62px 155px;}
#detailbox .ticker .t60 {background-position: 31px 155px;}

#detailbox .ticker .t61 {background-position: 310px 124px;}
#detailbox .ticker .t62 {background-position: 279px 124px;}
#detailbox .ticker .t63 {background-position: 248px 124px;}
#detailbox .ticker .t64 {background-position: 217px 124px;}
#detailbox .ticker .t65 {background-position: 186px 124px;}
#detailbox .ticker .t66 {background-position: 155px 124px;}
#detailbox .ticker .t67 {background-position: 124px 124px;}
#detailbox .ticker .t68 {background-position: 93px 124px;}
#detailbox .ticker .t69 {background-position: 62px 124px;}
#detailbox .ticker .t70 {background-position: 31px 124px;}

#detailbox .ticker .t71 {background-position: 310px 93px;}
#detailbox .ticker .t72 {background-position: 279px 93px;}
#detailbox .ticker .t73 {background-position: 248px 93px;}
#detailbox .ticker .t74 {background-position: 217px 93px;}
#detailbox .ticker .t75 {background-position: 186px 93px;}
#detailbox .ticker .t76 {background-position: 155px 93px;}
#detailbox .ticker .t77 {background-position: 124px 93px;}
#detailbox .ticker .t78 {background-position: 93px 93px;}
#detailbox .ticker .t79 {background-position: 62px 93px;}
#detailbox .ticker .t80 {background-position: 31px 93px;}

#detailbox .ticker .t81 {background-position: 310px 62px;}
#detailbox .ticker .t82 {background-position: 279px 62px;}
#detailbox .ticker .t83 {background-position: 248px 62px;}
#detailbox .ticker .t84 {background-position: 217px 62px;}
#detailbox .ticker .t85 {background-position: 186px 62px;}
#detailbox .ticker .t86 {background-position: 155px 62px;}
#detailbox .ticker .t87 {background-position: 124px 62px;}
#detailbox .ticker .t88 {background-position: 93px 62px;}
#detailbox .ticker .t89 {background-position: 62px 62px;}
#detailbox .ticker .t90 {background-position: 31px 62px;}

#detailbox .ticker .t91 {background-position: 310px 31px;}
#detailbox .ticker .t92 {background-position: 279px 31px;}
#detailbox .ticker .t93 {background-position: 248px 31px;}
#detailbox .ticker .t94 {background-position: 217px 31px;}
#detailbox .ticker .t95 {background-position: 186px 31px;}
#detailbox .ticker .t96 {background-position: 155px 31px;}
#detailbox .ticker .t97 {background-position: 124px 31px;}
#detailbox .ticker .t98 {background-position: 93px 31px;}
#detailbox .ticker .t99 {background-position: 62px 31px;}
#detailbox .ticker .t99p {background-position: 62px 31px;}

/* Group buyer who/what messages */

.invite-page-group-buy-popups {
    overflow: auto;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.invite-page-group-buy-popups div {
   background:white;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding: 5px;
   overflow: auto;
   width: 368px;
   margin: 8px auto;
   margin-top: 5px;
   }

.invite-page-group-buy-popups p {
   margin-bottom: 5px;
   }

.invite-page-group-buy-popups strong {
   margin-top: 15px;
   text-align: right;
   }

#group-buy-who-modal img {
	border:1px solid #BEBEBE;
	float: left;
	margin-right: 10px;}
	
.invite-page-group-buy-popups table {
   width: 285px;
   float: right;
   margin-right: 20px;
   margin-top: 5px;
   border:0px none;
   font-size: 11px;
   }

.invite-page-group-buy-popups table th, .invite-page-group-buy-popups table td {
   padding: 3px 7px 0px 7px;
   vertical-align: top;
   }

.invite-page-group-buy-popups table th {
   border-bottom: #8f8f8f 1px solid;
   }

.invite-page-group-buy-popups table .tickets {
   width: 59px;
   padding: 3px 0px 0px 0px;
   text-align: center;
   }

.invite-page-group-buy-popups table thead th {
	background-image: url(../images/group-who-t.gif);
	background-position: top left;
	background-repeat: no-repeat;}
	
.invite-page-group-buy-popups table thead .tickets {
	background-position: top right;}

.invite-page-group-buy-popups table tbody tr td {
	background-image: url(../images/group-who-m.gif);
	background-position: bottom left;
	background-repeat: no-repeat;}
	
.invite-page-group-buy-popups table tbody tr .tickets {
	background-position: bottom right;
	}

.invite-page-group-buy-popups table tbody .total td {
	background-image: url(../images/group-who-b.png);
	background-position:  bottom left;
	background-repeat: no-repeat;}

.invite-page-group-buy-popups table tbody .total .tickets {
background-position: bottom right;}

.invite-page-group-buy-popups table tbody .not-picked td {
	background-image: url(../images/group-who-m2.gif);
	background-position: bottom left;
	background-repeat: no-repeat;}
.invite-page-group-buy-popups table tbody .not-picked .tickets {background-position: bottom right;}


.invite-page-group-buy-popups table tbody .not-picked td {
	color: #860000;
	font-weight: bold;
	}
	


.invite-page-group-buy-popups table tbody .total td {
   font-weight: bold;
   border-top: 1px solid #8f8f8f;
   }

#group-buy-who-modal p {
   width: 285px;
   float: right;
   margin-right: 20px;
   }

#group-buy-who-modal p.small {
   color: #4f4f4f;
   font-size: 11px;
   }

#group-buy-who-modal p strong {
   color: #860000;
   }

#group-buy-what-modal p {
	padding: 5px;
	font-size: 90%;}

/* -- PAGE VARIATIONS  -- */

.toggle-tix-not-onsale .event-details-wrap {background: url(../images/event-info-wrap-b-notix.png) bottom center no-repeat;}

.toggle-noticket {} /* there is no ticket for this invitation */  /* todo : items will need own tag */

.toggle-ticket-past .details-right .when .t-on-sale {color: #8B8B8B;} /* when the ticket onsale has past */

.toggle-door-past .details-right .when .door-o {color: #8B8B8B;} /* when the show time has past */
.toggle-door-past .event-details-wrap {background: url(../images/event-info-wrap-b-notix.png) bottom center no-repeat;}

.toggle-presale-past .details-right .when .pre-s {color: #8B8B8B;} 

/* Nav-bar override */

#nav-bar {
	height:33px;
	width:400px;
	float:left;
	line-height: normal;
	background-image: url(../images/invite-ui.png);
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 95;
}

#left-column #nav-bar {
margin-left: 4px;
width: 396px;}

#left-column .topnav-tab-wrap {
	margin-left: 6px;}


.full-width #nav-bar {
	height:33px;
	width:944px;
	float:left;
	line-height: normal;
	background: url('/invite2/images/topnav-head-bg.jpg') top center repeat-x;
	position: absolute;
	z-index: 95;
	margin-left: 6px;
}

.twitpic-link a:hover span {
    display:inline;
}

/* this is also in iggli.css */
input#social-share-link {
	border:0 none;
	color:#5B5555;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:3px 0;
	float: none;
	width: auto;
	}

.add-note-field {
    position:absolute;
    background:gray;
    padding:0;
    margin:0;
}

.add-note-field textarea {
    height:30px;
    width:200px;
    padding:0;
    margin:0;
}


.add-artist-field {
    background:gray;
    padding:0;
    margin:0;
}

.add-artist-field textarea {
    padding:0;
    margin:0;
    height:30px;
    width:180px;
}

.read-notes-section {
    padding:0;
    margin:0;
    background:lightgray;
}

.read-notes-section {
    position:absolute;
}

.read-notes-section textarea {
    height:30px;
    width:180px;
}

/* tweet/share links */

.tweet-this-link, .share-this-link {
	background-image: url(/invite2/images/sharetweets.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	width: 96px;
	height: 20px;
	cursor: pointer;
	margin-top: 1px;
	display: inline-block;
	}

.tweet-this-link {background-position: top right;}
.tweet-this-link:hover {background-position: bottom right;}

.share-this-link {background-position: top left;}
.share-this-link:hover {background-position: bottom left;}

.tweet-this-text {
	background-image: none !important;
	text-indent: 0px !important;
	width: auto !important;
	height: auto !important;
	cursor: default !important;
	margin-top: 0px !important;
	display: inline !important;
	}