#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #ffffee;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
color: #000000;
line-height:18px;
z-index:3000;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.uiHintAnchor{
background:#ffffff;
border: 0px;
}
.adminIcon {width:16px;height:14px;border:0px;padding:0.3em 0.5em 0.3em 0.5em; vertical-align:middle;border:0px;}

.headerLogo {width:880px;height:154px; background-repeat: no-repeat; background-position:left top;}

.rssIcon {padding:0.3em 0.5em 0.3em 0.5em;vertical-align:middle;border:0;}
.bookmarkIcon {width:16px;height:16px;padding:5px;border:0;}

/*CollapsiblePanel*/
.collapsePanel {
background-color:white;
overflow:hidden;
}

.collapsePanelHeader{	
width:100%;		
height:30px;
background-image: url(/engine/images/bg-menu-main.png);
background-repeat:repeat-x;
color:#FFF;
font-weight:bold;
margin: 0em 0em 0.5em 0em;
}

/* ContextMenu */
.ContextMenuSelect {font-size:0.8em;display: block; width: 75px; padding:2px; float:right;background:#ffffff;color:#000000;}
.ContextMenuPanel 
{
border: 1px solid #868686;
z-index: 1000;
background: url(/engine/images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
color: #000000;
cursor: default;
padding: 1px 1px 0px 1px;
font-size: 11px;
}
.ContextMenuBreak
{
margin:1px 1px 1px 32px;
padding:0;
height:1px;
overflow:hidden;
display:block;
border-top: 1px solid #C5C5C5;	
}
.ContextMenuPanel a {color:#003399}
a.ContextMenuItem
{
margin: 1px 0 1px 0;
display: block;
color: #003399;
text-decoration: none;
cursor: pointer;	
padding: 4px 19px 4px 4px;
}
a.ContextMenuItem-Selected
{
font-weight: bold;
}
a.ContextMenuItem:hover
{
background-color: #FFE6A0;
color: #003399;
border: 1px solid #D2B47A;
padding: 3px 18px 3px 3px;
}
.ContextMenuIcon {width:16px;height:16px;border:0px;padding: 1px 8px 0 0;vertical-align:middle;}

/* Enhance Form Accessiblity with CSS 
Change background-color of input form controls that have the focus. */
input:focus {
background:#FFFF80;
color:#000000;
}
textarea:focus {
background:#FFFF80;
color:#000000;
}
select:focus {
background:#FFFF80;
color:#000000;
}

div.gradientrule
{
height: 4px;
background-color: #cccccc;
background-image: url(/engine/images/gradientbar.gif);
background-repeat: repeat-x;
font-size: 0px;
line-height: 0px;
clear: both;
border-bottom: solid 1px #666666;
width: 100%;
padding: 0em;
margin: 0em;
}

div.menuItem{text-align: center; padding-top:6px;}

/* Increase size of input form controls */
input{
border-top: solid 1px #999999;
border-left: solid 1px #999999;
border-bottom: solid 1px #666666;
border-right: solid 1px #666666;
background:#dddddd;
color:#000000;
}
textarea{
border-top: solid 1px #999999;
border-left: solid 1px #999999;
border-bottom: solid 1px #666666;
border-right: solid 1px #666666;
background:#dddddd;
color:#000000;
}
select {
background:#dddddd;
color:#000000;
}

/* Remove border from images wrapped in hyperlink */
a img { border: 0 none;}

/* The gallery row which holds the left/right */
.row {
clear:both;width:100%;padding: 0;vertical-align:middle;line-height:1.8em;text-align:center;
}

/* The gallery left and right cell spans */
.rowLeft {
float:left;text-align:right;
width:49%;
}
.rowRight {
float:right;text-align:left;
width:49%;
}

div ul {
padding: 0.5 0 0.5em 1.5em;
margin: 0; border: 0;
}

/* The powered by text */
#poweredBy {
text-align: right;
font-size: 0.6em;
color: #ffffff;
}
#poweredBy a {color:#ffffff;}

/* Set the H properties */
h1, h2, h3, h4, h5, h6 {
display:block;
margin: 0; border: 0;
padding: 0em 0em 0em 0em;
}
h1 {
font-size: 1.1em;
font-weight:bolder;
}
h2 {
font-size: 1.05em;
font-weight:bold;
}
h3 {
font-size: 1.025em;
font-weight:normal;
}
h4, h5, h6 {
font-size: 1em;
font-weight:normal;
}

.title {
font-weight:bold;
}

.statement {
font-size: 1.8em;
font-weight:bold;
padding: 0.5em 0 0.5em 0;
}

.errorMsg {
font-size: 1.2em;
font-weight: bold;
padding: 0.5em 0 1em 0;
color: #ff0000;
}

.subText {
font-size: 0.8em;
font-weight: normal;
padding: 0 0 0.8em 0;
}

/* space out the center content */
p, h1, h2, h3, h4, h5, h6 {
text-align:justify;
padding: 0.5em 0em 0.5em 0em;
margin: 0 0 0 0;
border: none 0;
}

.cellLeft {
float: left;
text-align:right;
padding-right:0.5em;
width: 45%;
}
.cellRight {
width: 55%;
}
.contactField
{
width: 50%;
}
.formRow 
{
margin: 0.17em 0 0.17em 0;
}

/* make the page use and smaller em size for all content
1em = 10 pixels, font-size: 0.625
1em = 14 pixels, font-size: 0.825 
1em = 16 pixels, font-size: 1.000
*/
/* Colouring added in page theme */
body {
font-size: 1em;
color: #000000;
font-weight:normal;
font-family:Arial,Verdana,Helvetica,Sans-Serif;
text-align: center; 
margin: 0; padding: 0; border: 0;
}


/* The left/right aligned side of the footer
line-height should=footer height to allow text to vertically align */
#footerLeft {
float: left;
line-height: 2em;
}
#footerRight {
float: right;
line-height:2em;
}

