/* @override http://wbl-online.org.uk/theme/wblonline/static/style/style.css */

/* @override http://wbl-online.org.uk/theme/wblonline/static/style/style.css */

/* @override http://localhost:8888/maharathemes/htdocs/theme/wblonline/static/style/style.css */

/**
 * Mahara: Electronic portfolio, weblog, resume builder and social networking
 * Copyright (C) 2006-2007 Catalyst IT Ltd (http://www.catalyst.net.nz)
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @author     Paul Walker <paul.walker@catalyst-eu.net>
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL
 * @copyright  (C) 2009 Catalyst IT Europe http://catalyst-eu.net
 */
 
/* Theme Colours

*/

/* @group General Rules */

body {
    background: #afdff repeat-x top center;
	color: #444;
	min-width: 1100px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}
acronym {
}
a, a:visited, a:link, a:active {
    color: #fe2342;
    font-weight: bold;
    text-decoration: none;
}
a:hover, a:focus {
    color: #333;
}
h1 {
    color:  #222;
    font-size: 1.5em;
    font-weight: bold;
}
h2 {
    font-size: 1.3em;
    color: #222;
}
h3 {
    color:  #333;
    font-size: 0.8em;
}
h4 {
    font-size: 1em;
    color: #333;
}
h5 {
    font-size: .9em;
    color: #333333;
}
h6 {
    color: #333;
}
.description,
.unvalidated,
.postdetails {
    color: #838383;
}

.main-column h2 {
	font-size: 1.5em;
	margin-top: 3px;
}

/* @end */

/* @group Top of Page Elements */
#container, #containerX {
    background: #fff;
    margin-top:0px;
    padding-top:0px;
    min-width: 1000px;
    width: 90%;
}
#top-wrapper {
    background: #fff;
    border: none;
    height: auto;
    width: 100%;
    min-width: 1000px;
}
#top-title {
	height: 140px;
	width: 100%;
}
#top-title ul {
	float: right;
	margin: 0px;
	padding-right: 80px;
}
#top-title ul li {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 10px;
	float: left;
	font-size: 120%;
	display: inline;
}
#top-title ul a {
	color: #111;
	background: #f0f0f0;
	padding: 8px 15px 10px 15px;
	display: block;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
}
#about a:hover {
	background: #0c7ccd;
	color: #222;
}
#courses a:hover {
	background: #fe2242;
	color: #222;
}
#podcast a:hover {
	background: #fcf672;
	color: #222;
}
#blog a:hover {
	background: #aaa;
	color: #222;
}

#top-description {
	background: #157Cc5;
	color: #fff;
}
#tagline {
	margin: 0px;
	padding: 0px;
	font-size: 160%;
	font-weight: normal;
	color: #f3f3f3;
	width: 240px;
	padding: 18px 0 18px 80px;
	line-height: 120%;
	float: left;
}
#register-button {
	float: right;
	margin: 20px 93px 0 0;
}
#register-button label {
	color: #9cd0f7;
	display: block;
	margin-bottom: 10px
}
#register-button a {
	padding: 8px 12px;
	color: #333;
	-moz-border-radius: 5px;
	border: 1px solid #fff;
	display: block;
	text-align: center;
	font-size: 17px;
	font-family: helvetica, sans-serif;
	background: #fcf672 url(../images/register-button.png) repeat left top;
	text-shadow: 0 1px 0 #eee;
	text-decoration:none;
	font-weight: bold;
}
#containerX #top-wrapper {
	height: auto;
}
#loading-box {
    background-color: #ECF3D4 !important;
}
#site-logo {
	padding: 15px 0px 0 65px;
	margin-bottom: 0px;
	width: 100px;
	height: 100px;
}
#top-wrapper ul,
#top-wrapper li {
    text-align: right;
    display: inline;
}
/* Search and language bar */
#language-select, #usf {
    padding: 10px 60px 0 0;
    float: right;
}
#usf_query_container input {
	font-size: .9em;
	padding: .25em;
    color: #333333;
}

/* @end */

/* @group Tables */

