/*--------------------------------------------------------------------------

Basic Style Sheet

version:	1.0
author:		Mike Gregson
email:		mike.g@idaho.uk.net
website: 	http://nwco.dev

--------------------------------------------------------------------------*/

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=LayoutStructure
        - siteContainer
		- header
        - pNav
        - login
        - contentContainer
		- footer
	=pNav
    =login
    =sponsors
	=pContent
	=sContent
        - form layout
        - paging
        - sitemap
        - databank search form
        - geographical map
    =rightCol	
	=footer
    =Admin Site Styles

--------------------------------------------------------------------------*/


/* =Global 
--------------------------------------------------------------------------*/

*
{
    margin: 0;
    padding: 0;
}

body
{
}

fieldset
{
    border: 0;
}

legend
{
    display: none;
}

.pkg:after
{
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.pkg {
    display:inline-block;
}

ul
{
    list-style-type: none;
}

ol
{
}

div.hr
{
    clear: left;
    width: 100%;
    border-top: #EFEFEF solid 1px;
    height: 1px;
    line-height: 1px;
    margin: 6px 0 7px 0;
}

div.hrForm
{

    float: left;
    width: 100%;
    border-top: #EFEFEF solid 1px;
    height: 1px;
    line-height: 1px;
    margin: 6px 0 0px 0;
}

/* =Links
--------------------------------------------------------------------------*/

a img
{
    border: 0;
}
a:active
{
    text-decoration: underline;
    color: #525252;
}
a:link
{
    text-decoration: underline;
    color: #525252;
}
a:visited
{
    text-decoration: underline;
    color: #525252;
}

/* =Typography
--------------------------------------------------------------------------*/

body
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 90%;
    color: #525252;
}

/* =Headings
--------------------------------------------------------------------------*/

h1
{
    width: 726px;
    height: 96px;
}

#pContent h2, #sContent h2
{
    font-family: "Century gothic", Arial, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 123%; /* about 18px */
    padding: 0 0 4px 0;
    margin: 0 0 5px 0;
}

#pContent h2 span
{
    color: #525252;
    font-size: 90%;
}

#pContent h3, #sContent h3
{
    clear: both;
    font-family: "Century gothic", Arial, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 105%;
	/* color: #525252; */
	color: #F47B20;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #efefef;
}

#biblio h3
{
    width: 250px;
    float: left !important;
    clear: none !important;
    margin-top: 8px;
}

#sContent h3.no_underline
{
    border-style: none;
    padding: 0;
}

#pContent h4, #sContent h4
{
    font-family: "Century gothic", Arial, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 105%;
    margin: 0 0 5px 0;
	padding: 0 0 5px 0;
    /*color: #525252;*/
	color: #515151;
	border-bottom: 1px solid #efefef;
}

#pContent h5, #sContent h5
{
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 85%;
    color: #525252;
    margin: 0 0 0 0;
}

/* =LayoutStructure
--------------------------------------------------------------------------*/

#siteContainer
{
    width: 726px;
    margin: 9px auto 0 auto;
}

#header
{
    height: 133px;
    width: 726px;
    padding-bottom: 13px;
}

#pNav
{
    width: 191px;
    float: left;
}

#contentContainer
{
    width: 535px;
    float: left;
}

#pContent, #sContent
{
    padding: 0 0 0 0;
    width: 535px;
}

#footer
{
    width: 100%;
}

/* =pNav
--------------------------------------------------------------------------*/
/* DDA FORM CONTROLS */
/*--------------------------------------------------------------------------*/


/* File and Picture Picker Picker
======================================================================================================*/
#sContent ul#pictureUploadForm, #sContent ul#documentUploadForm
{
    float: left;
    Width: 181px;
}

#sContent #documentUploadForm li
{
    float: left;
    margin-bottom: 10px;
}

#sContent #documentUploadForm .formFieldLabel
{
    margin-top: 0px;
}


#sContent ul label.formFieldLabel
{
    font-size: 100%;
    display:block;
    margin-bottom: 0;
}

#sContent ul #pictureFile, #sContent ul #pictureTitle, #sContent ul #docsFile, #sContent ul #docsTitle
{
    margin-top: 2px;
    font-size: 100%;
}

#sContent #docsFile, #sContent #docsTitle
{
    clear: left;
    float: left;
}

#sContent #pictureFile, #sContent #docsFile
{
    height: 23px;
    width: 183px;
}

#sContent legend
{
    display: block;
    font-size: 85%;
    color: #525252;
    margin: 0; padding: 0;
    margin-left: -1px;
    font-weight: bolder;
}

#sContent fieldset
{
    width: 181px;
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
}

#sContent #pictureNewFS
{
    margin-left: 148px;
}

html*#pictureExistingFS /* To Fix safari issue */
{
    margin-left: 148px;
}

html*#docsExistingFS /* To Fix safari issue */
{
    margin-left: 148px;
}

#sContent fieldset img
{
    margin-top: 5px;
}

#sContent #pictureRemoveButton
{
    border-style: none;
    background: url(/img/buttons/removeimage4.gif) 0 0 no-repeat;
    width: 107px; height: 25px;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    font-size: 0px;
    color: #ffffff;
    float: right;
    margin: 0;
    position: absolute;
    right: 0; top: 30px;
}

