/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

strong 
{
		font-weight: bold !important;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

label 
{
	font-weight:bold;
	line-height:17px;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Really Managing styling */

#bodycontent:after, .clearfix:after, .topsubnav:after, div#blog ul li h5:after, div#commentList div.comments h4:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#bodycontent, .clearfix, .topsubnav, div#blog ul li h5, div#commentList div.comments h4 {display: inline-block;}

.left
{
	float: left;
}

/* Hides from IE-mac \*/
* html #bodycontent, * html .clearfix, * html .topsubnav, * html div#blog ul li h5, * html div#commentList div.comments h4 {height: 1%;}
#bodycontent, .clearfix, div#blog ul li h5, div#commentList div.comments h4 {display: block;}
/* End hide from IE-mac */

/*.right {
	text-align: right;
}*/

body {
    background: #CCC;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

#allContent {
    width: 770px;
    margin: 0 auto;
    position: relative;
    background: #FFF url(images/page_bg.gif) top center repeat-y;
    padding: 0 6px;
    text-align: left;
}

#header {
	height: 25px;
	background: #08225A url(images/header_bg.gif) top left repeat-x;
	position: relative;
}
.noaLogoSmall {
  position: absolute;
  top: -13px;
  left: 10px;
  z-index: 50;
}
#logo {
	height: 71px;
	width: 314px;
	background: url(images/logo.jpg) top left no-repeat;
	position: absolute;
	top: 16px;
	left: 20px;
}

#partnerlogos {
	height: 59px;
	width: 216px;
	background: url(images/partnerlogos_bg.jpg) top left no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
}

#adminnav {
	position: absolute;
	bottom: 5px;
	right: 10px;
}

#image {
	border-top: 3px solid #FFF;
	height: 157px;
	background: url(images/image_bg.jpg) no-repeat 0 -75px;
	position: relative;
}
#image img.noaLogo {
  display: block;
  margin: 10px 0 0 10px;
}
#innerimage {
    border-top: 3px solid #FFF;
    height: 30px;
    background: url(images/image_bg.jpg) no-repeat 0 -202px;
    position: relative;
}

.box {
	width: 352px;
	border: 1px solid #666;
	text-align: right;
	position: absolute;
	top: 15px;
	right: 12px;
	background: url(images/alertbox_bg.png);
	color: #000;
	padding: 12px;
}		

#navigation {
	text-align: center;
	height: 22px;
	padding: 4px 0;
	background: url(images/navigation_bg.gif) top left repeat-x;
	border-bottom: 3px solid #fff;
}

#bodycontent {
	background: #D6E2EA url(images/bodycontent_bg.jpg) top left repeat-x;
	padding-top: 17px;
	padding-bottom: 17px;
	position: relative;
}

.topsubnav 
{
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(images/topsubnav_bg.gif) bottom center no-repeat;
}

.topsubnav li {
    display: inline;
    margin: 0 5px;
}

.topsubnav #ubgMainNav li a {
    background: url(images/ubglink_icon.gif) left center no-repeat;
    line-height: 22px;
    padding-left: 31px;
    height: 22px;
}

.topsubnav #learningLogMainNav ul {
    width: 380px;
    margin: 0 auto;
}

.topsubnav #learningLogMainNav li.viewcohort a {
    background: url(images/viewcohort_icon.gif) top center no-repeat;
    padding-top: 49px;
    display: block;
    float: left;
    margin: 0 10px;
}

.topsubnav #learningLogMainNav li.portfoliohome a {
    background: url(images/portfoliohome_icon.gif) top center no-repeat;
    padding-top: 49px;
    display: block;
    float: left;
    margin: 0 10px;
}

.topsubnav #learningLogMainNav li.addentry a {
    background: url(images/addentry_icon.gif) top center no-repeat;
    padding-top: 49px;
    display: block;
    float: left;
    margin: 0 10px;
}

.content {
  border-right: 1px solid #999;
  height: auto;
	float: left;
	width: 488px;
	padding: 0 12px;
}

.innercontent {
    float: right;
    width: 601px;
    padding: 0 12px;
}

.pageFormatUBG .innercontent {
    float: right;
    width: 531px;
    padding: 0 12px;
}

.pageFormatUBG .innersidepanel {
    float: left;
    padding: 0;
    margin-left: 10px;
    width: 204px;
    height: 237px;
    background: url(images/ubg_icon.gif) center bottom no-repeat;
}

.sidepanel {
  display: inline; /* fixes the double margin bug in IE6 */
	float: right;
	margin-right:14px;
	width: 225px;
}

