/* RPM Packages: ao-bkecf-web-* */
/* RPM Permissions: 750 */
/* RPM Owner: ecf_web */
/* RPM Group: ecf_web */
/* RPM Flags: configure */
/* Reviewer: dcl */

/********************************************************************
 * These are the styles that define the CM/ECF user interface.
 * Within major concepts, these styles are organized by style, not by
 * class. I acknowledge that this makes it harder to read and
 * understand the classes by looking at the markup. However, the
 * purpose of this organization is to help ensure that the interface
 * remains internally consistent; when modifying a class, this will
 * help us keep the rest of the interface in mind. For example,
 * classes that use gray headers should always use the same shade of
 * gray. See the wiki for developer documentation.
 ********************************************************************/

/****** Browser differences *****************************************
 * To deal with IE-FF differences we primarily use the following
 * trick: In general, where there are conflicting styles that are
 * equally specific, the first one takes priority. However, the
 * "!important" label gives priority for a style over other
 * conflicting instances of that style. If you use:
 * x:y !important;
 * x:y;
 * FF will use only the first and IE will use only the second.
 ********************************************************************/

/********  Tables  ********/

/* see Links for links in reports */

/* items that use the arial font */
table.calendar th,
table.calendar td,
table.report   th,
table.report   td,
table.report caption,
table.complexReport th,
table.complexReport td,
table.editSummary th,
table.editSummary td,
table.selectionCriteria th,
table.selectionCriteria td,
.pageSubHeader,
#sidebar-label,
div.fakeOption,
#Status,
.specialInput .legend,
.specialInput .label,
.sans-serif,
.sans-serif th,
.sans-serif td,
.yui-calcontainer th,
.yui-calcontainer td {
	/*
	  use absolute sizing in FF. For IE it doesn't work as it should so we are stuck with relative
	  sizing. Watch out for using these items inside of each other because the sizing will compound
	  and they will become very small. It works out okay for calendars because in IE both the larger
	  calendar in regular context and the smaller calendar in this context are similar and both look
	  okay.
	 */
	font-size:small !important;
	font-size:smaller;
	font-family:arial,helvetica,clean,sans-serif;
}

.sans-serif div.fakeOption {
	font-size:100%;
}


/* gray table headers */
table.selectionCriteria th,
table.report th,
table.complexReport .rowHeader,
table.report .rowHeader {
	text-align:center;
	font-weight:normal;
	background:#e1e1e1 url('../graphics/table-header-gradient.gif') repeat-x scroll;
	border-bottom:solid 1px #cccccc;
	border-top:solid 1px #eaeaea;
	color:#000000;
}

table.calendar th {
	background-color:#e1e1e1;
}

table.report caption {
	white-space:nowrap;
	font-weight:bold;
}


/* thin borders */
table.selectionCriteria,
table.editSummary,
table.calendar {
	border-collapse:collapse;
	border-spacing:0px;
}

table.editSummary,
table.selectionCriteria {
	border-bottom:solid 1px #cccccc;
}

table.calendar,
table.calendar th,
table.calendar td {
	border:solid 1px black;
}

table.editSummary td,
table.selectionCriteria tr td {
	border-top:solid 1px #cccccc;
	padding:3px;
}

table.editSummary {
	margin:10px;
}

table.calendar th,
table.calendar td {
	padding:3px;
}

table.report th,
table.complexReport th {
	padding:0px 3px 0px 3px;
}

/* special for pacer billing receipt table */
table.pacerBillingReceipt {
        width:400px;
        background-color:white;
}
table.pacerBillingReceipt,
table.pacerBillingReceipt th,
table.pacerBillingReceipt td {
	border:solid 1px black;
}

/* undo the gray headers and padding for the popup calendar */
span.yui-calcontainer th {
	font-weight:bold;
	background-color:transparent;
	padding:0px;
}

table.report .rowHeader,
table.complexReport .rowHeader {
	padding:0px;
}

table.report,
table.complexReport {
	width:98%;
}

.yui-panel-container table.report {
	width:100%;
}

table.alignment td.label,
table.editSummary td.label,
table.selectionCriteria td.label,
table.report tr.total,
table.complexReport tr.total {
	font-weight:bold;
	text-align:right;
}

table.report label,
table.report td.label,
table.complexReport label,
table.complexReport td.label {
	font-weight:normal;
}

table.editSummary td.label,
table.editSummary td.info,
table.selectionCriteria td.label,
table.selectionCriteria td.info {
	vertical-align:top;
}


/* These are used to alternately color the rows of a table. */

.rowBackground1 {
	background-color:transparent;
}

.yui-panel-container .rowBackground1,
.yui-panel-container table.rowBackground1 td,
.yui-panel-container tbody.rowBackground1 td,
.yui-panel-container    tr.rowBackground1 td {
	background-color:#ffffff;
}

.rowBackground2 {
	background-color:#deecfc;
}

.complexReport .rowBackground1,
.complexReport table.rowBackground1 td,
.complexReport tbody.rowBackground1 td,
.complexReport    tr.rowBackground1 td {
	background-color:#EAEAEA;
}

/******** Headers ********/

/* Blue header at the top of the page */
.pageHeader {
	font:bold 1.125em arial,helvetica;
	color:#0000cc;
}

.pageSubHeader {
	font-weight:bold;
	color:#0000cc;
}

.reportMainHeader,
.reportSubHeader {
	font-weight:bold;
	text-align:center;
}
.reportMainHeader {
	font-size:1.5em;
}

/*
	Report header information, such as date:"label" would be the word "Date",
	itself, and "info" would be the actual date
	Margin values separate data items from each other if there is more than one
	piece of information in the header
*/
.reportSubHeader span.label {
	margin-left:7px;
}

.reportSubHeader span.info {
	font-weight:normal;
	margin-right:7px;
}

.eventDataHeader {
	background-color:#deecfc;
}

.editorHeader {
	font-weight:bold;
	margin-bottom:1em;
}

.docketingHeader {
	font-weight:bold;
	text-align:center;
	font-size:1.125em;
}

/******** Menus ********/

.spritedownarrow {
	background: url('../graphics/ui-icons_cc0000_256x240.png') no-repeat -69px -22px;
	width: 7px;
	height: 4px;
	border: 0px !important;
	display: inline-block;
}

