/* global */
/*
body {
    text-align: center;
    background-color: #003366;
    margin: 0px;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}
p, td {
    font-size: 12px;
}
a {
    color: #36C;
}

a img {
    border: 0;
    text-decoration: none;
}
h1 {
    color: #003366;
    font-size: 24px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
h2, h1.headline {
    color: #000;
    font-size: 18px;
    margin-left: 0;
    padding-left: 0;
}
*/
.rasHeading {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-left: 0;
    padding-left: 0;
}

h1.headline span.species {
    color: #36C;
}
/*
h3, h5 {
    font-size: 14px;
    font-weight: bold;
    margin: 16px 0px 10px 0px;
    padding: 0;
}
*/
.contentTitle {
    color: #900;
    margin-bottom: 0px;
    padding-left: 0px;
}
h3.contentTitle + p {
    margin: 0px;
    padding-left: 10px;
}
h3.contentTitle a.glossaryLink, h3.getTitle a.glossaryLink {
    color: #36C;
    font-size: 12px;
    font-weight: normal;
}
.getTitle {
    color: #900;
	width: 500px;
}
th {
    font-weight: normal;
}
/* structural styles */
#Wrapper {
	margin: 0px auto;
    padding: 0;
    width: 772px;
    text-align: left;
    height: auto;
    }
#header {
    background: url(/content/images/headers/header_contact.jpg) top left no-repeat;
    height: 63px;
    width: 770px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#headerHome {
    background: url(/content/images/headers/header_home.jpg) top left no-repeat;
    height: 103px;
    width: 770px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#headerAbout {
    background: url(/content/images/headers/header_about.jpg) top left no-repeat;
    height: 100px;
    width: 770px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#headerAbout #tools {
    display: none;
}
#headerMyEbird {
    background: url(/content/images/headers/header_myebird.jpg) top left no-repeat;
    height: 100px;
    width: 770px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#headerMyEbird #tools #welcome {
    margin-bottom: 60px;
}
 #headerViewData {
    background: url(/content/images/headers/header_view.jpg) top left no-repeat;
    height: 103px;
    width: 770px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#headerViewData #tools #welcome {
    margin-bottom: 60px;
}
#headerSubmit {
    background: url(/content/images/headers/header_submit.jpg) top left no-repeat;
    height: 100px;
    width: 770px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#headerSubmit #tools #welcome {
    margin-bottom: 60px;
}
#toolsHome {
    display: none;
}
#headerHome #toolsHome {
    display: block;
    float: right;
}
#headerAbout #toolsHome {
    display: block;
    float: right;
}
.logos {
    float: left;
    width: 250px;
    text-align: left;
    margin-left: 10px;
    margin-top: 10px;
}
#tools {
    float: right;
    text-align: right;
    width: 300px;
}
#tools p, #tools #welcome p {
    margin: 0;
    padding: 0;
    text-shadow: -3px 3px 13px #fff;
}
#tools #welcome {
    font-weight: bold;
    color: #333;
    margin-top: 5px;
    margin-bottom: 14px;
}

#welcome { 
	background: #fef6dd;
	text-align: right;
    margin: 0 0 -30px 0;
    padding: 10px 5px 0 0;
}

/* Holly Hack for IE */
#welcome {
    width: 770px;
    margin: 0;
    padding-right: 0;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

/*
#tools a, #welcome a {
    font-weight: normal;
    color: #36C;
}
*/

#headerHome #tools {
    display: none;
}
#footer {
    color: #666;
    text-align: center;
    margin: 5px auto;
    width: 772px;
}
#footerContent {
    color: #666;
    text-align: center;
    margin: 5px auto;
    position: relative;
    top: 25px;
}
#maintabs {
    float: left;
    width: 770px;
    background: #A6A48A url(ebird_images/tabs_bg.gif) bottom repeat-x;
    font-size: 93%;
    line-height: normal;
    clear: both;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#maintabs ul {
    margin: 0;
    padding: 1px 0px 0;
    list-style: none;
}
#maintabs li {
    float: left;
    background: #B6B497 url(ebird_images/off-right.gif) no-repeat right top;
    margin: 0;
    padding: 0;
}
#maintabs a {
    float: left;
    display: block;
    background: url(ebird_images/off-left.gif) no-repeat left top;
    padding: 6px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #039;
    text-decoration: none;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#maintabs a {float:none;}
