/* 
**  Sue Aman - promed styles
*/

/* HEADERS
-------------------------------------------------------------- */

h1 {
    color: #069;
}

h2 {
    color: #666;
}

h3 {
    color: #069;
}

/* IMAGES
-------------------------------------------------------------- */

img.f {
    border: none;
    width: 20px;
    padding-right: .2em;
}

img.i {
    border-left: 1px solid #999;
    border-right: none;
    border-top: none;
    border-bottom: none;
    padding: 0 .2em 0 1em;
}

/* FORMS
-------------------------------------------------------------- */
select
    {
    border: thin solid #a9a9a9;
    }


/* TABLES
---------------------------------- */

table
    {
/*    font-size: 95%; */
    border-collapse: collapse;
    width: 100%;
    }

table tr td.icons
    {
    width: 40%;
    text-align: right;
    }

table#commentform
    {
    width: 750px;
    }

/* PARAGRAPH
---------------------------------- */

div.indent
    {
    margin-left: 1em;
    }

.right
    { 
    text-align: right;
    float: right;
    }

.black
    {
    color: #000;
    }

.red
    {
    color: #c00;
    }

.hide
    {
    display: none;
    }

/*
.sm
    {
    font-size: 90%;
    }

.smdown
    {
    font-size: 100%;
    }
*/

.floating_block
    {
    background-color: white;
    padding: 10px;
    position: absolute; top: 150px; left: 300px;
    border: 1px solid #333;
    z-index: 2;
    height: 150px;
    width: 200px;
    overflow: auto;
    }

.floating_block_med
    {
    background-color: white;
    padding: 10px;
    position: absolute; top: 150px; left: 100px;
    border: 1px solid #333;
    z-index: 2;
    height: 300px;
    width: 500px;
    overflow: auto;
    }

.floating_block_lg
    {
    background-color: white;
    padding: 10px;
    position: absolute; top: 150px; left: 50px;
    border: 1px solid #333;
    z-index: 2;
    height: 800px;
    width: 800px;
    overflow: auto;
    }

/* FORM FIELDS */
input[type="text"]
    {
    padding: 2px;
    width: 400px;
    }
input.short
    {
    width: 200px;
    }
input.long
    {
    width: 900px;
    }

textarea
    {
    padding: 2px;
    width: 800px;
    height: 150px;
    }

textarea.big
    {
    padding: 2px;
    width: 900px;
    height: 350px;
    }

/* BOXES 
-------------------------------------------------------------- */
#box {
    font-size: 95%;
}

/* LISTS
-------------------------------------------------------------- */

ul {
    list-style: bullet;
/*    margin-left: 1em; */
}

ul.nb, ul li ul {
    list-style: none;
    margin-left: -1em;
}

ul li, ul.nb li {
    padding: .3em;
}

ul li.ia, ul li.ia a:link, ul li.ia a:visited {
    color: #fff;
}

ul li.outline {
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 1em;
}

ul li ul li {
    margin: 0;
    font-size: 95%;
    background-color: #fafafa;
}
ul.block li:nth-child(even) {
    background: #ebf3f7;
}

/* FONT AWESOME
-------------------------------------------------------------- */

.fa, .far {
    color: black;
    padding: 5px;
}
.fa-info {
    color: blue;
}
.fa-plus {
    color: green;
}
.fa-spinner {
    color: red;
}
.fa-check.yellow {
    color: yellow;
}
.fa-check.red {
    color: red;
}
.fa-check.green {
    color: green;
}

/* floating map */
#HM-map_prplace
{
    width: 900px;
}

/* location map */

#location-map {
    height: 400px;
    width: 500px;
    margin-bottom: 50px;
    padding: 0;
}


/* autocomplete */
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

/* drop down button styling added 2017-04-25 Drew Tenenholz*/
.dropdown {
    float: left;
    overflow: visible;
	padding-top:14px;
	padding-bottom:15px;

}

.dropdown .dropbtn {
    border: none;
    outline: none;
    color: #777777;
    padding: 5px 10px;
    background-color: inherit;
}

.dropdown:hover .dropbtn {
    color: #000000;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f5f5f5;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: #777777;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #DDD;
	color: #000;
}

.dropdown:hover .dropdown-content {
    display: block;
}


.copy_container span.action, .mod_container span.action, .amr_container span.action {
    display: inline-block;
    vertical-align: top;
}

.modresources_container {
	display: block;
	margin-bottom: 15px;
}

.copy_container, .mod_container, .amr_container {
    display: inline-block;
    margin: 0 30px 0 0;
}