body {
   color: black;
   background: white;
   background-position: top left;
   background-attachment: fixed;
   background-repeat: no-repeat;
   /*background-image: url(../images/flymidwales.png);*/
   background-image: url(images/flymidwales.png);

   margin: 18px 18px 18px 48px;
   font-family: 'arial narrow', sans-serif;
   font-size: 90%
}

h1, h2, h3, h4 {
   color: #336;
   font-family: 'Arial', sans-serif;
   text-align: left;
}

h1 {
   font-size: 140%;
   font-weight: bold;
   border-bottom: medium solid black;
}

h2 {
   font-size: 120%;
   font-weight: bold;
   border-bottom: thin solid black;
}

h3 {
   font-weight: normal;
}

#floatright {
	float: right;
	width: 300px;
	margin-left: 20px;
	margin-bottom: 6px;
	}
.clear {
	clear: both;
	}

div.navbar {
   font-family: 'Arial', sans-serif;
   font-size: 90%;
}

p.copyright {
   border-top: medium solid black;
   font-size: 90%;
   font-family: 'Arial', sans-serif;
}

p.note {
   font-family: 'Arial', sans-serif;
   font-style: italic;
}

p.highlight {
    background: #ffc;
    margin: 1ex;
}

.error {
   color: #f00;
}

th {
   color: #336;
   font-family: 'Arial', sans-serif;
}

table.picker_sites tr.even {
   background: #eee;
}

table.picker_sites th {
   text-align: left;
}

table.site_summary th {
   text-align: right;
}

table.sites th {
   text-align: left;
}

table.sites td {
}

table.sites tr.even {
   background: #eee;
}

table.xc th {
	text-align: left;
}

table.xc td {
	text-align: left;
}

table.xc tr.even {
   background: #eee;
   text-align: left;
}

table.membership {
	width: 70%
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
}

table.membership th {
	text-align: left;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;   
}

table.membership td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.membership tr.expired {
   background: #ffd2d2;
   
}
table.membership tr.verify {
   background: #ffff88;
}


a {
	color:#09c;
	font-size:100%;
	font-family: 'Arial', sans-serif;
	/*font-family:verdana, arial, helvetica, sans-serif;*/
	font-weight:200;
	text-decoration:none;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}


/*a.button {
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	padding-left: 6px;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	text-align: center;
	min-width: 75px;
	text-transform: uppercase;
}
a.button:link { 
	background-color: #333366; 
	color: #FFFFFF;
	text-decoration: none;
	}
a.button:visited {
	background-color: #333366; 
	color: #FFFFFF;
	text-decoration: none;
	}
a.button:hover { 
	background-color: #333399; 
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;
	color: #CCCCCC;
	border-color: black white white black;
	text-decoration: none;
	}
a.button:active { 
	background-color: #333366; 
	color: #FFFFFF; 
	text-decoration: none;
	}
*/	
/* button styles */
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(/images/buttons/buttonBackground.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: #002577;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F;
cursor: default;
}
.icon {
display: inline-block;
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(/images/buttons/ok.gif);
}
#buttonCancel .icon {
background-image: url(/images/buttons/cancel.gif);
}
#buttonImport .icon {
background-image: url(/images/buttons/import.gif);
}

/*SMALL BUTTONS*/

a.buttonsm, a.buttonsmDis {
display: block;
background-color: transparent;
background-image: url(/images/buttons/buttonsmBackground.gif);
background-repeat: no-repeat;
width: 66px;
height: 14px;
margin: 0px auto;
padding: 0px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
/*font-weight: bold;*/
text-decoration: none;
}
a.buttonsm:link, a.buttonsm:visited {
color: #002577;
}
a.buttonsm:hover, a.buttonsm:active {
background-position: 0 -18px;
color: #FF7200;
}
a.buttonsmDis:link, a.buttonsmDis:visited, a.buttonsmDis:hover, a.buttonsmDis:active {
background-position: 0 -72px;
color: #5F5F5F;
cursor: default;
}
.icon {
display: inline-block;
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.buttonsm:hover .icon, a.buttonsm:active .icon {
background-position: 0 -28px;
}
a.buttonsmDis:link .icon, a.buttonsmDis:visited .icon, a.buttonsmDis:hover .icon, a.buttonsmDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonsmOK .icon {
background-image: url(/images/buttons/oksm.gif);
}
#buttonsmCancel .icon {
background-image: url(/images/buttons/cancelsm.gif);
}
#buttonsmImport .icon {
background-image: url(/images/buttons/importsm.gif);
}

.tdweather {
background-image: url(/images/cymrutywydd.png);
}

#rasp {position:absolute; left:180px; top:150px; width:1400px; height:1400px; 
 z-index:2; filter:alpha(opacity=99); -moz-opacity:0.99;}

#uk {position:absolute; left:295px; top:385px; width:1400px; height:1400px; 
 z-index:2; filter:alpha(opacity=52); -moz-opacity:0.52;}

#rasp {
   Z-INDEX: 1; FILTER: alpha(opacity=99); LEFT: 580px; WIDTH: 1400px; POSITION: absolute; TOP: 150px; HEIGHT: 1400px; -moz-opacity: 0.99
}

#uk {
   Z-INDEX: 1; FILTER: alpha(opacity=52); LEFT: 695px; WIDTH: 1400px; POSITION: absolute; TOP: 385px; HEIGHT: 1400px; -moz-opacity: 0.52
}