/*  

shared main.css

	color: #00356b; dark blue
	color: #2e65bb; light blue
	color: #f8d78f; peach
	color: #4a497f; dark purple
	color: #7170af; med purple
	color: #efebf3; very light purple
	color: #eff5fb; very light blue
	color: #babcbe; light gray
	color: #DAD389; light green
	color: #DAD59E; light green 2
	color: #202020; gray text
	
	
	
	Font sizes from YUI3
	px	 use %
	10	 77
	11	 85
	12	 93
	13	 100
	14	 108
	15	 116
	16	 123.1
	17	 131
	18	 138.5
	19	 146.5
	20	 153.9
	21	 161.6
	22	 167
	23	 174
	24	 182
	25	 189
	26	 197
*/

.desktop-only, .mobile-web-only, .mobile-app-only {
	display: none;
}

.small {
	font-size: 90%;
}

.no-border {
	border: none !important;
}

.contextual-help {
	color: #c56c05;
	font-size: 80%;
	font-weight: normal;
	display: inline-block;
	padding: 0px 0px 8px 20px;
	background-image: url(/images/silk-icons/page_edit.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.contextual-help a:link {
	color: #c56c05;
}

.uepnm-message {
	background-color: #ffffff;
	color: #000000;
	border: 2px solid #990000;
	margin: 3px;
	padding: 3px;
}

#lightbox-inner .uepnm-message a {
	color: #990000;
}


/* Member Login Styles */

.signin-button {
    font-weight: bold;
    float: right;
	color: #ffffff;
   	background-color: #c56c05;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 8px 10px;
	cursor: pointer;
	position: relative;
	margin-left: 20px;
    border: 1px solid #c56c05;
    border-top: none;
}

.signin-button.open {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border: none;
    border-left: 1px solid #c56c05;
    border-right: 1px solid #c56c05;
}


.signin-button label {
	color: #ffffff;
}

.not-signed-in {
}

#header-links .signin-button a, #header .signin-button a  {
	text-decoration: none;
	color: #ffffff;
	font-size: inherit;
}

#signin-form {
	position: absolute;
	top: 24px;
	right: -1px;
	width: 100%;
    background-color: #c56c05;
    text-align: left;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #c56c05;
    border-top: none;
	display: none;
	z-index: 1000;
	
}

	#signin-form-content {
		padding: 10px 10px;
	}

	#signin-form h2 {
		padding: 0em 0 0em 0;
		margin: 1em 0 .5em 0;
		text-align:left;
	}

	#signin-form hr {
		color: #ffffff;
		background-color: #ffffff;
		width: 100%;
		border: 0px;
	}
	
	#signin-form p {
	padding: 0em 0 0 0;
	margin: 0 0 .5em 0;
	}

/**** Header Banner Links ****/

a.lb-left-full, a.lb-center-full, a.lb-right-full, a.lb-right-half-top, a.lb-right-half-bottom, a.lb-right-half-left, a.lb-right-half-right {
	display:block;
	position: absolute;
	height: 100%;
}

	a.lb-left-full {
		top: 0;
		left: 0;
		width: 301px;
	}

	a.lb-center-full {
		top: 0;
		left: 302px;
		width: 454px;
	}

	a.lb-right-full {
		top: 0;
		right: 0px;
		width: 201px;
	}

	a.lb-right-half-top {
		height: 50%;
		width: 201px;
		right: 0px;
		top: 0;
	}

	a.lb-right-half-bottom {
		bottom: 0px;
		height: 50%;
		width: 201px;
		right: 0px;
	}

	a.lb-right-half-left {
		right: 100px;
		top: 0;
		width: 100px;
	}

	a.lb-right-half-right {
		right: 0px;
		top: 0;
		width: 100px;
	}

.having-trouble {
	display: none;
}

#community-logo a {
	width: 302px;
	height: 100px;
	display: inline-block;
}

#community-extra a {
	width: 202px;
	height: 100px;
	display: inline-block;
}


/******************************************
	FORM FORMATTING
******************************************/

label {
	display: block;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
	color: #7170AF;
	color: #00356b;
	font-size: 1.05em;
}

.inline-label {
	color: inherit;
	margin: inherit;
	display: inline;
	font-size: 1em;
}

/*.form-table label {
	display: inline-block;
	margin-left: 2em;
	width: 150px;
	text-align: right;
}*/

.form-table .inline-label {
	display: inline;
	width: auto;
}

