/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gradientbuttons ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px Verdana;
list-style-type: none;
white-space: normal;
line-height: 32px;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.gradientbuttons li{
white-space: nowrap;
display: inline;
margin: 0;
}

.gradientbuttons li a{
text-decoration: none;
padding: 5px 7px;
margin-right: 5px;
border: 1px solid #778;
color: white;
border:1px solid gray;
background: #3282c2;
border-radius: 8px; /*w3c border radius*/
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
-moz-border-radius: 8px; /* mozilla border radius */
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4); /* mozilla gradient background */
-webkit-border-radius: 8px; /* webkit border radius */
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4)); /* webkit gradient background */
}

.gradientbuttons li a:hover{
font-size:12px;
background: black;
color: #FFFFFF;
background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%, #686868 85%, #9f9f9f);
background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a), color-stop(85%, #686868), to(#9f9f9f));
}

.redtheme li a{
font-size:12px;
background: darkred;
background: -moz-linear-gradient(center top, #f5795d, #e55e3f 25%, #d02700 45%, #e55e3f 85%, #f5795d);
background: -webkit-gradient(linear, center top, center bottom, from(#f5795d), color-stop(25%, #e55e3f), color-stop(45%, #d02700), color-stop(85%, #e55e3f), to(#f5795d));
}

.greentheme li a{
font-size:12px;
background: green;
background: -moz-linear-gradient(center top, #7ad690, #3ec05c 25%, #298a40 45%, #3ec05c 85%, #7ad690);
background: -webkit-gradient(linear, center top, center bottom, from(#7ad690), color-stop(25%, #3ec05c), color-stop(45%, #298a40), color-stop(85%, #3ec05c), to(#7ad690));
}

.blacktheme li a{
font-size:16px;
background: black;
background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%, #686868 85%, #9f9f9f);
background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a), color-stop(85%, #686868), to(#9f9f9f));
}

.orangetheme li a{
font-size:14px;
background: #e55e3f;
background: -moz-linear-gradient(center top, #ecad9a, #e5937c 25%, #cf4c2a 45%, #e5937c 85%, #ecad9a);
background: -webkit-gradient(linear, center top, center bottom, from(#ecad9a), color-stop(25%, #e5937c), color-stop(45%, #cf4c2a), color-stop(85%, #e5937c), to(#ecad9a));
}

/*.asitheme li a {
font-size:12px;
background-color: #F4EBBD;
color: #007398;
background: -moz-linear-gradient(center top, #F4EBBD, #b7b08e 100%, #868168 100%, #24231c 100%, #F4EBBD);
background: -webkit-gradient(linear, center top, center bottom, from(#F4EBBD), color-stop(100%, #b7b08e), color-stop(100%, #868168), color-stop(100%, #24231c), to(#F4EBBD));
}*/

.asitheme li a {
font-size:12px;
color: #00558c;
background: #d9e1e2; /* Old browsers */
background: -moz-linear-gradient(top, #d9e1e2 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9e1e2), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d9e1e2 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d9e1e2 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d9e1e2 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom, #d9e1e2 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e1e2', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.asitheme li a:hover {
color:#E5F5C0;
background: #658d1b; /* Old browsers */
background: -moz-linear-gradient(top, #658d1b 0%, #78be20 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#658d1b), color-stop(100%,#78be20)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #658d1b 0%,#78be20 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #658d1b 0%,#78be20 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #658d1b 0%,#78be20 100%); /* IE10+ */
background: linear-gradient(to bottom, #658d1b 0%,#78be20 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#658d1b', endColorstr='#78be20',GradientType=0 ); /* IE6-9 */
}

.gradientbuttons li a.buttonSelected {
color:#FFE7DB;
background: #dc4405; /* Old browsers */
background: -moz-linear-gradient(top, #ff9d6e 0%, #dc4405 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d6e), color-stop(100%,#dc4405)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff9d6e 0%,#dc4405 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff9d6e 0%,#dc4405 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff9d6e 0%,#dc4405 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff9d6e 0%,#dc4405 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d6e', endColorstr='#dc4405',GradientType=0 ); /* IE6-9 */
}

.largeGradientButtons li a, .largeGradientButtons li a:hover {
	padding:7px;
	letter-spacing: 1px;
	font-size:15px;
}

.asithemeBlue li a {
background: #8ecee8; /* Old browsers */
color:#E3ECF2;
background: -moz-linear-gradient(top, #8ecee8 0%, #1e81a9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ecee8), color-stop(100%,#1e81a9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8ecee8 0%,#1e81a9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8ecee8 0%,#1e81a9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8ecee8 0%,#1e81a9 100%); /* IE10+ */
background: linear-gradient(to bottom, #8ecee8 0%,#1e81a9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ecee8', endColorstr='#1e81a9',GradientType=0 ); /* IE6-9 */
}

.asithemeBlue li a:hover {
font-size: inherit;
background: black;
color: #FFFFFF;
background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%, #686868 85%, #9f9f9f);
background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a), color-stop(85%, #686868), to(#9f9f9f));
}


.asithemeGreen li a {
background: #82CA9D; /* Old browsers */
color:#F3FAF6;
background: -moz-linear-gradient(top, #82CA9D 0%, #007236 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82CA9D), color-stop(100%,#007236)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #82CA9D 0%,#007236 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #82CA9D 0%,#007236 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #82CA9D 0%,#007236 100%); /* IE10+ */
background: linear-gradient(to bottom, #82CA9D 0%,#007236 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82CA9D', endColorstr='#007236',GradientType=0 ); /* IE6-9 */
}

.asithemeGreen li a:hover {
font-size: inherit;
background: black;
color: #FFFFFF;
background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%, #686868 85%, #9f9f9f);
background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a), color-stop(85%, #686868), to(#9f9f9f));
}


