/**
 * Stylesheet for Mahara's Raw theme.
 *
 * Copyright (C) 2006-2009 Catalyst IT Ltd
 * This file is licensed under the same terms as Mahara itself
 */

/* General rules */
html {
    margin: 0;
    padding: 0;
}
body {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    line-height: 1.6em;
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}

.main-column h1, .main-column h2, .main-column h3, .main-column h4, .main-column h5, .main-column h6 {
    margin: 1.5em 0 .5em;
}
 .main-column h1:first-child, .main-column h2:first-child, .main-column h3:first-child, .main-column h4:first-child, .main-column h5:first-child, .main-column h6:first-child,
* html .main-column h1, * html .main-column h2, * html .main-column h3, * html .main-column h4, * html .main-column h5, * html .main-column h6 {
    margin-top: 0;
}

.main-column h1 {
    font-size: 2em;
}
.main-column h2 {
    font-size: 1.8em;
}
.main-column h3 {
    font-size: 1.4em;
}
.main-column h4 {
    font-size: 1.3em;
}
.main-column h5 {
    font-size: 1.2em;
}
.main-column h6 {
    font-size: 1em;
}

p {
	margin: 1em 0;
}

.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.fl {
    float: left;
}
.fl img {
	padding-right: 1em;
}
.fr {
    float: right;
}
* html .fl,
* html .fr {
	z-index: 10;
	position: relative;
}
.cl {
    clear: left;
}
.cr {
    clear: right;
}
.cb {
    clear: both;
}
.s {
    font-size: .9em;
    font-weight: normal;
}
.nowrap {
	white-space: nowrap;
}
.ctime {
    color: #838383;
}
pre, tt {
	font-size: 1.2em;
    white-space: normal;
}
.fullwidth {
    width: 100%;
}
* html .fullwidth {
	width: 96%;
}

.hidden {
    display: none;
}
/* Hides without being "destructive" - element + children still have full
   width/height */
.safe-hidden {
    position: absolute;
    visibility: hidden;
    top: 0;
}
/* IE7 hack to make safe-hidden work */
html>body .safe-hidden {
    *position: relative;
    *height: 0;
    *margin: 0;
    *padding: 0;
}
.nojs-hidden-inline, .nojs-hidden-block, .nojs-hidden-table {
    display: none;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #808080;
    filter: alpha(opacity=50);
	* z-index: 1;
}
/** all browsers except ie7 hack to make it at least partially work */
html>/**/body #overlay {
    z-index: 1;
}

/**************************** Tables ****************************/
table {
    border-spacing: 0;
    border-collapse: collapse;
}
th {
    padding: .25em 0;
    text-align: left;
    vertical-align: top;
}
.main-column thead th {
	padding: .25em .5em;
    white-space: nowrap;
	border-bottom: 1px solid #ccc;
}
.nohead tbody th {
	padding: .25em .5em;
}
.main-column .pieform tbody th {
	text-align: right;
	line-height: 1.2em;
	padding: .5em .5em .25em .5em;
}
td {
    padding: .25em .5em;
    vertical-align: top;
}
.main-column tfoot td {
	padding: .5em 0;
}
td.narrow {
    padding: 0;
}
/* table with th border-bottom */
#searchresults thead th,
#filelist,
#groupforumtable,
.tag-results #results {
	border-bottom: 1px solid #ccc;
}
/* table with tfoot border-top */
#searchresults tfoot td,
#adminstitutionslist tfoot td,
#profileicons tfoot td,
#activitylist tfoot td,
#groupforumtable {
	border-top: 1px solid #ccc;
}
/* table with gap between rows */
#friendslist td {
	border-bottom: 2px solid #FFF;
}
/* table without border */
#bloglist th {
	border: 0;
}
/* Alternative row background colours */
.r0,
.r0 td  {
    background-color: #f9f9f9;
}
.r1,
.r1 td {
    background-color: #f3f3f3;
}
.listing {
	margin-bottom: .5em;
}
.listing h3,
.listing h6 {
    margin: 0;
}
div.listing {
	padding: .5em;
}
.listing div div {
	font-size: .9em;
}

