@import "common.css";
@import "layout.css";
@import "menu.css";

/************** BANNER **************************/
.banner
{
	border: solid 1px #5D656A;
	font-weight: bold;
	text-align: center;
	color: #5D656A;
	/*background: #EDE16B;*/
	background: #A8BBC9;
	vertical-align: middle;
	margin: 0 0 15px 0;
	font-size: 20px;
	width: auto;
	padding: 5px;
}
.subbanner
{
	border: solid 1px #5D656A;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	margin: 0 0 15px 0;
	width: auto; 
	padding: 5px;
}

.lightblueback {
    background-color: #B2B3D1;
}

#recordContainer
{
	width: 80%;
}

div.copyright
{
	text-align: right;
	font-size: 80%;
	color: #000099;
	background: transparent;
	clear: both;
}
/*************** PAGE NAVIGATOR ***************/

/* also used in visited taxon selector */
.suffolkmoths .pageButtonContainer
{
	width: 16px;
	display: inline-block;
	border: 1px solid transparent;
	
}
.suffolkmoths .pageNavigatorPanel .buttonPressed
{
	border: 1px dotted gray;
}
.suffolkmoths .pageNavigatorPanel
{
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.suffolkmoths .pageNavigatorPanel tbody
{
	width: auto;
}
/*************** VISITED TAXON SELECTOR ***********/
.suffolkmoths .visitedTaxaPanel .buttonPressed
{
	border: 1px dotted gray;
}

/********** ACTIONS *****************/
.siteAction
{
	cursor: pointer;
}
/************** ICONS **************************/
.busy12Icon
{
	background: url("../images/busy_12x12.gif")  no-repeat; 
	height: 12px;
	padding-left: 12px;
	width: 12px;
}

.busy20Icon
{
	background: url("../images/busy_20x20.gif")  no-repeat; 
	height: 20px;
	width: 20px;
}

.arrowPreviousIcon
{
	background: url("../images/arrowPrevious.png")  no-repeat; 
	height: 16px;
	width: 16px;
}

.arrowNextIcon
{
	background: url("../images/arrowNext.png")  no-repeat; 
	height: 16px;
	width: 16px;
}

.folderExpandIcon
{
	background: url("../images/folderexpand.png")  no-repeat; 
}

.folderCollapseIcon
{
	background: url("../images/foldercollapse.png")  no-repeat; 
}

.arrowFirstIcon
{
	background: url("../images/arrowFirst.png")  no-repeat; 
	height: 16px;
	width: 16px;
}

.arrowLastIcon
{
	background: url("../images/arrowLast.png")  no-repeat; 
	height: 16px;
	width: 16px;
}

.arrowFastForwardIcon
{
	background: url("../images/arrowFastForward.png")  no-repeat; 
	height: 16px;
	width: 16px;
}

.arrowFastPreviousIcon
{
	background: url("../images/arrowFastPrevious.png")  no-repeat; 
	height: 16px;
	width: 16px;
}

.arrowPreviousIcon
{
	background: url("../images/arrowPrevious.png")  no-repeat; 
	height: 16px;
	width: 16px;
}

.arrowNextIcon
{
	background: url("../images/arrowNext.png")  no-repeat; 
	height: 16px;
	width: 16px;
}


/************** POPOVER IMAGE ******************/
.suffolkmoths .popOverImage
{
}

/************ GENERAL *************************/

.suffolkmoths .smijitDisabled
{
	opacity: 0.6;
}
/***************** ACCOUNT PAGE ****************/


/******* GENERAL ACCOUNT PANE **************/
.suffolkmoths .generalAccountPane
{
	width: 100%;
}

.suffolkmoths .generalAccountPane td
{
	vertical-align: top;
}
.suffolkmoths .generalAccountPane .verticalSpacer
{
	height: 15px;
}

.suffolkmoths .contentTitleBanner
{
}

.suffolkmoths .contentTitleBanner .title
{
    background-color: #3A3C88;
    border: medium none;
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.2em;
    text-align: center;	
}
.suffolkmoths .contentTitleBanner .ruler
{
}

/***************** PEAK FLIGHT PERIOD MONTH TABLE *********************/

.suffolkmoths .peakFlightPeriodBlockGraph
{
	border: solid 1px #B2B3D1;
	font-size: 12px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	background-color: #B2B3D1;
	margin-left: auto;
	margin-right: auto;
}
.suffolkmoths .peakFlightPeriodBlockGraph td.phenologyGraphMonth
{
	width: 20px;
	border-bottom: solid 1px #B2B3D1;
	padding: 0;
}
.suffolkmoths .peakFlightPeriodBlockGraph td
{
	text-align: center;
	width: 20px;
	padding-bottom: 4px;
}
.suffolkmoths .peakFlightPeriodBlockGraph td.valueCell
{
	background-color: #E0E0E0;
	width: 20px;
	height: 28px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 4px;
	padding-bottom: 4px;
}
.suffolkmoths .peakFlightPeriodBlockGraph td.labelCell
{
	background-color: #E0E0E0;
	height: 28px;
	padding: 4px;
}
.suffolkmoths .peakFlightPeriodBlockGraph td.valueCell div
{
	width: 20px;
	height: 20px;
	font-size: 1px;
	line-height: 0px;
}
.suffolkmoths .peakFlightPeriodBlockGraph div.nonZeroMonth
{
	border: solid 1px  #B2B3D1;
}

/*************** LIFECYCLE CHART ****************************/

.suffolkmoths .orecLifecycleChart
{
	border: solid 1px #B2B3D1;
	font-size: 12px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	background-color: #B2B3D1;
	margin-left: auto;
	margin-right: auto;
}

.suffolkmoths .orecLifecycleChart td
{
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	background-color: #B2B3D1;
}
.suffolkmoths td.orecLifecycleMonth
{
	width: 20px;
	border-bottom: solid 1px #B2B3D1;
}
.suffolkmoths td.subspeciesCell
{
	background-color: #E0E0E0;
	border-right: solid 1px #B2B3D1;
	border-bottom: solid 1px #B2B3D1;
	border-top: solid 1px #B2B3D1;
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
}
.suffolkmoths td.orecLifecycleCell
{
	padding-bottom: 4px;
	background-color: #E0E0E0;
	border-right: solid 1px #D0D0D0;
}
.suffolkmoths tr.orecLifecycleSubspeciesRow td.orecLifecycleCell
{
	border-bottom: solid 1px #B2B3D1;
}
.suffolkmoths tr.orecLifecycleYearRow td.orecLifecycleCell
{
	border-bottom: dashed 1px #B2B3D1;
}
.suffolkmoths .orecLifecycleStageCell
{
	width: 20px;
	height: 7px;
	max-height: 7px;
	background-color: #E0E0E0;
	line-height: 0px;
	font-size: 1px;
}
.suffolkmoths .orecLifecycleOvaCell
{
	background-color: #FFFF00;
}
.suffolkmoths .orecLifecycleLarvaCell
{
	background-color: #44BB44;
}
.suffolkmoths .orecLifecycleLarvaDiapauseCell
{
	background-color: #008000;
}
.suffolkmoths .orecLifecyclePupaCell
{
	background-color: #800000;
}
.suffolkmoths .orecLifecycleImagoCell
{
	background-color: black;
}
.suffolkmoths .orecLifecycleImagoDiapauseCell
{
	background-color: #808080;
}
.suffolkmoths .orecLifecycleStages
{
	height: 28px;
}

/************* PHENOLOGY CHART ******************/
.suffolkmoths .orecPhenologyChart
{
	border: solid 1px #B2B3D1;
	font-size: 12px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	background-color: #B2B3D1;
	margin-left: auto;
	margin-right: auto;
/*	width: 450px;*/
}

.suffolkmoths .orecPhenologyChart td, .suffolkmoths .orecPhenologyChart th
{
	padding: 0px;
	margin: 0px;
}

.suffolkmoths .orecPhenologyChart
.orecPhenologyChartYear
{
	padding-right: 5px;
}

.suffolkmoths .orecPhenologyChart
.orecPhenologyMonth
{
	text-align: center;
}
/****************** ACCOUNT TEXT PANE ********************/
.suffolkmoths .accountTextList
{
	font-size: 14px;
	padding-left: 4px;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.suffolkmoths .accountLine
{
	list-style-type: none;
	list-style-image: none;
	padding-bottom: 10px;
}

.suffolkmoths .accountHeading
{
	color:#990000;
	font-size: 14px;
	font-weight:bold;
}
.suffolkmoths .accountSubHeading
{
	color:#990000;
	font-size: 14px;
	font-weight:normal;
}
.suffolkmoths .accountTextList .accountText
{
	color:#333399;
	font-weight:normal;
}
.suffolkmoths .confusionListTable
{
	margin-left: 20px;
	width: auto;
}
.suffolkmoths .confusionListTable td
{
	font-size: 14px;
	color:#333399;
}

/********* ACCOUNT LINKS PANE ********************************/
.suffolkmoths .accountLinksPane
{
	font-size: 14px;
}

.suffolkmoths .accountLinkText
{
	cursor: pointer;
}
/************** PHOTO BLOCK AND CAPTION **************************/
.suffolkmoths .accountSpeciesImagePanel .accountSpeciesImage
{
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: bottom;
	width: 300px;
}
.suffolkmoths .accountSpeciesImagePanel .accountSpeciesImage img
{
	width: 300px;
	border: none;
}
.suffolkmoths .photoCaption
{
	color: #990000;
	font-size: 80%; 
	font-family: Arial;
	background: transparent;
	text-align: center;
	/* these last two were taken from smg.css only */
	margin-left: auto;
	margin-right: auto;
}
.suffolkmoths :link.photoCaption
{
	font-family: arial;
	color: #990000;
	text-align: center;
}



/************** IMAGE RELATED *********************/
.suffolkmoths .imagecaption
{
	font-size: 11px; 
	color: rgb(51, 51, 153);  
	vertical-align: top;
	text-align: center;
	border-style: none !important; /* why is this important */
	padding: 1px;
}
.suffolkmoths .hoverimagecaption
{
	position: absolute;
	left: 0;
	display: none;
	z-index: 999;
	background-color: #EEEEBB;
}

.suffolkmoths .imageblock
{
	display: inline-block;
	position: relative;
/*	height: 130px;*/
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: top;
}

.suffolkmoths .browsePhotoOptions
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	vertical-align: middle;
}

/************ MAP BLOCKS *****************/
.suffolkmoths .mapblock
{
	display: inline-block;
	position: relative;
/*	height: 130px;*/
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 25px;
}

/************* AUTHENTICATION *********************/
.suffolkmoths .loginDialogPane
{
	margin-left: auto; 
	margin-right: auto;
	padding: 10px;
	width: 400px;
}

.suffolkmoths .loginDialogPaneForm
{
	width: auto;
}

.suffolkmoths .loginDialogPane .strongText
{
	font-weight: bold;
}

.suffolkmoths .forgottenDetailsDialogPane
{
	margin-left: auto; 
	margin-right: auto;
	padding: 10px;
	width: 400px;
}

.suffolkmoths .forgottenDetailsDialogPaneForm
{
	width: auto;
}

.suffolkmoths .forgottenDetailsDialogPane .strongText
{
	font-weight: bold;
}

.suffolkmoths .registerAccountDialogPane
{
	width:auto;
	margin-left: auto; 
	margin-right: auto;
	padding: 10px;
}

.suffolkmoths .registerAccountDialogPaneForm
{
	width:auto;
	margin-left: auto; 
	margin-right: auto;
}

/**************** IE HACKS ***************************/
/* It's picking up the font-size from openrecorder.css where universal font size is set. The font-size sets the size of the div. */
.soria .dijitTabContainerTop-spacer
{
	font-size: 2px;
}


/******************** FILTER DIALOG *******************/
.suffolkmoths .taxonFilterPanel .filterSettingsTable
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
.suffolkmoths .taxonFilterPanel .filterSettingsTable td
{
	vertical-align: middle;
	padding-bottom: 5px;
}
.suffolkmoths .taxonFilterPanel .filterFieldset
{
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
}

.suffolkmoths .speciesCountWarning
{
	padding-left: 15px;
	font-weight: bold;
	color: red;
	display: none;
}

/************* PAGINATOR ****************/
.suffolkmoths .paginator
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}

