/* Based on whitew.css from Wikka Style Repository */

.main_menu {
	list-style-type: none;
	margin: 0.42em;
	padding: 0;
}
.main_menu li {
	padding: 0.17em;
	float: left;
	width: auto;
	margin-right: 0.25em;
	text-align: center;
}
.main_menu .exttail {
	visibility: hidden;
}
p, td, li, input, select, textarea {
	font-family: "Lucida Grande", "Lucida Sans", "Segoe UI", Helvetica, Corbel, Arial, sans-serif;
	line-height: 1.25em;
}

input:hover {
  background-color: #F3F3F3;
}

input:focus {
  background-color: #E6E6FF;
}

input[type=submit], input[type=button] {
  color: #666;
  background-color: #EEE;
  font: normal .7em Verdana, sans-serif;
  text-align: center;
  border-top: 1px solid #EFEFEF;
  border-left: 1px solid #EFEFEF;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  padding: 0 .2em;
  line-height: 1em; 
  vertical-align: baseline;
}

.subfct {
  background-color:#eee;
  padding:1em;
  border-width:1px;
  border-style:solid;
  border-color:#ddd;
  margin-bottom: 2em;
  border-top: 5px solid #999999;
}

.searchbox {
  /* border: none; */
  border: 1px solid #CCCCAA;
  padding: 0px;
  margin: 0px;
}

/* sort order information in sortable lists and tables*/
.sortorder {
	font-size: 70%;
	text-transform: uppercase;	
	letter-spacing: 1px;
}

/* debug messages */
.debug {
	color: #AAA;
	font-size: 70%;
	text-transform: uppercase;	
	letter-spacing: 1px;
}

input.grabcode {
  float: right;
  margin-right: 20px;
  margin-top: 0px;
  font-size: 90%;
}


input[type=submit]:hover, input[type=button]:hover {
  color: #333;
  background-color: #DDD;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
/*
 *input[type=submit]:hover, input[type=button]:hover {
 *  background-color: #DDD;
 *}
 */


input[type=text], input {
  border: 1px solid #CCC; 
}

input[readonly=readonly] {
  color: #666;
}

input[readonly=readonly]:hover, input[readonly=readonly]:focus {
  background-color: transparent;
}

textarea {
  border: 1px solid #CCC; 
}

textarea:hover {
  background-color: #F3F3F3;
}

textarea:focus {
  background-color: #E6E6FF;
}

textarea#fb_message {
  display: block;
  border: 1px solid #CCC; 
}

/* editor textarea decorations */
/* (decorations can't be in "textarea#body" declaration, else the "width:100%" won't work) */
#textarea_container {
  border: 1px solid #CCC;
  padding: 2px;
  margin-bottom: 2px;
}

textarea#body{
  width: 100%;
  height: 500px;
  /* padding and border must be 0 for the "width:100%" to work */
  padding: 0;
  border: 0;
}

input.highlight {
  font-weight: normal;
  background-color: #FCC;
  color: #000;
}

