/***************************************************************************/
/* The following section contains only the basic overall look of the site. */
/***************************************************************************/

* { 
  margin: 0;
  padding: 0;
  outline: 0;
}

/*************************************************************************/ 
/* The following forces the right side scroll bar to appear on all pages */
/* We do this so that the pages don't shift left and right if the pages  */
/* are of a short enough length that a scroll bar is not required.       */
/*************************************************************************/ 

html {
  height: 100.2%;
  margin-bottom: 1px;
} 

body {
  position: relative;
  color: #000000;
  background-color: #ffffff;
  font-family: Lato, sans-serif;
  font-size: 100%;
  text-align: center;
  left: 0;
  top: 0;
}

a, a:active, a:visited, a:hover {
  text-decoration: underline;
  color: #008752;
  font-weight: normal;
  background-color: inherit;
}

select.required {
  border: 1px solid #666666;
  color: #000000;
  font-size: 10pt;
  background-color:#FFFF99;
}


/*************************************************************************/
/* The following section contains the body wrap settings for all pages.  */
/*************************************************************************/
#bodywrap {
  position: relative;
  left: 0;
  top: 0;
  margin: 0 auto;
  width: 833px;
  background-color: #FFFFFF;
  color: #000000;
  text-align: left;
}

/***************************************************************************/
/* The following section contains the definition for the overall page      */
/* heading. Don't confuse this with the pageheader section below.          */
/***************************************************************************/
#header {
  position: relative;
  width: 833px;
  height: 133px;
  color: #FFFFFF;
  left: 0;
  top: 0;	
}

#header a, #header a:active, #header a:visited, #header a:hover {
  text-decoration: none;
  color: #808080;
  font-weight: normal;
  background-color: inherit;
}

#header img#top {
  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
  height: 133px;
}

#header img#left {
  position: absolute;
  padding: 0;
  top: 133px;
  left: 0;
  height: 50px;
  width: 100px;
}

#header p#welcome {
  position: absolute;
  margin: 0; padding: 0;
  top: 35px; right: 0;
  font-size: 9pt;
  font-weight: normal;
  color: #808080;
}

#header p#points {
  position: absolute;
  margin: 0; padding: 0;
  top: 50px; right: 0;
  font-size: 9pt;
  font-weight: normal;
  color: #808080;
}

.search-container {
  position: absolute;
  display: block;
  top: 155px;
  right: 0;
  color: #008752;
  background-color: inherit;
  font-size: 8pt;
  font-weight: normal;
  border: 1px solid #008752;
  width: 230px;
  z-index: 1;
  height: 24px;
}

.search {
  position: relative;
  display: flex;
  color: #008752;
  background-color: inherit;
  height: 20px;
  line-height: 20px;
  padding: 3px;
  flex-direction: row;
  column-gap: 10px;
}

.search-label {
  position: relative;
  display: block;
  font-size: 10pt;
  color: #008752;
  padding-left: 3px;
}

.search-input-container {
  position: relative;
  display: block;
  font-size: 10pt;
  color: #008752;
}

.search-input {
  position: relative;
  display: inline-block;
  font-size: 10pt;
  color: #008752;
  width: 140px;
}

.search-button-container {
  position: relative;
  display: block;
  font-size: 10pt;
  color: #008752;
}

.search-button {
  position: relative;
  display: block;
}

.search-form {
  position: relative;
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  flex-wrap: nowrap;
  height: 24px;
  align-items: center;
}

/* Login screen */
#loginwrap {
  clear:both;
  position: relative;
  margin-top: 0;
  left: 100px;
  width: 733px;
}

#loginwrap table {
  position: relative;
  width: 733px;
  border: 0;
  margin: 0;
  padding: 0;
  left: 0;
  border-collapse:collapse;
}

#loginwrap td.logleft {
  font-family: Lato, sans-serif;
  text-align: left;
  width: 533px;
  border: 0;
  vertical-align:top;
  padding:0;
}

#loginwrap td.logright {
  font-family: Lato, sans-serif;
  text-align: left;
  width: 200px;
  background-color: #e5e5e5;
  border: 0;
  vertical-align:top;
  padding:0;
}

#loginwrap p#loginheader {
  position: relative;
  margin-top: 20px;
  left: 0;
  height: 40px;
  width: 480px;
}

#loginwrap p#loginheader .textgreen {
  position: relative;
  font-weight: bold;
  font-size: 22pt;
  color: #008752;
  font-style:italic;
}

#loginwrap p#loginheader .textorange {
  position: relative;
  font-weight: bold;
  font-size: 22pt;
  color: #F89728;
  font-style:italic;
}

#loginwrap p#video {
  position: relative;
  margin-top: 5px;
  left: 0;
  height: 300px;
  width: 480px;
  color: #ffffff;
  font-size: 20pt;
  text-align: center;
  line-height: 250px;
}

#loginwrap p#intro {
  position: relative;
  left: 0;
  margin-top: 20px;
  width: 480px;
  font-weight: normal;
  font-size: 10pt;
  color: #666666;
}

#loginwrap p#intro .respite {
  font-size: 16pt;
  color: #008752;
}

#loginwrap p#intro .inspired {
  font-size: 12pt;
  color: #666666;
}

#loginwrap p#intro .recycle {
  font-size: 20pt;
  color: #F3901D;
}

#loginwrap p#intro .renew {
  font-size: 20pt;
  color: #008752;
}

#loginwrap p#lh {
  position: relative;
  font-weight: bold;
  font-size: 20pt;
  margin-top: 20px;
  left: 25px;
  color: #F89728;
}

#loginwrap p#username {
  position: relative;
  left: 25px;
  margin-top: 20px;
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  font-size: 11pt;
  color: #666666;
}

#loginwrap p#password {
  position: relative;
  left: 25px;
  margin-top: 15px;
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  font-size: 11pt;
  color: #666666;
}

#loginwrap .usernamefield {
  position: relative;
  left: 25px;
  margin-top: 5px;
  width: 150px;
  font-weight: normal;
  font-size: 11pt;
  color: #000000;
  border: 1px solid #000000;
}
 
#loginwrap .passwordfield {
  position: relative;
  left: 25px;
  margin-top: 5px;
  width: 150px;
  font-weight: normal;
  font-size: 11pt;
  color: #000000;
  border: 1px solid #000000;
}
 
