/**
 * Views stylesheet - common between all themes
 *
 * Copyright (C) 2006-2009 Catalyst IT Ltd
 * This file is licensed under the same terms as Mahara itself
 */

/* The loading spinner/message that pops up before the view is loaded */
#views-loading {
    text-align: center;
    margin: 1em;
    font-size: 100%;
}
/* just the bottom pane when not editing */
#bottom-pane {
    margin: .5em 0;
}
/********************** Top pane of Edit View *************************/
#page #top-pane {
    margin-bottom: .5em;
}
/* The tabs that allow you to select a blocktype category */
#category-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
	display: block;
	height: 25px;
}
#category-list li {
    display: inline;
    line-height: 25px;
    margin: 0 .5em 0 0;
    padding: 0;
	position: static;
	z-index:5;
}
#category-list li a,
#category-list li a:link,
#category-list li a:visited,
#category-list li a:active {
    padding: 5px 10px;
    font-weight: bold;
}
#category-list li a:hover {
}
#category-list li.current a,
#category-list li.current a:link,
#category-list li.current a:visited,
#category-list li.current a:active {
    cursor: default;
    text-decoration: none;
}
#category-list li.current a:hover {
}
/* The panel that contains the blocktype icons */
#blocktype-list {
    overflow: hidden;
    min-height: 95px;
    padding: .5em .5em 1em .5em;
    font-size: .8em;
}
#blocktype-list ul {
    list-style-type: none;
}
#blocktype-list li {
    float: left;
    text-align: center;
    margin: 1em 1em 0;
    width: 22%;
	* z-index: 100;
	line-height: 1.4em;
}
* html #blocktype-list li {
	position: relative;
}
#blocktype-list .blocktype-radio {
    border: none;
    cursor: default; /* ie fix */
}
#blocktype-list .blocktype h4 {
    margin: 0;
}
#noblocks {
    font-size: larger;
    margin-top: 40px;
    text-align: center;
}


/********************** Bottom pane of Edit View *************************/
html>body #column-container {
	* width: 100%;
}
#blocksinstruction {
    padding: 0 1em .5em;
    font-weight: bold;
	margin-bottom: 1em;
}

/* columns */
#column-container input.submit {
    cursor: pointer;
}
.remove-column input.removecolumn {
    width: 50px;
}
#column-container .column-header input[disabled="disabled"] {
    cursor: default;
}

/* These column width rules are required only for when a column is
   added/removed dynamically (users have to turn this on in their
   preferences) */
.columns1 {
    width: 99%;
}
.columns2 {
    width: 48%;
}
.columns3 {
    width: 31%;
}
.columns4 {
    width: 23%;
}
.columns5 {
    width: 18%;
}

.column {
    vertical-align: top;
    float: left;
    margin: 0;
    padding: 0 0.9%;
	position: relative;
}
* html .column {
	overflow: hidden;
}

/* An explicit height for when there is one column and no remove button */
.column-header {
    padding-top: .5em;
    width: 100%;
    position: relative;
    height: 25px;
}
.add-button {
    text-align: center;
}
/* contains the left-most 'add column' button */
.add-column-left {
    position: absolute;
    top: .5em;
    left: 0;
}
/* contains all add column buttons in the middle of two columns */
.add-column-center {
    position: absolute;
    top: .5em;
    right: 0;
}
/* contains the right most 'add column' button */
.add-column-right {
    position: absolute;
    top: .5em;
    right: 0;
}
/* contains the 'remove column' buttons */
.remove-column {
    text-align: center;
}
/* needed for when there are no add/remove buttons so the column doesn't disappear */
.column-header-empty {
    height: 1px;
	line-height: 1px;
}
.column-content {
    min-height: 2em;
}
.column-content .add-button input {
	border: none;
	font-size: .85em;
}

#block-placeholder {
    margin-top: 1em;
}

/**************** Blockinstance **********************/
.blockinstance {
    margin: 0 0 1em 0;
    padding: 0 .5em 1em 0;
    position: relative;
}
/* Configure blockinstance */
.blockinstance.configure {
  width: 700px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
}

