/**************************************
 * THEME NAME: ability-to-learn
 *
 * Files included in this sheet:
 *
 *   ability-to-learn/styles_color.css
 **************************************/

/***** ability-to-learn/styles_color.css start *****/

/*******************************************************************
 styles_color.css
  
 This CSS file contains all color definitions like 
 background-color, font-color, border-color etc.

 Styles are organised into the following sections:

  core
  header
  footer

  admin
  blocks
  calendar
  course
  doci
  login
  message
  tabs
  user

  various modules

*******************************************************************/
/*** Newly added  ***/
#reporttable td{
	border-bottom: solid 1px #ccc;
}
#coursetitle{
	font-size:12px;
	font-weight:bold;
	padding-top:50px;	
}
#verticaltext {
	padding-left:20px;
/*writing-mode: tb-rl;
height:100px;*/
/*filter: flipv fliph;*/
}
a.info{
    position:relative; /*this is the key*/
	width:40px;
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.5em; width:5em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
}
/***
 ***  Core
 ***/
html {
	height: 100%;
}
a{
  color:#048EDB;
  font-size:12px;
  /*font-size:13px;*/
  text-decoration:none;
  font-weight:normal;
 }
a:link,
a:visited {  
}
a.dimmed:link,
a.dimmed:visited {
}
a:hover {
color:#ec913a;
}
a.autolink:link,
a.autolink:visited {
}

a.autolink.glossary:hover {
  cursor: help;
}
p {padding: 0; margin: 0 0 1em 0}
.searchform a{
	font-size:11px;
}
.info bold a{
	font-size:11px;
}
.lastpost a {
	font-size:11px;
}
.post {
	font-size:11px;
}
.post .info{
	font-size:11px;
}
.activitydate {
	font-size:11px;
}
.activityhead {
	font-size:11px;
}
.subject {
	font-size:11px;
	font-family:Tahoma;
}

img.userpicture,
img.grouppicture {
  border-color:#000
}

.block_online_users .listentry img {
  border:#888
}
body {
  background: #FFFFFF;
  font-size: 12px;  /*Sets base font-size for browsers that resize text correctly */
  line-height: 1.5; /* Sets base leading for lines of text */
  font-family: "Trebuchet MS", Arial, sans-serif;
  /*background:url(pix/back.jpg) top repeat;*/
  height:100%;
  margin: 0;
  padding: 0;
  color:#333333;  
}
#page {	
	/*border-left:1px;
	border-right:1px;
	border-top:0px;
	border-bottom:0px;
	border-style:solid;
	border-color: #e0854f;*/
	width:900px;
	/*height:100%;
	min-height:100%;*/
	margin:0px auto;
  	background: #FFFFFF;
	background-position:top;
}
#header {
	width:900px;
	margin:0px auto;
	height:68px;
	background:url(pix/top.jpg) top repeat-x;
	color:#FFFFFF;
}
.heightcontainer .header {
	background: #C0C0C0;
}
#header-home {
	width:900px;
	margin:0px auto;
	height:68px;
	/*background:#FFCC00;*/
	background:url(pix/top.jpg) top repeat-x;
	color:#333333;
}
.headermenu {
	padding:10px 25px 0px 0px;
}
#banner {
	height:97px;
	background:url(pix/banner.jpg) top no-repeat;
	/*background:#99CCFF;*/
	padding-left:30px;
	padding-top:0px;
}
.headermain {
	height:68px;
}

#banner h1.headermain {
	color: #000000;
}

