@media print {
	body {
font-family: "Helvetica";
}



select {
padding-left: 12px;
-webkit-appearance: menulist-text ;
background-position: 0px 0px;
}

}

@media screen {
	
	html {
height: 100%;
}
	
	body {
position: absolute;
margin: 0px 0px 0px 0px;
background-color: #FFF;
font-family: "Helvetica";
/*background-image: url(gray_pattern.tiff);*/
background-repeat: repeat;
float: left;
font-size: 13px;
line-height: 18px;
width: 100%;
text-shadow: rgba(255,255,255,0.3) 0px 1px 0px;
-webkit-user-select: none;
overflow:hidden;
}  


select {
padding-left: 12px;
-webkit-appearance: menulist-text ;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(triangle_down.png);
background-color: #ff;
}

	
	div {
cursor: default;
}

	
	#shadow-top {
position: fixed;
z-index: 1;
top: -10px;
left: 0;
right: 0;
height: 10px;
/*-webkit-box-shadow: 0px 0px 8px #000;*/
}
	#shadow-right {
position: fixed;
z-index: 1;
top: 0;
bottom: 0;
right: -10px;
width: 10px;
/*-webkit-box-shadow: 0px 0px 8px #000;*/
}
	#shadow-bottom {
position: fixed;
z-index: 1;
bottom: -10px;
left: 0;
right: 0;
height: 10px;
/*-webkit-box-shadow: 0px 0px 8px #000;*/
}
	#shadow-left {
position: fixed;
z-index: 1;
top: 0;
bottom: 0;
left: -10px;
width: 10px;
/*-webkit-box-shadow: 0px 0px 8px #000;*/
}
	
	.item {
font-weight: bold;
position: relative;
margin: 20px;
background-color: #fff;
border: 1px solid #d9d9d9;
padding: 15px;
border-radius: 3px;
overflow: hidden;
}

}





.barContainer {
position: relative;
}

.barDivider {
position: absolute;
top: 0px;
left: 50%;
width: 50%;
height: 100%;
border-right: solid 1px rgba(255,255,255,.8);
border-left: solid 1px rgba(0,0,0,.1);
background-color: #fefefe;
z-index: 0;
border-radius: 0px 7px 7px 0px;
}

.bar {
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
color: white;
position: relative;
height: 20px;
margin-top: 10px;
border: 1px solid #888;
z-index: 1;
-webkit-border-radius: 3px;
background-color: rgb(100,100,100);
text-align: center;
overflow: hidden;
}

.labelLeft {
position: absolute;
width: 50%;
text-align: center;
font-weight: normal;
margin-top: 5px;
}


.labelCenter {
position: relative;
width: 100%;
text-align: center;
font-weight: normal;
margin-top: 5px;
}

.labelRight {
position: relative;
left: 50%;
width: 50%;
text-align: center;
font-weight: normal;
margin-top: 5px;
}


.progressBG {
position: absolute;
height: 100%;
width: 100%;
background-color: rgb(100,100,100);
}

.progressGreen {
position: absolute;
height: 100%;
background-color: rgb(93, 212, 103);
-webkit-transition: width 0.5s ease-out;
}


.progressRed {
position: absolute;
height: 100%;
background-color: rgb(212, 91, 73);
-webkit-transition: width 0.5s ease-out;
}
	
	
.progressOrange {
position: absolute;
height: 100%;
background-color: rgb(212, 147, 93);
}


.progressCompare {
position: absolute;
height: 100%;
background-color: rgb(182, 178, 180);


-webkit-transition: width .5s ease-out;
}



