/* The basis for a site where all side margins are controlled by browser width and
   all vertical spacing is controlled by font size.
   http://leftjustified.net/journal/2004/10/19/global-ws-reset/     */
* {
	padding:0;
	margin:auto;
    max-width: 900px;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
* {
/* Ensure padding and border are included in total width/height of elements. */
    box-sizing: border-box;
}
/* If columns inside a row are floating left, they are taken out of the flow of the page, 
    and other elements will be placed as if the columns does not exist. To prevent this, 
    add a style that clears the flow. */
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    width: 100%;
    padding: 15px;
    /*border: 1px solid red;*/
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {
        width: 8.33%;
    }
    .col-2 {
        width: 16.66%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.33%;
    }
    .col-5 {
        width: 41.66%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.33%;
    }
    .col-8 {
        width: 66.66%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.33%;
    }
    .col-11 {
        width: 91.66%;
    }
    .col-12 {
        width: 100%;
    }
}
#pseudobutton {
    cursor: pointer;
    font-size: 9.75pt;  /* maximum size in WebKit to get native look buttons without using zoom */
    font-family: Arial;
    font-weight: bold;
    margin: 2px;
    padding: 3px 6px 3px;
    border-width: 2px;
    border-style: solid;
    border-color: #20206d;
    border-radius: 4px;
    background-color: #20206d;
    text-align: center;
    text-decoration: none;
    color: white;
}
#actualbutton {
    cursor: pointer;
    font-size: 12pt;  /* maximum size in WebKit to get native look buttons without using zoom */
    font-family: Arial;
    font-weight: bold;
    margin: 2px;
    padding: 3px 6px 3px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    border-color: #20206d;
    background-color: #20206d;
    text-align: center;
    text-decoration: none;
    color: white;
    width: 105px;
    height: 30px;
}
#upload_file {
    cursor: pointer;
    font-size: 9.75pt;  /* maximum size in WebKit to get native look buttons without using zoom */
    font-family: Arial;
    font-weight: bold;
    margin: 2px;
    padding: 3px 6px 3px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    border-color: #2166b0;
    background-color: #2166b0;
    text-align: center;
    text-decoration: none;
    color: white;
}
/* Keyframes that give the start state and end state of the object. */
/* If used internally, double at signs keep Razor from evaluating the at sign and throwing an error. */
@-webkit-keyframes fadeIn {0% {opacity:0;} 45% {opacity:1;} 50% {opacity:0;} }
@-moz-keyframes fadeIn {0% {opacity:0;} 45% {opacity:1;} 50% {opacity:0;} }
@keyframes fadeIn {0% {opacity:0;} 45% {opacity:1;} 50% {opacity:0;} }
.fade-in {
    opacity:0; /* Make things (in)visible upon start. */
    /* Call our keyframe named fadeIn, use animation ease-in, and repeat infinetely. */    
    -webkit-animation:fadeIn;
    -moz-animation:fadeIn;
    animation:fadeIn;
    /* Animation duration. */
    -webkit-animation-duration:20s;
    -moz-animation-duration:20s;
    animation-duration:20s;
    /* Timing function. */
    -webkit-animation-timing-function:ease;
    -moz-animation-timing-function:ease;
    animation-timing-function:ease;
        /* Loop. */
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    /* Make sure after animation is done we remain at last keyframe value (opacity: 1). */
    -webkit-animation-fill-mode: initial;
    -moz-animation-fill-mode:none;
    -ms-animation-fill-mode:none;
}
.fade-in.one {
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    animation-delay: -1s;
}
.fade-in.two {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    animation-delay: 10s;
}
.byline {text-align: center; font-family: times new roman; font-weight: bold; 
    font-style: italic
}