/* ------------------------------------------

    Partner Portal Community - Main Styles
    http://partnerportal.esri.com/
    
	Updated: Oct 24 2014
	By: Michael Paisner
	Description: Configured to reference images within an images folder within zip file.
	For Example, within a zip file, css is at top level of zip file and images are located in folder called images:
		\EPN_CommunityMainStyles.css
		\images\EPN_BannerHome.png
		\images\EPN_BannerShort.png
		etc.
	
     */

/* Body Reset and Clearfix */
body {
	margin: 0 !important;
	font-family: 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif;
	min-width: 1100px;
}
.clearfix:after, .clearfix:before,
.container:after,
.container:before {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  clear: both;
  zoom: 1;
}
* html .clearfix, * html
.container {
  height: 1px;
}

/* Community Typography */
body .x-btn button, 
body .btn, 
body .btnImportant, 
body .btnDisabled, 
body .btnCancel, 
body .menuButton .menuButtonButton, 
body .menuButton .menuButtonMenu a, 
body .menuButton .menuButtonMenu input.theOption, 
h1, h2, h3, h4, h5, h6 {
  font-family: 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif !important;
}

h1, 
h2, 
h3 {
	color: #8F499C;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 30px;
  font-weight: normal;
}
h3 {
  font-size: 1.2em;
}
p {
	font-size: 14px;
	color: #000;
	line-height: 18px;
}
hr {
	background-color: #dcdcdc;
	height: 1px;
	border: 0;
}
a,
a:visited {
 color: #8f499c;
}
a:hover {}

