/*

  Style sheet:
		docs/encompass.css

  Purpose:
	Encompass styles

  History:
	2010-05-12 by SLJ
		Update for members area
	2010-01-28 by Brian M. Warburton
		Site rebuild
	18-May-2008 by SLJ
		Add encnews styles
	29-Oct-2007 by SLJ
		Add View/Hide
	03-Nov-2006 by Simon L Jackson
		Add form classes
 
*/

/* Basic elements */
html {
	overflow-y: 		scroll;
}

body {
	margin: 		0 auto 10px auto;
	font-family:		verdana, arial, sans-serif;
	font-size: 		medium;
	background-image:	url( /images/background.gif );
	background-position:	center;
}

div {
	text-align: 		left;
}

p {
	font-size: 		small;
	font-family: 		verdana, arial, sans-serif;
	margin: 		0 0 5px 0;
}

h1, h2 h3, h4, h5, h6 {
	font-family: 		Helvetica, sans-serif;
	text-align: 		center;
}


h1 {
	font-size:		x-large;
	font-family: 		Arial, Verdana, sans-serif;
	font-weight: 		bold;
	color: 			#007EFD;
	margin: 		15px 5px 10px 5px;
	padding: 		0;
}

h3 {
	font-style:		italic;
	font-weight:		normal;
	font-size:		large;
}
 
#encheader {
	margin:			15px auto 10px auto;
	padding:		0;
	width:			80%;
	background-color:	#DDDDDD;
}

#encheader h1 {
	font-size:		x-large;
	font-family: 		Arial, Verdana, sans-serif;
	font-weight: 		bold;
	color: 			#007EFD;
	margin: 		0 5px 0 5px;
	padding: 		0;
}

#enc_bottom {
	width: 960px;
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	height: 16px;
	text-align: center;
	font-size: small;
	font-weight: bold;
	background-image:	url( /images/foot_lower.gif );
}

#enc_top {

	color: #FFCC00;
	font-size: small;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	width: 957px;
	height: 100px;
	clear: both;
	padding-top: 3px;
	padding-right: 3px;
	margin: 10px auto 0 auto;
	text-align: right;
	background-image: url( /images/banner_2010-02-24_01.gif); 
}

h2 {
	text-align:		center;
	font-size:		large;
	color:			#007EFD;
	font-weight: 		bold;
	margin:			10px 0 10px 0;
	font-family: 		Arial, Verdana, sans-serif;
}


table {
	border-collapse: 	collapse;
	margin: 		0;
	padding: 		0;
}

tr {
	margin: 		0;
	padding: 		0;
}

td {
	margin: 		0;
	padding: 		0;
}

input {
	font-size: 		small;
}

select {
	font-family: 		verdana, arial, sans-serif;
	font-size: 		small;
}

dd {
	text-align:		left;
	font-size:		small;
	color:			#000000;
}

dt	{
	border: 		1px solid #0080FF;
	text-align:		left;
	font-size:		medium;
	font-weight:		bold;
	color:			#0080FF;
	margin:			8px 30px 3px 10px;
	padding:		2px 10px 2px 10px;
}

h5	{
	color:			#FF0080;
	font-size:		medium;
	margin-top:		2px;
	margin-bottom:		2px;
}

hr	{
	margin:			0;
}

li {
	font-size:		small;
	margin:			0 0 5px 0;
	text-indent:		1px;
}

/* Page components */
table.enc_outer {
	width: 			960px;
	margin: 		0 auto 0 auto;
	background-image:	url( /images/background_00.gif );
	border:			0 solid blue;
}

table.enc_outer_wide  {
	width: 			960px;
	margin: 		0 auto 0 auto;
	background-color:	#ffffff;
	border:			0 solid blue;
}

div.enc_left { 
	width: 			180px; 
	float: 			left;
	border:			0 dotted gray;
	clear:			left;
	border-top: 		0 solid #666666; 
	padding-top: 		10px;
	background-color: 	#0080FF;
	font-weight: 		bold;
}

div.enc_main { 
	width: 			560px; 
	float: 			left;
	border: 		0 dotted green;
	padding: 		0 20px 10px 20px;
	background-color: 	#FFFFFF;
}

div.enc_main_wide { 
	width: 			738px; 
	float: 			left;
	border: 		0 dotted green;
	padding: 		0 20px 10px 20px;
	background-color: 	#FFFFFF;
}

