/*Tables CSS Styles Overrides for CRM Integration*/

/*GridView Tables*/
div#wrapper_crm div.content_grid1_heading_wrapper,
div#wrapper_crm table.content_grid1,
div#wrapper_crm table.content_grid1 td {
	font-family: Tahoma, Verdana;
}

div#wrapper_crm div.content_grid1_heading_wrapper {
	margin: 0;
	padding: 0px 0px 0px 0px;
	background-color: #CCDFF9;
	border: solid 1px #6893CF;
	border-collapse: collapse;
	empty-cells: show;
	color: inherit;
	font-weight: inherit;
}

div#wrapper_crm div.content_grid1_heading_wrapper .heading_text {
	display: block; 
	font-size: 1em;
}

div#wrapper_crm table.content_grid1 {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
	border: none;
}

div#wrapper_crm div.content_grid1_heading_wrapper div#wrapper_crm table.content_grid1 {
	/*NOTE:  This style only applies to Content Grids within a Heading Wrapper */
	border: none;
}

div#wrapper_crm div.content_grid1_heading_wrapper .heading_text {
	/*NOTE:  This style only applies to Content Grids within a Heading Wrapper */
	margin-top: 10px;
}

div#wrapper_crm table.content_grid1 th,
div#wrapper_crm table.content_grid1 td {
	padding: 6px;
	text-align: left;
}

div#wrapper_crm table.content_grid1 tr, 
div#wrapper_crm table.content_grid1 tr.row_alternating, 
div#wrapper_crm table.content_grid1 tr.row_standard {
	/*Use em sizing for Font to inherit parent's font size (ie. 1em = 100% of parents size)*/
	font-size: 1em;
	background-color: transparent;
}


div#wrapper_crm table.content_grid1 tr.row_alternating {
	/*background-color: #E4E4E4;*/
}


div#wrapper_crm table.content_grid1 tr.row_selected {
	color: inherit;
	background-position: left top;
	background: #A7CDF0 none; /*url('images/gridview_row_selected_background.gif');*/
}

div#wrapper_crm table.content_grid1 thead,
div#wrapper_crm table.content_grid1 .row_header,
div#wrapper_crm table.content_grid1 .row_footer {
	color: inherit;
	background: transparent none;
	font-weight: bold;
	/*font-size: .7em;*/
}

/*  INHERIT IMPLEMENTATION FROM DEFAULT CSS
div#wrapper_crm table.content_grid1 tr .detail_name,
div#wrapper_crm table.content_grid1 tr .detail_value {
	margin: 0px;
	padding: 0px;
}
*/

div#wrapper_crm table.content_grid1 .row_header .detail_name,
div#wrapper_crm table.content_grid1 .row_header .detail_value,
div#wrapper_crm table.content_grid1 .row_footer .detail_name,
div#wrapper_crm table.content_grid1 .row_footer .detail_value {
	/*When Detail text sets are used in Table Header and Footers ensure 
		they correctly inherit their font color from parent styles*/
	color: #000000;
	font-weight: bold;
	font-size: 11px;
}

/*  INHERIT IMPLEMENTATION FROM DEFAULT CSS

div#wrapper_crm table.content_grid1 .row_header .detail_name,
div#wrapper_crm table.content_grid1 .row_footer .detail_name {
	float: left;
}

div#wrapper_crm table.content_grid1 .row_header .detail_value,
div#wrapper_crm table.content_grid1 .row_footer .detail_value {
	float: right;
}
*/

div#wrapper_crm div.content_grid1_heading_wrapper div#wrapper_crm table.content_grid1 .row_header {
	/*NOTE:  This style only applies to Content Grids within a Heading Wrapper */
	/*background-position: 0px -2px;*/
}

div#wrapper_crm table.content_grid1 th,
div#wrapper_crm table.content_grid1 td {
	/*Use em sizing for Font to inherit parent's font size (ie. 1em = 100% of parents size)*/
	font-size: 1em;
	color: #000000;
}

div#wrapper_crm table.content_grid1 td {
	padding: 0px 0px 0px 0px;
}

div#wrapper_crm table.content_grid1 th {
	
}

div#wrapper_crm table.content_grid1 .row_section_header th {	
	padding: 0px 0px 3px 0px;
	white-space: nowrap;
	border-bottom: solid 1px #94B2DE;
}

