/***************************** jquery ui overides ******************************/
.ui-progressbar.ui-widget, .ui-progressbar.ui-widget-content{
border: 0 none;
/* background: none; */
margin: 0;
padding: 0;
}
.ui-widget-header {
border: 0 none;
margin: 0;
padding: 0;
}
.ui-progressbar-value {
margin: 0 !important;
}
#currentPageBlock {
background-color: #0f3c5a;
/* background-image: none; */
width: 1000px;
height: 83px;
}
#currentPageBlockIcon{
background-image: url(../img/hqPageCurrent.png);
}
#currentPageBlock #pageHeader{
background-image: url(../img/myAccountPageHeader.png);
}
.verticalDivider {
	padding:0;
	/* height:949px; */
	height: 100%;
	position: absolute;
	width: 3px;
	
/* 	position:absolute; */
	left: 223px;
}
#middleWrap {
	width:1000px;
	padding:0;
	position:relative;
	background: none;
	height: auto;
}
#contentWrap {
/* background: #7fa3b7; */
/* outline: 1px solid red; */
/* background: rgba(255,255,255, .28); */
/* background: none; */
/*
-moz-box-shadow: rgba(02,03,03, .75) 0 5px 5px;
-webkit-box-shadow: rgba(02,03,03, .75) 0 5px 5px;
box-shadow: rgba(02,03,03, .75) 0 5px 5px;
*/
border: 0 none;
height: auto;
}
#hqContentWrap {
/*
height: 1119px;
width: 1009px;
*/
/* position: relative; */
background: none;
background: #7fa3b7;
/* background: rgba(127,163,183, 1); */
background: rgba(255,255,255, .28);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #043351;
height: auto;
text-align: left;
}
#hqNavSection {
float: left;
width: 206px;
margin-right:8px;
border-right:solid 1px #ddd;
}

#hqContent {
float: left;
width: 745px;
min-height:320px;
padding: 15px 20px 20px;
background-color: #0D3651;
-moz-border-radius: 0 0 8px 0;
-webkit-border-radius: 0 0 8px 0;
border-radius: 0 0 8px 0;
}
#myPageContentWrap #hqContent {width:734px}
#leftAndCenterCont{float:left}
/***** member info area ******/
#memberInfoArea {
height: auto;
padding: 20px 0 20px 15px;
position: relative;
}
#memberInfoArea img, #memberInfoArea  span.memberInfoProfile {
width: 80px;
height: 70px;
float: left;
text-align: center;
line-height: 70px;
background: rgb(204, 204, 204);
color: rgb(68, 68, 68);
font-size: 22px;
text-transform: uppercase;
}
#memberInfoArea img{height:auto !important;}
#memberInfoArea #memberInfo {
float: left;
width: 100px;
height: auto;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
margin: -3px 0 0 10px;
font-size: 11px;
line-height: 19px;
}
#memberInfoArea #memberInfo > h2 {
font-weight: bold;
font-size: 14px;
width: 100%;
}
#memberInfoArea #memberInfo > a{
color: #ffffff;
}
/***** left vertical nav ******/
ul#hqNav {
margin-left: 1px;
}
ul#hqNav li {
height: 29px;
line-height: 29px;
position: relative;
display: block;
background: no-repeat 20px center;
}

ul#hqNav .title {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}
ul#hqNav li a{
color: #ffffff;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
font-size: 12px;
position: relative;
display: block;
padding: 0 0 0 48px;
}
ul#hqNav li.highlightCurrentNavListItem {
font-weight: bold;
z-index: 10;
background-color: #0d3651;
}
ul#hqNav li#headquarters {
background-image: url(../img/nav-home.png);
}
ul#hqNav li#stats{
background-image: url(../img/nav-report.png);
background-position: 21px center;
}
ul#hqNav li#invitations{
background-image: url(../img/addFriends.png);
}
ul#hqNav li#team{
background-image: url(../img/myTeam.png);
}
ul#hqNav li#promote{
background-image: url(../img/promote.png);
}
ul#hqNav li#fbconnect{
background-image: url(../img/nav-connect.png);
}
ul#hqNav li#navContactbook{
background-image: url(../img/nav-contactbook.png);
}
ul#hqNav li#navEmail{
background-image: url(../img/nav-email.png);
}
ul#hqNav li#navNetwork{
background-image: url(../img/nav-network.png);
}
ul#hqNav li#navOffline{
background-image: url(../img/nav-offline.png);
}

ul#hqNav li#hqNaveEvents{
background-image: url(../img/calendar-HQicon.png);
}

/***** headquarters section ******/
.sectionHeader > img {
float: left;
}
.sectionHeader h3 {
font-size: 16px;
font-weight: bold;
color: #ffffff;
width: 300px;
float: left;
line-height: 16px;
padding: 9px 0 10px 10px;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
}
/***** get started styling ******/
#getStartedWithNew 
{
    padding:22px 0 10px;
}
#getStartedWithNew > a {
float: left;
width: 115px;
margin: 0 5px;
padding: 9px 3px 8px 55px;
cursor: pointer;
display: block;
background:#F0F0F0 no-repeat 12px center;
border:solid 1px #B9B9B9;
color:#919191;
text-decoration:none;
font-size:12px;
line-height:17px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#getStartedWithNew > a:hover{background-color:#fff}
#getStartedWithNew > #getStartedFriends {background-image: url(../img/getStartedFriends.png);}
#getStartedWithNew > #getStartedPromote {background-image: url(../img/getStartedPromote.png);}
#getStartedWithNew > #getStartedConnect {background-image: url(../img/getStartedConnect.png);}
#getStartedWithNew > #getStartedEmail {background-image: url(../img/getStartedEmail.png);}
#getStartedWithNew > #getStartedSocial {background-image: url(../img/getStartedNetwork.png);}
#getStartedWithNew > a > span{color:#5E70A6; font-size:15px; font-weight:bold; display:block; margin-bottom:2px;}
/***** begin hqleftcontent styling ******/
#hqLeftContent {width: 405px;float:left;margin-right:20px;}
#hqLeftContent  .allCapsHeader,  #hqrightContent .allCapsHeader {
font-size: 10px;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
margin-bottom: 5px;
margin-top: 15px;
float: left;
font-weight: bold;
text-transform:uppercase;
}
#recentActivityStream {
background: rgb(230, 230, 230);
background: rgba(190, 190, 190, .2);
border: solid 1px rgb(107, 107, 107);
width: auto;
height: auto;
}
#recentActivityStream table{width:100%}
#recentActivityStream  .whatActivityWrap {
background: transparent url(../img/recentActivityStreamDivider.png) repeat-x bottom center;
position: relative;
}
#recentActivityStream  tr:last-child .whatActivityWrap{background:none}

