/*
general styles
*/

html, body{height:100%}

body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    margin: 0px;
}
p, li {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}

a {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt ! important;
    color: #000000;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

td {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    vertical-align:top;
}
h1.login {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000000;
    font-size: 14pt;
    font-weight: normal;
}
h1 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color:#000000;
    font-size: 12pt;
    font-weight: bold;
}
h2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
}
h3 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
}

/*
Login Pages
*/
td.grey {
    background-color: #DDDDDD;
    vertical-align: middle;
}
td.lightgrey {
    background-color: #EEEEEE;
}
td.darkgrey {
    background-color: #C0C0C0;
}
td.middlegrey {
    background-color: #CCCCCC;
}
td.loginlabel {
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
}
td.login {
    font-weight: normal;
    vertical-align: top;
}
td.logos {
    text-align: right;
}
div.loginbox {
    background-color: #EEEEEE;
    vertical-align: middle;
    alignment: center;
    padding: 10px;
}

div.attention {
    font-weight: bold;
    color: #FF0000;
}
div.error {
    background-color: #EEEEEE;
    border: 1px solid #000000;
}
div.message {
    font-weight: bold;
    color: #00AA00;
}
td.helpheader {
    height: 8px;
    background-color: #708090;
}
a.help {
    color: #FFFFFF;
}
a.helpselected {
    color: #000000;
}

td.logos {
    text-align: right;
}

/* Header */

td.header {
    vertical-align: middle;
    height: 60px;
    background-color: #C0C0C0;
}

.header {font: bold 8pt Arial, Helvetica, sans-serif; color:#000000; }
.header A:link {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}
.header A:visited {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}
.header A:hover {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:underline;}
.header A:active {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}

.title {font: bold 20pt Arial, Helvetica, sans-serif; color:#000000; align: left; margin-left: 15px; }

/* Menu */

td.menu {
    vertical-align: top;
    background-color: #CCCCCC;
}

.menu {font: 12pt Arial, Helvetica, sans-serif; color:#000000; align: left; margin-left: 5px; }
.menu A:link {font-size: 20pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}
.menu A:visited {font-size: 20pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}
.menu A:hover {font-size: 20pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:underline;}
.menu A:active {font-size: 20pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}


td.method {
    vertical-align: top;
    background-color: #CCCCCC;
    width: 175px;
    padding-top:12pt;
    padding-left:5pt;
    height: 15px;
}

td.step {
    vertical-align: middle;
    background-color: #C0C0C0;
    height: 60px;
    width: 180px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-style: solid;
    border-color: #707070;
    border-collapse: collapse;
}

td.activestep {
    vertical-align: middle;
    background-color: #EEEEEE;
    height: 60px;
    width: 180px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-style: solid;
    border-color: #707070;
}


/* Content */

.label {font: bold 9pt Arial, Helvetica, sans-serif; color:#000000; }
.label A:link {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}
.label A:visited {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}
.label A:hover {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:underline;}
.label A:active {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:none;}

td.heading {
    vertical-align: middle;
    text-align: middle;
    background-color: #FFFFFF;
}

td.dispTitle {
    vertical-align: middle;
    background-color: #FFFFFF;
    height: 20px;
    text-align: middle;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;	
    font-size: 10pt;
    vertical-align:middle;    
}

.heading {font: Arial, Helvetica, sans-serif; color:#000000; align: left; margin-left: 15px; }

td.content {
    margin-top: 150px;	
    vertical-align: top;
}

td.navigation {
    height: 50px;	
    vertical-align: middle;
    text-align: right;
}

.instruction {font: 8pt Arial, Helvetica, sans-serif; color:#000000; align: left; margin-left: 5px; }

/* Output tables */

table.Output {
	border-style: solid; 
	border-collapse: collapse; 
	border-color: #FFFFFF; 
	border-width: 2px;
	text-align: right;
}

td.Output {
	background-color:#DDDDDD; 
	border-style: solid; 
	border-collapse: collapse; 
	border-color: #FFFFFF;
	border-left-width: 0px; 
	border-right-width: 2px; 
	border-top-width: 1px
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 8pt;
    	vertical-align:middle;
}

td.OutputRed {
	background-color:#FFCCCC; 
	border-style: solid; 
	border-collapse: collapse; 
	border-color: #FFFFFF;
	border-left-width: 0px; 
	border-right-width: 2px; 
	border-top-width: 1px;
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 8pt;
    	vertical-align:middle;
}

td.OutputGreen {
	background-color:#CCFFCC; 
	border-style: solid; 
	border-collapse: collapse; 
	border-color: #FFFFFF;
	border-left-width: 0px; 
	border-right-width: 2px; 
	border-top-width: 1px;
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 8pt;
    	vertical-align:middle;
}

td.Headoutput {
	background-color:#CCCCCC; 
	border-style: solid; 
	border-collapse: collapse; 
	border-color: #FFFFFF;
	border-left-width: 2px; 
	border-right-width: 2px;
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 8pt;
    	font-weight: bold;	
    	vertical-align:middle;
}

td.Titleoutput {
	background-color:#CCCCCC; 
	border-style: solid; 
	border-collapse: collapse; 
	border-color: #FFFFFF;
	border-left-width: 2px; 
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-bottom-color: #666666;	
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 8pt;
    	font-weight: bold;	
    	vertical-align:middle;
}

td.Footoutput {
	background-color:#CCCCCC; 
	border-style: solid; 
	border-collapse: collapse; 
	border-color: #FFFFFF;
	border-top-width: 1px;
	border-top-color: #666666;
	border-left-width: 2px; 
	border-right-width: 2px;
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    	font-size: 8pt;
    	font-weight: bold;	
    	vertical-align:left;
}

/* Footer */

td.footer {
    vertical-align: middle;
    height: 5px;
    background-color: #C0C0C0;
}

.copyright {
	font: bold 8pt Arial, Helvetica, sans-serif; 
	color:#000000;
}

/* PROGRESS BAR */

.mailbar {
	background-image: url(images/mailerbar-bg.gif);
	background: #EEEEEE;
	border: 1px solid #000000;
	height: 15px;
	width: 502px;
	left: 190px;
 	top: 310px;
	position: absolute;
}
.percentbox {
	background-color: #EEEEEE;
	position: absolute;
	left: 101%;
	margin-top: -261px;
	height: 18px;
	width: 87px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

.sitemessage {
	background-color: #EEEEEE;
	position: absolute;
	left: 0px;
	margin-top: -370px;
	height: 18px;
	width: 287px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

.mailmessage {
    position: absolute;	
    background-color: #EEEEEE;
    left: 0px;
    height: 18px;
    width: 680px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: left;
}