/* Style rules which are not specific to any particular WAR file. */

/* Text is sized in em to allow resizing in IE6 & IE7.  By setting the main
 * font size to 100%, we set the 1em = 16px.  (Pt is not used,
 * because it is defined inconsistently between OSes;  percent is not used
 * because it scales oddly.)
 *
 * Borders and margins may be sized in px, ex or em. 
 *
 * Typical sizes (note that em are relative to the container's size):
 *
 * 1.125em  = 18px
 * 1em      = 16px
 * 0.875em  = 14px
 * 0.75em   = 12px
 * 0.5625em =  9px 
 *
 * See:  http://www.alistapart.com/articles/howtosizetextincss/
 *       http://www.w3.org/TR/CSS21/syndata.html#length-units
 */


html {
  font-size: 100%;
}

body {
  margin: 0;
  background-color: white;

  color: black;
  font-family: Arial,Helvetica,sans-serif;
}

/* -------- Navigational font sizes ----- */

.tab, 
.tab-selected,
.header-item,
.header-search {
  font-size: 0.75em;
}

/* -------- Text and paragraphs --------- */



p, .text-block, dd {
  font-size:   1.25em;
  line-height: 1.5em;
}

/* Don't double-apply font sizing rules. */
.text-block p, 
.text-block dd,
dd p {
  font-size: 1em;
}

.callout p,       /* Don't apply font sizing rules (include all such classes here) */
.callout .text-block {
  font-size: 1em;
  line-height: 1.125em;
}

div.main-text {
  padding: 0 1em 1em 1em;
  font-size: 0.75em;
}

h1, h2, h3, h4, h5, h6 {
  display: block;
  font-weight: bold;
}

h1 {
  font-size: 1.3em;
  letter-spacing: 0.25ex;
  margin: .5em 0 0.5em;
  color: #222;
}

h2 {
  font-size: 1.25em;
  line-height: 1.5em;
  margin: 1.25em 0 0;
  letter-spacing: 0.2ex;
}

h3, h4, h5, h6 {
  font-size: 1em;
  margin: .2em .5em 0;
  letter-spacing: 0.125ex;
  line-height: 1.5em;
}

img {
  border-width: 0;
}

img.logo { 
  width: 249px;
  height: 45px;
}

/* These rules are needed for tabs, and it is hard to 
 * be more specific with IE.
 */
table, th, tr, td
{
  border-width: 0;
  margin: 0;
  padding:  0;
}

form {
  margin: 0;
  padding: 0;
}

/* -------- Header and footer ----------- */

div.top-login {
  margin: 0 110px 0 0  ! important; /* IE ignores important */
  margin: 0 55px 0 0; /* IE double-counts horizontal margins */
  padding: 1px;
  float: right;
  text-align: right;
}
div.top-login a:hover {
  background-color: #E0E0FF;
}

span.footer-line {
  padding: 1em;
  white-space: nowrap;
}

div.footer {
  text-align: center;
  color: black;
  font-family: sans-serif;
  font-size: small;
  font-style: italic;
  font-weight: normal;
  text-align: center;
  vertical-align: bottom;
}


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


a:link {
  color: #003893;
  text-decoration: none;
  font-weight: bold;
}

a:visited {
  color: #003893;
  text-decoration: none;
  font-weight: bold;
}

a:hover, a:focus {
  color: grey;
  text-decoration: underline;
  font-weight: bold;
}

a:active {
  color: grey;
  text-decoration: underline;
  font-weight: bold;
}


/* -------- Lists --------- */

dt {
  font-weight: bold;
  margin-top: 1em;
}

/* -------- Blockquotes --------- */

blockquote {
  display: block;
  margin: 1em 40px;  /* Mozilla's default */
  text-align: justify;
}

blockquote cite {
  display: block;
  font-style: italic;
  margin-right: 1em;
  text-align: right;
}
blockquote cite:first-line {
  font-weight: bolder;
}

/* -------- Survey pages ----------- */

li.currentstep {
  font-weight: bold;
}

/* -------- Panelist pages --------- */

table.signup th {
  vertical-align: text-top;
  text-align: right;
}

table.signup label {
  display: block;
  padding: 3px;
}

