/**
 * Mahara: Electronic portfolio, weblog, resume builder and social networking
 * Copyright (C) since 2006 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     Catalyst IT Ltd
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL
 * @copyright  (C) since 2006 Catalyst IT Ltd http://catalyst.net.nz
 */
 
/******************** Fonts ********************/
body, caption, th, td, input, textarea, select, option, legend, fieldset, button {
    font-family: Verdana, Arial,"Nimbus Sans L",Helvetica,sans-serif;
}
@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('Chunkfive-webfont.eot');
    src: url('Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('Chunkfive-webfont.woff') format('woff'),
         url('Chunkfive-webfont.ttf') format('truetype'),
         url('Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/******************** Body ********************/
body, body#micro {
    background: #ededed url(../images/bkgd.png) repeat-x top left;
	color: #222222;
    font-family: Verdana, Arial,"Nimbus Sans L",Helvetica,sans-serif; 
}
body#home {
    background: #ededed url(../images/bkgd-home.png) repeat-x top left;
}
/******************** General headings ********************/
h1 {
    font-size: 2.500em;
	font-weight: normal;
    color: #a9a9a9;
}
h1 strong {
	font-weight: normal;
}
h2 {
    font-weight: normal;
}
.subpage h2 {
    color: #474220;
}
h3 {
    color: #474220;
    font-weight: normal;
    font-size: 1.500em;
}
.subpage h3 {
    font-size: 1.25em;
    font-weight: bold;
}
h4 {
    color: #474220;
}
h5 {
    color: #222222;
    font-size: 1em;
    margin: 10px 0;
}
h6 {
    color: #474220;
}
/******************** General text ********************/
a, a:visited, a:link, a:active {
    color: #5c8727;
    text-decoration: none;
}
a:hover, a:focus {
    color: #5c9c10;
    text-decoration: underline;
}
/* some common listing text styles */
.title {
    font-weight: bold;
}
.firstparagraph {
    font-size: 1.167em;
    line-height: 1.5em;
    color: #666666;
    font-style: italic;
}
/* box */
.box {
    background-color: #e8e8e8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    border: 1px solid #e1e1e1;
}
.box h3 {
    margin-top: 0;
}
.box .fl img {
	margin-right: 10px;
}
.box div.cb {
    color: #e8e8e8;
    height: 0;
}
/******************** Tables ********************/
thead th {
	border-bottom: 1px solid #cfcfcf;
}
/* Alternative row background */
.r0, .r0 td, .d0 {
    background-color: #f7f8f3;
}
.r1, .r1 td, .d1 {
    background-color: #fdfdfb;
}
/******************** Forms ********************/
/* fieldset */
fieldset {
    border: 1px solid #cfcfcf;
}
/* legend */
legend {
	color: #1e6297;
}
/* label */
th,
th label,
#files_filebrowser_agreement label,
.uploadform label,
.lrfieldlists label {
    color: #333;
}
/******************** Buttons ********************/
/* Buttons to override with colour */
/* input buttons */
tr.submitcancel input.submit,
tr.submit input.submit,
input#profileform_submit,
input#files_filebrowser_edit_artefact,
input#instconf_folder_edit_artefact,
input#instconf_artefactids_edit_artefact,
input#instconf_artefactid_edit_artefact,
.rbuttons .btn,
.rbuttons .btn:visited,
.rbuttons .btn:link,
.rbuttons input.submit,
#resumewrap input.openedit,
#resumewrap button,
#view-wizard-controls input.submit,
.submitwrap input.submit,
#collectiondonewrap .btn,
#collectiondonewrap .btn:visited,
#collectiondonewrap .btn:link,
input#export_submit,
#sitelicenses .btn,
#adduser #adduser_submit,
input#login_submit,
.login-externallink a.btn,
input#viewlayout_submit,
input#files_filebrowser_upload,
input#designskinform_submit,
input#cancel_designskinform_submit,
#editaccess_submit_container input.submit {
	border-color: #a0c525;
    background: #ddf091; /* Old browsers */
    background: -moz-linear-gradient(top,  #ddf091 0%, #bfe153 2%, #94b727 98%, #779f18 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddf091), color-stop(2%,#bfe153), color-stop(98%,#94b727), color-stop(100%,#779f18)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf091', endColorstr='#779f18',GradientType=0 ); /* IE6-8 */
    font-family: "ChunkFiveRegular", Verdana, Arial,"Nimbus Sans L",Helvetica,sans-serif;
    text-shadow: 0px 1px 1px #c2d87b;
    text-transform: uppercase;
    font-weight: normal;
    color: #5f751c;
    padding: 6px 10px 5px 10px;
}
/* hover for buttons */
tr.submitcancel input.submit:hover,
tr.submit input.submit:hover,
input#profileform_submit:hover,
input#files_filebrowser_edit_artefact:hover,
input#instconf_folder_edit_artefact:hover,
input#instconf_artefactids_edit_artefact:hover,
input#instconf_artefactid_edit_artefact:hover,
.rbuttons .btn:hover,
.rbuttons input.submit:hover,
#resumewrap input.openedit:hover,
#resumewrap button:hover,
#view-wizard-controls input.submit:hover,
.submitwrap input.submit:hover,
#collectiondonewrap .btn:hover,
input#export_submit:hover,
#sitelicenses .btn:hover,
#adduser #adduser_submit:hover,
input#login_submit:hover,
.login-externallink a.btn:hover,
input#viewlayout_submit:hover,
input#files_filebrowser_upload:hover,
input#designskinform_submit:hover,
input#cancel_designskinform_submit:hover,
#editaccess_submit_container input.submit:hover {
	border-color: #90c609;
    background: #a8cb3c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ddf091 0%, #b9df3f 2%, #89ac1c 98%, #779f18 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddf091), color-stop(2%,#b9df3f), color-stop(98%,#89ac1c), color-stop(100%,#779f18)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf091', endColorstr='#779f18',GradientType=0 ); /* IE6-8 */
    text-decoration: none;
}
/* focus for buttons */
tr.submitcancel input.submit:focus,
tr.submit input.submit:focus,
input#profileform_submit:focus,
input#files_filebrowser_edit_artefact:focus,
input#instconf_folder_edit_artefact:focus,
input#instconf_artefactids_edit_artefact:focus,
input#instconf_artefactid_edit_artefact:focus,
.rbuttons .btn:focus,
.rbuttons input.submit:focus,
#resumewrap input.openedit:focus,
#resumewrap button:focus,
#view-wizard-controls input.submit:focus,
.submitwrap input.submit:focus,
#collectiondonewrap .btn:focus,
input#export_submit:focus,
#sitelicenses .btn:focus,
#adduser #adduser_submit:focus,
input#login_submit:focus,
.login-externallink a.btn:focus,
input#viewlayout_submit:focus,
input#files_filebrowser_upload:focus,
input#designskinform_submit:focus,
input#cancel_designskinform_submit:focus,
#editaccess_submit_container input.submit:focus {
	border-color: #90c609;
    background: #a8cb3c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ddf091 0%, #b9df3f 2%, #89ac1c 98%, #779f18 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddf091), color-stop(2%,#b9df3f), color-stop(98%,#89ac1c), color-stop(100%,#779f18)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf091', endColorstr='#779f18',GradientType=0 ); /* IE6-8 */
    text-decoration: none;
}
/* depress for buttons */
tr.submitcancel input.submit:active,
tr.submit input.submit:active,
input#profileform_submit:active,
input#files_filebrowser_edit_artefact:active,
input#instconf_folder_edit_artefact:active,
input#instconf_artefactids_edit_artefact:active,
input#instconf_artefactid_edit_artefact:active,
.rbuttons .btn:active,
.rbuttons input.submit:active,
#resumewrap input.openedit:active,
#resumewrap button:active,
#view-wizard-controls input.submit:active,
.submitwrap input.submit:active,
#collectiondonewrap .btn:active,
input#export_submit:active,
#sitelicenses .btn:active,
#adduser #adduser_submit:active,
input#login_submit:active,
.login-externallink a.btn:active,
input#viewlayout_submit:active,
input#files_filebrowser_upload:active,
input#designskinform_submit:active,
input#cancel_designskinform_submit:active,
#editaccess_submit_container input.submit:active {
	border-color: #90c609;
    background: #a8cb3c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ddf091 0%, #b9df3f 2%, #89ac1c 98%, #779f18 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddf091), color-stop(2%,#b9df3f), color-stop(98%,#89ac1c), color-stop(100%,#779f18)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf091', endColorstr='#779f18',GradientType=0 ); /* IE6-8 */
}
/* Other button customisation */
/* unbolding some buttons */
#editgroup #editgroup_submit,
#editblog #editblog_submit,
#editpost #editpost_submitpost,
.fileedittable #files_filebrowser_edit_artefact,
#view-wizard-controls input.submit,
#editview #editview_submit,
#viewlayout input.submit,
#add_feedback_form #add_feedback_form_submit,
#objection_form #objection_form_submit,
.submitcancel .submit,
#export #export_submit,
#forumbtns a.editforumtitle,
#viewforum a.newforumtopic,
#forumbtns a.newforum,
.groupuserstatus .admincontrol .btn-editgroup,
input#login_submit,
input#files_filebrowser_upload,
input#instconf_artefactids_upload,
input#instconf_artefactid_upload,
input#designskinform_submit,
input#viewskin_submit,
#sb-loginbox #login_submit_container input#login_submit {
    font-weight: normal;
}
/* Delete/suspend buttons (red) */
.deletemessage a.delete,
#delete_tag_submit,
#close_site_submit,
#suspenddelete #delete #edituser_delete_submit,
#institution_suspend_submit,
#networkingform_deletesubmit,
input#buttons_delete,
input#delete_delete,
input#deletetaskform_submit,
input#delete_all_notifications_submit,
#activitylist input.btn-del,
input#edituser_institution_rhmoodle_remove,
input#settings_delete,
input#edituser_institution_massey_remove,
input#account_delete_submit {
    font-family: Verdana, Arial,"Nimbus Sans L",Helvetica,sans-serif;
    text-transform: none;
    filter: none;
    text-shadow: none;
}
/* lighter colour buttons */
/* default state */
input.cancel,
tr.submitcancel input.cancel,
tr.submit input.cancel,
input#files_filebrowser_edit_cancel,
input#instconf_folder_edit_cancel,
input#instconf_artefactids_edit_cancel,
input#instconf_artefactid_edit_cancel,
input#files_filebrowser_edit_cancel,
#editaccess_submit_container input.cancel {
    border: 1px solid #b8c525;
    background: #d1e052; /* Old browsers */
    background: -moz-linear-gradient(top,  #e7f091 0%, #d1e052 2%, #a5b727 98%, #89a018 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7f091), color-stop(2%,#d1e052), color-stop(98%,#a5b727), color-stop(100%,#89a018)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e7f091 0%,#d1e052 2%,#a5b727 98%,#89a018 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e7f091 0%,#d1e052 2%,#a5b727 98%,#89a018 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e7f091 0%,#d1e052 2%,#a5b727 98%,#89a018 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e7f091 0%,#d1e052 2%,#a5b727 98%,#89a018 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e052', endColorstr='#a5b727',GradientType=0 ); /* IE6-8 */
    font-family: "ChunkFiveRegular", Verdana, Arial,"Nimbus Sans L",Helvetica,sans-serif;
    text-shadow: 0px 1px 1px #cdd87b;
    text-transform: uppercase;
    color: #70751c;
    padding: 6px 10px 5px 10px;
}
/* hover state */
input.cancel:hover,
tr.submitcancel input.cancel:hover,
tr.submit input.cancel:hover,
input#files_filebrowser_edit_cancel:hover,
input#instconf_folder_edit_cancel:hover,
input#instconf_artefactids_edit_cancel:hover,
input#instconf_artefactid_edit_cancel:hover,
input#files_filebrowser_edit_cancel:hover,
#editaccess_submit_container input.cancel:hover {
    background: #bbcb3c; /* Old browsers */
    background: -moz-linear-gradient(top,  #e7f091 0%, #c7d939 2%, #92a50f 98%, #89a018 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7f091), color-stop(2%,#c7d939), color-stop(98%,#92a50f), color-stop(100%,#89a018)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7d939', endColorstr='#89a018',GradientType=0 ); /* IE6-8 */
}
/* focus state */
input.cancel:focus,
tr.submitcancel input.cancel:focus,
tr.submit input.cancel:focus,
input#files_filebrowser_edit_cancel:focus,
input#instconf_folder_edit_cancel:focus,
input#instconf_artefactids_edit_cancel:focus,
input#instconf_artefactid_edit_cancel:focus,
input#files_filebrowser_edit_cancel:focus,
#editaccess_submit_container input.cancel:focus {
    background: #bbcb3c; /* Old browsers */
    background: -moz-linear-gradient(top,  #e7f091 0%, #c7d939 2%, #92a50f 98%, #89a018 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7f091), color-stop(2%,#c7d939), color-stop(98%,#92a50f), color-stop(100%,#89a018)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7d939', endColorstr='#89a018',GradientType=0 ); /* IE6-8 */
}
/* depress state */
input.cancel:active,
tr.submitcancel input.cancel:active,
tr.submit input.cancel:active,
input#files_filebrowser_edit_cancel:active,
input#instconf_folder_edit_cancel:active,
input#instconf_artefactids_edit_cancel:active,
input#instconf_artefactid_edit_cancel:active,
input#files_filebrowser_edit_cancel:active,
#editaccess_submit_container input.cancel:active {
    background: #bbcb3c; /* Old browsers */
    background: -moz-linear-gradient(top,  #e7f091 0%, #c7d939 2%, #92a50f 98%, #89a018 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7f091), color-stop(2%,#c7d939), color-stop(98%,#92a50f), color-stop(100%,#89a018)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7d939', endColorstr='#89a018',GradientType=0 ); /* IE6-8 */
}
/* reset font styles of some buttons */
#mainmiddle ul.groupuserstatus li input {
    font-family: Verdana, Arial,"Nimbus Sans L",Helvetica,sans-serif;
    text-transform: none;
    text-shadow: none;
}
/* made to look like default grey buttons to match graphic icon buttons */
#forumslist input.btn-subscribe,
input#addviews_submit,
input#edituser_suspend_submit,
input#friendscontrol_submit,
input#usertype_typesubmit,
.subpage .skinsbtns .btn {
    border: 1px solid #707070;
    background: url(../images/btn_bkgd_grey.png) repeat-x 0 50%;
    color: #333333;
    font-family: Verdana, Arial,"Nimbus Sans L",Helvetica,sans-serif;
    text-transform: none;
    text-shadow: none;
    padding: 3px 5px 2px 5px;
}
#forumslist input.btn-subscribe:hover,
input#addviews_submit:hover,
input#edituser_suspend_submit:hover,
input#friendscontrol_submit:hover,
input#usertype_typesubmit:hover,
.subpage .skinsbtns .btn:hover {
    border: 1px solid #707070;
    background: url(../images/btn_bkgd_grey_hover.png) repeat-x 0 50%;
    color: #333333;
}
#forumslist input.btn-subscribe:focus,
input#addviews_submit:focus,
input#edituser_suspend_submit:focus,
input#friendscontrol_submit:focus,
input#usertype_typesubmit:focus,
.subpage .skinsbtns .btn:focus {
    border: 1px solid #707070;
    background: url(../images/btn_bkgd_grey_hover.png) repeat-x 0 50%;
    color: #333333;
}
#forumslist input.btn-subscribe:active,
input#addviews_submit:active,
input#edituser_suspend_submit:active,
input#friendscontrol_submit:active,
input#usertype_typesubmit:active,
.subpage .skinsbtns .btn:active {
    border: 1px solid #707070;
    background: url(../images/btn_bkgd_grey_focus.png) repeat-x 0 50%;
    color: #333333;
}
/* reset some that need grey button colour text */
ul.groupuserstatus li .submit input.submit,
ul.groupuserstatus li .submit input.submit:hover,
ul.groupuserstatus li .submit input.submit:focus,
ul.groupuserstatus li .submit input.submit:active {
    color: #333333;
}
/* buttons that look like links */
.linkbtn,
#userview .user-icon .linkbtn,
ul.actionlist li.notbtn a {
    color: #6e8e00;
    text-decoration: none;
}
.userviewrbuttons {
    margin-top: -43px;
}
/* others */
#forumbtns a.btn {
    padding: 4px 5px;
}
/******************** Pagination ********************/
div.pagination a {
	background-color: #E7EFC5;
}
/******************** Layout ********************/
#top-wrapper,
#header,
.main-nav ul,
#sub-nav ul,
#mainmiddle,
#footer {
    min-width: 0;
    max-width: 1280px;
}
#container {
    width: 100%;
    margin: 0 auto;
    max-width: auto;
}
#top-wrapper {
    background: transparent url(../images/bkgdlights.png) no-repeat 100px top;
    height: 130px;
    position: relative;
}
#mainmiddlewrap {
    background: #FFFFFF;
}
#main-wrapper-narrow-left .main-column-narrow {
    padding: 0;
}
/******************** Header ********************/
#loading-box {
    background-color: #ECF3D4;
}
#site-logo {
    margin: 22px 0 12px 10px;
}
#header-right {
    font-size: 0.9167em;
    padding: 5px 7px 10px;
    position: absolute;
    right: 0;
    top: 0;
}
/* search and language bar */
#usf_query_container input {
    color: #767676;
}
#right-nav li a {
	color: #666666;
}
#right-nav li.identity a {
    color: #767676;
}
form#cse-search-box,
form#usf {
    clear: both;
    margin-top: -25px;
    margin-right: 10px;
}
form#cse-search-box .searchtextbox,
form#usf input#usf_query {
    background: url(../images/searchbox.png) no-repeat left;
    height: 33px;
    width: 193px;
    border: 0;
    padding: 0 10px;
    float: left;
    line-height: 33px;
}
form#cse-search-box .searchform_submit,
form#usf input#usf_submit {
	background: url(../images/search-btn.png) no-repeat left;
    height: 33px;
    width: 37px;
    border: 0;
    padding: 0;
    text-indent: -9999px;
    margin-left: -1px;
}
/******************** Small header ********************/
/* no small header in mahara.org used */

