/* =Reset - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    font-size: 12px;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

h2 {
    font-weight: bold
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
    q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

/* =element definitions

-------------------------------------------------------------- */

th {
    white-space: nowrap
}

/* Headings
    -------------------------------------------------------------- */

/*h1 { font-size: 18px; font-weight: bold;  margin-bottom: .5em;}*/
h1 {
    font-size: 2.2em;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: .5em;
}

h2,
    body.profile p.langsSpoken {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: .25em;
}

h3, h4, h5 {
    font-size: 1.2em;
    line-height: 1;
    margin: .25em 0 .75em;
    font-weight: normal;
}

h1 img, h2 img, h3 img,
    h4 img, h5 img, h6 img {
    margin: 0;
}

/* Text elements
    -------------------------------------------------------------- */

p {
    margin: 0 0 .75em;
    max-width: 48em;
}

strong {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
}

dfn {
    font-weight: bold;
}

sup, sub {
    line-height: 0;
}

abbr,
    acronym {
    border-bottom: 1px dotted #666;
}

address {
    margin: 0 0 1.5em;
}

pre, code {
    margin: 1.5em 0;
    white-space: pre;
}

/* Lists =ul
    -------------------------------------------------------------- */

#colWrap ul, #colWrap ol {
    margin: 0 1.5em 1.5em 20px;
}

#colWrap ul {
    list-style: none;
}

#colWrap ul.copyBlock {
    margin-left: 0;
    max-width: 48em;
    position: relative;
}

#colWrap ul.copyBlock li, #colWrap div li.bulleted {
    background: url( ../i/icons/bullet_green.png ) 0 0 no-repeat;
    list-style-position: outside;
    padding-left: 22px;
    position: relative;
}

#colWrap div.fyi ul.copyBlock li {
    background-image: url( ../i/icons/bullet_orange.png );
}

#colWrap ol {
    list-style: decimal outside;
}

#colWrap dl {
    margin: 0 0 2em 0;
}

#colWrap dl dt {
    font-weight: bold;
}

#colWrap dd {
    margin-left: 1.5em;
}

/* Tables
    -------------------------------------------------------------- */

table {
    width: 100%;
}

th, td {
    padding: .5em 1em .5em 0;
}

/* Misc classes
    -------------------------------------------------------------- */

.hide {
    display: none;
}

/*	.first      { margin-left:0; padding-left:0; }
	.last       { margin-right:0; padding-right:0; }
	.top        { margin-top:0; padding-top:0; }
	.bottom     { margin-bottom:0; padding-bottom:0; }*/

/* =Layout

-------------------------------------------------------------- */

body {
    width: 100%;
}

#container {
    margin: 0 auto;
    position: relative;
    width: 950px;
}

#colWrap {
    float: left;
    clear: both;
    min-height: 300px;
    text-align: left;
    width: 100%;
}

/*border-style: solid; border-width: 1px; border-top: none; border-bottom-width: 2px;}*/

#colMain {
    float: left;
    min-height: 300px;
    padding: 1.25em 10px 4em;
    width: 540px;
}

#colSub {
    float: left;
    overflow-x: hidden;
    min-height: 300px;
    margin-bottom: 1em;
    padding: 1.25em 10px 1em 10px;
    width: 200px; /*border-left-width: 1px; border-left-style: solid; border-bottom-width: 1px; border-bottom-style: solid;*/
}

#colSub2 {
    float: left;
    min-height: 300px;
    margin-bottom: 1em;
    padding: 1.25em 0 0;
    width: 160px; /*border-bottom-width: 1px; border-bottom-style: solid;*/
}

/* =Basic page - NO utility nav, no nav1 or 2, nor search.
					Logic for turning those OFF is in Header.php */

/* =colMainOnly - if you want one big column with regular navigation & masthead */

body.basicPage #colMain,
    body.colMainOnly #colMain {
    width: 930px;
}

/* =noColSub - One skyscrapper on the right */

body.noColSub #colMain {
    width: 770px;
}

/* =noColSub2 - Main and sub */

body.noColSub2 #colMain {
    width: 600px;
}

div.noColSub2 #colMain {
    width: 600px;
}

body.noColSub2 #colSub {
    width: 310px;
}

div.noColSub2 #colSub {
    width: 310px;
}

/* =Masthead

-----------------------------------------------------------*/

#masthead {
    clear: both;
    display: block;
    float: left;
    position: relative;
    text-align: left;
    width: 100%;
}

/* Discrete "skip to content" link - Thank you Molly.com */

#access {
    cursor: text;
    display: block;
    overflow: hidden;
    font-weight: bold;
    text-indent: -600em;
    background: transparent;
    margin: 0 0 0 25px;
    padding: .5em;
    width: 11.5em;
}

#access:focus, #access:active {
    text-indent: 1em;
    background: #f2f2f2;
    color: #111;
}

/* =Logo */

#logo {
    float: left;
    clear: both;
    line-height: 0;
    z-index: 1
}

#logo:hover {
    background: url( /i/house.png ) no-repeat 365px 50px;
}

/* =Utility Nav */

#navUtility a.register {
    background: none;
    padding-left: none;
}

#navUtility {
    float: right;
    top: 1em;
    padding-top: 10px
}

#navUtility li {
    float: left;
}

#navUtility li a {
    float: left;
    clear: none;
    padding: .5em .7em;
}

/*=msg confirmations, warnings, errors*/

.msg {
    border-width: 1px;
    border-style: solid;
    padding: 1em;
}

div.error {
    background-image: url( ../i/exclamation.png );
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px !important;
}

div.warn {
    background-image: url( ../i/exclamation.png );
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px;
    border-bottom: 1px solid darkorange;
    background-color: bisque;
}

div.wideWarn {
    background-image: url( ../i/exclamation.png );
    background-repeat: no-repeat;
    background-position: 10px 50%;
    border-bottom: 1px solid darkorange;
    background-color: bisque;
    font-weight: bold;
    padding: 10px;
    padding-left: 35px;
    margin-bottom: 10px;
}

div.success {
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 35px !important;
}

/* =Icons */

input.emailGo {
    background-image: url( ../i/icons/email_go.png );
    background-position: 98% 50%;
    background-repeat: no-repeat;
    padding-right: 1.2em !important;
}

.pgPrev {
    background: url( ../i/icons/resultset_previous.png ) no-repeat 0 50% !important;
    padding-left: 18px !important;
}

/* link or span*/
.pgNext {
    background: url( ../i/icons/resultset_next.png ) no-repeat 100% 50% !important;
    padding-right: 18px !important;
}

.pgFirst {
    background: url( ../i/icons/resultset_first.png ) no-repeat 0 50% !important;
    padding-left: 21px !important;
}

.pgLast {
    background: url( ../i/icons/resultset_last.png ) no-repeat 100% 50% !important;
    padding-right: 21px !important;
}

/* =right side icons */
.logout,
    .homeLink,
    .remove,
    .login {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 20px !important;
}

.logout {
    background-image: url( ../i/icons/door_open.png )
}

.remove, .removeVideo, .removeTopic {
    background-image: url( ../i/delete.png )
}

.login {
    background-image: url( ../i/door_in.png )
}

.homeLink {
    background-image: url( ../i/house.png );
}

/* =left side icons */
body blockquote,
    .translator,
    .addFavorite,
    .online,
    .ajaxSuccess,
    .ajaxError,
    .sendMessage,
    .addFriend,
    .add,
    .removeFriend,
    .removeVideo,
    .removeTopic,
    .offline,
    .edit,
    .register,
    .updateSelection,
    .refresh,
    .accept {
    padding-left: 20px !important;
    padding-bottom: 2px /* so the icon doesn't get it's bottom couple pixels cut if the line-height is short. */;
    background-position: 0 0;
    background-repeat: no-repeat;
}

/*some icons need position adjustment */

div .online {
    display: block;
}

.addFavorite {
    background-image: url( img/heart_add.png )
}

/*doesnt match set, this one:*/
.translator {
    background-image: url( img/application_double.png );
}

.refresh {
    background-image: url( img/arrow_rotate_anticlockwise.png );
}

.updateSelection {
    background-image: url( img/arrow_up.png );
    background-position: 3px 0;
    margin-left: 5px;
}

.register {
    background-image: url( img/application_form_edit.png )
}

/*.loginKey { background-image: url(img/textfield_key.png)}*/
body blockquote {
    background-image: url( img/user_comment.png );
}

.online {
    background-image: url( img/status_online.png )
}

.offline {
    background-image: url( img/status_offline.png );
    background-repeat: no-repeat;
}

.sendMessage {
    background: url( img/kxMessage.png ) left center no-repeat;
}

.sayhello {
    background: url( img/kxHello.png ) left center no-repeat;
    padding-left: 20px !important;
    padding-bottom: 2px;
}

.givegift {
    background: url( img/kxGift.png ) left center no-repeat;
    padding-left: 20px !important;
    padding-bottom: 2px;
}

.addFriend {
    background: url( img/kxAdd.png ) left center no-repeat;
}

.add {
    background: url( img/add.png ) left center no-repeat;
}

/*body.lessons .add {background-image: url(img/report_add.png);}
body.videos .add {background-image: url(img/film_add.png);}*/
.removeFriend {
    background-image: url( img/user_delete.png );
}

.edit {
    background-image: url( img/edit.png )
}

div.success, .ajaxSuccess, .accept {
    background-image: url( img/accept.png );
}

.comments a.remove {
    display: inline;
    padding-right: 0;
    position: static;
    right: 0;
    background: none;
}

/* =Search

-------------------------------------------------------------- */

#siteSearch {
    float: right;
    clear: both;
    display: block;
    padding-bottom: .3em;
    position: relative;
    text-align: right;
    width: 35%;
    z-index: 200;
}

/* =Footer

-------------------------------------------------------------- */

#footer {
    clear: both;
    margin: 1em 0 1em;
    text-align: left;
    width: 100%;
}

#corporate {
    margin-bottom: 1em
}

#footer ul li {
    display: inline;
}

#footer ul li a {
    margin: 0 .25em
}

#addThis {
    float: right;
    margin: .5em;
}

#copyright {
    margin-left: .25em;
    max-width: none;
    width: auto
}

/* =Navigation

-------------------------------------------------------------- */

/* No blue line on top of basicPage */
/*body.noNav2 #colWrap { padding-top:0; border-top-width: 1px; border-top-style: solid; }*/
/*div.noNav2 #colWrap { padding-top:0; border-top-width: 1px; border-top-style: solid; }*/

#colWrap {
    margin-top: 6px;
    padding-top: .2em; /* This makes room for the nav2 */
    margin-bottom: 1em
}

#nav {
    clear: both;
    position: relative;
    width: 950px;
    /*
     width: 1000px; a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#nav1 {
    position: absolute;
    bottom: 0;
    left: 1px;
    width: 950px;
}

#nav1 li {
    display: inline;
    float: left;
    list-style: none;
    margin-right: 3px;
}

#nav1 li a, #nav1 li strong {
    display: block;
    padding: .5em 1.1em;
}

#nav1 li.active strong a {
    background: none;
    margin: 0;
    padding: 0;
    border: none
}

#nav1 li a, #nav1 li strong {
    width: auto;
    display: block;
    float: left;
    position: relative;
    text-align: center;
}

#nav2 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    bottom: -2.2em;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 950px;
}

#nav2 li a, #nav2 li strong {
    border: none;
    background: none;
    display: block;
    float: left;
    margin: 0;
    padding: .3em .7em .35em;
    width: auto;
}

div #nav2 li a,
    div #nav2 li strong,
    div #nav2 li.active {
    background-image: none;
}

div #nav2 li.active a {
    font-weight: bold;
}

#nav2 li:last-child a,
    #nav2 li:last-child strong {
    border: none;
}

/* =nav3 */

.inviteFriends .nav3 {
    border-top-style: solid;
    border-top-width: 1px;
}

.nav3 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    float: left;
    margin: 0 0 1em 0;
    width: 100%;
    list-style: none;
}

.inviteFriends .nav3 li {
    margin: 1em 0 -1px 1em;
}

.nav3 li {
    float: left;
    margin: 0 0 -1px .5em;
    list-style: none;
}

.inviteFriends .nav3 a {
    padding: .5em 1em;
}

.nav3 a {
    border-style: solid;
    border-width: 1px;
    border-bottom: none;
    float: left;
    display: block;
    margin-bottom: 1px;
    padding: .25em .5em;
}

/*.nav3 .current a:hover { cursor:default; }*/

/* =Components and =Classes

-------------------------------------------------------------- */

/* =bottom margins - primary vertical white space stored here. */
.profile .primaryInfo,
    .profile .personalInfo,
    .profile .secondaryInfo,
    .profile .secondaryInfo table,
    .profile .contactInfo,
    contactInfo
    #colSub .contForm,
    div.ad468x60,
    .ad300x250,
    .profile #friendsdiv,
    div.commentContainer,
    .syndicationOptions,
    div.lessonBody,
    .levelGuide {
    margin-bottom: 2em
}

#show_comment_div li.buttons,
    div.pagination,
    .serp li.result,
    #colWrap .comments li {
    margin-bottom: 1em
}

#selfriends,
    .wufoo .buttons,
    #colWrap .comments li ul.linkControls,
    .detail #selfriends,
    .levelGuide dd,
    .rateIt, div.sortControl,
    div.paginatedTable,
    .msg,
    #record_div, #alert_div,
    .serp .result p, body blockquote,
    form .controlHeader  p,
    #colSub form p,
    #myHome #colMain h2,
    #myHome table.mailbox,
    li.info,
    .addToFavorites,
    #flash_player_msg,
    #friendslist,
    .inviteFriends .pagingLinks {
    margin-bottom: 1em !important
}

/* =pagination*/
.currentView {
}

/*i.e. 'display rows 1-10 of 140' */
.pagingLinks {
}

/*container for links*/
.pagingLinks a, .pagingLinks strong {
    padding: .2em .6em .3em;
    margin-right: .35em;
    border-width: 1px;
    border-style: solid;
}

/*a link*/
.pagingLinks strong {
    border: none;
}

.pagingLabel {
}

/*markup is unused right now*/
.pgPrev {
    border: none !important;
}

/*link or span*/
.pgNext {
    border: none !important;
}

.pgFirst {
}

.pgLast {
}

.pagination {
    margin-top: .5em;
    clear: both;
}

.pagination .more {
    float: right;
    background: none;
    padding: 0;
    margin: -1.5em 0 0 2em;
}

