* {
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 10pt;   
}

body {
    margin: 0px 0px 0px 0px;
}

body > form {
    background: #fff;   
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #fff;
}

code {
    background: #E9E9EA;
    padding: 1px 3px 1px 3px;
    border: solid 1px lightgray;
    border-radius: 3px;
    font-size: 9pt;
}

input[type=text], input[type=password], input[type=number], input[type=date], textarea, select {
    border-radius: 3px;
    border: solid 1px #8DA3C1;
    background-color: #F5F5F5;
}


input[type=text]:focus, input[type=password]:focus, textarea:focus {
    background-color: #fff;
    box-shadow: 0px 0px 2px #9a9a9a inset;
}

input[type=button], input[type=submit], input[type=reset] {
    border-radius: 3px;
    border: solid 1px #8DA3C1;
    box-shadow: 0px 0px 3px #F7AE37 inset;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none 0px Transparent; }

fieldset {
    border-radius: 5px;
}

fieldset > legend {
    font-weight: bold;
}

.state-good {
    background-color: lightgreen !important;
    color: darkgreen !important;
}
.state-bad {
    background-color: salmon !important;
    color: maroon !important;
}

.required {
    box-shadow: 0px 0px 3px #B81900;
}

.dragging {
    background: #fff !important;
    border: solid 1px gray !important;
    box-shadow: 0px 0px 5px 3px rgba(117, 117, 117, 0.75) !important;
}

.s1g { text-shadow: 1px 1px 2px #696969 ; }
.s2g { text-shadow: 2px 2px 3px #696969 ; }
.s3g { text-shadow: 3px 3px 4px #696969 ; }

.s1b { text-shadow: 1px 1px 2px #000 ; }
.s2b { text-shadow: 2px 2px 3px #000 ; }
.s3b { text-shadow: 3px 3px 4px #000 ; }

.floatl { float: left !important; }
.floatr { float: right !important; }
.clear { clear: both; }

.hleft { text-align: left; }
.hcenter { text-align: center; }
.hright { text-align: right; }
.hjustify { text-align: justify; }
.mcenter { margin-left: auto; margin-right: auto; }

.vtop { vertical-align: top; }
.vcenter { vertical-align: middle; }
.vbottom { vertical-align: bottom; }

.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }

.block { display: block; }
.hidden { display: none; }
.nowrap { white-space: nowrap; }

.w100 { width: 100%; }
.w50 { width: 50%; }
.w33 { width: 33%; }
.w25 { width: 25%; }

.p5 { padding: 5px 5px 5px 5px; }
.pt5 { padding-top: 5px }
.pr5 { padding-right: 5px }
.pb5 { padding-bottom: 5px }
.pl5 { padding-left: 5px }

.p5i { padding: 5px 5px 5px 5px !important; }
.pt5i { padding-top: 5px !important; }
.pr5i { padding-right: 5px !important; }
.pb5i { padding-bottom: 5px !important; }
.pl5i { padding-left: 5px !important; }

.p10 { padding: 10px 10px 10px 10px; }
.pt10 { padding-top: 10px }
.pr10 { padding-right: 10px }
.pb10 { padding-bottom: 10px }
.pl10 { padding-left: 10px }

.p20 { padding: 20px 20px 20px 20px; }
.pt20 { padding-top: 20px }
.pr20 { padding-right: 20px }
.pb20 { padding-bottom: 20px }
.pl20 { padding-left: 20px }

.m5 { margin: 5px 5px 5px 5px; }
.mt5 { margin-top: 5px }
.mr5 { margin-right: 5px }
.mb5 { margin-bottom: 5px }
.ml5 { margin-left: 5px }

.m10 { margin: 10px 10px 10px 10px; }
.mt10 { margin-top: 10px }
.mr10 { margin-right: 10px }
.mb10 { margin-bottom: 10px }
.ml10 { margin-left: 10px }

.m20 { margin: 20px 20px 20px 20px; }
.mt20 { margin-top: 20px }
.mr20 { margin-right: 20px }
.mb20 { margin-bottom: 20px }
.ml20 { margin-left: 20px }

.round3 { border-radius: 3px; }
.round5 { border-radius: 5px; }

.shadow {
    padding: 5px 8px 5px 8px;
    border-radius: 8px;
    box-shadow: 0px 0px 8px #393939;
    display: table;
    margin: 10px auto 10px auto;
}


.footnote {
    font-size: 9pt;
    color: #5A5A5A;
}

.permalink {
    text-align: right;
    line-height: 16px;
    color: #898989;
    font-weight: bold;
}

.permalink * {
    color: #898989;
}

.hand { cursor: pointer; }

@media print {
    .noprint { display: none; }    
}

/* ========== SPECIFIC-USE CLASSES ========== */

div#head {
    height: auto !important;
    opacity: 1 !important;
    box-shadow: 0px 0px 10px #000;
    position: relative;
}

div#sitetitle {
    font-size: 36px; 
    color: #000; 
    line-height: 40px;
    text-shadow: 0px 0px 8px #fff;
}

div#pagetitle {
    font-size: 24px; 
    color: #fff; 
    line-height: 25px;
    text-shadow: 0px 0px 8px #000;
    padding-top: 10px;
}

div#head a:hover {
    text-decoration: none;
}

div#body {
    margin: 10px auto 5px auto;
    width: 85%;
    padding: 5px 5px 5px 5px; 
}

/* ========== jQUERY STYLES ============*/
.ui-dialog {
    z-index: 7005 !important;
}

/* ========== TELERIK STYLES ========== */

.RadMenu { float: none !important; }

.rmRootGroup { white-space: nowrap; }

.RadMenu_Black a.rmLink:hover { color: #fff !important; }
 
.rgHeader, .rgFooter  { 
    text-align: center !important;
    font-weight: bold !important;
}

.rgNoRecords td { padding: 5px 10px 5px 10px !important; }
 
.rgRow:hover, .rgAltRow:hover {
    background: #FFF4B9 !important;   
}
 
.rgRow > td:hover, .rgAltRow > td:hover {
    background: #F6C795 !important;   
}

.rlbItem:hover {
    background-color: #FFE69B !important;
}