/*****
 *	MutualReach.com Custom Styles
 *	Including Overrides for Default Bootstrap Behavior
 *
 **/
body {
	padding-top: 51px; /* push content below fixed navigation */
    padding-bottom: 0px;
}

/** Page Layout Elements **/
.site-left-column {
    padding: 10px 20px 90px 5px;
}

.leftcolumn {
       
}
.leftcolumn-avatar {
    width: 100%;
    border-radius: 5px;
}

.site-content-area {
    padding-bottom: 90px;   /* the content area column, force a push above fixed footer */
}

.col-no-padding {
   padding: 0 !important;
   margin: 0 !important;
}

/** Classic Column Styles **/
.classic-left-column {
    margin-top: 10px;
}
.classic-left-column-logo {
    width: 100%;
    height: inherit;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.classic-left-column-name {
    font-weight: bold;
    font-size: 1.7em;
    text-align: center;
}
.classic-left-column-status {
    font-weight: bold;
    font-size: 0.95em;
    text-align: center;
}
.classic-left-column-separator {
    margin: 3px 0px 3px 0px;
}
.classic-left-column-input {
    border: 1px solid #A5AFC3;
    width: 100%;
    color: #555171;
    outline: none;
    padding: 3px 5px;
}
.classic-left-column-alternate-photo-row {
    clear: both;
    overflow: hidden;
    padding: 3px 0px 3px 0px;
    text-align: center;
}

.classic-left-column-altphoto-images {
    float: left;
    width: 38px;
    height: 38px;
    margin: 2px;
}
.classic-left-column-buttons, .classic-left-column-buttons-twocol {
    background-color: #555171;
    color: #fff;
    font-weight: bold;
    font-size: 1.05em;
    display: inline-block;
    width: 100%;
    padding: 5px 0px 5px 10px;
    text-decoration: none;
}
.classic-left-column-buttons:hover, .classic-left-column-buttons-twocol:hover {
    background-color: #A5AFC3;
    color: #555171;
    text-decoration: none;
}

.classic-left-column-buttons-twocol {
    width: 50%;
}

.classic-left-column-social-icons {
    width: 40px;
    height: 40px;
}


.classic-right-column {
    margin-top: 10px;
}


/** Page Formatting Elements **/
h1,h2,h3 {
    color: #680644;
    text-transform: capitalize;
    font-weight: bold;
}

h1 {
    font-size: 30px;
}
    
h2 {
    font-size: 28px;
}

h3 {
    font-size: 20px;
}

.carousel h1, .carousel h2, .carousel h3 {
    color: #fff;
    font-weight: normal;
    
}

.container-fluid {
    padding: 0px; /* Fix */
}

.row {
    margin: 0; /* Spacing Fix */
}
.row-padding {
	padding: 5px 0px 5px 0px;
}

.top-ad-slot-mobile, .top-ad-slot-desktop {
    padding: 5px 0px 5px 0px;
}


/** Top Navigation **/
.topnav-user-login-menu {
	display: inline-block;
	height: 50px;
}
.top-nav-controller {
	display: inline-block;
}
.top-nav-logged-in {
	border-radius: 50%;
	width: 24px;
	height: 24px;
	border: 1px solid #fff;
	float: left;
}
.top-nav-username {
	display: inline-block;
	margin-left: 10px;
}
.top-nav-indicator-icon {
	display: inline-block;
	float: right;
}

.branding-link {
	color:#fff !important;
	text-decoration:none !important;
}

.nav {
	padding: 0px 5px 0px 5px;
	border: 0px;
}
.navbar-default {
	box-shadow: none;
	background-image: none;
	border-color: transparent;
	background-color: #6572a0;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;	
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	background-color: #6b92db;
	color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-image: none;
    background-color: #899cc1;
    color: #fff;
    background-repeat: no-repeat;
    box-shadow: none;
}
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a:hover {
	background-color: #899cc1;
	color: #fff;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
    color: #fff;
    cursor: default;
}

.navbar-default .navbar-toggle .icon-bar {
    color: #fff;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #899cc1;
}

@media only screen and (max-width: 767px) {
	.dropdown-menu > li > a {
		background-color: #899CC1;
		color: #fff !important;
	}
	.dropdown-menu > li > a:hover {
		background-color: #899CC1;
		color: #fff !important;
		text-decoration: underline !important;
	}
}

.main-menu-toggle {
	padding-bottom: 0px;
}

.nav-badge-floated {
	float: right;
}

.nav-site-logo {
	padding: 5px;
}

/** Badge **/
.badge {
	background-color: #ff0000;
}
/** Buttons **/
.btn-default {
	background-image: none;
	background-color: #1e386e;
	color: #fff;
	background-repeat: no-repeat;
	border-color: #ccc;
}
.btn-default:hover {
	background-color: #7abaeb;
	color: #1e386e;
}
.btn-100-width {
    width: 100%;
}

/** Hero Carousel **/
.carousel-inner .item img {
	width: 100%;
}

/** Start HomePage / Splash Page Elements **/
.splash-welcome {
    border: 1px solid #e5e5e5;
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
}
.splash-page-headline {
    font-size: 22px;
    padding-bottom: 15px;
}
.subheadline-icon {
    font-size: 29px;
}

.splash-page-headline-sub {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.8em;
}

@media only screen and (min-width: 768px and max-width: 991px) {
   .splash-page-headline-sub {
        font-size: 18px;
        line-height: 1.4em;
    }
    .subheadline-icon {
        font-size: 23px;
        text-align: center;
    }   
}
@media only screen and (max-width: 767px) {
    .subheadline-icon {
        text-align: center;
        font-size: 38px;
    }
    .splash-page-headline-sub {
        line-height: 1.4em;
        text-align: center;
    }
}
/** End HomePage / Splash Page Elements **/

/** News Feed Styles **/
.newsfeed-container {
	border-bottom: 1px dotted #e5e5e5;
	padding: 10px 0px;
}
.newsfeed-container:hover {
	background-color: #f2deff;
}
.newsfeed-container:nth-child(odd) {
	background-color: #e5e5e5;
}
.newsfeed-owner {
	display: block;
}
.newsfeed-content {
	display: block;
	font-size: 1.1em;
	font-weight: 400;
}
.newsfeed-posted-date {
	display: block;
	font-size: 0.75em;
}

/** End News Feed Styles **/


/** View Profile **/
.profile-status-update {
	font-size: 1.9em;
	font-weight: 300;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	display: inline-block;
	padding: 5px;
	box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.2);
	background-color: #eee3fb;
	margin-bottom: 10px;
}

