/* -------------- my-installations --------------- */

.my-installations #main-content 
{
    margin-left: 0;
    width: 732px;
}

.my-installations #installations-header 
{
    /*margin-bottom: 12px; */
}

.my-installations #content
{
    margin-bottom: 20px;
}
.my-installations #related-content
{
    margin-top: 62px;
}

/* -------------- my-box --------------- */
.my-box {       background: #fdfdfd url('/images/My-installations/mybox-gradient.jpg') repeat-x left bottom; }
#related-content .my-box { margin-bottom: 12px; }
#related-content .my-box.white { background: #fff none; }

.my-box-tl {    background: url('/images/My-installations/mybox-tl.png') no-repeat left 0; }
.my-box-tr {    background: url('/images/My-installations/mybox-tr.png') no-repeat right 0; }
.my-box-br {    background: url('/images/My-installations/mybox-br.png') no-repeat right bottom; }
.my-box-bl  
{
    background: url('/images/My-installations/mybox-bl.png') no-repeat left bottom;
    padding-top: 8px; padding-bottom: 8px;
}
.my-box-body 
{
    border-left: solid 3px #e2e2e2;
    border-right: solid 3px #e2e2e2;    
    display:block;
    overflow: hidden;
    min-height: 100px;  
}
#installations-header .my-box-body  
{
    min-height: 80px;
}
.my-box-inner 
{
    padding: 8px 12px 0px 12px;
}

#content .my-box h1 { margin-bottom:12px; }
#content .my-box h2 { color: #646464; line-height: 100%; padding-right: 20px;  }
#related-content .my-box.white h2 { color: #3f3f3f; }
#content .my-box h4 { margin-bottom: 6px; }
#content .my-box p  { font-size: 90%; color: #646464; }
#content .my-box label  { padding-right: 6px; }

/* -------------- mybox-box = a box in my-box --------------- */
.my-box-box {       margin: 4px 0px 12px 8px; }
.my-box-box-tl {    background: url('/images/My-installations/mybox-box-tl.png') no-repeat left 0; margin-left: -8px; }
.my-box-box-tr {    background: url('/images/My-installations/mybox-box-tr.png') no-repeat right 0; }
.my-box-box-br {    background: url('/images/My-installations/mybox-box-br.png') no-repeat right bottom; margin-left: 8px; }
.my-box-box-bl  
{
    background: url('/images/My-installations/mybox-box-bl.png') no-repeat left bottom;
    padding-top: 8px; padding-bottom: 8px;
    margin-left: -8px; overflow: hidden;
}
.my-box-box-body 
{
    background-color: #fff;    
    border-left: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    display:block;
    overflow: hidden;
    min-height: 100px;
}
.my-box-box-inner 
{
    padding: 2px 8px 8px 12px;    
}

#content .my-box-box h2 { padding-top: 4px; color: #3f3f3f; }
.my-box h2.broadband { background: url(/images/icon-broadband.png) no-repeat right 0; }
.my-box h2.contact { background: url(/images/icon-contact.png) no-repeat right 0; }
.my-box h2.document { background: url(/images/icon-document.png) no-repeat right 0; }
.my-box h2.green { background: url(/images/icon-green.png) no-repeat right 0; }
.my-box h2.heat { background: url(/images/icon-heat.png) no-repeat right 0; }
.my-box h2.cold { background: url(/images/icon-cold.png) no-repeat right 0; }
.my-box h2.info { background: url(/images/icon-info.png) no-repeat right 0; }
.my-box h2.power { background: url(/images/icon-power.png) no-repeat right 0px; }
.my-box h2.tip { background: url(/images/icon-tip.png) no-repeat right 0; }
.my-box h2.water { background: url(/images/icon-water.png) no-repeat right 0; }
.my-box h2.hotwater { background: url(/images/icon-warmwater.png) no-repeat right 0; }
.my-box h2.export { background: url(/images/icon-export.png) no-repeat right 0; }

/* -------------- infolist in my-box --------------- */
.my-box .infolist { float:left;  }
.divided { width: 50%; }
.divided-wide { width: 62%; }
.divided-small { width: 38%; }
#content .my-box .infolist p { margin: 2px 0 12px 1px; color: #3f3f3f; }
#content .my-box .infolist label { display:block; margin-bottom: 1px;  }
#content .my-box .infolist span { display:block; margin-bottom: 1px; font-weight: bold; }
#content .my-box .infolist a { display: inline-block; }
#content .my-box .infolist a.small-link-info { margin-left: 5px; }
#content .my-box .infolist p.info { padding-top: 0; margin: -3px 0 0 0; font-style: italic; color: #b5b5b5; }
#content .my-box .infolist p.info span { font-weight: normal; }

/* -------------- optionlist in my-box --------------- */
.my-box .optionlist { float:left;  } /* NEW */
#content .my-box .optionlist p { margin: 2px 0 12px 1px; color: #3f3f3f; clear:both; overflow:hidden; }
#content .my-box .optionlist label { display:block; margin-bottom: 1px; font-weight: bold; }
#content .my-box .optionlist span { display:block; margin-bottom: 1px;  }
#content .my-box .optionlist span label { font-weight: normal; float: left; margin-top: 2px; }
#content .my-box .optionlist span input { display: block; }
#content .my-box .optionlist a { display: inline-block; }
#content .my-box .optionlist a.small-link-info { margin-left: 5px; }
#content .my-box .optionlist p.info { padding-top: 0; margin: -3px 0 0 0; font-style: italic; color: #b5b5b5; }
#content .my-box .optionlist p span { font-weight: bold; }
#content .my-box .optionlist p.info span,
#content .my-box .optionlist span.info { font-weight: normal; }
#content .my-box .optionlist input { float:left; clear:both; }
#content .my-box .optionlist select { display:block; margin-bottom: 6px;}

/* -------------- optionlist in my-box --------------- */
.my-box .optionlistBlock { float:none;  } /* NEW */
#content .my-box .optionlistBlock p { margin: 2px 0 12px 1px; color: #3f3f3f; clear:both; overflow:hidden; }
#content .my-box .optionlistBlock label { display:block; margin-bottom: 1px; font-weight: bold; }
#content .my-box .optionlistBlock span { display:block; margin-bottom: 1px;  }
#content .my-box .optionlistBlock span label { font-weight: normal; float: left; margin-top: 2px; }
#content .my-box .optionlistBlock span input { display: block; }
#content .my-box .optionlistBlock a { display: inline-block; }
#content .my-box .optionlistBlock a.small-link-info { margin-left: 5px; }
#content .my-box .optionlistBlock p.info { padding-top: 0; margin: -3px 0 0 0; font-style: italic; color: #b5b5b5; }
#content .my-box .optionlistBlock p span { font-weight: bold; }
#content .my-box .optionlistBlock p.info span,
#content .my-box .optionlistBlock span.info { font-weight: normal; }
#content .my-box .optionlistBlock input { float:left; clear:both; }
#content .my-box .optionlistBlock select { display:block; margin-bottom: 6px; color: #3f3f3f !important; font-weight: normal !important;}

/* -------------- datalist in my-box --------------- */
#content .my-box .datalist p { margin: 0 4px 0 1px; margin-bottom: 0px; color: #3f3f3f; clear:both; }
#content .my-box .datalist label { display:block; float:left; margin-bottom: 2px; }
#content .my-box .datalist span { display:block; float:none; text-align:right; }
#content .my-box .datalist a { display: inline-block; }
#content .my-box .datalist a.small-link-info { margin-left: 5px; }
#content .my-box .datalist p.info { padding-top: 8px; font-style: italic; color: #b5b5b5; }
#content .my-box .datalist p.related-info { margin: 0 4px 0px 1px; color: #b5b5b5; overflow:hidden; font-style: italic; padding-left: 12px; }
#content .my-box .datalist p.nested-related-info { margin: 0 4px 0px 25px; color: #b5b5b5; overflow:hidden; font-style: italic; padding-left: 12px; }
#content .my-box .datalist p.sum { font-weight: bold; padding-top: 8px; }

/* -------------- table in my-box --------------- */
#content .my-box table { width: 100%; overflow:hidden; padding: 8px 8px 8px 0; }
#content .my-box table th { font-size: 90%; padding: 4px 4px 2px 8px; font-weight: bold; color: #000; background-color: #eeeeee; border-bottom: solid 1px #3f3f3f; }
#content .my-box table td { font-size: 90%; padding: 4px 4px 2px 8px; color: #3f3f3f; border-bottom: solid 1px #ccc; }
#content .my-box table .right { text-align: right; }
#content .my-box table .left { text-align: left; }
#content .my-box table .left-nowrap { text-align: left; white-space: nowrap; }
#content .my-box table .center { text-align: center; }

/* -------------- specific elements --------------- */
#mb-overview-consumption { width: 477px; float: left; }
#mb-overview-details { width: 198px; float: right; }
#mb-overview-simple-info { width: 345px; float: left; }
#mb-overview-simple-economy { width: 330px; float: right; }
#mb-net-info { float:left; width: 330px; }
/*#mb-net-info .divided { width:40%; }*/
#mb-net-prices { float:left; width: 330px;  }
#mb-contract-info { float:right; width: 345px; }
#mb-contract-prices { float:right; width: 345px; }
.mb-consumption-chart { width: 513px; float: left; }
.mb-consumption-chartlist { width: 513px; }
#mb-consumption-options { width: 162px; float: right; }
#mb-summarychart-info { width: 162px; float: right; }
#mb-meter-readings { width: 690px; }
#mb-economy-simple { width: 345px; }
#mb-register-meter-readings { width: 690px; }

#mb-consumption-options .report-save-field,
#mb-consumption-options .watermark
{ 
    border: solid 1px #ddddde; width: 137px; background-color:#fbfbfb; color:#3f3f3f; padding: 2px; margin: 2px 0 8px 0; 
}
#mb-consumption-options .watermark { font-style: italic; }
#content #mb-consumption-options .save-report input
{
    float:none;
}
#mb-register-meter-readings .regular-form 
{
    margin-top: 20px;
}
#mb-register-meter-readings .regular-form p.no-label
{
    margin-left: 169px;
    margin-top: 8px;
}
.mb-saved-reports .optionlist { float: none; }
.mb-saved-reports .optionlist a { margin-bottom: 8px; }

#content #mb-selectedinstallations { margin: 16px 0; }
#content #mb-selectedinstallations .optionlist span { display: inline; }
#content #mb-selectedinstallations .optionlist span.selectedtitle { display:block; }

#installations-header-info { padding: 0 0 7px 0; overflow:hidden; }
#installations-header-info.power { background: url('/images/My-installations/icon-header-power.png') no-repeat 8px 3px; }
#installations-header-info.heat { background: url('/images/My-installations/icon-header-heat.png') no-repeat 8px 3px; }
#installations-header-info.cold { background: url('/images/My-installations/icon-header-cold.png') no-repeat 8px 3px; }
#installations-header-info.water { background: url('/images/My-installations/icon-header-water.png') no-repeat 8px 3px; }
#installations-header-info.hotwater { background: url('/images/My-installations/icon-header-warmwater.png') no-repeat 8px 3px; }
#installations-header-info.broadband { background: url('/images/My-installations/icon-header-broadband.png') no-repeat 8px 3px; }
#installations-header-info.other { background: url('/images/My-installations/icon-header-other.png') no-repeat 8px 3px; }
#installations-header-info.export { background: url('/images/My-installations/icon-header-export.png') no-repeat 8px 3px; }

#content #my-installations-title { float: left; margin: 8px 0px 0px 100px; }
#content #my-installations-title h1 { color: #000; margin:0 0 0 0; }
#content #my-installations-title h2 { color: #646464; margin:2px 0 1px 0; padding-top: 0; }
#content #my-installations-title p { color: #646464; margin: 0px 0px 0px 1px; font-size: 90%; }

#my-installations-selector { width: 240px; float:right; margin: 4px 0 -4px 0; background: transparent url('/images/My-installations/mybox-divider.png') repeat-y left; }
#my-installations-selector h2 { color: #646464; margin: 2px 0 5px 15px; padding-top: 0;  }
#my-installations-selector p {  margin: 0 0 5px 15px; }
#my-installations-selector p a { margin-left: 4px; display: inline-block;  }
#my-installations-selector p select,
#content .my-box .optionlist select { border: solid 1px #ccccce; height: 21px; color: #006fac; width: 162px; }

#installations-tabs { margin: 20px 0 0 20px; height: 42px; }
#main-content .chartContainer img { margin: 0 0 0 -10px; }
#main-content .chartTitle { margin-bottom: 4px; }
#main-content .chartTitle p { margin: 0; }
#main-content .chartTitle span { font-size: 90%; }

#main-content .dataExport { text-align: right; margin: 12px 6px 0 0; }
#main-content #ConsumptionPerInstallation { margin-top: 8px; }

#main-content ul.installation-chart-list 
{
    padding:0; margin: 0 0 8px 0;
    list-style-type: none;    
}
#main-content ul.installation-chart-list li
{
    font-size: 90%;
    padding:0;    
}
#main-content ul.installation-chart-list li label
{
    font-weight: bold;
}

#main-content table.meter-readings
{
    margin: 10px 12px 0 0;
    width: 668px;    
}
#main-content table.meter-readings a
{
    color:#000000;
    text-decoration:none;    
}
#main-content table.meter-readings a:hover
{
    color:#006EAB;
    text-decoration:underline;
}
#main-content table.choose-chart td
{
    padding-left: 0px;
    border-style: none;
}
#main-content table.choose-chart th
{
    padding-left: 0px;
    border-style: none;
    background-color: #fff;
}


/* ---- special links ---- */
a.add, .add a
{
	background: url(/images/My-installations/icons-general.png) no-repeat right -701px;
	padding-right: 22px;
	text-decoration: none;
	display: inline-block;
}
a.add:hover, .add a:hover
{
	background: url(/images/My-installations/icons-general.png) no-repeat right -737px;
	text-decoration: underline;
}
a.export, .export a
{
	background: url(/images/My-installations/icons-general.png) no-repeat right -774px;
	padding-right: 22px;
	text-decoration: none;
	display: inline-block;
}
a.export:hover, .export a:hover
{
	background: url(/images/My-installations/icons-general.png) no-repeat right -810px;
	text-decoration: underline;
}

.SysMessage
{
    padding: 8px 8px 8px 36px;
    background: #fff url(/images/icon-info.png) no-repeat 10px 10px;
    border: solid 1px #d4d4d4;    
    margin-bottom: 12px;
    -webkit-border-radius: 6px;	
    -moz-border-radius: 6px;	
    border-radius: 6px;    
}
.SysMessage H3, .SysMessage H3 span
{
    color: #e8531f;
}
.SysMessage P
{
    font-size: 0.8em;
    color: #646464;    
    padding-left: 2px;
}
.creatingReportProgressBarContainer 
{
	z-index: 9000;
	/*margin-top: -330px;*/
}
.creatingReportProgressBarContainer .updateProgress
{
	z-index: 9000;
    width: 670px;
    height: 320px;
    position: relative;
	background: #e8f2f8 url(../images/popup.png) no-repeat -180px -160px;
}
.creatingReportProgressBarContainer .updateProgress .updateProgressInner
{
    position: relative;
}
.creatingReportProgressBarContainer .updateProgress .updateProgressInner img#updateProgressImage
{
    float: none;
    margin: 110px 0px -10px 0px;
}
.creatingReportProgressBarContainer .updateProgress .updateProgressInner .updateProgressMessage
{
    margin-top: 0px;
}
.advancedSearchExpanded
{
}
.advancedSearchCollapsed
{	
}