/*  This file contains styles applied to the SAM Helper content */
/*  This file lives at: https://github.com/GSA-OCSIT/sam-helper */

/* SAM Helper Header CSS - BEGIN */
.help-toggler {
  position:fixed;
  width: 100%;
  color: White;
  background-image: url(../resources/img/sam-helper-header.png);
  border-style:ridge;
  border-width:2px;
  border-color:#5B7FA5;
  text-align:center;
  z-index: 10000;
}

.help-toggler p {
  width: 100%;
  background-image: url(../resources/img/sam-helper-header.png);
  color: White;
  border-style:ridge;
  border-width:2px;
  border-color:#5B7FA5;
  font-weight:bold;
  text-align:center;
  line-height: 115%;
  font-size:110%;
}

div.helper-content#helper-top-bar {
  position:fixed;
  text-align: left;
  /*height:201px;*/
  width:100%;
  color: #2D2D2D;
  font-size: 115%;
  z-index: 10000;
  background-color:#85A7C8;
  border-style:ridge;
  border-width:2px;
  border-color:#5B7FA5;
}

div.helper-content#helper-top-bar div.helper-content#progress_section {
  padding-left: 10px;
  float: left;
  width: 18%;
  /*height:200px;*/
  color:#2D2D2D;
  /*
  border-style:none solid none none;
  border-width:2px;
  border-color:#5B7FA5;
  background-color:#85A7C8;
  */
}

div.helper-content#helper-top-bar div.helper-content#page_section {
  float: left;
  /*height:200px;*/
  width: 55%;
  color:#2D2D2D;
  padding: 0px 5px 5px 5px;
  border-style:none solid none solid;
  border-width:2px;
  border-color:#5B7FA5;
  background-color:#85A7C8;  
}

div.helper-content#helper-top-bar div.helper-content#site_section {
  float: left;
  /*height:200px;*/
  width:20%;
  color:#2D2D2D;
  padding-left: 10px;
  /*
  border-style:none none none solid;
  border-width:2px;
  border-color:#5B7FA5;
  background-color:#85A7C8;
  */
}

.help-toggler#helper-toggle-div p a#toggle-link {
  color:White;
}

div.help-shadow#toggler-shadow {
    position:static;
	background-color: red;
    z-index: 9000;
}

help-toggler a:link {
  color: white;
}

help-toggler a:visited {
  color: white;
}

help-toggler a:active {
  color: white;
}
help-toggler a:hover {
  color: white;
}

div#busa-main {
  text-align: left;
  height: 10em;
  z-index: 10000;
  top: 1em;
  left: 0px;
  background-color: 0xcccccc;
}

div.helper-content div.helper-content dl,dt,dd {
    /*width: inherit;*/
}
div.helper-content div.helper-content dl dt {
  display:inline;
  width: 90 px;
  text-align:right;
  font-weight:bolder;
}

div.helper-content div.helper-content dl dd {
  display:inline;
  width: 90 px;
  text-align:left;
}
/* SAM Helper Header CSS - END */

/* SAM HELPER BUBBLE CSS - VERSION6 - BEGIN */
body div.samHelperMainDiv6 {
    position: absolute;
	/* Gray */
	background-color:#C7C7C7;
	border-width:1px;
    border-style:solid;
	border-color:#736F6E;
	margin-right: 5px;
	color: black;
	font-size:110%;
	text-align:left;
	z-index: 2;
}
body div.samHelperMainDiv61 {
	border-width:1px;
	border-style:solid;
	border-style:none none none none;
	z-index: 2;
}
body div.samHelperHeaderDiv6 {
	background-size: 100% 100%;
	background-color: #002757;
	border-style:none none solid none;
	color: white;
	font-weight:bold;
	border-width:1px;
    border-color:white;
	text-align:left;
	padding-right: 20px;
}

body div.quick_hint6#display-hover-text6 {
    min-width:200px;
	padding:8px;
    color: black;
	font-size:110%;
	text-align:left;
	margin:auto;
}
/* SAM HELPER BUBBLE CSS - VERSION6 - END */

div#busa-content div.helper_item.overview {
    padding: 5px 3px;
}

div.helper_item.overview p {
    padding: 5px 3px;
    font-size: 13px;
    font-weight: 80%;
    background-color: #cacaca;
    color: black;
}

div.helper_item.help_info {
    position: fixed;
    height:100px;
    border: solid black 3px;
    padding: 5px 3px;
    font-size: 13px;
    font-weight: 80%;
    background-color: #cacaca;
    color: black;
    z-index: 100000;
}