/* ---------------------------------

Euroserv Public Web Site Stylesheet

Version:  1.1
website:  http://www.euroserv.org/
Author:   Jim Handley
email:    jimh@linetex.co.uk

------------------------------------ */

/* Global Settings
==================================== */

* {
  margin: 0;
  padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6;
	/*  font-size: 62.5%;*/
  text-align: left;
	background-color:#FFFFFF;
}

/* Typography - Fonts and Colours
==================================== */

h1 {
	font-size: 2.4em;
	font-weight: bold;
	/*  color: #000099;  */
  color: #990000;
	line-height: 1.2em;
	margin-bottom:10px;
}

h2 {
	font-size: 1.8em;
	font-weight: bold;
	color: #000099;
	padding-top: 0.5em;
	line-height: 1em;
	padding-bottom: 0.2em;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #000099;
}

p, li {
  font-size: 1em;
}
strong {
	font-weight: bold;
/*	color: #000099;*/
}

fieldset {
/*	margin-right: 10px;*/
	padding-top: 1em;
/*	padding-left:1em;*/
	padding-bottom:1em;
	padding-right:1em;
	background-image: url(images/bgd-form1.jpg);
	background-repeat:no-repeat;
	border:none;
}

legend {
	font-weight: bold;
	font-size:1.4em;
	color:#000099;
	padding-bottom: 1em;
/*	padding-top:0.8em;*/
	padding-left:5px;
	padding-right:5px;
}

form {
	margin-top:1.5em;
}

form p {
  position: relative;
	width: 100%;
}

label {
	float: left;
	width: 9em;
	text-indent:1em;
/*	color:#000099;
	font-weight:bold;*/
}

input {
  width: 200px;
}

input[type="text"], textarea {
	border-top: 1px solid #7EA9D3;
	border-left: 1px solid #7EA9D3;
	border-bottom: 1px solid #369;
	border-right: 1px solid #369;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#eeffFF;
}

input.radio, input.checkbox {
  width: auto;
}

input:focus, textarea:focus {
	background: #ffc;
}

input.radio {
  float: left;
	margin-right: 1em;
}

input[type="submit"] {
	width:6em;
}

textarea {
	width: 300px;
	height: 100px;
}

/* Main Sections
=================================== */

/* These sections are in the same order as the web pages themselves */

#wrapper {
  width: 1010px;
  margin: 5px auto; 
  padding: 0px;
  text-align: center;
}

#branding {
	visibility: hidden;
}

#mainContent { 
	clear:left;
	width: 1010px;
	float:left;
	text-align:left;
}

#mainContent li {
  font-size: 1em;
  margin-left: 20px;
  padding: 0;
}

#mainContent li ul li {
  font-size: 0.9em;
  margin-left: 20px;
  padding: 0;
}

#mapEurope { 
	visibility: hidden;
}

#frmContact { 
  clear:left;
  float: left;
  width: 421px;
/*  height: 254px;*/
  height: 216px;
  margin-left:30px;
  margin-right:1px;
  margin-top:10px;
/*  position:absolute;
  bottom:0px;*/
  background-image:url(images/bgd_euroserv_talk.gif);
  font-size:1.2em;
}

#frmContact p { 
  margin-left:30px;
  margin-top:60px;
  margin-bottom:20px;
  color:#EEFFFF;
}

#frmContact ul { 
  margin-left:10px;
  color:#EEFFFF;
  list-style:none;
  text-indent:15px;
}

#frmContact li { 
  background: url(images/icon_star.gif) no-repeat left;
  margin-bottom:2px;
}

#frmContact ul li a { 
  color:#EEFFFF;
  font-weight:bold;
}

#frmContact ul li a:hover, .selected a {
	color:#FFFF00;
}

#textArea {
}


#textArea p, #textArea ul {
  font-size: 1.2em;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-right:5px;
}

#textArea td {
	vertical-align:top;
}

#textArea td * {
  font-size: 1.21em;
  padding:0;
  margin:0;
/*	  margin-right:10px;*/
}

#textArea a {
	color: #000099;
}

#textArea a:hover {
	color: #990000;
}

#textArea a:hover {
  color: #990000;
}

/*#textArea a:visited {
	color: #999999;
}
*/
#textArea ul {
  padding-top: 10px;
  padding-bottom: 10px;
  list-style-image: url(images/icon_star_blue.gif);
}

/* Navigation Bar
----------------------------------- */

#mainNav {
	visibility: hidden;
}

#navList li {
  display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
}

#navList a {
  display: block;
  float: left;
  padding-right: 15px;
  height: 20px;
  line-height: 20px;
  color: #99FFFF;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  text-indent: 15px;
}

#navList a .last {
  padding-right: 0px;
}