/*
#recentActivityStream > .whatActivityWrap > img {
max-width: 22px;
max-height: 22px;
padding: 8px 10px;
float: left;
}
*/
#recentActivityStream  .whatActivityWrap .recent_icon {
max-width: 22px;
max-height: 22px;
padding: 8px 10px;
float: left;
}
#recentActivityStream  .whatActivityWrap  .whatActivity {
float: left;
margin-left: 1px;
color: #333333;
font-size: 12px;
overflow: hidden;
width: 360px;
line-height: 14px;
margin: 10px 0 3px 0;
}
#recentActivityStream  .whatActivityWrap  .whatActivity > h4 {
font-weight: bold;
display: inline;
}
.whatActivityWrap  .whatActivity  a {
color: #3c5a99;
text-decoration: none;
}
#recentActivityStream .whatActivityWrap  .whatActivity  span.joinedBlue {
font-size: 11px;
color: #8b8b8b;
}
/***** added for new site ******/
span.joinedTeamColorBlue {
color: #5468a2;
}
/***** hq graph ******/
.Trends_area { /***** #hqGraph , ******/
float: left;
width: 404px;
height: 227;
outline: 1px solid red;
}
/***** hq right content  ******/
#hqrightContent {
float: left;
width: 293px;
}
/*
#hqrightContent > h4 {
font-size: 10px;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
margin: 5px 0;
float: left;
font-weight: bold;
text-transform:uppercase;
margin-top: 0;
}
*/
#hqContent .overview {
background: rgb(230, 230, 230);
background: rgba(190, 190, 190, .2);
border: solid 1px rgb(107, 107, 107);
padding: 10px;
}
#hqContent .overview > img {
float: left;
}
#hqContent .overview > .wasRaised {
float: left;
width: 240px;
font-size: 12px;
color: #363636;
padding: 3px 0 0 5px;
}
#hqContent #myPageLeft .overview > .wasRaised {width:340px}
/***** you raised progressbar ******/
.hqProgressbar {
width: 100%;
clear: left;
}
.hqProgressbar .ui-progressbar  {
-moz-border-radius:30px;
-webkit-border-radius: 30px;
border-radius:30px;
border: solid 1px #9D9D9C;
background: #D3D3D3;
background: -moz-linear-gradient(top,  #D3D3D3 0%, #EFEFEF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D3D3D3), color-stop(100%,#EFEFEF));
background: -webkit-linear-gradient(top,  #D3D3D3 0%,#EFEFEF 100%);
background: -o-linear-gradient(top,  #D3D3D3 0%,#EFEFEF 100%);
background: -ms-linear-gradient(top,  #D3D3D3 0%,#EFEFEF 100%);
background: linear-gradient(top,  #D3D3D3 0%,#EFEFEF 100%);
width: 100%;
height: 20px;
position: relative;
margin: 10px auto 0;
}
.hqProgressbar .ui-progressbar .newProgressPercentCompleteInner {-moz-border-radius:30px; -webkit-border-radius: 30px; border-radius:30px;}
.middleStuff {
position: relative;
top: 10px;
margin: 0 0 10px 0;
color: #454342;
font-size: 14px;
padding-right:66px;
}
.middleStuff > span {
font-weight: bold;
float: right;
clear: both;
position: absolute;
right: 0;
}
.overview > .updateNstuff {
    padding:0 0 6px 0;
}
.overview > .updateNstuff a{
color: #3b5999;
font-size: 11px;
float: right;
}
.overview .updateNstuff span {
color: #989898;
padding: 0 5px;
float: right;
font-size: 11px;
}
/***** top team fundraisers ******/
.teamTopFundHeader {
clear: both;
float: left;
margin: 20px 0 10px 0;
}
.teamTopFundHeader > img {
float: left;
}
.teamTopFundHeader > .wasRaised {
float: left;
font-size: 12px;
color: #363636;
padding: 3px 0 0 5px;
}
/***** top team fundraisers wrap ******/
.teamTopFundWrap {
clear: both;
position: relative;
margin: 0;
color: #454342;
font-size: 14px;
}
.topFundraiser {
position: relative;
padding: 5px 0;
}
.teamTopFundWrap .topFundraiser .topFundimage {
float: left;
width: 27px;
height: 23px;
margin: 0 5px 0 0;
text-align: center;
line-height: 23px;
background: rgb(204, 204, 204);
color: rgb(68, 68, 68);
text-transform: uppercase;
font-style:normal;
}
.teamTopFundWrap .topFundraiser .topFundName {
float: left;
display: inline;
line-height: 23px;
color: #363636;
font-size: 11px;
}
.teamTopFundWrap .topFundraiser a.topFundName {color:#3B5999}
.teamTopFundWrap .topFundraiser ul.subWalkers{margin:8px 0 0 30px}
.teamTopFundWrap .topFundraiser ul.subWalkers .topFundName{float:none; display:block; margin-bottom:4px}
.teamTopFundWrap .topFundraiser span {
color: #b5b5b6;
}
.teamTopFundWrap .topFundraiser span.donationRowAnonymousAmount {
background: transparent;
color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-text-shadow: 0 0 5px #454342;
-khtml-text-shadow: 0 0 5px #454342;
-moz-text-shadow: 0 0 5px #454342;
-ms-text-shadow: 0 0 5px #454342;
text-shadow: 0 0 5px #454342;
}
.teamTopFundWrap .topFundraiser span.donationRowAnonymousAmount::-webkit-selection {	background: transparent;}
.teamTopFundWrap .topFundraiser span.donationRowAnonymousAmount::-khtml-selection {	background: transparent;}
.teamTopFundWrap .topFundraiser span.donationRowAnonymousAmount::-moz-selection {	background: transparent;}
.teamTopFundWrap .topFundraiser span.donationRowAnonymousAmount::-ms-selection {	background: transparent;}
.teamTopFundWrap .topFundraiser span.donationRowAnonymousAmount::selection {background: transparent;}
.teamTopFundWrap .topFundraiser span.donationRowAnonymousAmountPrivate{color:inherit}

.teamTopFundWrap .topFundraiser h5 {
font-weight: bold;
float:right;
display: inline;
line-height: 23px;
}
.teamTopFundWrap .topFundraiser .topRecurringIcon i{
color:#ababab;
font-size: 1.1em;
}

.teamTopFundWrap .topFundraiser .inHonorMsg{color:#363636; font-size:11px}
#hqContent .topFundOuterWrap {
background: rgb(230, 230, 230);
background: rgba(190, 190, 190, .2);
height: auto;
padding: 0 10px 12px;
position: relative;
top: 0;
border: 1px solid rgb(107, 107, 107);
}
#hqContent #topTeamMembersOuterCont{border-top-width:0}
.topFundOuterWrap a {
color: #3b5999;
font-size: 11px;
float: right;
}

/***** pending friends ******/
#pendingFriendsWrap {
overflow: hidden;
overflow-y: auto;
width: 293px;
height: 145px;
float: left;
}
/*
#pendingFriendsWrap div:nth-child(odd) {
background-color: #e7f4fc;
border: 1px solid #3d6178;
border-left: 0 none;
border-right: 0 none;
}
*/
/***** for ie, added with js ******/
#pendingFriendsWrap > .even {
background-color: #e7f4fc;
border: 1px solid #3d6178;
border-left: 0 none;
border-right: 0 none;
}
/*
#pendingFriendsWrap div:nth-child(even) {
background-color: #ffffff;
}
*/
/***** for ie, added with js ******/
#pendingFriendsWrap > .odd {
background-color: #ffffff;
}
.pendingFriend {
width: 273px;
height: 24px;
padding: 10px;
font-size: 11px;
-moz-box-shadow: 1px 1px 0 rgba(00,00,00,.19);
-webkit-box-shadow: 1px 1px 0 rgba(00,00,00,1);
box-shadow: 1px 1px 0 rgba(00,00,00,.19);
}
.pendingFriend > h3 {
display: inline;
font-weight: bold;
color: #222222;
float: left;
line-height: 15px;
}
.pendingFriend > span {
clear: both;
float: left;
font-weight: normal;
color: #6b6b6b;
}
.pendingFriend > a{
float: right;
color: #3b5999;
position: relative;
top: 0;
}
.inviteEmail {
color: #6b6b6b !important;
}
/***************************** fundraising section ******************************/
button#enterOfflineDonation {
padding: 0;
margin: 0;
border: 0 none;
background: transparent url(../img/enterOfflineDonationBtn.png) no-repeat;
width: 195px;
height: 31px;
cursor: pointer;
position: absolute;
top: 20px;
right: 24px;
}
/***** fundraising top section ******/
#fundraisingTopSection {
position: relative; top:0; left:0;
margin: 0;
padding-top:20px;
padding-left:10px;
width: 428px;
clear: both;
}
#fundraisingTopSection > .imAnnoyed {
width: 360px;
float: left;
position: relative;
}
#fundraisingTopSection >.imAnnoyed > h4 {
font-size: 10px;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
margin-bottom: 5px;
font-weight: bold;
text-transform:uppercase;
}
#fundraisingTopSection > .imAnnoyed > .overview {
width: 334px;
height: 125px;
-moz-box-shadow: rgba(00,00,00,.19) 1px 1px 0;
-webkit-box-shadow: rgba(00,00,00,.19) 1px 1px 0;
box-shadow: rgba(00,00,00,.19) 1px 1px 0;
border: 1px solid #3d6178;
background: #e7f4fc none;
padding: 10px;
}
.imAnnoyed > .overview > .middleStuff {
width: 260px;
}
/***************************** report table ******************************/
.fundReport {
width: 718px;
background-color: #e7f4fc;
-moz-box-shadow: rgba(00,00,00,.19) 1px 1px 0;
-webkit-box-shadow: rgba(00,00,00,.19) 1px 1px 0;
box-shadow: rgba(00,00,00,.19) 1px 1px 0;
border: 1px solid #3d6178;
clear: both;
position: relative; top:0; left:0;
margin: 40px auto 0;
font-size: 11px;
color: #000000;
border-collapse: collapse;
}
.fundReport > caption {
text-align: left;
color: #ffffff;
font-size: 10px;
text-transform: uppercase;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
margin-bottom: 4px;
}
.fundReport > caption  a{float:right; text-transform: none;}
table.fundReport tr {
text-indent: 0;
}

.fundReport tr, .fundReport td {
padding: 5px ;
}
.fundReport .fundReportTableHead td{
clear:right;
height: 21px;
padding: 5px ;
width: 147px;
background: transparent url(../img/theadBg.png) repeat-x;
background-size: cover;
font-weight: bold;
display: table-cell;
text-align: left;
}
.fundReport tr.tableOdd{
background-color: rgba(00,00,00, .02);
}
.fundReport tr {
height: 21px;
/* margin: 0; */
margin-left: 10px;
}
.fundReport a{
color: #3b5999;
text-decoration:underline;
}
.fundReport a:hover{
text-decoration:none;
}

