html, body {
	padding: 0;
	margin: 0;	
}

h1 {
	color: #444;
	text-shadow: 1px 1px 0px #DDD;
	font-size: 150%;
	margin-top: 1em;	
}

#header {
	position: absolute;
	left: 0;
	width: 147px;
	height: 100px;
	background: url('../img/logo2.png');
}
#header a {
	border: 0;
	display: block;
	height: 100%;
}


a:link:hover {
	-webkit-transition-duration: 200ms;
}

.about-scans {
	margin: 2em;	
}

input.text,
textarea.text {
	border: 1px solid #DDD;
	margin: 2px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
}

.bigform input.text,
.bigform textarea.text {
	width: 512px;
}

td {
	padding: 0.25em;
	padding-right: 0.25em;
	border-spacing: 0;
	vertical-align: top;
}

table {
	border-collapse: collapse;
}


.center_wrapper {
	/*overflow:	hidden;*/
}

.center {
	position:	relative;
	left:		50%;
	float:		left;
}



html, body {
	height:100%;
	overflow: hidden;
}
div.content {
	background-color:	#EBEBEB;
	padding:			0em 2em;
	/*min-width:			630px;*/
	/*-webkit-box-shadow:	0 0 2em #BBB;
	-moz-box-shadow:	0 0 2em #BBB;*/
	margin-left:		147px;
	overflow:		auto;
	height:			100%;
	position: relative;
}


.center .content {
	position:			relative;
	left:				-50%;
}


.showsheetmusic img {
	display: block;
	max-width: 100%;
	border: 2px solid #EEE;
	padding: 4px;
	background: white;
	-webkit-box-shadow:	0 0 2em #BBB;
	-moz-box-shadow:	0 0 2em #BBB;
	-moz-transition-duration: 0.3;
	-webkit-transition-duration: 0.3;
}

form {
	float: none;
}

form table {
	border-spacing:		0 0;
	border-collapse:	collapse;
	table-layout:		fixed;
}

table form {
	margin-bottom: 0;	
}
form.compact input {
	margin: 0;
	padding: 0;	
}

label {
	padding-right:	1em;
	color:			#555;
	/*font-family:	"lucida grande",tahoma,verdana,arial,sans-serif;*/
	font-size:		12px;
	font-weight:	bold;
	/*text-align:		right;*/
	display:		block;
	width:			100%;
}


td label {
	text-align:		left;
	padding:		1px;
	line-height:	inherit;
}

label.checkbox {
	display:		inline;
}

li {
	list-style-type: outside;
}

li label {
	float: left;
	width:	147px;
	text-align: left;
}

table tr.odd {
	
}

table tr.even {
	
}

tr.spacer hr,
hr.spacer {
	border: 0;
	border-bottom: #DDD 1px solid;
	margin: 0.25em -1em;
}

.imported input,
.imported textarea,
.imported select {
	background-color: #FFFCDF;
}

.custom input,
.custom textarea,
.custom select
 {
	/*background-color: LightSkyBlue;*/
	background-color: #FFFCDF;
}

.original input,
.original textarea,
.original select {
	background-color: white;
}

.imported .oldvalue.imported {
	display:	none;
}

.original .oldvalue.original {
	display:	none;
}


.oldvalue {
	font-family: arial;
	font-size:	9pt;
	color:		grey;
	clear:		both;
	margin:		0.8em;
}
.oldvalue label {
	margin-right:	0.5em;
	width:			8em;
	display:		block;
	float:			left;
	/*font-size:		9pt;*/
	font-weight:	normal;
}
.oldvalue .value {
	/*font-size:	12px;*/
	display:	block;
	float:		left;
	width:		25em;
}


.message {
	-moz-border-radius:	1em;
	-webkit-border-radius: 1em;
	border:				1px solid #DDD;
	margin:				2em 0.5em;
	padding:			0.5em;
	font-size:			14px;
	clear:				both;
	white-space:		pre-wrap;
}