#content {
	/*padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	height:100%;*/
	padding: 0px;
	margin: 0px;
}
div.header {	
	background:#BDB6B6 url(pix/h2.png) top repeat-x;
	padding:5px 5px 0px 5px;
	margin:0px;
	border: none;	
	/*background-color:#FFFFFF;
	color: #333333;*/
	/*border: 0px 0px 1px 0px;*/
	border-style:none;
	/*border-bottom-color: #dddddd;*/
}
div.headerfront {	
	/*background:#BDB6B6 url(pix/h2.png) top repeat-x;
	padding:5px 5px 0px 5px;
	margin:0px;
	border: none;
	*/
	background-color:#FFFFFF;
	color: #333333;
	/*border: 0px 0px 1px 0px;*/
	border-style:none;
	/*border-bottom-color: #dddddd;*/
}
div.commands{background-color:#FFFFFF;}
div.titlefront {
	padding:2px 5px 0px 5px;
	margin-bottom: 0.5em;
	/*color:#FFFFFF;*/
	color:#05617e;
	text-transform: uppercase;
	border-bottom:1px;
	border-bottom-color:#dddddd;
	border-bottom-style:solid;
}
div.title {
	padding:5px 5px 0px 5px;
	color:#FFFFFF;
}
th.header,
td.header{
  background-color:#C0C0C0;
}

.navbar {
  height:20px;
  /*background:url(pix/navbar.jpg) top no-repeat;*/
  background-color:#FFFFFF;
  padding-left:10px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;
  margin-bottom:10px;
  border:0px;
}
.coursesearchbox {
	color:#000000;
	font-size:11px;
	font-family:Tahoma;
	font-weight:bold;
}
table.formtable tbody th {
  background-color: transparent;
}

.highlight {
  background-color:#AAFFAA;
}

.highlight2 {
  color:#AA0000;/* highlight missing terms in forum search */
}

/* Alternate rows even */
.r0 {  
	font-size:11px;
}

/* Alternate rows odd */
.r1 {  
	font-size:11px;
}

/* notification messages (can be good or bad) */
.notifyproblem {
  color:#660000;
}
.notifysuccess {
  color:#006600;
}

#admin-auth_config .required {
  background-color:#DDDDDD;
}

.generalbox .generalboxcontent {
  border-color:#C0C0C0;
  background-color:#DDDDDD;
}

.informationbox {
  border-color:#C0C0C0;
}

.feedbackbox {
  border-color: #888888;
}
.feedbackby {
  background-color:#BBBBBB;
}

.noticebox {
  border-color:#C0C0C0;
}

.errorbox {
  color:#ffffff;
  border-color:#660000;
  background-color:#990000;
}

.errorboxcontent {
  background-color:#FFBBBB;
}

.tabledivider {
  border-color:#C0C0C0;
}

.sitetopiccontent {
  border-color:#DDDDDD;
  background-color:#FFFFFF;
  border-color:#C0C0C0;
}

.dimmed_text {
  color:#AAAAAA;
}

.teacheronly {
  color:#990000;
}

.unread {
  background-color: #FFD991;
} 

.censoredtext {
  color:#000000;
  background-color:#000000;
}


/* kept for backward compatibility with some non-standard modules
   which use these classes for various things */
.generaltab, .generaltabinactive {
  background-color:#BBBBBB;
}
.generaltabselected {
  background-color:#DDDDDD;
}
.generaltabinactive {
  color:#CCCCCC;
}



/***
 *** Header
 ***/
.breadcrumb {
  /*height:35px;*/
  color: #006a91;
  font-weight:normal;
  font-size:11px;
}
.breadcrumb .sep {
  color: #006a91;
  font-weight:normal;
  margin:5px;
}
.first a:link {
	color:#006a91;
	font-size:11px;
	font-weight: normal;
}
.first a:visited {
	color:#006a91;
	font-size:11px;
	font-weight: normal;
}
.first a:hover {
	color:#006a91;
	font-size:11px;
	font-weight: normal;
	text-transform:none;
}
.first .accesshide {
	color:#006a91;
	font-size:11px;
	font-weight: normal;
}
/***
 *** Footer
 ***/
#footer {
	height:80px;
	/*background: #DBDBDB url(pix/footer.png) top repeat-x;*/
	padding-top:20px;
	margin:0px 5px 0px 5px;
	color: #000000;
}
#footer a, #footer a:hover{
	font-size: 11px;
}

.homelink a:link,
.homelink a:hover,
.homelink a:visited {
  background-color: none;
  color:#055CA9;
  text-decoration:underline;
	font-size:11px;
  border:none;
  display: inline;
}


/***
 *** Admin
 ***/