.viewprofile-user-page {
    padding: 10px 0px 10px 0px;
}
.viewprofile-avatar {
	width: 100%;
    height: 240px;
	border: 1px solid #333;
	overflow: hidden;
}
.viewprofile-alternates {
    padding: 0px;
    margin: 5px;
    width: 80px;
    height: 80px;
    border: 1px solid transparent;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.viewprofile-verified {
    color: green;
    font-weight: bold;
    font-style: italic;
}
.viewprofile-name {
    font-size: 18px;
    padding: 5px 0px 5px 0px;
    font-weight: bold;
}
.viewprofile-memberstatus {
    font-size: 14px;
    padding: 5px 0px 0px 0px;
    font-weight: bold;
}
.viewprofile-calculatedage {
    font-size: 15px;
    padding: 5px 0px 0px 0px;
    font-weight: bold;
}
.viewprofile-vertical-spacer {
    padding-top: 20px;
}
.viewprofile-vertical-line {
    display: block;
    width: 1px;
    background-color: #ccc;
    min-height: 180px;
    height: 280px;
    margin: 0 auto;
}
.viewprofile-leftcolumn {
    padding-bottom: 50px;

}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #FFF;
    background-color: #6572a0;
}

/** Footer **/
.footer { 
    background-color: #6572a0;
    color: #fff; 
    padding: 5px; 
    text-align: center;
    letter-spacing: -1px;
    font-size: 15px;

}
.footer a {
    color: #fff;
    font-weight: bold;
}
.footer-container {
    margin-top: 25px;
    bottom: 0;
    width: 100%;
}

/* Mini Explore Widget and Tooltip Styles */
.mini-explore {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
}
.mutualreach-tooltip-templates { 
    display: none; 
}
.MR_tooltip_container {
    height: 70px; 
    width: 210px; 
    display: inline-block;
}
.mini-explore-photo { 
    width: 60px; 
    height: 60px; 
}


/* Online Dating */
.browse-cities {
	width: 100%;
	height: 140px;
}

