AI Center Archived WWW Site (2022)
(*): The content below has been archived for historical purposes. It contains historical information about projects and people from SRI International's Artificial
Intelligence Center. Current information is now available on
AIC's website and of course you can
also visit
SRI's AI content . Don't hesitate to
contact
us if you need more information about our current projects.
/* SRI blue: #0a2972 */
/* INSIDER light blue: #a2b5df; */
/* Site orange: #d4582a */
/* Main text: #202020 */
body {
/*type*/
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 1.3em;
/*size*/
width: 750px;
/*color*/
background-color: #ffffff;
color: #202020;
/*margin*/
margin-top: 0px;
margin-left: 0px;
margin-right: 20px;
background-image: url(../images/sri_bg.gif);
background-repeat: repeat-y;
}
h1 {
/*type*/
font-size: 16px;
font-weight: bold;
/*color*/
color:#0a2972;
/*alignment*/
text-align:center;
margin-top:10px;
}
h2, h2 a:link, h2 a:visited {
/*type*/
font-size: 14px;
font-weight: bold;
color: #0a2972;
text-align:left;
padding:0px;
margin: 0px;
clear:left;
}
h2.blue, h2.blue a:link, h2.blue a:visited {
/*type*/
font-size: 14px;
font-weight: bold;
color: #ffffff;
background-color: #0a2972;
text-align:left;
padding:4px 0px 4px 10px;
margin-top: 10px;
clear:left;
}
h3 {
font-size: 12px;
font-weight: bold;
}
h1.indexTitle {
/*type*/
font-size: 16px;
font-weight: bold;
/*color*/
color: #000000;
/*alignment*/
text-align:center;
padding:10px 0px 0px 10px;
}
h1.defaultTitle {
/*type*/
font-size: 16px;
font-weight: bold;
/*color*/
color:#0a2972;
/*alignment*/
text-align:center;
}
h2.indexSection {
/*type*/
font-size: 12px;
font-weight: bold;
color:#eeeeee;
background-color:#483d8b;
text-align:left;
padding:3px 3px 3px 20px;
}
h2.separator {
/*type*/
clear:both;
font-size: 12px;
font-weight: bold;
color:#eeeeee;
background-color:#0a2972;
text-align:left;
margin-top:20px;
padding:3px 3px 3px 20px;
}
h2.defaultSection {
/*type*/
font-size: 14px;
font-weight: bold;
color: #7e83a0;
text-align:left;
padding:10px 3px 3px 3px;
border-bottom: solid 1px #0a2972;
width:70%;
clear:left;
}
p { padding:5px;}
#news h2 {
font-size: 12px;
color: #d4582a;
padding-top:8px;
}
#news .newsItem {
font-size: 12px;
text-align: left;
}
/***************************/
/* HTML TAG REformatting */
/***************************/
/* NAVIGATION BAR */
.navbar { color: #0a2972; font-weight: normal; font-size: 12px; padding-top:2px; padding-left: 5px; }
/* Links */
a:link { color: #0a2972; font-weight: normal; text-decoration: none }
a:visited { color: #226ab2; text-decoration: none }
a:hover { text-decoration: underline }
a:active { text-decoration: none }
a.navbar {
color: #0a2972;
font-size: 12px;
font-weight: normal;
}
a.toplink {
color: #ffffff;
font-size: 12px;
font-weight: normal;
}
a.details {
font-size: 10px;
font-weight: normal;
}
/***********************/
/* FRONT PAGE */
/***********************/
.imgInfo {
font-size: 10px;
font-weight: bold;
color:#555555;
text-align: center;
text-decoration: none;
width:250px;
}
.indexRow {
clear: both;
float: left;
}
.indexCell {
float: left;
}
ul {
padding-left: 25px;
}
ul.indexPage {
list-style-image: url(../images/bluearrow.gif);
padding-left: 25px;
}
li {
line-height: 1.5em;
padding-left: 5px;
vertical-align: top;
}
sup {font-size:60%;}
img {
border: 0px;
}
/* TABLES */
table {
border:0px;
}
td {
text-align:left;
vertical-align:top;
padding: 3px;
}
table.navbar { color: #3b4e7a; font-size: 12px; padding-top:2px; padding-left: 40px; }
td.navbar {
/*type*/
font-size: 12px;
/*color*/
background-color: #a2b5df;
color:#FFFFFF;
/*padding*/
padding:3px;
/*align*/
vertical-align:middle;
}
td.navbar a:link { color: #000000; text-decoration: none; vertical-align:middle; }
td.navbar a:visited { color: #0a2955; text-decoration: none; vertical-align:middle; }
td.navbar a:hover { color: #ffffff; text-decoration: none; vertical-align:middle; }
td.subnavbar {
height:10px;
vertical-align:middle;
text-align:center;
}
td.default {
/*type*/
font-size: 12px;
text-align:left;
vertical-align:top;
padding: 5px;
}
td.centered {
text-align:center;
vertical-align:top;
padding: 5px;
}
td.project {
/*type*/
font-size: 12px;
text-align:justify;
vertical-align:top;
padding: 5px 0px 0px 0px;
/*border-bottom: 1px solid #000000;*/
}
table.index {
width:400px;
border-spacing: 5px;
}
td.section {
width:180px;
color: #0a2972;
background-color: #ffcc00;
vertical-align:middle;
padding: 3px 0px 3px 10px;
border-bottom: 1px solid #000000;
}
/***************************/
/* -------FORMS---------- */
/***************************/
div.formLabel {
text-align:right;
clear: both;
float: left;
font-size: 12px;
color: #000000;
width:100px;
padding:5px 5px 0px 0px;
}
.formField {
font-size: 11px;
float:left;
color: #aaaaaa;
padding:0px 0px 0px 5px;
}
td.formLabel {
text-align:right;
font-size: 12px;
color: #000000;
width:100px;
padding:10px 0px 0px 0px;
}
.formComment {
display:block;
width:400px;
font-size: 11px;
color: #aaaaaa;
padding:0px 0px 0px 0px;}
/**********************************/
/* SIDE MENUS (SIMPLE) */
/*********************************/
.sideMenuTitle {
font-weight: bold;
color: #ffffff;
background-color: #483d8b;
padding: 3px 0px 3px 5px;
}
.sideMenuText {
color: #000000;
padding: 3px 5px 3px 5px;
}
/* OTHER */
.descriptionTitle {
font-weight: bold;
color: #ffffff;
background-color: #483d8b;
padding: 3px 5px 3px 5px;
}
.descriptionText {
color: #000000;
padding: 3px 5px 3px 5px;
}
.indexPart {
width: 250px;
}
.sidetitle { color: white; font-weight: bold; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; background-color: #226ab2; padding: 3px }
.sidebar { font-size: 11px; font-family: Verdana, Helvetica, sans-serif }
.emphasis { font-weight: bold; color: #0a2972;}
.smalltext { font-weight: normal; font-size: 11px; }
.smalllink { font-weight: normal; font-size: 10px; text-decoration: underline }
.copyright { font-weight: normal; font-size: 10px; padding: 5px }
.footnote { font-size: 9px; color: #666666; line-height: 12px; text-align: center; }
.quote_text { font-style: italic; text-align: center;}
.redtext {color:#990000; font-weight: bold;}
.error { font-weight: bold; text-align: center; }
.errorPage {
display:block;
height:400px;
font-weight: bold;
text-align: center;
padding-top:200px;
}
.error404 {
font-style: italic;
font-size: 24px;
line-height: 1.5em;
text-align: center;
padding-top:20px;
}
.warning { color:#990000; }
.bigtext { color:#000000; font-size: 18px; font-weight: bold; font-style: italic; }
.question { color:#666666; text-align: justify; font-style: italic;}
.toplink { font-family: Verdana, sans-serif; font-size: 12px; color:#99CCFF;
text-transform: none; text-decoration: none; }
.disclaimer {
font-style: italic;
font-size: 10px;
text-align: center;
}
.message {
color:#d4582a;
clear: both;
text-align: center;
display: block;
font-weight: bold;
font-size: 11px;
padding: 15px;
}
/* Color and Borders */
.bluebgcolor { background-color: #0a2972; color: #FFFFFF;}
.bgcolor { background-color: #fff }
.bluespacer { background-color: #0a2972 }
.rightborder { border-right: solid 1px #0a2972 }
.leftborder { border-left: solid 1px #0a2972 }
.topborder { border-top: solid 1px #0a2972 }
.bottomborder { border-bottom: solid 1px #0a2972 }
.blueborder { border: solid 1px #0a2972 }
.blacktopborder { border-top: solid 2px #000000 }
.blackbottomborder { border-bottom: solid 2px #000000;background-color: #0a2972; color: #FFFFFF; }
.breadcrumb {
padding-left: 15px;
padding-top:80px;
text-align:left;
float:left;
}
.fixedNavigation {
padding-top:80px;
float: right;
}
.aboutImage {
padding-left:20px;
float: right;
text-align: center;
}
.imageOrangeBorder {
border: solid 2px #d4582a;
}
.mugshot {
margin-top:10px;
margin-bottom:10px;
padding:10px;
float: left;
text-align: center;
border: solid 2px #d4582a;
}
.personInfo {
padding:20px;
float: left;
text-align: left;
line-height: 1.4em;
}
.email {
font-family: Courier;
font-size: 120%;
}
.personNote {
font-weight: bold;
font-size: 120%;
}
/***************************/
/* Position ONLY */
/***************************/
.nomargin { margin : 0px;}
.center { text-align: center }
.right { text-align: right; }
.justify { text-align: justify }
.bottom { vertical-align: bottom;}
.middle { vertical-align: middle;}
.top { vertical-align: top;}
.clearBoth {
clear: both;
}
/***************************/
/* ID tag ONLY */
/***************************/
.printInvisible { /*to make it invisible for print media*/
display:block;
}
#AICBanner {
background-image: url(../images/aicbanner.png);
height:100px;
padding-right:10px;
vertical-align: bottom;
color: #ffffff;
}
}
#AICNavigation {
margin: 0px;
padding: 2px;
background-color: #FFCC00;
border-bottom: solid 1px #0a2972;
}
#indexLeft {
text-align: center;
line-height: 1.4em;
width: 250px;
margin:20px 0px 15px 25px;
padding-top: 25px;
padding-left: 25px;
padding-right: 25px;
visibility: visible;
float: left;
background-color: #fef0cb;
}
#indexRight {
margin:20px 0px 0px 10px;
text-align: left;
line-height: 1.4em;
visibility: visible;
float: left;
}
#newsTitle {
float: left;
font-weight: bold;
font-size: 14px;
color: #0a2972;
}
#newsDate {
float: right;
font-weight: bold;
color: #40332b;
}
#news {
padding-top:10px;
font-size: 12px;
}
#innerText {
margin: 0px 0px 0px 10px;
}
#navigationPage {
width: 570px;
margin: 5px 5px 5px 5px;
float:left;
}
/* SPECIAL SETTINGS FOR HOME PAGE */
#indexPage {
visibility: visible;
display: block;
background-color: #FFFFFF;
padding-right: 0px;
padding-top: 10px;
}
#defaultPage {
margin-bottom: 20px;
padding-left: 25px;
float:left;
width: 725px;
}
#bottom { /* same bottom for home page */
font-size: xx-small;
color: #666666;
line-height: 1.5em;
text-align: center;
clear: both;
padding-top: 5px;
border-top: solid 2px #0a2972;
}
#bottom a{ /* same bottom for home page */
padding-left: 5px;
padding-right: 5px;
}
#sideNavigation {
width: 180px;
font-size: 12px;
float: left;
background-color: #a2b5df;
padding: 5px 5px 5px 5px;
}
#pageDescription {
width: 180px;
font-size: 12px;
background-color: #a2b5df;
float: right;
/*padding: 5px 0px 5px 0px; */
margin-top: 20px;
}