/************************
*
* $RCSfile$
* $Revision: 21386 $
* $Date: 2010-02-15 11:08:33 +0000 (Mon, 15 Feb 2010) $
* $Author: iscjfj $
* $Name$
*
* $Log$
* Revision 1.23  2006/10/18 08:49:36  iscjfj
* CR001411 - General changes to the front page as requested by the Public Relations office.
*
* Revision 1.22  2006/10/12 11:13:08  iscjfj
* Updated to correct url mapping to experts.jpg as highlighted by John Baker.
*
* Revision 1.21  2006/02/06 13:45:53  isxsk
* Changed the a-z from id to class since this style is used more than once in the code.
*
* Revision 1.20  2006/01/17 13:12:45  isxsk
* no message
*
* Revision 1.19  2006/01/13 17:03:14  isxsk
* Replaced the alphabet and alphabetselected classes with a-z class to display them as list items.
*
* Revision 1.17  2003/03/10 14:44:35  rejct
* Changed format of keywords section
*
*
* ************************/


/* this style controls Directory of Experts */

#header {background: #2858BB url(/media/experts/images/experts.jpg) no-repeat right top;} 



.sectionTitle   { font-family: Arial, Verdana, Helvetica, Sans-serif;
                  color: #000000;
                  background-color: #FAEDB1;
                  font-size: medium;
                  font-weight: bold; }

