﻿
/*  CUSTOM    */

.bdrS {
    border:solid 1px silver;
}

.bdrW {
    border:solid 1px white;
}

.noBdr {
    border:none 0px silver;
}


.pad0  {padding:0px;}
.pad2  {padding:2px;}
.pad3  {padding:3px;}
.pad5  {padding:5px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}

.padT0 { padding-top:0px;}
.padT2 { padding-top:2px; }
.padT3 { padding-top:3px; }
.padT5 { padding-top:5px; }
.padT10{ padding-top:10px;}
.padT15 {padding-top:15px;}
.padT20 {padding-top:20px;}

.padL0 { padding-left:0px;}
.padL2 { padding-left:2px; }
.padL3 { padding-left:3px; }
.padL5 { padding-left:5px; }
.padL10{ padding-left:10px;}
.padL15 {padding-left:15px;}
.padL20 {padding-left:20px;}

.padR0 { padding-right:0px;}
.padR2 { padding-right:2px; }
.padR3 { padding-right:3px; }
.padR5 { padding-right:5px; }
.padR10{ padding-right:10px;}
.padR15 {padding-right:15px;}
.padR20 {padding-right:20px;}


.padB0 { padding-bottom:0px;}
.padB2 { padding-bottom:2px; }
.padB3 { padding-bottom:3px; }
.padB5 { padding-bottom:5px; }
.padB10{ padding-bottom:10px;}

.padTB0 { padding-top:0px;  padding-bottom:0px; }
.padTB2 { padding-top:2px;  padding-bottom:2px; }
.padTB3 { padding-top:3px;  padding-bottom:3px; }
.padTB5 { padding-top:5px;  padding-bottom:5px; }
.padTB10{ padding-top:10px; padding-bottom:10px;}

.padLR0 { padding-left:0px;  padding-right:0px; }
.padLR2 { padding-left:2px;  padding-right:2px; }
.padLR3 { padding-left:3px;  padding-right:3px; }
.padLR5 { padding-left:5px;  padding-right:5px; }
.padLR10{ padding-left:10px; padding-right:10px;}


.marg0  {margin:0px;}
.marg2  {margin:2px;}
.marg5  {margin:5px;}
.marg10 {margin:10px;}
.marg15 {margin:15px;}
.marg20 {margin:20px;}

.margT0 { margin-top:0px;}
.margT2 { margin-top:2px; }
.margT5 { margin-top:5px; }
.margT10{ margin-top:10px;}
.margT15 {margin-top:15px;}
.margT20 {margin-top:20px;}

.margL0 { margin-left:0px;}
.margL2 { margin-left:2px; }
.margL5 { margin-left:5px; }
.margL10{ margin-left:10px;}
.margL15 {margin-left:15px;}
.margL20 {margin-left:20px;}

.margR0 { margin-right:0px;}
.margR2 { margin-right:2px; }
.margR5 { margin-right:5px; }
.margR10{ margin-right:10px;}
.margR15 {margin-right:15px;}
.margR20 {margin-right:20px;}


.margB0 { margin-bottom:0px;}
.margB2 { margin-bottom:2px; }
.margB5 { margin-bottom:5px; }
.margB10{ margin-bottom:10px;}

.margTB0 { margin-top:0px;  margin-bottom:0px; }
.margTB2 { margin-top:2px;  margin-bottom:2px; }
.margTB5 { margin-top:5px;  margin-bottom:5px; }
.margTB10{ margin-top:10px; margin-bottom:10px;}

.margLR0 { margin-left:0px;  margin-right:0px; }
.margLR2 { margin-left:2px;  margin-right:2px; }
.margLR5 { margin-left:5px;  margin-right:5px; }
.margLR10{ margin-left:10px; margin-right:10px;}

.lbl {
    font-weight:bold;
    font-size:12px;
    padding:5px;
    
    min-height:25px;
    text-align:right;
}

.txt {
    font-size:14px;
    border:1px solid #ddd;
    padding:3px;
    background-color:#f5f5f5;
    min-height:25px;
}

.max75  {max-width:75px; }
.max100 {max-width:100px;}
.max200 {max-width:200px;}
.max300 {max-width:300px;}
.max400 {max-width:400px;}
.max500 {max-width:500px;}
.max600 {max-width:600px;}
.max800 {max-width:800px;}

.min50  {min-width:50px; }
.min75  {min-width:75px; }
.min100 {min-width:100px;}
.min200 {min-width:200px;}
.min300 {min-width:300px;}
.min400 {min-width:400px;}
.min500 {min-width:500px;}
.min600 {min-width:600px;}
.min700 {min-width:700px;}


