/*
------------------------------
nclud'ed screen styles
Design & Dev by nclud
http://www.nclud.com
------------------------------
*/

@import url( 'create.css' );
@import url( 'marketplace.css' );
@import url( 'contacts.css' );

/*------ Yahoo! Reset CSS ------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

body {
    width: 100%;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #222;
    background: #002141;
}

#container {
    margin-top:-1.5px;
}

#subcontainer {
}

#contentcontainer {
    width: 100%;
    background: #002141 url( ../images/bg_contentcontainer.png ) repeat-x repeat-y 0 0;
    min-height: 10em;
}

.container {
    width: 94.0em;
    margin: 0 auto;
}

/*------ Header Styles ------*/
#header {
    width: 100%;
    background: #000 url( ../images/bg_header.png ) repeat-x 0 0;
    padding-top: 4.0em;
}

#header .container {
    position: relative;
    background: #0ba9e2 url( ../images/bg_tophat.png ) no-repeat right top;
}

#header .tophat {
    background: #0ba9e2 url( ../images/bg_tophat.png ) no-repeat 0 0;
    margin-right: 20px;
    padding: 1.2em 0 0 4.0em;
}

#header .tophat h2.brand a {
    display: block;
    width: 72px;
    height: 42px;
    background: transparent url( ../images/bg_logo_screen.png ) no-repeat 0 0;
    position: absolute;
    top: 0.5em;
    left: 2.0em;
}

#header .tophat h2.brand a img {
    display: none;
    visibility: hidden;
}

#header .tophat .uid {
    color: #6f6f6f;
    position: absolute;
    top: -2.356em;
    right: 0;
}

#header .tophat .uid li {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #aeaeae;
}

#header .tophat .uid li.login {
    padding-left: 0;
    border: 0;
}

#header .tophat .uid a {
    color: #aeaeae;
    display: inline;
}

#header .tophat .uid a:hover {
    text-decoration: none;
}

#header .tophat .search {
    position: absolute;
    top: 2.0em;
    right: 1.5em;
}

#header .tophat .search input.textfield {
    border: 0;
    background: #fff;
    padding: 5px 4px;
    font-size: 10px;
}

#header .navigation {
    margin: 1.0em 0 0 10.0em;
}

#header .navigation li {
    background: #0083b2 url( ../images/bg_nav.png ) repeat-x left top;
    margin: 0.6em 0.2em 0 0;
}

#header .navigation li div {
    background: #0083b2 url( ../images/bg_nav.png ) repeat-x right top;
    padding: 0.4em 1.1em 0.5em 0.1em;
    margin-left: 1.0em;
    color: #dfdfdf;
    font: 1.4em Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#header .navigation li a {
    background: #0083b2 url( ../images/bg_nav.png ) repeat-x right top;
    padding: 0.4em 1.1em 0.5em 0.1em;
    margin-left: 1.0em;
    color: #dfdfdf;
    font: 1.4em Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#header .navigation li.on {
    background: #fff url( ../images/bg_navOn.png ) repeat-x left top;
    margin: 0.2em 0.2em 0 0;
}

#header .navigation li.on a {
    background: #fff url( ../images/bg_navOn.png ) repeat-x right top;
    padding: 0.6em 1.1em 0.7em 0.1em;
    margin-left: 1.0em;
    color: #333;
}

#header .navigation li.on div {
    background: #fff url( ../images/bg_navOn.png ) repeat-x right top;
    padding: 0.6em 1.1em 0.7em 0.1em;
    margin-left: 1em;
    color: #333;
}

#header .navigation li.create {
    background: #0ba9e2 url( ../images/bg_navCreate.png ) repeat-x left top;
    margin: 1.1em 0 0 0.5em;
}

#header .navigation li.create a {
    background: #0ba9e2 url( ../images/bg_navCreate.png ) repeat-x right top;
    margin-left: 1.0em;
    color: #fff;
    font: 1.2em bold Verdana, Arial, Helvetica, sans-serif;
}

#header .navigation li.create a em {
    display: block;
    background: transparent url( ../images/icn_carrotWhite.png ) no-repeat right center;
    padding-right: 1.1em;
}

