/* Styles for WOTC Pages, updated Jun 2025 by Mitch Pentzer */



body { color: "#000066"; background-color: #ffffff; 
    font-family: Open Sans, Verdana, Arial, Georgia, Times New Roman, Helvetica, sans-serif ;
    color: black;
    font-size: 12pt;
    margin: 0px;
    padding: 0px;
	width: 100%;
	max-width: 1090px;
}

h1 {font-weight: 600;}

#errbody {
	font-family: Open Sans, Verdana, Helvetica, sans-serif;
}

#mainbody {
        margin: auto;
        border-top: 5px solid var(--!!!!CW_ST_top, #823230);
        border-left: 5px solid var(--!!!!CW_ST_top, #823230);
        border-right: 0;
        border-bottom: 0; 
        border-radius: 20px 0px 0px 0px;
        padding: 25px 5px 25px 5px;
	max-width: 1090px;
	min-width: 1090px;
	font-family: 'Open Sans', Helvetica, Arial, sans serif;
}



#inside1 {
        border-top: 5px solid var(--!!!!CW_ST_mid, #263e5a);
        border-left: 5px solid var(--!!!!CW_ST_mid, #263e5a);
        padding-top: 25px;
	padding-bottom: 25px;
        border-right: 0;
        border-bottom: 0;
        border-radius: 20px 0px 0px 0px;
}

#inside2 {
        margin-left: 5px;
        margin-top: 0px;
        padding: 15px;
        border-top: 5px solid var(--!!!!CW_ST_bot, #4470a2);
        border-left: 5px solid var(--!!!!CW_ST_bot, #4470a2);
        border-right: 0;
        border-bottom: 0;
        border-radius: 20px 0px 0px 0px;
	min-height: 600px;
}

#sidebarfade {
        position: fixed;
        z-index: 1;
        width: 40px;
        height: 100%;
        background-image: linear-gradient(transparent, white 75%);
}
@media #sidebarfade {
	display: none important!;
}

#topbanner {
        position: relative;
        font-family: "Open Sans","Helvetica",sans-serif;
        top: -90px;
        left: 0px;
        width: 104%;
        height: 70px;
	margin-bottom: -70px;
        padding-top: 13px;
        vertical-align: top;
        color: #172536;
        font-weight: 600;
        z-index: 1;
}
@media #topbanner {
	display: none important!;
}


a.sort:link {color: #FFFFFF;}

a.sort:visited {color: #FFFFFF;}

.noline { 
	text-decoration: none !important;
	cursor: pointer;
/*To keep lines off buttons that use a:links */
}

.bannerlink {
        font-size: 18px;
        color: #172536 !important;
        vertical-align: center;
        cursor: pointer;
        text-decoration: none !important;
        transition: 200ms ease-in-out;
}

.bannerlink:hover {
        text-shadow: 0px 0px 1px #172536;
}

.stafftitle {
	color: #0f1824;
}

.consulttitle {
	color: #293352;
}

.emptitle {
	color: #4470a2;
}
.pagetitle {
	display: block;
	text-align: center;
	margin: auto;
	font-size: 28px;
	font-weight: 600;
	font-family: Open Sans, Verdana, Arial, sans-serif;
	z-index: 3;
	position: relative;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

table.apptable {
        border-collapse: collapse;
        border-spacing: 0;
        border: 0px;
}
table.apptable td {
        padding-top: 5px;
        padding-bottom: 5px;
        color: #263e5a;
        font-size: 15px;
}

.appheader {
        background-color: #b0c4de;
        text-align: center;
        color: #0f1824;
        font-size: 12pt;
        font-weight: 600;
}

.summaryheader {
	border-spacing: 0;
	background: #cccccc;
	font-weight: 600;
	font-size: 18px;	
}



.adminheader {
        background-color: #e6e6e6;
        text-align: center;
        color: #0f1824;
        font-size: 12pt;
        font-weight: 600;
}

.leftheader {
        background-color: #b0c4de;
        text-align: left;
        color: #0f1824;
        font-size: 12pt;
        font-weight: 600;
}

.appfieldlabel {
        font-weight: 600;
        font-size: 12pt;
}

.apphighlight {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        background-color: #dbe4f0;
}

.dim {
        opacity: 0.6;
/*      color: transparent;
        text-shadow: 0 0 1px #263e5a; */
}

.printedfield {
        font-weight: 600;
        color: #333333 !important;
}

.printedonprint {
	font-weight: 600;
	padding-left: 20px;
}

.noprint {
}

@media print {
	.noprint {
		display: none;
	}
}

#regtable td {
        line-height: 25px;
        padding: 3px;
        font-family: Open Sans, Helvetica, Arial, sans serif;
}

.alternategrey tr:nth-child(odd){
	background: #e6e6e6;
}

.title-white  {
        color: #FFF;
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        letter-spacing: 0.03em;
        font-family: Open Sans, Arial, Helvetica, sans-serif;
}

#err-red {
        border-top: 5px solid #823230;
        border-bottom: 0px solid #823230;
        border-left: 0;
        border-right: 0;
        padding: 25px 0px 0px 0px;
        max-width: 1090px;
        width: 100%;
        display: block;
}

#login-red {
        border-top: 5px solid #823230;
        border-bottom: 5px solid #823230;
        border-left: 0;
        border-right: 0;
        padding: 25px 0px 25px 0px;
        max-width: 1090px;
        width: 100%;
        display: block;
}



