/* -------------------------------- colors -------------------------------- */
/* -------------------------------- default -------------------------------- */
* {
  margin: 0;
  padding: 0; }

div#page-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

body {
  min-width: 300px;
  width: auto !important;
  /* Firefox will set width as auto */
  overflow-y: scroll; }

input[type="file"] {
  width: 100%; }

ul li {
  color: black;
  list-style-position: inside; }

ol li {
  color: black;
  list-style-position: inside; }

td a {
  color: #337ab7  !important; }

td {
  color: black; }

a {
  color: #337ab7; }

/* -------------------------------- header -------------------------------- */
.header {
  background-color: #f0f0f0;
  padding: 0; }

.header-icons {
  padding: 10px; }

.header-logo {
  padding: 10px; }

.search-box {
  display: inline; }

.header-icons-login {
  width: 100px; }

.header-init {
  min-height: 100px;
  height: auto; }

.search-container {
  display: inline; }

/*
.input-search {
	width:200px;
	height:40px;
	position:relative;
	top:4px;
	
}*/
input[type="text"] {
  margin: 0;
  font-family: sans-serif;
  font-size: 18px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  size: 20px;
  padding-left: 5px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s; }

input[type="text"]:focus,
input[type="text"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696; }

/* -------------------------------- menu -------------------------------- */
#access {
  width: 80%;
  margin-left: auto;
  margin-right: auto; }

nav a {
  font-family: arial !important;
  color: white !important; }

.nav-menu {
  background-color: #16297d;
  height: 40px;
  width: 100%; }

.new-menu-item a:hover {
  background-color: #c9f2b7; }

/*
.new-menu-item:hover {
	background-color:#c9f2b7;
}*/
.nav-flyout {
  height: 40px;
  background-color: #16297d;
  display: none; }

.top-menu-box {
  border: 1px solid lightgray;
  border-top: 0; }

.teaser {
  margin: 0;
  padding: 0;
  border: 0; }

/* -------------------------------- home page carousel -------------------------------- */
#myCarousel {
  width: 100%; }

.carousel1 {
  width: 100%; }

.overlay {
  color: #fff;
  position: absolute;
  z-index: 12;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center; }

/* -------------------------------- home page calendar -------------------------------- */
.cal {
  width: 100%;
  background-color: #93af3e;
  height: 210px;
  color: red;
  position: relative; }

#calnav-left {
  background-color: #93af3e;
  width: 10%;
  height: 200px;
  float: left;
  background-image: url("/images/nav/nav-left.png");
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer; }

#calnav-right {
  background-color: #93af3e;
  width: 10%;
  height: 200px;
  float: left;
  background-image: url("/images/nav/nav-right.png");
  background-repeat: no-repeat;
  background-position: left;
  cursor: pointer; }

.calbox {
  width: 20%;
  background-color: #93af3e;
  height: 200px;
  float: left;
  padding-left: 10px;
  padding-right: 10px; }

.calbox a {
  text-decoration: none; }

.calbox-content {
  height: 75%;
  padding-left: 20px;
  padding-top: 5px;
  border-radius: 20px; }

