aboutsummaryrefslogtreecommitdiffstats
path: root/phpBB/umil/style
diff options
context:
space:
mode:
Diffstat (limited to 'phpBB/umil/style')
-rw-r--r--phpBB/umil/style/confirm_body.html20
-rw-r--r--phpBB/umil/style/index.htm10
-rw-r--r--phpBB/umil/style/index_body.html100
-rw-r--r--phpBB/umil/style/message_body.html10
-rw-r--r--phpBB/umil/style/overall_footer.html21
-rw-r--r--phpBB/umil/style/overall_header.html104
-rw-r--r--phpBB/umil/style/parse.css123
-rw-r--r--phpBB/umil/style/style.css1624
8 files changed, 2012 insertions, 0 deletions
diff --git a/phpBB/umil/style/confirm_body.html b/phpBB/umil/style/confirm_body.html
new file mode 100644
index 0000000000..2fbb1a60d7
--- /dev/null
+++ b/phpBB/umil/style/confirm_body.html
@@ -0,0 +1,20 @@
+<!-- INCLUDE overall_header.html -->
+
+<form id="confirm" method="post" action="{S_CONFIRM_ACTION}">
+
+<fieldset>
+ <h1>{MESSAGE_TITLE}</h1>
+ <p>{MESSAGE_TEXT}</p>
+
+ {S_HIDDEN_FIELDS}
+
+ <div style="text-align: center;">
+ <input type="submit" name="confirm" value="{L_YES}" class="button2" />&nbsp;
+ <input type="submit" name="cancel" value="{L_NO}" class="button2" />
+ </div>
+
+</fieldset>
+
+</form>
+
+<!-- INCLUDE overall_footer.html -->
diff --git a/phpBB/umil/style/index.htm b/phpBB/umil/style/index.htm
new file mode 100644
index 0000000000..ee1f723a7d
--- /dev/null
+++ b/phpBB/umil/style/index.htm
@@ -0,0 +1,10 @@
+<html>
+<head>
+<title></title>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+</head>
+
+<body bgcolor="#FFFFFF" text="#000000">
+
+</body>
+</html>
diff --git a/phpBB/umil/style/index_body.html b/phpBB/umil/style/index_body.html
new file mode 100644
index 0000000000..c91492c5f8
--- /dev/null
+++ b/phpBB/umil/style/index_body.html
@@ -0,0 +1,100 @@
+<!-- INCLUDE overall_header.html -->
+
+<!-- IF S_CONFIRM -->
+<form id="confirm" method="post" action="{S_CONFIRM_ACTION}">
+
+<fieldset>
+ <h1>{MESSAGE_TITLE}</h1>
+ <p>{MESSAGE_TEXT}</p>
+
+ {S_HIDDEN_FIELDS}
+
+ <div style="text-align: center;">
+ <input type="submit" name="confirm" value="{L_YES}" class="button2" />&nbsp;
+ <input type="submit" name="cancel" value="{L_NO}" class="button2" />
+ </div>
+
+</fieldset>
+
+</form>
+<!-- ENDIF -->
+
+<!-- IF .options -->
+ <h1>{L_TITLE}</h1>
+
+ <p>{L_TITLE_EXPLAIN}</p>
+
+ <!-- IF S_ERROR -->
+ <div class="errorbox">
+ <h3>{L_WARNING}</h3>
+ <p>{ERROR_MSG}</p>
+ </div>
+ <!-- ENDIF -->
+
+ <form id="umil" method="post" action="{U_ACTION}" name="umil">
+
+ <!-- BEGIN options -->
+ <!-- IF options.S_LEGEND -->
+ <!-- IF not options.S_FIRST_ROW -->
+ </fieldset>
+ <!-- ENDIF -->
+ <fieldset>
+ <legend>{options.LEGEND}</legend>
+
+ <!-- ELSE -->
+ <dl>
+ <dt><label for="{options.KEY}">{options.TITLE}:</label><!-- IF options.S_EXPLAIN --><br /><span>{options.TITLE_EXPLAIN}</span><!-- ENDIF --></dt>
+ <dd>{options.CONTENT}</dd>
+ <!-- IF options.S_FIND_USER --><dd>[ <a href="{options.U_FIND_USER}" onclick="find_username(this.href); return false;">{L_FIND_USERNAME}</a> ]</dd><!-- ENDIF -->
+ </dl>
+
+ <!-- ENDIF -->
+ <!-- END options -->
+
+ <p class="submit-buttons">
+ <input class="button1" type="submit" id="submit" name="submit" value="{L_SUBMIT}" />&nbsp;
+ <input class="button2" type="reset" id="reset" name="reset" value="{L_RESET}" />
+ </p>
+ {S_HIDDEN_FIELDS}
+ {S_FORM_TOKEN}
+ </fieldset>
+ </form>
+<!-- ENDIF -->
+
+<!-- IF S_RESULTS -->
+ <h1>{L_TITLE} - <font style="color: <!-- IF S_SUCCESS -->green<!-- ELSE -->red<!-- ENDIF -->;">{L_RESULTS}</font></h1>
+
+ <br />
+
+ <p>{L_DATABASE_TYPE} :: <strong>{SQL_LAYER}</strong></p>
+
+ <!-- IF not S_SUCCESS -->
+ <div class="errorbox">
+ <h3>{L_WARNING}</h3>
+ <p>{L_ERROR_NOTICE}</p>
+ </div>
+ <!-- ENDIF -->
+
+ <!-- IF S_PERMISSIONS -->
+ <div class="errorbox">
+ <h3>{L_WARNING}</h3>
+ <p>{L_PERMISSIONS_WARNING}</p>
+ </div>
+ <!-- ENDIF -->
+
+ <!-- IF .results -->
+ <fieldset>
+ <legend></legend>
+ <!-- BEGIN results -->
+ <p>{results.COMMAND}</p>
+ <div style="color: <!-- IF results.S_SUCCESS -->green<!-- ELSE -->red<!-- ENDIF -->;">{results.RESULT}</div>
+ <!-- IF not results.S_LAST_ROW --><hr /><!-- ENDIF -->
+ <!-- END results -->
+ </fieldset>
+ <!-- ENDIF -->
+
+
+<!-- ENDIF -->
+
+
+<!-- INCLUDE overall_footer.html --> \ No newline at end of file
diff --git a/phpBB/umil/style/message_body.html b/phpBB/umil/style/message_body.html
new file mode 100644
index 0000000000..8c0a862cf0
--- /dev/null
+++ b/phpBB/umil/style/message_body.html
@@ -0,0 +1,10 @@
+<!-- INCLUDE overall_header.html -->
+
+<div <!-- IF S_USER_NOTICE -->class="successbox"<!-- ELSE -->class="errorbox"<!-- ENDIF -->>
+ <h3>{MESSAGE_TITLE}</h3>
+ <p>
+ {MESSAGE_TEXT}
+ </p>
+</div>
+
+<!-- INCLUDE overall_footer.html --> \ No newline at end of file
diff --git a/phpBB/umil/style/overall_footer.html b/phpBB/umil/style/overall_footer.html
new file mode 100644
index 0000000000..5f33b24f76
--- /dev/null
+++ b/phpBB/umil/style/overall_footer.html
@@ -0,0 +1,21 @@
+
+ </div>
+ </div>
+ <span class="corners-bottom"><span></span></span>
+ </div>
+ </div>
+ </div>
+
+ <div id="page-footer">
+ Powered by <a href="http://www.phpbb.com/mods/umil/">UMIL</a> &copy; 2009 <a href="http://www.phpbb.com/">phpBB Group</a><br />
+ Powered by phpBB &copy; 2000, 2002, 2005, 2007 <a href="http://www.phpbb.com/">phpBB Group</a><br />
+ <!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
+
+ <!-- IF DEBUG_OUTPUT -->
+ <br />{DEBUG_OUTPUT}
+ <!-- ENDIF -->
+ </div>
+</div>
+
+</body>
+</html> \ No newline at end of file
diff --git a/phpBB/umil/style/overall_header.html b/phpBB/umil/style/overall_header.html
new file mode 100644
index 0000000000..c1620130ac
--- /dev/null
+++ b/phpBB/umil/style/overall_header.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
+<head>
+
+<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
+<meta http-equiv="Content-Style-Type" content="text/css" />
+<meta http-equiv="Content-Language" content="{S_USER_LANG}" />
+<meta http-equiv="imagetoolbar" content="no" />
+<!-- IF META -->{META}<!-- ENDIF -->
+<title>{PAGE_TITLE}</title>
+
+<link href="{UMIL_ROOT_PATH}style/style.css" rel="stylesheet" type="text/css" media="screen" />
+
+<!-- INCLUDE parse.css -->
+
+<script type="text/javascript">
+// <![CDATA[
+
+/**
+* Find a member
+*/
+function find_username(url)
+{
+ popup(url, 760, 570, '_usersearch');
+ return false;
+}
+
+/**
+* Window popup
+*/
+function popup(url, width, height, name)
+{
+ if (!name)
+ {
+ name = '_popup';
+ }
+
+ window.open(url.replace(/&amp;/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes, width=' + width);
+ return false;
+}
+
+/**
+* Set display of page element
+* s[-1,0,1] = hide,toggle display,show
+*/
+function dE(n, s, type)
+{
+ if (!type)
+ {
+ type = 'block';
+ }
+
+ var e = document.getElementById(n);
+ if (!s)
+ {
+ s = (e.style.display == '' || e.style.display == 'block') ? -1 : 1;
+ }
+ e.style.display = (s == 1) ? type : 'none';
+}
+
+// ]]>
+</script>
+
+</head>
+
+<body class="{S_CONTENT_DIRECTION}">
+<div id="wrap">
+ <div id="page-header">
+ <h1>{L_INSTALL_PANEL}</h1>
+ <p><a href="{U_ADM_INDEX}">{L_ADMIN_INDEX}</a> &bull; <a href="{U_INDEX}">{L_FORUM_INDEX}</a></p>
+ <p id="skip"><a href="#acp">{L_SKIP}</a></p>
+ <!-- IF S_LANG_SELECT -->
+ <form method="post" action="">
+ <fieldset class="nobg">
+ <label for="language">{L_SELECT_LANG}:</label>
+ {S_LANG_SELECT}
+ <input class="button1" type="submit" id="change_lang" name="change_lang" value="{L_CHANGE}" />
+ </fieldset>
+ </form>
+ <!-- ENDIF -->
+ </div>
+
+ <div id="page-body">
+ <div id="acp">
+ <div class="panel">
+ <span class="corners-top"><span></span></span>
+ <div id="content">
+ <div id="menu">
+ <ul>
+ <!-- BEGIN l_block -->
+ <li<!-- IF l_block.S_SELECTED --> id="activemenu"<!-- ENDIF -->><!-- IF l_block.U_TITLE --><a href="{l_block.U_TITLE}"><!-- ENDIF --><span<!-- IF l_block.S_COMPLETE --> class="completed"<!-- ENDIF -->>{l_block.L_TITLE}</span><!-- IF l_block.U_TITLE --></a><!-- ENDIF --></li>
+ <!-- END l_block -->
+ </ul>
+ </div>
+
+ <div id="main" class="install-body">
+
+ <!-- IF S_BOARD_DISABLED -->
+ <div class="rules">
+ <div class="inner"><span class="corners-top"><span></span></span>
+ <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
+ <span class="corners-bottom"><span></span></span></div>
+ </div>
+ <!-- ENDIF --> \ No newline at end of file
diff --git a/phpBB/umil/style/parse.css b/phpBB/umil/style/parse.css
new file mode 100644
index 0000000000..2480834333
--- /dev/null
+++ b/phpBB/umil/style/parse.css
@@ -0,0 +1,123 @@
+<style type="text/css">
+#page-header {
+ background: url("<!-- IF LOGO_IMG -->{LOGO_IMG}<!-- ELSE -->{ROOT_PATH}adm/images/phpbb_logo.gif<!-- ENDIF -->") top left no-repeat;
+}
+
+.rtl #page-header {
+ background: url("<!-- IF LOGO_IMG -->{LOGO_IMG}<!-- ELSE -->{ROOT_PATH}adm/images/phpbb_logo.gif<!-- ENDIF -->") top right no-repeat;
+}
+
+#tabs a {
+ background:url("{ROOT_PATH}adm/images/bg_tabs1.gif") no-repeat 0% -34px;
+}
+
+#tabs a span {
+ background: url("{ROOT_PATH}adm/images/bg_tabs2.gif") no-repeat 100% -34px;
+}
+
+.panel {
+ background: #F3F3F3 url("{ROOT_PATH}adm/images/innerbox_bg.gif") repeat-x top;
+}
+
+span.corners-top {
+ background-image: url("{ROOT_PATH}adm/images/corners_left.gif");
+}
+
+span.corners-top span {
+ background-image: url("{ROOT_PATH}adm/images/corners_right.gif");
+}
+
+span.corners-bottom {
+ background-image: url("{ROOT_PATH}adm/images/corners_left.gif");
+}
+
+span.corners-bottom span {
+ background-image: url("{ROOT_PATH}adm/images/corners_right.gif");
+}
+
+/* WinIE tweaks \*/
+* html span.corners-top, * html span.corners-bottom { background-image: url("{ROOT_PATH}adm/images/corners_left.gif"); }
+* html span.corners-top span, * html span.corners-bottom span { background-image: url("{ROOT_PATH}adm/images/corners_right.gif"); }
+/* End tweaks */
+
+#toggle-handle {
+ background-image: url({ROOT_PATH}adm/images/toggle.gif);
+}
+
+.rtl #toggle-handle {
+ background-image: url({ROOT_PATH}adm/images/toggle.gif);
+}
+
+#menu li#activemenu a:hover span, #menu li#activemenu span {
+ background: #FFFFFF url("{ROOT_PATH}adm/images/arrow_right.gif") 1% 50% no-repeat;
+}
+
+.rtl #menu li#activemenu a:hover span, .rtl #menu li#activemenu span {
+ background: #FFFFFF url("{ROOT_PATH}adm/images/arrow_left.gif") 99% 50% no-repeat;
+}
+
+ background: url("{ROOT_PATH}adm/images/arrow_down.gif") 1% 50% no-repeat;
+}
+
+.rtl #menu li span.completed {
+ background: url("{ROOT_PATH}adm/images/arrow_down.gif") 99% 50% no-repeat;
+}
+
+th {
+ background: #70AED3 url("{ROOT_PATH}adm/images/gradient2b.gif") bottom left repeat-x;
+}
+
+a.button1, input.button1, input.button3,
+a.button2, input.button2 {
+ background: #EFEFEF url("{ROOT_PATH}adm/images/bg_button.gif") repeat-x top;
+}
+
+a.button1:hover, input.button1:hover,
+a.button2:hover, input.button2:hover {
+ background: #EFEFEF url("{ROOT_PATH}adm/images/bg_button.gif") repeat bottom;
+}
+
+.permissions-category a {
+ background: url("{ROOT_PATH}adm/images/bg_tabs_alt1.gif") no-repeat 0% -35px;
+}
+
+.rtl .permissions-category a {
+ float: right;
+}
+
+.permissions-category a span.tabbg {
+ background: url("{ROOT_PATH}adm/images/bg_tabs_alt2.gif") no-repeat 100% -35px;
+}
+
+.permissions-panel span.corners-top {
+ background-image: url("{ROOT_PATH}adm/images/corners_left2.gif");
+}
+
+.permissions-panel span.corners-top span {
+ background-image: url("{ROOT_PATH}adm/images/corners_right2.gif");
+}
+
+.permissions-panel span.corners-bottom {
+ background-image: url("{ROOT_PATH}adm/images/corners_left2.gif");
+}
+
+.permissions-panel span.corners-bottom span {
+ background-image: url("{ROOT_PATH}adm/images/corners_right2.gif");
+}
+
+.permissions-panel span.corners-top {
+ background-image: url("{ROOT_PATH}adm/images/corners_left2.gif");
+}
+
+.permissions-panel span.corners-top span {
+ background-image: url("{ROOT_PATH}adm/images/corners_right2.gif");
+}
+
+.permissions-panel span.corners-bottom {
+ background-image: url("{ROOT_PATH}adm/images/corners_left2.gif");
+}
+
+.permissions-panel span.corners-bottom span {
+ background-image: url("{ROOT_PATH}adm/images/corners_right2.gif");
+}
+</style> \ No newline at end of file
diff --git a/phpBB/umil/style/style.css b/phpBB/umil/style/style.css
new file mode 100644
index 0000000000..c160f096ab
--- /dev/null
+++ b/phpBB/umil/style/style.css
@@ -0,0 +1,1624 @@
+/* phpBB 3.0 Admin Style Sheet
+ ------------------------------------------------------------------------
+ Original author: subBlue ( http://www.subblue.com/ )
+ Copyright 2007 phpBB Group ( http://www.phpbb.com/ )
+ ------------------------------------------------------------------------
+*/
+
+/* General markup styles
+---------------------------------------- */
+* {
+ /* Reset browsers default margin, padding and font sizes */
+ margin: 0;
+ padding: 0;
+ font-size: 100%;
+}
+
+body, div, p, th, td, li, dd {
+ font-size: x-small;
+ voice-family: "\"}\"";
+ voice-family: inherit;
+ font-size: small
+}
+
+html>body, html>div, html>p, html>th, html>td, html>li, html>dd {
+ font-size: small
+}
+
+html {
+ color: #536482;
+ background: #DBD7D1;
+ /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-ie browsers */
+ height: 100%;
+ margin-bottom: 1px;
+}
+
+body {
+ /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
+ font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
+ color: #536482;
+ background: #DBD7D1;
+ font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
+ margin: 10px 15px;
+}
+
+img {
+ border: 0;
+}
+
+h1 {
+ font-family: "Trebuchet MS", Helvetica, sans-serif;
+ font-size: 1.70em;
+ font-weight: normal;
+ color: #333333;
+}
+
+h2, caption {
+ font-family: "Trebuchet MS", Helvetica, sans-serif;
+ font-size: 1.40em;
+ font-weight: normal;
+ color: #115098;
+ text-align: left;
+ margin-top: 25px;
+}
+
+.rtl h2, .rtl caption {
+ text-align: right;
+}
+
+h3, h4 {
+ font-family: "Trebuchet MS", Helvetica, sans-serif;
+ font-size: 1.20em;
+ text-decoration: none;
+ line-height: 1.20em;
+ margin-top: 25px;
+}
+
+p {
+ margin-bottom: 0.7em;
+ line-height: 1.40em;
+ font-size: 0.90em;
+}
+
+ul {
+ list-style: disc;
+ margin: 0 0 1em 2em;
+}
+
+.rtl ul {
+ margin: 0 2em 1em 0;
+}
+
+hr {
+ border: 0 none;
+ border-top: 1px dashed #999999;
+ margin-top: 10px;
+ margin-bottom: 5px;
+ padding-bottom: 5px;
+ height: 1px;
+}
+
+.small {
+ font-size: 0.85em;
+}
+
+/* General links */
+a:link, a:visited {
+ color: #105289;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #BC2A4D;
+ text-decoration: underline;
+}
+
+a:active {
+ color: #368AD2;
+ text-decoration: none;
+}
+
+.install-body p a {
+ font-weight: bold;
+}
+
+/* Main blocks
+---------------------------------------- */
+#wrap {
+ padding: 0 0 15px 0;
+ min-width: 615px;
+}
+
+#page-header {
+ clear: both;
+ text-align: right;
+ height: 50px;
+ font-size: 0.85em;
+ margin-bottom: 10px;
+}
+
+.rtl #page-header {
+ text-align: left;
+}
+
+#page-header h1 {
+ color: #767676;
+ font-family: "Trebuchet MS",Helvetica,sans-serif;
+ font-size: 1.70em;
+ padding-top: 10px;
+}
+
+#page-header p {
+ font-size: 1.00em;
+}
+
+#page-header p#skip {
+ display: none;
+}
+
+#page-body {
+ clear: both;
+ min-width: 700px;
+}
+
+#page-footer {
+ clear: both;
+ font-size: 0.75em;
+ text-align: center;
+}
+
+#content {
+ padding: 30px 10px 10px;
+ position: relative;
+}
+
+#content h1 {
+ color: #115098;
+ line-height: 1.2em;
+ margin-bottom: 0;
+}
+
+#main {
+ float: left;
+ width: 76%;
+ margin: 0 0 0 3%;
+ min-height: 350px;
+}
+
+.rtl #main {
+ float: right;
+ margin: 0 3% 0 0;
+}
+
+* html #main {
+ height: 350px;
+}
+
+#page-body.simple-page-body {
+ padding: 0;
+ padding-right: 10px;
+ min-width: 0;
+}
+
+/* Tabbed menu
+ Based on: http://www.alistapart.com/articles/slidingdoors2/
+----------------------------------------*/
+#tabs {
+ line-height: normal;
+ margin: 0 0 -6px 7px;
+ min-width: 600px;
+}
+
+.rtl #tabs {
+ margin: 0 7px -6px 0;
+}
+
+#tabs ul {
+ margin:0;
+ padding: 0;
+ list-style: none;
+}
+
+#tabs li {
+ display: inline;
+ margin: 0;
+ padding: 0;
+ font-size: 0.85em;
+ font-weight: bold;
+}
+
+#tabs a {
+ float: left;
+ margin: 0 1px 0 0;
+ padding: 0 0 0 7px;
+ text-decoration: none;
+ position: relative;
+}
+
+.rtl #tabs a {
+ float: right;
+}
+
+#tabs a span {
+ float: left;
+ display: block;
+ padding: 7px 10px 4px 4px;
+ color: #767676;
+ white-space: nowrap;
+ font-family: Arial, Helvetica, sans-serif;
+ text-transform: uppercase;
+ font-weight: bold;
+}
+
+.rtl #tabs a span {
+ float: right;
+}
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#tabs a span, .rtl #tabs a span { float:none;}
+/* End hack */
+
+#tabs a:hover span {
+ color: #BC2A4D;
+}
+
+#tabs #activetab a {
+ background-position: 0 0;
+ border-bottom: 1px solid #DCDEE2;
+}
+
+#tabs #activetab a span {
+ background-position: 100% 0;
+ padding-bottom: 5px;
+ color: #23649F;
+}
+
+#tabs a:hover {
+ background-position: 0 -69px;
+}
+
+#tabs a:hover span {
+ background-position: 100% -69px;
+}
+
+#tabs #activetab a:hover span {
+ color: #115098;
+}
+
+
+/* Main Panel
+---------------------------------------- */
+#acp {
+ margin: 4px 0;
+ padding: 3px 1px;
+ min-width: 550px;
+ background-color: #FFFFFF;
+ border: 1px #999999 solid;
+}
+
+.panel {
+ padding: 0;
+}
+
+span.corners-top, span.corners-bottom,
+span.corners-top span, span.corners-bottom span {
+ font-size: 1px;
+ line-height: 1px;
+ display: block;
+ height: 5px;
+ background-repeat: no-repeat;
+}
+
+span.corners-top {
+ background-position: 0 0;
+ margin: -4px -2px 0;
+}
+
+span.corners-top span {
+ background-position: 100% 0;
+}
+
+span.corners-bottom {
+ background-position: 0 100%;
+ margin: 0 -2px -4px;
+ clear: both;
+}
+
+span.corners-bottom span {
+ background-position: 100% 100%;
+}
+
+/* Sub-navigation Menu
+---------------------------------------- */
+
+/* Toggle */
+#toggle {
+ padding: 5px;
+ width: 5%;
+ height: 100px;
+ position: absolute;
+ left: 15%;
+ top: 28px;
+ margin-left: 2px;
+}
+
+.rtl #toggle {
+ left: 75%;
+ margin-right: 0;
+ margin-left: 6px;
+}
+
+#toggle-handle {
+ display: block;
+ width: 18px;
+ height: 19px;
+ float: right;
+}
+
+.rtl #toggle-handle {
+ background-position: 100% 50%;
+}
+
+/* Menu */
+#menu {
+ float: left;
+ width: 20%;
+ font-size: 1.00em;
+ padding: 0;
+ border-right: 1px solid #CCCFD3;
+}
+
+.rtl #menu {
+ float: right;
+ border: none;
+ border-left: 1px solid #CCCFD3;
+}
+
+#menu p {
+ font-size: 0.85em;
+}
+
+#menu ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+/* Default list state */
+#menu li {
+ padding: 0;
+ margin: 0;
+ font-size: 0.85em;
+ font-weight: bold;
+ display: inline;
+}
+
+/* Link styles for the sub-section links */
+#menu li span {
+ display: block;
+ padding: 3px 3px 3px 8px;
+ margin: 1px 0;
+ text-decoration: none;
+ font-weight: normal;
+ color: #138ECB;
+}
+
+.rtl #menu li span {
+ padding: 3px 8px 3px 3px;
+}
+
+#menu li a:hover, #menu li a:hover span {
+ text-decoration: none;
+ background-color: #FFFFFF;
+ color: #BC2A4D;
+}
+
+#menu li a:active, #menu li a:active span {
+ color: #F632A0;
+}
+
+#menu li#activemenu a:hover span, #menu li#activemenu span {
+ text-decoration: none;
+ font-weight: bold;
+ color: #BC2A4D;
+}
+
+#menu li a:active, #menu li a:active span, #menu li#activemenu a:active span {
+ color: #F632A0;
+}
+
+#menu li span.completed {
+ text-decoration: none;
+ padding: 3px 3px 3px 12px;
+}
+
+.rtl #menu li span.completed {
+ text-decoration: none;
+ padding: 3px 12px 3px 3px;
+}
+
+#menu li.header {
+ font-family: Tahoma, Helvetica, sans-serif;
+ display: block;
+ font-weight: bold;
+ color: #115098;
+ border-bottom: 1px solid #327AA5;
+ padding: 4px 0 2px;
+ margin-top: 15px;
+ text-transform: uppercase;
+ font-size: 0.75em;
+}
+
+/* Table styles
+---------------------------------------- */
+
+table {
+ width: 100%;
+ border: 1px solid #CCCFD3;
+ background-color: #FFFFFF;
+ padding: 1px;
+}
+
+th {
+ padding: 3px 4px;
+ color: #FFFFFF;
+ border-top: 1px solid #6DACD2;
+ border-bottom: 1px solid #327AA5;
+ text-align: left;
+ font-size: 0.75em;
+ text-transform: uppercase;
+}
+
+td {
+ text-align: left;
+ font-size: 0.85em;
+ padding: 4px;
+ line-height: 1.20em;
+}
+
+.rtl th, .rtl td {
+ text-align: right;
+}
+
+table.type2 {
+ border: none;
+ background: none;
+ padding: 0;
+}
+
+table.type2 th {
+ background: none;
+ border-top: none;
+ text-align: center;
+ color: #115098;
+ padding: 2px 0;
+}
+
+table.type2 td {
+ padding: 0;
+ font-size: 1em;
+}
+
+table.type2 td.name {
+ padding: 2px;
+ vertical-align: middle;
+}
+
+table.type3 {
+ float: right;
+ width: 300px;
+ border: none;
+ background-color: transparent;
+ padding: 0;
+}
+
+.rtl table.type3 {
+ float: left;
+}
+
+table.type3 thead th {
+ background-color: transparent;
+ border-top: none;
+ text-align: center;
+ color: #115098;
+ padding: 0 3px;
+ font-size: 0.85em;
+ font-weight: normal;
+ text-transform: none;
+}
+
+table.type3 tbody th {
+ border-top: none;
+ text-align: left;
+ text-transform: none;
+ padding: 0;
+ border: none;
+ font-size: 0.90em;
+ font-weight: normal;
+ width: 100%;
+}
+
+.rtl table.type3 tbody th {
+ text-align: right;
+}
+
+table.type3 td {
+ text-align: center;
+ padding: 1px;
+}
+
+th.name {
+ text-align: left;
+ width: auto;
+}
+
+.rtl th.name {
+ text-align: right;
+}
+
+td.name {
+ text-align: left;
+ font-weight: bold;
+}
+
+.rtl td.name {
+ text-align: right;
+}
+
+.entry {
+ text-align: left;
+ font-weight: normal;
+}
+
+.rtl .entry {
+ text-align: right;
+}
+
+.row1 { background-color: #F9F9F9; }
+.row2 { background-color: #DCEBFE; }
+.row3 { background-color: #DBDFE2; }
+.row4 { background-color: #E4E8EB; }
+.col1 { background-color: #DCEBFE; }
+.col2 { background-color: #F9F9F9; }
+
+.spacer {
+ background-color: #DBDFE2;
+ height: 1px;
+ line-height: 1px;
+}
+
+/* General form styles
+----------------------------------------*/
+fieldset {
+ margin: 15px 0;
+ padding: 10px;
+ border-top: 1px solid #D7D7D7;
+ border-right: 1px solid #CCCCCC;
+ border-bottom: 1px solid #CCCCCC;
+ border-left: 1px solid #D7D7D7;
+ background-color: #FFFFFF;
+ position: relative;
+}
+
+.rtl fieldset {
+ border-top: 1px solid #D7D7D7;
+ border-right: 1px solid #D7D7D7;
+ border-bottom: 1px solid #CCCCCC;
+ border-left: 1px solid #CCCCCC;
+}
+
+* html fieldset {
+ padding: 0 10px 5px 10px;
+}
+
+fieldset p {
+ font-size: 0.85em;
+}
+
+legend {
+ padding: 1px 0;
+ font-family: Tahoma,arial,Verdana,Sans-serif;
+ font-size: .9em;
+ font-weight: bold;
+ color: #115098;
+ margin-top: -.4em;
+ position: relative;
+ text-transform: none;
+ line-height: 1.2em;
+ top: 0;
+ vertical-align: middle;
+}
+
+/* Hide from macIE \*/
+legend { top: -1.2em; }
+/* end */
+
+* html legend {
+ margin: 0 0 -10px -7px;
+ line-height: 1em;
+ font-size: .85em;
+}
+
+/* Holly hack, .rtl comes after html */
+* html .rtl legend {
+ margin: 0;
+ margin-right: -7px;
+}
+
+input, textarea {
+ font-family: Verdana, Helvetica, Arial, sans-serif;
+ font-size: 0.90em;
+ font-weight: normal;
+ cursor: text;
+ vertical-align: middle;
+ padding: 2px;
+ color: #111111;
+ border-left: 1px solid #AFAEAA;
+ border-top: 1px solid #AFAEAA;
+ border-right: 1px solid #D5D5C8;
+ border-bottom: 1px solid #D5D5C8;
+ background-color: #E3DFD8;
+}
+
+.rtl input, .rtl textarea {
+ border-left: 1px solid #D5D5C8;
+ border-top: 1px solid #AFAEAA;
+ border-right: 1px solid #AFAEAA;
+ border-bottom: 1px solid #D5D5C8;
+}
+
+input:hover, textarea:hover {
+ border-left: 1px solid #AFAEAA;
+ border-top: 1px solid #AFAEAA;
+ border-right: 1px solid #AFAEAA;
+ border-bottom: 1px solid #AFAEAA;
+ background-color: #E9E9E2;
+}
+
+input.langvalue, textarea.langvalue {
+ width: 90%;
+}
+
+optgroup, select {
+ font-family: Verdana, Helvetica, Arial, sans-serif;
+ font-size: 0.85em;
+ font-weight: normal;
+ font-style: normal;
+ cursor: pointer;
+ vertical-align: middle;
+ width: auto;
+ color: #000;
+}
+
+optgroup {
+ font-size: 1.00em;
+ font-weight: bold;
+}
+
+optgroup.disabled-options {
+ display: none;
+ background-color: gray;
+}
+
+option {
+ padding: 0 1em 0 0;
+ color: #000;
+}
+
+option.disabled-option {
+ color: graytext;
+}
+
+.rtl option {
+ padding: 0 0 0 1em;
+}
+
+.sep {
+ font-weight: bold;
+}
+
+.username-coloured {
+ font-weight: bold;
+}
+
+textarea {
+ font-family: Verdana, Helvetica, Arial, sans-serif;
+ font-size: 0.85em;
+ width: 60%;
+ padding: 2px;
+}
+
+label {
+ cursor: pointer;
+ font-size: 0.85em;
+ padding: 0 5px 0 0;
+}
+
+.rtl label {
+ padding: 0 0 0 5px;
+}
+
+label input {
+ font-size: 1.00em;
+ vertical-align: middle;
+}
+
+label img {
+ vertical-align: middle;
+}
+
+fieldset.quick, p.quick {
+ margin: 0 0 5px;
+ padding: 5px 0 0;
+ border: none;
+ background-color: transparent;
+ text-align: right;
+}
+
+.rtl fieldset.quick, .rtl p.quick {
+ text-align: left;
+}
+
+fieldset.quick legend {
+ display: none;
+}
+
+fieldset.tabulated {
+ background: none;
+ margin: 0;
+ padding: 0;
+ padding-top: 5px;
+ border: 0;
+}
+
+fieldset.tabulated legend {
+ display: none;
+}
+
+fieldset.nobg {
+ margin: 15px 0 0 0;
+ padding: 0;
+ border: none;
+ background-color: transparent;
+}
+
+fieldset.display-options {
+ margin: 15px 0 2px 0;
+ padding: 0 0 4px 0;
+ border: none;
+ background-color: transparent;
+ text-align: center;
+ font-size: 0.75em;
+}
+
+fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
+ font-size: 1.00em;
+ vertical-align: middle;
+}
+
+select option.disabled {
+ background-color: #bbb;
+ color: #fff;
+}
+
+/* Special case inputs */
+select#board_timezone,
+select#full_folder_action {
+ width: 95%;
+}
+
+/* Definition list layout for forms
+ Other general def. list properties defined in prosilver_main.css
+---------------------------------------- */
+dl {
+ font-family: Verdana, Helvetica, Arial, sans-serif;
+ font-size: 1.00em;
+}
+
+dt {
+ float: left;
+ width: auto;
+}
+
+.rtl dt {
+ float: right;
+}
+
+dd { color: #666666;}
+dd + dd { padding-top: 5px;}
+dt span { padding: 0 5px 0 0;}
+.rtl dt span { padding: 0 0 0 5px;}
+
+dt .explain { font-style: italic;}
+
+dt label {
+ font-size: 1.00em;
+ text-align: left;
+ font-weight: bold;
+ color: #4A5A73;
+}
+
+.rtl dt label {
+ text-align: right;
+}
+
+dd label {
+ font-size: 1.00em;
+ white-space: nowrap;
+ margin: 0 10px 0 0;
+ color: #4A5A73;
+}
+
+.rtl dd label {
+ margin: 0 0 0 10px;
+}
+
+html>body dd label input { vertical-align: text-bottom;} /* Tweak for Moz to align checkboxes/radio buttons nicely */
+
+dd input {
+ font-size: 1.00em;
+ max-width: 100%;
+}
+
+dd select {
+ font-size: 100%;
+ width: auto;
+ max-width: 100%;
+}
+
+dd textarea {
+ font-size: 0.90em;
+ width: 90%;
+}
+
+dd select {
+ width: auto;
+ font-size: 1.00em;
+}
+
+fieldset dl {
+ margin-bottom: 10px;
+ font-size: 0.85em;
+}
+
+fieldset dt {
+ width: 45%;
+ text-align: left;
+ border: none;
+ border-right: 1px solid #CCCCCC;
+ padding-top: 3px;
+}
+
+.rtl fieldset dt {
+ text-align: right;
+ border: none;
+ border-left: 1px solid #CCCCCC;
+}
+
+fieldset dd {
+ margin: 0 0 0 45%;
+ padding: 0 0 0 5px;
+ border: none;
+ border-left: 1px solid #CCCCCC;
+ vertical-align: top;
+ font-size: 1.00em;
+}
+
+.rtl fieldset dd {
+ margin: 0 45% 0 0;
+ padding: 0 5px 0 0;
+ border: none;
+ border-right: 1px solid #CCCCCC;
+}
+
+dd.full, .rtl dd.full {
+ margin: 0;
+ border: 0;
+ padding: 0;
+ padding-top: 3px;
+ text-align: center;
+ width: 95%;
+}
+
+/* Hover highlights for form rows */
+fieldset dl:hover dt, fieldset dl:hover dd {
+ border-color: #666666;
+}
+
+fieldset dl:hover dt label {
+ color: #000000;
+}
+
+fieldset dl dd label:hover {
+ color: #BC2A4D;
+}
+
+input:focus, textarea:focus {
+ border: 1px solid #BC2A4D;
+ background-color: #E9E9E2;
+ color: #BC2A4D;
+}
+
+/* Submit button fieldset or paragraph
+---------------------------------------- */
+fieldset.submit-buttons {
+ text-align: center;
+ border: none;
+ background-color: transparent;
+ margin: 0;
+ padding: 4px;
+ margin-top: -1px;
+}
+
+p.submit-buttons {
+ text-align: center;
+ margin: 0;
+ padding: 4px;
+ margin-top: 10px;
+}
+
+fieldset.submit-buttons input, p.submit-buttons input {
+ padding: 3px 2px;
+}
+
+fieldset.submit-buttons legend {
+ display: none;
+}
+
+/* Input field styles
+---------------------------------------- */
+
+input.radio, input.permissions-checkbox {
+ width: auto !important;
+ background-color: transparent;
+ border: none;
+ cursor: default;
+}
+
+input.full,
+textarea.full {
+ width: 99%;
+}
+
+* html input.full, * html textarea.full { width: 95%;}
+input.medium { width: 50%;}
+input.narrow { width: 25%;}
+input.tiny { width: 10%;}
+input.autowidth { width: auto !important;}
+.box2 .inputbox { background-color: #E9E9E9;}
+
+/* Form button styles
+---------------------------------------- */
+a.button1, input.button1, input.button3,
+a.button2, input.button2 {
+ width: auto !important;
+ padding: 1px 3px 0 3px;
+ font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
+ color: #000;
+ font-size: 0.85em;
+ cursor: pointer;
+}
+
+a.button1, input.button1 {
+ font-weight: bold;
+ border: 1px solid #666666;
+}
+
+/* Alternative button */
+a.button2, input.button2 {
+ border: 1px solid #666666;
+}
+
+/* <a> button in the style of the form buttons */
+a.button1, a.button1:link, a.button1:visited, a.button1:active,
+a.button2, a.button2:link, a.button2:visited, a.button2:active {
+ text-decoration: none;
+ color: #000000;
+ padding: 4px 8px;
+}
+
+/* Hover states */
+a.button1:hover, input.button1:hover,
+a.button2:hover, input.button2:hover {
+ border: 1px solid #BC2A4D;
+ color: #BC2A4D;
+}
+
+input.disabled {
+ font-weight: normal;
+ color: #666666;
+}
+
+/* Pagination
+---------------------------------------- */
+.pagination {
+ height: 1%; /* IE tweak (holly hack) */
+ width: auto;
+ text-align: right;
+ margin-top: 5px;
+ font-size: 0.85em;
+ padding-bottom: 2px;
+}
+
+.rtl .pagination {
+ text-align: left;
+}
+
+.pagination strong,
+.pagination b {
+ font-weight: normal;
+}
+
+.pagination span.page-sep {
+ display:none;
+}
+
+.pagination span strong {
+ padding: 0 2px;
+ margin: 0 2px;
+ font-weight: normal;
+ font-size: 0.85em;
+ color: #FFFFFF;
+ background: #4692BF;
+ border: 1px solid #4692BF;
+}
+
+.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
+ font-weight: normal;
+ font-size: 0.85em;
+ text-decoration: none;
+ color: #5C758C;
+ margin: 0 2px;
+ padding: 0 2px;
+ background: #ECEDEE;
+ border: 1px solid #B4BAC0;
+}
+
+.pagination span a:hover {
+ border-color: #368AD2;
+ background: #368AD2;
+ color: #FFFFFF;
+ text-decoration: none;
+}
+
+.pagination img {
+ vertical-align: middle;
+}
+
+
+/* Action Highlighting
+---------------------------------------- */
+.successbox, .errorbox {
+ padding: 8px;
+ margin: 10px 0;
+ color: #FFFFFF;
+ text-align: center;
+}
+
+.success {
+ color: #228822;
+}
+
+.error {
+ color: #BC2A4D;
+}
+
+.successbox {
+ background-color: #228822;
+}
+
+.errorbox {
+ background-color: #BC2A4D;
+}
+
+* html .errorbox, * html .successbox { height: 1%; } /* Pixel shift fix for IE */
+
+.successbox h3, .errorbox h3 {
+ color: #FFFFFF;
+ margin: 0 0 0.5em;
+ font-size: 1.10em;
+ font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
+}
+
+.successbox p, .errorbox p {
+ color: #FFFFFF;
+ font-size: 0.85em;
+ margin-bottom: 0;
+}
+
+.errorbox a:link, .errorbox a:active, .errorbox a:visited,
+.successbox a:link, .successbox a:active, .successbox a:visited {
+ color: #DBD7D1;
+ text-decoration: underline;
+ font-weight: bold;
+}
+
+.errorbox a:hover, .successbox a:hover {
+ color: #FFFFFF;
+ text-decoration: none;
+ font-weight: bold;
+}
+
+/* Special cases for the error page */
+#errorpage #page-header a {
+ font-weight: bold;
+ line-height: 6em;
+}
+
+#errorpage #content {
+ padding-top: 10px;
+}
+
+#errorpage #content h1 {
+ color: #DF075C;
+}
+
+#errorpage #content h2 {
+ margin-top: 20px;
+ margin-bottom: 5px;
+ border-bottom: 1px solid #CCCCCC;
+ padding-bottom: 5px;
+ color: #333333;
+}
+
+/* Tooltip for permission roles */
+.tooltip {
+ width: 200px;
+ color: #000;
+ text-align: center;
+ border: 1px solid #AAA;
+}
+
+.tooltip span.top {
+ background: #EFEFEF;
+ font-weight: bold;
+ padding: 2px;
+}
+
+.tooltip span.bottom {
+ padding: 5px;
+ color: #000000;
+ background: #FFFFFF;
+}
+
+/*
+ Format Buttons for signature editor
+*/
+#format-buttons {
+ margin: 15px 0 2px 0;
+}
+
+#format-buttons input, #format-buttons select {
+ vertical-align: middle;
+}
+
+/* Nice method for clearing floated blocks without having to insert any extra markup
+ From http://www.positioniseverything.net/easyclearing.html
+.clearfix:after, #tabs:after, .row:after, #content:after, fieldset dl:after, #page-body:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}*/
+
+.clearfix, #tabs, .row, #content, fieldset dl, #page-body {
+ height: 1%;
+ overflow: hidden;
+}
+
+/* Syntax Highlighting
+---------------------------------------- */
+.sourcenum {
+ color: gray;
+ font-family: Monaco, 'Courier New', monospace;
+ font-size: 1.25em;
+ font-weight: bold;
+ line-height: 1.20em;
+ text-align: right;
+ padding: 0;
+}
+
+.rtl .sourcenum {
+ text-align: left;
+}
+
+.source {
+ font-family: Monaco, 'Courier New', monospace;
+ font-size: 1.25em;
+ line-height: 1.20em;
+ padding: 0;
+}
+
+.syntaxbg {
+ color: #FFFFFF;
+}
+
+.syntaxcomment {
+ color: #FF8000;
+}
+
+.syntaxdefault {
+ color: #0000BB;
+}
+
+.syntaxhtml {
+ color: #000000;
+}
+
+.syntaxkeyword {
+ color: #007700;
+}
+
+.syntaxstring {
+ color: #DD0000;
+}
+
+/* Permission interface
+---------------------------------------- */
+
+fieldset.permissions legend {
+ text-transform: none;
+}
+
+fieldset.permissions legend input{
+ height: 1.1em;
+}
+
+/* Permission sections */
+fieldset.permissions .permissions-simple {
+ text-align: left;
+ padding-top: 3px;
+}
+
+.rtl fieldset.permissions .permissions-simple {
+ text-align: right;
+}
+
+fieldset.permissions .permissions-advanced {
+ padding: 10px 0 0 5px;
+ vertical-align: top;
+ clear: right;
+}
+
+.rtl fieldset.permissions .permissions-advanced {
+ padding: 10px 5px 0 0;
+ clear: left;
+}
+
+fieldset.permissions .permissions-switch {
+ float: right;
+}
+
+.rtl fieldset.permissions .permissions-switch {
+ float: left;
+}
+
+fieldset.permissions .padding {
+}
+
+.permissions-switch a {
+ text-decoration: underline;
+ font-size: 0.90em;
+}
+
+.permissions-reset {
+ margin-top: -6px;
+ padding-bottom: 10px;
+}
+
+.permissions-reset a {
+ font-size: .8em;
+}
+
+/* Tabbed menu */
+.permissions-category {
+ line-height: normal;
+ margin: 0 0 -1px 7px;
+ min-width: 570px;
+ font-size: 0.85em;
+}
+
+.rtl .permissions-category {
+ margin: 0 7px -1px 0;
+}
+
+.permissions-category ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.permissions-category li {
+ display: inline;
+ margin: 0;
+ padding: 0;
+ font-size: 1em;
+ font-weight: bold;
+}
+
+.permissions-category a {
+ float: left;
+ margin: 0 1px 0 0;
+ padding: 0 0 0 6px;
+ text-decoration: none;
+ position: relative;
+}
+
+.rtl .permissions-category a {
+ float: right;
+}
+
+.permissions-category a span.tabbg {
+ float: left;
+ display: block;
+ padding: 7px 12px 6px 6px;
+ color: #536482;
+ white-space: nowrap;
+}
+
+.rtl .permissions-category a span.tabbg {
+ float: right;
+}
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+.permissions-category a span.tabbg, .rtl .permissions-category a span.tabbg { float: none;}
+/* End hack */
+
+.permissions-category a:hover span.tabbg {
+ color: #DD6900;
+}
+
+.permissions-category .activetab a {
+ background-position: 0 0;
+}
+
+.permissions-category .activetab a span.tabbg {
+ background-position: 100% 0;
+ padding-bottom: 7px;
+ color: #333333;
+}
+
+.permissions-category a:hover {
+ background-position: 0 -70px;
+}
+
+.permissions-category a:hover span.tabbg {
+ background-position: 100% -70px;
+}
+
+.permissions-category .activetab a:hover span.tabbg {
+ color: #333333;
+ background-position: 100% 0;
+}
+
+.permissions-category .activetab a:hover {
+ background-position: 0 0;
+}
+
+.permissions-category a span.colour {
+ border: 1px solid #536482;
+ display: block;
+ float: left;
+ width: 10px;
+ height: 10px;
+ margin: 0 5px 0 0;
+}
+
+/* Most browsers will have to live with a left aligned icon in RTL mode, as (currently) only Firefox 3.0 Alpha 3 renders it correctly without destroying it
+.rtl .permissions-category a span.colour {
+ float: right;
+ margin: 0 0 0 5px;
+}
+*/
+
+.permissions-category .activetab span.colour {
+ border-color: #333333;
+}
+
+.permissions-category a:hover span.colour {
+ border-color: #DD6900;
+}
+
+.permissions-category .activetab a:hover span.colour {
+ border-color: #333333;
+}
+
+/* Permission preset colours */
+.permissions-preset-yes span.colour,
+.yes {
+ background-color: #86F786;
+}
+
+.permissions-preset-custom span.colour {
+ background-color: #B2BBDD;
+}
+
+.permissions-preset-never span.colour {
+ background-color: #DD0000;
+}
+
+.permissions-preset-no span.colour,
+.never {
+ background-color: #EFB0B2;
+}
+
+/* Permission panel
+---------------------------------------- */
+.permissions-panel {
+ float: left;
+ background-color: #CADCEB;
+ width: 100%;
+}
+
+.rtl .permissions-panel {
+ float: right;
+}
+
+.permissions-panel span.corners-top, .permissions-panel span.corners-bottom,
+.permissions-panel span.corners-top span, .permissions-panel span.corners-bottom span {
+ font-size: 1px;
+ line-height: 1px;
+ display: block;
+ height: 5px;
+ background-repeat: no-repeat;
+}
+
+.permissions-panel span.corners-top {
+ background-position: 0 0;
+ margin: 0 0;
+}
+
+.permissions-panel span.corners-top span {
+ background-position: 100% 0;
+}
+
+.permissions-panel span.corners-bottom {
+ background-position: 0 100%;
+ margin: 0 0;
+ clear: both;
+}
+
+.permissions-panel span.corners-bottom span {
+ background-position: 100% 100%;
+}
+
+/* Permission table
+---------------------------------------- */
+.permissions-panel .tablewrap {
+ margin: 0 10px;
+}
+
+.permissions-panel table {
+ width: 100%;
+}
+
+.permissions-panel th {
+ text-transform: none;
+}
+
+.permissions-panel th.value {
+ text-align: center;
+}
+
+.permissions-panel th.name {
+ text-align: left;
+ width: auto;
+ text-transform: none;
+}
+
+.rtl .permissions-panel th.name {
+ text-align: right;
+}
+
+.permissions-panel th.permissions-name {
+ border: none;
+ color: #536482;
+ font-weight: normal;
+}
+
+.permissions-panel th.permissions-name a.trace {
+ display: inline;
+}
+
+.permissions-panel th.row3 {
+ background-image: none;
+ background-color: #D1D7DC;
+ color: #536482;
+ border: none;
+}
+
+.permissions-panel th.row4 {
+ background-image: none;
+ background-color: #E4E8EB;
+ color: #536482;
+ border: none;
+}
+
+.permissions-panel th a:link, .permissions-panel th a:hover, .permissions-panel th a:visited {
+ display: block;
+ color: #FFFFFF;
+ text-decoration: underline;
+}
+
+.permissions-panel td.permissions-yes label:hover {
+ background-color: #86F786;
+}
+
+.permissions-panel td.permissions-no label:hover {
+ background-color: #EFB0B2;
+}
+
+.permissions-panel td.permissions-never label:hover {
+ background-color: #DD0000;
+}
+
+.permissions-panel td {
+ padding: 0;
+ text-align: center;
+ width: 10%;
+}
+
+.permissions-panel td label {
+ display: block;
+ margin: 0;
+ padding: 0;
+}
+
+/* Classes for additional tasks
+---------------------------------------- */
+
+.phpinfo {
+ overflow: auto;
+ width: 99%;
+ direction: ltr;
+}
+
+.phpinfo td, .phpinfo th, .phpinfo h2, .phpinfo h1 {
+ text-align: left;
+}
+
+.rules span.corners-top {
+ margin: 0 -10px 5px -10px;
+}
+
+.rules span.corners-bottom {
+ margin: 5px -10px 0 -10px;
+}
+
+div.rules {
+ background-color: #ececec;
+ color: #bcbcbc;
+ padding: 0 10px;
+ margin: 10px 0;
+ font-size: 1.1em;
+}
+
+div.rules ul {
+ margin-left: 20px;
+}
+
+p.rules {
+ background-color: #ececec;
+ background-image: none;
+ padding: 5px;
+}
+
+p.rules img {
+ vertical-align: middle;
+}
+
+p.rules a {
+ vertical-align: middle;
+ clear: both;
+}
+
+div.rules {
+ background-color: #ECD5D8;
+ color: #BC2A4D;
+}
+
+p.rules {
+ background-color: #ECD5D8;
+ background-image: none;
+} \ No newline at end of file