/*
Table of contents
============================

        last-updated: xx Month Year;

        =1. universal reset
        =2. accessibility features
        =3. html and body
        =4. typography
        =5. layout
        =6. main navigation
        =7. form
        =8. tables
        =9. links

============================
*/

/*
=1. universal reset
============================
*/

*       {
        /* set the fonts to a uniform size, including form fields as well as all headings etc. */
        font-size: 100%;
        margin: 0;
        padding: 0;
}

/*
=2. accessibility features
============================
*/

acronym,
abbr    {
        cursor: help;
        }

#MBCHOICE4 table,
#printoption,
.printHide,
#idPrintLogoff,
#optionsnav,
.cookietrail,
#togglebutton,
.submit-wrap h3,
.submit-wrap input,
.noprint,
#container div.showhidewrap,
td h5,
#salary.hide,
#flexallspent.show,
#flexallow2.show,
#flexallbal.show,
#flexhow.show,
#showsal,
#hidesal,
#optionsnav2,
#tab02 .button,
#tab03 .button,
#tab04 .button,
#tab05 .button	{
	width: 0px;
	position: absolute;
	left: -9999px;
	overflow: hidden;
	}
	
#tab02	{
	float: none;
	clear: both;
	}

#MBCHOICE4 table.noborder-bot,
#MBCHOICE4 table.ruler	{
	position: relative;
	width: 100%;
	overflow: auto;
	left: 0;
	}

.hidemonth,
.hideyear	{
	display: inline;
	}

.showmonth,
.showyear	{
	display: none;
	}

#salary.show,
#flexallspent.hide,
#flexallow2.hide,
#flexallbal.hide,
#flexhow.hide	{
	position: static;
	width: 100%;
	left: 0;
	display: inline;
	}
	
/*
=3. html and body
============================
*/

html    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background: #FFFFFF url('../images/html-back.gif') top left repeat-x;
        font-size:76%; /* equates to about 12.16px on most browsers */
        line-height: 1.5; /* equates to about 18.24px on most browsers */
        }

body    {
        margin:0;
        padding:0;
		width: 90%;
        color: #002840;
        }

/*
=4. typography
============================
*/

h1, h2, h3, h4, h5, h6  {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        margin: 0 0 1em 0;
        }

h1, h2  {
        font-size: 1.5em;
        line-height: 1;
        }

h3      {
        font-size: 1.3158em;
        line-height: 1.14;
        }
        
h4      {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 1.1513em;
        line-height: 1.3028;
        }

h5      {
        font-size: 0.9046em;
        line-height: 1.6363;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        }

h6      {
        font-size: 0.8223em;
        line-height: 1.824;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        }

p, ul, ol, li, caption, address {
		font-size: 10px;
        margin: 0 0 1.5em 0;
        }

ul, ol, dl      {
        padding: 0 2.2em;
        }
        
dl	{
	padding: 0;
	}
	
dl dl	{
	padding: 0 1.15em;
	}
	
dt	{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1513em;
	line-height: 1.3486;
	padding: 0;
	margin-bottom: 1.3028em;
        color: #002840;
	}
	
li, dd	{
	padding: 0;
	margin: 0 0 1em 0;
	}

dd	{
	padding: 0 2em 0 0;
	}
	
address {
        font-style: normal;
        }
        
th,
td      {
        margin: 0.25em;
        }

blockquote      {
        font-size: 1em;
        font-style: italic;
        margin: 0 0 1.5em 0;
        padding: 1em 2em;
        border: 1px solid #BABABA;
        background-color: #F2F2F2;
        }

code    {
        font-family: "Courier New", Courier, monospace;
        font-size: 1.1em;
        margin: 0 0 1.3636em 0;
        }

em	{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: inherit;
	}

td em   {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-style: italic;
        }
        
.brandspan span	{
	font-weight: bold;
	}

em.brandspan	{
	font-weight: normal;
	font-style: normal;
	}

strong,
b	{
	font-weight: bold;
	color: inherit;
	font-size: 1em;
	}

td.pageHeading  {
	font-size: 1.5em;
	line-height: 1;
	padding: 0.333em;
	}

td.heading  {
	background-color: #fafafa;
	}

/*
=5. layout
============================
*/

.submit-wrap    {
        border-top: 1px solid #c4c7ce;
        padding: 1.5em 0;
        }

/*
=6. main navigation
============================
*/



/*
=7. form
============================
*/

/*fieldset        {
        width: 100%;
        clear: both;
        border: 0px solid #71cef5;
        margin: 0;
        padding: 0 0 1.5em 0;
        }

*/fieldset p      {
        float: left;
        clear: both;
        width: 100%;
        }

