/* ============================================================
	EC styles by acdhirr, Witchbiet 2005
============================================================ */

/* ------------------------------------------------------------
	General
------------------------------------------------------------ */
body	{
	margin:0;padding:0;
	font-family: Trebuchet MS, Arial; /*Georgia?*/
	font-size:90%;
	background: url(../img_struct/bg_body.jpg) left repeat-y white;
	overflow:auto;
}	

a	{
	color:#3653AF;
	text-decoration:none;
}

a:hover	{
	color:blue;
	text-decoration:underline;
}

table {
	font-size:100%;
}

sup {
	margin:0;padding:0;
	font-size:.8em;
	vertical-align:top
}


/* ------------------------------------------------------------
	Main layout
------------------------------------------------------------ */
#logo	{
	position:absolute;top:0;left:0;
	width:174px;height:88px;
	background: url(../img_struct/logo.jpg);
	z-index:200;
}	

#logo h1 {display:none}

#top1	{
	position:absolute;top:0;
	left:174px;right:0;
	width: expression(body.clientWidth-174);
	height:44px;
	background: url(../img_struct/top_grad.jpg) left no-repeat #FFFFFF;
	z-index:100;
	text-align:right;
}

#top2	{
	position:absolute;top:44px;
	left:174px;right:0;
	width: expression(body.clientWidth-174);
	height:44px;
	background: url(../img_struct/desi.jpg) right no-repeat #F1F0C2;
	z-index:100;
}

#left	{
	position:absolute;top:0;left:0;bottom:0;
	width:174px;
	height: expression('100%');
	background: url(../img_struct/menu_grad.jpg) 0 88px no-repeat #91A1BB;
	margin-bottom:0;
	padding-top:88px;
	z-index:100;
}

#left h2 {display:none}

#content	{
	position:absolute;top:0;left:0;right:0;
	width:auto;
	width:expression('100%');
	padding:98px 30px 30px 204px;
	margin-bottom:30px;
	z-index:0;
	color:black;
}


/* ------------------------------------------------------------
	Top navi
------------------------------------------------------------ */
#topnavi	{
	position:absolute;bottom:0;left:32px;
	padding:0;margin:0;
	color:#8D8D23;
}

#topnavi h2 {display:none}
#topnavi a {
	padding:0;margin:0;
	text-decoration:none;
	font-weight:bold;
	color:#8D8D23;
	font-size:12px;
}
#topnavi a:hover {
	color:#003366;
}

/* ------------------------------------------------------------
	Left menu
------------------------------------------------------------ */
#menu				{font-size:12px;padding:25px 10px 10px 10px;}

#menu input			{font-size:12px;width:90px;} 
#menu button		{font-size:12px}

#menu hr			{border:none; border-bottom:solid 1px #666666;}

#menu ul.menu		{padding:0;margin:0;list-style-type:none;}
#menu ul.menu li	{font-weight:bold;color:#003366;cursor:pointer;cursor:hand;}
#menu ul.menu ul	{padding-left:20px;margin-left:0px;list-style-image:url(../img_struct/list.gif);}
#menu li.ctxgroupseparator	{}

#menu a.highlight	{font-weight:bold;color:#7C7C1F}
#menu a				{font-weight:normal;color:#000000;cursor:pointer;text-decoration:none;line-height:150%;}
#menu a.edit:hover	{padding-left:0px;background:none;}
#menu a.subItem		{margin-left:10px;}


/* ------------------------------------------------------------
	Content - cms functions
------------------------------------------------------------ */
#content div.cmsfunctions {
					text-align:right;margin-bottom:10px;clear:both;
					color:black;
					background-color:#EFEFEF;padding:5px;
					font-size:12px;
					}	
/* pseudo button */
#content div.cmsfunctions a {
					text-decoration:none; padding:2px;
					color:#333333;
					background-color:#eeeeee;
					border-top:solid 1px white; border-left:solid 1px white;
					border-right:solid 1px #666666; border-bottom:solid 1px #666666;
					padding: 0 10px 0 10px;
					}									
