/*
* <copyright file="structure.css" company="API Healthcare">
*	Copyright © 2012 API Healthcare Corporation.  All rights reserved.
* </copyright>
* <summary>
*	The styles in this set are developed for the Desktop and iPad 2 & greater.
*
*	Contents (The style sheet contents are listed below, a search token is denoted in brackets([]))
*	-	Page Structure[#ps]
*	    -   Backwards Compatability Styles [#bc]
*	-	Page Elements[#pe]
*	-	Helper Classes[#hc]
*	-	Dialog Classes[#dc]
*	-	Media Query 480px and above[#mq480]
*		-	Page Structure[#mq480ps]
*		-	Helper Classes[#mq480hc]
*		-	Dialog Classes[#mq480dc]
*	-	Media Query 768px and above[#mq768]
*		-	Page Structure[#mq768ps]
*	-	Media Query 960px and above[#mq960]
*		-	Page Structure[#mq960ps]
*	-	HTML5 Boilerplate Classes[#hbc]
* </summary>
* <remarks>
*	Derived from HTML5 Boilerplate
*	Derived from CSS Foundation 
* </remarks>
*/
/*-----------------------------------------------------------
*	Page Structure[#ps]
*	Structure derived from CSS Foundation.
*	The structure uses a row/column combination, a 12 column format is used for adaptive sizing.
-----------------------------------------------------------*/
*.column,
*.columns {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  margin: 0;
  padding: 0;
  width: 100%;
}
*.column:first-child,
*.columns:first-child,
*.column.first,
*.columns.first {
  margin-left: 0;
  border-left: none;
}
*.column:last-child,
*.columns:last-child,
*.column.last,
*.columns.last {
  margin-right: 0;
  border-right: none;
}
/* Rows and wrappers implement the clearfix HACK for floats: nicolasgallagher.com/micro-clearfix-hack/ */
*.row {
  margin: 0 auto;
  width: 100%;
}
*.row:before,
*.row:after,
*.wrapper:before,
*.wrapper:after {
  content: "";
  display: table;
}
*.row:after,
*.wrapper:after {
  clear: both;
}
*.row,
*.wrapper {
  zoom: 1;
}
/* Row columns with margins */
*.row *.one.columns,
*.row *.one.column {
  width: 8.33%;
}
*.row *.two.columns {
  width: 16.66%;
}
*.row *.three.columns {
  width: 25%;
}
*.row *.four.columns {
  width: 33.33%;
}
*.row *.five.columns {
  width: 41.66%;
}
*.row *.six.columns {
  width: 50%;
}
*.row *.seven.columns {
  width: 58.33%;
}
*.row *.eight.columns {
  width: 66.66%;
}
*.row *.nine.columns {
  width: 75%;
}
*.row *.ten.columns {
  width: 83.33%;
}
*.row *.eleven.columns {
  width: 91.66%;
}
*.row *.twelve.columns {
  width: 100%;
}
/* Row columns without margins */
*.row.gapless *.column,
*.row.gapless *.columns {
  margin-left: 0px;
}
*.row.gapless *.one.columns,
*.row.gapless *.one.column {
  width: 6.5%;
}
*.row.gapless *.two.columns {
  width: 15.2%;
}
*.row.gapless *.three.columns {
  width: 23.88%;
}
*.row.gapless *.four.columns {
  width: 32.6%;
}
*.row.gapless *.five.columns {
  width: 41.3%;
}
*.row.gapless *.six.columns {
  width: 50%;
}
*.row.gapless *.seven.columns {
  width: 58.7%;
}
*.row.gapless *.eight.columns {
  width: 67.4%;
}
*.row.gapless *.nine.columns {
  width: 76.1%;
}
*.row.gapless *.ten.columns {
  width: 84.8%;
}
*.row.gapless *.eleven.columns {
  width: 93.5%;
}
*.row.gapless *.twelve.columns {
  width: 100%;
}
/*-----------------------------------------------------------
*	Backwards Compatability Styles [#bc]
*	Style adjustments for old browsers (ie7)
-----------------------------------------------------------*/
*.no-boxsizing .column,
*.no-boxsizing .columns {
  border: 0px;
}
/* Rows and wrappers implement the clearfix HACK for floats: nicolasgallagher.com/micro-clearfix-hack/ */
*.no-generatedcontent *.row,
*.no-generatedcontent *.wrapper {
  clear: both;
}
/*-----------------------------------------------------------
*	Page Elements[#pe]
-----------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  display: inline;
  margin: 0;
}
hr {
  border: solid #ddd;
  border-width: 1px 0;
  clear: both;
  height: 0;
  margin: 10px 0 20px 0;
}
label {
  color: #515353;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  margin: 8px 0 2px 0;
}
ul {
  list-style-type: none;
}
/*-----------------------------------------------------------
*	Helper Classes[#hc]
*	Assorted helper classes.
-----------------------------------------------------------*/
*.extra-large-top-margin {
  margin-top: 15px;
}
*.large-top-margin {
  margin-top: 10px;
}
*.medium-top-margin {
  margin-top: 5px;
}
*.small-top-margin {
  margin-top: 2px;
}
*.extra-large-bottom-margin {
  margin-bottom: 15px;
}
*.large-bottom-margin {
  margin-bottom: 10px;
}
*.medium-bottom-margin {
  margin-bottom: 5px;
}
*.small-bottom-margin {
  margin-bottom: 2px;
}
*.extra-small-side-paddings {
  padding-right: 5px;
  padding-left: 5px;
}
*.small-side-paddings {
  padding-right: 7px;
  padding-left: 7px;
}
*.medium-side-paddings {
  padding-right: 15px;
  padding-left: 15px;
}
*.large-side-paddings {
  padding-right: 28px;
  padding-left: 28px;
}
*.small-side-margins {
  margin-left: 7px;
  margin-right: 7px;
}
*.small-vertical-margins {
  margin-top: 7px;
  margin-bottom: 7px;
}
*.small-left-margin {
  margin-left: 10px;
}
*.small-right-margin {
  margin-right: 12px;
}
*.small-bottom-margin {
  margin-bottom: 7px;
}
*.small-margins {
  margin: 7px;
}
*.medium-vertical-margins {
  margin-top: 10px;
  margin-bottom: 10px;
}
*.text-center-adapt {
  text-align: center;
}
*.text-right-adapt {
  text-align: right;
}
/* Text helpers that always use the alignment */
*.text-center {
  text-align: center;
}
*.text-left {
  text-align: left;
}
*.text-right {
  text-align: right;
}
*.position-relative {
  position: relative;
  *position: absolute;
  /*Hack for IE7*/

}
/*-----------------------------------------------------------
*	Dialog Classes[#dc]
*	Structure styles for dialog classes
-----------------------------------------------------------*/
*.ui-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
*.ui-dialog {
  min-width: 300px;
  position: absolute;
  text-align: left;
  z-index: 10;
}
/*-----------------------------------------------------------
*	HTML5 Boilerplate Classes[#hbc]
*	Non-semantic helper classes
-----------------------------------------------------------*/
/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
*.hidden {
  display: none !important;
  visibility: hidden !important;
}
/* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
*.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
/* Extends the .visually-hidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
*.visually-hidden.focusable:active,
*.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
  position: static;
}
/* Hide visually and from screenreaders, but maintain layout */
*.invisible {
  visibility: hidden;
}
*.preserve-whitespace {
  white-space: pre-wrap;
}