#map_canvas {
height: 100%;
}

html {
height:100%;
}

button,label,input[type="radio"] {
	cursor:pointer;
}

@media screen,print {
BODY {
height: 100%;
margin: 0px;
padding: 0px;
font-family: 'Lato', sans-serif;
font-size:12px;
line-height:1.2;
text-align:left;
}
}

@media all {
#container {
background-color:#E6E6E6;
border:2px dashed #333;
margin:0 auto;
padding:10px;
text-align:left
}

@keyframes shadow-pulse {
0% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);}
100% {box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);}
}

.add-shadow-pulse {
animation: shadow-pulse 1s infinite;
}

#HomePageLeftColumn, #HomePageLeftColumnMargin {
	display: none;
}

#containerblank {
background-color:#FFF;
border:2px dashed #333;
margin:0 auto;
padding:10px;
text-align:left;
width:100%
}

.logins {
font-family: 'Lato', sans-serif;
font-size:12px;
background-color:#fdfdfd;
border:1px solid #A2B5CD;
color:#000;
padding:3px;
width:80px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
}

.loginbutton,.loginbutton:visited {
background-color:#fff;
background-position:top left;
background-repeat:repeat;
border:#6199C7 1px solid;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
padding:3px 5px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
}

.loginbutton:hover {
border:#000000 1px solid;
color: #e7e7e7;
}

/* Swipers Start */
.hiddeninput {
background-color:transparent;
border:none;
font-size:0;
height:1px;
width:1px
}

.swipeinput {
border:#A2B5CD 1px solid;
font-size:24px;
height:30px;
padding-top:0;
width:80px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
color:transparent;
&:focus {
	outline: none;
	}
}
/* Swiper End */

/* Cash Plans Start */
p.MsoTitle,li.MsoTitle,div.MsoTitle {
font-family: 'Lato', sans-serif;
font-size:10pt;
margin:5pt 0 .0001pt;
mso-fareast-font-family: 'Lato', sans-serif;
mso-pagination:widow-orphan;
text-align:left;
text-decoration:underline;
}

p.MsoBodyText,li.MsoBodyText,div.MsoBodyText {
font-family: 'Lato', sans-serif;
font-size:8pt;
margin:0 0 .0001pt;
mso-fareast-font-family: 'Lato', sans-serif;
mso-pagination:widow-orphan;
text-align:justify
}

p.MsoNormal,li.MsoNormal,div.MsoNormal {
border:none;
color:#000;
line-height:11.05pt;
mso-border-alt:solid windowtext 1.5pt;
mso-line-height-rule:exactly;
mso-padding-alt:10pt 6pt 10pt 6pt;
mso-pagination:none;
padding:0;
text-align:justify
}

@page Section1 {
border:solid windowtext 1pt;
margin:10pt;
mso-border-alt:solid windowtext .5pt;
mso-footer-margin:.4in;
mso-header-margin:.5in;
mso-paper-source:0;
padding:10pt;
size:8.5in 11in
}

div.Section1 {
page:Section1
}
/* Cash Plans End */

.WatchWebinar {
color: blue;
padding: 5px;
border: 1px solid #000;
}

.WatchWebinar:hover {
color:green;
font-decoration: none;
}

.copy {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: normal;
font-size:16px;
color: #666;
line-height:24px;
text-align:justify;
}

.copydark {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: normal;
font-size:16px;
color: #0c0d16;
line-height:24px;
text-align:justify;
}

.copydarksmall {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: normal;
font-size:12px;
color: #0c0d16;
line-height:16px;
text-align:justify;
}

P {
color:#000;
font-family: 'Lato', sans-serif;
font-size:12px
}

UL {
color:#000;
font-family: 'Lato', sans-serif;
margin-right:30px;
}

LI {
color:#000;
font-family: 'Lato', sans-serif;
line-height:normal;
margin-top:0
}


td {
	font-family: 'Lato', sans-serif;
}

A,A:visited {
color:#00f;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:16px;
text-align:left;
text-decoration:underline;
}

A:hover {
color:#009832;
cursor:pointer;
text-align:left;
font-size:16px;
text-decoration:none;
}

.justify {
text-align:justify
}

.nowrap {
white-space:nowrap;
}

.V2H1B {
color:#22160b;
font-family: 'Lato', sans-serif;
font-size:16px;
font-weight:bold;
line-height:14pt
}

.V2H1 {
color:#22160b;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height:18pt
}

.V2A:hover {
color:#22160b;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height:24pt;
text-decoration:underline
}

.V2ColLink:link,.V2ColLink:visited {
font-family: 'Lato', sans-serif;
color:#56554e;
cursor:pointer;
display:inline-block;
font-size:16px;
font-weight: normal;
line-height:24px;
text-decoration:none
}

.V2ColLink:hover {
color:#004194;
display:inline-block;
text-decoration:underline
}

.V2subactive,.V2subactive:link,.V2subactive:visited,.V2subactive:visited,.V2subactive:hover {
font-family: 'Lato', sans-serif;
color:#004194;
cursor:pointer;
font-size:16px;
font-weight: normal;
line-height:24px;
text-decoration:none
}

.bluenormal {
color:#004194;
font-family: 'Lato', sans-serif;
font-size:12px
}

.blueheader {
color:#004194;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none
}

.blue {
color:#004194;
font-family: 'Lato', sans-serif;
font-size:16px
}

.bluebold {
color:#004194;
font-family: 'Lato', sans-serif;
font-size:25px;
font-weight:bold;
}

.headline {
color:#900;
font-family: 'Lato', sans-serif;
font-size:18pt;
font-weight:bold;
}

.subhead_red {
color:red;
font-family: 'Lato', sans-serif;
font-size:16pt;
font-weight:bold;
}

.subhead_green {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: bold;
font-size:20px;
color: #1a73e8;
}

.yellowbg {
background-color:#FF0
}

.smallsubhead {
color:#069;
font-family: 'Lato', sans-serif;
font-size:14pt;
font-weight:bold;
}

.dropcontent {
background-color:#FFECC6;
border:1px solid #000;
display:block;
height:25px;
width:200px
}

div.ajaximage {
border:0;
height:48px;
width:48px;
position: fixed;
top: 50%;
left: 50%;
margin:0;
margin-left: -24px;
margin-top: -24px;
}

span.cirR {
font-family: 'Lato', sans-serif;
font-size:9px;
text-align:left;
margin-left:1px;
}

span.cartproductnamelink {
color:#00f;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none
}

.normal {
color:#000;
font-family: 'Lato', sans-serif;
font-size:12px;
text-align:left
}

.normaljustified {
color:#000;
font-family: 'Lato', sans-serif;
font-size:12px;
text-align:justify
}

.normalcentered {
color:#000;
font-family: 'Lato', sans-serif;
font-size:12px;
text-align:center;
}

.qtip .qtip-content {
border:1px #000 solid;
color:#091A5E;
font-family: 'Lato', sans-serif;
font-size:9px;
line-height:14px;
margin:0;
overflow:hidden;
padding:7px
}

.copyright {
border:none;
color:#707070;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:bold;
text-align:center;
text-decoration:none
}

.icons {
width:16px;
height:16px;
border:none;
padding:0 3px 0 3px;
}

.payroll {
font-family: 'Lato', sans-serif;
font-size:14px
}

.newstitle {
border:none;
color:#0a1c5a;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
text-decoration:none
}

.newsitem {
border:none;
color:#707070;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:bold;
text-align:left;
text-decoration:underline
}

.newsnormal {
border:none;
color:#707070;
font-family: 'Lato', sans-serif;
font-size:10px;
text-align:left;
text-decoration:none
}

.subnavnormal {
border:none;
color:#fff;
font-family: 'Lato', sans-serif;
font-size:10px;
text-align:left;
text-decoration:none
}

.dropdowntitle {
color:#000000;
cursor:default;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
text-decoration:none;
line-height:20px;
}

.dropdownhighlight {
width:100%;
padding:2px 0px 2px 4px;
color:#091a5e;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
line-height:16px;
}

.dropdownhighlight:hover {
width:100%;
padding:2px 0px 2px 4px;
color:#FFFFFF;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
line-height:16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #25358a; /* Old browsers */
background: -moz-linear-gradient(top, #25358a 0%, #606fb2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25358a), color-stop(100%,#606fb2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #25358a 0%,#606fb2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #25358a 0%,#606fb2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #25358a 0%,#606fb2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25358a', endColorstr='#606fb2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #25358a 0%,#606fb2 100%); /* W3C */
-webkit-transition: -webkit-transform 0.5s ease-in-out, color linear 0.5s;
-moz-transition: -moz-transform 0.5s ease-in-out, color linear 0.5s;
-o-transition: -o-transform 0.5s ease-in-out, color linear 0.5s;
transition: transform 0.5s ease-in-out, color linear 0.5s;
}

.dropdown2,.dropdown2:visited {
color:#091a5e;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
line-height:16px;
}

.dropdown2:hover {
color:#FFFFFF;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
line-height:16px;
}

.dropdown,.dropdown:visited {
color:#091a5e;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:14px;
text-align:left;
text-decoration:none;
line-height:16px;
padding:5px;
-webkit-transition: -webkit-transform 0.5s ease-in-out, color linear 0.5s;
-moz-transition: -moz-transform 0.5s ease-in-out, color linear 0.5s;
-o-transition: -o-transform 0.5s ease-in-out, color linear 0.5s;
transition: transform 0.5s ease-in-out, color linear 0.5s;
}

.dropdown:hover {
color:#009832;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:14px;
text-align:left;
text-decoration:none;
line-height:16px;
padding:5px;
}

.dropdowninput {
color:#091a5e;
border:1px solid #A2B5CD;
cursor:text;
font-family: 'Lato', sans-serif;
font-size:14px;
text-align:left;
text-decoration:none;
line-height:16px;
padding:3px;
-webkit-transition: -webkit-transform 0.5s ease-in-out, color linear 0.5s;
-moz-transition: -moz-transform 0.5s ease-in-out, color linear 0.5s;
-o-transition: -o-transform 0.5s ease-in-out, color linear 0.5s;
transition: transform 0.5s ease-in-out, color linear 0.5s;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
}

.dropdownbuttonmedium,.dropdownbuttonmedium:visited {
    background-color:#FFFFFF;
    color:#1a73e8;
    cursor:pointer;
    font-family: 'Lato', sans-serif;
    font-size:20px;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    padding:15px;
    margin:0px 5px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -o-border-radius: 28px;
    border-radius: 28px;
    border: solid 1px #1a73e8;
    box-shadow: none;
    opacity:1;
    }

.dropdownbutton,.dropdownbutton:visited {
    background-color:#FFFFFF;
    color:#1a73e8;
    cursor:pointer;
    font-family: 'Lato', sans-serif;
    font-size:14px;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    padding:5px 7px;
    margin:0px 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    border: solid 1px #1a73e8;
    box-shadow: none;
    opacity:1;
    }

.dropdownbutton:hover,.dropdownbuttonmedium:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    opacity:0.8;
    }


.dropdownbuttonX,.dropdownbuttonX:visited {
background-color:#fdfdfd;
border:1px solid #A2B5CD;
color:#091a5e;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:14px;
text-align:left;
text-decoration:none;
line-height:16px;
padding:5px;
-webkit-transition: -webkit-transform 0.5s ease-in-out, color linear 0.5s;
-moz-transition: -moz-transform 0.5s ease-in-out, color linear 0.5s;
-o-transition: -o-transform 0.5s ease-in-out, color linear 0.5s;
transition: transform 0.5s ease-in-out, color linear 0.5s;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
}