div.option-box {
  border: 1px inset blue;
}

th.panelist-info {
  text-align: right;
  width: 15em;
}

tr.stripe th.panelist-info {
  background-color: #e8f8ff;
}

/* -------- Striped Tables --------- */

table.striped {
  border: 1.25px solid #666666;
  border-collapse: collapse;
}

table.striped thead tr th, 
table.striped thead tr td  {
  background-color: white;
  color: black;
  padding: 1px 5px;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

table.striped tfoot tr th,
table.striped tfoot tr td  {
  background-color: white;
  color: black;
  padding: 1px 5px;
  border-left: 1px solid #666666;
  border-top: 1px solid #666666;
  font-size: smaller;
}

table.striped tbody tr td {
  padding: 0px 1px;
  border-left: 1px solid #ddd;
}

table.striped tbody tr.stripe td,
table.striped tbody tr td.stripe, 
table.striped tbody tr.stripe th,
table.striped tbody tr th.stripe {
  background-color: #ddd;
}


table.striped tbody tr.stripe th.plain,
table.striped tbody tr.stripe td.plain {
    color: black;
    background-color: white;
}

table.striped tbody tr.selected td {
  background-color: yellow;
  color: black;
  font-weight: bold;
  border-left: 1px dotted white;
  border-bottom: 1px solid #dddd00;
}

table.striped tbody tr.active {
    border: 2px solid black;
}

table.striped tbody tr.active td {
  background-color: white;
  color: black;
  font-weight: bold;
  border: 1px solid black;
}

/* -------- Callouts and Sidebars --------- */

div.callout, blockquote.callout
{
  margin: 0;
  padding: 0 1em 1em 1em;
  text-align: right;
  color: black;
  font-family: sans-serif;
  font-weight: normal;
  border: none;
}

div.sidebar { 
  margin: 0;
  padding: 0 1em 1em 1em;
  text-align: left;
  color: black;
  font-family: sans-serif;
  font-weight: normal;
  border: none;
}

div.sidebar h1, 
div.sidebar h2, 
div.sidebar h3, 
div.sidebar h4, 
div.sidebar h5, 
div.sidebar h6
{
  text-align: center;
}

div.sidebar h1 {
  font-size: 1.3em;
}

div.sidebar h2 {
  font-size: 1em;
}

blockquote.callout cite {
  font-size: smaller;
}

table.callout, table.sidebar {
  float: right;
  clear: right;
  margin: 1em;
  margin-right: 1px;
  padding: 0.25em;
  table-layout: fixed;
}

table.callout {
  width: 17em;
}

table.sidebar { 
  width: 50%;
}

table.callout td.top-under-shadow,
table.sidebar td.top-under-shadow
 {
  background-color: #e0e0ff;
  border-left: 1px solid #393939;
  border-right: 1px solid #393939;
  border-bottom: none;
}

td.callout, td.sidebar {
  background: #e0e0ff;
  border: 1px solid #393939;
  border-top: none;
}

.calloutbig
{
  color: navy;
  font-size: xx-large;
  font-weight: bolder;
}

.calloutbold
{
  font-weight: bold;
}
.bigbold
{
	font-size: x-large;
	font-weight: bold;
padding: 0px 2px 0px 2px;
}

/* -------- Margin Shadows --------- */

/* Note that these are closely related to tabs. */

table.tabs {
  width: 100%;
}

col.shadow-margin {
  width: 12px;
  margin: 0;
  padding: 0;
}

td.tab-content { 
  border-left: 1px solid #393939;
  border-right: 1px solid #393939;
  border-bottom: 1px solid #393939;
  background-color: white;
  padding: 1px;
  margin: 0;
}



/* --- Top --- */

td.top-under-tabs {
  background-color:white;
  border-left: 1px solid #393939;
  border-right: 1px solid #393939;
}

/* Top right shadow when no tabs;  complement of tab-pad-end. */
td.top-right-pad {
  width: 5px;
  background: transparent url(images/shadow-top-right-pad.png) no-repeat bottom right;
  border-bottom: 1px solid #393939;
}
td.top-right-pad img.spacer {
  width: 5px;
}


td.top-left-corner {
  background: transparent no-repeat bottom right;
  background-image: url(images/shadow-top-left-corner.png) ! important;
  background-image: none; /* IE ignores important */
}
td.tab-content td.top-left-corner { /* WinIE:  use default rules on inner tabs. */
  background-image: url(images/shadow-top-left-corner.png);
}

/* Blend from top-left-corner to left-margin. */
td.left-margin-top {
  background: transparent no-repeat top right;
  background-image: url(images/shadow-left-margin-top.png) ! important;
  height: 12px ! important;
  height: 18px; /* IE ignores important */
  background-image: url(images/shadow-left-margin-top.gif); /* IE ignores important */
}
td.tab-content td.left-margin-top { /* IE:  use default rules on inner tabs. */
  background-image: url(images/shadow-left-margin-top.png);
  height: 12px;
}

td.top-right-corner {
  background: transparent no-repeat bottom left;
  background-image: url(images/shadow-top-right-corner.png) ! important;
  background-image: none; /* For IE */
}
td.tab-content td.top-right-corner { /* IE:  use default rules on inner tabs. */
  background-image: url(images/shadow-top-right-corner.png);
}

/* Blend from top-right-corner to right-margin. */
td.right-margin-top {
  background: transparent no-repeat top left;
  background-image: url(images/shadow-right-margin-top.png) ! important;
  height: 12px ! important;
  height: 18px; /* For IE */
  background-image: url(images/shadow-right-margin-top.gif); /* For IE */
}
td.tab-content td.right-margin-top { /* IE:  use default rules on inner tabs. */
  background-image: url(images/shadow-right-margin-top.png);
  height: 12px;
}


/* --- Center --- */

td.left-margin {
  width: 12px;
  height: 100%;
  vertical-align: top;
  background: transparent repeat-y right;
  background-image: url(images/shadow-left.png) ! important;
  background-image: url(images/shadow-left.gif); /* For IE */
}
td.tab-content td.left-margin { /* IE:  use default rules on inner tabs. */
  background-image: url(images/shadow-left.png);
}
td.left-margin img.spacer {
  width: 12px;
  height: 100%;
}

td.right-margin { 
  background: transparent repeat-y left;
  background-image: url(images/shadow-right.png) ! important;
  background-image: url(images/shadow-right.gif); /* for IE */
}
td.tab-content td.right-margin { /* IE:  use default rules on inner tabs. */
  background-image: url(images/shadow-right.png);
}

/* --- Bottom --- */

td.left-margin-bottom {
  height:12px;
  background: transparent no-repeat top right;
  background-image: url(images/shadow-left-margin-bottom.png) ! important;
  background-image: url(images/shadow-left-margin-bottom.gif); /* For IE */
}
td.tab-content td.left-margin-bottom { /* IE:  use default rules on inner tabs. */
  background-image: url(images/shadow-left-margin-bottom.png);
}
td.left-margin-bottom img.spacer {
  height:12px;
  width: 9px;
}


td.bottom-left-corner img.spacer, 
td.bottom-margin-left img.spacer, 
td.bottom-margin img.spacer, 
td.bottom-margin-right img.spacer, 
td.bottom-right-corner img.spacer 
{
  height:12px;
}

td.bottom-left-corner {
  background: transparent no-repeat top right;
  background-image: url(images/shadow-bottom-left.png) !important;
  background-image: url(images/shadow-bottom-left.gif); /* For IE */
}
td.tab-content td.bottom-left-corner { /* IE:  use default rules on inner tabs. */
  background-image: url(images/shadow-bottom-left.png);
}

td.bottom-margin-left {
  width: 9px;
  background: transparent no-repeat top right;
  background-image: url(images/shadow-bottom-margin-left.png) !important;
  background-image: url(images/shadow-bottom-margin-left.gif); /* For IE */
}
td.tab-content td.bottom-margin-left { /* IE:  use default rules on inner tabs. */
  background-image: url(images/shadow-bottom-margin-left.png);
}
td.bottom-margin-left img.spacer {
  width: 9px;
}

td.bottom-margin {
  background: transparent repeat-x top;
  background-image: url(images/shadow-bottom.png) !important;
  background-image: url(images/shadow-bottom.gif); /* For IE */
}
td.tab-content td.bottom-margin { /* IE:  use default rules on inner tabs. */
  background-image: url(images/shadow-bottom.png);
}


td.bottom-margin-right {
  width: 9px;
  background: transparent no-repeat top left;
  background-image: url(images/shadow-bottom-margin-right.png) !important;
  background-image: url(images/shadow-bottom-margin-right.gif); /* For IE */
}
td.tab-content td.bottom-margin-right { /* IE:  use default rules on inner tabs. */
  background-image: url(images/shadow-bottom-margin-right.png);
}
td.bottom-margin-right img.spacer {
  width: 9px;
}

td.bottom-right-corner {
  background: transparent url(images/shadow-bottom-right.png) no-repeat top left;
  background-image: url(images/shadow-bottom-right.png) !important;
  background-image: url(images/shadow-bottom-right.gif); /* For IE */
}
td.tab-content td.bottom-right-corner { /* IE:  use default rules on inner tabs. */
  background-image: url(images/shadow-bottom-right.png);
}


/* -------- Tabs ------------ */

/* =============================================================
 * Tab Bar Nomenclature
 * =============================================================
 *
 * This is the naming convention used for classes and images.
 * 
 * The bar starts with "tab-start" (unselected) or "tab-start-a"
 * and "tab-start-b" (selected).
 *
 * In the middle, the tab start/end pairs are named by the tab
 * they start.  Thus a selected tab followed by an unselected tab
 * consists of:
 *
 *   - "tab-selected-a" (end of unselected tab)
 *
 *   - "tab-selected-b" (start of selected tab)
 *   - "tab-selected"   (body of selected tab)
 *   - "tab-a"          (ends selected tab)
 *
 *   - "tab-b"          (start of unselected tab)
 *   - "tab"            (body of unselected tab)
 *   - "tab-between"    (end and start of unselected tabs)
 *
 * The bar ends with "tab-end" (terminating an unselected tab) 
 * or "tab-end-a" and "tab-end-b" (terminating a selected tab).
 * The whole thing ends with "tab-pad" and "tab-pad-end" for
 * the long top shadow and then the subtle gradation to the
 * end shadow color.  (Subtle="I'm the only one who will ever 
 * see it.")
 *
 * The a,b goofiness lines up the bottom border with the image.
 * Images are in the background to make it easier to modify or
 * override them.
 *  
 * ============================================================= 
 */


/* Unselected areas */
td.tab-start, td.tab-start-a, 
td.tab-selected-a, td.tab, td.tab-b, td.tab-between,
td.tab-end, td.tab-end-b
{
   height: 35px;
   border-bottom: 1px solid #393939;
}

td.tab-pad,
td.tab-pad-end
 {
  height: 5px;
  border-bottom: 1px solid #393939;
}

/* Selected areas */
td.tab-start-b, 
td.tab-selected-b, td.tab-selected, td.tab-a,
td.tab-end-a
{
  height: 35px;
  border-bottom: 1px solid white;
}


/* --- Tab start  --- */

td.tab-start {
  background-image: url(images/tab-start.png) !important ;
  background-image: url(images/tab-start.gif); /* IE ignores important */
}
td.tab-content td.tab-start { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-start.png);
}
td.tab-start img.spacer {
  width: 31px;  /* For IE, not sure why this works. */
}