/* End IE5-Mac hack */
#maintabs #on {
    background-image: url(ebird_images/on-right.gif);
}
#maintabs #on a {
    background-image: url(ebird_images/on-left.gif);
}
#main {
    background: #FFF url(ebird_images/bg_main.gif) top left repeat-x;
    padding: 10px 0px 20px 0px;
    margin: 0;
    text-align: center;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    background-color: #FFF;
    height: auto;
    float: left;
    width: 770px;
}
#contentwrapper {
    text-align: left;
    margin: 0 auto;
}
#contentwrapper h1 {
    padding-left: 10px;
    padding-right: 10px;    
}
#contentwrapper > p {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}
.narrow {
    width: 583px;
}
.wide {
    width: 757px;
}
#contentwrapper.Vnarrow {
    width: 553px;
    margin: 0px 0px 10px 10px;
    padding: 0px;
}
#contentwrapper.Xnarrow {
    width: 453px;
    margin: 0px 0px 10px 10px;
    padding: 0px;
}
.narrow #content {
    background: #fff url(ebird_images/bg_contentnarrow.gif) top center no-repeat;
    padding: 10px 15px;
}
.wide #content {
    background: #fff url(ebird_images/bg_contentwide.gif) top center no-repeat;
    padding: 10px 15px;
}
.wide h1 {
    margin-bottom: 5px;
}
.Vnarrow #content {
    background: url(ebird_images/bg_contentVnarrow.gif) top left no-repeat;
    padding: 10px 15px;
}
.Xnarrow #content {
    background: url(ebird_images/bg_contentXnarrow.gif) top left no-repeat;
    padding: 10px 5px;
}
#content > p {
    margin-left: 10px;
}
#Nav {
    width: 170px;
    height: 100%;
    text-align: left;
    float: right;
    margin-right: 7px; /* NO MORE or IEWin will break */
}
#Nav hr {
    margin: 15px 0px;
}
#localnav {
    text-align: left;
    width: 100%;
    padding: 0px 0px 0px 10px;
    margin-top: 20px;
}
/*
#localnav a {
    color: #36C;
    text-decoration: none;
}
*/

#localnav p {
    font-size: 14px;
    margin: 0px;
}
.Vnarrow #localnav h1, .Vnarrow #localnav p {
    width: 500px;
}
.Xnarrow #localnav, .Xnarrow #localnav h1, .Xnarrow #localnav p {
    width: 400px;
}
#steps {
    float: right;
    display: inline;
    color: #666;
}
#steps .current {
    font-weight: bold;
    color: #000;
}
#homesplash {
    background: url(ebird_images/bg_homesplash_bottom.gif) bottom left no-repeat;
    width: 553px;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 20px -10px;
}
#homesplash h1 {
    background: url(ebird_images/bg_homesplash_top.gif) top left no-repeat;
    font: 30px Georgia, serif;
    font-weight: normal;
    color: #7CB93E;
    width: 553px !important;
    margin: 0px;
    padding: 10px 0px 5px 10px;
}
#homesplash p {
    width: 350px;
    margin: 0px 0px 10px 0px;
    padding-left: 15px;
    font-size: 14px;
}
#homesplash .registerbutton {
    margin: 0px 15px 0px 0px;
    float: right;
}
#listtext {
    width: 150px;
    font-size: 10px;
}
.NavMapTool {
    width: 270px;
    height: 100%;
    text-align: left;
    float: right;
    margin-right: 10px;
    margin-top: 20px;
}
#mapWrap {
    width: 510px;
    text-align: center;
}
#mapToolWrap {
    width: 440px;
    text-align: center;
}
#mapWrap table {
    margin: 0 auto;
}
#mapSideBar {
	float: right;
	width: 170px;
}
table.selectedSpecies {
    background-color: #ffc;
}
table.results {
    margin-top: 12px;
}
table.results th {
    border-bottom: 2px solid #EFEFEF;
}
table.results th .label {
    font-size: 14px;
    font-weight: bold;
    color: #630;
}
table.instructions {
	border: 1px solid #E0E0E0;
	padding: 5px;
	margin-bottom: 5px;
}
tr.grayrow td {
    background-color: #EFEFEF;
}
.guideText {
	margin-left: 10px;
}
.guideLink {
	font-size: 14px;
	color: #36C;
}
.hC {
	background: #fff; /* 6787BB */
}