/* Community Header */
.nav-container {
  font-family: 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif;
  padding: 20px 0 0;
  position: relative;
  min-width: 1200px;
  width: 100%;
  z-index: 1000;
}
.logo-wrapper, 
.nav-wrapper, 
.utility-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 15px;
}
.logo-wrapper {
  max-width: 300px;
  min-width: 260px;
  width: 22%;
}
.nav-wrapper {
  min-width: 680px;
  width: 58%;
}
.nav-wrapper ul {
  list-style: none;
  text-transform: uppercase;
  margin: 0;
  position: initial;
}
.nav-wrapper ul li {
  display: inline-block;
  font-size: 13px;
  margin: 0;
  padding: 10px 0 5px;
  position: initial;
}
.nav-wrapper ul li a {
  color: #757575;
  display: block;
  font-size: 14px;
  padding: 0 6px 20px;
  position: relative;
  text-decoration: none;
}
.nav-wrapper ul li a:visited {
  color: #757575;
}
.nav-wrapper .nav-dropdown a:after {
  content: ' ';
  background-image: url("images/EPN_topNav_purpleArrow.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px;
  position: absolute;
  width: 20px;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
}


/* Community Navigation - Dropdown */
.nav-wrapper .nav-dropdown ul {
  display: none;
  text-transform: capitalize;
}
/* content tab fix IE */
.contentSearchTab .nav-wrapper .nav-dropdown ul { top: 50px\9; } @media all and (-ms-high-contrast:none) { /* IE10 */ .contentSearchTab .nav-wrapper .nav-dropdown ul { top: 50px; } /* IE11 */ *::-ms-backdrop, .contentSearchTab .nav-wrapper .nav-dropdown ul { top: 50px; } }

.nav-wrapper ul li a:hover {
  color: #8f499c;
}
.nav-wrapper ul li a.nav-active  {
  color: #8f499c !important;
}
.nav-wrapper ul li a.nav-ignore {
  color: #757575 !important;
}
.nav-wrapper ul li a.nav-ignore:hover {
  color: #8f499c !important;
}
.nav-wrapper ul li:hover ul {
  background-image: url("images/EPN_Transparent.png");
  list-style-image: url("images/EPN_Transparent.png");
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	min-height: 90px;
	padding: 5px 20px;
	width: 100%;
  position: absolute;
  top: 70px;
  left: 0;
}
.nav-wrapper ul ul li {
  float: left;
  margin-bottom: 5px;
  min-width: 110px;
  padding: 0;
  width: 14%;
}
.nav-wrapper ul ul li:nth-child(5) {
  clear: both;
}
.nav-wrapper .nav-dropdown ul a:after {
  background: none !important;
}
.nav-wrapper .nav-dropdown ul a {
  color: #6e6e6e;
  padding: 8px;
}
.nav-wrapper .nav-dropdown ul a:hover {
  background: #f8f8f8;
  color: #b279b4;
}

/* Navigation - Utility and Logout */
.utility-wrapper {
  float: right;
  /*max-width: 210px;*/
  min-width: 210px;
  width: 20%;
}
.utility-wrapper .logOutLink,
.utility-wrapper .logOutLink:visited {
  color: #8E499B;
  float: left;
  font-size: 13px;
  margin: 10px 20px 0 0;
  text-decoration: none;
}
.utility-wrapper .logOutLink:hover {
	color: #000;
}

/* Community Banners (Tall and Short) */
.banner {
	height: 340px;
	width: 100%;
	background-image: url("images/EPN_BannerHome.png");
	background-position: center;
}
/* Update */
.short-banner {
	height: 80px;
	width: 100%;
	background-image: url("images/EPN_BannerShort.png");
	background-position: center;
}

/* Community Footer
 ----------------------------------------------------------*/
.footer {
  border-top: 1px solid #ddd;
	clear: both;
	color: #ddd;
	font-size: 12px;
  margin: 6px 0 25px 0;
	padding-top: 0;
  text-align: center;
	vertical-align: middle;
}
.footer a,
.footer a:visited {
	color: #8f499c;
	padding: 0 5px;
}
.footer hr { display: none; }

.imageEsriLogo {
	border: none;
	margin-left: 20px; 
	padding-top: 15px;
	position: relative;
	top: 10px;
}
.imageLink a:visited {
  color: #FF00FF;
}




/* Community Social Links and Sprite Icon
 ----------------------------------------------------------*/
.social ul {
	padding-left: 0;
}
.social ul li {
	text-decoration: none;
	display: inline;
	color: #999;
}
.social ul li:hover {
	text-decoration: none;
	display: inline;
	color: #8e499b;
}
.social ul a {
	display: inline-block;
	height: 32px;
	width: 150px;
	text-decoration: none;
}

.linkedin, 
.facebook, 
.youtube, 
.twitter, 
.newsfeed, 
.blog,
.ethreeeighty,
.geonet,
.emptycell {
	background-image: url("images/EPN_SocialMedia_Icons.png");
	background-repeat: no-repeat;
	display: inline-block;
	margin-top: 10px;
	margin-right: 8px;
	padding-left: 28px;
	height: 16px;
	width: 120px;
	vertical-align: middle;
}
.linkedin {
	background-position: 0px -64px;
}
.linkedin:hover {
	background-position: 0px -160px;
}
.facebook {
	background-position: 0px -32px;
}
.facebook:hover {
	background-position: 0px -128px;
}
.youtube {
	background-position: 0px -80px;
}
.youtube:hover {
	background-position: 0px -176px;
}
.twitter {
	background-position: 0px -48px;
}
.twitter:hover {
	background-position: 0px -144px;
}
.newsfeed {
	background-position: 0px -16px;
}
.newsfeed:hover {
	background-position: 0px -112px;
}
.blog {
	background-position: 0px 0px;
}
.blog:hover {
	background-position: 0px -96px;
}
.ethreeeighty {
	background-position: 0px -224px;
}
.ethreeeighty:hover {
	background-position: 0px -240px;
}
.geonet {
	background-position: 0px -192px;
}
.geonet:hover {
	background-position: 0px -208px;
}
.emptycell {
	background-position: 0px -256px;
}
.emptycell:hover {
	background-position: 0px -256px;
}


/* Community Page Content 
 ----------------------------------------------------------*/
#page_content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 20px 0;
	position: relative;
	width: 1100px;	
}
.page-content {
  
}


/* Contacts Pagination
 ----------------------------------------------------------*/
.centerDiv .firstPG,
.centerDiv .previousPG,
.centerDiv .nextPG,
.centerDiv .lastPG {
    background: #f36f20 !important;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: #FFF;
    padding: 6px;
    margin: 0 5px !Important;
}

.centerDiv .previousPG {
    margin-right: 15px !Important;
}
.centerDiv .nextPG {
    margin-left: 15px !Important;
}

.centerDiv .firstPG:hover,
.centerDiv .previousPG:hover,
.centerDiv .nextPG:hover,
.centerDiv .lastPG:hover {
    background: #da4d1e !important;
    color: #FFF;
}

.centerDiv .firstPG.btnDisabled,
.centerDiv .previousPG.btnDisabled,
.centerDiv .nextPG.btnDisabled,
.centerDiv .lastPG.btnDisabled,
.centerDiv .firstPG.btnDisabled:hover,
.centerDiv .previousPG.btnDisabled:hover,
.centerDiv .nextPG.btnDisabled:hover,
.centerDiv .lastPG.btnDisabled:hover {
  background: #EDEDED !important;
  color: #888;
}