.main-column thead th {
    color: #888888;
	border-bottom: 1px solid #888;
}
.main-column tbody th {
    color: #888888;
	border-bottom: none;
}
/* table with th border-bottom */
#searchresults thead th,
#filelist,
#groupforumtable,
.tag-results #results {
	border-bottom: 1px solid #888;
}
/* table with tfoot border-top */
#searchresults tfoot td,
#adminstitutionslist tfoot td,
#profileicons tfoot td,
#activitylist tfoot td,
#groupforumtable {
	border-top: 1px solid #888;
}
.main-column table h3 a,
.main-column table h3 a:visited,
.main-column table h3 a:link,
.listing div h3 a,
.listing div h3 a:visited,
.listing div h3 a:link {
	color: #333 !important;
}
.main-column table h3 a:hover,
.listing div h3 a:hover {
}
.tablerenderer-loading {
    border: 1px solid #f4f7f9;
	background-color: #f4f7f9;
    color: #333;
}
/* table with th border-bottom */
#searchresults thead th {
	border-bottom: 1px solid #888;
}
/* table with border-bottom */
#searchresults tfoot td {
	border-top: 1px solid #888;
}
/* Alternative row background colours */
.r0,
.r0 td {
    background-color: #f8f8f8;
}
.r1,
.r1 td {
    background-color: #eeeeee;
}
tr.folder td {
	background-color: #e6dce0 !important;
}

/* @end */

/* @group Top Navigation */

#main-nav {
    float: right;
    padding: 0;
    margin: -30px 65px 0 20px;
	height: 27px;
}
#main-nav ul {
	background: #157cc5;
}
#main-nav li {
    float: left;
    color: #333;
    text-decoration: none;
    line-height: 1.6em;
    font-weight: normal;
	font-size: 12px;
	margin: 0 0 0 5px;
	padding: 0;
}

#main-nav li a,
#main-nav li a:link,
#main-nav li a:visited,
#main-nav li a:active {
	margin: 0;
	padding: 5px 13px 6px;
	background: #e4f2fb;
    color: #115e94;
	width:auto;
	display: block;
		font-size: 13px;
}
#main-nav li a:hover {
    color: #fff;
    background: #115e94;
}
#main-nav li.selected {
}
#main-nav li.selected a,
#main-nav li.selected a:link,
#main-nav li.selected a:visited,
#main-nav li.selected a:active {
    color: #fff;
	background: #115e94;
}
#main-nav li.selected a:hover {
}

/* @end */

/* @group Sub Navigation */

#sub-nav {
    clear:both;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    background: #115e94;
    height: 30px;
	border:none;
	border-bottom:1px solid #888;
	width:100%;
}
#sub-nav ul {
    float: right;
	height: 15px;
	padding: 6px 65px 6px 0;
	background: #115e94;
}
#sub-nav li {
    height: 25px;
    margin: 0 !important;
}
#sub-nav li a,
#sub-nav li a:link,
#sub-nav li a:visited,
#sub-nav li a:active {
    color: #6ab2f7;
	height: 25px;
}
#sub-nav li a:hover {
    color: #fff;
    font-weight: bold;
}
#sub-nav li.selected {
    height: 25px;
    margin: 0;
	background: transparent;
}
#sub-nav li.selected a,
#sub-nav li.selected a:link,
#sub-nav li.selected a:visited,
#sub-nav li.selected a:active {
    color: #fff;
    font-weight: bold;
}
#sub-nav li.selected a:hover {
}

/* @end */

/* @group In Page Navigation */

ul.in-page-tabs {
  line-height: 25px;
  height: 25px;
  font-size: 12px;
  display: block;
}
ul.in-page-tabs li {
  margin: 0 3px 0 0 !important;
  float: left;
  height: 25px;
  line-height: 25px;
}
ul.in-page-tabs li a,
ul.in-page-tabs li a:link,
ul.in-page-tabs li a:visited,
ul.in-page-tabs li a:active {
  color: #444;
  padding: 4px 10px 5px 10px;
  text-decoration: none;
  background: #ddd;
  line-height: 26px;
  font-weight: normal;
}
ul.in-page-tabs li a:hover {
  color: #000;
}
ul.in-page-tabs li a.current-tab,
ul.in-page-tabs li a.current-tab:link,
ul.in-page-tabs li a.current-tab:visited,
ul.in-page-tabs li a.current-tab:active {
  color: #333;
  background: #FFF;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
ul.in-page-tabs li a.current-tab:hover {
}

.subpage {
	border: 1px solid #ddd;
}

/* @end */

/* @group Main Content */

#main-wrapper {
	background: #FFF;
}

/* system messages between nav and main content */
/* upload file message */
div.info {
}
/* different message types */
#messages .ok,
div.ok {
	background-color:#fdfc47;
	color: #555;
}
#messages .error,
div.error, {
}
#messages .info {
}
/* system messages */
.message {
}
.message.delete {
}

