/* GENERAL */

* { margin:0; padding:0; }
body {
	font:normal 11px "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; line-height:15px;
	/*background:url(images/menu_file.gif) repeat-x top;*/
	background:#f6f6f6; }
#maincontainer { margin:auto; width:637px; }
#main { position:absolute; top:0px; width:637px; }
p { padding-left:24px; padding-right:222px; padding-bottom:8px; }
table { border-collapse:collapse; }

/* HEADER */

#header { position:absolute; width:637px; height:124px;
	background:url(images/header.gif) no-repeat; }
#selectlang { position:absolute;
	height:20px; width:28px; top:124px; left:608px;
	border-top:1px solid #ddd; border-left:1px solid #ddd;
	background:url(images/menu.gif) no-repeat; }
#selectlang img { margin-top:3px; margin-left:5px; border:none; padding:0px; }

/* FOOTER */

#footer {
	color:#333;
	padding-top:7px; padding-bottom:6px; padding-left:10px;
	font-size:10px; line-height:13px;
	background:url(images/footer.gif) no-repeat; }
#footer td.label { color:white; padding-left:14px; padding-right:4px; }
#footer a { text-decoration:none; color:#333; }
#footer a:hover, #footer a:active { text-decoration:none; color:black; }
#footer #search { position:absolute; bottom:10px; }
#footer #search img { border:none; }
#footer #search input { font-size:10px; }

/* CONTENT */

#content {
	margin-top:144px; padding-bottom:40px;
	background:url(images/content.gif) repeat-y; }
#content a { color:#555; text-decoration:none; border-bottom:1px solid #D6DD8B; }
#content a:hover, #content a:active { color:black; text-decoration:none; border-bottom:1px solid #9AA71E; }
#content a.im, a.im img { border:none; }
#content a:hover.im, a:hover.im img { border:none; }
#content a:visited.im, a:visited.im img { border:none; }

#content ul { padding-left:45px; padding-right:222px; padding-bottom:8px; }
#content ul li { list-style-type:square; }

/* HEADS */

h1, h2, h3 { color:#777; font-size:18px; font-weight:normal; }
h1 { padding-left:24px; padding-top:50px; padding-bottom:18px; }
h2, h3, table.home h1, #sidebar h1 { font-size:12px; font-weight:normal; padding:0px; padding-top:14px; padding-bottom:2px; }
h2, h3 { padding-top:8px; padding-left:24px; }
h3 { padding-top:2px; padding-bottom:4px; font-size:11px; }
table.home h1, #sidebar h1 { color:#9AA71E; }
#sidebar h1 { padding:0px; padding-top:2px; padding-bottom:2px; padding-left:12px; }

/* HOME */

#home_intro { padding-top:0px; }
#home_intro p, #intro p { font-size:12px; line-height:18px; }
#home_intro p { padding-bottom:6px; padding-right:20px; }
table.home { padding-top:0px; margin-left:24px; }
table.home p { padding:0px; padding-bottom:4px; padding-right:22px; }
table.home td { vertical-align:top; padding-bottom:14px; width:50%; }

/* SIDEBAR */

/* #sidebarcontainer { position:relative; height:0px; } */
#sidebar { position:absolute; width:202px; left:434px; top:232px;
	color:#555;
	padding-bottom:8px;
	background:url(images/sidebar.gif) repeat-y; }
#sidebar.empty { padding-bottom:0px; }
#sidebar p { font-size:11px; line-height:15px;
	padding-bottom:0px;
	padding-left:12px; padding-right:12px; }
#sidebar #toc { 
	padding-top:8px; padding-bottom:10px;
	margin-left:1px;
	background:#F4FAFA url(images/sep.gif) repeat-x; }
#sidebarcontent { padding-top:8px; margin-left:1px;
	background:url(images/sep.gif) repeat-x; }
#sidebar.empty #sidebarcontent { padding-top:1px }
#sidebar #toc a { border-bottom:none; }
#sidebar #toc p { padding-left:22px; text-indent:-10px; }
#sidebar .sep { height:10px; }
#sidebar p.im { padding:10px; text-align:center; }

/* PORTFOLIO */