.relatedItems .pagination .more {
    background: none !important;
    float: none;
    margin: 1em 0 0 0;
    display: block;
    clear: both;
}

#colWrap div.relatedItems div.pagination {
    padding: 0 0 1em 0;
    margin: 0;
    clear: both;
}

div.pagination strong {
    font-weight: bold
}

/*the active page number*/

/* =controlHeader - the search form at the top of most SERP pages*/
.controlHeader .add {
    float: right;
    margin: .5em 4em 0 0;
}

/* =SERP*/
.serp .results .result ul.actions li {
    background: none;
    list-style: none;
}

#colWrap #colMain ul.results, #colWrap #colMain ul.actions {
    margin: 0
}

.serp #colWrap .results .result {
    clear: both;
    list-style: none;
    display: block;
    padding: 1.5em 0 0 0;
    border-top-width: 1px;
    border-top-style: dotted;
    min-height: 5em;
}

#colWrap .results .result_under_line {
    clear: both;
    list-style: none;
    display: block;
    padding: .3em 0 2em 0;
    border-bottom: 1px dotted #ccc;
}

#colWrap .results .result_under_line .descInfo {
    float: right;
    width: 180px;
    vertical-align: top
}

#colWrap .results .result_under_line .pic {
    width: 90px
}

.serp .result .lastOnline {
    display: block
}

.serp .results .snippet {
    float: right;
    width: 160px;
    margin: 0 0 1em 1em;
}

body.videos #colWrap div ul.results li.result {
    min-height: 16em;
}

.serp .results .snippet img {
    margin-bottom: 1em;
    display: block
}

.serp .results li.result .details blockquote, .msgDetail blockquote, .comments li blockquote {
    padding: 1em 1em 1em 3em !important;
    background-position: 1em 1.2em;
}

.serp #colWrap .results .details {
    width: 410px;
    min-height: 100px;
}

#colWrap .results .details h2 {
    line-height: 1em;
    margin-top: 0;
}

/* Do we need this still? this is here because jason wrote a too generic rule around floated spans inside forms*/
.serp form li span {
    float: none
}

/*=visibility hack until we have display:none being used everywhere with ajax*/
.visibilityHack {
    position: relative
}

.visibilityHack div {
    position: absolute;
    top: 1.5em;
    left: 0;
    width: 220px
}

/*=action links*/
#colWrap .results .actions li {
    margin-bottom: .25em;
}

/*=comments*/
.comments ol,
    ul.thread {
    margin: 0
}

.comments li,
    ul.thread li {
    padding: 0
}

.comments ol li,
    ul.thread li {
    position: relative
}

.comments ol li li {
    position: static
}

.comments ol li .snippet,
    ul.thread .snippet {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
}

.comments ol li .snippet a,
    ul.thread .snippet a {
    display: block;
}

.comments blockquote,
    ul.thread blockquote {
    min-height: 61px;
    margin-right: 130px;
}

#colWrap .comments ol li ul {
    padding-top: 1em
}

/* =snippet - ul.snippets or .snippet used inside a .result*/
#colWrap ul.snippets {
    margin-right: 0;
    margin-left: 0;
}

.snippet img, .snippets img {
    padding: 1px;
    border-width: 1px;
    border-style: solid;
    line-height: 1.7em;
}

/*.snippet img.icon, .snippets img.icon {width:65px}*/
/*.snippet img.photo, .snippets img.photo {width:90px}*/
#colWrap .snippets li.narrow img {
    width: 65px
}

#colWrap .snippets li {
    clear: none;
    text-align: center;
    float: left;
    border: none;
    padding: 90px 0 1em 0;
    list-style: none;
    padding-right: 10px;
    width: 130px;
    margin: 0;
    position: relative;
    overflow-x: hidden;
}

#colWrap .snippets li.narrow {
    clear: none;
    text-align: center;
    float: left;
    border: none;
    padding: 54px 0 1em 0;
    list-style: none;
    padding-right: 20px;
    width: 70px;
    margin: 0;
    position: relative;
    overflow-x: hidden;
    height: 40px;
    overflow-y: hidden;
}

#colWrap div .thumb-medium li {
    padding-top: 114px
}

.snippets li img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

#colWrap ul.snippets2 {
    margin-right: 0;
    margin-left: 0;
}

.snippet img, .snippets2 img {
    padding: 8px;
    border: none;
    line-height: 1.7em;
}

#colWrap .snippets2 li {
    clear: none;
    float: left;
    border: none;
    padding: 90px 0 2em 0;
    list-style: none;
    padding-right: 10px;
    width: 90px;
    margin: 0;
    position: relative;
}

.snippets2 li img {
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

#myHome table.mailbox td .snippet img {
    position: static;
    float: left;
    margin-right: .5em;
}

.snippets .langsSpoken, .snippets .langTag, .snippet .numberViews, #myHome .snippets li a, .snippets li label {
    display: block
}

/*=related items - on the right side of videos and lessons detail page, lists out the additional related videos and lessons*/
.relatedItems .mediaTitle {
    height: 3em;
    display: block;
}

.relatedItems .results {
    clear: both;
    height: 32em;
    margin-bottom: 1em;
    overflow: auto;
    position: relative;
}

#colWrap .relatedItems .snippets li {
    padding-top: 70px;
    padding-bottom: 1em;
    width: 120px;
    margin-right: 10px;
}

/* =detail =video =lesson*/
#flash_player_msg {
    float: left;
    margin-right: 10px;
}

div.lessonBody {
}

.lessonBody img.supportPic {
    float: left;
    margin: 0 1em 1em 0;
}

.detail #colSub {
    padding-top: 14px
}

.detail #colSub .snippet {
    float: right;
    width: 100px;
    margin: 0 1em 1em 1em;
}

.detail #colSub h2 {
    clear: both
}

.detail .lessonActions {
    float: right;
    width: 160px;
    margin: 0 0 1em 1em;
    padding: 1em;
}

.detail .lessonActions  .snippet {
    float: right;
    margin: 0 0 1em 1em
}

.detail .lessonActions p {
}

/*=add this social bookmarks thing:*/
.detail .snap_noshots {
    float: right;
    margin: 10px 0 1em 1em;
}

.detail #addfav, .detail #sendemail {
    float: left;
    width: 160px;
}

.detail #colSub .textarea, .detail #colSub .wufoo li {
    width: 100% !important
}

#colWrap ul.tags li, #colWrap ul.linkControls li {
    background: none;
    padding: 0;
    display: inline;
    margin: 0 1em 0 0;
    position: relative;
    width: auto;
}

#colWrap ul.tags, #colWrap ul.linkControls {
    margin-left: 0;
    margin-right: 0;
    position: relative;
}

/*=share video - currently only on detail pages*/
.shareVideo {
    position: relative
}

#sharevideo a.close {
    position: absolute;
    top: 12px;
    right: 1em;
}

#sharevideo {
    position: absolute;
    width: 480px;
    border-width: 3px;
    border-style: solid;
    padding: 10px;
    top: 0;
    margin-top: -11em;
    left: 430px;
    z-index: 100;
}

.lessonActions #sharevideo {
    margin-top: -10em;
    left: 0;
}

.lessonActions span {
    color: #666
}

/*=rate it */
.rateIt {
    clear: left
}

.rateIt, .rateFluency {
    float: left;
    width: 50%;
    margin-right: 0
}

#container div div.currentRating img {
    border: none;
    padding: 0;
    margin: 0 2px 0 0;
    display: inline !important;
}

/*=myProfile*/
#colSub .myProfile .snippet ul {
    list-style: none;
    position: relative;
    width: auto;
    float: left;
}

.myProfile .snippet a img {
    position: relative;
}

.myProfile .snippet img {
    float: left;
    margin: 0 1em 2em 0;
    list-style: none;
    position: relative;
    clear: left;
}

.myProfile h2 {
    clear: both
}

.myProfile .notify li {
    list-style-type: none;
    line-height: 200%
}

.myProfile .notify {
    float: right;
    width: 210px
}

/*=mailbox */

table.mailbox td.sender * {
    display: block
}

table.mailbox th a {
}

/* Sort arrows */
table.mailbox tr td {
    padding-top: .5em;
    padding-bottom: .5em;
    border-top-width: 1px;
    border-top-style: dotted;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

table.mailbox tr.delete td {
    border-top: none
}

table.mailbox td {
    vertical-align: top
}

table.mailbox td.subject {
    padding: 0 !important;
}

table.mailbox td a.aunreadmsg,
    table.mailbox td a.areadmsg {
    display: block;
    min-height: 2em;
    padding: .5em 1em .5em 0;
}

.messages .actions {
    clear: both;
    display: block;
    margin-bottom: 1.5em !important;
    margin-top: 1em;
    position: relative;
    text-align: right;
    width: 100%;
}

.messages .actions p {
    display: inline;
    padding: .5em;
    left: 0;
    top: -.5em;
    position: absolute;
}

.messages .actions p select {
    margin-right: .5em;
}

.messages .actions a {
    margin: 0 0 0 .5em;
}

.msgDetail h1 {
    margin: .5em 0
}

.msgDetail ul.linkControls {
    padding: .5em 0;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-top-width: 1px;
    border-top-style: dotted;
}

.msgDetail .pagination .pgPrev {
    float: left;
    margin-right: 1em
}

.msgDetail .pagination {
    text-align: right
}

/*=ads =advertisements*/
#colMain div.ad468x60 {
    clear: both;
    height: 70px;
    padding-left: 56px;
    padding-top: 10px;
    width: 544px
}

div.ad728x90 {
    width: 728 px;
    margin: 1em 111px;
    padding: 10px 0;
}

div.ad160x600 {
    border: none !important;
}

div.ad img {
    display: block
}

div.ad {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-top-style: dotted;
    border-top-width: 1px;
}

div.ad a:link, div.ad a:visited {
    color: #555 !important;
}

/*=misc */
html code {
    white-space: normal
}

.help h1 {
    margin: 1em 0
}

div p.loading {
    padding-left: 26px;
    padding-top: 1em;
    padding-bottom: 1em;
    background: url( /images/loading.gif ) 0 1em no-repeat;
    margin: 4em auto;
    width: 200px;
}

#colSub p.loading, .myPicture p.loading {
    padding-bottom: 0;
    margin: 2em auto;
    width: 120px;
}

.serp li li p.loading {
    padding-top: 0;
    background-position: 0 0;
    padding-bottom: 0;
    margin: 0;
    width: 120px;
}

.levelGuide a {
    display: block
}

/*=forms (specific ones and general classes)*/

/*=form classes and general rules */
.forgotPassword, .fieldError {
    display: block
}

textarea.textareaAsNormalText {
    width: auto;
    padding: .2em;
    border-width: 1px;
    border-style: dotted;
    height: auto
}

#colSub form legend {
    margin-bottom: .5em
}

/*=IDs of specific forms, beginning with f- */

/* =Pages

-------------------------------------------------------------- */

/* =myHome

    -----------------------------------------------------------*/

#myHome #colMain h2 {
    clear: both;
    font-weight: bold;
    padding-bottom: .1em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#myHome #colMain .more {
    float: left;
    margin: -3.2em 0 0 290px;
    width: 290px;
}

#myHome #colMain .more a {
    padding-right: .75em
}

/* =homePage

    -----------------------------------------------------------*/

#homePage #colMain {
    width: 530px;
}

#homePage #colSub {
    width: 360px;
}

/*#homePage h1 { border: 1px solid #666; background: url(../i/home-h1-jump.jpg) no-repeat 0 0; height: 287px; text-indent:-9999px; margin-left: -10px; margin-top: -.48em; margin-right: -10px;}*/

/* Bigger call out to sign up for homePage */
#homePage h2 a.register {
    background-position: 0 50% !important;
}

/* Popular members on home page AKA "Members online now" */

.popularMembers ul {
    float: left;
    clear: both;
    list-style: none !important;
    margin: 0 0 2em 0 !important;
}

.popularMembers li {
    display: block;
    clear: both;
    margin: 0 !important;
    position: relative;
    width: 100%;
}

.popularMembers li a {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    display: block;
    float: left;
    clear: both;
    height: 5.5em;
    margin: 0;
    padding: .5em 0;
    width: 100%;
}

.popularMembers img {
    border: 1px solid #999;
    float: left;
    clear: both;
    height: 65px;
    margin: 0 1em .25em .25em;
    vertical-align: top;
    width: 65px;
}

/* =Friends

    -----------------------------------------------------------*/

/* =Lessons

    -----------------------------------------------------------*/

span.columns {
    padding-bottom: 0 !important;
    width: 30% !important;
}

/* =Videos

    -----------------------------------------------------------*/

/* =profile

    -----------------------------------------------------------*/

.profile .primaryInfo div.snippet {
    position: absolute;
    left: 384px;
}

.profile table img {
    margin-right: 4px
}

.profile table .online, .profile table .offline {
    margin-bottom: .5em
}

.profile table #send_smile img {
    position: relative;
    top: -2px
}

.profile h2 {
    clear: both
}

.profile .primaryInfo {
    clear: both;
    position: relative;
    width: 368px;
}

.profile #colMain .edit {
    float: right;
    margin-top: -2.25em
}

.profile p.langsSpoken {
    margin-top: 0
}

.profile p.langsSpoken span,
    .profile span.langLearning {
    float: left;
    margin: 0 .6em .25em 0;
}

/*.profile div span.langLearning {margin-right:1em;margin-top:-.8em; margin-bottom:1em;}*/
.profile span.fluency {
    margin-left: -4px;
    display: block;
    line-height: 6px
}

.profile td {
    width: 100%
}

.profile tr th, .profile tr td {
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: dotted;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

.profile .countryClear {
    display: block;
}

.profile .countryClear span {
    clear: both;
    width: 100%;
    padding-left: 32%;
}

/* Adjust this if you change form widths or use noI on contForm */

.myPicture .snippets a.removeSubtle {
    margin-left: 1.6em;
    display: block;
    margin-top: .4em
}

/* =selfriends is the container for the entire dialog. #selectFriends is the actual div surrounding the checkbox list - selecting friends is used on share video and COmpose. the importants are in here due to the WUFOO selectors being important.  */

#selfriends #selectFriends ul li, #selfriends #selectFriends ul li label {
    float: left;
}

#selfriends #selectFriends ul li {
    width: 9.2em !important;
    clear: none !important
}

#selfriends #selectFriends ul li label {
    white-space: nowrap;
    cursor: pointer;
}

