html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
html,body{height:100%;width:100%;overflow:hidden; font-family:Tahoma;; color:#444;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-weight:normal; font-style:normal; font-family:Tahoma; color:#fff;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none; outline:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}

.tundra .dijitSplitContainer-dijitContentPane, .tundra .dijitBorderContainer-dijitContentPane, .tundra .dijitBorderContainer, .tundra .dijitSplitterV, .tundra .dijitGutterV, .tundra .dijitSplitContainer-child, .tundra .dijitBorderContainer-child{
    background:none;
	padding:0;
	border:none;
}

a{
    color:#000;
}

#mainWindow{
    position:absolute;
	top:0px;
	height:100%;
	width:100%;
}

#banner{
    width:100%;
    height:100px;
    background-color:#0e3867;
}

#headerArea{
    height:100px;
	padding:10px 25px 0px 25px;
}

#logoPane{
    height: 70px;
    padding-left: 65px;
    text-align: right;
}

.logoImg {
    height: 48px;
    /*text-align: right;*/
}

.rightLogoImg {
    margin-left: 10px;
}

#title{
    font-weight:bold;
    font-size:20px;
    color:#E7CB8D;
	font-family:Tahoma;
    padding-bottom:10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}

#subtitle{
	color:#fff;
    overflow: hidden;
}

#logoArea{
	width:250px !important;
	overflow:hidden;
}

#social,#logo{
	float:right;
}

#social{
	padding-bottom:5px;
}

#smLink{
	color:#fff;
	font-family:Tahoma;
	font-weight:bold;
	font-size:0.82em;
	text-decoration:none;
	outline:none;
}

#smLink:hover{
	text-decoration:underline;
}

#sidePanel{
    height:auto;
    width:300px;
    padding: 0;
    padding-bottom: 10px;
}

#topPanel, #directionsPanel {
	width:100%;
	padding:0 25px;
    font-size:15px;
    font-style:normal;
    font-family:Tahoma;
    overflow: auto;
}

#speciesList{
	padding: 5px 25px;
	color:#848484;
	font-family:Tahoma;
	font-size:12px;
	height:auto;
}

.speciesItem{
	font-weight:bold;
	padding:3px 0 3px 0;
}

.speciesItem:hover{
	color:#000;
	cursor:pointer;
}

.selectedItem{
    color:#000;
}

.arrow{
    display:none;
    position:absolute;
    width: 0;
    height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #d81e05;
    margin-left:10px;
    margin-top:-2px;
}

#speciesHeader{
	height:auto;
	color:#d81e05;
	font-family:Tahoma;
	font-size:15px;
	font-weight:normal;
}

#speciesHeader p {
    color: black;
}

#speciesHeader .speciesTitle {
    font-weight: bold;
}

#speciesHeader a {
    color: blue;
    font-weight: bold;
}

#speciesHeader img {
    height: 150px;
}


#searchPane, #side-pane-controls {
    background-color: rgb(56, 166, 33);
    border-top: 1px solid rgb(56,166,33);
    border-bottom: 1px solid rgb(56,166,33);
    height: auto;
    margin: 10px 0;
}

#searchPane {
    padding: 10px 25px;
}

#side-pane-controls {
    margin-top: 0;
    padding: 5px 10px;
    font-size: 26px;
    color: white;
}

#side-pane-controls span {
    cursor: pointer;
    margin: 0 6px;
}

#side-pane-controls span:hover {
    color: white;
}

#side-pane-controls .current {
    color: #ffffff; /*#0e3867;*/
}

#search {
    position: relative;
    background-color: rgb(214, 246, 209);
    height: auto;
    width: 100%;
    line-height: 1em;
    color: #0e3867;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 25px 5px 5px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 9px 0 #cccccc;
    -moz-box-shadow: inset 0 0 9px 0 #cccccc;
    box-shadow: inset 0 0 9px 0 #cccccc;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#search-submit {
    position: absolute;
    top: 15px;
    right: 30px;
    z-index: 2;
}

#search-submit.ui-icon-close {
    cursor: pointer;
}

.nodisplay, .hidden-search {
    display: none !important;
}

ul.ui-autocomplete {
    list-style: none;
    border: 0;
    margin: 0;
    padding: 0;
    height: 0;
}

#hoverInfo{
    position:absolute;
    background:#fff;
    z-index:100;
    font-family:Tahoma;
	font-size:12px;
    font-weight:bold;
    cursor:pointer;
}

#hoverInfoPointer{
    display:none;
    position:absolute;
    width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #fff;
    z-index:100;
}

#speciesName{
    padding:5px;
    max-width:80px;
}

#arrowCon{
    display:none;
    padding:5px;
}

#speciesThmb{
    height:70px;
    width:93px;
}

#closeButton{
    position:absolute;
    font-size:12px;
    padding:0 8px 0 8px;
    top:4px;
    right:3px;
}

#popupArrow{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #d81e05;
}

#thumbnailCon{
    padding:5px;
}

#selectorCon{
	height:90px;
	width:100%;
	background-color:White;
}

