/* $Id: screen.css 5932 2007-06-11 09:30:21Z ramzy $ */
body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
/* globals */
* { 
	padding: 0;
	margin: 0;
}
a {
	color: #069;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
p { margin-bottom: .5em; }
ul { list-style: none; }
#content ul { /* regular ul needed in these areas */
	list-style: disc;
	padding: 1ex 1ex 0 1ex;
	margin: 0 1ex 0 1em;
}
#content ul li { /* regular li needed in these areas */
	padding: 0;
	margin: 0 0 1em 0;
}
/* positions */
#mainframe {
	width: 768px;
	margin: 5px auto;
}
#mainframe.mail
{
	width: 650px;
	margin: 10px auto;
	background: none;
}
#topmenu { position: relative; }
#header { height: 100px; }
#tree {
	float: left;
	width: 120px;
	margin-right: 15px;
}
#content {
  float: left;
  width: 468px;
	margin-right: 15px;
}
#content.mailtxt
{
	 width: 589px;
	margin-left: 20px;
}
.addons {
	float: left;
	width: 150px;
	margin: 0px;
}

/* canvasstyle */
a.butt {
	border: 1px #999 solid;
	padding: 2px 3px 1px 3px;
	background: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000;
}
a.butt:hover {
	background: #005f97;
	color: #fff;
}
#mainframe { background: #fff url(../gfx/ccc.gif) repeat-y 119px 0; }
#topmenu ul { float: right; }
#topmenu ul li {
	float: left;
	border-left: 1px #000 solid;
	padding: 0 15px 0 15px;
}
#topmenu ul li.first { border-left: none; }
#topmenu ul li.last { padding-right: 0; }
#topmenu li a {
	display: block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
}
#topmenu li a:hover { color: #069; }
#topmenu li.selecta a { color: #ccc; }
#header {
	border: 0 #fff solid;
	background: #005f97;
	border-width: 5px 0 0 0;
}
#checker {
	background: #fff url(../gfx/checker.gif);
	height: 12px;
	border-bottom: 5px #fff solid;
}

#tree h3 {
	background: #fff;
	font-size: 1.3em;
	color: #444;
	padding: 0 0 4px 12px;
}
#tree ul.first { border-top: 2px #005f97 solid; }
#tree ul a {
	display: block;
	padding: 5px 0 5px 12px;
	font-size: 1.2em;
}
#tree li { border-bottom: 1px #ccc solid; }
#tree li li { border: none; }
#tree li.expanded { background-color: #fff; }
#tree a.selected { font-weight: bold; }
#tree a:hover { background: #edf4f9 url(../gfx/checker_light.gif) repeat-y right top; }
#tree li li a {
	background: none;
	font-size: 1.1em;
}
#tree .colophon { margin: 10px 0 0 12px; }

#path {
	font-size: 1.2em;
	margin-top: .1em;
	border-bottom: 1px #ccc solid;
	padding-bottom: .4em;
}

.addons { margin-top: 1.9em; }
.addons li {
	margin-bottom: 15px;
	padding: 7px 0;
	border: 1px #d6e0e8 solid;
	background: #edf4f9 url(../gfx/checker_light.gif) repeat-y right -6px;
	overflow: auto;
}
.addons li li {
	border: none;
	background: transparent;
}
.addons ul li .title {
	padding: 1px 12px 1px 7px;
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 1.2em;
}
.addons ul li .date {
	padding: 0 7px;
	margin-bottom: -10px;
}
.addons ul li .body {
	padding: 0 12px 0 7px;
	font-size: 1.1em;
}
.addons ul.items li {
	margin-bottom: 0;
	padding: 0;
}
.addons ul.items li .title {
	background: transparent;
	margin: 7px 0 0 0;
}
.addons ul.items li .body {
	margin-left: .8em;
	font-size: 1em;
}
.addons ul a {
	padding-left: 18px;
	display: block;
	min-height: 16px;
}
.addons a.icondoc { background: transparent url(../gfx/icon16/doc.gif) no-repeat left center; }
.addons a.iconpdf { background: transparent url(../gfx/icon16/pdf.gif) no-repeat left center; }
.addons a.iconppt { background: transparent url(../gfx/icon16/ppt.gif) no-repeat left center; }
.addons a.iconxls { background: transparent url(../gfx/icon16/xls.gif) no-repeat left center; }
.addons a.iconhtml { background: transparent url(../gfx/icon16/html.gif) no-repeat left center; }
.addons a.iconlink { background: transparent url(../gfx/icon16/link.gif) no-repeat left center; }

