html, body, div
{
	height: 100%;
	margin: 0;
	padding: 0;
	border-width: 0;	
}
html
{
	overflow:auto;
}
body
{
	height: 100%;
	color: black;
	scrollbar-arrow-color: #A4C2F2;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-face-color: #D8E8FA;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-track-color: #FFF;
	background-color:White;
	/* #IF-IE6 */
	/*background-image:url(img/wave3.jpg); */
	background-repeat:repeat-x; 
	background-position:center 0;
	/* #END-IF-IE6 */
	zoom:1;
}
body, td, th, textarea, input, select, h2, h3, h4, h5, h6
{
	font: 83%/1.4 arial, helvetica, sans-serif;	
}
label
{
    font-size:10pt;
}
li
{
	color: #898AAF;
}
ol, ul
{
	margin-top: 0;
	margin-bottom: 0;
}
a
{	
	color:#05569D;
	cursor: pointer;
	outline: none !important;	
}
a:visited
{
	color: #105CB6;
	text-decoration: none;	
}
a:link
{
	text-decoration:none;
}
.hardLink
{
	
}
a:hover, a:focus
{
	color: #4FCAF7;		
	text-decoration:underline;
}
a:active
{
	color: #000;
}
a.favoriteLink
{
	color: #E18000;
}
a.favoriteLink:hover
{
	color: #E1B66C;
}
select
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F0F5FA;
	border: solid 1px #ace;
	font-size: 11px;
}

/* #IF-IE6 */
#scrollforce
{
	position: absolute; 
	float: left; 
	height: 640px; 
	top: 0px;
    left: 0px; width: 1px;
}
/* #END-IF-IE6 */