.maxH50  {max-height:50px;}
.maxH75  {max-height:75px;}
.maxH100 {max-height:100px;}
.maxH200 {max-height:200px;}
.maxH300 {max-height:300px;}
.maxH400 {max-height:400px;}
.maxH500 {max-height:500px;}
.maxH600 {max-height:600px;}
.maxH800 {max-height:800px;}


.minH100 {min-height:100px;}
.minH200 {min-height:200px;}
.minH300 {min-height:300px;}
.minH400 {min-height:400px;}
.minH500 {min-height:500px;}
.minH600 {min-height:600px;}
.minH700 {min-height:700px;}

.child  {border-left:5px solid #C7D3DE;     }
.child1 {border-left:5px solid #ffb8cb;     }
.child2 {border-left:5px solid #e2e2e2;     }


.bdrB1   {border-bottom:2px solid #C7D3DE;   }
.bdrB2   {border-bottom:2px solid #ffb8cb;   }
.bdrB3   {border-bottom:2px solid #e2e2e2;   }


.text80 { font-size:80%;}
.text100 { font-size:100%;}
.text120 { font-size:120%;}
.text140 { font-size:140%;}
.text160 { font-size:160%;}


.green {color:green !important;}
.orange {color:orange !important;}
.silver {color:#f5f5f5 !important;}
.white {color:white !important;}
.black {color:#000 !important;}
.gray {color:gray !important;}

.greenBG    {background-color:green;}
.orangeBG   {background-color:orange;}
.silverBG   {background-color:#f5f5f5;}
.whiteBG    {background-color:white;}
.primeBG    { background-color:#CF003D; }
.secondBG   { background-color:#007381; }


/*a.tileS, a.tileS:hover,a.tileW, a.tileW:hover {opacity:1;color:#fff !important;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size:1.5em;padding:5px;}

a.tileS{width:150px;height:150px;float:left;opacity:0.5;margin:10px;color:black;}
a.tileW{width:300px;height:150px;float:left;opacity:0.5;margin:10px;color:black;}

.tileS > img {position: absolute;border: 0px solid red; bottom:10px;left:25px;}
    */




.bg1  {background-color:#85A9C1;}
.bg2  {background-color:#8DB932;}
.bg3  {background-color:#F2854D;}
.bg4  {background-color:#EBB642;}
.bg5  {background-color:#99AE39;}
.bg6  {background-color:#FE7C22;}
.bg7  {background-color:#DB981F;}
.bg8  {background-color:#ADC636;}
.bg9  {background-color:#BCA681;}
.bg10 {background-color:#019CCA;}
.bg11 {background-color:#FCB132;}
.bg12 {background-color:#C1D72D;}
.bg13 {background-color:#ACA1CC;}
.bg14 {background-color:#46A4AE;}
.bg15 {background-color:#9B59B6;}
.bg16 {background-color:#3498DB;}
.bg17 {background-color:#DE5916;}
.bg18 {background-color:#00A3A3;}

a.tile:hover{opacity:0.7;color:#fff;}
a.tile { min-height:150px;min-width:150px; max-height:150px;max-width:300px; margin:2px;font-size:125%;color:#fff;text-align:center;}
a.tile>span{position:absolute;bottom:10px;right:10px;padding:5px;}
a.tile-wide>img {position:absolute;top:15px;border-color:#eee;opacity:0.9;max-width:100px;max-height:75px;}
a.tile-square>img {position:absolute;top:15px;border-color:#eee;opacity:0.9;max-width:75px;max-height:75px;}

a.tile-square { height:150px;min-width:110px; max-width:200px; margin:2px;font-size:125%;color:#fff;text-align:center;}
a.tile-wide   { height:150px;min-width:110px; max-width:300px; margin:2px;font-size:125%;color:#fff;text-align:center;}


.float-left {
    float: left;
}

.float-right {
    float: right;
}


dt, dd { padding:10px; 
}

.expand {
    cursor:pointer;
}


.box-footer {
    position:absolute;
    bottom:0px;
    width:98%;
}

.b {font-weight:bold;}
.i {font-style:italic;}

/*.text-xs { font-size:60%; }
.text-sm { font-size:80%; }
.text-md { font-size:100%;}
.text-lg { font-size:180%;}
.text-xl { font-size:220%;}
.text-xxl{ font-size:350%;}*/



.text-xs { font-size:0.8em; }
.text-sm { font-size:1em; }
.text-md { font-size:1.5em;}
.text-lg { font-size:2em;}
.text-xl { font-size:2.5em;}
.text-xxl{ font-size:3em;}





/*  FORM CONTROLS */

.chk, .rad {
    width:25px;height:25px;
    max-width:25px;max-height:25px;
}
