body {
}


.formPersonTitle {
width:500px;

}

.formLarge {
    font-size:1.1em;
    width: 350px;
}

.formWide150 {
    width: 150px;
}



.formWide300 {
    width: 300px;
}
.formWide350 {
    width: 350px;
 

}

.formWide500 {
    width: 500px;
}

.formWide800 {
    width: 800px;
}




.QuoteBoxBlueSmall {
    float: right;
    border: 1px solid #ddddee;
    border-radius: 8px;
    padding: 13px;
    background-color: #fbfdff;
    width: 400px;
    margin-left: 12px;
    margin-bottom: 16px;
    -webkit-box-shadow: inset 0 0px 40px #e1efff;
    box-shadow: inset 0 0px 40px #e1efff;
}



.SummaryBox {
    float: right;
    border: 1px solid #ddddee;
    border-radius: 8px;
    padding: 13px;
    background-color: #fbfdff;
    width: 100%;
    margin-left: 12px;
    margin-bottom: 16px;
    -webkit-box-shadow: inset 0 0px 40px #e1efff;
    box-shadow: inset 0 0px 40px #e1efff;
}


.QuoteBoxBlue {
    
    float: right;
    border: 1px solid #ddddee;
    border-radius: 8px;
    padding: 13px;
    background-color: #fbfdff;
    width: 50%;
    margin-left: 12px;
    margin-bottom: 16px;
    -webkit-box-shadow: inset 0 0px 40px #e1efff;
    box-shadow: inset 0 0px 40px #e1efff;
}



.QuoteBoxBlueTitle {
    color: #aaaaaa;
    font-size: .9em;
    line-height: 1.1em;
}

.QuoteBoxBlueQuote {
    font-style: italic;
    font-size: .9em;
    line-height: 1.1em;
    margin-top:4px;
}
.QuoteBoxBlueSource {
    color: #aaaaaa;
    font-size: .9em;
    font-style: italic;
}



.searchTitle {
    color: #222222;
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: top;
}

.searchTitleLarge {
    color: #222222;
    font-size: 1.3em;
    font-weight: bold;
    vertical-align: top;
    line-height: 1.6em;
}

.searchTitleArtist {
    color: #222222;
    font-size: 1.5em;
    font-weight: bold;
    vertical-align: top;
    line-height: 1.7em;
}

.searchTitleTags {
    color: #222222;
    font-size: .9em;
    font-weight: bold;
    vertical-align: top;
    display: inline;
}




.divSearch {
    display: inline-block;
    width: 100%;
    font-size: .9em;
    line-height: 1.5em;
}

.divSearchImg {
    display: inline-block;
    width: 130px;
}

.divSearchInfo {
    display: inline-block;
    max-width: 900px;
    vertical-align: top;
}

.divSearchInfoLarge {
    display: inline-block;
    max-width: 600px;
    font-size: 1.2em;
    line-height: 1.4em;
    vertical-align: top;
    padding: 5px;
}



.imgsearchleft {
    float: left;
    margin: 0px 16px 6px 0px;
}

.imgsearchfaded {
    float: left;
    margin: 0px 16px 6px 0px;
    opacity: .7;
}

.searchTitle {
    color: #222222;
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: top;
}

.searchTitleLarge {
    color: #222222;
    font-size: 1.3em;
    font-weight: bold;
    vertical-align: top;
    line-height: 1.6em;
}

.searchTitleArtist {
    color: #222222;
    font-size: 1.5em;
    font-weight: bold;
    vertical-align: top;
    line-height: 1.7em;
}

.searchTitleTags {
    color: #666666;
    font-size: .9em;
    font-weight: bold;
    vertical-align: top;
    display: inline;
}




.searchInfo {
    color: #555555;
    font-size: 1.0em;
    vertical-align: top;
}




.liMobileOnly {
    visibility: hidden;
    width: 0px;
    display: none;
    list-style: none;
}



.liMobileSearch {
    visibility: hidden;
    width: 0px;
    display: none;
    list-style: none;
}



.txtInstInfo {

width:550px;
height:300px;
font-style:italic;
color:#333333;

}


.txtInstPatches {

width:700px;
height:700px;

color:#333333;

}

.PresetList ul {

margin-bottom:8px;
padding:8px;
}
.PresetList li {
    border-top:1px solid #eaeaea;
    border-left:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
padding:4px;
line-height:.9em;
display:inline-block;
width:100%;
font-size:.9em;
color:#aaaaaa;
background-color:#fcfcfc;
margin:2px;
padding:8px;
}

.subtitle {
color:#444444;
font-size:.9em;
}

.header-userinfo {
color:#444444;
font-size:.9em;
line-height:1.2em;
}

.PresetTable {
    display:inline-table;
    border-top:1px solid #dddddd;
    
}

.PresetTableRow {
    display:table-row;
    
}

.PresetTableColumn {
    display:table-cell;
    font-size:.9em;
    border-bottom:1px solid #dddddd;
    padding:6px;
    vertical-align:top;
    margin-top:16px;
    
    
}

.PresetTableColumnHeader {
    display:table-cell;
    font-size:.9em;
    border-bottom:1px solid #dddddd;
    padding:6px;
    vertical-align:top;
    margin-top:16px;
    background-color:#f3f3f3;
    
    
}

.PresetTableColumnDualSpan {
    display:table-cell;
    font-size:.9em;
    border-bottom:1px solid #dddddd;
    padding:3px;
}


.savechangesbutton {
    all: unset;
    color: #f1f6f5;
    background-color: #19931c;
    font-weight:700;
    font-size: 1em;
    /* 20px */
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625em 1.25em;
    border-radius:10px;
    
}

.savechangesbutton:hover {
    background-color: #29b32c;
    color: #f1f6f5;
}




.uploadnowbtn {
    
  color: white;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 50%;
  opacity: 0.9;

  padding: 14px 20px;
  background-color: #298ce3;
}

.presetuploadbutton {
    color: #f1f5f6;
    background-color: #298ce3;
    font-weight:700;
    font-size: 1em;
    /* 20px */
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625em 1.25em;
    border-radius:10px;
}

.presetuploadbutton:hover {
    background-color: #399cf3;
    color: #f1f5f6;
}


.UserHeadline {
font-size:1em;
width:500px;
clear: both;
}

.UserSummary {
font-size:1em;
width:500px;
height:300px;
clear: both;
}

.dropdownUpload {
    width:100%;
    font-size: 1em;
    /* 20px */
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625em 1.25em;
    /* 10px 20px */
}

.gridStyle {
font-size:.9em;
width:100%;
color:#999999;
}





@media screen and (max-width: 768px) {


    .liMobileOnly {
        visibility: visible;
        display: block;
    }


    .liMobileSearch {
        visibility: visible;
        display: block;
    }



    .QuoteBoxBlueSmall {
        float: none;
        border: 1px solid #ddddee;
        border-radius: 8px;
        padding: 13px;
        background-color: #fbfdff;
        width: 95%;
        margin-bottom: 15px;
        -webkit-box-shadow: inset 0 0px 40px #e1efff;
        box-shadow: inset 0 0px 40px #e1efff;
    }

    .QuoteBoxBlue {
        
        float:none;
        border: 1px solid #ddddee;
        border-radius: 8px;
        padding: 13px;
        background-color: #fbfdff;
        width: 95%;
        
        margin-bottom: 15px;
        -webkit-box-shadow: inset 0 0px 40px #e1efff;
        box-shadow: inset 0 0px 40px #e1efff;
    }

    
}