.calbox-content:hover {
  background-color: #86a038; }

.calbox hr {
  border: none;
  height: 7px;
  width: 100%;
  /* Set the hr color */
  color: #becf8b;
  /* old IE */
  background-color: #becf8b;
  /* Modern Browsers */
  margin-bottom: 25px;
  margin-top: 20px; }

.event-title {
  font-family: arial !important;
  font-weight: 600;
  font-size: 20px;
  color: white;
  display: block; }

.event-date {
  font-family: arial !important;
  font-weight: 600;
  font-size: 16px;
  color: black;
  display: block; }

.event-location1, .event-location2 {
  font-family: arial !important;
  font-size: 16px;
  color: black;
  display: block; }

.event-footer {
  font-family: arial !important;
  font-weight: 600;
  font-size: 16px;
  color: #f3f6bf;
  display: block; }

.calbox-content {
  position: relative;
  bottom: 15px; }

.highlighted {
  color: #ffff66; }

/* -------------------------------- home page Institutional Members -------------------------------- */
.highlight-blue {
  color: #000088; }

/* -------------------------------- home page -------------------------------- */
.home-content {
  background-color: white;
  max-width: 100%;
  margin-left: 12.333%;
  width: 20%;
  height: auto;
  background-color: green;
  float: left; }

.home-note {
  background-color: #e2ecf6;
  height: auto;
  padding: 20px !important; }

.home-note-img {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0; }

.home-note-img img {
  max-width: 650px;
  width: 100%; }

.content-bg {
  margin-left: 12%;
  margin-right: 12%;
  width: 75%;
  height: auto;
  background-color: white; }

.home-content-text {
  padding: 3%;
  border: 2px solid lightgray;
  background-color: white;
  width: 70%;
  height: auto;
  float: right; }

.home-content-text-btm {
  padding: 3%;
  background-color: white;
  width: 70%;
  height: auto;
  float: right; }

.home-note-title {
  color: #00218c;
  font-size: 22px;
  font-weight: 600;
  display: block;
  padding: 0; }

.home-note-text {
  color: gray;
  font-size: 18px; }

.home-content-top {
  background-color: white;
  height: 380px;
  width: 65.5%; }

.home-content-top-text-box {
  background-color: white;
  height: 380px;
  width: 95%;
  position: relative;
  left: 5%;
  border: 2px solid darkgray; }

.home-content-top-text {
  position: relative;
  right: 25%; }

.home-content-bottom {
  background-color: blue;
  height: 250px;
  width: 65.5%;
  position: relative;
  left: 20%; }

.home-content-text img {
  width: 100%;
  padding-right: 10px; }

.home-content-text-btm {
  margin-top: 10px; }

.home-hd {
  font-size: 18px;
  font-weight: 600; }

.home-note-container {
  width: 20%;
  float: left; }

.content-row {
  padding-top: 10px;
  margin-top: 25px; }

.inst-memb {
  max-width: 150px;
  max-height: 75px; }

.responsive div {
  padding-left: 20px; }

.footer-container {
  padding-top: 20px;
  width: 75%;
  clear: both !important;
  background-color: #f0f0f0;
  height: 200px;
  margin-left: 12.33%; }

.footer-block {
  width: 33.33%;
  height: auto;
  min-height: 150px;
  float: left;
  padding: 10px;
  border-right: 2px solid darkgray;
  background-color: #f0f0f0; }

.f-block:hover {
  background-color: #dadada;
  cursor: pointer; }

.footer-block-last {
  width: 33.33%;
  height: auto;
  min-height: 150px;
  margin-left: 66.66%;
  padding: 10px;
  background-color: #f0f0f0; }

.footer-block-img {
  float: left;
  font-size: 80px;
  color: gray;
  padding-right: 10px; }

.footer-block-txt-header {
  font-size: 18px; }

.footer-block-txt {
  font-size: 16px;
  color: gray; }

.footer-block-link {
  font-size: 16px; }

.footer-btm-container {
  clear: both;
  margin-left: 12.33%;
  background-color: #f0f0f0;
  width: 75%;
  font-size: 16px;
  color: gray;
  padding: 15px; }

.footer-icons {
  padding-right: 10px; }

.footer-btm-text a {
  color: gray; }

.flyout-menu {
  position: absolute;
  height: auto;
  width: 319px;
  background-color: white;
  z-index: 100;
  display: none;
  cursor: pointer;
  border: 1px solid gray; }

.flyout-menu-bg {
  height: 100%;
  margin-left: 42px; }

.flyout-menu-button {
  margin-left: 5px;
  height: 40px;
  width: 40px;
  float: left;
  cursor: pointer; }

.flyout-menu a {
  font-size: 18px;
  color: black;
  text-decoration: none; }

.flyout-menu-link {
  width: 317px;
  min-height: 50px;
  height: auto;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 40px;
  border-bottom: 1px solid lightgray; }

.flyout-menu-link:hover {
  background-color: #a9d73c; }

.new-menu-container {
  margin-left: 10%;
  overflow: hidden; }

.new-menu-header a {
  color: white; }

.new-menu-header a:hover {
  color: white;
  text-decoration: none; }

.new-menu-header {
  float: left;
  color: white;
  font-size: 18px;
  width: 148px;
  margin: 0;
  padding: 0;
  padding-top: 10px;
  cursor: pointer;
  height: 40px; }

#new-menu-header_About_Us,
#new-menu-header_Affiliates,
#new-menu-header_Education,
#new-menu-header_Services,
#new-menu-header_Students {
  width: 100px; }

.new-menu-header:hover {
  background-image: url(/images/design/bg_main-nav.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.new-menu-hover {
  background-image: url(/images/design/bg_main-nav.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.new-menu-header span {
  display: block;
  margin: auto;
  width: 50%; }

.menu-popup {
  width: 960px;
  height: 400px;
  background-color: #f0f0f0;
  position: absolute;
  z-index: 999;
  border: 4px solid lightgray;
  border-top: none;
  font-size: 20px;
  padding: 10px;
  cursor: pointer;
  display: none;
  top: 140px; }

#menu-popup_About_Us {
  width: 900px; }

#menu-popup_Affiliates {
  width: 500px; }

#menu-popup_Conferences {
  width: 900px; }

#menu-popup_Education {
  width: 500px; }

#menu-popup_Membership {
  width: 900px; }

#menu-popup_Publications {
  width: 850px;
  height: 540px; }

#new-menu-teaser_Publications {
  height: 580px; }

#menu-popup_Services {
  width: 650px; }

#menu-popup_Students {
  width: 700px; }