#col3 img {
    background-color:#ffffff;
    background-image:url(/Engine/Images/Lightbox/loading.gif); 
    background-repeat:no-repeat; 
    background-position: center center;
}

.center {text-align:center;}

.clock {
font-size: 1em;
font-family: Arial,Verdana,Helvetica,Sans-Serif;
color: #ffffff;
padding-right:0.5em;
}

#pscroller{
width: 90%;
height: 100px;
border: 1px solid #cccccc;
padding: 5px;
background-color: #D6E1F5;
}

.thumbnail{position: relative;z-index: 0;}
.thumbnail img{padding: 5px;border: 1px dashed gray;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{ position: absolute;background-color: white;padding: 5px;left: -1000px;border: 1px solid black;visibility: hidden;color: black;text-decoration: none;}
.thumbnail span img{ border-width: 0;padding: 2px;}
.thumbnail:hover span{ visibility: visible;top: 0px;left: 0px;}

ul.col2up {
  float: left;
  width: 26em;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left:3em;
}
 
ul.col2up li {
  float: left;
  width: 12em;
  margin: 0;
  background-image: url('/Engine/Images/Bullet/orangeSquare.gif');
  background-repeat: no-repeat;
  padding: 0 0 0 1em;
} 

.infoWindowContent {
 display:block;
 font-size:12px;
 color:#000000;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 0.5em;
    padding-top: 1em;
}

.admin
{
	background-color: #eeeeee;
	border: solid 1px #000000;
	padding: 0.5em;
	color:#000000;
}
.admin div, .admin span, .admin p {font-size: 11px;color:#000000; font-family: Tahoma, Helvetica, Verdana, Arial, Sans-Serif;}
.admin div a, span a, p a, a
{
	color: #003399;
}
div.adminInfo {font-family: Tahoma, Helvetica, Verdana, Arial, Sans-Serif; font-size:11px;padding:2px; margin:2px; border: 1px solid #0000ff; background-color:#BBDDFF;color:#000055;font-weight:normal;}
div.adminError {font-family: Tahoma, Helvetica, Verdana, Arial, Sans-Serif;font-size:11px;padding:2px; margin:2px; border: 1px solid #ff0000; background-color:#FFC0EB;color:#aa0000;font-weight:bold;}

.galleryImage{border: solid 1px #ffffff;margin:2px;}

#menuLinksH ul { text-align: center; margin: 0em; padding: 0em; list-style-type: none; width:100%;min-height:2.2em;}
#menuLinksH li { text-align:center;float:left; margin: 0em 0em 0em 0em; width:23%; padding: 0.5em 0em 0.5em 0em;}
#menuLinksH a { padding: 0em; margin: 0em; display: block; text-decoration:none;width:100%;}
#menuLinksH li.currentPage{ font-style:italic;}
#menuLinksH li.currentPage:hover {background:transparent;}
#menuLinks li.currentPageSibling{}
#menuLinks img.menuNodeChildren{margin-right:0.5em;width:9px;height:9px;}
#menuLinks img.menuNodeEnd{background:transparent;margin-right:0.5em;width:9px;height:9px;}

.adminBtnUp {background-image: url('/Engine/Images/UI/btnUp.gif');width:50px;height:15px;}
.adminBtnDown {background-image: url('/Engine/Images/UI/btnDown.gif');width:50px;height:15px;}
.adminBtnUpDisabled {background-image: url('/Engine/Images/UI/btnUpDisabled.gif');width:50px;height:15px;}
.adminBtnDownDisabled {background-image: url('/Engine/Images/UI/btnDownDisabled.gif');width:50px;height:15px;}

.itemTitle{font-weight:bold;display:block;}
.item2Up{}
.item3Up{}

.itemMenu a {text-decoration:none;}
.itemMenu span {text-align:center;font-weight:bold;height:2.5em;display:block;}
.itemMenu img { width:100px; height:92px; filter:alpha(opacity=50);}