Ugye megvan az alap ccs kódunk ...

<style type="text/css">
input {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 9px;
     color: #E8C2FF;}
td.modtitle {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 15 px;
     color: #000000;}
td.modbody {
     background-color: #ffffff;
     font-family: trebuchet ms;
     font-size: 9px;
     color: #000000;}
<style>

----------------------------------------------

Akkor most jöjjön a következö rész ... ugye mint lássátok nekem is van árnyék a modulfejlécen az iráson hát ez nagyon egyszerü ... Ahova akartok árnyékot oda kell ezt betenni:

    text-shadow: #000000 2px 1px 2px;

#000000 - milyen szinü legyen az árnyék
2px 1px 2px - ez hogy mekkora legyen az árnyék ...

Például hogy ha a modulfejlécre akarsz ilyen árnyékot akkor beteszed a color rész alá ezt amit most leirtam(text-shadow...) , és akkor így fog kinézni az a rész:

td.modtitle {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 15 px;
     color: #000000;
     text-shadow: #000000 2px 1px 2px;}

De viszont hogyha a modul belsejébe akarsz árnyékot akkor így fog kinézni:

td.modbody {
     background-color: #ffffff;
     font-family: trebuchet ms;
     font-size: 9px;
     color: #000000;
     text-shadow: #000000 2px 1px 2px;}
<style>

Az input részhez általában nem szoktak árnyékot tenni. 

---------------------------------------------

Láttatok már biztos olyan hogy a modul fejléc alatt/felett van vagy pöttyös/egyenes/szagatott rész ... Hát ezt a részt így kell berakni a ccs-be:

     border-left: 0px dotted #000000;
     border-right: 0px dotted #000000;
     border-top: 0px dotted #000000;
     border-bottom: 0px dotted #78fa3f;}

border-left: bal résznél a keret.
border-right: jobb résznél a keret.
border-top: tetején a keret.
border-bottom: alul a keret. 

Én alulra és felülre ajánlom :)
Van az a rész hogy 0px dotted ...
A 0px az a keretnek a vastagsága,minnél nagyobb számot irsz be annál vastagabb lesz. A dotted az pedig a keret fajta... (ccs leirá->extrák .. itt találjátok a keret tipusok nevét)
Ha kiakarjátok cserélni a keret tipust egyértelmüen átirod a dotted-et pl. solid-ra (egyenes) .. De van több fajta is. Ha a modul fejlécnek akartok keretet akkor így fog kinézni:

td.modtitle {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 15 px;
     color: #000000;
     border-left: 1px dotted #000000;
     border-right: 1px dotted #000000;
     border-top: 1px dotted #000000;
     border-bottom: 1px dotted #000000;}

Számláló részhez...:

 <style type="text/css">
input {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 9px;
     color: #E8C2FF;
      border-left: 1px dotted #000000;
     border-right: 1px dotted #000000;
     border-top: 1px dotted #000000;
     border-bottom: 1px dotted #000000;}

És akkor amit ebböl a leckéböl tanultunk,így fog kinézni a ccs kódunk:

<style type="text/css">
input {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 9px;
     color: #E8C2FF;
     border-left: 1px dotted #000000;
     border-right: 1px dotted #000000;
     border-top: 1px dotted #000000;
     border-bottom: 1px dotted #000000;}
td.modtitle {
     background-color: #ffffff;
     font-family: tahoma;
     font-size: 15 px;
     color: #000000;
     text-shadow: #000000 2px 1px 2px;
     border-top: 1px dotted #000000;
     border-bottom: 1px dotted #000000;}
td.modbody {
     background-color: #ffffff;
     font-family: trebuchet ms;
     font-size: 9px;
     color: #000000;
     text-shadow: #000000 2px 1px 2px;
     border-left: 1px dotted #000000;
     border-right: 1px dotted #000000;
<style>