/* generic tags */

html {
width: 100%;
margin: 0px;
font-size: 76%;
font-family: Tahoma, Geneva, sans-serif;
background-color: #CACDD1;
color: #122E3C;
background-image: url(../graphics/gradient.gif);
background-position: left top;
background-repeat: repeat-x;
text-align: center;
}

body {
width: 100%;
margin: 0px;
font-size: 76%;
font-family: Tahoma, Geneva, sans-serif;
background-color: #CACDD1;
color: #122E3C;
background-image: url(../graphics/gradient.gif);
background-position: top left;
background-repeat: repeat-x;
text-align: center;
overflow: -moz-scrollbars-vertical;
}


form {
    display: inline;
}

a {
font-size: 1em;
text-decoration: none;
color: #3D6C9C;
}

a:hover {
text-decoration: underline;
}

form {
width: 100%;
height: 100%;
}

img.thumbnail {
border: 0px;
margin: 0px;
margin-right: 10px;
float: left;
}

input {
vertical-align: middle;
}


h1 {
font-weight: bold;
font-size: 1.7em;
margin-top: 0px;
}

h2 {
font-weight: normal;
font-size: 1.5em;
margin-top: 0px;
margin-bottom: 5px;
}

h3 {
font-weight: bold;
font-size: 1em;
margin-top: 0px;
margin-bottom: 0px;
}

hr {
clear: both;
line-height: 1px;
height: 1px;
border-top: 1px solid #B1B9BA;
border-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

hr.footer {
position: absolute;
left: 0px;
margin-left: 15px;
margin-right: 15px;
width: 720px;
}

p {
margin-top: 10px;
margin-bottom: 10px;
}

select {
border: 1px solid #7F9DB9;
line-height: 20px;
}


table {
border-collapse: collapse;
padding: 0px;
padding-right: 15px;
}

td {
padding: 0px;
}


/**************
 * containers *
 **************/

div.container {
margin-left: auto;
margin-right: auto;
width: 768px;
text-align: left;
}

div.main {
width: 750px;
position: relative;
top: 0px;
left: 9px;
background-color: #FFFFFF;
}

div.body {
padding-bottom: 40px;
background-color: #FFFFFF;
}

div.leftbar {
	float: left;
	width: 250px;
	background-color: #CACDD1;
	height: 100%;
}

div.content {
font-size: 1.2em;
float: left;
margin-left: 20px;
margin-right: 15px;
width: 465px;
background-color: #FFFFFF;
}

div.gmap {
    width: 455px;
    height: 300px;
}

div.searchbox {
width: 250px;
background-color: #b9c1c3;
border-bottom: 1px solid #ffffff;
}

div.search {
font-size: 1.2em;
margin-left: 15px;
padding-top: 15px;
line-height: 1em;
}

div.leftcontent {
	font-size: 1.2em;
	padding-top: 15px;
	margin-left: 10px;
	margin-right: 3px;
	background-color: #CACDD1;
	height: 100%;
}

div.bottombar {
margin-left: auto;
margin-right: auto;
width: 768px;
text-align: left;
}

div.bottomcontent {
position: relative;
top: 0px;
left: 9px;
width: 750px;
background-color: #6b7d85;
}

div.bottom {
margin-left: auto;
margin-right: auto;
width: 772px;
height: 8px;
}

div#topmenu {
width: 750px;
margin-top: -2px;
background-image: url(../graphics/topmenu_back.gif);
background-position: top left;
background-repeat: repeat-x;
background-color: #701407;
text-indent: 16px;
color: #ffffff;
font-weight: bold;
}

div.space {
height: 21px;
background-color: #ffffff;
}

div#language {
position: absolute;
top: 103px;
font-size: 1.2em;
}

div.footer {
	margin-left: 10px;
	padding: 0px;
	color: #ffffff;
	font-size: 1.2em;
}

div.footersmall {
	padding: 8px;
	color: #333333;
	font-size: 1em;
	background-color: #CCCCCC;
	text-align: center;
}

div.result {
clear: both;
margin-bottom: 20px;
}

div.clear {
clear: both;
margin-bottom: 50px;
}

div.navigate {
float: right;
margin-top: 5px;
}

div.view {
float: left;
}


/* links */

a.topmenu:active, a.topmenu:visited, a.topmenu:link {
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
padding-left: 7px;
padding-right: 25px;
background-image: url(../graphics/arrow.gif);
background-position: center left;
background-repeat: no-repeat;
line-height: 26px;
}

a.topmenu:hover {
color: #F09800;
}

a.topselect:active, a.topselect:visited, a.topselect:link, a.topmenu:hover {
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
color: #F09800;
padding-left: 7px;
padding-right: 25px;
background-image: url(../graphics/arrow.gif);
background-position: center left;
background-repeat: no-repeat;
line-height: 24px;
}

a.bottom:active, a.bottom:visited, a.bottom:link {
text-decoration: none;
color: #FFFFFF;
padding-left: 7px;
padding-right: 15px;
background-image: url(../graphics/arrow.gif);
background-position: center left;
background-repeat: no-repeat;
line-height: 24px;
}

