.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.cf:after {
  clear: both;
}
h1,
h2,
h3 {
  color: #005b60;
  font-family: Oswald, Arial, Helvetica, sans-serif;
}
h1.caps,
h2.caps,
h3.caps {
  text-transform: uppercase;
}
h4,
h5,
h6 {
  color: #555555;
  font-family: Arial;
}
a {
  color: #008b8e;
  text-decoration: none;
  outline:none;
}
a:hover {
  text-decoration: underline;
}
.muted {
  color: #898888;
}
.subtle {
  color: #cfd1d2;
}
.small {
  font-size: .75em;
}
.pull-right {
  float: right;
}
.margin-top {
  margin-top: 20px;
}
.utility {
  font-size: .75em;
  font-weight: normal;
}
.utilityD:before {
   content: url(../images/pdf.gif);
   margin-right: 5px;
   position: relative;
   top: 3px;
}
.utilityX:before {
   content: url(../images/xls.png);
   margin-right: 5px;
   position: relative;
   top: 3px;
}
.utilityM:before {
   content: url(../images/docs.gif);
   margin-right: 5px;
   position: relative;
   top: 3px;
}
.utilityV:before {
   content: url(../images/vendors.gif);
   margin-right: 5px;
   position: relative;
   top: 3px;
   opacity: .4;
}
.utilityV {
  width: 250px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qtip-content hr{
	/*color:#f0f0f0;*/
	 border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin:8px 0 4px 0;
}
.qtip-content hr:nth-last-child(2) {
	display:none;
}

.utility[href$="pdf"]:before {
  content: url(../images/pdf.gif);
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.utility[href$="png"]:before {
  content: url(../images/png3.gif);
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.utility[href$="xls"]:before {
  content: url(../images/xls.gif);
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.utility[href$="xlsx"]:before {
  content: url(../images/xls.gif);
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.utility[href$="ppt"]:before {
  content: url(../images/ppt.gif);
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.utility[href$="pptx"]:before {
  content: url(../images/ppt.gif);
  margin-right: 5px;
  position: relative;
  top: 3px;
}

body,
html {
  height: 100%;
}
body {
  background: #fafafa;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color:#555555;
}
img{
    border: 0;
}
body p, body .ptag {
	font-weight:normal;
  font-size: .85em;
  color: #555555;
}
body .container {
  width: 960px;
  margin: 0 auto;
  background: #ffffff;
  height: 100%;
  min-height: 100%;
  padding-left: 0;
  padding-right: 0;
}
body .container > header {
  background: #555555;
  padding: 20px;
  position: relative;
}
body .container > header > a {
  display: block;
  float: left;
}
body .container > header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  right: 0;
  top: 0;
  height: 68px;
}
body .container > header ul li {
  float: left;
  margin: 0 10px;
  height: 100%;
  line-height: 64px;
}
body .container > header ul li a {
  display: block;
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  height:100%;
  padding: 0 20px;
}
body .container > header ul li.open {
  background: #f0f0f0;
}
body .container > header ul li:hover {
	  background: #f8f8f8;
}
body .container > header ul li a:hover {
color:#555555;
}
body .container > header ul li.open a {
  color: #555555;
}
body .container > section {
  background: #f0f0f0;
}
body .container > section #welcome {
  height: 50px;
  line-height: 50px;
  position: relative;
  clear:both;
}
body .container > section #welcome h1 {
  margin: 0;
  font-size: 18px;
}
body .container > section #welcome img {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px;
}
body .container > section #welcome .icon {
  position: absolute;
  right: 0;
  top: 0;
}
body .container > section #menu {
  width: 250px;
  background: #f0f0f0;
  float: left;
  clear:left;
}
body .container > section #menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 2px solid #ffffff;
  height: auto;
}
body .container > section #menu ul li {
  background: #f0f0f0;
  position: relative;
}
body .container > section #menu ul li a {
  display: block;
  height: 50px;
  line-height: 50px;
  border-bottom: 2px solid #ffffff;
  white-space: nowrap;
  color: #555555;
  text-decoration: none;
  vertical-align: middle;
  font-size: .75em;
  cursor: pointer;
}
body .container > section #menu ul li a:hover {
  background: #f8f8f8;
}
body .container > section #menu ul li a img {
  background-color: #898888;
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 12px;
  border: 0;
}
body .container > section #menu ul li a:after {
  content: 'a';
  color: transparent;
  background: #f0f0f0;
  opacity: 0;
  width: 15px;
  height: 15px;
  position: absolute;
  right: -7px;
  top: 17px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