#headbggrad
{
	position:absolute; 
	top:0px; 
	left:0px; 
	width: 100%;
	min-width:960px; 
	height:86px; 
	background-image:url(img/wave3.jpg); 
	background-repeat:repeat-x; 
	background-position:center 0;
}
#container
{
	text-align: left;
	width: 960px;
	height: 100%;
	min-height: 630px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
#footer
{
	position:relative;
	height: 21px;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-top: 3px;
	font-family: Arial;
	font-size: 9pt;
	color: #A0A0A0;
	border-top: solid 1px #D0D8E4;	
}
#footer a
{
	border-bottom: none;
	color: #A0A0A0;
}
#tabTip
{
	position: absolute;
	visibility: visible;
	z-index: 106;
	height: 35px;
}
#tabsTrack
{
	background-color: #0092FE;
	height: 4px;
	font-size: 0;
	width: 100%;
}
#tabsCntr
{
	height: 27px;
	margin-right: 244px;
	visibility: hidden;
	position: relative;
	/* #IF-IE6 */
	/* BUG #336868 */
	width: 713px;
	/* #END-IF-IE6 */
	/* #START-DEBUG */
	width: auto;
	/* #END-DEBUG */
}
#txtRawSent
{
	height: 700px;
	width: 100%;
	display: none;
}

#header
{
	position: relative;
	height: 80px;
	margin-bottom: 1px;
}

#homeWordSep
{
	width:100px;
	height:1px;
	border-bottom: solid 1px #D2EAF6;
	position:absolute;
	bottom:60px;
	left:33px; 
}

#homeWordTitle
{
	font-size:21px;
	font-weight:bold;	
	font-family:Tahoma, Arial;
	height:auto;
	text-align:center;
	padding-top:35px;
}

#homeWord
{
	height:155px;
	position:relative;
	padding:0px;
}

#tinyInputCntr
{
	border:solid 1px #00B7EF;
	background-color:white;	
	position:absolute;
	left:15px;
	bottom:21px;
	z-index:104;	
}

#tinyInputField
{
	border:none;	
	border-width:0px;
	height:16px;	
	line-height:16px;
	overflow-y:hidden;
	width:115px;
	padding-left:3px;
	font-size:11px;	
	color:#05569D;
	vertical-align:middle;
	text-align:center;
	background-color:White;
}

#tinyInputBtn
{
	margin: 3px 2px 3px 2px;
	vertical-align:middle;
	background-color:white;		
	border:none;
	cursor:pointer;		
}

#initLoadUi
{	
	text-align:center; 
	position:absolute; 
	color:#8A8895;
	top:240px;
	z-index:109;
	left: 50%;
	width:200px;
	margin-left:-120px;
}
.mainInputCntrTabView
{
	top:5px !important;
}
.mainInputCntrHpView, #mainInputCntr
{
	top:155px;
}
#mainInputCntr
{	
	position:absolute;
	left:268px;
	/*top: set dynamically in Lingo.HomePageCtrl via 
		   either .mainInputCntrTabView or mainInputCntrHpView,
		   note that the default is .mainInputCntrHpView set through CSS.
		   Why set a default? During loading the JS file may not have loaded yet
           so we should show the field positioned in a reasonable way.
	*/	
	z-index:104;
	width:410px;
	height:55px;
}
#vertCntr
{
	position:absolute;
	top:0px;
	width:484px;	
	margin:0;
	padding:0;
}

#vertCntr li
{
	list-style-type:none;
	display:inline;
	text-align:center;
	float:left;
	height:21px;
}

#vertCntr li a
{
	font-size:12px;
	color:#1b4b6e;
	padding:0px 8px 0px 8px;
	text-align:center;
	background:url(img/bingsynpipe.png) no-repeat right top;
}

.vertCur
{
	background:url(img/bingsyncur.png) no-repeat center bottom;
}

.vertCur a
{
	font-weight:bold !important;
	color:#eb7c00 !important;	
}

.lastVert
{
	background-image:none !important;	
}

#bingFieldXtend
{
	position:absolute; 
	bottom:0px; 
	left:0px;
	cursor:help;
}

#bingFieldCntr
{
	position:absolute;
	top:21px;
	height:36px;
	width:409px;
}

#bingFieldHead
{
	position:absolute; 
	left:0px; 
	top:0px;
}

#bingFieldTail
{
	position:absolute; 
	right:0px; 
	top:0px;
}

#bingFieldBody
{		
	left:4px;
	top:0px;
	width:401px;
	position:absolute;
	/*background-repeat:repeat-x;*/
}

#mainInputFieldOuter
{	
	border:solid 1px #91B3CC;
	background-color:white;
	position:absolute;
	left:0px;
	top:3px;
	width:399px;		
}

#mainInputField
{	
	background-color:white;
	border:none;
	margin:4px 0px 0px 0px;
	/* #IF-IE6 */
	*margin:3px 0px 0px 0px;
	/* #END-IF-IE6 */
	padding:0px 0px 0px 4px;
	width:364px;		
	height:20px;			
	line-height:20px;		
	font-size:16px;		
	overflow-y:hidden; /*avoid scroll bars during page load*/
	color:black;	
	resize:none; /* avoid chrome/safari expanders*/
	outline:none; /* avoid chrome/safari box highlighting*/
}

.normalInputText, .multiLineEx
{
	overflow-y:auto !important;
}

.multiLineEx
{	
	height: 63px !important;
}

#mainInputBtn
{	
	background-color:white;		
	vertical-align:top;
	margin: 2px 1px 2px 1px;
	border:none;
	cursor:pointer;		
}

#wtrMark
{
	font-size:13px;	
	font-weight:normal;
	color:#AAAAAA;
	position:absolute; 
	top:5px; 
	left:5px
}

/* #IF-IE6 */
/* Bug #329504 */
#suggFrame
{
	left:272px;
	/*top: set dynamically in Lingo.HomePageCtrl to .suggInTabView or .suggInHpView*/
	width:400px;
	position:absolute; 
	display:none;
	z-index:107;
}
/* #END-IF-IE6 */

#suggCntr
{
	left:272px;
	/*top: set dynamically in Lingo.HomePageCtrl to .suggInTabView or .suggInHpView*/
	width:399px;
	position:absolute; 
	background-color:White;
	border:solid 1px #91B3CC;
	height:auto;
	display:none;
	overflow:auto;
	padding-top:4px;
	color:#05569D;
	z-index:107;
	font-family:"arial";
	font-size:14px;
	font-weight:bolder;
}
.suggInTabView
{
	top:58px;
}
.suggInHpView
{
	top:208px;
}
.suggItem, .suggItemSelected
{
	height:auto;
	cursor:pointer;	
}
.suggItemSelected
{
	background-color:#068FBC;
	color:white !important;
}
.suggHlight
{		
	color:#F76D1A;
}
.suggDef
{
	color:Gray;
	font-weight:normal;
	font-size:12px;
	padding-left:15px;
}
.shadow
{
	-webkit-box-shadow: 4px 4px 8px gray;
	-moz-box-shadow: 4px 4px 8px gray;
	box-shadow: 4px 4px 8px gray;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray, direction=135, strength=6);
}
#navlinks
{
	right: 27px;
	top: 5px;
	position: absolute;
	text-align:left; 
	font-size:12px;	
	line-height:19px;
}
.cxmenuitem, .csmenuhl
{
	background-color: #F0F0F0;
	border-bottom:solid 1px #D8D8D8;
	border-top:solid 1px white;
	padding-left:10px;
	padding-bottom:3px;
	height: auto;
	cursor:pointer;
}
.csmenuhl
{
	background-color:#c2e6f5;
}

