html,body{
   font-family:verdana,tahoma,helvetica,sans-serif;
    margin: 0 !important;
    padding:0 !important;
    width:100%;
    height:100%;
}

.map .container,
.map .esriMapContainer {
    padding:0;
    margin:0;
    height:100%;
}

.ellipsis{
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}

#groupDetails{
    float:left;
    display:none;
    margin-top:10px;
    margin-left:4px;
}
/*Thumbnail Gallery 
------------------------------------------*/
/*This is the item that displays the map thumbnail and title  */
.itemPod{ /*191 x 3 (3 rows) + header */
    background:none repeat scroll 0 0 #F3F3F3;
    box-shadow:0 3px 6px rgba(0,0,0,0.25);
    height:179px;
    margin-bottom:10px;
    margin-top:10px;
    padding-top:10px;
}


.gallery-list{
    list-style-type:none;    
   padding-left:0px !important; /*remove default padding for ul of 40 px*/
   margin:0px !important; /*removed default top and bottom margin of 16 px for ul*/
}
.gallery-list a{
    text-decoration: none;
}
.gallery-list a:hover{
    cursor:pointer
}
.gallery-list img{ /*default image size is 200 + 8 padding on right and left + 1 border on each side*/
    width:200px;
    height:133px;
    padding:4px 8px;
}

.gallery-list li{
    overflow: hidden;
    text-overflow: ellipsis;
}
.gallery-list p{
    color:#747170;
    font-size:14px;
    margin-top:2px !important; /*reduce the default paragraph top margin size*/
    margin-bottom:2px !important;
    text-align: left;
    padding:0px 10px;
    font-size:.8em;
    
}
 .tooltip {    
    color:#747170;
    display:none;
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index: 99;
    background:#fff;
 }
 .tooltip p{
    font-size:8pt;
    text-align:left;
 }


.tip-title{
    font-size:10pt !important;
    font-weight: bold;
    text-align: left;
    padding-bottom:.5em  !important;
}
/*hover or click open map button */
.tooltip a{
  font-size:8pt;
  display:block;
  background-color:#19528E;
  padding: 5px 5px 6px; 
  color: #fff; 
  text-decoration: none;
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  cursor: pointer;

}


.tooltip .link{
    width:65px;
    clear:both;
    position: absolute;
    bottom:10px;
    left:77px;/*half item width - half image size*/
    text-align: center;
}


/*Thumbnail gallery navigation buttons 
---------------------------------*/

.gallery-nav{
    display:none;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    padding-top:4px;
    position:relative;
    text-align: center;
}

.gallery-nav-buttons{
    background:url("../images/navarrows.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 24px;
    width:35px; /*width a bit wider than image so we get extra space*/
    float:left;
    position:relative;
    margin:0;
    display:block;
}

/*multiple rows */
.gallery-nav-next {
    background-position:0 0;
}
.gallery-nav-prev{
    background-position: 0 -142px;
}
.gallery-nav-next-d{
    background-position: 0 -71px;
}
.gallery-nav-prev-d{
    background-position: 0 -213px;
}

/* Style for display box */
.floating-details{
	width: 98%;
	height: auto;
	background-color: rgba(0,0,0,0.5);
  margin-right:3em;
  padding:4px 4px 4px 34px;
	text-align:left;
  position:absolute;
  top:0px;
  left:0px;
  z-index:40;
  color:#fff;
}

.box{
   background:#fff;
    z-index:101;
    overflow:hidden;
    margin:0px !important;

}

.box-footer{
    /*color:#747170;*/
    text-align: left;    
}


.box-content{
   margin:0px !important;
}

.box-content p, .box-content span{
    margin-left:10px;
}

.map-container{
    padding:0px !important;
    width:100%;
    height:100%;
    overflow:hidden;
}

a.boxclose{ 
    cursor:pointer;
    z-index:30;
    position:absolute;
    top:11px;
    right:11px;
    width:30px;
    height:44px;
    background:transparent url(../images/close.png) no-repeat 0 0;
}
.title{
    font-size:10pt;
    font-weight: bold;
    margin-top:2px;
    padding-left:5px;
    padding-top:2px;
    padding-right:5px;
}
.summary{
    font-size:8pt;
    margin-top: 0px;
    padding-left:5px;
    padding-right:55px;
}
.container {
    margin-left:10px;
    margin-right:10px; 

}

.grid_col,
.grid {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}


.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}


.container .grid_col {
	width:220px;
}

.container .grid {
	width:100%;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}