#contentcontainer .container {
    width: 89.0em;
    background: #fff;
    padding: 3.0em;
    padding-right: 2.0em;
    padding-top:1.0em;
    clear: both;
}

#contentcontainer a {
    text-decoration: none;
}

#contentcontainer a:hover {
    text-decoration: underline;
}

#contentcontainer a:hover.highlight {
    background-color: #fff1a9;
    text-decoration: none;
}

#contentcontainer .feed {
    display: block;
    background: transparent url( ../images/icn_feed.png ) no-repeat left center;
    padding-left: 16px;
    font: 1.2em bold Arial, Helvetica, sans-serif;
}

/*------ Content Styles ------*/
#content {
    float: left;
    width: 61.5em;
    background: #fff;
    color: #666;
}

#content .section_activities {
    position: relative;
}

#content .section_activities .filter {
    margin-left: 30px;
}

/*#content .section_activities .toggle {*/
/*position: absolute;*/
/*top: 2.4em;*/
/*right: 1.4em;*/
/*}*/

#content .section_activities .toggle .prev, #content .section_activities .toggle .next, #content .section_activities .toggle .calendar {
    float: left;
    display: block;
    margin-left: 0.6em;
    font: normal 1.0em Arial, Helvetica, sans-serif;
    color: #888;
}

#content .section_activities .activityList {
    width: 59.5em;
    padding: 1.0em;
    border-bottom: 1px solid #ddd;
}

#content .section_activities .activityList .activityPrimary {
    float: left;
    width: 34.0em;
}

#content .section_activities .activityList .activityPrimary .activityDate {
    float: left;
    display: block;
    width: 42px;
    height: 27px;
    margin-right: 1.0em;
    padding-top: 15px;
    background: transparent url( ../images/bg_calendarOrange.png ) 0 0;
    text-align: center;
    font: 9px bold "Lucida Grande", "Lucida Sans", Arial, Helvetica, Verdana;
}

#content .section_activities .activityList .activityPrimary .activityDate .day {
    font-size: 12px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
}

#content .section_activities .activityList .activityPrimary .activityTitle {
    font: 1.4em / 1.2em Helvetica, Arial, sans-serif;
    color: #666;
    margin-top: 0.4em;
}

#content .section_activities .activityList .activityPrimary  .activityTime {
    font-size: 0.9em;
}

#content .section_activities .host {
    background-color: #fff8f3;
}

#content .section_activities .host .activityPrimary .activityDate {
    background: transparent url( ../images/bg_calendarBlue.png ) 0 0;
}

#content .section_activities .activityList .activitySecondary {
    float: right;
    width: 25.0em;
    margin-top: 0.6em;
    font: 0.9em / 1.6em "Lucida Grande", "Lucida Sans", Verdana, Arial;
    text-align: right;
}

#content .section_activities .activityList .activitySecondary .activityHost {
}

#content .section_activities .activityList .activitySecondary .activityUpdated {
    background: transparent url( ../images/icn_new.png ) no-repeat left center;
    padding-left: 20px;
    float: right;
}

#content .section_activities .allactivities a {
    display: block;
    width: 110px;
    height: 20px;
    margin-top: 1.0em;
    background: transparent url( ../images/button/btn_allactivities.png ) no-repeat 0 0;
    float: right;
}

#content .no_activities {
}

#content .no_activities h1 {
    background: transparent url( ../images/icn_egg.png ) no-repeat 0 0;
    padding: 0 0 1px 24px;
}

#content .no_activities h4 {
    margin-left: 30px;
    color: #888;
}

#content .no_activities h5, #content .no_activities p {
    text-align: center;
    line-height: 1.4em;
    margin-top: 2.0em;
}

#content .no_activities h2 {
    width: 210px;
    margin: 0.6em auto 0 auto;
}

#content .no_activities h2 a.createActivity {
    background: transparent url( ../images/icn_plus.png ) no-repeat 0 0;
    padding: 2px 0 0 24px;
    display: block;
}

