/**
 * This file contains a modified version of the International Institute's Foundation.css.
 * This version has been stripped of any styles that are not related to the row-column layout and form inputs.
 * An example of a removed style would be the "error" class, which is handled by the "errorcss" and "errors".
**/

a, img {
    border:none;
}

table{float:none;}

*,
*:before,
*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

a:focus { outline: none; }

img,
object,
embed { max-width: 100%; height: auto; }

object,
embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

.left { float: left !important; z-index:999!important;}

.right { float: right !important; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.hide { display: none; }

.antialiased { -webkit-font-smoothing: antialiased; }

img { display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: auto; }

/* Grid HTML Classes */

/* HACK for overriding strange Foundation.css <form> styles */
#formBody .row { width: 100%; margin: 0 auto; max-width: 65em; padding: 0; }
    .row:before, .row:after { content: " "; display: table; }
    .row:after { clear: both; }
    .row.collapse .column,
    .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; }
    .row .row { width: auto; margin: 0 -0.9375em; max-width: none; }
        .row .row:before, .row .row:after { content: " "; display: table; }
        .row .row:after { clear: both; }
        .row .row.collapse { width: auto; margin: 0; max-width: none; }
            .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
            .row .row.collapse:after { clear: both; }

.column,
.columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    width: 100%;
    float: left;
    top: 0;
    left: 0;
}

@media only screen {
    .column,
    .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }

    .small-1 { position: relative; width: 8.33333%; }

    .small-2 { position: relative; width: 16.66667%; }

    .small-3 { position: relative; width: 25%; }

    .small-4 { position: relative; width: 33.33333%; }

    .small-5 { position: relative; width: 41.66667%; }

    .small-6 { position: relative; width: 50%; }

    .small-7 { position: relative; width: 58.33333%; }

    .small-8 { position: relative; width: 66.66667%; }

    .small-9 { position: relative; width: 75%; }

    .small-10 { position: relative; width: 83.33333%; }

    .small-11 { position: relative; width: 91.66667%; }

    .small-12 { position: relative; width: 100%; }

    .small-offset-1 { position: relative; margin-left: 8.33333%; }

    .small-offset-2 { position: relative; margin-left: 16.66667%; }

    .small-offset-3 { position: relative; margin-left: 25%; }

    .small-offset-4 { position: relative; margin-left: 33.33333%; }

    .small-offset-5 { position: relative; margin-left: 41.66667%; }

    .small-offset-6 { position: relative; margin-left: 50%; }

    .small-offset-7 { position: relative; margin-left: 58.33333%; }

    .small-offset-8 { position: relative; margin-left: 66.66667%; }

    .small-offset-9 { position: relative; margin-left: 75%; }

    .small-offset-10 { position: relative; margin-left: 83.33333%; }

    [class*="column"] + [class*="column"]:last-child { float: right; }

    [class*="column"] + [class*="column"].end { float: left; }

    .column.small-centered,
    .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
}
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 48em) and (orientation: landscape) {
    .large-1 { position: relative; width: 8.33333%; }

    .large-2 { position: relative; width: 16.66667%; }

    .large-3 { position: relative; width: 25%; }

    .large-4 { position: relative; width: 33.33333%; }

    .large-5 { position: relative; width: 41.66667%; }

    .large-6 { position: relative; width: 50%; }

    .large-7 { position: relative; width: 58.33333%; }

    .large-8 { position: relative; width: 66.66667%; }

    .large-9 { position: relative; width: 75%; }

    .large-10 { position: relative; width: 83.33333%; }

    .large-11 { position: relative; width: 91.66667%; }

    .large-12 { position: relative; width: 100%; }

    .row .large-offset-1 { position: relative; margin-left: 8.33333%; }

    .row .large-offset-2 { position: relative; margin-left: 16.66667%; }

    .row .large-offset-3 { position: relative; margin-left: 25%; }

    .row .large-offset-4,
    .application-label-offset-vertical,
    .application-control-offset-vertical { position: relative; margin-left: 33.33333%; }

    .row .large-offset-5 { position: relative; margin-left: 41.66667%; }

    .row .large-offset-6 { position: relative; margin-left: 50%; }

    .row .large-offset-7 { position: relative; margin-left: 58.33333%; }

    .row .large-offset-8 { position: relative; margin-left: 66.66667%; }

    .row .large-offset-9 { position: relative; margin-left: 75%; }

    .row .large-offset-10 { position: relative; margin-left: 83.33333%; }

    .row .large-offset-11 { position: relative; margin-left: 91.66667%; }

    .column.large-centered,
    .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }

    .column.large-uncentered,
    .columns.large-uncentered { margin-left: 0; margin-right: 0; float: none; }
}

hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; }

/* Lists */
ul,
ol,
dl { font-size: 1em; line-height: 1.6; list-style-position: inside; font-family: inherit; }

    /* Unordered Lists */
    ul li ul,
    ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ }
    ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
    ul.square { list-style-type: square; }
    ul.circle { list-style-type: circle; }
    ul.disc { list-style-type: disc; }
    ul.no-bullet { list-style: none; }

    /* Ordered Lists */
    ol li ul,
    ol li ol { margin-left: 1.25em; margin-bottom: 0; }

button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding: .75em 1.5em .8125em 1.5em; font-size: 1em; background-color: #2ba6cb; border-color: #2284a1; color: white; }
    button:hover, button:focus, .button:hover, .button:focus { background-color: #2284a1; }
    button:hover, button:focus, .button:hover, .button:focus { color: white; }
    button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; }
        button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; }
        button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; }
    button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; }
        button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; }
        button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; }
    button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; }
        button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; }
        button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; }
    button.large, .button.large { padding: 1em 2em 1.0625em 2em; font-size: 1.25em; }
    button.small, .button.small { padding: .5625em 1.125em .625em 1.125em; font-size: 0.8125em; }
    button.tiny, .button.tiny { padding: .4375em .875em .5em .875em; font-size: 0.6875em; }
    button.expand, .button.expand { padding-right: 0; padding-left: 0; width: 100%; }
    button.left-align, .button.left-align { text-align: left; text-indent: 0.75em; }
    button.right-align, .button.right-align { text-align: right; padding-right: 0.75em; }
    
button, .button { padding-top: 0.8125em; padding-bottom: 0.75em; }
    button.tiny, .button.tiny { padding-top: 0.5em; padding-bottom: 0.4375em; }
    button.small, .button.small { padding-top: 0.625em; padding-bottom: 0.5625em; }
    button.large, .button.large { padding-top: 1.03125em; padding-bottom: 1.03125em; }

@media only screen {
    button, .button { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; }
        button:active, .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
        button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; }
        button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; }
}

@media only screen and (min-width: 48em) {
    button, .button { display: inline-block; }
}

/* Label Styles */
label { color: #4d4d4d; cursor: pointer; font-weight: 500; margin:0 5px 0.1875em 0; }
    label.right { float: none; text-align: right; }

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: white;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    padding: 0.44444rem;
    height: 2.05556rem;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    -webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"][disabled],
  input[type="password"][disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="month"][disabled],
  input[type="week"][disabled],
  input[type="email"][disabled],
  input[type="number"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  textarea[disabled] {
    background-color: #dddddd; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    /* margin: 0 1em 1em 0; */
    margin: 0 1em .2em 0
}

/* We add basic fieldset styling */
fieldset { border: solid 1px #dddddd; padding: 1.25em; margin: 1.125em 0; }
    fieldset legend { font-weight: bold; background: white; padding: 0 0.1875em; margin: 0; margin-left: -0.1875em; }

.fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; }

/* Foundation Switches */
@media only screen {
    @-webkit-keyframes webkitSiblingBugfix {
        from { position: relative; }

        to { position: relative; }
    }
}