.form-example {
	font-weight: normal;
	font-size: 92%;
	color: #555555;
}

	.formExampleUnder {
		background-image: url(https://mediafiles.lotsahelpinghands.com/p/lotsa/images/icons/bullet_arrow_up.gif);
		background-position: 2px 6px;
		background-repeat: no-repeat;
		color: #888888;
		font-size: 87%;
		font-weight: normal;
		padding-left: 17px;
		line-height: 1.3em;
		margin: 5px 0 0 0;
		display: block;
	}

.formExample, .formExampleLeft {
	color: #454545;
	/*background-image: url(/themes/standard/images/icons/bullet_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right 7px;
	padding-right: 12px;*/
	font-size: 90%;
}

.permission-table td {
	border: 1px solid #999999;
	background-color: #ffffff;
}

.inline-header-description {
	font-size: .75em;
	font-weight: normal;
}

.inline-button {
	font-size: .75em; 
	margin-left: 2em;
}
	


/* Lightbox Styles */

#lightbox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#lightbox-screen {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 11000;
	background-color: #ffffff;
}

#lightbox-table {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 11001;
}

#lightbox-cell {
	margin: auto;
	vertical-align: middle;
}


#lightbox-inner {
	border: 3px solid #BBBCBE;
	background-color: #395077;
	color: #ffffff;
}

#lightbox-inner a {
	color: #ffffff;
}

#lightbox-message {
	position: relative;
	padding: 20px 10px 10px 10px;
}

#lightbox-close {
	position: absolute;
	top: 6px;
	right: 6px;
	cursor: pointer;
}

/* TinyTips Style */

.lotsaTip {  
	}

.lotsaTip .content { 
	max-width: 300px; 
	padding: 10px; 
	border: 6px solid #4a497f; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	background: #efebf3; 
	color: #000000; 
	font-size: 116%; 
	}

.lotsaTip .bottom { 
	height: 14px; background: url(https://mediafiles.lotsahelpinghands.com/p/lotsa/images/icons/notch-tooltip-purple-4a497f.png) top center no-repeat; 
	}

/* Dialog Help */

.dialog-help-opener {
	margin: auto;
	text-align: center;
	padding: .75em .75em;
	border-radius: 5px;
	font-size: 12px;
	border: 2px solid #4A497F;
	background-color: #9190C1;
	color: #ffffff;
	cursor: help;
	float: right;
}

.width50 {
	width: 50%;
}


/* set up for mobile app */

	#main-navigation-bar p,  #sub-navigation-bar p,  #mobile-app-header, #mobile-app-loading-screen {
		display: none;
		}

a.tooltip {
	border-bottom: 1px dotted;
	text-decoration: none;
	cursor: help
}

.toolsdesc {
	margin-left: 1em;
	margin-right: 1em;
}

.send-email-message-recipients {
	display:inline;
}

.tutorial-step {
	padding-bottom: 1.5em;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 1.5em;
}

.tutorial-step-text {
	font-weight: normal;
}

.tutorial-step-img {
	padding-left: 1em;
}

@media screen and (min-width: 640px) {

.desktop-only {
	display: block;
}

span.desktop-only {
	display: inline;
}

#lightbox-outer {
	position: relative;
	width: 500px;
	left: 50%;
	margin-left: -250px;
}
	
.having-trouble {
    -moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); 
	-ms-transform: rotate(-90deg);
    border: 0px solid red;
    color: white;
    height: 450px;
    width: 450px;
	z-index:10;
    left: -436px;
    margin-left: 1em;
    padding: 0;
    position: absolute;
    top: 0;
    display:block;
}

	.having-trouble a {
		background-color: #4A497F;
		border: 1px solid #efebf3;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		color: #FFFFFF;
		font-size: 116%;
		font-weight: bold;
		margin: 0;
		padding: .3em 1em;
		position: absolute;
		bottom:0;
		left:0;
		text-decoration: none;
	}
	
	.having-trouble a:link, .having-trouble a:visited {
		color: #FFFFFF;
	}
	
#partner-box {
	float: right;
	text-align: center;
	width: 40%;
	margin: .75em 1em;
	padding: 1em 1em;
	border: 2px solid #000000;
	border-radius: 6px;
}	

.share-links {
	text-align: left;
}

.share-links-label {
	font-size: 100%;
	font-weight: bold;
	color: #00356b; 
	padding-bottom: .25em;
}

#mobile-app-header {
	display: none;
}
			
#mobile-menu {
	display: none;
}

.desktop-hidden {
	display: none !important;
}


}