#loginwrap p#error {
  position: relative;
  margin-top: 20px;
  font-weight: bold;
  font-size: 11pt;
  color: red;
  left: 25px;
  width: 160px;
  height: 80px;
}

#loginwrap input.button {
  position: relative;
  margin-top:15px;
  left: 18px;
  border: none;
  color: #666666;
  background-color: #E5E5E5;
  font-size: 12pt;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}

#loginwrap input[type="submit"] {
  position: relative;
  margin-top:15px;
  left: 25px;
  padding: 0;
  display: inline;
  background-color: #E5E5E5;
  border: none;
  color: #666666;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  font-size: 12pt;
  color: #666666;
  text-decoration: none;
}

#loginwrap p#create {
  position: relative;
  left: 25px;
  margin-top: 20px;
  font-weight: normal;
  font-size: 12px;
  color: #666666;
}

#loginwrap a, #lright a:visited, #lright a:hover {
  text-decoration: none;
  color: #666666;
  background-color: inherit;
}

/***************************************************************************/
/* The following section contains the definition for the footer that       */
/* appears at the bottom of the page.                                      */
/***************************************************************************/

#footer {
  position: relative;
  margin-top: 15px;
}

#footer p#footbar {
  position: relative;
  left: 0;
  background-color: #008752;
  width: 833px;
  height: 27px;
}

#footer p#copyright{
  position: relative;
  margin-top: 3px;
  margin-bottom: 25px;
  left: 0;
  font-size: 10px;
  font-weight: normal;
  color: #666666;
}

#loginfooter {
  position: relative;
}

#loginfooter p#footbar {
  position: relative;
  left: 0;
  background-color: #008752;
  width: 833px;
  height: 67px;
}

#loginfooter p#copyright{
  position: relative;
  margin-top: 3px;
  margin-bottom: 25px;
  left: 0;
  font-size: 10px;
  font-weight: normal;
  color: #666666;
}

#clear {
  clear: both;
}

/***************************************************************************/
/* The following section contains the definition for the menu section that */
/* appears below the header above.                                         */
/***************************************************************************/

#mainmenu {
  position: absolute;
  left: 100px;
  top: 113px;
  width: 633px;
  height: 12px;
  font-size: 8pt;
  font-weight: normal;
  color: #FFFFFF;
  line-height:12px;
}

#mainmenu a, #mainmenu a:visited, #mainmenu a:hover {
  color: #FFFFFF;	
  text-decoration: none;
  font-weight: normal;
  font-size: 8pt;
}

#mainmenu table {
  border: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#mainmenu td, th {
  color: #FFFFFF;	
  text-align: left;
  padding-right: 5px;
  padding-left: 5px;
  border-right: 1px solid #F89728;
  font-family: Lato, sans-serif;
  font-size: 8pt;
}

#mainmenu td.first {
  color: #FFFFFF;	
  text-align: left;
  padding-left: 0;
  padding-right: 5px;
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 8pt;
}

#mainmenu td.last {
  color: #FFFFFF;	
  text-align: left;
  padding-left: 5px;
  padding-right: 0;
  text-align: center;
  font-size: 8pt;
  font-family: Lato, sans-serif;
  border: none;
}

#cartlink {
  position: absolute;
  right: 5px;
  top: 115px;
  height: 10px;
  font-size: 8pt;
  font-weight: normal;
  font-family: Lato, sans-serif;
  color: #FFFFFF;
  line-height:10px;
}

#cartlink p#link {
  position: relative;
  top: 0;
  right: 0;
  color: #FFFFFF;
  display: inline;
}

#cartlink p#link a, #cartlink p#link a:visited, #cartlink p#link a:hover {
  padding: 0;
  color: #FFFFFF;	
  text-decoration: underline;
  font-weight: normal;
}

#cartlink p#link2 {
  position: relative;
  top: 0;
  right: 0;
  color: #F89728;
  display: inline;
}

#cartlink p#link2 a, #mainmenu p#link2 a:visited, #mainmenu p#link2 a:hover {
  padding: 0;
  color: #F89728;
  text-decoration: none;
  font-weight: normal;
}

#submenu {
  position: relative;
  left: 100px;
  margin-top: 0;
  width: 733px;
  height: 20px;
  font-size: 8pt;
  font-weight: normal;
  color: #FFFFFF;
  background-color: #20592C;
  line-height:20px;
}

#submenu ul {
	float: left;
	list-style: none;
	margin:0; padding: 0;
  font-weight: normal;
}

#submenu ul li {
	display: inline;
  font-weight: normal;
}

#submenu ul li a {
	display: block;
	float: left;
	padding: 0 10px;
	color: #FFF;	
	text-decoration: none;
  font-weight: normal;
}

#submenu ul li.last a {
	padding-right: 20px;	
  font-weight: normal;
}

#submenu ul li a:hover {
	color: #FFF;	
  font-weight: normal;
}

#submenu ul li#current a {	
	color: #FFF;
  font-weight: normal;
}

#submenu .search {
  position: absolute;
  display: inline;
  right: 0;
  color: #ffffff;
  background-color: inherit;
  height: 20px;
  line-height:20px;
}

#submenu form {
  display: inline;
}

#submenu input[type="text"] {
  position: relative;
  display: inline;
  font-size: 8pt;
  height: 16px;
  top: -1px;
}


#submenu p#link {
  position: absolute;
  display: inline;
  margin: 0; padding: 0;
  right: 0;
  color: #FFFFFF;
  background-color: inherit;
}

#submenu p#link a {
	display: block;
	float: left;
	padding: 0 12px;
	color: #FFF;	
	text-decoration: none;
}

#submenutail {
  position: absolute;
  left: 895px;
  top: 155px;
  width: 0px;
  height: 0px;
  border-color: transparent transparent #94D3CA #94D3CA;
  border-style: solid; 
  border-width: 11px; 
}

/***************************************************************************/
/* The following section contains the wrapper for all page content after   */
/* the header and menu and before the page footer.                         */
/***************************************************************************/

#contentwrap {
  position: relative;
  left: 100px;
  margin-top: 10px;
  width: 733px;
  background-color: #FFFFFF;
}

/* Heading at the top of each displayed page (Not the site header) */

#pageheader {
  position: relative;
  margin-top: 20px;
  height: 40px;
  width: 733px;
  border-bottom: 1px solid #F89728;
}

#pageheader .producttextgreen {
  font-weight: bold;
  font-size: 20pt;
  color: #008752;
  font-style:italic;
}

