@charset "utf-8";
@import "http://sparklemembers.com/forums.css";
@import "http://sparklemembers.com/sparklestyle.css";

/** 
 * Toolbar Styles
 * 
 * Header, toolbar, footer, and other miscellaneous global styles.
 *
 * ` TEMPORARY Styles
 * ` Reset
 * ` Global Styles
 * ` Structure
 * ` Network Navigation
 * ` Toolbar Hotspots
 * ` Modules
 * ` Advertisements
 * ` Links
 * ` Buttons
 * ` Avatars
 * ` Media Thumbnails
 * ` Pagination
 * ` Error Pages
 * ` Message and Alert Boxes
 * ` YUI
 * ` Tags
 * ` Rating Tagging Sharing
 * ` Footer
 * 
 * @project [ex. sparklemembers.com]
 * @version 1
 * @lastmodified 2009-11-22 11:39 AM
 * @author ONEsite JJ
 *
 * @colordef #fff; white 
 * @colordef #808080; standard grey 
 */
 

/**
 * TEMPORARY Styles
 *
 * @section TEMPORARY Styles
 */


/**
 * Reset
 *
 * @section Reset
 */

h1, h2, h3 {font-family: helvetica, arial, sans-serif;}
h3 {position: static;}
   /* reset specific h3's to position relative */
   #gallery_content_comments_container h3,
   #video_content_comments_container h3 {position: relative;}
.module .container {border: 0 none;}
.casingSubtitle {display: none;}

#tum_avatar_container img {width: 50px !important;}

/**
 * Global Styles
 *
 * @section Global Styles
 */

body {
	font-size: 11px; 
	font-family: helvetica, arial, sans-serif;
	color: #666; 
background:#F6F6F6 url(/images/global/background.jpg) no-repeat center top !important;
}
#oneFoundation {}
#oneBackgroundLayer {}
#oneSiteContainer {width: 960px;}

#oneToolbarOverlord {width: auto; margin: 0;}
#tbContainer3,
#tbShell3 {width: auto; margin: 0; position: static;}

#onePageContainer {padding-top: 30px;}
#oneSubPageContainer {}

#oneFooterMenu {display: none;}


/**
 * Structure
 *
 * @section Structure
 */


/**
 * Network Navigation
 *
 * @section Network Navigation
 */
/*.menuItemTitle a {color: #000;float:left; padding: 0 10px 0 0 !important; clear: none;height: 23px;}
.menuItemTitle a span {font-weight: bold;display:block; padding: 0 0 0 10px !important; position:relative; display:block; height: 23px; line-height: 23px;white-space:nowrap;clear: none;}

.menuItemTitle a:hover {float:left; padding: 0 10px 0 0 !important; background: transparent url(http://images.onesite.com/sparklemembers.com/global/topNavEnd.gif) top right no-repeat !important;color: #000 !important;clear: none;height: 23px;}
.menuItemTitle a:hover span {font-weight: bold;display:block; padding: 0 0 0 10px !important; background: transparent url(http://images.onesite.com/sparklemembers.com/global/topNavLeft.gif) top left no-repeat !important; position:relative; display:block; height: 23px; line-height: 23px;white-space:nowrap;clear: none;}
ul.DynamicMenu, ul.DynamicMenu ul {margin-top: 8px}
.TopNavMenu {padding-left: 10px;}
ul.DynamicMenu .menuColumn {margin:0 36px 0 0;}
#itemID_5228 {margin-right: 0px !important;}/*

/**
 * Toolbar Hotspots
 *
 * @section Toolbar Hotspots
 */
#tum_top_links_td,
img.closing_form_img,
.toolbar_user_menu_table #tumOneGoButton,
img.closing_form_imgtop,
#tumSearchBox {display: none;}
#tum_top_lgout_form,
#tum_top_lgout_btns {background: transparent !important;}