img.spriterightarrow {
	background: url('../graphics/ui-icons_cc0000_256x240.png') no-repeat -39px -21px;
	width: 4px;
	height: 7px;
	border: 0px !important;
}

body {
	margin:0;
	padding:0;
	overflow:hidden;
}

#cmecfMainContent {
	margin-top:0px;
 	overflow:auto;
	height:93%;
	width:100%;
}

.hrmenuseparator {
	color: #182854;
	background-color: #182854;
	border: 1px; border-top: 0px ;
	margin: 12 0 0; padding: 1;
}

.yuimenubar {
	visibility:visible;
	position:static;
}

.yuimenu .yuimenu,
.yuimenubar .yuimenu {
	visibility:hidden;
	position:absolute;
	top:-10000px;
	left:-10000px;

}


.yuimenubar li,
.yuimenu li {
	list-style-type:none;
}

.yuimenubar ul,
.yuimenu ul,
.yuimenubar li,
.yuimenu h6,
.yuimenubar h6 {
	margin:0;
	padding:0;
}

.yuimenubar ul {
}

.yuimenubar .yuimenu ul {
}

.yuimenubar>.bd>ul:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}

.yuimenubaritem {
	float:left;
	padding:4px;
	margin:0;
	text-align:center;
}

/* This colors the menu correctly before the menu code is loaded. */

.yuimenubaritem a {
	color:#182854;
	font-size:85%;
	cursor:pointer;
	text-decoration:none;
	white-space:nowrap;
	font-weight:bold;
	font-family:arial,helvetica,clean,sans-serif;
	outline:none;

}

.yuimenuitem a {
	color:#182854 ;
	font-weight:normal;
}



.yuimenubaritemlabel,
.yuimenuitemlabel {
	display:block;
}

.yuimenuitemlabel .helptext {
	font-style:normal;
	display:block;
	margin:-1em 0 0 10em;
}

.yui-menu-shadow {
	position:absolute;
	visibility:hidden;
	z-index:-1;
}

.hide-scrollbars * {
	overflow:hidden;
}

.hide-scrollbars select {
	display:none;
}

.yuimenu.show-scrollbars,
.yuimenubar.show-scrollbars {
	overflow:visible;
}

.yuimenu.hide-scrollbars .yui-menu-shadow,
.yuimenubar.hide-scrollbars .yui-menu-shadow {
	overflow:hidden;
}

.yuimenu.show-scrollbars .yui-menu-shadow,
.yuimenubar.show-scrollbars .yui-menu-shadow {
	overflow:auto;
}

.yuimenu .topscrollbar,
.yuimenu .bottomscrollbar {

	height:16px;
	background-position:center center;
	background-repeat:no-repeat;
}

.yuimenu .topscrollbar {
	background-image:url('../graphics/menu_up_arrow.png');
}

.yuimenu .topscrollbar_disabled {
	background-image:url('../graphics/menu_up_arrow_disabled.png');
}

.yuimenu .bottomscrollbar {
	background-image:url('../graphics/menu_down_arrow.png');
}

.yuimenu .bottomscrollbar_disabled {
	background-image:url('../graphics/menu_down_arrow_disabled.png');
}

/* Menu styles */

.yuimenubar {
	background-color:#FFFFFF;
	color:#182854;
	font-weight:bold;
	font-family:arial,helvetica,clean,sans-serif;
	border:0;
	margin:0;
	padding:0;

}

.yuimenu {
	color:#182854;
	border-top:solid 2px #8997a7;
	border-right:solid 2px #8997a7;
	border-bottom:solid 2px #8997a7;
	border-left:solid 2px #8997a7;
	background-color:#FFFFFF;
	font-family:arial,helvetica,clean,sans-serif;
	font-weight:normal;
	margin:0;
	padding:0px 3px 0px 3px;


}

.yuimenu .yui-menu-body-scrolled {
	overflow:hidden;
}

/* Group titles */

.yuimenu h6,
.yuimenubar h6 {
	font-weight:normal;
	margin:0 0 0 3px;
	border:solid 1px;
	border-color:#ffffff #cccccc #cccccc #ffffff;
	text-align:left;
}

.yuimenubar h6 {
	float:left;
	padding:4px 12px;
	border-width:0 1px 0 0;
}

.yuimenubar .yuimenu h6 {
	float:none;
}

.yuimenu h6 {
	border-width:1px 0 0 0;
	padding:5px 10px 0 10px;
}

.yuimenu ul.first-of-type,
.yuimenu ul.hastitle,
.yuimenu h6.first-of-type {
	border-width:0;
}

/* MenuItem and MenuBarItem styles */

.yuimenuitem {
}

.yuimenuitemlabel,
.yuimenubaritemlabel {
	font-size:85%;
	cursor:pointer;
	text-decoration:none;
	white-space:nowrap;
}

.yuimenuitemlabel {
	text-align:left;
}

.yuimenuitemlabel {
	padding-top:1px;
	padding-right:15px;
	padding-bottom:1px;
	padding-left:3px;
}

.yuimenubaritemlabel {
	border-width:0;
	border-style:solid;
	border-color:#c4c4be;
	padding-right:10px;
	padding-left:10px;
}

.yuimenubaritemlabel {
	color:#ffffff;
}

.yuimenuitemlabel {
	color:#000000;
}

/* dovev:added this so it can be as specific as "yuimenubaritem a" and therefore override it */
.yuimenuitem a {
	font:menu;
}

.yuimenubaritem-hassubmenu {

}

.yuimenuitem-hassubmenu {
	background:url('../graphics/menuitem_submenuindicator_red.png') right center no-repeat;
}

.yuimenuitem-checked {
	background:url('../graphics/menuitem_checkbox.png') left center no-repeat;
}

.yuimenuitemlabel .helptext {
	margin-top:-1.1em;
}

.yuimenuitem {
	padding-top:1px;
	padding-right:15px;
	padding-bottom:1px;
	padding-left:3px;
}
.yuimenu li {
	/*
	   This sets the blue edge of the menu away from highlighting and horizontal
	   rules, and makes the submenus overlap the edge completely
	 */
	margin:0 0 0 9px;
}


/* Selected MenuItem */

.force-background-transparent {
	background-color:#fff !important;
}

.yuimenubaritem-selected {
}

a.yuimenubaritemlabel-selected {
	text-decoration:underline;
}

.yuimenuitem-selected {
	background-color:#deecfc;
}

