/*
* Skeleton V2.0
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0; }
.container .column,
.container .columns {
  float: left;
  width: 100%;
  box-sizing: border-box; }
.row {
  margin-top: 2rem;
  margin-bottom: 2rem; }
.row .column:first-child,
.row .columns:first-child {
  margin-left: 0; }

.container.spacer {
  height: 135px;
}

/* For devices larger than 550px */
@media (min-width: 550px) {

  .container .column,
  .container .columns {
    margin-left: 3.4375%; }

  .container .one.column,
  .container .one.columns          { width: 4.166666666667%; }
  .container .two.columns          { width: 10.4166666667%; }
  .container .three.columns        { width: 16.6666666667%; }
  .container .four.columns         { width: 22.9166666667%; }
  .container .five.columns         { width: 29.1666666667%; }
  .container .six.columns          { width: 35.4166666667%; }
  .container .seven.columns        { width: 41.6666666667%; }
  .container .eight.columns        { width: 47.9166666667%; }
  .container .nine.columns         { width: 54.1666666667%; }
  .container .ten.columns          { width: 60.4166666667%; }
  .container .eleven.columns       { width: 66.6666666667%; }
  .container .twelve.columns       { width: 72.9166666667%; }
  .container .thirteen.columns       { width: 79.166666666667%; }
  .container .fourteen.columns       { width: 85.4166666667%; }
  .container .fifteen.columns       { width: 91.66666666667%; }
  .container .sixteen.columns       { width: 100%; margin-left: 0; }

  .container .one-third.column     { width: 30.6666666667%; }
  .container .two-thirds.column    { width: 65.3333333333%; }

  .container .one-half.column      { width: 48%; }

  /* Offsets */
  .container .offset-by-one.column,
  .container .offset-by-one.columns       { margin-left: 8.66666666667%; }
  .container .offset-by-two.column        { margin-left: 17.3333333333%; }
  .container .offset-by-three.column      { margin-left: 26%;            }
  .container .offset-by-four.column       { margin-left: 34.6666666667%; }
  .container .offset-by-five.column       { margin-left: 43.3333333333%; }
  .container .offset-by-six.column        { margin-left: 52%;            }
  .container .offset-by-seven.column      { margin-left: 60.6666666667%; }
  .container .offset-by-eight.column      { margin-left: 69.3333333333%; }
  .container .offset-by-nine.column       { margin-left: 78.0%;          }
  .container .offset-by-ten.column        { margin-left: 86.6666666667%; }
  .container .offset-by-eleven.column     { margin-left: 95.3333333333%; }

  .container .offset-by-one-third.column  { margin-left: 34.6666666667%; }
  .container .offset-by-two-thirds.column { margin-left: 69.3333333333%; }

  .container .offset-by-one-half.column   { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ---- Global Styles ----------------------------------------- */
body {
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
  color: #151515;
}

h1, h2, h3, h4, h5 {
  color: #151515;
  font-family: Century Gothic, sans-serif;
  font-weight: normal;
  line-height: 1.2 !important;
}

h1 {
  font-size: 200%; /* 26px */
  margin: 10px 0;
}

h2 {
  font-size: 169%; /* 22px */
  margin: 10px 0;
}

h3 {
  font-size: 146%; /* 19px */
  font-weight: bold;
  margin: 10px 0;
}

h4 {
  font-size: 123%; /* 16px */
  margin: 10px 0;
}

h5 {
  font-size: 100%; /* 13px */
  margin: 5px 0;
}

a {
  color: #1A5A96;
  text-decoration: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

a[name] {

}

a:hover {
  text-decoration: underline;
}

a:focus {
  outline: thin dotted #FF0000;
  color: #FF0000;
}

p {
  line-height: 18px;
  padding: 9px 0;
}

img {
  border: none;
}

blockquote {
  margin-left:40px;
}




/*
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }
*/



/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  background-color: transparent;
  border-radius: 4px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #bbb;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  white-space: nowrap;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  border-color: #888;
  color: #333;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  border-color: #33C3F0;
  background-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  background-color: #1EAEDB;
  border-color: #1EAEDB;
  color: #FFF; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="search"],
input[type="text"],
input[type="password"],
textarea,
select {
  border: 1px solid #D1D1D1;
  height: 36px;
  border-radius: 4px;
  box-shadow: none;
  background: #fff;
  width: 100%;}

select#specialist{
  height: auto;
}
/* Removes awkard default styles on some inputs */
input[type="email"],
input[type="search"],
input[type="text"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  font-weight: 600;
  margin-bottom: .5rem; }
fieldset {
  border-width: 0;
  padding: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  font-weight: normal;
  margin-left: .5rem; }

input[type="checkbox"] + label {
  float:left;

}
input[type="checkbox"] {

  float:left;
}

input[type="radio"] + label {
  float:left;

}
input[type="radio"] {

  float:left;
}
.description {
  font-style: italic;
  font-weight: normal;
  font-size: 0.85em;
}

p + .description {
  padding: 0;
  margin: -10px 0 5px;
}

/* Override style for some radio button */
label.no-float {
  float: none!important;
  display: inline-block;
  width: auto!important;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  margin-top: 0;
  padding-left: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }



/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
  white-space: nowrap; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table {
  border-collapse: collapse;
  border: none;
  border-spacing: 0px;
  font-size: 100%;
}

table, th, td {
  border: 1px solid #ccc;
}
th,
td {
  padding: 12px 15px;
  text-align: left;
}

table.no-border,
table.no-border tr,
table.no-border td {
  border: none;
}

table.full-width {
  width: 100%;
}

.indexTable, .sessions  {
  width: 100%;
}

.sessions {
  margin-bottom: 1em;
}

.sessions input{
  text-align: center;
}


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.0rem; }

/*pre,
blockquote,
form,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }*/

p {
  line-height: 18px;
  padding: 9px 0;
  margin-bottom: 0.5rem;
}

.required{
  color: red;
}





/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf{
  content: "";
  display: table;
  clear: both; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* Theme Flyout - Government Menu */

/* ---- Accessibility Navigation Styles ----------------------------------- */

#access li a {
  position: absolute;
  margin: 10px 0 0 -5000px;
  padding: 5px 7px;
}

#access li a:focus {
  margin-left: 0;
}