table.portfolio { border-width:20px; margin-left:23px; margin-right:224px; margin-bottom:20px; }
table.portfolio thead td { font-weight:bold; }
table.portfolio td { border-bottom:1px solid #CCC; padding:6px 0px; }
table.portfolio p { margin:0px; padding:0px; padding-left:1px; }
p.metadata, table.portfolio p.metadata { padding-top:4px; color:#555; }
.label { font-weight:bold; color:#555; }
.metadata .label { font-weight:normal; color:#9AA71E; }
select.portfolio { font-size:11px; margin-top:6px; margin-bottom:10px; width:164px; }

#sampletext { margin-top:20px; margin-right:90px; }
#sampletext p { padding-right:24px; padding-bottom:0px; }
#samplecontainer {
	position:absolute; top:110px; bottom:24px; left:24px; right:24px;
	overflow: auto;
	border:1px solid #D6DD8B; }
body.sample { height:100%;
	/*background-color:#F2F7F8;*/
	}
#samplemenu { position:absolute; right:24px; top:24px; }
#samplemenu img { border:none; }

/* ACE HOME */

#content.ace_home { margin-top:126px; }
#content.ace_home h1 { padding-top:115px; }
#content.ace_home #sidebar { top:150px; }
#content.ace_home #sidebar h1 { padding-top:2px; }
#content.ace_home .label { font-weight:normal; margin-top:10px; margin-bottom:6px; }
#content.ace_home .button { font-size:10px; }

table.ace_home { width:592px; border-width:20px; margin-top:20px; margin-left:23px; margin-right:224px; margin-bottom:20px; }
table.ace_home thead td { font-weight:bold; }
table.ace_home td { border-bottom:1px solid #CCC; padding:6px 0px; }
table.ace_home p { margin:0px; padding:0px; padding-right:16px; }
table.ace_home p.im { padding-right:6px; }

table tr.tablemenu { background:#EEE; border-left:1px solid #CCC; border-right:1px solid #CCC; }
table tr.tablemenu td { padding:6px; }

/* NAVIGATION */

#menu ul {
	position:absolute; 
	top:124px; left:0px;
	font-size:10px; line-height:12px;
	list-style:none;
	border-top:1px solid #ddd; }
#menu ul li {
	text-align:left;
	position:relative;
	width:86px;
	float:left;
	background:url(images/menu.gif) no-repeat;
	border-left:1px solid #ddd; }
#menu ul li.first { border-left:none; }
#menu li ul li { float:none; }
#menu li ul {
	border:1px solid #fff;
	border-top:none;
	line-height:12px;
	display:none; top:20px; left:-1px; }
#menu li:hover ul, #menu li.over ul { display:block; }
#menu ul li a, #menu ul li .folder {
	display:block;
	text-decoration:none;
	color:#333; background:transparent;
	height:12px;
	padding:4px 8px;
	padding-right:16px;
	}
#menu ul li a:hover { color:#fff; background:url(images/menu_page_over.gif) no-repeat right; }
#menu ul li:hover .folder, #menu ul li.over .folder { background:url(images/menu_folder_over.gif) no-repeat right; color:#ddd; }
#menu li ul li a {
	color:#ddd;
	height:auto;
	width:62px;
	border-top:1px solid #999; }
#menu li ul li { background:#7D7E6D; border:none; }
#menu li ul li a:hover { background:url(images/menu_file.gif) no-repeat right; }

/* NAVIGATION */

body.ace {
/*
	color:black;
	font:normal 10px "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align:center;
	margin:40px; 
*/
	}

body.ace #maincontainer { margin:auto; width:1000px; height:100%; }
body.ace #main { position:absolute; top:0px; width:1000px;
	background:url(images/content_ace.gif) repeat-y; }
body.ace #sidebar { position:absolute; width:202px; left:797px; top:30px; }
body.ace table.question { width:300px; }
body.ace table.question td { padding:8px; }
body.ace table tr.head td { background-color:#eee; }
body.ace table tr.head a { border-bottom:none; }

body.ace table.patternlist { margin-bottom:30px; }
body.ace table {
	width:930px;
	border-collapse:collapse;
	text-align:left;
	margin:auto;
	margin-top:30px; }
body.ace table td { border:1px solid #ccc; padding:4px 6px; }

body.ace a{ color:#555; text-decoration:none; border-bottom:1px solid #D6DD8B; }
body.ace a:hover, body.ace a:active{ color:black; text-decoration:none; border-bottom:1px solid #9AA71E; }
body.ace td.mono { font:normal 11px "Monaco", monospace; }
body.ace .hit, body.ace .result { color:#a00; border-bottom:1px dotted #a21919; }
body.ace .textsign { color:#aaa; }
body.ace .hitell { color:#00f; }
body.ace table table {
	text-align:left;
	width:auto;
	margin:6px 4px;
	font:normal 11px "Monaco", monospace;
	}
body.ace table table td {
	padding:0px;
	border:none;
	padding-bottom:2px;
	padding-right:20px; 
	}

.greyedout { color:#aaa; }