a.dpdf {
	display: block;
	width: 560px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	background: url("../img/pdf.png") 0 5px no-repeat;
	padding: 20px 0 20px 36px;
	overflow: hidden;
}
a.dpdf:hover {
	color: #CC1188;
	text-decoration: underline;
}
a.dodf:visited {
	color: #000000;
}
.salt_oct14_880X7J {
	color: #f00;
}
#dropwrap {
	width: 1080px;
	position: fixed;
	left: calc(50% - 540px);
	top: 140px;
}
.arrowBox {
	background-color: rgba(31,31,31,0.9);
	border: 2px solid #fff;
	border-radius: 5px;
	color: #b3b3b3;
	display: none;
	position: relative;
	top:20px;
	width: 310px;
	-moz-box-shadow: 3px 13px 9px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 13px 9px rgba(0,0,0,0.5);
	box-shadow: 3px 13px 9px rgba(0,0,0,0.5);
	z-index: 5;
}
.arrowBox:after, .arrowBox:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrowBox:after {
	border-color: rgba(0,0,0,0);
	border-bottom-color: #000;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}
.arrowBox:before {
	border-color: rgba(255,255,255,0);
	border-bottom-color: #fff;
	border-width: 23px;
	left: 50%;
	margin-left: -23px;
}
.arrowBoxContent {
	padding: 1em .6em .4em;
}
.arrowBoxContent + .arrowBoxContent {
	padding-top: 0;
}
.enablePseudoSelects dt, .enablePseudoSelects dd {
	height: 3em;
	line-height: 1;
	margin: 0;
	padding: 0;
}
.enablePseudoSelects dd {
	display: none;
	left: 16.1em;
	position: relative;
	top: -3.1em;
	height: 0px;
}
.enablePseudoSelects label {
	color: #e4e4e4;
	display: block;
	cursor: pointer;
	border: solid 1px transparent;
	border-radius: 7px;
	padding: 0.5em;
}
.enablePseudoSelects label:hover {
	color: #fff;
	background-color: #2a2a2a;
	border-color: #555;
	-moz-box-shadow: 2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
}
.enablePseudoSelects label:hover em {
	color: #e4e4e4;
}
.enablePseudoSelects label em {
	color: #898989;
	float: right;
	font-family: Arial;
}
.event-userSelecting label {
	color: #b9b9b9;
}
.event-userSelecting label em {
	color: #3a3a3a;
}
html .active label {
	background-color: #000;
	color: #fff;
}
.pseudoSelect {
	position: absolute;
	background-color: #3c3c3c;
	border: solid 1px #555;
	border-radius: 7px;
	-moz-box-shadow: 2px 6px 6px rgba(0,0,0,0.53);
	-webkit-box-shadow: 2px 6px 6px rgba(0,0,0,0.53);
	box-shadow: 2px 6px 6px rgba(0,0,0,0.53);
	color: #efefef;
	cursor: pointer;
	width: 17em;
}
.pseudoSelect a {
	border: 2px solid transparent;
	border-radius: 10px;
	color: inherit;
	display: block;
	padding: 0.5em 0.5em 0.5em 30px;
	text-decoration: none;
}
.pseudoSelect li {
	display: block;
	float: none;
	margin: 0;
	padding: 0.1em;
	text-align: inherit;
}
.pseudoSelect li:hover {
	color: #fff;
}
.pseudoSelect li:hover a {
	background-color: #000;
	border-color: #676767;
}
.pseudoSelect .checked a {
	background: url("../img/editor/checked.png") no-repeat scroll 10px center #2a2a2a;
	border-color: #c5c5c5;
	color: #fff;
	text-shadow: 1px 2px 1px #000;
}
.checkboxBlock {
	border-top: 1px solid #575757;
	-moz-box-shadow: 0 -1px 0 #000;
	-webkit-box-shadow: 0 -1px 0 #000;
	box-shadow: 0 -1px 0 #000;
	font-size: 0.81em;
	padding: 0.75em 0;
}
.checkboxBlock label {
	padding-left: 0.5em;
}
.checkBoxFinePrint {
	display: block;
	font-size: .85em;
	padding: 0.3em 0 0.5em 3.1em;
}
#commonChordList {
	display: block;
	font-size: 1.2em;
	margin-left: 1.5em;
	width: 15em;
}
.linksList {
	font-size: .85em;
}
.linksList li {
	margin: 0;
	padding: 0.1em;
	text-align: left;
	float: none;
}
.linksList a {
	border-radius: 8px;
	color: #b9b9b9;
	display: block;
	padding: 0.6em;
	text-decoration: none;
}
.linksList a:hover {
	background-color: #000;
	color: #fff;
}
.updateMessage {
	background-color: #bae5a7;
	border: 1px solid #44a819;
	border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 0 0 4px rgba(255,190,40,0.8);
	-webkit-box-shadow: 0 0 4px rgba(255,190,40,0.8);
	box-shadow: 0 0 4px rgba(255,190,40,0.8);
	color: #43772d;
	display: none;
	position: absolute;
	text-align: center;
	text-shadow: 0 -1px rgba(255,190,40,0.3);
	width: 10em;
}
.updateMessage em {
	border: 1px solid #66d836;
	border-radius: 3px 3px 3px 3px;
	-moz-box-shadow: 0 0 3px #559277 inset;
	-webkit-box-shadow: 0 0 3px #559277 inset;
	box-shadow: 0 0 3px #559277 inset;
	display: block;
	height: 100%;
	padding: 0.2em;
}

