﻿.ui-li .ui-btn-inner { padding-right: 3em; }
.ui-content{padding:5px 15px 15px;}

.sectionHead { display: none; }

h1 { color: #4E701A; font-size: 26px; margin: 0.4em 0 0.2em 0; }
h2 { margin: 0 0 0.25em 0; font-size: 20px; color: #C5944C; }
h3 { margin: 0 0 0.25em 0; font-size: 1.3em; color: #AA5512; }
h4 { margin: 0 0 0.25em 0; font-size: 1.1em; color: #4e701a; }
h5 { margin: 0 0 0.25em 0; font-size: 0.8em; color: #000; }

p { margin: 0.4em 0 0.75em 0; }

a, .ui-body-c .ui-link { color: #4E701A; }
#footer a, #footer .ui-link { color: #fff; text-shadow: none; }

td, th { vertical-align: top; }

.imgLt { float: left; margin: 0 0.8em 0.8em 0; }
.clr { clear: both; }

#breadCrumb a,
#breadCrumb span { padding-right: 0.25em; }

.infoDisplay { }
.infoDisplay th,
.infoDisplay td { padding: 0 10px 5px 0; }
.infoDisplay th { text-align: right; }

/* Hiding stuff */
.fbLinks ul, .twPopUp ul, .emailFriend, #comments, .hawkCount #sidebar, .homePage .menuBar,
.homePage #calendarBlock, .homePage .multiBlock, .becomeMember, .raptorCountLink, .flikrIcon, .homePage .nav-home, .homePage .backBtn, .welcome, .homePage #hawkCountBlock
{display:none;}

/* Page Layout */
#header {background: url("/images/bg-header-mobile.jpg") no-repeat #015CB5;}
.homePage #hawkCount{width:460px;}
.ui-content {background-color: #fff;}
.logo.ui-btn-left{position:relative; left:0; top:0; margin-top: 5px;}
.logo, .navAndSearch {float:left; }
#sidebar{margin-left:10px;}
.linkContent{ margin-right:42px;}
.linkContent div{margin-bottom: 25px;}
.socialLinks{margin-left:25px;}
.socialLinks div, .socialLinks a{float:left;}
.signUp{clear:both;}
.twLinks{margin:0 40px;}
.secondaryNav{clear:both; display:none;}
.raptorTrivia{float:left; margin-top:10px; margin-left: 13px;}
.ui-bar-b{background:none;}
#footer{background-color:#000; color:#fff;}
.menuBar{background:#000; height:41px; margin-top:5px;}
.ui-header .ui-btn-right {top:70px; left:9px; right:auto;}
.backBtn.ui-btn{ position: absolute; top: 64px;}
#header .ui-btn-up-b{background:none; border:1px solid #fff;}
#header .nav{font-size:12px; }
#header .nav .ui-link{color:#fff;}
.preHeader{background:#000; height:15px;}
.preHeader .ui-link{color:#fff; font-size:10px; text-decoration:none; margin-left:30px; text-shadow:none;}

/* Homepage */
.imgCarouselWrap{display:none;}
.homePage #hawkCountBlock .ui-link{font-size:12px;}
.homePage .welcome{display:block; text-align:center;}

/* Navigation */
#mobileNav ul{ margin:0; padding:0;}
#mobileNav li{ list-style-type:none;}
#mobileNav .ui-btn-up-c {background: #4E701A; color:#fff; text-shadow:0 1px 1px #4e4e4e;}
#mobileNav .ui-btn-hover-c {background: #334a11; color:#fff; text-shadow:0 1px 1px #4e4e4e;}
#mobileNav ul ul .ui-btn-up-c {background: #D88626; color:#fff; text-shadow:0 1px 1px #4e4e4e;}
#mobileNav ul ul .ui-btn-hover-c {background: #ba7422; color:#fff; text-shadow:0 1px 1px #4e4e4e;}
#mobileNav ul ul{display:none; margin-left:25px;}
.rootSection109 #mobileNav .nav-learn ul, .rootSection101 #mobileNav .nav-visit ul, .rootSection113 #mobileNav .nav-science ul, 
.rootSection120 #mobileNav .nav-raptorPedia ul, .rootSection122 #mobileNav .nav-joinorGive ul, .rootSection143 #mobileNav .nav-volunteer ul, 
.rootSection127 #mobileNav .nav-whoWeAre ul{display:block;}


/* Raptor Count */
.dailyCount{}
.altRow { background:#efe4d1; }
#hawkCount
{
    width:500px;
    padding:0; margin:0; 
}

#hawkCount li 
{
    clear: left;
    line-height: normal;
    padding: 5px 2px;
    overflow: auto;
    overflow-x:hidden;
    font-size:12px;
}
#hawkCount .header
{
    display: block;
}
#hawkCount strong
, #hawkCount .count
, #hawkCount .seasonToDate
, #hawkCount .highestDailyToDate
{
    display: block;
    float: left;
}
#hawkCount .header strong
, #hawkCount .header .count
, #hawkCount .header .seasonToDate
, #hawkCount .header .highestDailyToDate,
{
    float: none;
    /* Start Inline-Block */
	display: inline-block;
	*display: inline;
	zoom: 1;
	/* End Inline-Block */
}
#hawkCount .footerCol strong
, #hawkCount .footerCol .count
, #hawkCount .footerCol .seasonToDate
, #hawkCount .footerCol .highestDailyToDate
{
    display: block;
    float: left;
}

#hawkCount .header
{
    font-weight: bold;
    border-bottom: solid 2px #efaa59;
    margin-bottom: 10px;
}
#hawkCount .header,
#hawkCount .header strong
{
    color: #4e701a;
    font-size:12px;
}
#hawkCount strong
{
    width: 25%;
    color: #6f3d14;
}
#hawkCount .count
{
    text-align: center;
}
#hawkCount .seasonToDate
{
    width: 12%;
    text-align: center;
}
#hawkCount .highestDailyToDate
{
    width: 15%;
    text-align: center;
}

#hawkCount span { padding-right: 7px; }
#hawkCount .header span { padding-right: 3px; }

/*---------------View by Year----------------------*/
.yearlyCount{ width:100%; overflow-x:scroll;}
.yearlyCount td
, .yearlyCount th
{
  font-size: 11px;
  padding: 3px 2px;
  text-align: center;
  line-height: normal;
}

.yearlyCount table
{
    border: solid 1px #dfd0b5;
    width:811px;
}

.yearlyCount td
{
    border-right: solid 1px #cfbc9b;
}

.yearlyCount thead th
{
    background: #aa5512;
    color: #E9D7B7;
    font-weight: bold;
}

.yearlyCount .total 
, .yearlyCount tfoot td { font-weight: bold; }

.yearlyCount tfoot td 
{ 
    background: #aa5512;
    color: #fff;
    padding: 3px 0.25em;
}

.qotdAnswer .incorrectAnswer { color: #F54545; }
.qotdAnswer .correctAnswer { color: #4E701A; }

.answerLink { width: 74px; margin: 5px; }

/* Event Calender Block */
#calendarBlock  ul
{
    list-style: none;
    margin: 5px 5px 0 0;
    padding: 0;
}

#calendarBlock li
{
    padding-bottom: 0.75em;
    font: 14px/22px Tahoma,Helvetica,Arial,sans-serif;
    zoom: 1;
}

#calendarBlock .date
{
    display: block;
    float: right;
    padding: 0 4px 0 0;
    font-size: 11px;
    background: #e9d7b7 url(/images/box-sm-rt.png) right 0 no-repeat;
    text-align: center;
    width: 70px;
    margin-left: 5px;
}
#calendarBlock .date span
{
    display: block;
    background: url(/images/box-sm-lt.png) left 0 no-repeat;
    padding: 2px 0 2px 4px;
    color: #6f390d;
}

#calendarBlock .content
{
    padding: 0;
}

#calendarBlock
{
    position: relative;
}

#calendarBlock .viewAll
{
    position: absolute;
    bottom: 7px;
    right: 0px;
}
#calendarBlock
{
    background-color: #fff;
    background-position: 0 bottom;
    padding-bottom: 30px;
}

#calendarBlock a
{
    display: block;
    padding: 3px 13px;
    margin-bottom: 0.5em;
}

#calendarBlock a
{
    display: block;
    font-size: 0.9em;
    line-height: 1.4em;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-right: 8px;
}

#calendarBlock a.head
{
    padding: 0;
    margin-bottom: 0;
}
.mobile .eventDetails 
{
    border: solid 1px #c5944c;
    background: #efe4d1;
    padding: 0.9em;
    margin:0 0 10px 0;
    float:none;
    width:auto;
}
.eventBackLink{display:none;}

/********************
 Search 
********************/

#header .txtField { background-color: #3186d9; border: none; }
#siteSearch .ui-btn{position: absolute; right: 4px; top:4px; background:url(/images/search-btn.png) no-repeat; border:none;}
#siteSearch .ui-btn-inner{padding: 1.2em 12px 0.5em;}
#header #siteSearch  
{
    margin:5px 0 7px 15px;
    float:left;
	height: 29px;
	position:relative; }

#header #siteSearch .txtField
{
	color: #bad5e5;
	display: block;
	width: 150px;
}
#header #siteSearch .searchBtn
{
	display: block;
	width: 23px;
}

/********************
Hawk Count Block
********************/


.homePage #hawkCountBlock .content
{
    padding: 0;
}

.homePage #calendarBlock
{
    position: relative;
}

.homePage #calendarBlock .viewAll
{
    position: absolute;
    bottom: 7px;
    right: 0px;
}

.homePage #calendarBlock,
.homePage #hawkCountBlock
{
    background-color: #fff;
    background-position: 0 bottom;
    height: 679px;
}
.homePage #hawkCountBlock
{
    margin-right: 0;
    overflow: hidden;
}

.homePage #calendarBlock a
, .homePage #hawkCountBlock a
{
    display: block;
    padding: 3px 13px;
    margin-bottom: 0.5em;
}

.homePage #calendarBlock a
{
    display: block;
    font-size: 0.9em;
    line-height: 1.4em;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-right: 8px;
}

.homePage #calendarBlock a.head
, .homePage #hawkCountBlock a.head
{
    padding: 0;
    margin-bottom: 0;
}

.homePage #hawkCountBlock ul
{
    padding: 5px 0.9em;
}
.homePage #hawkCountBlock ul
{
    font-size: 0.85em;
    width: 195px;
    display: block;
}

.homePage .cbNews, 
.homePage .cbComments, 
.homePage .recentSightings
{
    overflow-x: hidden;
    overflow-y: auto;
    height: 214px;
}