td.tab-start-a {
  background-position: bottom right;
  background-repeat: no-repeat;
  background-image: url(images/tab-start-a.png) !important ;
  background-image: none; /* IE ignores important */
}
td.tab-content td.tab-start-a { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-start-a.png);
}
td.tab-start-a img.spacer {
  width: 15px;
}

td.tab-start-b {
  background-image: url(images/tab-start-b.png) !important ;
  background-image: url(images/tab-start-b.gif); /* IE ignores important */
}
td.tab-content td.tab-start-b { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-start-b.png);
}
td.tab-start-b img.spacer {
  width: 17px;
}

/* --- Tab bodies  --- */

td.tab, td.tab-selected {
  vertical-align: bottom;
  line-height: 170%; /* Safari doesn't use image in cell padding */
  white-space: nowrap;

  background-color: transparent;
  background-repeat: repeat-x;
  background-attachment: scroll;
}

td.tab {
  background-image: url(images/tab.png) ! important;
  background-image: url(images/tab.gif); /* for IE; everyone else takes 'important' */
}
td.tab-content td.tab { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab.png);
}

td.tab-selected {
  background-image: url(images/tab-selected.png) ! important;
  background-image: url(images/tab-selected.gif); /* for IE; everyone else takes 'important' */
}
td.tab-content td.tab-selected { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-selected.png);
}