.mD {
	display: none;
	background: #fff;  /* 6787BB */
	width: 1px;
}

/********** histogram **********/

table.barChart {
	}

table.barChart td {
	border: 0;
	}	

table.barChart tr.rC td {
	width: 37px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background-image: url('ebird_images/bg_td.gif');
	background-repeat: repeat-y;
	}

table.barChart tr.rC td:hover {
	background: #fc0 url('ebird_images/bg_td_hover.gif') repeat-y;
	}	
 
table.barChart tr.rC td.sC:hover {
	background: none;
	}	
 
table.barChart tr.row1 {
	background-color: #eff5fe;
	}

table.barChart tr.row2 {
	background-color: #fff;
	}

table.barChart tr.row1:hover,
table.barChart tr.row2:hover {
	background-color: #fffbbc;
	}

table.barChart th.sC,
table.barChart tr.rC td.sC {
	background-image: none; 
	width: 280px;
	padding: 3px 6px;
	}

#tablekey {
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0 0 20px 0;
	}

#tablekey p.key {
	float: left;
	margin: 0;
	}

#tablekey p.download {
	float: right;
	margin: 2px 0 0 0;
	}

th span.species {
	float: left;
	font-size: 12px;
	}

th span.entireyear {
	float: right;
	font-size: 12px;
	}

.barChart th.mTC {
	font-size: 12px;
	background: #a1beed;
	color: #ffffff;
	border-top: 1px solid #fff;
	border-left: 2px solid #b3cbf3;
	margin: 0;
	padding: 3px;
}
.barChart th.off {
	border-color: #fff;
	}

/*** histogram graphics ***/

.sp {
	float: left;
	width: 9px;
	height: 11px;
	background: url('/content/sp.gif') no-repeat;
	}
.a1 {
	float: left;
	width: 36px;
	height: 15px;
	background: url('ebird_images/a1.gif') no-repeat;
	}
.a2 {
	float: left;
	width: 36px;
	height: 15px;
	background: url('ebird_images/a2.gif') no-repeat;
	}
.a3 {
	float: left;
	width: 36px;
	height: 15px;
	background: url('ebird_images/a3.gif') no-repeat;
	}
.a4 {
	float: left;
	width: 36px;
	height: 15px;
	background: url('ebird_images/a4.gif') no-repeat;
	}
.a5 {
	float: left;
	width: 36px;
	height: 15px;
	background: url('ebird_images/a5.gif') no-repeat;
	}
.ba {
	float: left;
	width: 36px;
	height: 15px;
	background: url('ebird_images/ba.gif') no-repeat;
	}	
.bu {
	float: left;
	width: 9px;
	height: 15px;
	background: url('ebird_images/bu.gif') no-repeat;
	}
.b1 {
	float: left;
	width: 9px;
	height: 15px;
	background: url('ebird_images/b1.gif') no-repeat;
	}

.b2 {
	float: left;
	width: 9px;
	height: 15px;
	background: url('ebird_images/b2.gif') no-repeat;
	}

.b3 {
	float: left;
	width: 9px;
	height: 15px;
	background: url('ebird_images/b3.gif') no-repeat;
	}

.b4 {
	float: left;
	width: 9px;
	height: 15px;
	background: url('ebird_images/b4.gif') no-repeat;
	}

.b5 {
	float: left;
	width: 9px;
	height: 15px;
	background: url('ebird_images/b5.gif') no-repeat;
	}

.b6 {
	float: left;
	width: 9px;
	height: 15px;
	background: url('ebird_images/b6.gif') no-repeat;
	}

.b7 {
	float: left;
	width: 9px;
	height: 15px;
	background: url('ebird_images/b7.gif') no-repeat;
	}

.b8 {
	float: left;
	width: 9px;
	height: 15px;
	background: url('ebird_images/b8.gif') no-repeat;
	}

.b9 {
	float: left;
	width: 9px;
	height: 15px;
	background: url('ebird_images/b9.gif') no-repeat;
	}

.mTC a {
	color: #ffffff;
}
.barChart th.lT 
.barChart td.lT {
	width: 50px;
}
.dC {
	background: url(ebird_images/cellbackground.gif) repeat-y;
	width: 36px;
}
.rC {}
.rowDivide {
	height: 1px;
}

