@charset "utf-8";

/* @group ----alinks */

a.appbtn, a.appbtn:visited, input.appbtn, a.mainbtn, a.mainbtn:visited, input.mainbtn, a.optionbtn, a.optionbtn:visited, input.optionbtn {
border-radius: 6px;
border: none;
color: #fff !important;
font-size: 11px;
font-weight: bold;
padding: 10px 18px;
text-decoration: none;
text-transform: uppercase;
transition: background 0.5s ease, color 0.5s ease;
-moz-transition: background 0.5s ease, color 0.5s ease;
-webkit-transition: background 0.5s ease, color 0.5s ease;
-webkit-appearance: none;
}

a.appbtn, a.appbtn:visited, input.appbtn {
background-color: #6fa12e;
}

a.appbtn:hover, a.appbtn:active, input.appbtn:hover {
background-color: #90ca45;
}

a.appbtn:hover, a.appbtn:active, input.appbtn:hover, a.mainbtn:hover, a.mainbtn:active, input.mainbtn:hover, a.optionbtn:hover, a.optionbtn:active, input.optionbtn:hover {
text-decoration: none;
}

a.mainbtn, a.mainbtn:visited, input.mainbtn {
background-color: #c9720e;
}

a.mainbtn:hover, a.mainbtn:active, input.mainbtn:hover {
background-color: #f3972c;
}

a.optionbtn, a.optionbtn:visited, input.optionbtn {
background-color: #0b52a1;
}

a.optionbtn:hover, a.optionbtn:active, input.optionbtn:hover {
background-color: #0c6cda;
}

/* @end */


/* @group ---clearfix */

.clear:after {
content: " ";
display: table;
clear: both;
}

.clear {
zoom: 1;
}

/* @end */

/* @group ---- BASE STYLES FOR 1-6 COLUMN **FLEXBOX** SYSTEM  */

.fb100,
.fbRow {
text-align: left;
padding: 0;
margin: 0;
/*box-sizing: border-box;*/
}

