body{
margin:10px;
font-family:Helvetica; 
margin-left:auto;
margin-right: auto;
}

::-moz-selection{
background: transparent;color: clear;
}
::selection{
background: transparent;color: clear;
}

div.ui-tooltip-lumStyle .ui-tooltip-wrapper{
	font-size : 15px; // Tooltip font size

	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;

	color: #006699;
	border-color: #6CE26C;
	
	border-width: 1px;

/*	border: 2px; */
	padding: 1px 1px 1px 1px;
	
	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;

	background-color: #F8F8F8;
/*	height: 60px;*/
}

div.ui-tooltip-lumStyleGrayShadow .ui-tooltip-wrapper{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	border-color: #717171;
	border-width: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;

/*  If we want the shadow and gradient in IE we need to use the following filter command and get rid of all other filter commands.*/
/*
	filter:progid:DXImageTransform.Microsoft.shadow(color=#333333, Direction=135, Strength=4),
			progid:DXImageTransform.Microsoft.gradient(startColorstr=#5B388F,endColorstr=#2A1942); */
			
	/*-ms-filter: "progid:DXImageTransform.Microsoft.shadow(color=#333333, Direction=135, Strength=4),
				progid:DXImageTransform.Microsoft.gradient(startColorstr=#5B388F,endColorstr=#2A1942)";*/

	background-color: #FBF7AA;
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#232323);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#232323)";

	color: white;
}

div.ui-tooltip-lumStyleGray .ui-tooltip-wrapper{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	border-color: #232323;
	border-width: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;

	background-color: #717171;

	color: white;
}

div.ui-tooltip-lumStylePurpShadow .ui-tooltip-wrapper{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	border-color: #5B388F;
	border-width: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;

/*  If we want the shadow and gradient in IE we need to use the following filter command and get rid of all other filter commands.*/
/*
	filter:progid:DXImageTransform.Microsoft.shadow(color=#333333, Direction=135, Strength=4),
			progid:DXImageTransform.Microsoft.gradient(startColorstr=#5B388F,endColorstr=#2A1942); */
			
	/*-ms-filter: "progid:DXImageTransform.Microsoft.shadow(color=#333333, Direction=135, Strength=4),
				progid:DXImageTransform.Microsoft.gradient(startColorstr=#5B388F,endColorstr=#2A1942)";*/


	background-color: #FBF7AA;
	background-image: -moz-linear-gradient(top, #5B388F, #2A1942);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5B388F), to(#2A1942));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5B388F,endColorstr=#2A1942);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5B388F,endColorstr=#2A1942)";

	color: white;
}

div.ui-tooltip-lumStylePurp .ui-tooltip-wrapper{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	border-color: #2A1942;
	border-width: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;

	background-color: #5B388F;

	color: white;
}

.state{
    border:0px    
}
.states{   
/*    float:left;
    padding:30px 22px 24px 29px;*/
    position:relative;

    margin-top: 40px;
	text-align:center;
	top:0px;
	left:0px;
}
.lampwattage, .fixturecount, .existingfixture {   
/*    float:left;
    padding:30px 22px 24px 29px;*/
    position:relative;

    margin-top: 40px;
	text-align:center;
	top:0px;
	left:0px;
}
a{outline: none;} 
a#bv{
    cursor: pointer;
}
a#rl{
    cursor: pointer;
}
a#rln{
    cursor: pointer;
}
#container{
background:white;
padding-top:20px;
  margin-left: auto ;
  margin-right: auto ;
  width:800px;

}
#outer{
background:white;
width:auto;
}
img{border:none;visibility: visible;}
#headerlogo{
margin-left:0px;
margin-right:0px;
}
img.logotext{
margin-top:-25px;
}
img.logoimg{
margin-top:0px;
}
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}
#contact {
 border-top: 9px solid black;
 border-left: 60px solid black;
 border-right: 112px solid black;
 position: static;
 top: 172px;
 right: 150px;
}
/* #optionbutton{
position:relative;
margin-top:25px;
} */

#L9 {
    /* display:none; */
}

#L10 {
    /* display:none; */
}


.optiondetail{
    background: url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_27.png) no-repeat !important;    
    background-position:center;
    text-align:right;
    font-size:12px;
/*    padding: 23px 90px 24px 90px; */
	height:47px;
	width:181px;
    text-decoration:none;
    font-weight:bold;
    position:relative;
	float:right;
}
.optiondetailnormal{
    background: url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_34.png) no-repeat !important;    
    background-position:center;
    text-align:right;
    font-size:12px;