#selfriends #selectFriends {
    min-height: 4em;
    max-height: 12em;
    overflow: auto;
}

#sharevideo #selectFriends {
    position: relative;
}

#sharevideo #selectFriends .close {
    top: 1em
}

#sharevideo #selectFriends a.btn {
    display: block;
    width: 10em;
}

#friend_data_div {
    padding: 0 0 1em;
}

/* =accounts =login =signup  =prospect

    -----------------------------------------------------------*/

body#login #colMain {
    width: 410px;
}

body#login #colSub {
    width: 500px;
}

/* =Invite Friends

    -----------------------------------------------------------*/

/* =inviteFriends forms */

.socialNetworkView2 .contForm,
    .socialNetworkView2Errors .contForm {
    float: left;
    width: 49%;
}

p.checkUncheck {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: .5em;
    width: 90%;
}

p.checkUncheck label {
    cursor: pointer;
}

/* List of friends on the left side of Email and Social contacts */
.inviteFriends div .friends li {
    border-style: solid;
    border-top-width: 1px;
    margin-left: 0 !important;
    overflow: hidden;
    padding-left: .5em;
    padding-right: 8px;
    width: 90%;
}

.inviteFriends div .friends li label {
    float: left;
    cursor: pointer;
    clear: none;
    display: block;
    padding: .5em 1em .5em 0;
    width: 100%;
}

.inviteFriends div .friends li input {
    float: left;
    clear: none;
    display: block;
    margin-right: .5em;
}

.inviteFriends div .friends li img {
    position: absolute;
    right: 10px;
    top: 5px;
    vertical-align: middle;
    border: 1px solid;
}

/*invtitefriends by email*/

.invite_box {
    padding: 15px 25px;
}

.invite_box .cube .inviteexpl {
    color: #808080;
}

.invite_box .cube p {
    margin: 10px 0;
}

.invite_box .cube p.nomb {
    margin-bottom: 0;
}

.invite_box .cube .inviteexpl p {
    font-size: 14px;
}

.invite_box .cube .inviteexpl p .blod {
    font-weight: bold;
}

.invite_box .cube p.alttext {
    color: #333;
    padding-bottom: 0px;
}

.invite_box .cube p.alttext a {
    font-weight: normal;
}

.invite_box .cube h2.resulttitle {
    background-color: #ededed;
    zoom: 1;
    font-size: 12px;
    padding: 2px 3px 2px;
    padding-right: 0;
    margin-top: 15px;
    border: 1px #ccc solid;
    border-bottom: 0;
}

.invite_box .cube h2 .checkbox {
    margin-right: 5px;
}

.invite_friendlist {
    width: 720px;
}

.invite_friendlist.moremargintop {
    margin-top: 25px;
}

.invite_friendlist.moremarginbottom {
}

.invite_friendlist .aligncenter {
    text-align: center;
}

.invite_friendlist.h187 {
    height: 187px;
}

.invite_friendlist div.resultbox {
    padding: 0;
    overflow: hidden;
    overflow-y: scroll;
    height: 360px;
    _width: 718px;
    border: 1px #ccc solid;
}

.invite_friendlist div.resultbox.h187 {
    height: 187px !important;
}

.invite_friendlist .inputbutton.gray {
    color: #808080;
}

.invite_friendlist table.resultlist td {
    color: #555;
    border-bottom: 1px #ccc solid;
    border-collapse: collapse;
    padding: 3px;
    vertical-align: middle;
}

.invite_friendlist table.resultlist tr.highhight {
    background: #f5f5f5;
}

.invite_friendlist table.resultlist td p {
    padding: 0;
    color: #555;
}

.invite_friendlist table.resultlist td.pic {
    padding: 5px;
    width: 60px;
    vertical-align: middle;
}

.invite_friendlist table.resultlist td.uname {
    width: 160px;
}

.invite_friendlist table.resultlist td.pic div.picbox {
    width: 50px;
}

.invite_box .cube .inviteexpl.borderbottom {
    border-bottom: 1px solid #d8dfea
}

.invite_box .cube .inviteexpl .expbox {
    padding-left: 45px;
    margin: 15px 0;
}

.invite_box .cube .inviteexpl .expbox.item1 {
    background: url( img/ico-poke.gif ) left no-repeat;
}

.invite_box .cube .inviteexpl .expbox.item1 h2 {
    color: #808080;
    margin-bottom: 3px;
    text-align: left;
}

.invite_box .cube .inviteexpl .expbox.item2 {
    background: url( img/icon_08.gif ) left no-repeat;
    margin-bottom: 20px;
}

.invite_box .cube .inviteexpl .expbox.item2 h2 {
    color: #808080;
    margin-bottom: 3px;
    text-align: left;
}

.invite_box .cube .inviteexpl .expbox.item3 {
    background: url( img/icon_15.gif ) left no-repeat;
    margin-bottom: 20px;
}

.invite_box .cube .inviteexpl .expbox.item3 h2 {
    color: #808080;
    margin-bottom: 3px;
    text-align: left;
}

.invite_box .cube .inviteexpl  p {
    text-align: right;
    font-size: 20px;
    margin-right: 40px;
}

.invite_box .cube .inviteexpl h2 {
    text-align: left;
}

.invite_box .invite_way {
    line-height: 23px;
    margin: 10px 0;
    padding-bottom: 30px;
}

.invite_box .invite_way .linkbox {
    width: 300px;
    margin: 20px auto 0;
}

.invite_box .invite_way .linkbox .inputbuttonn
.invite_box .invite_way.borderbottom {
    border-bottom: 1px solid #d8dfea
}

.invite_box .invite_way .blod {
    font-weight: bold;
}

.invite_box .invite_way h2 {
    text-align: left;
}

.invite_box .previewbox {
    margin-top: 10px;
}

.invite_box .previewbox #previewmailcont {
    background: #edf1f7;
    zoom: 1;
    border: 1px solid #ccccff;
    padding: 10px 25px;
    margin-bottom: 5px;
}

.invite_box .previewbox .skipbtn {
    float: right;
}

/*stop   */

/* Send to section of Invite friends */
#sendTo {
    display: block;
    width: 100%;
}

#sendTo li {
    display: inline;
    margin-right: 1em;
    margin-left: 0 !important;
    padding: 0;
}

#sendTo li a {
    display: inline;
}

/* =privacyPolicy

    -----------------------------------------------------------*/

/* =Wufoo

Title : Wufoo Form Structure
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : September 30, 2007

------------------------------------------------------ */

.wufoo ul li {
    width: 62%;
}

form.wufoo ul {
    margin: 0 !important;
    padding: 0;
    list-style-type: none;
    width: 100%;
    font-size: 100%;
}

form.wufoo ul li {
    margin: 0 0 0 -10px;
    padding: .5em 12px 0 10px;
    position: relative;
    clear: both;
}

form.wufoo ul li:after, .buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

form.wufoo ul li, .buttons {
    display: inline-block;
}

* html form ul li, * html .buttons {
    height: 1%;
}

form.wufoo ul li, .buttons {
    display: block;
}

* html form.wufoo ul li div {
    display: inline-block;
}

form.wufoo ul li div, form.wufoo ul li span {
    margin: 0;
    padding: 0 0 .5em 0;
}

form.wufoo ul li span {
    float: left;
}

form.wufoo ul li div.address {
    padding-bottom: 0;
}

form.wufoo ul li div.left {
    display: inline;
    float: left;
    width: 47%;
}

form.wufoo ul li div.right {
    display: inline;
    float: right;
    width: 47%;
}

.clear {
    clear: both !important;
}

/* ----- INFO ----- */

.info {
    display: inline-block;
    clear: both;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    margin: 0 0 1em 0;
}

.info[class] {
    display: block;
}

.info h2 {
    font-size: 160%;
    margin-bottom: 0;
    clear: left;
}

.info p {
    font-size: 95%;
    line-height: 135%;
    margin: 0 0 .25em 0;
}

/* ----- SECTIONS ----- */

form.wufoo hr {
    display: none;
}

form.wufoo li.section {
    border-top: 1px dotted #ccc;
    margin-top: 2em;
    padding-top: .5em;
    padding-bottom: 0;
    width: 97% !important;
}

form.wufoo ul li.first {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ----- FIELDS AND LABELS ----- */

.readonly {
/* create_msg.php - for the select friends input. A text cursor is inappriopriate. */
    cursor: default;
}

label.desc {
    padding: 0;
    border: none;
    display: block;
    font-size: 110%;
}

form.wufoo li div label, form.wufoo li span label {
    margin: 0;
    padding-top: .1em;
    clear: both;
    display: block;
}

div input.text, div input.file, div textarea.textarea, div select.select,
    span input.text, span input.file, span textarea.textarea, span select.select {
    margin-top: 0;
}

input.text, textarea.textarea, select.select, input.file {
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background: #fff url( ../i/fieldbg.gif ) repeat-x top;
}

input.text, input.file, textarea.textarea, input.file {
    padding: 2px;
}

label.choice {
    font-size: 100%;
    display: block;
    line-height: 1.5em;
    margin: -1.5em 0 0 25px !important;
    padding: .5em 1em 0 0;
    width: auto;
}

input.checkbox, input.radio {
    display: inline;
    line-height: 1.5em;
    margin: .5em 0 0 5px;
    width: 13px;
    height: 13px;
}

select.select {
    margin: 1px 0;
    padding: 1px 0 0 0;
}

select.select[class] {
    margin: 0;
    padding: 1px 0 1px 0;
}

*:first-child+html select.select[class] {
    margin: 1px 0;
}

.safari select.select {
    margin-bottom: 1px;
    font-size: 100% !important;
}

span.symbol {
    font-size: 115%;
    line-height: 130%;
}

form.wufoo ul li .datepicker {
    float: left;
    margin: .1em 5px 0 0;
    padding: 0;
    width: 16px;
    height: 16px;
    cursor: pointer !important;
}

/* ----- BUTTONS ----- */

.btn,
    .btn2,
    .btn3,
    .btTxt,
    a.btn {
    border: 2px outset #ccc;
    cursor: pointer;
    padding: .1em .3em .1em .3em;
    position: relative;
    width: auto;
    overflow: visible;
}

a.btn {
    text-decoration: none;
}

.wufoo .btn,
    .wufoo .btn2,
    .wufoo .btn3,
    .wufoo .btTxt {
    margin-right: 1em;
}

.btn3 {
    background: transparent;
    border: none;
    cursor: pointer;
    color: #0087E5;
}

.buttons {
    clear: right;
    margin-top: .5em !important;
    padding-bottom: 1em !important;
    position: relative;
    text-align: left;
}

.buttons input, a.btn {
    font-size: 120%;
}

.buttons a {
    padding-left: 1em;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice,
    .rtl div label, .rtl span label, .rtl input.text,
    .rtl textarea.textarea, .rtl select.select, .rtl p.instruct,
    .rtl .section h3, .rtl .section p, .rtl input.btTxt {
    direction: rtl;
}

/* ----- SIZES ----- */

.third {
    width: 32% !important;
}

.twoFifths {
    width: 39% !important;
}

.half {
    width: 48% !important;
}

.threeFifths {
    width: 59% !important;
}

.twoThirds {
    width: 65% !important;
}

.full {
    width: 100% !important;
}

input.small, select.small {
    width: 25%;
}

input.medium, select.medium {
    width: 50%;
}

input.medium1, select.medium1 {
    width: 180px;
}

input.large, select.large, textarea.textarea {
    width: 100%;
}

textarea.small {
    height: 3.5em;
}

textarea.medium {
    height: 6.5em;
}

textarea.large {
    height: 12.5em;
}

/* ----- ERRORS ----- */

#errorLi {
    background-image: none !important;
    width: 99%;
    margin: 0 0 1em -1em !important;
    padding: .5em 0 !important;
    text-align: center;
}

#errorMsgLbl {
    margin: 7px 0 5px 0;
    padding: 0;
    font-size: 125%;
    color: #DF0000;
}

#errorMsg {
    margin: 0 0 .8em 0;
    color: #000;
    font-size: 100%;
}

#errorMsg strong {
    background-color: #FFDFDF;
    padding: 2px 3px;
}

form.wufoo ul li.error {
    display: block !important;
    background-color: #FFDFDF !important;
    margin: 3px 0;
}

form.wufoo ul li.error label {
    color: #DF0000 !important;
}

form.wufoo div.error {
    background-color: inherit;
}

form.wufoo p.error,
    form.wufoo div.error {
/*display:none; *//* =error change to display:none if we ever get this working -JTR 2008-6-8 */
    font-weight: bold;
    font-size: 100%; /*margin:0px 0 5px 0;*/
    padding-top: 4px;
    padding-bottom: 0;
    clear: both;
}

form.wufoo ul li.error p.error,
    form.wufoo ul li.error div.error {
    display: block;
}

.leftLabel p.error, .rightLabel p.error,
    .leftLabel div.error, .rightLabel div.error,
    .myLanguages #div_lang_speak_data,
    .myLanguages #div_lang_learn_data {
    margin-left: 30%;
    padding-left: 15px;
}

.leftLabel .noI p.error, .rightLabel .noI p.error,
    .leftLabel .noI div.error, .rightLabel .noI div.error,
    .noI #div_lang_speak_data,
    .noI #div_lang_learn_data {
    margin-left: 35%;
    padding-left: 15px;
}

/* ----- REQUIRED ----- */

form.wufoo .req {
    float: none;
    color: red !important;
    font-weight: bold;
    margin: 0;
}

/* ----- INSTRUCTIONS ----- */

form.wufoo ul li.focused {
    background-color: #fffaca;
}

form.wufoo .instruct {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1000;
    width: 42%;
    margin: 0 0 0 8px;
    padding: 8px 10px 9px 10px;
    border: 1px solid #e6e6e6;
    background: #f5f5f5;
    line-height: 130%;
    font-size: 100%;
    color: #444;
    visibility: hidden;
}

form.wufoo .instruct small {
    font-size: 100%;
}

form.wufoo ul li.focused .instruct, form.wufoo ul li:hover .instruct {
    visibility: visible;
}

