/********************************************************************************/
/*           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                                                       */
  /*****                                                                          */
    .box,
    .shadedBox{
      border:solid 1px #999;}
    .box .sideBySide{
      padding:15px;}
    .box .sideBySideLeft{
      float:left; border-right:solid 1px #ccc; display:inline-block; margin:0 15px 0 0;
      width:50%; padding:0 15px 0 0;}
    .box .sideBySideRight{
      display:inline-block; width:45%;}

    .box .padding{
       padding:15px;}

    .leftRightColumns .box{
      margin-bottom:5px;}

    .columnBox{
      border:none; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
    .columnBox .middleBarCenter{}


    .headerBox{
      background-image:url('/CSS/Version3/Images/Backgrounds/Fades/p1x50universalfade.png');
      background-repeat:repeat-x; height:55px;}

  /********************************************************************************/
  /***** COLLAPSIBLE PANELS                                                       */
  /*****                                                                          */
    .collapsiblePanel{
      background-image:url('Images/Backgrounds/Fades/p1x30universalfade.png');
      background-repeat:repeat-x; background-position:top left;
      display:inline-block; height:17px; border:solid 1px #ccc; border-bottom:none;
      padding:2px 0 0 5px; margin:10px 0 0 0;}
    .collapsiblePanel .title{
      font-size:14px; font-weight:bold; text-transform:uppercase;}
    .collapsiblePanel .collapsibleButton{
      display:block; float:right; padding:1px 15px 0 0; font-size:11px;}
    .collapsiblePanel .collapsibleButton A{
      color:#111; font-weight:bold; text-transform:uppercase;}
      
      .imageList .box
      {
        width:180px;
        height:200px;   
        float:left;
        margin-right: 15px;
        margin-left: 10px;
        margin-bottom: 25px;
          
      }

  /********************************************************************************/
  /***** UPPER CONTENT PANEL                                                      */
  /*****                                                                          */
    .upperContent{
      padding:10px 1px 0 25px;}
    .upperContent H3{
      text-transform:capitalize; color:#f90; font-size:14px; margin:0; padding:0;}
    .upperContent .scroll{
      height:150px; overflow:-moz-scrollbars-vertical; overflow-x:hidden;
      overflow-y:scroll;}
    .upperContent A.linkBold{
      color:#000; font-weight:bold; margin-left:20px;}
    #SearchLocationsControl .upperContent .scroll{
      height:145px;}