body {
  padding: 0px;
  margin: 0px 0px 0px 10px;
  background: #ffffff;
  color: #000000;
  font: 0.75em / 1.3em Verdana, Arial, Sans-Serif;
}

.error { color: #ff0000; }

.label { color: #666666; }


#wrapper {
  margin: auto;
  width: 990px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}


#header-wrapper {
  height: 120px;
  width: 980px;
  background-image: url("../../images/KTTG/background.gif");
  background-repeat: repeat-x;
  padding-left: 10px;
  text-align: top;
}
#headerbar { height: 25px; margin-top: 4px; text-align: right; }
#headerbar ul { margin: 0px; padding: 0px; list-style: none; }
#headerbar li { display: inline; padding: 0px 5px; border-left: 1px solid #909090; }
#headerbar a { color: #626262; text-decoration: none; }
#headerbar a:hover { text-decoration: underline; }
#header { margin-right: 200px; }
#header h1 { margin: 0px 0px 0px 0px; font-size: 1.35em; }
#logo { width: 199px; float: right; }
#quicknav { margin-top: 20px; }
#quicknav ul { margin: 0px; padding: 0px; list-style: none; }
#quicknav li { display: inline; padding-left: 4px; padding-right: 7px; border-right: 1px solid #909090; }
#quicknav li a { color: #626262; text-decoration: none; }
#quicknav li a:hover { text-decoration: underline; }


#breadcrumbs {
  display: none;
}


#main {
  width: 990px;
  min-height: 400px;
  height: auto !important;
  height: 400px;
}

#navigation { width: 190px; margin: 0px 10px 0px 0px; border-top: 1px solid #c5cdcf; background-color: #ffffff; }
#navigation ul { margin: 0px; padding: 0px; list-style-type: none; }
#navigation li { margin: 0px; padding: 0px; float: left; width: 100%; }
#navigation li a { display: block; padding: 2px 0px 3px 10px; border-bottom: 1px solid #c5cdcf; color: #000000; text-decoration: none; }
#navigation li a.sel { background-color: #bbe3eb; }
#navigation li .block { display: block; padding: 2px 0px 3px 10px; border-bottom: 1px solid #c5cdcf; color: #000000; }
#navigation ul ul { margin: 0px; padding: 0px; list-style-type: none; }
#navigation li li { margin: 0px; padding: 0px; }
#navigation li li a { padding-left: 20px; }
#navigation li a:hover { background-color: #cccccc; }

#navigationwrapper { float: left; position: absolute; z-index: 10000; }
#navigationwrapper #navigation { float: left; display: none; }
#navigationwrapper #navbar { width: 10px; float: left; margin-left: -10px; cursor: pointer; }


/* ** base content section definitions ** */
#content {
  margin: 0px 0px 0px 0px;
}
#content h1 { margin: 0px 0px 20px 0px; font-size: 1.5em; font-weight: normal; }
#content h2 { margin: 0px 0px 10px 0px; font-size: 1.2em; }
#content h3 { margin: 0px 0px 10px 0px; font-size: 1.1em; }

.username, .password { width: 200px; }

/* news content definitions */
#news {
  width: 790px;
  margin-bottom: 15px;
}
#news h1 {
  margin: 0px;
  font-size: 1em;
  font-weight: bold;
}
#news p {
  margin: 0px;
}
#nonews {
}

.code {
  font-family: "Courier New";
  font-size: 12px;
}

.modalwindow { padding: 10px; }
.buttons { padding-top: 10px; }


/* filter */
.filter .title { font-weight: bold; }


/* ratio header definitions */
#content .ratio-description {
	margin-bottom: 15px;
	width: 800px;
}
#content .filter-selection {
  font-weight: bold;
}

