.blue_button {
	background: #3b88d8;
	background: -moz-linear-gradient(0% 100% 90deg, #377ad0, #52a8e8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52a8e8), to(#377ad0));
	border-top: 1px solid #4081af;
	border-right: 1px solid #2e69a3;
	border-bottom: 1px solid #20559a;
	border-left: 1px solid #2e69a3;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	-moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
	-webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
	color: #fff;
	font-family: "lucida grande", sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 1;
	padding: 3px 0 5px 0;
	text-align: center;
	text-shadow: 0 -1px 1px #3275bc;
	width: 112px;
	-webkit-background-clip: padding-box;
	}
	
.blue_button:hover {
	background: #2a81d7;
	background: -moz-linear-gradient(0% 100% 90deg, #206bcb, #3e9ee5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e9ee5), to(#206bcb));
	border-top: 1px solid #2a73a6;
	border-right: 1px solid #165899;
	border-bottom: 1px solid #07428f;
	border-left: 1px solid #165899;
	-moz-box-shadow: inset 0 1px 0 0 #62b1e9;
	-webkit-box-shadow: inset 0 1px 0 0 #62b1e9;
	cursor: pointer;
	text-shadow: 0 -1px 1px #1d62ab;
	-webkit-background-clip: padding-box;
}

.blue_button:active {
	background: #3282d3;
	border: 1px solid #154c8c;
	border-bottom: 1px solid #0e408e;
	-moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
	-webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
	text-shadow: 0 -1px 1px #2361a4;
	-webkit-background-clip: padding-box;
}

.blue_button[disabled],
.blue_button[disabled]:hover,
.blue_button[disabled]:active {
	background: #999;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dadada), to(#f3f3f3));
	border-top: 1px solid #c5c5c5;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #cecece;
	color: #8f8f8f;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor: not-allowed;
	text-shadow: 0 -1px 1px #ebebeb;
}

.blue_button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.std_button, .std_display {
    -moz-box-shadow:inset 0px 1px 14px -27px #8fff70;
    -webkit-box-shadow:inset 0px 1px 14px -27px #8fff70;
    box-shadow:inset 0px 1px 14px -27px #8fff70;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #deffe7), color-stop(1, #b2ed93));
    background:-moz-linear-gradient(top, #deffe7 5%, #b2ed93 100%);
    background:-webkit-linear-gradient(top, #deffe7 5%, #b2ed93 100%);
    background:-o-linear-gradient(top, #deffe7 5%, #b2ed93 100%);
    background:-ms-linear-gradient(top, #deffe7 5%, #b2ed93 100%);
    background:linear-gradient(to bottom, #deffe7 5%, #b2ed93 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#deffe7', endColorstr='#b2ed93',GradientType=0);
    background-color:#deffe7;
    -moz-border-radius:11px;
    -webkit-border-radius:11px;
    border-radius:11px;
    border:2px solid #17b527;
    display:inline-block;
    cursor:pointer;
    color:#0f731b;
    font-family:Verdana;
    font-size:12px;
    font-weight:none;
    margin: 1px 1px;
    padding:2px 12px;
    text-decoration:none;
    text-shadow:0px 0px 0px #2f6627;
}

.usage_display {
	-moz-box-shadow:inset 0px 1px 14px -27px #8fff70;
	-webkit-box-shadow:inset 0px 1px 14px -27px #8fff70;
	box-shadow:inset 0px 1px 14px -27px #8fff70;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffff99), color-stop(1, #b2ed93));
	background:-moz-linear-gradient(top, #ffff99 5%, #b2ed93 100%);
	background:-webkit-linear-gradient(top, #ffff99 5%, #b2ed93 100%);
	background:-o-linear-gradient(top, #ffff99 5%, #b2ed93 100%);
	background:-ms-linear-gradient(top, #ffff99 5%, #b2ed93 100%);
	background:linear-gradient(to bottom, #ffff99 5%, #b2ed93 100%);
	background-color:#ffff99;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border:2px solid #17b527;
	display:inline-block;
	cursor:pointer;
	color:#0f731b;
	font-family:Verdana;
	font-size:12px;
	font-weight:none;
	padding:2px 12px;
	text-decoration:none;
	text-shadow:0px 0px 0px #2f6627;
}

.std_button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b2ed93), color-stop(1, #deffe7));
	background:-moz-linear-gradient(top, #b2ed93 5%, #deffe7 100%);
	background:-webkit-linear-gradient(top, #b2ed93 5%, #deffe7 100%);
	background:-o-linear-gradient(top, #b2ed93 5%, #deffe7 100%);
	background:-ms-linear-gradient(top, #b2ed93 5%, #deffe7 100%);
	background:linear-gradient(to bottom, #b2ed93 5%, #deffe7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2ed93', endColorstr='#deffe7',GradientType=0);
	background-color:#b2ed93;
    color:red;
}

.std_button:active {
	position:relative;
	top:1px;
}

.std_button[disabled],
.std_button[disabled]:hover,
.std_button[disabled]:active {
	background: #999;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dadada), to(#f3f3f3));
	border-top: 1px solid #c5c5c5;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #cecece;
	color: #8f8f8f;
    color:purple;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor: not-allowed;
	text-shadow: 0 -1px 1px #ebebeb;
}

/* Jeff's Extras */
.std_button {
}

/*
<a href="#" class="myButton">green</a>
*/

.myButton {
	background-color:#44c767;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
	background-color:#5cbf2a;
}
.myButton:active {
	position:relative;
	top:1px;
}

.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}

.modalDialog > div {
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}

  .rui-resizable,
  .rui-resizable-top,
  .rui-resizable-left,
  .rui-resizable-right,
  .rui-resizable-bottom {
    border-color: #CFCEBD;
  }
  .rui-resizable-handle {
    background-color: #CFCEBD;
  }
  div.resizable-test-block {
    background: #EDEBE6;
    max-width: 100%;
    -moz-border-radius: .24em;
    -webkit-border-radius: .24em;
  }
  div.resizable-test-block p {
    margin: 0;
  }
  div.resizable-test-block p + p {
    margin-top: 1em;
  }
  div#top-handle-test {
    height: 12em;
    position: relative;
  }
  div#top-handle-test div.resizable-test-block {
    position: absolute;
    bottom: 0;
  }
  
  .rui-resizable-handle {
  background-image: url(include/resizable.html);
}

.buttonbg_alice {
    background-color: aliceblue;
    margin:2px;
    padding:3px;
    padding-left:8px;
    border:black solid 2px;
}