/* ------------------------------------------------------------------------ 
 * Generic styles used by the framework -- most these are  styles for
 * browsing DBTables or for displaying form inputs when editing.
 * These styles were NOT in the original AcornShop.
 * ------------------------------------------------------------------------ */

/* Browsing */
/* Make these different colors if you like alternating row background colors */
/*	.DataRow1 {background-color:#f1f1f1; } */
/*	.DataRow2 {background-color:#fafafa;} */

.DataRow1 {background-color:#fff; }
.DataRow2 {background-color:#fff;}

.DataRow1 td {border-bottom: 1px solid #ccc;}
.DataRow2 td {border-bottom: 1px solid #ccc;}

.LabelRow td {font-size:11px; font-weight:bold; color:#666; border-bottom: 1px solid #ccc;}
.LabelCell {font-size:11px; font-weight:normal; color:#666; }

.flag {padding:10px; margin:20px; border:1px orange solid; background-color:#ffffcc; width:90%}
.error {padding:10px; margin:20px; border:1px red solid; background-color:#ffcccc; width:90%}
		
input.input  {width:350px;}
.innertable td {padding-bottom:6px;}


/* Form inputs */

select {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   border-width: 1px;
   border-style: solid;
   border-color:#898989;
   font-weight:normal;
   width:400px;
}

textarea.input  {width:350px;}

textarea {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   border-width: 1px;
   border-style: solid;
   border-color:#898989;
   color: #000000;
   width:400px;
   height:100px;
}

input {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: #000000;
   border-width: 1px;
   border-bottom-width: 1px;
   border-style: solid;
   border-color:#ddd;
   vertical-align: middle;
}

input.text {
   width:400px;
}
input.small {
   font-size: 11px; 
   width:450px;
}

input.checkbox {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: #000000;
   border-width: 0px;
   border-bottom-width: 0px;
   border-style: none;
   vertical-align: middle;
   padding-left:0px;
   width:10px;
}

.status {padding:10px; margin-bottom:12px; border:1px #898989 solid; background-color:#e7eef2; width:90%;}
.error {padding:10px; margin-bottom:12px; border:1px red solid; background-color:#ffcccc; width:90%}

.fineprint {font-family:Trebuchet MS, Verdana; color:#444;font-size:12px;}
/* Make sure width for fineprint div == width for input.text */
div.fineprint {padding-top:2px;width:400px;}

.validationerror {font-family:Trebuchet MS, Verdana;color:red;font-size:11px;}
div.validationerror {padding-top:2px;width:90%;}