/**************************** Pagination ****************************/
div.pagination  {
    font-size: .9em;
    text-align: center;
	margin: .25em 0;
}
div.pagination span {
    margin: 0 .25em;
}
div.pagination a {
    text-decoration: none;
	padding: .25em .5em;
    border: 1px solid #d1d1d1;
	background: #fff;
}
div.pagination .disabled {
    background-color: #EBEBEB;
    text-decoration: none;
	color: #c1c1c1;
	padding: .25em .5em;
}
div.pagination .selected {
    font-weight: bold;
    border: none;
	padding: .25em .5em;
}
div.pagination .results {
    color: #838383;
	display: inline;
	padding: .25em .5em;
}

/**************************** Forms ****************************/
form {
	margin: 0;
	padding: 0;
}
/* Label */
label {
    font-weight: bold;
    margin: 0;
}
.pieform tbody tr th label {
	white-space: normal;
}
.pieform td label {
	font-weight: normal;
	font-size: .9em;
}
/* required */
.required th, .required label, .requiredmarker, #register_tandc_container th {
    color: #c81511;
}
/* override required colour to normal colour */
.required label.plain, .required.radio td label, .required.emaillist td label {
    color: #333;
}
.pieform td.description {
	padding-top: 0 !important;
    font-size: .9em;
	color: #7d7d7d;
}
div.grippie {
	border-color: #a5acb2;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    background: #eeeeee url(../images/grippie.png) no-repeat scroll 100% 50%;
    cursor: s-resize;
    height: 14px;
}

/* Legend */
legend {
	font-weight: bold;
	font-size: 1.3em;
	* padding-bottom: .5em;
	* padding-top: .5em;
}

/* Select */
select {
	margin-right: .25em;
}

/* Fieldset */
fieldset {
	padding: 1em 1.5em;
	margin: 5px 0;
}
* html fieldset {
	width: 90%;
}
* html .subpage fieldset {
	width: 60%;
}
fieldset.collapsible {
	padding: 1em 1.5em;
}
fieldset.collapsed {
	padding: 0;
	margin: 0;
	border: 0;
}
fieldset.collapsed table {
    position: absolute;
    display: none;
	padding: 0;
	border: 0;
	margin: 0;
}
fieldset legend a {
    padding-left: 15px;
    background: url(../images/icon_fieldset_down.gif) 2px center no-repeat;
}
fieldset legend a:hover {
	text-decoration: none;
}
fieldset.collapsed legend a {
    background: url(../images/icon_fieldset_left.gif) 2px center no-repeat;
}

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

/* error */
input.error, select.error {
    border-color: #dd0221;
}
.errmsg {
    color: #dd0221;
    font-size: .9em;
    background: #ffd3d9 url(../images/failure.gif) no-repeat .5em center;
	padding-left: 2em;
}


/****************************** Buttons ****************************/
/** input buttons **/
input.submit,
input.cancel,
button,
input.button,
input.buttondk,
input.select,
input#files_filebrowser_edit_artefact {
    font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #f0f0f0 #a3a3a3 #a3a3a3 #f0f0f0;
	margin: 0 0.25em 0 0;
	* margin: 0 0.1em 0 0;
	padding: .1em .25em;
	* padding: .1em .25em 0em .25em;
	background: #e3e3e3;
	text-decoration: none;
	cursor: default;
	color: #333;
}
/** link buttons **/
.rbuttons a.btn,
#sb-profile .controls a,
.upgradeicon a,
#loginas .btn-loginas {
    font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #f0f0f0 #a3a3a3 #a3a3a3 #f0f0f0;
	margin: 0 0.25em 0 0;
	padding: .2em .5em;
	background: #e3e3e3;
	text-decoration: none;
	cursor: default;
	color: #333;
}
/** 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: #d1d1d1;
	text-decoration: none;
	cursor: default;
}
/** 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 {
	border-color: #a3a3a3 #f0f0f0 #f0f0f0 #a3a3a3;
	background: #d1d1d1;
}

/** fixes block control buttons **/
.blockinstance-controls input {
	background: none !important;
	border: 0;
	margin: 0 0.25em;
	padding: 0;
}
.blockinstance-controls input:hover {
	background: none;
}

div.btn-del input.submit, 
input.submit.btn-del,
.btn-leavegroup,
.btn-pending,
div.btn-add input.submit, 
input.submit.btn-add, 
button.btn-add,
div.btn-msg input.submit,
div.btn-edit input.submit, 
.btn-reply,
.btn-subscribe input.submit {
    margin-right: .25em;
    * width: 1;
    * overflow: visible;
}

