/* TestCreek Style Sheet ---------------------------------- */

/* Body --------------------------------------------------- */

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #626464;
	background: white;
	margin: 0em;

	/* Squiggle image hugs right-hand side of browser window */
	background-image: url('/style/squiggle.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}

/* Top ---------------------------------------------------- */

#top {
	height: 100px;
	padding: 0px;
	margin: 0px;
	background: url(/style/gradient_top.png) 0% 0% repeat-x;
	background-color: #e4f1da;
}

#logo-top {
	position: absolute;
	left: 10px;
	top: 43px;
}

#squiggle-top {
	/* This is above top's background image, corresponding precisely to the full squiggle on the body's background */
	float:right;
}

/* Horizontal Menu ---------------------------------------- */

#horizontal-menu {
	color: #ffffff;
	background: #74c042;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin: 0px;
	/* align start of text with start of text in upper-right logo */
	padding-left: 68px;
}

#horizontal-menu a {
	color: #ffffff;
}

#horizontal-menu a:hover {
	color: #708aa1;
	background: #74c042;
}

/* Main Holder -------------------------------------------- */
#main-holder {
	overflow:auto;
}

/* Left Menu ---------------------------------------------- */

#left-menu {
	float: left;
	margin-top: 1em;
	width: 8.5em;

	border-right-style: dotted;
	border-right-color: #c7d5e1;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	list-style-type: none;
	line-height: 1.5em;
}

#left-menu p {
	padding-left: 10px;
}

#left-menu a {
	text-transform: uppercase;
}

#socialLinks {
	padding-left: 10px;
	padding-right: 10px;
}

/* Content ------------------------------------------------ */

#content {
	margin-left: 10em;
	width: 60em;
	background-color: transparent;
}

#wideContent {
	margin-left: 10em;
	min-width: 60em;
	background-color: transparent;
}

/* Footer ------------------------------------------------- */

#footer {
	/*clear: both;*/
	margin-top: 2em;
	border-top-color: #c7d5e1;
	border-top-width: 2pt;
	border-top-style: solid;
	padding-left: 10em;
}

#footer p {
	font-size: x-small;
}

/* General Formatting ------------------------------------- */

table {
	border-collapse: collapse;
}

table td {
	vertical-align: top;
}

h1 {
	text-align: center;
	font-size: 250%;
	font-weight: normal;
}

h2 {
	padding-top: 0.75em;
	font-size: larger;
	font-weight: normal;
}

h3 {
	padding-top: 0.75em;
	font-size: medium;
	font-weight: normal;
}

td {
	padding-left: 0.5em;
}

hr {
	border: 0;
	color: #c7d5e1;
	background-color: #c7d5e1;
	height: 2pt;
}

thead td {
	text-align: left;
	border-bottom: thin #ddd dotted;
	font-weight: normal;
	text-decoration: none;
	color: #000;
}

tfoot td {
	border-top: thin #ddd dotted;
}

a {
	text-decoration: none;
	border-bottom: thin #fff dotted;
	color: #708aa1;
}

a:hover {
	background-color: #eee;
	border-bottom: thin #ddd solid;
}

a img {
	border: none;
	border-bottom: none;
}

.punchBox {
	font-size: 120%;
	border-style: solid;
	border-color: #c7d5e1;
	border-width: 0.2em;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	/* rounded borders are a CSS3 feature */
	-moz-border-radius: 1em;
  	border-radius: 1em;
}

#top a {
	border: none;
}

#top a:hover {
	background-color: transparent;
}

thead td {
	color: #626464;
}

thead td a {
	color: #626464;
}

tbody tr.odd {
	border-bottom: thin #eee dotted;
}

td.numeric,
th.numeric {
	text-align: right;
}

td.date,
th.date {
	text-align: right;
}

.sparkline {
	display: none;
}

.note {
	font-size: x-small;
}

.majorLink {
	background-image: url('/style/box.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 14px;
}

.expanded {
	background-image: url('/style/expanded.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 14px;
}

.contracted {
	background-image: url('/style/contracted.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 14px;
}

.visible {
}

.invisible {
	display: none;
}


.error {
	color: red;
}

#resultMessage {
	text-align: center;
	font-size: larger;
}

table#quickStart {
	width: 100%;
}

table#quickStart tr {
	border-top: 2px solid #eee;
}

