*{margin:0;padding:0;}
body{
  color:#000;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 76%;
  }
img{
  border:0;
  }
a,a:link,a:visited,a:active,a:focus{
  color:#82c341;
  text-decoration:none;
  outline: none;
  }
a:hover{
  }
p{margin:0 0 10px 10px;}  
  
div#topBar{
  background:#82C341 url(../images/user.gif) no-repeat 5px center;
  width:100%;
  height:20px;
  line-height:20px;
  color:#fff;
  font-weight:bold;
  }
div#topBar a,
div#topBar a:link,
div#topBar a:visited{
  color:#ddffbb;
  }
div#topBar a:hover{
  text-decoration:underline;
  }
div#topBar p#logOut a{
  padding-right:25px;
  background:url(../images/door_out.gif) no-repeat right;
}   
div#operationsBar{
  background:#E6E6E6 url(../images/bg-opBar.jpg) repeat-x;
  width:100%;
  height:35px;
  line-height:35px;
  overflow:hidden;
  border-top:1px solid #999;
  }
div#operationsBar ul{
  list-style-type:none;  
  margin-left:30px;
  overflow:auto;
  }
div#operationsBar ul li{
  float:left;
  margin-right:10px;
  }  
div#operationsBar a,
div#operationsBar a:link,
div#operationsBar a:visited{
  color:#000;
  display:block;
  padding:0 7px;
  line-height:30px;
  margin-top:5px;
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left:25px;
  }
div#operationsBar a:hover,  
div#operationsBar a.active,
div#operationsBar a.active:hover{
  background-color:#fff;
  color:#82c341;
  -moz-border-radius:3px 3px 0 0;
  -webkit-border-radius:3px 3px 0 0;
  }  
div#operationsBar a.active{  
  border:solid #ccc;
  border-width:1px 1px 0 1px;  
  }
div#operationsBar a:hover{
  background-color:#f3f3f3;
  }

div#operationsBar a.button-home{
  background-image:url(../images/house.gif);
}
div#operationsBar a.button-courses{
  background-image:url(../images/book.gif);
}
div#operationsBar a.button-buy{
  background-image:url(../images/cart.gif);
}
div#operationsBar a.button-lists{
  background-image:url(../images/page.gif);
}
div#operationsBar a.button-fave{
  background-image:url(../images/star.gif);
}
div#operationsBar a.button-settings{
  background-image:url(../images/cog.gif);
}
div#operationsBar a.button-help{
  background-image:url(../images/help.gif);
}
div#operationsBar a.button-more{
  background-image:url(../images/more.gif);
  float:right;
}

div#operationsBar form a{
  display:inline !important;
  padding:0 !important;
  }
div#operationsBar form a:hover{
  background:none; 
  }
div#operationsBar form a img{
  vertical-align:middle;
  }
  
.taskbars img{margin:3px 3px 0 3px;}
.taskbars p{margin-left:30px;margin-bottom:0;display:inline;}
.taskbars .onRight{float:right;margin-right:30px;}

a#addQuickLink{
  color:#fff;
  font-weight:bold;
  float:right;
  display:block;
  padding:10px 10px 10px 30px;
  background:#82C341 url(../images/star-add.gif) no-repeat 5px center;
  margin-bottom:10px;
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
  }
a#addQuickLink:hover{
  background-color:#98e24d;
  }

div#contentPane{
  padding:20px 20px 0 20px;
  }
div#welcome{
  padding-bottom:20px;	
  }
div#welcome img{
  float: right;
	display: inline;
	padding-bottom:20px;
  }
div.marketing{	
	margin-right:275px;
}
div.middleCol{		
	margin-bottom:20px;	
}
div.middleCol h1{
  font-size:1.3em;
  font-weight:bold;
  color:#fff;
  background:#82C341 url(../images/bg-gradBar.png) repeat-x;
  padding:5px 10px;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border: 1px solid #6ba532;  		
  }
