body

{

	margin: 0;

	padding: 0;

	color: #555;

	font: normal 10pt Arial,Helvetica,sans-serif;

	background: #fff url(../images/bg.jpg) repeat-x 0 0;

}



#page

{ 

	background: white;

	position: relative;

}



#header

{

	margin: 0;

	padding: 40px 20px 50px;

	background: url('../images/mmelogo.jpg') no-repeat 20px center;

	

}



#content

{

    padding: 20px;

}



#footer

{

	padding: 10px;

	margin: 10px 20px;

	font-size: 0.8em;

	text-align: right;

	border-top: 1px solid #f3f3f3;

}



#logo

{

	font-size: 200%;

	width: 140px;

	height: 61px;

	background: url(../images/logo.jpg) no-repeat 0 0;

}



#mglogo

{

	font-size: 200%;

	width: 215px;

	height: 61px;

	background: url(../images/mg.logo.jpg) no-repeat 0 0;

	position: absolute;

	left: 170px;

	top: 10px;

	border-left: 2px solid #000000;

}



#logo a

{

	display: block;

	width: 100%; height: 100%;

}



/*#mainmenu

{

	background:white url(bg.gif) repeat-x left top;

}



#mainmenu ul

{

	padding:6px 20px 5px 20px;

	margin:0px;

}



#mainmenu ul li

{

	display: inline;

}



#mainmenu ul li a

{

	color:#ffffff;

	background-color:transparent;

	font-size:12px;

	font-weight:bold;

	text-decoration:none;

	padding:5px 8px;

}



#mainmenu ul li a:hover, #mainmenu ul li a.active

{

	color: #6399cd;

	background-color:#EFF4FA;

	text-decoration:none;

}*/



div.error, div.notice, .success

{

	padding:.8em;

	margin-bottom:1em;

	border:2px solid #ddd;

}



div.error

{

	background:#FBE3E4;

	color:#8a1f11;

	border-color:#FBC2C4;

}



div.notice

{

	background:#FFF6BF;

	color:#514721;

	border-color:#FFD324;

}



div.success

{

	background:#E6EFC2;

	color:#264409;

	border-color:#C6D880;

}



div.error a

{

	color:#8a1f11;

}



div.notice a

{

	color:#514721;

}



div.success a

{

	color:#264409;

}



div.form .rememberMe label

{

	display: inline;

}



.actions

{

	margin: 0 0 10px 0;

	padding: 0;

}



.actions li

{

	display: inline;

	margin: 0;

	padding: 0;

}



.actions li a

{

	padding: 5px;

	margin: 0;

	color: #298dcd;

	text-decoration: none;

	font-size: 0.8em;

	font-weight: bold;

	background: #DFF4FF;

	border-left: 5px solid #589FC8;

}



.actions li a:hover, .actions li a.active

{

	background: #589FC8;

	color: white;

}



div.view

{

	padding: 10px;

	margin: 10px 0;

	border: 1px solid #C9E0ED;

}



div.breadcrumbs

{

	font-size: 0.9em;

	padding: 5px 20px;

}



div.breadcrumbs span

{

	font-weight: bold;

}



/* OS Table */

#Articles {

	width: 100%;

	padding: 0;

	margin: 0;

	margin-top: 10px;

}



#Articles caption {

	padding: 0 0 5px 0;

	width: 700px;	 

	font: italic 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	text-align: left;

}



#Articles th {

	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #4f6b72;

	border-left: 1px solid #C1DAD7;

	border-bottom: 1px solid #C1DAD7;

	border-top: 1px solid #C1DAD7;

	letter-spacing: 2px;

	text-transform: uppercase;

	text-align: left;

	padding: 6px 6px 6px 12px;

	background: #CAE8EA url(images/bg_header.jpg) no-repeat;

}



#Articles th.nobg {

	border-top: 0;

	border-left: 0;

	border-left: 1px solid #C1DAD7;

	background: none;

}



#Articles td {

	border-left: 1px solid #C1DAD7;

	border-bottom: 1px solid #C1DAD7;

	background: #fff;

	padding: 6px 6px 6px 12px;

	color: #4f6b72;

}





#Articles td.alt {

	background: #F5FAFA;

	color: #797268;

}



#Articles th.spec {

	border-left: 1px solid #C1DAD7;

	border-top: 0;

	background: #fff url(images/bullet1.gif) no-repeat;

	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}



#Articles th.specalt {

	border-left: 1px solid #C1DAD7;

	border-top: 0;

	background: #f5fafa url(images/bullet2.gif) no-repeat;

	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #797268;

}



