@import url("/styles/gateways/home.css");
@import url("/styles/buttons.css");

/*--------------Classes for left side navigation------------------*/
#pageBanner{
 
 float: left;
 font-size: 2.5em;
 margin:15px 15px 10px 310px ;
 position: absolute;
 top: 190px;
 color:white;
 padding:0;
 z-index:1;
 text-shadow: #000000 1px 1px;
}


.sideBox{
	margin-top:20px;
}
.sidenavHeader {
	color: #ffffff;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	background-color: #F49221;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.sidenavText {
	background-color: #F4EFE0;
	padding: 5px 8px 5px 15px;
	font-size: 1em;
	line-height: 1.6em;
}
.sidenavH3{
	font-weight: bold; 
	color: #1F67A2;
	margin-top:15px;
}
.linkTitle{
	padding: 5px 5px 5px 17px;
	font-weight: bold;
	color: #106798;
	background-image: url(../graphics/headertitleback.gif);
	background-position: top left;
	border-top: 1px solid #B8CBDC;
}


/********************** SIDENAV ***********************/

#sideNav {	background-color: white; border: 1px solid #c5c6c6;	margin-bottom: 20px;font-size: 1.2em;}

#calendar{background-color: white; border: 1px solid #c5c6c6;	margin-bottom: 20px;}

