body { color: black; background-color: white; font-family: Arial, Helvetica, sans-serif}

a:link { color: blue }

a:visited { color: purple }

a:hover { color: purple }

a:active { color: red }

h2 {
color: #cccccc;
font-size: 11px;
font-family: arial;
font-weight: bold;
text-align: left;
margin-left: 10px;
}

h3 {
color: #cccccc;
font-size: 11px;
font-family: arial;
text-align: left;
margin-left: 10px;
font-weight: lighter;
}

#tabs
{ color: #666; float:left; font-size: 11px; font-family: arial; font-weight: bold; line-height:normal; text-transform: uppercase; text-align: center; z-index: 2; white-space: nowrap; min-width: 930px; padding-left: 10px; }
#tabs ul
{
        margin:0;
        padding:5px 5px 0;
        list-style:none;
}
#tabs li
{
        float:left;
        background: url(../images/ff_t_left.gif) no-repeat left top;
        margin:0;
        padding:0 0 0 5px;
}
#tabs a
{
        float:left;
        display:block;
        background: url(../images/ff_t_right.gif) no-repeat right top;
        padding:7px 9px 4px 3px;
        text-decoration:none;
        font-weight:bold;
        color:#FFFFFF;
}
#tabs a
{
        float:none;
        color:#000000;
}
#tabs a:hover
{
        color:#A21A7E;
}

.width {
	min-width:990px;
}


* html .minwidth {
	padding-left:990px;
}

* html .container {
	margin-left:-990px;
	position:relative;
}

/*\*/
* html .minwidth, * html .container, * html .content, * html .layout  {
	height:1px;
}
/**/
.searchbox {
	color: #666666;
	font-size: 8pt;
	font-family: arial;
	vertical-align: middle;
}

.leftpadding {
margin: 0px;
padding: 0px;

}

.navboxcont_headerbar { width: 100%; height:87px}
.navboxleft_headerbar { width:298px; float:left; height:87px; padding-top: 10px;}
.navboxauto_headerbar { color: #666; font-size: 11px; font-family: arial; text-align: right; vertical-align: middle; margin-left:298px; width:auto; height:87px        }

#navboxauto_headerbar2 {
  width: 100%; /* Sets the width of the nav DIV to 100% pixels. */
  margin: 0px;
  padding: 0px;	
}
#navboxauto_headerbar2 ul {
  list-style-type: none; /* Removes default list bullets. */
  font-size: 100%;  /* Sets the font size to 100% of the user's browser preference, */
  text-align: right; /* Centers items in nav list. */
  font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#navboxauto_headerbar2 li {
  display: inline; /* Changes list items from block to inline elements so that links flow side by side. */
}

#navboxauto_headerbar2 li a:link, #navboxauto_headerbar2 li a:visited {
  color: #666666; /* Sets color of unvisited and visited links to  white. */
  text-decoration: none; /* Removes default underline on links. */
  padding: 0px; /* Adds 5 pixels of padding around the links. */
  margin-right: 3px; /* Adds space to the right of each list item. */
  margin-left: 3px; /* Adds space to the left of each list item. */

}
#navboxauto_headerbar2 li a:hover, #navboxauto_headerbar2 li a:active, #navboxauto_headerbar2 li a:focus {
  color: #A92B7D; /* Changes text color of links to dixcart magenta on hover, activation, and focus. */
}

.lineBreak{
  border-top:  1px dashed #cc75b5; /*dotted line top*/
  padding-bottom: 10px;
}




/*color: #666; font-size: 15px; font-family: arial; text-align: right; vertical-align: middle; margin-left:298px; width:auto; height:87px/* 


/* -21px is for who? Netscape 4, I would guess - er yes */
.columns
	{
	margin				: 1px;
	color				: #ffffff;
	margin-top: 0px;
	padding-top: 0px;
	}
/* NB - OmniWeb displays the 1px space as looking somewhat thicker, but set it to 0px and there is no space */
/* IE5 gets the spacing all wrong: -18px puts it right. Then use the tantek-family hack to make everything right again */
/*/*/
.columns
	{
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-top			: 1px;
	margin-top: 0px;
	padding-top: 0px;
	}
/* */
/* empty required to get IE5 vback on track */
#empty{}

.leftcolumn
	{
	float				: left;
	left				: 0px;
	width				: 200px;
	margin				: 0px;
	padding				: 0px;
	color				: #000000;
	margin-top			: 20px;
	padding-top: 0px;
	}


.leftcolumn ul
	{
	margin-left: 20px;
	}
.leftcolumn li
	{
	list-style-image: url(../images/navlevel1.gif);
	margin-top: 0px;
	border-bottom:dashed 1px #cc77b5;
	padding-bottom: 2px;
	}
