/* 0 BASIC TAGS */

table
{
  font-size: 8pt;
  font-family: Verdana;
  color: White;
}

h1, h2, h4
{
  margin: 0px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

p
{
  line-height: 1.4em;
}

hr
{
  border: 0;
  border-top: 1px solid #505050;
  height: 1px;
}

/*a
{
  text-decoration: none;
  color: #DBB94F;
}

a:visited {
	color: #C19B28;
}

a:hover
{
  text-decoration: underline;
  color: #E6CD84;
}
/*
body
{
  background-color: #ffffff; #333333;
 background-image: url(Images/background.gif);
  background-repeat: repeat;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  color: #FFFFFF;
}*/

.masterbody
{
  background-color: #333333; /* background-image: url(Images/background.gif);   background-repeat: repeat;*/
  background-image: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  color: #FFFFFF;
  min-width: 780px;
}

img
{
  border-width: 0px;
}

/* 1 HEADER */

.header
{
  /*	background-image: url(Images/header-wide.gif); 	background-repeat: no-repeat; */
  position: relative;
  width: 100%;
  height: 76px;
  margin: 0px 0px 0px 0px;
}


h1
{
  position: absolute;
  left: 87px;
  top: 10px;
  text-transform: uppercase;
  font-size: 14px;
}

h2
{
  position: absolute;
  left: 87px;
  top: 34px;
  font-size: 12px;
}

.menua
{
  position: absolute;
  right: 37px;
  top: 13px;
  text-transform: uppercase;
}

.leftpanel
{
  background-color: #000000; /*  background-image: url(Images/vmenuleft.gif);   background-repeat:repeat-y;*/
  vertical-align: top;
  text-align: center;
  left: 0px;
  width: 160px;
  min-width: 110px;
  font-size: 10px;
}

.rightpanel
{
  background-color: #000000; /*  background-image: url(Images/vmenuright.gif);   background-repeat:repeat-y;*/
  vertical-align: top;
  text-align: left;
  left: 0px;
  width: 160px;
  min-width: 110px;
}

.menuv
{
  vertical-align: top;
  left: 0px;
  text-align: left;
  max-width: 110px;
  width: 110px;
  font-size: 10px;
  margin: 4px 10px 4px 10px;
}
.nav
{
  position: absolute;
  right: 37px;
  top: 51px;
  font-size: 10px;
}

/*.menua a:visited, .nav a:visited .menuv a:visited
{
  color: #DBB94F;
}

 1.1 SHIM */

.shim
{
  display: none;
}

.CheckBoxList
{
  clear: none;
  text-align: left;
  text-transform: uppercase;
  font-size: 10px;
  color: #DBB94F;
}

.Login
{
  font-size: 12px;
  font-weight: bold;
}

.actionbutton
{
  background-color: Transparent;
  background-image: url(Images/button-bg.gif);
  background-repeat: no-repeat;
  border-style: none;
  width: 141px;
  height: 29px;
  font-family: Verdana;
  font-size: 12px;
  color: #DBB94F;
  cursor: pointer;
}

.commandbutton
{
  background-color: Transparent;
  background-image: url(Images/button-cmd.gif);
  background-repeat: repeat-x;
  border-style: none; /*   width: 75px; */
  height: 20px;
  font-family: Verdana;
  font-size: 10pt;
  padding-left: 0px;
  color: White;
  cursor: pointer;
}
.leftbarbutton
{
  background-color: Transparent;
  background-image: url(Images/button-cmd.gif);
  background-repeat: repeat-x;
  border-style: outset; /*   width: 75px; */
  height: 29px;
  font-family: Verdana;
  font-size: 8pt;
  padding-left: 0px;
  color: #DBB94F;
  cursor: pointer;
}

/* 2 PAGE */

.page
{
  background-repeat: repeat-y;
  margin-left: 0px;
  margin-right: 0px;
  text-align: left;
}

h3
{
  position: relative;
  font-size: 8pt;
  font-family: Verdana;
  color: White;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}
h4
{
  margin-top: 1.0em;
  margin-bottom: 1.12em;
  font-size: 1.3em;
  font-weight: bold;
}

/* 2.1 ALL PAGES */

#home, #resume, #links, #albums, #photos, #details, #register, #admin-albums, #admin-photos, #admin-details
{
  position: relative;
  width: 686px;
  padding: 0px 37px;
  padding-top: 1px; /* Weird Mozilla Bug */
  padding-bottom: 40px; /* Weird Mozilla Bug */
}

#sidebar
{
  float: left;
  width: 214px;
  height: 100%;
}

#content
{
  margin-left: 256px;
}

#whatsnew
{
  float: left;
  width: 200px;
  height: 100%;
}

#coollinks
{
  margin-left: 220px;
}

#resume h4, #links h4
{
  margin-top: 0px;
  border-top: 1px solid #505050;
  padding-top: 1.0em;
  position: absolute;
  left: 37px;
  width: 214px;
}

#resume #photo
{
  position: absolute;
  left: 37px;
  top: 20px;
  width: 214px;
}

#resume .first
{
  margin-top: 0px;
  border-top: 1px solid #505050;
  padding-top: 1.5em;
}

dl
{
  margin-top: 0px;
  margin-bottom: 0px;
  border-top: 1px solid #505050;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  position: relative;
}

dt
{
  position: absolute;
  left: 0px;
}

dd
{
  margin-left: 150px;
  height: 2.0em;
}

.emptydata td
{
  padding: 50px;
  color: #aeaeae;
}

.view
{
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;
}

.view .photo-frame
{
  margin-left: 0px;
  margin-right: 0px;
}

.item
{
  padding: 20px 50px;
  color: #B2B2B2;
}

.item h4
{
  margin-bottom: 0.4em;
}

.nullpanel
{
  padding: 150px;
  width: 0px;
  text-align: center;
}

.buttonbar, .buttonbar-top
{
  width: 686px;
  height: 36px;
  background-image: url(Images/photonav.gif);
  background-repeat: no-repeat;
  text-align: center;
}
.buttonbar-leftlabel
{
  text-align: right;
  margin-bottom: 15px;
  margin-right: 60px;
}

.buttonbar-rightlabel
{
  margin-bottom: 15px;
  margin-left: 60px;
}

.buttonbar-drop
{
  margin-bottom: 10px;
  margin-left: 4px;
}
/* 3 FOOTER */

.footerbg
{
  position: relative;
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 10px;
}

.footer
{
  background-image: url(images/footer-Wide.gif);
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  height: 50px;
  margin: 2px 0px 0px 0px;
}

.footers
{
  background-image: url(images/footers.gif);
  background-repeat: repeat;
  position: relative;
  width: 99%;
  height: 50px;
  margin: 0px 0px 0px 0px;
  padding-bottom: 8px;
}

.leftfooter
{
  text-align: left;
  vertical-align: middle;
  left: 0px;
  width: 160px;
  padding-left: 4px;
}

.rightfooter
{
  text-align: left;
  left: 0px;
  width: 160px;
}

.timeoutframe
{
  position: relative;
  border-color: Black;
  border-style: none;
  border: 0px;
  width: 140px;
  height: 40px;
  background-color: Transparent;
  padding: 0px 0px 0px 0px;
  visibility: hidden;
}

.menub
{
  margin: 8px 0px 2px 0px;
  text-transform: uppercase;
  font-size: 10px;
}

.menub a:visited
{
  color: #DBB94F;
}

.nava
{
  color: White;
  font-size: 10px;
  text-decoration: none;
  vertical-align: bottom;
}


.navb
{
  color: White;
  margin: 8px 0px 6px 0px;
  font-size: 10px;
  text-decoration: none;
}


/* Inline styles are used because image controls hard code a border property */

.photo_198
{
  border: 2px outset #FFFFFF;
}

.labelcol
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #e3d1a2;
}

