/**
 * 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
 */

/* styles based on elements */
body,
body#micro {
    background: #10171A url(../images/bg.gif) repeat top center;	
	color: #BEE3F1;
}
a, a:visited, a:link, a:active {
    color: #7EF000;
    text-decoration: none;
}
a:hover, a:focus {
    color: #00AEF1;
    text-decoration: underline;
}
h1,
h2 {
    color: #7EF000;
    font-weight: normal;
}
h3,
h4,
h5,
h6 {
    color: #00AEF1;
}

.description,
.unvalidated,
.postdetails,
.postedon {
	color: #c7c7c7;
}


/**************************** Tables ****************************/
.main-column thead th {
    color: #BEE3F1;
	border-bottom: 1px dotted #BEE3F1;
}
.main-column tbody th {
    color: #BEE3F1;
    border-bottom: none;
}
/* table with th border-bottom */
#searchresults thead th,
.filelist,
.tag-results #results {
	border-bottom: 1px dotted #BEE3F1;
}
/* table with tfoot border-top */
#searchresults tfoot td,
#adminstitutionslist tfoot td,
#profileicons tfoot td,
#activitylist tfoot td {
	border-top: 1px dotted #BEE3F1;
}
.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: #00AEF1 !important;
}
.tablerenderer-loading {
    border: 1px solid #000;
	background-color: #000;
    color: #00AEF1;
}
/* table with th border-bottom */
#searchresults thead th {
	border-bottom: 1px solid #BEE3F1;
}
/* table with border-bottom */
#searchresults tfoot td {
	border-top: 1px solid #BEE3F1;
}
.listing.twocolumn td {
    padding: 4px !important;
	border-color: #080D0F;
}
/* Alternative row background colours */
.r0,
.r0 td {
    border-bottom: 1px solid #080D0F;
    background: #1C3740;
}
.r1,
.r1 td {
    border-bottom: 1px solid #080D0F;
    background-color: #1A292F;
}
tr.folder td {
    background-color: #10171A;
    border-bottom: 1px solid #080D0F !important;
}
tr.highlight td {
  background-color: #000 !important;
  border-bottom: none;
    border-bottom: 1px solid #080D0F;
}

/**************************** Pagination ****************************/
div.pagination a {
    border: 0;
    background-color: #1A292F;
}
div.pagination .disabled {
	background-color: #080D0F;
	color: #26363d;
}
div.pagination .selected {
	border: 0;
}

/**************************** Forms ****************************/
/* Label */
label {
    color: #BEE3F1;
}
/* required */
.required th, .required label, .requiredmarker, #register_tandc_container th {
	color: #f45e5e;
}
/* override required colour to normal colour */
.required label.plain, .required.radio td label, .required.emaillist td label {
    color: #BEE3F1;
}

/* Legend */
legend {
	color: #00AEF1;
	font-family:Georgia, "Times New Roman", Times, serif;
}
legend a,
legend a:link,
legend a:visited,
legend a:active,
legend a:hover {
	color: #00AEF1 !important;
}

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

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

/* Text fields and such */
input.text.required {
	border: 1px solid #f45e5e;
}

/****************************** Buttons ****************************/
/** input buttons **/
.btn,
input.submit,
input.cancel,
button,
.buttondk,
input.button,
input.select,
input#files_filebrowser_edit_artefact,
ul.groupuserstatus li a {
    background: #1b3b46 url(../images/mainnav-bg.gif) repeat-x center;
	border-color: #386d82 #1A292F #1A292F #386d82;
	color: #FFF !important;
}
/** hover for buttons **/
.btn:hover,
input.submit:hover,
input.cancel:hover,
button:hover,
.buttondk:hover,
input.button:hover,
input.select:hover,
input#files_filebrowser_edit_artefact:hover,
ul.groupuserstatus li a:hover {
	color: #FFF;
    text-decoration:none;
    background: #254e5c url(../images/mainnav-bg-hover.gif) repeat-x center;
	border-color: #1A292F #386d82 #386d82 #1A292F;
}
/** Depress for buttons **/
.btn:active,
input.submit:active,
input.cancel:active,
button:active,
.buttondk:active,
input.button:active,
input.select:active,
input#files_filebrowser_edit_artefact:active,
ul.groupuserstatus li a:active {
    background: #254e5c url(../images/mainnav-bg-hover.gif) repeat-x center;
	border-color: #1A292F #386d82 #386d82 #1A292F;
	color: #FFF;
}
/* buttons that look like links with icons */
.icon {
	color: #7EF000;
}
/* except those that shouldn't */
span.btn a.icon, a span.icon {
	color: #FFF;
}
/* buttons that look like links */
.linkbtn {
	color: #7EF000; 
}

