﻿body {
    /*margin-top: 65px;*/
    counter-reset: nav;
}

/*condense left navigation*/
#sidenav .nav li > a {
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

/*padd the nav box itself*/
#sidenav ul.nav {
    padding: 10px 0px 20px 0px;
}

#sidenav {
    margin-top: 5px;
}

    /*fix navbar overflow*/
    #sidenav .navbar-collapse {
        max-height: none;
    }

/*Keep thumbnails to same height*/
.thumb-img > a > img {
    /*    min-height: 120px;
    height: 120px;*/
    max-height: 135px;
    max-width: 175px;
}

.thumb-desc, .thumb-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.thumb-desc {
    overflow: auto;
    border-left: 1px solid #d7d7e5;
    padding-left: 10px;
}

.thumb-folder {
    background-position: bottom 10px right 10px;
    background-repeat: no-repeat;
    background-image: url(images/i-folder-close.gif);
    box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.59);
    border-radius: 0 6px 6px 6px;
}

    .thumb-folder, .thumb-folder:before {
        background-color: #e9e9e9;
        border-color: #e9e9e9;
    }

        .thumb-folder img {
            box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59);
        }

        .thumb-folder:before {
            /*content: "\27A6"; ShortCut sign*/
            content: "\27A0";
            font-size: 1.5em;
            width: 50%;
            height: 14px;
            border-radius: 5px 20px 0 0;
            position: absolute;
            top: -12px;
            left: 15px;
            border-top: 1px #808080;
            color: gray;
            padding-left: 10px;
            padding-top: 0px;
            /*background-image: url(images/i-folder-close.gif);
    background-position:5px 1px;
    background-repeat: no-repeat;
    border-top: 1px black;*/
        }

.thumb-img > .caption, .thumb-mid > .caption, .thumb-small > .caption {
    /*hide overflow*/
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .thumb-img > .caption:before, .thumbnail > .caption:before {
        counter-increment: nav;
        content: counter(nav) ". ";
    }

.breadcrumb, .tag-name, .tag-value {
    /*overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;*/
}

.tag-name {
    font-size: smaller;
}

.thumbnail > .caption > input {
    width: 95% !important;
}

.tag-value {
    font-size: smaller;
}

/*-------------Page Title*/
#pagetop {
}

#pagelogo {
    border: 0 none;
    box-shadow: none;
    text-align: left;
}

#pagetitle {
    text-align: right;
    text-transform: uppercase;
}

    #pagetitle h1 {
        /*hide overflow*/
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: x-large;
        line-height: 30px;
        margin: 0px 15px 0px 10px;
    }
/*a .navcaption {
    font-variant-caps:small-caps;
    font:small-caps;
}*/
#sidenav div ul {
    clear: both;
}

.coverimage {
    max-width: 300px;
}

.coverlinks {
    list-style-type: none;
}

.coverlink {
    margin: 5px 0px 0px 2px;
    padding: 3px 10px 3px 10px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

#img-ctrl-left, #img-ctrl-right {
    /*Draw Circle behind tet*/
    display: block;
    height: 30px;
    width: 30px;
    line-height: 25px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px;
    text-align: center;
    /*Posotions*/
    z-index: 100;
    position: absolute;
    top: 120px;
}

#img-ctrl-left {
    left: 5px;
}

#img-ctrl-right {
    right: 5px;
}

.img-ctrl-act, .img-ctrl {
    font-size: 2em;
    color: #ffffff;
}

.img-ctrl-act {
    background-color: #428bca;
}

.img-ctrl {
    background-color: #d7d7e5;
    color: #e9e9e9;
}

.nav-ctrl, .nav-ctrl-act {
    font: bolder;
    font-size: large;
}

#img-main {
}

.giantTextarea {
    width: 100%;
    height: 700px !important;
    overflow: visible !important;
}

.textupdated {
    background-color: #fcf7bd;
}

.texterror {
    background-color: #ff3a3a;
}

.btn-leftjustify {
    text-align: left;
    padding-left: 20px;
}