div.enc_main_double {
	float:			left;
	border:			0 dotted gray;
	margin: 		0;
	padding: 		0;
	width: 			560px; 
}

div.enc_main_left {
	float: 			left;
	width: 			270px;
	padding: 		0 10px 0 0;
	border-bottom: 		0 dotted gray;
}

div.enc_main_right {
	float: 			left;
	width: 			270px;
	padding: 		0 0 0 10px;
	border-bottom: 		0 dotted gray;
}

div.enc_outer_right {
	width: 			180px;
	height: 		500px; 
	float: 			left;
	border: 		0 dotted gray;
}

div.enc_footer_nav {
	width: 			960px; 
	clear: 			both;
	border: 		0 dotted gray;
	font-weight: 		bold;
	margin: 		10px 0 0 0;
	text-align: 		center;
	font-size: 		small;
	background-color: 	#CCCCCC;
	color: 			#666666;
	border-top: 		0 solid #DDDDDD;
	border-bottom: 		0 solid #DDDDDD;
}

div.enc_footer_left {
	border: 		0 dotted gray;
	float: 			left; 
	clear: 			left;
	width: 			420px; 
	text-align: 		left; 
	padding-left: 		10px;
	margin-bottom: 		0;
	margin-top: 		30px;
	font-size: 		x-small;
}

div.enc_footer_middle {
	border:			0 dotted gray;
	float: 			left; 
	width: 			100px; 
	margin-right: 		0;
	margin-bottom: 		0;
	text-align: 		center; 
	font-size: 		x-small;
	padding: 		10px 0 5px 0;
	font-weight: 		bold;
}

div.enc_footer_right {
	border: 		0 dotted gray;
	float: 			left; 
	width: 			240px; 	
	padding-right: 		10px;
	margin-bottom: 		0;
	margin-top: 		30px;
	text-align: 		right; 
	font-size: 		x-small;
}

div.enc_footer_outer {
	border: 		0 dotted gray;
	float: 			left; 
	width: 			170px; 
	text-align: 		right; 
	padding-right: 		10px;
	margin-top: 		25px;
	font-size: 		x-small;
	font-weight: 		bold;
}

/* links */
a:link, a:visited {
	color: 			#0080FF;
	text-decoration: 	none;
}

a:active, a:hover {
	color: 			#993333;
	text-decoration: 	underline;
}


a:link.white_link,
a:visited.white_link,
a:active.white_link,
a:hover.white_link {
	color: 			white;
	text-decoration: 	none;
}
 
a:hover.white_link {
	color: 			white;
	text-decoration: 	underline;
}

table td.topic {
	text-align:		center;
	font-size:		small;
	font-weight:		bold;
	color:			#FFFF00;
	margin:			0;
	padding: 		2px 0 2px 0;
	background-color:	#0080FF;
}

.tag_line {
	font-weight: 		bold;
}

/* Romber : Form styles */

.romberhide {
	display: none;
}

.romberview {
}

input.romberbutton {
	background-color: 	#0080ff;
	border: 		2px outset #40c0ff;
	color: 			white;
	cursor:			pointer;
	font-family: 		Verdana, sans-serif;
	font-size: 		small;
	text-align: 		center;
	vertical-align: 	middle;
	width: 			80px;
}

input.romberbutton:disabled {
	background-color: 	#efefef;
	border: 		2px outset #cfcfcf;
	color: 			black;
	cursor:			default;
}

table.rombererror {
	margin: 		0;
	padding: 		0;
}

table.rombererror td {
	margin: 		0;
	padding: 		0;
}

table.rombererror td p {
	color: 			#ff4444;
	padding: 		0;
}

table.rombererror td ul {
	padding-top: 		0;
	padding-bottom: 	0;
}

table.rombererror td ul li {
	color: 			#ff4444;
}

div.romberform {
	margin-left: auto;
	margin-right: auto;
}

#romberform_sheet {
	width: 560px;
}

div.romberform>div {
}

div.romberform>div:after,
div.romberoutersheet>div:after,
div.rombersplit>div:after,
div.rombertwocol>div>div:after {
  clear: both;
  content: ' ';
  display: block;
}

div.romberform>div>div,
div.romberoutersheet>div>div,
div.rombersplit>div>div,
div.rombertwocol>div>div {
  float: left;
}

div.romberform div.romberbuttons {
  width: 100%;
}


