/*Specific CSS Styles for CRM Grid List Look and Feel*/

/*********************************************************/
/*Wrapper and Default Styles*/
/*********************************************************/
div.crm_grid_wrapper div.crm_grid_area_wrapper {
	background: #CCDFF8;
}

div.crm_grid_wrapper div.crm_grid_area_wrapper table {
	table-layout: fixed;
	width: 2000;
}

div.crm_grid_wrapper div.crm_grid_area_wrapper,
div.crm_grid_wrapper div.crm_grid_area_wrapper span,
div.crm_grid_wrapper div.crm_grid_area_wrapper table th,
div.crm_grid_wrapper div.crm_grid_area_wrapper table td {
	 font-family: Tahoma;
	 font-size: 11px;
	 font-weight: normal;
}


/*********************************************************/
/*Toolbar and Search Area Styles*/
/*********************************************************/
div.crm_grid_wrapper div.crm_grid_toolbar_area div.crm_grid_search_input_area .crm_grid_toobar_action_element {
	display: block;
	width: 22px;
	height: 20px;
	background: transparent url('Images/crm_grid1_search_button.gif') no-repeat;
	cursor: pointer;
}

div.crm_grid_wrapper div.crm_grid_toolbar_area div.crm_grid_search_input_area .crm_grid_toobar_action_element:hover {
	background-image: url('Images/crm_grid1_search_button_hover.gif');
}

/*********************************************************/
/*Progress/Loading Area Styles*/
/*********************************************************/
div.crm_grid_wrapper div.crm_grid_progress_area_wrapper {
	background: #FFFFFF;
	padding: 0;
	margin: 0;
	position: absolute; 
	width: 100%; 
	height: 100%;
}

div.crm_grid_wrapper div.crm_grid_progress_area {
	position: relative; 
	width: 50px; 
	height: 50px; 
	top: 50%; 
	left: 50%;
	text-align: center;
	background: url('Images/crm_grid1_progress.gif') no-repeat;
	background-position: center top;
	padding-top: 40px;
}

div.crm_grid_wrapper div.crm_grid_toolbar_area {
	padding: 8px 10px 6px 10px;
}

/*********************************************************/
/*List Area General and Scrolling Body Styles*/
/*********************************************************/
div.crm_grid_wrapper div.crm_grid_list_area {
	background: #FFFFFF;
	position: relative;
}

div.crm_grid_wrapper div.crm_grid_list_area table {
	border-collapse: collapse;
	border: none;
}

div.crm_grid_wrapper div.crm_grid_list_area table tr.row_standard,
div.crm_grid_wrapper div.crm_grid_list_area table tr.row_alternating,
div.crm_grid_wrapper div.crm_grid_list_area table tr.row_selected {
	/*Note:  Do not Set a Background Color here or it will Override
			 the Column Styles for Columns being Sorted.  There should be
			 NO background defined -- Transparent will still override.
			 Instead we must inherit our background color from the containter
			 when not set by the Column.*/
}

div.crm_grid_wrapper div.crm_grid_list_area table tr.row_standard td,
div.crm_grid_wrapper div.crm_grid_list_area table tr.row_alternating td,
div.crm_grid_wrapper div.crm_grid_list_area table tr.row_selected td {
	/*Note:  Do not Set a Background Color here or it will Override
			 the Column Styles for Columns being Sorted.  There should be
			 NO background defined -- Transparent will still override.
			 Instead we must inherit our background color from the containter
			 when not set by the Column.*/
	border-bottom: solid 1px #C4DDFF;
	height: 18px;
	cursor: default;
}



div.crm_grid_wrapper div.crm_grid_list_area table tr.row_selected td {
	background-color: #A7CDF0;
}

div.crm_grid_wrapper div.crm_grid_list_area table td a {
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}

div.crm_grid_wrapper div.crm_grid_list_area table td a:hover {
}

/*********************************************************/
/*Table Body and Body Cell Styles*/
/*********************************************************/
div.crm_grid_wrapper div.crm_grid_list_area table th .cell_data_wrapper,
div.crm_grid_wrapper div.crm_grid_list_area table td .cell_data_wrapper {
	float: left;
	display: block;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
}

/*********************************************************/
/*List Area Header Specific Styles*/
/*********************************************************/
div.crm_grid_wrapper div.crm_grid_list_area div.scrolling_table_header_area {
	border-bottom: solid 1px #999999;
	position: relative;
}

div.crm_grid_wrapper div.crm_grid_list_area div.scrolling_table_refresh_data_area {
	background: url('Images/crm_grid1_header_refresh.gif') no-repeat;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
}

div.crm_grid_wrapper div.crm_grid_list_area div.scrolling_table_header_area {
	background: #F0F0F0;
	cursor: pointer;
}

div.crm_grid_wrapper div.crm_grid_list_area table th {
	background: #F0F0F0;
	cursor: pointer;
	height: 20px;
	/*Note:  We must have Zero padding on the right to ensure that the Separator
			 looks like it is not part of the cell (ie. it is floated right and we
			 want it to touch the next cell for seamless appearance */
	padding: 0px 0px 0px 2px;
}

