/*
VERSION 2.03

MAIN ELEMENTS
==================
*/
body {
	padding-top:50px;
	padding-bottom:20px;
	background-color:FloralWhite;
}

/*
BACKGROUND COLOURS
==================
*/
.black {
	background:black;
}
.white{
	background:white;
}
.pink {
	background:#ffc0cb;
}
.yellow {
	background:#ff0;
}
.green {
	background:lightgreen;
}
.midgreen {
	background:limegreen;
}
.blue {
	background:lightblue;
}
.midblue {
	background:dodgerblue;
}
.verydarkgrey{
	background:#2e2e2e;
}
.transparent {
	background:transparent;
}

/*
TEXT COLOURS
==================
*/
.text-white  {
	color:white;
}
.text-red,.error  {
	color:red;
}
.text-blue,.script {
	color:blue;
}
.text-green,.comment {
	color:green;
}
.tag{
	color:#2f6f9f;
}
.hc{
	/* CSS DESCRIPTOR */
	color:#4f9fcf;
}
.cn{
	/* CSS CLASS NAME */
	color:#d44950;
}
.ht{
	/* HTML TEXT */
	color:#333;
}

.caption {
	/* PSEUDO CAPTION */
	font-size:14px;
	padding-top:8px;
	padding-bottom:8px;
	color:#777;
	line-height:1.3em;
}

/*
TEXT SIZING
==================
*/
.larger {
	font-size:1.5em;
}
.huge {
	font-size:3em;
}

/*
TEXT EFFECTS
==================
*/
.bold {
	font-weight:bold;
}

/*
TABLE SPECIFIC CLASSES
==================
*/
tr.link{
/*	border:1px solid grey; */
}
tr.link:nth-child(odd) {
	background-color:#f0f0f0;
}
tr.link:hover{
	color:white;
	background:grey;
}
/*
CURSOR EFFECTS
==================
*/
.link{
	cursor:pointer;
}

/*
ELEMENT EFFECTS
==================
*/
.smallshadow {
	box-shadow:5px 5px 10px DarkGray;
}
.shadow {
	box-shadow:10px 10px 5px DarkGray;
}
button.midblue:hover , button.midgreen:hover {
	box-shadow:2px 2px 15px DarkGray;
}
.border {
	border:1px solid lightgrey;
}
.rightborder {
	border-right:1px solid lightgrey;
}
.centered {
	margin-left:auto;
	margin-right:auto;
}
.fifty {
	width:50%;
}
.eighty {
	width:80%;
}
.code-container {
	background-color:#f7f7f9;
    border:1px solid #e1e1e8;
	padding-top:.5em;
	padding-bottom:1.5em;
	padding-left:1.5em;
}

/*
PADDING
==================
*/
.pad-btm-med {
	padding-bottom:1em;
}
.pad-btm-lge {
	padding-bottom:2em;
}
.pad-top-med {
	padding-top:1em;
}
.pad-top-lge {
	padding-top:2em;
}
.pad-sm {
	padding:0.2em 0.6em 0.2em 0.6em ;
}
label.padded {
	padding: 0.2em;
	width: 100px;
}
label.padded -wide{
	padding: 0.2em;
	width: 400px;
}
/*
POSITIONING
==================
*/
.vspace-sm {
	height:50px;
}
.vspace {
	height:150px;
}
.footer {
	font-size:85%;
	bottom:10px;
	text-align:center;
	width:200px;
	left:50%;
	margin-left:-100px;
	position:absolute;
	cursor:help;
}
.uplink{
	font-weight:bold;
	top:0.5em;
	right:1.5em;
	width:55%;
	position:fixed;
	text-align:right;
}
.pagetop {
	font-size:1.5em;
	color:white;
	background-color:black;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	display:none;
	padding:5px;
	border-radius:0.5em;
	width:1.8em;
	position:fixed;
	right:25px;
	bottom:25px;
}

/*
DISPLAY EFFECTS
==================
*/
.noshow {
	display:none;
}

/*
IMAGE EFFECTS
==================
*/
#logo {
	padding-top:50px;
	height:100px;
	width:auto;
}