/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct {
    visibility: visible;
    position: static;
    margin: -2px 0 0 0;
    padding: 0 0 7px 0;
    background: none;
    border: none;
    width: 100%;
    font-size: 9px;
    clear: left;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel {
    width: 74% !important;
}

.leftLabel .small, .rightLabel .small {
    width: 17%;
}

.leftLabel .medium, .rightLabel .medium {
    width: 35%;
}

.leftLabel .large, .leftLabel textarea.textarea,
    .rightLabel .large, .rightLabel textarea.textarea,
    .leftLabel .address, .rightLabel .address {
    width: 64%;
}

* html .leftLabel .small, * html .rightLabel .small {
    width: 23%;
}

* html .leftLabel .medium, * html .rightLabel .medium {
    width: 55%;
}

* html .leftLabel .large, * html .leftLabel textarea.textarea,
    * html .rightLabel .large, * html .rightLabel textarea.textarea {
    width: 97%;
}

.leftLabel label.desc, .rightLabel label.desc {
    float: left;
    width: 30%;
    margin: 0 15px 0 0;
}

.rightLabel label.desc {
    text-align: right;
}

.leftLabel .address, .rightLabel .address {
    float: left;
}

.leftLabel p.instruct, .rightLabel p.instruct {
    width: 27%;
    margin-left: 5px;
}

.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct {
    margin-left: 30% !important;
    padding-left: 15px;
    width: 65%;
}

.leftLabel .buttons, .rightLabel .buttons {
    margin-left: 22.5%;
    text-align: left;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct {
    display: none !important;
}

form.wufoo .noI ul li, form.wufoo .noI ul li.buttons {
    width: 97% !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.leftLabel .noI .large, .leftLabel .noI textarea.textarea,
    .rightLabel .noI .large, .rightLabel .noI textarea.textarea,
    .leftLabel .noI .address, .rightLabel .noI .address {
    width: 60%;
}

* html .leftLabel .noI .small, * html .rightLabel .noI .small {
    width: 23%;
}

* html .leftLabel .noI .medium, * html .rightLabel .noI .medium {
    width: 55%;
}

* html .leftLabel .noI .large, * html .leftLabel .noI textarea.textarea,
    * html .rightLabel .noI .large, * html .rightLabel .noI textarea.textarea {
    width: 97%;
}

.leftLabel .noI label.desc, .rightLabel .noI label.desc {
    width: 35%;
}

.leftLabel .noI .buttons, .rightLabel .noI .buttons {
    margin-left: 35%;
}

/* ----- FIELD FLOATING ----- */

form.wufoo ul li.leftHalf, form.wufoo ul li.rightHalf {
    width: 46% !important;
}

li.leftHalf {
    clear: left;
    float: left;
}

li.rightHalf {
    clear: none;
    float: right;
}

li.leftHalf .medium, li.rightHalf .medium,
    li.leftHalf .small, li.rightHalf .small {
    width: 100%;
}

.il {
    list-style: none;
    margin: 10px;
}

.il li {
    list-style: none;
}

.il div {
    margin: 5px 0;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
}

.il div:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

.il div {
* zoom : 1;
}

.il .image {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.il .peopleinfo {
    float: left;
}

.il .actions {
    float: right;
    width: 100px;
}

.people .image {
    width: 96px;
}

.people .peopleinfo, .people .peopleinfo caption {
    width: 260px;
}

.ui-t1 .people .peopleinfo, .ui-t1 .people .info caption {
    width: 260px;
}

.people .info th {
    width: 3.5em;
}

.vCollDetail .videos .video {
    width: 540px;
    margin-bottom: 15px;
}

.vCollDetail .videos h1 {
    width: 300px;
    margin: 0
}

.vCollDetail .videos h1 a {
    font-size: 14px;
}

.vCollDetail .videos .post {
    color: #909090;
}

.vCollDetail .videos .cutRule {
    color: #000;
    margin: 0 5px;
}

.vCollDetail .videos .videoImg {
    float: left;
    margin-right: 10px;
}

.vCollDetail .videos .vIntro {
    color: #000;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

.vCollDetail .videos .vUser .num {
    color: #909090;
}

/*专辑*/
.pList .listParam {
    float: left;
    width: 340px;
}

.pList .vList {
    margin-top: 8px;
* margin-top : - 8 px;
}

.pList .vList li {
    color: #000;
    line-height: 22px;
}

.pList .vList .arrow {
    margin-left: 5px;
}

.pList .more {
    width: 330px;
    text-align: right;
}

.pList .param a {
    color: #000;
}

.pList .param a:hover {
    color: #0042ff;
}

.pack {
    float: left;
}

.pack ul {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.pack li {
    list-style: none;
}

.pack b {
    font-weight: normal;
    color: #686868;
    font-size: 11px;
    font-family: Arial;
}

.wide1 {
    padding: 4px;
    width: 65px;
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: 8px;
    float: left;
    margin-right: 10px;

}

div > .wide1 {
    height: auto;
}

.in {
    position: relative;
    width: 65px;
    height: 65px;
    overflow: hidden;
}

.line {
    background: url( img/dotline.gif ) repeat-x 0 bottom;
}

/* Program Pagkage Instance ----------*/

.pack_clip {
    padding: 12px 10px;
    color: #000; /*width: 126px;*/
}

.pack_clip ul {
    width: 430px;
    float: right
}

.pack_clip li {
    line-height: 150%;
    word-wrap: break-word;
    word-break: break-all;
}

.pack_clipImg, .pack_albumImg {
    margin-top: -7px;
}

.pack_clipTime {
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    color: #000;
}

.fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.fix {
    display: inline-table;
    min-height: 1%;
}

/* Hides from IE-mac \*/
*	html .fix {
    height: 1%;
}

.fix {
    display: block;
}

/* End hide from IE-mac */

.clear {
    clear: both;
    line-height: 1px;
    height: 0px;
    overflow: hidden;
    font-size: 1px;
}

#VideoL {
    width: 100%;
    float: left;
}

#VideoR {
    width: 550px;
    float: right;
}

#ad {
    height: 90px;
    width: 950px;
    margin: 5px auto;
}

#VideoName {
    height: 30px;
    width: 950px;
    margin: 0 auto;
}

#VideoName h3 {
    font-size: 14px;
    line-height: 30px;
}

/*.listInfo{padding:6px 10px 10px 15px;border:1px solid #b1daf0;background:#eef9ff;}*/
.listInfo {
    padding: 6px 10px 10px 15px;
}

.listInfo h2 {
    display: inline;
}

.listInfo .listName a {
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 10px;
}

.listInfo .listName a:hover {
    text-decoration: underline;
}

.listInfo .time {
    margin-left: 60px;
}

.nowVideo {
    margin: 5px 0;
}

.flasherro {
    ext-align: center;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #cacaca;
    padding-left: 10px;
}

.flasherro .more {
    float: right;
    padding: 3px 5px 0 0;
    width: 80px;
}

.userPlaylist {
    height: 100%;
    clear: both;
    padding: 10px;
    padding-top: 2px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    clear: both;
    border-bottom: 1px solid #b5d8f8;
}

.userPlaylist li {
    clear: both;
    line-height: 24px;
    padding-left: 18px;
    padding-right: 10px;
    border-top: 1px solid #e4e4e4;
}

.userPlaylist .time {
    float: right;
    padding-top: 4px;
}

.userPlaylist .now {
    padding-bottom: 5px;
    background: #eef9ff url( /v/img/ico_nowPlay.gif ) no-repeat 2px 5px;
}

.userPlaylist .now li {
    padding: 0;
    border: 0;
    height: 100%;
    line-height: 20px;
}

.userPlaylist .now .icoNowPlay {
    margin-right: 20px;
    vertical-align: middle;
}

.userPlaylist .now .videoImg {
    float: left;
    height: auto;
}

.userPlaylist .now .videoImg {
    float: left;
    width: 80px;
    height: 60px;
    border: 1px solid #ccc;
    margin-right: 10px;
}

/*course start*/
.PListS {
    clear: both;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 0px;
    padding: 2px;
    padding-top: 0px;
    border-bottom: 1px solid #ccc
}

.PListS b {
    color: #999;
    font-weight: normal;
}

.PListS .img {
    margin-right: 4px;
    float: left;
    width: 70px;
    padding: 7px 7px 1px 1px;
}

.PListS .img .now {
    text-align: left;
    color: #FF9900;
    line-height: 28px;
}

.PListS span {
    margin-right: 10px;
}

.PListS li span.tip {
    color: #999
}

.CA1 {
    padding: 1px;
    clear: both;
}

.CA1 h2 {
    border-top: 1px solid #1461a9;
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
    padding-left: 10px;
    background-color: #c9dff4
}

.CA1 p {
    padding: 4px 20px 4px 20px;
}

.CA1 ul li {
    border-bottom: 1px dotted #ccc;
    padding: 1em;
    padding-left: 4px;
    padding-right: 4px;
}

.CA1 ol li.course {
    padding: 4px;
    list-style: none
}

.CA1 ul li .op {
    float: right;
    padding: 4px;
    padding-right: 4px;
}

.CA1 .title {
    font-size: 14px;
    font-weight: bold;
}

.CA1 .title .action {
    float: right;
    padding-right: 10px;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    margin-top: 5px
}

.CA2 {
    padding: 0px;
    clear: both;
}

.CA2 h2 {
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
    background-color: #e5e5e5;
    padding-left: 6px;
    line-height: 20px;
    height: 20px;
}

.CA2 .title {
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
    margin-bottom: 6px;
    background-color: #e5e5e5;
    padding-left: 6px;
    line-height: 20px;
    height: 20px;
}

.CA2 .title .action {
    float: right;
    padding-right: 10px;
    font-size: 12px;
    font-weight: normal;
}

.CA2 dt {
    line-height: 26px;
    height: 26px;
}

.CA2 dt a {
    padding: 4px;
    padding-left: 40px;
    padding-right: 40px;
    color: #ff6600;
}

.CA2 .active {
    background-color: #0080c0;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    padding: 4px;
}

.CA3 {
    padding: 1px;
    clear: both;
}

.CA3 h2 {
    border-top: 1px solid #1461a9;
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
    padding-left: 10px;
    background-color: #c9dff4
}

div.viewCount {
    float: right;
    background-color: #ffc600;
    font-size: 16px;
    color: #000;
    text-align: center;
    width: 85px;
    height: 55px;
    margin: 20px 10px 0 0;
    padding: 0px;
}

div.viewCount span {
    font-weight: bold;
    font-size: 18px;
}

.tb1 {
    width: 100%
}

.tb1 td {
    text-align: left;
    padding: 2px;
}

.tb1 .tipTD {
    width: 15%;
    color: #aaa;
    font-weight: bold
}

.courTitle {
    padding: 1px;
}

.courTitle .op {
    float: right;
    padding-right: 4px;
    font-size: 14px;
}

.courTitle .lesson {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

.courTitle .title {
    font-size: 16px;
    font-weight: bold;
}

.post {
    position: relative;
    padding-left: 60px;
    min-height: 60px;
    _height: 60px;
* zoom : 1;
}

.na {
    padding-left: 0;
}

.post:after, .post .info:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

.post .image {
    position: absolute;
    left: 0;
    top: 0;
}

.post .info {
    clear: both;
    margin-left: 10px;
    padding: 0 5px 0 16px;
    background: #efefef;
    border-top: 1px solid #5badd7;
    border-bottom: 1px solid #ccc;
    color: #666;
    line-height: 180%;
    text-align: right;
* zoom : 1;
}

.post .info .author, .post .info .time, .post .info .subinfo, .post .info .actions {
    float: left;
    margin-right: .5em;
}

.post .info .floor, .post .info span.delete {
    float: right;
    margin-left: .5em;
}

.post .info .time, .post .info .subinfo {
    color: #999;
}

.post .info span.delete a {
    display: block;
    width: 13px;
    height: 14px;
    margin-top: 4px;
    background: url( i/delete.gif ) no-repeat 0 0;
    text-indent: -999em;
    text-align: left;
    overflow: hidden;
}

.post .info span.delete a:hover {
    background-position: 0 -14px;
}

.post .content {
    padding: 5px 5px 5px 10px;
}

.post .content .tip {
    color: #666;
    margin-bottom: 4px;
}

.post .content .dummy {
    color: #999;
}

.post .content ol {
    padding-top: 10px;
}

.post form {
    margin-bottom: 10px;
}

.post .content .info {
    border: 0;
}

.post li {
    list-style-type: none;
}

.post .info .actions {
    float: right;
    padding-right: 10px;
}

#nav a {
    text-decoration: none;
}

.list_1 .tipTitle {
    font-size: 12px;
    color: #999;
    padding-right: 4px;
    margin-bottom: 4px;
}

.list_1 li {
    padding: 2px;
    padding-left: 10px;
}

.list_1 .titleRight {
    padding: 4px;
    float: right;
    background-color: #ffc600;
    font-size: 16px;
    color: #000;
    text-align: center;
    width: 75px;
    height: 55px;
    margin: 20px 20px 0 0;
}

.list_1 .titleRight span {
    font-weight: bold;
    font-size: 18px;
}

.list_1 .title {
    border-top: 1px solid #0080c0;
    background-color: #f4f4f4
}

.list_1 .title a {
    color: #595959;
}

.linkBtn {
    border-width: 2px;
    border-style: outset;
    border-color: #f4f4f4;
    background-color: #ccc;
    padding: 2px;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    color: #000;
}

.linkBtn a {
    text-decoration: none;
    color: #000
}

.linkBtn_active {
    border-width: 2px;
    border-style: outset;
    border-color: #ccc;
    background-color: #A1E246;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    text-align: center;
    color: #000;
}

.list_right_nav li {
    line-height: 28px;
    height: 28px;
}

.scoreDiv {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 16px;
    color: #666
}

.scoreTab {
    font-size: 14px;
    line-height: 14px
}

.scoreTab th {
    font-weight: bold;
}

.scoreTab td {
    font-size: 14px;
    color: #666;
}

#clubFeed {
    border-bottom: 1px solid #eee;
    padding-right: 5px;
}

#clubFeed li h4 {
    border-bottom: 1px solid #ccc;
}

.totalCount {
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
}

.totalCount .count {
    color: darkblue;
}

.commentTable {
    width: 650px;
}

.commentTable td {
    width: 150px;
    text-align: left;
}

/*course end*/
/*feed*/
#newsFeed {
}

.feed {
    position: relative;
    padding-left: 22px;
    color: #333;
}

.feed, .feed .detail {
* zoom : 1;
}

.feed:after, .feed .detail:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

.feed .type {
    float: left;
    _display: inline;
    width: 16px;
    height: 16px;
    margin-left: -22px;
    overflow: hidden;
    text-indent: -999em;
}

.feed .brief {
    margin-bottom: .3em;
    padding-bottom: .3em;
    line-height: 130%;
}

