﻿/********************************************************************************/
/*           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   */
/*                                                                              */
/********************************************************************************/


  /********************************************************************************/
  /***** BODY TYPE ELEMENTS                                                       */
  /*****                                                                          */
    .fields{}
    .fields .nameField,
    .fields .dataField,
    .fields .requiredField,
    .fields .errorField,
    .fields .size100Field{
      display:inline-block;}
    .fields .field .label{
      display:inline-block; width:80px;}

    .stackingFields{}
    .stackingFields .nameField{
      display:block;}
    .stackingFields .dataField,
    .stackingFields .requiredField,
    .stackingFields .size100Field{
      display:inline-block;}

    .field{
      margin-bottom:10px;}

     .leftField
     {
          
         margin-bottom:10px;
         padding-left:40px;
     } 
     
     .rightField
     {
         
         margin-bottom:10px;
         padding-left:40px;
     }
     
     .centerField
     {
         text-align:center;
          
          padding-top:30px;
          font-size:25pt;
          
     }
      
    .nameField{
      font-size:12px; font-weight:bold; text-transform:uppercase;}
      
      .headField
      {
           font-size:12px; font-weight:bold; text-transform:uppercase;
           text-align:left;
      }

    .nameField{
      font-size:12px; font-weight:bold; text-transform:uppercase;}
    .dataField .textBox,
    .dataField .textBoxPassword,
    .dataField .dropDownList,
    .dataField .disabledTextBox,
    .dataField .multiLineTextBox,
    .dataField .largeMultiLineTextBox,
    .dataField .uploadTextBox,
    .dataField .tinyTextBox{
      font-size:13px; width:250px; padding:2px 4px;} 
    .dataField .uploadTextBox{width:342px;}
    .dataField .tinyTextBox{width:100px;}
    .dataField .multiLineTextBox{
      height:50px;}
    .dataField .largeMultiLineTextBox{
      height:350px; width:450px;}      
    .requiredField{
      font-size:18px; font-weight:bold;}
    .size100Field{
      width:129px;}

    .fields .splitField{width:50px; text-align:center; display:inline-block;}
    .fields .nameField{
      width:200px; text-align:right;}

    .leftField .nameField
    {
        width:200px; text-align:left;
    }
    
    .rightField .nameField
    {
        
        width:255px; text-align:left;
    }

#LogInButton{
  text-align:right;}