/* @end */

/* @group Sidebar */

#left-column,
#right-column {
    padding:0px;
    min-width: 260px;
    width: 260px;
    background: #f8f8f8;
    border-left: 1px solid #ddd;
}
div.sideblock {
	background: #f7f7f7;
}
div.sideblock h3 {
	font-size: 15px;
}
div.sideblock h3 a,
div.sideblock h3 a:link,
div.sideblock h3 a:visited,
div.sideblock h3 a:active {
	color: #333;
}
div.sideblock h3 a:hover {
	color: #0c7ccd;
    font-weight: bold;
}
div.sideblock ul li {
	font-weight: bold;
}
div.sideblock ul ul {
	list-style-type: square;
}

/* Side Login */
#sb-loginbox input.text,
#sb-loginbox input.password {
}
#sb-loginbox label {
	color: #333;
}

/* Side Partners */
#sb-partners {
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #ddd;
	background: #fff;
}
#partner-tdm {
}
#partner-bctg {
	padding-left: 14px;
}

/* Side Profile */
#sb-profile ul a,
#sb-profile ul a:link,
#sb-profile ul a:visited,
#sb-profile ul a:active {
	color: #333;
}
#sb-profile ul ul a,
#sb-profile ul ul a:link,
#sb-profile ul ul a:visited,
#sb-profile ul ul a:active {
	color: #0c7ccd;
    font-weight: bold;
}
#sb-profile li#unreadmessages a.btn-msg,
#sb-profile li#unreadmessages a.btn-msg:link,
#sb-profile li#unreadmessages a.btn-msg:visited,
#sb-profile li#unreadmessages a.btn-msg:active,
#sb-profile li#pendingfriends a,
#sb-profile li#pendingfriends a:link,
#sb-profile li#pendingfriends a:visited,
#sb-profile li#pendingfriends a:active {
	color: #0c7ccd;
    font-weight: bold;
}

/* Side Online Users */
#sb-onlineusers ul {
}
#sb-onlineusers li {
}
#sb-onlineusers ul img {
}
#lastminutes {
}

/* Side Quota Bar */
#quota_used {
    color: #0c7ccd;
    font-weight: bold;
}
#quota_total {
    color: #0c7ccd;
    font-weight: bold;
}
#quota_bar,
#quota_bar_100 {
    background: url(../images/quota_bar_bg.gif) no-repeat left top;
    color: #FFF;
}
#quota_fill {
    margin: 0;
    background: url(../images/quota_bar_highlight.gif) repeat-x;
}

/* Side Search */
.sidebar #selfsearch input {
	width: 190px;
}

/* Friends control sideblock */
div.sideblock #friendscontrol label {
}

/* Tags */
.tag-results .sep {
}
/* edit tag box */
.edittag {
}
/* delete tag box */
.deletetag {
}
.deletetag h3 {
}
#delete_tag_submit {
}

/* Ajax Login */
#ajax-login-form {
}

/* Help popups & icons */
.contextualHelp {
}

/* @end */

/* @group Footer */

#footer-wrap {
    border-top: 2px solid #aaa;
    font-size: 105%;
	padding: .5em 0 1.5em 0;
}
#footernav  {
  color: #777;
  text-align: center;
} 
#footernav a,
#footernav a:link,
#footernav a:active,
#footernav a:visited {
    color: #555;
}
#footernav a:hover {
    color: #fff;
}
#powered-by {
}
#performance-info {
    color: #fff;
}
#version  {
  color: #FFFFFF;
} 

/* @end */

/* @group Page by Page Styles */

/* Userlists used in admin section and on edit interaction form */
.userlisttable tbody tr th {
}

/* Attached file lists */
.attachments {
}
.attachments tbody th {
}

/* User/view */
#userview .user-icon {
}

/* Wall */
.wallpost {
}
#wall .private {
}
.wallpost .postedon {
}
.wallpost .controls {
}

/* My Views */
#myviews td {
}
#myviews h4 {
}
#myviews .submitted-viewitem {
}
#deleteview label {
}
#editviewdetails,
#editthisview,
#editviewaccess {
	padding-left: 12px;
    background: url(../images/icon-edit.gif) no-repeat left center;
}
#myviews .btn-del {
    background: transparent url(../images/icon-delete.gif) no-repeat left center;
    color: #ca0000 !important;
	padding-left: 12px;
}

