.autocomplete {
  position: absolute;
  color: #333;
  background-color: #fff;
  border: 1px solid #6da;
  font-family: Arial;
  overflow: hidden;
}

.autocomplete ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: auto;
}

.autocomplete li {
  display: block;
  text-align:left;
  white-space: nowrap;
  cursor: pointer;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #fff;
}

.autocomplete li.selected {
  background-color: #cef;
  border-top: 1px solid #9bc;
  border-bottom: 1px solid #9bc;
}

input.form-autocomplete {
  background: url('/images/pic/throbber.gif') no-repeat 100% 2px;
}

/* --- CALLOUT CSS --- */

.olbg {background-color:#999;}
.olcg {background-color:#000;}
.olfg {background-color:#eee;}
.olcap {font-family:Arial; font-size:12px; font-weight:normal; color:#fc0;}
a.olclo {font-family:Arial; font-size:10px; font-weight:bold; color:#ddd;}
a.olclo:hover {color:#fff;}
.oltxt {font-family:Arial; font-size:12px; color:green;}

/* --- TOGGLE CSS --- */

#watchedResponseContainer {
  border: 1px solid #ccc;
  width: 300px;
  padding: 4px;
  margin-top: 10px;
  background-color: #eee;
}

#watchedResponse {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 4px;
  background-color: #fff;
}


/* --- HTML CONTENT CSS --- */

#modelDescription {
  position: absolute;
  left: 300px;
  width: 300px;
  min-height: 100px;
  background: #ffe;
  border-style: solid;
  border-width: 1px;
  border-color: #666 #ccc #ccc #666;
  padding: 5px;
}

#htmlContentForm {
  width: 350px;
}


/* --- TAB PANEL CSS --- */

#tabPanelWrapper {
  width: 100%;
  margin:0;
  padding:0;
  clear:both;
}

#tabContent {
  border: solid 1px silver;
  border-width:0 0 0px 0px;
  clear: both;
  margin: 0;
  padding: 0;
}

#tabContent ul#outMenu {width:100%;padding:0;}
#tabContent ul#outMenu li {border:none;padding:5px 0;}
#tabContent ul#outMenu li#menuTable {border:1px solid #ddd;}
#tabContent ul#outMenu li#menuSpace {color:#ddd;text-align:right;border:1px solid white;}

#tabPanel {
  border:none;
  margin:0px;
}

#tabPanel ul, #tabPanel li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#tabPanel li {
  float: left;
  background: transparent url(/images/background/bgl1.gif) left top no-repeat;
  margin:1px 0 0 0;
}

#tabPanel a:link, #tabPanel a:visited {
  background: transparent url(/images/background/bgrlong1.gif) right top no-repeat;
  display:block;
  margin-left:10px;
  color: white;
  font-size: 9pt;
  line-height: 1.5em;
  padding: 2px 10px 0 0;
  text-decoration: none;
}

#tabPanel a:link#ajaxCurrentTab, #tabPanel a:visited#ajaxCurrentTab {
  color: #fc0;
  background: transparent url(/images/background/bgrlongsel1.gif) right top no-repeat;
}

#tabPanel a:hover {
  color: red;
  text-decoration: underline;
}


/* --- PORTLET CSS --- */

.portletBox {
  border: 1px solid silver;
  margin:0px 0px 10px 0px;
}

.portletTitle {
  background-color: #cbd2ca;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #ccc;
  padding: 3px;
  color: #ffc;
  font-size:9pt;
  text-align:left
}

.portletTools {
  float: right;
  padding: 3px;
  margin-top: 1px;
  color: #666;
  font-size: 9pt;
  cursor: pointer;
}

.portletTools img {
  border-left: 1px solid #666;
  padding: 0px 3px;
  cursor: pointer;
}

.portletTools img:first-child {
  border: none;
}

.portletContent {
  overflow: auto;
  padding: 3px;
  text-align:left;
}

div.textArea {
  background: #ffe;
  border-style: solid;
  border-width: 1px;
  border-color: #666 #ccc #ccc #666;
  padding: 5px;

}