/* DEFAULTS
----------------------------------------------------------*/



html{
  height:100%;
}
body{
  position:relative;
  min-height:100%;
  overflow-y: scroll; 
}
#wrapper{
  padding-bottom:70px;
}
#footer{
  position:absolute;
  bottom:0;
  left:0;
  z-index:500;
  width:100%;
  height:130px;
  overflow:hidden;
  background-color:#36424A;

}

/* background-color:#336699;--------------------------------------------------------------------------------*/

/*  gradient --------------------------------------*/

#gradient-div1 
{
    min-width:1250px;
    background-image: url(../images/header_image.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 300px;   /*240*/
}

#gradient-blue-div1 
{
background: #deefff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGVlZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk4YmVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #deefff 100%, #98bede 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#deefff), color-stop(100%,#98bede)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #deefff 100%,#98bede 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #deefff 100%,#98bede 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #deefff 100%,#98bede 100%); /* IE10+ */
background: linear-gradient(to bottom,  #deefff 100%,#98bede 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-8 */

 height: 300px;
}


.div-40
{
   height:40px;
}

.div-line
{
    background-color:#EEEEEE; 
    height:1px; 
    margin-left:30px; 
    margin-right:30px;
}

.div-line2
{
    background-color:#BBBBBB; 
    height:1px; 
    margin-right:30px;
}


.div-h
{
   height:100px;
}

.div-gray, .div-blue, .div-green, .div-red
{
   height:50px;       
   text-align:center;    
}
    
.div-gray
{
   background-color:#A0A0A0;
}

.div-blue
{
   background-color:#6699cc;
}

.div-green
{
   background-color:#64b167;
}

.div-red
{
   background-color:#ff6600;
   /*background-color:#C94612;*/
}


.div-grad
{
    height: 640px;

    border-bottom-color:#EEEEEE;
    border-bottom-width:1px;
    border-bottom-style:solid; 
    
    border-left-color:#EEEEEE;
    border-left-width:1px;
    border-left-style:solid; 

    border-right-color:#EEEEEE;
    border-right-width:1px;
    border-right-style:solid; 
    
     margin-left:10px;
     text-align:center;    

}

#header-div
{
    width:550px;    
}

.text-div
{
  width:900px;    
}


/*  fonts -----------------------------------------*/

p.dline 
{
    line-height: 1.5;
}

p.italic
{
     font-style: italic;
     font-weight:bold;
}

/* ---- main font family ---- */

h1, h2, hh3, h4, h6, h7, h8, h9, h10, h11, h12, h13, h18, h19, h20, h21
{
    font-family:Verdana;   
}

/* ---- main font family ---- */



/* ---- main font color (Dark Gray) ---- */
h4,  h9, h18, h19, h11, h20, h21
{
    color: #606060;
}

/* ---- main font color (was Dark Blue #004466) ---- */
h1, h2, h6, hh3, h13, h8
{
    color:#36424A;    
}


h1
{
    font-size: 30px;
    font-weight: bold;
}
 
h2
{
    color:#6699cc;  
    margin-top:30px;
    font-size: 26px;
    font-weight :normal;
} 
 
hh3
{
    font-size: 15px;
    font-weight: bold;
}

h4
{
    font-size: 10pt;    
    font-weight: normal;
}

h6
{
    font-size: 20px;
    font-weight: bold;
}

h7
{
    font-size:12px;    
    color:White;
}

h8
{
    font-size: 20px;
    font-weight: normal;
}

h9
{
    font-size: 10pt;    
    font-weight: bold;
    padding-left:10px;
}

h10
{
    color: #4488BB;
    font-size: 16pt;    
    font-weight:bold;  
}

h11
{
    font-size: 20pt;    
}

h111
{
    font-size: 28pt;    
    color:#ff6600;
}

h112
{
    font-size: 28pt;    
    color:#A0A0A0;
}

h113
{
    font-size: 28pt;    
    color:#64b167;
}

h114
{
    font-size: 28pt;    
    color:#6699cc;
}


h12
{
    color:#AAAAAA;
    font-size: 10pt;    
}

h13
{
    font-size: 16px;
    font-weight: bold;
}

h18,h19
{
    font-size: 10pt;    
    font-weight: normal;
}

h19
{
    font-style:italic;
}

h20
{
    font-size: 14pt;    
}

h21
{
    font-size: 15pt;  
    padding-bottom:5px;  
}


/* CSS Class fonts -----------------------------------------*/

.hPName
{
    color:White;
    font-family: verdana;
    font-size: 16pt;    
    font-weight: normal;
    padding-top:15px;
}

.hPName2
{
    color:Black;
    font-family: verdana;
    font-size: 16pt;    
    font-weight: normal;
    padding-top:15px;
}

.hLabel
{
    color: #444444;
    font-family: verdana;
    font-size: 10pt;    
    font-weight: normal;
}

.hLabel16
{
    color: #A0A0A0;
    font-family: verdana;
    font-size: 16pt;    
    font-weight: normal;
}

.hLabelB
{
    color: #444444;
    font-family: Verdana;
    font-size: 10pt;    
}


/*  table styles -----------------------------------------*/

.tbl_style_h
{
     width: 100%;
}

.tbl_style_text
{
    height:30px;    
}

.tbl_header
{
    background-color:#36424A;
    height:80px;
}

.tbl_gray
{
    background-color:Gray;
       
}


.tr_style
{
     height: 50px;
}

.tr_style_p_bot
{
    height:50px; 
    vertical-align:bottom;
}

.tr_style_p_mid
{
    height:50px; 
    vertical-align:middle;
}


.tr_style_line
{
     height:60px; 
     border-color:Silver; 
     border-width: 1px; 
     border-top-style: solid;
}

.tr_line_color
{
    background-color:#F0F0F0;    
}

.tbl_style
{
     width: 100%;
 }

.tbl_style_header
{
   padding-left:30px;
     width: 1250px; 
     height: 298px;
}

.tbl_style_block
{
    padding-left:30px;
     width: 1250px; 
     min-width:1250px;
}

.tbl_api
{
    border-color:Black; 
    border:1px;
    max-width:800px;
         
}

.tbl_style_block2
{

     width: 950px; 
     min-width:650px;
}

.tbl_style_block3
{
     width: 300px; 
     min-width:300px;
     text-align:center;  
}

.tbl_style_block33
{
     width: 300px; 
     min-width:300px;
     text-align:right;  
}

.tbl_style_block4
{
     width: 900px; 
     min-width:900px;
     padding-left:30px;
}

.tbl_style_block5
{
     width: 200px; 
     min-width:200px;
     text-align:right;  
     vertical-align : top;
}

.tbl_style_bottom
{
     width: 980px; 
     min-width:980px;
     padding-top: 14px;
     border-width: 1px;
     border-top-style: solid; 
     border-top-color: #999999;
}

.tbl_style_bottom2
{
     width: 980px; 
     min-width:980px;
     padding-top: 14px;
}

      
.tbl_style_block6
{
     width: 250px; 
     min-width:250px;
}

.tbl_style_block7
{
     width: 350px; 
     min-width:350px;
}

.tbl_style_block8
{
     width: 360px; 
     min-width:360px;
     text-align:center;
  
}
      
.tbl_style_capt
{
     width: 290px; 
     padding-left:10px;
}
        
.td_padding 
{
  width: 120px; 
  padding-left:20px;
  
  font-size: 12px;
  font-family: verdana;
  color: #004466;
  font-weight: bold;
}

.td_price
{
  width: 70px;

  font-size: 12px;
  font-family: verdana;
  font-weight: bold;
  color:#4488BB;
  
}   
     
.td_was
{
  width: 70px;

  margin-left :3px;
  font-size: 10px;
  font-family: verdana;
  color: #444444;
}   

        
.td_cents
{
  width: 130px;
  font-size: 10px;
  font-family: verdana;
  color: #444444;
}   

.td_padleft
{
     padding-left:15px;
}
       
/*  table styles -----------------------------------------*/        


.txtBoxStyle
{
 height:40px;  
 width:250px;
}

.inline 
{
    display: inline;
}

/*  links styles --------------------------------------*/

.masterLink
{
   /* color:#4488BB;*/
    color:White;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana;
    padding-right: 20px;
    
    -moz-transition: color 0.3s 0.03s ease;
    -o-transition: color 0.3s 0.03s ease;
    -webkit-transition: color 0.3s 0.03s ease;
}

.masterLink:hover
{
    color:#6699cc;
    text-decoration: none;
}

.masterLinkDash
{
    color:#999999;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana;
    padding-right: 9px;
    
    -moz-transition: color 0.3s 0.03s ease;
    -o-transition: color 0.3s 0.03s ease;
    -webkit-transition: color 0.3s 0.03s ease;
}
.masterLinkDash:hover
{
    color:#4488BB;
    text-decoration: none;
}

.masterLnkCh
{
    color:#606060;
    text-decoration: none;
    font-size: 20px;
    font-family: Verdana;
        
    -moz-transition: color 0.3s 0.03s ease;
    -o-transition: color 0.3s 0.03s ease;
    -webkit-transition: color 0.3s 0.03s ease;
}
.masterLnkCh:hover
{
    color:#000000;
    text-decoration:underline;
}

.mainOCRLink14
{
    color:#4488BB;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana;
    padding-right: 5px;
    
    -moz-transition: color 0.3s 0.03s ease;
    -o-transition: color 0.3s 0.03s ease;
    -webkit-transition: color 0.3s 0.03s ease;
}
.mainOCRLink14:hover
{
    color:#4488BB;
}


.lLink
{
    color:#6699cc;
    text-decoration: none;
    font-size: 14px;
    
    font-family: Verdana;
    padding-right: 5px;
    
    font-weight:bold;
    -moz-transition: color 0.2s 0.02s ease;
    -o-transition: color 0.2s 0.02s ease;
    -webkit-transition: color 0.2s 0.02s ease;
}

.lLink:hover
{
    color:White;
    text-decoration: none;
}

.gLink
{
    color:#339966;
    text-decoration: none;
    font-size: 14px;
    
    font-family: Verdana;
    padding-right: 5px;
    
    font-weight: bold;
    -moz-transition: color 0.2s 0.02s ease;
    -o-transition: color 0.2s 0.02s ease;
    -webkit-transition: color 0.2s 0.02s ease;
}

.gLink:hover
{
    color:Silver;
    text-decoration: none;
}

.rLink
{
    color:#ff6600;
    text-decoration: none;
    font-size: 14px;
    
    font-family: Verdana;
    padding-right: 5px;
    
    font-weight:bold;
    -moz-transition: color 0.2s 0.02s ease;
    -o-transition: color 0.2s 0.02s ease;
    -webkit-transition: color 0.2s 0.02s ease;
}

.rLink:hover
{
    color:White;
    text-decoration: none;
}

.bLink
{
    color:#4488BB;
    font-size: 14px;
    
    font-family: Verdana;
    padding-right: 5px;
    
    font-weight: bold;
    -moz-transition: color 0.2s 0.02s ease;
    -o-transition: color 0.2s 0.02s ease;
    -webkit-transition: color 0.2s 0.02s ease;
}

.bLink:hover
{
    color:#404040;
}

.CLink
{
    color:White;
    text-decoration: none;
    font-size: 11px;
    
    font-family: Verdana;
    padding-right: 15px;
    padding-left: 1px;
    font-weight: bold;
    
    -moz-transition: color 0.4s 0.02s ease;
    -o-transition: color 0.4s 0.02s ease;
    -webkit-transition: color 0.4s 0.02s ease;
}

.CLink:hover
{
    color:#4488BB;
    font-weight: bold;
    text-decoration: none;
}


.DLink
{
    color:#606060;
    text-decoration: none;
    font-size: 11px;
    
    font-family: Verdana;
    padding-right: 7px;
    padding-left: 1px;
    font-weight: bold;
    
    -moz-transition: color 0.4s 0.02s ease;
    -o-transition: color 0.4s 0.02s ease;
    -webkit-transition: color 0.4s 0.02s ease;
}

.DLink:hover
{
    color:Black;
    font-weight: bold;
}

/* -- color:#009acd;   */

.panelDiv
{

     margin-bottom: 5px;
}

/*  links styles --------------------------------------*/

/* BUTTONS --------------------------------------------*/

/*  red lighten -------------------------------------------------------------*/

.btn-red-lighten.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-red-lighten {
  font-family:Verdana;
  font-size:20px;
  padding-left:50px;
  padding-right:50px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ff7214;
  background-image: -moz-linear-gradient(top, #ff6600, #ff8533);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff6600), to(#ff8533));
  background-image: -webkit-linear-gradient(top, #ff6600, #ff8533);
  background-image: -o-linear-gradient(top, #ff6600, #ff8533);
  background-image: linear-gradient(to bottom, #ff6600, #ff8533);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6600', endColorstr='#ffff8533', GradientType=0);
  border-color: #ff8533 #ff8533 #e55c00;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ff8533;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-red-lighten:hover,
.btn-red-lighten:focus,
.btn-red-lighten:active,
.btn-red-lighten.active,
.btn-red-lighten.disabled,
.btn-red-lighten[disabled] {
  color: #ffffff;
  background-color: #ff8533;
  *background-color: #ff7519;
}
.btn-red-lighten:active,
.btn-red-lighten.active {
  background-color: #ff6600 ;
}


/*  blue  -------------------------------------------------------------*/

.btn-blue-darken.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-blue-darken {
 font-family:Verdana;
  font-size:18px;
  padding-left:15px;
  padding-right:15px;
 color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #578fc7;
  background-image: -moz-linear-gradient(top, #6699cc, #407fbf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6699cc), to(#407fbf));
  background-image: -webkit-linear-gradient(top, #6699cc, #407fbf);
  background-image: -o-linear-gradient(top, #6699cc, #407fbf);
  background-image: linear-gradient(to bottom, #6699cc, #407fbf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6699cc', endColorstr='#ff407fbf', GradientType=0);
  border-color: #407fbf #407fbf #2d5986;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #407fbf;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-blue-darken:hover,
.btn-blue-darken:focus,
.btn-blue-darken:active,
.btn-blue-darken.active,
.btn-blue-darken.disabled,
.btn-blue-darken[disabled] {
  color: #ffffff;
  background-color: #407fbf;
  *background-color: #3973ac;
}
.btn-blue-darken:active,
.btn-blue-darken.active {
  background-color: #336699 ;
}




/* PayPro Blue -----------------------------------------------------------------*/

.btnPayProBlue {
  font-size:16px;
  font-family:Verdana;
  height:58px;
  border-width:1px;
  color:#6699cc;
  border-color:#6699cc;

  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  text-shadow:inset 0px 1px 0px #ffffff;
  background:linear-gradient(#ffffff, #f6f6f6);
}

.btnPayProBlue:hover {
  background: linear-gradient(#f6f6f6, #ffffff);
}


.btn-gray-darken.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-gray-darken {
 font-family:Verdana;
  font-size:18px;
  padding-left:15px;
  padding-right:15px;
 color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #969696;
  background-image: -moz-linear-gradient(top, #a0a0a0, #878787);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a0a0a0), to(#878787));
  background-image: -webkit-linear-gradient(top, #a0a0a0, #878787);
  background-image: -o-linear-gradient(top, #a0a0a0, #878787);
  background-image: linear-gradient(to bottom, #a0a0a0, #878787);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0a0a0', endColorstr='#ff878787', GradientType=0);
  border-color: #878787 #878787 #606060;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #878787;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-gray-darken:hover,
.btn-gray-darken:focus,
.btn-gray-darken:active,
.btn-gray-darken.active,
.btn-gray-darken.disabled,
.btn-gray-darken[disabled] {
  color: #ffffff;
  background-color: #878787;
  *background-color: #7a7a7a;
}
.btn-gray-darken:active,
.btn-gray-darken.active {
  background-color: #6d6d6d ;
}


/* PayPro Gray -----------------------------------------------------------------*/

.btnPayProGrey {
  font-size:16px;
  font-family:Verdana;
  height:58px;
  border-width:1px;
  color:#666666;
  border-color:#A0A0A0;

  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  text-shadow:inset 0px 1px 0px #ffffff;
  background:linear-gradient(#ffffff, #f6f6f6);
}

.btnPayProGrey:hover {
  background: linear-gradient(#f6f6f6, #ffffff);
}

/* green -----------------------------------------------------------------*/

.btn-green-lighten.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-green-lighten {
 font-family:Verdana;
  font-size:18px;
  padding-left:15px;
  padding-right:15px;
 color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #72b874;
  background-image: -moz-linear-gradient(top, #64b167, #86c288);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#64b167), to(#86c288));
  background-image: -webkit-linear-gradient(top, #64b167, #86c288);
  background-image: -o-linear-gradient(top, #64b167, #86c288);
  background-image: linear-gradient(to bottom, #64b167, #86c288);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff64b167', endColorstr='#ff86c288', GradientType=0);
  border-color: #86c288 #86c288 #54a757;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #86c288;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-green-lighten:hover,
.btn-green-lighten:focus,
.btn-green-lighten:active,
.btn-green-lighten.active,
.btn-green-lighten.disabled,
.btn-green-lighten[disabled] {
  color: #ffffff;
  background-color: #86c288;
  *background-color: #75ba78;
}
.btn-green-lighten:active,
.btn-green-lighten.active {
  background-color: #64b167 ;
}


/* PayPro Green -----------------------------------------------------------------*/

.btnPayProGreen {
  font-size:16px;
  font-family:Verdana;
  height:58px;
  border-width:1px;
  color:#64b167;
  border-color:#64b167;

  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  text-shadow:inset 0px 1px 0px #ffffff;
  background:linear-gradient(#ffffff, #f6f6f6);
}

.btnPayProGreen:hover {
  background: linear-gradient(#f6f6f6, #ffffff);
}