/* gradient.css Copyright 2012 geneDumas at sbcglobal dot net
	2012201
*/

.baroptions {
	/*float: none;  none lets bar cover area width */
	float: left; /* needs width: to cover to right; menu buttons on bar can wrap */
	line-height: 4em;
	margin: 0;
	/* padding: 4px 4px 4px 4px; Causes bar to go over right margin to edge. */
	position: relative;/* absolute; 	  	height: auto; */
	/*top: 0;	right: 8px; left: 8px;*/
	width: 100%;
	/*text-align: left;*/
}

/*.btnoptions { float: left; }*/

.btnoptions { /*	margin: 4px;  add space before margin-left: 2em;
	display: inline; */
	/* float: left; */
	margin-left: 8px;
}

/* 	display: inline from center to left align; */
.btnoptions ul li {
	 float: left;	/* for horzional buttons that wrap */
	 /* float: none; for wide bars stacked */
}

.btnoptions ul li a {	/* Button Size */
	font-size: 1.5em; line-height: 2.0em; /*  Normal */
	/* font-size: 1.5em;	line-height: 2.5em;  Medium */
	/* font-size: 3.0em; line-height: 2.0em;  Large */
	/* Default Changes */
	
	/*vertical-align: bottom;*/
	/* Copy here one of the theme options. Default: blue */

}
.btnsize10 ul li a { font-size: 1.0em; }
.btnsize15 ul li a { font-size: 1.5em; }
.btnsize20 ul li a { font-size: 2.0em; }
.btnsize25 ul li a { font-size: 2.5em; }


.gradbtn {
	float: none;			/* play nicely with others */
	font-family: 'Courier New', Courier, Verdana, Helvetica ;
	/* font-family: Helvetica, Verdana, 'Courier New', Courier; */
	/*	font-size: 1.2em; */
	font-size: 1.0em;	/* this (and also below) sets the menu's font size */
	font-weight: bold;
	/* width: 100%; 	 want the menu to fill the available space */
	margin: 0;
	padding: 0;/*4px 2px;*/
	padding-left: 8px;
	position: relative;	/* establish a menu-relative positioning context */
	/*text-align: left;*/
}

/* Horizonal Menu Gradient added UL tag for IE 8 and less. */
.gradbtn ul {
	/*float: none;*/
	/*font-family: Verdana;*/
	/*font-size: 1em;13px;	font-weight: bold;*/
	list-style-type: none;
	margin: 0;
	padding: 0;/*3px 0;*/
	text-align: center;/* Set to left, center, or right to align the menu as desired*/
}

.gradbtn ul li {
	display: inline;
	/*display: inline-block; this is the same as inline with float: left; */
	margin: 4px 0 4px 0;
}

.gradbtn ul li a { 
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: block;
	background: #357CBD; /*#3282c2 Default background color for non-css3 browsers */
	border: 1px solid gray;/*border: 1px solid #778;*/
	border-radius: 8px; /*w3c border radius*/
	box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
	color: #000000;
	-moz-border-radius: 8px; /* mozilla border radius */
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
	-webkit-border-radius: 8px; /* webkit border radius */
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */

	/* Cross-Browser CSS Gradient */
	/* for firefox 3.6+ start, from color, to color */
	background: -moz-linear-gradient(top, #a4ccec, #72a6d4);
	/* mozilla gradient background */
	background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4);
	/* for webkit browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));
	/* webkit gradient background */
	background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4));
	/* for IE lt 10 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4ccec', endColorstr='#72a6d4'); Creates square li background. */
	/* IE 10 The first color stop top-right corner defines a gradient line
	 to the bottom-left corner color stop:
	1. shade of yellow 2. shade of green at halfway 3. shade of blue at 80% (0.8)
	along the gradient line. Starting point: top or bottom and left or right*/
	background-image: -ms-linear-gradient(top right, #fff133 0%, #16D611 50%, #00a3ef 80%);
	/* background: -ms-radial-gradient( starting, shape, size, color [offset], ... 
	 top, bottom, or middle and left, center, or right
		, ellipse (the default) or circle
			closest-side (contain), closest-corner, or farthest-corner (cover)
		, stop color [ stop offset ] );*/
	/* CSS Gradient Background Maker
	 ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Ddfault.html
	*/
}

/*.gradbtn li a,*/
/*.gradbtn li a:link,	 unvisited link */

/*	background-color: #000;
	color:  #fff;
}*/
.gradbtn ul li a:visited {	/* visited link */
	color: #000000;
}
.gradbtn ul li:hover a,
.gradbtn ul li a:hover {/* mouse over link */
	/*.gradbtn ul li a:hover {*/
	background-color: green; /*#EEFF00; lightyellow */
	color: #ffffff; /* #7F7F7F; gray */
	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)); 
}

.gradbtn ul li a:active {  /* selected link */
	background-color: yellow;
	color: #000;
}


 	/* Theme Options */
.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)); 
}

.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)); 
}

.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)); 
}

.redtheme li a {
	/*font-size: 18px; Button Size */
	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)); 
}

	/* End Theme Options */

.roundshadow {
	border: 1px solid gray;
	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 */
	-webkit-border-radius: 8px; /* webkit border radius */
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
}



.blackbar {
	/*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)); 
}

.bluebar {
	background: #72a6d4;/* #3282c2 Default background and color */
	/* mozilla gradient background */
	background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4);
	/* webkit gradient background */
	background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4));
}

.greenbar {
	/*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)); 
}
.orangebar { /* ul class places orange bar under buttons. */
	/* 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)); 
}


/* Set text-align: to left, center, or right for alignment. */
.textcenter { text-align: center; }
.textleft { text-align: left; }
.textright { text-align: right; }

.box1 {	border: 1px solid #000; }

/* Vertical Navigation Bar */
/*
To build a vertical navigation bar we only need to style the <a> elements,
 in addition to the code above:
*/
.vertbar li {
	display: block;	/* apply block to the ul for a vertical display */
	line-height: 2.5em;		/* globally set the menu's item spacing. note */
	margin: 1px;/*  */					/* this must be 1.0 or 1.5 or 2.0 for Mozilla */
	padding: 10px;
	width: 160px;
	text-align: left;
}

/* Horizontal Navigation Bar
	Using inline or floating list items.
*/
.horizbar li {
	display: inline;
	float: left;
}

.colora4 { color: #a4ccec; }
.color72 { color: #72a6d4; }
.color32 { color: #3282c2; }
.color22 { color: #222222; }

/* gradient.css Copyright 2012 genedumas at sbcglobal dot net */