/* This eliminates a funky problem with mozilla and css buttons. */
* { -moz-box-sizing:border-box; }

BODY  {font-family: arial,sans-serif;}
TABLE {font-family: arial,sans-serif;}
TD    {font-family: arial,sans-serif;}
TH    {font-family: arial,sans-serif;}
DIV   {font-family: arial,sans-serif;}
SPAN  {font-family: arial,sans-serif;}
P     {font-family: arial,sans-serif;}

INPUT {
	border: 1px solid #595;
	padding: 0px 2px;
}
TEXTAREA {
	border: 1px solid #595;
	padding: 0px 2px;
}

a:link, a:active {
	color: green;
    font-weight: bold;
    text-decoration : none;
}
a:visited {
	color: green;
    font-weight: bold;
    text-decoration : none;
}
a:hover {
    color: orangered;
    text-decoration: underline;
}

.cnt {
	text-align: center;
}
.lft {
	text-align: left;
}
.rgt {
	text-align: right;
}
.inl {
	display: inline;
}

BODY {
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

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

.pageTopLine {
	background: url('/know/list/network42/grey/fadingBgTopg.gif') repeat-x;
}

.pageHeaderRow {
	color: #000000;
	height:100px;
}
.pageHeaderRight {
	height: 100px;
}
.pageHeaderTitle {
	font-weight: bold;
	font-size:120%;
}
.pageHeaderUnderTitle {
	font-size:80%;
}
.pageHeaderRightNavBox {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
.pageHeaderRightNav {
	background-color: #fff;
	padding: 10px;
	font-size: 80%;
    font-weight: bold;
    white-space: nowrap;
    border: 1px solid #ccc;
}
.pageHeaderRightNav A {
	font-size: 90%;
}

.dHeader {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	vertical-align: top;

	padding: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;

	width: 1%;
/*	background-color: #FFFFFF;*/
}
.dHeader A {
	color: #FFFFFF;
	text-decoration: none;
}

.dHeaderMottoSection1 {
	vertical-align: top;
	width: 254px;
}
.dHeaderMottoBox {
}
.dHeaderMotto {
	color: #000000;
	font-size: 80%;

	background-color: #fff;
}


.pageLeftColumn {
/*	border-bottom: 1px solid #BBBBBB;*/
	vertical-align: top;

	width: 1%;
/*	width: 235px;*/
/*	max-width: 235px;*/
	/* This is an IE-only way to do max-width */
/*	width:expression(document.getElementByID('pageLeftColumn').getWidth() > 250? "250px": "auto" );*/

	padding-right: 0px;
}
.pageLeftColumnMenuDiv1 {
	background: url('/know/list/network42/grey/fadingBg1.gif') repeat-x;
	height: 10px;
}
.pageLeftColumnMenuDiv2 {
	height: 0px;
}
.pageLeftColumnMenu {
	margin-top: 10px;
	padding-right: 0px;
}

.pageRightColumn {
	padding-left: 10px;
	width: 1%;
	vertical-align: top;
	background-color:#000;
}
.innerWinHeader {
	background-color: #009900;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 80%;
	text-align: center;
	font-weight: bold;

	background: url('/know/list/network42/grey/fadingBg1g.gif') repeat-x;
	color: #fff;
}
.innerWinInt {
	border-top: 1px solid #555555;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0px;
	background-color: #fff;
	color: #000;
}
a.innerWinLink, a.innerWinLink:link, a.innerWinLink:visited {
	color: green;
}

.rightWindowInner {
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #555555;
	padding: 4px;
}

.dFooter {
	font-size: 80%;
}
#simpleFooter {
	color: #aaa;
	padding-top: 30px;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
}

.dInner {
	padding-top: 6px;
	padding-left: 6px;
	padding-bottom: 30px;
	vertical-align: top;

	background-color: #fff;
}
.dInnerRight {
	vertical-align:top;
	background-color: #fff;
}




/* default table style */
.dTable {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;

	width: 99%;
}

/* default header cell style. */
.dHeaderC {
	background-color: #CCC;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #000000;
}
.dHeaderC A {
	color: #fff;
}

/*Default cell with no column or row shading.*/
.c {
	background-color: #fff;
	color: #000000;
}
.cb {
	border-bottom: 1px solid #eee;
}

.dFooterC {
	color: #fff;
	background-color: #CCC;

	padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px;
	font-family: arial;

	border-top: 1px solid #000000;
	border-right: 0px dotted #000000;
}

/* The title at the top of the body part of the show list page. */
.dInner bodyTitle {
	font-size: 150%;
}

/* This only works in IE. */
.verticalText {
	writing-mode: tb-rl;
	filter: flipv fliph;
}


.pageHeader {
	font-size:200%;
}
.pageSubHeader {
	font-size:80%;
}
.pageHeaderSep {
	border-top: 2px solid #99FF99;
}
.dataListLabel {
	text-align: right;
	vertical-align: top;

/*	background: url('/know/list/network42/grey/fadingBg1dg.gif');
	color: #fff;
	font-weight: bold;
*/
	background-color: #beb;
	color: #000;
	text-transform: uppercase;
	font-size: 80%;
	padding-left: 4px;
	padding-right: 4px;
}
.dataListVal {
	font-size: 80%;
}
.dataBox {
}
.dataBoxHeader {
	border-bottom: 2px solid #99FF99;
	font-size: 120%;
	font-weight: bold;
}
.dataBoxRow {
	padding: 2px;
}



.tBr {
	font-size: 80%;
	font-weight: bold;
}
.tBrN {
	font-size: 80%;
	font-weight: normal;
}
/* This corresponds to objtypes with a priority of 1. */
.treeHighlight1 {
	padding:2px;
/*
	border:1px solid #aaa;
	background-color:#eee;
*/
	border:1px solid #aaa;
	background-color: yellow;
}

input.button {
	font-weight: bold;
	font-size: 80%;
	padding: 4px 8px;

	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;

	text-align: center;
	text-transform: uppercase;
	display: inline;
	text-decoration: none;

	background: url('/know/list/network42/grey/fadingBg2.gif') repeat-x;
	color: #000;
}

input.butBgRed2 {
	background: url('/know/list/network42/grey/fadingBgRed2.gif') repeat-x;
	color: #fff;
}

a.button {
	font-weight: bold;
	font-size: 80%;
	padding: 4px 8px;

	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;

	text-align: center;
	text-transform: uppercase;
	display: block;
	width: 100%;
	text-decoration: none;

	background: url('/know/list/network42/grey/fadingBg2.gif') repeat-x;
	color: #000;
}

a.button:link, a.button:visited {
	color: #000;
}

a.button:hover {
	background-color: #eee;
	color: #555;
	text-decoration: none;

	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

a.button:active {
	background-color: #369;
	color: #ccc;
	text-decoration: none;
}

input.tallButton {
	background: url('/know/list/network42/grey/fadingBg2lg.gif') repeat-x;
}
input.tallButton4 {
	background: url('/know/list/network42/grey/fadingBg4lg.gif') repeat-x;
}
a.tallButton {
	background: url('/know/list/network42/grey/fadingBg2lg.gif') repeat-x;
}
a.impButton, a.impButton:link, a.impButton:visited {
	color: #000;
}
a.impButton:hover {
	color: #555;
}
a.impButton:active {
	color: #ccc;
}

a.boxOnHover:hover {
	background-color: #00f;
}


a.imageHoverButton {
	text-align: center;
	display: block;
	width: 100%;

	border: 1px solid #fff;
	padding-top: 3px;
	padding-bottom: 3px;
}

a.imageHoverButton:link, a.imageHoverButton:visited {
}

a.imageHoverButton:hover {
	background-color: #eee;
	border: 1px solid #000;
}

a.imageHoverButton:active {
	background-color: #f00;
}



.pageHeaderMenuActive {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;

	border-left:  1px solid #555;
	background-color: #fff;
	color: #000000;
	font-weight: bold;
	background: url('/know/list/network42/grey/fadingBg1lgw.gif') repeat-x;
}
.pageHeaderMenuInactive {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;

	vertical-align: top;
	padding: 0px;

	border-left:  1px solid #555;
	border-bottom: 1px solid #555;

	background: url('/know/list/network42/grey/fadingBg2.gif') repeat-x;
	font-size: 80%;
}
.pageHeaderMenuInactive A {
	color: #000000;
	text-decoration: none;
}
.pageHeaderMenuRightExt {
	width: 100%;
	border-bottom: 1px solid #555;
}
.pageHeaderMenuRightExt2 {
	border-bottom: 1px solid #555;
}

a.tabButton {
	display: block;
}
a.tabButton:link, a.tabButton:visited {
	padding: 4px;
	color: #333;
	text-decoration: none;
}
a.tabButton:hover {
	color: #f00;
	border-color: black white white black;
	text-decoration: none;
}
a.tabButton:active {
	color: #ccc;
	text-decoration: none;
}


.ltChoose {
	width: 100%;
}
.ltChoose SELECT {
	width: 100%;
}

.searchBox {
/*	background: url('/know/list/network42/grey/fadingBg1i.gif') repeat-x;*/
/*	color: #fff;*/
/*	margin-top: 5px;*/
	color: #000;

	font-weight: bold;

	margin-right: 2px;
}
.searchButton {
	background: url('/know/list/network42/grey/fadingBg1.gif') repeat-x;
	color: black;
	font-weight: bold;
	margin-right: 2px;

	border: 1px solid #595;
}
.submitButton {
	background: url('/know/list/network42/grey/fadingBg1.gif') repeat-x;
	color: black;
	font-weight: bold;
	margin-right: 2px;

	border: 1px solid #595;
}

.recentModifiedObjects {
	font-size: 80%;
}
.breadCrumbs {
	font-size: 100%;
}



/* Sortable tables */
table.sortable a.sortheader {
/*
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
*/
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

.adminBox {
	border: 2px solid #000;
	width: 50%;
}
.adminBoxHeader {
	border-bottom: 1px solid #000000;
	background-color: #eee;
	padding-left: 3px;
	font-weight: bold;
}
.adminBoxBody {
	padding: 2px;
	padding-left: 3px;
}


/* To display multiple divs side by side, create a div with the divSideBySide class and then make the inner divs float:left. */
/* for IE */
div.divSideBySide {
    height: 1px;
}
/*works for modern browsers*/
div[class="divSideBySide"] {
    display: table;
    height: auto;
}

.curveHeader {
	overflow:hidden;
	clear:both;
	height:5px;
	font-size:1px;
}

.smiley {
	display:inline;
}

.decorBoxTopCorner5 {
	vertical-align: top;
	width:5px;
	height:5px;
	font-size: 1%;
}
.decorBoxBottomCorner5 {
	vertical-align: bottom;
	width:5px;
	height:5px;
	font-size: 1%;
}

.decorBoxTopCorner10 {
	vertical-align: top;
	width:10px;
	height:10px;
	font-size: 1%;
}
.decorBoxBottomCorner10 {
	vertical-align: bottom;
	width:10px;
	height:10px;
	font-size: 1%;
}

.decorBoxCenter {
}

/* for form error display */
.errorsBox {
	padding: 10px 0px;
}
.errors {
	color: red;
}
.errors UL {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
}
.errors UL LI {
	padding: 5px 0px 0px 0px;
}
.errorsHeader {
	font-weight: bold;
}
.error {
}

/*
#loginPopupBox2 {
	z-index: 50;
	display:none;
	position: absolute;
	margin: 0px auto;
	left: 50%;
}
*/
#loginPopupBox {
	background-color: #fff;
	border: 1px solid #595;
	padding: 10px;
}


.hoverPopup {
     position: relative;
     z-index: 0;
}
.hoverPopup:hover {
     background-color: transparent;
     z-index: 50;
}
.hoverPopup span { /*CSS for popup span*/
    position: absolute;
    background-color: #ddd;
    padding: 5px;
    left: -1000px;
    border: 1px dashed ccc;
    visibility: hidden;
    color: black;
    text-decoration: none;
}
.hoverPopup:hover span { /*CSS for popup span on hover*/
    visibility: visible;
    top: 20;
    left: 20px; /*position where enlarged image should offset horizontally */
}



a.tooltipParent {
    text-decoration: none;
    border-bottom: 1px dotted #677;

    display: inline-block !important;
    display: inline;
    vertical-align: bottom;
    margin-bottom: -1px;
    position: relative;
}
a.tooltipParent span.tooltip {
    visibility: hidden;
    display: block;
    position: absolute;
    left: 0;
    top: 28px;
    padding: 4px;
    z-index: 1;

    border: 2px solid #ccc;
    background-color: #e5e5e5;
    color: black;
    font-weight: normal;
    font-size: 80%;
}
/* Opera 6+ specific values */
@media screen and (min-width: 0px) {
    a.tooltipParent span.tooltip {
        left: inherit;
        top: inherit;
        margin-top: 12px;
        width: 0;
    }
}
a.tooltipParent:hover {
    border-bottom: 1px solid #9fc;
    text-decoration: none;
	z-index: 50;
}
a.tooltipParent:hover span.tooltip {
    visibility: visible;
    /* blow up width, could be zeroed by opera hack */
    width: 300px;
}




a.spoilerButton {
	font-size: 80%;
	padding: 0px 8px;

	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	
	text-align: center;
	text-decoration: none;
	
	background-color: orange;
	color: #000;
}
a.spoilerButton:link, a.tabButton:visited {
	color: #333;
	text-decoration: none;
}
a.spoilerButton:hover {
	color: #f00;
	border-color: black white white black;
	text-decoration: none;
}
a.spoilerButton:active {
	color: #ccc;
	text-decoration: none;
}

.spoilerText {
	display: none;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
}


#log {
	border: 1px solid #f00;
	background-color: #fff;
	
	filter:alpha(opacity=50);   /* Internet Explorer       */
	-moz-opacity:0.5;           /* Mozilla 1.6 and below   */
	opacity: 0.5;
}

#stickImageBox {
/*	display: none;*/
	position: absolute;
	top: 4px;
	left: 180px;
/*	border: 1px solid #f00;*/
	width: 76px;
	height: 118px;
	text-align: center;
}
.stickImage {
	vertical-align: middle;
}
.stickImage IMG {
	border: 0px;
}