/* --------------------------------------------- */ /* Global */ /* --------------------------------------------- */ body { margin:0; padding:0; } #jive-main { padding-bottom:20px; } body, div, p, td, th { font-family:arial,helvetica,sans-serif; font-size:9pt; } body { background-color:#FFFFFF; color:#333333; margin:0; padding:0; } a { color:#D76C0D; } a:hover { text-decoration:underline; } p { margin-top:0; } fieldset div { margin:10px; padding:5px 3px 5px 0; width:100%; } fieldset div .jive-table { margin:0; padding:0; } fieldset { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:2px solid #CCCCCC; width:95%; } fieldset legend { color:#000000; } h1 { color:#555555; font-size:14pt; margin:12px 0 15px; padding:0; } h1 select { color:#666666; } h2 { font-size:11pt; margin:18px 0 5px; padding:0; } h3 { font-size:10pt; margin:18px 0 5px; padding:0; } h4 { font-size:10pt; margin:8px 0 3px; padding:0 0 4px; } h5 { font-size:10pt; margin:18px 0 -8px; padding:0; } p { margin-top:0; } ul { margin:0; padding:0 0 12px 26px; } hr { background-color:#DCDCDC; border:medium none; height:1px; width:100%; } form { margin:0; padding:0; } select, input { font-family:verdana,arial,sans-serif; font-size:8pt; } iframe { border:1px solid #999999; } /* --------------------------------------------- */ /* Header */ /* --------------------------------------------- */ #jive-header { clear:both; float:left; margin:0; overflow:hidden; padding:0; width:100%; } #jive-logo-image { color:#FFFFFF; display:block; left:0; position:relative; top:0; } #jive-logo-image_new { background:transparent url(../images/header-title_new.gif) no-repeat scroll 0; color:#FFFFFF; display:block; height:50px; left:0; overflow:hidden; position:absolute; top:0; width:350px; } #jive-logo-image_new strong { display:block; margin:0 0 0 130px; padding-top:23px; position:relative; } #jive-secondary { background-color:#EEEEEE; border-bottom:1px solid #BBBBBB; border-top:1px solid #CCCCCC; padding:6px 6px 6px 12px; } #jive-header .info { color:#FFFFFF; display:block; font-size:8pt; padding:0; position:absolute; right:12px; text-align:right; top:10px; width:220px; } #jive-header .info img { margin:0 0 4px; } #jive-content { padding:10px 20px 12px 32px; } /* name and logo image */ #jive-logo { float:left; height:76px; overflow:hidden; } #jive-logo h1 { clear:none; color:#555555; float:left; font-size:14pt; padding:0; } #jive-logo img { border:medium none; float:left; padding-left:10px; padding-top:7px; } /* version, login and site link */ #jive-userStatus { color:#999999; float:right; font-size:8pt; line-height:11pt; margin:0; padding:15px 15px 0 0; text-align:right; width:275px; } #jive-userStatus a { font-weight:bold; } /* --------------------------------------------- */ /* Main nav */ /* --------------------------------------------- */ #jive-header #jive-nav { background:#F7F7F7 url(../images/jive-nav-bg.gif) repeat-x scroll 0; clear:both; height:27px; margin:0; padding:0; } #jive-header #jive-nav-left, #jive-header #jive-nav-right { height:27px; width:15px; } #jive-header #jive-nav-left { background:transparent url(../images/jive-nav-div.gif) no-repeat scroll right center; float:left; } #jive-header #jive-nav-right { float:right; } #jive-header #jive-nav ul { list-style-type:none; margin:0 0 0 5px; padding:0; } #jive-header #jive-nav ul li { background:transparent url(../images/jive-nav-div.gif) no-repeat scroll right center; color:#FFFFFF; float:left; font-size:11pt; margin:0; padding:4px 2px 5px 0; } #jive-header #jive-nav ul li a, #jive-header #jive-nav ul li a:visited { color:#333333; font-size:10pt; font-weight:bold; margin:0; padding:4px 13px; text-decoration:none; } #jive-header #jive-nav ul li a:hover, #jive-header #jive-nav ul li a:active { background:transparent url(../images/jive-nav-bg-over.gif) repeat-x scroll right center; text-decoration:underline; } #jive-header #jive-nav ul li.currentlink a, #jive-header #jive-nav ul li.currentlink a:visited, #jive-header #jive-nav ul li.currentlink a:active, #jive-header #jive-nav ul li.currentlink a:hover { background:transparent url(../images/jive-nav-bg-on.gif) repeat-x scroll right center; color:#FFFFFF; } /* Subnav */ #jive-subnav { background:#F7F7F7 url(../images/jive-subnav-bg.gif) repeat-x scroll 0; clear:both; height:28px; margin:0; padding:0; width:100%; } #jive-subnav .subnav-community { background:#F7F7F7 url(../images/jive-subnav-bg.gif) repeat-x scroll 100px 50%; } #jive-subnav ul { list-style-type:none; margin:0 0 0 13px; padding:0; } #jive-subnav ul li { background:transparent url(../images/jive-subnav-div.gif) no-repeat scroll right center; color:#FFFFFF; float:left; font-size:11pt; margin:9px 0 0 0; padding:0 1px 2px 0; } #jive-subnav ul li a, #jive-subnav ul li a:visited { font-family:verdana,sans-serif; font-size:8pt; font-weight:bold; margin:0; padding:3px 15px; text-decoration:none; } #jive-subnav ul li a:hover, #jive-subnav ul li a:active { background-color:#E3E3E3; text-decoration:underline; } #jive-subnav ul li.current { } #jive-subnav ul li.current a, #jive-subnav ul li.current a:visited { background-color:#F9F9F9; border-color:#cecece; border-style:solid; margin:0; padding:3px 15px 4px 15px; border: 0; } #jive-subnav ul li.current a:hover, #jive-subnav ul li.current a:active { background-color:#F9F9F9; text-decoration:underline; border: 0; } /* --------------------------------------------- */ /* Logviewer tabs */ /* --------------------------------------------- */ #logviewer td { font-family:verdana,sans-serif; font-size:8pt; } #logviewer .jive-tab, .jive-tab-active { background-color:#DDDDDD; border:1px solid #CCCCCC; padding:4px 1em; white-space:nowrap; } #logviewer .jive-tab-active { background-color:#FFFFFF; border-bottom:1px solid #FFFFFF; } #logviewer .jive-spacer, .jive-stretch { border-bottom:1px solid #CCCCCC; } #logviewer .jive-tab a, #logviewer .jive-tab-active a { color:#000000; font-weight:bold; text-decoration:none; } #logviewer .jive-tab a:hover, #logviewer .jive-tab-active a:hover { text-decoration:underline; } /* --------------------------------------------- */ /* Titles */ /* --------------------------------------------- */ #jive-main #jive-title { font-size:12pt; font-weight:bold; padding-bottom:1em; } /* --------------------------------------------- */ /* Breadcrumbs */ /* --------------------------------------------- */ #jive-main #jive-breadcrumbs { font-family:verdana,sans-serif; font-size:8pt; padding-top:2px; white-space:nowrap; } #jive-main #jive-breadcrumbs a { color:#000000; text-decoration:none; } #jive-main #jive-breadcrumbs a:hover { color:#000000; text-decoration:underline; } /* --------------------------------------------- */ /* Sidebar */ /* --------------------------------------------- */ #jive-main { background:#FFFFFF url(../images/jive-body-bg.gif) repeat-x scroll center top; clear:both; display:block; float:left; margin:0; padding:0; position:relative; width:100%; } #jive-sidebar-container { float:left; font-size:9pt; margin:0; overflow:hidden; padding:0; width:200px; } #jive-sidebar-box { margin:0; overflow:hidden; padding:0; width:200px; background-color: #f9f9f9; } #jive-sidebar { background:transparent url(../images/jive-tertnav-top.gif) no-repeat scroll right top; margin-bottom:12px; padding-top:0; } #jive-sidebar ul { -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; list-style-type:none; margin:0 5px 0 0; padding:8px 22px 15px; } #jive-sidebar ul li { border-bottom:1px solid #e6e6e6; padding:0; border-top:1px solid #f9f9f9; } #jive-sidebar ul li a { color:#777; display:block; padding:4px 0 4px 10px; text-decoration:none; } #jive-sidebar ul li a:link, #jive-sidebar ul li a:visited { color:#444444; text-decoration:none; } #jive-sidebar ul li a:hover { text-decoration:underline; } #jive-sidebar ul li.currentlink { background:transparent url(../images/jive-tertnav-arrow.gif) no-repeat scroll left center; font-weight:bold; } #jive-sidebar ul.subitems { background-color:#f9f9f9; border-top: 1.0px solid #f9f9f9; border-bottom: 1.0px solid #f9f9f9; border-right:0; list-style-type:none; padding:0 0 0 10px; margin:1px 0 1px 0; } #jive-sidebar ul.subitems li { border-top:1px solid #e6e6e6; border-bottom: 1.0px solid #f9f9f9; padding:0; } #jive-sidebar ul.subitems li.category { border-top: 1.0px solid #f9f9f9; color:#777; font-weight:bold; padding:4px 0; } #jive-sidebar ul.subitems li a { color:#777; display:block; padding:4px 0 4px 10px; text-decoration:none; } #jive-sidebar ul.subitems li a:hover { text-decoration:underline; } #jive-sidebar ul.subitems li.currentlink a, #jive-sidebar ul.subitems li.currentlink a:visited, #jive-sidebar ul.subitems li.currentlink a:hover { background:transparent url(../images/jive-tertnav-arrow.gif) no-repeat scroll left center; color:#555555; font-weight:bold; text-decoration:none; } /* --------------------------------------------- */ /* Tasks */ /* --------------------------------------------- */ #jive-runningtask { margin-left:1em; } /* --------------------------------------------- */ /* Back link */ /* --------------------------------------------- */ a.jive-link-back { font-size:9pt; } a.jive-link-back span { font-size:10pt; } /* --------------------------------------------- */ /* Edit & Delete links */ /* --------------------------------------------- */ a.jive-link-edit, a.jive-link-delete { display:block; font-size:8pt; margin:3px 5px 6px 0; padding-left:19px; } a.jive-link-edit { background:transparent url(../images/edit-16x16.gif) no-repeat scroll left center; } a.jive-link-delete { background:transparent url(../images/delete-16x16.gif) no-repeat scroll left center; } /* --------------------------------------------- */ /* Hoizontal Rule */ /* --------------------------------------------- */ .jive-horizontalRule { background-color:#DCDCDC; height:1px; margin:20px 0 10px; overflow:hidden; padding:0; } /* --------------------------------------------- */ /* Older styles */ /* --------------------------------------------- */ pre, tt { font-family:courier new,monospace; font-size:10pt; } /* Messages - errors, success and info */ .jive-error table, .jive-info table, .jive-success table { border:1px solid #CCCCCC; } .jive-error td, .jive-info td, .jive-success td { padding:3px; vertical-align:top; } .jive-error-text, .jive-error .jive-icon-label, .jive-error-text a, .jive-error .jive-icon-label a { color:#FF0000; } .jive-success-text, .jive-success .jive-icon-label, .jive-success-text a, .jive-success .jive-icon-label a { color:#009900; } .jive-info-text, .jive-info .jive-icon-label, .jive-info-text a, .jive-info .jive-icon-label a { color:#330066; } /* tables */ .jive-table { border-color:#CCCCCC; border-style:solid; border-width:1px 1px 0; } .jive-table .c1, fieldset .c1 { width:30%; } .jive-table th, .jive-table td, .jive-option-table th, .jive-option-table td { padding:6px; } .jive-table th th, .jive-table td td { padding:0; } .jive-table td.icon { padding:0 5px 0 3px; } .jive-table th { background-color:#EEEEEE; border-bottom:1px solid #CCCCCC; font-family:verdana,arial,helvetica,sans-serif; font-size:8pt; font-weight:bold; text-align:left; } .jive-table th table th { border-bottom:medium none; border-right:medium none; } .jive-table th table th a { color:#000000; text-decoration:none; } .jive-table tr td { border-bottom:1px solid #E3E3E3; } .jive-table td { font-family:arial,helvetica,sans-serif; font-size:10pt; } .jive-table .jive-odd td { background-color:#FFFFFF; } .jive-table .jive-even td { background-color:#FBFBFB; } .jive-table tfoot td { background-color:#EEEEEE; border-bottom:1px solid #CCCCCC; font-family:verdana,arial,helvetica,sans-serif; font-size:8pt; } .jive-table td td { border-width:0; } .jive-table input, .jive-table select, .jive-option-table input, .jive-option-table select { font-family:verdana,arial,helvetica,sans-serif; font-size:8pt; } .jive-description, .jive-description a, .jive-table .jive-date, .jive-description input, .jive-description select { font-family:arial,helvetica,sans-serif; font-size:8pt; } .jive-label, .jive-option-table label { font-weight:bold; padding-right:10px; white-space:nowrap; } .jive-label { padding-right:20px; vertical-align:top; } .jive-buttons .jive-icon { padding:3px; } .jive-buttons .jive-icon-label { font-family:verdana,arial,helvetica,sans-serif; font-size:8pt; padding:3px 1em 3px 3px; white-space:nowrap; } /* --------------------------------------------- */ /* Calendar styles */ /* --------------------------------------------- */ table.calBgColor { padding:0; } td.cal { background-color:#FFFFFF; color:#000000; font-family:Arial,Helvetica,Sans-serif; font-size:11px; padding:0; } select.month { background:transparent none repeat scroll 0; color:#000000; font-family:Arial,Helvetica,Sans-serif; font-size:11px; width:85px; } input.year { background:transparent none repeat scroll 0; color:#000000; font-family:Arial,Helvetica,Sans-serif; font-size:11px; width:30px; } td.calDaysColor { background-color:#000000; color:#FFFFFF; font-family:Arial,Helvetica,Sans-serif; font-size:11px; } td.calWeekend { background-color:#D3D3D3; color:#FFFFFF; font-family:Arial,Helvetica,Sans-serif; font-size:11px; } td.calBgColor { background-color:#FFFFCC; color:#FFFFFF; font-family:Arial,Helvetica,Sans-serif; font-size:11px; } .calBorderColor { background-color:#A9A9A9; color:#FFFFFF; font-family:Arial,Helvetica,Sans-serif; font-size:11px; } td.calHighlightColor { background-color:#FFFFCC; color:#FFFFFF; font-family:Arial,Helvetica,Sans-serif; font-size:11px; } a.cal { background:transparent none repeat scroll 0; color:#000000; font-family:Arial,Helvetica,Sans-serif; font-size:11px; text-decoration:none; } a.cal:hover { background:transparent none repeat scroll 0; color:#FF0000; font-family:Arial,Helvetica,Sans-serif; font-size:11px; text-decoration:none; } .calDisabled { background:transparent none repeat scroll 0; color:#808080; font-family:Arial,Helvetica,Sans-serif; font-size:11px; text-decoration:none; } /* --------------------------------------------- */ /* Quote original styles */ /* --------------------------------------------- */ .jive-quoteheader { font-weight:bold; margin-left:15px; width:90%; } .jive-quote { background-color:#FAFAFA; border:1px solid #D1D7DC; color:#444444; margin-left:15px; width:90%; } .success { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background-color:#CDF6CD; background-image:url(../images/success-16x16.gif); background-position:5px; background-repeat:no-repeat; border:1px solid #029B00; color:#006600; font-weight:bold; margin-bottom:20px; margin-top:10px; padding:5px 5px 5px 28px; } .error { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background-color:#EDB9B1; background-image:url(../images/error-16x16.gif); background-position:5px; background-repeat:no-repeat; border:1px solid #BB8888; color:#990000; font-weight:bold; margin-bottom:20px; margin-top:10px; padding:5px 5px 5px 28px; } .warning { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background-color:#FFE9B2; background-image:url(../images/icon_warning-small.gif); background-position:5px; background-repeat:no-repeat; border:1px solid #D9B04C; color:#915A15; font-weight:bold; margin-bottom:20px; margin-top:10px; padding:5px 5px 5px 28px; } /* --------------------------------------------- */ /* Content Box */ /* --------------------------------------------- */ .jive-contentBox { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; background-color:#FFFFFF; border:1px solid #CCCCCC; display:block; margin:0 0 20px; padding:12px 10px; } .jive-contentBoxHeader { background-color:#EEEEEE; border-color:#CCCCCC rgb(204, 204, 204); border-style:solid solid none; border-width:1px 1px medium; display:block; font-size:9pt; font-weight:bold; margin:8px 0 0; padding:4px 4px 4px 6px; } .jive-contentBoxGrey { background-color:#F9F9F9; } .jive-contentBox h3 { color:#555555; font-size:10pt; margin:0; padding:0 0 5px; } .jive-contentBox h4 { background-color:#FCFCFC; border:1px solid #E9E9E9; color:#555555; font-size:10pt; margin:0 0 4px; padding:3px 0 3px 4px; } .jive-contentBox form { margin:0; padding:0; } .jive-contentBox table { margin:0; padding:0; } .jive-contentBox table td { padding:2px; } .jive-contentBox table th { background-color:#eeeeee; padding:4px; } th.jive-table-th-center { text-align:center; } .jive-contentBox table td.jive-formLabel { color:#555555; font-weight:bold; padding-right:5px; text-align:right; white-space:nowrap; } .jive-contentBox-toolbox { float:right; margin-left:20px; } .jive-contentBox-plain { display:block; margin:0 0 5px; padding:12px 0; } .jive-contentBox-plain h3 { color:#555555; font-size:14pt; margin:2px 0; } .jive-contentBox-plain p { font-size:9pt; margin:0 0 10px; } /* --------------------------------------------- */ /* Roster box (in Group Settings page) */ /* --------------------------------------------- */ #jive-roster { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; background-color:#F9F9F9; border:1px solid #DCDCDC; display:block; font-size:9pt; margin:3px 0 4px; padding:12px; width:390px; } #jive-roster b { color:#555555; display:block; font-size:8pt; padding:0 0 3px; } /* --------------------------------------------- */ /* Footer */ /* --------------------------------------------- */ #jive-footer { border-top:1px solid #DCDCDC; clear:both; color:#666666; font-size:8pt; margin:10px 0 0; padding:5px 0 40px; width:100%; } .jive-footer-nav { float:left; padding-left:5px; } .jive-footer-nav a { padding:0 5px; } .jive-footer-copyright { float:right; padding-right:12px; } #footer { background-image:url(../images/page-background_new.gif); background-repeat:repeat-y; height:30px; margin-top:-30px; position:relative; width:100%; } #footer_padding { padding-left:165px; text-align:center; } #footer_content { background-color:#F9F9F9; border-color:#E6E6E6 rgb(179, 211, 244); border-style:solid solid none; border-width:1px 1px medium; font-size:8pt; height:29px; margin:0 auto; padding:0; width:500px; } #footer_content span { display:block; padding:7px; } .jive-current { font-weight : bold; text-decoration : none; } /* --------------------------------------------- */ /* Main content */ /* --------------------------------------------- */ #jive-main-content { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; background:#F5F5F5 url(../images/jive-body-contentbox-bg.gif) repeat-x scroll center top; border:1px solid #DCDCDC; margin:15px 0 20px 0; padding:18px 20px; width: 95%; }