/**************************************
 * THEME NAME: hca
 *
 * Files included in this sheet:
 *
 *   hca/hca.css
 *   hca/hcafooter.css
 *   hca/hca_threesixty.css
 **************************************/

/***** hca/hca.css start *****/

/*******************************************************************
 HCA CSS
  
 This CSS file contains all color and layout definitions 
 for the HCA theme.
 
 This theme requires the Standard theme to be present.
 
*******************************************************************/

/***
 ***  Core
 ***/
 

#explore_btn {
	background:#9eced2;
	float:right;
	width:190px;
	margin:20px 0 0;
	z-index:1;
}
#explore_btn a {
	display:block;
	color:#056054;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
	padding:10px 10px 7px 15px;
	background: url('./images/backs/explore_back.gif') 165px 12px no-repeat;
}
#explore_btn a:hover {
	color:#000;
}
#slickbox {
	position:absolute;
	width:540px;
	top:53px;
	margin-left:25px;
	background: url('./images/backs/explore_panel.gif') top right no-repeat;

}

.globalstrap #slickbox ul {
	line-height:1.2em;
	margin:5px 30px 10px 0;
	padding:0;
	text-align:left;
}
.globalstrap #slickbox ul li {
	display:block;
	float:left;
	padding:3px 0 6px;
}
.globalstrap #slickbox ul li a {
	text-decoration:none;
	padding-left:10px;
	font-size:1.1em;
}
.globalstrap #slickbox ul li a:link {
	color:#555;
}
.globalstrap #slickbox ul li a:visited {
	color:#555;
}
.globalstrap #slickbox ul li a:hover {
	color:#bc0082;
}




body {
  font-size: 14px;
  margin: 0;
}
 
body#course-category .rolelink {
  text-align: left;
  padding: 0;
}

body#course-category .adminlinks {
  border: 1px black solid;
  float: right;
  padding: 10px;
}

h2 {
  color: #067e87;
}
h2.main {
  color: #fff;
  background: #da007a;
  text-align: left;
  padding: 0 0 0 20px;
}
a, a:visited, a:link {
  color: #10c0cc;
}
h2.main a, h2.main a:visited, h2.main a:link {
	color: rgb(255, 255, 255);
}
div.breadcrumb ul {
  padding: 0 0 0 18px;
}
div.categoryaccess{
  position:relative;	/* This fixes the IE7 overflow hidden bug */
  clear:both;
  float:left;
  width:100%;			/* width of whole page */
  overflow:hidden;		/* This chops off any overhanging divs */
  padding: 0;
}

div.assign_roles {
  margin:auto;
  text-align: center;
}
span.arrow{
  color: #da007a;
}
div.assign_roles .column {
  float: left;
  position:relative;
  overflow:hidden;
}

div.assign_roles .existingusers {
  width: 35%;
}
div.assign_roles .potentialusers {
  width: 35%;
}

.selectlist  {
  min-width: 15em;
}
#page {
  width: 100%;
  margin: 0;
  padding: 0;
}
#header-home, #header{
  background:#4F4B4B url(./images/backs/subsite_back.gif) top left repeat-x;
  color: #fff;
  border-bottom:5px solid #333;
  margin:0;
  padding:0;
}
#page-heading {
	background:#4fc2c4;
	padding:17px 0 15px;	
}
#page-heading h2 {
	clear:both;
	color:#fff;
	font-size:2.95em;
	margin:0;
}
#header-content, #content, .layout-content {
  width: 960px;
  margin: auto;
}
#help_content {
	margin: 20px;
}
.strapline_small_subsite {
	text-align:right;
	font-size:1.8em;
	margin:10px 0 0 0;
	line-height:0.8em;
	padding:0px;
	font-weight:bold;
	color:#ffffff;
}
.navbar {
  border: 0 none;
  height:23px;
}

.headermenu {
  clear: right;
}

.mainmenu {
  text-align:right;
}