/*    padding: 23px 90px 24px 90px; */
	height:47px;
	width:181px;
    text-decoration:none;
    font-weight:bold;
    position:relative;
	float:right;
}

.optionreallife{
    background: url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_27_2.png) no-repeat !important;    
    background-position:center;
    text-align:left;
    color:white;
	line-height:3.5em;  /* This centeres the (?) vertically. */
	font-size:13px;
/*    padding: 23px 90px 24px 90px; */
	height:47px;
	width:181px;
    text-decoration:none;
/*    font-weight:bold;*/
    position:relative;
	float:right;
    -moz-user-select:none;
	-khtml-user-select:none;
}
.optionreallifenormal{
    background: url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_34_2.png) no-repeat !important;    
    background-position:center;
    text-align:left;
    color:white;
	line-height:3.5em;  /* This centeres the (?) vertically. */
    font-size:13px;
/*    padding: 23px 90px 24px 90px; */
	height:47px;
	width:181px;
    text-decoration:none;
/*    font-weight:bold; */
    position:relative;
	float:right;
	/* display:none; */
    -moz-user-select:none;
	-khtml-user-select:none;
}

.choseoption{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_03_2.png) no-repeat !important;
    height:100px;
	vertical-align:top;
    position:relative;
	/* display:none; */
}
.ctitle{
	text-align:left;
    font-size:15px;
    color:#FFFFFF;
/*    margin-left:0px;
    margin-top:0px; */
    top:10px;
    left:10px;
    font-weight:bold;
 /*   width:190px; */
/*	margin-top:-40px; */
    position:relative;
    -moz-user-select:none;
	-khtml-user-select:none;
	cursor: default;
}
.optionbuttonul{
	text-align:left;
	margin-left: 0px;
	margin-top: 16px;
	top:0px;
	left:0px;
	list-style: none;
	padding: 0px;
	position:relative;
	width:225px;
}
.optionbuttonul li{
    display:inline;
}

a.optionbuttons :hover{
    color:#FF00FF;
}


