html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/** common elements **/ 

body {
	position: relative;
}

/* css helper classes */

.clearer {
	clear: both;
}

.hidden {
  display: none;
}

/* page sections */

div.header,
div.content,
div.footer {
	width: 940px;
	margin: auto;
}

div.content {
	min-height: 300px;
	height: auto !important;
}

html>body div.content {
	*height: 300px;
}

div.top-bar {
	position: relative;
	margin-bottom: 10px;
	visibility:hidden;
}

.menu-bar {
	height: 48px;
	line-height: 48px;
	width: 790px;
}

#nav {
	width: 940px;
	height: 37px;
	margin: auto;
}

#nav ul li {
	width: 93px;
	height: 24px;
	text-align: center;
	padding: 13px 0 0;
	float: left;
}

#page-title {
	padding:20px 10px;
}

#page-title h2 {
	font-size: 30px;
}

.plotstar-logo {
	width: 118px;
	height: 27px;
	display: block;
	text-indent: -9999px;
}

div.column {
	float: left;
}

div.column-1 {
	width: 580px;
}
div.column-2 {
	width: 313px;
}

/* dialog buttons */
.clear-button {
 	display:none;
}

/* ie6 png hack */
img, div, a { behavior: url(/ie6-must-die/iepngfix.htc) }


/* normal static content */
.content .content-item {
	padding: 10px 270px 20px 0;
	line-height: 1.8em;
}
.content .content-item h1 {
	font-size: 2em;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}
.content .content-item h2 {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #47A5E3;
}
.content .content-item ul, .content .content-item ol {
	padding-top: 10px;
}
.content .content-item ul li, .content .content-item ol li {
	margin-top: 5px;
}


/* details pane content */
#details-view-panel .content-item {
	font-size: 0.9em;
}
#details-view-panel .content-item h1 {
	font-size: 2em;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}
#details-view-panel .content-item h2 {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #47A5E3;
}
#details-view-panel .content-item ul, #details-view-panel .content-item ol {
	padding-top: 10px;
}
#details-view-panel .content-item ul li, #details-view-panel .content-item ol li {
	margin-top: 5px;
}a.star {
	background:url(/img/icons/icon_star_empty.gif) no-repeat 50% 50%;
	width: 16px;
	height: 16px;
	display: block;
}

a.starred {
	background:url(/img/icons/icon_star_full.png) no-repeat 50% 50%;	
}

div.star-box {
	width: 16px;
}
	
button.star {
	background: transparent url(/img/icons/icon_star_empty.gif) no-repeat center top;
	width: 16px;
	height: 16px;
	display: inline;
	border: none;
	cursor: pointer; 
}

button.starred {
	background: transparent url(/img/icons/icon_star_full.png) no-repeat center top;	
}


.star {
	height:16px;
	width:16px;
	float:left;
}

.icons {
	height:16px;
	width:16px;
}

.dragablecopy {
	
	width: 25px;
	height: 28px;
	visibility:hidden;
	
	position:absolute;
	z-index:5;
	
}div.header h1 a {
	display: block;
	text-indent: -9999px;
	width: 150px;
	height: 100px;
}

div.header ul li {
	float: left;
}

div.header-wrap {
	background-color: #192a31;
}

div.header {
	width: 900px;
	padding: 0 30px 13px;
	height: 122px;
}

div.header p {
	margin: 5px 0;
}

div.header li.title em {
	font-style: normal;
	font-size: 2em;
}

div.header li.title small {
	font-size: 1.5em;
}

div.header ul li.header-login {
	float: right;
	width: 225px;
	margin: 0 75px 0 0;
}

div.header li.header-login,
div.header li.header-login li {
	padding: 4px 0;
}

div.header li.header-login li.avatar {
	float: left;
}

div.header li.header-login li a {
	margin-left: 10px;
	display: block;
}
.login-details {
	margin-top: 30px;
}
.login-details .avatar-square {
	position: absolute;
	margin-bottom:10px;
	padding: 5px;
	background: #fff url(/img/icons/avatar.jpg) no-repeat 50% 50%;  
}

div.header .login-details li {
	float: right;
	clear: right;
}

