html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:16px;
   line-height:20px;
	font-weight:normal;
	font-family:"Tinos";}

h1, h2, h3, h4 {
	float:left;
	width:100%;
	margin:10px 0 20px 0;
	font-size:28px;
	font-weight:normal;
	text-align:center;}

h2 {
	font-size:24px;}

h3 {
	font-size:22px;}

h4, h2.h2small {
	font-size:18px;
	margin:0 0 5px 0;}

h3.h3small {
	font-size:16px;
	margin:0 0 5px 0;}

.separator1, .separator10, .separator20, .separator40, .separator50 {
	float:left;
	width:100%;
	height:1px;}

.separator10 {
	height:10px;}

.separator20 {
	height:20px;}

.separator40 {
	height:40px;}

.separator50 {
	height:50px;}

.errorMessage {
	float:left;
	color:red;
	width:100%;
	padding:10px;}

.message {
	float:left;
	width:100%;
	margin:10px 0;
	padding:10px 0;
	background-color:#F96;
	text-align:center;
	font-size:14px;
	-webkit-border-radius:5px;
	border-radius:5px;}

.message a {
	color:#679;}

.message a:hover {
	color:#670;}

#headerFixed {
	width:100%;
	position:fixed;
	z-index:1;}

#headerFull {
	float:left;
	text-align:center;
	width:100%;
  	height:50px;
  	margin:0;}

#header {
	width:1280px;
	margin:0 auto;
	height:50px;}

#menuFull {
	float:left;
	text-align:center;
	width:100%;
  height:40px;
  margin:0;
  background-color:#FC0;
	border-bottom:solid 30px #679;}

#menu {
	width:1280px;
	margin:0 auto;
	height:40px;
	line-height:40px;}

#submenu {
	width:1280px;
	margin:0 auto;
	height:30px;
	line-height:30px;}

.menuSide, .submenuSide {
	float:left;
	width:300px;}

.menuCategory, .menuCategorySelected {
	float:left;
	margin:0;
	padding:0 10px;
	color:#456;
	text-decoration:none;}

.menuCategory:hover, .menuCategorySelected {
	-webkit-border-radius:9px 9px 0 0;
	border-radius:9px 9px 0 0;
	background-color:#679;
	color:#FFF;}

.menuSubcategory, .menuSubcategorySelected {
	float:left;
	margin:0 15px 0 0;
	color:#DDD;
	font-size:14px;
	text-decoration:none;}

.menuSubcategory:hover, .menuSubcategorySelected {
	color:#FFF;}

#layoutFull {
  float:left;
  text-align:center;
  width:100%;}

#layout, #layoutNoTop {
	float:center;
	width:1280px;
  	margin:0 auto;
  	padding:100px 0 0 0;}

#layoutNoTop {
	padding:0;
	text-align:center;
	width:575px;
}

#side {
	float:left;
	width:290px;
	min-height:1000px;
	margin:0 9px 0 0;
	padding:10px 10px 10px 0;
	border-right:solid 1px #DDD;}

#sideRight {
	float:right;
	margin:0 10px 0 0;}

#main {
	float:right;
	width:970px;
	padding:10px 0;}

#footerFull {
	float:left;
	text-align:center;
	width:100%;
	height:90px;
	margin:0;
	background:#EEE;
	border-top:solid 9px #FC0;}

#footer {
	width:1060px;
	height:75px;
  padding:15px 0 0 0;
  margin:0 auto;}

#logo, #logo img {
	float:left;
	width:185px;
	margin:20px 0 0 60px;}

#logo img {
	margin:5px 0 0 0;}

#headerText {
  float:left;
  width:960px;
  height:90px;}

#header a {
  float:right;
  margin:10px 20px 0 0;
  text-decoration:none;
	font-size:14px;
  color:#333;}

#header a:hover {
  color:#777;}

.form {
	float:left;
	width:100%;}

.formLogin {
	float:none;
	width:330px;
	height:120px;
	margin:100px auto;
	background-color:#E9E9E9;
	border:solid 1px #D9D9D9;
	padding:20px 20px 12px 20px;
	-webkit-border-radius:5px;
	border-radius:5px;}

.form p {
	float:left;
	width:100%;
	line-height:27px;
	margin:0 0 10px 0;}

.form label {
	float:left;
	width:180px;
	margin:0 10px 0 0;}

