/******************************************************************************/
/*                                                                            */
/*                     Style Sheet for Cofnod Website.                        */
/*                         Written by Tim May 2009                            */
/*                                                                            */
/******************************************************************************/


/*Standard HTML Configuration*/
body
{   width:100%;
    margin:0;
    padding:0;
    background:#f2f2f2 url(images/bg.png) repeat;
    color:#000;
    font-family:arial,helvetica,sans-serif;
    font-size:13px;
}
h1 { color:#006158; font-size:18px; font-weight:bold; margin:0px; padding-bottom:5px; }
h2 { color:#006158; font-size:16px; font-weight:bold; margin:0px; text-align:left; }
h3 { color:#006158; font-size:14px; font-weight:bold; margin:0px; text-align:left; }
h4 { font-size:13px; margin:0px; font-weight:bold; text-align:left; }
p { font-size:12px; margin:0px; padding:0px 0px 8px 0px; text-align:justify; }

img { border:0; margin:0;}

ul { margin:0 0 5px 0; font-size:12px; }

textarea { font-family:verdana,helvetica,arial,sans-serif; font-size:11px; resize:none;}
.minitext { color:#017a71; font-size:10px; margin:0px; }
abbr, acronym, .help
{   border-bottom: dotted 1px #333;
    cursor: help;
}

.red
{   font-weight:bold;
    color:Red;
}

select { font-size:11px; }
input { font-size:11px; }

.splashPage
{   width:650px;
    float:none;
    margin:70px auto;
    text-align:center;
    padding:10px 15px;
    border:solid 1px #658630;
    background:#fff url(images/PartialDandelion.png) no-repeat top right;
    overflow:hidden;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}
.splashPage em
{   color:#006158;
    font-size:20px;
    font-variant:normal;
    font-style:normal;
}
.splashPage a
{   color:#3D7232;
    font-size:15px;
    text-decoration:none;
}

.helpbox p
{   display:block;
    margin:0 0 5px 15px;
}

/*button
{	border:none;
	background:none;
	padding:0;
	margin:0;
	width:auto;
	overflow:visible;
	text-align:center;	
	white-space:nowrap;	
	height:22px;
	line-height:20px;
	cursor:pointer;
}
button span, button em
{	display:block;
	height:22px;
	line-height:20px;
	margin:0px;
	color:#006158;
}
button span
{	padding-left:10px;
    background:url(images/Button.png) no-repeat 0 0;
}	
button em
{	font-style:normal;
	padding-right:10px;
	background:#FFF url(images/Button.png) no-repeat 100% 0;
}*/

button {
    border:none;
    background:none;
    margin:0;
    padding:0;
    text-align:center;
    width:auto;
    height:21px;
    white-space:nowrap;
    cursor:pointer;
}

button span, button em {
    display:block;
	height:21px;
	line-height:20px;
	margin:0;
	color:#006158;
}

button span {
    background:transparent url("images/ButtonRight.png") no-repeat bottom right;
    padding-right:12px;
}

button em {
    font-style:normal;
    padding-left:12px;
    background:transparent url("images/ButtonLeft.png") no-repeat bottom left;
}

button:hover span { background-position:top right; }

button:hover em { background-position:top left; }

.pagetitle
{   font-size:18px;
    background-color:#006158;
    padding:3px 6px;
    margin-bottom:2px;
    display:block;
    color:#fff;
}

/*Settings for layout*/
#wrapper
{   width:1000px;
    margin:0px auto;
    padding:0;
    border-style:solid;
    border-width:0px 10px;
    border-color:#c1c1c1;
}
.header
{   background-image:url("images/BannerLeft.png");
    background-repeat:no-repeat;
    width:1000px;
    height:90px;
    background-color:#fff;
    position:relative;
}
.minimalHeader
{   height:0px;
}
#mainbody
{   min-height:600px;
    margin:0;
    padding:0;
    background-color:#eee;
    overflow:hidden;
}
#footer
{   background:url("images/FooterBar.png") repeat-x;
    height:60px;
    color:#fff;
    margin:0px;
    padding:0 7px;
}
#leftpanel
{   float:left;
    width:180px;
}
#mainnoleft
{   min-height:600px;
    margin:0;
    padding:.3em 0;
    width:1000px;
}
#mainwithleft
{   min-height:600px;
    margin:0 0 0 190px;
    padding:.3em 0;
}

#infobar
{   position:absolute;
    right:270px;
    top:50px;
    min-width:200px;
    max-width:500px;
    border:solid 1px #d1d1d1;
    text-align:right;
    font-size:10px;
    padding:3px 10px;
    color:#000;
}
#infobar a
{   text-decoration:none;
    color:#000;
    font-weight:bold;
    margin:0 0.3em;
}
#infobar img { vertical-align:middle; }

#logincontainer
{   width:994px;
    position:relative;
}
#loginbox
{   width:494px;  
    background-color:#eee;
    color:#006158;
    font-size:14px;
    border:solid 3px #223B1D;
    border-top:0;
    position:absolute;
    left:260px;
    clear:both;
    text-align:center;
    z-index:100;
}

.borderDiv
{   border:solid 1px #888;
    text-align:center;
    cursor:pointer;
}

/* Makes background of empty divs appear */
.clearfix:after
{   content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
ul#buttons
{	font-size:13px;
    clear:both;
	margin:0px;
	padding:0px;
	width:100%;
	background:#EEE url(images/ButtonBar.png) no-repeat right top;
}
ul#buttons li
{	float:left;
	list-style:none;
	position:relative;
	z-index:11;
	margin:0px;
	padding:0px;
}
ul#buttons li a
{	color:#fff;
	text-decoration:none;
	display:block;
	float:left;
	padding:.55em .85em .6em .8em;
	margin:0px;
	font-weight:bold;
	background:url("images/ButtonBack.png") no-repeat right top;
}
ul#buttons li:hover a { background:url("images/ButtonHoverBack.png") no-repeat right top; }
ul#buttons li a:hover { background:url("images/ButtonHoverBack.png") no-repeat right top; }
ul#buttons li.firstbutton a.firstbutton { padding:.55em .85em .6em .45em; }
ul#buttons li.firstbutton { padding-left:5px; background:url("images/FirstButtonBack.png") no-repeat left top; }
ul#buttons li.firstbutton:hover { padding-left:5px; background:url("images/FirstButtonHoverBack.png") no-repeat left top; }
ul#buttons li.firstbutton:hover a.firstbutton { background:url("images/ButtonHoverBack.png") no-repeat right top; }
ul#buttons li.firstbutton a.firstbutton:hover { background:url("images/ButtonHoverBack.png") no-repeat right top; }
ul#buttons li a.currentbutton { background:url("images/ButtonHoverBack.png") no-repeat right top; }
ul#buttons li.currentbutton { background:url("images/FirstButtonHoverBack.png") no-repeat left top; }

/*Submenu Buttons*/
ul#submenu
{	clear:both;
	margin:0px;
	padding:0px;
	width:100%;
	background:#EEE url(images/SubmenuButtonBar.png) no-repeat right top;
}
ul#submenu li
{	float:left;
	list-style:none;
	position:relative;
	z-index:150;
	margin:0px;
	padding:0;
}
ul#submenu li a, ul#submenu li span
{   color:#006158;
	text-decoration:none;
	display:block;
	float:left;
	line-height:25px;
	padding:0 .85em 0 .6em;
	margin:0px;
	font-weight:bold;
	background:url("images/SubmenuButtonBack.png") no-repeat right top;
}
ul#submenu li:hover span
{   color:#fff;
    background:url("images/SubmenuButtonBack.png") no-repeat right top;
    cursor:default;
}
ul#submenu li:hover a { background:url("images/SubmenuButtonBack.png") no-repeat right top;}
ul#submenu li a:hover
{   background:url("images/SubmenuButtonBack.png") no-repeat right top;
    color:#fff;
}
ul#submenu li.firstbutton a.firstbutton { padding:0 .85em 0 .40em; }
ul#submenu li.firstbutton { padding-left:5px; background:url("images/FirstSubmenuButtonBack.png") no-repeat left top; }
ul#submenu li.firstbutton:hover { padding-left:5px; background:url("images/FirstSubmenuButtonBack.png") no-repeat left top; }
ul#submenu li.firstbutton:hover a.firstbutton { background:url("images/SubmenuButtonBack.png") no-repeat right top; }
ul#submenu li.firstbutton a.firstbutton:hover { background:url("images/SubmenuButtonBack.png") no-repeat right top; }
ul#submenu li a.currentbutton
{   background:url("images/SubmenuButtonBack.png") no-repeat right top;
    color:#fff;
}
ul#submenu li span.currentbutton
{   background:url("images/SubmenuButtonBack.png") no-repeat right top;
    color:#fff;
}
ul#submenu li.currentbutton { background:url("images/FirstSubmenuButtonBack.png") no-repeat left top; }
ul#submenu li ul
{   position:absolute;
	width:200px;
	top:25px;
	margin:0;
	display:none;
	padding:0 0 1em 0;
	border:none;
	z-index:151;
}
ul#submenu li:hover ul, ul#submenu li.hover ul
{	display:block;
	left:-1px;
	background:#fff url(images/MenuDropDown.png) no-repeat center bottom;
	height:auto;
}
ul#submenu li li
{   float:none;
	line-height:1.6em;
    background-image:none;
}
ul#submenu li li a
{	float:none;
    font-weight:bold;
	color:#006158;
	padding:.3em 1em;
	margin:0;
}
ul#submenu li li a:hover { color:#fff; }

/* News Box */
.mainnewsitembox
{   border:solid 1px #6d97b3;
    margin-right:5px;
    padding:3px;
    min-height:85px;
    max-height:250px;
    overflow:hidden;
    font-size:12px;
}
.mainnewsitembox p
{   text-align:left;
}
ul.newsitem
{   clear:both;
    list-style:none;
    margin:8px 0px 8px 0px;
    padding:0;
}
ul.newsitem li
{   display:block;
    padding:2px 0px 2px 18px;
    font-size:12px;
    text-align:left;
    text-decoration:none;
    color:#006158;
    background-image:url(images/BulletGreen.png);
    background-repeat:no-repeat;
    background-position:0px 1px;
    vertical-align:bottom;
}
ul.newsitem li.cofnod {
    background-image:url(images/CofnodEvent.png);
    background-position:0px 0px; 
}

ul.newsitem li a
{   color:#006158;
    text-decoration:none;
}
ul.newsitem li a:hover
{	text-decoration:underline;
    color:#006158;
}

#newspagetop
{   border-bottom:solid 4px #ebebeb;
    margin:0px 10px;
    min-height:120px;
}
.headline
{   font-family:Times New Roman,Serif;
    font-size:18px;
    font-weight:bold;
    color:#57849A;
    margin-left:5px;
}
#newspagetop img
{   float:left;
    margin:0 5px 5px 0;
}
#newspagebottom { padding-top:8px; }
.newspagebottomitem
{   width:960px;
    margin:0px auto;
    padding:2px;
    border:solid 1px #eee;
    background-color:#eee;
}
.newspagebottomitem:hover
{   border:dotted 1px #ccc;
    background-color:#e2e2e2;
    cursor:pointer;
}
.newspagebottomitem a.shownewsitem
{   display:block;
    float:right;
}

/* Content Boxes */
.clickable { cursor:pointer; }
.boxitem
{   margin:2px;
	background:url("images/BoxBottomRight.png") no-repeat right bottom;
	float:left;
}
.boxitem .boxcontent
{   background:url("images/BoxBottomLeft.png") no-repeat left bottom;
}
.boxtitle
{   padding:0 0 0 10px;
	background:url("images/BoxTopLeft.png") no-repeat left top;
}
.boxtitle h3, .boxtitle table
{	background:url("images/BoxTopRight.png") no-repeat right top;
	font-size:15px;
	color:#006158;
	line-height:28px;
	height:28px;
	overflow:hidden;
}
.boxtitle table
{   line-height:28px;
	height:28px;
}
.boxnotitle
{   padding:0 0 0 10px;
	background:url("images/BoxTopLeftNoTitle.png") no-repeat left top;
}
.boxnotitle h3
{	background:url("images/BoxTopRightNoTitle.png") no-repeat right top;
	color:#989898;
	line-height:5px;
	height:5px;
	overflow:hidden;
}
.boxcontent
{   font-size:11px;
	overflow:hidden;
    padding:3px 8px 8px 8px;
}


/*Accordion Classes*/
.accordionHeader
{   border:1px solid #2F4F4F;
    border-radius:10px;
    color:#fff;
    background-color:#B6C697;
    font-size:12px;
	font-weight:bold;
	text-align:left;
    padding:5px;
    margin:0 5px 2px 5px;
    cursor:pointer;
}
.calendarAccordionHeader
{   font-size:11px;
	margin:0 5px 2px 5px;
}
.accordionHeaderSelected
{   border:1px solid #2F4F4F;
    border-radius:10px 10px 0 0;
    color:#fff;
    background-color:#7CA7BA;
	font-size:12px;
	font-weight:bold;
	text-align:left;
    padding:5px;
    margin:0 5px;
    cursor:pointer;
}
.calendarAccordionHeaderSelected
{   margin:0 5px 0 5px;
	font-weight:bold;
	border:solid 2px #aaa;
	border-bottom:0;
	padding:1px;
	background-color:#eee;
}
.accordionContent
{   background-color:#fff;
    border:dashed 1px #2F4F4F;
    border-top:none;
    padding:5px;
    padding-top:10px;
    margin:0 5px 2px 5px;
}
.calendarAccordionContent
{   background-color:#eee;
    border:solid 2px #aaa;
    border-top:none;
    padding:5px;
    padding-top:10px;
    margin:0 5px 2px 5px;
}

/*Collapsible Panel*/
.collapsePanel
{	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	border:1px solid #2F4F4F;
    border-radius:10px;
    color:#fff;
    background-color:#B6C697;
    font-size:12px;
	font-weight:bold;
	text-align:left;
    padding:5px;
    margin:2px 0;
    cursor:pointer;
}

/* Picture Gallery Slides*/
.slide
{   margin:10px;
	background:url("images/SlideBottomRight.png") no-repeat right bottom;
	float:left;
	width:164px;
	padding:0;
	color:#fff;
}
.slide .slidecontent
{   background:url("images/SlideBottomLeft.png") no-repeat left bottom;
    text-align:center;
}
.slidetop
{   padding:0 0 0 7px;
	background:url("images/SlideTopLeft.png") no-repeat left top;
}
.slidetop span
{	background:url("images/SlideTopRight.png") no-repeat right top;
	line-height:7px;
	height:7px;
	overflow:hidden;
	display:block;
}
.slidecontent
{   font-size:11px;
    overflow:hidden;
    padding:7px 10px;
    height:175px;
	cursor:pointer;
}

/*TabContainers*/
.CustomTabStyle .ajax__tab_body {padding:8px; border:solid 1px #919B9C; border-top:none; background-color:#ffffff;}

.CustomTabStyle .ajax__tab_header {font-family:verdana,tahoma,helvetica; font-size:11px; padding:0; height:21px; cursor:pointer; background:url("images/Tabs/TabLine.png") repeat-x bottom;}

.CustomTabStyle .ajax__tab_outer {background:url("images/Tabs/TabInactiveRight.png")  no-repeat right; padding-right:3px; height:21px;}
.CustomTabStyle .ajax__tab_tab   {background:url("images/Tabs/TabInactiveCentre.png") repeat-x;        height:21px; padding:4px; margin:0;  }
.CustomTabStyle .ajax__tab_inner {background:url("images/Tabs/TabInactiveLeft.png")   no-repeat;       padding-left:3px; }

.CustomTabStyle .ajax__tab_active .ajax__tab_outer {background:url(images/Tabs/TabActiveRight.png)  no-repeat right;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab   {background:url(images/Tabs/TabActiveCentre.png) repeat-x;}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner {background:url(images/Tabs/TabActiveLeft.png)   no-repeat;}

.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {background:url("images/Tabs/TabHoverRight.png")  no-repeat right;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab   {background:url("images/Tabs/TabHoverCentre.png") repeat-x;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {background:url("images/Tabs/TabHoverLeft.png")   no-repeat;}

.NoBottomBorder .ajax__tab_body {border-bottom:none;}

/* Download Panel Hyperlinks */
.relatedlink
{   font-size:10px;
    text-align:center;
    font-weight:bold;
    margin:0px;
    padding:0px;
    min-height:50px;
}
.relatedlink p
{   font-size:9px;
    font-weight:normal;
    color:#000000;
    text-align:left;
    margin-top:2px;
}
.relatedlink img { margin-right:8px; }
.relatedlink input { margin:1px 5px 0 0; }

/* ORS Toolbox Items */
.toolboxItem
{   float:left;
    width:100%;
    height:25px;
    margin:3px;
}
.toolboxLogo
{   float:left;
    width:2em;
    margin-right:3px;
}
.toolboxText { float:left; }

/* Modal Popup Settings */
.modalBackground
{   background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.blackout
{  background-color:#000;
   filter:alpha(opacity=100);
   opacity:1.0;
}
.additionalBackground
{}
.modalPopup
{   width:auto;
    background-color:#ffffff;
    border:solid 15px Gray;
    padding:20px;
    text-align:center;
    overflow:hidden;
    border-radius:20px;
    position:absolute;
}

.closePopup
{   position:absolute;
    top:0px;
    right:0px;
    width:30px;
    height:30px;
    cursor:pointer;
    border:solid 3px #808080;
    border-top:none;
    border-right:none;
    background-color:#ffffff;
    filter:alpha(opacity=70);
    opacity:0.7;
    font-size:30px;
}

/*AutoComplete Settings */
.autocompleteList
{   margin:0px;
	background-color:#ccc;
	color:#333;
	border:solid 1px #555;
	overflow:auto;
	text-align:left; 
    list-style-type:none;
    cursor:pointer;
    padding:0;
    position:absolute;
    z-index:2000;
}
.autocompleteHighlightedListItem
{	background-color:#ffff99;
	padding:1px;
	border-bottom:dotted 1px #aaa;
	font-size:11px;
}
.autocompleteListItem
{	background-color:window;
 	padding:1px;
 	border-bottom:dotted 1px #aaa;
 	font-size:11px;
}


.thumbnail
{   border:solid 2px #888;
    cursor:pointer;
    filter:alpha(opacity=60);
    opacity:0.6;
}
.thumbnail:hover
{   border:solid 2px #000;
    cursor:pointer;
    filter:alpha(opacity=100);
    opacity:1;
}

div.callout
{   position:absolute;
    z-index:100;
}
div.callout table { border-collapse:collapse; }
div.callout table tr td { vertical-align:top; }
div.callout table tr td img
{   position:relative;
    left:3px;
    top:5px;
}
div.callout table tr td div
{   background-color:#fffacd;
    border:solid 1px #000;
    display:block;
    min-height:60px;
    width:180px;
    font-size:10px;
    padding:0 5px;
}

.DERFTable
{   border:solid 1px #000;
    border-collapse:collapse;
    margin-top:5px;
    width:100%;
    background-color:#fff;
}

.watermark
{   color:#888;
    background-color:#eee;
    border:solid 1px #A5ACB2;
    height:1.2em;
    width:190px;
    padding:2px 1px;
}

.clearSpeciesBtn { }

.recorderBox { width:190px; height:1.2em; }

.firstColumn
{   color:#888;
    width:18em;
    font-weight:bold;
    vertical-align:top;
}

.recordEntryTitle
{   font-size:14px;
    vertical-align:top;
}

.ORSTableHeader th
{   color:#fff;
    background-color:#555;
    border:solid 1px #555;
}
.ORSTableHeader a
{   color:#fff;
    text-decoration:none;
}
.ORSTableHeader a:hover { text-decoration:underline; }
.gridViewCellTR {border-top: 1px solid #555; border-right: 1px solid #555;}
.gridViewCellT {border-top: 1px solid #555; border-right: 0 none #fff;}
.gridViewCellBR {border-bottom: 1px solid #555; border-right: 1px solid #555;}
.gridViewCellR {border-bottom: 0 none #fff; border-right: 1px solid #555; border-top: 0 none #fff;}
.gridViewCellB {border-bottom: 1px solid #555; border-right: 0 none #fff;}

.emptyDataRow td {border-style:none;}

a.subtleLink
{   color:#000;
    text-decoration:none;
}
a.subtleLink:hover { text-decoration:underline; }

.hoverMenuPanel
{   background-color:#fff;
    border:solid 1px #555;
    padding:3px;
    font-size:10px;
    overflow:hidden;
}
.hoverMenuPanel a { text-decoration:none; }
.hoverMenuPanel a:hover { text-decoration:underline; }

.ajax__calendar_container { z-index:1000; }

.titleBarButton
{   border-style:solid;
    border-width:1px;
    border-color:#E7E7E7 #000 #000 #E7E7E7;
    padding:0 3px;
    font-size:11px;
    font-weight:bold;
    color:#000;
    text-align:center;
    height:24px;
    line-height:24px;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
}
.titleBarButton:hover
{   border-color:#000 #E7E7E7 #E7E7E7 #000;
}
.toggled
{   border-style:inset;
    border-color:#000 #E7E7E7 #E7E7E7 #000;
    color:#EF780E;
}
.addFieldBar
{   width:250px;
    margin:0 auto;
    height:15px;
    font-size:10px;
    color:#658630;
    cursor:pointer;
    text-align:center;
    background:url(images/AddHiddenFieldBar.png) no-repeat center;
}

.removeFieldBar
{   width:250px;
    margin:0 auto;
    height:15px;
    font-size:10px;
    color:#658630;
    cursor:pointer;
    text-align:center;
    background:url(images/RemoveHiddenFieldBar.png) no-repeat center;
}

/* Confidence Star Settings */
.ratingStar
{   font-size:0pt;
    width:13px;
    height:12px;
    margin:0px;
    padding:0px;
    cursor:pointer;
    display:block;
    background-repeat:no-repeat;
}

.waitingRatingStar
{   background-image:url("images/WaitingStar.png");
}

.filledRatingStar
{   background-image:url("images/FilledStar.png");
}

.emptyRatingStar
{   background-image:url("images/EmptyStar.png");
}

.rowTitle
{   background-color:#EEEDDD;
    font-weight:bold;
    text-align:left;
    vertical-align:text-top;
    width:190px;
    /*color:#2D735F;*/
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    padding-left:4px
}

.reorderList 
{   
}
.reorderList ul
{   list-style:none;
}

.roundedRow
{   border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    background-color:#B3C3D2;
    padding:2px 8px;
    width:100%;
}

.infoBox
{   border:solid 1px #aaaaaa;
    background-color:#FFF7C4;
    font-size:11px;
    margin:0 10px;
    padding:5px;
    line-height:18px;
}

.infoLabels span
{   border:solid 1px #000;
    padding:0 2px;
    background-color:#fff;
    margin:0 2px;
    white-space:nowrap;
}

/*Bing Maps*/
.mapButton
{   position:absolute;
    color:#7794C8;
    background-color:#ffffff;
    border:solid 1px #000;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
}

.headingsTable, .headingsTable select {
    font-size:14px;
}

.miTbl {margin:10px;}

.miTbl tr {text-align:left;}