article,
aside,
details,
footer,
header,
nav,
section{display:block;}
[hidden]{display:none;}
html{font-size:100%;
-ms-text-size-adjust:100%;}
html,
button,
input,
select,
textarea{font-family:sans-serif;}
body{margin:0;}
a:focus{outline:thin dotted;}
a:active,
a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
h2{font-size:1.5em;margin:0.83em 0;}
h3{font-size:1.17em;margin:1em 0;}
b,
strong{font-weight:bold;}
p,
pre{margin:1em 0;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
dl,
menu,
ol,
ul{margin:1em 0;}
dd{margin:0 0 0 40px;}
menu,
ol,
ul{padding:0 0 0 40px;}
nav ul,
nav ol{list-style:none;list-style-image:none;}
form{margin:0;}
button,
input,
select,
textarea{font-size:100%;
margin:0;
vertical-align:baseline;
*vertical-align:middle;}
button,
input{line-height:normal;}
button,
select{text-transform:none;}
button,
html input[type="button"], 
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;
cursor:pointer;
*overflow:visible;}
button[disabled],
html input[disabled]{cursor:default;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;
padding:0;
*height:13px;
*width:13px;}
input[type="search"]{-webkit-appearance:textfield;
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;
box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;
vertical-align:top;}

html,
button,
input,
select,
textarea{color:#222;}
body{font-size:1em;line-height:1.4;}
img{vertical-align:middle;}
textarea{resize:vertical;}
body{font:16px/22px Helvetica, Helvetica Neue, Arial;}
.wrapper{width:90%;margin:0 5%;}
.header-container{border-bottom:20px solid #0a395d;}
.footer-container{border-top:20px solid #0a395d;}
.header-container,
.footer-container{background:#266190;}
.footer-container a:visited{color:yellow;}
.footer-container a:hover,
.footer-container a{color:white;}
header .title{color:white;}
nav ul{margin:0;padding:0;}
nav li{white-space:pre;}
nav a{display:block;margin-bottom:10px;padding:15px 0;text-align:center;text-decoration:none;font-weight:bold;color:white;background:#0a395d;}
nav a:hover,
nav a:visited{color:white;}
nav a:hover{text-decoration:underline;}
.main{padding:30px 0;}
.main article h1{font-size:2em;}
.main aside{color:white;padding:0px 5% 10px;}
.footer-container footer{color:white;padding:20px 0;}
.ie7 header .title{padding-top:20px;}
@media only screen and (min-width:480px){
nav a{float:left;width:27%;margin:0 1.7%;padding:25px 2%;margin-bottom:0;}
nav li:first-child a{margin-left:0;}
nav li:last-child a{margin-right:0;}
nav ul li{display:inline;}
.oldie nav a{margin:0 0.7%;}}@media only screen and (min-width:768px){
.header-container{box-shadow:0 5px 10px #aaa;}
header .title{float:left;}
nav{float:right;width:60%;}}@media only screen and (min-width:1140px){
.wrapper{width:1026px;
margin:0 auto;}}.clearfix:before,
.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
@media print{*{background:transparent !important;color:#000 !important;
box-shadow:none !important;text-shadow:none !important;border-color:white !important;}
body{font:16px Arial;}
.header-container,
.footer-container,
header,
footer,
.backgroundLogo,
.iconGlyph{display:none !important;}
@page{margin:0.5cm;}}

@font-face{font-family:'your_iconsregular';src:url('protezaiconfont-webfont.eot');src:url('protezaiconfont-webfont.eot?#iefix') format('embedded-opentype'),
url('protezaiconfont-webfont.woff') format('woff'),
url('protezaiconfont-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;}
.iconGlyph{font-family:'your_iconsregular';background:#66a6dc linear-gradient(to bottom, #66a6dc, #0a395d);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66a6dc', endColorstr='#0a395d');color:white;padding:5px;border-radius:5px;box-shadow:2px 2px 4px #aaa;}
.iconGlyph{font-size:18px;}
button .iconGlyph{font-size:32px;}
button{border:none;background:none;height:48px;padding:1px;}
a.iconLink{text-decoration:none;}
section{padding:2em 1em 1em 1em;}
.preview{margin-top:1em;}
.editor{margin-top:1em;margin-bottom:1em;}
textarea{background:transparent;}
.songList a{display:block;text-indent:-1em;padding-left:1em;}
table.demoChords{border-spacing:0px;border-collapse:collapse;}
table.demoChords td,
table.demoChords th{border:1px solid black;padding:2px 5px;}
table.demoChords th{background-color:#266190;color:white;}
@media only screen and (min-width:480px){.backgroundLogo{font-family:'your_iconsregular';position:fixed;font-size:400px;;top:350px;z-index:-1;color:#e0e0e0;width:100%;text-align:center;vertical-align:top;}
.songList .sameFirstLetter{break-inside:avoid;}
.songList{column-count:2;}}@media only screen and (min-width:720px){.songList{column-count:3;}}@media only screen and (min-width:960px){.songList{column-count:4;}}@media only screen and (min-width:1200px){.songList{column-count:5;}}@media only screen and (min-width:1440px){.songList{column-count:6;}}.songList .sameFirstLetter{margin-top:1em;}
.bigLetter{font-weight:bold;font-size:1em;}
.fragment{display:inline-block;}
.chord{font-weight:bold;}
.text{}
.line{white-space:pre;}
.strophe{margin-bottom:2em;break-inside:avoid;}
.stropheLabel{font-style:italic;}
.stropheLabel + .stropheLines{padding-left:2em;}
.songName,
.author{margin:0px 0px 15px 40px;white-space:pre;}
.author{font-size:1em;font-weight:bold;}
.songName a{font-size:0.5em;margin-left:2em;}
.editor{width:80%;height:30em;}
input.title{width:50em;}
.errorMessage{font-weight:bold;color:red;}

.addSongToList a{border-left:3px solid green;}
.removeSongFromList a{border-left:3px solid red;}
.addSongToList .inactive{color:gray;}