/*****************************************/
/********** GESS STANDARDLAYOUT **********/
/*****************************************/

/*** HTML Seite allgemein ***/
body, page{
  font-family: "Verdana", "Arial", "MS Sans Serif";
  font-size:16px;
  color:#000000;
  background-color:#f9f5ed;
}

.maintab{
  width:100%;
  height:99%;
  background-color:#f9f9f9;
  border:1px solid #9c1d48;
  padding:5px;
}


/*** Highlighting ***/
.qhighlight {
  background-color: white;
  cursor:pointer;
}

/*** Q Text: Fragetext ***/
/*** Q Error: Fehlermeldung ***/
.qerror, .qtext {
  font-size:14px;
  font-weight:bold;
  border:1px solid #000000;
  padding:3px 20px;
  margin:5px;
  line-height:24px;
}

/*** Q Name: Fragename ***/
.qname {
  font-size:12px;
  font-weight:bold;
  color:#ff0000;
}

.qtext {
  font-size:20px;
  border-color:#666666;
}
.qerror{
  background-color:#FF6347;
  color:#ffffff;
  border-color:#990000;
}

/*** Q Title: Title ***/
.qtitle {
  font-size:14px;
  font-weight:bold;
  margin:10px;
  margin-bottom:20px;
}

/*** Tabelle ***/
.qtable {
  width:100%;
  margin:5px 0px;
  text-align:center;
  border-collapse:collapse;
  border-spacing:0px;
  *border-collapse: expression('collapse', cellSpacing = '0px');
}

/*** Labelcodes ***/
.qvlabelcell {
  color:blue;
  font-weight:bold;
}

/*** Zelle mit Button ***/
.qbuttoncell {
  cursor:pointer;
}

.singleq .qlabeltextcell, .multiq .qlabeltextcell{ cursor:pointer; }

/*** Zelle mit offenem Inputfeld / Inputfeld selbst ***/
.qopencell {
  text-align:left;
}
.qlabelopen {
  width:95%;
  margin:5px;
  background-color:#ffffff;
  border:1px solid #000000;
}

/*** Selectinputs ***/
.qselect{ -webkit-appearance: listbox; }
.qselect, .qselect option {
  width:100%;
  line-height:40px;
  height:40px;
  background-color:#eeeeee;
  font-weight:bold;
  border:2px solid #ccccff;
}


/*** Eingabefelder OpenQ ***/
.openfield {
  width:100%;
  border:1px solid #990134;
}

/************************************/
/********      GRID only     ********/
/************************************/
.qitemtextcell { text-align:left; }
.qrightitemtextcell { text-align:left; }

.singlegridq .qtextitemcell, .multigridq .qtextitemcell,
.singlegridq .qitemtextcell, .multigridq .qitemtextcell{ text-align:left; }
.singlegridq .qtextlabelcell, .multigridq .qtextlabelcell,
.singlegridq .qlabeltextcell, .multigridq .qlabeltextcell{ text-align:center; }
/*transposed*/
.transposed .qtextitemcell, .transposed .qitemtextcell{ text-align:center; }
.transposed .qlabeltextcell, .transposed .qtextlabelcell{ text-align:left; }

.qgridspacing {
  width:8px;
}


/*** zeilenweise Hervorhebungen ***/
.qrowclass1, .qrowclass2, .qrowclass3{
  height:       47px;
  line-height:  47px;
  padding:       0px;
  padding-top:   3px;
  border-style: none;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  font-size:    18px;
  background-image: linear-gradient(bottom, #F9F5ED 3%, #DDDDDD 52%);
  background-image: -o-linear-gradient(bottom, #F9F5ED 3%, #DDDDDD 52%);
  background-image: -moz-linear-gradient(bottom, #F9F5ED 3%, #DDDDDD 52%);
  background-image: -webkit-linear-gradient(bottom, #F9F5ED 3%, #DDDDDD 52%);
  background-image: -ms-linear-gradient(bottom, #F9F5ED 3%, #DDDDDD 52%);
  
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.03, #F9F5ED),
    color-stop(0.52, #DDDDDD)
  );
}
.qrowclass1 { background-color:#f9f5ed; }
.qrowclass2 { background-color:#ffffff; }
.qrowclass3 { background-color:#ffffff; }

.qgriderrorcell{
  background-image: linear-gradient(bottom, #FF6347 3%, #DDDDDD 52%);
  background-image: -o-linear-gradient(bottom, #FF6347 3%, #DDDDDD 52%);
  background-image: -moz-linear-gradient(bottom, #FF6347 3%, #DDDDDD 52%);
  background-image: -webkit-linear-gradient(bottom, #FF6347 3%, #DDDDDD 52%);
  background-image: -ms-linear-gradient(bottom, #FF6347 3%, #DDDDDD 52%);
}

/*############################# QSORTABLE##########################*/
.sortable-number {
	width: 25px;
  float: right;
	line-height: 1em;
	text-align: center;
	font-weight: bold;
  position:absolute;
  border:none;
  left:0px;
  top:9px;
  font-size:18px;
}
.connectedSortable{
  border: 1px solid #dddddd;
  min-width: 300px;
  min-height: 200px;
  list-style-type: none; 
  margin: 0; 
  margin: 5px;
  padding: 3px;
  padding-bottom:25px;
}
.connectedSortable li{ 
	margin: 3px;
	padding: 10px;
	font-size: 14px;
  position:relative;
  padding-left:30px;
  cursor:pointer;
  text-align:left;
}
.connectedSortable li:hover{ 
	color:black;
}
 
.ui-sort-placeholder{
  height: 15px;
  border:1px solid #1c94c4;
  background-color:#eeeeee;
}