.dropdownbuttonX:hover {
background-color:#fdfdfd;
border:1px solid #A2B5CD;
color:#009832;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:14px;
text-align:left;
text-decoration:none;
line-height:16px;
padding:5px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dropdownbuttonmediumX,.dropdownbuttonmediumX:visited {
background-color:#fdfdfd;
border:1px solid #A2B5CD;
color:#091a5e;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:20px;
text-align:left;
text-decoration:none;
padding:15px;
-webkit-transition: -webkit-transform 0.5s ease-in-out, color linear 0.5s;
-moz-transition: -moz-transform 0.5s ease-in-out, color linear 0.5s;
-o-transition: -o-transform 0.5s ease-in-out, color linear 0.5s;
transition: transform 0.5s ease-in-out, color linear 0.5s;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}

.dropdownbuttonmediumX:hover {
background-color:#fdfdfd;
border:1px solid #A2B5CD;
color:#009832;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:20px;
text-align:left;
text-decoration:none;
padding:15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.dropdown16,.dropdown16:visited {
color:#009832;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:16px;
text-align:left;
text-decoration:none;
line-height:24px;
-webkit-transition: -webkit-transform 0.5s ease-in-out, color linear 0.5s;
-moz-transition: -moz-transform 0.5s ease-in-out, color linear 0.5s;
-o-transition: -o-transform 0.5s ease-in-out, color linear 0.5s;
transition: transform 0.5s ease-in-out, color linear 0.5s;
}

.dropdown16:hover {
color:#091a5e;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:16px;
text-align:left;
text-decoration:underline;
line-height:24px;
}

.dropdownstatic {
color:#091a5e;
font-family: 'Lato', sans-serif;
font-size:14px;
text-align:left;
text-decoration:none;
line-height:16px;
}

.bottomnavlink {
color:#00f;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:8px;
text-decoration:none
}

.bottomnavlink2:hover {
color:#f6e30e;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:9px;
text-decoration:underline
}

.textlink1:hover {
color:#009832;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:10px;
text-decoration:underline;
-webkit-transition: -webkit-transform 0.5s ease-in-out, color linear 0.5s;
-moz-transition: -moz-transform 0.5s ease-in-out, color linear 0.5s;
-o-transition: -o-transform 0.5s ease-in-out, color linear 0.5s;
transition: transform 0.5s ease-in-out, color linear 0.5s;
}

a.textlink3:hover {
color:#009832;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold;
cursor:pointer;
text-decoration:underline
}

.textlinkbig:hover {
color:#009832;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none
}

.greenmidheader {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: bold;
font-size:20px;
color: #1a73e8;
line-height:28px;
}

.darkgreytopheader {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: bold;
font-size:26px;
color: #3D3D3D;
line-height:32px;
}

.darkgreymidheader {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: bold;
font-size:20px;
color: #3D3D3D;
line-height:28px;
}

.midheader {
font-family: 'Lato', sans-serif;
font-weight:bold;
font-size:16px;
color:#0a1c5a;
line-height:24px;
}

.midheaderright {
color:#0a1c5a;
font-family: 'Lato', sans-serif;
font-size:14px;
font-weight:bold;
text-align:right
}

.header1 {
color:#0a1c5a;
font-family: 'Lato', sans-serif;
font-size:14px;
font-weight:bold;
margin-bottom:-15px
}

.header2 {
color:#0a1c5a;
font-family: 'Lato', sans-serif;
font-size:14px;
font-weight:bold;
text-align:center
}

.header3 {
color:#009832;
font-family: 'Lato', sans-serif;
font-size:16px;
font-weight:bold
}

.header4 {
color:red;
font-family: 'Lato', sans-serif;
font-size:19px;
font-weight:bold;
text-align:center
}

.header5 {
color:#0a1c5a;
font-family: 'Lato', sans-serif;
font-size:18px;
font-weight:bold;
text-align:center
}

.header6 {
color:#0a1c5a;
font-family: 'Lato', sans-serif;
font-size:22px;
font-weight:bold;
text-align:center
}

.header7 {
color:#FFF;
font-family: 'Lato', sans-serif;
font-size:14px;
font-weight:bold;
text-align:center
}

videologo {
vertical-align:baseline
}

.smallnormal {
color:#000;
font-family: 'Lato', sans-serif;
font-size:10px;
margin-bottom:-15px
}

.smallregularnormal {
color:#000;
font-family: 'Lato', sans-serif;
font-size:10px;
text-align:justify
}

.smallregularbold {
color:#000;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:bold;
text-align:justify
}

.smallnormalright {
color:#000;
font-family: 'Lato', sans-serif;
font-size:10px;
text-align:right
}

.smallregularleft {
color:#000;
font-family: 'Lato', sans-serif;
font-size:10px;
text-align:left
}

.smallnormalcentered {
color:#000;
font-family: 'Lato', sans-serif;
font-size:10px;
text-align:center
}

.normalbold {
color:#000;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold
}

.normalboldright {
color:#000;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold;
text-align:right
}

.smallgreennormal {
color:green;
font-family: 'Lato', sans-serif;
font-size:10px
}

.smallred {
color:red;
font-family: 'Lato', sans-serif;
font-size:10px;
margin-bottom:-15px
}

.smallrednormal {
color:red;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:normal;
}

.smallredcentered {
color:red;
font-family: 'Lato', sans-serif;
font-size:10px;
text-align:center
}

.normalred {
color:red;
font-family: 'Lato', sans-serif;
font-size:12px
}

.normalredcenter {
color:red;
font-family: 'Lato', sans-serif;
font-size:12px;
text-align:center
}

.largeredcenter {
color:red;
font-family: 'Lato', sans-serif;
font-size:18px;
line-height:22px;
padding-bottom:3px;
padding-top:3px;
text-align:center
}

.documentheader {
color:#000;
font-family: 'Lato', sans-serif;
font-size:10px;
text-align:right;
color:#CBCBCB;
padding-right:15px;
}

div.WebDate {width:80px;font-weight:bold;color:#ffffff;}
div.WebDateTop {padding:5px;border-top:solid #066dab 2px;border-left:solid #066dab 2px;border-right:solid #066dab 2px;text-align:center;font-size:16px;}
div.WebDateBottom {padding:5px;border-bottom:solid #066dab 2px;border-left:solid #066dab 2px;border-right:solid #066dab 2px;text-align:center;font-size:30px;}

div.WebDateTopColor {
background: #8abbd7; /* Old browsers */
background: -moz-linear-gradient(top, #b2d7e8 0%, #8abbd7 31%, #066dab 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2d7e8), color-stop(31%,#8abbd7), color-stop(100%,#066dab)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b2d7e8 0%,#8abbd7 31%,#066dab 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b2d7e8 0%,#8abbd7 31%,#066dab 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #b2d7e8 0%,#8abbd7 31%,#066dab 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d7e8', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #b2d7e8 0%,#8abbd7 31%,#066dab 100%); /* W3C */
}

div.WebDateBottomColor {
background: #008a00; /* Old browsers */
background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4ddb4), color-stop(17%,#83c783), color-stop(33%,#52b152), color-stop(67%,#008a00), color-stop(83%,#005700), color-stop(100%,#002400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C */
}


fieldset {
border:solid #f8981d 1px;
margin:5px 5px 5px;
padding:10px 10px 20px 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}

legend {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: bold;
font-size:20px;
color: #f8981d;
line-height:28px;
margin:0;
padding:2px 5px;
}

.XXtopheaderXX {
border-bottom:#090 1pt solid;
border-left:none;
border-right:none;
border-top:none;
color:#1a73e8;
font-family: 'Lato', sans-serif;
font-size:18pt;
font-weight:bold;
margin-bottom:-8pt;
margin-top:10px;
padding:3px 0px;
text-align:left;
}

.topheader {
color:#f8981d;
font-family: 'Lato', sans-serif;
font-size:18pt;
font-weight:bold;
text-align:left;
}

.titleheader {
color:navy;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold
}

.titleheadercentered {
color:navy;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold;
text-align:center
}

.boldtext {
color:#0a1c5a;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold;
text-align:justify
}

.alertheader {
color:#0a1c5a;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold
}

.arrow {
font-family:webdings;
font-size:8px;
height:13px;
margin-bottom:1px;
margin-top:-6px;
overflow:hidden;
padding:1px 0 3px;
width:10px
}

.white {
color:#fff;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold
}

.cleanlink {
text-decoration:none
}

.blanktableCell {
background-color:#A2B5CD;
border:none;
font-size:2px;
font-weight:400;
padding:0
}

.highlightedColumn {
background-color:#EEE
}

.bodyTableWeb2 {
text-align:center;
background-color:#fcfcfb;
padding:1px
}

.bodySubTableWeb2 {
text-align:center;
background-color:#FFFFFF;
color:#000;
font-family: 'Lato', sans-serif;
font-size:14px;
font-weight:400;
margin-bottom:10px;
padding:5px;
border-collapse: separate;
border-spacing: 2px;
*border-collapse: expression('separate', cellSpacing = '2px');
}

.bodySubTableWeb3 {
text-align:center;
background-color:#f1f1ed;
color:#000;
font-family:'Lato', sans-serif;
font-size:14px;
font-weight:400;
margin:0;
padding:5px;
border-collapse: separate;
border-spacing: 2px;
*border-collapse: expression('separate', cellSpacing = '2px');
}

.bodySubTableWeb2V2 {
text-align:center;
background: #fcfcfb; /* Old browsers */
background: -moz-linear-gradient(top, #fcfcfb 0%, #d8d8d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfb), color-stop(100%,#d8d8d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfcfb 0%,#d8d8d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfcfb 0%,#d8d8d6 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fcfcfb 0%,#d8d8d6 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfb', endColorstr='#d8d8d6',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fcfcfb 0%,#d8d8d6 100%); /* W3C */
color:#000;
font-family: 'Lato', sans-serif;
font-size:14px;
font-style:normal;
font-weight:400;
margin:0;
padding:5px;
border:1px solid #c9c9c9;
}

.rowlightWeb2 {
background-color:#eeeeee;
border:none;
font-size:14px;
font-weight:400;
height:36px;
padding:5px;
}

.rowdarkWeb2 {
background-color:#FFFFFF;
border:none;
font-size:14px;
font-weight:400;
height:36px;
padding:5px;
}

.subrowlightWeb2 {
background-color:#F5F5F5;
border:none;
font-size:14px;
font-weight:400;
height:36px;
padding:5px;
}

.subrowdarkWeb2 {
background-color:#D9D9D9;
border:none;
font-size:14px;
font-weight:400;
height:36px;
padding:5px;
}

.subrowlightWeb2:Hover,.subrowdarkWeb2:Hover {
background-color:#FFFFFF;
}

.rowdarkWeb2:Hover,.rowlightWeb2:Hover,.textoutputWeb2:Hover,.rowlight:hover,.rowdark:hover,.rowhighlight:hover {
background-color:#D9D9D9;
}

.rowdarkWeb2Child:hover {
background-color:#FFFFFF;
}


.rowdarkWeb2Grandchild:hover {
background-color:#FFFFFF;
}

.pdfrowdarkWeb2 {
background-color:#f4f8fb;
border-bottom:#000 1px solid;
border-left:0;
border-right:0;
border-top:0;
font-size:14px;
font-weight:400;
height:36px;
padding:5px
}

.pdfWeb2 {
border-bottom:#6199C7 1px solid;
border-left:0;
border-right:0;
border-top:0
}

.pdfWeb3 {
border-bottom:#A2B5CD 1px solid;
border-left:0;
border-right:0;
border-top:0;
font-size:11px;
}

.rowHighlightWeb2 {
background-color:#BCD2EE;
border:none;
font-size:14px;
font-weight:400;
height:36px;
padding:5px
}

.rowSubTextWeb2 {
color:#000;
font-family: 'Lato', sans-serif;
font-size:10px;
font-style:italic;
line-height:14px;
margin-top:4px;
text-align:justify
}

.blanktableCellWeb2 {
background-color:#6199C7;
border:0px;
font-size:0px;
height:1px;
width:100%;
margin:0;
padding:0;
}

.datatableHeaderCellWeb2 {
background-color:#fff;
background-position:top left;
background-repeat:repeat;
border:#6199C7 1px solid;
color:#0a1c5a;
font-family: 'Lato', sans-serif;
font-size:18px;
font-weight:bold;
height:24px;
padding:8px 15px;
text-align:center;
-webkit-border-top-left-radius:10px;
-moz-border-radius-topleft:10px;
-o-border-radius-topleft:10px;
border-radius-topleft: 10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topright:10px;
-o-border-radius-topright:10px;
border-radius-topright: 10px;
}

.buttonsWeb2,.buttonsWeb2:visited {
    background-color:#1a73e8;
    color:#FFFFFF;
    cursor:pointer;
    font-family: 'Lato', sans-serif;
    font-size:15px;
    font-weight:bold;
    min-width:120px;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    padding:12px 10px;
    margin:5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: none;
    box-shadow: none;
    opacity:1;
    }

.buttonsWeb2:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    opacity:0.8;
    }

.datatableSubHeaderCellWeb2 {
background-color:#89B1D3;
border-bottom:#6199C7 2px solid;
border-left:0;
border-right:0;
border-top:#6199C7 2px solid;
font-family: 'Lato', sans-serif;
font-size:16px;
font-weight:400;
padding:5px 7px;
text-align:center
}

.datatableLabelWeb2 {
background-color:#89B1D3;
border-bottom:#6199C7 1px solid;
border-left:0;
border-right:0;
font-family: 'Lato', sans-serif;
font-size:16px;
font-weight:400;
padding:0 7px;
}

.datatableCellWeb2 {
background-color:#89B1D3;
border-bottom:#6199C7 1px solid;
border-left:0;
border-right:0;
border-top:#6199C7 1px solid;
font-family: 'Lato', sans-serif;
font-size:16px;
font-weight:400;
padding:0 7px;
}

.datatableLeftCellWeb2 {
    font-size:16px;
    font-weight:600;
    padding:10px 15px;
    background-color:#F5F5F5;
    }

.datatableTopCellWeb2 {
    font-size:16px;
    font-weight:600;
    padding:10px 15px;
    background-color:#F5F5F5;
    }

.datatableCellDarkWeb2 {
    background-color:#6887A1;
    border-bottom:#6199C7 2px solid;
    border-left:0;
    border-right:0;
    border-top:#6199C7 2px solid;
    font-family: 'Lato', sans-serif;
    font-size:16px;
    font-weight:400;
    padding:0 7px
    }

.CellBorderRight {
    font-family: 'Lato', sans-serif;
    font-size:16px;
    padding:15px;
    background-color:#F5F5F5;
    border-top:1px solid #CBD5E0;
    border-bottom:1px solid #CBD5E0;
    border-right:1px solid #CBD5E0;
    -webkit-border-top-left-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-bottomleft:0px;
    -o-border-radius-topleft:0px;
    -o-border-radius-bottomleft:0px;
    border-radius-topleft: 0px;
    border-radius-bottomleft: 0px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomright:15px;
    -o-border-radius-topright:15px;
    -o-border-radius-bottomright:15px;
    border-radius-topright: 15px;
    border-radius-bottomright: 15px;
    }

.CellBorderLeft {
    font-family: 'Lato', sans-serif;
    font-size:16px;
    padding:15px;
    background-color:#F5F5F5;
    border-top:1px solid #CBD5E0;
    border-bottom:1px solid #CBD5E0;
    border-left:1px solid #CBD5E0;
    -webkit-border-top-left-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-bottomleft:15px;
    -o-border-radius-topleft:15px;
    -o-border-radius-bottomleft:15px;
    border-radius-topleft: 15px;
    border-radius-bottomleft: 15px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomright:0px;
    -o-border-radius-topright:0px;
    -o-border-radius-bottomright:0px;
    border-radius-topright: 0px;
    border-radius-bottomright: 0px;
    }

.CellBorderMiddle {
    font-family: 'Lato', sans-serif;
    font-size:16px;
    padding:15 5px;
    background-color:#F5F5F5;
    border-top:1px solid #CBD5E0;
    border-bottom:1px solid #CBD5E0;
    -webkit-border-top-left-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-bottomleft:0px;
    -o-border-radius-topleft:0px;
    -o-border-radius-bottomleft:0px;
    border-radius-topleft: 0px;
    border-radius-bottomleft: 0px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomright:0px;
    -o-border-radius-topright:0px;
    -o-border-radius-bottomright:0px;
    border-radius-topright: 0px;
    border-radius-bottomright: 0px;
    }

.ui-tabs .ui-tabs-nav li {-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;-o-border-radius-topright:10px;border-radius-topright: 10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;-o-border-radius-topleft:10px;border-radius-topleft: 10px;
    }

.texttableCellboldWeb2 {
background-color:#89B1D3;
border:none;
font-family: 'Lato', sans-serif;
font-size:16px;
font-weight:bold;
padding:0;
text-align:center
}

.noborderdatatableCellWeb2 {
background-color:#89B1D3;
border:none;
font-family: 'Lato', sans-serif;
font-size:16px;
font-weight:400;
text-align:left
}

.ProductPodBG {
background-color:#fff
}

.textinputWeb2 {
font-family: 'Lato', sans-serif;
font-size:16px;
background-color:#fdfdfd;
border:1px solid #A2B5CD;
color:#000;
padding:8px;
margin:5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}

.textinputWeb2Off {
font-family: 'Lato', sans-serif;
font-size:16px;
background-color:#fdfdfd;
border:1px solid #A2B5CD;
color:#CCC;
padding:8px;
margin:5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}

.textinputredWeb2 {
background-color:#fdfdfd;
border:#A2B5CD 1px solid;
color:red;
font-family: 'Lato', sans-serif;
font-size:16px;
padding:5px;
}

.textoutputWeb2 {
background-color:transparent;
border:none;
color:green;
font-family: 'Lato', sans-serif;
font-size:16px;
font-weight:bold;
}

.textareaWeb2 {
background-color:#fdfdfd;
border:#A2B5CD 1px solid;
color:#606162;
font-family: 'Lato', sans-serif;
font-size:12px;
line-height:16px;
padding:5px 3px
}

.boxbottomborder {
background-image:url(../images/box_bottom_border.jpg);
background-position:top left;
background-repeat:repeat-x
}

.blueborderbottom {
border-bottom:#dbe3eb 1px solid;
border-left:0;
border-right:0;
border-top:0
}

.boxheaderunderline {
background-image:url(../images/box_bottom_border.jpg);
background-position:bottom left;
background-repeat:repeat-x;
padding-bottom:8px;
text-align:left;
width:100%;
}

.boxheaderfont {
border:none;
color:#004194;
font-family: 'Lato', sans-serif;
font-size:14px;
font-weight:bold;
text-align:left;
text-decoration:none
}

.datatableCell {
background-color:#A2B5CD;
border-bottom:#666 2px solid;
border-left:0;
border-right:0;
border-top:#666 2px solid;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:400;
padding:3px
}

.noborderdatatableCell {
background-color:#A2B5CD;
border:none;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:400;
text-align:left
}

.datatableCelllight {
background-color:#fff;
border-bottom:#666 2px solid;
border-left:0;
border-right:0;
border-top:#666 2px solid;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:400;
padding:3px;
text-align:left
}

.pfdatatableCellWeb2 {
border-bottom:#666 1px solid;
border-left:0;
border-right:0;
border-top:0;
font-family: 'Lato', sans-serif;
font-weight:400;
padding:2px 3px;
}

.pfdatatableCell {
border-bottom:#666 1px solid;
border-left:0;
border-right:0;
border-top:0;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:400;
padding:2px 3px;
text-align:left
}

.pfheadertableCell {
background-color:#A2B5CD;
border-bottom:#666 2px solid;
border-left:0;
border-right:0;
border-top:0;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:400;
padding:3px
}

.texttableCell {
background-color:#A2B5CD;
border:none;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:400;
padding:3px 0
}

.texttableCellbold {
background-color:#A2B5CD;
border:none;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:bold;
padding:0 0 3px;
text-align:center
}

.cursor_mag {
cursor:url(../images/cursors/magnifier_zoom_in.gif);
}

.bodySubTable {
color:#000;
font-family: 'Lato', sans-serif;
font-size:10px;
font-style:normal;
font-weight:400;
margin:0;
padding:5px;
text-align:left
}

.bodySubSubTable {
color:#000;
font-family: 'Lato', sans-serif;
font-size:10px;
font-style:normal;
font-weight:400;
margin:0;
padding:0
}

.rowlight {
background-color:#fff;
border:none;
text-align:left
}

.rowdark {
background-color:#ededfa;
border:none;
text-align:left
}

.rowdarker {
background-color:#b0c4de;
border:none;
text-align:left
}

.textinputtext {
font-family: 'Lato', sans-serif;
font-size:11px
}

.textinput {
background-color:#dfddff;
border:#A2B5CD 1px solid;
font-family: 'Lato', sans-serif;
font-size:11px
}

.textinputcenter {
background-color:#dfddff;
border:#A2B5CD 1px solid;
font-family: 'Lato', sans-serif;
font-size:11px;
text-align:center
}

.textinputon {
background-color:#dfddff;
border:#A2B5CD 1px solid;
font-family: 'Lato', sans-serif;
font-size:11px;
font-weight:bold;
}

.textinputoff {
background-color:#dfddff;
border:#A2B5CD 1px solid;
color:gray;
font-family: 'Lato', sans-serif;
font-size:11px
}

.textinput2 {
background-color:#dfddff;
border-bottom:#A2B5CD 1px solid;
border-left:none;
border-right:none;
border-top:#A2B5CD 1px solid;
font-family: 'Lato', sans-serif;
font-size:11px
}

.textinput2dark {
background-color:#ffda45;
border-bottom:#A2B5CD 1px solid;
border-left:none;
border-right:none;
border-top:#A2B5CD 1px solid;
font-family: 'Lato', sans-serif;
font-size:11px
}

.textinputred {
background-color:#dfddff;
border:#A2B5CD 1px solid;
color:red;
font-family: 'Lato', sans-serif;
font-size:11px
}

.textoutput {
background-color:transparent;
border:none;
color:green;
font-family: 'Lato', sans-serif;
font-size:11px;
font-weight:bold;
}

.textoutput2 {
background-color:transparent;
border:#A2B5CD 1px solid;
color:green;
font-family: 'Lato', sans-serif;
font-size:11px
}

.textoutput3 {
background-color:transparent;
border:none;
font-family: 'Lato', sans-serif;
font-size:11px;
text-align:center
}

.textoutputsaved {
background-color:transparent;
border:none;
color:red;
font-family: 'Lato', sans-serif;
font-size:11px;
font-weight:bold;
}

.pricingsub {
font-size: 10px;
color: #333333;
font-family: 'Lato', sans-serif;
line-height:14px;
}

.bodySubTableRounded {
background: #fcfcfb; /* Old browsers */
background: -moz-linear-gradient(top, #fcfcfb 0%, #d8d8d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfb), color-stop(100%,#d8d8d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfcfb 0%,#d8d8d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfcfb 0%,#d8d8d6 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fcfcfb 0%,#d8d8d6 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfb', endColorstr='#d8d8d6',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fcfcfb 0%,#d8d8d6 100%); /* W3C */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
border:1px solid #c9c9c9;
padding:5px;
}

.MembershipColumnV2 {
border:1px solid #4f61ab;
margin:2px 0px 2px 0px;
padding:0 2px 0px 2px;
font-family: 'Lato', sans-serif;
background: #ffffff; /* Old browsers */
}

.MembershipColumnOnV2 {
border:2px solid #4f61ab;
font-family: 'Lato', sans-serif;
background: #f29d1e; /* Old browsers */
}

.MembershipFeeRadioV2 {
font-family: 'Lato', sans-serif;
font-style: normal;
font-size:20px;
color: #4f61ab;
line-height:28px;
}

.MembershipFeeRadioOnV2 {
font-family: 'Lato', sans-serif;
font-style: normal;
font-size:24px;
color: #4f61ab;
line-height:30px;
}


.MembershipColumn {
border:1px solid #A2B5CD;
margin:2px 0px 2px 0px;
padding:0 2px 0px 2px;
font-family: 'Lato', sans-serif;
background: #dfddff; /* Old browsers */
background: -moz-linear-gradient(top, #dfddff 0%, #edecfc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfddff), color-stop(100%,#edecfc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dfddff 0%,#edecfc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dfddff 0%,#edecfc 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #dfddff 0%,#edecfc 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfddff', endColorstr='#edecfc',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #dfddff 0%,#edecfc 100%); /* W3C */
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}

.MembershipColumnOn {
border:3px solid #A2B5CD;
font-family: 'Lato', sans-serif;
background: #ffda45; /* Old browsers */
background: -moz-linear-gradient(top, #ffda45 0%, #fee47c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffda45), color-stop(100%,#fee47c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffda45 0%,#fee47c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffda45 0%,#fee47c 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffda45 0%,#fee47c 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffda45', endColorstr='#fee47c',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffda45 0%,#fee47c 100%); /* W3C */
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}

.MembershipFeeRadio {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: bold;
font-size:20px;
color: #1a73e8;
line-height:28px;
}

.MembershipFeeRadioOn {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: bold;
font-size:24px;
color: #1a73e8;
line-height:30px;
}

.textoutputcostV2 {
background-color:transparent;
color:#b4b4b4;
font-family: 'Lato', sans-serif;
font-weight:bold;
font-size:16px;
border:none;
padding:0;
margin:0;
text-align:center;
width:150px;
}

.textoutputcostdarkV2 {
background-color:transparent;
color:#333333;
font-family: 'Lato', sans-serif;
font-weight:bold;
font-size:16px;
border:none;
padding:0;
margin:0;
text-align:center;
width:150px;
}

.textoutputtrial {
background-color:transparent;
border:none;
color:red;
font-family: 'Lato', sans-serif;
font-size:10px
}

.smalltextinput {
background-color:#dfddff;
border:#A2B5CD 1px solid;
font-family: 'Lato', sans-serif;
font-size:10px
}

.smalltextinputlink {
background-color:#dfddff;
font-family: 'Lato', sans-serif;
font-size:9px
}

.textinputunderlined {
background-color:#dfddff;
border:#A2B5CD 1px solid;
font-family: 'Lato', sans-serif;
font-size:11px;
text-decoration:underline
}

.fa-fa {
	font-family: FontAwesome, Tahoma, Verdada, "Myriad Web", Arial, Helvetica, sans-serif;
}

.fa-fa-button,.fa-fa-button:visited {
	padding:3px;
	font-size:20px;
	cursor:pointer;
	color:#091a5e;
	-webkit-transition: -webkit-transform 0.5s ease-in-out, color linear 0.5s;
	-moz-transition: -moz-transform 0.5s ease-in-out, color linear 0.5s;
	-o-transition: -o-transform 0.5s ease-in-out, color linear 0.5s;
	transition: transform 0.5s ease-in-out, color linear 0.5s;
}

.fa-fa-button:hover {
	padding:3px;
	font-size:20px;
	cursor:pointer;
	color:#009832;
}

.deletebutton {
background-color:transparent;
background-image:url(../images/icons/delete.png);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.reloadbutton {
background-color:transparent;
background-image:url(../images/icons/arrow_refresh.png);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.newbutton {
background-color:transparent;
background-image:url(../images/icons/new.png);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.savebutton {
background-color:transparent;
background-image:url(../images/icons/disk.png);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.archivebutton {
background-color:transparent;
background-image:url(../images/icons/drawer.png);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.downloadbutton {
background-color:transparent;
background-image:url(../images/icons/page_white_put.png);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.uploadbutton {
background-color:transparent;
background-image:url(../images/icons/upload.png);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.reschedulebutton {
background-color:transparent;
background-image:url(../images/icons/reschedule.gif);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.moneybutton1 {
background-color:transparent;
background-image:url(../images/icons/money_button.gif);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.emailbutton {
background-color:transparent;
background-image:url(../images/icons/sendemail.gif);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.sendemailbutton {
background-color:transparent;
background-image:url(../images/icons/sendemail.gif);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:14px;
margin:0;
width:16px
}

.copybutton {
background-color:transparent;
background-image:url(../images/icons/page_2_copy.png);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.cartbutton {
background-color:transparent;
background-image:url(../images/icons/cart1.png);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.invoicebutton {
background-color:transparent;
background-image:url(../images/icons/invoice.png);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.AddToCart {
background-color:transparent;
background-image:url(../images/icons/button_in_cart.png);
background-position:center;
background-repeat:no-repeat;
border:none;
cursor:pointer;
height:17px;
margin:0;
padding:0;
width:115px
}

.InCart {
color:red;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:400;
margin-top:5px;
text-decoration:none
}

.moneybutton2 {
background-color:transparent;
background-image:url(../images/icons/money_button2.gif);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

.textinputbutton {
background-color:#605FAB;
border-style:outset;
border-width:2px;
color:#A2B5CD;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:10px;
font-weight:bold;
}

span.creditsright {
color:#000;
font-family: 'Lato', sans-serif;
font-size:11px;
text-align:right;
text-decoration:none
}

.normaltext {
color:#000;
font-family: 'Lato', sans-serif;
font-size:11.5px;
line-height:16px;
text-decoration:none
}

.normaltext3 {
color:#000;
font-family: 'Lato', sans-serif;
font-size:13.5px;
font-weight:bold;
line-height:16px;
text-decoration:none
}

.redtext {
color:#D00;
font-family: 'Lato', sans-serif;
font-size:13.5px;
font-weight:bold;
line-height:16px;
text-decoration:none
}

span.number {
color:#D00;
font-family: 'Lato', sans-serif;
font-size:24px;
font-weight:bold;
line-height:22px;
text-decoration:none
}

span.margin {
color:#6A86D7;
font-family: 'Lato', sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

span.dripedvar {
float:right;
color:green;
margin: 18px 0;
padding-left:5px;
display:inline-block;
}

.whitetext {
color:#FFF;
font-family: 'Lato', sans-serif;
font-size:13.5px;
font-weight:bold;
line-height:16px;
text-decoration:none
}

.bluetext {
color:#605FAB;
font-family: 'Lato', sans-serif;
font-size:13.5px;
font-weight:bolder;
line-height:16px;
text-decoration:none
}

.MessageConfirm {
	z-index: 20;
	position: fixed;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
}

div.warning {
background: #fcd058; /* Old browsers */
background: -moz-linear-gradient(top, #fcd058 0%, #f8c63d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcd058), color-stop(100%,#f8c63d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcd058 0%,#f8c63d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcd058 0%,#f8c63d 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fcd058 0%,#f8c63d 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd058', endColorstr='#f8c63d',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fcd058 0%,#f8c63d 100%); /* W3C */
border:solid #e3a600 1px;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height:24px;
padding:10px;
max-width:750px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}

div.errors {
background: #fb9e98; /* Old browsers */
background: -moz-linear-gradient(top, #fb9e98 0%, #f8665c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb9e98), color-stop(100%,#f8665c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fb9e98 0%,#f8665c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fb9e98 0%,#f8665c 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fb9e98 0%,#f8665c 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9e98', endColorstr='#f8665c',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fb9e98 0%,#f8665c 100%); /* W3C */
border:solid red 1px;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height:24px;
padding:10px;
max-width:750px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}

div.errorsleft {
background: #fb9e98; /* Old browsers */
background: -moz-linear-gradient(top, #fb9e98 0%, #f8665c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb9e98), color-stop(100%,#f8665c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fb9e98 0%,#f8665c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fb9e98 0%,#f8665c 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fb9e98 0%,#f8665c 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9e98', endColorstr='#f8665c',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fb9e98 0%,#f8665c 100%); /* W3C */
border:solid red 1px;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height:24px;
padding:10px;
text-align:left;
max-width:750px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}

div.success {
background: #59ec51; /* Old browsers */
background: -moz-linear-gradient(top, #59ec51 0%, #61fb5a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59ec51), color-stop(100%,#61fb5a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #59ec51 0%,#61fb5a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #59ec51 0%,#61fb5a 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #59ec51 0%,#61fb5a 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59ec51', endColorstr='#61fb5a',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #59ec51 0%,#61fb5a 100%); /* W3C */
border:solid green 1px;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height:24px;
padding:10px;
max-width:750px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}

div.openbox {
background-color:#ECEEF3;
border:#091A5E 1px solid;
font-family: 'Lato', sans-serif;
font-size:9px;
margin-bottom:0;
margin-top:0;
padding:3px;
text-decoration:none
}

div.backlinks {
font-size:80%;
font-weight:bold;
margin:15px 5px 5px 15px;
padding:1px;
word-spacing:5px
}

div.menu {
margin:10px 5px 3px
}

tr.complete, td.complete {
background-color:#BCD2EE
}

.TitleCompare {
background-image:url(../images/bg_green.gif);
background-position:left top;
background-repeat:repeat-x;
color:#FFF;
font-family: 'Lato', sans-serif;
font-size:14px
}

.InnerLeft {
background-color:#E8EEDA;
padding:0 15px
}

.TdFormOrange {
border-bottom:1px solid #D4950D
}

.TdCellOrange {
background-color:#D4950D;
color:#FFF;
font-family: 'Lato', sans-serif;
font-size:14px;
height:22px;
padding-left:8px;
padding-right:30px
}

.TdCellGreen {
background-color:#8DAB45;
color:#FFF;
font-family: 'Lato', sans-serif;
font-size:11px;
font-weight:bold;
height:22px;
padding-left:8px;
padding-right:30px
}

.TdCellBlue {
background-color:#EAEFF3;
color:#6F6F6F;
font-family: 'Lato', sans-serif;
font-size:11px;
font-weight:400;
height:22px;
padding-left:6px
}

.TdFormFooter {
padding-top:14px
}

#draggableContainer {
margin:0 auto;
width:600px
}

#dragableElementsParentBox {
padding:10px
}

.smallArticle {
background-color:#89B1D3;
border:2px solid #6199C7;
font-family: 'Lato', sans-serif;
font-size:12px;
margin-bottom:5px;
margin-right:10px;
padding:2px;
width:520px
}

img.greyscale {
	-webkit-filter:grayscale(1);
	filter: gray;
	filter: grayscale(1);
}

.clear {
clear:both
}

#rectangle {
background-color:#FFF;
border:1px dotted red;
float:left
}

#insertionMarker {
display:none;
position:absolute;
width:6px
}

#insertionMarker img {
float:left
}

#dragDropMoveLayer {
border:none;
display:none;
filter:alpha(opacity=50);
opacity:0.5;
position:absolute
}

.accordionWrapper {
background-color:#fff;
display:inline-block;
overflow:hidden
}

.accordionWrapper img {
border:0;
margin:0;
padding:0;
vertical-align:top
}

.accordionWrapper div {
display:inline;
float:left;
margin:auto
}

.accordionWrapper div.content {
display:none
}

/* Calendar Start */
#calendar {
background-color:#f3f8ff;
border:1px solid #f2f2f2;
height:165px;
margin:5px auto;
position:absolute;
text-align:center;
width:243px;
z-index:3
}

.months,.emptM,.headDay,.dayNormal,.dayBlank,.dayDisabled,.dayWeekend,.dayCurrent,.yearBrowse,.monthDisabled,.currMonth,#closeBtn {
background-color:#DCE6FC;
color:#000;
display:inline;
float:left;
height:14px;
line-height:14px;
margin:1px 0 0 1px;
padding:0;
text-align:center;
width:39px
}

.emptM,.dayDisabled,.monthDisabled {
background-color:#f2f2f2;
color:#d7d6d5
}

.headDay {
background-color:#48688f;
color:#fff;
width:33px
}

.dayNormal,.dayBlank,.dayWeekend,.dayCurrent {
background-color:#70b0ff;
color:#fff;
width:33px
}

.dayBlank {
background-color:#f3f8ff
}

.dayWeekend {
background-color:#ff6161
}

.dayCurrent,.currMonth {
background-color:#71d45b
}

.dayDisabled {
width:33px
}

#days {
margin-left:1px;
width:238px
}

#elements {
height:150px
}

.months a,#days a,.currMonth a {
color:#000;
display:block;
text-decoration:none
}

.currMonth a {
color:#FFF
}

#days a {
color:#fff
}

.yearBrowse,#closeBtn {
background-color:#FFF;
line-height:14px;
width:240px
}

.yearBrowse a,#closeBtn a {
color:#f30;
font-weight:bold;
text-decoration:none
}

.yearBrowse b {
margin:0 5px
}
/* Calendar End */

/* Color Box */
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
.cb_border_custom_1 {
	border: 3px solid black;
	border-radius: 6px;
	margin: 15px;
	box-shadow: 0 0 15px #666666;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls_red.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls_red.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls_red.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls_red.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls_red.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/colorbox/controls_red.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-top:28px;margin-bottom:0;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls_red.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls_red.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; top:0; right:0; background:url(../images/colorbox/controls_red.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}


/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
	.cboxIE #cboxTopCenter,
	.cboxIE #cboxTopRight,
	.cboxIE #cboxBottomLeft,
	.cboxIE #cboxBottomCenter,
	.cboxIE #cboxBottomRight,
	.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/* Color Box End */

/* Overlay Start */
#TB_window {
background:#fff;
border:4px solid #525252;
color:#000;
display:none;
font:12px Arial, Helvetica, sans-serif;
left:50%;
position:fixed;
text-align:left;
top:50%;
z-index:102
}

#TB_secondLine {
color:#666;
font:10px Arial, Helvetica, sans-serif
}

#TB_window a:hover {
color:#000
}

#TB_overlay {
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:100
}

.TB_overlayBG {
-moz-opacity:0.75;
background-color:#000;
filter:alpha(opacity=75);
opacity:0.75
}

#TB_window img#TB_Image {
border-bottom:1px solid #ccc;
border-left:1px solid #666;
border-right:1px solid #ccc;
border-top:1px solid #666;
display:block;
margin:15px 0 0 15px
}

#TB_caption {
float:left;
height:25px;
padding:7px 30px 10px 25px
}

#TB_closeWindow {
float:right;
height:25px;
padding:11px 25px 10px 0
}

#TB_closeAjaxWindow {
float:right;
margin-bottom:1px;
padding:7px 10px 5px 0;
text-align:right
}

#TB_ajaxWindowTitle {
float:left;
margin-bottom:1px;
padding:7px 0 5px 10px
}

#TB_title {
background-color:#e8e8e8;
height:27px
}

#TB_ajaxContent {
clear:both;
line-height:1.4em;
overflow:auto;
padding:2px 15px 15px;
text-align:left
}

#TB_ajaxContent.TB_modal {
padding:15px
}

#TB_ajaxContent p {
padding:5px 0
}

#TB_load {
display:none;
height:13px;
left:50%;
margin:-6px 0 0 -104px;
position:fixed;
top:50%;
width:208px;
z-index:103
}

#TB_HideSelect {
-moz-opacity:0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
height:100%;
left:0;
opacity:0;
position:fixed;
top:0;
width:100%;
z-index:99
}

