.ide-button {
    display: inline-block;
    cursor: pointer;
    margin: 0 10px 10px 0;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    color: #707070;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
    border: 1px solid #ccc;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    height: 25px;
    line-height: 25px;
    min-width: 50px;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(127,127,127,0.2);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    box-sizing: content-box;
}
.ide-button:hover {
    background-color: #f8f8f8;
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);

    border: 1px solid #bbb;
    color: #333;
    text-decoration: none;
    text-shadow: 0px 1px 2px rgba(127,127,127,0.3);

    -webkit-box-shadow: 0px 1px 2px rgba(127,127,127,.2);
    -moz-box-shadow: 0px 1px 2px rgba(127,127,127,.2);
    box-shadow: 0px 1px 2px rgba(127,127,127,.2);
}
.ide-button:active {
    background-color: #ddd;
    border: 1px solid #ccc;
    color: #777;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,.2);
    box-shadow: 0px 0px 1px rgba(0,0,0,.2);

}
#leftFlex {
    min-width: 400px;
    width: 30%;
    margin-left: 0.4em;
    margin-right: 3em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}
#rightFlex {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 400px;
    margin-right: 2em;
}
#flexpage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
#tsimg {
    margin-top: 2em;
    text-align: center;
}
.ideText {
    margin-top: 0.2em;
}
.side-graphic{
    width: 100%;
}
.side-graphic-border{
    border: 2px solid #474d5d;
}