body {
background-color: #ffffff;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background-image: url(/images/background.jpg); background-repeat:repeat;
}

.no-paper {
background-color: #FAFAFA;
}

.menu {
margin-right: 20px;
background-image: url(images/ribbonbrightgreen.jpg); background-repeat:repeat-x;
color:#000000;
}

.container, td, input, select, textarea, div, p, ul, ol  {
font-family: "Century Gothic", verdana, garamond, sans-serif;
font-size: 9pt;
word-spacing: 1px;
color: #575757;
}

.title {
font-family: garamond, verdana, sans-serif;
font-size: 14pt;
font-weight: bold;
font-variant: small-caps;
color: #575757;
}

.subtitle {
font-family: garamond, verdana, sans-serif;
font-size: 12pt;
font-weith: bold;
font-variant: small-caps;
color: #575757;
}

.collectiontitle {
font-family: garamond, verdana, sans-serif;
font-size: 12pt;
font-weith: bold;
font-variant: small-caps;
color: #575757;
margin-left: 25px;
}

.cardtitle {
font-size: 10pt;
font-weight: bold;
color: #575757;
}

.selectedtab {
font-family: garamond, verdana, sans-serif;
font-size: 12pt;
font-variant: small-caps;
font-weight: bold;
color: #000000;
}

.deselectedtab {
font-family: garamond, verdana, sans-serif;
font-size: 12pt;
font-variant: small-caps;
color: #000000;
}

.footer {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}

/*UI*/

.error {
color: maroon;
border: 1px dotted maroon;
padding: 5px;
margin-bottom: 10px;
}

.highlight {
color: black;
border: 1px dotted black;
padding: 5px;
}

.wayback {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}

.code {
border: 1px dashed red;
height: 80px;
}

.html {
border: 1px dashed blue;
height: 80px;
}

/* tables*/

.TableRow {
background-color: #F0F0F0;
}

.TableRowHighlight {
background-color: yellow;
}

.TableTitle {
font-size: 12px;
font-weight: bold;
background-color: #ababab;
}

.label {
text-align: right;
font-weight: bold;
background-color: #F0F0F0;
width: 35%;
}

.labeltop {
text-align: right;
font-weight: bold;
background-color: #F0F0F0;
vertical-align: top;
width: 35%;
}

.val {
background-color: #F0F0F0;
}

.FilterUITable {
border: 1px dotted #D5D8BB;
padding: 2px;
}

.border {
border: 1px solid black;
}

.cardphoto {
border: 16px solid #ababab;
}

.img-shadow {
  float:left;
  background: url(/global/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/global/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
 .wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(/global/images/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(/global/images/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 4px 4px 0;
  background:url(/global/images/corner_tr.gif) right top no-repeat;
  }
  
 .wrap3 img {
  display:block;
  }

/*links*/

A:LINK {color : #597C90; Text-Decoration: none;}
A:VISITED {color : #597C90; Text-Decoration: none;}
A:Hover {color : #000000; Text-Decoration: none;}
A:Active {color : #000000; Text-Decoration: none;}

A.mainmenu:LINK {color : #000000; Text-Decoration: none;}
A.mainmenu:VISITED {color : #000000; Text-Decoration: none;}
A.mainmenu:Hover {color : #000000; Text-Decoration: none;}
A.mainmenu:Active {color : #000000; Text-Decoration: none;}

/* auto sub-menu feature */

.subbottom {
background-color: #FAFAFA;
}

.submain {
background-color: #FAFAFA;
border-left: 1px solid #505050;
border-right: 1px solid #505050;
padding: 10px;
}

.subon {
background-color: #FAFAFA;
font-weight:bold;
text-align: center;
}

.suboff {
background-color: #FAFAFA;
border-bottom: 1px solid #505050;
text-align: center;
}