/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
	
*/
/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

thead th,
tbody th {
    font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

.menu {
    font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

blockquote {
    font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body {
    margin: 0;
    padding: 0;
    color: #000;
    background: #efefef url(img/grid.png) repeat center top;
    font: normal 0.9em/150% 'Arimo', "Trebuchet MS", arial, verdana, sans-serif;
    text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}

#wrap {
    width: 960px; /*960*/
    background: #fff;
    margin: 30px auto 30px auto;
    padding: 0;
    border: 1px solid #ccc;
}

.menu {
    margin: -1px -1px 0 -1px;
}

#footer {
    text-align: center;
    padding: 20px;
    margin: 0;
    background: #efefef;
    border-top: 1px solid #ccc;
    color: #999;
    font-size: 0.8em;
    text-shadow: 0px 1px 1px #fff;
    position: relative;
    top: 0;
    left: 0;
}

#link-top {
    position: absolute;
    top: 10px;
    right: 10px;
    *right: 25px; /*IE 7 ONLY*/
    left: auto;
    color: #666;
    text-decoration: none;
    display: inline-block;
    padding: 5px 10px;
    background: #e5e5e5;
    line-height: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.row {
    margin: 13px 0px;
}

.center {
    text-align: center;
}

/* @TODO: add styles below */
.low {
    background:#ecf7e6; //#E7E6E6
}

.normal {
    background: #EAF5FA;
}

.high {
    background: #FF9B9E;
}

.onhold {
    background: #fcf3dc; //#f5f5f5
}

.icon-link {
    text-decoration: none;
}

.error {
    color: red;
}

.hide-animation {
    animation-name: hide;
    animation-duration: 0.7s;
}

@keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}