/*********************************** Articles - Item Page ********************************/
#ctlContent							{width:100%;}
#ctlBody							{line-height:normal;}
DIV.PageArticleTitle				{}
DIV.PageItemTitle					{}
H1.ArticleTitle						{font-weight:bold; font-size:100%; color:#000;}
#print H1.ArticleTitle				{color:#000;}
DIV.ArticleSummary					{font-weight:normal; padding-bottom:15px;}
DIV.ArticleAuthor					{padding-bottom:5px; color:#369ce2;}
DIV.ArticleDate						{}
DIV.Date							{padding-bottom:5px; font-size:85%;}

/* img */
DIV.MainImgContainer				{width:50%; margin-bottom:10px; /* float and side-margin:20px in asp file */}
@media screen and (max-width: 480px)	{
	DIV.MainImgContainer	{width:100%; margin:0px 0px 10px 0px !important; float:none !important;}
}
DIV.MainImage						{}
DIV.MainImage A						{width:100%; display:table;}
DIV.MainImage IMG					{width:100%; height:auto; border:0; display:block;}
DIV.MainImageCaption				{text-align:center; font-size:1.3rem; padding-top:2px;}

A.AttFileGallery					{text-decoration:none;}

/* Movie Page */
DIV.MovieVideoContainer				{width:100%; position:relative; padding-bottom:56.25%; height:0; display:table; margin-bottom:10px;}
DIV.MovieVideoContainer OBJECT,
DIV.MovieVideoContainer EMBED		{position:absolute; top:0; right:0; width:100%; height:100%;}
DIV.MovieArticle					{}
DIV.MovieStatistics					{margin-bottom:20px;}
DIV.MovieStatistics DIV				{padding-top:4px;}


/*****^ Pannel Links ^*****/
UL.pannel-links-container				{display:table; margin:20px -4px 30px -4px; padding:0;}
UL.pannel-links-container LI			{list-style:none;}
UL.pannel-links-container UL			{display:inline-block; margin:0px 0px 10px 0px; padding:0;}
UL.pannel-links-container UL LI			{display:inline-block; vertical-align:top; margin:4px;}
UL.pannel-links-container UL LI A		{display:table; border-radius:4px; text-decoration:none;}
UL.pannel-links-container UL LI A:hover	{text-decoration:none;}
UL.pannel-links-container UL LI A IMG	{display:block;}

UL.pannel-links					{}
UL.pannel-links LI				{}
UL.pannel-links LI A			{padding:3px; border:#666 1px solid; color:#222; font-size:1.5rem; line-height:100%;}
UL.pannel-links LI A SPAN		{display:table-cell; vertical-align:middle;}

UL.social-share					{}
UL.social-share LI				{}
UL.social-share LI A			{padding:4px;}

@media screen and (max-width: 360px)	{
	UL.pannel-links-container				{margin:20px -2px 30px -2px; padding:0;}
	UL.pannel-links-container UL LI			{margin:2px;}
	UL.pannel-links-container UL LI A IMG	{height:24px; width:auto;}
	UL.pannel-links LI A					{font-size:1.4rem;}
}

UL.social-share LI.facebook A	{background-color:#3b5998;}
UL.social-share LI.twitter A	{background-color:#1da1f2;}
UL.social-share LI.linkedin A	{background-color:#0077b5;}
UL.social-share LI.whatsapp A	{background-color:#2cc54e;}
UL.social-share LI.mail A		{background-color:#777;}
DIV.seperator					{border-top:solid 1px #cccccc; margin-bottom:10px; margin-top:30px;}

/*****^ More Articles and More Movies  ^*****/
DIV.MoreArticleTitle				{font-weight:bold; padding:5px 15px 4px 15px;}
H2.MoreArticleTitle					{font-size:115%; line-height:115%; display:inline;}

/* in Article page */
DIV.MoreArticlesContainer			{margin:10px 0px 20px 0px;}
DIV.MoreArticlesItemsContainer		{background-color:#369ce2;}
UL.MoreArticlesItemsContainer		{width:100%; display:inline-block; margin:0px; padding:0px 0px 1px 0px;}
UL.MoreArticlesItemsContainer LI	{margin:1px 1px 0px 1px; padding:3px 15px 2px 15px; background-color:#dae6e8; list-style-image:none; list-style-type:none; border:#f4f8fa 1px solid;}

/* in Movie page */
DIV.MoreMoviesTitle						{margin-bottom:10px;} /* have css of MoreArticleTitle */
H2.MoreMoviesTitle						{} /* have css of MoreArticleTitle */
DIV.MoreMoviesContainer					{margin:10px 0px 20px 0px; opacity:0; /* js show after loading */} /* clearfix */
UL.MoreMoviesItemsContainer				{width:100%; display:inline-block; margin:0px; padding:0px;}
UL.MoreMoviesItemsContainer LI			{margin-bottom:10px; display:inline-block; list-style-image:none; list-style-type:none;} /*  get float + side-margin + width by JQ function in asp file */
UL.MoreMoviesItemsContainer LI DIV		{width:100%; display:inline-block; text-align:center;}
UL.MoreMoviesItemsContainer LI A.MoreMoviesItemTitle	{font-weight:bold; display:block;}
UL.MoreMoviesItemsContainer LI IMG		{width:100%; height:auto; margin-top:4px; display:block;}
/* --- */

SPAN.ArticlesListDate				{font-size:85%; padding-left:10px; padding-right:10px;}
A.MoreArticle						{text-decoration:none; color:#000000;}
A.MoreArticle:hover					{text-decoration:underline;}
A.MoreArticleCurrent				{font-weight:bold; text-decoration:none; color:#000000;}
A.MoreArticleCurrent:hover			{font-weight:bold; text-decoration:underline;}


/*****^ Talkbacks ^*****/
TABLE.ResponsesContainer			{margin-top:8px;}
CAPTION.ResponsesHeader				{font-weight:bold; font-size:1.7rem; border:#bcbcbc 1px solid; padding:4px 6px 4px 6px; text-align:inherit;}
TD.ResponsesListContainer			{padding-top:5px;}
TD.ResponsesListContainer A			{text-decoration:none;}
TD.ResponsesListContainer A:hover	{text-decoration:underline;}
TABLE.ResponsesListContainer		{border:#bcbcbc 1px solid; background-color:#f4f8fa; width:100%;}
TABLE.ResponsesListContainer TD		{padding:5px;}
TD.ResponseTitle					{width:1px; color:#101010;} /* response number */
DIV.ResponseTitle					{font-weight:bold;}         /* Response Title */
A.ResponseTitle						{font-weight:bold; text-decoration:none;}
A.ResponseTitle:hover				{text-decoration:underline;}
SPAN.ResponseDate					{font-size:85%; padding-left:10px; padding-right:10px; color:#101010;}
TR.ResponseOddRow					{background-color:#ecf0f2; color:#101010;}
TR.ResponseEvenRow					{background-color:#f8fcff; color:#101010;}

/* Content Ratings */
DIV.ArticleRatingsContainer			{padding-top:8px;}
DIV.ArticleRatingsContainer TD		{font-size:1.2rem;}


/*********************** Article Tabs ******************/
DIV.Article-TabsBox		{width:100%; margin:10px 0 10px 0px;}
DIV.tabNavigation		{display:flex; position:relative; z-index:999;}
.tabNavigation BUTTON				{margin-right:1px; border:#ddd 1px solid; text-align:center; vertical-align:middle; line-height:110%; padding:6px 25px 7px 25px; font-weight:bold;}
.tabNavigation BUTTON:last-child	{margin-right:0px;}
.tabNavigation BUTTON:hover			{text-decoration:underline;}
.tabNavigation BUTTON.selected, .tabNavigation BUTTON.selected:hover	{/* get box design */}
.tabNavigation BUTTON:focus			{box-shadow:none !important;}

DIV.Article-Tabs-Content			{width:100%; overflow:hidden; position:relative; border:#ddd 1px solid; box-sizing:border-box;}
DIV.Article-Tabs-Content-Inner		{padding:15px 20px 15px 20px; background:#ffffff; color:#555555;}

@media screen and (max-width: 990px) {
	DIV.tabNavigation			{width:100%; flex-direction:column;}
	.tabNavigation BUTTON		{width:100%;}
	.tabNavigation-1 BUTTON		{border-bottom:#fff 1px solid;}
	.tabNavigation-2 BUTTON		{border-top:#fff 1px solid;}
}
@media screen and (min-width: 991px) {
	DIV.tabNavigation					{display:table; width:100%;}
	.tabNavigation BUTTON				{border:#ddd 1px solid; margin-right:1px;}
	.tabNavigation BUTTON.selected		{padding-bottom:8px; border-bottom-style:none !important;}
	DIV.Article-Tabs-Content			{margin:-1px 0px;}
	DIV.Article-Tabs-Content-Inner		{margin:10px;}
}


/******************* Article Img Gallery ******************/
#product_image		{padding:0px 0px 10px 0px;}
DIV.ArticleGalleryContainer				{width:60%; margin-bottom:10px; max-width: 440px; /* float and side-margin:20px in asp file */}
@media screen and (max-width: 480px) {
	DIV.ArticleGalleryContainer		{width:100%; margin:0px 0px 10px 0px !important;}
}
#main_image			{margin-bottom:10px;}
#main_image > A		{width:100%; display:table;}
#main_image IMG		{width:100%; height:auto; border:0; display:block;}
/* the carousel css in owl_carousel.css */



/*********************************** Hp Departments ********************************/
DIV.departments-title		{margin-bottom:25px; box-sizing:border-box;}
DIV.departments-title H2	{font-size:225%; line-height:115%; font-weight:bold; display:inline; background: -webkit-linear-gradient(45deg, #68b366, #39b0a6); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

DIV.department-item			{position:relative; padding:10px 10px 10px 0px; box-sizing:border-box;}
DIV.department-item:nth-child(odd)		{background-color:#eceef0;}
DIV.department-item:nth-child(even)		{background-color:#fff;}

DIV.department-stuff			{padding:25px 0px 25px 0px; box-sizing:border-box;}
DIV.department-title			{display:flex; justify-content:flex-start; margin-bottom:24px;}
DIV.department-title H3			{font-size:225%; line-height:115%; font-weight:bold; color:#2d3c5b; display:inline; align-self:center;}
DIV.department-title H3 A		{color:#2d3c5b; text-decoration:none;}
DIV.department-title H3 A:hover	{color:#2d3c5b; text-decoration:underline;}
DIV.department-icon				{margin-right:25px;}

DIV.department-description		{margin-bottom:35px; font-size:125%; line-height:135%;}
DIV.department-img				{}
DIV.department-img IMG			{width:100%; height:auto; border:0; display:block;}

DIV.department-buttons		{width:655px; display:flex; flex-wrap:wrap; justify-content:space-between;}
DIV.department-button {
	width:310px; box-sizing:border-box;
	padding:2px; margin-bottom:24px; border-radius:500px;
	background: -moz-linear-gradient(top,  rgba(98,180,121,1) 0%, rgba(42,166,157,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(98,180,121,1) 0%,rgba(42,166,157,1) 100%);
	background: linear-gradient(to bottom,  rgba(98,180,121,1) 0%,rgba(42,166,157,1) 100%);
}
DIV.department-button A {
	display:flex; align-items:center; justify-content:center;
	font-size:115%; line-height:115%; font-weight:500;
	height:100%; min-height:48px;
	color: #2d3c5b;
	text-decoration:none;
	padding:5px 20px 5px 20px;
	border-radius:500px;
	box-sizing: border-box;
}
.department-item:nth-child(odd) DIV.department-button A		{background-color:#eceef0;}
.department-item:nth-child(even) DIV.department-button A	{background-color:#fff;}
.department-item:nth-child(odd) DIV.department-button A:hover	{background-color:transparent; color:#fff; text-decoration:none;}
.department-item:nth-child(even) DIV.department-button A:hover	{background-color:transparent; color:#fff; text-decoration:none;}


@media screen and (min-width: 1861px) {
	DIV.department-stuff		{max-width:670px;}
	DIV.department-img			{width:50%; /*display:table; position:absolute; top:0; right:0; bottom:0;*/}
	DIV.department-img IMG		{/*width:auto; height:885px;*/ width:100%; height:auto;}
}

@media screen and (min-width: 1241px) {
	DIV.department-item		{padding-left:120px;}
	DIV.departments-title	{padding-left:120px;}
}

@media screen and (max-width: 1860px) and (min-width: 741px) {
	DIV.department-stuff		{max-width:680px; padding-left:25px;}
	DIV.department-img			{width:calc(100% - 730px);}
	DIV.department-img IMG		{width:100%; height:auto;}
}

@media screen and (max-width: 1240px) and (min-width: 741px) {
	DIV.department-stuff		{max-width:380px; padding-left:25px;}
	DIV.department-img			{width:calc(100% - 430px);}
	DIV.department-img IMG		{width:100%; height:auto;}
}

@media screen and (min-width: 741px) {
	.department-item .wrapper	{width:100%; max-width:100%; display:flex; justify-content:space-between;}
}

@media screen and (max-width: 740px) and (min-width: 601px) {
	DIV.department-item			{padding:35px 0px 35px 0px;}
	DIV.department-stuff		{padding:0px 0px 25px 0px;}
	DIV.department-img			{padding-top:20px; max-width:580px;}
	DIV.department-buttons		{width:570px;}
}

@media screen and (max-width: 600px) {
	DIV.departments-title			{margin-bottom:15px; text-align:center;}
	DIV.departments-title H2		{font-size:175%;}
	DIV.department-item				{padding:0px; background-color:#fff !important;}
	DIV.department-stuff			{padding:0px;}
	DIV.department-title			{display:table; margin:0px auto 12px auto;}
	DIV.department-title H3			{font-size:150%; color:#fff;}
	DIV.department-title H3 A {
		display:flex; flex-direction:column; justify-content:center; align-items:center; 
		width:305px; min-height:86px;
		padding:12px 20px 12px 20px; box-sizing:border-box; border-radius:500px;
		color:#fff; text-decoration:none; text-align:center;
		background: -moz-linear-gradient(right,  rgba(104,179,102,1) 0%, rgba(10,122,174,1) 100%);
		background: -webkit-linear-gradient(right,  rgba(104,179,102,1) 0%,rgba(10,122,174,1) 100%);
		background: linear-gradient(to left,  rgba(104,179,102,1) 0%,rgba(10,122,174,1) 100%);
	}
	DIV.department-title H3 A:hover	{background:#0a7aae; color:#fff; text-decoration:none;}
	DIV.department-icon				{display:none;}
	DIV.department-description		{display:none;}
	DIV.department-img				{display:none;}
	DIV.department-buttons			{display:none;}
}


/*********************************** Hp Statistics ********************************/
#statistics UL		{max-width:1000px; display:block; margin:0px 0px 0px auto; padding:0px; text-align:center;}
#statistics UL LI {
	width:160px; height:160px;
	display:inline-block; vertical-align:top; 
	border-radius:50%; list-style:none;
	margin:0px 18px 40px 18px; padding:45px 10px 0px 10px; 
	background: -moz-linear-gradient(45deg,  rgba(93,178,116,1) 0%, rgba(59,176,163,1) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(93,178,116,1) 0%,rgba(59,176,163,1) 100%);
	background: linear-gradient(45deg,  rgba(93,178,116,1) 0%,rgba(59,176,163,1) 100%);
	box-sizing:border-box; 
}
#statistics DIV.hpStatisticsItemInner	{}
#statistics DIV.hpStatisticsItemTitle	{font-size:40px; line-height:100%; font-weight:bold; color:#fff; margin:0px auto 3px auto;}
#statistics DIV.hpStatisticsItemBody	{font-size:115%; line-height:105%; color:#fff; margin:0px auto 0px auto; text-align:center;}

@media screen and (max-width: 640px) {
#statistics UL LI			{width:27.5vw; height:27.5vw; margin:0px 2vw 4vw 2vw; padding:7.1vw 1.6vw 0px 1.6vw;}
#statistics DIV.hpStatisticsItemTitle	{font-size:6.8vw;}
#statistics DIV.hpStatisticsItemBody	{font-size:4vw;}
}



/*********************************** Hp Events ********************************/
DIV.hpEventsContainer				{display:flex; justify-content:space-between; flex-wrap:wrap;}
DIV.hpEventsItem					{box-sizing:border-box;}
DIV.hpEventsItem-1					{padding:40px 50px 5% 0px;}
DIV.hpEventsItem-2					{padding:40px 7%  50px;}
DIV.hpEventsItemInner				{max-width:320px; height:100%; display:flex; flex-direction:column; height:100%;}
DIV.hpEventsItemTitle				{margin-bottom:20px;}
DIV.hpEventsItemTitle H2			{font-size:225%; line-height:110%; font-weight:bold; color:#2d3c5b;}
DIV.hpEventsItemTitle H2 A			{color:#2d3c5b; text-decoration:none;}
DIV.hpEventsItemTitle H2 A:hover	{color:#2d3c5b; text-decoration:underline;}
DIV.hpEventsItemSummary				{font-size:130%; line-height:110%; color:#2d3c5b; flex-grow:1;}
A.hpEventsRM {
	display:block; width:200px; max-width:90%; 
	margin:30px auto 0px 0px; padding:2px;
	align-self:flex-end;
	color:#2d3c5b; text-decoration:none; border-radius:28px; 
	background: -moz-linear-gradient(top,  rgba(98,180,121,1) 0%, rgba(42,166,157,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(98,180,121,1) 0%,rgba(42,166,157,1) 100%);
	background: linear-gradient(to bottom,  rgba(98,180,121,1) 0%,rgba(42,166,157,1) 100%);
	box-sizing:border-box; 
}
A.hpEventsRM SPAN		{display:block; text-align:center; font-size:115%; line-height:53px; background-color:#eceef0; border-radius:26px;}
A.hpEventsRM:hover		{color:#2d3c5b; text-decoration:none;}
A.hpEventsRM:hover SPAN	{background-color:#fff;}

DIV.hpVideo		{}
.hpVideo DIV.iframe-container		{position:relative;}
.hpVideo IFRAME			{width:100%; height:100%; position:absolute; top:0; left:0; z-index:7;}
.hpVideo BUTTON			{width:20%; height:20%; position:absolute; top:50%; left:50%; margin:-10% 0px 0px -10%; z-index:8; background:transparent; padding:0; font-size:0; line-height:0; border:0; text-indent:-10000px;}
.hpVideo BUTTON IMG		{width:100%; height:auto; display:block;}

@media screen and (min-width: 991px) {
	DIV.hpEventsItem	{width:29%;}
	DIV.hpVideo			{width:42%;}
	.hpVideo DIV.iframe-container	{height:100%;}
}

@media screen and (max-width: 990px) and (min-width: 481px) {
	DIV.hpEventsItem		{width:50%;}
	DIV.hpEventsItem-1		{order:1; border-right:#ccc 1px solid;}
	DIV.hpEventsItem-2		{order:2;}
	DIV.hpVideo				{width:100%; order:3; margin-bottom:20px;}
	.hpVideo DIV.iframe-container	{height:0px; padding-top:56.25%;}
}

@media screen and (max-width: 480px) {
	DIV.hpEventsContainer		{margin-bottom:20px;}
	DIV.hpEventsItem			{width:100%;}
	DIV.hpEventsItem-1			{padding:20px 10% 20px 20%;}
	DIV.hpEventsItem-2			{padding:20px 10% 20px 20%;}
	DIV.hpVideo					{width:100%;}
	.hpVideo DIV.iframe-container	{height:0px; padding-top:56.25%;}
	DIV.hpEventsItemTitle		{margin-bottom:10px;}
	A.hpEventsRM				{width:140px; border-radius:20px; margin-top:20px;}
	A.hpEventsRM SPAN			{line-height:36px; border-radius:18px; font-size:100%;}
}


/********************************* Departments (_dbsTemplates/Department.asp) ***************************/
/********* stuff ********/
#stuff					{min-height:665px; padding:10px 0px 35px 0px; border-bottom:#d5d8de 1px solid; background:url('../flower-deprt.png') no-repeat right bottom / 50vw; box-sizing:border-box;}
DIV.stuff-wrap			{width:95%; max-width:1626px; margin:0px auto; box-sizing:border-box;}
DIV.stuff-elements		{width:45%; max-width:650px;}
DIV.stuff-people		{max-width:490px; display:flex; justify-content:space-between; flex-wrap:wrap;}
DIV.stuff-description	{margin-bottom:40px;}

DIV.people-item				{width:47%; max-width:196px;}
DIV.people-title			{margin-bottom:2px;}
DIV.people-title H3			{font-size:110%; line-height:115%; font-weight:bold; color:#000; display:inline; align-self:center;}
DIV.people-title H3 A		{color:#000; text-decoration:none;}
DIV.people-title H3 A:hover	{color:#000; text-decoration:underline;}
DIV.people-description		{font-size:100%; line-height:115%;}
DIV.people-img				{margin-bottom:15px;}
DIV.people-img IMG			{width:100%; height:auto; border:0; display:block;}

@media screen and (min-width: 1241px) {
	DIV.stuff-wrap	{padding-left:120px;}
}

@media screen and (max-width: 1440px) {
	DIV.stuff-elements	{width:65%; max-width:850px;}
	DIV.stuff-people	{max-width:450px;}
}

@media screen and (max-width: 800px) {
	#stuff				{min-height:0; background-image:none;}
	DIV.stuff-elements	{width:100%; max-width:none;}
	DIV.stuff-people	{max-width:490px;}
}

/********* doctors ********/
#doctors					{padding:50px 0px 65px 0px; position:relative;}
DIV.doctors-title			{width:95%; max-width:1300px; margin:0px auto 40px auto; text-align:center;}
DIV.doctors-title H2		{font-size:175%; line-height:115%; font-weight:bold; color:#000; display:inline;}


/********* units ********/  /* also for Cindex.asp */
#units						{background-color:#f4f8fa; padding:50px 0px 70px 0px;}
#HomePage #units			{border-bottom:#dae6e8 6px solid;}
#InnerPage #units			{margin-top:-45px; margin-bottom:-20px;} /* unti content-line padding */
DIV.units-title				{width:95%; max-width:1300px; margin:0px auto 80px auto; text-align:center;}
DIV.units-head				{width:95%; max-width:1300px; margin:0px auto 40px auto;} /* Cindex.asp */
DIV.units-title H2			{font-size:175%; line-height:115%; font-weight:bold; color:#000; display:inline;}
DIV.units-wrap				{width:95%; max-width:1420px; margin:0px auto; background-color:#dae6e8; display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:border-box;}
DIV.unit-item				{background-color:#f4f8fa; padding:45px 3% 0px 3%; box-sizing:border-box;}
DIV.unit-item-inner			{height:100%; border-bottom:#dae6e8 6px solid; padding-bottom:35px; box-sizing:border-box;}
DIV.unit-title				{display:flex; justify-content:flex-start; margin-bottom:10px;}
DIV.unit-title H2			{font-size:110%; line-height:115%; font-weight:bold; color:#000; display:inline; align-self:center;}
DIV.unit-title H2 A			{color:#000; text-decoration:none;}
DIV.unit-title H2 A:hover	{color:#000; text-decoration:underline;}
DIV.unit-title H3			{font-size:110%; line-height:115%; font-weight:bold; color:#000; display:inline; align-self:center;}
DIV.unit-title H3 A			{color:#000; text-decoration:none;}
DIV.unit-title H3 A:hover	{color:#000; text-decoration:underline;}
DIV.unit-description		{font-size:90%; line-height:135%;}
DIV.unit-icon				{margin-right:20px;}
DIV.unit-icon IMG			{width:83px; height:96px; border:0; display:block;}

DIV.unit-item-empty-1		{display:none;}
DIV.unit-item-empty-2		{display:none;}
.unit-item-empty-1 DIV.unit-item-inner	{border-bottom:0; padding-bottom:0;}
.unit-item-empty-2 DIV.unit-item-inner	{border-bottom:0; padding-bottom:0;}

@media screen and (min-width: 1241px) {
	DIV.units-wrap	{border-left:#f4f8fa 120px solid;}
}

@media screen and (min-width: 1041px) { /* 3 items */
	DIV.unit-item	{width:calc((100% - 12px) / 3);}
	DIV.unit-item-full:nth-child(-n+3)	{padding-top:0;}	/* Select only first 3 */
}

@media screen and (max-width: 1040px) and (min-width: 641px) { /* 2 items */
	DIV.units-title		{margin-bottom:50px;}
	DIV.unit-item		{width:calc((100% - 6px) / 2);}
	DIV.unit-item-full:nth-child(-n+2)	{padding-top:0;}	/* Select only first 2 */
}

@media screen and (max-width: 640px) { /* 1 items */
	DIV.units-title		{margin-bottom:30px;}
	DIV.unit-item		{width:100%;}
	DIV.unit-item-full:first-child	{padding-top:0;}
}

/********* tests ********/
#tests {
	padding:60px 0px 85px 0px;
	background: -moz-linear-gradient(right,  rgba(59,169,203,1) 0%, rgba(18,120,190,1) 100%);
	background: -webkit-linear-gradient(right,  rgba(59,169,203,1) 0%,rgba(18,120,190,1) 100%);
	background: linear-gradient(to left,  rgba(59,169,203,1) 0%,rgba(18,120,190,1) 100%);
}
DIV.tests-title				{width:95%; max-width:1134px; margin:0px auto 80px auto; text-align:center;}
DIV.tests-title H2			{font-size:175%; line-height:115%; font-weight:bold; color:#fff; display:inline;}
UL.tests-wrap				{width:95%; max-width:1134px; margin:0px auto; padding:0; display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:border-box;}
LI.test-item				{list-style-type:none; list-style-image:none;}
LI.test-item A				{display:block; padding:9px 0px 9px 9px; border-bottom:#7fb6d1 1px solid; font-size:110%; line-height:115%; font-weight:500; color:#fff; background:url('../arrow-test-rtl.png') no-repeat left 19px; text-decoration:none; box-sizing:border-box;}
LI.test-item A:hover		{color:#fff; text-decoration:underline;}

@media screen and (min-width: 481px) { /* 2 items */
	LI.test-item	{width:43%;}
}

@media screen and (max-width: 680px) {
	#tests				{padding:40px 0px 45px 0px;}
	DIV.tests-title		{margin-bottom:40px;}
}

@media screen and (max-width: 480px) { /* 1 items */
	LI.test-item	{width:100%;}
}


/********************************* Medical Units (_dbsTemplates/MedicalUnit.asp) ***************************/
DIV.m-unit-title			{display:table; position:relative; background-color:#369ce2; color:#fff; padding:20px 35px 30px 35px; margin:-80px auto 45px auto; text-align:center; z-index:777;}
DIV.m-unit-title H1			{font-size:225%; line-height:115%; font-weight:bold; color:#fff; display:inline;}
DIV.m-unit-title A.navigationTab		{color:#fff;}
DIV.m-unit-title A.navigationTab:hover	{color:#fff;}
DIV.m-unit-description		{max-width:1180px; margin:0px auto 45px auto; /*text-align:center;*/}

/********* info ********/
#m-unit-info					{background-color:#f4f8fa; padding:50px 0px 30px 0px;}
DIV.m-unit-info-wrap			{width:95%; max-width:1180px; display:flex; justify-content:space-between; flex-wrap:wrap; margin:0px auto 0px auto;}
DIV.m-unit-info-title			{margin-bottom:17px;}
DIV.m-unit-info-title H2		{font-size:175%; line-height:115%; font-weight:bold; color:#000; display:inline;}

DIV.m-unit-info-wrap > DIV	{font-weight:500; margin-bottom:40px;}
DIV.m-unit-info-wrap > DIV > DIV:not(.m-unit-info-title)			{display:flex; flex-direction:column; justify-content:center; width:500px; max-width:90%; min-height:80px; padding:10px 0px 0px 110px; box-sizing:border-box;}
DIV.m-unit-info-wrap > DIV > DIV:not(.m-unit-info-title) A			{color:#000; text-decoration:none;}
DIV.m-unit-info-wrap > DIV > DIV:not(.m-unit-info-title) A:hover	{color:#000; text-decoration:none; /*cursor:default;*/}
DIV.mu-phone				{background:url('../icon-mu-phone.png') no-repeat left top;}
DIV.mu-adress				{background:url('../icon-mu-adress.png') no-repeat left top;}
DIV.mu-whatsapp				{background:url('../icon-mu-whatsapp.png') no-repeat left top;}
DIV.mu-mail					{background:url('../icon-mu-mail.png') no-repeat left top;}
DIV.mu-time					{background:url('../icon-mu-time.png') no-repeat left top;}

@media screen and (min-width: 841px) { /* 2 items */
	DIV.m-unit-info-wrap > DIV	{width:50%;}
}
@media screen and (max-width: 840px) { /* 1 items */
	#m-unit-info				{padding:30px 0px 10px 0px;}
	DIV.m-unit-info-wrap > DIV	{width:100%;}
	DIV.m-unit-info-wrap > DIV > DIV:not(.m-unit-info-title)	{width:100%; max-width:none;}
}

/********* crew ********/
#crew					{max-width:1180px; margin:0px auto; padding:50px 0px 65px 0px; position:relative;}
DIV.crew-title			{width:95%; max-width:1300px; margin:0px auto 40px auto; text-align:center;}
DIV.crew-title H2		{font-size:175%; line-height:115%; font-weight:bold; color:#000; display:inline;}

/********* tests ********/
#tests {/* css up in department page */}
DIV.m-tests-wrap			{width:95%; max-width:1134px; margin:0px auto; padding:0; display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:border-box;}
DIV.m-tests-wrap > DIV		{}
DIV.m-test-title			{width:95%; max-width:1134px; margin:0px auto 80px auto; text-align:center;}
DIV.m-test-title H2			{font-size:175%; line-height:115%; font-weight:bold; color:#fff; display:inline;}
UL.m-test					{margin:0p; padding:0;}
LI.m-test-item				{list-style-type:none; list-style-image:none;}
LI.m-test-item A			{display:block; padding:9px 0px 9px 9px; border-bottom:#7fb6d1 1px solid; font-size:110%; line-height:115%; font-weight:500; color:#fff; background:url('../arrow-test-rtl.png') no-repeat left 19px; text-decoration:none; box-sizing:border-box;}
LI.m-test-item A:hover		{color:#fff; text-decoration:underline;}

@media screen and (min-width: 481px) { /* 2 items */
	DIV.m-tests-wrap > DIV	{width:43%;}
}

@media screen and (max-width: 680px) {
	DIV.m-test-title	{margin-bottom:40px;}
}

@media screen and (max-width: 480px) { /* 1 items */
	DIV.m-tests-wrap > DIV		{width:100%;}
	DIV.m-tests-wrap > DIV:first-child	{margin-bottom:40px;}
}


/********************************* Staff Member (_dbsTemplates/StaffMember.asp) ***************************/
#persona							{max-width:1350px; margin:0px auto 20px auto; display:flex; justify-content:flex-start; /*flex-wrap:wrap;*/}
DIV.persona-img						{padding-left:3.4%; margin-bottom:20px; box-sizing:border-box;}
DIV.persona-img IMG					{width:100%; min-width:120px; max-width:196px; height:auto; border:0; display:block; margin-bottom:28px;}
DIV.persona-contact > DIV			{margin-bottom:10px;}
DIV.persona-contact > DIV A			{height:52px; display:table-cell; vertical-align:middle; padding:2px 0px 5px 65px; font-size:135%; line-height:115%; color:#000; text-decoration:none; box-sizing:border-box;}
DIV.persona-contact > DIV A:hover	{color:#000; text-decoration:underline;}
DIV.p-phone A						{background:url('../icon-p-phone.png') no-repeat left top;}
DIV.p-mail A						{background:url('../icon-p-mail.png') no-repeat left top;}

DIV.persona-info			{background-color:#fff; border:#f2f5f6 2px solid; padding:30px 35px 10px 35px; margin-bottom:30px;}
DIV.info-attribut			{margin-bottom:20px;}
DIV.persona-info STRONG		{font-size:115%; line-height:115%; font-weight:bold; color:#369ce2;}

@media screen and (min-width: 641px) { /* 2 items */
	DIV.persona-img			{margin-right:7%;}
}

@media screen and (max-width: 640px) { /* 1 items */
	#persona				{flex-wrap:wrap;}
	DIV.persona-img			{width:100%; display:flex; justify-content:flex-start; padding-left:0;}
	DIV.persona-img IMG		{width:150px; margin-bottom:16px;}
	DIV.persona-contact		{display:flex; flex-direction:column; justify-content:flex-end; margin-left:7%;}
	DIV.persona-contact > DIV A			{height:42px; padding:2px 0px 5px 55px; background-size:40px;}
	DIV.persona-contact > DIV.p-phone A	{font-size:125%;}
	DIV.persona-contact > DIV.p-mail A	{font-size:115%;}
}

@media screen and (max-width: 380px) {
	DIV.persona-img IMG				{width:120px;}
	DIV.persona-contact				{margin-left:5%;}
	DIV.persona-contact > DIV A		{height:32px; padding:2px 0px 5px 40px; background-size:30px; word-break:break-word;}
}

/********* Articles ********/
DIV.persona-articles					{max-width:1350px; margin:0px auto 20px auto; background-color:#f2f5f6; padding:3.5% 7.4% 20px 3.4%; box-sizing:border-box;}
DIV.persona-articles-item				{border-bottom:#c4c5c5 1px solid; padding-bottom:20px; margin-bottom:20px;}
DIV.persona-article-title				{margin-bottom:2px;}
DIV.persona-article-title H2			{font-size:115%; line-height:115%; font-weight:bold;}
DIV.persona-article-title H2 A			{text-decoration:none;}
DIV.persona-article-title H2 A:hover	{text-decoration:underline;}
DIV.persona-article-summary				{}
DIV.persona-article-rm					{font-size:80%; line-height:115%; padding-top:10px;}
DIV.persona-article-rm A				{text-decoration:none;}
DIV.persona-article-rm A:hover			{text-decoration:underline;}

@media screen and (max-width: 740px) {
	DIV.persona-article-rm		{font-size:90%;}
}










/**********************************  Alfon  *******************************************/
/*********  Alfon   *******/
/* Employees/search.asp */
DIV.PageAlfonTitle				{}
DIV.alfon-search		       	{max-width:900px; background-color:#eceef0; padding:13px 14px 0px 0px; margin-bottom:35px;}
TABLE.AlfonSearch		        {width:100%;}

TD.mainHeader						{width:100%; display:table; table-layout:fixed;}
.AlfonSearch DIV.select-container	{padding-bottom:13px;}
.AlfonSearch DIV.input-container	{padding-bottom:13px;}
.AlfonSearch DIV.button-container	{padding-bottom:13px;}

TD.select-label					{padding-right:10px; padding-left:32px; box-sizing:border-box;}
TD.input-label					{padding-right:10px; padding-left:32px; box-sizing:border-box;}

.AlfonSearch SPAN.search-label	{display:inline-block; margin-top:5px; font-size:1.8rem; white-space:nowrap;}
.AlfonSearch SELECT			    {width:100%; height:40px;}
.AlfonSearch INPUT.input		{width:100%; height:40px;}
.AlfonSearch INPUT.button		{height:40px; width:96px; margin-left:14px;}

@media screen and (min-width: 991px) {
	.AlfonSearch DIV.select-container		{display:table-cell; width:calc(100% - 55px); vertical-align:top;}
	.AlfonSearch DIV.input-container		{display:table-cell; width:calc(100% - 55px); vertical-align:top;}
	.AlfonSearch DIV.button-container		{display:table-cell; width:110px; vertical-align:top;}
}

@media screen and (max-width: 990px) {
	DIV.alfon-search		      		 	{padding:18px 14px 5px 0px; margin-bottom:35px;}
	.AlfonSearch TABLE						{table-layout:fixed;}
	TD.select-label							{width:110px;}
	.AlfonSearch DIV.select-container		{width:100%; max-width:400px; display:table;}
	.AlfonSearch DIV.input-container		{width:100%; max-width:400px; display:table;}
	.AlfonSearch DIV.button-container		{}
	.AlfonSearch SPAN.search-label			{width:94px;}
	.AlfonSearch DIV.button-container		{margin-left:110px;}
	.AlfonSearch INPUT.button				{margin-left:0;}
}

DIV.alfon-container					{width:100%; overflow:auto; white-space:nowrap; position:relative; -webkit-overflow-scrolling:touch;}
DIV.AlfonContainer					{width:100%; min-width:712px; margin:0px 0px 10px 0px;}
DIV.titleTabTd1						{padding-bottom:1px;}
DIV.titleTabTd2						{padding-bottom:1px;}
H2.Department						{display:block; margin:0; font-size:2.2rem; line-height:2.4rem; font-weight:normal;}
H2.Department A						{display:block; width:100%; height:100%; padding:17px 0px 12px 0px; color:#101010; text-decoration:none; box-sizing:border-box;}
DIV.titleTabTd1 H2 A				{background-color:#dbeff5;}
DIV.titleTabTd2 H2 A				{background-color:#cde7d7;}
DIV.titleTabTd H2 A:hover			{background-color:#dae6e8 !important; color:#101010; text-decoration:none;}
H2.Department IMG					{margin-right:2px; margin-top:-5px;}
DIV.AlfonItem						{}
UL.Alfon							{position:relative; margin:0; padding:10px 0 10px 38px; background:#fff; border-bottom:#666 1px solid;}
UL.Alfon LI							{margin-bottom:10px; list-style-type:none; list-style-image:none;}
UL.Alfon LI.summary					{padding-right:200px;}
UL.Alfon LI STRONG					{display:inline-block; width:120px; color:#369ce2; font-weight:normal;}
UL.Alfon LI.url A					{position:absolute; right:0; bottom:20px; display:table; padding:2px 15px 0px 15px; height:25px; background-color:#369ce2; color:#fff; font-weight:normal; text-align:center; line-height:25px; text-decoration:none;}
UL.Alfon LI.url A:hover				{background-color:#3bafda; color:#fff; text-decoration:none}
UL.Alfon LI.url STRONG				{width:auto !important; color:#fff !important;}

TABLE.TableList						{margin-top:10px;}
TABLE.TableList CAPTION				{padding:0px 0px 8px 1px; font-size:2rem; line-height:2.2rem; font-weight:normal; text-align:left;}
TABLE.TableList TH					{padding:4px 10px 5px 10px; font-weight:500; background-color:transparent; color:#369ce2;}
TABLE.TableList TD					{padding:4px 10px 5px 10px; vertical-align:top;}

DIV.table-scroll-icon					{display:none; width:100%; text-align:center; position:absolute; right:0; top:50%; margin-top:-40px; cursor:pointer; z-index:11111;}
DIV.table-scroll-icon .fa-arrows-h		{margin:auto; color:#333; font-size:80px; padding:0px 40px 0px 40px; border-radius:20px; color:#fff; background:rgba(0,0,0,0.3); text-shadow:1px 1px 1px #000;}

@media screen and (min-width: 769px) and (max-width: 990px) {
	DIV.table-scroll-icon	{display:block !important;}
}
@media screen and (max-width: 756px) {
	DIV.table-scroll-icon	{display:block !important;}
}


/********** All templates container ************/
DIV.template-container			{}

/*********************************** Articles - Lexicon Display ********************************/
TABLE.ArticlesLexiconItem		{margin-bottom:10px;}
TD.Char							{text-align:center; vertical-align:top; width:38px; padding:3px 0px 4px 0px; border:#369ce2 1px solid;}
H2.Char							{display:inline; font-weight:bold; font-size:3.6rem; line-height:4rem;}
TD.ArticlesLexicon				{vertical-align:top; padding:5px 10px 4px 10px; background-color:#f4f8fa; border:#369ce2 1px solid;}
UL.ArticlesLexicon				{margin:0px; padding:0px;}
UL.ArticlesLexicon LI			{margin:0px; padding:0px 0px 2px 0px; list-style-image:none; list-style-type:none;}
A.ArticlesLexiconTitle			{text-decoration:none;}
A.ArticlesLexiconTitle:hover	{text-decoration:underline;}


/*********************************** Articles - List Display ********************************/
DIV.ArticlesListContainer		{margin-bottom:30px; box-sizing:border-box;}
DIV.ArticlesListInner			{}
DIV.ArticlesListTitle			{margin-bottom:2px;}
DIV.ArticlesListTitleSeperator	{height:0px; display:none;}
H2.ArticlesListTitle			{font-weight:bold; font-size:110%; line-height:115%;}
A.ArticlesListTitle				{font-weight:bold; text-decoration:none;}
A.ArticlesListTitle:hover		{text-decoration:underline;}

DIV.ArticlesListBody			{display:table; width:100%;}
DIV.ArticlesListSeperator		{height:30px; border-bottom:#ddd 1px solid;}

TD.ArticlesListDate				{font-weight:normal; font-size:85%; direction:ltr; text-align:right; padding-top:2px;}
DIV.ArticlesListDate			{font-weight:normal; font-size:85%; direction:ltr; text-align:right; padding-top:2px;}

DIV.ArticlesListImgContainer	{display:none; /*width:25%; display:inline-block; margin-top:2px; margin-bottom:10px;*/ /* float and side-margin:15px in asp file */}
DIV.ArticlesListImg				{}
DIV.ArticlesListImg A			{width:100%; display:table;}
DIV.ArticlesListImg IMG			{width:100%; height:auto; display:block;}
DIV.ArticlesListCaption			{text-align:center; font-size:1.3rem; padding-top:2px;}

DIV.ArticlesListSummary			{}
DIV.ArticlesListURL				{}
DIV.ArticlesListRatings			{margin-top:5px;}
DIV.ArticlesListRatings SPAN	{display:inline-block}
DIV.ArticlesListContainer A.ReadMore			{display:table; padding-top:5px; border-top:#aaa 1px dashed; margin-top:10px; text-decoration:none;}
DIV.ArticlesListContainer A.ReadMore:after		{font-family:"fontawesome"; margin-left:5px; font-size:13px;}
.LTR DIV.ArticlesListContainer A.ReadMore:after	{content:"\f104 ";}
.RTL DIV.ArticlesListContainer A.ReadMore:after	{content:"\f105 ";}

@media screen and (max-width: 768px) and (min-width: 481px)	{
	DIV.ArticlesListImgContainer		{width:35%;}
}
@media screen and (max-width: 480px)	{
	DIV.ArticlesListContainer			{max-width:360px; margin:0px auto 20px auto;}
	DIV.ArticlesListImgContainer		{width:100%; margin:0px 0px 10px 0px !important;}
	DIV.ArticlesListTitle_normal		{display:none;}
	DIV.ArticlesListTitle_480			{display:block !important; margin-bottom:5px !important;}
}

/* Even */
DIV.ArticlesListContainerEven		{}
DIV.ArticlesListTitleEven			{}
A.ArticlesListTitleEven				{}
A.ArticlesListTitleEven:hover		{}
DIV.ArticlesListBodyEven			{}
DIV.ArticlesListSeperatorEven		{}

/* Odd */
DIV.ArticlesListContainerOdd		{}
DIV.ArticlesListTitleOdd			{}
A.ArticlesListTitleOdd				{}
A.ArticlesListTitleOdd:hover		{}
DIV.ArticlesListBodyOdd				{}
DIV.ArticlesListSeperatorOdd		{}


/*********************************** Articles - Gallery Display ********************************/
DIV.ArticlesGalleryMatrixContainer		{opacity:0; /* js show after loading */} /* clearfix */

/* one Article */
DIV.ArticlesGalleryMatrixItem			{display:inline-block; margin-bottom:40px; box-sizing:border-box; /*  get float + side-margin + width by JQ function in asp file */}
DIV.ArticlesGalleryContainer			{}
DIV.ArticlesGalleryInner				{}
DIV.ArticlesGalleryImgContainer			{width:100%; margin-bottom:10px;}
DIV.ArticlesGalleryImg					{display:block;}
DIV.ArticlesGalleryImg A				{width:100%; display:table;}
DIV.ArticlesGalleryImg IMG				{width:100%; height:auto; display:block;}
DIV.ArticlesGalleryImgCaption			{text-align:center; font-size:1.3rem; padding-top:2px;}

DIV.ArticlesGalleryBody					{padding:0px 3px 0px 3px;}
DIV.ArticlesGalleryTitle				{margin-bottom:2px;}
H2.ArticlesGalleryTitle					{font-weight:bold; font-size:110%; line-height:115%;}
A.ArticlesGalleryTitle					{font-weight:bold; text-decoration:none;}
A.ArticlesGalleryTitle:hover			{text-decoration:underline;}
DIV.ArticlesGallerySummary				{padding-bottom:5px;}
DIV.ArticlesGalleryURL					{padding-top:5px;}
DIV.ArticlesGalleryRatings				{margin-top:5px;}
DIV.ArticlesGalleryRatings SPAN			{display:inline-block}
DIV.ArticlesGalleryContainer A.ReadMore				{display:table; padding-top:5px; border-top:#aaa 1px dashed; margin-top:10px; text-decoration:none;}
DIV.ArticlesGalleryContainer A.ReadMore:after		{font-family:"fontawesome"; margin-left:5px; font-size:13px;}
.LTR DIV.ArticlesGalleryContainer A.ReadMore:after	{content:"\f104 ";}
.RTL DIV.ArticlesGalleryContainer A.ReadMore:after	{content:"\f105 ";}

@media screen and (max-width: 480px) {
	DIV.ArticlesGalleryMatrixItem		{display:table; max-width:360px; margin:0px auto 20px auto !important; float:none !important; padding-bottom:20px; border-bottom:#dddddd 1px solid;}
	DIV.ArticlesGalleryTitle_normal		{display:none;}
	DIV.ArticlesGalleryTitle_480		{display:block !important; margin-bottom:5px !important;}
}

/** last item - third in Hp 3 items - display long in window 480-768 (2 items in line) **/
@media screen and (min-width: 481px) and (max-width: 768px) {
	DIV.ArticlesGalleryMatrixItemLastOdd				{width:100% !important; margin-left:0px !important; float:none !important; height:auto !important;}
	DIV.ArticlesGalleryMatrixItemLastOdd DIV.ArticlesGalleryImgContainer			{width:48%; height:auto; float:right !important; margin:0px 0px 0px 4% !important;}
	DIV.ArticlesGalleryMatrixItemLastOdd DIV.ArticlesGalleryImgContainer IMG		{width:100%; height:auto;}
}

/* Even */
DIV.ArticlesGalleryContainerEven		{}
DIV.ArticlesGalleryTitleEven			{}
DIV.ArticlesGalleryImgEven				{}
DIV.ArticlesGalleryImgEven IMG			{}

DIV.ArticlesGalleryTopLeftEven			{}
DIV.ArticlesGalleryTopRightEven			{}
DIV.ArticlesGalleryBottomLeftEven		{}
DIV.ArticlesGalleryBottomRightEven		{}

/* Odd */
DIV.ArticlesGalleryContainerOdd			{}
DIV.ArticlesGalleryTitleOdd				{}
DIV.ArticlesGalleryImgOdd				{}
DIV.ArticlesGalleryImgOdd IMG			{}

DIV.ArticlesGalleryTopLeftOdd			{}
DIV.ArticlesGalleryTopRightOdd			{}
DIV.ArticlesGalleryBottomLeftOdd		{}
DIV.ArticlesGalleryBottomRightOdd		{}


/********^  Movies  ^******/
DIV.SortMoviesContainer			{}
DIV.SortMoviesInner				{margin-bottom:10px; display:inline-block; padding:6px 8px 6px 8px;}
SPAN.SortMoviesTitle			{font-weight:bold; line-height:135%;}
A.MoviesSort					{font-weight:normal; display:inline-block; vertical-align:top; padding:2px 8px 3px 8px; background-color:#ffffff; color:#000000; font-size:1.4rem; text-decoration:none;}
A.MoviesSort:hover				{text-decoration:none;}
SPAN.SortMoviesSep				{color:#ffffff; display:none;}

DIV.SArticlesMovieContainer		{}
DIV.SArticlesMovieBody			{}
DIV.SArticlesVideoStatistic		{}
DIV.SArticlesVideoViews			{}
DIV.SArticlesVideoLength		{}

@media screen and (max-width: 480px) {
	DIV.SortMoviesContainer		{/*text-align:center;*/}
}


/*********************************** Articles - Portal Display ********************************/
DIV.ArticleMainContainer			{display:table; margin-bottom:40px; box-sizing:border-box;}
DIV.ArticleMainInner				{}
DIV.ArticleMainTitle				{margin-bottom:3px;}
H2.ArticleMainTitle					{font-weight:bold; font-size:110%; line-height:115%;}
A.ArticleMainTitle					{font-weight:bold; text-decoration:none;}
A.ArticleMainTitle:hover			{text-decoration:underline;}

DIV.ArticleMainImgContainer			{width:50%; margin-bottom:10px; /* get float and side-margin:20px in asp file */}
DIV.ArticleMainImg					{}
DIV.ArticleMainImg A				{width:100%; display:table;}
DIV.ArticleMainImg IMG				{width:100%; height:auto; display:block;}
DIV.ArticleMainImgCaption			{text-align:center; font-size:85%; padding-top:2px;}

DIV.ArticleMainDate					{font-weight:normal; font-size:85%; margin-bottom:2px;}
P.ArticleMainSummary				{padding:0px; margin:0px;}
DIV.ArticleMainSummary				{}
DIV.ArticleMainURL					{padding-top:5px;}
DIV.ArticleMainRatings				{margin-top:5px;}
DIV.ArticleMainRatings SPAN			{display:inline-block}
DIV.ArticleMainContainer A.ReadMore				{display:table; padding-top:5px; border-top:#aaa 1px dashed; margin-top:10px; text-decoration:none;}
DIV.ArticleMainContainer A.ReadMore:after		{font-family:"fontawesome"; margin-left:5px; font-size:13px;}
.LTR DIV.ArticleMainContainer A.ReadMore:after	{content:"\f104 ";}
.RTL DIV.ArticleMainContainer A.ReadMore:after	{content:"\f105 ";}

@media screen and (max-width: 480px) {
	DIV.ArticleMainContainer		{max-width:360px; margin:0px auto 20px auto; padding-bottom:20px; border-bottom:#dddddd 1px solid;}
	DIV.ArticleMainImgContainer		{width:100%; margin:0px 0px 10px 0px !important;}
	DIV.ArticleMainTitle_normal		{display:none;}
	DIV.ArticleMainDate_normal		{display:none;}
	DIV.ArticleMainTitle_480		{display:block !important; margin-bottom:5px !important;}
	DIV.ArticleMainDate_480			{display:block !important; margin-bottom:5px !important;}
}

DIV.PArticleAllContainer			{}
DIV.PArticleMainContainer			{}
DIV.PArticleSubContainer			{}
DIV.PArticleContainer				{}

/* Even */
TABLE.ArticleMainContainerEven		{}
DIV.ArticleMainTitleEven			{}

TD.ArticleMainTopLeftEven			{}
TD.ArticleMainTopRightEven			{}
TD.ArticleMainBottomLeftEven		{}
TD.ArticleMainBottomRightEven		{}

/* Odd */
TABLE.ArticleMainContainerOdd		{}
DIV.ArticleMainTitleOdd				{}

TD.ArticleMainTopLeftOdd			{}
TD.ArticleMainTopRightOdd			{}
TD.ArticleMainBottomLeftOdd		{}
TD.ArticleMainBottomRightOdd			{}

/** jquery image rotator **/
#ArticlesRotatorContainer		{opacity:0; height:1px; /*temp height & opacity for load*/ width:100%; border:#cccccc 1px solid; margin-bottom:40px; overflow:hidden; position:relative; box-sizing:border-box; background:#369ce2;}

/*-- Main Image Preview --*/
DIV.main_image					{height:1px; /*temp height for load*/ width:65%; position:relative; overflow:hidden; color:#fff; /* get float in asp */}
DIV.main_image IMG				{width:100%; height:auto; display:block;}

.main_image .desc						{position:absolute; bottom:0px; right:0px; width:100%;}
.main_image .desc P.ArticleMainSummary	{font-size:1.5rem; line-height:130%;}
.main_image .block						{width:100%; padding:10px; padding-top:3px; background:#369ce2; box-sizing:border-box;}
.main_image .block .ArticleMainTitle	{color:#ffffff;}
.main_image .block H1.ArticleMainTitle	{font-weight:bold; font-size:2.4rem; line-height:115%;}
.main_image .block H2.ArticleMainTitle	{font-weight:bold; font-size:2.4rem; line-height:115%;}

.block .ArticleMainDate			{font-size:1.3rem;}
.main_image p					{line-height:130%;}
.main_image a.collapse			{background:url('../_icons/CollapseIcon.gif') no-repeat right top; height:16px; width:21px; position:absolute; text-indent:-99999px; top:-16px; left:10px;}
.main_image a.show				{background-position:right bottom;}

/*-- Thumb --*/
DIV.image_thumb					{width:35%;  /* get float in asp */}

DIV.image_thumb .ImgBox				{text-align:center; width:30%; height:auto; max-height:50px; overflow:hidden; float:left; margin:10px 8px 0px 8px; border:#cccccc 1px solid; box-sizing:border-box;}
DIV.image_thumb img					{width:100%; height:auto; display:block;}
DIV.image_thumb ul					{margin:0px; padding:0px;}
DIV.image_thumb ul li				{height:70px; line-height:115%; background:#f4f8fa; list-style-image:none; list-style-type:none; border-bottom:#cccccc 1px solid; padding:0px;}
DIV.image_thumb ul li:last-child	{border-bottom-style:none;}
DIV.image_thumb ul li.hover			{background:#dae6e8; cursor:pointer;}
DIV.image_thumb ul li.active		{background:#dae6e8; cursor:pointer;}

DIV.image_thumb ul li .ArticleMainTitle			{color:#000000;} /* thumb li title color */
DIV.image_thumb ul li.hover .ArticleMainTitle	{color:#000000; text-decoration:none;} /* thumb li title color */
DIV.image_thumb ul li.active .ArticleMainTitle	{color:#000000; text-decoration:none;} /* thumb li title color */

DIV.image_thumb ul li .block			{padding:8px 8px 8px 8px;}
DIV.image_thumb ul li p					{display:none;}
DIV.image_thumb H1.ArticleMainTitle		{font-size:1.5rem; line-height:110%; /*for some reason line-height works properly only if put also in DIV.image_thumb ul li*/}
DIV.image_thumb H2.ArticleMainTitle		{font-size:1.5rem; line-height:110%;}
DIV.image_thumb DIV.ArticleMainDate		{font-size:1.2rem; padding-top:3px;}

@media screen and (min-width: 991px) {
	DIV.image_thumb img		{margin-top:-15%;}
}
@media screen and (max-width: 768px) and (min-width: 481px) {
	DIV.image_thumb H1.ArticleMainTitle		{font-size:1.4rem;}
	DIV.image_thumb H2.ArticleMainTitle		{font-size:1.4rem;}
}
@media screen and (max-width: 480px) {
	#ArticlesRotatorContainer	{ background:#369ce2;}
	DIV.main_image				{width:100%; float:none !important;}
	DIV.image_thumb				{width:100%; float:none !important; position:absolute; bottom:0; z-index:99;}
	DIV.image_thumb .ImgBox		{width:20%;}
	DIV.image_thumb img			{width:100%; height:auto; margin-top:-25%;}
}
@media screen and (max-width: 430px) {
	DIV.image_thumb img				{margin-top:-20%;}
	DIV.image_thumb .ImgBox			{width:25%;}
}
@media screen and (max-width: 380px) {
	DIV.image_thumb img				{margin-top:-15%;}
	DIV.image_thumb .ImgBox			{width:30%;}
}


/*********************************** Events Page ********************************/
IFRAME.Calendar				{width:100%; height:270px; margin-bottom:20px;}

DIV.EventsListContainer		{}
TABLE.EventsListContainer	{width:100%;}

TR.EventsListHeaderRow		{font-weight:bold; padding:4px 6px 4px 6px;}
TH.EventsListHeaderCell		{padding:4px 6px 4px 6px; font-weight:bold;}
TH.EventsListHeaderDate		{}
TH.EventsListHeaderTitle	{}
TH.EventsListHeaderInfo		{}

TR.EventListRow				{vertical-align:top;}
TH.EventListMonth			{font-weight:bold; padding:4px 6px 4px 6px;}
TD.EventListDate			{font-weight:bold; padding:5px; background-color:#f4f8fa;}
TD.EventListTitle			{padding:5px; background-color:#f4f8fa;}
TD.EventListInfo			{padding:5px; background-color:#f4f8fa;}
TD.EventListInfo DIV		{padding-bottom:2px;}
TD.EventListSeperator		{padding-top:3px; border-bottom:#ddd 1px solid;}
TD.EventListPaging			{}

/* Even */
TR.EventListRowEven			{}
TD.EventListDateEven		{}
TD.EventListTitleEven		{}
TD.EventListInfoEven		{}
TD.EventListSeperatorEven	{}

/* Odd */
TR.EventListRowOdd			{}
TD.EventListDateOdd			{}
TD.EventListTitleOdd		{}
TD.EventListInfoOdd			{}
TD.EventListSeperatorOdd	{}


/*********************************** Event Page ********************************/
DIV.EventTitle						{}
DIV.EventSummary					{}
TD.EventDates						{}

/* More Events */  /* in asp also have classes of MoreArticlesContainer */
DIV.MoreEventsContainer				{}
DIV.MoreEventTitle					{}
H2.MoreEventTitle					{}
DIV.MoreEventsItemsContainer		{}
UL.MoreEventsItemsContainer			{}
UL.MoreEventsItemsContainer LI		{}
SPAN.EventsListDate					{}
A.MoreEvent							{}
A.MoreEvent:hover					{}
A.MoreEventCurrent					{}
A.MoreEventCurrent:hover			{}


/*********************************** Images Gallery ********************************/
DIV.ImgGalleryContainer		{}

/*  Lightbox album  */
#lightbox-gallery				{margin:0px auto; font-size:0;}
#lightbox-gallery A.image-link	{
	position:relative;
	display:inline-block; vertical-align:top; padding:4px;
	margin:0 7px 14px 7px;
	text-decoration:none;
	box-shadow:2px 2px 7px rgba(0,0,0,0.3);
	border:#ddd 1px solid; 
	background-color:#fff; line-height:0; text-decoration:none;
	-webkit-transition:0.1s ease-out;
	-moz-transition:0.1s ease-out;
	-o-transition:0.1s ease-out;
	transition:0.1s ease-out;
}
#lightbox-gallery .image-link:hover		{text-decoration:none;}
#lightbox-gallery SPAN					{display:none; /*width:calc(100% - 8px); position:absolute; display:table; bottom:4px; background:rgba(255,255,255,0.7); color:#000; padding:8px 0 5px 0; font-size:1.5rem; line-height:1.8rem;*/}
#lightbox-gallery .gallery-image		{max-width:100%; /*width:7rem;*/ /*border-radius:5px;*/}
/* open image css is in jquery.lightbox-2.7.1.css */

/*  Slideshow  */
DIV.Portfolio				{position:relative; display:table; opacity:0; /* opacity 1 auto after load */}
UL#portfolio				{overflow:hidden; margin:0px; padding:0px;}
LI.Item						{margin:0px; padding:0px; list-style:none; top:0px; left:0px; bottom:0px; right:0px;}
DIV.ImgContainer			{/*padding:4px; border:#b6c6cc 1px solid; box-sizing:border-box;*/margin-bottom:8px;}
LI.Item IMG					{display:block;}
DIV.ItemText				{position:absolute; bottom:0; background-color:rgba(255,255,255,0.8); color:#000;}
DIV.ItemTitle				{font-weight:bold; padding:10px 2% 10px 2%; box-sizing:border-box;}
P.ItemSummery				{margin:-5px 0px 0px 0px; padding:0px 2% 10px 2%; font-weight:normal; box-sizing:border-box;}

/*  Standart */
DIV.ImgGalleryContainer				{text-align:center}
TABLE.ImgGalleryContainer			{width:100%; margin:0px auto;}
TD.ImgGalleryMainContainer			{}
TABLE.ImgGalleryMainContainer		{width:100%;}

TD.ImgGalleryImgContainer			{width:100% !important; display:block; text-align:center; cursor:pointer; position:relative;}
TD.ImgGalleryImgContainer A			{width:100%; height:100%; display:block; position:absolute; top:0; left:0; bottom:0; right:0;}
IMG.ImgGalleryImg					{max-width:100%; height:100% !important; display:block;}

TD.ImgGalleryPannelContainer		{text-align:center;}
TABLE.ImgGalleryPannelContainer		{width:100%; margin:-45px 0 0px 0;}
TABLE.ImgGalleryButtonsContainer	{width:100%; position:relative; padding:10px 30px; z-index:6;}
TD.ImgGalleryButton					{background-color:#fff; white-space:nowrap; padding:1px 8px 2px 8px; border-radius:4px; box-shadow:inset 0 0 10px #999;}
TD.ImgGalleryButton A				{color:#555; font-size:1.3rem; line-height:1.3rem; font-weight:bold; text-decoration:none;}
TD.ImgGalleryButton A:hover			{color:#000; text-decoration:underline;}
TD.ImgGalleryButton:hover			{background-color:#ddd;}

TABLE.ImgGalleryThumbContainer		{width:100%; max-width:100%; /*border:#bbbbbb 1px solid; border-bottom-style:none;*/}
TD.ImgGalleryThumbContainer			{padding-top:6px;}
TR.ImgGalleryThumb					{line-height:0px; display:block; /* block is for bug not center in other pages */}
TD.ImgGalleryThumb					{display:inline-block; padding:0px 3px 6px 3px;}
TD.ImgGalleryThumb A				{display:table;}
/*TD.ImgGalleryThumbSeperator			{display:none}*/
IMG.ImgGalleryThumb					{border:1px solid #757575; cursor:pointer; box-sizing:border-box;}
IMG.ImgGalleryThumbOver				{border:1px solid #EB2E29; cursor:pointer; box-sizing:border-box;}

UL.ImgGalleryThumbContainer			{margin:0px auto; padding:0px;}
LI.ImgGalleryThumb					{display:inline-block; vertical-align:top; margin:0 7px 14px 7px;}

DIV.ImgGalleryTextContainer			{width:100% !important; padding:10px 13px 10px 13px; /*border:#bbbbbb 1px solid; border-top-style:none; */ box-sizing:border-box; background-color:#f4f8fa;}
TABLE.ImgGalleryTextContainer		{width:100%; margin-bottom:5px;}
DIV.ImgGallerySummary				{padding:10px; background-color:rgba(0,0,0,0.1);}
DIV.ImgGalleryTitle					{text-align:center; font-weight:bold; padding-bottom:5px;}
TD.ImgGalleryPaging					{text-align:center; padding-bottom:8px;}
TD.ImgGalleryPaging A				{text-decoration:none;}

/* Image Warpper */
TR.ImgGalleryTop					{}
TD.ImgGalleryTopLeft				{display:none;}
TD.ImgGalleryTop					{display:none;}
TD.ImgGalleryTopRight				{display:none;}

TD.ImgGalleryLeft					{display:none;}
TD.ImgGalleryRight					{display:none;}

TD.ImgGalleryBottomLeft			{display:none;}
TD.ImgGalleryBottom					{display:none;}
TD.ImgGalleryBottomRight				{display:none;}


/******************************* FAQ ******************************/
DIV.FaqContainer				{}
DIV.FaqContainer > UL			{margin:0; padding:0;}
DIV.FaqContainer > UL > LI		{width:100%; display:table; margin-bottom:10px; list-style-type:none; list-style-image:none;}
DIV.FaqQuestionAnswerTitle		{}

DIV.FaqQuestionAnswerTitle H2				{display:block; margin:0; font-size:110%; line-height:115%; font-weight:bold; position:relative; cursor:pointer;}
.LTR DIV.FaqQuestionAnswerTitle H2			{padding:10px 15px 10px 30px;}
.RTL DIV.FaqQuestionAnswerTitle H2			{padding:10px 30px 10px 15px;}
DIV.FaqQuestionAnswerTitle H2:before		{position:absolute; top:10px; font-family:fontawesome;}
.LTR DIV.FaqQuestionAnswerTitle H2:before	{content:"\f0d9"; left:12px;}
.RTL DIV.FaqQuestionAnswerTitle H2:before	{content:"\f0da"; right:12px;}
DIV.FaqQuestionAnswerTitle H2.active:before	{content:"\f0d7";}
DIV.FaqQuestionAnswerTitle H2:hover			{background-color:rgba(0,0,0,0.05);}

DIV.FaqQuestionAnswerBody		{padding:15px 30px 20px 30px;}
DIV.FaqQuestionAnswerBody P		{padding:0px; margin:0px 0px 10px 0px;}
DIV.FaqQuestionAnswerBody P:last-child		{margin:0px;}

A.FaqClose				{height:26px; display:table; text-decoration:none;}
.LTR A.FaqClose			{margin:10px 0px 0px auto;}
.RTL A.FaqClose			{margin:10px auto 0px 0px;}
A.FaqClose:hover		{}
A.FaqClose:before {
    content:"\f00d";
    font-size:20px !important;
    font-weight:normal;
    color:#fff;
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    background:rgba(0,0,0,0.5);
    padding:0 3px 1px 3px;
    border-radius:3px;
    margin-right:7px;
}


/******************************* Content Ratings ******************************/
TD.RatingTitle	{font-size:1.2rem;}
TD.RatingCount	{font-size:1.2rem;}


/******************************* Categories - Gallery View ******************************/
DIV.CategoryItemsContainer			{text-align:center; margin-bottom:20px; opacity:0; /* js show after loading */} /* clearfix */

/* one Article */
DIV.CategoryItemContainer			{vertical-align:top; margin-bottom:20px; box-sizing:border-box; /*  get float + side-margin + width by JQ function in asp file */}
DIV.CategoryItem					{width:100%; display:table;}

DIV.CategoryItemImgContainer		{position:relative; min-height:100px; width:100%; height:auto; overflow:hidden; text-align:center; cursor:pointer;}
DIV.CategoryItemImgContainer IMG	{width:100%; height:auto; display:block;}

DIV.CategoryItemTitle				{width:100%; background:rgba(0,0,0,0.6); position:absolute; right:0; bottom:0; vertical-align:bottom; padding:11px 15px 10px 15px; box-sizing:border-box;}
H2.CategoryItemTitle				{font-weight:bold; font-size:110%; line-height:115%; color:#fff;}
A.CategoryItemTitle					{text-decoration:none; color:#fff; display:block; margin:-10px -15px -10px -15px; padding:10px 15px 10px 15px; box-sizing:border-box;}
A.CategoryItemTitle:hover			{text-decoration:underline; color:#fff;}

DIV.CategoryItemBody				{}
DIV.CategoryItemDesc				{}
SPAN.CategoryItemDesc				{display:block; padding:5px 5px 5px 5px;}

SPAN.SubCategory					{display:block; padding:0px 5px 5px 5px;}
A.SubCategory						{display:block; padding:0px 5px 5px 5px; text-decoration:none;}
A.SubCategory:hover					{text-decoration:underline;}

DIV.SubCategoryLinks				{padding:10px 10px 5px 0px;}

.Two-in-Three						{float:none !important; display:inline-block !important; margin-left:1.5% !important; margin-right:1.5% !important;}

@media screen and (max-width: 480px) {
	DIV.CategoryItemsContainer		{max-width:360px; margin:0px auto 20px auto;}
}

/* only title & image in Hp */
#HomePage DIV.CategoryItemDesc		{display:none;}
#HomePage DIV.SubCategoryLinks		{display:none;}


/******************************* Categories - List View ******************************/
TD.CategoryListItemTitle			{padding:7px 15px 4px 15px;}
H2.CategoryListItemTitle			{font-weight:bold; font-size:110%; line-height:115%;}
H2.CategoryListItemTitle A			{text-decoration:none;}
H2.CategoryListItemTitle A:hover	{text-decoration:underline;}

TD.CategoryListItem					{padding:4px 15px 4px 15px; border-style:none;}
H3.CategoryListItem					{font-weight:normal; font-size:100%; line-height:115%;}
H3.CategoryListItem A				{text-decoration:none;}
H3.CategoryListItem A:hover			{text-decoration:underline;}


/*********************************** Forum ********************************/
DIV.forumTableContainer			{background-color:#bbbbbb; padding:1px;}
TABLE.forumTableContainer		{background-color:#fcfcfc;}
TD.forumTitle					{padding:4px 6px 4px 6px;}
TD.ForumSearch INPUT.input		{width:calc(50% - 40px); max-width:160px;}
TD.ForumSearch INPUT.button		{min-width:66px; padding:0px 10px 2px 10px; font-size:1.5rem;}
TD.ForumSearch SELECT			{width:calc(50% - 40px); max-width:160px; font-size:1.2rem;}
TD.forumDescription				{padding:10px; color:#ffffff;}

@media screen and (max-width: 480px)	{
	TD.ForumSearch			{width:160px; display:flex; flex-direction:column; flex-wrap:wrap;}
	TD.ForumSearch INPUT.input		{width:100%; margin-bottom:3px;}
	TD.ForumSearch SELECT			{width:100%; margin-bottom:3px;}
}

TABLE.forumSearchResultsContainer	{border:0px solid #000000; border-collapse:collapse;}
TR.forumSearchResults				{}

TD.forumMessageContent			{padding:2px 3px 2px 3px;}
TD.forumMessageContent A		{font-weight:bold;}
TD.forumMessageContent A:HOVER	{}

TD.forumMessageContent TABLE	{border-top:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#f4f8fa;}
.forumMessageContentDescr		{border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#f4f8fa; padding:4px 4px 0px 5px;}

TD.forumMessagePostedBy			{font-size:1.3rem; padding:4px 3px 2px 3px;}
TD.forumMessageDate				{padding:4px 3px 2px 3px; font-size:1.2rem;}
.forumMessageSeperator			{background-color:#525151;}

A.forumButtonNewTopic			{font-weight:bold; text-decoration:none;}
A.forumButtonNewTopic:hover		{text-decoration:underline;}


/* Forum Index */
DIV.forumIndexTableContainer	{background-color:#bbbbbb; padding:1px;}
TABLE.forumIndexTableContainer	{background-color:#fcfcfc;}
TD.forumSecondaryTitle			{padding:4px 6px 4px 6px; border-bottom:#525151 1px solid;}
A.forumTitle					{font-weight:bold; text-decoration:none;}
A.forumTitle:hover				{text-decoration:underline;}

TABLE.forumIndexTableContainer	TD.forumMessageContent			{background-color:#f4f8fa; padding:2px 4px 2px 4px; font-size:85%; border-bottom:#dae6e8 1px solid;}
TABLE.forumIndexTableContainer	TD.forumMessageContent A		{font-weight:bold;}
TABLE.forumIndexTableContainer	TD.forumMessageContent A:HOVER	{}

TABLE.forumIndexTableContainer	TD.forumMessagePostedBy			{background-color:#f4f8fa; font-size:1.2rem; padding:4px 3px 2px 3px; border-bottom:#dae6e8 1px solid;}
TABLE.forumIndexTableContainer	TD.forumMessageDate				{background-color:#f4f8fa; font-size:1.2rem; padding:4px 4px 2px 4px; border-bottom:#dae6e8 1px solid;}
TABLE.forumIndexTableContainer	.forumMessageSeperator			{background-color:#525151;}

TABLE.forumIndexTableContainer	TD.forumDescription				{padding:10px; height:16px; color:#000000;}

/* Submit response */
TD.forumResponseOrginalMsg		{padding-top:5px;}
TABLE.forumResponseOrginalMsg	{border:1px solid #000000; background-color:#f4f8fa; width:100%; padding:5px;}

.forumNavigation				{margin-top:5px; background-color:#ffe49b;}

.ForumA				{text-decoration:underline; cursor:pointer; color:#000000; font-weight:bold;}
.ForumAResponse		{color:#666666 !important;}
.Author				{cursor:pointer;}

.forumMessageTools	{padding:0px 3px; margin:5px -3px 4px -3px; background-color:#f4f8fa;}

.response IMG		{margin:1px 5px 1px 5px; border:none; vertical-align:middle; display:block;}


@media screen and (max-width: 480px)	{
	TD.forumMessageDate			{white-space:normal !important; font-size:1.1rem;}
	TD.forumMessagePostedBy		{font-size:1.2rem;}
	TABLE.forumIndexTableContainer TD.forumMessageDate		{white-space:normal !important; font-size:1.1rem;}
	TABLE.forumIndexTableContainer TD.forumMessagePostedBy	{font-size:1.2rem;}
}


/** Forum forms - Add Response / Add Subject **/
DIV.ForumAddContainer			{width:100%; max-width:500px; display:inline-block; padding:10px; margin-top:10px; border:#bbbbbb 1px solid; box-sizing:border-box;}
DIV.ForumFormLine				{}
DIV.ForumFormLine > DIV			{padding:0px 10px 5px 10px; box-sizing:border-box;}
DIV.ForumLabel					{padding:4px 10px 2px 10px;}
SPAN.ForumTitleElements			{padding:0px 10px 5px 10px; box-sizing:border-box;}
INPUT.ForumForm					{margin-bottom:10px;}
TEXTAREA.ForumForm				{margin-bottom:10px;}
DIV.ForumFormLine INPUT.button	{margin-right:20px;}

@media screen and (max-width: 580px) {
	DIV.ForumFormLine > DIV						{float:none !important;}
	DIV.ForumFormLine > DIV.ForumLabel			{width:100% !important;}
	DIV.ForumFormLine > DIV INPUT.ForumSmily	{width:100% !important;}
	DIV.ForumFormLine > DIV INPUT.ForumForm		{width:100% !important;}
	DIV.ForumFormLine > DIV TEXTAREA.ForumForm	{width:100% !important;}
	DIV.ForumFormLine > SPAN.ForumTitleElements	{width:100% !important;}
	DIV.ForumFormLine A.Smily					{}
}


/****************************** Contact Us ******************************/
TD.sBodyTD						{}
TD.sBodyTD TD					{padding:3px 5px 3px 15px;}
TD.sBodyTD TD.wizard			{padding-top:8px !important;}
TD.sBodyTD TD.wizardRequired	{padding-top:8px !important;}

@media screen and (max-width: 480px) {
	TD.sBodyTD TD		{width:100%; display:block;}
}


/******************************** Subscription ****************************/
DIV.subscribeContainer				{max-width:460px; display:inline-block; padding:20px; background-color:#f4f8fa; border:#bbbbbb 1px solid;}
DIV.SubscribeLine					{margin:0px auto 0px auto;}
DIV.SubscribeLine > DIV				{padding:0px 10px 0px 10px;}
DIV.SubscribeLine > DIV LABEL		{padding:4px 0px 2px 0px; display:inline-block;}
DIV.SubscribeLine > DIV SPAN.Label	{padding:4px 0px 2px 0px; display:inline-block;}
.buttonSubscribe					{margin:0px 10px 0px 10px;}
.subscribeFormWide					{width:220px; margin-bottom:10px; min-width:160px;} /* min-width ==> for subscribe shop */
.subscribeForm						{width:220px; margin-bottom:10px; min-width:160px;} /* min-width ==> for subscribe shop */
INPUT.subscribeForm					{}
TEXTAREA.subscribeForm				{height:60px;}
SELECT.subscribeForm				{min-width:162px;} /* min-width ==> for subscribe shop */
DIV.subscribeContainer HR			{margin-bottom:15px;}
.subscribeContainer FIELDSET		{}
.subscribeContainer LEGEND			{}
DIV.subscribeRrequiredMsg			{}

@media screen and (max-width: 480px) {
	DIV.SubscribeLine				{max-width:240px;}
	DIV.SubscribeLine > DIV			{float:none !important;}
	DIV.SubscribeLine TABLE TD		{width:100%; display:block;}
}


/*********************************** SiteMap ***************************************/
DIV.SiteMapContainer		{}
DIV.SiteMapColumn			{width:48%;}
H2.SiteMapHeaderNode		{margin:0px; margin-top:12px; font-size:115%; line-height:115%; display:block; padding:5px 8px 4px 8px;}
A.SiteMapHeaderNode			{text-decoration:none;}
A.SiteMapNode				{text-decoration:none; color:#101010;}
UL.SiteMap					{margin:0px; padding:0px;}
UL.SiteMap LI				{margin:0px; list-style-image:none; list-style-type:none;}
LI.SiteMapNode				{padding:5px 10px 0px 10px; list-style-image:none; list-style-type:none; font-weight:normal; border-style:none;}
UL.SiteMapMain				{margin:0px; padding:0px;}
UL.SiteMapMain LI			{margin:0px; list-style-image:none; list-style-type:none;}
LI.SiteMapMainNode			{padding:5px 8px 5px 8px; font-size:100%; line-height:115%; font-weight:normal; border-bottom:#dddddd 1px solid; color:#101010;}

A.SiteMapHeaderNode:hover	{text-decoration:underline;}
A.SiteMapNode:hover			{text-decoration:underline; color:#0164a8;}

LI.SiteMapEvenRow			{background-color:#f8fcff;}
LI.SiteMapOddRow			{background-color:#ecf0f2;}

@media screen and (max-width: 480px)	{
	DIV.SiteMapColumn		{width:100%;  float:none !important}
}


/*********************************** Messages ********************************/
TABLE.Massege		{margin-top:20px;}
TABLE.massege		{margin-top:20px;}
TD.MessageTitle		{font-weight:bold; padding-bottom:5px;}
TD.MessageBody		{padding-bottom:15px;}
TD.MessageLink		{}
A.MessageLink		{}
A.MessageLink:hover	{}


/********************************** Campaigns *******************************/
DIV.CampaignDescription		{text-align:center; padding-bottom:10px;}

TD.MsgContainer			{text-align:center;}
TD.ArticlesContainer	{padding-top:10px;}


/********************************** RSS *******************************/
DIV.rssMessage				{text-align:center; padding:10px;} /* ?? */
DIV.rssContainer			{border:#bbbbbb 1px solid; word-break:break-all;}
DIV.rssContainer > DIV		{padding:2px 10px 2px 10px; border-bottom:#ffffff 1px solid; border-top:#e2e9f7 1px solid; color:#101010;}
DIV.rssContainer A			{ color:#101010;}
DIV.rssContainer A:hover	{ color:#0164a8;}
DIV.rssEvenRow				{background-color:#f8fcff;}
DIV.rssOddRow				{background-color:#ecf0f2;}


/********************************** Login *******************************/
DIV.PermissionMsg			{font-weight:bold; color:red; padding-top:10px; margin-bottom:10px;}
DIV.LoginFormsContainer		{}
INPUT.LoginForms			{min-width:160px;}

DIV.LoginNewColumn						{width:48%; margin-bottom:10px;}
TABLE.LoginNewMemberContainer			{width:100%; border:#bbbbbb 1px solid; color:#101010; background-color:#f4f8fa;}
TABLE.LoginNewMemberContainer TABLE		{width:90% !important;}
TABLE.LoginNewMemberContainer TD		{padding:3px 5px 4px 5px;}
TABLE.LoginNewMemberContainer A			{text-decoration:underline;}
TABLE.LoginNewMemberContainer A:hover	{text-decoration:none;}
TD.LoginNewMemberTitle					{padding:3px 10px 4px 10px; font-weight:bold; border-bottom:#cdcdcd 1px solid; background-color:#dae6e8;}
H2.LoginNewMemberTitle					{font-size:120%;}

DIV.LoginExistingColumn						{width:48%; margin-bottom:10px;}
TABLE.LoginExistingMemberContainer			{width:100%; border:#bbbbbb 1px solid; color:#101010; background-color:#f4f8fa;}
TABLE.LoginExistingMemberContainer TD		{padding:3px 5px 4px 5px;}
TABLE.LoginExistingMemberContainer A		{text-decoration:underline;}
TABLE.LoginExistingMemberContainer A:hover	{text-decoration:none;}
TD.LoginExistingMemberTitle					{padding:3px 10px 4px 10px; font-weight:bold; border-bottom:#cdcdcd 1px solid; background-color:#dae6e8;}
H2.LoginExistingMemberTitle					{font-size:120%;}

@media screen and (max-width: 768px) {
	DIV.LoginNewColumn			{width:100%; float:none !important;}
	DIV.LoginExistingColumn		{width:100%; float:none !important;}
}


/********************************** Search Results *******************************/
TD.SearchMsg					{font-weight:bold; border-bottom:solid 1px #bcbcbc; padding-bottom:10px;}
TABLE.SearchResultsContainer	{width:100%;}
TD.SearchResultsContainer		{padding-top:20px;}
TD.SearchResultCategory			{font-weight:bold; padding-bottom:5px;}
H2.SearchResult					{font-size:100%;}
TD.SearchResult					{font-weight:bold; padding-bottom:5px;}
UL.SearchResults				{margin:5px 0px 10px 0px; border-bottom:solid 1px #ddd; padding-bottom:20px;}
LI.SearchResult					{margin-top:5px; font-size:90%;}
A.SearchResult					{display:inline-block; vertical-align:text-top; margin:-3px 0px 5px 0px;}
A.SearchResult:hover			{}
DIV.SearchResultLocation		{font-weight:normal; color:#a5a3a4; padding-bottom:8px;}
DIV.SearchResultSummary			{font-weight:normal; padding-top:5px;}
TD.SearchResultsPages			{background-color:#f4f8fa; border:#bbbbbb 1px solid;}
.highlight						{display:inline-block; margin:0 !important; padding:3px 8px !important; background-color:#ffffcc !important; color:#000 !important;}
.PageTitle SPAN.highlight		{display:inline-block;}


/********************************** Parameters *******************************/
TABLE.ItemParametersContainer		{width:100%; background-color:#dddddd; margin:15px 0px 10px 0px;}
TD.ItemParmeterFamily				{padding:4px 6px 4px 6px; font-weight:bold;}
TD.ItemParmeterCaption				{padding:4px 6px 4px 6px; font-weight:bold; background-color:#dddddd;}
TD.ItemParmeterValue				{padding:4px 6px 4px 6px; background-color:#f4f8fa;}

DIV.ArticlesListParametersCart		{font-weight:bold; margin-top:5px; color:#369ce2;}
DIV.ArticlesGalleryParametersCart	{font-weight:bold; margin:5px 0px 5px 0px; padding:2px; border:#bbbbbb 1px solid; text-align:center; color:#369ce2;}
A.ArticlesListParametersCart		{font-size:1.1rem; font-weight:bold;}
A.ArticlesGalleryParametersCart		{font-size:1.1rem; font-weight:bold;}

TABLE.ParametersFilterContainer		{width:100%; margin-bottom:20px; border:#dddddd 1px solid; background-color:#f4f8fa;}
TABLE.ParametersFilterContainer TD	{padding:3px 5px 3px 5px;}
TD.ParametersFiltersCaption			{padding:4px 6px 4px 6px !important; font-weight:bold;} /* title */
TD.ParametersFamilyCaption			{padding:4px 6px 4px 6px !important; font-weight:bold;} /* sub title */
TD.ParametersFilter					{}
TD.ParametersFiltersButton			{padding:10px 10px 10px 10px !important;}
select.ParametersFilter				{width:200px; font-size:1.1rem;}
.ParametersFilterSubmit				{width:65px;}
.ParametersFilterClear				{width:95px;}


/********************************** Compare *******************************/
DIV.ComparePgAllItems			{margin-bottom:10px;}
TABLE.ComparePgAllItems			{}
TABLE.ComparePgAllItems TD		{padding:3px 5px 3px 5px; border-top:#eeeeee 1px solid;}
TD.ComparePgSelectMsg			{border-top-style:none !important; padding-bottom:6px !important;}
A.ComparePgItem					{font-weight:bold;}
TD.ComparePgSelectButton		{padding:10px 0px 0px 0px !important; text-align:right;}

TABLE.ComparedItems				{width:100%; background-color:#dddddd; border:#dddddd 1px solid;}
TABLE.ComparedItems TD			{border-top:#bbbbbb 1px solid; border-left:#bbbbbb 1px solid;}
TD.ComparedItemsSpacerImg		{width:20%;}
TD.ComparedItemImg				{text-align:center; width:25%; padding:5px; background-color:#ffffff;}
TD.ComparedItemTitle			{font-weight:bold; text-align:center; padding:4px 6px 4px 6px;}
TD.ComparedItemTitle A			{}
TD.ComparedItemButton			{text-align:center; background-color:#EFEFEF;}
TD.ComparedParamPriceCaption	{background-color:#7C96EB; color:#ffffff; font-weight:bold;}/*???*/
TD.ComparedParamPriceValue		{background-color:#7C96EB; color:#ffffff; font-weight:bold; text-align:center;}/*???*/
TD.ComparedParamFamily			{padding:4px 6px 4px 6px; font-weight:bold;}
TD.ComparedParamCaption			{font-weight:bold; padding:4px 6px 4px 6px;}
TD.ComparedParamValue			{font-weight:normal; background-color:#f4f8fa; padding:2px 10px 3px 10px;}


/********************************** Horizontal Categories *******************************/
DIV.ArticlesListSubCategory		{padding:3px 8px 3px 8px; font-weight:bold; background-color:#dae6e8; color:#000000;}
TD.ArticlesGallerySubCategory	{padding:3px 8px 3px 8px; font-weight:bold; background-color:#dae6e8; color:#000000;}