/**
 * CSS reset 
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}

strong { font-weight:bold; }

:focus {
   outline: 0;
}

body {
   line-height: 1;
   color: black;
   background: white;
}

ol,ul {
   list-style: none;
}

table {
   border-collapse: separate;
   border-spacing: 0;
}

caption,th,td {
   text-align: left;
   font-weight: normal;
}

blockquote:before,blockquote:after,q:before,q:after {
   content: "";
}

blockquote,q {
   quotes: "" "";
}

a img {
   border: none;
}

address {
   font-style: normal;
}

/**
 * Clear Fix 
 */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}
 
* html .clearfix {
   display: inline-block;
}
 
html[xmlns] .clearfix {
   display: block;
}
 
* html .clearfix {
   height: 1%;
}

.clear {clear:both;}

   
/**
 * Rounded corners css 
 */
 .round4 {
   border-radius: 4px; 
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px;
 }
 
 .round8 {
   border-radius: 8px; 
   -moz-border-radius: 8px; 
   -webkit-border-radius: 8px;
 }
 
 .round10 {
   border-radius: 10px; 
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
 }

   
/**
 * CSS Forms 
 */
.form div.fieldgroup {
   float: left;
   margin: 0 0 10px 0;
   padding: 0 0 5px 0;
   width: 100%;
}

   .form div.fieldgroup.last {
      margin-bottom: 0;
   }

/* General form styling */
.form .error {
   clear: both;
   margin-bottom: 0;
}
   
.form label {
   font-weight: bold;
   font-size: 11pt;
}

.form input, 
.form textarea, 
.form select {
   border: 1px solid #666;
   background-color: white;
   font-size: 11pt;
   font-weight: normal;
   margin: 5px 0 0 0;
}
   .form input[type=checkbox] {
      border: none;
   }

.form input, 
.form textarea {
   padding: 1px 0;
}

.form select {
   padding: 0;
   height: 24px;
}

/* Field Cell styling */
.form .fieldCell {
   float: left;
   padding: 5px 15px 10px 0;
}

   .form .fieldCell.last {
      padding-right: 0;
   }

   .form .fieldCell label {
      margin-bottom: 2px;
      display: block;
   }

   .form .fieldCell input, 
   .form .fieldCell textarea, 
   .form .fieldCell select {
      width: 100%;
   }

/* Inline Field styling */
.form .fieldInline {
   margin-bottom: 5px;
}

   .form .fieldInline label {
      float: left;
      width: 150px;
      margin-top: 5px;
      line-height: 24px;
      display: block;
      clear: left;
   }

/**
 * General styling
 */
.error,.notice,.success {
   padding: .8em;
   margin-bottom: 1em;
   border: 2px solid #ddd;
   zoom: 1;
}

.error {
   background: #FBE3E4;
   color: #8a1f11;
   border-color: #FBC2C4;
}

.notice {
   background: #FFF6BF;
   color: #514721;
   border-color: #FFD324;
}

.success {
   background: #E6EFC2;
   color: #264409;
   border-color: #C6D880;
}

   .error a {
      color: #8a1f11;
   }
   
   .notice a {
      color: #514721;
   }
   
   .success a {
      color: #264409;
   }
   
.detail {
   color: #C00;
   font-size: .7em;
}

.hint {
   font-size: .8em;
   color: #666;
   padding: 3px 0 0 0;
   line-height: 1em;
   display: block;
}

.pageComment {
   font-size: 9pt;
   margin-bottom: 15px;
}

a, a:hover, a:visited {
   color: #155F99;
}

   a.highlight, a.highlight:hover, a.highlight:visited {
      font-weight: bold;
      color: #B7291D;
   }

label {
   color: #013C5A;
}