/* Copy a view */
#viewpreview {
}
#viewpreviewinner {
}
#viewpreviewclose {
}

/* View access */
#viewacl_lhs {
}
#viewacl_lhs #results tfoot td {
}
#accesslistitems {
}
#accesslistitems .ai-container {
}
#accesslistitems .removebutton {
}
#accesslistitems .ai-container table th {
}

/* Export */
#export h3 {
}
#export .radio-description {
}
#export fieldset {
}
#export .element div {
}
#export .view {
}
#export fieldset {
}
#export fieldset legend {
}
#export fieldset div a {
}
#export fieldset table {
}
#export fieldset table colgroup col {
}
#export fieldset table div {
}
#export fieldset label {
}
#exportgeneration {
}
#progress {
}
div.progress-bar {
}
* html div.progress-bar {
}
div.progress-bar a {
}
p.progress-text {
}
#progressbar {
}

/* My Groups *//* My Friends */
ul.groupuserstatus {
}
#friendslist ul.actionlist {
}
ul.groupuserstatus li,
#friendslist ul.actionlist li {
}
#friendslist ul.viewlist li.label {
}
#friendslist ul.viewlist li {
}

/* Group: about */
.group-info {
  border: 2px solid #0c7ccd;
  background-color: #fff;
}

/* Group: members */
.listing.twocolumn td {
}

/* Settings > Preferences */
#accountprefs table h3 {
	border-bottom: 1px solid #888888
}
#accountprefs table label,
#accountprefs table th {
}
#accountprefs table td label {
	font-size: 1em;
}
#deleteaccount {
}
#deleteaccount h1 {
}
#deleteaccount input.submit {
}

/* Settings > Notifications */
#activitylist th {
}
#activitylist th a {
}
#activitylist tbody td div {
}

/* Settings > Institution membership */
#requestmembership_studentid_container label {
}

/* Front Page Logged out / Front Page Logged in */
.wbl-aims {
	width: 100%;
	display: block;
	margin: 5px 0px 30px 0px;
}

.wbl-aim {
	float: left;
	margin: 0;
	min-width: 177px;
	max-width: 250px;
	position:relative;
}

.wbl-aim-icon {
	background-position: bottom center;
	background-repeat: no-repeat;
	color: #fff;
	height: 100px;
	min-width: 177px;
	max-width: 250px;
}

.wbl-aim-icon-1 {
	background-image: url(../images/e-Skills.png);
}

.wbl-aim-icon-2 {
	background-image: url(../images/e-Content.png);
}

.wbl-aim-icon-3 {
	background-image: url(../images/e-Infrastructure.png);
}

.wbl-aim-icon-4 {
	background-image: url(../images/changeManagement.png);
}

.wbl-aim-title {
	color: #555;
	margin: 0;
	margin-bottom: 30px;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}

.projs {
	margin: 15px 0 15px 0;
}

.projs tr {
	margin-bottom: 10px;
	padding: 5px;
	border-bottom: 1px solid #ddd;
}

.projs p {
	margin-top: 0px;
}

.projs-images {
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 10px;
}

.projs-title {
	color: #1f88d3;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

.projs-wblonline {
	background-image: url(../images/wblonline.png);
}

.projs-wegrow {
	background-image: url(../images/wegrowbw.png);
}

.projs-wblshots {
	background-image: url(../images/wblshotsbw.png);
}

.projs-mahoodle {
	background-image: url(../images/mahoodle.png);
}

.projs-wbl20 {
	background-image: url(../images/reflectiveportfolios.png);
}

.projs-clinics {
	background-image: url(../images/elearningclinics.png);
}

.projs-xerte {
	background-image: url(../images/xerte.jpg);
}


/* @end */

/* @group Pagination */

div.pagination a {
	background-color: #f4f7f9;
	border: 0;
}
div.pagination .disabled {
}

/* @end */

/* @group Forms */

/* Label */
label {
    color: #888888;
}
/* required */
.required th, .required label, .requiredmarker, #register_tandc_container th {
    color: #155a9b;
}
/* override required colour to normal colour */
.required label.plain, .required.radio td label, .required.emaillist td label {
	color: #333333;
}
/* description */
.pieform td.description {
}

/* Legend */
legend {
	color: #333;
	margin-bottom:5px;
}
legend a,
legend a:link,
legend a:visited,
legend a:active,
legend a:hover {
	color: #333 !important;
}

/* Select */
select {
    border: 1px solid #b2b2b2;
}

