/********************/
/* Button Style  */
/********************/

/* Button*/
 
#button{
vertical-align: middle;}

#button a{ color: #ffffff;
font-family: Candara ,Helvetica,sans-serif,arial,verdana; 
font-style:normal;
font-weight:bold;
font-size:18px;
text-decoration: none;
}

#button  td{
/*margin: 2px;*/
padding:  2px 5px 2px 5px;
text-align: center;
vertical-align: middle;
border: solid 2px #ffffff;
outline: solid thin #800000;
height: 26px;
background:#800000;}

#button td.buttonblue {

background: #408080;

outline-color:  #408080;}

#button  td:hover{
/*margin: 2px;*/
padding:  2px 5px 2px 5px;
text-align: center;
vertical-align: middle;
border: solid 2px #ffffff;
outline: solid thin #800000;
height: 26px;
background:#808080}
/********************************************************************************
the smaller version
********************************************************************************/

#buttonSm{
vertical-align: middle;}

#buttonSm a{ color: #ffffff;
font-family: Candara ,Helvetica,sans-serif,arial,verdana; 
font-style:normal;
font-weight:bold;
font-size:16px;
text-decoration: none;
}

#buttonSm  td{
/*margin: 2px;*/
padding:  2px 5px 2px 5px;
text-align: center;
vertical-align: middle;
border: solid 2px #ffffff;
outline: solid thin #800000;

background:#800000}

#buttonSm  td:hover{
/*margin: 2px;*/
padding:  2px 5px 2px 5px;
text-align: center;
vertical-align: middle;
border: solid 2px #ffffff;
outline: solid thin #800000;

background:#808080}


#buttonSm  td.nobutton{
background:none;
padding:none;

}

.bigbutton{
cursor: pointer;
padding:  20px;
text-align: center;
vertical-align: middle;
border: solid 2px #ffffff;
outline: solid thin #800000;
background:#800000;
color:white;

font-style:normal;
font-weight:bold;
font-size:18px;

}

.bigbutton:hover{
background:#808080;}