@import "undohtml.css";

html
{
	height: 100%;
}

body
{
	font-size: 90%;
	font-family: Verdana, Arial, Sans-Serif;
	heeight: 100%;
}

#content
{
	color: rgb(0,0,0);
	
	height: 100%;
	width: 62%;
	overflow: auto;
}
#left
{
	width: 48%;
	float: left;
}

#right
{
	width: 48%;
	float: right;
}

#content-box ul
{
	margin-left: 2em;
}

#content-box ol
{
	margin: 3em;
	list-style: decimal;
	font-size: 0.84em;
	line-height: 1.5em;
}

#content-box ol li
{
	padding: 1em;
	padding-bottom: 0.8em;
	padding-top: 0em;
}

#country-selector
{
	border: 1px solid rgb(210,210,210);
	boarder-bottom: 0px;
	text-align: center;
	background-color: rgb(240,240,240);
	bqqckground-color: rgb(250,250,250);
	padding: 1.2em;
	padding-bottom: 2em;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 0em;

}

#footer
{
	margin: 2em;
	padding: 1em;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	text-align: center;
	font-size: 85%;
	border-top: 1px dotted rgb(210,210,210);
	color: rgb(64,64,64);
	clear: both;
}

#footer a:visited
{
	color: rgb(13,120,182);
}

#loading
{
	display: none;
	background-color: white;
	position: absolute;
	top: 6em;
	width: 100%;
	height: 60%;
	text-align:center;
	color: rgb(20,20,20);
}

#loading h2
{
	padding-top: 6em;
	font-size: 200%;
	vertical-align: bottom;
	
}

#loading a
{
	color: #000000;
}

#country-selector select
{
	margin-top: 1em;
	border: 1px solid transparent;
	outline: 1px solid rgb(180,180,180);
}

#country-selector h3
{
	margin-top: 0em;
	margin-bottom: 0.2em;
	font-weight: normal;
}

#country-selector input
{
	margin: 1em;
	margin-left: 2em;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 0em;
	
}

#country-selector input:hover
{
	cursor: pointer;
}
/*
#dataset-selector1
{
	width: 100%;
	display: block;
	background-color: rgb(240,240,240);
}

#dataset-selector1 ul
{
	margin: 1em;
	margin-top: 0em;
	padding: 0em;
}

#dataset-selector1 ul li
{
	list-style-type: none;
	padding: none;
	margin-left: -1.5em;
	margin: none;
}

#dataset-selector1 .category
{
	font-weight: bold;
	color: #0b6497;
}

#dataset-selector1 ul li input
{
	background-color: yellow;
	margin-left: 0em;
	margin-right: 1em;
}

#dataset-selector1 ul li label
{
	background-color: red;	
}

#dataset-selector1 ul li label:hover
{
	cursor: pointer;

}

#dataset-selector1 input, label,li,ul
{
	padding: 0;
	margin: 0;
}
*/

#datasets
{
	padding:0.6em;
	padding-bottom: 3em;
	baackground-color: rgb(245,245,245);
	baorder: 1px dotted rgb(210,210,210);
	baorder-top: 0px;
}

