@import url("3colnav.css");

/* Style for all banners */
#sectionTopper, #sectionTopper_general, #sectionTopper_sub {
	background-repeat:no-repeat;
	background-position: top center;
	clear: both;
	min-width:960px;
	width: 100%;
}
/* height of 111px overview banner and it's topper text */
#sectionTopper, #topperText {
	height:111px;
}
/* height of all sub-banners and it's topper text */
#sectionTopper_general, #sectionTopper_sub, #sectionTopper_general #topperText, #sectionTopper_sub #topperText {
	height:85px;
}
/* specifies toppertext for all banners */
#topperText, #sectionTopper_general #topperText, #sectionTopper_sub #topperText {
	width: 960px;
	margin: 0 auto;
	padding:0;
	position:relative;
}
/* sub banners 50% from top and 50% from left */
#sectionTopper #topperText #topper_v_align, #sectionTopper_sub #topperText #topper_v_align {
	margin:0;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
	width:700px;
}
/* Vertical align hack for 111px height. half negative margin and 50% */
#sectionTopper #topperText #topper_v_align {
	height:64px;
	margin-left:-220px;
	margin-top:-32px;
}
/* Vertical align hack for 85px height */
#sectionTopper_sub #topperText #topper_v_align {
	height: 42px;
	margin-left: -220px;
	margin-top: -21px;
	top: 57px;
}
/* vertical align hack for just top 50% */
#sectionTopper_general #topperText #topper_v_align {
	margin:0 0 0 17px;
	padding:0;
	position: absolute;
	height:42px;
	top:50%;
	left:0;
	margin-top:-21px;
	width:943px;
}
/* H2 in topper text */
#topperText h2 a {
	text-decoration: none;
	color: #fff;
}
/* Links in topper text */
#topperText a:hover {
	text-decoration: underline;
	color: #f2f2f2;
}
/* h2 links in topper text */
#topperText h2 a:hover {
	text-decoration: underline;
	color: #ffcc33;
}
/* styling for all headings in topper text */
#topperText h2, #topperText h1, #topperText h3 {
	font-family: Arial;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:normal;
	color: white;
}
/* h1,h2 sizing in topper text */
#topperText h2, #topperText h1 {
	font-size: 35px;
	line-height:normal;
}
/* h3 sizing in topper text and indentation */
#topperText h3 {
	font-size: 18px;
	margin-left: 30px;
}
/* h2 strong styling in topper text */
#topperText h2 strong {
	color: #ffcc33;
	font-weight:bold;
	position:relative;
	top:-1px;
}
/* ArcGIS logo banner link styling and vertical align hack */
#arcGisLogo {
	display: block;
	margin: 0;
	_margin: 0;
	border:none;
	width: 85px;
	height: 52px;
	background-image:url(/graphics/logos/arcgislogo_85.png);
	/* PNG FIX FOR IE6 */
	_background-image:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/logos/arcgislogo_85.png', sizingMethod='crop');
	cursor: pointer;
	position:absolute;
	right:0;
	top:50%;
	outline:none;
	padding:0;
	margin-top:-26px;
	z-index:10;
}
/* container for all columns */
#bodyColumns {
	width: 960px;
	margin: 0 auto;
	font-size: 0.688em;
	text-align: left;
	padding: 20px 0 0 0;
}
#bodyColumns.oneCol {
	background-image:none;
}
/* container for left navigation (uses dynamicsidenav_new.css) */
#leftBar {
	float: left;
	width: 240px;
	margin-bottom: 20px;
}
/* Styles for feature block */
#leftBar .featureBlock, #leftBar #featureBlock {
	background-color: #f5f5f5;
	border: 1px solid #c5c6c6;
	padding: 2px 12px;
	line-height: 1.6em;
	font-size: 1.2em;
	margin-bottom: 10px;
}
#leftBar .featureBlock h2, #leftBar #featureBlock h2 {
	color: #a8761e;
	font-size: 1.2em;
	margin: 10px 0 5px 0;
}
.featureBlock ul, #featureBlock ul {
	margin: 15px 0 0 0;
	padding: 0;
}
.featureBlock li, #featureBlock li {
	list-style-type:none;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1em;
}
.featureBlock a, #featureBlock a {
	color: #2d7104;
}
.featureBlock a:hover, #featureBlock a:hover {
	color: #000;
}
/* 3 columns content style */
#bodyContent {
	margin:11px 0 21px 21px;
	float: left;
	width: 439px;
	font-size: 1.2em;
	line-height: 1.6em;
	padding:0 0 20px 0;/*border-left:1px solid #DCDCDC; */
}
/* 1 column content style */
.oneCol #bodyContent {
	margin:11px 0 21px 0;
	float: left;
	width: 943px;
	font-size: 1.2em;
	line-height: 1.6em;
	padding:0 0 20px 17px;
	border-left:none;
}
.twoCol #bodyContent {
	margin:11px 0 21px 21px;
	float: left;
	width: 699px;
	font-size: 1.2em;
	line-height: 1.6em;
	padding:0 0 20px 20px;
}
/* heading styles */
#bodyContent h1 {
	font-size: 1.6em;
	color: #00709C;
	margin:0 0 10px 0;
	padding:0;
}
#bodyContent h2 {
	font-size: 1.4em;
	color: #A8761E;
	margin: 10px 0 5px 0;
	padding:0;
}
#bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
	font-size: 1.2em;
	color: #000;
	margin: 10px 0 5px 0;
	padding:0;
}

