@charset "utf-8";

/* grouping and placement */
.control-group { margin-top: 10px; }

.left { float: left; margin: 0 10px 0 0; }
.left_nom { float: left; margin: 0 0 0 0; }
.right { float: right; margin: 0 0 0 10px; }
.right_print { float: right; margin: 10px 0 0 0; }
.margin_top { margin-top: 10px; }
.margin_top15 { margin-top: 15px; }

.form { float: left; margin: 10px 0 0 0; padding: 12px!important; clear: left; }
.regint { position: relative; margin-top: 10px; padding: 12px!important; text-align: center; }
.centre { width: 100%; text-align: center; }

.enter-comp { float: left; padding: 12px!important; text-shadow: #3f3f3f 1px 1px 1px; margin-top: 10px; margin-bottom: 25px; }
.submit-comp { float: left; padding: 12px!important; text-shadow: #3f3f3f 1px 1px 1px; margin-right: 10px; }

/* control button */
.control {
	position: relative;
	display: inline-block;
	padding: 6px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: #222 url(../images/CTA/Controls/overlay-button.png) repeat-x;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

.shadow { text-shadow: #3f3f3f 1px 1px 1px; }

.control::-moz-focus-inner { border: 0; padding: 0; } /* removes unwanted padding in FF */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	.button span {
		margin-top: -1px;
	}
}

/* colour options */
.red { background-color: #990000; }
.red:hover { background-color: #880000; text-decoration: none; }

.green { background-color: #009900; }
.green:hover { background-color: #008800; text-decoration: none; }

.orange { background-color: #cc4400; }
.orange:hover { background-color: #cc3300; text-decoration: none; }

.grey { background-color: #666; }
.grey:hover { background-color: #5b5b5b; text-decoration: none; }

.blue { background-color: #0066FF; }
.blue:hover { background-color: #0055FF; text-decoration: none; }

.black { background-color: #2f2f2f; }
.black:hover { background-color: #272727; text-decoration: none; }

a.cancel { text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; cursor: pointer; line-height: 26px; }
a.cancel:hover { color: #66ccff; }

.button-div { float: left; margin-right: 10px; margin-top: 4px; color: #555; } /* puts a divider before a cancel */