/******************************************************************************/
/* Form */
/******************************************************************************/

div.form {
  background-color: #b0c4de;
  border: 1px solid #214263;
  margin: 2em 1.8em 0 1.8em;
  width: 74%;
}

div.form h1 {
  background-color: #D1D1D1;
  color: #000;
  font-size: 10pt;
  font-family: Tahoma, Verdana;
  text-align: center;
  border-bottom: 1px solid #214263;
  margin: 0px;
  padding: .3em;
  letter-spacing: .1em;
}

div.form h2 {
  font-size: 8pt;
  font-family: Arial, Verdana;
  float: right;
  margin: 0px;
  padding: .6em;
}

div.form div.formBody {
  background-color: #f2f2f2;
  margin: 0;
  padding: .4em;
}

/******************************************************************************/
/*                          Start: Display text                               */
/******************************************************************************/

/* Used for mainFrame page for "ISP Pro Professional Edition" */
div.Title1
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 24pt;
    COLOR: black;
}


/* Used for company Name in the companyInfo.jsp file*/
div.Title2
{
    FONT-FAMILY: Impact, Tahoma, System;
    FONT-SIZE: 16pt;
    COLOR: black;
}


/* Use for the Application Name and version in the left side of the index.jsp*/
div.Title3
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 16pt;
    COLOR: #999999;       /* middle Grey */
}


/* Used for the right side menu title like "Account Type manager" */
div.Title4
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 16pt;
    COLOR: #999999;       /* Light Grey */
}

/* Used for the paragraph separation Titles like "Personal Info */
div.ParagraphTitle
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    COLOR: black;
    TEXT-DECORATION: underline;
}

/* Used for small texts like "* Required Fields." */
div.SmallText
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 9pt;
    COLOR: black;
}

div.SmallTextDis
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 8pt;
    COLOR: #707070;               /* middle Grey */
}

/* Used for the adminAppType */
div.Heading1
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 12pt;
    COLOR: black;
}

/* Used for the Menu inside the Customer(Dialup and Mailbox) Manager, Security Manager */
div.Heading6
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold;
    COLOR: black;
}

/* Used for the Session History Value display*/
div.Heading8
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    COLOR: black;
}

/* Used for the copyright in the CompanyInfo.jsp file*/
div.Footer
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 7pt;
    COLOR: grey;
}

/* Used for any kind of value display like firstname value */
div.Normal
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 9pt;
    COLOR: black;
}

/* Used for any kind of value display in disable mode like firstname value */
div.NormalDisable
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 9pt;
    COLOR: #707070;       /* middle Grey*/
}

/* Used for master address and telephone type*/
.SubTitle2
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    COLOR: black;
}

/* Used in the Message box*/
.MessageTitle
{
    FONT-FAMILY: Tahoma, Verdana, System;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    COLOR: white;
    BACKGROUND-COLOR: #214263;      /* Dark Blue */
}

.paginator
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 9pt;
    COLOR: black;
}

/* Used in the Server Manager, for the server name in serveraccess pages ... */
div.Title6
{
    FONT-SIZE: 12pt;
    COLOR: #696969;     /* middle Grey */
}

/* Used for the top menu's Links separator */
.topMenu
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 10pt;
    COLOR: white;
}

/* Used for Normal text */
.normal {
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 9pt;
    COLOR: black;
}

/* Used for any kind of value display like firstname value */
/* We keep the Normal class just to make sure that it is not used in other places */
.normalValue
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-WEIGHT: bold;
}

/* Used for Invalid Form Error Title */
.InvalidFormTitle {
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    color: #b00000;
    border-bottom: 1px solid #b00000;
    border-top: 1px solid #b00000;
}

/* Used for Invalid Form Error data */
.InvalidFormCell {
    font-family: Arial, Tahoma, System;
    font-size: 9pt;
    color: #000;
    border-bottom: 1px solid #222222;
    background-color: #b6c4d2;
    padding-right: 2em;
}

/******************************************************************************/
/*                                                                            */
/*                          End: Display text                                 */
/*                                                                            */
/******************************************************************************/



/******************************************************************************/
/*                                                                            */
/*                          Start: Input text                                 */
/*                                                                            */
/******************************************************************************/

/* Used for any ordinary single value text input like "First Name" */
.WindowInput
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    BORDER-BOTTOM: #999999 1px solid;     /* Light Grey */
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    WIDTH: 150px;
}

.WindowInputText
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    BORDER-BOTTOM: #999999 1px solid;     /* Light Grey */
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    WIDTH: 350px;
    HEIGHT: 80;

}