div.romberform>div>div {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

div.romberform>div>div>h3 {
  margin-left: 0;
  padding-left: 0;
}

div.romberform>div>div>p {
  margin: 0 5pt 0 5pt;
  padding: 0 0 3pt 0;
  vertical-align: top;
}

/*
div.romberform>div {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
	vertical-align: top;
}

div.romberform>div p {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 0;
	padding-bottom: 3px;
	padding-left: 0;
	padding-right: 0;
	vertical-align: top;
}
*/

div.romberform div.romberbutton,
div.romberform div.rombercheckbox,
div.romberform div.romberdisplay,
div.romberform div.romberinfo,
div.romberform div.romberinput,
div.romberform div.romberitemlist,
div.romberform div.romberitemset,
div.romberform div.rombermessage,
div.romberform div.romberprompt,
div.romberform div.romberradioset,
div.romberform div.romberselect,
div.romberform div.romberresult,
div.romberform div.rombertextarea {
	padding-top: 5px;
}

div.romberform div.rombercheckbox input.rombercheckbox {
	margin-top: 2px;
	padding-top: 3px;
	position: relative;
}

div.romberform div.romberprompt {
	width: 160px;
}

div.romberform div.romberradioset input.romberradioset {
	margin-top: -3px;
}

div.romberform div.rombernavigation {
	padding-top: 15px;
	padding-bottom: 15px;
}

div.romberform input.romberfile,
div.romberform input.romberinput,
div.romberform input.romberresult,
div.romberform input.romberselect,
div.romberform select.romberitemlist,
div.romberform select.romberitemset,
div.romberform select.romberselect,
div.romberform textarea.rombertextarea {
	background-color: white;
	vertical-align: top;
}

div.romberform input.romberfile,
div.romberform input.romberinput,
div.romberform input.romberresult,
div.romberform input.romberselect,
div.romberform textarea.rombertextarea {
	font-family: monospace;
	margin-top: -1px;
	padding-left: 5px;
	padding-right: 5px;
}

div.romberform input.romberinput,
div.romberform input.romberresult,
div.romberform input.romberselect {
	height: 1.2em;
}

div.romberform input.romberresult {
	background-color: transparent;
	border-width: 0;
	padding-top: 2px;
}

div.romberform select.romberitemlist,
div.romberform select.romberitemset,
div.romberform select.romberselect {
	margin-top: -3px;
}

div.romberform textarea.rombertextarea {
	padding-top: 1px;
}

div.romberform img {
	margin-top: -2px;
}

div.romberform div.rombermessage p {
	font-style: 	italic;
}

div.rombercontainer h2,
div.rombercontainer h2+p,
div.romberform>div div.romberbutton h3,
div.romberform>div div.romberbutton h3+p {
  display: inline;
}

div.rombercontainer h2+p input {
  margin: -1pt 0 0 -2pt;
}


/* Romber : Table styles */

table.rombertable {
	background-color: #f0f7ff;
	border: 1px solid #dfdfdf;
	border-collapse: collapse;
	color: #000000;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 11px;
	margin-right: 11px;
}

table.rombertable td, table.rombertable th {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 		small;
	background-color: #f0f7ff;
	border: 1px solid #dfdfdf;
	border-collapse: collapse;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

table.rombertable th {
	background-color: #70b0f0;
	color: #99FFFF;
}
table.rombertable th.romberleft {
	text-align: left;
}

table.rombertable th.rombercenter {
	text-align: center;
}

table.rombertable th.romberright {
	text-align: right;
}

table.rombertable td {
	vertical-align: top;
}

table.rombertable td p {
	font-family: Tahoma, Verdana, sans-serif;
	margin: 0;
	padding-bottom: 6px;
}

table.rombertable td.romberleft {
	text-align: left;
}

table.rombertable td.rombercenter {
	text-align: center;
}

table.rombertable td.romberright {
	text-align: right;
}

table.rombertable td.romberlefthighlight {
	text-align: left;
}

table.rombertable td.rombercenterhighlight {
	text-align: center;
}

table.rombertable td.romberrighthighlight {
	text-align: right;
}

/* Unclear if these are needed in revied site : 2010-01-29 */
/* News styles */



table.encnews {
	width: 100%;
}

table.encnews td {
	font-family: Verdana, sans-serif;
	font-size: 		small;
	vertical-align: top;
	padding: 6px;
}

table.encnews td.encnewsleft {
	padding-right: 3px;
	text-align: left;
	width: 34%;
}

table.encnews td.encnewscenter {
	padding-left: 3px;
	padding-left: 3px;
	text-align: center;
	width: 34%;
}

table.encnews td.encnewsright {
	padding-left: 3px;
	text-align: right;
	width: 34%;
}

table.encnews td.encnews2left {
	padding-right: 3px;
	text-align: left;
	width: 50%;
}

table.encnews td.encnews2right {
	padding-left: 3px;
	text-align: right;
	width: 50%;
}

/* unclear if remaining links are used BMW 2010-01-29 
.topic a:link,
.topic a:visited,
.topic a:active {
	text-decoration:	none;
	color:			#ffffff;
}

.topic a:hover {
	color:			#ffff00;
}

.pdf a:link,
.pdf a:visited,
.pdf a:active {
	text-decoration:	underline;
	color:			#ffffff;
}

.column-heading {
	text-align:		center;
	font-size:		medium;
	color:			#0000ff;
	font-weight:		bold;
	margin:			10px 0 10px 0;
}

p.footer {
	font-size:		small;
}

img.left-floating {
	float:			left;
	margin:			4px 10px 4px 0;
}

img.right-floating {
	float:			right;
}

.item-header {
	font-size:		small;
	font-weight:		bold;
	color:			#000000;
}


.mia-info {
	font-size:		medium;
}

.mia-name {
	font-size:		medium;
}

.pdf {
	color:			#0000ff;
	background-color:	#ffff80;
	text-decoration:	underline;
}


table.board	{
	background-color:	#ffbfff;
	border-collapse:	collapse;
	empty-cells:		show;
}

td.board	{
	font-size:		medium;
	color:			#000000;
	margin:			0;
	border:			2px solid white;
}

table.mlug	{
	background-color:	#d7d7ff;
	border-collapse:	collapse;
	empty-cells:		show;
}

td.mlug	{
	font-size:		medium;
	color:			#000000;
	margin:			0;
	border:			2px solid white;
}

table.nopsig	{
	background-color:	#c6ffc6;
	border-collapse:	collapse;
	empty-cells:		show;
}

td.nopsig	{
	font-size:		medium;
	color:			#000000;
	margin:			0;
	border:			2px solid white;
}

table.slug	{
	background-color:	#b0d8ff;
	border-collapse:	collapse;
	empty-cells:		show;
}

td.slug	{
	font-size:		medium;
	color:			#000000;
	margin:			0;
	border:			2px solid white;
}

table.special	{
	background-color:	#ffff80;
	border-collapse:	collapse;
	empty-cells:		show;
}

td.special	{
	font-size:		medium;
	color:			#000000;
	margin:			0;
	border:			2px solid white;
}


.test {
	font-size:		small;
}

.top-of-page a {
	font-size: 	small;
	color: #0000ff;
}

.updated {
	font-size:		small;
	color:			#ffff00;
}

.top-of-page {
	text-align:		right;
	background-color:	#ffffff;
	background-image:	url(/encicons/uparrow.gif);
	background-position:	right;
	background-repeat:	no-repeat;
	padding-left:		0;
	padding-right:		0;
	padding-top:		0;
	padding-bottom:		0;
	border: 		0 solid black;
}
*/

#encpopupbody {
	background-color: 	#000000;
	background-image:	none;
}

#encpopupouter {
	background-color: 	#0080ff;
	margin:			10px 10px 10px 10px;
	padding:		10px 0 10px 0;
}