#selector{
	width:95%;
	margin:auto;
	margin-top:20px;
	text-align:center;
	font-size:12px;
	font-family:Tahoma;
	font-weight:bold;
	cursor:pointer;
}

.sc{
	padding:5px 10px 5px 10px;
}

.greyScheme{
	background-color:#848484;
	color:#fff;
	border-top:1px solid #848484;
	border-bottom:1px solid #848484;
	border-right:3px solid;
}

.blackScheme{
	background-color:#000;
	color:#fff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.whiteScheme{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

#selectorImg{
	position:absolute;
	width:150px;
	height:26px;
	bottom:10px;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-family:Tahoma;
	font-weight:bolder;
	font-size:12px;
	z-index:20;
	cursor:move;
	color:blue;
}

#selAbr{
	position:absolute;
}

#selectedText{
	padding:22px;
	}

#shadowDiv{
	position:absolute;
	height:100%;
	left:-10px;
	width:10px;
	-moz-box-shadow: 5px 0px 20px 5px #666;
	-webkit-box-shadow: 5px 0px 20px 5px #666;
	box-shadow: 5px 0px 20px 5px #666;
	filter: progid: DXImageTransform.Microsoft.Shadow(strength = 5, direction = 90, color = '#666');
	-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 90, Color = '#666')";
	z-index:20;
}

#modalBackground{
    display:none;
    position:absolute;
    background-color:#000;
    height:100%;
    width:100%;
    top:0;
    z-index:1000;
}

#speciesPanel{
    display:none;
    position:absolute;
    background-color:#fff;
    top:10%;
    left:10%;
    height:80%;
    width:80%;
    padding:15px;
    font-size:14px;
    z-index:1001;
}

#speciesContent{
    position:relative;
    width:400px;
    float:left;
    overflow:auto;
}

.speciesImg{
    display:none;
    width:100%;
}

.photoCredit{
    display:none;
    position:absolute;
    top:0;
    left:0;
    padding:5px 5px 5px 7px;
    font-weight:bold;
    font-size:11px;
    color:#fff;
}

.threatScale{
    display:none;
    width:90%;
    margin:-25px 0 0 5%;
}

.commonName{
    display:none;
    background-color:#fff;
    color:#f00;
    margin:10px 0 0 30px;
    font-weight:bold;
    font-size:16px;
    font-family:Tahoma;
}

#speciesMap{
    float:right;
}

.listingText{
    border-top:1px solid #d81e05;
    border-bottom:1px solid #d81e05;
    padding:2px 0 2px 0;
    margin:5px 0 0 30px;
}

.lsText{
    color:#848484;
}

.sciName{
    display:none;
}

.statusText{
    display:none;
    border-bottom:1px solid #d81e05;
}

.speciesDescription{
    display:none;
    margin:15px 15px 10px 30px;
}

.moreInfo{
    display:none;
    color:#d81e05;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    font-family:Tahoma;
    margin:10px 0 0 30px;
}

.moreInfo:hover{
    text-decoration:underline;
}

.nextArrow{
    display:none;
    width: 0;
    height: 0;
    margin: -30px 0 0 345px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #d81e05;
    cursor:pointer;
}

.prevArrow{
    display:none;
    width: 0;
    height: 0;
    margin: -30px 0 0 0;
    border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid #d81e05;
    cursor:pointer;
}

.map{
    height:100%;
    width:100%;
}

.zoomToggle{
    display:none;
    position:absolute;
	left:15px;
	top:15px;
	width:32px;
	z-index:5;
	cursor:pointer;
}

.zoomExtent{
    margin-top:-3px;
}

#zoomExtent{
    margin-top:-4px;
}

.zoomOut{
    margin-top:-3px;
}

#zoomOut{
    margin-top:-4px;
}

.preloadImg{
    display:none;
}

#tiptip_content{
    text-align:center;
}

#selector .selected {
    background-color: #5d6f89;
    color: #ffffff;
    border-radius: 0em;
}

.directions-link {
    cursor: pointer;
}

.directions-link:hover {
    text-decoration: underline;
}

/* modal window driving directions */
#speciesContent .directions-link {
    margin: 10px 0 10px 30px;
    color: red;
    font-weight: bold;
    font-style: italic;
}

#speciesMap .directions-link {
    float: right;
    color: Red;
    text-decoration: underline;
    color: #369;
}

@font-face {
    font-family:'icomoon';
    src:url("fonts/icons.eot");
    src:url("fonts/icons.eot?#iefix") format("embedded-opentype"), url("fonts/icons.woff") format("woff"), url("fonts/icons.ttf") format("truetype"), url("fonts/icons.svg#icomoon") format("svg");
    font-weight:normal;
    font-style:normal
}
#side-pane-controls [class*="icon-"]:before {
    font-family:'icomoon';
    speak:none;
    font-style:normal;
    font-weight:normal;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    text-transform:none
}
.icon-open-book:before {
    content:"\7b"
}
.icon-list-2:before {
    content:"\4a"
}
.icon-compass:before {
    content:"\4d"
}