
/******************************** Media Cycle Slider ****************************/
section.sliderCycleContainer    {min-width:980px; height:395px; text-align:center; position:relative; margin:0 auto;}
DIV#sliderCycle					{height:395px; overflow:hidden; position:relative;}
DIV.sliderCycleInner			{min-width:980px; height:395px; position:absolute; top:0px; left:0px; /*background:url('loading.gif') no-repeat 50% 50%;*/ direction:ltr;}
#sliderCycle A					{display:block;}
#sliderCycle IMG				{display:block; border:none; cursor:pointer; width:1920px; height:395px;} /* size here is neccesary for some effects to work properly */

/***** output (animated title & text) /*****/
.txt_section_container {
	height: 100%;
	margin: -395px auto;
	position: relative;
}
.txt_section {
	position: absolute;
	right: 0;
	width: 380px;
	height: 386px;
	background: url(../txt_section_bg.png) no-repeat top;
	z-index: 12;
	top: 5px;
}

/* title */
H2.Title_H2					{position:absolute; display:table; color:#000; margin:0px; padding:0px; font-size:30px; line-height:30px; font-weight:normal; direction:rtl; text-align:center; overflow:hidden; z-index:50;}
H2.Title_H2 A				{height:100%; display:inline-block; font-size:30px; padding:0px 10px 0px 10px;color:#000; text-decoration:none;}
H2.Title_H2 A:hover			{color:#72A3AC; text-decoration:none;}
H2.Title_H2 A:focus			{color:#72A3AC; text-decoration:none;}
/* text */
P.Text_P					{height:295px; position:absolute; display:block; color:#000; margin:0px; padding:0px; font-size:30px; line-height:115%; padding:0px 10px 0px 10px; direction:rtl; text-align:center; overflow:hidden; z-index:50;}
/* read more */
DIV.txt_section A.ReadMore			{
	display:table; height:39px;
	background: #016072;
	background: -moz-linear-gradient(top, #016072 0%, #014e5f 100%);
	background: -webkit-linear-gradient(top, #016072 0%,#014e5f 100%);
	background: linear-gradient(to bottom, #016072 0%,#014e5f 100%);
	color:#ffffff;
	padding:0px 15px 0px 15px; margin:15px auto 0px auto;
	border-top:#038e9c 2px solid;
	border-left:#038e9c 1px solid;
	border-radius:5px;
	font-size:19px; line-height:37px;
	text-decoration:none;
	box-sizing:border-box;
	box-shadow:0 1px 8px rgba(0,0,0,0.3);
}
DIV.txt_section A.ReadMore:hover		{background:#038e9c; text-decoration:none;}
DIV.txt_section A.ReadMore:focus		{background:#038e9c; text-decoration:none;}

/** Mask **/
DIV.sliderMask				{display:none;/* width:100%; position:absolute; top:0; left:0; height:79px; background:#ffffff; filter:alpha(opacity=85); opacity:0.85; z-index:899;*/}

/***** Arrows *****/
A.CycleArrow				{width:32px; height:32px; display:none; position:absolute; top:45%; z-index:999;}
A#prevArrow					{right:20px; background:url('../slider-prev.png') no-repeat right;}
A#prevArrow.Disabled		{background-position:left; cursor:default;}
A#nextArrow					{left:20px; background:url('../slider-next.png') no-repeat left;}
A#nextArrow.Disabled		{background-position:right; cursor:default;}


/** tabs **/
/*DIV.tabsContainer			{width:100%; height:40px; position:absolute; left:0px; bottom:-20px; z-index:9999; padding:0; z-index:999;}
UL#tabs						{margin:0; padding:0px; direction:rtl; display:inline-block; clear:right; float:right; position:relative; right:50%;}
#tabs LI.cycleTab			{height:40px; display:block; margin:0px 10px 0px 10px; float:left; position:relative; left:50%; text-align:center; list-style:none; box-sizing:border-box; -moz-box-sizing:border-box;}

#tabs LI.cycleTab A.Tab					{color:#444444; background:#fdef92; text-decoration:none; padding:5px 10px 10px 10px; display:block;}
#tabs LI.cycleTab A.Tab:hover			{background:#ffd201; color:#000000;}
#tabs LI.cycleTab A.Tab:focus			{background:#ffd201; color:#000000;}
#tabs LI.cycleTab A.Disabled:hover		{color:#444444; background:#fdef92; text-decoration:none; cursor:default;}
#tabs LI.cycleTab A.Disabled:focus		{color:#444444; background:#fdef92; text-decoration:none; cursor:default;}
#tabs LI.activeSlide					{}
#tabs LI.activeSlide A.Tab				{color:#ffffff; background:#c50235; text-decoration:none;}
#tabs LI.activeSlide A.Tab:hover		{color:#ffffff; background:#c50235; text-decoration:none;}
#tabs LI.activeSlide A.Tab:focus		{color:#ffffff; background:#c50235; text-decoration:none;}

#tabs LI H2 	{margin:0; padding:0; font-weight:normal;}
#tabs LI P 		{margin:0; padding:0; display:none;}*/

/** circles **/
DIV.circlesContainer		{height:13px; width:100%; position:absolute; left:0px; bottom:40px; z-index:99; padding:0; display:inline-block;}
UL#circles					{margin:0; padding:0px; direction:rtl; display:inline-block; clear:right; float:right; position:relative; right:50%;}
#circles LI.cycleTab		{display:block; margin:0px 0px 0px 8px; float:right; position:relative; left:50%; list-style-type:none; list-style-image:none;}

#circles LI.cycleTab A				{width:13px; height:13px; display:block; background:url('../circles.png') no-repeat 0 0;}
#circles LI.cycleTab A:hover		{background-position:-21px;}
#circles LI.activeSlide A,
#circles LI.activeSlide A:hover	    {background-position:-21px;}

/*** Example for centered circles ***//*
DIV.tabsContainer			{width:100%; height:18px; position:absolute; left:0px; bottom:10px; padding:0; display:inline-block; z-index:9999;}
UL#circles					{margin:0; padding:0px; direction:rtl; display:inline-block; clear:right; float:right; position:relative; right:50%;}
#circles LI.cycleTab		{display:block; margin:0px 5px 0px 5px; float:left; position:relative; left: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: 991px) { /* play / stop for accessibility over 990 */
	.sliderCycleContainer DIV.play-stop		{display:table; padding:2px; background-color:rgba(255,255,255,0.8); border-radius:4px; position:absolute; left:10px; top:10px; z-index:999;}
	A#cycle-play-stop				{width:24px; height:24px; display:table; position:relative; border-radius:2px;}
	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;}
}