#row-navtheme a:focus,
#row-header a:focus,
#row-topsubthemenav a:focus,
#row-botsubthemenav a:focus,
#row-footer a:focus {
  outline: thin dotted #E9BF5D;
  color: #E9BF5D;
}

#media_links a:focus {
  outline: thin dotted #FF0000;
  color: #FF0000;
}

/* ---- Navigation Overlay Styles ----------------------------------------- */

#overlay {
  position: absolute;
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity = 30);
  z-index: 1;
  display: none;
  left: 0;
  margin-top: 1px;
  width: 100% !important;
}

.horizontalMenu li {
  float: left;
}

.horizontalMenu li a {
  text-align: center;

  /* W3C */
  display:box;
  box-orient:horizontal;
  box-pack:center;
  box-align:center;

  /* Firefox */
  display:-moz-box;
  -moz-box-orient:horizontal;
  -moz-box-pack:center;
  -moz-box-align:center;

  /* Safari and Chrome */
  display:-webkit-box;
  -webkit-box-orient:horizontal;
  -webkit-box-pack:center;
  -webkit-box-align:center;

  /* Has to be here to render PIE properly in IE */
  behavior: url(/assets/gov/css/PIE.htc);
}

.themes {
  background-color: #293649;
}

.themes, .themes menu {
  height: 27px;
}

.themes menu {
  padding: 0;
}

.themes li {
  text-transform: uppercase;
  list-style-type: none;
}

.themes li a {
  padding: 7px 5px;
  color: white;
  text-decoration: none;
}