#err-dblue {
        border-top: 5px solid #263e5a;
        border-bottom: 0px solid #263e5a;
        padding: 25px 0px 0px 0px;
        border-right: 0;
        border-left: 0;
        max-width: 1090px;
        width: 100%;
        display: block;
}

#login-dblue {
        border-top: 5px solid #263e5a;
        border-bottom: 5px solid #263e5a;
        padding: 25px 0px 25px 0px;
        border-right: 0;
        border-left: 0;
        max-width: 1090px;
        width: 100%;
        display: block;
}

#err-lblue {
        padding: 15px 0px 25px 0px;
        border-top: 5px solid #4470a2;
        border-bottom: 0px solid #4470a2;
        border-right: 0;
        border-left: 0;
        max-width: 1090px;
        width: 100%;
        display: block;
}

#login-lblue {
        padding: 15px 0px 25px 0px;
        border-top: 5px solid #4470a2;
        border-bottom: 5px solid #4470a2;
        border-right: 0;
        border-left: 0;
        max-width: 1090px;
        width: 100%;
        display: block;
}


#errtopfade {
        background-image: linear-gradient(to right, white, transparent, white);
        height: 80px;
        position: relative;
        top: -110px;
        margin-bottom: -100px;
        z-index: 2;
}

#botbanner {
        position: relative;
        font-family: "Open Sans","Helvetica",sans-serif;
 	font-size: 16px;
        width: 100%;
        color: #172536;
        font-weight: 600;
        z-index: 2;
}
@media #botbanner {
        display: none important!;
}

#botleftfade {
        height: 80px;
        position: relative;
        top: -100px;
        width: 50px;
        z-index: 3;
        background-image: linear-gradient(to right, white, transparent);
}

#botrightfade {
        height: 80px;
        position: relative;
        top: -180px;
        width: 40px;
        float: right;
        z-index: 3;
        background-image: linear-gradient(to right, transparent, white);
}