body .container > section #menu ul li a.open {
  color: #ffffff;
}
body .container > section #menu ul li a.open:hover {
 opacity:.9;
}
body .container > section #menu ul li a.open:after {
  opacity: 1;
}
body .container > section #menu ul li a.orange img,
body .container > section #menu ul li a.orange.open {
  background-color: #f27207;
}
body .container > section #menu ul li a.orange img:after,
body .container > section #menu ul li a.orange.open:after {
  color: #f27207;
  background: #f27207;
}
body .container > section #menu ul li a.green img,
body .container > section #menu ul li a.green.open {
  background-color: #70a92f;
}
body .container > section #menu ul li a.green img:after,
body .container > section #menu ul li a.green.open:after {
  color: #70a92f;
  background: #70a92f;
}
body .container > section #menu ul li a.teal img,
body .container > section #menu ul li a.teal.open {
  background-color: #008b8e;
}
body .container > section #menu ul li a.teal img:after,
body .container > section #menu ul li a.teal.open:after {
  color: #008b8e;
  background: #008b8e;
}
body .container > section #menu ul li a.purple img,
body .container > section #menu ul li a.purple.open {
  background-color: #6f257c;
}
body .container > section #menu ul li a.purple img:after,
body .container > section #menu ul li a.purple.open:after {
  color: #6f257c;
  background: #6f257c;
}
body .container > section #menu ul li a.blue img,
body .container > section #menu ul li a.blue.open {
  background-color: #001e4a;
}
body .container > section #menu ul li a.blue img:after,
body .container > section #menu ul li a.blue.open:after {
  color: #001e4a;
  background: #001e4a;
}
body .container > section #menu ul li a.yellow img,
body .container > section #menu ul li a.yellow.open {
  background-color: #f7b900;
}
body .container > section #menu ul li a.yellow img:after,
body .container > section #menu ul li a.yellow.open:after {
  color: #f7b900;
  background: #f7b900;
}
body .container > section #menu ul li a.red img,
body .container > section #menu ul li a.red.open {
  background-color: #c00500;
}
body .container > section #menu ul li a.red img:after,
body .container > section #menu ul li a.red.open:after {
  color: #c00500;
  background: #c00500;
}
body .container > section #menu ul li a.gray img,
body .container > section #menu ul li a.gray.open {
  background-color: #555555;
}
body .container > section #menu ul li a.gray img:after,
body .container > section #menu ul li a.gray.open:after {
  color: #555555;
  background: #555555;
}
body .container > section #menu ul li a.creamsicle img,
body .container > section #menu ul li a.creamsicle.open {
  background-color: #ff9f46;
}
body .container > section #menu ul li a.creamsicle img:after,
body .container > section #menu ul li a.creamsicle.open:after {
  color: #ff9f46;
  background: #ff9f46;
}
body .container > section #menu ul li.expanded > ul {
  height: auto;
  border-bottom: 2px solid #ffffff;
}
body .container > section #menu ul li > ul {
  height: 0;
  overflow: hidden;
  transition: all .5s;
  padding: 0 0 0 5px;
  background: #ff9f46;
  border: 0;
  display:block;
}
body .container > section #menu #tip {
  padding: 20px;
  color: #555555;
  line-height: 18px;
}
body .container > section #menu #tip h1 {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
}
body .container > section #menu #tip p {
  font-size: 12px;
}
body .container > section #content {
  background: #ffffff;
  width: 630px;
  padding: 40px;
  float: left;
  height: 100%;
}
body .container > section #content > h1{
  font-size: 21px;
  margin: 0 0 15px 0;
  color: #005b60;
}
body .container > section #content h2{
  font-size: 18px;
  margin: 0 0 12px 0;
  color: #005b60;
}
body .container > section #content h3 {
  font-size: 15px;
  margin: 0 0 10px 0;
  color: #005b60;
}
body .container > footer, div.footer {
  background: #898888;
  padding: 20px;
  color: #ffffff;
  font-size: 12px;
  clear:both;
}
body .container > footer > div {
  text-transform: uppercase;
}
body .container > #login {
  height: 100%;
}
body .container > #login h1 {
  font-size: 18px;
  margin: 0 0 15px 0;
  color: #005b60;
}
body .container > #login p {
  width: 280px;
  font-size: .9em;
  line-height: 1.35em;
}
body .container > #login #bar {
  background: #008b8e;
  height: 100%;
  width: 400px;
  float: left;
}
body .container > #login #bar img.sep {
  border-bottom: 8px solid #ffffff;
  margin-bottom: 20px;
}
body .container > #login #bar img.logo {
  width: 300px;
  margin: 0 auto;
  display: block;
}
body .container > #login #status {
  font-size: .85em;
  color: #f27207;
  margin: 12px 0;
}
body .container > #login #content {
  width: 440px;
  padding: 60px;
  float: left;
  margin-top: 155px;
}
body .container .copyright {
  margin-top: 80px;
}
form label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .85em;
}
form input,
form select,
form textarea
 {
  width: 250px;
  height: 25px;
  background: #f0f0f0;
  border: 2px solid #cfd1d2;
  border-radius: 3px;
  display: block;
  margin-bottom: 12px;
  padding: 5px;
  font-size: .85em;
}
.vmf form input, .vmf form select, .vmf form textarea
 {
  width: 450px;
  height: 25px;
  background: #f0f0f0;
  border: 2px solid #cfd1d2;
  border-radius: 3px;
  display: block;
  margin-bottom: 12px;
  padding: 5px;
  font-size: .85em;
}
 .vmf form select{
	 height: 35px;
	 width: 465px;
 }
 .vmf form textarea {
  height: auto;
}
div.vLocationRow:nth-last-child(1) input{
    max-width:406px;
}
form button {
  width: 250px;
  height: 25px;
  background: #f0f0f0;
  border: 2px solid #cfd1d2;
  border-radius: 3px;
  display: block;
  margin-bottom: 12px;
  padding: 5px;
  font-size: .85em;
}
form textarea {
  font-family:Arial, Helvetica, sans-serif;
  color:#555555;
  height: auto;
}
form input[type="submit"],
form select[type="submit"],
form input[type="button"],
form input[class="button"],
form button {
  background: #008b8e;
  color: #ffffff;
  border: 1px solid #cfd1d2;
  border-radius: 4px;
  background-image: url(../images/button-grad.png);
  background-repeat: repeat-x;
  cursor: pointer;
  height: 35px;
  width: 264px;
}