#userview .user-icon a {
	margin: 0 0 0 1em;
}

.rbuttons {
    position: absolute;
    right: 0;
    top: 0;
	line-height: 2.1em;
}
.rbuttons a {
    padding-right: .5em;
}
* html .rbuttons {
	right: 2em;
}
.listing .rbuttons {
    top: 5px;
}
* html .listing .rbuttons {
	right: 5px;
}
.listing .rel .rbuttons {
	top: 0;
}
.listing .rbuttons a {
	font-size: 1em;
	font-weight: normal;
}

.lbuttons {
    position: absolute;
    left: 0;
    top: 0;
}

div.pagetabs {
    top: 1em !important;
    right: 1em;
}
* html div.pagetabs {
    right: 3em;
}
div.pagetabs a {
	font-weight: bold !important;
	border: none;
	margin: 0 1em;
	padding: 0;
	background: none;
}

div.pagetabs .help a {
	margin: 0;
}
div.rbuttons form,
div.rbuttons form div {
    display: inline;
}
.controls a {
    margin: 0 .5em;
}
#buttons input {
	margin: 0 .25em 0 0;
}
div.rbuttons .small-logo {
	border: 0;
	background: none;
}

/**************************** Top of page elements ****************************/
.viewheader {
    padding: .5em;
    margin: 0 .25em 1px;
}
.viewheader .small-logo img {
	margin: .5em;
    padding: 0;
}
.viewheader .lbuttons {
    padding: .5em;
	font-size: .9em;
	margin-left: .5em;
}
.sitemessage {
    background-color: #f99;
    font-weight: bold;
    padding: .5em;
}
.sitemessage img {
    float: left;
    margin-top: 2px;
    padding-right: .5em;
}
#container, #containerX {
    background-color: #fff;
    margin: 0 auto;
    max-width: 1400px;
    min-width: 950px;
    width: 100%;
}
#top-wrapper {
	padding: 0;
}
#containerX #top-wrapper {
	background: #eee;
	padding: .25em;
}
#loading-box {
    background-color: #ddd;
    display: none;
    padding: .5em 1em;
    position: fixed;
    * position: absolute;
    top: 0;
}
#site-logo {
    float: left;
    margin: 0;
    padding: .5em;
}
/* Search and language bar */
#language-select, #usf {
    text-align: right;
    padding: 1em;
}
#usf_query_container input {
    width: 195px;
	margin-right: .25em;
}

/**************** TOP NAVIGATION ****************/
#main-nav {
    clear: left;
    font-size: 1.2em;
    font-weight: bold;
    white-space: nowrap;
}
#main-nav ul {
    margin: 0;
    padding: 0;
}
#main-nav li {
    padding: .5em 1em;
    line-height: 2em;
	display: inline;
}
#main-nav li.selected {
    background-color: #ddd;
}
#main-nav li.selected a,
#main-nav li.selected a:link,
#main-nav li.selected a:visited,
#main-nav li.selected a:active {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

/**************** SUB NAVIGATION ****************/
#sub-nav {
    white-space: nowrap;
	border-top: 1px solid #ddd;
}
#sub-nav ul {
    margin: 0;
	padding: .25em;
	background: #ddd;
}
#sub-nav li {
    padding: .5em 1em;
	display: inline;
}
#sub-nav li.selected a,
#sub-nav li.selected a:link,
#sub-nav li.selected a:visited,
#sub-nav li.selected a:active {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

/**************** IN PAGE TAB NAVIGATION ****************/
ul.in-page-tabs {
  font-size: 1em;
  font-weight: bold;
  list-style: none;
  margin: 0 !important;
  padding: 0;
  position: relative;
  z-index: 0;
}
ul.in-page-tabs li {
  display: inline;
  line-height: 1.8em;
  padding: 0;
  margin: 0 .25em 0 0 !important;
}
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 {
  padding: .3em 1em;
  * padding: .25em 1em;
  background: #EEEEEE;
}
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;
  text-decoration: none;
  background: #D1D1D1;
}

.subpage {
    border: 1px solid #d1d1d1;
	padding: 1em !important;
	margin-bottom: 1em;
}
.subpage p:first-child {
	margin: 0 0 .5em 0;
}