body {
	background-image: url("../images/wbkg.jpg");
	background-repeat: repeat;
	font-family: "Warnock Pro", "Constantia", "Minion Pro", "Hoefler Text", serif;
	color: #333;
	line-height: 1.5em;
	margin: 1.25em;
	padding: 10px 0;
	background: #DDD;
}
a {
	text-decoration: none;
}
a:link {
	color: #699CCF;
}
a:visited {
	color: #699CCF;
}
a:hover {
	color: #09f;
}
blockquote {
	padding: .5em;
	background: #D0E7FA;
	border-top: 0.06em solid #B9DDFC;
	border-bottom: 0.06em solid #B9DDFC;
}
ul, ol {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
form, h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

fieldset {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #CCC; 
}

fieldset legend {
  font-size: 115%;
  color: #666;
  padding:2px;
}

img {
	border: 0;
}
img.centre {
	display: block;
	text-align: center;
	margin: 0.31em auto;
}
img.center {
	display: block;
	text-align: center;
	margin: 0.31em auto;
}
img.left {
	margin: 0.31em 0.31em 0.31em -5px;
	float: left;
}
img.right {
	margin: 0.31em -5px 0.31em 0.31em;
	float: right;
}
img.mugshot {
	float: right;
	margin: 0.31em 0 0.31em 1.25em;
	border: 0.06em solid #DDD;
}
.indent {
	margin-left: 2.5em;
}
.error {
	color: #C33;
	font-weight: bold;
}
.header {
	text-align: right;
	color: #AAA;
	padding: 0 1.25em 1.25em;
	background: #FAFAFA url("../images/ptg-logo.png") no-repeat;
	font: .82em "Warnock Pro", "Constantia", "Minion Pro", "Hoefler Text", serif;
}
.logo {
	cursor: pointer;
	position: relative;
	width: 230px;
	height: 70px;
	color: #AFA;
}
div.header H2 {
	visibility: hidden;
}
.hidden {
	display: none;
}
.header a:hover {
	color: #09F;
	background: transparent;
	border-bottom: 0;
}
.page {
	float: none;
	color: #000;
	font-family: Inconsolata, "Deja Sans Mono", Consolas, monospace;
	padding: 1.25em 1.25em 0.31em;
	height: 100%;
	background: #FAFAFA;
}
a.missingpage {
	color: #993355;
	text-decoration: none;
	background-color: transparent;
	border: none;
}

.footer {
	clear: both;
	padding: 0 0.63em 0;
	margin: 0.63em 0 0;
	background: #FAFAFA;
	font: 0.8em "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
}
.icon {
  margin-bottom: -2px;
}
.counter {font-size: smaller;} /* influences whole counter text */
.counter .hits {font-weight: bolder;} /* influences just the number */
.commentsheader {
	clear: both;
	padding: 0.13em 1.25em;
	margin-top: 1.25em;
	background: #FAFAFA;
	font: .9em "Warnock Pro", "Constantia", "Minion Pro", "Hoefler Text", serif;
}
.comment {
	padding: 1.25em;
	border-top: 0.06em solid #CCC;
	border-bottom: 0.06em solid #EEE;
	background: #FAFAFA;
	font: .8em "Warnock Pro", "Constantia", "Minion Pro", "Hoefler Text", serif;
}
.commentinfo {
	color: #AAA;
}

.commentform {
	padding: 1.25em;
	background: #FAFAFA;
	font: .7em "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
}

table {
	border: 1px solid #FFF;		
	background-color: #FFF;		
}

table td {
	border: 1px solid #FFF;		
	padding-left: 2px;		
}

/* Table action */

table.wikka {
	border: 2px solid #CCC;
	border-collapse: collapse;
	border-spacing: 0;
}

table.wikka td {
	border: 1px solid #CCC;
	padding: .1em .25em;
}

/* Tables */
table.data {
	border: 2px solid #CCC;
	border-collapse: collapse;
	border-spacing: 0;
}

table.data caption {
	border: 1px solid #CCC;
	font-size: 95%;
	color: #666;
	margin:5px 0;
	padding:2px;
}

table.data thead {
	background-color: #DDD;
}

table.data tfoot {
	background-color: #DDD;
}

table.data th {
	border: 1px solid #CCC;
	padding: .1em .25em;
}

table.data thead th {
	background-color: #DDD;
}

table.data tfoot th {
	background-color: #DDD;
}

table.data tbody th {
	background-color: #EEE;
}

table.data tbody tr:hover {
	background-color: #E9E9F9;
}

table.data tbody tr.alt:hover {
	background-color: #E9E9F9;
}

table.data td {
	border: 1px solid #CCC;
	padding: .1em .25em;
}

table.data td.number {
	text-align: right;
}

table.data td.datetime {
	text-align: right;
	white-space: nowrap;
}

/* --- alternate row & column color --- */

table.data tr.alt {
	background-color: #EEE;
}

table.data th.c1 {
	background-color: #CDD;
}

table.data th.c2 {
	background-color: #DCC;
}

table.data th.c3 {
	background-color: #DDC;
}

table.data th.c4 {
	background-color: #CDC;
}

table.data th.c5 {
	background-color: #CCD;
}

table.data th.c6 {
	background-color: #DCD;
}

table.data td.c1 {
	background-color: #EFF;
}

table.data td.c2 {
	background-color: #FEE;
}

table.data td.c3 {
	background-color: #FFE;
}

table.data td.c4 {
	background-color: #EFE;
}

table.data td.c5 {
	background-color: #EEF;
}

table.data td.c6 {
	background-color: #FEF;
}

table.data tr.alt td.c1 {
	background-color: #DEE;
}

table.data tr.alt td.c2 {
	background-color: #EDD;
}

table.data tr.alt td.c3 {
	background-color: #EED;
}

table.data tr.alt td.c4 {
	background-color: #DED;
}

table.data tr.alt td.c5 {
	background-color: #DDE;
}

table.data tr.alt td.c6 {
	background-color: #EDE;
}

/* Action-related styling */

/* Adminpages action */

table#adminpages {
	border: 1px solid #CCC;
	width: 100%;
}

form#form_page_admin_panel fieldset {
	line-height: 2em;	
}

/* Adminuser action */

