/* NEIL Website Stylesheet (c) 2015-2020 */

/*
	These top CSS definitions drive the major regions of the pages.
*/
html {
	margin: 2em;
	padding: 0;
}

body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

article, footer, header, nav {
	display: block;
}

article {
	float: right;
	margin: 0.5em 0 0.5em 0;
	width: 79%;
}

article.conventionDescription {
	margin: 0.5em 0 0.5em 0;
	width: 100%;
}
	
header {
}

header img.conTitle {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

nav {
	float: left;
	margin: 1em 0 0.5em 0;
	width: 18%;
}

footer {
	border-top: 1px solid black;
	border-left: 1px solid black;
	clear: both;
	font-size: 75%;
	font-style: italic;
	font-weight: normal;
	margin: 0.5em 0 0 0;
	padding: 0.25em;
}

footer p {
	margin: 0;
	padding: 0;
}

/*
--------------------------------------------------------------------------------
	The definitions that follow drive specific things within a larger section.
	This is where very, very specific formatting controls go.
	
	Please try to keep the definitions as specific as needed and as generic as
	possible. Some things, like headers, should be common across all things.
	Some things, like divs, have specific purposes. It's OK to share
	definitions, but using different names can be easier to read and understand.
	This will also allow us to change things later if we want, without breaking
	the display in weird and unexpected places.
	
	Please try to group things together, and to keep the groupings alphabetical.
	Yes, I can search with the editor search to find things, but if they're in a
	nice, neat order, you don't need to. Good coding discipline makes
	maintenance easier. And yes, I spell anal-retentive with a hyphen.
	
	I'm also a devout commentist.
*/
a img {
	border: 0;	/* For sortable.js */
}

/* This class is buried in the Javascript for sortable.js */
a.sortheader {
	color: #ffffff;
    text-decoration: none;
}

/* 
  This is used to add the NELCO logo to the NELCO pages
*/
div.floatingNelcoLogo {
	float: right;
}

div.NEILGoal, 
div.referenceNote {
	/* background-color: #c2c2ff; */
	background-color: rgba(194, 194, 255, 0.4);
    border: 2px solid #49176D;
	font-style: italic;
	margin: 1.5em 8em;
	padding: 0 0.5em;
	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow: 0px 0px 5px #49176D;
    -webkit-box-shadow: 0px 0px 5px #49176D;
    box-shadow: 0px 0px 5px #49176D;
}

/*
	We want headers to look similar, with borders. Only the size should change.
*/
h1, h3, h4 {
	border-top: 1px solid black;
	border-left: 1px solid black;
	margin: 0.5em 0 0 0;
	padding: 0.25em;
}

h1 {
	font-size: 200%;
}

h2.NelcoDayTitle {
	background-color: #c2c2ff;
    border: 2px solid #49176D;
	padding: 0.5em 0 0.5em 0.5em;
	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow: 0px 0px 5px #49176D;
    -webkit-box-shadow: 0px 0px 5px #49176D;
    box-shadow: 0px 0px 5px #49176D;
}

h2.shamelessPlugHeader {
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: center;
}

h3.conTitle {
	border: 0;
	font-size: 250%;
	font-style: normal;
	margin: 0;
	text-align: center;
}

h4 {
	font-size: 100%;
}

h5 {
	font-size: 100%;
	margin: 0.5em 0 0 0;
}

/* Used in reference note divs. */
p.citation {
	font-size: 75%;
	font-style: normal;
	text-align: right;
}

/* 
	This is used in the 25 year note to cite LARPA as holding the license for
	the Intercon name.
*/
p.LARPACitation {
	font-size: 75%;
	font-style: italic;
	font-weight: normal;
	text-align: center;
}

/* For use in the bylaws */
p.neilBylawAmendment {
	font-size: 75%;
	font-style: italic;
	font-weight: normal;
}

p.shamelessPlugHeader {
	margin-top: 0px;
	text-align: center;
}

/* This replaces nobr, which is deprecated. */
span.legalReference {
	white-space: nowrap;
}

span.unknownChair {
    font-weight: bold;
}

/* Get rid of cellspacing="0" */
table {
	border-collapse: collapse;
}

/*
	We want the table centered in the middle of the page. The CSS does that.
	This is adapted from the original, and radically simplified. The tables that
	share this CSS have additional definitions to control that width.
	
	Rounded corners do not appear to work on the table, but we can put the
	shadow in.
*/
table.byogHistoryTable,
table.byogScheduleTable,
table.contestSummaryTable,
table.conventionHistoryTable,
table.gameBankTable,
table.minutes,
table.neilBoardTable,
table.neilBoardHistoryTable,
table.neilBoardHistoryTableKey,
table.neilMinutesTable,
table.nelcoHeaderTable,
table.nelcoHotelTable,
table.nelcoScheduleTable,
table.newEnglandInterconTable,
table.newEnglandNELCOTable,
table.otherLARPSitesTable {
	border-bottom: 2px solid #49176D;
	border-right: 2px solid #49176D;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;

    -moz-box-shadow: 0px 0px 5px #49176D;
    -webkit-box-shadow: 0px 0px 5px #49176D;
    box-shadow: 0px 0px 5px #49176D;
}

table.byogHistoryTable td.byogName {
	font-style: italic;
}

table.byogHistoryTable td,
table.byogScheduleTable td,
table.contestSummaryTable td,
table.conventionHistoryTable td,
table.gameBankTable td,
table.minutes td,
table.neilBoardHistoryTable td,
table.neilBoardHistoryTableKey td,
table.neilBoardTable td,
table.neilMinutesTable td,
table.nelcoHeaderTable td,
table.nelcoHotelTable td,
table.nelcoScheduleTable td,
table.newEnglandInterconTable td,
table.newEnglandNELCOTable td,
table.otherLARPSitesTable td {
	border-top: 2px solid #49176D;
	border-left: 2px solid #49176D;
	padding: 5px;
}

table.gameBankTable tr.even td {
	background-color: #ffffff;
}

table.gameBankTable tr.odd td {
	background-color: #c2c2ff;
}

table.byogHistoryTable th,
table.byogScheduleTable th,
table.contestSummaryTable th,
table.conventionHistoryTable th,
table.minutes th,
table.neilBoardHistoryTable th,
table.neilBoardHistoryTableKey th,
table.neilBoardTable th,
table.neilMinutesTable th,
table.nelcoHeaderTable th,
table.nelcoHotelTable th,
table.nelcoScheduleTable th,
table.newEnglandInterconTable th,
table.newEnglandNELCOTable th,
table.otherLARPSitesTable th {
	background-color: #49176D;
    color: #ffffff;
	font-weight: bold;
	padding: 5px;
	/* th always aligns the text in the center. */
}

table.gameBankTable th {
	background-color: #49176D;
    color: #ffffff;
	font-weight: bold;
	padding: 5px;
}

table.byogHistoryTable,
table.neilBoardHistoryTable,
table.newEnglandInterconTable,
table.newEnglandNELCOTable {
	width: 100%;
}

table.byogHistoryTable tr.byogPast,
table.newEnglandInterconTable tr.conPast,
table.newEnglandNELCOTable tr.conPast {
	background-color: #c2c2ff;
}

table.conChairAndAttendance {
	border: 0;
	margin: 0 0 1em 0;		
}

table.conChairAndAttendance td {
	padding: 0.25em 0.5em 0.25em 0;
}

table.contestSummaryTable {
	margin-left: 2em; 
	margin-top: 1em;
	margin-bottom: 1em;
}

table.contestSummaryTable td.contestPlace,
table.contestSummaryTable td.contestPrize,
table.gameBankTable td.creationYear,
table.gameBankTable td.gameLength,
table.gameBankTable td.playerCount,
table.neilBoardTable td.termExpiration,
table.newEnglandInterconTable td.conLink,
table.newEnglandInterconTable td.conAttendance,
table.newEnglandInterconTable td.unknownChair,
table.newEnglandInterconTable td.programLink,
table.newEnglandNELCOTable td.conLink,
table.newEnglandNELCOTable td.conAttendance {
	text-align: center;
}

table.conventionHistoryTable {
	width: 75%;
}

/* 
	While I dislike using tables to align things, sometimes it's the easiest
	way.
*/
table.headerImageTable {
	width: 100%;
}

table.headerImageTable td.left {
	text-align: left;
}

table.headerImageTable td.center {
	text-align: center;
}

table.headerImageTable td.right {
	text-align: right;
}

table.headerImageTable td {
	width: 20%;  
	/* 5 elements, 20% each */
}

table.headerImageTable {
	width: 100%;
}

table.minutes td.moneyOwed {
	text-align: right;
}

table.neilBoardHistoryTable td.neilHistoryChair,
table.neilBoardHistoryTableKey td.neilHistoryChair {
	background-color: #c2c2ff;
	text-align: center;
}

table.neilBoardHistoryTable td.neilHistoryMember,
table.neilBoardHistoryTableKey td.neilHistoryMember {
	text-align: center;
}

table.neilBoardHistoryTable td.neilHistoryAdvisor,
table.neilBoardHistoryTableKey td.neilHistoryAdvisor {
	background-color: #e0e0e0;
	text-align: center;
}

table.neilBoardHistoryTable td.neilHistoryTbd,
table.neilBoardHistoryTableKey td.neilHistoryTbd {
	background-color: #ccffff;
	text-align: center;
}

table.neilBoardHistoryTable td a {
	text-decoration: none;
}

table.neilMinutesTable td.unavailable {
	background-color: #e0e0e0;
}

table.nelco2012,
table.nelco2013,
table.nelco2014 {
	font-size: 80%;
}

table.nelco2012 td,
table.nelco2013 td {
	text-align: center;
	width: 14%;
}

table.nelco2014 td {
	text-align: center;
	width: 11%;
}

table.nelco2012 th,
table.nelco2013 th,
table.nelco2014 th,
table.nelco2015 th {
	background-color: #c2c2ff;
	border-top: 2px solid #49176D;
	border-left: 2px solid #49176D;
	color: black;
	font-weight: bold;
}

/* We don't want this table to float in the center. */
table.nelcoHeaderTable {
    margin-left: 0;
    margin-right: auto;
    margin-top: 0.5em;
}

table.newEnglandInterconTable td.conDate {
	white-space: nowrap;
}

table.shamelessPlugScript td.role {
	font-weight: bold;
}
table.shamelessPlugScript td.line {
	font-weight: normal;
}

table.shamelessPlugScript td {
	padding: 5px;
	vertical-align: top;
}

/* These are used for the NELCO schedule entries. */		
td.buildTrack {
	background-color: lightblue;
}

td.byogTrack {
	background-color: #99cc99;
}

td.dateInfo {
	background-color: #c2c2ff;
	font-weight: bold;
}

td.foodTrack {
	background-color: #33ccff;
}

td.focusTrack {
	background-color: #ff9933;
}

td.forumTrack {
	background-color: lightgreen;
}

td.hangoutTrack {
	background-color: #ffcccc;
}

td.larpTrack {
	background-color: #9999cc;
	color: white;
}

td.latexTrack {
	background-color: #ff6666;
}

td.notAvailable {
	background-color: #999999;
	color: white;
}

td.quietTrack {
	background-color: purple;
	color: white;
}

td.separator {
	background-color: #cccccc;
}

td.workshopTrack {
	background-color: #ffffcc;
}

tr.evenRow { 
	/* background-color: #c2c2ff; */
	background-color: rgba(194, 194, 255, 0.4);
}

tr.oddRow { 
	background-color: #ffffff; 
}

ul.checklist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.checklist li {
	margin: 0px;
	margin-bottom: 1em;
	padding-left: 16px;
}

ul.checklist li:before {
	color: #49176D;
	content: "\2713"; /* CSS check mark */
	margin: 0px;
	padding-right: 4px;		
}

/* The menu CSS is reverse-engineered from the Intercon site. */
ul.menu {
    margin: 0;
	text-align: center;
	list-style-type: none;
    margin-left: 0;
    padding: 0;
    border: 2px solid #49176D;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    background-color: #49176D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c2c2ff));
    background-image: -moz-linear-gradient(top, #fff, #c2c2ff);

    -moz-box-shadow: 0px 0px 5px #49176D;
    -webkit-box-shadow: 0px 0px 5px #49176D;
    box-shadow: 0px 0px 5px #49176D;
}

ul.menu li {
    border-bottom: 1px solid #49176D;
}

ul.menu li a {
    display: block;
    padding: 3px;
    font-size: 90%;
}

ul.menu li.title
{
	background-color: #49176D !important;
	color: white;
	font-weight: bold;
}

ul.menu li a:hover {
    background-color: rgba(255, 255, 0, 0.2);
}

ul.menu li a, ul.menu li a:visited {
    color: black;
    text-decoration: none;
}

/* For the NEIL article and bylaws sublists... */
ul.neilArticles {
	list-style-type: none;
}

ul.neilBylawsAlphabeticList {
	list-style-type: lower-latin;
}

ul.neilBylawsRomanList {
	list-style-type: lower-roman;
}

ul.neilBylawTopNavigation {
	list-style-type: none;
}

ul.neilBylawTopNavigation li {
	margin: 0.25em 0 0 0;
}