/* CSS Document */
.act {
	width: 40px;
}
#ajax_iframe {
	display: none;
}
.audience {
	font-size: 11px;
}
.audience li {
	margin-left: 8px;
}
.audienceList ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.audienceList ul li {
	width: 32%;
	white-space: nowrap;
	float: left;
	margin: 0;
	padding: 0;
}
#breadCrumbs,
#content #breadCrumbs ul {
	text-transform: capitalize;
	margin: 0;
}
.calDetails {
	height: 100px;
	overflow: auto;
	border: 1px solid #CCC;
	padding: 5px;
	clear: both;
	margin: 4px 0;
}
.clearField {
	font-size: 0pt;
	text-indent: 16px;
	overflow: hidden;
	position: absolute;
	margin-top: 18px;
	margin-left: 58px;
	background: url(../../Image/icons/bullet_delete.gif) no-repeat -1px -3px;
	display: -moz-inline-box; /* Mozilla */
	display: inline-block; /* IE, Opera and Safari */
	width: 10px;
	height: 10px;
}
.toggle {
	padding-left: 12px;
	color: #009;
}
.resize {
	color: #FFF;
	font-size: 0pt;
	text-indent: 12px;
	display: block;
	float: right;
	width: 11px;
	height: 11px;
}
.collapse {
	background: url(../../Image/minus.gif) no-repeat 0 2px;
}
.expand {
	background: url(../../Image/plus.gif) no-repeat 0 2px;
}
/* holds event form stuff */
.col {
	width: 45%;
	float: left;
	clear: none !important;
	margin: 0pt !important;
}
*> .col {
	width: 49%;
}
#previewPane .col {
	width: auto;
}
#previewPane table
, #previewPane form {
	padding-bottom: 10px;
}
#previewPane #eventDetails th {
	cursor: move;
}
/*
float left of this div block is causing IE to crash
known issue among developers
http://meyerweb.com/eric/thoughts/2004/09/16/when-browsers-attack/
*/
.col_holder,
#content .col_holder {
	display: block;
}
#content div#header2 {
	margin-bottom: auto;
}

.del, .del * {
	text-decoration: line-through;
	color: #666;
}
.del a {
	color: #336;
	text-decoration: underline;
}
#displayCalendar {
	border-collapse: collapse;
	cursor: default;
	background: #FFF;
}
#displayCalendar * {
	font-size: 11px;
}
#displayCalendar a {
	color: #00C;
	display: block;
}
#displayCalendar a:hover {
	color: #C00;
	text-decoration: none;
}
#displayCalendar th {
	background: #999;
	color: #FFF;
	font-weight: bold;
	padding: 1px !important;
	border: 1px solid #DDD;
	text-align: center;
}
#displayCalendar tbody td a {
	min-width: 16px;
}
#displayCalendar th a,
caption a,
h4 a {
	color: #FFF;
}
#displayCalendar th a:hover,
caption a:hover,
h4 a:hover {
	color: #FFF;
}
#displayCalendar tr.weeks th  {
	background: #BAC4CC;
}
#displayCalendar tbody td  {
	padding: 1px !important;
	border: 1px solid #EEE;
	text-align: right;
}
#displayCalendar tfoot td {
	border: none;
	border-width: 0;
	padding: 3px 1px;
}
#displayCalendar td.eventDay {
	background: #FFD;
}

div.checkboxScroll {
	border: 1px solid #CCC;
	height: 80px;
	overflow: auto;
	display: block;
}
div.checkboxScroll fieldset {
	border: none;
	width: auto;
	padding: 6px;
}
div.checkboxScroll fieldset legend {
	margin: 0;
	padding: 0;
}
div.checkboxScroll label {
	display: inline;
}