#content .no_activities 	.search {
    width: 45.0em;
    margin: 1.5em auto;
    border: 1px solid #ebebeb;
    background: #f7f7f7 url( ../images/bg_gradientGrey.png ) repeat-x left bottom;
    padding: 1.5em 1.5em 1.5em 4.0em;
}

#content .no_activities 	.search .textfield {
    border: 1px solid #9ca2a8;
    background: #fff url( ../images/bg_search.png ) repeat-x 0 0;
    width: 20.0em;
    font-size: 1.6em;
    margin-right: 4px;
    padding: 0.4em 0.4em 0.3em 2.0em;
    color: #888;
}

#content .twoColumn {
}

#content .twoColumn .subsection {
    width: 28.0em;
}

#content .threeColumn {
    border-bottom: 1px solid #ddd;
    width:100%
}

#content .threeColumn li {
    width: 18.8em;
    float: left;
}

#content .threeColumn .middle {
    margin: 0 1.2em;
}

#content .section_media {
    position: relative;
}

#content .section_media .filter {
    margin-bottom: 1.5em;
}

#content .section_media .toggle {
    position: absolute;
    top: 2.4em;
    right: 1.4em;
}

#content .section_media .toggle .prev, #content .section_media .toggle .next, #content .section_media .toggle strong {
    float: left;
    display: block;
    margin-left: 0.6em;
    font: normal 1.0em Arial, Helvetica, sans-serif;
    color: #888;
}

#content .section_media .mediaElement {
    width: 14.0em;
    position: relative;
    float: left;
    margin-right: 0.8em;
}

#content .section_media .last {
    margin-right: 0;
}

#content .section_media .mediaElement .mediaThumb {
    border: 1px solid #ddd;
    padding: 2px;
    margin-bottom: 2px;
    display: block;
    text-align: center;
    height:100px;
    line-height:100px;
}

#content .section_media .mediaElement .mediaThumbDescription {
    float: right;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 2px;
    display: inline;
}


#content .section_media .mediaElement .mediaTitle {
    margin-top: 1px;
    font: 1.2em bold Helvetica, Arial, sans-serif;
    font-weight: 800;
}

#content .section_media .mediaElement .mediaType {
    position: absolute;
    top: 0.8em;
    right: 0;
    padding: 3px 9px;
    background-color: #fff8d5;
    text-align: right;
    text-transform: uppercase;
    font: 10px bold Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 800;
    color: #222;
}

#content .mediaDescription {
    position: relative;
    top: 0;
    right: 0;
    padding: 0px 0px;
    text-align: left;
    font: 10px Helvetica, Arial, Helvetica, sans-serif;
    font-weight: 800;
    color: #222;
}

#content .section_peopleActivities {
}

#content .section_peopleActivities h5 {
    border-top: 1px solid #ddd;
    padding-top: 0.8em;
    margin-top: 1.0em;
}

#content .section_peopleActivities h5 em {
    background-color: #fff8d5;
    font-style: normal;
    font-weight: bold;
    color: #222;
}

#content .section_peopleActivities .userInformation {
    margin: 0.8em 0 0.2em 0;
    width: 100%;
}

#content .section_peopleActivities .userInformation .userAvatar {
    float: left;
    margin-right: 0.5em;
}

#content .section_peopleActivities .userInformation .activity {
    display: block;
    font: bold 1.1em Arial, Helvetica, sans-serif;
}

#content .section_activityComment {
}

#content .section_activityComment .userInformation {
    margin: 1px 0 5px 0;
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 1.4em;
}


#content .section_activityComment .uploadedMediaInformationSeparator {
    margin: 2px 0 2px 0;
    width: 100%;
    border-top: 1px solid #ddd;
}

#content .section_activityComment .leftCommentsInformationSeparator {
    margin: -3px 0 2px 0;
    width: 100%;
    border-top: 1px solid #ddd;
}

#content .section_activityComment .userInformation .userAvatar {
    float: left;
}

#content .section_activityComment .userInformation .userActivity {
    float: right;
    width: 24.5em;
}