#TB_iframeContent {
_margin-bottom:1px;
border:none;
clear:both;
margin-bottom:-1px;
margin-top:1px
}
/* Overlay End */

.V2A:link,.V2A:visited {
color:#22160b;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height:18pt;
text-decoration:none
}

.inlinelink:hover {
color:#009832;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:12px;
text-decoration:underline
}

.inlinelink,.inlinelink:visited {
color:#00f;
font-family: 'Lato', sans-serif;
font-size:12px;
cursor:pointer;
text-decoration:none
}

span.inlinelink14:link,span.inlinelink14:visited,div.inlinelink14:link,div.inlinelink14:visited,a.inlinelink14:link,a.inlinelink14:visited {
color:#605FAB;
font-family: 'Lato', sans-serif;
font-weight:400;
cursor:pointer;
text-decoration:none
}

span.inlinelink14:hover,span.inlinelink14:hover,div.inlinelink14:hover,div.inlinelink14:hover,a.inlinelink14:hover,a.inlinelink14:hover {
color:#009832;
font-family: 'Lato', sans-serif;
font-weight:400;
cursor:pointer;
text-decoration:underline
}

a.inlinelink15:hover {
font-family: 'Lato', sans-serif;
font-size:14px;
color:#009832;
cursor:pointer;
text-decoration:underline
}

