/* Basic Portlet Structure */
div.header {
width: 100%;
float: ${requestScope.cssRules.bidiLeft};
}
div.headlines {
width: 100%;
float: ${requestScope.cssRules.bidiLeft};
}
div.portletTools {
float: ${requestScope.cssRules.bidiRight};
}
div.subheader {
width: 100%;
float: ${requestScope.cssRules.bidiLeft};
}
div.content {
width: 100%;
float: ${requestScope.cssRules.bidiLeft};
}
div.column {
margin: 0;
padding: 0;
float: ${requestScope.cssRules.bidiLeft};
}
div.grouping {}
div.endfloat {
padding: 0;
border: 0;
clear: both;
}
div.OOB h1 {
margin: 0;
padding: 0;
font: normal normal normal xx-large Helvetica, Arial, Verdana, sans-serif; /* for Compliant Browsers */
}
div.OOB h2 {
margin: 0;
padding: 0;
font: normal normal normal x-large Helvetica, Arial, Verdana, sans-serif; /* for Compliant Browsers */
}
div.OOB h3 {
margin: 0;
padding: 0;
font: normal normal normal large Helvetica, Arial, Verdana, sans-serif; /* for Compliant Browsers */
}
div.OOB h4 {
margin: 0;
padding: 0;
font: normal normal normal medium Helvetica, Arial, Verdana, sans-serif; /* for Compliant Browsers */
}
div.OOB h5 {
margin: 0;
padding: 0;
font: normal normal normal small Helvetica, Arial, Verdana, sans-serif; /* for Compliant Browsers */
}
div.OOB h6 {
margin: 0;
padding: 0;
font: normal normal normal x-small Helvetica, Arial, Verdana, sans-serif; /* for Compliant Browsers */
}
div.OOB p {
font: normal normal normal xx-small Helvetica, Arial, Verdana, sans-serif;
}
/* Grouping Controls */
div.grouping {
float: ${requestScope.cssRules.bidiLeft};
}
div.grouping a {
text-decoration: none;
}
div.grouping a img.float {
border: 0;
float: ${requestScope.cssRules.bidiLeft};
}
div.grouping img.inline {
border: 0;
}
div.grouping img.colInline {
border: 0;
margin: 30px;
}
/* Getting Started Portlet Specific Styles */
div#OOBgettingStarted div.headlines {
/* background-image: url(images/oob/gettingstarted_banner_solid_left.png);
background-position: bottom left;
background-repeat: repeat-x;
color: #fff;*/
}
div#OOBgettingStarted div.headerImage {
background: url(images/oob/gettingstarted_banner.png) bottom right no-repeat;
}
div#OOBgettingStarted div.headerRepeat {
background-image: url(images/oob/gettingstarted_banner_solid_left.png);
/* background-image: url(images/oob/web20_banner_leftgradient.png);*/
background-position: top left;
background-repeat: repeat-x;
}
div#OOBgettingStarted div.headerCenter {
color: #c2dbfc;
background: url(images/oob/common_colorbar.png) bottom center no-repeat;
}
div#OOBgettingStarted div.headerLLeft {
background-image: url(images/oob/common_colorbar_shadow_swatch.png);
background-position: bottom left;
background-repeat: repeat-x;
}
div#OOBgettingStarted div.headerLRight {
background-image: url(images/oob/gettingstarted_colorbarrightgradient.png);
background-position: bottom right;
background-repeat: repeat-x;
}
div#OOBgettingStarted div.headerImage h1 {
color: white;
padding-top: 0px;
padding-${requestScope.cssRules.bidiLeft}: 15px;
padding-bottom: 4px;
font-weight: bold;
font-style: italic;
font-size: 22pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBgettingStarted div.headerImage h2 {
color: #c2dbfc;
padding-top: 0px;
padding-${requestScope.cssRules.bidiLeft}: 15px;
padding-bottom: 15px;
width: 700px;
font-weight: bold;
font-size: 13pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
line-height: 1.2;
}
div#OOBgettingStarted div.headerImage h3 {
color: #c2dbfc;
padding-top: 0px;
padding-${requestScope.cssRules.bidiLeft}: 15px;
padding-bottom: 3px;
width: 700px;
font-size: 11pt;
font-family: Arial, Helvetica, sans-serif;
}
div#OOBgettingStarted div.headerImage h3 a {
color: white;
line-height: 1.5
}
div#OOBgettingStarted div.portletTools {
display: none;
}
div#OOBgettingStarted div.subheader {
color: #c2dbfc;
background: #e0edfd url(images/oob/common_colorbar.png) top center no-repeat;
width: 100%;
}
div#OOBgettingStarted div.subheader h3 {
padding-top: 0px;
/* padding: 4px 4px;*/
}
div#OOBgettingStarted div.content {
background: #e0edfd url(images/oob/corner-b-l-6.gif) bottom left no-repeat;
}
div#OOBgettingStarted div.sh_one,
div#OOBgettingStarted div.sh_two,
div#OOBgettingStarted div.sh_three {
margin-top: 0px;
width: 32%;
text-align: center;
/* padding-${requestScope.cssRules.bidiLeft}: 5px;
padding-${requestScope.cssRules.bidiRight}: 5px;
*/
}
div#OOBgettingStarted div.one,
div#OOBgettingStarted div.two,
div#OOBgettingStarted div.three {
margin-top: 15px;
width: 32%;
}
div bar {
width: 100%;
}
div.column barCenter {
padding-top: 0;
padding-bottom: 0;
background: url(common_colorbar.png) top center no-repeat;
width: 32%;
}
div.column barLeft {
background-image: url(gettingstarted_colorbar_leftgradient.png);
background-position: top left;
background-repeat: repeat;
width: 32%;
}
div.column barRight {
background-image: url(gettingstarted_colorbar_rightgradient.png);
background-position: top right;
background-repeat: repeat;
width: 32%;
}
/*
div.barLeft h5 {
color: #000000;
font-size: 12pt;
background: transparent;
width: 100%;
}
div.barCenter h5 {
color: #000000;
font-size: 12pt;
background: transparent;
width: 100%;
}
div.barRight h5 {
color: #000000;
font-size: 12pt;
background: transparent;
width: 100%;
}
*/
div#OOBgettingStarted div.sh_grouping {
margin: 0px;
}
div#OOBgettingStarted div.sh_grouping h5 {
padding-${requestScope.cssRules.bidiLeft}: 73px;
color: #ffffff;
background: transparent;
font-weight: bold;
font-size: 13pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
padding-top: 4px;
padding-bottom: 4px;
/* Trebuchet 15 pt, bold, white, #c2dbfc */
}
div#OOBgettingStarted div.sh_grouping p {
margin: 0;
padding-${requestScope.cssRules.bidiLeft}: 73px;
color: #404040;
background: transparent;
font-size:x-small;
font-family:Verdana, Arial, Helvetica, sans-serif
}
div#OOBgettingStarted div.grouping {
margin: 8px;
}
div#OOBgettingStarted div.grouping h2 {
padding-${requestScope.cssRules.bidiLeft}: 45px;
color: #2c70bb;
background: transparent;
font-weight: bold;
font-size: 22pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBgettingStarted div.grouping div.nums {
padding-${requestScope.cssRules.bidiRight}: 5px;
color: #c1daf0;
display: inline;
font-weight: bold;
font-size: 48pt;
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
}
div#OOBgettingStarted div.grouping h3 {
padding-${requestScope.cssRules.bidiLeft}: 45px;
color: #000000;
background: transparent;
font-weight: bold;
font-size: 14pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBgettingStarted div.grouping h4 {
padding-${requestScope.cssRules.bidiLeft}: 45px;
color: #8e8e8f;
font-size: 13pt;
font-family: Arial, Helvetica, sans-serif;
}
div#OOBgettingStarted div.grouping h5 {
padding-${requestScope.cssRules.bidiLeft}: 73px;
color: #2A7DE3;
background: transparent;
font-weight: bold;
}
div#OOBgettingStarted div.grouping p {
margin: 0;
padding-${requestScope.cssRules.bidiLeft}: 73px;
color: #404040;
background: transparent;
font-size:x-small;
font-family:Verdana, Arial, Helvetica, sans-serif
}
#OOBgettingStarted h4.bullet em {
color: #8e8e8f;
background: transparent;
font-style: normal;
}
div#OOBgettingStarted div.corner-b-r-6 {
height: 6px;
background: transparent url(images/oob/corner-b-r-6.gif) bottom right no-repeat;
}
/* Getting Started Help Portlet Specific Styles */
div#OOBgettingStartedHelp{
/* IE bidi fix */
padding-right: 5px;
width: 94%;
}
div#OOBgettingStartedHelp div.header {
display: none;
}
div#OOBgettingStartedHelp div.subheader {
display: none;
}
div#OOBgettingStartedHelp h3 {
color: #222;
padding: 5px 0 3px 0;
background: #fff;
margin: 0 0 4px 0;
}
div#OOBgettingStartedHelp h3.help {
color: #222;
}
div#OOBgettingStartedHelp h6 {
padding: 0 0 7px 0;
margin: 0;
color: #666;
font-size:small;
font-family: Arial, Helvetica, sans-serif;
}
div#OOBgettingStartedHelp h6 a {
color: #1C66C1;
font-weight: normal;
text-decoration: none;
}
div#OOBgettingStartedHelp h6 a:hover {
color: #164ead;
text-decoration: underline; }
div#OOBgettingStartedHelp h6.link {
margin-${requestScope.cssRules.bidiLeft}: 3px;
padding-${requestScope.cssRules.bidiLeft}: 13px;
background: transparent url(images/oob/bullet.gif) ${requestScope.cssRules.bidiLeft} 5px no-repeat; }
/* Home Apps Portlet Specific Styles */
#OOBportalApps {
width: 250px;
/* Fixes bidi bug in IE */
padding-right: 5px;
}
#OOBportalApps div.headlines {
color: #000;
background: #e4edfb url(images/oob/corner-t-l-6.gif) top left no-repeat;
width: 100%;
}
#OOBportalApps div.headlines h4{
width: 224px;
margin-${requestScope.cssRules.bidiLeft}: 6px;
padding-top: 13px;
padding-${requestScope.cssRules.bidiLeft}: 13px;
padding-bottom: 10px;
padding-${requestScope.cssRules.bidiRight}: 7px;
font-weight: bold;
background: transparent url(images/oob/corner-t-r-6.gif) top right no-repeat;
}
#OOBportalApps div.portletTools {
display: none;
}
#OOBportalApps div.subheader {
display: none;
}
#OOBportalApps div.content {
padding: 0;
background: #E4EDFB url(images/oob/corner-b-l-6.gif) bottom left no-repeat;
}
#OOBportalApps div.columnone {
padding: 0 6px;
}
#OOBportalApps a {
color: #767676;
background: transparent;
text-decoration: none;
}
#OOBportalApps a img {
margin-top: 0;
border: 0;
padding-top: 0;
padding-${requestScope.cssRules.bidiLeft}: 6px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 7px;
}
#OOBportalApps div.grouping {
padding: 1px 0;
color: #767676;
background: transparent;
display: block;
}
#OOBportalApps div.grouping a {
width: 238px;
background: #e4edfb;
float: ${requestScope.cssRules.bidiLeft};
-moz-border-radius: 4px;
padding: 1px 0;
}
#OOBportalApps div.grouping a:hover {
background: #B8D3FD;
}
#OOBportalApps div.grouping a h5 {
margin-top: 0;
padding-top: 7px;
padding-${requestScope.cssRules.bidiLeft}: 60px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 6px;
font-weight: bold;
}
#OOBportalApps div.grouping a p {
margin: 0;
padding-top: 1px;
padding-${requestScope.cssRules.bidiLeft}: 60px;
padding-bottom: 3px;
padding-${requestScope.cssRules.bidiRight}: 6px;
}
#OOBportalApps div.corner-b-r-6 {
height: 6px;
background: transparent url(images/oob/corner-b-r-6.gif) bottom right no-repeat;
}
/* Home New Portlet Specific Styles */
#OOBportalWhatsNew {}
#OOBportalWhatsNew .header h2 {
/* fixes bidi bug in IE */
padding-right: 5px;
padding-bottom: 2px;
color: #1C66C1;
background: transparent;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
}
#OOBportalWhatsNew .header h6 {
/* fixes bidi bug in IE */
padding-right: 5px;
margin-${requestScope.cssRules.bidiRight}: 5px;
background: transparent;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #888;
}
#OOBportalWhatsNew .columnone {
/* fixes bidi bug in IE */
padding-right: 5px;
margin-top: 20px;
width: 49%;
float: ${requestScope.cssRules.bidiLeft};
}
#OOBportalWhatsNew .columnone h4 {
margin: 0 0 2px 0;
color: #1C66C1;
font-family:Arial, Helvetica, sans-serif;
font-size: large;
background: transparent;
}
#OOBportalWhatsNew .columnone p {
margin: 0 0 15px 0;
color: #888;
background: transparent;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}
#OOBportalWhatsNew .columnone .grouping {
padding-bottom: 10px;
}
#OOBportalWhatsNew .columntwo {
margin: 20px 0 0 0;
width: 49%;
float: ${requestScope.cssRules.bidiRight};
}
#OOBportalWhatsNew .columntwo h4 {
margin: 0 0 2px 0;
color: #1C66C1;
font-family:Arial, Helvetica, sans-serif;
font-size: large;
background: transparent;
}
#OOBportalWhatsNew .columntwo p {
margin: 0 0 15px 0;
margin-${requestScope.cssRules.bidiRight}: 5px;
color: #888;
background: transparent;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}
#OOBportalWhatsNew .columntwo .grouping {
margin: 0 5px 0 5px;
padding-bottom: 10px;
background: #FFFFFF
}
/* Home Start Portlet Specific Styles */
div#OOBportalStart{
width: 96%;
padding-right: 5px;
}
div#OOBportalStart h4 {
padding: 0;
margin: 0 0 5px 0;
font: normal medium "Helvetica", "Arial", "Verdana", sans-serif; }
div#OOBportalStart h4 a {
display: block;
padding-top: 4px;
padding-${requestScope.cssRules.bidiLeft}: 20px;
padding-bottom: 4px;
padding-${requestScope.cssRules.bidiRight}: 6px;
background: transparent url(images/oob/arrow_${requestScope.cssRules.bidiLeft}.gif) ${requestScope.cssRules.bidiLeft} 50% no-repeat;
text-decoration: none;
color: #e05f00; }
div#OOBportalStart h4 a:hover {
color: #af4a00;
background-color: #fff;
text-decoration: underline; }
#OOBportalStart .portletTools { display: none; }
#OOBportalStart .subheader {display: none; }
#OOBportalStart h2 {
padding: 15px 0 0 0;
color: #2871CB;
background: transparent
}
#OOBportalStart h5 {
padding: 2px 0 0 0;
color: #898989;
background: transparent;
}
/* Home Welcome Portlet Specific Styles */
#OOBportalWelcome div.col1 {
margin: 0;
float: ${requestScope.cssRules.bidiLeft};
}
#OOBportalWelcome div.col2 {
float: ${requestScope.cssRules.bidiRight};
}
#OOBportalWelcome div.endfloat {
border: 0;
clear: both;
}
#OOBportalWelcome h1 {
margin: 0;
padding: 0;
font: normal normal normal x-large Helvetica, Arial, Verdana, sans-serif;
}
div#OOBportalWelcome h1 {
padding-top: 16px;
padding-${requestScope.cssRules.bidiLeft}: 30px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 0;
color: #fff;
background: transparent url(images/oob/corner-t-l.gif) top left no-repeat;
}
#OOBportalWelcome h2 {
margin: 0;
padding: 0;
font: normal normal normal large Helvetica, Arial, Verdana, sans-serif;
}
div#OOBportalWelcome h2 {
color: #fff;
background: transparent;
}
div#OOBportalWelcome h2 span {
color: #1d477c;
background: transparent;
}
div#OOBportalWelcome h2 {
color: #1d477c;
padding-top: 0;
padding-${requestScope.cssRules.bidiLeft}: 30px;
padding-bottom: 6px;
padding-${requestScope.cssRules.bidiRight}: 0;
}
#OOBportalWelcome h3 {
margin: 0;
padding: 0;
font: normal normal normal medium Helvetica, Arial, Verdana, sans-serif
}
div#OOBportalWelcome h3 {
padding-top: 36px;
padding-${requestScope.cssRules.bidiLeft}: 301px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 27px;
color: #2871cb;
background: transparent;
font-weight: bold;
}
#OOBportalWelcome h4 {
margin: 0;
font: normal normal normal small Helvetica, Arial, Verdana, sans-serif;
}
div#OOBportalWelcome h4 {
padding-top: 14px;
padding-${requestScope.cssRules.bidiLeft}: 301px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 27px;
color: #fe9a2e;
background: transparent;
font-weight: bold;
}
div#OOBportalWelcome h4 a {
margin-${requestScope.cssRules.bidiLeft}: 3px;
display: block;
padding-top: 4px;
padding-${requestScope.cssRules.bidiLeft}: 21px;
padding-bottom: 4px;
padding-${requestScope.cssRules.bidiRight}: 4px;
background: transparent url(images/oob/arrow_${requestScope.cssRules.bidiLeft}.gif) ${requestScope.cssRules.bidiLeft} 50% no-repeat;
text-decoration: none;
color: #e05f00; }
div#OOBportalWelcome h4 a:hover {
color: #af4a00;
text-decoration: underline; }
#OOBportalWelcome h6 {
margin: 0;
padding: 0;
font: normal normal bold x-small Helvetica, Arial, Verdana, sans-serif;
}
div#OOBportalWelcome h6 {
padding-top: 0;
padding-${requestScope.cssRules.bidiLeft}: 301px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 27px;
color: #515151;
background: transparent;
font-weight: normal;
line-height: 16px;
}
div#OOBportalWelcome {
/* fixes bidi bug in IE */
padding-right: 5px;
}
div#OOBportalWelcome div.header {
width: 700px;
background: #b8c2c9 url(images/oob/corner-t-r.gif) top right no-repeat;
}
div#OOBportalWelcome div.content {
margin: 0;
background: #eee;
}
div#OOBportalWelcome div.col1 {
width: 237px;
padding-top: 15px;
padding-${requestScope.cssRules.bidiLeft}: 27px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 0;
float: ${requestScope.cssRules.bidiLeft};
}
div#OOBportalWelcome div.col2 {
float: none;
display: block;
}
div#OOBportalWelcome div.content {
background: #eee url(images/oob/corner-b-l.gif) bottom left no-repeat;
line-height: 1.2;
}
#OOBportalWelcome div.br {
background: url(images/oob/corner-b-r.gif) 100% 100% no-repeat
}
/* Product Blurb Portlet Specific Styles */
#OOBproductWelcomeBlurb {}
#OOBproductWelcomeBlurb .header { display: none; }
#OOBproductWelcomeBlurb .subheader {display: none; }
#OOBproductWelcomeBlurb .content {
width: 710px;}
#OOBproductWelcomeBlurb h6{
margin-top: 0;
margin-${requestScope.cssRules.bidiLeft}: 30px;
margin-bottom: 0;
margin-${requestScope.cssRules.bidiRight}: 15px;
color: #606060;
background: transparent;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}
#OOBproductWelcomeBlurb h6 a {
color: #1C66C1;
font-weight: normal;
text-decoration: none;
}
#OOBproductWelcomeBlurb h6 a:hover {
color: #164ead;
text-decoration: underline;
}
/* Product Welcome Portlet Specific Styles */
#OOBproductWelcome {
width: 725px;}
#OOBproductWelcome .headerWCM {
color: #5377AB;
background: transparent url(images/oob/message_header_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 210px;
width: 720px;
}
#OOBproductWelcome .headerSearch {
color: #5377AB;
background: transparent url(images/oob/welcome_search_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 210px;
width: 720px;
}
#OOBproductWelcome .headerDM {
color: #5377AB;
background: transparent url(images/oob/welcome_documents_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 140px;
width: 720px;
}
#OOBproductWelcome .headerMessage {
color: #5377AB;
background: transparent url(images/oob/welcome_messaging_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 210px;
width: 720px;
}
#OOBproductWelcome .headerCollab {
color: #5377AB;
background: transparent url(images/oob/welcome_collaboration_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 210px;
width: 720px;
}
#OOBproductWelcome .headerDomino {
color: #5377AB;
background: transparent url(images/oob/welcome_domino_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 140px;
width: 720px;
}
#OOBproductWelcome .headerPersonal {
color: #5377AB;
background: transparent url(images/oob/welcome_personalization_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 140px;
width: 720px;
}
#OOBproductWelcome .headerTemplates {
color: #5377AB;
background: transparent url(images/oob/welcome_templates_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 210px;
width: 720px;
}
#OOBproductWelcome .headerWorkflow {
color: #5377AB;
background: transparent url(images/oob/welcome_workflow_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 210px;
width: 720px;
}
#OOBproductWelcome h1 {
margin-top: 12px;
margin-${requestScope.cssRules.bidiLeft}: 130px;
margin-bottom: 0;
margin-${requestScope.cssRules.bidiRight}: 20px;
padding-top: 22px;
padding-${requestScope.cssRules.bidiLeft}: 28px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 0px;
color: #1C66C1;
font-family:Arial, Helvetica, sans-serif;
font-size:xx-large;
}
#OOBproductWelcome h3 {
margin-top: 0;
margin-${requestScope.cssRules.bidiLeft}: 130px;
margin-bottom: 0;
margin-${requestScope.cssRules.bidiRight}: 20px;
padding-top: 3px;
padding-${requestScope.cssRules.bidiLeft}: 28px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 0px;
color: #888888;
font-family:Arial, Helvetica, sans-serif;
font-size:large;
}
#OOBproductWelcome .subheader {
padding-top: 31px;
padding-${requestScope.cssRules.bidiLeft}: 19px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 0;
}
#OOBproductWelcome .content {
background: #fff;
padding: 10px 0 0 0;
width: 700px;
}
#OOBproductWelcome .columnone {
width: 330px;
float: ${requestScope.cssRules.bidiLeft};
}
#OOBproductWelcome .columntwo {
width: 330px;
float: ${requestScope.cssRules.bidiRight};
}
#OOBproductWelcome .grouping {
padding-${requestScope.cssRules.bidiLeft}: 20px;
padding-${requestScope.cssRules.bidiRight}: 20px;
padding-bottom: 15px;
}
#OOBproductWelcome p {
background: transparent url(images/oob/arrowCon_${requestScope.cssRules.bidiLeft}.gif) top ${requestScope.cssRules.bidiLeft} no-repeat;
margin: 0 0 20px 0;
margin-${requestScope.cssRules.bidiLeft}: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#888888;
padding-${requestScope.cssRules.bidiLeft}: 28px;
padding-bottom: 5px;
}
#OOBproductWelcome img.float {
display: none;
}
/* Workcenter Portlet Specific Styles */
#OOBworkcenter {
width: 300px;
}
#OOBworkcenter div.headlines {
padding: 17px 17px 7px 17px;
color: #3966CD;
background: transparent;
}
#OOBworkcenter div.headlines h4{
padding-top: 30px;
color: #77A1ED;
background: transparent url(images/oob/corner-t-r-6.gif) top right no-repeat;
}
#OOBworkcenter div.portletTools {display: none;}
#OOBworkcenter div.subheader {display: none;}
#OOBworkcenter div.content {
padding: 0;
}
#OOBworkcenter div.columnone {
padding: 0 6px;
}
#OOBworkcenter a {
color: #767676;
background: transparent;
text-decoration: none;
display: block;
}
#OOBworkcenter a img {
margin: 5px;
border: 0;
padding: 0 0 0 0;
}
#OOBworkcenter div.grouping {
padding: 4px 0;
color: #767676;
background: transparent;
display: block;
}
#OOBworkcenter div.grouping a {
width: 288px;
background: #fff;
float: ${requestScope.cssRules.bidiLeft};
-moz-border-radius: 4px;
}
#OOBworkcenter div.grouping a:hover {
background: #B8D3FD;
}
#OOBworkcenter div.grouping a p {
margin: 0;
padding-top: 9px;
padding-${requestScope.cssRules.bidiLeft}: 80px;
padding-bottom: 8px;
padding-${requestScope.cssRules.bidiRight}: 6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
color:#404040
}
#OOBworkcenter div.endfloat {
clear: both;
}
/* Admin Section Portlet Specific Styles */
#OOBadminSection{
width: 725px;
}
#OOBadminSection .headerUI {
color: #5377AB;
background: transparent url(images/oob/welcome_portalUI_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 140px;
width: 720px;
}
#OOBadminSection .headerAccess {
color: #5377AB;
background: transparent url(images/oob/welcome_access_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 140px;
width: 720px;
}
#OOBadminSection .headerSettings {
color: #5377AB;
background: transparent url(images/oob/welcome_settings_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 140px;
width: 720px;
}
#OOBadminSection .headerContent {
color: #5377AB;
background: transparent url(images/oob/welcome_content_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 140px;
width: 720px;
}
#OOBadminSection .headerSearch {
color: #5377AB;
background: transparent url(images/oob/welcome_search_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 140px;
width: 720px;
}
#OOBadminSection .headerAnalysis {
color: #5377AB;
background: transparent url(images/oob/welcome_analysis_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 140px;
width: 720px;
}
#OOBadminSection .headerVirtual {
color: #5377AB;
background: transparent url(images/oob/welcome_vps_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 140px;
width: 720px;
}
#OOBadminSection .headerPortlets {
color: #5377AB;
background: transparent url(images/oob/welcome_portlets_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 140px;
width: 720px;
}
#OOBadminSection a{
display: block;
text-decoration: none;
}
#OOBadminSection a:hover{
text-decoration: underline;
}
#OOBadminSection div.headlines h1 {
margin-top: 12px;
margin-${requestScope.cssRules.bidiLeft}: 130px;
margin-bottom: 0;
margin-${requestScope.cssRules.bidiRight}: 20px;
padding-top: 20px;
padding-${requestScope.cssRules.bidiLeft}: 16px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 0px;
color: #1c66c1;
}
#OOBadminSection .headlines h3 {
margin-top: 0;
margin-${requestScope.cssRules.bidiLeft}: 130px;
margin-bottom: 0;
margin-${requestScope.cssRules.bidiRight}: 20px;
padding-top: 7px;
padding-${requestScope.cssRules.bidiLeft}:16px;
padding-bottom: 25px;
padding-${requestScope.cssRules.bidiRight}: 0px;
color: #888;
}
#OOBadminSection .wrap h3,
#OOBadminSection .wrap h5 {
padding-top: 0;
padding-${requestScope.cssRules.bidiLeft}: 16px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 21px;
}
#OOBadminSection .one h3,
#OOBadminSection .one h5 {
padding-top: 0;
padding-${requestScope.cssRules.bidiLeft}: 16px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 8px;
padding: 0 8px 0 16px;
}
#OOBadminSection .two h3,
#OOBadminSection .two h5 {
padding-top: 0;
padding-${requestScope.cssRules.bidiLeft}: 8px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 16px;
}
#OOBadminSection .content h3 {
color: #3071c7;
}
#OOBadminSection h3special {
color: #F86000;
background: transparent;
font-family:Arial, Helvetica, sans-serif;
font-size:large;
margin-left:7px
}
#OOBadminSection h5 {
color: #888;
background: transparent;
}
#OOBadminSection h5.title {
color: #585858;
background: transparent;
font-weight: bold;
}
#OOBadminSection h5.title em {
color: #F86000;
background: transparent;
font-style: normal;
}
#OOBadminSection h5.break {
margin-top: 15px;
display: block;
}
#OOBadminSection div.header {
background: #e0edfd;
}
#OOBadminSection div.headlines {
background: transparent;
}
#OOBadminSection div.headlines img {
margin-top: 17px;
margin-${requestScope.cssRules.bidiLeft}: 0;
margin-bottom: 0;
margin-${requestScope.cssRules.bidiRight}: 19px;
float: ${requestScope.cssRules.bidiRight};
}
#OOBadminSection div.subheader {
height: 4px;
margin-bottom: 17px;
background: #e0edfd;
}
#OOBadminSection div.subheader img {
float: ${requestScope.cssRules.bidiRight};
}
div#OOBadminSection div.one,
div#OOBadminSection div.two {
width: 49%;
}
/* Admin Welcome Portlet Specific Styles */
#OOBadminWelcome{
width: 725px;
}
#OOBadminWelcome .header {
color: #5377AB;
background: transparent url(images/oob/welcome_administration_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
height: 140px;
width: 720px;
}
div#OOBadminWelcome h1 {
margin-top: 30px;
margin-${requestScope.cssRules.bidiLeft}: 120px;
margin-bottom: 0;
margin-${requestScope.cssRules.bidiRight}: 20px;
padding-top: 0;
padding-${requestScope.cssRules.bidiLeft}: 9px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 0px;
color: #1963c6;
background: transparent;
font-size:x-large;
}
div#OOBadminWelcome h3 {
margin-top: 0;
margin-${requestScope.cssRules.bidiLeft}: 120px;
margin-bottom: 0;
margin-${requestScope.cssRules.bidiRight}: 20px;
padding-top: 12px;
padding-${requestScope.cssRules.bidiLeft}: 9px;
padding-bottom: 24px;
padding-${requestScope.cssRules.bidiRight}: 0;
color: #888;
background: transparent;
}
div#OOBadminWelcome a{
display: block;
text-decoration: none;
padding-top: 0;
padding-${requestScope.cssRules.bidiLeft}: 0;
padding-bottom: 10px;
padding-${requestScope.cssRules.bidiRight}: 5px;
-moz-border-radius: 4px;
}
div#OOBadminWelcome a:hover{
background: #e0edfd;
}
div#OOBadminWelcome div.portletTools {
display: none;
}
div#OOBadminWelcome div.subheader {
display: none;
}
div#OOBadminWelcome div.one,
div#OOBadminWelcome div.two {
width: 48%;
}
div#OOBadminWelcome div.grouping {
width: 93%;
margin: 8px;
font-size:small;
}
div#OOBadminWelcome h6 {
margin: 0;
padding-top: 0;
padding-${requestScope.cssRules.bidiLeft}: 73px;
padding-bottom: 10px;
padding-${requestScope.cssRules.bidiRight}: 0;
color: #5C5C5C !important;
background: transparent;
font-size: x-small;
}
div#OOBadminWelcome h6.more{
margin: 0;
padding-top: 0;
padding-${requestScope.cssRules.bidiLeft}: 73px;
padding-bottom: 15px;
padding-${requestScope.cssRules.bidiRight}: 0;
color: #5C5C5C !important;
background: transparent;
font-size: x-small;
}
div#OOBadminWelcome h6.less{
margin: 0;
padding-top: 0;
padding-${requestScope.cssRules.bidiLeft}: 73px;
padding-bottom: 4px;
padding-${requestScope.cssRules.bidiRight}: 0;
color: #5C5C5C !important;
background: transparent;
font-size: x-small;
}
div#OOBadminWelcome h5 {
padding: 12px 0 0 0;
text-indent: 10px;
font-size: small;
margin: 0 0 0 0;
color: #1C66C1;
background: transparent;
}
div.OOB div.grouping img.float {
border: 0;
float: ${requestScope.cssRules.bidiLeft};
}
div#OOBadminWelcome div.endfloat h4 {
margin: 0 20px 0 20px;
padding: 19px 6px 0 6px;
color: #606060;
background: transparent;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
}
/* web20 Introduction Specific Styles */
div#OOBweb20Introduction div.headlines {
height: 100%;
}
div#OOBweb20Introduction div.hBarWrapper {
overflow-x: auto;
position: relative;
}
div#OOBweb20Introduction div.headerImage {
height: 100%;
background: url(images/oob/web20_banner.png) top right no-repeat;
}
div#OOBweb20Introduction div.headerImage div.content {
padding-top: 55px;
}
div#OOBweb20Introduction div.headerGradient {
height: 100%;
background: url(images/oob/web20_banner_leftgradient.png) top right repeat-x;
}
div#OOBweb20Introduction div.headerImage h1 {
color: #ffffff;
background: transparent;
padding-top: 4px;
padding-${requestScope.cssRules.bidiLeft}: 15px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 183px;
background: transparent;
font-weight: bold;
font-style: italic;
font-size: 24pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
div#OOBweb20Introduction div.headerImage h2 {
color: #c4daf1;
background: transparent;
padding-top: 4px;
padding-${requestScope.cssRules.bidiLeft}: 15px;
padding-bottom: 5px;
padding-${requestScope.cssRules.bidiRight}: 183px;
font-weight: bold;
font-size: 16pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
/* web20 get started now headline */
div#OOBweb20Introduction div.headerImage h4 {
color: #062e5c
background: transparent;
padding-top: 0px;
padding-${requestScope.cssRules.bidiLeft}: 15px;
padding-bottom: 0px;
font-weight: bold;
font-size: 13pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBweb20Introduction div.headline_content {
overflow-x: auto;
position: relative;
}
div#OOBweb20Introduction div.headerImage h5{
color: #c4daf1;
background: transparent;
padding-top: 0px;
padding-${requestScope.cssRules.bidiLeft}: 15px;
padding-bottom: 0px;
font-weight: bold;
font-size: 15pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBweb20Introduction div.headerImage h6 {
color: #c4daf1;
background: transparent;
padding-top: 0px;
padding-${requestScope.cssRules.bidiLeft}: 15px;
padding-bottom: 0px;
font-style: italic;
font-size: 12pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBweb20Introduction div.headerImage h6 div.started {
color: #062e5c;
font-style:normal;
}
div#OOBweb20Introduction div.subheaderImage {
/* color: #c2dbfc;*/
height: 100%;
background: url(images/oob/common_colorbar.png) bottom center no-repeat;
}
div#OOBweb20Introduction div.subheaderLGradient {
height: 100%;
background: transparent;
background: url(images/oob/gettingstarted_colorbar_leftgradient.png) bottom left repeat-x;
}
div#OOBweb20Introduction div.subheaderRGradient {
height: 100%;
background: transparent;
background: url(images/oob/gettingstarted_colorbar_rightgradient.png) bottom right repeat-x;
}
div#OOBweb20Introduction div.subheader {
overflow-x: auto;
background: url(images/oob/common_colorbar.png) top center no-repeat;
}
div#OOBweb20Introduction div.subheader h3 {
padding-top: 0px;
/* padding: 4px 4px;*/
}
div#OOBweb20Introduction div.sh_one,
div#OOBweb20Introduction div.sh_two,
div#OOBweb20Introduction div.sh_three {
margin-top: 0px;
width: 32%;
text-align: center;
/* padding-${requestScope.cssRules.bidiLeft}: 5px;
padding-${requestScope.cssRules.bidiRight}: 5px;
*/
}
div#OOBweb20Introduction div.subheader div.column div.sh_grouping h5 {
color: white;
font-size: 13pt;
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
}
div#OOBweb20Introduction div.one,
div#OOBweb20Introduction div.two,
div#OOBweb20Introduction div.three {
margin-top: 15px;
width: 32%;
}
div#OOBweb20Introduction div.content {
color: #464545;
padding-top: 25px;
font-weight: bold;
font-size: 12pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBweb20Introduction div.content1 {
color: #464545;
font-size: 11pt;
overflow-x: auto;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBweb20Introduction div.col1 {
float: ${requestScope.cssRules.bidiLeft};
width: 30%;
}
div#OOBweb20Introduction div.col2 {
float: ${requestScope.cssRules.bidiLeft};
width: 30%;
}
div#OOBweb20Introduction div.col3 {
float: ${requestScope.cssRules.bidiLeft};
width: 30%;
}
div#OOBweb20Introduction div.grouping {
padding: 0px 30px;
width: 90%;
float: ${requestScope.cssRules.bidiLeft};
direction: ltr; /* this is needed so the 3 images layout correctly on IE with bidi languages */
}
div#OOBweb20Introduction div.grouping h3 {
color: #5e5e5e;
float: ${requestScope.cssRules.bidiLeft};
padding-${requestScope.cssRules.bidiLeft}: 10px;
font-weight: bold;
font-size: 16pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
div#OOBweb20Introduction div.grouping h5 {
padding-${requestScope.cssRules.bidiLeft}: 5px;
}
div#OOBweb20Introduction div.grouping h5 a {
color: #fff;
margin-${requestScope.cssRules.bidiLeft}: 5px;
display: block;
padding-top: 4px;
padding-${requestScope.cssRules.bidiLeft}: 5px;
padding-bottom: 4px;
padding-${requestScope.cssRules.bidiRight}: 183px;
background: transparent;
text-decoration: none;
}
div#OOBweb20Introduction div.grouping h5 a:hover {
margin-${requestScope.cssRules.bidiLeft}: 5px;
display: block;
padding-top: 4px;
padding-${requestScope.cssRules.bidiLeft}: 5px;
padding-bottom: 4px;
/* padding-${requestScope.cssRules.bidiRight}: 183px; */
background: transparent;
text-decoration: none;
}
div#OOBweb20Introduction div.grouping p {
clear: both;
/* margin-left: 100px; */
margin: 0px;
padding: 10px 0px;
float: ${requestScope.cssRules.bidiLeft};
}
div#OOBweb20Introduction div.grouping img.floatL {
float: left;
}
div#OOBweb20Introduction div.grouping img.floatC {
float: center;
}
div#OOBweb20Introduction div.grouping img.floatR {
float: right;
}
div#OOBweb20Introduction div.grouping img.float1 {
border: 0;
padding-${requestScope.cssRules.bidiLeft}: 30px;
/* margin-${requestScope.cssRules.bidiLeft}: 115px; */
float: ${requestScope.cssRules.bidiLeft};
display: block;
overflow-x: auto;
}
div#OOBweb20Introduction div.grouping img.float2 {
border: 0;
float: ${requestScope.cssRules.bidiLeft};
padding-${requestScope.cssRules.bidiLeft}: 10px;
margin-${requestScope.cssRules.bidiLeft}: 115px;
}
div#OOBweb20Introduction div.grouping img.float {
border: 0;
float: none;
}
/* Ajax Introduction Specific Styles */
div#OOBAjaxIntroduction div.header {
width: 80%;
}
div#OOBAjax div.headlines {
color: #fff;
}
div#OOBAjax div.headlines h1 {
color: #062e5c;
padding-top: 22px;
padding-${requestScope.cssRules.bidiLeft}: 15px;
padding-bottom: 0;
padding-${requestScope.cssRules.bidiRight}: 183px;
background: transparent;
font-weight: bold;
font-style: italic;
font-size: 24pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
div#OOBAjax div.headlines h2 {
color: #5b5b5b;
padding-top: 4px;
padding-${requestScope.cssRules.bidiLeft}: 15px;
padding-bottom: 4px;
padding-${requestScope.cssRules.bidiRight}: 183px;
font-weight: underlined;
font-size: 14pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
/* Ajax link Trebuchet 14 pt, #2768b5 */
div#OOBAjax div.headlines h3 {
color: #2768b5;
font-size: 14pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
/* Ajax find out more link Trebuchet 13 pt, bold, #062e5c */
div#OOBAjax div.headlines h4 {
color: #062e5c;
font-weight: bold;
font-size: 13pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
#OOBGadgets .headerGadgets {
color: #5377AB;
background: transparent url(images/oob/common_bg_bluegradient.png) top left repeat-x;
height: 210px;
}
div#OOBGadgets div.hBarWrapper {
overflow-x: auto;
position: relative;
}
div#OOBGadgets div.headlines {
background: url(images/oob/common_bg_bluegradient.png) top left transparent repeat-x;
height 210px;
padding-${requestScope.cssRules.bidiLeft}: 0px;
}
div#OOBGadgets div.headlines h1 {
color: #062e5c;
font-style: italic;
font-size: 24pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBGadgets div.headlines h2 {
color: #5b5b5b;
font-weight: bold;
font-size: 14pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBGadgets div.portletTools {
display: none;
}
div#OOBGadgets div.content {
overflow-x: auto;
color: #ffffff;
}
div#OOBGadgets div.grouping {
margin-top: 0px;
}
div#OOBGadgets div.one {
margin-top: 15px;
margin-left: 0px;
horizontal-align: left;
}
div#OOBGadgets div.two {
margin-top: 15px;
margin-${requestScope.cssRules.bidiLeft}: 80px;
width: 60%;
}
div#OOBGadgets div.grouping h1 {
color: #062e5c;
font-style: italic;
font-size: 24pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBGadgets div.grouping h2 {
color: #5b5b5b;
font-weight: bold;
font-size: 14pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBGadgets div.grouping h3 {
color: #77aaea;
font-weight: bold;
font-style: italic;
font-size: 18pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBGadgets div.grouping h4 {
color: #77aaea & #062e5c;
font-weight: bold;
font-size: 18pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBGadgets div.grouping h5 {
color: #5b5b5b;
font-size: 13pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div#OOBGadgets div.grouping img.float1 {
border: 0;
padding-${requestScope.cssRules.bidiLeft}: 40px;
float: ${requestScope.cssRules.bidiLeft};
}
div#OOBGadgets img.float2 {
border: 0;
background-position: top right;
margin-${requestScope.cssRules.bidiLeft}: 0px;
margin-${requestScope.cssRules.bidiRight}: 0px;
}
div#OOBGadgets div.col1 {
margin-left: 0px;
float: ${requestScope.cssRules.bidiLeft};
width: 70%;
display: block;
}
div#OOBGadgets div.col2 {
margin-top: 0px;
float: ${requestScope.cssRules.bidiRight};
background-position: top right;
display: block;
}