/**************** MAIN CONTENT *****************/
#main-wrapper {
    clear: both;
    width: 100%;
}
#main-column {
    padding: 1.5em;
}
#containerX .main-column {
    padding: 1em 1.5em;
}
#main-column-container, 
div.rel {
    position: relative;
    min-height: 0;  /* IE layout hack */
    * padding-top: .2em;
}
.twocolumn div.rel {
	margin-left: 53px;
	margin-top: 3px;
}
.main-column ul {
    margin: .5em 0 1em 0;
	padding: 0;
}
.main-column ul li {
	margin: 0 0 .25em 1.5em;
}

/* system messages between nav and main content */
#messages {
    padding: 0;
}
#messages div {
	margin: 0 0 1em 0;
}
#containerX #messages {
    padding-top: .5em;
}
div.ok, div.error {
    padding: .4em .5em .4em 2.5em;
}
/* upload file message */
div.info {
    padding: .4em .5em;
	background: #e7f1c3;
	margin: .5em;
    color: #547c22;
	font-size: .9em;
}
/* different message types */
#messages .ok,
div.ok {
    color: #547c22;
    background: #e7f1c3 url(../images/success.gif) no-repeat .5em;
}
#messages .error,
div.error {
    color: #dd0221;
    background: #ffd3d9 url(../images/failure.gif) no-repeat .5em;
    border: 1px solid #dd0221;
}
#messages .info {
    color: #1666a9;
    background: #d2ebff;
}
#messages img {
    padding: .25em;
}
.backtrace {
    font: normal 100% monospace;
}
/* system messages */
.message {
	margin: .5em 0;
    padding: .5em;
    background: #f6f6f6;
    border: 1px solid #ddd;
    text-align: center;
}
.message.delete {
    color: #dd0221;
	background: #ffd3d9;
    border: 1px solid #dd0221;
}
.message h4 {
    margin: 0 !important;
}
.message p:first-child {
    margin: 0 0 1em 0;
}
.message p:last-child {
    margin: 1em 0 0 0;
}
div.section {
    padding-top: .75em;
}


/**************** SIDEBAR *********/
#left-column,
#right-column {
    width: 256px;
}
div.sideblock {
    clear: both;
    font-size: .9em;
    padding: 1em 1.25em;
}
div.sideblock h3 {
    font-size: 1.5em;
    margin: 0 0 .5em 0;
}
div.sideblock ul {
    padding: 0 0 0 1.5em;
    margin: 0;
}

/* Side Login */
#login_submit_container {
    display: inline;
    float: left;
}
#login-helplinks a {
    font-size: .85em;
    line-height: 1.3em;
    padding-left: .5em;
}
#login_login_username_container input,
#login_login_password_container input {
    width: 180px;
    margin: 0 0 .5em 0;
}

/* Side Profile */
#profile-sideblock-username {
    font-size: .9em;
    font-weight: normal;
}
#user-profileicon {
    float: right;
    padding-left: .25em;
}
#user-profileicon img {
	border: 1px solid #FFFFFF;
}
#sb-profile .sideblock-content > ul {
    padding: 0;
    list-style: none;
}
* html #sb-profile ul {
	list-style-type: none;
	padding-left: 0;
}
#sb-profile ul {
    font-weight: bold;
}
#sb-profile ul ul {
    font-size: 1em;
    font-weight: normal;
    padding-left: 1.5em;
    list-style-type: disc;
}
* html #sb-profile ul ul {
    list-style-type: disc;
    padding-left: 1.5em;
}
#sb-profile .controls {
    margin-top: 1em;
}
#changeuser {
    padding-top: 1em;
    text-align: center;
    font-weight: bold;
}
li#pendingfriends a {
	padding-left: 1em;
	background: url(../images/icon-user.gif) no-repeat 2px 4px;
}

/* Side Online Users */
#sb-onlineusers ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#sb-onlineusers li {
    line-height: 2.1em;
}
#sb-onlineusers ul img {
    float: left;
    padding-right: .5em;
}
#lastminutes {
    float: right;
    margin: 0;
    font-style: italic;
}

