BODY{
  font-family: helvetica;
  height: 100%;
  background-image:url(/images/bg.png);
  margin: 0px 0px 0px 0px;
  min-width: 1024px;
}
A{ text-decoration:none }
A:visited {text-decoration: none}
a img,:link img,:visited img { border: none; }
h1, h1 a, h2, h2 a, h3, h3 a {
	margin: 0;
	text-decoration: none;
}

h2 {
	font-size: 2em;
	letter-spacing: -1px;
}

#page{
  border-left: solid 1px #999999;
  border-right: solid 1px #999999;
  height: 100%;
  min-width: 1024px;
  background-color: white;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

#status-bar{
/*  background-color: #F0F0F0;*/
  /*background: transparent url(/images/banner_2.jpg) repeat;*/
  color: #666666;
  font-size: smaller;
  padding: 2px 10px 2px 10px;
  height: 20px;
  position: relative;
  top: 0;
  left: 15px;
  z-index: 10;
}

#title-bar{
/*  background-color: #CCCCFF;*/
/*  background: transparent url(/images/banner_2.jpg) repeat;*/
  padding: 10px 10px 2px 10px;
  font-size: 18pt;
  font-weight: bold;
}

#banner {
  height: 263px;
/*  background: transparent url(/images/banner_2.jpg) no-repeat;*/
  z-index: 1;
}

#banner table {
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

#banner table tr {
	border-spacing: 0;
	padding: 0;
	margin: 0;
}

#banner #left {
	background: transparent url(/images/banner-left.jpg) repeat;
	vertical-align: top;
	width: 709px;
	padding: 0;
	border-spacing: 0;
	border-width: 0;
	margin: 0;
}


#banner #right {
	background: transparent url(/images/banner-right.jpg) repeat;
	vertical-align: top;
	width: 127px;
	padding: 0;
}

#search{
	float: left;
	padding: 0.2em 0 0 1em;
}

.search-text{
	background: #FFFFFF url(/images/search.png) no-repeat 4px 4px;
	padding: 1px 4px 1px 22px;
	border: 1px solid #CCCCCC;
	width: 14em;
	height: 1.7em;
	font-size: 1em;
}

#banner-spacer{
  background: transparent url(/images/banner_spacer.jpg) repeat;
  height: 263px;
  width: 100%;
}

#banner-right{
  background: transparent url(/images/banner_right_2.jpg) no-repeat;
  height: 263px;
  width: 301px;
  float: right;
  position: absolute;
  right: 11px;
  top: 0;
}

#navigation{
  border-top: solid 1px #999999;
  background-color: #E6E6E6;
  padding: 2px 15px 2px 15px;
  font-size: 0.8em;
  min-height: 30px;
  _height: auto !important;
  height: 30px;
  border-bottom: solid 2px #9999AA;
}

#nav-menus{
	float: left;
}

#nav-language-switch{
	float: right;
}

#header{
	height: 300px;
}

/*#navigation > div {
  float: left;
  margin-right: 5px;
}*/

#mainbody{
  /*background-color: white; /*#EEEEFF;*/
  min-height: 600px;
  min-width:  800px;
  height: auto !important;
  height: 100%;
 /* border-top: solid 1px #CCCCDD;*/
  padding-bottom: 10px;
  overflow:auto;
  position: relative;
}
#mainbody-content{
  margin: 0 260px 0px 9px;
  min-height: 580px;
  height: auto !important;
  height: 580px;
  /*border: solid 1px #999999;*/
}

.sf-menu *{
	z-index: 100; /* IE6 fix for the menu */
}
.sf-menu li {
	padding: 3px 15px;
	font-size: 1.2em;
}
.sf-menu li li {
	font-size: 1em;
}
.sf-menu li ul li a{
	background-color: white;
}

#mainbody-content #ABOUT{
  padding: 20px;
  /*background-image: url('/themes/default/images/paper005.gif');*/
}

#mainbody-content #ABOUT p{
  margin-top: 0px;
  margin-bottom: 0px;
}

#sidebar{
 /* position: relative;
  display: inline;
  float: right;
  width: 248px;
  margin: 10px -260px 0px 10px;*/
  margin: 10px 10px 0 10px;
  padding: 10px 0px 0px 0px;
  width: 248px;
  float: right;
