@font-face {
    font-family: HelveticaNeueLT Std Med;
    src: url(../fonts/Linotype-HelveticaNeueLTStd-Md.otf);
}
@font-face {
    font-family: HelveticaNeueLT Std;
    src: url(../fonts/Linotype-HelveticaLT55Roman.ttf);
}
@font-face {
    font-family: GranjonLT Std;
    src: url(../fonts/Linotype-GranjonLTRoman.ttf);
}
@font-face {
    font-family: GranjonLT2 Std;
    src: url(../fonts/Linotype-GranjonLTRoman.ttf);
}
/*@font-face {
	 font-family: FontAwesome; 
	 src: url(fonts/FontAwesome.otf); 
}*/
/*@font-face 
{
	 font-family: 'FontAwesome'; 
	 src: local('FontAwesome'); 
}*/
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

body {
font-family: HelveticaNeue-light, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
background:#FFFFFF;
margin:0;
padding:0;
}
#wrapper {
width:100%;
margin:0 auto 60px auto;
}
#topbar_wrpr {
width:100%;
background:#052049;
}
#topbar {
margin:auto;
width:870px;
background:#052049;
color:#FFFFFF;
font-family: HelveticaNeue-regular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
line-height:3.345;
font-style: normal;
font-stretch: normal;
-webkit-font-smoothing: antialiased;
min-height: 40px;
}
#topnav {

}
#masthead {
margin:0 auto;
width:870px;
}
#header {
width:870px;
height: 105px;
    padding: 20px 0px;
    height: auto;
}
.nav-site-title {
	font-family: HelveticaNeue-light, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 35px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    padding-top: 16px;
    vertical-align: middle;
	color:#052049;
	-webkit-font-smoothing: antialiased;

}
.nav-logo {
	display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
#header_txt {


}
#content {
margin:0 auto 0px auto;
width:870px;
}
#footer_1 {
margin:0 auto;
width:943px;
background:url("https://makeagift.ucsf.edu/wrapper/new/shadow.jpg") repeat-y center;
}
#ProcessForm {
width:635px;
}
.holdsErrorMsgTable {
background:#fff !important;
}

.FormCaption, .FormCaption td, .FormLabel span, #lLogonForm td, a.HelpLink:link, a.HelpLink:visited, a.HelpLink:hover, a.HelpLink:active {
font-family: "Helvetica Bold", Helvetica, Arial !important;
font-weight:bold;
font-size:13px;
}