table#adminusers {
	border: 1px solid #CCC;
	width: 100%;
}

form#form_user_admin_panel fieldset {
	line-height: 2em;	
}

/* Usersettings action */
table.usersettings {
}

/* Wikkaconfig action */
table.wikkaconfig {
	width: 70%;
	font-size: 90%;	
}

table.wikkaconfig caption {
	font-size: 120%;
	background-color: #E9E9F9;
	padding: 5px;
}

table.wikkaconfig tbody th[scope=row] {
	text-align: right;
	padding-right: 5px;
}

table.wikkaconfig tbody td {
	padding-left: 5px;
}

/* Calendar Action */
table.calendar {
	color: #000;
	background-color: #EEE;
	border-collapse: collapse;
}

table.calendar caption {
	border: 1px solid #CCC;
	margin:5px 0;
	font-size: 95%;
	color: #666;
	padding:2px;
}

table.calendar thead {
	border: 2px solid #CCC;
	background-color: #DDD;
}

table.calendar tbody.face {
	background-color: #EEE;
	border: 2px solid #CCC;
}

table.calendar tbody.calnav {
	background-color: #FFF;
}

table.calendar thead th {
	border: 1px solid #CCC;
	padding: 1px;
	text-align: center;
	font-size: 85%;
	width: 26px;
}

table.calendar tbody.face td {
	border: 1px solid #CCC;
	text-align: right;
}

table.calendar td.currentday {
	color: #FFF;
	background-color: #33A;
}

table.calendar tbody.face td:hover {
	background-color: #DDD;
}

table.calendar tbody.face td.currentday:hover {
	color: #FFF;
	background-color: #66C;
}

table.calendar tbody.calnav {
	font-weight: bold;
}

table.calendar td.prevmonth {
	text-align: left;
	font-size: 85%;
}

table.calendar td.curmonth {
	text-align: center;
}

table.calendar td.nextmonth {
	text-align: right;
	font-size: 85%;
}

table.calendar a:link {
	color: #339;
	text-decoration: none;
}

table.calendar a:visited {
	color: #339;
	text-decoration: none;
}

table.calendar a:hover {
	color: #933;
}

table.calendar a:active {
	color: #339;
	text-decoration: none;
}
/* Files action */

.files table{
  border: 1px solid #ccc;
	border-collapse: collapse;
}
.files thead th, .files thead td {
  color: #fff;
  background: #eee;
  padding: 0px 5px 0px 5px;
}
.files td {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ccc;
}
.files tr.r0m2 {
  background: #efe;
  color: #000;
}

/* Handler-related styling */

/* Acls handler */
table.acls {
}

.notes {
	color: #999;
	font: italic 1.2em "Warnock Pro", "Constantia", "Hoefler Text", "Georgia", "Garamond", "Palatino", serif;
}
.revisioninfo {
	color: #AAA;
	padding-bottom: 1.25em;
}
.copyright {
	font-size: 0.69em;
	color: #AAA;
	text-align: right;
}
.copyright a {
	color: #AAA;
}
.page h1, .page h2, .page h3, .page h4, .page h5 {
	font-family: "Lucida Grande", "Lucida Sans", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999;
}

a.heading { 
  color: #999; 
} 
 
a.heading:hover { 
  color: #999; 
  text-decoration: none; 
}