.innersidepanel {
    float: left;
    padding: 0 12px;
    width: 120px;
    overflow: auto;
}

#key {
    width: 237px;
    height: 60px;
    background-image: url(images/keybg.png);
    padding: 6px 0 0 8px;
    margin-bottom: 10px;
}

#keytext {
    width: 138px;
    height: 35px;
    padding: 8px 3px 0px 3px;
    margin: 0;
    position: relative;
    float: left;
    font-size: 1.1em;
    font-weight: normal;
}

#keyimages {
    width: 78px;
    height: 45px;
    padding: 0;
    margin: 0 0 2px 0;
    position: relative;
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.2em;
}

.keyimagesspan 
{
    margin: 0;
    padding: 0;
    height: 13px;
    vertical-align: middle;
}

#footer {
	clear: both;
	color: #FFF;
	height: 122px;
	background: #0B4A84 url(images/footer_bg.gif) top left repeat-x;
	position: relative;
}
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 130%;
}
p#trueNorthLogo {
  position: absolute;
  top: 27px;
  left: 0;
  text-align: center;
  margin: 0;
  width: 100%;
}
p#trueNorthLogo img {
  display: block;
  margin: 0 auto;
}
p#footerText {
  position: absolute;
  bottom: 10px;
  left: 7px;
  margin: 0;
}
p#footerText a {
  color: #fff;
  text-decoration: underline;
}
p#poweredBy {
  position: absolute;
  bottom: 6px;
  margin: 0;
  right: 7px;
  text-align: right;
}
p#poweredBy img {
  margin-top: -5px;
} 
a {
    color: #02457A;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p {
    margin-bottom: 1em;
}

p, li, td, div.authorName, div.entryDate, div.commentMenu, div.link, div.doc, div.add, div.edit, th {
	line-height: 150%;
}

p, li, dt, label, input, select, div.profilelink a, td, textarea, th {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif; 
}

li input 
{
    font-size: 100%!important;
}

th {
    font-weight: bold;
    text-align: center;
}

p.error 
{
	color:Red;
}

#ubgContent table {
    border-collapse: collapse;
    border: 1px solid #000;
    background: #FFF;
    width: 100%;
    margin: 5px 0;
}

#ubgContent td {
    padding: 5px;
    border: 1px solid #000;
}

input.fileUpload {
    font-size: 1.3em;
}

li p, li li, li input, li h5{
	font-size: 100%;
}

li {
    margin: 5px 0;
}

.clearfix {
    margin: 10px 0;
}

.clearfix table {
    margin-top: 5px;
}

.clearfix label, .clearfix input {
    margin-right: 5px;
}

div#loginContent {
    text-align: right;
    padding-right: 10px;
}

div#loginContent div.text input {
    margin-top: 5px;
}

div.text {
    clear: both;
    margin: 0 0 10px 0;
}

div.text label {
    margin-right: 10px;
}

div.text input {
    width: 125px;
}

div.text span.error {
    font-size: 1.2em;
    font-weight: bold;
    /*margin-left: 5px;*/
}

h1#ubgAreaMenuTitle {
    font-size: 1.6em;
    margin: 0 0 5px 0;
    font-weight: bold;
}

h2 {
  font-size: 220%;
  margin: 0;
}
h3 {
	font-size: 1.6em;
	margin-bottom: 5px;
}
h2, h3 {
	font-weight: bold;
}

.pageFormatUBG h3 {
    display: none;
    visibility: hidden;
}

.pageFormatUBG .innercontent {
    background: url(images/ubgheader.gif) 10px 0 no-repeat;
    padding-top: 30px
}

h3 
{
	font-weight:bold;
	color:#01487D
}

h3 a
{
	font-weight:normal;
	color:#01487D;
	font-size:80%;
	text-decoration:underline;
	margin-left:8px;
}

h4, h5 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 10px 0 5px 0;
}

#header h1 {
	text-indent: -5000px;
}

#adminnav ul li {
	display: inline;
	margin: 0 2px;
	color:White;
}

#adminnav ul li.admin {
    border-left: 1px solid #FFF;
    padding: 0 0 0 8px;
}

#adminnav ul li.help {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 0 8px;
}

#adminnav ul li a {
	color: #FFF;
	text-decoration: none;
}

#adminnav ul li a:hover {
    text-decoration: underline;
}