ul#inviteNav{display:block; height:40px;}
ul#inviteNav li{cursor:pointer; float:left; width:257px; height:39px; border:0 solid; border-color:#04151D; border-top:solid 1px; text-indent:80px; position:relative; top:0; left:0; color:#fff;  text-shadow: 1px 1px 1px rgba(00,00,00, .75); font-size: 16px; line-height: 40px; font-weight: bold;
background: #061822;
background: -moz-linear-gradient(top,  #04151D 0%, #04151D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04151D), color-stop(100%,#04151D));
background: -webkit-linear-gradient(top,  #04151D 0%,#04151D 100%);
background: -o-linear-gradient(top,  #04151D 0%,#04151D 100%);
background: -ms-linear-gradient(top,  #04151D 0%,#04151D 100%);
background: linear-gradient(top,  #04151D 0%,#04151D 100%);                
}
ul#inviteNav li img{position:absolute; }
ul#inviteNav li:hover, ul#inviteNav li.slctd{border-top-color:#0A293B;
background: #0F344F;
background: -moz-linear-gradient(top,  #103D5C 0%, #06141D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#103D5C), color-stop(100%,#06141D));
background: -webkit-linear-gradient(top,  #103D5C 0%,#06141D 100%);
background: -o-linear-gradient(top,  #103D5C 0%,#06141D 100%);
background: -ms-linear-gradient(top,  #103D5C 0%,#06141D 100%);
background: linear-gradient(top,  #103D5C 0%,#06141D 100%);   
}
ul#inviteNav li.slctd{cursor:default;}
.inviteTab{padding: 15px 20px 20px;}
#facebookInfoCont #socialImage{max-width:120px; max-height:108px;}
.wysiwyg .toolbar li{text-indent:-99999px}

#toggleBtnSendEmailTypeCont{margin: 30px auto; text-align: center;}
/***************************** add friends section ******************************/
#contactBookSocialPop{display:none; width:670px; margin-left:-350px; padding:40px 14px 14px; }
#contactBookSocialPop #contactBookSocialPopHead{position:absolute; top:10px; left:18px; text-indent:33px; background:url(../img/contactbook-add.png) no-repeat left top; height:26px; line-height:26px;}
#contactBookSocialPop #contactBookSocialPopHead{position:absolute; top:10px; left:18px; text-indent:33px; background:url(../img/contactbook-add.png) no-repeat left top; height:26px; line-height:26px;}

#cloudsponge-address-book{text-align:left}

#addFriendsContactCont{}
#addFriendsContactCont h3{padding:7px 8px;}
.addFriendsSocialWrap {
padding:7px 7px;
}
#addFriendsContactWrap{margin:0 auto}
.addFriendsSocialWrap > a.friendsSocial {
width: 202px;
height: 103px;
float: right;
display: block;
margin-right: 13px;
background: transparent url(../img/friendsSocialBg.png) no-repeat top center;
position: relative;
}
.addFriendsSocialWrap > a.friendsSocial:hover,
.addFriendsSocialWrap > a.friendsSocial:focus,
.addFriendsSocialWrap > a.slctd {
background-position: bottom center;
}
.addFriendsSocialWrap > a.friendsSocialGigyaLoading,
.addFriendsSocialWrap > a.friendsSocialGigyaLoading:hover,
.addFriendsSocialWrap > a.friendsSocialGigyaLoading:focus,
.addFriendsSocialWrap > a.friendsSocialCloudLoading,
.addFriendsSocialWrap > a.friendsSocialCloudLoading:hover,
.addFriendsSocialWrap > a.friendsSocialCloudLoading:focus{background:lightgray; cursor:default}
.addFriendsSocialWrap > a.friendsSocial span {
display: block;
position: absolute;
top: 50%;
left: 50%;
}
.addFriendsSocialWrap > a.friendsSocial span#addFriendsFacebook {
background: transparent url(../img/addFriendsFacebook.png) no-repeat;
width: 121px;
height: 25px;
margin-top: -14px;
margin-left: -61px;
}
.addFriendsSocialWrap > a.friendsSocial span#addFriendsTwitter {
background: transparent url(../img/addFriendsTwitter.png) no-repeat;
width: 147px;
height: 35px;
margin-top: -18px;
margin-left: -74px;
}
.addFriendsSocialWrap > a.friendsSocial span#addFriendsYahoo {
background: transparent url(../img/addFriendsYahoo.png) no-repeat;
width: 138px;
height: 27px;
margin-top: -14px;
margin-left: -69px;
}
.addFriendsSocialWrap > a.friendsSocial span#addFriendsGmail {
background: transparent url(../img/addFriendsGmail.png) no-repeat;
width: 132px;
height: 59px;
margin-top: -30px;
margin-left: -66px;
}
.addFriendsSocialWrap > a.friendsSocial span#addFriendsLinkedin {
background: transparent url(../img/addFriendsLinkedin.png) no-repeat;
width: 145px;
height: 38px;
margin-top: -19px;
margin-left: -72px;
}
.addFriendsSocialWrap > a.friendsSocial span#addFriendsWindows {
background: transparent url(../img/addFriendsHotmail.png) no-repeat;
width: 169px;
height: 39px;
margin-top: -20px;
margin-left: -86px;
}
.addFriendsSocialWrap > a.friendsSocial span#addFriendsOutlook {
background: transparent url(../img/addFriendsOutlook.png) no-repeat;
width: 174px;
height: 54px;
margin-top: -32px;
margin-left: -89px;
}
.addFriendsSocialWrap > a.friendsSocial span#addFriendsApple {
background: transparent url(../img/addFriendsApple.png) no-repeat;
width: 61px;
height: 76px;
margin-top: -42px;
margin-left: -32px;
}
.addFriendsSocialWrap > a.friendsSocial span#addFriendsAol {
background: transparent url(../img/addFriendsAol.png) no-repeat;
width: 165px;
height: 60px;
margin-top: -31px;
margin-left: -80px;
}
.addFriendsSocialWrap > a.friendsSocial span#addFriendsCSV {
background: transparent url('../img/CSV.png') no-repeat;
width: 165px;
height: 60px;
margin-top: -31px;
margin-left: -33px;
}

.addFriendsSocialWrap > a.friendsSocial span#addFriendsiCloud {
	background: transparent url(../img/addFriendsiCloud.png) no-repeat;
	width: 100%;
  	height: 76px;
  	margin-top: -28px;
  	margin-left: -73px;
}
.addFriendsSocialWrap > a.friendsSocial span#addFriendsOutlookCom {
	background: transparent url(../img/addFriends_outlook.png) no-repeat;
	width: 100%;
	height: 76px;
	margin-top: -14px;
	margin-left: -81px;
}
.addFriendsSocialWrap > a.friendsSocial span#addFriendsLinkedin {
	background: transparent url(../img/addFriends_Linkedin.png) no-repeat;
	width: 100%;
	height: 76px;
	margin-top: -20px;
  	margin-left: -74px;
}

#emailAdded{float:left; width:498px; color: #fff; line-height: 18px; padding-top:6px; position:relative; top:0; left:0;}
#emailAdded a{ color: #fff; text-decoration:underline}
#emailAdded a:hover{text-decoration:none}
.inviteVia {
color: #ffffff;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
font-size: 16px;
line-height: 21px;
font-weight: bold;
margin: 0 0 5px 0; padding-top:40px; padding-left:7px; height:auto;
}
.inviteVia > span {
font-weight: normal;
font-size: 12px;
}
.inviteVia a{color: #ffffff; text-decoration:underline}
.inviteVia a::hover{text-decoration:none}
/***** invite via email section ******/
#inviteViaEmail {
font-size: 16px;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
color: #ffffff;
font-weight: bold;
clear: both;
margin: 0 0 0 30px;
line-height: 20px;
width: 660px;
float: left;
}
#inviteViaEmail >span {
font-size: 12px;
font-weight: normal;
clear: both;
display: block;
}
#inviteViaEmailLeft {
width: 305px;
height: 353px;
float: left;
margin: 10px 0 0 0;
position: relative;
}
#inviteViaEmailLeft select#selectTemp {
float: left;
width: 173px;
/* height: 28px; */
margin: 0 0 20px 0;
padding: 0;
}
#inviteViaEmailLeft > #invitePreview {
background-color: #e7f4fc;
border: 1px solid #3d6178;
-moz-box-shadow: rgba(00,00,00,.19) 1px 1px 0;
-webkit-box-shadow: rgba(00,00,00,.19) 1px 1px 0;
box-shadow: rgba(00,00,00,.19) 1px 1px 0;
width: 285px;
height: 294px;
float: left;
padding: 10px;
}
#invitePreview > #invitePreviewTop {
color: #43799c;
font-size: 13px;
text-shadow: none;
position: relative;
font-weight: bold;
}
#invitePreview > #invitePreviewTop > span {
color: #2c2c2c;
position: absolute;
left: 70px;
font-weight: normal;
}
#emailForm fieldset{position:relative; top:0; left:0}
#previewEmailBox{padding:10px; border:solid 1px #3D688A; margin:20px 10px;}
#emailHtmlPreview{ width:100%;}
/*
#invitePreview  > #invitePreviewBody {
font-size: 12px;
color: #2c2c2c;
text-shadow: none;
font-weight: normal;
}
*/
#invitePreview  > #invitePreviewBody > textarea {
font-size: 12px;
color: #2c2c2c;
line-height: 16px;
position: relative;
top: 0;
left: -4px;
text-shadow: none;
font-weight: normal;
width: 280px;
height: 250px;
overflow: hidden;
border: 0 none;
overflow-y: auto;
background: none;
outline: none;
border: 1px solid transparent;
}
#invitePreview  > #invitePreviewBody > textarea:focus {
outline: none;
border: 1px black solid;
background-color: #ffc;
}
#inviteViaEmailLeft > button {
position: absolute;
left: 50%;
margin-left: -63px;
bottom: -45px;
background: transparent url(../img/previewEmailBtn.png) no-repeat;
width: 125px; 
height: 31px;
padding: 0;
border: 0 none;
cursor: pointer;
}
#inviteViaEmailRight {
float: right;
width: 306px;
height: 158px;
margin: 22px 25px 0 0;
position: relative;
}
#inviteViaEmailRight > form > textarea {
width: 296px;
height: 110px;
font-size: 14px;
overflow-y: auto;
}
#inviteViaEmailRight > form > input{
background: transparent url(../img/inviteFriendsBtn.png) no-repeat;
padding: 0;
margin: 10px 0 0 0;
border: 0 none;
width: 125px;
height: 31px;
float: right;
cursor: pointer;
}

