/******************************************************************************/
/*                                                                            */
/*                     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,sans-serif;
    font-size:14px;
}
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:14px; margin:0px; padding:0px 0px 8px 0px; text-align:justify; }
optgroup { font-style: normal; }
img { border:0; margin:0;}

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

.minitext { color:#017a71;font-size:10px;margin:0px}
abbr, acronym, .help
{   cursor: help;
}

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

select {font-family:verdana,arial,sans-serif;font-size:13px;height:23px;line-height:23px;vertical-align:bottom;border:1px solid #7F9DB9;border-radius:3px;}
select:hover {border-color:#68B359;}
input {font-size:13px;line-height:13px;}
input[type="text"], input[type="password"], input[type="email"] {font-family:verdana,arial,sans-serif;font-size:13px;height:18px;line-height:19px;vertical-align:bottom;border:1px solid #7F9DB9;border-radius:3px;padding-left:2px;padding-bottom:2px;}
input[type="text"]:focus, input[type="password"]:focus {border-color:#68B359;box-shadow:0 0 6px #68B359;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*width:13px;*height:13px;position:relative;top:2px}
textarea {font-family:verdana,arial,sans-serif;font-size:13px;line-height:1.6em;border:1px solid #7F9DB9;border-radius:3px;resize:none;padding-left:2px}
textarea:focus {border-color:#68B359;box-shadow:0 0 6px #68B359;}
/*.dropDownShadow:hover {border-radius:3px;border-color:#68B359;box-shadow:0 0 6px #68B359}*/
.status-label {
    background-color: green;
    padding: 3px 4px 1px 4px;
    box-sizing: border-box;
    display: inline-block;
    font-weight: 900;
    color: white;
    border-radius: 4px;
    font-size: smaller;
    line-height: 1;
    margin-right:2px;
}
.orsPrompt {
    font-size: 11px;
    border: solid 1px #000;
    border-radius: 3px;
    padding: 4px 4px;
    background-color: #fff581;
}
.orsPrompt ul {
    margin: 0;
    padding-left: 12px;
    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:13px;
    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;
    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; }
.buttonlarge {
    border:none;
    background:none;
    margin:0;
    padding:0;
    text-align:center;
    width:auto;
    height:55px;
    white-space:nowrap;
    cursor:pointer;
}

.buttonlarge span, .buttonlarge em {
    display:block;
	height:55px;
	line-height:54px;
	margin:0;
	color:#006158;
	font-size:16px;
}

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

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

.buttonlarge:hover span { background-position:top right; }

.buttonlarge:hover em { background-position:top left; }

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

.projectItem {
    position: relative;
    border: 1px solid #555;
    border-radius: 4px;
    line-height: 20px;
    height: auto;
    background-color: whitesmoke;
    padding: 0 0 0 23px;
    margin-bottom: 2px;
}
    .projectItem:last-child {
        margin-bottom: 0;
    }
    .projectItem:hover {
        background-color: #206428;
        color: white;
    }
.logo {
    position: absolute;
    left: 0;
    background-color: #206428;
    width: 20px;
    height: 100%;
    text-align: center;
    font-weight: bold;
    color: whitesmoke;
}

