/*
-----------------------------------------------
Wikka Default Stylesheet (screen)
----------------------------------------------- */

/* global styling */

p, td, li, input, select, textarea {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 13px;
}


form, h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
} 


/* links */

a {
	color: #333399;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	color: #993333;
}

a:active {
	text-decoration: none;
}


.exttail {
	color: #999;
	position: relative;
	bottom: 0.5ex;
}



a.ext {
	color: #333399;
}

a.ext:hover {
	color: #993333;
}



/* page layout */

/* general page structure and layout */
body {
font-family: Arial, Helvetica, sans-serif;
font-size:.8em; 
/*	text-align: justify; */			/* comment out this line if you really need justified text */
color: #FFF; 
margin: 20px 0 20px 0; 
xpadding: 0 0 0 0;
background: #035;
text-align:center;
}


.page_wrap {
/* includes the header, main body content and the footer */
padding:0 0 0 0;
margin: auto;
width:90%;
background: transparent; 
text-align:center;
border: 2px solid orange;
}


/* Header Stuff */
.header {
width:100%;
height:138px;
xbackground:transparent url('/images/cd-banner.jpg') no-repeat;
background: white url('/images/cdlogo.jpeg') center no-repeat;
text-align:left;
border-bottom: 1px solid orange;
}


.header_block {
position:absolute;
margin:0 0px 0 0px;
left: 450px;
padding:0 0 0 0;
background:transparent;
text-align:left;
color:#000;
font-weight: bold;
}

.header_block h1 {
color: #000;
padding: 0 0 0 0;
}

.logo {
position:relative;
float:left;
margin: 10px 50px 0 20px;
padding:0 0 0 0;
}


.xpage {
	color: #000;
	font-size: 13px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background-color: white;
	padding: 15px;
	border: 1px inset;
	border-bottom: none;
	height: 100%;
}


/* navigation bar */
.nav_bar {
position:relative;
padding: 0 0 1px 0;
height: 25px;
background:#405070;
text-align: left;
color: #000000;
font-size: .9em;
border-bottom: 1px solid orange;
}

.nav_bar #active {
color: #FFFFCC;
}

.nav_bar span {
padding:0 0 0 0;
margin: 0 0 0 .5em;
white-space: nowrap;
font-size:1.1em;
color:#ffffff;
float:left;
height:25px;
background:transparent;
list-style:none;
}


.nav_bar ul li{
display:inline;
list-style:none;
}


.nav_bar a {
margin: .5em 0 0 0;
padding: .2em 1em .46em 1em;
color:#ffffff;
text-decoration:none;
float: left;
border-right:1px solid #999999;
background:transparent;

}


.nav_bar a:hover{
color: #000;
background: #FFFFCC;
}

.nav_bar a#active:hover{
background: transparent;
}


/* Main content container */
.container, .page {
position:relative;
margin:10px 0 0 0px;
padding:0 0 0 0;
width: 100%;
background: white;
text-align:left;
clear: both;
}


/* Center (Main) Column */
.center_column {
position:relative;
margin: 0 0 0 0;
padding: 10px 0 10px 10px;
border-left:0px solid #BBB;
border-right: 0px solid #BBB;
border-bottom: 0px solid #BBB;
border-top: 1px solid #BBB;
background: #FFFFFF;
color: #333;
line-height: 1.3em;
}


/* Center Column Header Formatting */
.center_column h1 {
color:#00D;
font-size: 2.4em;
font-style: oblique;
xfont-family: Times New Roman, sans-serif;
letter-spacing: .1em;
text-transform:capitalize;
margin:5px 4px 0 -10px;
padding: 5px 0 4px 10px;
border-bottom: 1px solid #000;
}

.center_column h2 {
color:#000000;
font-size:2em;
text-transform:capitalize;
font-weight:bold;
padding: 4px 0 0 0;
margin:4px 0 6px 0;
}


.center_column h3 {
color:#000000;
font-size:1.5em;
text-transform:capitalize;
font-weight:bold;
padding:0 0 0 0;
margin: 0 0 10px 0;
}

.center_column h4 {
color: #000000;
font-size:1.25em;
text-transform:capitalize;
font-weight:bold;
padding: 0 0 2px -5px;
margin:0 0 4px 0;
}


/* Center Col links */
.center_column a {
ccolor:#6E312A;
color:#990000;
text-decoration:underline;
}

