/**************************************************************
/* public.css
/* jpl 4/02/09
/*
/*	Styles for eclipsestlouis.
/*************************************************************/


/*------------------------------------------------------------------------------*/
/* SECTION::Global HTML Resets */

* {
	padding:				0;
	margin:					0;
}
input[type="radio"], input[type="checkbox"] {
	vertical-align:			middle;
}

html {
	padding:				0;
	margin:					0;
}

body {
	text-align:				left;
	padding:				0;
	margin:					0;
	background:				#010209 url(../images/background.jpg) 50% -150px no-repeat;
	font-family:			"Trebuchet MS", Helvetica, Jamrul, sans-serif;;
	font-size:				12px;
	color:					#fff;
}

ul li {
	list-style-type:		none;
}

ol li {
	margin-left:			30px;
}


/* End SECTION::Global HTML Resets
/*------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------*/
/* SECTION::Chrome  */
	a:link		{ color: #558CCC; text-decoration: none; }
	a:visited	{ color: #558CCC; text-decoration: none; }
	a:hover		{ color: #558CCC; text-decoration: underline; }
	a:active	{ color: #558CCC; text-decoration: underline; }
	
	
a img { border: none; }

h1 {
	color:					#530026;
	font-weight:			500;
	margin-bottom:			2px;
}

h2, .h2 {
	font-size:				15px;
	color:					#CBD6FD;
	margin-top:				8px;
	margin-bottom:			8px;
}

h3 {
	font-size:				14px;
	color:					#CBD6FD;
	margin-top:				0px;
	margin-bottom:			0px;
}
.newsItemDetails h3 {
	font-size:				18px;
	margin-bottom:			1px;
}

hr {
	color:					#D3D3D3;
	background-color:		#D3D3D3;
	border:					none;
	height:					1px;
}

p {
	padding-bottom:			13px;
	text-align:				justify;
	line-height:			14px;
}


/* End SECTION::Chrome
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* SECTION::Modules, Sections and Elements  */

div.module {
	margin-bottom:			16px;
}

div.module .titleBar {
	position:				relative;
	background:				transparent url(../images/chrome/popUpTitleBarLeftEdge.png) no-repeat top left;
	height:					22px;
	font-size:				12px;
}
div.module .titleBar span.theTitle {
	background:				transparent url(../images/chrome/popUpTitleBar.png) no-repeat top right;
	display:				block;
	color:					#ffffff;
	margin-left:			11px;  /* nudge out of the BG image left edge */
	padding-top:			4px;
	padding-right:			9px;  /* ensure we don't bleed into the BG right egde */
	padding-bottom:			3px;
	overflow:				hidden;
	white-space:			nowrap;
}

.titleBodyBuffer {
	background:				#fff;
	height:					2px;
}

div.module>.body {
	border:					2px solid #fff;
	background:				#E7DAE0 url(../images/chrome/popUpBG.gif) repeat-x;
	margin:					0;
	padding:				10px;
	vertical-align:			baseline;
}


div.footer {
	height:					10px;
	background:				url(../images/chrome/moduleFooter.png) left top no-repeat;
}
div.footer div {
	margin-left:			11px;  /* nudge out of the BG image left edge */
	height:					10px;
	background:				url(../images/chrome/moduleFooter.png) right top no-repeat;
}

div.module .tightPadding {
	padding:				6px;
}

div.module .nextSection {
	display:				block;
	clear:					both;
	margin-top:				16px;
}

.nextSection {
	margin-top:				16px;
}

.nextElement {
	margin-top:				6px;
}

td.nextElement {
	margin-top:				0px;
	padding-top:			2px;
}

table.elementSet td {
	padding-bottom:			4px;
}

td.padded {
	padding:				10px !important;
}

.module a {
	color:					#6C9C31;
}
tr.highlightable a:link {
	text-decoration:		none;
}

.nextElementLine {
	padding-top:		6px;
}

/* End SECTION::Modules, Sections and Elements 
/*------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------*/
/* SECTION::Standard Inputs  */
input[type=text], input[type=password], select, textarea {
	border:				none;
	font-size:			11px;
}

input[type=text], input[type=password] {
	padding:			2px 3px;
	height:				13px;  /* inside border minus padding */
}

select {
	padding:			1px 0px;
	height:				19px;  /* inside border */
}

textarea {
	padding:			2px 3px;
	font-family:		helvetica, serif;
}

textarea[disabled] {
	background-color:	#f4f4f4;
	color:				#bbb;
}


/* End SECTION::Standard Inputs
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* SECTION::Page Architecture  */

#page-content {
	position:				relative;
	margin:					185px auto 0px auto;
	width:					855px;
	height:					450px;
}

	/* Header ---------------------------------------------------------------*/
	
	#page-header {
		position:				relative;
	}
	
	#page-header h1, #page-header h2 {
		position:				absolute;
		text-indent:			-10000px;
	}
	
	
	
	#page-header #top-menu {
		position:				absolute;
		top:					0px;
		width:					100%;
		color:					#FFDC9A;
		font-size:				16px;
		font-weight:			500;
	}
	#page-header #top-menu ul {
		
	}
	#page-header #top-menu ul li {
		display:				inline;
		float:					left;
		height:					18px;
	}
	#page-header #top-menu ul li a {
		display:				block;
		padding-right:			26px;
	}
	#page-header #top-menu ul li a.last { padding-right: 0px; }
	
	#page-header #top-menu ul li a.current {
		color:					#FF3A15 !important;
		cursor:					default;
	}
	#page-header #top-menu a:link		{ color: #FFDC9A; text-decoration: none; }
	#page-header #top-menu a:visited	{ color: #FFDC9A; text-decoration: none; }
	#page-header #top-menu a:hover		{ color: #FF3A15; text-decoration: none; }
	#page-header #top-menu a:active		{ color: #FF3A15; text-decoration: none; }
	
	
	
	#topLogo {
		position:				absolute;
		left:					10px;
		top:					0px;
		height:					168px;
		width:					240px;
		background-image:		url(../images/signs/logo.png);
	}
	#topLogo a {
		display:				block;
		height:					168px;
		width:					240px;
	}
	
	/* End Header -----------------------------------------------------------*/
	
	
	
	/* Middle ---------------------------------------------------------------*/
	#page-middle {
		position:				absolute;
		top:					30px;
		width:					100%;
		height:					330px;
		padding:				20px 0px;
		overflow:				hidden;
		border:					0px solid #fff;
	}
	
	#body-home #page-middle {
		overflow:				visible;
	}
	
	#page-middle h2 {
		margin-top:				0px;
	}
	
	#left-content {
		position:				absolute;
		width:					406px;
	}
	#left-content img, .flashBorder {
		border:					1px solid #FF3A15;
	}
	.flashBorder {
		height:					346px;
	}
	
	#right-content {
		position:				absolute;
		right:					0px;
		width:					410px;
	}
	#right-content img.header {
		margin:					-3px 0 0px 0;
		
	}
	#page-middle a:link		{ color: #FF3A15; text-decoration: none; }
	#page-middle a:visited	{ color: #FF3A15; text-decoration: none; }
	#page-middle a:hover	{ color: #FFDC9A; text-decoration: none; }
	#page-middle a:active	{ color: #FFDC9A; text-decoration: none; }
	
	
	
	#body-press #right-content, #body-events #right-content { width: 356px; }
	#body-press #left-content,  #body-events #left-content  { width: 455px; }
	
	/* End Middle -----------------------------------------------------------*/
	
	
	
	
	
	/* Footer ---------------------------------------------------------------*/
	#page-footer {
		position:				absolute;
		top:					425px;
		width:					100%;
		padding-top:			0px;
		color:					#FF3A15;
		line-height:			14px;
	}
	
	#page-footer ul li {
		display:				inline;
		float:					left;
		height:					18px;
	}
	#page-footer ul li a {
		display:				block;
		padding-right:			15px;
	}
	
	#page-footer a:link		{ color: #FFDC9A; text-decoration: none; }
	#page-footer a:visited	{ color: #FFDC9A; text-decoration: none; }
	#page-footer a:hover	{ color: #FF3A15; text-decoration: none; }
	#page-footer a:active	{ color: #FF3A15; text-decoration: none; }
	/* End Footer -----------------------------------------------------------*/
	
	