#content .section_activityComment .userInformation .userActivity h3 {
    color: #666;
    font-size: 1.1em;
    margin-bottom: 0.5em;
}

#content .section_activityComment .userInformation p {
    margin-bottom: 1.0em;
    color: #222;
    line-height: 1.4em;
}

#content .section_activityComment .userInformation .mediaThumb {
    text-align:center;
    width: 13.4em;
    position: relative;
}

#content .section_activityComment .userInformation .mediaData {
    float: right;
    width: 13.0em;
}

#content .section_activityComment .userInformation .mediaSubmit {
    color: #999;
    font-size: 0.9em;
}

#content .section_activityComment .userInformation .mediaSubmit a {
    display: block;
    margin-top: 1.0em;
}

#content .section_activityComment .userInformation .reportAbuse {
    clear: both;
    position: relative;
    margin: 3px 0 2px;
    color: #333;
    float: right;
    min-width: 99px;
}

#content .section_activityComment .userInformation .reportAbuse a {
    color: #999;
    background-image: url( ../images/icn_alert.png ) !important;
    background-repeat: no-repeat !important;
    background-position: 75px 0px !important;
    background: transparent;
    padding-right: 24px;
}

#content .section_activityComment .userInformation .deleteComment {
    clear: both;
    position: relative;
    margin: 3px 0 2px;
    color: #333;
    min-width: 57px;
}

#content .section_activityComment .userInformation .deleteComment a {
    background-image: url( ../images/icn_delete.png ) !important;
    background-repeat: no-repeat !important;
    background-position: 39px 0px !important;
    background: transparent;
    padding-right: 22px;
    color: #999;
}

#content .section_activityComment .mediaElement {
    border: 0;
    padding-top: 0;
}

#content .section_activityComment .submitComment {
    padding-top: 3.0em;
    border-top: 1px solid #ddd;
}

#content .section_activityComment .submitComment textarea {
    margin: 0.2em 0 1.4em 0;
}

#content .section_suggestions {
}

#content .section_suggestions .activityList {
    width: 59.5em;
    margin-top: 1.0em;
    padding: 1.6em 0 1.0em 0;
    border-top: 1px solid #ddd;
}

#content .section_suggestions .activityList .activityPreview {
    float: left;
    display: block;
    margin-right: 1.0em;
}

#content .section_suggestions .activityList .activityPreview .thumb {
    border: 1px solid #ddd;
    padding: 1px;
    display: block;
}

#content .section_suggestions .activityList .activityPreview .attend {
    display: block;
    width: 50px;
    height: 17px;
    margin-top: 1px;
    background: #fff url( ../images/button/btn_attendLarge.png ) no-repeat 0 0;
}

#content .section_suggestions .activityList .activtySection {
    float: right;
    width: 53.5em;
}

#content .section_suggestions .activityList .activityPrimary {
    float: left;
    width: 31.0em;
}

#content .section_suggestions .activityList .activityPrimary .activityTitle {
    font: 1.4em / 1.2em Helvetica, Arial, sans-serif;
    color: #666;
}

#content .section_suggestions .activityList .activityPrimary  .activityTime {
    font-size: 0.9em;
}

#content .section_suggestions .host {
    background-color: #fff8f3;
}

#content .section_suggestions .host .activityPrimary .activityDate {
    background: transparent url( ../images/bg_calendarBlue.png ) 0 0;
}

#content .section_suggestions .activityList .activitySecondary {
    float: right;
    width: 22.0em;
    margin: 0 0 0 0;
    font: 0.9em / 1.6em "Lucida Grande", "Lucida Sans", Verdana, Arial;
    text-align: right;
}

#content .section_suggestions .activityList .activitySecondary .activityHost {
}

#content .section_suggestions .activityList .activitySecondary .activityUpdated {
    background: transparent url( ../images/icn_new.png ) no-repeat left center;
    padding-left: 20px;
    float: right;
}

#content .section_suggestions .activityList .activityDescription {
    clear: both;
    margin-top: 0.5em;
    padding-top: 0.5em;
    font-size: 1.1em;
    color: #222;
}

