#container { padding-left:10px; padding-right:10px; }
#content ul.group { padding-left:30px; }

/*
    TOC for Learn Center Styles
    
    =navigation                 : navigation system
    =signin                     : login, user info box
    =search                     : search form
    =content                    : general styling for content area
        =academy                : academy main category sytles
        =live                   : live main category styles
        =manual                 : manual main category styles
        =article_page           : general styling for article pages
            =article_academy    : academy article page styles
            =article_manual     : manual article page styles
            =article_live       : live article page styles
    =content_supp               : supplementary content in the sidebar
        =back_button            : back to main page button
        =manual_box             : manual box
        =support_box            : support box
    =site_info                  : site information in the footer
    =editor                     : tinymce styles in edit mode
    =ie6                        : fixes for teh stoopid brewzer
    
*/

/*body { background-color: #e5e4d9 ; }

.invisible { position: absolute; left: -10000px; top: -10000px; }

#content #wrapper { margin: 112px auto 0; width: 950px; position: relative; }

.logged-in #wrapper { margin-top: 80px; }

*/


/*
    =branding
*/
/*
#branding { position: absolute; left: 260px; top: -112px; z-index: 10; }

#branding h1 { text-indent: -10000px; margin: 0; padding: 0; width: 393px; height: 93px; background: url(/assets/gfx/index/logonagy.png) no-repeat; }

.logged-in #branding { top: -80px; left: 340px; }

.logged-in #branding h1 { background: url(/assets/gfx/index/logokicsi.png) no-repeat; }
*/
/*
    =navigation
*/

/*
#navigation { height: 40px; position: absolute; left: 0; top: -40px; background: #5AA7CB; width: 950px; 
-moz-border-radius-topleft: 9px; 
-moz-border-radius-topright: 9px; 
-webkit-border-top-left-radius: 9px; 
-webkit-border-top-right-radius: 9px;
}

#navigation ul { margin: 0; padding: 0; list-style: none; position: absolute; width: 300px; left: 10px; bottom: 25px; }

#navigation li { display: inline; }

#navigation li a { text-indent: -10000px; float: left; width: 75px; height: 28px; background: url(/assets/gfx/tabs.png) no-repeat; }

#navigation li.home a { background-position: 0 -112px; }

#navigation li.learn a { background-position: 0 -56px; }

#navigation li.showcase a { background-position: 0 -168px; }

.logged-in #navigation li.home a { background-position: 0 -140px; }

#site_login { width: 300px; position: absolute; right: 0; top: -107px; }

#site_login ul { list-style: none; margin: 0; padding: 0; }

#site_login li { height: 25px; }

#site_login label { color: #9B9A91; text-align: right; float: left; width: 85px; padding-right: 5px; }

#site_login p { font-size: 90%; margin: 0; padding: 0; position: absolute; bottom: -15px; right: 57px; }

#site_login li.last { position: absolute; right: 9px; top: 5px; }

#site_login input[type="text"], 
#site_login input[type="password"]{
    padding: 2px 0 1px 1px;
    height: 17px;
    width: 145px;
    float: left;
    margin: 0;
}

#site_login input[type="submit"]{ 
    background: url(/assets/gfx/index/signinbutton.png) no-repeat;
    border: none;
    width: 45px;
    height: 39px;
    text-indent: -10000px;
}

#site_login input[type="submit"]:hover { background-position: 0 -39px; cursor: pointer; }

#site_login a { color: #939168; }

#site_login a:hover { color: #42402F; }


#user_info { position: absolute; right: 9px; top: -93px; color: #948F67; }

.logged-in #user_info { top: -70px; }

#user_info a { color: #948F67; margin-left: 7px; }

#user_info a:hover { color: #42402F; }
*/

#site_search { height: 50px; }

#site_search form { margin: 0 auto; width: 450px; padding-top: 0px; }

#site_search input[type="text"] { float: left; height: 28px; width: 350px; color: #a5a076; margin: 0; padding: 2px 0 1px 2px; font-size: 18px; font-style: italic; font-weight: normal; font-family: Arial, Helvetica, sans-serif; border: 1px solid #cdccc0; border-right: 0; border-radius: 5px 5px 0 0; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; }

#site_search input[type="text"].filled,
#site_search input[type="text"]:focus { font-style: normal; border-color: #4a4326; color: #3a341e; }