#encpopupinner {
	background-color: 	#ffffff;
	margin:			10px 0 10px 0;
	padding:		0 10px 0 10px;
}


/* For Romber grids */
/*
  Notes:
	Based on Grayed Out table design
	Author: Terence Ordona
	URL: http://www.imaputz.com/
*/


  div.rombergrid {
    margin-left: 10px;
  }

  div.ricoLG_outerDiv {
    margin-top: 6px;
  }

  div.ricoLG_outerDiv *,
  div.ricoLG_outerDiv div.ricoLG_cell {
    border: none;
    font-size: 9pt;
    font-family: Tahoma, Verdana, sans-serif;
  }

  table.ricoLG_table {
    border-top: none;
    border-left: none;
    border-right: 1px solid #0080ff;
    border-bottom: 1px solid #0080ff;
  }

  table.ricoLG_table tr td {
    border: none;
  }

  tr.ricoLG_hdg th,
  tr.ricoLG_hdg td {
    background-color: #666666 !important;
    border-bottom: 1px solid #0080ff;
  }

  .ricoLG_hdg .ricoLG_cell {
    font-weight: normal;
    height: auto;
    max-height: 2.4em;
    padding-left: 5px;
    padding-right: 5px;
  }

  .ricoLG_hdg img {
    border: 0;
    margin: 0;
    max-height: 1em;
    position: absolute;
    top: 10px;
    float: right;
  }

  .ricoLG_hdg p {
    padding: 0;
    margin: 0 5px 0 0;
  }

  div.ricoLG_outerDiv .ricoLG_bottom div.ricoLG_cell {
    border-bottom: none;
    border-left: 1px solid #0080ff;
    padding-left: 5px;
    padding-right: 5px;
  }

  div.ricoLG_outerDiv a:visited,
  div.ricoLG_outerDiv a:link {
    color: white;
    text-decoration: none;
  }

  div.ricoLG_outerDiv a:hover {
    color: white;
    text-decoration: underline;
  }

  div.ricoLG_oddRow {
    background-color: #e7e7e7;
  }

  div.ricoLG_evenRow {
    background-color: #cfcfcf;
  }

  div.ricoLG_selection,
  div.ricoWindow .ricoTitle {
    background-color: #afafaf;
    cursor: pointer;
 }

  div.ricoLG_highlightDiv {
    border-color: #003252;
  }

  div.ricoContent td {
    color: black;
  }

  .ricoLG_hdg p.results_left {
    float: left;
    margin-right: 4px;
  }

  .results_center {
    text-align: center;
  }

  .ricoLG_hdg p.results_center {
    margin-left: 4px;
  }

  .results_right {
    text-align: right;
  }

  .ricoLG_hdg p.results_right {
    text-align: right;
  }

  .results_right .ricoLG_cell {
     padding-right: 15px;
  }

  caption {
    text-align: left;
    font-size: 100%;
    padding: .75em;
    color: #000;
  }