#pageheader .producttextgreen18 {
  font-weight: bold;
  font-size: 18pt;
  color: #008752;
  font-style:italic;
}

#pageheader .producttextorange {
  font-weight: bold;
  font-size: 20pt;
  color: #F89728;
  font-style:italic;
}

/***************************************************************************/
/* The following section contains the wrapper for the item detail page.    */
/***************************************************************************/

#detail {
  position: relative;
  clear: both;
  width: 733px;
  height: 350px;
  padding: 0; 
  margin: 20px auto;
}

#detail img#showitem {
  position: absolute;
  left: 0;
  top: 40px;
}

#detail p#price {
  position: absolute;
  left: 400px;
  top: 40px;
  width: 331px;
  height: 25px;
  font-weight: normal;
  font-size: 12pt;
  color: #808080;
}

#detail p#hdr {
  position: absolute;
  left: 400px;
  top: 100px;
  width: 300px;
  height: 30px;
  font-weight: normal;
  font-size: 10pt;
  color: #808080;
}

#detail p#dtl {
  position: absolute;
  left: 400px;
  top: 130px;
  width: 320px;
  height: 60px;
  font-weight: normal;
  font-size: 10pt;
  color: #808080;
}
  
#detail p#back {
  position: absolute;
  left: 0;
  top: 10px;
  width: 300px;
  height: 20px;
  font-weight: normal;
  font-size: 9pt;
  color: #808080;
}

#detail p#back a, #detail p#back a:visited, #detail p#back a:hover {
  text-decoration: none;
  color: #808080;
  background-color: inherit;
}

#detail p#links {
  position: absolute;
  left: 400px;
  top: 190px;
  width: 300px;
  height: 80px;
  font-weight: normal;
  font-size: 10pt;
  color: #F89728;
}

#detail p#links a, #detail p#links a:visited, #detail p#links a:hover {
  text-decoration: none;
  color: #F89728;
  background-color: inherit;
}

/***************************************************************************/
/* The following section contains the wrapper for the item listing in the  */
/* shopping cart.                                                          */
/***************************************************************************/

#itemlist {
  position: relative;
  width: 733px;
  margin-top: 10px;
}

#itemlist table {
  width: 100%;
  padding: 0;
  color: #666666;
  text-transform: none;
  font-size: 10pt;
  font-weight: normal;
  border-collapse: collapse;
}

#itemlist table.basic {
  width: auto;
  padding: 0;
  color: #666666;
  text-transform: none;
  font-size: 10pt;
  font-weight: normal;
  border-collapse: collapse;
}

#itemlist td {
  padding: 0;
  padding-right: 10px;
  border-bottom: 1px solid #F89728;
  vertical-align: top;
}

#itemlist td.basic {
  padding: 0;
  padding-right: 10px;
  border: none;
  vertical-align: top;
  font-weight: normal;
}

#itemlist td.basicbold {
  padding: 0;
  padding-right: 10px;
  border: none;
  vertical-align: top;
  font-weight: bold;
}

#itemlist td a,#itemlist td a:visited, #itemlist td a:hover {
  text-decoration: underline;
  color: #666666;
  font-weight: bold;
  background-color: inherit;
}

#itemlist td.header {
  padding: 0;
  font-size: 10pt;
  font-weight: bold;
  color: #008752;
  border-bottom: 1px solid #F89728;
}

#itemlist td.link {
  font-size: 10pt;
  font-weight: bold;
  padding: 0;
}

#itemlist td.link a,#itemlist td.link a:visited,#itemlist td.link a:hover {
  text-decoration: underline;
  color: #666666;
	background-color: inherit;
}


#itemlist .button.gray {
  margin-top:15px;
  padding: 3px;
  display: inline;
  background-color: #808080;
  border: none;
  color: #ffffff !important;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  font-size: 9pt;
  padding-left:3px;
  padding-right:3px;
  user-select: none;
}

#itemlist input[type="text"] {
  border: 1px solid #000000;
  color: #666666;
  text-transform: none;
  font-weight: normal;
  font-size: 9pt;
  text-align: center;
}

.itemlist {
  position: relative;
  width: 733px;
  margin-top: 10px;
}

.itemlist table {
  width: 100%;
  padding: 0;
  color: #666666;
  text-transform: none;
  font-size: 10pt;
  font-weight: normal;
  border-collapse: collapse;
}

.itemlist table.basic {
  width: auto;
  padding: 0;
  color: #666666;
  text-transform: none;
  font-size: 10pt;
  font-weight: normal;
  border-collapse: collapse;
}

.itemlist td {
  padding: 0;
  padding-right: 10px;
  border-bottom: 1px solid #F89728;
  vertical-align: top;
}

.itemlist td.basic {
  padding: 0;
  padding-right: 10px;
  border: none;
  vertical-align: top;
  font-weight: normal;
}

.itemlist td.basicbold {
  padding: 0;
  padding-right: 10px;
  border: none;
  vertical-align: top;
  font-weight: bold;
}

.itemlist td a,#itemlist td a:visited, #itemlist td a:hover {
  text-decoration: underline;
  color: #666666;
  font-weight: bold;
  background-color: inherit;
}

.itemlist td.header {
  padding: 0;
  font-size: 10pt;
  font-weight: bold;
  color: #008752;
  border-bottom: 1px solid #F89728;
}

.itemlist td.link {
  font-size: 10pt;
  font-weight: bold;
  padding: 0;
}

.itemlist td.link a,#itemlist td.link a:visited,#itemlist td.link a:hover {
  text-decoration: underline;
  color: #666666;
	background-color: inherit;
}


.itemlist .button.gray {
  margin-top:15px;
  padding: 3px;
  display: inline;
  background-color: #808080;
  border: none;
  color: #ffffff !important;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  font-size: 9pt;
  padding-left:3px;
  padding-right:3px;
  user-select: none;
}

.itemlist input[type="text"] {
  border: 1px solid #000000;
  color: #666666;
  text-transform: none;
  font-weight: normal;
  font-size: 9pt;
  text-align: center;
}


#verify {
  position: relative;
  width: 733px;
  margin-top:20px;
  height: 30px;
}

#verify .button.gray {
  margin-top:15px;
  margin-right: 10px;
  padding: 3px;
  display: inline;
  background-color: #808080;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  font-size: 9pt;
  padding-left:3px;
  padding-right:3px;
  user-select: none;
}