.formLogin label {
	width:90px;
	margin:0 10px 0 0;}

.form p img.currentLogo {
	float:left;
	height:48px;
	border:solid 1px #CCC;
	margin:0;}

.form p img.formFlag {
	float:left;
	height:18px;
	width:18px;
	margin:5px 10px 0 0;}

.form .formSubmit {
	float:left;
	height:30px;
	padding:5px 10px;
	background-color:#679;
	border:solid 1px #679;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#FFF;
	font-size:16px;
	cursor:pointer;}

.form .formSubmit:hover {
	background-color:#457;}

.form .inputFile {
	float:left;
	margin:4px 0 0 0;}

.form .inputText, .form .inputTextError {
	float:left;
	border:solid 1px #C9C9C9;
	height:24px;
	width:420px;
	padding:3px;
	font-size:15px;}

.form .inputTextError, .form .inputTextSmallError {
	border:solid 1px #F00;}

.form .inputTextSmall, .form .inputTextSmallError {
	width:200px;}

.form .inputTextArea, .form .inputTextAreaError {
	float:left;
	border:solid 1px #C9C9C9;
	height:90px;
	width:422px;
	text-align:justify;
	padding:3px;
	font-size:15px;}

.form .inputTextAreaError {
	border:solid 1px #F00;}

.form .formSelect {
	float:left;
	height:30px;
	line-height:27px;
	padding:5px;
	font-size:15px;
	border:solid 1px #C9C9C9;}

.form .formCheckbox {
	float:left;
	margin:7px 10px 0 0;}
	
.form .formCheckboxLeft {
	background-color:red;}

.formJS, .formJS2 {
	background-color:#E9E9E9;
	border:solid 1px #D9D9D9;
	margin:-50px 0 10px 0;
	width:728px;
	padding:10px;}

.formJS2 {
	margin:10px 0 0 0;}

.formJS p, .formJS2 p {
	padding:0 0 10px 0;
	border-bottom:dashed 1px #CCC;}

.formJS p.pSubmit, .formJS2 p.pSubmit {
	border:none;
	padding:10px 0 0 0;}

.formJS label, .formJS2 label {
	float:left;
	width:270px;
	margin:0 10px 0 0;}

 .formJS2 label {
	width:180px;}

.formJS2 label.labelLang {
	width:210px;}

.formJSBannerVideo, .formJSBannerImage {
	float:left;
	width:400px;
	height:auto;}

.formJS .inputTextArea {
	width:390px;}

.formJS2 .inputTextArea {
	width:480px;}

.formJS2 .inputTextAreaTall {
	height:300px;}

.formJS .inputText {
	width:390px;}

.formJS2 .inputText {
	width:480px;}

.formJS .inputTextSmall, .formJS2 .inputTextSmall {
	width:180px;
	margin: 0 10px 0 0;}

.formJS .inputTextSmallest, .formJS2 .inputTextSmallest {
	width:60px;
	margin: 0 10px 0 0;}

.formJS .inputTextReadOnly, .formJS2 .inputTextReadOnly {
	color:#999;}

.formJS .inputFile, .formJS2 .inputFile {
	float:left;
	margin:5px 0 0 0;}

.formJS .inputTextCentered, .formJS2 .inputTextCentered {
	text-align:center;}

.productPricesBox {
	float:left;
	width:535px;
	margin:0 0 5px 0;}

.productPricesBox i {
	float:left;
	font-style:normal;
	font-size:14px;
	margin:3px 20px 0 -3px;}

.categorySide, .categorySideActive {
	float:left;
	width:100%;}

.cs1, .cs1 a{
	background-color:#679;
	text-indent:10px;
	font-size:18px;
	color:#FFF;
	margin:10px 0 0 0;
	padding:12px 0;
	text-decoration:none;
	-webkit-border-radius:3px;
	border-radius:3px;}

.cs1 a {
	padding:0;}

.cs2, .cs2 a {
	background-color:#CCD;
	text-indent:5px;
	font-size:17px;
	color:#679;
	padding:8px 0;
	margin:10px 0 0 0;
	text-decoration:none;}

.cs3, .cs3 a, .cs4, .cs4 a, .cs5, .cs5 a {
	text-indent:5px;
	font-size:16px;
	color:#679;
	padding:5px 0;
	text-decoration:none;}

.cs3, .cs3 a {
	background-color:#DDE;
	margin:2px 0 0 0;}

.cs4, .cs4 a {
	font-size:15px;
	text-indent:10px;}

.cs5, .cs5 a {
	font-size:14px;
	text-indent:30px;}

.subcategorySide:hover, .subcategorySideActive:hover {
	color:#568;}

.subcategorySideActive {
	background-color:#DDD;}

.template, .templateSelected {
	float:left;
	width:120px;
	margin:0 10px 10px 0;
	padding:10px;
	text-align:center;
	background-color:#DDD;
	color:#777;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor:pointer;}

.templateSelected {
	background-color:#FC0;}

.template:hover {
	background-color:#CCC;}

.jsButton, .jsButtonClose {
	float:left;
	padding:5px 10px;
	background-color:#679;
	border:solid 1px #679;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#FFF;
	font-size:16px;
	cursor:pointer;
	text-decoration:none;}

.jsButtonClose {
	float:right;}

.jsButton:hover, .jsButtonClose:hover {
	background-color:#457;}

.jsButtonCloseRow {
	float:left;
	width:98%;
	padding:2px 1%;
	margin:5px 0 -10px 0;
	background-color:#CCC;
	font-size:14px;
	cursor:pointer;
	text-align:right;}

.jsButtonCloseRow:hover {
	background-color:#BBB;
	color:#000;}

.listRow {
	float:left;
	width:970px;
	padding:7px 0;
	margin:0 0 5px 0;
	text-indent:10px;}

.listRowText {
	background:none;
	border:none;
	margin:0 0 5px 0;
	padding:0;
	font-size:14px;
	text-indent:0;}

.listRowText p {
	margin:0;
	padding:0;}

.listRow img {
	float:left;
	width:100px;}

.lrGroup {
	text-indent:10px;
	color:#000;
	margin:0 0 1px 0;}

.listRowTitle {
	float:left;}

.listRowTitle b {
	float:left;
	padding:2px 3px;
	margin:0 0 0 5px;
	color:#FFF;
	width:80px;
	text-align:center;
	font-weight:normal;
	text-decoration:none;
	text-indent:0;
	-webkit-border-radius:3px;
	border-radius:3px;}

.listRowTitle u {
	float:left;
	padding:2px 5px;
	margin:0 0 0 5px;
	text-decoration:none;
	text-indent:0;
	font-size:16px;
	-webkit-border-radius:3px;
	border-radius:3px;}

.lr1, .lr2, .lr3, .lr33, .l4, .lr5, .lrViews {
	background:none;}

	.lr1, .lr1 a {
		background-color:#679;
		text-indent:10px;
		font-size:18px;
		color:#FFF;
		margin:10px 0 0 0;
		padding:12px 0;
		text-decoration:none;
		-webkit-border-radius:3px;
		border-radius:3px;}

	.lr1 a {
		padding:0;}

	.lr2, .lr2 a {
		background-color:#CCD;
		text-indent:5px;
		font-size:17px;
		padding:8px 0;
		margin:10px 0 0 0;
		text-decoration:none;}

	.lr3, .lr3 a, .lr33, .lr33 a, .lr4, .lr4 a, .lr5, .lr5 a {
		text-indent:5px;
		font-size:16px;
		padding:5px 0;
		text-decoration:none;}

	.lr3, .lr3 a {
		background-color:#DDE;
		margin:2px 0 0 0;}
		
	.lr33, .lr33 a {
		margin:2px 0 0 0;}
		
	.lrViews {
		background-color:#DEFADE;
		font-size:13px;}

	.lr4, .lr4 a {
		font-size:15px;
		text-indent:10px;}

	.lr5, .lr5 a {
		font-size:14px;
		text-indent:30px;}

b.paragraphProductBTN {
	background-color:#679;}

u.paragraphProductTitle {
	background-color:#679;
	color:#FFF;
	width:620px;}

b.paragraphTextBTN {
	background-color:#0C0;}

b.paragraphTableBTN {
	background-color:#F00;}

b.paragraphConclusionBTN {
	background-color:#062;}

b.paragraphBackgroundBTN {
	background-color:#09F;}

b.paragraphBestProductsSummaryBTN {
	background-color:#C09;}

b.paragraphSeparatorBTN {
	background-color:#000;}

b.paragraphDisplayAdBTN {
	background-color:#C60;}

b.paragraphFooterBTN {
	background-color:#933;}

.lrtGroup {
	width:710px;}
	
.lrtGroupImg {
	width:710px;}

.lrtArticle {
	width:770px;
	font-size:14px;}

.lrtCategory {
	width:820px;
	font-size:15px;}

.lrtAuthor {
	width:620px;
	font-size:15px;
	margin:20px 0 0 0;}

.lrtParagraph {
	width:760px;
	font-size:14px;
	padding:3px 0;
	background-color:#FC0;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#000;}

.lrtSubparagraph {
	width:740px;
	padding:3px 0;
	color:#FFF;
	background-color:#BBB;
	-webkit-border-radius:5px;
	border-radius:5px;}

.listRowIcon, .listRowIconx2 {
	float:left;
	padding:0 5px;
	width:25px;
	text-align:center;}

.listRowIconx2 {
	width:40px;}

.lriAuthor {
	margin:20px 0 0 0;}

.listRowIcon img, .listRowIconx2 img {
	width:20px;
	height:20px;
	cursor:pointer;
	border:none;}

.listRowIconx2 img {
	width:40px;}

.listRowIndent {
	float:left;
	width:60px;}

.tableItemsTitleParagraphs {
	width:600px;}

.tableItemsTitle a {
	color:#679;
	text-decoration:none;}

.tableItemsTitle a:hover {
	color:#457;}

p select {
	padding:5px;
	font-size:14px;}

p select option {
	float:left;
	margin:0 0 5px 0;}


#editThumbnails {
	float:right;
	width:540px;
	padding:10px 0;}

.thumbnailBox {
	float:left;
	width:170px;
	height:220px;
	margin:0 8px 8px 0;
	background-color:#DDD;}

.thumbnailBox img {
	float:left;
	width:160px;
	margin:5px;}

.thumbnailMoveLeft {
	float:left;
	margin:2px 0 0 10px;}

.thumbnailMoveRight {
	float:right;
	margin:2px 10px 0 0;}

.thumbnailMoveLeft, .thumbnailMoveRight {
	font-size:21px;
	cursor:pointer;}

.thumbnailDelete {
	float:left;
	width:100%;
	font-size:14px;
	text-align:center;
	cursor:pointer;}

.thumbnailDelete:hover {
	text-decoration:underline;}

b.tooltip {
	width:30px;
	float:right;}

b.tooltip img {
	width:18px;
	height:18px;
	margin:5px 0 0 0;}

b.tooltip .tooltiptext {
	float:none;
  visibility:hidden;
	width:300px;
  background-color:#679;
  color:#FFF;
  text-align:center;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
  border-radius:6px;
  position:absolute;
	padding:7px 10px 10px 10px;
	margin:0 0 0 15px;
	z-index:1;}

b.tooltip:hover .tooltiptext {
  visibility:visible;}

.expandableTop {
	float:left;
	width:728px;
	height:36px;
	line-height:36px;
	background-color:#FC0;
	border:solid 1px #FC0;
	font-size:16px;
	cursor:pointer;
	color:#679;
	padding:0 10px;
	margin:0 0 10px 0;}

.expandableTop img {
	float:right;
	margin:10px 0 0 0;
	width:21px;
	height:21px;}

.uploadedFiles {
	float:right;
	width:530px;
	background-color:#DDD;
	margin:0 0 3px 0;
	padding:8px 5px;}

.uploadedFiles:hover {
	background-color:#CCC;}

.uploadedFiles img {
	float:left;
	width:20px;}

.uploadedFiles a {
	float:left;}

.uploadedFiles a.uploadedFileTitle {
	float:left;
	width:470px;
	margin:0 10px;
	text-decoration:none;
	color:#679;}

.uploadedFiles a.uploadedFileTitle:hover {
	color:#457;}

.addParagraph {
	float:left;
	background-color:#FC0;
	text-align:center;
	padding:5px 15px;
	margin:5px 0;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor:pointer;}

.addParagraph:hover {
	background-color:#FB0;}

.newParagraphBox p {
	background-color:#DDD;
	margin:0 0 1px 0;
	border:none;
	width:98%;
	padding:10px 1%;}

.newParagraphBox img {
	float:left;
	width:480px;}

.addTagBtn {
	float:left;
	padding:5px 15px;
	border:solid 1px #BBB;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor:pointer;}

.addTagBtn:hover {
	background-color:#CCC;
	color:#333;}

a.deleteParagraph {
	float:left;
	width:717px;
	text-align:right;
	padding:5px;
	margin:10px 0 1px 0;
	background-color:#CCC;}

a.deleteParagraph:hover {
	background-color:#FAA;}

a.deleteParagraph img {
	width:20px;
	height:20px;
	cursor:pointer;}

.filterItem {
	float:left;
	width:98%;
	padding:5px 1%;
	background-color:#DDD;
	font-size:15px;
	margin:0 0 10px 0;}

.filterItem label {
	float:left;
	margin:0 10px 0 0;
	line-height:22px;}

.filterItem select {
	float:left;
	padding:2px 3px;
	font-size:15px;}

.formSearchItem {
	float:left;
	margin:10px 0 1px 0;
	width:98%;
	padding:5px 1%;
	background-color:#DDD;
	font-size:15px;}

.inputTextSearchItem {
	float:left;
	width:360px;
	height:28px;
	line-height:28px;
	padding:2px 3px;
	font-size:15px;
	margin:0 10px 0 0;}

.inputSubmitSearchItem {
	float:left;
	width:164px;
	background-color:#679;
	border:solid 1px #679;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#FFF;
	font-size:15px;
	cursor:pointer;
	padding:4px;}

.formBtn {
	background-color:#FC0;
	border:solid 1px #BBB;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#679;
	font-size:14px;
	cursor:pointer;
	padding:4px 10px;}

.paragraphTableHeader, .paragraphTableRow {
	float:left;
	width:100%;
	line-height:18px;
	text-align:center;
	font-size:11px;}

.paragraphTableRow {
	height:none;}

.paragraphTableHeader img, .paragraphTableRow img {
	float:left;
	width:21px;
	cursor:pointer;}

.paragraphTableHeaderColumn, .paragraphTableCell {
	float:left;
	width:140px;
	background-color:#DDD;
	margin:0 1px 1px 0;}

.paragraphTableCell {
	background-color:#FC0;}

.editTitleBreadcrumb, .websiteBreadcrumb {
	float:left;
	font-size:16px;
	margin:-30px 0 10px 0;
	color:#000;}

.websiteBreadcrumb {
	margin:60px 0 0 10px;
}

.editTitleBreadcrumb a, .websiteBreadcrumb a {
	font-size:16px;
	color:#679;
	text-decoration:none;}

.editTitleBreadcrumb a:hover, .websiteBreadcrumb a:hover {
	text-decoration:underline;}

.editTitle {
	float:left;
	width:100%;
	margin:10px 0;
	padding:5px 0;
	text-indent:10px;
	background-color:#0C0;
	color:#FFF;
	-webkit-border-radius:3px;
	border-radius:3px;}

.editTabs {
	float:left;
	width:100%;
	margin:30px 0 20px 0;
	padding:3px 0;}

.editTabs a {
	float:left;
	padding:5px 10px;
	background-color:#679;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#FFF;
	text-decoration:none;
	margin:0 5px 0 0;}

.editTabs a.addNew {
	float:right;
	padding:5px 10px;
	background-color:#679;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#FC0;
	color:#679;
	text-decoration:none;
	margin:0;}

.editTabs .addNew:hover {
	background-color:#EB0;}

.editTabs a.classTabSelected {
	background-color:#0C0;}

.editTabs a:hover {
	background-color:#0C0;}

.addNew {
	float:right;
	padding:5px 10px;
	margin:10px 0;
	background-color:#FC0;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#679;
	font-size:16px;
	cursor:pointer;
	text-decoration:none;}

.addNew:hover {
	background-color:#EB0;}

.paragraphBackgoundRadioButtons {
	float:left;
	width:727px;
	background-color:#DDD;
	padding:5px 0;}

.paragraphBackgoundRadioButtons label {
	float:left;
	width:200px;
	height:210px;
	margin:0;
	padding:2px 0 0 0;
	text-indent:10px;}

.radioButtonLine {
	float:left;
	width:130px;
	margin:0 1px 1px 0;
	padding:3px 0;}

.radioButton {
	float:left;
	margin:6px 5px 0 0;}

.radioButtonText {
	float:left;
	padding:2px 0;
	width:90px;
	text-align:center;
	font-size:13px;
	-webkit-border-radius:3px;
	border-radius:3px;}

.folders a {
	float:left;
	background-color:#679;
	font-size:18px;
	color:#FFF;
	margin:10px 10px 0 0;
	padding:8px 12px;
	text-decoration:none;
	-webkit-border-radius:3px;
	border-radius:3px;}

.assetsRow {
	float:left;
	width:100%;
	margin:0 0 20px 0;}
	
.assetCell {
	float:left;
	height:310px;
	width:310px;
	padding:0 0 30px 0;
}

.downloadOption{
	float:left;
	font-weight:normal;
	text-align:center;
	width:100%;
	font-size:14px;
	}

.foldersImg, .foldersImgVert {
	float:left;
	height:280px;
	width:300px;
	margin:10px 10px 0 0;
	border:dotted 1px #777;}

.foldersImg img, .foldersImg .videoAsset {
	float:left;
	width:280px;
	margin:10px 10px 10px 10px;}

.foldersImgVert img {
	float:left;
	height:260px;
	margin:10px;}

.foldersImg b {
	float:left;
	font-weight:normal;
	text-align:center;
	width:280px;
	font-size:14px;
	margin:0 10px 10px 10px;}
	


.button {
  background-color: #679;
  border: none;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  color:#FFF;
}

.button:hover {
	background-color:#CCD;}

.mainRow {
	float:left;
	margin:10px 10px 20px 0;
	background-color:#679;
	padding:3px 15px 3px 0;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;}

.mainRow:hover {
	background-color:#CCD;}

.mainRowBottom {
	margin:0 0 10px 0;}

.mainRow img {
	float:left;
	width:23px;
	height:23px;
	margin:0 10px;}

.mainRow a.mainRowText {
	float:left;
	color:#FFF;
	text-decoration:none;
	margin:5px 0 0 0;
	font-size:14px;}

.formErrorMessage {
	float:left;
	margin:3px 0 0 0;
	color:#f00;
	font-size:13px;
	font-style:italic;}

.mypdfviewer {
	height: 240px;
	width: 280px;
	margin:10px;
}

.myfile {
	width:850px; }
	
.thumbnailPdf, .thumbnailDoc, .thumbnailXls{
	float:left;
	width:100%;
	height:100%;
	background-color:#f00;
}

.thumbnailDoc{
	background-color:#0A3463;
}

.thumbnailXls{
	background-color:#008000;
}


.thumbnailPdf b, .thumbnailDoc b, .thumbnailXls b{
	float:left;
	width:92%;
	color:#fff;
	font-size:28px;
	text-align:center;
	line-height:30px;
	margin:5% 4% 2% 4%;
}

.thumbnailPdf img, .thumbnailDoc img, .thumbnailXls img{
	float:right;
	width:10%;
}

table tr td {
	height: auto;
}

table {
	float:left;
	width:1079px;
	margin:0;
	padding:0;
	overflow:hidden;
	border-collapse:collapse;
}

tr {
	float:left;
	width:100%;
	display:-webkit-flex;
   display:-ms-flexbox;
   display:flex;
   border-collapse:collapse;
   overflow:hidden;
	border-bottom:solid 1px #000;
	margin:0;
	padding:0;
}

td {
	float:left;
	border-collapse:collapse;
	overflow:hidden;
	margin:0;
	padding:5px 10px;
}

.columnDate, .columnDateRed, .columnDateGrey {
	border-right:solid 1px #000;
	width:20%;
	text-align:left;
	padding:0 0 0 10px;
}
	
.columnDateRed, .holiday {
	color:red;
}

.columnDateGrey {
	color:#CCC;
}

.columnEvent {
	float:left;
	width:70%;
	text-align:left;
	padding:0 0 0 10px;
	}
	
.columnMoonPhase {
	text-align:center;
	vertical-align:center;
	float:right;
	width:10%;
	}

.columnMoonPhase img{
	float:center;
	width:25px;
	height:25px;
}

.columnMoonPhaseImg {
	float:center;
	width:25px;
	height:25px;
}
	
.banner {
	float:left;
	width:512px;
	margin: 10px 0 0 0;
}

.banner img{
	float:left;
	width:100%;
}

.bannerCover,.bannerCover img {
	float:center;
	height:100vh;
	margin: 0 auto;
}

.bannerVideo {
	float:center;
	height:100%;
	margin: 0 auto;
}

.pagination {
	float:left;
	width:576px;
	margin:10px 0;
}

.pagination a {
	float:left;
	text-decoration:none;
	color:#000;
	margin:0 0 0 10px;
}

.pagination a:hover{
	color:#f00;
}

.pagination a.next {
	float:right;
	margin:-29px 0 0 0;
}

.pagination a.prev {
	float:left;
	margin:-28px 0 0 0;
}

.pagination{
	position: absolute; 
	bottom:-16px;
	background-color:#FFF;
	height:40px;
	padding:5px 0;
}

.pagination a.next {
	position:absolute; 
	bottom:3px;
	right:0;
	height:34px;
	line-height:34px;
	border:none;
	-webkit-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}

.pagination a.prev {
	position: absolute; 
	bottom:3px;
	left:0;
	height:34px;
	line-height:34px;
	border:none;
	-webkit-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}

a.next, a.prev {
	text-decoration:none;
	background-color:#000;
	color:#FFF;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:solid 1px #FD8;
	padding:5px;
	font-size:18px;
	cursor:pointer;
	width:90px;
}

.pagination h1{
	float:left;
	text-align:center;
	font-size:18px;
	width:100%;
	margin:10px 0 0 0;
}
.currentCover {
	width: 108px;
}

.currentBottom {
	width: 108px;
}

.mainButton {
	float:center;
	width:100%;
	margin:-80px 0 0 0;
	text-align:center;}
	
.mainButton a {
	float:center;
	text-decoration:none;
	background-color:#000;
	color:#FFF;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:solid 1px #FD8;
	padding:20px;
	font-size:28px;
	cursor:pointer;}

.mainButton a:hover {
	background-color:#333;
	color:#FF0;
}

table.mainTable {
	float:left;
	width: 512px;
	padding:0;s
}

.lrtGroup i {
	float:left;
	font-style:normal;
	color:#000;
	margin: 3px 0 0 0;
	width:120px;
}

.lrtGroup u {
	float:left;
	text-decoration:none;
	color:#000;
	margin: 2px 0 0 0;
}

.endDemoMessage {
	float:left;
	width:100%;
	padding:10px;
	color:red;
	text-align:center;
	font-size:18px;
	margin:30px 0 0 0;
}

.lrtGroup img.picturePreview {
	float:left;
	height: 100px;
	width:auto;
	padding:3px;
	margin:5px;
}

.openListIcon, .infoIcon, .nextIcon, .prevIcon  {
    float: right;
    width: 30px;
    position: absolute;
    right:50px;
    border-radius:25% 10%;
    padding:2px;
}

.prevIcon{
	float:left;
	width:30px;
	position: relative;
   bottom: 110px;
   left:7px;
   border-radius:25% 10%;
}

.openListIcon img, .infoIcon img, .nextIcon img, .prevIcon img {
	width:25px;
}

.openListIcon {
 	top: 60px;
}

.nextIcon{
	right:-58px;
}

.infoIcon {
    top: 110px;
}

.downloadPdfIcon {
    float: right;
    width: 30px;
    position: absolute;
    right: 50px;
    top: 160px; /* placed below infoIcon (110px) */
    border-radius: 25% 10%;
    padding: 2px;
}

.downloadPdfIcon img {
    width: 25px;
}

.shareButton {
	padding: 0;
	border: none;
	background: none;
}

.shareButton img {
	width:30px;
}

.share-menu {
    position: fixed;
    bottom: 50px;
    left: 0;
    width: 100%;
    background-color: #f0f0f0;
    padding: 10px;
    display: none;
}

.share-menu.show {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.videoAsset {
	width:100%;
}

.audioAsset {
	width:70%;
	margin: 50px auto 0; /* top, horizontal (auto), bottom */
}

.titleSlide {
	margin: 200px auto 0; /* top, horizontal (auto), bottom */
	text-align:center;
}

.infoText, .infoList {
	float:left;
	width:90%;
	padding:10px;
	text-align:left;
	font-size:18px;
}

.infoList {
	width:100%;
}

.pictureBoxSmall {
	float:left;
	width:115px;
	border:solid;
	border-color: #D3D3D3;
	border-width: thin;
	margin:0;
	margin-bottom:-1px;
	background-color:white;
}

a.pictureBoxSmall img {
	float:left;
   width:115px;
  	border:none;
	margin:0;
}