.feed .brief .time {
    margin-left: 1em;
    color: #999;
    font-weight: normal;
    float: right;
    padding-right: 10px;
    font-size: 12px;
}

.feed .detail {
    margin-bottom: .8em;
    padding: 0 0 .8em;
    border-bottom: 1px solid #ddd;
}

.feed .quote {
    padding: 5px 0 0 18px;
    background: url( img/quote-start.gif ) no-repeat 0 5px;
    color: #666;
}

.feed .quote q {
    padding-right: 18px;
    background: url( img/quote-end.gif ) no-repeat 100% 100%;
* zoom : 1;
}

.feed .poster {
    float: right;
    _padding-bottom: 1px;
}

.share-content {
    padding: .5em 0;
}

.share-content img {
    padding: 1px;
    border: 1px solid #ccc;
    margin: 2px
}

.pic-content {
    text-align: right;
    padding-right: 60px
}

.share-content .share-content-photo {
    float: left;
    margin-right: 1em;
    position: relative;
    width: 70px;
    height: 75px;
    overflow: hidden;
}

.share-content .share-content-desc {
    color: #666;
}

.share-content .share-content-desc em {
    color: #000;
    font-style: normal;
}

.share-comment, .mf-pcmt q {
    padding-left: 18px;
    background: url( img/quote-start.gif ) no-repeat 0 0;
    color: #666;
* zoom : 1;
}

.share-comment p, .mf-pcmt q span {
    display: inline;
    padding-right: 18px;
    background: url( img/quote-end.gif ) no-repeat 100% 100%;
* zoom : 1;
}

.share-comment {
    clear: both;
}

#newsfeed .feed-picture .brief, #newsfeed .feed-photo .brief, #newsfeed .feed-share .brief, #newsfeed .feed-wall .brief, #newsfeed .feed-blog .brief, #newsfeed .feed-comment .brief, #newsfeed .feed-project .brief {
    font-weight: bold;
}

#newsfeed .feed-miniblog .brief {
    border-bottom: 1px solid #ddd;
}

.sect, .sect-content {
    position: relative;
* zoom : 1;
}

#minifeed .feed .brief {
    padding-right: 16px;
    border-bottom: 1px solid #ddd;
}

#newsfeed h4, #minifeed h4 {
    border-bottom: 1px solid #ccc;
    color: #777;
}

#newsfeed ul, #minifeed ul {
    margin: .6em 0 1em;
}

#minifeed li {
    position: relative;
    _zoom: 1;
}

.feed {
    position: relative;
    padding-left: 22px;
    color: #333;
}

.feed, .feed .detail {
* zoom : 1;
}

.feed:after, .feed .detail:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

.feed .type {
    float: left;
    _display: inline;
    width: 16px;
    height: 16px;
    margin-left: -22px;
    overflow: hidden;
    text-indent: -999em;
}

.feed-grouppost .type {
    background-position: 0 0;
}

.feed-miniblog .type, .share-list li.share-type-miniblog {
    background: url( img/icon_05.gif ) no-repeat 0 50%;
}

.feed-course-publish .type {
    background: url( img/blog-icon.gif ) no-repeat 0 20%;
);
}

.feed-action-0 .type {
    background: url( img/course.png ) no-repeat 0 20%;
);
}

.feed-action-1 .type {
    background: url( img/feed-face-join.png ) no-repeat 0 20%;
);
}

.feed-action-2 .type {
    background: url( img/comments.png ) no-repeat 0 20%;
);
}

.feed-action-4 .type {
    background: url( img/comments.png ) no-repeat 0 20%;
);
}

.feed-action-5 .type {
    background: url( img/comments.png ) no-repeat 0 20%;
);
}

.feed-action-6 .type {
    background: url( img/feed-face-edit.png ) no-repeat 0 20%;
);
}

.feed-action-7 .type {
    background: url( img/feed-face-join.png ) no-repeat 0 20%;
);
}

.feed-action-8 .type {
    background: url( img/feed-teacher.png ) no-repeat 0 20%;
);
}

.feed-action-9 .type {
    background: url( img/feed-teacher-fire.png ) no-repeat 0 20%;
);
}

.feed-action-10 .type {
    background: url( img/course.png ) no-repeat 0 20%;
);
}

.feed-action-11 .type {
    background: url( img/icon_15.gif ) no-repeat 0 20%;
);
}

.feed-action-12 .type {
    background: url( img/icon_05.gif ) no-repeat 0 20%;
);
}

.feed-action-13 .type {
    background: url( img/icon_06.gif ) no-repeat 0 20%;
);
}

.feed-action-14 .type {
    background: url( img/icon_14.gif ) no-repeat 0 20%;
);
}

.feed-action-15 .type {
    background: url( img/friend.gif ) no-repeat 0 20%;
);
}

.feed-action-16 .type {
    background: url( img/comment.png ) no-repeat 0 20%;
);
}

.feed-action-17 .type {
    background: url( img/edit.png ) no-repeat 0 20%;
);
}

.feed-action-18 .type {
    background: url( img/practicecomment.png ) no-repeat 0 20%;
);
}

.feed-action-19 .type {
    background: url( img/heart_add.png ) no-repeat 0 20%;
);
}

.feed-action-20 .type {
    background: url( img/video.png ) no-repeat 0 20%;
);
}

.feed-action-21 .type {
    background: url( img/sumitpractice.png ) no-repeat 0 20%;
);
}

.feed-action-41 .type {
    background: url( img/maozi.png ) no-repeat 0 20%;
);
}

.feed-action-42 .type {
    background: url( img/guozi.png ) no-repeat 0 20%;
);
}

.feed-action-43 .type {
    background: url( img/kxGift.png ) no-repeat 0 20%;
);
}

.feed-action-118 .type {
    background: url( img/actPhoto.jpg ) no-repeat 0 20%;
);
}
.feed-action-70 .type { background: url( img/feed_ziliao.gif ) no-repeat 0 20%;);}

.searVideo {
    text-align: right;
    font-size: 40px;
    margin: 10px;
    float: left
}

.searAdv {
    color: #ccc
}

.thumbnail {
    height: 97px;
    width: 130px;
    text-align: center;
    color: red;
}

.videoUp {
    width: 100px;
    text-align: center;
    float: left
}

/*feed end*/
/*navigation stat*/
.nav {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 0px;
}

#masthead {
    clear: both; /*width:950px;*/
/*margin:15px auto;*/
}

#masthead .bar {
    float: left;
    width: 950px;
    height: 28px;
}

#masthead .bar .leftcap {
    display: block;
    float: left;
    background: transparent url( img/imgs.gif ) no-repeat scroll 0px 0px;
    width: 6px;
    height: 28px;
}

#masthead .bar .rightcap {
    display: block;
    float: left;
    background: transparent url( img/imgs.gif ) no-repeat scroll -9px 0px;
    width: 6px;
    height: 28px;
}

#masthead .bar #subNav {
    color: #fff;
    padding: 4px 10px 3px 30px
}

#masthead .bar #subNav a {
    margin-right: 15px;
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    padding: 2
}

#masthead .bar #subNav a:hover {
    background-color: darkblue;
}

#masthead .bar #subNav a.active {
    margin-right: 15px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#masthead .search-bar {
    float: left;
    width: 938px;
    height: 28px;
    border: none;
    padding: 0;
    margin: 0px;
    background: transparent url( img/imgs.gif ) repeat-x scroll 0px -145px;
}

#masthead #search-form {
    display: block;
    padding: 1px 10px 0px 5px;
    float: right;
    height: 24px;
    margin: 0;
}

#masthead #search-button,
    #masthead .search-type {
    display: inline;
}

#masthead #search-term, #footer-search-term {
    border: 1px solid #999;
    display: inline;
    padding: 2px 0 3px 0;
    width: 211px;
    margin-right: 4px;
    vertical-align: top;
    font-size: 13px !important;
}

#masthead #upload-button {
    float: right;
    margin: 6px 1px 0 0;
}

#masthead .logo {
    margin: 1px 10px 3px 30px; /*border:1px solid red;*/
}

#masthead .user-info {
    float: right;
    height: 37px;
    text-align: right;
}

#masthead .nav {
    float: left;
    width: 950px;
    height: 28px;
    padding: 3px 0 0 0;
    margin: 0;
    list-style-type: none; /*border:1px solid blue;*/
}

#masthead .nav-item {
    display: block;
    float: left;
    background: transparent url( img/imgs.gif ) no-repeat scroll -200px -0px;
    margin-right: 5px;
}

#masthead .nav-item.first {
    margin-left: 15px
}

#masthead .nav-item.selected {
    background: transparent url( img/imgs.gif ) no-repeat scroll -30px 0px;
}

#masthead .nav-item .leftcap {
    display: block;
    float: left;
    width: 5px;
    height: 28px;
    background: transparent url( img/imgs.gif ) no-repeat scroll -192px 0px;
}

#masthead .nav-item.selected .leftcap {
    background: transparent url( img/imgs.gif ) no-repeat scroll -24px 0px;
}

#masthead .nav-item .rightcap {
    display: block;
    float: left;
    width: 6px;
    height: 28px;
    background: transparent url( img/imgs.gif ) no-repeat scroll -352px 0px;
}

#masthead .nav-item.selected .rightcap {
    background: transparent url( img/imgs.gif ) no-repeat scroll -184px 0px;
}

#masthead .nav-item .content {
    width: 100px;
    height: 22px;
    text-align: center;
    display: block;
    float: left;
    padding: 6px 0 0 0;
    color: #039;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
}

#masthead .nav-item.selected .content {
    color: #333;
}

#masthead .search-settings-link {
    font-size: 11px;
    float: left;
    display: block;
    line-height: 28px;
    margin-top: 2px;
    padding-bottom: 1px;
    vertical-align: middle;
}

/*navigation end*/

#videoHome_video_list h2 {
    clear: both;
    padding-bottom: .1em;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #ddd;
    margin-bottom: 10px
}

#videoHome_video_list .snippets li {
    clear: none;
    text-align: left;
    float: left;
    border: none;
    padding: 90px 0 1em 0;
    list-style: none;
    padding-right: 5px;
    width: 195px;
    margin: 0;
    position: relative;
    overflow-x: hidden;
    height: 90px
}

/*channel style*/
#nav4 {
    margin: 0 auto;
    padding: 0;
    clear: both;
    width: 950px;
    border-bottom: 1px solid #ccc;
}

#nav4 .item {
    padding-left: 200px;
    line-height: 14px;
    height: 14px;
}

#nav4 .item a {
    text-decoration: none;
    color: #FF6600;
    padding: 2px 4px 2px 4px;
}

#nav4 .item .active {
    font-weight: bold;
    color: #5C5C5C;
}

#nav4 .item a:hover {
    background-color: #d4d4d4
}

#nav4 .itemSplit {
    color: #ccc;
    font-size: 14px;
}

#nav4 .publish {
    width: 150px;
    text-align: left;
}

#nav4 .title {
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 4px;
    text-align: left;
}

#nav4 .title .all {
    margin-left: 100px
}

#nav4 .title .curItem {
    font-size: 16px
}

h2.under_line {
    border-bottom: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 4px;
}

h2.no_line {
    margin-top: 20px;
    margin-bottom: 4px;
}

h2.no_line a {
    text-decoration: none;
}

h2.no_line a span {
    font-size: 16px;
    font-weight: bold;
    color: #222
}

.scrollDiv {
    height: 300px;
    overflow-y: scroll;
    background-color: #fff;
    border: 1px solid #ccc
}

.vocabularies {
    background-color: #f8f8f8;
    padding: 6px
}

.categories {
    background-color: #f8f8f8;
    padding: 6px
}

.vocabularies span {
    color: #666
}

.channel #colMain {
    float: left;
    min-height: 300px;
    padding: 1.25em 10px 4em;
    width: 540px;
}

.channel #colSub {
    float: left;
    overflow-x: hidden;
    min-height: 300px;
    margin-bottom: 1em;
    padding: 1.25em 10px 1em 30px;
    width: 350px;
    background-color: #fff
}

.channel .addToFavorites {
    padding: 10px;
    text-align: right;
    font-weight: bold
}

.channel .post .info {
    clear: both;
    margin-left: 10px;
    padding: 0 5px 0 16px;
    background: #f8f8f8;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #f8f8f8;
    color: #666;
    line-height: 180%;
    text-align: right;
* zoom : 1;
}

.comments .field {
    width: 500px
}

.comments .post_field {
    width: 400px
}

.commentContent {
    padding-left: 10px
}

.postCommentContent {
    padding-left: 20px
}

#commentData {
    margin-top: 10px
}

.onesCommentInfo h2 a {
    font-size: 18px;
}

.onesCommentInfo .action {
    float: right;
}

.openDiv {
    background: transparent url( img/yt.gif ) no-repeat scroll -423px 0px;
    height: 16px;
    width: 16px;
    vertical-align: text-bottom;
    margin-bottom: 0px;
    margin-right: 2px;
}

.closeDiv {
    background: transparent url( img/yt.gif ) no-repeat scroll -423px -20px;
    height: 16px;
    width: 16px;
    vertical-align: text-bottom;
    margin-bottom: 0px;
    margin-right: 2px;
}

.sortControl {
    float: right;
    padding-right: 50px;
}

.sortControl .sortBy {
    font-size: 14px;
    margin-right: 10px;
    vertical-align: bottom;
    font-weight: bold
}

/*channel style*/
.profile .post .info {
    clear: both;
    margin-left: 10px;
    padding: 0 5px 0 16px;
    background: #f8f8f8;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #f8f8f8;
    color: #666;
    line-height: 180%;
    text-align: right;
* zoom : 1;
}

.actionDiv {
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    padding: 4px;
    padding-right: 10px;
    font-weight: bold
}

.actionDiv .action {
    float: right
}

.actionDiv .count_info span {
    font-weight: normal;
    color: #666
}

.lessonActions {
    background: #f8f8f8;
    border: 1px solid #f4f4f4;
    padding: 6px
}

.lessonActions .pic {
    float: left;
    margin: 0px 4px 2px 0px;
    padding: 4px
}

.lessonActions .userInfo {
    height: 60px;
    min-height: 60px;
    padding: 4px
}

.lessonActions .descr {
    padding: 4px;
    border-top: 1px solid #ccc
}