div#wrapper_crm table.content_grid1 .row_section_standard td {	
	padding: 0px 0px 0px 0px;
}

div#wrapper_crm table.content_grid1 th a,
div#wrapper_crm table.content_grid1 .row_header a {
	color: inherit;
}

div#wrapper_crm table.content_grid1 td a,
div#wrapper_crm table.content_grid1 a,
div#wrapper_crm table.content_grid1 .row_pager a {
	/*
	color: #D90000;
	text-decoration: underline;
	font-weight: bold;
	*/
}

div#wrapper_crm table.content_grid1 a:hover {
	/*
	text-decoration: none;
	*/
}

div#wrapper_crm table.content_grid1 .row_pager {
	background: #D6E7FF url('Images/crm_toolbar_background.gif') repeat-x;
	border: solid 1px #6893CF;
	font-size: 1.1em;
	color: inherit;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	height: 20px;
}

div#wrapper_crm table.content_grid1 .row_pager a {
	/*Anchor Tag surrounds the Other Potential Page Links!*/
	color: #3965bd;
	text-decoration: underline;
}

div#wrapper_crm table.content_grid1 .row_pager span {
	/*Span surrounds the Currently Selected Page!*/
	font-weight: bold;
	color: inherit;
	text-decoration: none;
}

div#wrapper_crm table.content_grid1 .row_pager table {
	/*Control The Layout of the Pagenator Table*/
	padding: 0;
	margin: 0;
	background: transparent;
}

div#wrapper_crm table.content_grid1 .row_pager table td {
	/*Control The Layout of the Pagenator Links/Items*/
	padding: 0px 0px 0px 15px;
	margin: 0px;
	background: transparent;
}

/*GridView Styles for Custom FORM Grids used in UI User Controls
  Note:  These GridViews allow Selection of Data that already Exists within CRM
		 as opposed to data that that has been created dynamically by the User
*/
div#wrapper_crm table.content_grid2 td.form_name {
	padding: 10px 0px 0px 0px;
}

div#wrapper_crm table.content_grid2 tr, 
div#wrapper_crm table.content_grid2 tr.row_alternating, 
div#wrapper_crm table.content_grid2 tr.row_standard {
	/*Use em sizing for Font to inherit parent's font size (ie. 1em = 100% of parents size)*/
	font-size: 1em; /*.7em;*/
	background: transparent none;
}

div#wrapper_crm table.crm_grid1 tr, 
div#wrapper_crm table.crm_grid1 tr.row_alternating, 
div#wrapper_crm table.crm_grid1 tr.row_standard {
	font-size: 11px;
	background: #FFFFFF none;
}

div#wrapper_crm table.crm_grid1 .row_footer,
div#wrapper_crm table.crm_grid1 .row_header,
div#wrapper_crm table.content_grid2 .row_footer,
div#wrapper_crm table.content_grid2 .row_header {
    background-image: none;
    /*background-color: #848284;*/
    background-color: #F0F0F0;
}

div#wrapper_crm table.crm_grid1 .row_header th,
div#wrapper_crm table.content_grid2 .row_header th {
	border-bottom: 1px solid #999999;
}

div#wrapper_crm table.crm_grid1 .row_header td,
div#wrapper_crm table.content_grid2 .row_footer td {
	border-top: 1px solid #999999;
}

/*Set values that will Default to ALL Cells in the Grid first*/
div#wrapper_crm table.crm_grid1 th,
div#wrapper_crm table.crm_grid1 td,
div#wrapper_crm table.content_grid2 th,
div#wrapper_crm table.content_grid2 td {
	padding: 1px 2px 1px 2px;
}

/*Set Data Specific Cell overrides*/
div#wrapper_crm table.crm_grid1 tr.row_standard td,
div#wrapper_crm table.crm_grid1 tr.row_alternating td,
div#wrapper_crm table.content_grid2 tr.row_standard td,
div#wrapper_crm table.content_grid2 tr.row_alternating td {
	font-weight: normal;
	border-top: 1px solid #C4DDFF;
	border-bottom: 1px solid #C4DDFF;
}