.box p {
  font: 140%/1.0 "Segoe UI", "Trebuchet MS", Verdana, Tahoma, sans-serif;
	margin: 1em 0 2px 0;
}
.box h2 {
  font-family: "Segoe UI", "Trebuchet MS", Verdana, Tahoma, sans-serif;
}
.box .pagination ol li {
	display: inline;
}

.box .pagination ol li a {
	color: #FFF;
	text-decoration: none;
	border: 1px solid #FFF;
	padding: 2px 4px;
}

#navigation ul li {
	display: inline;
	padding: 0 25px;
	line-height: 22px;
	border-left: 1px solid #998E76;
}

#navigation ul li.elearning {
	border: none;
}

#navigation ul li a {
	color: #FFF;
	text-decoration: none;
}

#navigation ul li a:hover {
    text-decoration: underline;
}

ul#sections li.elearning, ul#sections li.knowledge, ul#sections li.managemyskills, ul#sections li.resourcestools {
	border: 1px solid #FFF;
	margin-bottom: 10px;
	padding: 5px 10px 10px 98px;
	color: #FFF;
	min-height: 85px;
	height: auto;
	_height: 85px;
}

ul#sections li.elearning {
	background: url(images/elearning_bg.jpg) 5px 7px no-repeat #07245C;
}

ul#sections li.knowledge {
	background: url(images/knowledge_bg.jpg) 5px 7px no-repeat #07245C;
}
	
ul#sections li.managemyskills {
	background: url(images/managemyskills_bg.jpg) 5px 7px no-repeat #07245C;
}

ul#sections li.resourcestools {
	background: url(resourcestools_bg.jpg) 5px 7px no-repeat #07245C;
}

ul#sections li.elearning h2, ul#sections li.knowledge h2, ul#sections li.managemyskills h2, ul#sections li.resourcestools h2 {
	margin: 7px 0 10px 0;
	font-size: 1.6em;
}

ul#sections li.elearning p, ul#sections li.knowledge p, ul#sections li.managemyskills p, ul#sections li.resourcestools p {
	text-align: right;
}

ul#sections li a {
	color: #FFF;
}

ul#sections li ul.description li {
	background: url(images/blue_bullet.gif) left center no-repeat;
	padding-left: 9px;
	margin: 2px 0;
}

.sidepanel .news, .sidepanel .skillsreport, .sidepanel .productivitytools, .innersidepanel .news, .innersidepanel .skillsreport, .innersidepanel .productivitytools {
	margin-bottom: 10px;
}

#ubgContent ul {
    margin: 10px;
}

.sidepanel ul li a, .innersidepanel ul li a, #ubgContent li {
    background: url(images/bluetriangle_bullet.gif) 0 3px no-repeat;
    padding-left: 9px;
    margin: 2px 0;
}

.sidepanel .news p a, .innersidepanel .news p a {
	text-align: right;
	color: #000;
}

.sidepanel .skillsreport li, .innersidepanel .skillsreport li {
	line-height: 22px;
	margin-bottom: 5px;
}

.sidepanel .skillsreport li img, .innersidepanel .skillsreport li img {
	vertical-align: middle;
}

.sidepanel .productivitytools li, .innersidepanel .productivitytools li {
	background: url(images/black_bullet.gif) left center no-repeat;
	padding-left: 9px;
	margin: 2px 0;
}

.sidepanel h3, .innersidepanel h3 {
	margin-bottom: 10px;
}

.sidepanel p, .innersidepanel p {
	margin-bottom: 5px;
}

/* body content items list */
ul.item-list li {
	margin-bottom: 15px;
	line-height:14px;
}

ul.item-list li a.list-item-link {
	padding-left: 22px;
}

