body { width: 50em; font-size: 90%; font-family: Verdana, sans-serif;
       margin: 0 auto; color: black;
       background: #fdfdfd url('background.png') repeat top left;
       border: 2px solid #be6500; border-top: 0; border-bottom: 0;}
h1, h2, h3 { border-bottom: 1px dotted black; font-family: Georgia, serif; }
h1 { font-size: 150% }
h2 { font-size: 133% }
h3 { font-size: 115% }
table  { border-collapse: collapse; font-size: 90%;
         margin-bottom: 1em;}
iframe { width: 45em; }
p { text-align: justify }
blockquote > p { font-style: italic; text-align: right; }
dt { font-weight: bold; }
dd { margin-bottom: 0.75em; }

a { text-decoration: none; }
a:link { color: #be6500; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #be6500; }
a img { border: none; }

textarea         {  border: 1px solid #bd9465; background-color: #efefef}
textarea:active,
textarea:hover   { background-color: #fdfdfd; min-width: 300px; }
input, button    { background-color: #f4f4f4; border: 1px outset #003366; }
input[type=text]:hover,
input[type=text]:active { background-color: #fdfdfd;}
select           { background-color: #f4f4f4;}

div.row { margin-top: 1em; }
div.row div.label { background: #fe8700; padding: 0.2em; display: inline; }
div.row div.field { display:block; padding-top: 1px; }
div.row span.error { background: red; padding: 0.2em; display: inline; }

#sortable, #sortable th, #sortable td { border: 1px solid black; }
#sortable thead th { background-color: #ffed7b; color: black; }

#visualBodyWrapper { border: 2em solid white; border-top: 0; border-bottom: 0;
                     background: #fdfdfd; }
#visualContentWrapper { padding-top: 0.1em; border-top: 2px solid #fe8700; }

#toolbar { width: 100%;}
#sidebar { width: 140px; float: left;}
#content { font-size: 90%; min-height: 42em;
           margin-top: 0.4em; margin-right: 0.5em; margin-left: 150px;
           padding-left: 1em; padding-right: 1em;}
#footer { text-align: center; border-top: 1px dotted black; font-size: 75%;
          margin-top: 3em; padding: 1em; }
#footer > p { text-align: center; }

/* Sidebar boxes */
.box { margin: 1em 0.5em; font-size: 80%;
       border-top: 1px solid black; border-bottom: 1px solid black; }
.box h1 { font-family: Verdana, sans-serif;
          padding: 0.25em; font-size: 8pt; text-align: left; margin: 0;
          background-color: #fe8700; border-bottom: 1px solid black; }

/* Logo */
#logo { background: white url("logobg.png") no-repeat top right;
        margin-top: 0; margin-bottom: 0.5em;}

/* Login */
#login_logout { float: right; margin-top: 2em; }
#toolbar > #login_logout { margin-top: 0; }
#login_logout h1 { font-size: 80%; display: inline; }

/* Actions */
#actions { border-top: 10px solid #fe8700; padding: 0.2em; }
#actions ul { background-color: transparent; list-style: none; 
              margin: 0; padding: 0; text-align: left;}
#actions li { display: inline; font-size: 80%; }
#actions ul li a { color: #be6500; padding: 0em 0.7em;
                   border-left: 1px solid black; }

/* Addmenu */
#addmenu { float: right; margin-top: 0.3em;  }

/* Breadcrumbs */
#breadcrumbs { border-top: 3px solid #fe8700;
               padding: 0.2em; font-size: 80%; }

/* Tabs */
#tabs { padding-top: 0.5em; margin-top: 1em; font-size: 80%; }
#tabs ul { white-space: nowrap; list-style: none; padding: 0;
           margin: 0; margin-bottom: -2px; }
#tabs ul li { display: inline; }
#tabs ul li a { background-color: white; color: black;
                padding: 0em 1.25em; padding-bottom: 0;
                border: 2px solid #fe8700; border-bottom: 0;
                text-decoration: none; text-transform: lowercase;
                background-color: #fe8700; }
#tabs ul li a.selected { padding-top: 0.5em; background-color: white; 
                         border-top: 5px solid #fe8700;}
#tabs ul li a:hover { background-color: white; }