.new-menu-item {
  display: inline-block;
  width: 100%;
  margin: 0; }

.menu-single {
  width: 100%; }

.menu-double {
  width: 49.5%; }

.menu-triple {
  width: 32.5%; }

.menu-triple2 {
  width: 65%; }

.menu-quad {
  width: 24.5%; }

.menu-quad3 {
  width: 73.5%; }

.new-menu-item a {
  display: inline-block;
  color: black;
  height: 30px;
  padding-left: 20px;
  padding-right: 20px; }

.new-menu-item a:hover {
  text-decoration: underline; }

.new-menu-submenu {
  font-size: 16px;
  position: relative; }

.new-menu-submenu a {
  color: #336633; }

.whitespace a:hover {
  background-color: #f0f0f0; }

#menu-popup_AboutUs {
  margin-left: 0px; }

#menu-popup_Affiliates {
  margin-left: 100px; }

#menu-popup_Conferences {
  margin-left: 100px; }

#menu-popup_Education {
  margin-left: 348px; }

#menu-popup_Membership {
  margin-left: 90px; }

#menu-popup_Publications {
  margin-left: 495px; }

#menu-popup_Services {
  margin-left: 665px; }

#menu-popup_Students {
  margin-left: 525px; }

#new-menu-teaser_AboutUs {
  left: 900px; }

#new-menu-teaser_Affiliates {
  left: 597px; }

#new-menu-teaser_Conferences {
  left: 925px; }

#new-menu-teaser_Education {
  left: 80px; }

#new-menu-teaser_Membership {
  left: 960px; }

#new-menu-teaser_Publications {
  left: 228px; }

#new-menu-teaser_Services {
  left: 398px; }

#new-menu-teaser_Students {
  left: 258px; }

.new-menu-teaser {
  width: 270px;
  height: 440px;
  background-color: #658814;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  top: 40px;
  z-index: 9999;
  display: none; }

.new-menu-teaser img {
  position: relative;
  bottom: 30px; }

.new-menu-teaser-text {
  color: white;
  position: relative;
  font-size: 14px;
  bottom: 20px; }

.services-hr {
  width: 90%;
  position: relative;
  right: 25px; }

