@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');


/*****MASTER RESET*****/
body,html,tr,td,th,tbody,thead,tfoot,table,form,
span,img,input,button,textarea,select,div,iframe,
applet,blockquote,abbr,address,big,small,cite,code,
del,dfn,em,font,ins,kbd,q,s,samp,strike,strong,sub,
sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,
caption,h1,h2,h3,h4,h5,h6,p											{ margin: 0; padding: 0; outline: none; font-size: 100%; font-family: 'Open Sans', sans-serif; vertical-align: baseline; }
body																						{ }
input,select,textarea														{ margin: 0; padding: 4px; font-size: 14px; font-family: inherit; line-height: 20px; border: 1px solid; }
input.radiobutton																{ border: none; outline: none; }
td,th,ol,ul,li																	{ font-family: inherit; font-size: 14px; line-height: 20px; }
td,th																						{ vertical-align: top; text-align: left; }
a																								{ color: inherit; font-size: inherit; }
a,a img																					{ border: none; outline: none; }
a img																						{ display: block; }
p,h1,h2,h3,h4,h5,h6															{ margin: 0 0 15px 0; line-height: 100%; }
p																								{ font-size: 14px; line-height: 20px; }
h1																							{ font-size: 30px; line-height: 36px; }
h2																							{ font-size: 24px; line-height: 30px; }
h3																							{ font-size: 22px; line-height: 28px; }
h4																							{ font-size: 20px; line-height: 26px; }
h5																							{ font-size: 18px; line-height: 24px; }
h6																							{ font-size: 16px; line-height: 22px; }

/*****MAIN ID'S*****/
#site-wrapper																						{ position: relative; margin: 0; padding: 0; width: 100%; height: auto; }
#site-wrapper #header-top-wrapper												{ position: relative; margin: 0; padding: 0; width: 100%; height: auto; }
#site-wrapper #header-top-wrapper header#top						{ position: relative; margin: 0 auto; padding: 0; width: 960px; height: auto; display: block; }
#site-wrapper #header-bottom-wrapper										{ position: relative; margin: 0; padding: 0; width: 100%; height: auto; }
#site-wrapper #header-bottom-wrapper header#bottom			{ position: relative; margin: 0 auto; padding: 0; width: 960px; height: auto; display: block; }
#site-wrapper #content-wrapper													{ position: relative; margin: 0; padding: 0; width: 100%; height: auto; }
#site-wrapper #content-wrapper #content									{ position: relative; margin: 0 auto; padding: 0; width: 960px; height: auto; }
#site-wrapper #footer-wrapper														{ position: relative; margin: 0; padding: 0; width: 100%; height: auto; }
#site-wrapper #footer-wrapper footer										{ position: relative; margin: 0 auto; padding: 0; width: 960px; height: auto; display: block; }

/*****NAV STYLES*****/
nav																							{ position: relative; margin: 0; padding: 0; width: auto; height: auto; }
nav ul																					{ position: relative; margin: 0; padding: 0; width: auto; height: auto; list-style: none; }
nav ul li																				{ position: relative; margin: 0; padding: 0; width: auto; height: auto; float: left; }
nav ul li a																			{ position: relative; margin: 0; padding: 0; width: 100%; height: auto; text-decoration: none; display: block; }
nav ul li a:hover																{ }

/*****CUSTOM CLASSES*****/
.row																						{ position: relative; margin: 0; padding: 0; width: 100%; height: auto; display: block; clear: both; }
.col																						{ position: relative; margin: 0; padding: 0; width: auto; height: auto; display: block; float: left; }

/*****FORM STYLES*****/
.form-wrapper,.form-wrapper a										{ font-size: 12px; line-height: 16px; }
.form-wrapper	.field-container									{ margin: 0 0 8px 0; width: 300px; clear: both; }
.form-wrapper	.field-container .field						{ margin: 0; font-size: 12px; }
.form-wrapper	.field-container .field-l					{ margin-right: 5px; width: 75px; float: left; }
.form-wrapper	.field-container .field-r					{ width: 210px; float: left; }