a.HelpLink:link, a.HelpLink:visited, a.HelpLink:hover, a.HelpLink:active {
font-size:12px;
}
h3 {
	font-family: granjon, Georgia, TimesNewRoman, "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 36px;
    line-height: 42px;
	color:#052049;
}
form { 
	margin:				0;
} 
table {
	border-collapse: 	collapse;
}
tr {
    height:             26px;
}
td {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	vertical-align:		middle;
	padding: 			5px 0 5px 0; 
	margin: 			0;
}
input {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
}
table.formTxt td {
	vertical-align:		bottom;
}
table.formTxtTop td {
	vertical-align:		top;
}
select, select.visted, select.bold-link {
	
	font-family: 		Helvetica, Arial, sans-serif;
	font-size: 			12px;
}
a, a.visted, a.bold-link {
	color: 				#007CBE;
	text-decoration: 	none;
}
a:hover,a:active,a.bold-link:hover,a.bold-link:active,a.footer:active,a.footer:hover {
	text-decoration: 	underline;
	color: #007CBE;
}
a.supportLink:link, a.supportLink:visited, a.supportLink:active {
	font-family: 		Helvetica, Arial, sans-serif;
	font-weight: 		bold;
	font-size: 			14px;
	color:				#007CBE;
	text-decoration:	none;
}
a.supportLink:hover {
	text-decoration: 	underline;
}
.pledgeLink {
	color: 				#007CBE;
}
.editLink {
	font-weight:		lighter;
}
.edit {
	text-align:			right;
}
hr {
	height: 			0; 
	border-width: 		1px 0 0 0; /* remove all borders except the top one */ 
	border-style: 		solid; 
	border-color: 		#8097BC;				
}
h1 {
	font-family: 		Helvetica, Arial, sans-serif;
	font-weight: 		bold;
	font-size: 			15px;
	margin-bottom:		10px;
}
h2 {
	font-family: granjon, Georgia, TimesNewRoman, "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 36px;
    line-height: 42px;
}
h3 {
	font-family: granjon, Georgia, TimesNewRoman, "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 36px;
    line-height: 42px;
}
h4 {
	font-family: HelveticaNeue-medium, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
	margin: 40px 0 20px 0;
    font-size: 26px;
	color: #052049;
}
ul {
	list-style:			square;
	margin-top:			5px;
	margin-bottom:		5px;
}
.largeBlackText {
 	font-size: 20px;
	color: #052049;
}
.largeWhiteText {
	font-family: 		Helvetica, Arial, sans-serif;
	font-weight: 		bold;
	font-size: 			14px;
	color: 				#ffffff;
	background-color:	#003366;
	line-height:        1.5em;
}
.tbl_txt {
	font-family: 		Helvetica, Arial, sans-serif;
	font-size: 			11px;
}
.tbl_link {
	font-family: 		Helvetica, Arial, sans-serif;
	color: 				#000066;
	text-decoration: 	none;
	font-size: 			11px;
}
.giving {
	background-image: 	url(https://giving.ucsf.edu/images/header_bg.gif);
}
.formButton {
	font-family: 		Helvetica, Arial, sans-serif;
	font-size: 			12px;
	font-weight:		bold;
	color: 				#000000;
	width:				70px;
	height:				22px;
}
.selectDesignation {
    color:				#052049;
}
.selectField {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				205px;
	border: 			1px solid #8097BC; 
}
.selectFieldMedium {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				125px;
	border: 			1px solid #8097BC; 
}
.selectFieldShort {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				50px;
	border: 			1px solid #8097BC; 
}
.selectFieldDay {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				45px;
	border: 			1px solid #8097BC; 
}
.selectFieldMonth {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				45px;
	border: 			1px solid #8097BC; 
}
.selectFieldYear {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				60px;
	padding: 			2px 2px;
	border: 			1px solid #8097BC; 
}
.formTextarea {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	/*height:				50px;*/
	padding: 			2px 2px;
	/*border: 			solid 1px #8097BC;*/
}
.remit1 {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	text-align:			center;
	width:				77px;
	padding: 			2px 2px;
	border: 			1px solid #FF0000; 
}
.remit2 {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	text-align:			center;
	width:				44px;
	padding: 			2px 2px;
	border: 			1px solid #FF0000; 
}
.code1 {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				77px;
	padding: 			2px 2px;
	/*border: 			1px solid #8097BC;*/
}
.code2 {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				44px;
	padding: 			2px 2px;
	border: 			1px solid #8097BC; 
}
.code3 {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				44px;
	padding: 			2px 2px;
	/*border: 			1px solid #8097BC;*/
	text-transform:     uppercase;
}


.txt {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				200px;
	border: 			1px solid #8097BC;
}
.matchYourGift {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				230px;
	border: 			1px solid #8097BC;
}
.money {
	color: 				#000000;
	background-color:	#FFFFFF;
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				120px;
	border: 			1px solid #8097BC;
}
.required {
	color:				#FF0000;
	background-color:	#FFFFFF;
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			14px;
}
.requiredHidden {
	visibility:         hidden;
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			14px;
}
.error {
	color: 				#FF0000;
	background-color:	#FFFFFF;
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	margin-top:			10px;
	margin-bottom:		10px;
}
.noMargin {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	width:				350px;
	padding: 			2px 2px;
	border-top: 		solid 1px #8097BC;
	border-right: 		solid 1px #8097BC;
	border-bottom: 		solid 1px #8097BC;
	border-left: 		solid 1px #8097BC;
	margin-bottom:     	0;
}
.note {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			11px;
	margin-bottom:     	12px;
}
.charsLeft {
	font-family: 		Helvetica, Arial, sans-serif;
    font-size: 			12px;
	color:				#999999;
}
.footer {
	font-family: HelveticaNeue-regular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;	 
	color: #FFFFFF;
	background-color:	#052049;
	font-size: 0.8rem;
    line-height: 1.67;
}
.attention {
	color: 				#8097BC;
}
.designationColor {
    font-family: HelveticaNeue-regular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 500;
}
 
#insert-content 
{
	 float:left;
	 margin:10px 25px 10px 25px;
}

#donate_form_body
{
	 margin-left:0px;
}

.btn--primary {
	 font-size:18px;
    color: #FFFFFF;
	 background-color: #007CBE;
    padding: 18.5px 15px;
	 margin:auto;
    text-decoration: none;
	 font-family: HelveticaNeue-medium, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
	 line-height: 1;
	 cursor: pointer;
    padding: 16px;
    border: none;
    outline: none;
	 min-width:240px;
	 -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
      -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition:     transition-property: all;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out;
    transition-delay: initial;
   -webkit-font-smoothing: antialiased;
}

.btn--primary:hover
{
	 background-color: #052049;
}

A:link {
	color: #007CBE;
}
.footer a {
	color: #B4B9BF;
}

input {
    font-family: HelveticaNeue-light, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 16px;
	padding: 8px;
    border-radius: 2px;
	border: solid 1px #B4B9BF;
    color: #052049;
}
#donate_form input, #donate_form select {
    margin-bottom: 6px;
    padding: 8px;
}
P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
    font-family: HelveticaNeue-light, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

#submit {
	margin:30px 0 30px 0;
	text-align:center;
	float:none;
}
.info-tip {
background-color: #F1F1F1;
color: #4D4D4D;
font-size: 12px;
line-height:1.5em;
min-width: 160px;
padding:15px;
}
.imPop, .imPop2 {
	font-size: 12px;
	color: #007CBE;
}
.small-link {
	font-size: 12px;
	color: #007CBE;
}
.mouseP {
    color:#007CBE;
    cursor:pointer; 
}
.mouseP:hover {
    color:#007CBE;
    cursor:pointer; 
}
div.appArea {
	margin:0;
}
.imPopP {
	display: none;
}
#tribute_ecard_recipients i {
	font-size: 10px;
}

.small-type {
  font-family: HelveticaNeue-light, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 14px;
}