a:hover {
color:#FF9999;
text-decoration:none;
}



.center_column hr {
	border: none 0;
	height: 1px;
	border-top: 1px solid #00F;
	width: 98%;
}

.center_column .dashed hr {
	border: none 0;
	height: 1px;
	border-top: 1px dashed #000;
	width: 98%;
}

.footer {
clear: both;
position:relative;
width: 100%;
margin:0 0 0 0;
padding:5px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
xcolor:#6E312A;
color: #808080;
background:white;
text-align:right;
}

.footer a {
color: #C0C0C0;
}

.footer a:hover {
color: #FFF;
xbackground-color: #888;
}

.footer div.center {
font-size: 1.4em;
text-align: center;
color: blue;
border-top: 1px solid #888;
}



/* comments */

.commentsheader {
	clear: both;
	background-color: #DDDDDD;
	padding: 2px 10px;
	border-left: 1px inset;
	border-right: 1px inset;
	border-top: 1px solid #CCCCCC;
}

.comment {
	background-color: #EEEEEE;
	padding: 10px;
	border-left: 1px inset;
	border-right: 1px inset;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #EEEEEE;
}

.commentinfo {
	color: #AAAAAA;
}

.commentform {
	background-color: #EEEEEE;
	padding: 10px;
	border-left: 1px inset;
	border-right: 1px inset;
	border-top: 1px solid #CCCCCC;
}

.header a:hover {
	color: #993333;
	background: transparent;
	border-bottom: 0px;
}

.page a {
	text-decoration: none;
}

.page a:hover {
	color: #993333;
	text-decoration: underline;
}

/* lists */