/* Side Quota Bar */
#quota_message {
    text-align: center;
    margin: 0 0 1em 0;
	font-size: 1em;
}
#quota_used {
	font-weight: bold;
}
#quota_total {
	font-weight: bold;
}
#quotawrap {
	text-align: center;
	width: 210px;
	margin: 0 auto;
}
#quota_fill {
    margin: 0 5px;
    height: 28px;
    background-image: url(../images/quota_bar_highlight.gif);
    position: absolute;
}
#quota_bar,
#quota_bar_100 {
    background: url(../images/quota_bar_bg.gif) no-repeat;
    height: 28px;
    width: 210px;
	line-height: 2.5em;
    text-align: center;
    margin: 0;
}
#quota_bar_100 {
    background: url(../images/quota_bar_full.gif) no-repeat;
}
#quota_percentage {
    text-align: center;
    position: relative;
    z-index: 10;
    color: #ffffff;
	font-weight: bold;
}

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


/* Friends control sideblock */
div.sideblock #friendscontrol label {
	line-height: 1.8em;
	vertical-align: top;
	font-size: 1em;
}

/* Tags */
.mytags {
  padding: .5em 0;
}
.subpage.mytags {
  margin-bottom: 2em;
}
a.tag {
  text-decoration: none;
	line-height: 1.2em;
}
.mytags a.tag {
  padding: 0 5px;
  white-space: nowrap;
}
.sidebar-content.tags .tag {
    padding: 0 5px;
    vertical-align: middle;
}
.tag-results .selected,
.mytags .selected {
    font-weight: bold;
    text-decoration: none;
}
.mytags .tagfreq {
    font-weight: normal;
    font-size: .9em;
    color: #444;
}
.tag-results .sep {
	color: #ccc;
	display: inline;
	padding: 0 .25em;
}
/* select tag to edit */
.edittags {
  margin-bottom: 1em;
}
/* edit tag box */
.edittag {
	border: 1px solid #d1d1d1;
	background: #f6f6f6;
	padding: 1em;
	float: left;
	width: 45%;
}
/* delete tag box */
.deletetag {
	border: 1px solid #d1d1d1;
	background: #f6f6f6;
	padding: 1em;
	float: left;
	margin-left: 1em;
	width: 45%;
}
.deletetag h3 {
	color: #ca0000;
}
#delete_tag_submit {
	border-color: #f69595 #750000 #750000 #f69595;
	background: #ca0000;
}

/* Ajax Login */
#ajax-login-form {
    border: 5px solid #ddd;
    background-color: #fff;
    position: absolute;
    top: 150px;
    left: 20%;
    width: 250px;
    z-index: 1000;
    text-align: left;
}

/* Help popups & icons */
.contextualHelp {
    padding: 1em;
    margin: 0;
    width: 300px;
    max-height: 400px;
    overflow: auto;
    background-color: #f9f9f9;
    border: 1px solid #b2b2b2;
    cursor: help;
    font-size: 12px;
	color: #333;
	z-index: 2000;
}
.help a:focus {
    outline: none;
}
.page-help-icon .help {
    vertical-align: middle;
    font-size: .4em;
    padding-top: .2em;
}
#helpstop h3 {
	white-space: normal;
	margin-top: 0;
}
#helpstop p {
	font-weight: normal;
	white-space: normal;
}


/******************** FOOTER ****************************/
#footer-wrap {
    clear: both;
    font-size: .9em;
    padding: .5em .5em 1.5em .5em;
	border-top: 1px solid #ddd;
}
#footernav {
    margin: .5em;
	color: #d1d1d1;
    float: left;
}
#footernav a,
#footernav a:link,
#footernav a:active,
#footernav a:visited {
    padding: 0 .5em;
}
#powered-by {
    margin: .5em 1em;
    float: left;
}
#performance-info {
    float: right;
	margin: .5em;
	color: #666;
}
#version {
    float: right;
	margin: .5em;
	color: #888;
}
#release {
    float: right;
	margin: .5em;
	color: #888;
}


/****************************** PAGE BY PAGE STYLES **********************************/

/* Userlists used in admin section and on edit interaction form */
.userlisttable .lrbuttons {
    text-align: center;
}
.userlisttable .lrbuttons button {
    margin: .25em;
	white-space: nowrap;
}
.userlisttable .lrfieldlists {
    width: 48%;
    padding: 0;
    margin: 0;
}
.userlisttable tbody tr th {
	text-align: left !important;
	padding: .25em 0 !important;
	font-size: 1em;
	color: #333;
}

/* Attached file lists */
.attachments tbody th {
	text-align: left;
	background-color: #ddd;
	padding: .25em .5em;
	border: 0;
}

