html, body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   background-color: #ffffff;
}

div.sandbar-form {
   font-family: Arial, Helvetica, sans-serif;
   color: #666;
   margin: 10px;
   margin-top: 20px;
   font-size: 12px;
}

div.sandbar-form input.sandbar-textfield {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
   border: 1px solid #ccc;
   padding: 5px; 
   color: #4d4d4d;
}

div.sandbar-form textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
   border: 1px solid #ccc;
   padding: 5px; 
   color: #4d4d4d;
}

div.sandbar-form span.group-title {
 position: relative;
 left: 15px;
 top: 8px;
 font-weight: bold;
 background: white;
}

div.sandbar-form div.group {
 border: 1px solid #ccc;
 width: 96%;
 padding: 10px;
}

div.sandbar-form div.group-checkbox {
 margin: 10px;
}

div.sandbar-form input.sandbar-button {
   font: arial,sans-serif
   padding: 5px;
   font-size: 17px;
   color: #4d4d4d;
}

div.sandbar-form div.login-form {
   display: inline-block;
}

div.sandbar-form div.login-buttons {
   padding-top: 5px;
   text-align: center;
}

div.sandbar-form div.error-message {
   height: 24px;
   padding-left: 24px;
   background: url(../images/warning.png) no-repeat 4px 0px;
   color: red;
   vertical-align: bottom;
}

div.sandbar-form div.field-label {
   padding-top: 3px;
   margin-bottom: 5px;
   font-weight: bold;
}

div.sandbar-form span.field-label {
   padding-top: 3px;
   font-weight: bold;
}

div.sandbar-form div.field-label span.required {
   padding-left: 3px;
   color: orange;
}

div.error, div.message, div.warning, div.help {
   background-color: #ffffcc;
   border: 1px solid #ccc;
   color: #666;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   margin-top: 10px;
   margin-left: 20px;
   margin-right: 20px;
   padding: 5px;
   text-align: left;
   vertical-align: bottom;
}

div.error:empty, div.message:empty, div.warning:empty, div.help:empty {
  display: none;
}

/* use a different color for the errors */
div.error {
   background: #ffffcc url(../images/error.png) no-repeat 3px 3px;
   padding-left: 22px;
   border: 1px solid red;
}

div.warning {
   background: #ffffcc url(../images/warning.png) no-repeat 3px 3px;
   padding-left: 22px;
   border: 1px solid yellow;
}

div.message {
   background: #ffffcc url(../images/about.png) no-repeat 3px 3px;
   padding-left: 22px;
}

div.help {
   background: #ffffcc url(../images/help.png) no-repeat 3px 3px;
   padding-left: 22px;
}

a.quick-missing-page {
   border-bottom:1px dashed #C9982c;
   color: #C9982c;
   text-decoration:none;
}