/* Special adjustments */
form h2,
.romberdirectoryindex h2 {
  text-align: left;
}

div.enc_main_wide div.romberform {
  margin-left: 0;
}

div.enc_main_wide div.romberform div.rombertextarea {
  padding-top: 6px;
}

input.romberhidebutton,
input.romberviewbutton {
  width: 20px;
  height: 18px;
  border: 0;
  cursor: pointer;
  text-indent: 3000px;
  white-space: nowrap;
  margin-top: 0;
}

input.romberhidebutton {
  background: transparent url('/images/minus.png') no-repeat center top;
}

input.romberviewbutton {
  background: transparent url('/images/plus.png') no-repeat center top;
}

.romberprompt h3 {
  margin-bottom: 0;
  margin-top: -3px;
}

#cke_romberform_content,
div.enc_main_wide div.romberform textarea.rombertextarea {
  margin-left: -90px;
}

/* === SPECIFIC PAGES === */
/* - contact -*/
#romberform_notrobot_gcaptcha { padding: 0.5em; }


div.enc_left div.rombermenu {
  color:		white;
  font-family:		Verdana, sans-serif;
  font-size:		small;
  text-align:		center;
  vertical-align:	middle;
  width:		180px; 
  margin:		0;
  padding:		0;
}

div.rombermenu h3 {
  font-size: normal;
  font-style: normal;
  margin: 0;
  padding: 0;
}

div.rombermenu a:active,
div.rombermenu a:hover,
div.rombermenu a:link,
div.rombermenu a:visited {
  color:		white;
  text-decoration:	none;
}

div.rombermenu ul {
  list-style-type: none;
  margin-left: 0;
  padding: 0 0 4pt 0;
}

div.rombermenu ul li {
  margin: 0;
  padding: 4pt 0 4pt 0;
}

div.rombermenu ul li {
  background-color: 	#0080FF;
  border-top: 		1px solid #FFCC00;
  border-bottom: 	1px solid #666666;
  border-right: 	5px solid #0080FF;
}

div.rombermenu ul li:hover {
  background-color: 	#666666;
  border-top: 		1px solid #666666;
  border-bottom: 	1px solid #999999;
  border-right: 	5px solid #FFCC00;
}

div.rombermenu ul li.rombermenuentryactive {
  background-color: 	#999999;
  border-top: 		1px solid #666666;
  border-bottom: 	1px solid #999999;
  border-right: 	5px solid #CC0000;
}