/*******************************
 *        DPP app style        * 
 *******************************/
/* reset spacing */
body.dpp, .dpp div, .dpp ul, .dpp li, .dpp h1, .dpp h2, .dpp h3 { margin: 0; padding: 0; border: 0; }

/* generic styles */
body.dpp { font-family: arial; font-size: 0.8em; }
.dpp a, .dpp input { color: #781351; }
td, th { text-align: left; }

/* purple borders */
.dpp legend, .dpp input, .dpp fieldset { border: 1px #781351 solid; }

/* compound borders */
.dpp .border { border: 1px #9a9a9a solid; padding: 1px; }
.dpp .innerborder { padding: 2px; background-color: #eeeeee; }

/* links - hover effect */
.dpp a:active, .dpp a:link, .dpp a:visited, .dpp a:hover { text-decoration: none; }
.dpp a:hover { text-decoration: underline; }

/* headers */
.dpp h1, .dpp h2, .dpp h3 { background: url() repeat-x top left; text-align: center; }
.dpp h1 { padding: 10px 0; }
.dpp h2 { background-image: url(../images/h2.jpg); height: 41px; padding-top: 5px; }
.dpp h3 { background-image: url(../images/h3.jpg); min-height: 20px; }

/* fields & forms */
.dpp fieldset { width: 20em; }
.dpp legend { color: #fff; background: #ffa20c; padding: 4px 8px }
.dpp input { background: #fee3ad; }
.dpp label { font-weight: bold; font-style: italic; }
.dpp .tdSubmit { text-align: right; }

/* left box styles */
.dpp #left { width: 225px; float: left; padding-top: 10px; }
.dpp #left p { margin-left: 30px; text-align: center; font-style: italic; }
.dpp #left p .user { font-weight: bold; }
.dpp #left a img { border: 0; }
.dpp #left ul { border: 0; margin: 0 5px; padding: 0; list-style-type: none; }
.dpp #left ul li { margin-bottom: 5px; }
.dpp #left ul li div.button { float:left; text-align: center; }
.dpp #left ul li div.button a { background-color: #eeeeee; display: block; width: 19px; height: 19px; text-decoration: none; }
.dpp #left ul ul { margin: 0; }
.dpp #left ul li ul li { margin-bottom: 0; }
.dpp #left ul li div.nav { margin-left: 25px; }

/* main box styles */
.dpp #main { margin: 0 50px 0 255px; }
.dpp #main .innerborder .pad { padding: 15px; }
.dpp #main .innerborder ul { list-style-image: url(../images/bullet.jpg); padding: 0 25px; }