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;
}/******************************************************************************************
*
* 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;}.newForumContainer {
margin: 10px;
border: 1px solid black;
}
.newForumTopic {
background-color: #F2F2F2;
padding: 5px;
}
.newForumContent {
clear: both;
background-color: white;
border-top: 1px solid black;
padding: 5px;
}
.forumUserPicture {
float:left;
}
.forumTopicTitle {
margin-left: 50px;
}
.smallText {
font-size: 90%;
}
.forumTangentIndent {
margin: 10px;
padding: 5px;
background-color: #ffffcc;
border: 1px dotted #800080
}/* 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/user.gif') no-repeat 10px 3px;
}
div.event_site {
background: url('../calendar/site.gif') no-repeat 10px 3px;
}
div.event_context {
background: url('../calendar/context.gif') no-repeat 10px 3px;
}
div.event_othercontext {
background: url('../calendar/othercontext.gif') no-repeat 10px 3px;
}
div.event_workgroup {
background: url('../calendar/workgroup.gif') no-repeat 10px 3px;
}
li.event_user {
background: url('../calendar/event_user.gif') no-repeat 0 7px;
list-style-type: none;
margin: 0;
padding-left: 10px;
}
li.event_site {
background: url('../calendar/event_site.gif') no-repeat 0 7px;
list-style-type: none;
margin: 0;
padding-left: 10px;
}
li.event_context {
background: url('../calendar/event_context.gif') no-repeat 0 7px;
list-style-type: none;
margin: 0;
padding-left: 10px;
}
li.event_othercontext {
background: url('../calendar/event_other.gif') no-repeat 0 7px;
list-style-type: none;
margin: 0;
padding-left: 10px;
}
li.event_workgroup {
background: url('../calendar/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(../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(../stepmenu/navCurrentBtn.gif);
}
#stepmenu li.lastdone{
background-color:#7C8437;
background-image: url(../stepmenu/navLastDoneBtn.gif);
}
#stepmenu li.done{
background-color:#7C8437;
background-image: url(../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;
}/* 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: 600px;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
}
#facebox .footer {
border-top: 1px solid #DDDDDD;
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: 700px;
}
/*
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 {
}
/*** 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 |