.notice iframe {
    display: none;
}

div.boardback {
    background: url(/images/boards/cork1.png);
    width: 100%;
    height: 100%;
    padding: 0px;
    display: table;
    margin: 0px;
    box-shadow: 4px 4px 14px inset;
    -webkit-box-shadow: 4px 4px 14px inset;
    -moz-box-shadow: 4px 4px 14px inset;
}

.corkboard {
    margin: 24px 0px;
    overflow: hidden;
}

.newnote {
    width: 100px !important;
    height: 100px !important;
    max-height: 100px;
    max-width: 100px;
    min-height: 100px;
    min-width: 100px;
    padding: 5px;
    background: white;
    border: 2px double green;
}

.newnote img {
    position: relative;
    left: 20px;
    top: -10px;
}

.bimg {
    vertical-align: bottom;
}

.timg {
    vertical-align: bottom;
}

div.boardframe {
    padding: 30px;
    display: table;
    font-size: 120%;
}

div.boardframe a.note {
    -transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    cursor: pointer;
    display: block;
    color: black !important;
    opacity: 1;
}

div.boardframe a.note>div:first-child {
    z-index: 9;
}

div.boardframe a:hover.note>div:first-child {
    opacity: 0;
}

div#testboard a:hover.note>div:first-child {
    opacity: 1 !important;
}

div#testboard a:hover.note,
div#selectpaper a:hover.note {
    -webkit-transform: scale(1.0) !important;
    -moz-transform: scale(1.0) !important;
    transform: scale(1.0) !important;
    color: black !important;
    z-index: 0;
    position: relative;
    font-size: 100%;
}

div#selectpaper a.note {
    -transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    cursor: pointer;
    display: block;
    color: black !important;
    opacity: 1;
    width: 32px !important;
    height: 32px !important;
    padding: 0px !important;
    left: 0px !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
}

div.boardframe a:hover.note {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    transform: scale(1.6);
    color: black !important;
    z-index: 9999;
    position: relative;
    font-size: 70%;
}

.note {
    width: 160px !important;
    height: 160px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
    float: left;
    margin: 8px;
    line-height: 1.1em;
}

.sticky0 {
    background-color: hsla(359, 54%, 56%, 0.86) !important;
}

.sticky1 {
    background-color: #CBFAFA !important;
    ;
}

.sticky1 a,
.sticky1 .fc-title,
.sticky1 .fc-time {
    color: black !important;
}

.sticky2 {
    background-color: #FFF780 !important;
    ;
}

.sticky2 .summarycard_top {
    color: black;
}

.sticky3 {
    background-color: #F8CDCD !important;
    ;
}

.sticky3 div,
.sticky3 div span {
    color: black !important;
}

.sticky4 {
    background-color: rgb(98, 220, 245) !important;
    ;
}

