/* ==========================================================================
   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: #3695d2; font-size:1.8em; margin:0px 0px 15px 0px; font-family:'Open Sans', sans-serif;}
h2 {color: #bbd5e3; font-size:1.8em; font-weight:bold; 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:#3086c4; text-decoration:none;}
a:hover {color:#c96363; 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:#6d6e71;}
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:#ffffff;}

.formsbutton {border:none; color:#ffffff; background-color:#3694d1; cursor:pointer; text-align:center; font-size:1.2em; padding:5px 10px 5px 10px;}
.inputbutton {color:#ffffff; 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 {color:#ffffff; margin:0px 10px 10px 10px; background-color:#3795d3;
       background-image:-webkit-gradient(linear,left top,left bottom,from( #3795d3 ),to( #2c86c2 ));
       background-image:-webkit-linear-gradient( #3795d3,#2c86c2 );
       background-image:-moz-linear-gradient( #3795d3,#2c86c2 );
       background-image:-ms-linear-gradient( #3795d3,#2c86c2 );
       background-image:-o-linear-gradient( #3795d3,#2c86c2 );
       background-image:linear-gradient( #3795d3,#2c86c2 );
}
.reportblue {color:#ffffff; height:65px; background-image:url(../images/toolbar_back.jpg); background-repeat:repeat-x; margin:0px 10px 0px 10px;}
.grad {background-color:#ecf5fb; background-image:url(../images/innerbox.jpg); background-position:left top; background-repeat:repeat-x; 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:2500px; width:100%; margin:0px auto; position:relative;}
.containerfull {min-width:980px; width:100%; margin:0px auto; position:relative;}
.containerResp {max-width:1800px; width:100%; margin:0px auto; position:relative;}

.containerLogin, .containerLogin2  {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;}

/* ------------------------------------------------------- 
    vectors                             
------------------------------------------------------- */

.vectors {display:none;}
.vector {position:relative; width:100%; height:100%;}