ul.item-list li.competency-list-item {
	background-image: url(images/competency_maps_icon.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 5px;
}

ul.item-list li.assessment-list-item {
	background-image: url(images/assessments_icon.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 5px;
}

/* Nested tree view */
ul.nestedTree {
	margin-top: 10px;
}
ul.nestedTree li {
	margin: 10px 0 10px 0px;
}
ul.nestedTree li ul li {
	margin: 10px 0 10px 15px;
}
ul.nestedTree li a {
	/*display: block;*/
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #ccc;
	padding-left: 10px;
}
ul.nestedTree li a:hover {
	border-left-color: #999;
}

/* --- profile card ------------------------*/

div.profilecard
{
    clear: none;
    background: url(images/profilecard_bg.gif) 0 8px;
    display: block;
    width: 365px;
    float: left;
    margin: 10px 5px 0 0;
   	height: 130px;
	position: relative;
}

div.profilecard div.top {
    height: 10px;
    background: #D5E2EA url(images/profilecardtop_bg.gif) no-repeat top center;
	overflow: hidden;
}

div.profilecard div.bottom {
    height: 12px;
    background: url(images/profilecardbottom_bg.gif) top center no-repeat #D5E2EA;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

div.facilitatorcard
{
    clear: none;
    background: url(images/facilitatorcard_bg.gif) 0 8px;
    display: block;
    width: 365px;
    float: left;
    margin: 10px 5px 0 0;
   	height: 130px;
	position: relative;
}

div.facilitatorcard div.top {
    height: 10px;
    background: url(images/facilitatorcardtop_bg.gif) top center no-repeat #D5E2EA;
	overflow: hidden;
}

div.facilitatorcard div.bottom {
    height: 12px;
    background: url(images/facilitatorcardbottom_bg.gif) top center no-repeat #D5E2EA;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

div.profilecard img, div.facilitatorcard img
{
    float: left;
    margin: 0 10px 5px 10px;
    border: 1px solid #000;
}

div.profilecard h4, div.facilitatorcard h4
{
	margin: 0;
	padding: 0 0 5px 0;
}

div.profilecard ul, div.facilitatorcard ul
{
    margin: 0;
    padding: 0 0 0 80px;
    list-style: none;
}

div.profilecard div.profilelink, div.facilitatorcard div.profilelink
{
    text-align: right;
    clear: both;
    margin-right: 10px;
}

a.profileemaillink
{
    background: url(images/key_email.jpg) left center no-repeat;
    padding-left: 20px;
}

li.entries {
    background: url(images/entries_icon.gif) left center no-repeat;
    padding-left: 20px;
	position: relative;
}

li.lastentry {
    background: url(images/lastentry_icon.gif) left center no-repeat;
    padding-left: 21px;
	position: relative;
}

/* --- comment list ------------------------*/
div.comment div.clearfix div.left
{
	width: 80px;
	font-size: 1.1em;
}

div.comment div.clearfix div.left img
{
	margin: 5px;
}

/* --- Blog (learning log) ------------------------*/
div#blog h4
{
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
}

div#commentList {
    margin-top: 20px;
}

div#commentList h4 {
    padding: 5px 0;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
}

div#blog ul li.learninglogentryfeedback, div#blog ul li.learninglogentry {
    clear: both;
}

div.postmeta {
    width: 100px;
    text-align: right;
    padding-top: 50px;
    float: left;
}

div.postmeta span.privacy 
{
	font-size:0.8em;
}

div.postcontent {
    float: right;
    width: 630px;
}

div.postAuthor {
    float: right;
    width: 630px;
    text-align: right;
    font-style: italic;
}

div.postmeta {
    background: url(images/post_bg.gif) 45px 0 no-repeat;
}

div#blog ul li h5
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #CCC;
}

div#commentList {
    padding-bottom: 10px;
}

div#blog ul li div.learninglog-summary {
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC;
} 

div#blog ul li h5 .entrydate
{
	font-size: 0.9em;
	font-weight: normal;		
}

div#blog ul li div.options
{
	padding: 5px 0;
	text-align: right;
	margin-bottom:20px;
}

div#blog ul li a.editentry {
    background: url(images/editentry_icon.gif) left center no-repeat;
    padding-left: 19px;
    padding-right: 6px;
    float: right;
    font-size: 0.8em;
    font-weight: normal;
}

div#blog ul li a.deleteentry {
    background: url(images/deleteentry_icon.gif) left center no-repeat;
    padding-left: 13px;
    float: right;
    font-size: 0.8em;
    font-weight: normal;
}

div#blog ul li a.posttitle, div#commentList div.comments h4 a.commentheading {
    float: left;
}

div#commentList div.comments h4 a.addcomment {
    float: right;
    font-size: 0.9em;
    font-weight: normal;
    background: url(images/addcomment_icon.gif) left center no-repeat;
    padding-left: 19px;
}

div#commentList div.commentscount a {
    background: url(images/addcomment_icon.gif) left center no-repeat;
    padding-left: 19px;
}

div#commentList div.privacy {
	margin:5px 0 0 10px;
	
}

div#blog ul li a.viewentry {
    background: url(images/viewentry_icon.gif) left center no-repeat;
    padding-left: 17px;
}

div.commentForm table {
    margin-bottom: 10px;
}

div.commentForm table table {
    margin-bottom: 0;
}

div.authorName, div.entryDate, div.commentscount {
    font-size: 1.2em;
}

