/* Small Green Button */
.btnSmallGreen {
    display:inline-block;
    position:relative;
    height:25px;
    overflow:hidden;
    font-size:11px;
    line-height:11px;
    vertical-align:middle;
}
.btnSmallGreen .leftCorners, .btnSmallGreen .rightCorners, .btnSmallGreen a {
    padding-top:7px;
    padding-bottom:7px;
    font-size:11x;
    line-height:11px;
    height:11px;
    max-height:25px;
    overflow:hidden;
    cursor:pointer;
    outline:0;
}
.btnSmallGreen .leftCorners {
    position:absolute;
    top:0;
    left:0;
    display:block;
    overflow:hidden;
    width:3px;
    background:url(/graphics/buttons/small-green/l.png) no-repeat left top;
    _background-image:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.esri.com/graphics/buttons/small-green/l.png', sizingMethod='crop');
    z-index:2;
}
.btnSmallGreen .rightCorners {
    position:absolute;
    top:0;
    right:0;
    display:block;
    overflow:hidden;
    width:3px;
    background:url(/graphics/buttons/small-green/r.png) no-repeat left top;
    _background-image:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.esri.com/graphics/buttons/small-green/r.png', sizingMethod='crop');
    z-index:2;
}
.btnSmallGreen a {
    color:#fff !important;
    font-weight:bold;
    text-decoration:none;
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
    background:url(/graphics/buttons/small-green/bg.jpg) #4b9302 repeat-x left top;
    margin:0 3px;
}
.btnSmallGreen a:hover, .btnSmallGreen:hover a {
    color:#fff !important;
}
.btnSmallGreen:hover a {
    background:url(/graphics/buttons/small-green/bg.jpg) #02719d repeat-x 0 -25px;
}
.btnSmallGreen:hover .leftCorners {
    background:url(/graphics/buttons/small-green/l.png) no-repeat 0 -25px;
}
.btnSmallGreen:hover .rightCorners {
    background:url(/graphics/buttons/small-green/r.png) no-repeat 0 -25px;
}
/* Large Blue Button*/
.btnLargeBlue {
    display:block;
    position:relative;
    height:57px;
    overflow:hidden;
    background:url(/graphics/buttons/large-blue/bg.jpg) #87bad7 repeat-x left top;
    font-size:19x;
    line-height:19px;
}
.btnLargeBlue .leftCorners, .btnLargeBlue .rightCorners, .btnLargeBlue a {
    font-size:19x;
    line-height:19px;
    height:57px;
    max-height:57px;
    overflow:hidden;
    cursor:pointer;
    padding-top:19px;
    padding-bottom:19px;
    outline:0;
}
.btnLargeBlue .leftCorners {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:25px;
    height:57px;
    overflow:hidden;
    background:url(/graphics/buttons/large-blue/l.jpg) no-repeat left top;
    z-index:2;
}
.btnLargeBlue .rightCorners {
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:25px;
    height:57px;
    overflow:hidden;
    background:url(/graphics/buttons/large-blue/r.jpg) no-repeat left top;
    z-index:2;
}
.btnLargeBlue a {
    color:#005075 !important;
    font-weight:bold;
    text-decoration:none;
    display:block;
    padding-left:10px;
    padding-right:25px;
    position:relative;
    z-index:3;
}
.btnLargeBlue a:hover, .btnLargeBlue:hover a {
    color:#2e5c00 !important;
    _color:#005075 !important;
}
.btnLargeBlue:hover {
    background:url(/graphics/buttons/large-blue/bg.jpg) #8cbc5e repeat-x 0 -57px;
}
.btnLargeBlue:hover .leftCorners {
    background:url(/graphics/buttons/large-blue/l.jpg) no-repeat 0 -57px;
}
.btnLargeBlue:hover .rightCorners {
    background:url(/graphics/buttons/large-blue/r.jpg) no-repeat 0 -57px;
}
/* Small Orange Button */
.btnSmallOrange {
    display:inline-block;
    position:relative;
    height:25px;
    overflow:hidden;
    font-size:11px;
    line-height:11px;
    vertical-align:middle;
}
.btnSmallOrange .leftCorners, .btnSmallOrange .rightCorners, .btnSmallOrange a {
    padding-top:7px;
    padding-bottom:7px;
    font-size:11x;
    line-height:11px;
    height:11px;
    max-height:25px;
    overflow:hidden;
    cursor:pointer;
    outline:0;
}
.btnSmallOrange .leftCorners {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:3px;
    overflow:hidden;
    background:url(/graphics/buttons/small-orange/l.png) no-repeat left top;
    _background-image:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.esri.com/graphics/buttons/small-orange/l.png', sizingMethod='crop');
    z-index:2;
}
.btnSmallOrange .rightCorners {
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:3px;
    overflow:hidden;
    background:url(/graphics/buttons/small-orange/r.png) no-repeat left top;
    _background-image:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.esri.com/graphics/buttons/small-orange/r.png', sizingMethod='crop');
    z-index:2;
}
.btnSmallOrange a {
    color:#693d01 !important;
    font-weight:bold;
    text-decoration:none;
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
    background:url(/graphics/buttons/small-orange/bg.jpg) #ffae07 repeat-x left top;
    margin:0 3px;
}
.btnSmallOrange a:hover, .btnSmallOrange:hover a {
    color:#fff !important;
    _color:#693d01;
}
.btnSmallOrange.btnDisabled a:hover, .btnSmallOrange.btnDisabled:hover a {
	color:#693d01 !important;
}
.btnSmallOrange:hover a {
    background:url(/graphics/buttons/small-orange/bg.jpg) #02719e repeat-x 0 -25px;
}
.btnSmallOrange.btnDisabled:hover a {
	background:url(/graphics/buttons/small-orange/bg.jpg) #ffae07 repeat-x left top;
}
.btnSmallOrange:hover .leftCorners {
    background:url(/graphics/buttons/small-orange/l.png) no-repeat 0 -25px;
}
.btnSmallOrange.btnDisabled:hover .leftCorners {
    background:url(/graphics/buttons/small-orange/l.png);
}
.btnSmallOrange:hover .rightCorners {
    background:url(/graphics/buttons/small-orange/r.png) no-repeat 0 -25px;
}
.btnSmallOrange.btnDisabled:hover .rightCorners {
    background:url(/graphics/buttons/small-orange/r.png);
}
.btnSmallOrange.on a {
    background:url(/graphics/buttons/small-orange/bg.jpg) #999 repeat-x 0 -50px;
    color:#fff !important;
    cursor:default;
}
.btnSmallOrange.on .leftCorners {
    background:url(/graphics/buttons/small-orange/l.png) no-repeat 0 -50px;
    _background-image:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.esri.com/graphics/buttons/small-orange/lactive.png', sizingMethod='crop');
    cursor:default;
}
.btnSmallOrange.on .rightCorners {
    background:url(/graphics/buttons/small-orange/r.png) no-repeat 0 -50px;
    _background-image:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.esri.com/graphics/buttons/small-orange/ractive.png', sizingMethod='crop');
    cursor:default;
}
.btnSmallOrange.on a:hover, .btnSmallOrange.on:hover a {
    color:#fff !important;
}
.btnSmallOrange a span.previous {
    background:url(/graphics/buttons/small-orange/previous-arrow.gif) no-repeat left center;
    display:inline-block;
    width:5px;
    height:11px;
    overflow:hidden;
    margin-right:3px;
}
.btnSmallOrange a span.next {
    background:url(/graphics/buttons/small-orange/next-arrow.gif) no-repeat right center;
    display:inline-block;
    width:5px;
    height:11px;
    overflow:hidden;
    margin-left:3px;
}
.btnSmallOrange:hover a span.previous {
    background-image:url(/graphics/buttons/small-orange/previous-arrow-white.gif);
}
.btnSmallOrange:hover a span.next {
    background-image:url(/graphics/buttons/small-orange/next-arrow-white.gif);
}
/* Various */
ul.btnList {
    list-style:none;
    padding:0;
    margin:0;
}
ul.btnList li {
    background-image:none;
    padding:0;
    margin:0;
    margin-bottom:10px;
}
#dynamicNav .btnSmallGreen, #dynamicNav .btnSmallOrange, #dynamicNav .btnLargeBlue {
    margin-left:12px;
}
.btnDisabled{
    opacity:0.4;
    filter:alpha(opacity=40);
}
.btnDisabled a:hover{
	cursor:default;
}