#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
	background: none;
}

#bodyContent p {
	padding:0;
	margin:0 0 10px 0;
}
#bodyContent a, #TB_window a {
	color: #2d7104;
}
#bodyContent a:hover, #TB_window a:hover {
	color: #000;
}
#bodyContent ul li {
	margin-bottom: 5px;
	padding-left: 20px;
	list-style-type: none;
}
#bodyContent ul {
	padding-left: 0px;
	margin-left: 10px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#bodyContent ul.singleline li {
	margin-bottom: 2px;
}
#bodyContent ol li {
	margin-bottom: 5px;
}
#bodyContent ol.singleline li {
	margin-bottom: 2px;
}
/*  */
#bodyContent code, #bodyContent samp, #bodyContent pre {
	border: 1px solid #ACC2D1;
	font-size: 1.2em;
	background-color:#F0F6FA;
	margin:10px 0 10px 10px;
	padding: 10px;
	display:block;
}
/*  */
#bodyContent strong, #bodyContent b {
	font-weight:bold;
}
/*  */
#bodyContent label, #bodyContentSingle label {
}
.caption {
	color:#666666;
	font-size:0.88em;
	font-weight:bold;
}
/* START Comparison Table */
.comparisontable {
	clear: both;
	margin:10px 0;
	width: 99%;
	padding:0;
	border-collapse:collapse;
	border:none;
}
.comparisontable th {
	text-align:left;
	font-weight:bold;
	background-color:#0085A6;
	color:#fff;
	padding:10px;
	margin:0;
	border:none;
	border-left:1px solid #fff;
	vertical-align:bottom;
}
.comparisontable td {
	text-align:left;
	padding:10px;
	border:none;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	vertical-align:top;
}
.comparisontable caption {
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	vertical-align:bottom;
	border:none;
}
.comparisontable td:first-child, .comparisontable th:first-child {
	border-left:none;
}
.comparisontable td.center {
	text-align:center;
}
.comparisontable th.center {
	text-align:center;
}
.comparisontable th.none {
	background-color:#FFFFFF;
}
.comparisontable tr.odd {
	background-color: #E4F1F3;
}
.comparisontable tr.even {
	background-color: #CEE3E8;
}
.comparisontable .checked {
	vertical-align:middle;
	text-align:center;
}
.comparisontable tbody th {
	vertical-align:top;
	border-left:none;
	border-top:1px solid #fff;
}

th.contrast {
	background-color:#5dabbe;
}