div.login-box {
	width: 300px;
	padding: 15px 0 0;
	text-align: left;
	position: absolute;
	z-index: 100;
}

div.header div.login-box ol li.facebook-login {
	float: right;
}

div.header div.login-box ol li.login-button {
	clear: both;
}

div.header div.login-box ol li.login-button input {
	width: auto;
}

div.login-box h4 {
	margin-bottom: 10px;
}

div.login-box small {
	padding: 5px 0;
	display: block;
}

div.login-box input {
	width: 160px;
}

div.login-box label {
	min-width: 75px;
	line-height: 22px;
	float: left;
	width: auto;
}

div.login-box label {
	*width: 75px;
}

div.login-box #login_submit {
	display: block;
	float: left;
	margin: 5px 0;
}
div.login-box .message {
	display: none;
}
div.login-box .forgotten,
div.login-box .signup {
	float: left;
}

div.login-box .signup {
	clear: both;
}div.footer {
	clear:both;
	font-size:0.9em;
	padding: 40px 10px;
}

div.footer ul {
	padding: 20px 0 10px;
}

div.footer ul li {
	float: left;
	margin-right:30px;
}

div.footer ul.footer-links {
	clear: both;
}

div.footer ul.footer-links li {
	width: 160px;
}

div.footer h5 {
	margin:0 0 5px;
	padding:10px 0 0;
}

div.footer div.ads {
	padding-bottom:50px;
	padding-top:50px;
	display: block;
}

div.footer div.happening-feed {
	float:left;
	margin-right:10px;
	width:700px;
	font-size: 1.2em;
}

div.footer div.about-us {
	float: right;
	width: 200px;
}

div.footer div.about-us h4 {
	margin-bottom: 10px;
}.status-box {
	bottom:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	position:fixed;
	text-align:center;
	width:100%;
	z-index:99;
	display: none;
}

.status-box .status {
	display:inline;
	padding:10px;
}

.status-box img.busy-image {
	padding-right: 10px;
	vertical-align: middle;
}

.status-box .status a.hide {
	padding-left: 20px;
	text-decoration: none;
}
.happening-feed {
	height: 250px;
	overflow: hidden;
	clear: both;
}

.happening-feed h4 {
	font-size: 20px;
}

.happening-feed ul li {
	display: block;
	padding: 5px 0;
	float: none !important;
	font-size: 1.5em;
	overflow: hidden;
	overflow: ellipsis;
	line-height: 28px;
}

.happening-feed .experience,
.happening-feed .offer {
	font-weight: bold;
	display: inline-block !important;
	padding-right: 32px;
}

html>body .happening-feed .experience,
html>body .happening-feed .offer {
	*display: inline;
}

/** Big Happening Feed **/
.big-happening-feed {
	height: 600px; /* multiple of li height */
	margin: 20px 0;
	font-size: 18px;
	overflow: hidden;
	clear: both;
}

.big-happening-feed ul li {
	border-top: 1px solid #eee;
	line-height: 40px;
}

.big-happening-feed span.user {
	font-weight: bold;
}

.big-happening-feed .experience,
.big-happening-feed .offer {
	font-size: 24px;
	font-weight: bold;
	display: inline-block !important;
	padding-right: 32px;
}

html>body .big-happening-feed .experience,
html>body .big-happening-feed .offer {
	*display: inline;
}

/** Pins **/

.happening-feed .experience-type-0,
.big-happening-feed .experience-type-0 {
	color: #99bb3f;
	background: url(/img/icons/pins/unknown-pin.png) no-repeat 100% 50%;
}
.happening-feed .experience-type-1,
.big-happening-feed .experience-type-1 {
	color: #d7572d;
	background: url(/img/icons/pins/eat-pin.png) no-repeat 100% 50%;
}
.happening-feed .experience-type-2,
.big-happening-feed .experience-type-2 {
	color:#cc9900;
	background: url(/img/icons/pins/drink-pin.png) no-repeat 100% 50%;
}
.happening-feed .experience-type-3,
.big-happening-feed .experience-type-3 {
	color: #6255a0;
	background: url(/img/icons/pins/shop-pin.png) no-repeat 100% 50%;
}
.happening-feed .experience-type-4,
.big-happening-feed .experience-type-4 {
	color: #009549;
	background: url(/img/icons/pins/see-pin.png) no-repeat 100% 50%;
}
.happening-feed .experience-type-5,
.big-happening-feed .experience-type-5 {
	color: #3394d1;
	background: url(/img/icons/pins/do-pin.png) no-repeat 100% 50%;
}
.happening-feed .experience-type-6,
.big-happening-feed .experience-type-6 {
	color:#666633;
	background: url(/img/icons/pins/offer-pin.png) no-repeat 100% 50%;
}/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin-tango {
	float: left;
}

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 58px;
    right: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/img/arrows/right-arrow.gif) no-repeat 0 0;
}

