/* reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
body { line-height: 1.5; background: #fff; margin:1.5em 0; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/* reset.css end */
/* typography.css
   * Sets up some sensible default typography. */
body { font-size: 75%; }
/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
body { 
  color: #333; 
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1.5em; font-weight: bold; color:#3d3d3d;  }
h6 {
	font-size: 1.4em;
	font-weight: bold;
	color: #24a15b;
}
/* Text elements */
p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { 
list-style-type: disc;
list-style-position: inside;
 }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
/* Tables */
table   { margin-bottom: 1.4em; }
th      { border-bottom: 1px solid #999999; font-weight: bold; }
td      { border-bottom: 1px solid #999999; }
th,td   { padding: 4px 2px; }
tfoot   { font-style: italic; }
caption { background: #ffc; }
table.noborder th, table.noborder td{
 border-bottom: none;
 }
table.nomargin{
margin-bottom: 0;
}
/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 
/* Some default classes */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
/* typography.css end */
/* grid.css
   * Sets up an easy-to-use grid of 24 columns. */
/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
}
/* Columns */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 10px;
}

/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 150px; }
.span-5   { width: 190px; }
.span-6   { width: 230px; }
.span-7   { width: 270px; }
.span-8   { width: 310px; }
.span-9   { width: 350px; }
.span-10  { width: 390px; }
.span-11  { width: 430px; }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15  { width: 590px; }
.span-16  { width: 630px; }
.span-17  { width: 670px; }
.span-18  { width: 710px; }
.span-19  { width: 750px; }
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22  { width: 870px; }
.span-23  { width: 910px; }
.span-24  { width: 950px; margin: 0; }
.span-25   { width: 160px; }
.span-26   { width: 410px; }
.span-290 {width:290px;}

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 40px; }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 40px; }  
.prepend-2   { padding-left: 80px; } 
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 
.prepend-20  { padding-left: 800px; } 
.prepend-21  { padding-left: 840px; } 
.prepend-22  { padding-left: 880px; } 
.prepend-23  { padding-left: 920px; } 

/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }

/* Misc classes and elements */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #999; 
  color: #999;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }
/* grid.css end */
/* forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms */

label { font-weight: bold; }

/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
input {
	font-family: Arial, Helvetica, sans-serif;
}