/* Search buttons */
#usf_submit,
#usf_submit:hover {
	background: transparent url(../images/btn-search.png) no-repeat !important;
	border: 0;
	color: #7EF000;
	text-indent: -999px;
	font-size: 1%;
	cursor: pointer;
	vertical-align: bottom;
	height: 24px;
	width: 24px;
	margin-left: 2px;
}
* html #usf_submit {
	height: 22px;
}
#selfsearch button,
.query-button,
#moderator_search_btn,
#search_search,
#selfsearch button,
#search_submit,
.btn-search,
#selfsearch button:hover,
.query-button:hover,
#moderator_search_btn:hover,
#search_search:hover,
#selfsearch button:hover,
#search_submit:hover,
.btn-search:hover {
	background: transparent url(../images/btn-search.png) no-repeat !important;
	border: 0;
	color: #7EF000;
	text-indent: -999px;
	font-size: 1%;
	cursor: pointer;
	vertical-align: bottom;
	height: 24px;
	width: 24px;
	margin-left: 2px;
}
.btn-del {
	color: #ff4949 !important;
}


/**************************** Top of page elements ****************************/
#container, #containerX {
    background: #0c2839 url(../images/bg.jpg) repeat-x 3px 0;	
    min-width: 970px;
    width: 90%;
}
#top-wrapper {
    background: transparent;
    border: none;
}
#containerX #top-wrapper {
	height: auto;
	background: transparent;
}
#loading-box {
    background-color: #000;
}
.viewheader .nav {
  border-bottom: 1px dotted #1C3740;
  color: #1C3740;
}
.viewheader .title {
	color:#BEE3F1;
}
#site-logo {
    padding: 1em 0.75em 0em 0.75em;
}
/* Search and language bar */
#usf_query_container input {
    color: #333333;
	background-color: #FFFFFF;
	width: 205px;
}

/**************** TOP NAVIGATION ****************/
#right-nav ul {
  margin: 1em 1em 1em 0;
  min-width: 20em;
}
#right-nav li {
  padding: 0 0 0 1em;
}
#right-nav li a {
  color: #fff;
}
#right-nav li.selected a {
  color: #fff;
  font-weight: normal;
  text-decoration: underline;
}
#main-nav {
    padding: 0;
    margin: 0;
    background: transparent;
}
#main-nav ul {
    padding-right: 5px;
	float: right;
}
#main-nav li {
    float:left;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
	font-size: 12px;
	margin: 0 0 0 3px;
	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 15px 3px;
    background: #1C3740 url(../images/mainnav-bg.gif) repeat-x center;	
    color: #FFFFFF;
	width:auto;
	display:block;
}
#main-nav li a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
#main-nav li.selected a,
#main-nav li.selected a:link,
#main-nav li.selected a:visited,
#main-nav li.selected a:active {
    color: #FFFFFF;
	background: #00AEF1;
	padding: 5px 15px 3px;
}

/**************** SUB NAVIGATION ****************/
#sub-nav {
	padding: 0;
    margin: 0 5px 8px 5px;
    font-size: 12px;
    font-weight: bold;
    background: #00AEF1 url(../images/subnav-bg.gif) repeat-x center;
    height: 30px;
    line-height: 30px;
	width:99.1%;
    float:right;
    text-align: right;
	border:none;
}
#sub-nav ul {
    margin: 0;
    padding: 0;
    background: transparent;
}
#sub-nav li {
    padding: 0px 10px;
    background: transparent;
	border-left: 1px solid #FFF;
}
#sub-nav li a,
#sub-nav li a:link,
#sub-nav li a:visited,
#sub-nav li a:active {
    color: #FFFFFF;
}
#sub-nav li a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
#sub-nav li.selected a,
#sub-nav li.selected a:link,
#sub-nav li.selected a:visited,
#sub-nav li.selected a:active {
    color: #FFFFFF;
    text-decoration: underline;
}

/**************** IN PAGE TAB 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;
  background: none;
  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: #FFF;
  font-weight: normal;
  padding: 5px 10px 6px 10px;
  background: #1C3740 url(../images/mainnav-bg.gif) repeat-x center;
}
ul.in-page-tabs li a:hover {
  color: #FFF;
  background: #1C3740 url(../images/mainnav-bg.gif) repeat-x center;
  text-decoration: underline;
}
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: #FFF;
  font-weight: bold;
  padding: 5px 10px 6px 10px;
  background: #00AEF1 url(../images/subnav-bg.gif) repeat-x center;
}

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


/**************** MAIN CONTENT *****************/
/* system messages between nav and main content */
#main-column {
    display: block;
    margin: 0 5px;
}
.main-column {
	background: #080D0F;
	width: 96%;
}

.main-column-narrow {
	width: 67%;
}

/* system messages between nav and main content */
/* different message types */
#messages .ok,
div.ok {
    color: #2da000;
    background-color: #cfe7c5;
}
#messages .error,
div.error {
    color: #dd0221;
    background-color: #eccccc;
}
#messages .info {
    color: #1666a9;
    background-color: #c7d8e6;
}
/* system messages */
.message {
    background-color: #1C3740;
    border: 1px dotted #e0e8ee;
}