/*.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}*/

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 58px;
    left: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/img/arrows/left-arrow.gif) no-repeat 0 0;
}

/*.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}*/

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/img/arrows/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/img/arrows/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
.locations {
	padding:1px;
	width:300px;
	display:none;
	z-index:15;
	position:absolute;
	color: #333;
	text-align: left;
	line-height: 1.3em;
	width:250px;
}

.locations ul {
	background-color:#fff;
	cursor: pointer;
}

.locations li {
	padding: 3px;
}

div#search {
	z-index: 5;
}

#search input,
#search span {
	float: left;
	display: block;
}

#search span.find-text {
	margin-left: 20px;
}

#search .input#search-box {
	width: 185px;
	border: 2px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 7px 24px 7px 5px;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 9px;
	background:#fff
}

#search .input#location-box {
	width: 185px;
	border: 2px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 7px 24px 7px 5px;
	margin-left: 10px;
	margin-top: 9px;
	background:#fff
}

#search .submit {
	background:url(/img/icons/search-icon-dark.gif) no-repeat;
	height:25px;
	width:22px;
	vertical-align:top;
	margin-top:15px;
	border: none;
	cursor: pointer;
	margin-left: 10px;
}

.item-selected {
	color: #fff;
	background-color:#000;
}

.blur {
	color: #ccc;
	font-style: italic;
}.IOModal-container {
	position: fixed;
	*position: absolute;
	z-index: 1001;
	top: 30px;
}

.IOModal-content {
	background: #fff;
	padding: 10px;
}

.IOModal-controls {
	padding: 5px 0 0;
	text-align: right;
	font-size: 1.3em;
}

.IOModal-controls span,
.IOModal-controls a {
	margin: 0 3px;
}

.IOModal-controls .IOModal-ok {
	display: inline-block !important;
	display: inline;
}/* page */
body {
	font-family: "Helvetica Neue", Helvetica, Arial,Verdana,sans-serif; 
	font-size: 12px;
	color: #333;
	background-color: #454343;
	line-height: 1.3;
}

.wrap {
	background-color: #fff;
}

/* headers */

h1 {
	font-size: 3em;
}

h1.logo {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 20px;
}

#page-title h2 {
	color: #192a31;
}

#page-title h2.highlight {
	font-size: 1.3em;
	font-weight: bold;
}

#page-title p.column {
	float: left;
	clear: none;
	width: 282px;
}

#page-title p {
	padding: 0 10px 20px 0;
	clear: both;

}

#page-title p, #page-title h2.highlight {
	font-size: 1.3em;
	font-weight: bold;
}

.plotstar-logo {
	background: url(/img/logos/small-plotstar-logo.png) no-repeat 0 0;
}

/* elements */

strong {
	font-weight: bold;
}

sup {
	font-size: 0.7em;
	vertical-align: top;
}

.guide-text {
	color: #999;
}

/* map popup */

.map-popup {
	width:300px;
}

.map-popup a {
	color:#0055FF;
}

.experience-details li {
	color:#333;
}

/* common elements */

a, .editable {
	cursor: pointer;
}

a {
	text-decoration:none;
	color:#47A5E3;
}

a:hover, a:hover div.truncate_less {
	text-decoration:underline;
}

.inline ul, .inline li {
	display: inline;
}

.highlight {
	color: #07A3FC !important;
}

.menu-bar {
	background: url(/img/bgs/grey-bar-tile.gif) repeat-x;
	border: 1px solid #eee;
}

