@charset "UTF-8";
/* CSS Document */
/*This is a solid green button*/
.solid_green_button {
background-color:#008000;
font-family:sans-serif;
color:white;
cursor:pointer;
height:45px;
border:2px #32CD32 solid;
box-shadow: 2px 2px 3px #32CD32;
border-radius: 10px;
}
.solid_green_button:hover {
background-color:#32CD32;
font-family:sans-serif;
color:white;
height:45px;
border:2px #008000 solid;
box-shadow: -2px -2px 3px #008000;
border-radius: 10px;
}
/*This is a gradient green button*/
.gradient_green_button {
background: rgb(180,221,180); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(180,221,180,1) 0%, rgba(131,199,131,1) 11%, rgba(82,177,82,1) 29%, rgba(0,138,0,1) 63%, rgba(0,87,0,1) 84%, rgba(0,36,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,221,180,1)), color-stop(11%,rgba(131,199,131,1)), color-stop(29%,rgba(82,177,82,1)), color-stop(63%,rgba(0,138,0,1)), color-stop(84%,rgba(0,87,0,1)), color-stop(100%,rgba(0,36,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(180,221,180,1) 0%,rgba(131,199,131,1) 11%,rgba(82,177,82,1) 29%,rgba(0,138,0,1) 63%,rgba(0,87,0,1) 84%,rgba(0,36,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(180,221,180,1) 0%,rgba(131,199,131,1) 11%,rgba(82,177,82,1) 29%,rgba(0,138,0,1) 63%,rgba(0,87,0,1) 84%,rgba(0,36,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(180,221,180,1) 0%,rgba(131,199,131,1) 11%,rgba(82,177,82,1) 29%,rgba(0,138,0,1) 63%,rgba(0,87,0,1) 84%,rgba(0,36,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(180,221,180,1) 0%,rgba(131,199,131,1) 11%,rgba(82,177,82,1) 29%,rgba(0,138,0,1) 63%,rgba(0,87,0,1) 84%,rgba(0,36,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */

font-family:sans-serif;
color:white;
cursor:pointer;
height:45px;
border:2px #32CD32 solid;
box-shadow: 2px 2px 3px #32CD32;
border-radius: 10px;
}
.gradient_green_button:hover {
background: rgb(201,222,150); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(201,222,150,1) 0%, rgba(138,182,107,1) 51%, rgba(138,182,107,1) 62%, rgba(138,182,107,1) 62%, rgba(57,130,53,1) 98%, rgba(57,130,53,1) 100%, rgba(57,130,53,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,222,150,1)), color-stop(51%,rgba(138,182,107,1)), color-stop(62%,rgba(138,182,107,1)), color-stop(62%,rgba(138,182,107,1)), color-stop(98%,rgba(57,130,53,1)), color-stop(100%,rgba(57,130,53,1)), color-stop(100%,rgba(57,130,53,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 51%,rgba(138,182,107,1) 62%,rgba(138,182,107,1) 62%,rgba(57,130,53,1) 98%,rgba(57,130,53,1) 100%,rgba(57,130,53,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 51%,rgba(138,182,107,1) 62%,rgba(138,182,107,1) 62%,rgba(57,130,53,1) 98%,rgba(57,130,53,1) 100%,rgba(57,130,53,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 51%,rgba(138,182,107,1) 62%,rgba(138,182,107,1) 62%,rgba(57,130,53,1) 98%,rgba(57,130,53,1) 100%,rgba(57,130,53,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 51%,rgba(138,182,107,1) 62%,rgba(138,182,107,1) 62%,rgba(57,130,53,1) 98%,rgba(57,130,53,1) 100%,rgba(57,130,53,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */

font-family:sans-serif;
color:white;
height:45px;
border:2px #008000 solid;
box-shadow: -2px -2px 3px #008000;
border-radius: 10px;
}

/*This is a solid blue button*/
.solid_blue_button {
background-color:#000080;
font-family:sans-serif;
color:white;
cursor:pointer;
height:45px;
border:2px #0000FF solid;
box-shadow: 2px 2px 3px #0000FF;
border-radius: 10px;
}
.solid_blue_button:hover {
background-color:#0000FF;
font-family:sans-serif;
color:white;
height:45px;
border:2px #000080 solid;
box-shadow: -2px -2px 3px #000080;
border-radius: 10px;
}

/*This is a gradient blue button*/
.gradient_blue_button {
background: rgb(184,198,223); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(184,198,223,1) 3%, rgba(184,198,223,1) 3%, rgba(109,136,183,1) 20%, rgba(109,136,183,1) 20%, rgba(109,136,183,1) 23%, rgba(109,136,183,1) 45%, rgba(109,136,183,1) 61%, rgba(109,136,183,1) 61%, rgba(109,136,183,1) 78%, rgba(109,136,183,1) 78%, rgba(184,198,223,1) 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(3%,rgba(184,198,223,1)), color-stop(3%,rgba(184,198,223,1)), color-stop(20%,rgba(109,136,183,1)), color-stop(20%,rgba(109,136,183,1)), color-stop(23%,rgba(109,136,183,1)), color-stop(45%,rgba(109,136,183,1)), color-stop(61%,rgba(109,136,183,1)), color-stop(61%,rgba(109,136,183,1)), color-stop(78%,rgba(109,136,183,1)), color-stop(78%,rgba(109,136,183,1)), color-stop(98%,rgba(184,198,223,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(184,198,223,1) 3%,rgba(184,198,223,1) 3%,rgba(109,136,183,1) 20%,rgba(109,136,183,1) 20%,rgba(109,136,183,1) 23%,rgba(109,136,183,1) 45%,rgba(109,136,183,1) 61%,rgba(109,136,183,1) 61%,rgba(109,136,183,1) 78%,rgba(109,136,183,1) 78%,rgba(184,198,223,1) 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(184,198,223,1) 3%,rgba(184,198,223,1) 3%,rgba(109,136,183,1) 20%,rgba(109,136,183,1) 20%,rgba(109,136,183,1) 23%,rgba(109,136,183,1) 45%,rgba(109,136,183,1) 61%,rgba(109,136,183,1) 61%,rgba(109,136,183,1) 78%,rgba(109,136,183,1) 78%,rgba(184,198,223,1) 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(184,198,223,1) 3%,rgba(184,198,223,1) 3%,rgba(109,136,183,1) 20%,rgba(109,136,183,1) 20%,rgba(109,136,183,1) 23%,rgba(109,136,183,1) 45%,rgba(109,136,183,1) 61%,rgba(109,136,183,1) 61%,rgba(109,136,183,1) 78%,rgba(109,136,183,1) 78%,rgba(184,198,223,1) 98%); /* IE10+ */
background: linear-gradient(135deg,  rgba(184,198,223,1) 3%,rgba(184,198,223,1) 3%,rgba(109,136,183,1) 20%,rgba(109,136,183,1) 20%,rgba(109,136,183,1) 23%,rgba(109,136,183,1) 45%,rgba(109,136,183,1) 61%,rgba(109,136,183,1) 61%,rgba(109,136,183,1) 78%,rgba(109,136,183,1) 78%,rgba(184,198,223,1) 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c6df', endColorstr='#b8c6df',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


font-family:sans-serif;
color:white;
cursor:pointer;
/*height:45px; */
/*line-height:45px;*/
border:2px #0000FF solid;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
box-shadow: 2px 2px 3px #000080;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
text-align:center;
/* these are specifically for spans used as buttons */
vertical-align: middle; /* positions text vertically in middle of span */
display:inline-block;

}
.gradient_blue_button:hover {
background: rgb(122,188,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 42%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(42%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 42%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 42%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 42%,rgba(64,150,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 42%,rgba(64,150,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

font-family:sans-serif;
color:white;
/*height:45px;*/
/*line-height:45px;*/
text-align:center;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;

border:2px #000080 solid;
box-shadow: -2px -2px 3px #000080;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
/* these are specifically for spans used as buttons */
vertical-align: middle; /* positions text vertically in middle of span */
display:inline-block;

}


/*This is a solid red button*/
.solid_red_button {
background-color:#8B0000;
font-family:sans-serif;
color:white;
cursor:pointer;
height:45px;
border:2px #B22222 solid;
box-shadow: 2px 2px 3px #B22222;
border-radius: 10px;
}
.solid_red_button:hover {
background-color:#B22222;
font-family:sans-serif;
color:white;
height:45px;
border:2px #8B0000 solid;
box-shadow: -2px -2px 3px #8B0000;
border-radius: 10px;
}

/*This is a gradient red button*/
.gradient_red_button {
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(109,0,25,1) 50%, rgba(109,0,25,1) 58%, rgba(132,2,32,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(50%,rgba(109,0,25,1)), color-stop(58%,rgba(109,0,25,1)), color-stop(100%,rgba(132,2,32,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 50%,rgba(109,0,25,1) 58%,rgba(132,2,32,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 50%,rgba(109,0,25,1) 58%,rgba(132,2,32,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 50%,rgba(109,0,25,1) 58%,rgba(132,2,32,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 50%,rgba(109,0,25,1) 58%,rgba(132,2,32,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#840220',GradientType=0 ); /* IE6-9 */

font-family:sans-serif;
color:white;
cursor:pointer;
/*height:45px;*/
/*line-height:45px;*/ /* used for spans */
border:2px #B22222 solid;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
box-shadow: 2px 2px 3px #B22222;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
/* these are specifically for spans used as buttons */
vertical-align: middle; /* positions text vertically in middle of span */
display:inline-block;
}

.gradient_red_button:hover {
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(239,3,0,1) 100%, rgba(132,2,32,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(100%,rgba(239,3,0,1)), color-stop(100%,rgba(132,2,32,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(239,3,0,1) 100%,rgba(132,2,32,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(239,3,0,1) 100%,rgba(132,2,32,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(239,3,0,1) 100%,rgba(132,2,32,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(239,3,0,1) 100%,rgba(132,2,32,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#840220',GradientType=0 ); /* IE6-9 */

cursor:pointer;
font-family:sans-serif;
color:white;
/*height:45px;*/
/*line-height:45px;*/ /* used for spans */
border:2px #8B0000 solid;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
box-shadow: -2px -2px 3px #8B0000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
/* the following styles apply to using spans as buttons */
vertical-align: middle; /* positions text vertically in middle of span */
display:inline-block;

}