/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: #bbcedd;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 0.8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin: 0px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    BACKGROUND-IMAGE: url('/XDB/images/waa/backgroundClaros.png'); background-repeat: repeat-x;
}

DIV{-moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0;}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	


UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
  margin: 0px 0px 0px 0px;
  border-width: 0px;
	}

TABLE {
  text-align: left;
  vertical-align: top;
  FONT-SIZE: 1em;
}

TH {
  font-weight: bold;
}
TEXTAREA {
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-WEIGHT: normal;
}

.homeImage {
  cursor: hand;
  opacity: .85;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
}

.homeImageOver {
  cursor: hand;
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.footerBar {
  opacity: .70;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  font-weight: bold;
  height: 40px;
}

#twocolcontent {
width: inherit;
}

#twocolleftcontent {
width: 48%;
float: left;
padding-right: 5px;
}

#twocolrightcontent {
width: 48%;
float: right;
padding-left: 5px;
}

#twocolcontentnarrow {
width: inherit;
}

#twocolleftcontentnarrow {
width: 28%;
float: left;
padding-right: 5px;
}

#twocolrightcontentnarrow {
width: 68%;
float: right;
padding-left: 5px;
}

/*Multiple two column sections on same page*/

div.twocolcont {
width: inherit;
}

div.twocolleftcont {
width: 46%;
float: left;
padding-right: 5px;
}

div.twocolrightcont {
width: 50%;
float: right;
padding-left: 5px;
}

p.highlight {font-weight: bold; }

p.highlight a:link {color: #000066; text-decoration: none;}

p.highlight a:visited {color: #000066; text-decoration: none;}

p.highlight a:hover {color: #000066; text-decoration: underline;}


.imageright {
	float: right;
	padding: 5px;
	margin: 0px 5px 5px 5px;
	border: 0;
}

.imageleft {
	float: left;
	padding: 5px;
	margin: 0px 5px 5px 5px;
	border: 0;
}

.imageleftpaddingright {
	float: left;
	padding: 0 1em 0 0;
	margin: 0px 5px 5px 5px;
	border: 0;
}

.imagerightborder {
	float: right;
	padding: 5px;
	width: 260px;
	margin: 15px 5px 5px 5px;
	border: 1px solid #999;
	text-align: center;
}

.imagerightbor {
	float: right;
	padding: 5px;
	width: 260px;
	margin: 0px 5px 5px 5px;
	border: 1px solid #999;
	text-align: center;
}

.imagecentreborder {
	
	padding: 5px;
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999;
	text-align: center;
}

.imageleftborder {
	float: left;
	padding: 5px;
	width: 260px;
	margin: 15px 5px 5px 5px;
	border: 1px solid #999;
	text-align: center;
}

.imageleftbor {
	float: left;
	padding: 5px;
	width: 260px;
	margin: 0px 5px 5px 5px;
	border: 1px solid #999;
	text-align: center;
}


.imageleftlesstop {
	float: left;
	padding: 5px;
	margin: -5px 5px 5px 5px;
	border: 0;
}

.imagelefttop {
	float: left;
	padding: 5px;
	margin: 15px 5px 5px 5px;
	border: 0;
}

.imageleftindent {
	float: left;
	padding: 5px;
	margin: 10px 0 0 15px;
	border: 0;
}

.imageindent {
	display: block;
	margin-left: 10em;
}

.imagecentre {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.imagerightheader {
	float: right;
	padding: 0 2em 0 0;
	margin: 0;
	border: 0;
	/*clear: both;*/
}

.imageleftheader {
	float: left;
	padding-top: 5px;
	border: 0; 
	/*margin-left: 5px;*/
}

/* Following styles for use on pages where images and text need to be separated
between rows on the page e.g. new additions pages*/
.textimageblock {
	width: auto;
	overflow: auto;	
}

/* div.textimageblock img {
	position: relative;
	float: right;
	padding: 5px;
	margin: 5px;
}

div.textimageblock img.putleft {
	position: relative;
	float: left;
	padding: 5px;
	margin: 5px;
} */


.leftfloat {
	float: left; 
	margin: 0px 5px 5px 0px;
}

.leftfloat img {
	padding-right: 20px;
}

.clear {
	clear: both;
}

.clearleft {
clear: left;
}

ul.worldart {
list-style: none; list-style-position: inside;}

ul.worldart li {
padding-bottom: 7px;}

#tab {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #000066;
	font-weight: bold;
}

#tab li {
	list-style: none;
	margin: 0;
	display: inline;
}

#tab li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: none;
	border-left: 1px solid #000066;
	background: #C5D2E0;
	text-decoration: none;
}

#tab li a:link { 
	color: #000066; 
}
#tab li a:visited { 
	color: #000066; 
}