form input.red[type="submit"],
form select.red[type="submit"],
form input.red[type="button"],
form input.red[class="button"] {
  background: #bf0500;
  color: #ffffff;
  border: 1px solid #cfd1d2;
  border-radius: 4px;
  background-image: url(../images/button-grad-red.png);
  background-repeat: repeat-x;
  cursor: pointer;
  height: 35px;
  width: 264px;
}


#content h2.red, #content h3.red{
	color:#c00500 !important;
}



form input.purple[type="submit"],
form select.purple[type="submit"],
form input.purple[type="button"],
form input.purple[class="button"] {
  background: #6f257c;
  color: #ffffff;
  border: 1px solid #cfd1d2;
  border-radius: 4px;
  background-image: url(../images/button-grad-purple.png);
  background-repeat: repeat-x;
  cursor: pointer;
  height: 35px;
  width: 264px;
}


#content h2.purple, #content h3.purple{
	color:#6f257c !important;
}





form input + span,
form select + span,
form textarea + span,
form .compountControl + span{
  color: #FF0000 !important;
  font-size: .85em !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}
form input + span.form-error,
form select + span.form-error {
  display: block;
}
form select {
  padding: 8px;
  height: 39px;
  /*width: 264px;*/
   width: 465px;
}

form select#catID{
	color:#6e6e6e;
}

form select#catID>option{
	color:#555555;
}
form.form-inline .form-group label {
  margin: 0;
  padding: 7px 0 0 0;
  display: inline-block;
  width: 150px;
 /* line-height: 35px;*/
  text-align: right;
  margin-right: 10px;
  vertical-align: top;
}