/* --- Between tabs --- */

td.tab-selected-a {
  background-image: url(images/tab-selected-a.png) !important ;
  background-image: url(images/tab-selected-a.gif); /* IE ignores important */
}
td.tab-content td.tab-selected-a { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-selected-a.png);
}
td.tab-selected-a img.spacer {
  width: 16px;
}

td.tab-selected-b {
  background-image: url(images/tab-selected-b.png) !important ;
  background-image: url(images/tab-selected-b.gif); /* IE ignores important */
}
td.tab-content td.tab-selected-b { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-selected-b.png);
}
td.tab-selected-b img.spacer {
  width: 16px;
}

td.tab-a {
  background-image: url(images/tab-a.png) !important ;
  background-image: url(images/tab-a.gif); /* IE ignores important */
}
td.tab-content td.tab-a { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-a.png);
}
td.tab-a img.spacer {
  width: 16px;
}

td.tab-b {
  background-image: url(images/tab-b.png) !important ;
  background-image: url(images/tab-b.gif); /* IE ignores important */
}
td.tab-content td.tab-b { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-b.png);
}
td.tab-b img.spacer {
  width: 16px;
}

td.tab-between {
  background-image: url(images/tab-between.png) !important ;
  background-image: url(images/tab-between.gif); /* IE ignores important */
}
td.tab-content td.tab-between { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-between.png);
}
td.tab-between img.spacer {
  width: 31px;
}

