/*
 * Oranges: #FFDDAA (dullest); #FFBB77; #FFAA55 (brightest)
 * Greens: #008000; #0FEC52; #BBEC52
 */
body
{
	background-color: #FFDDAA;
	background-image: url("Images/bg.png");
	background-repeat: repeat;
}

div.webframe
{
	position: fixed;
	z-index: 1;
}
div.webpage
{
	position: absolute;
	z-index: 0;
}
div#banner
{
	width: 100%;
	height: 150px;
	left: 0;
	top: 0;
	background-color: #FFDDAA;
	background-image: url("Images/bg.png");
	overflow: hidden;
}
div#content
{
	width: 75%;
	left: 5%;
	top: 150px;
	bottom: 15px;
	/*overflow: visible;*/
}
div#account_sidebar
{
	width: 15%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url("Images/content_menu_bg.png");
	background-repeat: repeat-y;
	overflow: hidden;
}
div#account_content
{
	width: 85%;
	height: 100%;
	left: 15%;
	top: 0;
	/*overflow: visible;*/
}
div#account_hidden
{
	display: none;
}
div#sidebar
{
	width: 15%;
	right: 5%;
	top: 150px;
	bottom: 15px;
	overflow: hidden;
}
div#footer
{
	width: 100%;
	height: 15px;
	left: 0;
	bottom: 0;
	background-color: #BBBBBB;
	text-align: center;
	vertical-align: middle;
}
div#map_canvas
{
	width: 400px;
	height: 400px;
}
div#account_popup
{
	position: absolute;
	width: 60%;
	height: 700px;
	left: 20%;
	top: 100px;
	background-color: white;
/*
	opacity: 0.9;
	filter: alpha(opacity=90);
 */
	border-style: solid;
	border-width: 10px;
	border-color: gray;
	z-index: 2;
	display: none;
	overflow: auto;
}
div#popup
{
	position: absolute;
	z-index: 2;
}

hr.divider
{
	color: orange;
	background-color: orange;
	height: 2px;
	border: none;
}

a:visited
{
	color: #333300;
}
a:hover
{
	color: green;
}

a.menu
{
	color: black;
	background-color: #0FEC52;
	display: block;
}
a.menu:link
{
}
a.menu:visited
{
}
a.menu:hover
{
}
a.menu:active
{
}

a.content_menu
{
	color: green;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
}
a.content_menu:link
{
}
a.content_menu:visited
{
}
a.content_menu:hover
{
	color: #BBEC52;
	background-color: green;
	padding-left: 10px;
	padding-right: 10px;
}
a.content_menu:active
{
}

a.click
{
	color: blue;
	text-decoration: none;
	display: block;
}
a.click:link
{
}
a.click:visited
{
}
a.click:hover
{
	color: green;
}
a.click:active
{
}

h2.title
{
	color: #BB00BB;
	text-align: center;
	vertical-align: middle;
}
h3.message
{
	color: #FFAA55;
	text-align: center;
	vertical-align: middle;
}
h3.error
{
	color: #FF0000;
	text-align: center;
	vertical-align: middle;
}
h3.title
{
	color: green;
	text-align: center;
	vertical-align: middle;
	display: inline;
}
h4.title
{
	color: green;
	text-align: center;
	vertical-align: middle;
	display: inline;
}