#navList a:hover, .selected a {
  background: url(images/icon_star.gif) no-repeat left;
  color: #ff3;
}

.last_para {
	margin-bottom:10px;
}
	
/* Footer
----------------------------------- */

#footer {
	visibility: hidden;
} 

	#footer a {
	  color: #999999;
	}

	#footer a:hover {
	  color: #ffffff;
	}

	#navCopy {
	  float:left;
	  color:#999999;
	  margin-left:15px;
	  margin-top:30px;
	}
	
	#navFooter {
	  float:right;
	  margin-right:25px;
	  margin-top:30px;
	}

/* Links
==================================== */

/*
#mainContent a {
  color: #99FFFF;
  padding: 0;
  margin: 0;
}

#mainContent a:hover {
  color: #FFFF33;
}

*/

/* Forms
==================================== */

.mandatory {
  background-color: #FFFF99;
}

#tblMarkets {
	background:url(images/bgd_markets.jpg) no-repeat left top;
	width:490px;
	height:1374px;
	margin-top:10px;
}

#tblMarkets p {
	font-weight:normal;
	font-size:2em;
	text-indent:20px;
	padding-top:20px;
	padding-bottom:29px;
}

#tblMarkets a {
	text-decoration:none;
	color:#336699;
}

#tblMarkets a:hover {
	color:#990000;
}

/*#tblMarkets a:visited {
	color:#99CCFF;
}*/

#memberLeft {
	float:left;
/*	margin-left: 15px;*/
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#memberRight {
	float:right;
	margin-right:15px;
	padding: 0px;
	margin-top: 0px;
}

#listLeft {
	float:left;
	padding: 0px;
	margin-top: 0px;
}

#listRight {
	float:left;
	padding: 0px;
	margin-left: 20px;
}

.submit {
	text-indent:10em;
}

.txtWarning {
	font-weight:bold;
	color:#990000;
}

.txtIndent1 {
	width:5em;
	font-weight:bold;
	display:inline-block;
}

.txtAddress {
	font-size:1em;
}

.txtLastPara {
	border-bottom:dashed;
	border-bottom-width:1px;
	border-color:#999999;
	border-spacing:10px;
	margin-bottom:5px;
}

.flag_waving {
	float:right;
	height:50px;
	width:68px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	border:none;
}

#flag_eu {
	float:right;
	height:50px;
	width:75px;
	margin-left:10px;
	margin-bottom:10px;
	margin-right:25px;
	border:none;
}

/* Images
==================================== */

#imgFlags1 {
	width:487px;
	height:287px;
	margin-top:20px;
	margin-bottom:20px;
}

#imgCrowd {
	background: url(images/img-market-small.jpg) no-repeat right top;
	width:245px;
	height:218px;
	float:right;
	margin-bottom: 10px;
	margin-left: 10px;
}

.imgMarket {
	width:490px;
	height:210px;
/*	margin-top:10px;
	margin-bottom:0px;*/
}

#imgValid {
	float:right;
	margin:10px;
}

#imgPDFReader {
	float:right;
	margin:10px;
	border:none;
}

#imgLogoMSO {
	height: 33px;
	width: 113px;
	margin-top: 10px;
}

#imgLogoESG {
	margin: 10px;
	height: 82px;
	width: 201px;
}
#imgLogoMMF {
	height: 78px;
	width: 163px;
}
#imgLogoBitronic {
	height: 82px;
	width: 187px;
}
#imgLogoAssist {
	height: 120px;
	width: 195px;
}
#imgLogoMetrolico {
	height: 58px;
	width: 192px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#imgLogoLinetexATM {
	height: 76px;
	width: 251px;
}
#imgLogoPOAS {
	height: 80px;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#imgPuzzle {
	float: right;
	height: 240px;
	width: 222px;
	margin-right: 10px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#imgMale1 {
	height: 148px;
	width: 148px;
	margin-right: 8px;
	margin-left: 10px;
	float:right;
}

#boxMember {
	margin: 0px;
	padding: 0px;
	height: 10px;
}

#boxMember2 {
	margin: 0px;
	padding: 0px;
}

#imgSupply {
	float: none;
	height: 185px;
	width: 316px;
}

#imgSoftware {
	width:324px;
	height:394px;
	float:right;
}

#imgContactPhone {
	width:420px;
	height:202px;
	margin-top: 20px;
	margin-right: 35px;
	margin-bottom: 10px;
	margin-left: 35px;
}

.clear {
	clear:both;
}

.errRequired {
	background-color: #FFE6FF;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.france {
	background:url(images/fl_france.jpg) no-repeat left center;
	padding-left:25px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.uk {
	background:url(images/fl_uk.jpg) no-repeat left center;
	padding-left:25px;
}