a.optionbutton{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_63.png) no-repeat;
/*    background-position:-10px -10px;*/
    background-position:center;
    text-align:center;
    font-size:12px;
    color:#5F5F5F;
    text-decoration:none;
    font-weight:bold;
	padding: 30px;
	position:absolute;
}
a.optionbuttons{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_64.png) no-repeat;
/*    background-position:-10px -10px;*/
    background-position:center;
    text-align:center;
    font-size:12px;
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
	padding: 30px;
	position:absolute;
}
.optionbuttonfixture{
	height:20px;
    margin-top: 25px;
    margin-left: 13px;
    font-size:11px;
    font-weight:bold;
    color:#5F5F5F;
    font-weight:bold;
    position:relative;
/*    width:188px; */
    list-style: none;
    padding: 20px;
	text-align:left;
	top:0px;
	left:0px;
}
.optionbuttonfixture a{
    text-decoration:none;
}
.fixtypess{
    color:#EFB300;text-decoration:none;font-weight:bold;   
}.optionbuttonfixture .fixtypel{
	background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_67.png) center no-repeat; 
    background-position:-29px -10px;
    text-align:center;
    font-size:12px;
    color:#5F5F5F;
    padding: 12px 8px 20px 10px;
    margin:-20px 0px 15px -20px;
    width:108px;
    height:26px;
    font-weight:bold;
    position:absolute;
}.optionbuttonfixture .fixtypels{
	background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_67.png) center no-repeat; 
    background-position:-29px -84px;
    text-align:center;
    font-size:12px;
    color:#fff;
    padding: 12px 8px 20px 10px;
    margin:-20px 0px 15px -20px;
    width:108px;
    height:26px;
    font-weight:bold;
    position:absolute;
}.optionbuttonfixture .fixtypel:hover{      
    color:#8200b3;   
}.optionbuttonfixture .fixtyper{
 	background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_67.png) center no-repeat; 
    background-position:-154px -10px;
    text-align:center;
    font-size:12px;
    color:#5F5F5F;
    padding: 12px 2px 20px 2px;
    margin:-20px 0px 15px 105px;
    width:66px;
    height:26px;
    font-weight:bold;
    position:absolute; 
}.optionbuttonfixture .fixtypers{
	background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_67.png) center no-repeat; 
    background-position:-154px -84px; 
    text-align: center;
    font-size:12px;
    color:#fff;
    padding: 12px 2px 20px 2px;
    margin:-20px 0px 15px 105px;
    width:66px;
    height:26px;
    font-weight:bold;
    position:absolute; 
}.optionbuttonfixture .fixtyper:hover{  
    color:#8200b3;  
}
.optionbuttonround{
/*    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal1_59.png) no-repeat;
    background-position:5px -19px;
*/    
    text-align:center;
    font-size:12px;
    color:#5F5F5F;
    padding: 20px 25px 20px 25px;
    font-weight:bold;
    position:relative;

    margin-top: 10px;
	text-align:left;
	top:0px;
	left:0px;
}
.optionbuttonround a{
    text-decoration:none;
}
.optionbuttonround a:hover{color:#8200B3;}

.optionbuttonround .reduce{
	background:url(http://lumiversal.net/roicalc/ucdcalc/images/lightlevel_middle_gray.png) center top no-repeat;
    /*background-position:-25px -17px;*/
	text-align:center;
	font-size:10px;
	color:#5F5F5F;
	width:53px;
	height:72px;
	/*padding: 15px 35px 15px 0;*/
	font-weight:bold;
	/*float:left;*/
    text-align:center;
	position:absolute;
	left:83px;
	top:4px;
	line-height:72px;
}
.optionbuttonround .more{
	background:url(http://lumiversal.net/roicalc/ucdcalc/images/lightlevel_right_gray.png) center top no-repeat;
	text-align:center;
	font-size:10px;
	color:#5F5F5F;
	width:64px;
	height:72px;
	font-weight:bold;
	/*float:left;*/
    text-align:center;
	position:absolute;
	left:136px;
	top:4px;
	line-height:72px;
}
.optionbuttonround .similar{
	background:url(http://lumiversal.net/roicalc/ucdcalc/images/lightlevel_left_gray.png) center top no-repeat;
	font-size:10px;
	color:#5F5F5F;
	font-weight:bold;
	width:61px;
	height:72px;
	/*float:left;*/
    text-align:center;
	position:absolute;
	left:22px;
	top:4px;
	line-height:72px;
  }
.optionbuttonround .mores{
	background:url(http://lumiversal.net/roicalc/ucdcalc/images/lightlevel_right_purple.png) center top no-repeat;
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
	width:64px;
	height:72px;
	font-weight:bold;
	/*float:left;*/
    text-align:center;
	position:absolute;
	left:136px;
	top:4px;
	line-height:72px;
}


.optionbuttonround .reduces{
background:url(http://lumiversal.net/roicalc/ucdcalc/images/lightlevel_middle_purple.png) center top no-repeat;
    /*background-position:-25px -17px;*/
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
	width:53px;
	height:72px;
	/*padding: 15px 35px 15px 0;*/
	font-weight:bold;
	/*float:left;*/
    text-align:center;
	position:absolute;
	left:83px;
	top:4px;
	line-height:72px;
}
 a.reduces:hover{
    color:#EFB300;
}

 a.similars:hover{
    color:#EFB300;
}

a.mores:hover{
    color:#EFB300;
}

.optionbuttonround .similars{
background:url(http://lumiversal.net/roicalc/ucdcalc/images/lightlevel_left_purple.png) center top no-repeat;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	width:61px;
	height:72px;
	/*float:left;*/
    text-align:center;
	position:absolute;
	left:22px;
	top:4px;
	line-height:72px;
	}
a:hover.optionbutton{color:#8200b3;}
a:hover.optionbuttons{color:#EFB300;}

.buttonsone{left:38px;}
.buttonstwo{left:104px;}

.buttonsones{left:4px;}
.buttonstwos{left:52px;}
.buttonsthrees{left:100px;}
.buttonsfours{left:148px;}

.buttonsoness{left:21px;}
.buttonstwoss{left:77px;}
.buttonsthreess{left:133px;}

.buttonsonesss{
	left:-8px;
}
.buttonsonesss1{
	left:21px;
}
.buttonstwosss{
	left:32px;
}
.buttonstwosss1{
	left:77px;
}
.buttonsthreesss{
	left:75px;
}
.buttonsthreesss1{
	left:133px;
}
.buttonsfoursss{
	left:118px;
}
.buttonsfivesss{
	left:161px;
}

/*.buttonsone{left:40px;}
.buttonstwo{left:20px;}

.buttonsones{left:10px; padding: 20px;}
.buttonstwos{left:-15px; padding: 20px;}
.buttonsthrees{left:-40px; padding: 20px;}
.buttonsfours{left:-65px; padding: 20px;}

.buttonsones{left:0px;}
.buttonstwos{padding: 30px 0px 30px 0px; left:0px;}
.buttonsthrees{padding: 30px 0px 30px 0px; left:0px;}
.buttonsfours{left:0px;}

.buttonsoness{left:25px;}
.buttonstwoss{left:10px;}
.buttonsthreess{left:-5px;}

.buttonsonesss{left:20px;}
.buttonstwosss{left:-1px;}
.buttonsthreesss{left:-25px;}*/

.roudbox {
/*    float: right;
    clear: right;
	margin:0 auto; */
    width: 897px;
    margin: 10px 0px 0px 5px;
    border: 2px solid #CCCCCC;
    -moz-border-radius: 5px;  
    border-radius: 5px;  
}.roudboxdetailview{
	clear:both;
	margin:0 auto;
	width: 897px;
    margin: 10px 0px 0px 4px;
    border: 2px solid #CCCCCC;
    background: #EDEDED;
    padding:5px;
    font-size:13px;
    -moz-border-radius: 5px;  
    border-radius: 5px;
    /* display:none; */
}.legendslogostreet{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_15-steet.png) no-repeat;
    background-position: -11px 8px;
    top:0px;
    width:294px;
    font-weight: bold;
}
.legendslogobillboards{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_15-billboards.png) no-repeat;
    background-position: -10px 8px;
    top:0px;
    width:294px;
    font-weight: bold;
}

.legendslogonone{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_15-none.png) no-repeat;
    background-position: -10px 8px;
    top:0px;
    width:294px;
    font-weight: bold;
}
.legendslogotunnel{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_15-tunnel.png) no-repeat;
    background-position: -10px 8px;
    top:0px;
    width:294px;
    font-weight: bold;
}
.legendslogowarehouse{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_15-warehouse.png) no-repeat;
    background-position: -10px 8px;
    top:0px;
    width:294px;
    font-weight: bold;
}
.legendslogopark{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_15-park.png) no-repeat;
    background-position: -5px 8px;
    top:0px;
    width:294px;
    font-weight: bold;
}
.legends{
    color: #5F5F5F; 
    font-size: 12px;
    list-style: none;
    text-align: left;
    top:-6px;
	left: 15px;
  	padding-right : 29px;
    float: right;
    position: relative;
}.im1{
    background: url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_05.png) no-repeat !important; 
}.im2{
    background: url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_14.png) no-repeat !important; 
}.im3{
    background: url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_18.png) no-repeat !important; 
}.im4{
    background: url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversal_20.png) no-repeat !important;
}.legendcontentimg{
    font-size: 11px;
    list-style: none;
    padding:2px 2px 2px 8px;
    text-align: left;
    width: 150px;
}.legends li span{ 
    padding: 2px 5px 5px 25px;
}.legends li{ 
    height: 30px;        
    display:block;
}.rekomendedtitle4{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversalr3_01.png) no-repeat !important;
    height: 29px;
    left:0px;
    color: #fff;
    font-weight: bold;
    text-align: center;    
    width:599px;
}.rekomendedcontent4{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversalr3_02.png) no-repeat !important;
    background-position: 0px 0px;
    text-align: center;
    vertical-align:top;
    font-size:12px;
    left:0px;
    height: 120px; 
    width: 599px;    
    color:#fff; 
}
.rekomendedtitle3{
	background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversalr1_01.png) no-repeat !important;
    vertical-align:center;
    height: 29px;  
    color: #fff;
    font-weight: bold;
    text-align: center;    
    width:201px;
}.rekomendedcontent3{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversalr1_02.png) no-repeat !important;
    background-position: 0px 0px;
    text-align: center;
    vertical-align:top;
    font-size:12px;
    height: 120px; 
    width: 201px;    
    color:#fff; 
}.rekomendedtitle2{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversalr_01.png) no-repeat !important;
    vertical-align:center;
    height: 29px;  
    color: #fff;
    font-weight: bold;
    text-align: center;    
    width:299px;
}.rekomendedcontent2{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversalr_02.png) no-repeat !important;
    background-position: 0px 0px;
    text-align: center;
    vertical-align:top;
    font-size:12px;
    height: 120px; 
    width: 299px;    
    color:#fff; 
}.rekomendedtitle{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversals_02.png) no-repeat !important;
    vertical-align:center;
    height: 29px;  
    color: #fff;
    font-weight: bold;
    text-align: center;   
    width:167px;
}.rekomendedcontent{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversals_03.png) no-repeat !important;
    background-position: 0px 0px;
    text-align: center;
    vertical-align:top;
    font-size:11px;
    height: 120px; 
    width: 167px;    
    color:#fff; 
}.rekomendedlogo span{
    top:-45px;
    text-align:center;
    font-weight: bold;
    left:10px;
    font-size:13px;
}.alternativetitle{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversala_01.png) no-repeat;
    background-position: 0px 2px;
    font-size:12px;
    height: 29px;  
    width: 144px;    
    color: #fff;
    font-weight: bold;
    text-align: center;    
}.alternativecontent{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversala_03.png) no-repeat;
    background-position: 0px 0px;
    text-align: center;
    vertical-align:top;
    font-size:10px;
    height: 120px; 
    width: 144px;    
    color:#fff; 
    float: left;
}.alternativetitle1{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversala1_01.png) no-repeat;
    background-position: 0px 2px;
    font-size:12px;
    height: 29px;  
    color: #fff;
    width: 199px;    
    font-weight: bold;
    text-align: center;    
}.alternativecontent1{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversala1_02.png) no-repeat;
    background-position: 0px 0px;
    text-align: center;
    vertical-align:top;
    font-size:11px;
    height: 120px; 
    width: 199px;    
    color:#fff; 
    float: left;
} .alternativetitle2{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversala2_01.png) no-repeat;
    background-position: 0px 2px;
    font-size:12px;
    height: 29px;  
    color: #fff;
    width: 300px;    
    font-weight: bold;
    text-align: center;    
}.alternativecontent2{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversala2_02.png) no-repeat;
    background-position: 0px 0px;
    text-align: center;
    vertical-align:top;
    font-size:11px;
    height: 120px; 
    width: 300px;    
    color:#fff; 
    float: left;
}

