@charset "utf-8";
/* Yahoo CSS Reset+Base 3.3.0.3167 - modified to remove font hacks and li reset  */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* Main Layout */
html { height: 100%; }
body { height: 100%; font-size: 100%;  overflow-y: scroll;  }
#wrapper {
	width: 980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -6.2em;
	position: relative;
}
#wrapper .push { height: 6.2em; clear: both; }

#header {height:75px;}
#header .logo {display:block; margin-left:18px; float:left;}
#header .links {margin-right:18px; list-style-type:none; float:right; font-family: 'Trebuchet MS', Helvetica, sans-serif;}
#header .links li {margin:0 5px; float:left; line-height: 1.5em;}
#header .links li a {display:block; padding:2px 9px; font-size:0.9em; border:1px solid #ffffff;}
#header .links li a:hover {padding:2px 9px; background-color:#FF4200; border:1px solid #c23605; color:#ffffff; text-shadow:#c23605 0px -1px 0px; border-radius:6px;}
#header .links li.loginstatus { clear: left; }
#header .links li.loginstatus span {display:block; padding:2px 9px; font-size:0.8em;;}
#header a {color:black;text-decoration:none; }

#top-nav {position:relative; background:#504E4E url('p233.php') left -74px repeat-x; overflow:hidden;}
#top-nav ul {list-style-type:none; font-family:'Trebuchet MS', Helvetica, sans-serif;}
#top-nav li {width:128px; padding:8px 0; text-align:center; float:left;}
#top-nav li.wide {width:170px;}
#top-nav li.narrow {width:100px;}
#top-nav li a {font-size:1em; color:#f0f0f0; text-shadow:#000000 -2px -2px 0px,#000000 2px 2px 0px;text-decoration:none;}
#top-nav li a:hover {text-shadow:none; color:#ffffff;}
#top-nav li a.selected {color:#FFA500;}
#top-nav li a.selected:hover {color:#FFAE2D;}
#top-nav .left-corner {width:7px; height:36px; position:absolute; top:0; left:0; background:url('p233.php') center left no-repeat;}
#top-nav .right-corner {width:7px; height:36px; position:absolute; top:0; right:0; background:url('p233.php') top left no-repeat;}

#returnToFrameMessage {
	display: none;
	visibility: hidden;
	padding: 2em;
	font-weight: bold;
	font-size: larger;
	margin: auto 2em;
	text-align: center;
}

#banner {width:980px; height:295px; padding-bottom:17px; position:relative; background:url('p237.php') no-repeat;}
#banner .logo {width:624px; margin:0 140px; text-align:center;}
#banner .logo p {width:12em; margin:0 160px; font-size:27px; color:#ffffff; text-shadow:#FF0000 -1px 3px 0px; font-family: 'Trebuchet MS', Helvetica, sans-serif;}
#banner .stores {position:absolute; top:38px; left:48px;}
#banner .services {position:absolute; top:38px; right:38px;}
#banner .banner-bottom {width:100%; height:17px; position:absolute; left:0; bottom:0; background:url('p236.php') repeat-x;}
#banner .banner-bottom .left-corner {width:5px; height:17px; position:absolute; top:0; left:0; background:url('p236.php') center left no-repeat;}
#banner .banner-bottom .right-corner {width:5px; height:17px; position:absolute; top:0; right:0; background:url('p236.php') bottom left no-repeat;}

#content {padding:20px 0; overflow:visible;}
#content.home {padding:0;}
#content.sides {padding:20px 20px;}
#content.adminsides {padding:5px 5px;}
#content h1 { margin-bottom:1em; font-size:1.3em; color:#FF0000; font-weight:bold;}
#content h2 {margin-bottom:1em; font-size:1.15em; color:#FF7500; font-weight:bold;}
#content h3 {margin-bottom:1em; font-size:1em; color:#CF9500; font-weight:bold;}
#content h4 {margin-bottom:1em; font-size:0.938em; color:#000000; font-weight:bold;}
#content p {font-size:1em; line-height:1.625em;}
#content p.bold {font-weight:bold;}
#content a {color:#4169E1; text-decoration:underline;}
#content a:visited {color:#990099;}
#content a:hover {color:#FF0000;}
#content strong { font-weight: bold; }
#content em { font-style: italic; }

