<?

//$background = "/images/body-bg.gif";
$background = "http://www.solusan.com/wp-content/2007/10/aqua-blue.jpg";
$bgrpt = "repeat-y";
$bgpos = "center top";


if($_REQUEST['color1']<>""){
	$color1 = "#".$_REQUEST['color1'];
}else{
	$color1 = "#193161";  // Text Color
}


if($_REQUEST['color2']<>""){
	$color2 = "#".$_REQUEST['color2'];
}else{
	$color2 = "#3C7AB7";  // Background Color
}

if($_REQUEST['color3']<>""){
	$color3 = "#".$_REQUEST['color3'];
}else{
	$color3 = "#341963";  // Special Text, Cell Outlines
}

if($_REQUEST['color4']<>""){
	$color4 = "#".$_REQUEST['color4'];
}else{
	$color4 = "#0000ff";  // Link Color
}

if($_REQUEST['color5']<>""){
	$color5 = "#".$_REQUEST['color5'];
}else{
	$color5 = "#ffffff";  // Cell Background Color
}


// $bgimage = "background-image: url('/images/tint.png')";
 $bgimage = "background-color: ".$color5.";";


?>

<style type="text/css" media=screen>
/* css LANKansas default style v1.00 */
	a 
	{
		color: <? echo $color4; ?>;
	}
	a:visited {
		color: <? echo $color4; ?>;
	}
	a:active {
		color: <? echo $color4; ?>;
	}
	a:hover {
		color: <? echo $color4; ?>;
	}
	body { 
		font-family: Verdana; 
		font-size: 10px; 
		line-height: 150%;
		background-color: <? echo $color2; ?>;
		background-attachment: fixed;
		color: <? echo $color1; ?>;
		background-position: <? echo $bgpos; ?>;
		background-repeat: <? echo $bgrpt; ?>; 
		background-image: url('<? echo $background; ?>');
		font-family:"Arial",sans-serif;
	}
	.error{
		color: #FFFFFF; 
		background-color: #FF0000;
		font-family: Verdana; 
		font-size: 30px; 
		text-align: center;
	}
	.highlight {
		color: <? echo $color3; ?>;
		font-weight: bold;
	}
	.menu {
		color: <? echo $color3; ?>;
		font-size: 10px; 
	}
	.instruction {
		color: <? echo $color3; ?>;
		font-size: 10px; 
	}

	img{
		margin-left: 7px; 
		margin-right: 7px
	}

	image {
		border-style: solid; border-width: 0
	}
	table.maintable{
		width: 100%;
		border-width: 0px;
		border-spacing: 5px;
		padding: 5px;
	}
	table.maintable td{

		border-width: 1px;
		border-spacing: 6px;
		border-color: rgb(0, 255, 0);
		padding: 8px;

	}
	table.impdocs{
		border-width: 1px;
		border-spacing: 0px;
		padding: 0px;
	}
	highlight{
		background-color: <? echo $color3; ?>;
	}
	td{
		color: <? echo $color1; ?>;
		font-family: Verdana; 
		font-size: 12px; 
		line-height: 150%;
		
	}
	td.title{
		color: <? echo $color3; ?>;
		font-family: Verdana; 
		font-size: 20px; 
		text-align: center;
		background-color: <? echo $color2; ?>;
	}

	td.title2{
		color: <? echo $color2; ?>;
		font-family: Verdana; 
		font-size: 12px; 
		text-align: center;
		background-color: <? echo $color1; ?>;
		font-weight: bold;
	}	
	td.subtitle{
		color: <? echo $color3; ?>;
		font-family: Verdana; 
		font-size: 16px; 
		text-align: center;
	}
	td.impdocs{
	border-style: solid; 
	border: 1px solid <? echo $color3; ?>;
	font-family: Verdana; 
	font-size: 12px;
	}           





	
	
	
	
	
	
.meter-wrap{
    position: relative;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 500px; height: 30px;
}

.meter-wrap, .meter-value {
    background: #FF0000 url(/path/to/your-image.png) top left no-repeat;
}
            
.meter-text {
    position: absolute;
    top:0; left:0;

    padding-top: 5px;
                
    color: #fff;
    text-align: center;
    width: 100%;
}	


</style>

