body {
    background-color:#fafafa;
}

.page-title
{
    margin:0px;
}

a {
    cursor:pointer;
}

span.status-Inactive{
    background-color:silver !important;
}

span.status-Active {
    background-color: mediumseagreen !important;
}

.caption
{
    color:gray;
    font-size:90%;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow-x:hidden;
}

.existing-attachment-block
{
    display:inline-block;
    width:250px;
    text-align:center;
    height:300px;
    padding:10px;
    border:1px solid #eee;
    vertical-align:top;
    margin:4px;
}

.card {
    border: 1px solid silver;
    height: 300px;
    width:200px;
    overflow: hidden;
    text-align: center;
    box-shadow: 2px 2px 6px #bbb;
    display: inline-block;
    margin: 5px;
    margin-left: 0px;
    text-decoration: none;
    vertical-align: top;
    color:gray;
    font-size:small;
}

.card img
{
    margin:10px;
    max-width:90%;
}

.card h3
{
    margin:10px;
}

.tags
{
    margin-bottom:10px;
}


.tag
{
    text-decoration:none;
    font-size:90%;
    margin-right:5px;
    color:gray;
    border:2px solid gray;
    background:white;
    padding:5px;
    border-radius:6px;
    box-shadow: 2px 2px 6px #bbb;
}

.inline-tag
{
    text-decoration:none;
    color:white;
    font-size:90%;
    background:gray;
    padding:5px;
    border-radius:10px;
}

.strip {
    border: 1px solid silver;
    height: 90px;
    overflow: hidden;
    text-align: left;
    box-shadow: 2px 2px 6px #bbb;
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
    vertical-align: top;
    color:gray;
    font-size:small;
    padding:0px;
}

.strip img
{
    max-width:100px;
    max-height:90px;
}

.strip table tr td
{
    padding:0px;
}

.strip h3
{
    text-overflow:ellipsis;
}

.strip p
{
    text-overflow:ellipsis;
}

.strip .buttons
{
    text-align:right;
}

.navtiles a
{
    padding:10px;
    font-size:large;
    width:100px;
    height:100px;
    overflow:hidden;
    display:inline-block;
    border:1px solid silver;
    text-align: center;
    box-shadow: 2px 2px 6px #bbb;
    margin: 5px;
    margin-left: 0px;
    border-radius:2px;
    vertical-align:middle;
}


.tile {
    border: 1px solid silver;
    overflow: hidden;
    text-align: center;
    box-shadow: 2px 2px 6px #bbb;
    display: inline-block;
    margin: 5px;
    margin-left: 0px;
    text-decoration: none;
    vertical-align: top;
    color:gray;
    font-size:small;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    border-radius:2px;
}

.tile-text
{
    background-color:white;
    opacity:0.8;
    bottom:0px;
    position:absolute;
    width:100%;
}

.tile-name
{
    font-weight:bold;
    font-size:large;
}

.tile-subname
{

}

.tile-kind
{
    text-align:center;
    background-color:rgba(255,255,255,0.5);
    display:inline-block;
    box-shadow:0px 0px 10px rgba(255,255,255,0.9);
    border-radius:6px;
    margin:5px;
    color:#333;
}

.x-button
{
    position:absolute;
    top:-5px;
    right:-5px;
    z-index:1;
}

.map
{
    width:100%;
    height:400px;
    box-shadow: 2px 2px 6px #bbb;
    border-radius:2px;
}

.photo
{
    max-width:100%;
    box-shadow: 2px 2px 6px #bbb;
    margin:5px;
    margin-bottom:10px;
}

.non-photo
{
    margin:5px;
    margin-bottom:10px;
}

.deleted-True
{
    text-decoration:line-through;
}

.nonefound
{
    color:#ddd;
    text-align:center;
}

.error
{
    color:red;
    font-weight:normal;
}

table.calendar
{
    width:100%;
    box-shadow:2px 2px 6px #bbb;
}

table.calendar td
{
    border:1px solid silver;
}

table.calendar thead td{
    text-align:center;
    font-weight:bold;
    padding:5px;
}

table.calendar tbody td
{
    width:14%;
    padding:5px;
    padding-right:10px;
    padding-bottom:10px;
    height:100px;
    vertical-align:top;
}

table.calendar .day-number
{
    color:Gray;
}

table.calendar .day-content
{
    margin:5px;
}

.btn-group
{
    margin-bottom:10px;
}