div.showhelp {
	display: block;
	width: 300px;
	border: 1px solid #CCC;
	padding: 10px;
	position: absolute;
	background: #FFE;
	cursor: default;
}
#eventShield {
	width: 100%;
	height: 310px;
	position: absolute;
	z-index: -1;
}
#eventDetails {
	padding: 3px;
	width: 100%;
	margin-bottom: 0 !important;
}
#eventDetails .close {
	background: url(../../Image/Check_x.gif) no-repeat;
	cursor: pointer;
	height: 12px;
	margin: 1px 5px 1px 1px;
	padding: 0px;
	display: block;
	float: right;
	width: 12px;
	z-index: 6;	
}
#eventDetails th {
	background: #EEE;
	padding: 4px;
}
#eventDetails td {
	vertical-align: top;
	padding: 4px;
}
h4,
#content h4 {
	color: #FFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0px;
	text-indent: 5px;
	background: #999;
	border-right: 1px solid #999;
	white-space: nowrap;
	width: 100%;
	clear: both;
	margin: 0;
}
h4 a,
#content h4 a {
	color: #FFF;
}
#selCalendarsBox {
	border: 1px solid #DDD;
}
#frmSelCal {
	overflow: hidden;
}
#frmSelCal div.divCalendars {
	display: block;
	margin: 0;
	height: 59px;
	overflow: auto;
	background: #FFF;
	border: none;
	padding: 1%;
}
form {
	padding: 0px;
}
.gray {
	color: #999;
}
#header {
	position: static;
	width: 100%;
}
/* requested fry's logo in call #4740*/
#header img {
	height: auto;
	width: auto;
}
h5 {
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

#header2 {
	border: 0px;
	font-size: 10px;
	text-transform: uppercase;
}
#header2 a {
	color: #666;
	border: 1px solid #FFF;
	display: block;
	text-align: left;
	text-decoration: none;
	text-indent: 5px;
	width: 23%;
	float: left;
}
#header2 a:hover {
	background: #F7F7F7;
	border-left-color: #999;
	border-right-color: #999;
	color: #00C;
	text-decoration: underline;
}
#optional_link {
	margin-left: 5px;
	line-height: 20px;
	font-size: 11px;
}
#optional_fields {
}
table#eventList {
	border-collapse: collapse;
	border: 1px solid #EEE;
	width: 100%;
	clear: both;
}
table#eventList td {
	padding: 3px;
	border-top: 1px solid #EEE;
	vertical-align: top;
	line-height: normal;
}
table#eventList thead th {
	background: #EEE;
	padding: 3px;
	border: 1px solid #FFF;
}
/* in inc_header2.cfm */
#previewPane {
	background: #FFF;
	border: 1px solid #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	height: 310px;
	left: 0;
	overflow: auto;
	position: absolute;
	top: 0;
	width: 500px;
	z-index: 50;
}
#previewPane .gray,
#previewPane .actionButtons {
	margin: 10px;
	color: #999;
}
.leftSprite {
	background: transparent url(../../Image/tooltip_ptr_sprite.gif) no-repeat scroll 50% -102px;
}
.rightSprite {
	background: transparent url(../../Image/tooltip_ptr_sprite.gif) no-repeat scroll 50% -153px;
}
/* arrow pointing to preview pane */
#previewArrow {
	height: 20px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 22px;
	z-index: 51;
}

.loading,
#content div.loading,
#content .searchForm div.loading,
#container #content .searchForm div.loading {
	display: block;
	padding: 5px;
	background: #DBEAF5;
	border: 1px solid #CCC;
	color: #369;
	font-weight: bold;
	height: auto;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	opacity: .9;
	filter: Alpha(Opacity=90);
	z-index: 100;
	overflow: hidden;
}
.loading img {
	border: 1px inset #CCC;
	width: 70px;
	height: 3px;
}
table.report th,
table.report thead th {
	vertical-align: bottom;
	padding: 4px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table.report th.title {
	background: #369;
	color: #FFF;
}
table.report td,
table.report tbody td {
	vertical-align: top;
	padding: 4px;
	height: auto;
	line-height: normal;
}
table.report tbody td p,
#content td div {
	margin: 0px;
	line-height: normal;
}

.corporate,
table.report .corporate {
	font: bold 11px Arial, Helvetica, sans-serif;
	background: #FFFFE0;
	float: right;
	padding: 3px;
	border: 1px solid #CCC;
}
.corptitle,
table.report .corptitle {
	color: #666;
	font-size: 9px;
	text-decoration: none;
	text-transform: uppercase;
}
table.report .alt1, 
table.report .hi {
	background: #EFEFEF;
}
table.report .alt2, 
table.report .lo {
	background: #FFF;
}
.rowgroup,
table.report .rowgroup {
	background: #DDD;
	font-weight: bold;
}
table.report .rowgroup td,
table#eventList .rowgroup td {
	font: bold 11px Tahoma, Arial, Helvetica, sans;
}
table.report #bgTR .corporate, 
table.report .alt1 .corporate {
	background: #F2F2D4;
}
table.report hr {
	height: 1px;
	margin: 0px;
	padding: 0px;
}
table.report img {
	margin: 0 3px 3px 0;
}
.numeric {
	text-align: right;
}

select#calSelect {
	width: 300px;
}
a.podButton {
	text-decoration: none;
	margin: 4px 4px 0 0;
	float: right;
}
a.podButton img {
	border: 1px solid #FFF;
}
.small {
	font-size: 11px;
}
sup {
	font-size: 8px;
}
#frmSearch label.inline,
label.inline,
.inline {
		display: inline;
}
.version {
	color:#EEE;
	font-size: 9px;
	text-decoration: none;
}
form td {
	vertical-align: top;
}
.pgbrk {
	page-break-before: always;
}
@media print {
	#nav_header
	, #breadCrumbs
	, #bgNote
	, #eventFilter
	, #lnkDspEvnts
	, #footer
	, #header
	, #header2
	, #selCalendarsBox
	, hr
	, form
	{
		display: none;
	}
	body
	, #content
	, #container #content
	, #container {
		margin: 0px;
		padding: 0px;
		width: 100%;
		background-image: none;
	}
	table.report {
		border: 1px solid #333;
		border-collapse: collapse;
	}
	table.report td {
		border: 1px solid #333;
		border-width: 1px 0px;
	}
}