/* Products Level Stylesheet */
@import url("products.css");

/* 
 * Product Specific - LOCAL STYLESHEET
 * 
 * Structure Overrides for Mobile GIS Pages - This is to change images and
 * colors that are specific to the Mobile GIS product pages.
 * Please keep this file clean and reuse as much of it as possible.
 * Do not put styles unrelated to Mobile GIS 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/mobile_sidenav_bg.jpg) top left no-repeat;
	}
	
	.overview DIV#menu {
	    background: transparent url(/software/graphics/mobile_sidenav_overview_bg.jpg) top left no-repeat;
	}
	div#dynamicNav {
	    background: transparent url(/software/graphics/mobile_sidenav_bg.jpg) top left no-repeat;
	}
	
	.overview div#dynamicNav {
	    background: transparent url(/software/graphics/mobile_sidenav_overview_bg.jpg) top left no-repeat;
	}
/* END Menu */

/* Information Boxes */
	DIV.menuBox {
	    background: transparent url(/software/graphics/menubox_mobile_bg.jpg) top left no-repeat;
	}
	
	DIV.menuBox P.menuBoxBottom {
	    background: transparent url(/software/graphics/menubox_mobile_bottom_bg.jpg) bottom left no-repeat;
	}
/* END Information Boxes */

/* FullWidth Content Change */
	div#contentWrapper.fullWidth {
		width: 800px;
	}

/* 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 #72479c;
	    b/*ackground: #ddcbe4;*/
		clear: right;
	}
	
	div#contentWrapper .DemoShot {
		 border: 1px solid #72479c;
	}
	div#contentWrapper .textcalloutRight {
		border: 1px solid #72479c;
	}
	
/* Table Styles*/
	table.dataGrid thead tr th.columnHead {
	    background: url(/software/graphics/mobileTableHeadTabsRight.jpg) no-repeat top right #0D7791;
	}
	
	table.dataGrid th.columnHead h4 {
		background: url(/software/graphics/mobileTableHeadTabsLeftCorner.jpg) no-repeat top left;
	}
	
	table.dataGrid thead tr th.columnHead h4.left {
		background: url(/software/graphics/mobileTableHeadTabsLeft.jpg) no-repeat top left;
	}
	
	table.dataGrid tfoot th.columnFoot{
	    background: url(/software/graphics/mobileTableFootTabsRight.jpg) no-repeat bottom right #0D7791;
	}

	table.dataGrid th.columnFoot h4 {
		background: url(/software/graphics/mobileTableFootTabsLeftCorner.jpg) no-repeat bottom left;
	}
	
	table.dataGrid tfoot th.columnFoot h4.left {
		background: url(/software/graphics/mobileTableFootTabsLeft.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 td {
	    border-top: 1px solid #999;
		color: #666;
	}
/* H1 overrides */

	div#contentWrapper H1{
		color: #106798;
	}	
	/* This is for the mobile gateway page or any page without the menu */
	div#contentWrapper.fullWidth H1{
		margin-top: 0;
	}
	
/* Overrides for shared content on the arcpad how to buy pages. */
	.buybox h3{
		background: none;
		padding-left: 0;
	}
	.buybox table{
		border: none;
	}
	.buybox td{
		padding: 0;
	}
	.buybox li,
	.buybox p{
		font-size: 100%;
	}
	.buybox .product p{
		font-size: .85em;
	}