table.barChart {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
table.barChart th p, table.decisionMap th p, p.currentLocation, p.currentDate {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 5px 15px;
	color: #000;
	background: url(ebird_images/redarrowdown.gif) 0px 3px no-repeat;
}
th p span.label, p.currentLocation span.label, p.currentDate span.label {
	font-size: 14px;
	font-weight: bold;
}
table.barChart p.key {
	font-size: 12px;
}
.showlinegraphs {
	margin: 0;
	padding: 0;
	text-align: right;
}
.mapRight {
	width: 450px;
	float: right;
	border: 1px solid #EFEFEF;
	margin: 10px 10px 10px 0px;
}
.mapRight img {
	width: 450px;
}
#mapControls {
	margin: 10px;
	width: 250px;
	border: 1px solid #E0E0E0;
}
#dateControls {
	margin: 10px;
	width: 405px;
	border: 1px solid #E0E0E0;
}
#BCRcontrols {
	margin: 40px 0px 10px 10px;
}
#BCRcontrols select {
	width: 195px;
}
.controls {
	width: 100%;
	margin: 0;
	padding: 5px;
}
select.long {
	width: 540px;
}
.controlInstructions {
	background-color: #FFC;
	width: 100%;
	margin: 0;
	padding: 0;
}
.controlInstructions p {
	color: #C60;
	font-size: 14px;
	margin: 0;
	padding: 5px;
}
.centerSubmit {
	width: 100%;
	margin: 10px;
	padding: 0px;
	text-align: center;
}
span.Dateline {
    display: block;
    color: #7CB93E;
    font-weight: bold;
}
.pageIcon {
    display: none;
}
.leftNavFeatures, .leftNavAbout {
    margin-top: 60px;
}
.leftNavMap {
    margin-top: 25px;
}
.leftNavMyEbird {
    margin-top: 80px; 
}
.leftNavFeatures h3, .leftNavAbout h3 {
    color: #670F0F;
}
.leftNavMyEbird h3 {
    color: #000; 
}
.leftNavFeatures a, .leftNavAbout a {
    display: block;
}
.newsitem {
    width: 540px;
    margin-bottom: 15px;
}
.SidebarBox h3.first {
    margin-top: 20px;
}
.bulletedlinks a {
    display: block;
    background: url(ebird_images/icon_silverbullet.gif) 0 3px no-repeat;
    padding-left: 7px;
    margin-bottom: 6px;
}
.exploreTable {
    margin-bottom: 30px;
    width: 550px;
}
.focal .exploreTable {
	width: 730px;
}
.dehLabel {
	width: 150px;
	font-weight: bold;
}
.dehLabel2 {
	width: 185px;
	font-weight: bold;
}
.dehInner td {
	padding-bottom: 8px;
}
.habitatCell {
	padding-top: 0px;
}
.dehCell {
	padding-bottom: 0px;
}
.protocolWrapper {
	padding-bottom: 8px;
}
.dehLabel .protocolWrapper {
	padding-top: 5px;
}
.exploreTable th {
    font-weight: bold;
}
.exploreTable .pointer {
    color: #36C;
}
.exploreTable sup {
    color: #090;
    font-weight: bold;
}
.exploreTable td p {
    padding: 0px;
}
.splitter {
    height: 100%;
    background: #fff url(ebird_images/splitter.gif) top center repeat-y;
    width: 5px;
}
.exploreTable .selectObsType {
	background: #f4f4f4;
	width: 100%;
}
.grayspacer {
	height: 5px;
	width: 100%;
}
.confirmTable {
	width: 730px;
	border-top: 1px solid #ccc;
}
.confirmObsCell {
	padding-left: 0;
	padding-right: 0;
}
.confirmObsTable {
	width: 590px;
}
.confirmObsTable td.ffSm {
	width: 150px;
}
td.confirmLabel {
	width: 125px;
}
td.confirmLabel h3 {
	color: #900;
	margin: 0;
	padding: 0;
}
td.editlinks {
	padding-right: 8px;
}
td.fieldlabel {
	width: 120px;
	font-weight: bold;
}
td.fielddata {
	width: 120px;
}
.listsTable, .statsTable {
    width: 500px;
    margin-top: 25px;
}
.listsTable th, .statsTable th {
    font-weight: bold;
    font-size: 14px;
}
.listsTable td, .statsTable td {
    padding-left: 12px;
    padding-right: 12px;
}
.specWhite {
	background-color: #FFF;
	}