#nousers {
  position: relative;
  width: 733px;
  color: #008752;
  height: inherit;
  font-size: 12pt;
  font-weight: normal;
  margin-top: 10px;
}

#paging {
  position: relative;
  height: 25px;
  width: 260px;
  line-height: 25px;
  color: #008752;
  background-color: #eeeeee;
  margin-top: 5px;
  border: 1px solid #008752;
  text-align: center;
}

#paging img#icon {
  position: relative;
  width: 9px;
  height: 15px;
  margin-top: 3px;
  border: none;
}

#paging form {
  position: relative;
  display: inline;
  margin: 0;
}

#paging input[type="text"] {
  position: relative;
  top: -3px;
  font-size: 9pt;
  text-align: right;
  border: 1px solid #008752;
}

#total {
  position: relative;
  width: 100%;
  margin: 5px 0 0 0;
  text-align: right;
  padding-bottom:20px;
}

#total #showtotal {
  position: relative;
  color: #666666;
  font-weight: bold;
  font-size: 10pt;
  width: 130px;
  border-bottom: 1px solid #F89728;
  border-top: 1px solid #F89728;
  display:inline-block;
}
 
#total #showupdate {
  position: relative;
  color: #000000;
  font-weight: normal;
  font-size: 8pt;
  right: 0;
  top: 25px;
}

#total #showcontinue {
  position: relative;
  color: #000000;
  font-weight: normal;
  font-size: 8pt;
  right: 0;
  top: 55px;
}

#total p#showcheckoutenabled {
  position: absolute;
  color: #000000;
  font-weight: normal;
  font-size: 8pt;
  right: 0;
  top: 85px;
}

#total .button {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 0;
  padding-left: 0;
  margin: 10px 0 0 0;
  display: inline;
  border: none;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  font-size: 9pt;
  user-select: none;
}

#total .button.orange {
  color: #ffffff;
  background-color: #F89728;
  font-size:10pt;
  padding-left: 10px;
  padding-right: 10px;
  user-select: none;
}

#total .button.gray {
  color: #ffffff !important;
  background-color: #808080;
  font-size:10pt;
  padding-left: 10px;
  padding-right: 10px;
  user-select: none;
}

#total p#showbadbalance {
  position: absolute;
  color: #000000;
  font-weight: bold;
  font-size: 10pt;
  right: 400px;
  margin-top: 10px;
  width: 350px;
}

#completeorder {
  position: relative;
  width: 733px;
  height: 60px;
  margin-top: 5px;
}

#completeorder p#showtotal {
  position: absolute;
  color: #666666;
  font-weight: bold;
  font-size: 10pt;
  right: 0;
  top: 5px;
  border-bottom: 1px solid #F89728;
  border-top: 1px solid #F89728;
}
 
#completeorder p#complete {
  position: absolute;
  color: #000000;
  font-weight: normal;
  font-size: 10pt;
  right: 0;
  top: 35px;
}

#completeorder .button.orange {
  padding: 3px;
  display: inline;
  background-color: #F89728;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  margin:0 0 0 0;
  font-size: 10pt;
  user-select: none;
}

/***************************************************************************/
/* The following section contains the wrapper for the thank you screen.    */
/***************************************************************************/

#thankyou {
  position: relative;
  width: 733px;
  color: #008752;
}

#thankyou a,#thankyou a:visited,#thankyou a:hover {
  text-decoration: none;
  color: #008752;
  font-weight: bold;
  background-color: inherit;
}

#userdetail {
  position: relative;  
  width: 733px;
  color: #666666;
  text-transform: none;
  font-size: 10pt;
  margin-top: 20px;
  text-align: left;
}

#userdetail a,#userdetail a:visited,#userdetail a:hover {
  text-decoration: none;
  font-weight: bold;
  background-color: inherit;
}

#userinfo {
  float: left;
  width: 460px;
  text-align: left;
}

#userinfo table {
  width: 450px;
  padding: 0;
  text-transform: none;
  font-size: 10pt;
  border: none;
}

#userinfo td {
  padding-right: 10px;
  padding-bottom: 5px;
  font-family: Lato, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  vertical-align: top;
  border: none;
}

#userinfo input {
  border: 1px solid #666666;
  color: #666666;
  text-transform: none;
  font-family: Lato, sans-serif;
  font-size: 10pt;
}

#userinfo input.button {
  border: none;
  color: #ffffff;
  background-color: #666666;
  user-select: none;
}

#userpoints {
  float: right;
  width: 270px;
  background-color: #e5e5e5;
  color: #666666;
  font-family: Lato, sans-serif;
}

#userpoints p#title {
  position: relative;
  margin-top: 5px;
  margin-left: 5px;
  width:240px;
  font-weight: bold;
  font-size: 12pt;
  font-family: Lato, sans-serif;
}

#userpoints p#additionaltext {
  position: relative;
  margin-top: 3px;
  margin-left: 5px;
  width:240px;
  font-size: 10pt;
  font-family: Lato, sans-serif;
}

#userpoints input.text {
  text-align: right;
  border: solid 1px #000000;
  padding: 2px;
  font-size: 10pt;
  color: #000000;
  width: 60px;
}

#userpoints .button.gray {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 3px;
  color: #ffffff;
  background-color: #808080;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt;
  border: none;
  padding-left:3px;
  padding-right:3px;
  user-select: none;
}

#userpoints table#add {
  position: relative;
  width: 260px;
  height: 15px;
  text-align: left;
  border: none;
}

#userpoints table#add td {
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  vertical-align: top;
  color: #666666;
  border: none;
}

#userpoints table#add td.c1 {
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  vertical-align: top;
  color: #666666;
  border: none;
  width: 110px;
}

#userpoints table#add td.c2 {
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  vertical-align: top;
  color: #666666;
  border: none;
  width: 60px;
}

#userpoints table#add td.c3 {
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  vertical-align: top;
  color: #666666;
  border: none;
}

#userpoints table {
  position: relative;
  margin-top: 5px;
  margin-left: 5px;
  border: none;
  width: 210px;
}

#userpoints td {
  padding-right: 10px;
  padding-bottom: 5px;
  font-family: Lato, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  vertical-align: top;
  text-align: right;
  border: none;
}

#userpoints td.bold {
  padding-right: 10px;
  padding-bottom: 5px;
  font-family: Lato, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
  border: none;
}






