FORM, .button, .form-textarea-large, form-textarea-medium, .value, .status, .label-value, input, select, textarea, .help, .input, .noresults, .label-input, .header {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

SELECT {-webkit-appearance: none;}

SELECT {padding: 8px;}


FORM {float: left; width: 100%; margin-bottom: 10px;}

.spacer {float: left; width: 100%; height: 20px;}

.fieldset {float: left; width: 100%; text-align: right; font-family: verdana; font-size: 12px; color: #000000; font-weight: normal; padding-bottom: 8px; margin-top: 10px; margin-bottom: 0px;}



.label-input {float: left; width: 100%; padding: 10px 2px 10px 2px;}

	.label-input LABEL {float: left; padding-top: 6px;}

	.label-input .input {float: right; width: 60%; font-size: 14px;}

	.image-file .input {}



.label-value {float: left; width: 100%; padding: 14px 2px 14px 2px; border-bottom: 1px solid #AAAAAA;}

.label-value:last-child {border-bottom: 0px;}

    .label-value-total {font-weight: bold;}

    .label-value .label {float: left; padding-left: 2px;}
    
    .label-value .value {float: right; text-align: right;}

@media screen and (max-width: 500px) {
		
	.label-value .value SPAN {display: none;}
		
}


.required LABEL {font-weight: bold;}


.editor {float: left; width: 100%; margin-bottom: 12px;}


.form-text {float: right; width: 60%; padding: 8px;}

.form-select {float: right; width: 60%;}

.form-select-small {margin-top: 6px;}

.form-select-date {margin-top: 6px;}

.form-file {float: right; width: 60%; padding: 4px;}

.form-textarea {float: right; width: 60%; height: 80px; padding: 8px; overflow: auto;}

.form-textarea-large {width: 100%; padding: 8px; margin-top: 10px; height: 300px; overflow: auto;}

.form-textarea-medium {width: 100%; padding: 8px; margin-top: 10px; height: 120px; overflow: auto;}



.noresults {float: left; width: 100%; margin: 14px; font-size: 14px;}

.group {padding: 6px 0px 6px 0px;}


.status {float: left; width: 100%; padding: 18px; text-align: center; margin: 20px 0px 20px 0px; background: #EFE9C7; border: 4px solid #E2C822; line-height: 28px; font-size: 14x;}



.form-button-check-in {float: right; width: 60%; padding: 10px; background-color: #BB0000; color: #FFFFFF;}

.form-button-is-checked-in {background-color: #73AC59; color: #FFFFFF;}



.help {margin: 8px 0px 0px 0px; padding: 10px; border: 0px solid #CCCCCC; line-height: 16px; font-family: Verdana; font-size: 12px; background: #EEEEEE;}

.label-input .help {float: right; width: 60%; clear: right;}


.button {padding: 8px 8px 8px 8px; font-family: Verdana; font-size: 12px; font-weight: bold;}


.form-button-submit {float: right; margin-left: 10px; margin-top: 10px; width: 100px; background: #73AC59; color: #FFFFFF; font-weight: bold;}

.form-button-cancel {float: right; margin-left: 10px; margin-top: 10px; width: 100px; background: #EEEEEE; color: #000000; font-weight: bold;}

.form-button-delete {float: left; margin-left: 0px; margin-top: 10px; width: 100px; background: #AA3333; color: #FFFFFF; font-weight: bold;}


#Editor {float: left; width: 100%; margin-bottom: 40px;}

#UploadImageForm {float: left; width: 100%;}

#CreateStoryForm {float: left; width: 100%; margin-bottom: 40px;}


.editor-file {float: left; width: 100%; margin-top: 20px; padding: 14px 2px 14px 2px; border-top: 1px solid #AAAAAA;}

.editor-file:last-child {border-bottom: 0px;}

    .editor-file .name {float: left;}
    
    .editor-file .tools {float: right; text-align: right;}

		.image-file {padding-top: 20px}
		
		.editor-file IMG {margin-bottom: 20px;}


.clipboard {float: left; width: 100%; margin: 16px 0px 0px 0px; padding: 20p 0px 0px 0px; overflow: hidden; text-align: center;}


.header {float: left; width: 100%; height: 36px; margin: 0px 0px 20px 0px; padding: 6px 10px 6px 10px; background-color: #EEEEEE;}

     .header .title {float: left;}
    
     .header .tools {float: right;}


.button-edit {display: block; padding: 4px; margin-bottom: 20px; text-align: center; background-color: #EEEEEE; text-decoration: none;}


.function {padding: 14px 0px 14px 0px; margin-bottom: 20px; border-bottom: 2px solid #000000; font-weight: bold; font-size: 18px;}

	.function .value {float: right;}

	.function-status {font-weight: bold;}



.upload-image {float: left; width: 100%; padding: 6px 2px 14px 2px;}

	.upload-image INPUT {float: left; margin-top: 10px;}

	.upload-image BUTTON {float: right;}


.select-button {float: left; width: 100%; padding: 6px 2px 14px 2px; border-bottom: 1px solid #AAAAAA;}

	.select-button SELECT {float: left; margin-top: 12px;}

	.select-button BUTTON {float: right;}


#AddLocationForm {margin-top: 20px; border-top: 0px solid #AAAAAA;}

#UploadImageForm {margin-top: 20px; border-top: 0px solid #AAAAAA;}

.story-location {float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 14px 2px 14px 2px; border-bottom: 1px solid #AAAAAA;}

.story-location:last-child {border-bottom: 0px;}

    .story-location .delete {float: right; text-align: right;}

    .story-location .name {margin-bottom: 0px;}