body {
	background: #c7b299 url('http://www.jistlearning.net/images/img01.gif') repeat-x;
	text-align: justify;
	margin: 0;
	padding: 0;
}

body, input, textarea, select {
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}

.defaultpadding {
     padding: 10px;
}

h1, h2, h3 {
	margin-bottom: 1em;
	font-weight: normal;
	color: #333333;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-size: 1.3em;
}

p, blockquote, ul, ol, form {
	margin-bottom: 1.5em;
}

blockquote, ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-right: 3em;
	font-style: italic;
}

ul {
	list-style-type: square;
}

hr {
	display: none;
}

.hr {
}

a {
	color: #3366FF;
}

a:hover {
	text-decoration: none;
	color: #FF6600;
}

a.globalnavigation
{
    font-family: Calibri, Verdana, Arial;
    font-size: 1.3em;
    color: Black;
    text-decoration: none;
}

a.subnavigation
{
    font-family: Calibri, Verdana, Arial;
    font-size: 1.1em;
    color: white;
    text-decoration: none;
}

a.subnavigation:hover
{
    font-family: Calibri, Verdana, Arial;
    font-size: 1.1em;
    color: white;
    text-decoration: underline;
    font-weight: bold;
}

/*FLOATING BOX*/
.floatingbox {
     width: 200px;
     border: 1px solid black;
     padding: 5px;
     line-height: normal;
}

.floatingboxright {
     float: right;
     margin: 0px 0px 15px 15px;
}

.floatingboxheader {
     background-color: #cccccc;
     font-weight: bold;
     text-align: center;
     padding: 5px;
     margin: -5px -5px 10px -5px;
}

.floatingbox ul {
     margin-left: -3px;
}

.floatingbox li {
     padding-bottom: 10px;
     margin-left: 0px;
}

/*NAVIGATION*/
.navbar {
    margin-bottom: 0px;
}

.global_navigation_link {
    background-image: url('http://www.jistlearning.net/images/global_navigation_background.jpg');
    background-repeat: no-repeat;
}

.nav, .nav ul {
	float: left;
    background-color: #5D000A;
    height: 30px;
	width: 750px;
	list-style: none;
	padding: 0;
	border: solid #5D000A;
	border-width: 0;
	margin: 0 0 0 0;
	text-align: center;
}

.nav a {
	display: block;
	width: 90px;
	color: #000;
	text-decoration: none;
	padding-top: 4px;
    color: white;
}

.nav a.daddy {
}

.nav li {
	float: left;
	padding: 0;
	width: 150px;
}

.nav li a {
     text-align: left;
}

.nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	width: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	text-align: left;
}

.nav li li {
	padding-right: 1em;
	width: 13em;
}

.nav li ul a {
	width: 170px;
     background-color: #5D000A;
     color: White;
     text-align: left;
     padding-left: 10px;
}

.nav li ul ul {
	margin: -1.75em 0 0 14em;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
	left: auto;
}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
	left: auto;
}

.nav li:hover, .nav li.sfhover {
	background: #5D000A;
}



/* FONT STYLES */
.redtext {
     color: red;
}

.greentext {
     color: green;
}

.bigtext {
     font-size: 20px;
}

.tinytext 
{
    font-size: 9px;
    font-style: italic;
}


/*STUDENT COURSE DISPLAY*/

div.studentcourse div.maincourse {
     margin-bottom: 15px;
     background-color: #ffffff;
}

div.studentcourse2 div.maincourse {
     margin-bottom: 15px;
     background-color: #cccccc;
}

div.studentcourse div.coursetitle {
     color: Black;
     text-transform: uppercase;
     font-size: 16px;
     padding: 3px;
     display: block;
}

div.studentcourse div.componentlist {
     background-image: url('http://www.jistlearning.net/images/coursearrow.png');
     background-position: left top;
     background-repeat: no-repeat;
     padding-top: 15px;
     margin-left: 10px;
     padding-bottom: 15px;
     padding-right: 15px;
}

div.studentcourse div.onlinecomponent {
     margin-left: 10px;
     padding:3px;
     background-color: #c2c2c2;
     border-bottom: 1px solid white;
     clear: both;
     display: block;
}

div.studentcourse div.offlinecomponent {
     margin-left: 10px;
     padding: 3px;
     background-color: #c2c2c2;
     clear: both;
     display: block;
}

