/* These are styles from Salesforce overwritten */
.chatterUserGuestBadge {display:none}
.guestBadge {display:none}
/* These are styles from Salesforce copied ... would be better if there is a way to re-use them directly */
.profileSection {
	margin: 15px 0px;
}
.vfButtonBar {
	position: relative;
	background-color: transparent;
	border-bottom: 1px solid #d7dbde;
	line-height: 20px;
	margin: 0 0 7px;
}
.vfButtonBarButton {
	position: absolute;
	right: 5px;
	top: 1px;
}
.profileSectionData {
	text-align: left;
	padding: 0 5px 5px 5px ;
	position: relative;
}
.mainTitle {
	color: #000;
	font-size: 1.3em;
	padding: 10px 5px;
}
/* These are custom styles for HAI Angel community */
#header {
	width: 950px;
	margin: 0 auto;
}
#header .eventTitle {
	display: table;
    float:left;
    padding: 10px;
    height:170px;
    width: 700px;
}
#header .eventTitleName {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 20px;
	font-size: 26px;
	line-height: 28px;
	font-weight: bold;
	color: #b23525;
}
#header .eventTitleDate {
	font-size: 17px;
	text-align: left;
	line-height: 21px;
	color: #404040;
	margin: 0;
	padding: 0;
	font-weight: 300;
}
#header .eventTitleLocation {
	font-size: 17px;
	text-align: left;
	line-height: 21px;
	color: #999999;
	margin: 0;
	padding: 0;
	font-weight: 300;
}
#header .eventImage {
    float:right;
    padding: 10px;
    height: 170px;
}

#body {
	width: 1024px;
	margin: 0 auto;
	padding: 0px;
}
#body div.bodySmallColumn {
	width: 230px;
    border:none;
    text-align:left;
    float:left;
    margin-right:20px;
}		
#body div.bodySmallestColumn {
	width: 150px;
    border:none;
    text-align:left;
    float:left;
    margin-right:20px;
}		
#body div.bodyMediumColumn {
	width: 520px;
    border:none;
    text-align:left;
    float:left;
    margin-right:20px;
}
#body div.bodyLargeColumn {
	width: 750px;
    border:none;
    text-align:left;
    float:left;
    margin-right:20px;
}
#body div.bodyLargestColumn {
	width: 830px;
    border:none;
    text-align:left;
    float:left;
    margin-right:20px;
}
#body div.bodyHalfColumn {
	width: 360px;
    border:none;
    text-align:left;
    float:left;
    margin-right:20px;
}
#body div.sidebarRight {
	width: 230px;
    border:none;
    text-align:left;
    float:left;
}		
.shadow {
	-moz-box-shadow:    0px 2px 6px #666666;
  	-webkit-box-shadow: 0px 2px 6px #666666;
	box-shadow: 		0px 2px 6px #666666;
	padding: 0px;
}
.shadow_red {
	-moz-box-shadow:    0px 4px 12px #b23525;
  	-webkit-box-shadow: 0px 4px 12px #b23525;
	box-shadow: 		0px 4px 12px #b23525;
	padding: 0px;
}
.profilePercentComplete {
	font-size: 1.1em;	
	padding: 5px 0px 10px 0px;
	text-align: center;
	color: #b23525;
}
.profilePercentCompleteTextGreen {
	color: #506830;
}
.profilePercent {
	font-size: 1.1em;	
	font-weight: bold;
}
.profileImage {
	text-align: center;
}
.standardTable {
	width: 100%;
	border: 0px;
}

.alignRight {
	text-align: right;
}

#body div.extraWide {
	width: 640px;
}

.customHeader {
	background: #E0E0E0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px groove #fff;
	padding: 10px 12px;
}

.customSectionGreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Green;
}

.customSectionRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Red;
}

.customMenu {
    background: #b9c2ac;
    border-color: #B23525;
    border-style:solid;
    border-width: 0 0 3px 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position:relative;
	top:-15px;
	left:-10px;
	width:calc(100% + 20px);
	height:29px;
	padding-top: 1px;
	https://devwd-hai.cs14.force.com/img/networks/entityTabSemiTransGradient.png
}

.activeTab {
	background: #B23525;
	color: #FFF;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.083e;
	font-weight: bold;
	margin-left:5px;
	margin-top:2px;
	text-decoration:none;
	padding:8px;
	line-height:29px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background-image: -moz-linear-gradient(rgba(255,255,255,.50),rgba(255,255,255,0) 12px);
	background-image: -webkit-linear-gradient(rgba(255,255,255,.50),rgba(255,255,255,0) 12px);
	background-image: -ms-linear-gradient(rgba(255,255,255,.50),rgba(255,255,255,0) 12px);
}
.inactiveTab {
	color: #000;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.083e;
	font-weight: bold;
	margin-left:5px;
	margin-top:2px;
	text-decoration:none;
	padding:8px;
	line-height:29px;
}

.fieldError {
   color: red;
   display: block;
}

/*-------- styles for Task List ---------*/
.rowOffice {
	background-color: white;
}
.rowNotOffice {
	background-color: whitesmoke;
}
.rowDone {
	background-color: #B2FFB2;
}
.rowNotDone {
	background-color: white;
}

