﻿/********************************************************************************/
/*           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   */
/*                                                                              */
/********************************************************************************/

    .button,
    .checkBox,
    .textBox,
    .multiLineTextBox,
    .disabledTextBox,
    .tinyTextBox,
    INPUT.file{
      font-family:arial, tahoma, verdana, sans-serif;}

  /********************************************************************************/
  /***** BODY TYPE ELEMENTS                                                       */
  /*****                                                                          */
    .label{
      font-weight:bold; text-transform:uppercase;}
    .navigation{
      text-transform:uppercase; font-size:11px;}
    .pipe{
      margin:0 5px;}
    .copyright{
      font-size:10px;}
    .right{
       text-align:right;}
    .topRight{
      vertical-align:top; text-align:right;}

    .imageHolder{
      display:inline-block; float:left;}
    .section{
      font-size:14px; font-weight:bold; border-bottom:solid 1px #fc6; margin-top:20px; margin-right:50px;}

    .enlarge{}

    .textBox,
    .textBoxPassword,
    .dropDownList,
    .multiLineTextBox,
    .largeMultiLineTextBox,
    .uploadTextBox,
    .listBox,
    .tinyTextBox,
    INPUT.file{
      border:solid 1px #999; font-size:13px; padding:2px 4px; margin-right:4px;}

    .disabledTextBox{
      border:solid 1px #dfdfdf;}

    .buttons{
      text-align:center;}
    .listButtons{
      text-align:right; padding:4px 0 16px 0;}
    .button,
    .colorButton,
    .chooseColorButton{
      cursor:pointer;}
    .colorButton{
      margin-bottom:1px; width:14px; height:14px; overflow:hidden;
      margin-right:1px; display:inline-block; border:solid 1px #666;}
    .chooseColorButton{
      margin-left:5px; height:21px; width:84px; border:solid 1px #666;
      background-color:#fff; display:inline-block;}
    .closeColorButton{
      height:14px; overflow:hidden;
      margin-right:1px; display:inline-block;
      font-weight:bold; text-align:center; padding:0 2px; color:#222;}

.checkBox{
  border:none; font-weight:bold; text-transform:uppercase;}

    .message{
      border:solid 1px #ccc; background-color:#efefef; color:#000; padding:10px; margin:10px;}

    .pad{
      padding:10px;}

    .underline{
      text-decoration:underline;}

.indent{
  margin-left:55px;}

.dropShadow {
  BACKGROUND-IMAGE: url(/CSS/Version3/Images/Backgrounds/p1x15bottomdropshadow.png);	BACKGROUND-REPEAT: repeat-x} 

.line { margin:0 25px 0 0; padding:0; height:1px; overflow:hidden; border-bottom:solid 1px #999; }

  .messages{
    min-height:200px;}

H1.large{
  font-size:26px;}

.fiftyFifty{
  width:100%}
.fiftyFifty TD{
  width:50%}
.fiftyFifty .textBox,
.fiftyFifty .listBox{
  width:100%;}
.centerData{
  text-align:center;}

#NotAMemberImage{
  background-image:url('Images/Photos/j100x70-Girl03.jpg'); height:80px; width:100px;
  display:block; float:right; margin:5px;}
#ThanksImage{
  background-image:url('Images/Photos/p114x175girl01.png'); height:175px; width:114px;
  display:block; float:right; margin:5px;}

  /********************************************************************************/
  /***** ICONS                                                                    */
  /*****                                                                          */
    .floatLeft{
      display:block; float:left; padding:0 10px 10px 0;}
    .floatRight{
      display:block; float:right;}
    #PeopleIcon48{
      background-image:url('Images/Icons/p48-People.png'); height:48px; width:48px;
      background-repeat:no-repeat;}


.popularLists{
  margin:0; font-size:11px; text-align:center; margin:10px 0 0 0;}
.popularLists STRONG{
  padding:0 4px 0 0;}
.popularLists .pipe{
  margin:0; padding:0 2px 0 4px;}
.siteMaps{
  margin:0 0 5px 0;}
.copyright{
  padding-top:8px;}

.spacer{
  display:block; height:3px; margin:0; padding:0; overflow:hidden;}

.centerTable{
  width:100%; height:100%; text-align:center; vertical-align:middle;}
.itemHolder{
  width:auto; margin:0 auto;}