body { 
        background: transparent url(images/body.png) repeat-x fixed 0 0; 
        }

body, html { 
        font-family: verdana, sans-serif; 
        font-size: 11px; margin: 0;
        * > text-align: center;
        }

h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
/* begin */
#cspanel { 
        margin: 5px auto; 
        width: 799px; 
        border: 2px Solid #fff; 
        background-color: #71b5e5; 
        padding: 20px; 
        color: #fff;
        * > text-align: justify;
        }

#msgarea { 
        clear: both;
        margin: 10px;
        }

#loginform { 
        float: right; 
        width: 25%; 
        }
#leftpanel {
        float: left;
        width: 70%;
        margin: 10px 4px 10px 10px; 
        padding-right: 8px;
        text-align: justify;
        border-right: 1px Dotted #fff;
        }

#leftpanel.noborder { border: 0px; }

.clearall { clear: both; }

.alCenter { text-align: center; }

#loginform input { 
        border: 1px Solid #000; 
        background-color: #fff; 
        color: #000; 
        }

/* ajax busy message */
#systemworking { 
        font-size: 9px; 
        font-weight: normal; 
        padding: 5px; 
        border: 1px Solid #fff; 
        background-color: #d00;
        color: #fff;
        float: left;
        margin-top: 9px;
        }

/* basic functional areas */
input { 
        border: 1px Solid #fff; 
        background-color: #ccc; 
        color: #000; 
        }

textarea {
        border: 1px Solid #fff; 
        background-color: #ccc; 
        color: #000; 
        width: 450px;
        height: 150px;
        }
.frmerror { color: #900; }
.selErr { background-color: #f00; color: #fff; }
/* console */
#console { margin: 15px; background-color: #fff; border: 1px Solid #000; }

#console .hr { border-top: 1px Solid #000; }
#console .lr { border-left: 1px Solid #000; }

#console a { text-decoration: none; }

#lthdr { float: left; width: 47%; padding: 1%; }

#rthdr { float: right; width: 47%; padding: 1%;}
#rthdr div { text-align: center; border-bottom: 1px solid #000; padding: 3px; }

#lthdr .hdtxt { font-weight: bold; text-align: center; font-size: 14px; text-decoration: underline; margin }

ul.hdlist { list-style: none; margin: 5px auto; }

ul.hdlist li { float: left; margin: 5px; padding: 2px; }

ul.hdlist li.lbl { text-align: right;}

ul.hdlist li.txt { text-align: left; font-weight: bold; border: 1px Solid #303090; }

#graphpanel {
        width: 60%;
        float: left;
        text-align: center;
        padding: 3px;
        }

#goalpanel {
        float: right;
        background-color: #fff;
        overflow: auto;
        padding-left: 5px;
        }


/* ajax forms, exact placement will be declared later by javascript */
#newgoalentry,
#newcomment,
#printview,
#newgraphentry {
        position: absolute;
        background-color: #EBEADB;
        color: #000;
        padding: 5px;
        border: 2px ridge #525162;
}
#newgoalentry form,
#printview form,
#newgoalcomment form,
#newgraphentry form { margin: 0; padding: 0;}

/* rightside of console */
#goallist {font-size: 10px;}
#goallist ol { margin: 2px 5px 2px 8px; padding: 8px 15px; }
#goallist ol li { margin: 5px 0px; }
#goallist ol li .goalhdr { font-weight: bold; }
#goallist ol li .goaldesc { text-align: justify; }
#goallist ol li p { margin: 0; }
#goallist ol li .goalctrl a { 
        text-decoration: none;
        }

#dataComments { background-color: #fff; text-align: justify;}