#content table.info {width:100%; border-top:1px solid #DDDDDD;}
#content table.info td {width:33%; padding:15px 20px 0 20px; vertical-align:top; background:url('p232.php') top right no-repeat;}
#content table.info td.last {background-image:none;}
#content table.info td p.bold {margin-bottom:5px;}
#content table.info td .button {margin:0 auto;}
#content table.info td ul {margin-left:20px; font-size:0.75em;}
#content table.info td ul li {margin-bottom:10px;}

#content a.button {display:inline-block; padding:18px 30px; position:relative; font-size:1.25em; font-weight:bold; color:#ffffff; background:#ff9000 url('p238.php') left -104px repeat-x; text-decoration:none;  border-radius:8px;}
#content a.button .left-corner {display:block; width:8px; height:51px; position:absolute; top:0; left:0; background:url('p238.php') center left no-repeat;}
#content a.button .right-corner {display:block; width:8px; height:51px; position:absolute; top:0; right:0; background:url('p238.php') top right no-repeat;}

#content .two-col {padding-bottom:25px; overflow:hidden;}
#content .two-col p {width:300px; margin-right:30px; float:left;}

#content .black-bar {width:980px; height:5.4em; margin-left:-20px; margin-bottom:15px; position:relative; background:#474747 url('p215.php') left bottom repeat-x; border-radius:8px;}
#content .black-bar p {width:600px; padding:19px 0; margin-left:35px; font-size:1em; line-height:2em; color:#FF0000; text-shadow:#000000 -1px 3px 0px;}
#content .black-bar a.button {max-width:250px; position:absolute; top:0.35em; right:28px;}
#content .black-bar .left-corner {width:13px; height:79px; position:absolute; bottom:0; left:0; background:url('p214.php') bottom left no-repeat;}
#content .black-bar .right-corner {width:13px; height:79px; position:absolute; bottom:0; right:0; background:url('p214.php') top left no-repeat;}

#content .left-nav {width:148px; padding:13px 0; position:relative; background-color:#221f1f; float:left;}
#content .left-nav ul {list-style-type:none;}
#content .left-nav ul li {border-top:1px solid #7C7C7C;}
#content .left-nav ul li.last {border-bottom:1px solid #7C7C7C;}
#content .left-nav ul li a {display:block; padding:3px 15px; color:#ffffff; font-family: 'Trebuchet MS', Helvetica, sans-serif; text-decoration:none;}
#content .left-nav ul li a:hover {background-color:#FF0000; text-shadow:#c23605 0px -1px 0px;}
#content .left-nav ul li a.selected {color:#FFA500;}
#content .left-nav ul li a.selected:hover {color:#FFFFFF;}
#content .left-nav .top-corner {width:148px; height:8px; position:absolute; top:0; left:0; background:url('p225.php') top left no-repeat;}
#content .left-nav .bottom-corner {width:148px; height:8px; position:absolute; bottom:0; left:0; background:url('p225.php') bottom left no-repeat;}

#content #support, #content #main-col {width:792px; float:right;}

#content #support .breadcrumbs, #content #main-col .breadcrumbs {padding-bottom:10px; border-bottom:1px solid #DDDDDD; font-family: 'Trebuchet MS', Helvetica, sans-serif; }
#content #support .breadcrumbs .arrow, #content #main-col .breadcrumbs .arrow {font-size:1.167em;}
#content #support .breadcrumbs a, #content #main-col .breadcrumbs a {color:#000000; text-decoration:none;font-size: 0.8em;}
#content #support .breadcrumbs a:hover, #content #main-col .breadcrumbs a:hover {text-decoration:underline;}
#content #support .breadcrumbs img, #content #main-col .breadcrumbs img {vertical-align: middle;}

#content #support .left-col {width:492px; padding-top:10px; float:left;font-size:0.84em;}
#content #support .left-col ul, #content #support .left-col ol {margin-left:20px;}
#content #support .left-col ul li, #content #support .left-col ol li {margin-bottom:10px;}
#content #support .left-col li li, #content #support .left-col li li {font-size:1em;}