.leftcolumn li a
	{
	font-family: arial;
	font-size:11px;
	color:#666666;
	text-decoration:none;
	}
.leftcolumn li a:hover
	{
	font-family: arial;
	font-size:11px;
	color:#666666;
	text-decoration:underline;
	}
.leftcolumn li li
	{
	list-style-image: url(../images/navlevel2.gif);
	border-bottom:none;
	text-indent:0px;
	list-style-position:inside;
	margin:5;
	padding:5;
	}
.leftcolumn li.currentpage
	{
	background-color:#f5e4f0;
	}



/*------------------------left Column Test ---------------------------*/

.leftcolumnTest
	{
	float: left ! important;
	
	}
	
.leftpaddingTest
	{
	padding: 0px;
	marging: 0px;
	clear: both;
	margin-top: 20px;
	width: 200px;
	
	}
	
.leftcolumnTest ul
	{
	font-size: 12px	;
	}
.leftcolumnTest li
	{
	list-style-image: url(../images/navlevel1.gif);
	border-bottom:dashed 1px #cc77b5;
	padding-bottom: 2px;
	}
.leftcolumnTest li a
	{
	font-family: arial;
	color:#666666;
	text-decoration:none;
	}

.leftcolumnTest li a:hover
	{
	color:#666666;
	text-decoration:underline;
	}
.leftcolumnTest li li
	{
	list-style-image: url(../images/navlevel2.gif);
	background-color: #FFFFFF;
	border-bottom:none;
	text-indent:0px;
	/*list-style-position:inside;
	margin:5;
	padding:5;*/
	}
.leftcolumnTest li.currentpage
	{
	background-color:#f5e4f0;
	}


/*------------------------left Column Test END ---------------------------*/


/*
make sure that the hack widths equals the value of .centercolumn's margin-right
the initial width is for NN4 - experiment and set to what seems best
*/
.rightcolumn
	{
	position			: static;
	float				: right;
	width				: 200px;
	margin				: 0px;
	padding				: 0px;
	z-index				: 3;
	color				: #000000;
	}

/* 
For NN4, -25px is the margin-left setting to make the centercolumn column but up against the left column. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left column.
margin-right is set to the value of the overriding values for .rightcolumn's width. 
A margin can be created between these two columns either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/
/*center column of the website, text and all other declerations.*/
.centercolumn
	{ margin: 0px; padding: 0px; color: #000000; z-index: 4; font-size: 12px; font-family: arial; text-align: justify; padding-right: 10px;}
.centercolumn h1 { font-size: 16px; font-family: arial; font-weight: bold; padding-top: 20px; padding-bottom: 10px; margin: 0px;}
.centercolumn hr { border-top: 1px dashed #cc77b5; color: #fff; background-color: #fff; height: 1px; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
.centercolumn p { font-size: 12px; font-family: arial; text-align: justify; }
.centercolumn ul {padding-bottom: 0px; color:#000000;}
.centercolumn
	{
	margin-right		: 0px;
	margin-top			: -1px;
	margin-bottom		: 0px;
	margin-left			: -15px; /*margin-left			: -25px;*/
	padding-left: 10px;
	}
/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary [sigh]) and then zap 
empty because otherwise IE5 goes rampaging on */
/*/*/
.centercolumn
	{
	margin-right		: 201px;
	margin-left			: 230px; /*margin-left			: 201px;*/
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-top			: 0px;
	}
.highlight { background-color:#FF99FF;
font-weight:bold;
}

#empty{}
/*  */

#backToTop{
text-align:right;
padding-right: 220px;



}

#footer{ 
  border-top-style: dotted ;
  border-top-color:#cc77b5;
  border-top: 1px;  
  /*clear: both;*/
  width:100%;
  /*overflow:hidden;*/
}
#subfooter1{
  text-align:left;
  width: 100%;
  margin: 0px;
  padding-top: 10px;
  border-top:  1px dashed #cc75b5; /*dotted line top*/
}

#subfooter2 {
  width: 100%; /* Sets the width of the nav DIV to 100% pixels. */
	
}
#subfooter2 ul {
  list-style-type: none; /* Removes default list bullets. */
  sfont-size: 100%;  /* Sets the font size to 100% of the user's browser preference, */
  text-align: left; /* Centers items in nav list. */
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin: 0px;
  padding: 0px;
}
#subfooter2 li {
  display: inline; /* Changes list items from block to inline elements so that links flow side by side. */
}