.page h1 {
	font-size: 130%;
	font-weight: bold;
}
.page h2 {
	font-size: 120%;
	font-weight: bold;
}
.page h3 {
	font-size: 120%;
	margin-top: 1em;
}
.page h4 {
	font-size: 110%;
}
a.ext:link, a.ext:visited, a.ext:active {
	color: #204a87;
}
a.ext:hover {
	color: #09F;
}
.exttail {
	color: #999;
	position: relative;
	bottom: 0.5ex;
}
.toolbar tr {
	background: ButtonFace;
}
.toolbar .btn-, .toolbar  .btn-hover, .toolbar .btn-active, .toolbar .btn-pressed {
	background: ButtonFace;
	color: ButtonText;
	border: 0.06em solid ButtonFace;
	padding: 0.06em;
	margin: 0;
	cursor: pointer;
}
.toolbar .btn- img {
	width: 1.25em;
	height: 1.25em;
}
.toolbar .btn-hover {
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.toolbar .btn-active, .toolbar .btn-pressed {
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.toolbar .btn-pressed {
	background: ButtonHighlight;
}
.editornamecss {
	font-size: 1.13em;
	padding: 0 0.63em;
	background: #CCF;
}
.clear {
	clear: both;
}
.comments {
	display: none;
}
.floatl {
	font-family: "Lucida Grande", "Lucida Sans", "Segoe UI", Helvetica, Corbel, Arial, sans-serif;
        font-size: smaller;
	float: left;
	width: 48%;
	margin: 0.5%;
	padding: .5em;
	background: #D0E7FA;
	border-top: 0.06em solid #B9DDFC;
	border-bottom: 0.06em solid #B9DDFC;
}
.floatr {
	font-family: "Lucida Grande", "Lucida Sans", "Segoe UI", Helvetica, Corbel, Arial, sans-serif;
        font-size: smaller;
	float: right;
	width: 35%;
	margin: 0.5%;
	margin-left: 3em;
	padding: .5em;
	background: #D0E7FA;
	border-top: 0.06em solid #B9DDFC;
	border-bottom: 0.06em solid #B9DDFC;
}
.previewhead {
	margin: auto;
	z-index: 20;
	position: fixed;
	top: 2.5em;
	left: 0.63em;
	color: red;
	font-size: xx-large;
	font-weight: bold;
	padding: 0.31em;
}
.highlight {
	color: red;
	background: #FFFFD0;
}
.strikethrough {
	color: #888;
	text-decoration: line-through;
}
.additions {
	background: #cfc;
}
.deletions {
	color: #876;
	background: #FC9;
}
.underline {
	text-decoration: underline;
}
.recentchanges {
	font-size: 0.9em;
}
.pagenote {
	color: #888;
}
.centre {
	text-align: center;
}
.center, .center p {
	text-align: center;
}

.keys { 
  color: #999;
  background-color: #EEE;
  font: normal .8em Verdana, sans-serif;
  text-align: center;
  border-top: 1px solid #EFEFEF;
  border-left: 1px solid #EFEFEF;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  padding: 0 .2em; 
  line-height: .4em; 
/*  vertical-align: text-bottom; */
}

.keys:hover {
}

/* no styling for button links */
a.keys, .keys a:link, .keys a:active, .keys a:hover, .keys a:visited {
  color: #999;
  background-color: #EEE;
  font: normal .9em Verdana, sans-serif; 
  padding: 0px;
  text-decoration: none;
  line-height: .4em; 
/*  vertical-align: text-bottom; */
}
.smallprint {
	color: #777;
	padding-right: 0.5%;
	text-align: right;
	font: 0.63em Verdana, sans-serif;
}
.smallprint a {
	color: #987;
}

.code_header {
  color: #666;
  background-color: #EEE;
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 100%;
  padding: 0 3px;
  margin: 5px auto 0 auto;
  text-align: left;
  line-height: 1.5em;
}

.code {
  color: black;
  background: #FAFAFA;
  border: 1px solid #ddd;
  font-size: 90%;
  font-family: "Lucida Console", Monaco, monospace;
  margin: auto;
  padding: 13px 13px 13px 13px;  /* padding-bottom solves hor. scrollbar hiding single line of code in IE6 but causes vert. scrollbar... */
  text-align: left;     /* override justify on body */
  overflow: auto;       /* allow scroll bar in case of long lines - goes together with white-space: nowrap! */
  white-space: nowrap;    /* prevent line wrapping */
}

.code pre {
  margin-top: 6px;
  margin-bottom: 6px;     /* prevent vertical scroll bar in case of overflow */
  font-size: 11px;
  font-family: "Lucida Console", Monaco, monospace;
}


l {
  margin-top: 6px;
  margin-bottom: 6px;     /* prevent vertical scroll bar in case of overflow */
}
.code li {
  font-size: 11px;
  font-family: "Lucida Console", Monaco, monospace;
}
.code .br0  { color: #66cc66; }
.code .co1  { color: #228b22;  }
.code .co2  { color: #228b22; }
.code .coMULTI  { color: #228b22; }
.code .es0  { color: #000099; font-weight: bold; }
.code .kw1  { color: #0000ff; }
.code .kw2  { color: #0000ff; }
.code .kw3  { color: #000066; font-weight: bold; }
.code .kw4  { color: #993333; font-weight: bold; }
.code .kw5  { color: #0000ff; }
.code .me0  { color: #006600; }
.code .nu0  { color: #cc66cc; }
.code .re0  { color: #a020f0; }
.code .re1  { color: #a020f0; }
.code .re2  { color: #a020f0; }
.code .re4  { color: #009999; }
.code .sc0  { color: #00bbdd; }
.code .sc1  { color: #ddbb00; }
.code .sc2  { color: #009900; }
.code .st0  { color: #ff0000; }
.code a:hover { text-decoration: underline; color: #6CAEE2; background: #D9E6F3; }
