html, body {
margin: 0;
}
#container {
margin: 25px;
padding: 10px;
}
#header {
margin: 0;
padding: 0;
}
#header_no_banner{
margin: 0;
padding: 0;
}
#rightcolumn div#left{
display:none
}
#left {
float: left;
width: 200px;
padding:5px;
overflow:hidden;
}
#threecolumn {
margin: 0px;
}
#twocolumn div#right{
display:none
}
#twocolumn div#content{
margin: 0 0 0 210px;
}
#content{
padding:5px;
overflow:auto;
}
#right {
float: right;
width: 200px;
padding:5px;
}
#footer {
text-align: center;
padding: 10px;
}
#footerbr {
clear: both;
}
#navigation {
padding-top:5px;
}
body {
font: 80% "Trebuchet MS", "Lucida Sans Unicode", Tahoma, sans-serif;
font:68%/1.5 arial,tahoma,verdana,sans-serif;
/* margin: 0;
padding: 0;*/
}
/************** A styles *************/
a:link,
a:visited {
text-decoration: none;
}
a:hover,
a:active {
}
a:hover {
text-decoration: underline;
}
a img {
border: none;
}
/******** End of A style ***************/
strong {
font-weight: bold;
}
hr {
padding-left: 10px
}
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea {
padding: 3px;
border: solid 1px #c6c6c6;
border-bottom: solid 1px #e3e3e3;
color: #333;
background: #f3f3f3 url('images/bg-forms.png') left top repeat-x;
margin-bottom:4px;
}
input.light {
background: #fff url('images/bg-forms-light.png') repeat-x;
margin-bottom:4px;
}
.prioritylist{
background: #fff url('images/bg-forms-light.png') repeat-x;
margin-bottom:4px;
border:1px solid #A5A5A5;
background-color:#D0D0D0
}
input[type='submit'],
input[type='reset'],
input[type='button'] {
padding: 3px 10px;
}
input[type='checkbox'],
input[type='radio'] {
width: auto !important;
}
/*
table,
tr,
th,
td {
margin: 0;
padding: 0;
border: none;
text-align: left;
}
*/
fieldset{
}
label {
font-weight: bold;
/*display: block;
float: left;*/
}
/* label:after { content: ": " } */
/***********************************************************************************************
* Common Styles for Usage
***********************************************************************************************/
/* Use this styles for tables instead of | */
.nowrap { white-space: nowrap; }
/* Confirm message that action has occurred successfully - white text on a dark yellow background */
.confirm, #confirm { color: #000000; background-color: #FFDE39; }
/* Success Messages */
.success {color:#390;font-weight:bold}
/* Error messages - Red Text Color*/
.error { color: red; }
/* Error messages for form inputs - Red Background - White Text*/
input.error, input.inputerror { background-color: red; color: white; }
/* Highlighted Text - Yellow Background*/
.HighLightText, .highlighttext { background-color: #FFFF00; }
/* Warning Messages - Orange Background */
.warning { color: #FFA500; font-weight: bold; }
/* This specify the color of the notes or short little descriptive wording. */
.minute
{
font-size: 85%;
}
/* Use for text that is greyed out or dimmed for some reason */
.dim, .subdued {
color: #999999;
}
/* Large Font for Indicating no Records*/
.noRecordsMessage {
font-style: oblique;
text-align: center;
font-weight: normal;
padding-top: 2em;
padding-bottom: 2em;
font-size: large;
}
/* Dark Wrapper - for the header*/
.wrapperDarkBkg {
background-color: #CCCCCC;
padding: 3px;
}
/* Light Wrapper - for the Content*/
.wrapperLightBkg {
background-color: #FFFFFF;
padding: 3px;
color: #000000
}
/*************************************
* Language direction
* For example, these below are for divs that should be left aligned for English.
* But for Arabic or Hebrew, they will be floated right, if it gets overridden in the skin stylesheet
*******************************************/
.floatlangdir {
float: left;
}
.clearfloatlangdir {
/*clear: left;*/
}
/* END - styles based on language direction */
/***********************************************************************************************
*Table Styles
***********************************************************************************************/
table.overflowtable {
table-layout:fixed;
}
table.overflowtable td.overflowcolumn {
overflow:hidden;
white-space:nowrap;
}
th {
/*background-color:#CACDD2;*/
border-right: 1px solid black ;
padding-left: 5px;
margin:10px;
}
td {
margin-left: 10px;
/*color: #FFF;*/
}
th a {
color: #c4ebe3;
}
.highlightblock {
border: 1px dashed red;
}
ul.htmlliststyle li {
background: transparent url("../icons/text.gif") no-repeat 0 4px;
list-style-type: none;
margin: 0;
padding-left: 20px;
}
/* Added styles to display quota - width is controlled by code */
div.outerquota {
border: 1px solid #000;
background-color: #FFF;
font-size: 80%;
text-align: center;
}
div.innerquota {
background: #00FF00;
height: 16px;
}
div.quotaup {
background: red;
height: 16px;
}
#nav-secondary{
margin: 5px;
/*border: 1px dashed ;*/
padding: 10px;
}
#nav-secondary li{
padding-left: 15px;
/*background-color: #599DF6;*/
/*border: 1px solid blue transparent;*/
text-decoration:none;
/*-moz-border-radius: 8px;
border-radius: 8px;*/
list-style: none;
}
.featurebox{
margin: 5px;
/*border: 1px dashed;*/
padding:2px;
overflow:hidden;
}
.featureboxheader
{
/*background-color:blue;*/
/*border: 1px solid brown transparent;
color: #FFF;*/
padding: 2px;
margin-top:1px;
margin-bottom:1px;
}
.featureboxcontent
{
padding: 5px;
padding-top:2px;
/*background-color:red;*/
margin-top:1px;
}
/*fieldset {
background-color: #FFF;
/*border: 1px solid #D8E9F6;*/
/*border:0.5px solid #93B3F9;
padding: 5px;
}*/
/*form {margin-bottom: 10px;}*/
h1#sitename {
padding: 20px;
}
.radio1 {width:100%}
#formtable {
width:100%;
padding:5px;
text-align: left;
}
.note{
height:150px;
padding:10px;
width:150px;
position:relative;
overflow:hidden;
cursor:move;
font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif;
font-size:22px;
/* Adding a CSS3 shadow below the note, in the browsers which support it: */
-moz-box-shadow:2px 2px 0 #DDDDDD;
-webkit-box-shadow:2px 2px 0 #DDDDDD;
box-shadow:2px 2px 0 #DDDDDD;
}
#fancy_ajax .note{
cursor:default;
}
/* Three styles for the notes: */
.yellow{
background-color:#FDFB8C;
border:1px solid #DEDC65;
}
.blue{
background-color:#A6E3FC;
border:1px solid #75C5E7;
}
.green{
background-color:#A5F88B;
border:1px solid #98E775;
}
/* Each note has a data span, which holds its ID */
span.data{ display:none; }
/* The "Add a note" button: */
#addButton{
position:relative;
}
/* Green button class: */
a.green-button,a.green-button:visited{
color:black;
display:block;
font-size:10px;
font-weight:bold;
height:15px;
padding:6px 5px 4px;
text-align:center;
width:60px;
text-shadow:1px 1px 1px #DDDDDD;
background:url(img/button_green.png) no-repeat left top;
}
a.green-button:hover{
text-decoration:none;
background-position:left bottom;
}
.author{
/* The author name on the note: */
bottom:10px;
color:#666666;
font-family:Arial,Verdana,sans-serif;
font-size:12px;
position:relative;
right:10px;
}
#main{
/* Contains all the notes and limits their movement: */
margin:0 auto;
position:relative;
width:980px;
height:500px;
z-index:10;
background:url(img/add_a_note_help.gif) no-repeat left top;
}
h3.popupTitle{
border-bottom:1px solid #DDDDDD;
color:#666666;
font-size:24px;
font-weight:normal;
padding:0 0 5px;
}
#noteData{
/* The input form in the pop-up: */
height:200px;
margin:30px 0 0 200px;
width:350px;
}
.note-form label{
display:block;
font-size:10px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
padding-bottom:3px;
}
.note-form textarea, .note-form input[type=text]{
background-color:#FCFCFC;
border:1px solid #AAAAAA;
font-family:Arial,Verdana,sans-serif;
font-size:16px;
height:60px;
padding:5px;
width:300px;
margin-bottom:10px;
}
.note-form input[type=text]{ height:auto; }
.color{
/* The color swatches in the form: */
cursor:pointer;
float:left;
height:10px;
margin:0 5px 0 0;
width:10px;
}
#note-submit{
margin:20px auto;
}
.required_field {
color: red;
}
#form_commentadd fieldset {
margin-bottom: 8px;
}
/** Fix context control panel */
ul.x-tab-strip li {
list-style-type: none;
}
.context_cp_right {
width: 45%;
margin-left: 40px;
float:left;
}
.context_cp_left {
width: 45%;
float:left;
}
/** Fixed bad code in News module **/
.halfwidth_left {
width:50%;
float:left;
}
/***
Styles for the Chisimba wall module
*/
.clear {
clear:both;
}
.wall_wrapper {
width:448px;
margin:0 auto;
text-align:left;
}
#updateBox {
background-color:#F2F2F2;
border:1px solid #B5B5B5;
padding:4px;
}
.wallpost {
width:98%;
height:70px;
border-color:#7C7C7C #C3C3C3 #DDDDDD;
border-style:solid;
border-width:1px;
}
.shareBtn {
background:#3b5998;
float:right;
color:#ffffff;
font-weight:bold;
border:0;
padding:4px;
margin-top:2px;
}
.msg {
min-height:38px;height:auto!important;height:38px;_height:38px;
margin-top:8px;
margin-bottom:8px;
/*border-bottom:1px solid #B5B5B5;
padding-bottom:4px;*/
color: #666666;
font-size:13px;
}
.wall_post_info {
margin-top:8px;
margin-bottom:8px;
border-bottom:1px solid #B5B5B5;
padding-bottom:4px;
color: #999999;
font-size:13px;
}
.wallpostrow {
margin-top: 15px;
}
.msg a {
color:#3B5998;
text-decoration:none;
}
.msg a:hover {
text-decoration:underline;
}
.wallposter {
font-weight: bold;
}
.small_user_image {
float: left;
height: 35px;
width: 35px;
margin-right:5px;
margin-bottom: 5px;
}
a.delpost {
float: right;
}
.delpost:hover {
background-color: yellow;
text-decoration: none;
}
.pgthumbimage {
vertical-align: middle;
}
/** For the wall comments ***/
.wall_comment_author a {
color: #3b5998;
font-weight: bold;
text-decoration: none;
}
.wall_comment_when {
color: #666666;
padding-top: 8px;
}
.wall_comment_button a {
color: #999999;
}
.wall_comments_top {
background: url('images/comment-top.png');
width: 395px;
height: 10px;
background-repeat: no-repeat;
margin: 0px;
margin-top: -10px;
margin-left: 35px;
}
.wall_comments_bottom {
height: 0px;
}
ol.wall_replies {
list-style:none;
font-size:1.2em;
margin-top: 0px;
width: 390px;
}
ol.wall_replies li{
position:relative;
padding:5px;
margin-top: 0px;
margin-left: -5px;
border-bottom:1px solid #f7f7f7;
line-height:1.1em;
background-color: #edeff4;
color:#808080;
font-size:11px;
}
ol.wall_replies li:first-child {
/*border-top:1px dashed #000;*/
}
ol.wall_replies li:last-child {
margin-bottom: -8px;
}
.wall_panel
{
padding-left: 35px;
margin-bottom: 20px;
display:none;
}
.comment_submit {
background:#3b5998;
color:#ffffff;
font-weight:bold;
border:0;
padding:4px;
margin-top:2px;
}
a.wall_delcomment {
float: right;
margin-left: 8px;
margin-bottom: 8px;
}
.wall_comments_more {
position:relative;
padding: 2px;
}
.tb_comments_more {
width:100%;
padding-right:15px;
}
a.wall_comments_more,
a.wall_comments_more:visited {
color: #eceff6;
background: #3b5998;
}
a.wall_comments_more:hover,
a.wall_comments_more:visited:hover {
color: #eceff6;
background: red;
}
/** When you get older wall posts via ajax **/
.wall_post_append {
background: #fff9d7;
margin-top: 10px;
padding-bottom: 20px;
}
/** Other styles **/
ol.timeline{
list-style:none;
font-size:1.2em;
}
ol.timeline li {
display:none;position:relative;
padding:.7em 0 .6em 0;
border-bottom:1px dashed #000;
line-height:1.1em;
background-color:#D3E7F5;
height:55px;
width:499px;
}
ol.timeline li:first-child {
border-top:1px dashed #000;
}
/** -- END WALL MODULE STYLES **/
/** The canvas turn editing on/off button */
#modeswitch_wrapper {
}
.editing_on, .editing_off {
padding-left: 2px;
padding-right: 2px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
.editing_on {
background-color: #F90;
}
.editing_off {
background-color: #98abc7;
}
/** For the module list **/
div.stable, div.unset, div.pre-alpha,
div.alpha, div.beta, div.deprecated,
div.marked_for_removal, div.invisible {
padding: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
div.stable {
background: #00FF00;
}
div.unset {
background: #f00;
color: white;
}
div.pre-alpha {
background: #D3E7F5;
}
div.alpha {
background: #e3a345;
}
div.beta {
background: #FFFFCC;
}
div.deprecated {
background: #ffffff;
color: #999999;
}
div.marked_for_removal {
background: #0033FF;
color: white;
}
div.invisible {
background: #DB00DC;
color: white;
}
/** Creative commons license dropdowns **/
option.copyright {
padding-left:90px;
background-image: url('../_common/icons/creativecommons_v3/copyright.gif');
background-repeat: no-repeat;
}
option.by {
padding-left:90px;
background-image: url('../_common/icons/creativecommons_v3/by.gif');
background-repeat: no-repeat;
}
option.by-sa {
padding-left:90px;
background-image: url('../_common/icons/creativecommons_v3/by-sa.gif');
background-repeat: no-repeat;
}
option.by-nd {
padding-left:90px;
background-image: url('../_common/icons/creativecommons_v3/by-nd.gif');
background-repeat: no-repeat;
}
option.by-nc {
padding-left:90px;
background-image: url('../_common/icons/creativecommons_v3/by-nc.gif');
background-repeat: no-repeat;
}
option.by-nc-sa {
padding-left:90px;
background-image: url('../_common/icons/creativecommons_v3/by-nc-sa.gif');
background-repeat: no-repeat;
}
option.by-nc-nd {
padding-left:90px;
background-image: url('../_common/icons/creativecommons_v3/by-nc-nd.gif');
background-repeat: no-repeat;
}
option.gnu-fdl {
padding-left:90px;
background-image: url('../_common/icons/creativecommons_v3/gnu-fdl.gif');
background-repeat: no-repeat;
}
option.by-sa_gnu-fdl {
padding-left:90px;
background-image: url('../_common/icons/creativecommons_v3/by-sa_gnu-fdl.gif');
background-repeat: no-repeat;
}
.roundcorners_small {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
.roundcorners_large {
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
}
a.contexttitle {
color: #003366;
font-size: larger;
padding-left: 5px;
}
#form_searchform #input_search {
width: 120px;
}
/** Styles for the page annotations **/
.annotated{
position: relative;
background-color:#FFEFD8;
}
.annotated[annotateLevel="0"] {
background-color:#FFEFD8;
}
.annotated[annotateLevel="1"] {
background-color:#F0D6BF;
}
.annotated[annotateLevel="2"] {
background-color:#DCC2AB;
}
.beingAnnotated {
background-color:#F90;
}
.annotationFocus, .annotationFocus[annotatelevel='0']{
background-color:#9F0;
}
.annotationFocus[annotatelevel='1']{
background-color:#C2DCAB;
}
.annotationFocus[annotatelevel='2']{
background-color:#D6F0BF;
}
.jQueryTextAnnotaterDialog{
opacity:0.9;
z-index: 999;
position:absolute;
display:none;
width: 200px;
height: 150px;
border: 1px solid black;
background-color: #eee;
padding: 5px;
font-family: Trebuchet, Arial;
font-size: 10pt
}
.jQueryTextAnnotaterDialogForm ul{
padding: 0;
margin: 0;
}
.jQueryTextAnnotaterDialogForm li{
margin: 0;
padding: 0;
list-style-type: none;
}
#content, #explanation, #annotations{
border: 1px dotted gray;
margin: 20px;
padding: 20px;
font-family: Trebuchet, Arial;
}
#controls {
border: 1px dotted gray;
text-align: center;
margin: 10px;
padding: 10px;
font-family: Trebuchet, Arial;
}
#saveAnnotations, #toggleAnnotations {
width: 100px;
font-family: Trebuchet, Arial;
}
#explanation, #controls{
background-color: #eee;
}
.annotated img{
border: 1px solid #FFEFD8;
}
.annotationFocus img{
border: 1px solid #9F0;
}
.annotator_comment {
line-height: 14px;
position: absolute;
margin-right: 10px;
background-color: #ffaaaa;
border: 1px solid red;
font-size: 8pt;
width: 200px
}
.comment_line {
position: absolute;
border-top: 1px dashed red;
height: 1px;
}
.pagenote_note {
background: #eee;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
/** end of pagenotes styles ***/
.redtxt {
color: red;
}
.bluetxt {
color: blue;
}
.greentxt {
color: green;
}
.orangetxt {
color: orange;
}
.blacktxt {
color: #000000;
}
.whitetxt {
color: #FFFFFF;
}
/** Chat stuff in the messaging module **/
#chatDiv {
background: none;
height: 300px;
border: 1px solid black;
padding: 10px;
overflow: auto;
cursor: default;
}
.chat_user {
color: black;
font-weight: bolder;
}
.chat_date {
color: red;
}
.chat_input {
width: 100%;
}
.chat_input {
width: 100%;
}
.chat_buttons {
padding-left: 20px;
}
.chat_buttons button {
margin-bottom: 6px;
}
.ImagePreview{
max-height: 100px !important;
max-width: 100px !important;
}
.ImagePreviewArea{
width:100px !important;
height:100px !important;
line-height:100px !important;
vertical-align:center !important;
text-align:center !important;
}
/** Fluid video **/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
background:none;
border:none;
margin-right: 8px;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container video {
width: 100% !important;
height: auto !important;
}
/** For most recent context blocks **/
.context_recent {
width: 100%;
height: auto;
}
.context_recent_context {
position: relative;
float: left;
width: 220px;
height: 190px;
overflow: hidden;
margin: 8px;
padding: 5px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, white), color-stop(65%, white),
color-stop(100%, #f7f7f7));
background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%);
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.context_recent_context img {
position: relative;
margin-right: 5px;
float: left;
}
.context_recent_title {
font-size: 150%;
}
.context_creationdate {
font-size: 125%;
font-weight: 200;
color: #1c64d1;
margin-top: 6px;
}
li.bookmark_icon {
float: right !important;
margin-right: 2px !important;
}
/***********************************************************************************************
* Styles for statusbar
***********************************************************************************************/
.statusbar_online_count, .statusbar_email_count, .statusbar_message_count,
.statusbar_alert_count, .statusbar_buddies_count, .statusbar_document_count, .statusbar_picture_count {
color: white;
font-size: 7pt;
font-weight: bold;
text-align: center;
position: relative;
left: 5px;
bottom: 15px;
background: red;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-top: 0px;
padding-bottom: 3px;
padding-left: 2px;
padding-right: 2px;
padding-top: 0px;
}
.statusbar_online_users {
background: transparent url('../../_common/icons/group.png') no-repeat top left;
}
.statusbar_email_on {
background: transparent url('../../_common/icons/email.png') no-repeat top left;
cursor: pointer;
}
.statusbar_email_off {
background: transparent url('../../_common/icons/email.png') no-repeat top left;
}
.statusbar_messaging_on {
background: transparent url('../../_common/icons/user_comment.png') no-repeat top left;
cursor: pointer;
}
.statusbar_messaging_off {
background: transparent url('../../_common/icons/user_comment.png') no-repeat top left;
}
.statusbar_alert_on {
background: transparent url('../../_common/icons/alarm.png') no-repeat top left;
cursor: pointer;
}
.statusbar_alert_off {
background: transparent url('../../_common/icons/alarm.png') no-repeat top left;
}
.statusbar_buddies_on {
background: transparent url('../../_common/icons/buddies.png') no-repeat top left;
cursor: pointer;
}
.statusbar_document_on {
background: transparent url('../../_common/icons/page.png') no-repeat top left;
cursor: pointer;
}
.statusbar_document_off {
background: transparent url('../../_common/icons/page.png') no-repeat top left;
}
.statusbar_picture_on {
background: transparent url('../../_common/icons/camera.png') no-repeat top left;
cursor: pointer;
}
.statusbar_picture_off {
background: transparent url('../../_common/icons/camera.png') no-repeat top left;
}
.dialog_fixed {
position: fixed !important;
}
/***********************************************************************************************
* Styles for image gallery
***********************************************************************************************/
.gallery_albums, .gallery_empty, album_images, .album_empty {
cursor: pointer;
}
#main_tabs, #context_tabs {
float: left;
width: 99%;
margin: 5px
}
.view_image {
cursor: pointer;
}
.more_boxes {
display: none;
}
.tooltip_always_on_top {
z-index: 2000;
}
#image, #image_details {
float: left;
width: 50%;
}
/* Image gallery styles */
.gallery, .album, div.image {
background: white;
float: left;
border: 1px solid whitesmoke;
border-radius: 6px;
margin: 6px;
padding: 5px;
width: 200px;
height: 190px;
margin-bottom: 12px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.47);
-moz-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.47);
box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.47);
}
.gallery_info, .album_info {
color: #165879;
float: left;
margin-right: 6px;
}
#imagegallerymain #main_tabs .view_image {
margin-right: 10px;
-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.47);
-moz-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.47);
box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.47);
}
/* ---- For the new YouTube player ---- */
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/** File manager improvements **/
#fileupload1, #fileupload2, #fileupload3 {
width: 240px;
}
#input_creativecommons_fileupload1,
#input_creativecommons_fileupload2,
#input_creativecommons_fileupload3 {
width: 240px;
}
.cc-select-dd {
margin-left: 95px;
}
/** Context improvements **/
.context_sidebar p img {
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
}
#input_selectfile_temp_multiselect {
width: 340px !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
margin-top: 4px;
}
#ctxtcnt-add-submit {
margin-top: 8px;
}
#userid_exp {
/* User id information in the userdetails module **/
background: transparent;
border: 1px dotted #5f5f5f;
margin-top: 10px;
margin-right: 20px;
margin-left: 20px;
padding: 8px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.uid {
/** The actual userid itself in the userdetails module */
background: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
padding-left: 10px;
padding-right: 10px;
}
/** Social buttons from the socialweb module **/
.social_buttons {
float: right;
}
.social_button {
float: right;
margin-left: 8px;
margin-right: 8px;
}
#Canvas_Content_Body_Region2 img {
/* Fix images overflowing main content area */
max-width: 100%;
}
/******************************************************************************************
*
* HTML ELEMENTS
*
******************************************************************************************/
/******************************************
* Styles for the tabcontent class
*******************************************/
ul.shadetabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
ul.shadetabs li {
display: inline;
margin: 0;
padding-left: 0px;
}
ul.shadetabs li a {
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid ;
color: #2d2b2b;
background: url(images/glossytabs/shade.gif) repeat-x;
}
ul.shadetabs li a:visited{
color: #2d2b2b;
}
ul.shadetabs li a:hover{
text-decoration: none;
color: #2d2b2b;
}
ul.shadetabs li.selected{
position: relative;
top: 1px;
}
ul.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/glossytabs/shadeactive.gif);
border-bottom-color: white;
}
ul.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
div.tabcontentstyle{ /*style of tab content container*/
border: 1px solid gray;
width: 150px;
margin-bottom: 1em;
padding: 10px;
overflow: hidden;
}
div.tabcontent{
display:none;
}
div.tabcontentselected {
display: block;
}
/******************************************************************************************
* MOUSE OVER POPUP
******************************************************************************************/
/* Default DOM Tooltip Style */
div.domTT {
border: none;
margin: 0em 0em 2em 0em;
padding: 0;
}
div.domTTCaption {
background: #000;
border: 1px solid #000;
border-style: solid solid none solid;
color: #FFF;
padding: 0em 1em 0em 1em;
text-transform: none;
text-decoration: none;
font-size: 1em;
height: 1em;
cursor: pointer;
}
div.domTTContent {
background: transparent;
border-collapse: collapse;
border: 1px solid #000;
padding: 3px;
overflow: auto;
background: #FFF;
}
/******************************************************************************************
* END OF MOUSE OVER POPUP
******************************************************************************************/
/*********************************
* Sub Modal Window
**********************************/
#popupMask {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:200;
background-color:#000;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
}
#popupContainer {
position: absolute;
z-index: 201;
top: 0px;
left: 0px;
display:none;
padding: 0px;
}
#popupInner {
border: 1px solid #000000;
background-color: #FFFFFF;
}
#popupFrame {
margin: 0px;
width: 100%;
height: 100%;
position: relative;
z-index: 202;
}
#popupTitleBar {
background-color: #333344;
color: #FFFFFF;
font-weight: bold;
height: 1.3em;
padding: 5px;
border-bottom: 2px solid #000000;
border-top: 1px solid #78A3F2;
border-left: 1px solid #78A3F2;
border-right: 1px solid #204095;
position: relative;
z-index: 203;
}
#popupTitle {
float:left;
font-size: 1.1em;
}
#popupControls {
float: right;
cursor: pointer;
}
#popupControls a span {
display: block;
height: 14px;
width: 16px;
text-indent: -9000px;
background: url('../_common/icons/close_button.gif') no-repeat;
}
/******************************
* End - Submodal Window
*******************************/
/******************************
* Slider Input
*******************************/
div.sliderbackground {
background: url('images/slider/bg-fader.gif') no-repeat;
width:209px;
height:28px;
float: left;
}
div.sliderhandle {
background: url('images/slider/thumb-n.gif') no-repeat;
width:17px; height:21px; cursor:move;
}
/******************************
* End - Slider Input
*******************************/
/******************************************************************************************
* Creative Common Licenses
******************************************************************************************/
option.copyright {padding-left:90px;background-image: url('../icons/creativecommons_v3/copyright.gif');background-repeat: no-repeat; }
option.by {padding-left:90px;background-image: url('../icons/creativecommons_v3/by.gif');background-repeat: no-repeat;}
option.by-sa {padding-left:90px;background-image: url('../icons/creativecommons_v3/by-sa.gif');background-repeat: no-repeat;}
option.by-nd {padding-left:90px;background-image: url('../icons/creativecommons_v3/by-nd.gif');background-repeat: no-repeat;}
option.by-nc {padding-left:90px;background-image: url('../icons/creativecommons_v3/by-nc.gif');background-repeat: no-repeat;}
option.by-nc-sa {padding-left:90px;background-image: url('../icons/creativecommons_v3/by-nc-sa.gif');background-repeat: no-repeat;}
option.by-nc-nd {padding-left:90px;background-image: url('../icons/creativecommons_v3/by-nc-nd.gif');background-repeat: no-repeat;}
option.gnu-fdl {padding-left:90px;background-image: url('../icons/creativecommons_v3/gnu-fdl.gif');background-repeat: no-repeat;}
option.by-sa_gnu-fdl {padding-left:90px;background-image: url('../icons/creativecommons_v3/by-sa_gnu-fdl.gif');background-repeat: no-repeat;}
a.ok{
padding: 10px;
color: #FFF;
margin: 68px 68px;
border-radius: 5px;
}
div.postMakerWrapper{
margin-right: 10px;
}
span.strong{
font-size: large;
font-weight: bold;
line-height:1.2;
}
.newForumContainer.reply, .newForumContainer.parent, .newForumContent{
background-color: #fff;
border-radius: 5px;
}
.forumProfileImg{
background: none;
float: left;
}
#flatview{
padding-top: 15px;
}
.newForumContainer.reply{
background: none !important;
border-bottom: none !important;
}
.newForumContainer.parent{
margin-left: 120px;
}
.all-wrapper{
margin-left: 100px;
margin-top: -45px;
}
.newForumTopic {
}
.newForumContent {
padding: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.newForumContainer{
margin-left: 120px;
box-shadow: 0 0 2px -1px #000;
-webkit-box-shadow: 0 0 3px -1px #000;
-moz-box-shadow: 0 0 3px -1px #000;
border-bottom: 3px solid #e8e8e8;
z-index: 0;
position: relative;
}
.newForumContainer.reply{
border-bottom: 1px solid #ccc;
background: #fff;
}
.innerReplyDiv{
}
div.blurPopUp{
background: rgba(207,207,207,.65);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
}
.newForumContainer p{
padding: 1px 9px;
}
.miniReply{
background: #fff;
border: 1px solid #000;
margin: 5px;
}
a.filePreview.download{
color: #fff;
padding: 10px;
margin: 5px;
/*border: 1px solid #000;*/
/* Opera */
background: rgba(233,76,21,1) url("gradient-bg.png");
/* Recent browsers */
background: url(icons/logout_white.png) no-repeat center, -webkit-gradient(
linear,
left top, left bottom,
from(rgba(255,120,73,1)),
to(rgba(233,76,21,1))
);
background: url(icons/logout_white.png) no-repeat center, -webkit-linear-gradient(
top,
rgba(255,120,73,1),
rgba(233,76,21,1)
);
background: url(icons/logout_white.png) no-repeat center, -moz-linear-gradient(
top,
rgba(255,120,73,1),
rgba(233,76,21,1)
);
background: url(icons/logout_white.png) no-repeat center, -o-linear-gradient(
top,
rgba(255,120,73,1),
rgba(233,76,21,1)
);
background: url(icons/logout_white.png) no-repeat center, linear-gradient(
top,
rgba(255,120,73,1),
rgba(233,76,21,1)
);
}
.forumUserPicture {
float:left;
}
.forumTopicTitle {
margin-left: 50px;
}
.smallText {
font-size: 90%;
}
.forumTangentIndent {
margin: 10px;
padding: 5px;
background-color: #ffffcc;
border: 1px dotted #800080;
}
.createforum #input_description, .createforum #input_name{
width: 400px;
}
.createforum table {
width: 750px;
}
.createforum table td {
padding: 3px;
}
/** Discussion forum search form ***/
#form_searchforums #input_term {
width: 240px;
}
#form_searchforums #input_forum {
width: 240px;
}
span#confirm{
color: #fff;
font-weight: 700;
/*font-size: 1.5em;*/
position: fixed;
padding: 20px;
margin: 20% 20% 20% 45%;
z-index: 200;
border: 2px solid #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 2px #000;
/* Opera */
background: rgba(233,76,21,1) url("gradient-bg.png");
/* Recent browsers */
background: -webkit-gradient(
linear,
left top, left bottom,
from(rgba(255,120,73,.98)),
to(rgba(233,76,21,.98))
);
background: -webkit-linear-gradient(
top,
rgba(255,120,73,.98),
rgba(233,76,21,.98)
);
background: -moz-linear-gradient(
top,
rgba(255,120,73,.98),
rgba(233,76,21,.98)
);
background: -o-linear-gradient(
top,
rgba(255,120,73,.98),
rgba(233,76,21,.98)
);
background: linear-gradient(
top,
rgba(255,120,73,.98),
rgba(233,76,21,.98)
);
}
span.centered{
/*width: 50% !important;*/
margin: 5% 40% auto 40% !important;
vertical-align: middle !important;
padding: 50px !important;
background: #FFF !important;
color: #6d6d6d !important;
}
.menutitle{
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
border: none !important;
box-shadow: 0 1px 3px -1px #6d6d6d;
-webkit-box-shadow: 0 1px 3px -1px #6d6d6d;
-moz-box-shadow: 0 1px 3px -1px #6d6d6d;
}
.menutitle:hover{
color: #6d6d6d;
box-shadow: 0 1px 3px -1px tomato;
-webkit-box-shadow: 0 1px 3px -1px tomato;
-moz-box-shadow: 0 1px 3px -1px tomato;
}
/* Calendar Table */
table.calendarTable {
width: 100%;
}
/* Month Name*/
table.calendarTable thead.monthName {
font-size: larger;
}
/* Each */
table.calendarTable td {
height: 100px;
vertical-align: top;
width: 14%;
}
th.sunday, th.saturday {
background-color: #C15C5C;
color: #FFFFFF;
}
th.monday, th.tuesday, th.wednesday, th.thursday, th.friday {
background-color: #C15C5C;
color: #FFFFFF;
}
td.sunday, td.saturday {
background-color: #D4D4D4;
}
td.monday, td.tuesday, td.wednesday, td.thursday, td.friday {
background-color: #F7F7F7;
}
td.otherday_sunday, td.otherday_saturday {
background-color: #FFFFFF;
}
td.otherday_monday, td.otherday_tuesday, td.otherday_wednesday, td.otherday_thursday, td.otherday_friday {
background-color: #EEEEEE;
}
div.daynum {
background-color: #A2A3AE;
color: #FFFFFF;
padding: 2px;
font-weight: bold;
}
div.today {
background-color: #31528E;
color: #FFFF00;
}
.bigDayNum {
font-size: 200%;
}
table.eventslist td{
padding-bottom: 40px;
}
div.eventlist {
padding-left: 40px;
}
div.event_user {
background: url('calendar_images/user.gif') no-repeat 10px 3px;
}
div.event_site {
background: url('calendar_images/site.gif') no-repeat 10px 3px;
}
div.event_context {
background: url('calendar_images/context.gif') no-repeat 10px 3px;
}
div.event_othercontext {
background: url('calendar_images/othercontext.gif') no-repeat 10px 3px;
}
div.event_workgroup {
background: url('calendar_images/workgroup.gif') no-repeat 10px 3px;
}
li.event_user {
background: url('calendar_images/event_user.gif') no-repeat 0 7px;
list-style-type: none;
margin: 0;
padding-left: 10px;
}
li.event_site {
background: url('calendar_images/event_site.gif') no-repeat 0 7px;
list-style-type: none;
margin: 0;
padding-left: 10px;
}
li.event_context {
background: url('calendar_images/event_context.gif') no-repeat 0 7px;
list-style-type: none;
margin: 0;
padding-left: 10px;
}
li.event_othercontext {
background: url('calendar_images/event_other.gif') no-repeat 0 7px;
list-style-type: none;
margin: 0;
padding-left: 10px;
}
li.event_workgroup {
background: url('calendar_images/event_workgroup.gif') no-repeat 0 7px;
list-style-type: none;
margin: 0;
padding-left: 10px;
}
table.mainTable {
width: 100%;
}
table.mainTable td.otherday_sunday, table.mainTable td.otherday_saturday {
background-color: #FFFFFF;
}
table.mainTable td.otherday_monday, table.mainTable td.otherday_tuesday, table.mainTable td.otherday_wednesday, table.mainTable td.otherday_thursday, table.mainTable td.otherday_friday {
background-color: #FFFFFF;
}
table.mainTable td {
font-weight: bold;
padding: 0;
text-align: center;
}
table.mainTable div.daynum {
background-color: transparent;
color: #000;
font-weight: normal;
}
table.mainTable div.today {
background-color: yellow;
color: #000;
font-weight: normal;
}
#left table.eventslist td, #right table.eventslist td {
padding-bottom: 20px;
}
/******************************************************************************************
* CMS
******************************************************************************************/
ul.sectionfolder li {
background: transparent url('../_common/icons/folder2.gif') no-repeat 0px 1px;
padding-left: 20px;
margin-left: 0px;
}
li.sectionfolder {
background: transparent url('../_common/icons/folder2.gif') no-repeat 0px 1px;
padding-left: 20px;
margin-left: 0px;
}
ul.treefolder ul {
margin-bottom: 5px;
}
li.orangefolder {
background: transparent url('../_common/icons/tree/treefolder_orange.gif') no-repeat 0px 1px;
padding-left: 20px;
margin-left: 0px;
}
li.greenfolder {
background: transparent url('../_common/icons/tree/treefolder_green.gif') no-repeat 0px 1px;
padding-left: 20px;
margin-left: 0px;
}
li.whitefolder {
background: transparent url('../_common/icons/tree/treefolder_white.gif') no-repeat 0px 1px;
padding-left: 20px;
margin-left: 0px;
}
#selectblocks {
}
#selectblocks div.dropleft {
border: 1px dashed black;
background-color: lightyellow;
z-index: 1;
float: left;
position: relative;
margin-right: 10px;
margin-bottom: 10px;
padding: 4px;
}
#selectblocks div.leftblocks {
border: 1px solid lightgray;
padding: 5px;
width:150px;
/*float: left;*/
z-index:1000;
margin: 0;
}
#selectblocks div.dropblock {
border: 1px dashed black;
background-color: lightyellow;
z-index: 1;
float: left;
position: relative;
padding: 4px;
margin-right: 10px;
margin-bottom: 10px;
}
#selectblocks div.usedblock {
border: 1px solid lightgray;
padding: 5px;
width:150px;
/* float: left; */
z-index:1000;
margin: 0;
}
#selectblocks div.deleteblock {
border: 1px dashed black;
background-color: lightyellow;
position: relative;
padding: 4px;
margin-right: 10px;
margin-bottom: 10px;
float: left;
}
#selectblocks div.addblocks {
border: 1px solid lightgray;
padding: 5px;
width:150px;
/* float: left; */
z-index:1000;
margin: 0;
}
#selectblocks div.addblocks div.featurebox, #selectblocks div.usedblock div.featurebox, #selectblocks div.leftblocks div.featurebox {
margin: 0;
}
/* menu icons / buttons*/
.menuBtnOn {
color: #FFF;
font-size: 90%;
margin: 2px;
background: #5F7D9C;
}
.menuBtnOn a, .menuBtnOn a:link, .menuBtnOn a:visited {
font-family: arial-bold,arial,tahoma,verdana,sans-serif;
font-weight: bold;
color: #FFF;
display: block;
padding: 10px 15px 10px;
text-decoration: none;
}
.menuBtnOn:hover, .menuBtnOn a:hover, .menuBtnOn a:link:hover, .menuBtnOn a:visited:hover {
background:#3E19FF;
}
.menuBtn {
font-family: arial,tahoma,verdana,sans-serif;
font-size: 90%;
margin: 2px;
background: #f6f6f6;
}
.menuBtn a {
display: block;
padding: 10px 15px 10px;
text-decoration: none;
}
/** control panel settings **/
#cpanel div.icon {
border: 1px solid #A0A0A0;
height: 97px;
width: 108px;
text-align: center;
font-size: 95%;
line-height: 97%;
margin-right: 5px;
float: left;
margin-bottom: 5px;
}
#cpanel div.icon a {
display: block;
float: left;
border: 1px solid #f0f0f0;
line-height: 100%;
height: 97px;
width: 108px;
vertical-align: middle;
text-decoration: none;
}
#cpanel div.icon a:hover {
border-left: 1px solid #eee;
border-top: 1px solid #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f9f9f9;
}
#cpanel img { padding: 8px 0; margin: 0 auto; }
#cpanel span { display: block; text-align: center; }
/** Icon + text div links **/
.smallicon {
height: 75px;
width: 85px;
text-align: center;
font-size: 110%;
line-height: 100%;
float: left;
padding: 0px;
margin: 2px;
}
.smallicon a, .smallicon a:visited {
display: block;
float: left;
border: 1px solid #f0f0f0;
height: 75px;
width: 85px;
vertical-align: middle;
font-size: 110%;
line-height: 100%;
text-decoration: none;
padding: 0px;
margin: 0px;
background: #fffef3;
}
.smallicon a:hover {
border-left: 1px solid #eee;
border-top: 1px solid #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f9f9f9;
}
.smallicon img { padding: 2px 0; padding-bottom: 3px; margin: 0 auto; }
.smallicon span { display: block; text-align: center; }
#stepmenu {
display: block;
padding-bottom: 10px;
}
#stepmenu li{
height:51px;
list-style:none;
float:left;
background-color:#EBEBEB;
background-image: url(../../_common/stepmenu/navBtn.gif);
background-repeat: no-repeat;
background-position: right top;
margin: 0;
line-height: 110%;
padding: 10px;
}
#stepmenu li.current{
background-color:#C36615;
background-image: url(../../_common/stepmenu/navCurrentBtn.gif);
}
#stepmenu li.lastdone{
background-color:#7C8437;
background-image: url(../../_common/stepmenu/navLastDoneBtn.gif);
}
#stepmenu li.done{
background-color:#7C8437;
background-image: url(../../_common/stepmenu/navDoneBtn.gif);
}
#stepmenu li a, #stepmenu li a:link, #stepmenu li a:visited, #stepmenu li a:hover, #stepmenu li a:active {
color:#ccc;
}
#stepmenu li.lastdone a, #stepmenu li.lastdone a:link, #stepmenu li.lastdone a:visited, #stepmenu li.lastdone a:hover, #stepmenu li.lastdone a:active, #stepmenu li.current a, #stepmenu li.current a:link, #stepmenu li.current a:visited, #stepmenu li.current a:hover, #stepmenu li.current a:active, #stepmenu li.done a, #stepmenu li.done a:link, #stepmenu li.done a:visited, #stepmenu li.done a:hover, #stepmenu li.done a:active {
color:#fff;
}
#stepmenu li.done a:hover, #stepmenu li.lastdone a:hover {
color:#FFFF99;
cursor: default;
}
#stepmenu li a em{
width:95%;
display:block;
font-style:normal;
font-weight:bold;
}
#stepmenu li a span{
width:95%;
display:block;
font-weight:normal;
}
#stepmenu li.mainNavNoBg{
background-image:none;
}
#stepmenu li a{
height:51px;
display:block;
}
/* #stepmenu.fiveStep */
#stepmenu.stepmenu5 li{width:182px;}
#stepmenu.stepmenu5 li a{width:182px;}
/* #stepmenu.fourStep */
#stepmenu.stepmenu4 li{width:227px;}
#stepmenu.stepmenu4 li.mainNavNoBg{width:229px;}
#stepmenu.stepmenu4 li a{width:227px;}
/* #stepmenu.threeStep */
#stepmenu.stepmenu3 li{width:30%;}
#stepmenu.stepmenu3 li.mainNavNoBg{width:30%;}
#stepmenu.stepmenu3 li a{width:100%;}
/* #stepmenu.twoStep */
#stepmenu.stepmenu2 li{width:455px;}
#stepmenu.stepmenu2 li a{width:455px;}
/* Switch menu styles */
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:98%;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}
.submenu{
margin-bottom: 0.5em;
background-color:#FFFFFF;
}
/* End - Switch menu styles */
/** COLOR BOXES TO GO WITH THE COLORBOXES FILTER */
.colorbox {
margin-top:1em;
margin-bottom:1em;
margin-left: 30px;
margin-right: 30px;
padding:0 0.5em;
-moz-border-radius: 8px;
border-radius: 8px;
color: #000;
}
.greenbox {
border:1px solid #98be10;
background:#f6feda;
}
.yellowbox {
border:1px solid #F2FF00;
background:#FBFDDB;
}
.redbox {
border:1px solid #FF4232;
background: #FFD2CE;
}
.bluebox {
border:1px solid #110AFA;
background: #DEDDFD;
}
.pinkbox {
border:1px solid #DB00DC;
background: #FFDFFF;
}
.purplebox {
border:1px solid #920CEF;
background: #F2DFFF;
}
.orangebox {
border:1px solid #FF9E06;
background: #F6DBB8;
}
.greybox {
border:1px solid #A2A2A2;
background: #F0F0F0;
}
.bwbox {
border:1px solid #000;
background: #fff;
}
.wbbox {
border:1px solid #fff;
background: #000;
color: #fff;
}
/** Additional boxes based on the Tango Palette **/
.butter {
border:1px solid #edd400;
background: #fce94f;
}
.darkbutter {
border:1px solid #c4a000;
background:#edd400;
}
.orange {
border:1px solid #f57900;
background:#fcaf3e;
}
.darkorange {
border:1px solid #ce5c00;
background:#f57900;
color: white;
}
.chocolate {
border:1px solid #c17d11;
background:#e9b96e;
}
.darkchocolate {
border:1px solid #8f5902;
background:#c17d11;
color: white;
}
.chameleon {
border:1px solid #73d216;
background:#8ae234;
}
.darkchameleon {
border: 1px solid #4e9a06;
background: #73d216;
color: white;
}
.skyblue {
border:1px solid #3465a4;
background:#729fcf;
}
.darkskyblue {
border:1px solid #204a87;
background:#3465a4;
color: white;
}
.plum {
border:1px solid #75507b;
background:#ad7fa8;
color: white;
}
.darkplum {
border:1px solid #5c3566;
background:#75507b;
color: white;
}
.scarletred {
border:1px solid #cc0000;
background:#ef2929;
color: white;
}
.darkscarletred {
border:1px solid #a40000;
background:#cc0000;
color: white;
}
.aluminium {
border:1px solid #d3d7cf;
background:#eeeeec;
}
.darkaluminium {
border:1px solid #babdb6;
background:#d3d7cf;
}
.silver {
border:1px solid #555753;
background:#888a85;
}
.darksilver {
border:1px solid #2e3436;
background:#555753;
color: white;
}
/* Styles needed for managing blocks in context and postlogin*/
.blockoptions { text-align: right; }
#editmode {padding: 20px; text-align:center; }
#facebox .b {
background:url(../../_common/alertbox/b.png);
}
#facebox .tl {
background:url(../../_common/alertbox/tl.png);
}
#facebox .tr {
background:url(../../_common/alertbox/tr.png);
}
#facebox .bl {
background:url(../../_common/alertbox/bl.png);
}
#facebox .br {
background:url(../../_common/alertbox/br.png);
}
#facebox {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 100;
text-align: left;
}
#facebox .popup {
position: relative;
}
#facebox table {
margin: auto;
border-collapse: collapse;
}
#facebox .body {
padding: 10px;
background: #fff;
width:fit-content;
height:fit-content;
padding-right: 30px;
margin-right: 30px;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
width: 100%;
height: auto;
}
#facebox img {
border: 0;
}
#facebox .footer {
padding-top: 5px;
margin-top: 10px;
text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}
#facebox #sitename, #facebox #left, #facebox #footer {
display: none;
}
#facebox div#content {
margin: 0;
width: auto;
height: auto;
}
#facebox div#content {
}
/*
Styles for the Modern Brick Menu
Credits: Dynamic Drive CSS Library
http://www.dynamicdrive.com/style/csslibrary/item/modern-bricks-menu/
*/
#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}
#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}
#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #CC0000; /*Red color theme*/
border-color: #CC0000; /*Red color theme*/
}
#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #CC0000; /*Red color theme*/
}
/*
END - Styles for the Modern Brick Menu
*/
span.tagMatches {
margin-left: 10px;
}
span.tagMatches span {
padding: 2px;
margin-right: 4px;
background-color: #0000AB;
color: #fff;
cursor: pointer;
}
.glassytabs {
list-style:none;
padding:15px 0 0 10px;
margin:30px 10px 50px 0;
height:23px;
background:#bcd url(images/glossytabs/tab_e.gif);
border-bottom:1px solid #000;
}
.glossytabs li {
display:block;
float:left;
margin:0 -13px -1px 0;
}
.glossytabs li a {
display:block;
text-decoration:none;
}
.glossytabs li a em {
float:left;
padding:0 20px;
height:22px;
border-top:1px solid #fff;
border-bottom:1px solid #000;
position:relative; z-index:100;
font-style:normal;
color:#fff;
background:#f93 url(images/glossytabs/tab_d.gif) repeat-x bottom left;
font-size:11px;
font-family:verdana;
line-height:20px;
}
.glossytabs li a b {font-size:0; line-height:0; position:relative; border-bottom:1px solid #000; border-top:1px solid #fff; width:1px; display:block; float:left; z-index:300; background:#f93 url(images/glossytabs/tab_d.gif) repeat-x bottom left;}
.glossytabs li b.p1 {height:19px; background:#fff; margin-top:4px; border-top:0; z-index:100;}
.glossytabs li b.p2 {height:19px; margin-top:2px; border-top:2px solid #fff; border-bottom:1px solid #888; z-index:100;}
.glossytabs li b.p3 {width:2px; height:21px; margin-top:1px; z-index:100;}
.glossytabs li b.p5 {height:20px; margin-top:2px;}
.glossytabs li b.p6 {height:19px; margin-top:3px;}
.glossytabs li b.p7 {height:18px; margin-top:4px;}
.glossytabs li b.p8 {height:17px; margin-top:5px;}
.glossytabs li b.p9 {height:16px; margin-top:6px;}
.glossytabs li b.p10 {height:15px; margin-top:7px;}
.glossytabs li b.p11 {height:14px; margin-top:8px;}
.glossytabs li b.p12 {height:13px; margin-top:9px;}
.glossytabs li b.p13 {height:12px; margin-top:10px;}
.glossytabs li b.p14 {height:11px; margin-top:11px;}
.glossytabs li b.p15 {height:10px; margin-top:12px;}
.glossytabs li b.p16 {height:9px; margin-top:13px;}
.glossytabs li b.p17 {height:8px; margin-top:14px;}
.glossytabs li b.p18 {height:7px; margin-top:15px;}
.glossytabs li b.p19 {height:6px; margin-top:16px;}
.glossytabs li b.p20 {height:5px; margin-top:17px;}
.glossytabs li b.p21 {height:4px; margin-top:18px;}
.glossytabs li b.p22 {height:3px; margin-top:19px;}
.glossytabs li b.p23 {height:2px; margin-top:20px;}
.glossytabs li b.p24 {height:1px; margin-top:21px;overflow:hidden;}
.glossytabs li b.p25 {width:1px; height:1px; background:#fff; margin-top:22px; border-top:0; overflow:hidden;}
.glossytabs li b.p26 {width:1px; height:1px; background:#000; margin-top:23px; border:0; overflow:hidden;}
.glossytabs li em b.shdw {position:absolute; display:block; left:-4px; bottom:0; border:0; width:17px; height:17px; background: #f93 url(images/glossytabs/tab_a.gif) bottom left; z-index:500;}
.glossytabs li a:hover,
.glossytabs li a:focus,
.glossytabs li a:active
{white-space:nowrap; color:#000; position:relative; z-index:500; cursor:pointer;}
.glossytabs li a:hover em,
.glossytabs li a:focus em,
.glossytabs li a:active em
{color:#800; background:#fc8 url(images/glossytabs/tab_b.gif) bottom left; border-bottom-color:#888;}
.glossytabs li a:hover em b.shdw,
.glossytabs li a:focus em b.shdw,
.glossytabs li a:active em b.shdw
{visibility:hidden;}
.glossytabs li a:hover b,
.glossytabs li a:focus b,
.glossytabs li a:active b
{background:#fc8 url(images/glossytabs/tab_b.gif) bottom left; border-bottom-color:#888;}
.glossytabs li a:hover b.p1,
.glossytabs li a:focus b.p1,
.glossytabs li a:active b.p1
{background:#fff; border-bottom-color:#888;}
.glossytabs li a:hover b.p25,
.glossytabs li a:focus b.p25,
.glossytabs li a:active b.p25
{background:#fff; border-bottom-color:#888;}
.glossytabs li a:hover b.p26,
.glossytabs li a:focus b.p26,
.glossytabs li a:active b.p26
{background:#888;}
.glossytabs li a.selected,
.glossytabs li a:hover.selected,
.glossytabs li a:active.selected
{white-space:nowrap; color:#000; position:relative; z-index:600; cursor:default;}
.glossytabs li a.selected em,
.glossytabs li a:hover.selected em,
.glossytabs li a:active.selected em
{color:#800; background:#fff url(images/glossytabs/tab_c.gif) bottom left; border-bottom-color:#fff;}
.glossytabs li a.selected em b.shdw,
.glossytabs li a:hover.selected em b.shdw,
.glossytabs li a:active.selected em b.shdw
{visibility:hidden;}
.glossytabs li a.selected b,
.glossytabs li a:hover.selected b,
.glossytabs li a:active.selected b
{background:#fff url(images/glossytabs/tab_c.gif) bottom left; border-bottom-color:#fff;}
.glossytabs li a.selected b.p1,
.glossytabs li a:hover.selected b.p1,
.glossytabs li a:active.selected b.p1
{background:#fff; border-bottom-color:#fff;}
.glossytabs li a.selected b.p26,
.glossytabs li a:hover.selected b.p26,
.glossytabs li a:active.selected b.p26
{width:1px; height:1px; background:#fff; margin-top:23px; border-top:0; overflow:hidden;}
.tabs {list-style:none; padding:11px 0 0 10px; margin:30px 10px 50px 0; height:26px; background:url(images/backing.gif) repeat-x left bottom;}
.tabs li {float:left; margin-right:-29px;}
.tabs li a {display:block; position:relative; text-decoration:none;}
.tabs li a em {display:block; height:26px; float:left; padding:0 39px 0 10px; background:url(images/tab3.gif) right top; position:relative; z-index:100; font-size:11px; font-weight:normal; font-style:normal; color:#fff; line-height:25px; font-family:verdana;}
.tabs li a b {display:block; float:left; width:29px; height:26px; background:url(images/tab3.gif) left top; position:relative; z-index:200;}
.tabs li a.m1 {z-index:600;}
.tabs li a.m2 {z-index:500;}
.tabs li a.m3 {z-index:400;}
.tabs li a.m4 {z-index:300;}
.tabs li a.m5 {z-index:200;}
.tabs li a.m6 {z-index:100;}
.tabs li a:hover {border:0; z-index:700; cursor:pointer;}
.tabs li a:hover b {background-position: left center;}
.tabs li a:hover em {background-position: right center; color:#050;}
.tabs li a.selected, .tabs li a.selected:hover {border:0; z-index:800; cursor:default;}
.tabs li a.selected b, .tabs li a.selected:hover b {background-position: left bottom;}
.tabs li a.selected em, .tabs li a.selected:hover em {background-position: right bottom; color:#000;}
/************************************************
Styles for loging box
************************************************/
#username_label {
}
#username_input {
}
#password_label {
}
#password_input {
}
#ldap_label {
}
#ldap_tickbox {
}
#rememberme_label {
}
#rememberme_tickbox {
}
#forgotpwdlink {
}
#loginhelpicon {
}
.openidlogin {
padding-right: 10px;
}
.openidlogin fieldset {
width: 98%;
}
#input_openIDField {
width: 170px;
}
/*** Bread crumbs****/
#breadcrumbs {
clear:both;
margin-top:10px;
padding-bottom:5px;
}
/***Icons tools set***/
#tooliconslist {
float:right;
padding-right: 10px;
}
#tooliconslist div {
display: inline;
}
/******Search*****/
div#search {
position: absolute;
top: 5px;
right: 0;
width: 300px;
}
/***********This css file contains all the module spefic styles*********************/
#IM, .hidden { /* Hide Instant Messenger*/
display: none;
}
div.filemanagertree {
overflow: auto;
padding-bottom: 30px;
}
/* Wrap Story Image */
.storyimagewrapper {
float: left;
}
.newsblock {
width: 120px;
margin-right: 10px;
float: left;
text-align: center;
}
.newsblockimage {
height: 100px;
vertical-align: text-bottom;
}
/* For the RSS feeds */
.feed_render_title {
background-color: #d9d9d9;
padding-top:5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
margin-bottom: 4px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.feed_render_title_forcewhite {
background-color: white;
color: black;
border: 1px dashed;
border-color: #d9d9d9;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
margin-bottom: 4px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.feed_render_default {
background-color: #efefef;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
p.feed_render_link {
margin-left: 10px;
margin-right: 10px;
}
p.feed_render_description {
margin-left: 10px;
margin-right: 10px;
}
.feed_render_date {
margin-left: 12px;
margin-right: 10px;
color: #686868;
}
/***********************************************************************************************
* Horizontal, top-2-bottom menu
* Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
***********************************************************************************************/
#menu {
display: block;
padding-left: 0px;
z-index: 100;
float:left;
}
#menu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}
#menu li {
margin: 0;
border: 0;
display: block;
float: left;
position: relative;
width: 130px
}
#menu a {
display: block;
text-decoration: none;
}
#menu img {
float: left;
width: 17px;
height: 17px;
}
#menu span {
margin-left: 20px;
display: block;
}
/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
top: 0;
left: 0;
}
/* ...and then place it where it should be when shown */
#menu li li:hover ul {
/*left: 100%;*/
z-index: 100;
}
/* initialy hide all sub menus */
#menu li ul {
display: none;
position: absolute;
z-index: 101;
width: 130px; /* Customizable*/
background-color: #FFF;
/*border: 1px dashed #000;*/
}
/* display them on hover */
#menu li:hover>ul {
display: block;
z-index: 101;
}
/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
/* Fix for IE5/Mac \*//*/
#menu a {
float: left;
}
/* */
/*
* Sexy Buttons
*
* DESCRIPTION
* Sexy, skinnable HTML/CSS buttons with icons.
*
* PROJECT URL:
* http://code.google.com/p/sexybuttons/
*
* AUTHOR:
* Richard Davies
* http://www.richarddavies.us
* Richard@richarddavies.us
*
* VERSION:
* 1.0
*
* LICENSE:
* Apache License 2.0 (http://www.apache.org/licenses/LICENSE-2.0)
* Creative Commons 3.0 Attribution (http://creativecommons.org/licenses/by/3.0/)
*
* CREDITS
* Inspired by, derived from, and thanks to:
* http://www.p51labs.com/simply-buttons-v2/
* http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
* http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
* http://www.elctech.com/snippets/make-your-buttons-look-super-awesome
*
* USAGE:
* Simply add class="sexybutton [skin]" to a |