/**********************  DEBUGS  *********************/

.debug, .debug td, .debug th {padding:0px;  color:blue; font-family: Arial, sans serif; font-size: 12px; }
table.debug { border: 1px solid blue; }
.debug th { font-weight:bold; }




/****************** GENERAL *********************/

body, body td { font-family:Arial,verdana, sans serif; color:black; font-size:14px; }

img { border: none; }

/* The "layout" class is for invisible divs and tables which are
   used for arranging items on the screen.  */
.layout tr td { border: none; margin: none; padding: none; }

h1
{
	font-size:20px; 
	color:navy;
	margin-bottom:5px;
	margin-top:0px;
}
h2
{
	font-size:16px;
	font-family:Arial, Helvetica, sans serif;
	color:navy;
	margin-bottom:3px;
	margin-top: 8px;
}
h3
{
	color:navy;
	font-weight:bold;
	font-size:16px;
	font-family:arial,helvetica;
	margin-bottom:5px;
	margin-top:3px;
	margin-left:0px;
}
h4
{
	color:#000099;
	font-weight:bold;
	font-size:13px;
	font-family:arial,helvetica;
	margin:5px;
}


.caption {font-size:12px; font-family:Arial,Helvetica;}
.small {font-size:11px; font-family:Arial,Helvetica;}