.paginator .nextPageIcon
{
	background: url("../images/blueArrowRight.png")  no-repeat; 
	height: 14px;
	width: 14px;
}
.paginator .prevPageIcon
{
	background: url("../images/blueArrowLeft.png")  no-repeat; 
	height: 14px;
	width: 14px;
}

/********** ACCOUNT TEXT COMPARISON TABLE ******************/
.suffolkmoths table.accountTextSeries
{
	border-collapse: collapse;
	border-top: 1px solid black;
	border-right: 1px solid black;
}

.suffolkmoths table.accountTextSeries td, .suffolkmoths table.accountTextSeries th
{
	text-align: left;
}

.suffolkmoths table.accountTextSeries .headerLabel
{
	white-space: nowrap;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	padding: 4px;
}
.suffolkmoths table.accountTextSeries .valueCell
{
	padding: 4px;
	border-left: 1px dashed black;
	border-bottom: 1px solid black;
}

/************* SIMPLE NAME GRID *********************/
.suffolkmoths table.simpleNameGrid
{
	border-collapse: collapse;
	border: 1px solid #553CA6;
	font-size: 12px;
}
.suffolkmoths table.simpleNameGrid th
{
	padding: 2px;
	border: 1px solid #553CA6;
	background-color: #3A3C88;
	color: white;
}
.suffolkmoths table.simpleNameGrid td
{
	padding: 2px;
	border: 1px solid #553CA6;
}
.suffolkmoths table.simpleNameGrid tr.selectedRow
{
	background-color: #B2B3D1;
}