#content #support .right-col {width:240px; margin-left:30px; padding-top:10px; padding-left:30px; font-size:1em; background:url('p239.php') top left no-repeat; float:right;}
#content #support .right-col .topic {margin-bottom:10px; font-size:0.938em; color:#FFA500;}
#content #support .right-col .current {font-size:0.938em; color:#000000;}
#content #support .right-col .date {margin-top:20px; font-size:0.688em; color:#6D6E71; font-style:italic;}
#content #support .right-col .feedback {margin-top:10px; font-size:0.688em; font-style:italic; text-decoration:underline;}
#content #support .right-col .related {margin-top:35px; margin-bottom:5px; font-size:0.688em; color:#FFA500;}
#content #support .right-col .related-links {font-size:0.688em;}
#content #support .right-col a {display:block; margin-bottom:5px;}

#content #main-col .breadcrumbs {margin-bottom:10px;}
#content #main-col .settings-box {width:574px; margin-bottom:20px; padding:13px 40px 22px 20px; position:relative; background:url('p229.php') repeat-y}
#content #main-col .settings-box .box-top {width:634px; height:13px; position:absolute; top:0; left:0; background:url('p229.php') center top no-repeat;}
#content #main-col .settings-box .box-bottom {width:634px; height:22px; position:absolute; bottom:0; left:0; background:url('p229.php') right top no-repeat;}
#content #main-col .settings-box table {width:100%; padding:5px 0; position:relative;}
#content #main-col .settings-box table td {padding:5px 0; vertical-align:middle;}
#content #main-col .settings-box table td.label {width:175px; padding-top:11px; padding-right:15px; font-size:0.75em; font-weight:bold; text-align:right; vertical-align:top;}
#content #main-col .settings-box table td input, #content #main-col .settings-box table td select  {width:260px; padding:4px; border:1px solid #000000; font:12px Arial, Helvetica, sans-serif;}
#content #main-col .settings-box table td select {width:270px;}
#content #main-col .settings-box table td .radio {width:175px; padding:2px 0; float:left;}
#content #main-col .settings-box table td .radio input {width:auto; border:0;}
#content #main-col .settings-box table td .radio label {font-size:0.75em;}
#content #main-col .settings-box table td.more-info {padding:5px 10px; background-color:#efefef;}
#content #main-col .submit {width:634px;}
#content #main-col .submit  input{width:100px; height:26px; margin:0 10px; font-size:15px; color:#ffffff; background:url('p230.php') no-repeat; border:0; float:right; cursor:pointer;}

#content #full-width {clear:both;}

footer {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

	/* Set position/z-index to keep it above the push div */
	position: relative;
	z-index: 99;
	/* TODO: change to 2px margin and no max-width */
	max-width: 976px;
	margin: 1em auto 10px auto;
	padding: 0.5em;

	background: rgb(64,64,64);
	background: linear-gradient(0deg, rgba(64,64,64,1) 0%, rgba(19,19,19,1) 25%, rgba(19,19,19,1) 66%, rgba(73,73,73,1) 100%);
	box-shadow: 0 7px 10px 1px #bebebe;
	border-radius: 8px;
}
footer div.logo {
	margin-right: 1.3ex;
}
footer a:link, footer a:visited {
	color: #f0f0f0;
	text-decoration: none;
	padding-right: 1.3ex;
	white-space: nowrap;
	line-height: 1.5em;
}
footer a:hover, footer a:active {
	color: #ffffff;
}
footer span.copyright {
	color: #f0f0f0;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: center;
}
/* Bootstrap 5.0 X-Small breakpoint */
@media only screen and (max-width : 576px) {
	footer .HideInXS {
		display: none;
		visibility: hidden;
	}
}

/* Common styles */
div.prose address { margin-left: 6ex; }

/*
div.prose label {
	background-color: #F0F0F0;
	color: #000000;
}
*/

/* Footnotes */
sup { font-size: x-small; font-weight: normal; }

/* registered trademark */
span.reg { font-size: 70%; vertical-align: top; }

/* prose - lengthy text */
div.prose { margin: 0px 0px 0px 1ex; padding: 0; }
div.prose ul, div.prose ol { margin: 0px 0px 1em 4ex; padding: 0;  }
	div.prose ul ul, div.prose ul ol, div.prose ol ol, div.prose ol ul,
	div.prose ol dl, div.prose ul dl {
		margin-bottom: 0em; margin-top: 0em; }
