

A  { color: #e7863f; cursor: pointer; }
A:hover  { color: #f7964f; }
A:active  { color: #c7762f; }
BODY  { padding: 0px; margin: 0px; background-color: #d7d7d9; background-image: none; }
SECTION  { width: 100%; height: auto; }
A, P, SPAN, TEXT, TEXTAREA, H1, H2, H3, UL, LI  { font-family: "Open Sans", "Helvetica", "Arial", sans-serif; }
HR  { border: 0px; height: 2px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) ); }
HTML  { background-color: #d7d7d9; background-image: none; }
INPUT, SELECT, OPTION  { font-size: 100%; }
H1, H2  { text-shadow: none; }
H1  { color: #333333; font-size: 175%; text-align: center; width: 90%; padding-bottom: 10px; margin-bottom: 0px; margin-left: 5%; }


.clear  { clear: both; }
.inputs  { background-color: #fafafa; border: 1px solid #dddddd; font-size: 100%; width: 100%; opacity: 0.8; margin-bottom: 2%; }
.green  { background-color: #e6efc2; }
.red  { background-color: #fbe3e4; }
.error  { background-color: #fbe3e4; border: 2px solid #fbc2c4; margin-bottom: 2%; margin-left: 0px; }
.errormessage  { color: #cd1d23; display: none; }
.dark  { position: absolute; width: 100%; height: 100%; background-color: #000000; opacity: 0.7; }
.darker  { position: absolute; width: 100%; height: 100%; background-color: #000000; opacity: 0.9; }

.orangebtn  { background-color: #e7863f; padding: 1% 2% 1.2% 2%; margin: 1% 0%; font-weight: bold; color: #ffffff; text-decoration: none; cursor: pointer; }
.orangebtn:hover  { background-color: #f7964f; border-color: #f8ca5c; }
.orangebtn:active  { background-color: #c7762f; border-color: #cda74b; }
.bluebtn  { background-color: #6cc8cc; padding: 1% 2% 2% 2%; margin: 1% 0%; font-weight: bold; color: #ffffff; text-decoration: none; cursor: pointer; }
.bluebtn:hover  { background-color: #78dbdf; border-color: #88e3e7; }
.bluebtn:active  { background-color: #62b4b8; border-color: #77c7ca; }
.darklink  { background-color: rgba(0, 0, 0, 0.7); text-decoration: none; color: #ffffff; display: inline-block; margin-bottom: 1%; }
.darklink:hover  { background-color: rgba(0, 0, 0, 0.6); color: #ffffdd; }
.darklink:active  { background-color: rgba(0, 0, 0, 0.8); color: #eeeecc; }

.trayicon  { color: #f0f0f0; }
.trayicon2  { font-size: 80%; color: #f0f0f0; }
.trayicon, .trayicon2  { display: block; background-position: center left; background-repeat: no-repeat; }
.trayicon:hover, .trayicon2:hover  { color: #e7863f; }
.trayicon:hover .rarrow  { background-position: bottom left; } 
.rarrow  { background-image: url("/themes/ftc/images/svgs/rightarrow.svg"); display: inline-block; margin-left: 12px; width: 15px; height: 16px; background-size: auto 200%; background-repeat: no-repeat; background-position: top left;  }
.footlogo  { display: block; float: left; }

.hijacked .darker  { background-color: #c7523f; }
.hidebr  { display: none; }
.more  { background-size: 100% auto; background-position: top center; background-image: url("../../../themes/ftc/images/svgs/downWhite.svg"); display: inline-block; }
.sub  { position: absolute; top: 0px; background-color: #000000; }


#cover  { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; display: none; z-index: 7; }
#cover .overlay  { position: fixed; width: 100%; height: 100%; top: 0%; left: 0%; opacity: 0.8; background-color: #ffffff; }
#cover .box  { position: fixed; width: 34%; left: 33%; top: 45%; background-color: #ffc6c8; color: #cd1d23; text-align: center; border: 3px solid #cd1d23; }
#cover .box P  { width: 90%; margin: 0.5em 5%; }

#content  { width: 100%; background-image: url(); padding: 0px; min-height: 250px; }
#page  { position: relative; width: 100%; }
.page  { width: 100%; padding: 0px; margin: 0px; background-image: url(); background-color: #d7d7d9; }
#pbottom  { display: none; }


/* MENU BAR */
#fixedoverlay  { position: fixed; width: 100%; height: 100%; z-index: 9; background-color: rgba(230,230,230,0.3); top: 0%; left: 0%; display: none; }
#fixedoverlay.open  { display: block; }

#menubar  { position: relative; background-color: #000000; display: block; width: 100%; height: 70px; z-index: 10; }
#menubar.hijacked  { /*background: linear-gradient(15deg, #771111, #000000);*/ background-color: #771111; }
#hijacked  { position: absolute; top: 50%; transform: translateY(-50%); left: 160px; color: #ffffff; opacity: 0.3; font-weight: bold; }
#navlogo  { display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 40px; z-index: 11; width: 106px; height: 50px; background-image: url("/themes/ftc/images/svgs/ftclogo.svg"); background-repeat: no-repeat; background-size: auto 100%; }
#hamburger, #closeout  { display: none; position: absolute; top: 50%; transform: translateY(-50%); left: 170px; z-index: 11; cursor: pointer; background-color: rgba(0,0,0,0); background-repeat: no-repeat; border: none; }
#hamburger.open, #closeout.open  { display: block; }
#hamburger  { background-image: url("/themes/ftc/images/svgs/menu.svg"); font-size: 100%; font-weight: bold; color: #ffffff; background-size: auto 200%; background-position: top left; padding-left: 30px; }
#closeout  { background-image: url("/themes/ftc/images/svgs/white-orangeX.svg"); background-size: auto 200%; background-position: top left; width: 30px; height: 30px; }
#hamburger:hover, #closeout:hover  { color: #e7863f; background-position: bottom left; }
#leaveup, #navlist  { display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
#leaveup.open, #navlist.open, #navlist  { display: block; }
#sub-tools  { width: 150px; }
#sub-tools A  { width: 120px; }
#navlist LI, #leaveup LI  { display: block; float: right; margin: 0px 10px; position: relative; }
#navlist LI A, #leaveup LI A  { display: block; padding: 8px 15px; color: #ffffff; text-decoration: none; font-weight: bold; text-align: left; }
#navlist LI A:hover, #leaveup LI A:hover  { color: #e7863f; }
#navlist LI A.dropdown, #navlist LI A.dropright  { padding-right: 25px; background-repeat: no-repeat; background-position: right top; background-size: auto 200%; }
#navlist LI A.dropdown:hover, #navlist LI A.dropright:hover  { background-position: bottom right; }
#navlist LI A.dropdown  { background-image: url("/themes/ftc/images/svgs/downWhite.svg"); }
#navlist LI A.dropright  { background-image: url("/themes/ftc/images/svgs/downRightWhite.svg"); }
#navlist LI A.dropdown.open  { color: #e7863f; background-position: bottom right; }

#navlist LI UL.sub  { top: 35px; left: 0px; }
#navlist LI UL LI  { float: left; display: block; width: 90%; }
#navlist LI:hover UL.sub, #navlist LI A.open + .sub  { display: block; }
#navlist LI:hover UL.sub LI:hover UL.subsub, #navlist LI A.open + .sub LI A.open + .subsub  { display: block; top: -5px; left: 100%; }
#navlist LI:hover UL.sub LI:hover A, #navlist LI A.open + .sub LI A.open  { color: #e7863f; }
#navlist LI:hover UL.sub LI:hover A.dropright, #navlist LI A.open + .sub LI A.open.dropright  { background-position: bottom right; }
#navlist LI A.open + .sub LI A.open + .subsub  { display: block; }
#navlist LI:hover UL.sub LI:hover UL.subsub A  { color: #ffffff; }
#navlist LI:hover UL.sub LI:hover UL.subsub A:hover  { color: #e7863f; }

#navlist.client  {  }
#navlist.client A LI  { position: relative; color: #ffffff; font-weight: bold; background-color: rgba(255, 255, 255, 0.1); margin: 0px 1px; padding: 0px 20px; }
#navlist.client A LI SPAN  { display: block; text-align: center; color: #ffffff; position: relative; top: 50%; transform: translateY(-50%); }
#navlist.client A:hover LI  { background-color: rgba(255, 255, 255, 0.2); }
#navlist.client A:active LI  { background-color: rgba(255, 255, 255, 0.3); }
#navlist.client A:hover LI SPAN  { color: #e7863f; }
#navlist.client #welcome SPAN  { color: rgba(255, 255, 255, 0.4); }
#navlist.client #welcome P  { color: #e7863f; font-size: 110%; }
#navlist.client #welcome  { background-color: rgba(0,0,0,0); margin: 0px 20px; }
#navlist.client A LI.current  { background-color: #e7863f; }
#navlist.client A:hover LI.current  { background-color: #f7964f; }
#navlist.client A:hover LI.current SPAN  { color: #000000; }
#navlist.client LI A.dropdown  { background-position: right 10px top; }
#navlist.client LI  { background-color: rgba(255, 255, 255, 0.05); margin: 0px 1px; }
#navlist.client LI:hover  { background-color: rgba(255, 255, 255, 0.2); }
#navlist.client LI:hover A  { color: #e7863f; } 
#navlist.client LI .sub  { background-color: #333333; padding-top: 0px; padding-bottom: 0px; }
#navlist.client LI .sub A.current  { background-color: #e7863f; color: #ffffff; } 
#navlist.client LI .sub A.current:hover  { background-color: #f7964f; } 
#navlist.client LI:hover .sub A:hover  { background-color: rgba(255, 255, 255, 0.2); }
#welcome SPAN  { display: block; }

#navlist.client.open  { top: 70px; }
#navlist.client.open #welcome  { display: none; }
#navlist.client.open A  { text-decoration: none; }
#navlist.client.open A LI  { padding: 8px 0px; margin: 2px 0px; }
#navlist.client.open A LI SPAN  { transform: none; top: 0px; }


.hsp  { display: none; }
.sub  { padding-top: 25px; padding-bottom: 10px; }
.subsub  { padding-top: 5px; padding-bottom: 10px; }
.sub LI A  {  }
.sub, .subsub  { position: absolute; background-color: #000000; display: none; }
.navhide  { display: block; }
/* END MENU BAR */


#clientlogin  { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 200; display: block; }
#clientlogin.hidden  { display: none; }
#clientlogindiv  { position: absolute; top: 50%; left: 50%; padding: 20px 40px; width: 400px; background-color: #e8e8e8; border-radius: 10px; transform: translateX(-50%) translateY(-50%); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6); }
#clientlogindiv P  { text-align: center; }
#clientloginbtn  { background-color: #e7863f; padding: 10px 30px; color: #ffffff; border: none; border-radius: 8px; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3); font-weight: bold; font-size: 100%; cursor: pointer; margin: 5px 0px 5px auto; display: block; }
#clientloginbtn:hover  { background-color: #f7964f; }
.clogdiv  { width: 100%; margin-bottom: 15px; }
.clogdiv INPUT  { width: 90%; padding: 5px 5%; border-radius: 10px; border: 1px solid #cccccc; background-color: #ffffff; }

#justcertified  { position: relative; width: 100%; padding: 15px 10%; background-color: #ddffdd; margin-bottom: 20px; border: 3px solid #228822; box-sizing: border-box; }
#justcertified H2  { font-size: 130%; text-align: center; color: #228822; line-height: 130%; margin-bottom: 10px; width: 100%; }
#justcertified P  { font-size: 100%; text-align: center; color: #333333; margin-bottom: 5px; font-weight: bold; line-height: 130%; }
#justcertified A  { position: absolute; top: 5px; right: 5px; padding: 7px; width: 20px; height: 20px; font-weight: bold; text-align: center; font-size: 20px; line-height: 15px; background-color: #228822; border-radius: 30px; text-decoration: none; color: #ffffff; }
#justcertified A:hover  { background-color: #44aa44; }

#bg, #bg-index, #bg-contact, #bg-faded, #bg-plain, #bg-login  { width: 110%; background-repeat: no-repeat; }
#bg-faded  { height: 100%; overflow: hidden; }
	
#resp-footer  { position: relative; z-index: 1; width: 100%; background-color: #000000; }
#resp-social  { margin: 0 auto; }
#resp-colophon  { width: 100%; padding-top: 2%; text-align: center; }
#resp-colophon A  { display: inline; padding: 0% 15px; color: #ffffff; text-decoration: underline; }
#resp-colophon A:hover  { color: #e7863f; text-decoration: none; }
#resp-colophon P  { color: #ffffff; margin: 1% 0% 1% 0%; }
#resp-footerlogo, #resp-footerlogo, #resp-facebook, #resp-blogger, #resp-twitter, #resp-youtube, #resp-instagram  { height: 100%; width: auto; }
#resp-colophon #callUs  { color: #a6b5bd; font-size: 130%; font-weight: bold; padding-left: 0px; display: block; width: 80%; margin-left: 10%; }

#menu  { display: none; }

#helptip  { width: 40px; height: 40px; position: fixed; right: 10px; bottom: 10px; background-image: url("/themes/ftc/images/svgs/helptip.svg"); background-size: 100% 100%; z-index: 25; background-repeat: no-repeat; border: none; background-color: rgba(0, 0, 0, 0); cursor: pointer; }
#helpcover  { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 20; background-color: rgba(0, 0, 0, 0.4); display: block; }
#helpcover.hidden  { display: none; }
#helpmodal  { width: 40%; height: 400px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); min-width: 300px; max-width: 600px; background-color: #ffffff; border-radius: 15px; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.4); overflow: hidden; }
#helpheader  { color: #aaaaaa; display: block; text-align: center; margin-top: 10px; font-size: 140%; }
.helppage  { position: absolute; width: 100%; height: 80%; top: 15%; left: -100%; box-sizing: border-box; padding: 20px 30px; }


@media only screen and (min-width: 1921px) {
	.page  { width: 1900px; margin: 0px auto; position: relative; padding-top: 0px; }
	#page  { top: 25px; padding-bottom: 25px; }
    #bg, #bg-index, #bg-contact, #bg-faded, #bg-plain, #bg-login  { background-position: top center; width: 1900px; left: 50%; margin-left: -950px; }
	#bg  { background-image: url("../../../themes/ftc/images/xxlarge/bg.jpg"); }
	#bg-index  { background-image: url("../../../themes/ftc/images/xxlarge/indexbg.jpg"); }
	#bg-contact  { background-image: url("../../../themes/ftc/images/xxlarge/contactbg.jpg"); }
	#bg-faded  { height: 1000px; background-image: url("../../../themes/ftc/images/xxlarge/fadedbg.jpg"); }
	#bg-plain  { background-image: url("../../../themes/ftc/images/xxlarge/plainbg.jpg"); }
	#bg-login  { background-image: url("../../../themes/ftc/images/xxlarge/loginbg.jpg"); }
	#resp-footer  { height: 290px; font-size: 18px; }
	#resp-social  { height: 70px; width: 300px; padding: 20px 0px 10px 0px; }
	#resp-colophon  { height: 155px; }
    #menubar  { font-size: 18px; }
    #hamburger, #leaveup, #closeout, #hamburger.open, #closeout.open  { display: none; }
    #sub-tools  { width: 150px; }
    #navlist.client LI  { height: 70px; }
    #navlist.client LI A.dropdown  { height: 24px; margin: 23px 0px; padding: 0px 30px 0px 20px; }
    #navlist.client #sub-tools  { top: 70px; }
    #welcome SPAN  { padding-top: 7px; }
	.orangebtn  { border-radius: 15px; }
	.bluebtn  { border-radius: 15px; border: 5px solid #81d7db; }
	.inputs  { padding: 8px 12px; border-radius: 12px; }
	.footlogo  { width: 70px; height: 70px; }
}
@media only screen and (min-width: 1281px) and (min-height: 880px) {
	BODY  { font-size: 23px; }
}
@media only screen and (min-width: 1281px) and (max-height: 879px) {
	BODY  { font-size: 22px; }
}
@media only screen and (max-width: 1920px) and (min-width: 1281px) {
	#page  { top: 25px; padding-bottom: 25px; }
    #bg  { background-image: url("../../../themes/ftc/images/xxlarge/bg.jpg"); }
	#bg-index  { background-image: url("../../../themes/ftc/images/xxlarge/indexbg.jpg"); }
	#bg-contact  { background-image: url("../../../themes/ftc/images/xxlarge/contactbg.jpg"); }
	#bg-faded  { background-image: url("../../../themes/ftc/images/xxlarge/fadedbg.jpg"); height: 1000px; }
	#bg-plain  { background-image: url("../../../themes/ftc/images/xxlarge/plainbg.jpg"); }
	#bg-login  { background-image: url("../../../themes/ftc/images/xxlarge/loginbg.jpg"); }	
	#resp-footer  { height: 240px; font-size: 18px; }
	#resp-social  { height: 70px; width: 300px; padding: 20px 0px 10px 0px; }
	#resp-colophon  { height: 155px; }
    #menubar  { font-size: 18px; }
    #hamburger, #leaveup, #closeout, #hamburger.open, #closeout.open  { display: none; }
    #sub-followup  { width: 280px; }
    #sub-salestraining  { width: 220px; }
    #sub-training, #sub-follow  { width: 275px; }
    #navlist.client LI  { height: 70px; }
    #navlist.client LI A.dropdown  { height: 24px; margin: 23px 0px; padding: 0px 30px 0px 20px; }
    #navlist.client #sub-tools  { top: 70px; }
    #navlist LI A.open + #sub-salestraining  { height: 150px; }
    #navlist LI A.open + #sub-followup  { height: 110px; }
    #welcome SPAN  { padding-top: 7px; }
	.orangebtn  { border-radius: 15px; }
	.bluebtn  { border-radius: 15px; border: 5px solid #81d7db; }
	.inputs  { padding: 8px 12px; border-radius: 12px; }	
	.footlogo  { width: 70px; height: 70px; }
}
@media only screen and (max-width: 1280px) and (min-width: 961px) and (min-height: 770px) {
	BODY  { font-size: 20px; }
}
@media only screen and (max-width: 1280px) and (min-width: 961px) and (max-height: 769px) {
	BODY  { font-size: 18px; }
}
@media only screen and (max-width: 1100px) {
	#hijacked  { display: none; }
}
@media only screen and (max-width: 1280px) and (min-width: 961px) {
	#page  { top: 20px; padding-bottom: 20px; }
    #bg  { background-image: url("../../../themes/ftc/images/xlarge/bg.jpg"); }
	#bg-index  { background-image: url("../../../themes/ftc/images/xlarge/indexbg.jpg"); }
	#bg-contact  { background-image: url("../../../themes/ftc/images/xlarge/contactbg.jpg"); }
	#bg-faded  { background-image: url("../../../themes/ftc/images/xlarge/fadedbg.jpg"); height: 800px; }
	#bg-plain  { background-image: url("../../../themes/ftc/images/xlarge/plainbg.jpg"); }
	#bg-login  { background-image: url("../../../themes/ftc/images/xlarge/loginbg.jpg"); }
    #resp-footer  { height: 250px; }
	#resp-social  { height: 60px; width: 270px; padding: 15px 0px; }
	#resp-colophon  { height: 88px; }
	#resp-colophon P  { display: block; margin: 1% 0%; }
    #menubar  { font-size: 16px; }
    #hamburger, #leaveup, #closeout, #hamburger.open, #closeout.open  { display: none; }
    #sub-followup  { width: 260px; }
    #sub-salestraining  { width: 200px; }
    #sub-training, #sub-follow  { width: 255px; }
    #navlist LI A.open + #sub-salestraining  { height: 150px; }
    #navlist LI A.open + #sub-followup  { height: 110px; }
    #navlist.client LI  { height: 70px; }
    #navlist.client LI A.dropdown  { height: 24px; margin: 23px 0px; padding: 0px 30px 0px 20px; }
    #navlist.client #sub-tools  { top: 70px; }
    #welcome SPAN  { padding-top: 10px; }
	.orangebtn  { border-radius: 12px; }
	.bluebtn  { border-radius: 12px; border: 4px solid #81d7db; }
	.inputs  { padding: 6px 12px; border-radius: 9px; }
	.footlogo  { width: 60px; height: 60px; }
    .hsp  { display: inline; }
}
@media only screen and (max-width: 1020px) and (min-width: 961px) {
    #menubar, #leaveup LI A, #navlist LI A, #navlist LI A UL LI A  { font-size: 15px; }
    #hamburger, #hamburger.open, #closeout.open, #leaveup  { display: block; }
    #navlist, #navlist.open  { top: 70px; background-color: #000000; width: 300px; transform: none; }
    #navlist  { left: -300px; }
    #navlist.open  { left: 0px; }
    #navlist LI.navhide  { display: none; }
    #navlist LI  { display: block; float: none; }
    #navlist LI UL.sub { top: 0px; left: 5px; }
    #navlist LI:hover UL.sub, #navlist LI A:hover + .sub  { display: none; }
    #navlist LI:hover A.open + UL.sub, #navlist LI A.open:hover + UL.sub  { display: block; }
    #navlist LI:hover UL.sub LI:hover UL.subsub, #navlist LI A.open + .sub LI A.open + .subsub  { display: block; top: -5px; left: 100%; }
    #navlist LI A.open + .sub LI A.open + .subsub  { display: block; }
    #sub-followup  { width: 260px; }
    #sub-salestraining  { width: 200px; }
    #navlist LI A.dropdown { background-position: top right 6px; }
    #navlist LI A.dropdown:hover  { background-position: bottom right 6px; }
    #navlist LI A.dropdown.open  { background-position: bottom right 6px; }
    #navlist LI A.open + #sub-salestraining  { height: 150px; }
    #navlist LI A.open + #sub-followup  { height: 110px; }
    .sub  { position: relative; top: 0px; padding: 0px 10px; }
    .subsub  { width: 200px; }
}
@media only screen and (max-width: 960px) {
    #menubar, #leaveup LI A, #navlist LI A, #navlist LI A UL LI A  { font-size: 15px; }
    #hamburger, #hamburger.open, #closeout.open, #leaveup  { display: block; }
    #navlist, #navlist.open  { top: 70px; background-color: #000000; width: 300px; transform: none; }
    #navlist  { left: -300px; }
    #navlist.open  { left: 0px; }
    #navlist LI.navhide  { display: none; }
    #navlist LI  { display: block; float: none; }
    #navlist LI UL.sub { top: 0px; left: 5px; }
    #navlist LI:hover UL.sub, #navlist LI A:hover + .sub  { display: none; }
    #navlist LI:hover A.open + UL.sub, #navlist LI A.open:hover + UL.sub  { display: block; }
    #navlist LI:hover UL.sub LI:hover UL.subsub, #navlist LI A.open + .sub LI A.open + .subsub  { display: block; top: -5px; left: 100%; }
    #navlist LI A.open + .sub LI A.open + .subsub  { display: block; }
    #navlist LI A.open + #sub-salestraining  { height: 150px; }
    #navlist LI A.open + #sub-followup  { height: 110px; }
    #sub-followup  { width: 260px; }
    #sub-salestraining  { width: 200px; }
    #navlist LI A.dropdown { background-position: top right 6px; }
    #navlist LI A.dropdown:hover  { background-position: bottom right 6px; }
    #navlist LI A.dropdown.open  { background-position: bottom right 6px; }
    .sub  { position: relative; top: 0px; padding: 0px 10px; }
    .subsub  { width: 200px; }
}
@media only screen and (max-width: 960px) and (min-width: 641px) {
	BODY  { font-size: 15px; }
	#page  { top: 20px; padding-bottom: 20px; }
    #bg  { background-image: url("../../../themes/ftc/images/large/bg.jpg"); }
	#bg-index  { background-image: url("../../../themes/ftc/images/large/indexbg.jpg"); }
	#bg-contact  { background-image: url("../../../themes/ftc/images/large/contactbg.jpg"); }
	#bg-faded  { background-image: url("../../../themes/ftc/images/large/fadedbg.jpg"); height: 600px; }
	#bg-plain  { background-image: url("../../../themes/ftc/images/large/plainbg.jpg"); }
	#bg-login  { background-image: url("../../../themes/ftc/images/large/loginbg.jpg"); }    
	#resp-footer  { height: 180px; }
	#resp-social  { height: 48px; width: 245px; padding: 15px 0px; }
	#resp-colophon  { height: 76px; padding-top: 15px; }
	#resp-colophon P  { display: block; margin: 1% 0%; }    
	.orangebtn  { border-radius: 9px; }
    .navhide  { display: none; }
	.bluebtn  { border-radius: 9px; border: 3px solid #81d7db; }
	.inputs  { padding: 6px 12px; border-radius: 9px; }
	.footlogo  { width: 50px; height: 50px; }
}
@media only screen and (min-width: 961px) {
    #navlist.client A  { display: block; float: right; }
    #navlist.client.open  { top: 0px; transform: none; }
    #navlist.client.open A LI  { margin: 0px 1px; padding: 0px 20px; }
    #navlist.client.open #welcome  { display: block; }
    #navlist.client.open A LI SPAN  { top: 50%; transform: translateY(-50%); }
}
@media only screen and (max-width: 960px) {
    #navlist.client.open LI .dropdown  { background-color: #222222; text-align: center; }
    #navlist.client.open LI #sub-tools  { width: 92%; margin: 0px 0px; left: 0px; }
    #navlist.client.open LI #sub-tools A SPAN  { display: block; text-align: center; }
}
@media only screen and (max-width: 640px) {
	BODY  { font-size: 13px; }
    #menubar, #leaveup LI A, #navlist LI A, #navlist LI A UL LI A  { font-size: 14px; }
    #navlogo  { left: 20px; width: 70px; height: 35px; }
    #hamburger  { left: 110px; }
    #leaveup LI  { margin: 0px; }
    #menubar  { height: 50px; }
    #navlist, #navlist.open  { top: 50px; }
    #navlist.client.open  { top: 50px; }  
    #navlist LI A.open + #sub-salestraining  { height: 145px; }
    #navlist LI A.open + #sub-followup  { height: 105px; }    
}
@media only screen and (max-width: 640px) and (min-width: 461px) {
    #page  { top: 20px; padding-bottom: 20px; }
	#bg  { background-image: url("../../../themes/ftc/images/medium/bg.jpg"); }
	#bg-index  { background-image: url("../../../themes/ftc/images/medium/indexbg.jpg"); }
	#bg-contact  { background-image: url("../../../themes/ftc/images/medium/contactbg.jpg"); }
	#bg-faded  { background-image: url("../../../themes/ftc/images/medium/fadedbg.jpg"); height: 500px; }
	#bg-plain  { background-image: url("../../../themes/ftc/images/medium/plainbg.jpg"); }
	#bg-login  { background-image: url("../../../themes/ftc/images/medium/loginbg.jpg"); }    
	#resp-footer  { height: 150px; padding-top: 20px; }
	#resp-social  { height: 36px; padding: 10px 0px 0px 0px; width: 200px; }
	#resp-colophon  { height: 80px; }
	#resp-colophon P  { display: block; margin: 3% 0%; }
	#justcertified A  { padding: 3px; width: 16px; height: 16px; font-weight: bold; text-align: center; font-size: 14px; line-height: 12px; background-color: #228822; border-radius: 30px; text-decoration: none; color: #ffffff; }
    #justcertified H2  { margin-bottom: 10px; }
    .orangebtn  { border-radius: 6px; }
	.bluebtn  { border-radius: 6px; border: 2px solid #81d7db; }
	.inputs  { padding: 4px 10px; border-radius: 6px; }
	.footlogo  { width: 36px; height: 36px; }
}
@media only screen and (max-width: 460px) {    
	BODY  { font-size: 13px; }
    #page  { top: 20px; padding-bottom: 20px; }
	#bg  { background-image: url("../../../themes/ftc/images/small/bg.jpg"); }
	#bg-index  { background-image: url("../../../themes/ftc/images/medium/indexbg.jpg"); }
	#bg-contact  { background-image: url("../../../themes/ftc/images/small/contactbg.jpg"); }
	#bg-faded  { background-image: url("../../../themes/ftc/images/small/fadedbg.jpg"); height: 600px; }
	#bg-plain  { background-image: url("../../../themes/ftc/images/small/plainbg.jpg"); }
	#bg-login  { background-image: url("../../../themes/ftc/images/medium/loginbg.jpg"); }
	#resp-footer  { height: 140px; padding-top: 10px; }
	#resp-social  { height: 36px; padding-top: 10px; width: 170px; }
	#resp-colophon  { height: 80px; padding-top: 10px; }
	#resp-colophon A  { line-height: 160%; padding: 0px 10px; }
	#resp-colophon P  { display: block; margin: 3% 0%; }
	#justcertified A  { padding: 3px; width: 16px; height: 16px; font-weight: bold; text-align: center; font-size: 14px; line-height: 12px; background-color: #228822; border-radius: 30px; text-decoration: none; color: #ffffff; }
    #justcertified H2  { margin-bottom: 10px; }
    .orangebtn  { border-radius: 3px; }
	.bluebtn  { border-radius: 3px; border: 1px solid #81d7db; }
	.inputs  { padding: 3px 8px; border-radius: 4px; }
	.footlogo  { width: 36px; height: 36px; }
	.hidebr  { display: inline; }
}