.themes li.current a {
  color: #e9bf5d;
}

.themes li.flyoutMenuItem a {
  float: left;
}

.flyoutMenuItem .clickTrigger {
  float: left;
  width: 13px;
  height: 14px;
  padding: 7px 4px;
  background: url(/images/arrow_spritemap.png) no-repeat;
  cursor: pointer;
}

.flyoutMenuItem:hover .clickTrigger,
.flyoutMenuItem.activeNav .clickTrigger {
  background-position: 4px -42px;
  background-color: #d3dbe8;
}

.flyoutMenuItem .clickTrigger:hover {
  background-position: 4px -77px;
  background-color: #b7bcc2;
}

.flyoutMenuItem:hover a,
.flyoutMenuItem.activeNav a {
  background-color: #E7EAF1;
  color: #384556 !important;
  text-decoration: underline;
  border-bottom: 1px solid #E7EAF1;
}

#flyouts {
  position: relative;
  margin: 0 auto;
  position: relative;
  height: 0px;
  overflow: visible;
  z-index: 100;
  width: 960px;
}

div.flyout {
  display: none;
  position: absolute;
  top: 68px;
  width: 736px;
  height: 267px;
  background: url(/images/nav_bg.png) no-repeat;
  padding: 0 49px;
  padding-bottom: 57px;
  z-index: 500;
}

div.flyout h2 {
  height: 24px;
  padding: 10px 0;
  padding-left: 237px;
  margin: 0;
  font-family: Century Gothic, sans-serif;
  line-height: 24px;
}
div.flyout a {
  color: #151515;
}
div.flyout a:hover {
  text-decoration: underline;
}

div.flyout img {
  position: relative;
  width: 220px;
  height: 267px;
  top: -44px;
  left: -3px;
}

div.flyout ul.sectionLinks {
  position: absolute;
  top: 40px;
  left: 46px;
  width: 289px;
  margin-top: 12px;
  margin-left: 220px;
  padding-left: 0;
  list-style-position: outside;
}

div.flyout ul.sectionLinks li {
  padding: 4px 0 4px 0;
  padding-left: 21px;
  line-height: 13px;
  cursor: pointer;
  list-style-type: none;
}

div.flyout div.topDestinations {
  position: absolute;
  top: 46px;
  left: 48px;
  width: 227px;
  margin-left: 509px;
}

div.flyout div.topDestinations h3 {
  margin: 17px 0 12px 19px;
  font-family: Century Gothic, sans-serif;
}

div.flyout div.topDestinations ul {
  font-family: verdana, sans-serif;
  padding-left: 0;
  margin-left: 19px;
  margin-top: 0;
  margin-bottom: 0;
}

div.flyout div.topDestinations ul li {
  padding: 4px 0;
  list-style-type: none;
}

div.flyout div.topDestinations ul li a {
  text-decoration: none;
}

div.flyout div.topDestinations ul li a:hover {
  text-decoration: underline;
}

#services_header {
  height: 40px;
  background-color: #394559;
}

#services_header a.serviceLink {
  color: white;
  text-decoration: none;
  padding: 5px 10px;
  border-left: 1px solid #9e9e9c;
  float: right;
  margin: 10px 0 0;
}

#services_header a.serviceLink:hover {
  color: #e9bf5d;
}

#services_header a.forms {
  background-image: url(/images/icon_services.png);
  background-repeat: no-repeat;
  padding-left: 27px;
  border: none;
}



/*banner search */


#banner {
  height: 105px;
  background-color: #394559;
}

#banner .logo {
  display: block;
  float: left;
  width: 204px;
  height: 70px;
  margin: 17px 0;
  background: url(/images/bc_logo_blue.png) no-repeat;
}

#banner h1 {
  display: block;
  float: left;
  width: 380px;
  margin: 34px 20px;
  font-family: Century Gothic, verdana, sans-serif;
  font-size: 30px;
  font-weight: normal;
  color: white;
}


