/*! Licensed Materials - Property of IBM.
    (c) Copyright IBM Corporation 2001, 2012.  All Rights Reserved.
    U.S. Government Users Restricted Rights:  Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
This CSS was built on August 16 2012. (version: OneUI-3.0.3_20120816-1522)
*/
/* Reset CSS */
code {font-family:"Courier New", Courier, mono; font-size:1.1em;}
dt {color:#666; clear:both; background-color:transparent; font-weight:bold;}
dd {margin:3px 0 10px 0; padding-left:25px;} 	
dl ul {margin:0 0 0 25px; padding:0; list-style-type:disc;}
iframe {border-width:0; width:100%;}

/* Base CSS */
.clearing {clear:both; line-height:0;}
.clear {clear:both;}
li {padding-top:2px; padding-bottom:2px;}
li.listbreak {padding-top:10px;}

/*sample code*/
iframe.samplecode {border:1px dotted #ccc; height:20em;}
*html iframe.samplecode {width:99%;}
body.samplecode {background-color:#f0f0f0; margin:0; padding:10px; font-size:75%;}
body.samplecode pre {margin:0; padding:0; border:0;}
.samplecode .comment {color:#080; font-style:italic;}

/*page footer*/
.footer {padding:0 0 20px; clear:both; text-align:center;}
.lotusui30 .footer a {font-weight:normal; color:#fff;}

/* these have similar styles */
.lotusui30 pre {font-family:Monaco, "Courier New", Courier, mono; background:#383838; padding:10px; color:#fff; margin-left:25px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;}
.lotusui30 pre strong {font-weight:normal;}
pre.samplecode{overflow:auto;}
pre.samplecode b{color:#080}

.slide {background-color:#fff; padding:20px; border:1px dotted #ccc; float:left;}
.slide ul {margin:10px 0 0 0; padding-left:20px}
.slide ul.first {margin-top:0;}
.slide ul ul {margin:0;}

/*tabs*/
.tabContainer{height:3em;position:relative;border-bottom-width:1px;border-bottom-style:solid;z-index:1;margin-bottom:0;border-bottom-color:#e0e0e0;}
ul.tabs{margin:0;padding:0;position:absolute;left:10px;bottom:-1px;overflow:hidden;list-style:none;border-bottom-color:#e0e0e0;}
.tabs li{background-color:#e0e0e0;border:1px solid #e0e0e0;margin-right:2px;padding-left:3px;float:left;}
.tabs a, .tabs a:visited{color:#333;padding:5px 8px 5px 5px;display:block;background-position:top right;background-repeat:no-repeat;text-decoration:none;line-height:1em;}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab*/
.tabs a:hover, .tabs a:focus, .tabs a:active{color:#000 !important;text-decoration:none}
.tabs li.selected{border-bottom-color:#fff;background-color:#fff}
.tabs li.selected a, .tabs li.selected a:visited{color:#000;background-position:top right;background-repeat:no-repeat;}
.tabContent{padding:20px;display:none;border-style:solid;border-color:#e0e0e0;border-width:0 1px 1px 1px;zoom:1;background:#fff;}

.table {border-collapse:collapse; margin:10px 20px;}
.table caption{text-align:left;padding-left:5px;font-size:90%;font-weight:bold;color:#666}
.table th, .csg_table td {padding:5px 10px; text-align:left;}
.table th {white-space:nowrap; border-bottom:2px solid #383838}
.table td {border-bottom:1px solid #aaa; padding:5px 10px;}
.details td{font-style:italic;border-top-width:0}

.componentsToolbar{float:right;background-color:#fff;padding:2px 8px;position:absolute;right:0px;bottom:0px;border-color:#e0e0e0;border-style:dotted;border-width:1px 1px 0 1px}

.urlParamToolbar td{padding:0;vertical-align:middle}
.urlParamToolbar .separator{margin-right:6px}
.urlParamToolbarForm{padding:0;margin:0}

.examplesActionBar{float:left;margin-right:30px;margin-top:3px}

.exampleLoading{text-align:center}

.compositeSample h3{text-transform:uppercase}
.sampleBox{border:1px solid #eee; padding:20px; background:#fff;}

.smallLegalSymbol{font-size:.5em}

div.internal {border:1px dashed #5192B5; background:url(../devdocImages/ibmLogoBlue15.png) no-repeat; background-position:20px 20px; padding:10px 20px; margin:10px 0; float:left;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;}
div.internal p {margin:0 0 8px;}
.lotusui30 div.internal h2, .lotusui30 div.internal h3 {font-size:1.5em; margin:5px 0;}
div.internal h2.first, div.internal h3.first {margin-left:47px;}
div.internal ul {margin:0 0 8px; padding-left:20px;}

.docDark div.internal {background-image:url(../devdocImages/ibmLogoWhite15.png); border-color:#fff;}
div.internalSection {margin-top:50px; float:none;}
div.internalSection .docList li {margin-top:0;}
.lotusui30 div.internalSection p {margin-top:8px;}

.uxBugList {margin-bottom:1em}
.uxBugList table {margin:0; margin-left: 2em} 
.uxBugList td, .uxBugList th {vertical-align:top;padding:1px 1em;text-align:left} 
.uxBugList h2 { font-size:1.2em; margin:0.5em 0; padding:0;text-transform:none}

table.uxSimpleBugList{border-collapse:collapse;border-color:#999;border-width: 1px 1px 0 1px;border-style:solid;margin-bottom:1em}
table.uxSimpleBugList td, table.uxSimpleBugList th{vertical-align:top;padding:1px 4px;border-color:#999;border-width:1px;border-style:solid;text-align:left}
table.uxSimpleBugListVersions{border-collapse:collapse;border:0px solid transparent;margin-bottom:0.5em}
table.uxSimpleBugListVersions td, table.uxBugListVersions th{vertical-align:top;padding:0px 4px;border:0px solid transparent;text-align:left}

.warningnote { color:#c00;clear:both; }

/* Styles for Image Library catalogs */
.imageCatalog {margin:1em 0 1em 0;
    zoom:1;/*IE7 fix drop float on table of images*/ }

.imageCatalog table {border:1px solid #ccc;
    position:relative;margin-right:-99999px/*IE6 fix drop float on table of images*/}
.imageCatalog td, .imageCatalog th{vertical-align:top;padding:4px;background-color:#fff;border:0 solid #ccc;font-size:0.8em;white-space:nowrap}
.imageCatalog th{vertical-align:middle;line-height:1em;}
.imageCatalog th {border-right-width:1px;}
.imageCatalog th.filename {border-right-width:0}
.imageCatalog .description{white-space:normal;width:20em;border-right-width:1px}
.imageCatalog tr.first td {border-top-width:1px}
.imageCatalog td.filename {border-top-width:1px}
.imageCatalog td.middle {border-right-width:1px}

.imageCatalog .bgblack{background-color:#000;color:#888} 
.imageCatalog .bgwhite{background-color:#fff;color:#888} 
.imageCatalog .bggray{background-color:#aaa;color:#666}   
.imageCatalog .bgdkcolor{background-color:#3B506F;color:#888} 
.imageCatalog .bgltcolor{background-color:#b9debb;color:#888} 
.imageCatalog .spacer{background-color:#fff;width:1em}

/* Styles for printing - these need to be at the end of this stylesheet */
.legalPrint{display:none}
.printOnly{display:none}
@media print {
    .legalPrint{display:inline}
    .printOnly{display:inline}
    .topnav, .nav, .banner, .tabs, .urlParamToolbar, .examplesActionBar, #examplesToolbar{display:none}
    * { page-break-before:avoid;page-break-after:avoid;page-break-inside:avoid}
    .tabContent{display:block}
    .main{overflow:visible}
    .frame { min-width: inherit }
    .homecallout {width: 45%}
    .homelinks {width:45%}
}

/* New Stuff */
.lotusui30 a {font-weight:bold;}
a.external {background:url(../devdocImages/externalLinkDark.png) top right no-repeat; padding-right:9px;}
.docDark a.external {background-image:url(../devdocImages/externalLinkLight.png);}
iframe#contentFrame {border:1px solid #eee; background:#fff;} /*example pages*/

/* Base Overrides */
.lotusui30_body {background:#383838;}
.lotusui30 p {margin:10px 0 0;}

/* Layout Overrides */
.lotusui30_body .lotusFrame {margin:0;}
.lotusui30_body .lotusMain {border:0; padding:0; margin:0; background:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;}
.lotusui30_layout .lotusColLeft {background:none; padding:0; width:240px;}
.lotusui30_layout .lotusMain .lotusContent {background:url(../devdocImages/noise.png) #fff; margin:24px 0; border:1px solid #000; border-width:1px 0 1px 1px; padding:45px 54px 54px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	-moz-box-shadow:0 2px 10px #000;
	-webkit-box-shadow:0 2px 10px #000;
	box-shadow:0 2px 10px #000;}

/* Banner Overrides */
.lotusui30 .lotusBanner {padding:0;
	background:#404040;
	background:-moz-linear-gradient(top, #404040 0%, #242424 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #242424));
	background:-webkit-linear-gradient(top, #404040 0%, #242424 100%);
	background:-o-linear-gradient(top, #404040 0%, #242424 100%);
	background:-ms-linear-gradient(top, #404040 0%, #242424 100%);
	background:linear-gradient(top,  #404040 0%, #242424 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#242424', GradientType=0);}
.lotusui30 .lotusBanner .lotusLogo {margin-left:24px; margin-right:20px;}
.lotusui30 .lotusBanner .lotusLogo img {display:inline-block; margin:18px 0;}
.lotusui30 .lotusBanner .lotusLogo .lotusAltText {display:none;}
.lotusui30 .lotusBanner ul.lotusInlinelist li {display:block; float:left;}
.lotusui30 .lotusBanner ul li a {padding:21px 12px;}
.lotusui30 .lotusBanner a, .lotusui30 .lotusBanner a:visited, .lotusui30 .lotusBanner a:hover, .lotusui30 .lotusBanner a:focus, .lotusui30 .lotusBanner a:active {display:block; color:#eee; text-decoration:none;}
.lotusui30 .lotusBanner ul.lotusLinks li.lotusSelected {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#2f2f2f', GradientType=0); background:rgba(255, 255, 255, 0.05);}
.lotusui30 .lotusBanner ul.lotusLinks li.lotusSelected a {text-decoration:none; color:#fff;}

.lotusui30 .docVersion {float:right; font-weight:normal; margin:0 25px 0 0; padding:16px 0;}
.lotusui30 .docVersion .container {background:#525252; display:inline-block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}
.lotusui30 .docVersion .version {background:#fabf44; display:inline-block; padding:5px; color:#404040; font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}
.lotusui30 .docVersion .description {color:#ccc; display:inline-block; font-size:0.9em; padding:5px 10px;}

/* Banner Menu Overrides */
.lotusui30 .lotusBanner .lotusActionMenu {border:3px solid #4f4f4f; z-index:1; top:60px; left:25px;
	-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);}
.lotusui30 .lotusBanner .docVersion .lotusActionMenu {left:auto; right:25px;}
.lotusui30 .lotusBanner .lotusActionMenu li {background-color:#fff; padding:0;}
.lotusui30 .lotusBanner .lotusActionMenu a {color:#666; font-weight:normal; padding:7px 12px;}
.lotusui30 .lotusBanner .lotusActionMenu a:hover, .lotusui30 .lotusBanner .lotusActionMenu a:focus, .lotusui30 .lotusBanner .lotusActionMenu a:active {background:#f0f0f0;}

/* Show/Hide Banner Menus */
.lotusui30 .lotusBanner .lotusLogo .lotusActionMenu, .lotusui30 .lotusBanner .docVersion .lotusActionMenu {visibility:hidden; opacity:0;
	-moz-transition:visibility 0s linear 0.5s, opacity 0.5s linear;
	-webkit-transition:visibility 0s linear 0.5s, opacity 0.5s linear;
	transition:visibility 0s linear 0.5s, opacity 0.5s linear;}
.lotusui30 .lotusBanner .lotusLogo:hover .lotusActionMenu, .lotusui30 .lotusBanner .docVersion:hover .lotusActionMenu, .lotusui30 .lotusBanner .docShowMenu .lotusActionMenu {visibility:visible; opacity:1;
	-moz-transition-delay:0s;
	-webkit-transition-delay:0s;
	transition-delay:0s;}

/* Menu Overrides */
.lotusui30 .lotusMenu {background:none; border:0; color:#fff; margin:0; width:auto;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;}
.imageLibrary .lotusMenu {padding:0;}/*for Overview link alignment*/
.lotusui_ie .imageLibrary .lotusMenu {margin-top:25px;}
.lotusui30 .lotusMenu h2 {margin:15px 20px 0; font-family:Georgia,Times,"Times New Roman",serif; font-size:1.3em; font-weight:normal; color:#fabf44;}
.lotusui30 .lotusMenu h3 {margin-left:20px; font-family:Georgia,Times,"Times New Roman",serif; font-size:1em; font-weight:normal; color:#fabf44; padding:0;}
.lotusui30 .lotusMenu li {padding:0;}
.lotusui30 .lotusMenu li a {padding:3px 20px;}
.lotusui30 .lotusMenu li a, .lotusui30 .lotusMenu li a:visited, .lotusui30 .lotusMenu li a:hover, .lotusui30 .lotusMenu li a:focus, .lotusui30 .lotusMenu li a:active {color: #fff;}
.lotusui30 .lotusMenu li.selected a {border-style:solid; border-width:1px 0; padding-top:2px; padding-bottom:2px;
	background:#4c4c4c;
	background:rgba(255, 255, 255, 0.1);
	border-color:#5e5e5e;
	border-color:rgba(255, 255, 255, 0.1);}
.lotusui30 .lotusMenu li.selected a:hover, .lotusui30 .lotusMenu li.selected a:focus, .lotusui30 .lotusMenu li.selected a:active {text-decoration:none;}
.lotusui30 .lotusMenu ul ul li a {padding-left:40px;}


/* Content Overrides */
.lotusui30 .lotusContent h1 {border-bottom:3px solid #383838; color:#383838; font-family:Georgia,Times,"Times New Roman",serif; font-size:3em; font-weight:normal; margin:0 0 24px; padding:0 0 9px 0;}
.lotusui30 .lotusContent h2 {margin:15px 0; padding:0; font-weight:bold; font-size:1.5em;}
.lotusui30 .lotusMain .docFull {margin-left:24px; margin-right:24px;}
/*.lotusui30 .lotusMain .docExamplePage {margin-top:0; padding:10px 20px 20px; background:#fff;}*/
.lotusui30 .lotusMain .docExamplePage {padding:10px 20px 20px;}

/* Message Overrides */
.lotusui30 .lotusMessage2 {margin-top:-24px; padding:10px; border-top:0;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;}
.lotusui30 .lotusInfo {background:#e6f1fe; border-color:#b9cfeb;}

/* Footer Overrides */
.footer p {color:#bbb;}

/* Home Page */
.lotusui30_layout .lotusMain .docDark {background:none; border:0; margin:0; color:#ddd;}
.lotusui30 .docDark a, .lotusui30 .docDark a:visited {color:#fabf44;}
.lotusui30 .docDark a:hover, .lotusui30 .docDark a:focus, .lotusui30 .docDark a:active {color:#fabf44;}
.lotusui30 .docDark p {font-size:1.2em; margin-top:15px;}
.lotusui30 .docDark .lotusColumns {margin:0 auto; width:882px;}
.lotusui30 .docDark .lotusColumns th, .lotusui30 .docDark .lotusColumns td {padding:0 30px; width:50%;}
.lotusui30 .docDark .lotusColumns th.lotusFirst, .lotusui30 .docDark .lotusColumns td.lotusFirst {padding-left:0;}
.lotusui30 .docDark .lotusColumns th.lotusLast, .lotusui30 .docDark .lotusColumns td.lotusLast {padding-right:0;}
.lotusui30 .docDark .docHeading {border-bottom:1px solid #aaa; color:#fff; font-weight:normal; text-align:left; font-family:Georgia,Times,"Times New Roman",serif; font-size:2em; padding-bottom:10px;}

.docList {padding-left:20px; margin:15px 0 0;}
.docList li {margin-top:5px;}
.docList a {font-size:1.2em; font-weight:normal;}

/* Image Library Overrides*/
/* The tables overflow the page width and cannot be force-fit. */
.imageLibrary {overflow:visible}
.imageLibrary .lotusui30_layout .lotusMain {overflow:visible;}
.imageLibrary .lotusui30_layout .lotusMain .lotusContent {margin-left:240px; overflow:visible;}