.hotVideo {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

.hotArea {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

.hotArea .hotInfo {
    margin-top: 10px;
}

.hotArea .details {
    float: right;
    width: 220px;
    line-height: 150%
}

.hotArea .imgInfo {
    width: 80px;
    text-align: center;
}

.hotArea .imgInfo img {
    width: 80px;
    margin-bottom: 10px
}

span.number {
    color: #666666;
}

.practice {
    padding: 20px;
    background-color: #f8f8f8;
    margin-bottom: 20px
}

.practice .questionDesc {
    padding: 10px;
}

.cateDetail a {
    font-size: 20px
}

.cateDetail {
    font-size: 20px
}

body.course #colWrap {
    padding: 5px
}

body.course #colMain {
    width: 445px;
    margin: 5px;
    padding: 5px;
    background-color: #f8f8f8
}

body.course #colSub {
    width: 445px;
    margin: 5px;
    padding: 5px;
    background-color: #f8f8f8
}

.courseCat {
    padding: 0px;
    margin-bottom: 20px;
}

.courseCat .catHeader {
    background-color: #f4f4f4;
    padding: 5px;
    border-top: 1px solid #0080c0;
    font-weight: bold
}

.courseCat .catHeader .catAction {
    float: right;
}

.courseCat .courseContent {
    padding: 10px 2px;
    border: 1px;
}

.courseCat .courseContent .courseList {
    border: 1px;
    margin-left: 90px;
    min-height: 100px
}

.courseCat .courseContent .catImg {
    float: left;
    width: 65px;
    margin: 1px;
    padding: 1px;
}

.courseTab {
    border: 1px;
    width: 340px
}

.startET {
    background: transparent url( img/yt.gif ) no-repeat scroll -471px 0px;
    height: 14px;
    width: 17px;
    vertical-align: text-bottom;
    margin-bottom: 0px;
    margin-right: 2px;
}

.courseTab td.courseName a {
    font-size: 14px;
    text-align: left;
    color: #0087E5
}

td.courseName {
    padding: 1px
}

.header h1 span {
    color: black;
    padding-left: 10px
}

div.sider_left {
    float: left;
    width: 280px;
    background: #f8f8f8;
    margin-right: 10px;
    margin-left: 10px;
    height: 130px;
    padding: 5px;
    border: 1px solid #efefef
}

h2.option {
    color: #669933
}

p.optionCon, div.optionCon {
    line-height: 20px
}

div.downTe {
    padding-top: 30px;
    padding-left: 100px
}

div.sider_midd {
    float: left;
    width: 280px;
    background: #f8f8f8;
    margin-right: 10px;
    height: 130px;
    padding: 5px;
    border: 1px solid #efefef
}

div.sider_right {
    width: 280px;
    background: #f8f8f8;
    height: 130px;
    float: right;
    margin-right: 25px;
    padding: 5px;
    border: 1px solid #efefef
}

.lessonTab {
    width: 100%
}

.lessonTab .lessonName {
    width: 180px;
    font-size: 14px;
    text-align: left;
    color: #0087E5
}

.adminPanel {
    padding-top: 5px;
    padding-bottom: 10px
}

.panelAction {
    clear: both;
    float: right;
    padding-right: 50px
}

.panelAction ul li {
    padding-top: 6px
}

.studentItem {
    margin: 0 20px 0 20px;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 6px 4px 0px 0px;
    text-align: left;
    min-height: 75px;
}

.lastItem {
    margin: 0 20px 20px 20px;
    border: 1px solid #ccc;
    padding: 6px 4px 0px 0px;
    text-align: left;
    min-height: 75px;
}

.studentItem .rightInfo {
    width: 460px;
    float: right;
}

.studentItem .leftInfo {
    float: left;
    width: 80px;
    padding-left: 6px
}

.bigBtn {
    padding: 10px 30px 10px 30px;
    font-size: 14px;
    font-weight: bold
}

.paragraph {
    padding-left: 0px
}

/*img.avatar{width:200px}*/
/*img.photo{width:90px}*/
/*img.ico{width:65px}*/

/*flashGame style*/
.gameList .rightPart {
    float: right;
    padding-right: 5px;
    padding-left: 5px;
}

.gameList .leftPart {
    padding-right: 5px;
    padding-left: 5px;
}

.game {
    width: 370px;
    padding-bottom: 10px;
}

.game .title {
    background-color: #E5E5E5;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px
}

.mytab tr td {
/*padding-left:5px;*/
    border: 1px solid #e5e5e5;
}

.mytab tr td ul {
    margin-left: 20px;
}

.studytab tr td {
    text-align: center;
    border: 1px solid #e5e5e5;
}

.studytab {
    width: 350px;
    height: 150px;
    margin-bottom: 10px;

}

.eme {
    margin-right: 10px;
    margin-bottom: 20px;
    float: left;
    margin-top: 50px;
}

.link1 {
    text-decoration: none;
}

.videoImg {
    float: left;
    padding-right: 20px;
}

.videoImg img {
    width: 130px;
    height: 95px;
    padding: 2px;
    border: 1px solid #ccc;
}

/*kaixinHeader.jsp*/
div#kx_header {
    clear: both;
    display: block;
    float: left;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 2;
}

div#kx_header div.logo {
    background: url( img/logo_bg.gif ) repeat-x;
    zoom: 1;
}

div#kx_header div.logo_img {
    margin-left: 50px;
    float: left;
    display: inline;
}

div#kx_header div.kx_nav {
    float: left;
}

div#kx_header div.kx_nav:after, div.kx_rt:after

;
div.kx_navList:after, ul.nav3:after {
    content: '.';
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

div#kx_header div.kx_nav div.kx_rt {
    float: right;
    margin-right: 20px;
}

div#kx_header div.kx_nav div.kx_rt ul li {
    float: left;
    padding: 5px 5px 0px 5px;
    color: #fff
}

div#kx_header div.kx_nav div.kx_rt ul li a {
    color: #fff
}

div.kx_navList {
    margin-left: 40px;
    margin-top: 10px;
    background: url( img/nav_bg.gif ) repeat-x;
    width: 695px;
}

div.topLine {
    background: url( img/nav_top.gif ) repeat-x top;
}

div.leftL {
    position: relative;
}

span.learLine {
    position: absolute;
    left: 0px;
    top: 0px;
    background: url( img/nav_rig.gif ) no-repeat;
    width: 1px;
    height: 31px;
    overflow: hidden;
}

div.kx_navItem {
    float: left;
}

div.navItem_mid {
    float: left;
    background: url( img/nav_mid.gif ) no-repeat;
    width: 1px;
    overflow: hidden;
}

div.selected, div.active {
    border-top: 1px solid #dd646a;
    background: url( img/nav_sel.gif ) repeat-x;
}

div#kx_header div.kx_nav div.kx_navList a.navItem {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 8px 15px 10px 10px;
}

div.navRight {
    float: right;
    padding: 8px 10px 10px 10px;
}

div.rightO {
    background: url( img/navrig_mid.gif ) no-repeat right center;
}

div.rightT {
    margin-right: 20px;
}

div.navRight a {
    color: #fff;
}

div#app, div#learn, div#message {
    display: none;
    position: absolute;
    top: 32px;
    left: 0px;
    border: 1px solid #d13c50;
    border-top-width: 0px;
    background-color: #f4f2f3;
    z-index: 100;
    width: 90px;
}

div#app div.downLeft {
    float: left;
}

div#app div.downRight {
    float: right;
}

div#app ul li a, div#learn ul li a, div#message ul li a {
    color: midnightblue;
    text-decoration: none;
    padding: 3px 0 3px 10px;
    display: block;
    margin: 0px;
    width: 90%;
    height: 100%;
}

div#app ul li, div#learn ul li, div#message ul li {
    margin: 0px;
    padding: 0px;
    zoom: 1;
    line-height: 12px;
}

div#app ul li a:hover, div#learn ul li a:hover, div#message ul li  a:hover {
    color: #fdffff;
    background-color: #d1394d;
}

/*二级导航*/
div.kx_SubNav {
    zoom: 1;
}

div.kx_SubNav ul.nav3 {
    margin: 0px;
}

div.kx_SubNav ul.nav3 li {
    margin-top: 20px;
}

div.kx_SubNav ul.nav3 li.first {
    margin-left: 20px;
}

/*kxHeader.jsp*/
.left {
    float: left;
}

.right {
    float: right;
    zoom: 1;
}

#abc_top {
    height: 38px;
}

.abc_logo {
    position: absolute;
    left: 0px;
    top: 5px;
    z-index: 1;
}

#abc_top ul li {
    float: left;
    padding: 10px;
    margin: 0px;
    zoom: 1;
}

#abc_top ul li.left_F {
    z-index: 3;
}

ul.julebu {
    overflow-x: visible;
}

div#abc_top ul.julebu li a {
    color: #a9a9a9;
    font-weight: bold;
    text-decoration: none;
}

div#abc_top ul.julebu li a:hover {
    color: #595959;
}

ul.tuichu {
    float: right;
    zoom: 1;
}

div#abc_top ul.tuichu li a {
    color: #ff6600;
    text-decoration: none;
}

ul.tuichu li img {
    vertical-align: middle;
    border: 1px solid #ff6600;
    padding: 1px;
}

.abc_logoR {
    background: url( img/logoR_bg.jpg ) repeat-x;
    width: 770px;
    position: absolute;
    left: 180px;
    top: 5px;
    z-index: 2;
}

#abc_nav {
    border-bottom: 5px solid #FC8801;
}

ul.abc_nav {
    margin-left: 100px;
}

ul.abc_nav li {
    float: left;
    margin-left: 5px;
}

ul.abc_nav li a {
    float: left;
    background: transparent url( img/nav_r.png ) no-repeat top right;
    padding-right: 6px;
    text-decoration: none;
}

ul.abc_nav li a span {
    display: block;
    background: transparent url( img/nav_l.png ) no-repeat;
    padding: 10px 16px 3px 22px;
    color: #595959;
    font-weight: bold;
}

ul.abc_nav li.withP a span {
    padding-right: 10px;
}

ul.abc_nav li a.active {
    background: transparent url( img/nav_rs.png ) no-repeat top right;
    padding-right: 6px;
}

ul.abc_nav li a.active span {
    background: transparent url( img/nav_ls.png ) no-repeat top left;
    color: #fff
}

ul.abc_nav li.withP {
    position: relative;
    z-index: 1000;
}

div.pDown {
      width: 150px;
    background: #fff1e6;
    text-align: center;
    position: absolute;
    z-index: 1000;
    top: 60px;
    border: 1px solid #ffba77;
    padding-bottom: 8px;
    padding-top: 5px;
    overflow: hidden;
    min-height: 200px;
}

div#pDown ul {
    margin: 0px;
    padding: 0px;
    width:150px;
    overflow-x: hidden;
}

div#pDown ul.right {
    width: 140px;
}

div#pDown ul.right {
    margin-top: -5px;
    padding-top: 5px;
    border-left: 1px solid #ffba77;
}

div#pDown ul li a {
    color: #555553;
    display: block;
    padding: 4px 0px 2px 25px;
    float: none;
    background: #fff1e6;

    text-align: left;
    margin-left: 0px;
    border-top: 1px solid #fff1e6;
    border-bottom: 1px solid #fff1e6;
}
div#pDown ul.right li a{ width: 135px;}

div#pDown ul li a:hover {
    color: #ff6600;
    display: block;
    border-top: 1px solid #ffba77;
    border-bottom: 1px solid #ffba77;
    background-color: #ffe7cc;
}
 div#pDown ul li img{
 margin-right: 10px;
         vertical-align: middle;
}
div.hDown {
     width: 150px;
    background: #fff1e6;
    text-align: center;
    position: absolute;
    z-index: 100000;
    top: 60px;
    border: 1px solid #ffba77;
    padding-bottom: 8px;
    padding-top: 15px;
    padding-left:10px;
    display: none;
     height: auto !important;
    min-height: 80px;
}

div#hDown ul li {
    margin: 0px;
    padding: 0px;
    width: 150px;
    overflow-x: hidden;
}

div#hDown ul {
    width: 150px;
}

div#hDown ul.right {
    margin-top: -5px;
    padding-top: 5px;
    border-left: 1px solid #ffba77;
}

div#hDown ul li a {
    color: #555553;
    display: block;
    padding: 4px 0px 2px 25px;
    float: none;
    background: #fff1e6;
    text-align: left;
    margin-left: 0px;
    border-top: 1px solid #fff1e6;
    border-bottom: 1px solid #fff1e6;
}

div#hDown ul li a:hover {
    color: #ff6600;
    display: block;
    border-top: 1px solid #ffba77;
    border-bottom: 1px solid #ffba77;
    background-color: #ffe7cc;
}
 div#hDown ul li img{
 margin-right: 10px;
         vertical-align: middle;
}

div.sDown {
    width: 150px;
    background: #fff1e6;
    text-align: center;
    position: absolute;
    z-index: 100000;
    top: 60px;
    border: 1px solid #ffba77;
    padding-bottom: 8px;
    padding-top: 15px;
    padding-left:10px;
    display: none;
}

div#sDown ul li {
    margin: 0px;
    padding: 0px;
    width: 150px;
    overflow-x: hidden;
}

div#sDown ul {
    width: 150px;
}

div#sDown ul.right {
    margin-top: -5px;
    padding-top: 5px;
    border-left: 1px solid #ffba77;
}

div#sDown ul li a {
    color: #555553;
    display: block;
    padding: 4px 0px 2px 25px;
    float: none;
    background: #fff1e6;
    text-align: left;
    margin-left: 0px;
    border-top: 1px solid #fff1e6;
    border-bottom: 1px solid #fff1e6;
}

div#sDown ul li a:hover {
    color: #ff6600;
    display: block;
    border-top: 1px solid #ffba77;
    border-bottom: 1px solid #ffba77;
    background-color: #ffe7cc;
}
 div#sDown ul li img{
 margin-right: 10px;
         vertical-align: middle;
}
    .appnav-container {
        width: 100%; /*padding:0px;*/
        padding-top: 6px;
    * padding-top : 8 px;
        padding-bottom: -1px;
    }

    .appnav-container  .appall {
        margin-left:30px;
    }

    .appnav-container  .appall .appTitle {
        margin-left: 120px;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 14px;
        font-weight: bold;
    }
     .appnav-container  .appall .appTitle img
    {
     margin-right: 10px;
         vertical-align: middle;
    }

    .appnav-container .appul {
        border-top:1px solid #fa9658;margin-top:40px;
        /*border-bottom: 1px solid #fa9658;*/
        /**/
        /*height:28px !important;  */
    }
    .appultop{margin-top:-29px;*padding-left:-1px;_height:1px;_position:relative;float:left;}

    .appnav-container .appall .appul ul {
        padding-left: 100px;
        margin-bottom: -2px;
    }

    .appnav-container .appall .appul ul li {
        float: left;
        margin-left: 5px;

    }

    .appnav-container .appall  .appul ul li span {
        background: url( "/images/app01.gif" ) no-repeat;
        padding: 5px 10px 5px 15px !important;
        display: block;

    }

    .appnav-container .appall  .appul ul li a {
        background: url( "/images/app02.gif" ) no-repeat right top;
        float: left;
        padding-right: 5px;
    }
  .appnav-container .appall  .appul ul li.active span {
       background: url( "/images/app03.gif" ) no-repeat;
      border-bottom:1px solid #fff;
  }
      .appnav-container .appall  .appul ul li.active a {
            background: url( "/images/app04.gif" ) no-repeat right top;
      }
    .appnav-container .appall  .appul ul li a:hover {
        color:red;

    }