table.menu
{
	width: 100%;
}
td.menu
{
	width: 50%;
	background-color: #BBEC52;
	border-style: ridge;
	border-width: 2px;
	border-color: black;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
td.menu:hover
{
	background-color: #0FEC52;
	border-style: solid;
}

table.menu_img
{
	width: 100%;
	border: 0;
	padding: 0;
}
th.menu_img
{
	background-color: green;
	color: #BBEC52;
	border-style: solid;
	border-width: 0;
	padding: 10px;
}
td.menu_img
{
	border: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
}
table.content_menu
{
	width: 100%;
	height: 100%;
}
td.content_menu
{
}

table.content
{
	width: 100%;
}
th.content
{
	background-color: green;
	color: #BBEC52;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
}
td.content
{
	background-color: #FFDDAA;
	border-style: solid;
	border-width: 0;
	text-align: left;
	vertical-align: top;
	padding: 10px;
}

table.form
{
}
th.form_header
{
	background-color: green;
	color: #BBEC52;
	text-align: center;
	vertical-align: top;
}
th.form
{
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
td.form
{
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

/* Comment the following marked with *** to get the initial style */
table.display
{
	width: 100%;
	border-style: solid; /***/
	border-width: 1px; /***/
}
th.display
{
	color: green;
	background-color: #FFDDAA; /***/
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	border-style: outset; /***/
	border-width: 1px; /***/
	border-color: orange; /***/
}
td.display
{
	padding: 1px;
	text-align: left;
	vertical-align: top;
	border-style: solid; /***/
	border-width: 1px; /***/
	border-color: green; /***/
}

table.form_popup
{
}
th.form_header_popup
{
	background-color: green;
	color: #BBEC52;
	text-align: center;
	vertical-align: top;
}
th.form_popup
{
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
td.form_popup
{
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

table.display_patient
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #FFDDAA;
}
th.display_patient
{
	color: green;
	background-color: #FFDDAA;
	text-align: center;
	vertical-align: middle;
}
td.display_patient
{
	color: green;
	background-color: #FFDDAA;
	text-align: center;
	vertical-align: middle;
}
td.display_patient_selected
{
	color: #FFDDAA;
	background-color: green;
	text-align: center;
	vertical-align: middle;
}

table.display_presc
{
	width: 100%;
	border-style: solid;
	border-width: 1px;
}
th.display_presc
{
	color: green;
	background-color: #FFDDAA;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	border-style: outset;
	border-width: 1px;
	border-color: orange;
}
td.display_presc
{
	padding: 1px;
	text-align: center;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	border-color: green;
}

td#status_line
{
	color: red;
	background-color: orange;
	text-align: center;
	vertical-align: middle;
}

.xlarge
{
	font-family: serif;
	font-size: 18px;
}
.large
{
	font-family: serif;
	font-size: 16px;
}
.normal
{
	font-family: serif;
	font-size: 14px;
}
.medium
{
	font-family: serif;
	font-size: 12px;
}
.small
{
	font-family: serif;
	font-size: 10px;
}
.tiny
{
	font-family: serif;
	font-size: 9px;
}

/* For Calendar Popup */
div.date_div
{
	position: absolute;
	background: white;
}
.date_cpYearNavigation,
.date_cpMonthNavigation
{
	background-color:#6677DD;
	text-align:center;
	vertical-align: middle;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.date_cpDayColumnHeader,
.date_cpYearNavigation,
.date_cpMonthNavigation,
.date_cpCurrentMonthDate,
.date_cpCurrentMonthDateDisabled,
.date_cpOtherMonthDate,
.date_cpOtherMonthDateDisabled,
.date_cpCurrentDate,
.date_cpCurrentDateDisabled,
.date_cpTodayText,
.date_cpTodayTextDisabled,
.date_cpText
{
	font-family:arial;
	font-size:8pt;
}
td.date_cpDayColumnHeader
{
	text-align:right;
	border:solid thin #6677DD;
	border-width:0 0 1px 0;
}
.date_cpCurrentMonthDate,
.date_cpOtherMonthDate,
.date_cpCurrentDate
{
	text-align:right;
	text-decoration:none;
}
.date_cpCurrentMonthDateDisabled,
.date_cpOtherMonthDateDisabled,
.date_cpCurrentDateDisabled
{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.date_cpCurrentMonthDate
{
	color:#6677DD;
	font-weight:bold;
}
.date_cpCurrentDate
{
	color: #FFFFFF;
	font-weight:bold;
}
.date_cpOtherMonthDate
{
	color:#808080;
}
td.date_cpCurrentDate
{
	color:#FFFFFF;
	background-color: #6677DD;
	border-width:1px;
	border:solid thin #000000;
}
td.date_cpCurrentDateDisabled
{
	border-width:1px;
	border:solid thin #FFAAAA;
}
td.date_cpTodayText,
td.date_cpTodayTextDisabled
{
	border:solid thin #6677DD;
	border-width:1px 0 0 0;
}
a.date_cpTodayText,
span.date_cpTodayTextDisabled
{
	height:20px;
}
a.date_cpTodayText
{
	color:#6677DD;
	font-weight:bold;
}
span.date_cpTodayTextDisabled
{
	color:#D0D0D0;
}
.date_cpBorder
{
	border:solid thin #6677DD;
}