/* Button Styles */
.btn, .btn_2k3 {
    border: 1px solid #418653; /* Light blue border */
    padding: 4px 8px; /* Top/bottom padding 2px, left/right 4px */
    margin: 4px;
    border-radius: 4px;
    font-size: 12px; /* Font size */
    background: linear-gradient(to bottom, #2e5f3b, #418653); /* Darker gradient */
    color: white; /* Text color */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background 1s, border-color 0.3s; /* Smooth transition */
}

/* Button hover styles */
.btn:hover, .btn_2k3:hover {
    background: linear-gradient(to bottom, #418653, #54AB6A);	 /* Darker gradient on hover */
    border-color: #418653; /* Darker border color on hover */
}

/* Button active styles */
.btn:active, .btn_2k3:hover {
    background: linear-gradient(to bottom, #54AB6A, #418653); /* Darker gradient on active */
}

/* Secondary Button Style */
.btn2 {
    border: 1px solid #7BC76B; /* Green border */
    background-color: #D9D9D9; /* Darker grey background */
    padding: 4px 8px; /* Top/bottom padding 2px, left/right 4px */
    margin: 4px;
    font-size: 12px; /* Font size */
    cursor: pointer; /* Pointer cursor */
    height: 30px; /* Button height */
    transition: background 0.3s, border-color 0.3s; /* Smooth transition */
}

/* Secondary Button hover styles */
.btn2:hover {
    background-color: #B3D997; /* Change background on hover */
    border-color: #7BC76B; /* Darker border color on hover */
}

/* Table Styles */
table {
    border: 1px solid #693; /* Dark green border */
    border-spacing: 0; /* Remove spacing */
    font-family: Tahoma, sans-serif; /* Font family */
    font-size: 8pt; /* Font size */
    width: 100%; /* Full width */
}

 th {
    padding: 4px; /* Padding */
    border-bottom: 1px solid #693; /* Bottom border */
    border-right: 1px solid #693; /* Right border */
}

td {
    font-size: 9pt; /* Font size for table data */
}


/* Info Table */
.infotable {
    border: 0; /* No border */
    border-spacing: 0; /* No spacing */
}

/* General Button Styles */
.button {
    font-family: 'Default Sans Serif', sans-serif; /* Font family */
    font-size: 8pt; /* Font size */
    color: #000; /* Text color */
    border: 2px groove #FFFFFF; /* White groove border */
    cursor: pointer; /* Pointer cursor */
}

/* Medium Button */
.buttonMedium {
    background-color: #3366FF; /* Blue background */
    color: #FFFFFF; /* White text */
    padding: 4px; /* Padding */
    text-align: center; /* Centered text */
    font-family: 'Default Sans Serif', sans-serif; /* Font family */
    font-size: 8pt; /* Font size */
    border: 2px outset #FFFFFF; /* White outset border */
    cursor: pointer; /* Pointer cursor */
    transition: background 0.3s; /* Smooth transition */
}

/* Medium Button hover styles */
.buttonMedium:hover {
    background-color: #2A52D4; /* Darker blue on hover */
}

/* Hidden Width */
.button_N {
    font-family: 'Default Sans Serif', sans-serif; /* Font family */
    font-size: 8pt; /* Font size */
    color: #000; /* Text color */
    border: 2px groove #FFFFFF; /* White groove border */
    cursor: pointer; /* Pointer cursor */
    width: 76px; /* Set width */
}
