body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;overflow-x:hidden;overflow-y:auto}
legend { margin-bottom: 0;}

#applogo {background: #fff none repeat scroll 0 0; border-radius:3px; display: block; margin: 10px auto 0;}
#frame{min-height: 400px;}
#frame form {margin-bottom: 0; padding: 15px 5px;}
.form-horizontal fieldset{margin-bottom: 20px;}
.form-horizontal legend{border-bottom: 1px solid #eee;  margin-bottom: 20px;padding-bottom: 10px;}
.form-horizontal .control-label{text-align: left;}
#buttons { bottom: 30px; left: 30px;}

.swcont {/*margin: -28px auto 25px;*/ margin: 10px auto; max-width: 340px; position: relative; /*max-width: 900px; width: 792px;*/}
.front legend{border-width: inherit;}
.front .wrapper{background: #fff none repeat scroll 0 0; border-radius: 5px; height: auto; min-height: 450px; overflow: hidden; padding: 20px;}
.switch {border: 0 none; color: #fff; /*float: right;*/ font-family: sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 10px; padding: 0; position: relative; text-shadow: 1px 1px 1px #191b1e; width: 230px;}	
.switch, .toggle {animation: 1s ease 0s normal none infinite running bugfix;}
.switch legend {border: 0 none; color: #fff; float: left;font-size: 12px;height: 14px;padding: 7px 10% 3px 0;text-align: right; width: 50%;}
.switch legend::after { background-color: #2d3035; border-radius: 3px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    content: ""; height: 100%; left: 50%; padding: 2px; position: absolute;  top: 0;  width: 50%;  z-index: 0;}
.switch input { opacity: 0; position: absolute;}
.switch input:checked + label { /*color: #2d592a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/}
.switch input:last-of-type:checked ~ .switch-button {  left: 75%;}
.switch label { /*color: #64676b;*/ float: left; font-size: 11px; line-height: 14px; margin: 0 -2px 0 2px; padding: 5px 0; position: relative; text-align: center;  /*text-shadow: 0 1px 0 #000;*/ width: 25%; z-index: 2;}
.switch .switch-button { background-color: #70c66b; background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));    border-radius: 3px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.45) inset;  clear: both;   height: 100%;   left: 50%;    /*margin: 2px;*/   position: absolute;   top: 0;   transition: all 0.3s ease-out 0s;   width: 25%;   z-index: 1;}

.pad {-moz-user-select: none;cursor: url("/img/pen.cur") 16 16, crosshair;position: relative;}
.progress {background-color: #f7f7f7; background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x;border-radius: 4px;    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 18px; margin-bottom: 18px; overflow: hidden;}
.progress .bar {background-color: #00275D; background-repeat: repeat-x; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; box-sizing: border-box; color: #ffffff;font-size: 10px; height: 18px;line-height: 18px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); transition: width 0.6s ease 0s; width: 0;}
.progress-warning .bar {background-color: #00275D;}
.btn-warning {background-color: #00275D !important; border-color: #00275D !important;}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {background-color: #00275D !important;border-color:#00275D !important;}

p.error, span.error { color: #b94a48;}
input.error, textarea.error, select.error { background: #ffe1b8 none repeat scroll 0 0; border-color: #e1972d;}
label.error { color: #f26741; font-weight: bold;}