/* Migrate to CAF */

.cafPointer:hover {
	cursor: pointer;
}

html, body {
	font-family: OpenSansLight, Helvetica, Arial, Sans serif;
}

.pentaho-page-background {
	overflow-y: scroll;
}

.marketplacePanel {
	padding-bottom: 25px;
}

.panelContainer > div {
}

.templateWrapper {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	clear: both;
	width: 950px;
	margin-top: 30px;
	border: 1px solid #c1d7e1;
}

.templateLogo {
	display: none;
	float: left;
	width: 154px;
	color: #d2d2d2;
	font-size: 13pt;
	line-height: 50px;
	margin-left: 30px;
	background: none;
}

.templateHead {
	width: 950px;
	height: 50px;
	border-bottom: 1px solid #c1d7e1;
	overflow: visible;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
}

.templateHead > div.templatePanels {
	margin: 0px;
	float: left;
}

.templateHead > div.templatePanels div.cafLinks {
	padding: 0px 20px;
	border-top: 4px solid transparent;
	border-bottom: 0px solid #c1d7e1;
	border-left: 0px solid transparent;
	border-right: 1px solid #c1d7e1;
	margin-bottom: -1px;
}

.templateHead > div.templateActions {
	float: right;
	height: 30px;
	margin: 10px 30px 10px 0px;
	padding-left: 15px;
}

.templateHead div.cafLinks {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	font-size: 14px;
}

.templateHead div.cafPanel.cafLinks.active, .templateHead div.cafPanel.cafLinks.active:hover {
	color: #555555;
	background-color: #ffffff;
	border-top: 4px solid #f2ce17;
	cursor: default;
}

.templateHead div.cafPanel.cafLinks {
	line-height: 46px;
	margin: 0px;
	color: #1973bc;
}
.templateHead div.cafPanel.cafLinks:first-child {
	border-left: none;
}

.templateHead div.templatePanels div.cafLinks:hover {
	color: #1973bc;
	background-color: #dce7ed;
	transition: all 300ms;
	-moz-transition: all 300ms;
	-webkit-transition: all 300ms;
}

.templatePanelsContainer {
	margin-left: auto;
	margin-right: auto;
}

.templateTitle {
	clear: both;
	margin-left: 100px;
	margin-bottom: 50px;
}

.templateToggleActionContainer {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 950px;
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}

.infoDivWrapper {

	min-height: 32px;
	line-height: 32px;
	text-align: center;
	-webkit-transition: all 1500ms ease-in;
	-moz-transition: all 1500ms ease-in;
	-o-transition: all 1500ms ease-in;
	transition: all 1500ms ease-in;
	background: #4A4A4A;
	color: gray;
	overflow: hidden;
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: gray;
	border-left: solid 1px #353535;
	border-right: solid 1px #353535;
}

.infoDivWrapper.infoDivPulsate {

	color: #D76200;
}

.toggleActionWrapper {

	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	background: #fff;
	overflow: hidden;
	padding: 10px;
	float: left;
	width: 100%;
}

.toggleActionLogo {
	background: url('http://www.webdetails.pt/ficheiros/marketplace_logo.png') repeat scroll 0 0 transparent;
	display: inline-block;
	float: left;
	height: 52px;
	margin-left: 0px;
	width: 154px;
}
.toggleActionDesc, .connectingComponent {
	text-align: center;
	font-size: 10pt;
	color: #555;
}
.toggleActionDevBy {

}
.marketplaceMoveOut {
	margin-top: -200px;
}

/* Transition basic */

.templatePanelsContainer {

	/* Remove this later */
	min-height: auto;
	width: 950px;
	margin: 0 auto;
}

.templatePanelsContainer {
	position: relative;
	background: #fff;
}

.marketplacePanelHeader {
	padding-top: 30px;
}

.panelContainer {
	width: inherit;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}

.basicTransitionHidden {
	opacity: 0;
}

.panelHidden {
	display: none;
}

.marketplacePanelTitle {
	text-align: center;
	margin-bottom: 10px;
}

/* Plugins */

.pluginWrapper {
	min-height: 75px;
}

.pluginWrapper.selected > .pluginHeader {
	color: white;
}

/* Generic ones */
/*body .marketplaceTransparent{
 opacity: 0;
 }
 */
body .marketplaceHidden {
	display: none;
}

body .marketplaceCollapsed {
	height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 0px;
}

