/*****************************************************************************************************

This file should contain
1.) all site wide colour, background and font styles for html tags
2.) a selection of class(.) styles that can be used in the cms text editor

reasoning : so this style sheet could be used to re-style the website

*****************************************************************************************************/

/**************************************** Website Settings *******************************************/

html
{
	margin:0px;
	padding:0px;
}
body
{
	color: #000000;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font: small/22px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; /* Medium = 11 px - Small = 9px */
	line-height: 1.2em;
	text-align:left;
}

/**************************************** Text Settings **********************************************/

h1, h2, h3, h4, h5, h6
{
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px 0px 15px 0px;
}
p
{
	margin: 0px 0px 1em 0px;
	line-height: 1.2em;
}

/*
#onHorizonSelectorForm
{
	line-height: 1.2em;
	text-align: right;
}
*/

li
{
	margin: 0em;
	padding: 0em; 
	line-height: 1.2em;
}
a:link
{
	color:#0000FF;
	text-decoration:none;
}
a:link:hover
{
	color:#6B248B;
	text-decoration:underline !important;
}
a:visited
{
	color:#6B248B;
	text-decoration:none;
}
blockquote
{
	margin:0px;
	padding-left:30px;
}
ins, del
{
	color:#0000FF;
	text-decoration:none;
	border:0px solid #0000FF;
}

/************************************* CMS Style Settings ********************************************/