/* Used for any ordinary single value text input in disable mode like "Prefix" */
/* in card generation */
.WindowInputDis
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    BACKGROUND-COLOR: #e0e0e0;            /* Light Grey */
    BORDER-BOTTOM: #999999 1px solid;     /* Light Grey */
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    WIDTH: 150px;
}

/* Used for small input text like "ip address" */
.WindowInputSmall
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    BORDER-BOTTOM: #999999 1px solid;     /* Light Grey */
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    WIDTH: 29px;
}


/* Used for the Login and Password input text*/
.windowinputlogin
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    BACKGROUND-COLOR: #e7e7e7;          /* light Grey */
    BORDER-BOTTOM: #222222 1px solid;   /* Black */
    BORDER-LEFT: #222222 1px solid;
    BORDER-RIGHT: #222222 1px solid;
    BORDER-TOP: #222222 1px solid;
    WIDTH: 100px;
}

/******************************************************************************/
/*                                                                            */
/*                          Start: Drop Down                                  */
/*                                                                            */
/******************************************************************************/

/* Used for date day combo */
.WindowInputDateD
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    BORDER-BOTTOM: #999999 1px solid;     /* Light Grey */
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    WIDTH: 40px;
}


/* Used for date month combo */
.WindowInputDateM
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    BORDER-BOTTOM: #999999 1px solid;     /* Light Grey */
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    WIDTH: 85px;
}


/* Used for date year combo */
.WindowInputDateY
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    BORDER-BOTTOM: #999999 1px solid;     /* Light Grey */
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    WIDTH: 55px;
}


/* Used in the Taglibrary Date */
.smallcombo {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    BORDER-BOTTOM: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    WIDTH: 110px;
}


/******************************************************************************/
/*                                                                            */
/*                          Start: Button                                     */
/*                                                                            */
/******************************************************************************/

/* Used for the buttons, used in Action Tag Library as the defaul class for the buttons*/
.ActionButton
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    COLOR: #333366;                 /* Dark Blue*/
    BACKGROUND-COLOR: #d3d3d3;      /* Light Grey*/
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #ffffff 1px solid;
}

/* Used for the login button in the login page*/
.LoginButton
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    COLOR: #333366;                 /* Dark Blue*/
    BACKGROUND-COLOR: #d3d3d3;      /* Light Grey*/
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
}


/******************************************************************************/
/*                                                                            */
/*                          Start: Link HREF                                  */
/*                                                                            */
/******************************************************************************/

/* Used for menu link, Like the top menu and left menu */
A.Menu, A.Menu:visited, A.Menu:link
{
    FONT-FAMILY: Tahoma, System;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}
A.Menu:hover
{
    TEXT-DECORATION: underline;
}

/******************************************************************************/
/*                                                                            */
/*                          Start: BackGround                                 */
/*                                                                            */
/******************************************************************************/

/* Used for the Top Frame BackGround color*/
.topBGColor
{
    BACKGROUND-COLOR: black;
}

/* Used for the Back Color of most of the pages*/
.mainBGColor
{
    BACKGROUND-COLOR: #d7d7d7;      /* Light Grey */
}

/* Used for selected table row */
.selRow
{
  FONT-FAMILY: Verdana, Tahoma, System;
  FONT-SIZE: 8pt;
  COLOR: black;
  BACKGROUND-COLOR: #e6e6fa;
}


/* Used for the table rules in the accounttype when it doesn't have templates */
.CellBGColor
{
    color= "#ffffff";
    BACKGROUND-COLOR: #696969;        /* Middle Grey*/
    font-weight = "bold";
}

/* Used for Menu Frame Backcolor */
.naviBGColor
{
    BACKGROUND-COLOR: #214263;
}

tr.tableCell, tr.tableCell2 {
    FONT-FAMILY: Verdana, Tahoma, System;
    FONT-SIZE: 8pt;
    COLOR: black;
}
tr.tableCell {
    BACKGROUND-COLOR: #b0c4de;
}
tr.tableCell2 {
    BACKGROUND-COLOR: #e0e0e0;
}

tr.tableHeader {
    FONT-FAMILY: Verdana, Tahoma, System;
    FONT-SIZE: 8pt;
    COLOR: black;
    background-color: #c3c3c3;
}
tr.tableHeader td {
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
}

/* Used for HR Ruler*/
.lineColor
{
    COLOR: #000000;
    HEIGHT: 2px;
    TEXT-DECORATION: overline;
}