a.inlinelink15, a.inlinelink15:visited {
color:#0a27d9;
font-family: 'Lato', sans-serif;
font-size:14px;
cursor:pointer;
text-decoration:none;
}

a.inlinelink16:hover {
font-family: 'Lato', sans-serif;
font-size:16px;
color:#009832;
cursor:pointer;
text-decoration:underline
}

a.inlinelink16, a.inlinelink16:visited {
color:#0a27d9;
font-family: 'Lato', sans-serif;
font-size:16px;
cursor:pointer;
text-decoration:none;
}

.footerlink,.bottomnavlink2,.bottomnavlink2:visited {
color:#fff;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:10px;
text-decoration:none;
}

.footerlink:hover,.bottomnavlink2:hover {
color:#f6e30e;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:10px;
text-decoration:none;
}

.textlink1,.textlink1:visited {
color:#00f;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:10px;
text-decoration:none
}

.textlink2,.textlink2:visited {
color:#00f;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:11px;
text-decoration:underline
}

a.textlink3,a.textlink3:visited {
color:#00f;
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:underline
}

.textlinkbig,.textlinkbig:visited {
cursor:pointer;
font-family: 'Lato', sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none
}

table thead td,.accordionWrapper div.title {
cursor:pointer
}

.textoutputcost,.textoutputsavedV2 {
background-color:transparent;
border:none;
color:green;
font-family: 'Lato', sans-serif;
font-size:14px;
font-weight:bold;
}