/* Wall Post Widget Styles */
.wall-post-entry { padding: 5px; }
.wall-post-avatar { width: 80px; height: 80px; margin: 0px; padding: 0px; overflow: hidden; border-radius: 50%; border: 1px solid transparent; }
.registration-avatar-preview { width: 48px; height: 48px; }
.avatarholder { float: left; width: 55px; text-align: center; margin: 0px 3px; padding: 3px 0px 0px 0px; }
.profile-custom-avatars-primary { background-color: #465277; color: #fff; }
.profile-custom-avatars-alternate { background-color: #6572A0; color: #fff; }
	
/* Wall Post Paginator Styles */
#wpst- { display: none; }
.wall-post-paginator { padding: 5px; font-weight: bold; background-color: transparent; }
.wall-post-paginator:hover { background-color: #A196BA; color: #fff; }
.wall-post-paginator.active { background-color: #A196BA; color: #fff; }
.wall-post-paginator-container { width: 100%; padding: 3px; text-align: center; }

/* Explore Page Styles */

.MR_explore_tooltip_container {
    width: auto;
    height: auto;
    display: inline-block;
    text-align: center;
}
.MR-explore-photo {
    width: 120px;
    height: 120px;
    margin: 0px 5px 5px 0px;
}

.explore-community {
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	overflow: hidden;
}
.exploreavatarcontainer { 
	width: 100%;
	/*padding: 0px 2px 0px 0px;*/
}
.exploreavatartype { 
    position: absolute;
    width: 16px; 
    height: 16px;
    margin-left: 0px;
    margin-top: 3px; 
}
.exploreavatarmemberstatus {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	padding-right: 5px;
}
.exploreavatarusername { 
    margin-top: -33px;
	width: 100%;
    font-size: 1.2em;
    font-weight: 300;
    cursor: default;
    padding: 5px 0px 5px 5px;
    overflow:hidden;
    background-color: #AD57AF;
    color: #fff; 
   	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

.explore_page_avatar { 
    width:100%;
    height:250px;
    object-fit: fill; /*fill, contain, cover, none, scale-down */
    background-position: center top;
    overflow: hidden;
}

.explore_page_avatar:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}


/* Modern UI Layout Styles */
.modern-ui-layout {
	background-color: #36436d;
	color: #fff;
}
.modern-ui-layout a {
	color: #fff;
}
.modern-ui-layout h1.welcomeheader {
	color: #f29fd9;
}
.modern-ui-layout h1, .modern-ui-layout h2, .modern-ui-layout h3 {
	color: #f29fd9;
}
.modern-ui-avatar {
	padding: 10px 0px 10px 0px;
}

.modern-ui-avatar img {
	width: 190px;
	height: 190px;
	overflow:hidden;
	border-radius: 150px;
}
.modern-ui-layout .modal-title,
.modern-ui-layout .modal-body {
	color: #000 !important;
}
.modern-ui-layout .modal-body a {
	color: #22514a;
	text-decoration: underline;
}

/***
 *  MutualReach.com Default Global Styles for Desktop Site
 **/
 /*

    
    
    /* Always on Top "Charms" Bar */
    .topToolLogo {
    	float: left;
	    height: 70px;
	    z-index: 11;
	    background-color: #E059D2;
	    margin-left: 30px;
	    width: 140px;
	    text-align: center;
	    border-radius: 0px 0px 10px 10px;
	    border-bottom: 1px solid #333;
	    border-shadow: 0px 0px 15px 15px #333;
    }
    .topToolLogo .fixedLogo {
	    width: 130px;
	    height: 70px;
    }
    .topToolSearch {
    	float: left;
    	height: 26px;
    	width: 525px;
    	padding-top: 3px;
        padding-right: 15px;
    	text-align: right;
    	overflow: hidden;
    }
    .topToolSearch a {
	    color: #fff;
	    text-decoration: none;
    }
    .topToolSearch label {
        padding: 0px 1px 0px 1px;
    }
    .topToolFullSearchBar {
        display: none;
    }
    .topToolSearchText {
	    font-size: 11px;
	    width: 150px;
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
        border-radius: 3px;
        outline: none;
        padding: 3px;
        margin-left: 10px;
    }
    .topToolSearchSelect {
	    font-size: 11px;
	    width: 150px;
        background-color: #202A83;
        border: 1px solid #fff;
        color: #fff;
        border-radius: 3px;
        outline: none;
        padding: 3px;
        margin-left: 10px;
    }
    .topToolSearchBtn {
	    font-size: 11px;
	    border-radius: 5px;
	    padding: 3px 15px 3px 15px;
	    color: #fff;
        width: 80px;
	    background-color: #000;
	    border: 0px;
	    font-weight: bold;
    }
    .topToolMemberOptions {
    	float: left;
    	height: 30px;
    	width: 255px;
    	text-align: right;
        padding-right: 5px;
    	padding-top: 8px;
    	overflow: hidden;
    }
    .topToolbar {
	    position: fixed;
	    background-color: #202A83;
	    color: #fff;
	    height: 30px;
	    font-size: 13px;
	    z-index: 10;
	    width: 100%;
	    border-bottom: 1px solid #333;
	    box-shadow: 0px 0px 15px 0px #333;
    }
    .topToolbar a {
	    color: #aadcf6;
    }
    .topToolbar a.charmsmenu {
	    color: #fff;
	    text-decoration: none;
    }
    .topToolSearchField {
        display: none;
    }
    .notification-indicator {
	    background-color: red;
	    color: #fff;
	    padding: 3px;
	    font-weight: bold;
	    width: auto;
    }
    /* Top Navigation Charms Bar */
    .topNavCharmsBar {
        position: fixed;
        background-color: #40305F;
        color: #fff;
        height: 32px;
        width: 800px;
        z-index: 9;
        margin-top: 30px;
        margin-left: 170px;
        border-bottom: 1px solid #333;
	    box-shadow: 0px 0px 15px 0px #333;
    }
    .topNavCharmsBar ul {
        margin-top: 0px;
        height: 25px;
    }
    .topNavCharmsBar li {
        list-style: none;
        float: left;
    }
    .topNavCharmsBar a {
        display: block;
        font-size: 16px;
        font-weight: 100;
        padding: 6px 15px 7px 15px;
        color: #fff;
        text-decoration: none;
    }
    .topNavCharmsBar a:hover {
	    background-color: #E059D2;
	    text-decoration: none;
    }


    /* Top Leaderboard Image */
    .sitename { 
        /* background-image: url('/images/mutualreach-mainlogo-jun2013.jpg'); */
        background-repeat: no-repeat; 
        width: 970px; 
        /*height: 330px; */
        height: 55px;
        background-color: transparent; 
    }
    
    /* Charms Menu Dropdown */
    .charm-dropdown-menu {
		position: fixed;
	    background-color: #202A83;
	    border-bottom-left-radius: 10px; 
		border-bottom-right-radius: 10px;
		-webkit-box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.85);
		-moz-box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.85);
		box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.85);
        padding: 15px 10px 15px 10px;
		margin-top: 4px;
    }
    .charm-dropdown-menu a {
	    background-color: transparent !important;
	    font-size: 13px;
	    color: #fff !important;
	    font-weight: normal !important;
    }
    .charm-dropdown-menu a:hover {
	    text-decoration: underline !important;
    }
    .charm-dropdown-menu li {
        list-style: none;
        text-align: left;
        margin-left: -40px;
    }
	/* Dropdown Menu Login Form */
	.login-dropdown-menu {
		position: fixed;
		background-color: #40305F; 
		color: #fff;
		border-bottom-left-radius: 10px; 
		border-bottom-right-radius: 10px;
		padding: 0px 10px 15px 10px;
		margin-top: 0px;
		-webkit-box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.85);
		-moz-box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.85);
		box-shadow: 4px 4px 3px rgba(50, 50, 50, 0.85);
	}

	.login-dropdown-menu li {
		list-style: none;
		text-align: left;
        margin-left: -40px;
	}
    .login-dropdown-menu a {
	    background-color: transparent !important;
	    font-size: 13px;
	    color: #fff !important;
	    font-weight: normal !important;
    }
    .login-dropdown-menu a:hover {
        text-decoration: underline !important;
    }
	.login-drop-text {
		display: block;
		border: 1px solid #F0FFFF; 
        color: #F0FFFF; 
        background-color: transparent; 
        font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif; 
        font-size: 13px;
        padding: 5px;
        outline: none;
        border-radius: 5px;
        width: 180px;
	}
	.login-drop-submit {
		border: 1px solid #000;
        background-color: #000;
		color: #fff; 
		margin-left: 140px;
		margin-top: 5px;
        padding: 3px;
		border-radius: 5px;
		font-size: 11px;
        font-weight: bold;
	}
	.body_container { 
	   background-color: transparent; 
       width: 970px;
       min-height: 1000px;
       margin: 0px; 
       padding: 0px; 
       clear: both; 
    }
	.leftside {	
	   float: left; 
       width: 200px; 
       padding: 0px; 
       margin: 0px;
    }
	.leftside a { 
	   display: block; 
       color: #FFAFEE; 
       text-decoration: none; 
    }
	.leftside a:hover { 
	   color: #FFAFEE; 
       text-decoration: underline; 
    }
    .outContent {
        float: left;
        padding: 0px; 
        margin: 0px;
        width: 755px;
        padding-left: 5px; 
    }
    .miniExplore {
        padding: 0px;
    }
	.content { 
       text-align: justify;
       font-size: 15px;
    }
	.splash_covers { 
	   margin-left: 5px; 
       margin-top: 0px; 
    }
	.content-header { 
	   font-size: 15px; 
       font-weight: bold; 
       color: #70B2F4;
       border-bottom: 1px dotted #70B2F4; 
       padding: 5px;
    }
	.content-body { 
	   padding: 5px;
    }
    .content-featured-right { 
       text-align: right; 
       padding-top: 25px; 
    }
    .content-various-topics {
       width: 100%;
    }
    .content-various-topics li {
       font-size: 18px;
    }
    .content-various-left {
       float: left;
       width: 50%;
    }
    .content-various-right {
       float: left;
       width: 50%;
    }
	.rightside { 
	   float: right; 
       width: 140px; 
       padding: 0px; 
       margin: 0px;
       padding-bottom: 10px;
       text-align: center; 
    }

    
    /* Online Dating Browse Cities Listings */
	.online-dating-heading {
		display: block;
		width: 100%;
		height: 180px;
	}
	
	.inputboxes { border: 1px solid #004080; color: #0080C0; background-color: transparent; font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif; padding: 5px; }
	.inputboxes:hover { background-color: #0080C0; color: #fff; }
	.clear { clear: both; }
	.spacer { height: 10px; }
	
	.response { font-size: 18px; color: lime; padding: 5px; font-weight: bold; text-align: center; width: 630px; }
	.gallery_status_container { width: 620px; }
	.gallery_list { float: left; width: 350px; }
	.gallery_current { float: left; width: 250px; padding: 45px 10px 30px 5px; text-align: center; }
	.gallery_container { text-align: center; width: 620px; }
	
	.twitter_feed { width: 755px; overflow: hidden; border: 1px solid #fff; }
	.facebook_widget { border: none; overflow: hidden; width: 200px; height: 350px; margin: 0px; padding: 0px; margin-left: -7px; } /* the actual facebook iframe */
	.social_networking { width: 755px; text-align: right; padding-bottom: 10px;}
	
	.profile-full-name { display: block; font-size: 18px; text-align: left; font-weight: bold; padding-bottom: 10px; border-bottom: 1px dotted #fff; }
	.profile-location { display: block; font-size: 16px; font-weight: bold; padding: 5px 0px 5px 0px; }
    .profile-alternative-photo-area { display: block; padding: 0px; }
	.profile-dob { display: block; font-size: 16px; padding-top: 10px; }
	.profile-phone { display: block; font-size: 16px; padding-top: 10px; }
	.profile-publiccontainer { display: block; line-height: 1.5em; text-align: center; }
	.profile-publiclinktext { display: block; padding-bottom: 5px; font-size: 13px; }
	.profile-publiclinkurl { display: block; padding-top: 5px; font-size: 11px; }
	.profile-container { width: 755px; }
	.profile-avatar { float: left; width: 240px; height: 240px; text-align: center; }
	.profile-avatar img { width: 240px; height: 240px; border: 1px solid transparent; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; }
	.profile-avatar-username-overlay { position: absolute; margin-top: 200px; margin-left: 1px; background-color: #202A83; opacity: 0.6; filter: alpha(opacity=60); width: 230px; padding: 5px; color: #fff; font-size: 18px; font-weight: bold; }
	.profile-info { float: left; width: 495px; margin-left: 10px; }
    .profile-verified-user { float: right; font-size: 13px; font-weight: bold; }
    .profile-verified-user a { color: aqua; }
	.profile-member-status { display: block; padding-top: 5px; font-size: 13px; }
	.dashboard-menu { padding-bottom: 10px; border-bottom: 1px dotted #fff; margin-bottom: 20px; }
	.profile-aboutme-blurb { display: block; margin-bottom: 15px; }
	.profile-interests-blurb { display: block; margin-bottom: 15px; }
    .profile-alternate-preview { float: left; padding-bottom: 10px; margin-right: 5px; }
	.profile-alternate-preview-img { float: left; padding: 0px; padding-bottom: 5px; width: 70px; height: 70px; }
    .profile-public-preview-img { padding: 0px; margin: 5px; width: 80px; height: 80px; border: 1px solid transparent; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; }
    .profile-popup-help { display: none; position: absolute; width: 250px; height: auto; padding: 5px; border: 1px solid #fff; background-color: #000; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #fff; }
    
    /* View Profile Layout Engine */
    .profile-metadata-container { width: 755px; padding-top: 20px; }
    .profile-metadata-sideactions { float: left; width: 240px; text-align: center; }
    .profile-metadata-content { float: left; width: 490px; padding-left: 20px; }
    .follower-icons { width: 48px; height: 48px; padding: 5px; }
    /* View Profile Layout Buttons (Anchor Links) */
    a.profile-metadata-button { display: block; width: 240px; padding: 10px 0px 10px 0px; margin: 8px 0px 8px 0px; border: 1px solid transparent; border-radius: 5px; background-color: #202A83; color: #fff; text-decoration: none; }
    a.profile-metadata-button:hover { color: #fff; background-color: #052544; text-decoration: none; }
    a.small-button { width: 80px !important; }
    
    /* member dashboard options */
    /* Button Profile Layout Buttons (Anchor Links) */
    a.dashboard-metadata-button { display: block; width: 180px; padding: 5px 0px 5px 0px; margin: 8px 0px 8px 0px; border: 1px solid transparent; border-radius: 5px; background-color: #202A83; color: #fff; text-decoration: none; text-align: center; }
    a.dashboard-metadata-button:hover { color: #fff; background-color: #052544; text-decoration: none; }

	/* member dashboard view */
	.dashboard-full-name { display: block; font-size: 18px; text-align: left; font-weight: bold; padding-bottom: 10px; border-bottom: 1px dotted #fff; }
    .dashboard-alternative-photo-area { display: block; padding: 0px; }
	.dashboard-publiccontainer { display: block; line-height: 1.5em; text-align: center; }
	.dashboard-publiclinktext { display: block; padding-bottom: 5px; font-size: 13px; }
	.dashboard-publiclinkurl { display: block; padding-top: 5px; font-size: 11px; }
	.dashboard-account-stats { clear:both; }
	.dashboard-account-following { width: 50%; float: left; text-align: center; }
	.dashboard-account-followers { width: 50%;	float: right; text-align: center; }
	.dashboard-account-number { font-size: 2.2em; font-weight: 300; }
	.dashboard-avatar { width: 220px; height: 220px; border: 1px solid transparent; border-radius: 50%; overflow: hidden; }
	.dashboard-avatar-username-overlay { position: absolute; margin-top: 200px; margin-left: 1px; background-color: #202A83; opacity: 0.6; filter: alpha(opacity=60); width: 230px; padding: 5px; color: #fff; font-size: 18px; font-weight: bold; }
    .dashboard-verified-user { float: right; font-size: 13px; font-weight: bold; }
    .dashboard-verified-user a { color: aqua; }
	.dashboard-member-status { display: block; padding-top: 5px; font-size: 13px; }
	.dashboard-menu { padding-bottom: 10px; border-bottom: 1px dotted #fff; margin-bottom: 20px; }
	.dashboard-aboutme-blurb { display: block; margin-bottom: 15px; }
	.dashboard-interests-blurb { display: block; margin-bottom: 15px; }
    .dashboard-alternate-preview { float: left; padding-bottom: 10px; margin-right: 5px; }
	.dashboard-alternate-preview-img { float: left; padding: 0px; padding-bottom: 5px; width: 70px; height: 70px; }
    .dashboard-public-preview-img { padding: 0px; margin: 5px; width: 80px; height: 80px; border: 1px solid transparent; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; }
    .dashboard-popup-help { display: none; position: absolute; width: 250px; height: auto; padding: 5px; border: 1px solid #fff; background-color: #000; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #fff; }
	.dashboard-follows { display: block; line-height: 1.5em; font-size: 16px; font-weight: normal; font-style: italic; }
    
    /* Overlay Registration Widget Styles */
    .full-overlay-container { display:none;position:fixed;z-index:1001;width:100%;height:100%;background-color:#666;background:rgb(33,33,33);background: rgba(33,33,33, .6);filter: alpha(opacity=60);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }
    .overlay-registration { margin: 5% auto;width:500px;height:80%;background-color:#fff;border-radius:5px;border:1px solid #000;box-shadow: 0px 5px 5px 0px #333;color:#333;font-size:14px;z-index:1005; }
    .overlay-registration-header { }
    .overlay-registration-content { }
    .overlay-registration-content span { display: block; padding: 5px 0px 5px 0px; text-align: center; }
    .overlay-label-text { clear:both; display:block; font-size: 18px; }
    .overlay-inputboxes-half { width: 40%; float: left; border: 1px solid #666; border-radius: 5px; font-size: 18px; padding: 5px; margin: 0px 5px 0px 5px; }
    .overlay-inputboxes { width: 90%; font-size: 18px; border: 1px solid #666; border-radius: 5px; padding: 5px; margin: 0px 5px 0px 5px; }
    .overlay-submit-button { text-align: center; margin: 0px 5px 0px 5px; font-size: 32px; font-weight: bold; color: #2b89db; }
    
    
    /* Community Explore Page Styles */
	.member-dashboard-motd { width: 620px; border: 1px solid #1F7508; background-color: #82B275; color: #1F7508; padding: 5px; font-weight: bold; }
	.member-dashboard-menus { width: 750px; padding: 5px; text-align: left; }
	.member-dashboard-left { float: left; width: 540px; padding-right: 10px; text-align: left; }
	.member-dashboard-right { float: left; width: 180px; text-align: left; }
	
	.member-status-icon { width: 24px; height: 24px; vertical-align: middle; padding-right: 5px; }
	
	/* Mini Explore Widget Styles */
	.mini_explore_widget_avatar { 
	   width: 64px; 
       height: 64px; 
       border: 0px;
       display: inline;
       padding: 3px 2px 3px 1px;
    }
	.mini_explore_widget_avatar:hover { 
	   opacity: 0.5; 
       filter: alpha(opacity=50); 
    }
    .mini_explore_widget_more {
        width: 64px;
        height: 64px; 
        margin-top: -4px;
    }
    .mini_explore_widget_more:hover {
        width: 64px;
        height: 64px;
        background-image: url('/images/mutualreach-miniexplore-browse.png');
    }
    
    /* Form Input Resets */
    .form-label { 
        display: block; 
        float: left; 
        padding: 5px;
        width: 220px;
        text-align: right;
    }
    .form-text, .form-textarea, .form-select, .form-checkboxes, .form-radios {
        border: 1px solid #fff; 
        color: #fff; 
        background-color: #052544;
        padding: 5px;
        outline: none;
		border-radius: 5px;
		font-size: 15px;
        resize: none;
    }
    .form-textarea { 
        height: 150px;
    }
    .form-submit { 
        font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
        font-size: 15px;
        border-radius: 5px;
        padding: 5px; 
        border: 1px solid #004080; 
        background-color: transparent;
        color: #0080C0; 
    }
    .form-clear { 
        clear: both; 
        padding: 2px 0px 2px 0px; 
    }
    .form-line { 
        padding: 2px 0px 2px 0px; 
        clear: both; 
    }
    .form-button-line { 
        text-align: center; 
        padding: 5px; 
    }
    .form-fieldset { 
        padding: 10px; 
        border: 1px solid #004080;
        border-radius: 5px;
    }
    .form-legend { 
        font-weight: bold;
    }
    .form-included-terms { 
        height: 150px; 
        overflow: auto; 
        text-align: left; 
        margin-bottom: 20px; 
        margin-top: 0px; 
    }
    .form-empty-line { 
        padding-top: 10px; 
        padding-bottom: 10px; 
        text-align: right; 
    }
    
    /* Logged in User Block (left column) styles */
    .loginblock-userphoto {
        width: 110px;
        height: 110px;
        border-radius: 10px;
        overflow: hidden;
        margin: 0 auto;
    }
    .loginblock-fullname {
        font-size: 14px;
        font-weight: bold;
        overflow: hidden;
    }
    .loginblock-actions {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px;
    }
    .loginblock-actions a {
        display: inline;
    }
    .block-mainavatar {
	    float: left;
	    width: 110px;	
    }
    .block-multiphoto {

        width: 70px;
	    padding: 3px 0px 0px 2px;
    }
    .alternate-photo-row {
        clear:both;
        overflow:hidden;
        padding: 3px 0px 3px 0px;
    }
    .altpreviewimg {
        float:left;
        width: 48px;
        height: 48px;
        text-align: center;
        border-radius: 5px;
        margin: 2px;
    }
    /* Rich Media Ad 728x90 slot */
	.google_ad_728_leader {
	   background-color: transparent;
	   color: #fff;
	   height: 100px;
	   text-align: center;
       padding-top: 10px;
	}
    
    .new-message-indicator {
	    background-color: #379051;
	    color: #f4fcb4;
	    font-weight: 300;
	    padding: 5px 3px 5px 45px;
	    border: 1px solid #f4fcb4;
	    border-radius: 5px;
    }
    .new-message-indicator a {
	    color: #f4fcb4;
	    text-decoration: none;
    }
    .new-message-indicator a:hover {
	    text-decoration: underline;
    }
    
    /* Front page Hero Space */
    .mutualreach-hero-slider {
        width: 760px;
        height: 300px;
        background-color: transparent;
        padding: 0;
        margin: 0;
    }
    .heroslidecontainer {
        width: 760px;
        height: 300px;
        overflow:hidden;
        margin: 0;
        padding: 0;
    }
    .hero-custom-caption {
        position: absolute;
    	bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px;
        background-color: #40305F\9; /* to match the charms bar top nav */
        background-color: rgba(64, 48, 95, 0.75);
    }
    .hero-caption-title {
        display:block;
        font-size: 18px;
        color: #70B2F4;
        font-weight: bold;
        padding: 0px 10px 0px 10px;
    }
    
    .hero-caption-desc {
        display:block;
        font-size: 12px;
        padding: 0px 10px 0px 10px; 
    }
    .hero-caption-call-to-action {
        display:block;
        font-size: 14px;
        text-align: right;
        padding: 0px 10px 0px 10px;
    }
    .hero-caption-call-to-action a {
        color: #70B2F4;
    }
    
    /* Messenger App Styles */
    .messenger-table { 
	    width: 100%;
	    padding: 0;
	    border: 1px solid #fff;
	    border-radius: 5px;
    }
    .messenger-table td {
	    padding: 5px;
    }
    .messenger-recipient {
	    width: 60px;
	    height: 60px;
	    border-radius: 5px;
	    overflow: hidden;
    }
    .messenger-border {
	    border-bottom: 1px solid #fff;
    }
    .messenger-textbox,
    .messenger-textarea {
	    width: 70%;
    }
    
    /* Multi-Upload Browse Button CSS Tweaks */
    .multiupload_fileinput { cursor: pointer; top: 0; right: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
    .multiupload_preview { border: 1px solid transparent; border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; width: 70px; height: 70px; margin-bottom: 5px; }
    .multiupload_filewrapper { overflow: hidden; position: relative; cursor: pointer; background-color: #202A83; background-image: url('/images/multiupload_browse.png'); background-position: bottom center; background-repeat: no-repeat; width: 70px; height: 25px; }
    
    /* Administration Page CSS Styles */
    .administer-member-row { border-bottom: 1px dotted #ccc; padding: 5px; }
    .administer-member-contact { display: block; }
    .administer-member-location { display: block; }
    .administer-member-dob { display: block; }
    .administer-member-phone { display: block; }
    .administer-member-facebook { display: block; }
    .administer-member-twitter { display: block; }
    .administer-member-gender { display: block; }
    .administer-member-lastlogin { display: block; }
    .administer-member-remove { display: block; }
    .administer-member-info-container { padding: 0px; margin: 0px; }
    .administer-member-count { float: left; width: 80px; padding-top: 35px; font-size: 16px; font-weight: bold; text-align: center; }
    .administer-member-info { float: left; width: 510px; }