#content .section_feed {
}

#content .section_feed .activityTitle {
    display: block;
    font: bold 1.2em Arial, Helvetica, sans-serif;
}

#content .section_feed li {
    position: relative;
    margin-top: 1.0em;
    border-top: 1px solid #ddd;
    padding: 1.2em 1.6em 0 3.4em;
    background: transparent url( ../images/icn_actionDefault.png ) no-repeat 0 1.2em;
}

#content .section_feed .delete a {
    display: block;
    position: absolute;
    top: 1.0em;
    right: 1.0em;
    height: 10px;
    width: 11px;
    background: transparent url( ../images/icn_delete.png ) no-repeat 0 0;
}

#content .section_feed .actionAlert {
    background-image: url( ../images/icn_actionAlert.png )
}

#content .section_feed .actionAudio {
    background-image: url( ../images/icn_actionAudio.png )
}

#content .section_feed .actionComment {
    background-image: url( ../images/icn_actionComment.png )
}

#content .section_feed .actionDonation {
    background-image: url( ../images/icn_actionDonation.png )
}

#content .section_feed .actionGift {
    background-image: url( ../images/icn_actionGift.png )
}

#content .section_feed .actionOffer {
    background-image: url( ../images/icn_actionOffer.png )
}

#content .section_feed .actionPhoto {
    background-image: url( ../images/icn_actionPhoto.png )
}

#content .section_feed .actionPoll {
    background-image: url( ../images/icn_actionPoll.png )
}

#content .section_feed .actionVideo {
    background-image: url( ../images/icn_actionVideo.png )
}

#content .section_request .requestedActionSnippet{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
}

#content .section_request .requestedActionSnippet h5 {
    margin: 0.3em 0;
}

#content .section_request .requestedActionSnippet .status_open {
    color: #393;
}

#content .section_request .requestedActionSnippet .status_progress {
    color: #c93;
}

#content .section_request .requestedActionSnippet .status_complete {
    color: #666;
}

#content .section_request .requestSnipit {
    margin: 1.5em 0;
}

#content .section_request .requestSnipit h5 {
    margin: 0.3em 0;
}

#content .section_request .requestSnipit .status_open {
    color: #393;
}

#content .section_request .requestSnipit .status_progress {
    color: #c93;
}

#content .section_request .requestSnipit .status_complete {
    color: #666;
}

#content .btn_requestaction {
    width: 142px;
    height: 24px;
    display: block;
    background: transparent url( ../images/button/btn_requestaction.png ) no-repeat 0 0;
}

.activityRequestActionButton {
    margin-top: 5px;
    margin-bottom: 5px;
}

#content .btn_uploadmedia {
    width: 150px;
    height: 24px;
    display: block;
    background: transparent url( ../images/button/btn_uploadmedia.png ) no-repeat 0 0;
}

#content .btn_invitesomeone {
    width: 129px;
    height: 24px;
    display: block;
    background: transparent url( ../images/button/btn_invitesomeone.png ) no-repeat 0 0;
}

/*------ Nima Additional Styles ------*/
#content .btn_signup {
    width: 129px;
    height: 24px;
    display: block;
    background: transparent url( ../images/button/btn_signup.png ) no-repeat 0 0;
}

/*------ Nima Additional Styles ------*/
#content .filter li a {
    border-right: 1px solid #999;
    padding: 0 1.0em;
}

#content .filter li a.on {
    background: transparent url( ../images/icn_carrotOrange.png ) no-repeat center bottom;
    padding-bottom: 0.8em;
    color: #666;
}

#content .filter li a:hover.on {
    color: #666;
    text-decoration: none;
}

#content .filter li a.last {
    border: 0;
}

#content .toggle {
}

#content .toggle .prev {
    display: block;
    background: transparent url( ../images/icn_arrowLeft.png ) no-repeat 0 0;
    width: 7px;
    height: 12px;
}

#content .toggle .next {
    display: block;
    background: transparent url( ../images/icn_arrowRight.png ) no-repeat 0 0;
    width: 7px;
    height: 12px;
}