.specLtgrey, .row0, .grayspacer { 
	background-color: #EFEFEF;
	}
.specLtblue, .trow0 {
	background-color: #E7F0FE;
	}
.specLtorange, .listsTable .specLtblue { 
	background-color: #FDE9C7;
	}
.dataCell {
    border-right: 1px solid #D7D6CD;
}
.listsTabs {
    float: left;
    width: 500px;
    background: #FFF url(ebird_images/listtabs_bg.gif) bottom repeat-x;
    font-size: 93%;
    line-height: normal;
    clear: both;
}
.listsTabs ul {
    margin: 0;
    padding: 1px 0px 0;
    list-style: none;
}
.listsTabs li {
    float: left;
    background: #FFF url(ebird_images/listtabs_off_right.gif) no-repeat right top;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.listsTabs a {
    float: left;
    display: block;
    background: url(ebird_images/listtabs_off_left.gif) no-repeat left top;
    padding: 6px 20px;
    color: #039;
    text-decoration: none;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
.listsTabs a {float:none;}
/* End IE5-Mac hack */
.listsTabs #on {
    background-image: url(ebird_images/listtabs_on_right.gif);
}
.listsTabs #on a {
    background-image: url(ebird_images/listtabs_on_left.gif);
} 
.reqSm {
    color: #900;
}
.ffSm {
    font-weight: bold;
}
.longSelect {
	width: 230px;
}
.shortSelect {
    width: 150px;
}
.categoryLabel {
    color: #900;
    font-weight: bold;
}
.questions {
	border-top: 1px solid #ccc;
	margin-top: 5px;
}
.questions td {
	padding-top: 10px;
}
.singleQuestion {
	padding-top: 15px;
}
p.required {
    float: right;
    width: 200px;
    text-align: right;
    margin: 0px;
}
.focal p.required {
    padding: 17px 0 0 0;
}
.spName {
	margin: 0px;
	padding-left: 3px;
	color: #333;
	font-size: 11px;
	border-left: 2px solid white;
	width: 134px;
	}
.spText {
	font-size: 13px;
	font-weight: bold;
	width: 36px;
	text-align: right;
	}
.errortable {
	background-color: #ffffcd;
	width: 100%;
	margin-top: 10px;
}
.focal .errortable {
	width: 730px;
}
.errors input.spText {
	background-color: #900;
	color: #ffffcd;
}
.spBox {
	margin: 0px;
	padding: 3px;
	width: 94px;
	}
.spOops {
	margin: 0px;
	padding: 3px;
	width: 170px;
	color: #600;
	font-size: 11px;
	background-color: #FFC;
	vertical-align: bottom;
	border: 1px solid #CCC;
	}
.speciesConfirm {
	color: #900 !important;
}
.speciesConfirm label {
	font-weight: bold;
}
.oopsRow td {
	padding: 0;
	background-color: #ffffcd;
}
.chkSpecTbl {
	margin: 0px auto;
	padding: 0px;
	background-color: #FFF;
	width: 730px;
	border-top: 1px solid #FFF;
	text-align: left;
	}
.chkSpecWhite {
	background-color: #FFF;
	}
.chkSpecLtgrey { 
	background-color: #EFEFEF;
	}
.chkWhite {
	background-color: #FFF;
	}
.chkGrey { 
	background-color: #EFEFEF;
	}
.chkFam {  
	font-size: 13px; 
	font-weight: bold;
	background-color: #FFC;
	}