input[type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
.baseBtn {
	width: 196px;
	height: 32px;
	margin-top: 6px;
	padding: 0.2em 0;
	border:0;
	background-color: : #999;
	color: #fff;
	cursor: pointer;
	text-transform:uppercase;
	font-size: inherit;
	font-family: 'Poppins', Helvetica, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
}
.baseBtn:hover {
	background-color: #888;
	color: #fff;
}
.blueBtn {
	background: #00778A url("../img/add-song.png") top right no-repeat;
	color: #FFFFAA;
	 /* background-image: -webkit-linear-gradient(top, #89b9e3 0%, #3d6bbb 100%);
	background-image: -o-linear-gradient(top, #89b9e3 0%, #3d6bbb 100%);
	background-image: linear-gradient(to bottom, #89b9e3 0%, #3d6bbb 100%);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89b9e3', endColorstr='#ff3d6bbb', GradientType=0);
	border-color: #3765b7;
	text-shadow: #89b9e3 0px 1px 0, #3765b7 0 -1px 0; */
}
.blueBtn:hover {
	background: #00A8B1 url("../img/add-song.png") top right no-repeat;
	color: #fff;
	 /* background-image: -webkit-linear-gradient(top, #4c85e8 0%, #2f5493 100%);
	background-image: -o-linear-gradient(top, #4c85e8 0%, #2f5493 100%);
	background-image: linear-gradient(to bottom, #4c85e8 0%, #2f5493 100%);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4c85e8', endColorstr='#ff2f5493', GradientType=0);
	text-shadow: black 0px 1px 0, #3765b7 0 -1px 0; */
}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background-image: -webkit-linear-gradient(top, #faa51a 0%, #f47a20 100%);
	background-image: -o-linear-gradient(top, #faa51a 0%, #f47a20 100%);
	background-image: linear-gradient(to bottom, #faa51a 0%, #f47a20 100%);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffaa51a', endColorstr='#fff47a20', GradientType=0);
	text-shadow: #da7c0c 0px 1px 0, #faa51a 0 -1px 0;
}
.orange:hover {
	background: #f47c20;
	background-image: -webkit-linear-gradient(top, #f88e11 0%, #f06015 100%);
	background-image: -o-linear-gradient(top, #f88e11 0%, #f06015 100%);
	background-image: linear-gradient(to bottom, #f88e11 0%, #f06015 100%);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff88e11', endColorstr='#fff06015', GradientType=0);
	text-shadow: #f47c20 0px 1px 0, #f88e11 0 -1px 0;
}
.orange:active {
	color: #fcd3a5;
	background-image: -webkit-linear-gradient(top, #f47a20 0%, #faa51a 100%);
	background-image: -o-linear-gradient(top, #f47a20 0%, #faa51a 100%);
	background-image: linear-gradient(to bottom, #f47a20 0%, #faa51a 100%);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff47a20', endColorstr='#fffaa51a', GradientType=0);
}
.btnBar {
	height: 30px;
}
.btnBar .baseBtn {
	float: right;
	font-size: 110%;
	margin-bottom: 5px;
}
.alternateBtn, .noThanks {
	color: #3965b0;
	float: right;
	line-height: 33px;
	margin-right: 1.5em;
	text-decoration: none;
}
.alternateBtn:hover, .noThanks:hover {
	color: #0646ad;
}
.noThanks {
	background-color: #efd292;
	border-radius: 6px;
	padding: 0 0.4em;
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-ms-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}
.noThanks:hover {
	background-color: #f2e2c1;
}
.chordBuilderDlg input[type=text] {
	border: 1px solid #d7d7d7;
	border-radius: 5px 5px 5px 5px;
	display: block;
	font-size: 30pt;
	padding: 0;
	text-align: center;
	max-width: 100%;
	width: 100%;
}
.chordBuilderDlg pre {
	font-size: 12pt;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
html body .editorSurface {
	background-color: #fff;
	border-radius: 5px;
	font-size: 0.9em;
	height: 300px;
	margin: 5px auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 462px;
	-moz-box-shadow: 1px 2px 8px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.5) inset;
	box-shadow: 1px 2px 8px rgba(0,0,0,0.5) inset;
}
.editorSurface canvas {
	border: none;
	cursor: none;
	left: 0;
	position: absolute;
	top: 0;
}
#cdBldDiagramCanvas {
	z-index: 1;
}
#cdBldCursorCanvas {
	z-index: 2;
}
.toolboxEdgeShadow {
	z-index: 4;
}
.chordToolbox {
	border: 0 solid #ccc;
	background-color: #f0eef0;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	height: 250px;
	position: absolute;
	top: 25px;
	width: 135px;
	-webkit-transition: background-color 0.4s ease, border-color 0.4s ease, left 0.4s ease-out, right 0.4s ease-out;
	-moz-transition: background-color 0.4s ease, border-color 0.4s ease, left 0.4s ease-out, right 0.4s ease-out;
	-ms-transition: background-color 0.4s ease, border-color 0.4s ease, left 0.4s ease-out, right 0.4s ease-out;
	-o-transition: background-color 0.4s ease, border-color 0.4s ease, left 0.4s ease-out, right 0.4s ease-out;
	transition: background-color 0.4s ease, border-color 0.4s ease, left 0.4s ease-out, right 0.4s ease-out;
	z-index: 3;
}
.chordToolbox.open, .chordToolbox:hover {
	background-color: #fafafa;
	border-color: #8c8c8c;
	-moz-box-shadow: 4px 6px 9px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 6px 9px rgba(0,0,0,0.3);
	box-shadow: 4px 6px 9px rgba(0,0,0,0.3);
}
.chordToolbox.leftEdge {
	border-radius: 0 7px 7px 0;
	border-width: 2px 2px 2px 0;
	left: -110px;
}
.chordToolbox.leftEdge.open, .chordToolbox.leftEdge:hover {
	left: 0;
}
.chordToolbox.rightEdge {
	border-radius: 7px 0 0 7px;
	border-width: 2px 0 2px 2px;
	right: -110px;
}
.chordToolbox.rightEdge.open, .chordToolbox.rightEdge:hover {
	right: 0;
}
.chordToolboxInner {
	margin: 10px auto;
	width: 100px;
}
.toolboxEdgeShadow {
	background-color: transparent;
	height: 255px;
	position: absolute;
	top: 26px;
	width: 10px;
}
.toolboxEdgeShadow.leftEdge {
	-moz-box-shadow: 4px 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 0 6px rgba(0,0,0,0.3);
	box-shadow: 4px 0 6px rgba(0,0,0,0.3);
	left: -10px;
}
.toolboxEdgeShadow.rightEdge {
	-moz-box-shadow: -4px 0 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: -4px 0 6px rgba(0,0,0,0.3);
	box-shadow: -4px 0 6px rgba(0,0,0,0.3);
	right: -10px;
}
.toolChip {
	background-color: #fafafa;
	border: 1px solid #fafafa;
	border-radius: 5px;
	color: #c7681b;
	cursor: pointer;
	display: block;
	margin-bottom: 8px;
	min-height: 70px;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	width: 100%;
	-webkit-transition: background-color 0.4s ease, border-color 0.4s ease;
	-moz-transition: background-color 0.4s ease, border-color 0.4s ease;
	-ms-transition: background-color 0.4s ease, border-color 0.4s ease;
	-o-transition: background-color 0.4s ease, border-color 0.4s ease;
	transition: background-color 0.4s ease, border-color 0.4s ease;
}
.toolChip:hover {
	background-color: #fefefe;
	border: 1px solid #ededed;
}
.toolChip img, .toolChip .bigDot {
	opacity: .75;
}
.toolChip:hover img, .toolChip:hover .bigDot {
	opacity: 1;
}
html .selected, html .selected:hover {
	border-color: #aaa73f;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#cdBldBtnFingerName {
	color: #806753;
	display: block;
	font-size: .67em;
}
.bigDot {
	background-color: #e78333;
	border: 3px solid #973100;
	border-radius: 23px 23px 23px 23px;
	display: block;
	height: 23px;
	margin: 5px auto;
	width: 23px;
}
.selected img, .selected .bigDot {
	opacity: 1;
}
.fingerToolImage {
	background: url("../img/editor/hand.png") top center no-repeat;
	display: block;
	height: 83px;
	margin: 0 auto;
	position: relative;
	width: 88px;
}
.fingerDot {
	background-color: #f9f340;
	border: solid 2px #af9607;
	border-radius: 8px;
	display: block;
	height: 8px;
	position: absolute;
	width: 8px;
}
.finger0 .fingerDot {
	display: none;
}
.finger1 .fingerDot {
	right: 22px;
	top: 3px;
}
.finger2 .fingerDot {
	right: 1px;
	top: 11px;
}
.finger3 .fingerDot {
	right: 1px;
	top: 28px;
}
.finger4 .fingerDot {
	right: 1px;
	top: 44px;
}
label[for=cdBldStartingFret], html .arrowUp, html .arrowDown {
	min-height: 52px;
}
html .arrowUp, html .arrowDown {
	background-repeat: no-repeat;
	background-position: center 29px;
}
html .arrowUp {
	background-image: url("../img/editor/basic-up-arrow.png");
}
html .arrowDown {
	background-image: url("../img/editor/basic-down-arrow.png");
}
.outputBox {
	max-height: 30em;
	overflow: hidden;
	-webkit-transition: max-height 0.8s ease;
	-moz-transition: max-height 0.8s ease;
	-ms-transition: max-height 0.8s ease;
	-o-transition: max-height 0.8s ease;
	transition: max-height 0.8s ease;
}
.outputBox.collapseOutput {
	max-height: 0;
}
.chordPro-statement {
	background-color: #f9f9f9;
	border: solid 1px #bbb;
	color: #999;
	font-family: Consolas, 'courier new', monospace;
	padding: 1em;
}
.chordPro-keyword {
	color: #8e7cc3;
}
.chordPro-attribute {
	color: #741b47;
}
.chordPro-number {
	color: #e69138;
	font-weight: bold;
}
.chordPro-string {
	background-color: #edf7e6;
	color: #38761d;
	font-weight: bold;
}
.ugsChordChooser {
	background-color: #eed18e;
	border-radius: 10px;
	color: #551d00;
	font-size: 14pt;
	max-height: 17em;
	min-height: 10em;
	overflow-y: auto;
	padding: .1em 0;
}
.ugsChordChooser li {
	background-color: #bc9350;
	border-radius: 6px;
	cursor: pointer;
	margin: 0.5em;
	padding: 0.5em;
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-ms-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}
.ugsChordChooser li:hover {
	background-color: #99512c;
	color: #f4e19d;
	text-shadow: 0px 2px 0px #551d00;
}
.ugsChordChooser .newChord {
	background-color: #b2612d;
	color: #551d00;
	font-weight: bold;
}
.ugsChordChooser .deleteChord {
	background: url("../img/editor/delete-btn.png") right center no-repeat;
	display: block;
	float: right;
	height: 30px;
	opacity: 0;
	width: 36px;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
.ugsChordChooser li:hover .deleteChord {
	opacity: 1;
}
.ugsChordChooser canvas {
	float: right;
	margin-right: 10px;
}
html, body {
	margin: 0;
	padding: 0;
}
/* body {
	background: url("../img/raster-tile.png");
	position: relative;
	padding-top: 100px;
} */
#container {
	max-width:1080px;
	padding: 0px;
	margin: 0 auto;
	background: #fff;
	top:160px;
	-webkit-box-shadow: 0 0 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0 0 10px rgba(50, 50, 50, 0.4);
	box-shadow: 0 0 10 rgba(50, 50, 50, 0.4);
}
#masthead {
	width:1080px;
	margin:0 auto;
	height:100px;
	position:fixed;
	top:0;
	left: calc(50% - 540px);
	background: #FFFFFF;
	z-index: 2;
}
#masthead h1#logo a {
		display: block;
		width: 1080px;
		height: 100px;
		margin: 0 auto;
		line-height: 999em;
		background: url("../img/ukulele-dreams.gif") 10px 0 no-repeat;
		overflow: hidden;
}
.editableSongPage {
	background: url("../img/night-sky.jpg") no-repeat fixed;
	background-size: cover;
}
.ugsLogo {
	color: #f2a848;
	font-family: Helvetica, Arial;
	font-size: 16px;
	font-weight: normal;
	position: absolute;

}
.ugsLogo a {
	height: 38px;
	line-height: 38px;
	padding:0 10px;
	color:#f4e19f;
	text-decoration: none;
	text-shadow: 1px 2px 0 rgba(86,3,5,0.95);
}
.ugsLogo a:hover {
	border-color: #5E4FC1;
	background-color: #451212;
	background: url("../img/editor/editorSprite.png") 0 -145px repeat-x;
	color: #fdda61;
}
.ugsAppMenuBar {
	width: 1080px;
	height: 42px; 
	position: fixed;
	top: 100px;
	left: calc(50% - 540px);
	background: #2A2A2A;
	border-bottom: 5px solid #7C0E6C;
	font: 14px/30px 'Poppins', Helvetica, Arial;
	z-index: 2;
}
.ugsAppMenuBar > ul {
	margin-left: 10px;
}
.ugsAppMenuBar > ul > li {
	float: left;
	position: relative;
}
.ugsAppMenuBar > ul > li > a {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	color: rgba(255,255,255,0.8);
	cursor: pointer;
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	outline: 0 none;
	padding: 0 15px 0 12px;
	text-decoration: none;
}
.ugsAppMenuBar > ul > li > a:hover {
	background-color: #7C0E6C;
	background: url("../img/editor/editorSprite.png") 0 -145px repeat-x;
	color: #ffffff;
}
.ugsAppMenuBar > ul > .active > a {
	background-color: #7C0E6C;
	background: url("../img/editor/editorSprite.png") 0 -145px repeat-x;
	color: #fef5e3;
}
.ugsAppMenuBar > ul > li > a span {
	background-image: url("../img/editor/editorSprite.png");
	background-repeat: no-repeat;
	float: left;
	height: 25px;
	margin-top: 7px;
	width: 25px;
}
.navSong span {
	background-position: -75px 0px;
}
.navSong.active span, .navSong a:hover span {
	background-position: -75px -50px;
}
.navInstruments span {
	background-position: -50px 0px;
}
.navInstruments.active span, .navInstruments a:hover span {
	background-position: -50px -50px;
}
.navTranspose span {
	background-position: -25px 0px;
}
.navTranspose.active span, .navTranspose a:hover span {
	background-position: -25px -50px;
}
.navDiagrams span {
	background-position: 0px 0px;
}
.navDiagrams.active span, .navDiagrams a:hover span {
	background-position: 0px -50px;
}
.navLayout span {
	background-position: -100px 0px;
}
.navLayout.active span, .navLayout a:hover span {
	background-position: -100px -50px;
}
.navColors span {
	background-position: -125px 0px;
}
.navColors.active span, .navColors a:hover span {
	background-position: -125px -50px;
}
.navZoom span {
	background-position: -150px 0px;
}
.navZoom.active span, .navZoom a:hover span {
	background-position: -150px -50px;
}
.navEdit span {
	background-position: -175px 0px;
}
.navEdit.active span, .navEdit a:hover span {
	background-position: -175px -50px;
}
.navList span {
	background-position: -225px 0px;
}
.navList.active span, .navList a:hover span {
	background-position: -225px -50px;
}
.showDlgBtn span {
	background-position: -250px 0px;
}
.showDlgBtn.active span, .showDlgBtn a:hover span {
	background-position: -250px -50px;
}
.navOptions span {
	background-position: -200px 0px;
}
.navOptions.active span, .navOptions a:hover span {
	background-position: -200px -50px;
}
.overlay {
	position: fixed;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #2b1100;
	background-color: rgba(30,11,0,0.75);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.30);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.30);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.30);
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	width: 500px;
	z-index: 5;
}
.overlay > div {
	background: #F5812A;
	border-radius: 0 0 1px 1px;
	overflow: hidden;
	padding: 10px;
}
.isHidden {
	display: none;
}
.overlay select {
	font-size: 1.1em;
}
.overlay input[type=text], .overlay input[type=password] {
	display: block;
	font-family: 'Poppins', Helvetica, Arial, Geneva, sans-serif;
	font-size: 1em;
	border:0;
	border-bottom: 1px #696969 solid;
	padding: 0.2em 0;
	width: 98%;
}
.overlay textarea {
	font-family: 'Poppins', Helvetica, Arial, Geneva, sans-serif;
	font-size: 10pt;
	color: #696969;
	line-height: 1.25;
	padding-left: .3em;
	white-space: nowrap;
	white-space: pre;
	overflow: scroll;
	height: 525px;
	width: 98%;
}
.overlay textarea#chordProSource {
	font-family: Monaco, "Consolas", "Lucida Console", "Courier New", courier, monospace;
	font-size: 10pt;
	color: #000000;
	line-height: 1.25;
	}
.overlay input[type=text], .overlay input[type=password], .overlay textarea {
	background-color: rgba(255,255,255,0.7);
	max-width: 100%;
	max-height: 100%;
	font-family: 'Poppins', Helvetica, Arial, Geneva, sans-serif;
	font-size: 1em;
	color: #696969;
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}
.overlay input#songTitle, .overlay input#songArtist {
	max-width: 93%;
}
.overlay input[type=text]:hover, .overlay input[type=password]:hover, .overlay textarea:hover {
	background-color: rgba(255,255,200,0.7);
	border-color: #444;
}
.overlay input[type=text]:focus, .overlay input[type=password]:focus, .overlay textarea:focus {
	background-color: rgba(255,255,255,0.9);}

