/* fox.css version 2026-02-20 */
/* new MessageForm and Forum styling */
/* this expects a div or table as class 'messagebox' surrounding all elements */

.messagebox {margin:8px 0 0 0;
            border-right:1px solid #ccc;
            border-bottom:1px solid #ccc;
	    }
.messageheader, .messagefooter {
            padding:0 0 0 3px;
            border-top:1px solid #ccc;
            border-left:1px solid #ccc;
            background:#e7e7e7;
            height:1.3em;
            }
.messageauthor {
	    padding:2px 3px;
            border-top:1px solid #ccc;
            border-left:1px solid #ccc;	    
	    }
.messagesubject {
	    margin:0 0 0px 0;
	    padding:0 3px;
        border-top:1px solid #ccc;
        border-left:1px solid #ccc;
        background:#efefef;
        height:1.3em;
        } 
.messagetext {
            margin:0;
            padding:3px;
            border-top:1px solid #ccc;
            border-left:1px solid #ccc;
            background:#f7f7f7;
            }

/* older CommentBoxPlus compatible styling */
.messagehead {
            margin:1em 0 0 0;
            padding:0 0 0 3px;
            border:1px solid #ccc;
            background:#e7e7e7;
            }
.messageitem {
            margin:0;
            padding:3px;
            border-right:1px solid #ccc;
            border-bottom:1px solid #ccc;
            background:#f7f7f7;          
            }
  
.messagehead h5, .messagehead h4 { margin:0.25em 0 0 0; }
/*use the following if message head should be same as message item */
/* .messagehead { background:#f7f7f7; border-bottom:none; } */

.inputtext { background:#f7f7f7; 
			 border:1px solid #ccc;
             margin:0 0 3px 0;
             }

/* Fox delete button & link */
.foxdelbutton {
	display:inline; 
	margin:0; 
	}
.foxdelbutton input {
	font-size: 80%;
	padding:0px; margin:0px;
	cursor: pointer;
	}
.foxdelbutton input:hover { 
    color:#990000;
    }
a.foxdellink, a.foxeditlink { 
	font-size:83%; 
	font-family:Arial;
	} 
a.foxdellink:hover, a.foxeditlink:hover {
	text-decoration:none;
	} 

/* FoxCSV buttons */
form.csvbuttons, #csvform-edit { display:inline!important;white-space:nowrap; }
.csvbuttons input, .csvbuttons button { display: inline!important; }

.csvtoolbar { 
    background:#fdf0d7; 
    padding:0.1em 0.5em;
    border:1px solid #cfcfcf; 
    }

/* FoxCSV table, adding lines under rows */
.csvtable {  border-collapse: collapse; }
/*.csvtable td, .csvtable th, */
.csvtable tr  { border-bottom: 1px solid #cccccc; }

.csvactionbutton { font-size:0.75em; }
/* csv add, edit, delete buttons and input submit button styling 2026-02-17 */
.inputbutton { 
    vertical-align:middle;
    background: hsl(50 100 90); 
    border: 1px solid hsl(50 100 50);
    border-radius: 4px; 
    box-shadow: 1px 1px hsl(50 100 40);
    cursor:pointer;
    }
button.addbutton { color:hsl(140 100 30); font-size:0.75em;}    
button.editbutton { color:hsl(230 100 60); font-size:0.75em; margin-right:.3em;}
button.deletebutton { color:hsl(0 100 65); font-size:0.75em;}
.inputbutton:hover { 
    background:hsl(50 100 70); 
    border:1px solid hsl(50 100 50); 
    box-shadow: 2px 2px hsl(50 100 40);
}    
button.imagebutton { /*class imagebutton only set when image is loaded as button label*/
    background: white; 
    border: 1px solid white;
    height:20px; 
    box-shadow: none;
    padding:2px 3px 0 3px; margin:0; 
    cursor: pointer;
}
button.imagebutton:hover { box-shadow: none; } 
#content button.imagebutton img { box-shadow:none; } /*override amber skin img shadow */

.csvbuttons {white-space:nowrap; } /* for add/edit/delete button div */