#cke_message{border-color: #d9d9d9; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none}
#cke_message .cke_bottom{background-color:#818FA3}

/*new from sk*/
#recipientList {
    background: none repeat scroll 0 0 #E0EBF2;
    border: 1px solid #748496;
    -moz-border-radius: 5px 5px 5px 5px !important;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    -moz-box-shadow: 0 0 2px rgba(2, 3, 3, 0.75) inset;
    -webkid-box-shadow: 0 0 2px rgba(2, 3, 3, 0.75) inset;
    box-shadow: 0 0 2px rgba(2, 3, 3, 0.75) inset;
    height: 200px;
    margin: 5px 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 667px;
}
#recipientList li {
	padding: 5px;
	border-bottom: 1px solid;
	cursor:pointer;
	-webkit-user-select: none; -moz-user-select: none; user-select: none;
}
#recipientList li.selected {
    background-color: lightblue;
}
#recipientActions{text-align: right;}
#recipientActions a{color:#fff}
#recipientActions a:hover{text-decoration:underline}


#tblConatctBookList .tableRow {padding-top:0; min-height:20px}
#tblConatctBookList .tableHead .tableColSortable {background-position: 4px center}
#tblConatctBookList .tableHead .tableColCheckbox{}
#tblConatctBookList .tableCol{border-right:1px solid #DDDDFF; margin-left:0; margin-right:0; padding-left:4px; padding-right:4px }
#tblConatctBookList .tableHead .tableCol{border-right-color:#66A2BE;}
#tblConatctBookList .tableBody .tableRow .tableCol{height:20px; line-height:20px; overflow: hidden; padding-top:4px; padding-bottom:4px ; text-overflow: ellipsis; white-space: nowrap; }
#tblConatctBookList .tableBody .tableRow .tableColCheckbox{}
#tblConatctBookList .tableBody .tableRow .tableColCheckbox input, #tblConatctBookList .tableBody .tableRow .tableColCheckbox img{ vertical-align: middle;}
#tblConatctBookList .tableColCheckbox{}
.tableColEditable:hover{text-decoration:underline; cursor:pointer;}
#editContactRow{background-color:#fff; padding:10px; *clear:both}
#editContactRow #editContactValue{width:616px;}
.beingEdited{background-color:#fff;}
#editContactValue{background-color: #E0EBF2;}
#tblConatctBookList .tableRowEmptyTable{padding:12px}
#tblConatctBookList .tableRowEmptyTable a{color:#22272A; text-decoration:underline}
#tblConatctBookList .tableRowEmptyTable a:hover{text-decoration:none}

#contactBookPopInner #tblConatctBookList, #contactBookPopInner .tableHead, #contactBookPopInner .tableRow:last-child{ -moz-border-radius: 0; -webkit-border-radius:0; border-radius: 0;}
#contactBookPopInner #tblConatctBookList .tableBody{ max-height:300px; overflow:auto}

#contactBookActionBtn{padding-left:0; padding-right:0; width:140px; border-color:#082334; color:#fff;
background: #2D4756 url(../img/actionsBtnIcon.png) no-repeat 10px center ;
background: url(../img/actionsBtnIcon.png) no-repeat 10px center, -moz-linear-gradient(top, #426A83 0%, #37566A 25%, #2D4756 100%);
background: url(../img/actionsBtnIcon.png) no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#426A83), color-stop(25%,#37566A),  color-stop(100%,#2D4756));
background: url(../img/actionsBtnIcon.png) no-repeat 10px center, -webkit-linear-gradient(top, #426A83 0%, #37566A 25%,#2D4756 100%) ;
background: url(../img/actionsBtnIcon.png) no-repeat 10px center, -o-linear-gradient(top, #426A83 0%, #37566A 25%,#2D4756 100%);
background: url(../img/actionsBtnIcon.png) no-repeat 10px center, -ms-linear-gradient(top, #426A83 0%, #37566A 25%,#2D4756 100%);
background: url(../img/actionsBtnIcon.png) no-repeat 10px center, linear-gradient(top, #426A83 0%, #37566A 25%,#2D4756 100%);
}
#contactBookActionsCont{padding: 0 2px; position:absolute; z-index: 2;}
#contactBookActions{background:#D9EFFD; border:solid 1px #053251; width:100%; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;
    -moz-box-shadow: rgba(0,0,0,.70) 0px 1px 5px;
	-webkit-box-shadow: rgba(0,0,0,.70) 0px 1px 5px;
	box-shadow: rgba(0,0,0,.70) 0px 1px 5px;
	}
#contactBookActions li{display:block; width:100%; text-indent:22px; color:#000; height:26px; line-height:26px; cursor:pointer}
#contactBookActions li:last-child{ -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;}
#contactBookActions li:hover{background:#5A7588; color:#fff}


#addNewContactPop fieldset{float:left; width:188px; margin-right:10px}
#addNewContactPop fieldset input{width:178px}


#contactBookPop{display:none; width:790px; margin-left:-409px; padding:40px 14px 14px; }
#contactBookPop #contactBookPopHead{position:absolute; top:10px; left:18px; height:26px; line-height:26px;}
#contactBookPopInner{background:#092435; padding:18px;}

/***************************** my account promote styling ******************************/
.promoteDirections {
font-size: 14px;
font-weight: bold;
color: #ffffff;
line-height: 20px;
}
.promoteDirections > span {
font-size: 13px;
font-weight: normal;
display:block;
}
/***** promote banners ******/
.promoteBannerWrap {
/* width: 728px; */
height: auto;
position: relative;
margin: 15px 10px;
}
.promoteBannerWrap  div.promoteDesc {
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-align: left;
margin: 0 0 5px 0;
}
.leaderboard > img {
width: 100%;
}
.promoteBannerWrap  div.promoteCopy {
/* width: 468px; */
width: 100%;
height: 56px;
background-color: #021b2b;
border: 1px solid #02111c;
margin: 7px 0 0 0;
}
.promoteBannerWrap  div.promoteCopy  fieldset {
width: 100%;
height: 18px;
margin: 5px auto 5px;
float: left;
}
.promoteBannerWrap  div.promoteCopy  fieldset  label {
color: #ffffff;
float: left;
font-size: 11px;
padding: 0;
line-height: 17px;
width: 66px;
margin: 0 0 0 5px;
}
.promoteBannerWrap div.promoteCopy fieldset  input[type="text"] {
background-color: #ffffff;
border: 1px solid #d7d7d7;
height: 13px;
float: left;
font-size: 11px;
color: #a09f9f;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius:0;
padding: 2px 5px;
margin: 0 0 0 5px;
}
.promoteBannerWrap div.promoteCopy fieldset  input[type="button"] {
width: 87px;
height: 21px;
background: transparent url(../img/copyBtn.png) no-repeat;
float: left;
margin: 0 1px 0 8px;
padding: 0;
}

/***************************** offline donation ******************************/
/***** enter donation popup ******/
#enterDonationPop {
width: 600px;
margin-left: -300px;
padding: 10px 0;
display:none;
}
.ui-button:focus {
outline: none;
}
.ui-widget-overlay {
background-color: rgb(00,00,00);
background-color: rgba(00,00,00,.6);
opacity: .6;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
position: absolute;
top: 0;
left: 0;
}
/***** actual enterDonationPop styling ******/
.enterDonationPop > h3 {
margin: 10px 0 0 20px;
}
#enterDonationPop > #addOfflineMainForm {
padding: 10px 0 5px 20px;
}
#enterDonationPop > #addOfflineMainForm >fieldset {
float: left;
margin-right: 5px;
position:relative; top:0; left:0;
}
#enterDonationPop > #addOfflineMainForm >fieldset >select {
width: 203px;
margin-top: 5px;
}
#enterDonationPop > #addOfflineMainForm >fieldset > label{
padding-bottom: 5px;
padding-top: 0;
}
#enterDonationPop > #addOfflineMainForm >fieldset > input {
    width:170px
}
/***** second form ******/
#donationTypeBg {
    background: #0f3c5a;
    -moz-box-shadow: rgba(255,255,255, .19) 0 1px 1px;
    -webkit-box-shadow: rgba(255,255,255, .19) 0 1px 1px;
    box-shadow: rgba(255,255,255, .19) 0 1px 1px;
    margin: 10px 0 0 0;
    padding: 2px 20px 10px 0;
    width: 100%;
    position: relative;
    left: -20px;
    top: 0;
    display: none;
}
.donationTypeChild{display:inline;}
#donationTypeBg fieldset {
float: left;
margin-right: 5px;
margin: 3px 0 0 10px;
position:relative; top:0; left:0;
}
#donationTypeBg fieldset > label {
font-size: 12px;
}
#donationTypeBg fieldset > input.pickaDate {
outline: none;
}
/*.ui-datepicker {
z-index: 1002 !important;
}*/
.ui-datepicker-trigger {
padding: 0;
margin: 0;
border: 0;
margin: 5px 0 0 5px;
cursor: pointer;
background: none;
}
#donationTypeBg fieldset > input[type="text"] {
width: 194px;
font-size: 12px;
}
#donationTypeBg fieldset > .labelWithDollar {
margin-left: 12px;
}
#donationTypeBg fieldset > span.dollar {
color: #ffffff;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
font-size: 14px;
font-weight: bold;
position: relative;
top: 5px;
}
#donationTypeBg fieldset > label, #hqContent #donationTypeBg fieldset > label {
margin: 0;
padding: 0;
padding-bottom: 5px;
color: #fff;
text-shadow: 1px 1px 1px rgba(00, 00, 00, .75)
}
#donationTypeBg fieldset > input.dateRecieved {
width: 74px;
}
#totalAndSubmit {
    padding:15px 10px 5px 0;
}
.submissionAlert{text-align: left; font-size: 23px; float: left;}
#enterDonationPop span.error > span {top:7px}
/***************************** social section styling ******************************/