/* User/view */
#userview {
	margin: 1em 0;
}
#userview .user-icon {
    font-size: .9em;
	padding: .5em;
	background: #eee;
	border: 1px solid #d1d1d1;
}
#userview #invite,
#userview #addmember {
	margin-top: 1em;
}

/* Wall */
.wallpost {
    border-bottom: 2px solid #FFF;
	background: #F9F9F9;
    padding: .5em;
}
#wall .private {
    background: url(../images/privatebg.gif) repeat top left;
}
.wallpost .userinfo {
	min-height: 25px;
}
* html .wallpost .userinfo {
	height: 25px;
}
.wallpost .userinfo img {
	float: left;
	padding-right: .5em;
}
.wallpost .userinforight {
	padding: .25em;
}
.wallpost .postedon {
    color: #888;
	font-style: italic;
	font-size: .9em;
	line-height: 1.2em;
}
.wallpost .text p {
    margin: 0 0 .25em 0;
}
.wallpost .controls {
	font-size: .9em;
    color: #888;
	line-height: 1em;
}
.wallpost .controls a {
	margin: 0;
}


#viewlayout .fl {
	margin: 0 2em 1em 0;
}


/* My Views */
#myviews td {
	border-bottom: 2px solid #FFF;
}
#myviews h4 {
	font-size: 1.1em;
	margin: 0 0 .25em 0;
}
#myviews .vi {
    float: left;
    line-height: 1.2em;
    padding: .5em 1.5em .5em 0;
    width: 30%;
}
#myviews .vi .videsc p {
	margin: 0;
}
#myviews .submit-viewitem {
    float: left;
    padding: .25em 0;
}
#myviews .submitted-viewitem {
    float: left;
    padding: 1em 2.75em 0 0;
    font-style: italic;
    color: #969696;
    font-size: 1em;
    width: 60%;
}
#deleteview label {
    color: #ca0000;
}

/* Copy a view */
#viewpreview {
  position: absolute;
  border: 10px solid #ccc;
  background-color: #fff;
}
#viewpreviewinner {
  border: 1px solid #888;
  padding: 1em;
}
#viewpreviewclose {
  width: 100%;
  text-align: right;
  border-bottom: 1px dotted #d1d1d1;
  padding-bottom: .5em;
}
* html #viewpreviewclose {
	width: 96%;
}
#viewpreviewcontent {
  margin-top: 1em;
}

/* View access */
#viewacl_lhs {
    float: left;
    padding: 1em;
    margin: 0 1em 1em 0;
    border: 1px solid #d1d1d1;
	width: 320px;
}
#potentialpresetitems {
	margin-bottom: 1em;
}
#potentialpresetitems div {
	margin: .25em 0;
}
#viewacl_lhs #results thead td div {
	font-size: .9em;
	font-weight: bold;
	padding: 0 .5em;
	position: relative;
	display: inline;
	top: 25px;
	left: 145px;
}
#viewacl_lhs #results tfoot td {
	border-top: 1px solid #ccc;
	font-size: .9em;
	font-weight: bold;
	padding: .25em .5em .25em 100px;
}
#accesslistitems {
	margin-left: 360px;
}
#accesslistitems .ai-container {
	margin: 0 1em 1em 0;
	float: left;
    background: #eee;
}
#accesslistitems .ai-container th {
	text-align: left;
	padding-left: 1em;
	line-height: 1.6em;
}
#accesslistitems .removebutton {
	font-size: .9em;
	padding: .5em .25em 0 0;
}
#accesslistitems .ai-container table {
	margin: 0;
	padding: 0;
	width: auto;
}
#accesslistitems .ai-container table td,
#accesslistitems .ai-container table th {
	padding: .25em .5em;
}
#accesslistitems .ai-container table th {
	color: #555555;
}

#accesslistitems table th img {
	height: 16px;
}
#editaccess_overrides_container {
	clear: both;
}
#editaccess_overrides_container fieldset legend {
	margin-top: 1em;
}
#editaccess_startdate_container,
#editaccess_stopdate_container {
	padding: .25em 0;
	position: static;
	z-index: 10;
}
#editaccess_startdate_container label,
#editaccess_stopdate_container label {
	padding: 0 .25em 0 0;
}