/*****WIDTH % CLASSES*****/
.w5p																						{ width: 5%; }
.w10p																						{ width: 10%; }
.w15p																						{ width: 15%; }
.w20p																						{ width: 20%; }
.w22p																						{ width: 22%; }
.w25p																						{ width: 25%; }
.w30p																						{ width: 30%; }
.w33p																						{ width: 33.3%; }
.w35p																						{ width: 35%; }
.w40p																						{ width: 40%; }
.w45p																						{ width: 45%; }
.w50p																						{ width: 50%; }
.w55p																						{ width: 55%; }
.w60p																						{ width: 60%; }
.w65p																						{ width: 65%; }
.w70p																						{ width: 70%; }
.w75p																						{ width: 75%; }
.w78p																						{ width: 78%; }
.w80p																						{ width: 80%; }
.w85p																						{ width: 85%; }
.w90p																						{ width: 90%; }
.w95p																						{ width: 95%; }
.w100p																					{ width: 100%; }

/*****WIDTH px CLASSES*****/
.w25																						{ width: 25px; }
.w50																						{ width: 50px; }
.w75																						{ width: 75px; }
.w100																						{ width: 100px; }
.w125																						{ width: 125px; }
.w150																						{ width: 150px; }
.w175																						{ width: 175px; }
.w200																						{ width: 200px; }
.w225																						{ width: 225px; }
.w250																						{ width: 250px; }
.w275																						{ width: 275px; }
.w300																						{ width: 300px; }
.w325																						{ width: 325px; }
.w350																						{ width: 350px; }
.w375																						{ width: 375px; }
.w400																						{ width: 400px; }
.w425																						{ width: 425px; }
.w450																						{ width: 450px; }
.w465																						{ width: 465px; }
.w475																						{ width: 475px; }
.w500																						{ width: 500px; }
.w525																						{ width: 525px; }
.w550																						{ width: 550px; }
.w575																						{ width: 575px; }
.w600																						{ width: 600px; }
.w625																						{ width: 625px; }
.w630																						{ width: 630px; }
.w650																						{ width: 650px; }
.w675																						{ width: 675px; }
.w700																						{ width: 700px; }
.w725																						{ width: 725px; }
.w750																						{ width: 750px; }
.w775																						{ width: 775px; }
.w800																						{ width: 800px; }
.w825																						{ width: 825px; }
.w850																						{ width: 850px; }
.w875																						{ width: 875px; }
.w900																						{ width: 900px; }
.w925																						{ width: 925px; }
.w950																						{ width: 950px; }
.w960																						{ width: 960px; }

/*****POSITIONAL CLASSES*****/
.clr																						{ clear: both; }
.s5																							{ clear: both; height: 5px; }
.s10																						{ clear: both; height: 10px; }
.s15																						{ clear: both; height: 15px; }
.s20																						{ clear: both; height: 20px; }
.s25																						{ clear: both; height: 25px; }
.s30																						{ clear: both; height: 30px; }
.db																							{ display: block; }
.di																							{ display: inline; }
.dib																						{ display: inline-block; }
.oa																							{ overflow: auto; }
.oh																							{ overflow: hidden; }
.l																							{ text-align: left; }
.c																							{ text-align: center; }
.r																							{ text-align: right; }
.fl																							{ float: left; }
.fr																							{ float: right; }
.mn																							{ margin: 0; }
.mt5																						{ margin-top: 5px; }
.mr5																						{ margin-right: 5px; }
.mb5																						{ margin-bottom: 5px; }
.ml5																						{ margin-left: 5px; }
.ma5																						{ margin: 5px; }
.mt10																						{ margin-top: 10px; }
.mr10																						{ margin-right: 10px; }
.mb10																						{ margin-bottom: 10px; }
.ml10																						{ margin-left: 10px; }
.ma10																						{ margin: 10px; }
.mt15																						{ margin-top: 15px; }
.mr15																						{ margin-right: 15px; }
.mb15																						{ margin-bottom: 15px; }
.ml15																						{ margin-left: 15px; }
.ma15																						{ margin: 15px; }
.mt20																						{ margin-top: 20px; }
.mr20																						{ margin-right: 20px; }
.mb20																						{ margin-bottom: 20px; }
.ml20																						{ margin-left: 20px; }
.ma20																						{ margin: 20px; }
.mt25																						{ margin-top: 25px; }
.mr25																						{ margin-right: 25px; }
.mb25																						{ margin-bottom: 25px; }
.ml25																						{ margin-left: 25px; }
.ma25																						{ margin: 25px; }
.mt30																						{ margin-top: 30px; }
.mr30																						{ margin-right: 30px; }
.mb30																						{ margin-bottom: 30px; }
.ml30																						{ margin-left: 30px; }
.ma30																						{ margin: 30px; }
.pn																							{ padding: 0; }
.pt5																						{ padding-top: 5px; }
.pr5																						{ padding-right: 5px; }
.pb5																						{ padding-bottom: 5px; }
.pl5																						{ padding-left: 5px; }
.pa5																						{ padding: 5px; }
.pt10																						{ padding-top: 10px; }
.pr10																						{ padding-right: 10px; }
.pb10																						{ padding-bottom: 10px; }
.pl10																						{ padding-left: 10px; }
.pa10																						{ padding: 10px; }
.pt15																						{ padding-top: 15px; }
.pr15																						{ padding-right: 15px; }
.pb15																						{ padding-bottom: 15px; }
.pl15																						{ padding-left: 15px; }
.pa15																						{ padding: 15px; }
.pt20																						{ padding-top: 20px; }
.pr20																						{ padding-right: 20px; }
.pb20																						{ padding-bottom: 20px; }
.pl20																						{ padding-left: 20px; }
.pa20																						{ padding: 20px; }
.pt25																						{ padding-top: 25px; }
.pr25																						{ padding-right: 25px; }
.pb25																						{ padding-bottom: 25px; }
.pl25																						{ padding-left: 25px; }
.pa25																						{ padding: 25px; }
.pt30																						{ padding-top: 30px; }
.pr30																						{ padding-right: 30px; }
.pb30																						{ padding-bottom: 30px; }
.pl30																						{ padding-left: 30px; }
.pa30																						{ padding: 30px; }

