* {
    margin: 0px;
    padding: 0px;
}
hr.s1
{
	border-top: 1px solid #4B0082;
	border-bottom: 1px solid #4B0082;
	margin-right:0;
	text-align:right; 
}

/* hr-element, Class=T1 */
hr.T1 {
	/* blended in on left and blended out on right */
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(17,68,255,1), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(17,68,255,1), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(17,68,255,1), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(17,68,255,1), rgba(0,0,0,0)); 
	margin:0px auto;
}




hr.T2 {
	/* blended in on left and blended out on right */
    border: 0;
    height: 2px;
    /*background: #333;*/
    /*background: #C00;*/
    /*background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); */
    background-image: -webkit-linear-gradient(left, #ccc, #14F, #ccc); 
    /*background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); */
    background-image:    -moz-linear-gradient(left, #ccc, #C00, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}
		
hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}
hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}