body {
	/*background-color:#D8D8D8;*/
	background-color:#efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	min-width:950px;
	margin:10px 0px;
}

ul {list-style-type:none;}

.removeImg{
	height: 10px;
	width: 10px;
	cursor: pointer;
}

.simplepheno tr td ul  { font-size:12px; padding:0px; margin:0px; border:#fff 1px solid;}
.pheno tr td ul li{ font-size:12px; padding:0 9px 0 9px; margin:0px; border:#fff 1px solid;}
.pheno h4 {font-size:12px;}
#leftcol{
	margin-top:0em;
	display:inline;
	width:220px;
	float:left;
}

#leftlinks{
	padding:0px; 
	margin-left:0px;
	font-size:12px;
}

#leftlinks li{
	padding:3px 0 3px 0;
	overflow:hidden;
}

#frontpage p{
	padding:0 20px;
	margin-left:0px;
	color: #7F7F7F;
	font:16px Verdana;
}

#frontpage h3{
	padding:0 20px;
	margin-left:0px;
	color: #5F5F5F;
	font:19px Verdana bold;
}


/******************************** fenologi ***************************/

.stages{
	padding:15px 3px 15px 3px;
	margin-top:10px;
	margin-bottom:10px;
	width:630px;
	}
	
.stages ul{
	list-style-type:none;
	padding:0px;
	display:inline;
	margin:0;
	padding:0;
	}

.stages h4{
	margin-bottom:0;
	margin-top:0;
	}	
.stages ul li{font-size:10px; text-align:left}

/*******************************************************************/

/************************** Header *********************************/
#linkBar{
	background-color:#993300;
	height:25px;
	/*width:550px;*/
	margin:35px 5px 0px 255px;	
	border-bottom:#993300 solid 1px;
}
#menu{
height:25px;
border:#FF6633 solid 1px;
margin-bottom:0px;
}

#menu ul{
text-align:center;
margin:5px;
margin-left:-29px;
}

#menu ul li{
display: inline;
}

#menu ul li a{
color: #ffffff;
font-size:13px;
font-weight: bold;
padding: 0px 5px 5px 5px;
text-decoration: none;
}

#menu ul li a:hover{
color: #494949;
}
/************************ end header *********************************/

/************************** Header *********************************/
.linkBar{
	background-color:#993300;
	height:32px;
	/*width:550px;*/
	margin:15px 5px 0px -5px;
}
.menu{
height:30px;
border:#000 solid 1px;
margin-bottom:0px;
}

.menu ul{
text-align:right;
margin:5px;
}

.menu ul li{
display: inline;
}

.menu ul li a{
color: #000;
font-weight: bold;
padding: 0px 12px 5px 12px;
text-decoration: none;
font-size:6px;
/*background: url(images/divider3.gif) center right no-repeat;*/
}
/*
.menu ul li a:hover{
color: #494949;
}*/
/************************ end header *********************************/

/*********** front page columns ***********/
#rightcolfront { width:660px; 
				float:right;
				height:500px;
				border:#fff solid 1px; 
				padding:30px 20px 0px 0px;
				color: #000;
				font:10pt Verdana;
				}
#leftcolfront { width:240px; 
				height:500px; 
				float:left;  
				display:inline; 
				border-right:#333 dotted 1px;
				font:12px Verdana;
				/*margin:0px;*/
				margin-top:25px;
				
				}
#leftcolfront ul {margin:0px; overflow:hidden; }
#leftcolfront ul li{margin:0px; padding:5px 0px;}
#leftcolfront ul li a{text-decoration:none}
#leftcolfront ul li a:hover{text-decoration:underline; color:#666666}

/*********** main page columns ***********/
#rightcolmain { width:695px; 
				float:right;
				height:955px;
				padding:15px 0px 5px 15px;
				color: #000;
				font:12px Verdana;
				
				}
#leftcolmain { width:200px; 
				height:955px; 
				float:left;  
				display:inline; 
				/*border:#333 dotted 1px;*/
				font:12px Verdana;
				/*margin:0px;*/
				padding-top:20px;
				padding-left:32px;
				margin-top:5px;
				margin-bottom:5px;
				
				}
