/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

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; }
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
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:#395591;  }
h6 {
	font-size: 1.4em;
	font-weight: bold;
	color: #395591;
}
/* 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; }
/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, use this 
   formula to find the new total width: 
   Total width = (columns * 40) - 10
   
   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* 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; }
/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

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; }
/* --------------------------------------------------------------

   praxis.css
   * Non-Blueprint Styles for LanguagePods

-------------------------------------------------------------- */
body {background: #828282; margin: 0px auto; padding: 0; color: #333;}
a, a:hover{color: #395591;}
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: #395591; border-bottom: 1px solid #8d8d8d; padding-bottom: 5px; font-size: 16px; font-weight: bold;}
ul{margin: 0 0 1.5em 0;}
.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 0 5px 0;
float: none;
}
.nospace {
  white-space: nowrap;
}
.color{color: #395591;}
.red{color: #ff0000;}
.margin-r10 {
	margin-right: 10px;
}
.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{
text-align: center;
padding: 4px;
border: 1px solid #d9e0e6;
border-bottom-color: #c8cdd2;
border-right-color: #c8cdd2;
background: #ffffff;
}

/* header start*/
#header { background:#8d8d8d url(../../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-text .color { color: #5c83d2;}
#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: #c0c0c0;
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(../../images/current_bg.jpg) repeat-x left bottom;}
#nav ul li.current {background: #8d8d8d url(../../images/current_bg.jpg) repeat-x left bottom;}  
/* navigation & tabs end */ 

/* footer */
#footer-break {margin: 0; clear: both; background-color: #828282; background-image: url(../../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(../../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 new index page start*/
#index-header {
	background-image: url(http://d2tjwlkt2z2rm1.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;
	background-repeat: repeat-x;
	width: 100%;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-color:#C0C0C0;
	height: 570px;
}
.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(http://d2tjwlkt2z2rm1.cloudfront.net/homepage/images/index_box_bg_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
.index .box-mid {
	background-image: url(http://d2tjwlkt2z2rm1.cloudfront.net/homepage/images/index_box_bg_mid.gif);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 20px;
	background-position: left;
	margin: 0px;
	padding-bottom: 10px;
}
.index .box-btn {
	background-image: url(http://d2tjwlkt2z2rm1.cloudfront.net/homepage/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;
	color: #435f95;
}

.index  .box-slogan a{
    color: #ffffff;
}

.width400 {
	width: 400px;
}
.index h2 {
	margin: 0px;
	padding: 0px;
}
.index h4 {
	color: #666666;
	margin-bottom: 10px;
}
.index-signup {
	font-size: 1.7em;
	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;
}
/*add for new index page end*/

/*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;
}
/* sidebar 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 end */
.welcome-top {background: #395591 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:#ffffff;
}
.welcome-middle a {color: #395591; text-decoration: underline;}
.welcome-middle a:hover {color: #395591; 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;
}
/* 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 #395591; padding: 2px 5px;}
#page a:hover {color: #FFF; background-color: #395591;}
#page #none {text-decoration: none; border: 1px solid #999; padding: 2px 5px; color: #999;}
#page #current {color: #FFF; background-color: #395591; 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: #395591; 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: #395591; margin-bottom: 10px;}
.rate {font-weight: bold; color: #999999; margin-top: 15px; margin-bottom: 15px;}
.relatedlinks { font-size: 12px; margin: 15px 0; }
.relatedlinks ul { margin: 0 0 10px 10px; }
.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: #395591;}
.les-com2 .i a {color: #395591;}
.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: #395591;}
.les-com1 .i a {color: #395591;}
.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: #395591;}
.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: #395591;} 
.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: #395591;} 
/* 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: url(../../images/index_bg.gif) repeat-y left top;}
.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: #395591;}
.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;}
/* CSS Document */

.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 */
.pagination {
	margin:1.5em 0pt;
	text-align:center;
}
        
.pagination a {
    text-decoration: none;
	border: solid 1px #395591;
}

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

.pagination .current {
    background: #395591;
    color: #fff;
	border: solid 1px #395591;
}
.pagination .prev, .pagination .next {
	font-weight: bold;
}
.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;

}