styles_oob.jspf

 

/* 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;
}


/*                        Typographic Control  
*
* What's all this voice stuff?								
* IE5/Win renders font sizes as one unit larger than other browsers. 			
* Therefore, small in all browsers would look like medium in IE5/Win.				
* The Tantek Box Model Hack allows IE5/Win to be served a different font size than other browsers.	
* IE5/Win sees this style: voice-family:  "\"}\""; and mistakenly thinks the style is over. 		
* voice-family: inherit; allows other browsers to recover, and read the correct style. 		
* Opera has the same behavior as IE5/Win, so it never gets the right style. 			
* The "Be nice to Opera" rule at the end reinforces the correct style to Opera.		
* For more information: http://tantek.com/CSS/Examples/boxmodelhack.html 
*/

div.OOB h1 {
   margin: 0;
   padding: 0;
   font: normal normal normal x-large Helvetica, Arial, Verdana, sans-serif;  /* for IE5/Win */
   voice-family: "\"}\""; 
   voice-family: inherit;
   font: normal normal normal xx-large Helvetica, Arial, Verdana, sans-serif; /* for Compliant Browsers */
}
	html>div.OOB h1 {
	   font: normal normal normal xx-large Helvetica, Arial, Verdana, sans-serif; /* Be nice to Opera */
	}

div.OOB h2 {
   margin: 0;
   padding: 0;
   font: normal normal normal large Helvetica, Arial, Verdana, sans-serif; /* for IE5/Win */
   voice-family: "\"}\""; 
   voice-family: inherit;
   font: normal normal normal x-large Helvetica, Arial, Verdana, sans-serif; /* for Compliant Browsers */
}
	html>div.OOB h2 {
	   font: normal normal normal x-large Helvetica, Arial, Verdana, sans-serif; /* Be nice to Opera */
	}

div.OOB h3 {
   margin: 0;
   padding: 0;
   font: normal normal normal medium Helvetica, Arial, Verdana, sans-serif; /* for IE5/Win */
   voice-family: "\"}\""; 
   voice-family: inherit;
   font: normal normal normal large Helvetica, Arial, Verdana, sans-serif; /* for Compliant Browsers */
}
	html>div.OOB h3 {
	   font: normal normal normal large Helvetica, Arial, Verdana, sans-serif; /* Be nice to Opera */
	}

div.OOB h4 {
   margin: 0;
   padding: 0;
   font: normal normal normal small Helvetica, Arial, Verdana, sans-serif; /* for IE5/Win */
   voice-family: "\"}\""; 
   voice-family: inherit;
   font: normal normal normal medium Helvetica, Arial, Verdana, sans-serif; /* for Compliant Browsers */
}
	html>div.OOB h4 {
	   font: normal normal normal medium Helvetica, Arial, Verdana, sans-serif; /* Be nice to Opera */
	}

div.OOB h5 {
   margin: 0;
   padding: 0;
   font: normal normal normal x-small Helvetica, Arial, Verdana, sans-serif; /* for IE5/Win */
   voice-family: "\"}\""; 
   voice-family: inherit;
   font: normal normal normal small Helvetica, Arial, Verdana, sans-serif; /* for Compliant Browsers */
}
	html>div.OOB h5 {
	   font: normal normal normal small Helvetica, Arial, Verdana, sans-serif; /* Be nice to Opera */
	}

div.OOB h6 {
   margin: 0;
   padding: 0;
   font: normal normal normal xx-small Helvetica, Arial, Verdana, sans-serif; /* for IE5/Win */
   voice-family: "\"}\""; 
   voice-family: inherit;
   font: normal normal normal x-small Helvetica, Arial, Verdana, sans-serif; /* for Compliant Browsers */
}
	html>div.OOB h6 {
	   font: normal normal normal x-small Helvetica, Arial, Verdana, sans-serif; /* Be nice to Opera */
	}

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 a img.inline {
   border: 0;
}



/* Getting Started Portlet Specific Styles  */
div#OOBgettingStarted div.header {
   width: 100%;
   background: #5598e9 url(images/oob/stars.gif) top left no-repeat;
}

div#OOBgettingStarted div.headlines {
   color: #fff;
   background: transparent url(images/oob/largeHelpIcon.gif) top right no-repeat;
}
	div#OOBgettingStarted div.headlines h1 {
	   padding-top: 22px;
  	   padding-${requestScope.cssRules.bidiLeft}: 15px;
   	   padding-bottom: 0;
   	   padding-${requestScope.cssRules.bidiRight}: 183px;
	}
	div#OOBgettingStarted div.headlines h3 {
         padding-top: 4px;
  	   padding-${requestScope.cssRules.bidiLeft}: 15px;
   	   padding-bottom: 18px;
   	   padding-${requestScope.cssRules.bidiRight}: 183px;
	   width: 502px;
	}

div#OOBgettingStarted div.portletTools {
   display: none;
}

div#OOBgettingStarted div.subheader {
   color: #fff;
   background: #1467cd;
}
	div#OOBgettingStarted div.subheader h4 {
	   padding: 20px 15px;
	}

div#OOBgettingStarted div.content {
   background: #e0edfd url(images/oob/corner-b-l-6.gif) bottom left no-repeat;
}


div#OOBgettingStarted div.one,
div#OOBgettingStarted div.two {
   	margin-top: 15px;
	width: 48%;
}


div#OOBgettingStarted div.grouping {
   margin: 8px;
}
	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
	}

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;
}

#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: 140px;
   width: 720px;
}

#OOBproductWelcome .headerSearch {
   color: #5377AB;	
   background: transparent url(images/oob/welcome_search_${requestScope.cssRules.bidiLeft}.gif) top left no-repeat;
   height: 140px;
   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: 140px;
   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: 140px;
   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;
}

#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;
}