/*myHome.jsp*/
span.withA {
    color: #ff6600;
}

span.bWithA {
    font-weight: bold;
    color: #FF6600;
}

span.b5Title {
    color: #b5b5b5;
    font-weight: bold;
}

div.forecast {
    margin-bottom: 30px;
    padding-left: 20px;
}

div.cast {
    color: #FE6700;
    font-weight: bold;
    margin-top: 10px;
    margin-right: 5px;
}

div.castBg {
    background: url( img/borderL.jpg ) no-repeat left top;
}

div.castBg span.first {
    margin-right: 50px;
}

div.castBg img {
    margin-right: 10px;
}

div.castBgInner {
    margin-left: 12px;
    border: 1px solid #FFDE81;
    border-left: none;
    background-color: #FBFFB2;
    padding: 8px 30px;
}

div.item {
    margin: 10px 0 10px 0;
}

div.itemTitle {
    height: 1px;
    overflow: hidden;
    width: 100%;
    background-color: #D8DEEA;
}

div.titleName {
    margin-top: -10px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
    border-left: 1px solid #D8DEEA;
    border-right: 1px solid #D8DEEA;
    background-color: #fff;
    color: black;
    font-weight: bold;
}

.lHalf {
    width: 250px;
    overflow: hidden;
}

div.underItem {
    margin-left: 20px
}

div.todyMyet ul li {
    padding: 5px 0;
}

#colMain div.todyMyet ul li a {
    color: #555553;
    text-decoration: none;
}

#colMain div.todyMyet ul li a:hover, div#colMain div.topicName a:hover {
    color: #FF6801;
}

#colMain div.todyMyet ul, div#colMain div.todyVideo ul, div#colMain div.todyTopic ul {
    margin: 0px;
    padding: 0px;
    z-index: 1;
}

#colMain div.topicName a {
    color: #555553;
    text-decoration: none;
}

.nearBy ul li {
    float: left;
    margin-right: 10px;
}

.nearBy ul li img {
    width: 54px;
    height: 54px;
    border: 1px solid #d8deea;
    padding: 1px;
}

div.todyVideo ul li {
    float: left;
    padding-right: 14px;
}

div.todyVideo img {
    width: 122px;
    height: 77px;
    border: 1px solid #d8deea;
    padding: 1px;
}

div.topicImg img {
    width: 37px;
    height: 37px;
    border: 1px solid #D8DEEA;
    padding: 1px;
}

div.topicName {
    margin-left: 15px;
}

div.todyTopic ul li {
    padding: 5px 0px;
}

div.topicName p {
    margin-top: 3px;
}

a.rbMore {
    float: right;
    margin-right: 10px;
    text-decoration: none;
}

body.kxHome div#colWrap {
    background-color: #F8F8F8;
}

body.kxHome div#colMain {
    background: url( img/bg_colRight.jpg ) repeat-y right top;
    padding: 2px 2px 2px 0px;
    width: 620px;
    margin-top: -4px;
}

body.kxHome div#colMain div.innerColMain {
    background-color: #fff;
    padding: 15px 10px;
}

#colRight {
    width: 300px;
    float: left;
    padding: 10px 10px 15px 15px;
    margin-top: -8px;
}

.kxBox {
    margin-bottom: 15px;
}

.kxBox h4 {
    font-weight: bold;
    font-size: 12px;
    background-color: #ECECEC;
    padding-left: 10px;
    line-height: 20px;
}

.messageBoxDe {
    padding-left: 15px;
}

.messageBoxDe p {
    width: 130px;
    padding: 3px 0px;
}

.messageBoxDe p a img {
    margin-right: 0px;
}

.profileBoxDe {
    padding-left: 5px;
}

.profileBoxDe p a img {
    margin-right: 10px;
    vertical-align: middle;
}

.profileBoxDe .userName {
    margin-left: 15px;
}

.profileBoxDe .userImg {
    height: 93px;
}

.profileBoxDe div.userImg img.photo {
    border: 1px solid #D8DEEA;
    padding: 1px;;
}

.profileBoxDe div.name {
    border-bottom: 1px solid #D7DDE9;
    width: 150px;
    margin-bottom: 10px;
}

.profileBoxDe .userName div.nameBottom {
    margin-top: 5px;
}

.profileBoxDe p {
    padding: 3px 0;
}

/*方框*/
div.divTop {
    zoom: 1;
    overflow: hidden;
    height: 5px;
}

div.divTop:after, div.divBottom:after, div.divCon ul:after, div.hotTitle ul.hotLink:after {
    content: '.';
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

div.divTop div.lt {
    float: left;
    background: url( img/llt.gif ) no-repeat;
    height: 5px;
    width: 6px;
}

div.divTop div.tl {
    float: left;
    background: url( img/tl.gif ) repeat-x;
    height: 5px;
}

div.tLine {
    float: left;
    background-color: #d0d0d0;
    height: 1px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

div.divTop div.rt {
    float: right;
    background: url( img/rrt.gif ) no-repeat;
    height: 5px;
    width: 6px;
}

div.divTitle {
    height: 24px;
    background: transparent url( img/topbg.gif ) repeat-x;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
}

div.divTitle div {
    padding: 3px 0;
    margin: 0 4px;
    border-bottom: 1px solid #d0d0d0;
}

div.divTitle div span {
    font-weight: bold;
    margin-left: 15px;
}

div.divCon {
    padding: 0 4px;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    zoom: 1;
}

div.divCon ul#resFace, ul#reAct {
    padding: 0px;
    margin: 0px;
}

ul#reAct li {
    float: none;
    padding-left: 5px;
    padding-bottom: 5px;
}

div.divCon ul#resFace li {
    padding: 10px 0px 0px 10px;
    margin: 0px;
    border-bottom: 1px solid #d0d0d0;
    float: none;
    zoom: 1;
}

div.divCon ul#list {
    margin: 0px;
    padding-bottom: 10px;
}

div.divCon ul#list li {
    list-style-type: circle;
    float: none;
    margin-left: 60px;
    color: #117ca8;
}

div.divCon ul#photoList {
    margin: 0px;
}

div.divCon ul li {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 4px;
}

div.divCon ul li div.photoB {
    text-align: center;
}

div.userPhoto {
    background: url( img/img_bg.gif ) no-repeat center;
    width: 87px;
    height: 82px;
}

div.teaPhoto {
    background: url( img/tea_bg.gif ) no-repeat center;
    width: 66px;
    height: 73px;
}

div.teaPhoto img {
    padding: 4px;
}

div.userPhoto img {
    padding: 9px 13px;
}

div.divBottom {
    zoom: 1;
}

div.divBottom div.lb {
    float: left;
    background: url( img/lb.gif ) no-repeat;
    height: 5px;
    width: 6px;
}

div.divBottom div.rm {
    float: left;
    border-bottom: 1px solid #d0d0d0;
    height: 5px;
    overflow-y: hidden;
}

div.divBottom div.rb {
    float: right;
    background: url( img/rb.gif ) no-repeat;
    height: 5px;
    width: 6px;
}

div.hot {
    margin-top: 15px;
}

div.hotTitle {
    border: 1px solid #bbb;
}

div.hotTitle ul.hotLink {
    background: transparent url( img/bgSheet.png ) repeat-x scroll left -1026px;
    zoom: 1;
}

div.hotTitle ul.hotLink li {
    float: left;
    margin: 0 0 -1px 0;
    border-right: 1px solid #bbb;
}

div.hotTitle ul.hotLink li a {
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 8px 12px;
    cursor: pointer;
}

div.hotTitle ul.hotLink li a:hover, ul.hotLink li a.active {
    background: transparent url( img/moduleBg.gif ) repeat-x 0 0;
    color: #003399;
    cursor: pointer;
}

div.hotCon div.hotItem {
    background: #FFFFFF url( img/moduleBg.gif ) repeat-x scroll left -31px;
    display: none;
}

div.msn {
    margin-top: 15px;
}

div.msn div.msnForm {
    padding-bottom: 5px;
    color: #117ca8;
}

div.msn div.msnForm div.title {
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}

div.msn div.msnForm div.body {
    font-weight: bold;
    padding: 10px 0 10px 10px;
}

div.msn div.msnForm span.end {
    margin-left: 10px;
    background-color: #FFF;
    font-size: 12px;
    padding: 2px;
}

div.kxLogin {
    background-color: #dad7e0;
    padding: 1px 8px 2px 8px;
}

div.kxLogin_top {
    background: url( img/kxlogin_top.gif );
    width: 310px;
    height: 7px;
    overflow: hidden;
}

div.kxLogin_bottom {
    background: url( img/kxlogin_bottom.gif );
    width: 310px;
    height: 7px;
    overflow: hidden;
}

div.kxLogin p.title {
    color: #2150AA;
    font-size: 14px;
    padding-top: 10px;
}

div.kxLogin p span {
    margin: 5px;
}

div.kxLogin p.bottom {
    margin-top: 20px;
    margin-left: 40px;
}

.fontB {
    color: #2150AA;
}

span.lg {
    background: url( img/kx_lg.gif ) no-repeat;
    padding: 7px 32px;
}

a#lg {
    color: black;
    text-decoration: none;
}

span.reg {
    background: url( img/kx_reg.gif ) no-repeat;
    padding: 7px 24px;
}

a#reg, a#reg:hover {
    color: #fff;
    text-decoration: none;
}

div.kx_faceLeft, div.kx_faceTiel {
    float: left;
}

div.kx_faceTiel {
    margin-top: 20px;
    margin-left: 15px;
}

div.kx_faceView {
    float: right;
}

div.reH, div.reF {
    margin: 15px 0;
}

/*登录和注册按钮*/
.kxLogIn {
    background: transparent url( img/kx_lg.gif ) no-repeat !important;
    border: none;
    width: 92px;
    height: 27px;
    text-align: center;
    cursor: pointer;
}

.kxReg {
    background: transparent url( img/kx_reg.gif ) no-repeat !important;
    border: none;
    width: 94px;
    height: 29px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

div.hotCon p.firstT {
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    margin-top: 0px;
}

div#welcomItem ul {
    margin-left: 40px;
}

div#welcomItem ul li {
    float: none;
}

div#tenItem p {
    margin-left: 40px;
}

div#courseDList .courseDetail {
    margin: 5px 0;
}

div#courseDList .img {
    float: left;
    text-align: center;
    padding: 0 8px;
}

div#courseDList .rightCon h3 a {
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

div#courseDList .rightCon {
    float: right;
    width: 450px;
    padding: 8px;
}

div#courseDList .rightCon span {
    font-weight: bold;
}

div.huisuo ul li {
    background: transparent url( ../i/icons/bullet_green.png ) no-repeat left;
}

/*profileKX.jsp*/
.profileM {
    background-color: #F2F2F2;
    padding: 3px 5px;
}

.profileM img {
    vertical-align: middle;
    margin-right: 10px;
}

.leftW {
    text-align: right;
    color: #555555;
    margin-right: 10px;
}

.color59 {
    color: #595959;
}

.bold59 {
    color: #595959;
    font-weight: bold;
}

.bold80 {
    color: #808080;
    font-weight: bold;
}

.exPO .poLeft {
    background: url( img/expoRi.gif ) right top no-repeat;
    height: 36px;
}

.exPO .poRight {
    background: url( img/expoLeft.gif ) left top no-repeat;
    margin-right: 5px;
    padding: 10px 5px 10px 10px;
}

.kx_userInfo {
    margin-top: 20px;
    margin-bottom: 20px;
}

.userInfoTop {
    border-bottom: 1px solid #D8DEEA;
    padding-left: 10px;
    height: 23px;
}

.userInfoTop ul li {
    float: left;
    margin-left: 10px;
}

#colMain .userInfoTop ul li.active a {
    color: #222222;
    font-weight: bold;
    display: block;
}

#colMain .userInfoTop ul li a {
    color: #595959;
    text-decoration: none;
}

.userInfoTop ul li.active a {
    float: left;
    background: url( img/infoBg_R.gif ) right top no-repeat;
    border-bottom: 1px solid #fff;
    display: block;
}

.userInfoTop ul li.active a span {
    background: url( img/infoBg_L.gif ) left top no-repeat;
    display: block;
    padding-left: 20px;
    padding-right: 15px;
    margin-right: 5px;
}

.userInfoTop ul li a {
    float: left;
    background: url( img/infoBg_bR.gif ) right top no-repeat;
}

.userInfoTop ul li a span {
    background: url( img/infoBg_bL.gif ) left top no-repeat;
    line-height: 23px;
    display: block;
    padding-left: 20px;
    padding-right: 15px;
    margin-right: 5px;
}

.infoDetItem {
    padding-left: 40px;
}

.infoDetItem .title {
    border-bottom: 1px dotted #D8DEEA;
    margin: 10px 0px;
    font-weight: bold;
}

.infoDetItem .itemL {
    width: 100px;
    text-align: right;
    margin-right: 10px;
}

#myActivity table tr th {
    border-bottom: 1px dotted #D8DEEA;
    padding: 20px 0px;
}

#myActivity table tr a.link {
    color: #595959;
    text-decoration: none;
    margin-left: 10px;
}

#myActivity table tr a.link:hover {
    color: #ff6600;
}

.noTip {
    text-align: center;
    background-color: #ffeacd;
    padding: 10px;
    margin: 15px;
}

.tecImg {
    border: 1px solid #ccc;
    padding: 2px;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: underline;
}

.videoLecOut {
    background: #f7f7f7;
    padding: 5px;
    margin-top: 20px;
}

.videoLecIn {
    border: 1px solid #d8deea;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    background-color: #fff;
}