#sContent #fileRemoveButton
{
    clear: left;
    border-style: none;
    background: url(/img/buttons/removefile2.gif) 0 0 no-repeat;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    font-size: 0px;
    color: #ffffff;
    width: 89px;
    height: 25px;
}

html*#fileRemoveButton
{
    margin-bottom: 10px;   
}

#sContent #docsNewFS
{
    margin-left: 148px;
    margin-top: -15px;
}

#customPosting #docsExistingFS
{
    margin-left: 0;
}

#customPosting #fileRemoveButton
{
    
}

#customPosting #docsNewFS
{
    margin-left: 0;
    margin-top: -15px;
}

/* Databank Search
======================================================================================================*/

#databank-search, #site-search
{
	background: url(/img/lozenge/top_532.gif) 0 0 no-repeat;
	background-color: #E1EBE0;
	width: 532px;
	float:left;
}

#databank-search { margin-bottom: 15px }

#databank-search h3, #site-search h3
{
	color: #474C62 !important;
	margin: 8px 12px 4px 12px;
	border: none;
}

#databank-search fieldset { clear:left; margin: 0 !important; width: 532px; }

#databank-search ol { list-style-type: none; float:left }
#databank-search ol li label { font-size: 1.15em }
#databank-search ul { margin: 0 12px !important; width: 508px; clear: left; float: left; }
#databank-search ul li { width: 508px; clear:left; float: left; padding: 0 0 4px 0; }
#databank-search ul label { width: 135px; display: block; float: left; }
#databank-search #keywords { width: 200px; float: left; }
#databank-search select { width: 204px !important; float:left; }

#advanced1 { font-size: 0.8em; margin: 3px 5px 3px 10px !important; float:left; }
#databank-search .detailInput { margin: 2px 0 0 0 !important; float:right; }

#databank-bottom, #site-search-bottom
{  
	background: url(/img/lozenge/bottom_532.gif) 0 100% no-repeat;
	width: 532px;
	float:left;
	height: 12px
}

#popular-tags
{
	background: url(/img/lozenge/popular-tags-top.gif) 0 0 no-repeat;
	background-color: #ffffff;
	width: 509px;
	float:left;
	margin: 0 12px 10px 12px;
}

#popular-tags-bottom
{  
	background: url(/img/lozenge/popular-tags-bottom.gif) 0 100% no-repeat;
	width: 509px;
	float:left;
	height: 10px
}

#popular-tags-content
{
	width: 497px;
	margin: 10px 6px 0 6px;
	float:left;	
}

#popular-tags-content .xfolkentry
{
	width: 497px;
	float:left;
	margin: 0 !important;
}

#popular-tags-content .xfolkentry li { margin-right: 12px !important }
#databank-search #more-tags { margin: -4px 12px 0 0 !important; }

#geog-search
{
	width: 509px;
	float:left;
	margin: 0 12px 0 12px;
}

#databank-search #search-geog { float: none !important; margin: 0 !Important }

#geog-description { width: 400px; float:left; margin-left: 10px; }

#databank-search #rest { clear: left !important }

#site-search .formFieldCaption { width: 500px; margin-left: 12px; }
#site-search .formFieldCaption label { font-weight: lighter !important; width: 135px !important; margin-top: 2px !important }
#site-search .formFieldCaption span.row { font-size: 0.9em; }
#site-search .formFieldCaption span.checkboxlist { width: 350px; padding-top: 2px !important }
#site-search .formFieldCaption span.odd, #site-search .formFieldCaption span.even { width: 150px !important }

#site-search .hrForm { border-top: none; line-height: 0; margin: 0 !important }
#site-search #buttons { width: 508px !important; margin: 0 12px; padding: 0 !important }
#site-search #buttons input { margin: 0 !important }
/* Upload Form Hierarchy Picker
======================================================================================================*/
.formFieldCaptionCustomHierarchy #geographicalfocusNewFS, .formFieldCaptionCustomHierarchyError #geographicalfocusNewFS
{
    margin: 0 0 0 148px;   
}

.formFieldCaptionCustomHierarchy ol#formHeirarchyControl, .formFieldCaptionCustomHierarchyError ol#formHeirarchyControl
{
    list-style-type: none;
    float: left;
}

.formFieldCaptionCustomHierarchy ol#formHeirarchyControl li, .formFieldCaptionCustomHierarchyError ol#formHeirarchyControl li
{
    float: left;
    width: 195px;
}

.formFieldCaptionCustomHierarchy ol#formHeirarchyControl label, .formFieldCaptionCustomHierarchyError ol#formHeirarchyControl label
{
    font-size: 100%;
    clear: left;
}

.formFieldCaptionCustomHierarchy ol#formHeirarchyControl select, .formFieldCaptionCustomHierarchyError ol#formHeirarchyControl select
{
    width: 183px;
    font-size: 90%;
    float: left;
}

.formFieldCaptionCustomHierarchy ol#formHeirarchyControl input.formFieldHeirarchyNext, .formFieldCaptionCustomHierarchyError ol#formHeirarchyControl input.formFieldHeirarchyNext
{
    float: left;
    margin-left: 2px;
    margin-top: 5px;
}

.formFieldCaptionCustomHierarchy #geographicalfocusNewFS, .formFieldCaptionCustomHierarchyError #geographicalfocusNewFS
{
    margin-top: -20px;
}

