/* needed for the showhide javascript */
button {
    text-align: center;
    background-color: #ffffff;
    color: #20460b;
    border-width: medium;
    border-color: #20460b;
	cursor: hand;
	cursor: pointer;
}
button.open {
    width: 25px;
	font-weight: bold;
	font-size: medium;
	color: #73bb4f;
    background-color: #20460b;
    border-width: thin;
    border-color: #73bb4f;
}
a {
	cursor: hand;
	cursor: pointer;
}
.hide{
    display: none;
}
.show{
    display: block;
}
/* accordion class */
#accord {
    margin:10px auto;
}
/* accordion panel class */
.acc {
    display:block;
    margin:0;
    padding:0;
    clear:both;
    text-align:left;
    font-weight:500;
    font-size:12pt;
    color: #20460b;
    width:250;
}
/* accordion header style */
#accord .ui-accordion-header {
    background: transparent;
    color: #20460b;
    font-family:Fresca, sans-serif;
    font-weight:bold;
    font-size:16pt;
    border-style:solid;
    border-width:4px;
    border-color:#20460b;
    border-radius:16px;
}
/* accordion body style */
#accord .ui-accordion-content {
    background:transparent;
    color: #20460b;
    font-family:Fresca, sans-serif;
    border-style:solid;
    border-width:4px;
    border-color:#20460b;
    border-radius:16px;
    padding:5px;
}
/* custom icons for accordions - must have the !important to override the defaults */
.ACright {
    background-image:url(scans/ACrightg.png) !important;
    background-size:35px 35px;
    width:35px;
    height:35px;
}
.ACdown {
    background-image:url(scans/ACdowng.png) !important;
    background-size:35px 35px;
    width:35px;
    height:35px;
}
/* NOTE

This top margin change is to tweak the accordion header icon margin to
make it center vertically when the icons are very large.  The more
negative the number, the higher the icon will move.  You have to
include selectors for the IDs you're going to use before the class
name.  If not the normal accordion icons will be way too high.
*/
#accord .ui-accordion-header-icon {
    margin-top:-17px !important;
}