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%;
}/* 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;
}#page-title {
	padding: 10px;
}

#page-title h2 {
	margin-bottom: 16px;
	padding: 10px;
}

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

.page-title {
	clear: left;
}

.content p {
	font-size: 16px;
}

div.column {
	padding-right: 10px;
}

div.column-1 {
	width: 607px;
}

div.column-2 {
	display: none;
}

.big-happening-feed {
	padding: 0 10px;
}

.promo-panel {
	width: 313px;
	height: 608px;
	background: url(/img/bgs/lazy-panel.png) no-repeat 0 0;
}

.promo-panel .get-started {
	padding: 38px 40px;
}

.promo-panel .get-started h3 {
	color: #fff;
}

.promo-panel .lets-go {
	display: block;
	background: url(/img/buttons/lets-go-button.gif) no-repeat 0 0;
	width: 124px;
	height: 35px;
	text-indent: -9999px;
	margin: auto;
}

.promo-panel .go-mobile {
	padding: 40px 55px 40px 108px;
}

.promo-panel .go-mobile p {
	font-weight: normal;
	font-size: 14px;
}

/** Footer **/

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

div.footer ul.footer-links li {
	margin-right: 25px;
	margin-top: 17px;
}

#auto-plan{
	width:600px;
}

#auto-plan .auto-plan-heading {
	color: #ccc;
	padding: 10px;
	border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	background-image:-moz-linear-gradient(19% 81% 90deg,#67A2CF, #70B0DF, #7BC2F8 100%);
	background-color:#70B0DF;

}

#auto-plan .auto-plan-unused {
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
}

#auto-plan .autoplan-results ol {
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: 1px solid #70B0DF;
	border-right: 1px solid #70B0DF;
}

#auto-plan .auto-plan-heading h2 {
	color: white;
}

#auto-plan li.result{
	width:182px;
	padding:5px;
	float:left;
	background-color:#fff;
}

#auto-plan ul.results {
	margin-left:0;
}

div.autoplan-options{

}

label.option-header {
	color: #DDE;
}

div.save-plan-button{
	clear:left;
	text-align:left;
	height:37px;
	padding-top:10px;
	display: block;
	padding-right:10px;
	width:590px;
}