.chkFam td {
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
.checklistControls {
    background-color: #E7F0FE;
    width: 720px;
    padding: 5px 0px 5px 10px;
    text-align: left;
}
.addSpecies {
    background-color: #C5D6F1;
    width: 700px;
    padding: 5px;
    margin-top: 10px;
}
.checklistWrapper {
    margin-top: 10px;
    width: 730px;
    background-color: #E7F0FE;
    text-align: center;
    clear: both;
}
.spName {
	font-weight: normal;
}
.spName i {
	font-weight: normal;
	display: block;
}
.noindent {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 2px;
}
.ageSexList {
	width: 730px;
	margin-top: 10px;
}
.ageSexConfirm {
	width: 590px;
}
.ageSexList th, .ageSexConfirm th {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}
.ageSexList .sppName, .ageSexConfirm .sppName, .total {
	font-weight: bold;
	font-size: 13px;
}
.ageSexList .sppName i, .ageSexConfirm .sppName i {
	font-weight: normal;
	font-size: 12px;
}
* html .ageSexList .sppName { /* hack for ie */
	padding-top: 17px;
}

.ageSexTable {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	margin-right: 15px;
	width: 330px;
}
.ageSexTable th {
    background-color: #ffffcd;
    color: #000;
    font-size: 12px;
	text-align: left;
}
.ageSexTable th.sexLabelLabel {
	font-weight: bold;
	border-top: 1px solid #ccc;
	padding: 3px;
}
.ageSexTable th.sexLabels, .ageSexTable .ageLabels, .ageSexTable .ageLabels2, .ageSexTable .preAge {
	padding: 3px;
}
.agecomments input {
	width: 425px;
}
td.edgecell {
	border-right: 1px solid #ccc;
}
td.bordercell {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.ageSexTable td.ageLabels, .ageSexTable td.ageLabels2 {
    background-color: #E7F0FE;
    width: 110px;
}
.ageSexTable td.ageLabels2 {
	width: 70px;
}
.preAge {
	background-color: #E7F0FE;
	border-left: 1px solid #ccc;
	font-weight: bold;
}
td.agesex {
	width: 55px;
	height: 25px;
	border: 1px solid white;
	text-align: right;
	font-weight: bold;
}
td.empty {
	background-color: #efefef;
}
td.notempty {
	background-color: #fff;
}
.agefield {
	width: 65px;
	height: 22px;
}
.agefield input {
	width: 65px;
	height: 22px;
	text-align: right;
}
.comments {
	padding: 2px 0px 8px 20px;
	background: url(/content/common/images/icon_comments.gif) left top no-repeat;
}
.confirmComments {
	width: 580px;
}
.editComments {
	width: 500px;
}
.commentBox {
	width: 285px;
	height: 85px;
	border: 1px solid #ccc;
}
.total {
	font-weight: bold;
}
.total input {
	text-align: right;
	font-weight: bold;
	width: 58px;
	font-size: 13px;
}

* html .total input { /* hack for ie */
	margin: 10px;
}

/* Cleanup, utility, and bugfix styles */
form {
    margin: 0px;
    padding: 0px;
}
.clear {
    clear: both;
}
.centered {
    text-align: center;
}
.FeatureImageFloatRight {
	float: right;
	margin: 10px 10px 10px 10px;
	padding: 0px;
	width: 260px;
	background-color: #FFF;
	border: 1px solid #666;
	voice-family: "\"}\""; /* HACK FOR WINIE 5 */
	voice-family: inherit;
	width: 270px;
	}
	
body> .FeatureImageFloatRight {
	width: 270px;
	}
	
.FeatureImageFloatLeft {
	float: left;
	margin: 10px 10px 10px 0px;
	padding: 0px;
	width: 260px;
	background-color: #FFF;
	border: 1px solid #666;
	voice-family: "\"}\""; /* HACK FOR WINIE 5 */
	voice-family: inherit;
	width: 270px;
	}

body> .FeatureImageFloatLeft {
	width: 270px;
	}

/* file import styles */

fieldset, .fieldset {
    border: none;
    text-align: center;
    }
.formpair {
	margin: 0px auto;
    text-align: left;
    width: 500px;
    display: block;
    }
.formfields {
    width: 300px;
    float: right;
    }

.forminputs {
	clear: both;
	width: 100%;
    margin: 20px 0 30px 0;
    }

.forminputs form {
    display: inline;
    }

label.begin {
    width: 190px;
    float: left;
    display: block;
    text-align: right;
    font-weight: bold;
    }
input.inputcancel {
    padding: 5px 15px;
    }
input.inputsearch {
    padding: 2px 15px;
    }
input.textinput {
    width: 260px;
    }
input.inputsubmit, input.inputapply {
    font-weight: bold;
    border-top: 2px solid #c0dcc5;
    border-left: 2px solid #c0dcc5;
    border-bottom: 2px solid #1f5f29;
    border-right: 2px solid #1f5f29;
    background: #2d893c left no-repeat;
    padding: 5px 15px 5px 15px;
    color: #fff;
    }

.upload th {
	font-weight: bold;
	font-size: 11px;
	vertical-align: bottom;
	}

#errors {
    background: #fcf3ab url(/content/common/images/errormark_big.gif) 10px 10px no-repeat;
    padding: 10px;
    margin-bottom: 10px;
    }
ul.errorlist {
    background-color: #ffffcd;
    margin-top: 5px;
    margin-bottom: 5px;
    }
ul.errorlist li {
    list-style: none;
    font-weight: bold;
    color: #900;
    }
* html ul.errorlist li {
	padding-left: 20px;
}
#status {
	margin: 15px 15px 25px 15px;
	}