.formFieldCaptionCustomHierarchy #f_freeze_geographicalfocus_Add, .formFieldCaptionCustomHierarchyError #f_freeze_geographicalfocus_Add
{
    clear: left;
    border-style: none;
    background: url(/img/buttons/addtolist2.gif) 0 0 no-repeat;
    cursor: pointer;
    cursor: hand;
    font-size: 0px;
    color: #ffffff;
    margin-top: 5px;
    width: 136px;
    height: 25px;
}

.formFieldCaptionCustomHierarchy #f_freeze_geographicalfocus_Remove, .formFieldCaptionCustomHierarchyError #f_freeze_geographicalfocus_Remove
{
    clear: left;
    border-style: none;
    background: url(/img/buttons/removefromlist2.gif) 0 0 no-repeat;
    cursor: pointer;
    cursor: hand;
    font-size: 0px;
    color: #ffffff;
    margin-top: 5px;
    width: 179px;
    height: 25px;
}

html*#f_freeze_geographicalfocus_Add, html*#f_freeze_geographicalfocus_Remove
{
    margin-bottom: 10px;
}

.formFieldCaptionCustomHierarchy #geographicalfocusSelections legend, .formFieldCaptionCustomHierarchyError #geographicalfocusSelections legend
{
    margin-bottom: 5px;
}

.formFieldCaptionCustomHierarchy #geographicalfocusNewFS legend,  #geographicalfocusNewFS #geographicalfocusSelections legend
{
    margin-bottom: 5px;
    margin-top: 3px;
}

.formFieldCaptionCustomHierarchy #geographicalfocusSelections, .formFieldCaptionCustomHierarchyError #geographicalfocusSelections
{
    width: 195px;
}

.formFieldCaptionCustomHierarchy #geographicalfocusSelections input.hierarchyCheckbox, .formFieldCaptionCustomHierarchyError #geographicalfocusSelections input.hierarchyCheckbox
{
    margin: 0 2px 3px 0;
    float: left;
}

.formFieldCaptionCustomHierarchy #geographicalfocusSelections li label, .formFieldCaptionCustomHierarchyError #geographicalfocusSelections label
{
    width: 140px;
    display: block;
    float: left;
    padding: 0; margin: 0px 0 0 0;
}

#geographicalfocusSelections li
{
    clear: left;
}

html*#geographicalfocusSelections
{
    margin-left: 148px;
}

.formFieldCaptionCustomHierarchy .geoFocusLabel, .formFieldCaptionCustomHierarchyError .geoFocusLabel
{
    clear: left;
    float: left;
    width: 143px;
    margin: 9px 5px 3px 0;
    font-size: 85%
}

#sContent .formFieldCaptionCustomHierarchy ol#formHeirarchyControl li, #sContent .formFieldCaptionCustomHierarchyError ol#formHeirarchyControl li
{
    clear: left;
    width: 330px;
    padding-bottom: 6px;
    position: relative;
}

/* Databank Search Hierarchy Picker
======================================================================================================*/

#sContent .lozenge .formFieldCaptionCustomHierarchy ol#formHeirarchyControl label
{
    font-size: 110%;
    clear: left;
}

#sContent .lozenge .formFieldCaptionCustomHierarchy #formHeirarchyControl label
{
    float: left;
}


#sContent .lozenge .formFieldCaptionCustomHierarchy ol#formHeirarchyControl
{
    width: 330px;
    list-style-type: none;
}

#sContent .lozenge .formFieldCaptionCustomHierarchy ol#formHeirarchyControl label
{
    width: 134px;
    float:left;
    font-size: 115%;
}

#sContent .lozenge .formFieldCaptionCustomHierarchy ol#formHeirarchyControl select
{
    font-size: 115%;
}

#sContent .lozenge .formFieldCaptionCustomHierarchy ol#formHeirarchyControl input.formFieldHeirarchyNext
{
    position: absolute;
    right: 0px;
    top: 1px;
}

/* Refine Tags Hierarchy Picker
======================================================================================================*/

#refineSearch ol#formHeirarchyControl
{
    list-style-type: none;   
}

#refineSearch ol#formHeirarchyControl label
{
    display: block;
    margin-bottom: 3px;
}

#refineSearch ol#formHeirarchyControl li
{
    position: relative;
    margin-bottom: 1px;
}

#refineSearch ol#formHeirarchyControl input.formFieldHeirarchyNext
{
    position: absolute;
    left: 2px;
    top: 23px;
}

/*--------------------------------------------------------------------------*/

#pNav .formFieldCaption label
{
    width: 70px;
    float: left;
}

#pNav #addSubs
{
    margin-right: 10px;
}

#pNav .detailInput
{
    margin: 5px 0 0 0;
}

#pNav #refineSearch p, #pNav #myLibrary p, #pNav #mySubs p
{
    padding: 3px 0;
}

#pNav #txtSearch
{
    /* text-align: right; */
    
}

#pNav #refineSearch select
{
    width: 153px;
    text-align: right;
    font-size: 95%;
    margin-bottom: 3px;
}

#pNav #refineSearch select option
{
    text-align: right;
}

#pNav #refineSearch #txtKeywords
{
    width: 149px;   
}

#pNav #refineSearch .checkbox
{
    margin-right: 3px;
}

#pNav #refineSearch, #pNav #myLibrary, #pNav #mySubs
{
    padding-right: 23px;
    text-align: right;
    font-size: 85%;
}

#pNav .roundedInput .searchButton
{
    margin: 0 0 -3px 4px;
}