/*****FONT SIZES*****/
.fs10,.fs10 *																		{ font-size: 10px; line-height: 16px; }
.fs12,.fs12 *																		{ font-size: 12px; line-height: 18px; }
.fs14,.fs14 *																		{ font-size: 14px; line-height: 20px; }
.fs16,.fs16 *																		{ font-size: 16px; line-height: 22px; }
.fs18,.fs18 *																		{ font-size: 18px; line-height: 24px; }
.fs20,.fs20 *																		{ font-size: 20px; line-height: 26px; }
.fs22,.fs22 *																		{ font-size: 22px; line-height: 28px; }
.fs24,.fs24 *																		{ font-size: 24px; line-height: 30px; }
.fs26,.fs26 *																		{ font-size: 26px; line-height: 32px; }
.fs28,.fs28 *																		{ font-size: 28px; line-height: 34px; }
.fs30,.fs30 *																		{ font-size: 30px; line-height: 36px; }
.fs32,.fs32 *																		{ font-size: 32px; line-height: 38px; }
.fs34,.fs34 *																		{ font-size: 34px; line-height: 40px; }
.fs36,.fs36 *																		{ font-size: 36px; line-height: 42px; }
.fs38,.fs38 *																		{ font-size: 38px; line-height: 44px; }
.fs40,.fs40 *																		{ font-size: 40px; line-height: 46px; }
.fs42,.fs42 *																		{ font-size: 42px; line-height: 48px; }

/*****FONT STYLES*****/
.fwb,.fwb *																			{ font-weight: bold; }
.fwn,.fwn *																			{ font-weight: normal; }
.fsi,.fsi *																			{ font-style: italic; }
.ttn,.ttn *																			{ text-transform: none; }
.ttu,.ttu *																			{ text-transform: uppercase; }

/*****FONT COLORS*****/
.cb,.cb *																				{ color: #000; }
.cw,.cw *																				{ color: #fff; }

input[type=checkbox] {
margin: 4px 10px 0 0;
display: block;
float: left;
}
.checkbox, .widget-form-row-optin, label {
position: relative;
top: auto !important;
display: block;
}
/* Social Modals */

#share-overlay {
  max-width: 568px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  display: none;
  border-radius: 5px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.20), 0 0 8px -1px rgba(0,0,0,0.20);
}

.share-iframe {
  background: #fff;
  height: 100%;
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0 auto 30px auto !important;
  position: relative !important;
}

/* Banner */