div.comments, div.comment, div.editcomment {
    clear: both;
    margin-left: 115px;
}

div.commentMenu {
    text-align: right;
}

div.commentMenu div {
    display: inline;
}

div.commentMenu a.editcomment {
    background: url(images/editcomment_icon.gif) left center no-repeat;
    padding-left: 14px;
    margin-left: 5px;
}

div.commentMenu a.deletecomment {
    background: url(images/deletecomment_icon.gif) left center no-repeat;
    padding-left: 12px;
    margin-left: 5px;
}

div.commentMenu a.replycomment {
    background: url(images/replycomment_icon.gif) left center no-repeat;
    padding-left: 16px;
    margin-left: 5px;
}

h4.lLogCourseHeader 
{
    clear: both;
    margin:0px;
    padding: 0px;
    padding-top: 10px;
}

/* Disabled link style */
#navigation ul li a.disabled {
	color: #999;
	text-decoration: none;
}

#navigation ul li a.disabled:hover {
    text-decoration: none;
}

a.secondary {
	color: #999;
}

/* paging */
ol.pagination li {
	float: left;
	line-height: 30px;
}

ol.pagination li a {
	float: left;
	margin: 0 2px !important;
	background: url(images/pagination_bg.gif) center center no-repeat;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
}

ol.pagination li a {
	color: #FFF;
}

ol.pagination li.current a {
	font-weight: bold;
	background: url(images/pagination_bg_current.gif) center center no-repeat;
	color: #004487;
}

ol.pagination li.current a:hover {
	color: #004487;
	text-decoration: underline;
}
.current a, .current a:hover {
	color: #000;
	text-decoration: none;
}

a.current, a.current:hover {
	color: #000;
	text-decoration: none;
}

/* resources styling */

.dtlResourceItems br {
    display: none;
    visibility: hidden;
}

div.link,
div.doc,
div.add,
div.edit
{
    padding: 5px 5px 5px 70px;
    display: block;
    width: 290px;
    float: left;
    margin: 10px 5px 0 0;
    min-height: 100px;
    height: auto!important;
    height: 100px;
    border: 1px solid #999;
    position: relative;
    display: inline;
}

div.link h4,
div.doc h4,
div.add h4,
div.edit h4 {
    margin-top: 0;
}

div.link a,
div.doc a,
div.add a,
div.edit a
{
    color: #0D2C89;
}

div.link a:hover,
div.doc a:hover,
div.add a:hover,
div.edit a:hover
{
    text-decoration: underline;
}

div.link
{
    background: url(images/link.gif) 5px 5px no-repeat #FFF;
}

div.doc
{
    background: url(images/document.gif) 5px 5px no-repeat #FFF;
}

p.sortby
{
    text-align: right;
    font-size: 0.8em;
    padding-bottom: 5px;
    border-bottom: 1px dashed #999;
    margin: 0 !important;
}

p.sortby strong
{
    font-size: 1.1em;
}

a.deleteresource {
    font-size: 0.8em;
    background: url(images/deleteresource_icon.gif) left center no-repeat;
    padding-left: 12px;
    margin-right: 5px;
}

a.editresource {
    font-size: 0.8em;
    background: url(images/editresource_icon.gif) left center no-repeat;
    padding-left: 14px;
    margin-right: 5px;
}

h4.resourcesCourseHeader
{
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin:0px;
    padding: 0px;
    padding-top: 10px;
    margin-bottom: 10px;
}

/* Tutor resources styling */

div.add
{
    background: url(images/addresource.gif) 5px 5px no-repeat #F3F3F3;
}

div.add #AddResourceArea
{
    display: block;
    width: 100%;
}

div.edit #EditResourceArea
{
    display: block;
    width: 100%;
}

div.add span,
div.edit span
{
    display: block;
    clear: both;
    padding: 2px 0;
    font-size: 0.9em;
}

div.add span.text label,
div.add span.file label,
div.add span.select label,
div.edit span.text label,
div.edit span.file label,
div.edit span.select label
{
    font-weight: bold;
    float: left;
    display: block;
    padding-top: 2px;
    width: 65px;
    text-align: right;
    margin-right: 10px;
}

div.add span.checkbox input
{
    margin-left: 75px;
}

div.add span.checkbox label
{
    font-weight: bold;
    margin-left: 5px;
}

div.add span.submit input,
div.edit span.submit
{
    margin-left: 75px;
}
/* admin homepage */
div .admin-panel 
{
	background:url(images/admin-panel-bg.png) 0 0 no-repeat;
	width:600px;
	height:80px;
}
div .admin-panel img
{
	float:left;
	padding:5px 5px 5px 8px;
}