.calendaricon, .aircrafticon, .generalicon, .globeicon  {width:60px; height:60px; fill:#3695d2;}
.modelicon {width:84px; height:56px; fill:#3695d2;}
.foldericon {width:72px; height:72px; fill:#3694d1;}
.tick {width:24px; height:24px; fill:#18a694;}
.claimsicon, .newfaqicon, .contacticon, .docsicon, .statsicon, .searchicon, .pubsicon, .dataicon, .docgenicon, .certsicon, .scertsicon, .newdocicon, .moduleicon, .reporticon, .employeeicon, .accmanreficon {width:60px; height:60px; fill:#fff; padding:10px;}
.fleeticon,.chpicon {width:80px; height:80px; fill:#fff;}
.commenticon {width:48px; height:48px; fill:#1f135a;}

/* ------------------------------------------------------- 
  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;}

.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;}
.logininput label {color:#fff; font-size:1.1em;}

.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;}

.jacinthlogin {position:relative; left:0px; width:193px; height:62px; background:url('../images/website.png') 0px 0;}

.gallagherlogin {position:relative; left:0px; width:260px; height:50px; background:url('../images/website.png') -16px -371px;}
.gallagher {position:relative; left:0px; width:260px; height:50px; background:url('../images/website.png') -16px -308px;}

.gallagherlogin2 {position:relative; left:0px; width:240px; height:100px; background:url('../images/website.png') 0 -186px;}
.gallagher2 {position:relative; left:0px; width:240px; height:100px; background:url('../images/website.png') 0 -78px;}

.mapfrelogin {position:relative; left:0px; width:300px; height:65px; background:url('../images/website_old.png') 0 -244px;}
.magico {position:relative; left:0px; width:200px; height:60px; background:url('../images/website_old.png') 0 -315px;}
.mapfre {position:relative; left:0px; width:142px; height:30px; background:url('../images/website_old.png') -3px -393px;}

.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;}

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

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

#jacinthlogo {padding:10px 0px 0px 18px;}
#jacinthlogo2 {padding:12px 0px 0px 22px;}
#jacinthlog3 {padding:12px 0px 12px 22px;}
#logininfo {text-align:right; color:#bcdbf0; font-size:0.9em; padding:10px 20px 10px 0px;}
#logininfo a {font-weight:normal; text-decoration:underline; color:#bcdbf0;}
#logininfo a:hover {color:#95c6e7;}

#jacinthlogo2 a {font-family:'Open Sans', sans-serif; text-decoration:none; color:#fff; font-size:1.6em; font-weight:400;}
#jacinthlogo2 a:hover {color:#a4d1f0;}
#jacinthlogo2 a .appname {font-size:1em; color:#00a8c8; font-weight:400; padding-left:20px;}

#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:#ffffff; text-decoration:none; padding-left:5px; padding-right:20px;}
#tools a:hover {color:#bcdbf0;}

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

.facilityname {background-color:#6fc08c; color:#fff; padding:2px 4px 2px 4px;}

/* ------------------------------------------------------- 
   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:#ffffff; 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:#ffffff;}
#listselected a {color:#ffffff; 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: #ffffff;}


/* ------------------------------------------------------- 
   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:#ecf5fb; color:#97b7d0; cursor:pointer;}
.tab a:hover {background-color:#ffffff; color:#2b86c3;}
.tabtext {position:relative; top:0px; left:0px; height:21px; margin:2px; text-align:center; padding-top:7px; background-color:#ffffff; color:#2b86c3;}
.tabtext2 {position:relative; top:0px; left:0px; height:21px; margin:2px; text-align:center; padding-top:7px; background-color:#ecf5fb;}

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

/* extra height */

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

.tabsselected {float:left; width:120px; height:45px; margin:0px; background-color:#ffffff;}
.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                                    
------------------------------------------------------- */

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

.appbox {background-color:#186aa6; background: linear-gradient(to bottom, #3795d3, #186aa6); align-self:center; text-align:center; padding:20px 0; opacity:0.9;}
.appbox a {color:#fff; font-weight:bold;}
.appbox a:hover {color:#afd3f5; text-decoration:none;}
.appbox a:hover .appicon svg {fill:#afd3f5; transform: scale(1.4);}

.appicon {width:100%;}
.apptitle {margin-top:10px; font-size:1.2em;}

.moduletitle {margin:10px 0 20px 0; font-size:1.2em; height:30px;}

.appbox2 {background-color:#317a46; background: linear-gradient(to bottom, #6cb480, #317a46); align-self:center; text-align:center; padding:20px 0; opacity:0.9;}
.appbox2 a {color:#fff; font-weight:bold;}
.appbox2 a:hover {color:#97d3a8; text-decoration:none;}
.appbox2 a:hover .appicon svg {fill:#97d3a8; transform: scale(1.4);}

#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:#ffffff; width:110px; height:160px;  padding:5px;}
.filebox a:hover {background-color:#317646; color:#ffffff; 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:#ffffff; width:100%; height:155px;}
.modfolderbox a:hover {background-color:#c19717; color:#ffffff; 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:30px; 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: #ffffff; 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:#3086c4; 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:#ffffff; padding:5px 7px 5px 7px; background-color:#3086c4; 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:#ffffff; margin-right:5px;}
.pagerleft a.redbutton {background-color:#d76060;}
.pagerright {float:right; color:#3086c4;}

.directorypageof {color:#2a84c0; 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:#3086c4; font-weight:bold; padding:0px; margin-right:10px;}
.pagingnav li a:hover {text-decoration:underline;}

.pagingon {color:#ffffff; padding:4px 6px 4px 6px; margin-right:6px; background-color:#3086c4; 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; border:1px solid #e9e9eb; margin:0 20px 20px 0;}
.fldbox a, .fldbox2 a {color:#3086c4;}


/* ------------------------------------------------------- 
  doc ex folders                      
------------------------------------------------------- */

.docexfoldergrid {display:grid; width:100%; grid-template-columns:auto; grid-template-rows:auto; grid-gap:20px;}
.docexfolder {display:grid; width:100%; grid-template-columns:auto; grid-template-rows:50px 1fr 40px; border:1px solid #e9e9eb;}

.folderlink a:hover {text-decoration:none; color:#3086c4;}
.foldernamegrid {display:grid; width:100%; grid-template-columns:auto; grid-template-rows:1fr 20px; padding:10px 0;}
.foldericonbox {align-self:center; text-align:center;}
.fldname {text-align:center;}
.folderlink a:hover .foldericonbox {transform: scale(1.4);}

.fldbuts {display:grid; width:100%; grid-template-columns:1fr 1fr; grid-template-rows:auto; border-top:1px solid #e9e9eb;}
.fldedit {border-right:1px solid #e9e9eb; text-align:center;}
.flddel {text-align:center;}
.fldedit a, .flddel a {padding:10px 0; display:inline-block; width:100%;}
.fldedit a:hover {color:#58c36c; text-decoration:none;}
.flddel a:hover {color:#cb6f89; text-decoration:none;}

.completebox {text-align:right; padding:10px 10px 0 0;}
.completebox input[type=checkbox] {position:relative; cursor:pointer;}
.completebox input[type=checkbox] + label {display:inline-block; height:25px; vertical-align:middle; margin-left:5px; padding-top:13px; color:#3086c4;}
.completebox input[type=checkbox]:before {content: ""; display:block; position:absolute; width:16px; height:16px; top:0; left:0; border:2px solid #3694d1; border-radius:3px; background-color:#fff;}
.completebox input[type=checkbox]:checked:before {background-color:#3694d1;}
.completebox 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;}

.completedisabled {text-align:right; padding:10px 10px 0 0;}
.completedisabled input[type=checkbox] {position:relative; cursor:pointer;}
.completedisabled input[type=checkbox] + label {display:inline-block; height:25px; vertical-align:middle; margin-left:5px; padding-top:13px; color:#c7c7c9;}
.completedisabled input[type=checkbox]:before {content: ""; display:block; position:absolute; width:16px; height:16px; top:0; left:0; border:2px solid #e9e9eb; border-radius:3px; background-color:#fff;}
.completedisabled input[type=checkbox]:checked:before {background-color:#e9e9eb;}
.completedisabled 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;}

/* ------------------------------------------------------- 
  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 #abd3f7; padding-top:20px; color:#97b7d0;}
.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/error.gif); background-position:10px 10px; background-repeat:no-repeat;}
.warning2 {background-color:#de1c1c; color:#ffffff; font-size:1.2em; padding:20px 20px 20px 70px; background-image:url(../images/error.gif); background-position:20px 20px; background-repeat:no-repeat;}

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


.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 #abd3f7; margin-bottom:20px;}
.gridtable tr.headback {height:40px;  background-color:#3694d1;}

.gridtable tr.headback td, .gridtable tr.headback td a {color:#fff;}
.gridtable tr.headback th, .gridtable tr.headback th a {color:#fff; text-align:left; font-weight:400;}
.gridtable tr.headback td a {text-decoration:underline; padding:5px 8px 5px 0px;}
.gridtable tr.headback td a:hover {background-color:#3e6283; text-decoration:none; padding:5px 8px 5px 8px;}

.gridtable td {padding:4px 10px 4px 0px;}
.gridtable td.first, .gridtable tr.headback th.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:#e5f1f9;}
.gridtable tr.rowback td {color:#3e86ad; border-bottom:1px solid #a4c8e0;}
.gridtable tr.altrowback td {color:#3e86ad; border-bottom:1px solid #a4c8e0;}

.gridtable tr.rowback2 {height:30px; list-style-type:none;}
.gridtable tr.altrowback2 {height:30px; list-style-type:none; background-color:#e5f1f9;}
.gridtable tr.rowback2 td {color:#3e86ad;}
.gridtable tr.altrowback2 td {color:#3e86ad;}

.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:#e5f1f9; cursor:pointer;}
.gridtable tr.rowback4 td {color:#3e86ad; border-bottom:1px solid #a4c8e0;}
.gridtable tr.altrowback4 td {color:#3e86ad; border-bottom:1px solid #a4c8e0;}
.gridtable tr.rowback4:hover {background-color:#fdf7e7;}
.gridtable tr.altrowback4: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.rows {height:40px;}
.gridtable tr.rows:nth-child(odd) {background-color:#e5f1f9;}
.gridtable tr.rows td {color:#3e86ad; border-bottom: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;}



/* ------------------------------------------------------- 
   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;}

/*------------------------------------------------------- 
  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:#ffffff; background-color:#72bc68; padding:3px 5px;}
.red a {color:#ffffff; background-color:#d76060; padding:3px 5px;}

.green2 a {color:#ffffff; background-color:#72bc68; padding:3px 5px;}
.red2 a {color:#ffffff; background-color:#d76060; padding:3px 5px;}

.green {color:#3ea04e; padding:5px 8px;}
.green:hover {color:#fff; background-color:#3ea04e; text-decoration:none;}
.red {color:#cc4f42; padding:5px 8px;}
.red:hover {color:#fff; background-color:#cc4f42; text-decoration:none;}
.purple {color:#74558d; padding:5px 8px;}
.purple:hover {color:#fff; background-color:#74558d; text-decoration:none;}
.orange {color:#fff; background-color:#c56a31; padding: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;}
.darkblue {color:#3e6283; padding:5px 8px;}
.darkblue:hover {color:#fff; background-color:#3e6283; text-decoration:none;}

.confirm {color:#fff; padding:5px 8px; background-color:#3e6283;}
.confirm:hover {color:#fff; background-color:#cc4f42; text-decoration:none;}

.awaiting {color:#f9e5ea; background-color:#cb6f89; padding: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:#a5c6d5 1px solid; background-color:#f7fbfd; font-size:1.2em; padding:5px; border-radius:3px;}
.modform select {color:#444; border:#a5c6d5 1px solid; background-color:#f7fbfd; font-size:1.2em; padding:4px; border-radius:3px;}
.modform textarea {color:#444; border:#a5c6d5 1px solid; background-color:#f7fbfd; font-size:1.2em; padding:5px; border-radius:3px;}

.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 #abd3f7; margin-bottom:20px;}
.modformtop2 {border-bottom:1px solid #abd3f7; margin-bottom:20px;}
.modformtop3 {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;}

.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:#3694d1; 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:#3694d1; 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}
.modsection2 {background-color:#08588b; padding:40px 20px; margin-bottom:40px; color:#fff;}
.modsection2 h2, .modsection2 label {color:#fff;}

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

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

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

.modlink4 {background-color:#3694d1; color:#fff; font-size:1.2em; padding:5px 10px; border-radius:3px; 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; border-radius:3px;}

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

.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 {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;} 

.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:3px; 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:3px;}
.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 {}

.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:#a4aeb9; color:#fff; width:96%; padding:10px 2% 10px 2%; margin-bottom:20px; border-radius:3px;}
.sectionheading2 {background-color:#f7848c; color:#fff; width:96%; padding:10px 2% 10px 2%; margin-bottom:20px; border-radius:3px;}
.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:#444444; border:#a5c6d5 1px solid; background-color:#f7fbfd; font-size:1.2em; padding:5px; border-radius:3px; cursor:pointer; width:90%;}
.usages:hover {border:#ead59d 1px solid; background-color:#fdf7e7; color:#bd8301;}

.clauses {color:#444444; border:#a5c6d5 1px solid; background-color:#f7fbfd; font-size:1.2em; padding:5px; border-radius:3px; cursor:pointer; width:93%;}
.clauses:hover {border:#ead59d 1px solid; background-color:#fdf7e7; color:#bd8301;}

.aircrafthours {background-color:#eafcea; color:#4dac4e; border:#8ad28b 1px solid; font-size:1.2em; padding:5px; border-radius:3px; 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; border-radius:3px; 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:#549e69; color:#ffffff; width:100%; height:155px;}
.statsfolderbox a:hover {background-color:#317646; color:#ffffff; 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:#ffffff; width:100%; height:155px;}
.statsfilebox a:hover {background-color:#1f628f; color:#ffffff; 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	                                    
------------------------------------------------------- */

.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;}

.report .DisabledButton {width:100%; font-weight:normal; background-color:#fff; border:none; cursor:default; color: #7A7A7A;}
.report .Disabled {width:100%; font-weight:normal; background-color:#fff; border:none;}
.report .DisabledButton span.glyphui {color:#7A7A7A; !important;}

/*------------------------------------------------------- 
  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;}

/*------------------------------------------------------- 
  fleet                                
------------------------------------------------------- */

.fleetitem1 {float:left; width:23%; margin-right:2%; color:#73a0b4;}
.fleetitem3 {float:left; width:23%; margin-right:2%; color:#73a0b4;}
.fleetitem2 {float:left; width:50%; color:#73a0b4;}

.fleetgrid {display:grid; grid-template-columns:700px 1fr; grid-template-rows:auto; width:100%; grid-gap:10px;}
.fleetsearchgrid {display:grid; grid-template-columns:150px 150px 300px 70px; grid-template-rows:auto; width:100%; grid-gap:10px;}
.fleeteditgrid {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-template-rows:auto; width:100%; grid-column-gap:20px; grid-row-gap:10px; margin-bottom:20px;}


.adminblue {float:right; position:relative; top:-20px; background-color:#ecf5fb; padding:20px 15px 15px 15px; width:100px;}
.admingreen {float:right; position:relative; top:-20px; background-color:#ecfbed; padding:20px 15px 15px 15px; width:100px;}
.policylable {position:absolute; top:3px; left:15px; color:#97b7d0;}

#table-scroll {position:relative; width:100%; z-index:1; margin:auto; overflow:auto; height:600px; border:1px solid #abd3f7; margin-bottom:20px;}
#table-scroll table {width:100%; min-width:980px; margin:auto; border-collapse:separate; border-spacing:0;}
#table-scroll th, #table-scroll td {padding:5px 10px;}

#table-scroll tr.rowback {height:30px; list-style-type:none;}
#table-scroll tr.altrowback {height:30px; list-style-type:none; background-color:#e5f1f9;}
#table-scroll tr.rowback td {color:#3e86ad; border-bottom:1px solid #a4c8e0;}
#table-scroll tr.altrowback td {color:#3e86ad; border-bottom:1px solid #a4c8e0;}

#table-scroll tr.rowback4 {height:30px; list-style-type:none; cursor:pointer;}
#table-scroll tr.altrowback4 {height:30px; list-style-type:none; background-color:#e5f1f9; cursor:pointer;}
#table-scroll tr.rowback4 td {color:#3e86ad; border-bottom:1px solid #a4c8e0;}
#table-scroll tr.altrowback4 td {color:#3e86ad; border-bottom:1px solid #a4c8e0;}
#table-scroll tr.rowback4:hover {background-color:#fdf7e7;}
#table-scroll tr.altrowback4:hover {background-color:#fdf7e7;}

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

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

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

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

#table-scroll thead .headback {height:95px; background-color:#3694d1;}
#table-scroll thead .headback th {background-color:#3694d1; color:#fff; position:-webkit-sticky; position:sticky; top:0; z-index:9;}        
#table-scroll thead .headback2 th {background-color:#3694d1; color:#fff; position:-webkit-sticky; position:sticky; top:95px; z-index:9;}
#table-scroll thead .headback th a {color:#fff;}
#table-scroll thead .headback th a:hover {color:#3e6283; text-decoration:underline;}

#table-scroll tfoot tr {height:40px;}
#table-scroll tfoot, #table-scroll tfoot th, #table-scroll tfoot td {position:-webkit-sticky; position:sticky; bottom:0; background-color:#3694d1; color:#fff; z-index:4;}
#table-scroll thead, #table-scroll tfoot {background-color:#3694d1; color:#fff;}

.tc30 {min-width:30px;}
.tc40 {min-width:40px;}
.tc50 {min-width:50px;}
.tc60 {min-width:60px;}
.tc70 {min-width:70px;}
.tc80 {min-width:80px;}
.tc90 {min-width:90px;}


h2.subhead {color:#3695d2; font-weight:normal; font-size:1.4em; border-bottom:1px solid #abd3f7; padding:10px 0;  margin:0px 0px 30px 0px;}

.icongrid {display:grid; grid-template-columns:1fr; grid-template-rows:auto; width:100%; grid-gap:20px;}

.iconbox {text-align:center;}
.iconbox a {color:#3695d2; text-transform:uppercase; letter-spacing:0.2em;}
.iconbox a:hover {text-decoration:none; color:#db164c;}
.iconbox a:hover .calendaricon, .iconbox a:hover .aircrafticon, .iconbox a:hover .generalicon, .iconbox a:hover .globeicon, .iconbox a:hover .modelicon {fill:#db164c;  transform: scale(1.4);}

.iconitem {}
.iconname {padding-top:10px;}

.alert {position:relative; padding:15px; margin:20px 0; border-radius:4px; color:#1f135a; background-color:#fffae6; border:1px solid #1f135a;}
.alert .commenticon {position:absolute;}
.alerttext {padding-left:70px;}
.alerttext h2 {color:#1f135a;}
.alerttext strong {border:1px solid #1f135a; border-radius:4px; padding:3px;}

/* ------------------------------------------------------- 
  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 {height:30px; list-style-type:none; background-color:#f9e5ea; cursor:pointer;}
.gridtable tr.red3 td {color:#cb6f89; border-bottom:1px solid #e0a4b2;}

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

/*------------------------------------------------------- 
  outsource                            
------------------------------------------------------- */

[data-tip] {position:relative;}
[data-tip]:before {content:'';display:none;content:'';border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #1a1a1a;position:absolute;top:50px;left:35px;z-index:8;font-size:0;line-height:0;width:0;height:0;}
[data-tip]:after {display:none;content:attr(data-tip);position:absolute;top:54px;left:0px;padding:5px 8px;background:#1a1a1a;color:#fff;z-index:9;font-size:0.9em;height:18px;line-height:18px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:nowrap;word-wrap:normal;}
[data-tip]:hover:before,
[data-tip]:hover:after {display:block;}

.lineerror::before {content:'';display:block;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #de1c1c;position:absolute;top:-5px;left:45%;z-index:8;font-size:0;line-height:0;width:0;height:0;}
.lineerror {display:block;position:relative;top:5px;left:0px;padding:5px 8px;background:#de1c1c;color:#fff;z-index:9;font-size:1.0em;height:18px;line-height:18px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:nowrap;word-wrap:normal;}

/*------------------------------------------------------- 
  publications                        
------------------------------------------------------- */

.pubpad {padding-right:2%;}
.pubbut {margin-bottom:20px;}
.pubbox {padding:20px;}
.pubfolderbox {border-bottom:1px solid #a5c6d5;}

.pubfoldersel {border-top:1px solid #a5c6d5; padding:10px 5px 10px 5px; background-color:#ecf5fb;}
.pubfolder {border-top:1px solid #a5c6d5; padding:10px 5px 10px 5px;}
.pubfoldername {float:left; padding:3px 0px 0px 10px;}
.pubfolderdelete {float:left; position:relative; left:0px; width:22px; height:22px; background:url('../images/jacinth.png') 0px -113px;}

.pubfilebox {display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto; width:100%; height:100%; grid-gap:10px; margin-bottom:20px;}
.pubfile {}
.pubfile img {width:100%;}

.pubtitle {margin-top:5px;}
.pubcolour {background-color:#ecf5fb;}
.pubdelete {margin-top:5px;}
.deleteicon {margin-top:5px;}

.pubgrid {display:grid; grid-template-columns:1fr 1.2fr 3fr; grid-template-rows:auto; width:100%; height:100%; grid-gap:15px; margin-bottom:20px;}

.pubfoldercol {width:100%;}
.pubfilecol {width:100%;}
.pubpdfcol {width:100%; background-color:#ecf5fb;}

/*------------------------------------------------------- 
  claim stats                 
------------------------------------------------------- */

.lossgroup {border-top:1px solid #a5c6d5; margin-top:20px; padding-top:20px;}

/*------------------------------------------------------- 
  CHP               
------------------------------------------------------- */

.blueback {background-color:#2c86c2;}
.chpitem {background-color:#ecf5fb;}

dl {margin:0; padding:0; border:0;}

dt {margin:0; padding:0; border:0; border-bottom:1px solid #cde0ee; font-size:1.2em; display:block;}
dt a {display:block; padding:5%;}
dt a .down {float:right; position:relative; left:0px; width:22px; height:15px; background:url('../images/jacinth.png') -24px -76px;}

dd {margin:0; padding:5%; border:0; background-color:#fff; display:none;}
dd h1 {font-size:1.8em; margin:0; font-weight:400;}
dd h2 {font-size:1.8em; margin:0 0 10px 0; font-weight:400; color:#3695d2;}
dd h3 {font-weight:400;}

.contactbreak {border-top:1px solid #cde0ee; margin:20px 0px 20px 0px; padding-top:10px;}
.contactitem {position:relative;}
.contactdesc {float:left; position:relative; width:25%;}
.contactdata {float:left; position:relative;}

/*------------------------------------------------------- 
  FAQ             
------------------------------------------------------- */

.faq dt {font-size:1.4em;}
.faq dd {font-size:1.0em;}
.faq dt a {padding:10px;}

dt.faqitem {background-color:#ecf5fb; margin-bottom:5px; border:0;}
.faqicon {float:left; width:24px; background:url('../images/jacinth.png') 0 -636px;}
.faqtxt {float:left; width:90%; padding-left:1%;}

.faqitem a.active .faqicon {background:url('../images/jacinth.png') -24px -636px;}

/*------------------------------------------------------- 
  claims                     
------------------------------------------------------- */

#export {position:absolute; top:0; right:50px; width:50px; height:24px;}
#export input {height:24px; background-color:#2a84c0;}
.searchbox {margin-bottom:10px;}
.claimitem {}
.claimlabel {float:left; color:#3086c4; width:100px;}
.claimfield {float:left;}

#migrate {position:absolute; top:0; right:170px; width:50px; height:24px;}
#migrate input {height:24px; background-color:#2a84c0;}

/*------------------------------------------------------- 
  datapoint                  
------------------------------------------------------- */

.BAUHS93 {font-size:4em; line-height:1.0em;}

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

 .popuppanel{position:fixed; margin:0; top:0; left:0; width:100%; height:100%; background-color: rgba(12, 44, 76, 0.65); z-index:999;}
 .popupgrid2 {display:grid; grid-template-columns:1fr 50% 1fr; grid-template-rows:2fr 50% 3fr; width:100%; height:100vh;}
 .popupcell2 {grid-column:2/3; grid-row:2/3; background-color:#fff; padding:20px; border:5px solid #0d5a90; border-radius:10px; min-height:250px;}
 .popupinner {position:relative; height:97%;}
 .popupclose {color:#0d5a90; font-size:1.2em; line-height:1em; cursor:pointer; text-align:right;}
 .PageContentPad {padding:20px;}

 .stdbutton {border:none; background-color:#3694d1; color:#fff; cursor:pointer; text-align:center; font-size:1em; text-transform:uppercase; padding:8px 15px; border-radius:3px;}

@media screen and (min-width:380px) {
     dt {font-size:1.4em;} 
    .statsfolder {width:47%; padding:0px 3% 20px 0px;}
    .icongrid  {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%;}
    .containerLogin2 {max-width:600px; height:60%;}
    .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;}

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

@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%;}
    .icongrid  {grid-template-columns:1fr 1fr 1fr;}
    .docexfoldergrid {grid-template-columns:1fr 1fr 1fr;}
    .appframe {grid-template-columns:1fr 1fr 1fr;}
}

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

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

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


    .appbox, .appbox2 {padding:30px 10px;}
    #Documents {padding: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%;}
    .docexfoldergrid {grid-template-columns:1fr 1fr 1fr 1fr;}
}

/* ==========================================================================
   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;}
    .appframe {grid-template-columns:1fr 1fr 1fr 1fr;}
}

@media screen and (min-width:1100px) {
    .statsfolder {width:14.5%; padding:0px 1.5% 20px 0px;}
    .pubgrid {grid-template-columns:0.8fr 1.2fr 4fr;}
    .pubfilebox {grid-gap:20px;}
    .pubpdfcol embed {height:900px;}
    .icongrid  {grid-template-columns:1fr 1fr 1fr 1fr;}
}

@media screen and (min-width:1200px) {
    .docexfoldergrid {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
    .appframe {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
}

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

    .fleetitem1 {width:20%; margin-right:2%;}
    .fleetitem3 {width:20%; margin-right:2%;}
    .fleetitem2 {width:56%;}

    .pubpdfcol embed {height:1000px;}
}

@media screen and (min-width:1300px) {
   .icongrid  {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
}

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

    .fleetitem1 {width:18%; margin-right:2%;}
    .fleetitem3 {width:18%; margin-right:2%;}
    .fleetitem2 {width:60%;}

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

@media screen and (min-width:1600px) {
    .docexfoldergrid {grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
    .appframe {grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
}

@media screen and (max-height: 900px) {
    #table-scroll {height:450px;}
}

@media screen and (min-height: 1100px) {
    #table-scroll {height:700px;}
}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.fleetModule {
}

    .fleetModule.loading-animation,
    .fleetModule.custom-message {
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
    }

    .fleetModule.loading-animation {
        border: 4px solid #f3f3f3;
        border-top: 4px solid #3498db;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        animation: spin 1s linear infinite;
    }

    .fleetModule.custom-message {
        font-weight: bold;
        margin-left: 20px;
    }

        .fleetModule.custom-message.inProgress {
            color: #2a84c0;
        }