/******************** Main navigation ********************/
.main-nav {
    background: none;
    font-size: 1.167em;
    font-weight: normal;
    height: 33px;
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 2;
}
.main-nav ul {
    margin: 0;
    text-align: right;
    height: 22px;
    max-width: auto;
    min-width: 0;
}
.main-nav li {
    color: #e6c560;
    margin: 0 10px;
}
.main-nav li.selected {
	background: none;
}
.main-nav li.dashboard {
    background: url(../images/home-icon.png) no-repeat left;
    padding-left: 25px;
}
.main-nav li a,
.main-nav li a:link,
.main-nav li a:visited,
.main-nav li a:active {
    background: none;
    color: #231f20;
    text-decoration: none;
    padding: 3px 0;
    font-weight: normal;
}
.main-nav li.selected a,
.main-nav li.selected a:link,
.main-nav li.selected a:visited,
.main-nav li.selected a:active {
    color: #5c8727;
    background: none;
}
.main-nav li a:hover,
.main-nav li a:focus,
.main-nav li.selected a:hover,
.main-nav li.selected a:focus {
    color: #64a710;
    text-decoration: none;
}
/******************** Sub navigation ********************/
/* mahara.org doesn't use the sub nav */

/******************** Dropdown sub navigation ********************/
.main-nav .dropdown-sub {
    left: -10px;
}
.main-nav .dropdown-sub li {
    margin: 0;
}
.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 {
    background: #547b23;
    color: #FFFFFF;
    border-top: 1px solid #759a49;
    border-bottom: 1px solid #406416;
    padding: 7px 10px;
    font-size: 0.857em;
}
.main-nav .dropdown-sub li.selected a,
.main-nav .dropdown-sub li.selected a:link,
.main-nav .dropdown-sub li.selected a:visited,
.main-nav .dropdown-sub li.selected a:active {
    background: #94b727;
    color: #FFFFFF;
    border-top: 1px solid #94b727;
    border-bottom: 1px solid #94b727;
    font-weight: bold;
}
.main-nav .dropdown-sub li a:hover,
.main-nav .dropdown-sub li a:focus,
.main-nav .dropdown-sub li.selected a:hover,
.main-nav .dropdown-sub li.selected a:focus {
    color: #FFFFFF;
    background: #94b727;
    border-top: 1px solid #94b727;
    border-bottom: 1px solid #94b727;
}
/******************** Responsive navigation ********************/
/* reset responsive navigation */
.rd-nav-title {
    display: none;
}
.rd-arrow {
    display: none;
}
.rd-navmenu .main-nav ul {
    display: none;
}
.rd-subnav {
    display: none;
}
/* responsive navigation */
.rd-navmenu .main-nav {
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 45px;
    font-size: 1em;
}
.rd-navmenu .main-nav .rd-nav-title {
    position: relative;
    display: block;
    padding: 7px 45px 7px 10px;
    margin: 0 10px;
    cursor: pointer;
    background: #dedede;
    -webkit-box-shadow: inset 0px 2px 3px 0px #a6a6a6;
    box-shadow: inset 0px 2px 3px 0px #a6a6a6;
    color: #747474;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size: 1.167em;
    font-weight: bold;
    border: 3px solid #EEEEEE;
}
.rd-navmenu .main-nav .rd-nav-title a {
    color: #747474;
    text-decoration: none;
}
.rd-navmenu .nav-expand .rd-nav-title {
    background: #dedede;
    color: #747474;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    border: 3px solid #FFFFFF;
    border-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.rd-navmenu .rd-nav-title span.rd-arrow {
    background: url(../images/arrow-collapsible.png) no-repeat 0 50%;
    padding: 9px;
    margin: 0 0 0 10px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    display: inline-block;
}
.rd-navmenu .nav-expand .rd-nav-title span.rd-arrow {
    background: url(../images/arrow-collapsed.png) no-repeat 0 50%;
}
.rd-navmenu .main-nav ul#nav {
    display: none;
}
.rd-navmenu .nav-expand ul#nav {
    display: block;
    height: auto;
    border-bottom: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
    border-left: 3px solid #FFFFFF;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
    -webkit-box-shadow: 0px 2px 3px 0px #a6a6a6;
    box-shadow: 0px 2px 3px 0px #a6a6a6;
    padding-bottom: 10px;
    background: #dedede;
    margin: 0 10px;
}
.rd-navmenu .main-nav li.dashboard,
.rd-navmenu .main-nav li {
    clear: left;
    background: #dedede;
    padding: 0;
    height: auto;
    display: block;
    margin: 0;
}
.rd-navmenu .main-nav li span {
    display: block;
}
.rd-navmenu .main-nav li a,
.rd-navmenu .main-nav li a:link,
.rd-navmenu .main-nav li a:visited,
.rd-navmenu .main-nav li a:active {
    background: none;
    color: #4C711D;
    border-bottom: 1px solid #BBBBBB;
    border-top: 1px solid #F1F1F1;
    padding: 7px 10px;
    display: block;
    text-align: left;
    font-weight: bold;
}
.rd-navmenu .main-nav li.selected a,
.rd-navmenu .main-nav li.selected a:link,
.rd-navmenu .main-nav li.selected a:visited,
.rd-navmenu .main-nav li.selected a:active,
.rd-navmenu .main-nav li.selected a:focus {
    color: #FFFFFF;
    font-weight: bold;
    background: #86888b;
    border-bottom: 1px solid #86888b;
    border-top: 1px solid #86888b;
}
.rd-navmenu .main-nav li a:hover,
.rd-navmenu .main-nav li a:focus,
.rd-navmenu .main-nav li.selected a:hover {
    background: #F1F1F1;
    color: #4C711D;
}
.rd-navmenu .main-nav ul.dropdown-sub {
    display: block;
    margin: 0;
    padding: 0;
    position: inherit;
    border: 0;
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    background: none;
}
.rd-navmenu .main-nav ul.dropdown-sub li {
    clear: left;
    display: block;
    height: auto;
    background: none;
}
.rd-navmenu .main-nav ul.dropdown-sub li a,
.rd-navmenu .main-nav ul.dropdown-sub li a:link, 
.rd-navmenu .main-nav ul.dropdown-sub li a:visited,
.rd-navmenu .main-nav ul.dropdown-sub li a:active {
    font-weight: normal;
    border-bottom: 1px solid #BBBBBB;
    border-top: 1px solid #F1F1F1;
    background: none;
    color: #4C711D;
    display: block;
    padding: 5px 10px 5px 15px;
    font-size: 0.917em;
}
.rd-navmenu .main-nav ul.dropdown-sub li a:hover,
.rd-navmenu .main-nav ul.dropdown-sub li a:focus {
    background: #F1F1F1;
}
/* responsive navigation */
@media screen and (max-width: 768px) {
    /* to make the menu push the content down rather than have it pop up on top for no-js */
    .no-js #top-wrapper,
    body#home.no-js #top-wrapper {
        height: auto;
    }
    .no-js form#cse-search-box,
    .no-js form#usf {
        float: none;
        margin-right: 0;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .no-js form#cse-search-box div,
    .no-js form#usf div {
        width: 250px;
        margin: 0 auto;
        text-align: center;
    }
    .no-js .main-nav {
        margin-top: -8px;
        position: static;
        font-size: 1em;
        height: auto;
    }
    .no-js .main-nav .rd-nav-title {
        position: relative;
        display: block;
        padding: 7px 45px 7px 10px;
        margin: 0 10px;
        cursor: pointer;
        background: #dedede;
        color: #747474;
        font-size: 1.167em;
        font-weight: bold;
        border: 3px solid #FFFFFF;
        border-bottom: 0;
        -webkit-border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        border-radius: 15px 15px 0 0;
    }
    .no-js .rd-nav-title span.rd-arrow {
        padding: 9px;
        margin: 0 0 0 10px;
        cursor: pointer;
        position: absolute;
        right: 5px;
        display: inline-block;
        background: url(../images/arrow-collapsed.png) no-repeat 0 50%;
    }
    .no-js ul#nav {
        display: block;
        height: auto;
        border-bottom: 3px solid #FFFFFF;
        border-right: 3px solid #FFFFFF;
        border-left: 3px solid #FFFFFF;
        border-top: 0;
        -webkit-border-radius: 0 0 15px 15px;
        -moz-border-radius: 0 0 15px 15px;
        border-radius: 0 0 15px 15px;
        -webkit-box-shadow: 0px 2px 3px 0px #a6a6a6;
        box-shadow: 0px 2px 3px 0px #a6a6a6;
        padding-bottom: 10px;
        background: #dedede;
        margin: 0 10px;
    }
    .no-js .main-nav li.dashboard,
    .no-js .main-nav li {
        clear: left;
        background: #dedede;
        padding: 0;
        height: auto;
        display: block;
        margin: 0;
    }
    .no-js .main-nav li span {
        display: block;
    }
    .no-js .main-nav li a,
    .no-js .main-nav li a:link,
    .no-js .main-nav li a:visited,
    .no-js .main-nav li a:active {
        background: none;
        color: #4C711D;
        border-bottom: 1px solid #BBBBBB;
        border-top: 1px solid #F1F1F1;
        padding: 7px 10px;
        display: block;
        text-align: left;
        font-weight: bold;
        width: auto;
    }
    .no-js .main-nav li.selected a,
    .no-js .main-nav li.selected a:link,
    .no-js .main-nav li.selected a:visited,
    .no-js .main-nav li.selected a:active,
    .no-js .main-nav li.selected a:focus {
        color: #FFFFFF;
        font-weight: bold;
        background: #86888b;
        border-bottom: 1px solid #86888b;
        border-top: 1px solid #86888b;
    }
    .no-js .main-nav li a:hover,
    .no-js .main-nav li a:focus,
    .no-js .main-nav li.selected a:hover {
    	background: #F1F1F1;
        color: #4C711D;
	}
    .no-js .main-nav ul.dropdown-sub {
        display: block;
        margin: 0;
        padding: 0;
        position: inherit;
        border: 0;
        left: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: auto;
        background: none;
        white-space: normal;
    }
    .no-js .main-nav ul.dropdown-sub li {
        clear: none;
        display: block;
        height: auto;
        background: none;
        float: left;
        width: 48%;
        margin-right: 1.8%;
    }
    .no-js .main-nav ul.dropdown-sub li a,
    .no-js .main-nav ul.dropdown-sub li a:link, 
    .no-js .main-nav ul.dropdown-sub li a:visited,
    .no-js .main-nav ul.dropdown-sub li a:active {
        font-weight: normal;
        border-bottom: 1px solid #BBBBBB;
        border-top: 1px solid #F1F1F1;
        background: none;
        color: #4C711D;
        display: block;
        padding: 5px 10px 5px 15px;
        font-size: 0.917em;
    }
    .no-js .main-nav ul.dropdown-sub li a:hover,
    .no-js .main-nav ul.dropdown-sub li a:focus {
    	background: #F1F1F1;
	}
}
/* for 350px or less */
@media screen and (max-width: 350px) {
	.main-nav ul.dropdown-sub li,
    .no-js .main-nav ul.dropdown-sub li {
        clear: none;
        float: none;
        width: 100%;
        margin-right: 0;
    }
}
/* turns off hover dropdown for touchscreen devices */
.rd-navmenu .main-nav li:hover .dropdown-sub { 
    display: block !important;
}
/******************** Tabs ********************/
ul.in-page-tabs {
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 0;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcfcfc 0%,#e9e9e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-8 */
}
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.searchtab li span.inactive {
    color: #1E6297;
    background: none;
    border-left: 1px solid #FFFFFF;
    border-top: 0;
    border-right: 1px solid #d1d1d1;
    border-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
}
ul.in-page-tabs li a:hover,
ul.in-page-tabs li a:focus,
ul.in-page-tabs li input.linkbtn:hover,
ul.in-page-tabs li input.linkbtn:focus {
  color: #7E7327;
}
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.current-tab {
    color: #000;
    background: #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-top: 0;
    border-right: 1px solid #d1d1d1;
    border-bottom: 0;
}
/******************** Responsive tabs ********************/
/* reset responsive tabs */
.rd-tab-title {
    display: none;
}
.rd-navmenu ul.in-page-tabs li {
    display: none;
}
/* responsive tabs */
.rd-navmenu h3.rd-tab-title {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid #d1d1d1;
    border-bottom: 0;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcfcfc 0%,#e9e9e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 1.167em;
    font-weight: bold;
    color: #747474;
}
.rd-navmenu h3.rd-tab-title a,
.rd-navmenu h3.rd-tab-title a:hover,
.rd-navmenu h3.rd-tab-title a:focus {
    color: #747474;
    text-decoration: none;
}
#mainmiddle .rd-navmenu {
    position: relative;
}
#mainmiddle .rd-navmenu .rd-tab {
    display: block;
    background: #b9b9b9 url(../images/collapse-arrows.png) no-repeat 2px -37px;
    padding: 9px;
    position: absolute;
    right: 9px;
    top: 8px;
    z-index: 1;
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}
#mainmiddle .expand .rd-tab {
    background: #b9b9b9 url(../images/collapse-arrows.png) no-repeat 3px 5px;
}
.rd-navmenu ul.in-page-tabs {
    font-size: 1em;
    height: auto;
}
.rd-navmenu.expand ul.in-page-tabs li {
    display: block;
}
.expand.tabswrap {
    height: auto;
}
.rd-navmenu ul.in-page-tabs li a,
.rd-navmenu ul.in-page-tabs li a:link,
.rd-navmenu ul.in-page-tabs li a:visited,
.rd-navmenu ul.in-page-tabs li a:active,
.rd-navmenu ul.in-page-tabs li input.linkbtn {
    background: #e2e2e2;
    color: #1e6297;
    border-left: 0;
    border-top: 1px solid #FFFFFF;
    border-right: 0;
    border-bottom: 1px solid #bfbfbf;
    display: block;
    margin: 0;
}
.rd-navmenu ul.in-page-tabs li a:hover,
.rd-navmenu ul.in-page-tabs li a:focus {
    background: #f2f2f2;
}
.rd-navmenu ul.in-page-tabs li a.current-tab,
.rd-navmenu ul.in-page-tabs li a.current-tab:link,
.rd-navmenu ul.in-page-tabs li a.current-tab:visited,
.rd-navmenu ul.in-page-tabs li a.current-tab:active,
.rd-navmenu ul.in-page-tabs li input.linkbtn.current-tab {
    border-left: 0;
    border-right: 0;
    background: #1e6297;
    color: #FFFFFF;
    border-top: 1px solid #1e6297;
    border-bottom: 1px solid #1e6297;
}
/* js fallback for page tabs */
@media screen and (max-width: 768px) {
    .no-js .tabswrap h3.rd-tab-title {
        cursor: pointer;
        display: block;
        margin: 0;
        padding: 7px 10px;
        border: 1px solid #d1d1d1;
        border-bottom: 0;
        background: #fcfcfc; /* Old browsers */
        background: -moz-linear-gradient(top,  #fcfcfc 0%, #e9e9e9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #fcfcfc 0%,#e9e9e9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-8 */
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        font-size: 1.167em;
        font-weight: bold;
        color: #747474;
    }
    .no-js #mainmiddle .tabswrap {
        position: relative;
        height: auto;
    }
    .no-js #mainmiddle .rd-tab {
        display: block;
        padding: 9px;
        position: absolute;
        right: 9px;
        top: 8px;
        z-index: 1;
        border: 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        cursor: pointer;
        background: #b9b9b9 url(../images/collapse-arrows.png) no-repeat 3px 5px;
    }
    .no-js ul.in-page-tabs {
        font-size: 1em;
        height: auto;
    }
    .no-js ul.in-page-tabs li {
        display: block;
    }
    .no-js ul.in-page-tabs li a,
    .no-js ul.in-page-tabs li a:link,
    .no-js ul.in-page-tabs li a:visited,
    .no-js ul.in-page-tabs li a:active,
    .no-js ul.in-page-tabs li input.linkbtn {
        background: #e2e2e2;
        color: #1e6297;
        border-left: 0;
        border-top: 1px solid #FFFFFF;
        border-right: 0;
        border-bottom: 1px solid #bfbfbf;
        display: block;
        margin: 0;
        padding: 7px 10px;
    }
    .no-js ul.in-page-tabs li a:hover,
    .no-js ul.in-page-tabs li a:focus {
        background: #f2f2f2;
    }
    .no-js ul.in-page-tabs li a.current-tab,
    .no-js ul.in-page-tabs li a.current-tab:link,
    .no-js ul.in-page-tabs li a.current-tab:visited,
    .no-js ul.in-page-tabs li a.current-tab:active,
    .no-js ul.in-page-tabs li input.linkbtn.current-tab {
        border-left: 0;
        border-right: 0;
        background: #1e6297;
        color: #FFFFFF;
        border-top: 1px solid #1e6297;
        border-bottom: 1px solid #1e6297;
    }
}
/* override universal search result tabs */
ul.searchtab li span.inactive {
    color: #9c9c9c;
}
.rd-navmenu ul.searchtab {
    display: block;
}
.rd-navmenu ul.searchtab li {
    display: table-cell;
}
.rd-navmenu ul.searchtab li a,
.rd-navmenu ul.searchtab li a:link,
.rd-navmenu ul.searchtab li a:visited,
.rd-navmenu ul.searchtab li a:active {
    color: #1E6297;
    background: none;
    border-left: 1px solid #FFFFFF;
    border-top: 0;
    border-right: 1px solid #bcbcbc;
    border-bottom: 0;
    margin: 0;
    text-align: center;
}
.rd-navmenu ul.searchtab li a:hover,
.rd-navmenu ul.searchtab li a:focus {
	color: #7E7327;
}
.rd-navmenu ul.searchtab li a.current-tab,
.rd-navmenu ul.searchtab li a.current-tab:link,
.rd-navmenu ul.searchtab li a.current-tab:visited,
.rd-navmenu ul.searchtab li a.current-tab:active {
    color: #000;
    background: #FFFFFF url(../images/tabs-active.gif) repeat-x 0 0;
    border-left: 1px solid #FFFFFF;
    border-top: 0;
    border-right: 1px solid #d1d1d1;
    border-bottom: 0;
}
.rd-navmenu ul.searchtab li:first-child a {
    border-left: 0;
}
/******************** Sidebar ********************/
/* general sidebar styles */
#left-column {
    margin-top: 25px;
}
#right-column {
    margin-top: 25px;
}
.sideblock {
    margin-bottom: 20px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #FFFFFF;
}
#left-column .sideblock {
    margin-left: 10px;
}
#right-column .sideblock {
    margin-right: 10px;
}
.sideblock h3 a,
.sideblock h3 a:link,
.sideblock h3 a:visited,
.sideblock h3 a:active {
	color: #1E6297;
}
.sideblock h3 a:hover
.sideblock h3 a:focus {
	color: #267bbd;
}
/* Sidebar site sub navigation */
#home #sb_maharasubnav {
    display: none;
}
#sb_maharasubnav {
    border: 0;
    background-color: #FFFFFF;
}
#sb_maharasubnav h3 {
    display: none;
}
#sb_maharasubnav ul {
    padding: 0;
    list-style: none;
    list-style-images: none;
    border-top: 1px solid #cfcfcf;
}
#sb_maharasubnav ul li {
    border-bottom: 1px solid #cfcfcf;
    padding: 0;
}
#sb_maharasubnav ul li a {
    display: block;
    padding: 7px 5px;
    font-size: 1.091em;
}
#sb_maharasubnav ul li.selected a {
    color: #474220;
}
/* Sidebar login */
#sb-loginbox {
	background: #f4f4f4;
}
#sb-loginbox .sidebar-header h3 {
	color: #a4a4a4;
    font-family: "ChunkFiveRegular", Verdana, Arial,"Nimbus Sans L",Helvetica,sans-serif;
    font-size: 1.1667em;
    text-shadow: 0px 1px 1px #fafafa;
    filter: dropshadow(color=#fafafa, offx=0, offy=1);
    text-transform: uppercase;
    background: url(../images/title-registerlogin-icon.png) no-repeat right;
    display: block;
}
.ie9 #sb-loginbox .sidebar-header h3 {
    filter: none;
}
/* Sidebar profile */
#sb-profile {
	background: #f4f4f4;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#sb-profile li#pendingfriends a,
