<!--
/* $Id: layout.css 1363 2010-06-22 07:44:46Z allan $ */
/* This .bodytext class is from the JCG design files, the rest is my own */
/*
.bodytext {
	COLOR: #000000; FONT: 11px/20px Arial, Helvetica, sans-serif; TEXT-DECORATION: none; TEXT-TRANSFORM: none
}
body, td { FONT: 11px Arial, Helvetica, sans-serif }
*/

body, td { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt }
input.button { font-size: 10pt }
input.compact { font-size: 7pt }
body, td, a, a:visited { color: black }
th { font-size: 8pt } /* IE has different size by default */
h2, form { margin-bottom: 0px; margin-top: 0px }
h2 { color: brown; font-size: 18px }
h3       { font-size: 18px }
h4       { margin-bottom: 0px; margin-top: 0px }
h5       { margin-bottom: 0px; margin-top: 0px; font-size: 14pt; position: relative; top: 10px }
.nopadmarg { margin: 0; padding: 0 }

a:link { text-decoration: underline }
a:hover { text-decoration: underline; color: brown }
a:active { text-decoration: underline }
a:visited { text-decoration: underline }
a:visited:hover { text-decoration: underline; color: brown }

hr { position: relative; top: 4px }
img, table { border: 0; border-collapse: collapse }
img.border { border: solid black 1px }
img { vertical-align: middle }

.headline td { background-color: black; color: white }
.headline { font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none }
small { font-size: 7pt; font-weight: normal }

.RightAlign { text-align: right }
.CenterAlign { text-align: center }

td { border: none; padding: 3px; vertical-align: top }
div#overDiv td { border: none; padding: 1px }  /* To remove the thick border from the overlib popup */
div#overDiv table td table td { text-align: left }  /* To prohibit it from inheriting right-alignment from previous elements */

/* MENU (all links made with the function in php_html_layout.php) */
/* td#menu, td#menu td { font-size: 7pt; line-height: 20px } */ /* menu items and text outside the menu table */
td#menu { font-size: 8pt; color: #846B97 }
td#menu table td { font-size: 10px; color: #846B97; text-align: right } /* This a copy of the above and is only for the menu on the Handbook for Speakers & Helpers pages under /info_guestteams (because menu items are within a table). If/when these are made fully dynamic and therefore move this line will not be necessary any longer */
td#menu .menugrp { font-size: 14px; color: #000000; font-weight: bold }
td#menu a:link { text-decoration: none }
/* only good at 800x600+: td#menu table td a:hover { text-decoration: none; font-weight: bold } */
td#menu a:hover { text-decoration: none }
td#menu a:active { text-decoration: none }
td#menu a:visited { text-decoration: none }
/* only good at 800x600+: td#menu table td a:visited:hover { text-decoration: none; font-weight: bold } */
td#menu a:visited:hover { text-decoration: none }

table#structuretable tr { background-color: transparent }
table.grid { background-color: #CCCCCC }
table.grid td { border: solid #D0D0D0 1px }
table.data td { border: solid #332D6D 1px }
table.data2 td { border-top: solid #DACDE8 1px; border-bottom: solid #DACDE8 1px; vertical-align: bottom } /* 'data'-version with facelift! (prev. line color was slategray) */
table.databg tr.header td { background-color: #D9D9D9 }
table.databg td { border: solid #aaaaaa 1px; background-color: #e6e6e6 } /* had to double this one up in order to have border in nested 'data' tables */
table.invisible td       { background-color: transparent; border: none }
table.invisible_small td { background-color: transparent; border: none; padding: 0px }
table.smallletters td { font-size: 7pt }
table.padleftright td { padding-left: 2px; padding-right: 2px }
table.padleftrightmore td { padding-left: 7px; padding-right: 7px }

.dimmed { color: #808080 }
.dimmedsmall, .dimmedsmall a, .dimmedsmall a:visited {
	color: #636F65;
	font-size: xx-small;
}
.label, .label a, .label a:visited, .gridheader, .gridheader a, .gridheader a:hover, .gridlabel { background-color: #453D93; color: white }
.label, .gridlabel { text-align: right }
.content, .gridcontent { background-color: #F5F5F5 }
.desc { background-color: #F5F5F5; color: slategray }
.tablesection, .field_section { background-color: #453D93; color: white; font-size: 9pt; font-weight: bold; vertical-align: middle }
.tablesection a, .field_section a { color: white }
.tablesection a:hover, .field_section a:hover, .tablesection a:visited:hover, .field_section a:visited:hover { color: gainsboro }
.match td { padding: 5px }
.schedavail td { color: seagreen; font-size: 7pt }
.onstandby { color: lightslategray }
.highlight {
	color: #8B0000;
	/*font-variant: small-caps;*/
	font-weight: bold;
}
.table_toplinks {
	padding-bottom: 15px
}
.field_desc {
	color: #2F4F4F;
}
.fielderror_msg { /* form fields that contain error will have error message written next to them with this style */
	color: #8B0000;
}
.fielderror_bg {
	/* form fields that contain error in value will be marked with this style */
/*	background-color: #FFCFC9;*/
}

td.filterindicator {
	padding-left: 10px;
	vertical-align: middle;
}
td.filterindicator div {
	padding: 1px 4px 1px 4px;
	background-color:#ffff6c;
	border: solid #e7ea73 1px;
}

.manage_checkbox { background-color: indianred }
.quest_checkbox { background-color: greenyellow }

a.colorchg:hover { text-decoration: none; color: black }
a.colorchg:visited:hover { text-decoration: none; color: black }

a.biglink { font-size: 13pt; font-weight: bold; text-decoration: none }
a.biglink:hover { text-decoration: none }
a.biglink:visited { text-decoration: none }

/* popup menu next to mouse position - belongs to popup_menu_prepare() and popup_menu() */
#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 8pt Tahoma, Arial, Helvetica, sans-serif;
line-height: 16px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
padding-right: 2px;
color: black;
display: block;
border-bottom: solid gainsboro 1px;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #DCDCDC;
}

.popup_calendar td, .grid .popup_calendar td {
	/* nullify inherited attibutes */
	border: none;
	background-color: transparent;
}

.breadcrumbs { padding-bottom: 7px; font-size: 9pt }
.breadcrumbs, .breadcrumbs a { color: dimgray; text-decoration: none }
.breadcrumbs span.endpoint { font-weight: bold }
-->