/*

  Style sheet:
	STM.CSS

  Purpose:
	Style sheet for St Marys

  History:
	2010-05-12 by SLJ
	    Separate grid styles
	11-Jun-2005 by SLJ
	    General tidy
	09-Jan-2003 by SLJ
	    Add document tables
	09-Jul-2001 by Simon L. Jackson
	    Initial version

*/

html {
	overflow-y: scroll;
}

body {
	background-color: #9f9faf;
	font-family: verdana, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

a:link { color: #a03000; }
a:visited { color: #a03000; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, Helvetica, Sans-Serif;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

h1 {
	font-size: 24pt;
	padding-bottom: 12px;
}

h1.top, h2.top {
	padding-bottom: 0px;
}

h2 {
	font-size: 18pt;
	padding-bottom: 5px;
	padding-top: 5px;
}

h3 {
	font-size: 14pt;
	padding-top: 5px;
	padding-bottom: 5px;
}

h4, h5, h6 {
	font-size: 12pt;
	padding-top: 2px;
	padding-bottom: 6px;
}

p {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-right: 0px;
}

ul {
	margin: 0px;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 3px;
}

li {
	padding-bottom: 3px;
}

img {
	border: 4px solid #E6BE8A;
	margin: 5px;
}

table {
	border: none;
	border-collapse: collapse;
	padding: 0px;
}

td {
	color: #000055;
	font-family: verdana, sans-serif;
	font-size: 10pt;
	vertical-align: top;
}

table.outer {
	background-image: url(/images/background.gif);
	background-repeat: repeat-y;
	border: 2px solid #70707c;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

table.outer td.main {
	border: none;
	padding: 10px;
}

table.outer td.navig {
	color: white;
	padding: 10px;
	text-align: center;
}

div.outer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
}

div.inner {
	background-image: url(/images/background.gif);
	background-repeat: repeat-y;
	border: 2px solid #70707c;
	float: left;
	margin-bottom: 10px;
}

div.main {
	color: #000055;
	float: left;
	padding: 10px;
}

div.navig {
	color: white;
	float: left;
	padding: 10px;
	text-align: center;
}

div.navigblock {
	background-color: #E6BE8A;
/*	padding: 4px 4px 4px 4px; */
	padding: 5px 0px 5px 0px;
	width: 100px;
}
div.navigblock a {
	color: white;
	font-size: 11pt;
	text-decoration: none;
}
div.navigitem {
	border-bottom: 1px solid white;
	padding: 5px;
}
div.navigitemfirst {
	border-top: 1px solid white;
}
div.navigitemfirst a {
	font-size: 12pt;
}
div.navigitemcurrent {
	background-color: #c07020;
}
div.navigitemother {
	background-color: #a03000;
}
div.navigitemhover {
	background-color: #E6BE8A;
	cursor: pointer;
}
div.navigitemhover a {
	color: #000055;
}

table.inner {
	border: none;
	border-collapse: collapse;
	padding: 0px;
}
table.inner td {
	border: none;
	padding: 0px;
}
img.bordered {
	padding: 10px;
}

table.smaller {
	border: none;
	border-collapse: collapse;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 9pt;
}
table.smaller td {
	font-size: 9pt;
	vertical-align: middle;
}
table.smaller p {
	font-size: 9pt;
}

table.doclist {
	background-color: #fff8f0;
	border-collapse: collapse;
	border: 10px solid #dddddd;
	padding: 10px;
	margin: 10px;
	width: 680px;
}
table.doclist td {
	border: 2px solid #dddddd;
	padding: 5px;
}
table.doclist td.doclistrow1 {
	background-color: #eee0d0;
}
table.doclist td.doclistrow2 {
	background-color: #fff8f0;
}

hr {
	height: 2px;
}

input {
	font-family: monospace;
	font-size: 10pt;
}

input.button {
	font-family: verdana, sans-serif;
	font-size: 10pt;
}


div.mission {
	text-align: center;
}

div.mission p {
	font-style: italic;
}

ul.contact {
	font-style: italic;
	font-weight: bold;
	list-style-type: none;
	padding-left: 5px;
}

ul.contact li {
	font-style: normal;
	font-weight: normal;
	padding-bottom: 0px;
	padding-left: 10px;
}


/* For Romber tables */

table.rombertable {
	background-color: #e7e7e7;
	border: 1px solid #003252;
	border-collapse: collapse;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 11px;
	margin-right: 11px;
}

table.rombertable td, table.rombertable th {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 9pt;
	background-color: #e7e7e7;
	border: 1px solid #003252;
	border-collapse: collapse;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

table.rombertable th {
	background-color: #7f7f7f;
	color: #FFFFFF;
}
table.rombertable th.romberleft {
	text-align: left;
}

table.rombertable th.rombercenter {
	text-align: center;
}

table.rombertable th.romberright {
	text-align: right;
}

table.rombertable td {
	vertical-align: top;
}

table.rombertable td.romberleft {
	text-align: left;
}

table.rombertable td.rombercenter {
	text-align: center;
}

table.rombertable td.romberright {
	text-align: right;
}

table.rombertable td.romberlefthighlight {
	text-align: left;
}

table.rombertable td.rombercenterhighlight {
	text-align: center;
}

table.rombertable td.romberrighthighlight {
	text-align: right;
}


/* For Romber forms */

.romberhide {
	display: none;
}

.romberview {
}

input.romberbutton {
	background-color: #e7dfcf;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	text-align: center;
	margin-top: -3px;
	margin-bottom: 2px;
	margin-left: 7px;
	margin-right: 7px;
	vertical-align: middle;
	width: 80px;
}

table.rombererror {
	margin: 0px;
	padding: 0px;
}

table.rombererror td {
	margin: 0px;
	padding: 0px;
}

table.rombererror td p {
	color: #ff4444;
	padding: 0px;
}

table.rombererror td ul {
	padding-top: 0px;
	padding-bottom: 0px;
}

table.rombererror td ul li {
	color: #ff4444;
}

table.romberform {
	border: none;
	margin-left: 10px;
	min-width: 90%;
}

table.romberform td {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
	vertical-align: top;
}

table.romberform td p {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: top;
}

table.romberform td.romberbutton,
table.romberform td.rombercheckbox,
table.romberform td.romberdisplay,
table.romberform td.romberinfo,
table.romberform td.romberinput,
table.romberform td.romberitemlist,
table.romberform td.romberitemset,
table.romberform td.rombermessage,
table.romberform td.romberprompt,
table.romberform td.romberradioset,
table.romberform td.romberresult,
table.romberform td.romberselect,
table.romberform td.rombertextarea {
	padding-top: 5px;
}

table.romberform td.rombercheckbox input.rombercheckbox {
	margin-top: 2px;
	padding-top: 3px;
	position: relative;
}

table.romberform td.romberradioset input.romberradioset {
	margin-top: -3px;
}

table.romberform td.rombernavigation {
	padding-top: 15px;
	padding-bottom: 15px;
}

table.romberform input.romberinput,
table.romberform input.romberresult,
table.romberform input.romberselect,
table.romberform select.romberitemlist,
table.romberform select.romberitemset,
table.romberform select.romberselect,
table.romberform textarea.rombertextarea {
	background-color: #dfdfdf;
	vertical-align: top;
}

table.romberform input.romberinput,
table.romberform input.romberresult,
table.romberform textarea.rombertextarea {
	font-family: monospace;
	margin-top: -1px;
	padding-left: 5px;
	padding-right: 5px;
}

table.romberform input.romberresult {
	background-color: transparent;
	border-width: 0px;
	padding-top: 2px;
}

table.romberform select.romberitemlist,
table.romberform select.romberitemset,
table.romberform select.romberselect {
	font-family: Verdana, sans-serif;
	margin-top: -3px;
}

table.romberform textarea.rombertextarea {
	padding-top: 1px;
}

table.romberform img {
	margin-top: -2px;
}


/* For Romber grids */
/*

  Style sheet include:
	STM_GRID.CSS_INC

  Purpose:
	Romber grid styles

  Notes:
	Based on Grayed Out table design
	Author: Terence Ordona
	URL: http://www.imaputz.com/

  Copyright:
	Copyright © 1987 - 2009 Corpita Pty Ltd
	15 Bedford Street, Collingwood 3066, Australia

  History:
	2010-05-12 by Simon L Jackson
	    Enhance grid styles
	    Initial separated version

*/


div.rombergrid {
	margin-left: 10px;
}

div.ricoLG_outerDiv {
	margin-top: 6px;
}

div.ricoLG_outerDiv *,
div.ricoLG_outerDiv div.ricoLG_cell {
	border: none;
	font-size: 9pt;
	font-family: Verdana, sans-serif;
}

table.ricoLG_table {
	border-top: none;
	border-left: none;
	border-right: 1px solid #003252;
	border-bottom: 1px solid #003252;
}

table.ricoLG_table tr td {
	border: none;
}

tr.ricoLG_hdg th,
tr.ricoLG_hdg td {
	background-color: #666666 !important;
	border-bottom: 1px solid #003252;
}

div.ricoLG_outerDiv .ricoLG_bottom div.ricoLG_cell {
	border-bottom: none;
	border-left: 1px solid #003252;
	padding-left: 5px;
	padding-right: 5px;
}

tr.ricoLG_hdg .ricoLG_cell {
	height: auto;
	max-height: 2.4em;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
}

.ricoLG_hdg img {
	border: 0px;
	margin: 0px;
	max-height: 1em;
	position: absolute;
	top: 10px;
	float: right;
}

.ricoLG_hdg p {
	padding: 0px;
	margin: 0px 5px 0px 0px;
}

div.ricoLG_outerDiv a:visited,
div.ricoLG_outerDiv a:link {
	color: white;
	text-decoration: none;
}

div.ricoLG_outerDiv a:hover {
	color: white;
	text-decoration: underline;
}

div.ricoLG_oddRow {
	background-color: #e7e7e7;
}

div.ricoLG_evenRow {
	background-color: #cfcfcf;
}

div.ricoLG_selection,
div.ricoWindow .ricoTitle {
	background-color: #afafaf;
	cursor: pointer;
}

div.ricoLG_highlightDiv {
	border-color: #003252;
}

div.ricoContent td {
	color: black;
}

.ricoLG_hdg p.results_left {
	float: left;
	margin-right: 4px;
}

.results_center {
	text-align: center;
}

.ricoLG_hdg p.results_center {
	margin-left: 4px;
}

.results_right {
	text-align: right;
}

.ricoLG_hdg p.results_right {
	text-align: right;
}

.results_right .ricoLG_cell {
	padding-right: 15px;
}

caption {
	text-align: left;
	font-size: 1em;
	padding: .75em;
	color: #000;
}


/* Xinha overrides */


.htmlarea {
	border-collapse: separate;
}

.htmlarea .toolbar img {
	border: 0;
	margin: 0;
}

.htmlarea .toolbar select {
	margin-top: 4px;
}

.htmlarea .toolbar .indicator {
	margin-top: 1px;
}