.overlay h3 {
	background: #ffffff;
	border-radius: 2px 2px 0 0;
	color: #000000;
	font-size: 22px;
	height: 53px;
	line-height: 40px;
	padding: 10px 12px 0;
}

.loginPage .overlay > div {
	clear: both;
	width: 268px;
	background: #FFFFFF;
	border-radius: 0 0 2px 0;
	color: #696969;
	overflow: hidden;
	padding: 10px 20px;
	float: right;
}
.loginPage .overlay ul li {
	margin-bottom: 1em;
}
.loginPage .overlay label {
	font-size: 0.8em;
}
.loginPage .overlay h3 {
	background: url("../img/login-header.png") no-repeat 0 0;
	border-radius: 0 2px 0 0;
	line-height:999em;
	width: 308px;
	height: 240px;
	padding: 0;
	overflow:hidden;
	float: right;
}
.loginPage .overlay input.baseBtn {
	background: #696969 url(../img/signin.png) top right no-repeat;
	border-radius: 2px;
	padding: 0;
	width: 100%;
	height: 30px;
}
.loginPage .overlay input.baseBtn:hover {
	background-color: #F58220;
}
.overlay .closeBtn {
	background: url("../img/editor/closeBtn.png") no-repeat 0 0 transparent;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 10px;
	text-indent: -5000em;
	top: 14px;
	width: 30px;
}
.overlay .resizeBtn {
	background: url("../img/editor/resizeBtn.png") no-repeat 0 0 transparent;
	display: block;
	height: 20px;
	outline: none;
	position: absolute;
	right: 55px;
	text-indent: -5000em;
	top: 18px;
	width: 20px;
}
html .helpDlg {
	top: 75px;
	right: 70px;
	width: 300px;
	z-index: 1;
}
html .optionsDlg {
	top: 100px;
	right: 210px;
	width: 380px;
	z-index: 2;
}
.optionsDlg div {
	font-size: .91em;
}
.optionsDlg div li {
	padding-bottom: .82em;
}
.chordBuilderDlg {
	top: 50%x;
	width: 500px;
	-webkit-transition: width 0.6s ease;
	-moz-transition: width 0.6s ease;
	-ms-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}
