/*
  Base CSS for Percleus.com system, (c) 2005 Mike Perry - All Rights Reserved
  The naming convention is set like this:  (window type) (html element) (tablearea)
   html element: T=table, C=column (TD)
   
*/
.mainTable { /* master table that wraps around CMS; it consists of 1 row, 2 columns */
	background-color: #ffffff;
	padding: 0px;
	width: 100%;
	height: auto;
	vertical-align: top;
  border-collapse: collapse;
}

.mainCleft { /* left-most column, usually where the nav bar goes */
	background-color: #ffffff;
	padding: 0px;
	width: 200px;
	height: auto;
	vertical-align: top;
	text-align: left;
}

.mainCright { /* right-most column, usually the main data area */
	background-color: #ffffff;
	padding: 0px;
	width: 100%;
	height: auto;
	vertical-align: top;
	text-align: left;
	padding-left: 5px;  /* space between left nav bar and main area */
	padding-right: 2px;
}


.navTable { /* table inside left main column - encapsulating the nav bar usually */
	background-color: #ffffff;
	padding: 0px;
	width: 200px;
	height: auto;
	vertical-align: top;
	margin: 0px;

}

.navTt { /* top nav row, usually used for stylized graphics on top of the nav bar */
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border-collapse: collapse;
  padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.navTb { /* bottom nav row, ending stylizing graphics or whatever */
	background-color: #ffffff;
	padding: 0px;
	width: 200px;
	height: 30px;
	vertical-align: top;
 border-collapse: collapse;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;

}

.navCtl { /* to create stylized edges, we have the top row of the nav area set with 3 columns, top-left (tl), center and top-right */
	background-color: #B1FCCC;
	padding: 0px;
	width: 30px;
	height: 30px;
	vertical-align: bottom;
	text-align: left;
}

.navCc { /* top row nav bar center column */
	background-color: #B1FCCC;
	padding: 0px;
	width: 100%;
	height: 30px;
	vertical-align: bottom;
	text-align: center;
}

.navCtr { /* top row nav bar right column - used to stick stylized graphics to make interesting edge transitions */
	background-color: #B1FCCC;
	padding: 0px;
	width: 30px;
	height: 30px;
	vertical-align: bottom;
	text-align: right;
}

.navCbl { /* bottom left nav bar */
	background-color: #B1FCCC;
	padding: 0px;
	width: 30px;
	height: 30px;
	vertical-align: top;
	align: left;
}

.navCbr { /* bottom right nav bar - the center is same as .navCc on the bottom */
	background-color: #B1FCCC;
	padding: 0px;
	width: 30px;
	height: 30px;
	vertical-align: top;
	text-align: right;
}

.navTmain { /* main table encapsulating nav bar (inside previous table which contained any stylized graphics around the edges */
	background-color: #ffffff;
	padding: 0px;
	width: 200px;
	height: auto;
	vertical-align: top;
	margin: 0px;
  border-collapse: collapse;

}

.navCtitle { /* attributes for a title section of the nav bar */
	background-color: #42EC7E;
	padding: 0px;
	width: 200px;
	height: auto;
	vertical-align: baseline;
	text-align: center;
align: center;
margin: 0px;
	font-weight: bold;
	font-family: arial, "lucida console", sans-serif;
	font-size: large;
}

.navCline { /* attributes for the cell/column of a typical line in the nav bar (options, text, etc.) */
	background-color: #B1FCCC;
	padding-left: 5px;
	width: 200px;
	height: auto;
	vertical-align: baseline;
	text-align: left;
	margin-left: 8px;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.dataTable { /* table wrapping main data area inside right top-level column, where the main CMS output comes from */
	background-color: #ffffff;
	padding: 0px;
	width: 100%;
	height: auto;
	vertical-align: top;
  border-collapse: collapse;
}

.dataCtl { /* top left cell for edge transitions  in data area */
	background-color: #89FFFB;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	text-align: left;
  padding-left: 0px;
	padding-top: 0px;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.dataCtr { /* top right cell for edge transitions in data area */
	background-color: #89FFFB;
	width: auto;
	height: auto;
	vertical-align: top;
	text-align: right;

	padding: 0px;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.dataDtitle { /* attributes for titles in the data area  (article title) */
	text-align: left;
	font-weight: bold;
	font-family: arial, "lucida console", sans-serif;
	font-size: 16pt;
}

.dataDposted { /* attributes for minor text info (i.e. "posted by xxxx on yyyy") */
	text-align: left;
	font-weight: normal;
	font-style: italic;
	font-family: arial, "lucida console", sans-serif;
	font-size: 12pt;
}

.dataDtext { /* attributes for main text that is the body of the article */
	text-align: left;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: 12pt;
}

.dataDdetail { /* another variation.. not sure where this is used */
	text-align: left;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: 8pt;
}

.dataDcat { /* attributes for the category text listings in the article area */
	text-align: right;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: 12pt;
}

.dataCpara1 { /* attributes for paragraph 1 (in articles ) */
	background-color: #C1FAFC;
	width: auto;
	height: auto;
	vertical-align: top;
	text-align: left;

  margin-left: 13px;
  margin-right: 13px;
  margin-top: 13px;
  margin-bottom: 13px;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.dataCpic { /* attributes for the cell containing embedded image */
	background-color: #C1FAFC;
	width: auto;
	height: auto;
	vertical-align: top;
	text-align: center;
}

.dataCpara2 { /* attributes for paragraph 2 */
	background-color: #C1FAFC;
	width: auto;
	height: auto;
	vertical-align: top;
	text-align: left;

	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.dataCpara3 { /* attributes for paragraph 3 */
	background-color: #C1FAFC;
	width: auto;
	height: auto;
	vertical-align: top;
	text-align: left;

	font-weight: normal;
	font-style: italic;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.dataCbot { /* bottom/separator row */
	background-color: #C1FAFC;
	width: auto;
	height: auto;
	vertical-align: top;
	text-align: center;
}

.cmtTable { /* table definition for user-specified comments */
	background-color: #ffffff;
	padding: 0px;
	width: 100%;
	height: auto;
	vertical-align: top;
  border-collapse: collapse;
}

.cmtCtitle { /* attributes for comment title */
	background-color: #CC99CC;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	text-align: left;
  padding-left: 10px;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.cmtCtext { /* attributes for comment text cell */
	background-color: #FFCCFF;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	text-align: left;
  padding-left: 15px;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.cmtDtitle { /* text attributes for comment title */
	text-align: left;
	font-weight: bold;
	font-family: arial, "lucida console", sans-serif;
	font-size: 11pt;
}

.cmtDposted { /* posted by */
	text-align: left;
	font-weight: normal;
	font-style: italic;
	font-family: arial, "lucida console", sans-serif;
	font-size: 10pt;
}

.cmtCtext { /* comment text */
	text-align: left;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: 10pt;
}

.cmtDdetail { /* comment details text attributes */
	text-align: left;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: 8pt;
}

.inpTable { /* GENERIC form table declaration - used all over the site */
	background-color: #ffffff;
	padding: 0px;
	width: 100%;
	height: auto;
	vertical-align: top;
  border-collapse: collapse;
}

.inpCtitle { /* title attributes for the top of forms */
	background-color: #89FFFB;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	text-align: center;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: large;
}

.inpCheading { /* attributes for left-most column in forms, the listing of what fields are prompted for */
	background-color: #B1FCCC;
	width: auto;
	height: auto;
	vertical-align: top;
	text-align: right;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.inpCdata { /* attributes for the right-most column in forms, usually a bunch of INPUT, SELECT or TEXAREA html within */
	background-color: #C1FAFC;
	width: auto;
	height: auto;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.inpCsubmit { /* attributes for the cell containing the submit button on input forms */
	background-color: #89FFFB;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	text-align: center;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.alertT { /* table attributes for error/alert box, fills main data area and is used for a variety of notices/error messages */
	background-color: #FE8AAB;
	padding: 0px;
	width: 100%;
	height: auto;
	vertical-align: top;
  border-collapse: collapse;
}

.alertC { /* cell attributes for alert area, it's basically a table with one big cell with a LI list of notices */
	background-color: #FE8AAB;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	text-align: left;
  padding-left: 16px;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.catTable { /* category listing table */
	background-color: #ffffff;
	padding: 0px;
	width: 100%;
	height: auto;
	vertical-align: top;
  border-collapse: collapse;
}
.catCtitle { /* title cell for category listing */
	background-color: #89FFFB;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	text-align: center;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}
.catCtext { /* text cell for category list */
	background-color: #C1FAFC;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	height: auto;
	vertical-align: baseline;
	text-align: left;
  padding-left: 0px;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}

.noticeT { /* notices like "click here to see your submission" */
	background-color: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	height: auto;
	vertical-align: top;
  border-collapse: collapse;
}
.noticeC {
	background-color: #89FFFB;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	text-align: center;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: large;
}

.tagTable { /* following data: "x articles shown" */
	background-color: #ffffff;
	width: 100%;
	height: auto;
	vertical-align: top;
  border-collapse: collapse;
}
.tagC { /* cell attributes for tag table */
	background-color: #B1FCCC;
	width: 100%;
	height: auto;
	padding-left: 10px;
	padding-right: 0px
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: baseline;
	text-align: left;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: large;
}

.boxT { /* generic info box / template for most text boxes, TOS, FAQ, etc. */
	background-color: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	height: auto;
	vertical-align: top;
  border-collapse: collapse;
}
.boxCtitle { /* title area of box */
	background-color: #89FFFB;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	text-align: center;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: x-large;
}
.boxCmain { /* main box text/content */
	background-color: #C1FAFC;
	width: 100%;
	height: auto;
	vertical-align: baseline;
	text-align: left;
	font-weight: normal;
	font-family: arial, "lucida console", sans-serif;
	font-size: medium;
}