/*********** search page columns ***********/
#rightcolsearch { 
	width:200px; 
	float:left;  
	height:955px;
	padding:0px 0px 0px 10px;
	color: #000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
}
#leftcolsearch { 
	width:200px; 
	height:955px; 
	float:left;  
	display:inline; 
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 25px;	
	margin-top:20px;
}	
#midcolsearch { 
	width:495px;
	float:left; 
	height:955px;
	padding:0px 0px 0px 35px;
	color: #000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
	margin-top:19px;
}							
/*********************************************/

#rightcol { 
	width:695px; 
	float:right;
	height:955px;
	border:#fff solid 1px; 
	padding:30px 20px 0px 0px;
	color: #000;
	font:16px Verdana;
	
}


.confirm{
	position:absolute;
	top:200px;
	left:145px;
	padding:10px;
	background-color:#FFFFFF;
	text-align:center;
	border-style:solid;
	border-width:2px;
	border-color:#000000;
	
}

.confirmPosition{
	position:absolute;
	top:200px;
	left:55px;
	z-index:10000;
	display:none;
}

.confirmPosition td{
padding:10px;
text-align:center;
}

/************************* head section for the main & popup boxes ***********************/	

.head{
	
	padding:0px 10px 3px 10px;
	background: transparent url(../images/grey_glass_header.png) center;
	background-color:#BABABA;
	text-align:left;
	font: bold 16px Verdana;
	cursor: move;
	height:10px;
	}	
.head img{
	text-decoration:none;
	cursor:pointer;
	height:11px;
	width:11px;
}

