/* 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 */

/*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;
}/*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";
}
/*! 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}*/;
}
/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}
.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:20px}.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;
}