#tabMoreBtn
{
	visibility: hidden;
	z-index: 102;
	cursor: pointer;	
	position: absolute;
	left: 0;
	top: 5px;	
}

/* #IF-IE6 */
/* Bug #329494 */
#tabListFrame
{
	visibility: hidden;
	position: absolute;
	left: 0;
	z-index: 40;
	top: 108px;
	width: 154px;
	padding-right:10px;
	overflow: auto;
	background-color: #F0F0F0;
}
/* #END-IF-IE6 */

#tabList
{
	visibility: hidden;
	position: absolute;
	left: 0;
	z-index: 50;
	top: 108px;
	width: 150px;
	padding-right:10px;
	height: auto;
	max-height: 330px;
	overflow: auto;
	background-color: #F0F0F0;
	border: solid 2px #718ACB;
	
}

/* #IF-IE6 */
/* Bug #329499 */
#tabsContextMenuFrame
{
	visibility: hidden;
	position: absolute;
	left: 50px;
	z-index: 40;
	top: 108px;
	width: 124px;
}
/* #END-IF-IE6 */

#tabsContextMenu
{
	visibility: hidden;
	position: absolute;
	left: 50px;
	z-index: 50;
	top: 108px;
	width: 120px;
	height: auto;	
	border:solid 2px #74A8D2;		
}

#vpagesCntr
{
	position: relative;
	background-color: White;
	height: 600px;
}
#logo
{
	position: absolute;
	cursor: pointer;
	z-index:100;
	/* Note that currently these values may be dynamically set 
	   in Lingo.HomePageCtrl. However we should still set them here for the case
	   of loading where the Lingo JS file has not yet fully loaded.
	*/
	left:330px; 
	top:77px;
}
.dictarea
{
	/*height: 50;*/ /* fan commented */
	height:auto;
}
.dictbar
{
	height:25px;	
	background:#e6eff8;
	border-bottom-color: #ACE;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	overflow:hidden;	
}
.dictbarcont
{
	padding-top: 1px;
	color: #049;
	height: auto;
	padding-left:10px;
}
.defBarProns
{
	float: left;
	padding-left: 15px;
	padding-top: 2px;
	font-family: "lucida sans unicode", Tahoma;
	font-size:10pt;
}
.defBarStemFyi
{
	float: left;
	padding-left: 8px;
	padding-top: 3px;
	font-size:10pt;
	color:#838FB1;
}
.defLangViewBtns
{
	float: right;
	margin-right:15px;
	color: #0D4891;	
}
.defBarMic
{
	float:left;
	margin-top:5px;
	cursor:pointer;	
}
.defBarTitle
{
	float: left;
	padding-left: 8px;
	font-size: 12pt;
	font-weight: bolder;
}
.dictcontent
{
	height:auto;
	position: relative;
}
.dictsubbar
{
	background-color: #F4F4F4;
	position: relative;
	height: 20px;
	line-height:20px;
	padding-left: 10px;
	width: auto;
	margin-bottom: 9px;
	font-size: 12px;
	color: #757575;
}
.inflTxt
{
	float: left;
}
.dictInfl
{
	overflow: hidden;
	float: left;
	color: Gray;
}
.reportBad
{	
	float: right;	
	position:relative;
	font-size:12px;	
	padding-right:8px;	
	border-bottom:none;	
	color:#105cb6;	
}

