/* 
    Document   : $Id: role_base.css 540 2006-03-06 23:18:14Z jdodson $
    Created on : December 1, 2005, 2:09 PM
    Author     : randall
    Description:
        Learner Web CSS specific to certain roles.  Borrowed mostly from resource_administrator.css
        if a role needs to override this, they can, but its shared amongst: tutors, helpers
        helper_administrators, tutor_administrators and resource_administrators.

        Added Shared styling for the Learners Goal Tree.
*/

.resource_list {
    float : right;
    width : 55%;
}
.resource_list p {
    padding : 0 0 10px 0;
    margin : 0;
}
.resource_info {
    border : 1px solid #241;
    margin : 15px 0;
}
.resource_info h5 {
    color : #fff;
    background : #241;
    border-bottom : 1px solid #cf9;
    padding : 1px 10px 1px 10px;
}
.resource_info h6 {
    font-size : 1em;
    border-bottom : 1px solid #cf9;
    margin : 0 15px;
}
.resource_info p.sub {
    padding : 0;
    margin : 0 15px;
}
.resource_info dl {
    font-size : .9em;
    margin : 15px 15px 0 15px;
}
.resource_info dl dt {
    font-weight : bold;
}
form.goal_info table {
    background : #fff;
}
.ResourceNode a:visited {
    color : #779c74;
}
.ResourceNode a:hover,
.ResourceNode a:active {
    color : #66c;
    text-decoration : underline;
}

/* menu controls {{{*/
ul {
    list-style-type : disc;
}
ul.menu_parent {
    padding : 0;
    margin : 0 5px;
}
li.nest {
    list-style-type : none;
    padding : 0;
    margin : 0;
}
ul.MenuTree {
    padding : 0;
    margin : 0;
    list-style-type : none;
}
ul.MenuTree li.container {
    padding : 0;
    margin : 0;
}
ul.MenuTree li.empty {
    padding-left : 5px;
    margin : 0;
}

li.container {
    list-style-type : none;
    padding : 0;
}

li.container ul {
    padding : 0;
    margin-left : 12px;
}

li.container ul li {
    padding : 0;
    margin-left : 10px;
}
li.container ul li.empty {
    padding : 0;
    margin-left : 20px;
    list-style-type : disc;
}

/*}}}*/

/* Availability UI Controls {{{*/
table.availability {
    font-family : sans-serif;
    font-size : 80%;
    border-collapse : collapse;
}
table.availability th {
    font-size : 2em;
    text-align : center;
}
table.availability td {
    padding : 0;
    margin : 0;
}
table.availability a {
    text-decoration : none;
    font-size : 1em;
    text-align : right;
    padding : .2em .8em .2em;
    border : 1px solid #eee;
    width : 3em;
    height : 100%;
    display : block;
}
td.active1 a {
    font-weight : bold;
    color : yellow;
    background : blue;
    border-color : blue;
}
td.active0 a {
    font-weight : normal;
    color : #555;
}
table.availability a:hover {
    text-decoration : underline;
    background : #eee;
}
/*}}}*/

#NodeControls {
    font-size : .8em;
    background : #dedede;
    padding : 1px 5px;
    margin-bottom : 3px;
    height : 1.75em;
}
#controls_edit,
#controls_delete,
#controls_new {
    width : 33%;
    float : left;
}
#controls_nav {
}
#controls_delete {
    text-align : center;
}
#controls_nav {
    text-align : right;
    float : right;
}
#controls_new {
    font-weight : bold;
    padding : 0 0 0 0;
    margin : 0 0 0 0;
/*    border-bottom : 1px solid #dedede;*/
}
#controls_new form {
    padding : 0 0 0 0;
    margin : 0 0 0 0;
}


/* content */
div.content {
    border-bottom : 1px solid green;
    padding : 0 0 0 60px;
    margin : 0 0 10px 0;
    position : relative;
}
div.alert {
    background : url( "../img/alert.gif" ) top left no-repeat;
}
form.AccountForm {
    padding : 0;
}
div.one,
div.two,
div.three,
div.four {
    background-position : 7px 7px;
    background-repeat : no-repeat;
    padding : 10px 0 0 65px;
}
div.one {
    background-image : url( "../img/one.gif" );
}
div.two {
    background-image : url( "../img/two.gif" );
}
div.three {
    background-image : url( "../img/three.gif" );
}
div.four {
    background-image : url( "../img/four.gif" );
}
div.content h3 {
    padding : 10px 0 0 0;
    border : 0;
}
/* learner home {{{*/
div.index_goal {
    width : 45%;
    border : 1px solid #241;
}
div.index_goal h3 {
    padding : 2px 5px;
    background : #A8DCA3;
}
div.goal_new {
    margin : 0 auto;
}
div.goal_edit {
    margin : 0 auto;
}
div.index_goal h4 {
    color : #fff;
    background : #241;
    padding : 1px 10px 1px 10px;
    margin : 0;
}
div.index_goal form {
    margin : 10px;
}
p.new_goal {
    text-align : right;
    padding : 2px 7px;
    border-top : 1px solid #241;
    margin : 0;
}
/*}}}*/
/* learner goals {{{*/
h3 {
    color : #241;
    padding : 0;
    border-bottom : 1px solid #241;
    margin : 0 0 20px 0;
}
#goals {
/*     background : #cf9; */
/*     border : 1px solid #241; */
}
#goals table {
    border : 0;
    border-collapse : collapse;
}
td.goal {
    font-weight : normal;
    font-size : .8em;
    padding : 0;
    background : #fff;
    border : 1px solid #999;
    border-bottom : 0;
    vertical-align : top;d
}
td.active {
    background : #cf9;
    border : 1px solid #241;
    border-bottom : 1px solid #cf9;
}
td.goal h4 {
    color : #fff;
    padding : 1px 10px 1px 10px;
    background : #666;
    margin : 0;
}
td.active h4 {
    background : #241;
}
td.goal ul {
    list-style-type : none;
    padding : 0;
    margin : 0;
    min-height : 150px;
}
td.goal a {
    font-weight : normal !important;
    text-decoration : underline;
}
td.goal li {
    padding : 3px 5px;
    margin : 0;
}
li.active {
    background : #999;
}
td.active li.active {
    background : #582;
}
td.goal li.active a,
td.active li.active a,
li.active a {
    color : #fff;
}
/* goal info */
/* form.goal_info { */
.goal_info {
    clear : both;
    padding : 10px;
}
.goal_info h5 {
    padding : 0 10px;
}
.goal_info p {
    padding : 3px 10px;
}
.goal_info_only {
    background : #cf9;
    border : 1px solid #241;
    float : left;
    width : 30%;
} */