/* This is web api specific css to support
   1. webapiTabs is for web api's home,concepts, samples, api reference
   2. clickable site banner
   3. webapiSidebar - sidebar (righthand box)
*/

/* -------------------------------------------------------------- */
/* webapiTabs is for web api's home,concepts, samples, api reference */

a.button {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background:transparent url(resourceButton.jpg) repeat-x scroll left top;
	border:1px solid #D27D00;
	color:#313131;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
}

a.downloadbutton
{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background:transparent url(bg_download_button_green.png) repeat-x scroll left top;
	border:1px solid #006EB9;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 12px;
	text-decoration:none;
	
}

.bodytitle{
	color:#2A530A;
	font-family:Verdana,arial,sans-serif;
	font-size:1.7em;
	font-weight:normal;
	height:26px;
	padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.fieldtitle{
	color:#2A530A;
	font-family:Verdana,arial,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	height:15px;
	padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.tocline{
	border-top:1px solid #E9E9E9;
	width: 135px;
	margin-bottom:0.5em;
	margin-top:0.5em;
	height: 1px;
}

#webapiTabs ul {
    margin-top: -14px; /* move it up and onto background banner image */
    list-style-type: none;
    list-style-image: none;
}

#webapiTabs li {
    display: inline;
    margin-right: 1px;
    margin-left: 1px;
}
#webapiTabs li.current {
    background: white;
    border-color:white;
    border-style:solid;
    border-width:1px;
    color: #265D02; /* green */
    font-weight:bold;
}

#webapiTabs ul li a {
    border-color:#FFFFFF;
    border-style:solid;
    border-width:1px;
    color: #E7E6E2;
    margin-right: 1px;
    margin-left: 1px;
    text-decoration:none;
}
#webapiTabs ul li a:hover {
    background: white;
    color: #265D02; /* green */
}

/* -------------------------------------------------------------- */

#siteBanner{
    background: transparent url(arcgis_for_windows_phone.jpg) top left no-repeat;
    height: 48px;
    margin-left: 3px;
    margin-right: 3px;
    -moz-border-radius:0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}

#siteBanner a /* trick to have background image seem clickable using invisible href (in FF) */
{
    position: absolute;
    top: 75px;
    left: 34px;
    width: 200px;
    height: 23px;
}

#siteBanner a span /* trick to have background image seem clickable using invisible href (in FF) */
{
    display: none;
}



/* -------------------------------------------------------------- */
/* from JavaScript's style.css */

#webapiSidebar {
    FLOAT: right; WIDTH: 240px; MARGIN-RIGHT: 10px
}
#webapiSidebar .webapiSidebarSection {
    BORDER-RIGHT: #265D02 1px solid;
    BORDER-TOP: #265D02 1px solid;
    MARGIN: 5px 2px 10px;
    BORDER-LEFT: #265D02 1px solid;
    BORDER-BOTTOM: #265D02 1px solid;
    BACKGROUND: #DDEFD1; /* light-green */
}
#webapiSidebar H2 {
    HEIGHT: 22px
}
#webapiSidebar H3 {
    BACKGROUND: #1E4300; /* darkest banner green */
    BORDER-BOTTOM: #d3d3d3 1px solid;
    COLOR: #DDEFD1;
    FONT-WEIGHT: bold;
    font-size: 1.0em;
    PADDING-BOTTOM: 5px; MARGIN: 0px 0px 5px;
    PADDING-TOP: 6px;
    text-align: center;
}
#webapiSidebar div {
    PADDING-BOTTOM: 10px;
}

#webapiSidebar UL {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#webapiSidebar LI {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px
}
#clearing{
    clear: both !important;
    /* height: 240px !important; */
}

#webapiMainContent {
    margin-left:10px;
    margin-right:0;
    padding-left:15px;
    padding-right:10px;
    /* width:70%;  To avoid left-hand test under righthand "webapiSidebar" ... we should improve this hack... */
}

#webapiContainer{
    FLOAT: left;
    MARGIN-BOTTOM: 15px;
    WIDTH: 100%;
    MARGIN-RIGHT: -255px
}

.container{
    margin: auto;
    text-align: left;
    width: 960px;
}

div#nstext
{
  padding-left: 22px;
}