/* styles.css for JPAG
	(c) Naz Rajan 2012 naz@nazrajan.com
	Version Naz.2023.1206


/* standard classes -- 1em=16px */
html, body		{ margin:0; padding:0; height:100vh; }
body			{ font-size:0.875em; color:black; font-family:Arial, Helvetica, Verdana, sans-serif; background-color:white; background-image: url(images/bgscreen.png); background-repeat: repeat-x; }

a 						{ color:#A14645;}
a:hover 				{ color:#A14645; text-decoration:underline; }
.anchorw 				{ color:white;}
.anchorw:hover 			{ color:#A14645; text-decoration:underline; }
.heading				{ font-size:1.5em; color:#211F6E; font-weight:bold; line-height:normal; }
.body					{ font-size:1.025em; color:black; font-family:Arial, Helvetica, Verdana, sans-serif; line-height:1.5em; }
.bodysmall 				{ font-size:0.825em; }
.footer					{ font-size:0.925em; font-weight:bold; text-align:center; color:white; background-color:#211F6E; }
.strapline				{ font-size:1.25em; font-weight:bold; font-style:italic; color:white; line-height:1.5em; }
.headertext				{ font-size:0.925em; color:#132381; font-style:italic; }
.tcps					{ font-size:0.875em; font-weight:bold; color:white; }
.fieldname 				{ font-size:0.75em; font-weight:bold; }
.enqfield				{ font-size:0.75em; background-color:white; width:250px; height:24px; padding:2px; border-style:groove; }
.enqtextarea			{ font-size:0.875em; background-color:white; width:250px; height:120px; padding:2px; border-style:groove; overflow:auto; }
.stdtextarea			{ font-size:0.875em; background-color:white; width:90%; height:90%; padding:2px; border-style:groove; overflow:auto; }
.table					{ width:100vw; }
.tabledata				{ font-size:0.75em; background-color:#D5F5D5; }
.tabledatab				{ font-size:0.75em; background-color:black; color:white; }
.menu		    		{ font-size:0.75em; font-family: Arial, Helvetica, sans-serif; color:white; font-weight:bolder; letter-spacing:normal; text-decoration:none; }
.menu:hover				{ font-size:0.75em; font-family: Arial, Helvetica, sans-serif; color:#FF1010; font-weight:bolder; letter-spacing:normal; text-decoration:underline; background-color:#679BCD; }
.menuon			    	{ font-size:0.75em; font-family: Arial, Helvetica, sans-serif; color:#A14645; font-weight:bolder; letter-spacing:normal; text-decoration:none; }
.menubg					{ text-align:center; background-color:#464476; padding:0 5px; min-width:80px; }
.menubgon				{ text-align:center; background-color:#B9A06A; padding:0 5px;  min-width:80px; }
.menublank				{ width:35px; background-color:#464476; }
.footnote 				{ font-size:0.75em; color:black; }
.footnote:hover			{ font-size:0.75em; color:black; text-decoration:underline; }
.highlight				{ background-color:#FFEA00; }
.subheading				{ font-size:1.125em; color:#A14645; font-weight:bold; }
.special1				{ font-size:1.125em; color:#A14645; font-weight:bold; }
.infotextarea, .infotextareax	{ background-color:#ECFCFF; color:black; border:1pt solid #eee; padding:3px; }
.infotextareax			{ max-height:300px; overflow:scroll; }

.section1,.section2,.section9
						{ font-size:1.025em; padding:3px 8px; background-color:#21226C; color:white; }
.section2				{ background-color:#9A8037; }
.section9				{ background-color:#388E36; }
.checklist				{ color:black; padding:2px; border-style:groove; overflow:auto; }
.bartable				{ font-size:0.9em; background-color:#F8FCFF; border-bottom:1px solid black; }
.barsection				{ background-color:#F0FBFF; padding:10px; }

.collapsible 			{ cursor:pointer; padding:5px; width:100vw; border:1px solid #21226C; text-align:left; outline:none; background-color:white; color:#21226C; font-size:20px; }
.collactive, .collapsible:hover 		{ background-color:#363881; color:white; }
.collapsible:after 		{ content:'\2A01'; float:right; margin-left:5px; margin-top:0px; color:#888; font-weight:bold; font-size:20px; }
.collactive:after 		{ content:'\2A02'; color:white; }
.collcontent 			{ padding:0 18px; max-height:0; overflow:hidden; transition:max-height 0.2s ease-out; background-color:#f1f1f1; }

.hide					{ display:none; }
.show					{ display:block; }

.bluetext,.blue			{ color:#0000FF; }
.purpletext,.purple		{ color:#80327C; }
.redtext,.red			{ color:#FF0000; }
.greentext,.green		{ color:#2D6400; }
.lgreytext,.lgrey		{ color:#AAAAAA; }
.greytext,.grey			{ color:#777777; }

.imgtextwrapleft		{ clear:both; float:left;  margin:5pt 10pt 5pt 5pt; }
.imgtextwrapright		{ clear:both; float:right; margin:5pt 10pt 5pt 5pt; }

.album					{ margin:3px; width:120px; }

/* background */
#backgroundsection		{ position:relative; left:0px; width:950px; height:800px; background-color:white; }
#straplinesection		{ position:absolute; left:450px; top:10px; width:500px; height:26px; 
							border-style: solid; border-top-width:3px; border-bottom-width:3px; border-left-width:0px; border-right-width:0px; border-top-color:#B9A06A; border-bottom-color:#211F6E; }
#headertextsection		{ position:absolute; left:460px; top:50px; width:500px; height:90px; }
#mainmenusection		{ position:absolute; left:0px; top:130px; width:950px; height:26px; z-index:10; }
#mainsection 			{ position:absolute; left:0px; top:0px; width:950px; padding-top:150px; }
#footersection			{ position:absolute; left:0px; bottom:30px; width:950px; height:30px; z-index:10;}
#staticsection			{ position:fixed;    left:0px; top:0px; width:950px; height:32px; z-index:10; }
#headerlogo				{ position:absolute; left:30px; top:5px; width:400px; height:120px; z-index:8;}
#gohomelink				{ position:absolute; left:30px; top:5px; width:400px; height:120px; z-index:9;}
#stickymenusection		{ position:fixed; left:0px; top:0px; width:100vw; background-color:#464575; color:white; z-index:100; visibility:hidden; }

/* mainsection content */
#info-text				{ position:relative; float:left; left:0px; top:0px; width:600px; height:600px; min-height:600px; z-index:3; padding:20px 0px 70px 20px; }
html>body #info-text	{ font-size:1.025em; font-family:Arial, Helvetica, Verdana, sans-serif; line-height:normal; height:auto; } /* height needed for IE min-height */
#panelsection 			{ float:right; top:0px; width:300px; padding:0px 10px 70px 0px; }
#readticket				{ max-width:750px; font-size:4.5em; padding:30px; line-height:1.5em; }

.dfheading				{ font-size:1.5em; font-family:Arial, Helvetica, Verdana, sans-serif; color:blue; text-align:center; }
#info-wide				{ position:relative; left:0px; top:0px; width:900px; min-height:700px; z-index:3; padding:25px; }


/* buttons */
.buttont,.buttonr,.buttonb,.buttong
		 				{ font-size:0.9em; color:white; line-height:1em; padding:2px 10px; text-decoration:none; border:4px solid black; font-weight:bold; }
.buttont 				{ background-color:#9A8037; border-top:4px solid #B09040; border-left:4px solid #B09040; }
.buttonr 				{ background-color:#FF3030; border-top:4px solid #C00000; border-left:4px solid #C00000; }
.buttonb 				{ background-color:#0C0090; border-top:4px solid #015BCF; border-left:4px solid #015BCF; }
.buttong 				{ background-color:#38C636; border-top:4px solid #015BCF; border-left:4px solid #015BCF; }
.buttont:hover,.buttonr:hover,.buttonb:hover
						{ color:white; text-decoration:none; border-top:4px solid #222; border-left:4px solid #222; border-bottom:4px solid #DDD; border-right:4px solid #DDD; }
.buttont:hover			{ background-color:#388E36; }
.buttonr:hover			{ background-color:#388E36; }
.buttonb:hover			{ background-color:#388E36; }
.optbutton				{ display:inline-block; margin:3px 1px; background-color:#DAD4F3; color:#C01A0D; padding:0px 8px; font-size:0.8em; border-bottom:1px solid #888; border-right:1px solid #888; }
.actbutton				{ background-color:#BC2022; color:white; font-size:0.8em; font-weight:bolder; padding:1px 20px; line-height:1.6em; border:1px solid #888; }
.actbutton:hover		{ color:white; text-decoration:underline; }
.actbutton2				{ background-color:white; color:#BC2022; font-size:0.8em; font-weight:bolder; padding:1px 5px; line-height:1.6em; border:1px solid #888; }
.actbutton2:hover		{ color:#BC2022; text-decoration:underline; }
.bar					{ font-size:1.025em; background-color:#21226C; color:white; font-weight:bold; padding:3px 8px; width:100wv; }
.panelbar,.panelbarxm,.panelbarfm,.panelbaram,.panelbardb,.panelbarcm,.panelbarsp,.panelbarnm,.panelbarpm,.panelbarcms
						{ font-size:1.025em; background-color:#21226C; color:white; font-weight:bold; padding:3px 8px; width:92%; border-right:1px solid #888; border-bottom:1px solid #888; }
.panelbardb				{ background-color:#9B2226; }
.panelbarfm				{ background-color:#BD3E03; }
.panelbaram				{ background-color:#CA6701; }
.panelbarcm				{ background-color:#ED9B00; }
.panelbarxm				{ background-color:#D2B04B; }
.panelbarpm				{ background-color:#94D2BD; }
.panelbarnm				{ background-color:#0B9396; }
.panelbarsp 			{ background-color:#005F73; }
.panelbarcms			{ background-color:#002C3D; }
/*.panelbarmm				{ background-color:#EFE6F8; } */
.panelbutton, .panelbuttond, .panelbuttonon, .panelbuttong, .panelbuttongon, .panelstat
						{ display:inline-block; width:92%; background-color:#C8DCF5; color:black; padding:5px 8px; font-size:0.8em; border-bottom:1px solid #888; border-right:1px solid #888; }
.panelbuttond			{ background-color:#B3D1F7; }
.panelbuttonon			{ background-color:#80A3C8; font-weight:bold; }
.panelbuttong			{ background-color:#eee; }
.panelbuttongon			{ background-color:#ddd; }
.panelbaranchor			{ color:white; text-decoration:none; }
.panelanchor			{ color:black; text-decoration:none; }
.panelstat				{ width:12%; text-align:center; background-color:#0073B6; color:white; font-weight:bold; border-bottom:1px solid #888;}

/* boxes */
.indicator				{ display:inline-block; margin:3px; width:100px; height:120px; font-weight:bold; text-align:center; background-color:#0E6C70; color:white; }
.boxw					{ background-color:white;   }
.boxb					{ background-color:#679BCD; border:4px solid #679BCD; }
.boxe					{ background-color:#CCC;    border:4px solid #888; }
.boxf					{ background-color:#679BCD; border:4px solid #888; height:300px; overflow:auto; }
.boxg					{ background-color:#CCFFB4; }
.boxy					{ background-color:#FFEA00; }
.boxr					{ background-color:#BB002B; color:white; }
.boxhelp				{ background-color:white; 	border:1px dashed #00f; }

.messagebox				{ margin:0px; padding:6px;  background-color:white; border:6px solid #BB002B; border-radius:10px; box-shadow:5px 5px 5px #888; color:#BB002B; -moz-border-radius:10px; text-align:center; }
.panelbox				{ margin:0px; padding:10px; background-color:#679BCD; border-radius:10px; box-shadow:5px 5px 5px #888; color:white; }
.panelboxevent			{ margin:0px; padding:10px; background-color:#C7DCF6; border:4px solid #679BCD; border-radius:10px; box-shadow:5px 5px 5px #888; color:black; }
.panelboxeventext		{ margin:0px; padding:10px; background-color:white; border:4px solid #679BCD; border-radius:10px; box-shadow:5px 5px 5px #888; color:black; }
.panelboxeventpast		{ margin:0px; padding:10px; background-color:#CCC; border:4px solid #888; border-radius:10px; box-shadow:5px 5px 5px #888; color:black; }
.panelboxeventhot		{ margin:0px; padding:10px; background-color:#C7DCF6; border:4px  solid #041A74; border-radius:10px; box-shadow:5px 5px 5px #888; color:black; }
/*							-moz-border-radius:10px; opacity:0.6; filter:alpha(opacity=60); } */
.eventbox				{ width:560px; margin:0px; padding:10px; background-color:#C7DCF6; border:4px solid #679BCD; border-radius:10px; box-shadow:5px 5px 5px #888; }
.eventboxfull			{ width:560px; margin:0px; padding:10px; background-color:#C7DCF6; border:4px solid #888; border-radius:10px; box-shadow:5px 5px 5px #888; height:167px; overflow:auto; }
.eventboxhot			{ width:560px; margin:0px; padding:10px; background-color:#C7DCF6; border:4px solid #041A74; border-radius:10px; box-shadow:5px 5px 5px #888; }
.eventboxext			{ width:560px; margin:0px; padding:10px; background-color:white; border:4px solid #679BCD; border-radius:10px; box-shadow:5px 5px 5px #888; }
.eventboxpast			{ width:560px; margin:0px; padding:10px; background-color:#CCC; border:4px solid #888; border-radius:10px; box-shadow:5px 5px 5px #888; }
.newsbox				{ width:560px; margin:0px; padding:10px; background-color:white; border:1px solid black; border-radius:10px; box-shadow:5px 5px 5px #888; }
.newspanel				{ margin:0px; padding:10px; background-color:white; border:1px solid black; border-radius:10px; box-shadow:5px 5px 5px #888; }
.commentbox				{ border:1px solid #00f; box-shadow:5px 5px 5px #888; border-radius:10px; -moz-border-radius:10px;}
.commentbox h2			{ font-size:1em; font-weight:normal; line-height:18px; margin:0px; padding:8px; background-color:#C7DCF6; color:black; border-radius:10pt 10pt 0 0; -moz-border-radius:0px; }
.commentbox p			{ margin:0px; padding:8px; }
.selectorbox,.box,.boxw,.boxb,.boxg,.boxy,.boxr,.boxe,.boxf, .boxhelp
						{ border:1px solid #222972; border-radius:10px; -moz-border-radius:10px; text-align:center; padding:10px; box-shadow:5px 5px 5px #888; }
.selectorbox			{ padding:0px 0px; }

/* slideshow */
#slideshow 				{ margin:80px auto; position:relative; width:600px; height:200px; padding:0px; }
#slideshow > div 		{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; }

/* events */
.eventheading, .pasteventheading, .redeventheading
						{ font-size:0.875em; font-family:Arial, Helvetica, Verdana, sans-serif; line-height:24px; font-weight:bold; color:#2A0E74; }
.pasteventheading		{ color:#888; }
.eventtitle				{ font-size:1.4em; color:#3f4172; font-weight:bold; line-height:normal; }
.intmtg					{ margin:0px; padding:10px; background-color:#FFD6D6; border:4px solid #BB002B; border-radius:10px; box-shadow:5px 5px 5px #888; color:black; -moz-border-radius:10px; }
.intmtgtable			{ margin:0px; padding:10px; border-top:1px solid #222972; border-bottom:1px solid #222972; color:black; font-size:1.0em; }


/* Membership */
#membernamesection		{ position:absolute; width:300px; height:24px; left:450px; top:98px;  z-index:9; border-left:10px solid #B9A06A; font-size:0.75em; }
#membernamebar			{ position:absolute; width:0px;   height:24px; left:450px; top:100px; z-index:8; background-color:#B9A06A; }

/* Shop */
#viewbasketsection		{ position:absolute; width:170px; height:36px; left:700px; top:95px; z-index:9; border-left:10px solid red; }
#viewbasketbar			{ position:absolute; width:0px;   height:36px; left:700px; top:95px; z-index:8; background-color:red; }
#calloutwrap			{ position:fixed; right:200px; top:-30px; z-index:9; }

/* badge */
.badge					{ position:relative; width:314px; height:203px; left:0px; top:0px; border:1px solid #888; margin:0; padding:0; }
.badgestripe			{ text-align:center; font-size:1.1em; background-color:black; color:white; font-weight:bold; }
.badgec					{ background-color:blue; color:white; }
.badgee					{ background-color:green; color:white; }
.badgep					{ background-color:red; color:white; }

/* gallery */
.projectbox,.album		{ display:inline-block; margin:2px; width:114px; height:200px; font-weight:bold; text-align:center; background-color:#0E6C70; color:white; }
.album					{ background-color:#063487; width:196px; height:216px; }
.albumtext,.albumtext:hover		{ font-size:1em; color:white; text-decoration:none; }
.gallerytitle			{ background-color:#e0e0e0; width:556px; padding:0 30px; text-align:center; }

/* resources */
.resheading				{ margin:0px 0px; padding:5px 5px; background-color:#B9A06A; font-size:1.25em; font-weight:bold; color:white; text-decoration:none; } /* CCFFB4,008000 */
.resheading:hover		{ color:black; text-decoration:underline; cursor:hand; }
.reslink 				{ font-size:1.025em; font-weight:bold; color:#A14645; text-decoration:none; }
.reslink:hover 			{ text-decoration:underline; cursor:hand; }
.special2				{ width:580px; padding:5px 5px; background-color:#B9A06A; font-size:1em; font-weight:bold; color:black; text-decoration:none; }
.statstable, .statstablegreen, .statstableblue, .statstablegrey
						{ font-size:0.75em; border-bottom:1px solid #888; background-color:#D5F5D5; }
.statstablegreen		{ background-color:#9FF1B2; }
.statstableblue			{ background-color:#AECAF2; }
.statstablegrey			{ background-color:#eee; }
.statstotal				{ font-size:0.75em; font-weight:bold; }
.mtstripe				{ width:5px; height:20px; }
#rescontainer			{ height:360px; overflow:auto; }
.emblock				{ margin:0px 0px; padding:5px 5px; background-color:#21226C; color:white; font-size:1.025em; font-weight:bold; text-decoration:none; }
.emblock:hover			{ text-decoration:underline; }


/* Tabs */
.tab 					{ font-family: Helvetica, Arial, sans-serif; font-size:14px; color:#21226C; background-color:white; padding:3px; border:3px solid #666; border-bottom:3px solid #CCC; }
div.tab 				{ overflow:hidden; border:1px solid #ccc; background-color:#f1f1f1; }
div.tab button 			{ float:left; border:none; border-radius:8px 8px 0px 0px; outline:none; cursor:pointer; padding:4px 10px; margin:2px; transition:0.3s; font-size:14px; background-color:#464376; color:white; }
div.tab button:hover 	{ background-color:#aaa; }
div.tab button.active 	{ background-color:#B9A06A; }
.tabcontent 			{ display:none; padding:6px 12px; border:1px solid #ccc; border-top:none; }

/* CMS */
.cmsbody 		{font-family:Helvetica, Arial, sans-serif; font-size:14px; color:black;}
.cmsbodysmall 	{font-family:Helvetica, Arial, sans-serif; font-size:13px; color:black;}
.cmsheading		{font-family:Helvetica, Arial, sans-serif; font-size:16px; color:black; font-weight:bold;}
.cmsfield		{font-family:Helvetica, Arial, sans-serif; font-size:12px; color:black; background-color:white; padding:2px; border-style:groove;}
.cmsselect		{font-family:Helvetica, Arial, sans-serif; font-size:12px; color:black; background-color:white; padding:2px; border-style:groove;}
.cmstextarea	{font-family:Helvetica, Arial, sans-serif; font-size:12px; color:black; background-color:white; padding:2px; border-style:groove; overflow:auto; }
.cmschecklist,.checklist,.checklisth,.cmschecklistw,.checklistw,.cmschecklisth,.checklisth,.cmschecklisttall,.checklisttall
				{font-family:Helvetica, Arial, sans-serif; font-size:12px; color:black; background-color:white; padding:2px; border-style:groove; overflow:auto; }
.cmschecklistw,.checklistw			{width:96%; }
.cmschecklisth,.checklisth			{height:400px;  }

/* selectors */
#selectorsection		{ position:relative; left:0px; top:0px; width:600px; height:117px; z-index:5; }
#selector1, #selector2, #selector3, #selector4 { position:absolute; top:6px; width:150px; height:105px; }
#selector1				{ left:0px; }
#selector2		   		{ left:150px; }
#selector3		   		{ left:300px; }
#selector4		   		{ left:450px; }


/* loading spinner */
#loading 		{ display:block; position:absolute; left:50%; top:50%; z-index:1; width:50px; height:50px; margin:-75px 0 0 -75px; border:16px solid #f3f3f3; border-radius:50%; border-top:16px solid #3498db; width:40px; height:40px; 
					-webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite; }
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Popup Calendar */
.tcalInput 			{ background: url('images/cal.gif') 100% 50% no-repeat; padding-right:20px; cursor:pointer; }
.tcalActive 		{ background-image: url('images/no_cal.gif'); }
#tcal 				{ position:absolute; visibility:hidden; z-index:100; width:170px; background-color:white; margin-top:2px; padding:0px 2px 2px 2px;
						border: 1px solid silver; 
						-moz-box-shadow: 3px 3px 4px silver; -webkit-box-shadow: 3px 3px 4px silver; box-shadow: 3px 3px 4px silver;
						-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
						filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver'); }
#tcalControls 		{ border-collapse:collapse; border:0; width:100%; }
#tcalControls td 	{ border-collapse:collapse; border:0; padding:0; width:16px; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; }
#tcalControls th 	{ border-collapse:collapse; border:0; padding:0; line-height:25px; font-size:10px; text-align:center; 
						font-family:Tahoma, Geneva, sans-serif; font-weight:bold; white-space:nowrap; }
#tcalPrevYear 		{ background-image: url('images/prev_year.gif'); }
#tcalPrevMonth 		{ background-image: url('images/prev_mon.gif'); }
#tcalNextMonth 		{ background-image: url('images/next_mon.gif'); }
#tcalNextYear 		{ background-image: url('images/next_year.gif'); }
#tcalGrid 			{ border-collapse:collapse; border:1px solid silver; width:100%; }
#tcalGrid th 		{ border:1px solid silver; border-collapse:collapse; padding:3px 0; text-align:center; font-family: Tahoma, Geneva, sans-serif;
						font-size:10px; background-color:gray; color:white; }
#tcalGrid td 		{ border:0; border-collapse:collapse; padding:2px 0; text-align:center; font-family:Tahoma, Geneva, sans-serif;
						width:14%; font-size:11px; cursor:pointer; }		
#tcalGrid td.tcalOtherMonth 	{ color: silver; }
#tcalGrid td.tcalWeekend 		{ background-color: #ACD6F5; }
#tcalGrid td.tcalToday 			{ border: 1px solid red; }
#tcalGrid td.tcalSelected 		{ background-color: #FFB3BE; }		

/* callout --- usage: <p class='callout top'>Hello World!!</p>   */
.callout				{ position:absolute; width:180px; padding:15px;	margin:50px 0 3em; color:#000; background:#f3961c; text-align:center;
							background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c)); background:-moz-linear-gradient(#f9d835, #f3961c);
							background:-o-linear-gradient(#f9d835, #f3961c); background:linear-gradient(#f9d835, #f3961c);
							-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.callout.top			{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835)); background:-moz-linear-gradient(#f3961c, #f9d835);
							background:-o-linear-gradient(#f3961c, #f9d835); background:linear-gradient(#f3961c, #f9d835); }
.callout.left			{ margin-left:50px; background:#f3961c; }
.callout.right			{ margin-right:50px; background:#f3961c; }
.callout:after			{ position:absolute; bottom:-15px; left:50px; border-width:15px 15px 0;	border-style:solid;	border-color:#f3961c transparent; display:block; width:0; }
.callout.top:after		{ top:-15px; left:50px;	bottom:auto; border-width:0 15px 15px; border-color:#f3961c transparent; }
.callout.left:after		{ top:16px; left:-50px; bottom:auto; border-width:10px 50px 10px 0; border-color:transparent #f3961c; }
.callout.right:after	{ top:16px; right:-50px; bottom:auto; left:auto; border-width:10px 0 10px 50px; border-color:transparent #f3961c; }

#marqueecontainer 		{ position:absolute; width:280px; height:200px; overflow:hidden; padding:2px 2px 2px 4px; }
.marquee 				{ font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: black; font-style:italic; }

/* rating */
.rating 				{ float:left; }
.rating:not(:checked) > input { position:absolute; top:-9999px; clip:rect(0,0,0,0); }
.rating:not(:checked) > label { float:right; width:1em; padding:0 .1em; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:200%; line-height:1.2em; color:#ddd; text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5); }
.rating:not(:checked) > label:before { content: '★ '; }
.rating > input:checked ~ label { color: #f70; text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5); }
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label { color:gold; text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5); }
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label { color:#ea0; text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5); }
.rating > label:active { position:relative; top:2px; left:2px; }