html {
	height: 100%;
	/*background-color: silver;*/
	background-image: url(../img/bg.png);
	background-position: fixed;
	background-color: #BFC4C7;
	background-repeat: repeat-x;
}
body {
	margin: 0;
	height: 100%;
	width: 990px;
	margin: 0 auto;
	overflow-x: auto;
	overflow-y: scroll;
}

body, td, th, input, button, textarea {
	font-family: verdana, sans-serif;
	font-size: 10pt;
}

:focus {
	outline-style:none;
}

.padding {
	padding: 0.5em 1em;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}
.padding h2,
.padding h3 {
	margin: 0.5em 0;
}

#head {
	/*margin-top: 1em; makes scrolling*/
	color: white;
	background-color: #1A1A1A;
	background-image: url(../img/bottom_t_bg.png);
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
#head h1 {
	font-size: 26pt;
	font-family: garamond, georgia, times, serif;
}
#head h1 a {
	color: white;
	text-decoration: none;
}
#head h2 {
	font-size: 12pt;
	font-family: georgia, garamond, times, serif;
}

#menu {
	background-color: white;
	color: black;
	/*padding: 0.5em;*/
	border-bottom: solid 1px #CCCCCC;
	background: white url(../img/sidebar_shadow.gif) repeat-x;
}
#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu ul li {
	float: left;
	padding: 0 1.0em;
	border-right: solid 1px #CCCCCC;
	margin: 0;
}
#menu ul li a {
	display: block;
	padding: 0.5em;
	text-decoration: none;
}
#menu ul li.active {
	background-image: url(../img/menuActive.png);
	background-repeat: no-repeat;
	background-position: 50% bottom;
}
#menu ul li.active a {
	color: #888;
}

#container {
	overflow: hidden;
	background-color: #F7F7F7;
/*	background-image: url(../img/sidesep.gif);
	background-repeat: repeat-y;
	background-position: center top;
*/
	background-image: url(../img/sidebar_shadow.gif);
	background-repeat: repeat-x;
}
/*#container > div {*/
#container .intro-left,
#container .intro-right {
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}

#container h2,
#container h3 {
/*	font-family: garamond, georgia, times, serif;*/
}

#footer {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	padding: 1em;
	background: #F7F7F7 url(../img/sidebar_shadow.gif) repeat-x;
}

p, li {
	text-align: justify;
}

a {
	color: black;
}

.clear {
	clear: both;
}

.intro-left {
	width: 495px;
	height: 100%;
	float: left;
/*	background: url(../img/sidebar_shadow.gif) repeat-x;*/
}
.intro-right {
	width: 494px;
	height: 100%;
	float: right;
/*	background: url(../img/sidebar_shadow.gif) repeat-x;*/
	border-left: solid 1px silver;
}

.intro-wide {
	width: 659px;
	height: 100%;
	float: left;
/*	background: url(../img/sidebar_shadow.gif) repeat-x;*/
}
.intro-narrow {
	width: 329px;
	height: 100%;
	float: right;
/*	background: url(../img/sidebar_shadow.gif) repeat-x;*/
	border-left: solid 1px silver;
}

.nospacing {
	border-collapse: collapse;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: solid 1px silver;
}
.nospacing th, .nospacing td {
	border: none;/*solid 1px silver;*/
	border-collapse: collapse;
	border-right: solid 1px silver;
}
.nospacing th, .nospacing tr.even, .nospacing tr.footer {
	background-color: #EEEEEE;
}
.first4em td:first-child,
.first4em th:first-child {
	text-align: right;
	width: 4em;
	padding-right: 1em;
}
.width100 {
	width: 100%;
}
.hover tr:hover td {
	background-color: #E0E0E0;
	cursor: default;
}
.spacy {
	border: none;
	aborder-collapse: collapse;
	border-spacing: 0 0.25em;
}
.spacy td {
	margin: 0.25em 0;
	padding: 0.25em;
	background-color: #EEEEEE;
	border: 0.25em solid transparent;
	border-left: none;
	border-right: none;
}
.spacy td:first-child {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.spacy td:last-child {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.busy {
	width: 100%;
	height: 100%;
	background-image: url(../img/diagonal_corner.jpg);
}
.activated {
	background-color: green;
}
.free {
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: block;
}
.free:hover {
	background-color: silver;
}
.prefix {
	float: left;
	width: 5em;
}

.prefix10 {
	float: left;
	width: 10em;
}

.error_top {
	font-family: monospace;
	white-space: pre;
	width: 80%;
	margin: 1em auto !important;
	padding: 1em !important;
	background-color: yellow;
	color: red;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: solid 1px red;
}


.htmlFormTable {
	width: 100%;
}
.htmlFormTable input,
.htmlFormTable textarea {
	width: 100%;
}
.htmlFormTable input[type="submit"],
.htmlFormTable input[type="checkbox"]
{
	width: auto;
}
.htmlFormTable td {
	vertical-align: top;
}
.htmlFormTable span.error {
	color: red;
}
.htmlFormTable br.error {
	clear: left;
	line-height: 1px;
	height: 1px;
}
.htmlFormTable .label {
	width: 30%;
	text-align: right;
}


.horiButtons {
}
.horiButtons ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin: 0 auto;
	width: auto;
}
.horiButtons ul li {
	float: left;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background-color: #E0E0E0;
	margin: 0.5em;
	padding: 0;
	text-align: left;
}
.horiButtons ul li a,
.grayButton {
	text-decoration: none;
	padding: 0.5em !important;
	height: 35px;
	vertical-align: middle;
	line-height: 35px;
}
.horiButtons ul li a img {
	border: none;
	vertical-align: middle;
}


@media print {
	html {
		background: transparent;
	}
}

.strike td {
	text-decoration: line-through;
}

.active td {
	background-color: #2B880D;
	background-image: url(../img/green-gradient-stretch.gif);
	background-position: 0 -0.25em;
	color: white;
}

a img {
	border: none;
}

.message {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background-color:#FFFFDD;
	border:0.1em solid #FFD700;
	margin:1em auto;
	padding:0.5em;
	text-align:center;
	width:90%;
}

img {
	vertical-align: middle;
}

a button {
	text-decoration: none;
}

#makeAppointmentButton {
	background-image: url(../img/img_appointment.gif);
	background-repeat: no-repeat;
}

#loginForm {
	float: right;
	text-align: right;
}
#loginForm label,
#loginForm input {
	font-size: 10px;
}

ol.todo li.done {
	list-style-image: url(../img/Check_yes_very_small.png);
}
ol.todo li.active {
	font-weight: bold;
}

a.active {
	display: block;
	float: left;
	padding-bottom: 8px;
	background-image: url(../img/menuActive.png);
	background-repeat: no-repeat;
	background-position: 50% bottom;
}
a.passive {
	display: block;
	float: left;
	padding-bottom: 8px;
}

.flags {
	float: right;
	margin-top: -15px;
}
.flags a {
	padding: 5px;
}

.footer-column {
	width: 25%;
	float: left;
}
.footer-column h4 {
	font-size: 12px;
	font-weight: normal;
}
.footer-column ul {
	padding: 0;
	padding-left: 1em;
	font-size: 11px;
}

a.button {
	text-decoration: none;
}

#menu input {
	width: auto;
}
#menu form {
	display: block;
	padding-top: 3px;
	padding-right: 3px;
}

a.button {
	text-decoration: none;
}

.untranslatedMessage {
	background-color: lightyellow;
}
.missingMessage {
	background-color: pink;
}