/* Common file for all the "Wizard" sites.    Rev. 2/10/2012 
   Variables are in the form  name-name  (except for "navbar", "outerbox", "lightbox", etc.)
 */


/* 
 BODY (incl. scrollbars) 
 */

body {		/* General bodytext */
	font-family: verdana; 					
	color: #000000; 
	font-size:10px;
	padding: 0px;
	margin: 0px;
}
	
body.enemas {
	background:#E1DEED;			/* light violet */
	scrollbar-base-color: #E1DEED;
	scrollbar-arrow-color: #000000;
}

body.grs {
	background: #760613;		/* dark red */
	scrollbar-base-color: #760613;
	scrollbar-arrow-color: red;
}

body.kcoa {
	background:#FFCCFF;		/* pink */
	scrollbar-base-color: #FF99CC;
	scrollbar-arrow-color: #000000;

}

body.woa  {
	background:black;
	scrollbar-base-color : #000000;
	scrollbar-arrow-color : #E1DEED;
}




/* 
  OUTER BOXES
 */

div.outerbox {					/* It should match the navbar box */
	width:825px;
	background-color:white;
	margin:0px auto;			/* Align horizontally, with 0 margin at top/bottom */
	border:1px #0084AD solid;
	padding:2px;
}




/* 
  BACKGROUNDS  (useful to specify link properties)
 */
 
.white-background {
	background-color:white;			/* same for all sites */
	color:black;
}


.black-background {
	background-color:black;			/* same for all sites */
}


body.enemas  .light-background {
	background-color:#dfefff;	/* pale blue */	
}

body.grs  .light-background {
	background-color:white;		/* NOTE: this is different from lightbox' background color */	
}

body.kcoa  .light-background {
	background-color:#dfefff;	/* pale blue */	
}

body.woa  .light-background {
	background-color:#BAE0F4; 	/* darkish blue */
}

body.enemas  .dark-background {
	background-color:#BAE0F4; 	/* darkish blue */	
}

body.grs  .dark-background {
	background-color:black;	
}

body.kcoa  .dark-background {
	background-color:#BAE0F4; 	/* darkish blue */	
}

body.woa  .dark-background {
	background-color:#BAE0F4; 	/* darkish blue */	
}



/* 
  BOXES (General containers)
 */


/* Light boxes */

div.lightbox {
	border-bottom:3px;
}

body.enemas  div.lightbox {
	background-color:#dfefff;	/* pale blue */
	border-bottom:#0084AD solid;
}

body.grs  div.lightbox {
	background-color:#606060;	/* medium gray */
	color:white;
	border-bottom:#760613 solid;
}

body.kcoa  div.lightbox {
	background-color:#dfefff;	/* pale blue */
	border-bottom:#0084AD solid;
}

body.woa  div.lightbox {
	background-color:#EEEEEE; 	/* very light gray */
	border-bottom:#0084AD solid;
}


/* Dark boxes */

div.darkbox {
	border-bottom:3px;
}

body.enemas  div.darkbox {
	background-color:#BAE0F4; 	/* darkish blue */
	border-bottom:#0084AD solid;
}

body.grs  div.darkbox {
	background-color:black;
	color:white;				/* Text color */
	border-bottom:#760613 solid;
}

body.kcoa  div.darkbox {
	background-color:#BAE0F4; 	/* darkish blue */
	border-bottom:#0084AD solid;
}

body.woa  div.darkbox {
	background-color:#BAE0F4; 	/* darkish blue */
	border-bottom:#0084AD solid;
}


/* White boxes */

div.whitebox {
	background-color:white;
	color:black;
	border-bottom:3px;
}

body.enemas  div.whitebox {
	border-bottom:#0084AD solid;
}

body.grs  div.whitebox {
	border-bottom:#760613 solid;
}

body.kcoa  div.whitebox {
	border-bottom:#0084AD solid;
}


/* Black boxes */

div.blackbox {
	background-color:black;
	color:white;				/* Text color */
	border-bottom:3px;
}

body.enemas  div.blackbox {
	border-bottom:#0084AD solid;
}

body.grs  div.blackbox {
	border-bottom:#760613 solid;
}

body.kcoa  div.blackbox {
	border-bottom:#0084AD solid;
}



/* Message-board boxes. These are used to render message-board posts within the site */
div.MBbox {
	border:1px solid; 
	padding:5px; 
	background-color:#e1ecf2; 
	width:96%;
	margin:0 auto;
	max-height:90px;
	overflow:auto;
	margin-top:3px;
}




/* 
	STYLES FOR VARIOUS PAGE ELEMENTS 
 */

div.page-header {			/* For main page headers (just below navigation bar) */
	font-family: verdana;
	font-size:28px;
	font-weight: bold;
	padding-top:15px;
	padding-bottom:25px;
	padding-left:5px;
}