/*Override Default and Data Specific values for the Header and Footer*/
div#wrapper_crm table.content_grid2 tr.row_header th,
div#wrapper_crm table.content_grid2 tr.row_footer td {
	/*We want the header and footer to have more top/bottom padding than the Default defined above in 
		div#wrapper_crm table.content_grid2 td */
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: left;
}

/*For CRM List Grid we don't want extra header padding*/
div#wrapper_crm table.crm_grid1 tr.row_header th div ,
div#wrapper_crm table.crm_grid1 tr.row_footer td div {
	text-align: left;
	padding: 4px 0px 4px 0px;
}

div#wrapper_crm table.content_grid2 th a {
	text-decoration: underline;
	color: #000000;
}

div#wrapper_crm table.crm_grid1 th a {
	text-decoration: none;
	color: #000000;
}


/*Inialize Sorting Images for any tables supporting the Table Header Sort CSS Classes*/
div#wrapper_crm table .row_header th.sorted_ascending a,
div#wrapper_crm table .row_header th.sorted_descending a {
	display: block;
	padding-right: 15px;
	float: left;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right center;
}

div#wrapper_crm table .row_header th.sorted_ascending a {
	background-image: url('Images/crm_grid1_sorted_ascending.gif');
}

div#wrapper_crm table .row_header th.sorted_descending a {
	background-image: url('Images/crm_grid1_sorted_descending.gif');
}

/*Initialize Styles for Preloaded/Disabled Rows*/
div#wrapper_crm table.crm_grid1 tr.row_preloaded_disabled,
div#wrapper_crm table.content_grid2 tr.row_preloaded_disabled {
    background-color: #CADDF7;
}

div#wrapper_crm table.crm_grid1 tr.row_preloaded_disabled td,
div#wrapper_crm table.content_grid2 tr.row_preloaded_disabled td {
	color: #839FC4;
}

/*Table Layout Styles for Custom FORM tables used in UI User Controls
  Note:  These tables allow customization of form UI's within CRM versus
		 the default styling of the web site
*/
/*Any form layout table inside of our Permits Forms UI areas should be centered*/
div#wrapper_crm div.permits_application_content_area table.form_layout_table,
div#wrapper_crm div.permits_application_info_area table.form_layout_table {
	margin: auto auto;
}

div#wrapper_crm table.form_layout_table td.form_name {
	/*padding: 0;
	margin: 0;
	border: solid 2px yellow;*/
}

div#wrapper_crm table.form_layout_table td {
	/*The primary font style for text on the CRM Form UI that is not part of a menu is not bold*/
	font-weight: normal;
}

div#wrapper_crm div.permits_application_form_control table.form_layout_table div.checkbox_group,
div#wrapper_crm div.permits_application_form_control table.form_layout_table td.checkbox_group,
div#wrapper_crm div.permits_application_form_control table.form_layout_table div.checkbox_item,
div#wrapper_crm div.permits_application_form_control table.form_layout_table td.checkbox_item  
{
	font-weight: normal;
	margin-top: 8px;
	FONT-SIZE: 1em;	
	FONT-FAMILY: Tahoma,Verdana;	
}

/*Adjust Section Spacing for the permits_application_form_control Controls when run inside of CRM*/
div#wrapper_crm div.permits_application_form_control div.permits_application_info_area {
	margin: 20px 0px 20px 0px;
}

/*Simulate a Direct Child selection by applying space to ALL descendent cells then re-setting any cells
	that are nested inside of the first level of descendents*/
div#wrapper_crm div.permits_application_form_control table.content_grid1 tr.row_section_standard  td {
	margin: 0;
	padding: 0px 10px 0px 10px;
}
div#wrapper_crm div.permits_application_form_control table.content_grid1 tr.row_section_standard  td td {
	margin: 0;
	padding: auto;
}

/*Adjust the height of the row in the soilTest GridView inside of CRM*/
div#wrapper_crm div.soilTestGridview tr.row_alternating,
div#wrapper_crm div.soilTestGridview tr.row_standard
{
	height:20px;
}

/*Specific CSS STyles to override the Look and Feel of Popup boxes within CRM*/
div#wrapper_crm div.content_popup_lightbox {

}

div#wrapper_crm div.content_popup_lightbox_background {
	background-color: #EAF3FF;
}