/* MikeO Styles */


h1 {
    font-size:18px;
    color:#015391;
    font-weight:bold;
    font-family:"Arial", Helvetica, sans-serif;
}

div#react-root {
    margin-left:auto;
    margin-right:auto;
    max-width:1200px;
}

div#csv-column-nav h1 {
    float:left;
    width:100%;
}

h1#intro-heading {
    float:left;
    width:100%;
}
div.field-area-row {
    float:left;
    margin-bottom:30px;
    border-top:1px dotted #d9d9d9;
    border-bottom:1px dotted #d9d9d9;
    padding-top:20px;
    padding-bottom:20px;
}

h1#fields-heading {
    float:left;
    width: 100%;
    margin-top:30px;
}

div#csv-column-nav ul li a {
    border:1px dotted #0088cc;
    padding:10px;
    display:block;
    width:33%;
    float:left;
    margin:10px;
    text-align: center;
}

div#csv-column-nav {
    width:100%;
    float:left;
    margin-bottom: 30px;
}

div#react-root input {
    border:1px solid #0088cc;
    height:22px;
    border-radius:0px;
    padding:4px;
}

div.new-label-section {
    width:100%;
    margin-bottom: 20px;
    float:left;
}

div.field-area-row input {
    width:60%;
    padding:10px;
}
div.clearing {
    clear:both;
}

button.save-button {
    background-color:#008800;
    margin-right:20px;
}
button.cancel-button {
    background-color:#B20000;
}

button.delete-button {
    background-color:#B20000;
}

button.edit-button {
    background-color:#FF7400;
    margin-right:20px;
}

button, .button, input[type="submit"] {
    background-color:#0096DB;
    color:#fff;
    border:0px;
    padding:7px;
    border-radius:3px;
    min-width:150px;
    cursor:pointer;
}

div#react-root label{
    width:100%;
    float:left;
    color:#015391;
    font-weight:bold;
    font-family:"Arial", Helvetica, sans-serif;
}


div.wrapper {
    margin-left:auto;
    margin-right:auto;
    max-width:1200px;
    min-width: 700px;
}

div.container {
    width:100%;
}


div#page-container {
    min-height:300px;
    margin-top:40px;
}

div#header-container {
    background-color:#015391;
    padding-top:20px;
    padding-bottom:20px;
    height:30px;
}

div#header-logo {
    float:left;
    width:20%;
}

div#header-nav {
    float:left;
    width:80%;
}

div#header-nav ul li {
    float:left;
    margin-right:25px;
}

div#header-nav ul li a{
    color:#fff;
    font-size:16px;
}

div#header-nav ul li a:hover{
    text-decoration:underline;
}

/* MikeO Styles END*/


h1 {
    font-size:18px;
    color:#015391;
    font-weight:bold;
    font-family:"Arial", Helvetica, sans-serif;
}

div#react-root input {
    border:1px solid #0088cc;
    height:22px;
    border-radius:0;
    padding:4px;
}


button, .button, input[type="submit"] {
    background-color:#0096DB;
    color:#fff;
    border:0;
    padding:7px;
    border-radius:3px;
    min-width:150px;
    cursor:pointer;
}

div#react-root label{
    width:100%;
    float:left;
    color:#015391;
    font-weight:bold;
    font-family:"Arial", Helvetica, sans-serif;
}

div.new-label-section span.psf-site {
    width:80%;
    padding:5px;
}


div.wrapper {
    margin-left:auto;
    margin-right:auto;
    max-width:1200px;
    width:80%;
}

div.container {
    width:100%;
}

div#footer-container {
    margin-top:60px;
    background-color:#ebebeb;
    padding-top:20px;
    padding-bottom:20px;
    width:100%;
    float:left;
}

div#page-container {
    min-height:300px;
    margin-top:40px;
}

div#header-container {
    background-color:#015391;
    padding-top:20px;
    padding-bottom:20px;
    height:30px;
}



nav#header-nav ul li {
    float:left;
    margin-right:25px;
}

nav#header-nav ul li a{
    color:#fff;
    font-size:16px;
}

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

header, footer {
    padding: 1em;
    color: white;
    background-color: #333333;
    clear: left;
    text-align: center;
}
header h1 {
    color: white;
}

nav {
    float: left;
    margin: 0;

}

nav ul {
    list-style-type: none;
    padding: 0;
}

nav ul a {
    text-decoration: none;
}

article {

}

ul li {
    list-style-type: none;
    padding: 0;
}

.column-left {
    float: left;
    width:20%;
}

.column-right {
    float: left;
    width:80%;
}

.psf-label {
    cursor: default;
    display: inline-block;
    padding-left:30px;
    padding-top:10px;
    padding-bottom:10px;
    margin-right:30px;
    border-radius: 3px;
    border-width: thin;
    border-color: #e6e6e6;
    border-style: solid;
    width:40%;
    margin-bottom:20px;

}

.psf-site {
    cursor: default;
    background-color:#f4f4f4;
    display: inline-block;
    padding: 3px;
    margin: 2px;
    border-radius: 3px;
    border-width: thin;
    border-color: #e6e6e6;
    border-style: solid;
}