.remove-button {
	display: block;
	width: 30px;
	height: 30px;
	background: url(/img/icons/close-button-states.png) 30px 0;
	text-indent: -9999px;
	zoom: 1;
}

.remove-button:hover {
	background: url(/img/icons/close-button-states.png) 0 0;
}

.remove-button-small {
	display: block;
	width: 14px;
	height: 13px;
	background: url(/img/icons/close.gif);
	text-indent: -9999px;
}

.open-window-button {
	display: block;
	width: 28px;
	height: 23px;
	text-align: center;
	/*
	background: url(/img/icons/open-window.gif);
	text-indent: -9999px;
	*/
}


/* droppables */
.droppable-accept {
	background-color: #f3f3f3;
	opacity: 0.9;
}


/* top bar */
#nav-wrap {
	background: url(/img/bgs/green-nav-gradient.gif) repeat-x;
	border-top: 3px solid #fff;
}

#nav ul li.on {
	background: url(/img/bgs/white-tab.gif) no-repeat 0 100%;
}
#nav ul li a {	
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
#nav ul li.on a {
	color: #333;
}

#upgrade-browser {
	margin:10px 20px 0 0;
	padding: 20px;
	background-color: #ffb;
	font-size: 1em;
	line-height: 1.5em;
}
#whats-new {
	margin-left: 10px;

}
#whats-new p {
	font-size: 1em;
}div.header {
	background: url(/img/bgs/top-banner.gif) no-repeat 0 0;
	color: #fff;
}

div.header-wrap {
	background-color: #192a31;
}

div.login-box {
}

div.login-box .plotstar-logo {
	background: url(/img/logos/plotstar-logo-login-blue.gif) no-repeat 0 0;
}/* footer */

div.footer {
	color: #999;
	background: url(/img/logos/iome-logo-dark-footer.gif) no-repeat 95% 95%;
}

div.footer a {
	color: #fff;
}

div.footer h5 {
	color: #fff;
}

div.footer .plotstar-logo {
	background: url(/img/logos/plotstar-logo-footer.gif) no-repeat 0 0;
}.status-box .status {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#FAD163;
	color: #333;
	font-weight:bold;
}

.status-box .error-status {
	background-color: #FAD163;
}

.status-box .status a.hide {
	text-decoration: none;
}
.status-box .status a.hide:hover {
	text-decoration: underline;
}

.happening-feed h4 {
	color: #fff;
}

.happening-feed .experience,
.happening-feed .offer {
	color: #fff !important;
}

/** Big Happening Feed **/
.big-happening-feed {
	color: #999;
}

.big-happening-feed span.user {
	color: #192a31;
}.locations {
	background-color:#333;
}