.error-message {
	background-color: #aa0000;
	color: #ffffff;
	border: 1px solid #440000;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 1em;
}

.error {
	background-color: #FFDFE0;
}

.notice-message {
	background-color: #F8D78F;
	color: #000000;
	border: 1px solid #7170AF;
	font-weight: normal;
	padding: 10px;
	margin-bottom: 1em;
	max-width: 400px;
}

.process-success {
	color: #009900;
}

.process-failure {
	color: #990000;
}

.display-inline {
	display: inline;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.font-big {
	font-size: 120%;
}

.font-small {
	font-size: 80%;
}

.large-email-link {
	background-image: url(https://mediafiles.lotsahelpinghands.com/p/lotsa/images/icons/email-icon-32.png);
	padding: 10px 0px 10px 37px;
	background-repeat: no-repeat;
	background-position: left 3px;
}

.large-printer-link {
	background-image: url(https://mediafiles.lotsahelpinghands.com/p/lotsa/images/icons/printer-icon-32.png);
	padding: 10px 0px 10px 37px;
	background-repeat: no-repeat;
	background-position: left 3px;
}

.small-printer-link {
	background-image: url(https://mediafiles.lotsahelpinghands.com/p/lotsa/images/icons/printer-icon-22.png);
	padding: 5px 0px 5px 27px;
	background-repeat: no-repeat;
	background-position: left 2px;
}

.progress-bar { 
	border: 1px solid #CCCCCC;
	font-size: 76%;
	margin: 20px auto 0;
	width: 50%;
}
		.progress-bar td {
			background-color: #FFFFFF;
			color: #333333;
			padding: 8px;
			text-align: center;
			line-height: 1.25em;
			vertical-align: top;
			font-size: 116%;
			
		}
		.progress-bar td.selected {
			background-color: #7170af;
			color: #FFFFFF;
		}
		.progress-bar td.n2 {
			width: 50%;
		}
		.progress-bar td.n3 {
			width: 33%;
		}
		.progress-bar td.n4 {
			width: 25%;
		}
		.progress-bar td.n5 {
			width: 20%;
		}
		.progress-bar td.n6 {
			width: 16%;
		}
		.progress-bar td.n7 {
			width: 14%;
		}
		.progress-bar td.n8 {
			width: 12%;
		}
		.progress-bar td.n9 {
			width: 11%;
		}
		.progress-bar td.n10 {
			width: 10%;
		}
		.progress-bar td.noselect {
			background-color: #FFFFFF;
			background-image: url(https://mediafiles.lotsahelpinghands.com/p/lotsa/images/progress-arrow-head.gif);
			background-position: right center;
			background-repeat: no-repeat;
			padding: 0 10px;
		}
		.progress-bar td.preselect {
			background-color: #7170af;
			background-image: url(https://mediafiles.lotsahelpinghands.com/p/lotsa/images/progress-arrow-head.gif);
			background-position: right center;
			background-repeat: no-repeat;
			padding: 0 10px;
		}
		.progress-bar td.postselect {
			background-color: #7170af;
			background-image: url(https://mediafiles.lotsahelpinghands.com/p/lotsa/images/progress-arrow-tail.gif);
			background-position: right center;
			background-repeat: no-repeat;
			padding: 0 10px;
		}
		.progress-bar .progress-bar-content {
			height: 100%;
			padding: 5px 5px 5px 0;
			text-align: center;
			
			
		}
		.progress-bar strong {
			font-size: 120%;
		}
		.partnerListingDetails p {
			margin: 2px 0px;
		}

/* Other Shared Styles */

.separator-widget {
	text-align: center;
	cursor: pointer;
}

.help-link img {
	vertical-align: top;
	/* avoids an issue with Cufon canvas overlapping */
	position: relative;
	z-index: 950;
}

.display-toolbar {
	float: right;
}

.required-info {
	float: right;
	padding-right: 1em;
	padding-bottom: 1em;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-floats {
	clear: both;
}

.margin-top {
	margin-top: 1em;
}

.margin-bottom {
	margin-bottom: 1em;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.no-decoration {
	text-decoration: none;
}

.button-style-link .ui-button-text {
	color: #ffffff;
}

.padding-all {
	padding: 1em;
}

.padding-left {
	padding-left: 1em;
}

.padding-right {
	padding-right: 1em;
}

.padding-top {
	padding-top: 1em;
}

.padding-bottom {
	padding-bottom: 1em;
}

.display-block {
	display: block;
}

/***** Arrow Styles *****/

/** Base Arrow Style **/

span.arrow {
	margin: 0 3px;
	color: #7170af;
	background-color: #ffffff;
	font-family: "Arial", sans-serif; /* Arial has matching arrows */
}

/** Arrow Sizes **/

span.arrow.small {
	font-size: 16px;
	padding: 0 2px;
	border-radius: 2px;
}

span.arrow.medium {
	font-size: 20px;
	padding: 0 3px;
	border-radius: 3px;
}

span.arrow.large {
	font-size: 26px;
	padding: 0 4px;
	border-radius: 4px;
}

/** Arrow Inversions **/

span.arrow.inverse {
	color: #ffffff;
	background-color: #7170af;
}

/** Arrow Disabled Styles **/

span.arrow.disabled {
	color: #EDECF2;
	background-color: #ffffff;
}

span.arrow.disabled.inverse {
	color: #ffffff;
	background-color: #EDECF2;
}

#our-team-members {
	padding-bottom: 2em;
}

	#our-team-members hr {
		width: 70%;
		color: #eeeeee;
		background-color: #eeeeee;
		border: 0px;
		margin: 2em auto;
	}
	
	.team-member {
		clear: both;
	}
	
	.member-photo {
		float: left;
		padding-right: 1em;
		padding-bottom: 2em;
	}
	
	
	.member-photo img {
		width: 150px;
	}
	
	
	.member-name {
		font-weight: bold;
		padding-top: .25em;
	}
	
	.member-title {
		font-weight: bold;
	}
	
	.member-bio {
		padding-top: 1em	
	}

/* CSS for the scrollers */
	div.horizontal_scroller, div.vertical_scroller{
		position:relative;
		height:7em;
		width:240px;
		display:block;
		overflow:hidden;
		
	}

/* Caregiving Infographic */

#caregiving-infographic-page {
	text-align:center;
}

.caregiver-infographic-small {
	text-align:center;
}

#caregiving-infographic-tn {
	margin-top: .5em;
	border: 1px solid #00356b;
}

@media screen and (max-width: 639px) {

.mobile-web-only {
	display: block;
}

span.mobile-web-only {
	display: inline;
}

#main-navigation {
	display:none;
}

.separator-widget {
	display:none;
}
	#sub-navigation {
		display:none;
	}

	#main-navigation-mobile {
		background-color:  #efebf3;
		margin: 1em .25em 1em .25em;
		border: 5px solid #4a497f;
		border-radius: 4px;

	}
	
	
		#main-navigation-mobile p {
				color: #4a497f;
				font-size: 1.5em;
				font-weight: bold;
				text-align: center;
				border-top: 0px solid #4a497f;
				padding: .75em;
				margin: 0;
				border-radius: 4px;
		}
				
		#main-navigation-mobile ul {
			margin: 0 auto 1em;
			padding: 0 0 0 0;
			font-size: 1.5em;
			font-weight: 700;
			width:90%;
		}
		
		#main-navigation-mobile ul li {
			list-style-type:none;
			display: block;
			/*background: url('/images/LHH_mark10percent.png') right top no-repeat #ffffff; */

		}
		
		#main-navigation-mobile ul li a {
			color: #ffffff;
			background-color: #4a497f;
			text-decoration: none;
			text-align:center;
			padding: .25em .25em .25em .4em;
			margin: .2em 0em 0 0em;
			border-radius: 5px;
			border: 2px solid #4a497f;
			display: block;
		}
		
		#main-navigation-mobile ul li.selected {
			border: 4px solid #4a497f;
			border-radius: 5px;
			margin: .2em 0em 0 0em;
		}
		
		#main-navigation-mobile ul li.selected a {
			color: #4a497f;
			border: 0px solid #4a497f;
			background-color: #ffffff;
			padding: .5em .25em .5em .75em;
			margin: 0;