ul, ol {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

ul.thread {
	list-style-type: none;
	border-left: 2px #666 solid;
	padding-left: 10px;
	margin: 5px 0px;
}

ul.thread li {
	color: #333;
	font-size: 11px;
}

/* images */

img {
	border: 0px;
}


img.center {
	display: block; 
	text-align: center; 
	margin: 5px auto;
}

img.left {
float:left;
margin: 15px 10px 0px 0px;
padding:0 0 0 0;
background: #FFF url(/family/images/textback.jpg) top left repeat-y;
}

img.right {
float:right;
margin:0px 0px 0px 5px;
padding:5px 5px 5px 0;
ackground: #FFF url(/cd_com/images/textback.jpg) top right repeat-y;
background: inherit;
}


/* floats */

.floatl {
	float:left;
	width: 250px;
	margin:1ex 10px 1em 5px;
	padding: 0 5px 0 5px;
	border:1px solid #000;
	text-align: left;
	background: #99AADD;
	color: #339;
	font-size:.9em;
}


.floatw
{
    BORDER-RIGHT: #ccc 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #ccc 1px solid;
    PADDING-LEFT: 4px;
    BACKGROUND: #eee;
    PADDING-BOTTOM: 4px;
    MARGIN-LEFT: 20px;
    BORDER-LEFT: #ccc 1px solid;
    WIDTH: 90%;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #ccc 1px solid;
    TEXT-ALIGN: left;
    xfloat: left
}


.floatr {
	float:right;
	width: 250px;
	margin:1ex 5px 1em 10px;
	padding: 0 5px 0 5px;
	border:1px solid #000;
	text-align: left;
	background: #99AADD;
	color: #227;
	font-size:.9em;
}

.boxright {
	float: right;
	text-align: left;
	width: 25%;
	margin-left: 15px;
	margin-right: 10px;
	padding: 4px;
	xbackground: #EFFFEF;
	border-top: 1px dashed #666;
	border-left: 1px dashed #666;
	border-right: 1px dashed #666;
	border-bottom: 1px dashed #666;
}


.center_column .floatr * {
	color: #227;
	border: 0;
}

.center_column .floatl * {
	color: #227;
	border: 0;
}



.clear {clear:both;}

/* text formatting */

h5 {
	font-size: 10pt;
}

h4 {
	font-size: 12pt;
}

h3 {
	font-size: 14pt;
}

h2 {
	font-size: 16pt;
}

h1 {
	font-size: 18pt;
}

.highlight {color: red; background: #FFFFD0;}

.strikethrough {color: #888; text-decoration: line-through;}

.underline {text-decoration: underline;}

.indent {
	margin-left: 40px;
}

.notes {
	color: #D60000;
}

.centre {text-align: center;}

.center, .center p {text-align: center;}


.keys {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#3333CC;
	xfont-weight: bold;
	background-color: #FFFFCC;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
	padding: 0.1em 0.3em;
	line-height: 1.6em;
	vertical-align: top;
}



.keys a {
	color:blue;
}

.keys a:hover {
	color: #000; 
	text-decoration: none;
}

acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}

abbr {
	border-bottom: 1px dotted #333;
	cursor: help;
}

blockquote {
	font-size: 90%;
}

/* code blocks */


.code_header {
	color: #FFF;
	background: #33A;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0 3px;
	width: 95%;
	margin: 5px auto 0 auto;
	text-align: left;
	line-height: 15px;
}

.code {
	color: black;
	background: #ffffee;
	border: 1px solid #CCC;
	font-size: 11px;
	font-family: "Lucida Console", Monaco, monospace;
	width: 95%;
	margin: auto;
	padding: 6px 3px 13px 3px;	/* 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_crt {
	color: lime;
	background: black;
	border: 1px solid #CCC;
	font-size: 11px;
	font-family: "Lucida Console", Monaco, monospace;
	width: 95%;
	margin: auto;
	padding: 6px 3px 13px 3px;	/* 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;
}

/* form elements */

input[type=submit], input[type=button] {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 1px;
	width: auto;
	font-size: 9pt;
	color:#fff;
	font-weight: bold;
	background-color: #33A;
	border-right: 2px solid #336;
	border-bottom: 2px solid #336;
}

input[type=submit]:hover, input[type=button]:hover {
	background-color: #66C;
	border-right: 2px solid #668;
	border-bottom: 2px solid #668;
}

textarea#body{
	width: 100%;
	height: 500px;
	padding: 2px;
}

.searchbox {
	/* border: none; */
	border: 1px solid #CCCCAA;
	padding: 0px;
	margin: 0px;
}

input.grabcode {
	float: right;
	margin-right: 20px;
	margin-top: 0px;
	font-size: 90%;
}

input.highlight {
	font-weight: normal;
	background-color: #FCC;
	color: #000;
}

/* system information */

.missingpage {
	/* background: #ccffff; */
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-color: #933;
	border-bottom-style: dashed;
}

em.error {
	color: #AA3333; 
	font-style: normal;
	font-weight: bold;
	font-size: 95%;
}

em.success {
	color: #33AA33; 
	font-style: normal;
	font-weight: bold;
	font-size: 95%;
}

.comments {display: none;}

.revisioninfo {
	color: #AAAAAA;
	padding-bottom: 20px;
}

.copyright {
	font-size: 11px;
	color: #AAAAAA;
	text-align: right;
}

.copyright a {
	color: #AAAAAA;
}

.previewhead {
	margin: auto;
	z-index:20;
	position:fixed;
	top: 40px;
	left: 10px;
	color: red;
	font-size: xx-large;
	font-weight: bold;
	padding: 5px;
}

.additions {background-color: #ccffcc;}

.deletions {color: #876; background-color: #FFCC99;}

.recentchanges {font-size: 0.9em;}

.pagenote {color: #888;}

.smaller {font-size: smaller;}

.orgsmallprint {font-size: 0.8em; color: #777; padding-right: 0.5%; text-align: right;}
.smallprint {font-size: 1em; color: #99E; margin: -6px 0 0 0; padding: 0 0 0 0 0; text-align: right;}


.smallprint a {
	color: #987;
}

/* Action-related styling */

/* Table action */

table.wikka {
	border: 2px solid #CCC;
	border-collapse: collapse;
	border-spacing: 0;
}

table.wikka td {
	border: 1px solid #CCC;
	padding: .1em .25em;
}

/* Lastedit action */
.lastedit {
	border:dotted 1px;
	padding:3pt;
	margin:8pt; color:#888;
	font-size:8pt;
	width:30%;
}

.lastedit_notes {
	color: #888800;
}

/* TextSearch & TextSearchExpanded Actions*/
.tse_keywords {
	font-weight: bold;
	color: green;
	background-color: antiquewhite;
}

/* Calendar Action */

/* general styling */
table.calendar {
	color: #000000;
	background-color: #CCCCCC;				/* comment out to have space between cells same color as page background */
	/*border-collapse: collapse;*/			/* would make single-width borders, ignoring cell-spacing */
}
table.calendar caption {
	background-color: #CCCCCC;
	font-weight: bold;
	line-height: 1.6em;
}
table.calendar thead {
	background-color: #CCCCCC;
}
table.calendar tbody.face {
	background-color: #CCCCCC;
}
table.calendar tbody.calnav {
	background-color: #CCCCCC;
}
/* styling for some specific elements */
table.calendar thead th {
	/*border: 1px solid #000000;*/			/* uncomment to have border around day name headers (will be page background if table background is undefined) */
	padding: 1px;
	text-align: center;
	font-size: 85%;
	width: 26px;
}
table.calendar tbody.face td {
	border: 1px solid #000000;
	text-align: right;
}
table.calendar td.currentday {
	color: #993333;
	background-color: #AAAAAA;
	font-weight: bold;
}
/* styling of calendar navigation */
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: #993333;
	text-decoration: none;
}
table.calendar a:visited {
	color: #993333;
	text-decoration: none;
}
table.calendar a:hover {
	color: #993333;
}
table.calendar a:active {
	color: #993333;
	text-decoration: none;
}

/* Usersettings action */
table.usersettings td {
	line-height: .7em;	


}

/* Handler-related styling */

/* Acls handler */
table.acls {
}

/* 3rdparty-code related styling */

/* syntax highlighting code - GeSHi */
.code ol {
	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: #808080; font-style: italic; }
.code .co2	{ color: #808080; font-style: italic; }
.code .coMULTI	{ color: #808080; font-style: italic; }
.code .es0	{ color: #000099; font-weight: bold; }
.code .kw1	{ color: #b1b100; }
.code .kw2	{ color: #000000; font-weight: bold; }
.code .kw3	{ color: #000066; }
.code .kw4	{ color: #993333; }
.code .kw5	{ color: #0000ff; }
.code .me0	{ color: #006600; }
.code .nu0	{ color: #cc66cc; }
.code .re0	{ color: #0000ff; }
.code .re1	{ color: #0000ff; }
.code .re2	{ color: #0000ff; }
.code .re4	{ color: #009999; }
.code .sc0	{ color: #00bbdd; }
.code .sc1	{ color: #ddbb00; }
.code .sc2	{ color: #009900; }
.code .st0	{ color: #ff0000; }

/* wikiedit */

.toolbar tr { background: ButtonFace; }
.toolbar .btn-, .toolbar  .btn-hover,  .toolbar .btn-active,
.toolbar .btn-pressed {
	background: ButtonFace;
	color: ButtonText;
	border: 1px solid ButtonFace;
	padding: 1px;
	margin: 0px;
	cursor: pointer;
}
.toolbar .btn- img  { width: 20px; height: 20px; }
.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 { background-color:#CCCCFF; font-size: 18px; padding: 0 10px; }

.tag1 {
	text-align: left;
	padding-left: 4px;
	margin-right: 10px;
	background-image:  url("/family/images/fadeyellowr.jpg");
	background-repeat: repeat-y;
	background-position: left top;
	font-size: 10px;
	color: #777; 
}


/* Tabs */
.tab {
	text-align: left;
	padding-left: 4px;
	background-image:  url("/family/images/righttabdefault.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	color: #444; 
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

.tabcontent {
	padding-left: 4px;
	padding-right: 4px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-image: url("/family/images/treeback.jpg");
	background-repeat: repeat-x;
}


.tabtext {
	padding-left: 4px;
	padding-right: 4px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}


.block {
	position: relative;
	top: 0;
	left: 0;
	xheight: 100px;
}

.gleft {
	position:absolute;
	background: url("/images/greenleft.gif") no-repeat;
	left: -9px;
	top: 0px;
	bottom: -1px;
	height: 100%;
	xheight: 60px;
	width: 9px;
}
.gblock {
	position:relative;
	margin: 0px 4px 0px 4px;
	background: url("/images/greenbg.gif") repeat-x;
	padding-left: 5px;
	padding-top: .5em;
	left: 0px;
	top: 0px;
	height: 90px;
	width: 720px;
}

.gright {
	position:absolute;
	background: url("/images/greenright.gif") no-repeat;
	top: 0px;
	xleft: 405px;
	right: -9px;
	height: 100%;
	width: 9px;
}


/* Simple */
table.simple {
padding: 0 0 0 0;
border: 1px solid #000;
text-align: left;
border-collapse: collapse;
}

table.simple tr {
background-color: #EFEFFF;
font: 10pt sans-serif;
color: blue;
border-bottom: 1px dotted #888;

}

table.simple th {
border: 1px solid gray;
text-align: center;
padding: 4px 8px 2px 8px;
-moz-border-radius: ;
}

table.simple td {
background-color: #FDFFFF;
font: 8pt sans-serif;
color: black;
vertical-align: top;
border-bottom: 1px dotted #BBB;
border-right: 1px dotted #BBB;
padding: 4px 0 2px 8px;
}


/* Weather Forecast Table */
table.wx {
padding: 0 0 0 0;
border: 2px solid #888;
width: 98%;
text-align: left;
border-collapse: collapse;
}

.wx tr {
background-color: #FFFFAF;
font: 10pt sans-serif;
color: blue;
border-bottom: 1px dotted #888;

}

.wx th {
padding: 4px 0 8px 4px;
border-bottom: 1px solid #000;
text-align: center;
}


.wx td {
background-color: #F9FFFF;
font: 8pt sans-serif;
color: black;
vertical-align: top;
border-bottom: 1px dotted #888;
border-right: 1px dotted #888;
padding: 4px 0 2px 8px;
}

/* Calendar CSS */
table.cal {
padding: 0 0 0 0;
border: 1px solid #888;
width: 99%;
text-align: left;
color: black;
background-color: #FFF;
border-collapse: collapse;
}

.cal tr.head {
background-color: #FFFFCF;
font: 10pt sans-serif;
color: blue;
border-bottom: 1px dotted #888;
vertical-align: top;
}

.cal tr {
background-color: #F9FFFF;
border-bottom: 1px dotted #888;
vertical-align: top;

}

.cal th {
padding: 4px 0 8px 4px;
border-bottom: 1px solid #000;
text-align: center;
}

.cal td {
font: 9pt sans-serif;
vertical-align: top;
border-bottom: 1px dotted #888;
border-right: 1px dotted #888;
padding: 4px 0 2px 6px;
height: 90px;
}


.cal td.dim {
background-color: #EEE;
}

.cal td.info {
background: #F9FFFF url(../images/information.gif) top right no-repeat;
}
.cal td.green,.high {
background-color: #ccffcc;
}

.cal td.ltgreen {
background-color: #efFFef;
}

.cal td.ltgrey {
background-color: #fcfcfc;
}


.cal td.red {
background-color: #FDE3E3;
}

.cal td.holiday {
xbackground-color: #F8F8F8;
}


.cal td.blue {
background-color: #DFDFFD;
}

.cal td.today {
}

.cal td a {
    color: blue;
}

.cal td span.day {
	font-weight: bold;
}

.cal td.holiday span.day {
	font-weight: bold;
	color: red;
}

.cal td span.sun {
	font-weight: bold;
	color: red;
}

.cal td span.today {
xbackground-color: #FFD37A;
background-color: #0A2ADE;
color: #FFF;
padding: 0px 3px 0px 3px;
font-weight: bold;
}

/*CSV Formatter */
table.center{
    margin-left: auto;
    margin-right: auto;
}
table.wide{
    width: 96%;
}

table.csv {
	border-width: 2px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #169200;
	border-collapse: collapse;
	background-color: #eeffee;
}

table.csv tr {
font: 10pt sans-serif;

border-bottom: 1px dotted #888;
vertical-align: top;
}

table.csv tr.head {
background-color: #FFFFBF;
font: 10pt sans-serif;
color: blue;
}

table.csv tr.odd {
background-color: #eee;
}

table.csv tr.greenbg {
background-color: #ccffcc;
}

table.csv tr.high {
background-color: #ffff55;
}

table.csv tr.dim {
color: #666;
}

table.csv tr.del {
text-decoration: line-through;
}

table.csv tr.redbg {
background-color: #FDC3C3;
}

table.csv tr.red {
color: red;
}

table.csv th {
	border: 1px solid gray;
	padding: 4px 8px 2px 8px;
	-moz-border-radius: ;
}


table.csv td {
	border-width: 1px;
	padding: 4px 8px 2px 8px;    
	border-style: solid;
	border-color: gray;
    font: 10pt sans-serif;
	-moz-border-radius: ;
}

table.csv .bold td {
font-weight: bold;
}

table.csv td.bold{
    font-weight: bold;
}