/**
 * General styles
 */

a { color: #333333; text-decoration: none; }
a:hover { color: #CC0000; }

html, body { height: 100%; }

body { background-color: #ffffff; margin: 5px 10px; }
hr {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid #CC6600;
	height: 1px;
}

a, body, table, td, tr, input, textarea, select {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
body { font-size: 70%; color: #000000; }
table, td, tr, input, textarea, select { font-size: 100%; }

img { border: none; }
input.checkBox { margin: 0; }
span.checkBox { margin-right: 0.6em; }


/**
 * Main menu
 */
#appMenu {
    background-image: url('../images/bg_menu.gif');
    background-repeat: repeat-y;
    float: left;
    height: 100%;
    overflow: auto;
    width: 150px;
}
#appMenu .inner {
    padding: 15px 5px 20px 25px;
}


/**
 * Main content
 */
#appContent {
    background-color: #FFFFFF;
    border-left: 1px #999999 solid;
    border-right: 1px #999999 solid;
    height: 100%;
    overflow: auto;
    padding: 0 5px;
    width: 650px;
}
#appContent .inner {
    padding: 10px 15px;
}

/**
 * Main footer
 */
#appBar {
    margin: 10px auto 0;
    width: 50%;
}
#appCopyright {
    font-size: 90%;
    margin: 5px auto 20px;
    padding: 0px 20px;
    text-align: center;
    width: 50%;
}

/**
 * Messages
 */
div.messages {
    font-weight: bold;
    padding: 10px 15px;
    text-align: center;
}
div.messages .errorMessage { color: #800000; }
div.messages .infoMessage  { color: #000080; }
div.messages .debugMessage { color: #996600; }

/**
 * Top links
 */
div.topLinks {
    text-align: right;
    margin-bottom: 8px;
}
span.link a { font-weight: bold; }

/**
 * Bar graph for statistics
 */
div.TextGraph {
    background: #FFFBF7;
    border: 1px solid #EEAA69;
}
div.TextGraph div.bar {
    background: #FFBF7F;
    border-top: 1px solid #FFDF9F;
    border-right: 1px solid #EEAA69;
    border-bottom: 1px solid #DF9F5F;
    color: #000000;
    font-size: 80%;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 1px;
}

div.graph {
    text-align:  center;
}

div.statsOverview {
	padding-left: 50px;
	padding-right: 50px;
}