html .chordBuilderNarrow {
	width: 345px;
}
.helpDlg {
	font-size: .9em;
}
.normalHtml p, .normalHtml ul, .normalHtml ol {
	margin-bottom: 1em;
}
.normalHtml li {
	list-style: disc outside none;
	margin-left: 1em;
	padding-bottom: .4em;
}
.normalHtml h3 {
	font-size: 1.2em;
	font-weight: bold;
}
.reformatDlg {
	right: 25%;
	top: 100px;
	width: 480px;
	z-index: 3;
}
.instructions {
	width: 28em;
	padding: 0 0 .7em;
	color: #563324;
}
.instructions.small {
	clear: both;
	font-size: .8em;
	display: block;
	width: 35em;
}
html .reformatDlg textarea {
	height: 15em;
}
.layoutOptions {
	left: 50px;
}
.layoutOptions:after, .layoutOptions:before {
	left: 22%;
}
.tuningOptions {
	left: 150px;
}
#transposeOptions em {
	color: #ccc;
	float: right;
	font-size: 0.86em;
}
.otherOptions {
	left: 250px;
}
.helpOptions {
	left: 344px;
}
.hasSongbookLink .layoutOptions:after, .hasSongbookLink .layoutOptions:before {
	left: 72%;
}
.hasSongbookLink .tuningOptions {
	left: 250px;
}
.hasSongbookLink .otherOptions {
	left: 300px;
}
.hasSongbookLink .otherOptions:after, .hasSongbookLink .otherOptions:before {
	left: 70%;
}
.hasSongbookLink .helpOptions {
	left: 340px;
}
.hasSongbookLink .helpOptions:after, .hasSongbookLink .helpOptions:before {
	left: 80%;
}
.theme-reversed {
	background-color: #000;
	color: #fff;
}
.theme-reversed pre {
	color: #e9e9e9;
}
.theme-reversed .scalablePrintArea {
	background-color: transparent;
}
.theme-reversed .scalablePrintArea h5, .theme-reversed .scalablePrintArea h6 {
	border-left-color: #444;
	color: #69f;
}
.theme-reversed .ugsChorus {
	border-left-color: #333;
}
.theme-reversed .ugsChords code {
	color: #333;
}
.theme-reversed .ugsChords code em {
	color: #f42;
}
.theme-reversed .subNav a:hover {
	background-color: #888;
	color: #000;
}
.theme-reversed .overlay {
	background-color: #4e1c07;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #000;
}
.theme-jellyBean pre {
	color: inherit;
}
.theme-jellyBean .scalablePrintArea {
	color: #56a0a5;
	font-family: "Comic Sans MS", "Marker Felt", cursive, sans-serif;
}
.theme-jellyBean .scalablePrintArea hgroup {
	color: #ff9417;
	text-align: center;
}
.theme-jellyBean .scalablePrintArea h1 {
	color: #d20770;
	font-family: 'Peralta', cursive, sans-serif;
	font-size: 2em;
	text-shadow: 0.03125em 0.0625em 0 #fff, 0.09375em 0.125em 0 #f2e660;
}
.theme-jellyBean .scalablePrintArea h2 {
	font-size: 1.1em;
}
.theme-jellyBean .scalablePrintArea h5, .theme-jellyBean .scalablePrintArea h6 {
	border-left-color: #f2e660;
	color: #9c55ed;
	font-family: inherit;
	letter-spacing: 0.045em;
}
.theme-jellyBean .ugsChorus {
	border-left-color: #f2e660;
	border-radius: 5px 0 0 5px;
}
.theme-jellyBean .ugsChords code {
	color: #333;
}
.theme-jellyBean .ugsChords code em {
	color: #d20070;
}
.theme-western .scalablePrintArea {
	color: #88410a;
}
.theme-western .scalablePrintArea hgroup {
	color: #88410a;
	font-family: 'Smokum', Arial, sans-serif;
	text-align: center;
}
.theme-western .scalablePrintArea h1 {
	color: #472b07;
	font-family: inherit;
	font-size: 3.3em;
	text-shadow: 0.011em 0.037em 0 #fff, 0.055em 0.07em 0 #e5dcc0;
}
.theme-western .scalablePrintArea h2 {
	font-size: 1.7em;
}
.theme-western .scalablePrintArea h5, .theme-western .scalablePrintArea h6 {
	border-left-color: #bed379;
	color: #92a88c;
	font-family: 'Smokum', Arial, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	padding: 0;
	text-indent: 1em;
}
.theme-western .ugsChorus {
	border-left-color: #bec481;
	border-radius: 5px 0 0 5px;
}
.theme-western .ugs-source-wrap pre {
	color: inherit;
}
.theme-pumpkin .scalablePrintArea {
	color: #68391d;
}
.theme-pumpkin .scalablePrintArea hgroup {
	color: #b14623;
	text-align: center;
}
.theme-pumpkin .scalablePrintArea h1 {
	color: #d3770e;
	font-family: 'Ranchers', Arial, sans-serif;
	font-size: 3.2em;
	line-height: 1.1;
	text-shadow: 0.064em 0.044em 0 #edf8ce, -0.037em 0.044em 0 #edf8ce, -0.074em .094em 0 #bed379, 0.074em .094em 0 #bed379;
}
.theme-pumpkin .scalablePrintArea h2 {
	font-family: 'Cherry Cream Soda', cursive, sans-serif;
	font-size: 1.1em;
}
.theme-pumpkin .scalablePrintArea h5, .theme-pumpkin .scalablePrintArea h6 {
	border-left-color: #bed379;
	color: #ffc501;
	font-family: 'Cherry Cream Soda', cursive, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	padding: 0;
	text-indent: 1em;
}
.theme-pumpkin .ugs-source-wrap pre {
	color: inherit;
}
.theme-pumpkin .ugsChorus {
	border-left-color: #a0b74e;
	border-radius: 5px 0 0 5px;
}
.theme-pumpkin .ugsChords code em {
	color: #fe9600;
}
.theme-zombie .scalablePrintArea {
	color: #798666;
}
.theme-zombie .scalablePrintArea hgroup {
	color: #902374;
	text-align: center;
}
.theme-zombie .scalablePrintArea h1 {
	color: #bed63a;
	font-family: 'Creepster', cursive, sans-serif;
	font-size: 3.2em;
	line-height: 1.1;
	text-shadow: 0.002em 0.002em 0em #364000, 0.044em 0.044em 0 #9eb036, -0.042em -0.014em 0 #8f2472, 0.087em 0.074em 0 #8f2472, -0.074em 0.094em 0 #ca4f04, 0.074em 0.174em 0 #ca4f04;
}
.theme-zombie .scalablePrintArea h2 {
	font-family: 'Cherry Cream Soda', cursive, sans-serif;
	font-size: 1.1em;
	text-shadow: 0.12em 0.13em 0 #dbdae8;
}
.theme-zombie .scalablePrintArea h5, .theme-zombie .scalablePrintArea h6 {
	border-left-color: #e4dca4;
	color: #798666;
	font-family: 'Peralta', cursive, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	padding: 0;
	text-indent: 1em;
	text-shadow: 0.03em 0.07em 0 #bed63a;
}
.theme-zombie .ugs-source-wrap pre {
	color: inherit;
}
.theme-zombie .ugsChorus {
	border-left-color: #cdc693;
	border-radius: 6px 0 0 6px;
}
.theme-zombie .ugsChords code em {
	color: #dd1a52;
}
.theme-frosty .scalablePrintArea {
	color: #154286;
}
.theme-frosty .scalablePrintArea hgroup {
	color: #6a97db;
	text-align: center;
}
.theme-frosty .scalablePrintArea h1 {
	color: #d5e2f5;
	font-family: 'Cherry Cream Soda', cursive, sans-serif;
	font-size: 2.18em;
	letter-spacing: 0.05em;
	line-height: 1.1;
	text-shadow: -0.064em -0.034em 0 #fff, 0.008em 0.008em 0 #a3e3d7, 0.009em -0.009em 0 #a3e3d7, 0.098em 0.115em 0 #154286, 0.064em 0.064em 0 #00183d, -0.114em -0.064em 0 #154286, -0.114em 0 0 #154286, 0 -0.064em 0 #154286, -0.084em 0.064em 0 #154286, 0.064em -0.034em 0 #154286;
}
.theme-frosty .scalablePrintArea h2 {
	font-family: 'Ranchers', Arial, sans-serif;
	font-size: 1.2em;
}
.theme-frosty .scalablePrintArea h5, .theme-frosty .scalablePrintArea h6 {
	border-left-color: #e3f7f3;
	color: #80b7b1;
	font-family: 'Cherry Cream Soda', cursive, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	padding: 0;
	text-indent: 0.6em;
}
.theme-frosty .ugs-source-wrap pre {
	color: inherit;
}
.theme-frosty .ugsChorus {
	border-left-color: #0896fe;
	border-radius: 6px 0 0 6px;
}
.theme-frosty .ugsChords code em {
	color: #0896fe;
}
.theme-krampus .scalablePrintArea {
	color: #929867;
}
.theme-krampus .scalablePrintArea hgroup {
	color: #929867;
	text-align: center;
}
.theme-krampus .scalablePrintArea h1 {
	color: #a22c27;
	font-family: 'Lobster', cursive, sans-serif;
	font-size: 2.78em;
	line-height: 1.1;
	text-shadow: 0.036em 0.04em 0 #fcece8, 0.05em 0.08em 0 #4f2621, 0.02em 0.08em 0 #4f2621;
}
.theme-krampus .scalablePrintArea h2 {
	font-family: 'Peralta', cursive, sans-serif;
	font-size: 1.2em;
	text-shadow: 0.03em 0.03em 0 #fff, 0.08em 0.1em 0 #ebd592;
}
.theme-krampus .scalablePrintArea h5, .theme-krampus .scalablePrintArea h6 {
	border-left-color: #7b8055;
	color: #a32c28;
	font-family: 'Peralta', cursive, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	padding: 0;
	text-indent: 0.6em;
}
.theme-krampus .ugs-source-wrap pre {
	color: inherit;
}
.theme-krampus .ugsChorus {
	border-left-color: #b9c97e;
	border-radius: 6px 0 0 6px;
}
.theme-krampus .ugsChords code em {
	color: #384030;
}
.theme-notebook .scalablePrintArea {
	color: #437;
	font-family: 'Architects Daughter', Arial, sans-serif;
}
.theme-notebook .scalablePrintArea hgroup {
	color: #2e2ecc;
	font-family: inherit;
	text-align: center;
}
.theme-notebook .scalablePrintArea h1 {
	border-color: #e4e4ff;
	border-style: solid;
	border-width: 1px 0;
	color: #252537;
	font-family: 'Permanent Marker', Arial, sans-serif;
	font-size: 2em;
	margin-bottom: 0.2em;
}
.theme-notebook .scalablePrintArea h2 {
	border-bottom: 1px solid #e4e4ff;
	font-size: 1.1em;
}
.theme-notebook .scalablePrintArea h5, .theme-notebook .scalablePrintArea h6 {
	border-left-color: #626283;
	color: #2e2ecc;
	font-family: 'Permanent Marker', Arial, sans-serif;
	font-size: 1.3em;
	padding: 0;
	text-indent: 0.7em;
}
.theme-notebook .ugs-source-wrap pre {
	color: inherit;
}
.theme-notebook .ugsChorus {
	border-left-color: #a4a0b2;
	border-radius: 6px 0 0 6px;
}
.theme-notebook .ugsChords code {
	font-family: inherit;
}
.theme-justBlack .ugs-source-wrap h5, .theme-justBlack .ugs-source-wrap h6 {
	color: #000;
	font-family: 'Bree Serif', Arial, sans-serif;
	font-style: normal;
}
.theme-justBlack .ugsChords code em {
	color: #000;
	font-weight: bold;
}
.theme-justBlack .scalablePrintArea hgroup, .theme-justBlack .scalablePrintArea hgroup * {
	font-family: 'Bree Serif', Arial, sans-serif;
	font-style: normal;
}
.theme-justBlack .scalablePrintArea hgroup {
	text-align: center;
}
.scalablePrintArea {
	-moz-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	background-color: #fff;
	font-size: inherit;
	/* -moz-box-shadow: 3px 0 9px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px 0 9px rgba(0,0,0,0.4);
	box-shadow: 3px 0 9px rgba(0,0,0,0.4); */
}
.scalablePrintArea hgroup {
	padding-bottom: .15in;
}
html .ugsHideDiagrams .ugs-diagrams-wrap {
	display: none;
}
html .ugsHideDiagrams .ugs-source-wrap {
	margin-left: 0;
}
html .diagramsOnTop .ugs-diagrams-wrap {
	float: none;
	width: auto;
}
html .diagramsOnTop .ugs-source-wrap,
html .diagramsOnSide .ugs-source-wrap { /* Moved chords to right hack */
	margin-left: 0;
}
.ugsNoChords .ugs-source-wrap {
	margin-left: 0;
}
.diagramsOnSide .ugs-diagrams-wrap {
	float: right;
	padding-top: 11px;
}
.diagramsOnSide .ugs-source-wrap {
	/*  */
	margin-left: 0; /* Moved chords to right hack, was margin-left: 250px; */
}
.liBtn, .liBtn * {
	cursor: pointer;
}
.pageWidth_letter .scalablePrintArea {
	width: 8in;
	padding: 0.2in;
	min-height: 10.5in;
}
.pageWidth_a4 .scalablePrintArea {
	width: 27.2cm;
	margin: 0 auto;
	margin-top: 100px;
	padding-top:1.8cm;
	padding-right:0;
	padding-bottom: 30px;
	min-height: 28cm;
}
.pageWidth_screen .scalablePrintArea {
	padding: 20px;
}
.scalablePrintArea .ugs-diagrams-wrap canvas {
	zoom: 1;
}
.scalablePrintArea .ugs-diagrams-wrap {
	zoom: 1;
}
.scalablePrintArea .ugs-source-wrap {
	zoom: 1;
}
.aceEditorActive, .aceEditorActive body {
	overflow: hidden;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
.aceEditorActive #aceHeader {
	display: block;
}
.aceEditorActive .ugsAppMenuBar, .aceEditorActive .overlay, .aceEditorActive .scalablePrintArea {
	display: none;
}
#aceHeader {
	position: fixed;
	background-color:#CACACA;
	top:120px;
	border-bottom: solid 1px;
	font-family: arial, sans-serif;
	font-size: 1;
	line-height: 40px;
	height: 40px;
	padding: 0 15px;
	display: none;
	width:98%;
}
#aceHeader a {
	display:block;
	font-size: 0.87em;
	line-height: inherit;
	color: inherit;
	text-decoration: none;
	float: right;
}
#aceHeader a:hover {
	color: #cc7833;
	text-decoration: none;
}
#aceEditor {
	position: fixed;
	top:162px;
	right: 0;
	bottom: 0;
	left: 0;
}
.aceSideBtn {
	background-color: rgba(0,0,0,0);
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
	float: left;
	margin: 7px 0.8em 0 0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}
