@charset "utf-8";
/* CSS Document */
body
{
font:12px Arial;
height:100%;
}
img
{
border:none;
}
a
{
color:#064599;
}
h1
{
background:url(../images/bg_H1.gif) repeat-x bottom;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
margin:0px;
font:14px Arial;
font-weight:bold;
color:#aa9999;
}
h2
{
font:18px Arial;
font-weight:bold;
color:#3b3b3b;
margin-top:10px;
margin-left:8px;
margin-bottom:14px;
}

h3
{
font:15px Arial;
font-weight:bold;
color:#737373;
}

.SectionTitle
{
font:16px Arial;
font-weight:bold;
color:#3b3b3b;
float:left;
margin-top:10px;
margin-left:8px;
margin-bottom:8px;
}
#Wrapper
{
width:912px;
margin:0 auto;
}
#OutterBorder
{
width:910px;
float:left;
border:1px #e8e8e8 solid;
}

/* Header style begin */
#Header
{
width:910px;
background:url(../images/bg_Header.gif) repeat-x bottom;
clear:both;
}
#Header #Logo
{
margin-top:8px;
margin-left:8px;
float:left;
}
#Header #Menu
{
background:url(../images/bg_HeaderMenu.gif) no-repeat bottom left;
background-color:#e6e7e8;
float:right;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
font:12px Arial;
color:#939598;
}
#Header #Menu ul li a
{
color:#939598;
text-decoration:none;
}
#Header #Menu ul
{
list-style:none;
padding:0;
margin:0;
}
#Header #Menu li
{
float:left;
margin-right:10px;
}
.HeaderSearchBox
{
float:left;
margin-left:5px;
margin-top:7px;

display:inline;
}
.HeaderSearchBtn
{
float:left;
margin-left:5px;
margin-top:7px;
display:inline;
}
#HeaderSearchLink
{
float:left;
margin-top:2px;
margin-left:5px;
width:200px;
}
#Header #LanguageSelect
{
float:right;
clear:right;
margin-right:6px;
margin-top:7px;
}
#Header #PowerBy
{
float:right;
clear:right;
margin-top:20px;
margin-right:6px;
margin-bottom:6px;
}
/* Header style end */

/* Bill Board style begin */
#BillBoard
{
width:910px;
clear:both;
overflow:hidden;
background-color:#fbfbfb;
border-top:1px #d9d9d9 solid;
border-bottom:1px #d9d9d9 solid;
}
#BillBoard .Title
{
font:12px Arial;
font-weight:bold;
color:#979797;
}
#BillBoard .BlackTitle
{
font:12px Arial;
font-weight:bold;
color:#333333;
}
#BillBoard a
{
line-height:19px;
color:#064599;
}
#BillBoard #AchivesSearch
{
float:left;
width:221px;
height:70px;
display:inline;
}

#BillBoard h1
{
background:url(../images/bg_SeachLabel.gif) repeat-x bottom;
padding-left:8px;
padding-top:3px;
padding-bottom:3px;
font:12px Arial;
font-weight:bold;
}
#BillBoard #Welcome
{
padding:6px 7px;
width:136px;
height:65px;
float:left;
border-right:1px #d9d9d9 solid; 
}
#BillBoard #ReadingSpeed
{
padding:6px 7px;
width:161px;
height:65px;
float:left;
border-right:1px #d9d9d9 solid; 
}
#BillBoard #PScore
{
padding:6px 7px;
width:140px;
height:65px;
float:left;
border-right:1px #d9d9d9 solid; 
}
#BillBoard #TotalPoints
{
padding:6px 7px;
width:192px;
height:65px;
float:left;
border-right:1px #d9d9d9 solid; 
}
/* Bill Board style end */