#myprofile {
  position: relative;  
  width: 733px;
  color: #666666;
  text-transform: none;
  font-size: 13px;
  margin-top: 20px;
}

#myprofile a,#myprofile a:visited,#myprofile a:hover {
  text-decoration: none;
  font-weight: bold;
  background-color: inherit;
}

#myprofile table {
  width: 450px;
  padding: 0;
  text-transform: none;
  font-size: 10pt;
  border: none;
}

#myprofile td {
  padding-right: 10px;
  padding-bottom: 5px;
  font-weight: normal;
  vertical-align: top;
  border: none;
}

#myprofile input {
  border: 1px solid #666666;
  color: #666666;
  text-transform: none;
  font-size: 10pt;
}

#myprofile input.required {
  border: 1px solid #666666;
  background-color:#FFFF99;
  width: 220px;
}

#myprofile input.notrequired {
  border: 1px solid #666666;
  background-color:#FFFFFF;
  width: 220px;
}

#myprofile select.required {
  border: 1px solid #666666;
  color: #666666;
  font-size: 10pt;
  background-color:#FFFF99;
  width: 220px;
}

#myprofile p#error {
  position: relative;
  margin-top: 5px;
  margin-left: 5px;
  width:733px;
  font-weight: bold;
  font-size: 12pt;
  color: #F89728;
}

#myprofile .button.gray {
  margin: 5px;
  padding: 3px;
  border: none;
  color: #ffffff;
  background-color: #808080;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt;
  padding-left:3px;
  padding-right:3px;
  user-select: none;
}

#mpleft {
  float: left;
  width: 460px;
  position: relative;
}

#mpright {
  float: right;
  width: 270px;
  position: relative;
}

#mypoints {
  position: relative;
  margin-top: 0px;
  width: 270px;
  height: 140px;
  background-color: #e5e5e5;
  color: #666666;
  border: 1px solid #f89728;
}

#mypoints p#title {
  position: relative;
  margin-top: 5px;
  margin-left: 5px;
  width:260px;
  font-weight: bold;
  font-size: 12pt;
}

#mypoints table {
  position: relative;
  margin-top: 5px;
  margin-left: 5px;
  border: none;
  width: 260px;
}

#mypoints td {
  padding-right: 10px;
  padding-bottom: 5px;
  font-family: Lato, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  vertical-align: top;
  text-align: right;
  border: none;
}

#mypoints td.bold {
  padding-right: 10px;
  padding-bottom: 5px;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
  border: none;
}

#mypassword {
  position: relative;
  margin-top: 10px;
  width: 270px;
  height: 130px;
  background-color: #e5e5e5;
  color: #666666;
  border: 1px solid #f89728;
}

#mypassword input.password{
  width: 100px;
  border: solid 1px #000000;
  padding: 2px;
  font-size: 10pt;
}

#mypassword p#title {
  position: relative;
  margin-top: 5px;
  left: 5px;
  width:260px;
  color: #000000;
  font-weight: bold;
  font-size: 12pt;
}

#mypassword table {
  position: relative;
  margin-top: 5px;
  left: 5px;
  width: 260px;
  text-align: left;
  font-family: Lato, sans-serif;
}

#mypassword td {
  font-size: 10pt;
  text-align: left;
  font-family: Lato, sans-serif;
  text-align: left;
}






#special {
  position: relative;  
  width: 733px;
  color: #666666;
  text-transform: none;
  font-size: 13px;
  margin-top: 20px;
}

#special a,#special a:visited,#special a:hover {
  text-decoration: none;
  font-weight: bold;
  background-color: inherit;
}

#special table {
  width: 700px;
  padding: 0;
  text-transform: none;
  font-size: 10pt;
  border: none;
}

#special td {
  padding-right: 10px;
  padding-bottom: 5px;
  font-weight: normal;
  vertical-align: top;
  border: none;
}

#special input {
  border: 1px solid #666666;
  color: #666666;
  text-transform: none;
  font-size: 10pt;
  width: 300px;
}

#special p#error {
  position: relative;
  margin-top: 5px;
  margin-left: 5px;
  width:733px;
  font-weight: bold;
  font-size: 12pt;
  color: #F89728;
}

#special .button.gray {
  margin-left: 0px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 3px;
  border: none;
  color: #ffffff;
  background-color: #808080;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt;
  user-select: none;
}

#special textarea {
  width: 300px;
  height: 60px;
  font-family: 'Lato', sans-serif;
  border: 1px solid #396D23;
  color: #396D23;
  text-transform: none;
  font-size: 10pt;
}












#contactus {
  position: relative;  
  width: 960px;
  color: #396D23;
  text-transform: none;
  font-size: 13px;
  margin-top: 20px;
}

#contactus a,#contactus a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #396D23;
  background-color: inherit;
}

#contactus a:hover {
  text-decoration: none;
  font-weight: bold;
  color: #396D23;
  background-color: inherit;
}

#contactus table {
  width: 100%;
  padding: 0;
  color: #396D23;
  text-transform: none;
  font-size: 13px;
  border: none;
}

#contactus td {
  padding-right: 10px;
  padding-bottom: 10px;
  font-weight: normal;
  vertical-align: top;
  border: none;
}

#contactus input {
  border: 1px solid #396D23;
  color: #396D23;
  text-transform: none;
  font-size: 13px;
}

#contactus input.button {
  border: none;
  user-select: none;
}

#contactus textarea {
  width: 400px;
  height: 60px;
  font-family: 'Lato', sans-serif;
  border: 1px solid #396D23;
  color: #396D23;
  text-transform: none;
  font-size: 13px;
}

#contactus input[type="submit"]:hover { 
  text-decoration: none;
  color: #FFFFFF;
  background-color: #396D23;
} 

#contactus table.table2 {
  width: 100%;
  padding: 0;
  color: #000000;
  text-transform: none;
  font-size: 13px;
  border-collapse: collapse;
}

#contactus  table.table2 td {
  padding: 0;
  border-bottom: 1px solid #396D23;
}

#contactus  table.table2 td.link {
  padding: 0;
}

#contactus  table.table2 td.link a,table.table2 td.link a:visited {
	text-decoration: none;
	color: #396D23;
	background-color: inherit;
}

#contactus  table.table2 td.link a:hover {
	text-decoration: none;
	color: #396D23;
	background-color: inherit;
}