background: url('/images/LHH_mark10percent.png') left top no-repeat #ffffff;
		}
		

#sub-navigation-mobile {
		background-color:  #eff5fb;
		margin: 1em .25em 1em .25em;
		border: 5px solid #00356b;
		border-radius: 4px;


		
}
	
			#sub-navigation-mobile p {
				color: #00356b;
				font-size: 1.5em;
				font-weight: bold;
				text-align: center;
				border: 0px solid #00356b;
				padding: .75em;
				margin: 0 0em;
				border-radius: 4px;

		}
				
		#sub-navigation-mobile ul {
			margin: 0 auto 1em;
			padding: 0 0 0 0;
			font-size: 1.5em;
			font-weight: 700;
			width:90%;
		}
		
		#sub-navigation-mobile ul li {
			list-style-type:none;
			display: block;
			/*background: url('/images/LHH_mark10percent.png') right top no-repeat #ffffff; */

		}
		
		#sub-navigation-mobile ul li a {
			color: #ffffff;
			background-color: #00356b;
			text-decoration: none;
			text-align:center;
			border: 0px solid #4a497f;
			padding: .25em .25em .25em .4em;
			margin: .2em 0em 0 0em;
			border-radius: 5px;
			border: 2px solid #00356b;
			display: block;
		}
		
		#sub-navigation-mobile ul li.selected {
			border: 4px solid #00356b;
			border-radius: 5px;
			margin: .2em 0em 0 0em;
		}
		
		#sub-navigation-mobile ul li.selected a {
			color: #00356b;
			border: 0px solid #00356b;
			background-color: #ffffff;
			padding: .5em .25em .5em .75em;
			margin: 0;