div.prose li { text-align: justify; margin: 0; padding: 0; line-height: 1.625em; }
div.prose dt {
	font-weight: bold; margin-top: 0.6em; line-height: 1.625em;
	margin-left: 0.2em;
	text-align: justify;
}
div.prose dd {
	text-align: justify;
	margin-left: 1em;
	margin-bottom: 1em;
	font-weight: normal;
	margin-top: 0em;
	line-height: 1.625em;
}
	div.prose dd p { margin: 0px 0px 1em 0px; text-indent: 0px; width: auto; }

div.prose ol dt { text-align: justify; margin: 0.5ex 0ex 0ex 1ex; width: auto; }
div.prose ol dd { text-align: justify; margin: 0ex 0ex 0ex 3ex; width: auto; }

div.prose p {
	text-align: justify;
	margin: 1em 0px 1em 2ex;
	text-indent: 2ex;
}
div.prose code {
	white-space: pre-wrap;
}
div.prose pre {
	white-space: pre-wrap;
	margin: 1em 5ex 1em 5ex;
}
div.prose blockquote {
	text-align: justify;
	margin: 1em 5ex 1em 5ex;
	border-left: 3px solid #ccccff;
	padding-left: 2ex;
	margin-left: 3ex;
}
div.prose cite {
	font-size: small;
}
div.prose table.accountform { margin-right: 1ex; }
div.prose ul.twocol li { float: left; }

div.prose ul.FlexLinkList {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type: none;
}
div.prose ul.FlexLinkList li {
	margin: 0em 1em;
	padding: 0.4em 1em;
}

/* Terms of service */
#content ol.tos { 
	font-family: 'Courier New','Courier',monospace;
	width: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: auto;
	max-width: 38em;
	margin-left: 0;
}
#content ol.tos li {
	margin-top: 1em;
	margin-bottom: 1em;
	list-style-type: upper-roman;
}
#content ol.tos li p { margin: 0; }