.linkTitleLg{	padding: 5px 5px 5px 17px;	font-weight: bold;	color: #106798;	background-position: top left;	}

.linkTitleLgSelected{ padding: 5px 5px 5px 17px; font-weight: bold; background-position: top left; background-color: #2f627f; color:white}

.linkTitleLgSelected a {text-decoration: none; color: white;}

.linkTitleLg:hover {background-color: #f1f1f1;  }

.linkTitleLg a { text-decoration: none; color: #106798;}

.linkTitleLg a:hover { text-decoration: none; }

ul.arrowList{list-style-type: none;	font-size: inherit;	line-height:1.50em;	margin-top: 5px;}

.arrowList li{	margin-bottom: 5px;	line-height: 1.5em; padding-bottom: 5px; margin-bottom: 0px; }

.bulletList li{	margin-bottom: 5px;	line-height: 1.5em;	padding-right:10px;	padding-bottom: 0px;}

ul.bulletList ul{font-weight: normal;}

li.arrow{list-style-type: none;	list-style-image: url(../graphics/sidenavarrow.gif);}
li.arrow_evaluation{list-style-type: none;	list-style-image: url(../graphics/sidenavarrow.gif);}
li.selectedArrow{list-style-type: none;	font-weight: bold;}

.linkLi{text-decoration: none;	color: black;}

.linkLi_evaluation {text-decoration: none;	color: #106798; font-weight: bold;}

.linkLi_evaluation:HOVER {text-decoration: none;	color: green; font-weight: bold;}

.linkLi:HOVER{text-decoration: none; color: green; }

li.selected{list-style-type: none;	font-weight: bold; margin-left: -25px;}
li.selected li { font-weight: normal; }
li.selected li.selected { font-weight: bold; }

li.unselected{list-style-type: none; color: black;	text-decoration: none; margin-left: -25px;}

/********************** END SIDENAV ***********************/

.divider{
	border-top: 1px solid #A6BEAE;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.alignRight {
	text-align: right;
}

table.boxTable{
	margin-left: 10px;
}
.box {
	padding: 18px 10px 10px 17px;
	border-bottom: 1px solid #D3CBB3;
	border-right: 1px solid #D3CBB3;
	border-left: 1px solid #D3CBB3;
	font-size: .70em;
}

.box .pdf{
	font-size: 100%;
}	

.box ul{
	margin-top: 0px;
	margin-left: 8px;
	padding-left: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-image: url(/graphics/boxbluebullet.gif);
}

.box ul.darkblue{
	margin-top: 0px;
	margin-left: 8px;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-image: url(/graphics/boxbluebullet.gif);
}

ul.darkblue{
	margin-left: 10px;
	padding-left: 0px;
	padding-bottom: 4px;
	margin-top: 2px;
	list-style-type: none;
	list-style-image: url(/graphics/boxbluebullet.gif);
}
ul.darkblue li{
	padding-bottom: 4px;
	padding-top: 4px;
}
.boxHeader     {
	background-color: #f4efe0; 	border-color: #d5cdb7;	border-width: 1px;	border-style:solid;	padding-top: 2px;	padding-bottom: 2px;	padding-left: 10px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;	font-size: 1em;	line-height: 1.25em;	color: #2f627f;}

div.enlarge{
	margin-left: 45px;
	margin-bottom: 10px;
}

div.flash{
	background-color: #4686B8;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 561px;
	height: 121px;
	background-image: url(http://www.esri.com/graphics/flashalt.jpg);
}
/*------------------end of showcase boxes-------------*/
/*------------------NEWS----------------------------- */
.splash {
	margin: 9px 0 25px 0;
	width: 850px;
	height:238px;
	padding: 0 0 3px 17px;
	position: relative;
	background: url(/graphics/splash_bg.gif) no-repeat;
}
.splash .links {
	position: absolute;
	top: 199px;
	left: 31px;
	font-size: .65em;
}
.links a:link, .links a:visited {
	text-decoration: none;
	font-weight: bold;
}
.splash a:hover{ text-decoration: underline; }
#mapimage {
	border: 1px solid #fff;
	width: 591px;
	height: 194px !important;
	height: 196px;
	position: absolute;
	top: 18px;
	left: 16px;
}
#betterdecisions {
	display: block;
	position: absolute;
	top: 87px;
	left: 72px;
	width: 449px;
	height: 39px;
}
#completegis {
	display: block;
	position: absolute;
	top: 21px;
	left: 623px;
	width: 120px;
	height: 42px;
}
.splash ul {
	padding: 78px 0 0 606px;
	margin: 0;
}
.splash li {
	background: url(/graphics/orangearrow_small.gif) no-repeat 0 10px;
	padding: 0 0 3px 18px;
	list-style-type: none;
	list-style-image: none;
	width: 100%;
}
.splash li a {
	font-size: .78em;
	font-weight: bold;
	color: #0481a8 !important;
}
.splash a:hover { color: #f60 !important; }
.gettingstarted {
	background: url(/graphics/v_dots.gif) repeat-y top right;
	width: 200px;
	padding: 0 14px 0 18px;
}
.gettingstarted p { font-weight: bold; color: #797979; }
.gettingstarted ul {
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}
.gettingstarted li{
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: .68em;
	line-height: 1.5em;
}
.gettingstarted p, .conferences p {
	font-size: .68em;
	margin: 0;
	padding-bottom: 5px;
}
.gettingstarted div {
	background: url(/graphics/gettingstartedpeople.jpg) bottom right no-repeat;
	height: 92px;
}
.whatsnew {
	width: 270px;
	padding: 0 15px 0 15px;
	background: url(/graphics/v_dots.gif) repeat-y top right;
}
.whatsnew1 { padding-left:15px; }

.whatsnew h4 {
	font-size: .68em;
	margin: 0;
}
.whatsnew1 h4 {
	font-size: .68em;
	margin: 0;
}
.whatsnew p {
	font-size: .68em;
	margin: 0;
	padding-bottom: 15px;
}
.whatsnew1 p {
	font-size: .68em;
	margin: 0;
	padding-bottom: 15px;	
}
.conferences { padding-left:15px; }
.conferences dl { margin: 0; }
.conferences dt, .conferences dd {
	font-size: .68em;
	line-height: 1.4em;
}
.conferences dt {
	background: url(/graphics/orangebullet.gif) no-repeat 0 5px;
	padding-left: 9px;
}
.conferences dd {
	margin: 0; 
	padding: 0 0 13px 9px;
}
.columnheader { padding-bottom: 12px !important; }
.more { text-align: right; }

/* Coming from ESRI France */
.cadre5 {
	width:100%;
}


.cadre5_title_back {
	background-image:url(../graphics/EsriBeLux_images/cadre5_title_back.gif);
	background-position:right;
	background-repeat:repeat-y;
	background-color:#deecef;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #e17e0b;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding-left:5px;
}

.cadre5_title_backlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #e17e0b;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding-left:5px;
}

.cadre5_title_backlink a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #e17e0b;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding-left:0px;
}

.cadre5_title_backlink a:hover {
	color: #1577b7;
	text-decoration: none;
}

.cadre5_content {
	padding:8px;
}

.cadre5_img img{
	border:0px;
	margin-left:10px;
}
/*---------------End NEWS----------------------------- */
/* commented backslash hack v2 to hide from mac IE5 \*/
.homelink {display: block;}
/* end hack */


ul.orangearrowList{
	list-style-type: none;
	list-style-image: url(/graphics/orangearrow.gif);
}
ul.orangearrowList li { padding-bottom: 4px;}

/*"how to buy" styles*/
.buybox { padding-bottom: 7px; }
.buybox h3 {
	background: url(/graphics/grad_bg.gif) repeat-y top right #1677b7;
	color: #fff;
	padding: 0 0 1px 12px;
	font-size: .96em;
	margin: 0;
}
.buybox p {
	font-size: .78em;
	margin: 0;
	padding-bottom: 16px;
}
.buybox table {
	border: 1px solid #a8cde5;
	margin-top: 2px;
}
.buybox ul { margin: 10; padding: 0px 0; }
.buybox li, .buybox b, .buybox h4, .buybox .product p { font-size:.78em; }
.buybox h4 {
	margin: 0;
	padding: 5px 0;
}
.buybox div.product {
	border: 1px solid #a8cde5;
	width: 130px;
	padding: 13px 16px;
}
.buybox div.product h4 {
	color: #1f67a2;
	text-align: center;
	border-bottom: 1px solid #a8cde5;
	font-size: .68em;
	padding: 0;
}
.buybox .product p {
	text-align: center; 
	margin: 0;
	padding: 2px 0 ;
	font-size: .68em;
}
.buybox .product i { color: #d97322; }
.buybox .product b { font-size: 1em; }
.buybox td.img { padding: 0; }
.buybox li {
	margin: 0;
	padding: 0;
	padding-bottom: 4px;
	list-style-image: none;
	list-style-type: none;
	padding-left: 8px !important;
	background: url(/graphics/boxbluebullet.gif) no-repeat -8px 3px;
	line-height: 1.5em;
}
.buybox .buynow li {
	padding: 5px 0;
	background-position:  -8px 9px;
}
.buybox td { padding: 11px 9px; }
.buybox .img { padding: 0; }


acronym {
    cursor: help;  
	border-bottom: 1px dotted black;
}
/* Adding by SDC */
#dynamicNav {
	padding: 8px 0 4px 0;
	font-size: 1.2em;
}
#dynamicNav ul {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}
#dynamicNav li {
	list-style-type:none;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	border-bottom: 1px solid #dcdcdc;
}
#dynamicNav li a, #dynamicNav li strong {
	display: block;
	zoom: 1;
	margin: 0;
	padding: 8px 12px 8px 12px;
	text-decoration: none;
	color: black;
	outline:none;
}
#dynamicNav li strong a {
	margin: 0;
	padding: 0;
}
#dynamicNav li a:hover {
	text-decoration: underline;
	color: #2d7104;
}
#dynamicNav li a.selected, #dynamicNav li a.selected:hover {
	font-weight: bold;
	cursor:default;
	text-decoration:none;
	color:#000;
}
#dynamicNav li.arrow, #dynamicNav li.expandable {
	background: url(../graphics/submenu_9.gif) no-repeat right center;
}
#dynamicNav li.selectedarrow, #dynamicNav li.collapsable {
	background:none;
}
#dynamicNav li ul {
	margin: 0;
	padding: 0 0 0 15px;
}
#dynamicNav ul ul li {
	list-style-type:none;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	border-bottom: 0 none;
}
#dynamicNav a.button {
	display:inline-block;
	margin-left:12px;
}
#dynamicNav ul ul, #dynamicNav ul ul ul {
	/*display: none;*/
	padding: 0 0 0 15px;
}
/* START Comparison Table */
.comparisontable {
	clear: both;
	margin:10px 0;
	width: 100%;
	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;
	border-top:1px solid #fff;
	vertical-align:bottom;
}
.comparisontable th.contrast {
	background-color:#5dabbe;
}
.comparisontable tbody th {
	vertical-align:top;
	border-left:none;
	border-top:1px solid #fff;
}
.comparisontable th a {
	color:#fff;
}
.comparisontable th a:hover {
	color:#FFCC33;
}
.comparisontable td {
	text-align:left;
	padding:10px;
	border:none;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	vertical-align:top;
}
.comparisontable tfoot td {
	background:#fff;
	font-size:0.9em;
	color:#666666;
	padding:5px 10px;
}
.comparisontable caption {
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	vertical-align:bottom;
	border:none;
}
.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;
}
.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;
}
.highlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E48028;
	font-weight: bold;
	line-height: 1.25em;
}