/* GENERAL ===================================================================*/

/* COMMON HTML ELEMENTS ----------------------------------------------------- */

body { 
  background:#fef6e8 url(../images/body-bg.jpg) 50% 0 repeat-y; 
  font-size:10px;
}

body, textarea { font-family:Arial, Helvetica, sans-serif; }
a:hover { text-decoration:underline; }

/* UTILITY CLASSES ---------------------------------------------------------- */

.marker { display:inline-block; }
.clear_on_focus { color:#999 !important; }

button.large { vertical-align: 3px; }
.weak { color:#999; }
.icon { vertical-align:-20%;}

a.map, a.yelp { color:#fd8e11; font-size:12px; font-weight:normal; text-transform: uppercase; text-decoration:underline; line-height:15px; margin-left:10px; white-space:nowrap; }
a.map { padding-left:10px; background:url(../images/map_icon.gif) 0 0 no-repeat; }
a.yelp { padding-left:15px; background:url(../images/yelp_icon.png) 0 0 no-repeat; }
a.map:hover, a.yelp:hover { text-decoration:none; }


/* LAYOUT =================================================================== */

div.wrapper { width:942px; margin:0 auto; }

div#header{ background:#f2f2f2; height:73px; margin-bottom:3px;}

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

div#header .logo { float: left; display:block; margin-top: 15px; }

div#header ul { float:right; margin-top:35px; }

div#header ul li {
  font-size:110%;
  color:#868585;
  float:left;
  margin-left:20px;
}

div#header ul li a { color:#0098ca; }

/* NAVIGATION --------------------------------------------------------------- */

div#navigation { background:url(../images/nav-bg.jpg) 0 0 repeat-x; height:46px; padding-top:12px; margin-bottom:43px; margin:0; padding:0; }

div#navigation UL { padding: 0px; margin: 0px; }
div#navigation UL LI { display: inline; float: left; margin: 12px 0 0 20px; }

div#navigation UL LI A {
  font-size: 12px;
  line-height: 14px;
  color: white;
  font-weight: bold;
  display: block;
}

div#navigation UL LI A SPAN {display: block;}
div#navigation UL LI A SPAN SPAN {padding: 5px 23px 6px 23px;}
div#navigation UL LI A:HOVER, div#navigation UL LI.active A {text-decoration: none; background: url("../images/main-menu-hover.gif") repeat-x left top;}
div#navigation UL LI A:HOVER SPAN, div#navigation UL LI.active A SPAN {background: url("../images/main-menu-l.gif") no-repeat left top;}
div#navigation UL LI A:HOVER SPAN SPAN, div#navigation UL LI.active A SPAN SPAN {background: url("../images/main-menu-r.gif") no-repeat right top;}

div#navigation li.search { float: right; }
div#navigation li.search input {
  height: 18px;
  width: 200px;
  margin-top: -10px;
  font-size: 12px;
  line-height: 18px;
  color: #666;
  margin-right: 10px;
  top: -3px;
  position: relative;
}

div#navigation li.search button { position:relative; top:-3px; }

/* FOOTER ------------------------------------------------------------------- */

div#footer div.wrapper{ padding:0 0 50px 40px; width:840px; }
div#footer .logo { float:left; display:block; margin-right:43px; }
div#footer ul li { float:left; line-height:23px; font-size:110%; color:#656565; }
div#footer ul li a { color:#656565; }
div#footer ul li.divider { margin:0 10px; }

/* BODY --------------------------------------------------------------------- */

div#body { color:#ccc; }

div.content {
  display:inline;
  float:left;
  margin:30px 0 0 52px;
  width:548px;
}

div.content.wide { width:900px; margin-left:23px; }

div.sidebar {
  width: 248px;
  float: right;
  background: #ebf4ff;
  margin-right: 16px;
  display: inline;
  padding-top: 30px;
  padding: 30px 33px;
}


/* SIDEBAR ================================================================== */

div.sidebar .panel { margin-bottom: 30px; }