/* ratio definitions */
#ratio-wrapper {
}
#ratio {
  min-height: 400px;
  height: auto !important;
  height: 400px;
  background-color: #ffffff;
}
#ratio-wrapper {
}
#ratio .spacer { width: 16px; }
#ratio .community-bfsnr { width: 50px; padding: 0px 2px 0px 2px; }
#ratio .community-description { width: 150px; padding: 0px 2px 0px 2px; }
#ratio .community-count { width: 60px; padding: 0px 2px 0px 2px; }
#ratio .district { width: 45px; padding: 0px 2px 0px 2px; }
#ratio .landuseplan { width: 40px; padding: 0px 2px 0px 2px; }
#ratio .bfstype { width: 40px; padding: 0px 2px 0px 2px; }
#ratio .agglomeration { width: 45px; padding: 0px 2px 0px 2px; }
#ratio .agglomeration-bfsnr { width: 45px; padding: 0px 2px 0px 2px; }
#ratio .community-size { width: 45px; padding: 0px 2px 0px 2px; }
#ratio .community-type { width: 45px; padding: 0px 2px 0px 2px; }
#ratio .year { width: 80px; padding: 0px 2px 0px 2px; }
#ratio .w100 { width: 100px; }
#ratio .w105 { width: 105px; }
#ratio .w110 { width: 110px; }

#ratio-header {
  margin-bottom: 4px;
}
#ratio-header table {
  border-top: 15px solid #899b9f;
  border-bottom: 2px solid #899b9f;
}
#ratio-header th { font-size: 10px; font-weight: bold; vertical-align: top; border-bottom: 2px solid #899b9f; }
#ratio-header a { color: #000000; text-decoration: none; }
#ratio-header a.unsorted { color: #555555; }
#ratio-header td { background-color: #d2dddf; }
#ratio-header th.community-bfsnr { text-align: left; }
#ratio-header th.community-description { text-align: left; }
#ratio-header th.district { text-align: left; }
#ratio-header th.community-type { text-align: left; }
#ratio-header th.year { text-align: right; }
#ratio-header th.community-count { text-align: right; }
/* average columns */
#ratio-header td.average { text-align: right; padding-right: 2px; }
#ratio-header td.community-count { text-align: right; }
#ratio-header td.year { text-align: right; }

#ratio-content-wrapper {
  position:relative;
  top:0px;
  left:0px;
  height:250px;
  margin:0px;
  overflow:scroll;
}
#ratio-content {}
#ratio-content td.odd { background-color: #d2dddf; }
#ratio-content td.even { background-color: #ffffff; }
/* alignment all ratio content columns */
#ratio-content .community-bfsnr { text-align: left; }
#ratio-content .community-description { text-align: left; }
#ratio-content .community-count { text-align: right; }
#ratio-content .district { text-align: left; }
#ratio-content .landuseplan { text-align: center; }
#ratio-content .bfstype { text-align: center; }
#ratio-content .agglomeration { text-align: center; }
#ratio-content .agglomeration-bfsnr { text-align: center; }
#ratio-content .community-size { text-align: center; }
#ratio-content .community-type { text-align: left; }
#ratio-content .year { text-align: right; }

#ratio-no-data {
  margin-bottom: 20px;
  color: #ff0000;
  font-weight: bold;
}

#ratio-footer {
  padding-top: 10px;
  height: 30px;
  width: 790px;
}
#ratio-footer-left {
  float: left;
}
#ratio-footer-right {
  text-align: right;
  margin-right: 10px;
}


#community-comparison {
}
#community-comparison-content {
}
#community-comparison-content table {
  border-top: 15px solid #899b9f;
}
#community-comparison-content th {
  padding: 2px;
  border-bottom: 2px solid #899b9f;
}
#community-comparison-content .ratio {
  text-align: right;
  padding: 0px 2px 0px 2px;
  width: 200px;
}
#community-comparison-content .value {
  text-align: right;
  padding: 0px 2px 0px 2px;
  width: 130px;
}
#community-comparison-content td.odd { background-color: #d2dddf; }
#community-comparison-content td.even { background-color: #ffffff; }