#pNav .roundedInput
{
    height: 19px;
    background: url(/img/textboxBGstandard.gif) 18px 0px no-repeat;
    margin-top: 5px;
    margin: 5px 0 0 0;
}

.roundedInput input.search
{
    border-width: 0;
    border: solid 1px #ffffff;
    height: 13px;
    width: 119px;
    font-size: 80%;
    margin: 1px 3px 1px 20px;
 /*   text-align: right; */
}

#pNav h3
{
    font-family: "Century gothic", Arial, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 105%;
    color: #525252;
    margin: 16px 13px 0 0;
    text-align: right;
    border-bottom: solid 1px #F0F0F0;
    padding: 0 10px 3px 0;
}

#pNav .sidePanel
{
    text-align: right;
    margin: 2px 23px 0 0;
    font-size: 85%;
}

#pNav .sidePanel li
{
    margin: 0 0 3px 0;
}

#nav li
{
    padding: 0 0 5px 0;
}

#nav .navAbout
{
    width: 179px;
    height: 35px;
    display: block;
    margin: 0;
    padding: 0;
    background: url(../img/nav/observatory.gif) 0 0 no-repeat;
}

#nav a:hover.navAbout, #nav .navAboutOn
{
    width: 179px;
    height: 35px;
    display: block;
    margin: 0;
    padding: 0;
    background: url(../img/nav/observatoryOn.gif) 0 0 no-repeat;
}

#nav .navChamp
{
    width: 179px;
    height: 35px;
    display: block;
    margin: 0;
    padding: 0;
    background: url(../img/nav/champion.gif) 0 0 no-repeat;
}

#nav a:hover.navChamp, #nav .navChampOn
{
    width: 179px;
    height: 35px;
    display: block;
    margin: 0;
    padding: 0;
    background: url(../img/nav/championOn.gif) 0 0 no-repeat;
}

#nav .navShare
{
    width: 179px;
    height: 35px;
    display: block;
    margin: 0;
    padding: 0;
    background: url(../img/nav/shareInsight.gif) 0 0 no-repeat;
}

#nav a:hover.navShare, #nav .navShareOn
{
    width: 179px;
    height: 35px;
    display: block;
    margin: 0;
    padding: 0;
    background: url(../img/nav/shareInsightOn.gif) 0 0 no-repeat;
}


#nav .navBuild
{
    width: 179px;
    height: 35px;
    display: block;
    margin: 0;
    padding: 0;
    background: url(../img/nav/buildCapacity.gif) 0 0 no-repeat;
}

#nav a:hover.navBuild, #nav .navBuildOn
{
    width: 179px;
    height: 35px;
    display: block;
    margin: 0;
    padding: 0;
    background: url(../img/nav/buildCapacityOn.gif) 0 0 no-repeat;
}

/* =login
--------------------------------------------------------------------------*/

#loginArea
{
    position: relative;
    height: 145px;
    margin-bottom: -12px;
}

#login
{
    font-size: 75%;
    position: absolute;
    bottom: 15px;
    left: 16px;
    color: #ffffff;
    font-weight: bolder;
    float: left;
}

#loggedin
{
    font-size: 75%;
    position: absolute;
    bottom: 19px;
    left: 16px;
    color: #ffffff;
    font-weight: bolder;
    float: left;
}

#login p, #loggedin p
{
    float: left;
    margin-top: 2px;
}

#login label, #loggedin label
{
    font-weight: lighter;
}

#login input.textInput
{
    border: solid 1px #ffffff;
    margin-left: 12px;
    margin-right: 3px;
    height: 13px;
    width: 145px;
    font-size: 80%;
}

#login input.enter
{

    margin: 2px 6px -3px 8px;
}

#loggedin #actions
{
    float: right;
    text-align: right;
    padding-right: 20px;
}

#login a, #loggedin a
{
    color: #ffffff;
    margin-left: 4px;
    text-decoration: none;
    font-weight: lighter;
}
/* =pContent
--------------------------------------------------------------------------*/

#pContent #breadcrumb
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 70%;
    color: #525252;
    display: block;
    margin-bottom: 9px;
}

#pContent #breadcrumb a
{
    text-decoration: underline;
}

#pContent p
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 85%;
    color: #525252;
    margin-bottom: 10px;
}

#pContent ul, #pContent ol
{
    font-size: 85%;
    margin: 0 0 10px 0;
}

#pContent ul p, #pContent ol p
{
    font-size: 100%;   
}

#pContent ul
{
    list-style-type: disc;
    margin-left: 16px;
}

#pContent ol
{
    margin-left: 21px;
}

#pContent li { margin: 0 0 5px 0; }

#pContent em, #pContent i, #sContent em, #sContent i
{
    font-style: normal;
	font-weight: bold;
}

#pContent p strong, #pContent p b
{
	font-family: "Century gothic", Arial, Verdana, Sans-Serif;
	font-size: 115% !important;
}

#pContent img
{
    margin: 0 8px;
}

/* =sContent
--------------------------------------------------------------------------*/

#sContent p strong, #sContent p b
{
	font-family: "Century gothic", Arial, Verdana, Sans-Serif;
	font-size: 115% !important;
}

#sContent .eventInterestButton
{
    margin-right: 10px !important;   
}

#sContent .content ol
{
    padding-left: 25px;   
}

#sContent .content ul
{
	padding-left: 16px;
	list-style-type: disc;
}