div.crm_grid_wrapper div.crm_grid_list_area table th .cell_data_wrapper {
	/*Note:  for layout we specifically adjust the Headers to move them down.  We cannot
			 use padding on the parent cell to do this because it will also move the
			 cell separators, so we adjust only the data conten span here.*/
	margin-top: 3px;
}

div.crm_grid_wrapper div.crm_grid_list_area table th:hover {
	background: url('Images/crm_grid1_header_hover.gif') repeat-x;
}

div.crm_grid_wrapper div.crm_grid_list_area table th .header_separator {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
	width: 8px;
	height: 20px;
	/*Note:  Background color is set to match the Non-Hovered Row color to ensure that the Separator
			 looks like it is not part of the cell (ie. it is floated right and we
			 want it to touch the next cell for seamless appearance */
	background: #F0F0F0 url('Images/crm_grid1_header_separator.gif') no-repeat;
	background-position: center center;
	cursor: e-resize;
}

/*Style for Columns that are currently being Sorted On*/
div.crm_grid_wrapper div.crm_grid_list_area table col.sorted_ascending,
div.crm_grid_wrapper div.crm_grid_list_area table col.sorted_descending {
	background-color: #EFF3FF;
}

/*Adjust Styles for Headers currently being Sorted On
Note:  Inialize Sorting Images for any tables supporting the Table Header Sort CSS Classes*/
div.crm_grid_wrapper div.crm_grid_list_area table th.sorted_ascending .cell_data_wrapper,
div.crm_grid_wrapper div.crm_grid_list_area table th.sorted_descending .cell_data_wrapper {
	display: block;
	padding-right: 15px;
	float: left;
	background-repeat: no-repeat;
	background-position: right center;
}

div.crm_grid_wrapper div.crm_grid_list_area table th.sorted_ascending .cell_data_wrapper {
	background-image: url('Images/crm_grid1_sorted_ascending.gif');
}

div.crm_grid_wrapper div.crm_grid_list_area table th.sorted_descending .cell_data_wrapper {
	background-image: url('Images/crm_grid1_sorted_descending.gif');
}
/*********************************************************/
/*List Area Statusbar Specific Styles*/
/*********************************************************/
div.crm_grid_wrapper div.crm_grid_statusbar_area {
	background: #F0F0F0;
	padding: 2px 5px 2px 5px;
	border-top: solid 1px #999999;
}

div.crm_grid_wrapper div.crm_grid_statusbar_area div.statusbar_results_text {
	float: left;
}

/*Statusbar Pager and Styles*/
div.crm_grid_wrapper div.crm_grid_statusbar_area div.statusbar_pager {
	display: block;
	float: right;
	width: 100px;
}

div.crm_grid_wrapper div.crm_grid_statusbar_area div.statusbar_pager .paginate_caption {
	display: block;
	float: left;
	white-space: nowrap;
}

div.crm_grid_wrapper div.crm_grid_statusbar_area div.statusbar_pager .paginate_first_element,
div.crm_grid_wrapper div.crm_grid_statusbar_area div.statusbar_pager .paginate_previous_element,
div.crm_grid_wrapper div.crm_grid_statusbar_area div.statusbar_pager .paginate_next_element,
div.crm_grid_wrapper div.crm_grid_statusbar_area div.statusbar_pager .paginate_last_element {
	display: block;
	float: left;
	width: 10px;
	height: 13px;
	background: transparent url('Images/crm_grid1_pager_first_page.gif') no-repeat;
	cursor: pointer;
	background: transparent no-repeat;
	background-position: center bottom;
}

div.crm_grid_wrapper div.crm_grid_statusbar_area div.statusbar_pager .paginate_first_element {
	/*Note:  Set Image property direction (ie. don't use the Shortcut background style
			 so that shared background settings are not overriden from above */
	background-image: url('Images/crm_grid1_pager_first_page.gif');
}

div.crm_grid_wrapper div.crm_grid_statusbar_area div.statusbar_pager .paginate_previous_element {
	/*Note:  Set Image property direction (ie. don't use the Shortcut background style
			 so that shared background settings are not overriden from above */
	background-image: url('Images/crm_grid1_pager_prev_page.gif');
}

div.crm_grid_wrapper div.crm_grid_statusbar_area div.statusbar_pager .paginate_next_element {
	/*Note:  Set Image property direction (ie. don't use the Shortcut background style
			 so that shared background settings are not overriden from above */
	background-image: url('Images/crm_grid1_pager_next_page.gif');
}

div.crm_grid_wrapper div.crm_grid_statusbar_area div.statusbar_pager .paginate_last_element {
	/*Note:  Set Image property direction (ie. don't use the Shortcut background style
			 so that shared background settings are not overriden from above */
	background-image: url('Images/crm_grid1_pager_last_page.gif');
}