/* guidelisting_view.css 
   Feb 2008, Aaron Wallentine
   styles specific to the guide detail view
   hireamountainguide.com

INDEX:
 [GENERAL/TYPOGRAPHY]
 [IMAGES]
 [FEATURED LISTING INDICATOR]
 [DESCRIPTION]
 [DATA LISTING FIELDS (BASIC INFO)]
 [BOXED FIELDS, ROUNDED CORNER BOXES]
 [ROUND CORNER BOXES - IE FIXES]
============================================= */



/*
 [GENERAL/TYPOGRAPHY]
============================================= */

.GuideListing
{
 font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
 color: #626262;
 border-color: #77302f;
 width: 100%;
}

.GuideListing .dummy
{
 height: 1em;
 clear: both;
}

.GuideListing h1
{
 color: #9d6f47;
 font-weight: bold;
 font-size: 27px;
 margin-bottom: .25em;
 border-bottom: 2px solid #9d6f47;
}

.GuideListing h2, .GuideListing h3, .GuideListing h4
{
 color: #77302f;
 border-bottom: 1px solid;
}

.GuideListing h3
{
 font-size: 14px;
}

.GuideListing dt
{
 color: #77302f;
}

.GuideListing li
{
 margin-top: 0;
 margin-bottom: 0;
}

.GuideListing .field
{
 margin-right: 0;
}

.GuideListing .field li a
{
 font-weight: normal;
}

.GuideListing .field h3 .subtitle
{
 font-size: 10px;
 line-height: 11px;
 display: block;
}

.GuideListing .field .description
{
 margin: 0;
 font-size: 10px;
}

* html .GuideListing .visualClear
/* this seems to prevent them from incorrectly taking up vertical space
in ie6 */
{
 position: absolute;
}

p.listingType
{
 color: #9d6f47;
 font-weight: bold;
 font-weight: 13px;
 display: inline;
 float: right;
 margin-top: -8px;
}







/*
 [IMAGES]
============================================= */

.GuideListing .image
{
 float: left;
 margin: 0 9px 9px 0;
}

.GuideListing .image .caption
{
 display: block;
 text-align: center;
 border-bottom: 1px solid #77302f;
}


.GuideListing .image img
{
 border: 1px solid #77302f;
}


/* default images shouldn't have a border around them */
.GuideListing .image img.default
{
 border: none;
}

/*
* html .GuideListing img
{
 border-bottom: 2px solid #77302f!important;
}
*/














/*
 [FEATURED LISTING INDICATOR]
============================================= */

.GuideListing #isFeaturedListing
{
 display: inline;
 float: left;
 font-weight: bold;
 color: #77302f;
 margin: -5px 1em 1em 0;
 padding-left: 4px;
 background: url(fl_rnd_left.gif) top left no-repeat;
}

.GuideListing #isFeaturedListing .inner
{
 padding-right: 4px;
 background: url(fl_rnd_right.gif) top right no-repeat;
}

.GuideListing #isFeaturedListing #inner_content
{
 height: 30px;
 width: 176px;
 background: #ffe7c8;
}

.GuideListing #isFeaturedListing #inner_content .ir
{
 background: url(feat_listing.gif);
}

.GuideListing #isFeaturedListing p
{
 background: #ffe6bf;
 padding: -1px;
 margin: 0;
 text-align: center;
 border: 1px solid;
}

#feat_listing_helper
{
 height: 0;
}

#IEroot .GuideListing #isFeaturedListing #inner_content p
{
 position: absolute;
 left: 0; 
 top: 0;
 z-index: 1;
}

#IEroot .GuideListing #isFeaturedListing #inner_content span.ir
{
 z-index: 99;
}












/*
 [DESCRIPTION]
============================================= */

.GuideListing .description
{
 clear: right;
 font-size: 13px;
 line-height: normal;
}





/* [DATA LISTING FIELDS (BASIC INFO)]
================================================ */

#basicInfo
{
 float: left;
 clear: left;
 width: 49%;
 margin: 0 0 0 0;
}

#basicInfo dl
{
 margin: 0;
 padding: 0;
 font-size: 13px;
}

#basicInfo dt
{
 margin: 0 0 0 0;
}