.free {
    background: url( "img/free.gif" ) no-repeat right top #fff
}

.noFree {
    background: url( "img/shoufei.gif" ) no-repeat right top #fff;
}

.videoLecDesc {
    padding-left: 0px;
    float: left;
}

.videoLecTit {
    margin-bottom: 5px;
    font-weight: bold;
    color: #595959;
    margin-left: 20px;
}

.purchaseInfor {
    margin-top: 20px;
    margin-left: 20px;
    border: 1px solid #fd9045;
    background-color: #fffaf3;
    color: #fd9045;
    text-align: center;
    height: 40px;
    width: 500px;
    margin-bottom: 30px;
}

.purchaseInfor div {
    padding-top: 10px;
    margin-bottom: 5px;
}

.conCharge {
    border-top: 1px dotted #ccc;
    padding-top: 15px;
    margin-top: 10px;
}

.conCharge div {
    float: left;
}

.conCharge ul li {
    color: #fb8100;
    margin-bottom: 10px;
}

.videoLecDesc .price {
    color: #ff6700;
    font-weight: bold;
    float: left;
    font-size: 12px;
    margin-top: 20px;
    margin-left: 70px;
}

div .chatPartnerTitle {
    color: #f97a00;
    background: url( "img/title_bg.gif" ) repeat-x;
    border-left: 1px solid #EEE1D9;
    border-right: 1px solid #EEE1D9;
    margin-bottom: 10px;
    padding: 3px;
    margin-top: 10px;

}

div .chatPartnerTitle span {
    font-size: 12px;
    font-weight: bold;

}

div .chatPartnerTitle .more {
    margin-left: 348px;
}



.onePartner {
    float:left;
    margin-right:50px;
    height:250px;
}
.onePartner .partnerInfor {
    text-align:center;
}

.onePartner .partnerInfor .first {
    color:#f88101;
    font-weight:bold;
    margin-bottom:5px;
}

.onePartner .partnerInfor .first a {
    color: #f88101;
    font-weight: bold;
}





.onePartner .partnerInfor .follow_btn {
    float:left;
    margin-left:5px;
}



.downskype {
    margin-top: 15px;
    color: #fd8700;
    font-weight: bold;
}

.partField {
    border: 10px solid #Edecec;
}

.partField .partDesc {
    float: left;
    margin-left: 5px;
    width: 120px;
}

.partField .partDesc .title {
    margin-top: 10px;
    margin-bottom: 5px;
}

.partField .partBtn {
    margin-left: 10px;
    margin-top:10px;
    background: url( "img/partBtn.gif" );
    width: 101px;
    height: 24px;
    font-weight: bold;
}

.partField .partBtn a {
    padding-left: 20px;
    padding-top: 40px;
}

.partField .chatInfor {
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 10px;
    border: 1px solid #eee1d9;
    padding: 2px;
    float: left;
}

.partField .chatOperate {
    margin-top: 20px;
    margin-left: 20px;
    line-height: 24px;
}

.partField .chatOperate ul li a {
    color: #fd8700;
    font-weight: bold;
}

.faq {
    background: #Edecec;
    margin-top: 10px;
    height: 20px;
    padding: 5px;

}

.faq .title {
    font-weight: bold;
    text-align: center;
    padding-left: 10px;
}

div .listmore {
    text-align: right;
}

div .listmore a {
    color: #fa8000;
    font-weight: bold;
}

.numTitel {
    text-align: right;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee1d9;
    margin-bottom: 10px;
    font-weight: bold;
}

.newClassOut {
    background: #f7f7f7;
    padding: 5px;
    float: left;
    margin-right: 10px;
    width: 279px;
    margin-bottom: 10px;
}

.newClassIn {
    background: #fff;
    border: 1px solid #d8deea;
    padding: 5px;
}

.newClassIn .img {
    border: 1px solid #ccc;
    padding: 2px;;
    float: left;
}

.newClassIn .classInfor {
    float: left;
    width:180px;
}

.newClassIn .classInfor ul li {
    margin-top: 10px;
}

.newClassIn .classInfor ul li a {
    font-weight: bold;
}

.inner_top img {
    padding-right: 5px;
}

.chat_middle ul li {
    padding-bottom: 10px;
}

.chat_middle ul li span {
    color: #FF6600
}

.englishChatRoom {
    margin-top: 20px;
}

.titleclick {
    float: right;
    margin-top: -10px;
    background-color: #fff;
    padding-left: 5px;
}

.inner_chat {
    width: 190px;
}

.in_line {
    width: 2px;
    height: 176px;
    background-color: #fff;
    float: left;
    border-top: #F0F1F2 1px solid;
    border-left: #EBEBEB 1px solid
}

.inner_text {
    text-align: left;
    margin-top: 10px;
}

.inner_text span {
    padding: 10px;
    color: #FF6600;
    padding-right: 15px;
}

.inner_chat img {
    height: 50px;
    width: 160px;
    border: #DADADA 3px solid;
    margin-left: 10px;
}

.inner_chat .status img {
    width: 16px;
    height: 16px;
    border: 0px;
}

.inner_chat .status {
    margin-top: 10px;
}

.m_number {
    margin-left: 10px;
}

.m_number .s_right {
    width: 70px;
    text-align: right;
}

.m_number .s_left {
    color: #ff6600;
}

.s_enter {
    height: 19px;
    margin-top: 10px;
}

a {
    cursor: pointer
}

.s_enter div {
    text-align: center;
    height: 19px;
    width: 88px;
    background: url( "/imgs/chat/19.gif" ) no-repeat;
    margin-left: 30px;
    color: #2497C6
}

.chat_left_border {;
    width: 10px;
    height: 179px;
    background: url( "/imgs/chat/14.gif" ) no-repeat;
}

.chat_right_border {
    width: 10px;
    height: 179px;
    background: url( "/imgs/chat/15.gif" ) no-repeat;
}

.chat_middle_border {
    height: 179px;
    width: 580px;
    background: url( "/imgs/chat/16.gif" ) repeat-x;
}

.left_top {
    padding: 20px;
    padding-bottom: 10px;
}

.l_left img {
    width: 160px;
    height: 100px;
    padding: 3px;
    border: #E1E1DF 1px solid;
}

.l_left div {
    /*border-right:1px solid #c4deef;*/
    height: 25px;
    width: 110px;
    background: url( "/imgs/chat/17.gif" ) no-repeat;
    text-align: center;
    margin-top: 10px;
    padding-top: 3px;
    color: #2497C6

}

.r_right {
    margin-left: 20px;
}

.r_right p strong {
    font-weight: bold;
    color: #FF6600;
}

.r_right p span {
    color: #FF6600;
}

.text_right {
    text-align: left;
    color: #FF6600;
    font-weight: bold;
}

.chatRoom li {
    height: 198px;
    width: 188px;
    padding: 5px;
    float: left;
    border: #fff 1px dotted;
}

.chat_item {
    padding: 5px;
    background-color: #fff;
    padding-bottom: 15px;
}

.chat_item div img {
    height: 50px;
    width: 160px;
    border: #DADADA 3px solid;
    margin-left: 10px;
}

.chatRoom_1 {
    margin-top: 10px;
    padding-left: 10px;
}

.chatRoom_2 {
    margin-top: 10px;
    padding-left: 10px;
}

.chatRoom_3 {
    text-align: center;
    margin-top: 15px;
}

.chatRoom_1 span {
    color: #ff6600;
}

.chatRoom_2 span {
    color: #ff6600;
}

.chatRoom_4 {
    text-align: center;
    height: 19px;
    width: 88px;
    background: url( /imgs/chat/19.gif ) no-repeat;
    margin-left: 30px;
    color: #2497C6;
    _margin-left: 10px;
    _padding-top: 2px;
    float:left;
}

.notice div {
    color: #FF6600;
    font-weight: bold;
}

.r_t_right {
    width: 200px;
    line-height: 2em;
}

.l_img {
    margin-top: 10px;
    _margin-top: 0px;
}

.chat_step {
    height: 176px;
    width: 279px;
    margin-top: 15px;
    border: #DADADA 5px solid;
}

.title_step {
    font-weight: bold;
    padding: 10px 20px;
}

.step_ {
    height: 22px;
    width: 22px;
    background: url( "/imgs/chat/21.gif" ) no-repeat;
    color: #fff;
    text-align: center;
}

.out_step {
    padding: 5px 20px;
    _pading: 0px 20px;
}

.issure {
    width: 269px;
    background-color: #ECECEC;
    padding: 3px 10px;
}

.is_out {
    margin-top: 10px;
}

.step_ span {
    color: #FF6600;
    padding-left: 10px;
}

.step_right {
    padding-left: 10px;
    padding-top: 3px;
    color: #FF6600;
}

.is_out #is {
    list-style: square;
}

#is li {
    margin-top: 10px;
}

<!--
.chat_middle {
    height: 155px;
    width: 330px;
}

-->
<!--
.inner_top {
    padding: 10px;
    color: #FF6600;
    font-weight: bold;
}

-->
<!--
.inner_top img {
    padding-right: 5px;
}

-->
<!--
.chat_middle ul li {
    padding-bottom: 10px;
}

-->
<!--
.ul_left {
    width: 240px;
}

-->
<!--
.chat_middle ul li span {
    color: #FF6600
}
-->
.chatRoom_3 #status img{
    width: 16px;
    height: 16px;
    border: 0px;
}
#header-container{height:60px;margin:0px auto;background:url(img/kxabcHeaderBg.gif) repeat-x;}
#header-container a{color:#fff;}
#header-container ul{margin:0;padding:0;}
.header_4_17{width:100%;margin:0 auto;background:url(img/kxabcHeaderBg.gif) repeat-x;height:60px;*overflow-y:hidden;}
.header_4_17 .utility{float:right;padding-top:4px }
#kx_header .utility ul{float:right;margin:0px;}
.utility ul li{float:left;margin:0px;padding-right:15px;}
.utility ul li a{color:#ff6600;text-decoration:none;}
.utility ul li img{vertical-align:middle;border:1px solid #ff6600;padding:1px;}
.kxabc_logo{float:left;margin-left:10px;}
#kx_header .kxabc_nav{float:left;margin-left:10px;padding-top:6px;margin-top:0px;}
.kxabc_nav li{float:left;}
.kxabc_nav li a{float:left;padding-right:6px;text-decoration:none;}
.kxabc_nav li a span{display:block;font-weight:bold;color:#fff;padding:9px 5px 2px 11px;font-size:14px;}
.kxabc_nav li a.active{background: transparent  url(img/navActiveR.gif) no-repeat  top right;}
.kxabc_nav li a.active span{background:transparent url(img/navActiveL.gif) no-repeat;color:#fe9e06; padding:9px 10px 2px 16px;}
.subnav-container{background-color:#fdf4e3;height:26px;width:100%;padding-top:6px;*padding-top:8px;margin-top:0}
.subnav-container ul{padding-left:100px;}
#kx_header .subnav-container ul li{float:left;padding-left:10px;padding-right:10px}
.subnav-container ul li a{text-decoration:none;}
.subnav-container ul li a span{color:#fe9e06;font-size:12px;}
.subnav-container ul li.active a span{color:#595959;font-size:12px;font-weight:bold}
#logoImg{display:block;background:url(/images/logo.png) no-repeat;width:178px;height:59px;
    *background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/logo.png",sizingMethod='image');
}
a#addBut{display:block;background:url(/images/addBut.gif) no-repeat;width:87px;height:23px;padding-top:2px;*padding-top:2px;margin-left:10px;text-align:center;color:#fff;}
a#longBu{display:block;background:url(/images/longbu.gif) no-repeat;width:107px;height:23px;padding-top:2px;*padding-top:2px;margin-left:10px;text-align:center;color:#fff;}
#wordmain {
    width: 500px;
    height: 450px;
    border: 1px solid red;
    margin: 0px;
    padding: 0px;
}

#wordmain .wordtitle {
    background: url( "/wordimages/31.gif" ) bottom left repeat-x;
    height: 50px;
    border-bottom: 3px solid #ff6c06;
}

#wordmain .wordtitle .wordlogo {
/*background-image: url( "/images/logo.jpg" );*/
    width: 150px;
    float: left;
}

#wordmain .wordtitle .worddown {
    float: right;
}

.worddown {
    background: url( "/wordimages/30.gif" ) no-repeat;
    text-align: left;
    margin-right: 5px;
    margin-top: 8px;
    width: 110px;
    height: 40px;
    padding-left: 5px;
}

.worddown p a img {
    padding-right: 4px;
    padding-left: 5px;
    vertical-align: middle;
}

.worddown  p a {
    font-size: 12px;
    color: #ff6600;
    text-decoration: none;
}

.wordbelow .belw_nav  li {
    float: left;
    margin-left: 15px;
}

.wordbelow .belw_nav ul {
    margin-top: 29px;
    padding: 0px;
}

.wordbelow .belw_nav  li a {
    background: url( "/wordimages/32.gif" ) no-repeat;
    width: 68px;
    height: 21px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    display: block;
    padding-top: 4px;
}

.wordbelow .belw_nav  li a.active {
    background: url( "/wordimages/33.gif" ) no-repeat;
}

#wordmain .studytip {
    margin: 5px 0 0 8px;
    height: 26px;
    border: 1px solid #ffeed4;
    text-align: left;
}

#wordmain .studytip .character {

}

#wordmain .studytip .character img {
    border: 1px solid #ff9b5a;
    margin-left: 20px;
    margin-right: 12px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

#wordmain .studytip .character  .s1 {
    color: #ff9b5a;
    margin-left: 15px;
    margin-right: 25px;
}

#wordmain .studytip .character .s2 {
    color: #999999;
}

#wordmain .studytip .knowtheory {
    padding-right: 15px;
    float: right;
}

#wordmain .studytip .knowtheory a {
    padding-top: 4px;
    text-decoration: none;
    color: #f9a93a;
}

#wordmain .wordcontent {
    height: 330px;
    margin-left: 8px;
    border: 1px solid #ffeed4;
    overflow-y: scroll;
}
/*videoClassIndex.jsp*/
.seeHelp{background:url(img/seehelp.gif) no-repeat;display:block;width:130px;height:15px;}
a.seeHelp:hover{background:url(img/seehelpo.gif) no-repeat;}
.yaoqing{background:url(img/yaoqing.gif) no-repeat;display:block;width:162px;height:30px;}
a.yaoqing:hover{background:url(img/yaoqingo.gif) no-repeat;}