h1, h2, h3, h4, h5, h6 {
   color: #013C5A;
   font-weight: bold;
   margin: 5px 0;
}

   h1, h1 a {
      font-size: 20pt;
      text-decoration: none;
      color: black;
      line-height: 40px;
   }
   
   h2 {
      color: #0D63AF;
      font-size: 18pt;
      line-height: 18pt;
   }
   
   h4 {
      color: #333;
      font-size: 12pt;
      line-height: 12pt;
   }
   
   h5 {
      color: #6A0;
      font-size: 12pt;
      line-height: 12pt;
   }
   
   h6 {
      color: #05A;
      font-size: 10pt;
      line-height: 10pt;
   }
      

dl {
   padding: 2px 10px;
}
   
   dl dt {
      color: #334;
      font-weight: bold;
      margin: 10px 0 2px 0;
   }
   
   dl dd {
      color: #0D63AF;
      margin: 2px 0 10px 0;
   }


.halfCol dl dd {
   margin: 0px 0 10px 0;
}

.dashLink {
   margin: 20px 40px;
   text-align: right;
}

/**
 * In-Line Sliding Door Buttons. Lifted from:
 * http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/
 */
button { 
   position: relative;
   border: 0; 
   padding: 0;
   cursor: pointer;
   
   /* removes extra side padding in IE */
   overflow: visible;
}

   /* overrides extra padding in Firefox */
   button::-moz-focus-inner {
      border: none;
   }
   
   button span { 
      position: relative;
      display: block; 
      white-space: nowrap; 
   }
   
   button, .button { 
      padding: 0 15px 0 0; 
      margin-right:5px;
      vertical-align: middle;
   }
   
   button span, .button span {
      padding: 0 0 0 15px;
      white-space:nowrap;
   }
      
   button, button span, .button, .button span {
      background-color: transparent;
      background-repeat: no-repeat;
      text-decoration: none;
      display: inline-block;
      cursor: pointer;
      font-size: 13px;
      font-family: arial,helvetica,verdana,sans-serif;
      text-align: center;
      color:#fff;
   }
   
      /* Safari and Google Chrome only - fix margins */
      @media screen and (-webkit-min-device-pixel-ratio:0) {
         button span { margin-top: -1px; }
      }

   a.button:hover { 
      text-decoration: none; 
   }
   
   /* Default Button style */
   button.standard, button.standard span, .button.standard, .button.standard span {
      background-image: url(http://www.creditreportsandscores.com/templates/001-default/images/buttons.png);
      font-weight: bold;
      height: 30px;
      line-height: 30px;
   }
   
      /* for IE6, use the non-png version */
      * html button.standard, * html button.standard span, 
      * html .button.standard, * html .button.standard span {
         background-image: url(http://www.creditreportsandscores.com/templates/001-default/images/buttons.gif);
      }
   
   button.standard, .button.standard { 
      background-position: right -40px;
   }
      
      button.standard span, .button.standard span {
         background-position: left top;         
      }
   
   /* Slender buttons */
   button.slender, button.slender span, .button.slender, .button.slender span { 
      height: 20px;
      line-height: 20px;
      font-weight: normal;
      background-image: url(http://www.creditreportsandscores.com/templates/001-default/images/buttons_slender.png);
   } 
   
      /* for IE6, use the non-png version */
      * html button.slender, * html button.slender span, 
      * html .button.slender, * html .button.slender span {
         background-image: url(http://www.creditreportsandscores.com/templates/001-default/images/buttons_slender.gif);
      }
   
      button.slender span, .button.slender span { 
         background-position: left top;
      }
   
      button.slender, .button.slender {
         background-position: right -30px;
      }
   
   /* The Action Button */
   button.standard.action, .button.standard.action { background-position: right -120px; }
   button.standard.action span, .button.standard.action span { background-position: left -80px; }
   button.slender.action, .button.slender.action { background-position: right -30px }
   button.slender.action span, .button.slender.action span { background-position: left top; }
   
   
   /* The Alt Button */      
   button.standard.alt, .button.standard.alt { background-position: right -200px; }
   button.standard.alt span, .button.standard.alt span { background-position: left -160px; }
   button.slender.alt, .button.slender.alt { background-position: right -150px; }
   button.slender.alt span, .button.slender.alt span { background-position: left -120px; }
   
   /* The subtle Button */      
   button.standard.subtle, .button.standard.subtle { background-position: right -280px; }
   button.standard.subtle span, .button.standard.subtle span { background-position: left -240px; }
   button.slender.subtle, .button.slender.subtle { background-position: right -210px; }
   button.slender.subtle span, .button.slender.subtle span { background-position: left -180px; }
      
   /* The Alt-Action Button */      
   button.standard.altaction, .button.standard.altaction { background-position: right -361px; }
   button.standard.altaction span, .button.standard.altaction span { background-position: left -321px; }
   button.slender.altaction, .button.slender.altaction { background-position: right -270px; }
   button.slender.altaction span, .button.slender.altaction span { background-position: left -240px; }

   /* The Edit Button */      
   button.standard.edit, .button.standard.edit { background-position: right -440px; }
   button.standard.edit span, .button.standard.edit span { background-position: left -400px; }
   button.slender.edit, .button.slender.edit { background-position: right -330px; }
   button.slender.edit span, .button.slender.edit span { background-position: left -300px; }
   
   /* Huge green button */
   .largegreenbutton {
      display:inline-block;
      background: url('http://www.creditreportsandscores.com/templates/001-default/images/big_green_btn_bg.jpg') no-repeat 0 0;
      text-decoration:none;
      margin:0;
      padding:0 0 0 10px;
      width:auto;
      overflow:visible;
      border:0;
      vertical-align:text-top;
   }
   .largegreenbutton span {
      height:57px;
      line-height:57px;
      margin:0 -2px 0 0;
      border:0;
      padding:0;      
      padding-right:10px;
      display:block;      
      color:#FFF;
      display:inline-block; background: url('http://www.creditreportsandscores.com/templates/001-default/images/big_green_btn_bg.jpg') no-repeat 100% 0;

   }


/**
 * Table CSS
 */
table.dataTable {
   border-collapse: collapse;
   margin: 5px auto;
   empty-cells: show;
   width: 100%;
}

   table.dataTable td,
   table.dataTable th {
      vertical-align: middle;
   }
   
   table.dataTable thead th {
      color: #666;
      font-weight: bold;
      font-size: 11pt;
      padding: 3px 5px;
   }

   table.dataTable tbody th {
      color: #666;
      font-weight: bold;
      font-size: 11pt;
      
      border: 1px solid #76B2D6;
      
      padding: 8px 15px;
      background-color: #EFF8FF;
   }

   table.dataTable tbody td {
      
      border: 1px solid #76B2D6;
      border-left: 1px solid #D3E4F0;
      border-right: none;
      
      padding: 8px 15px;
   }
   
      table.dataTable tbody th + td,
      table.dataTable tbody td:first-child {
         border-left: 1px solid #76B2D6; 
      }

      table.dataTable tbody td.last,
      table.dataTable tbody td:last-child {
         border-right: 1px solid #76B2D6; 
      }
      
      table.dataTable tbody td + td.empty {
         border-left: 1px solid #76B2D6; 
      }
      
      table.dataTable tbody td.empty + td.empty {
         border-left: 1px solid #D3E4F0; 
      }
      
      table.dataTable td.numeric, table.dataTable th.numeric,
      table.dataTable td.dollars, table.dataTable th.dollars,
      table.dataTable td.name, table.dataTable th.name,
      table.dataTable td.date, table.dataTable th.date {
         text-align: center;
      }
      
      table.dataTable td.noData{
         text-align: center;
         font-style: italic;
         border-left: 1px solid #76B2D6;
      }
      table.dataTable td span.noData {
         font-style: italic;
      }
      
      
      
      
      
      
      /**
 * Leadclick css
 */
#leadClickModal {
   background-color: white;
   border: 1px solid #ccc;
   padding: 50px;
   width: 510px;
   height: 330px;
   border-radius: 10px; 
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
}
   
   #leadClickFrame {
      width: 510px;
      height: 330px;
      border: none;
      overflow: hidden;
   }
   
   #leadClickModal .closeModal {
      width: 100px;
      margin: 0 auto;
   }