html,body{
 background-color:#66ccff;
}
html,body{ padding:0;margin:0 auto;width:100%;font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;font-size:0.9em !important;color:#555555;}body{display:block;text-align:center;}
.make-it-center{
 margin:30px auto auto;
 height:auto;
 width:800px;
 background:#97C92B url(/calc/images/bg-page-2011.jpg) repeat-y;
 padding:0px 35px;
}
form {
margin: 0px;
}
#logo-container{
 background:transparent url(/calc/images/header-2011.jpg) no-repeat 0 0;
 height:110px;
 padding-top:3px;
 margin-bottom:3px;
 margin-left:-35px;
 margin-right:-35px;
}
#logo-image {float:left;padding:10px 20px 10px 25px;color:#999; width: 350px; height: 80px;}
#headertitle {float:left;padding:0px; width: 470px; height: 106px; border: none;}
#toplinks {float:right;padding:0px; width: 560px; height: 18px; border: none;}
#register {
 border: 1px solid #608302;
 text-align: center;
 padding: 10px;
}
input.calc {
 background-color: transparent;
 color: #555555;
 vertical-align : middle;
 text-align: right;
 border: none;
}
input.calcTot {
 font-weight: bold;
 background-color: transparent;
 color: #555555;
 vertical-align : middle;
 text-align: right;
 border: none;
}
div.sheet {
 width: 98%;
 _text-align: right;
 align: right; /* Firefox */
/* border: 1px solid #9aaa63; */
 padding: 0px;
 color: #252122;
}
table {
 border: 1px solid #9aaa63;
}
table.cost {
 border: 1px solid #d5502f;
}
table.dream {
 border: 1px solid #63cad3; /* #23749e; */
}
table.colTab {
 width: 100%;
 border: 1px solid #9aaa63;
 padding: 0px;
}
tr.cgrlheaderrow {
 background-color: #9AAA63;
 color: #ffffff;
 text-align: left;
}
tr.cgrldatarow {
 background-color: #ffffff;
 font-size:0.85em;
}
tr.cgrldatarow2 {
 background-color: #cede85; /* d9e987; */
 font-size:0.85em;
}
tr.costheaderrow {
 background-color: #d5502f;
 color: #ffffff;
 text-align: left;
}
tr.costrow {
 background-color: #ffffff;
 color: #d5502f;
 font-size:0.85em;
 font-weight: bold;
}
tr.costrow2 {
 background-color: #F5F5F5; /* FFE4E1; */
 color: #555555;
 font-size:0.85em;
 font-weight: bold;
}
tr.dreamheaderrow {
 background-color: #63cad3; /* 23749e; */
 color: #ffffff;
 text-align: left;
}
tr.dreamrow {
 background-color: #ffffff;
 color: #23749e;
 font-size:0.85em;
 font-weight: bold;
}
div.dream {
 width: 100%;
 height: 104px;
 background-attachment: scroll;
 background-image: url(/calc/images/butterflies.jpg);
/* background-image: url(/calc/images/flowers.jpg); */
/* background-image: url(/calc/images/clouds-1.jpg); */
 background-repeat: no-repeat;
 background-position: center;
 /* color: #23749e; */
  color: #555555;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
 padding-top: 35px;
  border: none;
}
div.dreamContent {
 padding: 10px;
 background-color: #ffffff;
 color: #2BB2DC;
 border: 1px solid #2BB2DC;
 font-size:1.50em; 
}
td#droom {
 font-size: 1.0em;
 font-weight: bold;
}
tr.dreamrow2 {
 background-color: #c1f0f4; /* #d6f0f9;*/ /*c6d9e9; */
 color: #23749e; /* 555555; */
 font-size:0.85em;
 font-weight: bold;
}
input#button-NL {
 color:transparent;
 background:transparent url(/calc/images/button-NL.gif) no-repeat;
 vertical-align : middle;
 border-style: none;
 padding:0px;
 width:120px;	
 height:30px;
 text-align: center;
 overflow: visible;
 cursor: pointer;
 cursor: hand;
 border:0px;
 vertical-align:middle;
 text-align:center;
}
input#button-NL:hover {
 color:transparent;
 background:transparent url(/calc/images/button-NL-on.gif) no-repeat;
 vertical-align : middle;
 border-style: none;
 padding:0px;
 width:120px;	
 height:30px;
 text-align: center;
 overflow: visible;
 cursor: pointer;
 cursor: hand;
 border:0px;
 vertical-align:middle;
 text-align:center;
}
input#reset-NL {
 color:transparent;
 background:transparent url(/calc/images/reset-NL.gif) no-repeat;
 vertical-align : middle;
 border-style: none;
 padding:0px;
 width:70px;	
 height:30px;
 text-align: center;
 overflow: visible;
 cursor: pointer;
 cursor: hand;
 border:0px;
 vertical-align:middle;
 text-align:center;
}
input#reset-NL:hover {
 color:transparent;
 background:transparent url(/calc/images/reset-NL-on.gif) no-repeat;
 vertical-align : middle;
 border-style: none;
 padding:0px;
 width:70px;	
 height:30px;
 text-align: center;
 overflow: visible;
 cursor: pointer;
 cursor: hand;
 border:0px;
 vertical-align:middle;
 text-align:center;
}
input#button-FR {
 color:transparent;
 background:transparent url(/calc/images/button-FR.gif) no-repeat;
 vertical-align : middle;
 border-style: none;
 padding:0px;
 width:90px;	
 height:30px;
 text-align: center;
 overflow: visible;
 cursor: pointer;
 cursor: hand;
 border:0px;
 vertical-align:middle;
 text-align:center;
}
input#button-FR:hover {
 color:transparent;
 background:transparent url(/calc/images/button-FR-on.gif) no-repeat;
 vertical-align : middle;
 border-style: none;
 padding:0px;
 width:90px;	
 height:30px;
 text-align: center;
 overflow: visible;
 cursor: pointer;
 cursor: hand;
 border:0px;
 vertical-align:middle;
 text-align:center;
}
input#reset-FR {
 color:transparent;
 background:transparent url(/calc/images/reset-FR.gif) no-repeat;
 vertical-align : middle;
 border-style: none;
 padding:0px;
 width:105px;	
 height:30px;
 text-align: center;
 overflow: visible;
 cursor: pointer;
 cursor: hand;
 border:0px;
 vertical-align:middle;
 text-align:center;
}
input#reset-FR:hover {
 color:transparent;
 background:transparent url(/calc/images/reset-FR-on.gif) no-repeat;
 vertical-align : middle;
 border-style: none;
 padding:0px;
 width:105px;	
 height:30px;
 text-align: center;
 overflow: visible;
 cursor: pointer;
 cursor: hand;
 border:0px;
 vertical-align:middle;
 text-align:center;
}
a{color:#608302;}
a:hover{color:#23749e;}
a:active{color:#CD542E;}
.developer {
 background-color: #ffffff;
 width: 100%;
 color:#9A9A9A;
 font-size:0.8em;
 display:block;
 padding: 10px;
 padding-left: 0px;
 text-align: left;
}
a.small{ font-size:0.8em; }
span.small{ font-size:0.8em; font-weight: bold; }
.developer a {
 color:#9A9A9A;
 font-weight:normal;
}
.developer strong a {
 padding-left:0px;
 text-decoration:none;
 font-weight: bold;
}

label.onlyB {
  display: none;
}

.checked label.onlyB {
  display: block;
}

table.debug th, table.debug td {
    border: 1px solid red;
}