/*  border-left: solid 1px #999999;
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
  background-color: white;*/
}
#sidebar ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar li {
	background: url(/images/sidebar_01.png) no-repeat scroll left top transparent;
	padding-top: 36px;
}
#sidebar h2 {
	background: url(/images/sidebar_02.png) repeat-y scroll left top transparent;
	scroll 0 0;
	color: #302D26;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 30px 20px;
	text-decoration: underline;
}
#sidebar li ul {
	padding: 0 30px 0 30px;
	background: url(/images/sidebar_02.png) repeat-y scroll left top transparent;
}
#sidebar li li {
	margin: 0;
	padding: 4px 5px 4px 20px;
	background: url(/images/img11.gif) no-repeat 5px 50%;
	font-size: 0.8em;
	cursor: pointer;
}
.sidebar-splitter{
  background-color: #999999;
  height: 1px;
  overflow: hidden;
  margin-right: 20px;
  margin-left: 10px;
  padding: 0px 0px 0px 0px;
}
.sidebar-section-title{
  padding: 2px 20px 2px 10px;
  font-weight: bold;
  font-size: 10pt;
}
.sidebar-content{
  padding: 2px 20px 2px 10px;
  font-size: 9pt;
}
.sidebar-section{
  margin: 0px 0px 20px 0px;
}

#spacer{
	clear: both;
	height: 1px;
}

#footer{
  clear: both;
  min-height: 20px;
  _height: auto !important;
  height: 20px;
  background-color: #888888;
  padding: 2px 10px 0px 10px;
  font-size: 8pt;
  color: white;
}

#footer  a{
  text-decoration: none;
  color: white;
  padding-left: 10px;
}

#footer a:hover {  text-decoration: underline }

#footer-links{
  float: right;
}

#copyright{
  float: left;
}

.HIGHLIGHT{
  color: blue;
}
#login-info{
	float: left;
	font-size: 0.8em;
	padding: 0.5em 0 0 0.5em;
	color: gray;
}

#login-info #username{
	padding: 0 0 0.3em 0;
}

#login-info #location{
}

#signin-button {
}

#signin-dialog {
	display: none;
}