div .admin-panel h4
{
	padding-top:7px;
	padding-bottom:5px;
	color:#01487D;
	font-weight:bold;
	font-size:120%;
}

/* notify panel */
.success {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	margin: 5px 0;
	background-image: url(images/tick.gif);
	background-position: 10px 9px;
	background-color: #D9FFD9;
	background-repeat: no-repeat;
	border: 1px solid #00D746;
	line-height: 30px;
}

.failure {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	margin: 5px 0;
	background-image: url(images/exclamationmark.gif);
	background-position: 10px 6px;
	background-color: #FFD9D9;
	background-repeat: no-repeat;
	border: 1px solid #D61601;
	line-height: 30px;
}

/* homepage */
div.feature 
{
	width:478px;
	border:1px solid #fff;
	position:relative;
	margin-bottom:10px;
	padding-bottom: 4px;
}
.feature,
.summary {
	background-color:#0B4A84;
	color: #fff;
}  

div.feature h4
{
	color:#fff;
}

div.feature a 
{
	color:#fff;
	text-decoration:underline;
}
div.feature a:hover
{
	color:#fff;
	text-decoration:underline;
}

div.feature-image
{
	width:82px;
	position:absolute;
	top:5px;
	left:5px;
}

div.feature-content
{
	margin-left:95px;
	padding-right:12px;
}

p.feature-link 
{
	text-align:right;
}

/* list styling */

ul.bulletedlist li {
    background: url(images/bluetriangle_bullet.gif) 0 3px no-repeat;
    padding-left: 9px;
    margin: 2px 0;
}

ul.bulletedlist li span.success 
{
    font-size: 95%;
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 19px;
    margin: 0 0 0 10px;
    background: url(images/success.png) left center no-repeat;
    border: none;
    line-height: normal;
}

ul.bulletedlist li span.unknown 
{
    font-size: 95%;
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 19px;
    margin: 0 0 0 10px;
    background: url(images/unknown.png) left center no-repeat;
    border: none;
    line-height: normal;
}

ul.bulletedlist li span.warning 
{
    font-size: 95%;
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 19px;
    margin: 0 0 0 10px;
    background: url(images/warning.png) left center no-repeat;
    border: none;
    line-height: normal;
}

ul.bulletedlist li span.failure 
{
    font-size: 95%;
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 19px;
    margin: 0 0 0 10px;
    background: url(images/failure.png) left center no-repeat;
    border: none;
    line-height: normal;
}



/* --- Cogent hangover ---------------- */
div.formFieldBox {
    margin: 10px 0;
}

div.formButtonBox {
	margin-top:15px;
}

span.formField {
	display:block;
	margin:2px 0 0 0;
}

label.formLabel {	
	display:block;
	font-weight:bold;
	font-size: 1.1em;
}

div.formFieldBox input {
    padding: 2px;
    margin-top: 2px;
    width:175px;
}

/* --- home page learning log ---------------- */
div.homeLearningLogPost
{
	background: url(images/post_bg_icon.gif) no-repeat top left;	
	padding: 0 0 0 33px;
	margin-top: 15px;
	display: inline-block;
}

div.homeLearningLogPost p a
{
	line-height: 1.0;
}

div.homeLearningLogPost p a
{
	font-weight: bold;
}

div.homeLearningLogPost p.commentCount
{
	text-align: right;
	margin-top: 5px;
}

div.homeLearningLogPost p.commentCount a
{
	background: url(images/addcomment_icon.gif) no-repeat top left;
	padding-left: 20px; 
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}

.homeLearningLogPostDetails
{
    font-size: 0.8em;
    color: #666;
    font-style: italic;
}

/* --- forum pages styling ---------------- */

#forumBox {
    margin-top: 0px;
    padding-top: 0px;
    background: #fff;
    border: 1px solid #666;
}

ul.forum li {
    margin-top: 0px;
    margin-bottom: 10px;
    background: url(images/forum.jpg) top left repeat-x;
    clear: both;
    height: 100%;
    line-height: 40px;
    padding-left: 40px;
    font-weight: bold;
    font-size: 1.2em;
}

ul.forum li ul li {
    background: none;
    line-height: normal;
    padding-left: 0;
    margin-left: -30px;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

.forumprint {
    margin-left: 10px;
    height: 30px;
    width: 80px;
    padding-left: 30px;
    background: url(images/printer.gif) left center no-repeat;
    display: block;
    line-height: 30px;
    margin-bottom: 10px;
    float: left;
}

#forumContainer {
    clear: both;
}