div.studentcourse div.componenttitle {
     width: 40%;
     float: left;
     display: block;
}

div.studentcourse div.componentstatus {
     width: 20%;
     float: left;
     display: block;
}

div.studentcourse div.componentdate {
     width: 20%;
     float: left;
     display: block;
}

div.studentcourse div.skillsessiontitle {
     width: 400px;
     float: left;
     display: block;
}

div.studentcourse div.skillsessiondate {
     width: 150px;
     float: left;
     display: block;
}

div.studentcourse div.skillsessionlink {
     width: 150px;
     float: left;
     display: block;
}

div.studentcourse div.offlinecomponentdetail {
     border-top: 1px solid white;
     background-color: white;
     margin-left: 20px;
     padding: 3px;
}



img.left {
	float: left;
	margin: 0 15px 15px 0;
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
}

/* Wrapper */

#wrapper {
	width: 750px;
	margin: 0 auto;
}

/* Header */

#header {
	width: 750px;
	height: 105px;
	padding:  0px 0px 0px 0px;
	text-align: left;
}

#header h1, #header h2 {
	margin: 0;
	text-transform: lowercase;
	font-weight: bold;
}

#header h1 {
	padding: 100px 0 0 20px;
	letter-spacing: -2px;
	font-size: 3em;
}

#header h2 {
	margin-top: -5px;
	padding: 0 0 0 22px;
	font-size: 1em;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Content */

#content {
}

/* Course Listings */

#courses {
	float: left;
	width: 520px;
	margin-top: -5px;
	padding-left: 0px;
}

/* Post */

.homepagecourse 
{
	background: #ffffff;
	min-height: 250px;
	width: 250px;
	float: left;
	margin-right: 10px;
	text-align:left;
}

.course {
	background: #ffffff;
	min-height: 250px;
	width: 520px;
	float: left;
	margin-right: 10px;
	text-align:left;
}

.titlebox {
	height: 30px;
	margin: 0;
	padding: 0px;
	background: url('http://www.jistlearning.net/images/img06.gif') repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14pt;
	color: #5F000A;
}

.titlebox a {
	text-decoration: none;
	color: #5F000A;
}

.titlebox a:hover {
	text-decoration: underline;
}

.title 
{
    float: left;
    width: 90%;
}

h2.title 
{
    float: left;
    width: 100%;
}

.date 
{
    float: right;
    width: 30%;
	padding-right: 15px;
	text-align: right;
}

.entry {
	padding: 20px 15px 10px 15px;
	background: url('http://www.jistlearning.net/images/img07.gif') repeat-x;
	line-height: 1.8em;
}

.meta {
	margin-bottom: 2em;
	padding: 0 15px;
	text-align: right;
	font-size: x-small;
}

.homepagecourse ol 
{
	padding-left:0;
}

/* Admin */

#adminmain {
	float: left;
	width: 100%;
	margin-top: -5px;
	padding-left: 0px;
}

/* Post */

.admin {
	background: #ffffff;
	min-height: 250px;
}

.admin .title {
	height: 30px;
	margin: 0;
	padding: 7px 0 0 15px;
	background: url('http://www.jistlearning.net/images/img06.gif') repeat-x;
}

.admin .title a {
	text-decoration: none;
	color: #5F000A;
}

.admin .title a:hover {
	text-decoration: underline;
}

.admin .date {
	margin-top: -30px;
	padding-right: 15px;
	text-align: right;
	font: bold x-small Arial, Helvetica, sans-serif;
	color: #5F000A;
}

.admin .entry {
	padding: 20px 15px 10px 15px;
	background: url('http://www.jistlearning.net/images/img07.gif') repeat-x;
	line-height: 1.8em;
}

.admin .meta {
	margin-bottom: 2em;
	padding: 0 15px;
	text-align: right;
	font-size: x-small;
}


/* Sidebar */

#sidebar {
	float: right;
	width: 220px;
	margin-top: -5px;
	background: #ffffff;
	padding: 0px;
	text-align: left;
}

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

#sidebar li {
     margin-top: -15px;
     margin-bottom: 25px;
}

#sidebar li ul {
	margin: 10px 5px;
	padding: 15px 15px 15px 30px;
	list-style-type: square;
}

#sidebar li li {
}

#sidebar h2 {
	height: 29px;
	margin: 0;
	padding: 24px 5px 0 20px;
	background: url('http://www.jistlearning.net/images/img08.gif') repeat-x;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
}

