.pull-right {
    float: right
}
.pull-left {
    float: left
}
body {
    overflow: hidden;
    background: #d1d1d1;
}
.terminal-window, .instructions-window{
    font-family: monospace;
}

.text-center {
    text-align: center
}
#TerminalWrapper {
    display: inline-block;
}
.terminal-window {
    background-color: black;
    color: green;
    height: 270px;
    width: 523px;
    resize: none;
    border-bottom:none; 
    position: relative;
    display:block;
    top: 0px;
    left: 0px;
    margin: 0px;
}

#TerminalCommand {
    background-color: black;
    color: green;
    height:20px;
    width:523px;
    resize: none;
        border-top: 0px;
    position: relative;
    bottom: 3px;
    float:left;
    margin: 0px;
}

#TerminalOverlay {
    position: relative;
    display:block;
    top: -299px;
    left: 0px;
    font-size:20px;
    height: 295px;
    margin:0px;
}

#TerminalCommand:focus {
    outline: none;
}
.instructions-window{
    position: relative;
    display:block;
    top: -299px;
    margin-top:5px;
}
.btn-success {
    margin-right: 20px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #dc2e00;
    background-image: -moz-linear-gradient(top, #fd3500, #d32c00);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fd3500), to(#d32c00));
    background-image: -webkit-linear-gradient(top, #fd3500, #d32c00);
    background-image: -o-linear-gradient(top, #fd3500, #d32c00);
    background-image: linear-gradient(to bottom, #fd3500, #d32c00);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffd3500', endColorstr='#ffd32c00', GradientType=0);
    border-color: #d32c00 #d32c00 #982000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
}
.btn-success:hover {
    background-color: #ec3100;
    background-image: -moz-linear-gradient(top, #ff4818, #ec3100);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff4818), to(#ec3100));
    background-image: -webkit-linear-gradient(top, #ff4818, #ec3100);
    background-image: -o-linear-gradient(top, #ff4818, #ec3100);
    background-image: linear-gradient(to bottom, #ff4818, #ec3100);
}
.btn-success:active{
    background-color: #ff3a07;
    background-image: -moz-linear-gradient(top, #ff5b18, #ff3a07);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5b18), to(#ff3a07));
    background-image: -webkit-linear-gradient(top, #ff5b18, #ff3a07);
    background-image: -o-linear-gradient(top, #ff5b18, #ff3a07);
    background-image: linear-gradient(to bottom, #ff5b18, #ff3a07);
}
.btn-success:focus,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    color: #ffffff;
    background-color: #d32c00;

}
.btn-success:active,
.btn-success.active {
    background-color: #408140 \9;
}
#Record {
    color: red;
}
#go {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 15px;
    padding-top: 15px;
    border-radius: 10px;
}
#FunctionsWrapper {
    display:inline-block;
    width:17%;
    text-align:center; 
}
#Functions {
    position: relative;
    top: 8px;
    border:1px solid #a8a8a8;
    display: inline-block;
    width: 100%;
    height: 100%;
}
#Functions .label {
    position: relative;
    bottom: 10px;
    right: 9px;
    background: #d1d1d1;
    display: inline-block;
    padding: 0px 2px;
}
#Functions .button {
    width:90%;
    padding: 4px 6px;
}
#Functions .button, #about {
    margin: 5px;
    margin-bottom: 9px;
    margin-top:0px;
    float: left;
    
    border-radius: 10px;
}
#about {
    margin: 5px;
    margin-top: 0px;
    margin-bottom:11px;
    float:left;
}
#AdviceWrapper {
    display:inline-block;
    width:82%;  
    float: right;
}

#AdviceWindow {
    font-size: 11px;
    height: 146px;
    width: 428px;
    letter-spacing: -1px;
    resize: none;
    text-align:left;
    background: #fffff4;
    clear:both;
    border:1px solid #a8a8a8;
    box-shadow: inset 1px 1px 3px 0px #a8a8a8;
    padding: 3px 0px 0px 3px;
}

.advanced_menu {
    visibility: hidden;
}
.disabledItem {
    color: #bcbcbc;
}
#title {
    display: inline;
    font-family:"Segoe UI", Tahoma, sans-serif;
    font-size: 24px;
}
#subtitle {
    font-family: monospace;
    font-size:12px;
}

#datePop .titleBar {
    background: #f1f1f1;
    text-align: left;
    padding: 3px 5px;
}
#datePop {
    position: fixed;
    background: #d1d1d1;
    display:inline-block;
    top: 35%;
    left:50%;    
    width:250px;
    height:106px;
    margin-left:-125px;
    margin-top: -53px;
    text-align:center;
    border: 1px solid #565656;
    box-shadow: 0px 0px 7px 3px #e8e8e830;
}
#datePop .button {
    margin: 15px;
    padding: 3px 28px;
    background: #d1d1d1;
    border-radius: 2px;
    border: 1px solid #565656;
}
#datePop .button:hover {
    background: #f1f1f1;
}
#datePop .button:active {
    background: #828282;
}
#loadingIndicator {
    text-align:center;
    position: fixed;
    display:inline-block;
    top: 50%;
    left:50%;    

    margin-left: -25px;
    margin-top: -25px;
}
#loadingIndicator img {
    filter:invert(1);
    width:50px;
    height:50px;
    
}
.tabbed {
    padding-left:20px;
}

#debug {
    color: red;
    position: fixed;
    background: white;
    display:inline-block;
    top: 50px;
    right:50px;    
}
.fakeLink {
    color: #0088cc;
    text-decoration: none;
}
.fakeLink:hover, .fakeLink:focus {
    color: #005580;
    text-decoration: underline;
}
.fakeLink:active {
    color: ##001d2b;
    text-decoration: none;
}

.hidden {
    visibility:hidden;
}