#content .toggle .calendar {
    display: block;
    background: transparent url( ../images/icn_calendar.png ) no-repeat 0 0;
    width: 14px;
    height: 14px;
}

/*------ Sidebar Styles ------*/
.longSidebarDiv {
    background-color: #dfe3e4;
    background: url("../img/abendago/styles/Minion-jpg/righttile_warm.jpg") !important;

}
#sidebar {
    float: right;
    width: 21.5em;
    padding: 2.0em 1.5em;
    background: #f7f7f7;
    border-left: 1px solid #ddd;
    color: #555;
}

#sidebar h4 {
    margin: 2.4em 0 0.4em 0;
}

#sidebar h4 em {
    font-style: normal;
    font-weight: normal;
}

#sidebar .userInformation {
}

#sidebar .userInformation .userAvatar {
    float: left;
    margin-right: 1.0em;
}

#sidebar .userInformation .userName {
    float: left;
}

#sidebar .userInformation .userName h4, #sidebar .userInformation .userName h6 {
    margin: 0;
}

#sidebar .userInformation .userPoints {
    float: right;
    margin-left: 1.0em;
    border: 1px solid #ffe14e;
    padding: 0.3em 0.6em;
    background: #fff2b2 url( ../images/bg_points.png ) repeat-x 0 0;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #807164;
}

#sidebar .userInformation .userPoints strong {
    display: block;
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #d95c01;
}

#sidebar #calendar {
    border: 1px solid #ececec;
    background-color: #fbfbfb;
    margin-top: 1.0em;
    text-align: center;
}

#sidebar #calendar .month {
    font: normal 1.8em / 2.0em Arial, Helvetica, sans-serif;
    color: #3c7398;
    text-align: center;
}

#sidebar #calendar .highlight {
    color: #ff6c00;
}

#sidebar #calendar tr {
    padding: 0 1.0em;
    margin: 0 1.0em;
}

#sidebar #calendar th {
    font: bold 1.0em Arial, Helvetica, sans-serif;
    color: #000;
    text-align: center;
}

#sidebar #calendar td {
    padding: 0.4em 0.8em;
}

#sidebar .activitySnipit, #sidebar .requestSnipit {
    font: normal 9px "Lucida Grande", "Lucida Sans", Verdana, Arial;
    margin-top: 0.8em;
    padding-bottom: 0.8em;
    border-bottom: 1px solid #ddd;
}

#sidebar .activitySnipit .activityTitle, #sidebar .requestSnipit .requestTitle {
    font: bold 1.2em Arial, Helvetica, sans-serif;
    margin: 0.2em 0;
    font-weight: bold;
}

#sidebar .feed {
    margin-top: 4.0em;
}

#sidebar .rsvp h4 {
    background: transparent url( ../images/bg_heading.png ) repeat-x 0 0;
    margin-top: 3.0em;
    padding-top: 1.2em;
    clear: both;
}

#sidebar .rsvp h4 a {
    display: block;
    text-decoration: none;
    color: #222;
}

#sidebar .rsvp h4 a.expand {
    background: transparent url( ../images/bg_carrotBlue.png ) no-repeat 0 2px;
    padding-left: 15px;
}

body.activity #sidebar .rsvp h4 a.collapse {
    background:transparent url(../img/abendago/orangeup.jpg) no-repeat scroll 0 5px;
    padding-left:15px;
}



#sidebar .rsvp .userInformation {
    margin-bottom: 0.6em;
}

#sidebar .rsvp .userInformation .userName h5 {
    font-weight: normal;
    margin-bottom: 0;
}

#sidebar .rsvp .userInformation .userName h5.you {
    background: transparent url( ../images/icn_checkmark.png ) no-repeat 0 3px;
    padding-left: 1.4em;
    background-color: #fff8d5;
}

#sidebar .rsvp .userInformation .userName h5.you span {
    background-color: #f7f7f7;
}

#sidebar .rsvp .userInformation .userName h6 {
    margin-top: 0;
}

#sidebar .rsvp .userInformation .userName .guest {
    color: #333;
    font-style: normal;
}

