/* ---------------------------------------------------
   Forperfect Technologies
   eInvoice System
   http://www.forperfect.com/

   Feel Free to customize this into your company color
   scheme, font style, etc.

   You are highly recommended to make a copy of this
   file first before you customize it.
   ----------------------------------------------------
*/

/*
*  This sets the HTML body style
*/
body {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px
}

/*
* This sets the link style.
*/
a {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003366
  }

/*
* This sets the style when cursor hover a link.
*/
a:hover {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF0000;
    font-weight:normal;
    text-decoration: none
}

a.small {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #003366
  }

/*
* This sets the style when cursor hover a link.
*/
a.small:hover {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #996633;
    font-weight: bold;
    text-decoration: none
}

/*
* This sets the style for payment link.
*/
a.payment {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #003366
}

/*
* This sets the style when cursor hover a link.
*/
a.payment:hover {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #996633;
    font-weight: normal;
    text-decoration: none
}

/*
* This sets the style for top menu link.
*/
a.menu {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003366;
    TEXT-DECORATION: none;
}

/*
* This sets the style for top menu link cursor hover.
*/
a.menu:hover {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CC0000;
    TEXT-DECORATION: none;
}

/*
*  The following definitions are for tab style admin menus.
*/
    a.toptab{
        font-family: verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #003366;
        font-weight: bold;
        border-top: 1px solid #1975D1;
        border-right: 1px solid #1975D1;
        border-left: 1px solid #1975D1;
        border-bottom: 0px solid #1975D1;
        border-color: #1975D1;
        width: 100px;
        background-color: #DDDDDD;
        padding: 2px 0.5em 1px 0.5em;
        margin-top: 4px;
        text-decoration: none;
        text-align: center;
     }

     a.toptab:hover {
        border-color: #CC0000;
        background-color: white;
     }
     .submenu {
         border: solid 1px #CC0000;
         background-color: white;
         padding: 5px;
         overflow: auto;
     }

    /*
    * This sets the style for top menu link.
    */
    a.submenulink {
        font-family: verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #003366;
        text-decoration: none;
    }

    /*
    * This sets the style for top menu link cursor hover.
    */
    a.submenulink:hover {
        font-family: verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #CC0000;
        text-decoration: none;
    }
/*
* End of tab style definition
*/

a.footerlink{
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF
}
a.footerlink:hover {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #996633;
    text-decoration: none
}

/*
* This sets the big heading style.
*/
.title1{
    font-family: verdana;
    font-size: 12px;
    COLOR: #000066;
    TEXT-DECORATION: none;
    font-weight: bold;
}

/*
* This sets the subtitle heading style.
*/
.title2{
    font-family: verdana;
    font-size: 11px;
    COLOR: #CC0000;
    TEXT-DECORATION: none;
    font-weight: bold;
}

/*
* This sets the invoice table heading style.
*/
.ivtitle1{
    font-family: verdana;
    font-size: 13px;
    COLOR: #000066;
    TEXT-DECORATION: none;
    font-weight: bold;
}

/*
* This sets the style for small paragraph, or notes.
*/
.small{
    font-family: verdana;
    font-size: 9px;
    COLOR: #000066;
    TEXT-DECORATION: none;
    font-weight: normal;
}

/*
* This sets the style for table header.
*/
tr.header{
    font-family: verdana;
    font-size: 11px;
    COLOR: #000066;
    background-color: #99CCFF;
    TEXT-DECORATION: none;
    font-weight: bold;
}

/*
* This sets the style for alternative row color etc.
*/
tr.row1{
    font-family: verdana;
    font-size: 10px;
    COLOR: #000000;
    background-color: #DDDDDD;
    TEXT-DECORATION: none;
    font-weight: normal;
    border-bottom: 1px #6699CC dotted;
}

/*
* This sets the style for alternative row color etc.
*/
tr.row2{
    font-family: verdana,sans-serif, Arial;
    font-size: 10pt;
    COLOR: #000000;
    background-color: #FFFFFF;
    TEXT-DECORATION: none;
    font-weight: normal;
    border-bottom: 1px #6699CC dotted;
}

/*
* This sets the style top menu.
*/
td.menu{
    text-align: right;
    font-family: verdana,sans-serif, Arial;
    font-weight: bold;
    font-size: 11px;
    color: #003366;
    background-color: #DDDDDD;
    border: 1px #CC0000 dotted;
    padding: 2px;
    border-spacing: 2px;

}

/*
* This sets the style for general paragraph.
*/
p{
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px
}

/*
* This sets the style for heading one <h1> tag.
*/
h1 {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 13px
}

/*
* This sets the style for heading two <h2> tag.
*/
h2 {
    font-family: verdana,Arial, Helvetica, sans-serif;
    font-size: 15px; text-transform: capitalize
}

/*
* This sets the style for generic table cell.
*/
td {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px
}

.admininv {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}


.toolheader {
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CC0000;
    font-weight: bold;
}

.rptrlt{
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.copyright{
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color:#FFFFFF;
}

div.warning_title{
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color:#CC0000;
}

div.warning{
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color:#CC0000;
}

div.warning_details{
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color:#999999;
}

 div.payconfigbox {
     border: solid 1px #999999;
     background-color: white;
     padding: 5px;
     overflow: auto;
     width: 85%;
 }
 
 .errormsg{
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color:#CC0000;
}

 .successmsg{
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color:#FF00FF;
}