/* custom styles for multiple stacked instances */
.roleAC, 
.parentRoleAC, 
.childRoleAC,
.ratingCriterionAC,
.languageAC,
.industryAC {
    width:10em;
    padding-bottom:2em;
    z-index:9000;
}

.languageACInput,
.roleInput,
.parentRoleACInput,
.childRoleACInput,
.ratingCriterionACInput,
.industryACInput {
    _position:absolute; /* abs pos needed for ie quirks */
    font-family: Georgia, "Times New Roman", Times, serif;
}

.yui-push-button {
    border-color: lime;
}

/* so the divs don't create line breaks*/
.yui-ac {
    display: inline-block;
}

.yui-ac-input {
    color: #596298;
    font-family: optima, verdana, arial, sans-serif; 
    font-weight: bolder;
    text-transform: capitalize;
    width:6em;
}

.yui-ac-content {
display: inline;
}


.yui-skin-sam .yui-ac-content li.yui-ac-highlight {
 font-family: optima; 
   color: #596298;
  font-weight: bold;
  
}

/* for the add role to subject the yui-ac-container is as such: */
.yui-ac-container {
    font-family: optima; 
    font-size:1em;
 color: #596298;
}


#roleInfoPanel.yui-panel {
    border:1px dotted black;
    padding:2px;
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* for the role info panel the yui panel.hd is as such: */
#roleInfoPanel.yui-panel .hd { 
    font-family: optima, verdana, arial, sans-serif; 
    color: #596298;
    font-size:14px;
    background-color: white;
}

/* body of role info panel */
#roleInfoPanel.yui-panel .bd {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: black;
}

#roleInfoPanel.yui-panel .ft {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
    color: green;
}

#roleInfoPanel.yui-panel .ft span.akaHeading, 
#roleInfoPanel.yui-panel .ft span.criteriaHeading {
    font-weight: bold;
}

#roleInfoPanel.yui-panel .ft span.akaBody,
#roleInfoPanel.yui-panel .ft span.criteriaBody {
    font-style:italic;
}

#ratingCriterionInfoPanel.yui-panel {
    border:1px dotted black;
    padding:2px;
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#ratingCriterionInfoPanel.yui-panel .hd { 
    font-family: Georgia, "Times New Roman", Times, serif;
}

#ratingCriterionInfoPanel.yui-panel .bd {
    font-family: Georgia, "Times New Roman", Times, serif;
}

#ratingCriterionInfoPanel.yui-panel .ft {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:10px;
    color: red;
}

#ratingCriterionInfoPanel.yui-panel .ft span.akaHeading, 
#ratingCriterionInfoPanel.yui-panel .ft span.rolesHeading {
    font-weight: bold;
}

#ratingCriterionInfoPanel.yui-panel .ft span.akaBody,
#ratingCriterionInfoPanel.yui-panel .ft span.rolesBody {
    font-style:italic;
}

#industryInfoPanel.yui-panel {
    border:1px dotted black;
    padding:5px;
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#industryInfoPanel.yui-panel .hd { 
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #222222;
}

#industryInfoPanel.yui-panel .bd {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #000000;
}

#industryInfoPanel.yui-panel .ft {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #000000;
}

.ac_substring {
    font-weight:bold;
}

.ratingSliderBG { 
    position: relative; 
    background:url(../js/assets/ratingSliderBG2.gif) 5px 0 no-repeat; 
    height:28px; 
    width:220px;  
} 

.ratingSliderThumb { 
    position: absolute; 
    top: 4px; 
}

/* needed for evaluation overlays to float */
.yui-overlay,
.yui-panel-container {
    visibility:hidden;
    position:absolute;
    z-index: 2;
}

.yui-tt {
    color:#66666;
    background-color:white;
    padding:6px;
    border:1px dotted black;
    font-family: arial;
}

.yui-panel {
    opacity:.90;
    filter: alpha(opacity=90);
    visibility:hidden;
    border-collapse:separate;
    position:relative;
    left:0;
    top:0;
    font-family: arial;
    color:black;
    background-color:white;
    border:4px solid #000;
   
    z-index:1;
    overflow:hidden;
}

.yui-panel .hd {
    min-height: 10px;
    opacity:.90;
    filter: alpha(opacity=90);
    background-color:#f7f7f7;
    color:black;
    border:1px  #222222;
    font-weight:bold;
    font-size: 1.7em;
    padding:4px;
    white-space:nowrap;
}

.yui-panel .container-close {
    position:absolute;
    top:5px;
    right:4px;
    z-index:6;
    height:12px;
    width:12px;
    margin:0px;
    padding:0px;
    background:url(../js/assets/x.png) no-repeat;
    cursor:pointer;
    visibility:inherit;
}


.yui-dialog .ft, 
.yui-simple-dialog .ft {
position: absolute;
bottom: .5em;
right: .5em;
    padding-bottom:5px;
    padding-right:5px;
    text-align:right;
}

.yui-dialog form, 
.yui-simple-dialog form {
    margin:0;
}

.yui-skin-sam .yui-button button,
.yui-button a {
    color:white;
}

.button-group button {
    font-family: arial;
   	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 1px;
	padding-top: 1px;
	border: 1px solid white;
	background: black;
	color: white;
	text-decoration: none;
    cursor: hand;
    vertical-align: middle;
}

.button-group button.default {
    font-weight:bold;
}

.button-group button:hover, 
.button-group button.hover {
    border:2px solid #90A029;
    background-color:#EBF09E;
    border-top-color:#FFF;
    border-left-color:#FFF;
}

.button-group button:active {
    border:2px solid #E4E4E4;
    background-color:#BBB;
    border-top-color:#333;
    border-left-color:#333;
}

/* from yui.yahooapis.com/2.5.1/build/datatable/assets/skins/sam/datatable.css */
.yui-dt {
  
}

.yui-skin-sam tr.yui-dt-highlighted,
.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc,
.yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted {
    cursor:pointer;
    font-weight: bold;
    font-size:1.5em;
}

.yui-dt-label{
font-size:1.25em;}

#yui-dt1-paginator0.yui-dt-paginator yui-pg-container{
color:red;}

.yui-dt-hd {
    display:none;
}

.yui-dt-next {
    display:none;
}