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

span.BigRedFont {
font-size: 16px;
padding-left: 15px;
font-weight: 700;
}

div#MenuDiv {
border: 1px solid #aaa;
box-shadow: 2px 2px 5px #ccc;
border-radius: 5px/3px;
padding:0;
}

div#MenuDiv br {
display: none;
}
#MenuDiv a {
font-size: 14px;
color: #666;
display: inline-block;
width: 90px;
padding:0 15px;
text-align: center;
border-right: 1px solid #666;
-webkit-transition: background-color 1s, color 1s;  /* For Safari 3.1 to 6.0 */
transition:  background-color 1s, color 1s;
}
#MenuDiv a:lastchild {border:0;}
#MenuDiv a:hover {color:#e21736;background-color:#e0e0e0;}


.QuestHeader {
    padding: 10px 0;
    border-bottom: 1px solid #797979;
}

.QuestFont { padding: 25px 15px; font-size:18px;}


.questcontainer {	 
    padding: 24px 16px ;
    margin: 0px auto 16px auto;    
	width: 98%; 
	overflow: auto;
}

td.radio, td.noneradio, td.openradio,
td.checkbox, td.nonecheckbox, td.opencheckbox {text-align:center;}

td.itemimage, td.item2, td.item3 { vertical-align: middle; }

td.radio, td.noneradio, td.openradio, 
td.item, td.noneitem,  td.openitem, 
td.noneofthese, 
td.checkbox, td.nonecheckbox, td.opencheckbox {
display: table-cell;
vertical-align: middle;
padding: 5px;
border:1px solid rgba(0,0,0,0);
border-left:0;
border-right:0;
-webkit-transition: border-color 1s, color 1s;  /* For Safari 3.1 to 6.0 */
transition: border-color 1s, color 1s;
}
td.noneofthese a {display: inline-block;padding: 10px;}
td.noneofthese .n-checkbox {margin-top: -1px;}



td.none,
td.text,
td.password,
td.select {display: table-cell;
vertical-align: middle;
border:1px solid rgba(0,0,0,0);
border-left:0;
border-right:0;
-webkit-transition: border-color 1s, color 1s;  /* For Safari 3.1 to 6.0 */
transition: border-color 1s, color 1s;}
td.select select {
border: 1px solid #999;
padding: 5px 10px;
font-size: 15px;
color: #999;
width: 100%;
}

td.text input.text,
td.password input.password {
border: 1px solid #999;
padding: 5px 10px;
font-size: 15px;
color: #999;
}
textarea {
border: 1px solid #999;
padding: 5px 10px;
font-size: 15px;
color: #999;
width: 100%;
}
td.item input { font-size:15px;    margin-left: 10px;     padding: 5px;    width: 100%;    max-width: 160px;}