/***** save settings button ******/
#saveSettings {
background: transparent url(../img/saveSettingsbtn.png) no-repeat;
width: 125px;
height: 31px;
padding: 0;
margin: 0;
border: 0 none;
float: right;
position: relative;
top: -28px;
cursor: pointer;
}
#manageConnectionsWrap {
float: left;
clear: both;
font-weight: bold;
position: relative;
margin-top: 0;
width: 100%;
height: 115px;
}
#manageConnectionsWrap > a#editSocialConnections,#manageConnectionsWrap > h3 {
color: #ffffff;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
font-size: 16px;
width: 100%;
float: left;
margin: 10px 0 15px 0;
}
/***** manageConnections social network btn list ******/
#manageConnectionsWrap > #manageConnectionsList {
width: 500px;
float: left;
height: 50px;
}
#manageConnectionsWrap > #manageConnectionsList li > a{
float: left;
width: 50px;
height: 50px;
margin: 0 6px;
outline: 1px solid green;
}
#manageConnectionsWrap > #manageConnectionsList li.btn {
width: 18px;
height: 29px;
outline: 1px solid orange;
position: relative;
top: 10px;
float: left;
margin: 0 5px;
}
/***** manage sharing ******/
#manageSharingCont{padding:0 20px; position:relative; top:0; left:0;}
.manageSharingTable {
width: 100%;  
border-collapse: collapse;
font-size: 16px;
font-weight: bold;
margin-bottom:20px;
}
.manageSharingTable thead > tr{
/* border-bottom: 7px solid #0a2132; */
background: transparent url(../img/middleCenterDivider.png) repeat-x bottom center;
width: 95%;
height: 31px;
}
.manageSharingTable thead > tr > td {
/* text-align: left; */
}
.manageSharingTable tr {
}
.manageSharingTable tr > td {
padding: 10px 0;
text-align: center;
}
.manageSharingTable td.setLeft {
text-align: left;
}
.manageSharingTable a.removeGigConnection{position:absolute; left:0; top:11; background: url(../img/removeAddedMemberBtn.png) no-repeat top center; width:14px; height:15px}
.manageSharingTable a.removeGigConnection:hover{background-position: bottom center;}
/***************************** teamSection styling ******************************/
#teamLeftContent {
float: left;
width: 398px;
position: relative; top:0; left:0;
margin: 10px 15px 0 0;
}
#teamLeftContent > #sortBy {
position: absolute;
right: 5px;
top: -25px;
}
#teamLeftContent > #sortBy > label {
float: left;
font-size: 10px;
text-shadow: none;
margin: 0 5px 0 0;
position: relative;
top: -5px;
}
#teamLeftContent > #myTeamMemWrap {
width: 398px;
/* height: 480px; */
height: auto;
/*
overflow: hidden;
overflow-y: auto;
*/
}
#teamLeftContent > #myTeamMemWrap a {
}
#teamLeftContent > #myTeamMemWrap > .myTeamMem {
width: 398px;
min-height: 67px;
background-color: #e7f4fc;
border-bottom: 1px #e2e1e0 solid;
}
.teamMemInfoRegProducts{margin: 3px 0 8px; height: auto; width: auto;}
#teamLeftContent > #myTeamMemWrap > .myTeamMem > .teamMemInfo.teamMemInfoRegProducts > h4{margin-top: 0; display:inline; font-size: 12px; float:none}
#teamLeftContent .inviteVia{margin-top: 20px;}
#teamLeftContent > #myTeamMemWrap > .myTeamMem > img, #teamLeftContent > #myTeamMemWrap > .myTeamMem span.profileImg {
max-width: 35px;
max-height: 35px;
outline: none;
float: left;
margin: 4px 7px 4px 2px;
text-align: center;
line-height: 59px;
background: rgb(204, 204, 204);
font-size: 16px;
text-transform: uppercase;
}
#teamLeftContent > #myTeamMemWrap > .myTeamMem .teamMemInfo {
width: 140px;
float: left;
line-height: 16px;
}
#teamLeftContent > #myTeamMemWrap > .myTeamMem > .teamMemInfo > h4 {
font-weight: bold;
float: left;
margin-top: 4px;
}
#teamLeftContent > #myTeamMemWrap > .myTeamMem > .teamMemInfo > p {
font-size: 12px;
font-weight: normal;
float: left;
}
#teamLeftContent > #myTeamMemWrap > .myTeamMem > .teamMemInfo > .isWalkerPic {
background: transparent url(../img/isWalkerPic.png) no-repeat;
width: 6px;
height: 12px;
float: left;
clear: left;
margin-top: 2px;
}
#teamLeftContent > #myTeamMemWrap > .myTeamMem > .raisedToDateSec {
float: left;
width: 95px;
height: 30px;
font-weight: bold;
font-size: 12px;
line-height: 15px;
margin: 0 0 0 5px;
}
#teamLeftContent > #myTeamMemWrap > .myTeamMem > .raisedToDateSec > span {
font-weight: normal;
}
#teamLeftContent > #myTeamMemWrap > .myTeamMem > .personalGoalSec {
float: left;
width: 85px;
height: 30px;
font-weight: bold;
font-size: 12px;
line-height: 15px;
margin: 0 0 0 5px;
}
#teamLeftContent > #myTeamMemWrap > .myTeamMem > .personalGoalSec > span {
font-weight: normal;
}
a#seeMore{
font-size: 12px;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
margin-top: 10px;
float: right;
clear: both;
}
/***** begin Right Content Styling ******/
#teamRightContent {
float: left;
width: 308px;
height: 140px;
position: relative;
top: 10px;
font-size: 11px;
font-weight: normal;
color: #ffffff;
line-height: 20px;
}
#teamRightContent > h3 {
font-weight: bold;
font-size: 14px;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
line-height: 31px;
position: relative;
top: -10px;
margin-bottom: -10px;
}
#teamRightContent > p {
text-align: left;
margin: 0;
padding: 0;
clear: both;
}
#teamRightContent > p > span {
float: right;
width: 142px;
}
/***************************** edit my account popup ******************************/

#editMyaccountPop fieldset{position:relative; top:0; left:0}
#editMyaccountInner {
padding: 15px 20px;
position: relative;
}
#editMyaccountForm {
/*width: 403px;*/
float: left;
position: relative;
}
.myAccForm {
	width: 403px;
	float: left;
	position: relative;
}