.admin .informationbox {
  border-color:#BBBBBB;
  background-color:#FFFFFF;
}

body#admin-index .c0 {
  background-color: #FAFAFA;
}

body#admin-blocks table#blocks .r0,
body#admin-blocks table#incompatible .r0 {
  background-color: #f0f0f0;
}

body#admin-blocks table#blocks .r1,
body#admin-blocks table#incompatible .r1 {
  background-color: #fafafa;
}

body#admin-blocks table#incompatible td.c0 {
  color: #ff0000;
}

table.flexible  .r0 {
  background-color: #f0f0f0;
}

table.flexible .r1 {
  background-color: #fafafa;
}

body#admin-lang .generalbox {
  border-color:#C0C0C0;
  background-color:#FFFFFF;
}

#adminsettings {
  background-color: #FFFFFF;
  border-color: #C0C0C0;
  color: #000000;
}

#adminsettings fieldset {
  background-color: #FFFFFF;
  border-color: #C0C0C0;
  color: #000000;
}

#adminsettings .form-shortname {
  color: #888888;
}

.block_admin_tree.sideblock .link.current {
  background-color:#DDDDDD;
  color: #dc6010;
}

/***
 *** Blocks
 ***/
.block_activity_modules .sideblock {
	border:1px solid #FF0000;
}

.sideblock .contentfront {
  border: 0;
  background-color:#ffffff;
  padding-left:5px;
}
.sideblock .content {
  border: 0;
  background-color:#efefef;
}

.sideblock .content hr {
  border-top-color:#999999;
}

.sideblock .header .hide-show img.hide-show-image {
  background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
}

.sideblock.hidden .header .hide-show img.hide-show-image {
  background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}

.blockconfigtable {
  background-color:#FFFFFF;
  border-left:1px solid;
  border-right:1px solid;
  border-bottom:1px solid;
  border-color:#AAAAAA;
}


/***
 *** Blogs
 ***/

.blogpost.blogdraft .content {
  background-color:#FFFFFF;
}

.block_blog_tags .official {
  color: #0000FF;
}

.block_blog_tags .personal {
  color: #0066CC;
}


/***
 *** Calendar
 ***/

#calendar .maincalendar,
#calendar .sidecalendar {
  border-color: #DDDDDD;
  background-color:#FFFFFF;
}

#calendar .maincalendar table.calendarmonth th {
  border-color: #000000;
}

table.minicalendar {
  border-color:#C0C0C0;
  background:#FFFFFF;
}

#calendar .maincalendar .eventlist .event {
  border-color:#C0C0C0;
}

#calendar .maincalendar .eventlist .event .topic,
#calendar .maincalendar .eventlist .event .picture,
#calendar .maincalendar .eventlist .event .side {
  background-color:#FFFFFF;
}

#calendar .maincalendar table.calendarmonth ul.events-underway {
  color:#999999;
}

#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#2EBA0E !important;
  background-color:#2EBA0E;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#FF9966 !important;
  background-color:#FF9966;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#FBBB23 !important;
  background-color:#FBBB23;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#A1BECB !important;
  background-color:#A1BECB;
}

#calendar .duration_global,
.minicalendar .duration_global {
  border-top-color:#2EBA0E !important;
  border-bottom-color:#2EBA0E !important;
}

#calendar .duration_course,
.minicalendar .duration_course {
  border-top-color:#FF9966 !important;
  border-bottom-color:#FF9966 !important;
}

#calendar .duration_group,
.minicalendar .duration_group {
  border-top-color:#FBBB23 !important;
  border-bottom-color:#FBBB23 !important;
}

#calendar .duration_user,
.minicalendar .duration_user {
  border-top-color:#A1BECB !important;
  border-bottom-color:#A1BECB !important;
}

#calendar .weekend,
.minicalendar .weekend {
  color:#FF0000;
}

#calendar .today,
.minicalendar .today {
  border-color:#000000 !important;
}

.cal_popup_fg {
  background-color:#FFFFFF;
}

.cal_popup_bg {
  border-color:#000000;
  background-color:#FFFFFF;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table {
  background-color: #FFFFFF;
}