background: url('/images/LHH_mark10percent.png') left top no-repeat #ffffff;
		}

#mobile-main-chevron, #mobile-cs-chevron {
	width: 20px;
	padding-left: .35em;
	opacity:0.4;
}

	.signin-button {
		/*font-size: 1.3em;*/
		margin: auto;
		padding: 3px 0px .5em;
		width: 100%;
		height: 2em;
		text-align: center;
		border: 0px solid #ffffff;
	}

a.lb-left-full, a.lb-center-full, a.lb-right-full, a.lb-right-half-top, a.lb-right-half-bottom, a.lb-right-half-left, a.lb-right-half-right {
	display: none;
}

.progress-bar { 
	display: none;
}
	
#partner-box {
	text-align: center;
	width: 60%;
	margin: .75em auto;
	padding: .5em .5em;
	border: 1px solid #000000;
	border-radius: 6px;
}	

#caregiving-infographic-page img {
	width:100%;
}

.caregiver-infographic-small a img {
	width: 100%;
}

.large-printer-link {
	display:none;
}

.lotsaTip .content { 
	margin: 0 2em 0 3em;
}


/* Items that used to be exclusively for the mobile app */

#mobile-app-header {
	display: block;
	left: 0;
	right: 0;
	width: 100%;
	height: 44px;
	position: fixed;
	z-index: 1100;
	background-image: -webkit-linear-gradient( #3c3c3c,#111 );
	border: 1px solid #333;
	background: #111;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #000;
}

#mobile-app-header .button {
	background-color: #333333;
	font-size: 14px;
	position: absolute;
	padding: 0px 10px;
	border-radius: 5px;

		background-repeat:repeat-x;
		-webkit-background-size : 30px;
		background-position :0;
		background-image : -webkit-linear-gradient(
			bottom,
			rgba(0,0,0,0) 0%,
			rgba(0,0,0,0) 50%,
			rgba(255,255,255,0.1) 50%,
			rgba(255,255,255,0.3) 100%
			);

		-webkit-border-radius: 5px;

		border-bottom: 1px solid rgba(255,255,255,0.4);

		-webkit-box-shadow :0 -1px 1px rgba(0,0,0,0.2)inset,
			0 1px 2px rgba(0,0,0,0.8)inset;

		font-family : "Trebuchet MS", Arial, san-serif;
		font-weight: 600;
		font-size : 14px;
		line-height : 30px;
		text-align:center;
		color:#fff;
		text-shadow : 0px -1px 0px rgba(0,0,0,0.8);
		cursor: pointer;

}

.mobile-app-title {
	text-align: center;
	font-size: 14px;
	margin-top: 12px;
}

#starter .mobile-app-title {
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
}

.mobile-app-menu {
	top: 7px;
	right: 8px;
}

.signin-button {
	visibility: hidden;
}

.permission-table {
	font-size: 85%;
}

#nav-small {
	display: none;
}

.header-branding {
	margin: auto;
}