body.enemas	div.page-header {
	background-color:#BAE0F4;
	color: purple;
	border-bottom:1px #0084AD solid;
}

body.grs  div.page-header {
	background-color:black;
	color: red;
}

body.kcoa	div.page-header {
	background-color:#BAE0F4;
	color: purple;
	border-bottom:1px #0084AD solid;
}

body.woa  div.page-header {
	background-color:black;
	color: white;
	border-left:#0084AD 2px solid;
	border-right:#0084AD 2px solid;
}



div.photo-page-header {			/* For main page headers (just below navigation bar) of photo pages, such as photo-of-the-day page */
	font-family: verdana;
	font-size:28px;
	font-weight: bold;
	padding-top:15px;
	padding-bottom:25px;
	padding-left:5px;
	background-color:black;
}

body.enemas	 div.photo-page-header {
		color: #BAE0F4;
}

body.grs  div.photo-page-header {
		color: red;
}

body.kcoa	 div.photo-page-header {
		color: #BAE0F4;
}


div.box-header {			/* For box headers */
	font-family: verdana;
	font-size:24px;
	font-weight: bold;
	padding-top:15px;
	padding-bottom:10px;
}

body.enemas  div.lightbox	div.box-header {
	color:red;
}

body.enemas  div.darkbox	div.box-header {
	color: red;
}

body.grs  div.lightbox	div.box-header {
	color:white;
}

body.grs  div.darkbox	div.box-header {
	color: red;
}

body.kcoa  div.lightbox	div.box-header {
	color:red;
}

body.kcoa  div.darkbox	div.box-header {
	color: red;
}


div.blog-header {			/* Headers of blog entries */
	font-family: verdana;
	font-size:16px;
	font-weight: bold;
}

body.enemas  div.blog-header {
	color: purple;
}

body.grs  div.blog-header {
	color: #760613;
}

body.kcoa  div.blog-header {
	color: purple;
}


/* Separator line */

body.enemas  div.separator-line {
	border:1px #0084AD solid;
}

body.grs  div.separator-line {
	border:1px #760613 solid;
}

body.kcoa  div.separator-line {
	border:1px #0084AD solid;
}



/* 
 *
 *  HYPERLINKS 
 *
 */



/* Versions for links on light boxes (backgrounds) */

a:link  {
	color : blue;
}

a:visited  {
	color : purple;
}

a:hover{
	color:red;
}

a:active {
	color:red;
}



body.grs  .lightbox  a:link  {
	color : white;
}

body.grs  .lightbox  a:visited  {
	color : #cccccc;
}

body.grs  .lightbox  a:hover{
	color:red;
}

body.grs  .lightbox  a:active {
	color:red;
}






/* Version for links on dark boxes (backgrounds) */


.darkbox  a:link  {
	color : white;
}

.darkbox  a:visited  {
	color : #cccccc;
}

.darkbox  a:hover{
	color:red;
}

.darkbox  a:active {
	color:red;
}



body.enemas  .darkbox  a:link  {
	color: blue;
}

body.enemas  .darkbox  a:visited  {
	color: purple;
}

body.enemas  .darkbox  a:hover{
	color: red;
}

body.enemas  .darkbox  a:active {
	color: red;
}


body.kcoa  .darkbox  a:link  {
	color: blue;
}

body.kcoa  .darkbox  a:visited  {
	color: purple;
}

body.kcoa  .darkbox  a:hover{
	color: red;
}

body.kcoa  .darkbox  a:active {
	color: red;
}



.blackbox  a:link  {
	color : white;
}

.blackbox  a:visited  {
	color : #cccccc;
}

.blackbox  a:hover{
	color:red;
}

.blackbox  a:active {
	color:red;
}





/* NOTE: the rules for MBbox'es and backgrounds, below, 
   are marked as "!important".
   So, if a background class is specified, these rule over-ride 
   the style of the class of the box containing it
 */
 
 
 
.MBbox  a:link  {
	color: #6699CC !important;
}

.MBbox  a:visited  {
	color: #6699CC !important;
}

.MBbox  a:hover{
	color: red !important;
}

.MBbox  a:active {
	color: red !important;
}



 

/* Links on light backgrounds */

.white-background  a:link  {
	color : blue !important;
}

.white-background  a:visited  {
	color : purple !important;
}

.white-background  a:hover{
	color:red !important;
}

.white-background  a:active {
	color:red !important;
}


.light-background  a:link  {
	color:blue !important;
}

.light-background  a:visited  {
	color:purple !important;
}

.light-background  a:hover{
	color:red !important;
}

.light-background  a:active {
	color:red !important;
}



/* Links on dark backgrounds */