#tab-right {
	float: right;
	margin-top: 5px;
	text-align: right;
	max-width: 60%;
}
.moodle-menu {
  float: right;
  max-width: 340px;
}
.moodle-menu .logininfo {
  float: left;
  margin-left: 2px;
  padding-top: 3px;
  font-size: 100%;
  text-align: right;
}
.block_login .content {
	width: 100% !important;
}
.block_login .loginform .fld input, .loginbox .loginform .form-input input {
	width: 120px;
}
.moodle-menu form {
	float: right;
}
.moodle-menu .navigation form {
	float: none;
}
.moodle-menu form select {
	margin: 0px;
	margin-left: 1px;
}
.navbutton {
	float: right;
	margin: 0px;
	padding: 0px;
}
.navbutton form {
	float: left;
}
.navbutton form select, .navbutton form input {
	padding: 0px;
	margin: 0px;
}
.navbutton form input {
	max-width: 250px;
}
.navbutton img.iconhelp {
	vertical-align: top;
	margin-top: 2px; 
}
ul.global_nav {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size:1.1em;
}

ul.global_nav li {
  display: inline;
}

ul.global_nav li a{
	padding-left:10px;
	text-decoration: none;
}
.mainmenu ul.global_nav li a:visited, .mainmenu ul.global_nav li a:link{
	color: #fff;
}
.mainmenu ul.global_nav li a:hover {
	color: #F4E600;
}


.clearer {
  height: 0px;
  width:0px;
  clear: both;
  background-color:#333333;
  *display:none; /*hack for ie6...*/
}
#headerdivider {
	background-color:#333333;
	height:5px;
	*overflow:hidden; /*hack for ie6...*/
}

#top-tabs {
	background: url(./images/backs/nav.gif) top left repeat-x;
	font-size: 0.85em;
	height: 35px;
	line-height: 1em;
}
#top-tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#top-tabs ul li {
	display:inline;
	float: left;
}
#top-tabs ul li a {
	padding:12px 0px 14px 18px;
  text-decoration:none;
  font-weight:bold;
	font-size: 100%;
  color:#000;
  display:block;
}
#top-tabs ul li a:hover {
	background: url(./images/backs/nav_left.gif) no-repeat 0% 0%;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 12px 0px 14px 18px;
	text-decoration: none;
}
#top-tabs ul li a:hover span{
	background: url(./images/backs/nav_right.gif) no-repeat 100% 0%;
}
#top-tabs ul li span{
	display: block;
	margin-bottom: -14px;
	margin-top: -12px;
	padding: 12px 15px 14px 0px;
}
#top-tabs ul li a:hover span{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#top-tabs div.navigation ul li a:hover, #top-tabs div.navigation ul li a, #top-tabs div.navigation ul li a:visited {
    background: none;
    padding:0; 
}
#top-tabs div.navigation ul li span {
    padding:0;
    margin:0;
}
.navbar .navbutton {
    padding:0;
    margin:0;
}
.navigation button {
    margin-top: 1px;
    padding: 0;
}

.globalstrap {
	width:760px;
	float:left;
	margin-top:20px;
	font-size:0.814em;
}
.logo {
	display: block;
	float: left;
	width: 200px;
}

/*Blocks*/
.sideblock div.header {
  background: url(./images/backs/block_left.gif) no-repeat 0% 0%;
  border: 0px;
  padding: 0px;
}
.sideblock .title {
  background: url(./images/backs/block_right.gif) no-repeat top right;
  padding: 22px 0 5px 10px;
  text-align: bottom;
}
.sideblock .title h2 {
  color: #fff;
}

.sideblock {
  border-bottom: 2px solid #b7b7b7;
}
.sideblock div.content {
  border-left: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  border-top: none;
  border-bottom: none;
  width: 89.5%;
  margin: auto;
  overflow: hidden;
}

/* general tables */
table.generaltable p {
  margin: 0;
}

/* mini calendar */
table.minicalendar {
  border: 0;
  margin: 0 auto;
}
table.minicalendar td.day {
  background: #f7f7f7;
}
table.minicalendar td.weekend {
  color: #da007a;
  }
  