#community-comparison-footer {
  margin-top: 10px;
}
#community-comparison-error {
  color: #ff0000;
  font-weight: bold;
}


#mask {}
#mask-buttons { padding-left: 350px; }
#mask-errors { padding: 10px 0px 10px 0px; color: #ff0000; font-weight: bold; }
#mask-header { margin: 10px 0px 4px 0px; }
#mask-header table {
  border-top: 15px solid #899b9f;
  border-bottom: 2px solid #899b9f;
}
#mask-header td {
  font-size: 10px;
}
#mask-filter {
  margin: 10px 0px 10px 0px;
}
#mask-content-wrapper {
  position:relative;
  top:0px;
  left:0px;
  height:350px;
  margin:0px;
  overflow:scroll;
  direction: rtl;
}
#mask-content { direction: ltr; }
#mask-content td.odd { background-color: #d2dddf; }
#mask-content td.even { background-color: #ffffff; }
#mask-content td.green { background-color: #00ff00; }
#mask-content td.yellow { background-color: #ffff00; }
#mask-content td.red { background-color: #ff0000; }

#mask-new {
  margin: 10px 0px 10px 0px;
}
#mask-footer {
  margin-top: 10px;
}

#dbview-selection { margin:10px; }
#dbview-selection p { text-align: center; }

#dbview-fileupload {margin: 10px; }
#dbview-fileupload-header { margin-bottom: 10px; }
#dbview-fileupload-content { height: 50px; }

#dbview-fileupload-footer { margin-top: 10px; }
#dbview-fileupload-footer-left { float:left; }
#dbview-fileupload-footer-right { text-align: right; }

#dbview-fileupload-no-data { text-align: center; }



