@dndBorderSize: 6px;

#rft {	//rft nameSpace, apply this to base page! Adds 1000 to specificity by default, so easier overrides of Claro
	&.claro {

		.rftLineWithButtons {
			.flatShading();
			position: relative;
			height: @std_height;
			white-space: nowrap;
			margin: @std_offset 0;

			&.dojoDndItem {
				.transition;

				&.dojoDndItemBefore {
					margin-top: @dndBorderSize;
					border-top: @dndBorderSize solid @text;
				}
				&.dojoDndItemAfter {
					margin-bottom: @dndBorderSize;
					border-bottom: @dndBorderSize solid @text;
				}
				&.dojoDndItemover, &.dojoDndItemAnchor {
					background-image: none;
					border: none;
					padding: 2px;
					* {
						background-color: fade(#fff, 10%);	// Not sure if this will work.
						// This is an attempt to lighten the rftLWB's colour by overlaying with transparent white.
					}
				}
			}

			.rftLineWithButtonsTitle {
				float: left;
				margin: 0 8px;
				overflow: hidden;
				white-space: nowrap;
				word-wrap: break-word;
			}

			.rftLineWithButtonsButtons {
				.noOffset();
				line-height: @std_height;
				height: @std_height;
				position: absolute;
				right: 0;
				float: left;
			}
		}
		
		.dojoDndSourceMoved {
			.rftLineWithButtons.dojoDndItemAnchor {
				height: 0;
			}
		}	
	}
}