#sidebar .rsvp .viewall {
    border-top: none;
}

#sidebar .section_servicedirectory {
    width: 18.0em;
    margin: 5.0em auto 0;
    background-color: #fff;
}

#sidebar .section_servicedirectory h4 {
    padding-left: 0.7em;
}

#sidebar .section_servicedirectory ol li {
    margin-top: 2.4em;
    padding: 0 0.7em;
    line-height: 1.4em;
}

#sidebar .section_servicedirectory ol li a {
    display: block;
    margin-bottom: 0.4em;
}

#sidebar .section_servicedirectory .marketplace {
    margin-top: 2.0em;
    padding: 1.0em 0.7em;
    border-top: 3px solid #f7f7f7;
    line-height: 1.4em;
}

#sidebar .section_servicedirectory .marketplace h5 {
    background: #fff url( ../images/icn_marketplace.png ) no-repeat 0 -1px;
    margin-bottom: 0.6em;
    padding: 0.1em 0 0 2.0em;
}

/*------ Activity Specific Styles ------*/
body.activity {
}

body.activity #content .section_activities {
    position: relative;
}

body.activity #content .section_activities h1 {
    padding-right: 35px;
}

body.activity #content .section_activities h4 {
    font: 1.4em bold Arial, Helvetica, sans-serif;
    color: #888;
    margin-left: 30px;
}

body.activity #content .section_activities p {
    font: 1.4em bold Arial, Helvetica, sans-serif;
    color: #888;
    margin-left: 30px;
}

body.activity #content .section_activities .errorStyle {
    margin-left: 30px;
}

body.activity #content .section_activities .subsection {
    background-image: none;
    padding: 0;
    margin-top: 2.2em;
}

body.activity #content .section_activities .subsection .btn_invitesomeone {
    clear: both;
    margin-top: 0.4em;
    margin-right: 0;
    padding-right: 0;
}

body.activity #content .section_activities .subsection .activityDescription {
    color: #333;
    line-height: 1.4em;
}

body.activity #content .section_activities .subsection .activityWeather {
    margin: 1.4em 0;
}

body.activity #content .section_activities .subsection .activityWeather span {
    display: block;
    background: transparent url( ../images/icn_weatherSunny.png ) no-repeat 0 0;
    padding-left: 1.8em;
}

body.activity #content .section_activities .subsection .activityWeather span.cloudy {
    background: transparent url( ../images/icn_weatherCloudy.png ) no-repeat 0 0;
}

body.activity #content .section_activities .subsection .activityWeather span.clouds {
    background: transparent url( ../images/icn_weatherClouds.png ) no-repeat 0 0;
}

body.activity #content .section_activities .subsection .activityWeather span.lightning {
    background: transparent url( ../images/icn_weatherLightning.png ) no-repeat 0 0;
}

body.activity #content .section_activities .subsection .activityWeather span.rain {
    background: transparent url( ../images/icn_weatherRain.png ) no-repeat 0 0;
}

body.activity #content .section_activities .subsection .activityWeather span.sunny {
    background: transparent url( ../images/icn_weatherSunny.png ) no-repeat 0 0;
}

body.activity #content .section_activities .subsection h5 {
    font-size: 1.4em;
}

body.activity #content .section_activities .subsection p {
    font-size: 1.2em;
    line-height: 1.6em;
}

body.activity #content .section_activities .eventAction {
    position: absolute;
    top: 0;
    right: 0;
}

body.activity #sidebar h4 {
    margin-top: 0;
}

body.activity #sidebar .rsvp h4 {
    margin-top: 1.0em;
}

body.activity #sidebar .rsvp h4.rsvpView {
    margin-top: 0em;
    margin-bottom: 1.0em;
}

body.activity #sidebar .rsvp h4.rsvpViewHead {
    border:lightgray;
    border-width:1px;
    border-style:solid;
    padding:5px;
    margin-bottom: 0;
    height:20px;
}



/*------ Footer Styles ------*/
#footer {
    color: #94a3b1;
    padding: 2.0em 0;
    margin-bottom: 4.0em;
    clear: both;
}