#AgentProfileTab { }

	#AgentProfileTabContainer { border: 1px solid #666; padding: 15px; }

	#AgentProfileTab li { list-style: none; }

	#AgentProfileTab ul { margin: 0!important; padding: 0!important; }

	#AgentProfileTab .tabButtons .activeTab a { background: #fff!important; color: #666!important; }

	#AgentProfileTab .tabButtons li { display: inline-block; }

	#AgentProfileTab .tabButtons a 	{ outline: none; display: block; padding: 10px; background: #666; border: 1px solid #666; border-bottom: none; color: #fff; width: 150px; text-decoration: none; text-align: center; }

	

	#AgentProfileTab .profileTab 	{ }

	#AgentProfileTab .profileTab h1 { background: #ddd; color: #000; font-size: 14px; padding: 10px 0 10px 10px; font-weight: bold; }

	#AgentProfileTab .profileTab li { overflow: hidden; padding-bottom: 5px; }

	#AgentProfileTab .profileTab label	{ display: block; width: 225px; padding: 5px 0; margin-right: 10px; float: left; font-weight: bold; text-align: right; }

	#AgentProfileTab .profileTab input[type=text]	{ width: 350px; padding: 5px; font-size: 11px; background: #eee; border: 1px solid #666; }

	

	#ProductProfileItemsTab .productName	{ font-size: 14px; border-bottom: 1px dotted #666; margin-bottom: 10px; font-weight: bold; padding-top: 15px; }

	

	

/*** ESSENTIAL STYLES ***/

#mainmenu { float: left; width: 950px; background-color: #FF2525; height: 35px; margin-bottom: 15px; }

#mainmenu li {float:left; }

#mainmenu li:hover ul,

#mainmenu li.sfHover ul {left:0;right:auto;}



#mainmenu li li:hover ul,

#mainmenu li li.sfHover ul {left:10em; right:auto;}



#mainmenu li li li:hover ul,

#mainmenu li li li.sfHover ul {left:10em; right:auto;}



/*** DEMO SKIN ***/

#mainmenu a {font-family: tahoma!important; }



/*** arrows **/

#mainmenu a.sf-with-ul {padding-right:2.25em; padding-left:1em;}

.sf-sub-indicator {left:auto;right:.75em; background-image:url('../images/arrows-ffffff-rtl.png');}

.sf-shadow ul {

	padding:0 0 9px 8px; background-position:left bottom;



	border-top-left-radius: 17px;

	border-bottom-right-radius: 17px;

	-moz-border-radius-bottomleft: 0;

	-moz-border-radius-topright: 0;

	-webkit-border-top-right-radius: 0;

	-webkit-border-bottom-left-radius: 0;



	-moz-border-radius-bottomright: 17px;

	-moz-border-radius-topleft: 17px;

	-webkit-border-top-left-radius: 17px;

	-webkit-border-bottom-right-radius: 17px;

	border-top-left-radius: 17px;

	border-bottom-right-radius: 17px;

}



/*** ESSENTIAL STYLES ***/

#mainmenu ul, #mainmenu ul * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

#mainmenu ul {

	line-height:	1.0;

}

#mainmenu ul ul {

	position:		absolute;

	top:			-999em;

	width:			15em; /* left offset of submenus need to match (see below) */

}

#mainmenu ul ul li {

	width:			100%;

}

#mainmenu ul li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

#mainmenu ul li {

	float:			left;

	position:		relative;

}

#mainmenu ul a {

	display:		block;

	position:		relative;

}

#mainmenu ul li:hover ul,

#mainmenu ul li.sfHover ul {

	left:			0;

	top:			2.5em; /* match top ul list item height */

	z-index:		99;

}

#mainmenu ul li:hover li ul,

#mainmenu ul li.sfHover li ul {

	top:			-999em;

}

#mainmenu ul li li:hover ul,

#mainmenu ul li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

#mainmenu ul li li:hover li ul,

#mainmenu ul li li.sfHover li ul {

	top:			-999em;

}

#mainmenu ul li li li:hover ul,

#mainmenu ul li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/*** DEMO SKIN ***/

#mainmenu ul {

	float:			left;

	margin-bottom:	1em;

}

#mainmenu ul a {

	border-right:	1px solid #fff;

	border-top:		1px solid #CFDEFF;

	padding: 		.75em 1em;

	text-decoration:none;

}

#mainmenu ul a, #mainmenu ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#13a;

}

