/* getredpilled.info */

* {
	font-family:Arial,sans-serif;
	margin:0;
	padding:0;
	max-height: 999999px;
}

body { background-color: #000000; font-size:100%; text-align:center; }
/* background:#262653;*/

img { border:none; }

#wrap {
  /* background:url('../images/someimage.jpg'); */
  background-color:#ebebeb;
  background-size:auto;  
  background-repeat:repeat-y;
  background-position: 0px 0px;
  padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
  width:auto;
  height:auto;
  margin:0 auto;
  text-align:left;
  -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.75);
}

#top { background:#262653; text-align: center; overflow: auto; }
#topshort { height:123px; background:#262653; }
#topblank { height:123px; background:#262653; }
#title { display:none; text-align:center; }
#header { display: block; margin: 0 auto; }

#mainnav { list-style-type:none; width: 800px; margin: 0 auto; }
#mainnav li { float:left; text-align:center; }
#mainnav li a { display:block; height:21px; width:130px; padding-top:6px; font-size:0.85em; text-decoration:none; color:black; background:url('../images/nav-bg-a.gif'); }
#mainnav li a:hover { background:url('../images/nav-bg-b.gif'); }
#mainnav li.active a { background:url('../images/nav-bg-c.gif'); }
#mainnav li.active a:hover { background:url('../images/nav-bg-d.gif'); }

.sidenav { float:left; padding-right:0px; font-size:0.8em; }
.sidenav ul { list-style-type:none; margin:1px 0px 3px 2px; }
.sidenav li { text-align:center; padding:0px 0px 3px 0px; }
.sidenav li a { display:block; height:21px; width:130px; padding-top:6px; text-decoration:none; color:black; background:url('../images/nav-bg-a.gif'); }
.sidenav li a:hover { background:url('../images/nav-bg-b.gif'); }
.sidenav li.active a { background:url('../images/nav-bg-c.gif'); }
.sidenav li.active a:hover { background:url('../images/nav-bg-d.gif'); }
.sidenav h3 { font-size:1.25em; margin-top:30px; }

