/*Generic styling for the portal login screens*/
#login-box{
  margin: auto;
  width: 700px;
  clear: both;
}

#systemMessage{
  background: url(../img/fuel_login_system_message) top left no-repeat;
  background-size: 100% auto;
  width: 684px;
  margin-left: -15px;
  padding: 35px 20px 20px 20px;
  font-size: 10pt;
  margin-top: 12px;
}

#systemMessage h2{
  font-family: 'Courier New', Courier, sans-serif;
  font-size: 12pt;
}

.login-div{
  margin: auto;
  border-radius: 6px;
}

ul#support_link_list li{
  display: inline;
}
ul#support_link_list a{
  display: inline-block;
  padding: 10px;
  color: lightblue;
}

div#horizontal-link-container li a:hover{
  background-color: black;
}

a#phishing-link:hover,
div.login-div a:hover{
  color: #318dc2;
}

div#horizontal-link-container{
  display: table;
}

#link-header{
  color: white;
  /*  leave the extra display here as a fix for old IE*/
  display: inline-block;
  display: table-cell;
  padding-left: 36px;
  padding-right: 36px;
  vertical-align: middle;
  font-size: 15pt;
}

ul#support_link_list{
  /*  leave the extra display here as a fix for old IE*/
  display: inline-block;
  display: table-cell;
  text-align: left;
  padding: 0;
}

#top-section{
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 5px;
  width: 700px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#bottom-section{
  background-color: #333;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  width: 685px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.cap-login-logo{
  text-align: center;
}

a{
  text-decoration: none;
}