#contactus .button.gray {
  padding: 3px;
  padding-right: 5px;
  padding-left: 5px;
  display: inline;
  background-color: #396D23;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  margin:0 5px 0 0;
  font-size: 13px;
  padding-left:3px;
  padding-right:3px;
  user-select: none;
}

#contactus input[type="checkbox"]
{
  border: none;
  padding-top: 2px;
}

#abouttext {
  position: relative;
  width: 733px;
  color: #666666;
  text-transform: none;
  font-size: 11pt;
  margin-top: 15px;
}

#abouttext a, #abouttext a:hover, #abouttext a:visited {
  text-decoration: none;
  color: #666666;
}

#abouttext table {
  border: solid 1px #666666;
  border-collapse: collapse;
}

#abouttext td.headerleft {
  border: solid 1px #666666;
  color: #666666;
  font-weight: bold;
  text-align: left;
  padding-right: 10px;
}
  
#abouttext td.headercenter {
  border: solid 1px #666666;
  color: #666666;
  font-weight: bold;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

#abouttext td.left {
  border: solid 1px #666666;
  color: #666666;
  font-weight: normal;
  text-align: left;
  padding-right: 10px;
}
  
#abouttext td.center {
  border: solid 1px #666666;
  color: #666666;
  font-weight: normal;
  text-align: center;
  padding-right: 10px;
}
  

#kittext {
  float: left;
  width: 560px;
  color: #396D23;
  text-transform: none;
  font-size: 13px;
  margin-top: 20px;
  display: inline;
}

#kittext a:hover {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #000000;
}

#kitgraphic {
  float: right;
  width: 375px;
  margin-top: 20px;
}

#kitfooter {
  clear: both;
}

#typetext {
  position: absolute;
  top: 530px;
  width: 960px;
  color: #000000;
  text-transform: none;
  font-size: 13px;
  margin-top: 20px;
  display: inline;
}

#typetext select {
  width: 150px;
}

#typetext input[type="submit"]:hover { 
  text-decoration: none;
  color: #FFFFFF;
  background-color: #000000;
} 

#typetext a:hover {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #000000;
}

#customlist {
  position: relative;
  width: 960px;
}

#customlist table {
  width: 100%;
  padding: 0;
  color: #000000;
  text-transform: none;
  font-size: 13px;
  border-collapse: collapse;
}

#customlist td {
  padding: 0;
  font-weight: bold;
  border: none;
}










.button.black {
  padding: 3px 5px 3px 5px;
  display: inline;
  background-color: #000000;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  margin:0 5px 0 0;
  font-size: 13px;
  user-select: none;
}

.button.black2 {
  padding: 3px 5px 3px 5px;
  display: inline;
  background-color: #000000;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  margin:0 5px 0 0;
  font-size: 13px;
  user-select: none;
}

.button.gray {
  margin: 0 1px 0 0;
  margin-bottom: 3px;
  padding: 3px 2px;
  display: inline;
  background-color: #666666;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  font-size: 13px;
  padding-left:5px;
  padding-right:5px;
  user-select: none;
}

.button.gray2 {
  padding: 3px;
  padding-right: 5px;
  padding-left: 5px;
  display: inline;
  background-color: #a8b0b6;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  margin:0 5px 0 0;
  font-size: 13px;
  user-select: none;
}

.button.red {
  padding: 3px;
  padding-right: 5px;
  padding-left: 5px;
  display: inline;
  background-color: #FF0000;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  margin:0 5px 0 0;
  font-size: 13px;
  user-select: none;
}

.button.red2 {
  padding: 3px;
  padding-right: 5px;
  padding-left: 5px;
  display: inline;
  background-color: #FF0000;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  margin:0 5px 0 0;
  font-size: 13px;
  user-select: none;
}

#registertext {
  float: left;
  width: 733px;
  color: #666666;
  text-transform: none;
  font-size: 10pt;
  margin-top: 20px;
}

#registertext a,#registertext a:visited,#registertext a:hover {
  text-decoration: none;
  color: #666666;
  font-weight: bold;
  background-color: inherit;
}

#registertext input {
  font-size: 10pt;
  border: 1px solid #008752;
  width: 170px;
}

#registertext input.required {
  font-size: 10pt;
  border: 1px solid #008752;
  background-color:#FFFF99;
}

#registertext select.required {
  font-size: 10pt;
  border: 1px solid #008752;
  background-color:#FFFF99;
  width: 170px;
}

#registerwrap {
  position: relative;
  left: 100px;
  margin-top: 10px;
  width: 733px;
  background-color: #FFFFFF;
}

#lostpwwrap {
  position: relative;
  left: 100px;
  margin-top: 10px;
  width: 733px;
  background-color: #FFFFFF;
}

#lostpwtext {
  float: left;
  width: 733px;
  color: #666666;
  text-transform: none;
  font-size: 10pt;
  margin-top: 20px;
}

#lostpwtext a,#lostpwtext a:visited,#lostpwtext a:hover {
  text-decoration: none;
  color: #666666;
  font-weight: bold;
  background-color: inherit;
}

#lostpwtext input {
  font-size: 10pt;
  border: 1px solid #008752;
  width: 170px;
}

#lostpwtext input.requiredemail {
  width: 350px;
  font-size: 10pt;
  border: 1px solid #008752;
  background-color:#FFFF99;
}

#lostpwtext input.requiredname {
  width: 150px;
  font-size: 10pt;
  border: 1px solid #008752;
  background-color:#FFFF99;
}

#lostpwtext select.required {
  font-size: 10pt;
  border: 1px solid #008752;
  background-color:#FFFF99;
  width: 170px;
}

#lostpwtext .button.gray {
  padding: 3px;
  padding-right: 5px;
  padding-left: 5px;
  display: inline;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  margin:0 5px 0 0;
  cursor: pointer;
  color: #ffffff;
  background-color: #666666;
  border: 1px solid #000000;
  user-select: none;
} 

#itemphoto {
  position: relative;
  left: 0;
  top: 0;
  height: 150px;
}

#itemphoto img#newitem {
  position: absolute;
  left: 0;
  top: 0;
}





















#eventset {
  position: relative;
  width: 960px;
  margin-top: 20px;
  color: #808080;
  text-transform: none;
  font-size: 13px;
}

#eventset table {
  padding: 0;
  color: #000000;
  text-transform: none;
  font-size: 13px;
  border-collapse: collapse;
}

#eventset td {
  padding-bottom: 10px;
  font-weight: normal;
  border: none;
}