.locations li:hover {
	background-color:#333;
	color:#fff;
}.IOModal-content {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.IOModal-controls .IOModal-ok {
	background-color: #31A4D4;
	color: #fff;
	padding: 6px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.IOModal-controls .IOModal-cancel {
	text-decoration: underline;
}/* io-me specific carousel styling */

.jcarousel-skin-tango .jcarousel-container-horizontal {
	padding:10px 50px;
	width: 520px;
	color: #333;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	height:250px;  
	width: 500px;
}

.jcarousel-skin-tango .jcarousel-item {
	height:230px;
	overflow:hidden;
	padding-right:10px;
	width:106px;
	border-right: 1px solid #eee;
}

.jcarousel-item .image-container .image {
	height:75px;
	width:75px;
}

.jcarousel-item p {
	font-size:0.9em;
}div.content {
	min-height: 300px;
	height: auto !important;
}

html>body div.content {
	*height: 955px;
}

/* events */
#events {
	padding-right: 10px;	
}

ul.events li {
	clear: both;
	padding: 3px 0;
	position: relative;
}

ul.events .discover-header {
	border-top: 1px solid #eee;
}

ul.events li a {
	display: block;
	padding: 7px 0px;
}

ul.events li.discover-sub-header a {
	padding: 0 0 0 20px;
}

ul.events li span.cat-icon {
	display: block;
	width: 33px;
	height: 27px;
	background: url(/img/icons/cat-icons.png) no-repeat -80px 0;		
}
html>body li span.cat-icon {
	*display: inline;
}
ul.events li.eat a.title span.cat-icon {
	background-position: -80px 0;
}
ul.events li.eat a.title:hover span.cat-icon {
	background-position: -40px 0;
}
ul.events li.eat a.open span.cat-icon {
	background-position: 0 0 !important;
}
ul.events li.eat a.title {
	background-position: 40px 15px;
}

ul.events li.drink a.title span.cat-icon {
	background-position: -80px -30px;
}
ul.events li.drink a.title:hover span.cat-icon {
	background-position: -40px -30px;
}
ul.events li.drink a.open span.cat-icon {
	background-position: 0 -30px !important;
}
ul.events li.drink a.title {
	background-position: 40px -25px;
}

ul.events li.shop a.title span.cat-icon {
	background-position: -80px -60px;
}
ul.events li.shop a.title:hover span.cat-icon {
	background-position: -40px -60px;
}
ul.events li.shop a.open span.cat-icon {
	background-position: 0 -60px !important;
}
ul.events li.shop a.title {
	background-position: 40px -65px;
}

ul.events li.see a.title span.cat-icon {
	background-position: -80px -90px;
}
ul.events li.see a.title:hover span.cat-icon {
	background-position: -40px -90px;
}
ul.events li.see a.open span.cat-icon {
	background-position: 0 -90px !important;
}
ul.events li.see a.title {
	background-position: 40px -105px;
}

ul.events li.do a.title span.cat-icon {
	background-position: -80px -120px;
}
ul.events li.do a.title:hover span.cat-icon {
	background-position: -40px -120px;
}
ul.events li.do a.open span.cat-icon {
	background-position: 0 -120px !important;
}
ul.events li.do a.title {
	background-position: 40px -145px;
}

ul.events li.offers a.title span.cat-icon {
	background-position: -80px -150px;
}
ul.events li.offers a.title:hover span.cat-icon {
	background-position: -40px -150px;
}
ul.events li.offers a.open span.cat-icon {
	background-position: 0 -150px !important;
}
ul.events li.offers a.title {
	background-position: 40px -185px;
}

.options .your-week-ahead a.title {
	display: none;
}
.options .your-favourites a.title {
	display: none;
}
.discover-header {
	font-size: 1.2em;
}

.new-plan {
	margin-bottom:10px;
	margin-left:29px;
	margin-top:5px;
}

.discover-header a.title {
	display: block;
	background: url(/img/icons/discover-headings.gif) no-repeat 0 0;
	font-weight: normal;
	text-transform: uppercase;
	text-indent: -9999px;
	font-size: 0.001em;
	zoom: 1;
}

.discover-header a.title:hover {
	text-decoration: none;
}

ul.events .discover-sub-header {
	font-size: 0.8em;
	text-transform: none;
	text-indent: 0;
	margin: 5px 0;
	line-height: 1.1;
}

.discover-sub-header a {
	background: none;
	height: auto;
}

.discover-sub-header a.all-types {
	color: #72B1E1;
	font-weight: bold;
}

.discover-sub-header a:hover {
	background-color: transparent;
}
.discover-sub-header a.selected {
	background: transparent url(/img/icons/highlight-dot.gif) no-repeat 0 50% !important;
	font-weight: bold;
	zoom: 1;
}

.discover-header .counter {
	position: absolute;
	right: 10px;
	top: 15px;
	*top: 5px;
}

.starred-items li a {
	margin-right:2px;
}

.starred-items li.star-item div {
	display: inline;
}

.starred-items .star-name {
	display: block;
	margin-left: 18px;
}

.event-marker {
	margin-bottom:-2px;
	margin-right:4px;
	width:8px;
}

/* contents */

div.middle-bar {
	padding:0 0 10px;
	display:none;
}

/* headers */

h3.discover-header {
	display: block;
	/*margin-bottom: 20px;*/
	height: 22px;
	text-indent: -9999px;
}

h3.your-favourites {
	background-image: url(/img/icons/discover-headings.gif);
	background-repeat: no-repeat;
	background-position: 0 -316px;
	height: 38px;
}

h3.your-week-ahead {
	background-image: url(/img/icons/discover-headings.gif);
	background-repeat: no-repeat;
	background-position: 0 -240px;
	height: 70px;
}

/* map */

div.map {
	float:left;
}

div.actual-map {
	background-color: #fff;
	height: 440px;
	width: 440px;
	border: 10px solid #ddd;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

div.smaller-map {
	height: 380px;
}

div.map a {
	border: 0;	
}

ul.map-links {
	position: absolute;
	right: 10px;
	top:0;
}

ul.map-links li {
	float: left;
	padding-left: 7px;
}

.map-popup {
	font-size: 0.9em;
	line-height: 1.2em;
	width: 300px;
	padding: 8px;
	color: #333;
}

.map-popup a {
	visibility: visible;
}

.map-popup h3 {
	font-size: 1.6em;
	padding: 0 0 8px;
}

.map-popup .options {
	padding-top: 5px;
	margin-top: 5px;
}

.map-popup a {
	margin-right: 10px	
}

.map-popup a:hover {
	color: #000;
}

.map-popup .extra-details img {
	float: right;
	padding: 2px;
}

.expires a {
	padding-top:1px;
	font-weight: bold;
}

/* info pane */

.info-pane {
	background-color: #fff;
	color: #333;
	padding: 10px 0;
	display: none;
}

.info-pane .image,
.info-pane .details {
	float: left;
}
.info-pane .image {
	width: 90px;
}
.info-pane .controls {
	float: right;
}
.info-pane .controls a {
	float: left;
	margin-left: 8px;
}
.info-pane .details {
	width: 274px;
	padding: 0 10px;
}

.info-pane .details .title {
	font-weight: bold;
	font-size: 1.2em;
	display: inline;
	margin-right: 5px;
}
.info-pane .details .star {
	display: inline-block;
	float: none;
}
.info-pane .details .star {
	*display: inline;
}
.info-pane .details .description {
	color: #999;
	display: block;
	margin-bottom: 5px;
}
.info-pane .extra-details a {
	margin-right: 5px;
}
.info-pane .extra-details {
	margin-top: 5px;
}

.info-pane .details .offer {
	background-image: url(/img/icons/pins/offer-pin.png);
	width: 25px;
	height: 28px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

/* list-view */

.list-view {
	position:relative;
	background-color:#fff;
	z-index:10;
	display:none;
	overflow-x:hidden;
	overflow-y:auto;
	height: 460px;
	width: 460px;
}

.list-view ul {
	display:inline;
}

.list-view li {
	padding:5px 5px 5px 10px;
}

.list-view h3 {
	padding:10px;
	color:#333333;	
}

.list-view a {
	color:#333;
	text-decoration:none;
	margin-left:2px;
}

.list-view .star {
	margin-right: 10px;
}

.list-marker {
	width: 15px;
	margin-right: 10px;
}


.list-text {
	vertical-align:top;
}

/* tab */

.tab {
	height:20px;
	line-height: 20px;
	text-align: center;
	display:block;
	border:2px solid #d4d7ca;
	padding:3px;
	background-color:#d4d7ca;
	text-align:center;
	vertical-align:bottom;
}

.tabs li {
	float:left;
	width:50%;
	cursor:pointer;
}

.ui-tabs-selected a {
	background-color:#fff;
}

/* Dependency of JQuery ui tabs */
.ui-tabs-hide {
    display: none;
}

/* options */

.options {
	float: left;
	margin: 0 5px 5px;
	width: 195px;
}

.options-plans,
.options-showme {
	cursor: pointer;
}

ul.plan-items {
	padding-top: 10px;
}
ul.plan-items li {
	padding: 3px 3px 3px 28px;
}

.plan-tab-leg {
	margin: 3px;
}

.plan-tab-leg p {
	display: inline;
	width: 90%;
	float:right;
}

.plan-actions a {
	padding: 5px;
	font-weight: normal;
}

.plan-actions {
	display: inline;
	float:right;
}

.plan-open-close {
	width: 10px;
	float: left;
	margin-top:-2px;
}

.plan-open-close a {
	font-size: 1.2em;	
}

ul.plan-items li {
	clear: both;
}

div.sidebar {
	position: relative;
	width: 330px;
	min-height: 550px; /* allow for absolutely positioned skyscraper */
	height: auto;
	float: left;
}

div.sidebar {
	*height: 550px;
}

div.sidebar-right {}

div.category-panel {
	width: 150px;
}

.starred-items {
	line-height:18px;
	margin-left:1px;
	margin-top:10px;
	min-height:25px;
}

.starred-items li, .special-items li {
	padding: 3px 3px 3px 11px;
}

.special-items li {
	font-size:0.9em;
}

/* Drag & Drop */

.ui-droppable {
	margin: 1px;
}

/* Plans tab */

.make-new-plan, .empty-area-side {
	padding:10px !important;
}

.make-new-plan p, .empty-area-side {
color:#BBBBBB;
	line-height:1.3em;
}

.make-new-plan a:hover, .empty-area-side a:hover {
	text-decoration: none;
}

.make-new-plan img, .empty-area-side img {
	max-height: 20px;
	vertical-align: middle;
	color: #666;
}

/* advertising */

.ad-medium-rectangle {
	background-color: #fff;
	padding-left: 5px;
	float: right;
	width: 300px;
	height: 250px;
}
.ad-skyscraper {
	background-color: #fff;
	position: absolute;
	right: 0;
	top: -60px;
	padding-bottom: 10px;
	width: 120px;
	height: 600px;
}

/* terms */

.terms ul li {
}

ul.tandc li {
	list-style-type:disc;
	list-style-position:inside;
} 
ol.tandc li {
	list-style-type:decimal;
	list-style-position:inside;
} 

/* right click context menu on map */
.map-right-click-menu {
	position: absolute;
	visibility: hidden;
	background-color: #fff;
	border: 1px solid #000;
	width: 130px;
	padding: 5px;
	line-height: 15px;
    z-index: 100;
}

.map-right-click-menu a:hover {
	color: #000;
}

/* carousel */
#promoStrip {
	margin-top: 20px;
}

/* Add to Plan */
div.add-plan {
	display: inline;	
}

div.add-plan span {
	padding: 3px;
}

div.add-plan a {
	padding-left: 3px;
}
div.feature {
	border-bottom: 1px solid #ccc;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.map-popup .options {
	border-top: 1px solid #ccc;
}

.discover-sub-header a {
	color: #333;
}

.reset-link {
	text-align:center;
	color:#07A3FC;
	font-size:16px;
	margin-right:13px;
	margin-top:10px;
	display:block;
	
}/* FIXME - extract non-layout styling to themes folder */
#plan-editor-panel .editor {
	padding: 10px;
	margin: 0;	
	border: none;
	overflow: hidden;
}
#plan-editor-panel .droppable-accept {
	border: 2px solid blue;
	background-color: #fff;
	padding: 8px !important;
}
#plan-editor-panel .guide-text {
	font-style: italic;
}
#plan-editor-panel .editor .editor-header {
	padding: 0 0 10px 110px;
	background: url(/img/icons/plan-icon.png) no-repeat 30px 50%;
	border-bottom: 1px solid #ccc;
	height: 58px;
	position: relative;
}
#plan-editor-panel .editor .editor-header h3 {
	display: block;
}
#plan-editor-panel .editor .editor-header small {
	font-size: 1.2em !important;
	display: block;
	clear: both;
}
#plan-editor-panel .editor .editor-header .remove-button {
	position: absolute;
	right: 0;
	top: 0;
}
#plan-editor-panel .editor .plan {
	height: 285px;
	overflow: auto;
	overflow-x: hidden;
	padding: 10px 10px 10px 0;
	clear: both;
}
#plan-editor-panel .editor .plan-items li {
	clear: both;
}
#plan-editor-panel .editor .plan-item,
#plan-editor-panel .editor .add-leg {
	padding: 15px 0 0;
}
#plan-editor-panel .editor .experiences .info,
#plan-editor-panel .editor .plan-item div.plan-details,
#plan-editor-panel .editor .plan-item ul {
	float: left;
}
#plan-editor-panel .editor .experiences .location {
	float: right;
}
#plan-editor-panel .editor .plan-item .plan-details {
	width: 110px;
	text-align: center;
}
#plan-editor-panel .editor .plan-item .experiences {
	width: 230px;
}
#plan-editor-panel .editor .plan-item .handle {
  background: url("/img/icons/drag.gif") no-repeat;
  width: 25px;
  height: 11px;
  display:block;
  float:left;
}
#plan-editor-panel .editor .experiences .location,
#plan-editor-panel .editor .experiences .location .pointer {
	display: block;
	width: 25px;
	height: 28px;
}
#plan-editor-panel .editor .experiences .info {
	width: 205px;
}
#plan-editor-panel .editor .plan-item .item-remove {
	float: right;
}
#plan-editor-panel .editor .add-leg {
	padding-left: 135px;
}
#plan-editor-panel .editor .plan-item .plan-details .options {
	padding: 0;
}
#plan-editor-panel .editor .plan-item .plan-details .options a {
	padding: 0 3px;
}
#plan-editor-panel .editor .editor-secondary-header {
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
	height: 35px;
}
#plan-editor-panel .editor .editor-secondary-header ul li {
	float: right;
	padding: 0 5px;
}
#plan-editor-panel div.options a {
  padding: 0px 5px;
  margin-top: -2px;
}