.datacol
{
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 0px 0px;
  color: White; /* background-color: Black;*/
}

.normalgridrow
{
  background-color: #333333;
  margin: 0px 0px 0px 0px;
  font-weight: normal;
}

.selectedgridrow
{
  background-color: #333333;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  color: #33FFFF;
  border: outset 2px Silver;
}

.gridrow
{
  /*  background-image: url(images/gridrow.gif);   background-repeat: repeat; /*	position: relative;*/ /*	width: 100%;*/
  background-color: #333333;
  height: 20px;
  margin: 0px 0px 0px 0px;
  font-weight: bold; /*	color:#DBB94F;*/
  color: #33FFFF;
}

.gridrowHigh
{
  color: #33FFFF;
}

.gridrowHigh td
{
  color: #33FFFF;
}

.gridHeader
{
  background-image: url(images/bar400x35.gif);
  background-repeat: repeat-x;
  height: 29px;
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  color: #DBB94F;
  border-style: none;
  border-width: 0px;
}

.gridHeader2Rows
{
  background-image: url(images/bar200x45.gif);
  background-repeat: repeat-x;
  height: 45px;
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  color: #DBB94F;
  border-style: none;
  border-width: 0px;
}

.gridHeader3Rows
{
  background-image: url(images/bar200x55.gif);
  background-repeat: repeat-x;
  height: 45px;
  font-size: 8pt;
  font-family: Arial Narrow;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  color: #DBB94F;
  border-style: none;
  border-width: 0px;
}

.aspTableHeader
{
  background-image: url(images/bar400x29.gif);
  background-repeat: repeat-x;
  height: 29px;
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  color: #DBB94F;
  border-style: none;
  border-width: 0px;
  width: 790px;
}

.tableHeader2rows
{
  background-image: url(images/bar400x29.gif);
  background-repeat: repeat-x;
  position: relative;
  width: 100%;
  height: 29px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px 10px 0px 10px;
  padding-bottom: 0px;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #DBB94F;
}