/* Navigation header styles */
table.tabs { table-layout: fixed; }
table.tabs td.logocell { width: auto; padding-bottom: 6px; }
table.tabs td.active   { background-color: #B2C4DD; color: inherit; border-bottom: 1px solid #B2C4DD; }
table.tabs td.content  { text-align: center; font-weight: bold; }
table.tabs td.corner   { height: 7px; width: 7px; }
table.tabs td.edge     { height: auto; width: 7px; }
table.tabs td.upper    { height: 7px; width: auto; }
table.tabs td.spacer   { height: auto; width: 7px; border-bottom: 1px solid #999999; }
table.tabs td.inactive { background-color: #C8C8C8; color: inherit; border-bottom: 1px solid #C8C8C8; }

table.tabs td.content  { border-bottom: 1px solid #999999; }
table.tabs td.edge     { border-bottom: 1px solid #999999; }
table.tabs td.active   { border-bottom: 1px solid #B2C4DD; }

table.tabs td.no-second-level { border-bottom: 2px solid #7F7F7F; }
table.tabs td.second-level { text-align: left;
	background-color: #B2C4DD; color: inherit; padding: 4px 0px 4px 2em;
}

div.tablink { padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.4ex; }
div.topRightLinks { text-align: right; margin-bottom: 5px; }
div.loggedInUser { text-align: right; font-size: smaller; }

/* Miscellaneous */
div.administrativeNoticeBox { text-align: center; font-style: italic; padding: 6px;
	font-weight: bold; color: #990000;  background-color: inherit; font-size: 11pt; }

img.websiteScreenshot { border: 7px ridge black; }

/* Tables */
table.accountform {
	border-collapse: separate;
	border: 1px solid #555;
	padding: 8px;
	border-radius: 6px;
	box-shadow: 5px 5px 10px 0px #D0D0D0;
	padding: 12px;
	font-size: 0.8em;
}
table.accountform td {
	padding: 4px 4px;
}
table.accountform th {
	background-color: white; color: black;
	padding: 4px 8px;
	text-align: right;
	font-weight: bold;
}
table.control {
	border-collapse: separate;
	border: none;
	border-radius: 6px;
	box-shadow: 0px 0px 0px 0px white;
	padding: 0px;
}

 table.accountform td.control
,table.listing2 td.control
,table.detailview td.control
{
	text-align: center;
	background-color: white; color: black;
	padding-top: 12px;
}

 table.accountform td.control input[type=button]
,table.listing2 td.control input[type=button]
,table.detailview td.control input[type=button]

,table.accountform td.control input[type=reset]
,table.listing2 td.control input[type=reset]
,table.detailview td.control input[type=reset]

,table.accountform td.control input[type=submit]
,table.listing2 td.control input[type=submit]
,table.detailview td.control input[type=submit]

,table.accountform td.control button
,table.listing2 td.control button
,table.detailview td.control button

,input.control
{
	margin: 0 0.3em;
	padding: 0.3em 1em;
}

 table.accountform input[type=text]
,table.listing2 input[type=text]
,table.detailview input[type=text]

,table.accountform input[type=password]
,table.listing2 input[type=password]
,table.detailview input[type=password]

,table.accountform textarea
,table.listing2 textarea
,table.detailview textarea

,table.accountform select
,table.listing2 select
,table.detailview select
{
	border: 1px solid #555;
	padding: 5px 8px;
	border-radius: 3px;
}

 table.accountform input[type=radio]
,table.listing2 input[type=radio]
,table.detailview input[type=radio]
,table.accountform input[type=checkbox]
,table.listing2 input[type=checkbox]
,table.detailview input[type=checkbox]
{
	margin: 2px 6px;
}

 table.accountform label
,table.listing2 label
,table.detailview label
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 10px;
}

/* Multi-part forms */
form.multipartform table.accountform { margin-bottom: 2em; width: 95%; }
form.multipartform table.accountform th { width: 23%; }
form.multipartform h3 { font-weight: normal; }

/* Listing tables (version 2)  */
table.listing2 {
	border-collapse: collapse;
	margin: 1.3em 0;
}
table.listing2 td {
	padding: 2px 6px 2px 6px;
	border: 1px solid white;
}
table.listing2 th {
	background-color: #D7D7D7; color: black;
	padding: 2px 6px 2px 6px;
	border: 1px solid white;
	text-align: center;
	font-weight: bold;
}
table.listing2 tr.r0 td {
	color: black;
	background-color: white;
}
table.listing2 tr.r1 td {
	color: black;
	background-color: #E0E3FC;
}
table.listing2 tr.r2 td {
	color: black;
	background-color: #FCFCE0;
}
/* filtered products style (darkred and strike-through text)*/
table.listing2 tr.r1 td.f,
 table.listing2 tr.r0 td.f,
 dd.f, dt.f, th.f, span.filtered {
	text-decoration: line-through;
	color: #8b0000;
}
/* field disabled = 'flddis' style (gray text) */
table.listing2 tr.r1 td.flddis,
table.listing2 tr.r0 td.flddis,
table.listing2 th.flddis,
dd.flddis, dt.flddis, th.flddis, span.flddis {
	color: #8b8b8b;
}
/* disabled and filtered style (faded-darkred text) */
table.listing2 tr.r1 td.f.flddis,
table.listing2 tr.r0 td.f.flddis,
dd.f.flddis, dt.f.flddis, th.f.flddis, span.filtered.flddis
{
	color: #c57f7f;
}

/* two-column forms and detail views */
table.detailview {
	border-collapse: separate;
	border: 1px solid #555;
	padding: 8px;
	border-radius: 6px;
	box-shadow: 5px 5px 10px 0px #D0D0D0;
	padding: 12px;
	font-size: 0.8em;
}
table.detailview td {
	padding: 4px 8px 4px 8px;
	border: 1px solid white;
}
table.detailview th {
	color: black;
	font-weight: bold;
	background-color: inherit;
	padding: 4px 8px 4px 8px;
	border: 1px solid white;
	text-align: right;
}
table.detailview td.control {
	color: black;
	background-color: inherit;
	padding: 8px 14px 8px 14px;
	text-align: right;
}


/* Tasks table */
table.tasks {
	border-collapse: collapse;
}
table.tasks th {
	background-color: #D7D7D7; color: black;
	padding: 3px 6px 3px 6px;
}
table.tasks td {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
}
table.tasks tr.r0 td {
	color: black;
	background-color: white;
}
table.tasks tr.r1 td {
	color: black;
	background-color: #E0E3FC;
}
table.tasks td.icon {
	width: 100px;
	padding: 6px;
	text-align: center;
	font-size: smaller;
	line-height: 1.6;
}
table.tasks td.info {
	padding: 6px;
	line-height: 1.3;
	vertical-align: top;
}

/* Administration Pages */
a.editquestionlink { font-size: smaller; text-decoration: none; float: right; padding-right: 1ex; }
table.admin { border-collapse: collapse; padding: 1px; margin-top: 6pt; margin-right:4px; }
table.admin tr:nth-child(odd) td { color: black; background-color: #F0E3DA; }
table.admin th { border: 1px solid #EFEFEF; padding: 2px 3px; font-size: 9pt; color: white; background-color: #20385e; }
table.admin td { border: 1px solid #EFEFEF; padding: 2px 3px; font-size: 9pt; }
table.admin td.controls { background-color: #C9C2C4; text-align: center; padding: 6px; color: inherit; }
table.admin td.controls input, table.admin td.controls select, table.admin td.controls button { padding: 4px 8px; font-size: larger; }
table.admin td.selected { background-color: #C92224; padding: 3px; color: white; }
table.admin td.number { font-family: 'Courier New',monospace; 
	font-size: 8pt; text-align: right; padding: 1px 4px; }

table.financial td { text-align: right; }
table.center td { text-align: center; }
table.transposed th { text-align: right; padding-right: 1ex; padding-left: 3ex; }
table.nowrap td { white-space: nowrap; }

/* Custom CSS for a more compact navbar */
nav.navbar-admin {
	padding: 0.25rem 0.5rem; /* Adjust top and bottom padding */
}

nav.navbar-admin .navbar-nav .nav-link {
	font-size: 0.8rem; /* Adjust link font size */
	padding: 0.1rem 0.5rem; /* Adjust link padding */
}
#content nav.navbar-admin a:hover {
	color: white;
}
#content nav.navbar-admin a.active {
	color: white;
}
#content nav.navbar-admin a.active:visited {
	color: white;
}

/* Admin links */
h2.adminlinks {
	display: block;
	width: auto;
	float: left;
	padding: 0.8em 14px;
	margin: 4px;
}
ul.adminlinks {
	margin: 4px;
	list-style-type: none;
	padding: 0px;
	width: 95ex;
}
ul.adminlinks li {
	margin: 2px 1px;
	padding: 0;
	width: auto;
	float: left;
	text-align: center;
	white-space: nowrap;
	height: 1.35em;
	font-size: 11pt;
	line-height: normal;
}
#content ul.adminlinks li a {
	background-color: #fefefe;
	color: #4169E1;
	padding: 2px 10px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}
#content ul.adminlinks li a:hover {
	background-color: #e0e0e0;
	color: #4169E1;
	text-decoration: none;
}
ul.adminlinks li a, ul.adminlinks li span, ul.adminlinks li img, ul.adminlinks li button {
	vertical-align: middle;
	font-size: 90%;
}
ul.adminlinks li.title {
	background-color: #e0e0e0;
	color: inherit;
	text-align: left;
	width: auto;
	padding: 0px 10px;
	font-weight: bold;
	vertical-align: middle;
	border-radius: 4px;
}
ul.adminlinks li.selected {
	background-color: #ccf;
	color: inherit;
}
ul.adminlinks li a { text-decoration: none; }

/* purchase credit table */
table.PurchaseCredit { border-collapse: collapse; }
table.PurchaseCredit th { text-align: right; padding: 4px 12px; font-weight: normal; }
table.PurchaseCredit td { text-align: right; padding: 4px 4px; }

/* two-column layout for frequency radio buttons */
#FrequencyRadio
{
	width: 60ex;
}
#FrequencyRadio label
{
	float: left;
	width: 27ex;
	display: block;
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin: 1px 5px;
	white-space: nowrap;
	border-radius: 3px;
	background-color: white;
}

/* help icons */
div.helpicon { 
	display: block; width: 24px; height: 24px;
	border: 0; margin: 0; padding: 0;
	cursor: pointer;
	background-image: url('p28.php'); }
div.helpicon:hover {
	background-image: url('p29.php'); }

div.helpiconlarge { 
	display: block; width: 32px; height: 32px;
	border: 0; margin: 0; padding: 0;
	cursor: pointer;
	background-image: url('p62.php'); }


/* Help buttons and 'click' label */
table.accountform tr.header td.help,
table.accountform td.help {
	text-align: right;
	padding: 0em 16px 0.5em 0ex;
	font-weight: bold;
	font-size: smaller;
	border-top: none;
}
table.accountform tr.header td.help a,
table.accountform td.help a {
	color: #000066;
	text-decoration: underline;
}


/* Help text in form */
table.accountform tr.help td {
	color: inherit;
	background-color: #EDEDDF;
	padding-bottom: 0.5em;
	padding-left: 5ex;
	padding-right: 5ex;
}
table.accountform tr.help p {
	font-size: smaller;
	text-align: justify;
	margin: 0.3ex;
}

/* Section headers in form */
table.accountform tr.header td,
table.accountform tr.header th
{
	background-color: transparent;
	border-top: none;
	text-align: left;
	padding: 0px;
}
table.accountform tr.header th div
{
	margin: 0;
	padding: 1.6em 0ex 4px 1ex;
	background-color: white;
	color: #FFA500;
	width: auto;
	text-align: left;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	white-space: nowrap;
}


/* form post errors */
div.prose p.SubmitMessage, p.SubmitMessage {
	background-color: inherit;
	border-top: 6px solid;
	border-bottom: 6px solid;
	padding: 1rem;
	max-width: 80ex;
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-weight: bold;
	text-indent: 0;
}

p.SubmitError {
	color: red;
	border-color: red;
}

p.SubmitSuccess {
	color: green;
	border-color: green;
}

/* New navigation bar */
#navcontainer
{
	width: 100%;
	float: left;
	background-color: #FFFFFF;
	margin-bottom: 22px;
}

#navcontainer ul { padding: 0; width: 100%; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
	margin: 0;
	padding: 10px 0 0 0;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-weight: normal;
}

#navcontainer ul li a
{
	padding: 0.4em 12px;
	margin-right: 3px;
	background-color: black;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	border-radius: 5px;
	font-size: smaller;
	box-shadow: 0px 1px 2px black;
}

#navcontainer ul li a:hover
{
	background-color: #FF0000;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 #C23605;
}
#navlist li.active a
{
	background-color: #666666;
}
#navlist li a:hover, #navlist li a:active
{
	color: #FFFFFF;
	text-decoration: none;
	background: #CC3333;
	text-align: left;
}
#navcontainer ul li a:visited
{
	color: #FFFFFF;
}

/* VERTICAL MENU */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 148px;
}

#nav li { /* all list items */
	position : relative;
	float : left;
	margin-bottom : -1px;
	width: 148px;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 148px;
	margin-top : -1.7em;
}
#nav li ul li { /* second-level list items */
	width: 33ex;
	border-left: 1px solid white;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#nav li a {
	display : block;
	color : white;
	background-color: black;
}

#nav li.sep {
	background-color: #D7D7D7;
	height: 3px;
}

#nav li.selected a {
	background-color: #505050;
}

#nav li a:hover {
	color : white;
	background-color: black;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* END VERTICAL MENU */


/* BREADCRUMBS */
h1.breadcrumbs { 
	font-size: 15pt;
	color: black;
	background-color: white;
	font-weight: normal;
	margin-left: 4px;
}
h1.breadcrumbs a,
h1.breadcrumbs a:visited { 
	font-size: 12pt;
	color: blue;
	background-color: white;
	vertical-align: middle;
}
h1.breadcrumbs a:hover {
	font-size: 12pt;
	color: darkblue;
	background-color: white;
	vertical-align: middle;
}
h1.breadcrumbs img {
	vertical-align: middle;
}
h1.breadcrumbs i {
	font-size: 12pt;
	vertical-align: middle;
	font-style: normal;
}
h1.breadcrumbs span.title {
	color: #996522;
	background-color: white;
	font-weight: bold;
	vertical-align: middle;
}

/* Support Articles */
table.bingcategories td, table.bingcategories th
{ 
	font-size: small; padding: 3px 3ex; text-align: center;
}
table.bingcategories th
{ 
	font-weight: bold;
}

pre.DisplayUrlHelp span.r { color: black; background-color:#FFCCCC; }
pre.DisplayUrlHelp span.g { color: black; background-color:#CCFFCC; }
pre.DisplayUrlHelp span.b { color: black; background-color:#CCCCFF; }

/* shopping engine suggestions */
ol.suggestions li
{
	font-weight: bold;
}
ol.suggestions li div
{
	font-weight: normal;
	text-indent: 1ex;
}

/* service message, warning, alert, notice */
div.prose p.ServiceMessage {
	color: #8B3626;
	background-color: #FCF8DC;
	font-size: large;
	font-weight: bold;
	padding: 1em;
	text-align: center;

	border-radius: 15px;
	
	border: 1px solid #999999;
}

/* transcripts */
dl.transcript dt.shawna { color: green; }
dl.transcript dt.shailesh { color: red; }

/* https://www.bestcssbuttongenerator.com/#/28 */
#content .AdminButton {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
#content .AdminButton:hover:enabled {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
#content .AdminButton:active:enabled {
	position:relative;
	top:1px;
}
#content .AdminButton:disabled {
	box-shadow: none;
	text-shadow: none;
	opacity: 0.7;
}


ul.CheckBoxList { list-style-type: none; }
ul.CheckBoxList li::before { content: "\25A2"; margin-right: 0.5em; }

.ButtonWithIcon {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px 8px;
}
.ButtonWithIcon img {
	padding-bottom: 2px;
}

/* CSS Document for Adaptive Mobile Feature */
@media only screen and (max-width : 968px) {
	body, #wrapper {
		min-width: 320px;
		width: 100%;
	}

	body {
		/*font-size:12px;*/
	}

	.mobileHide {
		display: none;
	}

	.mobileWideOnly {
		display: block !important;
	}

	#header, #top-nav, #banner, #content {
		min-width: 0 !important;
	}

	#top-nav {
		width: 100%;
		padding: 0;
	}

	#banner, #content {
		width: 90% !important;
		padding: 5% !important;
	}

	#header {
		height: auto;
		text-align: center;
		width: 100%;
		margin: 10px 0;
	}

	#header .logo {
		float: none;
		margin-left: 0;
	}

	#header .links {
		float: none;
		max-width: 320px;
		margin: 10px auto 0;
		width: 100%;
	}

	#header .links li {
		margin: 0 1%;
	}

	#top-nav i {
		display: block !important;
		/*float:left;*/
		text-align: left;
		padding: 15px;
	}

	#top-nav ul {
		display: none;
		padding-left: 15px;
	}

	#top-nav ul li {
		display: block;
		margin: 10px 0 !important;
		text-align: left;
	}

	#top-nav li, #top-nav li.narrow {
		float: none;
		width: 100%;
	}

	#banner {
		height: auto;
	}

	#banner .logo {
		width: 100%;
		margin: 0;
	}

	#banner .logo img {
		width: 100%;
	}

	#banner .logo p {
		width: 100%;
		margin: 0;
	}

	#banner .stores {
		position: relative;
		text-align: center;
		left: 0;
		top: 0;
		margin-top: 10px;
	}

	#banner .services {
		position: relative;
		text-align: center;
		right: 0;
		top: 0;
	}

	#content .two-col p {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	#content .black-bar {
		width: 100%;
		margin-left: 0;
		height: auto;
		text-align: center;
	}

	#content .black-bar p {
		width: 100%;
		margin-left: 0;
	}

	#content .black-bar a.button {
		position: relative;
		top: 0;
		right: 0;
		margin-bottom: 30px;
	}

	div.prose {
		margin: 0;
	}

	div.prose p {
		width: 100%;
		margin: 0;
	}

	#content .left-nav {
		width: 100%;
	}

	#nav, #nav ul {
		width: 100%;
	}

	#nav li ul {
		position: relative;
		left: 0;
		margin-left: 20px;
		margin-top: 0;

	}

	#nav li {
		width: 100%;
	}

	#nav li ul li {
		width: 92%;
	}

	#content #support, #content #main-col {
		width: 100%;
	}

	#content #support .left-col {
		width: 100%;
	}

	#content #support .right-col {
		width: 95%;
		margin-left: 0;
		padding-left: 5%;
	}

	div.prose dt {
		width: 99%;
	}

	div.prose dd {
		width: 97%;
	}

	div.prose ul, div.prose ol {
		width: 88%;
	}

	div.prose pre {
		margin: 0;
	}
}
/* FontAwesome Overrides */
@keyframes rotateSpinner {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(90deg);
	}
	50% {
		transform: rotate(180deg);
	}
	75% {
		transform: rotate(270deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.fa-spinner {
	animation: rotateSpinner 4s linear infinite;
}

/* Use line-clamp to display 3 lines before showing ellipses */
.ExpandableDescription
{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}