/* Table
 ----------------------------------------------------------*/
.general-table {
  border-collapse: collapse;
  color: #6E6E6E;
  font-weight: normal;
  width: 100%;
}
.general-table thead {
  background-color: #F8F8F8;
  border: 1px solid #CCC;
  padding: 0 0 0 10px;
}
.general-table thead th {
  font-size: 13px;
  font-weight: normal;
  padding: 5px;
  text-align: left;
}
.general-table tbody {
  padding: 0 10px;
}
.general-table tbody td {
  border: 1px solid #CCC;
  padding: 5px;
}
.general-table .small-txt {
  font-size: 12px;
}

.events-table td {
  height: 70px;
}
.events-table .event-title {
  color: #8E499B;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  width: 275px;
}
.events-table .event-date {
  width: 125px;
}
.events-table .event-location {
  width: 200px;
}
.events-table a {
  color: #8E499B;
  text-decoration: none;
  font-weight: normal;
}
.events-table .event-info {
  display: none;
  height: 25px;
  width: 25px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.events-table .event-title:hover {
  background: #EFE5F1;
}
.events-table .event-title:hover .event-info {
  display: block;
}



.qLinkTable {
  font-weight: normal;
  width: 100%;
}

.qLinkTable tbody {
  padding: 0 10px;
}
.qLinkTable tbody td {
  border: 1px solid #CCC;
  padding: 5px;
}
.qLinkTable thead {
  background-color: #F8F8F8;
  border: 1px solid #CCC;
  padding: 0 0 0 10px;
}
.qLinkTable thead th {
  font-size: 13px;
  font-weight: normal;
  padding: 5px;
  text-align: left;
}


#colapse {
	width: 600px;
	border: solid 1px #e3e3e3;
	color: #444;
	width: 100%;
}
#colapse td {
	border-top: solid 1px #e3e3e3;
	border-right: solid 1px #e3e3e3;
	padding-left: 8px;
}

.thead {
	background-color: #fafafa;
	border-left: solid 8px #8e499b;
}
.thead a {
	color: #8e499b;
	margin-left: 35px;
	text-decoration: none;
	font-size: 18px;
}
.stripe {
	background-color: #fafafa;
}



/* QLinks - Expandable Toggles
 ----------------------------------------------------------*/
.qLink_toggle_all {
	background: none;
	padding-left: 0;
}
.qLink_list {
	margin: 0.8em 0;
	width: 900px;
}
.qLink_list .qLink_item {
	border: 1px solid #dedede;
}
.qLink_list .qLink_item .users {
	float: right;
	font-family: "Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.qLink_list .qLink_item .users strong {
	color: #333;
	font-family: "Avenir LT W01 65 Medium", Arial, Helvetica, sans-serif;
}

/* Collaspsed */
.qLink_list .qLink_item .qLink_toggle {
	background: url("images/EPN_IconArrowCircle.png") no-repeat 6px 12px;
	border-left: 8px solid #dedede;
	color: #999;
	cursor: pointer;
	display: block;
	font-family: "Avenir LT W01 65 Medium", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0.6em 0.6em 0.6em 2em;
	text-decoration: none;
}

/* Hoovered both Collasped/Expanded */
.qLink_list .qLink_item:hover {
  /*background-color: #EFE5F1; */
}

/* Expanded */
.qLink_list .qLink_item.qLink_list_down .qLink_toggle {
	background: url("images/EPN_IconArrowCircleDown.png") no-repeat 6px 12px;
	border-left: 8px solid #8e499b;
	color: #8e499b;
}

.qLinkTable .qLink-title {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  width: 500px;
  }

.qLinkTable a {
  color: #8E499B;
  text-decoration: none;
  font-weight: normal;
}
.qLinkTable .qLink-title:hover {
  background: #EFE5F1;
  color: #8E499B;
}
.qLink_list .qLink_item .qLink_toggle:hover {
	background-color: #EFE5F1 !Important;
}

