html, body {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
a img {border:none;}

body
{
    text-align: center;
    background: #f3efde;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

body.white { background: #fff; }
body.popup { background: #fff; }

.clr
{    
    display: block;   
    height: 1px;
    background: transparent;
    overflow: hidden;
    clear: both;
}

.nobold { font-weight: normal!important; }
.bold { font-weight: bold!important; }
.right { text-align: right; }
.floatleft { float: left; }
.floatright { float: right; }

span.standard { font-weight: normal; color: #000; }


/* === ELEMENTS */
h1
{    
    font-size: 16px;   
    margin: 0;
    padding: 0;
}

h2, h4, h3
{
    font-size: 12px;    
    margin: 0;
    padding: 0;
    line-height: 16px;
}

h4, h3 { font-weight: normal; }

ul li, ol li { line-height: 24px; }

ul.bullets
{    
    list-style: disc;   
    padding: 10px 0 10px 10px;
    margin: 0 0 0 15px;
}

p
{    
    line-height: 17px;
}

p.top-spaced
{    
    margin: 30px 0 0 0;   
    padding: 0;
}


hr
{    
    border: 1px solid #f3efde;       
    outline: none;
    height: 1px;
    margin: 6px 0 6px 0;    
    padding: 0;
}

a, a:link, a:visited, a:active
{
    color: #7D96B9;
}

label
{
    display: block;   
    padding: 0 0 2px 0;
}

button, .button
{    
    border: none;   
    color: #fff;
    background: #543019;
    font-size: 10px;
    padding: 2px 4px 2px 4px;
    border: 1px solid #F3EFDE;
}

a.button
{    
    color: #fff!important;   
    text-decoration: none;
    padding: 3px 4px 3px 4px;
}

input.text, select.select, textarea.text
{    
    border: 1px solid #7d96b9;   
    font-size: 12px;
}

input.wide-text { width: 350px; }


/* === STRUCTURE */

#wrapper
{    
    margin: 20px auto 0 auto;   
    text-align: left;
    background: #fff;
    width: 950px;
}

#header
{    
    background: transparent url('images/header/header.jpg') no-repeat left;   
    height: 116px;
    border-bottom: 3px solid #543019;
}

#subheader
{    
    height: 25px;   
    line-height: 25px;
    padding: 0 5px 0 15px;
    background-repeat: repeat-x;
    background-color: transparent;
    border-right: 1px solid #ded4cc;
    border-left: 1px solid #ded4cc;
    border-bottom: 1px solid #ded4cc;
    color: #543019;
}

.subheader-brown, .subheader-gray { background-image: url('images/gradients/subheader/grad1.png'); }
.subheader-blue { background-image: url('images/gradients/subheader/grad2.png'); }
.subheader-orange, .subheader-red { background-image: url('images/gradients/subheader/grad3.png'); }

#subheader #welcome
{
    float: left;    
    font-size: 10px;
    margin: 1px 0 0 10px;
}

#main-container
{    
    background: #fff;
    border-left: 1px solid #ded4cc;
    border-right: 1px solid #ded4cc;
    border-bottom: 1px solid #ded4cc;
    padding: 0 0 40px 0;
    margin: 0 auto 0 auto;
    text-align: left;
}

#hover-container
{
    background: #fff;   
    padding: 0;
    margin: 0;
    text-align: left;
}


#main-left
{
    clear: both;
    width: 183px;   
    float: left;
    padding: 14px 0 0 15px;
    overflow: hidden;
    text-align: left;
}

#main-left p
{    
    padding: 0;   
    margin: 0;
    line-height: 18px;
    font-size: 11px;
}

#main-left h1
{    
    margin: 6px 0 6px 0;   
    padding: 0 0 4px 0;
    border-bottom: 1px solid #f3efde;
}


#main-right
{    
    width: 730px;   
    padding: 15px 0 0 20px;
    float: left;
}

#main-full
{
    padding: 20px 0 0 15px;
}

#main-centered
{ 
    padding: 20px 0 0 0;    
    text-align: center;
}

#footer
{    
    width: 950px;   
    margin: 0 auto 20px auto;
    text-align: left;
}

#footer p
{    
    margin: 0;   
    padding: 4px 0 0 2px;
    color: #c5b6aa;
    line-height: normal;
}


/* === LEFT-SIDE LISTS */
#main-left .course-header, #main-left .course-header-2, #main-left .course-header-3, #main-left .course-header-4
{
    height: 24px;   
    line-height: 24px;
    padding: 0;
    margin: 22px 0 6px 0;
    border: 1px solid #ded4cc;
    background: transparent url('images/gradients/headers/grad1.png') repeat-x top;
    font-size: 14px;
    color: #333;
}
#main-left .course-header-4
{
    background: transparent url('images/gradients/headers/grad4.png') repeat-x top;   
    color: #fff;
}

#main-left .course-header-3
{
    background: transparent url('images/gradients/headers/grad3.png') repeat-x top;   
    color: #fff;
}

#main-left .course-header-2, #main-left .course-header-3, #main-left .course-header-4
{    
    margin: 0 0 6px 0;   
    padding: 0;
}

#main-left .course-header-pad { padding: 0 0 0 5px; }

#main-left .course-header a, #main-left .course-header-2 a
{    
    text-decoration: none;   
    display: block;
    background: transparent;
    color: #333;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 5px;
}

#main-left .course-header a:hover, #main-left .course-header-2 a:hover
{    
    background: #fff;   
    color: #7d96b9;
    background: transparent url('images/gradients/headers/grad2.png') repeat-x top;
}

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

#main-left ul li
{    
    margin: 0;   
    padding: 0;
    line-height: 18px;
}

#main-left ul li a
{    
    text-decoration: none;   
    color: inherit;
}

#main-left ul.course-list
{    
    margin: 0 0 20px 6px; 
}

#main-left ul.course-list li
{    
    padding: 0 0 6px 10px;   
    font-weight: bold;
    color: #7d96b9;
}

#main-left ul.course-list li span
{    
    font-weight: normal;   
    color: #000;
}

#main-left ul.test-list
{    
    margin: 0 0 20px 6px;   
}

#main-left ul.test-list li
{    
    padding: 0 0 6px 8px;   
    font-weight: bold;
    color: #7d96b9;
}

#main-left ul.course-list li.selected-item
{
    background: transparent url('images/arrows/standard-arrows.png') no-repeat left 3px;   
}

#main-left ul.course-list li a:hover, #main-left ul.test-list li a:hover
{
    color: #543019;
}

#main-left ul.test-list li.selected-item
{    
    background: transparent url('images/arrows/splasharrow.gif') no-repeat left top;   
}

#main-left ul.test-list li span
{    
    font-weight: normal;   
    color: #000;
}

#main-left ul.brown-list
{    
    margin: 0 0 20px 0;   
}

#main-left ul.brown-list li
{    
    padding: 0 0 6px 0;   
    font-weight: bold;
    color: #543019;
}

#main-left ul.blue-list li, #main-left ul.orange-list li
{   
   font-size: 13px;
   padding: 4px 0 6px 0;
}

#main-left ul.blue-list li
{    
    color: #7d96b9;
}

#main-left ul.orange-list li
{    
    color: #f8981d;
}



/* === BREADCRUMBS */
p.breadcrumbs
{    
    padding: 0;    
    margin: 0 0 5px 0;
    font-size: 11px;
}

p.breadcrumbs a
{    
    text-decoration: none;   
}

div#step1 { background: transparent url('images/steps.jpg') no-repeat left 0; }
div#step2 { background: transparent url('images/steps.jpg') no-repeat left -52px; }
div#step3 { background: transparent url('images/steps.jpg') no-repeat left -104px; }
div#step4 { background: transparent url('images/steps.jpg') no-repeat left -158px; }
div#step5 { background: transparent url('images/steps.jpg') no-repeat left -208px; }

div.steps, div.steps-centered
{    
    margin: 20px 0 0 15px;   
    display: block;
    height: 52px;
    width: 630px;
}

div.steps a, div.steps-centered a
{    
    width: 162px;   
    height: 52px;
    margin: 0 10px 0 0;
    float: left;
}

div.steps-centered
{    
    margin: 0 auto 10px auto;   
}

div.steps-centered a { margin: 0 10px 0 0; }

div#reports1 { background: transparent url('images/reports.jpg') no-repeat left 0; }
div#reports2 { background: transparent url('images/reports.jpg') no-repeat left -52px; }
div#reports3 { background: transparent url('images/reports.jpg') no-repeat left -104px; }
div#reports4 { background: transparent url('images/reports.jpg') no-repeat left -158px; }
div#reports5 { background: transparent url('images/reports.jpg') no-repeat left -208px; }
div#reports6 { background: transparent url('images/reports.jpg') no-repeat left -258px; }

div.reports, div.reports-centered
{    
    margin: 20px 0 0 15px;   
    display: block;
    height: 52px;
    width: 830px;
}

div.reports a, div.reports-centered a
{    
    width: 120px;   
    height: 52px;
    margin: 0 10px 0 0;
    float: left;
}


div.reports-centered
{    
    margin: 0 auto 10px auto;   
}

div.reports-centered a { margin: 0 10px 0 0; }

div.reports a.reports-wide
{    
    width: 150px;   
    height: 52px;
    margin: 0 30px 0 0;
    float: left;
}

/* === INNER BOXES */
/*community addition*/
.blue-content-wrap-centered, .orange-content-wrap-centered, .brown-content-wrap-centered
{    
    border: 1px solid #ded4cc;   
    width: 855px;
    padding: 0;
    margin: 0 auto 0 auto;
    text-align: left;
}

.blue-content-wrap, .orange-content-wrap, .brown-content-wrap
{
    border: 1px solid #ded4cc;
    width: 97%;
    padding: 0;
}

.standard-content-wrap
{
    width: 659px;
}
/*end*/

.blue-hover-wrap, .orange-hover-wrap
{    
    padding: 0;   
    margin: 0;
    text-align: left;
}

/* box header */
.content-container-header
{    
    height: 24px;   
    line-height: 24px;
    padding: 0 0 0 15px;
    border-bottom: 1px solid #ded4cc;
}

/*community cake addition*/
.content-container-header.content-header1, .blue-content-wrap .content-container-header, .blue-content-wrap-centered .content-container-header, .blue-hover-wrap .content-container-header
{
    background: #fff url('images/gradients/headers/grad1.png') repeat-x top;    
}

.content-container-header.content-header3
{
    background: #fff url('images/gradients/headers/grad4.png') repeat-x top;        
}

.standard-content-wrap .content-container-header
{
    border: 1px solid #ded4cc;    
}

.brown-content-wrap .content-container-header, .brown-content-wrap-centered .content-container-header, .brown-hover-wrap .content-container-header
{
    background: #fff url('images/gradients/headers/grad4.png') repeat-x top;   
}

/*end */
.orange-content-wrap .content-container-header, .orange-content-wrap-centered .content-container-header, .orange-hover-wrap .content-container-header
{ 
    background: #fff url('images/gradients/headers/grad3.png') repeat-x top;   
}

.content-container-header h1
{    
    font-size: 14px;   
    color: #333;
}

.orange-content-wrap .content-container-header h1,
.orange-content-wrap-centered .content-container-header h1,
.orange-hover-wrap .content-container-header h1,
.brown-content-wrap .content-container-header h1,
.brown-content-wrap-centered .content-container-header h1,
.brown-hover-wrap .content-container-header h1,
.content-header3 h1
{    
    color: #fff;   
}

.content-container-header a, .content-container-header a:link, .content-container-header a:active, .content-container-header a:visited { color: #333; }
.content-container-header a:hover { color: #666; }

/* inner content container*/
.content-container
{    
    padding: 0 15px 15px 15px;
    background: #fff;
}

/*community cake addition*/
.standard-content-container
{
    padding: 15px;
}

.standard-content-container form
{
    margin: 0;
    padding: 0;
}

.standard-content-container p
{
    margin: 0;
    padding: 0 0 10px 0;
    text-align: left;
}

.standard-content-container select, .standard-content-container input
{
    margin-right: 10px;
}

.standard-content-container p.submit-container
{
    padding: 25px 0;
}

/*end*/

.blue-hover-wrap .content-container, .orange-hover-wrap .content-container
{
    padding: 5px 15px 15px 15px;
}

/* inner box elements and classes */

.content-container h2
{ 
    margin: 20px 0 2px 0;    
}

.content-container h1
{    
    margin: 20px 0 5px 0;   
    font-size: 14px;
}

.blue-content-wrap .content-container h2, .blue-content-wrap .content-container h3
{    
    color: #7d96b9;       
}

.orange-content-wrap .content-container h2, .orange-content-wrap .content-container h3
{    
    color: #f8981d;       
}

.content-container button
{    
    margin: 20px 6px 0 0;   
}

.content-container ul li
{
    line-height: 24px;
}

.content-container .sep-container
{    
    border-bottom: 1px solid #F3EFDE;   
    padding: 0 0 10px 0;
    clear: both;
}

.content-container label
{    
    font-weight: bold;   
}

.content-container .form-wrapper
{
    display: block;
    clear: both;
    overflow: auto;
}

.content-container .form-container, .user-info-column .form-container
{    
    float: left;   
    margin: 0 20px 0 0;
}

.content-container .form-container-static, .user-info-column .form-container-static
{
    height: 200px;   
    width: 24px;
    margin: 0 20px 0 0;
    position: relative;
    float: left;
}


/* add a course */
.content-container #addcourse-timeperiod
{ 
    width:40px;   
}

.content-container #addcourse-title, .content-container #course-searchbox, .content-container #course-addcat, .content-container #objectives
{    
    width: 200px;   
}

.content-container #addcourse-description
{    
    width: 200px;   
    height: 66px;
}

/* add course groups */
.content-container select.list-items
{    
    width: 175px;   
    height: 200px;
}

.completed-lesson
{    
    background: transparent url('images/icons/icons.png') no-repeat left -352px;   
    padding: 0 0 0 20px;
    color: #543019;
}

.incomplete-lesson
{    
    padding: 0 0 0 20px;   
    color: #7d96b9;
}

.failed-lesson
{    
    background: transparent url('images/icons/icons.png') no-repeat left -384px;   
    padding: 0 0 0 22px;
    color: #543019;
}

p.lesson-review-link
{
    padding: 0 0 0 23px;
    margin: 0 0 25px 0;
}

p.lesson-review-link a
{
    text-decoration: none;
    background: transparent url('images/standard-arrows.png') no-repeat left 3px;
    padding: 0 0 0 9px;
}

p.lesson-review-link a:hover { color: #543019; }

ol.lesson-overview-objectives
{    
    padding: 0 0 0 23px;   
    margin: 0 0 5px 20px;
}

ol.lesson-overview-objectives li
{
    padding: 0;
    margin: 0;
}

.lesson-overview-pass
{    
    color: green;   
    padding: 0 0 0 20px;
    margin: 0 0 5px 0;
}

.lesson-overview-fail
{    
    color: red;   
    padding: 0 0 0 20px;
    margin: 0 0 5px 0;
}

.lesson-overview-fail span, .lesson-overview-pass span { font-weight: bold; }

/* next / previous */
/* MAYBE DELETE */
.prevnext
{
    margin: 40px 0 0 0;
    height: 40px;
}

a.next-btn
{
    height: 40px;
    width: 29px;
    margin: 0 0 0 0;
    float: right;
    background: #fff url('images/buttons/next.jpg') no-repeat left top;
}

a.prev-btn
{
    height: 40px;
    width: 29px;
    margin: 0 0 0 0;
    float: left;
    background: #fff url('images/buttons/prev.jpg') no-repeat left top;
}

a.next-btn:hover { background-position: left -42px; }
a.prev-btn:hover { background-position: left -42px; }

/* inner box footer */

.content-footer
{    
    padding: 3px 8px 3px 8px;   
    background: #CFBCAF;
    vertical-align: middle;
    color: #543019;
    height: 13px;
    clear: both;
}

.content-footer a.prev, .content-footer a.next
{    
    display: block;   
    color: #543019;
    text-decoration: none;
    height: 13px;
    line-height: 13px;
}

.content-footer a.prev
{    
    float: left;   
    padding: 0 0 0 10px;
    background: transparent url('images/arrows/standard-arrows.png') no-repeat left -57px;
}

.content-footer a.next
{    
    float: right;   
    background: transparent url('images/arrows/standard-arrows.png') no-repeat right top;
    padding: 0 10px 0 0;
}




/* === CONTACT FORM */
.contact-container
{
    margin: 0 0 0 10px;       
}

label.contact-label
{    
    font-weight: bold;   
    margin: 0;
}

input.contact-input
{    
    margin: 4px 0 20px 0;   
    width: 300px;
    border: 1px solid #7d96b9;
    display: block;
}

textarea.contact-input
{    
    display: block;   
    margin: 2px 0 10px 0;
    width: 320px;
    height: 80px;
    border: 1px solid #7d96b9;
}

p.contact-address
{    
    padding: 0;   
    margin: 14px 0 26px 0;
}

/* === LESSON STATUS */
.pass
{
    color: green;   
    text-transform: uppercase;
    font-weight: bold;
}

.fail
{    
    color: red;
    text-transform: uppercase;
    font-weight: bold;
}

.pending
{    
    color: gray;   
    text-transform: uppercase;
    font-weight: bold;
}

/* === LESSON/OBJECTIVE/FRAME TABLES */

.legend-container
{    
    background: transparent url('images/gradients/headers/legend.jpg') no-repeat left bottom;   
    width: 200px;
    float: right;
    border: 1px solid #DED4CC;
    margin: 20px 0 10px 0;
}

ul.icon-legend
{    
    list-style: none;   
    margin: 5px 0 5px 24px;
    padding: 0;
    float: left;
    text-align: left;
}

ul.icon-legend li
{    
    list-style-type: none;   
    margin: 3px 0 3px 0;
    padding: 0 0 0 18px;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    text-align: left;
}

ul.icon-legend li.edit,
ul.icon-legend li.delete,
ul.icon-legend li.objective,
ul.icon-legend li.activate,
ul.icon-legend li.users,
ul.icon-legend li.deactivate,
ul.icon-legend li.newelement,
ul.icon-legend li.lessons,
ul.icon-legend li.assignments,
ul.icon-legend li.questions,
ul.icon-legend li.world-add,
ul.icon-legend li.world-delete,
ul.icon-legend li.gears,
ul.icon-legend li.download,
ul.icon-legend li.moveup,
ul.icon-legend li.moveup
{
    background: transparent url('images/icons/icons.png') no-repeat left;
}

a.deactivate, a.activate, a.users,
a.edit, a.delete, a.lessons,
a.world-add, a.world-delete, a.gears,
a.download, a.newelement, a.questions,
a.objective, a.assignments,
a.moveup, a.movedown
{
    background: transparent url('images/icons/icons.png') no-repeat left;    
    display: block;
    cursor: pointer;
    height: 16px;
    width: 16px;
}

td.controls a.deactivate, td.controls a.activate, td.controls a.users,
td.controls a.edit, td.controls a.delete, td.controls a.lessons,
td.controls a.world-add, td.controls a.world-delete, td.controls a.gears,
td.controls a.download, td.controls a.newelement, td.controls a.questions,
td.controls a.objective, td.controls a.assignments,
td.controls a.moveup, td.controls a.movedown
{
    float: left;
    margin: 0 3px 0 0;
}

ul.icon-legend li.edit, a.edit { background-position: left -128px; }
ul.icon-legend li.delete, a.delete { background-position: left -64px; }
ul.icon-legend li.objective, a.objective { background-position: left -256px; }
ul.icon-legend li.activate, a.activate { background-position: left -288px; }
ul.icon-legend li.users, a.users { background-position: left -192px; }
ul.icon-legend li.deactivate, a.deactivate { background-position: left -320px; }
ul.icon-legend li.newelement, a.newelement { background-position: left 0; }
ul.icon-legend li.lessons, a.lessons { background-position: left -160px; }
ul.icon-legend li.assignments, a.assignments { background-position: left -16px; }
ul.icon-legend li.questions, a.questions { background-position: left -224px; }
ul.icon-legend li.download, a.download { background-position: left -512px; }
ul.icon-legend li.world-delete, a.world-delete { background-position: left -544px; }
ul.icon-legend li.world-add, a.world-add { background-position: left -576px; }
ul.icon-legend li.gears, a.gears { background-position: left -608px; }
ul.icon-legend li.moveup, a.moveup { background-position: left -480px; }
ul.icon-legend li.movedown, a.movedown { background-position: left -448px; }

.default-table
{    
    width: 100%;    
    border: none;
    clear: both;
    margin: 5px 0 0 0;
}

.default-table tr.read td { font-weight: normal; }
.default-table tr.unread td { font-weight: bold; }
.default-table tr.rowhover td { background: #ccc; }

.default-table tr.message_header th
{
    background: #fff;
    border-bottom: 1px solid #7d96b9;
    padding: 3px 0 3px 0;
    color: #543019;
}

.secondary-table
{    
    width: 100%;   
    border: none;
    clear: both;
    margin: 0;
}

.default-table td, .default-table th
{
    text-align: left;   
    vertical-align: middle;
    padding: 3px;
    background: #eee;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.default-table tr.header-row td { border-bottom: none; }

.secondary-table td, .secondary-table th
{
    text-align: left;   
    vertical-align: middle;
    padding: 3px;
    background: #fff;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.default-table td a, .secondary-table td a { text-decoration: none; }
.default-table td a { color: #333; }
.default-table td a:hover { text-decoration: underline; }

.default-table td img, .secondary-table td img
{    
    border: none;   
    display: inline;
    vertical-align: middle;
}

.default-table td.single-button, .secondary-table td.single-button
{    
    width: 20px;   
    text-align: center;
}

.default-table td.double-button, .secondary-table td.double-button
{    
    width: 40px;   
    text-align: center;
}

.default-table td.triple-button
{    
    width: 60px;   
    text-align: center;
    border-right: 1px solid #eee;
}

.secondary-table td.td-indent
{    
    background: #fff;   
    border-bottom: none;
    width: 67px;
}

.default-table td.title
{    
    font-weight: bold;   
    padding: 3px 3px 3px 6px;
}

.secondary-table td.title
{
    padding: 3px 3px 3px 6px;   
    font-weight: normal;
}

.default-table td.title a, .secondary-table td.title a
{    
    color: #000!important;   
    text-decoration: none;
}

.default-table td.title a, .secondary-table td.title a { text-decoration: underline; }
    
.default-table td.date, .secondary-table td.date
{    
    width: 130px;   
    text-align: center;
    color: #666;
}

.default-table td.controls, .secondary-table td.controls
{    
    width: 80px;   
    text-align: center;
    border-right: none;
}

.default-table td.controls a, .secondary-table td.controls a { text-decoration: none; }

/*=== SELECT BOXES */
ul.selectbox
{
    background: #fff;
    color: #000;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px;
    float: right;
}

ul.selectbox li
{
    margin: 0;
    padding: 0;
}

ul.selectbox li.topitem
{
    border: 1px solid #ccc;
    background: #f0f0f0 url('images/selectdown.png') no-repeat right;
    height: 20px;
    line-height: 20px;
    padding: 0 3px 0 3px;
    position: relative;
    cursor: pointer;
}

ul.selectbox li.topitem ul
{
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    z-index: 9999;
    position: absolute;
    top: 21px;
    left: -1px;
    width: 148px;
    height: auto;
}

ul.selectbox li.topitem ul li
{
    background: #fff;
    border-top: 1px dotted #f0f0f0;
    padding: 0;
    margin: 0;
}

ul.selectbox li.topitem:hover ul { display: block; }

ul.selectbox li.topitem ul li a, ul.selectbox li.topitem ul li a:link, ul.selectbox li.topitem ul li a:active, ul.selectbox li.topitem ul li a:visited
{    
    display: block;   
    background: #fff;
    margin: 0;
    outline: 0;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    padding: 0 3px 0 3px;
}

ul.selectbox li.topitem ul li a:hover
{    
    display: block;   
    background: #f0f0f0;
}

label#sortlbl { margin: 4px 0 0 0; }


/* === ADMIN USERS SECTION */

.user-admin-controls
{
    width: 90%;   
    margin: 15px 0 15px 0;
    padding: 0 0 6px 0;
    border-bottom: 1px solid #eee;
}

#searchbox
{    
    width: 150px;   
    float: left;
}

h2.user-list
{    
    margin: 20px 0 0 0;   
    padding: 0;
    background: #fff;
    color: #543019;
    width: 90%;
    clear: both;
}

h2.user-list .user-controls
{    
    float: right;   
    font-size: 11px;
}

h2.user-list a { text-decoration: none; }

h2.user-list a:hover { text-decoration: underline; }

h2.user-list .user-name {float: left; }
h2.user-list .user-count {float: left; color: #000;}

h3.category-title { margin: 10px 0 0 0; }

table.user-list
{    
    margin: 3px 0 0 0;   
    padding: 0;
    width: 90%;
    border: none;
    clear: both;
    border-bottom: 2px solid #eee;
}

table.user-list th
{    
    background: #eee;   
    border-right: 1px solid #fff;
}

table.user-list td, table.user-list th
{    
    padding: 4px;   
    font-size: 11px;
    color: #333;
    text-align: left;
}

table.user-list .cell1, table.user-list .cell4, table.user-list .cell2, table.user-list .cell3 { width: 19%; }

table.user-list .cell5, table.user-list .cell6 { width: 12%; }



/* === BUTTONS */
.add-button, .rem-button
{
    display: block;    
    padding: 5px 0 5px 0;
    width: 24px;
    text-align: center;
    text-decoration: none;
    background: #f0f0f0;
    border: 1px solid #7D96B9;
    color: #543019!important;
    position: absolute;
}

.add-button { top: 25%; }
.rem-button { bottom: 25%; }

.blue-btn { background: #82b7e0; }

.orange-btn { background: #f8981d; }

a.logout-button, a.login-button
{
    display: block;   
    font-size: 9px;
    background: #543019;
    color: #fff;
    padding: 2px 4px 2px 4px;
    border: 1px solid #F3EFDE;
    text-decoration: none;
    line-height: normal;
}

#subheader a.logout-button
{    
    float: right;   
    margin: 3px 0 0 0;
}

/* === TESTS AND QUIZZES */
p.place_in_quiz
{ 
    color: #666;   
    border-bottom: 1px solid #F3EFDE;
    margin: 4px 0 0 0;
    padding: 4px 0 4px 0;
    font-size: 10px;
}

p.quiz_question
{
    font-style: italic;
    font-weight: bold;
    margin: 15px 0 0 0;
    padding: 5px 0 5px 0;
}

ul.quiz_answers
{    
    list-style: none;   
    margin: 5px 0 5px 0;
    padding: 0;
}

ul.quiz_answers li
{    
    margin: 0;   
    padding: 2px 0 2px 0;
}

ul.quiz_answers li input, p.quiz_question input
{    
    display: inline;   
    margin: 0 5px 0 5px;
}

ul.quiz_answers li label
{    
    font-weight: normal;   
    display: inline;
}

p.quiz_buttons { margin: 25px 0 0 0; }

p.quiz_correct, p.quiz_incorrect
{    
    margin: 0;   
    padding: 0;
}

p.quiz_correct span { color: green; }
p.quiz_incorrect span { color: red; }

/* === SPLASH PAGES */

h1.splash
{    
    color: #543019;   
    border-bottom: 1px solid #ded4cc;
    padding: 0 0 3px 0;
    margin: 0 100px 0 0;
    font-size: 18px;
}

h1.splash.splash-spaced { margin-top: 25px; }

h2.splash-header
{
    color: #543019;   
    margin: 10px 0 2px 0;
}

p.splash-content
{
    margin: 0 0 17px 0;
    padding: 0;
}

.splash-item
{    
    float: left;   
    width: 220px;
    margin: 30px 50px 10px 10px;
}

.splash-item h1
{    
    color: #543019;   
    margin: 0;
    padding: 4px 0 4px 10px;
    background: transparent url('images/arrows/splasharrow.gif') no-repeat left center;
}

.splash-item p
{    
    margin: 0;   
    padding: 4px 0 4px 11px;
}

.splash-item a
{    
    display: block;       
    text-decoration: none;
    padding: 0;
    margin: 0;
    height: 12px;
    line-height: 12px;
}

.splash-item a:hover
{    
    color: #543019;   
    text-decoration: none;
}

/* === USER MANAGEMENT */

label.enabled { display: inline; }

.user-info-column
{
    float: left;    
    margin: 0 30px 0 10px;
    width: 400px;
}

.user-info-column input.text { width: 200px; border: 1px solid #ccc; }

.user-info-column select { border: 1px solid #ccc; }
    
.user-info-column input.city { width: 100px; }

.user-info-column input.zip { width: 50px; }

.user-info-column select.list-items
{
    width: 155px;
    height: 200px;
}
.user-info-column select.list-items-big
{
    width: 155px;
    height: 400px;
}
p.user-info-spaced
{
    border-top: 1px solid #ded4cc;
    padding: 10px 0 0 0;
    margin: 40px 120px 0 0;    
}


h2.user-info-header
{    
    font-size: 12px;   
    color: #7d96b9;
    margin: 20px 0 10px 0;
    padding: 0;
}

h4.user-info-header
{    
    font-size: 12px;       
    margin: 0 0 3px 0;
    padding: 0;
}

/* === USER DETAILED REPORTS */
.user-photo
{
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 20px 0 0;
    border: 1px solid #543019;
}

.user-title { font-weight: bold; }

.personal-info
{
    margin: 20px 0 0 0;
    padding: 0 0 40px 0;
    float: left;
}

.personal-info .personal-photo
{
    float: left;
    margin: 0 10px 0 0;
    max-width: 140px;
}

.personal-info .user-info
{
    float: left;
    margin: 0 25px 0 0;
}

.personal-info p
{
    padding: 0;
    margin: 5px 0 0 0;
}

.personal-info .lesson-overview-pass, 
.personal-info .lesson-overview-fail 
{
    padding: 0;
    margin: 0;
}

.user-fieldset-container
{
    clear: both;
    margin: 0 0 20px 0;
    overflow: hidden;
    padding: 0 0 0 0;
}

fieldset.user-info-container
{
    float: left;
    margin: 0 26px 0 0;
    padding: 10px 5px;
    border: 1px solid #ded4cc;
}

fieldset.user-info-container ul, fieldset.user-info-container ul li
{
    list-style: none;
    margin: 0;
    padding: 0;
}

fieldset.user-info-container ul
{
    width: 415px;   
}
fieldset.user-info-container ul li
{
    float: left;
    margin: 0 20px 0 0;
}

fieldset.user-info-container legend
{
    color: #543019;
    border: 1px solid #ded4cc;
    margin: 0 0 0 0;
    padding: 2px;
    font-weight: bold;
}

fieldset.user-info-container p
{
    margin: 0;
    padding: 0;
    line-height: 21px;
}

.user-course-container
{
    clear: both;
    margin: 0 0 0 0;
    padding: 20px 40px 20px 0;
    border-top: 1px dotted #DED4CC;
}

#main-left .user-course-list-container
{
    float: left;
    width: 440px;
    margin: 0 10px 0 0;
}

#main-left .user-course-list
{
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}

#main-left .user-course-list li
{
    list-style: none;
}

#main-left .user-course-list h2
{
    font-size: 14px;
    cursor: finger;
    cursor: pointer;
}

#user-completed h2, #user-pending h2
{
    font-size: 12px;    
    text-decoration: underline;
}

#main-left .user-course-list li h2
{
    font-size: 12px;
    text-decoration: none;
}

#main-left .user-course-list li h2.expandable:hover { text-decoration: none; }

#main-left .user-course-list li h2.openheader { text-decoration: none; }

#main-left .user-course-list li
{
    margin: 0 0 10px 0;
}

#user-completed li, #user-pending li
{
    margin: 0 0 5px 0;
}

#main-left .user-course-list li ul
{
    margin: 5px 0;
    padding: 0;
}

#main-left .user-course-list li ul li
{
    background: #fff;
    font-size: 12px;
    margin: 0;
    padding: 3px 0 3px 12px;
    line-height: 17px;
}

#main-left ul.accordian-list li,
#main-left ul.accordian-list li a
{
    color: #000;
    font-weight: normal;
}
#main-left ul.accordian-list li.selected-item
{    
    background: transparent url('images/arrows/splasharrow.gif') no-repeat left top;   
}
#main-left #user-pending h2.expandable
{
    cursor: pointer;
}

#main-left .user-course-list li ul li a
{
    text-decoration: none;
}

#main-left .user-course-list li ul li a:hover
{
    text-decoration: underline;
}

#main-left .user-course-list li ul li.row1
{
    background: #eee;
}

/* === COMMUNITY ===*/
table.course-table
{
    margin: 15px 0 0;
    width: 100%;
}

table.course-table td { padding: 6px 0 6px 2px; }

table.course-table tr.row2 td { background: #f6f6f6; }
table.course-table tr.row1 td { background: #fff; }

table.course-table td.title
{
    color: #543019;
    font-weight: bold;
}

table.course-table th
{
    color: #7d96b9;
    border-bottom: 2px solid #ddd;
    padding: 0 0 4px 2px;
    text-transform: uppercase;
}

#main-left ul.category-list
{    
    margin: 0 0 20px 6px; 
}

#main-left ul.category-list li
{    
    padding: 0 0 2px 0;   
    font-weight: bold;
    color: #7d96b9;
}

#main-left ul.category-list li a, #main-left ul.category-list li a:visited, #main-left ul.category-list li a:active { color: #7d96b9; }

#main-left ul.category-list li a:hover { color: #543019; }

h2.category-title
{
    color: #7d96b9;
    padding-left: 6px;
}

#main-left ul.sub-category-list
{    
    margin: 0 0 20px 12px; 
}

#main-left ul.sub-category-list li
{    
    padding: 0 0 2px 0;   
    font-weight: bold;
    font-size: 11px;
    color: #543019;
}

#main-left ul.sub-category-list li a, #main-left ul.category-list li a:visited, #main-left ul.category-list li a:active { color: #543019; }

#main-left ul.sub-category-list li a:hover { color: #7d96b9; }


ul.community-course
{
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
}

ul.community-course li
{
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0;
}

ul.community-course li strong { color: #7d96b9; }

ul.community-course li.buttonlink
{
    padding: 6px 0 15px;
}

ul.community-course li.buttonlink a, ul.community-course li.buttonlink a:active, ul.community-course li.buttonlink a:visited
{
    background: #543019;
    color: #fff;
    padding: 4px;
    text-decoration: none;
}

ul.community-course li.title
{
    color: #543019;
    font-size: 13px;
    font-weight: bold;
}

ul.community-course.single-listing li
{
    font-size: 13px;
    line-height: 24px;
}

ul.community-course.single-listing li.buttonlink
{
    padding: 15px 0 0 0;
}
ul.community-course li.buttonlink a { font-size: 12px; }

ul.community-course.single-listing li.title
{
    font-size: 16px;
}
td.highlight-red {
    
    background: #FCE4E4;
}

td.highlight-green {
    
    background: #F0F7ED;
}
/* === COLOR CLASSES */

.brown { color: #543019!important; }
.orange { color: #f8981d!important; }
.blue { color: #7d96b9!important; }

.message-box
{
    background: orange;
    border: 1px solid red;
    color: #000;
    margin: 10px;
    padding: 10px;
}

.message-box p
{
    color: #000;
    font-weight: bold;
}

table, td {font: 11px Verdana, Arial, sans-serif; color: #000; }

table td {padding: 3px; }

/* Background ../images for tables */
.tbll	{background: url(images/icons/calendar/shadow_l.gif) no-repeat; width:8px}
.tblbot	{background: url(images/icons/calendar/shadow_m.gif) repeat-x; width:100%}
.tblr	{background: url(images/icons/calendar/shadow_r.gif) no-repeat; width:8px}

.alldaybg_1 {background: url(images/icons/calendar/allday_1.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_2 {background: url(images/icons/calendar/allday_2.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_3 {background: url(images/icons/calendar/allday_3.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_4 {background: url(images/icons/calendar/allday_4.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_5 {background: url(images/icons/calendar/allday_5.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_6 {background: url(images/icons/calendar/allday_6.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}
.alldaybg_7 {background: url(images/icons/calendar/allday_7.gif) repeat-x; height: 19px; padding-top: 5px; text-align: center;}

.rowOn			{ background-color: #cfc; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.rowOn2			{ background-color: #cfc; border-top: 1px solid #fff; }
.rowOff			{ background-color: #E1E8F1; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.rowOff2		{ background-color: #E1E8F1; border-top: 1px solid #fff; }
.rowToday		{ background-color: #cff; border-top: 1px solid #fff; border-left: 1px solid #fff; }

.padd			{ padding: 2px; }

/* Styles for day and week events */
.eventbg_1	 	{ background-color: #557CA3; padding: 2px;}
.eventbg_2	 	{ background-color: #53A062; padding: 2px;}
.eventbg_3	 	{ background-color: #E84F25; padding: 2px;}
.eventbg_4	 	{ background-color: #B257A2; padding: 2px;}
.eventbg_5	 	{ background-color: #D42020; padding: 2px;}
.eventbg_6	 	{ background-color: #B88F0B; padding: 2px;}
.eventbg_7	 	{ background-color: #73738C; padding: 2px;}
#allday a		{ font-size: 9px; color: #fff; font-weight: 900; text-decoration:none;}
#allday a:hover	{ text-decoration:underline;}

.eventbg2_1	 		{ background-color: #6699CC; border: 1px solid #557CA3; }
.eventbg2_2	 		{ background-color: #4FC464; border: 1px solid #53A062; }
.eventbg2_3	 		{ background-color: #FF6D3B; border: 1px solid #E84F25; }
.eventbg2_4	 		{ background-color: #EA62D4; border: 1px solid #B257A2; }
.eventbg2_5	 		{ background-color: #FF5E56; border: 1px solid #D42020; }
.eventbg2_6	 		{ background-color: #CCB21F; border: 1px solid #B88F0B; }
.eventbg2_7	 		{ background-color: #9292A1; border: 1px solid #73738C; }

.dayborder 		{ background-color: #fff; border-top: 1px solid #A1A5A9; }
.dayborder2 	{ background-color: #fff; border-top: 1px dashed #ccc; }

.title  		{ padding: 5px 0 5px 0; background: transparent; }
.title h1 		{ font-family: Helvetica, sans-serif; font-size: 18px; color: #000; margin: 0px;}

/* Month View */

.monthback		{ background-color: #ddd; border-top: 1px solid #ddd; border-left: 1px solid #ddd;border-spacing: 0;}
.monthreg		{ background-color: #fff; height: 105px; width: 155px; text-align: left; vertical-align: top; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.monthoff		{ background-color: #f9f9f9; height: 105px; width: 155px; text-align: left;  vertical-align: top; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.monthon		{ background-color: #F2F9FF; height: 105px; width: 155px; text-align: left;  vertical-align: top; }
.montheventtop	{ background-image: url(images/icons/calendar/side_bg.gif); border-top: 1px solid #A1A5A9; }
.montheventline	{ border-right: 1px dotted #A1A5A9; }
.calendar-today {background-color: #f6f8d9;}

/* Year View */

.medtitle		{ background-image: url(images/icons/calendar/side_bg.gif); height: 20px; margin-top: 3px; font-weight: 900; }
.yearreg		{ background-color: #fff; height: 30px; width: 30px; text-align: right; vertical-align: top; font-size: 9px; }
.yearoff		{ background-color: #F2F2F2; height: 30px; width: 30px; text-align: right;  vertical-align: top; font-size: 9px; }
.yearon			{ background-color: #F2F9FF; height: 30px; width: 30px; text-align: right;  vertical-align: top; font-size: 9px; }
.yearmonth		{ background-color: #ccc; }
.yearweek		{ background-color: #eee; width: 30px; font-size: 9px; font-weight: 900; text-align: center; height: 15px; }


/* older styles */

.eventborder	{ background-image: url(images/icons/calendar/day_title.gif); border: 1px #006699 solid; }
.eventbg	 	{ background-color: #6699CC; }

.dateback		{ background-color: #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: bold; color: #333;}
.weekborder 	{ border-top: 1px dashed #A1A5A9; border-right: 1px solid #A1A5A9; }
.weekborder2 	{ border-right: 1px solid #A1A5A9; }
.timeborder 	{ border-right: 2px solid #A1A5A9; border-top: 1px dashed #A1A5A9; background-image: url(images/time_bg.gif); }
.timeborder2 	{ border-right: 2px solid #A1A5A9; border-top: 1px solid #A1A5A9; background-image: url(images/time_bg.gif); }
.sideback 		{ background-image: url(images/icons/calendar/side_bg.gif); }
.navback  		{ padding: 0; background: transparent; text-align: right; }

/* Link colors and attributes */
/* This is the main link style */
a.psf			{ text-decoration:	none; }
a.psf:link		{ color: #0066FF; }
a.psf:visited	{ color: #0066FF; }
a.psf:active	{ color: #3366CC; }
a.psf:hover		{ color: #000099; text-decoration: underline; }
a#monthview
{
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 0 0 5px;
    float: right;
}

a#weekview {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 0 0 5px;
    float: right;
}

span#changeview {
    float: right;
}

/* This is the link style for the mini-cals */	
a.ps2			{ text-decoration:	underline; }
a.ps2:link		{ color: #0066FF; }
a.ps2:visited	{ color: #0066FF; }
a.ps2:active	{ color: #3366CC; }
a.ps2:hover		{ color: #000099; }

/* This is the link style for year months */	
a.ps3			{ text-decoration:	none; }
a.ps3:link		{ color: #000; }
a.ps3:visited	{ color: #000; }
a.ps3:active	{ color: #000; }
a.ps3:hover		{ color: #000; text-decoration: underline; }

/* This is the link style for events */	
a.ps			{ text-decoration:	none; }
a.ps:link		{ color: #fff; }
a.ps:visited	{ color: #fff; }
a.ps:active		{ color: #fff; }
a.ps:hover		{ color: #fff; text-decoration: underline; }


/* CSS definitions for fonts */

.V9 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; }
.V10W 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration:	none;}
.V9W 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-decoration:	none;}
.V10WB 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: 900; }
.V9G 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; }
.V10 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.V9BOLD 		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 900; }
.G10 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0066FF; }
.G10B 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.G10BOLD 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 900; }
.G10G 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A1A5A9; }
.V12 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color: #000000; }
/*h1 				{ font-family: Helvetica, sans-serif; font-size: 18px; color: #000000; }*/
.eventfont 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }

/* Length of the form drop downs */

.query_style 	{ font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 156px; margin-bottom: 0; }
.search_style 	{ font-size: 12px; font-family: verdana, geneva, arial, sans-serif; width: 134px; margin-bottom: 0; }
.login_style	{ font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 80px; margin-bottom: 0; }

/* === NEW CALENDAR CSS */
.calendar-controls
{
    margin: 8px 0 2px 0;    
}

.calendar-header
{    
    background: #543019;   
    padding: 10px 0 10px 10px;
    width: 663px;
    margin: 0 0 0 10px;
}

.calendar-header a#arrow-left
{    
    background: #543019 url('images/arrows/calarrows.gif') no-repeat left bottom;
    width: 8px;
    height: 12px;
    display: block;
    float: left;
    padding: 0;
    margin: 2px 7px 0 0;
}

.calendar-header a#arrow-right
{    
    background: #543019 url('images/arrows/calarrows.gif') no-repeat left top;
    width: 8px;
    height: 12px;
    display: block;
    float: left;
    padding: 0;
    margin: 2px 0 0 0;
}

.calendar-header h1
{
    color: #fff;    
    font-size: 14px;
    float: left;
    margin: 0 7px 0 0;
    padding: 0;
}

table.calendar-month
{    
    margin: 0 0 0 10px;   
    padding: 0;
    border: none;
    border-left: 1px solid #543019;
    border-right: 1px solid #543019;
    border-bottom: 1px solid #543019;
}

table.calendar-month th
{
    width: 89px;    
    height: 20px;
    text-align: center;
    font-weight: bold;
    color: #543019;
    background: #cfbcaf;
    font-size: 11px;
    border-top: 1px solid #cfbcaf;
}

table.calendar-month td, table.calendar-month td.monthreg, table.calendar-month td.monthoff
{    
    width: 89px;   
    height: 89px;
    vertical-align: top;
    font-size: 9px;
    padding: 3px;
    border-right: 1px solid #cfbcaf;
    border-top: 1px solid #cfbcaf;
    color: #cfbcaf;
}

table.calendar-month td a.psf
{    
    color: #543019;
}
    
table.calendar-month td.monthoff
{    
    background: #f0f0f0;   
}

table.calendar-month td.calendar-today
{    
    background: #fbe8d1;   
}

table.calendar-month td img
{    
    height: 9px;   
    width: 9px;
}

table.calendar-month td.last-week-day
{    
    border-right: none;   
}

/* === TOP NAV */
ul#nav
{    
    list-style: none;   
    margin: 90px 0 0 25px;
    padding: 0;
}

ul#nav li
{    
    margin: 0;   
    padding: 0;
    height: 25px;
    width: 115px;
    float: left;
    text-align: center;
    line-height: normal;
}

ul#nav li a, ul#nav li a:link, ul#nav li a:visited, ul#nav li a:active, ul#nav li a:hover
{    
    display: block;   
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    height: 18px;
    width: 110px;
    margin: 6px auto 0 auto;
}

/* unselected tabs */
ul#nav li
{    
    background: transparent url('images/tabs/tabs.png') center top;   
}

ul#nav li#home-tab
{    
    background-position: center top;   
}

ul#nav li#training-tab
{    
    background-position: center -26px;
}

ul#nav li#support-tab
{    
    background-position: center -52px;
}

ul#nav li#admin-tab
{    
    background-position: center -78px;
}

ul#nav li#comm-tab
{    
    background-position: center -104px;
}


ul#nav li#classroomcake-tab
{    
    background-position: center -130px;
}

/* selected tabs */
ul#nav li#home-tab-selected
{    
    background-position: center -157px;
    height: 28px;
}

ul#nav li#training-tab-selected
{    
    background-position: center -187px;
    height: 28px;
}

ul#nav li#support-tab-selected
{    
    background-position: center -217px;
    height: 28px;
}

ul#nav li#admin-tab-selected
{    
    background-position: center -247px;
    height: 28px;
}

ul#nav li#comm-tab-selected
{    
    background-position: center -277px;
    height: 28px;
}

ul#nav li#classroomcake-tab-selected
{    
    background-position: center -308px;
    height: 28px;
}

/* === SUBNAV */
ul#subnav {
    list-style: none;
    padding: 0;
}

ul.home {
    margin: 0;
}

ul.classroomcake
{
    margin: 0;
}

ul.training {
    margin: 0 0 0 118px;
    color: #7d96b9;
}

ul.support {
    margin: 0 0 0 348px;
    color: #7d96b9;
}

ul.admin {
    margin: 0 0 0 138px;
}

ul.comm {
    margin: 0 0 0 465px;
}

ul#subnav li
{
    border-right: 1px solid #ded4cc;
    margin: 7px 0 0 0;
    padding: 1px 8px 1px 8px;
    line-height: 23px;
    float: left;
    text-align: center;
    line-height: normal;
    color: inherit;
    font-size: 10px;
    font-weight: bold;
}

ul#subnav li.last-li {
    border-right: none;
}

ul#subnav li a, ul#subnav li a:link, ul#subnav li a:visited, ul#subnav li a:active
{
    color: #543019;
    font-weight: normal;
    text-decoration: none;
}

ul#subnav li a.selected
{    
    background: transparent url('images/arrows/subnavarrow.gif') no-repeat left center;
    padding: 0 0 0 8px;
    font-weight: bold;
}


/*=== LEFT NAV for ACCORDION / LESSON PAGES */
#left-nav .head, #left-nav2 .head
{
	cursor: finger;	
	cursor:pointer;
	display:block;
        font-size: 12px;
        font-weight: normal;
        margin: 0;
        padding: 0;
}

#left-nav li, #left-nav2 li
{
	list-style:none outside none; display:inline;	
}

#left-nav li ul li , #left-nav li ul li a, #left-nav2 li ul li, #left-nav2 li ul li a
{
	font-size: 11px;	
	color: #333!important;	
	text-decoration: none;
	display:block;
}

#left-nav li ul li a:hover, #left-nav2 li ul li a:hover
{	
	text-decoration: underline;	
}
	
#left-nav li ul, #left-nav2 li ul
{	
	margin: 0 0 5px 0;	
}

/*lesson page*/
#main-left ul.brown-list li ul li
{    
    font-weight: normal;   
    color: #333;
    padding: 0;
    margin: 0;
}

/* CSS for Training and Test Templates */
.user-admin-controls .floatleft { margin-right: 25px; }

.template-centered
{
    background: #f1f1f3;
    border: 1px solid #e1e0e1;   
    width: 855px;
    padding: 0;
    margin: 0 auto 0 auto;
    text-align: left;
}

.template-centered .content-container-header
{
    background: #fff url('images/gradients/box-gray.png') repeat-x top;
    border-bottom: 1px solid #c1c2c4;
}

.template-centered .content-container-header h1
{
    color: #333;
}

.template-centered .content-wrap
{
    padding: 2px;
    background: #f1f1f3;
}

.template-centered .content-container
{
    padding: 10px;
    border: 1px solid #cdcdcf;
    overflow: auto;
}

.template-centered .content-container p  { font-size: 14px; line-height: normal; }
.template-centered .content-container li { font-size: 14px; line-height: 22px; }

.player-prevnext
{
    height: 52px;
    padding: 0 10px 0 10px;
    vertical-align: middle;
    background: #ccc url('images/gradients/box-footer.png') repeat-x left center;
    border-top: 1px solid #c1c2c4;
}

.player-prevnext a.prev-btn, .player-prevnext .prev-disabled
{
    height: 37px;
    width: 126px;
    margin: 9px 0 9px 0;
    float: left;
    background: transparent url('images/buttons/prev2.png') no-repeat left top;   
}

.player-prevnext a.next-btn, .player-prevnext .next-disabled
{
    height: 37px;
    width: 88px;
    margin: 9px 0 9px 0;
    float: right;
    background: transparent url('images/buttons/next2.png') no-repeat left top;   
}

.player-prevnext .next-disabled { background: transparent url('images/buttons/next-disabled2.png') no-repeat left top; }
.player-prevnext .prev-disabled { background: transparent url('images/buttons/prev-disabled2.png') no-repeat left top; }

.player-prevnext a.next-btn:hover, .player-prevnext a.prev-btn:hover { background-position: left -37px; }

.template-left-col
{
    float: left;   
    width: 150px;
    padding: 20px 0 20px 20px!important;
        
}

.template-main-col
{    
    float: left;
    width: 645px;
}

.sub-content-container
{        
    padding: 0 20px 20px 20px!important;   
}

/* video player */
#media-player
{
    margin: 0 auto;
    background: #b3b3b3;
    border: 2px solid #b3b3b3;
    text-align: center;
    width: 585px;
}

#controls
{
    margin: 0 auto;
    width: 102px;
    height: 48px;
}

#nowplaying
{
    margin: 0 auto;
    padding: 4px 0;
    width: 585px;
    text-align: right;
}

#controls a#player-play
{
    float: left;
    height: 42px;
    width: 51px;
    margin: 3px 0 3px 0;
    background: transparent url('images/buttons/play.png') no-repeat left top;      
}

#controls a#player-stop
{
    float: left;
    height: 42px;
    width: 51px;
    margin: 3px 0 3px 0;
    background: transparent url('images/buttons/stop.png') no-repeat left top;       
}

#controls a#player-stop:hover, #controls a#player-play:hover { background-position: left -44px; }

#template-savenexit
{    
    margin: 15px 0 0 0;   
}

#template-nav
{
    padding: 0;   
    text-align: right;
    margin: 0 auto 10px auto;
    background: transparent;
    width: 855px;
}

#template-nav a, #template-nav a:link, #template-nav a:active, #template-nav a:visited, #template-nav a:hover
{    
    text-decoration: none;   
    margin: 0 0 0 10px;
}

#template-nav img
{    
    border: none;   
}


/* column elements */
.content-container .template-main-col h1
{    
    margin: 5px 0 15px 0;   
    padding: 0;
}

a.underline { text-decoration: underline!important; }

table.user-list td.highlight-green
{
	background: #165028; 
    color: #ffffff;
    font-weight: 900    	
}
table.user-list td.highlight-red
{
	background: #f48a0b; 
    color: #ffffff;
	font-weight: 900
}
table.user-list td.highlight-grey
{
	background: #064a94; 
    color: #ffffff;
	font-weight: 900
}
table.user-list td.highlight-dark
{
	background: #850118; 
    color: #ffffff;
	font-weight: 900
}
a.class-button,
a.class-button:link,
a.class-button:visited,
a.class-button:active
{   
	display: block;
    color: #fff;
    background: #ee3a43;
    border: 1px solid #999;
	margin:0 auto;
	padding:3px 3px;
	text-align:center;
	width: 50px;
	text-decoration: none;
}
a.class-button:hover
{
	background: #ef7f84;
	color: #fff;
}

.disabled-button
{    
	display: block;
	background:#8F8F8F none repeat scroll 0 0;
	border:1px solid #F0F0F0;
	color:#ffffff;
	margin:0 auto;
	padding:3px 0;
	text-align:center; 
	width:60px;
}
.sortnav-container
{
    width: 90%;   
    margin: 15px 0 15px 0;
   	text-align: center;	

    padding: 6px 0 6px 0;
    border-bottom: 1px solid #eee;
}

/*==== NEW pagination-added by duane on 10/1/09 ***/
.pagination {
	clear: both;
	font-size: 93%;
	margin-bottom: 14px;
	margin-right: 12px;
}

.pagination a {
	padding: 1px 3px;
	margin: 0 2px;
	border: 1px solid #ccc;
	
}

.pagination a.current {
	/*font-weight: bold;*/
	background-color: #543019;
	border: 1px solid #543019;
	color: #fff;
	
}
/*==== NEW label for radios-added by duane on 11/6/09 ***/
.radio-label{
font-weight: bold!important;
}
.radio-label label{
	display:inline;
	padding:0 0 2px;	
	font-weight: normal;
}