form.form-inline .form-group input,
form.form-inline .form-group textarea,
form.form-inline .form-group select {
  display: inline-block;
}
form.form-inline .form-group .form-error {
  display: block;
  margin-left: 165px !important;
}
form.form-inline .form-group.has-error input,
form.form-inline .form-group.has-error select {
  border-color: #cfd1d2 !important;
  /*background-color: rgba(242, 114, 7, 0.5);*/
}


bf0500
form.form-inline-table label {
  margin: 0;
  padding: 0;
  display: block;
  width: 150px;
  line-height: 35px;
  text-align: right;
  margin-right: 10px;
}
form input.textfieldRequiredState,
form .textfieldRequiredState input,
form input.textfieldInvalidFormatState,
form .textfieldInvalidFormatState input,
form input.textfieldMinValueState,
form .textfieldMinValueState input,
form input.textfieldMaxValueState,
form .textfieldMaxValueState input,
form input.textfieldMinCharsState,
form .textfieldMinCharsState input,
form input.textfieldMaxCharsState,
form .textfieldMaxCharsState input,
form .confirmRequiredState input {
  background-color: rgba(242, 114, 7, 0.5);
}
form .textfieldValidState input {
  background-color: #f0f0f0;
}
table.data-table thead tr td,
table.data-table thead tr th {
 /* font-size: .85em;
  font-weight: bold;*/
  font-size:10px; font-weight:bold; padding:10px; color:#555555;
  border-bottom:none;
}
table.data-table tbody tr td {
  font-size: .85em;
}
.dataTables_filter {
  margin-top: -30px;
  font-size: .75em;
  color: #555555;
}
.dataTables_info {
  margin-top: 0px;
  font-size: .75em;
  color: #cfd1d2;
}
#legend {
  border: 1px solid #bbb;
  padding: 20px;
  text-align: center;
  width: 365px;
  margin: 10px 0 0 94px;
}
#capabilitylegend {
  border: 1px solid #bbb;
  padding: 0px;
  text-align: center;
  width: 405px;
  margin: 10px 0 0 94px;
}
#legend h4 {
  margin: 0 0 10px 0;
}
#legend > div > div {
  text-align: left;
  margin: 8px 20px;
  font-size: .75em;
  color: #555555;
  line-height: 18px;
}
#legend > div > div span, #capabilitylegend div.dot {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 24px;
  margin-right: 8px;
  line-height: 18px;
  vertical-align:bottom;
}
.highcharts-tooltip span {
  height: auto;
  width: 140px;
  overflow: auto;
  white-space: normal !important;
}
h2.headBox{
padding:6px;
background-color:#008b8e;/*005b60*/
color:#FFFFFF !important;
font-weight:normal;
  border-radius: 4px;

}

h2.headBox.materials{
	background-color:#bbb;/*005b60*//*6f257c*/
}
ul.listLead, ol.listLead{
	margin-top:6px;
	margin-right:20px;
}
ul.listLead li{
	padding-bottom:12px;
	list-style-type:circle;
	font-size:.85em;/*font-size:.85em;*/
    max-width: 213px;
    position: relative;
    padding-right: 35px;
}
ul.listLead li i.relatededVendorTipsD{
  position: absolute;
  right: 0;
  top: 0;
}
ol.listLead li{
	padding-bottom:10px;
	list-style-type:decimal;
	font-size:.85em;
}
ul.listLead li ol.listLead li, ol.listLead li ul.listLead li{
	font-size:100%;
}
.blockBox{
	/*background-color:#f0f0f0;*/
	border:1px dotted #f0f0f0;
	border-top:none;
	border-radius:4px;
	margin-bottom:16px;
}
.blockBox.top{
	border-top:1px dotted #f0f0f0;
	padding-top:12px;
}

