/*	
	COMMON.CSS
	Commonly used classes across the GORS site
*/

/* PAGE TITLES */
.GORStitle1 {
	font-size: 14pt;
	color: #333;
}
.GORStitle2 {
	font-size: 14pt;
}
#GORStitle3 {
	font-size: 11pt;
	color: #333;
}

/* LOGO */
a:hover img {
	background-color: white;
}
a:hover#logo_link {
	background-color: white;
}

/* Navigation links */
#navBar a:active, #navBar a:visited, #navBar a:link {
	text-decoration: none;
}
#navBar a:hover {
	text-decoration: underline;
}
#navBar a.highlight {
	font-weight: bold;
}

/* Main styles */
h1 {
	font-weight: bold;
	font-size: 16pt;
	line-height: 40px;
}
h2 {
	font-size: 14pt;
	line-height: 40px;
	clear: left;
}
h3 {
	font-weight: bold;
	font-size: 10pt;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	clear: left;
}
p {
	margin: 0 0 5px 0;
	line-height: 20px;	
	text-align: justify;
}
p#summary {
	font-style: italic;
	font-size: 105%;
	font-family: georgia;
	margin: 2px 0 10px 0;
}	
ul {
	margin: 0 0 5px 0;
	padding-left: 20px;
}
ul li {
	line-height: 20px;
	margin-bottom: 4px;
}
ul ul {
	margin: 0;
}
strong {
	font-weight: bold;
}
acronym {
	cursor: help;
	border-bottom: 1px dotted black;
}
dt {
	font-weight: bold;
}

/* Rightbox styles */
#rightBox {
    overflow: auto;
    zoom: 1;
}
#rightBox h3 {
	margin: 20px 0 4px 0;
}
#rightBox p {
	text-align: left;
}

/* Tables */
table.contentTable {
	text-align: left;
	border-top: 2px solid #002282;
	border-bottom: 2px solid #002282;	
	margin: 0 0 18px 0;
	
} 
table.contentTable th {
	color: #002282;
	line-height: 19px;
	padding: 0 20px 0 20px;
	font-size: 10pt;
    vertical-align: top;
}
table.contentTable td {
	padding: 0 20px 0 20px;
	font-size: 10pt;
	line-height: 20px;
}
caption {
	text-align: left;
	font-size: 8pt;
	line-height: normal;
	color: #002282;
}

/* Forms */
fieldset {

} 
legend {
	color: #dd1a2c;
	font-weight: bold;
	font-size: 11pt;
	line-height: 20px;
	margin-bottom: 10px;
	clear: left;
	float: left;
	padding-right: 30px;
}
form {
	float: left;
	margin: 10px 0;
	padding: 0px;
}
form ol {
	list-style: none;
	float: left;
	width: 600px;
	padding: 0px;
}
form ol li {
	margin-bottom: 8px;
	margin-left: 0px;
	padding-left: 0px;
	float: left;
	clear: both;
	width: 595px;
}
form table td {
	padding: 4px 0;
}
form table th {
	padding: 4px 5px 4px 0;
}
label {
	float: left;
	width: 100px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 8pt;
	text-align: right;
	margin-right: 5px;
}
div.input label {
	font-weight: normal;
	width: auto;
	text-transform: none;
}
input,textarea {
	float: left;
	background-color: #ffffcc;
	border: 1px solid #aaa;
	color: #990000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	padding: 4px;
}
input.tick {
	position: relative;
	top: 0px;
	margin-right: 5px;
	border: none;
	background-color: white;
}
input.submit_button {
	float: left;
	margin-left: 105px;
	color: black;
	border: 1px solid black;
	background-color: #ccc;
	padding: 5px;
}
select {
	float: left;
	background-color: #ffff99;
	border: 1px solid #aaa;
	color: #002282;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 10pt;
	padding: 4px;
}
div.note {
	float: left;
	font-size: 8pt;
	padding-left: 105px;
	clear: left;
	line-height: 12pt;
	color:	#555;
	width: 500px;
}
div.error {
	color: #dd1a2c;
	font-size: 8pt;
	margin-left: 110px;
	float: left;
	clear: both;
	line-height: 12pt;
}
span.mandatory {
	color: #dd1a2c;
	font-weight: bold;
}
div.multi_input {
	float: left;
}
div.multi_input label {
	float: left;
	font-weight: normal;
	width: auto;
	margin: 0 5px 0 0;
	text-align: left;
	text-transform: none;
}
div.multi_input input {
	margin-right: 5px;
}

/* Special DIVs */
div.warning {
	margin: 0 0 0 0;
	padding: 9px 10px 9px 10px;
	font-weight: bold;	
}

.smallText {
	font-size: 8pt;
}

/* LINKS THAT ARE OFF THE PAGE - FOR ACCESSIBILITY COMPLIANCE */
a.skipLink {
	position: absolute;
	left: -1000px;
}
a.invisibleLink {
	font-size: 8pt;
	display: none;
}

/* EXTERNAL LINKS - in a different colour */
a.externalLink, :active.externalLink, a:link.externalLink, a:visited.externalLink, a:hover.externalLink {
	color: #045f04;
} 
a:hover.externalLink {
	background-color: #e4ffe4;
}

/* Floating lists */
div.ulFloat {
	float: left;
	width: 280px;
}

.float-catcher {
	clear: both;
	margin: 0px;
	height: 0px;
	line-height: 0px;
}