@import "reset.css";

html, body, form, fieldset {
	color:#222222;
	font-family:Tahoma,Verdana,Helvetica,sans-serif;
	font-size:13px;
	line-height: 1.5em;
}

html, body {
	padding: 0;
	margin: 0;
	background: #ffffff;
	text-align: center;
}

body {
	border-top: solid 9px #404040;
}

a {
	color: #308AE7;
}

a:hover {
	color: #404040;
}

h1 {
	color: #000000;
	font-size:14pt;
	padding-bottom:8px;
	line-height: 18pt;
	font-family:Tahoma,Verdana,Helvetica,sans-serif;
    text-decoration: none
}

h2 {
    font-size: 12pt;
    font-weight: normal;
    color: #007dc3;
    line-height: 18pt;
    padding-bottom: 0px;
	font-family:Tahoma,Verdana,Helvetica,sans-serif;
    text-decoration: none;
}

h3 {
    font-size: 10pt;
    font-weight: bold;
	text-decoration: none;
}

pre {
	background: #f5fff5;
	border: 3px solid #cce0cc;
	padding: 5px;
	white-space: pre-wrap;
}

pre.thin {
	width: 440px;
}

ul li {
	padding-left: 13px;
	background: url('../images/arrow.png') no-repeat 0px 7px;
	margin: 5px;
}

dl dt {
	font-weight: bold;
	width: 200px;
	clear:left;
	float: left;
}

dl dd {
	margin: 15px 0;
	margin-left: 200px;
}

p.lead {
	font-size: 1.2em;
	line-height: 1.6em;
}

div.quote {
	color:#ffffff;
	background: #4f81bd;
	display: block;
	width: 160px;
	padding: 20px;
	margin: 10px 0 10px 10px;
	float:right;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: normal;
}


div.alert {
	background: #fffdf1;
	border: 3px solid #fcecac;
	padding: 5px;
	white-space: pre-wrap;
	font-weight: bold;
}

div.fileInfo {
	display: none;
}

div.thumbBox {
	color:#404040;
	display: block;
	width: 210px;
	margin: 10px 0 10px 10px;
	float:right;
	font-size: 0.8em;
	line-height: 1em;
	font-weight: normal;
	text-align: center;
	padding: 0;
}

div.thumbBox img {
	border: 5px solid #505050;
}

div.thumbBox a {
	margin: 0;
	height: auto;
	padding: 0;
}
	
table.dataView {
	border-spacing: 0;
	width: 400px;
}

table.dataView th {
	padding: 0 4px;
}

table.dataView td {
	border: 1px dotted #999999;
	padding: 0 3px;
}

/* Common Classes */
.right {
	float: right;
}

.left {
	float: left;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}

.message {
	margin: 3px;
	padding: 5px;
	background: #ddffdd;
	border: 2px solid #339933;
}

/* Structure Styling */

.wrap {
	margin: 0 auto;
	width: 918px;
}

.padded-content {
	padding: 18px;
}

.breadcrumbs {
	padding: 12px 0 0 18px;
	font-size: 11px;
}

#header {
	height: 75px;
}

	#header a#geobase {
		float: left;
		display: block;
		text-indent: -10000px;
		width: 192px;
		height: 64px;
		background: url('../images/geobase-logo.jpg') no-repeat;
		margin: 5px 0;
	}
	#header ul {
		float:right;
		list-style: none;
		margin-top: 5px;
	}
	#header ul li {
		float:left;
		height:14px;
		margin-left: 18px;
		padding-left: 18px;
		border-left: solid 1px #999999;
		background: none;
	}
	
	#header ul li a {
		color:#0066CC;
		display:block;
		text-indent: -10000px;
		float:left;
		height:14px;
		padding-bottom: 2px;
	}

	#header ul li.first-li {
		border-left: none;
	}

	#header ul li #top-home {
		background: url(../images/b-home.png) no-repeat;
		width: 28px;
	}
	
	#header ul li #top-download {
		background: url(../images/b-downloads.png) no-repeat;
		width: 60px;
	}
	
	#header ul li #top-contact {
		background: url(../images/b-contact-us.png) no-repeat;
		width: 61px;
	}
	
	#header ul li a:hover {
		border-bottom: solid 2px #FBB146;
	}

	#header ul li #top-home.current {
		background: url(../images/b-home-o.png) no-repeat;
	}
	
	#header ul li #top-download.current {
		background: url(../images/b-downloads-o.png) no-repeat;
	}

	#header ul li #top-contact.current {
		background: url(../images/b-contact-us-o.png) no-repeat;
	}

	
