
/**
 Generic styling properties for the whole client
*/

body, html {
    font-family:verdana,"Tahoma",arial,sans-serif;
    font-size:11px;
    line-height:16px;
}

table, caption {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  margin: inherit;
}


table, tbody,tr, td {
        height: inherit;
}


a {
    color: #333399;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}



/** Styling for the main Yahoo tabs panes
  */
body {
	background:url(../images/imagearchive/skin/body_bg.gif);
	padding:20px;
	margin:0;
}

body,td,th, p {
	font-family:verdana,"Tahoma",arial,sans-serif;
    font-size:11px;
    line-height:16px;
}
#ImageArchiveLogo{
	position:absolute;
	top:0;
	left:630px;
	border:0;
	z-index:9999;
}
#helpLink{
	position:absolute;
	top:20px;
	left:590px;
    font-weight: bold;
}
#search, #map ,#getCoverage , #security{
	margin-top:0!important;
	margin-top:15px;
	height:690px
	
}
h3 {
	font-family	: verana,"Tahoma",arial,sans-serif;
	font-size	: 13px;
	margin-top:13px;
}


#mainNotebook  {
    width: 916px;
	height:710px;
}


#mainNotebook .yui-content {
    background-color: white;
    padding: 3px;
}
#mainNotebook .yui-nav {
    background-color:transparent;
    padding: 0;
}

#mainNotebook .yui-nav li {
    background-color:transparent;
	background:url(../images/imagearchive/skin/li_bg.gif) left no-repeat;
    padding:0;
	margin:0;
	height:21px;
	border:0;
}
#mainNotebook .yui-nav li a {
    background-color:transparent;
	background:url(../images/imagearchive/skin/li_bg_close.gif) right no-repeat;
    padding:0 5px;
	margin:0 ;
	height:21px;
	border:0;
	font-family: verdana,arial, "lucida console", sans-serif;
	font-size:12px ;
	font-weight:bold;
	color: #000;
	text-decoration:none;
	
}
#mainNotebook .yui-nav li a:hover {
	text-decoration:none;
}
#mainNotebook .yui-nav li.selected {
 	background-color:transparent;
	background:url(../images/imagearchive/skin/li_bg_selected.gif) left no-repeat;
	border:0;
	
}
#mainNotebook .yui-nav li.selected a{
 	background-color:transparent;
	background:url(../images/imagearchive/skin/li_bg_selected_close.gif) right no-repeat;
	border:0;
	color: #c60505;
	
}
#mainNotebook .yui-nav li a em {
	padding:0;
	margin:0;
	line-height:20px;
}
.globalMapAndNavbarHolder, #getCoverageLeftPanel {
	width:538px;
	border: 1px solid #808080;
}
#searchNavBarHolder {
width:538px;
}
#searchMapHolder {
	background-color:#faf9f8;
}
/* TIPS TOOL BAR */
	.yui-toolbar-subcont{
		position:relative;
	}
	.yui-skin-sam .yui-toolbar-container .yui-toolbar-subcont {
		border:0;
	}
	.NavBar .yui-toolbar-group ul {
		margin:4px 10px 0 10px;
	}
	.yui-toolbar-group-navigation-history {
		position:absolute;
		right:10px;
	}

/* FORMS & INPUT */ 
	input, select, textarea {
	    border: 1px solid #c4ccd5;
	    font-family:verdana,"Tahoma",arial,sans-serif;
   		font-size:11px;
	    text-transform: none;
	    padding: 1px;
	}
	
	input {
	    border-color: #c4ccd5;
	}
	
	input:hover, input:focus {
	    border-color: black;
	    background-color: #f6f2f6;
	}
	.ui_timestampIntervalEditor table {
		margin:0;
		padding:0;
		border-spacing: 0px;
		border-collapse: collapse;
	}

/* NAVIGATE */
	/** background color and props for left panes.
	    This is done separately for each since the search pane is a special case,
	    being itself a Yahoo multi-tabs, and defined in browse.css/#searchBrowseTab
	*/
	#mapLayers h3 {
		border-bottom:1px solid #C60505;
	}
    #mapLayers, #getCoverageHolder {
		background-color: #faf9f8;
		border:1px solid #000000;
	    padding: 0 0.5em;
		width:325px;
	    padding: 0.5em;
	    margin-top: 2em;
	}
	.managementToolbar img{
		cursor:pointer;
	}
	.mapGeometryToolbar .GEditBar td img {
		cursor:pointer;
	}
	


div#search-yui-content {
    height: 362px;
}


/** leftPane and rightPane are common to right and left panels in all yahoo tabs
  */
.leftPane {
    width: 350px;
    vertical-align: top;
}

.rightPane {
    text-align:center;
    vertical-align: top;
    padding-top: 2em;
    padding-left: 1em;
}

#mainNotebook>.yui-content>div {
    padding: 10px;
    height:95%;
}


#mainNotebook .yui-navset, #mainNotebook.yui-navset {
    position: inherit;
}


.layerEntry>.title {
    overflow: hidden;
}


/* add border to all tilapia maps in the client */
.mapViewContainer {
    border: 1px solid #b6b5b5;
}