#sContent #credits
{
    font-style: italic;
    color: #5E5E5E;
}

#sContent #searchMethods
{
    clear: left;
    margin-top: 15px;
}

#sContent #searchMethods h3
{
    padding-right:65px;
    position: relative;
}


#sContent #searchMethods h3 a
{
    position:absolute;
    bottom: 0;
    right:0;
}

#sContent .content img
{
    margin: 4px;
}

#sContent img.viewDoc
{
    margin-bottom: 0;
}

#sContent img.addToLibrary, #sContent img.visitURL, #sContent img.downloadDoc
{
    margin-bottom: 18px;
    margin-right: 20px;
    float: left;
}

#sContent #documentAbstract
{
    width: 250px;
    float: left;
}

#sContent #relatedTags
{
    width: 250px;   
    float: right;
    margin-left: 20px;
    min-height: 100px
}

p#confirmCancel
{
	border-top: 1px solid #efefef;
	padding-top: 5px
}


p#confirmCancel input#confirm
{
	margin-right: 10px
}

#sContent .viewAll
{
    padding-bottom: 9px;
}

#sContent .rssLink
{
    margin: 0 5px -4px 0;
    display: block;
    float: left;
}

#sContent p
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 85%;
    color: #525252;
    margin-bottom: 5px;
}

#sContent .detailInput
{
    margin: 2px 0 7px 0;
}

#sContent .mySubs1, #sContent .mySubs2, #sContent .mySubs3
{
    margin-bottom: -3px;
}

#sContent .mySubs1
{
    margin-right: 15px;
}

#sContent .mySubs2, #sContent .mySubs3
{
    margin-left:15px;
    margin-right:15px;  
}

#sContent .detailTitle
{
    clear: left;
    font-weight: bolder;
    width: 135px;
    float: left;
}

#sContent .detailItem
{
    width: 400px;
    float: left;
}

#biblio .detailItem
{
    width: 130px;
}

#sContent ul, #sContent ol
{
    font-size: 85%;
    margin: 0 0 5px 0;
}

