/* 
    Document   : $Id: base.css 1139 2008-09-29 16:34:53Z sasekg $
    Created on : August 1, 2005, 11:34 AM
    Author     : Randall
    Description:
        Base Learner Web stylesheet.
*/
/* COLORS
    anchor_blue : #118;
    light_green : #a8dca3;
    medium_green : #779c74;
    dark_green : #435841;
*/

/* can probably be removed
li.nested {
    list-style-type: none;
}
*/

/* body, anchors {{{*/
body {
    font-family : Tahoma, Verdana, Helvetica, Arial, sans-serif;
    font-size : 100%;
    background : #fff;

   /* background : #fff url( "../img/bg_psu_green.png" ) repeat-y;*/
    padding : 0;
    margin : 0;
    position: relative;
    width: 100%;
}
a:link,
a:visited {
    font-weight : bold;
    color : #118;
}
a:hover,
a:active {
    color : #66c;
    text-decoration : underline;
}
/*}}}*/
/* layout: major elements *//*{{{*/
/* these two rules should have the effect of centering all boxes */
#Content{
    margin-left: 310px;
    padding : 1em;
}

#NodeForm{
   /* position: absolute;
    margin-left: 310px;
    margin-right: 10px;
    left: 10px;
    top: 100px;*/
}

#Footer {
    border-top: 1px solid #ccc;
    text-align: center;
    color : #000;
    font-size : .8em;
    clear : both;
    background : #ffd685;
    margin : 30px 0 0 0;
}
#Footer p {
    padding : 10px 10px 3px 10px;
    margin : 0;
}
/*}}}*/
/* element: header {{{*/
#Header {
    
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 5.3em;
    position: relative;
}    
/*
#Logo {
    background: url(../img/learnerWebLogo.png) no-repeat left;
    display: block;
    height: 82px;
    width: 309px;
    float : left;
}
*/
div#Logo {
	margin-top: 25px;
}
div#Logo a:link, div#Logo a:visited {
	background: url(../img/learnerWebLogo.png) no-repeat top left;
	width: 309px;
	height: 82px;
	display: block;
        float : left;
}

div#Logo a:link span, div#Logo a:visited span {
    display: none;
}

.TitleStatus {
    font-size : .9em;
    float : right;
    padding : 5px 10px;
}
.TitleStatus p {
    text-align : right;
    margin : 0;
    padding : 0;
}
/*}}}*/
/* headings *//*{{{*/
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, h4 em {
    font-style : normal;
    font-weight : normal;
}
h1 {
    font-size : 1.5em;
    text-align : left;
    padding : 0px;
    margin : 0px;
}
h2 {
    font-weight : normal;
    font-size : .8em;
    text-align : left;
    padding : 0px;
    margin : 0px;
}
h4 {
    font-size : 1.2em;
    padding : 0px;
    margin : 0px 0px 20px 0px;
}
h5 {
    font-size : 1em;
    text-align : left;
    padding : 0px;
    margin : 0px 10px 10px 0px;
}
/*}}}*/
/* text  {{{*/
p.message {
    font-weight : bold;
    text-align : center;
}
dt.inline {
    float : left;
    margin : 0px 10px 0px 0px;
}
dd {
    padding : 0px;
    margin : 0px 0px 10px 0px;
}
/*}}}*/
/* tables {{{*/
table {
    margin: 0px;
    padding: 0px;
    border: 1px solid black;
}
table.form {
    border-collapse : collapse;
    border : 0px;
}
tr {
    margin: 0px;
    padding: 0px;
}
td {
    padding: 2px;
    border: 1px solid black;
}
/*}}}*/
/* forms {{{*/
.GenericForm,
form.ProfileForm,
form.PlanForm,
form.CategoryForm,
form.LoginForm,
form.AccountForm,
form.ResourceForm,
#AccountForm,
#LoginForm {
    text-align : center;
    border : 1px solid #2C5E8D;
    padding : 10px 0 0 0;
    background : #F7F9FC;
    width:98%;
}

form.ProfileForm table,
form.PlanForm table,
form.CategoryForm table,
form.LoginForm table,
form.AccountForm table,
form.ResourceForm table,
#AccountForm table,
#LoginForm table {
    text-align : left;
    border : 0;
    margin : 0 auto;
}

