﻿  
  /********************************************************************************/
  /***** COMMON                                                                   */
  /*****                                                                          */
    .community .box{
      border:solid 1px #fc3; margin:2px 0 0 0;}
    .community .rightBorder{
      border-right:solid 1px #fc3; padding-right:10px;}
    .community H3{
      text-transform:capitalize; color:#555; font-size:15px; padding-bottom:5px;
      border-bottom:solid 1px #fc3; margin-bottom:5px;}
    .community H4{
      text-transform:capitalize; color:#555; font-size:15px; margin:25px 0 0 0;}


  /********************************************************************************/
  /***** TOP HEADING BAR                                                          */
  /*****                                                                          */
    #HeadingControl .topBar{
      border:none; background-color:#fc3; margin:0;}
    #HeadingControl .topBar .topBarRow{
      border:none; height:36px;}
    #HeadingControl .topBar .topBarLeft{
      background-image:url('Images/MyCommunity/g25x36-TopLeftOrangeBar.gif');
      width:20px; background-position:top left;}
    #HeadingControl .topBar .topBarIcon{
      width:32px; background-color:#fc3; padding:2px 5px 0 0;}
    #HeadingControl .topBar .topBarText{
      background-image:none; background-color:#fc3;}
    #HeadingControl .topBar .topBarText H2{
      font-weight:bold; font-size:21px; padding:1px 0 0 6px; color:#222; font-family:Lucida Sans;}
      /*text-transform:uppercase;}*/
    #HeadingControl .topBar .topBarRight{
      background-image:url('Images/MyCommunity/g25x36-TopRightOrangeBar.gif');
      width:20px; background-position:top right;}


  /********************************************************************************/
  /***** ICONS                                                                    */
  /*****                                                                          */
    .community .tabs{
      border:none; background-color:#fc3;}
    .community .activeTabItem{
      background-image:none; background-color:#fc3; border:none; color:#000;
      border-top:solid 2px #fff; border-right:solid 2px #fff; height:21px;padding:0; margin:0;}
    .community .activeTabItem A,
    .community .activeTabItem A:Hover{
      color:#000; display:inline-block; width:125px; height:19px; font-weight:bold;
      padding:2px 0 0 0; margin:0;}
    .community .tabItem{
      background-image:none; background-color:#000; border:none; color:#fff;
      border-top:solid 2px #fff; border-right:solid 2px #fff; height:21px;padding:0; margin:0;}
    .community .tabItem A,
    .community .tabItem A:Hover{
      color:#fff; display:inline-block; width:125px; height:19px; font-weight:bold;
      padding:2px 0 0 0; margin:0;}
    .community .tabItem A:Hover{
      background-color:#f90; color:#000;}

  /********************************************************************************/
  /***** ICONS                                                                    */
  /*****                                                                          */
    .community .nameField,
    .community .checkBox,
    .community .errorField{
      color:#333; text-transform:capitalize; font-size:11px;}


  /********************************************************************************/
  /***** ICONS                                                                    */
  /*****                                                                          */
    .community .button{
      color:#fff; background-image:none; background-color:#000;
      text-transform:capitalize; padding:0; height:23px;}


  /********************************************************************************/
  /***** ICONS                                                                    */
  /*****                                                                          */
    #HeadingControl .topBar .iconKey,
    #HeadingControl .topBar .iconEmail,
    #HeadingControl .topBar .iconPerson,
    #HeadingControl .topBar .iconNews{
      width:32px; height:32px; background-position:top right; padding:0; margin:0;}
    #HeadingControl .topBar .iconKey{
      background-image:url('Images/MyCommunity/g32-Key.gif');}
    #HeadingControl .topBar .iconEmail{
      background-image:url('Images/MyCommunity/g32-EMail.gif');}
    #HeadingControl .topBar .iconPerson{
      background-image:url('Images/MyCommunity/g32-Member.gif');}
    #HeadingControl .topBar .iconNews{
      background-image:url('Images/MyCommunity/g32-News.gif');}

  /********************************************************************************/
  /***** ICONS                                                                    */
  /*****                                                                          */
#NotAMemberImage{
  background-image:url('Images/MyCommunity/g120x125-Stairs.gif'); height:125px;
  width:120px; display:block; margin:5px;}
#ThanksImage{
  background-image:url('Images/MyCommunity/g100x120-OnShulders.gif'); height:120px;
  width:100px; display:block; margin:5px;}
#NewsImage{
  background-image:url('Images/MyCommunity/g250x175-MegaPhone.gif'); height:200px;
  width:250px; display:block; margin:5px; background-repeat:no-repeat;
  background-position:top left;}

.floatingLeftImage{
  float:left;}
.floatingRightImage{
  float:right;}