.dark-background  a:link  {
	color : white !important;
}

.dark-background  a:visited  {
	color : #cccccc !important;
}

.dark-background  a:hover{
	color:red !important;
}

.dark-background  a:active {
	color:red !important;
}


.black-background  a:link  {
	color : white !important;
}

.black-background  a:visited  {
	color : #cccccc !important;
}

.black-background  a:hover{
	color:red !important;
}

.black-background  a:active {
	color:red !important;
}







/* Older, self-contained, link class "LinkOnDarkBg" */

a.LinkOnDarkBg:link  {
	color : white;
}

a.LinkOnDarkBg:visited  {
	color : #cccccc;
}

a.LinkOnDarkBg:hover  {
	color : red;
}

a.LinkOnDarkBg:active  {
	color : red;
}






/* 
  TABLE DATA
 */

td.box-header {		/* For headers of product boxes */
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;
	background-color:#000000;
	font-size:16px;
	padding:10px;
}

td.date {
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;
	background-color:#000000;
}

td.future-date {		/* Indicating an upcoming release */
	font-weight: bold;
	text-align: center;
	color:#FF0000;
	background-color:#000000;
	font-size:16px;
}

td.title {
	font-weight: bold;
	text-align: center;
	color:#FF0000;


	background-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

td.feature {
	vertical-align: middle;
	width:252px;
	background-color: #BAE0F4;
	font-family: verdana;
	color: #000000;
	font-size:10px;
	padding: 2px;
}

td.thumb {
	font-weight: bold;
	text-align: center;
	color:#FFFFFF;
	background-color:white;
}

td.product-box {			/* Large box to showcase individual films */
	font-family: verdana;
	color: #000000;
	font-size:10px;
	padding: 2px;
}

body.enemas  td.product-box {
	background-color: #dfefff;
}

body.grs  td.product-box {
	background-color: white;
}

body.kcoa  td.product-box {
	background-color: #dfefff;
}


td.product-description {
	font-weight: bold;
	color:black;
	background-color:white;
}

table.update {
	border-color:#000000;
	margin:auto;
}

table.blog {
	margin:auto;
	color:black;
}


table.translations  {	/* Link to computer translations */
	background-color:#EEEEEE;
	float:left;
}
		
		
table.footer-thumbs  {
	clear:left;
}

table.footer-thumbs td {
	border: 1px solid #EEEEEE;
}






/* 
 *
 *  NAVIGATION BAR 
 *
 */
 
div.navbar  {					/* The navbar box */
	width: 825px;
	border: 1px solid #0084AD;
	padding: 2px;
	margin: 2px auto 0px;		/* top, left/right (centered), bottom */
}

/* Site-specific styles of the navbar box */

body.enemas  div.navbar  {					
	background-color : #dfefff;
}

body.grs  div.navbar  {					
	background-color : white;
}

body.kcoa  div.navbar  {					
	background-color : #dfefff;
}

body.woa  div.navbar  {					
	background-color : #444444;
}




div.navbar-header  {	/* The first (header) line in the navbar */
	background:black;
	color:white;
	padding-top:2px;
	padding-left:10px;
	padding-bottom:5px;
}

body.enemas	div.navbar-header  {
	margin-bottom:5px;
}

body.grs	div.navbar-header  {
	margin-bottom:5px;
}

body.kcoa	div.navbar-header  {
	margin-bottom:5px;
}

body.woa	div.navbar-header  {
	margin-bottom:10px;
}




.navbar-titletext  {		/* The title (site's name) in the nav bar */
	font-family : verdana;
}

body.enemas	.navbar-titletext  {
	color:#E1DEED;
	font-size : 10px;
}

body.grs	.navbar-titletext  {
	color:#DDDDDD;
	font-size : 10px;
}

body.kcoa	.navbar-titletext  {
	color:#E1DEED;
	font-size : 10px;
}

body.woa	.navbar-titletext  {
	color : #FF0000;
	font-size : 18px;
}



.navbar-normal-line1  {		/* Unselected menu entries in the first navbar line */
	font-weight : bold;
	padding : 4px;
}

body.enemas	.navbar-normal-line1  {
	color : blue;
	font-family : verdana;
	font-size:14px;
}

body.grs	.navbar-normal-line1  {
	color : blue;
	font-family : verdana;
	font-size:14px;
}

body.kcoa	.navbar-normal-line1  {
	color : blue;
	font-family : verdana;
	font-size:14px;
}

body.woa	.navbar-normal-line1  {
	color : white;
	font-family : Arial;
	font-size:16px;
}



.navbar-normal-line2  {		/* Unselected menu entries in the second navbar line */
	font-weight : bold;
}

body.enemas  .navbar-normal-line2  {
	color : blue;
	font-family : verdana;
	font-size:10px;
	padding : 1px;
}

body.grs  .navbar-normal-line2  {
	color : blue;
	font-family : verdana;
	font-size:10px;
	padding : 2px;
}

body.kcoa  .navbar-normal-line2  {
	color : blue;
	font-family : verdana;
	font-size:10px;
	padding : 1px;
}

body.woa  .navbar-normal-line2  {
	font-size:12px;
	color : white;
	font-family : Arial;
	padding : 2px;
}



span.navbar-highlight  {		/* Selected menu entries */
	font-weight : bold;
	padding : 2px;
}

body.enemas span.navbar-highlight  {
	font-family : verdana;
	font-size:16px;
	color : black;
	background:white;
	border:1px solid;
}

body.grs span.navbar-highlight  {
	font-family : verdana;
	font-size:16px;
	color : red;
	background:black;
	border:1px solid;
}

body.kcoa span.navbar-highlight  {
	font-family : verdana;
	font-size:16px;
	color : black;
	background:white;
	border:1px solid;
}

body.woa span.navbar-highlight  {
	font-family : Arial;
	font-size:18px;
	color : white;
	background:#990000;
	border:1px solid;
}



span.navbar-separator  {		/* Style for the separator bullet or vertical bar */
	font-size:10px;
	color:#ccaaaa;
}




/* 
  GRAPHICS 
 */


/* .images img {border: 1px solid #666666;}  */

img.left-aligned-image  {
	margin-right:5px;
	float:left;
	border:0px;
}





/* 
  OUTER TABLES  -- BEING PHASED OUT (still used in enema tour)
 */

table.outertable {
	width:825px;
}

body.enemas  table.outertable {
	background-color:#BAE0F4; 	/* darkish blue */
	border:1px #0084AD solid;
}

body.grs  table.outertable {
	background-color:#000000;
	border: 1px #0084AD solid;
}

body.kcoa  table.outertable {
	background-color:#BAE0F4; 	/* darkish blue */
	border:1px #0084AD solid;
}

body.woa table.outertable {
	background-color:white; 
	border:1px #0084AD solid;
	margin:auto;
}


table.outertable-GRS {			/* TO PHASE OUT */
	background-color:#000000;
	border: 1px #0084AD solid;
}

table.outertable-white {		/* TO PHASE OUT? */
	background-color:white; 
	border:1px #0084AD solid;
}

.outertable-lightgray  {		/* TO PHASE OUT? */
	background-color : #dddddd;
	border : 1px #ffffff solid;
	margin-top: 10px;
}




/* 
 * STYLES FOR TEXT 
 */


.bodytext {		/* Same as in body: to phase out */
font-family: verdana; color: #000000; font-size:10px; padding: 2px;
}	
 
.boldbodytext {
font-family: verdana; color: #000000; font-size:12px; padding: 2px;
}

.intensecolor-bodytext {
	color:red;
}

.subduedcolor-bodytext {
	color:purple;
}

.titletext {
font-family: verdana; color: #FF0000; font-size:24px; padding: 2px;
}

.smalltitletext {
font-family: verdana;color: Purple;font-size:14px;padding: 2px;
}

.title-text {				/* For film titles */
	font-family: verdana;
	color: #FF0000;
	font-size:24px;
	padding: 2px;
	font-weight: bold;
}


.section-header-text {		/* For headers of each section within the large page */
	font-family: verdana;
	color: Purple;
	font-size:16px;
	padding: 2px;
	font-weight: bold;
}


.revbodytext {
	font-family: verdana; color: #DDDDDD; background-color:#000000; font-size:10px; padding: 2px;
}

.rev-body-text-large {
	font-family: verdana; 
	color: #DDDDDD; 
	background-color:#000000; 
	font-size:14px;
	padding: 2px;
}

.disclaimer {
	font-family: verdana; 
	color: #FFFFFF; 
	background-color:#000000; 
	font-size:14px; 
	padding: 2px;
}

.validation-error  {
	font-family: verdana;
	color: #FF0000;
	font-size:20px;
	padding: 2px;
	font-weight: bold;
}


a.joinlink {				/* Flashy link to join page */
	color: white; 
	font-family: arial; 
	font-weight: bold;
	background-color:black; 
	font-size:22px; 
	border: 1px red solid; 
	padding: 4px
}


a.joinlink:link  {
	color:#B8FAF8;
}

a.joinlink:visited  {
	color:#B8FAF8;
}

a.joinlink:hover  {
	color:red;
}

a.joinlink:active  {
	color:red;
}




/* 
 *** COLOR INFO ***
 
 #001176	dark blue briefly used as GRS background
 
 #BAE0F4	darker of the pale blues used for Enemas
 #dfefff	paler  of the pale blues used for Enemas
 */