#BreadCrumb
{
width:902px;
float:left;
clear:both;
padding-left:8px;
padding-top:8px;
padding-bottom:8px;
font:12px Arial;
font-weight:bold;
color:#58595b;
border-bottom:1px #d9d9d9 solid;
}
#BreadCrumb a
{
color:#064599;
text-decoration:none;
}
.BreadCrumbHome
{
font-size:14px;
}
/* Search Bar style begin */
#SearchBar
{
float:left;
width:910px;
height:54px;
clear:both;
}
.SelectCategory
{
float:left;
display:inline;
margin-top:17px;
margin-bottom:17px;
margin-left:7px;
}
.SelectType
{
float:left;
display:inline;
margin-top:17px;
margin-bottom:17px;
margin-left:14px;
}
.btnFilter
{
float:left;
display:inline;
margin-top:18px;
margin-left:14px;
}
/* search bar style end */


#Content
{
width:910px;
float:left;
clear:both;
background-color:#d9d9d9;
padding-bottom:10px;

}
#ContentTop
{
float:left;
width:905px;
margin-left:5px;
margin-bottom:5px;
display:inline;
}
#TopStory
{
width:665px;
height:218px;
float:left;
background-color:#3b3b3b;
display:inline;
}
#TopStoryIcon
{
float:left;
width:73px;
text-align:right;
display:inline;
}
#TopStoryTitle
{
width:560px;
float:left;
margin-left:15px;
font:18px Arial;
font-weight:bold;
line-height:40px;
color:#ffffff;
display:inline;
}
#TopStoryTitle a
{
color:#ffffff;
text-decoration:none;
}


#TopStoryVideo
{
float:left;
margin-left:15px;
display:inline;
}
#TopStoryIntro
{
width:290px;
margin:10px 0px 10px 15px;
float:left;
font:14px Arial;
color:#dddddd;
display:inline;
}

#hpBottomSection
{
height:100%;
clear:both;
}

.hpBottomSectionTD
{
 background-color:White;
 border-left: solid 6px #e5e5e5;
}

#EnhancedContent
{
width:330px;
/* margin-left:5px;*/
margin-bottom:15px;
padding-bottom:10px;
/* border:1px #e5e5e5 solid;*/
float:left;
background-color:#ffffff;
/* border-bottom:1px #d9d9d9 solid;*/
display:inline;
height:auto
}
#Articals
{
width:326px;
/* margin-left:5px;*/
margin-bottom:15px;
padding-bottom:10px;
/* border:1px #e5e5e5 solid;*/
float:left;
background-color:#ffffff;
/* border-bottom:1px #d9d9d9 solid;*/
display:inline;
height:100%;

}
#Legend
{
padding-bottom:10px;
}
#DownloadPlayer
{
padding-bottom:10px;
}
#Content #ContentRightColumn
{
width:230px;
float:left;
/* margin-left:5px;*/
display:inline;
}
#PopularArtical
{
height:218px;
width:230px;
float:left;
margin-left:5px;
border-bottom:1px #d9d9d9 solid;
background-color:#ffffff;
display:inline;
}
.IdiomsThisWeekButton
{
float:right;
margin-bottom:20px;
margin-top:4px;
margin-right:5px;
}
.IdiomTextTitle a
{
text-decoration:none;
}
.PageLinks
{
float:right;
margin-right:8px;
text-align:right;
font:13px Arial;
font-weight:bold;
color:#414042;
margin-top:6px;
margin-bottom:12px;
}
#Footer
{
width:910px;
float:left;
margin:10px auto;
text-align:left;
color:#737373;
}
#Footer a
{
color:#737373;
}
#ListHeader
{
width:897px;
float:left;
font:12px Arial;
font-weight:bold;
color:#aa9999;
margin-left:5px;
padding-top:6px;
padding-bottom:6px;
background-color:#ffffff;
border-bottom:1px #d9d9d9 solid;
border:1px #d9d9d9 solid;
}



#ListHeader .UnitOne
{
text-align:center;
}
#ListHeader .UnitTwo
{
text-align:center;
}
#ListHeader .UnitThree
{
text-align:center;
}
#ListHeader .UnitFour
{
text-align:center;
}
.LibraryItem
{
width:897px;
float:left;
/* margin-left:5px;*/
text-align:center;
background-color:#ffffff;
border-left:6px #d9d9d9 solid;
min-height:130px;
}

