/*!
* theme.scss: Azure Semi-gloss
*/
/*
CSS Conventions

  * Use semi-compact whitespace
  * Tabs indicate descendance
  * Use property grid
  * Compact colors and properties
  * Combine selectors where possible
  * Use sprites where possible
  * Compress prior to Live push
  * Don't edit compressed files

If you have questions consult UI team (Preferrably Jethro)
*/
html, body {
  height: 100%; }

#Form1, #form1 {
  height: 100%; }

body,
table {
  color: #000;
  font: 13px/1.5 Helvetica, Arial, sans-serif; }

body {
  width: 100%; }

form {
  position: relative;
  display: block;
  width: 100%;
  overflow: visible; }

h2, h3, h4, #body h1, legend, caption {
  color: #3183cb; }

h2 {
  font-size: 27px; }

h3 {
  font-size: 16px; }

h4 {
  font-size: 1em; }

a:link {
  color: #0075c4; }

a:hover {
  color: #3b971b; }

#body {
  margin: 0 auto;
  text-align: left; }

#body {
  margin-top: 30px; }

#announcements {
  float: right;
  width: 110px;
  height: 60px;
  padding: 0; }

#alerts {
  float: right;
  margin-top: -3px;
  height: 42px;
  text-align: center; }

#alerts a {
  display: block;
  color: #777;
  text-decoration: none;
  font-size: 13px;
  line-height: 11px;
  font-weight: bold;
  cursor: pointer; }

#alerts .alertText {
  text-decoration: underline; }

#alerts .smaller {
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline; }

#support {
  float: right;
  width: 180px;
  margin: -7px 0 0;
  padding: 0; }

#support a {
  font-size: 11px;
  color: white;
  text-decoration: none;
  display: block;
  width: 180px;
  height: 38px;
  text-align: center;
  cursor: pointer; }

#support a.phone {
  background: transparent url(symbol_phone.png) no-repeat center left;
  width: 150px; }

#support a.phone span {
  float: none !important; }

#support a.classes {
  width: 150px;
  padding: 0;
  margin: 0;
  line-height: 38px; }

.logo {
  display: block;
  width: 237px;
  height: 49px;
  text-indent: -9000px;
  background: url(logo.png) no-repeat;
  outline: none; }

.logo_EDU {
  display: block;
  width: 245px;
  height: 60px;
  text-indent: -9000px;
  background: url(logo_EDU.png) no-repeat;
  outline: none; }

#badges {
  float: right; }

/* Components */
.messagePanel {
  margin: 12px auto;
  width: 300px;
  border: 1px solid #d11;
  background: #fff;
  position: relative; }

.messagePanelHeader {
  display: block;
  padding: 4px 12px;
  margin: 0;
  font-size: 16px;
  color: #fff;
  background: #d11 url(gradients.png) repeat-x 0 -205px;
  text-align: left; }

.messagePanelHeader a.close {
  float: right;
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.messagePanelBody {
  margin: 12px;
  padding-bottom: 1px; }

.messagePanelConfirmation {
  border-color: #66B04E; }

.messagePanelConfirmation .messagePanelHeader {
  background-color: #66B04E; }

.messagePanelInfonotice {
  border-color: #62AADA; }

.messagePanelInfonotice .messagePanelHeader {
  background-color: #0176C4; }

.messagePanelWarning {
  border-color: #FF7200; }

.messagePanelWarning .messagePanelHeader {
  background-color: #FF7200; }

.section {
  margin: 0 auto 25px;
  width: 800px;
  text-align: left; }

.sectionHeader {
  margin: 0 0 12px;
  padding: 0 30px; }

.sectionBody {
  padding: 19px 20px;
  border: 1px solid #AFD4EA; }

.box {
  margin: 0 auto 20px;
  border: 1px solid #AFD4EA;
  background: #fff url(box_bg_gradient.png) repeat-x 0 100%;
  text-align: left; }

h2.boxHeader,
h3.boxHeader {
  font-size: 16px; }

.boxHeader {
  margin: 0;
  padding: 2px 6px 1px;
  border-bottom: 1px solid #B3D3EA;
  background: #AFD4EA url(gradients.png) repeat-x 0 -199px; }

.boxHeaderEmpty {
  min-height: 24px; }

.boxBody {
  padding: 12px; }

.box, .boxHeader {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.box.stack {
  margin-bottom: 0;
  border-bottom: 0; }

.box.stack + .box.stack {
  border-top: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.lastStack {
  border-bottom: 1px solid #AFD4EA !important; }

.aside {
  border-color: #AFD4EA; }

* html .messagePanelHeader {
  background-image: none !important; }

* html .logo {
  background: url(logo.gif) no-repeat; }

dl.landing dt {
  color: #0075C4 !important; }

dl.landing ul li.msrEmbeddedAlert {
  background: url(../../images/msr/msr-alert.png) left center no-repeat !important;
  display: block;
  left: -5px;
  position: relative;
  text-align: right;
  width: 120px; }

.autoInsurePromoLink {
  background: url(../../images/btn-shipinsure-226x33.png) no-repeat 0 0;
  display: block;
  height: 33px;
  width: 226px;
  text-decoration: none; }

.autoInsurePromoLink:hover {
  background-position: 0 -34px; }

div[id$=_autoInsurePromoMenu] {
  padding-top: 5px;
  clear: both; }

.liteStoreBtn,
.liteStoreBtn:hover,
.liteStoreBtn:active,
.liteStoreBtn:visited {
  background: url(../../images/litestores/yellow-button-sprite.png) 0 0 no-repeat;
  color: #000;
  display: block;
  font-weight: 700;
  height: 30px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 180px; }

.liteStoreBtn span {
  float: left; }

.liteStoreBtn span.lsbtn {
  background: url(../../images/litestores/yellow-button-sprite.png) -341px -22px no-repeat;
  display: inline-block;
  height: 30px;
  position: relative;
  right: -9px;
  width: 8px; }

.liteStoreBtn span.lsIcon {
  background: url(../../images/litestores/alert-sprite.png) -17px 4px no-repeat;
  display: inline-block;
  height: 30px;
  padding: 5px 2px 0px 2px;
  position: relative;
  right: -6px;
  width: 14px; }

.liteStoreBtn span.btnText {
  padding: 1px 0 5px 10px; }

.btnStoreSetup,
.btnStoreSetup:hover,
.btnStoreSetup:active,
.btnStoreSetup:visited {
  width: 139px; }

.mnuLiteStore {
  margin: 0 auto;
  width: 90%; }

@media (max-width: 1024px) {
  #alerts {
    float: unset;
    text-align: unset;
    position: absolute;
    right: 0;
    top: 50px; } }