.gridHeaderItem
{
  height: 25px;
  margin: 0px 4px 2px 0px;
  color: #FFFFFF;
}

.gridPager
{
  background-image: url(images/bar400x29.gif);
  background-repeat: repeat-x;
  height: 20px;
  margin: 0px 0px 0px 0px;
  color: White;
}

.sortASC
{
  background-image: url(images/sort-asc.jpg);
  background-repeat: no-repeat;
  background-position: top;
}

.sortDESC
{
  background-image: url(images/sort-desc.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
}

.bar400x29
{
  background-image: url(images/bar400x29.gif);
  background-repeat: repeat-x;
  position: relative;
  width: 100%;
  height: 29px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 4px;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #DBB94F;
}

.bar200x45
{
  background-image: url(images/bar200x45.gif);
  background-repeat: repeat-x;
  position: relative;
  width: 100%;
  height: 45px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 4px;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: White;
}

.bar200x90
{
  background-image: url(images/bar200x45.gif);
  background-repeat: repeat;
  position: relative;
  width: 100%;
  height: 90px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 4px;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #DBB94F;
}

.subTable
{
  border-style: double;
  background-color: buttonface;
  color: Black; /*  padding-left: 4px;   text-align: left;   font-family: Courier New;   font-size: 9pt;*/
}

.tableDetails
{
  font-size: 10pt;
  font-family: Verdana;
  color: #FFFFFF;
  width: 720px;
  text-align: left;
  background-color: #222222;
}

.LightDetails
{
  /*  table-layout: fixed;*/
  font-size: 8pt;
  font-family: Arial; /*  color: #DBB94F;*/
  border-style: none;
  border-width: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left; /*  background-color: #444444;*/
  color: inherit;
}


.tableDetailsWhite
{
  font-size: 8pt;
  font-family: Arial; /*  color: #DBB94F;*/
  color: black;
  background-color: #FFFFFF;
  border-style: outset;
  border-width: medium;
  border-color: Gray;
}

.tableDetailsHeader
{
  background-image: url(images/bar200x30white.gif);
  background-repeat: repeat-x;
  position: relative;
  width: 100%;
  height: 30px;
  margin: 2px 0px 0px 0px;
}

.tableEdit
{
  font-size: 10pt;
  font-family: Verdana;
  color: White;
}

.tableEditSmall
{
  font-size: 8pt;
  font-family: Arial;
  color: White;
}

.tableBasket
{
  text-align: center;
  vertical-align: middle;
  font-size: 10pt;
  font-family: Verdana;
  color: #FFFFFF;
  background-color: #555555;
  width: 600px;
  margin: 0px 0px 0px 0px;
}

.HTMLtable
{
  font-size: 10pt;
  font-family: Verdana;
  color: #DBB94F;
  background-color: #555555;
  margin: 0px 0px 0px 0px;
}

.HTMLtableHeader
{
  background-image: url(images/bar400x29.gif);
  background-repeat: repeat-x;
  height: 29px;
  font-size: 10pt;
  font-family: Verdana;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  color: #DBB94F;
  border-style: none;
  border-width: 0px;
}

.HTMLcell
{
  overflow: hidden;
  font-size: 10pt;
  color: White;
  border-color: #DBB94F;
  padding: 5px 0px 0px 0px;
}

.bar400x35
{
  background-image: url(images/bar400x35.gif);
  background-repeat: repeat-x;
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 35px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #DBB94F;
}

.bar400x35small
{
  background-image: url(images/bar400x35.gif);
  background-repeat: repeat-x;
  position: relative;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #DBB94F;
}
.infoHeader
{
  background-image: url(images/bar400x29.gif);
  background-repeat: repeat-x;
  height: 29px;
  font-size: 10pt;
  font-family: Verdana;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  color: #DBB94F;
  border-style: none;
  border-width: 0px;
  text-align: center;
}

.infoTitle
{
  text-align: left;
  text-indent: 8px;
  text-decoration: underline;
  font-weight: bold;
}

.infoText
{
  font-size: 10pt;
  font-family: Verdana;
  text-align: left;
}

.basketGrid
{
  border-left: 1px dotted Gray;
  border-right: 1px dotted Gray;
  border-top: 1px solid White;
  border-bottom: 1px solid White;
}

.basketHeader
{
  background-image: url(images/bar200x45.gif);
  background-repeat: repeat-x;
  height: 45px;
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  color: White;
  border-left: 1px dotted Gray;
  border-right: 1px dotted Gray;
  border-top: 1px solid White;
  border-bottom: 1px solid White;
}

.searchFiltersTable
{
  border-top-width: medium;
  border-left-width: medium;
  border-left-color: #7FD9D7;
  left: 2px;
  border-bottom-width: medium;
  border-bottom-color: #7FD9D7;
  border-top-color: #7FD9D7;
  top: 0px;
  background-color: #A39162;
  text-align: left;
  border-right-width: medium;
  border-right-color: #7FD9D7;
}