﻿/********************************************************************************/
/*           NAME:  Base Element Style Sheet                                    */
/*           FILE:  /CSS/Base.css                                               */
/*        CREATED:  November 5th, 2008                                          */
/*        CHANGED:  November 5th, 2008                                          */
/*      HTTP HOST:  http://*.megasecured.com/CSS/Version2                       */
/*                                                                              */
/* STANDARD INDEX:  (One) 10                                                    */
/*                                                                              */
/*        PURPOSE:  for setting up the base default standard sytles applied to  */
/*                  html elements                                               */
/*                                                                              */
/* COLOR STANDARDS                                                              */
/*   HYPERLINKS:       #333 charcoal                                            */
/*   MOUSE OVER LINKS: #f60 orange                                              */
/*                                                                              */
/*                                                                   411 DATA   */
/*                                                                              */
/********************************************************************************/


  /********************************************************************************/
  /***** LISTING TABLES                                                           */
  /*****                                                                          */
    TABLE.listingTable{}
    TABLE.listingTable .package{
      font-weight:bold; font-size:16px; text-align:right; width:150px; padding:5px;}
    TABLE.listingTable .package .free{color:#555;}
    TABLE.listingTable .package .starter{color:#3c3;}
    TABLE.listingTable .package .gold{color:#f93;}
    TABLE.listingTable .package .platinum{color:#993;}
    TABLE.listingTable .buttons{
      width:100px; padding-bottom:15px;}
    TABLE.listingTable .commandButton{
      width:100px; border:solid 1px #efefef; 
      background-color:#efefef; font-size:13px; text-align:right; margin-bottom:1px;
      cursor:pointer; color:#333; padding:2px 5px 1px 5px; border-left:solid 5px #fc0;}
    TABLE.listingTable .commandButton:Hover{
      background-color:#39f; color:#fff;}


  /********************************************************************************/
  /***** LIST TABLES                                                              */
  /*****                                                                          */
    TABLE.dataTable{}
    TABLE.dataTable .dataTableHeader{
      font-size:13px; font-weight:bold; text-transform:uppercase;}
    TABLE.dataTable TD{
      padding:2px 5px; vertical-align:middle;}
    TABLE.dataTable .dataTableHeader .newItem{
      text-align:right; background-color:#fe6;}
    TABLE.dataTable .dataTableHeader .newItem A.link{
     font-size:14px; color:#e33;}
    TABLE.dataTable .dataTableRow TD,
    TABLE.dataTable .dataTableAlternatedRow TD{
      padding:8px 2px;}
    TABLE.dataTable .dataTableRow:Hover,
    TABLE.dataTable .dataTableAlternatedRow:Hover{
      background-color:#fe9;}
    TABLE.dataTable .dataTableAlternatedRow{
      background-color:#efefef;}
    TABLE.dataTable .dataTableRow .buttons,
    TABLE.dataTable .dataTableAlternatedRow .buttons{
      text-align:right;}
    TABLE.dataTable .dataTableRow A.link,
    TABLE.dataTable .dataTableAlternatedRow A.link{
      display:inline-block; width:50px; color:#06f; text-transform:uppercase;
       text-decoration:underline;}
    TABLE.dataTable .dataTableRow A.link:Hover,
    TABLE.dataTable .dataTableAlternatedRow A.link:Hover{
      color:#c33;}
    TABLE.dataTable .center{
      text-align:center;}
