@charset "UTF-8";

/* forms */

form td {
	padding:0.4em 0.25em;
}
label.required, span.required {
	display:block;
	padding-right:2em;
	background:url(../images/form-required.png) no-repeat 100% 50%;
	font-weight:bold;
}
span.subLabel{
	font-size:smaller;
}
label.error, span.error {
	display:block;
	padding-right:2em;
	background:url(../images/form-error.png) no-repeat 100% 50%;
	font-weight:bold;
	color:red;
}
input.error, select.error, fieldset.error, div.error, textarea.error {
	border:solid 2px red;
	background:pink;
}
a.cancelButton {
	background:#DDF url(../images/failure.png) no-repeat 95% 50%;
	font-weight:bold;
	display:block;
	float:left;
	margin:0 1em 0.5em 0;
	padding:0.5em 2.5em 0.5em 0.5em;
	border:solid 1px #7A7;
}
input.saveButton {
	background:#DDF url(../images/success.png) no-repeat 95% 50%;
	font-weight:bold;
	display:block;
	float:left;
	margin:0 1em 0.5em 0;
	padding:0.5em 2em 0.5em 0.5em;
	border:solid 1px #7A7;
	color:#4B92DB;
	text-decoration:underline;
	cursor:pointer;
}
input.saveButton:hover, input.saveButton:focus {
	text-decoration:none;
}
textarea {
	/*width:50em;*/
	width:100%;
	height:15em;
	font:inherit;
}
input[type=text].wide {
	width: 20em;
}
input[type=text].vwide {
	width: 50em;
}
input[type=file] {
	margin-top:0.5em;
}
input[type=file]:first-child {
	margin-top:0;
}
div.ticklistcolumn {
	width:50%;
	float:right;
}
fieldset {
	background: #FFF;
	border-width: 1px;
}
legend.report_legend {
	font-size:0.8em;
	margin-top:-5px;
	margin-bottom:-5px;
}



.styled-checkbox {
  position: absolute;
  opacity: 0;
}

.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    line-height: 24px;
}

.styled-checkbox  + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    /*vertical-align: text-top;*/
    width: 20px;
    height: 20px;
    background: #ddd;
}

.styled-checkbox:hover + label:before {
    background: #477491;
}
  
.styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.styled-checkbox:checked + label:before {
    background: #477491;
}
  
.styled-checkbox:checked:hover + label:before {
    background: #ddd;
}
  
.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}

.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}

.styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 
      2px 0 0 white,
      4px 0 0 white,
      4px -2px 0 white,
      4px -4px 0 white,
      4px -6px 0 white,
      4px -8px 0 white;
    transform: rotate(45deg);
}