/*.rekomendedtitle4{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversalr3_01.png) no-repeat;
    height: 29px;  
    color: #fff;
    font-weight: bold;
    text-align: center;    
    position: fixed;    
    width:599px;
}.rekomendedcontent4{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversalr3_02.png) no-repeat;
    background-position: 0px 0px;
    vertical-align:top;
    text-align: center;
    font-size:12px;
    height: 120px; 
    width: 599px;    
    color:#fff; 
    float: left;
    position: fixed;
}
.rekomendedtitle3{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversalr1_01.png) no-repeat;
    height: 29px;  
    color: #fff;
    font-weight: bold;
    text-align: center;    
    position: fixed;    
    width:201px;
}.rekomendedcontent3{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversalr1_02.png) no-repeat;
    background-position: 0px 0px;
    vertical-align:top;
    text-align: center;
    font-size:12px;
    height: 120px; 
    width: 201px;    
    color:#fff; 
    float: left;
    position: fixed;
}.rekomendedtitle2{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversalr_01.png) no-repeat;
    height: 29px;  
    color: #fff;
    font-weight: bold;
    text-align: center;    
    position: fixed;    
    width:299px;
}.rekomendedcontent2{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversalr_02.png) no-repeat;
    background-position: 0px 0px;
    vertical-align:top;
    text-align: center;
    font-size:12px;
    height: 120px; 
    width: 299px;    
    color:#fff; 
    float: left;
    position: fixed;
}
.rekomendedtitle{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversals_02.png) no-repeat;
    height: 29px;  
    color: #fff;
    font-weight: bold;
    text-align: center;    
    position: fixed;    
    width:593px;
}
.rekomendedcontent{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversals_03.png) no-repeat;
    background-position: 0px 0px;
    vertical-align:top;
    text-align: center;
    font-size:12px;
    height: 120px; 
    width: 167px;    
    color:#fff; 
    float: left;
    position: fixed; 
}.rekomendedlogo span{
    top:-45px;
    text-align:center;
    font-weight: bold;
    left:10px;
    font-size:13px;
    position: relative;
}.alternativetitle{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversala_01.png) no-repeat;
    background-position: 0px 2px;
    font-size:12px;
    height: 29px;  
    color: #fff;
    font-weight: bold;
    text-align: center;    
    position:relative; 
}.alternativecontent{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversala_03.png) no-repeat;
    background-position: 0px 0px;
    text-align: center;
    font-size:11px;
    height: 120px; 
    width: 144px;    
    color:#fff; 
    float: left;
    position: relative;    
}.alternativetitle1{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversala1_01.png) no-repeat;
    background-position: 0px 2px;
    font-size:12px;
    height: 29px;  
    color: #fff;
    font-weight: bold;
    text-align: center;    
    position:relative; 
}.alternativecontent1{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversala1_02.png) no-repeat;
    background-position: 0px 0px;
    text-align: center;
    font-size:11px;
    height: 120px; 
    width: 199px;    
    color:#fff; 
    float: left;
    position: relative;    
} .alternativetitle2{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversala2_01.png) no-repeat;
    background-position: 0px 2px;
    font-size:12px;
    height: 29px;  
    color: #fff;
    font-weight: bold;
    text-align: center;    
    position:relative; 
}.alternativecontent2{
    background:url(http://lumiversal.net/roicalc/ucdcalc/images/lumiversala2_02.png) no-repeat;
    background-position: 0px 0px;
    text-align: center;
    font-size:11px;
    height: 120px; 
    width: 300px;    
    color:#fff; 
    float: left;
    position: relative;    
}
*/