@media (max-width: 1300px) {
  #menu-popup_Students {
    margin-left: 330px;
    text-align: right; }

  #new-menu-teaser_Students {
    margin-left: -96px; }

  #menu-popup_Services {
    margin-left: 297px;
    text-align: right; }

  .services-hr {
    left: 5px;
    width: 95%; }

  .new-menu-item-search {
    position: relative;
    left: 314px; }

  #new-menu-teaser_Services {
    left: -40px; }

  #menu-popup_Publications {
    margin-left: 267px; }

  #new-menu-teaser_Publications {
    left: 0px; } }
.elink-small {
  display: none; }

@media (max-width: 600px) {
  .elink-big {
    display: none; } }
@media (min-width: 601px) {
  .elink-small2 {
    display: none; } }
/* -------------------------------- content pages -------------------------------- */
/* -------------------------------- left menu -------------------------------- */
#left-menu {
  background-color: white;
  width: 19%;
  float: left;
  margin-left: 12%;
  padding-top: 5px;
  padding-left: 10px;
  border: 1px solid #f0f0f0; }

#left-menu-new {
  background-color: white;
  color: black;
  width: 19%;
  float: left;
  margin-left: 12%;
  padding-top: 5px;
  padding-left: 10px;
  border: 1px solid #f0f0f0; }

.left-menu-top {
  background-color: #f0f0f0; }

#left-menu-placeholder {
  background-color: darkgray;
  width: 80%;
  float: left;
  margin-left: 12%;
  margin-right: 12%;
  padding-top: 5px;
  margin-top: 10px;
  padding-left: 10px;
  display: none; }

#left-menu-placeholder-wrapper {
  background-color: #f0f0f0; }

#cssmenu {
  background: white;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 94%;
  margin-top: 20px;
  margin-bottom: 50px;
  margin-left: 0; }

#cssmenu ul {
  -webkit-padding-start: 0; }

#cssmenu li {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  list-style: none; }

#cssmenu a {
  border-bottom: 1px solid #A9A9A9;
  color: #000;
  display: block;
  margin: 0;
  padding: 8px 12px;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
  padding-left: 0;
  -webkit-padding-start: 20px; }

#cssmenu a:hover {
  background: #16297D url("/images/hover.gif") left center no-repeat;
  color: #fff !important;
  padding-bottom: 8px;
  -webkit-padding-start: 20px;
  background-size: 10px 10px; }

#cssmenu .active1 {
  color: #16297D !important; }

/* new */
#cssmenu2 {
  background: white;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 94%;
  margin-top: 20px;
  margin-bottom: 50px;
  margin-left: 0; }

#cssmenu2 ul {
  -webkit-padding-start: 0; }

#cssmenu2 li {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  list-style: none; }

.cssmenu2-a {
  border-bottom: 1px solid #A9A9A9;
  color: black;
  display: block;
  margin: 0;
  padding: 8px 12px;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
  padding-left: 0;
  -webkit-padding-start: 20px; }

.main {
  border-bottom: none; }

.sub {
  border-bottom: none;
  padding: 4px 6px;
  padding-left: 40px;
  padding-top: 0; }

.cssmenu2-a:hover {
  background: #fff url("/images/hover.gif") left center no-repeat;
  color: black !important;
  text-decoration: underline;
  padding-bottom: 8px;
  -webkit-padding-start: 20px;
  background-size: 10px 10px; }

.sub:hover {
  border-bottom: none;
  padding: 4px 6px;
  padding-left: 40px;
  padding-top: 0; }

#cssmenu2 hr {
  border-top: 1px solid #A9A9A9;
  margin-top: 4px; }

#cssmenu2 .active1 {
  color: #16297D !important; }

#cssmenu2 div {
  display: none; }

/*-------------*/
@media (max-width: 999px) {
  .breadcrum-box {
    margin-left: 2% !important; } }