/***** Header buttons *****/

	.ios-arrow-left {
		display : block; 
		position:absolute;
		z-index : 0;
		left:0px;
		top:0px;    
		height:30px;
		width:auto;
		padding: 0 10px 0 6px;

		background-repeat:repeat-x;
		-webkit-background-size : 30px;
		background-position :0;
		background-image : -webkit-linear-gradient(
			bottom,
			rgba(0,0,0,0) 0%,
			rgba(0,0,0,0) 50%,
			rgba(255,255,255,0.1) 50%,
			rgba(255,255,255,0.3) 100%
			);

		-webkit-border-radius: 5px;

		border-bottom: 1px solid rgba(255,255,255,0.4);

		-webkit-box-shadow :0 -1px 1px rgba(0,0,0,0.2)inset,
			0 1px 2px rgba(0,0,0,0.8)inset;

		font-family : "Trebuchet MS", Arial, san-serif;
		font-weight: 600;
		font-size : 14px;
		line-height : 30px;
		text-align:center;
		color:#fff;
		text-shadow : 0px -1px 0px rgba(0,0,0,0.8);
	}

	.ios-arrow-left:before{
		position:absolute;
		content : ' ';
		left:-8px;
		top:3.5px;
		height : 24px;
		width: 24px;
		z-index : 1;

		background-repeat:repeat-x;
		-webkit-background-size : 20px 20px;
		background-position :-1px -0.5px;
		background-image :  
			-webkit-gradient(linear, left bottom, right top, 
				from(rgba(0,0,0,0)), 
				color-stop(0.5, rgba(0,0,0,0)), 
				color-stop(0.5, rgba(255,255,255,0.1)), 
				to(rgba(255,255,255,0.3))); 


		-webkit-transform : rotate(-45deg) skew(-10deg, -10deg);

		-webkit-border-top-right-radius : 10px;
		-webkit-border-top-left-radius :0px;
		-webkit-border-bottom-right-radius : 0px;
		-webkit-border-bottom-left-radius : 10px;

		border-left : 1.5px solid rgba(255,255,255,0.4);

		box-shadow :  1px 1px 1px rgba(0,0,0,0.4) inset,
			-1px 1px 1px rgba(0,0,0,0.5) inset;

		-webkit-mask-image : 
			-webkit-gradient(linear, left top, right bottom,
				from(#000000), 
				color-stop(0.4,#000000), 
				color-stop(0.5, transparent), 
				to(transparent));
	}
	.ios-arrow-left,
	.ios-arrow-left:before {
		background-color: rgba(51,51,51,1);/*hovercolor*/

	}

	.ios-arrow-left.over,
	.ios-arrow-left.over:before {
		background-color: rgba(54,88,135,1);/*hovercolor*/

	}

.mobile-app-back {
	top: 6px;
	left: 14px;
	cursor: pointer;
}

#mobilemenu {
	display: block;
	right: 0;
	width: 80%;
	top: 44px;
	position: fixed;
	z-index: 1101;
	background-image: -webkit-linear-gradient( #3c3c3c,#111 );
	border: 1px solid #333;
	background: #111;
	color: #fff;
	
}

#mobilemenu {
	display: none;
}


#mobile-menu {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.1em;
	display: block;
	right: 0;
	width: 75%;
	max-height: 90%;
	top: 46px;
	position: fixed;
	z-index: 1102;
	overflow: scroll;
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
}

#mobile-menu {
	display: none;
}

#mobile-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0em;
	border-top: 3px solid #aaaaaa;
}

#mobile-menu ul li {
	padding: .7em .25em .7em .75em;

	/* background-color: #eeeeee; not used */
	/*padding: .45em .25em .45em .75em; */
	/* border-top: 1px solid #cccccc; add a divider between items */
/*http://www.colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,eeeeee+51,eeeeee+100;Custom */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #eeeeee 51%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#eeeeee), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#eeeeee 51%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#eeeeee 51%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#eeeeee 51%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#eeeeee 51%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}

#mobile-menu ul li a {
	color: #000000;
	text-decoration: none;
}

#mobile-menu .selected a {
	color: #ffffff;
}

#mobile-menu .selected {
	color: #ffffff;
	/* background-color: #333333; not used */
	/* http://www.colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Custom */
	background: #4c4c4c;
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313));
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
}

#mobile-menu ul:first-child {
	border-top: 10px solid #000000;
	/*border-bottom: none;*/
}

#mobile-menu ul:last-child {
	border-bottom: 10px solid #000000;
	/*border-bottom: none;*/
	padding-bottom: 2em;
}

#mobile-menu ul li:first-child {
	border-top: none;
}

#mobile-menu ul li:last-child {
	border-bottom: none;
}

.send-email-form-recipients input {
	margin-top: 1em;
}

.send-email-message-recipients {
	display:inline-block;
	max-width: 85%;
	vertical-align: top;
	margin-left: .5em;
	margin-top: .75em;
}

.send-email-form-options .send-email-message-recipients {
	margin-top: 0;
}

}