.textoutputcostdark,.textoutputsaveddarkV2 {
background-color:transparent;
border:none;
color:green;
font-family: 'Lato', sans-serif;
font-size:14px;
font-weight:bold
}

.viewbutton,.folderbutton {
background-color:transparent;
background-image:url(../images/icons/folder.png);
background-position:center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:16px;
margin:0;
width:16px
}

span.creditslink:link,span.creditslink:visited,a.creditslink:link,a.creditslink:visited {
color:#605FAB;
font-family: 'Lato', sans-serif;
font-size:11px;
font-weight:400;
cursor:pointer;
text-decoration:none
}

span.creditslink:hover,span.creditslink2:hover,a.creditslink:hover,a.creditslink2:hover {
color:#D00;
font-family: 'Lato', sans-serif;
font-size:11px;
font-weight:400;
cursor:pointer;
text-decoration:underline
}

span.creditslink2:link,span.creditslink2:visited,a.creditslink2:link,a.creditslink2:visited {
color:#D00;
font-family: 'Lato', sans-serif;
font-size:11px;
font-weight:400;
cursor:pointer;
text-decoration:none
}

span.marginlink:link,span.marginlink:visited,a.marginlink:link,a.marginlink:visited {
color:#6A86D7;
font-family: 'Lato', sans-serif;
font-size:11px;
cursor:pointer;
text-decoration:none
}

span.marginlink:hover,a.marginlink:hover {
color:#FFF;
font-family: 'Lato', sans-serif;
font-size:11px;
cursor:pointer;
text-decoration:underline
}

span.headlink:link,span.headlink:visited,span.headlink:hover,a.headlink:link,a.headlink:visited,a.headlink:hover {
color:#D00;
font-family: 'Lato', sans-serif;
font-size:17px;
cursor:pointer;
text-decoration:underline
}

span.credits,a.credits {
color:#000;
font-family: 'Lato', sans-serif;
font-size:11px;
cursor:pointer;
text-decoration:none
}

span.credits2,a.credits2 {
color:#6A86D7;
font-family: 'Lato', sans-serif;
font-size:9px;
cursor:pointer;
text-decoration:none
}

span.headline,span.headlineb,a.headline {
color:#D00;
font-family: 'Lato', sans-serif;
font-size:17px;
font-weight:bold;
line-height:19px;
cursor:pointer;
text-decoration:none
}

span.headline2,a.headline2 {
color:#D00;
font-family: 'Lato', sans-serif;
font-size:20px;
font-weight:bold;
line-height:22px;
cursor:pointer;
text-decoration:none
}

p,.normaltext2 {
color:#000;
font-family: 'Lato', sans-serif;
font-size:13.5px;
line-height:16px;
text-decoration:none;
}

br.newpage {
page-break-before:always;
}

div.PageBreak {
page-break-after:always;
page-break-inside:avoid;
}

div.PageBreak {
padding:10px;
}

div.PageBorder {
border:solid 2px #000000;
padding:10px;
margin-left:5px;
margin-right:5px;
}

div.BoxBorder {
border:solid 2px #000000;
padding:10px;
margin-left:5pt;
margin-right:5pt;
}

.rounded_0 {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}

.rounded_5 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.rounded, .rounded_10 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}

.rounded_15 {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
}

.rounded_20 {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}

.rounded_25 {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
}

.rounded_30 {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}

.rounded_40 {
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-o-border-radius: 40px;
border-radius: 40px;
}

.rounded_50 {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
}

.rounded_75 {
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
-o-border-radius: 75px;
border-radius: 75px;
}

.rounded_leftside_5 {
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-o-border-radius-topleft:5px;
-o-border-radius-bottomleft:5px;
border-radius-topleft: 5px;
border-radius-bottomleft: 5px;
}