.SearchItem
{
width:897px;
float:left;
/* margin-left:5px;*/
text-align:center;
background-color:#ffffff;
border-left:6px #d9d9d9 solid;
min-height:130px;
}

.LibraryItemGrey
{
width:897px;
float:left;
/* margin-left:5px;*/
background-color:#f7f7f7;
border-bottom:1px #d9d9d9 solid;
min-height:130px;
}
.LibraryItemName
{
width:315px;
float:left;
margin-left:43px;
margin-top:15px;
padding-bottom:10px;
display:inline;
}
.LibraryItemText
{
color:#414042;
line-height:14px;
font-weight:normal;

}
.UnactivedLinkStyle
{
font:14px Arial;
font-weight:bold;
line-height:30px;
color:#737373;
text-decoration:none;
}
.LibraryItemRemoved
{
color:#737373;
}
.LibraryItemActive
{
color:#ad901c;
}
.LibraryItemWPM
{
float:left;
width:100px;
text-align:center;
/* margin-left:65px;*/
margin-top:50px;
font:16px Arial;
font-weight:bold;

display:inline;
}
.LibraryItemPronouciation
{
float:left;
width:60px;
text-align:center;
/* margin-left:65px;*/
font:16px Arial;
font-weight:bold;

margin-top:50px;
display:inline;
}
.LibraryItemPTS
{
float:left;
width:60px;
text-align:center;
/* margin-left:50px;*/
font:16px Arial;
font-weight:bold;

margin-top:50px;
display:inline;
}
.LibraryItemFinish
{
float:left;
width:70px;
text-align:center;
/* margin-left:45px;*/
font:16px Arial;
font-weight:bold;

margin-top:50px;
display:inline;
}
.LibraryItemFinishComplete
{
float:left;
width:70px;
text-align:center;
/* margin-left:45px;*/
font:12px Arial;
font-weight:bold;

margin-top:50px;
display:inline;
}
.LibraryItemLaunch
{
float:left;
width:180px;
/* margin-left:10px;*/
font-weight:bold;
text-align:center;
color:#737373;
margin-top:50px;
display:inline;
}
.SearchItemName
{
width:420px;
float:left;
margin-left:43px;
margin-top:15px;
padding-bottom:10px;
display:inline;
text-align:left;
}
.SearchStarRating
{
float:left;
margin-left:50px;
margin-top:50px;
display:inline;
width:70px;
}
.SearchFinishLevel
{
float:left;
margin-left:17px;
margin-top:50px;
text-align:center;
display:inline;
}
.SearchItemLaunch
{
float:right;
width:170px;
margin-right:21px;
font-weight:bold;
color:#737373;
margin-top:20px;
display:inline;

}
.FloatLeft
{
float:left;
}
.FloatRight
{
float:right;
}
.LeftMargin
{
margin-left:8px;
}
.RightMargin
{
margin-right:8px;
}
.TopMargin
{
margin-top:17px;
float:left;
}
.IconMarginBottom
{
margin-bottom:4px;
}

.Marks
{
font:16px Arial;
font-weight:bold;
color:#737373;
}
.Icons
{
float:left;
width:70px;
margin-left:5px;
margin-top:5px;
display:inline;
}
.ArticalBox
{
width:315px;
border-bottom:1px #d9d9d9 solid;
float:left;
}
.ArticalText
{
float:left; 
margin-left:5px; 
width:234px;
}
.ArticalTextTitle
{
float:left;
width:234px;
font:14px Arial;
font-weight:bold;

margin-top:17px;
margin-left:10px;
margin-bottom:6px;

}

.ArticalTextTitle a
{

text-decoration:none;
}

