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

/* General rules */
body, body#micro {
	background-image:url(../images/back_banner.png);
	background-repeat:repeat-x;
    background-color: #333;
	color: #14336F;
}
a, a:visited, a:link, a:active {
    color: #1F97D5;
    text-decoration: none;
}
a:hover, a:focus {
    color: #14336F;
    text-decoration: underline;
}
h1,
h2 {
    color: #1A428F;
}
h3 {
    color: #1e6297;
}
h4 {
    color: #3986c3;
}
h5 {
    color: #333333;
}
h6 {
    color: #1e6297;
}
.description,
.unvalidated,
.postdetails,
.postedon {
    color: #838383;
}

/**************************** Tables ****************************/
.main-column thead th {
	border-bottom: 1px solid #14436F;
}
.main-column tbody th {
	border-bottom: none;
}
/* table with th border-bottom */
#searchresults thead th,
.filelist,
.tag-results #results {
	border-bottom: 1px solid #14436F;
}
/* table with tfoot border-top */
#searchresults tfoot td,
#adminstitutionslist tfoot td,
#profileicons tfoot td,
#activitylist tfoot td {
	border-top: 1px solid #14436F;
}
.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: #1e6297 !important;
}
.tablerenderer-loading {
    border: 1px solid #f4f7f9;
	background-color: #f4f7f9;
    color: #1e6297;
}
/* table with th border-bottom */
#searchresults thead th {
	border-bottom: 1px solid #14436F;
}
/* table with border-bottom */
#searchresults tfoot td {
	border-top: 1px solid #14436F;
}
/* Alternative row background colours */
.r0, .r0 td, .d0  {
    background-color: #e9f1f6;
}
.r1, .r1 td, .d1 {
    background-color: #f4f7f9;
}
tr.folder td {
	background-color: #d6dce0 !important;
}

/**************************** Pagination ****************************/
div.pagination a {
	background-color: #f4f7f9;
	border: 0;
}

/**************************** Forms ****************************/
/* Label */
label {
    color: #888888;
}
/* 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: #333333;
}

/* Legend */
legend {
	color: #1e6297;
}
legend a,
legend a:link,
legend a:visited,
legend a:active,
legend a:hover {
	color: #1e6297 !important;
}

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


/****************************** Buttons ****************************/
/** input buttons **/
.btn,
input.submit,
input.cancel,
button,
.buttondk,
input.button,
input.select,
input#files_filebrowser_edit_artefact,
ul.groupuserstatus li a {
	background: #3091F2;
	border:none;
	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 {
	background: #333;
	color: #FFF;
}
/** 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: #012cac url(../images/btn-bkgd-hover.gif) repeat-x 1px;
	border-color: #011e3a #476ee2 #476ee2 #011e3a;
	color: #FFF;
}
/* buttons that look like links with icons */
.icon {
	color: #1F97D5;
}
/* except those that shouldn't */
span.btn a.icon, a span.icon {
	color: #FFF;
}
/* buttons that look like links */
.linkbtn {
	color: #1F97D5; 
}

/* Search buttons */
#usf_submit,
#usf_submit:hover {
	background: transparent url(../images/btn-search.png) no-repeat !important;
	border: 0;
	color: #1F97D5;
	text-indent: -999px;
	font-size: 1%;
	cursor: pointer;
	vertical-align: bottom;
	height: 22px;
	width: 22px;
	margin-left: 2px;
}

/**************************** Top of page elements ****************************/
#container, #containerX {
    /*background: repeat-x top center;*/
	background:transparent url(../images/back_banner.png) repeat-x top center;
    * overflow: hidden;
}
#top-wrapper {
    background:url(../images/banner.png)  no-repeat top center;
    border: none;
    min-width: 957px;
    width:957px;
	height:179px;
	padding-left:47px;
	padding-right:47px;
    margin: 0 auto;
	position:relative;
}
#containerX #top-wrapper {
	height: auto;
	background: transparent url(../images/bg-container.jpg) no-repeat top center;
}
#loading-box {
    background-color: #ECF3D4 !important;
}
#site-logo {
	position:absolute;
	margin:0px;
	top:10px;
	left:37px;
	display:block;
	padding: 25px 25px 0 0
}
#top-wrapper ul,
#top-wrapper li {
    text-align: right;
    display: inline;
}
/* Search and language bar */
#usf_query_container input {
    color: #333333;
	width: 205px;
	height:14px;
	font-size:14px;
	border: 1px solid #CCC;
}
#header-right label {
	color: #FFFFFF;
}
#header-right{
	padding:0px;
	margin-top:5px;
}

/**************** TOP NAVIGATION ****************/

#right-nav ul{
	margin:4px !important;
	}
#right-nav li {
	color: #FFF;
}
#right-nav li a {
	color: #fff;
}
#right-nav li.identity a {
	color: #FFF;
	font-weight:bold;
}
#right-nav li.selected a {
  color: #fff;
  text-decoration: underline;
}