#box {         
/*    padding: 10px; */
    overflow: hidden;
    height: auto;
	width:926px;
    margin-left: auto ;
    margin-right: auto ;
/*  background: #e459e9;*/
}
#box-outer {
/*	clear:both; */
	width:926px;
/*	margin:0 auto;*/
    overflow: hidden;
    height: auto;
/*    margin-right: 10px;*/
    margin-left: auto ;
    margin-right: auto ;

}.tbcolorgray1,.tbcolorgray2,.tbcolorgray3{
    background:#DADADA;color:#000;padding:5px;font-size:12px;border-bottom:1px solid #fff;
}.tbcolorpink{
    background:#DEBEFD;color:#000;padding:5px;font-size:12px;border-bottom:1px solid #fff;
}.tbcolorblueocean{
    background:#C7BFFD;color:#000;padding:5px;font-size:12px;border-bottom:1px solid #fff;    
}.tcolorbluedark{
    background:#272CAB;color:#fff;padding:5px;font-size:12px;border-bottom:1px solid #fff;
}.tbcolormagenta{
    background:#3E215D;color:#fff;padding:5px;font-size:12px;border-bottom:1px solid #fff;
}.tbcolorgraydark1,.tbcolorgraydark2,.tbcolorgraydark3{
    background:#828282;color:#fff;padding:5px;font-size:12px;border-bottom:1px solid #fff;
}.yoursystems{
    background:#191A6F;color:#fff;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;padding:5px;font-size:12px;width:144px;text-align:center;
}.recommended{
    background:#2E1846;color:#fff;padding:5px;font-size:12px;-moz-border-radius: 10px 5px 0px 0px;border-radius: 10px 5px 0px 0px;width:144px;text-align:center;
}.alternative1,.alternative2,.alternative3{
    background:#626262;color:#fff;padding:5px;font-size:12px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;width:134px;text-align:center;
}.alternative11,.alternative12,.alternative13{
    background:#626262;color:#fff;padding:5px;font-size:12px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;width:164px;text-align:center;
}.alternative21,.alternative22,.alternative23{
    background:#626262;color:#fff;padding:5px;font-size:12px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;width:194px;text-align:center;
}.detailview{
    color:#292CA1;text-align:right;padding:5px;font-size:12px;
}.lampquantity{
    background:#8778FB;-moz-border-radius: 5px 0px 0px 0px;border-radius: 5px 0px 0px 0px;text-align:right;padding:5px;font-size:12px;border-bottom:1px solid #fff;font-weight:bold;
}.lamptype{
    background:#8778FB;text-align:right;padding:5px;font-size:12px;border-bottom:1px solid #fff;font-weight:bold;
}.ballasttype{
    background:#8778FB;text-align:right;padding:5px;font-size:12px;border-bottom:1px solid #fff;font-weight:bold;
}.ballastfactor{
    background:#D9D1FC;text-align:right;padding:5px;font-size:12px;border-bottom:1px solid #fff;font-weight:bold;
}.yoursystembotom{
    background:#C7BFFD;color:#000;padding:5px;font-size:12px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px
}.recommendedbotom{
    background:#DEBEFD;color:#000;padding:5px;font-size:12px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px
}.alternativebotom1,.alternativebotom2,.alternativebotom3{
    background:#DADADA;color:#000;padding:5px;font-size:12px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px
}

