/*
. is for classes
# is for id(s)

*/
* { margin: 0; padding: 0; border: 0; }

noscript {
	position: absolute;
	top:100px;
	left: 30px;
}

div#tabs {
	z-index: 0;		/* So that we can put other things behind */
}		

div#tabs > div {
	display: inline;	/* We want the buttons all on one line */
}

div.bButton {
	top:10px;
	width: 70px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #ecf3fc;		/* Active tabs are light blue */
	background-color: #afbbf5;		/* Inactive tabs are darked light blue */
	border: 0.1em outset #BBB;	/* Make it look like a button */
	border-bottom: 0.1em solid #CCC;/* Visually connect tab and tab body */
	position: absolute;
	text-align: center;
}

div.bButton a{
	color: black;
}


div.cContent {
	width: 60%;
	margin: 32px 50% 10px 10px;
	padding: 10px 10px 10px 10px;
	background-color: #ecf3fc;		/* Active tabs are light blue */
	position: absolute;	/* All these DIVs overlap */
	z-index: -1;		/* So that we can put other things behind */
	visibility: hidden;
	border: 1px outset #BBB;	/* 3D look */
	text-align: justify;
}

ul {
	margin: 0px 0px 5px 20px;
	padding: 5px 0px 5px 0px;
	/*background: yellow;*/
}

li {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	/*background: blue;*/
}

p {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	/*background: red;*/
}

table {
	width: 100px;
	border-width: 1px 2px 2px 1px;
	border-style: dashed outset outset dashed; /* outset | solid | dashed | none | hidden |*/
	border-color: black red red black;
	border-collapse: collapse; /*collapse | separate*/
	background-color: #FFFFF0;
}

th, td {
	border-width: 1px 1px 0px 0px;
	border-style: dashed dashed none none; /*solid | dashed | none | hidden |*//*Actually set to none because of ie6*/
	border-color: black;
	padding: 5px;
	text-align: center;
}

a {
	color: blue;
}