#eventset td.bold {
  padding-bottom: 10px;
  font-weight: bold;
  border: none;
}

#eventset td.notes {
  padding-bottom: 10px;
  padding-left: 10px;
  font-weight: normal;
  font-size: 9px;
  border: none;
}

#eventset table.slist {
  padding: 0;
  color: #000000;
  text-transform: none;
  font-size: 13px;
  border: 1px solid #a8b0b6;
  border-collapse: collapse;
}

#eventset table.slist td {
  padding-bottom: 3px;
  font-weight: normal;
  border: 1px solid #a8b0b6;
}

#eventset input[type="submit"]:hover { 
  text-decoration: none;
  color: #FFFFFF;
  background-color: #000000;
} 

#eventset input[type="text"] {
  border: 1px solid #006;
  font-size: 13px;
}

#eventset input.required {
  border: 1px solid #006;
  background-color:#FFFF99;
  font-size: 13px;
}

#eventset select.required {
  border: 1px solid #006;
  background-color:#FFFF99;
  font-size: 13px;
}

#eventset radio {
  border: none;
}

#eventset a, #detail a:visited {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  background-color: inherit;
}

#eventset a:hover {
  text-decoration: none;
  color: #ff0000;
  font-weight: bold;
  background-color: inherit;
}







#shoppingcart {
	height: 100px;
	width: 800px;
	background-color: #eee;
	border: 1px solid #444;
}



#shoppingcart p {
	margin: 0 1em 1em;
}

h1 {
	font-size: 140%;
	margin: 0.5em 1em;
}

#booklist, #contents {
	width: 800px;
	background-color: #ddd;
	border: 1px solid #333;
}

#booklist ul {
	list-style-type: none;
}

#booklist ul li {
	margin: 0 1em 1em;
}

#contents table {
	font-size: 90%;
	border-collapse: collapse;
}

#contents table td {
	border: 1px solid #999;
	width: 20%;
}

#contents p, #contents button {
	margin: 1em;
  user-select: none;
}

.button.select {
  padding: 3px 5px 3px 5px;
  display: inline;
  background-color: #000000;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  margin: 0 5px 0 0;
  font-size: 13px;
  user-select: none;
}

.button.unselect {
  padding: 3px;
  padding-right: 5px;
  padding-left: 5px;
  display: inline;
  background-color: #396D23;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  margin: 0 5px 0 0;
  font-size: 13px;
  user-select: none;
}

#shipinfo {
  position: relative;
  width: 733px;
  margin-top: 10px;
  color: #333333;
  font-weight: normal;
  text-decoration: none;
  font-family: Lato, sans-serif;
  border-bottom: 1px solid #F89728;
}

#shipinfo table {
  padding: 0;
  color: #333333;
  text-transform: none;
  font-size: 10pt;
  font-weight: normal;
  border-collapse: collapse;
  border: none;
}

#shipinfo td {
  padding-right: 10px;
  border: none;
}

#shipinfo input {
  border: 1px solid #008752;
  background-color:#FFFFFF;
  font-size: 10px;
}

#shipinfo input.required {
  border: 1px solid #008752;
  background-color:#FFFF99;
  font-size: 10px;
}

#shipinfo select {
  border: 1px solid #008752;
  color: #000000;
  background-color:#FFFFFE;
  font-size: 8px;
}

#shipinfo select.required {
  border: 1px solid #008752;
  color: #000000;
  font-size: 8pt;
  background-color:#FFFF99;
}

#shipinfo .headertitle{
  font-size: 12pt;
  font-weight: normal;
  text-decoration: none;
}

#shipinfo .footertitle {
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
}

#shipinfo .footererror {
  font-size: 10pt;
  color: #FF0000;
  font-weight: bold;
  text-decoration: none;
}

#invlist {
  position: relative;
  width: 733px;
  margin-top: 10px;
}

#invlist table {
  width: 100%;
  padding: 0;
  color: #333333;
  text-transform: none;
  font-size: 10pt;
  font-weight: normal;
  border-collapse: collapse;
}

#invlist td {
  padding: 0;
  border-bottom: 1px solid #F89728;
}

#invlist td a,#invlist td a:visited, #invlist td a:hover {
  text-decoration: none;
  color: #333333;
  font-weight: bold;
  background-color: inherit;
}

#invlist td.header {
  padding: 0;
  font-size: 10pt;
  font-weight: bold;
  color: #008752;
  border-bottom: 1px solid #F89728;
}

#invlist td.link {
  font-size: 10pt;
  font-weight: bold;
  padding: 0;
}

#invlist td.link a,#invlist td.link a:visited,#invlist td.link a:hover {
	text-decoration: none;
  color: #333333;
	background-color: inherit;
}

#invlist .button.gray {
  margin-top:15px;
  padding: 3px;
  display: inline;
  background-color: #808080;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  font-size: 9pt;
  user-select: none;
}

#invlist input[type="text"] {
  border: 1px solid #000000;
  color: #666666;
  text-transform: none;
  font-weight: normal;
  font-size: 9pt;
  text-align: center;
}

#shipto {
  position: relative;
  width: 733px;
  margin-top: 10px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  font-family: Lato, sans-serif;
  border-bottom: 1px solid #F89728;
}

#shipto table {
  padding: 0;
  width: 100%;
  color: #000000;
  text-transform: none;
  font-size: 10pt;
  font-weight: normal;
  border-collapse: collapse;
  border: none;
}

#shipto td {
  padding-right: 10px;
  border: none;
}

#shipto table.status {
  padding: 0;
  width: 50%;
  color: #000000;
  text-transform: none;
  font-size: 12pt;
  font-weight: normal;
  border-collapse: collapse;
  border: none;
}

#shipto table.status td {
  padding-right: 12px;
  border: none;
}


#shipto input {
  border: 1px solid #008752;
  background-color:#FFFFFF;
  font-size: 10px;
}

#shipto input.required {
  border: 1px solid #008752;
  background-color:#FFFF99;
  font-size: 10px;
}

#shipto select {
  border: 1px solid #008752;
  color: #000000;
  background-color:#FFFFFE;
  font-size: 8px;
}

#shipto select.required {
  border: 1px solid #008752;
  color: #000000;
  font-size: 8pt;
  background-color:#FFFF99;
}

#shipto .headertitle{
  font-size: 12pt;
  font-weight: normal;
  text-decoration: none;
}