#bodyContent .comparisontable .checked p {
	font-size: .78em;
	line-height:1em;
}
.comparisontable .unchecked {
	background-image:url(/graphics/check-off.gif);
	background-position:center center;
	background-repeat:no-repeat;
	min-width:20px;
	min-height:20px;
	vertical-align:middle;
}
/* 3rd column*/
#rightBar {
	float:left;
	width:240px;
	margin-left: 20px;
	margin-top: 11px;
}
/* Footer styles */
.footerSmall {
	border-top:1px solid #acc6d8;
	color:#1a679e;
	margin-top: 20px;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	clear: both;
}
.footerSmall a, .footerSmall a:visited {
	color:#1a679e;
	padding:0 10px;
	text-decoration:none;
}
.footerSmall a:hover {
	text-decoration:underline;
}
/* for the FAQ, Common Questions */
#bodyContent .faq_list {
	margin:10px 0 10px 10px;
}
#bodyContent .faq_list .faq_item .faq_answer, #bodyContent .faq_list .faq_list_down .faq_answer {
	margin:5px 0 10px 25px;
}
#bodyContent .faq_list .faq_item {
	margin-bottom:5px;
}
#bodyContent .faq_list .faq_item .faq_toggle {
	background:transparent url(/Shared/Styles/esricore/graphics/plus.gif ) no-repeat scroll 0px 5px;
	padding-left:15px;
	display:block;
	cursor:pointer;
}
#bodyContent .faq_list .faq_list_down .faq_toggle {
	background:transparent url(/Shared/Styles/esricore/graphics/minus.gif) no-repeat scroll 0px 5px;
}
#bodyContent .faq_toggle, #bodyContent .faq_toggle_all {
	text-decoration:underline;
	cursor:pointer;
}
.faq_toggle_all {
	color: #2D7104;
	background:transparent url(/Shared/Styles/esricore/graphics/plus.gif ) no-repeat scroll 0px 5px;
	padding:0;
	margin:0;
	padding-left: 15px;
}
.faq_toggle_all_down {
	background:transparent url(/Shared/Styles/esricore/graphics/minus.gif) no-repeat scroll 0px 5px;
}
.faq_toggle_all:hover {
	color: #000;
}
/*  */
a.button {
	color: #fff;
	background:url(/Shared/Styles/esriCore/graphics/buttonbg.jpg) repeat-x center center;
	padding: 2px 10px;
	margin:0 auto;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration:none;
	display: block;
	width: 87px;
	
}
a.button:hover {
	background-image:url(/graphics/buttonbghover.jpg);
	text-decoration:underline;
}
#bodyContent a.button {
	color: #fff;
	display:block;
	background:url(/Shared/Styles/esriCore/graphics/buttonbg.jpg) repeat-x center center;
	border: 1px solid #2d7104;
	padding: 2px 6px;
	margin:5px 10px;
	margin-left:0;
	font-weight: bold;
	float:left;
	text-decoration:none;
}
#bodyContent a.button:hover {
	background-image:url(/Shared/Styles/esriCore/graphics/buttonbghover.jpg);
	text-decoration:underline;
}
input.button {
	color: #fff;
	display:inline-block;
	background:url(/Shared/Styles/esriCore/graphics/buttonbg.jpg) repeat-x center center;
	border: 1px solid #2d7104;
	padding: 2px 6px;
	margin:0 0 0 10px;
	margin-left:0;
	font-weight: bold;
	text-decoration:none;
}
input.button:hover {
	background-image:url(/Shared/Styles/esriCore/graphics/buttonbghover.jpg);
	text-decoration:underline;
}
.btnClear {
	clear: both;
	height: 0;
	_height: auto;
}
/* Right image code */
.right-image {
	color:#00709C;
	font-size:1.1em;
	line-height:1.6em;
	margin:5px 0 0;
	width: 200px;
	float: right;
	padding: 15px;
}
.right-image img {
	border: none;
}
/* Image Frame Code */
.imgFrame {
	border: 1px solid #acc2d1;
	padding: 10px 15px 10px 15px;
	background: #f0f6fa;
	margin-bottom: 15px;
}