/* Larger than mobile */
@media (min-width: 320px) and (max-width: 549px) {

  #banner {
    height: auto;
  }

  #banner .logo {
    display: block;
    float: left;
    width: 45%;
    height: 48px;
    background-size: 100%;

  }

  #banner h1 {
    width: auto;
    margin: 30px 8px;
    font-size: 1.5em;
  }


}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) and (max-width: 800px){
  #banner .logo {
    display: block;
    float: left;

    height: 70px;
    background-size: 100%;

  }

  #banner h1 {
    width: auto;
    margin: 34px 8px;
    font-size: 2em;
  }

}



/* Navigation */
.subthemes{
  background-color: #535d6e;
}
.subthemes,
.subthemes menu {
  height: 46px;
}

.subthemes menu {

}

.subthemes li {
  display: table;
  height: 46px;
  width: 120px;
  float: left;
  background: url(/images/subtheme_nav_spacer.png) no-repeat 0 0;
  /*	*position:relative;	*/
}

.subthemes li:first-child {
  background: none;
}

.subthemes li a {
  /*	*position:absolute;	*/
  /*	*top: 50%;			*/
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 110px;
  padding: 0 5px;
  color: white;
  text-decoration: none;
  cursor: pointer;
  *float: left;
  *padding-top: 5px;
  *height: 41px;
}

.subthemes li a:hover {
  background: #636c7b;
  text-decoration: underline;
}

/* remove left spacer on next li element */
.subthemes li:hover+li {
  background: none;
}

/* remove left spacer on next li element */
.subthemes li.current+li {
  background: none;
}


.subthemes li.current a {
  background-color: #e1e3e6;
  color: #283649;
}

.subthemes li a span {
  /*	*position:relative;	*/
  /*	*top: -50%;			*/
}


.topics  {
  height: 19px;
  padding-top:5px;
  /*background-color: #e1e3e6;*/
  background-color: #293649;
}

.topics li {
  font-family: verdana, arial, sans-serif;
  min-width: 60px;
  padding: 0 5px;
  text-align:center;
  float:left;
  border-left: solid 1px #979FAF;
  font-size: 88%;
  list-style: none;
}

.topics li:first-child {
  border-left: none 0;
}

.topics li a {
  color: #151515;
  text-decoration: none;
}

.topics li a:hover {
  text-decoration: underline;
}

.topics li.current a {
  font-weight: bold;
}


/*footer */
#footer-wrapper {
  background-color:#394559;
  margin-top: 40px\9;
}

#footer_theme_links_container{
  background-color:#394559;
  height:452px;
  font-family: verdana, arial, sans-serif;
  line-height: 13px;
}

#footer_container{
  width:960px;
  background-color:#394559;
  float:left;
  font-family: verdana, arial, sans-serif;
  line-height: 13px;
  height: 120px;
}

#footer{
  width:920px;
  padding:0 20px 0 20px;
  margin-top:0;
  background-color:#394559;
}

.footer_theme_links h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.footer_theme_links h3 a, .footer_theme_links h3{
  color: #FFFFFF;
  font-family: Century Gothic,verdana,sans-serif;
  font-weight: normal;
  text-decoration: none;
  padding-bottom:5px;
}

.footer_theme_links h3 a:hover{
  text-decoration:underline;
}

.footer_theme_links{
  padding:13px 20px;
  float:left;
  width:200px;
  height:200px;
  line-height: 1;
  background-color: #394559;
}

.footer_theme_links ul {
  margin:0;
  padding:0;
  font-family:verdana,arial,sans-serif;
}

.footer_theme_links li {
  padding: 6px 0 0 0;
  line-height:110%;
  list-style-type: none;
}
.footer_theme_links li a{
  color:#FFFFFF;
  text-decoration:none;
}
.footer_theme_links li a:hover{
  text-decoration:underline;
}