/*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:285px;
    top:50px;
    min-width:200px;
    max-width:500px;
    border:solid 1px #d1d1d1;
    text-align:right;
    font-size:10px;
    padding:0 10px;
    color:#000;
    line-height:25px;
}
#infobar a
{   text-decoration:none;
    color:#000;
    font-weight:bold;
    margin:0 0.3em;
}
#infobar img { vertical-align:middle;position:relative;bottom:1px}

#fbBar
{   position:absolute;
    left:718px;
    top:50px;
    border:solid 1px #d1d1d1;
    text-align:left;
    font-size:10px;
    padding:0 10px;
    line-height:25px;
}
#fbBar a
{   text-decoration:none;
    color:#000;
    font-weight:bold;
    margin:0 0.3em;
}
#fbBar img {vertical-align:middle;position:relative;bottom:1px}
#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%;
    font-size:12px;
	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-size:12px;
	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:0 auto;
    padding:3px;
    width:448px;
    max-height:250px;
    overflow:hidden;
    font-size:14px;
}
.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:14px;
    text-align:left;
    text-decoration:none;
    color:#006158;
    background-image:url(images/BulletGreen.png);
    background-repeat:no-repeat;
    background-position:0px 3px;
    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;
    text-decoration:none
}
#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:29px;
	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:14px;
	overflow:hidden;
    padding:3px 8px 8px 8px;
}
.commentsBox
{   width:100%;
    border:1px solid #aaa;
    border-style:solid none;
    display:block;
}
/*Accordion Classes*/
.accordionHeader
{   border:1px solid #2F4F4F;
    border-radius:3px;
    color:#fff;
    background-color:#B6C697;
    font-size:14px;
	font-weight:bold;
	text-align:left;
    padding:5px;
    margin:0 5px 2px 5px;
    cursor:pointer;
}
.calendarAccordionHeader
{   margin:0 5px 2px 5px;
}
.accordionHeaderSelected
{   border:1px solid #2F4F4F;
    border-radius:3px 3px 0 0;
    color:#fff;
    background-color:#7CA7BA;
	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:14px;
	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_inner a {color: Black; outline: none;}

.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;}
.NoPadding .ajax__tab_body {padding:0px; border:solid 1px #919B9C; border-top:none; background-color:#ffffff;}

/* 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;
    display:inherit;
}
.toolboxText {float:left;display:inherit;}

/* Modal Popup Settings */
.modalBackground
{   background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.modalBackgroundSolid
{   background-color:#9e9e9e;
}
.blackout
{  background-color:#000;
}
.additionalBackground
{}
.clickableBackground 
{   z-index:0;display:none;
}
.modalPopup
{   width:auto;
    background-color:#ffffff;
    border:solid 15px Gray;
    padding:20px;
    text-align:center;
    border-radius:20px;
}
.modalPopupScroll
{   width:auto;
    background-color:#ffffff;
    border:solid 15px Gray;
    padding:20px;
    text-align:center;
    border-radius:20px;
    position:absolute !important; /*Allow popups to scroll with screen*/
}
.forceTop {
    top:10px !important;
}
.alert
{   border-color:#FCA801;
}

.alertBox {border:1px solid #ff0000;background-color:#fff;border-radius:6px;color:#ff0000;margin-top:2px;text-align:center}
.orsHelpBox {border:2px solid #272EA8;overflow:hidden;background-color:#fff;border-radius:3px;color:#000;margin-top:2px;text-align:left;padding:5px}
.speciesBox {
    float: left;
    clear: left;
    position: relative;
    overflow: hidden;
    color: #333;
    border: solid 1px #7F9DB9;
    border-radius: 3px;
    font-size: 13px;
    padding: 3px 20px 3px 4px;
    margin-bottom: 5px;
}
.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;
}
    .closePopup.mini {
        width:13px;
        height:13px;
        font-size:13px;
        border:solid 1px #000;
        border-top:none;
        border-right:none;
        filter:alpha(opacity=100);
        opacity:1;
    }

.closePopup:hover {background-color:#ff0000;}

/*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;
}

.transparent 
{   filter:alpha(opacity=20);
    opacity:0.2;
}
.transparent:hover 
{   filter:alpha(opacity=100);
    opacity:1;
}

.callout {
    background-color: #FCFBEA;
    border-radius: 5px;
    box-shadow: 0 0 6px 6px rgba( 100, 100, 100, .4 );
    margin:14px;
    position:absolute;
    padding:14px;
    z-index:10000;
    font-size: 12px;
    min-height:40px;
}
    .callout:before {
        display: inline-block;
        content: "i";
        border:solid 2px blue;
        width:16px;
        height:16px;
        line-height:16px;
        border-radius:10px;
        font-size:18px;
        font-family:serif;
        font-weight:bold;
        text-align:center;
        color:blue;
    }
    .callout:after {
        background-color: #FCFBEA;
        box-shadow:  3px -3px 3px 0 rgba( 100, 100, 100, .4 );
        content: "\00a0";
        display: block;
        width: 20px;
        height: 16px;
        right: -7px;
        position: absolute;
        top: 12px;
        transform:         rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
        
    }

div.calloutTbl
{   position:absolute;
    z-index:100;
}
div.calloutTbl table { border-collapse:collapse; }
div.calloutTbl table tr td { vertical-align:top; }
div.calloutTbl table tr td img
{   position:relative;
    left:3px;
    top:5px;
}
div.calloutTbl 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;
}

.clearSpeciesBtn { }

.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;
    text-align:center;
}
.ORSTableHeader a
{   color:#fff;
    text-decoration:none;
}
.centred {
    text-align: center;
}
.rightAligned {
    text-align: right;
}
.leftAligned {
    text-align: left;
}
.topAligned {
    vertical-align: top;
}
.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;}
.ie7Fix {} /*intentionally blank*/
.emptyDataRow td {border-style:none;text-align:center}

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

.subtleBox:valid {border-color:transparent !important}
 .subtleBox:hover, .subtleBox:focus {border-color:#888 !important}

.hoverMenuPanel
{   background-color:#fff;
    border:solid 1px #555;
    padding:3px;
    font-size:10px;
    overflow:hidden;
    z-index:500;
}
.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;
}
.toggledRed
{   border-style:inset;
    border-color:#000 #E7E7E7 #E7E7E7 #000;
    color:red;
}
.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 */
.ratingStars {position:relative;}
.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;
    border-radius:6px;
    padding-left:4px
}

.reorderList {}
.reorderList ul { list-style:none; padding: 0px }

.paddedList li { padding:2px; }

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

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

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

.settingsSection
{   border:1px solid #aaa;
    border-radius:5px;
    padding:10px;
    width:96%;
    margin:1px auto;
    overflow:hidden;
}
.settingsSection span
{   color:#555;
    font-style:italic;
}
.settingsTitle
{   font-weight:bold;
    width:200px;
    float:left;
}

.warningBox
{   font-size:14px;
    line-height:20px;
    position:relative;
    float:left;
    width:100%;
    margin:3px auto;
    padding:5px;
    text-align:left;
}
.projectBar 
{   cursor:pointer;
    position:relative;
    text-align:center;
    width:580px;
    margin:3px auto;
    padding:7px 0;
    font-size:13px;
    line-height:13px;
    border-radius:5px;
    background-color:#ffffff;
    border:1px solid #aaa
}
.quote {font-size:15px;font-style:italic;color:#333;}
.quote:before
{   content:open-quote;
    font-size:18px;
    font-weight:bold;
    color:#333;
}
.quote:after
{   content:close-quote;
    font-size:18px;
    font-weight:bold;
    color:#333;
}
.popupDiv {display: none}

/*Bing Maps*/
.mapButton
{   position:absolute;
    color:#000;
    font-size:14px;
    background-color:#ffffff;
    border:solid 1px #000;
    border-radius:2px;
    text-align:center;
    cursor:pointer;
}

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

.miTbl {margin:10px;}

.miTbl tr {text-align:left;}

.asyncFileUpload input{width:100% !important;} /*Bug Fix for asyncfileupload control in Firefox*/

/*PLAS*/
.listcontainer
{   margin:3px 0;
    overflow:hidden;
}
.listcontainer:hover .listbar, .listcontainer:hover .listbarX, .listcontainer:hover .listbarH {background-color:#B9C89B}
.listbar 
{    float:left;
     text-align:left;
     height:25px;
     cursor:pointer;
     line-height:25px;
     padding:0 5px;
     border-radius:2px 0 0 2px;
     background-color:#ffffff;
     border:1px solid #aaa
}
.listbarX
{   height:25px;
    vertical-align:text-top;
    float:left;
    background-color:#ffffff;
    border-radius:0 2px 2px 0;
    border:1px solid #aaa;
    border-left:none;
    cursor:pointer;
}
.listbarX:hover {background-color:#FF4C4C !important}
.listbar.nohover:hover {
    background-color:#68B359;
    cursor:default
}
.appDetails { width:100% }
    .appDetails td {
        padding:3px;
        vertical-align:top
    }
    .appDetails td:first-child {
        padding:3px;
        background-color:#555;
        color:#fff;
        vertical-align:top;
        width:150px;
    }
    .appDetails td:not(:first-child) {
        background-color:#fff;
        color:#000;
    }
    
.plasBox
{   display:block;
    float:left;
    margin:5px;
    border:1px solid #C8C9CA;
    border-radius:2px;
    color:#666778;
    text-decoration:none;
    background: #E3E5EB;
    overflow:hidden;
    padding:20px 10px;
    text-align:center;
    font-size:14px;
}
.plasBox:hover
{   background:#EAECF0;
    color:#000;
}
.plasExpander {
    display:inline-block;
    border:solid 1px #000;
    width:16px;
    height:16px;
    background-color:white;
    text-decoration:none;
}
    .plasExpander:after {
        content:url("images/Plus.png");
    }
    .plasExpander.expanded:after {
        content:url("images/Minus.png");
    }

.lrcTable {
    border:2px solid #555;
    border-radius:5px;
    margin:3px;
    padding:5px;
    text-align:left;
}
    .lrcTable.mainContact {
        border-color: #bd1818;
    }

.pushpin {
    height: 14px;
    width: 14px;
    cursor: pointer;
    border: 2px solid #000;
    border-radius: 9px;
    background-color: #62bc00;
    pointer-events: all;
    font-size:10px;
}

.grLabel {
    background-color: white;
    border: 1px solid black;
    border-radius: 3px;
    font-size: 11px;
    padding: 0 2px;
    color: black;
    height: 14px;
    width: auto;
    white-space: nowrap;
    line-height: 15px;
    position: relative;
    float: left;
    z-index: 5;
}