#PlanForm {
    background: #a8dca3;
}
#CategoryForm {
    background: #fcf9cf;
}
#LoginForm {
    width : 400px;
    margin : 0 auto;
}
td.Label {
    text-align : left;
    /*vertical-align : top;*/
	padding-top: 10px;
	padding-right: 15px;
	
}
td.Field em {
    font-size : .9em;
}
td.Link a {
    font-size : .8em;
}
table.view td.Label {
    font-weight : bold;
}
tr.FormRow {
    padding : 2px 0;
}
table.form td,
tr.FormRow td {
    border : none;
}
table.form td {
    width : 50%;
}

#FormControls, .FormControls {
    text-align : right;
    padding : 3px;
    background : #1B5E8D !important;
    margin : 10px 0 0 0;
    clear : both;
}

#FormControlsNoClear, .FormControlsNoClear {
    text-align : right;
    padding : 3px;
    background : #1B5E8D !important;
    margin : 10px;
}

form.ProfileForm ul {
    text-align : left;
    list-style-type : none;
}
h4.interests {
    text-align : left;
    margin-left : 20px;
}
p.instructions {
    font-weight : bold;
    text-align : left;
}
/*}}}*/


.Viewport, .ShortViewport {
    border: 1px solid black; 
    background-color: #fcf9cf; 
    position: relative; 
    width: 100%; 
    height: 300px; 
    overflow: scroll;    
}
 .ShortViewport {
     height: 250px;
 }

.BugReportIframe {
    border: 1px solid black; 
    width: 600px; 
    background-color: #F7F9FC; 
    height: 800px; 
    overflow: scroll;    
}

.Warning {
    padding: 5px 5px 5px 5px;
    text-align: center;
    color: #900;
}

ul.Errors {
    border-left : 5px;
    padding : 5px 20px;
    margin : 20px 40px 0 220px;
    color: #900;
}
/* The Message you get when you incorrectly login, ie wrong username/pass or user
   does not exist. */
#LoginError {
    color: #900;
}


#unobtrusive_link {
    font-size : .8em;
}

/*************
* Left Navigation Menu
*/
#LeftMenu {
    font-size : .7em;
    width: 300px;
    border-right :5px solid #004444;
    border-bottom :5px solid #004444;
    float: left; 
    clear : left;
    background : #fcf9cf;
    margin : 0 0 0 0;
}


/* Menu Styling */

.Menu {
/*     width: 15%; */
    vertical-align: top;
    padding-left: 1em;
    padding-top: 1em;
    padding-bottom: 1em; 
}

/* I believe these can be removed
#LeftMenuChild {
    margin-left: 20px; 
}
*/

/* Not currently used, but we might keep around */
#BreadCrumbs,
#BreadCrumbs form,
div.BreadCrumbs,
div.BreadCrumbs form {
    display : inline;
}
div.BreadCrumbs table {
    width : 100%;
    border : none;
}
div.BreadCrumbs table td {
    width : 25%;
    border : none;
}
div.BreadCrumbs td.a {
    text-align : left;
}
div.BreadCrumbs td.b {
    text-align : center;
}
div.BreadCrumbs td.c {
    text-align : right;
    width : 50%;
}

.Crumb {
}

.Node {
}

/* I believe this can be removed
.NodeNode{
    margin-left: 8px; 
}
*/

.Category {
    /*margin-left: 20px;*/
}
.CategoryCategory {
        margin-left: 20px; 
}

h3.ControlMenu {
    padding : 0;
    margin : 0;
}

/* I belive these can be removed
#SpecificMenu {
}

#SpecificMenu {
}

#SpecificMenu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#SpecificMenu li:hover {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #A2C4D7;
    color : #fff;
}
*/

ul.nobullets  {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/****************************************************
* General Styling
*/

/** Code for the Javascript Menus */
	/* Turn off list bullets */
	/* Control how "spaced out" the tree is */
	ul.mktree,
    ul.mktree ul,
    ul.mktree li {
        list-style : none;
        padding : 0;
        margin-left : 10px;
        /*white-space: nowrap;*/
    }
    ul.mktree li em {
        font-size : .8em;
        border-bottom : 1px dotted #999;
        margin : 0 0 0 25px;
        display : block;
        /*white-space: nowrap;*/
    }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url( "../img/minus.gif" )  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url( "../img/plus.gif" )   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url( "../img/bullet.gif" ) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
    /* 6pt is too small
	ul.mktree  li { font-size: 12pt; }
	ul.mktree  li ul li { font-size: 10pt; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li ul li { font-size: 6pt; }
    */
hr {
    clear : both;
}
hr.div {
    background : transparent;
    border : 0;
}

/* resources {{{*/
h4.resources {
    font-size : 1.2em;
    border-bottom : 1px solid #241;
}
/*}}}*/

.regions_list ul {
    list-style : none;
    text-align : left;
}