.myAccMainFormWidth {
	width: 710px;
}
#editMyaccountForm > fieldset > small {
color: #ffffff;
font-size: 11px;
position: absolute;
left: 0;
bottom: -20px;

}
/***** right side ******/
#editMyaccountPic {
width: 203px;
height: auto;
margin: 0 0 0 25px;
/*position: absolute;*/
left: 440px;
float: right;
top: 0;
text-align: left;
}

/***** is this needed? ******/
#editMyaccountPic > img {
max-width: 203px;
max-height: 294px;
text-align: left;
}
#editMyaccountPic > fieldset {
width: 210px;
position: relative;
left: 0;
}
#previewEmailPop {
background: transparent url(../img/previewEmailPopBg.png) no-repeat;
width: 836px;
height: 552px;
position: relative;
}
.previewEmailPopClose {
background: transparent url(../img/popupClose.png) no-repeat !important;
width: 24px;
height: 25px;
position: absolute;
right: 0;
top: -10px;
cursor: pointer;
}
#previewEmailPop > h3 {
color: #ffffff;
font-size: 16px;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
font-weight: bold;
padding: 15px;
}
#emailPreviewWrap {
background: transparent url(../img/emailPreviewWrap.png) no-repeat;
width: 800px;
height: 477px;
margin: 0 auto !important;
position: relative;
left: -4px;
}
#actualEmailWrap {
background: transparent url(../img/actualEmailWrapBg.png) no-repeat;
width: 556px; 
height: 208px;
overflow: none;
overflow-y: auto;
margin: 0 auto;
position: relative;
top: 80px;
padding: 30px 50px;
color: #2c2c2c;
font-weight: normal;
line-height: 19px;
font-size: 12px;
}
#actualEmailWrap > h4 {
font-size: 20px;
color: #33537b;
}
#PreviewEmailCTAWrap {
width: 655px;
height: 61px;
margin: 0 auto;
position: relative;
top: 110px;
}
#PreviewEmailCTAWrap > a > img {
outline: none;
float: left;
margin-right: 55px;
}
/*****promote page text copied to clipboard popup ******/
#textCopiedPopup {
width: 200px;
height: auto;
padding: 15px 10px;
display: none;
margin: -20px 0 0 -100px;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(00,00,00, .75);
font-size: 14px;
text-align: center;

}
/***************************** connors css ******************************/
/*
.pla_Headquarters .clos_2 .Trends_area{
margin:0px;
padding:0px;
}

.pla_Headquarters .clos_2 .Trends_area .sub_area{
margin:0px;
padding:0px;
}

.pla_Headquarters .clos_2 .Trends_area .sub_area .sub_area_top{
margin:0px;
padding:0px 5px;
background:url(/content/images/trand_bg-strip.jpg) repeat-x;
height:28px;
width:392px;
border:solid 1px #e2e1e0;
}


.pla_Headquarters .clos_2 .Trends_area .sub_area .sub_area_top .you_dash_area{
float:left;
width:58px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#363636;
text-align:left;
}

.you_opponent_text
{
    float:right;
    text-align:right; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:12xp;
    color:#363636;
    padding:4px 0px 0px 3px;
}

.pla_Headquarters .clos_2 .Trends_area .sub_area .sub_area_top .you_dash_icon{
float:left;
padding:11px 5px 0px 3px;
}

.pla_Headquarters .clos_2 .Trends_area .sub_area .sub_area_top .you_dash_text{
font-family:Arial, Helvetica, sans-serif;
font-size:12xp;
color:#363636;
text-align:left;
float:left;
padding:4px 0px 0px 3px;
}

.pla_Headquarters .clos_2 .Trends_area .sub_area .sub_area_top .your_opponent_text
{
    font-family:Arial, Helvetica, sans-serif;
font-size:12xp;
color:#363636;
text-align:left;
float:left;
padding:0px 4px 0px 0px;
}


.pla_Headquarters .clos_2 .Trends_area .sub_area .sub_area_top .compare_dash_area{
float:right;
width:300px;
padding:5px 0px 0px 0px;
}

.pla_Headquarters .clos_2 .Trends_area .sub_area .sub_area_top .compare_dash{
float:right;
padding:0px 10px 0px 0px;
}

.green_dash_icon{
margin:0px;
padding:0px;
padding:7px 0px 0px 0px;
}

.pla_Headquarters .clos_2 .Trends_area .sub_area .sub_area_top .compare_dash .green_dash_text{
color:#363636;
font-family:Arial,Helvetica,sans-serif;
text-align:left;
font-size:12px;
color:#363636;
}

.pla_Headquarters .clos_2 .Trends_area .sub_area .sub_area_top .select_area{
float:right;
padding:0px 0px 0px 0px !important;
}

.pla_Headquarters .clos_2 .Trends_area .sub_area .sub_area_top .selected{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#363636;
text-align:left;
width:130px;
height:20px;

}

.pla_Headquarters .clos_2 .Trends_area .trands_heading{
color:#ADADAD;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
text-align:left;
text-transform:uppercase;
padding:6px 0px 2px 0 !important;
}

.pla_Headquarters .clos_2 .personal_over_view {
padding:0px;
margin:0px;
float:right;
width:294px;
}
*/

.goalUpdatedSuccessfully{ color: #fff; padding:15px}
/***** default edit btn styling ******/
div.editBtn {
position: relative;
left: 10px;
background: transparent url(../img/myPageEditBtn.png) no-repeat;
width: 32px;
height: 13px;
float: left;
top: 11px;
cursor: pointer;
}
input.gig-textbox-search{border:solid 1px}


/*to #fff*/
#hqContent,
#leftAndCenterCont{background-color:#fff}
#leftAndCenterCont{-webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}

#hqContent fieldset > label,
.sectionHeader h3,
.promoteDirections ,
.promoteBannerWrap div.promoteDesc,
#memberInfoArea #memberInfo,
#memberInfoArea #memberInfo > a,
ul#hqNav li a,
#hqLeftContent .allCapsHeader, #hqrightContent .allCapsHeader,
#myPageLeft h4, #myPageRight h4,
.fundReport > caption,
#fundraisingTopSection > .imAnnoyed > h4,
.inviteVia,
#teamRightContent > h3,
.inviteVia a,
#emailAdded, #emailAdded a{color:#343436; text-shadow:none}

ul#hqNav li.highlightCurrentNavListItem a{color:#fff; }

.manageSharingTable,
#recipientActions a,
#leftEventInfoWrap a,
#teamRightContent,
.autoCompleteContAllLnk,
#register2Form div.innerDiv h2,
#register4 > h2, #billingOuterCont > h2 ,
#billAddressNewCont label,
.memberSumWrap .memberSum > h3,
.memberSumWrap .memberSum > .memberSumCost,
#walkerTeamTop,
#teamTotalCont h2,
#teamTotalCont h3,
#registerPhoneNumber div.small,
#pgPagingBtnsWrap,
#teamFound,
#teamFound a,


#register1 h2, #register2Form .registerh2,
#register2Form div.innerDiv p {}

#teamBuilderInvite .invContainer,
#thankYouEmailPop .invContainer {
	background:#f5f5f5 !important; 
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
#teamBuilderInvite .personalMsg,
#thankYouEmailPop .personalMsg{
	width: 100% !important;
	box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    margin-top:4px; 
    height: 58px; 
    width:366px; 
    display:none;
    font-size: 13px;
}

#editTheArea {
	width: 100%;
	padding: 10px;
	background: #fff5a9;
	margin-top:15px;
	box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}

/*ad kahn*/

#hqTopTout{padding:8px; position:relative; top:0; left:0; height:70px; color:#fff; text-shadow: #000 0 1px 4px; font-size:20px; font-weight:bold; border:solid 1px #1E3A52;
-moz-box-shadow: 0 1px 3px rgba(00,00,00,.5);
-webkit-box-shadow: 0 1px 3px rgba(00,00,00,.5);
box-shadow: 0 1px 3px rgba(00,00,00,.5);
background-color: #3D6588 !important; 
background: -webkit-gradient(linear, 0 0, 86 16, color-stop(0, rgba(255, 255, 255, 0.12)), color-stop(0.25, rgba(255, 255, 255, 0.12)), color-stop(0.26, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.51, rgba(255, 255, 255, 0.12)), color-stop(0.75, rgba(255, 255, 255, 0.12)), color-stop(0.76, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0.35))), #436F92;
background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%), #436F92;
background-size: 35px 86px;
-webkit-background-size: 44px 86px;
       
}
#hqTopTout div{font-size: 40px; margin-bottom:4px}
#hqTopTout span{position:absolute; right:8px; top:50%; margin-top:-29px; width:43px; height:58px; background:url(../img/hqInvolvedArrow.png) no-repeat}
#hqTopTout span.kbdContent{position:static; background:0 none; display:inline; margin:0; height:auto; width:auto}

