﻿.alignleft{float:left;}
.alignright{float:right;}
.printonly { display: none; }

#main a { text-decoration: underline; }
#main a:hover { text-decoration: none; }

div.form div.row {
  clear: right;
  padding-top: 2px;
  height: 25px;
  border-bottom: 1px solid #BBBBBB;
  }

div.form div.row label {
  float: left;
  width: 200px;
  text-align: right;
  margin-top: 2px;
  }

div.form div.row span.formw {
  float: left;
  text-align: left;
  margin-left: 10px;
  } 
  
  div.checklist{
 
	padding: 10px;
	margin:5px;

 } 
  
div.checklist table{
	margin-left: auto;
	margin-right: auto;
	
}  
  
 div.checklist label
{

float: none;
display: block;
margin: 0px;
width: auto;
}
  
  /* =content admin 
  -------------------------------------------------------*/
 .contentadminpanel{
	width:380px;
	text-align:left;
	background: #ccc;
}

.contentadminnav{

}

.contentadminnav h1{
	line-height: 30px;
	vertical-align: middle;
	background: #a2a2a2;
	font-size: 14px;
	color: #fff;
	padding-left: 10px;
	margin: 0px;
}

.contentadminnav ul {
	 padding: 3px 0; 
	 margin-left: 0; 
	 border-bottom: 1px solid #778; 
	 font: bold 12px Verdana, sans-serif; 
}

.contentadminnav ul li {
	 list-style: none;
	 margin: 0; 
	 display: inline; 

}

.contentadminnav ul li a {
	 padding: 3px 0.5em; 
	 margin-left: 3px; 
	 border: 1px solid #778;
	 border-bottom: none;
	 background: #DDE;
	 text-decoration: none;
}

.contentadminnav ul li a:link {
	 color: #448;
}

.contentadminnav ul li a:visited {
	 color: #667;
}

.contentadminnav ul li a:link:hover, .contentadminnav ul li a:visited:hover {
	 color: #000;
	 background: #AAE;
	 border-color: #227;

}

.contentadminnav ul li a#current {
	 background: white; 
	 border-bottom: 1px solid white;
}


#advancedconfig{
	border: 1px solid #999;
	padding: 5px;
}

#advancedconfig input{
	background: #ebebeb;
	border: 1px solid #999;
}
#advancedconfig select{
	background: #ebebeb;
	border: 1px solid #999;
}

#advancedconfig span{

}

.contextitem{
	height: 25px;
	vertical-align: middle;
}

.contextitemover{
	height: 25px;
	background-color: #CCCCCC;
	cursor: hand;
	vertical-align: middle;
}

.regionwrapper{
margin:1em;

}


.regionlist{
float:right;
width:48%;

}




.regionlist ul{
	width:150px;
	margin:0 auto;

}

.regionlist ul{
	width:150px;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
		}
		
.regionlist li{
	margin: 0;
	background: url(Images/quicklinks_arrow.gif) no-repeat 10px center;
		}
		
.regionlist li a{

	display: block;
	text-decoration: none;
	padding: 3px 0 3px 5px;
	width: auto;
	border-bottom:1px solid #CCC;
	color: #444;
		}
				
.regionlist li a:hover{
	background-color: #D8D8CE;
	color: #C7302A;
}



.regionmap{
float:left;
width:48%;
border-right:1px solid #999;

}


.regionmap img{
	margin:0 auto;
}

.tblmaps {
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 0;
	margin: 0 auto;
}



.tblmaps td {
	padding: 3px;
	text-align:center;
	font-weight:bold;
	width:80px;
    vertical-align: top; 
}
.tblmaps td:first-child { width: 55px; padding-right: 13px; }


