/* ++ LANDING++ */

#buttonContainer {
    margin: auto;
    width: 800px;
    text-align: center;
}

#buttonContainer button {
    margin-top: 25px;
    width: 200px;
    display: inline;
}

.landingButton {
    padding: 20px;
    width: 300px !important;
    text-align: center;
    width: 100px;
}
/* --LANDING-- */



#contents {
	width: 1000px;
	margin: auto;
}

.formContents {
	padding-top: 25px;
}

.contentsBar {
	/*background-color: #fdfdfd;*/
	padding: 20px 20px;
	width: 400px;
}

#leftBar {
	float: left;
}

#controlBar {
	float: right;
	width: 200px;
	padding: 150px 25px;
}

#rightBar {
	float: right;
}

#instructions {
	padding: 20px 5px 0px 5px;
}

.cloneField {
	cursor: pointer;
}


.loader {
	padding-top: 20px;
}


/* ++FORM HEADER++ */

.formHeading {
	padding: 25px 0 15px 0;
}

.formTitle {
	color: #222;
	font-size: 22px;
}

.formOptions {
	float: right;
}

.fieldOptions {
	float: right;
	cursor: pointer;
	font-size: 12px;
}

.deleteSelected {
	padding: 0 10px 0 16px;
	background-image: url('../images/cross.png');
	background-repeat: no-repeat;
	background-size: 14px;
}

.selectAll {
	padding: 0 0 0 16px;
	background-image: url('../images/check.png');
	background-repeat: no-repeat;
	background-size: 14px;
}

/* --FORM OPTIONS-- */

/* ++FIELDS++ */

ul {
	clear: both;
	padding: 0 !important;
	margin: 0 !important;
}
.fieldTitle {
	font-weight: bold;
	margin-left: 7px;
	vertical-align: top;
	width: 280px;
	display: inline-block;
	background-repeat: no-repeat;
}

.fieldMember {
	padding: 2px 5px;
	margin-top: 5px;
	cursor: pointer;
	color: #222;

    -moz-border-radius:5px 5px;
    -webkit-border-radius:5px 5px;
    border-radius:5px 5px;
	border: 1px solid #fdfdfd;

    background-color: #fdfdfd;


	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;		
}

.fieldMember:hover {
    background-color: #fffff0;
    border: 1px solid #fefe5b;
    color: black;
}

.freshlyCloned {
    color: #dd8000;
}

.fieldSelected {
    color: white;
    text-shadow: 1px 1px 1px #555;
    background-color: #83c0e7;
    border: 1px solid #83c0e7;
}

.fieldSelected:hover {
    color: white;
    text-shadow: 1px 1px 1px #555;
    background-color: #83c0e7;
    border: 1px solid #4da5de;
}

.deleteField {
	float: right;
}

.deleteField img {
	height: 12px;
}
/* --FIELDS-- */


/* ++DIALOG++ */
#dialogMessage {
	font-size: 20px;
}


#dontShowText {
    color: #777;
    font-size: 12px;
}

legend {
	margin-bottom: 0 !important;
}

#confirmDialog {
	padding-bottom: 0 !important;
}

.ui-dialog-buttonpane {
	margin-top: 0 !important;
}
/* --DIALOG-- */