body { 
    font-family: Verdana,Geneva,sans-serif;
    font-size: .8em;
    background-color: #DDDDDD;
    color: black;
    margin: 0px;
    overflow: hidden;
    min-width:600px;      
}

a { color: darkblue; text-decoration: none; }


.zoabutton {
    box-shadow:
    0px 1px 3px rgba(0,0,0,0.5),
    inset 0px 0px 1px rgba(255,255,255,0.5);

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e8faff), color-stop(1, #d5e0f2) );
    background:-moz-linear-gradient( center top, #e8faff 5%, #d5e0f2 100% );
    /*	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8faff', endColorstr='#d5e0f2');*/
    background-color:#e8faff;
    border-radius:6px;
    border:2px solid #63686e;
    display:inline-block;
    color:#000214;
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    padding:1px 6px;
    text-decoration:none;
    text-shadow:1px 1px 0px #c2c7cc;
    -moz-user-select:none;
    -webkit-user-select:none;
}
.zoabutton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d5e0f2), color-stop(1, #e8faff) );
    background:-moz-linear-gradient( center top, #d5e0f2 5%, #e8faff 100% );
    /*	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e0f2', endColorstr='#e8faff');*/

    background-color:#d5e0f2;
}
.zoabutton:active {
    position:relative;
    top:1px;
}

.zoabuttondisabled {
    background-color:#dddddd;
    border-radius:6px;
    border:2px solid #63686e;
    display:inline-block;
    color:#000214;
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    padding:1px 6px;
    color:#555555;
    text-decoration:none;
    text-shadow:1px 1px 0px #c2c7cc;
}
/*disabled button has no hover or active */


.makebutton {
    box-shadow:
    0px 1px 3px rgba(0,0,0,0.5),
    inset 0px 0px 1px rgba(255,255,255,0.5);

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffe8fa), color-stop(1, #e0d5f2) );
    background:-moz-linear-gradient( center top, #ffe8fa 5%, #e0d5f2 100% );
    /*	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8faff', endColorstr='#d5e0f2');*/
    background-color:#e8faff;
    border-radius:6px;
    border:2px solid #63686e;
    display:inline-block;
    color:#000214;
    font-family:Verdana;
    font-size:13px;
    font-weight:bold;
    padding:2px 8px;
    text-decoration:none;
    text-shadow:1px 1px 0px #c2c7cc;
    -moz-user-select:none;
    -webkit-user-select:none;
}
.makebutton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e0d5f2), color-stop(1, #ffe8fa) );
    background:-moz-linear-gradient( center top, #e0d5f2 5%, #ffe8fa 100% );
    /*	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e0f2', endColorstr='#e8faff');*/

    background-color:#d5e0f2;
}
.makebutton:active {
    position:relative;
    top:1px;
}


/* This imageless css button was generated by CSSButtonGenerator.com */



/*this doesn't work*/
.unselectable {
    -moz-user-select:none;
    -webkit-user-select:none;
}


.overlay {
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
/*    background-image:url('grayout.PNG');*/
}

.inner_overlay {
    position:relative;
    top:30%;
    border-radius:10px;
    display:none;
    width:150px;
    margin:2px auto;
    background-color:#fff;
    border:3px solid #4488AA;
    padding:10px;
    text-align:center;
}