#main-nav {
    padding: 0;
    margin: 0;
    margin-top:48px;
	height: 27px;
	border-bottom: 0;
	width:650px;
	float:right;
}
#main-nav ul {
	float: right;
}
#main-nav li {
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 1.6em;
    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: #00084F;
    color: #FFFFFF;
	width:auto;
	display:block;
}
#main-nav li a:hover {
    color: #FFF;
    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: #FFF;
	background: #3091F2;
	padding: 5px 15px 3px;
}
/**************** SUB NAVIGATION ****************/
#sub-nav {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    background: transparent;
    height: 20px;
	border:none;
	width:100%
}
#sub-nav ul {
    float:right;
	height: 15px;
	padding: 6px 0px 6px 10px;
	background: transparent;
}
#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: #14336F;
	height: 25px;
}
#sub-nav li a:hover {
    color: #1A428F;
    text-decoration: underline;
}
#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: #0B1960;
    text-decoration: underline;
}

/**************** IN PAGE TAB NAVIGATION ****************/
ul.in-page-tabs,
ul.edit-view-tabs {
	height: 24px;
	line-height: 26px;
}
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, ul.in-page-tabs li input.linkbtn,
ul.edit-view-tabs li a, ul.edit-view-tabs li a:link, ul.edit-view-tabs li a:visited, ul.edit-view-tabs li a:active {
  color: #FFF;
  background: #00084F;
}
ul.in-page-tabs li input.linkbtn:hover,
ul.in-page-tabs li a:hover {
  text-decoration: underline;
  color: #1F97D5;
}
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, ul.in-page-tabs li input.linkbtn.current-tab,
ul.edit-view-tabs li a.current-tab, ul.in-page-tabs li a.current-tab:link, ul.edit-view-tabs li a.current-tab:visited, ul.edit-view-tabs li a.current-tab:active {
  color: #14336F;
}

.subpage {
	border: 1px solid #ddd;
	border-top: 10px solid #d1d1d1;
}

/**************** MAIN CONTENT *****************/
#containerX #main-wrapper,
#mainmiddle {
	background:url(../images/back_middle.png) repeat-y;
	background-position:center;
	width:957px;
    min-width: 957px;
	padding-left:47px;
	padding-right:47px;
	padding-bottom:30px;
    margin: 0 auto;
}
#main-wrapper {
	background: #FFF;
}

/**************** SIDEBAR ******************/
#left-column,
#right-column {
	background: #F4F7F9 url(../images/pixel_grey.gif) repeat-y top left;
    padding:0px;
}
div.sideblock {
	border-bottom: 1px solid #DDD;
}
div.sideblock h3 a,
div.sideblock h3 a:link,
div.sideblock h3 a:visited,
div.sideblock h3 a:active {
	color: #1E6297;
}
div.sideblock h3 a:hover {
	color: #267bbd;
}

/* Side Login */
#sb-loginbox label {
	color: #1A428F;
}

/* Side Profile */
#sb-profile ul a,
#sb-profile ul a:link,
#sb-profile ul a:visited,
#sb-profile ul a:active {
	color: #1A428F;
}
#sb-profile ul ul a,
#sb-profile ul ul a:link,
#sb-profile ul ul a:visited,
#sb-profile ul ul a:active {
	color: #1F97D5;
}
#sb-profile li#pendingfriends a,
#sb-profile li#pendingfriends a:link,
#sb-profile li#pendingfriends a:visited,
#sb-profile li#pendingfriends a:active {
	color: #1F97D5 !important;
}


/* Side Quota Bar */
#quota_used {
    color: #3986c3;
}
#quota_total {
    color: #1F97D5;
}
#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;
}


/******************** FOOTER ****************************/
#footer-wrap {
    background-color: #333;
    border: 0;
}
#footer {
    min-width: 957px;
    width: 957px;
    margin: 0 auto;
	padding-left:47px;
	padding-right:47px;
	padding-top:25px;
	padding-bottom:15px;
	background:url(../images/back_base.png) no-repeat top center;
}
#footernav  {
  color: #FFFFFF;
} 
#footernav a,
#footernav a:link,
#footernav a:active,
#footernav a:visited {
    color: #FFFFFF;
}
#footernav a:hover {
    color: #FFF;
}
#performance-info {
    color: #fff;
}
#performance-info span {
	color: #fff;
}
#version  {
  color: #FFFFFF;
} 


body#micro #footer-wrap #performance-info {
	padding-top: 10px;
}
/****************************** PAGE BY PAGE STYLES **********************************/
/* Group: about */

/* Settings > Preferences */
#accountprefs table h3 {
	border-bottom: 1px dotted #888888
}
#micro #footer-wrap {
	margin: 0 auto;
	min-width: 970px;
	width: 90%;
	padding: 0;
}
.viewheader a {
	color: #FFF;
}
.viewheader .title {
	color: #FFF;
}


#containerX #top-wrapper a,
#containerX #top-wrapper a:hover,
#containerX #top-wrapper a:active {
	color: #ffffff;
}

/* collection */
ul.colnav li a {
	color: #FFF;
}

/**************** DROPDOWN NAVIGATION ****************/
/**************** SUB NAVIGATION *********************/

#main-nav .dropdown-sub {
	top: 27px !important;
}
#main-nav .dropdown-sub li {
	line-height: 25px !important;
	height: 25px !important;
}
#main-nav .dropdown-sub li a,
#main-nav .dropdown-sub li a:link,
#main-nav .dropdown-sub li a:visited,
#main-nav .dropdown-sub li a:active {
    padding: 5px 13px !important;
    background: #00084f !important;
    color: #FFF !important;
}
#main-nav .dropdown-sub li a:hover {
	background: #0b1960 !important;
	color: #1F97D5 !important;
	text-decoration: none !important;
}

.group-info {
	background:	#F4F7F9;
	border: 0;
}