@charset "utf-8";
/* CSS Document */

html {overflow: scroll;}
body {margin:0px;user-select:none;font-family:Roboto,Arial,Helvetica,sans-serif;}
a {text-decoration:none;color:inherit;}
a:hover, a:visited, a:link, a:active {text-decoration: none;}


@font-face {font-family:triple8;src: url('/fonts/triple8.ttf') format('opentype');}
.footer {position:fixed;width:100%;height:36px;background-color:#204B8C;left: 0px;bottom:0px;font-family:roboto;font-size:14px;z-index:100;}
.sub {padding:0px 15px 0px 15px;display:inline-block; cursor:pointer;}
.sub:hover {border-bottom:3px solid #204B8C; }
.subon {border-bottom:3px solid #204B8C;}

#sitewrap {min-width:980px;max-width:1500px;margin:0px 20px 0px 20px;top:90px;position: relative;bottom:40px;z-index:10;padding:0px 0px 100px 0px; overflow: wrap;}

/* FlexBox */
.FLEXwrap {display:flex;flex-wrap:wrap; font-family:Roboto,Arial, Helvetica, sans-serif; font-size:14px;}
.FLEXscroll { height:650px; overflow-y:auto;border:1px solid #ccc; box-sizing:border-box;padding:4px;}

/* divs */
.tdiv, .DIVtop {background-color:#204B8C;font-size:14px;font-family:Roboto,Arial, Helvetica, sans-serif; font-weight:700;color:#FFF;padding:4px;box-sizing:border-box;text-indent:10px; vertical-align:middle;min-height:24px;user-select:none;}

.gdiv {background-color:#F5F5F5;font-weight:700;padding:4px;}

.LEFTdiv {background-color:#F5F5F5;}


.DIVleft {background-color:#F5F5F5;}

.hide {display:none;}

/* sizes */
.w100 {width:99%;box-sizing:border-box;}
.box {box-sizing:border-box;}

/* padding & margin */
.p2 {padding:2px;}
.p4 {padding:4px;}
.m2 {margin:2px;}
.m4 {margin:4px;}
.m10, .M10 {margin:10px;}
.m20, .M20 {margin:20px;}
.m40, .M40 {margin:40px;}
.float {float:right;}
.p16 {padding:16px;}


.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.middle { vertical-align:middle;}

.s10, .S10 {font-size:10px;}
.s12, .S12 {font-size:12px;}
.s14, .S14 {font-size:14px;}
.s16, .S16 {font-size:16px;}
.s18, .S18 {font-size:18px;}
.s24, .S24 {font-size:24px;}
.s36, .S36 {font-size:36px;}
.rem7 {font-size:.7rem;}
.rem8 {font-size:.8rem;}
.rem9 {font-size:.9rem;}
.rem1 {font-size:1rem;}
.rem125 {font-size:1.25rem;}
.rem15 {font-size:1.5rem;}
.rem2 {font-size:2rem;}

.cursor {cursor:pointer;}
.none {display:none;}

/* forms */
.input {border-radius:4px;border:1px solid #ccc;}
.input:focus {outline:none;border:1px solid #204B8C;}

/* colors */
.white {color:#fff;}
.red {color:#C00;}
.green {color:#3C0;}
.yellow {color:#FC0;}
.blue {color:#204B8C;}

.BGblue { background-color:#204B8C;}
.BGf5 {background-color:#F5F5F5;}
.BGf1 {background-color:#F1F1F1;}
.BGwhite {background-color:#F5F5F5;}
.BGccc {background-color:#CCC;}


.f5, .F5 {color:#F5F5F5;}
.c1 {color:#204B8C;}
.c2 {}
.c3 {color:#AA217D;}
.c4 {color:#5C79BD;}
.c5 {color:#45A0CD;}


.grad1 {background-image: linear-gradient(to right, #204B8C , #AA217D);}
.grad2 {background-image: linear-gradient(to right, #204B8C , #45A0CD);}

.ctitle {font-family:roboto;font-weight:700;font-size:24px;margin:0px 0px 0px 0px; border-bottom:2px solid #204B8C;padding:0px 0px 10px 0px;}

.triple8 {border:1px solid #C00 !important; color:#C00 !important;}

/* fonts */
.b {font-weight:700;}
.font {font-family:Roboto,Arial,Helvetica,sans-serif;}
.pointer {cursor:pointer}
.XXS {font-size:xx-small}
.XS {font-size:x-small}
.S {font-size:small}

.t {display: table;box-sizing:border-box;}
.tr {display: table-row;}
.td {display: table-cell;}
.bb {border-bottom:1px solid #ccc;}
.bbn {border-bottom:0px solid #f5f5f5 !important;}
.hover:hover {background-color:#F5F5F5; cursor:pointer;}
.lock {background-color:#CCC; cursor:pointer; font-weight:bold;}

/* Pricing Tables */
.tdp {display: table-cell;border-bottom:1px solid #f5f5f5; padding:3px; text-align:center; vertical-align:middle;}
.tdpl {display: table-cell;border-bottom:1px solid #f5f5f5; padding:3px; text-align:left; vertical-align:middle;}

.tdnavcol {font-family:roboto;border-right:1px solid #ccc;width:200px;}

.lnav {font-weight:400; cursor:pointer;padding:4px 0px 4px 10px;}
.lnav:hover {background-color:#f5f5f5;}

/* buttons */
.pb {width:100px;height:30px; color:#f5f5f5; border-radius:4px;font-family:roboto;font-size:15px; cursor:pointer; letter-spacing:1px; font-weight:700;background: linear-gradient(to bottom,#204B8C,#173C76);border:0px solid #fff;margin:10px 0px 0px 0px;outline: none;}
.pb:hover {color:#fff;box-shadow:3px 3px 6px #888;outline: none;}

.pbs {width:60px;height:24px; color:#f5f5f5; border-radius:4px;font-family:roboto;font-size:12px; cursor:pointer; letter-spacing:1px; font-weight:700;background: linear-gradient(to bottom,#204B8C,#173C76);border:0px solid #fff;margin:10px 0px 0px 0px;outline: none;}
.pbs:hover {color:#fff;box-shadow:3px 3px 6px #888;outline: none;}

/*Tabs*/
/*.tabon {border-right:1px solid #d2d2d2; background-color:#fff;color:#333;border-bottom:1px solid #fff;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;}*/
.taboff { background-color:#f1f1f1;color:#000;border-bottom:1px solid #d2d2d2;border-top:1px solid #f1f1f1;}
.taboff:hover { background-color:#ccc;color:#000;}
.T8tab {border-right:1px solid #d2d2d2;vertical-align:middle;text-align: center;  font-family:Arial, Helvetica, sans-serif; font-weight:bold;display:table-cell; cursor:pointer;width:1%;padding:0px 25px 0px 25px !important;}


.tab {background-color:#eee;border-right:1px solid #ccc;vertical-align:middle;text-align: center;font-weight:bold;display:table-cell; cursor:pointer;width:1%;padding:5px 25px 5px 25px;}
.tab:hover {background-color:#ccc;}
.tabon {background-color:#fff; border:1px solid #d2d2d2;}
.tabon:hover {background-color:#fff;}


.icon {display:inline;margin:0px 8px 0px 0px; font-size:14px;}