/* Background for the widget icons */

div.container {
    background-color: #e8eeef;
    width: 1280px;
    height: 1500px
}

#widgets_box {
    border-radius: 6px 6px 0px 0px;
    background: #d9e1e2;
    padding: 10px; 
    width: 300px;
    margin: 0 0 0 0;
}

#tabs-bar {
    background: #d9e1e2;
    width: 1280px;
    height: 37px; 
    margin: 5px 0 0 0;
}

#corners {
    border-radius: 7px 7px 0px 0px;
    background: #d9e1e2;
    padding: 0px; 
    width: 292px;
    height: 10px; 
}

tr{
    vertical-align: top;
}

table.widgets {
	background-color: #d9e1e2;
	width: 292px;
	height: 100px;
	border: 0px solid black;
}

/* Mouseovers */

.calculator {
	display: block;
	width: 68px;
	height: 99px;
	background: url(../img/icon_calculator.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
}

.widget.selected {
	background-position: 0 -198px;
}

.widget.selected:hover {
	background-position: 0 -198px;
}

.widget:hover {
	background-position: 0 -99px;
}

.inYourArea {
	display: block;
	width: 68px;
	height: 99px;
	background: url(../img/icon_inYourArea.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
}

.solarStatistics {
	display: block;
	width: 68px;
	height: 99px;
	background: url(../img/icon_solarStatistics.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
}
 
.advancedTools {
	display: block;
	width: 68px;
	height: 99px;
	background: url(../img/icon_advancedTools.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
} 

/* Calculator Tab Mouseovers */
.spc {
	display: inline-block;
	width: 166px;
	height: 26px;
	background: url(../img/tab_spc.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
}

.spc:hover {
	/* background-position: 0 -26px; */
}

.spc {
	background-position: 0 -26px;
}

.clc {
	display: block;
	width: 157px;
	height: 26px;
	background: url(../img/tab_clc.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
}

.clc:hover {
	background-position: 0 -26px;
}

.clc.selected {
	background-position: 0 -26px;
}

.rc {
	display: block;
	width: 144px;
	height: 26px;
	background: url(../img/tab_rc.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
}

.rc:hover {
	background-position: 0 -26px;
}

.rc.selected {
	background-position: 0 -26px;
}

.eec {
	display: block;
	width: 166px;
	height: 26px;
	background: url(../img/tab_eec.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
    cursor: pointer;
}

.eec:hover {
	background-position: 0 -26px;
}

.eec.selected {
	background-position: 0 -26px;
}

/* Advanced Tab Mouseovers */

.adv2 {
	display: inline-block;
	width: 166px;
	height: 26px;
	background: url(../img/tab_gri.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
    cursor: pointer;
    float: right;
}

.adv2:hover {
	background-position: 0 -26px; 
}

.adv2.selected {
	background-position: 0 -26px;
}

.adv1 {
	display: inline-block;
	width: 222px;
	height: 26px;
	background: url(../img/tab_dgi.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
    cursor: pointer;
    float: right;
}

.adv1:hover {
	background-position: 0 -26px;
}

.adv1.selected {
	background-position: 0 -26px;
}