.popcontent .head .header {margin:-20px -20px 20px -21px; border-left:1px solid #fff;background:#fff;}

.mainhead{
	/*background: transparent url(../images/grey_glass_header.png) center;*/
	background-color:#ffffff;
	margin:0px 0px 20px -15px;
	padding:3px 10px 3px 10px;
	text-align:center;
	font: bold 16px Verdana;
}

/*****************************************************************************************/

.uploadPosition{
	position:absolute;
	top:200px;
	left:145px;
	z-index:10000;
	display:none;
}

	
.dim{
	background-color:#555555;
	position:absolute;
	top:0px;
	bottom:0px;
	display:none;
	margin:0;
	height:1150px;	
}

.kjell {
	width:980px;
}

.calImg{
	cursor:pointer;
	height:17px;
	width:17px;
	vertical-align: top;
}

.clearDate{
	height:8px;
	width:8px;
	vertical-align: top;
}

/***************************** Popup css ************************************/ 
.dataDownload{
	background: transparent;
	position:absolute;
	z-index:10000;
	display:none;
	min-width:845px;
}

.mapPosition{
	background: transparent;
	position:absolute;
	top:5px;
	left:140px;
	z-index:10000;
	display:none;
	min-width:745px;
	max-width:50%;
}

.favoritesMapPosition{
	background: transparent;
	position:absolute;
	top:5px;
	left:140px;
	z-index:10000;
	display:none;
	min-width:325px;
	max-width:50%;
}

.logPop{
	background: transparent;
	position:absolute;
	z-index:10000;
	width:350px;
	text-align:center;
	padding:0px;
	margin-bottom:20px;
}	

div.login div{
	text-align:right;
	width:300px;
	margin-bottom:3px;
}

.regPop{
	background: transparent;
	position:absolute;
	top:95px;
	left:360px;
	z-index:10000;
	width:700px;
	
}

popup span {display:inline;}	

/* favorite locations */
.favorites {
	background: transparent;
	position:absolute;
	top:5px;
	left:140px;
	z-index:10000;
	display:none;
	width:600px;
}
.favorites div table {
	padding:5px;
	margin-top:10px;
}

.favorites div table tr td {
	padding:5px;
}

/*****************************************************************/

.regPop input{margin 5px;}

.observation{
	padding:10px 20pxpx 10px 20px; 
	margin-bottom:10px; 
	width:650px;
}

/* Inset 3D Raised */

.raised {background: transparent; margin:0px auto; width:970px;}
/*.raised h1, .raised p {margin:10px;}
.raised h1 {font-size:2em; color:#000; letter-spacing:1px; text-align:center}*/
.raised p {padding-bottom:0.5em;}

/*css for header img used on all of the pages*/
.raised .b1h {margin:0 5px; background:url(../images/top_tussilago_scaled.png) no-repeat;}
.raised .b2h {background:url(../images/top_tussilago_scaled.png) no-repeat; }
.raised .b3h {background:url(../images/top_tussilago_scaled.png) no-repeat;  }
.raised .b4h {background:url(../images/top_tussilago_scaled.png) no-repeat;  }
/**********************************************/

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b, .raised .b2h,.raised .b1h,.raised .b2h, .raised .b3h, .raised .b4h {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b1h, .raised .b2h, .raised .b3h {height:1px;}

.raised .b2 {background-color:#fff; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background-color:#fff; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background-color:#fff; border-left:1px solid #fff; border-right:1px solid #aaa;}

.raised .b4b {background:#fff; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#fff; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#fff; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b, .raised .b2h {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b, .raised .b3h {margin:0 2px;}
.raised .b4, .raised .b4b, .raised .b4h {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#fff; border-left:1px solid #fff; border-right:1px solid #999; height:660px}
.raised .popcontent {display:block;  background:#fff; border-left:1px solid #fff; border-right:1px solid #666; border-bottom:1px solid #999; padding:20px;}
.raised .boxcontent1 {display:block;  background:#fff; border-left:1px solid #fff; border-right:1px solid #999;}
.raised .boxcontentmain {display:block;  background:#fff; border-left:1px solid #fff; border-right:1px solid #999; height:1010px; padding-bottom:20px; }
.raised .boxcontentsearch {display:block;  background:#fff; border-left:1px solid #fff; border-right:1px solid #999; height:1410px; padding-bottom:20px; }

.raised #leftcol{padding-top:1em}

/*this needs to be combined with above at some point*/

.header {background: transparent; }
.header h1, .header p {margin:10px;}
.header h1 {font-size:2em; color:#000; letter-spacing:1px; text-align:center}
.header p {padding-bottom:0.5em;}

.header .top, .header .bottom {display:block; background:transparent; font-size:1px;}
.header .b1, .header .b2, .header .b3, .header .b4, .header .b1b, .header .b2b, .header .b3b, .header .b4b {display:block; overflow:hidden;}
.header .b1, .header .b2, .header .b3, .header .b1b, .header .b2b, .header .b3b {height:1px;}

.header .b2 {background-color:#BABABA; border-left:1px solid #fff; border-right:1px solid #eee;}
.header .b3 {background-color:#BABABA;; border-left:1px solid #fff; border-right:1px solid #ddd;}
.header .b4 {background-color:#BABABA; border-left:1px solid #fff; border-right:1px solid #aaa;}

.header .b4b {background-color:#BABABA; border-left:1px solid #eee; border-right:1px solid #999;}
.header .b3b {background-color:#BABABA; border-left:1px solid #ddd; border-right:1px solid #999;}
.header .b2b {background-color:#BABABA; border-left:1px solid #aaa; border-right:1px solid #999;}

.header .b1 {margin:0 5px; background:#fff;}
.header .b2, .header .b2b {margin:0 3px; border-width:0 2px;}
.header .b3, .header .b3b {margin:0 2px;}
.header .b4, .header .b4b {height:2px; margin:0 1px;}
.header .b1b {margin:0 5px; background:#999;}
.header .boxcontent {display:block;  background:#fff; border-left:1px solid #fff; border-right:1px solid #999; padding:20px}
.header .popcontent {display:block;  background:#fff; border-left:1px solid #fff; border-right:1px solid #666; border-bottom:1px solid #999; padding:0px 0px 0px 0px;}
.header #leftcol{padding-top:1em}


/*****************************************************************************************************************/
.sldr {background: transparent; margin:0 0 auto;  width:650px; color:#333;}

.sldr .top, .main .bottom {display:block; background:transparent; font-size:1px;}
.sldr .b1, .main .b2, .main .b3, .main .b4, .main .b1b, .main .b2b, .main .b3b, .main .b4b {display:block; overflow:hidden;}
.sldr .b1, .main .b2, .main .b3, .main .b1b, .main .b2b, .main .b3b {height:1px;}

.sldr .b2 {background-color:#993300; border-left:1px solid #eee; border-right:1px solid #eee;}
.sldr .b3 {background-color:#993300; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.sldr .b4 {background-color:#993300; border-left:1px solid #aaa; border-right:1px solid #aaa;}

.sldr .b4b {background:#eee; border-left:1px solid #eee; border-right:1px solid #999;}
.sldr .b3b {background:#eee; border-left:1px solid #ddd; border-right:1px solid #999;}
.sldr .b2b {background:#eee; border-left:1px solid #aaa; border-right:1px solid #999;}


.sldr .b1 {margin:0 5px; background:#fff;}
.sldr .b2, .main .b2b {margin:0 3px; border-width:0 2px;}
.sldr .b3, .main .b3b {margin:0 2px;}
.sldr .b4, .main .b4b {height:2px; margin:0 1px;}
.sldr .b1b {margin:0 5px; background:#999;}
.sldr .boxcontent {font-siz:10pt; display:block;  background:#eee; border-left:1px solid #aaa; border-right:1px solid #999; padding-bottom:15px; height:95px;}


/********************** Rounded Search Box***************************************/

form .psearch {
    background: none;
    border: 0px;
    height: 30px;
    margin: 0px;
    padding: 0;
    width: 165px;
}
form div.psearch {
    position: relative;
    background: url(../images/psearch-def-ececec.gif) 0 0 no-repeat;
}
form div.psearch.safari {
    background: none;
}

form div.focused {
    background-position: bottom left;
}

form div#default-search-form {
    background: url(../images/psearch-def-ececec.gif) 0 0 no-repeat;
}
form div#default-search-form.focused {
    /* needed for ie*/
    background-position: bottom left;
}
form div#default-search-form.safari {
    background: none;
}

form div#drk-grey-search-form {
    background: url(../images/psearch-def-cccccc.gif) 0 0 no-repeat;
}
form div#drk-grey-search-form.focused {
    /* needed for ie*/
    background-position: bottom left;
}
form div#drk-grey-search-form.safari {
    background: none;
}

form div.psearch label {
    display: block;
    padding: 4px 0;
}

form input.psearch {
    /* prevent google toolbar from breaking pretty search when autofill is enabled*/
    background-color: transparent !important;
    color: #666;
    font-size: 11px;
    height: 18px;
    margin: 0 4px;
    padding: 6px 4px 0px 8px;
    width: 153px;
}

/* Fix so that the text won't flow pased the end of the background image (x) */
form input.psearch.nonsafari {
    width: 108px;
}
form div.psearch span {
    position: absolute;
    width: 11px;
    height: 11px;
    overflow: hidden;
    z-index: 1;
    right: 9px;
    top: 10px;
    background: url(../images/clear.gif);
    cursor: pointer;
    display: none;
}
form div.psearch span.down {
    background: url(../images/clear-down.gif);
}

/*confirm observation popup div*/
table.confirmData {
	text-align:center;
	font-size:9pt;
	border-collapse:collapse;
	
}
table.confirmData th{
	padding:5px;
	/*border:1px solid #eee;*/
	border-bottom:1px solid #666;
	
}
table.confirmData td{
	padding:5px;
	/*border:1px solid #eee;*/
}

#my_links{padding:0in;}
#my_links li{cursor:pointer}
#my_links li:hover{text-decoration:underline;}
	
.phase_table {
	border:1px solid #999;
	border-collapse:collapse;
	width:90%;
	margin:10px auto;
}
.phase_table th{
	background-color:#eee;
	color:#000;
	padding:0px;
}
.phase_table th, .phase_table td{
	border:1px solid #999;
	padding:2px;
}
.phase_table ul {text-align:left; padding:0; margin-top:0}

.label {font-weight:600;}
.mapContainer {height:405; width:325}
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.header_shadow{
	text-shadow: #999 0.2em 0.2em 0.3em;
	font-weight:700; 
	font-size:16pt;
	margin-top:10px
}