body { 
    background: #187862;
    background-image: url("/res/bg-grad.png");
    background-repeat: repeat-x; 
     font-family: arial; color: black;
     }
div#content { background: white; border-left: 3em; margin-top: 3em; margin-left: 3em;
    margin-right: 3em;}

img { border: 0px; }

a { color: #187862; text-decoration: underline; }
a:visited { color: black; text-decoration: }
a:hover { text-decoration: underline; }
a.urldisplay { font-size: 90%; font-family: "arial narrow";}

h1 { text-align: center }
h2 { text-align: center }
h3 { margin-left: 4em; }

div#status { text-align: right; }
div#status a { text-decoration: none; font-weight: bold; color: #187862; font-size: 105%; }
td#with-sitename { padding-left: 1em; }

table.pricing td { text-align: center;}
table.pricing { border-collapse: collapse; }
table.pricing { border-collapse: collapse; }


div.button-group { text-align: center; }
table#topmenu { border: 9px; border-collapse: collapse;}

span.sitename { font-variant: small-caps; }
/* framed body */
table.frame { border-collapse: collapse; margin: 3em; margin-top: 31px; margin-bottom:0.5em;}
table.frame td, table.frame tr { border-width: 0; padding:0;margin:0;spacing:0;}

td.frame-ul { width: 28px; height: 23px;background: url("/res/frame-ul.png"); }
td.frame-ur { width: 32px; height: 23px;background: url("/res/frame-ur.png"); }
td.frame-bl { width: 28px; height: 31px;background: url("/res/frame-bl.png"); }
td.frame-br { width: 32px; height: 31px;background: url("/res/frame-br.png");     }


td.frame-l { width: 28px; /*background: url("/res/frame-l.png");   background-repeat: y-repeat; */
    background: url("/res/frame-l-grad.png") top;
}
td.frame-r { width: 32px; /*background: url("/res/frame-r.png");    background-repeat: y-repeat;*/
    background: url("/res/frame-r-grad.png") top;
}

td.frame-u { height: 23px;background: url("/res/frame-u.png");
    background-repeat: x-repeat;}
td.frame-b { height: 31px;background: url("/res/frame-b.png");
    background-repeat: x-repeat;}
td.frame-content { background: white;  height: 400px; vertical-align: top; }

div.inside-frame-content { margin: 2em; }
table.frame{  width: 90%;}



div.page-title { text-align: center; font-size: 120%; }


div#footer span, div#footer a { font-size:90%; color: #99aaaa;  }



/*********************/
div.survey-container  textarea { width: 80%; height: 5em; }
div.question { padding-bottom: 1em; padding-top:1em; }
span.display-id { font-size: 80%; color: #009090; padding-left: 1em;} 
div.answers { margin-left: 1em;}

div.multiline-value-view { font-size: 80%; background-color: #eeffff; padding: 1em;
    margin: 1em;  }




table.task-props  td {  padding:0.2em;}
table.task-props  input.entry {  width:100%}

div.warning { border: solid 1px #187862; padding: 2em; margin-top: 0.5em;}


table.survey-answers { border-collapse: collapse; }
table.survey-answers td,table.survey-answers th { padding: 0.3em; }


table.money-report { border-collapse: collapse; }
table.money-report tr { border: solid 1px; }
table.money-report td,table.money-report th { border: solid 1px; padding: 0.3em; }
table.joblist  { border-collapse: collapse; }
table.joblist tr { border:solid 1px; }
table.joblist td { padding: 0.2em;padding-left: 0.5em; padding-right: 0.5em;}



/*********faq*********/
div.faq-category-block { padding-bottom: 2em; }
div.faq-category-title { text-align:center; font-size: 130%;font-weight: bold; padding: 0.2em;}
div.faq-answer { padding-top: 0.3em; }
div.faq-item { padding-bottom: 1em; }
div.faq-question { color: #187862; font-size: 110%; font-weight: bold; }


/*********messages*********/
div.message { padding-bottom: 1em; }
div.posted-when-header { font-size: 60%; margin-left: 2em;}
div.message-body { padding:0.5em; border: solid #009090 1px ;  background-color: #eeffff; }

/** homepage ***/
div.taskbody {  padding-left: 1em; padding-right:1em;
    text-align:justify; }
div.taskheading { padding-bottom: 0.3em; padding-left: 4em; font-weight: bold;
    padding-right:4em;}
div.task-block { border: solid 1px #aaeeee; padding: 1em; margin: 0.85em; margin-right:2em;}

/******* banners *******/
div.bnners { text-align:center;  padding-bottom: 1.5em; padding-top:1em;}
 span.bnners-hint { font-size: 63%; font-family:verdana;  font-weight: bold;}