#media_links{
  position:relative;
  padding:20px 0;
  background-color:#FFFFFF;
  border-radius: 7px;
  height:30px;
  behavior: url(/assets/gov/css/PIE.htc);
}

#media_links img{
  float:left;
  margin-top:-10px;
}

#media_links ul{
  list-style-type:none;
  padding:0;
  margin:8px 0 0 20px;
  float:left;
}

#media_links li{
  display:inline;
  margin:0;
  padding: 0 10px;
  border-left:1px solid #394559;
}

#media_links li:first-child{
  border:none;
}

#media_links li a{
  text-decoration:none;
}

#media_links li a:hover{
  text-decoration:underline;
}

main ul > li {
  margin-left: 10px;
  background: url("/assets/gov/images/bullets_list.png") 0 7px no-repeat;
  padding: 5px 0 5px 20px;
}

main ol > li {
  margin-left: 0px;
  list-style-type: decimal;
  padding: 5px 0 5px 10px;
}

#admin_links{
  position:relative;
  float:right;
}

#admin_links ul{
  padding:5px 0;
  list-style-type:none;
}

#admin_links li{
  display:inline;
  padding:0 5px;
}

#admin_links li a{
  text-decoration:none;
  color:#FFFFFF;
}

#admin_links li a:hover{
  text-decoration:underline;
}


ul.inPageNavigation {
  width: 177px;
  border: 1px solid #D9D9D9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 6px 8px 20px;
  /*position: relative;*/
  /* Has to be here to render PIE properly in IE */
  behavior: url(/assets/gov/css/PIE.htc);
}

ul.inPageNavigation li {
  background-repeat: no-repeat;
  padding-left: 11px;
}

ul.inPageNavigation li.closed {
  background-image: url(/assets/gov/images/sidecolumnnav_closed.gif);
}

ul.inPageNavigation li.open {
  background-image: url(/assets/gov/images/sidecolumnnav_open.gif);
}

ul.inPageNavigation li a {
  color: #151515;
  text-decoration: none;
}

ul.inPageNavigation li a:hover {
  text-decoration: underline;
}

ul.inPageNavigation li {
  margin-top: 8px;
  background-position: 0 2px;
  line-height: 14px;
}

ul.inPageNavigation li li {
  font-size: 12px;
  background-position: 0 0;
}

ul.inPageNavigation li li li {
  font-size: 12px;
}

/* 5th-level */

ul.inPageNavigation li li li li li {
  font-size: 11px;
  background-image: none;
  margin-top: 6px;
}

ul.inPageNavigation li li li li li.open {
  background-image: none;
}

ul.inPageNavigation li.current > a  {
  color: #1A5A96;
}


/*Breadcrumbs*/
#breadcrumbs ul li {
  float: left;
  height: 14px;
  white-space: nowrap;
  margin-right: 5px;
  margin:  10px auto 20px auto;
}

#breadcrumbs ul li a {
  color: #151515;
  text-decoration: none;
}

#breadcrumbs ul li a:hover {
  text-decoration: underline;
}

/* override fixed-layout css to allow breadcrumbs to span the whole length */
#area-breadcrumb, #ls-gen8-ls-area-body {
  width: inherit;
}



.topicLink p {
  margin: 0;
  padding: 0;
}

/*BCGuidelines*/

.topLink, .topLinkTight {
  float:right;
}

.topLinkTight {
  margin-top: 10px;
}

.topLink img,
.topLinkTight img {
  margin: 0 5px;
}

.nameList {
  width:100%;
}
.nameList ul {
  line-height:normal;
  margin: 0 0 0 15px;
}

.nameList li {
  float: left;
  margin-left: 0;
  margin-right: 3px;
  list-style-type: none;
  width: 120px;
  background: none;
  padding: 0px;
}
.inpageBackToTop {
  clear: both;
  text-align: right;
  font-size: 0.8333em;
  line-height: 1.8em;
  padding-bottom: 17px;
  padding-right: 10px;
  text-transform: uppercase;
}