/***
 *** Course
 ***/

/* course, entry-page, login */

/* course */
.headingblock .outline {
  border-color:#C0C0C0;
  color: #000000
}
h2.headingblock .header .outline {
  color: #000000
}

#course-view .section td {
  border-color:#C0C0C0;
}

#course-view .section .content {
  background-color: #FFFFFF;
}

#course-view .section .side {
  background-color: #FFFFFF;
}

#course-view .section .left {
}

#course-view .section .right {
}

#course-view .current .side{
  background-color: #FFD991;
}

#course-view .topics {
}

#course-view .weeks {
}

#course-view .section .spacer {
}

#course-view .section .weekdates {
}

.categoryboxcontent,
.coursebox {
  border-color:#C0C0C0;
  background-color: #FFFFFF;
}
body#course-user .section {
  border-color:#AAAAAA;
}

#course-report .plugin,
#course-import .plugin {
  margin-bottom: 20px;
  margin-left:10%;
  margin-right:10%;

  border-bottom: 1px solid #cecece;
  border-top: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-left: 1px solid #cecece;

  background-color: #fdfdfd;
}


/***
 *** Doc
 ***/

/***
 *** Grades
 ***/

body#grade-index .grades {
  border-color:black;
}

body#grade-index .grades td {
  border-color:#e0e0e0;
}

body#grade-index .grades .r0 {
  background-color: #ffffff;
}

body#grade-index .grades .r1 {
  background-color: #f0f0f0;
}


/***
 *** Login
 ***/

.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
  border-color:#C0C0C0;
}

.loginbox .content {
  background-color: #FFFFFF;
}


/***
 *** Message
 ***/

table.message_search_results td {
  border-color:#C0C0C0;
}

.message.other .author {
  color: #8888CC;
}

.message.me .author {
  color: #999999;
}

.message .time {
  color: #999999;
}

.message .content {
}

/***
 *** Logs
 ***/

.logtable .r1 {
  background-color:#FFFFFF;
}


/***
 *** Tabs
 ***/

.tablink a:link,
.tablink a:visited {
  color:#888888;
}

.selected .tablink a:link,
.selected .tablink a:visited {
  color:#000000;
}
.tabs .side,
.tabrow td {
  border-color: #AAAAAA;
}
.tabrow td {
  background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
  background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
  background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
  background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last {
  background: transparent url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
  background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
  background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
  background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
  background-image:url(pix/tab/right_active_hover.gif);
}
.tabs .r0,
.tabs .r1 {
  background-color: #C0C0C0;
}

/***
 *** User
 ***/

.userpicture {
  background-color: #FFFFFF;
}

.userinfobox {
  border-color: #DDDDDD;
  background-color: #FFFFFF;
}
.groupinfobox {
  border-color: #DDDDDD;
}

#user-edit .formtable {
  background-color: #FFFFFF;
}

/***
 *** Modules: Chat
 ***/

#mod-chat-gui_header_js-jsupdate .text {
  color:#000
}
#mod-chat-gui_header_js-jsupdate .event,
#mod-chat-gui_header_js-jsupdate .title {
  color:#888
}

/***
 *** Modules: Choice
 ***/

/***
 *** Modules: Forum
 ***/

.forumheaderlist,
.forumpost {
  /*border-color:#C0C0C0;*/
  border-color:#FFFFFF;
}

.forumpost .content {
  background-color: #FFFFFF;
}

.forumpost .left {
  background-color:#FFFFFF;
}

.forumpost .topic {
  border-bottom-color: #FFFFFF;
}

.forumpost .starter {
  /*background-color:#C0C0C0;*/
  background:#FFFFFF;
}

.forumheaderlist .discussion .starter {
  background-color:#FFFFFF;
}

.forumheaderlist td {
  border-color: #FFFFFF;
}

.sideblock .post .head {
  color:#555555;
}

.forumthread .unread {
  background-color: #FFD991;
}
#mod-forum-discuss .forumpost {
  background-color: transparent;
}

#mod-forum-discuss .forumpost.unread .content {
  border-color: #FFD991;
} 

