/* ------------------------------ page structure ---------------------------- */
body{
    background: #9f9b74 url(/images/main-bg.png) 50% 0 repeat-y;
    font: 0.75em/1.5 Verdana,Arial,Helvetica,sans-serif;
    margin:0;
}


a img{border:0;}

ul{
    margin-top: 0px;
    padding-left: 0px;
    vertical-align: baseline;
}

/* shady bg */
#container{
    background: transparent url(/images/container-bg.png) 0 0 no-repeat;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 980px;
}


#header{
    height: 210px;
    margin-top: 0;
    position: relative;
    width: 960px;
    background:url(/images/header-bg.png) 18px 36px no-repeat;
}

/* for more menu details see superfish.css. z-index is critical to overlay map */
#navigationBar{
    background: url(/images/nav-bg.png) 0 0 no-repeat;
    height: 45px;
    position: absolute;
    top: 172px;
    left:18px;
    width: 960px;
    z-index:1020;
}

#main{
    background:  url(/images/maindiv-bg.png) 0 0 repeat-y;
}

#leftSidebar{
    float: left;
    background:transparent;
    margin-right:36px;
    margin-left:30px;
    width:220px;
    margin-bottom:18px;
    zoom:1;
}

/* shady bg */
#contentArea{
    float: left;
    width: 658px;
    background: url('/images/content-areabg.png') 0 bottom no-repeat;
    padding-bottom: 54px;
    margin-bottom: 20px;
    min-height:330px;
}

#footer{
    background: #fff;
    clear: both;
    height: 54px;
    margin: 0 auto;
    width: 980px;
}

/* ------------------------------ basic typography -------------------------- */
h1,h2,h3,h4,h5,p{
    margin-bottom: 0.85em;
}

h1{
    color: #1046C7;
    font-size: 24px;
    margin-top:0px;
}

h2{
    color: #3E5B16;
    font-size: 1em;
}

h3{
    font-size: 18px;
    line-height: 1.3em;
}

p{
    font-size: 12px;
    line-height: 1.5em;
}

a{color:#00f;}
a:link{
    color:#00f;
    /* color:#4e4917; */
    text-decoration: none;
}
a:visited{
    color:#00f;
    text-decoration: none;
}
a:hover{
    color:#4e4917;
    text-decoration: underline;
}

/* ------------------------------ generic floats ---------------------------- */
.clearboth{clear: both;}

.floatleft{
    float: left;
    margin: 0;
    padding: 0 10px 10px 10px;
    width: 390px;
}

.floatright{
    float: right;
    padding: 0 0 20px 20px;
}


/* ------------------------------ header content ---------------------------- */
a#logo{
    background: url(/images/scottish-aspen-logo.png) 0 0 no-repeat;
    height: 40px;
    left:36px;
    position: absolute;
    top:95px;
    text-indent: -999em;
    width: 255px;
}

ul#top{
    position: absolute;
    left: 18px;
    top: 9px;
}

ul#top li, ul#top li a{
    color: #4E4917;
    float: left;
    font-weight: bold;
    list-style: none;
    padding-right: 12px;
}

#searchPanel .button{
    background: url(/images/btn-search.png) 0 0 no-repeat;
    border: none;
    cursor: pointer;
    height: 19px;
    width: 54px;
}

#searchPanel fieldset{
    border: none;
}

#topStrip{
    position:relative;
    margin-left:18px;
    width:960px;
    background:transparent;
    margin-bottom:9px;
    height:18px;
}
#topStrip ul{position:absolute;left:18px;}
#topStrip ul a{color:#4e4917;}
#topStrip li{display:inline;font-size:10px;}

#loggedin{
    position:absolute;
    right:18px;
    top:9px;
    color:#4e4917;
}


/* ------------------------------ left sidebar content ---------------------- */
ul.lhsmenu{margin:5px 10px;list-style:none;}
ul.lhsmenu li{line-height:2;}