.defCntr
{
	margin-bottom: 5px;
	width: 100%;
	/*overflow: auto;*/
	position: relative;
	/*height: 300px;*//* fan commented */
}
.defInnerCntr
{
	height: auto;
}
.sentarea
{
	/*height: 60%;*/
	height:auto;
	position: relative;
}
.sentHeader
{
	font-family:SimHei; 
	color:#049; 
	font-size:11pt; 
	padding-left:13px; 
	float:left;	
}
.sentOption
{
	font-size:10pt; 	
	color:#105CB6
}
.sentarea select
{
    margin-top:2px;
	color: #105CB6;
	font-size: 9pt;
}
.sentbar
{
	height: 25px;
	line-height:25px; /*center vertically all content in this line*/
	background:#e6eff8;	
	border-bottom:solid 1px #ACE;
	border-top:solid 1px #ACE;	
}
.sentcontent
{
	/*height: 250px;*/ /* fan commented */
}
.sentLoad
{
	position: absolute;
	left:50%;
	margin-left:-26px;
	top: 25%;
}
.sentNone
{
	color:gray; 
	font-size:10pt;
	padding-left:25px;
}
.senPgrCntr
{  
   position:relative;
   left:-50%;
   float:right;
   height:auto;
}
.senPgrCntr ul
{
	position:relative;
	left:50%;
	list-style:none;
	margin-left:-10px;
}
.senPgrCntr li
{		
	position:relative;
	float:left;
}
.senPgrCntr a
{
	padding:5px 10px 5px 10px;
	margin-right:1px;
	text-align:center;
	display:block;
}
.senPgrCntr a:hover
{
	background-color:#EDEDED;
	color:#05569D;
	text-decoration:none;
}
.senSelPg
{
	background-color:#EDEDED;
}
.sentPair
{
	padding-bottom:16px;
}
.defLoad
{
	position: absolute;
	left:50%;
	margin-left:-26px;
	top: 25%;
}
.dynsentdata
{
	display: none;
}
.dyndefdata
{
	display: none;
}
.mainsentcontent
{
	position: relative;
	width: 100%;
	height:auto;
	/*height: 400px;*/
	/*overflow: auto;*/ /* fan commented */
	margin-top:10px;
}
.sentInnerCntr
{
	position: absolute;
	height:auto;
	left: 10px;
}
.sentInnerCntr li
{
	font-size: 10pt;
}
.dictmain .sentInnerCntr
{
	/*width: 640px;*/  /* fan commented */
}
.dictmain
{
	height: 100%;
	margin-right: 244px;
	position: relative;
}
.dictmain2
{
	height: 100%;
	width: 475px;
	float: right;
	position: relative;
}
/* Set the font size when in compare mode*/
.dictmain1 .sent_en, .dictmain2 .sent_en, 
.dictmain1 .sent_cn, .dictmain2 .sent_cn, 
.dictmain1 .defCntr, .dictmain2 .defCntr
{
	font-size: 15px;
}

/* Set the font size when in normal mode*/
.dictmain .sent_en, .dictmain .sent_cn, .dictmain .defCntr
{
	font-size: 17px;	
}