#image-block {
	background: #404040 url('../images/h1-bg.png') no-repeat 50%;
	height: 50px;
	text-align: left;
}

	#image-block h1 {
		color: #fbb146;
		line-height: 50px;
		font-size: 22px;
		padding-left: 20px;
		width: 680px;
		display: block;
		height: 50px;
		background: #404040 url('../images/h1-bg.jpg') repeat-x;
		margin-left: 218px;
		padding-bottom: 0;
	}

#body-bg {
	background: url('../images/bg.gif') repeat-y 50%;
}

#body-content {
	background: url('../images/body-bg.gif') repeat-y 50%;
}

#left-col {
	background: none;
	width: 164px;
	float: left;
	padding: 0px 27px;
	text-align: left;
}

#main-col {
	background: #ffffff;
	width: 700px;
	float:right;
	text-align: left;
}
		
h4.title {
	display: block;
	width: 160px;
	height: 18px;
	text-indent: -10000px;
	border-bottom: 1px solid #000000;
}

h4#t-menu {
	background: url('../images/t-menu.png') no-repeat;
}

h4#t-developer {
	background: url('../images/t-developer.png') no-repeat;
	margin-top: 20px;
}

h4#t-newsletter {
	background: url('../images/t-newsletter.png') no-repeat;
	margin-top: 20px;
}

h4#t-news {
	background: url('../images/t-news.png') no-repeat;
	width: 182px;
}

h4#t-category {
	background: url('../images/t-category.png') no-repeat;
	width: 182px;
}

#news, #download-category {
	margin-bottom: 40px;
	list-style: none;
}

#news li, #download-category li {
	margin: 4px 0 12px 3px;
	font-size: 11px;
	line-height: 1.3em;
	background: none;
	padding: 0;
}

ul.sdkDownload li {
	padding-left: 55px; 
	float: left;
	font-size: 0.8em;
	line-height: 15px;
}

ul.sdkDownload li a {
	font-size: 13px;
	font-weight: bold;
}

ul.sdkDownload li.usa {
	background: url('../images/download-usa.jpg') no-repeat left;
}

ul.sdkDownload li.uk {
	background: url('../images/download-uk.jpg') no-repeat left;
}


ul.functions li {
	float: left;
	text-align: center;
	background: none;
}

ul.functions li a {
	display: block;
	height: 20px;
	width: 96px;
	padding-top: 66px;
}

ul.functions li a.map {
	background: url('../images/i-mapping.jpg') no-repeat top;
}

ul.functions li a.geo {
	background: url('../images/i-geocoder.jpg') no-repeat top;
}
ul.functions li a.rgeo {
	background: url('../images/i-reverse-geocoder.jpg') no-repeat top;
}
ul.functions li a.nav {
	background: url('../images/i-navigation.jpg') no-repeat top;
}
ul.functions li a.route {
	background: url('../images/i-routing.jpg') no-repeat top;
}
	
a.prevLink {
	background: url('../images/arrow-prev.gif') no-repeat left;
	padding-left: 15px;
	display:block;
	float:left;
	margin-top:40px;
	width:300px;
}

a.nextLink {
	background: url('../images/arrow-next.gif') no-repeat right;
	padding-right: 15px;
	text-align: right;
	display: block;
	margin-top:40px;
	float: right;
	width: 300px;
}

span.tip {
	position:relative; /*this is key for tooltip*/
}

span.tip a {
	text-decoration: none;
	border-bottom: 1px dashed #666666;
	color: #222222;
}

span.tip a:hover{z-index:25; background-color:#eeeeee}

span.tip span{display: none}

span.tip span a {
	text-decoration: underline;
	color: #308AE7;
	border-bottom: none;
}


div.quote a {
	color: #fff;
}

div.quote a:hover {
	color: #bbb;
}


span.tip:hover span{ /*the span will display just on :hover state*/
	text-align:left;
	font-size: 11px;
	line-height: 1.2em;
    display:block;
    position:absolute;
    top:1.5em; right:1em; width:15em;
	padding: 4px;
    border:1px solid #dddddd;
    background-color:#fff6dd;
	color:#222222;
}


/* Search styles */

#SearchForm_SearchForm {
	padding-top: 17px;
	float:right;
	clear: right;
	width: 200px;
	height: 20px;
}