.warning { color: #FF0000; }
.highlight { color: #00FFFF; }
.purplefont { color: #671a87; }

/**************** Cedrec Added styles ************************/

.england, .scotland, .wales, .ni { padding-top:25px; margin-bottom:10px; border:1px dashed #999999; background-color:lightgrey;}
.england { background:url(/images/country/england.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.scotland { background:url(/images/country/scotland.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.wales { background:url(/images/country/wales.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.ni { background:url(/images/country/nireland.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.england.scotland { background:url(/images/country/englandscotland.png) top left no-repeat; padding-left: 3px; background-color:lightgrey;}
.england.wales { background:url(/images/country/englandwales.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.england.ni { background:url(/images/country/englandnireland.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.scotland.wales { background:url(/images/country/scotlandwales.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.scotland.ni { background:url(/images/country/scotlandnireland.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.wales.nireland { background:url(/images/country/walesnireland.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.england.scotland.wales { background:url(/images/country/englandscotlandwales.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.england.scotland.ni { background:url(/images/country/englandscotlandnireland.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.england.wales.ni { background:url(/images/country/englandwalesnireland.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.scotland.wales.ni { background:url(/images/country/scotlandwalesnireland.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}
.england.scotland.wales.ni { background:url(/images/country/englandscotlandwalesnireland.png) top right no-repeat; padding-left: 3px; background-color:lightgrey;}

/* TinyMCE specific rules */
body.mceContentBody .damaged_link
{
	background-color: #FFFF00;
}

body.mceContentBody .revokedred {  color: #FF0000}
body.mceContentBody .revokedgrey {  color: #808080}
body.mceContentBody .header {  font-weight: bold; color: #000000; text-align: center}

body.mceContentBody ul {  list-style-type: circle}
body.mceContentBody li {  list-style-type: circle}
body.mceContentBody h1 {  font-weight: bold; color: #000000; text-align: center}
/*body.mceContentBody h2 { font-size: 12pt; bold}*/

body.mceContentBody .acop_regtable { background-color: #99CCFF; border-collapse: collapse }
body.mceContentBody .acop_guidancetable { background-color: #FFFFCC; border-collapse: collapse }
body.mceContentBody .acop_acoptable { background-color: #CCFFCC; border-collapse: collapse }
body.mceContentBody .acop_warning {font-size: 10pt}
body.mceContentBody .white_text { color: #ffffff; font-weight: bold;}
body.mceContentBody .notes {background-color: #FFFF00}

body.mceContentBody sub {font-size: 9pt; vertical-align: baseline;}
body.mceContentBody sup {font-size: 9pt; vertical-align: text-top;}

#legislation .revokedred {  color: #FF0000}
#legislation .revokedgrey {  color: #808080}
#legislation .new {  color: #0000FF}
#legislation .header {  font-weight: bold; color: #000000; text-align: center}
	

#legislation ul {  list-style-type: circle}
#legislation li {  list-style-type: circle}
#legislation h1 {  font-weight: bold; color: #000000; text-align: center}
/*#legislation h2 { font-size:: 12pt; bold}*/

#legislation .acop_regtable { background-color: #99CCFF; border-collapse: collapse }
#legislation .acop_guidancetable { background-color: #FFFFCC; border-collapse: collapse }
#legislation .acop_acoptable { background-color: #CCFFCC; border-collapse: collapse }
#legislation .acop_warning {font-size: 10pt}
#legislation .white_text { font-weight: bold;} /*#legislation .white_text { color: #ffffff; font-weight: bold;}*/
#legislation .notes {background-color: #FFFF00}

#legislation sub {font-size: 9pt; vertical-align: baseline;}
#legislation sup {font-size: 9pt; vertical-align: text-top;}

/************************************** Form Settings ************************************************/

span#loginimage {font-weight: bold;}

input.searchbox {border: 1px solid #000000; padding-left: 3px;}
input.searchsubmit {border: 1px solid #000000;}

.userFilterSubmit {border: 1px solid #000000;}



input, textarea
{
	color:#000000;
	border: 1px solid #000000;
	margin-right: 5px; 
}

form
{
	margin: 0px;
	padding: 0px; 
}
fieldset
{
	border: 1px solid #999;
	padding: 1em;
	margin: 0;
}
legend
{
	color: #000;
	font-size: 1.2em;
}
fieldset div
{
	clear: left;
	margin: 0.5em 0em 0em;
	padding: 0.1em 0.3em 0.1em 0em;
}
fieldset div label
{
	display: block;
	float:left;
	width: 180px;
	padding: 0em;
	margin: 0em 0.5em;
	text-align:right;
}

fieldset div input[type="text"],
fieldset div input[type="password"],
fieldset div textarea,
fieldset div select 
{ 
	border: 1px solid black; 
	float: left; 
	width: 170px;
}

fieldset div input:focus,
fieldset div textarea:focus,
fieldset div select:focus { border: 1px dotted black; }
fieldset div input.error,
fieldset div textarea.error,
fieldset div select.error { border: 1px dotted red; }
fieldset div label.error { margin-left: 1em; }

label.error
{
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	text-align:left;
	width:auto;
}

/************************************** Image Settings ***********************************************/

img { border:0px solid #000000; }

/* image caption - used in ibrowser */

span.capDivRightBrd
{
	float: right;
	border: 1px solid #cccccc;
	background-color: #f0f0ee;
	padding: 5px;	
	height: auto;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}
span.capDivRight
{
	float: right;
	padding: 5px;	
	height: auto;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}
span.capDivLeftBrd
{
	float: left;
	border: 1px solid #cccccc;
	background-color: #f0f0ee;
	padding: 5px;	
	height: auto;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}
span.capDivLeft
{
	float: left;
	padding: 5px;	
	height: auto;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}
span.caption
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;	
	line-height: 12px;	
	color: #666666;
	background-color: transparent;
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
	display: block;	
}

/************************************** Other Settings ***********************************************/

.clearing {
	display: block;
	overflow:hidden;
	height: 1px;
	font-size: 1px;
	clear: both;
	margin: 0px;
	padding: 0px;
}
.nospace
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

table { margin-bottom: 10px;}

/*
.damaged_link
{
	background-color: #FFFF00;
}
*/

.goober
{	
	color : #FF0000;	
	font-style: italic;
	text-align:left;
	width:auto;
}

.date_bkgrd
{
	background-color: #FFFFCC;
}

.infoImg
{
	vertical-align: text-bottom;
}