#footer p.copyright {
    float: left;
    padding: 8px 0 8px 42px;
    background: transparent url( ../images/icn_birdDark.png ) no-repeat 0 0;
}

#footer p.copyright a {
    text-decoration: none;
}

#footer p.links {
    float: right;
}

#footer a {
    color: #94a3b1;
}

/*------ Generic Styles ------*/
.subsection {
    background: #fff url( ../images/bg_subsection.png ) repeat-x 0 0;
    padding: 1.2em 1.0em 1.0em 1.0em;
    margin-top: 4.0em;
    width: 59.5em;
}

.viewall {
    margin-top: 1.4em;
    padding-top: 0.4em;
    clear: both;
    width: 100%;
}

.viewall a {
    display: block;
    padding-right: 1.0em;
    background: transparent url( ../images/icn_carrotBlue.png ) no-repeat right center;
    float: right;
    font-size: 1.2em;
    font-weight: 700;
}

.requestedActionPaginatorLink {
    background:transparent url(../img/abendago/orangearrow_right.jpg) no-repeat right center;
    padding-right: 10px;
    font-size: 1.2em;
    font-weight: 700;
    color: #cc6600!important;
}

.highlight, a.highlight {
    background-color: #fff8d5;
    font-style: normal;
}

.pop {
}

.popBox {
    position: absolute;
    top: 2.0em;
    right: -2.8em;
    width: 21.0em;
    padding: 1.6em 2.0em 0.6em;
    background: #fff8d5 url( ../images/bg_popup.png ) repeat-x left bottom;
    border: 1px solid #e1d597;
}

.popBox h4 {
    margin-bottom: 0.4em;
}

.popBox textarea {
    margin-bottom: 0.6em;
}

.popBox .tab {
    display: block;
    position: absolute;
    width: 22px;
    height: 12px;
    top: -1.0em;
    right: 2.0em;
    background: transparent url( ../images/bg_popupTop.png ) no-repeat 0 0;
}

/*------ General HTML Styles ------*/
h1, h2, h3, h4, h5 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 800;
    color: #222;
}

h1 {
    font-size: 2.2em;
    padding-left: 0;
/*background: transparent url( ../images/icn_bird.png ) no-repeat 0 0;*/
}

h2 {
    font-size: 1.8em;
}

h2 small {
    font-size: 0.8em;
    font-weight: normal;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1.1em;
}

a {
    color: #00759c;
}

a:hover {
    color: #00506a;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

form {
}

form input {
}

form select {
}

form select option {
    margin: 3px;
}

form textarea {
    border: 1px solid #ccc;
    background: #fff url( ../images/bg_input.png ) repeat-x 0 0;
    padding: 0.4em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #666;
}

/*------ Global Classes (Things I Use All The Time) ------*/
.alt em {
    position: absolute;
    left: -5000px;
    top: -5000px;
}

.pos_left {
    float: left;
    margin-right: 0.5em;
}

.pos_right {
    float: right;
    margin-left: 0.5em;
}

.pos_center {
    float: none;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}

.list_horizontal li {
    display: block;
    float: left;
}

.list_horizontal li a {
    display: block;
}

/*.list_bull {
    margin: 1.0em 0;
}

.list_bull li {
    background: url( ../images/icn_bulletWhite.gif ) no-repeat 0px 2px;
    margin: 0.5em 0;
    padding-left: 1.2em;
}*/

.list_num {
    margin: 1.0em;
    padding-left: 1.0em;
}

.list_num li {
    list-style: decimal;
    margin: 0.5em 0;
    padding-left: 0.2em;
}

.clear {
    display: inline-block;
}

.clear:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

/*------ Nima Additional Styles ------*/
form input.textfield {
    border: 1px solid #ccc;
    background: #fff url( ../images/bg_input.png ) repeat-x 0 0;
    padding: 0.4em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #666;
}

form input.search {
    width: 440px;
    height: 16px;
    font-size: 14px;
}

span.matched {
    background-color: #FFF1A9;
}

/*------ Nima Additional Styles ------*/