tr:hover td {border-color:#999;} /*line rollover color */
span.OptionFont{ display: inline-block;}
.OptionFont{padding-left:10px;}

td.noneofthese a,
.OptionFont,
.OptionFont a { color:#999; text-decoration:none; font-size:15px; -webkit-transition: color 1s;  /* For Safari 3.1 to 6.0 */
transition: color 1s;}


.ScaleColumn {
text-align: center;
}
span.ScaleFont {
padding: 5px 10px;
display: block;
font-size: 15px;
}

div.questcontainer table { width: 96%; padding: 0 2%;}
div.questcontainer table.SRTable td.radio, div.questcontainer table.MRTable td.checkbox { width: 20px;}

div.questcontainer table tr td.emphasized {background-color:transparent; color:#666}

div.questcontainer table tr td.emphasized .OptionFont a{background-color:transparent; color:#666;} 

.groupcontainer .questcontainer table {
	padding: 0;
}

td.select input[type=text] {
	margin: 10px 0;
	padding: 5px;
}

td.NumHeaderColumn {
font-size: 15px;
text-align: center;
font-weight: 700;
padding-bottom: 10px;
}

.SliderTable tr td.item {
	text-align: left;
}

tr:hover td.DateLiterals {
border-color: #999;
}
.DateLiterals {
color: rgba(0,0,0,0);
width: 12px;
border: 1px solid rgba(0,0,0,0);
border-left: 0;
border-right: 0;
-webkit-transition: border-color 1s;
transition: border-color 1s;
}
/* popup - Alert */
.nebui-panel{    width: 100% !important;    max-width: 300px;}
.table.nebui-panel{}
div.nebui-panel {border:0px;}
td.nebui-panel-head{ padding:5px; font-size:16px; border-bottom:0px;}
div.nebui-panel-head{}
button.nebui-panel-close{ background-image: url(close.png); background-color: transparent; border: 0px; margin: 11px;}
td.nebui-panel-body{padding: 5px; font-size: 14px;}
td.nebui-panel-buttons input.button {     font-size: 14px;    padding: 5px 24px;    width: auto;    border: 0px;   }
/* popup - Alert end*/

/* Specific question overwrites */

.TableGroup {
	width: 100%;
}

/* numerictable */
table.NumericTable input.text {   width: 47px; font-size: 15px;  }
table.NumericTable td.item2 {    padding: 5px;}
table.NumericTable td.TotalText {padding: 5px 5px 5px 15px; font-size:15px;}
table.NumericTable td.TotalNumber {padding: 5px; font-size:15px;}

/* Openended Questions */
table.OpenEnded textarea{ width:100%; margin:0; max-height:500px;}

/* NebuJS Buttonize  css overwritten*/

tr:hover td .NebuJS_Buttonize{border-color:#999;} /*line rollover color */
.NebuJS_Buttonize {border:0 !important; box-shadow: rgb(236, 236, 236) 0 4px !important; margin-bottom: 4px !important; }
.NebuJS_Buttonize {	width:100% !important;
padding: 10px;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important; 
border-radius: 10px !important;
color:#fff !important; background-color:#B7BEBD !important; }
.NebuJS_Buttonize:hover { background-color:#1BBC9B !important; }
.NebuJS_Buttonize:hover .OptionFont a {color:#fff !important;}
.NebuJS_Buttonize:active {  background-color:#1BBC9B !important;}
.NebuJS_Buttonize .OptionFont { padding: 0 !important; }
.MRTable td.item .NebuJS_Buttonize .OptionFont a, .NebuJS_Buttonize .OptionFont a{ font-size: 15px !important;font-weight:normal;}
.NebuJS_Buttonize_active  {box-shadow: rgb(72, 206, 171) 0 4px !important;   background-color:#1BBC9B !important;}
.NebuJS_Buttonize:active .OptionFont a{color:#fff !important}
.NebuJS_Buttonize_active:hover {box-shadow: rgb(22, 160, 134) 0 4px  !important;  background-color:#16A086 !important;}
.NebuJS_Buttonize_active .OptionFont a {color:#fff !important}
.NebuJS_Buttonize a{ color:#fff !important;}
.NebuJS_Buttonize input.text {background-color:#fff !important; }
.NebuJS_Buttonize img {}
.NebuJS_Buttonize textarea,
.NebuJS_Buttonize input.text {background-color:#fff !important; border:1px solid #797979 !important; }


/* NebuJS_Ranking css overwritten */
.NebuJS_Ranking {padding:0 !important;  font-size: 15px !important;   }
.NebuJS_Ranking_ItemsContainer {}
.NebuJS_Ranking_ItemsList, .NebuJS_Ranking_RankList { 
	padding: 7px !important;
	border: 0 !important;  
	background-color: #fff !important; 
	box-shadow: none;
	-moz-border-radius: 10px !important; 
	-webkit-border-radius: 10px !important; 
	border-radius: 10px !important; 
}

.NebuJS_Ranking_Item{ border: 0 !important; color: #fff !important; background-color: #B7BEBD !important;
-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important; 
 padding: 5px 10px !important; font-weight: normal !important; text-shadow: none !important; height: auto !important;
	box-shadow: rgb(236, 236, 236) 0 2px !important;
}

.NebuJS_Ranking_RankList .NebuJS_Ranking_Item {  	background-color:#1ABC9C !important;	box-shadow: rgb(22, 160, 134) 0 2px !important; color:#fff !important;}
.NebuJS_Ranking_RankListContainer {}
.NebuJS_Ranking_RankListPositions {margin-top: 7px !important; padding-top: 9px !important; padding-bottom: 9px !important;}
.NebuJS_Ranking_RankListPosition { 
    border-radius: 22px !important;
    padding: 5px 11px 5px 11px !important;
    box-shadow: none !important;
    border: 0 !important;
    background-color: #fff !important;
    font-weight: bold !important;
    color: #1BBC9B !important;
    margin: 5px !important;
	text-align: center;
	-moz-box-sizing:  	content-box;
	box-sizing:  	content-box;
}
.NebuJS_Ranking_ItemTxt {
	word-break: break-all;
}				
				
				
/* NebuJS_CardSort css overwritten ... badly :/ */
.NebuJS_CardSort{}
.NebuJS_CardSort .NebuJS_CardSort_ItemList{border:0 !important; background-color:#fff !important; box-shadow: rgb(236, 236, 236) 0 4px !important; 
min-height:100px !important;
-moz-border-radius: 10px !important; -webkit-border-radius: 10px !important; border-radius: 10px !important;}

.NebuJS_CardSort .NebuJS_CardSort_TargetList {border:0 !important;background-color:#fff !important; box-shadow: rgb(236, 236, 236) 0 4px !important;}
.NebuJS_CardSort .NebuJS_CardSort_Target {margin: 8px !important;}


.NebuJS_CardSort .NebuJS_CardSort_Item{ 
width: 143px !important; border:0 !important; padding: 5px 10px !important; 	box-shadow: rgb(236, 236, 236) 0 2px !important;
color: #fff !important; background-color: #B7BEBD !important;
-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important; }


.NebuJS_CardSort .NebuJS_CardSort_ItemList .ui-state-highlight,
.NebuJS_CardSort .NebuJS_CardSort_TargetList .ui-state-highlight{
	width: 143px !important; 	height:32px !important;		
	list-style:none !important; font-size:14px !important;
	background-color:#EFEFEF !important;	border:1px solid #1ABC9C !important;
-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
text-align: center;  padding: 5px 10px !important;
	}

.NebuJS_CardSort .NebuJS_CardSort_TargetList .NebuJS_CardSort_Item {
	width: 143px !important; 	height:auto !important;
-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
background-color:#1ABC9C !important;	box-shadow: rgb(22, 160, 134) 0 2px !important; color:#fff !important;}
    
.NebuJS_CardSort .NebuJS_CardSort_TargetList .NebuJS_CardSort_ItemText, 
.NebuJS_CardSort_TargetText{font-size:14px !important;}


.NebuJS_CardSort .ui-sortable-helper {
width: 143px !important; 	height:32px !important;
		list-style:none !important; font-size:14px !important; width: 143px !important;
-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important;
background-color:#1ABC9C !important;	box-shadow: rgb(22, 160, 134) 0 2px !important; color:#fff !important;}



/* 
.NebuJS_CardSort_TargetContainer{float:none;clear:both;margin:10px;overflow:hidden;text-align:center;margin:auto}
.NebuJS_CardSort_Target{width:160px;float:left;margin:0;margin:15px}
.NebuJS_CardSort_TargetList{overflow:hidden;width:160px;text-align:left;list-style:none;min-height:180px;border:1px solid #674f3f;border-radius:10px;box-shadow:2px 2px 5px #666;text-indent:0;padding:4px}
.NebuJS_CardSort_TargetList .ui-state-highlight{height:55px;background-color:#eee;opacity:100%;z-index:100;margin:5px;border:1px solid #ccc;float:left;width:65px;border-radius:8px}
.NebuJS_CardSort_ItemList .ui-state-highlight{height:75px;background-color:#ddd;opacity:100%;z-index:100;margin:10px;width:90px;border:1px solid #ccc;float:left;border-radius:8px}
.ui-sortable-helper img{width:30px}
.ui-sortable-helper{padding:5px;box-shadow:2px 2px 5px #666;border-radius:10px;overflow:hidden;background-color:#fff}
.NebuJS_CardSort_ItemList .NebuJS_CardSort_ItemText{font-size:12px}*/



/* NebuJS_NumSlider css overwritten */


/*.NumericTable .ui-slider-row td {	vertical-align: middle;}*/

/* grid storing the slider, min-max values and current values
.questcontainer .NumericTable .slider-grid {	margin:0;}
.questcontainer .NumericTable .slider-grid td {	padding: 0;	text-align: center;	vertical-align: middle;} */


/* slider body styles 
.NumericTable .ui-slider {	border: 1px solid #ddd;}
*/
/* general font size used in the slider - controls also the size of the handles, width of the slider */
/*
.NumericTable .ui-slider, .NumericTable .ui-slider .ui-slider-range, .NumericTable .ui-slider .ui-slider-handle {
	font-size: 16px;	text-align: center;	text-decoration: none;}

.NumericTable .ui-slider .ui-slider-handle span {	vertical-align: middle;  font-size: 0.7em;  line-height: 1.7em;}

*/
/* default rules for the handles 
.NumericTable .ui-slider-row input {	font-size: 12px;	margin: 0.3em;	text-align: center;	padding: 1px 5px;	width: 25px;}
*/
/* styles for the separator for the range case 
.NumericTable .range-sep {	vertical-align: middle;	padding: 0;
}
*/
/* reseting range style 
.NumericTable .ui-slider .ui-slider-range {	background-image: none;	background-color: #e2e2e2;}
*/

/********************************   Horizontal case   ********************************/

/* slider body
.NumericTable .ui-slider-horizontal {	height: 0.8em;	width: 400px;	margin: auto 0.7em;cursor: e-resize;}
 */
/* slider handle
.NumericTable .ui-slider-horizontal .ui-slider-handle {	width: 1.2em;	height: 1.2em;		margin-left: -0.6em;	top: -0.2em;	cursor: e-resize;}
 */


/******************************** Vertical case *******************************

.NumericTable .ui-slider-vertical {	width: 0.8em;	height: 200px;	margin: 0.7em auto;	cursor: n-resize;}

.NumericTable .ui-slider-vertical .ui-slider-handle {	width: 1.2em;	height: 1.2em;	left: -0.2em;	margin-bottom: -0.6em;	cursor: n-resize;}*/