#content div.context{
					background-color:#E4E4E4;
					}

/* ------------------------------------------------------------
	Content
------------------------------------------------------------ */
#content h3.contextheader	{text-align:right;color:#A4A428;font-size:12px;border-bottom:solid 1px #A4A428;margin:0;}
#content div.article 		{
					clear:both;
					line-height:1.5em;
					width:650px;
					color:black;
					text-align:justify}
#content div.article h2.date	{
					display:none;
					background:none;margin:0;padding:0;font-size:1em;
					}

/* inline article-related image */
#content div.article div.image img {
					margin: 2em 0 1.5em 1.5em;
					border-left:solid 1px #cccccc;
					border-top:solid 1px #cccccc;
					border-right:solid 1px #999999;
					border-bottom:solid 1px #999999;
}

/* Articles out of date range, only visible for admin.*/
#content div.hide 	{ 
					border: dotted 1px #666666; 
					padding:20px; 
					color: #999999; 
					margin-bottom:10px;
					}
					
.article span.highlight { color:#A4A428; }					

#content #message {color:green}
#content #warning {color:red}


/* ------------------------------------------------------------
	Content editors' styles
------------------------------------------------------------ */
#content h1	{
	font-size:1.45em;
	color:#7c7c1f;
	margin:0;
	padding:1.5em 0 0 0;
	font-weight:bold;
}

#content h2	{
	clear:both; /* has background of it's own */
	font-size:1.2em;
	color:#003366;
	margin:2em 0 0 0;
	padding:10px 0 0 0;
	/*border-bottom: solid 1px #D4DBE5;*/
	font-weight:bold;
	background: url(../img_struct/hgrad3.jpg) top right repeat-y;
}

#content h3	{
	font-size:1.1em;
	color:#003366;
	font-weight:bold;
}

#content h4	{
	font-size:1.0em;
	color:#003366;
	font-weight:bold;
	margin:0;
}

#content h5	{
	font-size:1.0em;
	font-weight:bold;
	font-style:italic;
	margin:0;
}

#content h6	{
	font-size:1.0em;
	color:#888888;
	font-weight:bold;
	font-style:italic;
	margin:0;
}

img.contentimage {

	border-left : solid 1em #F0F0F0;	
	border-right : solid 1em #F0F0F0;	
	border-top : solid 1em #F0F0F0;	
	border-bottom : solid 1em #F0F0F0;	
}

a.showAsLink, a.docLink {
	background: url(../img_struct/arright.gif) left no-repeat;
	padding-left:10px;
}

a.top {
	background: url(../img_struct/artop.gif) 0 .1em no-repeat;
	padding-left:10px;
}

a.back {
	background: url(../img_struct/arleft.gif) left no-repeat;
	padding-left:10px;
}


#content div.article table		{
	font-size:85%;
	width:100%;
	border-left: solid 1px #EEEEEE;
	border-top: solid 1px #EEEEEE;
	border-right: solid 1px #AAAAAA;
	border-bottom: solid 1px #AAAAAA;
	background-color:#F9F9F9;
	table-collapse:collapse;
}

#content div.article table td	{
	vertical-align:top;
	padding:10px;margin:0;
	text-align:justify;
}

/* ------------------------------------------------------------
	Forms (eol and registration)
------------------------------------------------------------ */
#content form table		{
	width:100%;
	font-size:90%;
	/*border-collapse:collapse;*/
}

#content form th			{
	margin:0;
	text-align:right;
	font-weight:bold;
	padding:4px 5px 4px 5px !important;
	background-color:#EEEEEE
}

#content form td			{
	margin:0;
	padding:4px !important;
	background-color:#F8F8E0;
}

#content form tfoot th, #content form tfoot td	{
	background-color:#003366;
}

#content form thead th			{
	background-color:#A4A428;
	text-align:left;
}

#content form input, #content form select {
	width:100%;
	height:auto;
	font-size:100%;
	font-family: Trebuchet MS, Arial;
}

