body, input, textarea { font: 13px Myriad Pro,Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; }

h5 {
  margin-top: 5px;
}

input[type="submit"], button, .button, input#submit {color:#DDDDDD;font-size:12px;height:25px;text-shadow:0 1px 2px #111111;text-transform:uppercase;padding: 4px 10px 2px 10px; margin: 0px; cursor: pointer;
-webkit-border-radius:3px;-moz-border-radius:3px;-border-radius:3px;border-radius:3px;border:1px solid #222;
background:#505050;
background:-moz-linear-gradient(center top , #606060 20%, #505050 100%) repeat scroll 0 0 transparent;
   background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #606060),color-stop(1, #505050)) !important;
    background: -o-linear-gradient(top, #606060,#505050) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#505050');
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);color:#fff;text-shadow:0 1px 0px #000;
}

.title-balloon {
	color:#4aa5d4;
	text-shadow: 0px 1px 1px black;
	font-size:21px;
	font-weight:bold;
	text-transform:uppercase;
	text-align: left;
	float: left;
	margin: 0px;
	height: 19px;
	line-height: 19px;
}

.title-balloon-large {
	color:#4aa5d4;
	text-shadow: 0px 1px 1px black;
	font-size:40px;
	font-weight:bold;
	text-transform:uppercase;
	text-align: left;
	float: left;
	margin: 0px;
    height: 30px;
	line-height: 45px;
    margin-right: 10px;
}

.title-balloon-large-no-marge {
	color:#4aa5d4;
	text-shadow: 0px 1px 1px black;
	font-size:40px;
	font-weight:bold;
	text-transform:uppercase;
	text-align: left;
	float: left;
	margin: 0px;
    height: 30px;
	line-height: 45px;
}

.panel {
   background: #f8f8f8;
   background-image: url(../Images/layout/Ideal-reflex.png);
   background-repeat: no-repeat;
   background-position: 290px 80px;
   margin-left: auto;
   margin-right: auto;
   padding: 30px;
   border: 1px solid dimgray;
   display: table;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
   -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.panel2 {
   background: #f8f8f8;
   background-image: url(../Images/layout/Sterrenfietsen_logo.png);
   background-repeat: no-repeat;
   background-position: center center;
   height: 400px;
   margin-left: auto;
   margin-right: auto;
   padding: 30px;
   border: 1px solid dimgray;
   display: table;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
   -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.c-input > div {
   margin: 2px;
   vertical-align: middle;
   display: inline-block;
   font-size: 8pt;
}

.c-output{border: none; display: none;}


#topbottom input {
   width: 20px;
   font-size: 15pt;
   height: 25px;
   color: #4aa5d4;
   text-shadow: 0px 1px 1px black;
   font-weight:bold;
}


#alpha input {
   width: 30px;
   font-size: 14pt;
}


.helpbox {
   position: absolute;
   z-index: 1000;
}


/* Styles for modifying spinner layout without overriding widget */


.c-topbottom .ui-spinner-input {
   margin: 0;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
}


.c-topbottom .ui-spinner-button {
   height: 10px;
   left: 0px;
   width: 100%;
}


.c-topbottom a.ui-spinner-button {
   border: none;
}


.c-topbottom .ui-spinner .ui-icon {
   margin-left: -7px;
   top: 5px;
   left: 50%;
}




/* Styles for modifying spinner layout for overridden widget alphaspinner */


.ui-spinner-alpha .ui-spinner-input {
   margin: 0;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: center;
}


.ui-spinner-alpha .ui-spinner-button {
   height: 10px;
   left: 0px;
   width: 100%;
}


.ui-spinner-alpha a.ui-spinner-button {
   border: none;
}


.ui-spinner-alpha .ui-icon {
   margin-left: -7px;
   top: 5px;
   left: 50%;
}