/* Fieldset */
fieldset {
    border: 1px solid #888;
}

/* Text fields and such */
input.text, 
input.password, 
input.file,
textarea,
input[type=text],
input[type=password],
input[type=file] {
}
input.text.required {
	border:1px solid #0c7ccd;
}

/* error */
input.error, select.error {
}
.errmsg {
}

/* @end */

/* @group Buttons */

/** input buttons **/
input.submit,
input.cancel,
button,
input.button,
input.buttondk,
input.select,
input#files_filebrowser_edit_artefact {
	background: #157cc5;
	border-color: #aaa;
	color: #fff;
}
/** link buttons **/
.rbuttons a.btn,
#sb-profile .controls a,
.upgradeicon a,
#loginas .btn-loginas {
	background: #157cc5;
	border-color: #aaa;
	color: #fff;
}
/** hover for buttons **/
input.submit:hover,
input.cancel:hover,
button:hover,
input.button:hover,
input.buttondk:hover,
input.select:hover,
input#files_filebrowser_edit_artefact:hover,
.rbuttons a.btn:hover,
#sb-profile .controls a:hover {
	background: #157cc5;
	border-color: #aaa;
	color: #fff;
}
/** Depress for buttons **/
input.submit:active,
input.cancel:active,
button:active,
input.button:active,
input.buttondk:active,
input.select:active,
input#files_filebrowser_edit_artefact:active,
.rbuttons a.btn:active,
#sb-profile .controls a:active {
	background: #157cc5;
	color: #fff;
}

/** Buttons with icons **/
a.btn-req {
	background: url(../images/icon-join.gif) no-repeat left center;
	padding-left: 15px;
}
.btn-leavegroup {
    background: transparent url(../images/icon-leave.gif) no-repeat left center;
	padding-left: 15px;
}
a.btn-del,
a#btn-delete {
    background: transparent url(../images/icon-delete.gif) no-repeat left center;
    color: #ca0000 !important;
	padding-left: 12px;
}
#btn-request, 
a.btn-add {
	background: url(../images/icon-add.gif) no-repeat left center;
	padding-left: 12px;
}
a.btn-msg, #btn-sendmessage {
	background: url(../images/icon-mail.gif) no-repeat left center;
	padding-left: 12px;
}
a.btn-edit {
	background: url(../images/icon-edit.gif) no-repeat left center;
	padding-left: 12px;
}
.btn-pending {
	background: url(../images/icon-pending.gif) no-repeat left center;
	padding-left: 12px;
}
.btn-reply, #add_feedback_link {
	background: url(../images/icon-reply.gif) no-repeat left center;
	padding-left: 12px;
}
#objection_link {
	background: url(../images/icon-flag.gif) no-repeat left center;
}
#print_link {
	background: url(../images/icon-print.gif) no-repeat left center;
}
#toggle_watchlist_link {
	background: url(../images/icon-watch.gif) no-repeat left center;
}
.btn-settings {
	background: url(../images/icon-settings.gif) no-repeat left center;
	padding-left: 12px;
}
input#addfriend_add,
input#myfriends_addfriend_add {
	background: transparent url(../images/icon-add.gif) no-repeat left center;
	border: 0;
    margin: 0;
}
#togglepublic_submit {
	background: url(../images/icon-login.gif) no-repeat left center;
	padding-left: 12px !important;
	color: color: #0c7ccd;
	border: 0;
}
.lbuttons a {
	padding-left: 12px !important;
}

/* Search buttons */
#usf_submit {
    border:none;
	width: 30px;
	margin:0;
	text-indent:-1000px;
	font-size: 1%;
	cursor:pointer;
    background: transparent url(../images/btn_search_off.png) no-repeat center center;	
	padding: 10px;
	vertical-align: middle;
	* vertical-align: inherit;
}
* html #usf_submit {
    background: transparent url(../images/btn_search_off.gif) no-repeat center center;	
}
#usf_query_container {
	padding: 5px 0;
}
#dosearch,
#selfsearch button ,
.query-button,
#query-button,
#moderator_search_btn,
#search_submit,
#search_search,
#selfsearch button,
#users_search_btn {
    border:none;
	width: 25px;
	margin:0;
	text-indent:-1000px;
	font-size: 1%;
	cursor:pointer;
    background: transparent url(../images/btn_search_off.png) no-repeat center center;	
	padding: 10px;
	* padding: 1px 10px;
	vertical-align: middle;
	* vertical-align: inherit;
}

/* @end */