body,table,td,p,li,ul,div,input,h1,h2,h3,h4,h5,h6
{
font-family: Verdana, sans-serif;
font-size: 12px;
}
body
{
margin-right: 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
}
p
{ 
font-size: 12px;
margin-top: 5px;
margin-bottom: 10px;
}
A:active,A:link,A:visited
{
color: #8b4513;
text-decoration: none;
}
A:hover
{
color: #d2691e;
text-decoration: underline;
}
form
{
margin: 0px;
}
/* Colors */
.red {color: Red;}
.orange {color: Orange;}
.green {color: Green;}
.darkgreen {color: #006400;}
.amber {color: #ffac00;}
.maroon {color: Maroon;}
.gray {color: Gray;}
.c630 {color: #630;}
.c633 {color: #633;}
.c555 {color: #555;}
.black {color: #000;}
/* Centered */
p.center, div.center {text-align: center;}

div.Menu
{
  font-weight: bolder;
  font-size: 10px;
}
DIV.Small, LEGEND.Small, LI.Small, UL.Small, P.Small, Span.SmallText,
DIV.small, LEGEND.small, LI.small, UL.small, P.small
{
FONT-SIZE: 10px;
}
DIV.Smaller, p.Smaller
{
FONT-SIZE: 9px;
}
DIV.Error, P.Error
{
FONT-SIZE: 12px;
COLOR: red;
}
P.SmallError, LI.SmallError, UL.SmallError, DIV.SmallRed
{
FONT-SIZE: 10px;
COLOR: red;
}
P.SmallGreen, div.SmallGreen
{
FONT-SIZE: 10px;
COLOR: #006400;
}
.Admin
{
FONT-SIZE: 10px;
COLOR: #696969;
}
.AdminLarger
{
FONT-SIZE: 11px;
COLOR: #696969;
}
LI.orange
{
FONT-SIZE: 12px;
COLOR: #ff8c00;
}
ul, li 
{
font-size: 12px;
margin-top: 0px;
margin-bottom: 0px;
}

ul
{
margin-left: 2em;
padding-left: 0;
}

li 
{
margin-left: 0;
padding-left: 0;
}

ul.bb, ul li.bb {
margin: 0;
padding: 0;
list-style: none;
}

ul li.bb {
background-image: url(/cafe/images/bullet.gif);
background-position: left top;
background-repeat: no-repeat;
padding-top: 2px;
padding-left: 12px;
font-size: 10px;
}


h1 {
color: #8b4513;
font-size: 16px;
margin-top: 16px;
margin-bottom: 8px;
}

h2 {
font-size: 14px;
margin-top: 14px;
margin-bottom: 7px;
}

h3 {
font-size: 12px;
margin-top: 12px;
margin-bottom: 6px;
}

h4 {
font-size: 10px;
margin-top: 10px;
margin-bottom: 5px;
}
h5 {
font-size: 9px;
margin-top: 10px;
margin-bottom: 5px;
}
h6 {
font-size: 8px;
margin-top: 10px;
margin-bottom: 5px;
}
h1.nospace {
color: #8b4513;
font-size: 16px;
margin-top: 0px;
margin-bottom: 0px;	
}

h2.nospace {
color: #000000;
font-size: 14px;
margin-top: 0px;
margin-bottom: 0px;
}

h3.nospace {
color: #000000;
font-size: 12px;
margin-top: 0px;
margin-bottom: 0px;
}

h4.nospace {
color: #000000;
font-size: 10px;
margin-top: 0px;
margin-bottom: 0px;
}
div.GraphText {
color: #000000;
font-size: 9px;
}

p.GrayBoxed 
{
BORDER-RIGHT: #cccccc 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #cccccc 1px solid;
PADDING-LEFT: 5px;
FONT-SIZE: 11px;
PADDING-BOTTOM: 5px;
MARGIN-LEFT: 10px;
BORDER-LEFT: #cccccc 1px solid;
COLOR: #555555;
MARGIN-RIGHT: 10px;
PADDING-TOP: 5px;
BORDER-BOTTOM: #cccccc 1px solid;
BACKGROUND-COLOR: #eeeeee
}

.bodybgcolor {
background-color: #ffffff;
}

TABLE.thinborder
{
background-color: #ffebcd;
border: solid 1px #996600;
border-collapse: collapse;
}

TD.thinborder
{
background-color: #ffebcd;
border: 1px #996600 solid;
}

TD.head1
{
border-bottom: 1px #A88C67 solid;
border-top: 1px #A88C67 solid;
}
/* Main menu */
table.tcmenu
{
	background: #dbb381 url(/cafe/images/topmenu_bg.gif) repeat-x bottom;
	border-top: solid 1px #b82;
	border-bottom: solid 1px #960;
	height: 25px;
}

td.tcmmTop 
{
  height: 20px;
  vertical-align: middle;
  white-space: nowrap;
}

TH.thinborder
{
font-size: 10px;
background-color: #ffebcd;
border: solid 1px #996600;
}

TD.title, th.title
{
font-weight: bolder;
font-size: 10px;
background-color: #dbb381;
height: 15px;
border: 1px #996633 solid;
background-position: right bottom;
background-image: url(images/topmenu_bg.gif);
background-repeat: repeat-x;
}

A.MenuTitle:link, A.MenuTitle:visited
{
COLOR: #FFFFFF;
TEXT-DECORATION: none
}
A.MenuTitle:hover
{
COLOR: #000000;
TEXT-DECORATION: none
}

TABLE.thinbordergrey
{
background-color: #aaaaaa;
border: 1px #696969 solid; 
border-collapse: collapse;
}

TD.thinbordergrey, TH.thinbordergrey
{
background-color: #aaaaaa;
border: 1px #696969 solid; 
FONT-SIZE: 11px;
}

TABLE.thinborderlightgrey
{
background-color: #ECECEC;
border: 1px #696969 solid; 
border-collapse: collapse;
}

TD.thinborderlightgrey, TH.thinborderlightgrey, TABLE.thinborderlightgrey
{
background-color: #ECECEC;
border: 1px #696969 solid; 
FONT-SIZE: 11px;
}

.thintransp
{
border: 1px #663300 solid;
}

TABLE.NoBorderGrey
{
background-color: #B0B0B0;
border: 1px #B0B0B0 solid; 
border-collapse: collapse;
}

TD.Head
{
BACKGROUND-POSITION: right top;
BACKGROUND-IMAGE: url(images/topshadow_bg.gif);
}

TD.GrayHead, TH.GrayHead, TABLE.GrayHead
{
background-position: right bottom;
background-image: url(images/grayshadow.gif);
background-repeat: repeat-x;
padding: 2pt 5pt;
}

TD.LGrayHead, TH.LGrayHead, TABLE.LGrayHead
{
BACKGROUND-POSITION: right bottom;
BACKGROUND-IMAGE: url(images/lgrayshadow.gif);
background-repeat: repeat-x;
border: 1px solid #aaaaaa;
}

TD.LOliveHead, TH.LOliveHead, TABLE.LOliveHead
{
BACKGROUND-POSITION: right bottom;
BACKGROUND-IMAGE: url(images/LOliveShadow.gif);
background-repeat: repeat-x;
border: 1px solid #aaaaaa;
}

TD.LBeigeHead, TH.LBeigeHead, TABLE.LBeigeHead
{
BACKGROUND-POSITION: right bottom;
BACKGROUND-IMAGE: url(images/LBeigeShadow.gif);
background-color: #fffacc;
background-repeat: repeat-x;
border: 1px solid #aaaaaa;
}

TD.NoBorderGrey
{
background-color: #B0B0B0;
border: 1px #B0B0B0 solid; 
FONT-SIZE: 11px
}

TD.NoBorderLightGrey
{
background-color: #ECECEC;
border: 1px #ECECEC solid;
FONT-SIZE: 11px
}

TABLE.thinborderbw
{
background-color: #ffffff;
border: 1px #000000 solid; 
border-collapse: collapse;
}

TD.thinborderbw, TH.thinborderbw
{ 
background-color: #ffffff;
border: 1px solid #000000; padding: 5px;
}

TD.thinborderb
{ 
background-color: #000000;
border: 1px solid #996600; padding: 5px;
}

TD.pdl
{
padding-left:7px;
FONT-SIZE: 10px;
}

TD.Small, TH.Small
{
FONT-SIZE: 10px;
}

TD.SmallLtGrey
{
FONT-SIZE: 10px;
background-color: #dddddd;
border: 1px #dddddd solid; 
}

div.pdl
{
padding-left:4px;
FONT-SIZE: 10px;
}

input
{
FONT-SIZE: 11px;
}

input.SmallBlackBtn {
height: 20px;
text-align: center;
border: outset 1px white;
background-color: #cc9966;
color: white;
font-size: 10px;
font-weight: bold;
}

input.SmallGreenBtn
{
height: 20px;
text-align: center;
border: outset 1px white;
background-color: #006400;
color: white;
font-size: 10px;
font-weight: bold;
}

input.SmallBrownBtn
{
height: 20px;
text-align: center;
border: outset 1px white;
background-color: #cc0000;
color: white;
font-size: 10px;
font-weight: bold;
}

input.LargeBrownBtn {
height: 30px;
text-align: center;
border: outset 1px white;
background-color: #cc0000;
color: white;
font-size: 12px;
font-weight: bold;
}

input.LargeBlackBtn {
height: 30px;
text-align: center;
border: outset 2px white;
background-color: #8b4513;
color: white;
font-size: 12px;
font-weight: bold;
}

input.SmallBrown
{
FONT-SIZE: 10px;
COLOR: #a52a2a
}

input.Bold
{
FONT-SIZE: 12px;
font-weight: bold	
}

label.SmallBlack
{
FONT-SIZE: 10px;
text-decoration: none; 
border-style: inset; 
border-top-width: 2px; 
border-right-width:2px; 
border-bottom-width: 2px; 
border-left-width: 2px
}

textarea.SmallBlack, select.SmallBlack, input.SmallBlack, p.SmallBlack
{
FONT-SIZE: 10px;
}

.Larger
{
FONT-SIZE: 11px;
}

select
{
FONT-SIZE: 11px;
}

hr.ThinBlack
{
border-top: 1px solid #000000;
margin: 2px;
}

hr.ThinBrown
{
border-top: solid 1px #996600;
margin: 2px;
}

img.Boxed {border: 1px #cccccc solid;}

/*Main Menu Classes*/

.menu {
/*filter: alpha(opacity=100, finishopacity=100, style=1, startx=0, starty=0, finishx=200, finishy=500);*/
  width: 150px; 
  height: 52px; 
  position: absolute;
  z-index: 1; 
  visibility: hidden;
}

.MenuBox {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

.MenuBoxB {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

a.MnuHdr
{
color: #000000;
font-size: 10px;
text-decoration: none;
font-weight: bold;
}
a.MnuHdr:link
{
color: #000000;
text-decoration: none;
font-weight: bold;
}
a.MnuHdr:visited
{
color: #000000;
text-decoration: none;
font-weight: bold;
}
a.MnuHdr:hover
{
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

a.MenuItem
{
color: #000000;
font-size: 10px;
text-decoration: none;
font-weight: bold;
}
a.MenuItem:link
{
color: #000000;
text-decoration: none;
font-weight: bold;
}
a.MenuItem:visited
{
color: #000000;
text-decoration: none;
font-weight: bold;
}
a.MenuItem:hover
{
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
a.MnuItD
{
color: #666666;
font-size: 10px;
text-decoration: none;
font-weight: bold;
}

/*HTML Editor Classes*/

.main {
padding-left: 1ex;
padding-right: 1ex;
padding-bottom: 0.5ex;
padding-top: 0.2ex;
}


.box {
font-size: 10pt;
padding: 0.5ex;
margin-left: 1ex; margin-right: 1ex;
width: inherit;
}

.hghead {
font-weight: bold;
padding: 0.1ex 0.2ex;
border: 1px solid #663300;
}

.charlist {
border: 1px solid #663300;
text-align: left;
margin-left: 1ex;
}

.submenu {
text-align: center;
color: #330000;
background-color: transparent;
font-size: 10pt;
font-variant: small-caps;
}

DT {
font-weight: bolder;
}

DD {
margin-bottom: 0.5ex;
}
/* Page header */
td.siteHeaderInfo {
  background-position: right top;
  background-image: url(/cafe/images/TransRight2.jpg); 
  background-repeat: no-repeat;
  border: none;
  font-size: 10px;
  line-height: normal;
  padding: 0 10px 0 0;
  text-align: right;
  vertical-align: middle;
  min-width: 288px;
}

/* Page navigation */
td.tdPgNav {font-size: 10px; padding: 2pt 0; vertical-align: top;}
span.pgNav {background: #a7d7fb; border: solid 1px #6db0e3; font-size: 10px; font-weight: bold; margin-left: 3pt; padding: 0px 3px;}
a.aPgNav:link, a.aPgNav:active, a.aPgNav:visited {font-weight: bold; padding: 0px 3px;}
a.aPgNav:hover {color: red;}
.pgMore {font-size: 110%; font-weight: bold;}

/* Read Only Note */
div.readOnlyNote {background: #fde8b3; border: solid 1px #e6ca7f; color: #d03000;font-size:11px; font-weight: bold;margin: 3pt 7pt; padding: 3pt;text-align: center;}

/* tcTermsStat */
tr.trEven {background: #f4dabf;}
tr.trOdd {font-size: 10px;}
td.statTd {font-size: 10px; padding: 2px; vertical-align: top;}
td.statTdC {font-size: 10px; padding: 3pt 2px; text-align: center; vertical-align: top;}
td.statTdR {font-size: 10px; padding: 2px; text-align: right; vertical-align: top;}

/* Link to the top of the page */
a.aToTop:active,a.aToTop:link,a.aToTop:visited {color: #777; font-size:8px; font-weight: bold; text-decoration: none;}
a.aToTop:hover {color: #eee; text-decoration: underline;}

/* Cafe top menu item cell */
div.tmi {color: #95724c; font-size: 10px; white-space: nowrap;}

/* Login form */
table.tblLeft {background-color: #ffebcd; border: solid 1px #996600;
               border-collapse: collapse; margin-bottom: 5pt; width: 150px;}
table.tblLeft td {padding: 3px;}
.lgnUser {font-size: 10px; font-weight: bold; text-align:center;}
.lgnRole {color: #ff3300; font-size: 10px; font-weight: bold; text-align:center;}
.lgnRoleMaster {color: #800000; font-size: 10px; font-weight: bold; text-align:center;}
.lgnMsWarn {background: #fde8b3; border: 1px solid #e6ca7f; font-size: 10px; padding: 2pt;}
.lgnMsWarn div {font-size: 10px; margin: 5pt 0; text-align: center;}
.lgnMsWarn div b {font-weight: normal; padding-top: 5pt; color: #8b4513; cursor: pointer;}
.lgnMsWarn div b:hover {text-decoration: underline;}
.lgnLst {font-size: 10px; color: #960;}
.lgnBtnDiv {text-align: center;}

/* Page top */
.topCafeR {
  background: url(/cafe/images/Translation_Agencies_R.jpg) right top no-repeat;
  text-align: right;
  vertical-align: top;
}
.topPopupR {
  background-position: right top; 
  background-image: url(/cafe/images/TransRightHelp.jpg); 
  background-repeat: no-repeat;
  text-align: right;
  vertical-align: top;
}
.topShade {
  background-position: right top;
  background-image: url(/cafe/images/topshadow_bg.gif);
  border-top: solid 1px #777;
}

/* Page bottom */
table.btmTbl
{
  background-image: url(/cafe/images/btmStrip.gif);
  background-position: top;
  background-repeat: repeat-x;
  padding-bottom: 12pt;
  width: 100%;
}

td.btmSite
{
  color: #aaa;
  font-size: 9pt;
  font-weight: bold;
  padding: 5pt;
  padding-top: 14pt;
  vertical-align: top;
  width: 150px;
}

td.btmTxt
{
  font-size: 10px;
  padding: 5pt;
  padding-top: 14pt;
  vertical-align: top;
}

/* Menu Bar Search Box and Magnifying Glass Button*/
#frmSrch {border: 0; margin: 0; font-size: 11px; font-weight: normal; width: 150px;}
#searchBtn {height: 16px; width:24px; cursor: pointer; border: none;}
#sc {background: #fff; border: solid 1px #693f1b; padding: 0; width: 150px;}
#sb {background: #986133;
     border-top: solid 1px #693f1b; border-right: solid 1px #693f1b; 
     border-bottom: solid 1px #693f1b; padding: 1pt;
     width: 24px;}
#sb img {border: 0; width: 24px; height: 16px;}
#searchForm {margin: 1px 8px;}
#searchForm table {width: 181px;}
.sfActive, .sfInactive {border: solid 1px #a88c65;
                        font-family: Trebuchet MS, Arial; font-size: 11px;
                        width: 150px; height: 18px;}
.sfActive {color: #000; font-style: normal;}
.sfInactive {color: #aaa; font-style: italic;}

/* Side menu */
p.mbox {FONT-SIZE: 10px;BORDER-BOTTOM: #cba 1px solid;margin: 0;padding: 2px;}
p.embox {FONT-SIZE: 10px;margin: 0;padding: 2px;}

/* Social bookmarks */
div.sbCnt {color: #963; font-size: 10px; margin-top: 5pt; margin-bottom: 5pt;}
div.sbCnt b {position: relative; top: -7px; margin: 0 3pt;}
div.rsi div.sbCnt {margin: 0; padding: 5pt 5pt 0 5pt;}
div.rsi div.sbCnt b {display: block; margin: 3pt 0 0 0; padding: 0;}
img.sbIcon, img.sbIconB {border: none; margin: 0 3px; vertical-align: top;}
img.sbIconB {border: solid 1px #777;}

/* YouTube frame (object and embed) */
.tcYouTube {width: 400px; height: 300px; margin: 10pt 0;}

/* Diacritics */
.diaRow {font-family: Lucida Console, Courier New, Monospace; font-size: 12pt;
         margin-top: 3pt; margin-bottom: 3pt;}
.diaSym {border: solid 1px #fff; color: #8b4513; cursor: pointer;
  font-weight: normal; margin-left: 1pt; margin-right: 1pt;
  padding-left: 2pt; padding-right: 2pt;}
.diaSym:hover {background: #f5f5f5; border: solid 1px #999; color: #000;}

/* Quick Look */
.quickTbl {
  border-top: solid 1px #f1d8b8;
  border-left: solid 1px #95724c; border-right: solid 1px #95724c; border-bottom: solid 1px #95724c;
  border-collapse: collapse; width: 100%; empty-cells: show;
  margin-bottom: 15pt;}
.quickTbl th, .quickTbl td {font-size: 10px;}
.quickTr {background-color: #eee;}
.quickHdr {background-color: #dbb381;
  background-position: right bottom;
  background-image: url(images/topmenu_bg.gif);
  background-repeat: repeat-x;
  border-left: 1px #996633 solid; border-right: 1px #996633 solid; border-bottom: 1px #996633 solid;
  padding: 2pt 3pt; vertical-align: top;}
.quickTd, .quickTdNoWrap, .quickTdNum {padding: 2pt 3pt;
  vertical-align: top;}
.quickTdNoWrap {white-space: nowrap;}
.quickTdNum {text-align: right; width: 1%; white-space: nowrap;}
.quickTdText {padding: 5pt 3pt; vertical-align: top;}
.quickTdEmDiv {border-top: 2px solid #5a0; height: 1px; padding:0;}
.quickPanel {background: #ffebcd; border: solid 1px #95724c;
             padding: 2pt 3pt; text-align: center;}
.quickMenu {color: #95724c;
            font-size: 10px; font-weight: bold; margin: 5pt 0;}
table.quickPad
{
  background-position: right bottom;
  background-image: url(images/lgrayshadow.gif);
  background-repeat: repeat-x;
  border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; border-right: solid 1px #aaa;
  width: 100%;
}
table.quickPad th 
{
  border-left: solid 1px #999; border-right: solid 1px #fff;
  font-size: 10px; padding: 2pt; white-space: nowrap;}

/* Link like a grey button */
a.greyBtn:link, a.greyBtn:visited
{
  background: #ccc;
  border: solid 1px #777;
  color: #777;
  font-size: 10px;
  font-weight: bold;
  margin: 0;
  padding: 2px 5px;
  text-decoration: none;
  white-space: nowrap;
}
a.greyBtn:hover
{
  background: #eee;
  color: #555;
}

/* Pop up content */
td.popUpMainContainer
{
	font-size: 8pt;
	padding: 2pt 3pt;
	vertical-align: top;
}

/* Master benefits */
div.masterBenefits {margin-top: 16pt; margin-bottom: 16pt;}
div.masterBenefits ul {margin: 8pt 12pt; padding: 0;}
div.masterBenefits li {list-style-type: disc;}
div.masterBenefits li ul {margin: 8pt 24pt;}
div.masterBenefits li li {list-style-type: disc;}

div.ctlcopy {position: absolute; top: -9000px; left: -9000px; white-space: pre-wrap;}