#sContent .relatedInfo li
{
    width: 245px;
    float: left;
    padding-left: 10px;
    background-image: url(/img/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    margin: 0 0 5px 0;
}

#sContent ul#aToZ li
{
    font-family: "Century gothic", Sans Serif;
    font-weight: bold;
    font-size: 110%;
    float: left;
    margin-right: 10px
}

#sContent ul#aToZ li a:hover
{
    text-decoration: none;
    color: #525252
}


#sContent ul#aToZ li a
{
    text-decoration: underline;
}

#sContent ul#aToZ li a.selected
{
    text-decoration: none
}

img#coinThumbnail
{
    border: solid #CCCDCD 1px;
    margin-right: 10px
}

div#coinThumbnailContainer
{
	float: left
}

div#coinAddress
{
	float: left
}

/* -sContent refine databank layout
--------------------------------------------------------------------------*/

#sContent #databankRefine
{
    background-color: #F0F5EF;
    width: 100%;
    padding-bottom: 6px;
    margin-bottom: 4px;
    float: left;
}

#sContent #databankRefine p, #sContent #databankRefine label
{
    display: block;
    font-size: 90%;
    padding: 0;
    margin: 0;
    margin-bottom: 4px;
    margin-top: 4px;
}

#sContent #txtKeywords
{
    width: 110px;
    height: 15px;
    margin: 0;
    padding: 0;
    margin-top: -1px;
}

#sContent #databankRefine select
{
    width: 114px;
    font-size: 90%;
    margin: 0;
    margin: 0 16px 0 0;
}

#sContent #databankRefine ul, #sContent #databankRefine ol
{
    margin-left: 7px;
    float: left;
}

#sContent #databankRefine ol li
{
    float:left;
    margin: 0 0 0 0;
    position: relative;
    list-style-type: none;
}

#sContent #databankRefine ul li
{
    float: left; 
}

#databankRefine .formFieldHeirarchyNext
{
    position: absolute;
    right: 4px;
    top: 27px;
}

/* -sContent form layout
--------------------------------------------------------------------------*/

div.ie
{
    margin-bottom: 3px;
}

#refineDirectory
{
    clear: both;
    padding: 5px 10px;
    background-color: #F0F5EF;
    font-size: 70%;
    margin: 6px 0 16px 0;
}

#refineDirectory label
{
    margin-right: 8px;
}

#refineDirectory #keyword
{
    height: 14px;
    width: 167px;
    border: solid 1px #A4ABB3;
    font-size: 120%;
}

#refineDirectory .detailInput
{
    margin-left: 13px;
    margin-bottom: -4px;
}

#sContent #docsUpload
{
    font-size: 85%;
    margin-top: 7px;
}

#sContent .formFieldCaption table
{
    margin-top: 5px;
}

#sContent .custom
{
    float: left;
    width: 148px;
    padding: 10px 0 0 0;
}

html*#sContent .custom
{
    margin-left: -148px;   
}

#sContent .formFieldCaption, #sContent .formFieldCaptionError
{
    float: left;
    padding: 0 10px 0 0;
    margin-bottom: 0px;
    width: 334px;
}

#sContent .formFieldCaptionCustomHierarchy label, #sContent .formFieldCaptionCustomHierarchyError label
{
    font-size: 85%;
    margin: 9px 5px 3px 0;

}

#sContent .formFieldCaptionCustomHierarchy, #sContent .formFieldCaptionCustomHierarchyError
{
    float: left;
    padding: 0 0 0 0;
    margin-bottom: 0px;
    width: 344px;

}

#sContent .formFieldCaptionError label
{
    clear: left;
    float: left;
    width: 143px;
    margin: 9px 5px 3px 0;
    font-size: 85%
}

#sContent .formFieldCaptionError label, #sContent .formFieldCaptionCustomHierarchyError label
{
    font-weight: bolder;
    color: #CC0000;
    font-size: 85%;
}

#sContent .formFieldCaptionError .formFieldText, #sContent .formFieldCaptionError .formFieldTextArea, #sContent .formFieldCaptionError .formFieldDropDown, #sContent .formFieldCaptionCustomHierarchyError .formFieldText, #sContent .formFieldCaptionCustomHierarchyError .formFieldTextArea, #sContent .formFieldCaptionCustomHierarchyError .formFieldDropDown
{
    background: #FCEAEA;
}

#sContent .formFieldHelpCustom
{
    float: left;
    width: 191px;
    color: #8C8C8C;
    font-size: 85%;
    margin: 7px 0 0 0;
    margin-bottom: 4px;
}

#sContent .formFieldHelp
{
    font-weight: lighter;
    font-size: 85%;
}


#sContent .formFieldHelpCheckbox
{
    font-weight: lighter;
    font-size: 85%;
    display: block;
    padding-left: 152px;
}

#sContent .formFieldHelpCheckbox .checkbox
{
    margin: 6px 3px 3px 3px;
}

#sContent .formFieldCaption label /* MARKED (added .formFieldCaption so remove this if it causes any porblems) */
{
    clear: left;
    float: left;
    width: 143px;
    margin: 9px 5px 3px 0;
    font-size: 85%
}

#sContent .formFieldText
{
    height: 18px;
}

#sContent .formFieldText, #sContent .formFieldDropDown
{

    width: 178px;
    border: solid 1px #A5ACB2;
    margin: 5px 0 0 0;
    padding: 2px 0px 2px 3px;
    font-size: 110%;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 85%;
}

#sContent .formFieldCheckBox
{
    float: left;

}

#sContent span.formFieldHelp
{
    display: block;
    margin-left: 149px;
    padding-bottom: 5px;
    padding-top: 9px;
    font-size: 85%;
}

#sContent select#sector
{
    margin-left: 148px;
}

#sContent .formFieldTextArea
{
    font-family: Arial, Verdana, Sans-Serif;
    float: left;
    width: 175px;
    border: solid 1px #A5ACB2;
    margin: 5px 0 0 0;
    font-size: 85%;
    padding: 0 3px 0 3px;
}

#sContent span input
{
    margin-right: 5px;
    font-size: 95%;
}

#sContent .formFieldButton
{
    float: left;
    margin-top: 3px;
}

#sContent .formFieldDropDown
{
    width: 183px;
    /*height: 100px;*/
}

#sContent .multiple
{
    height: 100px;
}

#sContent .formDescription
{
    margin-bottom: -10px;
    font-weight: bolder;
}

#sContent #buttons
{
    clear: both;
    width: 100%;
    padding: 5px 0;
    text-align: right;
}



#sContent #buttons #next
{
    /*margin-right: 204px; - Removed as per issue No 84 */
}

#sContent #buttons #back
{
    float: left;
}

#sContent #publicationyear
{
    width: 61px;
}

#sContent .formErrors
{
    margin-bottom: 8px;
    color: #cc0000;
}

#sContent .formErrors p
{
    color: #cc0000;
    font-weight: bold;
    font-family: "Century gothic";
    font-size: 100%;
}

#sContent .formErrors ul
{
    list-style-type: disc;
}

#sContent .formErrors li
{
    font-size: 90%;
    margin-left: 17px;
    list-style-type: disc;
}

/* -sContent paging
--------------------------------------------------------------------------*/

#sContent .objectsResultsPageSizeSelector
{
    margin-bottom: -1px;
}

#sContent #pageSizeSubmit
{
    border-style: none;
    margin-bottom: -2px;
    font-size: 0px;
    width: 35px; /* should be 15px, this sets width for safari, could not find a hack/fix so i left large hit area on link in other browsers*/
    height: 15px;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    color: #ffffff;
}

#sContent .page_select
{
    font-weight: bolder;
    clear: left;
    font-size: 85%;
    padding: 0 0 4px 0;
    text-align: center;
}

#sContent .objects_container_left, #sContent .objects_container_right
{
    margin-right: 11px;
    width: 250px;
    float: left;
}

#sContent .objects_container_left
{
    clear: left;
}


#sContent .pageSizeSelector
{
    display: block;
    padding-bottom: 3px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
}

#sContent .subscriptionItem p.objects_title
{
    margin-bottom: 2px;
}

#sContent .subscriptionItem p
{
    padding: 0;
    margin: 0;
}

#sContent .subscriptionItem p.subsRSS
{
    margin-top: 3px;
}

#sContent p.objects_title
{
    font-weight: bolder;
    margin-bottom: 0;
    padding-bottom: 0;
}

#sContent div.objects_summary
{
    padding: 4px 0 0 0;
}

#sContent p.objects_thumb
{
    float: left;
    margin-right: 7px;
}

#sContent div.objects_description
{
    float: left;
    width: 186px;
}

#sContent div.objects_description_no_pic
{
    float: left;
    width: 250px;
}

#sContent p.objects_thumb a img
{
    border: 1px solid #d1d2d2;
    margin-bottom: 3px;
}

#sContent .iconSmall
{
    margin: 0 3px -3px 0;
    display: block;
    float: left;
}

#sContent p.objects_thumb .themeIcon
{
    clear: left;
    float: left;
}

#sContent .row_container
{
    float: left;
    width: 522px;
    margin-bottom: 18px;
}

/* -sContent tagcloud
--------------------------------------------------------------------------*/

#sContent .xfolkentry
{
	/* line-height: 200%; - should work but we get sooooo much inconsistancy */
}

#sContent .xfolkentry li
{
    display: inline;
    margin: 0 5px 0 0;
}

#sContent .xfolkentry li a
{
	line-height: 30px;
    text-decoration: none;
}

#sContent .xfolkentry li a:hover
{
    text-decoration: none;
    color: #f47b20;
    /*
     * background-color: #48a05b;
     * color: #ffffff;
     */
}
#sContent .xfolkentry span.tagAccessibility
{
    display: none;
}

#sContent .xfolkentry a.tagCloudSize0
{
    font-size: 100%;
    color: #bbd08a;
}
#sContent .xfolkentry a.tagCloudSize1
{
    font-size: 110%;
    color: #afc876;
}
#sContent .xfolkentry a.tagCloudSize2
{
    font-size: 120%;
    color: #9cbc54;
}
#sContent .xfolkentry a.tagCloudSize3
{
    font-size: 140%;
    color: #91b540;
}
#sContent .xfolkentry a.tagCloudSize4
{
    font-size: 160%;
    color: #72971e;
}
#sContent .xfolkentry a.tagCloudSize5
{
    font-size: 180%;
    color: #668c10;
}
#sContent .xfolkentry a.tagCloudSize6
{
    font-size: 200%;
    color: #48a05b;
}

/* -sContent sitemap
--------------------------------------------------------------------------*/

#sContent #sitemap {
    margin-bottom:18px;
}

