a { color: #73A33B; text-decoration: underline }
a:hover { text-decoration: none }

#notification { font-size: 12px; font-weight: bold; text-align: center; width: 410px; margin-left: 12px; color: #666666; }
#login_form { color: #333333; width: 438px; background: url(/images/green_form_top.png) no-repeat; }
#login_form_bottom { background: url(/images/green_form_bottom.png)bottom left no-repeat; height: 25px; }

#login_form h1 { font-size: 15px; padding: 22px 0 6px 0; text-align: center; font-weight: bold; }
#my_sign_in_img { text-align: center; margin: 0 0 5px 0; }

#login_form table { margin-left: 34px; width: 370px; }

#login_form td { padding: 3px 0; vertical-align: middle; }

#errors {
	color: #D64646;
	background: url(/images/error_message_top.png) top left no-repeat;
	width: 370px;
}

#errors td {
	background: url(/images/error_message_bottom.png) bottom left no-repeat;
}

#errors p {
	font-size: 12px;
	padding: 3px 4px;
	background-color: #def4c7;
	border-left: 1px #79a843 solid;
	border-right: 1px #79a843 solid;
}

span.error-message {
	font-weight: bold;
}

#login_id_row td, #password_row td { padding-right: 4px; }
#login_id_row label, #password_row label { font-size: 12px; font-weight: bold; }
#login_id_row input, #password_row input { padding:2px 0; width: 100%; }

#default_login_id { font-size: 12px }
#default_login_id span { font-weight: bold }
#default_login_id a { font-size: 11px; color: #333333 }

#remember_me_box { vertical-align: top; }
#remember_me { float: left; }
#remember_me_text { display: block; font-size: 11px; margin: 0 0 0 18px; }
#remember_me_text span { font-weight: bold; }

#sign_in_row td { padding-top: 10px;}
#sign_in {
	background: url(/images/sign-in-button_bg.png);
	padding: 12px 12px 10px 17px;
	font-size: 13px;
	font-weight: bold;
	color: white;
	border: 1px solid #92b862;
	cursor: pointer;
}
#sign_in:hover { border-color: #f1ff13; color: #f1ff13 }

#support_links { float: right; padding-top: 1px; text-align: right; line-height: 20px }
#support_links a { color: #333333; font-size: 11px; text-decoration: underline }


/* "Learn More" popup */
#fade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; z-index: 99; }
#learn_more { border: 1px solid #C0C0C0; height:310px; width: 648px; position: absolute; top: 0; bottom: 0; z-index: 100; background:url(/images/learn_more_header.jpg) no-repeat white; text-align: left }
#learn_more p { width: 600px; padding-bottom: 15px; margin: 0 0 0 30px; font-size: 13px }
#learn_more p.strong { font-weight: bold; }
#learn_more p a { color:#73A33B; text-decoration: underline; }
#learn_more p a:hover { color:#000; }
#iclose { position: absolute; right: 22px; top: 25px; color: white; font-size: 11px }
#iclose:hover { color: white }
#learn_more h1 { font-weight: bold; font-size: 16px; margin: 112px 0 20px 30px }
#participating { margin-top: 30px; margin-bottom: 30px }

/* Tooltip */
a.tooltip { color: #333; position: relative; z-index: 24; text-decoration: none }
a.tooltip:hover { z-index: 25 }
a.tooltip span.hint-pl { text-decoration: underline }

a.tooltip span.hint {
	font-weight: bold;
	background: url(/images/email_tooltip.png) 0 0 no-repeat;
	width: 286px;
	height: 68px;
	overflow: hidden;	
	position: absolute;
	top:-60px; left:-50px;
	padding: 0px 10px;
	display: none;
}

a.tooltip:hover span.hint { display: block; }
span.hint span { display: block; margin-top: 9px }