.aceSideBtn span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #888;
	border-radius: 1px;
	display: block;
	height: 2px;
	margin: 4px 2px;
	width: 16px;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}
.aceSideBtn:hover {
	background-color: #333;
}
.aceSideBtn:hover span {
	background-color: #eee;
}
#aceHelp {
	bottom: 0;
	left: -350px;
	margin: 0;
	position: absolute;
	top: 108px;
	width: 350px;
}
#aceHelp {
	background: #fff;
	color: #707273;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	overflow-y: auto;
	text-align: left;
}
.aceHelp {
	border-top: 2px solid #333;
	padding: 1em .6em;
}
.aceHelp h1, .aceHelp h3 {
	color: #222;
	font-size: 2.5em;
	font-weight: 500;
	line-height: 1em;
	margin: 0 0 1em;
}
.aceHelp h3 {
	font-size: 1.3em;
}
.aceHelp p {
	line-height: 1.6em;
	margin: 0 0 1em;
}
.aceHelp table {
	margin: 20px 0 10px;
}
.aceHelp strong {
	font-weight: bold;
}
.aceHelp td, .aceHelp th {
	color: #787878;
	padding: 0 .8em .8em 0;
	vertical-align: baseline;
}
.aceHelp th {
	font-weight: bold;
}
.aceHelp .key {
	background-color: #666;
	border: 0 none;
	border-radius: .22em;
	color: #fff;
	font-family: Arial;
	display: inline-block;
	font-size: .71em;
	font-weight: bold;
	line-height: 1.1;
	padding: .22em .4em;
	text-transform: uppercase;
}
.aceHelp .shortKeys {
	white-space: nowrap;
	padding-right: 1.4em;
}
.ugs-songArtist {
	padding-top:10px;
}

/* Back to Top Button */
#topBtn {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#7C0E6C;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#topBtn:hover {
  background-color: #5E4FC1;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	#container {
		width: 780px;
	}
		.loginPage .overlay {
		left: 50%;
		top:160px;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#container {
		width: 640px;
	}
	.loginPage .overlay {
		left: 50%;
		top:160px;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	#container {
		width: 320px;
	}
	.loginPage .overlay {
		left: 50%;
		top:160px;
	}
	.baseBtn {
		width: 168px;
		height: 32px;
		padding: 0.2em 0;
		margin-top: 6px;
	}
}