/** Copyright 2008 IBM. */
/** General Style Classes */
@import url(blue_buttons.css);

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/** This is the layout table which wraps an entire Display Page **/
.displayPageTable {
}

/** This is the layout table which wraps an entire Display Page **/
.dataEntryPageTable {
}

/** Adjustment for when dojo is on the page **/
.displayPageTable td {
    padding-bottom: 3px;
}

/** for table background-color/border- can be used with cellspacing="1" to provide inner table borders **/
.gridTable {
   border: 1px solid #99CCCC;
}

.columnGroupHeadRow {
}

.ColumnGroupLabel {
}

.ColumnGroupLabelEmpty {
	border-bottom: thin solid #DDDDDD;
}

.spacerColumn {
	border-left: thin solid #808080;
}

.spacerColumnGroupHeader {
	border-bottom: thin solid #808080;
	border-left: thin solid #808080;
}

/** for table head row **/
.tableHeadRow {
}

/** for table head cells**/
.tableHead {
	background: #FFFFFF url(../images/table/header_blue.png) repeat-x scroll center top;
	border-color: #FFFFFF #ACA899 #919191 #FFFFFF;
	border-style: solid;
	border-width: 1px;
	padding-bottom: 2px;
	overflow: hidden;
	padding: 3px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
}

.tableCell {
	border-bottom: 1px dotted #D5CDB5;
	border-right: 1px dotted #D5CDB5;
	overflow: hidden;
	padding: 3px;
	text-align: left;
	/** does not work in IE **/
	empty-cells: show;
}

/** for text in table header cells **/
.tableHeadText {
	padding: 3px;
}

/** for links in table header cells, for sorting **/
a.tableHeadSortLink:link,a.tableHeadSortLink:active,a.tableHeadSortLink:visited
	{
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

a.tableHeadSortLink:hover {
	text-decoration: underline;
}

/** for odd repeated rows **/
.tableRowOdd {
	background-color: #FFFFFF;
}

/** for even repeated rows **/
.tableRowEven {
	background-color: #E8F2FE;
	color: #000000;
}

/** for field inputs or display elements **/
.outputData {
	font-size: 11px;
}

/** for links in data (inside tables) **/
a.outputData:link,a.outputData:active,a.outputData:visited {
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
}

a.outputData:hover {
	color: #0000CC;
	font-size: 11px;
	text-decoration: underline;
}

.outputDataRight {
	color: #000000;
	font-size: 11px;
	text-align: right;
}

/** for the labels between sections of inputs or fields **/
.sectionLabel {
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
}

/** for the table cells containing the sectionLabels **/
.sectionLabelCell {
	background-color: #DDDDDD;
	text-indent: 3px;
}

/** for the text prompts for field inputs or fields **/
.label {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
}


/** for the table cells containing labels **/
.labelCell {
  line-height: 12px;
}

/** for the cell containing any field input or display elements **/
.outputDataCell {
  line-height: 15px;
}

/** for indicating required fields, as with an asterisk */
.requiredPrompt {
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	padding: 1px;
}

/** to hightlight error message text */
.errorMessage {
	font-size: 11px;
	color: #FF0000;
}

.vf_buttons {
	margin-top: 5px;
	padding: 2px;
	text-align: center;
}

/*
.vf_buttons input {
	padding: 4px;
	background-color: #E8F2FE;
	border: 1px solid #EFE2A3;
	cursor: pointer;
}

.vf_buttons input:hover {
	border: 1px solid #CC9900;
}

.vf_create_button input{
    padding: 4px;
    width: auto;
	background-color: #E8F2FE;
    border: 1px solid #EFE2A3;
	cursor: pointer;
}

.vf_create_button input:hover {
	border: 1px solid #CC9900;
}
*/

.vf_view_container {
    /* float it left so that it can grow with the size of the data (i.e. table)*/
    /* this doens't seem to work correctly in I.E.	*/
	float: left;  
	padding: 2px;
	margin-right: 15px; 
}


.vf_field_container {
    /* float it left so that it can grow with the size of the data */
    /* this doens't seem to work correctly in I.E. */
	float: left; 
	margin-right: 15px;
}


.vf_fields, WPF_LayoutTable {
	background-color: #E8F2FE;
	border: 1px solid #EFE2A3;
	text-align: left;  
	margin-left: 0px; 
	margin-right: 5px; 
	padding-right: 5px;  
	padding-left: 0px;  
}

.vf_fields .vf_fields 
{
    border: none; 
}


.vf_search_section {
}

.vf_view_list {
  float: left; 
}


.vf_header {
	text-align: center;
	}

.vf_footer {
	text-align: center;
	}

.paging {
	text-align: center;
	margin-top: 7px;
	margin-bottom: 2px;
}