/* Vertical Bar Graph */
.backgraph{
    background: url("http://lumiversal.net/roicalc/ucdcalc/images/g_backbar3.png") no-repeat !important; 
/*    background: url("http://lumiversal.net/roicalc/ucdcalc/images/g_backbar2.gif") no-repeat; */
/*    background: url("http://lumiversal.net/roicalc/ucdcalc/images/g_backbar1.gif") no-repeat; */

    height: 210px; 
    width: 799px; 
    position: relative;     
    float:right;
}.backgraph1{ /*300*/
    position: relative; 
    background: url("http://lumiversal.net/roicalc/ucdcalc/images/g_backbar3-750.png") no-repeat !important; 
    width: 799px; 
    height: 210px; 
    position: relative;     
    float:right;
}.backgraph2{ /*599*/
    position: relative; 
    background: url("http://lumiversal.net/roicalc/ucdcalc/images/g_backbar3-500.png") no-repeat !important; 
    width: 799px; 
    height: 210px; 
    position: relative;     
    float:right;
}.backgraph3{
    position: relative; 
    background: url("http://lumiversal.net/roicalc/ucdcalc/images/g_backbar3.png") no-repeat !important; 
    width: 799px; 
    height: 210px; 
    position: relative;     
    float:right;
}
#vertgraph ul { 
    height: 210px; 
    list-style: none;  
 }