#mod-forum-discuss .forumthread .unread {
} 

#mod-forum-index .unread {
}

/***
 *** Modules: Glossary
 ***/

.entryboxheader {
  border-color: #BBBBBB;
}

.entrybox {
  border-color: #BBBBBB;
}

.entry {
}

.glossarypost {
  border-color: #DDDDDD;
}

.glossarypost .entryheader,
.glossarypost .entryapproval,
.glossarypost .picture,
.glossarypost .entryattachment,
.glossarypost .left {
  background-color: #F0F0F0;
}

.glossarycomment {
  border-color: #DDDDDD;
}

.glossarycomment .entryheader,
.glossarycomment .picture,
.glossarycomment .left {
  background-color: #F0F0F0;

}

.glossarycategoryheader {
  background-color: #dddddd;
}

.glossaryformatheader {
  background-color: #dddddd;
}


/***
 *** Modules: Journal
 ***/

#mod-journal-view .feedbackbox .left,
#mod-journal-view .feedbackbox .entryheader {
  background-color: #dddddd;
}

/***
 *** Modules: Label
 ***/

/***
 *** Modules: Lesson
 ***/

/***
 *** Modules: Quiz
 ***/

body#mod-quiz-report table#attempts td {
  border-color: #dddddd;
}
body#mod-quiz-report table#attempts .r1 {
  background-color: #FFFFFF;
}


/***
 *** Modules: Resource
 ***/

#mod-resource-view table {
  background-color: #FFFFFF;
}

.ims-nav-dimmed {
  color: #AAAAAA;
  text-decoration: none;
}

.ims-nav-button a:link,
.ims-nav-button a:visited,
.ims-nav-button a:hover {
  color: #000;
  text-decoration: none;
}

.ims-nav-dimmed,
.ims-nav-button a:link,
.ims-nav-button a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}

.ims-nav-button a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}


/***
 *** Modules: Scorm
 ***/

/***
 *** Modules: Survey
 ***/

#mod-survey-view .r0 {
  background-color: #FFFFFF;
}
#mod-survey-view .r1 {
  background-color: #DDDDDD;
}


/***
 *** Modules: Wiki
 ***/

/***
 *** Modules: Workshop
 ***/

.workshoppostpicture {
  background-color:#FEE6B9;
}

.workshopassessmentheading {
  background-color:#DDDDDD;
}

.error {
  color:#ff0000;
}
#left-column div.header, #right-column div.header {
	/*border: none;
	color:#FFFFFF;*/
}

#message-index #page,
#message-user #page,
#message-history #page,
#mod-glossary-showentry #page,
#help #page,
#course-info #page {
width:auto;
}
/*




*/
/*////////////////////////-Portlet Information-/////////////////////////////*/
*- Portlet Layout (Basic) --- */
.portlet {
	margin: 0 0 1em 0;
}
.default .portlet {
	margin-bottom: 0;
}
	.portlet-inner {
		width: 188px !important; /* why isn't this happening already by default? */
	}
	
	.portlet-title {
		float: left;
		display: inline;
		cursor: pointer;
		text-decoration: none !important;
		margin: 0 0 1em 0;
		white-space: nowrap;
		/*width: 16em; ensures that the 3 sections won't break onto separate lines
		width:160px; */
	}
	.portlet-title:hover, .portlet-title:active {
		text-decoration: none;
	}
		.portlet-title .left, .portlet-title h6, .portlet-title .right {
			height: 1.454em;
			line-height: 1;
			float: left;
			display: inline;
			background-color: #fff;
			margin: 0;
		}
		.portlet-title .left {
			padding: 5px 0 1px 5px;
		}
		.portlet-title h6 {
			padding: 5px 3px 1px 3px;
			color: #000;
			text-transform: uppercase;
			letter-spacing: 0.05em;
			margin: 0;
			line-height: 1;
			font-weight: bold;
			font-size: 1em;
		}
		.portlet-title .right {
			padding: 5px 5px 1px 0;
		}
			.portlet-content {
				padding: 0 0 0 5px;
			}

