body  { background: #2d2d2d url("background.gif") no-repeat top center; }
#head { background: url("head.png") no-repeat bottom center; }

#nav-block .body a { background: url("nav-bullet.gif") no-repeat center left; }

#all-events-block       { }
#all-events-block .head { background: url("head-event-all-short.gif") no-repeat; height: 65px; }
#all-events-block .body { background: #ddd url("../common/body-line-v.gif") repeat-x; }
#all-events-block .foot { background: url("../common/foot-gray-500.png") no-repeat; height: 31px; }

#highlight-block { background: url("highlight.jpg") no-repeat; height: 246px; margin-top: 0; }

#ad-l-0 { }
#ad-l-1 { }
#ad-r-0 { margin-top: 0; }
#ad-m-0 { margin-top: 0; }




#mid-inner       { position: relative; width: 310px; }
#right-inner     { position: absolute; right: 0; width: 300px; }

#left      { float: left; width: 210px; }
#mid-right { float: left; width: 720px; margin-left: 10px; }
#mid       { float: left; width: 500px; }
#right     { float: left; width: 210px; margin-left: 10px; }
#lower-mid { clear: left; padding-top: 10px; }

#join-block    { margin-top: 0; }
#join-block a  { background: url("plus-circle.gif") no-repeat center left; padding-left: 20px; line-height:25px; cursor: pointer; }

#mid-detail       { position: relative; width: 494px; }
#right-detail     { position: absolute; right: 0; width: 216px; padding-right: 10px; }

#detail-block       { }
#detail-block .head { background: #e7e6e6; height: 20px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-weight: bold; padding: 4px 0 0 8px; }
#detail-block .body { margin-bottom: 10px; }

#sub-menu-bar                  { position: relative; height: 40px; background-repeat: no-repeat; background-position: top center; }
#sub-menu-bar ul               { position: absolute; left: 16px; bottom: 0; margin: 0; padding: 0; list-style: none; font-weight: bold; }
#sub-menu-bar li               { float: left; margin: 0 1px 0 0; padding: 0; }
#sub-menu-bar li a             { display: block; padding: 0 0 0 4px; text-decoration: none; color:#3B5998; }
#sub-menu-bar li a span        { display: block; padding: 6px 8px 4px 4px; }
#sub-menu-bar li a:hover       { background:#d8dfea none repeat scroll 0 0; text-decoration: none; }
#sub-menu-bar li a:hover span  {  }
#sub-menu-bar li.active a      { background:#3B5998 none repeat scroll 0 0; color:white; }
#sub-menu-bar li.active a span { background: transparent url("common/tab-ar.gif") no-repeat top right; }

.edit-block { background:#F7F7F7 none repeat scroll 0 0; border:1px solid #D7D7D7; }

#admin-block       { }
#admin-block .head { background: #e7e6e6 url("head-admin.gif") no-repeat; height: 36px; }
#admin-block .body { }

#info-block       { }
#info-block .head { background: #e7e6e6 url("head-basic-info.gif") no-repeat; height: 36px; }
#info-block .body { }

#description-block       { }
#description-block .head { background: #e7e6e6 url("head-detail.gif") no-repeat; height: 36px; }
#description-block .body { margin-top:10px; margin-bottom: 10px; }

#url-block       { }
#url-block .head { background: #e7e6e6; height: 20px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-weight: bold; padding: 4px 0 0 8px; }
#url-block .body { margin-top:10px; margin-bottom: 10px; }

#map-block       { }
#map-block .head { background: #e7e6e6 url("head-map.gif") no-repeat; height: 36px; }
#map-block .body { margin-top:10px; margin-bottom: 10px; }

#join-member-block       { }
#join-member-block .head { background: #e7e6e6 url("head-join-member.gif") no-repeat; height: 36px; }
#join-member-block .body { margin-top:10px; margin-bottom: 10px; }

#clip-block       { }
#clip-block .head { background: #e7e6e6 url("head-clip.gif") no-repeat; height: 36px; }
#clip-block .body { margin-top:10px; margin-bottom: 10px; }

#wall-block         { }
#wall-block .head   { background: #e7e6e6 url("head-the-wall.gif") no-repeat; height: 36px; }
#wall-block .body   { margin-top:10px; margin-bottom: 10px; }

/*
.before-list        { clear: both; position: relative; padding: 4px 0; border: 0; }
.after-list         { clear: both; position: relative; padding: 4px 0; border: 0; }
.before-list .pager { position: absolute; right: 0; bottom: 0; }
.after-list .pager  { position: absolute; right: 0; top: 0; }

.pager                      { }
.pager ul                   { float: left; margin: 0; padding: 0; list-style: none; }
.pager ul li                { float: left; margin: 0 0 0 2px; padding: 0; font-weight: bold; }
.pager ul li span           { display: inline-block; padding: 5px 7px; color: #555; }
.pager ul li .disabled      { border: 1px solid #ccc; padding: 3px 5px; color: #999; }
.pager ul li a              { display: inline-block; padding: 3px 5px; border: 1px solid #48c; color: #00f; text-decoration: none; }
.pager ul li a:hover        { background: #48c; color: #fff; }
.pager ul li a.active       { border: 1px solid #c33; color: #900; }
.pager ul li a.active:hover { background: #900; color: #fff; }
*/

.event-block .body                { float: left; padding: 5px 10px 0; }
.event-block .body .tabpage       { float: left; }
.event-block .body ul             { float: left; }
.event-block .body li             { float: left; padding: 10px 0 8px; background: url("../common/line.gif") repeat-x top; overflow: hidden; }
.event-block .body li.first-child { padding-top: 5px; background-image: none; }
.event-block .body li .icon       { float: left; margin-right: 5px; border: 1px solid #888; width: 92px; }
.event-block .body li .text       { float: left; color: #d80; width: 291px; overflow: hidden; }
.event-block .body li a           { color: #048; }
.event-block .foot                { clear: left; }

.share-this        { margin-top: 10px; font-weight: bold; }
.share-this .head  { background: url("head-join-event.png") no-repeat; height: 20px; }
.share-this .body  { background: #d098fa; text-align: center; }
.share-this a      { display: inline-block; width: 103px; height: 24px; background-repeat: no-repeat; background-position: center left; text-decoration: none; }
#share-facebook    { background-image: url("../../social/facebook-24.png"); margin-bottom: 10px; }
#share-twitter     { background-image: url("../../social/twitter-24.png"); margin-bottom: 10px; }
.share-this .foot  { background: url("foot-join-event.png") no-repeat; height: 20px; }

.dh_new_media_event       { background: transparent url('new_media_button.gif') no-repeat scroll left top; display: block; float: left; color: rgb(119, 119, 119); text-decoration: none; }
.dh_new_media_event .tr   { background: transparent url('new_media_button.gif') no-repeat scroll right top; }
.dh_new_media_event .bl   { background: transparent url('new_media_button.gif') no-repeat scroll left bottom; }
.dh_new_media_event .br   { background: transparent url('new_media_button.gif') no-repeat scroll right bottom; }
.dh_new_media_event span  { padding: 3px 9px 5px 13px; background: transparent url('new_media_button_plus.gif') no-repeat scroll left center; color: rgb(51, 51, 51); margin-left: 9px; font-size: 11px; font-weight: bold; display: block; text-shadow: 0px 1px 1px white; }
.dh_new_media_event:hover { text-decoration: underline; }
.dh_new_media_event:active, .dh_new_media:active .tr, .dh_new_media:active .bl, .dh_new_media:active .br { background-image: url('common/new_media_button_active.gif'); }
.dh_new_media_done, .dh_new_media_done .tr, .dh_new_media_done .bl, .dh_new_media_done .br { background-image: url('common/new_media_button_done.gif'); }

.comment-tee-block        { float: left; margin-top: 15px; }
.comment-tee-block h2     { color: #800; }
.comment-tee              { float: left; margin-top: 10px; border-bottom: 1px solid #ccc; }
.comment-tee .icon        { float: left; width: 65px; height: 65px; margin-right: 10px; }
.comment-tee .text        { float: left; width: 400px; }
.comment-tee .time        { font-size: 90%; color: #555; }
.comment-tee p            { margin: 5px 0; padding: 10px 0; }
.comment-tee textarea     { width: 100%; }
.comment-tee .delete-link { float: right; margin-right: 10px; }

.action-panel            { clear: both; padding: 10px 0 0; }
.action-panel h2         { }
.action-panel ul         { padding: 10px 10px; border: 1px dotted #999; background: #eee; font-weight: bold; }
.action-panel li         { margin: 2px; }
.action-panel li a       { display: inline-block; padding: 2px 0 2px 22px; background-repeat: no-repeat; background-position: center left; color: #009; text-decoration: none; }
.action-panel li a:hover { text-decoration: underline; }
.action-panel .negative  { color: #f00; }
.action-panel .add-action     { background-image: url("../../common/a-add.png"); }
.action-panel .back-action    { background-image: url("../../common/a-left.png"); }
.action-panel .comment-action { background-image: url("../../common/a-comment.png"); }
.action-panel .delete-action  { background-image: url("../../common/a-delete.png"); }
.action-panel .edit-action    { background-image: url("../../common/a-edit.png"); }
.action-panel .folder-action  { background-image: url("../../common/a-folder.png"); }
.action-panel .next-action    { background-image: url("../../common/a-right.png"); }
.action-panel .profile-action { background-image: url("../../common/a-profile.png"); }
.action-panel .reload-action  { background-image: url("../../common/a-refresh.png"); }
.action-panel .reset-action   { background-image: url("../../common/a-reset.png"); }
.action-panel .upload-action  { background-image: url("../../common/a-upload.png"); }
.action-panel .view-action    { background-image: url("../../common/a-view.png"); }

.editor { margin: 3px auto 7px; }
.editor_panel { padding: 10px 0px; background: rgb(247, 247, 247) none repeat scroll 0% 0%; }
.editor td { border: medium none ; margin: 0px; padding: 5px 1px 1px; }
.editor td.label { color: rgb(102, 102, 102); font-weight: bold; padding-right: 10px; }
.editor td.label small { color: rgb(153, 153, 153); }
.editor .suboption_group { border-top: 1px solid rgb(192, 192, 192); border-bottom: 1px solid rgb(192, 192, 192); margin-left: 20px; }
.editor .suboption_group td { padding: 0px; }
.editor tr.tallrow { vertical-align: top; }
.editor tr.tallrow td.label { padding-top: 7px; }
.editor tr.subrow { vertical-align: top; }
.editor tr.subrow td { margin-top: 0px; padding-top: 0px; }
.editor .buttons { padding: 10px 0px 0px; text-align: center; }
.editor .buttons_left { padding-left: 0px; text-align: left; }
.editor .buttons .inputsubmit, .editor .buttons .inputbutton { margin: 2px 4px; }
.editor .buttons_left .inputsubmit, .editor .buttons_left .inputbutton { margin-left: 0px; }
.editor label { color: black; font-weight: normal; width: 200px; }
.editor table.option_field td { margin: 0px; padding: 0px 2px 0px 0px; }
.editor .option_caption { color: rgb(119, 119, 119); font-weight: normal; padding-bottom: 2px; width: 260px; }
.editor .inputtext, .editor .inputpassword { margin-left: 0px; width: 300px; }
.editor textarea { margin-left: 0px; width: 540px; }
.editor select { margin-left: 0px; margin-right: 5px; }
.editor .checkbox_array { margin: 0px; padding: 5px 0px 0px; }
.editor .checkbox_array td { margin: 0px; padding: 0px; }
.editor .checkbox_array label { padding-right: 15px; }
.editor .relationship .inputtext { width: 200px; }
.editor .highschool input { margin-right: 5px; width: 235px; }
.editor .school input { margin-right: 5px; width: 235px; }
.editor .school .inputtext { width: 200px; }
.editor_panel .editor .school table.nopadding td { padding: 0px; }
.editor .school .school_typeahead { width: 210px; }
.editor .select xselect { width: 200px; }
.editor .two_level_select select { width: 145px; }
.editor .text_with_privacy input { margin-right: 5px; width: 105px; }
.editor .text_with_privacy select { margin-left: 5px; width: auto; }
.editor .text_with_privacy td { color: rgb(119, 119, 119); }
.editor .divider { border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(255, 255, 255); margin: 5px 0px; overflow: hidden; height: 0px; }
.editor .date_time span, .editor .inline_text { margin: 0px 4px 0px -2px; }
.editor .note { width: 300px; }
.editor .hiddenrow { display: none; }
.editor .calendar_popup { display: inline; }
.editor .calendar_at_time { padding: 0px 0px 0px 8px; }
.editor .calicon { padding: 0px 2px 1px 0px; }
.editor .calendars td { padding: 0px; }
.editor #start_calendar, .editor #end_calendar { border-left: 1px solid rgb(216, 223, 234); border-right: 1px solid rgb(216, 223, 234); border-bottom: 1px solid rgb(59, 89, 152); background-color: rgb(255, 255, 255); margin-left: 147px; margin-top: -3px; position: absolute; width: 168px; z-index: 100; }
.editor #box_separator { padding: 0px 3px; }