css/msd/style.css

@@ -0,0 +1,587 @@
+/*
+    @copyright		MySQLDumper - Daniel Schlichtholz <http://www.mysqldumper.de>
+    @author			Ingo Wagener <http://www.vorderdeck.de>, Daniel Schlichtholz
+    @date			2008-02-28 13:39:07
+    @lastmodified	2009-07-01 21:56:00
+    @media			screen and projection
+*/
+*,.nomargin {
+	margin: 0;
+	padding: 0;
+}
+
+label {
+	cursor: pointer;
+}
+
+img {
+	border: 0;
+	padding: 0;
+	margin: 0;
+}
+
+body {
+	font: 12px/1.5 Verdana, Helvetica, sans-serif;
+	border-top: 5px solid #256777;
+	background: #fff url(pics/bg-body.gif) repeat-x 0 5px;
+}
+
+body.content {
+	padding: 0 18px;
+}
+
+.menu-frame {
+	background-color: #FFF;
+	color: #000;
+}
+
+/* LINKS */
+a {
+	color: #256777;
+}
+
+a:hover {
+	color: #E87B00;
+	text-decoration: none;
+}
+
+a.ul {
+	text-decoration: underline;
+}
+
+/* general */
+#pagetitle {
+	color: #256777;
+	font-size: 1.8em;
+	padding-top: 2px;
+	margin-bottom: 20px;
+	border-bottom: 1px solid #c7c7c7;
+}
+
+#server0 {
+	position: absolute;
+	bottom: 4px;
+	text-align: center;
+	left: 10px;
+	color: #000;
+}
+
+#server1 {
+	position: absolute;
+	right: 16px;
+	text-align: center;
+	padding: 10px;
+}
+
+.version {
+	display: block;
+	position: relative;
+	top: -15px;
+	z-index: 5;
+	text-align: center;
+	font-size: 11px;
+	height: 100px;
+}
+
+.small {
+	font-size: 11px;
+}
+
+.ssmall {
+	font-size: 10px;
+}
+
+.success {
+	font-weight: bold;
+}
+
+.error {
+	color: #E87B00;
+	font-weight: bold;
+}
+
+.explain {
+	text-decoration: none;
+	border-bottom: 1px dotted;
+}
+
+.explain:hover {
+	cursor: help;
+}
+
+.active_db {
+	font-weight: bold;
+	border-bottom: 1px dotted;
+	color: #9AA2B1;
+}
+
+table {
+	color: #000;
+}
+
+table.bdr,.bdr {
+	border: 1px solid #ddd !important;
+	border-collapse: collapse !important;
+}
+
+table td {
+	text-align: left;
+	vertical-align: top;
+	padding: 0 6px;
+	font-size: 12px;
+}
+
+table th {
+	padding: 0 6px;
+}
+
+/* MENU */
+#menu {
+	margin-top: 1px;
+	background: url(pics/navi_bg.jpg) no-repeat;
+	text-align: left;
+}
+
+#menu ul {
+	margin: 0px 0 0 0;
+	list-style: none;
+	background-color: transparent;
+}
+
+#menu ul li {
+	border-bottom: 1px solid #ddd;
+}
+
+#menu ul a {
+	padding: 0 10px;
+	display: block;
+	line-height: 2;
+	text-decoration: none;
+	outline: none;
+}
+
+#menu ul a:hover {
+	background: #eee;
+	text-decoration: none;
+}
+
+#menu ul li.active {
+	border-bottom: 1px solid #256777;
+}
+
+#menu ul li.active a,#menu ul li.active a:hover {
+	color: #E87B00;
+	font-weight: bold;
+	text-decoration: none;
+	background: transparent;
+}
+
+#menu ul li.icon-holder {
+	margin-top: 3em;
+	border-bottom: 0;
+	text-align: center;
+}
+
+#menu ul li strong {
+	text-align: left;
+	color: #256777;
+	font: normal normal .8em/1.4em verdana, sans-serif;
+	display: block;
+}
+
+fieldset {
+	margin: 10px;
+	padding: 5px;
+	border: 1px solid #ddd;
+	color: #256777;
+}
+
+body.content legend {
+	font-weight: bold;
+}
+
+body.menu fieldset p {
+	margin: 5px 0 0;
+	text-align: center;
+}
+
+/* MAIN */
+#topnavi {
+	list-style: none;
+	margin: 10px 0 20px;
+}
+
+#topnavi li {
+	float: left;
+	margin-right: 6px;
+}
+
+#topnavi li a {
+	float: left;
+	font: 1.1em verdana, arial, sans-serif;
+	border: 1px solid #ddd;
+	background: url(pics/bg-buttons.gif) repeat-x;
+	color: #E87B00;
+	padding: 4px 6px;
+	cursor: pointer;
+	text-decoration: none;
+	white-space: nowrap;
+}
+
+#topnavi li a span {
+	color: #256777;
+}
+
+#topnavi li a:hover {
+	color: #256777;
+}
+
+#topnavi li a:hover span {
+	color: #E87B00;
+}
+
+#content p {
+	margin: 10px 0;
+}
+
+/*Tabellen */
+table tr.dbrow {
+	background: #FCFDFD;
+}
+
+table tr.dbrow1 {
+	background: #F8FAFB;
+}
+
+table tr.dbrowsel {
+	background: #F9F3ED;
+	color: #256777;
+}
+
+table tr.dbrowsel a:hover {
+	color: #E87B00;
+}
+
+table td.treffer {
+	background: #000;
+}
+
+/* Treffer bei der MySQL-Suche */
+table.border {
+	border: 1px solid #738C88;
+}
+
+table td.sum {
+	background-color: red;
+	font-weight: bold;
+	text-align: right;
+}
+
+table tr.thead th,table tr.thead td {
+	background: url(pics/bg-buttons.gif) repeat-x;
+	border: 1px solid #ddd;
+	color: #256777;
+}
+
+#configright table a {
+	font-size: 11px;
+	color: #E87B00;
+}
+
+#configright table tr.dbrowsel a {
+	color: #E87B00;
+}
+
+.tdcompact {
+	width: 100px;
+	height: 16px;
+	overflow: hidden;
+	font-size: 11px;
+}
+
+.tdnormal {
+	white-space: nowrap;
+	padding: 1px;
+}
+
+.sqlheadmenu a {
+	
+}
+
+/* FORM-Elements */
+#content .Formbutton,#content .ConfigButton,#content .ConfigButtonSelected,#content .Formtext {
+	margin: 0px 6px 0px 0px;
+	font: 1.1em verdana, arial, sans-serif;
+	border: 1px solid #ddd;
+	background: url(pics/bg-buttons.gif) repeat-x;
+	color: #E87B00;
+	padding: 2px;
+	cursor: pointer;
+	white-space: nowrap;
+	overflow: visible;
+}
+
+#content .Formtext {
+	overflow: hidden;
+}
+
+#content .ConfigButtonSelected {
+	color: #256777;
+}
+
+#content .ConfigButton,#content .ConfigButtonSelected {
+	width: 160px;
+	margin-bottom: 4px;
+}
+
+#content .SQLbutton {
+	font-size: 11px;
+	background: #E4E9E8;
+	cursor: pointer;
+}
+
+/* htaccess edit area */
+#content textarea #thta {
+	font-size: 11px;
+	color: blue;
+	width: 400px;
+	height: 300px;
+	overflow: scroll;
+}
+
+#content textarea {
+	width: 100%;
+	background: #FFF;
+}
+
+input.radio,input.checkbox {
+	background-color: transparent;
+}
+
+/* Colors for Formelements */
+input.text,input.small {
+	border: 1px solid #256777;
+	background: #fff;
+	color: #000;
+}
+
+select {
+	background: #FFF;
+	color: #000;
+}
+
+textarea {
+	background: #B3C2C0;
+	color: #4E5665;
+}
+
+/* for Geckos */
+input[disabled] {
+	color: #888;
+}
+
+/*horizontal menu */
+#hormenu {
+	
+}
+
+#hormenu ul {
+	border-bottom: thin solid #D5DDDC;
+	margin-bottom: 8px;
+	width: 80%;
+}
+
+#hormenu ul li {
+	display: inline;
+}
+
+#hormenu ul li a {
+	font: 11px/20px verdana, sans-serif;
+	text-decoration: none;
+	color: #4E5665;
+	padding: 0 14px;
+	border: 0;
+}
+
+#hormenu ul li a:hover {
+	color: #E87B00;
+}
+
+#hormenu ul li#active a {
+	font: bold 11px/20px verdana, sans-serif;
+	text-decoration: none;
+	color: #E87B00;
+	float: left;
+	padding: 0 14px;
+}
+
+#hormenu ul li#active a:hover {
+	color: #E87B00;
+}
+
+/* special elements */
+.MySQLbox {
+	font-size: 10pt;
+	padding: 0px;
+	background: #000;
+	color: #fff;
+	border: thin solid #999999;
+	height: 200px;
+	width: 100%;
+	text-align: left;
+	overflow: auto;
+}
+
+#content #sqlheaderbox,.sqlbox-warning {
+	white-space: nowrap;
+	vertical-align: top;
+	padding: 8px;
+	background: url(pics/bg-buttons.gif) repeat-x;
+	border: 1px solid #ddd;
+	color: #256777;
+	line-height: 22px;
+}
+
+#sqlheaderbox .Formbutton {
+	line-height: 18px;
+	padding: 2px;
+	margin: 0px;
+}
+
+#sqltextarea {
+	margin-right: 30px !important;
+	width: 100% !important;
+	overflow: auto;
+}
+
+#content #sqleditbox {
+	border: 1px solid #738C88;
+	background: #EEEEEE;
+	margin-bottom: 10px;
+}
+
+#content #sqleditbox form {
+	margin: 10px;
+}
+
+#content #sqleditbox p {
+	background: #A5B6B4;
+	font-weight: bold;
+	text-align: center;
+}
+
+#content #sqlnewbox {
+	border: 1px solid #738C88;
+	background: #E4E9E8;
+}
+
+#content #sqlnewbox p {
+	background: #A5B6B4;
+	font-weight: bold;
+	text-align: center;
+}
+
+#content #sqloutbox {
+	font-size: 11px;
+	width: 700px;
+	padding: 6px;
+	background: #D5DDDC;
+	border: 1px solid #738C88;
+	overflow: auto;
+}
+
+#content p.autodel {
+	font-size: 11px;
+	border-bottom: 1px dashed #fff;
+	margin-bottom: 12px;
+}
+
+#content .Logbox {
+	font: 12px/1.2 "Courier New", Courier, monospace;
+	padding: 6px;
+	border: 1px solid #ddd;
+	height: 320px;
+	width: 90%;
+	text-align: left;
+	overflow: auto;
+}
+
+#content .Logbox span {
+	color: #738C88;
+}
+
+#content .backupmsg {
+	padding-left: 20px;
+	font-size: 11px;
+}
+
+#content .backupmsg .success,#content .backupmsg a {
+	color: #999;
+	font-size: 11px;
+}
+
+#content .backupmsg .error {
+	color: red;
+}
+
+/* TEXT */
+h1 {
+	font-size: 16px;
+}
+
+h5 {
+	font-size: 1.7em;
+	font-weight: normal;
+	color: #256777;
+	margin: 20px 0 10px;
+}
+
+h6 {
+	font-size: 1.5em;
+	font-weight: normal;
+	color: #256777;
+	margin: 10px 0;
+	padding-left: 4px;
+	background: url(pics/bg-headings.gif) repeat-x;
+}
+
+/* Config */
+#configleft {
+	float: left;
+	width: 180px;
+}
+
+#configleft .Formbutton {
+	width: 160px;
+	margin: 4px 0;
+}
+
+#configright {
+	margin-left: 180px;
+}
+
+#footer {
+	margin-top: 36px;
+	padding: 10px 0;
+	border-top: 1px solid #eee;
+	font-size: 10px;
+	text-align: right;
+}
+
+#selectConfig {
+	border: 0;
+}
+
+#footer a {
+	text-decoration: none;
+}
+
+#footer a:hover {
+	text-decoration: underline;
+}
+
+#ilog {
+	border: 1px solid #ddd !important;
+	padding: 12px;
+	background-color: #fcfcfc;
+}