/* Text fields */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }
input.borderbbb { border: 1px solid #bbb; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              {
	border:1px solid #ccc;
	background:#f6f6f6;
	width:200px;
	font-family: Arial, Helvetica, sans-serif;
}
select:focus        { border:1px solid #999; background:#fff; }

/* Success, error & notice boxes for messages and errors. */
.error, .notice, .success, .prompt {
  min-height: 40px;
  padding: 20px 10px 10px 80px;
  margin: 1em 0;
  text-align: left;
  font-weight: bold;
}
.error 		{  border: 5px solid #EC4040; color: #EC4040; background-image: url(/images/msg_red.gif);  background-repeat: no-repeat;  background-color: #FFCCCC;	}
.notice 	{  border: 5px solid #FFFF00; color: #FF9900; background-image: url(/images/msg_yellow.gif);  background-repeat: no-repeat;  background-color: #FFFFCC;}
.success    { border: 5px solid #33CC00;  color: #33CC00; background-image: url(/images/msg_green.gif);  background-repeat: no-repeat;  background-color: #EBF1DE;	}
.prompt    { border: 5px solid #999999;  color: #999999;  background-image: url(/images/msg_gray.gif);  background-repeat: no-repeat;  background-color: #f7f7f7;	}
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
.prompt a  { color: #666666; }
/* forms.css end */
/* praxis.css
   * Non-Blueprint Styles for LanguagePods */
body {background: #828282; margin: 0px auto; padding: 0; color: #333;}
a, a:hover{color: #24A15B;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
img{margin: 0px;}
hr{margin-bottom: 10px;}
h1{font-size: 28px; margin-bottom: 10px; font-weight: bolder;}
h2{font-size: 24px; margin-bottom: 10px; font-weight: bold;}
h2 a{color: #333333; text-decoration: none;}
h3{color: #24A15B; border-bottom: 1px solid #8d8d8d; padding-bottom: 5px; font-size: 16px; font-weight: bold;}
ul{margin: 0 0 1.5em 0;}
.text-l{text-align: left;}
.text-r{text-align: right;}
.text-center{text-align: center;}
.vertical-middle{ vertical-align:middle;}
.vertical-middle img {vertical-align: middle; margin: 0; float: none; }
.bg-white{background: #fff;}
.bg-gray{background: #f7f7f7;}
.img-border img{border: 1px solid #8b8b8b;}
.img-nomargin img{
margin: 0;
float: none;
}

.color{color: #24A15B;}
.nospace {
  white-space: nowrap;
}
.red{color: #ff0000;}
.margin-btm10{margin-bottom: 10px;}
.margin-btm20{margin-bottom: 20px;}
.margin-l10{margin-left: 10px;}
.margin-l25 {margin-left: 25px;}
.margin-r25 {margin-right: 25px;}
.padding-top5 {padding-top: 5px;}
.padding-top10{padding-top: 10px;}
.padding-lr20{padding-left: 20px; padding-right: 20px;}
.padding-lr10 {padding-right: 10px; padding-left: 10px;} 
.list-tick { list-style-type: none; list-style-position: outside; margin-bottom: 25px; margin-top: 25px;}
.list-tick li {background: url(../../images/icons/tick.gif) no-repeat left top; padding-left: 22px;}
.list-none-1 {list-style: none; padding: 0px; margin: 10px auto; width: 100%; float: left;}
.list-none {list-style: none; padding: 0; margin: 0; float: left;}
.list-none li {float: left;}
.list-none-2 {list-style: none; padding: 0; margin: 0; float: left;}
.list-none-2 li { float: left; margin-right: 6px; }
.list-arrow-1 {list-style-image: url(../../images/icons/bullet_go.gif); margin: 25px 0;}
.list-arrow-2 { list-style-type: none; list-style-position: outside; margin-bottom: 5px; margin-top: 5px;}
.list-arrow-2 li {background: url(../../images/icons/bullet_go.gif) no-repeat 0 3px; padding-left: 20px;}
.list-arrow-2 ul {list-style-type: none; list-style-position: outside; }
.font14 {font-size: 14px;}
.font11 {font-size: 11px;}
.font28 {font-size: 28px;}
.fontlarge { font-size: 120%;}
.color-gray999 {color: #999999;}
.float-left {float: left;}
.float-right {float: right;}
.page-title {font-size: 1.5em; color: #ff9933;}
.question {font-size: 11px; float: right;}
.date {font-size: 11px; color: #999999; margin-bottom: 10px;}
.question img {vertical-align: middle;}
.columnborder-btn{
border-bottom: none;
padding-bottom: 10px;
margin-bottom: 10px;
}
.border-btn {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999;}
.border-btn2 {border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #999999;}
.green-box{border:2px solid #33CC00; color:#33CC00; padding:8px 10px; margin:10px auto; font-size:12px;}
.yellow-box {border:2px solid #FFFF00;color:#FF9900;font-size:12px;margin:10px auto;padding:8px 10px; background-color: #FFFFCC;}
.yellow-box ul { list-style: inside disc; padding-left: 20px; margin: 10px 0;}
.gray-box {border:2px solid #ECECEC;color:#333333;font-size:12px;margin:10px auto;padding:8px 10px;}
.tr-selected {background:#FFFFBB}

.name {font-size: 15px; font-weight: bold;}
.input-width-auto {width: auto;}
.lesson-image{ clear: both; padding:0 0 10px 0; margin: 0;}
.lesson-image img{
padding: 4px;
margin: 0px 4px;
border: 1px solid #d9e0e6;
border-bottom-color: #c8cdd2;
border-right-color: #c8cdd2;
background: #ffffff;
}

/* header start*/
#header { background:#8d8d8d url(http://d3rixlaa922nt8.cloudfront.net/homepage/images/header_bg.jpg) repeat-x bottom left; margin: 0; padding:0 0 13px 0; width: 100%; min-width: 950px; float: left;}
#logo {
	float: left;
	width: 200px;
	margin-right: 20px;
	padding: 16px 0;
}
#header-item {
	float: right;
	color: #ffffff;
	font-size: 12px;
	text-align: right;
	margin-top: 5px;
	width: 280px;
}
.header-text{ height: 24px; line-height: 110%;}
#header-item img {vertical-align: middle;}
#header-item input {font-size: 12px; padding: 1px 2px; color: #666; margin:2px 0 0 0 ; max-width: 280px;}
#header-item a {text-decoration: none; color: #ffffff;}
#header-item a:hover {text-decoration: underline;}
.btn-search {
background: url(../../images/btn_search.gif) no-repeat left top;
width: 67px;
height: 23px;
border: none;
}
.mainbody{
float: left;
background: #afc6b7;
width: 100%;
min-width: 950px;
padding: 30px 0;
}
.td-noborder table img {margin: 0px; padding: 0px;}
.td-noborder table {}
.td-noborder td {border-bottom-style: none;}
.align-right {text-align: right;}
.align-center {text-align: center;}
table {padding: 0px;}
.table-none {margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; border-bottom-style: none;}
.data-title {font-size: 13px; font-weight: bold;}
.span-2 hr {color: #999999; background-color: #999999; margin-bottom: 5px;}
.black-bold {font-weight: bold; color: #333333;}
.margin-btm20 {margin-bottom: 20px;}
.margin-top20 {margin-top: 20px;}
.padding-btm20 {padding-bottom: 20px;}
.border-top {border-top-width: 1px; border-top-style: solid; border-top-color: #999999;}
.margin-top5 {margin-top: 5px;}
.border-all {border: 1px solid #CCCCCC;}
/* header end */ 

/* navigation & tabs start */
#nav {width: 450px; margin-top: 0px; padding-top: 0px; float: left;}
#nav ul {list-style: none; padding: 0px; margin: 0px; width: 100%; float: left;}
#nav ul li {float: left; font-weight: bold; font-size: 1.5em;}
#nav ul li a {float: left; display: block; text-decoration: none; color: #ffffff; padding-right: 18px; padding-left: 18px; padding-top: 28px; padding-bottom: 28px;}
#nav ul li a:hover {color: #ffffff; text-decoration: none; background: #8d8d8d url(http://d3rixlaa922nt8.cloudfront.net/images/current_bg.jpg) repeat-x left bottom;}
#nav ul li.current {background: #8d8d8d url(http://d3rixlaa922nt8.cloudfront.net/images/current_bg.jpg) repeat-x left bottom;}  
/* navigation & tabs end */ 

/* footer */
#footer-break {margin: 0; clear: both; background-color: #828282; background-image: url(http://d3rixlaa922nt8.cloudfront.net/images/footer_mainbg.gif); background-repeat: repeat-x; padding-bottom: 30px; font-size: 100%; width: 100%; min-width: 950px; float: left; color: #fff;}
#footer-highlight {background-image: url(http://d3rixlaa922nt8.cloudfront.net/images/footer_current.gif); width: 182px; min-height: 130px; float: left; background-repeat: no-repeat;}
#copyright {clear: both; text-align: center; padding-top: 60px; color: #fff;}
#copyright ul{list-style-type: none;}
#copyright li{display: inline;}
#copyright a {color: #fff; text-decoration: underline;}
#copyright a:hover {color: #000; text-decoration: underline;}
.footer-title {font-weight: bold; padding-top: 30px; padding-bottom: 5px; }
.footer-menu ul { margin: 0px 20px 0px 20px; list-style-type: none; list-style-position: outside;}
.footer-menu ul li a {color: #fff; text-decoration: none;}
.footer-menu ul li a:hover {color: #000; text-decoration: underline;}
.footer-menu img{margin: 0px;}
.footer-column {margin-left: 10px; width: 182px; min-height: 130px; float: left;}
/*footer end */ 
 
/* tooltip begins */
#dhtmltooltip {position: absolute;left: -300px;width: 150px;border: 1px solid black;padding: 5px;background-color: lightyellow;visibility: hidden;z-index: 100;filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#dhtmlpointer {position: absolute;left: -300px;z-index: 101;font-size: 36px;visibility: hidden;}
a.forbidden-gray {color: #666;}
.row_1 {font-size: 20px;}
/* tooltip ends */

/* Tables & Lists (Added March 26) */
.bordertable {
	width: 100%;
}

.listLineTitle{
	background-color: #999999;
	font-weight: strong;
	color: #FFFFFF;
}

.listLine0{

}

.listLine1{
	background-color: #ececec;
}
/* Tables & Lists end */
.suggestionsBox {
	position: relative;
	left: 30px;
	margin: 20px 0px 0px -30px;
	width: 232px;
	background-color: #ffffff;
	border: 1px solid #8d8d8d;	
	color: #000000;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	list-style: none;
	margin: 1px 0px 0px 2px;
	cursor: pointer;
}

.suggestionList li:hover {
	background-color: #659CD8;
}
/* line is too long */
.hidden{
  word-wrap: break-word; /* fix for long non-text content breaking IE sidebar float */
  overflow: hidden;
}
/* thickbox content */
#helpOnPageContent,
#helpOnPageContent1,
#helpOnPageContent2,
#helpOnPageContent3,
#helpOnPageContent4,
#helpOnPageContent5,
#helpOnPageContent6,
#helpOnPageContent7,
#helpOnPageContent8,
#helpOnPageContent9,
#helpOnPageContent10,
#helpOnPageContent11,
#helpOnPageContent12,
#helpOnPageContent13 {
	display:none;
}

/*add for me first suggestion box*/
.first-suggestion-box {
  border: 2px solid #FFFF99;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
  background-color: #FFFFDF;
}
.first-suggestion-box ul {
  font-size: 18px;
}
.first-suggestion-box ul li {
  list-style-type: decimal;
}
/*add for new index page*/
#index-header {
	background-image: url(http://d3rixlaa922nt8.cloudfront.net/homepage/images/header_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	width: 100%;
	background-position: left bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
}
#index-header-item {
	float: right;
	width: 400px;
	text-align: right;
	padding-top: 15px;
	color: #CCCCCC;
	font-size: 11px;
}
.index.checkbox {
	margin: 0px;
	padding: 0px;
}
.index label {
}

.index-mainbody {
	float: left;
	width: 100%;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	height: 570px;
	background-color: #ADC5B7;
}
.index p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
.index table {
	margin: 0px;
}
.index table td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 2px;
}
.index .box-top {
	background-image: url(../../images/index_box_bg_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
.index .box-mid {
	padding-right: 20px;
	margin: 0px;
	padding-bottom: 10px;
}
.index .box-btn {
	background-image: url(../../images/index_box_bg_btn.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
.index  .box-slogan {
	font-size: 17px;
	line-height: 1.2em;
	font-weight: bold;
	padding-right: 10px;
}

.width400 {
	width: 375px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	height: 330px;
}
.index h2 {
	margin: 0px;
	padding: 0px;
}
.index h4 {
	color: #666666;
	margin-bottom: 10px;
}
.index-signup {
	font-size: 23px;
	font-weight: bold;
}
input.index-text   {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	margin: 0px;
	height: 15px;
	padding: 1px;
}
#index-footer {
	text-align: center;
	margin-top: 10px;
	font-size: 11px;
	float: left;
	width: 100%;
}
.margin-t3 {
	margin: 3px;
}
.margin-r10 {
  margin-right:10px;
}
#index-footer  a {
	color: #FFFFFF;
	text-decoration: none;
}
#index-footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.font-gray {
	color: #999999;
}
.demo-screenshot td {
	text-align: center;
	font-weight: bold;
	color: #24A15B;
}
.img-style1 img {
	margin-top: 5px;
}
select.index {
	font-size: 11px;
}
/* praxis.css end */
/* sidebar.css start */
.sidebar {font-size: 12px; background: #fff url(../../images/sidebar_bg.gif) repeat-y top left; margin-bottom: 10px; width: 310px;}
.sidebar-img-top{background: url(../../images/sidebar_img_top.gif) no-repeat top left; clear: both; height: 7px;}
.sidebar-img-content{padding: 0px; text-align: center;}
.sidebar-btm{background: url(../../images/sidebar_btm.gif) no-repeat bottom left; clear: both; height: 7px;}
.sidebar-title {font-weight: bold; color: #ffffff; background:#2d2e2d url(../../images/sidebar_top.gif) no-repeat left top; padding: 5px 10px;}
.sidebar-content {padding: 10px 10px 3px 10px;}
.sidebar .checkbox input {width: auto;}
.sidebar .width140 {width: 140px;}
.sidebar input.hundred {width: 100%;} 
/* sidebar.css end */
/* welcome.css start */
.welcome-top {background: #24A15B url(../../images/index_flash_bg1.gif) no-repeat left top; min-height: 273px; width: 950px;}
.welcome-flash {width: 570px; float:left; margin: 10px 20px 0 0;}
.welcome-slogan {float: right; width: 360px; margin-top: 90px; margin-left: 0;}
.welcome-slogan h1{
font-size: 350%;
line-height: 140%;
color: #ffffff;
}
.welcome-slogan .color{
color:#000000;
}
.welcome-middle a {color: #24A15B; text-decoration: underline;}
.welcome-middle a:hover {color: #24A15B; text-decoration: underline;}
.welcome-signup { text-align: right; margin: 0; background: url(../../images/index_signupbg.gif) repeat-x left top; width: 950px; padding: 0; clear: both;}
.welcome-signup img {padding-right: 110px;}
.welcome-middle {background-color: #fffffd; font-size: 220%; text-align: center; font-weight: bold; padding: 10px 0; margin: 0;}
.welcome-btm {background: #000000 url(../../images/index_flash_bg3.gif) no-repeat left bottom; min-height: 120px; padding: 40px 25px 30px 25px;}
.welcome-icon {float: left; width: 300px; margin-top: 0px;}
.welcome-btm ul{
float: left;
list-style: none;
}
.welcome-btm li{
float: left;
text-align: center;
width: 300px;
color: #ffffff;
font-size: 200%;
font-weight: bold;
}
.welcome-btm li a, .welcome-btm li a:hover{
color: #ffffff;
text-decoration: none;
}
/* welcome.css end */
/* main.css start */
/* content start (main)*/
.content{ border-bottom: 1px solid #8b8b8b; background: url(../../images/content_bg.gif) repeat-y left top; padding: 10px 20px; font-size: 130%;}
#page {text-align: center; margin: 1.5em 0;}
#page a {text-decoration: none; border: 1px solid #24A15B; padding: 2px 5px;}
#page a:hover {color: #FFF; background-color: #24A15B;}
#page #none {text-decoration: none; border: 1px solid #999; padding: 2px 5px; color: #999;}
#page #current {color: #FFF; background-color: #24A15B; margin:2px 2px;}
.dialo-a{background-color: #dddddd; padding: 8px 10px;}
.dialo-b{background-color: #f5f5f5; padding: 8px 10px;}
.comment {border-top: 1px solid #ccc; line-height: 110%;}
.comment td{color: #666; text-decoration: none; border-bottom:none;}
.comment a:hover {color: #24A15B; text-decoration: underline;} 
/* content end*/

/*lesson page start*/
.lesson-top-block {padding-bottom: 10px; margin-bottom: 10px;}
.lesson-title {width: 950px; padding-top: 10px; padding-bottom: 20px;}
.lessonplayer-pop {padding-right: 25px; padding-left: 25px;}
.lesson-download td{padding-top: 2px; padding-bottom: 2px;}
.lesson-info table td{padding-top: 0px; padding-bottom: 0px;}
.lesson-intro {font-size: 100%;}
.lesson-intro-title {font-size: 16px; font-weight: bold; color: #24A15B; margin-bottom: 10px;}
.rate {font-weight: bold; color: #999999; margin-top: 15px; margin-bottom: 15px;}
.les-comment-hold table {border-bottom-style: none; margin: 0px; padding: 0px;}
.les-comment-hold td{margin: 0px; padding: 0px; border-bottom-style: none;}
.les-com2 {padding-bottom: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #dddddd; padding-top: 10px; padding-right: 5px; padding-left: 5px;}
.les-com2 .i {font-size: 15px; font-style: italic; font-weight: bold; color: #f26722;}
.les-com2 .i a {color: #f26722;}
.les-com1 {padding-bottom: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #dddddd; padding-top: 10px; background-color: #f7f7f7; padding-right: 5px; padding-left: 5px;}
.les-com1 .i {font-size: 15px; font-style: italic; font-weight: bold; color: #f26722;}
.les-com1 .i a {color: #f26722;}
.les-com-policy {font-size: 11px; line-height: 1.2em; font-weight: bold; margin-top: 20px; color: #999999;}
.lesson-player {margin-bottom: 10px;}
.les-bookmark input{width: auto;}
.les-bookmark select {width: auto;}
.les-popout {text-align: right;}
.lessons_list {margin: 10px 0px;}
/*lesson page end*/

/* tab start*/
.tab {
width: 100%;
float: left;
line-height: normal;
margin: 0;
}
.tabs {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
background: url(../../images/nav_bg.gif) repeat-x bottom left;
}
.tabs li {
float: left;
margin: 0;
padding: 0;
font-size: 100%;
}
.tabs a {
background: url(../../images/tab_left.gif) no-repeat scroll left top;
float: left;
display: block;
margin: 0;
padding: 6px 0px 4px 8px;
color: #727272;
text-decoration: none;
font-weight: bold;
}
.tabs a span {
background: url(../../images/tab_right.gif) no-repeat scroll right top;
padding: 6px 8px 4px 0;
}
.tabs li.current a {background-position: 0pt -150px; padding-bottom: 5px;}
.tabs li.current a span {background-position: 100% -150px; padding: 6px 8px 5px 0px; color: #24A15B;}
.tabs a:hover {background-position: 0% -150px; text-decoration: none; padding-bottom: 5px;}
.tabs a:hover span {background-position: 100% -150px; padding: 6px 8px 5px 0px; color: #24A15B;} 
.tabs li.unload a{background: url(../../images/tab_left.gif) no-repeat scroll 0pt -300px; float: left; margin: 0pt; padding: 4px 8px;}
.tabs li.unload a span {background: url(../../images/tab_right.gif) no-repeat scroll 100% -300px; color: #727272; display: block; float: left; font-weight: bold; padding: 4px 8px; text-decoration: none; width: auto;}
/* tab end*/ 

/* community start */
.comment-title {margin-bottom: 0px; font-weight: bold; font-size: 24px;} /*also for inbox page*/
.conversation-r {
	float: right;
	width: 495px;
	min-height: 90px;
}/*also for inbox page*/

ul.list-none-1 li {float: left; margin-right: 22px;}
ul.list-none-1 li.none{margin-right: 0px;}
.community-rank-content {border: 1px solid #8b8b8b; padding: 10px; border-top: none;} 
.span-568 {
width: 568px;
}
/* community end */

/* post start */
.post-title { margin-bottom: 0px; font-weight: bold; font-size: 130%; }
/* post start */

/* pronunciation page start*/
.note-box{width: 90%; margin: 0 auto 1.5em; padding: 10px; border: 1px solid #999999;} 
/* pronunciation page end*/

/* dictionary page start */
.linkblack a {color: #333333;}
.linkblack a:hover{color: #24A15B;} 
/* dictionary page end */

/* me-profile start */
.profile-gray-block {background-color: #eeeeee; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; width: 140px;}
.profile-gray-block ul {list-style-type: none;}
.profile-gray-block li {background-image: url(../../images/icons/bullet_go.gif); background-repeat: no-repeat; background-position: -2px center; padding-left: 15px;}
/* me-profile end */

/* me-posts start */
.mceEditor {background: #F0F0EE none repeat scroll 0%; border: 0px solid #CCCCCC; margin: 0pt; padding: 0pt;}
.mceToolbarTop {border-bottom: 1px solid #CCCCCC; padding-bottom: 1px;}
.mceToolbarTop, .mceToolbarBottom {background: #F0F0EE none repeat scroll 0%; font-size: 1px; line-height: 1px;}
.mceSeparatorLine {border: 0pt none; margin-left: 4px; margin-right: 2px; padding: 0pt;}
.mceToolbarTop a, .mceToolbarTop a:visited, .mceToolbarTop a:hover, .mceToolbarBottom a, .mceToolbarBottom a:visited, .mceToolbarBottom a:hover {background: transparent none repeat scroll 0%; border: 0pt none; margin: 0pt; padding: 0pt;}
.bg-title-th {background-color: #dfdfdf;} /*also for profile page*/
/* me-posts end */

/* resources-grammar start */
.grammar-zh28 {font-size: 28px;}
.grammar-list-correct { list-style-type: none; list-style-position: outside; margin-top: 10px; margin-bottom: 10px;}
.grammar-list-correct li {background: url(../../images/icons/gra_o.gif) no-repeat left top; padding-left: 20px;}
.grammar-list-incorrect {list-style-image: url(../../images/icons/gra_x.gif); padding: 0px; margin-top: 10px; margin-bottom: 10px;}
.garmmar-breadcrumbs .ladder1 {font-size: 18px; font-weight: bold;}
.gra_rfloat {
background-color:#FFDB92;
display:none;
float:right;
font-size:0.9em;
margin:10px;
padding:5px 10px;
width:200px;
}
.gra_title {
font-weight:bold;
padding:5px;
}
.gra_breadcrumb {
font-size:12px;
font-weight:normal;
}
.gra_rfloat a, .gra_title a {
color:#FF6600;
text-decoration:none;
}
.gra_side ul {
margin:10px;
padding:0pt;
}
.gra_side ul li {
font-size:0.9em;
list-style-position:inside;
list-style-type:square;
}
.gra_box {
border:1px solid #DDDDDD;
margin:15px auto;
padding:15px;
width:90%;
}
.gra_box td{
border:none;
}
.gra_list td {
text-decoration:none;
}
.gra_list_o td {
background:transparent url(../../images/icons/gra_o.gif) no-repeat scroll 0px 5px;
padding-left:20px;
text-decoration:none;
}
.gra_list_x td {
background:transparent url(../../images/icons/gra_x.gif) no-repeat scroll 0px 5px;
padding-left:20px;
text-decoration:none;
}
.gra_list td a, .gra_list_o td a, .gra_list_x td a {
text-decoration:none;
}
.gra_list td a:hover, .gra_list_o td a:hover, .gra_list_x td a:hover {
text-decoration:underline;
}
.gg_cn_text {
color:#888888;
font-weight:bold;
}
.gg_cn_focus {
color:#FF6600;
}
.gg_text_alt {
color:blue;
}
.gg_list_normal {
}
.gg_list_normal li {
padding-left:5px;
}
.gg_list_correct, .gg_list_incorrect {
font-size:14px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px 0;
padding:0pt;
}
.gg_list_correct li {
background:transparent url(../../images/icons/gra_o.gif) no-repeat scroll 5px;
padding:3px 5px 3px 35px;
}
.gg_list_incorrect li, li.gg_li_incorrect {
background:transparent url(../../images/icons/gra_x.gif) no-repeat scroll 5px;
padding:3px 5px 3px 35px;
}
.gg_table {
border:1px solid #DDDDDD;
border-collapse:collapse;
border-spacing:0px;
font-size:14px;
margin:0pt auto;
width:90%;
}
.gg_table td {
border:1px solid #DDDDDD;
padding:15px;
vertical-align:top;
}
.gg_table th {
border:1px solid #DDDDDD;
padding:0pt;
}
.gra_desc_box {
background:#FFCC99 none repeat scroll 0%;
}
.gra_desc_box ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.gra_desc_box li {
padding-left:0pt;
}
.gg_subentry_permalink {
float:left;
padding:3px 0pt;
}
.gg_subentry_box {
margin-bottom:6px;
margin-left:20px;
margin-right:20px;
margin-top:-15px !important;
padding:0px 15px;
}
.grain_title {
font-size:1.4em;
margin-bottom:15px;
}
/* resources-grammar end */

/* start - index */
.index-main{background-color:#ffffff;}
.index-top{background: url(../../images/index_top.gif) no-repeat left top; height: 20px; clear: both;}
.index-content{padding-right: 20px; padding-left: 20px;}
.index-btm{background: url(../../images/index_btm.gif) no-repeat left top; height: 115px; clear: both; padding-right: 10px; padding-left: 10px; padding-top: 15px;}
.index-note {font-size: 18px; margin-bottom: 15px; margin-top: 15px;}
.slogan {line-height: 1em; text-align: center; width: 450px; margin-right: 20px; margin-left: 20px; font-size: 18px; margin-top: 20px;}
.slogan b {font-size: 30px; font-weight: bold; line-height: 1em; color: #24A15B;}
.index-flash {float: right; width: 400px; color: #0066CC; margin-left: 20px;}
.index-item {float: left; width: 186px;}
/* end - index */

/* inbox page start */
.inbox {padding-top: 10px; padding-bottom: 10px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #999999; border-bottom-color: #999999; margin-bottom: 20px; background-color: #f4f4f4;}
/* inbox page end */

.grammar-list-normal {list-style-type:disc;padding: 0px;margin-bottom: 5px;}

/* groups start */
.span-495 {
  width: 495px;
}
.span-450 {
  width: 450px;
}
.sweden{
  float: left;
  padding: 0;
}
.sweden dl {
  float: left;
  margin: 0;
  padding: 0;
  display: inline;
}
.sweden dt{
  float: right;
  padding: 0;
  line-height:150%;
  font-size: 130%;
  margin:0;
  padding-bottom: 5px;
  font-weight: bold;
}
.sweden dd{
  margin: 0 0 0 95px;
  padding: 0;
}
.nospace {
  white-space: nowrap;
}
.sweden dd p img {
  float: none;
  margin: 0;
  padding: 0;
}
.sweden dd.surround{
  margin: 0;
}
.sweden dd.margin-l140 {
  margin-left: 140px;
}
.sweden dl dd.img {
  margin: 0;
}
.sweden dd.img img{
  float: left;
  margin: 0 0 10px 0;
}
.istrong{
  font-weight: bold;
  font-style: italic;
}
.padding10-5{
  padding: 10px 5px;
}
.selectbox {
  max-height: 500px;
  overflow: auto;
}
.selectarrow {
  text-align: center;
  padding-top: 200px;
}
/* groups end */
/* profile start */
.profile-top {
  height: 40px;
  background: url(../../images/profile_top.gif) no-repeat left top;
  width: 950px;
  clear: both;
}
.profile-container {
  background: url(../../images/profile_top.gif) no-repeat 0 -40px;
  padding: 0 40px;
  float: left;
  width: 870px;
}
.profile-container p img {
  float: none;
  margin: 0;
}
.profile-sidebar {
  width: 170px;
  float: left;
}
.profile-box {
  margin-bottom: 20px;
}
.profile-boxtitle {
  font-size: 120%;
  font-weight: bold;
  border-bottom: 1px solid #999;
  margin-bottom: 5px;
}
.profile-content {
  width: 660px;
  float: right;
  font-size: 130%;
}
.profile-content h1 {
  font-size: 265%;
  font-weight: bold;
  color: #828282;
  padding: 20px 0;
}
.white {
  color: #ffffff;
}
.profile-yellowbox {
  background: #fdf9d4;
  padding: 8px 10px;
  margin-bottom: 10px;
}
/* profile end */
/* vocab start */
.inplace {
	font-size: 16px;
}
.inplace input{
	font-size: 16px;
}
.gray{color: gray;}
/* main.css end */
/* static_style.css start */
.static-top{background: url(../../images/static_top.gif) no-repeat left top; height: 11px; clear: both;}
.static-btm{background: url(../../images/static_btm.gif) no-repeat left bottom; height: 11px; clear: both;}
.static-mainbody{background: #ffffff url(../../images/static_mainbody_bg.gif) repeat-y left top; float: left; margin: 0; width: 950px;}
.static-content {padding: 5px 20px 10px 20px; font-size: 120%;}
.static-sidebar {margin: 37px 0 0; padding: 10px 20px;}
.static-sidebar-top{background: url(../../images/static_sidebar_top.gif) no-repeat left top; height: 8px; clear: both;}
.static-sidebar-content{background: #ffffff url(../../images/static_sidebar_bg.gif) repeat-y; padding: 5px 10px 10px 10px;}
.static-sidebar-img{background: #ffffff url(../../images/static_sidebar_bg.gif) repeat-y; padding: 0; text-align: center;}
.static-sidebar-btm{background: url(../../images/static_sidebar_btm.gif) no-repeat left bottom; height: 8px; clear: both;}
.static-expired {background-image: url(../../images/expired_spod.jpg);background-repeat:no-repeat;height: 443px;width: 590px;}
.static-expired .btn {padding-top: 370px;padding-left: 230px;}

/* Start - licc added for login page */
.table-record td{border-bottom: none; vertical-align: middle; padding: 5px 0px;}
.table-record td h4{font-weight: bold; margin-bottom: 0px; font-size: 14px;}
.table-record td input.text, .table-record td select.choose{width: 80%;}
.table-record caption{background: none;}
.table-order{color: #666666; font-size: 12px;}
.table-order td{padding: 2px 5px; border-bottom: none;}
.table-border td{border-right: 1px solid #999999; padding: 2px 2px;}
.table-border{border-top: 1px solid #999999; border-left: 1px solid #999999; margin-bottom: 1.5em;} 
/* End - licc added for login page */
/* static_style.css end */
/* pagination.css start */
.pagination {
	margin:1.5em 0pt;
	text-align:center;
}
        
.pagination a {
  text-decoration: none;
	border: solid 1px #24a15b;
}

.pagination a, .pagination span {
  padding:2px 5px;
	margin-right: 5px;
}

.pagination .current {
  background: #24a15b;
  color: #fff;
	border: solid 1px #24a15b;
}
.pagination .prev, .pagination .next {
	font-weight: bold;
}
.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}
/* pagination.css end */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{ margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings  <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent h2 {
	margin-top: 10px;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
.maintitle{
font-size:20px;
margin-left:10px;
padding:0px 0px 10px 0px;
}
.secondtitle{
border-bottom:1px solid #999;
color:#24A15B;
font-weight:bold;
margin:10px 10px 0px 10px;
padding:2px 0px;
font-size:16px;
}
.pop_table{
padding:10px 0 0 10px;
}
.pop_table .name {
width:130px;
padding:5px;
font-weight:bold;
margin:5px 0;
color:#333;
}
.pop_words_selected {font-size:16px;color:#666;font-weight:normal;}
.pop_table td input {vertical-align:middle;font-size:12px;}
.pop_input {padding:5px;width:280px;border:1px solid #ccc;margin:5px 0;}