#basicInfo dd
{
 margin: 0 0 .75em 1em;
 font-weight: bold;
 line-height: 14px;
}


#basicInfo a
{
 font-weight: bold;
}

* html #basicInfo dd  
{
 line-height: 18px; /* so IE6 doesn't cut the bottom off of g's, etc */
}

.GuideListing .GuideDirRef
{
	padding-top: 0.2em;
}


#basicInfo .field h3
{
 font-size: 13px;
 margin: 0;
 border-bottom: none;
}

#basicInfo .field ul
{
 margin-top: 0;
 line-height: normal;
}








/* [BOXED FIELDS, ROUNDED CORNER BOXES]
================================================ */

#datablock2
{
 width: 49%;
 float: right;
 clear: right;
}

#datablock2 .field .boxtop,
#datablock2 .field .boxbottom,
#guided_areas_block .boxtop,
#guided_areas_block .boxbottom
{
 background: url(field_rnd_left.gif) top left no-repeat;
 padding-left: 5px;
}

#datablock2 .field .boxbottom,
#guided_areas_block .boxbottom
{
 background-position: bottom left;
}

#datablock2 .field .boxtop div,
#datablock2 .field .boxbottom div,
#guided_areas_block .boxtop div,
#guided_areas_block .boxbottom div
{
 background: url(field_rndbox.gif) no-repeat;
 height: 5px;
}

#datablock2 .field .boxtop .inner,
#guided_areas_block .boxtop .inner
{
 background-position: top right;
}

#datablock2 .field .boxbottom .inner,
#guided_areas_block .boxbottom .inner
{
 background-position: bottom right;
}

#guided_areas_block .field div
{
 background: none!important;
}

#guided_areas_block .field
{
 margin: 0;
}

#guided_areas_block .field .boxtop,
#guided_areas_block .field .boxtop *,
#guided_areas_block .field .boxbottom,
#guided_areas_block .field .boxbottom *
{
 height: 0!important;
}

#datablock2 .field .box_mid,
#guided_areas_block .box_mid
{
 padding-left: 1px;
 background: url(field_rndbox.gif) left center no-repeat;
}

#datablock2 .field .box_inner,
#guided_areas_block .box_inner
{
 background: url(field_rndbox.gif) right center no-repeat;
 background-color: #ffe7c8;
}

#datablock2 .field .box_inner,
#guided_areas_block .field .box_inner
{
 padding: 0 1em .5em 1em;
}


#datablock2 h3, #guided_areas_block h3
{
 color: #9d6f47;
 border-color: #9d6f47;
 margin: 0 0 .2em 0;
}

#datablock2 ul
{
 margin-top: 0;
}

#guided_areas_block
{
 clear: both;
 
}

#gteIE7 #guided_areas_block
{
 
}

#guided_areas_block #GuidedRegions
{
 width: 49%;
 float: left;
 margin-right: 1em;
}

#guided_areas_block #GuidedDestinations_Local
{
 width: 49%;
 float: left;
}

#guide_resume
{
 float: left;
 clear: left;
 width: 49%;
}

#Permits_Concessionaire
{
 clear: both;
}





/* 
  [ROUND CORNER BOXES - IE FIXES]
  i had to do basically make this a fixed width 
  and use a fixed width image for the round corner 
  boxes to get this to look right in ie6 
================================================ */

* html #datablock2
{
 zoom: 1;
}

* html #datablock2 .field .box_mid
/* IE6 is doubling the height of .boxtop and .boxbottom, so this is to compensate */
{
 /* margin: -7px 0 0 0; */
}

* html #datablock2 .field .box_mid,
* html #guided_areas_block .box_mid
{
 padding-left: 5px;
 background: url(field_rndbox.gif) left center no-repeat;
}