.rounded_leftside_10 {
-webkit-border-top-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomleft:10px;
-o-border-radius-topleft:10px;
-o-border-radius-bottomleft:10px;
border-radius-topleft: 10px;
border-radius-bottomleft: 10px;
}

.rounded_rightside_5 {
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-o-border-radius-topright:5px;
-o-border-radius-bottomright:5px;
border-radius-topright: 5px;
border-radius-bottomright: 5px;
}

.rounded_rightside_10 {
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
-o-border-radius-topright:10px;
-o-border-radius-bottomright:10px;
border-radius-topright: 10px;
border-radius-bottomright: 10px;
}

.rounded_top_5 {
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-o-border-radius-topleft:5px;
-o-border-radius-topright:5px;
border-radius-topleft: 5px;
border-radius-topright: 5px;
}

.rounded_top_10 {
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-o-border-radius-topleft:10px;
-o-border-radius-topright:10px;
border-radius-topleft: 10px;
border-radius-topright: 10px;
}

.rounded_bottom_5 {
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-o-border-radius-WebDateTopleft:5px;
-o-border-radius-WebDateTopright:5px;
border-radius-bottomright: 5px;
border-radius-bottomleft: 5px;
}

.rounded_bottom_10 {
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-o-border-radius-WebDateTopleft:10px;
-o-border-radius-WebDateTopright:10px;
border-radius-bottomright: 10px;
border-radius-bottomleft: 10px;
}

tr.active,tr.accepted,td.active,td.accepted {
background-color:#9c9
}

tr.stopped,tr.cancelled,tr.declined,tr.return,tr.returned,td.stopped,td.cancelled,td.declined,td.return,td.returned {
background-color:#ff9999
}

tr.alert,td.alert {
background-color:#fc6c6c
}


tr.reminder,td.reminder {
background-color:#cce5cc
}

tr.paused,tr.waiting,tr.pending,tr.processing,td.paused,td.waiting,td.pending,td.processing {
background-color:#ff9
}

tr.warning,td.warning {
background-color:#f5a044
}

tr.pending:hover,tr.accepted:hover,tr.declined:hover,tr.warning:hover,tr.return:hover,tr.returned:hover,tr.reminder:hover,td.pending:hover,td.accepted:hover,td.declined:hover,td.warning:hover,td.return:hover,td.returned:hover,td.reminder:hover {
background-color:#AAB
}

.bbcolor,.TdFormGreen {
border-bottom:1px solid #8DAB45
}

#TB_window a:link,#TB_window a:visited,#TB_window a:active,#TB_window a:focus {
color:#666
}

* html #TB_overlay,* html #TB_HideSelect {
height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');
position:absolute
}

* html #TB_window,* html #TB_load {
margin-top:expression(0-parseInt(this.offsetHeight/2) 0 (TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) 0 px);
position:absolute
}
}

#popup_container {
background:#FAFAFA;
border:solid 5px #26358a;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
color:#000;
font-family: 'Lato', sans-serif;
font-size:14px;
max-width:600px;
min-width:300px
}

#popup_title {
background:#CCC url(../images/alerts/title.gif) top repeat-x;
border:solid 1px #FFF;
border-bottom:solid 1px #26358a;
color:#26358a;
cursor:default;
font-size:16px;
font-weight:bold;
line-height:1.75em;
margin:0;
padding:0;
text-align:center
}

#popup_content {
background:16px 16px no-repeat url(../images/alerts/info.png);
margin:0;
padding:1em 1.75em
}

#popup_content.alert {
background-image: url(../images/alerts/important.png);
}

#popup_content.confirm {
background-image: url(../images/alerts/info.png);
}

#popup_content.prompt {
background-image: url(../images/alerts/help.png);
}

#popup_message {
padding-left:48px
}

#popup_panel {
margin:1em 0 0 1em;
text-align:center
}

#popup_prompt {
margin:.5em 0
}

/*
JqueryTools
root element for scrollable
*/
.verticalWeb2 {

/* required settings */
position:relative;
overflow:hidden;

height: 470px;
width: 100%;
min-width: 300px;
}

/* root element for scrollable items */
.itemsWeb2 {
position:absolute;
height:470px;
margin: 0px;
}

/* single scrollable item */
.itemsWeb2 div {
margin:10px 0 15px 0;
padding:0 20px 20px 20px;
height:4700px;
}

.vertical {

/* required settings */
position:relative;
overflow:hidden;

height: 300px;
width: 100%;
min-width: 600px;
}

/* root element for scrollable items */
.items {
position:absolute;
height:20000em;
margin: 0px;
}

/* single scrollable item */
.items div {
margin:10px 0 15px 0;
padding:0 20px 20px 20px;
height:560px;
}

/* the action buttons above the scrollable */
#actions {
margin-left:20px;
margin-right:20px;
margin-top:5px;
margin-bottom:5px;
}

#actions a {
font-size:11px;
cursor:pointer;
color:#666;
}

#actions a:hover {
text-decoration:underline;
color:#000;
}

.disabled {
visibility:hidden;
}

.nextPage {
float:right;
}

.imageshadow {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #244766 5px 5px 10px;
-moz-box-shadow: #244766 10px 10px 10px;
box-shadow: #244766 10px 10px 10px;
}

/* Blue Box  */
#tlc, #trc { zoom: 1 }

#columnbox {
background-color: #FFFFFF;
position: relative;
margin:0;
padding: 0 0 15px 0;
text-align: left;
width:100%;				/* <-- use this to tie width to viewport size */
min-width: 260px;
/*width: 55em;				/* <-- use this for a set width */
}

#mainbox {
background-color: #FFFFFF;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
padding: 0;
text-align: left;
width:100%;				/* <-- use this to tie width to viewport size */
min-width: 640px;
/*width: 55em;				/* <-- use this for a set width */
}

#boxcontent {
padding:10px;
}

#tlc, #trc, #blc, #brc {
background-color: transparent;
background-repeat: no-repeat;
}

/*colour image repeat position attachment*/

#tlc {
background-color: transparent;
background-image:url("../images/inner_tl.gif");
background-position: 0% 0%;
}

#trc {
background-color: transparent;
background-image:url("../images/inner_tr1.gif");
background-position: 100% 0%;
}

#tb {
background-color: transparent;
background-image:url("../images/inner_top.gif");
background-repeat: repeat-x;
background-position: 0% 0%;

}

#bb {
border-bottom:#dbe3eb 1px solid;
}

#rb {
background-color: transparent;
background-image:url(../images/hm_right.gif);
background-repeat: repeat-y;
background-position: 100% 0%;
}

#lb {
background-color: transparent;
background-image:url(../images/hm_left.gif);
background-repeat: repeat-y;
background-position: 0% 100%;
}

/* the overlayed element */
.simple_overlay {
/* must be initially hidden */
display:none;
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#ffffff;
/*width:520px;
min-height:200px;*/
border:1px solid #666;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}

/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
height:510px;
width:550px;
overflow-y:auto; }

.ui-autocomplete-loading { background: white url('../images/icons/ui-anim_basic_16x16.gif') right center no-repeat; }

/*
* qTip - The jQuery tooltip plugin
* http://craigsworks.com/projects/qtip/
*
* Version: 2.0.0pre
* Copyright 2009 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPL Version 2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Tue Nov 9 18:07:15 2010 +0000
*/

.ui-tooltip-accessible{
left: -31000px;
display: block;
visibility: hidden;
}

/* IE6 ONLY - Width detection fix */
* html .ui-tooltip-accessible{
position: static !important;
float: left !important;
}

.ui-tooltip, .qtip{
position: absolute;
display: none;
max-width: 450px;
min-width: 20px;
}

.ui-tooltip .ui-tooltip-wrapper{
position: relative;
overflow: hidden;
border-width: 3px;
border-style: solid;
}

.ui-tooltip .ui-tooltip-content{
position: relative;
padding: 5px 9px;
text-align: left;
word-wrap: break-word;
overflow: hidden;
font-size:14px;
line-height: 18px;
}

.ui-tooltip .ui-tooltip-titlebar{
position: relative;
min-height: 19px;
padding: 6px 35px 6px 10px;
font-weight: bold;
font-size:16px;
line-height: 20px;
}

/*! Default close button class */
.ui-tooltip .ui-tooltip-close{
position: absolute;
height: 16px;
width: 16px;
padding: 1px;
right: 5px;
top: 5px;
cursor: pointer;
line-height: 0px;
font-size: 0px;
}

.ui-tooltip .ui-tooltip-close .ui-icon{
height: 16px;
width: 16px;
display: block;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
}

.ui-tooltip .ui-tooltip-close:hover .ui-icon{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}

/*! Custom button class */
.ui-tooltip .ui-tooltip-button{
float: right;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{
}

/*! Default tooltip style */
.ui-tooltip-wrapper{
border-color: #F9E98E;
background-color: #FBF7AA;
color: #A27D35;
}

.ui-tooltip .ui-tooltip-titlebar{
background-color: #F0DE7D;
}

/*! Plain tooltip style */
.ui-tooltip-plain .ui-tooltip-wrapper{
border-color: black;
border-width: 1px;

background-color: white;
color: black;
}

.ui-tooltip-plain .ui-tooltip-titlebar{
background-color: white;
}

.ui-tooltip-plain .ui-tooltip-close .ui-icon{
background: black;
}

/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-wrapper{
border-color: #E2E2E2;
background-color: white;
color: #454545;
}

.ui-tooltip-light .ui-tooltip-titlebar{
background-color: #f1f1f1;
}

/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-wrapper{
border-color: #303030;
background-color: #505050;
color: #f3f3f3;
}

.ui-tooltip-dark .ui-tooltip-titlebar{
background-color: #404040;
}

/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-wrapper{
border-color: #D95252;
background-color: #F78B83;
color: #912323;
}

.ui-tooltip-red .ui-tooltip-titlebar{
background-color: #F06D65;
}

/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-wrapper{
border-color: #90D93F;
background-color: #CAED9E;
color: #3F6219;
}

.ui-tooltip-green .ui-tooltip-titlebar{
background-color: #B0DE78;
}

/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-wrapper{
border-color: #ADD9ED;
background-color: #E5F6FE;
color: #5E99BD;
}

.ui-tooltip-blue .ui-tooltip-titlebar{
background-color: #D0E9F5;
}

/*! Menu style */
.ui-tooltip-menu .ui-tooltip-wrapper{
border-color: #606fb2;
color: #5E99BD;
-webkit-opacity:0.95;
-moz-opacity:0.95;
-o-opacity:0.95;
opacity:0.95;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
filter:alpha(opacity=95);
background: #e5f6fe; /* Old browsers */
background: -moz-linear-gradient(top, #e5f6fe 0%, #c8d6dc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f6fe), color-stop(100%,#c8d6dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5f6fe 0%,#c8d6dc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5f6fe 0%,#c8d6dc 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #e5f6fe 0%,#c8d6dc 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f6fe', endColorstr='#c8d6dc',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #e5f6fe 0%,#c8d6dc 100%); /* W3C */-webkit-transition: -webkit-transform opacity 2s linear;
-moz-transition: -moz-transform opacity 2s linear;
-o-transition: -o-transform opacity 2s linear;
transition: transform opacity 2s linear;
}

.ui-tooltip-menu .ui-tooltip-titlebar{
background-color: #D0E9F5;
}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);

filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}