#site_search input[type="submit"] { cursor: pointer; text-shadow: 1px 1px 1px #2b2615; padding: 0; outline: none; font-size: 16px; letter-spacing: .07em; font-weight: bold; color: #fff; background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; background-position: -360px -5px; border: none; height: 33px; width: 86px; }

#site_search input[type="submit"]:active,
#site_search input[type="submit"]:focus { outline: none; background-position: -360px -45px; }




/*
    =content
*/

/*

#content { width: 942px; padding: 10px 4px 0; background-color: #eeeee7; }

#content a { text-decoration: none; color: #5a96b6; }

#content a:focus,
#content a:active { position: relative; top: 1px; color: #333; }

#content a:active { outline: none; }
*/

#content_main { width: 710px; float: left; padding-bottom: 2em; }

#content_main h2 { font-size: 24px; height: 90px; font-weight: bold; margin: 0; padding: 0; }

#content_main h3 { font-weight: normal; }


/*
    =content_supp
*/

#content_supp { width: 222px; float: right; }

/*
    =back_button
*/

#content_supp .back-button { text-align: center; margin: 8px 0 20px; position: relative; width: 222px; height: 41px; }

#content_supp .back-button a { line-height: 40px; display: block; height: 41px; color: #fff; font-size: 17px; font-weight: bold; background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; background-position: -590px -5px; letter-spacing: .05em; text-decoration:none; }

#content_supp .back-button a:active { background-position: -590px -50px; }

/*
    =manual_box
*/

#content_supp .manual { margin-bottom: 20px; position: relative; width: 222px; height: 157px; background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; background-position: -360px -105px; }

#content_supp .manual h4 { font-size: 24px; font-weight: bold; color: #fff; margin: 0; padding: 10px 0 0 18px; line-height: 1; }

#content_supp .manual h4 + img { position: absolute; bottom: 0; left: 18px; }

#content_supp .manual p{ color: #4a4326; font-size: 14px; padding: 5px 18px 0; line-height: 1.2em; margin: 0; }

#content_supp .manual .button-manual { text-shadow: 1px 1px 1px #2b2615; padding: 0; font-size: 16px; position: absolute; display: block; width: 88px; height: 41px; text-align: center; letter-spacing: .09em; right: 18px; bottom: 15px;  }

#content_supp .button-manual a { display: block; height: 41px; line-height: 40px; color: #fff; background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; background-position: -460px -5px; text-decoration:none;}

#content_supp .button-manual a:active { background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; background-position: -460px -50px; }

/*
    =support_box
*/

#content_supp .support { position: relative; width: 222px; height: 149px; background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; background-position: -590px -105px; }

#content_supp .support h4 { font-size: 24px; font-weight: bold; color: #a81200; margin: 0; padding: 10px 0 0 18px; line-height: 1; }

#content_supp .support p{ color: #4a4326; font-size: 14px; padding: 6px 18px 0; line-height: 1.4em; margin: 0; }

#content_supp .support h4 + p { padding-top: 7px; }

#content_supp .support a { display: block; text-decoration: underline; }

/*
    =academy
*/

#academy { width: 342px; float: left; margin: 0 18px 0 0; position: relative; 
-moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; border-radius: 0 0 15px 15px;
} /* 342px - 36px */

#academy p { color: #4a4326; } 

#academy h2, #academy h3 { color: #3a341e; }

#academy h2 { background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; background-position: -5px -5px; /*text-shadow: 1px 1px 1px #bbb797;*/ ; font-weight:normal; }

#academy h2 span { position: absolute; left: 18px; top: 10px; line-height: 1; }

#academy h2 + img { position: absolute; right: 0; top: -12px; }

#academy h2 + img + p { position: absolute; top: 57px; left: 18px; color: #e6e5da; font-size: 12px; font-weight: bold; width: 215px; margin: 0; }

#academy h3 { font-size: 26px; line-height:26px; margin-bottom: .95em; }

#academy h3 + img { position: absolute; right: 0; top: -22px; }

#academy .last h3 + img { top: -37px; }

#academy h3 ~ p { line-height: 1.2em; margin: 0; padding-bottom: .75em; font-weight: normal; }

#academy h3 span { font-size: 14px; display: block; }

