@import "base.css";

/* General */
html { height:100%; padding-bottom:1px }
body { background-color:#bdb39b }

/* Forms */
input[type=text], input[type=password], input[type=file], textarea, select { border-color:#798293 }

/* Navigation Bar */
table#navigation { position:absolute; top:0; left:0; z-index:-1; width:100%; height:30px }
table#navigation tr td { width:50% }
td#navigationLeft { background-image:url(../images/navleft.gif) }
td#navigationRight { background-image:url(../images/navright.gif) }

div#navigationBar { position:absolute; z-index:3; width:898px; height:23px; background-image:url(../images/navbar.gif); padding:7px 0px 0px 2px; text-align:left }
div#navigationBar, div#navigationBar a, div#navigationBar a:visited { color:White; font:11px Arial, Helvetica, sans-serif; text-decoration:none }
div#navigationBar a:hover { color:Yellow; text-decoration:underline }
div#navigationSpacer { height:22px }

/* Content */
div#pageContainer { width:900px; margin:0px auto; text-align:left }

/* Sections */
a#aboutSection, a#agentsSection, a#centerSection, a#commercialSection, a#contactSection, a#faqsSection, a#mlsSection, a#pocatelloSection, a#propertySection, a#subdivisionsSection { display:block; width:705px; height:127px; float:left }

a#aboutSection { background-image:url(../images/section/about.jpg) }
a#agentsSection { background-image:url(../images/section/agents.jpg) }
a#centerSection { background-image:url(../images/section/center.jpg) }
a#commercialSection { background-image:url(../images/section/commercial.jpg) }
a#contactSection { background-image:url(../images/section/contact.jpg) }
a#faqsSection { background-image:url(../images/section/faqs.jpg) }
a#mlsSection { background-image:url(../images/section/mls.jpg) }
a#pocatelloSection { background-image:url(../images/section/pocatello.jpg) }
a#propertySection { background-image:url(../images/section/property.jpg) }
a#subdivisionsSection { background-image:url(../images/section/subdivisions.jpg) }

a#pocatelloRealEstate { display:block; width:195px; height:127px; background-image:url(../images/pocatello_real_estate.gif); float:left }

/* Menu */
div#menu { height:30px; width:900px; background-color:#798293; border-left-width:0; clear:both }
div#menu a { display:block; height:20px; float:left; padding:8px 0px 2px 0px; text-align:center }
div#menu a, div#menu a:visited { color:White; font:bold 12px Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none }
div#menu a:hover { background-color:#42516e; color:Yellow }

/* Content */
div#contentContainer { width:900px; background:White url(../images/contentbackground.gif) repeat-y scroll top left }
div#content { float:left; width:505px; padding:0px 25px 25px 25px; font:13px Tahoma, Arial, Helvetica, sans-serif }

/* Panel */
div#panel { float:left; width:195px }
div#loadingContainer { padding:15px }
div#loading { background-color:White; text-align:center; padding:8px 8px 12px 8px; font: 15px Tahoma, Arial, Helvetica, sans-serif; color:#666; border:2px solid #666 }
img#spinner { position:relative; top:2px; margin-right:2px }

img#logo { margin-top:9px; margin-bottom:10px }
div#panel div#brand { text-align:right; padding:14px }
div#panel div#brand, div#panel div#brand a, div#panel div#brand a:visited { font:bold 12px Arial, Helvetica, sans-serif; line-height:20px; color:White }
div#panel div#brand a:hover { color:Yellow }

div#panel div.bar { background-color:#c4d6ff; padding:5px 12px; margin-top:12px; margin-bottom:2px; color:#42516e; font:bold 13px Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px }
div#panel div.contents { margin:12px }
div#panel div.contents, div#panel div.contents a { font:11px Tahoma, Arial, Helvetica, sans-serif; color:White }
div#panel div.contents a:hover { color:Yellow }
div#panel a.favorite, div#panel a.favorite:visited, div#panel a.favoriteDelete, div#panel a.favoriteDelete:visited { display:block; text-decoration:none; padding:7px 26px 7px 12px; font:11px Tahoma, Arial, Helvetica, sans-serif; color:White }
div#panel a.favorite:hover { background:#798293 url(../images/delete.gif) no-repeat scroll 176px 9px }
div#panel a.favoriteDelete { background:#bc2b24 url(../images/delete.gif) no-repeat scroll 176px 9px }
div#panel a.favorite span.divider { color:#ddd }
div#panel div.rolloverContainer, div.rolloverContainerSmall { position:absolute; z-index:10; background:Transparent url(../images/favoriteShadow.png) no-repeat scroll 0px 0px; margin-left:-156px; margin-top:-68px; padding:14px; padding-right:0 }
div#panel div.rolloverContainerSmall { background-image:url(../images/favoriteShadowSmall.png); margin-left:-111px }
div#panel div.rolloverContainer div.rollover, div#panel div.rolloverContainerSmall div.rollover, div#panel div.rolloverContainer div.rolloverDelete, div#panel div.rolloverContainerSmall div.rolloverDelete { padding:8px; border:1px solid #42516e; border-right:0; background-color:#798293 }
div#panel a.favoriteDelete, div#panel div.rolloverContainer div.rolloverDelete, div#panel div.rolloverContainerSmall div.rolloverDelete { background-color:#bc2b24 }
div.delete { float:right; width:11px; height:12px; margin:9px 8px 0px 0px; border:0; cursor:pointer }

/* Breadcrumb */
div#breadcrumb { height:20px; padding-top:5px; margin-bottom:12px }
div#breadcrumb, div#breadcrumb a, div#breadcrumb a:visited { font:11px Tahoma, Arial, Helvetica, sans-serif; color:#42516e }
div#breadcrumb a:hover { color:#900 }

/* Headings */
h1, h2 { color:#42516e }

/* Links */
div.globeLink { width:133px; margin-top:4px }
div.globeLink, div.globeLink a, div.globeLink a:visited { background:White url(../images/globe.gif) no-repeat scroll 0px 0px; float:right }
div.globeLink a, div.globeLink a:visited { padding-left:22px; color:Black }
div.globeLink a:hover { background:White url(../images/globe-over.gif) no-repeat scroll 0px 0px; color:#6B8CAA }

div.listLink { width:130px; margin-top:4px }
div.listLink, div.listLink a, div.listLink a:visited { background:White url(../images/list.gif) no-repeat scroll 0px 0px; float:right }
div.listLink a, div.listLink a:visited { padding-left:22px; color:Black }
div.listLink a:hover { background:White url(../images/list-over.gif) no-repeat scroll 0px 0px; color:#6B8CAA }

div.externalLink { background:White url(../images/link.gif) scroll no-repeat 2px 0px; float:right; height:13px }
div.externalLink a, div.externalLink a:visited { padding-left:24px; color:#6B8CAA; display:block; height:13px }
div.externalLink a:hover { background:White url(../images/link-over.gif) scroll no-repeat 2px 0px; color:#C5BBB1 }

div.newLink { background:White url(../images/new.gif) scroll no-repeat 2px 0px; float:right; height:16px; margin-top:9px }
div.newLink a, div.newLink a:visited { padding-left:22px; display:block; height:16px; color:#42516e }
div.newLink a:hover { background:White url(../images/new-over.gif) scroll no-repeat 2px 0px; color:#900 }

div.editLink { background:White url(../images/edit.gif) scroll no-repeat 2px 0px; float:right; height:16px; margin-top:9px }
div.editLink a, div.newLink a:visited { padding-left:22px; display:block; height:16px; color:#42516e }
div.editLink a:hover { color:#900 }

a.button { display:inline-block; border:solid 1px #798293; background-color:#ece9d8; padding:2px 14px; text-decoration:none }
a.button#hover { color:Yellow }

a.saveLink, a.cancelLink, a.deleteLink, a.archiveLink, a.unarchiveLink, a.windowLink { display:block; padding-left:22px; height:16px; color:#42516e; font-weight:bold; text-decoration:none }
a.saveLink:hover, a.cancelLink:hover, a.deleteLink:hover, a.archiveLink:hover, a.unarchiveLink:hover, a.windowLink:hover { color:#900; text-decoration:underline }
a.saveLink { background:White url(../images/save.gif) scroll no-repeat 2px 0px }
a.cancelLink { background:White url(../images/cancel.gif) scroll no-repeat 2px 0px }
a.deleteLink { background:White url(../images/remove.gif) scroll no-repeat 2px 0px }
a.archiveLink { background:White url(../images/archive.gif) scroll no-repeat 2px 0px }
a.unarchiveLink { background:White url(../images/unarchive.gif) scroll no-repeat 2px 0px }
a.windowLink { background:White url(../images/window.gif) scroll no-repeat 2px 0px }

/* Sections */
div.section, div.sectionOn, div.sectionDim { border:1px solid #eee; background-color:White; padding:12px 12px 15px 12px }
div.sectionOn { border-color:#f00; background-color:#ffffcd }
div.sectionDim { border-color:#fdd; background-color:#fffff6 }

/* Tooltips */
.tooltip { font-size:11px }

/* Copyright */
div#copyrightSite { display:none }