/*- Portlet Colors (Specific) --- */
.Portlet-Blue {
	background: #5CB2CE url(../../images/bg/portlet_blue_bg_bl.gif) left bottom no-repeat;
	color: #fff;
}
	.Portlet-Blue .portlet-inner {
		background: transparent url(../../images/bg/portlet_blue_bg_tl.gif) 0 0 no-repeat; 
		padding: 0 15px 5px 15px;
	}
		.Portlet-Blue .portlet-title .left {
			background: #fff url(../../images/bg/tab_blue_bg_bl.gif) left bottom no-repeat;
		}
		.Portlet-Blue .portlet-title h6 {
			color: #265C98;
		}
		.Portlet-Blue .portlet-title .right {
			background: #fff url(../../images/bg/tab_blue_bg_br.gif) right bottom no-repeat;
		}
			.Portlet-Blue p a.Link-MoreInfo, .Portlet-Blue p a.Link-MoreInfo:link, .Portlet-Blue p a.Link-MoreInfo:visited, .Portlet-Blue p .Link-MoreInfo a, .Portlet-Blue p .Link-MoreInfo a:link, .Portlet-Blue p .Link-MoreInfo a:visited {
				color: #B5E8F4;
				text-decoration: none;
			}
			.Portlet-Blue p a.Link-MoreInfo:hover, .Portlet-Blue p a.Link-MoreInfo:active, .Portlet-Blue p .Link-MoreInfo a:hover, .Portlet-Blue p .Link-MoreInfo a:active {
				color: #B5E8F4;
				text-decoration: underline;
			}
			.Portlet-Blue ul {
				list-style: none outside;
				padding: 0;
				margin: 0 0 1em 0;
			}
				.Portlet-Blue ul li {
					background: transparent url(../../images/icons/bullet_li_blue.gif) 0 0.35em no-repeat;
					padding: 0 0 0 14px;
					margin: 0 0 0.4em 0;
				}
					.Portlet-Blue a, .Portlet-Blue a:link, .Portlet-Blue a:visited {
						color: #fff;
						text-decoration: none;
					}
					.Portlet-Blue a:hover, .Portlet-Blue a:active {
						color: #fff;
						text-decoration: underline;
					}
.Portlet-Brown {
	background: #F1ECE1 url(../../images/bg/portlet_brown2_bg_bl.gif) left bottom no-repeat;
	color: #000;
}
	.Portlet-Brown .portlet-inner {
		background: transparent url(../../images/bg/portlet_brown2_bg_tl.gif) 0 0 no-repeat; 
		padding: 0 15px 5px 15px;
		/*width: 163px !important;  counteract !important in Generic rules above */
	}
		.Portlet-Brown .portlet-title .left {
			background: #fff url(../../images/bg/tab_brown2_bg_bl.gif) left bottom no-repeat;
			
		}
		.Portlet-Brown .portlet-title h6 {
			color: #3C2118;
			background: #fff none;
		}
		.Portlet-Brown .portlet-title .right {
			background: #fff url(../../images/bg/tab_brown2_bg_br.gif) right bottom no-repeat;
		}

.home-portlets-outer {
	background: #AB9A87 url(../../images/bg/portlets_home_bg_bl.gif) 0 bottom no-repeat;
}
	.home-portlets-inner {
		background: transparent url(../../images/bg/portlets_home_bg_tl.gif) 0 0 no-repeat;
	}
	.home-portlets-outer ul {
		list-style-image: none;
	}