#academy p, #academy li { font-size: 16px; }

#academy ul, #academy ol { list-style: none; padding: 0 0 60px; margin-bottom: 0; }

#academy > ol { margin: 0; padding: 20px 18px 0; background: #fff; zoom: 1; }

#academy li { font-weight:normal; position: relative; }
#academy li a { font-weight:normal; text-decoration:none; }

#academy ol li.last ol,
#academy ol li:last-child ol { padding: 0; }

#academy .academy-footer { margin-top: -90px; height: 105px; width: 342px; background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; background-position: -5px -261px; }

/*
    =live
*/

#live { width: 342px; float: left; position: relative; 
-moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; border-radius: 0 0 15px 15px;
} /*  */

#live h2 { background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; background-position: -5px -105px; /*text-shadow: #ad6f0f 1px 1px 1px;*/ color: #fff; }

#live h2 span { position: absolute; left: 18px; top: 10px; line-height: 1; width: 158px; }

#live h2 + img { position: absolute; right: -17px; top: -12px; }

#live h2 + img + p { margin: 0; position: absolute; top: 57px; left: 18px; font-size: 12px; font-weight: bold; color: #3a341e; }

#live h2 { display: block; font-weight:normal;}

#live h3 { font-size: 18px; margin-bottom: 3px; line-height:22px; }

#live h3 a { text-decoration:none; }


#live li p:last-child,
#live h3 + p { color: #948f67; font-size: 10px; margin-bottom: 8px; }

#live h3 ~ img { float: left; margin: 0 7px 2px 0; }

#live ul { list-style: none; margin: 0; padding: 20px 18px 0; background: #fff; }

#live li { padding-bottom: 1em; clear: both; }

#live li div.article-lead { font-size: 16px; line-height: 1.2em; margin-bottom: 1em; color: #4a4326; }

/* #live li p:last-child { font-size: 10px; color: #948f67; } */

#live p a { text-decoration: underline; }

#live .live-pagination { width: 342px; height: 52px; background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; background-position: -5px -205px; position: relative; }

#live .live-pagination li,
#live .live-pagination ul { margin: 0; padding: 0; background: transparent; }

#live .live-pagination ul { bottom: 12px; left: 0; position: absolute; height: 20px; width: 342px; text-align: center; }

#live .live-pagination li { display: inline; font-size: 14px; font-weight: bold;padding:0 3px 0 3px ; }

#live .live-pagination li span,
#live .live-pagination li a { color: #fff; }

#live .live-pagination li a:hover { color: #333; }

#live .live-pagination li.current { color: #fff; text-decoration: underline; }

/*
    manual
*/

#manual { position: relative; width: 702px;  }