.ArticalTextContent
{
float:left;
width:234px;
margin-left:10px;
font:13px Arial;
color:#333333;
}
.LaunchInPlayerPosition
{
float:right;
margin-right:5px;
margin-top:30px;
margin-bottom:10px;
}
.EnhancedContentItem
{
float:left;
width:330px;
height:190px;
min-height:190px;
border-bottom:1px #d9d9d9 solid;
}
.ArticalsItem
{
float:left;
width:326px;
height:190px;
min-height:190px;
border-bottom:1px #d9d9d9 solid;

}
.RightSideModuleContent
{
margin:20px 5px 20px 12px;
width:188px;
float:left;
display:inline;
}
.RightSideModuleLinkList
{
margin:10px 1px 10px 12px;
width:188px;
float:left;
display:inline;
}
.RightSideModuleIdioms
{
margin:20px 12px 0 12px;
width:180px;
float:left;
display:inline;
}
.RightSideModuleBox
{
width:230px;
float:left;
border-bottom:6px #d9d9d9 solid;
background-color:#ffffff;
margin-bottom:5px;
margin-left:0px;

display:inline;
}
.RightSideModuleLinkStyle
{
font:12px Arial;
font-weight:bold;
line-height:30px;
color:#064599;
text-decoration:none;
}
.RightSideModuleNormalStyle
{
line-height:20px;
font:12px Arial;
color:#333333;
}
.RightSideModuleDownload img
{
border:none;
}
.SideModuleBottomLinkStyle
{
font:12px Arial;
font-weight:bold;
color:#064599;
float:left;
margin-top:10px;
margin-left:10px;
}
.NonUnderLine
{
text-decoration:none;
}
.GreyTitle
{
font:12px Arial;
color:#979797;
}
.GreyBoldTitle
{
font:12px Arial;
font-weight:bold;
color:#979797;
}
.Clear
{
clear:both;
}

/* for content page begin*/
#ContentArea
{
width:865px;
padding-left:13px;
padding-right:18px;
padding-top:1px;
padding-bottom:18px;
float:left;
font:13px Arial;
color:#414042;
margin-left:5px;
margin-bottom:8px;
margin-top:8px;
background-color:#FFFFFF;
border-left:1px #d9d9d9 solid;
border-right:1px #d9d9d9 solid;
border-bottom:1px #d9d9d9 solid;
display:inline;
}
#DetailArea
{
width:900px;
float:left;
font:13px Arial;
color:#414042;
margin-left:5px;
margin-bottom:8px;
margin-top:8px;
background-color:#FFFFFF;
border-left:1px #d9d9d9 solid;
border-right:1px #d9d9d9 solid;
border-bottom:1px #d9d9d9 solid;
display:inline;
}
#ContentArea .ContentMainTitle
{
font:16px Arial;
font-weight:bold;
line-height:44px;
color:#aa9999;
}
#ContentArea .ContentSencondaryTitle
{
font:14px Arial;
font-weight:bold;
color:#737373;
}
/* content page end */

/* for reports page begin */
#PronouciationReport
{
width:571px;
height:333px;
float:left;
margin-bottom:7px;
border-right:1px #e4e4e4 solid;
background-color:#ffffff;
clear:left;
display:inline;
}
#WordsReport
{
width:571px;
height:338px;
float:left;
border-right:1px #e4e4e4 solid;
background-color:#ffffff;
clear:left;
display:inline;

}
#PointsReport
{
width:318px;
height:678px;
float:left;
margin-left:5px;
margin-bottom:10px;
border-left:1px #f4f4f4 solid;
background-color:#ffffff;
clear:right;
display:inline;
}
#ReportLeftColumn
{
width:572px;
float:left;
margin-left:5px;
margin-bottom:10px;
display:inline;
}
.ReportHeader
{
width:543px;
float:left;
padding:14px;
font-weight:bold;
color:#737373;
border-bottom:1px #e9e9e9 solid;
}

.ReportHeaderText
{
font:16px Arial;
font-weight:bold;
color:#c1b4b4;
float:left;
}
.PointsHeader
{
width:290px;
float:left;
padding:14px;
font-weight:bold;
color:#737373;
border-bottom:1px #e9e9e9 solid;
}
/* for reports page end */