#share-overlay #banner-top.facebook,
#share-overlay #banner-top.twitter,
#share-overlay #banner-top.linkedin,
#share-overlay #banner-top.email,
#share-overlay #banner-top.copylink {
  min-height: 30px;
  padding: 5px 0;
  margin: 0;
  border-radius: 5px 5px 0 0;
  box-shadow: inset 0 1px 1px 1px rgba(255,255,255,0.18), inset 0 0 0 1px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.35);
  font-size: 1em; /* 16px */
  line-height: 1.875em; /* 30px */
  color: #fff;
  text-transform: none;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: 600;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.18);
}

/* Submit Buttons */

#share-overlay .btn.facebook,
#share-overlay .btn.twitter,
#share-overlay .btn.linkedin,
#share-overlay .btn.email {
  width: 160px;
  padding: 10px 58px;
  border-radius: 5px;
  box-shadow: inset 0 0 1px rgba(0,0,0,0.8);
  cursor: pointer; 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;  
  color: #fff !important;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  text-transform: none;
  text-shadow: 0 1px 1px rgba(0,0,0,0.18);
  border: none;
}


#share-overlay .btn.facebook:hover, 
#share-overlay .btn.twitter:hover, 
#share-overlay .btn.linkedin:hover, 
#share-overlay .btn.email:hover {
  opacity: 0.8;
}

#share-overlay .btn.facebook:active, 
#share-overlay .btn.twitter:active, 
#share-overlay .btn.linkedin:active, 
#share-overlay .btn.email:active {
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
}

/* Close Button */

.close-share-window img {
  display: none !important;
}

.close-share-window {
  width: 18px;
  height: 18px;
  padding: 0 !important;
  background: url(http://app.mavensocial.com/public/sites/1529/images/share/close-icon.png) no-repeat;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;  
  cursor: pointer;
  margin: 5px 14px !important; 
}

.close-share-window:hover {
  opacity: 0.8;
}


/* -------- Specific Modal Styles -------- */

/* -------------- Facebook -------------- */

#share-overlay #facebook-share {
  width: 100%;
}

/* Banner */

#share-overlay #banner-top.facebook {
  background: url(http://app.mavensocial.com/public/content/img/icons/facebook-icon.png) no-repeat, #435da9;
}

#facebook-message-content {
	text-align: right;
}
#facebook-message-content #feed-name {
	text-align: left;
}
/* Main Content */

/* Profile Picture */

#share-overlay #facebook-profile-image {
	float: none;
	padding-right: 10px;
	display: block;
	vertical-align: top;
  width: 68px;
}
#share-overlay #facebook-profile-message {
	float: none;
	display: table-cell;
	vertical-align: top;
	width: 100%;
}

/* Sharing Input Field */

#facebook-profile-message .textfield {
  margin: 0 0 12px 0;
  padding: 4px;
  font-size: 12px;
  color: #333;
  border: 1px solid #d2d7dd;
  box-shadow: inset 0px 2px 2px rgba(0,0,0,0.05);
}

#share-overlay #facebook-textarea {
  width: 100%;
  max-height: 120px;
  font-size: 14px;
  font-weight: 600;
  color: #5d5d5d;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
}

/* Buttons */

#share-overlay .btn.facebook {
  background: #3b5998;
  margin: 0;
}

/* Resets */

#share-overlay #facebook-share-wrapper { padding: 20px; }
#share-overlay .facebook-space { padding-bottom: 0; }
#share-overlay #feed-description {
display: block;
font-size: 11px;
color: #888;
text-align: left;
}
#share-overlay #feed-link {
display: none;
}
#share-overlay #facebook-message { padding: 0; }
#share-overlay #facebook-message-content { float: none; width: auto; }
#share-overlay #facebook-message-content .btn { margin: 0 auto; }
#share-overlay #facebook-profile { padding: 0; display: table; width: 100%;}
#share-overlay #facebook-image { display: none; }



/* -------------- Twitter -------------- */

/* Banner */

#share-overlay #banner-top.twitter {
  background: url(http://app.mavensocial.com/public/content/img/icons/twitter-icon.png) no-repeat, #4099FF;
}
#share-overlay #twitter-share-,
#share-overlay #linkedin-share,
#share-overlay #email-s {
	padding: 20px;
	text-align: right;
}
#email-s table {
	text-align: left;
}
/* Feed Content */