.qLink_list .qLink_item.qLink_list_down .qLink_answer {
	margin: 0;
}
.qLink_list .qLink_item.qLink_list_down .qLink_answer table {
	border-left: none;
	border-right: none;
	margin: 0;
}
.qLink_list .qLink_item.qLink_list_down .qLink_answer table th:first-child, .qLink_list .qLink_item.qLink_list_down .qLink_answer table td:first-child {
	border-left: none;
}
.qLink_list .qLink_item.qLink_list_down .qLink_answer table th:last-child, 
.qLink_list .qLink_item.qLink_list_down .qLink_answer table td:last-child {
	border-right: none;
}
.qLink_list .qLink_item.qLink_list_down .qLink_answer .dataTables_wrapper {
	margin: 0;
	padding: 0;
}
.qLink_list .qLink_item.qLink_list_down .qLink_answer .dataTables_info, 
.qLink_list .qLink_item.qLink_list_down .qLink_answer .dataTables_paginate {
	display: none;
}
.qLink_list .qLink_answer {
	margin: 0;
	margin-bottom: 1em;
}



/* Various Styles
 ----------------------------------------------------------*/
.transparent a {
	padding: 0 14px;
}
.drop_down {
	display: block;
	width: 100%;
	height: 83px;
	position: absolute;
	z-index: 9999;
	background-image: url("images/EPN_Transparent"); 
	left: 0;
}
.drop_down a {
	padding-top: 8px;
	margin-bottom: 8px;
	margin-right: 24px;
	color: #b4b4b4;
	display: inline-block;
}
.whats-new {
	width: auto;
	float: left;
}
.whats-new .article-title {
	display: block;
	margin-bottom: 0px;
	padding: 8px;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	color: #8e499b;
}
.whats-new li a {
	background-color: #fff;
	height: 70px;
	display: block;
	padding: 0;
	text-decoration: none;
	color: #4d4d4d;
	margin-left: -40px;
	font-size: 13px;
	border: 1px solid #dddddd;
	border-top: none;
}
.whats-new li a:hover {
	background-color: #efe5f1;
	text-decoration: none;
}
.whats-new ul {
	text-decoration: none;
	list-style-type: none;
	margin-top: 20px;
	padding-left: 20px;
	border-top: 1px solid #dddddd;
}
.date-line {
	font-size: 14px;
	margin: 8px;
}
.rtcolmn {
	float: left;
	width: 380px;
}
.pgcontent {
	float: left;
}
.community {
	float: left;
	width: 700px;
	margin-right: 18px;
}
.quicklinks {
	width: 364px;
}
.thelinks ul {
	list-style-type: none;
	padding: 0;
}
.thelinks ul li {
	padding-left: 0;
}
.thelinks ul li a {
	margin: 8px 0;
	display: block;
	font-size: 18px;
	color: #6e6e6e;
	text-decoration: none;
	background-image: url("images/EPN_grey_arrow.png");
	background-repeat: no-repeat;
	padding-left: 22px;
	background-position-y: 5px;
}
.thelinks ul li a:hover {
	color: #b27ab3;
	background-image: url("images/EPN_purple_arrow.png");
}

.learn-chatter-link {
  color: #F47830;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  left: 30px;
}
.chatter {
	float: left;
	width: 700px;
	margin-right: 18px;
	padding-left: 25px;
}
.chatterLogo {
	background-image: url(../images/salesforce_cloud.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 260px;
	height: 400px;
	float: right;
}
	
#tabContainer {
   display: none;	
}

/* Community Body Overrides 
   These styles are intended to override default Salesforce styles.
---------------------------------------------------------- */

/* Hide Random Sections */
.listHoverLinks,
#searchResults .pbHeader .paging,
.contentSearchTab .sidebarCell,
#handlebarContainer,
.pbHeader .pbButton,
#AppBodyHeader, .sidebarCell {
  display: none;
}


#docDetails .pbHeader .pbTitle h3 {
  padding-right: 0;
}
.globalHeaderBar {
  position: relative;
  z-index: 10005;
}
.apexp .bPageBlock.apexDefaultPageBlock .pbBody {
  margin: 7px 0 !Important;
}

#bodyTable {
  border-radius: none;
}
.bodyDiv.brdPalette.brandPrimaryBrd {
  border-radius: 0px;
  box-shadow: none;
  background-color: #fff;
  border: none;
  margin: 0px;
}



.pbTitle {
  font-size: 29px;
}
.pbHeader .pbTitle {
  color: #B895C0;
}
.pbHeader .pbTitle h2 {
  display:inline;
  padding:10px;
  padding-right: 200px;
  font-size: 1.2em;
  font-family: 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif;
}
.pbHeader .pbTitle h3 {
  display:inline;
  padding:10px;
  padding-right: 200px;
  font-size: 1em;
  font-family: 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif;
  color: #8F499C;
}



