/* Products Level Stylesheet */
@import url(products.css);

/* 
 * Product Specific - LOCAL STYLESHEET
 * 
 * Structure Overrides for ArcGIS What's New Pages - This is to change images and
 * colors that are specific to the ArcGIS What's New pages.
 * Please keep this file clean and reuse as much of it as possible.
 * Do not put styles unrelated to ArcGIS What's New pages in this stylesheet
 * 
 * Before adding a style, please ensure that one does not already exist.
 * 
*/
	
/* Floating Menu */
	DIV#menu {
	    background: transparent url(/software/graphics/whatsnew_sidenav_bg.jpg) top left no-repeat;
	}
	
	.overview DIV#menu {
	    background: transparent url(/software/graphics/whatsnew_sidenav_overview_bg.jpg) top left no-repeat;
	}
/* END Menu */

/* Information Boxes */
	DIV.menuBox {
	    background: transparent url(/software/graphics/menubox_desktop_bg.jpg) top left no-repeat;
	}
	
	DIV.menuBox P.menuBoxBottom {
	    background: transparent url(/software/graphics/menubox_desktop_bottom_bg.jpg) bottom left no-repeat;
	}
/* END Information Boxes */

/* Screenshot and Caption Styles */
	DIV#contentWrapper .sShot {
	    border: 1px solid #999;
	    background: #F5F5F5;
	    color: #666666;
	}
	
	DIV#contentWrapper .sShotMid {
	    border: 1px solid #999;
	    background: #F5F5F5;
	}
	
	DIV#contentWrapper .sShotRight {
	    border: 1px solid #1177a6;
	    /*background: #cae2ee;*/
	}
	div#contentWrapper .textcalloutRight {
		border: 1px solid #1177a6;
	}
	
/* content Diagram */
	
	.contentDiagram{
		background-color: #f5fbfe;
		border: 1px solid #a8d2e6;
		float: right;
		padding: 8px 16px;
		width: 198px;
		font-size: .75em;
		font-weight: bold;
		color: #636363;
		line-height: 1.25em;
		margin: 10px 0 10px 10px;
	}
	
	div#contentWrapper.fullWidth .contentDiagram{
		margin: 10px 35px 0px 70px;
	}

	div#contentWrapper .contentDiagram h2{
		text-align: center;
		color: #000000;
		font-size: 1.8em;
		margin-bottom: 5px;
	}
	.contentDiagram	img{
		border: 0;
	}
	div#contentWrapper H1{
		color: #106798;
	}
	div#contentWrapper.fullWidth H1{
		position: absolute;
		top: 225px;
		left: 20px;
	}
	
/* Table Styles*/
	table.dataGrid thead tr th.columnHead{
	    background: url(/software/graphics/desktopTableHeadTabsRight.jpg) no-repeat top right;
	}
	
	table.dataGrid th.columnHead h4 {
		background: url(/software/graphics/desktopTableHeadTabsLeftCorner.jpg) no-repeat top left;
	}
	
	table.dataGrid thead tr th.columnHead h4.left {
		background: url(/software/graphics/desktopTableHeadTabsLeft.jpg) no-repeat top left;
	}
	
	table.dataGrid tfoot th.columnFoot{
	    background: url(/software/graphics/desktopTableFootTabsRight.jpg) no-repeat bottom right #0D7791;
	}
	
	table.dataGrid th.columnFoot h4 {
		background: url(/software/graphics/desktopTableFootTabsLeftCorner.jpg) no-repeat bottom left;
	}
	
	table.dataGrid tfoot th.columnFoot h4.left {
		background: url(/software/graphics/desktopTableFootTabsLeft.jpg) no-repeat bottom left;
	}
	
	
	table.dataGrid tbody td {
	    border-right: 1px solid #999;
	    border-left: 1px solid #999;
	}

	table.dataGrid tr.even td {
	    background: #ECEDED;
	}
	
	table.dataGrid tfoot th.columnFoot a:link{
		color: #fff;
	}
	
	table.dataGrid tfoot td {
	    border-top: 1px solid #999;
		color: #666;
	}
	
	table#expandable span.link {
		color: #0060A7;
		text-decoration: none;
		border-bottom: #649CCD 1px dashed;
		cursor:help;
	}
	
	table#expandable h3 {
		margin: 0;
		font-size: 12px;
		font-weight: normal;
	}
	
	table#expandable #controls {
		text-align: left;
		vertical-align: bottom;
	}

