@import "../../../_general/css/starter.css";
@import "../../../_general/css/menu.css";
@import "../../../_general/css/default.css";

html{ background-image: url(../images/layout/site_header_bg.png); background-color: #dfdfdf; }

a:link   { color: #3e1868; }
a:visited{ color: #3e1868; }
a:hover  { color: #3e1868; }

/*
== Menu Styles ==
*/

#nav{ background-image: url(../images/layout/nav.png); background-color: #f4e98e; border-color: #ab5da2; border-top: none; }
.menu{ border: none; }
.menu a:link,
.menu a:visited,
.menu a:hover{ color: #3e1868; }
.menu a span{ background-image: url(../images/icons/nav_arrow.png); }
.menu li:hover a,
.menu .adxmhover a{ background-image: url(../images/buttons/nav_button-over.png); }
.menu li:hover a span, .menu .adxmhover a span{ background-image: url(../images/buttons/nav_button-over.png); }
.menu li:hover ul li a:hover{ background: #A78DC3; }
.menu .upgrade a{ background-image: url(../images/buttons/nav_button.png); background-color: #3e1868; }
.menu li.upgrade:hover a:link,
.menu .upgrade a:link,
.menu .upgrade a:visited,
.menu .upgrade a:hover{ background-image: url(../images/buttons/nav_button.png); background-color: #3e1868; color: #fff; }
.menu li.upgrade a:hover,
.menu li.upgrade:hover a:hover,
.menu li.upgrade a:hover,
.menu .adxmhover.upgrade a:hover{ color: #f4e98e; }
.menu .upgrade a span,
.menu .upgrade:hover a span{ background-image: url(../images/buttons/nav_button.png); }
.menu li.msgs a{ background-image: url(../images/icons/nav_icon_msgs.png); }
.menu ul{ background-image: url(../images/layout/nav_sec_lvl_bg.png); background-repeat:repeat-x; background-color: #f4e98e; border-color: #DDCEED; }

.plainLink{ color: #3e1868 !important; }

.newsFeed .toggle a:link, .newsFeed .toggle a:visited, .newsFeed .toggle a:hover{ color: #3e1868; }

#header h1{ background-image: url(../images/layout/site_header.png); }

/*
== Profile Column ==
*/

/* When viewing someone else's profile */
#profile h2, #lander-1 #secondary h2{ background: #fff url(../images/layout/sidebar_heading.png) 0 0 no-repeat; color: #F4F5D1; }
#secondary2 h2{ background: #fff url(../images/layout/sidebar_heading.png) 0 0 no-repeat; color: #dfdfdf; }

#profile .onlineStatus{ background-image: url(../images/icons/member.png); }
#profile .memberRating{ background-color: #f9f9ec; background-image: url(../images/icons/rating.png); }
.onlineStatus strong{ color: #3e1868; }
.profileOptions a{ background-image: url(../images/buttons/profile_buttons.png); color: #fff4ae;}
.profileOptions a:hover{ color: #3e1868; }

.profileOptions .addToFaves a , .profileOptions .addToBB a, .profileOptions .remFromFaves a , .profileOptions .remFromBB a  {color: #fff4ae;}
.profileOptions .addToFaves a:hover , .profileOptions .addToBB a:hover, .profileOptions .remFromFaves a:hover, .profileOptions .remFromBB a:hover  {color: #3e1868;}


/* When viewing your own profile, controls are shown */
/*#profile*/ .quickLinks a{ background-image: url(../images/buttons/quicklinks.png); }

#profile .OKMsg{ color: #3e1868; }
.profileSummary dt.active{ background-color: #3e1868; background-image: url(../images/layout/brandcolor_gradient_01.png); color: #fff4ae; }

/*
== Main Column ==
*/

#infoBox h2{ color: #3e1868; }
.userInfo h2, .boxTitle h2{ background-image: url(../images/layout/box_heading_branded.png); background-color: #3e1868; color: #fff4ae; }
.userInfo h2 span, .boxTitle h2 span{ background-image: url(../images/layout/box_heading_branded.png); }
.noticeLink{ background-image: url(../images/icons/notice@23.png); }

.liveOnCam span a.sendMsg{ background-image: url(../images/buttons/webchat_icons.png); }
.liveOnCam span a.sendWChat{ background-image: url(../images/buttons/webchat_icons.png); }

.memberAbout.verified{ background-image: url(../images/buttons/verified_mil_badge_2.png); }

.memberInfo strong.isOnline{ background: #3e1868; color: #fff4ae; }
.memberInfo .plainLink strong{ color: #3e1868; }

.memberInfo .quickLinks a{ background-image: url(../images/buttons/quicklinks_memberinfo.png); }

button, .button{ color: #fff4ae; background: url(../images/buttons/standard_button.png) 0 0 no-repeat; } /* IE Chokes here */
button span, .button span{ background-color: #f5f6cb; background: #f5f6cb url(../images/buttons/standard_button.png) 100% 0 no-repeat; } /* IE Chokes here */

/*
== Home Page ==
*/

#hpHeader h2{ background-image: url(../images/layout/hp_label_default.png); }
/* Swap Heading Images in Respect to User's geoLocation */
#hpHeader .loc_RioDeJaneiro{ background-image: url(../images/layout/hp_label_riodejaneiro.png); }
#hpHeader .specialOffer{ background-image: url(../images/layout/signup_label_special_offer.png); width: 406px; }
#hpHeader .geo_title{ color: #fff4ae;}
#hpHeader li a:link, #hpHeader li a:visited, #hpHeader li a:hover{ color: #3e1868; }

#mainSignup{ background-image: url(../images/layout/hp_main.jpg); }

.signupIntro h3{ color: #fff4ae; }
#billing .teaserFeatures li{ background-image: url(../images/icons/bullet_ok.png); }
.signupIntro ul li.accented{ color: #fff4ae; }

.signupForm input.block,
#signup-step2 input{ border-top-color: #012905; border-left-color: #012905; border-right-color: #024008; border-bottom-color: #024008; } /* top and right are darker */

#lander-1 .milVerify .note{ color: #999; }

.signupForm button{ background-image: url(../images/buttons/hp_join.png); }

#secondary .freshProfiles h2 span.title, #secondary .CCInfo h2 span.title,
#secondary .freshProfiles h2 span.date, #secondary .CCInfo h2 span.date,
#secondary .login h2, #secondary .basicInfo h2, #secondary .planSelect h2,
#secondary .login h2 span, #secondary .basicInfo h2 span, .planSelect h2 span{ background-image: url(../images/layout/box_heading_branded.png); color: #fff4ae; }

.btnHolder button{ background-image: url(../images/buttons/hp_create_my_profile.png); }

/*Signup Step 2*/
#signup-step2{ background-image: url(../images/layout/signup_step2.jpg); }
#signup-step2 .userDetails{ background-image: url(../images/layout/signup_step2_bottom.png); }

.teaserFeatures li{ background-image: url(../images/icons/bullet_ok_2.png); }


/* Billing */
#billing{ background-image: url(../images/layout/billing_bg.png); }
#billing .welcome{ color: #fff4ae; }
.planSelect .btnHolder button{ background-image: url(../images/buttons/billing_start_meeting_people.png); }
#signup-step2 p.note, #signup-step2 p.fieldHint a{color:#777;}

/* Lander 1 */
#lander-1 #primary .btnHolder{ background: #F5F6D4; color: #AB60A4; }

/* Lander 2 */
#lander-2 #promoBox{ background-image: url(../images/layout/l2_main_bg.jpg); }
#lander-2 #promoBox .content{ background-image: url(../images/layout/l2_landingbox.jpg); }
#lander-2 #promoBox h2{ color: #999; }
#lander-2 .sneakPeak p{ color: #3e1866; }

/* Upload Video */
.uploadHelp h3.titleHowToRecord{ background-image: url(../images/layout/howto_title_howtorecord.png); }
.uploadHelp h3.titleWhatToSay{ background-image: url(../images/layout/howto_title_tipsonwhattosay.png); }

/* Bar Graph */
.barGraph span{ background-color: #000; }
#hpHeader .quickSignupTitle  span { color: #3e1868; }
.link_color { color: #3e1868 }