/* 
Main stylesheet for Conductor applications
Copyright 2005-2006 iCopyright, Inc. All rights reserved.

Four basic colors:
  000000
  003366
  336699
  6699CC
*/

/* 
General
*/
body {
	background-color: #FFFFFF;
	margin: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a {
	text-decoration: none;
	color: #336699;
}

a:hover {
	color: #003366;
}

img {
	border: 0;
}

h1 {
	font-size: 150%;
	color: #6699CC;
	font-style: italic;
	margin-top: 0;
}

h2 {
	font-size: 130%;
	color: #6699CC;
	font-style: italic;
}

h3 {
	font-size: 110%;
	color: #6699CC;
	font-style: italic;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
	margin: 0;
}

table td {
	padding: 0;
	border-width: 0;
	vertical-align: top;
}

table tr.even {
	background-color: #F1F1F1;
}

table tr.odd {
	background-color: #E4E4E4;
}

table tr.prominent td {
	font-weight: bold;
}

/*
Container
*/
div#container {
	width: 95%;
	margin: 0 auto 0 auto;
}

div#container table {
	width: 100%;
}

/*
Title
*/
td#title {
	color: #6699CC;
	margin: 0 auto 0 auto;
	text-align: left;
}

td#title h1 {
	text-align: right;
	margin: 0;
	border-bottom: none;
}

td#title h2 {
	text-align: right;
	margin: 0;
}

td#title div#account-links {
	margin-top: 5px;
	text-align: right;
}

td#title img {
	float: left;
	text-align: right;
}

/*
Nav
*/
td#nav {
	width: 150px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
}

td#nav h1 {
	margin-top: 0;
	text-align: left;
	font-size: 130%;
}

td#nav div.menu {
	text-align: left;
}

td#nav div.menu a {
	padding-left: 10px;
	font-style: italic;
	font-weight: bold;
	display: block;
}

td#nav div.menu a.selected {
	color: #000000;
	border-bottom: 1px solid #003366;
	border-left: 5px solid #003366;
	padding-left: 5px;
}

/*
Top nav
*/
td#topnav {
	text-align: center;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

td#topnav p {
	margin-top: 3px;
	margin-bottom: 3px;
}

td#topnav a {
	font-style: italic;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

td#topnav a.selected {
	color: #003366;
}

/*
Content
*/
td#content {
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
}

div#appendedphotos {
	float: left;
	margin: 1em 0 1em 0;
}

div#appendedphotos img {
	margin: 0;
	border: 0;
}

div#appendedphotos p {
	font-size: 90%;
	margin: 0.75em 0 0 0;
}

/*
Footer
*/
td#footer {
	clear: both;
	margin-top: 1em;
	color: #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 70%;
	text-align: right;
}

/* 
Data Table
*/
table.data th {
	text-align: left;
}

table.data td {
	padding-right: 0.5em;
}

table.data td.numeric {
	text-align: right;
}

table.data th.numeric {
	text-align: right;
}

table.data td.text {
	text-align: left;
}

table.data th.text {
	text-align: left;
}

/* 
Field Table
*/
table.field td.attribute {
	text-align: right;
	padding-right: 1em;
	border-right: 1px solid #AAAAAA;
	width: 33%;
}

table.field td.value {
	padding-left: 1em;
}

table.field tr.even td.attribute input {
	text-align: right;
	border: 0;
	width: 100%;
	background-color: #F1F1F1;
	color: #FF5000;
}

table.field tr.even td.value input {
	border: 0;
	width: 100%;
	background-color: #F1F1F1;
	color: #FF5000;
}

table.field tr.odd td.attribute input {
	text-align: right;
	border: 0;
	width: 100%;
	background-color: #E4E4E4;
	color: #FF5000;
}

table.field tr.odd td.value input {
	border: 0;
	width: 100%;
	background-color: #E4E4E4;
	color: #FF5000;
}

table.field th.attribute {
	text-align: right;
	padding-right: 1em;
}

table.field th.value {
	text-align: left;
	padding-left: 1em;
}

/* begin hacks for IE6 only */
* html table.field tr.even td.value input,
	* html table.field tr.odd td.value input {
	padding-left: 1em;
}

/* end hacks for IE6 only */

table.field th.attribute span.editdescrip {
	color: #FF5000;
}

table.field th.value span.editdescrip {
	color: #FF5000;
}

table.field td.keyword {
	padding-left: 1em;
	font-family: monospace;
	font-size: large;
}

/* 
Help Table
*/
table.help td {
	font-size: 120%;
}

table.help td.attribute {
	text-align: right;
	padding-right: 1em;
	font-weight: bold;
	border-right: 1px solid #AAAAAA;
	width: 33%;
}

table.help td.value {
	padding-left: 1em;
}

/* 
Form Table
*/
table.form td {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-right: 1px;
}

table.form td.label {
	width: 40%;
	text-align: right;
	font-weight: bold;
}

table.form tr.info td p {
	background: #E8E8E8;
	padding-top: .5em;
	padding-left: 2em;
	padding-bottom: .5em;
	padding-right: 2em;
}

table.form tr.required td.label {
}

table.form p.error {
	margin: 0;
}

table.form td.annot {
	font-size: smaller;
}

/* 
Error div
*/
div.error h1 {
	color: #FF0000;
}

div.error h2 {
	color: #CC0000;
}

div.error p {
	color: #000000;
}

/*
Message div
*/
div#response-info {
	border: 2px solid #669900;
}

div#response-info p, div#response-info ul {
	margin: 0.5em 0 1em 0;
	color: #669900;
	font-weight: bold;
}

/*
Error div
*/
div#response-error {
	border: 2px solid #CC0033;
}

div#response-error p, div#response-error ul {
	margin: 0.5em 0 1em 0;
	color: #CC0033;
	font-weight: bold;
}

/*
Command div
*/
.command {
	font-weight: bold;
	padding-top: 5px;
}

.command a {
	background-image: url( ../images/commandlink.gif );
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 2px;
}

.command a:hover {
	background-image: url( ../images/commandlink_hover.gif );
}

/*
Pagination
*/
#paging-bar {
	margin-top: 1em;
	text-align: center;
}

#page-cursor, .page-number {
	display: inline;
}

.page-number {
	font: bold 10pt Arial;
	border: 1px solid #ccc;
	padding: 4px 5px;
	margin: 1px;
	text-decoration: none;
	color: #003366;
}

.page-number:hover, .page-number a:hover {
	background-color: #003366;
	color: #FFFFFF;
}

#page-cursor {
	margin: .25em 1em;
}

#page-current {
	background-color: #003366;
	color: #FFFFFF;
}

/*
Wait div
*/
div#wait {
	text-align: center;
}

div#wait h1 {
	padding-top: 3em;
}

/* 
Generic styles
*/
p.instructions {
	font-size: 1.2em;
	padding: .5em 1em 0 .5em;
}

p.aside {
	font-size: 0.8em;
}

p.furtherdescription {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 0.8em;
}

input.sample {
	color: #CCC;
	font-style: italic;
}

.error {
	color: #FF0000;
}

.mceContentBody {
	background-image: none;
	background-color: #FFFFFF;
}