#details-view-panel span {
	padding-right: 10px;
	font-weight: bold;
}

#details-view-panel span.offer-title {
	font-size: 1.4em;
}

#details-view-panel span.offer-name {
	font-size: 1.2em;
}

#details-view-panel .offer-image {
	padding: 15px;
	max-width: 400px;
}
#in-content-panels .in-content {
	background-color:#fff;
	height:440px;
	width:440px;
	float:left;
	color: #333 !important;
	overflow: auto;
	overflow-x: hidden;
	position:relative;
	border: 10px solid #ddd;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.plan-item-highlight { 
  background-color: #f9f9f9;  
  width:420px;
  height:46px;
}/* FIXME - extract non-layout styling to themes folder */

#details-view-panel .actual-map,
#details-view-panel .detail-nav,
#details-view-panel li.map,
#details-view-panel .icons {
	display: none;
}

#details-view-panel .content-item {
	padding: 0 20px;
}

#details-view-panel .content-item li {
}

#details-view-panel .border {
	border-top: 1px solid #ccc;
}

#details-view-panel .top {
	padding-top: 20px;
}

#details-view-panel .detail-info {
	font-size: 15px;
	color: #999;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#details-view-panel .phone {
	display: inline;
	font-weight: bold;
}

#details-view-panel .middle {
	margin: 0 0 10px;
}

