.searchbox 
{
    background:#FFFFFF url(images/searchicon.png) no-repeat scroll left center;
    border: 1px solid #D2D2D1;    
    font-size: 10pt;
    height: 20px;
    padding-left: 18px;
    padding-right: 10px;
    vertical-align:middle;    
}

h2.caption {

font-weight:normal;
line-height:30px;
text-shadow:1px 1px 1px #CFCFCF;
}

h3.caption {
font-size:1.2em;
font-weight:normal;
line-height:25px;
text-shadow:1px 1px 1px #CFCFCF;
}

.iconopt 
{
    border:none;
    vertical-align:middle;
    width:15px;
    height:15px;
    padding-left:3px;
    padding-right:5px;
}

.iconopt:hover 
{   
    -moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);	
}

.unstable 
{
    border: 2px solid #aaa !important;
    background-color:#fff;
}

.round 
{
    border-radius: 5px; 
 -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;          
    -khtml-border-radius: 5px;
}

.roundbottom 
{
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;    
    -o-border-radius-bottomleft: 5px;
    -o-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

.shadow 
{
    /* Hex: #B4B4B4 */
    -moz-box-shadow: 0 0 0.5em rgba(180,180,180,.8); 
    -webkit-box-shadow:0 0 0.5em rgba(180,180,180,.8);
    -o-box-shadow: 0 0 0.5em rgba(180,180,180,.8);
    box-shadow: 0 0 0.5em rgba(180,180,180,.8);
    -khtml-box-shadow:0 0 0.5em rgba(180,180,180,.8);
}

.shadowtext 
{
   text-shadow:1px 1px 1px #CFCFCF; 
}

img.selected 
{
   /* border: 2px solid #DAA520 !important; */
    border: 3px solid #006F96 !important;
}

.red 
{    
    color: #8B0000 !important;
}

.blue 
{
    color: #006F96 !important;
}

.green 
{
    color: #007200 !important;
}

.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	/* background: rgb(0, 0, 0); */
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.logotext 
{   
    /*
background:transparent url(images/esri_logo_transparent.png) no-repeat scroll left center;    
padding-left:155px; 
color:#000;
font-size:36pt;
font-style:italic;*/
font-weight:bold;
text-shadow:2px 2px 4px #cccccc;
vertical-align:middle;
}

.displaystyle 
{
    cursor:pointer;
    padding: 2px;
    border: 3px solid #FCFCFC;
    margin: 0 5px 0 5px;
    text-align:right;
    -moz-box-shadow:4px 4px 10px rgba(9, 9, 9, 0.6);
    -webkit-box-shadow:4px 4px 10px rgba(9, 9, 9, 0.6);
}

.chiklet 
{
    width:160px;
    vertical-align:top;   
    border:1px solid #bbb;
}

a.demotitle
{
    font-weight:bold;
    font-size:1.2em;
}

.gisbg 
{
    background: transparent url(images/background/esri_globe_medium.png) no-repeat scroll center ;
}

.topbar 
{    
    padding-top:10px;
    border-top:1px dashed #bbb;
}

.bottombar 
{    
    padding-bottom:10px;
    border-bottom:2px dashed #ccc;    
}

.demodesc 
{
    font-size:1.1em;
}

.demoattr 
{
    font-size:0.9em;
}

.demoimage 
{
    border:none;
    width:100px !important;
    height:100px;     
}

table#gridview 
{
    margin: 20px auto 0 auto;
    text-align:center;

}

table#gridview tr 
{
    margin:50px 0 10px 0;    
}

table#gridview td 
{
   padding-top:5px;
   padding-bottom:5px;
}

#gridview a 
{
    text-decoration:none;
}


table#gridview td:hover
{
   background-color:#dddddd;
}

table#listview tr:hover
{
   background-color:#dddddd;  
}

/************ TIP POPUP ******************/
.bubbleInfo {
              position: relative;
            } 
           .trigger {
                /*position: absolute;*/
                cursor:pointer;                
            } 
            .popup 
            {
                width:300px;
                height:auto;
                position: absolute;
                display: none;
                z-index: 990;                
				font-size: 12pt;
                line-height: 1.2em;
                background-color: #fff;
				padding:10px;
                color: #000;
				border:4px solid #444;
				text-align:center;
				-moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow:4px 4px 10px rgba(33, 33, 33, 0.8);
    -webkit-box-shadow:4px 4px 10px rgba(33, 33, 33, 0.8);
    /*text-shadow:1px 1px 1px #CFCFCF;*/   
            }

/********* Awesome buttons and liks ******/
.awesome, .awesome:visited {
	background: #777 url(images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff !important; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	/*position: relative;*/
	cursor: pointer;
	vertical-align:bottom;
}

a.awesome 
{
    text-decoration:none;
    /*color:#fff;*/
}
 
	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome { background-color: #007200 }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome { background-color:#006F96; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome:hover							{ background-color: #872300; }