.message.notice {
	background-color:	#E2EFC2;
	color:				#4B4F40;
}

.message.warning {
	background-color:	#EFD6C2;
	color:				#433C36;
}

.message.help {
	background-color:	#D6D2EF;
	color:				#3C3643;
}


a.small {
	font-size: 80%;
	margin: 0 1em;
}

.value {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 	15px;
	color:		#333;
}

.soft{
	font-size: 85%;
	color:		#555;	
}

li {
	clear: both;
}

form.hybrid input {
	display: block;
	clear: both;
}

form.hybrid input.edit {
	display: inline;
	width:	auto;
}

form.hybrid .custom input {
	display: none;
	width: 100%;
}

form.hybrid .value {
	display: block;
}

form.hybrid .value,
form.hybrid input {
	padding: 0;
	margin: 0;
	font-size: 10pt;
}

.fill {
	width: 100%;
}

br {
	clear: both;
}

.tabs {
	float: left;
	margin-top: 2em;
	margin-bottom: 1em;
	border-left: 1px solid #DDD;
	border-bottom:	1px dotted #AAA;
	width:	100%;
}

.tabs .tab {
	float: left;
	border: 1px solid #DDD;
	border-bottom: 0;
	border-left: 0;
	margin-bottom:	-1px;
	text-shadow: #CCC 1px 1px 0px;
}


.tabs .tab.inactive.disabled a {
	cursor:	default;
	color: #DDD;	
}
.tabs .tab.inactive.disabled a:hover {
	border-bottom: inherit;
}

.tabs .tab a {
	display: block;
	padding: 0.25em 1em;
}

.tabs .tab.inactive a {
	background-color: #E9E9E9;
	text-shadow: 2px #DDD;
}

.tabs .tab.inactive a:hover {
	background-color: transparent;	
	-webkit-transition-duration: 100ms;
}

.tabs .tab.active a,
.tabs .tab.active a:hover,
.tabs .tab.active a:active
 {
	border-bottom: 1px solid #EBEBEB;
	text-shadow: #DDD 1px 1px 2px;

}

.tabs .tab.active a:hover {
	color: inherit;
}

form ul {
	margin-top: 0;	
}


tr.diff_modified {
	background-color: #E2EFC2;
}

img.sheetmusic {
	min-height: 		16px;
	min-width:			14px;
	background-image:	url('../img/loading-small.gif');
	background-repeat:	no-repeat;	
	background-color:	white;
	background-position:6px 6px;
	border:				2px solid #EEEEEE;
	color:				transparent;
	padding:			6px;
	display:			block;
}

img.sheetmusic {
	padding:			1em;
	background-position:	1em 1em;
}



.page_history label {
	padding-right:		0;	
}

label:first-letter {
	text-transform: uppercase;	
}

.l.translated {
	background-color:	#AAFFAA;
	color:				#00AA00;	
}

.emptyspace-10 {
	height: 10em;	
}

div.help.message {
	white-space: pre-line;
	position: relative;
}
.help .hidebutton {
	background-image: url('../img/icon-crossedsquare.png');
	opacity: 0.5;
	background-repeat: no-repeat;
	background-position: -2px -2px;
	width: 12px;
	height: 14px;
	position: absolute;
	right: 0.5em;
	top: 0.5em;
	display: none;
	cursor: pointer;
}

.help .hidebutton span{
	display: none;
}

a.hidebutton:hover {
	border-bottom: 0;	
}
.help.hidden.message {
	margin: 0;
	position: absolute;
	right: 1em;
	top: 1em;
	display: block;
	width: 16px;
	height: 16px;
}

.help.hidden.message .hidebutton {
	background: none;
	position: inherit;	
}
.help.hidden.message .hidebutton span {
	display: block;	
}

.help.hidden.message .content {
	display: none;
	
}

form input.error {
	border: 1px solid #C00;
}