.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}

.chirp-button {
    background: #D580D5;
    color: #ffffff;
    font-family:sans-serif;
    font-weight: bold;
    text-align: center;
    padding:0.5em;
    border-radius: 0.5em;        
    cursor: pointer;
    border: none;
    margin-top: 1em;
}
.reply-button {
    width: 4em;
    right: 1em;
    left: auto;
    position: relative;
    margin-top: 1em;
}
#send-chirp {
        padding:0.5em;
        margin:0;
        width: 4em;
        top:0em;
        vertical-align:top;
        text-align: center;
        font-size: 32px;
        font-family:sans-serif;
        font-weight: bold;
        display: inline-block;
        border: none;
    }
    .chirp-button:hover {
        background: #842084;
        color: #000000;
    }

    .chirp-button:active {
        background: #F0F020;
        color: #000000;
    }

    .send-button {
    	position: relative;
    	right: -14em;
    	top:0;
    	display: block;
    	margin-bottom: 0.5em;
    }

    div#timeline {
        display: inline-block;
        background: #ffffff;
        width: 26em;
        padding: 1em;
        margin: 1em;
    }
    div#timeline div.chirp{
        min-height: 2em;
        display: block;
        border-top: 1px #cccccc solid;
        padding: 1em;
    }
    div#timeline div.chirp div.chirp-contents{
        min-width: 20em;
        max-width: 24em;
        width:100%;
        min-height: 4em;
        padding: 0.1em;
        
        display: block;
    }
    div#timeline div.chirp div.chirp-reply {
    	background: none;/*#F0F070;*/
    	border: none;
    	padding-bottom: 0.5em;
    	padding-left: 0;
    	margin-top: 0.5em;
    	left:  0em;
    	overflow: visible;
    	width: 26em;
    	position: relative;

    }
    div#timeline div.chirp div.chirp-reply input {
    	width: 90%;
    	margin-bottom: 0.3em;
    	border-radius: 0.5em;
    	border: 2px #cccccc solid;
    	padding: 1em;
    }
    div#timeline div.chirp div.reply-to-chirp {
    	border: none;
    	background: #f0f0f0;
    	width: 26em;
    	overflow: visible;
    	left: 0em;
    	position: relative;
    }

    body {
        background: #ffeeff;
    }

    div#timeline div.chirp div.reply-to-chirp.nesting-even {
        background: #e0e0e0;
    }
    div#timeline div.chirp div.reply-to-chirp.nesting-odd {
        background: #d0d0d0;
    }