.yuimenuitemlabel-selected {
	color:#000000;
}

.yuimenubaritem-hassubmenu-selected {
	background-image: none;

}

.yuimenuitem-hassubmenu-selected {

	background-image:url('../graphics/menuitem_submenuindicator_selected.png');
}

.yuimenuitem-checked-selected {
	background-image:url('../graphics/menuitem_checkbox_selected.png');
}

/* Matches disabled menu items */

.yuimenubaritemlabel-disabled,
.yuimenuitemlabel-disabled {
	cursor:default;
}

.yuimenubaritem-hassubmenu-disabled {
	margin:0 0 0 5px;
	background-image:url('../graphics/menubaritem_submenuindicator_disabled.png');
}

.yuimenuitem-hassubmenu-disabled {
	background-image:url('../graphics/menuitem_submenuindicator_disabled.png');
}

.yuimenuitem-checked-disabled {
	background-image:url('../graphics/menuitem_checkbox_disabled.png');
}

.yuimenu h6 {
	border-color:#deecfc #abb9c9 #abb9c9 #deecfc;
}
.yuimenu li.beforeSpace {
	border-bottom:1px solid #8997a7;
}
.yuimenu li.afterSpace {
	border-top:1px solid #effdfd;
}

div#topmenu {
	min-height:40px;
	/* strictly speaking this is ignored because yui adds an inline value of "block" on the element that
	 * overrides this value. However, in IE document mode 5 (compatibility view in IE 11) this makes sure
	 * that the content following goes to another line - otherwise it was treating this like an...inline-block...
	 * It's not intuitive, it's an IE bug.
	 */
	display:inline-block;
}

/* reposition menubar text to vertically center it in the sized bar */
.yuimenubar div.bd li.yuimenubaritem {
	margin-top:12px;
	margin-bottom: 0px;
}

/* This margin moves the menu away from the CM/ECF logo. */
.yuimenubar div.bd ul {
	margin-left: 175px;
	margin-right: 60px;
}

/* but do not reposition the text inside the menus */
.yuimenubar div.bd div.bd ul {
	margin:0;
}

/* Menu item classes */

.menutextbold {
	font-weight:bold;
}

.menutextitalic {
	font-style:italic;
}

.menutextbolditalic {
	font-weight:bold;
	font-style:italic;
}


.searchTerm {
	width:182px;
}

.searchButton {
	vertical-align:top;
	cursor:pointer;
}


/****** calendar.css ******/

.yui-calcontainer {
	float:right;
	_overflow:hidden; /* IE6 only, to clip iframe shim */

	padding:5px;
	background-color:#F7F9FB;
	border:1px solid #7B9EBD;

	/* Make this a popup - dont render in context */
	position:absolute;
}


