/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
   
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;  *display:inline; *zoom:1;  max-width: 100%;}
audio:not([controls]) {display:none; height:0;}
[hidden] {display: none;}

/* ==========================================================================
   Base
   ========================================================================== */
   
html {font-family:Arial, Verdana, Helvetica, sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-y:auto; margin:0; padding:0; height:100%;}
body {margin:0; padding:0; height:100%;}

/* ==========================================================================
   Links
   ========================================================================== */

a:focus {outline:thin dotted;}
a:active, a:hover {outline:0;}

/* ==========================================================================
   Typography
   ========================================================================== */

h1 {font-size:2em;}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
dfn {font-style:italic;}
mark {background:#ff0; color:#000;}
code, kbd, pre, samp {font-family:monospace, serif; font-size:1em;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dt {margin:0px 0px 10px 0px;}
dd {margin:10px 0px 10px 0px;}

/* ==========================================================================
   Embedded content
   ========================================================================== */
img {border:0; max-width:100%; height:auto; vertical-align:middle; -ms-interpolation-mode:bicubic;}
svg:not(:root) {overflow:hidden;}
#map_canvas img, .google-maps img {max-width:none;}
#map_canvas {margin:0; padding:0; height:400px;}

/* ==========================================================================
   Figures
   ========================================================================== */

figure {margin:0;}

/* ==========================================================================
   Forms
   ========================================================================== */

fieldset {border:0 ;margin:0; padding:0;}
legend {border:0; padding:0;}
button, input, select, textarea {font-family:inherit; font-size:100%; margin:0; vertical-align:middle;}
button, input {line-height:normal; *overflow:visible;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top; resize:vertical;}
select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor:pointer;}

/* ==========================================================================
   Tables
   ========================================================================== */

table {border-collapse:collapse; border-spacing:0;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.nocallout {-webkit-touch-callout:none;}
.pressed {background-color: rgba(0, 0, 0, 0.7);}
textarea[contenteditable] {-webkit-appearance:none;}
.hidden {display:none !important; visibility:hidden;}
.visuallyhidden {border:0; clip: rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button, input, select, textarea {color:#6d6e71;}
body {font-size:0.75em; line-height:1.4; background-color:#fff;}

h1 {color:#ca0303; font-weight:400; font-size:1.8em; margin:0px 0px 15px 0px; font-family:'Open Sans', sans-serif;}
h2 {color:#63666a; font-weight:400; font-size:1.8em; line-height:1.0; margin:0px 0px 10px 0px; font-family:'Open Sans', sans-serif;}
h3 {color: #3695d2; font-size:1.4em; font-weight:bold; line-height:1.0; margin:10px 0px 5px 0px;}
h4 {color: #194994; font-size:1.0em; font-weight:bold; line-height:1.0; margin:0px 0px 0px 0px;}

a {color:#63666a; text-decoration:none;}
a:hover {color:#d81e05; text-decoration:underline;}
a:focus {outline: thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
a:hover, a:active {outline:0;}

label {color:#63666a;}
input {color:#6d6e71; border:#a5c6d5 1px solid; background-color:#f7fbfd; font-size:1.2em; padding:5px;}
select {color:#6d6e71; border:#a5c6d5 1px solid; background-color:#f7fbfd; font-size:1.2em; padding:5px;}
textarea {color:#6d6e71; border:#a5c6d5 1px solid; background-color:#f7fbfd; font-size:1.2em; padding:5px;}
input[type="checkbox"], input[type="radio"], input[type="image"] {border:none;}
input[type="checkbox"] {margin-right:10px; color:#73a0b4;}

input:focus {border:#ead59d 1px solid; background-color:#fdf7e7; color:#bd8301;} 
select:focus {border:#ead59d 1px solid; background-color:#fdf7e7; color:#bd8301;} 
textarea:focus {border:#ead59d 1px solid; background-color:#fdf7e7; color:#bd8301;} 
input[type="submit"]:focus {background-color:#096da5; color:#fff;}

.formsbutton {border:none; color:#fff; background-color:#3694d1; cursor:pointer; text-align:center; font-size:1.2em; padding:5px 10px 5px 10px;}
.inputbutton {color:#fff; background-color:#63abd3; font-weight:bold; cursor:pointer; border:0px; margin:0px;}
.inputbutton2 {color:#5484c0; background-image:url(../cmsimages/button_icon.gif); background-repeat:no-repeat; background-position:left center; font-weight:bold; font-size:1.2em; cursor:pointer; border:0px; margin:0px;}
.deletebutton {color:#fff; background-color:#d76060; font-weight:bold; cursor:pointer; border:0px; margin:0px; padding:5px 10px 5px 10px;}
.disablebutton {border:none; color:#a3a6a8; background-color:#6b7b85; cursor:pointer; text-align:center; font-size:1.2em; padding:5px 10px 5px 10px;}

/* ==========================================================================
   horizontal full screen backgrounds
   ========================================================================== */

.fullwidth {position:relative; width:100%;}
.blue {margin:0px 10px 10px 10px; background-color:#d81e05;}

.reportblue {color:#ffffff; height:65px; background-image:url(../images/toolbar_back.jpg); background-repeat:repeat-x; margin:0px 10px 0px 10px;}

.grad {background: #f7f6f7;
background: -webkit-linear-gradient(#eae9e9, #f7f6f7); 
background: -o-linear-gradient(#eae9e9, #f7f6f7); 
background: -moz-linear-gradient(#eae9e9, #f7f6f7);
background: linear-gradient(#eae9e9, #f7f6f7);
padding:10px; margin:0px 10px 0px 10px;}

.report {margin:0px 10px 0px 10px;}
.gradblue {color:#bcdbf0; background-color:#3694d2;
        background-image:-webkit-gradient(linear,left top,left bottom,from( #3694d2 ),to( #2c86c2 ));
        background-image:-webkit-linear-gradient( #3694d2,#2c86c2 );
        background-image:-moz-linear-gradient( #3694d2,#2c86c2 );
        background-image:-ms-linear-gradient( #3694d2,#2c86c2 );
        background-image:-o-linear-gradient( #3694d2,#2c86c2 );
        background-image:linear-gradient( #3694d2,#2c86c2 );}

.gradyellow {color:#c56a31; background-color:#fff4b8;
        background-image:-webkit-gradient(linear,left top,left bottom,from( #ffe69b ),to( #fff4b8 ));
        background-image:-webkit-linear-gradient( #ffe69b,#fff4b8 );
        background-image:-moz-linear-gradient( #ffe69b,#fff4b8 );
        background-image:-ms-linear-gradient( #ffe69b,#fff4b8 );
        background-image:-o-linear-gradient( #ffe69b,#fff4b8 );
        background-image:linear-gradient( #ffe69b,#fff4b8 );}


.lightblue {background-color:#ecf5fb; padding:10px; margin:0px 10px 0px 10px;}

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}

/* ==========================================================================
   Grid
   ========================================================================== */
   
.container {min-width:980px; max-width:2000px; width:100%; margin:0px auto; position:relative;}
.containerfull {min-width:980px; width:100%; margin:0px auto; position:relative;}
.containerResp {max-width:1600px; width:100%; margin:0px auto; position:relative;}

.containerLogin {max-width:300px; width:100%; margin:auto; position:absolute; top:0; left:0; bottom:0; right:0;}

.row {display:block; width:100%; min-height:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; clear:both;}
.row div[class*='col'], .row aside[class*='col'], .row article[class*='col'] {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block;}

/* ------------------------------------------------------- 
  login                              
------------------------------------------------------- */

html.fullback {background-color:#0a3876;}
html.clientback {background-color:#0a3876;}
body.noback {background-color:transparent;}

.loginlogo {display:none;}

.loginbox {position:relative; left:0px; top:0px; background-color:#0a3876; padding:30px; color:#fff; border-radius:5px; zoom: 1; filter: alpha(opacity=95); opacity: 0.90;} 
.loginbox input[type="text"], .loginbox input[type="password"], .loginbox input[type="submit"] {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.logintitle h1 {color:#fff;}

.logintext {position:relative; top:0px; left:0px; margin:20px 0px 20px 0px; color:#8dbce7;}
.loginlabel {position:relative; top:0px; left:0px; padding:0px 0px 3px 0px;}
.loginlabel label {color:#fff; font-size:1.1em;}
.logininput {padding:0px 0px 15px 0px;}
.logininput input {color:#018dcb; padding:9px; border:none; background-color:#fff; border-radius:5px; font-size:1.4em;}
.logininput input:focus {background-color:#fdf7e7; color:#bd8301; border:none;} 
.loginerror {color:#b8337e;}

.logingo {color:#ffffff; font-weight:bold; cursor:pointer;  background-color:#018dcb; border:none; padding:10px 0px 10px 0px; font-size:1.6em;}
.loginbutton input {border-radius:5px; padding:9px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#018dcb; border:none; font-size:1.6em; color:#ffffff; font-weight:bold;}
.loginbutton input:focus {color:#ffffff; border:none; background-color:#018dcb;}
.loginred {color:#8dbce7;}

.guycarp {display:none; position:absolute; width:520px; height:45px; background:url('../images/website2.png') 0 0;}
.gcaviation {display:none; position:absolute; width:500px; height:140px; background:url('../images/website2.png') 0 -45px;}
.mapfrelogin {position:relative; left:0px; width:292px; height:65px; background:url('../images/website2.png') 0 -253px;}
.magico {position:relative; left:0px; width:200px; height:60px; background:url('../images/website2.png') -280px -185px;}
.mapfre {position:relative; left:0px; width:147px; height:34px; background:url('../images/website2.png') -301px -253px;}

.copyrightapp {color:#fff; font-size:0.9em; position:relative; left:0px; top:10px; line-height:16px; margin-right:20px; margin-left:5px;}
.copyrightapp ul {list-style-image:none; list-style-type:none; margin:0px; padding:0px; text-align:left; text-indent:0px;}
.copyrightapp li {display: inline; padding-right:10px;}
.copyrightapp a {color:#fff; text-decoration:none; font-weight:normal;}
.copyrightapp a:hover {color:#ecf5fb; text-decoration:underline;}

.changepassword {max-width:400px; width:100%; margin:50px auto; position:relative;}

.changepassword .loginbox {background-color:#d81e05;}
.changepassword .logintext {color:#e8d1d1;}
.changepassword .loginbutton input {background-color:#fd8686;}
.changepassword .logininput input {color:#9c0909;}

.pswrst a {color:#8dbce7;}

/* ------------------------------------------------------- 
 global toolbar                                    
------------------------------------------------------- */

.col_logo {float:none;}
.col_nav {float:none; margin-right:3%; background-image:url(../images/tool_div3.png); background-position:right 36px; background-repeat:no-repeat;}

#jacinthlogo {padding:10px 0 0 18px;}
#jacinthlogo2 {padding:17px 0 0 30px;}
#jacinthlog3 {padding:12px 0 12px 22px;}
#logininfo {text-align:right; color:#fff; font-size:0.9em; padding:10px 0 10px 20px; }
#logininfo  ul {list-style-image:none; list-style-type:none; margin:0px; padding:0px; text-align:right; text-indent:0px;}
#logininfo li {display:inline-block; margin-right:15px;}
#logininfo a {font-weight:normal; text-decoration:underline; color:#fff;}
#logininfo a:hover {color:#f4c6c0;}

#tools {padding:12px 0px 0px 0px; text-align:right; height:20px; z-index:200; font-size:1.2em;}
#tools ul {list-style-image:none; list-style-type:none; margin:0px; padding:0px; text-align:right; text-indent:0px;}
#tools li {display:inline;}
#tools a {color:#fff; text-decoration:none; padding-left:5px; padding-right:20px;}
#tools a:hover {color:#f4c6c0;}

#tools li.toolsel a {color:#bcdbf0;}

.facilityname {background-color:#6fc08c; color:#fff; padding:2px 4px 2px 4px;}
#jacinthlogo2 a {font-family:'Open Sans', sans-serif; text-decoration:none; color:#fff; text-transform:uppercase; font-size:1.2em; font-weight:600;}
#jacinthlogo2 a:hover {color:#a4d1f0;}
#jacinthlogo2 a .appname {font-size:1em; color:#a4d1f0; font-weight:400; padding-left:20px;}

/* ------------------------------------------------------- 
   toolbar	                                    
------------------------------------------------------- */

#toolbar {position:absolute; left:0px; top:10px; width:600px; font-family:Arial, Verdana, Helvetica, sans-serif;}
#toolbar ul {list-style-image:none; list-style-type:none; margin:0px; padding:0px; text-align:left; text-indent:0px;}
#toolbar li {list-style-type:none;}
#toolbar a {color:#fff; text-decoration:none; padding-left:20px; padding-bottom:3px; padding-top:3px; font-size:0.9em;}
#toolbar a:hover {color:#fde9c5;}

* html #toolbar ul {margin-left:-10px; padding-left:10px;}

.toolselected {color:#fff;}
#listselected a {color:#fff; padding-top:3px; padding-bottom:3px; padding-left:10px; background-image:url(../images/toolbar_link.gif); background-repeat:no-repeat; background-position:left center;}
#listselected a:hover {color:#fff;}


/* ------------------------------------------------------- 
   tabs                                
------------------------------------------------------- */

.apptoolbar {position:relative; top:0px; left:0px; margin-left:10px;}
.tab {float:left; width:150px; height:33px; background-color:Transparent;}
.tab a {background-color:#faf9fa; color:#999; cursor:pointer;}
.tab a:hover {color:#222;}
.tabtext {position:relative; top:0px; left:0px; height:21px; margin:2px; text-align:center; padding-top:7px; background-color:#fff; color:#222;}
.tabtext2 {position:relative; top:0px; left:0px; height:21px; margin:2px; text-align:center; padding-top:7px; background-color:#faf9fa;}

.tabselected {float:left; width:150px; height:33px; margin:0px; background-color:#fff;}
.tabselected a {color:#2b86c3; cursor:pointer;}
.tabselected a:hover {text-decoration:none;}

/* extra height */

.tabs {float:left; width:120px; height:45px; background-color:Transparent;}
.tabs a {background-color:#faf9fa; color:#999; cursor:pointer;}
.tabs a:hover {background-color:#fff; color:#2b86c3;}
.tabstext {position:relative; top:0px; left:0px; height:35px; margin:2px; text-align:center; padding:5px 5px 0px 5px; background-color:#fff; color:#2b86c3;}
.tabstext2 {position:relative; top:0px; left:0px; height:35px; margin:2px; text-align:center; padding:5px 5px 0px 5px; background-color:#faf9fa;}

.tabsselected {float:left; width:120px; height:45px; margin:0px; background-color:#fff;}
.tabsselected a {color:#2b86c3; cursor:pointer;}

/* ------------------------------------------------------- 
  page menu            
------------------------------------------------------- */

.sidemenu {position:relative; left:0px; top:0px; margin-top:20px; padding:0px; border-top:solid 1px #d6e9f6;}

.sidemenu ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
.sidemenu li {display:block;}
.sidemenu a {color:#6d6e71; display:block; padding:6px 0 6px 10px; text-decoration:none; margin:0px; font-weight:normal; border-bottom:solid 1px #d6e9f6;}
.sidemenu a:hover {color:#6d6e71; text-decoration:underline;}

.sidemenu li.level3selected  a {color:#3695d2; font-weight:bold;}


/* ------------------------------------------------------- 
  Applications Page                                    
------------------------------------------------------- */

.app_airline {display:inline-block; position:relative; left:0px; width:140px; height:140px; background:url('../images/Application_Logos24.png') 0 0;}
.app_losses {display:inline-block; position:relative; left:0px; width:140px; height:140px; background:url('../images/Application_Logos24.png') 0 -140px;}
.app_tech {display:inline-block; position:relative; left:0px; width:140px; height:140px; background:url('../images/Application_Logos24.png') 0 -280px;}
.app_ground {display:inline-block; position:relative; left:0px; width:140px; height:140px; background:url('../images/Application_Logos24.png') 0 -420px;}
.app_marple {display:inline-block; position:relative; left:0px; width:140px; height:140px; background:url('../images/Application_Logos24.png') 0 -560px;}
.app_gadget {display:inline-block; position:relative; left:0px; width:140px; height:140px; background:url('../images/Application_Logos24.png') 0 -700px;}
.app_market {display:inline-block; position:relative; left:0px; width:140px; height:140px; background:url('../images/Application_Logos24.png') 0 -840px;}
.app_jaqpot {display:inline-block; position:relative; left:0px; width:140px; height:140px; background:url('../images/Application_Logos24.png') 0 -980px;}
.app_magico {display:inline-block; position:relative; left:0px; width:140px; height:140px; background:url('../images/Application_Logos24.png') 0 -1120px;}
.app_bloodstock {display:inline-block; position:relative; left:0px; width:140px; height:140px; background:url('../images/Application_Logos24.png') 0 -1260px;}
.app_users {display:inline-block; position:relative; left:0px; width:140px; height:140px; background:url('../images/Application_Logos24.png') 0 -1400px;}

.appframe {display:grid; grid-template-columns:auto; grid-template-rows:auto; grid-gap:10px; width:calc(100% - 20px); margin:0 10px;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .appframe {display:flex; flex-wrap:wrap; justify-content: start; }
    .appbox {width:250px; margin:0 20px 20px 0;}
}


.appbox {background:#d81e05; align-self:center; text-align:center; padding:20px 0;}
.applink {width:100%;}
.apptitle {margin-top:10px; font-family:'Open Sans', sans-serif; font-size:1.2em;}
.appbox a {color:#fd8686; font-weight:bold;}
.appbox a:hover {color:#fff; text-decoration:none;}


.appbox a .apptext2 {color:#a8dcb8; font-weight:bold;}
.appbox a:hover .apptext2 {color:#fff; text-decoration:none;}

#appbox2 {color:#66a2c9; position:relative; top:0px; left:0px;  padding:10px; background-color:#ecf5fb;}
#Documents {display:none;}

.folders {margin-top:20px;}
.folder {float:left; position:relative; width:120px; height:170px; padding:10px;}

.filebox {position:relative;}
.filebox a {display:block; background-color:#549e69; color:#fff; width:110px; height:160px;  padding:5px;}
.filebox a:hover {background-color:#317646; color:#fff; text-decoration:none;}

.publisher {position:relative; left:0px; width:48px; height:48px; background:url('../images/jacinth.png') 0px -160px;}
.powerpoint {position:relative; left:0px; width:48px; height:48px; background:url('../images/jacinth.png') 0 -208px;}
.word {position:relative; left:0px; width:48px; height:48px; background:url('../images/jacinth.png') 0 -256px;}
.excel {position:relative; left:0px; width:48px; height:48px; background:url('../images/jacinth.png') 0 -304px;}
.pdf {position:relative; left:0px; width:48px; height:48px; background:url('../images/jacinth.png') 0 -352px;}
.doc {position:absolute; right:0px; width:20px; height:20px; background:url('../images/jacinth.png') 0 -400px;}
.fld {position:absolute; left:0px; width:20px; height:20px; background:url('../images/jacinth.png') -21px -400px;}

.pdfM {position:relative; right:0px; width:24px; height:24px; background:url('../images/jacinth.png') 0 -564px;}
.wordM {position:relative; right:0px; width:24px; height:24px; background:url('../images/jacinth.png') -24px -588px;}
.excelM {position:relative; right:0px; width:24px; height:24px; background:url('../images/jacinth.png') -24px -564px;}
.notes {float:left; position:relative; right:0px; width:12px; height:16px; background:url('../images/jacinth.png') 0px -588px; margin-left:5px;}

.completed {position:relative; left:0px; width:22px; height:22px; background:url('../images/jacinth.png') 0px -49px;}
.completed2 {position:absolute; bottom:10px; left:10px; width:22px; height:22px; background:url('../images/jacinth.png') 0px -49px;}
.completed3 {position:relative; left:0px; width:22px; height:22px; background:url('../images/jacinth.png') 0 -136px;}
.completed4 {position:absolute; bottom:10px; left:10px; width:22px; height:22px; background:url('../images/jacinth.png') 0 -136px;}
.completed5 {position:relative; left:0px; width:22px; height:22px; background:url('../images/jacinth.png') -24px -113px;}
.completed6 {position:absolute; bottom:10px; left:10px; width:22px; height:22px; background:url('../images/jacinth.png') -24px -113px;}
.completed7 {position:relative; left:0px; width:22px; height:22px; background:url('../images/jacinth.png') -24px -136px;}
.completed8 {position:absolute; bottom:10px; left:10px; width:22px; height:22px; background:url('../images/jacinth.png') -24px -136px;}

.greentick {position:relative; left:0px; width:22px; height:22px; background:url('../images/jacinth.png') -0px -49px;}
.required { display:inline-block; position:relative; left:0px; width:8px; height:8px; background:url('../images/jacinth.png') -1px -613px;}

.statustick {position:relative; left:0px; width:22px; height:22px; background:url('../images/jacinth.png') -0px -49px;}
.statuscross {position:relative; left:0px; width:22px; height:22px; background:url('../images/jacinth.png') -0px -113px;}

.chkoff {position:relative; left:0px; width:24px; height:25px; background:url('../images/jacinth.png') 0 -24px; display:inline-block;}
.chkon {position:relative; left:0px; width:24px; height:25px; background:url('../images/jacinth.png') 0 0; display:inline-block;}

.foldername {}
.docicon {position:absolute; left:5px; top:82px;}
.filesize {position:absolute; left:5px; top:135px; font-size:0.8em;}
.updated {position:absolute; left:5px; top:150px; font-size:0.8em;}

.ddate {height:40px;}
.documentdate {padding:10px; position:relative; }

.modfolder {float:left; position:relative; width:100%; height:180px; padding:0px 0px 20px 0px;}
.modfolderbox a {display:block; background-color:#e2b62e; color:#fff; width:100%; height:155px;}
.modfolderbox a:hover {background-color:#c19717; color:#fff; text-decoration:none;}
.modfoldername {position:absolute; right:20px; bottom:50px; padding:10px; text-align:right;}

/* ------------------------------------------------------- 
 Page header element	                                    
------------------------------------------------------- */
#banner {position:relative; top:0px; left:0px; height:100px;}
#logo {position:relative; top:10px; left:0px;}

#pageheader {position:relative; top:0px; left:0px; height:120px;}
#pagetitle {position:relative; top:0px; left:0px;}

/* ------------------------------------------------------- 
  Page container elements   	                                    
------------------------------------------------------- */

#internalcopy {position:relative; top:0px; left:0px; width:934px; padding-top:15px; padding-bottom:20px; padding-left:9px; padding-right:9px; background-image:url(../images/page_gradient.jpg); background-position:left top; background-repeat:repeat-x;}
#internalshort {position:relative; top:0px; left:0px; width:952px; height:720px; padding-top:0px; padding-bottom:20px; padding-left:0px; padding-right:0px; background-image:url(../images/short_gradient.jpg); background-position:left top; background-repeat:repeat-x;}
#internalshort2 {position:relative; top:0px; left:0px; width:934px; height:260px; padding-top:15px; padding-bottom:20px; padding-left:9px; padding-right:9px; background-image:url(../images/short_gradient.jpg); background-position:left top; background-repeat:repeat-x;}
#internaltabs {position:relative; top:0px; left:0px; width:952px; padding-top:0px; padding-bottom:10px; padding-left:0px; padding-right:0px; background-image:url(../images/tab_gradient.jpg); background-position:left top; background-repeat:repeat-x;}

#tabpage {position:relative; top:0px; left:0px; padding:19px; background-color:#fff;}

#innerdiv {position:relative; top:0px; left:0px; padding-top:25px; padding-left:19px; padding-right:19px; padding-bottom:20px; }
#pageleft {float:left; width:190px; margin-top:10px; margin-right:10px; margin-left:0px;}
#pagemid {float:left; width:470px; margin-top:10px; padding-left:20px; line-height:180%; background-image:url(../images/page_back.jpg); background-repeat:no-repeat;}
.separator {clear:both;}

#interpage {position:relative; top:0px; left:0px;}
#interleft {float:left; width:220px; margin-right:30px;}
#interright {float:left; width:220px;}
.contentpanel {position:relative; top:0px; left:0px; width:220px; border-left:solid 1px #fde9c5; padding-left:10px; color:#79561e;}

#interleft a {font-weight:bold;}
#interright a {font-weight:bold;}

/* ------------------------------------------------------- 
 footer                                
------------------------------------------------------- */

#footertext {padding:5px 20px 5px 20px;}
#copyright {color:#6d6e71; font-size:0.9em; position:relative; left:0px; top:10px; line-height:16px; margin-right:20px; margin-left:5px;}

#copyright ul {list-style-image:none; list-style-type:none; margin:0px; padding:0px; text-align:left; text-indent:0px;}
#copyright li {display: inline; padding-right:10px;}
#copyright a {color:#6d6e71; text-decoration:none; font-weight:normal;}
#copyright a:hover {color:#2c86c2; text-decoration:underline;}

/* ------------------------------------------------------- 
 special font sizes                           
------------------------------------------------------- */

.bluetext {font-size:0.85em; color:#194994; font-weight:bold;}
.link {font-weight:bold; padding-left:15px; background-image: url(../images/link_icon.gif); background-position:left center; background-repeat:no-repeat;}
.indent {position:relative; top:0px; left:10px;}
.SiteButton {background-color: #194994; color: #fff; padding:0px; cursor: pointer; height:20px; margin-top:5px;}
.ContactButton {padding:0px; cursor:pointer; width:20px; margin-top:3px;}
.rightlink {float: right;}

.pdflink {font-weight:bold; height:28px; padding-top:7px; padding-bottom:10px; padding-left:26px; background-image: url(../cmsimages/icons/pdf.gif); background-position:left center; background-repeat:no-repeat;}

#login {position:relative; top:0px; left:0px; margin-left:190px; width:400px;}

/* ------------------------------------------------------- 
  record paging
------------------------------------------------------- */

#pagingnav {position:relative; top:0px; left:0px; width:450px; font-weight:bold;}
#pagingnav ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;}
#pagingnav li{display:inline;}
#pagingnav li a {color:#63666a; font-weight:bold; padding:0px; margin-right:10px;}
#pagingnav li a:hover {text-decoration:underline;}

* html #pagingnav ul {margin-left:-10px; padding-left:10px;}
.pagingon {color:#ffffff; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px; border:solid 1px #3086c4; background-color:#3086c4;}

#pagingnav li a.pageon {color:#fff; padding:5px 7px 5px 7px; background-color:#63666a; border-radius:3px;}

.pager {padding:20px; border-bottom:1px solid #a4c8e0;}
.pagerleft {float:left;}
.pagerleft a {padding:3px 5px 3px 5px; background-color:#3086c4; color:#fff; margin-right:5px;}
.pagerleft a.redbutton {background-color:#d76060;}
.pagerright {float:right; color:#3086c4;}

.directorypageof {color:#63666a; margin-bottom:10px;}

.pagingnav {position:relative; top:0px; left:0px; font-weight:bold;}
.pagingnav ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;}
.pagingnav li{display:inline;}
.pagingnav li a {color:#63666a; font-weight:bold; padding:0px; margin-right:10px;}
.pagingnav li a:hover {text-decoration:underline;}

.pagingon {color:#fff; padding:4px 6px 4px 6px; margin-right:6px; background-color:#63666a; border-radius:5px;}

/* ------------------------------------------------------- 
  key                       
------------------------------------------------------- */

#key {position:relative; top:30px; left:0px; width:700px; padding-right:10px; height:80px; font-size:0.9em; color:#569dc4;}
#key ul {list-style-image:none; list-style-type:none; margin:0px; padding:0px; text-align:left; text-indent:0px;}
#key li {display: inline; margin-right:20px;}


/* ------------------------------------------------------- 
  client logos                            
------------------------------------------------------- */

.logobox {float:left; position:relative; width:180px; margin-right:20px; margin-bottom:20px; height:140px;}
.logoimage {position:relative; width:180px; height:120px; border:solid 1px #93c5e7;}
.logoimage input {border:0px; margin:0px; padding:0px;}
.logolinks {position:absolute; top:125px; left:0px; font-weight:bold;}
.logoname {position:relative; width:180px; height:70px; border:solid 1px #93c5e7; background-color:#2c86c2; text-align:center; padding-top:50px; color:#fff; font-size:1.2em;}
.logobox a:hover {text-decoration:none;}

/*doc ex*/
.logobox2 {float:left; position:relative; width:180px; margin-right:20px; margin-bottom:20px; height:160px;}
.logobox2 a:hover {text-decoration:none;}

/* ------------------------------------------------------- 
  A to Z keyboard
------------------------------------------------------- */

#keyboard {margin-top:5px;}
.ContactButton {color:#3086c4; width:22px; padding:3px; font-weight:bold; background-color:#ecf5fc; border:solid 1px #a4c8e0; cursor:pointer;}
.DisabledButton {color:#3086c4; width:22px; font-weight:bold; background-color:#f7fbfd; border:solid 1px #deeaf0; cursor:default;}

.Disabled {color:#ffeeee; width:20px; font-weight:bold; background-color:#f7f7f7; border:solid 1px #cecece;}

.folderbox {float:left; position:relative; width:103px; margin-right:20px; margin-bottom:20px; height:128px;  background-image:url(../cmsimages/menu_break.gif); background-position:left bottom; background-repeat:no-repeat;}
.folderbox2 {float:left; position:relative; width:103px; margin-right:20px; margin-bottom:20px; height:171px;}
.folderlinks {position:absolute; top:103px; left:0px; font-weight:bold;}
.editlink {margin-top:10px;}
.deletelink {margin-top:2px;}

.fldbox {float:left; position:relative; width:170px; height:145px; border:1px solid #e9e9eb; margin:0 20px 20px 0;}
.fldbox2 {float:left; position:relative; width:170px; height:180px; border:1px solid #e9e9eb; margin:0 20px 20px 0;}
.fldbox a, .fldbox2 a {color:#3086c4;}
.fldinner {position:relative; text-align:center; height:125px;}
.foldericon {position:relative; left:0px; width:48px; height:48px; margin:20px 61px 20px 61px; background:url('../images/jacinth.png') -0px -660px;}
.fldname {}
.fldbuts {position:relative; border-top:1px solid #e9e9eb;}
.fldedit {float:left; width:84px; height:25px; border-right:1px solid #e9e9eb; text-align:center; padding-top:10px;}
.fldedit a {padding:10px 30px 10px 30px;}
.fldedit a:hover {color:#58c36c; text-decoration:none;}
.flddel {float:left; width:85px; height:35px; text-align:center; padding-top:10px;}
.flddel a {padding:10px 20px 10px 20px;}
.flddel a:hover {color:#cb6f89; text-decoration:none;}

/* ------------------------------------------------------- 
  admin data                               
------------------------------------------------------- */

#admindata {position:relative; left:0px; top:0px; height:50px; border-top:1px solid #abd3f7; padding-top:20px; color:#73a0b4;}
#created {position:relative; left:0px; top:0px; width:200px;}
#updated {position:absolute; left:220px; top:20px; width:200px;}

.admindata {position:relative; left:0px; top:0px; border-top:1px solid #e2dede; padding-top:20px; color:#999;}
.usercreated {float:left; position:relative; left:0px; top:0px; width:20%; margin:0px 8% 0px 0%;}
.userupdated {float:left; position:relative; left:0px; top:0px; width:60%;}

.textentry7 {padding:6px; width:302px; margin-bottom:7px;}
.textentry7 label {padding-left:4px;}

.warning {background-color:#de1c1c; color:#ffffff; width:400px; font-size:1.2em; margin-bottom:10px; padding:15px 15px 15px 50px; background-image: url(/images/warning.svg); background-repeat:no-repeat; background-position:15px 17px;}
.warning2 {background-color:#de1c1c; color:#ffffff; font-size:1.2em; padding:20px 20px 20px 70px; background-image: url(/images/warning.svg); background-repeat:no-repeat; background-position:15px 17px; border-radius:4px;}

.saved {background-color:#4dac4e; color:#ffffff; width:400px; font-size:1.2em; margin-bottom:10px; padding:15px 15px 15px 50px; background-image: url(/images/success.svg); background-repeat:no-repeat; background-position:15px 17px;}

.pagediv {margin-top:20px; padding-top:20px; border-top:1px dashed #c9ddeb;}

.pageitem {float:left; margin-right:20px;}

/* ------------------------------------------------------- 
  search results                    
------------------------------------------------------- */

.gridtable {width:100%; border:1px solid #e2dede; margin-bottom:20px;}
.gridtable tr.headback {height:40px; background-color:#ca0303;}

.gridtable tr.headback td, .gridtable tr.headback td a {color:#fff;}
.gridtable tr.headback td a {text-decoration:underline; padding:5px 8px 5px 0px;}
.gridtable tr.headback td a:hover {background-color:#ac0404; text-decoration:none; padding:5px 8px 5px 8px;}

.gridtable td {padding:4px 10px 4px 0px;}
.gridtable td.first {padding-left:10px;}
.gridtable td.first2 {padding-left:10px;}
.gridtable td.first a {color:#3e6283; text-decoration:underline; padding:5px 8px 5px 8px;}
.gridtable td.first a:hover {color:#fff; background-color:#3e6283; text-decoration:none;}
.gridtable td.txtright {text-align:right;}

.gridtable tr.headbacktop {height:25px; width:100%;}
.gridtable tr.headbacktop td {color:#216082; border-top:1px solid #5a9bbe;}
.gridtable tr.headbackbot {height:25px; width:100%;}
.gridtable tr.headbackbot td {color:#216082; border-bottom:1px solid #5a9bbe;}

.gridtable tr.headbacktop td.center {text-align:center; border-bottom:1px solid #5a9bbe;}

.gridtable tr.rowback {height:30px; list-style-type:none;}
.gridtable tr.altrowback {height:30px; list-style-type:none; background-color:#f7f6f7;}
.gridtable tr.rowback td {color:#888; border-bottom:1px solid #e2dede;}
.gridtable tr.altrowback td {color:#888; border-bottom:1px solid #e2dede;}

.gridtable tr.rowback2 {height:30px; list-style-type:none;}
.gridtable tr.altrowback2 {height:30px; list-style-type:none; background-color:#f7f6f7;}
.gridtable tr.rowback2link {height:30px; list-style-type:none; cursor:pointer;}
.gridtable tr.altrowback2link {height:30px; list-style-type:none; background-color:#f7f6f7; cursor:pointer;}
.gridtable tr.rowback2 td, .gridtable tr.rowback2link td {color:#888;}
.gridtable tr.altrowback2 td, .gridtable tr.altrowback2link td {color:#888;}

.gridtable tr.rowback3 {height:30px; list-style-type:none;}
.gridtable tr.altrowback3 {height:30px; list-style-type:none; background-color:#e5f1f9;}
.gridtable tr.rowback3 td {color:#3e86ad; border-bottom:1px solid #a4c8e0;}
.gridtable tr.altrowback3 td {color:#3e86ad; border-bottom:1px solid #a4c8e0;}

.gridtable tr.rowback4 {height:30px; list-style-type:none; cursor:pointer;}
.gridtable tr.altrowback4 {height:30px; list-style-type:none; background-color:#f7f6f7; cursor:pointer;}
.gridtable tr.rowback4 td {color:#888; border-bottom:1px solid #e2dede;}
.gridtable tr.altrowback4 td {color:#888; border-bottom:1px solid #e2dede;}
.gridtable tr.rowback4:hover, .gridtable tr.rowback2link:hover {background-color:#fdf7e7;}
.gridtable tr.altrowback4:hover, .gridtable tr.altrowback2link:hover {background-color:#fdf7e7;}

.gridtable tr.altrowback5 {height:30px; list-style-type:none; background-color:#3e9bd8; cursor:pointer;}
.gridtable tr.altrowback5 td {color:#fff; border-bottom:1px solid #a4c8e0;}
.gridtable tr.altrowback5 td a {color:#fff;}
.gridtable tr.altrowback5:hover td a {color:#3e6283;}
.gridtable tr.altrowback5:hover {background-color:#fdf7e7;}
.gridtable  tr.altrowback5:hover td.first a:hover {color:#fff; background-color:#3e6283; text-decoration:none;}

.gridtable tr.rowback6 {height:30px; list-style-type:none;}
.gridtable tr.altrowback6 {height:30px; list-style-type:none; background-color:#e5f1f9;}
.gridtable tr.rowback6 td {color:#3e86ad; border-top:1px solid #a4c8e0;}
.gridtable tr.altrowback6 td {color:#3e86ad; border-top:1px solid #a4c8e0;}


.gridtable tr.grouprows {height:30px; background-color:#f7fbfd; border-bottom:1px solid #a4c8e0; color:#749fbb;}

.tdblue {background-color:#f1f8fc;}
.tdblue2 {background-color:#dbebf5;}

.pagerbox tr {background-image:none; font-weight:bold;}

.gridtable tr.rows {height:30px; list-style-type:none;}
.gridtable tr.rowhead {height:30px; font-weight:bold;}
.gridtable tr.headback2 {height:43px; font-weight:bold;}

/* ------------------------------------------------------- 
  Fixed header tables                   
------------------------------------------------------- */

.gridtable tr.headback th {text-align:left; padding:5px 10px 5px 0px;}
.gridtable tr.headback th, .gridtable tr.headback th a {color:#ffffff;}
.gridtable tr.headback th a {text-decoration:none;}
.gridtable tr.headback th a:hover {color:#3e6283; text-decoration:underline;}
.gridtable tr.headback th.first {padding-left:10px;}
.gridtable tr.headback th.txtright {text-align:right;}
.gridtable tr.headback th select {width:100%;}

.fixedtablehead {padding-right:15px; background-color:#3694d1; }
.fixedtablehead .gridtable {margin-bottom:0px; border:1px solid #3694d1;}
.fixedtable .gridtable {margin-bottom:0px;}
.fixedtable {height:608px; overflow-y:auto;}

.gridtable tr.green {height:30px; list-style-type:none; background-color:#e5f9ea; cursor:pointer;}
.gridtable tr.green td {color:#58c36c; border-bottom:1px solid #a5e0b3;}

.gridtable tr.green3 {height:30px; list-style-type:none; background-color:#e5f9ea; cursor:pointer;}
.gridtable tr.green3 td {color:#58c36c; border-bottom:1px solid #a5e0b3;}

.gridtable tr.red {height:30px; list-style-type:none; background-color:#f9e5ea; cursor:pointer;}
.gridtable tr.red td {color:#cb6f89; border-bottom:1px solid #e0a4b2;}

.gridtable tr.red3, .gridtable tr.red3B {height:30px; list-style-type:none; background-color:#f9e5ea;}
.gridtable tr.red3 td {color:#cb6f89; border-bottom:1px solid #e0a4b2;}
.gridtable tr.red3B td {color:#cb6f89;}

.gridtable tr.headbackgrey {height:40px; width:100%; background-color:#7d8085; text-align:left;}
.gridtable tr.headbackgrey th {background-color:#7d8085; color:#fff; padding:5px 10px 5px 0px;}
.gridtable tr.headbackgrey th.first {padding-left:10px;}
.gridtable tr.headbackgrey th.txtright {text-align:right;}

.linkcursor {cursor:pointer;}

/* ------------------------------------------------------- 
   page framework                                
------------------------------------------------------- */

.pagetop {position:relative; left:0px; top:0px; height:65px;}
.pagetop2 {position:relative; left:0px; top:0px; margin-bottom:15px;}
.pagetop3 {border-bottom:1px solid #abd3f7; margin-bottom:20px; padding-bottom:20px;}
.pagetop4 {position:relative; left:0px; top:0px;}
.pagetopleft {float:left; width:50%; color:#216082;}
.pagetopright {float:left; width:50%;}

.additem {float:right;}
.additem a {background-image: url(../images/plus.gif); background-repeat:no-repeat; background-position:5px center; padding:6px 10px 6px 30px; background-color:#3086c4; color:#ffffff;}

.backitem {text-align:right; padding-top:30px;}
.backitem a {background-image: url(../images/back.gif); background-repeat:no-repeat; background-position:5px center; padding:6px 10px 6px 30px; background-color:#3086c4; color:#ffffff;}

.button {float:right; margin-left:10px;}
.button a {padding:6px 10px 6px 10px; background-color:#3694d1; color:#ffffff;}

.button2 {float:right; margin:0px 0px 15px 10px;}
.button2 a {padding:6px 10px 6px 10px; background-color:#3694d1; color:#ffffff;}

.adminleft {float:left; width:64%;}
.adminright {float:left; width:35%; text-align:right;}
.adminleft2 {float:left; width:50%;}
.adminright2 {float:left; width:50%; text-align:right;}
.adminleft3 {float:left; width:80%;}
.adminright3 {float:left; width:20%; text-align:right;}
.adminleft4 {float:left; width:86%;}
.adminright4 {float:left; width:14%; text-align:right;}
.adminrow {margin-bottom:10px;}
.adminitem {float:left; margin-right:10px; color:#73a0b4;}
.adminitem2 {float:left; margin-right:20px;}
.adminborder {border-right:solid 1px #a5c6d5;}
.adminborder2 {border-right:dotted 1px #a5c6d5; padding-right:10px;}

.col5 {float:left; width:5%;}
.col10 {float:left; width:10%;}
.col15 {float:left; width:15%;}
.col20 {float:left; width:20%;}
.col22 {float:left; width:22%;}
.col25 {float:left; width:25%;}
.col30 {float:left; width:30%;}
.col33 {float:left; width:33%;}
.col35 {float:left; width:35%;}
.col40 {float:left; width:40%;}
.col45 {float:left; width:45%;}
.col50 {float:left; width:50%;}
.col55 {float:left; width:55%;}
.col60 {float:left; width:60%;}
.col65 {float:left; width:65%;}
.col70 {float:left; width:70%;}
.col80 {float:left; width:80%;}
.col85 {float:left; width:85%;}
.coltop {margin-top:10px;}
.colpad {margin:0 10px 10px 0;}
.chkpad {margin-bottom:20px;}

.col303 {float:left; width:30%; padding-right:3%;}
.col603 {float:left; width:60%; padding-right:2%;}

/*------------------------------------------------------- 
  forms   	                                    
------------------------------------------------------- */

label {color:#2a84c0; font-weight:normal;}
input {color:#000000; background-color:#f7fbfd; font-size:1.0em; padding:3px; font-family: Arial, Helvetica, Verdana, sans-serif; background-image:none; border:solid 1px #a5c6d5;}
select {color:#000000; background-color:#f7fbfd; font-size:1.0em; padding:3px; font-family: Arial, Helvetica, Verdana, sans-serif; border:solid 1px #a5c6d5;}
textarea {color:#000000; background-color:#f7fbfd; font-size:1.0em; font-family: Arial, Helvetica, Verdana, sans-serif; border:solid 1px #a5c6d5;}

.disabled input {color:#006591; background-color:#abc9e6;}
.disabled2 input {color:#69a0d2; background-color:#8ab5df;}
.disabled3 input {color:#739caf; background-color:#e1ecf1;}

.formbutton {border:none; font-weight:normal; color:#c6dbef; cursor:pointer; background-color:#2b6397; text-align:center; margin:0px; border:0px; width:80px; height:20px; padding:0px;}

.formbox {}
.formcol {float:left;}

.formelement {position:relative; left:0px; top:0px; margin-bottom:8px;}
.formlabel {float:left; position:relative; left:0px; top:0px; width:150px; color:#2a84c0;}
.forminput {float:left; position:relative; left:0px; top:0px; width:210px;}
.formelement input[type="checkbox"] {margin-right:5px;}

.formcheck {float:left; width:200px;}
.formcheck input {margin-right:5px;}

.right {text-align:right;}
.right input {text-align:right;}
.right2 input {text-align:right;}

.green a {color:#fff; background-color:#41be77; padding:3px 5px 3px 5px;}
.red a {color:#fff; background-color:#ca0303; padding:3px 5px 3px 5px;}

.green2 a {color:#fff; background-color:#41be77; padding:3px 5px 3px 5px;}
.red2 a {color:#fff; background-color:#ca0303; padding:3px 5px 3px 5px;}

.green {color:#41be77; padding:5px 8px 5px 8px;}
.green:hover {color:#fff; background-color:#41be77; text-decoration:none;}
.red {color:#ca0303; padding:5px 8px 5px 8px;}
.red:hover {color:#fff; background-color:#ca0303; text-decoration:none;}
.purple {color:#74558d; padding:5px 8px 5px 8px;}
.purple:hover {color:#fff; background-color:#74558d; text-decoration:none;}
.orange {color:#fff; background-color:#c56a31; padding:5px 8px 5px 8px;}
.orange:hover {color:#fff; background-color:#e18d58; text-decoration:none;}
.purple2 {color:#74558d; padding:5px 8px 5px 0px;}
.purple2:hover {color:#fff; background-color:#74558d; text-decoration:none; padding:5px 8px 5px 8px;}
.darkblue {color:#3e6283; padding:5px 8px 5px 8px;}
.darkblue:hover {color:#fff; background-color:#3e6283; text-decoration:none;}

.awaiting {color:#f9e5ea; background-color:#cb6f89; padding:3px 5px 3px 5px;}


.bluelink a {color:#3e86ad;}

.inputbutton {padding:4px 10px 4px 10px;}
.pagetitle {font-size:1.5em; color:#3695d2;}
.bluelabeltext {color:#216082;}
.imagebut {background-color:transparent; border:none;}

.labels {color:#2a84c0;}

.clientitem {width:250px; float:left; padding:5px 0px 5px 0px;}
.clientitem input {margin-right:5px;}

/*------------------------------------------------------- 
  modern forms   	                                    
------------------------------------------------------- */

.modform {}
.modform input {color:#444; border:#e2dede 1px solid; background-color:#f7f6f7; font-size:1.2em; padding:5px; border-radius:3px;}
.modform select {color:#444; border:#e2dede 1px solid; background-color:#f7f6f7; font-size:1.2em; padding:4px; border-radius:3px;}
.modform textarea {color:#444; border:#e2dede 1px solid; background-color:#f7f6f7; font-size:1.2em; padding:5px; border-radius:3px;}

.modbutbox input {display:inline-block; margin-bottom:5px;}

.modform input[type="text"], .modform select, .modform textarea {width:94%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.modformbox {width:94%;}

.modform input:focus {border:#ead59d 1px solid; background-color:#fdf7e7; color:#bd8301;} 
.modform select:focus {border:#ead59d 1px solid; background-color:#fdf7e7; color:#bd8301;} 
.modform textarea:focus {border:#ead59d 1px solid; background-color:#fdf7e7; color:#bd8301;} 
.modform input[type="submit"]:focus {background-color:#096da5; color:#fff;}

.adminbox {padding:20px;}
.modformtop {height:60px; border-bottom:1px solid #e2dede; margin-bottom:20px;}
.modformtop2 {border-bottom:1px solid #e2dede; margin-bottom:20px;}
.modtitle {color:#3695d2; font-size:1.2em; padding-bottom:5px; border-bottom:1px solid #abd3f7; margin:50px 0 20px 0; letter-spacing:0.2em; font-family:'Open Sans', sans-serif; text-transform:uppercase;}
.modtitle2 {color:#3695d2; font-size:1.4em; padding-bottom:5px; border-bottom:1px solid #abd3f7; margin:30px 0 20px 0; font-family:'Open Sans', sans-serif;}

.col_left, .col_right {float:none; margin-bottom:10px;}

.moditem {float:left; margin-right:5%; color:#73a0b4;}

.modlabel {float:left; position:relative; left:0px; top:0px; width:50%;}
.modinput {float:left; position:relative; left:0px; top:0px; width:50%;}
.modright input {text-align:right;}

.modsection {border-bottom:1px solid #abd3f7; margin-bottom:20px; padding-top:40px;}

.modbutton {border:none; color:#fff; background-color:#63666a; cursor:pointer; text-align:center; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:3px;}
.modbutton2 {border:none; color:#fff; background-color:#49bf5e; cursor:pointer; text-align:center; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:3px;}
.modbutton3 {border:none; color:#fff; background-color:#f15822; cursor:pointer; text-align:center; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:3px;}
.modbutton4 {border:none; color:#fff; background-color:#74558d; cursor:pointer; text-align:center; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:3px;}
.plus {border:none; color:#fff; background-color:#3694d1; cursor:pointer; text-align:center; font-size:1.2em; padding:3px 8px 3px 8px; border-radius:3px;}
.modform .plus {border:none; color:#fff; background-color:#3694d1; cursor:pointer; text-align:center; font-size:1.2em; padding:3px 8px 3px 8px; border-radius:3px;}

.modform .modbutton {border:none; color:#fff; background-color:#63666a; cursor:pointer; text-align:center; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:3px;}
.modform .modbutton2 {border:none; color:#fff; background-color:#49bf5e; cursor:pointer; text-align:center; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:3px;}
.modform .modbutton3 {border:none; color:#fff; background-color:#f15822; cursor:pointer; text-align:center; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:3px;}
.modform .modbutton4 {border:none; color:#fff; background-color:#74558d; cursor:pointer; text-align:center; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:3px;}

.modform .orange {color:#fff; background-color:#c56a31; padding:5px 8px 5px 8px;}

.modlink {float:right; margin-left:10px;}
.modlink a {background-color:#63666a; color:#fff; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:5px;}
.modlink a:hover {color:#fff;}

.modlink2 {float:right; margin-left:10px;}
.modlink2 a {background-color:#74558d; color:#fff; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:5px;}

.modlink3 {float:right; margin-left:10px;}
.modlink3 a {background-color:#d81e05; color:#fff; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:5px;}
.modlink3 a:hover {color:#fff;}

.modlink4 {background-color:#3694d1; color:#fff; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:5px; cursor:pointer;}
.modlink4:hover {color:#fff;}

.modlink5 {float:right; margin-left:10px;}

.modlink6 {margin-left:10px;}
.modlink6 a {background-color:#3694d1; color:#fff; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:5px;}

.modlink7 {float:right; margin-left:10px;}
.modlink7 a {background-color:#63666a; color:#fff; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:5px;}
.modlink7 a:hover {color:#fff;}

.modlink8 {float:left; margin-right:10px;}
.modlink8 a {background-color:#49bf5e; color:#fff; font-size:1.2em; padding:5px 10px 5px 10px; border-radius:5px;}
.modlink8 a:hover {color:#fff;}

.modform .formelement {margin-bottom:10px;}
.modform .formelementright {margin-bottom:10px;}
.modform .formelementright input {text-align:right;}
input.disabled {color:#a7a7a7; background-color:#fafafa;}
input.valid, textarea.valid {background-color:#eafcea; color:#4dac4e; border:#8ad28b 1px solid;}
select.valid {background-color:#eafcea; color:#4dac4e; border:#8ad28b 1px solid;}
input.invalid {background-color:#fdf2f2; color:#de1c1c; border:#fc8989 1px solid;}
.modform input.valid:focus {border:#8ad28b 1px solid; background-color:#eafcea; color:#4dac4e;} 

.modform input.valid, .modform textarea.valid {background-color:#eafcea; color:#4dac4e; border:#8ad28b 1px solid;}
.modform select.valid {background-color:#eafcea; color:#4dac4e; border:#8ad28b 1px solid;}
.modform input.invalid {background-color:#fdf2f2; color:#de1c1c; border:#fc8989 1px solid;}
.modform select.invalid {background-color:#fdf2f2; color:#de1c1c; border:#fc8989 1px solid;}

.modform input.disabled {background-color:#ebeaeb; color:#acabab; border:#d7d4d4 1px solid;}
.modform select.disabled {background-color:#ebeaeb; color:#acabab; border:#d7d4d4 1px solid;}


.formelementupload input[type="text"] {width:60%;}
div.RadUpload .ruFakeInput {border:#a5c6d5 1px solid !important; color:#444444; background-color:#f7fbfd; font-size:1.2em; padding:0px;  border-radius:5px; height:23px;}

label.invalid {color:#de1c1c}

.modradio {padding:10px 0px 0px 0px;}
.modradio label {margin:0px 10px 0px 0px;}

.modform2 select {color:#444444; border:#2182c1 1px solid; background-color:#b5dbf3; font-size:1.0em; padding:4px; border-radius:5px;}
.small {font-size:0.8em; font-weight:normal;}

.checkboxes input[type="checkbox"] + label {display:inline-block; height:25px; vertical-align:middle; padding-left:24px; background:url(/images/jacinth.png) 0px -24px no-repeat; cursor:pointer;}
.checkboxes input[type="checkbox"] {display:none;}
.checkboxes input[type="checkbox"]:hover + label {}
.checkboxes input[type="checkbox"]:hover {}
.checkboxes input[type="checkbox"]:checked + label {background:url(/images/jacinth.png) 0px 0px no-repeat;}
.checkboxes input[type="checkbox"]:checked {}

.checkboxes2 input[type="checkbox"] + label span {display:inline-block; height:25px; padding-left:24px; background:url(/images/jacinth.png) 0px -24px no-repeat; cursor:pointer;}
.checkboxes2 input[type="checkbox"] {display:none;}
.checkboxes2 input[type="checkbox"]:checked + label span {background:url(/images/jacinth.png) 0px 0px no-repeat;}
.checkboxes2 input[type="checkbox"]:checked {}

.checkboxes input[type="checkbox"][disabled] + label {display:inline-block; height:25px; padding-left:24px; background:url(/images/jacinth.png) 0px -738px no-repeat; cursor:pointer; color:#006591;}
.checkboxes input[type="checkbox"][disabled] {display:none;}
.checkboxes input[type="checkbox"][disabled]:checked + label {background:url(/images/jacinth.png) 0px -714px no-repeat; color:#006591;}
.checkboxes input[type="checkbox"][disabled]:checked {}

.checkboxes {margin:0 0 15px 0;}

.tooltip {position:relative; display:inline-block;}
.tooltip .tooltiptext {visibility:hidden; width:400px; background-color:#3694d1; color:#fff; text-align:center; border-radius:5px; padding:15px; position:absolute; z-index:1; bottom:150%; left:0; margin-left:0;}
.tooltip .tooltiptext::after {content:" "; position:absolute; top:100%; left:10%; margin-left:-5px; border-width:5px; border-style:solid; border-color: #3694d1 transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible;}

.sectionheading {background-color:#7d8085; color:#fff; width:96%; padding:10px 2% 10px 2%; margin-bottom:20px; border-radius:5px;}
.sectionheading2 {background-color:#f7848c; color:#fff; width:96%; padding:10px 2% 10px 2%; margin-bottom:20px; border-radius:5px;}
.sectiondelete {float:left; margin-right:15px;}
.sectiontitle {float:left; font-weight:bold; padding-top:3px;}
.sectionpremium {float:right; margin:3px 100px 0px 0px;}
.sectionaircraft {float:right; margin:3px 30px 0px 0px;}
.sectiontoggle {float:right;}
.sectiontoggle a {border:none;}

.toggledown {position:relative; left:0px; width:22px; height:15px; background:url('../images/jacinth.png') 0px -76px;}
.toggleup {position:relative; left:0px; width:22px; height:15px; background:url('../images/jacinth.png') 0px -92px;}
.deleteicon {position:relative; left:0px; width:22px; height:22px; background:url('../images/jacinth.png') 0px -113px;}

.usages {color:#444; border:#e2dede 1px solid; background-color:#f7f6f7; font-size:1.2em; padding:5px; border-radius:5px; cursor:pointer; width:90%;}
.usages:hover {border:#ead59d 1px solid; background-color:#fdf7e7; color:#bd8301;}

.clauses {color:#444; border:#e2dede 1px solid; background-color:#f7f6f7; font-size:1.2em; padding:5px; border-radius:5px; cursor:pointer; width:93%;}
.clauses:hover {border:#ead59d 1px solid; background-color:#fdf7e7; color:#bd8301;}
.clauses2 {color:#4dac4e; border:#8ad28b 1px solid; background-color:#eafcea; font-size:1.2em; padding:5px; border-radius:5px; cursor:pointer; width:93%;}

.aircrafthours {background-color:#f7f6f7; color:#444; border:#e2dede 1px solid; font-size:1.2em; padding:5px; border-radius:5px; width:60%;}

.modtable {border-collapse:separate; border-spacing:5px;}
.modtable tr td { padding: 2px; }

.dashlink a {border:none; color:#a5a5a5; background-color:#fff; border:1px solid #c0bfbf; cursor:pointer; text-align:center; font-size:0.9em; padding:5px 10px 5px 10px; border-radius:5px; text-transform:uppercase; float:right; margin-left:10px;}
.dashlink a:hover {text-decoration:none; color:#3694d1; border:1px solid #3694d1;}
.dashdate {color:#3695d2; font-size:1.4em;  float:right; margin-left:10px;}

/*------------------------------------------------------- 
  stats folders                              
------------------------------------------------------- */

.statsfolders {margin-top:20px;}
.statsfolder {float:left; position:relative; width:100%; height:180px; padding:0px 0px 20px 0px;}

.statsfolderbox a {display:block; background-color:#63666a; color:#fff; width:100%; height:155px;}
.statsfolderbox a:hover {background-color:#4a4e52; color:#fff; text-decoration:none;}
.statsfoldername {position:absolute; right:20px; bottom:50px; padding:10px; text-align:right;}
.statsfilename {padding:20px 10px 10px 10px;}
.statsfolderdelete {position:absolute; left:0px; top:160px;}

.statsfilebox {position:relative;}
.statsfilebox a {display:block; background-color:#007eba; color:#fff; width:100%; height:155px;}
.statsfilebox a:hover {background-color:#1f628f; color:#fff; text-decoration:none;}

.statsdocicon {position:absolute; left:10px; top:90px;}
.statsfilesize {position:absolute; left:65px; top:115px; font-size:0.8em;}
.statsupdated {position:absolute; left:65px; top:115px; font-size:0.8em;}

/* ------------------------------------------------------- 
  news                    
------------------------------------------------------- */

.newsbox {position:relative; top:0px; left:0px; padding:35px; background-color:#fbf3ce; margin:30px;}
.newsbox:before {content:""; position:absolute; top:0; right:0; border-width:0 35px 35px 0; border-style:solid; border-color:#eadfac #fff;}

.newsitem {position:relative; top:0px; left:0px; color:#965a34; font-size:1.2em;}
.editbutton {position:absolute; top:0px; right:70px; font-size:1.2em; text-align:right;}

.editbutton .orange {padding:10px 15px; border-radius:0 0 7px 7px;}
.savebutton .orange {padding:10px 15px; border-radius:7px;}
/* ------------------------------------------------------- 
 tooltip     
------------------------------------------------------- */

 #dhtmltooltip{position:absolute; background-image: url(../images/tag.gif); background-repeat:no-repeat; background-position:top left;
 left: -100px; width: 250px; height:123px; padding:2px; visibility:hidden; z-index:100; padding-top:12px; padding-left:12px; padding-right:35px; color:#3e86ad;}
 #dhtmlpointer{position:absolute; left:-100px; z-index:101; visibility:hidden;}

/*------------------------------------------------------- 
  report viewer toolbar	                                    
------------------------------------------------------- */

.report input[type="image"] {background-color: transparent;}

.clientboxpos {position:relative; top:0px; left:0px; padding:20px 0px 0px 20px; text-align:left;}

.bluebox {position:relative; float:none; width:94%; padding:2%; height:200px; background-color:#ecf5fb; margin-bottom:20px;}
.blueboxbutton {position:absolute; bottom:20px;}
.blueboxtitle {font-size:1.4em; color:#3086c4;}

/*------------------------------------------------------- 
  airline	                                    
------------------------------------------------------- */

.losscol2 {position:relative; float:left; width:100%; height:250px; overflow:hidden;}
 div.panel {position:absolute; width:100%; height:100%;}
#historiclosses {position:relative; width:100%;}
#historiclosses table{width:100%;}
#lossdetail table {width:100%;}

#blueborders td table.whitecells2 {border:1px solid #000;}
#blueborders td table.whitecells2 td {border:1px solid #fff; padding:7px;}
#blueborders td table.whitecells2 td input {width:100%;}
#blueborders td table.whitecells2 td.rightinput2 input {width:80%;}

.hidebox {display:none;}

/*------------------------------------------------------- 
  jaqpot	                                    
------------------------------------------------------- */

.questadd {float:right;}
.questadd a {background-image: url(../images/plus.gif); background-repeat:no-repeat; background-position:5px center; padding:6px 10px 6px 30px; background-color:#3086c4; color:#ffffff;}

.questback {text-align:right; padding-top:30px;}
.questback a {background-image: url(../images/back.gif); background-repeat:no-repeat; background-position:5px center; padding:6px 10px 6px 30px; background-color:#3086c4; color:#ffffff;}

.questimport {text-align:right; padding-top:30px;}
.questimport a {background-image: url(../images/import.gif); background-repeat:no-repeat; background-position:5px center; padding:6px 10px 6px 30px; background-color:#3086c4; color:#ffffff;}

.questtop2 {position:relative; left:0px; top:0px; height:50px; color:#3086c4;}
.quesbutton {background-image: url(../images/plus.gif); background-repeat:no-repeat; background-position:5px center; padding:6px 10px 6px 30px; background-color:#3086c4; color:#ffffff; cursor:pointer; border:0px; margin:0px; font-weight:bold;}
.exportbutton {background-image: url(../images/excel.gif); background-repeat:no-repeat; background-position:5px center; padding:6px 10px 6px 35px; color:#3086c4; cursor:pointer; border:0px; margin:0px; font-weight:bold; background-color:transparent;}
.exportbutton:focus {border:none; background-color:transparent; color:#bd8301;} 

.questyear {float:left; margin-right:20px;}
.questyear label {color:#3086c4; font-weight:bold;}

.viewbutton {background-image: url(../images/view.gif); background-repeat:no-repeat; background-position:5px center; padding:6px 10px 6px 35px; color:#3086c4; cursor:pointer; border:0px; margin:0px; font-weight:bold; background-color:#ffffff;}
.viewbutton:focus {border:#ffffff 1px solid; background-color:#ffffff; color:#bd8301;} 

.involbutton {background-image: url(../images/add_invol.gif); background-repeat:no-repeat; background-position:5px center; padding:6px 10px 6px 35px; color:#3086c4; cursor:pointer; border:0px; margin:0px; font-weight:bold; background-color:#ffffff;}
.involbutton:focus {border:#ffffff 1px solid; background-color:#ffffff; color:#bd8301;} 

.questheads {font-size:1.6em; padding:30px 0px 10px 20px; background-color:#ffffff;}
.questname {float:left; color:#3086c4; padding-top:2px;}
.questbut {float:left;}
.questinvol {float:right; padding-right:20px; font-size:0.8em;}

#CurrencyBox {width:350px; height:100px; background-color:#e5f1f9; padding:15px; color:#1c6aa2;}
#NotesBox {width:350px; height:210px; background-color:#e5f1f9; padding:15px; color:#1c6aa2;}

.popuptitle {color:#3086c4; font-size:1.8em; margin-bottom:20px;}
.note {border-left:3px solid #faebcc; padding:8px; color:#8a6d3b; background-color:#faf8f0;}

#InvolBack {position:fixed; margin:0; top:0; left:0; width:100%; height:100%; background-color: rgba(12, 44, 76, 0.50); z-index:99;}
#InvolBorder {border:1px solid #a5c6d5; padding:10px; background-color:#fff; width:950px; margin:100px auto;}
#InvolBox {background-color:#e5f1f9; padding:15px; color:#1c6aa2;}

.audit1 {color:#6b7e8a; padding:10px; border-top:1px dotted #9baeb9;}
.audit2 {color:#216082; background-color:#e5f1f9; padding:10px;}
.addaudit {color:#216082; background-color:#e5f1f9; padding:10px; border-top:1px dotted #a4c8e0;}
.editaudit {color:#5ba751; background-color:#e5f4e3; padding:10px; border-top:1px dotted #5ba751;}

.auditleft {float:left; width:30%; margin-left:10%;}
.auditright {float:left; width:60%;}

.audittitle {font-size:1.4em;}

.pagerfooter {width:100%; padding:20px;}


/*------------------------------------------------------- 
  magico                        
------------------------------------------------------- */

.CcySpacer {width:70px;}

/*div.comboinput .rcbInputCell { height: 37px;}*/

div.comboinput .rcbInputCell INPUT.rcbInput:focus {border:none; background-color:#fff; color:#bd8301;} 

.endorse {font-size:1.4em; text-transform:uppercase; padding-left:100px;}

.popupgrid {width:100%; height:100%;}
.popuptop {position:absolute; top:0; left:0; width:calc(100% - 40px); height:30px; padding:20px; border-bottom:1px solid #abd3f7;}
.popupmid {position:absolute; top:70px; bottom:50px; padding:20px; overflow-y:auto; width:calc(100% - 40px);}
.popupbot {position:absolute; bottom:0; left:0; width:calc(100% - 40px); height:30px; padding:10px 20px; border-top:1px solid #abd3f7;}
.checkgrid {display:grid; grid-template-columns:1fr; grid-template-rows:auto; grid-gap:10px; width:100%;}

.alert {padding:15px; margin:20px 0; border:1px solid transparent; border-radius:4px;}
.alert-red {color:#a94442; background-color:#f2dede; border-color:#ebccd1;}
.alert-yellow {color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc;}
.alert-blue {color:#31708f; background-color:#d9edf7; border-color:#bce8f1;}
.alert-green {color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6;}

.searchgrid {display:grid; grid-template-columns:3fr 1fr 1fr 1fr; grid-template-rows:auto; grid-gap:10px; display:-ms-grid; -ms-grid-columns:3fr 1fr 1fr 1fr; -ms-grid-rows:auto;}
.querygrid {display:grid; grid-template-columns:1fr 1fr 1fr; grid-template-rows:auto; grid-gap:10px; display:-ms-grid; -ms-grid-columns:1fr 1fr 1fr; -ms-grid-rows:auto;}
.filtergrid {display:grid; grid-template-columns:1fr; grid-template-rows:auto; grid-gap:10px; display:-ms-grid; -ms-grid-columns:1fr; -ms-grid-rows:auto;}

#sgc1 {-ms-grid-row:1; -ms-grid-column:1;}
#sgc2 {-ms-grid-row:1; -ms-grid-column:2; padding-left:10px;}
#sgc3 {-ms-grid-row:1; -ms-grid-column:3; padding-left:10px;}
#sgc4 {-ms-grid-row:1; -ms-grid-column:4;}

#fgc1 {-ms-grid-row:1; -ms-grid-column:1;}
#fgc2 {-ms-grid-row:2; -ms-grid-column:1; padding-top:10px;}

#qgc1 {-ms-grid-row:1; -ms-grid-column:1;}
#qgc2 {-ms-grid-row:1; -ms-grid-column:2;}
#qgc3 {-ms-grid-row:1; -ms-grid-column:3;}
#qgc4 {-ms-grid-row:2; -ms-grid-column:1; padding-top:10px;}
#qgc5 {-ms-grid-row:2; -ms-grid-column:2; padding-top:10px;}

.colgrid {display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto; width:100%; height:100%; grid-gap:10px;}
.checkboxitem input[type=checkbox] {position:relative; cursor:pointer;}
.checkboxitem input[type=checkbox] + label {display:inline-block; vertical-align:middle; margin-left:20px; padding-top:10px; width:calc(100% - 50px); cursor:pointer;}
.checkboxitem input[type=checkbox]:before {content: ""; display:block; position:absolute; width:16px; height:16px; top:0; left:0; border:1px solid #a5c6d5; border-radius:3px; background-color:#f7fbfd;}
.checkboxitem input[type=checkbox]:checked:before {background-color:#34c56f;}
.checkboxitem input[type=checkbox]:checked:after {content: ""; display:block; width:5px; height:10px; border:solid #fff; border-width: 0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:2px; left:6px;}

 /* ------------------------------------------------------- 
    Popup
 ------------------------------------------------------- */

.popup{position:fixed; margin:0; top:0; left:0; width:100%; height:100%; background-color: rgba(125, 128, 133, 0.65); z-index:999;}
.popupgrid {display:grid; grid-template-columns:1fr 90% 1fr; grid-template-rows:2fr 90% 3fr; width:100%; height:100vh;}
.popupcell {grid-column:2/3; grid-row:2/3; background-color:#fff; padding:20px; border:5px solid #d81e05; border-radius:10px;}
.popupinner {position:relative; height:95%;}

/* ------------------------------------------------------- 
    alert
 ------------------------------------------------------- */

.alertpopup{position:fixed; margin:0; top:0; left:0; width:100%; height:100%; background-color: rgba(125, 128, 133, 0.65); z-index:999;}
.alertgrid {display:grid; grid-template-columns:1fr 50% 1fr; grid-template-rows:2fr 200px 3fr; width:100%; height:100vh;}
.alertcell {grid-column:2/3; grid-row:2/3; background-color:#fff; padding:20px; border:5px solid #d81e05; border-radius:10px;}
.alertinner {position:relative; height:95%;}

.alertSplit {display:grid; grid-template-columns:auto; width:100%; height:100%; grid-template-rows:1fr 20px; grid-gap:0;}
.alertbuttons {text-align:right;}


@media screen and (min-width:380px) {
     dt {font-size:1.4em;} 
    .statsfolder {width:47%; padding:0px 3% 20px 0px;}

    .appframe {grid-template-columns:1fr 1fr;}
}

/* ==========================================================================
   Tablet Portrait
   ========================================================================== */

@media screen and (min-width:481px) {

    html.fullback {background: url('../images/login.jpg') no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    html.clientback {background: url('../images/login.jpg') no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .containerLogin {max-width:400px; height:50%;}
    .loginlogo {position:absolute; right:20px; top:20px; display:inline-block;}
    
    .col_logo {float:left; width:40%;}
    .col_nav {float:left; width:57%;}

    .blue {height:65px;}

    .folder {width:140px; height:140px;}
    .filebox a {width:120px; height:120px;  padding:10px;}
    .docicon {left:10px; top:80px;}
    .filesize {left:65px; top:85px; font-size:0.8em;}
    .updated {left:65px; top:105px; font-size:0.8em;}

    .ddate {height:30px;}
    .documentdate {position:absolute; top:0px; right:20px;}

    .statsfilesize {left:70px; font-size:0.9em;}
    .statsupdated {left:70px; font-size:0.9em;}
    .modfolder {width:23%; padding:0px 2% 20px 0px;}

    dt a {padding:20px;}
    dd {padding:20px;}
}

@media screen and (min-width:570px) {
    .statsfolder {width:30%; padding:0px 3% 20px 0px;}
    .col_left, .col_right {float:left; width:45%; margin-right:5%; margin-bottom:0px;}
    .col_33 {float:left; width:30%; margin-right:3%;}
    .appframe {grid-template-columns:1fr 1fr 1fr;}
}

/* ==========================================================================
   Desktop layout
   ========================================================================== */

@media screen and (min-width:781px) {

    .loginlogo {right:4%; top:4%;}


    .appbox {padding:30px;}
    #Documents {padding:20px 20px 0px 20px;}
    .ddate {height:10px;}

    .modfolder {width:23%; padding:0px 2% 20px 0px;}
    .modfoldername {font-size:1.3em;}
    .statsfolder {width:23%; padding:0px 2% 20px 0px;}
    .statsfoldername, .filename {font-size:1.1em;}

    .bluebox {float:left; width:26%; background-color:#ecf5fb; padding:2%; margin:0px 1.5% 20px 1.5%;}
}

/* ==========================================================================
   Large Desktop layout
   ========================================================================== */

@media screen and (min-width:1000px) {
    .statsfolder {width:18.5%; padding:0px 1.5% 20px 0px;}
    .modfolder {width:18.5%; padding:0px 1.5% 20px 0px;}

    .pubfoldercol {width:15%;}
    .pubfilecol {width:25%;}
    .pubpdfcol {width:60%;}

    .appframe {grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:20px;}
    .appbox {padding:30px 0;}
}

@media screen and (min-width:1100px) {
    .statsfolder {width:14.5%; padding:0px 1.5% 20px 0px;}
    .pubfoldercol {width:15%;}
    .pubfilecol {width:22%;}
    .pubpdfcol {width:63%;}
}

@media screen and (min-width:1200px) {
    .pubfoldercol {width:15%;}
    .pubfilecol {width:20%;}
    .pubpdfcol {width:65%;}
    
    .appframe {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}

    .searchgrid {grid-template-columns:4fr 2fr 1fr 1fr; -ms-grid-columns:4fr 2fr 1fr 1fr;}
    .querygrid {grid-template-columns:1fr 1fr 1fr; -ms-grid-columns:1fr 1fr 1fr;}
    .filtergrid {grid-template-columns:1fr 1fr; -ms-grid-columns:1fr 1fr;}

    #fgc2 {-ms-grid-row:1; -ms-grid-column:2; padding-top:0;}
}

@media screen and (min-width:1240px) {
    .statsfolder {width:12.75%; padding:0px 1.5% 20px 0px;}

}

@media screen and (min-width:1300px) {
    .pubfoldercol {width:14%;}
    .pubfilecol {width:19%;}
    .pubpdfcol {width:67%;}
    
    .querygrid {grid-template-columns:1fr 1fr 1fr 1.25fr 0.75fr; -ms-grid-columns:1fr 1fr 1fr 1.25fr 0.75fr;}
    #qgc4 {-ms-grid-row:1; -ms-grid-column:4; padding-top:0;}
    #qgc5 {-ms-grid-row:1; -ms-grid-column:5; padding-top:0;}
}

@media screen and (min-width:1400px) {

    #historiclosses table{width:90%;}
    #lossdetail table {width:90%;}
    .appframe {grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;}
}

@media screen and (min-width:1500px) {
    .pubfoldercol {width:14%;}
    .pubfilecol {width:16%;}
    .pubpdfcol {width:70%;}
}