.playnav { float:left; padding-right:0px; font-size:1.0em; font-weight:normal; }
.playnav ul { list-style-type:none; margin:0px 0px 3px 0px; background:black; }
.playnav li  { text-align:center; padding:3px 0px 3px 0px; background:black; }
.playnav li a { display:block; height:15px; width:130px; padding-top:0px; text-decoration:none; color:#ff6666; background:black; }
.playnav li a:hover { color:#ff9999; background:black; }
.playnav li.active a { color:#66ff66; background:black; height:17px; font-size:1.1em; }
.playnav li.active a:hover { color:#99dd99; background:black; font-size:1.1em; }
.playnav h3 { font-size:1.25em; margin-top:30px; }

#membersmenu { position:absolute; top:158px; width:770px; }
#membersmenu ul { list-style-type:none; margin:0; }
#membersmenu li { height:13px; } 

#list-spacing p { margin-bottom:7px; }

.parchment {
  background:url('../images/constitution-cropped-1.jpg');
  background-size:780px auto; background-repeat:repeat-y;
  padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
  }
.main {
  height: auto;
  padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; overflow:hidden
  }
.main2 {
  height: auto;
  padding-left:0px; padding-right:20px; padding-top:0px;   
  }
.parties td {
  font-size:0.9em; 
  padding-bottom:15px; 
  vertical-align:top; 
  text-align:left; 
  width:100%; 
  border:1px black solid; 
  padding:10px 5px 10px 5px;	
  }
.marchorders {
  background-color:#eeeeee;
  vertical-align:top; 
  /* text-align:left; */
  width:95%; 
  border:4px black double; 
  padding:10px 15px 10px 15px;	
  }
.note {
  /* background-color:#; */
  font-size:1.0em; 
  padding:7px 7px 7px 7px; 
  border:3px solid gray; 
  }
.note2 {
 /*  background-color:#ffffff; */ 
  padding:3px 3px 3px 3px; 
  border:0px solid gray; 
  border-color:gray black black gray; 
  }
.note3 {
  /* background-color:#; */
  font-size:0.9em; 
  color:darkblue; 
  padding:7px 9px 7px 9px; 
  border:1px solid black; 
  border-color:gray black black gray; 
  }
.analysis {
  background-color:#eeeeee;
  font-size:0.9em; 
  padding:10px 12px 12px 12px; 
  border:1px solid black; 
  border-color:gray black black gray; 
  }
.emphasis-border { 
  padding:7px 9px 9px 9px; 
  border:5px solid black; 
  border-color:gray black black gray; 
  }

h1 { text-align:center; font-size:1.8em; padding:15px 25px 15px 0px; }
h2 { text-align:center; font-size:1.4em; padding:15px 25px 15px 0px; }
h3 { text-align:center; font-size:1.2em; padding:15px 25px 15px 0px; }
h4 { text-align:left; font-size:1.0em; font-weight:bold; padding:15px 0px 10px 0px; }
ol { margin-left:25px; margin-bottom:12px; }
ul.disc  { list-style-type:disc; }
ul.circle { margin-left:25px; list-style-type:circle; }
ul.square { margin-left:25px; list-style-type:square; }
table { margin:0px auto; }
table  p { text-align:left; }
td { padding:0; }
p { margin-bottom:10px; text-align:justify; font-size:1.0em; }
div { text-align:center; margin:0 auto; color:#ffffff; line-height:140%; font-size:1.0em; margin-bottom:10px; }
a:link { color:#0000BB; text-decoration:none; } 
a:visited { color:#0000BB; text-decoration:none; }
a:hover { color:#0000FF; text-decoration:none; }
button[type=submit] { -webkit-appearance:none; background-color:#d8d8d8; color:#0000cc; } 
button[type=submit]:hover { background-color:#cccccc; color:#0000ff; } 
img.wrap { float:left; width:200px; height:auto; margin: 0px 20px 20px 0px; }
img.paradise { width:auto; height:190px; margin: 10px 0px 20px 0px; }
table, th, td { border:0px solid gray; border-collapse: collapse; }

.front { z-index: 9; position: relative; } 
.back { z-index: 1; position: relative; } 
.center2 { text-align:center; padding-right:25px; }
.center { text-align:center; }
.middle { margin:0 auto; }
.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }
.floatleft { float:left; }
.floatright { float:right; }
.top { vertical-align:top; }
.bottom { vertical-align:bottom; }
.border { border:1px solid black; border-collapse:collapse }
.iframe { margin-left:auto; margin-right:auto; }     


.description  { font-size:1.25em; text-align:left; text-decoration:underline; margin:20px 0px 20px 0px; }
.direction  { font-size:1.0em; margin:10px 30px 10px 30px; color:#990000; }
.lyric  { text-transform:uppercase; font-size:0.95em; margin: 20px 10px 20px 100px; text-align:left; color:#000000; }
.dialogue  { font-size:1.1em; line-height:150%; margin: 20px 80px 20px 80px; text-align:left; color:#000000; }
.character  { text-transform:uppercase; font-size:1.2em; font-weight:bold; text-align:center; padding:10px 25px 0px 0px; color:#000000; }
.player  { padding:7px 9px 3px 9px; margin:0 auto; margin-top:20px; margin-bottom:20px; width:300px; border:5px solid black;  border-color:gray black black gray; background:#555577; text-align:center }
.cell { padding:12px 10px 7px 10px; }
.linkpink a:link { color:#ffeeee }
.linkpink a:hover { color:#ffcfcf }
.linkpink a:visited { color:#ffeeee; } 
.linkblue a:link { color:#0000dd }
.linkblue a:hover { color:#4444dd }
.linkblue a:visited { color:#0000dd; } 
/* .image { margin:0 auto } */

.fs2 { font-size:0.2em; }
.fs3 { font-size:0.3em; }
.fs4 { font-size:0.4em; }
.fs5 { font-size:0.5em; }
.fs6 { font-size:0.6em; }
.fs7 { font-size:0.7em; }
.fs8 { font-size:0.8em; }
.fs9 { font-size:0.9em; }
.fs10 { font-size:1.0em; }
.fs11 { font-size:1.1em; }
.fs12 { font-size:1.2em; }
.fs13 { font-size:1.3em; }
.fs14 { font-size:1.4em; }
.fs15 { font-size:1.5em; }
.fs16 { font-size:1.6em; }
.fs17 { font-size:1.7em; }
.fs18 { font-size:1.8em; }
.fs19 { font-size:1.9em; }
.fs20 { font-size:2.0em; }
.fs28 { font-size:2.7em; }
.lh10 { line-height:1.0em; }
.lh11 { line-height:1.1em; }
.lh12 { line-height:1.2em; }
.lh13 { line-height:1.3em; }
.lh14 { line-height:1.4em; }
.lh15 { line-height:1.5em; }
.lh16 { line-height:1.6em; }
.lh17 { line-height:1.7em; }
.lh18 { line-height:1.8em; }
.lh19 { line-height:1.9em; }
.lh20 { line-height:2.0em; }
.ls11 { letter-spacing:1.1px; }
.ls12 { letter-spacing:1.2px; }
.ls13 { letter-spacing:1.3px; }
.ls20 { letter-spacing:2.0px; }
.ls30 { letter-spacing:3.0px; }

.sup { font-size:0.5em; vertical-align:baseline; position:relative; line-height:0.5em; top:-0.4em; } 
.superscript { position:relative; top:-3px; }
.applications {display:none; font-family:verdana; font-size:.8em; color:#262673; text-decoration:none; }
.super { font-size:0.3em; vertical-align:baseline; position:relative; line-height:0.5em; top:-1.5em; } 
.sub { font-size:0.8em; vertical-align:sub; position:relative; line-height:0.8em; bottom:0.1em; }
.nomargins { margin:0px; }
.narrow { padding-left:30px; padding-right:30px; }
.sec { width:70%; background-color:#dfe6f6; }   /*  d1ddf9    d3ddf3     */

.bold { font-weight:bold; }
.italic { font-style:italic; }
.normal { font-weight:normal; }
.underline { text-decoration:underline; }
.highlight {color:#CC0000; }
.black{ color:#000000; }
.red { color:#DD0000; }
.blue { color:#0000AA; }
/*.lightblue { color:#bfe3fa; } */
.lightblue { color:#bfe3fa; }
.maroon { color:#AA0000; }
.gray { color:#666666; }
.darkgray { color:#333333; }
.green { color:#009900; }
.pink { color:#ffc0cb; }
.yellow { color:#FFFFCC; }
.white { color:#FFFFFF; }

.mt0 { margin-top:0px; }
.mt2 { margin-top:2px; }
.mt3 { margin-top:3px; }
.mt5 { margin-top:5px; }
.mt7 { margin-top:7px; }
.mt10 { margin-top:10px; }
.mt12 { margin-top:12px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt100 { margin-top:100px; }
.mt-2 { margin-top:-2px; }
.mt-3 { margin-top:-3px; }
.mt-4 { margin-top:-4px; }
.mt-7 { margin-top:-7px; }
.mt-8 { margin-top:-8px; }
.mt-10 { margin-top:-10px; }
.mt-12 { margin-top:-12px; }
.mt-15 { margin-top:-15px; }
.mt-20 { margin-top:-20px; }
.mt-25 { margin-top:-25px; }
.mt-30 { margin-top:-30px; }
.mt-35 { margin-top:-35px; }
.mt-40 { margin-top:-40px; }
.mt-60 { margin-top:-60px; }
.mt-90 { margin-top:-90px; }
.mr15 { margin-right:15px; }
.mr25 { margin-right:25px; }
.ml2 { margin-left:12px; }
.ml25 { margin-left:25px; }
.ml45 { margin-left:45px; }
.ml60 { margin-left:60px; }
.ml-2 { margin-left:-2px; }
.ml-130 { margin-left:-130px; }

.margin6 { margin-left: 6px; }
.margin10 { margin-left: 10px; }
.margin12 { margin-left: 12px; margin-right: 12px; }
.margin15 { margin-left: 15px; margin-right: 0px; }
.margin20 { margin-left: 20px; margin-right: 0px; }
.margin25 { margin-left: 25px; margin-right: 25px; }
.margin30 { margin-left: 30px; margin-right: 0px; }
.margin40 { margin-left: 40px; margin-right: 0px; }
.margin50 { margin-left: 50px; margin-right: 0px; }
.margin60 { margin-left: 60px; margin-right: 0px; }
.margin45 { margin-left: 45px; margin-right: 45px; }
.margin100 { margin-left: 100px; }

.mb0 { margin-bottom:0px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb50 { margin-bottom:50px; }
.mb100 { margin-bottom:100px; }
.mb-5 { margin-bottom:-5px; }
.mb-10 { margin-bottom:-10px; }

.pb0 { padding-bottom:0px; }
.pb3 { padding-bottom:3px; }
.pb5 { padding-bottom:5px; }
.pb7 { padding-bottom:7px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb-10 { padding-bottom:-10px; }
.pb-15 { padding-bottom:-15px; }
.pb-30 { padding-bottom:-30px; }
.pb-50 { padding-bottom:-50px; }
.pt0 { padding-top:0px; }
.pt10 { padding-top:10px; }
.pl07 { padding-left:7px; }
.pr07 { padding-right:7px; }

.indent10 {text-indent: 10px; text-align:justify}
.indent20 {text-indent: 20px; text-align:justify}

.bgblue { background:#CCCCEE; }
.bggreen { background:#CCEECC; }
.bgred { background:#EECCCC; }
.bgsilver { background:#DDDDDD; }

#textdiv { display:none; }
.texttable td { padding:1px 15px; }
.texttable th { padding:1px 15px; }
.personinfo { width:50%; }
.personinfo td { padding:1px 1px; }
.personinfo .type { width:85px; }
.teamtable { text-align:center; margin:20px auto 2px auto; padding:0; }
.delegatetable { text-align:center; padding: 0; margin: 20px auto; border-spacing: 0; }
.delegatetable tbody tr:hover td { color: red; }
.delegatetable th { font-weight: bold; padding: 10px 30px; margin: 0; border-bottom: 2px solid black; }
.delegatetable td { padding: 10px 30px 0px 30px; margin: 0; }
.profiletable td, .updatetable td { padding: 3px 20px; }

.initialhide { display:none; }

/*
td.top {
  background-color:#000080;
  text-align:right;
}


td.bottom {
  background-color:#ffe38c;
  padding:15px;
}  
*/

/* below is for Collapsible Text */
.mainExpand {
  cursor:pointer;
  cursor:pointer;
}

/* Begin floating DIV */

/* This is a floating overlay called a modal */
/* First, the styling of the box */
.modalDialog {
    width:100%; 
    height:100%; 
    position:absolute; 
    font-family: Verdana, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.50);
	z-index: 100;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

/* Now let’s add our :target pseudo class as well as the styling for the modal box. */
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
 	position:relative; 
 	margin: 0 auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #000000;
//	background: -moz-linear-gradient(#fff, #999);
//	background: -webkit-linear-gradient(#fff, #999);
//	background: -o-linear-gradient(#fff, #999);
}

.modalDialog  > #popupdiv {
	width: 535px;
	height: 590px;
    position:relative;   
    margin: 0 auto;
	margin-top:100px;
//	margin-left:200px;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #ffd;
//	background: -moz-linear-gradient(#fff, #999);
//	background: -webkit-linear-gradient(#fff, #999);
//	background: -o-linear-gradient(#fff, #999);
}

/* Now let’s close the box. */
.close {
	background: #444444; /*#606061*/
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -0px;
	text-align: center;
	top: -0px;
	width: 24px; 
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { 
    background: #888888; 
	color:#cccccc;
}

/* Now let’s add a lower close button. */
.close2 {
	background: #444444; /*#606061*/
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -0px;
	text-align: center;
	bottom: -0px;
	width: 24px; 
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close2:hover { 
    background: #888888; 
	color:#cccccc;
}
/* End floating DIV */

/* A nicely styled button with curved edges and shadow that changes on hover */
.button {
  background-color: #04AA6D;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;

	-moz-border-radius: 0px; /* was 7px */
	-webkit-border-radius: 0px; /* was 7px */
	border-radius: 0px; /* was 7px */
	-webkit-box-shadow: 0 0 0px rgba(0,0,0, .75); /* was 0 0 7px */
	-moz-box-shadow: 0 0 0px rgba(0,0,0, .75); /* was 0 0 7px */
	box-shadow: 2px 2px 0px rgba(0,0,0, .75); /* was 2 2 7px */
	color:#0000CC; 
}


.button:hover {
	background-color: #FF0000;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, .75);
	box-shadow: 1px 1px 3px rgba(0,0,0, .75);
	color:#FF0000;
}