/****************** Layout **************/

.calc_body div.wrapper{
	overflow:	visible;
}

.dispN{
	display:none;
}

/****************** Layout **************/

.calc_add_left{
	float:	left;
	margin:	12px 20px 0px 13px;
	width:	166px;
}

.calc_add_right{
	float:	right;
	margin:	15px 15px 20px 0px;
	width:	670px;
}

/****************** Items **************/
.calc_menu{
	position:relative;
	z-index:1;
}
/*** Buttons ***/
/* Clear Button */
.calc_menu .buttons .grey_XS{
	cursor: default;
}
.calc_menu button {
	height:	23px;
	margin:	3px 0 3px 0;
}

.calc_menu button#clear {
	float:left;
	padding: 0px 0px 0px 17px; 	/* left margin */
}

.calc_menu button#clear  em{
	padding-right:6px; 		/* right margin */
}

.calc_menu button#clear  span{
	left:-19px;					/* left margin */
	width:19px; 				/* left margin */
}

.calc_menu button#clear img{
	position: absolute;
	left:	-15px;
	top:	3px
}

/* Refresh Button */
.calc_menu button#refresh{
	float:left;
	padding: 0px 0px 0px 4px; 	/* left margin */
}

.calc_menu button#refresh em{
	padding-right:21px; 		/* right margin */
}

.calc_menu button#refresh span{
	left:-8px;					/* left margin */
	width:8px; 				/* left margin */
}

.calc_menu button#refresh img{
	position: absolute;
	right:	4px;
	top:	3px
}


/*** Items - groups list ***/
#calc_items li{
	display:	block;
	position:	relative;
	height:		25px;
}



#calc_items li a{
	/* positioning */
	display:	block;
	height:			25px;
	padding:		0px 17px 0px 10px;
	margin-left:	24px;
	
	/* formatting*/
	background-color:	#f2f2f2;
	color:				#525252;
	font-size:			12px;
	line-height:		23px;
	text-decoration:	none;
}

#calc_items li a:hover{
	background-color:		#909090 !important;
	background-image:		url(../images/image_calc_arrow.png);
	background-position:	114px center;
	background-repeat:		no-repeat;
	color:			#fff;
	font-weight:	bold;
}

/* IE list item spacing fix */
#calc_items li a{ display: inline-block; }
#calc_items li a{ display: block; }
/* IE list item spacing fix */

#calc_items li a.odd{
	background-color: #E3E0D9;
}

#calc_items li a img{
	float:	right;
	margin-top: 3px;
	display:none;
}

#calc_items li.selected a{
	background-image:		url(../images/image_calc_check.png);
	background-repeat:		no-repeat;
	background-position:	97px 2px;
}

#calc_items li.selected a:hover{
	background-image:		url(../images/image_calc_check_arrow.png);
}

#calc_items .group_1 { background-color: #97bfe6;}
#calc_items .group_2 { background-color: #d23b34;}
#calc_items .group_3 { background-color: #ffec5f;}
#calc_items .group_4 { background-color: #fbaf40;}
#calc_items .group_5 { background-color: #c6c7c9;}
#calc_items .group_6 { background-color: #8dc640;}
#calc_items .group_7 { background-color: #808080;}
#calc_items .group_7 { background-color: #895881;}

/*** Items - group wrapper ***/

.calc_menu div.wrapper{
	overflow:	visible;
	background-color: #e3e0d9;
}

#calc_items .group {
	/* positioning */
	left:		142px;
	/*max-height: 300px;*/
	max-height: 200px;
	position:	absolute;
	top:		0px;
	width:		250px;
	z-index:	-1;
}

#calc_items .group .content{
	background-position:	right -5px;
}

#calc_items .group .color_bar{
   	height:		7px;
	left:		2px;
	position:	relative;
	top:		-5px;
}

#calc_items .group ul{
	max-height:	300px;
	overflow:	auto;
	padding:	17px 0px 30px 0px;
	position:	relative;
	top:		-5px;
}

#calc_items .group li{
	/* positioning */
	clear:		both;
	height:		23px;
	padding:	0px 10px 0px 16px;

	/* formatting */
	font-size: 12px;
}

#calc_items .group li.selected{
	background-image:		url(../images/image_calc_check.png);
	background-repeat:		no-repeat;
	background-position:	59px -1px;
}

#calc_items .group select{
	float:	left;
	height: 20px;
	margin-right: 26px;
	width: 40px;

	font-size: 10px;
}
#calc_items .group select{
	font-size: 10px;
}
#calc_items .group span{
	display:	block;
	float:	left;
	margin-bottom:	6px;
	width:	127px;
	line-height: 16px;
}

/*** Content case = default ****/
.calc_landing{
	margin-top:	100px;
	float:	right;
}

.calc_arrows{
	margin:	50px 0px 0px 40px;
	float:	left;
}


/****************** Content **************/
/*** Items need to be refreshed ***/
#storeItems{
	display:	none;
	float:	right;
	width:	515px;
}

#storeItems h3{
	color:	#ff0000;
	font-size:	16px;
	font-weight:	bold;
}

#storeItems button{
	margin-left:	170px;
}

#storeItems button img{
	margin-bottom:	4px;
	margin-left:	10px;
	vertical-align:	middle;
}

#storeItems img.calc_full{
	float:	right;
	margin-top:	88px;
}


/*** Show Analysis ***/
#showItems {
	float:	right;
	width:	570px;
}

#showItems h2{
	margin-bottom: 15px;

	font-size:	16px;
}

#showItems strong{
	color:	#5A97DC;
	font-weight:	bold;
}

#showItems p{
	margin-left:30px;

	font-size: 11px;
}

#showItems p.summary{
	color:	green;
	margin-bottom:	20px;
}

#showItems h3{
	clear:	both;
}

#showItems iframe{
	border:	none;/* ie7 */
	float:	right;
}

/*** No items ***/
#noItems h2{
	font-size:29px;
	font-weight:bold;
}

#noItems h3{
	font-weight:bold;
}