/* End SECTION::Page Architecture
/*------------------------------------------------------------------------------*/
	
	
	ul.menus li {
		display:				inline;
		float:					left;
		height:					16px;
	}
	ul.menus li a {
		display:				block;
		width:					180px;
	}
	
	
	
	#left-content.newsItemDetails img {
		border:					1px solid #CBD6FD;
		margin-right:			15px;
	}
	
	.newsItemDetails table td {
		vertical-align:			bottom;
	}
	.newsItemDetails table td img {
		height:					138px;
		width:					138px;
	}
	.newsItemDetails table td h2 {
		font-size:				26px;
		margin-bottom:			0px;
	}
	#page-middle .newsItemDetails table td div.white a {
		color:					#fff;
		font-size:				18px;
	}
	.newsItemDetails table td p {
		font-size:				17px;
		line-height:			21px;
		padding-bottom:			0px;
	}
	
	
	.newsItemDetails .story {
		float:					left;
		overflow:				auto;
		height:					190px;
		margin-top:				10px;
		text-align:				justify;
		width:					430px;
		padding-right:			10px;
	}
	
	.newsItemDetails .storyScroll {
		float:					left;
		height:					190px;
		width:					10px;
		margin-top:				10px;
	}
	
	.scrollBack {
		height:					10px;
		width:					10px;
		background:				url(../images/chrome/scrollBarUpArrow.png) no-repeat;
	}
	
	.scrollForward {
		height:					10px;
		width:					10px;
		background:				url(../images/chrome/scrollBarDownArrow.png) no-repeat;
	}
	
	.newsItemDetails .scrollContainer {
		height:					170px;
		width:					10px;
	}
	
	.scrollKnob {
		height:					10px;
		width:					10px;
		background:				url(../images/chrome/scrollBarKnob.png) no-repeat 0 50%;
	}
	
	
	#page-middle .white a:link		{ color: #ffffff important!; text-decoration: none; }
	#page-middle .white a:visited	{ color: #ffffff important!; text-decoration: none; }
	#page-middle .white a:hover		{ color: #FFDC9A important!; text-decoration: none; }
	#page-middle .white a:active	{ color: #FFDC9A important!; text-decoration: none; }
	
	
	#newsItemPaging {
		text-align:				right;
	}
	
	ul.newsItems li {
		height:					50px;
		width:					296px;
		margin-bottom:			10px;
		padding:				5px 50px 5px 10px;
		background:				url(../images/signs/pressItemBG.gif) no-repeat 0 0;
		cursor:					pointer;
	}
	ul.newsItems li:first-child	{ margin-top:				0px; }
	ul.newsItems li h2			{ margin-bottom:			0px; }
	ul.newsItems li p			{ text-align:				left; }
	
	ul.newsItems li.hover {
		background:				url(../images/signs/pressItemBG.gif) no-repeat 0 -60px;
	}
	ul.newsItems li.current {
		background:				url(../images/signs/pressItemBG.gif) no-repeat 0 -60px;
		cursor:					default;
	}
	
	
	
	
	#body-personalities #right-content {
		background:				url(../images/signs/hallOfFame.jpg) no-repeat;
		height:					356px;
		width:					379px;
	}
	#body-personalities #left-content  { width: 455px; }
	
	#hallOfFameLabel {
		position:				absolute;
		top:					50px;
		left:					115px;
		height:					40px;
		width:					150px;
		cursor:					pointer;
	}
	
	#hallOfFameImages {
		position:				absolute;
		top:					95px;
		left:					47px;
		height:					190px;
		width:					300px;
	}
	#hallOfFameImages img {
		height:					48px;
		width:					48px;
		border:					1px solid #CBD6FD;
		margin:					0 9px 5px 0;
		cursor:					pointer;
	}
	#hallOfFameImages img.hover {
		border:					1px solid #FF3A15;
	}
	#hallOfFameImages img.current {
		border:					1px solid #FF3A15;
		cursor:					default;
	}
	
	
	
	#contanctHowToFind { margin-top: 30px; }


