/* XPages Application CSS */
/* Copyright IBM Corp. 2001, 2008 */
/*This CSS was built on May 3 2009. (version: OneUI-2.0.0_20090503-0300)*/
/*these are the styles for the footer (layout)*/
/*companion file is footerTheme.css*/
/*** F O O T E R ***/
/*this sits at the bottom of the UI and contains a lot of support links, like help and about*/
.lotusFooter {
  /*padding:10px 10px 10px 0 !important;*/
  padding:0px 0px 0px 0;
  border-width:1px !important;
  -moz-border-radius:4px !important;
  -webkit-border-radius:4px !important;
  font-size:.9em !important;
  margin-left: 0px;
}

.lotusFooter p {
  margin:0 !important;
  line-height:1.3em !important;
}

.lotusFooter ul {
  margin:0 !important;
  padding:0 !important;
  list-style-type:none !important;
}

.lotusFooter li {
  line-height:1.2em !important;
  padding:.3em 0 !important;
}

.lotusFooter th, .lotusFooter td {
  /*border-right-width:1px !important;
  border-style:solid !important;*/
}

.lotusFooter th.lotusLast, .lotusFooter td.lotusLast {
  border-width:0 !important;
}

.lotusFooter th {
  padding:5px 10px 3px 5px !important;
  width:20% !important;
  font-weight:bold !important;
  font-size:1.1em !important;
}

.lotusFooter td {
  padding:0 10px 10px 5px !important;
}

/***********************************************************/
a:hover{font-weight:600 !important;text-decoration:none;}
.backgroundOuter{
	background-color:#232324;
	width:100%;
	text-align:center;
	overflow-y: visible;
	min-height: 800px;
}
.bannerInner{
	margin:10px auto;
	width:60%;
	padding:10px;
}
.viewBackground{
	margin:10px auto;
	background-color:#FFFFFF;
	width:60%;
	min-height:500px;
	padding:15px;
	overflow:auto;
}


.InstallationHeading{
	font-family:Segoe UI;
	text-transform: uppercase;
	font-size:20px;	
	}
	
.InstallationButton{
	border:2px solid #0082BF;
	padding:2px 10px;
	margin-top:5px;
	margin-left:10px;
	line-height:2.5;
	font-weight:bold;
	text-decoration:none;
	color: #0082BF;
	float:right;
	min-width:100px;
	}
.InstallationPreviousButton{
	border:2px solid #0082BF;
	padding:2px 10px;
	margin-top:5px;
	margin-left:10px;
	line-height:2.5;
	font-weight:bold;
	text-decoration:none;
	color: #0082BF;
	float:left;
	min-width:100px;
	}
.TabButton{
	border:2px solid #7a7a7a;
	padding:5px;
	margin:10px;
	font-weight:bold;
	text-decoration:none;
	color: #7a7a7a;
	}
	.TabButtonGreyed{
	border:2px solid #7a7a7a;
	padding:5px;
	margin:10px;
	font-weight:bold;
	text-decoration:none;
	color: #7a7a7a;
	opacity: 0.4;
	}
	.fontBlueMed{
	font-size:16px;
	color:#5291EF;
	}
	.imageSettings{
	margin:20px 0px;
	}
	
	.screenshotTableCell{
	vertical-align:top;
	border:1px solid #D5E2F0;
	}
/*Dojo slider*/
.dijitSliderBar {border-style:none !important;}
.dijitSliderBumperH {width:2px !important;}
.dijitSlider .dijitButtonNode {display:none !important;}

.dijitSliderImageHandle {border:0px !important; background-position:left bottom !important; background-repeat:no-repeat !important; width:10px !important; height:11px !important;}
.dijitSliderImageHandleH {top:-3px !important; background:transparent url(xpTagSliderHandle.gif) no-repeat scroll center top !important;}