#sidebar a {
	text-decoration: none;
}

.login_control_vert_spacing 
{
	line-height: 25px;
}

/* Search */

#search {
}

#search h2 {
	height: 27px;
	padding-top: 13px;
	background-position: left bottom;
}

#search form {
	padding: 15px 15px 0 15px;
	background: url('http://www.jistlearning.net/images/img07.gif') repeat-x;
}

#search #inputtext1 {
	width: 110px;
	padding: 1px 2px;
	background: url('http://www.jistlearning.net/images/img5.gif') repeat-x;
	border: 1px solid #C4C3C4;
}

#search #inputsubmit1 {
	background: url('http://www.jistlearning.net/images/img6.gif') repeat-x left bottom;
	border: 1px solid #C4C3C4;
}

/* Login */

#login {
     padding-top: 0px;
}

#login h2 {
	background-position: left bottom;
}

/* Categories */

#categories {
}

#categories h2 {
	background-position: left bottom;
}

/* Links */

#links {
}

#links h2 {
	background-position: left bottom;
}

/* Administrative */

#administrative {
}

#administrative h2 {
	background-position: left bottom;
}

/* Footer */

#footer {
}

#footer p {
	margin: 0;
	padding: 5px 10px;
	font-size: x-small;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

/*FORMS*/
div.form-container
{
    /*padding-left: 30px;
    padding-right: 30px;*/
}

p.legend
{
    margin-bottom: 1em;
}

p.legend em
{
    color: #C00;
    font-style: normal;
}

div.errors
{
    margin: 0 0 10px 0;
    padding: 5px 10px;
    border: #FC6 1px solid;
    background-color: #FFC;
}

div.errors p
{
    margin: 0;
}

div.errors p em
{
    color: #C00;
    font-style: normal;
    font-weight: bold;
}

div.form-container div.form-element
{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

div.form-container p
{
    margin: 0;
}

div.form-container p.formheader
{
    font-size: 130%;
    color: #333;
    margin-bottom:10px;
}

div.form-container p.note
{
    margin-left: 150px;
    font-size: 90%;
    color: #333;
}

div.form-container span.note
{
    margin-left: 170px;
    font-size: 90%;
    color: #333;
}

div.form-container fieldset
{
	margin: 10px 0;
	padding: 10px;
	border: #DDD 1px solid;	
	background-color:#D5DED9;
	border-width:2px 2px 2px 10px;
	border-style:solid;
	border-color:#99B2B7;

}

div.form-container legend
{
	position:absolute;
	padding: 3px 5px;
	top: -10px;	
	background-color:#eee;
	border-width:1px 1px 1px 10px;
	border-color:#EE1B2C;
	border-style:solid;	
	color:#5c71a2;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	text-align:center;

}

div.form-container fieldset div
{
	padding: 0.25em 0;
}

div.form-container td {
    padding-top: 10px;
    padding-bottom: 10px;
}

div.form-container label, 
div.form-container span.label
{
	margin-right: 10px;
	padding-right: 10px;
	width: 130px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	font-weight: bold;
}

div.form-container label.error, 
div.form-container span.error
{
	color: #000;
}

div.form-container label em, 
div.form-container span.label em
{
	position: absolute;
	right: 0;
	font-size: 120%;
	font-style: normal;
	color: #000;
}

div.form-container input[type='text'], div.form-container input[type='password']
{
	background-color:#eee;
	margin:2px 5px 0 0;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#809431;
	color:#5c71a2;
}

div.form-container input.error
{
	border-color: #C00;
	background-color: #FEF;
}

div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus
{
	background-color: #FFC;
	border-color: #FC6;
}

div.form-container div.controlset label, 
div.form-container div.controlset input
{
	display: inline;
	float: none;
}

div.form-container div.controlset div
{
	margin-left: 170px;
}

div.form-container div.buttonrow
{
	margin-left: 180px;
}

.actionbutton {
    background-color:#ddd;
	border:1px solid #809431;
	font-weight:bold;
	padding:2px;
	margin:0px 0px 0px 20px
}

.rowstyle1 {
    background-color: #948C75;
}

.rowstyle2 {
    background-color: #e9e2d2;
}

/* WIZARD */

.sidebar {
     padding-right: 10px;
     border-right: solid 1px #600006;
}

.stepstyle {
     padding-left: 10px;
}