.floatLeft {
  float: left;
  margin: 10px;

}



span.inline_block {
  padding: 2px 0;
  display: inline-block;
}

p.details {
  margin-left: 20px;
  padding: 2px 0;
}


/* General Form Elments */
form.ema label {
  float:left;
  margin:7px 0;
}

form.ema label.small {
  float:left;
  width:60px;
  margin:7px 0;
}

form.ema input {

  color:#333;
}

form.ema input#age {
  width:25px;
}

form.ema input[type=checkbox] {
  border: none;
  color: #333333;
  float: left;
  margin: 9px 9px 15px 15px;
  padding: 0;
  width: 14px;
}

form.ema input[type=radio] {
  width:12px;
  padding:0px 5px 5px 5px;
  margin:8px 5px 10px 8px;
  border:none;
  color:#333;
  float:none;
  outline:none;
}

form.ema input[name='01_lic_no'] {
  width:50px;
}

form.ema #pay-now,
form.ema input[type='submit'],
form.ema input[type='reset'] {
  background:#EEE;
  width:auto;
  margin-left:10px;
  float:right;
  cursor:pointer;
}
form.ema #pay-now:hover,
form.ema input[type=submit]:hover,
form.ema input[type=reset]:hover {
  background:#F9F9F9;
}

form.ema #pay-now,
form.ema #pay-later{
  float:none;
  margin-left: 0px;
  margin-right: 10px;
}

form.ema span.details {
  display: block;
  margin: 0 0 0 200px;
  padding: 7px 0 7px 10px;
}

form.ema input[type=checkbox] + span.details,
form.ema input[type=checkbox] + label.error + span.details {
  margin-left:0;
}

form.ema span.required {
  color:#FF0000;
}

form.ema select {
  padding:5px;
  border:1px solid #CCC;
  color:#333;
  display:inline-block;
}

#practical-exam-details select {
  width:350px;
}

form.ema textarea {
  border: 1px solid #CCC;
  color:#333;
  padding:5px;
  resize: none;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  width:100%;
}

form.ema .form-section {
  border-bottom:1px solid #CCC;
  padding-bottom:15px;
  margin-bottom:20px;
}

form.ema a#cancel-application{
  display:inline-block;
  float:none;
}

/* Request for Evaluaiton Form */
#evaluation-training,
#written-examination-details {
  display:none;
}

/* Call Data Form table */
form.ema input#form-email-continue {
  margin:10px 0 0;
  width:auto;
}

form.ema .form-section#form-table {
  width:555px;
  overflow:visible;
}

form.ema #form-table input,
form.ema #form-table textarea,
form.ema #form-table select {
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  border:none;
  background:none;
  font-size:0.9em;
  overflow:hidden;
}

form.ema #form-table input[type='submit'],
form.ema #form-table input[type='reset']{
  padding:5px;
  margin:2px 0 2px 10px;
  border:1px solid #CCC;
  color:#333;
  background:#EEE;
  width:auto;
  margin-left:10px;
  float:right;
  cursor:pointer;
  font-size:1.0em;
}

form.ema #form-table  input[type=submit]:hover,
form.ema #form-table  input[type=reset]:hover {
  background:#F9F9F9;
}

form.ema #form-table  input[name=calldatainput] {
  display:none;
}

form.ema #form-table  label.error {
  margin:5px 0;
  width:auto;
  text-align:center;
}

form.ema #form-table select {
  width:120px;
}

form.ema #calldatatable {
}

form.ema #calldatatable tr {
  border:1px solid #CCC;
  vertical-align:top;
}

form.ema #calldatatable tr.odd {
  background:#F6F6F6;
}

form.ema #calldatatable th {
  text-align:center;
  vertical-align:middle;
  background:#EEE;
}

form.ema #calldatatable th,
form.ema #calldatatable td {
  padding:3px;
  border:1px solid #DDD;
  font-size:0.9em;
}

