body { font-size: 76%; margin: 0; font-family:  Verdana, Helvetica, sans-serif; }

.hide { display: none !important; }

/* ---- TYPOGRAPHY ----------------------*/

h1, h2, h3, h4, h5, h6 { margin: 0; color: #4B4545; font-family: Trebuchet MS, verdana, sans-serif; }
h1 { font-size: 2em; margin-bottom: .5em; }
h1 em { color: #00C5E8; font-style: normal; background: none; }

h2 { font-size: 1.4em; margin-bottom: .3em; font-weight: normal; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; font-family:  Verdana, Helvetica, sans-serif; }

a { color: #4B4545; }
a:hover { color: #00ABCC; }
a.email { background: url(../../images/icon_email.gif) no-repeat left center; padding-left: 15px; }

p a {  font-weight: bold; }

p { line-height: 1.5em; margin: 0em 0em 1em; color: #4B4545;  }

em { font-style: normal; background-color: #FFFEE3 }

ul, ol { line-height: 1.5em; }
ul { list-style: none; margin: 0em 0em 1em 1.8em; padding: 0; }
ul li { 
	background: url(../../images/icon_star.gif) no-repeat; 
	background-position: 0px 5px;  
	padding-left: 15px;
}

dl {  }
dt { font-weight: bold; margin-bottom: .2em; color: #4B4545; }
dd { margin-left: 2em; margin-bottom: 2em; }

.weak { font-size: .9em; font-weight: normal; }

.contextual { font-size: .9em; color: #888; }
.continue { float: right; }


.img { 
	letter-spacing: -1000em;  text-indent : -999em; overflow : hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .img { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */



/* ---- GENERAL ELEMENTS ----------------*/

ul.menu { list-style: none; margin: 0; padding: 0; }
ul.menu li { float: left; margin-left: .5em; background: none; }
ul.menu li a {  display: block; }

hr { border: none; border-bottom: 1px solid #aaa; background: none; height: 1px; }

table { /*border-collapse: collapse;*/ }
table tbody th { text-align: left; }

a img { border: none; }

/* ---- FORMS ---------------*/

form { margin: 0; padding: 0; }

fieldset { border: none; margin: 0; padding: 0; }
fieldset label { font-weight: bold; color: #4B4545 }
fieldset .field { margin-bottom: 1em; }

label.checkbox { vertical-align: middle; }
input.checkbox, .checkbox input { margin: 0 !important; }

input.textbox, textarea { border: 1px solid #CCCCCC; font-size: .95em; padding: 2px 4px; margin-top: .3em; }
input.textbox:focus, textarea:focus { background-color: #FFFEE3; }
textarea { font-size: 1.1em; }

input.error, .error input, textarea.error, .error textarea {  border: 1px solid #DF2020 !important; }
label.error, label.error strong, label.error a { color: #DF2020 !important; }

.required { color: #DF2020; }

input.imagebutton { vertical-align: top; }

div.error-panel {
	background: url(../../images/icon_rederror.gif) no-repeat; background-position: 8px 8px;
	background-color: #FFFEE3;
	padding: 11px 2em 1em 45px;
	font-size: .9em;
	font-weight: bold;
	color: #DF2020;
	border-top: 1px solid #E9E6B9;
	border-bottom: 1px solid #E9E6B9;
	margin-bottom: 1em;
}
div.error-panel h2 { font-size: 1.5em; font-weight: bold; color: #DF2020; margin-bottom: .2em; }
div.error-panel ul { margin: 0; padding: 0; }
div.error-panel ul li { background-image: none; padding: 0; margin-bottom: .2em; }
div.error-panel .message { display: block; color: #4B4545; }

div.success-panel {
	background: url(../../images/icon_check.gif) no-repeat; background-position: 8px 8px;
	background-color: #f5fff0;
	padding: 12px 2em 1em 45px;
	font-size: 1em;
	
	color: #666;
	border-top: 1px solid #c6ddba;
	border-bottom: 1px solid #c6ddba;	
	margin: 1em 0em;
}
div.success-panel .title { display: block; font-size: 1.2em; font-weight: bold; color: #49812a; margin-bottom: .2em; }

/* ---- SPECIAL ELEMENTS ----------------*/

.callout { background-color: #FFFEE3; padding: 1em; border-top: 1px solid #E9E6B9; border-bottom: 1px solid #E9E6B9; }
a.help { background-color: #eee; padding: 0px 4px; border: 1px solid #ccc; font-size: .8em; text-decoration: none; }
a.button { background-color: #4B4545; padding: 3px; display: block; color: #FFFEE3; font-weight: bold; text-align: center; text-decoration: none;  }

.clear { clear: both; height: 1px; font-size: 1px; }

.helpText { cursor: help; border-bottom: 1px dashed; }


div#overDiv {
	position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
	background-color:#FFFEED; border:1px dashed; 
	width:200px; padding:4px;
	color:#000; font-size:11px; line-height:1.2;
	text-align:left;
	padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:15px;
}


/* Mochipass */
#mochipass #util_nav li em { font-style: normal;  }
#mochipass #util_nav li em a { color: #30dBfC; background: none; }

#mochipass { height: 24px; background: url("../../images/pass/g_background.gif") repeat-x; position: relative; }
#mochipass .wrapper { width: 750px; padding: 0 0px; margin: 0 auto; position: relative;}
#mochipass ul { padding: 0; margin: 0; }
#mochipass ul li { position: relative; padding-right: 20px !important; }
#mochipass ul li span { display: block; position: absolute; right: 8px; top: 0; height: 24px; width: 5px; background: url("../../images/pass/g_divider.gif") no-repeat center center; }

#mochipass #mp_sites { height: 24px; float: left; }
#mochipass #mp_sites li { float: left; height: 24px; width: 60px;  background-repeat: no-repeat; background-position: left center;  }
#mochipass #mp_sites li a { height: 24px;  display: block; text-indent: -9999em; }

#mochipass #mp_ma { background-image: url("../../images/pass/logo_ma.gif"); }
#mochipass #mp_mb { background-image: url("../../images/pass/logo_mb.gif"); width: 59px !important; }
#mochipass #mp_ml { background-image: url("../../images/pass/logo_ml.gif"); }
#mochipass #mp_ml span { display: none !important; }

#mochipass #util_nav { position: absolute; right: 0; top: 0; color: #fff; font-size: .8em; height: 24px; }
#mochipass #util_nav li { float: left; height: 24px; margin: 0; padding: 0 12px 0 0 !important; background: none; }
#mochipass #util_nav li strong { color: #fff; }
#mochipass #util_nav li span { right: 3px !important; }
#mochipass #util_nav li#mp_name { font-weight: bold; padding: 0 15px 0 0 !important; }
#mochipass #util_nav li#mp_name em { background: none; }
#mochipass #util_nav li#mp_name a { padding: 0; }
#mochipass #util_nav li#mp_name span { right: 3px !important; }
#mochipass #util_nav li a { line-height: 24px !important; color: #fff; text-decoration: none; padding: 1px 5px; }
#mochipass #util_nav li a:hover { background-color: #555; }
#mochipass #util_nav li#mp_last { padding-right: 0 !important; }
#mochipass #util_nav li#mp_last span { display: none !important; }