* html #datablock2 .field .box_mid,
* html #guided_areas_block .box_mid,
* html #datablock2 .field .boxbottom,
* html #guided_areas_block .boxbottom
{
/* guidelisting_view.css 
   Feb 2008, Aaron Wallentine
   styles specific to the guide detail view
   hireamountainguide.com

INDEX:
 [GENERAL/TYPOGRAPHY]
 [IMAGES]
 [FEATURED LISTING INDICATOR]
 [DESCRIPTION]
 [DATA LISTING FIELDS (BASIC INFO)]
 [BOXED FIELDS, ROUNDED CORNER BOXES]
 [ROUND CORNER BOXES - IE FIXES]
============================================= */



/*
 [GENERAL/TYPOGRAPHY]
============================================= */

.GuideListing
{
 font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
 color: #626262;
 border-color: #77302f;
 width: 100%;
}

.GuideListing .dummy
{
 height: 1em;
 clear: both;
}

.GuideListing h1
{
 color: #9d6f47;
 font-weight: bold;
 font-size: 27px;
 margin-bottom: .25em;
 border-bottom: 2px solid #9d6f47;
}

.GuideListing h2, .GuideListing h3, .GuideListing h4
{
 color: #77302f;
 border-bottom: 1px solid;
}

.GuideListing h3
{
 font-size: 14px;
}

.GuideListing dt
{
 color: #77302f;
}

.GuideListing li
{
 margin-top: 0;
 margin-bottom: 0;
}

.GuideListing .field
{
 margin-right: 0;
}

.GuideListing .field li a
{
 font-weight: normal;
}

.GuideListing .field h3 .subtitle
{
 font-size: 10px;
 line-height: 11px;
 display: block;
}

.GuideListing .field .description
{
 margin: 0;
 font-size: 10px;
}

* html .GuideListing .visualClear
/* this seems to prevent them from incorrectly taking up vertical space
in ie6 */
{
 position: absolute;
}









/*
 [IMAGES]
============================================= */

.listingImages
{
 float: left;
 margin: 0 1em .25em 0;
}

.listingImages .image
{
 float: left;
 margin: 0 9px 9px 0;
}

.listingImages .image .caption
{
 display: block;
 text-align: center;
 width: 100%!important;
}

.GuideListing .listingImages img
{
 border: 1px solid #77302f;
}

* html .GuideListing .listingImages img
{
 border-bottom: 2px solid #77302f!important;
}

p.listingType
{
 color: #9d6f47;
 font-weight: bold;
 font-weight: 13px;
 display: inline;
 float: right;
 margin-top: -8px;
}













/*
 [FEATURED LISTING INDICATOR]
============================================= */

.GuideListing #isFeaturedListing
{
 display: inline;
 float: left;
 font-weight: bold;
 color: #77302f;
 margin: -5px 1em 1em 0;
 padding-left: 4px;
 background: url(fl_rnd_left.gif) top left no-repeat;
}

.GuideListing #isFeaturedListing .inner
{
 padding-right: 4px;
 background: url(fl_rnd_right.gif) top right no-repeat;
}

.GuideListing #isFeaturedListing #inner_content
{
 height: 30px;
 width: 176px;
}

.GuideListing #isFeaturedListing #inner_content .ir
{
 background: url(feat_listing.gif);
}

.GuideListing #isFeaturedListing p
{
 background: #ffe6bf;
 padding: -1px;
 margin: 0;
 text-align: center;
 border: 1px solid;
}

* html .GuideListing #isFeaturedListing #inner_content p
{
 position: absolute;
 left: 0; 
 top: 0;
 z-index: 1;
}

* html .GuideListing #isFeaturedListing #inner_content span.ir
{
 z-index: 99;
}












/*
 [DESCRIPTION]
============================================= */

.GuideListing .description
{
 clear: right;
 font-size: 13px;
 line-height: normal;
}





/* [DATA LISTING FIELDS (BASIC INFO)]
================================================ */

#basicInfo
{
 float: left;
 clear: left;
 width: 49%;
 margin: 0 0 0 0;
}

#basicInfo dl
{
 margin: 0;
 padding: 0;
 font-size: 13px;
}

#basicInfo dt
{
 margin: 0 0 0 0;
}

#basicInfo dd
{
 margin: 0 0 .75em 1em;
 font-weight: bold;
 line-height: 14px;
}

* html #basicInfo dd  
{
 line-height: 18px; /* so IE6 doesn't cut the bottom off of g's, etc */
}









/* [BOXED FIELDS, ROUNDED CORNER BOXES]
================================================ */

#datablock2
{
 width: 49%;
 float: right;
 clear: right;
}

#datablock2 .field .boxtop,
#datablock2 .field .boxbottom,
#guided_areas_block .boxtop,
#guided_areas_block .boxbottom
{
 background: url(field_rnd_left.gif) top left no-repeat;
 padding-left: 5px;
}

#datablock2 .field .boxbottom,
#guided_areas_block .boxbottom
{
 background-position: bottom left;
}

#datablock2 .field .boxtop div,
#datablock2 .field .boxbottom div,
#guided_areas_block .boxtop div,
#guided_areas_block .boxbottom div
{
 background: url(field_rndbox.gif) no-repeat;
 height: 5px;
}

#datablock2 .field .boxtop .inner,
#guided_areas_block .boxtop .inner
{
 background-position: top right;
}

#datablock2 .field .boxbottom .inner,
#guided_areas_block .boxbottom .inner
{
 background-position: bottom right;
}

#guided_areas_block .field div
{
 background: none!important;
}

#guided_areas_block .field
{
 margin: 0;
}

#guided_areas_block .field .boxtop,
#guided_areas_block .field .boxtop *,
#guided_areas_block .field .boxbottom,
#guided_areas_block .field .boxbottom *
{
 height: 0!important;
}

#datablock2 .field .box_mid,
#guided_areas_block .box_mid
{
 padding-left: 1px;
 background: url(field_rndbox.gif) left center no-repeat;
}

#datablock2 .field .box_inner,
#guided_areas_block .box_inner
{
 background: url(field_rndbox.gif) right center no-repeat;
 background-color: #ffe7c8;
}

#datablock2 .field .box_inner,
#guided_areas_block .field .box_inner
{
 padding: 0 1em .5em 1em;
}


#datablock2 h3, #guided_areas_block h3
{
 color: #9d6f47;
 border-color: #9d6f47;
 margin: 0 0 .2em 0;
}

#datablock2 ul
{
 margin-top: 0;
}

#guided_areas_block
{
 clear: both;
 
}

#gteIE7 #guided_areas_block
{
 
}

#guided_areas_block #GuidedRegions
{
 width: 49%;
 float: left;
 margin-right: 1em;
}

#guided_areas_block #GuidedDestinations_Local
{
 width: 49%;
 float: left;
}

#guide_resume
{
 float: left;
 clear: left;
 width: 49%;
}

#Permits_Concessionaire
{
 clear: both;
}





/* 
  [ROUND CORNER BOXES - IE FIXES]
  i had to do basically make this a fixed width 
  and use a fixed width image for the round corner 
  boxes to get this to look right in ie6 
================================================ */

* html #datablock2
{
 zoom: 1;
}

* html #datablock2 .field .box_mid
/* IE6 is doubling the height of .boxtop and .boxbottom, so this is to compensate */
{
 /* margin: -7px 0 0 0; */
}

* html #datablock2 .field .box_mid,
* html #guided_areas_block .box_mid
{
 padding-left: 5px;
 background: url(field_rndbox.gif) left center no-repeat;
}

* html #datablock2 .field
{
 position: relative;
}

* html #datablock2 .field .box_mid,
* html #guided_areas_block .box_mid,
* html #datablock2 .field .boxbottom,
* html #guided_areas_block .boxbottom
{
/* this is to fix the extra height incorrectly created by ie6 */
 position: relative;
 top: -7px;
}

* html #datablock2 .field .box_inner,
* html #guided_areas_block .field .box_inner
{
 padding: 0 12px 0 7px;
}

* html #guided_areas_block .box_inner
{
  zoom: 1;
}

* html #guided_areas_block .field .boxtop,
* html #guided_areas_block .field .boxbottom
{
 display: none;
}

/* this rule got orphaned, not sure what it went to
{
 position: relative;
 top: -7px;
}
*/

* html #datablock2 .field .box_inner,
* html #guided_areas_block .field .box_inner
{
 padding: 0 12px 0 7px;
}

* html #guided_areas_block .box_inner
{
  zoom: 1;
}

* html #guided_areas_block .field .boxtop,
* html #guided_areas_block .field .boxbottom
{
 display: none;
}