#forumContainer .comment {
    border: 1px solid #eee;
    margin: 0px;
    margin-right: 20px;
    margin-bottom: 5px;
    background: #fffafa;
    padding: 15px;
}

#forumContainer .comment div.commentMenu
{
    margin: 0px;
    margin-left: 0px;
    margin-right: 30px;
    margin-top: 20px;
}

#forumContainer .alt {
    border: 1px solid #ccc;
    background: #eee;
}

#forumContainer .commentFormContainer {
    background: transparent;
    border: 0px;
    padding-left: 10px;
}

#forumContainer .commentMenu {
    clear:both;
    float:left;
}

.noForums {
    padding: 10px;
}

.forumhomelink {
    height: 30px;
    width: 80px;
    display: block;
    line-height: 30px;
    margin-bottom: 10px;
    float: left;
}

/* --- home page elearning ---------------- */

div#elearning {
	background-color: #0b4a84;/*#CBDCE4;*/
	color: #FFFFFF;
	margin: 10px;
	clear: left;
	padding:10px;
}
div#elearning a {
	color: #FFFFFF;
}
div#elearning ul {
	clear: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	margin-left: 1em;
	line-height: normal;
}
div#elearning li {
	line-height: normal;
	list-style-type: square;
	list-style-position: outside;
	margin: 2px 0 0 5px;
	font-weight:bold;	
}

div#elearning li a {
	left:40px;
	padding:0;
	margin:0;
	font-weight:normal;
}	

/* div#elearning li.notattempted {
	list-style-image: url(images/elearning_notattempted.gif);
}
div#elearning li.incomplete {
	list-style-image: url(images/elearning_incomplete.gif);
}
div#elearning li.completed {
	list-style-image: url(images/elearning_completed.gif);
} */
div#elearning img {
	margin: 2px;
	float: left;
}

div#elearning_side ul li {
    margin-left: 10px;
}

div#elearning_side ul {
    margin-bottom: 20px;
}

div#elearning-content {
    padding-left: 20px;
}
.elearning-help {
	background: #fbedbb;
	border: 1px solid #cba635;
	color: #333;
	font-size: 120%;
	line-height: 1.25;
	margin: 0 10px 10px;
	padding: 10px;
}
.elearning-help strong {
	color: #000;
}
div#elearningWelcome {
	padding-top:10px;
	padding-left:10px;
}

div#elearningWelcome div.summary {
	margin: 10px 0px;
	padding: 8px;
	clear: left;
	width: 465px;
}
.pageFormateLearning .innercontent div.summary .summary-image {
	float:left;
}
.pageFormateLearning .innercontent div.summary .summary-content {
	margin-left:134px;
	min-height: 100px;
}
div#elearningWelcome div.summary h4 {
	margin-top: 0px;
}
.pageFormateLearning .innercontent div.summary p {
	line-height: normal;
}
div#elearningWelcome div.summary div.progressBar div.progress-bar {
	background-image: url(images/elearning_statusred.gif);
	background-repeat: no-repeat;
	margin: -12px 0px 0px 90px;	
	width: 241px;
	height: 12px;
}
div#elearningWelcome div.summary div.progressBar div.progress-level {
	background-image: url(images/elearning_statusgreen.gif);
	background-repeat: no-repeat;
	width: 0%;
	height: 12px;
}
div#elearningWelcome div.summary div.progressBar {
	padding-bottom: 10px;
	font-size: 1.2em;
}
.summary a {
	color: #FFFFFF;
}
p.launch {
	margin: 0;
	text-align: right;
}
div#elearningWelcome div.summary a.launch {
	text-decoration: underline;
}
div#elearningWelcome div.summary img {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

/* different nav sizes for nav and body */
.pageFormateLearning .topsubnav {
	display:none;
}
.pageFormateLearning .innercontent {
	width:500px;
	padding:0;
	margin:0;
	border-left:1px solid #999;	
}

.pageFormateLearning .innercontent h3 {
	color:#000;
	font-weight:bold;
	font-size:18px;
	margin:0 0 0 10px;
	padding:0;	
}

.pageFormateLearning .innersidepanel {
	width:257px;
	padding:0;
	margin:0;
	font-weight:bold;
}
.pageFormateLearning .innersidepanel div {
	margin-left:10px;
	padding-right:10px;
}
.pageFormateLearning .innersidepanel ul a{
	color:#000;
	font-weight:normal;
}