#tum_avatar_container img {border: 1px solid #b7a758;}
#welcomeUser a,
#welcomeUser {color: #6ccbd5;font-weight: bold;font-family: helvetica;}
#welcomeUser a:hover {color: #fff;}
#welcomeUser {text-align: right;}
.userLinks a {margin-right: 5px;float:left;clear: none;display: inline-block;line-height: 28px;height: 28px;color: #fff;font-weight: bold;font-family: helvetica;}
.userLink-logout:hover,
.userLink-logout {width: 72px;text-align: center;}
.userLink-profile:hover,
.userLink-profile {width: 90px;text-align: center;}
.userLink-inbox,
.userLink-inbox:hover {width: 60px;text-align: center;}


.userLink-home:hover,
.userLink-home {width: 67px;text-align: center;} 
#home_user_home .userLink-profile,
#admin_index .userLink-home,
.userLinks a:hover {float:left; padding: 0 !important; background: transparent url(http://images.onesite.com/sparklemembers.com/global/topButton.gif) top right no-repeat !important;color: #000 !important;clear: none;}
#home_user_home .userLink-profile span,
#admin_index .userLink-home span,
.userLinks a:hover span {display:block; padding: 0 !important; background: transparent url(http://images.onesite.com/sparklemembers.com/global/topButtonEnd.gif) top left no-repeat !important; position:relative; display:block; white-space:nowrap;clear: none;} 

#oneCustomTopLoginBtns a:hover span,
#oneCustomTopLoginBtns a:hover {background: transparent !important;color: #fff !important;}
#tumLoginForm,
#oneCustomTopLoginBtns a {color: #0072d5;font-weight: bold;}
#oneCustomTopLoginBtns {float: right !important;clear: none;}
#tumLoginForm a:hover span,
#tumLoginForm a:hover {background: transparent !important;}
.loginCloseBtn:hover,
.loginCloseBtn {height: 20px !important;line-height: 20px !important;color: #6ccbd5 !important;}
#tumLoginForm {top: 0px;}
#tumLoginForm a {float: none;color: #6ccbd5;font-weight: bold;height: auto !important;line-height: 18px;}
#tumLoginForm a:hover {color: #fff !important;}
a.oneCustomLoginLink {float: right !important; clear: none;}

/**
 * Modules
 *
 * @section Modules
 */

.hideMe {display: none;} /* this class can be useful when applied as a custom module class to quickly hide modules on the page if needed */
.module ul.mainUl {background: #fff;}
.module {background:transparent url(http://images.onesite.com/sparklemembers.com/global/modTopRight.gif) no-repeat scroll top right;}
.module .container {background:transparent url(http://images.onesite.com/sparklemembers.com/global/modTopLeft.gif) no-repeat scroll top left;}
.module .modCapBottom {background:transparent url(http://images.onesite.com/sparklemembers.com/global/modBottomRight.gif) no-repeat scroll bottom right;height: 13px;}
.module .modCapBottom .modCorner-bl {background:transparent url(http://images.onesite.com/sparklemembers.com/global/modBottomLeft.gif) no-repeat scroll bottom left;height: 13px;}
.module .title_container {height: 56px !important;}
.module .title_container a,
.module .title_container h3 {color: #fff !important;line-height: 50px;padding: 0px !important;}
.module h3.title .title_span {margin-left:50px;font-size: 14px;font-family: helvetica;}
.module .modCapTop {display: none;}

/* Tabbed Module */
.mod_tabbed_mod_tem .container {background:transparent url(http://images.onesite.com/sparklemembers.com/global/tabTopLeft.gif) no-repeat scroll left top;}
.mod_tabbed_mod_tem {background:transparent url(http://images.onesite.com/sparklemembers.com/global/tabTopRight.gif) no-repeat scroll right top;}
.mod_tabbed_mod_tem ul.mainUl {background:#fff url(http://images.onesite.com/sparklemembers.com/global/tabTitleTopRight.gif) no-repeat scroll right top;padding: 0px !important;}
.mod_tabbed_mod_tem .tabbed_mods_wrapper {background:transparent url(http://images.onesite.com/sparklemembers.com/global/tabTitleTopLeft.gif) no-repeat scroll left top;padding: 0px !important;}
.mod_tabbed_mod_tem .tabbed_mods_wrapper ul.mainUl {background:transparent;}
.unselectedTab, .tabbed_mod_li .oneTab {min-width: 84px;color: #fff;text-transform: capitalize;font-size: 12px;}
.selectedTab, 
.tabbed_mod_li .oneTabSelected {background: transparent url(http://images.onesite.com/sparklemembers.com/global/tab.png) top right no-repeat !important;min-width: 84px;height: 26px;line-height: 20px;text-transform: capitalize;color: #000 !important;font-size: 12px;}
.tabbed_mod_li .oneTab {color:#6CCBD5;font-weight: bold}
.tabbed_mod_li .oneTab:hover {color: #fff;}

/** base module style (restricted to .col to prevent styling from hitting anything in the toolbar or footer) */
.col .module {}
.col .module .container {}
.col .module .title_container {}
.col .module h3.title {} /** set the height and line-height here to control the size of the title **/
.col .module h3.title a.title_span_link {text-decoration: none !important; cursor: pointer;}
.col .module h3.title span.title_span {}
.col .module ul.mainUl {overflow: hidden;}

/** override module styling in footer */
#custom-network-footer .module {margin: 0;}


/**
 * Advertisements
 *
 * @section Advertisements
 */


/**
 * Links
 *
 * @section Links
 */

a {text-decoration: none !important;color: #0072d5;}
a:visited {}
a:hover {text-decoration: none !important;color: #0072d5;}
a:active {}


/**
 * Buttons
 *
 * @section Buttons
 */

/** Fix Firefox's stupid 'extra' padding */
button::-moz-focus-inner {border: 0; padding: 0;}

.button-group button.default {color: #3D77CB;}
.button-group button {color: #3D77CB !important;}
.button-group button:hover,
.button-group button.hover {background-color: #E4E4E4; border-color: #E4E4E4;}

/** items for both button and span. Slightly overkill, but ensures all platform quirks are overwritten */

.button,
.button span,
.oneButtonGlobal,
.oneButtonGlobal span,
.aw_mm_btn,
.aw_mm_btn span,
.aw_mm_btn_dimmed,
.aw_mm_btn_dimmed span,
#status_update_button,
#status_updating_button,
.aw_ds_button,
.aw_ds_button span,
.Search-SearchButton,
.Search-SearchButton span {display:block; height: 28px !important; line-height: 28px !important; border: 0 none !important; color: #000 !important; font-size: 12px !important; font-weight: 700 !important; font-family: arial, helvetica, sans-serif !important; text-align: center !important; cursor: pointer !important;text-transform: uppercase;}


/** items specific to button class */

.Search-AdvancedSearchLink {width: auto; padding: 0 10px 0 0 !important; height: 28px;}
.Search-AdvancedSearchLink a { padding-left: 10px;line-height: 28px; display: block; color: #000; text-transform: uppercase; font-weight: bold;}
.Search-AdvancedSearchLink a:hover {}
.Search-AdvancedSearchLink:hover {}

#blog_wizard #add_post_buttons .button,
.button,
.oneButtonGlobal,
.aw_mm_btn, 
.aw_mm_btn_dimmed,
#status_update_button,
#status_updating_button,
.aw_ds_button,
.Search-SearchButton 
{float:left; width: auto; padding: 0 10px 0 0 !important; background: none !important; border: 1px solid #C8C8C8 !important; }

.ModeratorOptions_Cancel,
.ModeratorOptions_StepDown,
#formCancel,
#formSubmit,
.resetProfileSubmit,
.button-changePassword,
.forgotPasswordSubmit,
.Crop_HomePage,
#admin_blog_post #blog_preview_buttons .button,
.delete-profile,
#admin_edit_account .change-password,
#add_post_buttons .button {}

/** items specific to span */
#btnInviteSubmit .sliderSubmitText,
#btnConnectSubmit .sliderSubmitText,
#blog_wizard #add_post_buttons .button span,
.button span,
.oneButtonGlobal span,
.aw_mm_btn span,
.aw_mm_btn_dimmed span,
#status_update_button span,
#status_updating_button span,
.aw_ds_button span,
.Search-SearchButton span {display:block; padding: 0 0px 0 10px !important;  position:relative; display:block; white-space:nowrap;}
.sliderSubmitText {height: 28px;line-height: 28px;}



#formCancel span,
#formSubmit span {display: block; height: 28px; line-height: 28px; padding-left: 10px; color: #000 !important; text-transform: uppercase; font-weight: bold;}
#formCancel,
#formSubmit {border: 1px solid #C8C8C8 !important; background: none !important; height: 28px; padding-left: 0px; padding-right: 10px;margin-top: 20px;}

/** hover states */
#blog_wizard #add_post_buttons .button:hover,
.button:hover,
.oneButtonGlobal:hover,
.aw_mm_btn:hover,
.aw_mm_btn_dimmed:hover,
#status_update_button:hover,
#status_updating_button:hover,
.aw_ds_button:hover,
.Search-SearchButton:hover 
{color: #000 !important;  text-decoration: none !important; border: 1px solid #000000 !important;}

.ModeratorOptions_Cancel:hover,
.ModeratorOptions_StepDown:hover,
#formCancel:hover,
#formSubmit:hover,
.resetProfileSubmit:hover,
.button-changePassword:hover,
.forgotPasswordSubmit:hover,
.Crop_HomePage:hover,
#admin_blog_post #blog_preview_buttons .button:hover,
.delete-profile:hover,
#admin_edit_account .change-password:hover,
#add_post_buttons .button:hover {cursor: pointer; border: solid 1px #000000 !important;}



.ModeratorOptions_Cancel:hover span,
.ModeratorOptions_StepDown:hover span,
#formCancel:hover span,
#formSubmit:hover span,
.resetProfileSubmit:hover span,
.button-changePassword:hover span,
.forgotPasswordSubmit:hover span,
.Crop_HomePage:hover span,
#admin_blog_post #blog_preview_buttons .button:hover span,
.delete-profile:hover span,
#admin_edit_account .change-password:hover span,
#add_post_buttons .button:hover span {}

/** additional button styling */
button.button span {padding-top: 0;}
button.button-small-gray {padding-bottom: 0;}
#add_post_buttons {margin-top: 7px;}
.auth-error-back-link {width: 85px;}

.button-large-green,
.button-large-red,
.button-large-blue,
.button-large-gray,
.button-rounded-green,
.button-rounded-red,
.button-rounded-blue,
.button-rounded-gray,
.button-small-green,
.button-small-red,
.button-small-blue,
.button-small-gray,
.button-small-darkgray,
button.button {width: auto !important; margin-right:10px;}

/**
 * Avatars
 *
 * @section Avatars
 */

/** miniProfile (legacy) */
.oneMiniProfile {display: block !important; float: left; text-align: center;} /* added float and text-align to this so it can all be contained for avatars. was not floating in the group members module (mod_members) because it didn't have a.friend or .friend-mod-friend containing it like other modules do */
.oneMiniProfile br {display: none;} /* prevents gap between avatar and username */
.oneMiniProfile a.main {display: block; height: auto; overflow: hidden; margin: 0; padding: 0;}
.oneMiniProfile img {width: auto; height: auto; margin: 0; padding: 0; border:1px solid #B7A758;}

/** new miniProfile (default size) */
.miniProfileComponentContainer {}
.miniProfileComponent {margin: 0 0 3px; text-align: center;}
.miniProfileAvatar {}
.miniProfileAvatar a {display: block; overflow: hidden; margin: 0; padding: 0;}
.tp_last_poster_container img,
.fgmGroupAvatar img,
.miniProfileAvatar a img {border-width:1px; width: auto; height: auto; margin: 0; padding: 0;}
.miniProfileName {height: auto; line-height: 14px; margin: 0 auto; overflow: hidden;} /* set to display two lines, might need a width also to prevent long usernames from affecting the layout */

/** resizable avatars */ 
.profileCropped80, 
.profileSizeableAvatar {display: block; width: 50px; height: 39px; background-position: 50% 20% !important;}
.profileCropped80, .profileSizeableAvatar {background-repeat: no-repeat !important;}

/** username (legacy) */
#cc_profile_name {width: auto; margin-top: 5px; overflow: hidden !important;}
#cc_profile_name br {display: block;}


/**
 * Media Thumbnails
 *
 * @section Media Thumbnails
 */


/**
 * Pagination
 *
 * @section Pagination
 */
 

/**
 * Error Pages
 *
 * @section Error Pages
 */
.columnContentParent #form_reset_profile,
#help_change_password .columnContentParent div,
#fg_main_container,
#helpCenterEntries,
.alertPageError {color: #fff;font-size: 14px;line-height: 18px}
.alertPageError h2 {font-size: 16px !important;}

#help_change_password .columnContentParent img,
#help_change_password .columnContentParent hr,
#fg_main_container hr,
#fg_main_container img,
.alertPageError img {display: none;}

.columnContentParent #help_reset_profile a,
#help_change_password .columnContentParent a,
#fg_main_container a,
#helpCenterEntries a,
.alertPageError a {color:#6CCBD5;font-weight:bold;}

#help_reset_profile #form_instruction,
#helpCenterEntries a:hover,
.alertPageError a:hover {color: #fff;}

#fg_header_title {font-size: 14px;}

#help_change_password .columnContentParent .h2 a,
#help_home_link a,
#fg_main_container h2 {font-size: 18px;}
#help_home_link {margin-bottom: 10px;}

/* Help*/
#helpCenterEntries img {display: none;}

.instruction,
#faq_table,
.faq_header {background: transparent; color: #fff !important;}
.instruction a,
.faq_header a {color:#6CCBD5 !important;}
.cat_sub,
.cat_head {background: transparent; border: none;color:#6CCBD5 !important; font-weight: bold; font-size: 14px; font-family: helvetica;}
a.category:hover {background: #6CCBD5; color: #fff; font-weight: bold;font-size: 12px; font-family: helvetica;}
a.category {background: #B7A758; color: #fff; font-weight: bold;font-size: 12px; font-family: helvetica;}
#faq_table .title {color: #fff;line-height: 30px;margin-left: 5px}

.alertPageError .module ul.mainUl {background: transparent !important;}
.alertPageError .module form {margin-top: 56px;background: #fff; color: #000;padding: 10px;}
.alertPageError .module {width: 600px; margin: 10px auto;}

/**
 * Message and Alert Boxes
 *
 * @section Message and Alert Boxes
 */
.greyMsgBox,
.redMsgBox,
.blueMsgBox,
.greenMsgBox,
.yellowMsgBox,
.whiteMsgBox,
.blueWhiteMsgBox {margin: 5px 0; padding: 5px; font-weight: bold; text-align: center;}
.greyMsgBox      {color: #000; border: 1px solid #DDDDDD; background-color: #F4F4F4;}
.redMsgBox       {color: #000; border: 1px solid #FF7070; background-color: #FFE0E0;}
.blueMsgBox      {color: #000; border: 1px solid #7070FF; background-color: #E0E0FF;}
.greenMsgBox     {color: #000; border: 1px solid #70FF70; background-color: #E0FFE0;}
.yellowMsgBox    {color: #000; border: 1px solid #FFE500; background-color: #FFF7AF;}
.whiteMsgBox     {color: #000; border: 1px solid #000000; background-color: #FFFFFF;}
.blueWhiteMsgBox {color: #FFF; border: 1px solid #2378B1; background-color: #2577B1;}

#signup_confirm #tb_hotspot_187909,
#signup_confirm #oneCustomTopLoginBtns,
#signup_confirm #tb_hotspot_189498, 
#signup_confirm #oneHeaderContents, 
#signup_confirm #tem57431-col1 {display: none;}
#signup_confirm #one_controller_container {background: #ffffff; padding: 10px; text-align: center;}
#signup_confirm .modCapBottomContent {background: #ffffff;}
#signup_confirm #signuplink {display: none;}
#signup_confirm .monlogintable {width: 150px; margin: 0 auto}
#signup_confirm #loginlink .button {position: relative; left: 60px}
#signup_confirm #login_forgot_password br {display: none;}

/** New layout system alerts */
.alertPageNotice {margin: 5px 0; padding: 5px; font-weight: bold; text-align: center; color: #000; border: 1px solid #FFE500; background-color: #ffc;}

/**
 * YUI
 *
 * @section YUI
 */


/**
 * Tags
 *
 * @section Tags
 */


/**
 * Rating, Flagging, & Sharing
 *
 * @section Rating Flagging Sharing
 */
.colParent3 .displayAdCode {margin-left: 3px !important;}

/**
 * Footer
 *
 * @section Footer
 */
#custom-network-footer .mod_custom_html ul.mainUl,
#custom-network-footer .mod_custom_html,
#custom-network-footer .mod_custom_html .container {background: transparent !important;}

#custom-network-footer .mod_custom_html .modCap {display: none;}
#custom-network-footer .mod_custom_html .sparkSponsors ul li {float: left !important;clear: none !important;margin-right: 20px}
#custom-network-footer .mod_custom_html {padding: 20px 0;float: none;}
.sparkSponsors h3 {font-size: 14px !important;color: #fff;text-indent: 10px;}
#custom-network-footer .mod_custom_html .sparkSponsors ul {padding-left: 5px;}
.sparkSponsors .contact {float: right;clear: both;}
.sparkSponsors .personal {float: right;clear: none;}
.sparkSponsors p {float: right;clear: both;color: #fff !important;font-size: 11px;margin-top: 2px;}
.sparkSponsors .personal li {margin-right: 5px !important;}
.sparkSponsors .contact li {margin-right: 5px !important;}
.sparkSponsors .contact li a {color: #fff !important;font-size: 12px;}


/** End Toolbar Styles */