/* css/mobile.css for Priority Management
   site-wide layout for all pages on mobile devices (specifically iphone and opera mobile browsers) */

/*** basic.css overrides ***/
/* structure module */
body {
  text-align: left;
  }
  
/* form module */
.input-text {  /* input[type=text] */  
  width: auto;
  }
label {
  width: 100px;
  }
.required label {
  width: 100px;
  }
textarea {
  width: 160px;
  }

/*** layout.css overrides ***/
/** containers **/
#container {
  margin: 0;
  width: 300px;
  }
#content {
  float: none;
  margin: 0 0 20px 0;
  width: 300px;
  }

/** header **/
#logo {
  margin: 0 0 0 10px;
  width: 170px;
  }

/** global nav **/
#navigation-main {
  background-repeat: repeat;
  float: left;
  margin: 0;
  }
#navigation-main li {
  display: block;
  float: none;
  padding: 0 0 0 1px;
  }
#navigation-main li.last {
  padding: 0 0 0 1px;
  }
  
/** side nav **/
#navigation-side {
  margin: 0 0 0 15px;
  padding: 0 0 20px 0;
  }
  
/** content area **/
.banner img {
  height: 98px;
  width: 300px;
  }
  
/** page topic area **/
#page-topic {
  float: none;
  width: 100%;
  }

/** sidebar **/
.sidebar {
  margin: 0 15px 20px 15px;
  padding-bottom: 20px;
  width: 90%;
  }
  
/** touts **/
.touts, ul.inline.touts {
  margin-left: 15px;
  }
.touts.bottom {
  top: 0px;
  }

/** footer **/
#footer {
  margin: 0 15px;
  overflow: visible;
  }
#footer.has-footer-tout {
  top: 0;
  }
#copyright {
  background: transparent;
  clear: left;
  float: none;
  width: 276px;
  }

/** footer nav **/
#navigation-footer {
  background: transparent;
  float: none;
  padding: 1px 10px;
  width: 276px;
  }
#navigation-footer li {
  padding: 0 20px 0 0;
  }


/** layout variations **/
/* no banner image */
.no-banner #page-topic {
  margin-top: 0;
  }
.no-banner .touts {
  margin-top: 0;
  }

/* no sidebar */
.no-sidebar #page-topic {
  width: 100%;
  }

/* full-width */
.full-width #content {
  width: 100%;
  }

  
/*** Specific pages ***/
/** home **/
#home .banner {
  background: url(/img/banner/home/bg.jpg) 0 0 no-repeat;
  border: 1px solid #b0b0b0;
  height: 214px;
  width: 300px;
  zoom: 0.3;
  }

/** sitemap **/
.sitemap-listing {
  float: none;
  }

/** training product list pages **/
#page-topic p {
  width: 100%;
  }
#page-topic .product-block .product-image {
  float: none;
  margin: 0.5em 0;
  width: 100%;
  }
.product-block .more-detail-button {
  margin: 0;
  }

/** training product pages **/
.banner p {
  position: static;
  }
.banner img {
  height: 67px;
  }
ul.banner-buttons {
  float: none;
  margin: 0;
  }
.page-topic, .page-topic.wide {
  width: 100%;
  }
.supporting-content {
  margin: 15px 0 20px 15px;
  }