.pageFormateLearning .innersidepanel ul a:hover {
	color:#669999
}

.pageFormateLearning .innersidepanel h3 {
	color:#000;
	font-weight:bold;		
	font-size:18px;
	margin:0 0 20px 0;
	padding:0;
}

.forumList span {
    font-size: 1.2em;
    line-height: 150%;
}

#id_card {
    height: 174px;
    background: url(images/id_card.gif) center center no-repeat;
    font-size: 1.2em;
    position: relative;
    margin-bottom: 10px;
}

#id_card .username {
    position: absolute;
    top: 35px;
    left: 102px;
}

#id_card .links {
    position: absolute;
    left: 120px;
    bottom: 65px;
}

#id_card img {
    position: absolute;
    left: 35px;
    top: 30px;
}

#id_card .links a.home {
    text-align: right;
    padding-left: 23px;
    background: url(images/home.gif) left center no-repeat;
    color: #87B1D0;
    line-height: 18px;
}

#id_card .links a.admin {
    text-align: right;
    padding-left: 23px;
    background: url(images/admin.gif) left center no-repeat;
    color: #87B1D0;
    line-height: 18px;
}

#id_card .links a.editprofile {
    text-align: right;
    padding-left: 23px;
    background: url(images/edit_profile.gif) left center no-repeat;
    color: #87B1D0;
    line-height: 18px;
}

#id_card .links a.logout {
    text-align: right;
    padding-left: 23px;
    background: url(images/logout.gif) left center no-repeat;
    color: #87B1D0;
    line-height: 18px;
}


/*E-learning reports*/


div.elearningReports p.alphabet {
margin-top: 10px;
  text-align: center;
}

div.elearningReports p.alphabet a:link, p.alphabet a:visited, p.alphabet a:active {
  color: #666;
  text-decoration: none;
  margin-right: 5px;
}

div.elearningReports p.alphabet a:hover {
  color: #000;
  text-decoration: underline;
}


.tableBorder {
  border: 1px solid #999;
  background: #fff;
  margin: 10px 0;
	padding: 6px;
}
div.elearningReports table 
{
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #ccc;
}
div.elearningReports table td, 
div.elearningReports table th 
{
  margin: 0;
  padding: 3px;  
  background: #fff;
	border-top: 1px solid #ccc;
}
div.elearningReports table .quizRow td {
	border: 0;
	padding: 0;
}
div.elearningReports table tr.depth0 td {
	background: #E6F0FC;
	font-weight: 700;
}

div.elearningReports table th  
{
  border: none;
  text-align: center !important;
}
div.elearningReports table td a {
	color: #000;
}

div.elearningReports table tr td.competencyName span
{
	display: block;	
}
div.elearningReports table tr.depth0 td.competencyName span
{
	font-weight: bold;
}


div.elearningReports table tr.depth1 td.competencyName span
{
	padding-left: 10px;
}

div.elearningReports table tr.depth2 td.competencyName span
{
	padding-left: 20px;
}

div.elearningReports table tr.depth3 td.competencyName span
{
	padding-left: 30px;
}

div.elearningReports table tr.depth4 td.competencyName span
{
	padding-left: 40px;
}

div.elearningReports table tr td.resultBar span.percBg
{
	width: 220px; height: 10px; float: right; background: url(images/reports/percBg.gif) repeat-x; border: 1px solid #000; display: block !important; overflow: hidden;
}

div.elearningReports table tr td.resultBar span.percBg span.percComp 
{ 
	height: 10px; background: url(images/reports/percComp.gif) repeat-x; display: block !important; 
}
div.elearningReports table tr.quizRow td
{
  text-align:right;
  padding-right:10px;
}

.quizLabel {
	color: #666;
	padding-left: 24px;
	background-position: 5px 0;
	background-repeat: no-repeat;
}
.averageScore {
	background-image: url("images/reports/icon_averagescore.gif");
}
.highestScore {
	background-image: url("images/reports/icon_highestscore.gif");
}
.lastUpdated {
	background-image: url("images/reports/icon_lastupdated.gif");
}
.lowestScore {
	background-image: url("images/reports/icon_lowestscore.gif");
}
.score {
	background-image: url("images/reports/icon_score.gif");
}
.takenBy {
	background-image: url("images/reports/icon_takenby.gif");
}
.timeSpent {
	background-image: url("images/reports/icon_timeSpent.gif");
}


.inline {
	display: inline;
}
.marginless {
	margin: 0;
}