body{                   margin:0px;padding:0px;background:#E6F2DE;}

/* common style definition */
body, td, th, p, h1, h2, h3, h4, h5, h6, a, input, textarea, select,div{
                        font: normal 13px/18px Trebuchet MS, Arial, Tahoma, Helvetica, Verdana, Sans Serif;
                        color:#333333;
}
.smallfont{             font-size:11px;}

/* headlines */
h1,h1 a{                     font: bold 20px/22px Trebuchet MS, Arial, Tahoma, Helvetica, Verdana, Sans Serif;text-align:left;}
h2,h2 a{                     font: bold 18px/19px Trebuchet MS, Arial, Tahoma, Helvetica, Verdana, Sans Serif;text-align:left;}
h3,h3 a{                     font: bold 15px/17px Trebuchet MS, Arial, Tahoma, Helvetica, Verdana, Sans Serif;text-align:left;}
h4,h4 a{                     font: bold 13px/15px Trebuchet MS, Arial, Tahoma, Helvetica, Verdana, Sans Serif;text-align:left;}
h5,h5 a{                     font: bold 12px/14px Trebuchet MS, Arial, Tahoma, Helvetica, Verdana, Sans Serif;text-align:left;}
h6,h6 a{                     font: bold 11px/13px Trebuchet MS, Arial, Tahoma, Helvetica, Verdana, Sans Serif;text-align:left;}

h1, h2, h3, h4, h5, h6, form, hr, p, ul, dl{
                        padding:0px;margin:0px;}

/* fontstyles */
.normal{                font-weight:normal;}
.letterspacing1{        letter-spacing:1px;}
.letterspacing05{       letter-spacing:0.5px;}
i,.i{                   font-style:italic;}
b,.b{                   font-weight:bold;}
.nowrap{                white-space:nowrap;}

/* alignments and display */
.floatleft{             float:left;}
.floatright{            float:right;}
.both{                  clear:both;}
.top{                   vertical-align:top;}
.bottom{                vertical-align:bottom;}
.middle{                vertical-align:middle;}
.left{                  text-align:left;}
.right{                 text-align:right;}
.center{                text-align:center;}
.block{                 display:block;}
.inline{                display:inline;}
.overflow{              overflow:auto;}

/* spacer */
.pad_all{               padding:4px;}
.pad_top{               padding-top:2px;}
.pad_right{             padding-right:4px;}
.pad_bottom{            padding-bottom:2px}
.pad_left{              padding-left:4px}
.pad_v{                 padding-top:4px;padding-bottom:4px;}
.pad_h{                 padding-right:4px;padding-left:4px;}
.margin_all{            margin:4px;}
.indent{                padding-left:30px;}

/* Width */
.auto{                  width:auto;}
.size100{               width:100%}
.size95{                width:95%}
.size90{                width:90%}
.size80{                width:80%}
.size75{                width:75%}
.size70{                width:70%}
.size60{                width:60%}
.size50{                width:50%}
.size49{                width:49%}
.size45{                width:45%}
.size40{                width:40%}
.size35{                width:35%}
.size30{                width:30%}
.size25{                width:25%}
.size20{                width:20%}
.size15{                width:15%}
.size10{                width:10%}
.size5{                 width:5%}
.size1{                 width:1%}
                        
/* Horizontal rule */
h6.hr{                  border-bottom:1px solid #000000;font-size:2px;}

/* listings */
ul,ol,dl{               margin:0px 0px 0px 18px;padding:0px;display:block;}
dl,dt,dd{               margin:0px 0px 0px 14px;padding:0px;display:block;}
.li,dd{                 margin:0px;padding:0px 0px 0px 10px;display:block;display:block;}

/* common link */
a{                      color:#222222;}
a:link{                 text-decoration:underline;}
a:visited{              text-decoration:underline;}
a:hover{                text-decoration:none;}
a:active{               text-decoration:underline;}

/* underlined link */
a.underline,
a:link.underline,
a:visited.underline,
a:active.underline{     text-decoration:underline;}
a:hover.underline{      text-decoration:none;}
/* no underlined link */
a.nounderline,
a:link.nounderline,
a:visited.nounderline,
a:active.nounderline{     text-decoration:none;}
a:hover.nounderline{      text-decoration:underline;}

/* input - values*/
input,textarea,select{  margin:1px;}
.text,textarea,select{
                          border-top:1px solid #555555;
                          border-right:1px solid #aaaaaa;
                          border-bottom:1px solid #aaaaaa;
                          border-left:1px solid #555555;
                          background:#ffffff;
                          color:#000000;
                          padding:1px;
}
.button,.stdbutton,.okbutton{
                          border-top:1px solid #fff;
                          border-right:1px solid #333333;
                          border-bottom:1px solid #333333;
                          border-left:1px solid #fff;
                          background:#70BB4E;
                          color:#ffffff;
                          padding:0px 10px 0px 10px;
                          font: normal 13px/15px Trebuchet MS;
}
.okbutton{
                          background:#2C6A11;
}
.checkbox,.radio{
                          height:13px;
                          width:13px;
                          margin:4px 3px 0px 3px;
}
/* widths for input field (extend this if neccessary)*/
.box100,.box{             width:300px;}
.box200{                  width:300px;}

/* define a container for HTML paddings of h1, p, etc. */
.HTMLContainer p,
.HTMLContainer h1,.HTMLContainer h2,.HTMLContainer h3,.HTMLContainer h4,.HTMLContainer h5,.HTMLContainer h6{        
                          padding-top:8px; padding-bottom:8px;}