/*
.addons li { position: relative; }
.corner {
	width: 5px;
	height: 5px;
	position: absolute;
}
.corner.north.west { background: transparent url(../gfx/corner_nw.gif) no-repeat left top; top: -1px; left: -1px; }
.corner.north.east { background: transparent url(../gfx/corner_ne.gif) no-repeat right top; top: -1px; right: -1px; }
.corner.south.west { background: transparent url(../gfx/corner_sw.gif) no-repeat left bottom; bottom: -1px; left: -1px; }
.corner.south.east { background: transparent url(../gfx/corner_se.gif) no-repeat right bottom; bottom: -1px; right: -1px;} 
*/

#footer {
	background: #005f97;
	height: 2px;
	border-top: 15px #fff solid;
}
#footer span {
	border-left: 1px #fff solid;
	padding: 0 1em;
}
#footer span.first { border: none; }
#footer span a {
	color: #fff;
	text-decoration: none;
}

/* typestyle */
#content h1 {
	margin-bottom: .5em;
	color: #444;
}
#content.mailtxt h1 {
	margin-bottom: .5em;
	color: #000;
}
#content h2,
#content h3,
#content h4 {
	margin-bottom: 0;
	color: #444;
}

#content h1 { font-size: 1.6em; }
#content h2 { font-size: 1.5em; }
#content h3 { font-size: 1.4em; }
#content h4 { font-size: 1.3em; }
#content .body p {
	font-size: 1.2em;
	margin-bottom: 1em;
}
#content .caption {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
	color: #555;
}
#content .caption.mail {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0;
	color: #555;
}
#content .body { color: #000; }
#content .caption p { font-size: 100%; } /* stop inheritance */
.alert { color: #F30; }
/* objectstyle */
#frontpage,
#article,
#folder,
#formpage,
#debate,
#search {
	margin-top: 10px;
	line-height: 180%;
}

#frontpage .item { width: 224px; }
#frontpage .item.wide { width: auto; }
#frontpage .item.left { float: left; }
#frontpage .item.right { float: right; }
#frontpage h1 a,
#frontpage h2 a {
	color: #000;
	text-decoration: none;
}
#frontpage h2 { margin-bottom: .5em; }
#frontpage .caption {
	font-weight: normal;
	margin-bottom: .2em;
}
#frontpage .item img.format6 {
	float: left;
	margin: 3px 5px 3px 0;
}
#frontpage .readmore { font-size: 1.2em; }
#frontpage .date { font-size: 80%; }

#frontpage .box {
  border: 1px #005f97 solid;
  background: #fff url(../gfx/checker_light.gif) repeat-y right -6px;
}
#frontpage .box h3 {
	display: block;
	background: #005f97;
	color: #fff;
	padding: 0 5px;
}
#frontpage .box .caption { padding: 0 12px 1ex 5px; }
#frontpage .box ul {
	list-style: none;
	margin: 0;
	padding: 0 12px 0 5px;
}
#frontpage .box ul li {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: normal;
}
#frontpage .box ul li a.title { font-size: 1.2em; }
#frontpage .box ul li .caption {
	padding: 0;
	font-size: 1em;
}
#frontpage .box ul li .caption p { margin-bottom: 0; }

.byline {
	border: 0 #ccc solid;
	border-width: 1px 0;
	padding: 2px 0 1px 0;
	margin: 0 0 1em 0;
}
.byline .date,
.byline .author {
	font-size: 1.1em;
	line-height: normal;
	display: inline;
}

#folder .caption { font-weight: normal; }

#article #keywords {
	font-size: 1.1em;
	margin: 15px 0;
}
#article #keywords h4 {
	display: inline;
	font-size: 1.1em;
}

#search ul { margin-bottom: 2em; }
#search ul li .title {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 2em;
}
#search ul li .body { line-height: normal; }
#search ul li .date { font: 80% normal; }

