@charset "UTF-8";
/* CSS Document */

body {
    font-family: Helvetica, Arial, sans-serif;
    background-color: #FFFFFF !important;
    /*background-color: #F1FBFD !important;*/ /* Override background color */
}

textarea.sans {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 10pt;
}

/* Action links show underline only on hover */
.createWidget a {
	text-decoration: none;
}
.createWidget a:hover {
	text-decoration: underline;
}

.createLabel {
    font-weight: bold;
}

.createItemIdentifier { margin: 0; }

.header { width: 95&; background-color: #000; padding: 5px; color: #fff; }
.footer { text-align: center; }

/* Beta! */
.createBeta {
	-moz-box-shadow: 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow: 0px 1px 0px 0px #f29c93;
	box-shadow: 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff4c38), color-stop(1, #cf3a3a) );
	background:-moz-linear-gradient( center top, #ff4c38 5%, #cf3a3a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c38', endColorstr='#cf3a3a');
	background-color:#ff4c38;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:50%;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
}

/* Shown when validation fails */
label.error {
    color: red;
    margin: 0.3em;
}

/* Template elements are cloned to create e.g. new item row elements */
.template { display: none; }

#progress_report, #progress_report_bar, #progress_report_status, #progress_report_bar_container { padding: 0px; }

.js-spinner-placeholder {
	margin-left: 1rem;
}

/* Scrolling autocomplete */
.ui-autocomplete {
	max-height: 18em; /* approx. 10 results */
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 18em; /* approx. 10 results */
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0; text-indent: -9999999px; }

@media all and (max-width: 320px) {
    /* mobile devices such as iPhone/Android in portrait mode */
    .createForm {
        -webkit-text-size-adjust:150%;
    }

    input {
        line-height: 1.2em;
    }

    select[name=mediatypecollection] {
        width: 200px;
    }

    .createInstructions {
        width: 320px;
    }

    .createLabel {
        width: 320px;
    }
}