@charset "utf-8";
/*.......................................................................................
Copyright 2011. Football Swami.
..........................................................................................*/

/* ********* */
/* CSS RESET */
/* ********* */

html, body, div, span, applet, object, iframe, img, h1, h2, h3, h4, h5, h6, p
  {
	  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
  }

/* ********************** */
/* --GLOBAL PAGE STYLES-- */
/* ********************** */

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; text-align: center; }
html, body { height: 100%!important; position: relative; }
table, caption { color: inherit;  /* I don't think IE inherits color! */
                 font-size: 1em;
                 font-style: inherit;
                 font-variant: inherit;
                 font-weight: inherit;
                 line-height: inherit;
                 text-decoration: inherit;
                 white-space: inherit; }

h1 { clear: left; font-family: Arial, Helvetica, sans-serif; color: #900; font-size: 20px; line-height: 30px; }
h2 { clear: left; font-family: Arial, Helvetica, sans-serif; color: #900; font-size: 18px; line-height: 26px; }
h3 { clear: left; font-family: Arial, Helvetica, sans-serif; color: #900; font-size: 14px; line-height: 22px; }
h4 { clear: left; font-family: Arial, Helvetica, sans-serif; color: #900; font-size: 12px; line-height: 18px; }
h5 { clear: left; font-family: Arial, Helvetica, sans-serif; color: #900; font-size: 10px; line-height: 14px; }
h6 { clear: left; font-family: Arial, Helvetica, sans-serif; color: #900; font-size:  9px; line-height: 13px; }

p { }
/* original
a,  a:link { color: #0000dd; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { color: #0000dd; text-decoration: underline; }
a:focus { color: #0000dd; }
*/

div.clear { clear: both; }

/* ************************** */
/* GENERIC CLASSES - DEFAULTS */
/* ************************** */

/* input.textBox           { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; height: 20px; line-height: 16px; letter-spacing:0px; text-decoration: none; } */
/* select.dropDown         { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; height: 20px; line-height: 16px; letter-spacing:0px; cursor: pointer; } */
/* span.label              { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; height: 20px; line-height: 16px; letter-spacing:0px; cursor: pointer; } */
input.button            { border: solid 1px #bbb; background: #ddd; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; height: 18px; line-height: 18px; cursor: pointer; width: 75px; height: 20px; text-transform: capitalize; }
input.button:hover      { background: #900; color: #fff; }
input.tinyButton        { border: solid 1px #bbb; background: #ddd; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: normal; cursor: pointer; width: 38px; height: 14px; text-transform: lowercase; letter-spacing: 1px; }
input.tinyButton:hover  { background: #900; color: #fff; }

a.headlineLink1         { font-family: Arial, Helvetica, sans-serif; color: #31319C; font-size: 20px; font-weight: bold; line-height: 26px; text-decoration: none; }
a.headlineLink2         { font-family: Arial, Helvetica, sans-serif; color: #31319C; font-size: 16px; font-weight: bold; line-height: 22px; text-decoration: none; }
a.headlineLink3         { font-family: Arial, Helvetica, sans-serif; color: #31319C; font-size: 12px; font-weight: bold; line-height: 18px; text-decoration: none; }
a.headlineLink4         { font-family: Arial, Helvetica, sans-serif; color: #31319C; font-size:  8px; font-weight: bold; line-height: 14px; text-decoration: none; }
a.link                  { text-decoration: none; color: #31319C; }
a.selectedLink          { text-decoration: none; color: #ffffff; }
a.altLink               { text-decoration: none; color: #900000; }
/* a.altLink               { font-family: Arial, Helvetica, sans-serif; color: #900000; font-size: 12px; font-weight: normal; line-height: 16px; text-decoration: none; } */
a:hover.link, a:hover.selectedLink, a:hover.altLink, a:hover.headlineLink1, a:hover.headlineLink2, a:hover.headlineLink3, a:hover.headlineLink4
                        { text-decoration: underline; }

.alert                  { color: #900; text-decoration: none; }
.altAlert               { color: #900; text-decoration: none; background: #fff; font-weight: bold; }
.altRow                 { background: #eeeeee; }
.selected               { color: #ffffff; background:#900; } /* for header 3399ff */
.hidden                 { display:none; visibility:hidden; }
.good                   { background: #007700; color: #fff; font-weight: bold; text-decoration: none; }
.bad                    { background: #900000; color: #fff; font-weight: bold; text-decoration: none; }

/* ******************* */
/* TABLE BASED CLASSES */
/* ******************* */
/* note to self: must include the button and tinybutton because of specificity rules even though they are the same throughout */

table.default                  { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; color: #000000; }
table.default tr.majorHeader   { font-weight: bold; font-size: 14px; color: #900; line-height: 35px; }
table.default tr.header        { font-weight: bold; height: 25px; }
table.default tr.altRow        { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; color: #000000; background: #eeeeee; }
table.default input.textBox    { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; height: 22px; line-height: 18px; letter-spacing:0px; text-decoration: none; }
table.default textarea.textBox { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 18px; letter-spacing:0px; text-decoration: none; }
table.default select.dropDown  { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; height: 22px; line-height: 18px; letter-spacing:0px; cursor: pointer; }
table.default span.label       { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }

table.form                     { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }
table.form tr.majorHeader      { font-weight: bold; font-size: 14px; color: #900; line-height: 35px; }
table.list tr.minorHeader      { font-weight: bold; font-size: 13px; color: #900; line-height: 30px; }
table.form input.textBox       { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 22px; line-height: 18px; letter-spacing:0px; text-decoration: none; }
table.form textarea.textBox    { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 18px; letter-spacing:0px; text-decoration: none; }
table.form select.dropDown     { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 22px; line-height: 18px; letter-spacing:0px; cursor: pointer; }
table.form span.deafult        { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }
table.form tr                  { font-size: 12px; line-height: 18px; color: #000; height: 28px; }
table.form tr td:first-child   { width: 150px!important; overflow: hidden; } /* this works in most browsers, except IE - the followin line provided for IE 8 and less */
table.form tr .labelColumn     { width: 150px!important; overflow: hidden; } /* specifically for IE 8 and less */

table.list                     { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; font-weight: normal; color: #000000; }
table.list tr.majorHeader      { font-weight: bold; font-size: 14px; color: #900; line-height: 35px; }
table.list tr.header           { font-weight: bold; height: 25px; }
table.list tr.altHeader        { font-weight: bold; height: 18px; background: #c0dbff; text-transform: lowercase; }
table.list tr.modHeader        { font-weight: bold; height: 18px; background: #420505; text-transform: lowercase; color: #ffffff; }
table.list input.textBox       { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; height: 19px; line-height: 16px; letter-spacing:0px; text-decoration: none; }
table.list textarea.textBox    { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 16px; letter-spacing:0px; text-decoration: none; }
table.list select.dropDown     { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; height: 19px; line-height: 16px; letter-spacing:0px; cursor: pointer; }
table.list span.label          { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; }

table.header                   { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; color: #ffffff; }
table.header input.textBox     { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; height: 20px; line-height: 16px; letter-spacing: 0px; text-decoration: none; }
table.header textarea.textBox  { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 16px; letter-spacing: 0px; text-decoration: none; }
table.header select.dropDown   { border: solid 1px #ccc; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; height: 20px; line-height: 16px; letter-spacing: 0px; cursor: pointer; }
table.header .info             { font-size: 9px; font-weight: normal; line-height: 14px; overflow: hidden; color: #000; background: #DDDFFF; }

/* ************************************ */
/* *********** PAGE LAYOUTS *********** */
/* ************************************ */

.page { margin: 10px; background: #fff; }
.page p { margin-bottom: 10px; }
.popup { margin: 10px; }

#outerWrapper { min-height: 100%!important; position: relative; margin: 0 auto; text-align: left; width: 960px!important; background: #fff; z-index: 0; }
* html #outerWrapper { height: 100%; }

#popupWrapper { min-height: 100%!important; position: relative; margin: 0 0 0 0; text-align: left; background: #fff; z-index: 0; }
* html #popupWrapper { height: 100%!important; }

.picture { background: #003366; border-color: #003366; border-style: solid; border-width: 3px;
           font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 10px; line-height: 14px; text-decoration: none; }