#contentWrapper {
  min-width: 1100px;
}
#contentWrapper .bPageBlock {
  background-color: transparent !important;
  border: 0px;
}
#contentWrapper h2.mainTitle {
  font-size: 32px;
  font-weight: normal;
  color: #8f499c;
  margin-left: 0px;
  width: 100%;
  font-family: 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif;
  padding-left: 0;
}
#contentWrapper table {
  border: 0px;
}
#contentWrapper .pbTitle {
  padding: 0px;
  width: 100%;
}
#contentWrapper #message {
  padding: 0px;
}
#contentWrapper .pbSubheader {
  margin-top: 20px;
  margin-bottom: 0px;
}
#contentWrapper .pbBottomButtons {
  margin-top: 0px;
  border: none;
  /* border: 1px solid #dbdbdb; */
  border-top: 0px;
  border-left: 0px;
}
#contentWrapper .pbSubsection {
  border: 1px solid #b4b4b4;
  margin-top: 0px;
  padding-top: 20px;
  /* border-bottom: 0px; */
}


#message {
  margin-bottom: 20px;
  /* font-weight: bold; */
}


.pbBottomButtons .pbTitle {
  font-family: 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif;
  width: 18%;
}
.btn, .button, .formulaButton, .btnWhatsNew,
input[type=submit].btn {
  border:none !important;;
  background:#f36f20 !important;
  color:#fff !important;
  border-radius:0 !important;
  padding: 6px !important;
}

.btn:hover, .button:hover, .formulaButton:hover, .btnWhatsNew:hover,
input[type=submit].btn:hover {
  background:#da4d1e !important;
}


input[type=text] {
  border: 1px solid #b4b4b4;
}
.partnerLogo img {
  max-width: 400px;
}
.nowrapStyle {
  width: 500px;
}
.partnerLogo {
  max-width: 25%;
}
.mainBtnTable {
  margin-left: 430px;
  width: 600px;
  /* text-align: center; */
  font-weight: bold;
}
.mainBtnTable .btn {
  width: 140px;
}

.divBorder {
  border-top: #EEEEEE 20px solid !important;
  border-left: solid 1px #EEEEEE !important;
  border-bottom: solid 1px #EEEEEE !important;
  border-right: solid 1px #EEEEEE !important;
  border-radius: 5px;
}
.tblMain {
  width: 100%;
}
.nowrapStyle {
  width: 100%;
}
.tblMain {
  width: 100% !important;
}
.tblMain td{
  padding-bottom:3px;
}
.headerFont2 {
  font-size: 1.5em;
  text-align: center;
  display: block;
  font-family: 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif;
}
.belowHeaderFont {
  text-align: right;
  display: block;
  font-size: 0.75em;
  font-family: 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif;
}
.mainBtnTable .nowrapStyle{
  width:50%;
}
.mainBtnTable .nowrapStyle input{
  margin-left: 25%;
  /* display: block; */
}

.mainBtnTable .nowrapStyle span{
  /* float:left; */
}
textarea{
  height:100px;
  width: 100%;
}
table {
  width: 100%;
}
.pbBody .pbButton{
  width:10%;
  background: #EEEEEE;
}
.divButtons input, .pbButton input{
  border: none;
  background: #F36B0E;
  color:#fff;
  padding:5px;
}
.pbBody .pbTitle {
  background: #EEEEEE;
  color:#000;
  padding:5px;
}
.pbBody .pbTitle h2{
  border-bottom: none !important;
  font-family: 'Avenir LT W01 35 Light', Arial, Helvetica, sans-serif;
}


.pbBody .mainTitle {
  margin:0;
  padding: 10px;
  font-size:1em;
}
.list {
  border:1px solid #EEEEEE;
  border-bottom:none;
  border-radius:5px;
}

.list .trBoldrelList {
  font-weight: bold;
  text-align: left;
}
.list td {
  border-bottom:1px solid #EEEEEE;
  padding:2px;
  font-size:1.1em;
}
.list td a {
  color:#007CC3;
  text-decoration:none;
}
.list td a:hover {
  text-decoration:underline;
  cursor:pointer;
}
.detailList {
  width: 50%;
  margin: auto;
}
.detailList .labelCol {
  text-align:right;
  padding-right:15px;
  width:50%;
}
.detailList .data2Col {
  width:50%;
}
.detailList .data2Col input {
  width : 450px;
}
.detailList .data2Col textarea {
  width : 446px;
}
.divButtons {
  text-align:center;
  /* border-top:50px solid #EEEEEE; */
  padding-top: 25px;
  margin-top: 15px;
  float: left;
}
.divButtons input {
  margin:0 10px
}