/* fancy Box */
.fancybox-inner form.ema#modal {
  position:relative;
}

.fancybox-inner .modal {
  width:465px !important;
  display:block;
  overflow:hidden;
  margin:0;
  padding:0;
}

.fancybox-inner form.ema#modal label {
  font-weight:bold;
  margin:9px 0;
}

.fancybox-inner form.ema#modal label.error {
  display:none;
  position:absolute;
  left:-999em;
  font-size:13px;
}

.fancybox-inner form.ema#modal select,
.fancybox-inner form.ema#modal select.error {
  width:262px;
  margin:2px 0;
  font-size:13px;
}

.fancybox-inner form.ema input,
.fancybox-inner form.ema input.error {
  margin: 2px 0;
  font-size:13px;
}

.fancybox-inner form.ema .form-buttons {
}

.fancybox-inner form.ema input#update-add-form,
.fancybox-inner form.ema input#update-form {
  margin: 20px 0 10px 0;
  width: auto;
}

.fancybox-inner form.ema input#update-form {
  margin-left:15px;
}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
  position:relative;
}

* html .clearfix { height: 1%; }
.clearfix { display: block; }


/* Form Validation Errors*/
form.ema input.error,
form.ema textarea.error,
form.ema select.error {
  border:1px solid #990000;
  font-size:1.0em;
  font-style:normal;
}

form.ema label.error {
  display: block;
  font-weight: bold;
  text-align: left;
  float:none;
  width:375px;
}

form.ema label.error[for="age"] {
  display: block;
  float: right;
  margin: 10px 115px 15px 10px;
  text-align: right;
  width: 180px;
}

form.ema label.error[for="ReadRequirements"] {
  margin: 25px 0 0 29px;
  position: absolute;
}

/* Request For Evaluation - radio button required  */
#requestforevaluation input[type=radio] + label.error {
  position:absolute;
  top:-10px;
  left:0;
  margin: 0;
  padding: 0;
  width: 590px;
}

#requestforevaluation input[type=radio].error {
  border:none;
}

#requestforevaluation.ema select + label.error {
  margin:0 0 20px;
}

/* Request For Evaluation practical-exam-details */
#practical-exam-details label.error  {
  margin: 0 0 -20px 40px;
}

#practical-exam-details input.error + label.error + span.details {
  border: 1px solid #990000;
  padding: 30px 10px 15px 40px;
}

/* CME long select error format */
form#cmedata select + label.error,
form#cmedata2 select + label.error {
  margin-top:0;
  width:345px;
}

form#cmedata select[name=MF-course] + label.error {
  margin:2px 0;
}

form.ema input[type=checkbox].error {
  border: 1px solid #CCC;
  color: #333333;
  float: left;
  margin: 10px 0 40px 10px;
  padding: 0;
  width: 14px;
}

form.ema select + label.error {
  margin-top:10px;

}

form.ema textarea + label.error {
  margin-left:0;
}

form.ema input.date-pick {
  float:left;
  width:70px;
}

form.ema input.date-pick + label.error {
  float: right;
  margin: 10px 113px 15px 0;
  text-align: right;
  width: 160px;
}

form.ema a.dp-choose-date,
form.msp a.dp-choose-date {
  background:url("/exforms/js/components/calendar.png") no-repeat scroll 0 8px transparent;
  display:block;
  height:30px;
  width:16px;
  margin:0 3px 0;
  overflow:hidden;
  padding:0;
  text-indent:-2000px;
}

.js-enabled {
  background:#FF9999;
  padding:10px;
  border:1px solid #990000;
}

div#dp-popup {
  z-index:10000;
}

form.ema label.less-padding-lable {
  width: auto;
}

form.ema .inline_block {
  display: inline-block;
}

form .padding_top_bottom_10 {
  padding: 10px 0;
}