a {color:#000099; text-decoration:none; }
a:hover { text-decoration:underline; color:blue;}

.topBorder { padding:0px; border-top:1px solid SlateGray; }

.border {border:1px solid black; padding:0px; margin:0px;}


#eo_container { width: 600px; }


/********************  FORMS ***********************/

/* these inputs are really ugly
input, select, textarea {border:1px solid lightblue; background:lavender; font-size:11px; }
*/
div.form_buttons { text-align: center; margin: 10px; }

table.event_settings { border-collapse: collapse; width: 100%; }
table.event_settings td { border: 1px solid slateGray; padding: 5px; }

table.form { border: 1px solid black; width: 100%; }
table.form td.label { padding-right: 10px; text-align: right; }
table.form td.button { text-align: center; } /* 4497 */

.formSubHeading{ font-size:14px;  color:blue; border-bottom:2px solid blue; }


.public_login 
{ 
	width: 150px;
	font-size: 12px; 
	padding: 5px; 
	text-align: left; 
	border: 1px solid black;
}
.public_login input.text { width: 140px; margin-bottom: 3px; }
.login_title 
{ 
	background-color: navy; 
	color: white; 
	text-transform: uppercase;
	font-weight: bold;
	padding: 2px;
	font-style: italic;
	text-align: center;
}
.login_title a { color: white; }

.post_error
{ 
	margin: 20px;
	padding: 10px;
	text-align: center;
	width:300px; 
	background-color: #CC0000;
	border: 2px ridge #660000;
	color: white;
	font-weight: bold;
}


/*************************  DHTML  **************************/

.clsCBE{ background:clear;position:absolute; }
.globalFlyout {
	visibility:hidden;
	position:absolute;
	display:block;
	/* 4558 - globalFlyouts might be useful in many places,
	 * but the visual style will need to change from place
	 * to place.  So I'm removing the visual style, and leaving
	 * only position-related stuff.
	 */
	/*
	border:1px solid black;
	border-top: 1px solid slategray;
	border-left: white;
	border-right: white;
	font-weight:bold;
   	padding:2px;
	background:SlateGray;
	color:black;
	*/
}

/************************  MENUS  *************************/
#header_logo
{
	padding-right: 10px;
}
#header_info
{
	width: 100%;
	text-align: left;
}
.header, #header_menu, #topMenu
{
	width: 100%;
	
}


/* horizontalMenu covers the horizontal menus at the top and bottom
   of the EO screen, the registration flow menu, and miscellaneous
   other horizontal edge boxes.  */
table.horizontalMenu
{
	border-collapse: collapse;
}
table.horizontalMenu td
{
	font-size: 12px;
	text-align: center;
	border: 1px solid slateGray;
	margin: 0px;
}
table.horizontalMenu td, table.horizontalMenu td a
{
	color: slategray;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none; 
	cursor: default;
}
table.horizontalMenu td a:hover { color:black;  text-decoration:none;}

/* topMenu is a type of horizontalMenu that stretches
   across the whole screen.  */
table.topMenu
{
	width: 100%;
	padding:0px;
}
.topMenu td {border:0px solid red; text-align:center; background-repeat:no-repeat; background-image: url('../_Library/graphics/buttons/bBlankGray.gif');backgorund-position:-1 -1;}
.topMenu td a:hover{display:block; border:0px solid black; text-align:center; background-repeat:no-repeat; background-image: url('../_Library/graphics/buttons/bBlankGray_f2.gif');}


.sideMenuGreen {  height:30;   text-align:center; font-weight:bold; text-decoration:none; background-image: url('../_Library/graphics/buttons/bGreen.gif'); background-repeat:no-repeat; }
.sideMenuGreen a {color:white;  }
.sideMenuGreen a:hover {display:block; vertical-align:center; display:block; line-height:215%; height:29px; color:red; text-decoration:none; background-image: url('../_Library/graphics/buttons/bBlue_f2.gif');background-repeat:no-repeat;background-position:-1 -3; }

.sideMenuGray { border:1px solid slategray; vertical-align:center; height:30px; background-image:gray url('../_Library/graphics/buttons/bBlankGray.gif'); background-repeat:no-repeat;  }
.sideMenuGray a {color:black; font-size:12px;  vertical-align:center;}
.sideMenuGray a:hover {  vertical-align:center; display:block; line-height:215%; height:26px;;  color:red;  text-decoration:none; background-image: url('../_Library/graphics/buttons/bBlankGray_f2.gif'); background-position:-1 -1;background-repeat:no-repeat;}

/* logoutMenus are positioned against the right side. */
table.logoutMenu
{
	position: absolute;
	right: 5px;
	top: 5px;
}
table.logoutMenu td
{
	padding-left: 10px;
	padding-right: 10px;
}


/* verticalMenu covers the vertical lists of links found in
   the side menus, the custom links, and many of the public
   pages.  */
table.verticalMenu { border: none; }
table.verticalMenu td { vertical-align: top; }
/* 4502 table.verticalMenu th */
table.verticalMenu th,
{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #204080;
	padding-top: 8px;
}


.eo_side_menu
{
	width: 100%;
	margin: 0px;
	border: none;
	padding: 0px;
	padding-right: 1px;
}

/* 4595 */
.account_side_menu
{
	width: 100%;
	text-align: center;
}
.account_side_menu .icon
{
	width: 100px;
	text-align: center;
}

a.menuLink {
	display:block; text-decoration:none; cursor:default;
	color:white;
	font-weight:bold;
	font-family:Arial,Helvetica;
	font-size:11px;
}
a.menuLink:hover { color:pink;}

.menuBox {
  position:absolute; visibility:hidden; overflow:hidden;
  font-family: arial,verdana,helvetica,sans-serif; font-size: 11px;font-weight:normal;
  color:#8C8C64;;
  background:#FFFFFF;
  border-color:#FFB8DF;
  border-top:1px solid; 
  border-right:2px solid; 
  border-left:1px solid; 
  border-bottom:2px solid;
}
.menuBox a.menuLink {	color:#FFB8DF; }
.menuBox a.menuLink:hover { color:black; }


.menuCell {
  text-align:left; 
  font-size:10px;
  font-weight:bold;
  color:#0C520C;
  padding-left:5px;
  padding-top:3px;
  border: 1px black solid;
}


.menuBackground{
	font-weight:bold;
	font-size:10px;
	background:SlateGray;
}
.menuBackground a { color:white; font-family:Arial,Helvetica;}
.menuBackground a:hover { color:pink; text-decoration:none;}


/****************  REPORTS  **********************/
table.report
{
	border-width:1px; 
	border-color:black; 
	border-style:solid; 
	padding:5px;
	margin-bottom:10px;
}
table.report th
{
	text-align: center;
	vertical-align: center;
	text-transform: uppercase;
	background: slategray; 
	font-family: verdana, arial; 
	font-size: 12px; 
	color: white;
}
table.report th a
{
	color:white;
}
table.report th a:hover {color:black; }
table.report td 
{
	font-size: 12px; 
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

/* td.print, .sort, .links are used in the report functions */
table.report td.print { padding-right:15px; }
table.report td.sort
{ 
	text-align:center; 
	border-right:1px solid black;
	border-left:1px solid black;
	padding-right: 15px;
	padding-left:  15px;
}
table.report td.links { padding-left: 15px; }

table.report th.printable {font-size:12px; font-weight:bold; color:white; background-color:black;}
table.report th.printable a {font-family:arial,verdana; font-weight:bold;   font-size:12px; color:white; 	text-decoration:none}
table.public {background:#000000; padding:5px; border-width:0px;}


/******************  PAGE-SPECIFIC  *********************/
td.image_manager { border: 1px solid black; padding: 5px; }

.formWarning{ font-weight:bold; }

/* INVOICE */
.invoiceRow TD { font-size:12px; font-family:Times,serif; border: 1px solid black; padding:3px;s}

#sponsorLogos table { width: 100%; }
#sponsorLogos td { text-align: center; }