/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Codewise Presentation Manager - Common Cascading Style Sheet

Copyright (c) 2004-2008 Codewise Systems Inc. & Twisted Lime Media Inc. 
All rights reserved.

Created: 2006-02-05

Revision History:
  1.00	- Initial version. TB, 2006-02-05, 21:12
	- Added debug message styles. TB, 2006-09-05, 11:13

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HTML tag styles */

body {
	font-size: small;
	margin: 0px;
	padding: 10px;
}

body, blockquote, caption, h1, h2, h3, h4, h5, h6, li, ol, p, table, td, th, ul, button, input, option, select, textarea {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

a, a:link, a:active, a:hover {
	color: #003399; 
	text-decoration: underline;
}

a:visited {
	color: #660066;
}

a img, img[usemap] {
	border: 0px dashed lime;
}

acronym {
	color: #333333;
	border-bottom: 1px dashed #333333;
	cursor: help;
	font-weight: bold;
}

big {
	font-size: 120%;
}

button, input[type="button"], input[type="submit"] {
	padding: 0px;
	cursor: pointer;
}

	button[disabled="disabled"], input[disabled="disabled"] {
		cursor: default;
	}

code {
	color: #6e241d;
	font-family: "Courier New", Courier, monospace;
	font-size: 100%;
}

del { 
	text-decoration: line-through;
}

em {
	font-style: italic;
}

form {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 135%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0px;
}

h3 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0px;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0px;
}

h5 {
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 0px;
}

h6 {
	font-size: 85%;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0px;
}

li li {
	font-size: 100%;
}

p, caption {
	margin-top: 5px;
	margin-bottom: 15px;
}

strong {
	font-weight: bold;
}

table {
	margin-bottom: 10px;
	border-collapse: collapse;
}

table, td, th {
	font-size: x-small;
	padding: 4px;
}

th {
	font-weight: bold;
	text-align: left;
}

