body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.alert-logo-text {
    color: #E41259;
    font-style: italic;
}

.white { color: #FFFFFF; }

.red { color: #FF0000; }

.light-grey { color: #EEEEEE; }

.step-selected {
	color: #404040; 
	font-weight: bold; 
}

.bold { font-weight: bold; }

.text  { font-size: 90%; }

.smaller { font-size: 80%; }
.small { font-size: 70%; }

.larger { font-size: 105%; }
.large { font-size: 120%; }



A { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #003399; }
A:hover { color: #FF3333; }

.step-header {
	font-size: 110%;
	font-weight: bold;
	color: #376375;
}

TD.lines {
	border-bottom: dotted 1px #aec2c6; 
}

div.box {
	width: 382px;
	font-size: 12px;
	margin-right: 12px;
}

.header {
	padding: 1px;
	border-top: 2px #999999 solid;
	border-bottom: 1px #d6d6d6 solid;
	border-left: 2px #999999 solid;
	border-right: 2px #999999 solid;
	border-collapse: collapse;
	width: 100%;
}

div.content {
	padding: 1px;
	border-top: solid 1px #d6d6d6;
	border-bottom: 2px #999999 solid;
	border-left: 2px #999999 solid;
	border-right: 2px #999999 solid;
	border-collapse: collapse;
	text-align: left;
	width: 400px;
	position: absolute;
	background-color: #ffffff;
}

div.box img.close {
	border: none;
	float: right;
}

.header {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

a.info
{
	position:relative; /*this is the key*/
    z-index:24; background-color:#ffc;
    color:#000;
    text-decoration:none
}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span	/*the span will display just on :hover state*/
{ 
        display:block;
        position:absolute;
        top:2em; left:2em; width:10em;
        border:1px solid #0cf;
        background-color:#cff; color:#000;
        text-align: center
}

.errorMsg
{
	font-size: 60%;
	color:Red;
}