.sitemessage {
	color: #333;
}

/**************** SIDEBAR *********/
#left-column,
#right-column {
    min-width: 271px;
	background: transparent;
    padding: 0px;
}
div.sideblock {
    background: #080D0F;
	margin: 0 5px 8px 0;
    padding: 0;
}
div.sideblock h3 {
    padding: 6px 15px;
    margin: 0 0 10px 0;
    color: #FFFFFF;
    background: #00AEF1 url(../images/subnav-bg.gif) repeat-x center;
}
div.sideblock h3 a,
div.sideblock h3 a:link,
div.sideblock h3 a:visited,
div.sideblock h3 a:active {
	color: #FFF !important;
}
div.sideblock-content,
div.sidebar-content {
    padding: 0 10px 10px;
}
div.sideblock ul li {
	font-weight: bold;
	color: #7EF000;
}
div.sideblock ul ul {
	list-style-type: square;
}

/* Side Login */
#sb-loginbox input.text,
#sb-loginbox input.password {
	width: 240px;
}

/* Side Profile */
#user-profileicon {
	padding-top: 5px;
	padding-right: 5px;
}
/* Side Online Users */
#lastminutes {
    margin: 6px 15px 0 0;
}

/* Side Quota Bar */
#quota_used {
    color: #00AEF1;
}
#quota_total {
    color: #7EF000;
}
#quota_bar, 
#quota_bar_100 {
    background: url(../images/quota_bar_bg.gif) no-repeat;
}
#quota_fill {
    background-image: url(../images/quota_bar_highlight.gif);
}

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


/******************** FOOTER ****************************/
#footer-wrap {
    padding: 10px 5px 15px;
    border: 0;
}

#micro #footer-wrap {
	background:transparent;
}
#footernav {
  color: #888;
} 
#footernav a,
#footernav a:link,
#footernav a:active,
#footernav a:visited {
    color: #FFFFFF;
}
#footernav a:hover {
    color: #FFF;
}
#powered-by {
    padding: 0;
    margin-top: 0;
}
#performance-info {
    color: #888;
}
#performance-info span {
    color: #fff;
}
#version {
  color: #FFFFFF;
} 


/****************************** PAGE BY PAGE STYLES **********************************/
/* Userlists used in admin section and on edit interaction form */
.userlisttable tbody tr th {
	color: #BEE3F1;
}

/* Attached file lists */
table.attachments {
	border: 2px solid #10171A;
}
.attachments tbody th {
	background-color: #10171A;
}
table.attachments td {
	border-bottom: 2px solid #10171A;
}

/* User/view */
#userview {
	background-color: transparent;
    border: 2px solid #1C3740;
}
#userview .user-icon {
	background: #0C2839;
	border: 0;
}


/* My Views */
#myviews td {
   border:none;
}
#myviews .submit-viewitem {
	background: #080D0F;
}

/* Copy a view */
#viewpreview {
  border: 10px solid #1C3740;
  background-color: #10171A;
}
#viewpreviewinner {
  border: 1px solid #BEE3F1;
}
#viewpreviewclose {
  border-bottom: 1px dotted #BEE3F1;
}

/* View access */
#viewacl_lhs {
	border: 1px solid #1C3740;
}
#viewacl_lhs #results thead th {
	background: none;
}
#viewacl_lhs #results tfoot td {
	background: none;
}
#accesslistitems .ai-container {
	background: #1C3740;
}
#accesslistitems .ai-container table th {
	color: #BEE3F1;
}
#potentialpresetitems div {
	border-bottom: 0;
}


#friendslist td {
	border-bottom: 0;
}

/* Group: about */
.group-info {
    border: 2px solid #1C3740;
	background-color: #1A292F;
}


/* Home page info boxes */

.home-info {
    border: 0;
    background: #0C2839;
}
.home-info p.subtitle {
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}
.home-info-table {
	border: 0;
}

#export fieldset {
    background: #0C2839;
	border:0;
}
#friendslist ul.actionlist li {
	border-top: 1px solid #080D0F;
}

/* collection */
#collectionnavwrap {
	background: #0C2839;
}
ul.colnav li a {
	color: #FFF;
}

#feedback_pagination {
	background: #080D0F !important;
	border-top: 1px dotted #BEE3F1 !important;
}
.morelinkwrap,
#myviews .submitted-viewitem {
	background: #080D0F;
}
.viewfooter .releaseviewform {
	background: #080D0F;
}
.memberssearch {
	background: #080D0F !important;
	border: 0 !important;
}
#createfolder {
	background: #1C3740 !important;
	border: 0 !important;
}
#upload {
	background: #080D0F !important;
	border: 0 !important;
}
tr.editrow, tr.editrow td {
	background: #1C3740 !important;
	border: 0 !important;
}