/* shady bg */
div.newsBox{
    background: url('/images/newsbox-bg2.png') 0 bottom no-repeat;
    margin-bottom: 9px;
    width: 222px;
    color: #333;
    font-size: 0.9em;
    padding:0px 9px 9px 0px;
}
div.newsBox p{
    color:#4e4917;
    font-size:1em;
    padding:5px 9px 0px 10px;
    margin-bottom:1px;
}
div.newsBox img{margin-top:4px;}
div.newsBox a{color:#4e4917;display:block;font-weight:bold;}

div.newsBox h2{
    background: url('/images/small-heading-bg.png') 0 0 no-repeat;
    color:#4e4917;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 4px 0 5px 10px;
    width: 222px;
}

/* ------------------------------ main content ------------------------------ */
div.pad{margin:0px 28px 5px 18px;}
img.imginline{float:right;margin:5px 18px 6px 8px;}

#contentArea h1{
    background:url(/images/central-h1.png) 0 0 no-repeat;
    color:#4e4917;
    font-weight:bold;
    font-size:1.2em;
    padding-left:18px;
    padding-top:3px;
    padding-bottom:2px;
}

#contentArea h2{
    font-weight:bold;
    color:#4E4917;
    width:414px;
}

#contentArea p{
    color: #333;
    font-size: 1em;
}

#contentArea a{color:#00f;}

/* ----- Map page - (there no LHS on the map page) ----- */
/* for map form input/popup styles see map-forms.css */
#mapBody div.pad{margin:0;padding:0;}
#mapBody #leftSidebar{width:0;margin:0;height:0;}
#mapBody #contentArea{width:100%;background:none;padding-bottom:10px;}
#mapBody #contentArea h1{display:none;visibility:hidden;}


#mapControls{
    float:left;
    padding-top:27px;
    margin-left:18px;
    width:180px;
}
#mapControls h4{color:#4E4917;}

#maptopbar{
    text-align:center;
    background:#4E4917;
    color:#fff;
    height:22px;
    padding-top:5px;
}

#mapBody #osgbout{font-weight:bold;font-size:12px;}
#aspenmap {
    height: 416px;
    border: 1px solid #ccc;
}


/* ---- form tables - tables, cells and messages ---- */
table.formtable{border-spacing:8px;}
table.formtable td{padding:5px;background-color:transparent;}
tr.nofill{display:none;}
tr.hide{display:none;}
td.labelcol{width:85px;vertical-align:top;}
td.labelcol-required{
    width:85px;
    vertical-align:top;
    background: url('/images/admin/required-asterisk.gif') top right no-repeat;
}