ol, ul {
	margin-top: 10px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Generic class styles */

.leadIn {
	font-variant: small-caps;
}

.centered {
	text-align: center;
}

.emphatic {
	font-style: italic;
}

.greyedOut { 
	color: #999999; 
}

.hidden, .hiddenSection, .hiddenSection02, .hiddenSection03, .hiddenSection04, .hiddenSection05 { 
	display: none;
}

.highlighted {
	color: #000000;
	background-color: yellow;
}

.highlighted02 {
	color: #000000;
	background-color: lime;
}

.initial {
	margin-top: 5px;
}

.indented {
	margin-left: 24px;
}

.label {
	font-weight: bold;
}

.leftAligned {
	float: left;
}

div.leftAligned, img.leftAligned {
	float: left;
	margin: 0px 10px 10px 0px;
}

.rightAligned {
	float: right;
}

div.rightAligned, img.rightAligned {
	float: right;
	margin: 0px 0px 10px 10px;
}

div.rightColumnText {
	float: right; 
	width: 160px; 
	padding: 10px; 
	margin: 0px 0px 10px 10px; 
	border: 1px outset #ffffff;
}

.fileFolderName {
	font-weight: bold;
}

.smallCaps {
	font-variant: small-caps;
}

.smallText {
	font-size: 80%;
}

.subtitle {
	color: #666666;
	/* font-size: 75%; */
	font-style: italic;
}

.UIControl {
	color: #333333;
	font-style: italic;
	font-weight: bold;
}

.underlined {
	text-decoration: underline;
}

.veryEmphatic {
	font-style: italic;
	font-weight: bold;
}

.warning {
	color: red;
	font-weight: bold;
}

.okay {
	color: green;
	font-weight: bold;
}

.withLeading {
	margin-top: 10px;
}

.withMinusLeading, .withNegativeLeading {
	margin-top: -10px;
}

.withoutLeading {
	margin-top: 0px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Tag-specific class styles */

a.buttonLike, a.buttonLike:link, a.buttonLike:active, a.buttonLike:hover, a.buttonLike:visited {
	padding: 2px 5px 2px 5px;
	color: #000000;
	background-color: #dfdfdf;
	text-decoration: none;
	border: 1px outset #ffffff;
}

a.buttonLike:hover {
	border: 1px solid #eeeeee;
}

a.invisibleLink, a.invisibleLink:link, a.invisibleLink:active, a.invisibleLink:hover, a.invisibleLink:visited {
	color: #ffffff; 
	text-decoration: none;
	cursor: text;
}

a.iconLink img, a.iconLink:link img, a.iconLink:active img, a.iconLink:hover img, a.iconLink:visited img {
	border: 0px dashed orange;
}

a.hiddenLink, a.hiddenLink:link, a.hiddenLink:active, a.hiddenLink:hover, a.hiddenLink:visited {
	color: #000000; 
	text-decoration: none;
}

a.popupLinkText, a.popupLinkText:link, a.popupLinkText:active, a.popupLinkText:hover, a.secondaryWindowLinkText, a.secondaryWindowLinkText:link, a.secondaryWindowLinkText:active, a.secondaryWindowLinkText:hover { 
	border-bottom: 1px dashed blue; 
	text-decoration: none; 
} 

a.popupLinkText:visited, a.secondaryWindowLinkText:visited { 
	border-bottom: 1px dashed purple; 
	text-decoration: none; 
}

a.warning, a.warning:link, a.warning:active, a.warning:hover, a.warning:visited, a.okay, a.okay:link, a.okay:active, a.okay:hover, a.okay:visited, .warning a, .warning a:link, .warning a:active, .warning a:hover, .warning a:visited, .okay a, .okay a:link, .okay a:active, .okay a:hover, .warning a:visited {
	color: #ffffff;
}

div.sideBox {
	float: right;
	margin: 10px 0px 15px 10px;
	width: 180px;
	padding: 5px;
	border: 1px outset #ffffff;
}

div.sideBox p, div.sideBox ol, div.sideBox ul {
	margin-bottom: 5px;
	line-height: 1.5em;
}

div.sideBox ul {
	margin-left: 20px;
}

div.popup { }

img.popupCloseButton {
	float: right;
	margin-left: 5px;
}

div.warning, p.warning {
	margin: 5px 0px 15px 0px;
	padding: 5px;
	font-weight: bold;
	color: #ffffff;
	background-color: red;
	border: 2px outset #ff9999;
}
	td.warning {
		font-weight: bold;
		color: #ffffff;
		background-color: red;
	}

.warning strong, strong.warning {
	color: #ffffff;
	text-transform: uppercase;
}

div.okay, p.okay {
	border: 2px outset lime;
	background-color: green;
	color: #ffffff;
	font-weight: bold;
	margin: 5px 0px 15px 0px;
	padding: 5px;
}

.okay strong, strong.okay {
	color: #ffffff;
}

caption, p.caption {
	text-align: left;
	font-style: italic;
}

p.indented {
	margin-left: 25px;
}

ol.flushLeft, ul.flushLeft {
	margin-left: -20px;
}

/* Style for questions */
p.qaq {
	font-weight: bold;
	font-size:12.5px;
	color:black;
	margin-top:7px;
	margin-bottom:3px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Layout styles */

/*
#headerLowLevelBrowserLogo {
	background-color: #ffffff;
}

#footerLowLevelBrowserBanner {
	background-color: #407ab2;
	margin-bottom: 5px;
	width: 100%;
}
*/

#contentLeftColumn, #leftColumn {
	float: left;
}

#contentRightColumn, #rightColumn {
	float: right;
}


.more {
        display: none;
/*        border-top: 1px solid #666; don't want the top border.. djmpn:*/
        border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
	font-weight: bold;
	font-size:12.5px;
	color:black;
        text-decoration: none;
        color: #36f;
        padding-left: 16px;
        background: transparent url('/files/tree-down.png') no-repeat left; }
a.hideLink {
        background: transparent url('/files/tree-up.png') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
        border-bottom: 1px dotted #36f; }