.default .Portlet-Brown {
	background: #AB9A87 url(../../images/bg/portlet_homebrown_bg_bl.gif) left bottom no-repeat;
	background: none;
	color: #fff;
}
	.default .Portlet-Brown .portlet-inner {
		background: transparent url(../../images/bg/portlet_homebrown_bg_tl.gif) 0 0 no-repeat; 
		background: none;
		padding: 0 15px 15px 15px;
		width: auto !important; /* counteract !important in Generic rules above */
	}
		.default .Portlet-Brown .portlet-title .left {
			background: #fff url(../../images/bg/tab_homebrown_bg_bl.gif) left bottom no-repeat;
		}
		.default .Portlet-Brown .portlet-title h6 {
			color: #3C2118;
			background: #fff url(../../images/bg/tab_brown2_bg_bm.gif) left bottom repeat-x;
		}
		.default .Portlet-Brown .portlet-title .right {
			background: #fff url(../../images/bg/tab_homebrown_bg_br.gif) right bottom no-repeat;
		}
			.default .Portlet-Brown ul {
				list-style: none outside;
				margin: 0.5em 0 2em 0;
				padding: 0;
			}
				.default .Portlet-Brown ul li {
					padding: 0 3% 0 14px;
					margin: 0 0 0.9em 0;
					background: transparent url(../../images/bg/li_homenews_bullet.gif) 0 0.40em no-repeat;
				}
					.default .Portlet-Brown ul li a, .default .Portlet-Brown ul li a:link, .default .Portlet-Brown ul li a:visited {
						text-decoration: none;
						color: #fff;
					}
					.default .Portlet-Brown ul li a:hover, .default .Portlet-Brown ul li a:active {
						text-decoration: underline;
						color: #fff;
					}

.Portlet-Orange {
	background: #EFC451 url(../../images/bg/portlet_orange_bg_bl.gif) left bottom no-repeat;
	color: #fff;
	width:218px;
}
	.Portlet-Orange .portlet-inner {
		background: transparent url(../../images/bg/portlet_orange_bg_tl.gif) 0 0 no-repeat; 
		padding: 0 15px 5px 15px;
	}
		.Portlet-Orange .portlet-title .left, #home .Portlet-Orange .portlet-title .left {
			background: #fff url(../../images/bg/tab_orange_bg_bl.gif) left bottom no-repeat;
		}
		.Portlet-Orange .portlet-title h6, #home .Portlet-Orange .portlet-title h6 {
			color: #9F4A16;
		}
		.Portlet-Orange .portlet-title .right, #home .Portlet-Orange .portlet-title .right {
			background: #fff url(../../images/bg/tab_orange_bg_br.gif) right bottom no-repeat;
		}
			.Portlet-Orange .quote {
				font-size: 1.272em;
				font-weight: bold;
				margin-bottom: 0.5em;
			}
				.Portlet-Orange ul {
					list-style: none outside;
					padding: 0;
					margin: 0 0 1em 0;
				}
					.Portlet-Orange ul li {
						background: transparent url(../../images/icons/bullet_li_orange.gif) 0 0.35em no-repeat;
						padding: 0 0 0 14px;
						margin: 0 0 0.4em 0;
					}
						.Portlet-Orange ul li a, .Portlet-Orange ul li a:link, .Portlet-Orange ul li a:visited {
							color: #fff;
							text-decoration: none;
						}
						.Portlet-Orange ul li a:hover, .Portlet-Orange ul li a:active {
							color: #fff;
							text-decoration: underline;
						}
.default .Portlet-Orange {
	background: #EFC451 url(../../images/bg/portlet_homeorange_bg_bl.gif) left bottom no-repeat;
	background: none;
	color: #fff;
}
	.default .Portlet-Orange .portlet-inner {
		background: transparent url(../../images/bg/portlet_homeorange_bg_tl.gif) 0 0 no-repeat; 
		background: none;
		padding: 0 15px 5px 5px;
		width: auto !important; /* counteract !important in Generic rules above */
	}
		.default .Portlet-Orange .portlet-title {
			margin: 0 0 0.7em 10px;
		}
			.default .Portlet-Orange p {
				padding-left: 0px;
			}
			.default .Portlet-Orange .Quote-Text {
				display: block;
				font-size: 1.272em;
				font-weight: bold;
				margin-bottom: 0;
				padding: 0.3em 0 0 10px;
				background: transparent url(../../images/bg/quotemark_left.gif) 0 0 no-repeat;
			}
			.default .Portlet-Orange .Quote-Attribution {
				display: block;
				padding: 0.8em 0 0 10px;
				background: transparent url(../../images/bg/quotemark_right.gif) right 0 no-repeat;
				margin-bottom: 1.2em;
			}
