table.cake-sql-log {visibility: hidden;}


iframe.helptext { border-style:solid; border-width: 1px; height: auto; position: absolute; z-index: 9; max-width: 400px; width: auto;}
div.helptext { position: absolute; z-index: 10; width: 100px; height: 100px; font: 11px arial; text-align: left;  background: #efefef; padding: 5px; margin: 0px; border-width: 1px; border-color: black; float: right; width: auto; max-width: 400px;}

body	{ background-color: white; text-align: center; padding: 0px; margin: 0px; }
div 	{ position: relative; margin: 0px; padding: 0px; float: left; border-width: 0px; border-color: silver; border-style: solid; }
a { color: #00236f;  }



div.main	{ 	top: 0px; width: 992px;  margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left;  float: none;	}
div.maincontent {margin-top: 0px; width: 100%; float: left; border-color: black; border-width: 0px 1px 0px 1px; border-style: solid; background-image: url('bg/main_bg.jpg'); background-repeat: no-repeat; } 
div.topline { width: 100%; background-image: url('bg/topline_bg.jpg'); background-repeat: repeat-x; max-height: 10px; height: 10px; overflow: hidden; border-color: black; border-width: 0px 1px 0px 1px; margin-bottom: 0px;}		
div.top	{ height: 190px; background-image: url('bg/top_bg.jpg'); background-repeat: no-repeat; min-height: 100px;  width: 848px; left: 72px; }


div.mainmenu	{ height: 45px; width: 848px; left: 72px; border-width: 2px 0px 0px 0px; border-color: white; border-style: solid; background-image: url('bg/mainmenu_bg.jpg'); background-repeat: repeat-x; overflow: hidden; margin-bottom: 0px;}
div.mainmenuitem	{ 	width: auto; height: 100%; padding: 0px 25px 0px 25px;  
					border-width: 0px 1px 0px 1px; border-color: #000000 #4472A3 #003060 #003060; border-style: solid;}
div.mainmenuitemselect	{ 	width: auto; height: 100%; padding: 0px 25px 0px 25px;  
							border-width: 0px 1px 0px 0px; border-color: #000000 #4472A3 #003060 #003060; border-style: solid;
							background-image: url('bg/mainmenu_selected_bg.jpg'); background-repeat: repeat-x;  }
div.mainmenulogin	{ 	width: auto; height: 100%; padding: 0px 25px 0px 65px;  
						border-width: 0px 1px 0px 1px; border-color: #000000 #4472A3 #003060 #003060; border-style: solid;
						background-image: url('bg/login_bg.jpg'); background-repeat: no-repeat; 
					}
a.mainmenu { font: 12px arial; color: white; display: block; padding-top: 13px; text-decoration: underline; }


div.middle	{ width: 848px; left: 72px; height: auto; background-image: url('bg/middle_bg.jpg'); background-repeat: repeat-x;  }

div.left	{ width: 255px; min-height: 500px; height: 500px; border-right-style: solid; border-right-width: 1px; border-color: #E1E1E1; top: 45px;}
div.leftmenurow { left: 12px; min-width: 220px; width: 220px; max-width: 220px; height: auto; margin-bottom: 5px;  border-color: #E1E1E1; border-width: 1px; border-style: solid; }

img.corner_tl { position: absolute; left: -1px; top: -1px;}
img.corner_tr { position: absolute; right: -1px; top: -1px;}
img.corner_bl { position: absolute; left: -1px; bottom: -1px;}
img.corner_br { position: absolute; right: -1px; bottom: -1px;}

div.submenuitem { height: 30px; min-height: 30px; width: 100%;  }
div.submenubullet { width: 25px; min-width: 25px; min-height: 15px; margin-top: 8px; background-image: url('bg/submenubullet_bg.jpg'); background-repeat: no-repeat; border-width: 0px;}
div.submenutext { width: 185px; height: auto; left: 0px; margin-top: 8px; font: bold 11px arial; border-width: 0px; overflow: hidden; }
a.submenutext { text-decoration: none; display: block; color: black; }

div.subsubmenuitem  { height: 25px; min-height: 25px; width: 100%; border-width: 0px; }
div.subsubmenutext { width: 170px; height: auto; left: 33px; margin: 0px 0px 8px 0px; font:  11px arial; }





div.right	{ width: 590px; min-height: 500px; padding: 0px 0px 20px 0px; top: 45px;}
div.content	{ left: 20px;  width: 550px;  min-height: 600px; border-width:0px; margin-top: 10px;}


div.content {  font: 12px arial;}
div.content label { display: block; float: left; width: 100px; font: bold 12px arial;}
div.content div.submit {text-align: right; width: 100%;}



/* fck editor element */
div.content p { border-width: 0px; border-color: silver; border-style: solid; line-height: 1.4;  }



div.footer { color: white; width: 100%; height: 55px; max-height: 55px; overflow: hidden;  background-image: url('bg/footer_bg.jpg'); background-repeat: repeat-x;  }
div.footertext1 { font: 11px arial; left: 90px; top: 20px; width: 450px;}
div.footertext2 { font: 11px arial; left: 90px; top: 20px; width: 370px; text-align: right;}



h2 { font-size: 14px; margin-top: 10px; margin-bottom: 2px; display: block; width: 500px; }
div.calc_content { font: 12px arial; top: 15px; border-width: 0px; padding-bottom: 100px; width: 500px;}
div.calc_navigation { width: 100%; font: 12px arial; margin-bottom: 5px;}



div.calculation_form { width: 450px;}
div.calculation_form div { width: 100%; padding: 5px 0px 5px 0px;}
div.calculation_form label { display: block; float: left; width: 100px; font: bold 12px arial;}
div.calculation_form div.submit {text-align: right; width: 100%;}






/* standard table style*/
table.standard { font: 12px arial; border-collapse: collapse; border:1px solid #ccc; border-right:0; clear: both; color: #333; margin-bottom: 10px; width: 100%; }


table.standard a { text-decoration: none; font-weight: bold; font: bold 11px arial; }
table.standard th { background: #f2f2f2; padding: 4px; border:1px solid #bbb; border-top: 1px solid #fff; border-left: 1px solid #fff; text-align: left; }
table.standard tr:hover { background: #ffffff; }
table.standard tr td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px; text-align: left; vertical-align: middle; }



	/* CALCULATIONS CONTROLLER */

div.save-message {color: green; font: bold 12px arial;}	
div.error-message {color: red; width: 100%; margin-bottom: 10px; }
div.form-error {width: 100%; border-width: 1px;}
div.validationerror {width: 98%; margin: 25px 0px 15px 0px; padding: 10px 0px 10px 0px; color: red; border-width: 2px; border-color: red;}
div.validationerror span { padding-left: 10px;}	
	
/* view */
div.calculationsheader1 { font: bold 16px arial; width: 100%; padding-bottom: 10px;}
div.calculationsheader2 { font: bold 12px arial; width: 100%; padding: 5px 0px 5px 0px;}

table.calc_listcalculations { border-collapse: collapse;	border-width: 0px; width: 500px; border-color: silver; border-style: solid; clear: left;}
table.calc_listcalculations  th { padding: 4px; border-width: 1px; border-color: silver; border-style: solid; border-top-width: 0px;}
table.calc_listcalculations  td { padding: 4px; border-width: 1px; border-color: silver; border-style: solid; }


div.helptext { cursor: pointer; }
div.helptext table { font: 11px arial; border-collapse: collapse; border:1px solid #ccc; border-right:0; clear: both; color: #333; }
div.helptext table th { background: #e2e2e2; padding: 3px; border:1px solid #bbb; border-top: 1px solid #fff; border-left: 1px solid #fff; text-align: left; }
div.helptext tr td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0px 5px 3px; text-align: left; vertical-align: middle; }






/*  Effect  form */

table.effect { font: 11px arial; border-collapse: collapse; border:1px solid #ccc; border-right:0; clear: both; color: #333; width: 550px; }
table.effect a { text-decoration: none; font-weight: bold; }
table.effect label {font: 11px arial; white-space: nowrap; }
table.effect th { background: #e2e2e2; padding: 3px; border:1px solid #bbb; border-top: 1px solid #fff; border-left: 1px solid #fff; text-align: left; }
table.effect th.nostyle { background: #ffffff; padding: 0px; border:1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; text-align: left; color: blue; width: 10px; }
table.effect tr:hover { background: #ffffff; }
table.effect tr td {font: 11px arial; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0px 5px 3px; text-align: left; vertical-align: middle; }
table.effect tr td.nostyle { border-right: 0px solid #ccc; border-bottom: 0px solid #ccc; padding: 1px 0px 1px 3px; text-align: left; vertical-align: middle; width: 10px; }
table.effect textarea, select, input { font-size: 11px; }
table.effect input.num { width: 50px; }
table.effect input.num-disabled { width: 50px; background: #cccccc; }
table.effect select.wide, input.txt { width: 120px; }
table.effect select.narrow { width: 50px; }
table.effect textarea { width: 300px; }





/* Energy form */
div.energy { width: 550px; }

table.energy { font: 11px arial; border-collapse: collapse; border:1px solid #ccc; border-right:0; clear: both; color: #333; width: 100%;  }
table.energy a { text-decoration: none; font-weight: bold; }
table.energy label {font: 11px arial; white-space: nowrap; }
table.energy tr:hover { background: #ffffff; }
table.energy th { background: #e2e2e2; padding: 3px; border:1px solid #bbb; border-top: 1px solid #fff; border-left: 1px solid #fff; text-align: left; }
table.energy tr td {font: 11px arial; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0px 5px 3px; text-align: left; vertical-align: middle;}
table.energy tr td div {font: 11px arial; }
table.energy textarea, select, input { font-size: 11px; } 
table.energy input.num { width: 50px; }
table.energy input.num-disabled { width: 50px; background: #cccccc; }
table.energy select, input.txt, select.narrow { width: 50px; }
table.energy select.wide { width: 100px; }

table.energy th.bigheader { background: #ffffff; padding: 0px; border-bottom: 1px solid #ccc; border-right: 0px; text-align: left;  font: bold 14px arial; color: black;}

div.tablecontainer { padding: 0px; margin: 0px 0px 10px 0px; width: 100%; font-size: 11px;}



/* admin */
table.payment { float: left;}
table.payment td { font-weight: bold }
div.adminheader { padding: 10px 0px 10px 0px; font-size: 16px; font-weight: bold; font-family: "arial", helvetica, sans-serif; width: 100%; }