div.sidebar h3 { color:#FE8A00; font-size:16px; margin:18px 0 8px; }
div.sidebar h3 .subtitle { color:#0E93DC; font-size:12px; }

div.sidebar h3.interact { background:url("../images/interact.gif") no-repeat scroll left center transparent; border-bottom:1px solid #DADFE5; padding:5px 0 3px 25px; }
div.sidebar li { font-size:12px; color:#999; line-height:15px; }
div.sidebar li a { color:#98BC1E; }

div.sidebar div.text_input {
  background:url("../images/input-sidebar-bg.gif") no-repeat scroll left top transparent;
  border:none;
  display:inline;
  float:left;
  height:41px;
  margin:0;
  width:203px;
}

div.sidebar div.text_input input {
  background:none repeat scroll 0 0 transparent;
  border:medium none;
  color:#868585;
  display:inline;
  float:left;
  font-size:11px;
  margin:14px 0 0 18px;
  width:165px;
}

div.sidebar input.go_button {
  background:url("../images/go.gif") no-repeat scroll left top transparent; border:none;  outline:none; cursor:pointer;
  float:left; height:42px; width:45px; text-indent:-2000em;
}

/* CONTENT ================================================================== */

/* COMMON CONTENT ----------------------------------------------------------- */

div.content h2 { font-size: 31px; color: #4C4C4C; margin-bottom: 0.5em; }

div.content h2 span.note {
  display:block; margin-top: 5px;
  color:#B4B4B4; font-size:15px; font-weight:normal; line-height: 1.3em;
}

div.content h3 { border-bottom:1px solid #E0E0E0; color:#0E93DC; font-size:230%; line-height:30px; padding-bottom:5px; }
div.content h3.separated { margin-bottom: 15px; }

img.avatar { border:4px solid #FEF6E8; }

a.close { position:absolute; right:10px; top:10px; cursor:pointer; }

.flash { position:relative; margin-bottom:30px; border:4px solid #007CD7; color:#4C4C4C; background:#E6F0FF; padding:11px 30px 10px 20px; font-size:20px; line-height:1em; }
.flash.alert, .flash.error { border-color:#D60002; background:#F7DFDF; }
.flash.notice { border-color:#0BD400; background:#D7F6D8; }
.flash .close { top:12px; }

a.yes, a.no, a.maybe { display:inline-block; color:#8A8A8A; font-weight:bold; padding-left:15px }
a.yes.active, a.no.active, a.maybe.active { text-decoration:underline; }
a.yes.active { color:#32a932; }
a.no.active { color:#992023; }
a.maybe.active { color:#678E00; }
a.yes { background:url(../images/yes_icon.gif) 0 4px no-repeat; }
a.no { background:url(../images/no_icon.gif) 0 4px no-repeat; }
a.maybe { background:url(../images/maybe_icon.gif) 0 4px no-repeat; }

span.yes { color:#1e9ce1; }
span.no { color:#c02020; }
span.maybe { color:#abe837; }

form.formtastic { margin-bottom:10px; }
form.formtastic div.actions,
form.new_event_element div.actions {
  font-size:14px;
  text-align:right;
  margin-top:-10px;
}

/*--- formtastic overrides ---*/

form.formtastic fieldset ol li.optional, form.formtastic fieldset ol li.required { border-bottom:1px solid #EDEDED; padding-bottom:1.25em; }
form.formtastic fieldset ol li { margin-bottom:1.5em; }
form.formtastic fieldset ol li p.inline-hints { color:#999; font-size:11px; letter-spacing:0.025em; line-height:1.3em; }

form.formtastic label { color:#0E93DC; font-size:14px; line-height:18px; font-weight:bold; white-space:nowrap; }

form.formtastic input, form.formtastic textarea { font-size:14px; padding:2px 4px; margin-top:-2px; color:#333; }
form.formtastic select { font-size:16px; padding-right:7px;  color:#333;}
form.formtastic fieldset ol li.string input,
form.formtastic fieldset ol li.password input,
form.formtastic fieldset ol li.text textarea { width:73%;}

form.formtastic fieldset ol li p.inline-errors { font-size:14px; color:#D60002; letter-spacing:0.025em; }
form.formtastic div.actions { margin-top:0; }

form.formtastic fieldset ol li.paired_with_next { border-bottom:none; padding-bottom:0; }

div.dialog { border:8px solid #FB9700; padding:20px 30px; width:600px; margin:40px auto; }
div.dialog form.formtastic fieldset ol li label { width:30%; }
div.dialog form.formtastic fieldset ol li.boolean label { padding-left:30%; }
div.dialog form.formtastic fieldset ol li.string input,
div.dialog form.formtastic fieldset ol li.password input,
div.dialog form.formtastic fieldset ol li.text textarea { width:67%; }
div.dialog form.formtastic fieldset ol li p.inline-errors { margin-left:30%; }
div.membership_links a { float:left; margin-right:15px; margin-top:5px; color:#555; font-size:12px;}

/*--- formtastic overrides:narrow (used by orbits) ---*/

form.formtastic.narrow fieldset ol li.string input,
form.formtastic.narrow fieldset ol li.password input { width:97%; }
form.formtastic.narrow fieldset ol li.text textarea { width:98%; }

form.formtastic.narrow fieldset ol li p.inline-hints { margin-left:0; }
form.formtastic.narrow fieldset ol li p.inline-errors { margin-left:0; }

form.formtastic.narrow label { margin-bottom:3px; }


/* Legal text styles -------------------------------------------------------- */

.legal h3 .subtitle { font-size:12px; color:#31A831; }
.legal h4 { border-bottom:1px solid #E0E0E0; color:#0E93DC; font-size:180%; line-height:30px; padding-bottom:5px; margin-bottom:5px;  }
.legal p, .legal li { font-size:14px; line-height:1.4em; color:#444; }
.legal li { margin-left: 45px }

/* SYTLES SHARED BY SEVERAL PAGES ------------------------------------------- */

.orbit_messages textarea {
  border:1px solid #CCC;
  color:#666;
  font-size:14px;
  height:60px;
  margin-top:10px;
  padding:3px;
}

.orbit_messages .message_actions { margin:10px 0 10px; }
.orbit_messages .message_actions a { margin-right:10px; }
.orbit_messages .message_actions a.right { float:right; margin:-2px 0 0 0; }

.orbit_messages ul { margin:10px 0 10px; }
.orbit_messages ul li {
  margin-left:50px;
  padding:10px 0;
  float:left;
  border-bottom:1px solid #F4F4F4;
  border-top:1px solid #F4F4F4;
  font-size:12px;
  color:#333;
  font-weight:normal;
}
.orbit_messages ul li .avatar { margin-left: -50px; float:left; }
.orbit_messages ul li .details { color:#98BC1E; font-size:10px; font-weight:bold; text-decoration:none; margin-bottom: 5px; }

div.event_summary h2,           div.orbit h2 { font-size:20px; color:#0e93dc; border-bottom:#b5b5b5 1px solid; line-height:30px; margin-bottom:8px; }
div.event_summary h2.no_border, div.orbit h2.no_border { border-bottom:none; margin-bottom:2px; }
div.event_summary h2 .subtitle, div.orbit h2 .subtitle { font-size:10px; line-height:14px;	color:#FDC085; font-weight:bold; }
div.event_summary h2 a, div.orbit h2 a { margin-top:2px; float:right }


/*---- shared: create a new plan panel ----*/

/* Old stype */
a#new_event_button { display:inline-block; float:left; width:166px; height:75px; background:url("../images/new_event_button.jpg") no-repeat left top; }
a#new_event_button:hover { background-image:url("../images/new_event_button_hover.jpg"); }

.new_plan { margin-bottom:20px; }
.new_plan_panel { width:518px; background:url(../images/event-panel-background.jpg) repeat-x bottom; }
.new_plan_name { height: 45px; width: 315px; margin:15px; padding:0 10px; font-size:20px; line-height:45px; color:#666; border:1px solid #526B97; }

.orbit a#new_event_button { width:154px; height:69px; background-image:url("../images/small_new_event_button.jpg") }
.orbit a#new_event_button:hover { background-image:url("../images/small_new_event_button_hover.jpg"); }
.orbit .new_plan { margin:0 0 20px 25px; }
.orbit .new_plan_panel { width:475px; }
.orbit .new_plan_name { width:272px; }

/* New style */
a#dashboard_create_social {
  display:block; float:left; width:252px; height:104px;
  background:url(../images/dashboard_create_social.png) no-repeat top left; margin-right: 14px;
}
a#dashboard_create_social:hover {	background-image:url(../images/dashboard_create_social_over.png); }

a#dashboard_create_event { display:block;	float:left; width:252px; height:104px;
	background:url(../images/dashboard_create_event.png) no-repeat left top;
}
a#dashboard_create_event:hover { background-image:url(../images/dashboard_create_event_over.png); }

.filter_menu {
  float:left; width:521px; border:1px solid #DDD; border-width:1px 0;
	background: url(../images/arrow_bullet.png) no-repeat 2px 5px;
}

.filter_menu ul { margin:0 0 0 25px; }
.filter_menu ul li { display: inline; list-style:none; float:left; font-size:11px; text-transform:uppercase; font-weight:bold; margin:0 10px; }
.filter_menu UL li a { float:left; padding:8px; color: #4491EB; }
.filter_menu ul li a:hover, .filter_menu ul li.active a {	background-color:#DCDCDC; text-decoration:none; }
.filter_menu .text { float:left; color:#999; padding:8px 3px 8px 0; }

/*---- shared: orbit common ----*/

.orbit h1 .avatar { float:left; margin:-12px 10px 0 -35px; }
.orbit .orbit_menu { height:30px; width: 512px; background:url(../images/orbit_menu_background.jpg) repeat-x; margin-left:4px; margin-bottom:20px; }
.orbit .orbit_menu li { display:block; float:left; text-transform:uppercase; font-size:10px; line-height:30px; }
.orbit .orbit_menu li a { display:block; color:#FFF; padding:0 25px; border-right:1px solid #FB9700; }
.orbit .orbit_menu li.active, .orbit .orbit_menu li a:hover { background-color: #c86a22; }

.orbit .orbit_body .box { border:1px solid #D6D6D6; padding:22px 20px 20px 27px; margin-bottom:25px; }

.orbit .orbit_body .orbit_body_content { margin-bottom:25px; margin-left:25px; width:470px; }

.orbit_description {
  margin-top:5px; padding:25px 20px; width:482px;
  font-size:14px; line-height:18px; color:#333;
  border-top:1px solid #CCC; border-bottom:1px solid #CCC; background-color:#ECECEC;
}
.orbit_description h4 { font-size: 10px; line-height: 14px; color:#5898CD; text-transform:uppercase; }

/*---- orbit invite page ----*/

.orbit .invite_menu {
  width:494px; height:50px; margin:-15px 0 25px 4px; padding:0 10px 0 8px;
  line-height:45px; color:#CCC; font-size:10px; font-weight:bold;
  background:url(../images/invite_menu_background.jpg) repeat-x;
}

.orbit .invite_menu li { display:block; float:left; line-height:50px; height:50px; margin-left: 3px; }
.orbit .invite_menu li img { margin-right: 5px; position: relative; top: 8px; }
.orbit .invite_menu li a { display:block; float: left; color:#FFF; font-size:14px; padding:0 15px; margin-left:2px; }
.orbit .invite_menu li.active a, .orbit .invite_menu li a:hover { text-decoration:none; background-color: #097abf }

.orbit form.formtastic li.invitee label { float:none; display:inline-block; color:#7A7A7A; }
.orbit form.formtastic li.invitee .avatar { float:none; display:inline-block; vertical-align:-10px; margin:0 10px; }

/*---- orbit invite page ----*/

.orbit ul.memberships li { border-bottom:1px solid #E0E0E0; padding-bottom:1.25em; margin-bottom:1.25em; }
.orbit ul.memberships li .avatar { float:none; display:inline-block; vertical-align:-10px; margin:0 10px 0 0; }
.orbit ul.memberships li span.name { font-size:14px; line-height:18px; font-weight:bold; color:#7A7A7A; }

.orbit .information.box p { color:#7A7A7A; font-size:20px; margin-bottom:4px; }
.orbit .information.box .actions { text-align:right; margin-top:10px; }

/*---- SC:DEREK'S UNPROCESSED STYLES START ---*/

.orbit_invite_small {
  font-size: 10px;
  font-weight: normal;
  color: #999;
  line-height: 12px;
}



div.orbit_homepage_memberlist h3 { font-size:32px; color:#7a7a7a; border-bottom:none; }
div.orbit_homepage_memberlist h4 { font-size:24px; color:#7a7a7a; }
div.orbit_homepage_memberlist h5 { font-size:15px; color:#7a7a7a; font-weight:normal; margin-bottom:2px; }
div.orbit_homepage_memberlist h6 { font-size:14px; color:#969696; line-height:16px; font-weight:normal; margin-bottom:15px; }

div.orbit_homepage_memberlist .box { border:1px solid #D6D6D6; padding:22px 20px 20px 27px;}
div.orbit_homepage_memberlist .box h3 { font-size:14px; color:#c7c7c7; border-bottom:#b5b5b5 1px solid; margin:25px 0 4px; padding-bottom:0; }
div.orbit_homepage_memberlist .box p { font-size:20px; color:#7a7a7a; margin-bottom:4px; }
div.orbit_homepage_memberlist .box a { margin-right:30px; }
div.orbit_homepage_memberlist .box .tally { color:#bebebe; font-size:14px; margin-top:2px; }

/*---- SC:DEREK'S UNPROCESSED STYLES END ---*/

/*---- orbit list page ----*/

div.orbit { position:relative; }
div.orbit a.collapse_link { position:absolute; left:17px; top:32px; cursor:hand; }
div.orbit a.expand_link { position:absolute; left:25px; top:25px; cursor:hand; }
div.orbit .orbit_messages textarea { margin-left:25px; width:470px; height:32px; }
div.orbit .orbit_messages .message_actions { margin-left:25px; width:476px; }
div.orbit .orbit_messages ul { margin-left:25px }
div.orbit .orbit_messages ul li { width:425px; }

/*---- event home page ----*/

div.event_content .orbit_messages textarea { width:795px; }
div.event_content .orbit_messages .message_actions { margin-left:0; width:802px; }
div.event_content .orbit_messages ul { margin-left:0; }
div.event_content .orbit_messages ul li { width:750px; }

/* PAGE SPECIFIC: ORBIT LIST ------------------------------------------------ */

div.welcome .avatar { float:left; }
div.welcome h2 { margin-left:80px; }

.orbit h1 {
  background:url("../images/orbitbg-top.jpg") no-repeat;
  height:45px;
  overflow:hidden;
  width:465px;
  padding:28px 0 0 55px;
  color:#666;
  font-size:22px;
  font-weight:bold;
}

.orbit .orbit_body {
  background:url("../images/orbitbg-body.jpg") repeat-y;
  margin:0;
  padding:0 0 15px;
  width:520px;
}

.orbit .orbit_footer {
  background:url("../images/orbitbg-bottom.jpg") no-repeat;
  height:20px;
  margin-bottom:20px;
  width:520px;
}

/*---- events orbit ----*/

.orbit.event h1 { background:url("../images/orbitbg-event-top.jpg") no-repeat; }
.orbit.event .orbit_body { background:url("../images/orbitbg-event-body.jpg") repeat-y; }
.orbit.event .orbit_footer { background:url("../images/orbitbg-event-bottom.jpg") no-repeat; }

/* PAGE SPECIFIC: EVENTS COMMON --------------------------------------------- */

h2 .tagline {
  float:right; color:#7A7A7A; font-size:11px; font-weight:bold; margin-top:12px;
  background:url("../images/tagline-icon.gif") no-repeat scroll 0 0 transparent;
  line-height:16px;
  padding-left:20px;
}

h2 a { font-size: 12px; color:#444; line-height:1em; font-weight:normal; }

/*---- events tabs----*/
ul.event.tabs { background:url(../images/event/tabs-bg.jpg) 0 100% repeat-x; padding-left:12px; width:888px; }
ul.event.tabs li { float:left; margin-right:17px; position:relative;}
ul.event.tabs li a{ background:url(../images/event/tabs.gif) 100% -66px no-repeat; padding-right:14px; float:left; font-size:230%; color:#2bab2b; font-weight:bold; text-decoration:none;}
ul.event.tabs li a span{
	background:url(../images/event/tabs.gif) 0 0 no-repeat;
	padding-left:10px;
	display:block;
	display:block;
	height:65px;
	text-align:center;
	width:123px;
	line-height:65px;
	font-weight:bold;
}

ul.event.tabs li a span img { vertical-align:middle; margin-right:5px;}
ul.event.tabs li a img.arrow { position:absolute; right:-18px; top:20px;}

/*---- events tabs-active---*/
ul.event.tabs li.active a, ul.event.tabs li a:hover { background:url(../images/event/tabs-active.gif) 100% -66px no-repeat; color:#FFF;}
ul.event.tabs li.active a span, ul.event.tabs li a:hover span { background:url(../images/event/tabs-active.gif) 0 0 no-repeat;}

ul.event.tabs li.who { margin-right:35px;}
ul.event.tabs li.when { margin-right:38px;}
ul.event.tabs li.when a span img{ margin-top:-8px;}
ul.event.tabs li.where { margin-right:35px; }
ul.event.tabs li.where a { background:url(../images/event/where-tab.jpg) 100% 0 no-repeat;}

ul.event.tabs li.where.active a, ul.event.tabs li.where a:hover { background:url(../images/event/where-active.jpg) 100% 0 no-repeat;}
ul.event.tabs li.where a span img { margin-top:-10px;}

/*---- events tabs-home-tab---*/
ul.event.tabs li.home a { padding: 0 0 0 10px; font-size:130%; background:url(../images/event/home-tab.gif) 0 0 no-repeat; color:#858585;}
ul.event.tabs li.home a span { width:135px; display:block; padding:0 10px 0 0; line-height:20px; background:url(../images/event/home-tab.gif) 100% 0 no-repeat;} 
ul.event.tabs li.home img { margin:9px 0 0 0;}
ul.event.tabs li.home.active a, ul.event.tabs li.home a:hover{ background:url(../images/event/home-active.gif) 0 0 no-repeat; color:#FFF;}
ul.event.tabs li.home.active a span, ul.event.tabs li.home a:hover span{ background:url(../images/event/home-active.gif) 100% 0px no-repeat;}

/*---- events subtabs ---*/
div.event_content { background:url(../images/event/event_content_background.jpg) 0 0 repeat-y;}
div.event_content div.event_top { background:url(../images/event/event_content_top.jpg) 0 0 no-repeat; width: 100%;}
div.event_content div.event_bottom { background:url(../images/event/event_content_bottom.jpg) 0 100% no-repeat; padding: 8px 8px 40px; }
div.event_inner_content { padding:30px 40px 0 40px; position:relative; }

div.event.subtabs { background:url(../images/event/subtabs_background.jpg) repeat-x; }
div.event.subtabs .subtab_content { background:url(../images/event/subtabs_left.jpg) no-repeat; }
div.event.subtabs ul { background:url(../images/event/subtabs_right.jpg) 100% 0 no-repeat; height:52px; padding:0px 0 0 45px; }
div.event.subtabs ul li { float:left; line-height:26px; line-height:52px; font-size:190%; font-weight:bold; }
div.event.subtabs ul li a { background:url(../images/event/subtab_arrow.gif) 100% 5px no-repeat; padding-right:15px; color:#FFF; }
div.event.subtabs ul li.divider { background:url(../images/event/divider.jpg) 0 0 no-repeat; width:2px; margin:0 27px; height:50px; }

div.event.subtabs ul li.propose { background:url(../images/event/invite_icon.jpg) 0 14px no-repeat; padding-left:30px; }
div.event.subtabs ul li.freeze { background:url(../images/event/freeze_icon.jpg) 0 14px no-repeat; padding-left:30px; }
div.event.subtabs ul li.organizer { background:url(../images/event/options_icon.jpg) 0 14px no-repeat; padding-left:30px; }
div.event.subtabs ul li.delete { background:url(../images/event/options_icon.jpg) 0 14px no-repeat; padding-left:30px; float:right; margin-right:45px; }
div.event.subtabs ul li.delete a { color:#760000; }

/*---- events general panel ---*/
/* Panels appear directly under the subbar */
div.panel { position:relative; }

/*---- events getting started panel ---*/
div.getting_started.panel {
  height: 255px;
  width: 811px;
  background: url(../images/event/get_started_panel_background.jpg) no-repeat;
}

div.getting_started.panel div.panel_content  {
  color:#0E93DC;
  font-size:34px;
  font-weight:bold;
  line-height:50px;
  padding:25px 50px 50px;
  text-align:center;
  text-transform:none;
  width:711px;
}

div.getting_started.panel div.panel_content .weak { font-size:12px; line-height:12px; color:#999; }
div.getting_started.panel div.panel_content a.weak { text-decoration:underline; }

/*---- events confirmation panel ---*/

div.confirm.panel {
  position:absolute;
  top:0;
  z-index:5;
  width:500px;
  margin:-1px 133px;
  border:4px solid #2793CF;
  border-top:none;
  padding:0 15px 20px;
  background-color:white;
}

div.confirm.panel div.panel_content {
  margin:15px 0 0;
  text-align:center;
  font-size:16px; font-weight:bold; line-height:1.3em;
}

div.confirm.panel div.panel_content h2 { font-size:20px; font-weight:bold; line-height:42px; color:#1389CB; }

/*---- events focus panel: blue recessed area containing most important form elements ---*/

div.focus.panel {
  display:block; width:811px;
  background:url(../images/event/focus_panel_background.jpg) no-repeat; border-bottom:1px solid #9FCDE3; border-top:1px solid #9FCDE3;
  margin:0; padding:10px 0 20px;
}
div.focus.panel h3 { border-bottom: none; }

div.focus.panel div.body { background:url(../images/event/focus_panel_body_background.jpg) 0 0 repeat-y;}
div.focus.panel div.body div.top { background:url(../images/event/focus_panel_body_top.jpg) 0 0 no-repeat;}
div.focus.panel div.body div.bottom { background:url(../images/event/focus_panel_body_bottom.jpg) 0 100% no-repeat; padding:20px;}

div.focus.panel div.footer { background:url(../images/event/focus_panel_footer_background.jpg) 0 0 no-repeat; height:36px; padding-left:26px; }
div.focus.panel div.footer ul li { font-size:12px; color:#474141; float:left; line-height:32px; }
div.focus.panel div.footer ul li a { color:#0e93dc; font-weight:bold; }
div.focus.panel div.footer ul li.divider { display:inline-block; margin:0 13px; color:#666; }

/*---- PAGE SPECIFIC: EVENT WHERE YELP SUGGESTION ---*/

div.focus.panel.yelp div.body p { float:left; width:253px; margin-right:9px; }
div.focus.panel.yelp div.body p.last { width:200px; }
div.focus.panel.yelp div.body p label{ font-size:150%; color:#fff; font-weight:bold; display:block; margin-bottom:5px; line-height:15px; }
div.focus.panel.yelp div.body p label span { color:#87e1ff; font-size:80%; font-weight:normal; }
div.focus.panel.yelp div.body p span.textbox { background:url(../images/event/focus_panel_textbox.jpg) 0 0 no-repeat; display:block; padding-left:15px; }
div.focus.panel.yelp div.body p span.textbox span { background:url(../images/event/focus_panel_textbox.jpg) 100% 0 no-repeat; display:block; height:30px; padding-top:8px; }
div.focus.panel.yelp div.body p input.textbox { border:0; width:220px; padding-top:2px; font-size:15px; color:#444; }
div.focus.panel.yelp div.body p button { width: 235px; margin-top: 20px; }

ul.suggestions.yelp .avatar.main { display:block; float:left; margin-right:18px; width:55px; height:55px; }
ul.suggestions.yelp li .actions { float:right; border-left:#b5b5b5 1px solid; padding:15px 0 10px 20px; font-size:22px; }
ul.suggestions.yelp li .details { float:left; width:590px; }
ul.suggestions.yelp li p.review_summary { margin-top:3px 0 0; font-size:11px; }
ul.suggestions.yelp li p.review_summary img { vertical-align:-20%; }
ul.suggestions.yelp li p.last_review { font-size:12px; color:#999; margin-top:15px; }
ul.suggestions.yelp li p.last_review .avatar { float:left; margin:-2px 3px 3px 0; }

/*---- events suggestion list ---*/

h3.suggestions { background:url("../images/event/membership_icon.gif") no-repeat scroll 0 0 transparent; padding-left:40px; margin-bottom:0; }
h3.suggestions .subtitle { font-size:12px; color:#31A831; }
.suggestions .vote_header {
  display: inline-block; position:relative; left: 148px; top: 18px;
  width:302px; height:33px;
  line-height:30px; color:#FFF; font-size:16px; font-weight:bold; text-align:center;
  background:url(../images/event/vote_header_background.jpg) 0 0 no-repeat;
}

h2.suggestions.narrow {  }
.suggestions.narrow .vote_header { width:143px; background:url(../images/vote_header_narrow_background.jpg) 0 0 no-repeat;  left:328px; }

ul.suggestions { margin-bottom:35px; }
ul.suggestions li { border-bottom:1px solid #E0E0E0; padding:10px 0; }
ul.suggestions li li { border-bottom:none; padding:0 0 6px; color:#7A7A7A; font-size:11px; }

ul.suggestions li .tally_badge {
  display:block; float:left; width:55px; height:53px;
  text-align:center; font-size:40px; font-weight:bold; color:white;
  padding:5px 2px 0 0; margin-right:18px; line-height:30px;
  background:url(../images/event/tally_badge_background.jpg) 0 0 no-repeat;
}
ul.suggestions li .tally_badge small { display:block; font-size:10px; text-transform:uppercase; line-height:20px; }

ul.suggestions li .suggestion_content { display:inline-block; width:410px; }
ul.suggestions li h4 { color:#7A7A7A; font-size:24px; }
ul.suggestions li h5 { color:#7A7A7A; font-size:15px; font-weight:normal; margin-bottom:2px; }
ul.suggestions li h6 { color:#969696; font-size:10px; font-weight:normal; line-height:16px; }

ul.suggestions li .ballot_actions { float:right; border-left:#b5b5b5 1px solid; padding:15px 0 10px 34px; font-size:22px; }
ul.suggestions li .ballot_actions a { margin-right:25px; }
ul.suggestions li .ballot_actions .tally { font-size:14px; margin-top:4px; }

ul.suggestions li .map_image { margin-top:20px; border:4px solid #DDD; }

ul.suggestions li .description { border-top:1px solid #CCC; color:#666; font-size:12px; line-height:16px; margin-top:8px; padding:3px; width:400px; }
ul.suggestions li .description a { color:#209CE2; font-size:9px; text-decoration:none; text-transform:uppercase; }
ul.suggestions li .description a:hover { text-decoration:underline; }
ul.suggestions li .actions { margin-top:3px; }
ul.suggestions li .actions a { margin-right:20px; }

ul.suggestions li.final .suggestion_content { width:720px; }
ul.suggestions li.final .description { width:auto; }

ul.suggestions.narrow { margin-bottom:25px; }
ul.suggestions.narrow h3 { border-bottom:none; font-size:14px; margin-top:-7px; padding-bottom:3px; }
ul.suggestions.narrow li .ballot_actions { float:right; border-left:#b5b5b5 1px solid; padding:15px 0 10px 10px; font-size:22px; }
ul.suggestions.narrow li .ballot_actions a { margin-right:15px; }
ul.suggestions.narrow li .ballot_actions a.maybe { margin-right:10px; }

/* PAGE SPECIFIC: FINAL EVENT OCCASION SUGGESTION --------------------------- */

ul.occasion.suggestions li.final .calendar_page { display:block; height:291px; width:294px; margin:0 auto; background-image:url("../images/event/calendar_background.jpg"); position:relative; }
div.content .calendar_page h2 { display:block; float:left; color:#FFF; font-size:20px; line-height:54px; margin-top:26px; width:294px; text-align:center; }
div.content .calendar_page .date { float:left; height:120px; width:95px; margin:2px 0 0 145px; text-align:center; color:#666; }
div.content .calendar_page .date .day_of_week { font-size:10px; font-weight:bold; letter-spacing:1px; line-height:15px; text-transform:uppercase; }
div.content .calendar_page .date .day { color:#000; font-size:95px; font-weight:bold; letter-spacing:-10px; line-height:75px; }
div.content .calendar_page .date .year { color:#999; font-size:12px; line-height:14px; position:absolute; top:100px; left:65px; }
div.content .calendar_page .date .time { font-size:12px; line-height:14px; }

/* PAGE SPECIFIC: EVENT SHOW ------------------------------------------------ */

div.event_content div.event_overview { background:url(../images/event/overview_background.jpg) 0 0 repeat-y; }
div.event_content div.event_description { float:left; width:432px; padding:10px 13px; color:#2b2b2b; }
div.event_content div.event_summary { float:right; width:382px; padding:27px 20px 0 0; }
div.event_content h4 { font-size:16px; }

div.event_description img { margin-bottom:30px; }
div.event_description h4 { font-size:12px; color:#bbb; margin-bottom:11px; padding-bottom:7px; border-bottom:#b5b5b5 1px solid; }
div.event_description p { font-size:13px; margin:0 0 15px 30px; line-height:16px; }

div.event_summary .category { margin-bottom:25px; }
div.event_summary h3 { font-size:32px; color:#7a7a7a; border-bottom:none; }
div.event_summary h4 { font-size:24px; color:#7a7a7a; }
div.event_summary h5 { font-size:15px; color:#7a7a7a; font-weight:normal; margin-bottom:2px; }
div.event_summary h6 { font-size:14px; color:#969696; line-height:16px; font-weight:normal; margin-bottom:15px; }

div.event_summary .box { border:1px solid #D6D6D6; padding:22px 20px 20px 27px; }
div.event_summary .box h3 { font-size:14px; color:#c7c7c7; border-bottom:#b5b5b5 1px solid; margin:25px 0 4px; padding-bottom:0; }
div.event_summary .box p { font-size:20px; color:#7a7a7a; margin-bottom:4px; }
div.event_summary .box a { margin-right:30px; }
div.event_summary .box .tally { color:#bebebe; font-size:14px; margin-top:2px; }

/* PAGE SPECIFIC: EVENT & ORBIT MEMBERSHIP ---------------------------------- */

table.membership { margin-bottom:35px; width:100%; }
table.membership tr th, table.membership tr td { border-bottom:#e0e0e0 1px solid; height:38px; vertical-align:middle; }
table.membership tr th { font-size:14px; color:#7a7a7a; font-weight:bold; }
table.membership tr th img { vertical-align:middle; margin-right:10px; }
table.membership tr td { white-space:nowrap; font-size:12px; }
table.membership tr td.action { font-size:10px; text-align:right; }
table.membership tr td.action span { margin-left:15px; }
table.membership tr td.action a { color:#ff9600; text-decoration:underline; margin-left:15px; }
table.membership tr td.action a:hover { text-decoration:none; }
table.membership tr td input.radio { margin-right:15px; }

table.membership tr td a.message { background:url(../images/event/reply_icon.gif) 0 0 no-repeat; padding-left:18px; }
table.membership tr td a.organizer { background:url(../images/event/organizer_icon.gif) 0 3px no-repeat; padding-left:15px; }
table.membership tr td a.delete { background:url(../images/event/delete_icon.gif) 0 3px no-repeat; padding-left:12px; }

table.membership.wide tr td { border-bottom:none; }
table.membership.wide tr td label { color:#0E93DC; font-size:14px; line-height:16px; font-weight:bold; }
table.membership.wide tr td textarea { padding:5px; width:790px; font-size:14px; }

/* SC:DEREK UNPROCESSED START */
table.membership tr td a.pending { background:url(../images/event/reply_icon.gif) 0 0 no-repeat; padding-left:18px; color: #0E93DC; }

.pending_member {
	padding-left:18px;
	color:#0E93DC;
	font-size:12px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:0 0;
}
.pending_member_tally {
	padding-left:18px;
	color:#999;
	font-size:10px;
	font-weight:normal;
	background-repeat:no-repeat;
	background-position:0 0;
}
/* SC:DEREK UNPROCESSED END */

/* PAGE SPECIFIC: ACCOUNT --------------------------------------------------- */

p.cancel_account { font-size:14px; line-height:25px; padding:10px 0; }
p.cancel_account a { float:right; }

/* MARKETING PAGE =========================================================== */

body.marketing { background:none; }
body.marketing #header { border-bottom:3px solid #FFF; }
body.marketing #header form { display:inline; float:right; margin:19px 10px 0 0; text-align:right; }
body.marketing #header form button { float:right; }
body.marketing #header form div.text_input { float:left; display:inline; background:url("../images/marketing/input_header_background.gif") no-repeat scroll left top; height:41px; width:203px; margin-top:4px; }
body.marketing #header form input { float:left; background:none; border:none; color:#868585; font-size:11px; font-weight:bold; margin:10px 0 0 15px; width:163px; }

body.marketing .splash { background:url("../images/marketing/splash_background.gif") repeat-x scroll left top transparent; }
body.marketing .splash .overlay { background:url("../images/marketing/splash_overlay.jpg") no-repeat scroll center top transparent; height:336px; }
body.marketing .wrapper { width:991px; padding:0; }

body.marketing .content { display:inline; float:left; margin:82px 0 0 67px; width:582px; }
body.marketing .content p { color:#F6E8D5; font-size:26px; font-weight:bold; letter-spacing:-1px; line-height:31px; }

body.marketing .sidebar { display:inline; float:right; margin:14px 22px 0 0; width:285px; padding:0; background:none; }
body.marketing .sidebar h2 { color:#FFF; font-size:12px; margin:14px 0 0; }
body.marketing .sidebar li { margin-top:7px; width:100%; }
body.marketing .sidebar li a { color:#FFF; display:block; font-size:14px; line-height:15px; padding:5px 0 5px 32px; border-top:1px solid #E9B33F; background-position:left 5px; background-repeat:no-repeat; }
body.marketing .sidebar li a.events { background-image:url("../images/marketing/events_icon.gif"); }
body.marketing .sidebar li a.trips { background-image:url("../images/marketing/trips_icon.gif"); }
body.marketing .sidebar li a.message { background-image:url("../images/marketing/message_icon.gif"); }
body.marketing .sidebar li a.deals { background-image:url("../images/marketing/deals_icon.gif"); }
body.marketing .sidebar li a.share { background-image:url("../images/marketing/share_icon.gif"); }
body.marketing .sidebar button { width:260px; margin:36px auto; }

body.marketing .info { background:url("../images/marketing/info_background.gif") repeat-y scroll left top transparent; margin-bottom:10px; }
body.marketing .info_top { background:url("../images/marketing/info_top.gif") no-repeat scroll left top transparent; }
body.marketing .info_bottom { background:url("../images/marketing/info_bottom.gif") no-repeat scroll left bottom transparent; padding:48px 0 65px; }
body.marketing .info_body { padding:0 20px; }

body.marketing .info_body .bottom_menu { background-image:url("../images/marketing/homepage_background.gif"); height:290px; margin-left:35px; width:885px; font-size:14px; }
body.marketing .info_body .bottom_menu a { font-size:10px; font-weight:bold; color: #0072C2; text-decoration:underline; text-transform:uppercase; }
body.marketing .info_body .bottom_menu h2 {	font-size:26px; line-height:30px; color: #0073C4; }
body.marketing .info_body .bottom_menu h3 { font-size:22px; line-height:26px; color: #666; }
body.marketing .info_body .bottom_menu h4 { font-size: 12px; line-height: 14px; color: #EB9E32; }
body.marketing .info_body .comingsoon_box { background-color:#EFEFEF; border:1px solid #CCC; width:260px; font-size:12px; font-weight:normal; line-height:18px; padding:15px; }
body.marketing .info_body .bottom_menu_middle p { font-size:12px; line-height:18px; }
body.marketing .info_body .bottom_menu_left { line-height:24px; color: #666; width:320px; float:left; display:block; clear:none; }
body.marketing .info_body .bottom_menu_middle { line-height:20px; color:#666; width:220px; float:left; display:block; clear:none; margin-left:50px; }
body.marketing .info_body .bottom_menu_right { font-size:14px; line-height:20px; color:#666; width:240px; float:left; display:block; clear:none; margin-left:50px; }
body.marketing .info_body .bottom_menu_right p { font-size:12px; line-height:18px; }

/* LEARN MORE PAGE ========================================================== */

.learn_more {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  clear: both;
  float: left;
  width: 850px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #CCC;
  border-bottom-color: #CCC;
  background-color: #FFF;
  padding-right: 25px;
  padding-left: 25px;
}

.learn_more h5 {
  font-size: 30px;
  line-height: 28px;
  color: #4E8FC1;
}

.learn_more_left {
  float: left;
  margin-right: 25px;
  background-color: #FFF;
}

.learn_more_right {
  float: right;
  margin-left: 25px;
}

.learn_more_main {
  font-size: 24px;
  line-height: 28px;
  color: #FFF;
  clear: both;
  float: left;
  width: 850px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #CCC;
  border-bottom-color: #CCC;
  background-color: #FE8A00;
  padding-right: 25px;
  padding-left: 25px;
}

/* FURTHER REFACTORING REQUIRED ============================================= */

/* SIDEBAR CALENDAR --------------------------------------------------------- */

div.calendar {
  background:url("../images/calendar/calendar-bg.gif") no-repeat left top;
  width: 247px;
}

div.calendar TABLE {
  width: 245px;
  margin: 0 1px;
}

div.calendar table td {
  text-align: center;
  vertical-align: middle;
  height: 27px;
  font-size: 12px; 
}

div.calendar TABLE TD A {
  display: block; 
  padding: 4px 0;
  color: #575757;
  font-weight: bold;
}

div.calendar TABLE TD.w-34 {width: 34px;}
div.calendar TABLE TD.w-36 {width: 36px;}
div.calendar TABLE .h-26 TD {height: 26px;}
div.calendar TABLE TD.inactive {color: #D6D6D6;}
div.calendar TABLE TD.current A {
  background: #49B0F9 url("../images/calendar/current-bg.gif") repeat-x left top;
  color: #FFF;
  border-right: 1px solid #2E8BDF;
  border-left: 1px solid #2A89DF;
  border-bottom: 1px solid #2B89E1;
  border-top: 1px solid #0D4891;
}

div.calendar TABLE TD A:HOVER {
  background: #49B0F9 url("../images/calendar/current-bg.gif") repeat-x left top;
  color: #FFF;
  border-right: 1px solid #2E8BDF;
  border-left: 1px solid #2A89DF;
  border-bottom: 1px solid #2B89E1;
  border-top: 1px solid #0D4891;
  text-decoration: none;
}

div.calendar TABLE TD.selected A {
  border-bottom: 1px solid #FF9C00;
  border-top: 2px solid #F7BE61;
}

div.calendar TABLE TD.selected.first A {border-left: 2px solid #F9BA57;}
div.calendar TABLE TD.selected.last A {border-right: 2px solid #FAAF39;}
div.calendar THEAD TD {
  color: #464544;
  font-weight: bold;
  padding: 7px 0 8px;
  height: auto;
}

div.calendar THEAD TD A {padding: 0;	width: 100%;}
div.calendar THEAD TD A:HOVER {
	border: none;
	background: none;
}

div.calendar THEAD .days TD {
  font-size: 10px;
  color: #464544;
  font-weight: bold;
  padding: 0 0 3px;
}

div.calendar .buttons A {
  float: left;
  width: 131px;
  background: url("../images/calendar/full-screen-bg.gif") no-repeat left bottom;
  text-align: center;
  font-size: 10px;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  position: relative;
}

div.calendar .buttons .align-right {
  float: right;
  margin-top: -24px;
  width: 130px;
  background: url("../images/calendar/event-list-bg.gif") no-repeat left bottom;
}

div.calendar .buttons A:HOVER {text-decoration: none;}
div.calendar .buttons .align-left-active {
  background: url("../images/calendar/full-screen-bg.gif") no-repeat left top;
  z-index: 2;
}

div.calendar .buttons .align-right-active {
  background: url("../images/calendar/event-list-bg.gif") no-repeat left top;
  z-index: 2;
}