body {
    /*font-family: Arial,Helvetica,sans-serif;*/

    font-family: Tahoma, Arial, Helvetica;

    font-size: 0.9em;
    font-weight: normal;

    background-color: white;
    padding: 0px;
    margin: 0px;
}

table {
    border-collapse: collapse;
    font-size: 0.9em;
}

table.info {
    border: none;
    max-width: 720px;
    width: 100%;
}

table.searchResult * .flt0,
table.searchResult * .flt{
    padding: 5px;
}

table.selection{
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

a:visited { color: #00e; text-decoration: underline; }
a:link { color: #00e; text-decoration: underline; }
a:active { color: #00e; text-decoration: underline; }
a:hover { color: #f77; text-decoration: underline; }


.w33 {
    width: 33%;
}

.v_ttl {
    font-weight: bold;
}

.modaldialog {
    background-color: lightgray;
    /*visibility: hidden;*/

}

div.left {
    float: left;

}
div.right {
    float: right;
}

.bor1 {
    border-width: 1px;
    padding: 3px;
    border-color: lightgray;

}

.bt1 {
    padding: 5px 15px 5px 15px;
    border-width: 1px;
    border-color: gray;
    border-bottom-style: solid;
}

.filter {
    border-bottom: 1px solid #f5f5f5;
}


.filterTop {
    padding: 10px;
    background-color: #fafafa;
    border-bottom: 1px solid #f0f0f0;
}

.sumRow td {
    background-color: #f0f0f0;
    border-bottom: 2px solid gray;
}

.fT, .fTtl {
    text-align: right;
    color: #888;
    padding: 5px 10px 5px 20px;
    min-width: 100px;

}

.fV {
    padding: 5px 10px 5px 5px;
    text-align: left;
    min-width: 200px;
}
.fE {
    padding: 5px 10px 5px 5px;
    text-align: left;
    min-width: 200px;
}
.fH {
    font-weight: bold;
    color: #555;
    background-color: #fafafa;
    text-align: left;
    padding-left: 20px;
}
.fEr {
    padding: 5px 10px 5px 5px;
    text-align: left;
    min-width: 100px;
}

.fS {
    height: 30px;
}
.req {
    font-weight: bold;
}

.fB {
    padding: 20px 5px 20px 5px;
}

.status0 {
    background-color: #fdffd4;
}
.status1 {
    background-color: transparent;
}
.status2 {
    background-color: #fefefe;
    color: gray;
}

#topauth {
    color: gray;
    padding: 5px 10px 10px 10px;
    border-bottom: 1px solid #333;

}
table.searchResult {
    width: 100%;
}

table.searchResult {
    margin-top: 10px;
    margin-bottom: 20px;
    border-top: 2px solid gray;
    border-bottom: 2px solid gray;
}

table.searchResult * th{
    padding: 5px 20px 5px 20px;
    font-weight: bold;
    color: maroon;
    border-bottom: 1px solid #888;
}

table.searchResult * .btn{
    padding: 5px 20px 5px 20px;
    background-color: #f5f5f5;
}

.h1 {
    background-color: #f5f5f5;
}

tr.h1 th {
    color: #555;
    font-weight: normal;
}

.l {
    text-align: left;
    padding: 3px 10px 3px 10px;
}
.c {
    text-align: center;
    padding: 3px 10px 3px 10px;
}
.r {
    text-align: right;
    padding: 3px 10px 3px 10px;
}
.b {
    font-weight: bold;
}
.nb {
    font-weight: normal;
}
.nsp, .nbr {
    white-space: nowrap;
}

.bdrB {
    border-bottom: 1px solid gray;
}
.sml {
    font-size: 80%;
}


.selected {
    background-color: #f2f0e1;
}

tr.ns * .selected,
tr.h * .selected,
tr.h1 * .selected
{
    background-color: transparent;
}

.fltInfo {
    color: gray;
    font-size: 0.8em;
}
.w100p {
    width: 100%;
    background-color: #fdffd4;
}

.inf {
    color: gray;
    font-weight: normal;
}

.noVsbl {
    color: green;
    background-color: lightblue;
}

.nodisplay {
    display: none;
}

table.filter, .filter * td {
    border: none;

}

tr.filter th.flt, tr.filter tc.flt{
    background-color: #fcfcfc;
    border-bottom: 2px solid gray;
}

.sbV {
   overflow-y: scroll;
   overflow-x: hidden;
}

.thumbs {
   border: 1px solid gray;
   padding: 0px;
   height: 70px;
   overflow-x: scroll;
   overflow-y: hidden;
}

.photoslink {
    background-image: url('/i/photos.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px;
    height: 22px;
    border: 1px solid gray;
}

.thumbs img{
    background-color: gray;
    width: 50px;
    height: 50px;
    margin: 3px;
}

            .popup-fade {
	            display: none;
            }
            .popup-fade:before {
	            content: '';
	            background: #b6ff00;
	            position: fixed; 
	            left: 0;
	            top: 0;
	            width: 100%; 
	            height: 100%;
	            opacity: 0.5;
	            z-index: 500;
            }
            .popup {
                position: fixed;
	            margin: auto;
	            padding: 5px;
	            min-width: 600px;
                min-height: 700px;
	            background: transparent;
	            border: none;
	            /*border-radius: 3px;*/ 
	            z-index: 505;
	            opacity: 1;
            }
            .popup-close {
                cursor: pointer;
            }

#partphotos {
    background-color: #eee;
    padding: 10px;

            }

#partphotos .pics {
    padding: 5px;
    border-bottom: 1px solid gray;
    background-repeat: no-repeat;
    background-position: left center;
            }

#partphotos * img{
    width: 130px;
    height: 130px;
    background-repeat: no-repeat;
    background-position: center;
}

#partphotos * textarea{
    border: 1px solid black;
    width: 400px;
    height: 130px;
}

.frst {
    font-weight: bold;
}

.nfrst {
    color: #333;
    font-size: 0.8em;
}

.errorBg {
    background-color: #f6b9b9;
}

.pInfo {
    float: left;
    width: 500px;
    height: 750px;
    margin: 10px;
    background-color: #eee;

}

.tcImg {
    background-repeat: no-repeat;
    background-position: top center;
    vertical-align: bottom;
    text-align: center;
    height: 120px;
    width: 100px;
}

.pId {
    color: maroon;
    font-weight: bold;
    padding: 2px;
}
.pInfo .pImg {
    height: 390px;
    width: 500px;
    vertical-align: central;
    text-align: center;
}
.pInfo .pImg img {
    vertical-align: central;
    text-align: center;
}
.pInfo .pImgs {
    /*display: none;*/
    vertical-align: top;
    margin-top: 2px;
    width: 100%;
    height: 100px;
    overflow-y: hidden;
    overflow-x: scroll;
    scrollbar-base-color: #eee;
}

.pInfo .pImgs .imgs img {
    margin: 0px 2px 0px 0px;
}
.pInfo .pTtl {
    color: maroon;
    padding: 2px;
}
.pInfo .pPrc {
    color: maroon;
    text-align: right;
    font-size: 1em;
    padding: 2px;
}
.pInfo .pMdl {
    color: gray;
    padding-left: 20px;
    padding: 2px;
}
.pInfo .pNote {
    color: darkgray;
    padding-left: 20px;
    padding: 2px;
    height: 80px;
    overflow: auto;
}
.fltrs
{
    width: 100%;
    background-color: #f5f5f5;
    height: 60px;
    border-top: 1px solid gray;
}
div.fltr1
{
    float: left;
    height: 40px;
    padding: 5px;
    color: gray;
}

.fldL {
    width: 100%;
}
.fld1 { 
    padding: 5px 20px 5px 5px;
    float: left;
}
.fldT {
    color: gray;
    padding: 2px;
}

.fldV input, .fldV textaria { padding: 2px; border-width: 1px; border-color: gray;

}
.fldI {
    color: #555;
}
.fldB {
    text-align: left;
}

a.lnk:visited { color: #333; text-decoration: underline; }
a.lnk:link { color: #333; text-decoration: underline; }
a.lnk:active { color: #333; text-decoration: underline; }
a.lnk:hover { color: #f77; text-decoration: underline; }

.fldBR {
    text-align: right;
}

.tbd1 {
    border-bottom: 1px dotted #eee;
}

table.tt * td 
{
    background-color: transparent;
    border: none;
    padding: 3px;
}

.hdn {
    display: none;
}

.maxh50 {
    max-height: 50px;
}
.maxh70 {
    max-height: 70px;
}
.maxh100 {
    max-height: 100px;
}

.menuitem {
    padding: 10px;
}

.h40 {
    height: 4.0em;
}
.h45 {
    height: 4.5em;
}
.h50 {
    height: 5.0em;
}
.h90 {
    height: 9.0em;
}

.red {
    color: maroon;
}


.has-tooltip {
    position: relative;
    border: 1px solid red;

}

.has-tooltip .tooltip {
    display: none;
    padding: 10px;
    border: 1px solid gray;
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: -550px;
    left: 20%;
    width: 520px;
    height: 520px;

    z-index: 999;
    color: black;
}

.has-phTooltip{
    background-color: aliceblue;

}
    .has-phTooltip .tooltip {
        display: none;
        padding: 10px;
        border: 1px solid gray;
        background-color: white;
        position: absolute;
        top: 50px;
        left: 50px;
        height: 520px;
        width: 700px;
        overflow: scroll;
        z-index: 999;
        color: black;
    }


    .has-tt{
        background-color: ghostwhite;

    }

    .has-tt .tooltip {
        display: none;
        padding: 10px;
        border: 1px solid gray;
        background-color: white;
        position: absolute;
        top: 50px;
        left: 50px;
        min-height: 20px;
        min-width: 70px;
        z-index: 999;
        color: gray;
    }

.has-tooltip .title {
    font-weight: bold;
    font-size: 120%;
}

.imgBig{
    width: 500px;
}

td.images {
    padding: 3px;
    text-align: right;
    border-bottom: 1px solid gray;
}

td.imagesXXX div img {
    width: 250px;
    margin-right: 10px;
    border: 1px solid #f5f5f5;
}

.images500 {
    height: 520px;
    background-color: lightblue;
}

img.img500{
    width: 500px;
    margin: 2px;
    border: none;
}

.excl_NC { text-align: center; padding: 2px;}
.excl_T { text-align: left; padding: 2px;}
.excl_D { text-align: right; padding: 2px;}
.excl_H { text-align: center; font-weight: bold;  padding: 2px;}