body {
     background: white;
     padding:0px;
     font-family: "Lucida Grande", verdana, lucida, arial, helvetica ,sans-serif;
     font-size: 10pt;
}

.wrapper {
      width: 960px;
      margin-top: 0px;
      margin-right: auto;
      margin-left: auto;
      padding: 10px;
      overflow:hidden;

}

.navpanel {
          width: 940px;
          height: 140px;
          background: white;
          background: url(images/navbarm.jpg) repeat-x;
          padding-left: 10px;
          padding-right: 8px;
          padding-top: 10px;
          color: white;
          font-size: 14pt;
}

.tlcorner {
          position:absolute;
          left:0px;
          top:0px;

}

.trcorner {
          position:absolute;
          right:0px;
          top:-13px;

}

.blcorner {
          position:absolute;
          bottom:-4px;
          left:0px;
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);

}

.brcorner {
          position:absolute;
          right:0px;
          bottom:-4px;

}

.tabpanel {
          width: 940px;
          height: 60px;
          padding-left:20px;
          background: white;
          color: white;

}

.breadcrumbpanel {
          width: 760px;
          padding-left: 10px;
          background: white;
          font-weight:bold;

}

.homepanel {

          width: 940px;
          min-height: 540px;
          background: white;
          padding: 10px;
          margin-right:10px;


}

.rhpanel {

          width: 160px;
          background: white;
          float: left;
          margin-left: 10px;
          margin-top: 10px;

}


.taskpanel {

          width: 160px;
          background: #dfe1ed;
          border: 2px solid #272d5d;
          font-size:7pt;

}


.leaderboardpanel {

          width: 345px;
          height: 330px;
//          background: #dfe1ed;
          border: 2px solid #272d5d;
          padding: 10px;
          float:left;
          margin-right:10px;
          margin-bottom:10px;


}


.mainpanel {

          width: 760px;
          min-height: 540px;
          background: white;
          padding-left: 10px;
          padding-top: 10px;
          margin-right:10px;
          float:left;

}

.footerpanel {
           width: 940px;
           min-width: 500px;
           background:#dfe1ed;
           padding: 5px;
           margin-top: 10px;
           font-size: 8pt;
           text-align:center;
           clear:both;

}

.new_user_area{
               margin:5px;
               border:1px solid black;
               padding:10px;
              float:left;
}

.number_points{
               margin:5px;
               border:1px solid black;
               float:left;
               padding:10px;

}




/*Text Formatting*/

.title {
      
      margin-top:-10px;
      font-size:70pt;
      color:white;
      font-weight:bold;
}



/*Buttons*/


.tabbutton1 {
          width: 117px;
          height: 35px;
          background: white;
          background-image: URL(images/buttons/button.jpg);
          color: white;
          font-size: 12pt;
          float:left;
          text-align:center;
          padding-right:2px;
          padding-left:2px;
          padding-top:15px;
          cursor:pointer;

}

.tabbutton1:hover {
                  width: 138px;
                  height: 45px;
                  background-image: url(images/buttons/buttonhover.jpg);
                  font-size: 14pt;
                  margin-right:2px;
                  text-decoration:underline;

}

.tabbutton2 {
          width: 117px;
          height: 44px;
          background: white;
          background-image: url(images/buttons/button.jpg);
          color: white;
          font-size: 11pt;
          float:left;
          text-align:center;
          padding-right:2px;
          padding-left:2px;
          padding-top:6px;
          cursor:pointer;
}

.tabbutton2:hover {
                  width: 138px;
                  height: 54px;
                  background-image: url(images/buttons/buttonhover.jpg);
                  font-size: 13pt;
                  margin-right:2px;
                  text-decoration:underline;
}

.tablebutton1 {
          width: 117px;
          height: 35px;
          background: white;
          background-image: url(images/buttons/buttons/fullbutton1.jpg);
          color: white;
          font-size: 12pt;
          float:left;
          text-align:center;
          padding-right:2px;
          padding-left:2px;
          padding-top:15px;
          cursor:pointer;

}

.tablebutton1:hover {
                     text-decoration:underline;
}