.errormessage { color: #ff0000; font-weight: bold; }

.feedback { }
.feedback ul { padding: 0px 0px 10px 0px; margin: 0px; list-style: none; }
.feedback li { font-weight: bold; }
.feedback .feedbackPanelERROR { color: #ff0000; }


#footer { padding: 10px 0px 10px 0px; font-size: 9px; color: #999999; }



/* normal tables */
table.data { border-top: 15px solid #899B9F; border-bottom: 2px solid #899B9F; }
table.data caption { font-size: 1.2em; font-weight: bold; text-align: left; padding-bottom: 5px; }
table.data th { text-align: left; border-bottom: 2px solid #899B9F; }
table.data th.right { text-align: right; }
table.data .odd td { background-color: #d2dddf; }
table.data .even td { background-color: #ffffff; }
table.data .disabled td { color: #999999; }
table.data .locked td { color: #999999; }
table.data .si td { border-bottom: 1px solid #899B9F; }
table.data .line td { border-bottom: 1px solid #899B9F; }
table.data .drag { background-color: #cccccc; }
table.data .handle { cursor: move; }
table.data td p { padding:0px; margin:0px; }

table.data th a { color: #000000; text-decoration: none; background-position:right center; background-repeat:no-repeat; }
table.data th.wicket_orderDown a { background-image: url("../../images/icons/sort_arrow_down.png"); color:black; }
table.data th.wicket_orderUp a { background-image: url("../../images/icons/sort_arrow_up.png"); color:black; }
table.data th.wicket_orderNone a { background-image: url("../../images/icons/sort_arrow_off.png"); }

table.data input.edit-cell { width: 100%; margin: 0px; border: 1px solid black; font-size: 100%; }
table.data select.edit-cell { width: 100%; margin: 0px; border: 1px solid black; font-size: 100%; }

table.data tr.formula td { border-top: 2px solid #899B9F; border-bottom: 1px solid #899B9F; padding-top: 10px; }



/* base data tables */
#_dataview { position: absolute; z-index: 10; }
#dataview table { border-bottom: 2px solid #899b9f; }
#dataview th, #dataview td { padding: 2px 5px; }
#dataview .headers th { border-top: 15px solid #899b9f; border-bottom: 2px solid #899b9f; }
#dataview td { vertical-align: top; }

#dataview th { text-align: left; }
#dataview th a { color: #000000; text-decoration: none; background-position:right center; background-repeat:no-repeat; padding-right:15px; }
#dataview th.wicket_orderDown a { background-image: url("../../images/icons/sort_arrow_down.png"); color:black; }
#dataview th.wicket_orderUp a { background-image: url("../../images/icons/sort_arrow_up.png"); color:black; }
#dataview th.wicket_orderNone a { background-image: url("../../images/icons/sort_arrow_off.png"); }

#dataview .even td { background-color:#d2dddf; }

#dataview .filter-td input { width: 100%; margin: 0px; font-size: 100%; border: 1px solid #999999; }
#dataview input.edit-text { width: 100%; margin: 0px; font-size: 100%; border: 1px solid #999999; }
#dataview select.edit-select { width: 100%; margin: 0px; font-size: 100%; border: 1px solid #999999; }
#dataview textarea.edit-text { width: 100%; margin: 0px; font-size: 100%; border: 1px solid #999999; }

#dataview button.go { border: none; width: 16px; height: 16px; background-color: #ffffff; background-image: url("../../images/icons/filter_go.png"); background-repeat: no-repeat; }
#dataview button.clear { border: none; width: 16px; height: 16px; background-color: #ffffff; background-image: url("../../images/icons/filter_clear.png"); background-repeat: no-repeat; }

#dataview tr.navigation table { border: none; }
#dataview tr.navigation td { padding: 0px; }


/* graph eval */
span.rangelegendinfocolor, div.rangelegendinfocolor { border: 1px solid #999999; width: 15px; float: left; margin-right: 5px; }
img.rangelegendinfocolor { border: 1px solid #999999; }
.grapheval { position: relative; }
.preview { position: absolute; }
.preview img { border: 1px dotted #999999; }
div#tooltip { padding: 3px; border: 1px solid #999999; display: none; background: #ffffff; color: #000000; text-align: left; position: absolute; z-index: 1000; }
div.grapheval div.message { margin: 10px 0px 0px 10px; font-weight: bold; }

div.legend { overflow: hidden; background-color: #ffffff; }
div.legend:hover .bar { display: block; }
div.legend p { margin-top: 0px; }
.bar { display: none; position: absolute; top: 1px; right: 1px; }
.bar span { float: left; background-color: #dddddd; margin-left: 1px; cursor: pointer; }

.box { padding: 15px 0px; }
.boxfirst { padding: 0px 0px 15px; }

.paddingleft5 { padding-left: 5px; }
.paddingright5 { padding-right: 5px; }
.paddingleft10 { padding-left: 10px; }
.paddingright10 { padding-right: 10px; }
.paddingtop10 { padding-top: 10px; }
.paddingbottom10 { padding-bottom: 10px; }

.linetop { border-top: 1px solid #cccccc; }
.linebottom { border-bottom: 1px solid #cccccc; }
.lineleft { border-left: 1px solid #cccccc; }
.lineright { border-right: 1px solid #cccccc; }

.code { font-family: monospace; }


#staging { padding: 5px; margin-left: -10px; color: #666666; font-weight: bold; background-color: #ff9999; text-align: center; border-bottom: 1px solid #999999; }

/* comment box for the prototype */
#commentbox { margin-top: 25px; padding: 5px; border: 1px solid #0080ff; border-top-width: 10px; }


/* tabs */
.tab-row ul { list-style: none; padding-left: 20px; border-bottom: 2px solid #899B9F; }
.tab-row li { display: inline-block; }
.tab-row a { display: block; padding: 5px 20px; color: #000000; text-decoration: none; }
.tab-row li:hover { background-color: #CCCCCC; }
.tab-row li.selected { background-color: #899B9F; }
.tab-row li.selected a { font-weight: bold; color: #ffffff; }