#feed-line, #share-overlay a#feed-name:link, #feed-title, #share-overlay #copylink-s:before {
padding: 0;
border-bottom: 0;
font-size: 17px;
line-height: 25px;
font-weight: 400;
color: #46494f;
font-family: Open Sans, Helvetica, Arial, sans-serif;
text-align: left;
display: block;
}
#twitter-share- #feed-line,
#linkedin-share #feed-description,
#facebook-message #feed-description {
	margin-bottom: 20px;
}

/* Button */

#share-overlay .btn.twitter {
  width: 160px;
  background: #4099ff;
}

/* -------------- LinkedIn -------------- */


.w350 {
  width: 567px;
}
/* Banner */

#share-overlay #banner-top.linkedin {
  background: url(http://app.mavensocial.com/public/content/img/icons/linkedin-icon.png) no-repeat, #0e76a8;
}

/* Feed Content */


/* Button */

#share-overlay .btn.linkedin {
  width: 160px;
  background: #0e76a8;
}
#linkedin-share-wrapper {
	text-align: left;
}


/* -------------- Email -------------- */

/* Banner */

#share-overlay #banner-top.email {
  margin: 0;
  background: url(http://app.mavensocial.com/public/content/img/icons/email-icon.png) no-repeat, #549cde;
}

/* Content */

#share-email-overlay-email, .share-email-overlay-recipients, #share-email-overlay-message {
  width: auto;
  padding: 4px 0;
  
  font-size: 14px;
  color: #46494f !important;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

/* Input Fields */

#share-overlay .share-email-overlay-recipients {
  margin: 6px 0 4px;
}

#share-overlay input.textfield, #share-overlay input.sent_emails, #share-overlay textarea.share-email-overlay-body-edit {
  margin: 1px 0;
  padding: 0 5px;
  max-width: 100%;
  width: 100%;
  background: #fff;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.06);
  border: 1px solid #d2d7dd;
  border-radius: 5px;
  
  color: #46494f !important;
  font-weight: 600;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
}

#share-overlay textarea.share-email-overlay-body-edit {
  height: 120px;
}

#share-overlay input.textfield, #share-overlay input.sent_emails {
  height: 34px;
}

/* Button */

#share-overlay .btn.email {
  width: 180px;
  padding: 8px 58px;
  margin: 11px auto 0 !important;
  background: #549cde;
  float: right;
}

/* Resets */

#share-overlay td, #share-overlay th {
  float: left;
  width: 100%;
}

.pb10 {
padding-bottom: 0;
display: none;
}

#share-email-overlay-body {
  display: none;
}

.btn {
  margin: 0 auto;
}

#share-overlay .btn.email {
  margin: 0 auto;
}
/*************  Copy Link   ****************/

#share-overlay #banner-top.copylink {
  background: url(http://app.mavensocial.com/public/content/img/icons/sharelink-icon.png) no-repeat, #ddd;
}
#share-overlay #copylink-s {
	padding: 20px;
}
#share-overlay #copylink-s:before {
	content: 'Click the button below to copy to clipboard';
	position: relative;
}
#target-to-copy-text {
	font-size: 20px;
	text-align: center;
	display: block;
	font-weight: normal;
}


.ui-widget {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
.ui-resizable-handle {
	display: none !important;
}
.ui-widget-content {
border: 0;
background: none;
padding: 10px;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0;
position: absolute;
border-radius: 0;
border: 0;
background: none;
width: auto;
z-index: 99999999;
right: 12px;
top: 16px;
cursor: default;
}
.ui-widget-header .ui-icon.ui-icon-closethick {
background-image: url(http://app.mavensocial.com/public/sites/1529/images/share/close-icon.png);
background-position: 0 0;
width: 18px;
height: 18px;
}
.ui-widget-header .ui-icon.ui-icon-closethick:hover {
	opacity: 0.8;
}
.ui-dialog .ui-dialog-titlebar-close {
	padding: 0 !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 0;
background: transparent;
font-weight: normal/*{fwDefault}*/;
color: #212121/*{fcHover}*/;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0;
position: absolute;
border-radius: 0;
border: 0;
background: none;
width: 100%;
z-index: 99999999;
}