.tablebutton2 {
          width: 117px;
          height: 44px;
          background: white;
          background-image: url(images/buttons/fullbutton1.jpg);
          color: white;
          font-size: 11pt;
          float:left;
          text-align:center;
          padding-right:2px;
          padding-left:2px;
          padding-top:6px;
          cursor:pointer;
          }

.tablebutton2:hover {
                    text-decoration:underline;
}

.openbutton1 {
          width: 117px;
          height: 35px;
          background: white;
          background-image: url(images/buttons/buttons/fullbutton2.jpg);
          color: white;
          font-size: 12pt;
          float:left;
          text-align:center;
          padding-right:2px;
          padding-left:2px;
          padding-top:15px;
          cursor:pointer;

}

.openbutton1:hover {
                     text-decoration:underline;
}

.openbutton2 {
          width: 117px;
          height: 44px;
          background: white;
          background-image: url(images/buttons/fullbutton2.jpg);
          color: white;
          font-size: 11pt;
          float:left;
          text-align:center;
          padding-right:2px;
          padding-left:2px;
          padding-top:6px;
          cursor:pointer;
          }

.openbutton2:hover {
                    text-decoration:underline;
}


/* Table Columns*/

.tablerow {
//            min-height:20px;
            overflow:hidden;
            font-size:10pt;
            background:#dfe1ed;
            margin-bottom:3px;
            overflow:hidden;
}
/*Normal Columns*/

.headcolumn {
            vertical-align: middle;
            float:left;
            font-weight: bold;
            text-align: center;
            background: #818db7;
            color:white;
            padding-left:2px;
            padding-right:2px;
            padding-top: 3px;
            padding-bottom:5px;
}

.normalcolumncenter {
            float:left;
            text-align: center;
            padding:2px;
}

.normalcolumnleft {
            float:left;
            text-align: left;
            padding:2px;
}

.leaderboardheadcolumn1 {
            vertical-align: middle;
            float:left;
            font-weight: bold;
            text-align: center;
            background: #818db7;
            color:white;
            padding-left:2px;
            padding-right:2px;
            padding-top: 3px;
            padding-bottom:5px;
            width: 50px;
}
.leaderboardheadcolumn2 {
            vertical-align: middle;
            float:left;
            font-weight: bold;
            text-align: center;
            background: #818db7;
            color:white;
            padding-left:2px;
            padding-right:2px;
            padding-top: 3px;
            padding-bottom:5px;
            width: 183px;
}  
.leaderboardheadcolumn3 {
            vertical-align: middle;
            float:left;
            font-weight: bold;
            text-align: center;
            background: #818db7;
            color:white;
            padding-left:2px;
            padding-right:2px;
            padding-top: 3px;
            padding-bottom:5px;
            width: 100px;
}



.leaderboardcoloumn1 {
            float:left;
            text-align: center;
            padding:2px;
            width:50px;
}

.leaderboardcoloumn2 {
            float:left;
            text-align: left;
            padding:2px;
            width:183px;
}

.leaderboardcoloumn3 {
            float:left;
            text-align: center;
            padding:2px;
            width:100px;
}

div.comments {
   border: 2px solid black;
   padding: 2px;
   background: #dfe1ed;
}

div.diary {
   border: 2px solid black;
   padding: 2px;
   min-height: 132px;
   background: #dfe1ed;
}

div.commentfooter {
                font-size: 8pt;
}

img.pet_list {
             width:155px;
             height:116px;
             float:right; 
             border: 2px solid #818db7;
             margin-left: 5px;
}

img.advert_list {
             float:right;
             border: 2px solid #818db7;
             margin-left: 5px;
}


a {
  text-decoration:none;
  color:#272d5d;
}

a.table {
  color:black;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
  color:#272d5d;
}

h1 {
   display:inline;
   color:#272d5d;
   font-size:25pt;
}

h2 {
   display:inline;
   color:#272d5d;
   font-size:15pt;

}

h3 {
   display:inline;
   color:#272d5d;
   font-size:11pt;

}

h4 {
   display:inline;
   color:#272d5d;
   font-size:9pt;

}