/****************************************
*  Site specific css definitions
****************************************/

html, body {
  background-color: #98C2E4;
  background-image: url(/fnitools/images/background.gif);
  background-repeat: repeat-x;
  background-position: top left;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000; 
}

table {
  border-collapse: collapse;
}

td {
  text-align: left;
  vertical-align: top;
}

td.page {
  width: 940px;
}

table.page {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  vertical-align: top;
}

td.shim {
  height: 22px;
}

td.head {
  background-image: url(/fnitools/images/head_middle.gif);
  background-repeat: repeat-x;
  background-position: top left;
  height: 133px;
}

td.head-left {
  width: 26px;
}

td.head-logo {
  width: 239px;
}

td.head-middle {
  width: 13px;
}

td.head-right {
  width: 39px;
}

td.head-top-drop {
  height: 26px;
  text-align: right;
  vertical-align: bottom;
}

td.head-top-title {
  vertical-align: middle;
}

td.main {
  background-color: #FFFFFF;
}

td.main-left {
  background-image: url(/fnitools/images/main_left.gif);
  background-repeat: repeat-y;
  background-position: top left;
  width: 39px;
}

td.main-right {
  background-image: url(/fnitools/images/main_right.gif);
  background-repeat: repeat-y;
  background-position: top left;
  width: 26px;
}

td.main-top {
  background-image: url(/fnitools/images/main_top_middle.gif);
  background-repeat: repeat-x;
  background-position: top left;
  height: 14px;
}

td.main-middle {
  background-color: #FFFFFF;
}

td.main-bottom {
  background-image: url(/fnitools/images/main_bottom_middle.gif);
  background-repeat: repeat-x;
  background-position: top left;
  height: 39px;
}

td.tips {
  background-color: #009CCD;
  width: 256px;
}

td.tips-head {
  background-color: #007BBD;
  background-image: url(/fnitools/images/tips_top_right.gif);
  background-repeat: repeat-y;
  background-position: top right;
  height: 71px;
}

td.tips-icon {
  background-image: url(/fnitools/images/tips_icon_background.gif);
  background-repeat: repeat-x;
  background-position: top left;
  height: 83px;
}

td.tips-middle {
}

td.tips-foot {
  background-color: #007BBD;
  background-image: url(/fnitools/images/tips_bottom_middle.gif);
  background-repeat: repeat-x;
  background-position: top left;
  height: 40px;
}

th.button-holder {
  padding-bottom: 12px;
  vertical-align: bottom;
  white-space: nowrap;
}

td.center {
  background-image: url(/fnitools/images/center.gif);
  background-repeat: repeat-y;
  background-position: center;
}

th {
  border-bottom: thin solid #B2D6EC;
  text-align: left;
}

table.selection-list {
}

table.selection-list tr {
  height: 34px;
}

table.selection-list th {
  background-color: #E2F2FA;
  text-transform: capitalize;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #F48B1B;
  padding: 0px 6px 0px 6px;
  text-align: left;
  vertical-align: middle;
}

table.selection-list td {
  background-color: #FFFFFF;
  border-bottom: thin solid #B2D6EC;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  padding: 4px 6px 4px 6px;
  text-align: left;
  vertical-align: top;
}

table.selection-list th.plain {
  background-color: #FFFFFF;
  border-bottom: thin solid #B2D6EC;
  border-top: thin solid #FFFFFF;
  text-transform: capitalize;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #F48B1B;
  padding-left: 6px;
  padding-right: 6px;
  text-align: left;
  vertical-align: middle;
}

table.selection-list td.plain {
  background-color: #FFFFFF;
  border-bottom: thin solid #FFFFFF;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  padding: 4px 6px 4px 6px;
  text-align: left;
  vertical-align: top;
}

table.selection-list tr.on {
  height: 34px;
  background-color: #E2F2FA;
}

table.selection-list tr.on td {
  height: 34px;
  background-color: transparent;
}

table.selection-list td.right {
  text-align: right;
}

td.shim-edge {
  width:50%;
}

td.center {
  text-align:center;
}

/****************************************
*  
****************************************/

table.input-form {
  border-collapse: separate;
  border-spacing: 3px;
}

.numeric {
  text-align: right;
}

/****************************************
*  Text Styles
****************************************/

p {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  color: #000000; 
  margin: 4px 0px 4px 0px; 
}

p.tool-selection {
  line-height: 18px;
  font-weight: bold;
  color: #9AD7F0;
  margin: 4px 0px 0px 27px;
}

p.selection-list {
  line-height: 14px;
  margin: 4px 6px 4px 6px;
  width: 165px;
}

p.select-first {
  font-weight:bold;
  color:#F48B1B;
  margin:0px 0px 0px 6px;
  padding-top:4px;
  line-height:12px;
}

p.main-title {
  color: #0077c0;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
}

p.tips {
  font-size: 11px;
  line-height: 15px;
  font-style: normal;
  font-weight: normal;
  color: #FEFEFE;
  margin: 0 35px 8px 28px;
}

p.status {
  margin: 10px 0px 0px 15px;
}

p.monospace {
  font-family: "Courier New", Courier, monospace;
}

h1 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  border: 0px;
  padding: 0px;
  margin: 22px 0px 0px 20px;
}

td.head-top-title h1 {
  vertical-align: middle;
  text-transform: uppercase;
}

h2 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 24px;
  font-style: normal;
  font-weight: normal;
  color: #0077C0;
  border: 0px;
  padding: 0px;
  margin: 20px 0px 10px 0px;
}

h2 a {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 26px;
  font-style: normal;
  font-weight: normal;
  color: #0077C0;
  border: 0px;
  padding: 0px;
  margin: 35px 0px 10px 0px;
}

h3 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  font-weight: bold;
  color: #FFAD4C;
  border: 0px;
  padding: 0px;
  margin: 20px 35px 5px 28px;
}

h4 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  font-weight: bold;
  color: black;
  border: 0px;
  padding: 0px;
  margin: 4px 0px 4px 0px;
}

/****************************************
*  Link Styles
****************************************/

table.selection-list th a {
  color: #F48B1B;
  white-space: nowrap;
  text-decoration: none;
}

a {
  color: #F48B1B;
  white-space: nowrap;
  text-decoration: none;
  font-weight: bold;
}

p.selection-list a {
  color: #000000;
}

/****************************************
*  Form Styles
****************************************/

input, textarea, select, checkbox {
  margin: 0px;
  padding: 0px;
}

input.pretty, textarea.pretty, select.pretty {
  border: 1px solid black;
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 12px;
}

checkbox.pretty {
  margin: 0px;
  padding: 0px;
  line-height: 12px;
}

/* we can't control "select" padding -- so fluff out other controls to match */
input.pretty, textarea.pretty {
  padding: 1px;
}

textarea.pretty {
  overflow: auto;
  margin-bottom: 2px;
}

/***************************************
* Image Styles
***************************************/

img.inline {
  display:inline;
}

img.imgbutton {
  display:inline;
  cursor: pointer;
  cursor: hand;
}