#status .done, #status .inprogress {
	background: url(/content/common/images/greencheck.gif) left no-repeat;
	color: #1f5f29;
	margin-bottom: 0;
    padding: 3px 30px;
	}

#status .inprogress {
    background: url(/content/common/images/spinner.gif) left no-repeat;
	color: #000;
 	}

#status p {
    background-color: #ffffcd;
    margin: 25px 35px 45px 40px;
    padding: 15px;
    }
    
#status p.plain {
    margin: 10px 0 0 40px;
    padding: 0;
    background-color: transparent;
    }

p.delete {
    float: right;
    margin: 0;
    }

p#uploadnew {
    float: right;
    color: #ccc;
    width: auto;
    font-weight: bold;
    margin: 3px 0 0 0;
    }

#allreports {
	margin: 10px;
	}

#allreports h3, .upload h3, .upload h3.contentTitle {
	margin: 0;
	}

.summary p {
	margin: 10px 0 0 0;
	}

.summary p.delete {
	margin: 0;
	}

.upload {
	margin-top: 10px;
	}

.upload form {
	margin-top: 10px;
	}

.upload h3, .upload h3.contentTitle {
	line-height: 20px;
	margin: 10px 10px 0 10px;
	}

.report {
    background: #efefef no-repeat;
    margin-top: 15px;
    padding: 15px 15px 15px 15px;
    height: 100%;
    }
    
.errors, .searchsuggestions, .feedback {
    background-color: #ffffcd;
    border: 1px solid white;
    padding: 10px;
    }
td.errors {
	border: none;
}
.errortable ul li {
	list-style-image: url(/content/common/images/errormark_red.gif);
	font-weight: normal;
}
.errortable {
	padding: 5px;
	margin-bottom: 10px;
    background-color: #ffffcd;
}
.errorBox {
	width: 470px;
	float: left;
	background-color: #ffffcd;
	display: none;
}
.errorBox span {
	margin: 5px;
	padding-left: 30px;
	display: block;
	background: url(/content/common/images/errormark_red.gif) left center no-repeat;
}
.confirmBox {
	width: 200px;
	float: right;
	background-color: #ffffcd;
	padding: 10px;
}
.feedback, .errors {
	margin: 10px 0 0 0;	
	}

.errors h3 {
	margin: 0;
	padding: 5px;
	}
	
.errors p.delete {
	margin: 5px;
	}
span.errors {
	background: transparent;
	border: none;
	display: inline;
}
.focal .message {
	padding: 15px;
	width: 700px;
	font-size: 13px;
	font-weight: bold;
	background-color: #ffffcd;
}

.feedback {
	min-height: 30px;
	}

.feedback h3 {
	color: #1f5f29;
	padding: 5px;
	}

.feedback h3, .completed {
	color: #1f5f29;
 	}
    
h3.completed {
    padding: 10px;
    }
    
.feedback .fastsubmit {
    display: block;
    float: right;
    width: 200px;
    border-top: 1px solid #c0dcc5;
    border-left: 1px solid #c0dcc5;
    border-bottom: 1px solid #1f5f29;
    border-right: 1px solid #1f5f29;
    background: #2d893c url(/content/common/images/greendown.gif) left no-repeat;
    padding: 5px 5px 5px 25px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    }
  
ul.fixlist {
    margin: 5px;
    padding: 00;
    }
    
ul.fixlist li {
    list-style: none;
    margin: 0 0 10px 0;
    }
    
a.fixlink {
    font-weight: bold;
    }

.match p {
	margin: 10px 0 5px 0;
	}

table.matching {
    width: 700px;
    margin: 0 0 20px 0;
    }

table.matching th, table.matching td {
	padding: 10px;
	}