/** content tabs **/
.tabtree {
  height: 4em;
}
.tabtree a {
  color: #fff;
  font-weight: bold;
}
.tabrow0, .tabrow1{
  font-size: 100%;
  padding: 0;
}
.tabrow0 {
  margin:0;
  padding:0;
}
ul.tabrow0 {
  height:50%;
  background: #10c0cc;
}
.tabrow0 li {
  margin: 0;
  background: none;
  line-height: 2em;
}
.tabrow0 a{
  background: none;
  padding: 0.5em 0 0.5em 1em;
  height: 100%;
}
.tabrow0 a:hover, .tabrow0 .selected a , .tabrow0 .here a:hover{
  background: #067e87;
  color: #fff;
  text-decoration: none;
}
.tabrow0 a span, .tabrow0 a:hover span, .tabrow0 .here a:hover span, .tabrow0 div{
  background: none;
  border: none;
  padding: 0;
  padding-right: 1em;
}
.tabrow0 div, .tabrow0 ul {
  position: absolute;
  top:50%;
}
.tabrow0 ul a span {
  padding-right: 1em;
}
.tabrow0 ul li {
  margin: 0;
}
.tabrow0 .here a:link, .tabrow0 .here a:visited {
	padding: 0;
}
ul.tabrow1{
  border: none;
  background-color: #067e87;
  background-image: none;
  color: #fff;
  padding: 0;
  height: 50%;
}
.tabrow1 li a span{
  color: #fff;
}
.tabrow0 li.active a.nolink{
  background-color: #067e87;
}
/** profile page **/
table.userinfobox {
  margin-top: 20px;
  border: none;
}

#user-view div#content {
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}

#site-index #content {
	margin-top:6px;
}
#content {
	margin-top:16px;
}


.userinfobox table.list {
  border-collapse: separate;
  border-spacing: 3px;
  width: 100%;
}

.userinfobox td.label {
  background: #ececec;
}

.userinfobox .content {
  padding: 10px 20px;
}  
.userinfobox .content p{
  min-height: 100px;
  padding-top: 0px;
  margin-top: 0px;
}  


/* course view */
body#site-index .headingblock, body#course-view .headingblock{
  color: #fff;
  background: #da007a;
  text-align: left;
  padding: 5px 0px 5px 20px;
  border: 0px none;
}
body#course-view div#monthDisplay ul{
  list-style: none;
}
body#course-view div#monthDisplay {
  background: #10C0CC;
  color: #fff;
  padding: 0 0 20px 0;
  font-weight: bold;
}
body#course-view div#monthDisplay ul  a{
  color: #fff;
  font-weight: normal;
}
body#course-view div#monthDisplay ul li {
	display:inline;
	float: left;
  margin: auto;
  width: 33%;
}
table#courseCalendar {
width: 100%;
}
table#courseCalendar td {
  width: 14.29%;
  border: 1px solid #f3f3f3;
  vertical-align: top;
  font-size: 0.85em;
}
table#courseCalendar th:last-child {
  width: auto;
}
table#courseCalendar td.tableformat {
  display:none;
  }
table#courseCalendar tr {
  height: 80px;
}
table#courseCalendar tr#courseCalendarHeader {
  height: auto;
}
table#courseCalendar th {
  font-size: 0.8em;
  color: #fff;
  background: #3F9B9D;
}
table#courseCalendar td ul{
  list-style: none;
  padding: 0;
  margin:0;
}
table#courseCalendar td p{
  padding: 0 3px;
  margin: 0;
  font-weight: bold;
}
table#courseCalendar td.today{
  border: 2px solid #DA007A;
}
table#courseCalendar td.today p{
  background: #DA007A;
  color: #fff;
}

/** Category page **/
.categorydetail {
    overflow: hidden;
}
.categorypicture {
    float: left;
    clear: none;
}
.categorydescription {
    float: left;
    clear: none;
}
div.fitem textarea {
  width:100%;
  min-height: 6em;
}
div.fcontainer p {
  clear:both;
}

/* general bug fixes */  
.calendar-controls .next, .calendar-controls .previous {
	float: left;
	width: 30px;
}

.calendar-controls .current {
	width: 125px;
	background: #FCFCFC;
}

.forumheaderlist, .forumpost {
	margin: 0 0 20px 0;
}

/* application form amends */

