body { font-family: Arial; margin:0px; padding: 8px; }
table { border-collapse: collapse; }
a { color: #000088; }
form { display: inline; }
h2, h3, h4 {
	font-size: 16pt;
	margin: 5px 0px 0px 0px;
	padding-left: 10px;
	color: #008000;
	clear: both;
}
h2 { border-bottom: 1px solid #333333; }
h4 {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	text-align: center;
	padding: 5px;
	margin: 5px;
}

.bold {			font-weight: bold; }
.thin {			font-weight: normal; }
.italic {		font-style: italic; }
.xsmall {		font-size: x-small; }
.small {			font-size: small; }
.smaller {		font-size: smaller; }
.large {			font-size: large; }
.larger {		font-size: larger; }
.error {			color: red; }
.green {			color: green; }
.left {			float: left; }
.right {			float: right; }
.center {		text-align: center; }
.hidden {		visibility: hidden; }
.padRight10{	padding-right: 10px; }
.marRight10{	margin-right: 10px; }
.indent {		text-indent: 20px; }

/*
 * Global Styles (used everywhere)
 */
h1#message {
	margin: 0px;
	font-size: 14pt;
	text-align: center;
}
div.container {
	border: 1px solid #CCCCCC;
	margin: 0px auto;
	max-width: 1107px;
	min-width: 835px;
}
div.pad {
	padding: 5px 10px 5px 10px;
}
div.header {
	background: url(imgs/grad.gif) repeat;
	padding-right: 10px;
	line-height: 32px;
}
div.footer {
	margin: auto;
	padding-top: 5px;
	text-align: center;
}
a.logo {
	display: block;
	background-image: url('imgs/logo.gif');
	height: 36px;
	width: 139px;
	float: left;
}

/*
 * Main Screen Styles
 */
div.section {
	background-image: url(imgs/highlight.gif);
	background-repeat: repeat-x;
	color: #000088;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	padding-left: 6px;
}
.padding {
	list-style: none;
	clear: both;
}
span#nav {
	margin: auto;
}
span#login {
	text-decoration: underline;
}
table#loginTable {
	background: white;
	border: 1px solid gray;
	position: absolute;
	visibility: hidden;
}
table#loginTable td {
	text-align: right;
}

/*
 * Sidebar Styles
 */
div#sidebar {
	float: left;
	width: 20%;
}
div#sidebar div.section {
	border-right: 1px solid #CCCCCC;
	margin-right: 1px;
}
ul.navigation {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
ul.navigation li {
	list-style: none;
}
ul.navigation li a {
	display: block;
	color: black;
	text-decoration: none;
	line-height: 20px;
	font-size: 12pt;
	padding-left: 20px;
}
ul.navigation li a span {
	color: gray;
	font-size: smaller;
}
ul.navigation li a:hover {
	font-weight: bold;
}

/*
 * Content Page Styles
 */
div#content {
	float: right;
	width: 80%;
}


/*
 * Upload Questions Styles
 */
table#setInfo {
	width: 50%;
}
table#setInfo td {
	text-align: right;
}
table#setInfo input, table#setInfo textarea {
	width: 100%;
}
table.imQs, tbody.imQ {
	width: 100%;
}
tbody.odd, tbody.odd input.title, tbody.odd select {
	background: #EEEEEE;
}
td.bordered {
	border-bottom: 1px solid gray;
}

div.tooltip {
	display: inline;
}
div.tooltip span {
/*	font-size: smaller; */
	color: #116666;
	border-bottom: 1px dotted #339999;
}
div.tooltip div {
	position: absolute;
	background: white;
	border: 1px solid gray;
	padding: 2px;
	max-width: 400px;
}
div.tooltip div * {
	margin: 0px;
	padding: 0px;
}
div.code {
	font-family: monospace;
	white-space: pre;
}

span.signature {
	font-style: italic;
	font-size: smaller;
	color: #225588;
}
span.imQinfo {
	font-size: small;
	color: #444466;
}
span.title {
	font-size: larger;
	color: #444444;
}
.deselected span.signature { color: #88BBDD; }
.deselected span.imQinfo { color: #AAAACC; }
.deselected span.title { color: #BBBBBB; }
.deselected div.tooltip span { color: #66BBBB; }
.deselected select { color: #AAAAAA; }

/*
 * Screenshots Styles
 */
div#thumbs a {
	display: block;
	height: 110px;
	width: 150px;
	float: left;
	background-image: url('screenshots/thumbs/_background.png');
	padding: 7px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
div#thumbs img {
	border-width: 0px;
}
div#screenshot, div#screenshot div#ssBack, div#screenshot table#ssTable {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
div#screenshot div#ssBack {
	background: black;
}
div#screenshot div#ssCaption {
	margin-top: 3px;
	color: white;
}
div#screenshot div#ssLoading {
	color: white;
	font-size: 20pt;
}


/*
 * Create User Styles
 */
table.newUser {
	border: 1px solid #CCCCCC;
	text-align: right;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 240px;
	width: 310px;
	margin: -120px 0px 0px -155px;
}
input.newUser, select.newUser {
	margin: 2px 2px 2px 2px;
	width: 150px;
}