#vertgraph ul li {  
    position: absolute; 
/*    width: 28px; */
    height: 160px; 
    bottom: 31px; 
    padding: 0 !important; 
    margin: 0 !important; 
    background: url("http://lumiversal.net/roicalc/ucdcalc/images/g_colorbar3.jpg") no-repeat !important;
    text-align: center; 
    font-weight: bold; 
    color: white; 
    line-height: 2.5em;
}

/*
*NOTE GRAPH : 100% equals with 59px
*             150% equals with 87px
*             200% equals with 115px
*             250% equals with 146px
*28px-30px
*/
/*no alternative*/
#vertgraph li.bluee4 { left: 324px; background-position: 0px bottom !important;  width: 45px;}
#vertgraph li.redd4 { left: 424px; background-position: -48px bottom !important;  width: 45px;}
#vertgraph li.greenn4 { left: 524px; background-position: -95px bottom !important;  width: 45px;}
#vertgraph li.pinkk4 { left: 624px; background-position: -142px bottom !important;  width: 45px;}

#vertgraph li.bluee41 { left: 172px; background-position: 0px bottom !important; width: 0px;}
#vertgraph li.redd41 { left: 207px; background-position: 49px bottom !important; width: 0px;}
#vertgraph li.greenn41 { left: 242px; background-position: 95px bottom !important; width: 0px;}
#vertgraph li.pinkk41 { left: 277px; background-position: 147px bottom !important; width: 0px;}

#vertgraph li.bluee42 { left: 316px; background-position: 0px bottom !important; width: 0px;}
#vertgraph li.redd42 { left: 351px; background-position: 49px bottom !important; width: 0px;}
#vertgraph li.greenn42 { left: 386px; background-position: 95px bottom !important; width: 0px;}
#vertgraph li.pinkk42 { left: 421px; background-position: 147px bottom !important; width: 0px;}

#vertgraph li.bluee43 { left: 460px; background-position: 0px bottom !important; width: 0px;}
#vertgraph li.redd43 { left: 495px; background-position: 49px bottom !important; width: 0px;}
#vertgraph li.greenn43 { left: 530px; background-position: 95px bottom !important; width: 0px;}
#vertgraph li.pinkk43 { left: 565px; background-position: 147px bottom !important; width: 0px;}

/*3 alternative FIX*/
#vertgraph li.bluee1 { left: 212px; background-position: 0px bottom !important;  width: 28px;}
#vertgraph li.redd1 { left: 251px; background-position: -49px bottom !important;  width: 28px;}
#vertgraph li.greenn1 { left: 289px; background-position: -95px bottom !important;  width: 28px;}
#vertgraph li.pinkk1 { left: 327px; background-position: -147px bottom !important;  width: 28px;}

#vertgraph li.bluee11 { left: 374px; background-position: 0px bottom !important; width: 28px;}
#vertgraph li.redd11 { left: 407px; background-position: -49px bottom !important; width: 28px;}
#vertgraph li.greenn11 { left: 442px; background-position: -95px bottom !important; width: 28px;}
#vertgraph li.pinkk11 { left: 477px; background-position: -147px bottom !important; width: 28px;}

