@CHARSET "UTF-8";

/**** Defaults ****/
body { color: #555; background-color: white; }
a { color: #7CC576; }
em { color: #4ABCDE; }
em.alt { color: #7CC576; }
.error { color: red; }
p.alt { background-color: #EFF6FC; }

/**** Titles ****/
h1, h2, h3, h4 { color: #4ABCDE; }

/**** Navigation bar ****/
#navbar { background-color: white; }
#navbar a { color: #555; }
#navbar td.selected,
#navbar td.selected:hover { background-color: #4ABCDE; color: white}
#navbar td:hover { background-color: #EFF6FC; }

/**** Header and Footer ****/
#header, #footer { background-color: white; }
#footer a { color: #555; }
#footer a:hover { color: #7CC576; }
#loginButton { color: #7CC576; }
#logoutButton { color: red; }

/**** Left menu ****/
#menu h1, #menu h2, #menu h3 { color: #555; }
#menu a:link, #menu a:visited { color: #555; }
#menu a:hover, #menu h1.selected,  #menu h2.selected,  #menu h3.selected { color: #7CC576; }

/**** Tables, borders and lines ****/
hr.bordered { color: #BBB; background-color: #BBB; }

table.bordered { background-color: #BBB; }

table.bordered > tr > th,
table.bordered > tr > td,
table.bordered > thead > tr > th,
table.bordered > thead > tr > td,
table.bordered > tbody > tr > th,
table.bordered > tbody > tr > td { background-color: white; }

.bordered, .borderedTop, .borderedLeft, .borderedRight, .borderedBottom,
table.borderedCollapse, table.borderedCollapse > tr,
table.borderedCollapse > tr > th, table.borderedCollapse > tr > td,
table.borderedCollapse > thead > tr > th,
table.borderedCollapse > thead > tr > td,
table.borderedCollapse > tbody > tr > th,
table.borderedCollapse > tbody > tr > td { border-color: #BBB; }

.alt { border-color: #F7DB1F; }

table > thead > tr.even > th,
table > tbody > tr.even > th,
table > tbody > tr.even > td { background-color: #EFF6FC; }
table > thead > tr.odd > th,
table > tbody > tr.odd > th,
table > tbody > tr.odd > td { background-color: #D6EDFF; }

/**** Forms ****/
input[type=text], input[type=password], select, textarea { 
	color: #555; background-color: #EEE; border-color: #BBB}
.button { color: white; background-color: #7CC576; }
.buttonAlt { color: white; background-color: #4ABCDE; }
.buttonDisabled, .buttonAltDisabled { color: white; background-color: #BBB; }