:root {
    --color1: #F2F2F2;
    --color2: #BFBFBF;
    --color3: #BFBFBF;
    --color4: #4D5359;
    --color5: #0F1B26;


}


IMG.Icon { width: 20px; height: auto;}



.Scout .MainContent { padding: 40px; width: 100%; max-width: 900px; margin-top: 20px;}
.Scout .ViewImage { margin-bottom: 20px;}
.Scout .ViewImage IMG { width: 100%;}

TABLE.Listing { }
TABLE.Listing A {color: #000000; }
TABLE.Listing A:Hover { color: #333333; }

TABLE.Listing TD.Icon {width: 20px; }
TABLE.Listing TD { border-bottom:solid 1px #efefef; padding: 5px; line-height: 20px; }


/* tabs */
div.Tabs UL { margin:0px; padding:0px; list-style-type:none;}
div.Tabs {

    margin-bottom:0px;
    height: auto;
}
div.Tabs UL LI, div.ArticleBorder3 DIV.Tabs ul li {
    list-style-type:none;
    float:left;
    margin-right:6px;
    -moz-user-select:none;


    background-color: var(--color3);
    background-repeat:repeat-x;
    color:#000000;

    font-size:10px;
    padding:10px;
    padding-right: 20px;
    padding-left: 20px;

    text-align:center;


}

div.Tabs UL LI.Active, div.ArticleBorder3 DIV.Tabs ul li.Active {
    background-color:#FFFFFF;
    background-repeat:repeat-x;
    color:#333;
    border-top: solid 1px var(--color3);
    border-left: solid 1px var(--color3);
    border-right: solid 1px var(--color3);


    font-size:9pt;
    letter-spacing:.1em;
    padding:10px;
    cursor:pointer;
    opacity:1;
}

div.Tabs UL LI.Active A {
    color:#000000;
}

div.Tabs A {
    color:#FFFFFF;
    text-decoration:none;
    -moz-user-select:none;
}

div.TabsPaging {
    margin-bottom:19px;
    float:left;
}

div.TabsPaging UL LI {
    list-style-type:none;
    float:left;
    height:auto;
    margin-right:4px;
    padding:8px;
}

div.TabsPaging UL LI.Active {


}

div.TabsPaging UL LI.Hidden {
    display:none;
}

div.TabsPaging A {
    text-decoration:none;
}

DIV.ContentTab { border:solid 1px var(--color3); padding: 20px; background-color: #FFFFFF; margin-top: -1px; padding-top: 40px;}
DIV.TabsPaging UL { list-style-type:none; margin:0px; padding: 0px; margin-bottom:10px;  }
DIV.TabsPaging UL LI { float:left;  }
DIV.TabsPaging UL LI.Active { text-decoration:none; background-color:#333; color:#FFF;}
DIV.TabsPaging UL LI.Right { float:right;}
DIV.TabsPaging UL LI A { color:#333;}
DIV.TabsPaging UL LI.Active A { color:#FFF}

DIV.Col1 {width: calc(50% - 20px); float: left; margin-right:20px; }
DIV.Col2 {width: calc(50% - 20px); float: left; margin-left: 20px;}

.TRContent .Field, .TRForm .Field { margin-bottom: 10px;}
.TRContent .FieldInput, .TRForm .FieldInput { min-height: auto;  height: auto; width: calc(100% - 150px); padding: 0px; border: none;  float: left; }
.TRContent .FieldInput.HideFieldTitle, .TRForm .FieldInput.HideFieldTitle { width: calc(100% - 0px);}
.TRContent .Field .FieldTitle,.TRForm .Field .FieldTitle {float: left; width: 140px; margin: 0px; padding: 0px; line-height: 38px; font-size: 90%; margin-right: 10px;}
.FieldInputLink { line-height: 38px;}
.TRContent .Field .FieldInput .FieldWide,.TRForm .Field .FieldInput .FieldWide {width: calc(100% - 0px); margin: 0px; padding: 10px; border:solid 1px #CCCCCC;  }
.TRContent .Field .FieldInput SELECT.FieldWide,.TRForm .Field .FieldInput SELECT.FieldWide { width: calc(100%);}
.TRContent .Field .FieldInput TEXTAREA.FieldWide,.TRForm .Field .FieldInput TEXTAREA.FieldWide { height: 65px;resize: none;}


.ButtonActionArea { border:solid 1px var(--color3) ; padding: 20px; background-color: #FFFFFF;}

.FormArea { margin-bottom: 40px; border:solid 1px var(--color3); padding: 20px; }

A.Button {

    display: inline-block;
    padding: .75rem 1.25rem;
    border-radius: 0rem;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: .1em;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;

}
A.Button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #014d60;
    border-radius: 0rem;
    z-index: -2;
}

a.Button:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #008fb3;
    transition: all .3s;
    border-radius: 0rem;
    z-index: -1;
}

A.Button:hover:before {
    width: 100%;
}


.Left { float: left;}
.Right { float: right;}
.Space {height: 20px;}

.TRContent .FieldSeperator {font-size: 70%; color:#cccccc; margin-bottom: 20px; padding-top: 10px; text-transform: uppercase; margin-left: 150px;}
DIV.SAVE_OK_MESSAGE_HOLDER { position: fixed; right: 20px; bottom:-120px; background-color: #FFFFFF; width: 400px; height: 80px; -webkit-transition: all .4s linear;  -moz-transition: all .4s linear;  -o-transition: all .4s linear;  transition: all .4s linear; border:solid 2px #0d3349; }
DIV.SAVE_OK_MESSAGE_HOLDER.Active { bottom:20px;}