.yui-calcontainer iframe {
	position:absolute;
	border:none;
	margin:0;padding:0;
	z-index:0;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

/* IE6 only */
.yui-calcontainer iframe.fixedsize {
	width:50em;
	height:50em;
	top:-1px;
	left:-1px;
}

.yui-calcontainer.multi {
	padding:0;
}

.yui-calcontainer.multi .groupcal {
	padding:5px;
	background-color:transparent;
	z-index:1;
	float:left;
	position:relative;
	border:none;
}

.yui-calcontainer .title {
	font:80% sans-serif;
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
	height:25px;
	position:absolute;
	top:3px;left:5px;
	z-index:1;
}

.yui-calcontainer .close-icon {
	position:absolute;
	overflow:hidden;
	text-indent:-10000em;
	right:3px;
	top:3px;
	border:none;
	z-index:1;
}

.yui-calcontainer .calclose {
	background:url('../graphics/close.gif') no-repeat;
	width:17px;
	height:13px;
	cursor:pointer;
}

/* Calendar element styles */

.yui-calendar {
	text-align:center;
	border-spacing:0;
	border-collapse:separate;
	position:relative;
}

.yui-calcontainer.withtitle {
	padding-top:1.5em;
}

.yui-calendar .calnavleft {
	position:absolute;
	overflow:hidden;
	text-indent:-10000em;
	cursor:pointer;
	top:2px;
	bottom:0;
	width:9px;
	height:12px;
	left:2px;
	z-index:1;
	background:url('../graphics/callt.gif') no-repeat;
}

.yui-calendar .calnavright {
	position:absolute;
	overflow:hidden;
	text-indent:-10000em;
	cursor:pointer;
	top:2px;
	bottom:0;
	width:9px;
	height:12px;
	right:2px;
	z-index:1;
	background:url('../graphics/calrt.gif') no-repeat;
}

.yui-calendar td.calcell {
	padding:.1em .2em;
	border:1px solid #E0E0E0;
	text-align:center;
}

.yui-calendar td.calcell a {
	color:#003DB8;
	text-decoration:none;
}

.yui-calendar td.calcell.today {
	border:1px solid #000;
}

.yui-calendar td.calcell.oom {
	cursor:default;
	color:#999;
	background-color:#EEE;
	border:1px solid #E0E0E0;
}

.yui-calendar td.calcell.selected {
	color:#003DB8;
	background-color:#FFF19F;
	border:1px solid #FF9900;
}

.yui-calendar td.calcell.calcellhover {
	cursor:pointer;
	color:#FFF;
	background-color:#FF9900;
	border:1px solid #FF9900;
}

.yui-calendar td.calcell.calcellhover a {
	color:#FFF;
}

.yui-calendar td.calcell.restricted {
	text-decoration:line-through;
}

.yui-calendar td.calcell.previous {
	color:#CCC;
}

.yui-calendar td.calcell.highlight1 { background-color:#CCFF99; }
.yui-calendar td.calcell.highlight2 { background-color:#99CCFF; }
.yui-calendar td.calcell.highlight3 { background-color:#FFCCCC; }
.yui-calendar td.calcell.highlight4 { background-color:#CCFF99; }

.yui-calendar .calhead {
	border:1px solid #E0E0E0;
	vertical-align:middle;
	background-color:#FFF;
}

.yui-calendar .calheader {
	position:relative;
	width:100%;
	text-align:center;
}

.yui-calendar .calheader img {
	border:none;
}

.yui-calendar .calweekdaycell {
	color:#666;
	font-weight:normal;
	text-align:center;
	width:1.5em;
}

.yui-calendar .calfoot {
	background-color:#EEE;
}

.yui-calendar .calrowhead, .yui-calendar .calrowfoot {
	color:#666;
	font-size:9px;
	font-style:italic;
	font-weight:normal;
	width:15px;
}

.yui-calendar .calrowhead {
	border-right-width:2px;
}

/* CalendarNavigator */
.yui-calendar a.calnav {
	_position:relative;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
	color:#000;
}

.yui-calendar a.calnav:hover {
	border:1px solid #003366;
	background-color:#6699cc;
	color:#fff;
	cursor:pointer;
}

.yui-calcontainer .yui-cal-nav-mask {
	position:absolute;
	z-index:2;
	display:none;

	margin:0;
	padding:0;

	left:0;
	top:0;
	width:100%;
	height:100%;
	_width:0;    /* IE6, IE7 Quirks - width/height set programmatically to match container */
	_height:0;

	background-color:#000;
	opacity:0.25;
}

.yui-calcontainer .yui-cal-nav {
	position:absolute;
	z-index:3;
	display:none;

	padding:0;
	top:1.5em;
	left:50%;
	width:12em;
	margin-left:-6em;

	border:1px solid #7B9EBD;
	background-color:#F7F9FB;
	font-size:93%;
}

.yui-calcontainer.withtitle .yui-cal-nav {
	top:3.5em;
}

.yui-calcontainer .yui-cal-nav-y,
.yui-calcontainer .yui-cal-nav-m,
.yui-calcontainer .yui-cal-nav-b {
	padding:2px 5px 2px 5px;
}

.yui-calcontainer .yui-cal-nav-b {
	text-align:center;
}

.yui-calcontainer .yui-cal-nav-e {
	margin-top:2px;
	padding:2px;
	background-color:#EDF5FF;
	border-top:1px solid black;
	display:none;
}

.yui-calcontainer .yui-cal-nav label {
	display:block;
	font-weight:bold;
}

.yui-calcontainer .yui-cal-nav-mc {
	width:100%;
	_width:auto; /* IE6 does not like width 100% */
}

.yui-calcontainer .yui-cal-nav-y input.yui-invalid {
	background-color:#FFEE69;
	border:1px solid #000;
}

.yui-calcontainer .yui-cal-nav-yc {
	width:3em;
}

.yui-calcontainer .yui-cal-nav-b button {
	font-size:93%;
	text-decoration:none;
	cursor:pointer;
	background-color:#79b2ea;
	border:1px solid #003366;
	border-top-color:#FFF;
	border-left-color:#FFF;
	margin:1px;
}

.yui-calcontainer .yui-cal-nav-b .yui-default button {
	/* not implemented */
}

/* Specific changes for calendar running under fonts/reset */
.yui-calendar .calbody a:hover {
	background:inherit;
}
p#clear {
	clear:left;
	padding-top:10px;
}



/***** New for CM/ECF ******/

.clockWrapper,
.calendarWrapper {
	/* FF:Otherwise, the calendar does not scroll with the page */
	position:relative !important;
	/* IE:Otherwise, if the calendar goes off the bottom you cannot scroll to it */
	position:static;
	font-size:medium;
}

/* these two sit side by side with internal borders, making them appear as one field */
input.timeTextField,
input.dateTextField,
span.dateTextField {
	border-right-width:0px;
}

input.clockButton,
input.calendarButton,
div.calendarButton {
	cursor:pointer;
	border-left-width:0px;
}

input.clockButton {
	width:21px; /* width of the image plus 2px for the right border */
	background:url('../graphics/clock-icon.gif') no-repeat top right;
}

div.calendarButton,
input.calendarButton {
	background:url('../graphics/calendar.gif') no-repeat top right;
}

input.calendarButton {
	width:26px; /* width of the image plus 2px for the right border */
}

div.calendarButton {
	height:18px !important;
	height:20px;
	width:7em;
	min-width: 80px;
	font-size:small !important;
	font-size:x-small;
	background-color:#EBEBE4;
	border-left:2px solid #828177;
	border-top:2px solid #828177;
	color:#828177;
	padding-left:2px;
	display:inline-block !important;
	display:inline;
}

.clockContainer,
.clockContainer img {
	width:206px;
	height:206px;
}

.clockContainer {
	background-color:#cddbeb;
	border-color:#deecfc #abb9c9 #abb9c9 #deecfc;
	border-width:2px;
	border-style:solid;
	display:none;
}

.clockContainer img {
	border-width:0px;
}

/******** Toolbars ********/

/* See Links for links in the toolbars */

.toolbar-small,
.toolbar-large {
	background-color:#cddbeb;
	border-bottom:solid 1px #8997a7;
	border-top:solid 1px #effdfd;
	padding:2px;
	font-family:arial,helvetica,clean,sans-serif;
}

.toolbar-label,
.toolbar-item-large,
.toolbar-item-small {
	color:#0000cc;
}

.toolbar-small .toolbar-html,
.toolbar-small .toolbar-label,
.toolbar-small .toolbar-item-label {
	vertical-align:-2px !important;
	vertical-align:4px;
}

.toolbar-large .toolbar-html,
.toolbar-large .toolbar-label,
.toolbar-large .toolbar-item-label {
	vertical-align:-6px !important;
	vertical-align:7px;
}

.toolbar-small input {
	vertical-align:0px !important;
	vertical-align:-2px;
}

.toolbar-large input {
	vertical-align:2px !important;
	vertical-align:-2px;
}

.toolbar-small .toolbar-separator {
	vertical-align:-4px !important;
	vertical-align:3px;
}

.toolbar-large .toolbar-separator {
	vertical-align:-7px !important;
	vertical-align:7px;
}

.toolbar-label {
	font-weight:bold;
	margin-right:1em;
}

.toolbar-html,
.toolbar-separator,
.toolbar-item-small,
.toolbar-item-large {
	display:inline-block !important;
	display:inline;
}

.toolbar-html,
.toolbar-item-small,
.toolbar-item-large {
	padding-right:2px;
	padding-left:2px;
	margin-right:8px;
	border:solid 1px #cddbeb;
}

.toolbar-item-has-separator {
	margin-right:0px;
}

.toolbar-separator-left {
	border-right:solid 1px #8997a7;
	margin-right:0px;
	font-size:larger;
}
.toolbar-separator-right {
	border-left:solid 1px #effdfd;
	font-size:larger;
}

.toolbar-item-selected {
	border-color:#effdfd #8997a7 #8997a7 #effdfd;
}

.toolbar-item-pressed {
	border-color:#8997a7 #effdfd #effdfd #8997a7;
}

.toolbar-icon-tiny,
.toolbar-icon-small,
.toolbar-icon-large {
	display:inline-block !important;
	display:inline;
	background:url('../graphics/shortcut_icons.gif') no-repeat;
}

.toolbar-icon-disabled {
	background:url('../graphics/shortcut_icons_disabled.gif') no-repeat;
}


.toolbar-small,
.toolbar-large,
.toolbar-small a.disabledLabel,
.toolbar-large a.disabledLabel,
.toolbar-icon-disabled {
	cursor:default;
}

.toolbar-icon-small {
	width:31px;
}

.toolbar-icon-large {
	width:42px;
}

.toolbar-item-small,
.toolbar-icon-small {
	height:22px;
}

.toolbar-item-large,
.toolbar-icon-large {
	height:30px;
}

.toolbar-icon-tiny {
	width:23px;
	height:16px;
	font-size:0;
}

.toolbar-icon-tiny-scroll { background-position:-218px 0; }
.toolbar-icon-tiny-star { background-position:-241px 0px; }
.toolbar-icon-tiny-paper { background-position:-264px 0px; }
.toolbar-icon-tiny-stack { background-position:-218px -16px; }
.toolbar-icon-tiny-hammer { background-position:-241px -16px; }
.toolbar-icon-tiny-gavel { background-position:-264px -16px; }
.toolbar-icon-tiny-planner { background-position:-218px -32px; }
.toolbar-icon-tiny-orange-calendar { background-position:-241px -32px; }
.toolbar-icon-tiny-briefcase { background-position:-264px -32px; }
.toolbar-icon-tiny-double-arrow { background-position:-218px -48px; }
.toolbar-icon-tiny-edit-datetime { background-position:-241px -48px; }
.toolbar-icon-tiny-undo-arrow { background-position:-264px -48px; }
.toolbar-icon-tiny-clock { background-position:-218px -64px; }
.toolbar-icon-tiny-datetime { background-position:-241px -64px; }
.toolbar-icon-tiny-spiral { background-position:-264px -64px; }
.toolbar-icon-tiny-blue-cal-page { background-position:-218px -80px; }
.toolbar-icon-tiny-white-cal-page { background-position:-241px -80px; }
.toolbar-icon-tiny-green-cal-page { background-position:-264px -80px; }
.toolbar-icon-tiny-x-calendar { background-position:-218px -96px; }
.toolbar-icon-tiny-save { background-position:-241px -96px; }
.toolbar-icon-tiny-copy { background-position:-264px -96px; }
.toolbar-icon-tiny-people { background-position:-218px -112px; }
.toolbar-icon-tiny-squares-calendar { background-position:-241px -112px; }

.toolbar-icon-small-scroll { background-position:-126px 0; }
.toolbar-icon-small-star { background-position:-157px 0px; }
.toolbar-icon-small-paper { background-position:-188px 0px; }
.toolbar-icon-small-stack { background-position:-126px -22px; }
.toolbar-icon-small-hammer { background-position:-157px -22px; }
.toolbar-icon-small-gavel { background-position:-188px -22px; }
.toolbar-icon-small-planner { background-position:-126px -44px; }
.toolbar-icon-small-orange-calendar { background-position:-157px -44px; }
.toolbar-icon-small-briefcase { background-position:-188px -44px; }
.toolbar-icon-small-double-arrow { background-position:-126px -66px; }
.toolbar-icon-small-edit-datetime { background-position:-157px -66px; }
.toolbar-icon-small-undo-arrow { background-position:-188px -66px; }
.toolbar-icon-small-clock { background-position:-126px -88px; }
.toolbar-icon-small-datetime { background-position:-157px -88px; }
.toolbar-icon-small-spiral { background-position:-188px -88px; }
.toolbar-icon-small-blue-cal-page { background-position:-126px -110px; }
.toolbar-icon-small-white-cal-page { background-position:-157px -110px; }
.toolbar-icon-small-green-cal-page { background-position:-188px -110px; }
.toolbar-icon-small-x-calendar { background-position:-126px -132px; }
.toolbar-icon-small-save { background-position:-157px -132px; }
.toolbar-icon-small-copy { background-position:-188px -132px; }
.toolbar-icon-small-people { background-position:-126px -154px; }
.toolbar-icon-small-squares-calendar { background-position:-157px -154px; }

.toolbar-icon-large-scroll { background-position:0px 0px; }
.toolbar-icon-large-star { background-position:-42px 0px; }
.toolbar-icon-large-paper { background-position:-84px 0px; }
.toolbar-icon-large-stack { background-position:0px -30px; }
.toolbar-icon-large-hammer { background-position:-42px -30px; }
.toolbar-icon-large-gavel { background-position:-84px -30px; }
.toolbar-icon-large-planner { background-position:0px -60px; }
.toolbar-icon-large-orange-calendar { background-position:-42px -60px; }
.toolbar-icon-large-briefcase { background-position:-84px -60px; }
.toolbar-icon-large-double-arrow { background-position:0px -90px; }
.toolbar-icon-large-edit-datetime { background-position:-42px -90px; }
.toolbar-icon-large-undo-arrow { background-position:-84px -90px; }
.toolbar-icon-large-clock { background-position:0px -120px; }
.toolbar-icon-large-datetime { background-position:-42px -120px; }
.toolbar-icon-large-spiral { background-position:-84px -120px; }
.toolbar-icon-large-blue-cal-page { background-position:0px -150px; }
.toolbar-icon-large-white-cal-page { background-position:-42px -150px; }
.toolbar-icon-large-green-cal-page { background-position:-84px -150px; }
.toolbar-icon-large-x-calendar { background-position:0px -180px; }
.toolbar-icon-large-save { background-position:-42px -180px; }
.toolbar-icon-large-copy { background-position:-84px -180px; }
.toolbar-icon-large-people { background-position:0px -210px; }
.toolbar-icon-large-squares-calendar { background-position:-42px -210px; }


#sidebar-table {
	border-collapse:collapse;
}

#sidebar-table-cell,
#sidebar-main-content-table-cell {
	vertical-align:top;
}

#sidebar-main-content-table-cell {
	width:100%;
}

#sidebar-resize-table-cell:hover,
#sidebar-resize-table-cell.mouseover {
	background-image:url('../graphics/vertical-gradient-highlight.gif');
}