#tab li a:hover {
	color: #FFFFFF;
	background: #000066;
	border-color: #000066;
}

#tab li a#current {
	color: #000066;
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#tab li#current a:hover {
	background: #666699;
	color: #000066;
	border-bottom: 2px solid white;
}

#tab li#first {
	margin-left: 3em;
}

.imagegalleryClaros {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 1px; 
	BORDER-TOP: #999 1px solid; PADDING-LEFT: 1px; 
	FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 1px; 
	OVERFLOW: hidden; BORDER-LEFT: #999 1px solid; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #999 1px solid; HEIGHT: 30px; WIDTH: 30px; 
	text-align: center;
}
.imagegalleryClaros IMG {
	PADDING-TOP: 0px; TEXT-ALIGN: center; height: 28px;
}

.imagegalleryLargeClaros {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 1px; 
	BORDER-TOP: #999 1px solid; PADDING-LEFT: 1px; 
	FLOAT: left; PADDING-BOTTOM: 1px; MARGIN: 1px; 
	OVERFLOW: hidden; BORDER-LEFT: #999 1px solid; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #999 1px solid; HEIGHT: 120px; WIDTH: 100px; 
	text-align: center;
	cursor:hand;
}
.imagegalleryLargeClaros IMG {
	PADDING-TOP: 0px; TEXT-ALIGN: center; height: 100px;
}
.imagegalleryLargeContainter, .imagegalleryLargeContainterOver {
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 1px; MARGIN: 5px; 
	OVERFLOW: hidden;
	PADDING-TOP: 1px; 
	HEIGHT: 150px; WIDTH: 110px; 
	text-align: center;
	cursor:hand;
	display: inline;
	font-size: 8pt;
}
.imagegalleryLargeContainter {
  background-color: White;
}
.imagegalleryLargeContainterOver {
  background-color: #c0d1df;
}

.imagegalleryLargeContainterLi, .imagegalleryLargeContainterLiOver {
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 1px; MARGIN: 5px; 
	OVERFLOW: hidden;
	PADDING-TOP: 1px; 
	HEIGHT: 180px; 
	WIDTH: 110px; 
	text-align: center;
	cursor:hand;
	font-size: 8pt;

  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  _height: 180px;
}
.imagegalleryLargeContainterLi {
  background-color: White;
}
.imagegalleryLargeContainterLiOver {
  background-color: #c0d1df;
}

.searchContainer, .searchContainerHidden {
  padding: 0px 0px 0px 0px;
  margin: 2px 2px 2px 2px;
  border-color: #586d80; 
  border-width: 1px; 
  border-style: solid;
  height:52px; 
  width: 150px; 
  text-align: left; 
  background-color: #ffffff;
  background-image: url('/XDB/images/waa/searchArrow.png'); 
  background-repeat: no-repeat;
  color: white;
  font-weight: bold;
  
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  _height: 52px;
}

.searchContainerHidden {
  display: none;
}

.searchMore {
  width: 50px;
  display: -moz-inline-stack;
  display: inline-block;
	color: #3333cc;
  cursor: pointer;
  font-weight: normal;
  position: relative;
}
.searchText {
  color: #5933a9;
  cursor: pointer;
  font-weight: bold;
  display: none;
}
.searchTextContainer {
  display:inline;
  color: #5933a9;
  cursor: pointer;
  font-weight: bold;
}
.searchButton, .searchButtonOver {
  left: 50px;
  width: 47px;
  height: 22px;
  BACKGROUND-IMAGE: url('/XDB/images/waa/butSearch.png'); background-repeat: no-repeat;
  display: inline-block;
  display: -moz-inline-stack;
  cursor: pointer;
  padding: 0px 0px 0px 0px;
  position: absolute;
  margin: 1px 0px 0px 0px;
}
.searchButtonOver {
  BACKGROUND-IMAGE: url('/XDB/images/waa/butSearchOver.png');
}