/*------------------------------------------------------------------------------*/
/* SECTION::Widgets  */


#loadingMessage {
	display:			none;
	z-index:			30000;
	position:			fixed;
	top:				1px;
	right:				1px;
	border:				2px solid #CBD6FD;
}
#loadingMessageInnerBorder {
	background:			#0E1E51;
	color:				#FFFFFF;
	border:				3px solid #535F87;
	padding:			7px 8px;
	font-size:			14px;
}
	
	
	
	.dateLabel {
		font-size:				20px;
		font-weight:			900;
		color:					#bd0017;
	}
	
	
	
	
	.backIcon, .forwardIcon {
		background:				url(../images/icons/calendarArrowBack.gif) 50% 50% no-repeat;
		height:					20px;
		width:					20px;
		cursor:					pointer;
		margin-top:				3px;
	}
	.backIcon	{ background: url(../images/icons/calendarArrowBack.gif)	50% 50% no-repeat; }
	.forwardIcon{ background: url(../images/icons/calendarArrowForward.gif) 50% 50% no-repeat; }
	
	
	/* Paging -------------------------------------------------------------*/
	.pageScrollLinks {
		width:					100%;
		text-align:				right;
		padding-right:			15px;
	}
	
	.pageLink {
		color:					#FFFFFF;
		cursor:					pointer;
	}
	
	.pageLink-current {
		color:					#FF3A15;
		font-weight:			bold;
		cursor:					default;
	}
	/* End Paging ---------------------------------------------------------*/
	
	