.manual-content { background: #fff; padding-bottom: 1.5em; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; border-radius: 0 0 15px 15px; }

#manual h2 { height: 70px; background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; background-position: -5px -370px; color: #fff; }

#manual h2 span { position: absolute; left: 18px; top: 10px; /*text-shadow: 1px 1px 1px #3c7191;*/ }

#manual h2 + img { position: absolute; top: -21px; right: 20px; }

#manual ul { margin: 0; padding: 0; list-style: none; }

#manual ul.toc { zoom: 1; padding-left: 18px; background: #fff url(/assets/gfx/newlearn/manual_toc_columns.png) no-repeat 0 60px; padding-top: 10px; }

#manual ul.toc > li:first-child { width: 138px; padding-left: 0; }

#manual ul.toc > li { float: left; width: 140px; padding: 0 20px; }

#manual ul.toc > li.last { width: 138px; padding-right: 0 !important; }

#manual ul.toc > li > ul { margin-bottom: 1.75em; }

#manual ul.toc > li > ul.last { margin-bottom: 0; }

#manual ul.toc > li > ul > li { padding-bottom: 5px; line-height: 1.2; }

#manual h3 { margin-bottom: 1em; font-size: 16px; line-height:18px; font-weight: normal; color: #3a341f; width: 91px; }

#manual h4 { margin-bottom: .3em; font-size: 13px; font-weight: bold; color: #b35f24; font-size: 14px; line-height:18px; }

#manual li a { text-decoration: underline; font-size: 14px; }

#content #manual li a:hover { }

/*
    =article_page
*/

#article { position: relative; width: 702px; }

#article h2 { height: 70px; background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; }

#article h2 span { position: absolute; left: 18px; top: 10px; }

#article h2 + img { position: absolute; top: -10px; right: 0; }

.article-navigation { position: relative; color: #948f67; background: #fff; padding: 5px 18px 0 145px; height: 70px; }

.article-navigation p{ font-weight: bold; font-size: 14px; margin: 0; }

.article-navigation ol { list-style: none; padding: 0; margin: 0; }

.article-navigation li { display: inline; }

.article-navigation li:after { content: " \25b8 "; }

.article-navigation li:last-child:after { content: ""; }

#content .article-navigation a { text-decoration: underline; }

.article-navigation em { font-weight: bold; font-style: normal; }

#article h3 { font-size: 21px; margin-bottom: 3px; padding-top: 7px; }

#article h3 span { font-weight: normal; }

.article-content { color: #4a4326; padding: 0 18px; background: #fff; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; border-radius: 0 0 15px 15px; }

.article-content h3 + p { color: #948f67; }

#article h4 { font-size: 16px; font-weight: bold; color: #4a4326; margin: 1.5em 0 .5em }

.article-content p { margin: 0; padding-bottom: 1.5em; font-size: 14px; }

#article p + h4 { margin-top: 0; }

.article-related { padding-bottom: 1.5em; }

.article-related ul { list-style: none; padding: 0; margin: 0; }

.article-related ul li { float:left; display: block; font-size: 13px; width: 220px; }

.article-related li ul li { float: none; width: auto; }

.article-related h5 { margin: 0; }

#content .article-related a { text-decoration: underline; }

.academy .article-related li.last h5 { background: url(/assets/gfx/newlearn/learn_sprite.png) no-repeat; background-position: -359px -270px; width: 205px; height: 42px; letter-spacing: .1em; }

#content .academy .article-related li.last h5 a { display: block; height: 39px; padding: 3px 0 0 10px; color: #fff; text-decoration: none; line-height: 1.2em; }

.academy .article-related li.last h5 a span { display: block; color: #fcaa07; text-decoration: underline; font-weight: normal; letter-spacing: 0; }

#excerpt { font-size:14px; padding-bottom: 1.2em; }

/*
    =article_academy
*/

#article.academy h2 { background-position: -5px -445px; color: #3A341E; }

#article.academy h2 span { /*text-shadow: 1px 1px 1px #bbb797;*/ }

#article.basic .article-navigation { background: #fff url(/assets/gfx/newlearn/lesson_basic_illustration.png) no-repeat 18px 5px; }

#article.advanced .article-navigation { background: #fff url(/assets/gfx/newlearn/lesson_advanced_illustration.png) no-repeat 18px 5px; padding-left: 170px; }

#article.pro .article-navigation { background: #fff url(/assets/gfx/newlearn/lesson_pro_illustration.png) no-repeat 18px 5px; padding-left: 175px; }

/*
    =article_manual
*/

#article.manual h2 { background-position: -5px -370px; }

#article.manual h2 + img { top: -21px; right: 20px; }

#article.manual h2 span a { color: #fff; text-decoration: none; /*text-shadow: 1px 1px 1px #3c7191;*/ }

/*
    =article_live
*/

#article.live h2 { background-position: -5px -520px; color: #fff; }

#article.live h2 + img { right: -20px; }

/*
    =site_info
*/

#site_info { text-align: center; background: #EEEEE7; height: 40px; padding-top: 10px; }

#site_info li { display: inline; }

#site_info a { color: #939168; padding: 0 4px; }

#site_info a:hover { color: #42402F; }

/*
    =editmode
*/

.editmode .editOver { background: #FFFF66; }

#editmode-adminlinks { background: red; position: absolute; top: 105px; right: 5px; font-size: 14px; font-weight: bold; color: #fff; }

#editmode-adminlinks a { color: #fff; padding: 5px; }

#editmode-adminlinks a:hover { color: #FFFF66; }

/* 
    =ie6
*/

#academy, #live { _background: #fff; }

#article img, #academy img, #live img, #content_supp img { _display: none; }


.article-content ol { list-style-type:disc; list-style-position:inside; list-style-image:none; font-size:14px; }
.article-content ul { list-style-type:decimal; list-style-position:inside; list-style-image:none; font-size:14px; }