#sContent #sitemap ul ul ul ul ul
{
    padding: 0 0 0 23px;
}

#sContent #sitemap ul
{
    font-size: 96%;
    margin: 0;
    padding: 0;
}

#sContent #sitemap ul li {
    font-size: 98%;
}

#sContent #sitemap ul ul ul ul ul li {
    font-size: 105%;
 }

#sContent #sitemap ul ul ul ul ul ul li {
    font-size: 110%;
}


#sitemap li 
{
    padding: 0;
    margin: 0;
}

#sitemap li ul
{
    font-weight: normal;
}

#sitemap .hr {
   margin-top: 10px;
}

/* -sContent databank search form
--------------------------------------------------------------------------*/

#sContent .top
{
    background-image: url(/img/lozenge/top.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 12px 0 0 0;
    margin: 0 auto;
    width: 511px;
    float: left;
}

#sContent .bottom
{
    background-image: url(/img/lozenge/bottom.gif);
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding: 0 0 12px 0;
    margin: 0 auto 13px auto;
    width: 511px;
    float: left;
}

#sContent .lozenge
{
    width: 485px;
    background-color: #E1ECDF;
    padding: 0 13px;
    float: left;
    font-size: 85%;
}

#sContent .lozenge label
{
    padding: 4px 0;
    margin: 0;
    float: left;
    width: 134px;
    font-size: 100%;
}

#sContent .lozenge .formFieldCaption select
{
    width: 183px;
    font-size: 95%;
    border: solid 1px #A5ACB2;

    padding: 1px;
    float: left;
}

#sContent .lozenge .formFieldCaption input
{
    width: 175px;
    font-size: 85%;
    border: solid 1px #A5ACB2;
    height: 16px;
    padding: 2px 3px;
    float: left;
}

#sContent .lozenge .formFieldCaption
{
    clear: left;
    float:left;
    margin-bottom: 6px;
    width: 485px;
}

#sContent .buttons
{
    clear: left;
    width: 100%;
    text-align: right;
    position:relative;
}


#sContent .buttons .line
{
  /*  position:absolute;
    bottom: 0;
    right:0;*/
}


#sContent .buttons .detailInput
{
    padding: 0; margin: 0;
}

#sContent .lozenge .formFieldHelp
{
    float: left;
    margin-left: 9px;
    width: 159px;
    color: #878787;
}
#sContent .formFieldCaption .hierarchyHelp
{
    color: #525252;   
    margin-left: 0;
    width: 134px;
    clear: left;
    float: left;
    height: 22px;
    padding-top: 7px;
    margin: 0;
}

#sContent .formFieldCaption .hierarchyCustom
{
    margin-right: 167px;
    margin-top: 6px;
}

/* -sContent geographical map
--------------------------------------------------------------------------*/

#sContent #imageMap, #sContent #docCount
{
    width: 349px;
    float: left;
}

#sContent #mapResults
{
    width: 176px;
    margin-left: 10px;
    float: right;
}

#sContent #mapResults .objects_title
{
    padding: 7px 0 7px 0;
    font-weight: lighter;
}

#sContent #mapImage
{
    margin-bottom: 5px;
}


/* =contentContainer
--------------------------------------------------------------------------*/

/* =Footer
--------------------------------------------------------------------------*/

#footer #left p
{
    margin-bottom: 9px;   
}

#footer #left #links
{
    margin-bottom: 11px;
}

#footer #footerLinks
{
    text-align: right;
}

#footer #links a:active
{
    text-decoration: underline;
    color: #A3A3A3;
}
#footer #links a:link
{
    text-decoration: underline;
    color: #A3A3A3;
}
#footer #links a:visited
{
    text-decoration: underline;
    color: #A3A3A3;
}

#footer
{
    clear: left;
    float: left;
    margin: 0 auto 0 auto;
}

#footer p
{
    font-size: 75%;
    color: #A3A3A3;
}

#footer #links a
{
    padding: 0 5px;
}

#footer #left
{
    float: left;
    width: 340px;
}

#footer #links
{
    margin: 0 0 5px -5px;
}

#footer #partOf
{
    margin: 0 0 5px 0;
}

#footer #partOf img
{
    margin: 0 0 -5px 4px;
}

#footer #funded
{
    width: 381px;
    float: right;
    margin-bottom: 10px;
}

#footer #funded p
{
    width: 150px;
    float: left;

}

#footer #funded a.right
{
    width: 200px;
    float: right;
	color: #A3A3A3;
	font-size: 75%;
	text-align: right;

}

#footer #funded a.right:hover
{
	color: #4c8077;
}





#footer #funded a img
{
    margin: 5px 0 0 13px;
    float: right;
}

#footer #funded p
{
    margin-left: 9px;
}

#footer #funded .secondRow, #footer #funded .firstRow 
{
    clear: both;
    width:380px;
}

#footer #funded .firstRow
{
    padding-top: 5px;
    padding-bottom: 5px;
}







#footer #funded .secondRow a img
{
    margin: 10px 0px 0 9px;
    float: right;
}

#footer div.hr
{
    width: 100%;
    border-top: #EFEFEF solid 1px;
    height: 1px;
    line-height: 1px;
    margin: 6px 0 6px 0;
}

/* =Admin Site Styles
--------------------------------------------------------------------------*/

#adminSite
{
    font-size: 120%;
    font-family: Arial, Verdana, Sans-Serif;
}

#adminSite h2
{
    color: #F47B20;
    font-size: 120%;
    font-family: "Century gothic", Arial, Verdana, Sans-Serif;
    padding: 0 0 2px 0;
}

#adminSite h3
{
    color: #525252;
    font-size: 110%;
    font-family: "Century gothic", Arial, Verdana, Sans-Serif;
    padding: 0 0 0 0;
}

#adminSite h4
{
    color: #525252;
    font-size: 95%;
    font-family: "Century gothic", Arial, Verdana, Sans-Serif;
    padding: 0 0 0 0;
}

#adminSite p
{
    color: #363636;
    font-size: 90%;
    padding: 0 0 10px 0;
    font-family: Arial, Verdana, Sans-Serif;
}

#adminSite a
{
    color: #F47B20;
    text-decoration: none;
    font-family: Arial, Verdana, Sans-Serif;
}

#adminSite a:hover
{
    color: #F47B20;
    text-decoration: underline;
}

#adminSite ul, #adminSite ol
{
    font-size: 90%;
    margin: 0 0 10px 0;
}

#adminSite ul
{
    margin-left: 16px;
}

#adminSite ol
{
    margin-left: 23px;
}


/*   page navigation links
-----------------------------------------------------------*/

#page_navigation {
    border-top:1px solid #EFEFEF;
    clear:both;
    width: 100%;
}