a.bottom:hover {
color: #F09800;
}

a.footer:active, a.footer:visited, a.footer:link {
color: #3D6C9C;
}

a.bottomselect:active, a.bottomselect:visited, a.bottomselect:link, a.bottomselect:hover {
font-size: 1.2em;
text-decoration: none;
color: #F09800;
padding-left: 7px;
padding-right: 25px;
background-image: url(../graphics/arrow.gif);
background-position: center left;
background-repeat: no-repeat;
line-height: 24px;
}


a.leftmenu:active, a.leftmenu:visited, a.leftmenu:link {
text-decoration: none;
color: #122E3C;
padding-left: 7px;
padding-right: 25px;
background-image: url(../graphics/black_arrow.gif);
background-position: center left;
background-repeat: no-repeat;
line-height: 20px;
}

div.nested_menu {
    padding-left: 14px;
}

a.nested_menu {
    text-decoration: none;
    color: #122E3C;
}

a.leftmenu:hover {
text-decoration: underline;
}

a.button:active, a.button:visited, a.button:link {
background-color: #495A62;
color: #FFFFFF;
border: 1px solid #7F9DB9;
line-height: 1em;
font-size: 10px;
}

a.crossout:hover {
    text-decoration: line-through;
    font-weight: bold;
}

div.detail img {
border: 1px solid #CFCFCF;
margin-left: 13px;
margin-bottom: 13px;
float: right;
}

div.result img {
border: 1px solid #CFCFCF;
margin-right: 13px;
margin-bottom: 13px;
float: left;
}

div.navigate a {
padding-left: 30px;
}

div.navigate span {
padding-left: 30px;
color: #CFCFCF;
}

/* specific elements  */

table.list {
width: 220px;
font-size: 1em;
}

td.checkmark {
text-align: center;
width: 20px;
}

td.collection {
width: 155px;
text-align: left;
}

td.items {
width: 45px;
text-align: right;
}

#topimage {
position: relative;
height: 130px;
margin: 0px;
}

input.search {
border: 1px solid #7F9DB9;
width: 140px;
margin-right: 8px;
}

input.advanced {
border: 1px solid #7F9DB9;
width: 220px;
margin-right: 8px;
}


input.date {
border: 1px solid #7F9DB9;
width: 65px;
margin-right: 8px;
}

select.language {
font-size: 1em;
}

.advanced {
margin-right: 10px;
padding-top: 0px;
}

tr.header td {
background-color: #A9B1B3;
color: #ffffff;
font-weight: bold;
height: 24px;
line-height: 24px;
}

tr.header td.items {
text-align: left;
}

table.targetinfo {
width: 370px;
}

tr.targetinfo {
width: 100%;
}

td.targetinfo_value {
vertical-align: top;
}

td.targetinfo_key {
width: 70px;
vertical-align: top;
}

table.list tr td {
border-bottom: 1px solid #A9B1B3;
line-height: 20px;
}

table.list tr.footer td {
border-bottom: 0px;
text-align: right;
}

table.advancedsearch tr td {
line-height: 30px;
height: 30px;
vertical-align: top;
}

table.peoplesearch tr td {
    line-height: 30px;
    height: 30px;
    vertical-align: top;
}

table.locationsearch tr td {
    line-height: 30px;
    height: 30px;
    vertical-align: top;
}

table.comment tr td {
    line-height: 30px;
    height: 30px;
    vertical-align: top;
}

input.comment, textarea.comment {
    border: 1px solid #7F9DB9;
    width: 220px;
    margin-right: 8px;
}

td.right {
text-align: right;
}

div.outerbox {
position: absolute;
width: 170px;
height: 125px;
display: none;
}

div.infobox {
position: absolute;
top: 0px;
left: 0px;
width: 165px;
height: 120px;
background-color: #dae0e2;
border: 1px solid #c5cbcd;
}

div.info {
width: 145px;
height: 100px;
padding: 7px;
}

div.shadow1 {
position: absolute;
width: 165px;
height: 120px;
background-color: #d6d6d6;
}

div.shadow2 {
position: absolute;
width: 165px;
height: 120px;
background-color: #e0e0e0;
}

div.shadow3 {
position: absolute;
width: 165px;
height: 120px;
background-color: #f5f5f5;
}

div.infobox a {
position: absolute;
right: 5px;
bottom: 5px;
color: #3d6c9c;
cursor: pointer;
}

table.result tr td {
line-height: 20px;
height: 20px;
}

td.label {
font-weight: bold;
width: 100px;
vertical-align: top;
}


div.iotd {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}


ul.news {
    margin-left: 0px;
    padding-top: 2em;
}


ul.target_select {
    list-style: disc url(../graphics/black_arrow.gif);
}

li.target_select {
    font-weight: bold;
}


span.newstitle {
    font-weight: bold;
}

div.termtitle {
    margin: 4px;
    font-weight: bold;
}

div.record {
    padding: 5px;
    min-height: 90px;
}

.details {
    display: inline-block;
    background-color: #CCCCCC;
    color: #333333;
    padding: 5px;
    margin: 4px;
}