.pbBottomButtons .pbTitle {
  width: 10px !important;
  /* display: block; */
}

.brandSecondaryBrd .pbHeader {
  color: #8E499B;
  font-weight:bold;
  font-size:1.5em;
}
.brandSecondaryBrd .pbHeader h2 {
  color: #8E499B !important;
  font-weight: bold;
}


.rich-tabpanel {
  width: 75%;
  margin: auto;
}
.rich-tab-active {
  background-image: none;
  cursor:pointer;
  background: #f1f1f1;
  background: -moz-linear-gradient(top,  #f1f1f1 0%, #bbbbbb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#bbbbbb));
  background: -webkit-linear-gradient(top,  #f1f1f1 0%,#bbbbbb 100%);
  background: -o-linear-gradient(top,  #f1f1f1 0%,#bbbbbb 100%);
  background: -ms-linear-gradient(top,  #f1f1f1 0%,#bbbbbb 100%);
  background: linear-gradient(to bottom,  #f1f1f1 0%,#bbbbbb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#bbbbbb',GradientType=0 );
}
.rich-tab-inactive {
  background-image: none;   
  cursor:pointer;
  background: #bbbbbb;
  background: -moz-linear-gradient(top,  #bbbbbb 0%, #f1f1f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#f1f1f1));
  background: -webkit-linear-gradient(top,  #bbbbbb 0%,#f1f1f1 100%);
  background: -o-linear-gradient(top,  #bbbbbb 0%,#f1f1f1 100%);
  background: -ms-linear-gradient(top,  #bbbbbb 0%,#f1f1f1 100%);
  background: linear-gradient(to bottom,  #bbbbbb 0%,#f1f1f1 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#f1f1f1',GradientType=0 );
}

.tabLabel>table{
  width:auto;
  margin-left:auto;
}


.pbHeader .pbButton {
  width: 200px;
}

#docDetails .pbHeader .pbButton {
  display: block;
  width: 100%;
}

.bRelatedList .pbButton {
  display: block;
}

.pbHeader .btn {
  font-size: 13px;
  float: right;
}

@media screen and (max-width:900px){
  #contentWrapper .pbTitle .mainTitle {
    font-size: 18px;
  }
}

#contentWrapper .pbTitle {
  background: #FFF;
}
#contentWrapper .contactBlock .pbBottomButtons {
  border: none;
}
#contentWrapper .accountBlock .labelCol {
  display: block;
  width: 500px;
}
#contentWrapper .apexp .pbSubsection {
  border: none;
}
#contentWrapper .accountBlock .txtAlign.divButtons {
  margin-bottom: 10px;
  text-align: right;
}
#contentWrapper .accountBlock .pbHeader .pbButton {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  float: left;
  display: block;
  width: 100%;
}
.multiSelectPicklistTable { 
  width: auto;
}
.sidebarCollapsible .brandPrimaryFgr {
  font-size: 14px;
}
.searchControls {
  width: auto;
}
.searchControls h2 {
  font-size: 18px;
}
#documentListTableForm_roundedButton_documentmultiDownload_download_ {
  float: left;
}
#searchResults .pbHeader .pbTitle {
  font-size: 16px;
}
#searchResults .pbHeader .pbTitle h3 {
  font-size: 16px;
}


/* Helptext 
----------------------------------------------------------*/
.helpText {
  background-color: #B895C0;
  border: 1px solid #8F499C;
  color: #000;
}
/*
.detailList .helpOrb {
position: absolute;
right: -20px;
top: 0;
}

#contentWrapper .accountBlock .helpOrb{
position: relative !important;
top: 0px !important;
right: 10px !important;
}

#contentWrapper .accountBlock .helpButton h2 {
font-size: 20px;
float: left;
margin: 0 20px 20px;
}

#contentWrapper .accountBlock .helpButtonOn .helpOrb {
top: -2px !important;
right: -28px !important;
}
*/


.customnotabBlock .pbTitle {
  width: 100%;
}

/* Adjusting column for file size 
#documentListTable colgroup col:nth-child(4) {
  width: 150px !important;
}*/
/* Hiding display option button on Content page 
#_roundedButton_bubbleshow_displayOptions_ {
  display:none;
}*/

// CSS to test it working
nav a.nav-active {
	color: purple;
}