.applicationform .fcontainer {
	width: 710px !important;
	margin: 0 !important;
	padding: 0 0 0 15px !important;
}

.fcontainer .fitem {
	background: #e1ebeb;
	border-bottom: 1px #adadad solid;
	padding: 0 20px 5px 10px;
}

.applicationform .info_box {
	width: 700px;
	background: #e1ebeb;
	border-bottom: 1px #adadad solid;
	padding: 5px 20px 5px 20px;
}
.applicationform .info_box_left {
	width: 330px;
	background: #e1ebeb;
	border-bottom: 1px #adadad solid;
	padding: 5px 20px 5px 390px;
}

.applicationform .felement{
	width: 330px !important;
	float: right !important;
	text-align: left !important;
}

.applicationform .fitemtitle {
	text-align: left;
	width: 350px;
}

.applicationform .required label {
	color: #000 !important;
}

.mform .required {
	text-align: left !important;
}

.applicationform .felement.ftext input {
	width: 320px;
	border: 1px #adadad solid;
}

.clear {
	clear: both;
}

/* courses on home page */
.coursebox {
	background-color: #fcfcfc;
	border-color: #f3f3f3;
	padding: 5px;
	width: 500px;
}
.coursebox .info {
	float: none;
	width: 100%;
	font-weight: bold;
}
.coursebox .summary {
	float: none;
	width: 100%;
}
.generalbox {
	padding: 0px;
	border: 0px;
}
#middle-column {
	width: 500px;
}

.topics .left /*, .topics .right */ { 
	display: none;
}

#course-view .section td.content  {
	border: 1px solid #dddddd;
}

#course-view .hidethis {
	display: none;
}

#course-view .topsection {
	line-height: 0px!important;
	width: 0px!important;
	padding: 0px!important;
	border: 0px!important;
	background-color: #FAFAFA!important;
}

input[type="submit"] {
	background-color: #bed630;
	border: 1px solid #fff;
	font-weight: bold;
	color: #fff;
	padding: 3px;
}/***** hca/hca.css end *****/

/***** hca/hcafooter.css start *****/

/*******************************************************************
 HCAfooter CSS
  
 This CSS file contains all color and layout definitions 
 for the HCA footer.
 
*******************************************************************/
.footertab{
	width:120px;
	color:#fff;
	background: #da007a url('./images/backs/footer_tab.gif') top left no-repeat;
	padding:10px 10px 5px 15px;
	margin:30px 0 0 0;
	font-size: 0.85em;
	clear:both;
}

#footer {
	background: #ececec url('./images/backs/footer.jpg') top left repeat-x;
	padding: 40px 0;
	text-align:left;
	margin-top: 0px;
	font-size: 0.85em;
    overflow: hidden;
    color: #6F6F6F;
}

#footer dl.microsites {
	width:200px;
	margin:0 0 20px 0;
	padding:0;
	float:left;
	list-style-type:none;
}

#footer dl.microsites dt {
	display:block;
	margin-top:5px;
	font-weight:bold;
	margin-right:20px;
}

#footer dl.microsites dt a {
	text-decoration:none;
	display:block;
	border-bottom: 1px solid #5b6d56;
	padding:5px 0px 2px 0px;
}

#footer dl.microsites dd {
	padding:0;
	margin:3px 0 0 0;
	margin-right:20px;
}


#footer dl.microsites dt a:link, #footer dl.microsites dt a:visited  {
	color:#002c75;
}

#footer dl.microsites dt a:hover {
	color:#da007a;
}

#footer ul.footerlinks {
	margin:0; 
	padding:0;
	list-style-type:none;
	float:left;
	margin-top:10px;
	width:560px;
	text-align:right; 
	margin-bottom:15px;
}

#footer ul.footerlinks li {
	display:inline;
	margin:0;
}

#footer ul.footerlinks li a {
	text-decoration:none;
	padding:5px 5px 2px 5px;
	border-bottom: 1px solid #5b6d56;
}

#footer ul.footerlinks li a:link, #footer ul.footerlinks li a:visited, #footer p.address a  {
	color:#002c75;
}

#footer ul.footerlinks li a:hover, #footer p.address a:hover{
	color:#da007a;
}