css/msd_green/style.css

@@ -0,0 +1,674 @@
+/* MySQLDumper STYLESHEET
+
+Name: msd_green
+
+*/
+*,.normargin {
+	margin: 0;
+	padding: 0;
+}
+
+img {
+	border: 0;
+}
+
+body {
+	font: 12px/1.5 Verdana, Helvetica, sans-serif;
+	color: #4E5665;
+	background: #C7D1D0;
+}
+
+.menu-frame {
+	font: 12px/1.5 Verdana, Helvetica, sans-serif;
+	background-color: #738C88;
+	color: #eee;
+}
+
+/* LINKS */
+a {
+	color: #4E5665;
+	text-decoration: underline;
+	font: 12px verdana, sans-serif
+}
+
+a:hover {
+	color: #E87B00;
+	text-decoration: none
+}
+
+a.ul {
+	text-decoration: underline;
+}
+
+/* general */
+#pagetitle {
+	font-size: 1.5em;
+	font-weight: bold;
+	background: url(pics/pagetitle.gif);
+	background-repeat:repeat-x;
+	letter-spacing: 2px;
+	color:white;
+	padding: 2px 6px;
+	border-bottom:1px solid #A9AFBB;
+	height:26px;
+	overflow:hidden;
+}
+
+#server0 {
+	position: absolute;
+	bottom: 4px;
+	text-align: center;
+	left: 10px;
+	color: white;
+}
+
+#server1 {
+	position: absolute;
+	right: 16px;
+	text-align: center;
+	padding: 10px;
+}
+
+a.server {
+	color: #333333;
+	font-size: 10px;
+}
+
+a.server:hover {
+	text-decoration: underline;
+	color: white;
+}
+
+.version {
+	display: block;
+	position: absolute;
+	top: 32px;
+	left:0;
+	width:190px;
+	z-index: 5;
+	text-align: center;
+	font-size: 11px;
+	font-weight: bold;
+}
+
+.small {
+	font-size: 11px;
+}
+
+.ssmall {
+	font-size: 10px;
+}
+
+.success {
+	font-weight: bold;
+}
+
+.error {
+	color: red;
+	font-weight: bold;
+}
+
+.explain {
+	text-decoration: none;
+	border-bottom: 1px dotted;
+}
+
+.explain:hover {
+	cursor: help;
+}
+
+.active_db {
+	font-weight: bold;
+	border-bottom: 1px dotted;
+	color: #9AA2B1;
+}
+
+table td {
+	text-align: left;
+	vertical-align: top;
+	padding: 0 6px;
+}
+
+table th {
+	padding: 0 6px;
+}
+
+table.bdr,.bdr {
+	border: 1px solid #ddd !important;
+	border-collapse: collapse !important;
+}
+
+/* MENU */
+#wrapmenu {
+	background: url(pics/pagetitle.gif) #A9AFBB;
+	background-repeat: repeat-x;
+}
+
+#db-select {
+	font: 12px Verdana, Helvetica, sans-serif;
+	color: #4E5665;
+	background: #A9AFBB;
+}
+
+#menu {
+	margin:0px;
+	top:0px;
+	border-top:1px solid #A9B0BD;
+	background: url(pics/navi_bg.jpg) no-repeat;
+	text-align: center;
+	background-color: #738C88;
+	height: 100%;
+}
+
+#menu ul {
+	margin-top: 174px;
+	padding: 0;
+	list-style: none;
+	border-top: 1px solid #9AA2B1
+}
+
+#menu ul li {
+	height: 20px;
+}
+
+#menu ul li a {
+	display: block;
+	position: relative; /*fuer den ie*/
+	font: 11px/20px verdana, sans-serif;
+	text-decoration: none;
+	color: #4E5665;
+	background: url(pics/mainnavi.gif) repeat-x 0 -20px;
+	padding: 0 15px;
+	height: 20px;
+	text-align: left;
+}
+
+#menu ul li a:hover {
+	color: #fff;
+	background: url(pics/mainnavi.gif) repeat-x 0 0px;
+}
+
+/*der aktive link in der navi*/
+#menu ul li.active a {
+	font-weight: bold;
+	color: #fff;
+	background: url(pics/mainnavi.gif) repeat-x 0 -40px;
+	display: block;
+}
+
+#menu p,#menu p a {
+	color: #fff;
+	line-height: 1.5;
+	font-size: 11px;
+}
+
+table.bdr,.bdr {
+	border: 1px solid #4E5665 !important;
+	border-collapse: collapse !important;
+}
+
+#db-selectbox,#config-selectbox {
+	position: relative;
+	top: 0px;
+	width: 190px;
+	background: transparent;
+	text-align: center;
+	font: 11px/1.5 Verdana, Helvetica, sans-serif;
+	color: white;
+}
+
+#db-selectbox a,#config-selectbox a {
+	font: 11px/1.5 Verdana, Helvetica, sans-serif;
+	color: white;
+	text-decoration: underline;
+}
+
+#db-selectbox a:hover,#config-selectbox a:hover {
+	text-decoration: none
+}
+
+fieldset {
+	margin: 10px;
+	padding: 5px;
+	border: 1px solid #ddd;
+	color: #256777;
+}
+
+body.content legend {
+	font-weight: bold;
+}
+
+body.menu fieldset p {
+	margin: 5px 0 0;
+	text-align: center;
+}
+
+#configSelect legend,#dbSelect legend,#dbSelect a {
+	font: 11px/1.5 Verdana, Helvetica, sans-serif;
+	color: #eee;
+}
+
+/* MAIN */
+#topnavi {
+	list-style: none;
+	margin: 10px 0 20px;
+	padding: 5px 0px;
+}
+
+#topnavi li {
+	float: left;
+	margin-right: 6px;
+}
+
+#topnavi li a {
+	float: left;
+	font: 0.8em verdana, arial, sans-serif;
+	border: 1px solid #4E5665;
+	background-color: #A9B2B1;
+	color: #4E5665;
+	margin: 3px;
+	padding: 3px 23px 4px 23px;
+	cursor: pointer;
+	text-decoration: none;
+	white-space: nowrap;
+}
+
+#topnavi li a span {
+	display: none;
+}
+
+#content {
+	margin-left: 12px;
+	background-color:#C7D1D0;
+}
+
+#content p {
+	margin-bottom: 8px;
+}
+
+/*Tabellen */
+table tr.dbrow {
+	background: #E4E9E8;
+}
+
+table tr.dbrow1 {
+	background: #D5DDDC;
+}
+
+table tr.dbrowsel {
+	background: #fff;
+}
+
+table td.treffer {
+	background: #000;
+}
+
+/* Treffer bei der MySQL-Suche */
+table tr.dbrow .treffer,table tr.dbrow1 .treffer {
+	color: yellow;
+	background-color: #738C88;
+}
+
+table.bordersmall,table.border {
+	border: 2px solid #738C88;
+	width: 84%;
+}
+
+table.border th,table.bordersmall th {
+	font-size: 11px;
+	color: #738C88;
+}
+
+table tr.thead th,table tr.thead td {
+	background-color: #A5B6B4;
+	color: #738C88;
+	border: 1px solid #738C88;
+}
+
+table.border tr.thead,table.bordersmall tr.thead {
+	height: 24px;
+}
+
+table td.sum {
+	background-color: red;
+	font-weight: bold;
+	text-align: right;
+}
+
+table
+.bordersmall
+ 
+input
+,
+table
+.bordersmall
+ 
+select
+,
+table
+.bordersmall
+ 
+td
+,
+#sqlheaderbox
+ 
+select
+,
+{
+border
+:
+ 
+1
+px
+ 
+solid
+ 
+#738C88
+;
+
+	
+font-size
+:
+ 
+11
+px
+;
+
+
+}
+.tdcompact {
+	width: 100px;
+	height: 16px;
+	overflow: hidden;
+	font-size: 11px;
+}
+
+.tdnormal {
+	white-space: nowrap;
+	padding: 4px;
+}
+
+.sqlheadmenu a {
+	
+}
+
+/* FORM-Elements */
+#content .Formbutton,#content .Formtext {
+	white-space: nowrap;
+	margin: 6px;
+	font: 10px verdana, sans-serif;
+	border: 1px solid #4E5665;
+	background: #A9B2B1;
+	color: #4E5665;
+	padding: 2px;
+	cursor: pointer;
+}
+
+#content .SQLbutton {
+	font-size: 11px;
+	background: #E4E9E8;
+	cursor: pointer;
+}
+
+#content textarea #thta {
+	font-size: 11px;
+	color: blue;
+	width: 400px;
+	height: 300px;
+	overflow: scroll;
+}
+
+#content textarea {
+	width: 100%;
+	background: #B3C2C0;
+}
+
+input.radio,input.checkbox {
+	background-color: transparent;
+}
+
+/* Colors for Formelements */
+input.text,input.small {
+	background: #B3C2C0;
+	color: #4E5665;
+}
+
+select {
+	background: #B3C2C0;
+	color: #4E5665;
+}
+
+textarea {
+	background: #B3C2C0;
+	color: #4E5665;
+}
+
+/* for Geckos */
+input[disabled] {
+	color: #888;
+}
+
+/*horizontales Menü */
+#hormenu {
+	
+}
+
+#hormenu ul {
+	border-bottom: thin solid #D5DDDC;
+	margin-bottom: 8px;
+	width: 80%;
+}
+
+#hormenu ul li {
+	display: inline;
+}
+
+#hormenu ul li a {
+	font: 11px/20px verdana, sans-serif;
+	text-decoration: none;
+	color: #4E5665;
+	padding: 0 14px;
+	border: 0;
+}
+
+#hormenu ul li a:hover {
+	color: #E87B00;
+}
+
+#hormenu ul li#active a {
+	font: bold 11px/20px verdana, sans-serif;
+	text-decoration: none;
+	color: #E87B00;
+	float: left;
+	padding: 0 14px;
+}
+
+#hormenu ul li#active a:hover {
+	color: #E87B00;
+}
+
+/* spezielle Elemente */
+.MySQLbox {
+	font-size: 10pt;
+	padding: 6px;
+	background: #000;
+	color: #fff;
+	border: thin solid #999999;
+	height: 200px;
+	width: 80%;
+	text-align: left;
+	overflow: auto;
+}
+
+#content #mysqlbox {
+	border: 1px solid #738C88;
+	background: #D5DDDC;
+}
+
+#content #sqlheaderbox,.sqlbox-warning {
+	white-space: nowrap;
+	vertical-align: top;
+	padding: 8px;
+	border: 1px solid #738C88;
+	color: #256777;
+	line-height: 22px;
+}
+
+#sqlheaderbox .Formbutton {
+	line-height: 12px;
+	padding: 2px;
+	margin: 0px;
+}
+
+#sqltextarea {
+	width: 100% !important;
+	overflow: auto;
+	background-color: #B3C2C0;
+}
+
+#content #sqlheaderbox {
+	white-space: nowrap;
+	height: 20px;
+	vertical-align: middle;
+	padding-top: 2px;
+}
+
+#content #sqleditbox {
+	border: 1px solid #738C88;
+	background: #E4E9E8;
+	margin-bottom: 10px;
+}
+
+#content #sqleditbox form {
+	margin: 10px;
+}
+
+#content #sqleditbox p {
+	background: #A5B6B4;
+	font-weight: bold;
+	text-align: center;
+}
+
+#content #sqlnewbox {
+	border: 1px solid #738C88;
+	background: #E4E9E8;
+}
+
+#content #sqlnewbox p {
+	background: #A5B6B4;
+	font-weight: bold;
+	text-align: center;
+}
+
+#content #sqloutbox {
+	font-size: 11px;
+	width: 700px;
+	padding: 6px;
+	background: #D5DDDC;
+	border: 1px solid #738C88;
+	overflow: auto;
+	height: 240px;
+}
+
+#content p.autodel {
+	font-size: 11px;
+	border-bottom: 1px dashed #fff;
+	margin-bottom: 12px;
+}
+
+#content .Logbox {
+	font: 12px/1.2 "Courier New", Courier, monospace;
+	padding: 6px;
+	border: thin solid #738C88;
+	height: 320px;
+	width: 90%;
+	text-align: left;
+	overflow: auto;
+}
+
+#content .Logbox span {
+	color: #738C88;
+}
+
+#content .backupmsg {
+	padding-left: 20px;
+	font-size: 11px;
+}
+
+#content .backupmsg .success,#content .backupmsg a {
+	color: #999;
+	font-size: 11px;
+}
+
+#content .backupmsg .error {
+	color: red;
+}
+
+/* TEXT */
+h1 {
+	font-size: 16px;
+}
+
+h5 {
+	font-size: 14px;
+	margin: 12px 0;
+}
+
+h6 {
+	font-size: 11px;
+	background: #D1D4DC;
+	border: 1px solid #9AA2B1;
+	text-indent: 12px;
+	margin: 8px 0;
+}
+
+/* Config */
+#configleft {
+	float: left;
+	width: 160px;
+	margin-top: 24px;
+}
+
+#configleft .Formbutton {
+	width: 130px;
+	margin: 8px 0;
+}
+
+#configleft .ConfigButton {
+	width: 130px;
+	font-size: 11px;
+	background: #E4E9E8;
+}
+
+#configleft .ConfigButtonSelected {
+	width: 130px;
+	font-size: 11px;
+	background: #D5DDDC;
+}
+
+#configright {
+	font-size: 11px;
+	margin-left: 160px;
+}
+
+#configright fieldset {
+	border: 1px solid #D5DDDC;
+	padding: 12px;
+	width: 90%;
+}
+
+#configright legend {
+	color: #646968;
+	margin: 8px 0;
+}
+
+#footer {
+	font-size: 11px;
+	text-align: center;
+	border-top: 1px dashed #eee;
+	margin-top: 36px;
+}
+
+#footer a {
+	font-size: 11px;
+}