#sidebar-resize-table-cell {
	width:8px;
	background:url('../graphics/vertical-gradient.gif') repeat-y;
	border-right:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	cursor:pointer;
}

#sidebar-resize-table-cell #toggle-sidebar,
#sidebar-resize-table-cell #toggle-sidebar img {
	text-decoration:none;
	border:0px;
}

#sidebar-resize-table-cell #toggle-sidebar:hover {
	background-color:white;
}

.sidebar-container-right,
.sidebar-container-left,
#sidebar-label {
	padding:0em .3em;
}

.sidebar-container-right,
.sidebar-container-left {
	overflow:auto;
}

#sidebar-label {
	font-weight:bold;
	color:#0000cc;
}

/*
 * In IE, when buttons have a long label their width grows extra wide. This
 * style takes care of that problem without causing problems in FF.
 */
.ie-fix-button-width {
	margin:0em;
	padding:0em .5em;
	width:auto !important;
	width:0;
	overflow:visible;
}

/********  Containers ********/


.yui-overlay,
.yui-panel-container {
	visibility:hidden;
	position:absolute;
	z-index:2;
}

.yui-tt {
	visibility:hidden;
	position:absolute;
	color:#333;
	background-color:#FDFFB4;
	font-family:arial,helvetica,verdana,sans-serif;
	padding:2px;
	border:1px solid #FCC90D;
	font:100% sans-serif;
	width:auto;
}