#formpage legend { display: none; }
#formpage fieldset {
	background: #edf4f9 url(../gfx/checker_light.gif) repeat-y right -6px;
	border: 1px #d6e0e8 solid;
	padding: 10px 5px;
	margin: 15px 0;
	font-size: 1.1em;
}
#formpage fieldset .title { padding: 1ex; }
#formpage .alert {
	font-weight: bold;
	color: #000;
}
#formpage label {
	width: 150px;
	float: left;
	text-align: right;
	margin: 0 1ex 1ex 0;
	/*clear: both;*/
}
#formpage .text,
#formpage .textarea,
#formpage .select,
#formpage .multiple,
#formpage .radioselect {
	float: left;
	margin-bottom: 1ex;
}
#formpage .check,
#formpage .radio {
	float: left;
	margin-bottom: 0;
}
#formpage .select,
#formpage .multiple,
#formpage .text,
#formpage .textarea { width: 220px; }
#formpage span.checkval {
	/*display: block;*/
	float: left;
	margin-left: .2ex;
}
#formpage form p { margin-bottom: 0; }
#formpage a.butt { margin: 0 0 1ex 155px; }

#content ul.contentlist {
	font-size: 1.2em;
	line-height: normal;
	margin: 0;
	padding: 0;
}
#content ul.contentlist li { list-style: none; }
#content ul.contentlist .caption {
	font-size: 90%;
	font-weight: normal;
	margin-bottom: 0;
}
#content ul.contentlist p { margin-bottom: 0; }
#content ul.contentlist .date { font-size: 80%; }

.comments {
	background: #f1f1f1;
	border: 2px #e2e3e4 solid;
	padding: 0 2px;
	margin: 15px 0;
	font-size: 1.1em;
}
.comments h5 {
	font-size: .9em;
	margin-bottom: 0;
}
.comments h4 {
	display: inline;
	font-size: 1.1em;
}
.comments p { font-size: 1em; }
.comments table {
	border: 1px #e2e3e4 solid;
	margin: 1px 0;
}
.comments th {
	text-align: left;
	font-size: .9em;
}
.comments th,
.comments td {
	padding: 1px 2px;
	border-bottom: 1px #e2e3e4 solid;
}
.comments tr.flip th,
.comments tr.flip td { background-color: #fbfbfb; }
.comments tr.flop th,
.comments tr.flop td { background-color: #fff; }
.comments .alert { font-weight: bold; }
.comments tr.spacerow td { background-color: transparent; }

.prevnext { text-align: center; }
.prevnext .prev {	float: left; font-weight: bold; }
.prevnext .next {	float: right; font-weight: bold; }

#commentWin { border-bottom: 1px #000 solid; }
#commentWin .comment {
	padding: 5px;
	border-top: 1px #000 solid;
}
#commentWin .caption { margin: 5px 5px .2em 5px; }
#commentWin h1 { margin: 5px 5px .2em 5px; }
#commentWin h2 { margin-bottom: 5px; }
#commentWin .body { margin: 5px 0; }
#commentWin h3 {
	width: 70%;
	float: left;
	font-size: 1em;
	margin-bottom: 0;
}
#commentWin .date {
	float: right;
	width: 25%;
	text-align: right;
	font-weight: bold;
}
#commentWin .body {
	clear: both;
	padding-top: 5px;
}
#commentWin a.report {
	display: block;
	text-align: right;
}
#commentWin h5 {
	font-size: 1em;
	margin: 5px 0 0 0;
}

/* dynaparked */
.gimage { background: transparent; }
.gimage div {
	font-size: .8em;
	line-height: normal;
}
.gimage.left {
	float: left;
	padding: 10px 10px 10px 0;
}
.gimage.right {
	float: right;
	padding: 0 0 10px 10px;
}
.gimage.center {
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
}
.gimage .gbottom { padding-top: 3px; }
.gimage .gtop { padding-bottom: 3px; }
img.gimg { border: 0; }
.annonse
{background: url(../gfx/ann.gif) no-repeat right top;}
/* useful stuff */
.spacer {
	clear: both;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 1px;
	height: 1px;
}
.spacer.one { height: 1px; }
.spacer.five { height: 5px; }
.spacer.fifteen { height: 15px; }
.spacer.twenty { height: 20px; }
.spacer.thirty { height: 30px; }
/*outline: 1px red dashed;*/