/* End SECTION::Widgets
/*------------------------------------------------------------------------------*/








/*------------------------------------------------------------------------------*/
/* SECTION::Global Utility  */
	
	.red, a.red			{ color: #B21924; }
	.green				{ color: #97B24E; }
	.mauve				{ color: #580029; }
	.purple				{ color: #624C87; }
	.brightPurple		{ color: #563677; }
	
	

/* End SECTION::Global Utility
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* SECTION::Roar  */

.roar-body
{
	position:				absolute;
	font:					12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	color:					#fff;
	text-align:				left;
	z-index:				999;
}

.roar
{
	position:				absolute;
	width:					300px;
	cursor:					pointer;
}
.roar-bg
{
	position:				absolute;
	z-index:				1000;
	width:					100%;
	height:					100%;
	left:					0;
	top:					0;
	background-color:		#555;
	-moz-border-radius:		10px;
	-webkit-border-radius:	5px;
	-webkit-box-shadow:		0 0 5px rgba(0, 0, 0, 0.5);
}
.roar-body-ugly .roar
{
	background-color:		#333;
}
.roar-body-ugly .roar-bg
{
	display:				none;
}
.roar h3
{
	position:				relative;
	padding:				15px 10px 15px;
	margin:					0;
	border:					0;
	font-size:				13px;
	color:					#fff;
	z-index:				1002;
}
.roar p
{
	position:				relative;
	padding:				0px 10px 10px;
	margin:					-5px 0 0 0;
	font-size:				12px;
	color:					#fff;
	z-index:				1002;
}
.roar a
{
	color:					#fff;
	font-weight:			900;
	text-decoration:		underline;
}
.roar a:hover
{
	text-decoration:		none;
}
/* End SECTION::Roar
/*------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------*/
/* SECTION::Date Picker  */
/**************************************************************
/* DatePicker.css
/* jpl 9/26/08

	Styles for the DatePicker widget.

	This styling is keyed entirely on the "DatePicker".
	To create an alternate CSS theme for DatePicker object,
	copy the contents of this file entirely and replace all instances
	"DatePicker" with the "[alterateThemeName]".  Then
	supply that new name as the value of className in the options
	of the SelectInput constructor, as in:
	
	new DatePicker(container, {className: "[alterateThemeName]"};

/*************************************************************/

.DatePicker-input {
	width:					60px;
}


.DatePicker-Icon {
	background:				url(../images/icons/icon13Calendar.gif) 50% 10% no-repeat;
	width:					20px;
	height:					16px;
	display:				inline-block;
	cursor:					pointer;
}

.DatePicker-WidgetDiv {
	background:				#fff;
	padding:				10px;
	border:					1px solid #6C9C31;
}

.DatePicker-ControlDiv {
	text-align:				center;
	vertical-align:			middle;
}
.DatePicker-ControlDiv span {
	text-align:				center;
	vertical-align:			middle;
}
.DatePicker-BackButton {
	background:				url(../images/datePicker/backButton.gif) 50% 0 no-repeat;
	height:					12px;
	width:					13px;
	cursor:					pointer;
	float:					left;
	margin-top:				1px;
}
.DatePicker-BackButton:hover {
	background-position:	50% -12px;
}
.DatePicker-MonthLabel {
	font-weight:			900;
	font-size:				14px;
	text-align:				center;
	display:				block;
	margin:					0 auto 0px auto;
}
.DatePicker-ForwardButton {
	background:				url(../images/datePicker/forwardButton.gif) 50% 0 no-repeat;
	height:					12px;
	width:					13px;
	cursor:					pointer;
	float:					right;
	margin-top:				1px;
}
.DatePicker-ForwardButton:hover {
	background-position:	50% -12px;
}

.DatePicker-CanvasGrid th {
	font-size:				14px;
	text-align:				center;
	padding:				0px;
	color:					#6C9C31;
}
.DatePicker-CanvasGrid td {
	font-size:				12px;
	background:				url(../images/datePicker/validDay.gif) 50% 0 no-repeat;
	height:					21px;
	padding:				0px;
	width:					21px;
	text-align:				center;
	vertical-align:			middle;
	cursor:					pointer;
}
.DatePicker-CanvasGrid td:hover { background-position:	50% -21px; }
.DatePicker-CanvasGrid td.chosenDate { background-position:	50% -21px; }

.DatePicker-CanvasGrid td.dayToday { border: 1px solid #f00; }

.DatePicker-CanvasGrid td.DatePicker-DayOtherMonth {
	color:					#888;
	background:				url(../images/datePicker/validOtherMonthDay.gif) 50% 0 no-repeat;

}
.DatePicker-CanvasGrid td.DatePicker-DayOtherMonth:hover { background-position:	50% -21px; }


.DatePicker-CanvasGrid td.DatePicker-invalidDay {
	background:				url(../images/datePicker/invalidDay.gif) 50% 0 no-repeat;
	cursor:					default;
	color:					#BBB;
}
.DatePicker-CanvasGrid td.DatePicker-invalidDay:hover { background-position: 50% -21px; }


#clientViewInvoiceEditForm .DatePicker-input,
#clientViewInvoiceAddForm .DatePicker-input { width: 50px; }


/* End SECTION::Date Picker
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* Drop Shadow Elements for CA Pop Ups */
html>body .ds1UR { background: url(../images/chrome/ds1UR.png) right top no-repeat; }
html>body .ds1LL { background: url(../images/chrome/ds1LL.png) left bottom no-repeat; padding-top: 9px; padding-left: 9px; }
html>body .ds1M { background: url(../images/chrome/ds1M.png) bottom right; }
html>body .ds1C { position: relative; left: -9px; top: -9px; }
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* SECTION::Universal Utility  */
	
	
	.left       { float: left; }
	.right      { float: right; }
	.inline		{ display: inline; }
	
	.block		{ display: block; }
	.inline		{ display: inline; }
	.inlineBlock{ display: inline-block; }
	
	.justify	{ text-align: justify; }
	
	/* this is for using on a block-level container element */
	/* and will center contents inside the container */
	.center     { text-align: center; }
	
	/* this is for using on an inline element, such as an image */
	/* and will turn the element block, and center the element within its container */
	.centered   { display: block; margin: 0 auto 0px auto; }
	
	.verticalMiddle td, td.verticalMiddle { vertical-align: middle; }
	div.verticalMiddle { vertical-align: middle; }
	.verticalMiddle img { vertical-align: middle; }
	.verticalMiddle input[type=image] { vertical-align: middle; }
	.verticalMiddle>* { vertical-align: middle; }
	
	.baseline	{ vertical-align: baseline !important; }
	
	.relative	{ position: relative; }
	.absolute	{ position: absolute; }
	
	.hidden     { display: none; }
	.no-border  { border: none !important; }
	
	.flush-left { padding-left : 0 !important; margin-left : 0 !important }
	.flush-right{ padding-right: 0 !important; margin-right: 0 !important }
	
	.fullWidth	{ width: 100%; }
	
	.truncatedText { overflow: hidden; }
	
	.clear      { clear: both; }
	.hideOverflow {	overflow: hidden; }
	
	.clickable	{ cursor: pointer; }
	.strike		{ text-decoration: line-through; }
	.transparent{ border: none !important; background: transparent; }
	
	.bold		{ font-weight: 900 }
	
	
	.white		{ color: #ffffff; }
	.grey		{ color: #939598; }
	
/* End SECTION::Universal Utility
/*------------------------------------------------------------------------------*/