/* Application for EMA Licence - radio button required  */
#application-for-licence input[type=radio] + label.error {
  position:absolute;
  top:20px;
  left:0px;
  padding: 0;
  width: 590px;
}

/* Application for EMA Licence - radio button required  */
#application-for-licence input[type=radio] + label[for="held-previous-ema-licence"].error {
}

#application-for-licence input[type=radio].error {
  border:none;
  margin-bottom: 25px;
}

/* Application for EMA Licence - checkbox required  */
#application-for-licence input[type=checkbox] + label.error {
  position:relative;
  left: 0;
  margin: 0 0 10px 0;
}

#application-for-licence #acknowledgements-declarations input[type=checkbox] + label.error {
  position: initial;
  left: 0;
  margin: 0 0 10px 0;
}

#application-for-licence input[type=checkbox].error {
  border:none;
}

#application-for-licence input[type=file] + label.error {
  margin: 0;
  padding: 5px 0 0 10px;
}

#application-for-licence .buttons {
  padding-top: 5px;
}

#application-for-licence .buttons a {
  border: 1px solid #CCCCCC;
  color: #333333;
  padding: 5px;
  text-decoration: none;
  display: block;
  background-color: #EEEEEE;
  width: 40px;
  text-align: center;
  float: right;
  margin-left: 10px;
}

#application-for-licence .item {
  padding: 10px;
  border: 1px solid #CCCCCC;
  margin-bottom: 5px;
}

form#application-for-licence input[type=radio] {
  margin-top: 5px;
  padding-top: 5px;
}

/* Application for EMA Licence - Part D  */
label.part-d-label {
  float:none!important;
}

.form-field-container {
  margin-bottom: 2%;
}

/* ALR Serious Incident Report - radio button required  */
form#serious-incident-report input[type=radio] {
  margin-top: 7px;
  padding-top: 5px;
}

form#7107 input[type=radio] {
  margin-top: 5px;
  padding-top: 5px;
}

#serious-incident-report input[type=radio] + label.error {
  position:absolute;
  top:20px;
  left:0px;
  padding: 0;
  width: 590px;
}

#serious-incident-report input[type=radio].error {
  border:none;
  margin-bottom: 25px;
}

#serious-incident-report input[type=checkbox] + label.error {
  position:relative;
  left: 0;
  margin: 0 0 10px 0;
}

#serious-incident-report input[type=checkbox].error {
  border:none;
  margin: 9px 9px 15px 15px;
}

form#serious-incident-report input#IncidentType[type=checkbox] {
  clear: left;
}

form#serious-incident-report input#IncidentType[type=checkbox] + label {
  float:left;
  margin: 9px 0 7px 0;
}


form.ema select.year, form.ema select.month, form.ema select.day {
  float: left;
}

form.ema select.employer {
  margin: 2px 0 2px 10px;
}

form.ema select.day + label.error {
  margin-top: 10px;
  clear: both;
}

/*BIP Complaint form*/
#complaint-type input,
#location input,
#followup input {
  float: none;
}
#complaint-contact-info.disabled_field label,
#complaint-contact-info.disabled_field span {
  color: #ccc;
}

#billing-integrity-program .form-section div {
  margin-bottom: 10px;
}

form#billing-integrity-program label.error {
  display: block;
  font-weight: bold;
  text-align: left;
  float: none;
  width: 375px;
}

/* used for eService forms*/
.error {FONT: 0.75em Verdana, Arial, Helvetica, sans-serif; font-style:italic; COLOR: #990000}

.rounded {
  border: 1px solid #D9D9D9;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 6px 8px 20px;

}

/* warning box used for no javascript warning */
.warning-box {
  border: 2px solid #520000;
  background-color: #D16666;
  color: #520000;
  padding: 1em;
}
.warning-box h1,
.warning-box h2,
.warning-box h3 {
  color: #520000;
  font-weight:bold;
}

/*labels width scripts page*/
span.relatedTextLabel {
  display: inline-block;
  width: 150px;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons secion and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}