table.matching th {
	padding-bottom: 7px;
	}

.errors h3, .errorBox, .confirmBox {
    color: #900;
    }

td.arrow, .red td.arrow {
	background: url(/content/common/images/greenin.gif) 0 6px no-repeat;
	width: 5px;
	padding-left: 0;
	padding-right: 0;
	}

.row0 td.arrow {
    background-color: #efefef;
    }

.red td.arrow {
	background-image: url(/content/common/images/redin.gif);
	}

td.unknown, td.changeto {
    color: #1f5f29;
    font-weight: bold;
    font-size: 14px;
    }

th#unknown, td.unknown {
	text-align: right;
	}

th#obsaffected {
	width: 60px;
	}

td.obsaffected {
	text-align: right;
	}

.red td.unknown, .red td.changeto {
    color: #900;
    }

span.lastime {
    color: #666;
    font-weight: normal;
    font-size: 11px;
    }

td.unknown a, td.changeto a {
    font-size: 12px;
    font-weight: normal;
}
td.unknown a strong, td.changeto a strong {
    font-size: 13px;
}

#groupwrapper {
	width: 100%;
	}

#speciesmatch .forminputs {
    margin: 15px 0 30px 0;
    }

#speciesmatch .forminputs input {
    }

fieldset.group1, fieldset.group2 {
	height: 340px;
	text-align: left;
	}
	
fieldset.group1 {
	float: left;
	width: 320px;
	}

ul.speciesList  {
    background-color: #fff;
    list-style: none;
    overflow: auto;
    margin: 0;
    padding: 0;
    }

.group1 ul.speciesList {
    width: 310px;
    height: 300px;
	border: 1px solid #ccc;
	}  

.group2 ul.speciesList {
    height: 190px;
	}  

ul.speciesList li {
	clear: both;
 	width: 298px;
    padding: 6px 5px;
    margin: 2px;
    border-bottom: 1px dashed #ddd;
	}

/* hide from IE-Mac \*/
    ul.speciesList li { float: left;}
/* end hide */

.group1 ul.speciesList li {
 	width: 295px;
	}

.group2 ul.speciesList li {
 	width: 325px;
	}

.speciesList label {
    float: none;
    }

/* hide from IE-Mac \*/
.speciesList input, .speciesList label {
	display: block;
	float: left;
	}

.speciesList label {
	width: 260px;
	margin: 0 0 0 2px;
	}
/* end hide */

.group1 h3, .group2 h3 {
	color: #900;
	margin: 0 0 10px 0;
	}
	
.searchsuggestions {
    margin-top: 15px;
    }

.suggestions h3 {
	margin-top: 0;
	}
	
.fasterrors p {
    padding: 0;
    }

#regionlistContainer {
	margin: 10px 0;
	}
	
#regionlistContainer ul {
	float: left;
	border-left: 1px solid #ddd;
	width: 165px;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	text-align: left;
	}
	
#regionlistContainer ul.regionlist1 {
	border: none;
	}
	
#regionlistContainer li {
	clear: both;
	margin: 0;
	padding: 5px 0;
	}
/* hide from IE-Mac \*/
#regionlistContainer li { float: left;}
/* end hide */

#regionlistContainer input, #regionlistContainer label {
	display: block;
	float: left;
	}

#regionlistContainer label {
	width: 120px;
	}

#regions h3 {
	color: #900;
	}

.upload ul#locationlist {
	list-style: none;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 100px;
	padding: 10px 0 20px 0;
	}

.upload ul#locationlist li {
	margin: 0 0 20px 0;
	}

.upload hr {
    visibility: hidden;
    clear: both;
    display: block;
    margin: -0.66em 0;
}

/* hides fixes from IE-Mac \*/
* html .summary p { height: 1%; }
* html .errors { height: 1%; }
* html .errors p { height: 1%; }
* html .feedback p { height: 1%; }
* html .feedback { height: 1%; }
* html .ageSexList {height: 1%;}
* html .ageSexList tr { height: 1%;}
* html .errorBox { height: 1%; }
* html .confirmBox { height: 1%; }
* html .ageSexTable { height: 1%; }
* html .edgecell { height: 1%; }
* html .bordercell { height: 1%; }
* html .ageLabels { height: 1%; }
* html .fastsubmit { width: 230px !important;}
/* end hide from IE-Mac */

* html .group2 {
}