#progressRightCont{float:left; width: 190px; border-left: solid 1px #DDD; padding-left: 8px;}
#startedProgressPercentCompleteCont{padding:8px 0 10px; border-bottom: solid 1px #ddd; margin-bottom:10px}
#startedProgressPercentComplete{display:inline-block; width:150px; height:12px; border:solid 1px #8A8A8A;
-moz-box-shadow: 1px 1px 0 rgba(00,00,00,.19);
-webkit-box-shadow: 1px 1px 0 rgba(00,00,00,.19);
box-shadow: 1px 1px 0 rgba(00,00,00,.19);
}

@-webkit-keyframes animate-stripes {to {background-position: 55px 0;} from { background-position: 0 0; }}
@-moz-keyframes animate-stripes {to {background-position: 36px 0;} from {  background-position: 0 0;}}
.newProgressPercentCompleteInner
{display:inline-block; height:100%; position:relative; top:0; left:0; max-width:100%;
background-color: #9CB653 !important;
background: -webkit-gradient(linear, 0 0, 55 55, color-stop(0, rgba(255, 255, 255, 0.17)), color-stop(0.25, rgba(255, 255, 255, 0.17)), color-stop(0.26, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.51, rgba(255, 255, 255, 0.17)), color-stop(0.75, rgba(255, 255, 255, 0.17)), color-stop(0.76, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))), #72900E;
background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%), #72900E;
background-size: 36px 44px;
-webkit-background-size: 55px 55px;
-moz-animation: animate-stripes 2s linear infinite;
-webkit-animation: animate-stripes 2s linear infinite;
-o-animation: animate-stripes 2s linear infinite;
-ms-animation: animate-stripes 2s linear infinite;
-khtml-animation: animate-stripes 2s linear infinite;
animation: animate-stripes 2s linear infinite;
}
.newProgressPercentCompleteInner span{position:absolute; top:0; right:8px; color:#5D701E; text-shadow: rgba(255, 255, 255, 0.45) 0 1px 0px;  white-space: nowrap;}
ul#startedProgressCont li{line-height:15px; padding:6px 0 6px 20px; list-style:none outside none; background:url(/Content/Global/img/dot.png) no-repeat 4px center; text-decoration:none;}
ul#startedProgressCont li.startedProgressDone{background:url(/Content/Global/img/check2.png) no-repeat left center; text-decoration:line-through;}
ul#startedProgressCont li a:hover{text-decoration:underline}

#hqMainProgressCont{position:relative; top:0; left:0; border:solid 1px #E0E0E0; padding:8px 124px 8px 22px; background:#F3F3F3; height:40px; line-height:40px; margin-bottom:16px}
#hqMainProgress{height:40px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px; border:solid 1px #7E7E7E;
background-color: #abb2bc;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #949daa), color-stop(100%, #abb2bc));
background: -webkit-linear-gradient(#949daa 0%, #abb2bc 100%);
background: -moz-linear-gradient(#949daa 0%, #abb2bc 100%);
background: -o-linear-gradient(#949daa 0%, #abb2bc 100%);
background: -ms-linear-gradient(#949daa 0%, #abb2bc 100%);
background: linear-gradient(#949daa 0%, #abb2bc 100%);
}
#hqMainProgress .newProgressPercentCompleteInner{-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px; min-width: 15%;}
#hqMainProgress .newProgressPercentCompleteInner span{height:40px; line-height:40px; font-size:16px;}
#hqMainProgressGoal{position:absolute; top:8px; right:8px; font-size:20px; width: 110px;}


fieldset#teamBuilterTopOptions{margin:12px 0}
fieldset#teamBuilterTopOptions input{float: left; width:auto; padding:3px;}
fieldset#teamBuilterTopOptions label{float: left; width:auto; padding:0 2px; margin-right:4px; font-size: 14px;}
.popFloatingFieldset{float:left; width:190px; margin-right:6px}

table.rsvpTable{margin:0; padding:0; border: solid #E1E1E1; border-width: 0 0 1px; min-width: 240px;}
table.rsvpTable > tbody > tr{margin:0; padding:0; border:0 none}
table.rsvpTable > tbody > tr > td{ padding: 0 12px ; border:0 none; text-align:center; position: relative; top: 0; left: 0;}
table.rsvpTable > tbody > tr > td.tdAlignLeft{text-align:left; }
table.rsvpTable > tbody > tr.trHead{border:solid 1px #B9B9B9; 
background-color: #EAEAEA;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#DBDBDB));
background: -webkit-linear-gradient(#fff 0%, #DBDBDB 100%);
background: -moz-linear-gradient(#fff 0%, #DBDBDB 100%);
background: -o-linear-gradient(#fff 0%, #DBDBDB 100%);
background: -ms-linear-gradient(#fff 0%, #DBDBDB 100%);
background: linear-gradient(#fff 0%, #DBDBDB 100%);
}
table.rsvpTable > tbody > tr.trHead > td, #rsvpTableSummary > tbody > tr > td{padding:7px 12px ;}
table.rsvpTable > tbody > tr.trHead > td small{font-size:9px}
table.rsvpTable > tbody > tr.trEven{background-color:#F1F1F1}
table.rsvpTable span.error > span {top:-5px}
#rsvpTableCont, #billingOuterContRsvp{float:left; min-width:410px;}
#rsvpTableCont{margin-bottom:16px;}
#rsvpTableSummaryCont{float:right; margin-left:16px;}
#rsvpRspedDv{line-height:20px}
#billingOuterContRsvp fieldset, #donationSelfOuterCont fieldset{z-index:1}

table.rsvpTable > tbody > tr > td.tdAlignLeft > div{min-width:110px; word-wrap:break-word;}
table.rsvpTable > tbody > tr > td div.tdDivWrap{position: relative; top: 0; left: 0; height:100%; padding:6px 0}
table.rsvpTable > tbody > tr > td span.exRsvp{position: absolute; top: 50%; margin-top: -8px; left: 0; width: 14px; height: 15px; background: url(../img/removeAddedMemberBtn.png) no-repeat center top; cursor:pointer}
table.rsvpTable > tbody > tr > td span.exRsvp:hover{background-position:center bottom}
table.rsvpTable > tbody > tr > td div.hasExRsvp{padding-left:20px; width:90px; }
table.rsvpTable > tbody > tr > td div.tdDivWrap input[type="text"]{
	background-color:transparent;
	border:solid 1px #EAEAEA;
	height: 24px;
	width:176px;
	border-radius: 0 0 0;
}
table.rsvpTable > tbody > tr > td div.tdDivWrap select{
	background-color:transparent;
	border:solid 1px #EAEAEA;
	height: 26px;
	border-radius: 0 0 0;
}
table.rsvpTable > tbody > tr > td div.tdDivWrap .MSDList{
	margin-top:0;
}
table.rsvpTable > tbody > tr > td div.tdDivWrap.tdDivWrapDate input{max-width:98px}
#rsvpCouponCont{position:relative; top:0; left:0; margin-top:6px;}
#rsvpCouponInpt{float:right; width: 155px; margin-right:5px; background:0 none; border:solid 1px #EAEAEA; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
#rsvpCouponCont .btn{width: 65px; padding: 0; float: right;}

#makeADonationBox fieldset > label, .newProgressPercentCompleteInner span{color: white; text-shadow: 1px 1px 1px black;}

#emailForm a.cke_button__strike {display:none}

.myPageAlertMsg{background-color:rgb(249, 237, 190); border:solid 1px rgb(240, 195, 109); color: rgb(51, 51, 51); height: 14px; line-height:14px; border-radius: 2px 2px 2px 2px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); font-size: 11px; text-align: center; margin-bottom:10px; padding: 6px 16px;}
.myPageAlertMsg a{color:rgb(51, 51, 51); text-decoration:underline;}
.myPageAlertMsg a:hover{text-decoration:none;}

#updatePersonalImageChoice{min-height: 220px;}

@media print {
	html, body { background: 0 none }
	#headerWrap, #contentWrap ul.nav, #currentPageBlock, #hqNavSection{display:none}
	#hqContentWrap{border:0 none}
	#contentWrap{-moz-box-shadow:none; -webkit-box-shadow: none; box-shadow:none;}
}


.mainCurrency{position: absolute; right: 92px; top: 0; font-size: 12px; line-height: 17px;}
.topFundraiser .mainCurrency{margin-top:8px;}
.mainCurrency span{display:inline-block; zoom:1; *display:inline; width: 15px; height:9px; background:no-repeat center}
.mainCurrency.mainCurrencyUSD span{background-image:url(../img/currecy-flag-sml-usd.png)}

#donationSelfOuterCont, #recmommitThankYouCont{ line-height: normal;}

/*HQ modal  - boostrap custom*/
body.contheadquarters.modal-open .modal{overflow-x: auto;}
body.contheadquarters .modal-header .close {
    margin-top: -2px;
    font-size: 22px;
}

body.contheadquarters .modal-content {
	min-height: 150px;
	overflow: hidden;
}

body.contheadquarters .loading-indicator {
	margin-top: 30px;
	background: none;
}

body.contheadquarters .modal-title {
	text-align: left;
	font-weight: bold;
	font-size: 16px;
}

body.contheadquarters .modal-body {
	text-align: left;
	font-weight: normal;
	min-height: 150px;
}

body.contheadquarters .modal-body label{
	font-weight: normal;
}

body.contheadquarters .modal {
    text-align: center;
    padding: 10% 0 0 !important;
}

body.contheadquarters .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
	width:auto;
}

body.contheadquarters #hqNewUrlInner {
	padding: 5px 15px;
}
body.contheadquarters #hqNewUrlInner label {
	font-weight: normal;
}


body.contheadquarters fieldset span.dollarSign {
	color: #000;
	text-shadow: none;
}

body.contheadquarters #editMyaccountPop fieldset label{
	font-weight: normal;
}

#hqStepsPop {
	padding-top: 0% !important;
}


#recommitFormOuter fieldset.customCheckbox{position: relative;}
#recommitFormOuter fieldset.customCheckbox label{padding-left:22px;}
#recommitFormOuter fieldset.customCheckbox input{position: absolute;  top: 50%;   left: 0;   margin-top: -4px;}

/* ----------------------------------------*/
/* HQ Causes
/* ----------------------------------------*/
/*grid */
.causesHQWrap {
	font-size: 14px;
}
.causesHQWrap [class*='s-col-']{
    float: left;
    padding: 0 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.causesHQWrap .s-col-3{overflow: hidden; }

.causesHQWrap .s-row{ margin: 0 -5px; overflow: hidden;position: relative;}
.causesHQWrap .s-col-1{ width: 8.333333333333334%; }
.causesHQWrap .s-col-2{ width: 16.666666666666668%; }
.causesHQWrap .s-col-3{ width: 25%; }
.causesHQWrap .s-col-4{ width: 33.333333333333336%; }
.causesHQWrap .s-col-5{ width: 41.66666666666667%; }
.causesHQWrap .s-col-6{ width: 50%; }
.causesHQWrap .s-col-7{ width: 58.333333333333336%; }
.causesHQWrap .s-col-8{ width: 66.66666666666667%; }
.causesHQWrap .s-col-9{ width: 75%; }
.causesHQWrap .s-col-10{ width: 83.33333333333334%; }
.causesHQWrap .s-col-11{ width: 91.66666666666667%; }
.causesHQWrap .s-col-12{ width: 100%; }
/* end grid */ 

.causesHQWrap #searchCausesForm .s-col-5 {width: 43.666667%;}

.causesHQWrap #searchCauses {font-weight: 500; color: #000 !important; font-size: 14px !important;}
.causesHQWrap .txtColor-1 {color: rgb(177,177,177);}
.causesHQWrap .txtColor-2 {color: rgb(70,70,70);}
.causesHQWrap .txtColor-3 {color: #000;}

/*#hqContentWrap #hqContent {
    width: 775px !important;
    padding-left: 0;
    padding-right: 0;
}*/

/*#hqContentWrap #leftAndCenterCont {
    background: #f9f9f9;
}*/

.causesHQWrap .heading {color: #fff; line-height: 42px; font-size: 14px;}
.causesHQWrap .bgCustom {background: rgb(70,70,70);}
.causesHQWrap .fixedHeight {height: 59px;}
.causesHQWrap .border {border: 1px solid #ccc;}
.causesHQWrap .noBrdTop {border-top: 0px;}
.causesHQWrap .noPadding {padding: 0px;}
.causesHQWrap .txtBold {font-weight: bold;}
.causesHQWrap #searchCausesForm .fixedHeight {height: 46px;}

.causesHQWrap .foundedEvent {position: absolute;top:0; right: 0; width: 75%;}

.causesHQWrap #addEventSection {margin-top: 56px;}
.causesHQWrap #addEventSection .s-row {overflow: visible;}
.causesHQWrap #addEventSection .label{font-size: 16px; font-weight: bold;}
.causesHQWrap #addEventSection .labelDesc{font-size: 13px; font-weight: 300; display: block; margin: 6px 0 14px 0;}

.causesHQWrap {width: 740px; margin: 20px auto;}
.causesHQWrap h3 {font-weight: bold;}
.causesHQWrap .vCenter {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.causesHQWrap .input-field {margin-top: 9px; position: relative;}

.causesHQWrap .autoCompleteOuter {
    max-height: 177px;
}


.causesHQWrap .hqBtn[disabled=disabled], 
.causesHQWrap .hqBtn:disabled {
    background: rgb(177, 177, 177);
    color: #fff;
}
.causesHQWrap .hqBtnX {position: absolute; top: 22px; right: 16px;background: no-repeat; font-size: 18px; color: rgb(177,177,177);}

.causesHQWrap #addEventBtn {margin: 15px 0;}
.causesHQWrap #createNewCauseBtn {background: none; text-transform: uppercase; display: block; position: absolute; top: 16px; right: 14px; color: #13aeec; display: none;}
.causesHQWrap #createNewCauseBtn:hover {color: rgba(19, 174, 236, .8);}
.causesHQWrap #searchCausesForm {position: relative;}

.causesHQWrap input[type="text"],
.causesHQWrap select {
	color: #000 !important;
	outline: none;
	width: 100% !important;
	padding: 0px 14px;
	height: 46px !important;
	line-height: 46px !important;
	border: 1px solid rgb(241, 241, 241) !important;
	box-shadow: none !important;
	background-color: #fff  !important;
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.causesHQWrap .customFieldFieldset select {
	width: 50% !important;
}

.causesHQWrap .customSelect label {
	display: block;
	padding-bottom: 4px;
}

.causesHQWrap .customText label,
.causesHQWrap .customTextarea label{
	display: none;
}

.causesHQWrap .fancySelect {
	height: 46px !important;
    line-height: 46px !important;
}

.causesHQWrap input[type="checkbox"] {
	float: left;
	margin: 1px 8px 0 0;
}

.causesHQWrap .customFieldFieldset textarea {
	color: #000 !important;
	outline: none;
	width: 100% !important;
	height: 60px;
	padding: 10px 14px;
	border: 1px solid rgb(241, 241, 241) !important;
	box-shadow: none !important;
	background-color: #fff  !important;
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.causesHQWrap #event-errorDv {
    position: absolute;
    background-color: rgb(255, 15, 98);
    color: #fff;
    z-index: 1051;
    padding: 8px;
    left: 5px;
    max-width: 360px;
    text-align: left;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(112,112,112,.3);
    -moz-box-shadow: 1px 1px 5px 1px rgba(112,112,112,.3);
    box-shadow: 1px 1px 5px 1px rgba(112,112,112,.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.causesHQWrap #event-errorDv:before {
    position: absolute;
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgb(255, 15, 98);
    top: -6px;
}

.causesHQWrap input {
	background: #fff !important;
}


.causesHQWrap input.disabled, .causesHQWrap select.disabled {
	color: rgb(84, 84, 84);
	background-color: rgb(235, 235, 228);
}

.causesHQWrap input.hasError,
.causesHQWrap select.hasError,
.causesHQWrap textarea.hasError {
	border: 1px solid #da0000;
}

.causesHQWrap button {outline: 0;}

.causesHQWrap input:focus,
.causesHQWrap textarea:focus { 
    outline: none !important;
    border-color: 1px solid rgb(241, 241, 241) !important;
    background-color: #fff !important;
}

.causesHQWrap .autoCompleteOuter {
    border: none;
}

.causesHQWrap .autoCompleteOuter li > a {
    display: block;
    padding:0;
    height: 59px;
    outline: 0;
}

.causesHQWrap .autoCompleteOuter li {
	clear: both; 
	height: 59px;
	border: 1px solid rgb(241, 241, 241);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 0px;
	font-size: 14px;
}

.causesHQWrap #addNewEvent .s-col-3,
.causesHQWrap #addNewEvent .s-col-6{
 	padding: 0 5px;
}

.causesHQWrap li.item-disabled,
.causesHQWrap li.item-disabled a:hover  {background: #f5f5f5;}
.causesHQWrap li.item-disabled span { cursor: default; color: rgb(177,177,177);}

.causesHQWrap #addEventSection .fieldsGroup {
	overflow: hidden;
}

body.bodyCauses #hqContentWrap #hqContent {
    width: 776px !important;
}

body.bodyCauses #contentWrap {
	overflow: visible  !important;
}

.causeModal .blockTxt {text-align: center; font-size: 20px; padding-top: 15px;}
.causeModal .modal-body {min-height: 20px; text-align: center !important; padding: 18px;}
.causeModal .btnDelete,
.causeModal .btnCancel {padding: 12px 18px; margin: 36px 10px; border-radius: 4px; margin: 36px 10px 15px 0;}
.causeModal .btnDelete {background: #f9400f; color: #fff;}
.causeModal .btnDelete:hover {background: #ff592d;}
.causeModal .btnCancel {background: #c3c3c3; color: #fff;}
.causeModal .btnCancel:hover {background: #d1d1d1;}