#mainmenu ul li {

	background:		#BDD2FF;

}

#mainmenu ul li li {

	background:		#AABDE6;

}

#mainmenu ul li li li {

	background:		#9AAEDB;

}

#mainmenu ul li:hover, #mainmenu ul li.sfHover,

#mainmenu ul a:focus, #mainmenu ul a:hover, #mainmenu ul a:active {

	background:		#CFDEFF;

	outline:		0;

}



/*** arrows **/

#mainmenu ul a.sf-with-ul {

	padding-right: 	2.25em;

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.05em; /* IE6 only */

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			.8em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

#mainmenu ul ul .sf-sub-indicator { background-position:  -10px 0; }

#mainmenu ul ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

#mainmenu ul ul a:focus > .sf-sub-indicator,

#mainmenu ul ul a:hover > .sf-sub-indicator,

#mainmenu ul ul a:active > .sf-sub-indicator,

#mainmenu ul ul li:hover > a > .sf-sub-indicator,

#mainmenu ul ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	url('../images/shadow.png') no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}



#mainmenu ul li li a {

	border:		none!important;

}



#mainmenu ul .syncData {

	text-align: center;

	background-color: #666;

	color: #fff;

} 



.panelBox { overflow: hidden; }

.panelBox ul { overflow: hidden; float: left; }

.panelBox li { list-style: none; margin: 5px; }



.button { display: block; width: 95px; text-align: center; padding: 25px 15px; color: #fff; text-decoration: none; background-color: #2b2829; }

.button:hover { color: #fff; }



.sndTransaction 	{ display: block; width: 147px; background: #fff url(../images/sendtransaction.jpg) no-repeat 0 0; text-decoration: none; color: #000; text-align: center; padding-top: 75px; padding-bottom: 10px; border: 1px solid #000; }

.rcvTransaction 	{ display: block; width: 147px; background: #fff url(../images/receivetransaction.jpg) no-repeat 0 0; text-decoration: none; color: #000; text-align: center; padding-top: 75px; padding-bottom: 10px; border: 1px solid #000; }



#ApplicationName 	{ width: 315px; height: 41px; background: url(../images/appname.jpg) no-repeat 0 0; position: absolute; bottom: 10px; left: 15px; }



#LoginForm 		{ width: 320px; margin: 0 auto; background: #999; padding-bottom: 10px; }

#LoginForm .row	{ padding: 0 10px!important; margin: 0!important; margin-bottom: 5px!important; }

#LoginForm 	h1	{ background: #fff; width: 100px; padding: 10px; text-align: center; margin: 0 auto; text-transform: uppercase; }

#LoginForm 	p.note	{ color: #fff; padding: 0; margin: 0; padding: 10px; }

#LoginForm 	label { display: block; margin-top: 10px; width: 75px; float: left; color: #fff; }

#LoginForm 	input { padding: 5px; width: 70%; }

#LoginForm 	input[type=submit] { display: block; width: 125px; margin: 0 auto; } 





/* OS Table */

#Articles {

	width: 100%;

	padding: 0;

	margin: 0;

	margin-top: 10px;

}



#Articles caption {

	padding: 0 0 5px 0;

	width: 700px;	 

	font: italic 14px tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	text-align: left;

}



#Articles th {

	font: bold 11px tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #4f6b72;

	border-left: 1px solid #C1DAD7;

	border-bottom: 1px solid #C1DAD7;

	border-top: 1px solid #C1DAD7;

	text-transform: uppercase;

	text-align: left;

	padding: 6px 6px 6px 12px;

	background: #CAE8EA url(images/bg_header.jpg) no-repeat;

}



#Articles th.nobg {

	border-top: 0;

	border-left: 0;

	border-left: 1px solid #C1DAD7;

	background: none;

}



#Articles td {

	border-left: 1px solid #C1DAD7;

	border-bottom: 1px solid #C1DAD7;

	background: #fff;

	padding: 6px 6px 6px 12px;

	color: #4f6b72;

}





#Articles td.alt {

	background: #F5FAFA;

	color: #797268;

}



#Articles th.spec {

	border-left: 1px solid #C1DAD7;

	border-top: 0;

	background: #fff url(images/bullet1.gif) no-repeat;

	font: bold 10px tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}



#Articles th.specalt {

	border-left: 1px solid #C1DAD7;

	border-top: 0;

	background: #f5fafa url(images/bullet2.gif) no-repeat;

	font: bold 10px tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #797268;

}



.errorSummary { margin: 0 10px 20px!important; }