/* header */
.blockinstance-header h4 {
    margin: 0 !important;
    cursor: default;
	font-size: 1.4em;
}

/* control */
.blockinstance-controls {
    position: absolute;
	right: 2px;
	top: 2px;
}
.blockinstance-controls input,
.blockinstance-controls input.submit,
.blockinstance-controls input.cancel {
    height: 16px;
    width: 16px;
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
	margin: 0;
}

/* content */
.blockinstance-content {
	padding: .5em 0;
    margin-top: .25em;
}

.main-column .blockinstance-header h4, 
.blockinstance.configure h4 {
    margin: 0;
	font-size: 1.4em;
}
.blockinstance-content h3 {
	font-size: 1.2em !important;
	margin-top: .5em !important;
	margin-bottom: 0 !important;
}
.blockinstance-content h4 {
	font-size: 1.1em !important;
	margin-bottom: 0 !important;
}
.blockinstance-content p:first-child {
    margin-top: 0;
}
.blockinstance-content p:last-child {
	margin-bottom: 0;
}
.blockinstance-content p.noartefacts {
    text-align: center;
    padding: .5em;
}
.blockinstance-content .description {
	font-size: .9em;
}


/* Wall */
.blockinstance-content #wall {
	margin: .5em 0;
}

/* Image Blockinstance */
.blockinstance-content div a img {
	max-width: 98%;
}
.bt-image .blockinstance-content div a img {
	max-width: 100%;
}
* html .bt-image .blockinstance-content div a img {
	width: 100%;
}

/* External Feed */
#blocktype_externalfeed_title {
	font-weight: bold;
	font-size: 1.1em;
}
#blocktype_externalfeed_entries ol,
#blocktype_externalfeed_entries ul {
	margin: 0;
}

/* tabs for the artefact chooser */
ul.artefactchooser-tabs {
  padding: 0 !important;
  margin: 0;
  font-weight: bold;
  list-style: none;
  line-height: 25px;
  font-size: 12px;
}
ul.artefactchooser-tabs li {
  display: inline;
  margin: 0 .5em 0 0 !important;
  padding: 0;
  line-height: 25px;
}
ul.artefactchooser-tabs li a,
ul.artefactchooser-tabs li a:link,
ul.artefactchooser-tabs li a:visited,
ul.artefactchooser-tabs li a:active {
  padding: 5px 10px;
  text-decoration: none;
}
ul.artefactchooser-tabs li a:hover {
	text-decoration: underline;
}
ul.artefactchooser-tabs li.current a,
ul.artefactchooser-tabs li.current a:link,
ul.artefactchooser-tabs li.current a:visited
ul.artefactchooser-tabs li.current a:active {
}
ul.artefactchooser-tabs li.current a:hover {
}
ul.artefactchooser-subtabs {
  margin: 2px !important;
  padding: 0 0 .2em 0 !important;
  font-size: .9em;
  list-style: none;
}
ul.artefactchooser-subtabs li {
  display: inline;
  padding: 0 .5em;
  margin: 0 !important;
}
ul.artefactchooser-subtabs li a,
ul.artefactchooser-subtabs li a:link,
ul.artefactchooser-subtabs li a:visited,
ul.artefactchooser-subtabs li a:active {
  text-decoration: none;
  padding: 2px;
}
ul.artefactchooser-subtabs li a:hover {
	text-decoration: underline;
}
ul.artefactchooser-subtabs li.current a,
ul.artefactchooser-subtabs li.current a:link,
ul.artefactchooser-subtabs li.current a:visited,
ul.artefactchooser-subtabs li.current a:active {
  font-weight: bold;
}
ul.artefactchooser-subtabs li.current a:hover {
}

#artefactchooser-body {
	margin-bottom: .5em;
	padding: 1em;
}
#instconf_artefactids_container #artefactchooser-body,
#instconf_artefactid_container #artefactchooser-body {
	padding: 0;
}