/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded .ui-tooltip-wrapper{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

div.ui-tooltip-tip{
position: absolute;
margin: 0 auto;
overflow: hidden;
line-height: 0.1px;
font-size: 1px;
background: transparent !important;
border: 0px !important;
z-index: 10;
}

div.ui-tooltip-tip *{
line-height: 0.1px;
font-size: 0.1px;
}

div.ui-tooltip-tip div{
background: transparent !important;
border: 0px dashed transparent;
}

#qtip-overlay{
position: absolute;
left: -10000em;
top: -10000em;

background-color: black;
cursor: pointer;

opacity: 0.7;
filter:alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

/* Set this to any below 15000 (default starting z-index for qTips) */
z-index: 14999;
}

/*! Youtube tooltip style */
div.ui-tooltip-youtube .ui-tooltip-wrapper{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: 0 0 3px #333;
-moz-box-shadow: 0 0 3px #333;
box-shadow: 0 0 3px #333;

border-color: #CCCCCC;
border-width: 1px;

color: white;
}

div.ui-tooltip-youtube .ui-tooltip-titlebar,
div.ui-tooltip-youtube .ui-tooltip-content{
background-color: rgba(0, 0, 0, 0.85);
}

/* IE6 Fallback */
* html div.ui-tooltip-youtube-wrapper{
background-color: black;
}