#sb-profile li#pendingfriends a:link,
#sb-profile li#pendingfriends a:visited,
#sb-profile li#pendingfriends a:active {
	color: #bf8131;
}
#sb-profile .sidebar-content ul ul {
    padding-top: 5px;
    padding-left: 0;
    margin: 0;
}
#sb-profile .sidebar-content ul ul li {
    padding: 5px;
    display: block;
    border-top: 1px dotted #cfcfcf;
    color: #888888;
}
/* Sidebar navigation */
#sb_maharanav {
	background: #f4f4f4;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
}
#sb_maharanav ul {
    padding: 0;
    list-style: none;
    list-style-images: none;
}
#sb_maharanav ul li {
    border-top: 1px dotted #cfcfcf;
    padding: 0;
}
#sb_maharanav ul li a {
    display: block;
    padding: 3px 5px;
    font-weight: bold;
}
#sb_maharanav ul li.selected a {
    color: #474220;
}
#sb_maharanav ul ul li {
    padding-left: 15px;
    background: url(../images/bullet.png) no-repeat 7px 9px;
}
#sb_maharanav ul li.selected li a {
    color: #4C721D;
    font-weight: normal;
}
#sb_maharanav ul li li.selected a {
    color: #474220;
    font-weight: bold;
}
#sb_maharanav ul li li.selected li a {
    color: #4C721D;
    font-weight: normal;
    font-size: 0.917em;
}
#sb_maharanav ul li li li.selected a {
    color: #474220;
    font-weight: normal;
}
/* Sidebar group navigation */
#sb-groupnav ul {
    padding: 0;
    list-style: none;
    list-style-images: none;
}
#sb-groupnav ul li {
    border-top: 1px dotted #cfcfcf;
    padding: 0;
}
#sb-groupnav ul li a {
    display: block;
    padding: 3px 5px;
    font-weight: bold;
}
#sb-groupnav ul ul li {
    padding-left: 15px;
    background: url(../images/bullet.png) no-repeat 7px 9px;
}
#sb-groupnav ul ul li a {
    font-weight: normal;
}
/* Sidebar online users */
#lastminutes {
    font-size: 0.917em;
}
#sb-onlineusers li {
    border-top: 1px dotted #cfcfcf;
    padding-left: 5px;
}
#sb-onlineusers ul {
    border-bottom: 1px dotted #cfcfcf;
}
#allonline {
    padding-left: 5px;
}
#allonline a {
    color: #1E6297;
    font-weight: normal;
}
/* Sidebar quota */
#quota_used {
    color: #3986c3;
}
#quota_total {
    color: #7f9d16;
}
/******************** Footer ********************/
#footer-wrap {
    color: #d5d5d5;
    background: url(../images/footerpattern.png) repeat-x left top;
}
#footer a,
#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover,
#footer a:focus {
    color: #929292;
}
#powered-by {
	margin: 20px 0 0 10px;
}
#footer-nav {
	margin: 30px 10px 30px 10px;
}
#performance-info {
    color: #bbbbbb;
    clear: both;
    float: none;
    text-align: left;
    width: auto;
    margin: 10px;
    font-size: 0.917em;
}
.main-nav-footer {
    margin: 20px 10px 0 10px;
    min-height: 117px;
}
.main-nav-footer div#osi-logo {
    float: right;
}
.main-nav-footer .footer-links-list {
    width: 20%;
    margin-bottom: 10px;
    float: left;
}
.main-nav-footer .footer-links-list h4 {
	font-weight: bold;
    font-size: 1.167em;
}
.main-nav-footer .footer-links-list ul {
	list-style: none;
    list-style-image: none;
    margin: 0;
}
.main-nav-footer .footer-links-list ul li {
	margin: 0 0 5px 0;
}
/******************** Responsive footer quicklinks ********************/
/* reset responsive footer quicklinks */
.rd-nav-footer-title {
    display: none;
}
.rd-navmenu .footer-links-list {
    display: none;
}
/* responsive footer quicklinks */
.rd-navmenu .main-nav-footer {
    min-height: 0;
}
.rd-navmenu .rd-nav-footer-title {
    display: block;
    padding: 7px 5px 7px 10px;
    margin: 0 10px 0 10px;
    cursor: pointer;
    background: #dedede;
    -webkit-box-shadow: 0px 2px 3px 0px #a6a6a6;
    box-shadow: 0px 2px 3px 0px #a6a6a6;
    color: #747474;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size: 1.167em;
    font-weight: bold;
}
.rd-navmenu .nav-footer-expand .rd-nav-footer-title {
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}
.rd-nav-footer-title span.rd-arrow {
    background: url(../images/arrow-collapsible.png) no-repeat 0 50%;
    padding: 9px;
    margin: 1px 0 0 0;
    cursor: pointer;
    float: right;
    display: inline-block;
}
.nav-footer-expand .rd-nav-footer-title span.rd-arrow {
    background: url(../images/arrow-collapsed.png) no-repeat 0 50%;
}
.rd-navmenu .nav-footer-expand .footer-links-list {
    display: block;
    float: none;
    width: auto;
    padding: 0 10px 5px 10px;
    margin: 0 10px 0 10px;
    background: #dedede;
    -webkit-box-shadow: 0px 2px 3px 0px #a6a6a6;
    box-shadow: 0px 2px 3px 0px #a6a6a6;
}
.rd-navmenu .main-nav-footer .footer-links-list h4 {
    margin: 0;
    font-size: 1em;
}
#footer.rd-navmenu .main-nav-footer .footer-links-list h4 a {
    padding: 7px 0;
    display: block;
}
.rd-navmenu .main-nav-footer .footer-links-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.rd-navmenu .main-nav-footer .footer-links-list ul li {
    display: inline-block;
    width: 48%;
    margin: 0 1.5% 0 0;
    vertical-align: top;
    border-top: 1px dotted #FFFFFF;
}
#footer.rd-navmenu .main-nav-footer .footer-links-list ul li a {
    padding: 5px 0;
    margin: 0;
    display: block;
    font-size: 0.917em;
}
/* js fallback for 768px or less */
@media screen and (max-width: 768px) {
    .main-nav-footer {
        min-height: 0;
    }
    .no-js .rd-nav-footer-title {
        display: block;
        padding: 7px 5px 7px 10px;
        margin: 0 10px 0 10px;
        cursor: pointer;
        background: #dedede;
        -webkit-box-shadow: 0px 2px 3px 0px #a6a6a6;
        box-shadow: 0px 2px 3px 0px #a6a6a6;
        color: #747474;
        -webkit-border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        border-radius: 15px 15px 0 0;
        font-size: 1.167em;
        font-weight: bold;
    }
    .no-js .rd-nav-footer-title span.rd-arrow {
        background: url(../images/arrow-collapsed.png) no-repeat 0 50%;
        padding: 9px;
        margin: 1px 0 0 0;
        cursor: pointer;
        float: right;
        display: inline-block;
    }
    .no-js .main-nav-footer .footer-links-list {
        display: block;
        float: none;
        width: auto;
        padding: 0 10px 5px 10px;
        margin: 0 10px 0 10px;
        background: #dedede;
        -webkit-box-shadow: 0px 2px 3px 0px #a6a6a6;
        box-shadow: 0px 2px 3px 0px #a6a6a6;
    }
    .no-js .main-nav-footer .footer-links-list h4 {
        margin: 0;
        font-size: 1em;
    }
    .no-js #footer .main-nav-footer .footer-links-list h4 a {
        padding: 7px 0;
        display: block;
    }
    .no-js .main-nav-footer .footer-links-list ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .no-js .main-nav-footer .footer-links-list ul li {
        display: inline-block;
        width: 48%;
        margin: 0 1.5% 0 0;
        vertical-align: top;
        border-top: 1px dotted #FFFFFF;
    }
    .no-js #footer .main-nav-footer .footer-links-list ul li a {
        padding: 5px 0;
        margin: 0;
        display: block;
        font-size: 1em;
    }
}
/* js fallback for 610px or less */
@media screen and (max-width:610px) {
    .no-js .rd-nav-footer-title,
    .rd-navmenu .rd-nav-footer-title {
        margin: 0 10px;
    }
    .no-js .main-nav-footer .footer-links-list,
    .rd-navmenu .nav-footer-expand .footer-links-list {
        margin: 0 10px;
    }
}
/* js fallback for 500px or less */
@media screen and (max-width:480px) {
    .no-js .main-nav-footer .footer-links-list ul li,
    .rd-navmenu .main-nav-footer .footer-links-list ul li {
        display: block;
        width: 100%;
        margin: 0;
    }
}
/******************** Page by page styles (listed by navigation order) ********************/
/* Login page */
#loginform_container #login_login_container {
    background: #eeeeee;
    padding: 5px 3px 10px 3px;
}
#login_submit_container input#login_submit {
    margin-right: 3px;
}
#login-helplinks a {
    font-size: 0.909em;
    line-height: 1.25em;
    padding-left: 0;
}
#loginform_container #login_login_extra_container {
    background: #eeeeee;
}
/* persona button */
a.persona-button span {
    font-family: Arial,"Nimbus Sans L",Helvetica,sans-serif;
}
/* icon background */
a.persona-button span:before {
    background: #ddf091; /* Old browsers */
    background: -moz-linear-gradient(top,  #ddf091 0%, #bfe153 2%, #94b727 98%, #779f18 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* IE10+ */
    background: -o-linear-gradient(top,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddf091), color-stop(2%,#bfe153), color-stop(98%,#94b727), color-stop(100%,#779f18)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* W3C */
}
/* triangle */
a.persona-button:before {
    background: #ddf091; /* Old browsers */
    background: -moz-linear-gradient(top,  #ddf091 0%, #bfe153 2%, #94b727 98%, #779f18 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* IE10+ */
    background: -o-linear-gradient(top,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* Opera 11.10+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddf091), color-stop(2%,#bfe153), color-stop(98%,#94b727), color-stop(100%,#779f18)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* W3C */
}
/* Home */
body#home #top-wrapper {
	height: 290px;
}
body#home #mainmiddlewrap {
    clear: none;
}
body#home #main-wrapper-narrow-left {
    margin-left: 261px;
    margin-left: 282px\0/;
}
body#home #left-column {
    margin-top: 100px;
    margin-left: -271px\0/;
}
body#home #left-column div.sideblock {
    margin-left: 0\0/;
}
#home-top {
	margin-left: 282px;
    margin-right: 268px;
}
#home-top-pict {
	float: left;
    width: 249px;
    height: 260px;
    margin-left: -270px;
}
#home-top-content {
    margin-top: 20px;
    margin-right: 260px;
    margin-left: 0;
    float: left;
    width: 100%;
}
#homedescript {
	margin: 0 0 10px 0;
	font-size: 1.25em;
	line-height: 1.667em;
    color: #666666;
    font-style: italic;
    float: left;
}
#headerbuttons {
	float: right;
    margin-right: -260px;
    width: 250px;
}
#headerbuttons #downloadbutton {
    position: relative;
}
#headerbuttons #downloadbutton .download {
	color: #5f751c;
    font-family: "ChunkFiveRegular", Verdana, Arial,"Nimbus Sans L",Helvetica,sans-serif;
    font-size: 1.1667em;
    text-shadow: 0px 1px 1px #cae083;
    text-transform: uppercase;
    border: 1px solid #a0c525;
    background: #bfe153; /* Old browsers */
    background: -moz-linear-gradient(top,  #ddf091 0%, #bfe153 2%, #94b727 98%, #779f18 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddf091), color-stop(2%,#bfe153), color-stop(98%,#94b727), color-stop(100%,#779f18)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ddf091 0%,#bfe153 2%,#94b727 98%,#779f18 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe153', endColorstr='#94b727',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px 30px 10px;
    margin-bottom: 8px;
    display: block;
}
#headerbuttons #downloadbutton .download:hover,
#headerbuttons #downloadbutton .download:focus {
	border-color: #90c609;
    background: #a8cb3c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ddf091 0%, #b9df3f 2%, #89ac1c 98%, #779f18 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddf091), color-stop(2%,#b9df3f), color-stop(98%,#89ac1c), color-stop(100%,#779f18)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ddf091 0%,#b9df3f 2%,#89ac1c 98%,#779f18 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf091', endColorstr='#779f18',GradientType=0 ); /* IE6-8 */   
}
#headerbuttons #downloadbutton .download .download-icon {
    background: url(../images/download-icon.png) no-repeat right;
    width: 20px;
    height: 14px;
    display: block;
    float: right;
}
#headerbuttons #downloadbutton .installationinstructions {
    position: absolute;
	font-size: 1em;
    margin: 0 10px;
    z-index: 0;
    top: 33px;
}
#headerbuttons #downloadbutton .installationinstructions a {
	color: #FFFFFF;
}
#headerbuttons #trydemobutton {
    border: 1px solid #b8c525;
    background: #d1e052; /* Old browsers */
    background: -moz-linear-gradient(top,  #e7f091 0%, #d1e052 2%, #a5b727 98%, #89a018 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7f091), color-stop(2%,#d1e052), color-stop(98%,#a5b727), color-stop(100%,#89a018)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e7f091 0%,#d1e052 2%,#a5b727 98%,#89a018 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e7f091 0%,#d1e052 2%,#a5b727 98%,#89a018 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e7f091 0%,#d1e052 2%,#a5b727 98%,#89a018 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e7f091 0%,#d1e052 2%,#a5b727 98%,#89a018 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e052', endColorstr='#a5b727',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    font-family: "ChunkFiveRegular", Verdana, Arial,"Nimbus Sans L",Helvetica,sans-serif;
    text-shadow: 0px 1px 1px #cdd87b;
    text-transform: uppercase;
    color: #70751c;
    display: block;
}
#headerbuttons #trydemobutton:hover {
    background: #bbcb3c; /* Old browsers */
    background: -moz-linear-gradient(top,  #e7f091 0%, #c7d939 2%, #92a50f 98%, #89a018 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7f091), color-stop(2%,#c7d939), color-stop(98%,#92a50f), color-stop(100%,#89a018)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e7f091 0%,#c7d939 2%,#92a50f 98%,#89a018 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7d939', endColorstr='#89a018',GradientType=0 ); /* IE6-8 */
}
#headerbuttons #trydemobutton .demo-icon {
    background: url(../images/demo-icon.png) no-repeat right;
    width: 15px;
    height: 14px;
    display: block;
    float: right;
}
.home-info-table {
    background: none;
    border: 0;
}
.home-info-table td {
    border-left: 10px solid #FFFFFF;
    padding: 0;
    width: 33%;
}
.home-info-1 .pictbkgd {
    background: url(../images/home-cc.png) no-repeat left top;
    height: 200px;
}
.home-info-2 .pictbkgd {
    background: #f2f4e4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f4e4 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f4e4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f4e4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f4e4 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f4e4 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f4e4 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f4e4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    text-align: center;
    padding-top: 10px;
    height: 190px;
}
.home-info-3 .pictbkgd {
    background: url(../images/home-events1.png) no-repeat 50% 0;
    height: 200px;
}
/* Content > Files */
.uploaddisabled,
.fileupload,
#createfolder {
    background-color: #ebf0f4;
}
#file_dropzone_container {
    background-color: #e3eaf0;
}
/* Content > Journal */
#postlist input.publish {
    font-size: 0.9em;
}
#postlist .postdescription h1 {
    font-size: 1.33em;
    font-weight: bold;
    margin-top: 15px;
}
#postlist .postdescription h2 {
    font-size: 1.33em;
    margin-top: 15px;
}
#postlist .postdescription h3 {
    font-size: 1.25em;
    font-weight: bold;
    margin-top: 15px;
}
#postlist .postdescription h4 {
    font-size: 1.167em;
    margin-top: 15px;
}
#postlist .postdescription h5 {
    margin-top: 15px;
}
#postlist .postdescription h6 {
    margin-top: 15px;
}
.expandable-head a.toggle {
    background-position: 2px 4px;
}
/* Portfolio > Shared by me > Edit access */
#editaccess #editaccess_collections_container,
#editaccess #editaccess_views_container,
#editaccess #editaccess_accesslist_container,
#editaccess #editaccess_more_container {
	background: #FAFBF7;
}
/* Groups > My/Find groups */
div.peoplelistinfo .rightdiv .detail {
    margin-right: 210px;
}
div.peoplelistinfo .rightdiv .whymakemeyourfriend {
    margin-right: 210px;
}
/* Groups > About page */
.group-info {
	background: #F5F9FC;
}
/* Groups > Group's forums */
#forumbtns {
    margin-top: 15px !important;
}
#viewforum .rbuttons a.newforumtopic {
    font-size: 1em;
    padding: 4px 5px;
}
#viewforum .rbuttons {
    margin-top: -30px !important;
}
.forumpost {
    background-color: #F3F7EC;
    border-color: #F3F7EC;
}
.forumpostleft {
    background-color: #F3F7EC;
}
/* Partners */
#user_partnerblock1 {
    width: 100%;
    border: 1px solid #e1e1e1;
    background: #f2f4e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
}
#user_partnerblockwrap .blockcontent {
	padding: 15px;
}
#user_partnerblockwrap h2 {
    margin: 0;
    font-size: 2.000em;
    line-height: 1.25em;
    color: #474220;
}
#user_partnerblockwrap h3 {
    margin: 0;
    font-size: 1.167em;
    color: #808080;
}
#user_partnerblockwrap .logo {
    float: right;
    margin: 0;
}
#user_partnerblockwrap .weblinks {
    font-weight: bold;
    margin: 0;
}
#user_partnerdescription1 h3,
#user_partnerdescription2 h3 {
	margin: 0;
    font-size: 1em;
    font-weight: bold;
}
/* Inbox */
#activitylist {
    margin-top: 10px;
}
/******************** Responsive design ********************/
/* WYSIWYG */
table.mceLayout, #resumewrap table.mceLayout {
    width: 100% !important;
}
table.mceLayout td.mceToolbar {
    height: auto;
}
table.mceLayout td.mceToolbar td {
    display: inline-block;
    padding: 0;
    width: auto;
}
/* resetting minimum widths */
#top-wrapper, #mainmiddle, #footer-wrap {
    min-width: 0;
    width: 100%;
}
#top-wrapper {
    margin: 0 auto;
}
/* for 950px or less */
@media screen and (max-width: 915px) {
    /* layout */
    #main-wrapper-narrow-left,
    #main-wrapper-narrow-right {
        margin-right: 0;
        margin-left: 0;
    }
    #main-wrapper-narrow,
    #main-wrapper-narrow-left .main-column-narrow,
    #main-wrapper-narrow-right .main-column-narrow {
        margin-right: 0;
        margin-left: 0;
        float: none;
    }
    body#home #main-wrapper-narrow-left {
        margin-right: 0;
        margin-left: 0;
        margin-left: 0\0/;
    }
    body#home #left-column {
        margin-top: 0;
        margin-left: 0\0/;
    }
    #left-column,
    #right-column {
        width: calc(100% - 14px);
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        background: #f9f9f9;
        padding-top: 15px;
        padding-left: 7px;
        padding-right: 7px;
    }
    /* Sidebar */
    #left-column div.sideblock,
    #right-column div.sideblock {
        display: block;
        float: left;
        width: calc((100% - 48px) / 3);
        margin: 0 7px 10px 7px;
        clear: none;
        vertical-align: top;
    }
    #sb_maharasubnav h3 {
        display: inherit;
    }
    #sb_maharasubnav {
        background: none;
    }
    /* Home */
    .home-info-table td.home-info-1 {
        border-left: 0;
    }
	#home-top {
        margin-left: 207px;
        margin-right: 268px;
    }
    #home-top-pict {
        height: 220px;
    	margin-left: -200px;
    	width: 190px;
    }
    #home-top-pict img {
        height: 220px;
	}
    body#home #mainmiddle {
        clear: both;
    }
    body#home #main-column-container {
        padding-top: 0;
    }
    body#home #messages {
        margin-left: 200px;
    }
    body#home #left-column {
    	margin-top: 0;
	}
    /* Content > Profile */
    tr#profileform_socialprofile_container .rbuttons {
        float: none;
        margin-top: -10px;
    }
}
/* for 910px or less */
@media screen and (max-width: 920px) {
    /* site logo */
    #site-logo {
        overflow: hidden;
        width: 220px;
    }
}
/* for 880px or less */
@media screen and (max-width: 880px) { 
	/* Home */
    #homedescript {
        font-size: 1.083em;
    }
}
/* for 810px or less */
@media screen and (max-width: 810px) {
	/* Home */
    #homedescript {
        font-size: 1em;
    }
    /* Footer */
    div#osi-logo {
        display: none;
    }
}
/* for 768px or less */
@media screen and (max-width: 768px) {
    /* Sidebar */
    #sb_maharasubnav {
        display: none;
    }
}
/* for 700px or less */
@media screen and (max-width: 700px) {
	/* Home */
	#home-top {
        margin-right: 10px;
    }
    #home-top-content {
        margin-right: 0;
        margin-top: 10px;
    }
    #homedescript {
        float: none;
    }
    #headerbuttons {
        float: none;
        margin-right: 0;
        margin-left: 235px;
        width: auto;
    }
    #downloadbutton {
        width: 225px;
        float: left;
        margin-right: 10px;
        margin-left: -235px;
    }
    #trydemobutton {
        height: 36px;
        line-height: 1em;
        margin-right: 0;
        margin-left: 0;
    }
    #home-info td {
        float: left;
        width: 100%;
        margin: 10px 0;
        display: block;
        border: 0;
    }
    #home-info td .pictbkgd {
        display: none;
    }
    /* Portfolio > Copy a page or collection */
    #templatesearch_table thead th {
        display: none;
    }
    #templatesearch_table tbody td {
        display: block;
        float: left;
        width: calc(100% - 20px);
        padding: 0 10px;
    }
    #templatesearch_table tbody td.ownericon {
        width: calc((100% - 20px) / 2);
        padding: 5px 10px 0 10px;
    }
    #templatesearch_table tbody td.right {
        width: calc((100% - 20px) / 2);
        float: right;
        padding: 0 10px 5px 10px;
    }
}
/* for 660px or less */
@media screen and (max-width: 660px) {
    /* Portfolio > Shared by me > Edit access */
    #editaccess #editaccess_accesslist_container {
        padding: 5px;
    }
    #editaccesswrap {
        margin-left: 0;
        background: none;
    }
    #editaccesswrap .presets-container {
        margin-left: 0;
        width: 100%;
    }
    #editaccesswrap .presets-container #results {
        width: 100%;
    }
    #editaccesswrap #accesslisttable,
    #editaccesswrap #accesslisttabledefault {
        margin-top: 20px;
        background: #FFFFFF;
    }
    /* Groups > Group's edit page */
    #editgroup fieldset.sectioned {
        margin-left: 0;
    }
    /* Groups > Group's collection */
    #collectionpages {
        margin-left: 0;
    }
    fieldset#pagestoadd {
        margin: 10px 0;
        float: none;
        width: auto;
    }
    /* Universal search */
    .thumbnail-right {
        margin-left: 65px;
        min-height: 50px;
    }
    .thumbnail-image {
        margin-left: -65px;
        width: 50px;
    }
    .thumbnail-image img {
        width: 50px;
    }
    /* Sideblocks */
    #left-column div.sideblock,
    #right-column div.sideblock {
        width: calc((100% - 36px) / 2);
        float: none;
        display: inline-block;
    }
    /* Footer */
    #powered-by {
        display: none;
    }
    #footernav,
    #performance-info,
    #version {
        float: none;
        text-align: center;
    }
    /* Small header */
    .viewheadertop #mainnav-container {
        padding: 10px 0 0 0;
        font-size: 1em;
        line-height: 2em;
        white-space: normal;
        float: none;
        clear: both;
    }
    .viewheadertop #mainnav-container #mainnav {
        text-align: center;
    }
    .viewheadertop #mainnav-container #mainnav a {
        white-space: nowrap;
    }
    /* Home */
    .home-info-2 div a img {
        width: 90%;
    }
    /* Universal search */
    #universal-search-container {
        width: calc(100% - 20px);
        padding: 10px;
    }
    #universal-search-container input#search_query {
        width: 58%;
    }
    /* Partner */
    #user_partnerblockwrap .logo {
        float: none;
        margin-bottom: 10px;
    }
    /* Boxes */
    .box {
        margin-bottom: 10px;
    }
    .box .fl {
        width: 40%;
        margin-right: 10px;
    }
    .box .fl img {
        width: 100%;
    }
}
/* for 600px or less */
@media screen and (max-width: 600px) {
    /* Form */
    .textarea .resizable-textarea,
    select#profileform_country,
    textarea,
    div.grippie,
    #search_advanced_container select#search_type,
    #search_advanced_container select#search_sort,
    #resumewrap input.text, input#newblog_tags {
        width: 94%;
    }
    input.text,
    input.password,
    textarea,
    div.grippie,
    input[type=text],
    input[type=password] {
        max-width: 94%;
        margin-bottom: 3px;
    }
    input#editblog_tags,
    input#editpost_tags,
    select {
        max-width: 65%;
        margin-bottom: 3px;
    }
    input.button {
        margin-bottom: 3px;
    }
    a.pieform-calendar-toggle img {
        margin-bottom: 3px;
    }
    /* WYSIWYG */
    #resumewrap .pieform table.mceLayout td,
    .pieform table.mceLayout td {
        width: 100%;
        padding: 0;
    }
    #resumewrap .pieform table.mceLayout td.mceToolbar td,
    .pieform table.mceLayout td.mceToolbar td {
    	display: inline-block;
        padding: 0;
        width: auto;
    }
    /* tables */
    .pieform th {
        float: left;
        width: calc(100% - 10px);
        padding: 3px 5px 0 5px;
        display: block;
    }
    .pieform td {
        float: left;
        width: calc(100% - 10px);
        padding: 3px 5px;
        display: block;
    }
    /* Buttons */
    .rbuttons,
    div.pagetabs {
        float: none;
        margin: 0 0 10px 0;
    }
    .rbuttons input.submit,
    .rbuttons a {
        margin: 0 8px 3px 0;
    }
    #viewforum .rbuttons {
        margin-top: 0 !important;
    }
    /* Sidebar */
    #left-column div.sideblock,
    #right-column div.sideblock {
        float: none;
        width: calc(100% - 30px);
        margin: 0 15px 10px 15px;
    }
    /* Sidebar login */
    #login #login-helplinks {
        margin: 10px 0 0 0;
    }
    #login #login-helplinks br {
        display: none;
    }
    #login #login-helplinks a {
        margin-right: 20px;
    }
    #login_submit_container {
        float: none;
    }
    #sb-loginbox #login_submit_container input#login_submit {
        font-size: 1.25em;
        width: 96%;
    }
    /* Sidebar group navigation */
    #sb-groupnav {
        display: none;
    }
    /* Content > Résumé */
    form#educationhistory table th,
    form#book table th,
    #personalinformation table th {
        float: left;
        width: calc(100% - 10px);
        padding: 3px 5px 0 5px;
        display: block;
    }
    form#educationhistory table td,
    form#book table td,
    #personalinformation table td {
        float: left;
        width: calc(100% - 10px);
        padding: 3px 5px;
        display: block;
    }
    /* Content > Profile */
    .pieform #profileicons tr {
        float: left;
        width: calc((100% - 20px) / 2);
        padding: 3px 5px;
        display: block;
        border-bottom: 1px solid #FFFFFF;
        text-align: center;
    }
    .pieform #profileicons thead {
        display: none;
    }
    .pieform #profileicons .profileiconcell {
        display: table-cell;
        width: calc(100% - 10px);
    }
    .pieform #profileicons .defaultcell {
        display: table-cell;
        width: calc(100% - 10px);
    }
    .pieform #profileicons td {
        text-align: center;
    }
    .pieform #profileicons .deletecell {
        display: none;
    }
    .pieform #profileicons tfoot tr {
        width: calc(100% - 10px);
        float: none;
    }
    #profileicons tfoot td.right input#settings_delete {
        display: none;
    }
    /* Content > Files */
    #files_filebrowser_agreement label {
        margin-left: 0 !important;
        width: auto;
    }
    #files_filebrowser_agreement {
        margin-left: 0 !important;
    }
    .fileuploadlicense {
        margin-bottom: 0 !important;
    }
    #files_filebrowser_userfile_maxuploadsize {
        display: inline-block;
        margin-left: 0 !important;
        margin-bottom: 10px;
    }
    .foldernav {
        margin-bottom: 5px;
    }
    #createfolder #files_filebrowser_createfolder_name {
        max-width: 50%;
    }
    .filelist th {
        display: none;
    }
    .filelist td,
    .filebrowser td .filelist td {
        float: left;
        width: calc(100% - 10px);
        padding: 3px 5px;
        display: block;
    }
    .filelist td.icon-container,
    .filebrowser td .filelist td.icon-container {
        display: inline-block;
        width: 25px;
        padding-top: 3px;
        vertical-align: middle;
    }
    .filelist td.icon-container .icon-drag {
        vertical-align: middle;
    }
    .filelist td.filename,
    .filebrowser td .filelist td.filename {
        display: inline-block;
        width: auto;
        padding-top: 8px;
    }
    .filelist td.filedescription,
    .filebrowser td .filelist td.filedescription,
    .filelist td.filesize,
    .filebrowser td .filelist td.filesize,
    .filelist td.filedate,
    .filebrowser td .filelist td.filedate {
        padding: 0 5px 1px 40px;
        width: auto;
        clear: left;
    }
    .filelist td.right,
    .filebrowser td .filelist td.right {
        float: right;
        display: inline-block;
        width: auto;
    }
    tr.folder td {
        background: none;
    }
    tr.editrow table th,
    tr.editrow table td,
    tr#files_filebrowser_edit_row table th,
    tr#files_filebrowser_edit_row table td {
        float: left;
        width: calc(100% - 10px);
        padding: 3px 5px 0 5px;
        display: block;
        border-bottom: 0;
    }
    #search #search_query,
    #searchviews #searchviews_query {
        width: 27%;
    }
    input#unzip_artefact_submit {
        margin-bottom: 3px;
    }
    /* Content > Journals */
    #bloglist .fr {
        float: none;
        tetx-align: right;
    }
    #bloglist span.entries {
        margin-left: 0;
    }
    /* Content > Résumé */
    .movebuttons {
        width: 25px;
    }
    .movebuttons a {
        margin-bottom: 3px;
    }
    .movebuttons a.movedown {
        float: none !important;
        margin-bottom: 0;
    }
    /* Content > Plans */
    #taskslist thead {
        display: none;
    }
    #taskslist td {
        float: left;
        display: block;
        width: calc(100% - 10px);
        padding: 0 5px;
    }
    #taskslist td.completiondate {
        padding-top: 3px;
    }
    #taskslist td.plantasktitle {
        font-weight: bold;
        font-size: 1.167em;
    }
    #taskslist td.completed,
    #taskslist td.incomplete {
        display: none;
    }
    #taskslist td.planscontrols {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: right;
    }
    /* Portfolio > Pages > Copy a page or collection */
    #templatesearch_table table td.right {
        white-space: normal;
    }
    table.templateresults td.right input.submit {
        margin: 0 0 5px 7px;
    }
    /* Portfolio > Pages > Edit page > Choose skin tab */
    div.skins-wrap {
        margin-left: 0;
    }
    div.currentskin {
        margin: 0 0 10px 0;
        float: none;
        display: block;
        width: auto;
        text-align: center;
    }
    /* Portfolio > Export */
    #whatcollections col, #whatviews col {
        float: left;
        width: calc(100% - 10px);
    }
    #whatcollections td, #whatviews td {
        background: #fafbf7;
        border-bottom: 1px solid #FFFFFF;
    }
    /* Portfolio > Pages > Edit page > Edit layout tab */
    #viewlayout {
        text-align: center;
    }
    .advancedlayoutselect .title {
        display: block;
        padding-left: 0;
        padding-top: 7px;
        width: auto;
        text-align: center;
    }
    #viewlayout_advancedlayoutselect_row1,
    #viewlayout_advancedlayoutselect_row2,
    #viewlayout_advancedlayoutselect_row3,
    #viewlayout_advancedlayoutselect_row4,
    #viewlayout_advancedlayoutselect_row5,
    #viewlayout_advancedlayoutselect_row6 {
        display: block;
        text-align: center;
    }
    #createcustomlayoutpane {
        float: none;
        clear: both;
    }
    #previewcustomlayoutpane {
        float: none;
        clear: both;
    }
    .customrowoptions {
        display: block;
    }
    .customrow label {
        display: block;
        margin-left: 0;
    }
    /* Portfolio > Shared with me */
    #sharedviewlist thead {
        display: none;
    }
    #sharedviewlist td.sharedpages {
        float: left;
        display: block;
        width: calc(100% - 10px);
        padding: 3px 5px 0 5px;
    }
    #sharedviewlist td.center {
        display: none;
    }
    #sharedviewlist td.lastcomment {
        float: left;
        display: block;
        width: calc(100% - 10px);
        padding: 0 5px 3px 5px;
    }
    /* Portfolio > Shared by me */
    .accesslists thead {
        display: none;
    }
    .accesslists td {
        float: left;
        display: block;
        width: calc(100% - 10px);
        padding: 3px 5px 0 5px;
    }
    .accesslists .accesslist {
        width: calc(100% - 10px);
        padding: 0 5px;
    }
    .accesslists .al-edit {
        width: auto;
        float: right;
    }
    .accesslists .secreturls {
        width: auto;
        padding-left: 15px;
        white-space: nowrap;
        float: right;
    }
    /* Portfolio > Shared by me > Edit access */
    #accesslisttable th {
        width: auto;
        display: table-cell;
        float: none;
    }
    #accesslisttable td {
        width: auto;
        display: table-cell;
        float: none;
        vertical-align: top;
    }
    #accesslistitems input[type="text"] {
        width: 40px;
    }
    #accesslisttable .hidden {
        display: none;
    }
    select#type {
        width: 28%;
    }
    #editaccess #viewacl-advanced #results td {
        width: auto;
        display: table-cell;
        float: none;
    }
    /* Portfolio > Shared with me */
    #search_advanced_container #search_share_container {
        padding-left: 0;
    }
    #search_advanced_container #search_share_container label {
        margin-left: 0;
    }
    /* Portfolio > Skins */
    .skinthumb {
        width: 96%;
        padding: 10px 1.8%;
    }
    /* Groups > My/Find groups */
    .listing ul.groupuserstatus {
        float: none;
        width: auto;
    }
    .listing ul.groupuserstatus li {
        text-align: left;
    }
    .groupsdetails {
        margin-right: 0;
    }
    ul.groupuserstatus li.invite form {
        float: none;
    }
    ul.groupuserstatus li .btn,
    ul.groupuserstatus li.invite span {
        margin: 0 8px 0 0;
    }
    ul.groupuserstatus li.jointhisgroup,
    ul.groupuserstatus li.admincontrol {
        text-align: left;
    }
    div.peoplelistinfo .rightdiv .detail {
        margin-right: 0;
    }
    div.peoplelistinfo .rightdiv .whymakemeyourfriend {
        margin-right: 0;
    }
    /* Groups > Group's about page */
    .group-info ul li span {
        margin: 0 2% 0 0;
    }
    ul.groupuserstatus li.leavegroup {
        float: none;
        display: block;
    }
    /* Groups > Group's edit group */
    #editgroup fieldset.sectioned .checkbox th, #editgroup fieldset.sectioned .select th {
        width: auto;
        text-align: left;
        padding: 10px 5px 0 5px;
    }
    #editgroup fieldset.sectioned .checkbox td, #editgroup fieldset.sectioned .select td {
        padding: 0 5px;
    }
    /* Groups > Group's members > multiple send invite (and some other pages too) */
    .userlisttable th {
        display: none;
    }
    .userlisttable .lrfieldlists {
        width: calc(100% - 10px);
    }
    .userlisttable .lrfieldlists select {
        max-width: 100%;
    }
    .userlisttable .lrbuttons br {
        display: none;
    }
    .userlisttable .lrbuttons button {
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    /* Groups > Group's forum */
    #forumslist th.subscribeth,
    #forumslist td.subscribetd {
        display: none;
    }
    #forumbtns #subscribe_forum,
    #forumbtns #subscribe_topic,
    #forumtopicstable .narrow {
        display: none;
    }
    #forumtopicstable .posterth,
    #forumtopicstable .postertd,
    #forumtopicstable .postscount {
        display:  none;
    }
    #forumtopicstable thead {
        display: none;
    }
    #forumtopicstable td {
        width: calc(100% - 10px);
        float: left;
        padding: 3px 5px;
    }
    .forumpost td {
        width: calc(100% - 10px);
        float: left;
        padding: 3px 5px;
    }
    .forumpostleft {
        text-align: left;
    }
    .author img {
        float: left;
    }
    /* Groups > My/Find friends */
    ul.actionlist {
        width: auto;
        float: none;
        margin: 5px 0;
    }
    /* Groups > Topics */
    #topiclist thead {
        display: none;
    }
    #topiclist td {
        float: left;
        display: block;
        width: calc(100% - 10px);
        padding: 3px 5px;
    }
    #topiclist td.center {
        display: none;
    }
    /* Dashboard */
    #editdashboard {
        margin-top: 20px;
        margin-bottom: 15px;
    }
    /* My tags */
    #resultswrap {
        margin-left: 0;
    }
    #results_filter {
        margin-left: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    #results_filter .filtername {
        display: inline-block;
    }
    #resultswrap #results {
        clear: both;
    }
    /* User Profile */
    .user-icon-name span img {
        width: 40px;
    }
    .userviewrbuttons {
        float: none;
        text-align: center;
        margin: 0 0 5px 0;
    }
    /* Inbox */
    #delete_all_notifications {
        display: none;
    }
    #activitylist .center {
        display: none;
    }
    #activitylist tfoot {
        display: none;
    }
    /* Universal search */
    #universalsearchresults-filter-wrap {
        float: none;
        margin-left: 0;
        width: 100%;
	}
    #universalsearchresults-filter-wrap #results_filter {
        width: calc(100% - 10px);
        padding: 3px 5px;
    }
    #results_filter .filtertitle {
        padding: 3px;
    }
    #search-filter-license {
        margin: 0;
        width: 90%;
    }
    .universalsearch {
        padding: 10px;
    }
    .universalsearch .selectboxes {
        text-align: left;
    }
    #universalsearch-results-sort,
    #universalsearch-filter-owner {
        margin: 0 5px 5px 0;
    }
    #results_filter .filtername {
        width: calc((100% - 10px) / 2);
    }
    #results_filter.search-filter-license .filtertitle {
        display: inline-block;
    }
    /* My tags */
    #results_sort {
        float: none;
    }
}
/* for 540px or less */
@media screen and (max-width: 540px) {
    #top-wrapper {
        background: none;
    }
    #site-logo {
        vertical-align: middle;
        width: 300px;
        margin-top: 8px;
        margin-bottom: 0;
	}
    #site-logo img {
        width: 100%;
    }
    #header-right {
        font-size: 1em;
        position: inherit;
        clear: both;
        width: 100%;
        right: 0;
        padding: 0;
        float: none;
	}
    #right-nav ul {
        width: 100%;
        text-align: center;
        float: none;
    }
    #right-nav li.identity {
        display: block;
        font-size: 1.167em;
        margin-bottom: 10px;
    }
    form#cse-search-box,
    form#usf {
        float: none;
        margin-right: 0;
        margin-top: 20px;
        margin-bottom: 6px;
    }
    form#cse-search-box div,
    form#usf div {
        width: 250px;
        margin: 0 auto;
        text-align: center;
    }
    .main-nav,
    .rd-navmenu .main-nav {
        top: 23px;
    }
	#home-top {
        margin-left: 10px;
        margin-top: 0;
    }
    #home-top-pict {
        display: none;
    }
    #top-wrapper, body#home #top-wrapper {
        height: auto;
    }
    body#home #main-column {
        padding-top: 0;
	}
    body#home #messages {
        margin-left: 10px;
    }
    h1 {
        font-size: 2em;
    }
    #user_partnerblock1,
    #user_partnerblock2 {
        float: none;
        width: calc(100% - 10px);
    }
}
/* for 480px or less */
@media screen and (max-width: 480px) {
    #site-logo {
        width: 170px;
    }
    #site-logo img {
        width: 300px;
    }
    #headerbuttons {
        display: none;
    }
    /* Content > Profile pictures */
    .pieform #profileicons tr {
        width: 100%;
    }
    /* Universal search */
    ul.searchtab {
        font-size: 1em;
    }
}
/* for 450px or less */
@media screen and (max-width: 400px) {
    /* Elasticsearch */
    ul.searchtab li a,
    ul.searchtab li a:link,
    ul.searchtab li a:visited,
    ul.searchtab li a:active {
        padding: 5px 3px;
    }
    #universalsearchresults .listrowright {
        margin-left: 30px;
    }
    #universalsearchresults .listrowright .counter {
        margin-left: -30px;
    }
    .thumbnail-image {
        margin-left: -35px;
    	width: 30px;
    }
    .thumbnail-image img {
        width: 30px;
    }
    .thumbnail-right {
        margin-left: 35px;
    }
}
/* for 360px or less */
@media screen and (max-width: 360px) {
    /* layout */
    #top-wrapper, #mainmiddle, #footer {
        min-width: 300px;
    }
}

/**** Transitions ****/
.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}
.masonry {
  -webkit-transition-property: width, height;
     -moz-transition-property: width, height;
      -ms-transition-property: width, height;
       -o-transition-property: width, height;
          transition-property: width, height;
}
.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

/* can remove after fixes are added into raw theme */
/* fix for profile picture */
#sb-profile .sidebar-header {
    padding-bottom: 15px;
}
#user-profileicon {
    background: #FFFFFF;
    padding: 2px;
}
#user-profileicon img {
    border: 0;
}
#user-profileicon a {
	width: 50px;
    height: 50px;
    font-size: 0.917em;
    text-align: center;
}