#SearchForm_SearchForm input {
	font-size: 12px;
	float: left;
}
#SearchForm_SearchForm_Search {
	width: 125px;
}

#SearchResults li {
	background: none;
	padding-left: 0;
	margin-bottom: 15px;
}

#SearchResults a.searchResultHeader {
	font-weight: bold;
}

/* Menu styles */


#Menu1 {
	margin: 0;
}

ul#Menu1 li {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 160px;
	background: none;
}
#Menu1 li a {
	font-size: 12px;
	line-height: 24px;
	padding-left: 7px;
	font-weight: bold;
	display: block;
	color: #0D77E4;
	width: 153px;
	height: 24px;
	border-top: 1px solid #D8DCDD;
	text-decoration: none;
}
#Menu1 li a.parent {
	background: url(../images/arrow-right.png) 145px 8px no-repeat;
}
ul#Menu1 li.current a.parent, ul#Menu1 li.section a.parent{
	background: url(../images/arrow-down.png) 143px 10px no-repeat;
}
#Menu1 li a:hover {
	text-decoration: underline;
}
#Menu1 li.current a, #Menu1 li a:hover {
	border-left: 3px solid #fbb146;
	padding-left: 4px;
}
#Menu1 li ul li {
	background: none;
}
#Menu1 li ul li a, #Menu1 li.current ul li a {
	padding-left: 13px;
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	width: 155px;
	border-top: none;
	background: none;
	border-left: none;
}
#Menu1 li ul li a:hover, #Menu1 li ul li a.current, #Menu1 li ul li a.section{
	border-left: 3px solid #fbb146;
	padding-left: 10px;
}

div.left-container { 
	font-size: 11px;
}

/* Forms Styling */

#Remember input.checkbox {
	width: 15px;
	float: left;
}

#Remember label {
	float: none;
}
	
div.left-container .message {
	font-size: 11px;
}

	div.left-container .field {
		clear: left;
		margin: 0 0 0 0;
		padding: 0;
	}

	div.left-container fieldset {
		margin: 4px;
	}

		div.left-container fieldset label {
			width: 50px;
			font-size: 11px;
			margin-left: 0;
		}

		div.left-container fieldset input {
			width: 95px;
			font-size: 11px;
		}
	

	
	div.left-container div.Actions {
		text-align: right;
		margin-bottom: 30px;
	}
	
		div.left-container div.Actions input {
			margin-left: 0;
			font-size: 11px;
			margin-right: 10px;
		}
	
	
/* End forms Styling */
		
#right-col {
	clear: right;
	float: right;
	width: 182px;
}
		
		.article h2 a {
			font-size: 11pt;
			margin: 1em 0 0 0;
			text-decoration: none;
		}
		
		.article h2 a:hover {
			text-decoration: underline;
		}

		.article p {
			margin: 0 0 2em 0;
		}
	
	fieldset {
		margin-left: 30px;
	}
	
	fieldset div {
		margin: 5px 0;
		clear: left;
		padding: 8px 0;
	}
	
	fieldset label {
		width: 200px;
	}
	
	fieldset input.text {
		width: 120px;
	}
	
	fieldset textarea {
		width: 160px;
		height: 50px;
	}
	
	div.Actions input {
		margin-left: 230px;
	}
	
	fieldset span.message {
		margin: 3px;
		padding: 5px;
	}
	
	fieldset span.required {
		border: #dd2222 solid 2px;
		background: #ffeeee;
	}

	fieldset span.validation {
		border: #cc6622 solid 2px;
		background: #fffae6;
	}
	
#footer {
	clear: both;
	background: #ffffff url('../images/map-watermark.jpg') no-repeat right;
	height: 72px;
	border-top: solid 7px #404040;
	padding: 10px 0 0 0;
}

	#footer ul {
		
	}
	
	#footer ul li {
		float: left;
		display: inline;
		line-height:12px;
		margin:10px 0pt;
		padding:0 20px 0 0;
		color: #333333;
		background: none;
	}

		#footer ul li a:link, #footer ul li a:visited {
			color: #333333;
			font-size: 12px;
			text-decoration: underline;
		}
		
		#footer ul li a:hover {
			text-decoration: none;
		}
		
	#footer p, #footer p a {
		color: #777777;
		font-size: 0.9em;
	}
	
	#footer p {
		clear: left;
		text-align: left;
	}