/* ======================================== */
/*              MODULE CSS                  */
/*     Do not delete the styles in this     */
/*  section.  They are used by the module.  */
/*  You of course, may modify them to suit  */
/*         your design and layout.          */
/* ======================================== */
  /* ================== REGISTRY SYSTEM ================== */
  .registrysystemnoaccess {font-family: arial; color: #000000; font-weight: bold; font-size: 16px;}
  div.registrysystemnotice {font-size: 12px; color: #ffff00; font-weight: bold; border: dotted 1px #aaaaaa; text-align: center; padding: 8px; background-color: #555555;}

  table.registrysystemnav {width: 100%; margin-bottom: 10px;}
  td.registrysystemnavusername {text-align: left; padding-bottom: 2px; font-size: 18px; font-weight: bold; border-bottom: solid 1px #aaaaaa;}
  td.registrysystemnav {text-align: right; vertical-align: bottom; padding-bottom: 2px; border-bottom: solid 1px #aaaaaa;}
  .registrysystemnav {font-family: arial, verdana, helvetica, geneva, sans-serif; text-decoration:  none; font-weight: bold; font-size: 12px; color: #000000;}
	a.registrysystemnav:link, a.registrysystemnav:visited, a.registrysystemnav:active {color: #006600; text-decoration: none;}
	a.registrysystemnav:hover {color: #aaaaaa; text-decoration: none;}	

	#registrytabs .tablink {font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff;}
	#registrytabs a.tablink:link, #registrytabs a.tablink:visited, #registrytabs a.tablink:active {color: #ffffff; font-weight: bold;	text-decoration: none;}
	#registrytabs a.tablink:hover {color: #cccccc; font-weight: bold; text-decoration: none;}

	p.registrysystemnotice {margin: 0px; font-size: 12px; font-weight: bold; color: #fbfbec; text-align: center;}

	div.systemstatus {border: solid 1px #555555; padding: 8px; background-color: #333333; text-align: left;}
	.systemstatus {font-size: 11px; color: #ffff00; font-weight: bold;}

	img.bioimg {border:solid 1px #ccc; width:120px; height:120px;}
	
  /* ================== REGISTRY INDEX PAGE (index.cfm) ================== */
  table.registryindexalphatable {border: solid 1px #777777; width: 100%; border-collapse: collapse;}
	td.registryindexalphatitle {border: solid 1px #777777; background-color: #424760; padding: 2px 10px;}
  .registryindexalphatitle {font-size: 12px;	color: #FFFCEE; font-weight: bold;}
  a.registryindexalphatitle:link, a.registryindexalphatitle:visited, a.registryindexalphatitle:active {color: #FFDD00; font-weight: bold;}
  a.registryindexalphatitle:hover {color: #ffff00; text-decoration: underline; font-weight: bold;}

  td.registryindexalpha {border: solid 1px #777777; padding: 2px; text-align: center; text-valign: middle;}
  .registryindexalpha {font-family: arial; font-size: 14px; color: #ffffff; font-weight: bold;}
  a.registryindexalpha:link, a.registryindexalphachoice:visited, a.registryindexalphachoice:active {color: #FFDD00; font-weight: bold;}
  a.registryindexalpha:hover {color: #ffffff; text-decoration: underline; font-weight: bold;}

  .registryindexsearchusername {font-size: 10px; color: #ffffff; font-weight: bold;}
  input.registryindexsearchusernamefield {font-size: 10px;}
  input.registryindexsearchusernamesubmit {font-size: 10px; background-color: #006600; font-weight: bold; color: #ffffff;}

	#registryform table {width: 100%; border-collapse: collapse; border: solid 1px #777777;}
	#registryform th {text-align: left; vertical-align: middle; padding: 2px 5px; border: solid 1px #777777; background: #4C5A6E;}
	#registryform th p {font-size: 12px; color: #eeeeee; font-weight: bold;}
	#registryform td {vertical-align: middle; padding: 3px 5px;}
	#registryform td p {font-weight: bold;}
	#registryform small {font-size: 10px; color: #cccccc;}
	#registryform p.help {font-size: 10px; color: #c0facf; font-weight: normal;}

  #listing table {width: 100%; border-collapse: collapse;}
  #listing th {border: solid 1px #777777; background-color: #424760; padding: 4px 5px;}
	#listing th p {font-size: 11px; color: #FFFCEE; font-weight: bold;}
	#listing th span.dis {color: #aaaaaa;}
  #listing th p a:link, #listing th p a:visited, #listing th p a:active {color: #FFDD00; font-weight: bold;}
  #listing th p a:hover {color: #ffffff; text-decoration: underline; font-weight: bold;}
  #listing th.title {text-align: left; vertical-align: middle; background-color: #313650; padding: 2px 4px; border: solid 1px #777777;}
  #listing th.title p {font-size: 10px; font-weight: bold;}
  #listing a.title:link, #listing a.title:visited, #listing a.title:active {color: #006600; font-weight: bold;}
  #listing a.title:hover {color: #aaaaaa; text-decoration: underline; font-weight: bold;}
  #listing td {padding: 1px 5px; border: solid 1px #777777; text-align: left; vertical-align: top;}
  #listing td.alt {background-color: #000033; padding: 1px 5px; border: solid 1px #777777;}
  #listing td p, td.alt p {font-size: 10px;}
  #listing a:link, #listing a:visited, #listing a:active {color: #FFDD00; font-weight: bold;}
  #listing a:hover {color: #ffffff; text-decoration: underline; font-weight: bold;}
  
  /* ================== ADD/UPDATE REGISTRY PAGE (editregistry.cfm) ================== */
  .registryaddupdatemultichoicetext {font-family: arial, helvetica, geneva, verdana, sans-serif; font-weight: normal; font-size: 10px;}

  table.registryaddupdatestatusborder, tr.registryaddupdatestatusborder, td.registryaddupdatestatusborder {background-color: #777777;}
  table.registryaddupdatestatusbackgroundcolor, tr.registryaddupdatestatusbackgroundcolor, td.registryaddupdatestatusbackgroundcolor {background-color: #333333;}
  .registryaddupdatestatus {font-weight: bold; font-size: 11px; color: #ffff00;}
  
  .registryaddupdateforminputfield1 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield2 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield3 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield4 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield5 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield6 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield7 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield8 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield9 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield10 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield11 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield12 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield13 {width: 100%;}
  .registryaddupdateforminputfield14 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield15 {width: 100%;}
  .registryaddupdateforminputfield16 {width: 100%;}
  .registryaddupdateforminputfield17 {width: 100%;}
  .registryaddupdateforminputfield18 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield19 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield20 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield71 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px; width: 100%;}
  .registryaddupdateforminputfield72 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px; width: 100%;}
  .registryaddupdateforminputfield73 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px; width: 100%;}
  .registryaddupdateforminputfield74 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputfield75 {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 11px; font-weight: bold; background-color: #ffffff; color: #555555; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateforminputuploadpicture {font-family: arial, tahoma, verdana, helvetica, geneva, sans-serif; font-size: 12px; background-color: #ffffff; color: #000000; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  
  .registryaddupdateformsubmitdeletepic {background-color: #880000; font-size: 10px; font-weight: bold; font-family: verdana, arial, times new roman; color: #ffffff; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}
  .registryaddupdateformsubmit {background-color: #000000; font-size: 11px; font-weight: bold; font-family: ms sans serif, tahoma, arial, times new roman; color: #ffffff; border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 3px;}

  table.registryaddupdatedeleteborder, tr.registryaddupdatedeleteborder, td.registryaddupdatedeleteborder {background-color: #ffffff;}
  table.registryaddupdatedeletecellcolor, tr.registryaddupdatedeletecellcolor, td.registryaddupdatedeletecellcolor {background-color: #444444;}
  .registryaddupdatedeletewarning {font-family: arial, helvetica, geneva, verdana, sans-serif; font-weight: bold; font-size: 16px; color: #ffffff;}
  .registryaddupdatedeletenormal {;}
  .registryaddupdatedeleteareyousure {font-family: arial, helvetica, geneva, verdana, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff;}
  .registryaddupdatedeleteformsubmit {font-family: verdana, helvetica, geneva, sans-serif;  background-color: #777777; color: #ffffff; text-align: center; font-size: 11px; border: solid 1px #ffffff; font-weight: bold;}

  /* ================== VIEW REGISTRY PAGE (viewregistry.cfm) ================== */
	img.onlineindicator {margin-top: 10px;}

  #contactpanel table {width: 0px;}
  #contactpanel td {text-align: center; vertical-align: middle; padding: 3px 8px;}

  #buddylisting table {width: 580px;}
  #buddylisting td {width: 25%; text-align: center; vertical-align: bottom; padding: 10px 5px;}
  #buddylisting img.piclisting {width:60px; height:60px; border: 0px;}
  #buddylisting span.userlink {font-size: 10px; font-weight: bold;}
  #buddylisting a.userlink:link, #buddylisting a.userlink:visited, #buddylisting a.userlink:active {color: #ffcc00; font-weight: bold;}
  #buddylisting a.userlink:hover {color: #ffff00; text-decoration: underline; font-weight: bold;}

  /* ================== PHOTO ALBUM (editregistry.cfm?managephotos) ================== */
	#registryform td.uploadcolumn1 {width: 30%; text-align: right; vertical-align: top; padding: 3px 2px;}
	#registryform td.uploadcolumn2 {width: 70%; text-align: left; vertical-align: middle; padding: 3px 2px;}
	#registryform .uploaddescription {width: 350px;}

  /* ================== PHOTO ALBUM (viewphotos.cfm) ================== */
	#photoalbumnav table {width: 100%; border: solid 1px #cccccc; background-color: #182733;}
	#photoalbumnav td.navleftcol {text-align: left; padding: 2px 4px;}
	#photoalbumnav td.navrightcol {text-align: right; padding: 2px 4px;}
	#photoalbumnav p {font-weight: bold;}
	#photoalbumnav span.disabled {color: #777777;}

  /* ================== FRIEND COMMENTS (viewregistry.cfm) ================== */
  #friendcomments table {width: 580px; border-collapse: collapse; border: solid 1px #777777;}
  #friendcomments td.picture {width: 20%; text-align: left; vertical-align: top; border: solid 1px #777777;}
	#friendcomments div.picturecontainer {padding: 5px;}
  #friendcomments td.comments {width: 80%; text-align: left; vertical-align: top; border: solid 1px #777777;}
  #friendcomments div.commentscontainer {padding: 5px;}
  #friendcomments img.profilepic {width: 60px; border: 0px;}
  #friendcomments div.status {border: solid 1px #777777; background-color: #333333;}
  #friendcomments span.status {font-weight: bold; color: #ffff00;}
  #friendcomments form {margin: 5px;}
  #friendcomments textarea {width: 100%;}
  #friendcomments span.username {font-weight: bold;}
	#friendcomments div.photo {text-align: center; padding: 4px;}
  #friendcomments div.date {font-weight: bold; border-bottom: solid 1px #aaaaaa; margin-bottom: 4px;}

  /* ================== BLOG LISTING (editregistry.cfm?manageblog) ================== */
	#registryblognav table {width: 100%; border: solid 1px #cccccc; background-color: #182733;}
	#registryblognav td.navleftcol {text-align: left; padding: 2px 4px;}
	#registryblognav td.navrightcol {text-align: right; padding: 2px 4px;}
	#registryblognav p {font-weight: bold;}
	#registryblognav span.disabled {color: #777777;}

	#listing th.bloglistdate {width: 20%; text-align: left; vertical-align: middle;}
	#listing th.bloglisttitle {width: 65%; text-align: left; vertical-align: middle;}
	#listing th.bloglistcomments {width: 5% text-align: center; vertical-align: middle;}
	#listing th.bloglistpublished {width: 5%; text-align: center; vertical-align: middle;}
	#listing th.bloglistactions {width: 5%; text-align: center; vertical-align: middle;}
	#listing td.bloglistdate {text-align: left; vertical-align: middle;}
	#listing td.bloglisttitle {text-align: left; vertical-align: middle;}
	#listing td.bloglistcomments {text-align: center; vertical-align: middle;}
	#listing td.bloglistpublished {text-align: center; vertical-align: middle;}
	#listing td.bloglistactions {text-align: center; vertical-align: middle;}
	
	#registryform td.bloglistcolumn1 {width: 30%; text-align: right; vertical-align: top; padding: 3px 2px;}
	#registryform td.bloglistcolumn2 {width: 70%; text-align: left; vertical-align: middle; padding: 3px 2px;}
	#registryform td.bloglistsubmit {text-align: center; padding: 5px; background-color: #555555;}

  #registrybloglist table {width: 480px; border-bottom: solid 1px #aaaaaa; margin-bottom: 5px;}
	#registrybloglist td.date {width: 25%; text-align: left; vertical-align: top; padding: 2px;}
	#registrybloglist td.title {width: 75%; text-align: left; vertical-align: top; padding: 2px;}

	#registryblogview div.blogbody {border: solid 1px #aaaaaa; padding: 10px;}
	#registryblogview p {text-align: left;}
	#registryblogview p.title {font-weight: bold; font-size: 14px; text-align: left;}
	#registryblogview span.date {font-weight: bold; font-size: 12px;}

	#registryform td.settingscolumn1 {width: 50%; text-align: right; vertical-align: top; padding: 3px 2px;}
	#registryform td.settingscolumn2 {width: 50%; text-align: left; vertical-align: middle; padding: 3px 2px;}
	#registryform td.settingssubmit {text-align: center; padding: 5px; background-color: #555555;}

/* ======================================== */
/*              CUSTOM CSS                  */
/*   You can do anything with the styles    */
/*                below.                    */
/* ======================================== */