#language-switch{
	float: right;
}
a.BLANKLINK{
  text-decoration: none;
  color: #666666;
}
a.BLANKLINK:link {}     /* unvisited link */
a.BLANKLINK:visited {}  /* visited link */
a.BLANKLINK:hover {color: #333333;}


.HIGHLIGHTLINKHOVEROFF{
  padding: 2px 4px 2px 4px;
  cursor: pointer;
}
.HIGHLIGHTLINKHOVERON{
  background-color: #FFE2A5;
  border: solid 1px #999999;
  padding: 1px 3px 1px 3px;
  cursor: pointer;
}

.block-content{
	padding: 20px;
	display: block;
	zoom: 1;
}

.clear{
	clear: both;
}

.Highlight{
  color: #990000;
  font-weight: bold;
}


.ui-tabs-hide{
	display: none;
}

.load{
	background:url('/images/indicator.gif') no-repeat left;
	height: 16px;
	width: 200px
}


/**
 * hover css
 */

.hovertip-verb{
/*	background-color: #99ff99;*/
	color: #0000ff;
	padding: 3px 3px 0;
	font-weight: bold;
}

.hovertip-adj{
	background-color: #9999ff;
	padding: 3px 3px 0;
}

.tip{
	display: none;
}

.binom-sentence{
	display: none;
	margin: 3px 0px 3px 15px;
}

.sentence-data{
	margin: 3px;
}

.sentence-translation{
/*	display: none;*/
	margin: 3px;
}


/* sentence list */
ol.sentences {
	list-style: none outside none;
	padding-left: 0;
}

ol.sentences li {
	padding-top: 10px;
}

div.sentence-expander { background: url(/images/switch.png) no-repeat; }
div.active { background-position: left bottom; }

/* translation expander */
.expander-open {
	text-decoration: line-through;
}

.minilink{
	font-size: smaller;
	border: solid 1px black;
	background-color:#FFFFCC; 
}
/*.MINILINKHIDE{
	font-size: smaller;
	margin-left: 10px;
	border: solid 1px black;
	background-color:#FFFFCC;
	visibility: hidden; 
}*/
.minilink:hover {
	text-decoration: none;
}

.sentence-data .binom{
	color: red;
	font-weight: bold;
}
.sentence-data .binominfo{
	color: blue;
	font-weight: bold;
}

.overlap{
	background-color: #FFFFCC;
	border: 1px solid black;
	color: blue;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
}



/*.SPANHEADER1{
  font-size: 26pt;
}
.CHARACTERDEFINITION{
  font-size: 10pt;
}
.CHARACTERDEFINITION img{
  border: none;
}
.CHARACTERDEFENG{
}
.CHARACTERDEFEG font{
  color: #990000;
  font-weight: bold;
  font-size: 11pt;
}
.CHARACTERDEFEGENG{
  margin-left: 1em;
}
.CHARACTERDEFL1 > li{
  margin-bottom: 5px;
}
.CHARACTERDEFL2{
  list-style-type: lower-roman;
  margin-left: 2em;
}
.CHARACTERDEFL2 > li{
  margin-bottom: 5px;
}*/

/* for menubuilder getHoverMenu()*/
/*.MENUSECTION{
  background-color: #FAFAFA;
  border-bottom: solid 1px #999999;
  cursor: pointer;
  z-index: 88;
  padding: 3px 3px 3px 3px;
  margin: 1px 1px 1px 1px;
}
.MENUOBJECT{
  border: solid 1px #999999;
  width: 300px;
  display: none;
  position: absolute;
  background-color: #FAFAFA;
  background-image: url('/images/menuleft.png');
  background-repeat: repeat-y;
  cursor: pointer;
  z-index: 99;
}
.MENUOBJECT h1, p{
  margin-top: 0px;
  margin-bottom: 0px;
}
.MENUOBJECT h1{
  color: #000099;
  font-size: 10pt;
  font-weight: bold;
}
.MENUOBJECT p{
  font-size: 9pt;
}
.MENUSECTIONIMAGE{
  float: left;
  width: 40px;
  min-height: 10px;
  padding: 0px 5px 0px 0px;
  display: table-cell;
}
.MENUSECTIONTEXT{
  width: 247px;
  display: table-cell;
}
.MENUSECTIONCLASSHOVEROFF{
  padding: 3px 3px 3px 3px;
  margin: 1px 1px 1px 1px;
}
.MENUSECTIONCLASSHOVERON{
  background-color: #FFE2A5;
  border: solid 1px #BC7755;
  padding: 2px 2px 2px 2px;
  margin: 1px 1px 1px 1px;
}

.MENUBUTTONHOVEROFF{
  padding: 2px 4px 2px 4px;
  cursor: pointer;
}
.MENUBUTTONHOVERON{
  background-color: #FFE2A5;
  border: solid 1px #999999;
  padding: 1px 3px 1px 3px;
  cursor: pointer;
}
.MENUBUTTONHOVFIX{
  background-color: #FFE2A5;
  border: solid 1px #999999;
  padding: 1px 3px 1px 3px;
cursor: pointer;
}
.MENUSPLITTER{
  background-color: #999999;
  height: 1px;
  overflow: hidden;
  margin-left: 50px;
}
*/
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

.fg-button { clear:left; margin:2px 4px 0 5px; padding: .4em 1.5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; background: url("/images/button_bg.png") repeat-x scroll 50% 50% #E6E6E6; color: #303030; font-weight: bold;}
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-button.ui-state-loading .ui-icon { background: url(/images/spinner_bar.gif) no-repeat 0 0; }

.ui-tabs .ui-tabs-nav {
	background: url("/images/bar_bg.png") no-repeat scroll 50% 50% #CCCCCC;
}

.menu {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu li {
	float: left;
	position: relative;
}

.text-title{
	background:transparent url(/images/bk_title.gif) repeat-y;
	padding: 4px 100px 2px 10px;
	color: white;
}


#tab-wrapper{
	width: 100%;
	float: left;
}

#word-list {
}

/* overwrite jquery UI settings */
.ui-widget{
	font-size: 0.9em;
}


.ui-tabs-vertical { width: 50em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 5em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 44em;}

#my-menu{
    top: 0;
    left: -100px;
    z-index: 10000;
    position: fixed;
}

.top-button{
    margin: 0;
    opacity: 0.6;
    padding: 3px 5px;
    white-space: nowrap;
    background-color: #555555;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #CCCCCC;
    font-size: 0.8em;
    color: #DDDDDD;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
}

#my-sub-menu {
    display: none;
}

#my-sub-menu ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 3px 5px 0 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    margin-top: 5px;
}

#my-sub-menu li{
    padding: 3px 5px 3px 0;
}


#my-sub-menu li a, #my-sub-menu li a:visited {
    text-decoration:none;
    color: #DDDDDD;
}

#my-sub-menu li a:hover {
    color: #ffffff;
}

#preferences-dialog {
    display: none;
}