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

/* ---- 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-family:  Verdana, Helvetica, sans-serif; }

a { color: #4B4545; }
a:hover { color: #00ABCC; }
p a {  font-weight: bold; }
a.csv { background-image: url(../../images/icon_excel.gif); padding-left: 18px; background-repeat: no-repeat; }

p { line-height: 1.5em; margin: 0em 0em 1em;  }

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

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

.weak { font-size: .9em; font-weight: normal; }
.contextual { font-size: .9em; color: #888; font-weight: normal; }
.continue { float: right; }
.hide { display: none !important; }

code { background-color: #f7f7f7; border: 1px solid #00C5E8; padding: 1em; display: block; font-size: .9em; font-family: Courier, monospace; }

.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 ----------------*/

hr { border: none; border-bottom: 1px solid #aaa; background: none; height: 1px; margin: 0em 0em .5em; }

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

a img { border: none; }

.section { background-color: #FFFEE3; height: 1%; /* IE hack */ }
.section div.top { background: url(../../images/i_yboxul.gif) no-repeat top left; }
.section div.top div { background: url(../../images/i_yboxur.gif) no-repeat top right; }
.section div.bottom { background: url(../../images/i_yboxll.gif) no-repeat bottom left; }
.section div.bottom div { background: url(../../images/i_yboxlr.gif) no-repeat bottom right; }

.section div.top, .section div.top div, .section div.bottom, .section div.bottom div {
	width: 100%; height: 6px;
}
.section div.content { padding: .5em 1em; }

table.swflist thead th { 
	text-align: left; background-repeat: no-repeat; background-position: right center;
	font-weight: bold;  padding: .3em .7em; font-size: .9em; padding-right: 5px;	
}

table.swflist thead th a { text-decoration: none; font-size: 1.0em; display: block; }
table.swflist thead th.over { cursor: pointer; }
table.swflist thead th.sortup { background: url(../../images/icon_sortupblack.gif) no-repeat center left; padding-left: 10px !important;  }
table.swflist thead th.sortdown { background: url(../../images/icon_sortdownblack.gif) no-repeat center left; padding-left: 10px !important; }
table.swflist thead th .contextual { color: #aaa; }

table.datagrid { width: 100%; border-collapse: collapse; }
table.datagrid thead th.first { background-image: url(../../images/i_ulcorner.gif); background-repeat: no-repeat; background-position: top left; }
table.datagrid thead th.last { background-image: url(../../images/i_urcorner.gif);  background-position: top right; }
table.datagrid thead th.nopad { padding: 0px 0px; padding-right: 0px; width: 6px; }
table.datagrid td.nopad { padding: 0px 0px; padding-right: 0px; width: 6px; }

table.datagrid thead th { 
	text-align: left; background-color: #4B4545; background-repeat: no-repeat; background-position: right center;
	color: white; font-weight: bold;  padding: .3em .7em; font-size: .9em; padding-right: 5px;
	background-repeat: no-repeat; background-position: 95% right;
}
table.datagrid thead th a { color: white; text-decoration: none; font-size: 1.0em; padding-right: 15px; }
table.datagrid thead th.over { background-color: #746B6B; cursor: pointer; }
table.datagrid thead th.sortup { background: #4B4545 url(../../images/icon_sortup.gif) no-repeat 5px center; padding-left: 15px !important;  }
table.datagrid thead th.sortdown { background: #4B4545 url(../../images/icon_sortdown.gif) no-repeat 5px center; padding-left: 15px !important; }

table.datagrid thead th .contextual { color: #aaa; }
table.datagrid tbody th { font-weight: bold; }
table.datagrid tbody td, table.datagrid tbody th { text-align: left; padding: .3em .7em; border-bottom: 1px solid #eee; }
table.datagrid tbody tr.alternate td, table.datagrid tbody tr.alternate th { background-color: #f1f1f1; }
table.datagrid tfoot td, table.datagrid tfoot th { 
	background-color: #FFFEE3; color: #4B4545; padding: .5em; font-weight: bold; border-top: 2px solid #4B4545; 
}
table.datagrid tfoot th { text-align: left; }
table.datagrid tfoot td {  }

table.datagrid #nodata td { 
	background: #f1f1f1 url("../../images/g_nodata.gif") no-repeat center center; 
	text-align: center; height: 75px; text-indent : -999em; overflow : hidden;
}

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

form { margin: 0; padding: 0;  }
fieldset { border: none; margin: 0; padding: 0; }

fieldset.short label { display: block; margin: 0em 0em .1em 0em;  }
fieldset.short label.inline { display: inline; }
fieldset.short input { margin: .2em 0em 1em; }

label { font-weight: bold; color: #4B4545; cursor: pointer; }

input.checkbox { margin: 0 !important; }


input.textbox, textarea.textbox { border: 1px solid #CCCCCC; padding: 2px 4px; }
input.textbox:focus, textarea.textbox:focus { background-color: #FFFEE3; }

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

label strong { font-size: 1.2em; font-weight: bold; }
label strong input { font-size: 1.3em; font-weight: normal; }

input.imagebutton { vertical-align: middle; }

div.error-panel {
	position: relative;
	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 {
	position: relative;
	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, div.success-panel h2 { display: block; font-size: 1.2em; font-weight: bold; color: #49812a; margin-bottom: .2em; }

div.system-panel { 
	background-color: #EAFCFF;  
	padding: .5em 2em .5em 1.5em;
	font-size: .9em;
	color: #666;
	border-top: 1px solid #8CDEEF;
	border-bottom: 1px solid #8CDEEF;	
	margin: 1em 0em;
	/*float: right; width: 350px; */
	position: relative;
}

div.system-panel strong { color: #00ABCC; }
div.system-panel .title {/* position: absolute; top: 2px; left: 1.5em; */ margin-right: 1em;}

/* ---- 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;  }

a.email { background: url(../../images/icon_email.gif) no-repeat left center; padding-left: 15px; }
a.goback { background: url(../../images/icon_goback.gif) no-repeat left center; padding-left: 11px; font-weight: bold; margin-left: 1em; }

.clear { clear: both; }

.invisible { display: none; }

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

.adminError { color: red; }

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;
}

.helptip { 
	background-color: #EAFCFF;  
	padding: 0 .3em;
	line-height: 1.5em;
	font-size: .9em;
	font-weight: bold;
	color: #6CbEcF;
	border: 1px solid #8CDEEF;	 
	text-decoration: none;
	margin-left: 7px;
}

.textbutton { 
	background-color: #F6F6F6;  
	padding: 0 .3em;
	line-height: 1.5em;
	font-size: .9em;
	font-weight: normal;
	color: #4B4545;
	border: 1px solid #888888;	 
	text-decoration: none;
	margin-left: 7px;
    white-space: nowrap;
}




/* @group 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: 962px; 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; }

/* @end */