.dictmain1
{
	height: 100%;
	position: relative;
	width: 475px;
	float: left;
}
.defCnt
{
    color: #05569D;    
	width: auto;
	overflow: hidden;
	height: auto;
	position: relative;
    /* #IF-IE6 */
	/* Bug #329490 */
	zoom: 1;
    /* #END-IF-IE6 */
}
.defGroup
{
	padding-bottom: 15px;
	position: relative;
	padding-left: 15px;
	height: auto;
}
.defPos
{
	width: 40px;
	overflow: hidden;
	position: relative;
	float: left;
	color: #F56C17;
	height: auto;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bolder;
}
.otab
{
	position: absolute;
	height: 18px;
	left: 50px;
	width: 100px;
	bottom: 0;
	border: solid 1px #6CBFFF;	
	background-color: #CDE9FF;
	cursor: pointer;
    /* #IF-IE6 */
	/* Bug #329487 */
	margin-bottom: -1px;
    /* #END-IF-IE6 */
}
.oTabImgTl
{
	position: absolute;
	top: -1px;
	left: -1px;
	width: 2px;
	height: 2px;
}
.oTabImgTr
{
	position: absolute;
	top: -1px;
	right: -1px;
	width: 2px;
	height: 2px;
}
.oTabContTxt
{
	color: #077CD5;
	font-size: 13px;
	position: relative;
}
.htab
{
	position: absolute;
	top: 92px;
	height: 23px;
	left: 30px;
	width: 100px;	
	background-color: #86CBFF;
	border: solid 1px #0092FE;
	z-index: 103;
}
.hTabImgTl
{
	position: absolute;
	top: -1px;
	left: -1px;
	
	/*Note: Corresponding sprite class fills in width / height fields */	
}
.hTabImgTr
{
	position: absolute;
	top: -1px;
	right: -1px;
	
	/*Note: Corresponding sprite class fills in width / height fields */	
}
.hTabContTxt
{
	color: White;
	font-size: 16px;
}
.hTabXbtn
{
	position: absolute;
	right: 4px;
	top: 4px;
	cursor: default;	
}
.tabs
{
	background-color: white;
	height: 23px;
	width: 100%;
	position: relative;
}
.audioBtn
{
	cursor:pointer;	
}
	
.fl
{
	float: left;
}
.sentGroup
{
	text-align: left;
	white-space: nowrap;
}
.sent_en
{
	color: #05569D;
	font-weight: normal;
}
.sent_cn
{
	color: #898AAF;	
	font-weight:lighter;
}
.sent_src
{
	font-size: 8.0pt;
	font-weight: normal;
	font-family: Arial;
	color: #71A250;
}
a.sent_src, a.sent_src:visited
{
	border-bottom: none;
	color: #71A250;
	text-decoration: none;
}
.hlight
{
	color: #C57308;
}

.hlight a, .xLangHlight a
{
	color: #C57308;
}
.hlight a:hover, .xLangHlight a:hover
{
	color: #F84444;
}	
.xLangHlight
{
	color:#E57D69;
	font-weight:bold;
}
.iverb
{
	color: #CF2F1D;
}
.tabTipTxt
{
	float: left;
	padding-right: 8px;
	height: 25px;
	line-height:25px;
}
#homeAddedWds
{	
	padding-top:8px;
	padding-left:16px;
	margin:0;
	height:147px;
	overflow:auto;
	font-size:13px;
}
#homeAddedWds p
{
	margin:0;
	padding:5px 0px 0px 0px;
}
#homeTips
{
	color:#898AAF;
	font-size:13px;
	padding-top:0px;	
	overflow:auto;	
}
#homeTips h2
{
	padding:0;
	margin:20px 0px 0px 0px;
}
#homeTips p
{
	padding:0;
	margin:10px 0px 0px 0px;
}
#homeFriends
{
	overflow:auto;
	font-size:13px;		
}
#homeFriends span
{
	color:#898AAF;
	font-size:13px;		
}
#homeFriends p
{
	padding:0;
	margin:11px 0px 0px 0px;
}

#homeAlbumChooser
{
	width:auto;
	height:auto; 
	position:absolute; 
	top:2px; 
	right:5px;
}
#homeAlbum
{
	text-align:center;
	height:155px; 
	overflow:hidden;
	font-size:14px;
}
#homeAlbumPicArea
{
	width:100px; 
	height:110px; 
	margin-left:auto;
	margin-right:auto;
	border-bottom:solid 1px #D2EAF6; 	
	background-position:center;	
	background-repeat:no-repeat;	
	margin-bottom:5px;
	background-image:url(img/load.gif);
}
	
.homeItemTitle
{
	color:#F2542A; 
	font-size:14px; 
	border-bottom:none;
}

a.homeItemTitle:visited
{
	color:#F2542A;
}
	
.homeItemBlurb
{
	color:#8A8895; font-size:13px;
}
.homeItemCell
{
	width:309px;
}
.homeIconCell
{
	padding-right:45px;
	position:relative;
	height:79px;	
}
.homeIconCell img
{
	cursor:pointer;	
}