#shipto .footertitle {
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
}

#shipto .footererror {
  font-size: 10pt;
  color: #FF0000;
  font-weight: bold;
  text-decoration: none;
}

#shipdetail {
  position: relative;
  border: 1px solid #F89728;
  margin: 5px 0 0 0;
  left: 383px;
  width: 350px;
  background-color: #eeeeee;
  padding: 0;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  font-family: Lato, sans-serif;
}

#shipdetail table {
  padding: 0;
  width: 100%;
  color: #000000;
  text-transform: none;
  font-size: 10pt;
  font-weight: normal;
  border-collapse: collapse;
  border: none;
}

#shipdetail td {
  padding-right: 10px;
  border: none;
}

#shipdetail input[type="text"] {
  border: 1px solid #008752;
  color: #000000;
  background-color:#FFFFFF;
  font-size: 10px;
  text-align: left;
  width: 168px;
}

#shipdetail select {
  border: 1px solid #008752;
  color: #000000;
  background-color:#FFFFFE;
  font-size: 10px;
}

#shipdetail select.wide {
  border: 1px solid #008752;
  color: #000000;
  background-color:#FFFFFE;
  font-size: 10px;
  width: 170px;
}

#ordertotal {
  position: relative;
  width: 733px;
  margin: 5px 0 0 0;
  text-align: right;
  height: 40px;
}

#ordertotal p#showtotal {
  position: absolute;
  color: #666666;
  font-weight: bold;
  font-size: 10pt;
  top: 5px;
  right: 0;
  text-align: right;
  width: 130px;
  border-bottom: 1px solid #F89728;
  border-top: 1px solid #F89728;
}
 
#requestdetail {
  position: relative;  
  width: 733px;
  color: #666666;
  text-transform: none;
  font-size: 10pt;
  margin-top: 20px;
  text-align: left;
}

#requestdetail a,#requestdetail a:visited,#requestdetail a:hover {
  text-decoration: none;
  font-weight: bold;
  background-color: inherit;
}

#requestdetail h1 {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 5px;
}

#requestdetail table {
  border-collapse: collapse;
  border: none;
}

#requestdetail td {
  padding-bottom: 5px;
}

#requestdetail td.left {
  padding-right: 10px;
  font-weight: bold;
  width: 125px;
  vertical-align:top;
}

#reqinfo {
  float: left;
  width: 365px;
}

#requser {
  float: right;
  width: 365px;
}

#reqquote {
  border-top: 1px solid #F89728;
  margin-top: 20px;
  width: 730px;
}

#accthistory {
  width: 730px;
}

#accthistory table {
  margin-top: 15px;
  border: 1px solid #F89728;
  border-collapse: collapse;
}

#accthistory th {
  color: #000000;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
  border: 1px solid #F89728;
}

#accthistory td {
  color: #000000;
  font-weight: normal;
  font-size: 12pt;
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
  border: 1px solid #F89728;
}

#accthistory td.points {
  color: #000000;
  font-weight: normal;
  font-size: 12pt;
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
}

#accthistory .button.gray {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline;
  background-color: #808080;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt;
  user-select: none;
}

#sofilter {
  position: relative;
  height: 30px;
  width: 100%;
  line-height: 25px;
  color: #008752;
  background-color: #ffffff;
  margin-top: 5px;
  border: 1px solid #008752;
  text-align: left;
}

#sofilter form {
  position: relative;
  display: inline;
  margin: 0;
}

#sofilter select {
  position: relative;
  font-size: 10pt;
  text-align: left;
  color: #008752;
  border: 1px solid #008752;
}

#sofilter input[type="submit"] {
  position: relative;
  font-size: 10pt;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: Center;
  border: 1px solid #008752;
}

#separator {
  position:relative;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

#separator hr {
  height:1px;
  color:#808080;
  border:none;
  border-top: 1px solid #808080;
}

.rightbutton {
  position:relative;
  width:100%;
  text-align:right;
  margin-bottom: 10px;
}

.itemlink {
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}

.classedit {
  display: block;
}

.class-edit-options {
  display: flex;
  flex-direction: row;
  align-items: left;
  margin-bottom: 10px;
  margin-top: 12px;
  width: 100%;
  column-gap: 10px;
}

.class-edit-body {
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 97%;
  position: absolute;
  border: 1px solid;
  background-color: #fff;
  top: 40px;
  height: 190px;
  z-index: 1;
  row-gap: 10px;
  padding: 10px;
}

.class-edit-item {
  width:100%;
  display:block;
}

.class-edit-label {
  font-weight: bold;
  width: 19%;
  display: inline-block;
  }

.class-edit-input {
  width: 80%;
  display: inline-block;
}

.class-description {
  width: 50%;
}

.class-short {
  width: 25%;
}

.useredit {
  display: block;
}

.user-edit-body {
  display: flex;
  flex-direction: row;
  margin: auto;
  width: 99.8%;
  position: absolute;
  border: 1px solid;
  background-color: #fff;
  top: -22px;
  height: 311px;
  z-index: 1;
  column-gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
}

.user-edit-header {
  display: block;
  margin-bottom: 10px;
  margin-top: 12px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 18pt;
}

.user-edit-item {
  width: 48%;
  display: block;
}

.user-edit-label {
  font-weight: bold;
  width: 30%;
  vertical-align: top;
  display: inline-block;
}

.user-edit-input {
  width: 66%;
  display: inline-block;
}

.user-edit-options {
  display: block;
  text-align: center;
  margin-bottom: 5px;
  margin-top: 10px;
  width: 100%;
}

.user-input {
  width: 100%;
}

.repedit {
  display: block;
}

.rep-edit-options {
  display: flex;
  flex-direction: row;
  align-items: left;
  margin-bottom: 10px;
  margin-top: 12px;
  width: 100%;
  column-gap: 10px;
}

.rep-edit-body {
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 97%;
  position: absolute;
  border: 1px solid;
  background-color: #fff;
  top: 40px;
  height: 245px;
  z-index: 1;
  row-gap: 10px;
  padding: 10px;
}

.rep-edit-item {
  width:100%;
  display:block;
}

.rep-edit-label {
  font-weight: bold;
  width: 19%;
  display: inline-block;
  }

.rep-edit-input {
  width: 80%;
  display: inline-block;
}

.rep-field {
  width: 99%;
}

.rep-short {
  width: 25%;
}