@CHARSET "UTF-8";

body
{
	margin: 0;
	padding: 0;
	background-color: white;
}

a { cursor: pointer;}

#header
{
	height: 144px;
	background: #FFFCC8;
}

#downloads
{
	background: transparent url(images/downloads_bg.png) no-repeat;
	position: absolute;
	right: 20px;
	top: 20px;
	height: 32px;
	width: 150px;
	padding-top: 8px;
	text-align: center;
}

#downloads a
{
	background: transparent url(images/download.png) no-repeat left;
	padding-left: 24px;
}

#header_line
{
	background-color: #FFFB9C;
	height: 50px;
}

#left
{
	padding: 16px 8px 16px 6px;
	background: #FFF974 url(images/corner_br.png) no-repeat bottom right;
	/*width: 220px;*/
	width: 150px;
        float: left;
	border-right: 24px solid white;
	
}
#left label
{
	width: 100px;
	display: block;
	float: left;
	padding-top: 6px;
	padding-bottom: 0px;
}
#left input
{
	width: 110px;
	margin-top: 3px;
	margin-bottom: 3px;
}

#left button#login
{
	/*width: 214px;*/
	width: 70px;
        margin-top: 3px;
	margin-bottom: 3px;
}

#left .menu_title 
{
	font-weight: bolder; 
	padding-left: 20px;
	background-image: url(icons/login.png); 
	background-repeat: no-repeat;
}

#content 
{
	position: relative;
	/*margin-left: 234px;*/
	margin-left: 164px;
        padding: 24px;
        font-family: 'Times New Roman';
}

#content img.layout
{
	float: left; 
	border: 1px solid black;
	margin: 5px;
}

#content #actions
{
	text-align: right;
}

#footer
{
	border-top: 1px solid gray; 
	clear: both; 
	text-align: right; 
	margin: 0 20px;
}

.title { background: transparent url(images/frame1_bg.png) no-repeat;
	width: 300px; height: 80px;  text-align: center; cursor: pointer; margin-bottom: 10px; }
.title:hover { /*background-image: url(images/frame1_bg_hover.png);*/ }
.title > * { font-weight: bold; color: white; margin: 0 10px 0 0;
	padding-top: 26px; height: 70px; display: block; }
.title > *:hover { color: white; }

#frame1 { background-image: url(images/frame1_bg.png); }
#frame1:hover { background-image: url(images/frame1_bg_hover.png); }

#frame2 { background-image: url(images/frame2_bg.png); }
#frame2:hover { background-image: url(images/frame2_bg_hover.png); }

#frame3 { background-image: url(images/frame3_bg.png); }
#frame3:hover { background-image: url(images/frame3_bg_hover.png); }

#frame4 { background-image: url(images/frame4_bg.png); }
#frame4:hover { background-image: url(images/frame4_bg_hover.png); }

/* ---
message bar for error messages or dialogs */
.messageBar { height: 32px; position: relative; width: 100%; z-index: 20; background: #fffebf url(images/dialog/dialog-error.png) no-repeat 20px center; display: block; border-bottom: 1px dotted gray;}
.messageBar .msgBarMessage { margin: 0; padding-top: 8px; padding-left: 55px; height: 32px; font-weight: bold;}
.messageBar .msgBarButtons { position: absolute; right: 20px; z-index: 25;}
.messageBar .msgBarButtons a { top: -31px; background-image: url(images/dialog/dialog-ok.png);}
.button a { height: 32px; margin: 6px 0 6px 6px; padding: 3px 6px 3px 22px; top: 8px; position: relative; color: black; 
	background: transparent url(images/icons/document-new.png) no-repeat 3px center; cursor: pointer; }
.button a:hover  { border-color: black; color: #333; }
/* Block DIV - a div element over the whole screen to lock everything exept the messagebar */
#lock { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 10; border-width: 0; }


/* Table of contents */
.toc
{
	border: 1px solid #AAA;
	background-color: #F6F6F6;
	padding: 8px 10px 10px 10px;
	margin: 10px 10px 15px 10px;
}

.toc_title { font-weight: bolder; color: black; cursor: default; }
.toc_title:hover, .toc_title:active { color: #000; }

.toc_link 
{
	font-size: 10px; 
	margin-top: 20px; 
	margin-bottom: -10px;
	padding-left: 15px;
	display: block;
	background-image: url(images/top.png); 
	background-repeat: no-repeat; 
	background-position: 0em -1px;
}

.toc_link:link, .toc_link:active, .toc_link:visited { color: #CCC; }
.toc_link:hover { color: #AAA; }

.toc_h1 { margin-left: 0;   /*font-weight: bolder;*/}
.toc_h2 { margin-left: 0;   /*font-weight: bolder;*/}
.toc_h3 { margin-left: 1em; }
.toc_h4 { margin-left: 2em; font-style: italic; }
.toc_h5 { margin-left: 3em; font-style: italic; }
.toc_h6 { margin-left: 4em; font-style: italic; }

#toc_toggler { font-weight: normal; color: #359; margin-left: 10px; }
#toc_list {margin-top: 10px;}

#cms_pactions
{
	text-align: right;
	margin-top: -20px;	
}

#cms_mactions
{
	text-align: right;
	margin-top: -12px;
}

#cms_pactions a, #cms_mactions a
{	
	background: url(icons/edit.png) no-repeat;
	padding-left: 20px;	
	margin-right: 4px;
}

table.noborder, table.noborder tr, table.noborder td
{
	border: 0;
}

a.actionlink
{
    background-image: url('icons/new-group.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    line-height: 1.8em;
    font-weight: bolder;
}

@media print 
{
	#left { display: none !important; }
	#content { margin-left: 4px; padding: 0; }
	#header_line {display: none;}
	#downloads { display: none; }
	#content #actions { display: none; }
	.toc_link { display: none; }
	#toc_toggler { display: none; }
}