/*Buttons */
.redbtn {
        background: linear-gradient(#823230, #511F1E);
        color: #FFF;
        font-size: 17px;
        font-weight: 600;
        border: 1px solid #E3b5b5;
        border-radius: 5px;
        box-sizing: border-box;
        cursor: pointer;
	caret-cursor: transparent;
        direction: ltr;
        display: inline-block;
        font-family: 'Open Sans',Verdana,Helvetica,Arial,sans-serif;
        letter-spacing: 0em;
        line-height: 1.5;
        min-width: 30px;
        width: 150px;
        overflow: visible;
        padding: 4px 15px;
        text-align: center;
        vertical-align: baseline;
        -webkit-user-select: none;
        touch-action: manipulation;
        white-space: nowrap;
        -webkit-appearance: none;
        transition: all .6s ease-in-out;
	text-decoration: none;
}

.redbtn:disabled {
  cursor: default;
  opacity: .3;
}

.redbtn:hover {
  background-image: linear-gradient(#b94a46, #813331);
  border-color: #E3b5b5;
  text-decoration: none;
}

.redbtn:active {
  background-image: linear-gradient(#823230, #511F1E);
  border: 1px solid #E3b5b5;
  outline: none;
}

.redbtn:focus {
  box-shadow: #E3b5b5 0 0 0 3px;
  outline: none;
}

.bluebtn {
  background-image: linear-gradient(#4470a2, #263e5a);
  border: 1px solid #b0c4de;
  border-radius: 5px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  caret-cursor: transparent;
  direction: ltr;
  display: inline-block;
  font-family: 'Open Sans',Verdana,Helvetica,Arial,sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0em;
  line-height: 1.5;
  min-width: 30px;
  width: 150px;
  overflow: visible;
  padding: 4px 15px;
  text-align: center;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  -webkit-appearance: none;
  transition: background-image .6s ease-in-out;
  text-decoration: none;
}
.bluebtn:disabled {
  cursor: default;
  opacity: .3;
}

.bluebtn:hover {
  background-image: linear-gradient(#5d89bb, #35577e);
  border-color: #dbe4f0;
  text-decoration: none;
}

.bluebtn:active {
  background-image: linear-gradient(#4470a2, #263e5a);
  border: 1px solid #dbe4f0;
  outline: none;
}

.bluebtn:focus {
  box-shadow: #dbe4f0 0 0 0 2px;
  outline: none;
}

a.bluebtn:visited {color: white;}

.smbluebtn {
  background-image: linear-gradient(#4470a2, #263e5a);
  border: 1px solid #b0c4de;
  border-radius: 5px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  caret-cursor: transparent;
  direction: ltr;
  display: inline-block;
  font-family: 'Open Sans',Verdana,Helvetica,Arial,sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0em;
  line-height: 1.5;
  min-width: 30px;
  width: 100px;
  overflow: visible;
  padding: 4px 15px;
  text-align: center;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  -webkit-appearance: none;
  transition: background-image .6s ease-in-out;
  text-decoration: none;
}
.smbluebtn:disabled {
  cursor: default;
  opacity: .3;
}

.smbluebtn:hover {
  background-image: linear-gradient(#5d89bb, #35577e);
  border-color: #dbe4f0;
  text-decoration: none;
}

.smbluebtn:active {
  background-image: linear-gradient(#4470a2, #263e5a);
  border: 1px solid #dbe4f0;
  outline: none;
}

.smbluebtn:focus {
  box-shadow: #dbe4f0 0 0 0 3px;
  outline: none;
}

.darkbluebtn {
  background-image: linear-gradient(#263e5a, #172536);
  border: 1px solid #93aed2;
  border-radius: 5px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  caret-cursor: transparent;
  direction: ltr;
  display: inline-block;
  font-family: 'Open Sans',Verdana,Helvetica,Arial,sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0em;
  line-height: 1.5;
  min-width: 30px;
  width: 150px;
  overflow: visible;
  padding: 4px 15px;
  text-align: center;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  -webkit-appearance: none;
  transition: background-image .6s ease-in-out;
  text-decoration: none;
}

.darkbluebtn:disabled {
  cursor: default;
  opacity: .3;
}

.darkbluebtn:hover {
  background-image: linear-gradient(#35577e, #263e5a);
  border-color: #93aed2;
  text-decoration: none;
}

.darkbluebtn:active {
  background-image: linear-gradient(#263e5a, #172536);
  border: 1px solid #93aed2;
  outline: none;
}

.darkbluebtn:focus {
  box-shadow: #93aed2 0 0 0 3px;
  outline: none;
}



.litebluebtn {
  background-image: linear-gradient(#81a3ca, #4470a2);
  border: 1px solid #c9d7e8;
  border-radius: 5px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  direction: ltr;
  display: inline-block;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0em;
  line-height: 1.5;
  min-width: 30px;
  width: 150px;
  overflow: visible;
  padding: 4px 15px;
  text-align: center;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  -webkit-appearance: none;
  transition: background-image .6s ease-in-out;
  text-decoration: none;
}
.litebluebtn:disabled {
  cursor: default;
  opacity: .3;
}

.litebluebtn:hover {
  background-image: linear-gradient(#a5bed9, #5d89bb);
  border-color: #c9d7e8;
  text-decoration: none;
}

.litebluebtn:active {
  background-image: linear-gradient(#81a3ca, #4470a2);
  border: 1px solid #dbe4f0;
  outline: none;
}

.litebluebtn:focus {
  box-shadow: #c9d7e8 0 0 0 3px;
  outline: none;
}



.menubtn {
  background-image: linear-gradient(#d3d8de, #b6bec8);
  border: 1px solid #d3d8de;
  border-radius: 5px;
  box-sizing: border-box;
  color: black;
  cursor: pointer;
  caret-cursor: transparent;
  direction: ltr;
  display: inline-block;
  font-family: 'Open Sans',Verdana,Helvetica,Arial,sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0em;
  line-height: 1;
  min-width: 30px;
  width: 70px;
  overflow: visible;
  padding: 3px;
  text-align: center;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  -webkit-appearance: none;
  transition: background-image .6s ease-in-out;
  text-decoration: none;
}
.menubtn:disabled {
  cursor: default;
  opacity: .3;
}

.menubtn:hover {
  background-image: linear-gradient(#c5cbd3, #a8b1bd);
  border-color: #dbe4f0;
  text-decoration: none;
}

.menubtn:active {
  background-image: linear-gradient(#c5cbd3, #a8b1bd);
  border: 1px solid #d3d8de;
  outline: none;
}

.menubtn:focus {
  box-shadow: #99a5b2 0 0 0 3px;
  outline: none;
}





ul.dotleaders {
max-width: 40em;
padding: 0;
overflow-x: hidden;
list-style: none
}

ul.dotleaders li:before {
float: left;
width: 0;
white-space: nowrap;
content:
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
}

ul.dotleaders span:first-child {
padding-right: 0.33em;
background: white
}

ul.dotleaders span + span {
float: right;
padding-left: 0.33em;
background: white
}

/* MENU STYLES */
.menutab {
	width: 20%;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	background: linear-gradient(to bottom, #b6bec8, white);
 	color: black;
	border-radius: 20px 20px 0px 0px;
	font-family: inherit;
	cursor: pointer;
	transition: background 250ms ease-in-out;
}

.menutab:hover {
	background-image: linear-gradient(to bottom, #d3d8de, white);
}

.menutab:focus {
background-image: linear-gradient(to bottom, #d3d8de, white);
}

.activetab {
background: white;
font-weight: 600;
}

.activetab:hover {
	background: white;
}

.activetab:focus {
        background: white;
}


.menufolder {
	padding: 15px;
	font-size: 18px; 
	line-height: 28px;
	transition: background 250ms ease-in-out;
}

.menuitem {
	text-align: left;
	padding: 5px 5px 5px 20px;
	margin-bottom: 6px; 
	background: #d3d8de;
	font-weight: normal;
        text-decoration: none !important;
        transition: 200ms ease-in-out;
	border: 0;
	border-radius: 5px;
	width: 100%;
	font-size: 18px;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	line-height: 26px;
}
.menuitem:hover {
	background: #b6bec8;
}
.menuitem:focus {
	background: #b6bec8;
}

.halfitem {
	width: 49.5% !important;
}

.menuheader {
        display: block;
        text-align: left;
        padding: 5px 5px 5px 10px;
        margin-top: 3px;
        margin-bottom: 3px;
        color: black;
        font-weight: 600;
        width: 100%;
        font-size: 20px;
        letter-spacing: 3px;
	line-height: 27px;
}

.whitelink {
        color: white !important;
}
.whitelink:hover {
        text-shadow: 0px 0px 2px white;
}

.menudud {
        display: block;
        text-align: left;
        padding: 5px 5px 5px 20px;
        margin-bottom: 6px;
	background: #d3d8de;
        font-weight: normal;
        text-decoration: none !important;
        border: 0;
	border-radius: 5px; 
        font-size: 18px;
        transition: 200ms ease-in-out;
        line-height: 26px;
}

.menudud:hover {
   background: #b6bec8;
}
.menudud:focus {
	background: #b6bec8;
}


.menutable {
        border-collapse: collapse;
        border: 0;
        width: 100%;
        display: table;
        transition: 200ms ease-in-out;
        background: linear-gradient(to right, #d3d8de, white 30%);
 }

.menutable:hover {
	background: linear-gradient(to right, #b6bec8, white 50%);
}

.menutable td {
         padding: 5px 5px 10px 5px;
        font-weight: normal;
        text-decoration: none !important;
        border: 0;
        font-size: 18px;
}

.hold:hover {
        text-shadow: 0px 0px 1px #823230;
        color: #823230;
}

.fax:hover {
        text-shadow: 0px 0px 1px #172536;
        color: #172536;
}


.onedarker {
	background: #BDC5CD;
}

.onedarker:hover {
	background: #e9ebee;
}

.twodarker {
	background: #A8b1bd;
}

.twodarker:hover {
	background: #d3d8de;
}

.threedarker {
	background: #929eac;
}

.threedarker:hover {
	background: #bdc5cd;
}

.fourdarker {
	background: #7c8b9c;
}

.fourdarker:hover {
	background: #a8b1bd;
}

.findtable {
        color: black !important;
        background: linear-gradient(9deg, #d3d8de, white 20%);
}

.findtable:hover {
        background: linear-gradient(9deg, #d3d8de, white 20%);
}


.menurowhead {
        font-size: 24px !important;
        font-weight: 600 !important;
        opacity: 0.5;
        padding: 5px 5px 0px 20px !important;
        cursor: default;
        letter-spacing: 6px;
}

.listlink {
        margin-left: 15px;
        padding-right: 10px;
        text-decoration: none !important;
        transition: 200ms ease-in-out;
        font-weight: 600;
        white-space: nowrap;
}
.dublink {
        margin-left: 0px;
        margin-right: 15px;
        font-weight: normal;
        text-decoration: none !important;
        transition: 200ms ease-in-out;
        white-space: nowrap;
}

.formlink {
        margin-left: 15px;
        padding-right: 10px;
        text-decoration: none !important;
        transition: 200ms ease-in-out;
        white-space: nowrap;
}


.darkhover {
	color: black;
	text-decoration: none !important;
	transition: 200ms ease-in-out;
}
.darkhover:hover {
        text-shadow: 0px 0px 1px black;
 }
.darkhover:visited {
	color: #666666;
}
.darkhover:visited:hover {
	text-shadow: 0px 0px 1px #666666;
}


.applink {
	color: black;
	font-weight: 600;
	text-decoration: none !important;
	transition: 200ms ease-in-out;
}
.applink:hover {
        text-shadow: 0px 0px 1px black;
 }
.applink:visited {
	color: #823230;
}
.applink:visited:hover {
	text-shadow: 0px 0px 1px #823230;
}


/* PRINTED FORM STYLES */
.form_heading  {
        font-size:20px;
}
.form_heading_2 {
        font-size:12px;
}
.form_heading_sub {
        font-size: 12px;
}
.icf_heading {
        font-size:12px;
}
.icf_table {
        font-size:12px;
        font-weight: 600;
}

.bold {font-weight: 600;}

.nobold {
        font-weight: normal;
}

.boldital {
        font-weight: 600;
        font-style: italic;
}

.display_info {
        text-decoration:underline;
}

.privacy_font {
        font-size:12px;
}

.shade {
        padding-bottom: 1px;
        font-weight: 600;
        background: #cccccc;
}

.liteshade {
	background: #e6e6e6
}

.parenfont {
        font-size: 9px;
        font-style: italic;
        font-weight: normal;
}

.printedfield {
        font-weight: normal;
        font-size: 11px;
}

.inprocess {
	font-weight: 600;
	color: #b32400;
}

.cert-deny {
	font-weight: 600;
	color: #006600;
}

.withdrawn {
	font-weight: 600;
	color: #666600;
}

.cerdedone {
	font-weight: 600;
	color: #0000CC;
}

.cerdepend {
	font-weight: 600;
	color: #992600;
}

.cert-9198 {
	font-weight: 600;
	color: #99004d;
}

.warnFEIN {
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
}



/* Modal Styles */
.topmodal {
        display: none;
        position: fixed;
        z-index: 3;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto; /* scroll enabled if nec */
        background-color: rgba(0,0,0,0.4);
        -webkit-animation-name: fadeIn;
        -webkit-animation-duration: .2s;
        animation-name: fadeIn;
        animation-duration: .2s;
 }

.topmodal-content {
        background-color: #FFFFFF;
        position: fixed;
	font-size: 16px;
        top: 10%;
        left: 0px;
        right: 0px;
        width: 50%;
        margin: auto;
        overflow-x: hidden;
        overflow-y: auto;
        border: 2px solid #263e5a;
	border-radius: 20px;
        padding: 20px;
        -webkit-animation-name: fadeIn;
        -webkit-animation-duration: 0.2s;
        animation-name: fadeIn;
        animation-duration: 0.2s;

  }



/* STYLES FROM CONSULT MAIN */

.subheading {
        font-size: 20pt;
        font-color: #293352;
        background-color: #e6e6e6;
}
.greyed {
        background-color: #e6e6e6;
}


/* VARIABLE STYLES FOR STATES */
:root {
  --AL_top: #823230 !important;
  --AL_mid: #263e5a !important;
  --AL_bot: #4470a2 !important;

  --AR_top: #823230 !important;
  --AR_mid: #263e5a !important;
  --AR_bot: #4470a2 !important;

  --CO_top: #c3002f !important;
  --CO_mid: #001970 !important;
  --CO_bot: #245d38 !important;

  --GA_top: #0c323b !important;
  --GA_mid: #257e86 !important;
  --GA_bot: #bece32 !important;

  --ID_top: #823230 !important;
  --ID_mid: #263e5a !important;
  --ID_bot: #4470a2 !important;

  --OK_top: #823230 !important;
  --OK_mid: #263e5a !important;
  --OK_bot: #4470a2 !important;

  --OR_top: #823230 !important;
  --OR_mid: #263e5a !important;
  --OR_bot: #4470a2 !important;

  --PR_top: #e4BD43 !important;
  --PR_mid: #119045 !important;
  --PR_bot: #1A2955 !important;

  --SC_top: #293959 !important;
  --SC_mid: #07579b !important;
  --SC_bot: #82a6c5 !important;

  --VI_top: #823230 !important;
  --VI_mid: #263e5a !important;
  --VI_bot: #4470a2 !important;

  --VT_top: #003300 !important;
  --VT_mid: #007834 !important;
  --VT_bot: #6aa889 !important;

  --WV_top: #823230 !important;
  --WV_mid: #263e5a !important;
  --WV_bot: #4470a2 !important;

}


#ga_top {
	border: 5px solid #0c323b !important;
}
#ga_mid {
	border: 5px solid #257e86 !important;
}
#ga_bot {
	border: 5px solid  #bece32 !important;
}

#sc_top {
 	border-color: #293959 !important;
}
#sc_mid {
	border-color: #07579b !important;
}
#sc_bot {
	border-color: #82a6c5 !important;
}

#vt_top {
	border: 5px solid #003300 !important;
}
#vt_mid {
	border: 5px solid #007834 !important;
}
#vt_bot {
	border: 5px solid  #6aa889 !important;
}


#vi_top {
	border-color: #003300 !important;
}
#vi_mid {
	border-color: #007834 !important;
}
#vi_bot {
	border-color: #6aa889 !important;
}

#pr_top {
	border-color: #f89a5c !important;
}
#pr_mid {
	border-color: #7ac142 !important;
}
#pr_bot {
	border-color: #5985c4 !important;
}

.eligarrow {
        float: right;
        text-align: right;
        font-size: 16px;
        color: #5189e5;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
}

.eligarrow:hover{
        text-decoration: none;
        color: #0d1e47;
}

.eligaccordipanel {
        height: auto;
        background-color: transparent;
        z-index: inherit;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
}