.homeCol, .homeColWide
{
	float:left; 
	width:172px;
	margin-right:16px; 	
	color:#049;
	height:auto;
}

.homeColRightMost
{
	margin-right:0px;
}

.homeColBottoms
{
	margin-right:24px;		
}

.homeColWide
{
	width:564px;
}

.homeRectBar
{	
	font-size:14px;
	font-family: arial, helvetica, sans-serif;
	font-weight:bolder;
	color:#049;	
	background:#e6eff8;
	border:solid 1px #ace;
	margin:0px;	
	padding:2px 0px 2px 9px;		
}

#homeCenterCol
{
	height:auto;
}

#homeSent
{	
	font-size:17px;	
	padding-top:15px;
	padding-bottom:15px;
}	

#homeMainContent
{
	height:auto;		
}

.homeColContentWrap
{
	height:auto;	
	padding-left:10px;
	padding-right:10px;
	border-left:solid 1px #ace;
	border-right:solid 1px #ace;
}

/* Handle rounding on home content boxes*/
.homeCntrR1, .homeCntrR2, .homeCntrR3
{
	border:solid 0px #ace;
	line-height: 1px;
	display: block;
	height: 1px;
	font-size: 1px;
	overflow: hidden;	
}
.homeCntrR1
{
	margin: 0px 4px;
	background: #ace 0px 50%;
}
.homeCntrR2
{
	border-right-width: 2px;
	margin: 0px 2px;	
	border-left-width: 2px;
}
.homeCntrR3
{
	border-right-width: 1px;
	margin: 0px 1px;	
	height: 2px;
	border-left-width: 1px;
}

#dym_content
{
	padding-left: 40px; 
	overflow:auto;
}

#dym_content h1
{
	font-size:20px;
	color:Silver;
	font-weight:bold;
	margin:0;
	padding:19px 0px 5px 0px;
}

#dym_content h2, #dym_content h3
{
	font-size:22px;	
	font-weight:bold;
	height:35px;
	line-height:39px;
	color:#485872;
	background-position: left center;
	background-repeat:no-repeat;
	margin:12px 0px 12px 0px;
	padding-left:50px;
}

#dym_content h3
{
	font-size:13px;	
	font-weight:normal;
	height:35px;
	line-height:35px;
	padding-left:65px;
	padding-bottom:0px;
	margin-bottom:0px;
}

#dym_content p
{
	margin:0px 0px 0px 0px;
	padding:3px 0px 2px 55px;
	font-size:13px;
}
#vpage_dict
{
	overflow-y:auto;
}

#acdPanelCntr
{
	width: 210px;	
	padding-right: 6px;
	float: right;
	clear: left;
	height: 493px;	
}

.acdBar
{
	background-color: #ACE; 	
	background:#e6eff8;
	width: 100%; 
	height: 23px; 
	line-height:23px;		
	border-bottom:solid 1px #BCCEF0;
	border-top:solid 1px #BCCEF0;	
}

.acdBar span /*for acdBar text title*/
{
	font-family: Arial; font-weight: bold; font-size: 12px; color: #049; padding-left: 10px; float:left;
}

.acdBar i /*for acdBar expando images*/
{
   margin-top:6px; margin-right:10px; float:right; cursor:pointer;
}

.acdPane
{
	height:136px; 
	overflow-x:hidden;
	/*overflow-y:auto; 	*/
	width: 100%; 
	padding-top: 3px; 
	font-size:13px; 
	padding-bottom:3px;
}

.acdPanel
{
	background-color:White; width: 100%; height:auto; 
}

/* Fix bug #349495 & #353688 & #367892 */
.acdPane ul
{
	padding-right: 18px;
}

#fdbckwin
{
	background-color:#F3F8FC; 
	position:absolute; 
	font-size:14px; 
	border:solid 2px #0092FE; 
	top:153px; 
	left:380px;
	width:332px; 
	height:auto; 
	z-index:108;	
	display:none;
}

#fdbckwin h2
{
	color:#0044B9; 
	margin: 10px 10px 10px 10px;
}