* html body.masked select {
	visibility:hidden;
}

* html div.yui-panel-container select {
	visibility:inherit;
}

* html div.drag select {
	visibility:hidden;
}

* html div.hide-select select {
	visibility:hidden;
}

.mask {
	z-index:1;
	display:none;
	position:absolute;
	top:0;
	left:0;
	-moz-opacity:0.5;
	opacity:.50;
	filter:alpha(opacity=50);
	background-color:#CCC;
}

.hide-scrollbars * {
	overflow:hidden;
}

.hide-scrollbars textarea, .hide-scrollbars select {
	overflow:hidden;
	display:none;
}

.show-scrollbars textarea, .show-scrollbars select {
	overflow:visible;
}

.yui-panel-container.focused {
}


.yui-panel-container.matte {
	padding:3px;
	background-color:#FFF;
}

.yui-panel-container.shadow {
	padding:0px;
	background-color:transparent;
}

.yui-panel-container.shadow .underlay {
	position:absolute;
	top:3px;
	bottom:-3px;
	right:-3px;
	left:3px;
	background-color:#000;
	opacity:.12;
	filter:alpha(opacity=12);  /* For IE */
}

/*
	Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
	the Panel content changes, to force Safari 2.x to redraw the underlay.
	We attempt to choose a CSS property which has no visual impact when added,
	removed, but still causes Safari to redraw
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
	padding-bottom:1px;
}

.yui-effect-fade .underlay {
	display:none;
}

.yui-panel {
	visibility:hidden;
	border-collapse:separate;
	position:relative;
	left:0px;top:0px;
	border:2px solid;
	background-color:#cddbeb;
	border-color:#deecfc #abb9c9 #abb9c9 #deecfc;
	z-index:1;
	overflow:hidden;
}

.yui-panel .hd {
	background-color:#0000aa;
	color:#FFF;
	font-size:100%;
	line-height:100%;
	border:1px solid #FFF;
	border-bottom:1px solid #000;
	font-weight:bold;
	padding:4px;
	white-space:nowrap;
}

.yui-panel .bd {
	overflow:auto;
	padding:4px;
}

.yui-panel .bd p {
	margin:0 0 1em;
}

.yui-panel .container-close {
	position:absolute;
	top:2px;
	right:2px;
	z-index:6;
	height:22px;
	width:22px;
	margin:0px;
	padding:0px;
	text-indent:-10000em;
	background:url('../graphics/panel-close.gif') no-repeat;
	cursor:pointer;
	visibility:inherit;
	overflow:hidden;
	text-decoration:none;
}

.yui-panel .ft {
	padding:4px;
	overflow:hidden;
}

.yui-simple-dialog .bd .yui-icon {
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin-right:10px;
	float:left;
}

.yui-simple-dialog .bd span.blckicon {
	background:url('../graphics/blck16_1.gif') no-repeat;
}

.yui-simple-dialog .bd span.alrticon {
	background:url('../graphics/alrt16_1.gif') no-repeat;
}

.yui-simple-dialog .bd span.hlpicon {
	background:url('../graphics/hlp16_1.gif') no-repeat;
}

.yui-simple-dialog .bd span.infoicon {
	background:url('../graphics/info16_1.gif') no-repeat;
}

.yui-simple-dialog .bd span.warnicon {
	background:url('../graphics/warn16_1.gif') no-repeat;
}

.yui-simple-dialog .bd span.tipicon {
	background:url('../graphics/tip16_1.gif') no-repeat;
}

.yui-dialog .ft, .simple-dialog .ft {
	padding-bottom:5px;
	padding-right:5px;
	text-align:right;
}

.yui-dialog form, .yui-simple-dialog form {
	margin:0;
}

.button-group button {
	font:100 76% verdana;
	text-decoration:none;
	color:#333;
	cursor:pointer;
	vertical-align:middle;
	margin:2px;
	padding:2px;
}

.button-group button.default {
	font-weight:bold;
}

.button-group button:active {
	border:2px solid #E4E4E4;
	background-color:#BBB;
	border-top-color:#333;
	border-left-color:#333;
}



/******** filters *******/

.filterHeader {
	font-weight:bold;
	font-size:150%;
}

.filterLabel {
	font-weight:bold;
	text-align:right;
	text-valign:top;
}



/******** Widgets ********/

div.fakeSelect {
	border:solid 2px;
	border-color:#7b7d7b #f7f7f7 #f7f7f7 #7b7d7b;
	background-color:#ffffff;
	overflow:auto;
	padding-left:2px;
}

/* see sans-serif above */
div.fakeOption {
	width:100%;
	cursor:pointer;
}

div.fakeSelect .delineated {
	border-top:solid 1px #cccccc;
}

div.fakeOptionHighlight {
	color:HighlightText;
	background-color:Highlight;
}
div.fakeOptionCannotDelete {
	color:GrayText;
}