/*fieldset fieldset       {
        border: 0px solid #71cef5;
        clear: none;
        float: left;
        width: 45.9%;
        padding: 0;
        margin: 0 1%;
        }
        
*/

fieldset,
fieldset.fullwidth	{
	width: 100%;
	float: none;
	clear: both;
	border: 0px solid #71cef5;
	margin: 0;
	padding: 0 0 1.5em 0;
	}

fieldset fieldset	{
	border: 0px solid #71cef5;
	clear: both;
	float: none;
	padding: 0;
	margin: 0;
	}

.hol1 fieldset.nestedfieldsets fieldset	{
	float: left;
	width: 45%;
	margin-right: 4%;
	clear: none;
	}
	
.hol1 fieldset.nestedfieldsets fieldset.fullwidth	{
	float: none;
	width: 45%;
	clear: left;
	}
	
fieldset .colwidth      {
        width: 40%;
        }

legend  {
        font-size: 1.5em;
        line-height: 1em;
        margin-bottom: 1.125em;
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        color: #002840;
        }

label   {
        position: relative;
        float: left;
        width: 200px;
        padding-right: 1em;
        }

select,
input   {
        position: relative;
        width: 17em;
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
        padding: 2px;
        }
                
select  {
        padding: 0;
        }

#container table input,
#container table select {
        margin: 0;
        padding: 0;
        width: auto;
        clear: both;
        }
        
#container table label  {
        width: auto;
        }

.highlight input        {
        width: auto;
        margin-left: 0.75em;
        }
        
input.radio     {
        width: 2em;
        }
        
input.noborder   {
        border: 0px solid;
        }
        
.button {
        background: #dcdcdc url('../images/greysubmit.gif') center left repeat-x;
        font-size: 0.9em;
        padding: 0;
        width: auto;
        float: none;
        }
        
.submit {
        background: #c41130 url('../images/submit.gif') center left repeat-x;
        color: #FFFFFF;
        padding: 3px 0;
        width: 15.5em;
        }
                
.greysubmit     {
        background: #dcdcdc url('../images/greysubmit.gif') center left repeat-x;
        padding: 3px 0;
        width: 19em;
        margin-right: 1em;
        }
        
.highlight      {
        background-color: #f5f5f7;
        border: 1px solid #c4c7ce;
        padding: 1%;
        float: left;
        width: 97.5%;
        }
        
/*
=8. tables
============================
*/

#container table   {
        width: 98%;
        margin-bottom: 1.5em;
        border: 0px solid #c4c7ce;
		page-break-inside: avoid;
		font-size: 10px;
        }
        
#container table.noborder-bot,
#container table.details,
#container table.ruler,
#container table.datablock	{
	background-color: #fff;
	border: 0px solid #e5e3e5;
	border-top-width: 1px;
	margin-bottom: 1.5em;
	page-break-inside: avoid;
	}
	
#container table	{
	}
	
#container table.details th,
#container table.details td,
#container table.ruler th,
#container table.ruler td,
#container table.noborder-bot th,
#container table.noborder-bot td,
#container table.datablock th,
#container table.datablock td	{
	padding: 0.25em 0.5em;
	border-bottom: 1px solid #e5e3e5;
	vertical-align: top;
	border-collapse: collapse;
	}

#container table.details th,
#container table.ruler th,
#container table.noborder-bot th,
#container table.datablock th	{
	padding: 0.15em 0.5em;
	border-bottom: 1px solid #c4c7ce;
	}

fieldset fieldset table {
        border-collapse: collapse;
        border: 1px solid #c4c7ce;
        width: 98%;
        }
        
#container th,
#container td      {
        border-collapse: collapse;
        border: 0px solid #c4c7ce;
                padding: 5px;
        }

#container th      {
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        border-bottom: 1px solid #c4c7ce;
        background-color: #f2f2f2;
        }
                
#container tbody td     {
        border-collapse: separate;
        border-bottom: 1px solid #E5E5E5;
        }
        
#addrow td      {
        border-top:1px solid #c4c7ce; 
        background-color: #f2f2f2;
        }

.align  {
        text-align: right;
        }
        
.colwidth       {
        width: 20%;
        }
        
tfoot td        {
        border-collapse: collapse;
        background-color: #f2f2f2;
        border-top: 0px solid #c4c7ce;
        }

td h5	{
	margin: 0;
	}
/*
=9. links
============================
*/

a:link,
a:visited	{
	font-size: 0.9em;
	color: #002840;
	text-decoration: underline;
	padding: 0.15em 0;
	}

a:hover,
a:active,
a:focus	{
	text-decoration: none;
	}