body {
        font-size:14px;
        font-family:'Istok Web', Arial, sans-serif;
	background-color: #e9e9e9;
}

a:link {color:#FF6B35;text-decoration:none}
a:visited {color:#FF6B35;text-decoration:none}
a:hover {color:#333333;text-decoration:none}
a:active {color:#FF6B35;text-decoration:none}

H1 {
	color:#333333;
	font-size:24px;
	font-weight:bold;
}
H2 {
  color:#FF6B35;
  font-size:20px;
  font-weight:bold;
}


P {padding: 10px 0 0 0;}

.lockoff {
	display: none;
	visibility: hidden;
}

.lockon { 
	display: block; 
	visibility: visible; 
	position: fixed;  /* absolute */
	z-index: 2000; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
    background: #ccc; 
	text-align: center; 
	filter: alpha(opacity=75); 
	opacity: 0.75; 
} 

.lockinner {
 	position:absolute;
 	top:45%;
	width: 100%;
	text-align: center;
}

/* ------------------------------------------------------------------- */
/* BOX TABLE IS USED FOR ALL TABLES ON THE SITE   */
/* ------------------------------------------------------------------- */

.box-table
{
	/*margin: 5px 0 12px 0;*/
	text-align: left;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #BCE4EC; /* SAME COLOR BORDER FOR BoxTable */
    background-color: #2f322f;
	border-collapse: collapse;
    padding: 5px 5px 5px 5px;
}

.box-table thead tr
{
  background-color: #BCE4EC !important;
}

.box-table th
{
	font-weight: bold;
	padding: 8px;
    font-size: 14px;
	color: #DDD3BA;
	white-space:nowrap;
	border: 1px solid #BCE4EC;
    text-align: left;
}

.box-table tr.alt0
{
	background-color: #ffffff;
}

.box-table tr.alt1
{
	background-color: #fdf9f4;;
}


.box-table tr td
{
	padding: 8px;
	border-right: 1px solid #BCE4EC;
	border-bottom: 1px solid #BCE4EC;
	color: #333;
	vertical-align:top;
    white-space:normal;
/*	border-top: 1px solid transparent;*/
}

.box-table tr.subheading td, .box-table tr.subheading th
{
	font-weight: bold;
	padding: 6px;
	background-color: #ffffff;
	color: #FF6B35;
	border: 1px solid #BCE4EC;
}


.box-table tr td.blank
{
	padding: 2px;
	border-right: 0px;
	border-bottom: 0px;
}

.box-table tr.alt0:hover
{
	background-color: #dddddd;
}

.box-table tr.alt1:hover
{
	background-color: #dddddd;
}


/* ------------------------------------------------------------------- */
/* BOX TABLE-no-rollover IS THE SAME AS BOX-TABLE, BUT WITH NO ROLLOVER EFFECT   */
/* IT HAS THE ALTERNATING ROW COLOURS
/* ------------------------------------------------------------------- */

.box-table-no-rollover
{
	margin: 5px 0 12px 0;
	text-align: left;

   border-width: 1px 1px 1px 1px;
   border-style: solid;
   border-color: #d5d5d5;
   background-color: #ffffff;
	border-collapse: collapse;
   padding: 5px 5px 5px 5px;
}

.box-table-no-rollover th
{
	font-weight: bold;
	padding: 8px;
	background-color: #3290C7;
/*	border-top: 1px solid #6677bb;
	border-bottom: 1px solid #6677bb; */
	color: #ffffff;
	border: 1px solid #3882b9;
}

.box-table-no-rollover tr.alt0
{
	background-color: #ffffff;
}

.box-table-no-rollover tr.alt1
{
	background-color: #f4f9fd;
}

.box-table-no-rollover tr td
{
	padding: 8px;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	color: #669;
/*		white-space:nowrap;  */
/*	border-top: 1px solid transparent;*/
}

.box-table-no-rollover tr td.notes
{
	padding: 8px;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	color: #225;
/*	border-top: 1px solid transparent;*/
}

.box-table-no-rollover tr td.blank
{
	padding: 2px;
	border-right: 0px;
	border-bottom: 0px;
}

.box-table tr.mini-table td {
    background-color: #ebf4fc !important;
    padding: 2px 6px !important;
    font-size: smaller;
}


/* ------------------------------------------------------------------- */
/* NOBORDER TABLE HAS ROWS WITH NO BORDERS */
/* ------------------------------------------------------------------- */

.noborder tr td
{
	padding: 8px;
	border-right: 0px;
	border-bottom: 0px;
	color: #669;
}

.noborder-nopadding tr td
{
	padding: 0px 5px 0px 5px;
	border-right: 0px;
	border-bottom: 0px;
	color: #669;
}

/* ------------------------------------------------------------------- */
/* CELL-TABLE IS SIMILAR TO BOX TABLE BUT THE TD'S HIGHLIGHT ON HOVER  */
/* INSTEAD OF THE TRS                                                  */
/* ------------------------------------------------------------------- */

.nowrap
{
	white-space:nowrap;
}

.cell-table
{
	margin: 5px 0 12px 0;
	text-align: left;

   border-width: 1px 1px 1px 1px;
   border-style: solid;
   border-color: #333366;
   background-color: #ffffff;
	border-collapse: collapse;
          padding: 5px 5px 5px 5px;
}

.cell-table th
{
	font-weight: bold;
	padding: 8px;
	background-color: #b9c9fe;
	border-top: 1px solid #6677bb;
	border-bottom: 1px solid #6677bb;
	color: #000066;
	border-right: 1px dotted #6677bb;
	border-bottom: 1px dotted #6677bb;
}

.cell-table tr.alt0
{
	background-color: #e8edff;
}

.cell-table tr.alt1
{
	background-color: #f8f8ff;
}


.cell-table tr td
{
	padding: 8px;
	border-right: 1px dotted #6677bb;
	border-bottom: 1px dotted #6677bb;
	color: #669;
/*	border-top: 1px solid transparent;*/
}

.cell-table tr td:hover
{
/*   border:1px solid #6677bb; */
	background-color: #d0dafd;
	color: #339;
}

/* ------------------------------------------------------------------- */
/* inner-box IS A CONTAINER TABLE WHICH HAS NO VISIBLE BORDERS, ETC
/* IT IS JUST USED FOR PAGE LAYOUT, ETC
/* ------------------------------------------------------------------- */

.inner-box
{
	margin: 5px 0 12px 0;
	text-align: left;

}

/* ------------------------------------------------------------------- */
/* ALL FORM ELEMENTS */
/* ------------------------------------------------------------------- */

input, textarea {
       padding: 4px;
       margin: 2px;
       border: solid 1px #c5c5c5;
       border-radius: 5px;
       outline: 0;
       font-size: 13px/100%;
       }
       
table input[type="file"] {
         display: inline;
         border: none;
       }

textarea {
       line-height: 150%;
       }

input:hover, textarea:hover
       {
       border-color: #C9C9C9;
       border-radius: 5px;
       }

input:focus, textarea:focus
       {
       border: solid 1px;
       border-radius: 5px;
       border-color: #FF6B35;
       }

select:focus
       {
       outline: 1px solid #FF6B35;
       outline-radius: 5px;
       -moz-outline-radius: 5px;
       }

select {
       padding: 4px;
       font-size:  14px;
       board: 1px solid #d5d5d5;
       border-radius: 5px;
       margin: 2px;
       }

label {
		font-weight: bold;
		margin-top: 0px; /* ALL MATCH FROM TOP */
        margin-bottom: 0px; /* OVERWRITE BOOTSTRAP 5PX */
		color: #333333;
        font-size: 14px;
       }
.form-element-wrapper .form-input-wrapper .form-input-radio-wrapper input[type="radio"] + label {
       vertical-align: unset !important;
}

.form-input-radio-wrapper input {
	margin: 2px 4px 2px 0 !important;
}
.form-element-wrapper .form-input-wrapper .form-input-radio-wrapper {
	margin-bottom: 2px !important;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: #f8f9fa !important;
}
       
p.error-mini {
		font-size:10px;
		color: #FF6B35;
		font-style:italic;
       }

.notice {
		font-size:12px;
		color: #FF6B35;
		font-weight: bold;
		padding: 0;
       }

p.info {
		font-size:12px;
		color: #000000;
		font-weight: bold;
       }

td.fieldtext {
       font-size: 13px/100%;
       padding: 9px 0px 8px 6px;
       color: #333333;
       }
       
td.fieldtext.readonly { padding: 5px 0px 0px 6px; }

.readonlytext {
       font-size: 15px;
       padding: 6px;
       color: #444444;
       }
.readonlytext a {
       text-decoration: underline;
       color: #FF6B35;
       }
.rogersredtext {
       color: #FF6B35;
}

td.label {
      text-align:right;
      width: 200px;
      padding: 8px 10px 6px 0;
      display:block;
      font-size: 1em;
      white-space: normal;
      line-height: inherit;
      vertical-align:top;
}

td.labeltop {
      text-align:right;
      vertical-align:top;
      padding: 3px 10px 4px 0px;
      width: 200px;
}

/* ------------------------------------------------------------------- */
/** BUTTON **/
/* ------------------------------------------------------------------- */

.formbutton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	padding: .5em 2em .6em;
	margin: 4px 2px;
    border-radius: 6px;
}
.formbutton:hover {
	text-decoration: none;
}
.formbutton:active {
	position: relative;
	top: 1px;
}

.medium {
	padding: .4em 1em .4em;
    font-size: 14px;
}

.formbutton img {
   vertical-align: bottom;
   border: 0;
   }

.img-medium {
   vertical-align: bottom;
   height:12px;
   border: 0;
   }

.fixed-button-width {
   width:200px;
   }

/* BUTTON COLOURS */

/* gray */
.gray {
	color: #ffffff;
	border: solid 1px #555;
	background-color: #6e6e6e;
}
.gray:hover {
	background-color: #616161;
}
.gray:active {
	color: #afafaf;
}

/* silver */
.silver {
	color: #202020;
	text-shadow: 0 0 0 rgba(0,0,0,0);
	border: solid 1px #b7b7b7;
	background-color: #fff;
}
.silver:hover {
	background-color: #ededed;
}
.silver:active {
	color: #999;
}

/* white */
.white {
	color: #202020;
	border: solid 1px #b7b7b7;
	background-color: #fff;
}
.white:hover {
	background-color: #ededed;
}
.white:active {
	color: #999;
}

/* red2 */
.red2 {
	color: #ffffff;
	border: solid 1px #FF6B35;
	background-color: #FF6B35;
}


}
.red2:active {
	color: #de898c;
}
.red2:disabled {
  background-color: #dddddd;
  border: 1px solid #dddd3b
}
.sliding-panel {
position: absolute;
top: 80px;
right: 0;
display: none;
background: #eeeeee;
border:1px solid #000000;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 330px;
height: auto;
padding: 30px 130px 30px 30px;
/* filter: alpha(opacity=85);
opacity: .85; */
}

a.sliding-panel-trigger{
position: absolute;
text-decoration: none;
top: 100px; right: 0;
letter-spacing:-1px;
color:#fff;
padding: 8px 30px 8px 38px;
font-weight: 700;
background:#1370a8 url(/images/help/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.sliding-panel-trigger:hover{
position: absolute;
text-decoration: none;
top: 100px; right: 0;
er-spacing:-1px;
color:#fff;
padding: 8px 30px 8px 38px;
font-weight: 700;
background:#1370a8 url(/images/help/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.sliding-panel-trigger {
background:#1370a8 url(/images/help/minus.png) 15% 55% no-repeat;
}

.largetext {
       font-size: 16px/100%;
}

.alerttext {
       font-size: 16px/100%;
        color: #FF6B35;
}

.alerttext-small {
       font-size: 12px/100%;
    color: #FF6B35;
}

.muted {
  color: #2D98F3;
}

img {vertical-align: unset;text-align: middle;}
a img {vertical-align: middle;text-align: middle;}
table { display: table;}
tr { display: table-row; }
td,th { display: table-cell; }
td.label,th.label { display: table-cell; }

.popover {
	max-width: 600px !important;
}