/* ### Form ######################################################################## */

input.formtextbox, select.formlist, textarea.formtextbox
{
  color:#000000; background-color:#ffffff;
  font-family:Arial; font-size:11px;
}

input.formbutton
{
  height:21px;
  color:#000000; background-color:#ccff32;
  font-family:Arial; font-size:11px; font-weight:bold;
  padding:0px 5px 1px 5px;
  border:outset 1px #ccff32;
  overflow:visible;
}

table.checkboxlist label
{
  color:#cccccc;
  font-family:Arial; font-size:11px;
  padding:0px 10px 0px 0px;
}

a.imagelink
{
  cursor:default;
  margin:0px 5px 0px 0px;
}

a.imagelink img
{
  border:none;
}

div.notification
{
  color:#cccccc;
  font-family:Arial; font-size:11px;
  font-style:italic;
  padding:10px 0px 0px 0px;
}

div.errormessage
{
  color:#ff0000;
  font-family:Arial; font-size:11px;
  padding:5px 0px 0px 0px;
}

a.textlink:link, a.textlink:visited, a.textlink:active
{
  color:#cccccc;
  font-family:Arial; font-size:11px;
  text-decoration:none;
}

a.textlink:hover
{
  color:#ffcc00;
}

a.linkbutton:active, a.linkbutton:link, a.linkbutton:visited
{
  cursor:default;
  color:#000000; background-color:#ccff32;
  font-family:Arial; font-size:11px; font-weight:bold;
  padding:2px 5px 2px 5px;
  border:solid 1px #808080;
  display:block;
}

a.linkbutton:hover
{
  background-color:#ffdd33;
  font-family:Arial; font-size:11px; font-weight:bold;
  text-decoration:none;
}

a.sublinkbutton:active, a.sublinkbutton:link, a.sublinkbutton:visited
{
  cursor:default;
  color:#ffffff; background-color:#999999;
  font-family:Arial; font-size:11px;
  padding:2px 5px 2px 5px;
  border:solid 1px #3d3d3d;
  display:block;
}

a.sublinkbutton:hover
{
  background-color:#bbbbbb;
  font-family:Arial; font-size:11px;
  text-decoration:none;
}


/* ### Section ##################################################################### */

div.mainsection
{
  cursor:default;
  color:#cccccc;
  font-family:Arial; font-size:11px;
  padding:10px 0px 0px 0px;
  clear:both;
}

div.mainsection div, div.mainsection table
{
  font-family:Arial;
}

div.headersection
{
  color:#ffcc00;
  font-family:Arial; font-size:18px;
  padding:0px 0px 0px 0px;
  clear:both;
}

div.leftsection
{
  width:195px;
  padding:8px 0px 0px 0px;
  float:left;
}

div.rightsection
{
  width:435px;
  padding:0px 0px 0px 15px;
  float:left;
}

div.contentsection
{
  clear:both;
}
div.hplLetterSearch
{
	color:#ccff33;
	font-family:Arial; 
	font-size:12px;
}
div.sectiontitle
{
  color:#ccff33;
  background-image:url(../image/sectiontitleback.gif); background-repeat:repeat-x; background-position:right bottom;
  font-family:Arial; font-size:14px; font-weight:bold;
  text-align:right;
  clear:both;
}

div.sectiontitlemenu
{
  color:#ccff33;
  font-family:Arial; font-size:11px;
  text-align:right;
  margin:3px 0px 5px 0px;
  clear:both;
}

div.sectiontitlemenu a:active, div.sectiontitlemenu a:link, div.sectiontitlemenu a:visited
{
  color:#ccff33;
  font-family:Arial; font-size:11px;
}

div.sectiontitlemenu a:hover
{
  color:#eeff33;
  text-decoration:none;
}

div.sectiondetail
{
  color:#cccccc;
  font-family:Arial; font-size:11px;
  padding:5px 0px 5px 5px;
  clear:both;
}

div.sectiondetailright
{
  width:350px;
  color:#cccccc;
  font-family:Arial; font-size:11px;
  padding:3px 0px 5px 0px;
  float:left;
}

div.sectiondetailedit
{
  padding:5px 0px 10px 0px;
  float:right;
}

table.sectionbutton
{
  clear:both;
}

table.sectionbutton td
{
  padding:10px 3px 5px 0px;
}

table.sectiontable td
{
  color:#cccccc;
  font-family:Arial; font-size:11px;
  vertical-align:top;
}

table.sectiontable td.desc
{
  color:#cccccc;
  padding-top:5px; padding-right:10px;
  white-space:nowrap;
}

table.sectiontable td.desctext
{
  color:#cccccc;
  padding-right:10px;
  white-space:nowrap;
}

div.clear
{
  border-bottom:solid 1px #000000;
  clear:both;
}


/* ### Profile Image ############################################################### */

div.profileimage
{
  width:170px;
  background-color:#f2f2f2;
  padding:4px 4px 4px 4px;
  border:solid 1px #808080;
  text-align:center;
}