transform {
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.sticky5 {
    background-color: brown !important;
    ;
}

.sticky5,
.sticky5 a,
.sticky5 .fc-widget-content {
    color: white !important;
}

.sticky5:hover .fc-widget-content {
    color: black !important;
}

.sticky5 .fc-content .fc-title {
    color: white !important;
    ;
}

.sticky5 .fc-content .fc-time {
    color: white !important;
    ;
}

.sticky6 {
    background-color: grey !important;
    ;
}

.sticky6,
.sticky6 a {
    color: white !important;
}

.sticky6 .fc-content .fc-title {
    color: white !important;
    ;
}

.sticky6 .fc-content .fc-time {
    color: white !important;
    ;
}

.sticky7 {
    background-color: #A2F887 !important;
    ;
}

.sticky8 {
    background-color: #D1B1FA !important;
    ;
}

.sticky9 {
    background-color: purple !important;
    ;
}

.sticky9,
.sticky9 a,
.sticky9 .fc-widget-content {
    color: white !important;
}

.sticky9:hover .fc-widget-content {
    color: black !important;
}

.sticky9 .fc-content .fc-title {
    color: white !important;
    ;
}

.sticky9 .fc-content .fc-time {
    color: white !important;
    ;
}

.sticky9 .location {
    color: white !important;
    ;
}

.sticky10 {
    background-color: red !important;
    ;
}

.sticky10,
.sticky10 a,
.sticky10 .fc-widget-content {
    color: white !important;
}

.sticky10:hover .fc-widget-content {
    color: black !important;
}

.sticky10 .fc-content .fc-title {
    color: white !important;
    ;
}

.sticky10 .fc-content .fc-time {
    color: white !important;
    ;
}

.sticky11 {
    background-color: orange !important;
    ;
}

.sticky12 {
    background-color: green !important;
    ;
}

.sticky12,
.sticky12 a {
    color: white !important;
}

.sticky13 {
    background-color: blue !important;
    ;
}

.sticky13,
.sticky13 a,
.sticky13 .fc-widget-content {
    color: white !important;
}

.sticky13:hover .fc-widget-content {
    color: black !important;
}

.sticky13 .fc-content .fc-title {
    color: white !important;
    ;
}

.sticky13 .fc-content .fc-time {
    color: white !important;
    ;
}

.sticky14 {
    background-color: navy !important;
    ;
}

.sticky14,
.sticky14 a,
.sticky14 .fc-widget-content {
    color: white !important;
}

.sticky14:hover .fc-widget-content {
    color: black !important;
}

.sticky14 .fc-content .fc-title {
    color: white !important;
    ;
}

.sticky14 .fc-content .fc-time {
    color: white !important;
    ;
}

.sticky15 {
    background-color: pink !important;
    ;
}

.pin0 {
    width: 60px;
    height: 60px;
    background: url(/images/boards/pin_0.png);
    position: relative;
    top: -23px;
    left: -2px;
    ;
    margin-left: auto;
    margin-right: auto;
}

.pin1 {
    width: 60px;
    height: 60px;
    background: url(/images/boards/pin_1.png);
    position: relative;
    top: -24px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
}

.pin2 {
    width: 60px;
    height: 60px;
    background: url(/images/boards/pin_2.png);
    position: relative;
    top: -24px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
}

.pin3 {
    width: 60px;
    height: 60px;
    background: url(/images/boards/pin_3.png);
    position: relative;
    top: -37px;
    left: -30px;
    margin-left: auto;
    margin-right: auto;
}

.pin4 {
    width: 60px;
    height: 60px;
    background: url(/images/boards/pin_4.png);
    position: relative;
    top: -41px;
    left: 37px;
    margin-left: auto;
    margin-right: auto;
}

.pin5 {
    width: 60px;
    height: 60px;
    background: url(/images/boards/pin_5.png);
    position: relative;
    top: -24px;
    left: 12px;
    margin-left: auto;
    margin-right: auto;
}

.pin6 {
    width: 60px;
    height: 60px;
    background: url(/images/boards/pin_6.png);
    position: relative;
    top: -24px;
    left: -14px;
    margin-left: auto;
    margin-right: auto;
}

.pin7 {
    width: 60px;
    height: 60px;
    background: url(/images/boards/pin_7.png);
    position: relative;
    top: -24px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
}

.pin8 {
    width: 60px;
    height: 60px;
    background: url(/images/boards/pin_8.png);
    position: relative;
    top: -31px;
    left: 20px;
    margin-left: auto;
    margin-right: auto;
}

.pin9 {
    width: 100px;
    height: 19px;
    background: url(/images/boards/pin_9.png);
    position: relative;
    top: -7px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
}

.pin10 {
    width: 124px;
    height: 72px;
    background: url(/images/boards/pin_10.png);
    position: relative;
    top: -16px;
    left: 36px;
    margin-left: auto;
    margin-right: auto;
}

.pin11 {
    width: 124px;
    height: 52px;
    background: url(/images/boards/pin_11.png);
    position: relative;
    top: -13px;
    left: -33px;
    margin-left: auto;
    margin-right: auto;
}

.pin12 {
    width: 60px;
    height: 60px;
    background: url(/images/boards/pin_12.png);
    position: relative;
    top: -24px;
    left: 37px;
    margin-left: auto;
    margin-right: auto;
}

.pin13 {
    width: 60px;
    height: 60px;
    background: url(/images/boards/pin_13.png);
    position: relative;
    top: -30px;
    left: -11px;
    margin-left: auto;
    margin-right: auto;
}

.pin14 {
    width: 40px;
    height: 40px;
    background: url(/images/boards/pin_14.png);
    position: relative;
    top: -14px;
    left: 2px;
    margin-left: auto;
    margin-right: auto;
}

.pin15 {
    width: 40px;
    height: 40px;
    background: url(/images/boards/pin_15.png);
    position: relative;
    top: -13px;
    left: 43px;
    ;
    margin-left: auto;
    margin-right: auto;
}

.pin16 {
    width: 60px;
    height: 60px;
    background: url(/images/boards/pin_16.png);
    position: relative;
    top: -23px;
    left: -2px;
    ;
    margin-left: auto;
    margin-right: auto;
}

.boardframe .text {
    margin: 10px;
    font-family: 'The Girl Next Door', cursive;
    position: relative;
    top: -60px;
    height: 85%;
    overflow: hidden;
}

.boardframe .noteheader {
    border-bottom: 2px red solid;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    line-height: 0.95;
    margin-top: 5px;
    margin-bottom: 10px;
}

.boardframe .notefooter {
    top: -76px;
    position: relative;
    width: 100%;
    font-size: 60%;
    left: -2px;
}

.notefooter>span:first-child {
    display: inline;
    position: relative;
    left: 8px;
    color: grey;
    font-size: x-small;
}

.notefooter>span:nth-child(2) {
    display: inline;
    color: grey;
    float: right;
    margin-right: 8px;
}

.pinselect div {
    display: inline-block;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    top: 0px;
    left: 0px;
    min-width: 32px;
}

.blackoverlay {
    background-color: black;
    position: absolute;
    height: 100%;
    opacity: 0.3;
}

.pinselect {
    margin: 30px;
    width: 300px;
}

div#selectpaper {
    width: 250px;
}

@media screen and (max-width:340px) {
    div.boardframe {
        padding: 8px;
    }
    .bimg,
    .timg {
        display: none;
    }
}