span.fakeSelect {
	border:solid 2px;
	border-color:#7b7d7b #f7f7f7 #f7f7f7 #7b7d7b;
	background-color:#ffffff;
	background:url('../graphics/select_down_arrow.gif') no-repeat top right;
	padding:0 1.2em 0 0.2em;
	font-size:small;
}

span.required {
	color:red;
}

ul.fakeSelect {
	list-style:none;
	border:solid 2px;
	border-color:#7b7d7b #f7f7f7 #f7f7f7 #7b7d7b;
	background-color:#ffffff;
	background:url('../graphics/select_up_and_down_arrows.gif') no-repeat top right;
	overflow:auto;
	padding:1px;
	margin:-20px 0 0 13.1em;
}

li.fakeOptionHighlight {
	margin-right:16px;
	color:HighlightText;
	background-color:Highlight;
}


/******** Book pages ********/

.book-page {
	display:none;
}

.book-buttons {
	float:right;
	margin-right:5px;
	white-space:nowrap;
	text-align:right;
	cursor:pointer;
}

/*********** Calendar box pages **********/

.calendar-navigation {
	position:absolute;
	right: 2em;
	top: 3em;
	white-space:nowrap;
	cursor:pointer;
}

td.box-shown-date {
	border:solid 1px #000000;
	vertical-align:top;
}

td.box-dummy-date {
	background:#E8E8E8;
}

td.box-hidden-date {
	font-size:0;
	border:0;
}

th.box-header {
	border:1px solid #cccccc;
	border-bottom:none;
	vertical-align:top;
	text-align:center;
	background:#e1e1e1 url('../graphics/table-header-gradient.gif') repeat-x scroll;
}

tr.box-week {
	width:100%;
}

/******** Spec Editing ********/

div.edit-spec-place-holder {
	height:20px;
	width:40px;
}

.edit-spec-properties-header {
	font-weight:bold;
}

span.edit-spec-item {
	cursor:move;
	white-space:nowrap;
}

span.edit-spec-filter-label {
	display:-moz-inline-box; /* Mozilla */
	display:inline-block; /* IE, Opera and Safari */
	width:13em;
	padding-right:0.1em;
	text-align:right;
	font-weight:bold;
}

.transparent {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}

label.edit-spec-label {
	font-weight:normal;
}

ul.tabbed {
	list-style:none;
	padding:3px;
	margin:0.5em 0 0 0;
	border:solid;
	border-width:0 0 1px 0;
}

li.tabbed {
	display:inline;
	border:solid;
	border-width:1px 1px 0 1px;
	margin:0 0.3em;
	padding:3px;
	background-color:#eeeeee;
	cursor:pointer;
}

li.selectedtab {
	padding-bottom:4px;
	background-color:white;
}

/******** Report Alignment Table ********/

.report-alignment {
	width:100%;
	border:0;
	padding:0;
}

.report-alignment td {
	vertical-align:top;
	text-align:left;
	border:0;
	padding:0;
}

.edit-spec-alignment {
	width:100%;
	border-collapse:collapse;
	border:2px solid #FFFFFF;
}

.edit-spec-alignment td {
	vertical-align:top;
	text-align:left;
}

.report-alignment hr {
	margin:0;
}

.report-alignment td.right {
	text-align:right;
}

/******* Data Table **********/

.data-table {
	width:100%;
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:left;
	border-collapse:separate;
	border-spacing:0;
}

.data-table th {
	border:1px solid #cccccc;
	border-top:1px solid #eaeaea;
	text-align:left;
	vertical-align:top;
	padding:0 3px;
	background:#e1e1e1 url('../graphics/table-header-gradient.gif') repeat-x scroll;
	white-space:nowrap;
}

.data-table th:hover {
	color:#0000ff;
	cursor:pointer;
}

.data-table td {
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:0 3px;
	border:0;
	border-right:1px solid #cccccc;
}

.data-table tr {
	border-color:#FFFFFF #cccccc;
}

.data-table-tr-even {
	background-color:#deecfc;
}

.data-table-tr-odd {
	background-color:transparent;
}

.data-table-tr-disabled {
	background-color:#D3D3D3;
}

.data-table-tr-hidden {
	display:none;
}

.data-table-tr-last {
	border-bottom:#cccccc solid 1px;
}

.data-table-tr-last td {
	border-bottom:#cccccc solid 1px;
}

/******** Report Filter Table ********/

.report-filter {
	border:0;
}

.report-filter td {
	vertical-align:top;
	text-align:left;
}

.report-filter td.label {
	text-align:right;
}

.edit-spec-filter {
	border-collapse:collapse;
	border:solid 2px white;
}

.edit-spec-filter td {
	vertical-align:top;
	text-align:left;
}

/******** Report Header Table ********/

.report-header {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	border:0;
}

.report-header td {
	vertical-align:top;
	text-align:center;
}

.edit-spec-header {
	width:100%;
	font-size:1.5em;
	font-weight:bold;
	border-collapse:collapse;
	border:solid 2px white;
}

.edit-spec-header td {
	vertical-align:top;
	text-align:center;
}



/******** Icons ********/

/* icons that have an onclick event */
img.link {
	cursor:pointer;
}

.iconContainer {
	white-space:nowrap;
}

.qc_icon {
	cursor: pointer;
	height:22px;
	width:21px;
	vertical-align:bottom;
}

.padlock_icon {
	cursor: pointer;
	height:22px;
	width:27px;
	vertical-align:bottom;
}

.receipt_icon {
	cursor:pointer;
	height:14px;
	width:14px;
	vertical-align:bottom;
}

.notes_icon {
	cursor:pointer;
	height:22px;
	width:21px;
	vertical-align:bottom;
}

.task_icon {
	cursor:pointer;
	height:22px;
	width:21px;
	vertical-align:bottom;
}

.capacity_icon {
	cursor:pointer;
	height:28px;
	width:21px;
	vertical-align:bottom;
}

.reload_icon {
	cursor:pointer;
	height:22px;
	width:22px;
	vertical-align:bottom;
}

.sort_arrow_icon {
	height:8px;
	width:8px;
}

.loading_spinner {
	height:18px;
	width:18px;
	position:absolute;
}

.cmecfLogo, .eorderInfo {
	cursor:pointer;

	/* for alt text */
	font-weight:bold;
	font-family:arial,helvetica,clean,sans-serif;
}