#subfooter2 li a:link, #subfooter2 li a:visited {
  color: #666666; /* Sets color of unvisited and visited links to  white. */
  text-decoration: none; /* Removes default underline on links. */
  padding: 0px; /* Adds 5 pixels of padding around the links. */
  margin-right: 0px; /* Adds space to the right of each list item. */
  margin-left: 0px; /* Adds space to the left of each list item. */

}
#subfooter2 li a:hover, #subfooter2 li a:active, #subfooter2 li a:focus {
  color: #A92B7D; /* Changes text color of links to dixcart magenta on hover, activation, and focus. */
}

li.spain
{
background-image: url(/images/flag_spain.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 10px 0 3px 20px;
margin: .4em 0;
}

li.portugal
{
background-image: url(/images/flag_portugal.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

	
.box {background: #f5e4f0 no-repeat 0 100%; width: 90%; border: solid 1px #CCCCCC}

.title {
background: #cc77b5;
color: #ffffff;
font-family: arial;
font-size: 11px;
text-indent: 10px;
height: 20px;
line-height: 17px;
}

.content {
color: #666666;
font-family: arial;
font-size: 11px;
padding: 10px;
}

#contentTitle {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

#contentTitleJurisdiction {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(/images/icon_PDF.jpg);
	background-repeat: no-repeat;
	text-indent: 30px;
	line-height: 35px;
}
#copyright {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
padding-top: 10px;
}


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

.list {
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}

.iconlist
{
margin: 0;
padding: 0;
}

.iconlist li{
display:inline;
}

li.email
{
background-image: url(/images/icon_email.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 17px;
margin: .4em 0;
}

li.print
{
background-image: url(/images/icon_print.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 17px;
margin: .4em 0;
}

li.save
{
background-image: url(/images/icon_save.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 17px;
margin: .4em 0;
}

li.backtotop
{
background-image: url(/images/icon_backtotop.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 17px;
margin: .4em 0;
}


.clear2 {font-size: 1px; height: 30px} 

.clear { clear : both; font-size: 1px; line-height: 0px; }

.test {
padding: 0px;
margin: 0px;
}

#seminar-meta {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

#seminar-subjects h2,
#seminar-profiles h2{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

.seminar-subject {
	border: 1px solid #000;
	padding: 5px;
	background-color: #ddd;
	margin-bottom: 10px;
	text-align: center;
	font-size: 14px;
}

.seminar-subject h3 {
	color: #000;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin: 0;
}

.seminar-profile {
	margin-bottom: 10px;
}

.seminar-profile h3 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.seminar-register-link {
	margin: auto;
	border: 1px solid #cc77b5;
	width: 180px;
}

.seminar-register-link a {
	display: block;
	width: 180px;
	text-decoration: none;
	background-color: #F6E3F9;
	padding: 5px 0;
	margin: 0;
	text-align: center;
	font-size: 16px;
}

.seminar-register-link a:hover {
	text-decoration: underline;
	background-color: #cc77b5;
	color: #fff;
}

fieldset.statusmessage {
	color: #F00;
	font-size: 14px;
}

h1.home {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ab2888;
	padding-left: 30px;
	margin-top: 5px;
	font-weight:normal;
}

h2.home {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	padding-left: 20px;
	line-height: 20px;
	font-weight:normal;
	text-align:justify;
}
.homeTitles h1, .homeBoxes h1, .latestArticles h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #cc77b5;
	font-weight:normal;
	padding-bottom:10px;
	padding-left: 10px;
	border-bottom:dashed 1px #cc77b5;
}
td.homeBoxes {
	border-right: dashed 1px #cc77b5;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	padding-left:15px;
	padding-right:15px;
	vertical-align:top;
	text-align:justify;
	}
td.homeBoxes2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	padding-left:15px;
	padding-right:15px;
	vertical-align:top;
	text-align:justify;
	}

td.homeBoxes a {
	color:#000000;
	text-decoration:underline;
	padding-left: 10px;
	line-height:2;
	}
td.homeBoxes2 a {
	color:#000000;
	text-decoration:underline;
	line-height: 1.7;
	}
td.homeBoxes2 li {
	list-style-image: url(/images/arrow.gif);
	margin: 0px;
	padding: 0px;
	}
td.latestArticles {
	border-right: dashed 1px #cc77b5;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	padding-left:15px;
	padding-right:15px;
	vertical-align:top;
	}
td.latestArticles a {
	color:#000000;
	text-decoration:underline;
	font-weight:normal;
	}
td.latestArticles p {
	color:#cc77b5;
	font-weight:bold;
	}
/**********************FORM********************************/

.staffname {
	font-size:14px;
	font-weight:bold;
	}
.staffprofile {
	font-size:12px;
	font-weight:normal;
	}


.search0 {
	font-weight: bold;
	background-color: #FFFF00;
}
.search1 {
	font-weight: bold;
	background-color: #00FFFF;
}
.search2 {
	font-weight: bold;
	background-color: #66FF66;
}
.search3 {
	font-weight: bold;
	background-color: #FF9900;
}
.search4 {
	font-weight: bold;
	background-color: #FF0066;
}
.search5 {
	font-weight: bold;
	background-color: #660099;
}
.search6 {
	font-weight: bold;
	background-color: #FFCCFF;
}
.searchstats{
  font-size: x-small;
  font-style:italic;
}

#ticketheader {
	background-color:#FFCCCC;
	margin-bottom: 7px;
}

#ticketdetail .orignalentry {
	background-color:#FFFF99;
}
#ticketdetail .usernote {
	background-color:#D3D9FE;
}
#ticketdetail .engineernote {
	background-color:#FFDFE1;
}