#details-view-panel .remove-button {
	position: absolute;
	top: 10px;
	right: 10px;
}

#details-view-panel .review-rating  {
	background: transparent url(/img/icons/ratings.gif) no-repeat scroll 0 0;
	display: block;
	height: 16px;
	overflow: hidden;
	width: 86px;
	margin-bottom: 5px;
}

#details-view-panel li.review {
	padding: 5px 0;
}

#other-events-at {
	font-size: smaller;
	font-style: italic;
	text-align:right;
}

/* Ticketing */

#details-view-panel .event-item {
	font-size: 1.3em;
	padding: 10px;
	background-color: #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 5px;
}

#details-view-panel .event-item .event-title {
	display: block;
}

#details-view-panel .open .event-title {
	margin-bottom: 10px;
}

#details-view-panel .event-details {
	margin-bottom: 5px;
	zoom: 1;
}

#details-view-panel .event-details ol {
	padding: 0;
}

#details-view-panel .event-details ol li {
	float: left;
	clear: none;
	width: 182px;
	margin: 5px 0;
}

#details-view-panel .event-details ol li.message {
	width: auto;
}

#details-view-panel .event-details ol li ol li {
	width: auto;
	margin-right: 5px;
}

#details-view-panel .event-details ol li ol li span {
	font-weight: normal;
}

#details-view-panel .event-details h5 {
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
}

#details-view-panel img {
	width: auto;
	max-width: 100%;
	margin-bottom: 10px;
}

#details-view-panel .event-details span {
	padding: 0;
}