.sequence {
	color: #ddd;
	font-family: Time New Roman, serif;
	font-size: 250%;
	font-weight: bold;
	font-style: oblique;
}

strong {
	font-size: larger;
	font-weight: normal;
}

.liOff {
	list-style-type: none;
}

.input {
	font-family: Andale Mono, Courier, monospace;
	font-weight: bold;
}

tr.highlight {
	background-color: #ecefff;
}

tr.lowlight {
	background-color: #eee;
	color: #bbb;
}

.dataTable tbody tr:hover {
	background-color: lightyellow;
}


/* Matrix ------------------------------------------------- */

table.matrix {
	border-collapse: collapse;
	border: thin solid #ddd;
}

.matrix td {
	border: thin solid #ddd;
}

.matrix tbody tr:hover {
	background-color: lightyellow;
}

/* Social Links ------------------------------------------- */

.socialLink img {
	width: 16px;
	height: 16px;

	opacity: 0.30;
	-moz-opacity: 0.30;
	filter:alpha(opacity=30);
}

.socialLink:hover img {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}

/* Histogram ---------------------------------------------- */

.histogram {
	display: inline;
}

/* Form --------------------------------------------------- */

input:focus {
/*	background-color: #FFFFE0;*/
}

.defaultSubmit {
}

/* Report Rows ------------------------------------------- */

.reportRow {
	overflow:auto;
}

.reportRowSpacer {
}

.reportCellSpacer {
	float: left;
	padding-left: 2em;
}

.reportItem {
	float: left;
}

/* Test Run Ticker box renderer -------------------------- */

.box {
	height: 1em;
	display: block;
	float: left;
	vertical-align: middle;
}

/* Thumbnail popup ---------------------------------------- */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.thumbnail {
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}


.thumbnail span.popupNote { /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFFFE0;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	text-decoration: none;
	/* transparency is a later CSS feature, and seem to have to rely on browser specific versions */
	opacity: 0.75;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
}

.thumbnail span.popupNote img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span.popupNote { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 20px;
	left: -5em; /*position where enlarged image should offset horizontally */
	min-width: 10em;
}

/* Tree Map Popup ----------------------------------------- */
.treemapImage {
	display: none;
}

dl.treemap {
	margin: 0;
	padding: 0;
	position: relative;
	/* + dynamic set background, width, height */
}

dl.treemap dt {
	margin: 0;
	padding: 0;
	position: absolute;
	display: none;
}

dl.treemap dd {
	margin: 0;
	padding: 0;
	position: absolute;
}

dl.treemap dd span {
	display: none;
	position: absolute;
	background-color: #FFFFE0;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	text-decoration: none;
	/* transparency is a later CSS feature, and seem to have to rely on browser specific versions */
	opacity: 0.75;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	
}

dl.treemap dd span:hover {
	display: block;
	position: absolute;
	visibility: visible;
}
	

/* Cloud -------------------------------------------------- */

.cloud {
}

.weight0 {
	font-size: 60%;
}

.weight1 {
	font-size: 80%;
}

.weight2 {
	font-size: 100%;
}

.weight3 {
	font-size: 120%;
}

/* Two Columns--------------------------------------------- */

.leftColumn {
	float: left;
}

.rightColumn {
	float: right;
}

.endColumn {
	clear: both;
}

/* Date Picker -------------------------------------------- */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	background-color: #FFFFFF;
	padding: 0px;
	
	border: 1px solid #AAAAAA;

/*	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;*/
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	color: black;
	background-color: #DDDDDD;
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	color: black;
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	padding: 0px;
	text-align: center;

/*	border: 1px solid #ece9d8;*/
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	padding: 0px;
	background-color: #DDDDDD;
	color: #FFFFFF;
	text-align: center;
	
/*	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;*/
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	padding: 0px;
	background-color: #DDDDDD;
	text-align: center;
	
/*	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;*/
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	text-align: center;
	vertical-align: middle;
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	padding: 0px;
	padding: 0px;
	text-align: center;
	
/*	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;*/
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
/*	font-size: 12px;
	color: gray;
	font-weight: bold;*/
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {

/*	color: 4060ff;
	font-weight: bold;*/
	}


/* the forward/backward buttons at the top */
.dpButton {
/*	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;*/
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
/*	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;*/
	}