body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 1.2em;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	line-height: 1.2em;
}
h1{font-size: 2em;}
h2{font-size: 1.6em;}
h3{font-size: 1.2em;}
h4{font-size: 1.0em;}
h5{font-size: 0.85em}
h6{font-size: 0.7em;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{
	vertical-align: middle;
	margin: 0 0.5ex;
}

img, a img{
	border: none;
}
a {
	text-decoration: none;
}
a:visited {}
a:active {}
a:hover {
	text-decoration: underline;
}
/* 'a.button' is grouped with form buttons */

.note{
	font-size: 85%;
	color: #339;
}

p{
	line-height: 1.4em;
}

/*
 * --------------- Tables ----------------
 */

table {
	border-collapse:collapse;
}
/* .d1 and .d0 are deprecated*/
tr.even, tr.d0{
	background-color:#F1F1F1;
}
tr.odd, tr.d1{
	background-color:#FFF;
}
th {
	font-weight: bold;
	text-align: inherit;
}
tr.header_row th,
th.horizontal { /* Headers are in horizontal row */
	border-bottom: 1px solid #000;
	text-align: center;
}
th.vertical { /* Headers are in vertical column */
	padding-right: 1ex;
	text-align:right;
	vertical-align:top;
	border: none;
}
td{
	padding: 0 0.5ex;
}
td.number, td.date{
	text-align: right;
}
td.center{
	text-align: center;
}


table.data { /* Tables with lots of information -> improve readability */
	border: thin solid #A9F;
}
table.data td, table.data th{
	padding: 0.25ex 1ex;
	border-bottom: 1px solid #A9F;
}
table.data tr.header_row th,
table.data th.horizontal{
	border-bottom: 1px solid #439;
	background-color:#AED5FF;
}
table.data tr:hover {
	background-color: #D8E3FE;
}


/*
 * --------------------- Forms -------------------
 */
input,textarea{
	font-size: 110%;
	font-family: Verdana,Arial,Helvetica,sans-serif; /* IE7 doesn't like value 'inherit' here, so must copy full font-family line from body */
}
input[type='text'], input[type='password'],
  textarea,  select {
	margin: 1px;
	border: 1px solid #CCC;
}
input[type='text'], input[type='password'], textarea{
	padding: 0.1ex 0.25ex;
}
form .required{
	background-color:#FFFFCA;
}
img.calendar_icon { /* Pop up calendar */
	cursor:pointer;
	vertical-align:middle;
}

input[type='submit'], input[type='reset'], input[type='button'], button, a.button{
	border-width: 2px;
	border-style: solid;
	border-color: #eee #999 #999 #eee;
	padding: 0.25ex;
	color: #000;
	text-decoration: none;
	background-color:#ddd;
	font-size: 100%;	/* fix funky font rendering for buttons */
	font-family: Verdana,Arial,Helvetica,sans-serif; /* IE7 doesn't like value 'inherit' here, so must copy full font-family line from body */
}
a.button{
     line-height:2.0em;	/* borders don't automatically increase vertical height */
     margin: 0 0.5ex;	/* links need extra margins & padding that buttons have automatically */
     padding: 0.25ex 0.5ex;
}
input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover, button:hover, a.button:hover{
	background-color:#e3e3e3;
}
input[type='submit']:active, input[type='reset']:active, input[type='button']:active, button:active, a.button:active{
	border-color: #999 #eee #eee #999;
	background-color:#ccc;
}
input[type='submit'][disabled], input[type='reset'][disabled], input[type='button'][disabled], button[disabled]{
	color:#808080;
	border-color: #eee #999 #999 #eee;
	background-color:#ddd;
}
input[disabled],input[readonly]{
	color:#555;
	background-color: #eee;
}

/* JQuery Autocomplete*/
.ac_results{
	text-align: left;
}
/*
 * ------------ Other page structures ----------------
 */
 
ul{
	list-style-position:outside;
}

div.help{
	padding-left: 30ex;
	background-image: url("/images/icons/2/questionmark_24.png");
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

div.container {
	border: 1px solid rgb(73, 109, 179);
	margin: auto;
	padding: 1ex;
	text-align: center;
}

div.heading {
	margin-bottom: 2em;
	margin-top: 1em;
	width: 100%;
}
div.heading span#title {
	font-size: 24px;
	font-weight: bold;
	margin-left: 0.5ex;
	vertical-align: -120%;
}

div#num_records {
	margin-top: 2em;
	width: 100%;
}

span#toggle_link {
	font-size: 9px;
	float: right; 
}