#vertgraph li.bluee12 { left: 518px; background-position: 0px bottom !important; width: 28px;}
#vertgraph li.redd12 { left: 552px; background-position: -49px bottom !important; width: 28px;}
#vertgraph li.greenn12 { left: 587px; background-position: -95px bottom !important; width: 28px;}
#vertgraph li.pinkk12 { left: 621px; background-position: -147px bottom !important; width: 28px;}

#vertgraph li.bluee13 { left: 661px; background-position: 0px bottom !important; width: 28px;}
#vertgraph li.redd13 { left: 696px; background-position: -49px bottom !important; width: 28px;}
#vertgraph li.greenn13 { left: 731px; background-position: -95px bottom !important; width: 28px;}
#vertgraph li.pinkk13 { left: 766px; background-position: -147px bottom !important; width: 28px;}

/*2 alternative*/
#vertgraph li.bluee2 { left: 214px; background-position: 0px bottom !important; width: 35px;}
#vertgraph li.redd2 { left: 259px; background-position: -49px bottom !important; width: 35px;}
#vertgraph li.greenn2 { left: 304px; background-position: -94px bottom !important; width: 35px;}
#vertgraph li.pinkk2 { left: 349px; background-position: -143px bottom !important; width: 35px;}

#vertgraph li.bluee21 { left: 414px; background-position: 0px bottom !important;width: 35px; }
#vertgraph li.redd21 { left: 459px; background-position: -49px bottom !important; width: 35px;}
#vertgraph li.greenn21 { left: 504px; background-position: -94px bottom !important;width: 35px; }
#vertgraph li.pinkk21 { left: 549px; background-position: -143px bottom !important; width: 35px;}

#vertgraph li.bluee22 { left: 614px; background-position: 0px bottom !important; width: 35px;}
#vertgraph li.redd22 { left: 659px; background-position: -49px bottom !important; width: 35px;}
#vertgraph li.greenn22 { left: 704px; background-position: -94px bottom !important; width: 35px;}
#vertgraph li.pinkk22 { left: 749px; background-position: -143px bottom !important; width: 35px;} 
 
#vertgraph li.bluee23 { left: 646px; background-position: 0px bottom !important;width: 0px;}
#vertgraph li.redd23 { left: 681px; background-position: -49px bottom !important; width: 0px;}
#vertgraph li.greenn23 { left: 716px; background-position: -94px bottom !important;width: 0px; }
#vertgraph li.pinkk23 { left: 751px; background-position: -143px bottom !important;width: 0px;}

/*1 alternative*/
#vertgraph li.bluee3 { left: 223px; background-position: 0px bottom !important;  width: 45px;}
#vertgraph li.redd3 { left: 293px; background-position: -48px bottom !important;  width: 45px;}
#vertgraph li.greenn3 { left: 363px; background-position: -95px bottom !important;  width: 45px;}
#vertgraph li.pinkk3 { left: 433px; background-position: -142px bottom !important;  width: 45px;}

#vertgraph li.bluee31 { left: 520px; background-position: 0px bottom !important; width: 45px;}
#vertgraph li.redd31 { left: 590px; background-position: -48px bottom !important; width: 45px;}
#vertgraph li.greenn31 { left: 660px; background-position: -95px bottom !important; width: 45px;}
#vertgraph li.pinkk31 { left: 730px; background-position: -142px bottom !important; width: 45px;}

#vertgraph li.bluee32 { left: 316px; background-position: 50px bottom !important; width: 28px;}
#vertgraph li.redd32 { left: 351px; background-position: 49px bottom !important; width: 28px;}
#vertgraph li.greenn32 { left: 386px; background-position: 95px bottom !important; width: 28px;}
#vertgraph li.pinkk32 { left: 421px; background-position: 147px bottom !important; width: 28px;}

#vertgraph li.bluee33 { left: 460px; background-position: 50px bottom !important; width: 28px;}
#vertgraph li.redd33 { left: 495px; background-position: 49px bottom !important; width: 28px;}
#vertgraph li.greenn33 { left: 530px; background-position: 95px bottom !important; width: 28px;}
#vertgraph li.pinkk33 { left: 565px; background-position: 147px bottom !important; width: 28px;}
/*Note: The use of !important is to over write my site stlyesheets for these examples
*/