/*typeahead styles*/
.tt-dataset{
    padding:10px;
    background-color:white;
}

.tt-menu {
    padding: 10px;
    background-color: white;
    border:1px solid silver;
    border-radius:4px;
    box-shadow:2px 2px 10px #bbb;
    max-height:200px;
    overflow-y:auto;
}

.tt-suggestion
{
    padding:5px;
}

.tt-cursor {
    color:White;
    background-color:silver;
    border-radius:4px;
}

/*causes the typeahead-enabled text box to be normal width*/
.twitter-typeahead {
    width:100%;
}

.checklist-item
{
    border:1px solid #eee;
    margin-bottom:20px;
    padding:20px;
    border-radius:2px;
    box-shadow: 2px 2px 6px #bbb;
    font-size:120%;
}

input.todo-field, select.todo-field
{
    border:1px solid silver;
    border-radius:2px;
    box-shadow: 0px 0px 6px #bbb;
    height:2em;
}

.flash {
    display: none;
    position: absolute;
    top:10px;
    right: 10px;
    z-index:3000;
}

textarea.accept-tabs {
}

form.validate {

}

form.catchchanges {
}

.related-block
{
    margin-top:40px;
}
.related-block h3
{
    color:#ccc;
    text-transform:uppercase;
    font-size:14pt;
    margin-bottom:5px;
}
.related-block table
{
    margin-left:6px;
}

/*surveys*/

.survey {

}

.survey-page {
    margin:5px;
    border:1px solid #eee;
    border-radius:4px;
    margin-bottom:20px;
    box-shadow: 2px 2px 6px #bbb;
}

.survey-page .page-title{
    color:#555;
    background-color:#eee;
    padding:10px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

.survey-page .page-description{
    margin:5px;
}

.survey-page .page-items {
    padding:10px;
}

.survey-name
{
    color:silver;
    text-transform:uppercase;
}

/*timeline cards*/

.timeline-card
{
    background-color:white;
    padding:10px;
    border: 1px solid #ddd;
    border-radius:2px;
    box-shadow: 2px 2px 6px #bbb;
    margin-bottom:10px;
}

.timeline-card-header
{
    font-weight:bold;
    font-size:x-large;
    margin-bottom:10px;
}

.timeline-card-actions
{
    border-top:1px solid #ddd;
    margin-top:10px;
}

.timeline-card-author
{
    xmargin-bottom:10px;
    margin-top:10px;
    color:gray;
    font-size:80%;
    text-align:right;
    font-style:italic;
}

.timeline-card-person 
{
    font-weight:bold;
    font-size:120%;
    color:gray;
}

.timeline-card-date
{
    color:gray;
    font-size:80%;
}

div.timeline-card-links-preview
{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.timeline-card-links
{
    margin-bottom:20px;
    margin-top:10px;
    xline-height:36px;
}

.post-link
{
    margin-right:10px;
    white-space:nowrap;
    cursor:pointer;
}

.timeline-card-links .label
{
    margin-right:5px;
    font-size:14pt;
}

.timeline-card-url
{
    margin-bottom:30px;
    margin-top:30px;
}

/*posts stuff*/
div.timeline-image-holder
{
    max-width:200px;
    margin-right:10px;
    margin-bottom:10px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
}

.timeline-image-holder img
{
    max-width:100%;
}

.timeline-image-holder h1
{
    font-size:40pt;
}

div.timeline-video-holder {
    max-width: 400px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}



/*updates to bootstrap*/


.alert-info
{
    background-color:#1999CE;
    color:white;
    border:0px;
    box-shadow:2px 2px 6px #bbb;
}

.alert-warning
{
    background-color:orange;
    color:white;
    border:0px;
    box-shadow:2px 2px 6px #bbb;
}

.alert-danger
{
    background-color:#FF5240;
    color:white;
    border:0px;
    box-shadow:2px 2px 6px #bbb;
}

.alert-success
{
    background-color:#4CAF50;
    color:white;
    border:0px;
    box-shadow:2px 2px 6px #bbb;
}

.timeline-card-body a.inline-tag
{
    white-space:nowrap;
    text-wrap:none;
}

.timeline-card-urls a
{
    max-width:100%;
    xoverflow:hidden;
    xtext-overflow:ellipsis;
    xdisplay:inline-block;
    xwhite-space:nowrap;
    xtext-wrap:none;
}