.imgFrame img {
	border: 1px solid #777777;
	display: block;
	margin: 0 auto;
}
.imgFrame .alignCenter {
	text-align:center;
}
.imgFrame p {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 5px 0 0 0;
	color: #00709C;
}
.imgFrame ul li {
	background:transparent url(/Shared/Styles/esriCore/graphics/bluebullet.gif) no-repeat scroll 1px 3px;
	padding: 0;
}
.imgFrame ul {
	margin: 5px 0 0 0;
	padding-left: 1px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.imgFrame li {
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 5px 0 0 0;
	color: #00709C;
}
.imgFrame li a {
	color: #2d7104;
}
.imgFrame li a:hover {
	color: #000;
}
.imgFrame h2 {
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0;
	font-weight: bold;
	color: #af7209;
}
/* for [PDF] [MP3] and others */
.fileInfo {
	color:#999999;
	font-size:0.78em;
	line-height:1.5em;
}
.content_column {
	width: 628px;
}
/* Tooltip */
/* Tooltip */
span.tooltip_left, span.tooltip_right, span.tooltip_down_left, span.tooltip_down_right {
	border-bottom:1px dashed #000;
	display:inline-block;
}
th span.tooltip_left, th span.tooltip_right, th span.tooltip_down_left, th span.tooltip_down_right {
	border-bottom:1px dashed #fff;
	display:inline-block;
}
.tooltip_left:hover, .tooltip_right:hover, .tooltip_down_left:hover, .tooltip_down_right:hover {
	cursor:default;
}
.tooltip_hidden {
	position:relative;
	z-index:4;
	zoom:1;
	padding:10px;
	color:#000;
	font-weight:normal;
	margin:0;
	border:1px solid #DCDCDC;
	background:#FFFFCC;
	display:none;
	width:275px;
}
/* Miscellaneous */
.video {
	padding-bottom: 15px;
}
.clearing, .clear {
	clear:both;
}
.DemoShot {
	padding: 10px;
	margin: 0 0 20px 0;
	text-align: center;
	border: 1px solid #9CC486;
}
.DemoShot img {
	border: none;
}
.linkarrow {
	background: url(/Shared/Styles/esriCore/graphics/orangearrow.gif) no-repeat -3px 2px;
	padding: 0 0 0 20px;
	margin: 0 0 0 5px;
}
.DemoReq {
	font-size:0.8em !important;
	font-weight:normal;
}
.redtxt {
	color:red;
}
/*  */


/* START sort/filter Table */
.filterTable {
	clear: both;
	margin:10px 0;
	width: 99%;
	padding:0;
	border-collapse:collapse;
	border:none;
}
.filterTable th {
	text-align:left;
	font-weight:bold;
	background-color:#0085A6;
	color:#fff;
	padding:5px;
	margin:0;
	border:none;
	border-left:1px solid #fff;
	vertical-align:bottom;
}
.filterTable td {
	text-align:left;
	padding:10px;
	border:none;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	vertical-align:top;
}
.filterTable caption {
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	vertical-align:bottom;
	border:none;
}
.filterTable td:first-child, .filterTable th:first-child {
	border-left:none;
}
.filterTable td.center {
	text-align:center;
}
.filterTable th.center {
	text-align:center;
}
.filterTable th.none {
	background-color:#FFFFFF;
}
.filterTable tr.odd {
	background-color: #E4F1F3;
}
.filterTable tr.even {
	background-color: #CEE3E8;
}
.filterTable .checked {
	vertical-align:middle;
	text-align:center;
}
.paging_full_numbers {
	float:right;
	text-align:right;
}
.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active {
	border: 1px solid #000;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
}
.paging_full_numbers span.paginate_button {
}
.paging_full_numbers span.paginate_button:hover {
}
.paging_full_numbers span.paginate_active {
}
.dataTables_info {
	width: 50%;
	float: left;
}
.dataTables_paginate {
	width:50%;
	float: right;
	text-align: right;
}
.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}
.dataTables_length {
	width: 50%;
	float: left;
}
th.sorting_asc {
	background:#0085A6 url(/styles/esricore/scripts/data_table_images/asc_white.gif) no-repeat center right;  /* doesn't exist 8/2010 */
	cursor: pointer;
	padding-right:18px;
}
th.sorting_desc {
	background:#0085A6 url(/styles/esricore/scripts/data_table_images/desc_white.gif) no-repeat center right; /* doesn't exist 8/2010 */
	cursor: pointer;
	padding-right:18px;
}
th.sorting {
	background:#0085A6 url(/styles/esricore/scripts/data_table_images/bg_white.gif) no-repeat center right; /* doesn't exist 8/2010 */
	cursor: pointer;
	padding-right:18px;
}
.dataTables_wrapper {
	padding:10px 0;
	margin:0;
	clear:both;
}
/*  Tabbed CSS */
.ui-tabs .ui-tabs-hide {
	display: none;
}
#bodyContent .ui-tabs-nav, #rightBar .ui-tabs-nav {
	text-align:left;
	margin:0;
	padding:0;
	list-style:none;
	height: 27px;
	border-bottom: 1px solid #94B7C7;
}
#bodyContent .ui-tabs-nav li, #rightBar .ui-tabs-nav li {
	float:left;
	background:none;
	padding:0;
}
#bodyContent .ui-tabs-nav li a, #rightBar .ui-tabs-nav li a {
	background: #fff url(http://www.esri.com/software/mapping_for_everyone/images/navbarbackground.gif) repeat-x top left;
	color:#999999;
	display:block;
	float:left;
	padding:4px 10px;
	margin:0;
	margin-right:2px;
	border:1px solid #94B7C7;
	border-bottom:none;
	text-decoration: none;
	white-space:nowrap;
	font-size:1.4em;
}
#bodyContent .ui-tabs-nav li a:hover, #rightBar .ui-tabs-nav li a:hover {
	color:#0667AC;
	text-decoration: underline;
}
#bodyContent .ui-tabs-nav li.ui-tabs-selected a, #rightBar .ui-tabs-nav li.ui-tabs-selected a {
	color:#0667AC;
	background: #fff;
}
#bodyContent .ui-tabs-nav li.ui-tabs-selected a:hover, #rightBar .ui-tabs-nav li.ui-tabs-selected a:hover {
	color:#ff6600;
	text-decoration: underline;
}
#bodyContent .ui-tabs-nav li a:focus, #rightBar .ui-tabs-nav li a:focus {
	outline:none;
}
#bodyContent .ui-tabs-panel, #rightBar .ui-tabs-panel {
	padding:10px;
	margin:0;
	border:1px solid #94B7C7;
	border-top:none;
	width:auto;
}

#content blockquote {
	margin:10px 0;
	background:url(/Shared/Styles/esricore/graphics/quote_open.gif) top left no-repeat;
	padding-left:27px;
	display:block;
}
#content blockquote p {
	background:url(/Shared/Styles/esricore/graphics/quote_closed.gif) bottom right no-repeat;
	display:block;
	padding-right:27px;
	min-height:20px;
	_height:20px;
}