.rowTitle       { font-family: Arial, Verdana, Helvetica, Sans-serif;
                  font-size: 85%;
                  color: #081C5A; }             

.light          { background-color: #ECF6FF; color: #081C5A; }

.dark           { background-color: #FAEDB1; border-bottom: 1px solid #E4BB13; }
.dark	a { color: #0F35AA }
.dark   a:hover { color: #B01C2E; text-decoration: none }

.lightRow       { background-color: #F9F9F9; }

.darkRow        { background-color: #E6E6E6; }

.bigger         { font-size: 150%; }                  

.smaller        { font-size: 85%; } 

.comment        { font-size: 75%;
                  color: #666666;
                  font-style: italic; }
                  
.indent          { padding-left: 12pt }                 

.greyText       { color: #666666; }

.redText        { color: #ff0000; }

.corporateRed	{ color: #b01c2e;}

.greenText      { color: #008000; }

.whiteText      { color: #000000; } /* colour is changed to black text, since the background colour is changed from blue to yellow*/

.blueText       { color: #081C5A; }

.blue           { background-color: #DCDFE8; }

.lighterBlue    { background-color: #FAEDB1;}

.white          { background-color: #FFFFFF; }

.aqua           { background-color: #669999; }

.lightAqua      { background-color: #B5CECE; }

.lightBlue      { background-color: #F0FAFF; }

.whiteOnBlue    { color: #FFFFFF;
                  background-color: #081C5A; }
          
.stretched      { line-height: 20px;
                  vertical-align: middle; }

/* .alphabet and .alphabetselected classes are not used anymore*/
/*.alphabet a {font-family: Arial, Geneva, Helvetica, Sans-serif;
	    font-size: 11pt;
            font-weight: normal;
	    border: #081C5A solid 1px; padding: 3px 4px;}
.alphabet a:link,
.alphabet a:visited {color: #081C5A; background-color: #ECF6FF; text-decoration: none}
.alphabet a:hover {border: #b01c2e solid 1px; color: #FFFFFF; background-color: #b01c2e; text-decoration: none}

.alphabetSelected a {border: #081C5A solid 1px; padding: 3px 4px; font-size: 94%}
.alphabetSelected a:link,
.alphabetSelected a:visited {color: #FFFFFF; background-color: #081C5A; text-decoration: none}
.alphabetSelected a:hover {border: #b01c2e solid 1px; color: #FFFFFF; background-color: #b01c2e; text-decoration: none}*/

.separator      { background-image: url("../images/separator.gif");
                  background-repeat: repeat-x; }
.button { background: #f9e6a2 url(cmsimages/search_back.gif); border: solid 1px #e4bb13; font-size: 80%;  margin: 0px }

/* add a margin */
.add-a-margin { margin: 1em;}
.add-a-margin2 {margin: 1em 0em 1em 0em;}

#hp-info { border: 1px solid #7294d8; padding: 10px; float: left; margin-left: 20px; width: 20%;  }

/* left column */
#doe-left-col { width: 98%; float: left; border: solid 1px #7294d8; margin-bottom:1em;}

/* ajax styles - used for the "suggest functionality" */
.suggest_link {background-color: #FDF7E9; padding: 2px 6px 2px 6px; font-size: 80%; margin: 0; font-family: Arial, Helvetica, Verdana, sans-serif;}
.suggest_link_over {color:#b01c2e;background-color: #F9E6A1; padding: 2px 6px 2px 6px; font-size: 80%; margin: 0; font-family: Arial, Helvetica, Verdana, sans-serif; cursor: default;}
#searchContainer {height: 1.4em; width: 350px; float: left; }
#searchContainer h2 {width:100%; display:inline; font-size:98%;}
#find_person_by_keyword {position: relative; z-index:1000; display:block; white-space:nowrap; }
input#searchString {position:static;}
#search_suggest {position: relative; background-color: #FDF7E9; text-align: left; border: 1px solid #000000;visibility: hidden;}

#uobcms-content-nonav #doe-left-col .add-a-margin #a-zContainer { /*width: 80%;*/ margin: 0 0 0 380px; height: 0px;}

input#searchString, .a-z div { margin-top: 0.5em; }

#uobcms-content-nonav div .a-z  {float:left; padding-bottom: 15px; margin 0; width: 100%; display:inline; font-size: 80%; line-height: 1.3em; } 
#uobcms-content-nonav div .a-z div {padding: 7px; margin-top: 1em; line-height:1.3em; background: #FCF6D4 url("../images/a-z-back-2.gif") repeat-x;/*background-color: #fcf6d4; background-image: url("../images/a-z-back-2.gif"); background-repeat: repeat-x; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%;*/ border: 1px solid #eccd29; float: left; }
#uobcms-content-nonav div .a-z h2 { color: #2C4D92; font-size: 122%; font-weight:normal; padding: 0pt 0pt 0px 0px; /*display:inline;*/margin: 0pt 0pt 0pt 0pt;}
#uobcms-content-nonav div .a-z div ul {float:left; margin:0; list-style-image: none; list-style-type: none; font-size: 120%; /*height: 3em; margin: 7px;*/ }
#uobcms-content-nonav div .a-z div ul li { font-size: 70%; line-height: 100%; background: #FFFFFF url("../images/a-z-button-back.gif") repeat-x right bottom; margin: 0; padding: 0; display: inline;   }
#uobcms-content-nonav div .a-z div ul li a, #uobcms-content-nonav .a-z div ul li a:visited { color: #333333; text-decoration: none; background: white url("../images/a-z-button-back.gif") repeat-x left bottom;/*background-color:white; background-image: url("../images/a-z-button-back.gif"); background-repeat: repeat-x; background-attachment: scroll; background-x-position: left; background-y-position: bottom; */float:left; margin: 2px; padding: 3px 4px 3px 4px; border: 1px solid #a89f78; display: block; }
#uobcms-content-nonav div .a-z div ul li a:hover {color: white; text-decoration: none; background: #b01c2e none;/*background-color: #b01c2e; background-image: none; background-repeat: repeat; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%;*/ border: 1px solid #7e1724;}
#uobcms-content-nonav div .a-z div ul li.selected { font-size: 70%; line-height: 100%; background: #b01c2e repeat-x right bottom; margin: 0; padding: 0; display: inline;   }
#uobcms-content-nonav div .a-z div ul li.selected a, #uobcms-content-nonav .a-z div ul li.selected a:visited { color: #b01c2e; text-decoration: none; background-repeat: repeat-x; background-attachment: scroll; background-x-position: left; background-y-position: bottom; float:left; margin: 2px; padding: 3px 4px 3px 4px; border: 1px solid #b01c2e; display: block; }
#uobcms-content-nonav div .a-z div ul li.selected a:hover {color: white; text-decoration: none; background-color: #b01c2e; background-image: none; background-repeat: repeat; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%; border: 1px solid #7e1724;}

#uobcms-content-nonav div .a-z:after { content: "."; display: block; height:0; clear:both; visibility: hidden;}
#uobcms-content-nonav #doe-left-col .add-a-margin #a-zContainer:after { content: "."; display: block; height:0px; clear:both; visibility: hidden;}

/*class a-z is no longer used */
.a-zold ul {   margin: 0 0 1em 0; padding: 0px 5px 3px 0px; list-style-image: none;  list-style-type: none; float: left; position: relative;}
.a-zold ul li  { font-weight: normal; font-size: 94%; line-height: 100%; background-color:#ECF6FF; margin: 0; padding: 0; display: inline }
.a-zold ul li a, .a-zold ul li a:visited  { color: #081C5A; text-decoration: none; background-color:#ECF6FF; float: left; margin: 2px 2px; padding: 3px 4px; border: solid 1px #081C5A; display: block }
.a-zold ul li a:hover  { color: white; text-decoration: none; background: #B01C2E none;  border: solid 1px #7E1724; }
.a-zold ul li.selected { font-weight: normal; font-size: 94%; line-height: 100%; background-color:#081C5A; margin: 0; padding: 0; display: inline }
.a-zold ul li.selected a { color: #FFFFFF; text-decoration: none; background-color:#081C5A; float: left; margin: 2px 2px; padding: 3px 4px; border: solid 1px #081C5A; display: block }
.a-zold ul li.selected a:hover  { color: #FFFFFF; text-decoration: none; background-color:#081C5A;  border: solid 1px #081C5A; }

.FontSize	{font-size: 94%;}

/* Added for microformats - Jan 2008*/
.no-display { display:none;}

.intro {float:left; width:98%;}
img.microformat {vertical-align: text-bottom;}
h2 img.microformat {vertical-align: text-top;}
#h2MicroformatDetailsPage { background: url(../images/mfe_white.png) no-repeat bottom right; height: 28px}
.halfWidth {width: 63%; float:left; padding:0px 0px 0px 0px; margin: 0px;}
.halfWidth p {padding-top: 0px; margin-top: 0px;}
.microformatFlash {position: relative; margin-left: 68%;  border: 1px solid #a0b6e2; background-color: #f2f7fc; color: #a0b6e2; font-size:90%;}
/*.imageText { color: #0057FF; background-image: url(../images/mfe_white.png); background-repeat: no-repeat; background-position: 99% 90%; padding: 5px 35px 20px 5px;}*/
.imageText { color: #0057FF; background-repeat: no-repeat; background-position: 99% 90%; padding: 10px 10px 10px 50px;}
.imageText a:link, .imageText a:visited {color: #0057FF;}
.imageText a:hover {color: #B01C2E; text-decoration: none;}

.orgImage {visibility: hidden;}

.view-button a {padding: 6px;  color: #2858bb; background: #ffffff  url(../images/allnews-back-2.gif) repeat-y; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc;
text-decoration: none; font-size: 90%;}
.view-button a:hover {color: #b01c2e; background-color: #ffffff; text-decoration: none}

div .autoSearch {font-size: 80%; margin-top: 2.5%;}
.fakeheader4 {color: black; font-size: 105%;font-weight: bold;}