/* Export */
#export h3 {
    margin: .75em 0 .25em 0;
}
#export .radio-description {
    padding-left: 2em;
}
#export fieldset {
    padding: .5em;
    margin: .5em;
}
#export .element div {
    padding-bottom: .25em;
}
#export .view {
    float: left;
    padding-right: 2em;
    white-space: nowrap;
}
#export fieldset {
	margin-top: 0;
	margin-left: 2em;
	border: 1px solid #d1d1d1;
	background: #eee;
}
#export fieldset legend {
	font-size: 1em;
}
#export fieldset div a {
	padding: 0 .5em 0 0;
}
#export fieldset table {
    width: 96%;
    margin: 0 auto;
}
#export fieldset table colgroup col {
	border: 2px solid #eee;
}
#export fieldset table div {
    padding: 0 0 0 1.9em;
	font-size: .9em;
}
#export fieldset label {
    font-size: normal;
    font-weight: bold;
}
#exportgeneration {
    text-align: center;
}
#progress {
    border: 2px solid #d1d1d1;
    height: 40px;
    width: 600px;
}
div.progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #999;
    height: 40px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
* html div.progress-bar {
    * height: 45px;
}
div.progress-bar a {
    color: #ffd !important;
}
p.progress-text {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    width: 100%;
}
#progressbar {
    height: 40px;
}

/* My Groups *//* My Friends */
ul.groupuserstatus {
    width: 180px;
	font-size: .9em;
	margin: 0 0 0 1em;
}
#friendslist ul.actionlist {
	margin: 0 0 0 1em;
	float: right;
	width: 180px;
	font-size: .9em;
}
ul.groupuserstatus li,
#friendslist ul.actionlist li {
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #d1d1d1;
	padding: 0 .25em;
}
ul.groupuserstatus li.last,
#friendslist ul.actionlist li.last {
	border-bottom: none;
}
form#search, form#filter, div.searchform {
    margin-bottom: 1em;
}
form#search input.text {
	margin-right: .25em;
}

#friendslist ul.viewlist {
	margin: 0;
	font-size: 1em;
}
#friendslist ul.viewlist li.label {
	background: none;
	padding-left: 0;
}
#friendslist ul.viewlist li {
	display: inline;
	margin: 0;
	padding-left: 1em;
	background: url(../images/divider-dot.gif) no-repeat left;
}
#friendslist .leftdiv {
	float: left;
	width: 4.5em;
}
#friendslist .rightdiv {
	min-height: 35px;
	padding: .5em 0 0 0;
	margin-left: 4.5em;
}

/* Group: about */
.group-info {
	background-color: #eee;
	padding: 1em;
	border: 10px solid #ddd;
	margin: 0 0 1em 0;
}
.group-info ul {
    margin: 0;
    list-style: none;
}
.group-info ul li {
	margin: 0;
}
.group-info ul li span {
	margin: 0 2em 0 0;
}
.groupdescription {
	margin-bottom: 1em;
}

/* Group: members */
.listing.twocolumn td {
	width: 50%;
	border: 4px solid #FFF;
}

/* Settings > Preferences */
#accountprefs table td {
    padding-left: 0;
}
#accountprefs table h3 {
	border-bottom: 1px dotted #d1d1d1;
}
#deleteaccount {
	border: 1px solid #e98a88;
	background: #fbeceb;
	padding: 1em;
	margin: 0 1em 1em;
}
#deleteaccount h1 {
	color: #ca0000;
}
#deleteaccount input.submit {
	border: 1px solid #e98a88;
	background-color: #ca0000;
}

/* Settings > Notifications */
#activitylist th {
	line-height: 1.2em;
	vertical-align: bottom;
}
#activitylist th a {
	font-size: .8em;
	font-weight: normal;
	white-space: nowrap;
}
#activitylist tbody td div {
	font-size: .9em;
	line-height: 1.4em;
}
#delete_all_notifications {
	position: relative;
	top: -30px;
	left: -15px;
        width: 50%;
}

/* Settings > Institution membership */
#requestmembership_studentid_container {
	margin: 0 .5em;
}
#requestmembership_studentid_container label {
	margin: 0 .25em 0 0;
}
#cancelrequest label {
	display: block;
}


* html #edit_interaction_weight_container td input {
	border: 0 !important;
}
* html #edit_interaction table td fieldset {
	width: 92%;
}