.saveButton, .saveButtonOver {
  width: 47px;
  height: 22px;
  BACKGROUND-IMAGE: url('/XDB/images/waa/butSave.png'); background-repeat: no-repeat;
  display: inline-block;
  display: -moz-inline-stack;
  cursor: pointer;
  padding: 0px 0px 0px 0px;
  position: relative;
  margin: 1px 0px 0px 0px;
}
.saveButtonOver {
  BACKGROUND-IMAGE: url('/XDB/images/waa/butSaveOver.png');
}

.clearButton, .clearButtonOver {
  left: 130px;
  width: 47px;
  height: 22px;
  BACKGROUND-IMAGE: url('/XDB/images/waa/butClear.png'); background-repeat: no-repeat;
  display:inline-block;
  display: -moz-inline-stack;
  cursor: pointer;
  padding: 0px 0px 0px 0px;
  position: absolute;
}
.clearButtonOver {
  BACKGROUND-IMAGE: url('/XDB/images/waa/butClearOver.png');
}
.okButton, .okButtonOver {
  width: 47px;
  height: 22px;
  BACKGROUND-IMAGE: url('/XDB/images/waa/butOK.png'); background-repeat: no-repeat;
  display: inline;
  display: -moz-inline-stack;
  cursor: pointer;
  padding: 5px 0px 0px 0px;
  position: absolute;
  left: 100px;
}
.okButtonOver {
  BACKGROUND-IMAGE: url('/XDB/images/waa/butOKOver.png');
}
.searchArrowText, .searchArrowTextOver {
  padding: 0px 0px 0px 3px;
  height:15px; width: 148px; 

  display: -moz-inline-stack;
  display: inline-block;

  text-align: left; overflow: hidden;
  cursor: pointer;
  font-size: 8pt;
}
.searchArrowTextOver {
  background-color: #c0d1df;
}
.searchArrowTextSelected, .searchArrowTextSelectedOver {
  padding: 0px 0px 0px 2px;
  height:15px; width: 148px; 

  display: -moz-inline-stack;
  display: inline-block;

  text-align: left; overflow: hidden;
  cursor: pointer;
  background-color: #ffd4aa;
  font-size: 8pt;
}
.searchArrowTextSelectedOver {
  background-color: #ff9933;
}
.lookupBoxFooter
{
	font-family: Arial,Helvetica,Sans-Serif;
	color: black;
	font-size:8pt;
	font-style: italic;
}
.displayInner {
  padding: 0px 0px 0px 0px;
  height: 15px; 
  width: 120px; 
  overflow: hidden;
  color: #3333cc;
  display: -moz-inline-stack;
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}
.displaySearchButtons {
  width: 26px;
  height: 15px; 
  display: -moz-inline-stack;
  display: inline-block;
  position: relative;
  left: 120px;
  margin: 2px 0px 0px 0px;
  vertical-align: middle;
}
.timelinebody {
  width:100%; 
  border-style:solid; 
  border-width: 1px; 
  border-color: #336633; 
  position:relative; 
  z-index:99999; 
  display:block; 
  height: 164px;
}
.timelineYear, .timelineYearOver {
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 7pt; 
  color: black;
  cursor: pointer;
  height: 28px;
  background-color: #f0f0f0;

  border-style:solid; 
  border-width: 0px; 
  border-color: #336633; 

}
.timelineYearOver {
  background-color: #fcfac1;
}
.menuBarLink {
  display:inline;
  display: -moz-inline-stack;
  padding: 0px 0px 0px 0px;
  vertical-align:top;
}
.searchGeneral {
  padding: 0px 0px 0px 2px;
  background-color: #ffffff;
  color: black;
  font-weight: normal;
}
.searchGeneralOver {
  background-color: #ff9933;
  color: #3333cc;
  font-weight: bold;
}
.explorerNotes {
  font-size: 0.9em;
}
.GotoBox {
  width: 50px;
  font-size: 0.9em;
}
.imageSearchBox {
  border-style: solid; 
  border-width: 1px; 
  border-color: #ffffff; 
  padding: 0px 10px 10px 10px;
}
.clarosBodyText {
  color: Black;
}
.clarosError {
  color:#f3dddd; 
  font-weight:bold;
}
.clarosError2 {
  color:red; 
  font-weight:bold;
}