.pluginHeader {
	overflow: hidden;
	margin-left: 30px;
	height: 75px;
}

.pluginHeader > div {
	float: left;
	height: 80px;
	vertical-align: middle;
	padding: 5px;
}

.pluginHeader .pluginHeaderTitleWrapper {
	width: 690px;
	height: 70px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

.pluginHeaderTitleWrapper, .pluginBody .pluginHeaderTitleWrapper:hover, .pluginBody .pluginHeaderTitleWrapper:active {
	width: 745px;
	margin-right: 4px;
	display: inline-block;
	height: 70px;
	color: #1973bc;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
	border: 1px solid #c1d7e1;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: default;
}

.pluginBody .pluginHeaderTitleWrapper:hover > div, .pluginBody .pluginHeaderTitleWrapper:active > div {
	color: #1973bc;
}

.pluginHeaderTitleWrapper:hover > div, .pluginHeaderTitleWrapper:active > div {
	color: #1973bc;
}

.pluginHeaderTitleWrapper:hover {
	background: #dce7ed;
	cursor: pointer;
}

.pluginHeaderTitleWrapper:active {
	background: #dce7ed;
}

.pluginHeaderTitleWrapper > div {
	padding-left: 17px;
	display: inline-block;
	vertical-align: top;
}

.pluginHeaderTitleWrapper .leftSide {
	width: 460px;
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}

.pluginHeaderTitleWrapper .centerSide {
	height: 35px;
	margin: 10px 0px 12px 0px;
}

.pluginHeaderTitleWrapper:hover .centerSide, .pluginHeaderTitleWrapper:active .centerSide {
}

.pluginHeaderTitleWrapper .rightSide {
	width: 180px;
	height: 35px;
	margin: 11px 0px 11px 0px;
	padding-left: 30px;
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}

.pluginHeaderTitleWrapper:hover .rightSide, .pluginHeaderTitleWrapper:active .rightSide {
}

.pluginHeader .pluginHeaderTitleWrapper  .pluginHeaderTitle {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #1973bc;
}

.pluginHeaderTitleWrapper  .pluginHeaderTitle {
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	padding-top: 15px;
	padding-bottom: 10px;
	width: 100%;
}

.pluginHeaderTitleWrapper  .pluginHeaderVersion {
	font-size: 11px;
	line-height: 11px;
	width: 100%;
	font-family: OpenSansRegular, Sans serif;
	color: #555;
}

.pluginHeaderTitleWrapper  .pluginHeaderVersion .createdBy {
	margin-right: 30px;
	font-family: OpenSansRegular, Sans serif;
	color: #555;
}

.pluginHeaderTitleWrapper  .pluginHeaderVersion .installedVersion {
	font-weight: normal;
	font-weight: bold;
	color: #555;
}

.pluginHeaderTitleWrapper .rightSide > div {
	display: inline-block;
	vertical-align: top;
	margin: 5px 0px;
}

.pluginHeaderTitleWrapper .rightSide .viewDetailsDesc {
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	margin-right: 20px;
	color: #555;
}

.pluginHeaderTitleWrapper .rightSide .viewDetailsImage {

	background: url(img/view.png) scroll no-repeat 0px 0px;
	width: 22px;
	height: 22px;
}

.pluginHeaderTitleWrapper:hover .rightSide .viewDetailsImage, .pluginHeaderTitleWrapper:active .rightSide .viewDetailsImage {
}

.pluginHeaderUpdates {
	float: right;
	font-size: 12px;
	padding-right: 40px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: right;
}

.pluginStatusUpdateAvailable {
	background-image: url('img/statusUpdateAvailable.png');
}

.pluginStatusUpToDate {
	background-image: url('img/statusUpToDate.png');
}

.pluginStatusInstalled {
	background-image: url('img/statusInstalled.png');
}

.pluginStatusNotInstalled {
	background-image: url('img/statusNotInstalled.png');
}

.pluginStatusInstalling {
	background-image: url('img/statusInstalling.gif');
}

.pluginStatusUninstalling {
	background-image: url('img/statusUninstalling.gif');
}

.pluginBodyTop {
	margin-bottom: 20px;
}

.pluginBodyTop > div {
	vertical-align: top;
}

.pluginHeaderButtonWrapper {
	display: inline-block;
}

.pluginHeaderButtonWrapper button {
	width: 140px;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	text-align: center;
	height: 70px;
	color: #fff;
	background: #007297; /* Old browsers */
	background: -moz-linear-gradient(top,  #007297 57%, #005f7d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(57%,#007297), color-stop(100%,#005f7d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #007297 57%,#005f7d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #007297 57%,#005f7d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #007297 57%,#005f7d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #007297 57%,#005f7d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007297', endColorstr='#005f7d',GradientType=0 ); /* IE6-9 */ /* IE6-8 */
	padding-bottom: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	border: none;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.pluginHeaderButtonWrapper button:hover {
	background: #0085b0; /* Old browsers */
	cursor: pointer;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.pluginHeaderButtonWrapper button:active {
	background: #8ac06e; /* Old browsers */
	background: -moz-linear-gradient(top,  #8ac06e 0%, #62ab3d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ac06e), color-stop(100%,#62ab3d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8ac06e 0%,#62ab3d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8ac06e 0%,#62ab3d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8ac06e 0%,#62ab3d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8ac06e 0%,#62ab3d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac06e', endColorstr='#62ab3d',GradientType=0 ); /* IE6-9 */
	color: #293b44;
}

.pluginHeaderButtonWrapper button > * {
	vertical-align: top;
}

.pluginHeaderButtonWrapper button .icon {
	height: 22px;
	width: 22px;
	display: inline-block;
	float: right;
	margin-right: 25px;
	margin-top: 3px;
}

.pluginBodyContainer .pluginHeaderButtonWrapper button .icon {
	margin-right: 15px;
	height: 20px;
	width: 20px;
	margin-top: 3px;
}

.pluginHeaderButtonWrapper button.closeButton .icon {
	background: url(img/close.png) scroll no-repeat -22px 0px;
}

.pluginHeaderButtonWrapper:hover button.closeButton .icon {
	background-position: -22px 0px;
}

.pluginBodyDetailsArea {
	color: #4a4a4a;
}

.pluginBodyDetailsArea > div {
	display: inline-block;
	vertical-align: top;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.pluginBodyDetailsArea .pluginVersionLeft {
	width: 175px;
	margin: 0px 40px 40px 30px;
	display: inline-block;
}

.pluginBodyDetailsArea .pluginVersionLeft .desc {
	font-size: 10px;
	line-height: 20px;
	padding-left: 6px;
	display: inline-block;
	vertical-align: bottom;
}

.pluginBodyDetailsArea .pluginVersionLeft .infoIcon {
	height: 20px;
	width: 20px;
	background: url(img/info.png);
	display: inline-block;
	vertical-align: bottom;
}

.pluginBodyDetailsArea .pluginVersionRight {
	width: 560px;
	margin: 0px 30px 0px 40px;
	display: inline-block;
}

.pluginBodyDetailsArea .pluginVersionRight .desc {
	font-size: 10px;
	line-height: 20px;
	padding-left: 6px;
	display: inline-block;
	vertical-align: bottom;
}

.pluginBodyDetailsArea .pluginVersionRight .descriptionIcon {
	height: 22px;
	width: 22px;
	background: url(img/description.png);
	display: inline-block;
	vertical-align: bottom;
}

.pluginBodyDetailsArea .pluginVersionRight .screenshotsIcon {
	height: 20px;
	width: 20px;
	background: url(img/view.png);
	display: inline-block;
	vertical-align: bottom;
}

.pluginBodyDetailsArea .pluginVersionRight .pluginVersionDescription {
	padding-left: 6px;
	padding-top: 5px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
}

.pluginVersionPropLabel {
	border-top: solid 1px #cccccc;
	padding-top: 8px;
	padding-left: 6px;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
}

.pluginVersionPropValue {
	padding-left: 6px;
	font-size: 11px;
	line-height: 12px;
	margin-bottom: 10px;
	margin-top: 4px;
}

.pluginHeaderVersionLabel {
	margin-top: 4px;
	font-size: 7px;
}

.pluginHeaderVersionNotInstalled {
	font-size: 8px;
	margin-top: 10px;
	color: #808080;
}

.pluginHeader .pluginHeaderButtonWrapper {
	padding: 0px;
}

.pluginHeaderButtonWrapper button.installButton, .pluginHeaderButtonWrapper button.updateButton, .pluginHeaderButtonWrapper button.uptodateButton {
	width: 195px;
}

.pluginBody {

}

.pluginBodyContainerTop {

	padding: 6px 4px 0px 4px;
	margin: 0px 25px 0px 25px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.pluginBodyContainerBottom {
	height: 85px;
	margin: 0px 25px 5px 25px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.pluginBodyContainerBottom .pluginButton {
	margin-top: 17px;
	height: auto;
	width: auto;
}

.pluginBodyContainerBottom button {
	height: 50px;
	width: 180px;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	color: inherit;
	padding-bottom: 5px;
}

.pluginBodyContainerBottom button:active {
	-webkit-box-shadow: inset 5px 5px 10px -5px #666666;
	box-shadow: inset 5px 5px 10px -5px #666666;
}

.pluginBodyContainerBottom button .icon {
	height: 22px;
	width: 22px;
	display: inline-block;
	float: right;
	margin-right: 15px;
	margin-top: 2px;
}

.pluginBodyContainerBottom button.installButton, .pluginHeader button.installButton {
	border: 0px solid #cccccc;
	cursor: pointer;
	color: #FFF;
	background: #4a9900; /* Old browsers */
	background: -moz-linear-gradient(top,  #4a9900 49%, #418500 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#4a9900), color-stop(100%,#418500)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4a9900 49%,#418500 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4a9900 49%,#418500 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4a9900 49%,#418500 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4a9900 49%,#418500 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a9900', endColorstr='#418500',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.pluginBodyContainerBottom button.installButton .icon, .pluginHeader button.installButton .icon {
	background: url(img/install_button.png) scroll -22px 0px no-repeat;
}

.pluginBodyContainerBottom button.installButton:hover, .pluginHeader button.installButton:hover {
	color: #FFF;
	background: #53ad00;
	*background-color: #53ad00;
}

.pluginBodyContainerBottom button.installButton:active, .pluginHeader button.installButton:active {
	background: #5dc000;
	*background-color: #5dc000;
}

.pluginBodyContainerBottom button.installButton:hover .icon, .pluginBodyContainerBottom button.installButton:active .icon, .pluginHeader button.installButton:hover .icon, .pluginHeader button.installButton:active .icon {
	background-position: -22px 0px;
}

.pluginBodyContainerBottom button.updateButton, .pluginHeader button.updateButton {
	border: 0px #ccc solid;
	color: #fff;
	background: #d85600; /* Old browsers */
	cursor: pointer;
	background: -moz-linear-gradient(top,  #d85600 0%, #c44e00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d85600), color-stop(100%,#c44e00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d85600 0%,#c44e00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d85600 0%,#c44e00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d85600 0%,#c44e00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d85600 0%,#c44e00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d85600', endColorstr='#c44e00',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.pluginBodyContainerBottom button.updateButton .icon, .pluginHeader button.updateButton .icon {
	background: url(img/upgrade.png) scroll -22px 0px no-repeat;
}

.pluginBodyContainerBottom button.updateButton:hover, .pluginHeader button.updateButton:hover {
	color: #ffffff;
	background: #eb5e00; /* Old browsers */
}

.pluginBodyContainerBottom button.updateButton:active, .pluginHeader button.updateButton:active {
	color: #ffffff;
	background: #ff6600; /* Old browsers */
}

.pluginBodyContainerBottom button.updateButton:hover .icon, .pluginBodyContainerBottom button.updateButton:active .icon, .pluginHeader button.updateButton:hover .icon, .pluginHeader button.updateButton:active .icon {
	background-position: -22px 0px;
}

.pluginBodyContainerBottom button.uninstallButton {
	border: 0px solid #cccccc;
	cursor: pointer;
	color: #FFF;
	background: #c20b0b; /* Old browsers */
	background: -moz-linear-gradient(top,  #c20b0b 49%, #af0a0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#c20b0b), color-stop(100%,#af0a0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c20b0b 49%,#af0a0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c20b0b 49%,#af0a0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c20b0b 49%,#af0a0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c20b0b 49%,#af0a0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20b0b', endColorstr='#af0a0a',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.pluginBodyContainerBottom button.uninstallButton .icon {
	background: url(img/uninstall_button.png) scroll -22px 0px no-repeat;
}

.pluginBodyContainerBottom button.uninstallButton:hover {
	color: #FFF;
	background: #d50c0c;
	*background-color: #d50c0c;
}

.pluginBodyContainerBottom button.uninstallButton:active {
	background: #e70d0d; /* Old browsers */
	*background-color: #e70d0d;
}

.pluginBodyContainerBottom button.uptodateButton, .pluginHeader button.uptodateButton, .pluginBodyContainerBottom button.uptodateButton:hover, .pluginHeader button.uptodateButton:hover, .pluginBodyContainerBottom button.uptodateButton:active, .pluginHeader button.uptodateButton:active {
	border: solid 1px #ccc;
	color: #bbb;
	background: #ddd; /* Old browsers */
	background: -moz-linear-gradient(top,  #eee 0%, #ddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eee 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eee 0%,#ddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eee 0%,#ddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eee 0%,#ddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ddd',GradientType=0 ); /* IE6-8 */
	cursor: default;
	-webkit-box-shadow: none;
	-moz-box-shadow: none);
	box-shadow: none;
}

.pluginBodyContainerBottom button.uptodateButton .icon, .pluginHeader button.uptodateButton .icon {
	background: url(img/uptodate_button_icon.png) scroll 0px 0px no-repeat;
}

.pluginBodyContainerBottom button.uptodateButton:hover .icon, .pluginBodyContainerBottom button.uptodateButton:active .icon {
	background-position: 0px 0px;
}

.pluginBodyContainerBottom button:disabled, .pluginBodyContainerBottom button:disabled:hover, .pluginBodyContainerBottom button:disabled:active {
	border: solid 1px #ccc;
	color: #bbb;
	background: #ddd; /* Old browsers */
	background: -moz-linear-gradient(top,  #eee 0%, #ddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eee 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eee 0%,#ddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eee 0%,#ddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eee 0%,#ddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ddd',GradientType=0 ); /* IE6-8 */
	cursor: default;
	-webkit-box-shadow: none;
	-moz-box-shadow: none);
	box-shadow: none;
}

/* ie rule */
.pluginBodyContainerBottom button.uptodateButton.disabled, .pluginBodyContainerBottom button.uptodateButton.disabled:hover, .pluginBodyContainerBottom button.uptodateButton.disabled:active, .pluginBodyContainerBottom button.installButton.disabled, .pluginBodyContainerBottom button.installButton.disabled:hover, .pluginBodyContainerBottom button.installButton.disabled:active, .pluginBodyContainerBottom button.updateButton.disabled, .pluginBodyContainerBottom button.updateButton.disabled:hover, .pluginBodyContainerBottom button.updateButton.disabled:active, .pluginBodyContainerBottom button.uninstallButton.disabled, .pluginBodyContainerBottom button.uninstallButton.disabled:hover, .pluginBodyContainerBottom button.uninstallButton.disabled:active {
	border: solid 1px #ccc;
	color: #bbb;
	background: #ddd; /* Old browsers */
	background: -moz-linear-gradient(top,  #eee 0%, #ddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eee 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eee 0%,#ddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eee 0%,#ddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eee 0%,#ddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ddd',GradientType=0 ); /* IE6-8 */
	cursor: default;
	-webkit-box-shadow: none;
	-moz-box-shadow: none);
	box-shadow: none;
}

.pluginBodyContainerBottom button.installButton:disabled .icon, .pluginBodyContainerBottom button.updateButton:disabled .icon, .pluginBodyContainerBottom button.uninstallButton:disabled .icon {
	background-position: -44px 0px;
}

/* ie rule */
.pluginBodyContainerBottom button.installButton.disabled .icon, .pluginBodyContainerBottom button.updateButton.disabled .icon, .pluginBodyContainerBottom button.uninstallButton.disabled .icon {
	background-position: -44px 0px;
}

.pluginBodyTitle, .pluginVersionDescTitle {

	color: #808080;
	height: 30px;
	font-size: 9px;
}

.pluginBodyDescLogo {
	margin-top: 30px;
}

.pluginBodyDescLogo > img {
	width: 140px;
}

.pluginBodyDescription, .pluginVersionDescDescription {
	height: 120px;
	margin-bottom: 15px;
	overflow-y: auto;
}

.pluginVersionDescVersion {
	height: 50px;
}

.pluginVersionDescInstallButton {
	margin-left: -5px;
	display: inline-block;
	width: 127px;
	height: 50px;
	background: url('img/installButton.png') no-repeat top left;
}

.pluginVersionDescInstallButton:hover {
	background-position: -127px;
}

.pluginVersionDescInstallButton:active {
	background-position: -254px;
}

.pluginButton {
	height: 50px;
	width: 150px;
}

.closeButton {

}

.pluginBodyFooterContent {

	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	text-align: right;
}

.pluginBodyFooterContent img {
	height: 30px;
}

.pluginHorizontalSeparator {
	height: 24px;
	background: url('img/shadow.png') center no-repeat;
}

.pluginBodyFooterContent a {
	color: black;
	text-decoration: none;
}

.pluginBodyVersions {
	min-height: 1px; /* Give it existance */
}

.pluginVersions {

	margin-bottom: 20px;
}

.pluginVersion {
	float: left;
	padding-right: 80px;
}
.installedVersion .pluginVersion {
	padding-right: 15px;
}

.pluginVersion:hover {
	color: #969696;
}

.pluginVersion:active {
	color: green;
}

.pluginVersionNumber {
	font-weight: bold;
	display: block;
}

.pluginVersionHighlight {
	/*  Disabled for now  text-decoration: underline;*/
}

.pluginVersionSelected {
	color: green;
}

.uninstallVersion {
	margin-top: 30px;
	color: #BD001C;
}

.uninstallVersion:hover {
	color: #7B0012;
}

.uninstallVersion:active {
	color: red;
}

.cafPopupBackground {
	background-color: rgba(20,75,100,0.8);
}

div.cafPopupContent {
	border: 1px solid #cbdde8;
	background: #f5f6f8;
}
.cafPopupContent {
	min-height: 220px;
	min-width: 758px;
	width: 750px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
}

.cafBasicPopupCenterContainer {
	min-height: 185px;
}

.popupImgContainer {
	width: 130px;
	height: 120px;
	display: inline-block;
	float: left;
	vertical-align: top;
	margin-top: 23px;
	margin-left: 50px;
}
.popupInstall .popupImgContainer {
	background: url('img/install.png') no-repeat;
}
.popupInstall.popupSuccess .popupImgContainer {
	background: url('img/sucess.png') no-repeat;
}
.popupInstall.popupError .popupImgContainer {
	background: url('img/error.png') no-repeat;
}
.popupInstall.popupOperation .popupImgContainer {
	background: url('img/installing.gif') no-repeat;
}

.popupUpdate .popupImgContainer {
	background: url('img/install.png') no-repeat;
}
.popupUpdate.popupSuccess .popupImgContainer {
	background: url('img/sucess.png') no-repeat;
}
.popupUpdate.popupError .popupImgContainer {
	background: url('img/error.png') no-repeat;
}
.popupUpdate.popupOperation .popupImgContainer {
	background: url('img/installing.gif') no-repeat;
}

.popupUninstall .popupImgContainer {
	background: url('img/uninstall.png') no-repeat;
}
.popupUninstall.popupSuccess .popupImgContainer {
	background: url('img/sucess.png') no-repeat;
}
.popupUninstall.popupError .popupImgContainer {
	background: url('img/error.png') no-repeat;
}
.popupUninstall.popupOperation .popupImgContainer {
	background: url('img/uninstalling.gif') no-repeat;
}

.popupInfoContainer {
	height: 100%;
	display: inline-block;
	float: left;
	vertical-align: top;
	width: 550px;
}

.popupInfoContainer .popupStatus {
	color: #1973bc;
	font-size: 16px;
	margin-top: 35px;
}
.popupSuccess .popupInfoContainer .popupStatus {
	color: #008131;
}
.popupError .popupInfoContainer .popupStatus {
	color: #E20A16;
}
.popupInfoContainer .popupContent {
	color: #555;
	font-size: 16px;
	margin-top: 5px;
	height: 55px;
	vertical-align: top;
}

.popupInfoContainer .popupContent .pluginName {
	font-size: 10pt;
}
.popupInfoContainer .popupContent .pluginVersion {
	font-size: 7pt;
	color: #555;
}

.popupInstall.popupSuccess .popupInfoContainer .popupContent {
	height: 40px;
}

.popupInfoContainer .popupDetails {
	color: #565656;
	font-size: 11px;
	margin-top: 5px;
}
.popupInstall.popupSuccess .popupInfoContainer .popupDetails {
	height: 50px;
	overflow-y: auto;
	margin-top: 10px;
}

.popupInstall.popupSuccess .popupInfoContainer .popupDetails.noContent {
	height: 90px;
	overflow-y: auto;
	margin-top: 0px;
}
.cafBasicPopupBottomContainer {
	min-height: 45px;
	height: 45px;
}

.cafPopupBottomContent {
	padding-left: 30px;
	color: #555;
	height: 100%;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 11px;
	border-top: none;
}
.popupSuccess .cafPopupBottomContent {
}

.popupError .cafPopupBottomContent {
}

.popupClose {
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 0px;
	margin-top: -8px;
	background: #007297;
	font-size: 15px;
	color: #ffffff;
	padding: 4px 14px 6px 14px;
	font-family: opensanslight, Helvetica, Arial, Sans serif;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 0px solid #333;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	white-space: nowrap;
	cursor: pointer;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}

.svg .popupClose {
	background: -moz-linear-gradient(top, #007297 57%, #005f7d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(57%,#007297), color-stop(100%,#005f7d));
	background: -webkit-linear-gradient(top, #007297 57%,#005f7d 100%);
	background: -o-linear-gradient(top, #007297 57%,#005f7d 100%);
	background: -ms-linear-gradient(top, #007297 57%,#005f7d 100%);
	background: linear-gradient(to bottom, #007297 57%,#005f7d 100%);
	filter: none;
}

.no-svg .popupClose {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007297', endColorstr='#005f7d',GradientType=0 );
}

.popupClose:hover {
	moz-box-shadow: inset 0 0 1px #FFF;
	-webkit-box-shadow: inset 0 0 1px #FFF;
	box-shadow: inset 0 0 1px #FFF;
	background: #0085b0;
}

.popupClose:active {
	background: #8ac06e; /* Old browsers */
	background: -moz-linear-gradient(top,  #8ac06e 0%, #62ab3d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ac06e), color-stop(100%,#62ab3d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8ac06e 0%,#62ab3d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8ac06e 0%,#62ab3d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8ac06e 0%,#62ab3d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8ac06e 0%,#62ab3d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac06e', endColorstr='#62ab3d',GradientType=0 ); /* IE6-9 */
	color: #293b44;
}

.cafAction > div {
	height: 26px;
	width: 26px;
	margin-top: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: default;
}

.cafAction > div:hover {
	cursor: pointer;
}

.cafAction > div:active {
}

.cafAction .actionAbout .image {
	width: 22px;
	height: 22px;
	margin: 2px;
	background: url('img/info.png') 0px 0px scroll no-repeat transparent;
}

.cafAction .actionAbout:hover .image, .cafAction .actionAbout:active .image {
}

.cafAction .actionRefresh .image {
	width: 22px;
	height: 22px;
	margin: 2px;
	background: url('img/refresh-small.png') 0px 0px scroll no-repeat transparent;
}

.cafAction .actionRefresh:hover .image, .cafAction .actionRefresh:active .image {
}

button {
	font-family: OpenSansLight, Helvetica, Arial, Sans serif
}

/* screenshots and slideshow */

.screenshots {
	height: 150px;
	width: 685px;
	overflow-x: auto;
	overflow-y: visible;
}

.screenshotsHolder {
	height: 100px;
}

.image {
	padding: 30px 10px;
	display: inline-block;
}

.image img {
	cursor: pointer;
}

.imageBorder {
	border: solid 5px white;
}

#slides {
	margin-bottom: 15px;
}

.slides_container {
	width: 560px;
	height: 300px;
}

.slides_container div {
	width: 560px;
	height: 300px;
	display: block;
}

.pagination {
	display: none;
}

.closeButtonHolder {
	position: absolute;
	width: 22px;
	height: 22px;
}

.closeSlideshowButton {
	cursor: pointer;
	height: 22px;
	width: 22px;
	background: url(img/x.png);
	position: absolute;
	z-index: 11;
	top: -9px;
	right: -549px;
}

.closeSlideshowButton > div {
	display: inline-block;
}

.closeSlideshowButton .text {
	float: right;
	font-size: 10px;
	font-weight: bold;
	line-height: 9px;
	vertical-align: top;
	width: 25px;
}

.closeSlideshowButton .image {
	background: url("img/close_screen.png") no-repeat scroll 0 0 transparent;
	float: right;
	height: 10px;
	padding: 0;
	vertical-align: top;
	width: 10px;
}

.closeSlideshowButton:hover .text, .closeSlideshowButton:active .text {
	color: black;
}

.closeSlideshowButton:hover .image, .closeSlideshowButton:active .image {
	background-position: -10px 0px;
}

.prev, .next {
	float: right;
	margin: 2px 10px;
}

.prev:hover .text, .next:hover .text, .prev:active .text, .next:active .text {
	color: black;
}

.prev:hover .image, .next:hover .image, .prev:active .image, .next:active .image {
	background-position: -24px 0px;
}

.prev > div, .next > div {
	display: inline-block;
}

.next {
	margin-right: 0px;
}

.prev .image, .next .image {
	padding: 0px;
	height: 12px;
	width: 12px;
	vertical-align: top;
	margin-top: 4px;
}
.prev .image {
	background: url(img/paginate_left.png) scroll no-repeat -12px 0px;
}

.next .image {
	background: url(img/paginate_right.png) scroll no-repeat -12px 0px
}

.next .image {
	float: right;
}

.prev .text, .next .text {
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	color: #4A4A4A;
	text-decoration: none;
}

/* select2 */

.pluginVersionSelectorContainer {
	margin: 17px 35px;
	width: 220px;
}

.pluginVersionSelectorContainer select {
	margin: 0px;
	background: none;
}

.pluginVersionSelectorContainer select, .pluginVersionSelectorContainer .select2-container .select2-choice {
	display: inline-block;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 50px;
	width: 220px;
	font-size: 15px;
	font-weight: bold;
	line-height: 49px;
	border: solid 0px #ccc;
	color: #fff;
	background: #007297; /* Old browsers */
	background: -moz-linear-gradient(top,  #007297 57%, #005f7d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(57%,#007297), color-stop(100%,#005f7d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #007297 57%,#005f7d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #007297 57%,#005f7d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #007297 57%,#005f7d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #007297 57%,#005f7d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007297', endColorstr='#005f7d',GradientType=0 ); /* IE6-9 */ /* IE6-8 */
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.pluginVersionSelectorContainer select:hover, .pluginVersionSelectorContainer .select2-container .select2-choice:hover, .pluginVersionSelectorContainer .select2-dropdown-open select2-drop-above select2-choice {
	color: #ffffff;
	background: #0085b0; /* Old browsers */
	cursor: pointer;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.pluginVersionSelectorContainer .select2-container .select2-choice div {
	background: none;
	border: none;
	height: 22px;
	margin-right: 20px;
	margin-top: 15px;
	width: 22px;
	filter: none;
}

.select2-search {
	display: none;
}

.select2-drop.select2-drop-above {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background: #007297;
	color: white;
	border-bottom: 1px solid #fff;
}

.select2-results li {
	color: #fff;
	height: 27px;
}

.select2-results .select2-highlighted {
	color: white;
	background: #0085b0;
}

.select2-results .select2-highlighted:active {
	color: #333;
}

.select2-container .select2-choice span {
	margin-right: 40px;
}

.select2-container .select2-choice div b {
	background: url('img/selector.png') no-repeat 0px 0px;
	height: 22px;
	width: 22px;
	margin-top: -2px;
}

.select2-container:hover .select2-choice div b {
	background-position: 0px 0px;
}

/* slide show nivo */
.theme-default .nivo-controlNav a {
	background: url("img/bullets.png") no-repeat scroll 0 0 transparent;
	border: 0 none;
	display: inline-block;
	height: 22px;
	margin: 0 2px;
	text-indent: -9999px;
	width: 22px;
}

.theme-default .nivo-controlNav a.active {
	background-position: 0px -20px;
}

.nivo-directionNav a {
	cursor: pointer;
	position: absolute;
	top: 45%;
	z-index: 9;
}

.theme-default a.nivo-prevNav {
	left: 15px;
}

.theme-default .nivo-directionNav a {
	background: url("img/arrows.png") no-repeat scroll 0 0 transparent;
	border: 0 none;
	display: block;
	height: 30px;
	opacity: 0;
	text-indent: -9999px;
	transition: all 200ms ease-in-out 0s;
	width: 30px;
}

.theme-default a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}

.theme-default:hover .nivo-directionNav a {
	opacity: 1;
}

.nivoSlider {
	position: relative;
	background: url(img/loading.png) no-repeat 50% 50%;
} 0 none;
display: block;
height: 30px;
opacity: 0;
text-indent: -9999px;
transition: all 200ms ease-in-out 0s;
width: 30px;
}

.theme-default a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}

.theme-default:hover .nivo-directionNav a {
	opacity: 1;
}

.nivoSlider {
	position: relative;
	background: url(img/loading.png) no-repeat 50% 50%;
}