.alert { color: #FF0000; }

div.videocategory a
{
    text-decoration: none;
}
div.videocategory, div.videolist
{
    float: left;
    margin: 10px 10px;
    position: relative;
}

div.videocategory a img
{
    border-bottom-width: 0px;
}

div.firstvideocategory { clear: both; }

div.videocategoryselected
{
    margin: 5px 5px;
    background-color:#33517D;
}
div.videocategoryselected a img
{
    border: solid 5px #33517D;
    border-bottom-width: 0px;
}
div.videocategoryselected div.foot
{
    background-color:#33517D;
    color: #FFFFFF;
}
div.videocategory .foot {
        background: lightgray;
        text-align: center;
        padding: 5px;
        color: #000000;
        font-weight: bold;
        width: 180px;
    }
div.videocategory .foot span:first-child,
div.videocategory .foot+span {
        font-size: 0px;
        content: ".";
        position: absolute;    
    }
div.videocategory .foot span:first-child {
        border-bottom: 7px solid white;
        border-right: 7px solid transparent;
        left: 0;
        bottom: 0;
    }
div.videocategory .foot+span {
        border-bottom: 7px solid white;
        border-left: 7px solid transparent;
        right: 0;
        bottom: 0;
    }

/*
div.videocategory span.categoryname
{
    display: block;
    text-align: center;
    font-weight: bold;
    color: #000000;
    background-color:#ebe8e3;
    padding: 3px 0;
}


div.videocategoryselected span.categoryname
{
    background-color:#33517D;
    color: #FFFFFF;
}

div.videocategory span.bevel, div.videocategoryselected span.bevel
{
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
    right: 0;
    bottom: 0;
    content: ".";
    font-size: 0;
    position: absolute;
}

div.lastvideocategory
{
    
}
*/
div.videocategory img, div.videolist img
{
    width: 190px;
}

div.videocategory b, div.videolist b
{
    display: block;
    margin-bottom: 3px;
}

#video { margin: 10px 0 20px 0; }
#videodesc { line-height: 18px; }

.breadcrumbs { color: #AAAAAA;   }
.breadcrumbs a, .breadcrumbs span { color: #AAAAAA; float: left; text-decoration: none; margin-right: 7px; }

.findaparksearchagain { display: block; float: right; background: url('/images/searchagain.png') no-repeat 0 0; width: 90px; height: 21px; text-indent: -999999px; }

.resulttable { width: 100%; border-collapse: collapse; border: solid 1px #d5d5d5; margin: 10px 0; }
.resulttable tr.header { background-color: #e9e9e9; }
.resulttable tr.header:hover { background-color: #e9e9e9; }
.resulttable tr.header td { padding: 10px 10px;  }
.resulttable td { border: solid 1px #d5d5d5; font-weight: bold; }
.resulttable tr.alternatingrow { background-color: #f3f3f3; }
.resulttable tr:hover { background-color: #3a5b8e; }
.resulttable tr:hover td a {color: #FFFFFF; }
.resulttable tr td a:hover { background-color: #3a5b8e; color: #FFFFFF; }
.resulttable tr td a { display: block; padding: 10px 10px; color: #3a5b8e; text-decoration: none; }
.resultphotocontainer { width: 320px; float: left; }
.resultnophotoscontainer { width: 320px; float: left; text-align: center; }
.resultphotomaincontainer {width: 315px; margin-bottom: 5px; }
.resultphotomain { width: 315px; }

.lodgingdetaildivider { background-color: #80935E; height: 10px; margin: 20px 0 20px 0px; width: 100%; }
h3.lodgingdetailname { color: #000000; margin-bottom: 3px; }
.lodgingdetailtype { display: block; margin-bottom: 10px; font-style: italic; color: #80935E;  }
.lodgingdetailaddress { display: block; margin-bottom: 10px; }
.lodgingdetails {width: 100%; margin-right: 20px;}
.lodgingdetails td { padding: 10px 10px; border-bottom: solid 1px #d5d5d5; }
.lodgingdetails td.label { min-width: 200px; white-space:nowrap; color: #33517D; font-weight: bold; vertical-align: top; padding-left: 0px; padding-right: 20px; }
.lodgingdetails td table tr td { padding: 0px 10px 3px 0; border: none; }

.attractionslink { background: url('/images/NearbyAttractions.gif') no-repeat 0 3px; padding:3px 0 3px 23px; line-height: 20px; }
.eventslink { display: block; background: url('/images/NearbyEvents.gif') no-repeat 0 3px; padding: 3px 0 3px 23px; line-height: 20px; }
.emaillink { display: block; background: url('/images/emailicon.gif') no-repeat 0 6px; padding: 3px 0 3px 23px; line-height: 20px; }
.websitelink { display: block; background: url('/images/websiteicon.gif') no-repeat 0 5px; padding: 3px 0 3px 23px; line-height: 20px; }
.activitieshead { font-weight: bold; display: block; background: url('/images/icon_activities.gif') no-repeat -9px 0px; padding: 3px 0 3px 20px; line-height: 25px; }
.facilitieshead { font-weight: bold; display: block; background: url('/images/icon_facilities.gif') no-repeat -9px 0px; padding: 3px 0 3px 20px; line-height: 25px; }
b.blue { color: #33517D; }

div.tabs { margin-top: 20px; }

ul.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
	top: 1px;
}
 
ul.tabNavigation li {
	display: inline;
}
 
ul.tabNavigation li a {
	padding: 5px 8px;
	background-color: #33517D;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #000000;
	border-bottom: none;
}
 
ul.tabNavigation li a.selected,
ul.tabNavigation li a:hover {
	background-color: #FFFFFF;
	color: #33517D;
	padding-top: 7px;
}
		
ul.tabNavigation li a:focus {
	outline: 0;
}
 
div.tabs > div {
	padding: 15px;
	margin-top: 5px;
	border: 1px solid #000000;
	line-height: 18px;
}

.caption { font-size: 10px; font-style:italic; display: block; text-align:center;}

.explorevideos { float: left; background: #80935e; width: 40%; }
.explorevisitidaho { float: right; background: #f66f39; width: 40%; }
.exploremap { width: 537px; margin: 0 auto;  }


@media only screen and (max-width: 745px)
{
    div.form div.row {
      clear: both;
      height: auto;
      border-bottom: 1px solid #BBBBBB;
      }
    div.form div.row label {
      float: left;
      width: auto;
      padding: 5px 0;
      }

    div.form div.row span.formw {
      padding: 5px 0;
      } 
     div.form div.row span.formw select { max-width: 200px; }
      
    table.lodgingdetails td {display: block; float: left; clear: both; border-bottom: none;  width: 90%;}
    table.lodgingdetails td.label { min-width: 100px; clear: none; border-bottom: 1px solid #D5D5D5; }
    table.lodgingdetails td table { width: 100%; }
    table.lodgingdetails td table td { width: auto !important; }
    table.lodgingdetails td table td { display: table-cell; float: none; clear: none; }
    .attractionslink { display: none; }
    .eventslink { display: none; }

    .resultnophotoscontainer img { height: 150px; }

}
    

@media only screen and (max-width: 450px){

}
@media
( max-width : 745px ) and
( -webkit-min-device-pixel-ratio : 1.5 ),
( min-resolution : 144dpi ){



}