.questionText{
	font-size:1.5em;
}

  table.alternate tr:nth-child(even) {background: #f0f0f0;}
 table.alternate tr:nth-child(odd) {background: #FFFFFF;}

 table.alternate3 tr {background: #FFFFFF;}
  table.alternate3 tr:nth-child(3n+1) {background-color: #f0f0f0 !important;}

  table.alternate3 tr:nth-child(3n+2) {background-color: #f0f0f0 !important;}
 /* table.hoverrow tr:first-child:hover,  table.hoverrow tr.headrow:hover { background-color:none !important; background: none !important;} */
table.hoverrow tr.headrow:hover { background-color:none !important; background: none !important;}

  table.dataTable tr:first-child:hover{ background: none;}
 table.hoverrow tr:hover { background-color:#f8f8f8 !important; background:#f8f8f8 !important;}

  table.alternate3 tr:hover {background-color:#f8f8f8 !important;}
    table.alternate3 tr:hover:nth-child(3n+3) {background-color:inherit !important;}

 table.hoverrow tr.nohov:nth-child(3n+2):hover { background-color:#f0f0f0 !important;}
table.hoverrow td a {
/*border:1px #FFFFFF dotted;*/
    display: block;
    padding: 10px;
	text-decoration: none;
	cursor:pointer;
}
table.nohover td span{
	   display: block;
    padding: 10px;

}
.dataTables_empty{padding:10px !important;}
.dataTables_scrollBody .headrow{display:none;}
.dataTables_scrollBody{ border:1px dashed #f0f0f0;}
table.alternate3 tr:nth-child(3n+1) td, table.alternate3 tr:nth-child(3n+2) td{
	border-bottom:none !important;}
	table.alternate3 tr:nth-child(3n+1) td, table.alternate3 tr:nth-child(3n+1) td{
	border-bottom:1px dotted #FFFFFF !important;}
table.alternate3 tr td{border-bottom:1px solid #f0f0f0;}
table.alternate td, table.alternate3 td{font-size:0.85em; text-align:left;}
tr.headrow td{font-size:10px !important; font-weight:bold; padding:10px !important; color:#555555;}/*padding:10px !important; */
table.capability tr.headrow td{font-weight:normal;}

.qtip-content ul{
	 padding:10px;
    margin:0 5px 5px 5px;
	list-style:outside;

}
ul.bulletLegend {
    list-style: none;
    padding:0;
    margin:0;
}

.bulletLegend  li{
    padding-left: 1em;
    text-indent: 0em;
    list-style-type: none !important;
}
.qtip-content li{
    padding-left: .5em;
    text-indent: 0em;
	list-style-type:circle !important;
}

.bulletLegend  li:before{
    content: "";
    line-height: 1em;
    width: 1.15em;
    height: 1.15em;
    background-color: gray;
    float: left;
    margin-right:.75em;
    margin-left:.5em;
    border-radius: 50%;
    margin-bottom:4px;
}
.bulletLegend  li#bulletLegend1:before {
    background-color: #00888C;
}
.bulletLegend  li#bulletLegend2:before {
    background-color: #6B1F79;
}
.bulletLegend  li#bulletLegend3:before {
    background-color: #70A72E;
}
.bulletLegend  li#bulletLegend4:before {
    background-color: #BF0300;
}
.bulletLegend  li#bulletLegend5:before {
    background-color: #001E4A;
}
.bulletLegend  li#bulletLegend6:before {
    background-color: #F7BA00;
}
.bulletLegend  li#bulletLegend7:before {
    background-color: #FFA046;
}
.bulletLegend  li#bulletLegend8:before {
    background-color: #8D8000;
}
.bulletLegend  li#bulletLegend9:before {
    background-color: #147412;
}
.bulletLegend  li#bulletLegend10:before {
    background-color: #0072B9;
}
.bulletLegend  li#bulletLegend11:before {
    background-color: #792300;
}
.bulletLegend  li#bulletLegend12:before {
    background-color: #F27207;
}
iframe body{
    padding:0 !important;
}

.nr {font-size:1.25em; line-height:1em; vertical-align:bottom; text-decoration:none;}
a.nr:hover{text-decoration:none; cursor:default;}
a.nrN:hover{text-decoration:none; cursor:default;}
div#e_dv a, div#d_dv a{
	cursor: default !important;
}


.wrapElement{
	border:1px dotted #CCCCCC; padding:10px 20px 30px 20px; margin:20px 0 0 0;
}
.wrapElement h5{
	/*text-align:center;*/
	border-bottom:1px dotted #CCCCCC; padding:5px 0 15px 0; margin:0 0 15px 0;
	color:#008b8e;
}