/* jQuery TOOLS Tooltip style */
div.ui-tooltip-jtools .ui-tooltip-wrapper{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border-color: white;
border-width: 2px;
-webkit-box-shadow: 0 0 12px #333;
-moz-box-shadow: 0 0 12px #333;
box-shadow: 0 0 12px #333;
background-color: rgba(0, 0, 0, 0.7);
background: #232323; /* Old browsers */
background: -moz-linear-gradient(top, #232323 0%, #717171 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232323), color-stop(100%,#717171)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #232323 0%,#717171 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #232323 0%,#717171 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #232323 0%,#717171 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#717171',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #232323 0%,#717171 100%); /* W3C */
color: white;
}

div.ui-tooltip-jtools .ui-tooltip-titlebar,
div.ui-tooltip-jtools .ui-tooltip-content{
background: none;
}

/* Cluetip style */
div.ui-tooltip-cluetip .ui-tooltip-wrapper{
border-width: 0;

-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}

div.ui-tooltip-cluetip .ui-tooltip-titlebar{
background-color: #87876A;
color: white;
}

div.ui-tooltip-cluetip .ui-tooltip-content{
background-color: #D9D9C2;
color: #111;
}

/* Multi Select */
.ms2side__div {
clear: left;
width: 100%;
padding: 1px;
float: left;
background : url('') repeat-x; // HACK FOR CHROME
}

.ms2side__select {
float: left;
}

.ms2side__header {
color: blue;
background-color: #EEEEFF;
}

.ms2side__options, .ms2side__updown {
float: left;
font-size: 10pt;
margin: 0;
padding: 0 8px;
width: 50px;
color: black;
text-align: center;
overflow: hidden;
}

.ms2side__updown {
font-size: 9pt;
}

.ms2side__options p, .ms2side__updown p {
margin: 2px 0;
padding: 0;
cursor: hand;
border: 1px solid black;
}

.ms2side__options p.ms2side_hover, .ms2side__updown p.ms2side_hover {
background-color: #F0F0FF;
border-color: #0000FF;
cursor: hand;
}

.ms2side__options p.ms2side__hide, .ms2side__updown p.ms2side__hide {
cursor: default;
color: grey;
border: 1px solid grey;
background-color: #F0F0F0;
}

.ms2side__div select {
width: 220px;
float: left;
}
/* Multi Select End */

/* Cool Effects */
.transition1 {
-webkit-transition: -webkit-transform 1s ease-in-out, background-color linear 1s, color linear 1s;
-moz-transition: -moz-transform 1s ease-in-out, background-color linear 1s, color linear 1s;
-o-transition: -o-transform 1s ease-in-out, background-color linear 1s, color linear 1s;
transition: transform 1s ease-in-out, background-color linear 1s, color linear 1s;
}

.transition1:hover {
-webkit-transform: rotateZ(-15deg);
-moz-transform: rotateZ(-15deg);
-o-transform: rotateZ(-15deg);
background-color: #aaa;
color: #326895;
cursor: pointer;
}

.rotate90 {
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
-o-transform: rotateZ(-90deg);
}

.rotate15 {
-webkit-transition: -webkit-transform .5s ease-in-out;
-moz-transition: -moz-transform .5s ease-in-out;
-o-transition: -o-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
}

.rotate15:hover {
-webkit-transform: rotateZ(15deg);
-moz-transform: rotateZ(15deg);
-o-transform: rotateZ(15deg);
cursor: pointer;
}

.rotate-15:hover {
-webkit-transform: rotateZ(-15deg);
-moz-transform: rotateZ(-15deg);
-o-transform: rotateZ(-15deg);
cursor: pointer;
}

.rotateX15:hover {
-webkit-transform: rotateX(15deg);
-moz-transform: rotateX(15deg);
-o-transform: rotateX(15deg);
cursor: pointer;
}

.ScreenCentered {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.EmailsSent {
	background-color:#4AFF08;
}
.EmailsOpened {
	background-color:#48F069;
}
.LinksClicked {
	background-color:#20C747;
}
.EmailsBounced {
	background-color:#FFE787;
}
.EmailsAbuse {
	background-color:#FF8080;
}
.EmailsUnsub {
	background-color:#FFAA69;
}

/* WSS */
.wsH0 {
 	font-family: 'Lato', sans-serif;
	font-size:16px;
}
.wsS0 {
 	font-family: 'Lato', sans-serif;
	text-align:left;
	font-size:24px;
	white-space:nowrap;
}
.wsH1 {
 	font-family: 'Lato', sans-serif;
	text-align:right;
	font-size:32px;
	padding-top:2em;
}
.wsS1 {
 	font-family: 'Lato', sans-serif;
	text-align:left;
	font-size:18px;
	padding-top:0.5em;
	padding-left:0.5em;
	text-align:left;
}
.wsH2 {
 	font-family: 'Lato', sans-serif;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	padding-top:10px;
	padding-left:15px;
	white-space:nowrap;
}
.wsS2 {
 	font-family: 'Lato', sans-serif;
	text-align:left;
	padding:10px 0 10px 10px;
	vertical-align:text-top;
}

.wsS3 {
 	font-family: 'Lato', sans-serif;
	text-align:left;
	vertical-align:middle;
	padding-left:15px;
	padding-top:10px;
}
.wsPT_Outer {
	border-left:2px solid black;
	border-top:2px solid black;
	border-right:2px solid black;
	background-color:#FFFFFF;
}
.wsPT_InnerLtT {
	border-bottom:1px solid black;
	padding-left:0.5em;
	padding-right:0.5em;
	color: #0c0d16;
}
.wsPT_InnerRtT {
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding-left:0.5em;
	padding-right:0.5em;
	color: #0c0d16;
}
.wsPT_InnerLtLast {
	padding-left:0.5em;
	padding-right:0.5em;
	color: #0c0d16;
}
.wsPT_InnerRtLast {
	border-left:1px solid black;
	padding-left:0.5em;
	padding-right:0.5em;
	color: #0c0d16;
}
.wsPT_InnerLtH {
	border-bottom:2px solid black;
	background-color:#CECECE;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	color: #0c0d16;
}
.wsPT_InnerRtH {
	border-left:1px solid black;
	border-bottom:2px solid black;
	background-color:#CECECE;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	color: #0c0d16;
}

/* Wellness Score */
.border_1 {border:#000 1px solid;}
.border_2 {border:#000 2px solid;}

.WSRed {background-color:#FF0000;}
.WSYellow {background-color:#FFFF00;}
.WSGreen {background-color:#14CE00;}

@media print {
.datatableCellWS {
font-family: 'Lato', sans-serif;
font-size:16px;
padding:0 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border:#000 1px solid;
}
}

@media screen {
.datatableCellWS {
font-family: 'Lato', sans-serif;
font-size:16px;
padding:0 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border:#000 1px solid;
background: #3799b7; /* Old browsers */
background: -moz-linear-gradient(top, #3799b7 1%, #337eaa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3799b7), color-stop(100%,#337eaa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3799b7 1%,#337eaa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3799b7 1%,#337eaa 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3799b7 1%,#337eaa 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3799b7', endColorstr='#337eaa',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #3799b7 1%,#337eaa 100%); /* W3C */
}
}

.bodySubTableWS {
text-align:center;
background-color:#CECECE;
color:#000;
font-family: 'Lato', sans-serif;
font-size:14px;
font-weight:400;
margin:0;
padding:5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
border-collapse: separate;
border-spacing: 2px;
*border-collapse: expression('separate', cellSpacing = '2px');
}

.StressCells {
font-family: 'Lato', sans-serif;
background-color:#FF0000;
background-image: -moz-linear-gradient(top, #FF0000, #fb9e98);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF0000 ), to(#fb9e98));
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#FF0000,endColorstr=#fb9e98);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000,endColorstr=#fb9e98)";
}

.HealthCellHeader {
font-family: 'Lato', sans-serif;
font-size:16px;
padding:0 7px;
background: #ff0101; /* Old browsers */
background: -moz-linear-gradient(left, #ff0101 0%, #ff9e01 25%, #ffe100 50%, #ffff32 69%, #14ce00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0101), color-stop(25%,#ff9e01), color-stop(50%,#ffe100), color-stop(69%,#ffff32), color-stop(100%,#14ce00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ff0101 0%,#ff9e01 25%,#ffe100 50%,#ffff32 69%,#14ce00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ff0101 0%,#ff9e01 25%,#ffe100 50%,#ffff32 69%,#14ce00 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #ff0101 0%,#ff9e01 25%,#ffe100 50%,#ffff32 69%,#14ce00 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0101', endColorstr='#14ce00',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #ff0101 0%,#ff9e01 25%,#ffe100 50%,#ffff32 69%,#14ce00 100%); /* W3C */
}

.HealthColorScale {
font-family: 'Lato', sans-serif;
font-size:16px;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left, #000000 0%, #ff0000 25%, #ff0000 31%, #ff6100 55%, #ffff00 64%, #d2fc00 79%, #028700 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(25%,#ff0000), color-stop(31%,#ff0000), color-stop(55%,#ff6100), color-stop(64%,#ffff00), color-stop(79%,#d2fc00), color-stop(100%,#028700)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #000000 0%,#ff0000 25%,#ff0000 31%,#ff6100 55%,#ffff00 64%,#d2fc00 79%,#028700 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #000000 0%,#ff0000 25%,#ff0000 31%,#ff6100 55%,#ffff00 64%,#d2fc00 79%,#028700 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #000000 0%,#ff0000 25%,#ff0000 31%,#ff6100 55%,#ffff00 64%,#d2fc00 79%,#028700 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#028700',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #000000 0%,#ff0000 25%,#ff0000 31%,#ff6100 55%,#ffff00 64%,#d2fc00 79%,#028700 100%); /* W3C */
}

.HealthCells1 {
font-family: 'Lato', sans-serif;
background: #ff0101; /* Old browsers */
background: -moz-linear-gradient(left, #ff0101 0%, #ff9e01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0101), color-stop(100%,#ff9e01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ff0101 0%,#ff9e01 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ff0101 0%,#ff9e01 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #ff0101 0%,#ff9e01 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0101', endColorstr='#ff9e01',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #ff0101 0%,#ff9e01 100%); /* W3C */
}

.HealthCells2 {
font-family: 'Lato', sans-serif;
background: #ff9e01; /* Old browsers */
background: -moz-linear-gradient(left, #ff9e01 0%, #ffe100 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff9e01), color-stop(100%,#ffe100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ff9e01 0%,#ffe100 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ff9e01 0%,#ffe100 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #ff9e01 0%,#ffe100 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9e01', endColorstr='#ffe100',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #ff9e01 0%,#ffe100 100%); /* W3C */
}

.HealthCells3 {
font-family: 'Lato', sans-serif;
background: #ffe100; /* Old browsers */
background: -moz-linear-gradient(left, #ffe100 0%, #ffff32 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffe100), color-stop(100%,#ffff32)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffe100 0%,#ffff32 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffe100 0%,#ffff32 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #ffe100 0%,#ffff32 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe100', endColorstr='#ffff32',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #ffe100 0%,#ffff32 100%); /* W3C */
}

.HealthCells4 {
font-family: 'Lato', sans-serif;
background: #ffff32; /* Old browsers */
background: -moz-linear-gradient(left, #ffff32 0%, #94ff00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffff32), color-stop(100%,#94ff00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffff32 0%,#94ff00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffff32 0%,#94ff00 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #ffff32 0%,#94ff00 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff32', endColorstr='#94ff00',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #ffff32 0%,#94ff00 100%); /* W3C */
}

.HealthCells5 {
font-family: 'Lato', sans-serif;
background: #94ff00; /* Old browsers */
background: -moz-linear-gradient(left, #94ff00 0%, #14ce00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#94ff00), color-stop(100%,#14ce00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #94ff00 0%,#14ce00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #94ff00 0%,#14ce00 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #94ff00 0%,#14ce00 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94ff00', endColorstr='#14ce00',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #94ff00 0%,#14ce00 100%); /* W3C */
}

.HealthCellsPadding {
padding:5px 0 5px 10px;
}

.ui-progressbar {
	position: relative;
}
#progressbar_clients .progress-label {
	position: absolute;
	left: 40%;
	top: 4px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}
#progressbar_providers .progress-label {
	position: absolute;
	left: 45%;
	top: 4px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}
#progressbar_clients .ui-progressbar-value {
	background-color: #ccc;
}

#progressbar_providers .ui-progressbar-value {
	background-color: #ccc;
}

.EmailsSent {
	background-color:#4AFF08;
}
.EmailsOpened {
	background-color:#48F069;
}
.LinksClicked {
	background-color:#20C747;
}
.EmailsBounced {
	background-color:#FFE787;
}
.EmailsAbuse {
	background-color:#FF8080;
}
.EmailsUnsub {
	background-color:#FFAA69;
}

.breadcumb, .breadcumb:visited {
	color:#091a5e;
	cursor:pointer;
	font-family: 'Lato', sans-serif;
	font-size:18pt;
	font-weight:bold;
	margin-bottom:-8pt;
	margin-top:0;
	padding:3px 0px;
	text-align:left;
	text-decoration:none;
	-webkit-transition: -webkit-transform 0.5s ease-in-out, color linear 0.5s;
	-moz-transition: -moz-transform 0.5s ease-in-out, color linear 0.5s;
	-o-transition: -o-transform 0.5s ease-in-out, color linear 0.5s;
	transition: transform 0.5s ease-in-out, color linear 0.5s;
	}

.breadcumb:hover {
	color:#009832;
	cursor:pointer;
	font-family: 'Lato', sans-serif;
	font-size:18pt;
	font-weight:bold;
	}

.FontColorWSS {
	color:#4aba6e;
}

.FontColorCPC {
	color:#3898d4;
}

.FontColorADS {
	color:#975ba5;
}

.FontColorDES {
	color:#e94d3e;
}

.signature {
	background-color:#FFFFB2;
	border-bottom:#000000 1px solid;
	border-left:0;
	border-right:0;
	border-top:0;
	font-size:14px;
	padding-bottom:1px;
	}

/* CPC V5 */
.TextCPCV5 {
	text-align:justify;
	line-height:16px;
	color:#000;
	font-family:'Lato', sans-serif;
	font-size:14px;
	text-decoration:none;
	}

.TermsCPCV5 {
	text-align:justify;
	line-height:12px;
	color:#000;
	font-family:'Lato', sans-serif;
	font-size:11px;
	text-decoration:none;
	}

.SigDateCPCV5 {
	color:#000;
	font-family:'Lato', sans-serif;
	font-size:11px;
	text-decoration:none;
	}

.DocumentHeaderCPCV5 {
	color:#7C7C7C;
	font-family: 'Lato', sans-serif;
	font-size:10px;
	text-align:right;
	}

.TableHeaderCellsCPC5 {
	font-family:'Lato', sans-serif;
	font-size:16px;
	padding:10px;
	border-top:solid 1px #A7A7A7;
	border-bottom:solid 1px #A7A7A7;
	background-color:#e2e2e2;
	color:#0a1c5a;
	}

.TableCellsCPC5 {
	border-bottom:solid 1px #A7A7A7;
	background-color:#FAFAFA;
	padding:10px;
	}

.TextInputCPCV5 {
	background-color:#ffffff;
	border-bottom:#000000 1px solid;
	border-left:0;
	border-right:0;
	border-top:0;
	font-size:11px;
	padding-bottom:1px;
	}

.SectionTitlesCPCV5 {
	text-align:left;
	margin:15px 0 5px 5px;
	color:#009832;
	font-family:'Lato', sans-serif;
	font-size:16px;
	font-weight:bold
	}

.BoxBorder1 {
	border: solid 1px #A7A7A7;
	padding:10px;
	margin:0;
	}

@media print {
	.no-print, .no-print *
		{
		display: none !important;
		}
	}

/* -----------------------------------------
Badge
----------------------------------------- */

.messagebadge{
	padding: 2px 4px;
	position: relative;
	top: -10px;
	right: 12px;
	display: inline-block;
	min-width: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
}

.messagebadgemenu{
	padding: 2px 4px;
	position: relative;
	top: -8px;
	right: 9px;
	display: inline-block;
	min-width: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
}

.messagebadge-danger {
	background-color: #db5565;
}

.dropdownbtnmenu {
	position: relative;
	display: inline-block;
}

.dropdownbtnmenu-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	white-space: nowrap;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	margin-top:-8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.dropdownbtnmenu-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdownbtnmenu a:hover {background-color: #ddd;}

.show {display: block;}



.pagination {
	display: inline-block;
}

.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	border: 1px solid #ddd;
}

.pagination a.active {
	background-color: #4CAF50;
	color: white;
	border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.pagination a:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.pagination a:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.RowSelected,.RowNotSelected {
    border-top:1px solid #CBD5E0;
    border-bottom:1px solid #CBD5E0;
    border-right:1px solid #CBD5E0;
    padding:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomright:15px;
    -o-border-radius-topright:15px;
    -o-border-radius-bottomright:15px;
    border-radius-topright: 15px;
    border-radius-bottomright: 15px;
    }

.RowSelected {
	background-color:#FFFBB2;
}

.RowNotSelected {
	background-color:#F5F5F5;
}


.RowSelected2 {
	background-color:#FFFBB2;
    border:1px solid #CBD5E0;
}

.RowNotSelected2 {
	background-color:#F5F5F5;
}

.ToolSelected {
	border:solid 1px #CECECE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.ToolNotSelected {
	border:solid 1px transparent;
}

.text-info {
	color:#f8981d;
}

/* Image Zoom */
.zoom {
	display:inline-block;
	position: relative;
	cursor: zoom-in;
}

/* magnifying glass icon */
.zoom:after {
	content:'';
	display:block;
	width:33px;
	height:33px;
	position:absolute;
	top:0;
	right:0;
	background:url(../include/javascripts/zoom-master/icon.png);
}

.zoom img {
	display: block;
}

.zoom img::selection { background-color: transparent; }

/*
Rollover Image
*/
.figure {
	position: relative;
	width: 100%; /* can be omitted for a regular non-lazy image */
	max-width: 100%;
	}
.figure img.image-hover {
	position: absolute;
	top: 20;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: contain;
	opacity: 0;
	transition: opacity .2s;
}
.figure:hover img.image-hover {
	opacity: 1;
}

/* Radio Buttons */
.calendar-radio-group {
    display: flex;
    gap: 8px;
    background-color: #f1f3f4; /* Subtle Google-style background */
    padding: 6px;
    border-radius: 15px;
    width: fit-content;
}

.radio-option {
    position: relative;
    max-width:20px;
}

/* Hide the native radio button entirely but keep accessible */
.radio-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Style the label to look like a modern button */
.radio-option label {
    display: block;
    padding: 8px 8px;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #5f6368;
    border: 2px solid #5f6368;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

/* Hover Effect */
.radio-option label:hover {
    background-color: rgba(60, 64, 67, 0.04);
    color: #202124;
}

/* Checked/Selected State */
.radio-option input[type="radio"]:checked + label {
    background-color: #1a73e8; /* Google Calendar primary blue tint */
    color: #1967d2;
    border: 2px solid #1a73e8;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3);
}

/* Accessibility: Focus state for keyboard navigation */
.radio-option input[type="radio"]:focus-visible + label {
    outline: 2px solid #1967d2;
    outline-offset: 2px;
}

/*  Check Boxes */

 /* Container for alignment */
.calendar-checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #3c4043;
}

/* Hide default browser checkbox but keep it accessible */
.styled-checkbox {
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    margin: 2px;
    width: 22px;
    height: 22px;
    border: 2px solid #1a73e8;
    border-radius: 4px;
    cursor: pointer;
    display: grid;
    place-content: center;
    transition: all 0.2s ease-in-out;
}

/* Checked state - Google's primary blue theme */
.styled-checkbox:checked {
    background-color: #1a73e8;
    border-color: #1a73e8;
}

/* The checkmark pseudo-element */
.styled-checkbox::before {
    content: "";
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2.5px 2.5px 0;
    transform: rotate(45deg) scale(0);
    transition: transform 0.2s ease-in-out;
    transform-origin: center;
}

/* Expand checkmark on check */
.styled-checkbox:checked::before {
    transform: rotate(45deg) scale(1);
}

/* Hover effects */
.styled-checkbox:hover {
    border-color: #3c4043;
    background-color: #f1f3f4;
}

.styled-checkbox:checked:hover {
    background-color: #1a73e8;
    border-color: #1a73e8;
}

/* Keyboard focus state */
.styled-checkbox:focus-visible {
    outline: 2px solid #1a73e8;
    outline-offset: 4px;
}

/* Toggle */

/* Container sizing and layout */
.toggle-switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
    cursor: pointer;
}

/* Hide native checkbox but keep interactive for accessibility */
.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

/* The Track (Background) */
.slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e4e4e7; /* Clean grey in light mode */
    border-radius: 30px;
    transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* The Thumb (Moving Circle) */
.slider::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Use transform for optimal 60fps performance */
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* State: Checked (Active) */
.toggle-switch input:checked + .slider {
    background-color: #2563eb; /* Modern dynamic blue */
}

.toggle-switch input:checked + .slider::before {
    transform: translateX(22px);
}

/* State: Focus Ring for Keyboard Navigation Accessibility */
.toggle-switch input:focus-visible + .slider {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

/* State: Hover effects */
.toggle-switch:hover input:not(:checked) + .slider {
    background-color: #d4d4d8;
}

/* Optional: Dark Mode System Preferences Optimization */
@media (prefers-color-scheme: dark) {
    .slider {
        background-color: #3f3f46;
    }
    .toggle-switch:hover input:not(:checked) + .slider {
        background-color: #52525b;
    }
}