/*-------- styles for Membership ---------*/
.membership 
{
    float: left;
    color: #696F5B;
    white-space: normal;
    height: 600px;
    font: normal 12px/14px Verdana;
    background-color: White;
    border: 2px solid #b9c2ac;
    border-radius: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.membership .name
{
	color: #353535;
	background-color: #b9c2ac;
	line-height: 28px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.083e;
	font-weight: bold;
	text-align: center;
    border-radius: 4px 4px 0 0;
    padding: 5px;
}

.membership .amount
{		
    padding: 10px;
    line-height: 15px;
}

.membership .content
{
    padding: 0px 10px 5px 10px;
    height: 450px;	
}

.membership .content .abstract
{
	font-style: italic;
	margin-bottom: 10px;
    height: 150px;	
    overflow: auto;
}

.membership .content .benefits
{	
	margin-bottom: 5px;
    height: 270px;	
    overflow: auto;
}
.membership .content .benefits ul
{	
    padding-left:0;
}

.membership .donate
{	
	padding: 0px 15px 0px 15px;
}

.donateAbstract
{
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
}
.donateSuccess
{
	margin-top: 10px;
	margin-bottom: 10px;
}
/*-------- styles for Event Detail ---------*/
.facilitator 
{
    float: left;
    width: 340px;
    margin: 10px;
}
.facilitator .image
{
	float: left;
	width: 150px;
	height: 200px;
	padding: 10px;
}
.facilitator .text
{
	float: right;
	padding: 10px;
	width: 150px;
}
.facilitator .text .name
{
	margin-bottom: 10px;
}
.facilitator .text .aboutme
{
    color: #696F5B;
	height: 180px;
    overflow: auto;
}
.team
{
	text-align: center;
	float: left;
	width: 55px;
	height: 65px;	
}
.team .image
{
}
.team .text
{
	margin-top: 5px;
	font-size: 10px;
}
.presenter 
{
    float: left;
    width: 340px;
    margin: 10px;
}
.presenter .image
{
	float: left;
	width: 150px;
	height: 200px;
	padding: 10px;
}
.presenter .text
{
	float: right;
	padding: 10px;
	width: 150px;
}
.presenter .text .name
{
	margin-bottom: 10px;
}
.presenter .text .aboutme
{
    color: #696F5B;
	height: 180px;
    overflow: auto;
}


/*-------- styles for Event List ---------*/
.switchButton {margin-top: 20px;}
.event 
{
    color: #333366;
    white-space: normal;
    padding: 20px;
    width: 730px;
    height: 152px;
    font: normal 12px/14px Verdana;
    background-color: White;
    border: 2px solid LightGray;
    border-radius: 6px;
    margin-bottom: 10px;
}

.event .content 
{
    float: right;
    padding-left: 20px;
    padding-right: 20px;
    width: 490px;
    height: 152px;
    overflow: auto;
}
.event img
{
    border: none;
    float: left;
    width: 200px;
}

.myEventsBox {
	background-image: url('http://www.theschmids.org/img/calendar_icon1.png');
	background-repeat: no-repeat;
	padding: 20px 10px 20px 60px;
}
.SearchBox {
	background-image: url('http://www.theschmids.org/img/Search-icon.png');
	background-repeat: no-repeat;
	padding: 20px 10px 20px 60px;
}

.infoButton {
	display:block;
	width:70%;
	background: #B23525;
	height: 20px;
	margin:2px;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 2px;
	color: #FFF!important;
	font-weight:bold;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
}

.infoButton:hover {
	text-decoration: none;
}

/*-------- search ------------*/
.searchBar {
	height: 18px;
	width:100%;
	padding:4px;
	background: #FFF;
	text-align:top;
	margin-top: 15px;
}

#cSearchInput {
	height: 18px;
	border: 0;
	margin: 0;
	padding: 0;
	width: 180px;
	vertical-align: text-top;
}

.searchButton {
	background: #FFF;
	vertical-align: text-top;
	cursor: pointer;
}

/*-------- group and follow lists -------*/
.listRow {
	margin-top:10px;
	min-height: 50px;
}

.listImage {
	float:left;
	margin-right:10px;
}

.listText {
	padding: 2px;
}

.tos {
    margin-top:10px;
    margin-bottom:10px;
    height:80%;
    overflow-y:scroll;
    background: white;
}

.sfdcBody .ui-dialog-titlebar {
    background-color:#506830;
    border-color:#506830;
    background-image:none;
}

.sfdcBody .ui-dialog-titlebar-close {
  display: none;
}
/*-------- style for Event Calendar ---------*/
#cal-options {float:left;}
#cal-legend { float:right;}
#cal-legend ul {margin:0;padding:0;list-style:none;}
#cal-legend ul li {margin:0;padding:5px;float:left;}
#cal-legend ul li span {display:block; height:16px; width:16px; margin-right:4px; float:left; border-radius:4px;}
#calendar {margin-top:20px;}
#calendar a:hover {color:#fff !important;}
 
.fc-event-inner {padding:3px;}
.event-aus {background:#993399;border-color:#993399;}
.event-ca {background:#006633;border-color:#006633;}
.event-de {background:#cc6633;border-color:#cc6633;}
.event-uk {background:#66CC33;border-color:#66CC33;}
.event-east {background:#afb1b4;border-color:#afb1b4;}
.event-midwest {background:#6699cc;border-color:#6699cc;}
.event-norcal {background:#333366;border-color:#333366;}
.event-rocky {background:GoldenRod;border-color:GoldenRod;}
.event-socal {background:#990033;border-color:#990033;}
.event-pacificnw {background:lawngreen;border-color:lawngreen;}
.event-other {background:#ff9933;border-color:#ff9933;}
.event-personal {background:#55abc2;border-color:#55abc2;}

/* TOS info */
.detailList .sfdc_richtext {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    height:150px;
    overflow-y:scroll;
    background-color:white;
    border-color:black;
    border-width:1px;
    border-style:solid;
    padding:5px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#body div.bodyLargeColumn {
	width: 100%;
}

#mcts1 {
	width: 100%;
}
}