td label{color:#4E4917; font:bold 1em Arial, sans-serif;}
td.buttonrow{color:#3E5B16; text-align: center;}
td.buttonrow-centre{color:#3E5B16; text-align: center;}
td.messagecol p{margin:8px; text-align:center; background:#eef;}

p.error{font-weight:bold; color:#c00 !important;}
p.success{font-weight:bold; color:#090 !important;}
ul.errors{margin:1px; padding:1px; list-style:none;}
ul.errors li{
    color:#c00;
    font-size:0.8em;
    font-weight:bold;
    padding: 4px 4px 4px 24px;
    background-image: url('/images/admin/exclamation.gif');
    background-repeat: no-repeat;
    background-position: 2px;
}

table.formtable p{margin-left:0;font-size:0.9em;}
p.description{margin:1px;}
p.formro{margin:3px 1px;}
p.formrob{margin:3px 1px;font-weight:bold;}


/* ---- map control box ---- */

div.featurebox{
    float:left;
    background-color:#ffd;
    width:310px;
    padding:5px 3px;
    margin:5px 1px;
    border:thin solid #CDC3B7;
}

div.featurebox dl{
    margin: 0;
    font-size:10pt;
}

div.featurebox dt{
    font-weight:bold;
    float:left;
    min-width:70px;
    clear:both;
}

div.featurebox dd{
    float:left;
    margin:0 0 5px 2px;
}

div.featurebuttons{
    float:left;
    margin:5px 10px;
    width:140px;
}

div.featurebuttons button{margin-bottom:5px;}


/* ----- general form elements ----- */
input{font:11pt Arial,sans-serif; padding:3px 2px; border:solid 1px #ccc; background:#fff;}
input:focus{background-color:#f5f0d9;}
input.pointbutton{background-color:buttonface !important; font-size:0.9em;}
input.tiny{width:30px;}
input.small{width:100px;}
input.standard{width:250px;}
input.large{width:250px;}
input.xlarge{width:700px;}
textarea{font:11pt Arial,sans-serif; background-color:#fff;}
textarea.small{width:250px;height:40px;}
textarea.standard{width:250px;height:100px;}
textarea.wide{width:400px;height:100px;}
textarea.large{width:400px;height:200px;}
textarea.xlarge{width:700px;height:400px;}
textarea:focus{background-color:#f5f0d9;}
select{font:1em Arial,sans-serif; background-color:#fff;}


/* UPLOADIFY - the uploads dialogue */
div#uploads{position:absolute;top:170px;left:740px;padding:0;width:200px;}
div#fileQueue{
    width:200px;
    height:70px;
    background-image: url('/images/admin/click-browse.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-color:#fff;
    overflow: auto;
    border: 1px solid #E5E5E5;
    margin-bottom: 10px;
}

.uploadifyQueueItem {
	font: 10px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 3px;
	padding: 3px;
	width: 170px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}


/* ------ image carousel (image uploads) ------ */
table.uploadelement{margin:0;border-spacing:0px;}
#carousel-outer{
    position:absolute;
    top:320px;
    left:740px;
    width:190px;
    padding:5px;
    border: 1px solid #E5E5E5;
    background-color:#fff;
}
#carousel {width:115px; min-height:297px; padding-left:5px; margin-left:24px; border: #aaf outset 1px;}
#carousel li{padding:5px 5px 5px 0px;}
#hcarousel {padding-left:5px; border: #aaf outset 1px; min-width:297px; min-height:95px;}
#hcarousel li{padding:5px 5px 5px 0px;}
#imgname{width:145px;font-size:1.0em;}
#shiftimg{visibility:hidden;}
#removeimg{visibility:hidden;}
img.selectable{border:3px solid #ccd;}
img.caroucontrol{margin:3px 0px 0px 0px;}
img.carouleftright{margin:12px 0px 0px 0px;}

#galleryframe{
    min-height:220px;
    min-width:350px;
    border:thin solid black;
    text-align:center;
    background-image:url('/images/loading.gif');
    background-repeat: no-repeat;
    background-position: center center;
}
#imgtitle{width:220px;}
#imgdescription{width:385px;height:50px;}

/* useful links */
#linkstable{margin-top:15px;}
#linkstable td.linkdesc, #linkstable td.linknoimg{
    width:486px;
    padding-bottom:27px;
}
#linkstable td.linkimg{vertical-align:middle;}

/* attachments table */
table.attachments{border-spacing:0;clear:both;}
table.attachments th{font-size:1.2em;color:#3E5B16;padding:8px 3px;}
table.attachments td{
    padding:5px 2px 5px 0px;
    vertical-align:middle;
}
td.fileicon{width:27px;padding-right:0;}


#contentArea ul{
    padding-left:14px;
    line-height:2;
}


/* ---- the footer ---- */
#footerInner{
    position:relative;
    width:940px;
    background:#d9d8c8;
    border-top:solid 1px #aaa;
    margin-left:18px;
    height:90px;
}

#footerInner p{
    position:absolute;
    font-size:0.8em;
    color:#333;
    left:18px;
    padding:18px 0;
    width:940px;
}

#footerInner p strong{
    position:absolute;
    right:36px;
    top:48px;
}


/* lhs gallery */
#imagerotate-list{
    list-style:none;
}
#imagerotate-list li{padding:10px 0px;margin-left:3px;}
#imagerotate-list img{border:thin solid black;}


/* popup bubbles on maps */
table.bubbletable{
    max-width:300px;
    border-color:orange;
    border-spacing:2px;
    margin:0px 0px 0px 3px;
    font:12px "Century Gothic",Tahoma,Arial;
}
table.bubbletable td{padding:1px;background-color:transparent;}
th.bubbletitle{color:#4e4917;}
td.bubblelabel{
    vertical-align:top;
    text-align:right;
    background:#E5E5E5;
    color:#f60;
    min-width:65px;
    font-weight:bold;
}