#fdbckwin input, .fdbfield
{
	border:solid 1px #0642AA; 
	margin:0px 10px 10px 10px;
	color:#0044B9;
}	

.fdbfield
{
	width:300px; 	
	font-size:12px; 
	padding:3px 5px 5px 5px; 
	height:100px;
}

/*
 * --- Talking Head Control ---
 */
#dragMaskLayer
{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:9997;
    display:none;
    background-color:White;
    filter:alpha(opacity=0);
    opacity:0;
}
#copy_thCtrl
{
    position: absolute;
	z-index: 9999;
	width:514px;
	height:447px;
	display:none;
	border:dashed 1px #ace;
}
#thCtrl
{
	left: -1000px;
	top: -1000px;
	position: absolute;
	z-index: 9998;
	text-align:left;
	width:520px;
	height:453px;
}
#thCtrl_shadow
{
    position:absolute;
    left:0px;
    top:0px;
    width:512px;
    height:447px;
    border-right:solid 1px #ace;
    border-bottom:solid 1px #ace;
    z-index:1;
}
#thCtrlTitle
{
    width:503px;
    height:19px;
    padding-top:5px;
    font-size:10pt;
    z-index:2;
}
#thCtrlContainer
{
    background-color:Black;
    position:absolute;
    left:0px;
    top:0px;
    width:514px;
    height:447px;
    padding:0px;
    z-index:2;
}
#thplayerframe
{
	padding: 0px;
	width:512px;
	height:420px;
	border-left:solid 1px #ace;
    border-right:solid 1px #ace;
    border-bottom:solid 1px #ace;
}
#thplayerclosebutton
{
    position:absolute;
    right:10px;
    top:6px;
}
/* #IF-IE6 */
#thCtrliFrame
{
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
/* #END-IF-IE6 */

/*
*
* --- Sprites  ---
*

*TOOLS*

1. "Sprite Generator" @ \ext\spritegen.exe
2. Photoshop, save as PNG8 128b Dithered
3: "PNG Gauntlet" @ http://benhollis.net/software/pnggauntlet/

*SUMMARY*

1. Use spritegen to stich together the graphics as discussed in *DETAILS*
2. Use Photoshop to resave the sprites as PNG8 128 Dithered
3. Use PNG Guantlet to further compress the images

*DETAILS*

The following graphics in \img folder should be stiched together into sprite[N].png HORIZONTALLY:

"aud.gif" "logohp.png" "logoserp.png" "pointer.gif" "searchbtn.png" "searchbtn_tiny.png" 
"v2barmensep.gif" "v2maxbtn.gif" "v2mtabtl.png" "v2mtabtr.png" "v2mtabX.png" "v2otabtl.png" "v2otabtr.png" 
"v2plus.png" "v2tabmore.png" "v2tipright.gif"

(note that you can just paste in each line, one at a time, into spritegen's open window for batch open)

The following background (bg) graphics (1 pixel width files) also in \img folder 
should be stiched together into sprite[N]_bgs.png VERTICALLY:

"homebarbg.jpg" "v2otabbg.png" "v2mtabbg.png" "v2tipbg.gif" "bingsynbody.png"

The result of the sprite generator will be a series of classes with the names of 
the files prepended with 'sprite_' that have a background image of sprite[N].png. 
You can just paste the spritegen CSS results below. For the bgs, don't include the 
CSS related to dimensions height and width because they are used for repeat-x.

Important: to avoid caching issues. When an update is made to the sprite graphic, be sure
to change it's name. Current convention is call it spriteN.png where N = previous N+1. 
Why? Because the old sprite[N].png will likely be cached on users' machines. If you change the name
of the file (+1) and refer it here, it will be a new one delivered to the user machine because
the CSS file is dynamically generated with a (hopefully) unique build number. The HTML that references
this CSS file is not cached, so it will trigger the downloading browser to issue a new request.

In case of fail, leave the old spriteN.png graphics in the img folder to serve out-of-date clients.

*/

/* sprite[N].png corresponding CSS */

.sprite_aud,.sprite_logohp,.sprite_logoserp,.sprite_pointer,.sprite_searchbtn,.sprite_searchbtn_tiny,.sprite_v2barmensep,.sprite_v2maxbtn,.sprite_v2rstrbtn,.sprite_v2mtabtl,.sprite_v2mtabtr,.sprite_v2mtabx,.sprite_v2otabtl,.sprite_v2otabtr,.sprite_v2plus,.sprite_v2tipleft,.sprite_v2tipright,.sprite_v2tabmore,.sprite_bingsynhead,.sprite_bingsyntail{background-image:url('img/sprite5.png')}
.sprite_aud{width:12px;height:12px}
.sprite_logohp{width:230px;height:67px}
.sprite_logoserp{width:168px;height:49px}
.sprite_pointer{width:17px;height:22px}
.sprite_searchbtn{width:24px;height:24px}
.sprite_searchbtn_tiny{width:15px;height:15px}
.sprite_v2barmensep{width:2px;height:22px}
.sprite_v2maxbtn{width:12px;height:11px;cursor:pointer;}
.sprite_v2rstrbtn{width:12px;height:11px;cursor:pointer;}
.sprite_v2mtabtl,.sprite_v2mtabtr,.sprite_v2otabtl,.sprite_v2otabtr{width:2px;height:2px}
.sprite_v2mtabx{width:14px;height:14px;cursor:pointer;}
.sprite_v2plus{width:9px;height:9px}
.sprite_v2tipleft{width:22px;height:34px}
.sprite_v2tipright{width:5px;height:25px}
.sprite_v2tabmore{width:11px;height:18px}
.sprite_bingsynhead{width:6px;height:36px}
.sprite_bingsyntail{width:5px;height:36px}
.sprite_aud{background-position:0px 0px}
.sprite_logohp{background-position:-15px 0px}
.sprite_logoserp{background-position:-245px 0px}
.sprite_pointer{background-position:-430px 0px}
.sprite_searchbtn{background-position:-450px 0px}
.sprite_searchbtn_tiny{background-position:-477px 0px}
.sprite_v2barmensep{background-position:-495px 0px}
.sprite_v2maxbtn{background-position:-497px 0px}
.sprite_v2rstrbtn{background-position:-677px 0px}
.sprite_v2mtabtl{background-position:-509px 0px}
.sprite_v2mtabtr{background-position:-511px 0px}
.sprite_v2mtabx{background-position:-513px 0px}
.sprite_v2otabtl{background-position:-527px 0px}
.sprite_v2otabtr{background-position:-529px 0px}
.sprite_v2plus{background-position:-531px 0px}
.sprite_v2tipleft{background-position:-542px 0px}
.sprite_v2tipright{background-position:-564px 0px}
.sprite_v2tabmore{background-position:-572px 0px}
.sprite_bingsynhead{background-position:-589px 0px}
.sprite_bingsyntail{background-position:-670px 0px}

/* sprite[N]_bgs.png corresponding CSS 
   Note: these are background images: for repeat-x, they are all 1px in width 
   
   NOTE: Do not include CSS for WIDTH/HEIGHT because the element
		  which uses this CSS class will also have another class
		  which specifies WIDTH/HEIGHT. Also width setting may
          limit the repeat-x behavior.
*/
.sprite_homebarbg,.sprite_v2otabbg,.sprite_v2mtabbg,.sprite_v2tipbg,.sprite_bingsynbody{background-image:url('img/sprite3_bgs.png')}
.sprite_homebarbg{background-position:0px 0px}
.sprite_v2otabbg{background-position:0px -25px}
.sprite_v2mtabbg{background-position:0px -45px}
.sprite_v2tipbg{background-position:0px -68px}
.sprite_bingsynbody{background-position:0px -93px}

.selCat,.selSrc,.selDiff{ height:20px; width:80px;}

.PoweredBy{position:absolute; right:0px; top:20px;}
.PoweredBy span{color:#eb7c00; font-style:italic;}

.aud,.aud_f,.ktv,.ktv_f
{
    width:12px;
    height:14px;
    background-image:url('img/akicon.gif');
    background-repeat:no-repeat;
    cursor:pointer;
}
.aud{background-position:0px -29px;}
.aud_f{background-position:0px -44px;}
.ktv{background-position:0px 0px;}
.ktv_f{background-position:0px -15px;}