.cmecfLogo {
	position:absolute;
	display:-moz-inline-box; /* Mozilla */
	display:inline-block; /* IE, Opera and Safari */
	z-index:1;
	margin-left:6px;
	margin-top:4px;
	height:30px;
	width:159px;
	color:#cddbeb; /* for alt text */
}

.eorderInfo, #placeholderForAlertsIcon {
	position:absolute;
	display:-moz-inline-box; /* Mozilla */
	display:inline-block; /* IE, Opera and Safari */
	z-index:1;
}

.eorderInfo {
	top:6px;
	right:0px;
}

#placeholderForAlertsIcon {
	top:0px;
}

.tag_remove_icon {
	width:12px;
	height:12px;
	cursor:pointer;
	margin-left:.15em;
}


/******** Links ********/

.toolbar-small a,
.toolbar-large a,
table.calendar a,
table.report   a,
table.editSummary a,
table.selectionCriteria a,
table.report th a {
	text-decoration:none;
}

table.calendar a:hover,
table.report   a:hover,
table.editSummary a:hover,
table.selectionCriteria a:hover {
	text-decoration:underline;
}

table.report th a:link,
table.report th a:active,
table.report th a:visited {
	color:#000000;
}

.toolbar-small a:link,
.toolbar-small a:active,
.toolbar-small a:visited,
.toolbar-large a:link,
.toolbar-large a:active,
.toolbar-large a:visited {
	color:#0000cc;
}

a.popupLink {
}

a:hover {
	cursor:pointer;
}



/******** Errors and Messages ********/

.warning {
	font-weight:bold;
}

/* error messages. Use span for a regular error message and div to list multiple errors */
span.errorList, div.errorList {
	background-image:url('../graphics/icons.gif');
	background-position:-125px -81px;
	background-repeat:no-repeat;
	min-height:20px;
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 50px;
	font:bold 1em arial,helvetica;
	border:solid black 1px;
}

span.errorList {
	display:-moz-inline-box; /* Mozilla */
	display:inline-block; /* IE, Opera and Safari */
}

div.errorList {
	text-align:left;
	width:50%; /* width can be overridden with the style attribute if necessary */
}

span.errorList,
div.errorList {
	background-color:#e1e1e1;
}

/* use sparingly - instructions are usually saved for the help file */
.instruction {
	font-weight:normal;
	font-style:italic;
}

/* Message indicating the result after running a report */
.resultsMsg,
.noRecordsMsg {
	font-weight:bold;
}



/***** Give special attention to a set of input fields *****/

fieldset {
	padding-bottom:.5em;
	margin-bottom:.5em;
	border:0px;
}

/* Group a set of options together (or apart from the rest of the page) */
.optionsBox {
	padding:.3em;
	margin:.2em;
	border:solid 1px #cccccc;
	width:50%; /* width can be overridden with the style attribute if necessary */
}

.optionsBox,
fieldset {
	background-color:#e1e1e1;
}

/* each line within the box */
fieldset div,
.optionsBox div {
	margin:.3em
}

/* undo these changes for popup calendars inside the optionsBox */
fieldset span.yui-calcontainer div,
.optionsBox span.yui-calcontainer div {
	margin:0px;
}

fieldset legend {
	font-weight:bold;
	color:black;

	/* Move the legend inside the fieldset for FF */
	margin-top:1em !important;
	margin-top:0em;
}

/* labels inside a fieldset should be normal weight - the legend is
	the main bold label for the set of fields */
fieldset div.label,
fieldset span.label,
fieldset label,
fieldset table.alignment td.label {
	font-weight:normal;
}


/******** Bring attention to a certain item ********/

.rowHighlight {
	font-weight:bold;
}

.charHighlight {
	background-color:yellow;
}


/*
	The currently selected item, perhaps by the user interactively
	Note:"selected" is already used by yui menus
*/
.selectedItem,
.selectedItem a,
table.selectedItem td,
tbody.selectedItem td,
	tr.selectedItem td {
	color:HighlightText;
	background-color:Highlight;
	empty-cells:show;
}

select option.heading {
	background-color:#e1e1e1;
}
select option.highlight {
	background-color:#ffff88;
}

.inputExample {
	font-size:smaller;
	font-weight:normal;
}

label,
div.label,
span.label {
	font-weight:bold;
}

label.option,
label.info,
div.infoLabel,
span.infoLabel,
table.alignment td.infoLabel {
	font-weight:normal;
}

table.alignment td.infoLabel {
	text-align:right;
}

.disabledLabel {
	color:GrayText;
}



/* The temporary status message displayed for long processes */
#Status {
	position:absolute;
	color:black;
	right:20px;
}


.specialInput {
	border:solid 4px #e1e1e1;
	background-color:#e1e1e1;
	margin:6px;
}

.specialInput table {
	border:solid 4px #ffffcc;
	background-color:#ffffcc;
}

/* preserve calendars inside this box - problem surfaced on the Query screen */
.specialInput table.yui-calendar {
	border:0px;
	background-color:#ffffff;
}

.specialInput .legend {
	font-weight:bold;
}
.specialInput .label {
	font-weight:normal;
}


@media print {

	.noprint {
		display:none;
	}

	#cmecfMainContent {
		color:black;
		background-color:white;
		position:static;
		display:block;
		height:100%;
		width:100%;
		overflow:visible;
	}

	body {
		color:black;
		background-color:white;
		overflow:visible;
		height:100%;
		width:100%;
	}

}


.alert_font {
	font-family:arial, helvetica;
	font-size:12pt;
	font-weight:bold;
}
.fine_print {
	font-family:helvetica;
	font-size:8pt;
}
.note { /* replaced with instruction */
	font-weight:normal;
	font-style:italic;
}
/***************************************/


/******** Text Effects **********/

.shaded {
	color:#A0A0A0;
}

.highlight {
	background-color:yellow;
}

.boldface {
	font-weight:bold;
}

.underline {
	text-decoration:underline;
}

.capitalize {
	text-transform:uppercase;
}

.lowercase {
	text-transform:lowercase;
}

.larger {
	font-size:1.5em;
}

.italic {
	font-style:italic;
}

.pretendlink {
	color:#0000ff;
	cursor:pointer;
}

.smallertext {
	font-size:smaller;
}

/************ media types ***********/

.handheldonly {
	display:none;
}