#internshipEditor
	display: block
	#save
		position: fixed
		top: 20px
		right: 20px
		padding: 6px 10px
		font-size: 16px
		font-weight: 800
		cursor: pointer
	.internshipNavigation
		float: left
		clear: none
		display: inline-block
		min-width: 200px
		width: 20%
		padding-right: 20px
		position: relative
		padding-top: 50px

		.addInternship
			margin-bottom: 10px
			position: absolute
			left: 0
			top: 0
			right: 60px
			height: 40px
			input[name="newInternshipName"]
				display: inline-block
				width: 0
				transition: all .75s ease
				border: 0
				opacity: 0
				font-size: 1.2em
			input[name="newInternshipName"].show
				opacity: 1
				border: 1px solid #ccc
				border-radius: 4px
				width: 70%
				transform: translateX(4px)
			.createInternship
				display: inline-block
				position: relative
				top: 2px
				padding: 2px 6px
				margin: 0 4px
				//width: 33px
				text-align: center
				font-size: 1.5em
				line-height: 1.5em
				border-radius: 8px
				//border: 1px solid rgba(0, 0, 0, 0)
				box-sizing: border-box
			.createInternship:hover
				//border: 1px inset #b100d1
				//-webkit-box-shadow: inset 0px 0px 20px 0px #de7cff
				//-moz-box-shadow: inset 0px 0px 20px 0px #de7cff
				//box-shadow: inset 0px 0px 20px 0px #de7cff
				color: #5c8744
			.createInternship
				transform: translateX(-25px) rotate(0deg)
				transition: all .75s ease
			.createInternship.move
				transform: translateX(6px) rotate(720deg)
		.editPageText
			position: absolute
			right: 0
			top: 0
			width: 60px
			font-size: 14px
			text-align: center
			line-height: 14px
			font-weight: 800
			border: 1.5px solid gray
			border-radius: 6px
			padding: 6px
			margin-right: 5px
		.editPageText:hover
			background-color: #c6c6c6
		.editPageText:active
			border-color: black

		.internshipListItem
			display: block
			background: white
			padding: 2px 0
			white-space: nowrap
			position: relative
			height: 24px
			.name
				position: absolute
				left: 0
				top: 0
				bottom: 0
				right: 24px
				overflow: hidden
			.deleteInternship
				position: absolute
				right: 0
				top: 0
				bottom: 0
				width: 24px
				padding-top: 0px
				padding-left: 2px
				color: #7c0000
				line-height: 24px
				font-size: 18px
			.deleteInternship:hover
				font-size: 22px
				top: 0
				right: 2px
				color: #ab0000
			.deleteInternship:active
				color: #613434
		.internshipListItem:hover
			background: #e2ddc0
		.internshipListItem:active
			background: rgba(254, 255, 0, 0.56)
		.internshipListItem.selected
			background: rgba(254, 255, 0, 0.56)

	.internshipHtml
		display: inline-block
		max-width: 80%
		min-width: 200px
		width: 100%