.rating-star1, .rating-star2, .rating-star3, .rating-star4, .rating-star5 {
    color: #428bca;
    font-size: .6em;
    margin: 0px 0px 0px 35%;
    padding: 0px;
}

    .rating-star1:before {
        content: "\2605\2606\2606\2606\2606";
    }

    .rating-star2:before {
        content: "\2605\2605\2606\2606\2606";
    }

    .rating-star3:before {
        content: "\2605\2605\2605\2606\2606";
    }

    .rating-star4:before {
        content: "\2605\2605\2605\2605\2606";
    }

    .rating-star5:before {
        content: "\2605\2605\2605\2605\2605";
    }

.footnote, .footnote-mini {
    font-size: smaller;
    /*color: #bfbfbf;*/
}


.footnote-mini {
    font-size: xx-small;
    white-space: nowrap;
    margin: 0 10px 0 10px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}


/*Markup thumbnails assistant*/
.thumb-small {
    height: 120px;
}

.thumb-mid {
    height: 180px;
}

.thumb-small > a > img {
    max-height: 70px;
    max-width: 100px;
}

.thumb-mid > a > img {
    max-height: 80px;
    max-width: 120px;
}


.imgnote {
    font-size: smaller;
    text-align: center;
}

/* Notes and Comments */
.note-tbl {
    /*border: gray 1px solid;*/
    /*background-color: whitesmoke;
    color:black;*/
}

    .note-tbl a:link, .note-tbl a:active {
        /*color:#428bca;*/
        text-decoration: none;
    }

    .note-tbl a:visited {
        /*color:#339cf7;*/
        text-decoration: none;
    }

    .note-tbl tbody tr td {
        text-transform: capitalize;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    /*.note-tbl > tbody > tr > td > a:link {
       white-space: nowrap;
    }*/

    .note-tbl td {
        padding: 3px;
        /*border-top: gray 1px solid;
        border-right: gray 1px solid;*/
        vertical-align: top;
        text-align: left;
    }

    .note-tbl th {
        /*background-color: gainsboro;*/
        /*border-top: gray 1px solid;
        border-right: gray 1px solid;*/
        text-transform: uppercase;
        text-align: left;
        font-variant: small-caps;
    }

.note-date, .note-week {
    /*background-color: #ffffee;*/
    white-space: nowrap;
}

.note-date-end, .note-week-end {
    background-color: yellow;
    color: black;
    font-weight: bolder;
    font-style: italic;
}

.note-itn {
    /*background-color: #f1e8e0;*/
    /*background-color: #e9e9e9;*/
    font-weight: bold;
    text-transform: capitalize;
    font-variant: small-caps;
}

.note-morn {
    /*background-color: #EfEfEf;*/
    font-size: smaller;
}

.note-aft {
    /*background-color: #DDDDDD;*/
    font-size: smaller;
}

.note-night {
    /*background-color: #333333;
    color: white;*/
    font-size: smaller;
}

.note-comment {
    font-size: smaller;
    font-weight: normal;
    text-transform: none;
    font-variant: normal;
}

/**Title dress icons**/
.dress-font {
    /*position: relative;
    top: 1px;*/
    /*display: inline-block;*/
    font-family: 'Glyphicons Halflings';
    /*font-style: normal;
    font-weight: normal;*/
    /*line-height: 1;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*box-sizing: border-box;*/
}

.dress-view:before, .dress-fav:before {
    content: "\2764";
}

.dress-tips:before, .dress-inf:before {
    content: "\e086";
}

.dress-transport:before {
    content: "\2708";
}

.dress-food:before {
    content: "\e179";
}

.dress-hotel:before {
    content: "\e021";
}

.dress-shop:before {
    content: "\e116";
}

/** content helper **/
.newsbox {
    border-style: inset;
    border-width: thin;
    height: 300px;
    overflow: scroll;
}

.img-circle {
    width: 75px !important;
    height: 75px !important;
}

.tinythumb {
    height: 50px !important;
    width: 50px !important;
    margin-right: 10px;
}
.microthumb,.microthumb-act {
    height: 30px !important;
    width: 30px !important;
    margin-bottom:2px;
    border:  thin  inset;  
}
.microthumb-act {
    border:  medium  ridge;    
}
.makespace {
    margin-bottom: 10px;
}

.navnarrow {
    min-height: 10px !important;
}

a.grayout:link,
a.grayout:active,
a.grayout:visited,
a.grayout:hover {
    color: #808080;
    /*font-style: oblique;*/
    pointer-events: none;
    cursor: default;
}

/*Update command classes*/
.cmd-updcap {
}
.cmd-upddesc {
}
