/* --- AUTOCOMPLETE CSS --- */
.autocomplete {
position: absolute;
color: #333;
background-color: #FFF;
border: 1px solid #666;
font-family: Arial;
overflow-y: auto;
height: 100px;
}
.autocomplete ul {
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
}
.autocomplete li {
display: block;
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;
}
/* --- 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: 600px;
}
.tabContent {
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
}
.tabPanel {
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
}
.tabPanel ul,.tabPanel li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
.tabPanel a:link,.tabPanel a:visited {
background: #E8EBF0;
border: 1px solid #ccc;
color: #666;
float: left;
font-size: small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}
.tabPanel a:link.ajaxCurrentTab, .tabPanel a:visited.ajaxCurrentTab {
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}
.tabPanel a:hover {
color: #f00;
}
/* --- PORTLET CSS --- */
.portletBox {
width: 400px;
border: 1px solid #ccc;
}
.portletTitle {
background-color: #e8ebf0;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #ccc;
padding: 2px 4px;
color: #666;
font: bold 10pt Arial;
}
.portletTools {
float: right;
padding: 2px 4px;
margin-top: 1px;
color: #666;
font: bold 8pt Arial;
cursor: pointer;
}
.portletTools img {
border-left: 1px solid #666;
padding: 0px 3px;
cursor: pointer;
}
.portletTools img:first-child {
border: none;
}
.portletContent {
min-height: 200px;
overflow: auto;
padding: 4px;
}
/* --- TOGGLE CSS --- */
div.star-rating {
width: 140px;
float: left;
clear: both;
}
div.power-rating a {
cursor: pointer;
margin: 0px;
float: left;
display: block;
width: 18px;
height: 16px;
padding: 0 1px;
background-image: url(../img/throbber.gif);
background-repeat: no-repeat;
background-position: 1px 0;
}
div.power-rating a.over {
background-position: 1px 0;
}
div.power-rating a.selected {
background-position: 1px -20px;
}
div.power-rating a.selectedover {
background-position: 1px -20px;
}
div.power-rating a.selectedless {
background-position: 1px -20px;
}
div.star-rating a {
cursor: pointer;
margin: 0px;
float: left;
display: block;
width: 18px;
height: 16px;
padding: 0 1px;
background-image: url(../img/stars.gif);
background-repeat: no-repeat;
background-position: 1px 0;
}
div.star-rating a.over {
background-position: 1px -32px;
}
div.star-rating a.selected {
background-position: 1px -64px;
}
div.star-rating a.selectedover {
background-position: 1px -48px;
}
div.star-rating a.selectedless {
background-position: 1px -16px;
}
div.star-rating-message {
display: block;
height: 12px;
font: 10px Verdana;
}
/* --- CALLOUT CSS --- */
.olbg {
background-color: #999;
}
.olcg {
background-color: #000;
}
.olfg {
background-color: #ddd;
}
.olcap {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #fff;
}
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: #000;
}
/* --- Tree CSS --- */
.tree li {
padding-left: 15px;
}
.tree {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
list-style: none;
list-style-type: none;
font-size: 12px;
line-height: 20px;
padding-left: 0;
margin-left: 0;
}
.tree li span {
display: block;
margin-top: 10px;
float:left;
width: 10px;
height: 10px;
}
.tree li a { 
left: 5px;
} 
.expandedNode:hover {
cursor: pointer;
}
.collapsedNode:hover {
cursor: pointer;
}
.expandedNode {
background-image: url(../img/arrow_down.gif);
background-repeat: no-repeat;
}
.collapsedNode {
background-image: url(../img/arrow.gif);
background-repeat: no-repeat;
}