.address {
	font-size: 1.08em;
	line-height: 1.5em;
	text-align: right;
}/***** hca/hcafooter.css end *****/

/***** hca/hca_threesixty.css start *****/

/* 
    Document   : hca_threesixty
    Created on : 17-Dec-2009, 09:46:55
    Author     : Eleanor.martin
    Description:
        Styles the three sixty module for HCA.
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

span.scoreeven {

}
span.scorebigger {
  background-color:#00FF7F;
}
span.scoresmaller {
  background-color:#FF2A55;
}
div.completionlegend {
  float: right;
  padding: 10px;
  font-size: 90%;
  border: 1px solid black;
}
div.completionlegend p.legendheading {
  font-weight:bold;
  margin: 0;
}
div.completionlegend ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.fstaticlabel span.skillname, div.fgrouplabel span.skillname {
  font-weight: bold;
}
div.fcontainer {
  width: 80%;
  margin: auto;
}
div.fcontainer hr {
  clear: both;
}
div.scoretables {
    width: 80%;
    margin: auto;
}
div.competencyname{
    font-weight: bold;
    padding: 5px;
    margin: 5px;
}
div.competencydescription {
  float: left;
  width: 64%;
}
body#mod-threesixty table.skill_scores, body.mod-threesixty table.skill_scores {
  width: 100%;
  margin-top: 0.5em;
}
body#mod-threesixty table.skill_scores th, body.mod-threesixty table.skill_scores th {
  width: 2.5em;
  padding: 2px;
}
body#mod-threesixty table.skill_scores th.label, body.mod-threesixty table.skill_scores th.label {
  width: auto;
}
body#mod-threesixty-amend .compheader {
    border-bottom: 2px solid #dddddd;
	padding: 2px;
	font-weight: bold;
}
body#mod-threesixty-score .compheader {
	padding: 10px 5px 5px 5px;
	font-weight: bold;
	float: right;
}

body#mod-threesixty-amend .complabel, body#mod-threesixty-amend .skillname  {
	text-align: right;
	width: 250px;
	float: left;
}

body#mod-threesixty-score .skillname  {
	text-align: right;
	width: 250px;
	float: left;
}
body#mod-threesixty-amend .compopt {
	text-align: center;
	width: 76px;
	float: left;
}
body#mod-threesixty-score .compopt {
	text-align: center;
	width: 30px;
	float: left;
}
body#mod-threesixty-amend .fgroup input {
	width: 65px;
	padding: 0px;
	margin: 3px 5px 0px 3px;
}
body#mod-threesixty-score .fgroup input {
	width: 25px;
	padding: 0px;
	margin: 3px 5px 0px 3px;
}
body#mod-threesixty-amend fieldset .skillset .fgroup {
	float: left;
	width: 400px;
	margin: 0px 0px 0px 25px;
	padding: 0px;
}
body#mod-threesixty-score fieldset .skillset .fgroup {
	float: right;
	width: auto;
	margin: 0px;
	padding: 0px 5px 5px 0px;
}

body#mod-threesixty-amend .skillset .fitem, body#mod-threesixty-score .skillset .fitem {
    border-bottom: 2px solid #dddddd;
    padding: 2px 0px 2px 0px;
	clear: both;
}

body#mod-threesixty-amend .skillset .fitemtitle, body#mod-threesixty-score .skillset .fitemtitle {
    padding: 0px;
    margin: 0px;
}

.radioarray_dummy {
	display: none;
}
.clear {
	clear: both;
}

#id_buttonarray_previous, #id_buttonarray_next, #id_buttonarray_finish, #id_submitbutton, #id_cancel {
	width: auto !important;
}

body#mod-threesixty-score .compheader {
	width: 220px;
}

body#mod-threesixty-score .fitem .felement {
	float: right;
	width: 220px;
}

body#mod-threesixty-score .fstatic  {
	text-align: left;
}

body#mod-threesixty-score .fgroup {
		width: 220px !important;
		text-align: left !important;
		float: right !important;
}

body#mod-threesixty-score .fgroup span input {
	width: 20px !important; 
}/***** hca/hca_threesixty.css end *****/