#ticketdetail th {
	vertical-align:top;
}

    /* Style the spotlight container */
    #spotlight {
        margin: 10px auto;
        padding: 1px;
		text-align: center;
    }
    
    #container {
        margin: 0 auto;
    }

    /*.yui-carousel-element li {
        height: 75px;
        width: 75px;
    }*/
    
    .yui-carousel-element .yui-carousel-item-selected {
        opacity: 1;
    }

    .yui-skin-sam .yui-carousel-nav ul li {
        margin: 0;
    }
	
	#map_canvas {
		width: 640px;
		float:left;
		border: 1px solid black;
		visibility: hidden;
	}
	
	#navboxauto_headerbar2 li.dix-offices a:link {
		color: #000;
		font-weight: bold;
	}

	#navboxauto_headerbar2 li.dix-offices a:visited {
		color: #000;
		font-weight: bold;
	}
	
	#navboxauto_headerbar2 li.dix-offices a:hover {
		color: #A92B7D;
	}
	
/* General styles */



/* Form styles */
#form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; font: 80%/1.5 Arial,Helvetica,sans-serif; }

p.legend { margin-bottom: 1em; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.buttonrow { margin-left: 180px; }


/* New office pages */
a.no-style, a.no-style:link, a.no-style:hover, a.no-style:visited { border: none; text-decoration: none; }
.office-location { width: 160px; padding: 2px; margin: auto; background-color: #666; color: #FFF; }
	.office-location .office-name, .office-location .office-number { display: block; text-align: center; }
	.office-location .office-name { font-size: 146%; font-weight: bold; }

.office-page .office-image { float: left; position: relative; }
	.office-page .office-image .overlay { background: #CCC; padding: 5px 10px; width: 220px; position: absolute; bottom: 0; }
	.office-page.nevis .office-image .overlay,
	.office-page.guernsey .office-image .overlay { bottom: -3px; }
	.office-page.iom .office-image .overlay,
	.office-page.madeira .office-image .overlay,
	.office-page.sark .office-image .overlay,
	.office-page.switzerland .office-image .overlay,
	.office-page.uk .office-image .overlay,
	.office-page.malta .office-image .overlay { bottom: 3px; }
.office-page .office-text { margin-top: 15px; }
.office-page .office-map { margin-left: 260px; position: relative; }

.office-page #map {	 margin: auto; height: 350px; }
.office-page #address {	filter:alpha(opacity=75); -moz-opacity:.75;	opacity:.75; position:absolute;	top: 10px;
						left: 10px;	padding:10px; margin:0px 0px 0px 0px; background-color:#CC76B5;	z-index:2;
						color:black; width: 160px; font-size: 0.8em; display:block;	}


/* New Home Page */
.home h2 { font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #ab2888; font-weight:normal; padding-bottom:10px; border-bottom:dashed 1px #cc77b5; margin-left: 0; }
.home h3 { color: #ab2888; font-weight: bold; margin: 0 0 3px 0;  }
.home .news p { margin-top: 0; font-size: 11px; }
.home p.leader { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; padding-left: 30px; line-height: 20px; font-weight:normal; text-align:justify; }
.home .contentbox { background-image:url(../assets/img/home-content-box.png); background-position: top center; background-repeat: no-repeat;
					color: #666; font-size: 12px; padding: 0 30px; }
.home .office-list { list-style: none; padding-left: 0; line-height: 1.8; }
.home .office-list li a { margin-left: 1em; }
.home a, .home a:link, .home a:visited { color: #000; }
.home #seminarbox { border: 3px solid #eddae8; padding: 10px; }
.home #seminarbox h2 { border: none; padding-bottom: 0; margin: 0; }
.home #seminarbox .seminar-links { display: block; }
.home #seminarbox { font-size: 10px; }