/* for trial sign-up page begin */
#SignupForm { margin-left: auto; margin-right: auto; }
.ErrorMsgs ul li { color:Red; font-weight: normal; }
.TextBoxField{ height: 14px; font-size:12px; }
.signupSpacer{ height: 6px; }

/* for trial sign-up end */

/* for detail page begin*/
#DetailRight{ width:817px; float:left; margin-left:8px; margin-bottom:42px;}
#DetailIntro{ width:452px; float:left; margin-top:16px;}
.DetailTitle{font:20px Arial; color:#58595b; font-weight:bold;}
.DetailTime{ font:12px Arial; color:#aa9999;}
.DetailText{ font:12px Arial; color:#333333;}
.RatingText{ font:14px Arial; color:#aa9999; font-weight:bold;}
#DetailInfo{ width:315px; float:left; margin-left:20px; margin-top:27px;}
.DetailRatingBox{ width:216px; float:left; margin-bottom:20px;}
#DetailRatingContent{width:211px; float:left; padding-top:12px; padding-bottom:14px; padding-left:3px; border-left:1px #e6e7e8 solid; border-right:1px #e6e7e8 solid; text-align:center;}
.DetailAbstractBox{ width:627px; float:left; margin-top:20px;}
#DetailAbstractContent{ width:603px; float:left; padding-top:5px; padding-left:11px; padding-right:11px; padding-bottom:13px; background-color:#f7f7f7; border-left:1px #e6e7e8 solid; border-right:1px #e6e7e8 solid;}
.DetailAbstractTitle{ font:16px Arial; font-weight:bold; color:#aa9999;}
.RelatedInfo
{
width:900px; 
float:left;margin-left:5px;
margin-bottom:8px;
background-color:#FFFFFF;
border-left:1px #d9d9d9 solid;
border-right:1px #d9d9d9 solid;
border-bottom:1px #d9d9d9 solid;
display:inline;
}
#RelatedInfoTitle
{
width:884px;
font:14px Arial;
font-weight:bold; 
color:#aa9999;
padding-top:20px;
padding-bottom:16px;
padding-left:16px;
border-bottom:1px #e6e7e8 solid;
}
.RelatedItem
{
float:left;
width:299px;
height:190px;
min-height:190px;
border-right:1px #d9d9d9 solid;
}
.RelatedItemText
{
float:left; 
width:224px;
}
.RelatedItemTitle
{
float:left;
width:204px;
font:14px Arial;
font-weight:bold;
color:#064599;
margin-top:17px;
margin-left:10px;
margin-bottom:6px;
}
.RelatedItemContent
{
float:left;
width:204px;
margin-left:10px;
font:13px Arial;
color:#333333;
}
.RelatedIdiom
{
float:left;
width:300px;
height:190px;
min-height:190px;
}
.RelatedIdiomTitle
{
width:290px;
float:left;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
font:16px Arial; 
font-weight:bold; 
color:#aa9999;
}
.RelatedIdiomContent
{
width:280px;
float:left;
margin-left:10px;
margin-top:10px;
}
.RelatedItemLineup
{
float:left; height:130px;
}
#DetailInfoLinkTitle
{
width:300px;
float:left;
font:14px Arial; color:#aa9999; font-weight:bold;
}
.PageBox
{
width:67px; 
height:21px;
margin-bottom:6px;

background:url(../images/pages_bg.gif) left bottom no-repeat;
}


#TopStoryIcon .PageBox
{
margin-left:6px;
}

.PageNumber
{
float:right; 
margin-right:2px; 
margin-top:3px; 
font:14px Arial; 
font-weight:bold; 
color:#ffffff;
}
.submitform
{
float:left;
margin-left:5px;
margin-bottom:5px;
display:inline;
}
.PronounScoreHeader
{
font:12px Arial;
color:#c1b4b4;
font-weight:bold;
}
#PScoreSummary
{
width:288px; 
float:left; 
margin-left:15px; 
margin-top:10px;
}
#PScoreFieldName
{
width:315px; 
float:left; 
margin-top:35px;
}
#PointsTable
{
width:164px;
float:left;
margin-left:37px;
border-left:1px #d9d9d9 solid;
border-right:1px #d9d9d9 solid; 
border-bottom:1px #d9d9d9 solid;
display:inline; 
}
#PScoreYou
{
width:192px;
height:46px; 
float:left;
margin-left:11px;
background:url(../images/bg_PScoreYou.gif) bottom left no-repeat;
display:inline;
}
#YouRank
{
width:95px;
float:left;
margin-left:37px;
margin-top:15px;
display:inline;
}
#YouPoints
{
float:left;
margin-top:15px;
}
.BigGreyFont
{
font:20px Arial;
font-weight:bold;
color:#737373;
}
.MediumGreyFont
{
font:14px Arial;
font-weight:bold;
color:#737373;
}
.BigGoldenFont
{
font:20px Arial;
font-weight:bold;
color:#ad9526;
}
.MediumGoldenFont
{
font:14px Arial;
font-weight:bold;
color:#ad9526;
}
.PScoreList
{
width:164px;
float:left;
padding-top:15px;
padding-bottom:15px;
}
.PScoreListRank
{
width:90px;
float:left;
margin-left:18px;
display:inline;
}
.PScoreListPoints
{
float:left;
}
#AllTimePoints{
width:135px;
float:left;
margin-left:20px;
margin-top:25px;
display:inline;
}
#AllTimePointsMark
{
float:left;
margin-top:25px;
display:inline;
}
.PScoreFont1
{
font:12px Arial;
color:#737373;
font-weight:bold;
}
.PScoreFont2
{
font:10px Arial;
color:#737373;
}





/* FAQ Styles */


div#faqBlock {
	width: 600px;
	
}
div.faq, div.topic div.text span.collapes {
	display: none;
}
div.topic {
	background-image: url(../images/back.jpg);
	background-repeat: repeat-x;
	height: 38px;
	display: block;
	width:600px;
}
div.topic, div.faq {
	border-top: solid 1px #bcbec0;
	border-right: solid 1px #bcbec0;
	border-bottom: solid 0px #bcbec0;
	border-left: solid 1px #bcbec0;
}
div.faq p.last_p {
	display: inline;
}
div.topic div.text span.topic {
	font-weight: bold;
	font-size: 14px;
	color: #064599;

}

.text .topic {
	width:350px;
	float:left;
		display:inline
	}
	
.expand, .collapes {
	font-weight: bold;
	font-size: 12px;
	color: #064599;

}
div.topic div.text {
	position: relative;
	margin: 11px auto auto 16px;
}

.ec a {
	width:200px;
	float:left;
	display:inline;
	text-align:right;
/*	margin-top: -17px; */
}
div.faq div.text {
	margin: 0px 16px;
}
div.faq div.text p.question {
	font-size: 14px;
	font-weight: bold;
	color: #737373;
}
div#container div.faq div.text p span._A {
	font-size: 14px;
	font-weight: bold;
	color: #414042;
}
div#container div.faq div.text p span.answer, li {
	font-size: 13px;
	color: #414042;
}
span.answer {
	font-size: 13px;
	color: #414042;
}
div#faq9, div#last_topic {
	border-bottom: solid 1px #bcbec0;
}
.child {
	list-style-type: lower-alpha;
}


input {
font-size:10px;
}

.Invisible{
	display:none;
}

.logoutlink
{
	font-size:9px;
}

.NoLibrary
{
	color:#aa9999;
	padding-left:10px;
 background-color:White;
 width:100%;
	
}

.ListHeader
{
width:897px;
float:left;
font:12px Arial;
font-weight:bold;
margin-left:5px;
padding-top:6px;
padding-bottom:6px;
background-color:#ffffff;
border-bottom:1px #d9d9d9 solid;
border:1px #d9d9d9 solid;
}