/**
 * 	General
 */
#questions-content{
	margin:10px 0 10px;
}
.questions-widget-icon{
	float:left;
	margin: 6px 0px 6px 6px;
}
/**
 * 	Drag & Drop Area
 */
#questions-content #drag-drop-area{
	height:auto;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0392157) 0 1px 1px;
  	border:1px solid #E5E5E5;
  	box-shadow:rgba(0, 0, 0, 0.0392157) 0 1px 1px;
  	padding:10px;
}
/**
 * 	Sortable area
 */
#questions-content #drag-drop-inside{
	min-height:200px;
}
/**
 * Element
 */
#questions-content .surveyelement{
	margin-bottom:10px;
}
#questions-content input[type=text].questions-question{
	width:100%;
}
#questions-content input[type=text]{
	width:80%;
}
#questions-content textarea{
	width:80%;
}

/**
 * 	Element Tabs
 */
.form_element_tabs ul{
	margin-top:20px !important;
}
.form_element_tabs .tabs_underline{
	border-bottom: 1px solid #CCC;
}
.form_element_tabs .tabs li{
	float:left;
	margin: 0;
	border: 1px solid #CCC;
	border-bottom:none;
	border-right:none;
	background-color: #FAFAFA;
	padding:6px;
}
.form_element_tabs .tabs li:first-child{
	border-top-left-radius: 3px;
	border-right:none;
}
.form_element_tabs .tabs li:last-child{
	border-top-right-radius: 3px;
	border-right: 1px solid #CCC;
}
.form_element_tabs .tabs li.ui-state-active{
	font-weight:bold;
}
.form_element_tabs .tabs li a{
	color:#222;
	text-decoration: none;
}
.form_element_tabs .shortcode,
.questions-options.shortcode{
	background-color: #f7f7f7;
	margin-top:20px;
	padding:10px;
	border: 1px solid #e5e5e5;
}
/**
 * 	Element Answers
 */
#questions-content .answers{
	margin-bottom: 15px;
}
#questions-content .answer{
	height: 40px;
	padding-left:20px;
	background-image: url( '../../assets/images/icon-updown.png' );
	background-repeat: no-repeat;
	background-position: top 7px left 0;
	cursor:move;
}
#questions-content .answer p{
	display: inline;
}
#questions-content .add-answer{
	font-weight: bold;
	text-decoration: underline;
	cursor:hand;
}
#survey-elements .widget-title-action{
	display:none;
}
#survey-elements .widget-inside{
	height: 0px;
	overflow: hidden;
}

/**
 * 	Dialog
 */
#delete_surveyelement_dialog,
#delete_responses_dialog,
#delete_answer_dialog{
	display:none;
}
.questions-options input[type="text"]{
    background-color: #f7f7f7;
    font-size: 11px;
    height: 25px;
    width:100%;
}
#questions-content .form_element_tabs .shortcode .shortcode_input{
    background-color: #f7f7f7;
    font-size: 11px;
    height: 25px;
    margin-left: 10px;
}
#questions-content .form_element_tabs .shortcode .shortcode_input{
	width:25%;
}
.tab_settings_content{
	margin-top:20px;
}
/**
 * Form styles
 */
.surveval-form-fieldset{
	margin-bottom:20px;
	clear: both;
}
.surveval-form-fieldset-title{
	width:20%;
	float:left;
}
.surveval-form-fieldset-input{
	width:80%;
	float:right;
}
.surveval-form-fieldset-input-radio{
	display: block;
	margin-bottom:5px;
}
/**
 * Survey participiants
 */
#questions_participiants_select,
#questions-participiants-restrictions-select{
	margin-bottom:10px;
}
#survey-participiants .button-loading{
	background-image: url( '../../assets/images/loading.gif' );
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left:28px;
}
/**
 * Survey functions
 */
#form-functions .inside{
	padding-bottom: 0;
}
#form-functions .button{
	margin-bottom:10px;
}
#form-functions .button-loading{
	background-image: url( '../../assets/images/loading.gif' );
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left:28px;
}
#form-functions #questions-invite-button.button-loading,
#form-functions #questions-reinvite-button.button-loading{
	background-image: url( '../../assets/images/loading-blue.gif' );
}
#form-functions .form-deleted-results,
#form-functions .form-duplicated,
#form-functions .form-reinvitations-sent{
	margin-top:0;
	margin-bottom: 10px;
    text-align: center;
}
#form-functions .questions-function-element:first-child{
	margin-top:10px;
}

/**
 * Participiants
 */
.questions-participiant-new{
	background-color: #7AD03A;
}
.questions-participiants-options-content{
	border: 1px #DFDFDF solid;
	background-color: #FDFDFD;
	padding: 10px;
	margin-bottom: 10px;
}
.questions-participiants-options-content h3,
.questions-participiants-options-content h4,
.questions-participiants-options-content h5{
	margin: 0 0 10px 0;
}
.questions-function-element .button{
	width: 100%;
}
#questions-invite-subject{
	width:100%;
	display:none;
	font-size:12px;
}
#questions-invite-text{
	width:100%;
	min-height:200px;
	margin-bottom:10px;
	display:none;
	font-size:12px;
}
#questions-reinvite-subject{
	width:100%;
	display:none;
	font-size:12px;
}
#questions-reinvite-text{
	width:100%;
	min-height:200px;
	margin-bottom:10px;
	display:none;
	font-size:12px;
}
.participiant.finished td:first-child{
	border-left: 4px solid #7AD03A;
}
.participiant.new td{
	background-color: #FEFAF7;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) inset;
}
.participiant.new td:first-child{
	border-left: 4px solid #DD3D36;
}
.participiant.just-added td{
	background-color: #F7FCFE;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) inset;
}
.participiant.just-added td:first-child{
	border-left: 4px solid #2EA2CC;
}

#questions-invite-button-cancel,
#questions-reinvite-button-cancel{
	display:none;
}
#questions-settings .form-table .questions-text-template{
	width:80%;
	height:200px;
}
.settings-template-subject{
	width:80%;
}
.questions-remove-all-participiants{
    display: block;
    float: right;
    padding: 5px 10px;
}

/* 
 * Dialogs
 */
.ui-dialog{
    background-color:#FFF;
    border:1px solid #CCC;
    text-align:center;
    width:300px;
    -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Firefox - alte Syntax */
    -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Safari, Chrome - alte Syntax */
    box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* alle neuen Browser, W3C Standard */
}
.wp-dialog .ui-dialog-titlebar{
    display:none;
}
.wp-dialog .ui-dialog-content{
    padding:10px;
    font-size:14px;
}
.wp-dialog .ui-button{
    width:40%;
    background-color:#FFF;
    border: 1px solid #CCC;
    margin: 0 10px 10px 10px;
}
/*
 * jQuery ui
 */
.ui-draggable-dragging{
	
}
.ui-draggable-dragging .widget-title{
	width: 48px !important;
	overflow:hidden !important;
	height: 48px !important;
}
.ui-draggable-dragging .widget-title h4{
	opacity:0;
}
.form-element-placeholder{
	border: #CCC dashed 1px;
	height: 50px;
	margin-bottom:10px;
}