div.rightCol{
  width:250px;
  float:right;
  clear:right;
  margin-bottom:20px;
  background-color:#F3F3F3;
  padding-bottom:10px;
} 
div.rightCol h1{
  font-size:1.2em;
  font-weight:bold;
  color:#fff;
  background-color:#82C341;
  padding:2px 10px;
  margin-bottom:10px;
}
div.rightCol h1.news{background:#82C341 url(../images/newspaper.gif) no-repeat 98% center;}  
div.rightCol h1.announce{background:#82C341 url(../images/comment.gif) no-repeat 98% center;}  
div.rightCol h1.feedback{background:#82C341 url(../images/user_comment.gif) no-repeat 98% center;}  
div.rightCol h2{
  font-size:.9em;
  padding:2px 10px;
}  

  
  
/**/
ul#courseMenu{
  width:200px;  
  float:left;
  }

ul#courseMenu li{
  list-style-type:none;
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
  background-color: #E6E6E6;
  margin-bottom:5px;
  padding:5px 15px;
  font-weight:bold;
  line-height:25px;
  cursor:pointer;
  }
ul#courseMenu li:hover{  
  background-color: #f3f3f3;
  }
ul#courseMenu li.asc{
  background-image: url(../images/asc.gif);
  background-repeat: no-repeat;
  background-position: right 15px;
  }
ul#courseMenu li.desc{
  background-image: url(../images/desc.gif);
  background-repeat: no-repeat;
  background-position: right 15px;  
  }  
ul#courseMenu li.header{
  background:#82C341 url(../images/book.gif) no-repeat 5px center;
  height:25px;
  color:#fff;
  padding-left: 30px;
  cursor:default;
  }    
ul#courseMenu ul.sections li{
  background:none;
  padding:0;  
  }
ul#courseMenu ul.lessons li{
  font-weight:normal;
  line-height:10px;
  background:none;
  padding:0;
  }
ul#courseMenu ul.lessons li:hover{
  background:#82C341 url(../images/control_play.gif) no-repeat 98% center;
  }
ul#courseMenu a,
ul#courseMenu a:link,
ul#courseMenu a:visited{
  display:block;
  padding:5px 15px;
  color:#000;
  }
ul#courseMenu a:hover{
  color:#fff;
  }
  
div.middleBox{
  margin-left:230px;
  /*background-color:red;*/
  padding:10px;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;  
  }

div.label{
  position: relative;
  float: left;
  margin-right: 3px;
  clear: left;
  }
label.over{
  position: absolute;
  left: 3px;
  color:#767676;
  }
form.singleline div.label{
  clear: none !important;
  }
form.singleline input.submit{
  margin-top: 0 !important;
  }  
  
form.vertical fieldset{
	display: block;
	margin: 0 0 1em 0;
	border:0;
	padding: 0 1em 1em 1em;
}
form.vertical label{
  width:100%;
	clear: both;
	float: left;
	display: block;
	font-weight: bold;
}
form.vertical input,
form.vertical textarea{
  margin-bottom:10px;
  display:block;
  padding:3px;
}
form.vertical select{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}
form.vertical input.checkbox{
	float:left;
	width:auto;
	margin-right:10px;
}

/**/
	ul#recent-list{
		list-style-type:none;
		padding:3px 20px;"
	}
	ul#recent-list li{
		padding:2px;
		font-weight:bold;
	}
	div.marketing h1{
		margin-bottom:10px;
	}

ul#course-list-main li{
    list-style-type:none;
    background-image: url(images/bullet_go.gif);
    background-repeat: no-repeat;
    background-position: 98% center;   
    position:relative;		
  }
  ul#course-list-main li.alt,
  table#course-list-single tr.alt{
    background-color:#f3f3f3;
  }
  ul#course-list-main li:hover,
  table#course-list-single tr:hover{
    background-color:#e7ffce;
  }
  
  table#course-list-single{
    width:100%;
  }
  table#course-list-single td.sName{
    font-weight:bold;
    padding:3px 10px;
  }
  table#course-list-single td.desc{
    padding:3px 10px;
  }  
  table#course-list-single td.noHover:hover{
    background-color:#fff;
  }
  ul#course-list-main li a,
  table#course-list-single a{
    color:#000;
    text-decoration:underline;
    padding:3px 10px;
    display:block;
    width:100%;
  }  
  table#course-list-single a{
    padding-left:30px;
  }
  
  a#backLink{
    color:#fff;
    font-weight:bold;
    margin:7px;
    background: url(images/arrow_undo.gif) no-repeat right center;
    padding-right:20px;
    float:right;
  }