#warning{
		background-image: url(../images/actv_warning_bck.jpg);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		width:768px;
		height:69px;
		margin-left:auto;
		margin-right:auto;
		position:relative;

}

#warning p{
	margin:0px;
	padding-left:100px;
	padding-right:30px;
	padding-top:20px;
	font-weight:bold;
	font-size:12px;
	color:#cf0404;
}

#but_steps{
	position:absolute;
	bottom:0px;
	right:20px;
	width:221px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	line-height:23px;

}
.but_steps a, .but_steps a:hover{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	text-align:center;

}
	
.but_steps a{
	background: url(../images/actv_step_off.jpg) no-repeat 0 0;
	width:221px;
	height:24px;
	display:block;
}

.but_steps a:hover{
	background: url(../images/actv_step_over.jpg) no-repeat 0 0;
	width:221px;
	height:24px;
	color:#FFFFFF;
	display:block;
}

/*Activation area*/


#act_top, #act_mid, #act_bot{
	width:778px;
	margin-left:auto;
	margin-right:auto;
}

#act_top{
	background:url(../images/activ_top_bck.jpg) no-repeat;
	height:25px;
}

#act_mid{
	background: url(../images/activ_mid_bck.jpg);
	font-size:12px;
}

#act_bot{
	background:url(../images/activ_bot_bck.jpg) no-repeat;
	height:25px;
}

#step1, #step2, #step3{
	width:93%;
	margin-left:auto;
	margin-right:auto;
	border-bottom:1px dashed #666666;
}

#step2, #step3{
	margin-top:20px;
}

.left{
	width:53%;
	float:left;
}

.right{
	width:43%;
	float:right;
	padding-top:20px;
}

.help_hint{font-size:11px;}
.main_instruct{font-size:14px; font-weight:bold;}
.emphasize{color:#cf0404; font-size:16px;}
.emphasize2{color:#0033cc; font-size:24px; font-weight:bold;}
.error{color: #FF0000; font-size:11px;}
.prod_info{color: #0033cc;}

#act_mid input{
	border:1px solid #666666;
	width:50px;
}


/*buttons*/
#encase_button_area{margin-left:auto; margin-right:auto;padding-top:10px;background-color:#FFFFFF;}

#but_blue_med, .but_blue_med a, .but_blue_med a:hover,
#but_blue_long, .but_blue_long a, .but_blue_long a:hover,
#but_darkblue_med, .but_darkblue_med a, .but_darkblue_med a:hover{
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	float:left;
	font-size:11px;
}

#but_blue_med, .but_blue_med a, .but_blue_med a:hover{
	width:129px;
	height:30px;
	line-height:30px;
}

.but_blue_med a{
	background-image: url(../images/buttons/blue_off.jpg);	
}

.but_blue_med a:hover{
	background-image: url(../images/buttons/blue_over.jpg);
}


#but_blue_long, .but_blue_long a, .but_blue_long a:hover{
	width:177px;
	height:30px;
	line-height:30px;
}

.but_blue_long a{
	background-image: url(../images/buttons/blue_long_off.jpg);	
}

.but_blue_long a:hover{
	background-image: url(../images/buttons/blue_long_over.jpg);
}


#but_darkblue_med, .but_darkblue_med a, .but_darkblue_med a:hover{
	width:115px;
	height:30px;
	line-height:30px;
}


.but_darkblue_med a{
	background-image: url(../images/buttons/darkblue_off.jpg);	
}

.but_darkblue_med a:hover{
	background-image: url(../images/buttons/darkblue_over.jpg);
}


/* floating help hints*/

a.info{
    position:relative; /*this is the key*/
    z-index:24;
	color:#cf0404; 
	font-size:16px;
	border-bottom:1px dashed #cf0404;
	text-decoration:none;
    }

a.info:hover{
	z-index:25; 
	color:#cf0404;
	border-bottom: none;
	}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
   	display:block;
    position:absolute;
    bottom:20px; left:0px; width:283px;
    border:1px solid #000;
    background-color: #fff;
	color:#fff;
	padding:3px;
	}