div.thumbnailimage
{
  width:54px; height:54px;
  text-align:center;
}

div.thumbnailimage a
{
  background-color:#f2f2f2;
  padding:2px 2px 2px 2px;
  border:solid 1px #808080;
  display:block;
}

img.thumbnailimage
{
  border:solid 2px #f2f2f2;
}


/* ### Friend ###################################################################### */

table.friendtable tr td
{
  vertical-align:top;
}

div.friendsubtable
{
  width:200px;
}

div.networksubtable
{
  height:55px;
  clear:both;
}

div.friendsubtable table tr td,
div.networksubtable table tr td
{
  color:#cccccc;
  font-family:Arial; font-size:12px;
  padding:2px 0px 2px 10px;
  vertical-align:top;
}

div.networksubtable table tr td a:active,
div.networksubtable table tr td a:link,
div.networksubtable table tr td a:visited,
div.friendsubtable table tr td a:active,
div.friendsubtable table tr td a:link,
div.friendsubtable table tr td a:visited
{
  color:#cccccc;
  font-family:Arial; font-size:12px;
}

div.networksubtable table tr td a:hover,
div.friendsubtable table tr td a:hover
{
  color:#ffcc00;
  text-decoration:none;
}

table.thumbnailtable tr td
{
  padding:2px 2px 2px 2px;
  vertical-align:top;
}

table.thumbnailtable tr td div
{
  text-align:center;
}

table.thumbnailtable tr td div a:active,
table.thumbnailtable tr td div a:link,
table.thumbnailtable tr td div a:visited
{
  color:#cccccc;
  font-family:Arial; font-size:9px;
}

table.thumbnailtable tr td div a:hover
{
  color:#ffcc00;
  text-decoration:none;
}


/* ### Gallery ##################################################################### */

table.photothumbnail tr td, table.videothumbnail tr td
{
  padding:4px 4px 8px 4px;
  vertical-align:top;
}

div.phototitle, div.videotitle
{
  color:#f2f2f2;
  font-family:Arial; font-size:11px;
  padding:0px 0px 2px 0px;
}

div.photothumbnail, div.videothumbnail
{
  background-color:#f2f2f2;
  padding:4px 4px 4px 4px;
  margin:0px 0px 4px 0px;
}

div.photopreview
{
  width:514px;
  position:absolute;
  left:200px; top:50px;
  background-color:#ffffff;
  padding:10px 10px 10px 10px;
  border:solid 1px #ffcc00;
}

div.videopreview
{
  width:322px;
  position:absolute;
  left:300px; top:150px;
  background-color:#ffffff;
  padding:10px 10px 10px 10px;
  border:solid 1px #ffcc00;
}

div.photopreviewtitle, div.videopreviewtitle
{
  color:#404040;
  font-family:Arial; font-size:18px;
  padding:0px 0px 5px 0px;
}

div.photopreviewtitle a:active, div.photopreviewtitle a:link, div.photopreviewtitle a:visited,
div.photopreviewtitle a:hover,
div.videopreviewtitle a:active, div.videopreviewtitle a:link, div.videopreviewtitle a:visited,
div.videopreviewtitle a:hover
{
  color:#808080;
  font-family:Arial; font-size:9px;
  text-decoration:none;
  float:right;
}

div.photopreviewdescription, div.videopreviewdescription
{
  color:#404040;
  font-family:Arial; font-size:11px;
  padding:8px 0px 0px 0px;
}


/* ### Data ######################################################################## */

table.datatable tr.header td
{
  color:#ffffff; background-color:#2e3813;
  font-family:Arial; font-size:12px;
  font-weight:bold;
  padding:3px 5px 4px 3px;
  border-bottom:solid 1px #566a1b;
}

table.datatable tr.item td
{
  color:#ffffff;
  font-family:Arial; font-size:11px;
  padding:1px 5px 0px 3px;
  border-bottom:solid 1px #2e3813;
}

a.itembuttonlink img
{
  border:none;
}

div.subdatasection
{
  padding:0px 0px 0px 5px;
  clear:both;
}

div.subdataseparator
{
  background-image:url(../image/sectiontitleback.gif); background-repeat:repeat-x; background-position:left bottom;
  margin:3px 0px 3px 0px;
  padding:1px 0px 0px 0px;
  clear:both;
}


.buttonRequestFriend
{
   width:75px;
   height:30px;
   border-style:none;
   background-color:#E2E2E2;
   color:#ffffff;
   font-family:Arial;
   font-size:12px;
   font-weight:bold;
}
.buttonDeleteInfo
{
	border-style:none;
	background-color:Transparent;
	width:50px;
	height:20px;
	font-family:Arial;
	font-size:11px;
	color:White;
}
.BtnInboxMessage
{
    background-color:#ccff33;
    border-style:solid;
    border-color:#ccff33;
    color:Black;
    font-family:Verdana;
    font-size:11px;
    cursor:pointer;
   font-weight:bold;
}