div.quickcal_container{
	margin: 5px 0 5px 0;
	padding: 0;
	height: 66px;
	width: 340px;
	/* z-index: 30; */
	float: left;
}
div.quickcal{
	margin: 0;
	padding: 5px ;
	border-radius: 5px;
	border-width: 1px;
	border-color: #669966;
	border-style: solid;
	height: 50px;
	width: 320px;
	background-color: #d0e0d0;
	overflow: hidden;
	position: absolute;
	background-image: url('/img/quickcal_bg.png');
	background-position: left 0px top 0px;
	background-repeat: no-repeat;

	z-index: 32;
}
div.quickcal_left{
	float: left;
	width: 320px;
}
div.quickcal_pgscps{
	position: absolute;
	top: 30px;
	left: 2px;
}
div.quickcal_cvlv{
	position: absolute;
	top: 60px;
	left: 2px;
}
div.quickcal_note{
	font-size: 12px;
	width: 300px;
}
div.quickcal_note_p{
	margin: 1px;
	padding: 0px;
}
div.quickcal_cvlv table{
	border-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}
div.quickcal_border{
	float: left;
	width: 2px;
	background-color: 669966;
	position: absolute;
	left: 320px;
	margin: 20px 10px 20px 10px;
	height: 360px;
}
div.quickcal_right{
	float: right;
	overflow-y: scroll;
	margin: 10px 30px 5px 5px;
	height: 420px;
	position: absolute;
	top: 2px;
	left: 340px;
}


div.calendar_container{
	margin: 5px 0 5px 0;
	padding: 0;
	height: 66px;
	width: 340px;
	/* z-index: 31; */
	float: right;
	position: relative;

}
div.calendar{
	margin: 0;
	padding: 5px ;
	border-radius: 5px;
	border-width: 1px;
	border-color: #669966;
	border-style: solid;
	height: 50px;
	width: 320px;
	background-color: #d0e0d0;
	position: absolute;
	overflow: hidden;
	right: 0px;
	top: 0px;
	background-image: url('/img/calendar_top_title.png');
	background-position: left 0px top 0px;
	background-repeat: no-repeat;
	z-index: 33;
}
div.energy_container{
	margin: 5px 0 5px 10px;
	padding: 0;
	height: 66px;
	width: 260px;
	/* z-index: 31; */
	float: left;
	position: relative;

}
div.energy{
	margin: 0;
	padding: 5px ;
	border-radius: 5px;
	border-width: 1px;
	border-color: #669966;
	border-style: solid;
	height: 50px;
	width: 240px;
	background-color: #d0e0d0;
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 0px;
	background-image: url('/img/energy_title.png');
	background-position: left 0px top 0px;
	background-repeat: no-repeat;
	z-index: 36;
}
div.energy div.elecratio{
	position: absolute;
	left: 140px;
	top: 42px;
	font-size: 16px;
}
div.energy div.elecratio_time{
	position: absolute;
	left: 210px;
	top: 44px;
	font-size: 10px;
}
div.energy div.totaluse{
	position: absolute;
	left: 140px;
	top: 22px;
	font-size: 16px;
}
div.energy div.totaluse_time{
	position: absolute;
	left: 210px;
	top: 25px;
	font-size: 10px;
}
div.energy span.energy_unit{
	font-size: 10px;
}
div.energy div.elecratio_demand{
	position: absolute;
	left: 296px;
	top: 42px;
	font-size: 14px;
}
div.energy div.elecratio_supply{
	position: absolute;
	left: 420px;
	top: 42px;
	font-size: 14px;
}
div.energy div.use_lm{
	position: absolute;
	left: 296px;
	top: 23px;
	font-size: 14px;
}
div.energy div.use_ac{
	position: absolute;
	left: 420px;
	top: 23px;
	font-size: 14px;
}
div.energy div.use_graph{
	position: absolute;
	left: 10px;
	top: 120px;
	width: 500px;
	height: 220px;
}
div.energy div.demand_control_current{
	display: none;
	position: absolute;
	left: 100px;
	top: 2px;
	background-color: #ffdd00;
	font-size: 14px;
}
div.energy div.demand_control_descr{
	position: absolute;
	left: 10px;
	top: 64px;
	font-size: 14px;
}
div.energy div.demand_control_peak{
	background-color: #ffdd00;
}
div.energy div.energy_note{
	position: absolute;
	left: 10px;
	top: 350px;
	font-size: 12px;
}
div.energy div.energy_note p{
	margin: 2px 0 2px 0;
}

table.quickcal_calendar{
	border-style: none;
	padding: 2px;
	margin: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
}
table.quickcal_calendar td{
	height: 14px;
}
div.calendar_today_date{
	position: absolute;
	left: 14px;
	top: 26px;
	font-size: 16px;
}
div.calendar_today_dow{
	position: absolute;
	left: 14px;
	top: 44px;
	font-size: 12px;
}
div.calendar_today_table{
	position: absolute;
	left: 80px;
	top: 20px;
}
div.calendar_further_title{
	position: absolute;
	left: 20px;
	top: 64px;
	text-align: center;
}
div.calendar_further_table{
	position: absolute;
	left: 20px;
	top: 84px;
}
table.quickcal_further_calendar{
	padding: 2px;
	margin: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	border-collapse: collapse;
}
table.quickcal_further_calendar td{
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	margin: 0;
}

a.icon_close{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 24px;
	height: 24px;
	display: block;
	background: url('/img/openclose-minus.png') no-repeat left top;
	background-position: left 0px top 0px;
	
}
a.icon_open{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 24px;
	height: 24px;
	display: block;
	background: url('/img/openclose-plus.png') no-repeat left top;
	background-position: left 0px top 0px;
	
}

input.quickcal_pgscps{
	width: 4em;
}
select#quickcal_delivery_event{
	width: 240px;
}

table.quickcal_breakdown{
	width: 160px;
	font-size: 12px;
	line-height: 1;
	border-style: none;
	padding: 0px 10px 0px 6px;
	margin: 0px;
}
table.quickcal_breakdown td{
	height: 14px;
}
table.quickcal_breakdown td.amount{
	text-align: right;
}
table.quickcal_breakdown td.total{
	border-style: solid none none none;
	border-width: 1px 0 0 0;
	border-color: #000000;
}
.jExpand td.amount{
	text-align: right;
}
td.breakdown{
}
div.quickcal_intable_right{
	float: right;
}
div.quickcal_intable_left{
	float: left;
	width: 270px;
}