/*** Added Classes ***/
.align		{float:left;}
.oppAlign	{float:right;}

.clearfix:before, .clearfix:after	{content:""; display:table;}
.clearfix:after		{content:"."; display:block; clear:both; height:0; font-size:0; line-height:0; visibility:hidden;} 
.clearfix			{zoom:1;}

.width-100z	{width:100%; /*display:table;*/} /*display:table; === bug in owl-carousel */

.main-container		{position:relative; /*overflow:hidden; XXX ==> make top bar small screens absilute cut */ min-height:100%; box-sizing:border-box;} /*padding-top = top-line-height + 10*/
.wrapper			{width:98%; max-width:1003px; margin:0px auto; direction:ltr; text-align:left;}
.full-size-row		{} /* all row sections */


/**************************************************************************************************/
/******************************************  All pages  *******************************************/ /* All pages */

/************************ Top line ************************/
/* searchJO in small screen (under 480) */
/* English button in small screen (under 480) */
.top-line				{display:none; height:40px; position:fixed; top:0; right:0; left:0; background-color:rgba(5,89,151,0.9); z-index:9995; box-shadow:0 1px 8px rgba(0,0,0,0.3); border-bottom:#4c80b4 1px solid; -webkit-transform:translateZ(0);}

/************************ Header line ************************/
/* logo  */
/* srarch in screens over 480 */
/* socizAl banners screens over 480 */
.header-line				{position:absolute; text-align:center; top:0px; left:0px; right:0px; background-color:rgba(5,89,151,0.8);}
#InnerPage .header-line		{position:static; top:auto; left:auto; right:auto;}
DIV.header					{/*height:171px;*/ height:144px;}
A.logo						{display:table; margin-top:9px; /*min-width:245px; max-width:245px;*/ min-width:200px; max-width:200px; width:24.4%; /* % = logo img width devided by 990*/}
A.logo IMG					{display:block; width:100%; height:auto;}
DIV.header-oppAlign			{text-align:right;}

/************************ Top bar line ************************/
/* Top bar */
.top-bar-line			{position:absolute; text-align:center; /*top:128px;*/ top:101px; left:0px; right:0px; z-index:999;}
.top-bar-line.stick		{position:fixed; top:0; right:0; left:0; float:none; margin:auto; z-index:9995; background-color:rgba(5,89,151,0.9); box-shadow:0 1px 8px rgba(0,0,0,0.3); -webkit-transform:translateZ(0);}
.top-bar-line.stick DIV.top-bar		{float:none; margin:auto; top:auto; right:auto; padding:0px;}
.top-bar-line.stick DIV.top-bar UL.sm-bar		{float:none; margin:auto;}
DIV.top-bar				{padding-left:315px; position:relative; box-sizing:border-box;}

/************************ Search Doctor line ************************/
#HomePage .docSearch-line		{background-color:#055997;}
#InnerPage .docSearch-line		{background-color:#f0f3f5;}

/************************ Footer Line ************************/
/* freebox-footer */
/* bottom bar */
.footer-line		{background:url('../Grid_0_Eng/footerBg.gif') no-repeat center center / cover;}
.bottom-bar-line	{background:#055997; padding-bottom:12px;}
#bottomBar			{width:100%; padding-right:200px; box-sizing:border-box;}
#daronet			{margin-left:-200px;}

#go-top		{width:50px; height:50px; display:inline-table; position:fixed; right:2%; bottom:5px; font-size:45px; padding-top:3px; border-radius:50%; background-color:#fff; box-shadow:4px 4px 14px rgba(0,0,0,0.9); opacity:0.7; z-index:9999; cursor:pointer; box-sizing:border-box;}
.fa-arrow-circle-up	{}


/**************************************************************************************************/
/*************************************  only Home page  *******************************************/ /* only Home page */

/************************ Slider line ************************/
/* slider-cycle | css is at page bottom */

/************************ HomePage long freebox Line ************************/
/* Freebox 2 */
.freebox-line		{background-color:#ffffff;}

/************************ HomePage 4 Banners Line ************************/
/* Freebox 3 */
/* nav-awesome 273 */
.nav-awesome-line		{padding:55px 0px 40px 0px; background:url('../Grid_0_Eng/expert-bg.jpg') no-repeat center center / cover;}



/**************************************************************************************************/
/************************************  only Inner page  *******************************************/ /* only Inner page */

/************************ Media line ************************/
/* media-cycle */
.media-line				{background-color:#ffffff;}

/************************ Content line ************************/
.conent-line			{background-color:#ffffff; padding-top:30px;}

/* right side ==>		side bar | freebox 7 | banner 2 */
/* center-left ==>		page content */
DIV.side-area			{width:22.25%; height:auto;}
DIV.center-side			{width:74.8%; height:auto;}


/************************************  only Members page  *******************************************/
DIV.no-slider-space		{height:180px;}


/************************ @media Query for stracture ************************/

@media screen and (max-width: 990px) {
	#HomePage .main-container	{padding-top:141px;} /* for slider umder header */
	.wrapper					{width:95%;}
	.top-line					{padding-right:65px;} /* make space for  main-bar open button **/
	.header-line				{box-shadow:0 1px 8px rgba(0,0,0,0.3); border-bottom:#fff 1px solid;}
	DIV.header					{height:auto; padding-bottom:10px;}
	.top-bar-line				{position:static; top:auto; right:auto; left:auto; background-color:rgba(255,255,255,0.8);}
	DIV.top-bar					{padding-left:0;}
	.nav-awesome-line			{background:url('../expert-bg2.jpg') no-repeat center center / cover;}
	.footer-line				{background:url('../footerBg2.gif') no-repeat center center / cover;}
}

@media screen and (max-width: 990px) and (min-width: 520px) {
	A.logo						{min-width:200px; max-width:200px;}
}

@media screen and (max-width: 990px) and (min-width: 769px) {
	DIV.side-area			{width:23.9%;}
	DIV.center-side			{width:73.5%;}
}

@media screen and (max-width: 768px) {
	DIV.side-area			{width:100%; float:none !important; display:table;}
	DIV.center-side			{width:100%; float:none !important;}
}

@media screen and (min-width: 521px) {
	.header-line				{z-index:9; /* fuck the login under 521px */}
}

@media screen and (max-width: 520px) {
	#HomePage .main-container	{padding-top:174px;} /* for slider under header */
	.top-line					{display:block;}
	A.logo						{margin:55px auto 4px auto; float:none !important; min-width:170px; max-width:170px;}
	DIV.header-oppAlign			{clear:both; display:table; text-align:center; margin:0px auto; float:none !important;}
	DIV.no-slider-space			{height:200px;}
}

@media screen and (max-width: 480px) {
	#bottomBar					{margin:0px auto; float:none !important; padding:0;}
	#bottomBar UL.NavigationBarSimple	{text-align:center;}
	#daronet					{display:inline-table; margin:0px auto; float:none !important;}
}



/******************************************************************************************************/
/*********************************** Modules **********************************************************/
DIV.ModuleContainer			{}
DIV.ModuleInner				{}
DIV.ModuleTitleContainer	{}
DIV.ModuleTitle				{}
DIV.ModuleTitle A			{text-decoration:none;}
DIV.ModuleTitle A:hover		{}
H3.ModuleTitle				{display:inline;}

DIV.ModuleText				{}

/********  Global classes for  top-line modules - login | shopping-cart | contactUs |  !!! not search  *********/
/*** structure code ***/
.item-top-line						{height:20px; margin:7px 0px 0px 5px; padding:4px 10px 9px 10px; display:inline-table; position:relative;}
.item-top-line.icon-active			{}

A.item-top-line-open				{height:20px; display:table; color:#fff; font-size:1.5rem; line-height:2.1rem; font-weight:bold; text-decoration:none;}
A.item-top-line-open:hover			{color:#274f83; text-decoration:underline;}
A.item-top-line-open .fa			{font-size:18px; line-height:20px; color:#fff; margin-right:5px;}

A.item-top-line-close				{height:26px; display:block; position:absolute; top:7px; left:7px; color:#fff; text-align:center; font-size:1.5rem; line-height:2.6rem; font-weight:bold; padding:0px 0px 0px 32px; text-decoration:none; background:url('../x-closeM.png') no-repeat left top;}
A.item-top-line-close:hover			{color:#fff; text-decoration:underline;}
A.item-top-line-close IMG			{border:none;}

/***/

/*** item box code ***/
DIV.item-top-line-box				{position:absolute; top:33px; right:0px; padding:0px 20px 10px 20px; background:rgba(51,110,155,0.9); box-shadow:0 4px 8px 0px rgba(0,0,0,0.4) , inset 0 10px 10px -10px rgba(0,0,0,0.5); border-radius:5px; color:#666; display:none; z-index:11111; box-sizing:border-box;}

/***/

@media screen and (max-width: 621px) {
	A.item-top-line-open			{font-weight:normal;}
	A.item-top-line-open SPAN		{display:none;}
}


@media screen and (max-width: 521px) { /* only icon */
	.item-top-line					{position:static; margin:7px 2px 0px 0px; padding:4px 6px 4px 6px;}
	.item-top-line.icon-active		{background-color: rgba(255,255,255,0.2); border-radius:5px; box-shadow:inset 0 0 6px #ccc;}
	DIV.item-top-line-box			{width:100%; position:absolute; top:40px; left:0; right:0; border-bottom:#719ec1 1px solid; float:none;}
	A.item-top-line-open			{/*padding-right:20px;*/ /* if img [not fa] icon width */}
	A.item-top-line-open .fa		{}
}


/*********************************** login JQ ******************************/
/*** structure code ***/
#loGin						{margin:31px 0px 0px 0px; position:relative; z-index:9996;}
#LoginJQ					{margin:0px !important;}
#LoginJQ.icon-active		{}

A.LoginOpen					{color:#ffffff; /*padding-left:26px; background:url('../login_icon.png') no-repeat left top;*/}
A.LoginOpen:hover			{color:#ffffff; text-decoration:underline;}

A.LoginClose				{}
A.LoginClose:hover			{}

@media screen and (max-width: 990px) and (min-width: 521px) {
	#loGin						{margin:2px 0px 0px 0px;}
	A.LoginOpen .fa-user		{margin-right:6px;}
}

@media screen and (max-width: 520px) {
	#loGin						{margin:0px; position:fixed; top:0px; right:110px;}
	A.LoginOpen .fa-user		{margin:0px 2px 0px 2px;}
	A.LoginOpen					{font-weight:normal;}
	A.LoginOpen SPAN			{display:none;}
}

/***/

/*** login code ***/
DIV.LoginBox					{color:#ffffff;}
DIV.LoginBox INPUT.button		{} /* All Login buttons */
DIV.LoginBox INPUT.button:hover	{} /* All Login buttons */

/*^ Login Container ^*/
DIV.LoginContainer				{} /* have class LoginBox */
DIV.LoginInner					{width:230px; margin:45px auto 10px auto; padding:0px 5px 0px 5px; box-sizing:border-box;}
DIV.LoginContainer FORM			{display:inline-table;}
DIV.LoginContainer H3			{display:none; /*display:block; font-size:1.8rem; line-height:2.1rem; margin:0px 21px 5px 24px; padding:3px 0px 0px 0px;*/}

DIV.LoginInput					{display:table; margin:0px 0px 6px 0px; background:#dbe3e8; border-radius:5px; border-radius:5px;}
INPUT.login						{width:220px; height:30px; font-size:15px; line-height:28px; border-style:none; background:transparent; padding:0px 10px 0px 10px; border-radius:5px; overflow:hidden; box-sizing:border-box;}
INPUT.LogintMail				{width:220px; height:30px; color:transparent !important; border-style:none; background:url('..../Grid_0_Eng/login_mail.png') no-repeat left center; border-radius:5px; overflow:hidden;}
INPUT.LogintPass				{width:220px; height:30px; color:transparent !important; border-style:none; background:url('..../Grid_0_Eng/login_pass.png') no-repeat left center; border-radius:5px; overflow:hidden;}
DIV.LoginContainer BR			{clear:both;}

DIV.loginRemember				{width:100%; margin-top:2px; text-align:left; float:left; font-size:1.2rem;}
DIV.loginRemember LABEL			{bottom:1px;}
DIV.loginRemember INPUT			{}
DIV.LoginContainer INPUT.loginButton	{width:70px; float:right; padding:0; margin:8px 0px 0px 0px;}

/*^ Login Greeting ^*/
DIV.LoginGreeting						{text-align:center; color:#ffffff;} /* have class LoginBox */
DIV.LoginGreetingInner					{width:220px; margin:40px auto 10px auto;}
DIV.LoginGreeting H3					{display:block; font-size:1.5rem; line-height:1.8rem; margin:0px; padding:0px 5px 0px 5px;}
DIV.LoginGreeting INPUT.button			{margin:15px 5px 0px 5px; padding:0;}
DIV.LoginGreeting INPUT.logout			{width:75px;}
DIV.LoginGreeting INPUT.update			{width:120px;}

/*^ Login Extra Links ^*/
DIV.loginForgot				{float:left; padding:14px 0px 0px 1px;}
DIV.loginForgot A			{color:#ffffff; font-weight:bold; text-decoration:none;}
DIV.loginForgot A:hover		{color:#ffffff; text-decoration:underline;}
/*DIV.loginSubscribe		{float:left; margin-top:5px;}
DIV.loginSubscribe A		{color:#609f23; text-decoration:none;}
DIV.loginSubscribe A:hover	{color:#609f23; text-decoration:underline;}*/

/***/

@media screen and (max-width: 521px) { /* only icon */
	#loGin						{margin:7px 0px 0px 0px;}
	#LoginJQ					{}
	#LoginJQ.icon-active		{}
	A.LoginOpen					{/*padding-left:20px;*/ /* if img [not fa] icon width */}
	DIV.LoginBox				{position:fixed; border-radius:0px;}
	DIV.LoginInner				{text-align: center;}
	DIV.LoginInner FORM			{margin:auto;}
}


/*********************************** Shopping cart (JQ) ******************************/
/*** structure code ***/
#ShoppingCartJQ							{}
#ShoppingCartJQ.icon-active				{}

A.ShoppingCartOpen						{/*padding-left:22px; background:url('../cart_icon.png') no-repeat left top;*/}
A.ShoppingCartOpen:hover				{}
A.ShoppingCartOpen .fa-shopping-cart	{}

A.ShoppingCartClose						{}
A.ShoppingCartClose:hover				{}

/***/

/*** cart code ***/
DIV.ShoppingCartBox				{}
TABLE.ShoppingCartContainer		{width:210px; margin:45px 10px 10px 10px; background:rgba(255,255,255,0.6);}
/*H3.CartTitle					{color:#231f20; font-size:1.8rem; line-height:2.1rem; font-weight:normal; line-height:16px;}*/
TD.CartItemsContainer			{vertical-align:top; padding:10px 20px 15px 20px;}
TABLE.CartItemsContainer		{}
TABLE.CartItemsContainer TD		{}
TR.cartItem						{}
TD.chartNumber					{font-size:1.3rem; padding-top:8px; text-align:left; line-height:1.4rem;}
TD.chartLink					{width:157px; font-size:1.4rem; line-height:1.4em; text-align:left; padding-top:6px;}
TD.chartLink A					{color:#333333; text-decoration:none;}
TD.chartLink A:hover			{color:#333333; text-decoration:underline;}

INPUT.shopCartButton			{width:70px; float:right; padding:0; margin:15px 0px 0px 0px;}

/***/

/******** @media Query ********/
@media screen and (max-width: 768px) { /* only icon */
	#ShoppingCartJQ					{}
	#ShoppingCartJQ.icon-active	{}
	A.ShoppingCartOpen				{/*padding-left:16px;*/ /* if img [not fa] icon width */}
	DIV.ShoppingCartBox		{}
	TABLE.ShoppingCartContainer		{width:250px; margin:40px auto 10px auto; border-radius:10px;}
}


/******************************** Contact Us ****************************/
/*** structure code ***/
#ContactJQ						{}
#ContactJQ.icon-active			{}

A.ContactOpen					{/*padding-left:22px; background:url('../cart_icon.png') no-repeat left top;*/}
A.ContactOpen:hover				{}
A.ContactOpen .fa-envelope-o	{}

A.ContactClose					{}
A.ContactClose:hover			{}

/***/

/*** contact code ***/
DIV.ContactBox		{/*box-shadow:0 4px 4px rgba(0,0,0,0.3);*/}

#ContactJQ DIV.ContactFrm			{width:230px; margin:45px 10px 10px 10px; padding:15px 20px 15px 20px; background:rgba(255,255,255,0.6); box-sizing:border-box;}
#ContactJQ DIV.ContactTitle			{display:none; /*padding-bottom:10px;*/}
#ContactJQ DIV.ContactTitle H3		{/*display:inline; color:#ff8c37; font-weight:normal; font-size:2.1rem; line-height:2.4rem;*/}
#ContactJQ DIV.ContactBody			{width:100%; display:table; box-sizing:border-box;}

#ContactJQ DIV.InputsContainer		{margin:0px 0px 10px 0px;}
#ContactJQ DIV.TxtAreaContainer		{margin:0px 0px 10px 0px;}
#ContactJQ DIV.ButtonContainer		{text-align:left;}

#ContactJQ INPUT.wizard			{width:100%; height:30px; color:#666666; background-color:#ffffff; font-size:15px; line-height:24px; padding:0px 10px 0px 10px; border:0;}
#ContactJQ TEXTAREA.wizard		{width:100%; height:60px; color:#666666; background-color:#ffffff; font-size:15px; padding:4px 10px 4px 10px; overflow:auto; border:0; resize:none;}
#ContactJQ SELECT.wizard		{width:100%; height:30px; color:#666666; background-color:#ffffff; font-size:15px; line-height:24px; padding:6px 6px 6px 6px; border:0;}
#ContactJQ INPUT.button			{width:70px; float:right; padding:0; margin:15px 0px 0px 0px;}
#ContactJQ LABEL				{font-size:13px;}

#ContactJQ DIV.ContactMsg					{height:0px; overflow:hidden; font-size:1.5rem; line-height:1.5rem;}
#ContactJQ DIV.ContactMsg A.red				{display:block; text-align:center; margin:0px -10px 0px -10px; padding:0px; text-decoration:none;}
#ContactJQ DIV.ContactMsg A.red:active,
#ContactJQ DIV.ContactMsg A.red:focus		{background:transparent; color:red; outline:none;}

#ContactJQ DIV.ContactThanx		{display:none; /* width:100%; background:#bbbbbb; padding:40px 20px 40px 20px; font-weight:bold; box-sizing:border-box; */}

/***/

/******** @media Query ********/
@media screen and (max-width: 768px) { /* only icon */
	#ContactJQ					{}
	#ContactJQ.icon-active	{}
	A.ContactOpen				{/*padding-left:16px;*/ /* if img [not fa] icon width */}
	DIV.ContactBox		{}
	#ContactJQ DIV.ContactFrm		{width:250px; margin:40px auto 10px auto; border-radius:10px;}
}


/******************************** Search ****************************/
/******** standart search ********/
DIV.SearchContainer		{display:table; float:right; clear:right; margin:27px 0px 0px 18px;}
TABLE.Search			{height:25px; background-color:#f6f6f6; border-radius:4px;}
TD.SearchInp			{}
TD.SearchBut			{vertical-align:baseline;}
TD.SearchSectionTitle	{/*color:#8C8C8C; font-size:11px; font-weight:bold;*/}
INPUT.Search			{width:133px; height:25px; font-size:15px; background-color:#f6f6f6; color:#0b4f86; border-style:none; border-right-style:none; line-height:23px; padding:0px 10px 0px 10px; box-sizing:border-box; border-radius:4px;}
INPUT.SearchBut			{transform:scaleX(-1); padding:6px 8px 5px 8px; border-radius:4px 0px 4px 4px;}

/******** SearchJQ ********/
/*** structure code ***/
#search480						{display:none;}
#SearchJQ						{height:20px; margin:7px 0px 0px 2px; padding:4px 6px 4px 6px;}

#SearchJQ.icon-active			{background-color:rgba(255,255,255,0.2); border-radius:5px; box-shadow:inset 0 0 6px #ccc;}
#SearchJQ A.SearchOpen			{display:inline-table; height:20px; text-align:left; text-decoration:none; /*padding-left:16px; background:url('../search_icon.png') no-repeat right top;*/}
A.SearchOpen .fa-search			{font-size:18px; line-height:20px; color:#fff; margin-right:5px;}

A.SearchClose					{height:26px; display:block; position:absolute; top:7px; left:7px; color:#fff; text-align:center; font-size:1.5rem; line-height:2.6rem; font-weight:bold; padding:0px 0px 0px 32px; text-decoration:none; background:url('../x-closeM.png') no-repeat left top;}
A.SearchClose:hover				{color:#fff; text-decoration:underline;}
A.SearchClose IMG				{border:none;}

/***/

/*** search code ***/
#SearchJQ DIV.SearchContainer	{display:none; width:100%; position:absolute; margin:0; top:40px; right:0; left:0; background:rgba(51,110,155,0.9); border-bottom:#719ec1 1px solid; float:none; box-shadow: 0 4px 8px 0px rgba(0,0,0,0.4) , inset 0 10px 10px -10px rgba(0,0,0,0.5);}
#SearchJQ TABLE.Search			{margin:40px auto 20px auto;}

/***/

/******** @media Query ********/
@media screen and (max-width: 990px) and (min-width: 521px) {
	DIV.SearchContainer		{margin:95px 0px 0px 87px; float:none;}
}

@media screen and (max-width: 620px) {
	DIV.SearchContainer			{margin:95px 20px 0px 40px;}
}

@media screen and (max-width: 520px) {
	DIV.SearchContainer			{display:none; /*margin:0px auto 10px auto; float:none;*/}
	#search480					{display:inline-table;}
	A.SearchOpen .fa-search		{margin:0px;}
}


/******************************** Ticker Vertical (JQ) ****************************/
DIV.TickerContainer		{margin-bottom:30px; box-sizing:border-box;}
DIV.TickerInner			{width:100%; position:relative;}

DIV.TickerTitle			{padding:0px 0px 7px 0px; border-bottom:#27326a 2px solid;}
H3.TickerTitle			{color:#27326a; font-weight:bold; font-size:2rem; line-height:2.3rem;}
A.TickerPlayer			{padding:0px 2px 0px 2px; background-color:#1e3787; display:table; position:absolute; top:2px; right:0px; cursor:pointer;}
A.TickerPlayer:hover	{background-color:#377aac;}
A.TickerPlayer IMG		{display:block; border:0;}

DIV.TickerBodyContainer		{padding:20px 20px 25px 10px; background-color:#f7f9fa;}
DIV.TickerBody				{height:125px; position:relative; overflow:hidden; visibility:hidden; color:#686c78;}
DIV.tickerBody IMG			{float:right; margin:3px 0px 7px 10px;}
.TickerBody UL				{position:absolute; width:100%; padding:0; margin:0;}
.TickerBody UL LI			{margin:0px 0px 20px 0px; padding:0; list-style:none; list-style-image:none;}

H4.TickerHeadLine			{font-size:1.5rem; line-height:1.8rem; font-weight:bold; color:#1e3787; padding:0; margin:0px 0px 2px 0px; display:inline;}
H4.TickerHeadLine A			{text-decoration:none; color:#686c78;} 
H4.TickerHeadLine A:hover	{text-decoration:underline; color:#068ade;} 
P.TickerText				{width:100%; padding:0; font-size:1.5rem; line-height:1.8rem; margin:4px 0px 0px 0px; display:inline-table; clear:both;}
P.TickerText IMG			{float:right; margin:5px 0px 5px 10px;}
SMALL.TickerDate			{font-size:1.3rem; font-weight:normal; display:block;}

@media screen and (max-width: 480px) {
	DIV.TickerContainer			{padding-top:7px; border-top:#27326a 2px solid;}
}


/******************************** Ticker Horizontal (JQ) ****************************/
DIV.Horz_TickerContainer		{width:100%; height:30px; margin-bottom:5px;}
DIV.Horz_TickerInner			{position:relative;}

DIV.Horz_TickerTitle			{width:140px; height:30px; position:absolute; top:0px; left:0px;}
H3.Horz_TickerTitle				{font-size:140%; color:#274f83; font-weight:normal; font-size:2.1rem; line-height:2.4rem; display:block; margin:0px; padding:2px 0px 0px 0px;}
A.Horz_TickerPlayer				{background-color:#005696; padding:0px 2px 0px 2px; display:table; position:absolute; top:5px; left:90px; cursor:pointer;}
A.Horz_TickerPlayer IMG			{display:block; border:0;}

DIV.Horz_TickerBodyContainer	{width:100%; float:right; padding:4px 0px 4px 140px; box-sizing:border-box;}
DIV.Horz_TickerBody				{height:22px; position:relative; overflow:hidden; visibility:hidden;}
DIV.ScrollingItems				{position:absolute; white-space:nowrap; height:22px;}
P.Horz_TickerSep				{margin:0px; display:inline;}
IMG.Horz_TickerSep				{vertical-align:top; width:1px; height:12px; overflow:hidden; margin:5px 15px 0px 15px; background-color:#666666;}
P.Horz_TickerSep IMG.Last		{display:none;}

H2.Horz_TickerHeadLine			{font-size:1.5rem; line-height:2rem; font-weight:bold; display:inline;}
H2.Horz_TickerHeadLine A		{text-decoration:none;} 
H2.Horz_TickerHeadLine A:hover	{text-decoration:none;} 
P.Horz_TickerText				{height:20px; line-height:20px; padding:0; margin:0px 10px 0px 10px; display:inline; font-size:1.5rem; line-height:2rem;}
IMG.Horz_TickerPhoto			{height:16px; margin:4px 10px -4px 0px;}
SMALL.Horz_TickerDate			{font-size:1.3rem; font-weight:normal; margin-left:10px; display:inline;}


/********************************* Banners *****************************/
.AllBanners IMG		{display:block;}

/** social banners **/
DIV.social-banners-container		{float:right;}
DIV.banner-social					{float:right; text-align:right; margin:27px 0px 0px 10px;}
DIV.banner-social:last-child		{margin:27px 10px 0px 10px;} /* language */
DIV.banner-social IMG				{background:transparent !important;}

@media screen and (max-width: 990px) and (min-width: 521px) {
	DIV.social-banners-container	{padding:0px 20px 0px 0px; margin:-92px 50px 0px 0px; float:none;}
	DIV.banner-social				{margin:0px 0px 0px 10px;}
	DIV.banner-social:last-child	{margin:0px 10px 0px 10px;} /* language */
}
@media screen and (min-width: 521px) {
	#social768 DIV.banner-social		{display:none;}
}
@media screen and (max-width: 520px) {
	.header-oppAlign DIV.banner-social		{display:none;}
	DIV.banner-social				{float:left; text-align:left; margin:8px 0px 0px 15px;} /* in top line */
	DIV.banner-social:last-child	{margin:8px 0px 0px 20px;} /* in top line */
	DIV.banner-social IMG			{} /* in top line */
}

/** Ip right **/
DIV.side-banners-container		{margin-bottom:20px;}
DIV.side-banner			{width:100%; margin-bottom:10px; text-align:center;}
DIV.side-banner A		{max-width:220px; margin:auto; display:table; text-align:center;}
DIV.side-banner IMG		{width:100% !important; height:auto !important; display:block;}


/******************************** Media ****************************/
#mediaCycle				{height:300px; opacity:0; position:relative; direction:rtl; margin-bottom:20px;} /* no width */
DIV.mediaCycleInner		{background:#fff url('../loading.gif') no-repeat 50% 50%; position: relative;} /* no padding, no side-margin */
#mediaCycle A			{}
#mediaCycle IMG			{display:block; border:0; position:absolute; top:0px; right:0px;}

/** Arrows **/
A.mediaArrow		{width:32px; height:32px; display:block; position:absolute; top:35%; z-index:999; /*display:none !important;*/}
A#mediaPrevArrow	{left:20px;}
A#mediaNextArrow	{right:20px;}

#mediaCycle .fa						{font-size:24px; line-height:24px; background:rgba(255,255,255,0.4); color:rgba(1,71,130,1); border-radius:50%;}
#mediaCycle .fa-angle-left		{padding:6px 9px 3px 6px;}
#mediaCycle .fa-angle-right		{padding:6px 6px 3px 9px;}

/** Circles **/
#mediaCycle .circles-container			{/*display:none !important;*/} /* use this for centering the circles */
#mediaCycle #circles					{position:absolute; bottom:10px; right:10px; padding:0px; margin:0px; z-index:999;}
#mediaCycle #circles LI.cycleTab		{display:block; margin:0px 5px 0px 5px; float:right; list-style-type:none; list-style-image:none;}
#mediaCycle #circles LI.cycleTab A				{width:12px; height:12px; display:block; background:#fff; border:#055997 1px solid; border-radius:100%;}
#mediaCycle #circles LI.cycleTab A:hover		{background:#055997; border:#fff 1px solid;}
#mediaCycle #circles LI.activeSlide A			{background:#055997 !important; border:#fff 1px solid !important; cursor:default;}
#mediaCycle #circles LI.activeSlide A:hover		{background:#055997; border:#fff 1px solid;}
#mediaCycle #circles LI.activeSlide A:focus		{background:#055997; border:#fff 1px solid;}

/** Mask **/
#mediaCycle DIV.mask		{display:none;/*position:absolute; top:0; height:200px; background:url('../mediaMask.png') no-repeat; z-index:899;*/}
#mediaCycle DIV.right-m		{/*right:0; width:8px; background-position:right top;*/}
#mediaCycle DIV.left-m		{/*left:0; width:8px; background-position:left top;*/}

@media screen and (max-width: 768px) and (min-width: 481px) {
	#mediaCycle #circles		{bottom:10px;}
	A.mediaArrow				{width:18px; height:18px; background-size:cover !important; top:20%;}
}

@media screen and (max-width: 480px) {
	#mediaCycle #circles		{bottom:5px;}
	A.mediaArrow				{display:none !important; /*width:18px; height:18px; background-size:cover !important; top:20%;*/}
	#mediaCycle #circles LI.cycleTab A	{width:10px; height:10px; border:#fff 1px solid;}
}

/** play / stop **/
#mediaCycle DIV.play-stop			{display:none !important; /* remove this line for accessability */}
@media screen and (min-width: 990px) { /* play / stop for accessability over 990 */
	#mediaCycle DIV.play-stop		{display:table; padding:4px; background-color:rgba(255,255,255,0.8); border-radius:8px; position:absolute; right:10px; top:10px; z-index:999;}
	A#media-play-stop				{width:24px; height:24px; display:table; position:relative; border-radius:6px;}
	A#media-play-stop.playing		{background:rgba(1,1,1,0.7) url('../PauseTicker.png') no-repeat center center;}
	A#media-play-stop.resting		{background:rgba(1,1,1,0.7) url('../StartTicker.png') no-repeat center center;}
}


/******************************** FreeBox ****************************/
DIV.FreeBoxContainer			{}
DIV.FreeBoxInner				{}
DIV.FreeBoxItemContainer		{}
DIV.FreeBoxTitleContainer		{}
DIV.FreeBoxTitle				{}
H3.FreeBoxTitle					{ color:#1e3787;}
H3.FreeBoxTitle A					{ color:#1e3787;}
H3.FreeBoxTitle A:hover			{}
DIV.FreeBoxBody					{}
DIV.FreeBoxBody P				{margin:0px 0px 10px 0px;}
DIV.FreeBoxBody P:last-child	{margin:0px;}


/*^ Freebox 1 (Footer) ^*/
#FooterLinks_Section1		{}
DIV.FooterLinksContainer	{opacity:0; /* js show after loading */ margin:40px 0px 20px 0px; padding:0px 10% 0px 10%;}
UL.FooterLinks				{width:100%; display:table; padding:0px; margin:0px;}

/* Footer Item */
LI.FooterLinksItem			{padding:0px 40px 0px 0px; margin-bottom:10px; list-style-type:none; list-style-image:none;}
LI.FooterFirst				{padding:0px 40px 0px 0px; display:inline-table;}
DIV.FooterLinksTitle		{padding:0px 0px 14px 0px;}
H4.FooterLinksTitle			{color:#000; font-size:130%; line-height:120%; font-weight:bold;}
A.FooterLinksTitle			{color:#000; text-decoration:none;}
A.FooterLinksTitle:hover	{color:#00a35c; text-decoration:underline;}
DIV.FooterLinksBody			{color:#17609c; font-size:90%; line-height:120%;}
DIV.FooterLinksBody P		{margin:0px 0px 8px 0px;}
DIV.FooterLinksBody A		{color:#17609c; text-decoration:none;}
DIV.FooterLinksBody A:hover	{color:#00a35c; text-decoration:underline;}

@media screen and (max-width: 990px) and (min-width: 769px) {
	LI.FooterLinksItem	{background-color:rgba(255,255,255,0.5); box-shadow:inset 0 0 15px rgba(0,0,0,0.2); border-radius:8px; padding:20px; border-style:none; box-sizing:border-box;}
	LI.FooterLinksItem:nth-child(3n+1) {}
}

@media screen and (max-width: 768px) and (min-width: 481px) {
	DIV.FooterLinksContainer	{padding:0px;}
	LI.FooterLinksItem	{background-color:rgba(255,255,255,0.5); box-shadow:inset 0 0 15px rgba(0,0,0,0.2); border-radius:8px; padding:20px; border-style:none; box-sizing:border-box;}
	LI.FooterLinksItem:nth-child(2n+1) {}
}

@media screen and (max-width: 480px) {
	LI.FooterLinksItem	{text-align:center; border-style:none; padding:0px; float:none !important;}
	DIV.FooterLinksItemInner::after	{content: " _________________________ "; color:#fff; border-bottom:#bbb 1px solid;}
}


/**^  FreeBox 2 (Hp top center full-size) ^**/
#FreeBox_Section2 DIV.FreeBoxContainer			{width:100%; margin:0px 0px 30px 0px;}
#FreeBox_Section2 DIV.FreeBoxInner				{padding:55px 150px 0px 150px;}
#FreeBox_Section2 DIV.FreeBoxItemContainer		{margin-bottom:30px;}
#FreeBox_Section2 DIV.FreeBoxTitle				{text-align:center; padding-bottom:20px;}
#FreeBox_Section2 H3.FreeBoxTitle				{color:#005696; font-size:3.3rem; line-height:3.7rem; font-weight:normal;}
#FreeBox_Section2 H3.FreeBoxTitle A				{color:#005696; text-decoration:none;}
#FreeBox_Section2 H3.FreeBoxTitle A:hover		{color:#005696; text-decoration:underline;}
#FreeBox_Section2 DIV.FreeBoxBody				{text-align:center; font-size:2rem; line-height:2.6rem;}

@media screen and (max-width: 990px) {
	#FreeBox_Section2 DIV.FreeBoxInner				{padding:0px 10% 0px 10%;}
}


/**^  FreeBox 3 (Hp center 2 full-size) ^**/
#FreeBox_Section3 DIV.FreeBoxContainer			{width:100%; margin:0px 0px 30px 0px;}
#FreeBox_Section3 DIV.FreeBoxInner				{padding:0px 150px 0px 150px;}
#FreeBox_Section3 DIV.FreeBoxItemContainer		{margin-bottom:30px;}
#FreeBox_Section3 DIV.FreeBoxTitle				{text-align:center; padding-bottom:20px;}
#FreeBox_Section3 H3.FreeBoxTitle				{color:#005696; font-size:3.3rem; line-height:3.7rem; font-weight:normal;}
#FreeBox_Section3 H3.FreeBoxTitle A				{color:#005696; text-decoration:none;}
#FreeBox_Section3 H3.FreeBoxTitle A:hover		{color:#005696; text-decoration:underline;}
#FreeBox_Section3 DIV.FreeBoxBody				{text-align:center;}

@media screen and (max-width: 990px) {
	#FreeBox_Section3 DIV.FreeBoxInner				{padding:0px 10% 0px 10%;}
}


/**^  FreeBox 7 (Ip right) ^**/
#FreeBox_Section7 DIV.FreeBoxContainer			{margin-bottom:30px; box-sizing:border-box;}
#FreeBox_Section7 DIV.FreeBoxInner				{}
#FreeBox_Section7 DIV.FreeBoxItemContainer		{margin-bottom:20px;}
#FreeBox_Section7 DIV.FreeBoxTitle				{padding:0px 0px 7px 0px; border-bottom:#27326a 2px solid;}
#FreeBox_Section7 H3.FreeBoxTitle				{color:#27326a; font-weight:bold; font-size:2rem; line-height:2.3rem;}
#FreeBox_Section7 H3.FreeBoxTitle A				{color:#274f83;}
#FreeBox_Section7 H3.FreeBoxTitle A:hover		{}
#FreeBox_Section7 DIV.FreeBoxBody				{padding:14px 20px 20px 10px; background-color:#f7f9fa;}

@media screen and (max-width: 480px) {
	#FreeBox_Section7 DIV.FreeBoxContainer			{padding-top:7px; border-top:#27326a 2px solid;}
}


/******************************** Quick Subscription ****************************/
TABLE.QuickSubscription			{}
TD.QuickSubscriptionMsg			{}
INPUT.QuickSubscription			{}
INPUT.ButtonQuickSubscription	{}


/******************************** Navigation Title ****************************/
DIV.NavigationTitle		{width:100%; display:table; padding:0px 0px 7px 0px; border-bottom:#27326a 2px solid; box-sizing:border-box;}
H3.NavigationTitle		{color:#27326a; font-weight:bold; font-size:2rem; line-height:2.3rem;}

@media screen and (max-width: 768px) {
	DIV.NavigationTitle.open		{padding:7px 10px 7px 10px; background:#377aac url('../x-closeV-white.png') no-repeat right 7px; cursor:pointer;}/* x-closeV-white.png */
	DIV.NavigationTitle.closed		{padding:7px 10px 7px 10px; background:#377aac url('../toMenu-vert-white.png') no-repeat right 7px; cursor:pointer;}/* toMenu-vert-white.png */
	H3.NavigationTitle		{color:#fff;}
}


/******************************* DARONET *****************************/
TABLE.daronet		{direction:ltr; margin-top:14px;}
TD.daronet_link		{font-family:Arial; vertical-align:top; padding:0px 5px 0px 5px; line-height:15px; white-space:nowrap;}
A.Daronet			{font-size:13px; font-weight:normal; color:#fff; text-decoration:none;}
A.Daronet:hover		{color:#fff; text-decoration:none;}


/************************ Paging ******************************************************/
DIV.dbsPages-container	{/* padding:6px 0px 5px 0px; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; */}
OL.dbsPages				{height:30px; margin:0px auto 0px auto; padding:0px; position:relative; display:table;}

.dbsPages LI			{line-height:21px; /**/ display:inline-table; /*float:right;*/ margin:3px; font-size:90%; font-weight:bold; list-style-image:none; list-style-type:none;}
.dbsPages LI.first_item	{/*position:absolute; right:10%;*/}
.dbsPages LI.last_item	{/*position:absolute; left:10%;*/}

.dbsPages LI A, .dbsPages LI A:hover	{text-decoration:none;}
.dbsPages LI A IMG		{margin:3px 5px -3px 5px !important;}

SPAN.dbsPaging			{display:inline-table; white-space:nowrap; background-color:#eee; color:#333; border:#ccc 1px solid; padding:0 7px; border-radius:4px;}
SPAN.dbsCurrentPage		{font-weight:bold; background-color:#666; color:#fff;}
.dbsPages LI A:hover SPAN.dbsPaging		{background-color:#666; color:#fff;}


/****************************************************************************/
IMG.security		{border-width:1px; border-color:gray;}



/******************************************************************************************************************************/
/******************************************************* Media Cycle Slider ***************************************************/
.slider-line		{overflow:hidden; margin:0px auto 0px auto;}

DIV.sliderCycleContainer		{width:100%; display:table; position:relative;}
DIV#sliderCycle					{width:100%; height:1px; display:table; /*overflow:hidden;*/}
DIV.sliderCycleInner			{width:100%; height:100%; position:absolute; top:0px; right:0px; /*background:url('loading.gif') no-repeat 50% 50%;*/ direction:ltr;}
DIV.cycle-item					{width:100% !important; height:auto !important;}
#sliderCycle A					{display:block;}
#sliderCycle IMG				{display:block; border:none; cursor:pointer; width:100%; /*width:100% !important; */height:auto !important;}

@media screen and (min-width: 1601px) { /* big screens */
	DIV#sliderCycle					{height:638px !important;}
	DIV.sliderCycleInner			{height:638px !important;}
	#sliderCycle IMG				{width:1920px !important; height:638px !important;}
}

@media screen and (max-width: 1600px) and (min-width: 1300px) { /* big screens */
	DIV#sliderCycle					{height:532px !important;}
	DIV.sliderCycleInner			{height:532px !important;}
	#sliderCycle IMG				{width:1600px !important; height:532px !important;}
}

@media screen and (max-width: 1300px) and (min-width: 991px) { /* big screens */
	DIV#sliderCycle					{height:456px !important;}
	DIV.sliderCycleInner			{height:456px !important;}
	#sliderCycle IMG				{width:1372px !important; height:456px !important;}
}

@media screen and (max-width: 768px) { /* small screens */
	.slider-line				{border-bottom:#304b82 3px solid;}
	/*#sliderCycle IMG			{width:200% !important;}*/
}

/***** output (animated title & text) /*****/
DIV.output					{opacity:1; width:auto !important; max-width:500px; overflow:hidden; display:inline-table; position:absolute; left:10%; right:auto !important; direction:ltr; text-align:center; z-index:500;}
/* title */
DIV.output H2				{width:100%; margin:0px; display:block; background-color:rgba(5,89,151,0.8); color:#ffffff; padding:10px 20px 10px 20px; text-align:left; font-size:4.4rem; line-height:5rem; font-weight:normal; box-sizing:border-box;}
DIV.output H2 A				{display:block; color:#fff; text-decoration:none;}
DIV.output H2 A:hover		{color:#fff; text-decoration:underline;}
DIV.output H2 A:focus		{color:#fff; text-decoration:underline;}
/* text */
DIV.output P					{width:100%; margin:0px; padding:0px 20px 10px 20px; background-color:rgba(5,89,151,0.8); text-align:left; color:#fff; font-size:27px; line-height:31px; box-sizing:border-box;}
/* read more */
DIV.output A.ReadMore			{display:table !important; height:25px; background:#ed145b; color:#ffffff; margin:20px auto 0px auto; padding:0px 35px 0px 35px; border-radius:14px; border-bottom:#9a103d 2px solid; font-size:18px; line-height:48px; text-decoration:none;} /* right % = nicer animation */
DIV.output A.ReadMore SPAN		{display:none; /*font-weight:bold; font-size:1.3rem; line-height:23px;*/} /* Read More Arrow */
DIV.output A.ReadMore:hover		{background:#ab3753; border-bottom:#7d1a32 2px solid; text-decoration:none;}
DIV.output A.ReadMore:focus		{background:#ab3753; border-bottom:#7d1a32 2px solid; text-decoration:none;}

@media screen and (min-width: 769px) {
	DIV.output:not(.output-flat)		{opacity:0; /* for load */}
	DIV.output-flat						{display:inline-table !important;}
}
@media screen and (max-width: 990px) { /* small screens */
	DIV.output H2			{font-size:3.4rem; line-height:3.8rem;}
	DIV.output P			{font-size:19px; line-height:23px;}
}
@media screen and (max-width: 768px) { /* small screens */
	DIV.output				{height:180px !important; display:table; background:#dee6f2; border:0; max-width:100%; width:100% !important; position:relative; left:0 !important; right:0 !important;}
	DIV.output H2			{width:100% !important; color:#333333; padding-top:10px; background-color:transparent;}
	DIV.output H2 A			{color:#333333;}
	DIV.output H2 A:hover	{color:#333333;}
	DIV.output P			{width:100% !important; color:#333333; background-color:transparent; margin-bottom:10px;}
}
@media screen and (max-width: 480px) { /* small screens */
	DIV.output				{height:200px !important;}
	DIV.output H2			{font-size:2.6rem; line-height:3rem; margin-bottom:5px;}
}


/***** Arrows *****/
.sliderCycleContainer A.CycleArrow		{position:absolute; top:45%; z-index:999;}
.sliderCycleContainer #prevArrow		{right:20px;}
.sliderCycleContainer #nextArrow		{left:20px;}

.sliderCycleContainer .fa							{font-size:24px; line-height:24px; background:rgba(255,255,255,0.7); color:rgba(1,71,130,1); border-radius:50%;}
.sliderCycleContainer .fa-angle-left				{padding:7px 17px 8px 14px;}
.sliderCycleContainer .fa-angle-right				{padding:7px 14px 8px 17px;}
.sliderCycleContainer A.CycleArrow.Disabled  .fa	{background:rgba(255,255,255,0.3); color:rgba(1,71,130,0.4); cursor:default;}

@media screen and (max-width: 480px) { /* small screens */
	.sliderCycleContainer A.CycleArrow				{display:none !important;}
}


/** circles **/
.sliderCycleContainer DIV.circlesContainer			{height:18px; position:absolute; right:10px; bottom:10px; z-index:999; /* no margin-bottom */}
.sliderCycleContainer UL#circles					{margin:0; padding:0px; direction:ltr; display:inline-table;}
.sliderCycleContainer #circles LI.cycleTab			{display:block; margin:0px 5px 0px 5px; float:right; list-style-type:none; list-style-image:none;}
.sliderCycleContainer #circles LI.cycleTab A				{width:12px; height:12px; display:block; background:#fff; border:#055997 1px solid; border-radius:100%;}
.sliderCycleContainer #circles LI.cycleTab A.Disabled		{background:#fff; border:#055997 1px solid; cursor:default; opacity:0.3;}
.sliderCycleContainer #circles LI.cycleTab A:hover			{border:#055997 1px solid;}
.sliderCycleContainer #circles LI.cycleTab A:focus			{border:#055997 1px solid;}
.sliderCycleContainer #circles LI.activeSlide A				{background:#055997 !important; border:#fff 1px solid !important; cursor:default;}
.sliderCycleContainer #circles LI.activeSlide A:hover		{background:#055997; border:#fff 1px solid;}
.sliderCycleContainer #circles LI.activeSlide A:focus		{background:#055997; border:#fff 1px solid;}

/** tabs **/
.sliderCycleContainer DIV.tabsContainer			{width:100%; /* no height */ padding:0 1% 0 1%; position:absolute; text-align:center; right:0px; left:0px; z-index:999; box-sizing:border-box;}
.sliderCycleContainer UL#tabs					{width:100%; max-width:990px; margin:0 auto; padding:0px; direction:ltr; display:inline-table;}
/* optional - longer tabs area on bigger screens */
/*@media screen and (min-width: 1240px) {
	.sliderCycleContainer DIV.tabsContainer		{padding:0 10% 0 10%;}
	.sliderCycleContainer UL#tabs					{max-width:none;}
}*/
@media screen and (max-width: 768px) { /* small screens - more space between circles */
	.sliderCycleContainer DIV.tabsContainer		{display:table; background:#ffffff; width:100% !important; position:relative; top:0 !important; bottom:auto !important;}
}
.sliderCycleContainer #tabs LI.cycleTab						{display:inline-table; float:left; margin-top:5px; margin-bottom:5px; text-align:center; list-style:none;}
.sliderCycleContainer #tabs LI.cycleTab A.Tab				{background:#fdef92; color:#444444; text-decoration:none; padding:12px 10px 14px 10px; display:block;}
.sliderCycleContainer #tabs LI.cycleTab A.Disabled:hover	{background:#fdef92 !important; color:#444444 !important; text-decoration:none; cursor:default;} /* same as A.Tab */
.sliderCycleContainer #tabs LI.cycleTab A.Disabled:focus	{background:#fdef92 !important; color:#444444 !important; text-decoration:none; cursor:default;} /* same as A.Tab */
.sliderCycleContainer #tabs LI.cycleTab A.Tab:hover			{background:#ffd201; color:#000000; text-decoration:none;}
.sliderCycleContainer #tabs LI.cycleTab A.Tab:focus			{background:#ffd201; color:#000000; text-decoration:none;}
.sliderCycleContainer #tabs LI.activeSlide					{}
.sliderCycleContainer #tabs LI.activeSlide A.Tab			{background:#c50235 !important; color:#ffffff !important; text-decoration:none;}
.sliderCycleContainer #tabs LI.activeSlide A.Tab:hover		{background:#c50235 !important; color:#ffffff !important; text-decoration:none;}
.sliderCycleContainer #tabs LI.activeSlide A.Tab:focus		{background:#c50235; color:#ffffff; text-decoration:none;}

.sliderCycleContainer #tabs LI H2 	{margin:0; padding:0; display:block; font-weight:normal; font-size:2.1rem; line-height:2.3rem;}
.sliderCycleContainer #tabs LI P 	{margin:0; padding:0; display:none;}

/*** Example for centered circles ***//*
.sliderCycleContainer DIV.tabsContainer			{width:100%; height:18px; position:absolute; right:0px; bottom:10px; z-index:9999; padding:0; z-index:999; display:inline-table;}
.sliderCycleContainer UL#circles				{margin:0; padding:0px; direction:ltr; display:inline-table; clear:left; float:left; position:relative; left:50%;}
.sliderCycleContainer #circles LI.cycleTab		{display:block; margin:0px 5px 0px 5px; float:right; position:relative; right:50%; list-style-type:none; list-style-image:none;}
*/

/** play / stop **/
.sliderCycleContainer DIV.play-stop		{display:none !important; /* remove this line for accessability */}
@media screen and (min-width: 990px) { /* play / stop for accessability over 990 */
	.sliderCycleContainer DIV.play-stop		{display:table; padding:4px; background-color:rgba(255,255,255,0.8); border-radius:8px; position:absolute; right:10px; top:10px; z-index:999;}
	A#cycle-play-stop				{width:24px; height:24px; display:table; position:relative; border-radius:6px;}
	A#cycle-play-stop.playing		{background:rgba(1,1,1,0.7) url('../PauseTicker.png') no-repeat center center;}
	A#cycle-play-stop.resting		{background:rgba(1,1,1,0.7) url('../StartTicker.png') no-repeat center center;}
}




/***************************************  Index  **********************************************/
/*** Search Box   (_Indexing/SearchIndexingInc.asp) ***/
DIV.SearchIndex {overflow:hidden;
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	-ms-transition: all 1.2s ease;
	transition: all 1.2s ease;
}
DIV.index-search-inner				{margin-bottom:20px;}
DIV.index-search-inner DIV			{}
DIV.index-search-title				{color:#ffffff; padding:17px 4px 15px 4px; font-size:33px; line-height:36px; font-weight:bold;}
#InnerPage DIV.index-search-title	{color:#1e3787;}
DIV.InputContainer					{width:18.4%; float:left; padding:0px 4px 0px 4px; margin-bottom:10px; box-sizing:border-box;}
DIV.SelectContainer					{width:18.4%; float:left; padding:0px 4px 0px 4px; margin-bottom:10px; box-sizing:border-box;}
DIV.ButtonContainer					{width:8%; float:left; margin-bottom:10px; padding:0px 4px 0px 4px; box-sizing:border-box;}
DIV.InputContainer INPUT			{width:100%; height:44px; line-height:42px; font-size:14px; border:0; padding:0px 8px 0px 8px; border-radius:6px; box-sizing:border-box;}
DIV.SelectContainer SELECT			{width:100%; height:44px; line-height:42px; font-size:14px; border-radius:6px; border:0; padding:0px 8px 0px 8px;}
DIV.ButtonContainer INPUT			{width:100%; height:47px; line-height:42px; font-size:16px; padding:0px;}
#HomePage DIV.ButtonContainer INPUT	{border-bottom-color:#0a1547;}
DIV.index-search-label				{display:none;}

@media screen and (max-width: 1002px) {
	DIV.InputContainer			{width:50%;}
	DIV.SelectContainer			{width:31%;}
	DIV.ButtonContainer			{width:12%;}
}

@media screen and (max-width: 768px) {
	DIV.InputContainer			{width:52%;}
	DIV.SelectContainer			{width:43%;}
	DIV.ButtonContainer			{width:14%;}
}

@media screen and (max-width: 540px) {
	DIV.SearchIndex.open		{height:420px;}
	DIV.SearchIndex.closed		{height:60px;}
	DIV.SearchIndex.open DIV.index-search-title		{padding:0px 4px 15px 4px; background:url('../x-closeV-white.png') no-repeat right 7px; cursor:pointer;}
	DIV.SearchIndex.closed DIV.index-search-title	{padding:0px 4px 15px 4px; background:url('../toMenu-vert-white.png') no-repeat right 7px; cursor:pointer;}
	#InnerPage DIV.SearchIndex.open DIV.index-search-title		{background-image:url('../x-closeV.png');}
	#InnerPage DIV.SearchIndex.closed DIV.index-search-title	{background-image:url('../toMenu-vert.png');}
	DIV.index-search-inner		{padding:10px 15px 15px 15px;}
	DIV.InputContainer			{width:100%; float:none !important;}
	DIV.SelectContainer			{width:100%; float:none !important;}
	DIV.ButtonContainer			{width:50%; float:none !important; margin-left:auto; margin-right:auto;}
}

/*** Results  (_Indexing/MainIndexing.asp) ***/
DIV.IndexPage				{position:relative;}
DIV.indexTitle				{font-size:2.5rem; font-weight:bold; margin-bottom:15px; padding:0; border:0;}
DIV.MainIndexing		{}

DIV.indexFound			{color:#005696; margin-bottom:25px; font-weight:bold;}
A.index-link			{background-color:#00a157; color:#fff; text-decoration:none; padding:5px 20px 6px 20px; margin:0px 0px 0px 6px; border-radius:5px;}
A.index-link:hover		{background-color:#377aac; color:#fff; text-decoration:none;}

DIV.IndexigHeadLine				{width:100%; display:table; font-size:1.9rem; line-height:2.2rem; font-weight:bold; color:#1e3787; margin:0px 0px 12px 0px; box-sizing:border-box;}
DIV.IndexTable					{}

TABLE.indexContainerHeader				{position:absolute; top:40px; right:0px;}
.MainIndexing .item						{width:49%; background-color:#f0f3f5; display:table; margin-bottom:12px; padding:20px 13px 20px 13px; vertical-align:middle; box-sizing:border-box;}
.MainIndexing .item:nth-child(even)		{margin-right:1px; float:left;}
.MainIndexing .item:nth-child(odd)		{margin-left:1px; float:right;}
.MainIndexing .item TD					{vertical-align:top;}
.MainIndexing .item .inner				{width:100%; display:table-cell; vertical-align:middle; color:#313842;}
.MainIndexing .item TD.Entry			{padding:0px 11px 10px 18px;}
.MainIndexing .IndexigCorner			{display:table-cell; vertical-align:middle; padding-left:15px;}
.MainIndexing .IndexigCorner A			{background-color:#377aac; display:table; white-space:nowrap; cursor:pointer; border-radius:5px; padding:0px 20px 0px 20px; font-size:1.7rem; color:#fff; text-align:center; line-height:3rem; text-decoration:none;}

.MainIndexing .item .title			{padding-bottom:5px; font-size:1.7rem; line-height:1.9rem;}
.MainIndexing .item .title A		{color:#1e3787; text-decoration:none;}
.MainIndexing .item .title A:hover	{color:#00a35c; text-decoration:none;}

.MainIndexing .item .summary		{padding-top:8px;}
.MainIndexing .item .phone			{}
.MainIndexing .item TD.image		{}
.MainIndexing .item TD.image IMG	{display:block; /*width:100% !important; height:auto !important;*/}

.MainIndexing .item HR			{display:none;}

@media screen and (max-width: 680px) {
	DIV.indexFound				{text-align:center;}
	DIV.indexFound H4			{float:none !important; display:block; margin:0px; padding:0x;}
	DIV.indexFound > DIV		{float:none !important; border-top:#ccc 1px solid; margin-top:7px; padding-top:7px; display:inline-table;}

    .MainIndexing .Full_3-2-2-1 > DIV						{width:100% !important; margin-bottom:30px !important;}
	.MainIndexing .Full_3-2-2-1 > DIV:nth-of-type(2n+1)		{float:none !important;}
	.MainIndexing .Full_3-2-2-1 > DIV:nth-of-type(2n)		{float:none !important;}
}
@media screen and (max-width: 580px) and (min-width: 381px) {
	.MainIndexing .item .inner				{width:100%; display:table; color:#313842;}
	.MainIndexing .IndexigCorner			{display:table; padding-left:0px; padding-top:5px;}
}
@media screen and (max-width: 380px) { /* 1 items */
	.MainIndexing .item			{width:100% !important; float:none !important;}
}

/*** Add new / Update ***/
/* Tabs (_Includes\IndexingcFuncLib.asp) */
TABLE.WizardTabs			{background-color:#377aac; margin:0px 0px 10px 0px;}
TABLE.WizardTabs TD			{padding:4px 15px 5px 15px; border:#fff 1px solid;}
TABLE.WizardTabs A			{color:#ffffff; display:table; margin:-4px -15px -4px -15px; padding:4px 15px 5px 15px; text-decoration:none;}
TABLE.WizardTabs A:hover	{background-color:#00a157; color:#ffffff;}
TD.StepsBgcolorOn			{background-color:#00a157 !important;}

TABLE.IndexWizard TD.button-container		{text-align:center; padding-top:15px;}
TABLE.IndexWizard TD.buttonS-container		{text-align:center; padding-top:15px;}

DIV.IndexWizardContainer		{width:100%; display:table; background-color:#dfeaf3; padding:20px 10px; border:#ccc 1px solid; box-sizing:border-box;}
TABLE.IndexWizardTable			{width:100%;}
TABLE.IndexWizardTable TD		{padding:3px 10px 3px 10px; box-sizing:border-box;}

@media screen and (max-width: 480px) {
	TABLE.IndexWizard						{margin:auto;}
	DIV.IndexWizardContainer				{margin:auto;}
	TABLE.IndexWizardTable TD				{display:block; width:100%;}
	TABLE.IndexWizardTable SELECT				{margin-bottom:10px;}
	TABLE.IndexWizardTable INPUT.input			{margin-bottom:10px;}
	TABLE.IndexWizardTable TEXTAREA				{margin-bottom:10px;}
	TABLE.IndexWizardTable INPUT[type=file]		{margin-bottom:10px;}
}

/* (Indexing/SelectCardType.asp) */
TABLE.select_card				{width:100%;}
TABLE.select_card TD			{padding:3px 0px 3px 0px;}
TABLE.select_card H3			{font-size:100%; font-weight:bold;}
TD.select_card_radio			{padding:6px 0px 3px 0px !important;}

/* (Indexing/IndexUpdate.asp) */
TABLE.update_form				{max-width:600px;} /* has class IndexWizardTable */

#removeC					{padding-top:10px;}
#removeC LABEL				{color:#821608;}
#removeC INPUT				{float:left; margin:2px 6px 0px 0px;} /* checkbox */

TABLE.update_form INPUT.input			{width:200px;}
TABLE.update_form SELECT				{width:200px;}
TABLE.update_form TEXTAREA				{width:200px; height:80px;}

/* (Indexing/AddFilter.asp) */
/* (Indexing/AddFilterB.asp) */
TD.IndexigStepTitle			{font-size:1.7rem; padding:5px 0px 10px 0px; color:#1e3787;}
TABLE.index_filter			{}
TABLE.index_filter TD		{padding:3px 5px 3px 5px;}

SPAN.pluse {
	display: inline-table;
    padding: 7px 10px 2px;
    background-color: #cddae7;
    color: #000;
    border-radius: 4px;
    font-weight: bold;
    font-size: 23px;
	box-shadow:0 0 3px #999;
	text-shadow:1px 1px 1px #fff;
	margin:4px 7px 4px 0px; 
}
TABLE.filterGroup	{margin:0px 0px 7px 34px;}

TR.step5-img		{background-color:#afd1ea;}

/* (Indexing/EndMsg.asp) */
DIV.indexMsg			{margin-bottom:15px;}
DIV.indexBack			{}


/*************** Index Entery (_Indexing/IndexEntry.asp)  ***********/
DIV.IndexPageTitle			{font-size:2.5rem; font-weight:bold; margin-bottom:15px; padding:0; border:0;}
DIV.IndexPageTitle SPAN		{font-size:1.7rem;}
DIV#IndexEntry 				{width:100%; display:table; margin-bottom:70px;}

INPUT.button_back			{position:absolute; left:-10px; bottom:-40px; color:#f88322; padding:4px 25px 5px 12px; border:0; background:url('../back-arrow.png') no-repeat 5px 4px;}
INPUT.button_back:hover		{background-color:#edf1f4;}
#IndexEntry .icons			{margin-top:20px;} /*???????*/

#inner-title					{display:none;}
#outer-title					{display:block;}
#IndexEntry .main_title			{margin-bottom:30px;}
#IndexEntry .main_title H1		{font-size:240%; color:#00ace9; font-weight:normal;}

#IndexEntry .right_center		{width:75.5%; margin-right:2.5%; position:relative; border-bottom:#ddd 1px solid; background-color:#eff3f6; padding:24px 0px 30px 0px; border-top:#27326a 2px solid; box-sizing:border-box;}
#IndexEntry .right_side			{width:27%; display:table; padding:0px 0px 0px 15px; box-sizing:border-box;}
#IndexEntry .center				{width:70%; margin-left:3%; box-sizing:border-box;}
#IndexEntry .left_side			{float:right; width:22%; border-top:#27326a 2px solid; box-sizing:border-box;}

@media screen and (min-width: 991px) {
	#IndexEntry .right_center		{min-height:685px;}
}

@media screen and (max-width: 990px) {
	#IndexEntry .right_center		{width:100%; float:none !important; margin:0px 0px 20px 0px;}
	#IndexEntry .left_side			{width:100%; float:none !important; margin:70px 0px 20px 0px;}
}

@media screen and (max-width: 990px) and (min-width: 769px) {
}

@media screen and (max-width: 768px) {
	#IndexEntry .center					{width:100%; float:none !important; margin:0px 0px 20px 0px;}
	#IndexEntry .right_side				{width:100%; float:none !important; margin:0px 0px 20px 0px;}
}

@media screen and (max-width: 768px) and (min-width: 481px) {
}

@media screen and (max-width: 480px) {
	#IndexEntry .right_center			{text-align:center; padding-bottom:0px;}
	#IndexEntry .right_side				{padding-right:5%;}
	#IndexEntry .right_center .inner	{text-align:left;}
	#IndexEntry INPUT.button_back		{position:relative; left:auto; margin:0px auto 0px auto;}
}


/*** Right ***/
TABLE.ExtendedImageContainer IMG	{width:100% !important; height:auto; margin-bottom:16px; display:block; box-sizing:border-box;}
#IndexEntry TD.clinik-title 		{font-size:1.7rem; font-weight:bold; padding-bottom:10px; color:#1f3986;}
TABLE.IndexEntryExtraContacts		{display:none;}
TABLE.IndexEntryExtraDetails		{}
TABLE.IndexEntryClinik				{color:#1f3986; margin-bottom:10px;}
TABLE.IndexEntryClinik TD			{padding-bottom:4px;}
TD.ContactName						{font-weight:bold;}

@media screen and (max-width: 768px) and (min-width: 481px) {
	TABLE.ExtendedImageContainer		{width:25% !important; float:left; margin-right:5%;}
	TABLE.ExtendedImageContainer IMG	{width:100% !important; height:auto !important; max-width:189px;}
	#IndexEntry DIV.details-container	{float:right; width:65%; margin-right:5%;}
	#IndexEntry DIV.details-item	 			{}
	#IndexEntry TD.clinik-title 		{width:1px; white-space:nowrap;}
	#IndexEntry DIV.Details	 			{display:table-cell; padding-left:10px;}
}
@media screen and (max-width: 480px) {
	TABLE.ExtendedImageContainer IMG	{max-width:300px; margin:0 auto 15px auto;}
}


/*** Center ***/
#IndexEntry .center H3.title 	{width:100%; display:block; font-size:170%; color:#00ace9; font-weight:normal; margin:0px 0px 10px 0px; padding:0px;}

UL.Tabs					{width:100%; display:table; position:relative; z-index:2; margin:0px; padding:0px;}
.Tabs LI				{width:23.5%; margin-right:0.5%; height:30px; line-height:28px; font-size:17px; float:left; background-color:#eff3f6; color:#1f3986; font-weight:normal; text-align:center; border:#273268 1px solid; border-bottom-style:none; border-radius:6px 6px 0px 0px; list-style-type:none; list-style-image:none;}
.Tabs LI:last-child		{margin-right:0 !important;}
.Tabs LI#td1, .Tabs LI#td2, .Tabs LI#td3, .Tabs LI#td4, .Tabs LI#td5		{}
.Tabs LI#td1a, .Tabs LI#td2a, .Tabs LI#td3a, .Tabs LI#td4a, .Tabs LI#td5a	{display:none;}

.tabInfo					{position:relative; top:-1px; border-top:#27326a 1px solid; padding:30px 15px 0px 0px; background-color:#eff3f6;}
.tabInfo .Box				{margin-bottom:20px;}
.tabInfo .licenceBox		{color:#1f3986;}
.tabInfo .SummaryBox		{}
.tabInfo .sBodyBox			{}
#div1						{}
#div2						{}
#div3						{}
#div3 H3.title				{}

#IndexEntry #lightbox-gallery					{width:100%; display:table; margin-bottom:20px;}
#IndexEntry #lightbox-gallery DIV.image-set		{width:100%; display:table; text-align:center;}
#IndexEntry #lightbox-gallery A.image-link		{width:155px; margin:0px 5px 10px 5px; display:inline-table;}
#IndexEntry #lightbox-gallery A.image-link IMG	{width:100% !important; height:auto !important; display:block;}

DIV.Video				{}
DIV.VideoCredit			{padding:0px 1% 0px 1%;}
DIV.VideoCredit H3		{font-size:15px; font-weight:bold;}

.tables					{background:#ddd;}
.tables TH				{padding:5px;}
.tables TD				{padding:5px 10px; background:#fff;}
.tables .odd_item TD	{background:#f6f6f6;}

@media screen and (max-width: 768px) {
	#IndexEntry .tabInfo			{padding:30px 15px 0px 15px;}
}


/*** Left ***/

/** Google Map **/
/*DIV.GoogleMap			{width:100%; overflow:hidden; text-align:right; margin-bottom:30px;}
.GoogleMap  H3.title	{display:block; margin:0px; padding:0px 0px 15px 0px; color:#000000; font-size:130%; font-weight:normal;}
.GoogleMap IFRAME		{width:100% !important; margin-bottom:5px;}
.GoogleMap SMALL A		{font-size:13px; color:#746d61 !important; text-decoration:underline; font-weight:bold;}*/

/** form **/
DIV.feedback				{background-color:#f8f9fb; padding:20px 10px 20px 10px; position:relative;}
DIV.feedback DIV.title		{display:block; position:absolute; top:-41px; left:0px; font-size:2.3rem; color:#1e3787; font-weight:bold; margin:0px; padding:0px;}
.feedback FORM				{width:100%; display:table;}

.feedback DIV.red		{color:inherit;}

.feedback INPUT.wizard				{width:100% !important; height:45px; color:#8f8574; border:#cdd1dd 1px solid; font-size:15px; line-height:23px; padding:0px 10px 0px 10px; margin:0px 0px 10px 0px; box-sizing:border-box;}
.feedback INPUT.wizardNarrow		{width:100% !important; height:45px; color:#8f8574; border:#cdd1dd 1px solid; font-size:15px; line-height:23px; padding:0px 10px 0px 10px; margin:0px 0px 10px 0px; box-sizing:border-box;}
.feedback TEXTAREA					{width:100% !important; height:105px !important; color:#8f8574; border:#cdd1dd 1px solid; padding:4px 4px 4px 10px; margin:0px 0px 10px 0px; overflow:auto; font-size:15px; resize:none; box-sizing:border-box;}

DIV.feedbackButton					{width:100% !important; text-align:center;}
.feedback form INPUT.button			{width:100%; height:45px; margin:10px auto 0px auto; max-width:200px; font-size:21px; border-radius:0px; box-sizing:border-box; border:0;}
.feedback form HR					{display:none;}

.DIR_rtl		{direction:ltr;}
.DIR_ltr		{direction:rtl;}

@media screen and (max-width: 990px) and (min-width: 769px) {
	.feedback						{padding:20px 12% 20px 12% !important;}
	.feedback FORM > DIV			{width:50%; float:left; box-sizing:border-box;}
	.feedback form INPUT.button		{margin-top:30px;}
}
@media screen and (max-width: 768px) and (min-width: 481px) {
	.feedback FORM > DIV			{width:50%; float:left; padding:0px 2% 0px 2%; box-sizing:border-box;}
	.feedback form INPUT.button		{margin-top:30px;}
}
@media screen and (max-width: 480px) {
	.feedback FORM > DIV			{padding:0px 2% 0px 2%; box-sizing:border-box;}
	.feedback form INPUT.button		{margin-top:30px;}
}