@media (min-width: 0px) and (max-width: 745px) {
  #left-menu {
    display: none; }

  #left-menu-new {
    display: none; }

  .breadcrum-box {
    margin-left: 0 !important; }

  #inner-content-wrapper {
    width: 100% !important;
    margin-left: 0 !important; }

  #left-menu-placeholder {
    display: block;
    margin-left: 0%;
    width: 100%; }

  .breadcrum-box {
    margin-left: 0; } }
@media (min-width: 746px) {
  #left-menu-placeholder {
    display: none; } }
@media (min-width: 746px) and (max-width: 825px) {
  #left-menu {
    margin-left: 2%;
    width: 30%; }

  #left-menu-new {
    margin-left: 2%;
    width: 30%; }

  .breadcrum-box {
    margin-left: 2%; } }
@media (min-width: 826px) and (max-width: 1000px) {
  #left-menu {
    margin-left: 2%;
    width: 30%; }

  #left-menu-new {
    margin-left: 2%;
    width: 30%; }

  .breadcrum-box {
    margin-left: 2%; } }
#topmenu {
  display: none; }

#viewmenu {
  padding-left: 5%;
  font-size: 12px; }

#side-adv {
  background-color: red;
  width: 100%;
  float: left;
  border: 1px solid #f0f0f0;
  clear: both; }

#left-side-box {
  float: left;
  width: 19%;
  margin-left: 12%;
  padding-top: 15px;
  padding-left: 10px;
  clear: both; }

#left-menu-ad {
  background-color: white; }

/* -------------------------------- content -------------------------------- */
#inner-content-wrapper {
  background-color: #fff;
  border: 1px solid lightgray;
  width: 60%;
  min-height: 400px;
  float: clear;
  margin-left: 32%; }

#inner-content-wrapper-big {
  background-color: #fff;
  border: 1px solid lightgray;
  width: 60%;
  min-height: 400px;
  float: clear;
  margin-left: 32%;
  float: clear;
  margin-left: 11.9%;
  width: 80%; }

#outer-content-wrapper {
  padding-top: 10px;
  background-color: #f0f0f0; }

.content-box {
  margin: 10px;
  color: gray;
  font-size: 16px;
  width: 100%; }

.content-box-img {
  float: left;
  width: 45%;
  padding-right: 10px;
  max-width: 400px; }

.float-right {
  float: right !important; }

.content-box-wide-img {
  width: 85%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.content-box-header {
  font-size: 24px;
  color: #16297d; }

.content-box-text {
  padding: 10px;
  padding-right: 20px;
  color: black; }

.outer-content-wrapper {
  padding: 0;
  background-color: #f0f0f0; }

/* -------------------------------- bread crum box -------------------------------- */
.breadcrum-box {
  border-radius: 15px 50px 50px 15px;
  padding-right: 15px;
  overflow: hidden; }

.breadcrum-box a {
  color: #16297d !important; }

.breadcrum-box {
  display: inline-block;
  height: 30px;
  background-color: #fff;
  padding-top: 5px;
  padding-left: 10px;
  border: 1px solid lightgray;
  margin-left: 12%; }

.breadcrum-box-big {
  margin-left: 13% !important; }

.breadcrum-home {
  width: 25px; }

#tableOrderList {
  border: 1px solid red; }

.merch-box {
  display: table-cell;
  padding: 10px; }

.merch-row {
  display: table-row; }

.merch-box img {
  max-height: 200px; }

/* energy data links */
.ed-left {
  width: 30%;
  float: left; }

.ed-right {
  width: 50%;
  margin-left: 50%; }

#edl_form input[type="text"] {
  width: 100%; }

#div_SubCategory select {
  width: 100%; }

#div_Region select {
  width: 100%; }

#div_Country select {
  width: 100%; }

#ei_form select {
  width: 100%; }

.career-c input[type="file"] {
  width: 100px; }

.career-c input[type="text"] {
  width: 100%; }

.career-c textarea {
  width: 100%;
  height: 100px; }

.career-c select {
  width: 100%; }

