/* 
 * File name  : menubox.css
 * Created on : Dec 23, 2015, 10:24:55 AM
 * Author     : Thomas Kirby <tkirby at dynengsys.com>
 * Company    : Dynamic Engineering Systems
 * Rights     : Under license to assignee. Not for resale or redistribution.
 */

/* menubox */

div.menubox {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	color:#333366;
	line-height: 18px;
	border: 1px solid #333399;
	border-radius: 6px;
	padding: 0;
	margin-left: 0 auto 8px auto;
	box-sizing:border-box;
	border-spacing: 0px;
    border-collapse: separate;	
	}

/* default line format */
div.menubox div {
	margin: 0;
	padding: 3px;
	padding-left: 8px;
	}

div.menubox div.menubox_title {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color:#333399;
	margin: 0;
	padding: 0;
	padding: 4px;
	text-align: left;
	vertical-align: top;
	}

div.menubox div.menubox_title img {
	float:left;
	margin:4px;
	vertical-align: middle;
	}

div.menubox div.menubox_spacer {
	padding: 0 10px 0 15px;
	margin: 0;
	}

div.menubox div.menubox_spacer hr { 
	height: 1px;
	border-width: 0;
	color: #333399;
	background-color: #333399;
	}
	
.menubox_footer {
	font: 17px Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 13px;
	padding:4px;
	text-align: left;
	padding-left: 20px;
	color: white;
	background-color: #333399;
	}

.menubox a			{ text-decoration:none; color:#31659A; }
.menubox a:link		{ text-decoration:none; color:#31659A; }
.menubox a:active	{ text-decoration:none; color:#31659A; }
.menubox a:visited	{ text-decoration:none; color:#31659A; }
.menubox a:hover	{ text-decoration:none; color:#990000; }
.menubox a:hover	{ text-decoration:underline; color:#31659A; }

.menuboxlg {
	font: bold 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#36376A;
	}

a.menuboxlg:hover { color:#CC0000; }

div.menubox xxul {
  margin:0;
  padding:3px 4px 0;
  list-style:none;
  }

.menubox INPUT[type="button"] {
	width:auto;
	min-width:20px;
	
	}
	
	
/* This imageless css button was generated by CSSButtonGenerator.com */
/* bbb zred*/

.menubox INPUT[type="submit"] {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	text-indent: 0;
	text-align: center;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding: 3px 12px 2px 12px;
	margin: 1px;
	}

/* red */

.menubox INPUT[type="submit"].red {
	text-shadow: 1px 1px 1px #660000;
	border: 1px solid #d83526;
	xborder: 1px solid #ce0100;	/* from small version */
	box-shadow:inset 0 1px 0 0 #f29c93;
	-moz-box-shadow:inset 0 1px 0 0 #f29c93;
	-webkit-box-shadow:inset 0 1px 0 0 #f29c93;
	background-color:#ff0000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #ff0000 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ce0100');
	}

.menubox INPUT[type="submit"].red:hover:enabled {
	background-color:#ce0100;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #ff0000) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #ff0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#ff0000');
	}

/* green */

.menubox INPUT[type="submit"].green {
	text-shadow: 1px 1px 1px #006600;
	border: 1px solid #009900;
	xborder: 1px solid #00AA00;	/* from small version */
	box-shadow:inset 0 1px 0 0 #9BFF9B;
	-moz-box-shadow:inset 0 1px 0 0 #9BFF9B;
	-webkit-box-shadow:inset 0 1px 0 0 #9BFF9B;
	background-color:#A7FF33;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A7FF33), color-stop(1, #00AA00) );
	background:-moz-linear-gradient( center top, #A7FF33 5%, #00AA00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7FF33', endColorstr='#00AA00');
	}

.menubox INPUT[type="submit"].green:hover:enabled {
	background-color:#00AA00;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00AA00), color-stop(1, #A7FF33) );
	background:-moz-linear-gradient( center top, #00AA00 5%, #A7FF33 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AA00', endColorstr='#A7FF33');
	}

/* blue */
.menubox INPUT[type="submit"].blue {
	text-shadow: 1px 1px 1px #000066;
	border: 1px solid #337fed;
	box-shadow:inset 0 1px 0 0 #97c4fe;
	-moz-box-shadow:inset 0 1px 0 0 #97c4fe;
	-webkit-box-shadow:inset 0 1px 0 0 #97c4fe;
	background-color:#3d94f6;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	}

.menubox INPUT[type="submit"].blue:hover:enabled {
	background-color:#1e62d0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	}

/* yellow */

.menubox INPUT[type="submit"].yellow {
	text-shadow: 1px 1px 1px #cd8a15;
	border: 1px solid #eda933;
	box-shadow:inset 0 1px 0 0 #fed897;
	-moz-box-shadow:inset 0 1px 0 0 #fed897;
	-webkit-box-shadow:inset 0 1px 0 0 #fed897;
	background-color:#f6b33d;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	}

.menubox INPUT[type="submit"].yellow:hover:enabled {
	background-color:#d29105;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	}

/* small */
.menubox INPUT[type="submit"].small {
	font-size: 11px;
	}

/* medium */
.menubox INPUT[type="submit"].medium {
	font-size: 13px;
	}
	
/* large */
.menubox INPUT[type="submit"].large {
	font-size: 17px;
	}
	
/* xlarge */
.menubox INPUT[type="submit"].xlarge {
	font-size: 20px;
	}