#page_navigation p{
   width: 235px;
   margin-top: 3px;
}

#page_navigation a {
   font-family: Century Gothic;
   font-weight: bold;
   text-decoration: none;
   font-size: 100%;

}

#page_navigation .prev {
   float:left;
   padding-left: 20px;
}

#page_navigation .next {
   float:right;
   text-align: right;
   padding-right: 20px;
}

html*#sContent ul#documentUploadForm
{
    margin-left: 148px;
    margin-top: -20px;   
}

html*.formFieldCaptionCustomHierarchy ol#formHeirarchyControl label, html*.formFieldCaptionCustomHierarchyError ol#formHeirarchyControl label
{
    display: block;    
}

.formFieldCaptionCustomHierarchy ol#formHeirarchyControl label, .formFieldCaptionCustomHierarchyError ol#formHeirarchyControl label
{
    display: inline !important;#   
}

#sContent ul#documentUploadForm
{
    margin-left: 0 !important;
    margin-top: 0 !important;#   
}

#sContent p.custom
{
    margin-left: 0 !important;#
}

/*New Styles (Multi Doc Uploader on Postin Form*/

#docsExistingFS legend, #docsNewFS legend { font-weight: bolder; font-size: 100%; margin: 6px 0 0 0; }

#docsAddButton
{
    background:transparent url(/img/buttons/addfile_3.gif) no-repeat scroll 0pt;
    border-style:none;
    clear:left;
    color:#FFFFFF;
    cursor:pointer;
    font-size:0px;
    height:15px;
    margin-top:5px;
    width:102px;   
}

#docsRemoveButton
{
    background:transparent url(/img/buttons/removefile_3.gif) no-repeat scroll 0pt;
    border-style:none;
    clear:left;
    color:#FFFFFF;
    cursor:pointer;
    font-size:0px;
    height:15px;
    margin: 5px 0 10px 0;
    width:140px;  
}

#docsDocumentPicker li
{
    list-style-type: none;
    margin: 4px 0 !important;
}