/*- Buttons (Basic) --- */
span.btn a, span.btn a:link, span.btn a:visited, a.btn, a.btn:link, a.btn:visited, a span.btn, a:link span.btn, a:visited span.btn {
	cursor: pointer;
	text-decoration: none;
	color: #fff !important;
	line-height: 1;
	padding: 2px 10px 3px 20px;
	margin: 0 0 0 -8px;
}
span.btn a:hover, span.btn a:active, a.btn:hover, a.btn:active, a:hover span.btn, a:active span.btn {
	text-decoration: underline;
}
span.btn {
	display: block;
	margin: 0 0 1em 0;
}
p span.btn, a span.btn {
	display: inline;
}

/*- Buttons (Specific) --- */
#content-main span.btn a, #content-main a.btn, #content-main a span.btn {
	background: #29619B url(../../images/bg/btn_blue_bg.gif) 0 50% no-repeat;
	border: solid 1px #184361;
	padding-top: 2px;
	padding-bottom: 3px;
}
	#content-main span.secondary a, #content-main a.secondary, #content-main a span.secondary {
		padding-left: 9px;
		background: #605140 url(../../images/bg/btn_brown_bg.gif) -20px 50% no-repeat;
	}
	#content-main span.back a, #content-main a.back, #content-main a span.back {
		background: #605140 url(../../images/bg/btn_brownback_bg.gif) 0 50% no-repeat;
	}
		
.Portlet-Blue span.btn a, .Portlet-Blue a.btn, .Portlet-Blue a span.btn, 
.default #content-main .Portlet-Blue span.btn a, .default #content-main .Portlet-Blue a.btn, .default #content-main .Portlet-Blue a span.btn {
	background: #29619B url(../../images/bg/btn_blue_bg.gif) 0 50% no-repeat;
	border: solid 1px #184361;
}
.Portlet-Brown span.btn a, .Portlet-Brown a.btn, .Portlet-Brown a span.btn, 
.default #content-main .Portlet-Brown span.btn a, .default #content-main .Portlet-Brown a.btn, .default #content-main .Portlet-Brown a span.btn {
	background: #605140 url(../../images/bg/btn_brown_bg.gif) 0 50% no-repeat;
	xborder: solid 1px #D3C6B7;
	border: solid 1px #504227;
}
.Portlet-Orange span.btn a, .Portlet-Orange a.btn, .Portlet-Orange a span.btn, 
.default #content-main .Portlet-Orange span.btn a, .default #content-main .Portlet-Orange a.btn, .default #content-main .Portlet-Orange a span.btn {
	background: #D45F20 url(../../images/bg/btn_orange_bg.gif) 0 50% no-repeat;
	border: solid 1px #7D3C03;
}
.default #content-main .Portlet-Orange span.btn a, .default #content-main .Portlet-Orange a.btn, .default #content-main .Portlet-Orange a span.btn {
	margin-left: 2px;
}

.products #content-main p a.btn {
	margin-left: 25px !important;
}
/*Clear div used in portlets*/
.clear {
	clear: left;
	height: 1px;
	font-size: 1px;
	line-height: 1;
	margin: 0;
	padding: 0;
	/* Try adding any/all of these if clear divs aren't working right:
	height: 1%;
	width: 100%;
	font-size: 1%;
	line-height: 1;
	clear: both;
	*/
}
#content {
	font-size: 1em; /* Inherits 11px from #container */
	margin: 0px 0 0 218px;
	/*float: left;
	clear: none;
	width: 100%;*/
	height: auto;
	min-height: 250px;
	margin: 0 0 0 0;
}

#content-overview {
		background: #007FA7 url(../../images/bg/landing_generic_bg_tl.jpg) 0 0 no-repeat;
		/*0C7092*/
		color: #fff;
		xmargin: 0 0 0 -218px;
		margin: 0 0 0 0;
	}
.clientsuccesses #content-overview {
		background: #007FA7 url(../../images/bg/landing_clsuccess_bg_tl.jpg) 0 0 no-repeat;
	}
#content.withSecondary {
}
	/***** ability-to-learn/styles_color.css end *****/