@media (min-width: 0px) and (max-width: 1000px) {
  #search-candidate #left-menu {
    display: none; }

  #search-candidate #left-menu-placeholder-wrapper {
    width: 100%; }

  #search-candidate #inner-content-wrapper {
    margin-left: 0%;
    width: 99%; }

  #search-candidate #left-menu-placeholder {
    display: block;
    margin-left: 0%;
    width: 100%; }

  #search-candidate .breadcrum-box {
    margin-left: 0; } }
@media (min-width: 1001px) {
  #search-candidate #left-menu-placeholder {
    display: none; } }
@media (max-width: 550px) {
  .ed-left {
    float: clear;
    width: 100%; }

  .ed-right {
    margin-left: 0;
    width: 100%; } }
/* ---- search page --- */
.gsc-selected-option-container.gsc-inline-block {
  width: 100px !important;
  position: relative !important;
  left: 10px !important; }

/* ---- energy data links -- */
.edl-rc {
  width: 300px; }

.edl-row {
  margin-left: 10%; }

.edl-h {
  display: none; }

.edl-star {
  position: relative;
  left: 2px; }

.edc-siteurl-small {
  display: none; }

.edl-lbl-br {
  display: none; }

@media (max-width: 350px) {
  .edl-row {
    margin-left: 0; }

  .edl-rc {
    width: 100%; }

  .edl-h {
    display: block; } }
@media (max-width: 500px) {
  .edc-siteurl-small {
    display: inline; }

  .edc-siteurl {
    display: none; } }
@media (max-width: 670px) {
  .edl-lbl-br {
    display: block; } }
#rcorners {
  border-radius: 25px;
  border: 2px solid #16297D;
  padding: 20px;
  width: 400px; }

.affiliate-row {
  margin-left: 12%; }

@media (max-width: 500px) {
  .affiliate-row {
    margin-left: 0; } }
/* -------------------------------- imports -------------------------------- */
/* not used at this time */
/**************
* Media-q.scss
*
* Media queries.
*
*
*/
/*
@media (min-width: 0px) and (max-width:1276px) {
		.new-menu-container {
		margin-left:0;
	}
}
@media (min-width: 1275px) and (max-width:1350px) {
	.new-menu-container {
		margin-left:2%;
	}
}


@media (min-width: 1351px) and (max-width:1400px) {
	.new-menu-container {
		margin-left:5%;
	}
}
*/
@media (max-width: 800px) {
  .merch-box {
    display: block; }

  .merch-row {
    display: block; } }
@media (max-width: 525px) {
  .content-box-text input[type="text"],
  .content-box-text select {
    width: 100%; }

  #ddlConf {
    width: 80%; } }
@media screen and (max-width: 1120px) {
  .nav-menu {
    display: none; }

  .nav-flyout {
    display: block; }

  .footer-container {
    margin-left: 0;
    width: 100%; }

  .footer-btm-container {
    width: 100%;
    margin: 0; } }
@media (min-width: 0px) and (max-width: 800px) {
  .content-row {
    padding-top: 0; }

  .footer-container {
    padding: 0;
    background-color: red;
    height: auto; }

  .footer-block {
    width: 100%;
    clear: both;
    border: none;
    border-top: 1px solid gray; }

  .footer-block-last {
    width: 100%;
    clear: both;
    margin-left: 0;
    border-top: 1px solid gray; }

  .footer-btm-container {
    width: 100%;
    margin: 0; }

  .footer-icons-container {
    display: none; } }
@media (min-width: 0px) and (max-width: 820px) {
  .home-content-text-btm {
    margin-top: 0; }

  #inner-content-wrapper-big {
    margin: 0;
    width: 100%; }

  .breadcrum-box-big {
    margin: 0 !important; } }
@media (min-width: 821px) {
  .breadcrum-box-big {
    margin-left: 12% !important; } }
@media (max-width: 743px) {
  .search-container {
    float: right; }

  #input-search {
    width: 250px; } }
@media (max-width: 500px) {
  #input-search {
    width: 75%; } }
/* media queries */

/*# sourceMappingURL=IAEE.Website.css.map */