#content form input.radio {
	width:auto;
	height:auto;
	vertical-align:text-top;
}

#content form button {
	font-size:100%;
	font-family: Trebuchet MS, Arial;
}

/* div containing popup iframe */
#dvIndex	{
	width:19em;
	height:250px;
	position:absolute;
	margin:auto;padding:0;
	background-color:white;
	display:none;
	z-index:100
}

#dvIndex iframe	{	
	width:100%;
	height:100%;
	background-color:white;
	border:solid 2px #EEEEEE;
}

/* ------------------------------------------------------------
	Eol results
------------------------------------------------------------ */
#resultsheader { 
	text-align:center;
	background-color:#EAEDF2;
	font-weight:bold;
}	

#content #prevnext { 
	text-align:center;
	background-color:#EAEDF2;
	font-weight:bold;
}	

#content #prevnext .active {
	background-color:#3653AF;
	color:white;
	padding:0 .2em 0 .2em;
}


#tblResults th	{
	padding: .5em .5em .5em 0;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	width:2em;
}

#tblResults td	{
	padding: .5em 0 .5em 0;
	width:auto;
}

#tblResults em	{
	color:#81811D;
	font-style:normal;
}

#tblDetail {
	width:auto;
	/* uncomment this to see zebra stripes */
	/*background-color:#f3f3f3;*/
	border-collapse:collapse;
}

#tblDetail th, #tblDetail td {
	padding:3px 10px 3px 3px;
	vertical-align:top;
}

#tblDetail th {
	text-align:right;
}

#tblDetail #tdTitle {
	width:100%;
	font-weight:bold;
	color:#003366;
}

#tblDetail #tdPreview {
	vertical-align:top;padding:10px;
}

#tblDetail .even {background-color:white}


/* ------------------------------------------------------------
	Tablist
------------------------------------------------------------ */
#tabmenu {
	padding:0;
	margin: 10px 0 0 0;
	float:left;
	clear:both;
	width:100%;
	background: url("../img_struct/tab_bg.gif") repeat-x bottom;
	line-height:normal;
	font-size:90%;
}

#tabmenu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#tabmenu li {
	float:right;
	background:url("../img_struct/tab_left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	cursor:pointer;cursor:hand;
}

#tabmenu a, #tabmenu span {
	float:left;
	display:block;
	background:url("../img_struct/tab_right.gif") no-repeat right top;
	padding:1px 15px 1px 6px;
	text-decoration:none;
	font-weight:normal;
	color:#765;
}

/* Commented Backslash Hack
 hides rule from IE5-Mac \*/
#tabmenu a {float:none;}

/* End IE5-Mac hack */
#tabmenu a:hover {
	color:black;
}

#tabmenu li.active {
	background-image:url("../img_struct/tab_left_act.gif");
}

#tabmenu li.active span {
	font-weight:bold;	
	background-image:url("../img_struct/tab_right_act.gif");
	color:#333;
	padding-bottom:2px;
	cursor:default;
}

#tabcontent {
	clear:both;
	padding:10px;margin:0;
	border:solid 1px #AFBAD0;
	border-top:none;
	background-color:#FAFBFC;
}	



/* ------------------------------------------------------------
	DjVu
------------------------------------------------------------ */
table#djvu {
	table-layout:fixed;
	width:100%;height:600px;
	border-collapse:collapse;
}

table#djvu td {
	padding:0;
	vertical-align:top;
}

#tdToc {
	width:20%; 
	border-right:solid 1px #AFBAD0;
	background: #ECE9D8;
}

#tdDjVu {
	width:80%;
}

#tocHead {
	width:auto;height:38px;
	background: url("../img_struct/tocbg.gif") repeat-x #ECE9D8;
}

#tocHead a {
	display:block;
	float:right
}

#tocHead div {
	padding:10px 0 0 20px;
	font-weight:bold;
}

#tocContent {
	height:552px;
	height:expression('562px');
	padding:5px;
	background:white;
	overflow:auto;
}

#tocContent ul {
	padding-left:0;
	margin-left:2em;
}