.dijitSliderProgressBar {background-color:#a5c0ec !important;}
.dijitSliderRemainingBar {background-color:#e3e3e3 !important;}
.dijitSliderBottomBumper, .dijitSliderLeftBumper {background-color:#a5c0ec !important;}

/* tag cloud outer panel */
.tagCloudOuterPanel {margin:5px;}

/* tag cloud slider */
.tagCloudSlider {padding-top:10px; padding-bottom:5px}

/* tag cloud inner panel */
.tagCloudInnerPanel {margin-top:5px; width:100%; overflow:hidden;}
.tagCloudInnerPanel a {text-decoration:none; font-weight:bold;}
.tagCloudInnerPanel a:hover, .tagCloudInnerPanel a:focus {text-decoration:none;}

	

/* tag cloud individual tags */
a.tagCloudSize1, a.tagCloudSize1:visited	{font-size:90%;  color:#8bbce8;}
a.tagCloudSize2, a.tagCloudSize2:visited	{font-size:93%;  color:#649cd8;}
a.tagCloudSize3, a.tagCloudSize3:visited	{font-size:96%;  color:#4477bb;}
a.tagCloudSize4, a.tagCloudSize4:visited	{font-size:102%; color:#2b588e;}
a.tagCloudSize5, a.tagCloudSize5:visited	{font-size:107%; color:#1c3052;}
a.tagCloudSize6, a.tagCloudSize6:visited	{font-size:112%; color:#1c3052;}
a.tagCloudSize7, a.tagCloudSize7:visited	{font-size:116%; color:#1c3052;}
a.tagCloudSize8, a.tagCloudSize8:visited	{font-size:122%; color:#1c3052;}
a.tagCloudSize9, a.tagCloudSize9:visited	{font-size:130%; color:#1c3052;}
a.tagCloudSize10, a.tagCloudSize10:visited	{font-size:150%; color:#1c3052;}


/* view table header */
.xspHtmlTableViewHeader{border:0px none;width:100%;clear:both;}
.xspHtmlTrViewHeader{}
.xspHtmlTdViewHeaderTop{border:1px solid #e5e5e5;padding:5px 2px;vertical-align:top;text-align:right;background-color:#f3f3f3;color:#848484;clear:both;font-weight:bold;font-size:0.9em;height:2em;line-height:2em;margin-top:0.2em;padding:2px 5px;text-align:right;}
.xspHtmlTdViewHeaderBottom{padding:5px 2px;vertical-align:top;background-color:#ffffff;font-weight:normal;font-size:0.9em;}

/* view table footer */
.xspHtmlTableViewFooter{border:0px none;border:1px solid #e5e5e5;width:100%;clear:both;}
.xspHtmlTrViewFooter{}
.xspHtmlTdViewFooter{border:0px none;padding:5px 2px;vertical-align:top;text-align:right;background-color:#f3f3f3;color:#848484;clear:both;font-weight:bold;font-size:0.9em;height:2em;line-height:2em;margin-top:0.2em;padding:2px 5px;text-align:right;}

/* view table body*/
.xspHtmlTableView{border:0px none;width:100%;clear:both;}
.xspHtmlTrView:hover{background-color:#ffffc8;}
.xspHtmlTdView{border-top-color:#e5e5e5;border-top-style:solid;border-top-width:1px;padding:5px 2px;vertical-align:top;}

/* header pager */
.xspPagerContainerViewHeader{float:right;border-collapse:collapse;width:100%;position:relative;}
.xspPagerViewHeader{float:right;margin-top:.2em;padding:2px 5px;height:2em;line-height:2em;clear:both;text-align:center;font-weight:normal;font-size:1em;color:#848484;}
.xspPagerNavViewHeader{text-align:left;float:left;padding-left:5px;color:#848484;}

.xspGroupViewHeader span{margin:0px;padding:0px;}
.xspGroupViewHeader span span{color:#848484;display:inline;margin:0px;padding:0px 7px;border-left-width:1px;border-left-style:solid;border-color:#cccccc;}
.xspGroupViewHeader span span.xspFirstItem{padding-left:0px;border-left-width:0px;}
.xspGroupViewHeader span span.xspLastItem{padding-left:7px;border-left-width:1px;}
.xspGroupViewHeader span span a, .xspGroupViewHeader span span a:visited{color:#105cb6;font-weight:bold !important;text-decoration:none;}
.xspGroupViewHeader span span a:hover, .xspGroupViewHeader span span a:focus, .xspGroupViewHeader span span a:active{font-weight:bold !important;text-decoration:underline;}
.xspGroupViewHeader span span.xspCurrentItem{color:#848484;}

.xspPreviousViewHeader a, .xspPreviousViewHeader a:visited{color:#105cb6;font-weight:bold !important;text-decoration:none;}
.xspPreviousViewHeader a:hover, .xspPreviousViewHeader a:focus, .xspPreviousViewHeader a:active{font-weight:bold !important;text-decoration:underline;}
.xspPreviousViewHeader .xspCurrentItem{color:#848484;}

.xspNextViewHeader a, .xspNextViewHeader a:visited{color:#105cb6;font-weight:bold !important;text-decoration:none;}
.xspNextViewHeader a:hover, .xspNextViewHeader a:focus, .xspNextViewHeader a:active{font-weight:bold !important;text-decoration:underline;}
.xspNextViewHeader .xspCurrentItem{color:#848484;}


.docHeading h2, .docHeading h3,.docHeading h4,.docHeading h5 {
/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family: SegoeUI-Regular-final, 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
	letter-spacing: 0.119999997317791px;
	line-height: 18px;
	/*TH 02/07/2015 - added the three lines above*/
	padding-top: 8px;
	padding-bottom: 3px;
}	
.docHeading h2{	
	font-size:large;
	border-bottom:1px solid silver;	
}
.docHeading h3{
	font-size:14px;  /*TH 02/07/2015 - modified - this was medium*/
	font-weight:bold;	
	color:  rgb(236, 22, 22); /*TH 02/07/2015 - added*/
}
.docHeading h4{
	font-size:small;
	font-weight:bold;
	font-style:italic;	
}

/* computed text */
.xspComputedFieldTitle{color:#ffffff;float:left;font-size:1.5em;font-weight:normal;letter-spacing:0pt;line-height:2em;padding:3px 0pt 0pt 12px;margin:0px;}
.xspComputedFieldViewGeneric{color:#000000;white-space:nowrap;}
.xspComputedFieldViewMeta{color:#666666;white-space:nowrap;}
.xspComputedFieldSearchInfo{font-size:1.1em;}
.xspComputedFieldHeaderSubtitle{color:#444444;font-size:1.7em;font-weight:normal;line-height:1.2em;border:0pt none;font-family:inherit;font-style:inherit;margin:0pt;outline-color:invert;outline-style:none;outline-width:0pt;vertical-align:baseline;}
.xspComputedFieldFooter{font-weight:normal;font-size:1.1em;color:#c0c0c0;}

.xspNoWrap{white-space:nowrap;}
.xspWrap{white-space:normal;}
.xspPanelTopicThread{background-color:#f7f9fc;padding:10px;border:1px solid #e5e5e5;-moz-border-radius:6px;}
a.xspLinkViewTopicTitle:link, a.xspLinkViewTopicTitle:visited, a.xspLinkViewTopicTitle:hover, a.xspLinkViewTopicTitle:focus, a.xspLinkViewTopicTitle:active{text-decoration:none;font-size:1.1em;font-weight:bold;letter-spacing:0pt;line-height:1.2em;}

/* revision history links */
.xspRevisionLink{font-weight:normal;}
.xspRevisionLinkCurrent{font-weight:bold;}

/* abstract field help */
.xspAbstractFieldHelp{color:#666666;line-height:1.0em;font-size:small;}


/*Temporary Header fix for shipped CSS - fixes bug where title wraps at 200px*/
#lotusTitleBar h2, .lotusTitleBar h2{padding:3px 0 0 12px;float:left;font-size:1.5em;line-height:2em;letter-spacing:0;width:600px;font-weight:normal}

/*wiki toc */
.tocWrapper{padding:10px;margin-bottom:10px;border:1px solid #ADADAD;background-color: #F0F0F0; }
.tocWrapper ul{list-style: none;}
.ulWrapper {margin-left:0px;}
.tocHead{font-weight:bold;font-size:1.2em}
.tocHide {float:right;color:blue;cursor:pointer;}
.tocHide:hover {color:red;text-decoration:underline;}
#tocHidden{display:none};
#tocVisible{display:block};

/*wikitable */
.wikitable table { border: 1px solid #666666; border-collapse: collapse;	}
.wikitable td { border: 1px solid #666666;	}
.wikitable th { border: 1px solid #666666;background-color:#CCCCCC;font-weight:bold; }

/*Special handling for 'accent graphic' tables, which should have no border at all*/ 
td.accentGraphicTableCell {border-top-width:0px;}

/*source code in wiki content */
.wikicode{
border:1px solid silver;
overflow: auto;
}	
.wikicode pre
{
	background-color: #F3F3F3;
	font-size: small;
	color: black;
	font-family: Consolas, "Courier New", Courier, Monospace;	
	/*white-space: pre;*/
}

.wikicode pre { margin: 0em; }

.wikicode .rem { color: #008000; }

.wikicode .kw { color: #0000ff; }

.wikicode .str { color: #006080; }

.wikicode .html { color: #800000; }

.wikicode .attr { color: #ff0000; }

.wikicode .alt 
{
	background-color: white;
	width: 100%;
	margin: 0em;
}

.wikicode .ln { color: #606060; }

/*CSS Image Alignment */
.image-align-right { float:right; margin: 0 0 10px 10px; }
.image-align-left { float:left; margin: 0 10px 10px 0; }
/*Not FF right now */
.image-align-middle{display:block;text-align:center;margin: 0 10px 10px 0;}

/*Attachment Table */
.attachTable thead{height: 1.2em;background: #f3f3f3;border-bottom: 2px solid #cccccc;}
.attachTable thead tr th{font-weight: bold;padding: 0px 2px;width: 100px;height: 1.2em;border-right: 1px solid #cccccc;border-bottom: 2px solid #cccccc;}
.attachTable tbody{top: 1.2em;width: 100%;overflow: auto;}
.attachTable tbody tr td{padding: 2px 2px;}
/*Fix Numbered Lists in content for IE */
.wikiDoc ol{padding-left:10px;}
/*.header{height:100px;width:75%;margin-left:210px;margin-top:30px;padding:5px;} JEH: Removed height to allow header to expand to content.*/
.header{width:95%;margin-top:30px;padding:5px;}
.idcTitleBar {clear:both;font-size:0.9em;height:2em;line-height:2em;margin-top:0.2em;padding:2px 5px;text-align:center;}
#idcColRight, .idcColRight{float:right;font-size:0.9em;margin:10px;padding:15px 10px;width:260px;}
.spotLightArticle{background-color:#EEEEEE;border:1px solid #CFCFCF;padding: 10px;}
.spotLightArticle #head {font-size: 1.4em; font-weight:bold;display:inline}
.spotLightArticle td{}
.spotLightArticle a{font-size:0.9em; font-weight:bold;}
.spotLightArticle span{font-size:0.8em; font-weight:normal;}
.header .domino-richtext xspInputFieldRichText, #header #domino-richtext xspInputFieldRichText{font-size: 12pt; font-family:arial;}
.sideBar{display:block; padding: 10px;}
.firstSpotArticle{padding-top:5px;}
.altSpotArticle{border-top: 1px solid #CFCFCF;padding-top:5px;}
.landheadline{background-image:url(dx/header.gif/$file/header.gif);
background-repeat : repeat-x;border:1px solid #cccccc;background-color:#6988a3;font-family:arial,sans-serif;font-size:1.0em;font-weight:bold;color:#FFFFFF;padding:3px 5px;margin:0px;height:1%;}
.lotusLogoBanner ul,#lotusLogoBanner ul{
	float:left !important;
	padding-left:0px;
	margin:3px 0px !important;
	list-style:none !important;
	border-color:#000000;
}
.lotusLogoBanner li, #lotusLogoBanner li{
	border-width:1px !important;
	border-left-color: #000000;!important;
	background-color:transparent !important;
	color:#000000 !important;
	padding:0 5px !important;
	border-left-style:solid !important;
	display:inline !important;
	}
.lotusLogoBanner li.lotusFirst,#lotusLogoBanner li.lotusFirst{
	border-left-style:none !important;
	}
#lotusFooter th, #lotusFooter td, .lotusFooter th, .lotusFooter td{border-width:0 0 0 0 !important;}
#lotusFooter th.lotusLast, #lotusFooter td.lotusLast, .lotusFooter th.lotusLast, .lotusFooter td.lotusLast {border-width:0 !important;}
#lotusColLeft .lotusSectionLast, .lotusColLeft .lotusSectionLast {padding-bottom:10px;clear:both;margin:15px 0 0;padding:2px 0 5px;font-size:1em;line-height:1.2em;}
ol {margin-left:20px;padding-left:0.7em !important;}
.roadmap td{border-top-style: none;padding: 0px;}
.landheadline td{padding:3px 5px;}
.required, #required{font-size:1.4em;font-weight:bold;}
.flag, #flag{color:red;font-weight:bold;}
.flagLabel, #flagLabel{color:red;font-weight:bold;font-size:0.9em;}
#mainTitle,.mainTitle,#mainTitle:visited, .mainTitle:visited{color:#FFFFFF !important;text-decoration:none !important;}
#mainTitle:hover, .mainTitle:hover{text-decoration:underline !important;}
.transMenu{background-color:#EEFEE1;background-image:url(./images/menuTop.gif);}
.transMenu{background-position:left top;}
.transMenu{background-repeat:no-repeat;margin:0 0 15px;padding-top:5px;width:178px;}
li.transSelected{background-color:#73BE59;border-color:#73BE59;color:#FFFFFF;margin: 0px 6px;}
#panelHeader{margin:10px 20px 0 0px;border:solid 1px #999; height:20px; background: #3C5F84 none repeat scroll 0 0; }
#panelHeader #header{margin-left:10px;color:white;font-weight:bold;line-height:18px;font-size:1.1em;}
#mainPanel{
	height:240px;
	border:solid 1px #CFCFCF;
	margin:0 20px 10px 0px;
	}
#panel1{margin-left:1px;}
.repeat1{height:100%;}
.sectionFirst{border:dotted 1px #CFCFCF;float:left;height:97%;margin-top: 5px;width:0%;font-size: 0.9 em;display:inline-block;
overflow:hidden;padding:2px 2px 2px 1px;}
.section{
	border-left:dotted 1px #CFCFCF;
	border-top:0;
	border-right:0;
	border-bottom:0;
	
	/*border-right:dotted 1px #CFCFCF;*/
	/*border-top:dotted 1px #CFCFCF;*/
	/*border-bottom:dotted 1px #CFCFCF;*/
	float:left;
    height:97%;
    overflow:none;
    margin-top: 0px;
    width:18.75%;
    display:inline-block;
    overflow:hidden;
    padding: 5px 5px 5px 5px;
}
.bpsection1{
	border-left:dotted 1px #CFCFCF;
	border-right:dotted 1px #CFCFCF;
	border-bottom:dotted 1px #CFCFCF;
    float:left;
    min-height:30%;
    height:30%;
    max-width:47%;
    width:46%;
    font-size: 0.9 em;
    margin-left: 18px;
    display:inline-block;
    overflow:hidden;
    padding:4px;
 
}
.bpsection2{border-right:dotted 1px #CFCFCF;border-bottom:dotted 1px #CFCFCF;float:left;height:30%; min-height:30%;max-width:47%;
width:46%;font-size: 0.9 em;display:inline-block;overflow:hidden;padding:4px 5px 4px;}
/*.panelImg{display:block;margin-bottom:10px;}*/

.lotusWelcome .lotusForm{margin:15px 0}
.lotusWelcome input.lotusBtnSpecial{padding:1px 2px;background-position:center left;background-repeat:repeat-x;border-width:1px;border-style:solid;font-size:.9em;font-weight:bold}
.lotusWelcome .lotusContent input.lotusText{width:225px}
/*.lotusWelcomeBox{margin:20px 20px 20px 210px;padding:15px;position:relative;border-width:1px;border-style:solid;overflow:hidden;zoom:1;min-height:120px;} JEH:Removed min-height to let box shrink to fit text.*/
.lotusWelcomeBox{margin:20px 20px 20px 0px;padding:15px;position:relative;border-width:1px;border-style:solid;overflow:hidden;zoom:1;}
.lotusWelcomeBox h2{margin:0 180px 10px 0;font-size:1.7em;font-weight:normal;line-height:1em;}
.lotusWelcomeBox .lotusBtnContainer{margin:15px 0 0 0}
.lotusWelcomeBox .lotusBtnContainer .lotusBtn{float:left;}
.lotusWelcomeBox p, .lotusWelcomeBox ul{margin:0 10px 0 0 !important}
.lotusWelcomeBox ul{padding-left:2em;list-style-position:outside;}
.lotusWelcomeBox ul.lotusInlinelist{padding-left:0;padding-top:2px;color:#000000;}
.lotusWelcomeBox ul.lotusInlinelist li{border-left-width:0;}
.lotusWelcomeBox img{position:absolute;top:16px;right:50px;}
.lotusWelcomeBox .lotusClose{position:absolute;top:10px;right:12px;border-width:1px;border-style:solid}
.lotusWelcomeBox .lotusClose img{position:static}
.lotusWelcome .lotusBtnAction, .lotusWelcomeBox .lotusClose{border-color:#666666}
.lotusWelcomeBox{background-color:#e8f0fb;border-color:#d1e0f7}
.lotusWelcomeBox, .lotusWelcomeBox h2{color:#4275aa;}
.lotusWelcomeBox .lotusBtnAction:hover, .lotusWelcomeBox .lotusBtnAction:focus, .lotusWelcomeBox .lotusClose:hover, .lotusWelcomeBox .lotusClose:focus{border-color:#333333}
.lotusSpritesOn .lotusClose img{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2275px}
.spotLightIcon{float:left;}
.columnHead{margin-left:2px;}
.tagline{font-size:.75em;display:inline-block;}
.tagline2{font-size:.75em;display:inline-block;margin-top:10px;}
.columnHead .columnName{font-size:1.1em;font-weight:bold;margin-left:3px;display:inline-block;width:70%;vertical-align:middle;}
#nftrans{margin-bottom:5px;}
/*override the overflow for content that extends beyond content border */
/*#lotusContent, .lotusContent {overflow:auto !important}*/
/* hack to fully left-justify the banner */

#divPrint{
	vertical-align:middle;
	}

/* wiki name in the banner */
.wikiName{font-weight: bold; color: #000000;}

/* set rules for accordion panes and nav trees */
.tundra .dijitAccordionTitle{background: #e8f0fb url('/domjava/xsp/theme/common/images/section_collapsed.gif') no-repeat left;}
.tundra .dijitAccordionTitle-selected{background: #E6E6E6 url('/domjava/xsp/theme/common/images/section_expanded.gif') no-repeat left;}
.tundra .dijitAccordionText{margin-left: 8px; padding:0;display: block;}
.productCategoryLink {margin-left: 2px; margin-bottom: 4px; padding-top: 8px;}
.productCategoryLink a {font-size: 1.0em; color: #105CB6; cursor: pointer;}
.productCategoryLink a:link, a:visited {text-decoration: none;}
/* set a highlighted style for the current topic */ 
.tundra .dijitTreeNodeSelected .dijitTreeLabel {background: #FFFFFF none repeat scroll 0 0;} 
.tundra .dijitTreeNodeSelected .highlighted {background: yellow none repeat scroll 0 0;} 
.highlighted {background-color: #FFFF73;} 
/* set the tree icon to no background image */
.navTreeIcon {background-image: none;} 
/* get rid of the default margin used to separate label from icon */
.dijitTreeLabel {margin: 0px; color: #105CB6;} 
/* override the default 16x16 tree icon style */
.tundra .dijitTreeIcon {height: 0px; width: 0px;}

/* set rules for the tabs */
#tabContainer .tabs{background-image:none;left:10px}
#tabContainer .tabs li{background-image:none;border-bottom-width:0;}
#tabContainer .tabs a, #tabContainer .tabs a:visited{padding:7px 15px 10px 10px;}
#tabContainer .tabs li a{background-image:none;color:#FFFFFF;}
#tabContainer .tabs li:hover a, .tabs li:focus a{color:#FFFFFF;text-decoration: underline;}
#tabContainer .tabs li.selected{background-image:url(zleftTabSelected.gif);}
#tabContainer .tabs li.selected a, #tabContainer .tabs li.selected a:visited{background-image:url(zrightTabSelected.gif);background-color:#FFFFFF;padding-left:10px;color:#000}
ul.tabs {position:absolute;bottom:-1px;overflow:hidden;margin:0;padding:0;list-style:none;}
.tabs li {float:left;margin-right:2px;padding-left:3px;background:url(leftTab.gif) top left no-repeat;border-bottom:1px solid #e0e0e0}
.tabs a, .tabs a:visited {display:block;padding:5px 15px 4px 10px;text-decoration:none;line-height:1.2em;color:#999;background:url(rightTab.gif) top right no-repeat;}/*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*/
.narrow a, .narrow a:visited {display:block;padding:5px 10px 4px 5px;}
.tabs a:hover, .tabs a:focus {color:#FFFFFF;text-decoration: underline;}
.tabs li.selected {background:url(leftTabSelected.gif) top left no-repeat;border-bottom-color:#fff}
.tabs li.selected a, .tabs li.selected a:visited {background:url(zrightTabSelected.gif) top right no-repeat;background-color:#FFFFFF;color:#000;font-weight:bold;}/*bolding the selected tab helps with high contrast accessibility*/

/* Styling for Advanced Search link in title bar */
#viewSearchBar .viewSearchLinks li a{background-image:none;color:#FFFFFF;}
#viewSearchBar .viewSearchLinks li:hover a, .viewSearchLinks li:focus a{color:#FFFFFF;text-decoration: underline;}

/* Styling for Advanced Search link in title bar */
a.advancedSearchLink {color:#FFF;}
a.advancedSearchLink:link{color:#FFF;}
a.advancedSearchLink:hover{color:#000; text-decoration:underline;}

/* Styling for view selector and search controls in title bar */
.viewSearchBar ul{list-style-type: none;display: inline;margin: 0;padding: 0;}
.viewSearchBar li{display: inline;border-left: 1px solid #639ADE;padding-left: 4px;padding-right: 4px;}

/* Styling for pagers in Advanced Search page */
.advancedSearchPaging{margin-top:2px;padding:2px 5px;height:2em;line-height:2em;text-align:center;font-size:.9em;color:#848484;background-color:#f3f3f3;}
.advancedSearchPaging a, .lotusPaging a:visited{font-weight:bold !important;}
.advancedSearchPaging input{width:20px;text-align:center;}
.advancedSearchPaging div{padding-left:5px}
.advancedSearchPaging .lotusInlinelist li{padding:0 6px;}
.advancedSearchPaging .lotusInlinelist li.lotusLast{padding-left:0}

/* set rules for tabbed article views */
.articleViews{background-image:none;background-color:#FFFFFF;}
#articleListing{}
.articleTabs{
	background-image:url("grey_black_gradient.gif");
	background-repeat:repeat-x;
    /*background-background-size:100% 100%*/ ;
	padding:0px;
	margin-left:0px;
	list-style:none;
	/*background-color: #c8c8c8;*/
	overflow:hidden;
	border-left: 1px solid #336699;
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;}
.articleTabs li{background-image:none;background-color:#646464;float:left;border-bottom-width: 0;}
.articleTabs li.selected{background-color:#FFFFFF;}
.articleTabs a, .articleTabs a:visited{padding:7px 15px 7px 15px;display:block;text-decoration:none;line-height:1.2em;color:#FFFFFF;}/*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*/
.articleTabs li:hover a, .articleTabs li:focus a{color:#FFFFFF;text-decoration: underline;cursor:pointer;}
.articleTabs li.selected:hover a, .articleTabs li.selected:focus a{color:#000000;}
.articleTabs li.selected a, .articleTabs li.selected a:visited{padding-left:10px;color:#000000;}
.myArticlesMsg{padding-top: 10px;font-size: 1.1em;}
.viewMoreArticlesLink{float:right;background-image:url(view-more-articles.gif);background-repeat:no-repeat;padding-left:20px;}
.ibmAuthorIcon{margin-right:4px;}
.numResultsDiv{display: inline-block;}
.numResultsPicker{margin-bottom: 8px;}
.numResultsPicker ul{list-style-type: none;display: inline;margin: 0;padding: 0;}
.numResultsPicker li{display: inline;border-left: 1px solid #639ADE;padding-left: 4px;padding-right: 4px;text-align: center;}
.numResultsPicker li.firstItem{border: none;}
/* set rules for IBM icon explanation box */
.messageBox{background-color:#e8f0fb;border:1px solid #4275aa;margin-bottom:6px;padding:10px;position:relative;background-position:left top;background-repeat:repeat-x;overflow:hidden;}
.messageBox .msg{font-size:1.1em;font-weight:normal;line-height:1em;color:#4275aa;}
.messageBox .lotusBtnContainer{margin:15px 0}
.messageBox .lotusBtnContainer .lotusBtn{float:left;}
.messageBox .lotusClose img{float: right;border-width:1px;border-style:solid;}
.messageBox .lotusClose img:hover{cursor: pointer;}

.queryStringLabel {margin-bottom: 8px;font-weight:bold;}
.queryStringComputed {margin-bottom: 8px;}


.idctocstyle{width:100%;margin:0 0 12px 0;border-width:1px;border-style:solid;-moz-border-radius:2px;-webkit-border-radius:2px;
overflow:hidden;background-position:top left;background-repeat:repeat-x;border-bottom-color:#E5E5E5;}

/* set rules for page toolbar */
.pageToolbar{margin-bottom: 10px; padding-top: 10px;height: 3em;border:1px solid #646464;background-color: #f0f0f0;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;-webkit-border-radius:6px;}

/* set rules for add/edit article buttons */
.addEditButtonsContainer{display: inline-block; float:right;padding-left: 0px;margin-right: 0px;margin-bottom: 4px;position:relative;top:-10px;}
.addEditButtons{display: inline;list-style:none; padding-left: 4px;float:left;margin-right:10px;}
.addEditButtons li {float: left; margin-left:6px; position:relative;top:-10px;}
.addEditButtonsArticle{display: inline;list-style:none; padding-left: 4px;float:left;}
.addEditButtonsArticle li {float: right; margin-left:6px; position:relative;top:-10px;}
.editSaveCancelButtons{display: inline;list-style:none;padding:0;}
.editSaveCancelButtons li {float: left; margin-right:6px;}
/* override lotusBtn colors */
span.lotusBtn a {color: #000000;}
span.lotusBtn a:visited {color: #000000;}

/* set rules for ratings widget */
/* MKS 8/2/2010 change rare_widget_div, add rare_widget_div_doc since widget has moved. */
#rare_widget_div {float: right;position:relative;top:-10px;text-align: right;}
#rare_widget_div_doc {text-align: right;}
#rate_article_text { font-weight: bold; font-family: arial; font-size: 12px; }
#ratings_login_link a{ text-decoration: none; font-family: arial; font-size: 12px; }
#numRatings {font-size: 12px; position: relative; top: 2px; margin-left: 4px; }
#msg { font-size: 12px; position: relative; top: 2px; margin-left: 4px; }
.starspan_container { border: 0px solid #000000; padding: 0px; margin: 0px; }

/* set rules for media gallery */
.mediaGallery {background-image:url(mediagallery_32px.png); background-repeat: no-repeat;}
.mediaGallery div {margin-left: 36px;}

/* set rules for translate page */
.transpage {background-image:url(globe6.png); background-repeat: no-repeat;}
.transpage div {margin-left: 37px;}

/* override oneUI rules for width and styling of left sidebar */

.lotusColLeft, #lotusColLeft {width: 220px;}
.customNavigator{width:220px;overflow:auto;overflow-y: hidden;overflow-x:auto;}
.shareDigg{background:url("sprites-pt-all.png") no-repeat scroll 0 -26px transparent;}
.shareFacebook{background:url("sprites-pt-all.png") no-repeat scroll 0 -78px transparent;}
.shareTwitter{background:url("sprites-pt-all.png") no-repeat scroll 0 -158px transparent;}
.shareLinkedIn{background:url("sprites-pt-all.png") no-repeat scroll 0 -104px transparent;}
.shareDelicious{background:url("sprites-pt-all.png") no-repeat scroll 0 0 transparent;}
.shareStumble{background:url("sprites-pt-all.png") no-repeat scroll 0 -208px transparent;}

/* XW Crossware Overrides */
#wikiTitle, .wikiTitle {
	margin-left: 100px;
	vertical-align:text-top; 
	font-family: inherit;
	font-size: 1.8em;	
	color:white;
	
	}
#lotusBanner, .lotusBanner {
	margin-left: -20px; 
	
	background-attachment:fixed;
	background-position: top left;
	background-color:#ed1f1f;
	/*background-color:#E6E6E6;background-image: url("grey_gradient.gif");*/
}
#lotusBanner ul li, .lotusBanner ul li {
	border-color:#000000;
	color:#000000;
	}

#lotusBanner a:link, a:visited {
    color: #000000;
}

#lotusTitleBar .lotusInner, .lotusTitleBar .lotusInner {
	background-color: #4F4F4F;
    background-image: url("black_bkgrnd.gif");
    background-repeat:no-repeat;
    background-attachment:fixed;
  background-background-size:100% 100%;
    }
}

#lotusTitleBar .lotusRightCorner, .lotusTitleBar .lotusRightCorner {
    /*background-image: url("./images/titlebarRight.png");*/
    background-image: url("black_bkgrnd_right.gif");  /*XW*/
	background-repeat:no-repeat;
    background-attachment:fixed;
    background-background-size:100% 100% ;
    background-position: right top;
    padding-right: 6px;}

#lotusColLeft a:link, a:visited{
	color: #3C5F84;
	}
	
#mainPanel a:link, a:visited{
	color: #105CB6;
	}
  
#lotusTitleBar .lotusRightCorner, .lotusTitleBar .lotusRightCorner {
    background-image: url("black_bkgrnd.gif");
    background-background-size:100% 100% ;
    background-color: #4F4F4F;
}

body {
    /*background-image: url("grey_bkgrnd.gif");
 	background-position: left top;
 	background-size:100% 100%;
	background-repeat:repeat-x;	*/
    background-color: #BDBDBD;
}
#lotusFooter, .lotusFooter {
	margin-left: 20px; 
	background-image: url("sidebar.gif");
	background-repeat: repeat-x;
	padding: 0;
}

#footerOuterPanel {
	background-color: #FFFFFF;
    height: 140px;
    margin: 0px 0px 0px 240px;
    margin-right: auto;
    overflow: hidden;
}

#footerPanel {
    /*border: 1px solid #CFCFCF;*/
    /*border: 0px 1px 0px 0px;*/
    height: 130px;
    margin: 10px 40px 0px 20px;
    border-left: 0;
	border-top:0;
	border-right:dotted 1px #CFCFCF;
	border-bottom:0;
}

#articleTitle, .articleTitle {
	/*font-weight: bold;*/
	font-weight: normal;
	font-size:1.2em;	
	color:rgba(237,31,31,1);
	}
	
#mainPanelTextIndent, .mainPanelTextIndent {
	margin-left: 0px; 
	}
#mainPanelCentre, .mainPanelCentre {
	text-align:center; 
	background-position:center;
	}

#dijitAccordionTitle, .dijitAccordionTitle, #dijitSelected, .dijitSelected, #dijitAccordionTitleActive, .dijitAccordionTitleActive,  #dijitAccordionTitleFocus, .dijitAccordionTitleFocus{
	background-color: none;
	border: none;
}

#dijitAccordionTitle, .dijitAccordionTitle, #dijitAccordionTitleSelected, .dijitAccordionTitleSelected, #dijitContentPane, .dijitContentPane, #dijitAccordionContainer, .dijitAccordionContainer, #dijitContainer, .dijitContainer, #dijitLayoutContainer, .dijitLayoutContainer, #dijitAccordionContainer-child, .dijitAccordionContainer-child, #dijitAccordionContainer-dijitContentPane, .dijitAccordionContainer-dijitContentPane{
	border: none; 
	background-color: #CFCFCF;
	background-image: url("sidebar.gif");
	}

#discussionForm, .discussionForm {
	background-color: #CCCCCC;
	/*background-image: url("sidebar.gif");
	background-position: left top;
    background-size: 100%px;*/
    font: 0.75em Arial,Helvetica,sans-serif;
	}
	
#discussionName, .discussionName {
	color: #FFFFFF;
	font-size: 80%;
	width: 100%;
	/*font-weight: bold;*/
	}
	
#discussionHeadline, .discussionHeadline {
	font-size: 80%;
	color: #66CCFF;
	margin-left: 5px
	}
#discussionPhoto, .discussionPhoto {
	align: left;
	height: 40px;
	width: 40px;
	}
	
#discussionHeaderBackground, .discussionHeaderBackground{
	padding: 0px;
	background-image: url("grey_black_gradient.gif");
	background-position: left top;
    background-size: 50px;
    background-width: 100%;
	}
#discussionSubject, .discussionSubject {
	font-size: 80%;
	background-image: url("sidebar.gif");
	background-position: left top;
	}
#discussionTextArea, .discussionTextArea{
	width: 100%;
	}
#lotusBtn:hover,	.lotusBtn:hover{
	cursor:pointer;
	}
	
#addCommentPanel{
	display:none;
	}
#discussion{
	display:none;
	}
#addComment{
	display:none;
	}
	
.discussionInner td {
	border-width:0; 
	border-style: none;
	border-color: FFFFFF;
	}
	
	
.lotusCommentBody {
	background-image: url("light_blue_grad.gif");
	background-repeat:no-repeat;
	background-size:100% 100%;
	}
	
#lotusColLeft, .lotusColLeft{
	padding-top: 0px;
	margin-top: 0px;
	}

#descriptionText, .descriptionText {
	color: #787878;
	}
	
.unslider-arrow{
	top:40%;
	left:-10px !important;
	}
.unslider-arrow.next{
	right:-10px !important;
	left:auto !important;
	}
/* XW Crossware Overrides */
/* Copyright IBM Corp. 2001, 2008 */
/* CSS Document */ /*version 1.08 7/17/08*/
/*this file contains core styles related to layout of elements.  Additional styling for colors and background images can be found in specific theme files (defaultTheme.css, etc.)*/

/*** R E S E T ***/
/*reset styles, to get rid of browser-specific styling of elements and to set our own defaults*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:1px dotted;}
body{font:normal .75em/1.5em "Segoe UI", Helvetica, sans-serif;background-position:top left;background-repeat:repeat-x}
body.lotusJapanese, .lotusJapanese *{font-family:"MS UI Gothic","MS PGothic", "Apple Gothic", Arial, Helvetica, sans-serif}
ul{list-style-type:disc;margin-left:20px;margin-top:5px;padding-left:0}
ol{list-style-type:decimal;margin-left:20px;margin-top:5px;padding-left:.2em;/*padding keeps the numbers from being cut off*/}
input, select{font-size:inherit;font-family:inherit}
caption, th, td{text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}

dt{padding:3px 10px;margin:10px 0 0 0;font-size:1.1em}
dd{padding:5px 10px}
em{font-style:italic}
strong{font-weight:bold}

/*the following headers are used to give heirarchy to the page*/
/*the sizes of the headers are set to support our visual styles*/
/*some header styles are also reset within certain components or sections of the page*/
h1, h2, h3, h4, h5, h6{}
h1{font-size:1.7em;font-weight:bold;line-height:1.2em}/*page header*/
h2{font-size:1.5em;font-weight:normal}/*section headers*/
h3{font-size:1.1em;font-weight:bold}/*subsection headers*/
h4{font-size:1.2em;font-weight:normal}/*entry titles*/	
h5{font-size:1.1em;font-weight:bold}/*entry details sections*/
h6{font-size:1em}
img{border:0;vertical-align:middle;}
pre{font-family:"Courier New", Courier, monospace;} /*this helps eliminate discrepencies for how this displays cross-browser*/
/*internal link (default link style)*/
a:link, a:visited{text-decoration:none;font-weight:600;}
a:hover, a:focus, a:active{text-decoration:none !important; font-weight:600 !important; cursor:pointer;}
strong{font-weight:bold;}
.xspPrevious a:active{font-weight:400;}
/***********************************************************/

/*link default styles*/
/*tag*/
.lotusRelatedTags a{background-position:left center;background-repeat:no-repeat;padding-left:10px}
/*link hover styles*/
.lotusTags a:hover, .lotusTags a:focus, a.lotusTag:hover, a.lotusTag:focus, a.lotusPerson:hover, a.lotusPerson:focus{text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted}
.lotusTagBin {margin-top:10px;}
a.lotusMyLink:hover, a.lotusMyLink:focus, .lotusMyLinks a:hover, .lotusMyLinks a:focus{text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted; cursor:pointer;}
/*single and group action links*/
/*this is to provide a class for overriding link colors in groups of links to indicate that the link is an action link (like the "Tag this" link in a tag group*/
a.lotusAction, a.lotusAction:visited{text-decoration:underline !important;border-bottom:0 !important;}
a.lotusAction:hover, a.lotusAction:focus, .lotusActions a:hover, .lotusActions a:focus, .lotusTags a.lotusAction:hover, .lotusTags a.lotusAction:focus {text-decoration:underline !important;border-bottom:0 !important;}
/*to assign an icon to an action link, you need to assign a unique id to the link and give it a background image.  The rest of the code is in this css declaration*/
.lotusActions a, .lotusActions a:visited{text-decoration:underline;border-bottom:0}
a.lotusDropDown, a.lotusDropDown:visited, a.lotusDropDown:active{padding-right:14px;background-position:right center ;background-repeat:no-repeat;}
.lotusIcon a{padding-left:18px;background-position:left center;background-repeat:no-repeat}
.lotusDelete{background-position:top left;background-repeat:no-repeat;} /*delete icon with rollover state*/

/*general styles*/
.lotusAccess{position:absolute;left:-3000px;width:500px;}
.lotusIndent10{padding-left:10px;}
.lotusIndent15{padding-left:15px;}
.lotusIndent20{padding-left:20px}
.lotusIndent40{padding-left:40px;}
.lotusIndent60{padding-left:60px;}
.lotusLeft{float:left;text-align:left;}
.lotusRight{float:right;text-align:right;}
.lotusCenter{text-align:center;}
.lotusClear{clear:both}
.lotusClearLeft{clear:left}
.lotusClearRight{clear:right}
.lotusAlignRight{text-align:right;}
.lotusAlignLeft{text-align:left;}
.lotusHidden{display:none} /*hides from visual UI but not from screen readers*/
.lotusLTR{direction:ltr}/*allows you to assign an element to always read LTR*/
.lotusRTL{direction:rtl}/*allows you to assign an element to always read RTL*/
.lotusNudge{} /*use this general class name with specific qualifiers when you need to adjust the position of a specific item (see entry class in this stylesheet for an example)*/
.lotusTiny{font-size:.9em}
.lotusNowrap{white-space:nowrap}

/*inline list styles - to make a list display horizontally*/
.lotusInlinelist{margin:0;padding:0}
.lotusInlinelist li{display:inline;margin:0;padding:0 7px;border-left-width:1px;border-left-style:solid}
.lotusInlinelist li.lotusFirst, .lotusInlinelist li.lotusLast{padding-left:0;border-left-width:0;}
.lotusNoDivider li{border-left-width:0;}

/*** P A G E   S T R U C T U R E ***/
outerFrame{margin:0;padding:0;}
#lotusFrame, .lotusFrame{margin:0;padding:0;background-color:background-color:rgb(178,128,128);}
#lotusTitleBar, #lotusPlaceBar, .lotusTitleBar, .lotusPlaceBar{margin:0 10px}
#lotusMain, #lotusFooter, .lotusMain, .lotusFooter{clear:both;margin:0px;overflow:hidden;}
#lotusMain, .lotusMain{padding:0 0 5px 0;min-height:400px;border-width:0 1px 1px 1px;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;background-position:top left; background-repeat:no-repeat}
#lotusColLeft, .lotusColLeft{float:left;width:180px;padding:20px 10px 10px 10px;}
#lotusColRight, .lotusColRight{float:right;width:190px;padding:15px 10px 15px 0;font-size:.9em}
#lotusColRight h2, .lotusColRight h2{padding-left:8px}
#lotusColLeft .lotusFirst, #lotusColRight .lotusFirst, .lotusColLeft .lotusFirst, .lotusColRight .lotusFirst{margin-top:0;}
#lotusContent, .lotusContent{padding:16px 40px 20px 40px;overflow:hidden; /*this sets a new block formatting context, which keeps the center content separate from the floated divs.  This allows us to clear floats in the center.*/margin-right:auto;margin-left:auto;/*bidi bug fixes for Firefox*/min-height:400px;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;margin-bottom:-4px/*need the min-height and the rounded corners and the negative bottom margin, to get rid of the left column background image (matches lotusMain)*/}
.lotusContentColOne{float:left;margin:10px 0 10px 10px;padding-right:10px;width:45%;}
.lotusContentColTwo{float:left;margin:10px 10px 10px 0;text-align:left;width:45%;}
/***********************************************************/

/*** C S S   S P R I T E S ***/
/*these refer to one graphic file that contains many individual graphics*/
/*individual graphics are positioned using CSS*/
/*individual sprites are located in the themes files*/
.lotusSprite{float:left;display:block;background-repeat:no-repeat;}
.dijit_a11y .lotusSprite{border-width:1px;border-style:solid}/*to give an outline of the sprite when images are turned off*/
/*twisty arrows for headers and drop down arrows for elements that show a drop down menu*/
.lotusArrow{margin-right:2px;width:13px;height:18px;}
.lotusDropDownSprite, .lotusDropDownActionSprite{margin-right:0;padding:1px;display:inline;float:none;text-decoration:none}
.lotusStatus .lotusArrow{width:11px;height:16px;margin-right:3px;}
#lotusColLeft .lotusArrow, .lotusColLeft .lotusArrow, .lotusTwistyOpenMenu, .lotusTwistyClosedMenu{width:11px;height:16px}
.lotusViewControl{display:table;}
.lotusViewControl span{margin:5px 10px 0 0;float:left}/*styles for the text preceeding the control*/
.lotusViewControl div{padding:1px;border-width:1px;border-style:solid;display:table;background-position:left center;background-repeat:repeat-x;}
.lotusViewControl td{vertical-align:middle;padding:0}
.lotusViewControl td div{display:block;overflow:hidden}
.lotusView{margin:0;padding:0;width:20px;height:20px;}
.dijit_a11y .lotusView{width:50px}/*to align view conrols vertically when images are turned off (so you can read the alt text)*/
/***********************************************************/

/*** A C T I O N   B A R ***/
/*this is the area above entry tables, containing action button, view controls, drop-down find-in-table, etc.*/
.lotusActionBar{margin-bottom:4px !important;/*this number works with the margin-top of the paging control to simulate 8px*/position:relative;float:left;width:100%}
.lotusActionBar2{margin-top:-25px;margin-bottom:4px !important;position:relative;float:left;width:100%} /*use this in place of lotusActionBar when you want to compress the vertical space between the actionbar and the element(s) above it*/
/***********************************************************/

/*** A C T I O N   M E N U ***/
/*these are the styles for drop-down menus*/
ul.lotusActionMenu{margin:0;padding:0;list-style-type:none;display:table;position:absolute;left:-9999px;border-width:1px;border-style:solid;width:15em;background-position:top left;background-repeat:repeat-y}
.lotusActionMenu li.lotusSelected a{background-position:4px center; background-repeat:no-repeat;}
.lotusActionMenu li.lotusMenuSeparator{border-top-width:1px;border-top-style:solid !important}
.lotusActionMenu a, .lotusActionMenu a:visited{padding:3px 3px 5px 25px;text-decoration:none;display:block;background-position:3px center;background-repeat:no-repeat}
/*additional styles for dijit drop-down menus (sit on top of dijit.css)*/
.dijitMenu{border-width:1px !important;border-style:solid !important;/*need !important because dijitReset comes after dijitMenu in the list of classes*/}
.dijitMenuTable{background-position:left top;background-repeat:repeat-y;}
.dijitMenuItem td{white-space:nowrap;padding:2px 0;}
.dijitMenuItemIcon{width:25px;height:16px;background-position:center center}
.dijitMenuItemLabel{padding-left:5px !important;padding-right:5px !important;}
.dijitMenuSeparatorTop{margin-top:0;border-bottom-width:1px;border-bottom-style:solid}
.dijitMenuSeparatorBottom{margin-bottom:0;border:0;}
/***********************************************************/

/*** B A N N E R ***/
/*this is the very top of the UI, that contains the logo, application links, user name, login/logout*/
#lotusBanner, .lotusBanner{padding:5px 15px 4px 30px;text-align:right;overflow:hidden}
#lotusBanner #lotusLogo, .lotusBanner .lotusLogo{float:left;}
#lotusBanner ul, .lotusBanner ul{margin-top:3px;float:right;}		
#lotusBanner ul.lotusLinks, .lotusBanner ul.lotusLinks{padding-left:20px;float:left;}
#lotusBanner ul.lotusLinks li, .lotusBanner ul.lotusLinks li{border-left-width:0;}
#lotusBanner ul li, .lotusBanner ul li{padding:0 2px;}
#lotusBanner ul.lotusLinks li.lotusSelected, .lotusBanner ul.lotusLinks li.lotusSelected{padding:3px 5px}
#lotusBanner ul.lotusLinks li.lotusSelected a, .lotusBanner ul.lotusLinks li.lotusSelected a{font-weight:bold;}
#lotusBanner ul li a, #lotusBanner ul li span.lotusUser, .lotusBanner ul li a, .lotusBanner ul li span.lotusUser{padding:3px 8px;}
#lotusBanner ul.lotusLinks li.lotusSelected a, .lotusBanner ul.lotusLinks li.lotusSelected a{text-decoration:none}
/***********************************************************/

/*** B R E A D C R U M B S ***/
/*these sit above the page header (lotusHeader)*/
/*use lotus divider for an image in between breadcrumbs that when clicked shows a drop-down menu, otherwise, just use > between breadcrumbs*/
.lotusBreadcrumbs{margin:0 0 5px 0}
.lotusBreadcrumbs .lotusDivider{padding:0 3px;background-position:left center;background-repeat:no-repeat}
.lotusBreadcrumbs .lotusDivider:hover, .lotusBreadcrumbs .lotusDivider:focus, .lotusBreadcrumbs .lotusDivider:active{text-decoration:none}
/***********************************************************/

/*** B U T T O N S ***/
/*button in left column, set width*/
.lotusButton{margin-bottom:10px;width:174px;border-width:1px;border-style:solid;text-align:center;}
.lotusButton a{padding:7px 0;display:block;border-width:0 1px 1px 1px;border-style:solid;background-position:center left;background-repeat:repeat-x;text-decoration:none;cursor:pointer;font-size:1.3em;font-weight:bold}
/*action buttons - green and gray*/
/*put the lotusBtn class on either a span around a link or on an input button in a form*/
.lotusBtnContainer{margin-bottom:0;padding-bottom:0;white-space:nowrap;}/*put this around a bunch of "link" buttons*/
span.lotusBtn{margin-right:5px;border-width:1px;border-style:solid;display:-moz-inline-box/*for FF2*/;display:inline-block;text-align:center}
span.lotusBtn a{padding:1px 10px 2px 10px;display:block;border-width:0 1px 1px 1px;border-style:solid;background-position:center left;background-repeat:repeat-x;text-decoration:none;white-space:nowrap;font-size:.9em;font-weight:bold}
input.lotusBtn{padding:1px 10px 2px 10px;border-width:1px;border-style:solid;background-position:center left;background-repeat:repeat-x;text-decoration:none;white-space:nowrap;font-size:.9em;font-weight:bold}
.lotusBtnDivider{border-bottom-width:1px;border-bottom-style:solid;padding-bottom:5px}/*add this as an additional class when you need a bottom divider for the buttons*/
span.lotusBtnAction a, span.lotusBtnSpecial a{border-width:0 1px 1px 1px;}/*the lotusBtnAction class is an additional class on the lotusBtn span for the green buttons*/
.lotusButton a:hover, .lotusButton a:focus, span.lotusBtn a:hover, span.lotusBtn a:focus{text-decoration:none;}/*gets rid of underline on button hover*/
.lotusBtnDisabled a{cursor:default}/*no cursor change on disabled button*/
/***********************************************************/

/*** C A P T I O N ***/
/*provides a gray background for a caption above another component*/
.lotusCaption{margin-top:.2em;padding:2px 5px;height:2em;line-height:2em;clear:both;text-align:center;}
.lotusCaption .lotusMeta{font-size:.9em}
/***********************************************************/

/*** C O M M E N T ***/
/*comments are found throughout the UI.  The plain lotusComment class has bubble styling.  Comments within a discussion have a different format*/
/*some somersaults to get the comment "points" to work.  The margin top will only be picked up by the first comment.  The rest of the comments are spaced by the bottom relative margin in the comment body - which contains the height of the header plus additional spacing*/
.lotusComment{position:relative;margin:0 0 2px -10px;padding:0 0 0 10px;}
.lotusCommentHeader{padding-left:15px;padding-bottom:3px;position:absolute;top:0;left:16px;z-index:1;height:1.5em;background-position:left bottom;background-repeat:no-repeat;}
.lotusCommentBody{position:relative;top:1.6em;margin:0 10px 2em 0;padding:5px 10px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px}
/* Comments that appear with small picture */
.lotusCommentPic {margin-top:10px;}
.lotusCommentPic .lotusCommentHeader {padding-bottom:10px;}
.lotusCommentPic .lotusCommentBody {top:2.2em;}
/*lotusDiscussion is for discussion forums, which treat comments differently*/
.lotusDiscussion .lotusComment{position:relative;margin:10px 0 10px -15px;padding:0;border-width:1px 0 0 1px;border-style:solid;}
.lotusDiscussion .lotusFlatComment{margin:10px 0 1px -25px}
.lotusDiscussion .lotusCommentHeader{position:static;margin:0;padding:4px 4px 3px 4px;height:auto;overflow:hidden;background-position:left top;background-repeat:repeat-x}
.lotusDiscussion .lotusCommentHeader img{margin-right:5px}
.lotusDiscussion .lotusCommentArrow{margin-top:5px}
.lotusDiscussion .lotusCommentArrow:hover, .lotusDiscussion .lotusCommentArrow:focus{text-decoration:none}
.lotusDiscussion .lotusCommentBody{margin:0;padding:0 0 0 30px;position:static;-moz-border-radius:0;-webkit-border-radius:0;border-width:0} 
.lotusDiscussion .lotusFlatComment .lotusCommentBody{padding-right:0}
/*lotusComments in the person card contains status information for the person*/
.lotusPersonDetails .lotusComment{margin:-10px 0 2px -10px;padding:0 0 0 10px;position:relative;}
.lotusPersonDetails .lotusCommentHeader{padding-left:15px;padding-bottom:3px;position:absolute;top:0;left:16px;z-index:1;height:1.6em;background-position:left bottom;background-repeat:no-repeat;}
.lotusPersonDetails .lotusCommentBody{margin:-1px 0 2.2em 0;padding:5px 10px;position:relative;top:1.7em;border-width:1px;border-style:solid;z-index:0;-moz-border-radius:4px 4px 6px 6px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px}
/*fixes for content coming in from the RTE*/
.lotusCommentBody ul{list-style-type:disc;margin-left:20px;margin-top:5px;padding-left:0;}
.lotusCommentBody ol{list-style-type:decimal;margin-left:20px;margin-top:5px;padding-left:.2em;/*padding keeps the numbers from being cut off*/} 
.lotusCommentBody ul li{overflow:visible}
.lotusCommentBody ol li {overflow:visible;}
.lotusCommentBody ul ul, .lotusCommentBody ol ul {list-style-type:circle;}
.lotusCommentBody ul ul ul, .lotusCommentBody ol ul ul, .lotusCommentBody ol ol ul{list-style-type:square}
.lotusCommentBody blockquote{margin:5px 20px}
/***********************************************************/

/*** D I A L O G ***/
/*this can be wrapped in a dojo dialog, if desired, which gives you the lightbox behavior for free*/
.lotusDialogBorder{border-width:4px;border-style:solid;max-width:600px;}
.lotusDialog{opacity:1;height:auto;}
.lotusDialog h1{font-weight:bold;padding:12px 12px 12px 20px;border-bottom-width:1px;border-bottom-style:solid;background-position:left bottom;background-repeat:repeat-x;}
.lotusDialog h2{font-weight:bold;padding:12px 12px 12px 20px;margin:0 !important/*so it doesn't pick up the margins from lotusForm*/}
.lotusDialog .lotusClose{border-width:1px;border-style:solid}
.lotusDialog .lotusText{width:97%}
.lotusDialog .lotusDialogContent{padding:20px 12px 20px 20px;border-bottom-width:1px;border-bottom-style:solid;max-height:300px;overflow:auto}
.lotusDialog .lotusDialogFooter{padding:12px 12px 12px 20px;}
.lotusDialog td.lotusFormLabel{vertical-align:top;}
.lotusDialog ul li{margin-bottom:3px;list-style:none;}
/***********************************************************/

/*** F E E D S **/
/*the feed links under the content*/
.lotusFeeds{margin:5px 10px;font-size:.9em}
.lotusFeeds a.lotusFeed{padding-left:20px;margin-right:7px;background-position:left center;background-repeat:no-repeat}
/***********************************************************/

/*** F O O T E R **/
/*this sits at the bottom of the UI and contains a lot of support links, like help and about*/
#lotusFooter, .lotusFooter{padding:10px 10px 10px 0;border-width:1px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:.9em}
#lotusFooter p, .lotusFooter p{line-height:1.3em}
#lotusFooter ul, .lotusFooter ul{margin:0;padding:0;list-style-type:none}
#lotusFooter li, .lotusFooter li{line-height:1.2em;padding:.3em 0}
#lotusFooter th, #lotusFooter td, .lotusFooter th, .lotusFooter td{border-right-width:1px;border-style:solid}
#lotusFooter th.lotusLast, #lotusFooter td.lotusLast, .lotusFooter th.lotusLast, .lotusFooter td.lotusLast{border-width:0}
#lotusFooter th, .lotusFooter th{padding:5px 10px 3px 25px;width:20%;font-weight:bold;font-size:1.1em}
#lotusFooter td, .lotusFooter td{padding:0 50px 10px 25px;}
/***********************************************************/

/*** F O R M S ***/
/*these styles are for inline and popup forms*/
.lotusForm h2 {margin:25px 15px 15px 25px;font-size:1.3em;}
.lotusForm tr.lotusFormFieldRow td, .lotusForm td.lotusFormFieldRow{padding-bottom:10px}
.lotusTable .lotusForm td, .lotusFormTable td {border-width:0 !important}
.lotusForm td.lotusFormLabel {vertical-align:top;text-align:right;padding-right:10px;}
.lotusForm td label{font-weight:bold;}
.lotusForm label.lotusCheckbox{font-weight:normal}/*use for radio buttons, too*/
.lotusText {width:99%;}
.lotusForm textarea {margin-bottom:7px;}
.lotusFormErrorSummary div {margin:10px 15px 3px 25px;}
.lotusFormErrorSummary ul {margin:0 15px 10px 40px;list-style-type:disc;/*list-style-position:inside;*/}
.lotusFormError, .lotusFormRequired {font-weight:bold;}
td.lotusFormRequired {padding-bottom: 0 !important;}
.lotusFormTable {width:100%;}
.lotusFormTable td{border-width:0 !important}
.lotusFormSection {padding:5px 0 0 0;}
/* button elements */
.lotusFormTable .lotusFormFooter{padding:10px 25px !important;}
input.lotusFormButton{font-weight:bold;margin-right:15px;padding:1px 10px 2px 10px;border-width:1px;border-style:solid}
.lotusDashboardSearch input.lotusFormButton {margin-top:20px;}
/*special classes for forms in left and right columns*/
#lotusColLeft .lotusFormTable, .lotusColLeft .lotusFormTable, #lotusColRight .lotusFormTable, .lotusColRight .lotusFormTable{margin-left:-10px;}
#lotusColLeft .lotusFormTable td, .lotusColLeft .lotusFormTable td, #lotusColRight .lotusFormTable td, .lotusColRight .lotusFormTable td{padding-left:10px;padding-top:5px}
#lotusColLeft .lotusFormFooter, .lotusColLeft .lotusFormFooter, #lotusColRight .lotusFormFooter, .lotusColRight .lotusFormFooter{padding-left:10px !important;}
/*need to qualify this with lotusForm so it doesn't impact the text inputs on the find control*/
#lotusColLeft .lotusForm input.lotusText, .lotusColLeft .lotusForm input.lotusText, #lotusColRight .lotusForm input.lotusText, .lotusForm .lotusColRight input.lotusText{/*width:165px !important*/}
#lotusColRight .lotusForm input.lotusText, .lotusForm .lotusColRight input.lotusText{padding:1px !important}
/***********************************************************/

/*** H E A D E R ***/
/*found at the top of the page, center column*/
.lotusHeader{margin-bottom:5px;margin-top:-5px;overflow:hidden;position:relative}
div.lotusHeader{margin-bottom:15px}/*this is for a simple header, not in a table layout, to adjust the bottom margin*/
.lotusHeader img{margin-right:10px;}
.lotusHeader .lotusDetails img, .lotusHeader .lotusBtnContainer img{margin-right:0;} /*to set image behavior back to normal, details row*/
.lotusHeader .lotusDetails{margin-top:5px;position:relative;white-space:break-word;clear:both}
.lotusHeader .lotusBtnContainer{margin-top:10px;}
/*filters sit under the header and are interactive (you can remove them)*/
.lotusFilters{margin-top:5px;line-height:1.8em;font-size:.9em}
.lotusFilters a.lotusFilter{padding:1px 3px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;text-decoration:none}
.lotusFilters .lotusClose{padding:0 4px}
.lotusFilters .lotusDivider{padding:0 5px}
.lotusFilters .lotusIcon:hover, .lotusFilters .lotusIcon:focus{text-decoration:none}
/***********************************************************/

/*** I N F O   B O X ***/ 
/*this is used for help and tips*/
.lotusInfoBox, .portlet-msg{margin:15px 0 5px 0;padding:5px;border-width:1px;border-style:solid;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden}
.lotusInfoBox h3, .portlet-msg h3{margin:5px 0 10px 0;padding:0 0 0 5px;overflow:hidden}
.lotusInfoBox h3 img, .portlet-msg h3 img{margin:5px 5px 0 0;border-width:1px;border-style:solid}
.lotusInfoBox h4, .portlet-msg h4{margin:2px 5px;font-weight:bold}
.lotusInfoBox p, .portlet-msg p{margin:0;padding:5px;}
.lotusInfoBox ul, .portlet-msg ul{list-style-type:disc;margin-left:20px;margin-top:5px;padding-left:0}
.lotusInfoBox .lotusInlinelist, .portlet-msg .lotusInlinelist{padding-bottom:5px;padding-left:0;}
.lotusInfoBox .lotusInlinelist li, .portlet-msg .lotusInlinelist li{padding-bottom:5px;border-left-width:0;}
/*put lotusHelp as an additional style to lotusInfoBox for help popups*/
.lotusHelp{position:absolute;width:200px;top:0;left:-9999px;padding:4px;}
.lotusHelp .lotusInfoBox{margin:0;border-width:1px;border-style:solid;-moz-border-radius:0;-webkit-border-radius:0;background-position:left top;background-repeat:repeat-x;}
.lotusHelp h3{margin:4px 3px 0 0;float:left}
.lotusMedium{width:300px}/*you can put this as an additional class to set the width to 300 pixels*/
/***********************************************************/

/*** L I S T S ***/ 
/*use in conjuction with sections if you want a more complex list*/
ul.lotusList{clear:both;overflow:hidden;margin:0;padding:0;list-style-type:none}
ul.lotusList li {margin:1px 0;padding:3px 2px 3px 2px;clear:both;}
ul.lotusEditable li{text-align:right;overflow:hidden} /*use this class in combination with list class - allows you to put a delete button on a list item*/
.lotusList a, ul.lotusList li.lotusSelected a{border-bottom-width:1px;border-bottom-style:dotted}/*to keep links for jumping on hover*/
ul.lotusList li.lotusSelected a{text-decoration:none;}
ul.lotusList img.lotusLeft{margin-right:3px}
ul.lotusList div p{margin-top:3px}/*second line of data*/
/***********************************************************/

/*** M E N U ***/
/*this is the green menu found at the top of the left column*/
/*this menu is set up to allow for rounded corners in all browsers and is a set width*/
.lotusMenu, .portlet-menu{margin:0 0 15px 0;padding-top:5px;width:178px;background-position:top left;background-repeat:no-repeat;}
.lotusMenu .lotusBottomCorner, .portlet-menu .lotusBottomCorner{padding-bottom:5px;background-position:bottom left;background-repeat:no-repeat;}
.lotusMenu .lotusInner, .portlet-menu .lotusInner{background-position:top left;background-repeat:repeat-y;overflow:hidden}
.lotusMenu .lotusMenuSection{overflow:hidden;margin:0 0 3px 0;padding-bottom:5px;border-bottom-width:1px;border-bottom-style:solid;}/*creates a section in the menu, with a divider at the bottom*/
.lotusMenu .lotusMenuSubsection{margin:10px 0 0 20px;}/*allows you to indent a section of the menu*/
.lotusMenu h2, .portlet-menu h2{margin:0 0 7px 13px;padding:0;font-size:1em}
.lotusMenu h3, .portlet-menu h3{margin:0 5px 0 5px;padding:2px 0 2px 10px;}/*not sure we are still using this*/
.lotusMenu .lotusMenuSubsection h3{margin-left:-15px}
.lotusMenu h3.selected, .portlet-menu h3.selected{border-width:1px;border-style:solid;}
.lotusMenu h3 a{margin-right:5px}
/*Use a ul element for menu items. Put an additional lotusIcons class on it if your menu items have icons*/
.lotusMenu ul, .portlet-menu ul{margin:0;padding:0;list-style-type:none;}
.lotusMenu li img, .portlet-menu .lotusMenu li img{margin:0 3px 0 0}
.lotusMenu li a, .lotusMenu li a:visited, .portlet-menu li a, .portlet-menu li a:visited{padding:5px 0 5px 13px;display:block;text-decoration:none;font-weight:normal;line-height:1.0em}
.lotusMenu ul.lotusIcons img{vertical-align:text-bottom}
.lotusMenu ul.lotusIcons a{padding:3px 0 3px 13px}
.lotusMenu li a:hover, .lotusMenu li a:focus, .portlet-menu li a:hover, .portlet-menu li a:focus{text-decoration:none;font-weight:600;}
.lotusMenu li.lotusSelected a, .lotusMenu li.lotusSelected a:visited, .portlet-menu li.lotusSelected a, .portlet-menu li.lotusSelected a:visited{margin:0 5px 3px 5px;padding-left:6px;border-width:1px;border-style:solid;text-decoration:none;cursor:default;font-weight:bold;}
.lotusMenu div.lotusChunk, .portlet-menu .lotusMenu div.lotusChunk {margin:5px 5px 0 0;}/*lotusChunk allows you to apply vertical spacing within sections - wrap a div with this class around "chunks" of data*/
.lotusMenu .lotusMenuFeed li span {line-height:1.4em;display:block;float-left;margin-left:20px;}/*this is for a feed icon/link for proper wrapping*/
/***********************************************************/

/*** M E S S A G E S ***/
/*these are the yellow warning/error messages that show up at the top of the content area*/
.lotusMessage{padding:5px 5px 5px 5px;margin-bottom:12px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;zoom:1}
.lotusMessage img {margin:2px 5px 0 0;float:left}
.lotusMessage span{display:block;margin-left:20px}
/***********************************************************/

/*** P A G I N G***/
/*these are the page bars at the top and bottom of a table/list of entries*/
.lotusPaging{margin-top:2px;padding:2px 5px;height:2em;line-height:2em;clear:both;text-align:center;font-size:.9em;}
.lotusPaging a, .lotusPaging a:visited{font-weight:bold !important;}
.lotusPaging input{width:20px;text-align:center;}
.lotusPaging div{padding-left:5px}
.lotusPaging .lotusInlinelist li{padding:0 6px;}
.lotusPaging .lotusInlinelist li.lotusLast{padding-left:0}
/***********************************************************/

/*** P L A C E   B A R 	***/
/*this place bar shows up right below the title bar and tells user what place or community they are in*/
#lotusPlaceBar, .lotusPlaceBar{position:relative;border-width:0 1px 1px 1px;border-style:solid;overflow:hidden;background-position:center left;background-repeat:repeat-x;}
#lotusPlaceBar h2, .lotusPlaceBar h2{padding:2px 0 0 12px;float:left;font-size:1.4em;line-height:2em;font-weight:normal}
#lotusPlaceBar .lotusBtnContainer, .lotusPlaceBar .lotusBtnContainer{float:right;padding:.5em 10px 0 0;}/*buttons show up on the right side of the place bar*/
/***********************************************************/

/*** S E A R C H ***/
/*these styles support the search UI in the title bar*/
.lotusSearch{}
.lotusSearch input, .lotusSearch select{vertical-align:middle;}
.lotusSearch .lotusSearchButton{border-width:1px;border-style:solid;}
.lotusSearch span.lotusBtn a{padding:0 7px}
.lotusSearch .lotusText{margin:0 1px;padding:2px 5px;width:11em;border-width:1px;border-style:solid;}
.lotusSearch select{margin:0 1px;border-width:1px;border-style:solid;padding:1px}
/***********************************************************/

/*** S E A R C H   T A B ***/
/*this is the UI for a search/find control that hides the input fields until the user opens them*/
/*this must be inside a relatively positioned div - override default positioning in the code, if necessary*/
.lotusSearchTab{position:absolute;right:0;bottom:0;padding:.3em 5px;z-index:1;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;}
.lotusTabExpanded{-moz-border-radius:4px 4px 0 0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px}
.lotusSearchTab a, .lotusSearchTab a:visited{padding-right:18px;display:block;background-position:center right;background-repeat:no-repeat;text-decoration:none;font-weight:bold}
.lotusSearchForm{margin:0;padding:12px 10px;position:absolute;top:1.9em;right:0;display:none;z-index:0;border-width:1px;border-style:solid;-moz-border-radius:4px 0 4px 4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;white-space:nowrap}
.lotusSearchForm input.lotusText{width:15em}
.lotusSearchForm input, .lotusSearchForm select{vertical-align:middle;margin-left:3px;}
/***********************************************************/

/*S E C T I O N */
/*this is used to space out different elements in all three columns*/
/*a section contains a header*/
.lotusSection, .portlet-section{margin:15px 0 0 0;padding:2px 0 5px 0;clear:both}
.lotusSection div.lotusChunk, .lotusSection div.lotusSubsection{margin:5px 0 0 0;clear:both;}/*for further sectioning within a section*/
div.lotusSubsection div.lotusChunk{margin:0}
#lotusContent .lotusSection h2, 
.lotusContent .lotusSection h2{padding-top:5px;padding-bottom:5px;border-top-width:1px;border-top-style:solid;margin-bottom:5px}/*section header and subheader, center column*/
.lotusSection h2.lotusIcons img, .lotusSection h3.lotusIcons img, .portlet-section h2.lotusIcons img, .portlet-section h3.lotusIcons img{margin-left:3px}
.lotusSection div.lotusLast, .portlet-section div.lotusLast{margin-bottom:0}/*gets rid of extra bottom margin on the last "subsection"*/
.lotusDiscussion .lotusSection h2{padding-left:5px}
/*section adjustments for the left column*/
#lotusColLeft .lotusSection, 
.lotusColLeft .lotusSection{border-bottom-width:1px;border-bottom-style:solid;padding-bottom:10px}
#lotusColLeft .lotusSubsection, 
.lotusColLeft .lotusSubsection{margin:15px 0 0 11px}
#lotusColLeft .lotusSection div.lotusChunk, 
.lotusColLeft .lotusSection div.lotusChunk{margin:5px 0 0 11px}
#lotusColLeft .lotusSubsection div.lotusChunk, 
.lotusColLeft .lotusSubsection div.lotusChunk{margin:5px 0 0 0}
#lotusColLeft .lotusSection .lotusList{margin:0 -4px} /*allows selection to extend to the left and right of the list items*/
#lotusColLeft .lotusSection .lotusList, #lotusColLeft .lotusSection .lotusInlinelist, #lotusColLeft .lotusSection .lotusTags, 
.lotusColLeft .lotusSection .lotusList, .lotusColLeft .lotusSection .lotusInlinelist, .lotusColLeft .lotusSection .lotusTags{font-size:.9em}
#lotusColLeft .lotusSection .lotusList li{padding-left:5px;padding-right:5px}
#lotusColLeft .lotusSection input.lotusText, .lotusColLeft .lotusSection input.lotusText{padding:3px 3px 3px 6px;line-height:1em;width:137px;}
#lotusColRight .lotusSection input.lotusText, .lotusColRight .lotusSection input.lotusText{padding:3px 3px 3px 6px;line-height:1em;width:139px;}
#lotusColLeft .lotusSection, #lotusColLeft .lotusSection input, .lotusColLeft .lotusSection, .lotusColLeft .lotusSection input{font-size:1em;line-height:1.2em}
#lotusColLeft .lotusSection h2, #lotusColLeft .lotusSection h3, 
.lotusColLeft .lotusSection h2, .lotusColLeft .lotusSection h3{margin:0;padding:0 0 2px 0;clear:both;overflow:hidden;line-height:1.2em;}
#lotusColLeft .lotusSection h2, .lotusColLeft .lotusSection h2{font-size:1.1em}
#lotusColLeft .lotusSection h2 span.lotusLeft, .lotusColLeft .lotusSection h2 span.lotusLeft, #lotusColRight .lotusSection h2 span.lotusLeft, .lotusColRight .lotusSection h2 span.lotusLeft{/*width:152px*/}/*this is to set up proper wrapping of header text when a help icon exists*/
#lotusColRight .lotusSection h2 a.lotusRight, .lotusColRight .lotusSection h2 a.lotusRight{margin-right:-7px} /*moves help icon closer to right edge of header in right column*/
#lotusColLeft .lotusSection .lotusBtn, 
.lotusColLeft .lotusSection .lotusBtn{width:99%}
#lotusColLeft .lotusSection .lotusBtn a, 
.lotusColLeft .lotusSection .lotusBtn a{padding:4px 0}
#lotusColLeft .lotusSection div.lotusLast, 
.lotusColLeft .lotusSection div.lotusLast{border-bottom-width:0} /*.section div.last is for the last subsection*/

/*section adjustments for the right column*/
#lotusColRight div.lotusChunk{margin:5px 2px 0 8px;}
#lotusColRight .lotusSection, .lotusColRight .lotusSection, #lotusColRight .lotusMeta, .lotusColRight .lotusMeta{font-size:1em;line-height:1.4em}
#lotusColRight .lotusSection h2, #lotusColRight .lotusSection h3, 
.lotusColRight .lotusSection h2, .lotusColRight .lotusSection h3{padding:4px 10px 4px 8px}
#lotusColRight .lotusSection h2, .lotusColRight .lotusSection h2{font-size:1.1em;/*display:table;width:165px;*/overflow:hidden}
#lotusColRight h2 .lotusArrow, .lotusColRight h2 .lotusArrow{/*display:none*/margin-right:-5px}

#lotusColLeft .lotusInlinelist li, #lotusColRight .lotusInlinelist li, 
.lotusColLeft .lotusInlinelist li, .lotusColRight .lotusInlinelist li{padding:0 4px}
#lotusColLeft .lotusInlinelist li.lotusFirst, #lotusColRight .lotusInlinelist li.lotusFirst, 
.lotusColLeft .lotusInlinelist li.lotusFirst, .lotusColRight .lotusInlinelist li.lotusFirst{padding-left:0}

/*draggable sections*/
.lotusDraggableSection{margin-top:5px;padding-bottom:0}
.lotusDraggableSection h2{cursor:move/*tbd*/}
/****************************************************************/

/*** S O R T ***/
/*these are for the sort controls found at the top of a table/list of entries*/
.lotusSort{margin:3px 10px;font-size:.9em}
.lotusSort .lotusInlinelist li{padding:0 5px}
.lotusSort .lotusInlinelist li.lotusFirst{padding-left:0}
.lotusSort a{padding:2px 0;background-position:96% center;background-repeat:no-repeat;text-decoration:underline}
a.lotusMoreSorts{padding:2px 12px 2px 5px;}
a.lotusActiveSort{text-decoration:none}
.lotusSort .lotusAscending, .lotusSort .lotusDescending{padding-right:12px;}
a.lotusActiveSort:hover, a.lotusActiveSort:focus, a.lotusActiveSort:active{text-decoration:none}
.lotusSort a.lotusMoreSorts:hover, .lotusSort a.lotusMoreSorts:focus, .lotusSort a.lotusMoreSorts:active{text-decoration:none}
/****************************************************************/

/*** T A B L E S ***/
/*layout table*/
/*note, if you need to use the structure of a relative div containing an absolute div within a layout table, be aware that Safari will only show the portion of your absolute div that is within the table area.  This is by design.*/
/*there is no cellpadding built into these tables. Used judiciously for complex layouts.*/
table.lotusLayout td{padding:0;vertical-align:top;text-align:left;} /*default alignment*/
table.lotusLayout td.lotusvAlignMid{vertical-align:middle}/*allows you to override default alignment*/
/*used for presenting information in a vertical format*/
.lotusVertTable th, .lotusVertTable td{padding:2px}
.lotusVertTable th{padding-right:50px;text-align:left;}
/*entry/data table*/
.lotusTable{width:100%;}
.lotusTable th, .lotusTable td{padding:5px 2px 5px 2px;vertical-align:top;}
.lotusTable .lotusSummary td{padding:5px 2px 0 2px}
.lotusTable .lotusDetails td, .lotusTable .lotusMore td{padding:0 2px 5px 2px}
.lotusTable td{border-top-width:1px;border-top-style:solid}
.lotusTable .lotusDetails td, .lotusTable .lotusFirst td, .lotusTable .lotusMore td{border-top-width:0}
.lotusTable th.lotusFirstCell, .lotusTable td.lotusFirstCell{padding-left:10px}
.lotusTable th.lotusLastCell, .lotusTable td.lotusLastCell{padding-right:10px }
.lotusTable th.lotusAltCell, .lotusTable td.lotusAltCell{border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid}
.lotusTable div.lotusChunk{margin:7px 0;clear:none}
.lotusTable .lotusSS{font-size:.9em;white-space:nowrap;width:30px}
.lotusTable .lotusType{margin-left:5px;padding:0 0 6px 20px;font-weight:normal;font-size:.75em;background-position:left top;background-repeat:no-repeat;}/*allows you to add an image and text inside a header to indicate the type of entry - requires an additional class to define the type (in defaultThemes.css)*/
/*h4 tags are used for entry titles*/
.lotusTable h4.lotusComplete, .lotusTable h4.lotusComplete a{text-decoration:line-through} /*for to do items*/
/*h5 tags are used for subsections in entry details*/
.lotusTable h5{margin:12px 0 2px 0;}
/*when the h4 tag occurs in the details row (like in notifications), we need some bottom margin*/
.lotusTable .lotusDetails h4{margin-bottom:2px}
/*lotusDiscussion is for discussion forums*/
/*you need to make sure that your details row only uses one table cell, which spans all columns of the summary row above, so borders will work properly*/
.lotusDiscussion .lotusSummary td{padding-bottom:2px;border-top-width:5px;border-top-style:solid}/*this is to separate the individual entries, now that they have a blue background on the summary row.  You need to assign the lotusSummary class to all the first rows in the discussion table if there is more than one entry displayed.*/
.lotusDiscussion .lotusTable .lotusDetails td{padding:10px 5px 0 25px;}
.lotusDiscussion td.lotusFirstCell{padding-left:5px}
.lotusDiscussion .lotusIndent20{margin-left:20px}
.lotusDiscussion .lotusKey{margin:5px;}
.lotusDiscussion .lotusKey span{margin:0 5px;font-size:.9em}
.lotusTable .lotusDivider{padding:0 5px}
.lotusTable .lotusFirstCell input{margin:3px 0 0 0}
/*this table also shows up at the top of the UI, for announcements.*/
.lotusInfoTable{margin:0 0 12px 0;border-width:1px;border-style:solid;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden;background-position:top left;background-repeat:repeat-x;}
.lotusInfoTable h2{position:relative}
.lotusInfoTable th, .lotusInfoTable td{padding:5px 10px}
.lotusInfoTable .lotusClose{position:absolute;right:-5px;top:0;border-width:1px;border-style:solid}
.lotusTable .lotusMeta, .lotusTable .lotusActions{font-size:.9em}
.lotusTable .lotusActions{white-space:nowrap}/*fix for Safari*/

/*** T A B S ***/
/*tabs are used in content area and titlebar.  The style adjustments needed for the titlebar are grouped with the titleBar styles*/
.lotusTabContainer{height:3em;position:relative;border-bottom-width:1px;border-bottom-style:solid;z-index:1;margin-bottom:10px}
ul.lotusTabs, .portlet-tab{margin:0;padding:0;position:absolute;left:10px;bottom:-1px;overflow:hidden;list-style:none;}
.lotusTabs li, .portlet-tab li{margin-right:2px;padding-left:3px;float:left;border-width:0 0 1px 0;border-style:solid;background-position:top left;background-repeat:no-repeat;}
.lotusTabs a, .lotusTabs a:visited, .portlet-tab a, .portlet-tab:visited{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*/
.lotusTabs li.lotusSelected{background-position:top left;background-repeat:no-repeat;}
.lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .portlet-tab li.lotusSelected a, .portlet-tab li.lotusSelected a:visited{background-position:top right;background-repeat:no-repeat;}

/*** T A G   C L O U D ***/
/*a tag cloud is a visual way of displaying the relative importance of tags, with lotusF1 being of least importance and lotusF5 being most important*/
.lotusTagCloud ul{margin:0;padding:0}
.lotusTagCloud li{display:inline}
.lotusTagCloud a{text-decoration:none;font-weight:bold}
.lotusTagCloud a:hover, .lotusTagCloud a:focus{text-decoration:underline;}
a.lotusF5, a.lotusF5:visited{font-size:115%;}
a.lotusF4, a.lotusF4:visited{font-size:108%;}
a.lotusF3, a.lotusF3:visited{font-size:100%;}
a.lotusF2, a.lotusF2:visited{font-size:95%;}
a.lotusF1, a.lotusF1:visited{font-size:90%;}
.lotusColLeft .lotusTagCloud, #lotusColLeft .lotusTagCloud, .lotusColRight .lotusTagCloud, #lotusColRight .lotusTagCloud {width:170px; overflow:hidden;} 
/***********************************************************/

/*** T I T L E   B A R ***/
/*the blue bar under the banner, that contains tabs and search UI*/
#lotusTitleBar, .lotusTitleBar{height:3em;position:relative;border-bottom-width:1px;border-bottom-style:solid;background-position:top left;background-repeat:repeat-x;}
#lotusTitleBar .lotusRightCorner, .lotusTitleBar .lotusRightCorner{background-position:top right;background-repeat:no-repeat;height:3em;padding-right:6px}
#lotusTitleBar .lotusInner, .lotusTitleBar .lotusInner{background-position:top left;background-repeat:no-repeat;height:3em;}
#lotusTitleBar h2, .lotusTitleBar h2{padding:3px 0 0 12px;float:left;font-size:1.5em;line-height:2em;letter-spacing:0;width:200px;font-weight:normal}
#lotusTitleBar .lotusTabs, #lotusTitleBar .portlet-tab, 
.lotusTitleBar .lotusTabs, .lotusTitleBar .portlet-tab{left:13px}
#lotusTitleBar .lotusTabs li, .lotusTitleBar .lotusTabs li{padding-left:5px;}
#lotusTitleBar .lotusSearch, .lotusTitleBar .lotusSearch{position:absolute;top:.7em;right:5px} 
#lotusTitleBar .lotusTabs a, #lotusTitleBar .lotusTabs a:visited, 
.lotusTitleBar .lotusTabs a, .lotusTitleBar .lotusTabs a:visited{display:block;padding:8px 10px 6px 7px;text-decoration:none;line-height:1em;background-position:top right;background-repeat:no-repeat;font-weight:bold;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*/
/***********************************************************/

/*** T R E E ***/ /*needs review - need additional tree visuals from Jason*/
ul.lotusTree, ul.portlet-tree{margin:0;padding:0;list-style-type:none;line-height:1.5em;}
#lotusColRight ul.lotusTree{margin-left:-10px}
.lotusTree ul, .portlet-tree ul{margin:0 0 0 14px;padding:0;list-style-type:none;}
.lotusTree li, .portlet-tree li{margin:0;padding:0;}
.lotusTree a, .portlet-tree a{text-decoration:none;}
.lotusTree a:hover, .lotusTree a:focus, .portlet-tree a:hover, .portlet-tree a:focus{text-decoration:underline}
.lotusTree .lotusIcon{margin-right:3px}
.lotusTree input{margin:0 4px 0 2px;padding:0}
/*this is a specific type of tree*/
.lotusOrgChart ul{margin-left:11px}
.lotusOrgChart li{padding:2px 0}
.lotusOrgChart li a{margin:0;padding:0 0 5px 20px;background-position:left top;background-repeat:no-repeat;}
.lotusOrgChart .lotusBottom{padding:2px 0 5px 20px;background-position:left 5px;background-repeat:no-repeat;}
.lotusOrgChartTop, .lotusOrgChartMiddle, .lotusOrgChartBottom{padding-left:20px;background-position:left center;background-repeat:no-repeat;}
/***********************************************************/

/*** V C A R D (P E R S O N   C A R D)***/
/*this is the popup person card that shows up when you click on a person link (via a hover link)*/
.lotusVCard{display:table;position:absolute;top:0;left:-9999px;width:400px;margin:4px 0 0 4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.lotusVCard .lotusContainer{display:table;width:400px;position:relative;top:-4px;left:-4px;border-width:1px;border-style:solid;}
/*lotusAppLinks are the application links at the top of the card*/
.lotusVCard .lotusAppLinks td{background-position:left center;background-repeat:repeat-x;border-width:0 0 1px 1px;border-style:solid;text-align:center}
.lotusVCard .lotusAppLinks td.lotusFirst{border-left-width:0}
.lotusVCard .lotusAppLinks a{display:block;padding:3px 9px;}
/*the more arrow, for when there is a second row of application links*/
.lotusVCard .lotusMore{width:16px;margin-right:10px;background-position:right center;background-repeat:no-repeat;}
.lotusVCard .lotusMore:hover, .lotusVCard .lotusMore:focus{text-decoration:none}
/*lotusPersonDetails is the detail area of the card that contains all info for the person*/
.lotusVCard .lotusDetails{padding:10px;border-top-width:1px;border-top-style:solid;}
.lotusVCard .lotusPhoto{padding:3px;border-width:1px;border-style:solid;float:left}
.lotusVCard .lotusPersonInfo{margin-left:86px}
/*lotusPersonActions are actions you can perform on this person, from the person card*/
.lotusVCard .lotusPersonActions{padding:5px;border-top-width:1px;border-top-style:solid}
/*action menu within person card*/
.lotusVCard .lotusActionMenu{position:static;left:auto;top:auto;border-width:0;display:none;width:auto;margin-top:-10px}
.lotusVCard .lotusComment{clear:both}
/*adjustments for an inline version of the card*/
.lotusInlineVCard{position:static;left:auto;margin:0 0 10px 0}
.lotusInlineVCard, .lotusInlineVCard .lotusContainer{width:175px;position:static;top:auto;left:auto}
.lotusInlineVCard .lotusPhoto{padding:0;border-width:0;margin-top:5px}
.lotusInlineVCard .lotusPersonInfo{margin-left:60px;margin-top:12px}
.lotusInlineVCard .lotusEmail{clear:both;border-width:1px 0;border-style:solid;padding:5px 10px}
.lotusInlineVCard .lotusAppLinks{list-style-type:none;margin:0;padding:0}
.lotusPivotNav{float:left;padding:2px 5px 1px 2px}
.lotusPivotNavToggle{margin:0 5px 0 0;padding:0;float:left;height:45px;width:10px;}
.lotusPivotNavToggle a{display:block;height:45px;background-position:3px center;background-repeat:no-repeat;text-decoration:none;}
.lotusPivotNavToggle a:hover, .lotusPivotNavToggle a:focus, .lotusPivotNavToggle a:active{text-decoration:none;}
.lotusPivotNavOpen .lotusPivotNavToggle a{background-position:left center}
.lotusInlineVCardDetails{display:none}
/***********************************************************/

/*** V C A R D   H O V E R ***/
/*this is the hover link that shows when you hover over a person's name and allows you to open their profile card*/
.lotusVCardHover{padding:5px 5px 5px 25px;position:absolute;top:0;left:-9999px;border-width:1px;border-style:solid;-moz-border-radius:2px;-webkit-border-radius:2px;background-position:5px center;background-repeat:no-repeat;white-space:nowrap}
.lotusVCardHover:hover, .lotusVCardHover:focus{text-decoration:none}
/***********************************************************/

/*** S P E C I A L   S C R E E N S ***/
/*about*/
.lotusAbout #lotusContent h1, .lotusAbout .lotusContent h1{margin:0;padding:0;font-size:3em;font-weight:normal;line-height:normal;}
.lotusAbout #lotusContent h2, .lotusAbout .lotusContent h2{margin:15px 0 10px 0;padding:0;font-size:1.5em;font-weight:normal;line-height:1em;}
.lotusAbout #lotusContent h3, .lotusAbout .lotusContent h3{margin:3px 0 5px;font-size:1.5em;font-weight:normal;}
.lotusAboutBox{padding-right:25px;padding-bottom:15px;position:relative;background-position:left top;background-repeat:repeat-x;overflow:hidden;}
.lotusAboutBox img{position:absolute;left:30px;top:22px;}
.lotusAboutText{margin:22px 20px 20px 225px;}
.lotusAbout p{margin:5px 0}
.lotusAbout #lotusColRight, .lotusAbout .lotusColRight{font-size:1.0em}
/*section adjustments for the right column*/
#lotusColRight .lotusSection .lotusInfoBox h2, #lotusColRight .lotusSection .lotusInfoBox  h3, 
.lotusColRight .lotusSection .lotusInfoBox h2, .lotusColRight .lotusSection .lotusInfoBox h3{padding:0px 5px}

/*error*/
.lotusErrorBox{width:619px;margin:20px auto;padding:0;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;}
.lotusErrorContent{position:relative;padding:20px}
.lotusErrorContent img{position:absolute;top:20px;left:30px}
.lotusErrorForm{margin:0px 0 0 85px;}
.lotusError h1{margin:0 0 10px 0;padding:0;font-size:2.3em;font-weight:normal;}
.lotusErrorForm .lotusBtnContainer{margin-top:15px}
.lotusErrorForm .lotusBtn{margin-right:15px;text-align:center;}
.lotusErrorForm .lotusBtnContainer .lotusAction{display:block;padding-top:3px}
.lotusErrorForm div{width:auto;clear:none;margin:0;padding:0;}

/*login*/
/*this can appear on a plain connections page (gradient background only), or launched in a separate window*/
.lotusLoginBox{width:619px;margin:20px auto;padding:0;background-position:left top;background-repeat:no-repeat;border-width:1px;border-style:solid}
.lotusLoginContent{position:relative;padding:20px}
.lotusLoginContent img{position:absolute;top:130px;left:43px}
.lotusLoginContent img.lotusIcon{position:static;padding-bottom:1px}
.lotusLoginForm{margin:100px 0 0 220px;}
.lotusLogin h1{margin:0px;padding:0;font-size:2.3em;font-weight:normal;}
.lotusLogin h2{margin:5px 0 15px 0;font-size:1.4em;font-weight:normal;line-height:1.3em;}
.lotusLoginForm input{margin-bottom:5px;}
.lotusLoginForm .lotusText{width:15em}
.lotusLoginForm .lotusBtnContainer{margin-top:10px}
.lotusLoginForm .lotusBtn{margin-right:15px;font-size:inherit}
.lotusLoginForm .lotusBtnContainer .lotusAction{display:block;padding-top:3px}
.lotusLoginForm div{width:auto;clear:none;margin:0;padding:0;}
.lotusLoginForm label{margin-left:0;padding-top:0;display:block;float:none;text-align:left;font-weight:normal;}
.lotusDescription{margin-top:30px;clear:left;}
.lotusDescription h2{margin-bottom:3px;}

/*IBM logo and legal statement*/
/*3 different versions - regular pages, login page, and about page*/
/*the new format uses a table.  The div styles are legacy styles*/
div.lotusLegal{margin:15px 25px 10px 25px;min-height:37px}
div.lotusLegal .lotusLicense{background-position:left center;background-repeat:no-repeat;margin-bottom:10px;min-height:37px}
.lotusLegal{font-size:0.8em;line-height:1.2em}
div.lotusLegal p{margin:0;padding:0 0 0 110px;}
table.lotusLegal{margin:5px 25px 10px 25px;}
table.lotusLegal td{vertical-align:middle;padding:5px;}
.lotusLogin div.lotusLegal .lotusLicense{background-position:left top}
.lotusLogin .lotusLegal{margin-left:10px}
.lotusLogin table.lotusLegal, .lotusAbout table.lotusLegal{margin-top:15px}

/*metrics*/
.lotusMetrics #lotusContent{margin-right:30%}
.lotusMetrics dt{margin-top:20px}

/*tools*/
/* Dogear this button */
a.lotusBookmarkButton{padding:7px 15px 5px 15px !important;display:block;width:185px !important;text-decoration:none;cursor:pointer;font-size:1.4em !important;background-position:bottom left;background-repeat:no-repeat}
.lotusToolBMText{margin-left:10px;margin-top:5px;font-weight:bold; font-size:1.2em; line-height:1.0em; overflow:hidden;}
.lotusToolBMImage{margin-top:5px;float:left;width:120px;background-position:top left;background-repeat:no-repeat}
/**  Dogear this button Firefox **/
a.lotusFFBookmarkButton{margin:10px 0 20px 30px;padding:2px;float:left; text-decoration:none;cursor:pointer;font-size:1.1em;border-width:1px;border-style:solid;-moz-border-radius:3px;-webkit-border-radius:3px;}
a.lotusFFBookmarkButton:hover{text-decoration:underline;}
a.lotusFFBookmarkButton img{margin-top:-5px;}
.lotusFFToolBMImage{margin:-5px 0 0 10px;float: left !important;}
.lotusFFToolBMText{margin-left:10px;margin-top:5px;font-weight:bold;font-size:1.2em;line-height:1.0em; float:left;}
.lotusToolHeader{clear:both; font-weight:normal; font-size:1.5em;padding-top:5px;}
.lotusToolHeaderStep {display:inline-block;padding:2px 5px 1px 5px;}
.lotusToolInfo {margin:10px 0;}
.lotusToolTip{clear:both;font-weight:normal;/*margin:55px 0 3px 0;*/}

/*welcome*/
.lotusWelcome #lotusContent .lotusSection{margin-left:20px}
.lotusWelcome .lotusForm{margin:15px 0}
.lotusWelcome input.lotusBtnSpecial{padding:1px 2px;background-position:center left;background-repeat:repeat-x;border-width:1px;border-style:solid;font-size:.9em;font-weight:bold}
.lotusWelcome input.lotusCheckbox{margin:0}/*use for radio buttons, too*/
.lotusWelcome #lotusContent input.lotusText, .lotusWelcome .lotusContent input.lotusText{width:225px}/*don't want global search box to stretch!*/
.lotusWelcomeBox{padding:20px;position:relative;background-position:left top;background-repeat:repeat-x;overflow:hidden;}
.lotusWelcomeBox h2{margin:0 180px 10px 0;font-size:2.4em;font-weight:normal;line-height:1em;}
.lotusWelcomeBox .lotusBtnContainer{margin:15px 0}
.lotusWelcomeBox .lotusBtnContainer .lotusBtn{float:left;}
.lotusWelcomeBox p, .lotusWelcomeBox ul{margin-right:170px}
.lotusWelcomeBox ul{padding-left:2em;list-style-position:outside;}
.lotusWelcomeBox img{position:absolute;top:16px;right:50px;}
.lotusWelcomeBox .lotusClose{position:absolute;top:10px;right:5px;border-width:1px;border-style:solid}
.lotusWelcomeBox .lotusClose img{position:static}
/***********************************************************/

/***added by Chris S for dashboard 10/18/07, this is still being worked on***/
.lotusDashboard #lotusMain{background-position:top right;background-repeat:repeat-y}
.lotusDashboard #lotusColRight{width:160px;}
.lotusDashboard #lotusColRight h2{text-transform:uppercase;font-size:.9em}
#lotusContent .lotusColOne, #lotusContent .lotusColTwo, 
.lotusContent .lotusColOne, .lotusContent .lotusColTwo{width:50%;float:left;}

.lotusWidget{border-width:2px;border-style:solid;margin:0 10px 10px 5px;}
.lotusWidget h2{padding:3px 5px;overflow:hidden;cursor:move}
.lotusWidget h2 img{margin:3px}
.lotusWidget h2 .lotusDivider{float:right}
.lotusWidget h3{padding:3px 0px 3px 5px;overflow:hidden;border-bottom:1px solid;}
.lotusWidgetBody{clear:both;padding:3px}
.lotusWidgetBody .lotusSection {margin-top:0px;}
.lotusWidgetButtons{margin:5px;padding:0;list-style-type:none}
.lotusWidgetButtons li{background-position:bottom left;background-repeat:repeat-x;border-width:1px;border-style:solid;padding:3px 0 0 0;margin:1px 0}
.lotusWidgetButtons div{padding:0 5px 5px 40px;background-position:5px 0;background-repeat:no-repeat;display:block;text-decoration:none;cursor:move;line-height:1em}
.lotusWidgetButtons .lotusTitle{font-size:1.2em;line-height:1.2em;display:block;font-weight:bold;}
.lotusWidgetFooter{margin:0 3px 0 10px;}
.lotusWidgetFooter ul.lotusVCard {margin-left:95px;}
.lotusWidgetFooter img{vertical-align:top}
.lotusWidgetSearch{padding:5px 10px 0 10px}
.lotusWidgetSearch img {padding-right:10px}

/*for lightbox*/
.lotusOverlay{display:none;position:absolute;top:0;left:0;width:100%;background-color:black;-moz-opacity:0.3;opacity:.30;filter: alpha(opacity=30);}

/************D O J O   S T Y L E S**********************************/
/*these override/add to the styles in dijit.css*/

/*calendar/date picker*/
.dijitCalendarContainer{border-collapse:collapse;border-width:1px;border-style:solid;width:160px;font-size:1em}
.dijitCalendarContainer thead tr th{text-align:center;padding:1px}
.dijitCalendarContainer tbody tr td{border-width:0;width:12%;}
.dijitCalendarMonth{font-weight:bold;text-align:center}
.dijitCalendarMonthLabel, .dijitCalendarPreviousMonth, .dijitCalendarCurrentMonth, .dijitCalendarNextMonth, .dijitCalendarYearLabel{text-align:center;}
.dijitCalendarSelectedDate .dijitCalendarDateLabel{font-weight:bold;}
.dijitCalendarBodyContainer .dayFlagPersonalTask,
.dijitCalendarBodyContainer .dayFlagTeamTask,
.dijitCalendarBodyContainer .dayFlagOverdueTask,
.dijitCalendarBodyContainer .dayFlagTodayTask{border-bottom-width:1px;border-bottom-style:solid;border-right-width:1px;border-right-style:solid;cursor:pointer;cursor:hand;}
.dijitCalendarYearLabel .dijitCalendarPreviousYear, 
.dijitCalendarYearLabel .dijitCalendarSelectedYear,
.dijitCalendarYearLabel .dijitCalendarNextYear{margin-right:4px;margin-left:4px;}
.dijitCalendarYearLabel .dijitCalendarSelectedYear{cursor:default;}
.dijitCalendarIncrementControl{width:15px;height:15px;font-size:16px;margin:0 3px;}
.dijitCalendarIncrease, .dijitCalendarDecrease{cursor:pointer;cursor:hand;display:inline;}
.dijitCalendarIncrease{padding-right:16px;background-repeat:no-repeat;background-position:right 3px;}
.dijitCalendarDecrease{padding-left:16px;background-repeat:no-repeat;background-position:left 3px;}
.dijitCalendarIncrease .dijitCalendarIncreaseInner, .dijitCalendarDecrease .dijitCalendarDecreaseInner{display:none;}
.dijitCalendarYearContainer h3.dijitCalendarYearLabel{margin-bottom:0;}
.dijit_a11y .dijitCalendarIncrease, .dijit_a11y .dijitCalendarDecrease{border-width:1px;border-style:solid}/*for an outline, when images are turned off*/

/* Dialog */
/*see dialog component for additional classes. The dojo dialog is just used as a wrapper for our lotusDialog, which can be used independently of dojo*/
.dijitContentPane{overflow:visible}

/* Rich Text Editor*/
.dijitIEFixedToolbar{position:absolute;top: expression(eval((document.documentElement||document.body).scrollTop));}
.dijitEditorIcon{background-repeat:no-repeat;width:18px;height:18px;text-align:center;}
.RichTextEditable .dijitButton,
.RichTextEditable .dijitDropDownButton,
.RichTextEditable .dijitComboButton{margin:0;}
.RichTextEditable .dijitButtonNode{border:0;margin:0;padding:.1em;line-height:normal;cursor:pointer;cursor:hand;vertical-align:middle;text-align:center;white-space:nowrap;}
.RichTextEditable .dijitToolbar{background-position:left center;background-repeat:repeat-x;border-bottom-width:1px;border-bottom-style:solid}
.RichTextEditable{border-width:1px;border-style:solid}
.RichTextEditable .dijitButtonNode .dijitArrowButtonInner{width:10px;}
/*tooltip*/
.dijitTooltipContainer{border-width:1px;border-style:solid;background-position:left top;background-repeat:repeat-x;}
/*slider*/
.dijitSliderImageHandle{border:0;background-position:left bottom;background-repeat:no-repeat;width:10px;height:11px;}
.dijitSliderImageHandleH{top:-3px;}
.dijitSliderBar{border-style:none;}
.dijitSliderBumperH{width:2px;}
.dijitSlider .dijitButtonNode{display:none;}
/*disabled elements*/
.dijitSliderDisabled *, .dijitDisabledClickableRegion, .dijitSpinnerDisabled *, .dijitButtonDisabled *, .dijitDropDownButtonDisabled *, .dijitComboButtonDisabled *, .dijitComboBoxDisabled * {
cursor:not-allowed !important;
}
.dijitPopup ul.dijitMenu{margin:0}/*fixes alignment of typeahead*/
.wikiDoc{
	font-family:inherit;
font-size:12pt;
}
/*animation for smaller PC screen*/
@media (max-width: 1024px) {
 #divNewFeatures{
 height:180px !important;
  padding-top:55px !important;
  padding-left:2% !important;
 }
 .featureSection{
 /*padding: 0% 5% 0% 6% !important;*/
   width:95% !important;
 }
.leftArticlePanel{
	width:75% !important;
	}
.rightArticlePanel{
	width:25% !important;
	}

}

/* iPad */
@media (max-width: 768px) { 
	#lotusMain{ 
	width:100%;
	}
	#outerFrame{
	min-width:95% !important;
	}
	.lotusTable	img{
	max-width: 487px !important;
	height:auto !important;
	}	
	.leftArticlePanel{
	width:70% !important;
	}
	.rightArticlePanel{
	width:30% !important;
	
	}
	.topbar{
	height:240px !important;
	}
	 .homeTagline{
  	padding:1.25em 0 1em 0 !important;
  }
  
   .divNewFeaturesLine{
   font-size:9pt !important;
   }
   
   .searchResultsSection{
   width:95% !important;
   }
   
   
   .unslider-arrow	div {
   font-size:28pt !important;
   }
   
   #imgBlock{
   height:210px !important;
   }
   
	#divNewFeatures{
	  height:150px !important;
	  padding-top:40px !important;
	  padding-left:10% !important;
	}
	 
	 #vidSubject{
	 height:55px;
	 vertical-align:middle;
	 }
	 
	 .featureSection{
	  width:95% !important;
	  }
	  
	.featureHeading{
	font-size:22pt !important;
	}	
	.featureContent{
	font-size:11pt !important;
	}
	.divImgDesc{
	height:70px !important;
	}
	
	.footer table{width:80% !important;}
	
	
	.footer span{
	display:inline-block;
	}
	
	.articleHeader{
	margin-top:5px !important;
	}
	
	.xspPanelTopicThread{
	width:95% !important;
	}
	.divFeedback{
	padding:2em 1em !important;
	}
	
}
/* end of ipad section*/

/*another in-between style*/
@media (max-width: 700px) { 
	
		
.featurePanel{
	display:block !important;
	width: 95% !important;	
	}	
	.featureContent{
	height: auto !important;
	max-height:300px  !important;
	}	
}

/* Landscape phones and down */
@media (max-width: 568px) { 
	#lotusMain{ 
	width:100% !important;	
	}
	
	#outerFrame{	
	min-width:95% !important;
	}	
	.lotusTable{
	padding:0px!important;
	}
	/*.lotusContent{
	width:99% !important;
	}*/
	.leftArticlePanel{
	width:100% !important;
	/*overflow:auto;*/
	}
	.rightArticlePanel{
	width:0% !important;
	display:none !important;
	}
	.relatedArticles{
	width:0% !important;
	display:none !important;
	}	
    .heading1{
    font-size:12pt !important;
    }
    .heading2{
	font-size:11pt !important;
	}
	.heading3{
	font-size:11pt !important;
	}
	.menuHeading{
	font-size:10pt !important;
	}
	 .homeTagline{
  	padding:0.5em 0 1em 0 !important;
  } 
   
  .searchResultsSection{
     min-height:100px !important;
   }
   
   .feedbackLink{
   text-align:center !important;
   }
   .divNewFeaturesLine{
   display:none !important;
   }
   
    #divNewFeatures{	  
	 padding-left:2% !important;
	 margin-left:0px !important;
	 background-image:none !important;
	 padding-top:5px !important;
	 height:auto !important;
	}
	 .newFeaturesPanel{
	 min-height:100px !important;
	 }
  	.featureBoxText{
  	  margin-left:0% !important;
  	  text-align:center !important;
	}
  	.newFeaturesHeading1{
  	font-size:16pt !important; 
  	}
	.newFeaturesHeading2{
	font-size:10pt !important;
	}
	 
	 #divNewFeatures ul{
	 color:#ffffff !important; 
	 font-weight:normal !important;
	 }	
	.featureHeading{
	font-size:18pt !important;
	}	
	.footer table{width:95% !important;padding-right:10px !important;}
	.footerLabel {
	display:none !important;
	}
	.banner img{
	 max-width:80px !important;
	}	
	.lotusTable	img{
	max-width: 260px !important;
	height:auto !important;
	}
	
	#divLogo{
	padding-top:0.75em !important;
	height:60px !important;
	}
	
	#divBannerTitle{
	padding-top:0.5em !important;
	}
	.lblBannerTitle{
	margin-left:-90px !important;
	}
	.lblKBHeader{
	display:none !important;
	}
	.topbar{
	 height:175px !important;
	}
	.homeTagline{
	 width:68% !important;
	 tagLine
	 }
	 
	 #searchBox input{
	 width:70% !important;
	 }
	 
	.featurePanel{
	display:block !important;
	width: 95% !important;	
	}
	
	.featureContent{
	height: auto !important;
	max-height:300px  !important;
	}	
	
	#vidSlider{
	display:none; !important;
	}
		
	#vidLink{
	display:inline-block !important;
	}
	
	.unslider-arrow	div {
	font-size:24pt !important;
	margin: 10px !important;
	}
	
	#imgBlock{
   height:280px !important;
   margin-top:5px;
   }
   
	#linkEPlatform{
	text-align:center !important;
	}
	#linkEPlatform span{
	margin-left:-20px !important;
	}
	
	#btnDivMob, .iconBtn_sm{
	display:inline-block !important;
	}
	
	#btnDiv, .iconBtn_lg{
	display:none !important;
	}
	
	.articleHeader{
	margin-top:0px !important;
	padding:0px 0em !important;
	}
	
	.addEditButtons a{	
	font-size:10pt !important;
	}
	.addEditIcons{
	font-size:16pt !important;
	}
	.relatedTable a{
	font-size:9pt !important;
	}	
	#divSuppMob{
	display:block !important;
	}
	#divSupp{
	display:none !important;
	}
	#ftdiv{
	display:block !important;
	}
	div[id*=section_attachments]{
	overflow: auto !important;
    width: 95% !important;
	}
	
	
}
/* end of phones section*/



/*** MAIN STYLES **/

#lotusMain{ 
	width:100%;
	min-height:100%;
	margin:0px;
	border:none;
	border-style:none;
	background-image:none;
	}
	
#outerFrame{
	width:100%;	
	min-height:100%;
	}
	
	
	.lotusContent	{
	width:100%;
	padding:5px !important;
	/*overflow:hidden !important;*/
	}
	.lotusTable{
	padding:0px 2em;
	}
	.leftArticlePanel{
	width:80%;
	float:left;
	overflow-x:scroll !important;
	}
	.rightArticlePanel{
	width:20%;
	float:right;
	padding-top:20px;
	}
	
	.leftArticlePanel img{
	max-width:90% !important;
	}
body, span, div {
	font-family: "Segoe UI","Myriad Set Pro","Helvetica Neue", "Arial";
	background-image:none;
}


  a:link, a:visited{
 color:#333;
 }
  a:focus{
    outline:none;
    }
    
 /*article links */
 
 .lotusContent>.leftArticlePanel a:link, a:visited{
	font-weight:600;
	}
	
	.heading1{
	font-weight: normal;
	font-size:18pt;
	}
	.heading2{
	font-weight: normal;
	font-size:16pt;
	}
	.heading3{
	font-weight: normal;
	font-size:14pt;
	}
	.heading4{
	}
	.menuHeading{
	font-weight: 500;
	font-size:12pt;
	color:white;
	}
	
	.Title{
	font-weight: 700;
	font-size:12pt;
	}
	
	.warningText{
	color:#ed1f1f;
	font-size:10pt;
	}
	
	/*** BANNER **/	    
	.banner{
	background-color:rgba(237,31,31,1); 
	background:linear-gradient(to right, rgba(237,31,31,1) 0%, #f45722 80%, #ffae27 100%);
	display:block;
	/*height:80px;*/
	width:100%;
	color:#ffffff;
	}
	
	.lblBannerTitle{
	margin-left:-170px;
	}	
.bannerLeft ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
    } 
    
 .bannerLeft li{	
    padding:5px 0.8em;
    display:table-cell;
    vertical-align:middle;
    height:100%;
    }  
    
    .bannerRight{
    float:right;
    } 
    .after-box {
    clear: left;
}
   
 .topbar{
 clear: both;
 margin:0px;
 display:block;
 background-color:rgba(235,236,236,1);
  /*background-color:rgba(39, 154, 188, 0.31);  background:linear-gradient(to right,  #00c4cc 0%,#6e44bd 100%);
 height:310px;*/
 height:270px;
 } 
 
 .topbar-sally{
  height:280px;
 }   
  
  .homeTagline{
  width:50%;
  margin:0px auto;
  background-color:inherit;
  text-align:left;
   /*padding:2em 0 1em 0;*/
  padding:1em 0 1em 0;
  }
 /*** MENU **/
  
#menubar{ 
	height:50px;
	color:#333;
	text-align:center;
	list-style-type: none;
    margin: 0px auto ;
    padding: 10px 0px;    
    overflow: hidden;
    /*background-color:rgba(235,236,236,1);*/
    }

    
    #menubar li{
    padding:5px 2%;
    display:inline-flex;
    vertical-align:middle;
    }
    
    #menubar li a{
    display:inline-block;
    padding:5px;
    text-decoration: none;
    }
    
    /*** SEARCH **/
     #searchBox{
  	display:block;
     text-align:center;
     height:50px; 
     width:100%;
      padding-top:20px;
     /*padding-left:20px;*/
    }
   

    #searchBox input{
    padding:3px 10px;
    height:40px;
    width:50%;
    font-size:12pt;
    font-weight:400;
    border:1px solid #efefef;
    -webkit-appearance: textfield;
    -webkit-border-radius: 2px;
     border-radius: 2px;
    }
    
    .searchResultsSection{
    width:80%;
    max-width:1100px;
    margin:10px auto;
    min-height:350px;
    }
    
    .divNewFeaturesLine{
   font-size:11pt;
   }
   
    /*** VIDEO CAROUSEL **/
    
    .divVideoCard{
    width:90%;
    border: 1px solid #ebecec;
    margin-top:1px;
/* -webkit-box-shadow: 1px 2px 5px 0px rgba(230,230,230,1);
	-moz-box-shadow: 1px 2px 5px 0px rgba(230,230,230,1);
	box-shadow: 1px 2px 5px 0px rgba(230,230,230,1);
    }
    .divVideo{
      width:80%;
      margin:0px auto;
      /*max-width:620px*/
    }
    
    .divVideoCard:hover{
        cursor: pointer;
    }
        
    .divImgDesc{
    background-color:#ebecec;
    width:12%; /*This is weird but seems to work, to centre it*/
    height:40px;
    padding:2%;
    line-height:1.5;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    margin:0px auto;
    }
    .videoiFrame{
	  height:180px;
	}
	
	#videoClipHeading{
	display:none; 
	}
	
	.videoClipItem{
	width:90%;
	padding:3px 0px;
	display:block;
	overflow:hidden;
	}
	*/
		
	#rptControl{
	/* not used*/
	margin:5px 0;
	height:55px;
	overflow:auto;
	width:100%;
	text-align:left;
	}
	
	#videoClipContainer{
		display:inline-block;
		margin-left:5px;
		height:400px;
		overflow:auto;
	}
	/*** NEW FEATURES ***/	
	.newFeaturesPanel{
	 width:100%;
	 padding-bottom:50.0px;
	 padding-top:5.0px;
	 min-height:330.0px;
	 margin-left:auto;
	 margin-right:auto;
	 text-align:center;
	 background-color:#404040;
	 overflow:hidden;
	 }
	 
	   .featureBoxText{
	   text-align:left;
	   margin-top:25px;
	   margin-left:22%;
	   width:100%;
	   overflow:hidden;
	   }
	   
	.newFeaturesHeading1{
	color:rgb(255,255,255);
	font-size:24pt;
	font-weight:600;
	}
	.newFeaturesHeading2{
	color:rgb(255,255,255);
	margin-top:40.0px;
	font-size:14pt;
	font-weight:600;
	}
	/* * * * * * * * */
	/*** ARTICLE ***/
	.articleHeader{
	width:100%;
	margin-top:20px;
	margin-bottom:10px;
	font-size:1.5em;
	}
	.articleTitle {
	/*font-weight: bold;*/
	font-weight: normal;
	font-size:16pt;	
	color:rgba(237,31,31,1);
	
	}
	
	.addEditButtons a{	
	font-size:11pt ;
	font-weight:normal !important;
	}
	
	.addEditIcons{	
	font-size:24pt;
	vertical-align:middle;
	padding:4px 0;
	}
	
	.dlgEditButtons{
	float:right;
	}
	
	.iconBtn_sm{
	display:none;
	}
	
	.genIconBtn{
	margin-left:5px;
	font-size:24pt;
	font-weight:700;
	color:#666;
	vertical-align:middle;
	cursor:pointer;
	}
    /*** F O O T E R **/
.divFooter{
	background-color:rgba(237,31,31,1); 
	display:block;
	width:100%;
	color:#ffffff;
	}
.footer, {margin:0px auto;border:none;padding:20px 10px 20px 0;border-width:1px;text-align:center;}
.footer p,  p{line-height:1.3em}
.footer ul,  ul{margin:auto;padding:0;list-style-type:none}
.footer li,  li{line-height:1.2em;padding:.3em 0}
.footer table{width:80%;margin:0px auto;/*padding-right:30px;*/}
.footer th  {border-width:0}
.footer th  {padding:5px 10px 3px 25px;width:20%;font-weight:bold;font-size:1.1em}
.footer td  {padding:1%;line-height:1.2em;font-size:1.2em;}
.footer a{color:#ffffff;text-decoration:none;}
.footerLabel {font-size:1.2em;display:inline;}

#dlgContactSupport{
	width: 400px; 
	border:1px solid #666;
	border-radius: 3px;
	box-shadow: 0 1px 1px #aeaeae;
	overflow:auto;
	padding:20px;
	background-color:#fff;
	position:fixed;
	right:30px;
	bottom:-500px;
	display:none;
	/*height:0px; 
	
		
	-webkit-transition: height 2s linear 1s;
	 transition: height 2s linear 1s;	
	 */
	z-index:5;	
	
	}
	
	/* Chrome, Safari, Opera */
@-webkit-keyframes slideUp {
    from {bottom: -500px;}
    to {bottom: 70px;}
}

/* Standard syntax */
@keyframes slideUp {
  from {bottom: -500px;}
    to {bottom: 70px;}
}

		/* Chrome, Safari, Opera */
@-webkit-keyframes slideDown {
    from {bottom: 70px;}
    to {bottom: -580px;}
}

/* Standard syntax */
@keyframes slideDown {
  from {bottom: 70px;}
    to {bottom: -580px;}
}

.supFormOpen{
	-webkit-animation-name: slideUp; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */ 
    -webkit-animation-timing-function: ease-out;
    animation-name: slideUp;
    animation-duration: 1s;
    animation-timing-function: ease-out;
	}
.supFormClose{
	
	-webkit-animation-name: slideDown; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */ 
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-name: slideDown;
    animation-duration: 1s;
    animation-timing-function: ease-out;    
    animation-fill-mode: forwards;
    
	}
	

#btnSupportSubmit {
color:#ed1f1f;
font-size:16px;
padding:3px 2em;
line-height:2;
border:1px solid #ed1f1f;
border-radius: 3px;
cursor:pointer;

}
/***********************************************************/



/* Style The Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

  /*** FEATURE BOXES **/
  .featureSection{
  margin:10px auto;
  width:80%;
  }
  
.featurePanel{
	width:47%;
	display:inline-block;
	padding:1%;	
	}
	
.featureHeading{
	font-size:36pt;
	/*color:#ed1f1f;*/
	display: flex;
    align-items: center;
}

.featureContent{
	border:1px solid #ccc; /*ed1f1f;*/
	height:200px;
	min-height:100px;
	font-size:12pt;
	/*width:100%;max-width:400px;*/
	margin:10px 5px;
	padding:5px;
	overflow:auto;
}

.featureTable td{
	padding:5px;
}

.relatedTable a{
	font-size:10pt;
	font-weight:normal !important;
	line-height:1.5;
	}
	
.thinScroll::-webkit-scrollbar {
    width: 8px;
}

.thinScroll::-webkit-scrollbar-track {
    background-color: rgba(235,236,236,1); /*rgba(237,31,31,.45);*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-right: 1px solid inherit;
}
.thinScroll::-webkit-scrollbar-thumb {
    background: rgba(185,186,186,1); /*rgba(237,31,31,.75);*/ 
    border-radius: 2px;
    border:rgba(185,186,186,1) 1px solid;
}
.thinScroll::-webkit-scrollbar-thumb:hover {
    background: rgba(185,186,186,1); /*#ed1f1f;*/
}

.unslider-arrow	div {
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	font-size:36pt;
	color:#ed1f1f;
    /*border: 1px solid #ed1f1f;
    padding: 5px 5px;
    background: rgba(237,31,31,.45);
    width: 20px;
	height: 20px;
    border-radius: 50%;
    */
    
    
}

/* Custom File upload button */
$file-upload-color: #c0392b;
$file-upload-size: 300px;
.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}
.custom-file-upload {
    display: block;
    width: auto;
    font-size: 12px;
    //border: 1px solid #ccc;
    label {
        display: block;
        margin-bottom: 5px;
    }
}

.zzzfile-upload-wrapper {
    position: relative; 
    margin-bottom: 5px;
    //border: 1px solid #ccc;
}
.file-upload-input {
    width: 100%;  
    font-size: 12px;
    border: none;
    /*color: #fff;
    background-color: #c0392b; */
   
}
.file-upload-button {
    cursor: pointer; 
    display: inline-block; 
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 2px; 
    border: none;
    margin-left: -1px;  
    float: left; /* IE 9 Fix */
    
}

	/* Chrome, Safari, Opera */
@-webkit-keyframes slideLeft {
    from {margin-left: 95%;}
    to {margin-left: 25%;}
}

/* Standard syntax */
@keyframes slideLeft {
  from {margin-left: 95%;}
    to {margin-left: 25%;}
}

@media (max-width: 1024px) {
	//adjustment in margin for ipad & smaller PC screens
	
	/* Chrome, Safari, Opera */
	@-webkit-keyframes slideLeft {
	    from {margin-left: 90%;}
	    to {margin-left: 5%;}
	}
	
	/* Standard syntax */
	@keyframes slideLeft {
	  from {margin-left: 90%;}
	    to {margin-left: 5%;}
	}
}
.slideLeft{
	-webkit-animation-name: slideLeft; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */ 
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count:1;
    animation-name: slideLeft;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
	}
	
	.noLinkDec a:hover, a:focus, a:active{text-decoration:none;}
	.divFeedback{
	padding:4em 2em;
	}
	
	.iconBtn_lg a{
	text-decoration:none;
	}
	.iconBtn_lg a:hover{
	font-weight:600 !important;
	}
	
	.wn_player{
	color:white;
	border:1px solid #ffffff; 
	margin:10px auto 0px;
	max-width:700px;
	width:50%;
	padding:20px;
	overflow:hidden;
	}
	
	.wn_heading{
	text-align:center;
	font-size:18pt;
	font-weight:600;
	}
	.wn_bodytxt{
	width:100%;
	text-align:center;
	font-weight:normal;
	font-size:12pt;
	
	}
	
	.feedbackLink{
	margin-top:0px;
	font-size:12pt;
	padding-top:30px;
	text-align:right;
	}
	
	
/*accoridan*/
/* Style the buttons that are used to open and close the accordion panel */
div.accordion {
	font-size:12pt;
	font-family:inherit;
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    text-align: left;
    border: 1px solid #444;
    outline: none;
    transition: 0.4s;
    margin:8px 0px;
    display:flex;
    align-items:center;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/*div.accordion.active, div.accordion:hover {*/
  div.accordion:hover {
    background-color: #eee;
}

/* Style the accordion panel. Note: hidden by default */
div.panel{
    padding: 0 10px;
    background-color: white;
    display: none;
    font-size:12pt;
}
div.panel p{
	font-size:12pt;
	border-bottom:none;
	}

.accBtn{
	font-size:16pt;
	padding-right:8px
}

/* Chat bot styles */
#crossware-chatbot {
    z-index: 99999;
    position:relative;
   /* position: absolute;
    top: 222px;
    right: 100px;*/
    max-width: 90%;
    max-height: 80%;
    margin: 0 auto;
    width:255px;

}
#crossware-chatbot #chat-pic {
    display: inline-block;
    position: absolute; top: 1px;
    left: -15px;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;   
    background: #eceeef;
    background-image: url(Sally-head-circle-80px.png);
    background-size: cover;
    background-position: center center;
   /* box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);*/
    /* box-shadow: 0 10px 20px rgba(0,0,0,0.19), -1px -1px 6px rgba(0,0,0,0.23);*/
}

#crossware-chatbot #chat-bg {
	position: absolute; top: 0px;
    left: -20px;
	background:rgb(175, 219, 245);
	border-radius:50% 0 0 50%;
	height: 42px;
	width: 40px;
	}
#crossware-chatbot #btnChat {
    display: none;
   /* background: #a1dbe8;*/
    background:rgb(175, 219, 245);
    color: #000;
    cursor: pointer;
    min-width: 150px;
    text-align: center;
    padding: 9px;
    position: relative;
    border: none;
    font-size: 1.5em;
    letter-spacing: .5px;
    font-weight: 500;
   box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#crossware-chatbot #btnChat:hover{
	/*background:#87c3d1;*/
	font-weight:700;
	}

#crossware-chatbot.now-open {
    top: 250px;
    width:1024px;
    max-width:90%;
    border: 1px solid #efefef;
}
#crossware-chatbot #chatDiv {
    
    left: 20px;
    /*bottom: 550px;*/
    height: 500px;
    width: 1024px;
    background-color: #fff;
    max-width: 100%;
    max-height: 100%;
    border: none;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}


.wc-console {
	border:none;
	border-top:1px solid #dbdee1 !important;
	}
#crossware-chatbot #btnClose {
    display: none;
    font-size: 30px;
    position: absolute;
    right: 5px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
}/*! jQuery UI - v1.10.0 - 2013-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
}

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}
/*view the icons at http://themes-pixeden.com/font-demos/7-stroke/index.html*/
@font-face {
	font-family: 'Pe-icon-7-stroke';
	src:url('Pe-icon-7-stroke.eot?d7yf1v');
	src:url('Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
		url('Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
		url('Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
		url('Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="pe-7s-"], [class*=" pe-7s-"] {
	display: inline-block;
	font-family: 'Pe-icon-7-stroke';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pe-7s-album:before {
	content: "\e6aa";
}
.pe-7s-arc:before {
	content: "\e6ab";
}
.pe-7s-back-2:before {
	content: "\e6ac";
}
.pe-7s-bandaid:before {
	content: "\e6ad";
}
.pe-7s-car:before {
	content: "\e6ae";
}
.pe-7s-diamond:before {
	content: "\e6af";
}
.pe-7s-door-lock:before {
	content: "\e6b0";
}
.pe-7s-eyedropper:before {
	content: "\e6b1";
}
.pe-7s-female:before {
	content: "\e6b2";
}
.pe-7s-gym:before {
	content: "\e6b3";
}
.pe-7s-hammer:before {
	content: "\e6b4";
}
.pe-7s-headphones:before {
	content: "\e6b5";
}
.pe-7s-helm:before {
	content: "\e6b6";
}
.pe-7s-hourglass:before {
	content: "\e6b7";
}
.pe-7s-leaf:before {
	content: "\e6b8";
}
.pe-7s-magic-wand:before {
	content: "\e6b9";
}
.pe-7s-male:before {
	content: "\e6ba";
}
.pe-7s-map-2:before {
	content: "\e6bb";
}
.pe-7s-next-2:before {
	content: "\e6bc";
}
.pe-7s-paint-bucket:before {
	content: "\e6bd";
}
.pe-7s-pendrive:before {
	content: "\e6be";
}
.pe-7s-photo:before {
	content: "\e6bf";
}
.pe-7s-piggy:before {
	content: "\e6c0";
}
.pe-7s-plugin:before {
	content: "\e6c1";
}
.pe-7s-refresh-2:before {
	content: "\e6c2";
}
.pe-7s-rocket:before {
	content: "\e6c3";
}
.pe-7s-settings:before {
	content: "\e6c4";
}
.pe-7s-shield:before {
	content: "\e6c5";
}
.pe-7s-smile:before {
	content: "\e6c6";
}
.pe-7s-usb:before {
	content: "\e6c7";
}
.pe-7s-vector:before {
	content: "\e6c8";
}
.pe-7s-wine:before {
	content: "\e6c9";
}
.pe-7s-cloud-upload:before {
	content: "\e68a";
}
.pe-7s-cash:before {
	content: "\e68c";
}
.pe-7s-close:before {
	content: "\e680";
}
.pe-7s-bluetooth:before {
	content: "\e68d";
}
.pe-7s-cloud-download:before {
	content: "\e68b";
}
.pe-7s-way:before {
	content: "\e68e";
}
.pe-7s-close-circle:before {
	content: "\e681";
}
.pe-7s-id:before {
	content: "\e68f";
}
.pe-7s-angle-up:before {
	content: "\e682";
}
.pe-7s-wristwatch:before {
	content: "\e690";
}
.pe-7s-angle-up-circle:before {
	content: "\e683";
}
.pe-7s-world:before {
	content: "\e691";
}
.pe-7s-angle-right:before {
	content: "\e684";
}
.pe-7s-volume:before {
	content: "\e692";
}
.pe-7s-angle-right-circle:before {
	content: "\e685";
}
.pe-7s-users:before {
	content: "\e693";
}
.pe-7s-angle-left:before {
	content: "\e686";
}
.pe-7s-user-female:before {
	content: "\e694";
}
.pe-7s-angle-left-circle:before {
	content: "\e687";
}
.pe-7s-up-arrow:before {
	content: "\e695";
}
.pe-7s-angle-down:before {
	content: "\e688";
}
.pe-7s-switch:before {
	content: "\e696";
}
.pe-7s-angle-down-circle:before {
	content: "\e689";
}
.pe-7s-scissors:before {
	content: "\e697";
}
.pe-7s-wallet:before {
	content: "\e600";
}
.pe-7s-safe:before {
	content: "\e698";
}
.pe-7s-volume2:before {
	content: "\e601";
}
.pe-7s-volume1:before {
	content: "\e602";
}
.pe-7s-voicemail:before {
	content: "\e603";
}
.pe-7s-video:before {
	content: "\e604";
}
.pe-7s-user:before {
	content: "\e605";
}
.pe-7s-upload:before {
	content: "\e606";
}
.pe-7s-unlock:before {
	content: "\e607";
}
.pe-7s-umbrella:before {
	content: "\e608";
}
.pe-7s-trash:before {
	content: "\e609";
}
.pe-7s-tools:before {
	content: "\e60a";
}
.pe-7s-timer:before {
	content: "\e60b";
}
.pe-7s-ticket:before {
	content: "\e60c";
}
.pe-7s-target:before {
	content: "\e60d";
}
.pe-7s-sun:before {
	content: "\e60e";
}
.pe-7s-study:before {
	content: "\e60f";
}
.pe-7s-stopwatch:before {
	content: "\e610";
}
.pe-7s-star:before {
	content: "\e611";
}
.pe-7s-speaker:before {
	content: "\e612";
}
.pe-7s-signal:before {
	content: "\e613";
}
.pe-7s-shuffle:before {
	content: "\e614";
}
.pe-7s-shopbag:before {
	content: "\e615";
}
.pe-7s-share:before {
	content: "\e616";
}
.pe-7s-server:before {
	content: "\e617";
}
.pe-7s-search:before {
	content: "\e618";
}
.pe-7s-film:before {
	content: "\e6a5";
}
.pe-7s-science:before {
	content: "\e619";
}
.pe-7s-disk:before {
	content: "\e6a6";
}
.pe-7s-ribbon:before {
	content: "\e61a";
}
.pe-7s-repeat:before {
	content: "\e61b";
}
.pe-7s-refresh:before {
	content: "\e61c";
}
.pe-7s-add-user:before {
	content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
	content: "\e61d";
}
.pe-7s-paperclip:before {
	content: "\e69c";
}
.pe-7s-radio:before {
	content: "\e61e";
}
.pe-7s-note2:before {
	content: "\e69d";
}
.pe-7s-print:before {
	content: "\e61f";
}
.pe-7s-network:before {
	content: "\e69e";
}
.pe-7s-prev:before {
	content: "\e620";
}
.pe-7s-mute:before {
	content: "\e69f";
}
.pe-7s-power:before {
	content: "\e621";
}
.pe-7s-medal:before {
	content: "\e6a0";
}
.pe-7s-portfolio:before {
	content: "\e622";
}
.pe-7s-like2:before {
	content: "\e6a1";
}
.pe-7s-plus:before {
	content: "\e623";
}
.pe-7s-left-arrow:before {
	content: "\e6a2";
}
.pe-7s-play:before {
	content: "\e624";
}
.pe-7s-key:before {
	content: "\e6a3";
}
.pe-7s-plane:before {
	content: "\e625";
}
.pe-7s-joy:before {
	content: "\e6a4";
}
.pe-7s-photo-gallery:before {
	content: "\e626";
}
.pe-7s-pin:before {
	content: "\e69b";
}
.pe-7s-phone:before {
	content: "\e627";
}
.pe-7s-plug:before {
	content: "\e69a";
}
.pe-7s-pen:before {
	content: "\e628";
}
.pe-7s-right-arrow:before {
	content: "\e699";
}
.pe-7s-paper-plane:before {
	content: "\e629";
}
.pe-7s-delete-user:before {
	content: "\e6a7";
}
.pe-7s-paint:before {
	content: "\e62a";
}
.pe-7s-bottom-arrow:before {
	content: "\e6a8";
}
.pe-7s-notebook:before {
	content: "\e62b";
}
.pe-7s-note:before {
	content: "\e62c";
}
.pe-7s-next:before {
	content: "\e62d";
}
.pe-7s-news-paper:before {
	content: "\e62e";
}
.pe-7s-musiclist:before {
	content: "\e62f";
}
.pe-7s-music:before {
	content: "\e630";
}
.pe-7s-mouse:before {
	content: "\e631";
}
.pe-7s-more:before {
	content: "\e632";
}
.pe-7s-moon:before {
	content: "\e633";
}
.pe-7s-monitor:before {
	content: "\e634";
}
.pe-7s-micro:before {
	content: "\e635";
}
.pe-7s-menu:before {
	content: "\e636";
}
.pe-7s-map:before {
	content: "\e637";
}
.pe-7s-map-marker:before {
	content: "\e638";
}
.pe-7s-mail:before {
	content: "\e639";
}
.pe-7s-mail-open:before {
	content: "\e63a";
}
.pe-7s-mail-open-file:before {
	content: "\e63b";
}
.pe-7s-magnet:before {
	content: "\e63c";
}
.pe-7s-loop:before {
	content: "\e63d";
}
.pe-7s-look:before {
	content: "\e63e";
}
.pe-7s-lock:before {
	content: "\e63f";
}
.pe-7s-lintern:before {
	content: "\e640";
}
.pe-7s-link:before {
	content: "\e641";
}
.pe-7s-like:before {
	content: "\e642";
}
.pe-7s-light:before {
	content: "\e643";
}
.pe-7s-less:before {
	content: "\e644";
}
.pe-7s-keypad:before {
	content: "\e645";
}
.pe-7s-junk:before {
	content: "\e646";
}
.pe-7s-info:before {
	content: "\e647";
}
.pe-7s-home:before {
	content: "\e648";
}
.pe-7s-help2:before {
	content: "\e649";
}
.pe-7s-help1:before {
	content: "\e64a";
}
.pe-7s-graph3:before {
	content: "\e64b";
}
.pe-7s-graph2:before {
	content: "\e64c";
}
.pe-7s-graph1:before {
	content: "\e64d";
}
.pe-7s-graph:before {
	content: "\e64e";
}
.pe-7s-global:before {
	content: "\e64f";
}
.pe-7s-gleam:before {
	content: "\e650";
}
.pe-7s-glasses:before {
	content: "\e651";
}
.pe-7s-gift:before {
	content: "\e652";
}
.pe-7s-folder:before {
	content: "\e653";
}
.pe-7s-flag:before {
	content: "\e654";
}
.pe-7s-filter:before {
	content: "\e655";
}
.pe-7s-file:before {
	content: "\e656";
}
.pe-7s-expand1:before {
	content: "\e657";
}
.pe-7s-exapnd2:before {
	content: "\e658";
}
.pe-7s-edit:before {
	content: "\e659";
}
.pe-7s-drop:before {
	content: "\e65a";
}
.pe-7s-drawer:before {
	content: "\e65b";
}
.pe-7s-download:before {
	content: "\e65c";
}
.pe-7s-display2:before {
	content: "\e65d";
}
.pe-7s-display1:before {
	content: "\e65e";
}
.pe-7s-diskette:before {
	content: "\e65f";
}
.pe-7s-date:before {
	content: "\e660";
}
.pe-7s-cup:before {
	content: "\e661";
}
.pe-7s-culture:before {
	content: "\e662";
}
.pe-7s-crop:before {
	content: "\e663";
}
.pe-7s-credit:before {
	content: "\e664";
}
.pe-7s-copy-file:before {
	content: "\e665";
}
.pe-7s-config:before {
	content: "\e666";
}
.pe-7s-compass:before {
	content: "\e667";
}
.pe-7s-comment:before {
	content: "\e668";
}
.pe-7s-coffee:before {
	content: "\e669";
}
.pe-7s-cloud:before {
	content: "\e66a";
}
.pe-7s-clock:before {
	content: "\e66b";
}
.pe-7s-check:before {
	content: "\e66c";
}
.pe-7s-chat:before {
	content: "\e66d";
}
.pe-7s-cart:before {
	content: "\e66e";
}
.pe-7s-camera:before {
	content: "\e66f";
}
.pe-7s-call:before {
	content: "\e670";
}
.pe-7s-calculator:before {
	content: "\e671";
}
.pe-7s-browser:before {
	content: "\e672";
}
.pe-7s-box2:before {
	content: "\e673";
}
.pe-7s-box1:before {
	content: "\e674";
}
.pe-7s-bookmarks:before {
	content: "\e675";
}
.pe-7s-bicycle:before {
	content: "\e676";
}
.pe-7s-bell:before {
	content: "\e677";
}
.pe-7s-battery:before {
	content: "\e678";
}
.pe-7s-ball:before {
	content: "\e679";
}
.pe-7s-back:before {
	content: "\e67a";
}
.pe-7s-attention:before {
	content: "\e67b";
}
.pe-7s-anchor:before {
	content: "\e67c";
}
.pe-7s-albums:before {
	content: "\e67d";
}
.pe-7s-alarm:before {
	content: "\e67e";
}
.pe-7s-airplay:before {
	content: "\e67f";
}
.formInner {
overflow:hidden;
width:200px;
margin:10px auto
}
p {
border-bottom:1px dotted #d8d8d8;
padding-bottom:15px;
font-size:17px
}
#fmSlider {
width:200px;
top:100px;
position:absolute
}
#header {
width:260px;
height:520px;
position:absolute;
right:0;
border:1px solid #d8d8d8;
margin-left:40px;
padding:20px 40px;
border-radius:3px;
box-shadow:0 0 8px gray
}
#fmSidebar {
position:absolute;
top:18px;
left:113px;
box-shadow:0 0 8px gray
}
#sidebar1 {
position:absolute;
top:180px;
left:113px;
box-shadow:0 0 8px gray
}
h3 {
font-family:'Roboto Slab',serif
}
input[type=text] {
margin-top:10px;
padding:6px;
width:90%;
font-size:15px;
border-radius:2px;
border:2px solid #ed1f1f
}
label{
	font-size:15px;
	}
h4 {
font-size:15px
}
div#title {
position:absolute;
top:300px;
left:650px
}
select {
padding:6px;
width:90%;
font-size:15px;
border-radius:2px;
border:2px solid #ed1f1f
}
textarea {
	font-family:inherit;
padding:6px;
font-size:15px;
border-radius:2px;
border:2px solid #ed1f1f;
margin-top:10px;
height:80px;
width:90%;
max-height:260px;
}