/* Self Assessment */

.selfAssess {margin:0 10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.selfAssess h1,.selfAssess h2,.selfAssess h3 {font-family:Arial, Helvetica, sans-serif;}
.selfAssess h1 {background-color:#ffffff;border:none;font-size:25px;color:#20376B;font-weight:normal;margin-top:10px;}
.selfAssess h2 {font-size:16px;color:#000000;font-weight:normal;}
.selfAssess h3	{color:#FD7F2A;font-size:14px;font-weight:bold;}
.selfAssess h4	{background-color:#CAE0ED;border:1px solid #EAEAEA;padding:5px 2px;font-size:15px;color:#000000;font-weight:bold;margin-top:20px;}
.selfAssess h5	{color:#000000;font-size:12px;font-weight:bold;margin-top:0;}
.selfAssess h6	{color:#000000;font-size:14px;font-weight:bold;margin:0;margin-bottom:8px;}

.backSubmit		{padding:10px 0;clear:both;}
.button			{font-size:12px;color:#000000;margin-right:10px;}

table 				{border-collapse:collapse;width:100%;}
table td 			{vertical-align:top;}
table.centerCol td{text-align:center;padding-right:20px;}
table td.rightCol {text-align:right;width:20px;white-space:nowrap;}

table.fullWidth				{margin-left:-20px;width:100%;}
table.fullWidth td			{vertical-align:middle;}
table.fullWidth th			{text-align:left;font-weight:normal;padding:5px 5px 5px 20px;color:#000000;}
table.fullWidth tr.odd 		{background-color:#f8f8f8;}
table.fullWidth tr.odd td	{padding-right:20px;}
table.fullWidth tr.even td	{padding:3px 20px 3px 0;}
table.fullWidth tr.sectionBreak td {text-align:left;padding:20px 14px;}

table.toFit		{border-collapse:collapse;width:auto;}
table.toFit th	{vertical-align:top;text-align:left;padding:5px 25px 5px 0;font-weight:bold;}
table.toFit td {vertical-align:middle;padding:5px 14px 5px 0;}

table.toFit input[type=text]	{width:230px;}
table.toFit input.long			{width:300px;}
table.toFit input.short50		{width:50px;}
table.toFit input.short90		{width:90px;}
table.toFit input.short160		{width:160px;}
table.toFit textarea				{width:260px;height:100px;}
table.toFit textarea.long		{width:440px;height:100px;}
table.toFit textarea.taShort	{width:160px;margin-right:10px;}
table.toFit textarea.longThin	{width:420px;height:50px;color:#000000;padding:4px;vertical-align:middle;}


.centerImage						{margin:auto;display:block;}
.tiny 								{font-size:10px;}
.font15								{font-size:15px;}
p.question 							{font-weight:bold;}
p.question textarea				{width:430px; height:100px;margin-top:4px;}
p.question input[type=text]	{width:430px; margin-top:4px;}
p.taWide textarea					{width:740px;height:300px}
p.userName							{text-align:right;font-size:16px;padding:0;margin:0;}
p.answer								{border:1px solid #d3d3d3;padding:10px 10px 20px 10px;}

ol.noPadding {margin:0;padding-left:22px;}

.errMsg			{background-color:#efefef;font-size:14px;font-weight:bold;color:#cc0000;text-align:center;padding:10px;margin-bottom:10px;}
.error,
.selfAssess h5.error,
table.fullWidth th.error,
.selfAssess h3.error	{color:#cc0000;}

.reset {float:right;}

/* drag and drop */
.draggableColour1 {background-color:#8CD9D9;border:1px solid #666666;}
.draggableColour2 {background-color:#CAE0ED;border:1px solid #666666;}
.draggableColour3 {background-color:#124477;border:1px solid #666666;color:#ffffff;}


/* selectable */
.selectable						{list-style-type: none; margin: 0; margin-top:2px;padding: 0 6px; display:inline-block;border-radius:5px;background-color: #efefef;height:30px;}
.selectable li					{display:table-cell; height: 30px; vertical-align:middle;background: #efefef;text-align: center;padding:0 8px;border:none;border-right:1px solid #d3d3d3;border-left:1px solid #d3d3d3;white-space:nowrap;}
.selectable li:hover			{cursor:pointer;}
.selectable .ui-selecting	{background: #FECA40;}
.selectable .ui-selected	{background: #F39814; color: white;}

.rating {background-color:#efefef;border-radius:5px;border:none;padding:0 6px;display:inline;margin-top:3px;white-space:nowrap;}
.rating:not(:checked) > input {clip:rect(0,0,0,0);display:none;}
.rating:not(:checked) > label {
   overflow:hidden;
   white-space:nowrap;
   cursor:pointer;
	background-color:#efefef;
	line-height: 30px; 
	vertical-align:middle;
	text-align: center;
	padding:8px 8px;
	border-left:1px solid #d3d3d3;
	margin:0;
	
	}

.rating > input:checked + label {background: #F39814; color: white;}
.rating:not(:checked) > label:last-child{border-right:1px solid #d3d3d3;}




/* table of contents */
table.toc th{vertical-align:middle;border-bottom:1px solid #cccccc;font-size:15px;color:#666666;font-weight:bold;padding:10px 0;text-align:left;}
table.toc td{vertical-align:middle;border-bottom:1px solid #cccccc;padding:10px 0;text-align:right;}
table.toc td.tocBottom {border:none;padding-top:20px;}
.tocButtons 			{display:inline-block;width:70px;text-align:center;padding:3px 0;margin-left:10px;font-size:11px;}
.tocOff					{background-color:#e1e1e1;border:1px solid #999999;color:#999999;text-decoration:none;}
.tocOn					{background-color:#0099CC;border:1px solid #999999;color:#ffffff;text-decoration:none;}
.tocOn:hover			{color:#000000;text-decoration:none;}
.tocNote					{background-color:#FEFF99;border:1px solid #000000;font-weight:bold;font-size:13px;padding:10px;float:right;color:#000000;}
.sectiontoc .button	{padding:10px;font-size:15px;margin-left:60px;background-color:#0099cc;color:#ffffff;border:1px solid #999999;border-radius:3px;cursor:pointer;}
.sectiontoc .button:hover {color:#000000;}


/* section 3b */

.section3b .dragDropBox, .dropBox { width: 90%; min-height: 200px; padding: 0.5em;  margin-bottom: 10px;border:1px solid #666666; }
.section3b .dragItemFmt {padding:3px;margin:3px;display:inline-block;}
.section3b .dragItem {cursor:pointer;}
.section3b .state {background-color:#ebebeb;}
.section3b .note {}
.section3b .col3b1 {width:40%;}
.section3b .col3b2 {width:40%;}

/* section 4b */

.section4b td {width:50%;}
.section4b .dragHigh, .section4b .sortHigh,.section4b .dragLow, .section4b .sortLow {
	border: 1px solid #eee;
	width: 90%;
	min-height: 155px;
	list-style-type: none;
	margin: 0;
	padding: 5px 15px 0 0;
	float:none;
	margin-right: 10px;
}
.section4b .dragHigh li, .section4b .sortHigh li, .section4b .dragLow li, .section4b .sortLow li {
	margin: 0 0 5px 5px;
	padding: 5px;
	margin: 5px 0 5px 15px;
	cursor:pointer;
}
.section4b .sortHigh, .section4b .sortLow {min-height: 320px;}
.section4b .dragHigh li, .section4b .dragLow li {float:left;display:inline;}
.section4b .sortHigh li, .section4b .sortLow li {width: 320px;display:block;margin: 0 0 15px 10px;}


/* section 4c */
.section4c table th {padding:10px 20px 10px 5px;border:1px solid #CACACD;vertical-align:middle;text-align:left;}
.section4c table td {padding:5px 20px 5px 5px;background-color:#F0F0F0;border:1px solid #CACACD;vertical-align:middle;}
.section4c textarea {width:80%;height:30px;padding:4px;}

/* section 5a */
.jobs 							{}
.jobCategory 					{font-weight:bold;padding-top:6px;display:block;}
.section5a textarea 			{width:50%;height:100px;}
.dragItem5a 					{background-color:#ffffff;width:25%;text-align:center;border-radius:20px;border:1px solid #8CA5DD;padding:10px;display:inline-block;margin-right:20px;position:relative;cursor:pointer;}
.section5a .dragDropBox5a	{border:1px solid #E2E3EA;position:relative;padding:20px;}
.section5a .dropBox5a 		{border-right:1px solid #E2E3EA;width:30%;height:300px;float:left;padding-left:10px;}
.section5a #drop5a_1			{border-left:1px solid #E2E3EA;}
.section5a #drop5a_3			{}


/* section 8 */
.section8 table.toFit input[type=text]	{width:330px;}

/* section 10b */
#prevPos1, #prevPos2, #prevPos3 {display:none;}
#pp {display:inline;}

/* readOnly */

input[readonly="readonly"] {border:none;}
textarea[readonly="readonly"] {border:none;resize: none; height:auto;}
table.toFit textarea[readonly].long {border:none;resize: none; }
.ui-draggable-dragging, .ui-sortable-helper {background-color:#feca40;color:#333333;}