/* --- Tab bar end --- */

td.tab-end {
  background-image: url(images/tab-end.png) !important ;
  background-image: url(images/tab-end.gif); /* IE ignores important */
}
td.tab-content td.tab-end { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-end.png);
}

td.tab-end img.spacer {
  width: 22px;
}

td.tab-end-a {
  background-image: url(images/tab-end-a.png) !important ;
  background-image: url(images/tab-end-a.gif); /* IE ignores important */
}
td.tab-content td.tab-end-a { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-end-a.png);
}

td.tab-end-a img.spacer {
  width: 16px;
}

td.tab-end-b {
  background: transparent no-repeat bottom left;
  background-repeat: no-repeat;
  background-image: url(images/tab-end-b.png) !important ;
  background-image: none; /* IE ignores important */
}
td.tab-content td.tab-end-b { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-end-b.png);
}
td.tab-end-b img.spacer {
  width: 9px;
}


td.tab-pad {
  width: 100%;
  background: transparent repeat-x bottom;
  background-image: url(images/tab-pad.png) !important ;
  background-image: none; /* IE ignores important */
}
td.tab-content td.tab-pad { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-pad.png);
}


td.tab-pad-end {
  width: 5px;
  background: transparent no-repeat bottom left;
  background-image: url(images/tab-pad-end.png) !important ;
  background-image: none; /* IE ignores important */
}
td.tab-content td.tab-pad-end { /* IE:  use default rules on inner tabs. */
  background-image: url(images/tab-pad-end.png);
}
td.tab-pad-end img.spacer {
  width: 5px;
}

div.for-home-page
{
	padding: 0px 0px 15px 0px;
	min-height: 90px;
	text-transform: inherit;
}

td.table-pad { padding: 0px 5px 0px 5px; }

/* --- Styles used in the tour slideshow --- */

.tourtitle
{
	font-size: x-large;
	font-weight: bold;
}

.tourmain
{
	vertical-align: top;
	padding: 15px;
}

.tournav
{
	vertical-align: top;
	font-size: small;
	text-align: right;
}

.tournav a { text-decoration: none; }

.tourbutton { text-align: right; }

.maintools
{
	vertical-align: top;
	padding: 5px;
}