#dataset-selector
{
	font-size: 100%;
	padding: 0em;
	margin: 0em;
	baackground-color: rgb(240,240,240);
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#dataset-selector th
{
	color: #0b6497;
	color: rgb(13,120,182);
	padding: 0.1em;
	padding-top: 1.3em;
}

#dataset-selector th input
{
	display: none;
}

#dataset-selector th label
{
	padding-left: 0em;
}

#dataset-selector td
{
	padding: 0.11em;
	padding-left: 0.1em;
}

#dataset-selector tr:hover
{
/*	background: transparent url(images/backgroundr1.png) repeat-x bottom left;*/
	color: rgb(13,120,182);
}

#dataset-selector tr:active
{
	/*background: transparent url(images/background.png) repeat-x center left;*/
	color: rgb(13,120,182);
}

#dataset-selector th:hover
{
	color: rgb(13,120,182); 
}

#dataset-selector label
{
	width: 100%;
	display: block;
	padding-left: 0.2em;
}

#dataset-selector label:hover
{
	cursor: pointer;
}

#content-box
{
	padding: 2em;
	padding-top: 2.5em;
	display: block;
	font-size: 94%;
}

#content-box ul
{
	list-style-type: square;
	color: rgb(13,120,182);
	padding-top: 0em;
	padding-bottom: 1em;
	padding-left: 1.2em;
}

#content-box ul li
{
	color: rgb(0,0,0);
	padding-top: 0.3em;
	padding-left: 0.5em;
}

#content-box dt
{
	font-weight: bold;
}

#content-box dl
{
	border-bottom: 1px dotted rgb(200,200,200);
	margin-left: 2em;
	margin-right: 2em;
}
/*
#content-box dl
{
	width: 100%;
	display: block;
	clear: both;
}

#content-box dt
{
	display: block;
	width: 45%;
	float: left;
	padding:0;
	margin:0;

}

#content-box dd
{
	width: 55%;
	padding:0;
	margin:0;
	margin-top: 1.2em;
	display: block;
	float: right;
}
*/

#body
{
	height: 85%;
}

a:link
{
	color: #0000CC;
	color: rgb(13,120,182);
}

p
{
	line-height: 1.6em;
	margin-bottom: 1.2em;
}

.section1
{
	margin-bottom: 2em;
}

.info
{
	padding: 0em;
	padding-left: 0em;
	margin-left: 0em;
	padding-top: 0em;
	font-size: 85%;
	boorder-left: 5px solid rgb(200,200,200);
	color: rgb(51,51,51);
	padding-bottom: 0em;
	boorder-bottom: 1px dotted rgb(220,220,220);
}

.meta
{
	
}

.owners
{
	display: block;
	width: 48%;
	float: left;
}

.owner img
{
	float: left;
	padding: 0.5em;
	margin-bottom: 0.5em;
	border: solid 1px rgb(180,180,180);
}

.owner ul
{
	float: left;
}

.owner
{
	padding-bottom: 0.5em;
	clear: both;
}

.sub-info
{
	display: block;
	width: 48%;
	float: right;
}

.info h3
{
	padding-top: 1em;
	clear: both;
	font-weight: bold;
}

#content-box .info dl
{
	border-bottom: 0px;
}

#content-box .info dt
{
	margin-bottom: 0.1em;
}

#content-box .info dd
{
	margin-bottom: 0.3em; 
}

#view
{
	display: block;
	width: 100%;
	height: 3.1em;
	background-color: rgb(204,204,204);
}

#view ul
{
	display: inline;
	padding-left: 0.5em;
	padding-top: 0.5em;
	float: left;
}

#view ul li
{
	display: block;
	float: left;
	padding-left: 1em;
	background: white url(images/dtab-left.png) top left no-repeat;
}

#view ul li a
{
	font-weight: bold;
	text-decoration: none;
	font-size: 90%;
	display: block;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	background: white url(images/dtab-right.png) top right no-repeat;
	color: rgb(51,51,51);
}

#view ul .selected
{
	background: white url(images/tab-left.png) top left no-repeat;
}

#view ul .selected a
{
	background: white url(images/tab-right.png) top right no-repeat;
	color: rgb(13,120,182);
}

#view ul li a:hover
{
	color: rgb(13,120,182);
}


.button
{
	background-color: white;
	background: white url(images/backgroundr.png) repeat-x;
	background-position: bottom left;
	paadding: 0.25em 1em 0.25em 1em;
	color: #000000;
	text-decoration: none;
	border: 1px solid transparent;
	outline: 1px solid rgb(180,180,180);
	maargin: 0.2em 1em 0.2em 1em;
	cursor: pointer;
}

.link-button
{
	padding: 0.25em 1em 0.25em 1em;
	margin: 0.2em 1em 0.2em 1em;
}

#toolbox
{
	float: right;
	display: blocl;
}

.button:active
{
	border: 2px groove rgb(180,180,180);
}

.button:hover
{
	border: 1px solid orange;
}

.submit
{
	background-color: rgb(254,254,254);
	ofont-size: 1em;
}

#footer p
{
	margin-bottom: 0.0em;
	
}


#content-box .owner-list
{
	list-style-type: none;
	width: 80%;
	margin-left: -1.5em;
}

#content-box .owner-list li
{
	width: 100%;
	display: block;
	clear: both;
}


#content-box .image
{
	width: 24%;
	float: left;
	text-align: right;
	border-right: 1px solid rgb(200,200,200);
	padding-right: 2em;
}

#content-box .page
{
	margin-bottom: 2em;
	border-bottom: 1px dotted rgb(50,50,50);
}

#content-box .description
{
	width: 70%;
	paadding-left: 2.5em;
	float: right;
	
}

#content-box .description h2
{
	padding-top: 0em;
	margin-top: 0em;
}

#content-box .note
{
	display: block;
	background-color: #FFFFBE;
	border: 1px solid #FFFF56;
	padding: 3em;
	padding-top: 2em;
	padding-bottom: 2em;
	margin-bottom: 1em;
	display: none;
}

#content-box .note p
{
	font-size: 90%;
	margin-bottom: 0em;
}

#content-box .note h4
{
	padding: 0em;
	margin: 0em;
}