.fb100 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
/*-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;*/
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.fb100 .fbRow {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
width: 100%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.fb100 .fb50,
.fb100 .fb67,
.fb100 .fb33,
.fb100 .fbcol4,
.fb100 .fbcol5,
.fb100 .fbcol6 {
text-align: left;
padding: 0;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.fb100 .fb50 {
width: 48%;
}

.fb100 .fb67 {
width: 65.4%;
}

.fb100 .fb33 {
width: 31%;
}

.fb100 .fbcol4 {
width: 22.6%;
}

.fb100 .fbcol5 {
width: 17.5%;
}

.fb100 .fbcol6 {
width: 14.2%;
}

/* @end */

/* @group ---- BASE STYLES FOR 1-6 COLUMN **CLEAR METHOD** SYSTEM  */

.f100, .l50, .r50, .l67, .r67, .l33, .m33, .r33, .col4, .col5, .col6 {
display: block;
text-align: left;
padding: 0px;
margin: 0px;
height: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

/* f100 used as a container for columns */
.f100 {
width: 100%;
}

.l50 {
float: left;
width: 48%;
}

.r50 {
float: right;
width: 48%;
}

.l67 {
float: left;
width: 64.6%;
}

.r67 {
float: right;
width: 64.6%;
}

.l33 {
float: left;
width: 31%;
}

.m33 {
float: left;
width: 31%;
margin: 0 0 0 3.8%;
}

.r33 {
float: right;
width: 31%;
}

.col4 {
float: left;
width: 22.9%;
margin: 0 2.8% 0 0;
}

.col5 {
float: left;
width: 18.47%;
margin: 0 1.9% 0 0;
}

.col6 {
float: left;
width: 15%;
margin: 0 2% 0 0;
}

/* last block adjustments for 4,5,6 columns */
.f100 .col4:last-of-type, .f100 .col4:last-child, .f100 .col5:last-of-type, .f100 .col5:last-child, .f100 col6:last-of-type, .f100 .col6:last-child {
float: right;
margin: 0;
}

/* @end */

/* @group ---- BASE STYLES FOR 1-6 COLUMN **INLINE-BLOCK** SYSTEM  */

/* col-wrap used as a container mfor columns */
.col-wrap {
display: table;
text-align: center;
width: 100%;
padding: 0 0 18px;
margin: auto auto 18px;
border-collapse: collapse;
line-height: 150%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.col-wrap img {
width: 100%;
height: auto;
}

.col-2, .col-2l, .col-2r, .col-3, .col-4, .col-5, .col-6 {
display: table-cell;
text-align: left;
padding: 0 2%;
vertical-align: top;
word-wrap: break-word;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.col-2 {
width: 50%;
}

.col-3 {
width: 33.33%;
}

.col-4 {
width: 25%;
}

.col-5 {
width: 20%;
}

.col-6 {
width: 16.66%;
}

.col-wrap .col-2:first-child, .col-wrap .col-2:first-of-type, #cp-wrapper .col-2:first-child, #cp-wrapper .col-2:first-of-type {
width: 48%;
padding: 0 2% 0 0;
}

.col-wrap .col-3:first-child, .col-wrap .col-3:first-of-type {
width: 31.33%;
padding: 0 2% 0 0;
}

.col-wrap .col-4:first-child, .col-wrap .col-4:first-of-type {
width: 23%;
padding: 0 2% 0 0;
}

.col-wrap .col-5:first-child, .col-wrap .col-5:first-of-type {
width: 18%;
padding: 0 2% 0 0;
}

.col-wrap .col-6:first-child, .col-wrap .col-6:first-of-type {
width: 14.66%;
padding: 0 2% 0 0;
}
.col-wrap .col-2:last-child, .col-wrap .col-2:last-of-type, #cp-wrapper .col-2:last-child, #cp-wrapper .col-2:last-of-type {
width: 48%;
padding: 0 0 0 2%;
}

.col-wrap .col-3:last-child, .col-wrap .col-3:last-of-type {
width: 31.33%;
padding: 0 0 0 2%;
}

.col-wrap .col-4:last-child, .col-wrap .col-4:last-of-type {
width: 23%;
padding: 0 0 0 2%;
}

.col-wrap .col-5:last-child, .col-wrap .col-5:last-of-type {
width: 18%;
padding: 0 0 0 2%;
}

.col-wrap .col-6:last-child, .col-wrap .col-6:last-of-type {
width: 14.66%;
padding: 0 0 0 2%;
}

/* 2 column styles for; long/short, left/right */

.col-2LL, .col-2RL, .col-2LS, .col-2RS {
display: table-cell;
text-align: left;
vertical-align: top;
word-wrap: break-word;
}

.col-2LL, .col-2RL {
width: 64.66%;
padding: 0 2% 0 0;
}

.col-2RL {
padding: 0 0 0 2%;
}

.col-2LS, .col-2RS {
width: 31.33%;
padding: 0 2% 0 0;
}

.col-2RS {
padding: 0 0 0 2%;
}

/* @end */

/* @group ----lists */

ul.benefitslist, ol.benefitslist {
margin: 0 0 12px;
padding: 0;
}

ol.benefitslist {
list-style-type: decimal;
list-style-position: outside;
}

ul.benefitslist, ol {
margin: 0 0 10px;
padding: 0;
}

ul.benefitslist li, ol li {
text-align: left;
text-transform: none;
white-space: normal;
list-style-type: disc;
list-style-position: outside;
display: list-item;
margin: 0 0 0 24px;
padding: 0 0 2px;
position: static !important;
float: none !important;
height: auto !important;
width: auto !important;
}

ol li {
list-style-type: decimal !important;
list-style-position: outside;
}

ul.benefitslist li.noimage {
background-image: none;
list-style-image: none;
}

ul.benefitslist ul {
margin: 6px 0;
padding: 0;
}

ul.benefitslist ul li {
background-image: none;
margin: 0 0 0 40px;
padding: 0 0 4px;
list-style-type: circle;
list-style-position: outside;
}

ul.defaultlist {
margin: 0 0 10px;
padding: 0;
border-top: 1px solid #ccc;
/*border-bottom: 1px solid #ccc;*/
}

ul.defaultlist li {
text-align: left;
text-transform: none;
list-style-type: none;
display: list-item;
margin: 0;
border-bottom: 1px solid #ccc;
padding: 0 12px;
list-style-type: disc;
list-style-position: inside;
transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
}

ul.defaultlist li:hover {
background-color: #f5f5f5;
}

ul.defaultlist li a, ul.defaultlist li a:visited {
color: #565656;
text-decoration: none;
margin: 0;
padding: 10px 0;
display: block;
transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-webkit-transition: color 0.5s ease;
/*background: url(http://www.sjmdesigns.com/globalassets/images/icon_images/defailtlist_DOT.png) no-repeat 6px 10px;*/
}

ul.defaultlist li a:hover, ul.defaultlist li a:active {
color: #4169e1;
text-decoration: none;
}

ul.defaultlist li.caption, ul.defaultlist li.caption-alt, ul.defaultlist li.caption-norule {
font-size: 0.8em;
/*background: url(../../../globalassets/images/icon_images/nav_descript_icon.gif) no-repeat 20px 2px;*/
margin: 0;
padding: 0 0 0 38px;
list-style-image: none;
}

ul.defaultlist li.caption-alt a, ul.defaultlist li.caption-alt a:visited, ul.defaultlist li.caption-norule a, ul.defaultlist li.caption-norule a:visited {
color: #6d6d6d;
text-decoration: none;
padding: 0;
background-image: none;
}

ul.defaultlist li.caption-alt a:hover, ul.defaultlist li.caption-alt a:active, ul.defaultlist li.caption-norule a:hover, ul.defaultlist li.caption-norule a:active {
color: #3e52dd;
text-decoration: none;
}

ul.defaultlist li.caption-norule {
border: none;
}

ul.defaultlist li.norule {
border: none;
background-image: none;
}

/* @end */

/* @group ----MISC Styles */

.aligntoright {
text-align: right !important;
}

.textlrg {
font-size: 14px;
line-height: 150%;
}

.textsm, .photocaption, .footnote {
font-size: 12px !important;
color: #717171 !important;
}

.bold {
font-weight: bold !important;
}

.red {
color: #e70000;
}

.ctr {
text-align: center !important;
}

.rowsep, .rowsep-alt {
width: auto;
margin: 12px 0;
padding: 0;
border-bottom: 1px solid #ccc;
}

span.new {
background-color: #e86363;
color: #fff;
padding: 2px 5px;
display: inline-block;
text-transform: uppercase;
border-radius: 3px;
margin: 0 6px 0 0;
vertical-align: baseline;
}

/* @end */

/* @group boxes-banners */

.std_box {
padding: 24px;
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 0px 0px 10px #ccc;
text-align: left;
margin: 18px 0;
}

.fltrdiv, .fltrdiv40 {
width: 80px;
padding: 0;
margin: 0 0 0 18px;
display: block;
float: right;
}

.fltrdiv40 {
width: 40%; 
margin: 0 0 10px 18px;
}

.fltrdiv40 {
width: 40%; 
margin: 0 0 10px 18px;
}


.fltrdiv img, .fltrdiv40 img {
width: 100%;
height: auto;
}

.std_ban {
padding: 6px 12px 8px;
text-align: left;
margin: 0 0 18px;
color: #000;
background-color: #f1f1f1;
border-top: 6px solid #dcdcdc;
}

/* @end */

/* @group videos */

.vid-container .BrightcoveExperience, .vid-container-full .BrightcoveExperience {
display: block;
height: 100%;
width: 100%;
margin: 0;
position: absolute;
top: 0px;
left: 0px;
}

.vid-container-full {
position: relative;
padding-bottom: 67%;
height: 0;
}

.vid-container {
position: relative;
padding-bottom: 56.35%;
height: 0;
}

/* @end */

/* @group form-items */

input[type="text"], textarea {
padding: 10px 6px;
margin: 0;
border: 1px solid #ccc;
box-shadow: inset 0 0 6px #d4d4d4;
width: 100%;
border-radius: 3px;
transition: background 0.5s ease, color 0.5s ease, border 0.5s ease, box-shadow 0.5s ease;
-moz-transition: background 0.5s ease, color 0.5s ease, border 0.5s ease, box-shadow 0.5s ease;
-webkit-transition: background 0.5s ease, color 0.5s ease, border 0.5s ease, box-shadow 0.5s ease;
-webkit-appearance: none;
display: inline-block;
background-color: #fff;
}

textarea {
height: 250px;
}

input[type="text"]:focus, textarea:focus {
box-shadow: 0 0 8px #d4d4d4;
border: 1px solid #0061d0;
background-color: #c8ebfd;
}

/* @end */

/* @group imgs */

.flt-r {
float: right;
padding: 0;
margin: 0 0 12px 12px;
}

.imgRSP {
width: 100%;
height: auto;
border-radius: 6px;
margin: 0;
padding: 0;
}

img.adjust-r, img.adjust-lr {
margin: 0 4px 4px 0;
border: none;
vertical-align: middle;
padding: 0;
display: inline-block !important;
}

img.adjust-lr {
margin-left: 12px;
}

.rounded {
border-radius: 6px;
}

/* @end */

/* @group tables */

table.main {
font-size: 1em;
line-height: 140%;
background-color: #fff;
width: 100%;
margin: 0 0 18px;
display: table;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

table.main caption {
padding: 0 0 6px;
}

table.main td p, table.main th p {
margin: 0 0 12px;
padding: 0;
}

table.main td {
vertical-align: top;
padding: 8px 12px;
display: table-cell;
text-align: left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
/*width: 50%;*/
width: auto;
}

table.main th {
width: auto;
vertical-align: top;
padding: 8px 12px;
display: table-cell;
text-align: left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #b3b3b3;
color: #fff;
font-weight: bold;
}

table.main td.td25, table.main th.th25 {
width: 25% !important;
}

table.main td.td33, table.main th.th33 {
width: 33% !important;
}

table.main td.td10, table.main th.th10 {
width: 10% !important;
}

table.main th.urgent, table.main td.urgent {
background-color: #fefad0;
}

table.main th.altheader {
color: #fff;
font-size: 1em;
line-height: 145%;
text-align: left;
display: table-cell;
margin: 0;
padding: 6px 12px;
width: auto;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #b3b3b3;
font-weight: bold;
}

table.main tr {
background-color: transparent;
}

table.main tr:nth-child(odd) {
background-color: #f5f5f5;
}

/*table.main tr {
background-color: transparent;
transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-webkit-transition: background 0.5s ease;
}*/

/*table.main tr:hover {
background-color: #f5f5f5;
}*/

table.main td.norulebottom {
border-bottom-style: none !important;
}

table.main td.noruletop {
border-top-style: none !important;
}

table.main td.norule{
border: none !important;
}

/* @end */