/* table */
.maharatable {
    margin: 0;
    width: 100%;
}
.maharatable thead th {
	padding-top: 0 !important;
	font-size: 1em !important;
	text-align: left !important;
}
.maharatable tbody th {
	padding: .5em 0 0 0 !important;
	font-size: 1.2em;
	text-align: left !important;
}
.maharatable tbody td {
	padding: .25em 0;
}
.maharatable #artefactchooser-body table,
.maharatable #artefactchooser-body table th,
.maharatable #artefactchooser-body table td {
    padding: .25em !important;
}
.maharatable #artefactchooser-body .artefactchooser-data,
.maharatable #artefactchooser-body .artefactchooser-data th,
.maharatable #artefactchooser-body .artefactchooser-data td {
    padding: 0 .25em !important;
}
#artefactchooser-body th label {
	font-weight: normal;
	font-size: .85em;
}
.maharatable td label {
	font-weight: normal;
}
#artefactchooser-searchform {
	padding: .25em .5em;
}
#artefactchooser-searchsubmit {
    margin: 0;
}
div.artefactchooser-splitter {
    padding: .25em 0 0 0;
}
.blockconfig-background {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

/* pagination */
.ac-pagination {
    white-space: nowrap;
	margin: 0 !important;
}
.ac-pagination .results {
	margin: 0;
}
.ac-pagination a, 
.ac-pagination .disabled {
    margin: 0 1px;
    padding: 1px 3px;
}

/* attachments */
.attachments {
    border: 0;
	margin: .5em 0;
}
.attachments th {
	padding: .25em .5em !important;
}
.attachments td {
	padding: .25em .5em !important;
}
.attachments td input.small {
    font-size: .9em;
}

/* upload */
.uploadform td {
	font-size: .9em;
}
.uploadform th label {
	font-weight: bold !important;
}
.fileupload th {
	padding: .25em 0;
	text-align: left !important;
}
.fileupload td {
	padding: .25em .5em;
}
.fileupload #filelist td {
	padding: .25em .5em;
}
.fileupload #filelist td input.small {
	font-size: .9em;
}
.upload_browse #artefactchooser-body {
	padding: 1em !important;
}
.upload_browse .uploadform td {
	line-height: 1.2em;
}
.upload_browse #artefactchooser-body {
	margin-bottom: .5em;
	padding: 1em;
}

#view-wizard-controls form {
    display: inline;
}

#view-description {
    margin: 0 0 1em 0;
	padding: .25em 0;
	border-bottom: 1px dotted #ccc;
}

.defaultSkin table.mceToolbar, .defaultSkin tr.mceFirst .mceToolbar tr td, .defaultSkin tr.mceLast .mceToolbar tr td {
	border: 0; 
	margin:0; 
	padding:0; 
	width: auto;
}

/* VIEWS */
/* views footer */
.viewfooter {
	clear: both;
	padding: 1em;
	margin-bottom: 1em;
}
#viewmenu {
	font-size: .9em;
}
#viewmenu a {
	margin: 0 .5em;
}
#viewmenu .help a {
	padding: 0;
}
#feedbacktable .details {
	font-size: .9em;
}
#feedbacktable .icon {
	float: left;
	margin-right: 5px;
}
#feedbacktable p {
    margin: 0 0 .25em;
}
#feedback_pagination {
	margin: 0;
}
#feedbacktable form.makeprivate,
#feedbacktable form.makeprivate div {
	display: inline;
}
#add_feedback_form {
	margin-top: 1em;
}

/** viewing artefact */
#view .filedata-icon.fr {
	padding: .5em 1em 1em 1em;
	margin: 0 0 1em 0;
}
#view .filedata-icon h4 {
	font-size: .9em;
	margin: 0;
}
#view .filedata-icon.fl {
	margin: 0.25em 0 0 0;
}
#view table.filedata th {
	padding: 0 .5em 0 0;
}
#view table.filedata td {
	padding: 0 .5em;
}


#publicfeedback {
	clear: both;
}