/* CSS Document */

body{
    margin:0 15px 25px 15px;
	background-image:url(../Images/geosmartbackground.jpg);
	background-repeat:repeat-x;
}

form{
	margin:0;
	padding:0;
}

img{
  border:0;
}


#wrapper{
	width:975px;
	margin:0 auto;
}

/* HEADER STYLES */

#header{
	position:relative;
	width:975px;
	height:95px;
	background-color:White;
}

#logo{
	position:absolute;
	left:0px;
	bottom:20px;
}

#mainMenu{
	position:absolute;
	bottom:22px;
	right:0;
	font-weight:bold;
	color:#0084C9;
}

#features{
	width:975px;
	height:55px;
}

#breadCrumbs{
	float:left;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5a686e;
	padding-top:15px;
}
.breadCrumbSeparator {
    background-image:url(../Images/arrow.png);
	background-repeat: no-repeat;
}

/* BODY LAYOUT STYLES */

#content{
	width:750px;
	float:right;
}

#subNav{
	width:172px;
	float:left;
}

#mainContent{
	float:left;
	font:normal 0.95em Verdana, Arial, Helvetica, Sans-Serif;
}

#mainContent p{
  line-height:19px;
}

#mainContent a:link, #mainContent a:visited, #mainContent a:active{
  color:#0073BE;
  text-decoration:underline;
}

#mainContent a:hover{
  color:#84BD4A;
  text-decoration:underline;
}

#secondaryContent{
	width:175px;
	float:right;
	padding-top:42px;
}

/* SECONDARY CONTENT STYLES */

#secondaryContent p{
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0084c5;
	margin:5px 0 5px 0;
}

html>body #secondaryContent p{
	margin:10px 0 10px 0;
}


/* FOOTER STYLES */

#footer{
	width:975px;
	clear:both;
	text-align:center;
	font-size:11px;
	color:#879BA5;
	padding-top:30px;
}

#copyright{
	background-image:url(/images/stories/brandelements/dottedborder.gif);
	background-repeat:repeat-x;
	padding-top:5px;
}

/* VISUAL STYLES */
.search{
    float:right;
	padding-bottom:10px;
	padding-top:15px;
}

#keywords{
	width:111px;
	height:14px;
	padding:2px;
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:White;
	border:1px solid #04547d;
}

.search input[type="submit"]{
	position:relative;
	top:0px;
	height:20px;
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:white;
	background-color:#04547d;
	border:1px solid #04547d;
}

html>body .search input[type="submit"]{
	top:0px; /* make this 2px to fix mac firefox version */
}

#sectionTitle {
	font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	margin-bottom:12px;
	background-image:url(../Images/dottedborder.gif);
	background-repeat:repeat-x;
	background-position:bottom;
    color:#214356;
}

#sectionTitle a:link, #sectionTitle a:active, #sectionTitle a:visited, #sectionTitle a:hover{
	color:#214356;
	text-decoration:none;
	cursor:pointer;
}

#mainContent table.contentpaneopen{
	position:relative;
	top:-2px;
}

#dottedRule{
	width:554px;
	height:1px;
	background-image:url(/images/stories/brandelements/dottedborder.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}



#subNav .heading{
	font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0084c5;
	text-align:left;
	padding:1px 0 10px 0;
}

.contentheading, #mainContent div.componentheading, .contentheading.bl {
	color:#0084c5;
	font:normal 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#mainContent div.componentheading{
	width:554px;
	padding-bottom:20px;
	margin-bottom:20px;
	background-image:url(/images/stories/brandelements/dottedborder.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.moduletablesubNavTable{
	width:100%;
	padding-bottom:10px;
	background-image:url(/images/stories/brandelements/dottedborder.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.serviceTitle {
font-family: Trebuchet MS, Verdana, Sans-serif;
}

/* MODULE STYLES */
.moduletable_sfrightnav th {
text-align: left;
}

.moduletable_sfrightnav ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

.moduletable_sfrightnav ul li {
margin: 0 0 0.3em 0;
padding-left: 0;
}

.moduletable_sfrightnav ul li a {
text-decoration: underline;
}


/* jsdoc STYLES */

.doctable{
  border:1px solid #BABABA;
  border-collapse:collapse;
  margin-top:10px;
}

.doctable td{
  border:1px solid #BABABA;
  padding:5px;
}

.docheader{
  background-image:url(/images/stories/brandelements/dottedborder.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  margin-top:30px;
  padding-bottom:3px;
}

.TableHeadingColor{
  background-color:#BABABA;
  color:White;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
}

.propstable{
  border:1px solid #BABABA;
  border-collapse:collapse;
  margin-top:10px;
  padding:5px;
}

.propstable th{
  text-align:left;
  background-color:#BABABA;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color:White;
  font-size:13px;
  padding:5px;
  vertical-align:top;
}

.propstable td{
  border:1px solid #BABABA;
  padding:5px;
}

/* Web Service API Doc STYLES */
dl.poiws-urls dt {
font-weight: bold;
}

.notification{
  border:1px solid #FFCC33;
  background-color: #FFF4C2;
  padding:10px;
}

.moduletable_hideme{
  display:none;
}

#api_links{
border:1px dotted #FFCC33;
background-color:#FFF4C2;
padding:10px;
margin-top:20px;
}

#api_links h2{
color:#5A686E;
font-size 14px;
margin:0 0px 10px 0px;
}

/* PRINT STYLES */

@media print {
  body{background-image:none; font-size:10pt; line-height:15pt;}
  #header{width:80%;}
  #content{width:475pt; float:none;}
  #mainMenu{display:none;}
  #searchContainer{display:none;}
  #mainContent{width:90%;}
  #subNav{display:none; width:0;}
  #secondaryContent{display:none;}
  #footer{width:80%; text-align:left;}
}

#Search, .searchbutton{
	position:relative;
	top:0px;
	height:20px;
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:white;
	background-color:#04547d;
	border:1px solid #04547d;
}

