﻿    table{
	    border: none;
	    margin: 0;
    }

    td{
	    background-color: transparent;
	    border: none;
	    padding: 0px;
    }

    /*###LR: hide horizontal scroll bar for med width*/
    body {
        overflow-x: hidden!important;
    }

    .membershipapp table, .membereligibility table {
        display: table;
    }

    .membershipapp table tr, .membereligibility table tr {
        display: table-row;
    }

    .membershipapp table tr td, .membereligibility table tr td {
        display: table-cell;
        vertical-align: middle;
    }

    .arrowgreen, .arrowblue, .arrowgray{
        font-size: 0px; line-height: 0%; width: 0px;
        border-top: 25px solid #e8f8ff;
        border-bottom: 25px solid #e8f8ff;
        border-left: 25px solid;
    }
    .arrowgreen{
        border-left-color: #9dff9d;
    }
    .arrowblue{
        border-left-color: #008ac9;
    }
    .arrowgray{
        border-left-color: #dddddd;
    }
    .blockgreen, .blockblue, .blockgray{
        height: 50px; 
        display: inline-block; 
        width: 200px; 
        border: none; 
        font-size: 14px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        display: table;
        text-align: left;
    }
    .memappstudentsteps{
        width: 281px!important;         /* Nav Wizard - was: 250px */
    }
    .blockgreen{
        background-color: #9dff9d;
        color: #009300;
    }
    .blockblue{
        background-color: #008ac9;
        color: #ffffff;
    }
    .blockgray{
        background-color: #dddddd;
        color: #666666;
    }
    .tablecell{
        display: table-cell; 
        vertical-align: middle;
		padding-left: 20px;
    }

	.stepscontainer{
		background-color: #e8f8ff;
		border: 1px solid #cceeff;
		padding-left: 20px;
		border-top-left-radius: 6px;
	    border-top-right-radius: 6px;
	    border-bottom-right-radius: 6px;
	    border-bottom-left-radius: 6px;
	}

    .memappstepsection{
        float: left;
    }

    .stepstable {
        margin: 0;
        padding: 0;
        display: table;
    }

    .stepstable tr {
        display: table-row;
    }

    .stepstable tr td {
        display: table-cell;
        vertical-align: middle;
    }


    .sectiontitle{
        background-color: #0089C6;  
        padding: 6px; 
        font-weight: bold; 
        color: #ffffff;     
        font-size: 16px;
		letter-spacing: 4px;
    }

	.sectiondescription{
		font-style:italic; 
		margin-top: 5px; 
		margin-bottom: 15px;
	}

    .membershipapp input[type="image"], .membereligibility input[type="image"], .pull-right input[type="image"]
    {
        cursor: pointer!important;
    }

    .membershipapp input[type="submit"], .loginctrl input[type="submit"], .membereligibility input[type="submit"]
    {
        border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    border-bottom-right-radius: 4px;
	    border-bottom-left-radius: 4px;
	    /*background: -webkit-linear-gradient(#008CC9, #003652); 
	    background: -o-linear-gradient(#008CC9, #003652); 
	    background: -moz-linear-gradient(#008CC9, #003652); 
	    background: linear-gradient(#008CC9, #003652);*/
	    height: 50px;
	    font-size: 20px;
	    font-weight: bold;
	    color: #ffffff;
        cursor: pointer;
    }

	.hyplinkgrey{
		border: 1px solid #ff9933;
		background-color: #ff9933;
        border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    border-bottom-right-radius: 4px;
	    border-bottom-left-radius: 4px;
	    height: 50px;
	    font-size: 18px;
	    font-weight: bold;
	    color: #ffffff;
        cursor: pointer;
		padding-top: 10px;
	}

	.hyplinkgrey:link{
		text-decoration: none;
		color: #ffffff;
	}

	.hyplinkgrey:visited{
		text-decoration: none;
		color: #ffffff;
	}

	.hyplinkgrey:hover{
		text-decoration: none;
		color: #ffffff;
	}

	.hyplinkgrey:active{
		text-decoration: none;
		color: #ffffff;
	}

	.btnblue{
		border: 1px solid #3498db;
		background-color: #3498db;
	}

	.btngrey{
		border: 1px solid #a3a3a3;
		background-color: #a3a3a3;
	}

    .btnwidthvar{
        width: 45%;
        max-width: 300px!important;
        min-width: 150px!important;
    }

	.requiredfieldlabel{
		color: #a94442;
	}

	/*.warningpanel{
		padding: 15px;
		border: 1px solid #faebcc;
		border-radius: 4px;
		color: #8a6d3b;
		background-color: #fcf8e3;
	}*/

	.divcentered{
		display: inline-block;
		/*margin: 0 auto;*/
	}

	.itemcenterhorizontal{
		width: 30%;
		margin: 0 auto;
		padding-left: 20px;
	}
	
	.pagewithgrid div td{
		background-color: transparent;
	}

    .loginctrl select, .loginctrl input[type="text"], .loginctrl input[type="password"]			
    {
        border: 1px solid #CCCCCC;
	    border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    border-bottom-right-radius: 4px;
	    border-bottom-left-radius: 4px; 
	    height: 50px;  
	    font-size: 20px;  
		padding-left: 10px;   
    }

	.membershipapp select, .membershipapp input[type="text"]:not(.notxtbxstyle), .membershipapp input[type="password"]	{
		display: block;
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}

    input[type="radio"], input[type="checkbox"]
    {
        border: 1px solid #CCCCCC;
        border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    border-bottom-right-radius: 4px;
	    border-bottom-left-radius: 4px; 
	    /*height: 30px; 
		font-size: 16px;*/
    }

	.radiobtnlist input[type="radio"]{
		margin-left: 10px;
		margin-right: 2px;
	}

    .membershipapp label
    {
        font-weight: bold; 
        font-size: 16px;
    }

	.membershipapp, .membereligibility{
		line-height: 1.1;
	}

	.membershipapp tr td{		/*after  tr -> :nth-child(2n)*/
		background-color: transparent;
	}

	.k-state-selected{
		background-color: #3f98d1!important;
	}

    .memberappfieldlabel, .memberappcreditcard td
    {
        font-weight: bold; 
        font-size: 18px!important;
		margin-top: 5px;
    }

	.chkLabel input { float: left; margin-top:0.1em;}
	.chkLabel label { display: block; margin-left: 1.5em;}

	/*div.dropdowngrp select{
		color: #999;
	}

	div.dropdowngrp select option:first-child{
		color: #999;
	}*/

	.clpager 
	{
		font-size: 14px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.clpager td{
		height: 35px;
	}

	.clpager a, .clpager span 
	{
		padding-right: 15px;
		font-size: 20px;
	}

	.clpager a 
	{
		font-weight: normal!important;
	}

    .clpager span{
        color: #3498db;
    }

    .ccnumtxt{
        width: 90%!important;
    }
	
    .progressofloading
    {
        position: fixed; 
        left: 50%; 
        top: 50%;
        width: 150px; 
        height: 150px;  
        z-index: 999999;
        margin-left: -75px; 
        margin-top: -75px; 
    }

    .fieldsetclass
    {
	    border: 1px solid #CCCCCC;
	    border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    border-bottom-right-radius: 4px;
	    border-bottom-left-radius: 4px;
	    margin-bottom: 20px;
	    padding: 20px;
        width: 100%;
    }
    
    .legendheader{
		font-size: 16px; 
		font-weight: bold; 
		color: #0089C6; 
		width: auto; 
		padding: 0 10px;
		border-bottom: 0px;
		margin-bottom: 0;
    }

	.launchcourse, .launchfromconf
	{
    	border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border: 1px solid #319000;
    	background-color: #319000;
		background: -webkit-linear-gradient(#94DB01, #319000); 
		background: -o-linear-gradient(#94DB01, #319000); 
		background: -moz-linear-gradient(#94DB01, #319000); 
		background: linear-gradient(#94DB01, #319000);
		vertical-align: middle;
		text-align: center;
		color: #FFFFFF!important;
		font-weight: bold;
		text-decoration: none;
		display: inline-block; 
	}

	.launchcourse
	{
		font-size: 18px;
    	padding-top: 10px;
    	padding-bottom: 10px;     
		padding-left: 15px; 
		padding-right: 15px;
	}

	.launchfromconf
	{
		font-size: 14px;
    	padding: 5px;
		margin-right: 10px;
	}

	.launchfromconf:link, .launchcourse:link {text-decoration: none; color: #ffffff;}
	.launchfromconf:visited, .launchcourse:visited {text-decoration: none; color: #ffffff;}
	.launchfromconf:hover, .launchcourse:hover {text-decoration: none; color: #ffffff;}
	.launchfromconf:active, .launchcourse:active {text-decoration: none; color: #ffffff;}
    
    .launchcrsdisabled 
    {
        border: 1px solid #acacac!important;
    	background-color: #acacac!important;
		background: -webkit-linear-gradient(#e6e6e6, #acacac)!important; 
		background: -o-linear-gradient(#e6e6e6, #acacac)!important; 
		background: -moz-linear-gradient(#e6e6e6, #acacac)!important; 
		background: linear-gradient(#e6e6e6, #acacac)!important;
        cursor: default;
        color: #ffffff!important;
    }    

    /* Password Validation */
    #dvPwdMsg, #dvWebUserIdMsg {
        background-color:#d9edf7;
        border: 1px solid #bce8f1;  
        display: none; 
        font-weight: normal;
        margin: auto;
        padding: 5px;
        position: absolute; 
		z-index: 100;
        border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    border-bottom-right-radius: 4px;
	    border-bottom-left-radius: 4px;
    }
    
    .arrow-border {
       border-color: transparent #bce8f1 transparent transparent;
       border-style: solid;
       border-width: 9px;
       height:0;
       width:0;
       position:absolute;
       top:3px;
       left:-18px;
    }
    .arrow-body {
       border-color: transparent #d9edf7 transparent transparent;
       border-style: solid;
       border-width: 9px;
       height:0;
       width:0;
       position:absolute;
       top:3px;
       left:-16px;
    }
    /* Password Validation END */

	/* Arrow Box */
	.arrow_box {
		position: relative;
		background: #f2dede;
		border: 1px solid #ebccd1;
		border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    border-bottom-right-radius: 4px;
	    border-bottom-left-radius: 4px;
		padding: 5px 10px 5px 10px;
		color: #a94442;
	}
	.arrow_box:after, .arrow_box:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_box:after {
		border-color: rgba(242, 222, 222, 0);
		border-bottom-color: #f2dede;
		border-width: 10px;
		margin-left: -10px;
	}
	.arrow_box:before {
		border-color: rgba(235, 204, 204, 0);
		border-bottom-color: #ebccd1;
		border-width: 11px;
		margin-left: -11px;
	}
	/* Arrow Box END */


    /* Information Box */
	.info_box {
		position: relative;
		background: #d9edf7;
		border: 1px solid #bce8f1;
		border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    border-bottom-right-radius: 4px;
	    border-bottom-left-radius: 4px;
		padding: 5px 10px 5px 10px;
		color: #31708f;
	}
	.info_box:after, .info_box:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.info_box:after {
		border-color: rgba(242, 222, 222, 0);
		border-bottom-color: #d9edf7;
		border-width: 10px;
		margin-left: -10px;
	}
	.info_box:before {
		border-color: rgba(235, 204, 204, 0);
		border-bottom-color: #bce8f1;
		border-width: 11px;
		margin-left: -11px;
	}
	/* Information Box END */

/*Chapter Reconcile Buttons*/
    .togglestatusbtn
	{
    	border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		vertical-align: middle;
		text-align: center;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		display: inline-block; 
		font-size: 14px!important;
    	height: 38px!important;
        width: 150px;
	}

    /*Set Registered*/
    .togstatgreen{
        border: 1px solid #319000;
    	background-color: #319000;
		background: -webkit-linear-gradient(#94DB01, #319000); 
		background: -o-linear-gradient(#94DB01, #319000); 
		background: -moz-linear-gradient(#94DB01, #319000); 
		background: linear-gradient(#94DB01, #319000);
    }

    /*Set Attended (Survey Pending)*/
    .togstatblue{
        border: 1px solid #004BFE;
    	background-color: #004BFE;
		background: -webkit-linear-gradient(#719BFF, #004BFE); 
		background: -o-linear-gradient(#719BFF, #004BFE); 
		background: -moz-linear-gradient(#719BFF, #004BFE); 
		background: linear-gradient(#719BFF, #004BFE);
    }

    /*No Action*/
    .togstatgray{
        border: 1px solid #8C8C8C;
    	background-color: #8C8C8C;
		background: -webkit-linear-gradient(#CCCCCC, #8C8C8C); 
		background: -o-linear-gradient(#CCCCCC, #8C8C8C); 
		background: -moz-linear-gradient(#CCCCCC, #8C8C8C); 
		background: linear-gradient(#CCCCCC, #8C8C8C);
        cursor: default!important;
    }

    .popupmsg
    {
        position: fixed; 
        left: 20%; 
        top: 40%;
        width: 60%;  
        z-index: 999999;
    }
/*Chapter Reconcile Buttons END*/

	.headlogin, .headlogout, .headjoin, .headeditsite, .headloginanonym{
		float: left;
		display: inline-block;
	}
	
	.hyplnkdisabled{
		text-decoration: none!important;
	}

	.headjoin, .headlogout, .headabout, .headcontact, .headeditsite, .headaboutanonym, .headcontactanonym{
		padding-left: 0px;
		margin-left: 0px;
	}

	.headjoin, .headabout, .headcontact, .headaboutanonym, .headcontactanonym{
		border-left: 1px solid #fff;
	}

	.headeditsite, .headlogout{
		border-left: 1px solid #ff9933;
	}

	.headmycart{
		vertical-align: top;
		margin-left: 0px!important;
        margin-right: 4px!important;
        padding: 0px!important;
		margin-top: -2px;
	}

	.headmycartamount{
		margin-right: 5px;
		margin-left: 0px!important;
        padding: 0px!important;
	}

    .hdrlnk{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    .hdrlnkpad{
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

	.header .bar .right .links a, .header .bar .right .links .main-links a:last-child{
		border-right: none;
	}

    .headsmallerfontanonym{
        font-size: 16px;
    }

    /* ###LR: The style below is to fix font issue with column name on Insight Article */
    .article-details .column-name{
        font-family: inherit;
    }


/* Media Queries */
@media (min-width: 1201px){
	.headeditsite{
		display: block;
	}

	.headabout, .headcontact, .headmycart, .headmycartamount, .headaboutanonym, .headcontactanonym{
		float: left;
		display: inline-block;
	}

	.smallwidthfld{
		width: 15%!important;
	}

    .gridviewdiv{
		padding: 10px;
		font-size: 16px;
	}

    .headsmallerfont{
        font-size: 16px;
    }
}

@media (max-width: 1200px){
	.headeditsite{
		display: none;
	}

	.headabout, .headcontact, .headmycart, .headmycartamount{
		display: none;
	}

    .headaboutanonym, .headcontactanonym{
        float: left;
        display: inline-block;
    }

	.smallwidthfld{
		width: 20%!important;
	}

    .gridviewdiv{
		padding: 10px;
		font-size: 16px;
	}

    .headsmallerfont{
        font-size: 16px;
    }
}

@media (max-width: 992px){
	.headeditsite{
		display: none;
	}

	.headabout, .headcontact, .headmycart, .headmycartamount{
		display: none;
	}

    .headaboutanonym, .headcontactanonym{
        float: left;
        display: inline-block;
    }

	.smallwidthfld{
		width: 30%!important;
	}

    .gridviewdiv{
		padding: 10px;
		font-size: 16px;
	}

    .headsmallerfont{
        font-size: 16px;
    }
}

@media (max-width: 957px){
    .headabout, .headcontact, .headmycart, .headmycartamount{
		float: left;
		display: inline-block;
	}

    .headsmallerfont{
        font-size: 14px;
    }
}

@media (max-width: 780px){
    .headmycart, .headmycartamount{
		display: none;
	}
}

@media (max-width: 768px){
	.headeditsite{
		display: none;
	}

	.headabout, .headcontact, .headmycart, .headmycartamount, .headaboutanonym, .headcontactanonym{
		display: none;
	}

	.smallwidthfld{
		width: 50%!important;
	}

    .gridviewdiv{
		padding: 10px;
		font-size: 16px;
	}

    .page-heading, .app-pageheading{
        font-size: 24px;
    }

    .headsmallerfont{
        font-size: 14px;
    }

    .smallerrorfont{
        font-weight: normal; 
        font-size: 12px;
    }
}

@media (max-width: 530px){
    .headlogin{
        display: none;
    }

    .headlogout{
        border-left: none;
    }

    .smallerrorfont{
        font-weight: normal; 
        font-size: 10px;
    }
}

@media (max-width: 400px){
    /*.gvcontnegmarg{
        margin-right: -15px;
        margin-left: -15px;
    }*/

    .smallnormalfont{
        font-weight: normal; 
        font-size: 12px;
    }

    .gridviewdiv{
        padding: 6px;
        font-size: 14px;
    }

    .blockgreen, .blockblue, .blockgray{            /* Nav Wizard - removed: , .memappstudentsteps */
        width: 150px!important; 
        font-size: 12px;
    }

    div.alert{
        padding-left: 4px!important;
        padding-right: 10px!important;
    }

    div.alert table tr td{
        padding-left: 6px!important;
    }

    .headsmallerfont{
        font-size: 10px;
    }

    /* Nav Wizard */
    .memappstudentsteps{
        width: 240px!important; 
        font-size: 14px!important;
    }
    /* Nav Wizard END */
}

@media (min-width: 341px){
    /* Nav Wizard */
    ul.nav-wizard li.nwstutwofirst{
        line-height: 35px;
    }
    /* Nav Wizard END */
}

@media (max-width: 340px){
    /* Nav Wizard */
    ul.nav-wizard li{
        width: 155px!important; 
        font-size: 10px!important;
    }
    /* Nav Wizard END */
}

@media (max-width: 310px){
    .leftrightbuttons{
        min-width: 10px;
        width: 50%;
    }

    .leftrightbuttons input[type="submit"]{
        font-weight: normal; 
        font-size: 12px;
        height: 40px;
        width: 46px!important;
        padding: 1px;
    }

    .gridviewdiv{
        padding: 3px;
        font-size: 12px;
    }

    #imgCPESave{
        display: none;
    }

    #imgCPESaveSmall{
        display: block!important;
    }

    #dvCPESave{
        float: left!important;
    }

    .sectiontitle{    
        font-size: 12px;
		letter-spacing: 2px;
    }
}

@media (max-width: 280px) {
    .smallnormalfont{
        font-weight: normal; 
        font-size: 10px;
    }

    .page-heading, .app-pageheading{
        font-size: 18px;
    }

    .headsmallerfontanonym{
        font-size: 10px;
    }
}
/* Media Queries END */


/*AJAX Calendar Extender*/
/*.calendarext .ajax__calendar_container
{
width:190px;
background-color: #ededed; border:solid 1px #666666;
-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; 
-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
}
.calendarext .ajax__calendar_body
{
width:180px;
height:142px;
background-color: #ededed; border: solid 1px #666666;
}
.calendarext .ajax__calendar_header
{
background-color: #fa9735; margin-bottom: 8px;
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; 
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} 
.calendarext .ajax__calendar_title
{
color: #ffffff; padding-top: 3px;
}
.calendarext .ajax__calendar_next,
.calendarext .ajax__calendar_prev
{
border:solid 4px #ffffff;
background-color: #ffffff;
-moz-border-radius-topleft: 18px; -webkit-border-top-left-radius: 18px; -khtml-border-top-left-radius: 18px; border-top-left-radius: 18px;
-moz-border-radius-topright: 18px; -webkit-border-top-right-radius: 18px; -khtml-border-top-right-radius: 18px; border-top-right-radius: 18px; 
-moz-border-radius-bottomleft: 18px; -webkit-border-bottom-left-radius: 18px; -khtml-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; -khtml-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px;
}
.calendarext .ajax__calendar_hover .ajax__calendar_next,
.calendarext .ajax__calendar_hover .ajax__calendar_prev
{
border:solid 4px #328BC8;
background-color: #ffffff;
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; 
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}
.calendarext .ajax__calendar_dayname
{
text-align:center; margin-bottom: 4px; margin-top: 2px;
color:#666666;
background-color: #ededed;
} 
.calendarext .ajax__calendar_day,
.calendarext .ajax__calendar_month,
.calendarext .ajax__calendar_year
{
margin: 1px 2px 1px 2px;
padding: 1px 2px 1px 2px;
text-align:center;
border:solid 1px #0089C6;
color:#0089C6;
background-color: #faf5fb;
}
.calendarext .ajax__calendar_hover .ajax__calendar_day,
.calendarext .ajax__calendar_hover .ajax__calendar_month,
.calendarext .ajax__calendar_hover .ajax__calendar_year
{
color: #fa9735; font-weight:bold; background-color: #fefefe; border:solid 1px #fa9735;
}
.calendarext .ajax__calendar_active .ajax__calendar_day,
.calendarext .ajax__calendar_active .ajax__calendar_month,
.calendarext .ajax__calendar_active .ajax__calendar_year
{
color: #ffffff; font-weight:bold; background-color: #fa9735; 
}
.calendarext .ajax__calendar_today .ajax__calendar_day
{
color: #ffffff; font-weight:bold; background-color: #fa9735; 
}
.calendarext .ajax__calendar_other .ajax__calendar_day{
	font-weight: normal;
	background-color: #cccccc;
	color: #666666;
	border:solid 1px #666666;
}
.calendarext .ajax__calendar_today
{
	font-weight:bold;
}
.calendarext .ajax__calendar_hover .ajax__calendar_today
{
color: #fa9735;
font-weight:bold;
}
.calendarext .ajax__calendar_days
{
background-color: #ededed;
}*/
/*AJAX Calendar Extender END*/

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.sfBreadcrumbWrp .RadSiteMap .rsmItem .rsmLink{
    font-size: 1.2rem;
}

.article-details .bio{
    background: #004667;
}

.warnpopup 
{
      	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: #FDBA71;
	background: -webkit-linear-gradient(#FEDBB4, #FDBA71); 
	background: -o-linear-gradient(#FEDBB4, #FDBA71); 
	background: -moz-linear-gradient(#FEDBB4, #FDBA71); 
	background: linear-gradient(#FEDBB4, #FDBA71);
	border: solid 1px #FD8403;
	color: #000000;
	font-size: 12px;
	margin: auto auto auto;
	padding: 8px 8px 8px 8px; 
}

/*Jobs Box on Homepage */
div.home-content div.sf_3cols_1in_33{
    border-left: 3px solid #009ee2;
    border-right: 3px solid #009ee2;
    border-bottom: 3px solid #009ee2;
    height: 470px;
    margin-bottom: 18px;
}

div.home-content div.sf_3cols_1in_33 > div:nth-child(3){
    padding: 0px 7px 0px 7px!important;
    font-size: 12px!important;
    line-height: 1.6!important;
    height: 380px;
    overflow-y: auto;
}

div.home-content div.sf_3cols_1in_33 > div:nth-child(3) a {
    font-weight: bold;
}

div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(1),  div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(5), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(9), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(13), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(17), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(21) {
    display: block!important;
    min-height: 24px!important;
}

div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(2),  div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(6), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(10), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(14), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(18), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(22), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(3),  div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(7), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(11), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(15), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(19), div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(23) {
    display: block!important;
    min-height: 20px!important;
}

div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(1)::before,  div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(5)::before, div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(9)::before,  div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(13)::before, div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(17)::before, div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(21)::before
{
    content: "";
    display: block;
    background: url("/icpasimages/recruitmentsm.png") no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 6px 0 0;
}

div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(2)::before,  div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(6)::before, div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(10)::before, div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(14)::before, div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(18)::before, div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(22)::before, div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(3)::before,  div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(7)::before, div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(11)::before, div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(15)::before, div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(19)::before, div.home-content div.sf_3cols_1in_33 > div:nth-child(3) > div:nth-child(23)::before 
{
    content: "  ";
    display: block;
    width: 24px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
}

@media (min-width: 751px) {
  .box-social .content{
    height: 424px;
  }
}

@media (max-width: 750px) {
  .box-social .content{
    min-height: 424px;
  }
}

/*Jobs Box on Homepage END */


div.home-content div.box-social div#tabs-3 {
    height: 320px!important;
    overflow-y: auto;
}


/*New styles*/

    /* Box Yellow */
	.yellow_box {
		position: relative;
		background: #fcf8e3;
		border: 1px solid #f5e79e;
		border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    border-bottom-right-radius: 4px;
	    border-bottom-left-radius: 4px;
		padding: 5px 10px 5px 10px;
		color: #8a6d3b;
	}

	.yellow_box:after, .yellow_box:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.yellow_box:after {
		border-color: rgba(242, 222, 222, 0);
		border-bottom-color: #fcf8e3;
		border-width: 10px;
		margin-left: -10px;
	}

	.yellow_box:before {
		border-color: rgba(235, 204, 204, 0);
		border-bottom-color: #f5e79e;
		border-width: 11px;
		margin-left: -11px;
	}
	/* Box Yellow END */

    /* Box Green */
	.green_box {
		position: relative;
		background: #dff0d8;
		border: 1px solid #d6e9c6;
		border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    border-bottom-right-radius: 4px;
	    border-bottom-left-radius: 4px;
		padding: 5px 10px 5px 10px;
		color: #3c763d;
	}

	.green_box:after, .green_box:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.green_box:after {
		border-color: rgba(242, 222, 222, 0);
		border-bottom-color: #dff0d8;
		border-width: 10px;
		margin-left: -10px;
	}

	.green_box:before {
		border-color: rgba(235, 204, 204, 0);
		border-bottom-color: #d6e9c6;
		border-width: 11px;
		margin-left: -11px;
	}
	/* Box Green END */

    .warninlinemsg {
        display: inline-block;
        font-size: 12px;
        border-radius: 4px;
        color: #8a6d3b;
        background-color: #fcf8e3;
        padding: 4px 5px 4px 10px;
        border: 1px solid #faebcc;
        margin-bottom: -5px;
    }

    .btnorange{
		border: 1px solid #ff9933;
		background-color: #ff9933;
	}

    .pagerbtn 
	{
		font-size: 20px;
	}

	.pagerbtn td{
        padding-top: 15px;
        padding-bottom: 20px;
	}

	.pagerbtn a, .pagerbtn span 
	{
		padding: 10px 15px 10px 15px;
		font-size: 20px;
        border: 1px solid #ccc;
	}

	.pagerbtn a 
	{
		font-weight: normal!important;
	}

    .pagerbtn a:link{
		text-decoration: none;
	}

	.pagerbtn a:visited{
		text-decoration: none;
	}

	.pagerbtn a:hover{
		text-decoration: none;
	}

	.pagerbtn a:active{
		text-decoration: none;
	}

    .pagerbtn span{
        color: #fff;
        background-color: #0089C6;
    }

    .progstotalmob {
        font-size: 20px;
    }

    .controlerror{
        color: #a94442!important; 
        background-color: #f2dede!important; 
        border-color: #ebccd1!important;
        border-style: solid!important;
        border-width: 1px!important;
    }

    @media (max-width: 400px) {
        .pagerbtn 
	    {
		    font-size: 14px;
	    }

        .pagerbtn a, .pagerbtn span 
	    {
		    padding: 5px 8px 5px 8px;
		    font-size: 14px;
	    }

        .progstotalmob {
            font-size: 14px;
        }
    }

    /* Nav Wizard */
    ul.nav-wizard {
        background-color: #f9f9f9;
        border: 1px solid #d4d4d4;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        *zoom: 1;
        position: relative;
        overflow: hidden;
    }
    ul.nav-wizard:before {
        display: block;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 46px;
        height: 47px;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        z-index: 11;
        content: " ";
    }
    ul.nav-wizard:after {
        display: block;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 138px;
        height: 47px;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        z-index: 11;
        content: " ";
    }
    ul.nav-wizard li {
        position: relative;
        float: left;
        height: 46px;
        display: inline-block;
        text-align: center;
        padding: 5px 20px 0 30px;
        margin: 0;
        font-size: 16px;
        line-height: 18px;
        background-color: #dff0d8;
        width: 225px;
    }
    ul.nav-wizard li.nwcompapp{
        line-height: 35px;
    }
    ul.nav-wizard li a {
        color: #468847;
        padding: 0;
    }
    ul.nav-wizard li a:hover {
        background-color: transparent;
    }
    ul.nav-wizard li:before {
        position: absolute;
        display: block;
        border: 24px solid transparent;
        border-left: 16px solid #666666;
        border-right: 0;
        top: -1px;
        z-index: 10;
        content: '';
        right: -16px;
    }
    ul.nav-wizard li:after {
        position: absolute;
        display: block;
        border: 24px solid transparent;
        border-left: 16px solid #dff0d8;
        border-right: 0;
        top: -1px;
        z-index: 10;
        content: '';
        right: -15px;
    }
    ul.nav-wizard li.active {
        color: #3a87ad;
        background: #d9edf7;
    }
    ul.nav-wizard li.active:after {
        border-left: 16px solid #d9edf7;
    }
    ul.nav-wizard li.active a,
    ul.nav-wizard li.active a:active,
    ul.nav-wizard li.active a:visited,
    ul.nav-wizard li.active a:focus {
        color: #3a87ad;
        background: #d9edf7;
    }
    ul.nav-wizard .active ~ li {
        color: #999999;
        background: #ededed;
    }
    ul.nav-wizard .active ~ li:after {
        border-left: 16px solid #ededed;
    }
    ul.nav-wizard .active ~ li a,
    ul.nav-wizard .active ~ li a:active,
    ul.nav-wizard .active ~ li a:visited,
    ul.nav-wizard .active ~ li a:focus {
        color: #999999;
        background: #ededed;
    }
    ul.nav-wizard.nav-wizard-backnav li:hover {
        color: #468847;
        background: #f6fbfd;
    }
    ul.nav-wizard.nav-wizard-backnav li:hover:after {
        border-left: 16px solid #f6fbfd;
    }
    ul.nav-wizard.nav-wizard-backnav li:hover a,
    ul.nav-wizard.nav-wizard-backnav li:hover a:active,
    ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
    ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
        color: #468847;
        background: #f6fbfd;
    }
    ul.nav-wizard.nav-wizard-backnav .active ~ li {
        color: #999999;
        background: #ededed;
    }
    ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
        border-left: 16px solid #ededed;
    }
    ul.nav-wizard.nav-wizard-backnav .active ~ li a,
    ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
    ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
    ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
        color: #999999;
        background: #ededed;
    }
    /* Nav Wizard END */

    /* MVC Lists START */
    .mvclistexpandable {
        position: relative;
    }

    .mvclistexpandable h3 {
        width: 75%!important;
    }

    .mvclistexpandable a[data-sf-role=toggleLink] {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        background-color: #c4e3f3;      /*url(/icpasimages/ExpandArrDown.png) no-repeat 98%;*/
        color: #31708f;
        display: block;
        width: 100%!important;
        margin-top: 20px;
        padding: 10px;                  /*60px 10px 10px;*/
        font-size: 20px;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        text-decoration: none!important;
    }

    .mvclistexpandable div.sf-Long-text, .mvclistexpandable div > div:nth-child(2) {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        font-family: inherit;
        padding: 10px 15px;
        border: 1px solid #ddd;
    }

    .mvclistexpandable h3 {
        margin-top: 50px!important;
    }

    .mvclistexpandable p[data-sf-role=expandAll], .mvclistexpandable p[data-sf-role=collapseAll] {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        font-size: 12px;
        line-height: 1.5;
        color: #fff;
        display: block;
        padding: 6px 12px;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        text-decoration: none!important;
        width: 100px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .mvclistexpandable p[data-sf-role=expandAll] {
        background-color: #5bc0de;
        border: 1px solid #1f809c;
    }

    .mvclistexpandable p[data-sf-role=collapseAll] {
        background-color: #F58220;
        border: 1px solid #ac690f;
    }

    @media (max-width: 990px) {
        .mvclistexpandable h3 {
            width: 70%!important;
            font-size: 1.5em!important;
        }

        .mvclistexpandable a[data-sf-role=toggleLink] {
            font-size: 18px!important;
        }
    }

    @media (max-width: 850px) {
        .mvclistexpandable h3 {
            width: 65%!important;
            font-size: 1.3em!important;
        }

        .mvclistexpandable a[data-sf-role=toggleLink] {
            font-size: 16px!important;
        }
    }

    @media (max-width: 767px) {
        .mvclistexpandable h3 {
            width: 70%!important;
            font-size: 1.5em!important;
        }

        .mvclistexpandable a[data-sf-role=toggleLink] {
            font-size: 18px!important;
        }
    }

    @media (max-width: 550px) {
        .mvclistexpandable h3 {
            width: 65%!important;
            font-size: 1.3em!important;
        }

        .mvclistexpandable a[data-sf-role=toggleLink] {
            font-size: 16px!important;
        }
    }

    @media (max-width: 350px) {
        .mvclistexpandable h3 {
            width: 60%!important;
            font-size: 1.1em!important;
        }

        .mvclistexpandable a[data-sf-role=toggleLink] {
            font-size: 14px!important;
        }
    }
    /* MVC Lists END */

    /*Allow Table created in Content Block to be responsive START */
    .responsiveTable {
        table-layout: fixed;
    }
    /*Allow Table created in Content Block to be responsive END */


/* Added by Chris Baer 8/16/2022 Text Background Contrast Start */


.header .bar {
  background: #696A6C;
  color: #fff;}

.box-social {border:3px solid #696A6C!important;}
.box-social h2 { background:#696A6C!important; }

/* } Unexpected character commented out ###LR: 3/28/23 */


/*#696A6C */
/* Added by Chris Baer 8/16/2022 Text Background Contrast End */

/* Added by Chris Baer 1/18/2023 Highlight Field Required in Form Message Start */

p[role="alert"]  
{
  color: red !important;
  font-size: 14px !important;
  font-weight: bold !important;
/* Added by Chris Baer 1/18/2023 Highlight Field Required in Form Message End */
}


/* Custom Checkbox START */
/* The container */
.custchckbxwrap {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .custchckbxwrap input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.custchckbxwrap:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a green background */
.custchckbxwrap input:checked ~ .checkmark {
    background-color: #009800;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custchckbxwrap input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custchckbxwrap .checkmark:after {
    left: 8px;
    top: 1px;
    width: 8px;
    height: 16px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.autorenewboxlayout {
    background-color: #fff;
    border-radius: 6px;
    border: 2px solid #ff9933;
    padding: 20px 15px 20px 20px;
    font-size: 18px;
    font-weight: bold;
    width: 85%;
    height: auto;
    /*margin: 0 auto;*/
}

.autorenewcol {
    padding-left: 40px;
}

@media (max-width: 930px) {
    .autorenewcol {
        padding-left: 25px;
    }
}

@media (max-width: 400px) {
    .autorenewcol {
        padding-left: 15px;
    }
}

/* Custom Checkbox END */


/* INSIGHT Font Override START */
.insight-tagline > div {
    font-family: 'Montserrat' !important;
}

h2.insight-heading, h2.copydesk-heading {
    font-family: 'Montserrat' !important;
}

.insight-nav a {
    font-family: 'Montserrat' !important;
}

.article-details .column-name {
    font-family: 'Montserrat' !important;
}
/* INSIGHT Font Override END */

