/******************************************************************************
 **********                       Page Body                          **********
 ******************************************************************************/
.cbErrorBox 
{
	background-color : #FF9;
	margin: 20px;
	padding: 10px;
}

.cbTableException 
{
	font-size: 9pt;
}

.cbTableInnerException
{
	padding-top: 10px;
	font-style: oblique;
	font-size: 12pt;
	color: red;
}

#jsDebug {
	background-color  : #aaa;
	width : auto;
	padding : 5px;
	margin : 5px;
}

#jsLog {
	background-color  : white;
	margin  : 6px;
	padding : 4px;
	font-size : 9pt;
	height : 400px;
	overflow : scroll;
}

.Page {
	font-size: 10pt;
}

.cbAutoComplete {
	width: 25em;
	border: 0px solid red;
	display: block;
}

.cbACTarget {
	border: 0px solid red;
	display: none;
}

.cbCellTable {
	border: 0px solid red;
}

.yui-skin-sam .yui-ac-input {
	position:inherit;
	width:96%;
}

.yui-skin-sam .yui-ac-container 
{
	position: relative;
	top: 0em;
	width: 100%;
}

/*
.DataGridControl
{
	border: 1px solid red;
	position: relative;
	z-index: -1;
}
*/
/******************************************************************************
 **********                      Page Title                          **********
 ******************************************************************************/

.PageTitle {
	/* do nothing. just a place holder. */
}

.PageTitleText {
	font-size: 16pt;
}

.PageTitleCriteria {
	font-size: 12pt;
	font-weight: normal;
}

.PageTitleRecordCount {
	font-size: 12pt;
	font-weight: normal;
}


/******************************************************************************
 **********                   Page Content Area                      **********
 ******************************************************************************/


.PageContentArea {
	border-style: solid;
	border-width: 0px;
	/*
	width: 100%;
	height: 100%;
	padding: 10px;
*/
}

.PageContentAreaBody
{
	padding: 10px;
	position: relative;
	min-height: 290px;
	/* min-height hack for IE6. */
	_height: 290px;
}

/* Used to pass font properties down to nested tables. */

.PageContentAreaChild {	
	/* do nothing */
}



/******************************************************************************
 **********                    Vertical Menu                         **********
 ******************************************************************************/

.VerticalMenu {
	border-style: solid;
	border-width: 0px;
	width: 150px;
	height: 100%;
}


/******************************************************************************
 **********                      Data Grid                           **********
 ******************************************************************************/


.DataGrid {
	/* place holder. can be overridden. */
}

.DataGridHeaderRowCell {
	/* place holder. can be overridden. */
}

.DataGridOddRow {
	/* place holder. can be overridden. */
}

.DataGridEvenRow {
	/* place holder. can be overridden. */
}

.DataGridHighlightedRow {
	/* place holder. can be overridden. */
}

.DataGridRowIdentifier {
	vertical-align: top;
}

.DataGridHelp {
	font-size: smaller;
}
	
.DataGridGroupRow {
	/* place holder. can be overridden. */
	cursor: pointer;
}

.DataGridGroupToggleImg {
	padding-left:4px;
}	

.DataGridButton {
	/* place holder. can be overridden. */
}

.DataGridCheckBox {
	/* place holder. can be overridden. */
}

/******************************************************************************
 **********                      Page Footer                         **********
 ******************************************************************************/

.LicenseWarnings {
	font-size: 10pt;
	color: red;
}


/******************************************************************************
 **********                      Menus			                         *********
 YUI style overrides. This seems to be the minimum we need.
 ******************************************************************************/

#YUIHorizontalMenu
{
	z-index: 10000;
}

.yuimenubaritemlabel {
    border-width: 0px;
/*    padding-top:    4px; */
/*    padding-bottom: 10px; */
    padding-left:   8px;
    padding-right: 16px;
    outline: none;
}

.yuimenubaritem {
    height:20px;
    padding-bottom:0px;
}

.yuimenu {
    padding: 0 0 0 0;	
}

.yuimenu h6 {
    border-width: 0px;
    padding-top:    4px;
    padding-bottom: 0px;
    padding-left:   8px;
    padding-right:  4px;
}

.yuimenuitemlabel {
    padding: 2px 8px; 
    outline: none;
}

.yuimenu ul {
    padding-top:    4px;
    padding-bottom: 4px;
    padding-left:   0px;
    padding-right:  0px;
}

.yuimenu li {
    border-width: 0px;
}

.yuimenubaritemlabel-selected, .yuimenuitemlabel-selected {
    text-decoration: none;
}

/* These images are copied from YUI_2-6-0/menu/assets/skins/sam/ 
	Switching completely to menu/assets/skins/sam/menus.css creates too many other problems,
	and I don't seem to be able to refer to them directly from there :(
*/
.yuimenubaritem-hassubmenu {
    background: url(images/menubaritem_submenuindicator.png) right center no-repeat;
}

.yuimenuitem-hassubmenu {
    background: url(images/menuitem_submenuindicator.png) right center no-repeat;
}
.yuimenubaritem-hassubmenu-selected {
    background: url(images/menubaritem_submenuindicator_selected.png) right center no-repeat;
}

.yuimenuitem-hassubmenu-selected {
    background: url(images/menuitem_submenuindicator_selected.png) right center no-repeat;
}

/******************************************************************************
 **********                        Hover View                        **********
 ******************************************************************************/

.column-hover-view {
	border-style: outset;
}

.title-hover-view {
}


#hoverPanel 
{
	display: none;
	width: auto; 
	height: auto; 
	border-width: 2px;
	position: absolute; 
	top: 0px; 
	left: 0px;
}

#hoverPanel TABLE
{
	border: none;
}

#hoverPanel .HorizontalMenu
{
	display: none;
}
#hoverPanel .PagecontentArea
{
	padding: 0px;
	border: 0px;
}