/* --- TOC

01. GENERAL TYPOGRAPHY 
		1. Global Reset
		2. General
		3. SharePoint 2010 CSS Reset
		4. Starter Master Styles
02. Main Custom styles	
03. Menu Style
		1. Horizontal Menu
		2. Vertical Menu 
04. Layouts

		1. Home Page
		2. News
		3. table.copyright
		4. Other 
05.



  
/* ________________________________________________________________________________________________________________
 										01. GENERAL TYPOGRAPHY
 ________________________________________________________________________________________________________________ */
/* ------- 1. Global Reset ------- */

@font-face{font-family: F-DFontSmall;src: url("/Style Library/JCCI/fonts/FD-Reg.eot") /* EOT file for IE */}
@font-face{font-family: F-DFontSmall;src: url("teutonic1-webfont.eot?#iefix") format("embedded-opentype") /* IE6-IE8 */}
@font-face{font-family: F-DFontSmall;src: url("/Style Library/JCCI/fonts/FD-Reg.ttf") /* TTF file for CSS3 browsers */}




a{
font-family:F-DFontSmall,tahoma;	
}
html, body, div, li, form, input, textarea, h1, h2, h3, h4, h5, h6, p, ul, dl, table{ margin:0; padding:0; }
html body {overflow: auto !important;}
body{color: #666;font-family:F-DFontSmall,tahoma;font-size: 12px; line-height:17px; direction:rtl!important }
img { border:0; }
ul{ list-style:none}
:focus {outline: 0}
a:hover{ text-decoration:underline}

.MAuto{margin:0 auto}
.FL{ float:left}
.FR{ float:Right}
.W220{ width:220px}
.MR20{ margin-right:19px}
.MinH{min-height:230px}
.MinH2{min-height:125px}
.MinH3{min-height:105px}
.MinH4{min-height:190px}
}


.ms-WPBody{ color:#959595; font-family:F-DFontSmall,tahoma;}
.ms-WPBody a, .ms-WPBody a:link, .ms-WPBody a:visited{ color:#636363; font-family:F-DFontSmall,tahoma;}
.ms-WPBody a:hover{ color:#000}

.CirculDate,.NewsDate, .FormatNo{ font-family:F-DFontSmall,tahoma}
.CirculDate, .NewsDate{line-height:16px}
.FormatNo{line-height:21px}
.LinH{line-height:24px}


/* ------- SharePoint 2010 CSS Reset ------- */
#s4-bodyContainer{margin:0 auto; width:940px !important; }	
	.main-body{width:940px; min-height:580px;  }/*--Width--*/
	.s4-widecontentarea{width:940px/*--Width--*/ ;min-height:395px; border:0; }
		body #s4-leftpanel {  width:220px !important; margin-top:10px }
			body #s4-leftpanel-content {background-color:transparent;border:0} 
			.s4-ca{ min-height: 424px; margin-right:240px; margin-left:0; background-color:transparent;}	
.ms-dialog .s4-widecontentarea {width:auto !important;}
.ms-dialog .s4-ba {padding:0 !important}
.ms-dlgFrame {
overflow: auto !important;
}
.ms-dialog .article-body { padding:0 !important; min-height:100px !important; background:none !important;}
.ms-dlgFrame{
	overflow:auto !important;
}
.ms-dlgFrameContainer {
overflow:auto  !important;
}

#s4-titlerow{display:none }
/****************8out of box styles**********/
.search-block{ vertical-align:middle!important; padding:0 0px 0 5px;}
.search-block .ms-sbgo a img{ display:none;}
.search-block .s4-search INPUT.ms-sbplain{ background:url("/Style%20Library/JCCI/Images/search-txt.png") right top no-repeat; 
width:140px!important; height:30px!important; height:23px\9!important; border:0!important; color:#898989; font-size:1em!important;
margin:0!important; padding:0px 14px 0px 0px!important; padding-top:7px\9!important }
.search-block .ms-sbgo a{ background:url("/Style%20Library/JCCI/Images/gosearch.png") right top no-repeat; width:31px; height:30px; display:block;}
.search-block td.ms-sbscopes{ display:none;}
.search-block .s4-search table{ width:auto; margin:0;}

.generaldiv #SRSB{ direction:rtl;}
.generaldiv .s4-ca{background-color:#f4f4f4;	}
.s4-tn{ margin:7px 5px 0 0}
body #s4-topheader2{border: none;background:transparent none;font-weight: bold;height: 28px;}
#s4-topheader2 img{display:none}

/*-- BreadCrumb --*/
.BQ, .BQ2{ padding:0 22px 0 0; min-height:16px; color :#FFF;font:11px/15px F-DFontSmall,tahoma; background:url("/Style%20Library/JCCI/Images/BQbg.png") no-repeat right 0 }
	.BQ a, .BQ a:link, .BQ a:visited,.BQ2 a, .BQ2 a:link, .BQ2 a:visited{ color:#FFF; text-decoration:none; }
	.BQ a:hover, .BQ2 a:hover{ color:#FFF; text-decoration:underline}
	.DespNone{ display:none}
	.ms-sitemapdirectional{ background:url('/Style%20Library/JCCI/Images/BQArrow-Ar.png') no-repeat left 10px; padding:5px 0 5px 10px ; display:inline-block}	

.breadcrumbNode{background-color:#9a9a9a;padding: 1px 6px;}
.breadcrumbCurrentNode{background-color:#666; padding: 1px 5px;}
		
/*.BQ span, .BQ2 span { background-color:#c2c2c0; padding:1px; }
.BQ span.current, .BQ2 span.current { background-color:#63accd; border-right: 3px solid #f4f4f4;}

/* Orange webpart header */
tr.ms-WPHeader{ background:transparent url("/Style%20Library/JCCI/Images/WPH3.png") no-repeat 60px 0;margin-right: 2px;
float: right;
width: 100%;}
tr.ms-WPHeader{ background:transparent url("/Style%20Library/JCCI/Images/WPH3.png") no-repeat 25px 0 \0/; }
.ms-WPHeaderTd{	float: right; height:14px; padding-right:5px}
.ms-WPHeader td { float: right; border-bottom: none !important; }
.ms-WPHeader td.ms-wpTdSpace { background:#f4f4f4 none; width:16px;
float:left; }
.ms-WPHeader .ms-WPHeaderTdMenu{
	float:left;
}

.ms-WPHeader h3, .ms-WPHeader h3 a,.ms-WPHeader h3 a:visited { font:13px/15px F-DFontSmall,tahoma; color: #FFF; }
.ms-WPHeaderTdMenu { border: none !important; }
.s4-wpcell:hover .ms-WPHeader .ms-WPHeaderTdMenu:hover { }

.ms-WPHeaderTdMenu, .ms-WPHeaderTdMenu:Hover{ background:#f4f4f4 none}
.h-block .s4-wpcell-plain{ background-color:#FFF}

.h-middle .ms-WPHeaderTd{height:14px;background:#f4f4f4 url("/Style%20Library/JCCI/Images/WPH.png") no-repeat right -102px;}
.last-block .ms-WPHeaderTd{	height:14px;background:#f4f4f4 url("/Style%20Library/JCCI/Images/WPH.png") no-repeat right -170px;}
.e-service .ms-WPHeaderTd{	height:14px;background:#f4f4f4 url("/Style%20Library/JCCI/Images/WPH.png") no-repeat right -68px;}
.home-comittess .ms-WPHeaderTd{	height:14px;background:#f4f4f4 url("/Style%20Library/JCCI/Images/WPH.png") no-repeat right -34px;}

/* ---------- Article Page ---------- */
.MAIM-Article{ float:right; width:680px; text-align:right; background: url("/Style%20Library/JCCI/Images/IntrPageR.png") no-repeat scroll right bottom #FFFFFF;
min-height: 500px;padding:10px 10px 40px 10px }

.ArticleHeader{ padding-right:7px}
	.MainTitle{ color:#333; margin-top:20px; font-size:13px}
	.dateLine{ clear:both; line-height:20px; color:#999; font-size:11px}	
.captionImage{float: left}
	.MainImage{border:1px #cacaca solid; margin:7px }
	.MainImage img{ padding:2px ;}
	.MainCaption{ padding-bottom:5px; color:#999; text-align:center; font-size:11px}	
.articlecontent{color: #666666; margin: 5px 0 0;font-size:11px }
.articlecontent span{ font-size:11px !important}

#ctl00_MSO_ContentDiv{ position:absolute; z-index:999; top:0; left:0}

/* ---------- List News ---------- */
.newsArea{ float:right;width:700px; margin:0px; padding:5px 0;}
	.newsPic2{ float:right; margin:0 0 0 7px; width:72px; height:55px; overflow:hidden; position:relative}
		.newsPic2 img{ width:68px; height:51px ; padding:2px; position:absolute;right:0%;}
	
	.NewsData{ float:right; width:550px}
 		.newsTitle, .newsTitle a, .newsTitle a:link, .newsTitle a:visited { font:bold 10px/15px F-DFontSmall,tahoma; color:#666}
 		.newsTitle a:hover {color:#0072bc; text-decoration:underline}
 		.newsTitleS, .newsTitleS a, .newsTitleS a:link, .newsTitleS a:visited { font:normal 11px/13px F-DFontSmall,tahoma; color:#666}
 		.newsTitleS a:hover {color:#0072bc; text-decoration:underline}
 		.newsDes{ padding-right:8px; font:normal 11px/16px F-DFontSmall,tahoma; color:#999}

.newsAreaH{ float:right;width:450px; margin:0px; padding:5px 0;}

body #s4-leftpanel-content{background-color: #FFF; border:0}
.jcheaer {
    /*background:url("/Style%20Library/JCCI/Images/En/jchamber.png") no-repeat 0 0;*/
    background: url("/Style%20Library/JCCI/Images/75_Header.png") no-repeat 0 0;
    width: 544px;
    height: 92px;
    background-size: 138% 107%;
    background-position: left bottom;
}

.oneShadowL{ background:url("/Style%20Library/JCCI/Images/oneShadowL.png") no-repeat scroll left bottom transparent; padding-bottom:20px}
.oneShadowR{ background:url("/Style%20Library/JCCI/Images/oneShadowR.png") no-repeat scroll right bottom transparent; padding-bottom:20px}
.towShadow{ background:url("/Style%20Library/JCCI/Images/block-shadow-sep.png") no-repeat scroll left bottom transparent; padding-bottom:20px}

  h3.WPH a, h3.WPH a:link, h3.WPH a:visited{ color:#FFF; display:inline-block; width:85%}
	.WPH1{ background-position: 70px 0 }
	.WPH2{ background-position: 70px -34px }
	.WPH3{ background-position: 70px -68px }
	.WPH4{ background-position: right -102px; width:170px; height:auto; min-height:14px; }
	.WPH5{ background-position: 70px -136px }
	.WPH6{ background-position: 70px -170px }
	.WPH7{ background-position: 70px -204px }
	.WPH8{ background-position: 70px -238px }
	.WPH9{ background-position: 70px -272px }


.HWP1 tr.ms-WPHeader{  background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 60px 0;}
.HWP2 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 60px -34px  }
.HWP3 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 60px -68px  }
.HWP4 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 60px -102px }
.HWP5 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 60px -136px }
.HWP6 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 60px -170px }
.HWP7 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 60px -204px }
.HWP8 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 60px -238px }
.HWP9 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 60px -272px }


	
.WPbg{ background-color:#FFF; display:block; padding:10px }
.MinH5{ min-height:80px; padding:20px 20px 0 20px}
	.MinH5 a{padding:0 3px 7px; display:inline-block}

.Div-v{ width:100%; clear:both; margin-top:20px}
.Div-h{ width:220px;}
.Div-h2{ width:460px;}
.Div-h3{ width:700px;}
.Div-h4{ width:100%;}

.b-item{ padding:0; clear:both; line-height:19px; border-top: 1px solid #ececec;}
	.WPbg .dfwp-column .dfwp-item:first-child .b-item{border-top:0}
 
.b-item img{ float:right; margin-left:15px; margin-bottom:3px; padding-top:10px }
.b-item a{ color:#636363; font-size:1em; text-decoration:none; }
.b-item a.upper{ text-transform:uppercase;}
.b-item p{ margin:0; padding:0; color:#959595; font-size:10px }
.b-item a.h-link img{ margin-left:0; }
.b-item a.h-link { margin-left:5px; display:inline-block; float:right;}
.b-item .date,.category_title{ color:#636363;}
.b-item .html-link a{ color:#898989;}

.Div-vS{ width:100%; clear:both;height: 120px; overflow: hidden;}
	.DivScript{width:720px;}
	.SrchSNBox{ width:220px}
		.WPbgSN{ display:block; text-align:center; min-height:220px; border:1px #FFF solid; background:#f4f2f3}
		.WPbgSN2{ border:1px #FFF solid; background-color:#f4f2f2; display:block; text-align:center;overflow-x: hidden; }
		
		.LoginR{ width:100%; height:59px; background-color:#e6e6e6}
		.SocialN{/* border-top: 1px solid #FFFFFF;*/height: 40px;width: 195px;margin: 0 auto;overflow:hidden;}
		.SNh3{ margin:0 7px 0 0}
		.SocialN a{ float:left; /*background-image: url("/Style%20Library/JCCI/Images/IconsNew.png");*/width: 30px;height: 30px; margin-top:5px; margin-left:2px;
		background-size: 100%;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		}
				
				.qTV{background-position: -106px 0;}
				.qVideo{background-position: -124px 0}
				.qDevice{/*background-position: -155px 0;*/  background-image: url("/Style%20Library/JCCI/Images/mobile.png");}
				.qBigFont{background-position: -160px 0;}
				.qLive{/*background-position: -155px 0;*/  background-image: url("/Style%20Library/JCCI/Images/liveicon.png");}

				.qSmallFont{background-position: -178px 0}
				
				.qYoutube{/*background-position: -125px 0;*/  background-image: url("/Style%20Library/JCCI/Images/youtube.png");}
				.qRSS{background-position: -72px 0;}
				.qFacebook{/*background-position: 0 0;*/  background-image: url("/Style%20Library/JCCI/Images/facebook.png");}
				.qTwitter{/*background-position: -62px 0;*/  background-image: url("/Style%20Library/JCCI/Images/twitter.png");}
				.qIn{/*background-position: -93px 0;*/ background-image: url("/Style%20Library/JCCI/Images/linkedin.png");}
				.qinstagram{/*background-position: -32px 0;*/ background-image: url("/Style%20Library/JCCI/Images/instagram.png");}
									
.IconSap{ width:25px; height:23px; float:left; display:inline-block; background:url("/Style%20Library/JCCI/Images/IconSap.png") no-repeat center}
						
.Banners{ padding:20px 15px}

.EditBox{ position:absolute; z-index:1000}

.Discnt{ float:right; margin-bottom:4px; padding:4px; min-height:39px}
	.DiscntCont{ float:right; width:55px; text-align:center}
		.FormatD{ background-color:#cfa2c3;border-top:2px #FFF solid; font:normal 10px/14px F-DFontSmall,tahoma; padding-top:2px; color:#FFF}
		.FormatNo{ background-color:#636363;  font-size:15px; color:#FFF; width:55px; height:21px}
	.newsTitleS{ position:relative; margin-right:60px;}

.Discnt2{ float:right; margin-bottom:4px; width:47%; padding:4px; min-height:39px}
	.Discnt2 .DiscntCont{ width:104px; }
		.Discnt2 .FormatD{ font-size:11px}
		.Discnt2 .FormatNo{width:104px; height:35px; line-height:33px}
	.Discnt2 .newsTitleS{margin-right:110px;}



.Circulars{}
	.CirculCont{ color:#FFF; font:normal 11px/16px F-DFontSmall,tahoma; width:100%; height:15px; /*background:url("/Style%20Library/JCCI/Images/CIRCBg.png") no-repeat center*/}
		.CirculDate{ width:133px; padding: 3px; padding-right:5px; float:right; box-sizing: border-box; line-height: 1; background: #636363;}
		.CirculType{ width:62px; text-align:center; float:left; line-height: 1; background: #cfa2c3; box-sizing: border-box; padding: 4px 3px 2px;}
	.CirculTitle{ font:normal 12px/16px F-DFontSmall,tahoma;  padding:4px}

.NewsBox{ width:240px; overflow: hidden; }
.NewsBoxWithoutAnim{ width:240px;min-height: 205px;}

	.News{ margin-top:10px; padding:4px}
		.NewsImg{ float:right; width:62px; height:47px; background:url("/Style%20Library/JCCI/Images/DefaultImg.png") no-repeat center }
	     .NewsImg img{width:62px; height:47px;}
     	.NewsData{width:162px; margin-right:4px}
			.NewsCont{color:#FFF; font:normal 11px/15px F-DFontSmall,tahoma; width:100%; height:15px;  background:url("/Style%20Library/JCCI/Images/home-page-bg-date.png")

 no-repeat right center}
				.NewsDate{
background: url("/Style%20Library/JCCI/Images/news-bg.png") no-repeat center right;
padding-right: 17px;
min-width:23px;
float: right;
}
				.NewsType{width:63px; text-align:center; float:left;line-height: 18px; margin-left:7px;}
			.NewsTitle{font:normal 12px/16px F-DFontSmall,tahoma; padding:2px 3px 0 0;}

.News2{
background: url("/Style%20Library/JCCI/Images/news-shadow.png") no-repeat bottom center;
margin-top: 9px;
background-repeat: repeat-x;
width: 100%;
height: 68px;
padding-bottom: 4px;}
	.NewsFFF{background-color: #FFFFFF; width:100%}
	.News2 .NewsCont{ background-position:right}
	.News2 .NewsType{ width:73px; float:right}
	.News2 .NewsData2{position:relative; margin-right:70px; float:left;}

	.NewsContL{color:#FFF; font:normal 11px/16px F-DFontSmall,tahoma; width:100%; height:15px; }
		.NewsContL span{ float:right; font: 20px/13px arial;padding: 0 2px 0 2px; }
		.NewsDateL{width:55px; text-align:center; float:right}
		.NewsTypeL{width:75px; text-align:center; float:right}
		
		.News2 .NewsImg{ float:right; width:62px; padding:8px 10px; height:47px; background:url("/Style%20Library/JCCI/Images/DefaultImg.png") no-repeat center }
			.News2 .NewsImg img{ border:1px #f7f5f6 solid}
			.News2 p{ padding-left:10px}
			.News2 .NewsTitle > a{font: bold 12px/16px F-DFontSmall,tahoma;
color: #464646;
width: 95%;
float: right;	
}
		.News2 .NewsTitle{ color:#464646; }
		.News2 > .NBg1{background:url("/Style%20Library/JCCI/Images/NewsListBg.png") no-repeat right 0}
.News2 > .NBg3 .NewsDate{
background: url("/Style%20Library/JCCI/Images/delegations-bg.png") no-repeat center right;
	
}
		.eventData2 > .NBg3 .NewsDate{background: url("/Style%20Library/JCCI/Images/event-bg.png") no-repeat center right;}


.FormatD2{ background-color:#a3c2e1;border-top:2px #FFF solid; font:normal 10px/14px F-DFontSmall,tahoma;padding-top:2px; color:#FFF}
div.article, div.welcome { padding-bottom: 40px; min-height:500px;}
#s4-titlerow{overflow: hidden;width: 675px;}

.BDS{ width:217px;height: 83px; margin:0; padding:0; background-color:#f4f2f3; }
  .BDS td{font:normal 11px/16px F-DFontSmall,tahoma;}
	.CAType {}
		.CAType select{width:178px;border:1px #ddd solid; padding:2px; font:normal 11px/16px F-DFontSmall,tahoma;}
	.SCButton{ text-align:right; padding-right:18px; width:80px}
		.SCButton input{ background:transparent url("/Style%20Library/JCCI/Images/BattBg.png") no-repeat center; border:0; color:#FFF; width:71px; height:20px; padding-bottom:4px; font:normal 11px/16px F-DFontSmall,tahoma}
	.BDASearch{ text-align:right}
		.BDASearch a, .BDASearch a:link, .BDASearch a:visited{ font-family:F-DFontSmall,tahoma}

#CNameText1{width:153px; padding:1px 20px 1px 2px; border:1px #ddd solid; background:#FFF url("/Style%20Library/JCCI/Images/DalSrch.png") no-repeat right center}



.copyright{ 
/*background:url("/Style%20Library/JCCI/Images/footer-copyright.png") center top no-repeat;*/
background:url("/Style%20Library/JCCI/Images/75_Footer.png") center top no-repeat;
height:190px; 
clear:both; 
margin-top:36px; 
color:#636363; 
font-size:1em;
}

.content-text{ text-align:center; padding-top:117px; font-family:F-DFontSmall, tahoma
}


	.SM2{ width:300px; margin:30px auto 0;}
	.Padd7{ padding:0 7px 0 0}


#Banner{ position:relative; background:url("/Style%20Library/JCCI/Images/banner-bottom-shadow.png") center bottom no-repeat; margin-bottom:10px;}
.banner-rc{ position:absolute; background:url("/Style%20Library/JCCI/Images/banner-right-shadow.png") left top no-repeat; width:11px; height:220px; right:-11px; top:0;}
.banner-rc2{ position:absolute; background:url("/Style%20Library/JCCI/Images/BRshadow.png") left top no-repeat; width:11px; height:100px; right:-11px; top:0;}

.Hitem2{height:100px !important}
.Topitem{ top:10px !important}

.clear{ clear:both;}
#Header{ height:95px; position:relative;}
.logo{text-align:right;}
.logo a{ display:inline-block; float:right;}
.menu-top-shadow{ position:absolute; height:5px; bottom:0; left:0; right:0; background:url("/Style%20Library/JCCI/Images/menu-top-shadow-rpt.png") left top repeat-x;}

#NavMenu{ background:url("/Style%20Library/JCCI/Images/navmenu-bg.gif") left top repeat-x; height:28px; border-bottom:1px solid #b7b7b7; position:relative;}
.navlc{ position:absolute; background:url("/Style%20Library/JCCI/Images/menu-left-border.png") right top no-repeat; width:5px; height:46px; right:-5px; top:-5px;}
.navrc{ position:absolute; background:url("/Style%20Library/JCCI/Images/menu-right-border.png") left top no-repeat; width:5px; height:46px; left:-5px; top:-5px;}

td.ToolsEn{ width:66px; height:29px; text-align:center; background:url("/Style%20Library/JCCI/Images/Hdr-TxtBg.png") no-repeat top center }
.ToolsEn a{ display:inline-block; }

.Color { width:27px; font:bold 10px tahoma; padding:0 3px 0 0;}


.h-content{ background-color:#f4f4f4;}
.col1{ width:700px; padding-left:24px;}

.MenuV4n0 {background: url("/Style%20Library/JCCI/Images/hMenu.png") no-repeat right 0 !important;}
.MenuV4n1 {background: url("/Style%20Library/JCCI/Images/hMenu.png") no-repeat right -28px !important;}
.MenuV4n2 {background: url("/Style%20Library/JCCI/Images/hMenu.png") no-repeat right -62px !important;}
.MenuV4n3, .MenuV4n9 {background: url("/Style%20Library/JCCI/Images/hMenu.png") no-repeat right -96px !important;}
.MenuV4n4 {background: url("/Style%20Library/JCCI/Images/hMenu.png") no-repeat right -130px !important;}
.MenuV4n5 {background: url("/Style%20Library/JCCI/Images/hMenu.png") no-repeat right -164px !important;}
.MenuV4n6 {background: url("/Style%20Library/JCCI/Images/hMenu.png") no-repeat right -198px !important;}
.MenuV4n7 {background: url("/Style%20Library/JCCI/Images/hMenu.png") no-repeat right -28px !important;}
.MenuV4n8 {background: url("/Style%20Library/JCCI/Images/hMenu.png") no-repeat right -130px !important;}

/* ________________________________________________________________________________________________________________
 										03. Menu Style
 ________________________________________________________________________________________________________________ */
/* -------------------------------- 1. Horizontal Menu --------------------------- */

.s4-tn{margin:1px 5px 0 0}
.s4-tn ul.static{white-space:nowrap;
margin-top: -3px;
float: right;}
.s4-tn li.static > .menu-item{white-space:nowrap;display:inline-block; padding:4px 20px 0 0;
height: 22px;
font:normal 12px F-DFontSmall,tahoma;
color: #666;
margin-left:3px !important;
vertical-align:middle;}

.s4-tn li.static > a:hover{color:#000;text-decoration:underline}
.s4-tn li.static > ul > li.static{margin-top:-3px;padding-right: 12px; margin:0 4px;}


#NavMenu .menu li.hover, #NavMenu .menu li.hover-off{
	background-color:#FFF;
}


.s4-toplinks .s4-tn a.selected{color:#000; border:0; background:transparent none}

.s4-tn ul.dynamic{ background-color:transparent; border:0; font:normal 11px/16px F-DFontSmall,tahoma;}
.s4-tn li.dynamic > .menu-item{padding:3px 22px 3px 10px ; margin:0 }
.s4-tn .menu-horizontal .menu-item-text {white-space:normal; display:inline-block !important}

/* hide arrows for top level items with flyouts */ 
.menu-horizontal a.dynamic-children span.additional-background, 
.menu-horizontal span.dynamic-children span.additional-background{ background-image: none;}
.menu-horizontal ul.dynamic a.dynamic-children span.additional-background{ background: url("/Style%20Library/JCCI/Images/bultes-nav-jcci.png")  no-repeat !important;
background-position:right center !important;
}

.s4-tn div.menu-horizontal > ul.static > li.static > a { display:none !important;}

.s4-tn .menu li.hover > ul.dynamic, .menu li.hover-off ul.dynamic{
 right:0px;  
 *right: auto; /* IE7 */
 display: inline; *display:inherit;
}

.s4-tn li.dynamic > a:hover {color:#333; background:#f4f4f4 }
.s4-tn li.dynamic > a{color:#666; border:none; background:#FFF}

/* Target all Firefox */ 
.s4-tn .menu li > ul.dynamic > li > ul.dynamic{  top:0px !important; right:0px !important;  position:relative !important; visibility:visible !important; display:block !important } 
/* 2nd Level */

.s4-tn li.dynamic-children ul.dynamic{ margin-top:-3px }
.s4-tn li.dynamic-children ul.dynamic li { float:right; padding: 0; /*width: 195px !important;*/width: 181px !important;
 }
.s4-tn .menu li > ul.dynamic > li > ul.dynamic li{   font-size: 10px;}
.s4-tn .menu li ul li.last > a { border-bottom:0; }
a.dynamic.dynamic-children.menu-item.sf-with-ul{
	margin-bottom: 3px;
/*width: 175px;*/
padding: 3px 10px 3px 10px;
font-weight:bold;
}
 
.sf-sub-indicator{ display:none}
/* -------------------------------- 2. Vertical Menu --------------------------- */
.s4-ql{margin-top:-30px}
.s4-ql ul li {
font:11px/16px F-DFontSmall,tahoma;border-bottom:1px #ebebeb solid; text-align:right !important}
.s4-ql li.static > .menu-item { padding:4px 24px 4px 2px; color:#666; }
.s4-ql .static ul li{border-top:1px #eee solid; background:#FFF url("/Style%20Library/JCCI/Images/SupBlt.png") no-repeat right 11px; border-bottom:0;border-right:0 ;border-left:0;}
.s4-ql .static ul li:hover{ background-color:#fafafa;}
.s4-ql li.static .selected{ border:0; color:#000; padding-right:20px;}
.s4-ql a.selected{background: none transparent;padding-right: 7px !important;}
.s4-ql .static ul li .selected .menu-item-text{ color:#000; padding:0; font-weight:bold}
.s4-ql .static ul li .menu-item-text  { font:12px/16px F-DFontSmall,tahoma; color:#9c9c9c} 

.s4-ql .static ul li a:link{ text-decoration:none !important}

.s4-ql .s4-ql a:link, .s4-ql .s4-ql a:visited{ color:#666; text-decoration:none}
.s4-ql .s4-ql a:hover{ color:#FFF}
.s4-ql .s4-ql .root .menu-item-text{ color:#FFF; font-weight:bold}
.s4-ql .s4-ql .root .menu-item-text .selected{ color:#000; }
.s4-ql .s4-ql .static li ul li{ padding-right:3px}
.s4-ql .ms-splinkbutton-text{color:#FFF}

.s4-ql ul.root ul { margin:0}

.s4-ql ul.root > li > .menu-item, .s4-qlheader{background:url("/Style%20Library/JCCI/Images/NonSup.png") transparent no-repeat right center; font-size:11px; color:#464646 !important; padding: 6px 10px 6px 5px; border:0 !important}
	
.NE-Left{ width:220px;  margin-top:-16px}
/*.NE-Left > table { background-color:#fff;}	*/
.NE-right{ width:700px; }
.NE-right2{ width:450px; padding:5px; margin-left:20px;}	
	.NE-r{ min-height:663px}
	
.SM{ width:100%; clear:both}
.twitter-share-button{ width:63px !important}
.MargnR{ margin:0 5px}
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
    padding: 2px 4px;
}

/* Collapes an Expand  */
    .s4-ql .menu-vertical ul.root .closed {background:url("/Style%20Library/JCCI/Images/Down.png") transparent no-repeat right center;padding-right:10px; }
    .s4-ql .menu-vertical ul.root .opened {background:url("/Style%20Library/JCCI/Images/Up.png") transparent no-repeat right center;padding-right:10px;}
    .s4-ql .menu-vertical ul.root a {display:block; }
    .s4-ql .menu-vertical ul.root ul {overflow: hidden;}


/* ==========================
 	 board-of-directors
   ========================== */
.JCCI_Members{
 /*   background:#f1f1f1;*/
	width:100%;
	border:0;
	Font:normal 12px/16px F-DFontSmall,tahoma;
	direction:ltr;
}


.Member_Cell{
	width:20%;	
	padding:10px 0  0  0;	
	text-align:center;
	color:#636363;
	height:25px;
	border-bottom:#FFF 1px solid;
	/*border-right:#ccc 5px solid;
	background:#F1F1F1;	
	*/
}

.Member_Cell img{width:115px;height:80px;border:1px #F4F4F4 solid }
.Member_Cell A {color:#339ccc;text-decoration:none}
.Member_Cell A:Hover {color:#92948f;text-decoration:underline}
Tr.Name .Member_Cell{background:url('/Style%20Library/JCCI/Images/GridHeader.png') repeat-x bottom left #FFF;border-bottom:2px #ccc solid;padding: 0  0 10px 0 ;	}

/* ________________________________________________________________________________________________________________
 										XSLT Style Sheet - News
 ________________________________________________________________________________________________________________ */

.news-list
{
	background:url('/Style%20Library/JCCI/Images/NewsTableBg.png') repeat-x top left #FFF;
	border-bottom:1px #F1F1F1 solid;
	margin:0 0 2px 0;
}
.NewsPageTitle, .NewsPageDescription, .NewsPageDate {float:right;width:100%;margin:10px 0 0 0;}
.NewsPageImg { margin: 0 10px 0 0;}
.NewsPageImg img{ width:100px;height:80px;border:1px #ccc solid }
/* ________________________________________________________________________________________________________________
 										XSLT Style Sheet - ReleasesImg
 ________________________________________________________________________________________________________________ */

.ReleaseImg{ width:70px;height:50px;float:right;}
.ReleaseImg img{ width:70px;height:50px;border:1px #ccc solid }

.ReleaseTitle {float:right;margin:0 20px 0 0;background:#F1F1F1}

/* ________________________________________________________________________________________________________________
 										XSLT Style Sheet - News
 ________________________________________________________________________________________________________________ */

.Albume{
    float:right;
    width:50%;
	margin:0 0 2px 0;
	height:250px
}

.AlbumeImage, .AlbumeName{float:right;width:80%;margin:5px 0 10px 0;}
.AlbumeImage{ margin: 0 0 0 0;}
.AlbumeImage img{ width:300px;height:200px;border:2px #ccc solid }
				 
							
 .EmployeeTable {border:1px #ccc solid;border-bottom:3px #ccc solid;width:100% ;}							 
 .EmployeeTable  th {background:url('/Style%20Library/JCCI/Images/GridHeader.png') repeat-x bottom left;height: 23px;text-align: right;Font: normal 1.3em F-DFontSmall,tahoma;color:#636363;padding: 10px;vertical-align:middle;font-weight:  600;}							
 
 .EmployeeTable  tr{height:25px;background:#f8f8f8;border-bottom:  1px solid;}							  
 .EmployeeTable  td {text-align:center;Font:normal 12px/16px F-DFontSmall,tahoma;color:#636363;border-top:1px #ccc solid;}
	

/* ---------- Tree Left Navigation Styles ---------- */
.LeftNavTree {overflow:hidden; }
#ctl00_PlaceHolderLeftNavBar_ctl04_MyWebTreeView Table a{ white-space:normal;text-align:right}
#ctl00_PlaceHolderLeftNavBar_ctl04_MyWebTreeView Table a img{ display:none}
#ctl00_PlaceHolderLeftNavBar_ctl04_MyWebTreeView Table td:first-child a img{ display:block}

.jfontsize-disabled, .jfontsize-disabled:hover {opacity:0.4;filter:alpha(opacity=40);}

.Rmr{ margin-top:10px}


.carouselMainB{ position:relative; background:url("/Style%20Library/JCCI/Images/banner-bottom-shadow.png") center bottom no-repeat;}
.banner-rc{ position:absolute; background:url("/Style%20Library/JCCI/Images/banner-right-shadow.png") left top no-repeat; width:11px; height:220px; right:-11px; top:0;}
.banner-rc2{ position:absolute; background:url("/Style%20Library/JCCI/Images/BRshadow.png") left top no-repeat; width:11px; height:100px; right:-11px; top:0;}

.carouselMainB .banner-item{ position:relative; display:none; background-color:#FFF}
.carouselMainB .banner-item .image{height:220px; width:720px;border: 1px solid #FFF; border-top:0}
.Hitem2{height:100px !important}
.Topitem{ top:10px !important}
.carouselMainB .banner-item:first-child{ display:block;}
.carouselMainB .banner-item .banner-txt{ display:none; text-align:right; position:absolute; top:48px; left:0px; padding-left:10px; width:230px;}

.carouselMainB .pager{ height:18px; text-align:center; display:table; width:100%;}
.carouselMainB .pager a{ width:5px; height:5px; margin-left:5px; margin-top:7px; display:inline-block; background:url("/Style%20Library/JCCI/Images/banner-btn.png") left top no-repeat; }
.carouselMainB .pager a.hover{ background-position:right top;}





.carouselMainS .banner-item2{ position:relative; height:220px; display:none;}
	.carouselMainS .banner-item2 .image{height:100px; width:720px}
.carouselMainS .banner-item2:first-child{ display:block;}
.carouselMainS .banner-item2 .banner-txt{ display:none; text-align:right; position:absolute; height:90px; top:0; right:0px; padding:5px 10px 5px 5px; background-color:#60accf; width:250px;}




.ms-vh, .ms-vh2, .ms-vh-icon, .ms-vh-icon-empty, .ms-vhImage, .ms-gb, .ms-gb2, .ms-gbload, .ms-vb, .ms-vb2, .ms-vb-tall, .ms-vb-user,
.ms-vh2-nograd, .ms-vh3-nograd, .ms-vh2-nograd-icon, .ms-vh2-nofilter-icon, .ms-pb, .ms-pb-selected, .ms-ph, a.ms-addnew{ font-family:F-DFontSmall,Tahoma}	
	


.DivScript{background:url("/Style%20Library/JCCI/Images/banner-bottom-shadow.png") center bottom no-repeat; padding-bottom:20px}

/* ---------- News carousel ---------- */
.carouselMainB{float:left; overflow:hidden; height: 222px;}
	/*.carouselMainB li.dfwp-item {float: left; }*/
.carouselMainB .image-area-left{padding-right:0; *float:none;}
.carouselMainB .item{ padding:0}

.carouselMainS{float:left; overflow:hidden; min-height:100px}
	.carouselMainS li.dfwp-item {float: left;}
.carouselMainS .image-area-left{ *float:none}

.carouselMainSEn{float:left; overflow:hidden;}
	.carouselMainSEn li.dfwp-item {float: left;}
.carouselMainSEn .image-area-left{ *float:none}
.carouselMainSEn .banner-item2 .image{height:100px; width:720px}


.pagination { text-align: center; height:18px; }
.pagination a {background:url("/Style%20Library/JCCI/Images/banner-btn.png") left top no-repeat;width: 5px;height: 5px;margin-left:5px; margin-top:7px;display: inline-block;}
.pagination a.selected { background:url("/Style%20Library/JCCI/Images/banner-btn.png") right top no-repeat;cursor: default;}
.pagination a span {display: none;}

/* ---------- News carousel ---------- */
.carouselNews, .carouselNews1, .carouselNews2 {float:left; overflow:hidden;}
	.carouselNews li.dfwp-item, .carouselNews1 li.dfwp-item, .carouselNews2 li.dfwp-item {float: left; text-align:right !important}
.carouselNews .image-area-left, .carouselNews1 .image-area-left, .carouselNews2 .image-area-left{ *float:none}


.pagination { text-align: center; height:18px; }
.pagination a {background:url("/Style%20Library/JCCI/Images/banner-btn.png") left top no-repeat;width: 5px;height: 5px;margin-left:5px; margin-top:7px;display: inline-block;}
.pagination a.selected { background:url("/Style%20Library/JCCI/Images/banner-btn.png") right top no-repeat;cursor: default;}
.pagination a span {display: none;}


/* ---------- Logo Home carousel ---------- */

.carouselLogo {	position: relative;}
.carouselLogo .caroufredsel_wrapper{margin: 4px 35px 0 !important;}
.carouselLogo ul.dfwp-column { top-9px !important;margin: 0;padding: 0;list-style: none;display: block;}
.carouselLogo ul.dfwp-column li {height: 62px; width:190px; padding: 0;margin: 5px;float: left;}
a.prev, a.next {width: 20px;height: 20px;display: block;position: absolute;top: 45px;}
a.next {left: 15px;background: url("/Style%20Library/JCCI/Images/logoArrowL.png") no-repeat 0 0; }
a.prev {right: 15px;background: url("/Style%20Library/JCCI/Images/logoArrowR.png") no-repeat 0 0; }
a.prev span, a.next span {display: none;}




/* ________________________________________________________________________________________________________________
 										Page Layout: ArticleRight-Events.aspx  
 ________________________________________________________________________________________________________________ */
						 
 .EventsTable {border:1px #ccc solid;border-bottom:3px #ccc solid;width:100% ;}							 
 .EventsTable .EventsTableHeader {text-align:center;background:url('/Style%20Library/JCCI/Images/GridHeader.png') repeat-x top left #FFF ;min-height:30px;}													  
 .EventsTable .EventsTableHeader span {font-weight:bold}	
												  	

/*webparts---header---style----bassel---2 7 2014*/ 

#HP-1 > table:first-child > tbody > tr:first-child{
}


#HP-1 > table:first-child > tbody > tr:last-child > td > table > tbody > tr:last-child{
background-color: #FFF;
display: block;
padding: 10px;
float:right;

}

#HP-9 .bg-webpart{
background:transparent;
border: 12px solid #FFF;
	
}

.bg-webpart .ms-wpContentDivSpace{
	margin:0px !important;

}

#HP-8 .bg-webpart a img{

float: right;
height: 204px;}


#HP-10 .bg-webpart a img{

float: right;
height: 105px;}
#HP-8 .bg-webpart img{
width:199px !important;
height: 201px!important;
margin:0 !important;
	
}
#HP-1 .bg-webpart{
	width: 200px;
}
#HP-1 .bg-webpart > td:first-child{
	width: 100%;
float: left;
}

 .bg-webpart{
	background-color: #FFF;
display: block;
padding: 10px;

}

#HP-1 .ms-WPHeader{
	 background-position: 70px 0
 !important;
	background-image: url("/Style%20Library/JCCI/Images/WPH.png") !important;
background-repeat: no-repeat !important;
}

#HP-5 .ms-WPHeader{
background-position: right -102px
 !important;
	background-image: url("/Style%20Library/JCCI/Images/WPH.png") !important;
background-repeat: no-repeat !important;
}





#HP-2 > table:first-child > tbody > tr:first-child{

}
#HP-2 .ms-PartSpacingVertical{
	margin-top: -12px!important;
}
#HP-2  #WebPartWPQ7{
	width: 92%;
background-color: #FFF;
display: block;
padding: 9px;
float: right;
margin: 0;
}
#HP-2 > table:first-child > tbody > tr:last-child > td > table > tbody > tr:last-child{
background-color: #FFF;
display: block;
padding: 10px;
float:right;
width:91%;

}


#HP-2 .ms-WPHeader{
	background-position: 30px -34px !important;
	background-image: url("/Style%20Library/JCCI/Images/WPH.png") !important;
background-repeat: no-repeat !important;
}





#HP-3 > table:first-child > tbody > tr:first-child{
display:none;
}


#HP-3 > table:first-child > tbody > tr:last-child > td > table > tbody > tr:last-child{
background-color: #FFF;
display: block;
padding: 10px;
float:right;

}

#HP-3 .bg-webpart{
	background-color: #FFF;
display: block;
padding: 10px;

}

#HP-3 .ms-WPHeader{
	background-position: 30px -34px !important;
	background-image: url("/Style%20Library/JCCI/Images/WPH.png") !important;
background-repeat: no-repeat !important;
}

#HP-8{
	height:242px;
}
#HP-8 .ms-WPHeader{
	background-position: 70px -204px ;
	background-image: url("/Style%20Library/JCCI/Images/WPH.png") !important;
background-repeat: no-repeat !important;
background-color: #F3F3F3;
}


#HP-7 h3.WPH{
	background-position: 70px -170px ;
	background-image: url("/Style%20Library/JCCI/Images/WPH.png") !important;
background-repeat: no-repeat !important;

}


#HP-6 .ms-WPHeader{
	background-position: 60px -136px  ;
	background-image: url("/Style%20Library/JCCI/Images/WPH.png") !important;
background-repeat: no-repeat !important;

}

#HP-10 .ms-WPHeader{
background-position: 70px -272px) !important;
	background-image: url("/Style%20Library/JCCI/Images/WPH.png") !important;
background-repeat: no-repeat !important;

}


.ms-WPHeader a:hover{
	color:#FFF;
}

/*webparts---header---style----bassel---2 7 2014*/ 

/* ---------- News ---------- */
.HomeLink img{ width:40px; height:29px;}

.s4-specialNavLinkList{ display:none}
.ms-rteFontFace-3{ font-family:F-DFontSmall,Tahoma}

.ComitNav{ padding:3px 4px 8px 0; border-bottom:1px #ececec solid}
	.ComitNav a, .ComitNav a:link{ font-family:F-DFontSmall,tahoma}
p.Committ{ padding:5px 7px; font:12px/18px F-DFontSmall,tahoma; color:#707070}

.WPH3h-Brown{ background:url("/Style%20Library/JCCI/Images/WPH2-Gray.png") no-repeat top right }
	.Brown .NewsCont{ background:url("/Style%20Library/JCCI/Images/NewsImg-Brown2.png") no-repeat center }
	.Brown .calendar tr:first-child > td {color: #c59d6a;}
	.Brown .calendar .caldate td.today, .Brown .calendar .caldate td.today a {background-color: #c59d6a !important;}
    
.WPH3h-green{ background:url("/Style%20Library/JCCI/Images/WPH2-green.png") no-repeat top right }
	.green .calendar tr:first-child > td {color: #9b9b9b;}
	.green .calendar .caldate td.today, .green .calendar .caldate td.today a {background-color: #9b9b9b !important;}

.WPH3h-Gray{ background-position: right -238px }

.GrayBg .Discnt, tr.GrayBg .News{ background-color:#eee;}
.GrayBg .Discnt{width:96%}

.WPR .s4-wpcell-plain > table{ padding-bottom:0}
.WPR .News{ margin-top:5px; height:53px; overflow:hidden }
	/*.WPR .News a{line-height:19px !important;}*/
.WPR .ms-PartSpacingVertical{margin-top: 0}


.Frm td.ms-WPBorder{border:0; background-color:#FFF; padding:10px; min-height:230px; display:inline-block}
	.Div-h2 td.ms-WPBorder{ width:440px}
	.Div-h td.ms-WPBorder{ width:200px}
	.Div-h4 td.ms-WPBorder{ width:920px}

.PlusT{ width:145px; overflow:hidden;



}


/*
Table Style - This is what you want
------------------------------------------------------------------ */
.ms-formtable { background-image: url("/Style%20Library/JCCI/Images/oneShadowL.png") no-repeat scroll left bottom transparent !important;
padding-bottom
: 20px;width:100%;font-family:F-DFontSmall,tahoma;color:#666;font-size:12px;margin:10px 0;border:#eaeaea 1px solid;
background-color: white;
padding: 14px;
}

.ms-formtable .ms-formlabel {padding:8px 5px 6px 5px; font:11px/15px F-DFontSmall,tahoma;border-bottom:2px solid #FFF; border-right:3px solid #62accf;background: #f4f4f4;}
.ms-formtable tr{text-align: right;padding-left:10px;}
.ms-formtable tr td:first-child{text-align: right;padding-left:10px;border-left: 0;}
.ms-formtable tr td {padding:8px;border-top: 1px solid #f2f2f2;border-bottom:1px solid #FAFAFA;border-left: 1px solid #FAFAFA;background: #FFF;}
.ms-formtable tr.even td{background: #f6f6f6;}
.ms-formtable tr:last-child td{border-bottom:0;}
.ms-formtable tr:hover td{background: #fbfbfb;}

.ms-ButtonHeightWidth{	background: url("/Style%20Library/JCCI/Images/BtnPatt1.png") repeat-x center;
    border-color: #969696;
    color: #020202;
    border-style: solid;
    border-width: 0 3px;
    font: bold 11px/15px F-DFontSmall,tahoma;
    height: 23px;
    margin-top: 10px;
    width: 93px;
    padding:0
}
:focus {outline: 0}
.ms-ButtonHeightWidth:hover{ cursor:pointer;border-color: #8FC7E2; background: url("/Style%20Library/JCCI/Images/BtnPatt3.png") repeat-x center}
	
.SMPg{clear: both;display: block;float: none;margin-top: 40px;width: 100%;}	
	
	
/* ________________________________________________________________________________________________________________
 										09. Form Styles
 ________________________________________________________________________________________________________________ */

	.GryStyle{ padding:10px 0 0 0;}
		.GryStyle td{ font-family:F-DFontSmall,Tahoma}

	.LableTd, .LableTd2{ width:100px;color:#969696; font:11px/15px F-DFontSmall,tahoma;color:#474747; border-right:3px #61abce solid; padding:0 10px 0 34px; text-align:left;}
		.LableTd{ background:#f4f4f4 url("/Style%20Library/JCCI/Images/Pass.png") no-repeat left center;}
		.GryStyle tr:first-child .LableTd{ background:#f4f4f4 url("/Style%20Library/JCCI/Images/User.png") no-repeat left center;}

	.InbutTd input.Pass{background:url("/Style%20Library/JCCI/Images//TxtBoxNPatt.png") repeat-x top;border:1px #c4de83 solid;border-right:3px #8cb238 solid;}
	.InbutTd input.valid{background:url("/Style%20Library/JCCI/Images//TxtBoxNPatt.png") repeat-x top;border:1px #f7bbb0 solid;border-right:3px #da2102 solid;}
	
	.InbutTd input{ width:233px; padding:4px; color:#929292; border:1px #eaeaea solid; background:url("/Style%20Library/JCCI/Images//TxtBoxPatt.png") repeat-x top;border-right:3px #464646 solid;}
	.InbutTd input:hover { background:#FFF url("/Style%20Library/JCCI/Images/TxtBoxHPatt.png") repeat-x center; border:1px #c3ddec solid;border-right:3px #63abd1 solid;}
				
.FormBtn2{	background: url("/Style%20Library/JCCI/Images/BtnPatt4.png") repeat-x center;
    border-color: #58b3ce;color: #FFF;border-style: solid;border-width: 0 3px; font: bold 11px/15px F-DFontSmall,tahoma;height: 23px;margin-top: 10px;width: 93px;padding:0
}
.FormBtn2:hover{ cursor:pointer; color:#333; border-color: #969696; background: url("/Style%20Library/JCCI/Images/BtnPatt3.png") repeat-x center}
	
.loginBatn{ padding-right:157px}	

.loginDsc{ padding:20px}
.loginDsc img{ float:right}
.loginDsc p{ position:relative; margin-right:80px; padding-top:15px; line-height:16px}
	.loginDsc p span{ font-weight:bold}
	.loginDsc p span a, .loginDsc p span a:link{ color:#60acce}


.WPHQ{ height:33px; padding:2px 33px 0 0; text-align:right; background:#535353 url("/Style%20Library/JCCI/Images/HdrBgQ.png") no-repeat right top}
	.WPHQ a, .WPHQ a:link, .WPHQ a:visited{ color:#FFF; font:bold 12px/32px F-DFont,tahoma}


.WPH{font:normal 13px/15px F-DFontSmall,tahoma; margin:0 5px 0 0; text-align:right; color:#FFF; height:16px;overflow: hidden; /*background:url("/Style%20Library/JCCI/Images/WPH0.png") no-repeat 60px 0;*/ }
	.WPH span{vertical-align:middle; padding:0 5px 0 0}
	
	span.Plus{padding: 0 2px;
font: 20px/13px arial;
background-color: #636363;
color: #FFF;
border: 2px #f4f4f4 solid;
margin-right: -2px;}

.WPHNew{font:normal 13px/15px F-DFontSmall,tahoma; margin:0 5px 0 0; text-align:right; color:#FFF; height:16px;overflow: hidden; background-image:url("/Style%20Library/JCCI/Images/WPH3.png"); background-repeat:no-repeat}
.WPHNew span{vertical-align:middle; padding:0 5px 0 0}
	span.Plus{padding: 0 2px;
font: 20px/13px arial;
background-color: #636363;
color: #FFF;
border: 2px #f4f4f4 solid;
margin-right: -2px;}
h3.WPHNew a, h3.WPHNew a:link, h3.WPHNew a:visited{ color:#FFF; display:inline-block; width:85%}

.ms-WPHeader td:first-child.ms-wpTdSpace {overflow: hidden;
float: right;
border-left: 0px #f4f4f4 solid;
width: 18px;
margin-left: 2px;
height: 16px;
margin-right: 0px;}

.WPbg .ms-PartSpacingVertical{ margin:0}


.WPH3h{ background:url("/Style%20Library/JCCI/Images/WPH2.png") no-repeat top right }
.WPH8h{ background:url("/Style%20Library/JCCI/Images/WPH3.png") no-repeat top right }
.WPH9h{ background:url("/Style%20Library/JCCI/Images/WPH4.png") no-repeat top right }


/* ________________________________________________________________________________________________________________
 										09. Form Styles
 ________________________________________________________________________________________________________________ */

fieldset { border:1px #eaeaea solid; margin-top:15px}
legend {width:150px;padding:5px 20px 5px 5px; margin-right:7px; border:1px #eaeaea solid; border-right:3px #555555 solid; font-weight:bold;}

.Form{ }
	.JCCI_FormTable{margin:7px; border-collapse: collapse;}
		.JCCI_FormTable td{border-bottom:5px #FFF solid;}
		.ms-WPBody td{ font-family:F-DFontSmall,Tahoma !important}
	.Field_Title{ width:100px; border-left:5px #FFF solid; background-color:#f4f4f4;color:#474747; border-right:3px #62accf solid; padding:5px 10px 5px 14px; text-align:left; font:11px/15px F-DFontSmall,Tahoma !important}
	
	.true{border:1px #c4de83 solid !important;border-right:3px #8cb238 solid !important;}
	.valid{border:1px #f7bbb0 solid !important;border-right:3px #da2102 solid !important;}
	
	.Field_Value > input, .Field_Value table .ms-dtinput > input{ width:233px; padding:4px; color:#929292; background:url("/Style%20Library/JCCI/Images/TxtBoxNPatt.png") repeat-x top; border:1px #eaeaea solid;border-right:3px #959595 solid;}
		.Field_Value > select{ width:auto}
	.Field_Value > input:hover, .Field_Value > textarea:hover, .Field_Value > input:focus, .Field_Value > textarea:focus {
	    background:#FFF url("/Style%20Library/JCCI/Images/TxtBoxHPatt.png") repeat-x center; border:1px #c3ddec solid;border-right:3px #63abd1 solid;}
	
	.GryStyle .Field_Title{ color:#969696; border-right:3px #959595 solid;}
	.ReadOnly{background:url("/Style%20Library/JCCI/Images/TxtBoxPatt.png") repeat-x top; min-height:14px; border:1px #eaeaea solid;border-right:3px #959595 solid;width:233px;display: inline-block; padding:4px; color:#929292;}
		
	.VDR a, .VDR a:link, .VDR a:visited{ display:inline-block; width:20px; height:15px; background:url("/Style%20Library/JCCI/Images/Q.png") no-repeat center}
		.VDR a:hover{background:url("/Style%20Library/JCCI/Images/QH.png") no-repeat center}
	
	.Btn1, .Btn2, .Btn3, .Btn4, .FormBtn{width:93px; cursor:pointer; height:23px; margin-top:10px; border-width:0 3px; border-style:solid; font:bold 11px/15px F-DFontSmall,tahoma}
	.Btn1, .FormBtn{ border-color:#969696; background:url("/Style%20Library/JCCI/Images/BtnPatt1.png") repeat-x center; color:#020202;}
	.Btn2{ border-color:#c3c3c3; background:url("/Style%20Library/JCCI/Images/BtnPatt2.png") repeat-x center; color:#FFF;}
	.Btn3{ border-color:#8fc7e2; background:url("/Style%20Library/JCCI/Images/BtnPatt3.png") repeat-x center; color:#020202;}
	.Btn4{ border-color:#5fadd3; background:url("/Style%20Library/JCCI/Images/BtnPatt4.png") repeat-x center; color:#FFF;}

.FormBtn{	background: url("/Style%20Library/JCCI/Images/BtnPatt1.png") repeat-x center;
    border-color: #969696;color: #020202;border-style: solid;border-width: 0 3px; font: bold 11px/15px F-DFontSmall,tahoma;height: 23px;margin-top: 10px;width: 93px;padding:0
}
.FormBtn:hover{ cursor:pointer;border-color: #8FC7E2; background: url("/Style%20Library/JCCI/Images/BtnPatt3.png") repeat-x center}

input[type="radio"], input[type="checkbox"]{margin-left:3px}


.Field_Value table td.ms-dtinput input{ width:208px}
.Field_Value .radio input { margin:0 3px}

.JCCI_FormTable .checkbox{ padding-right:7px}
.JCCI_FormTable .checkbox label{ padding-right:4px}


/* -------------------------------- 3. GridView Styles --------------------------- */
.GridView {width: 680px;padding: 0;margin: 10px 0;direction:rtl}
.headerStyle {font: bold 11px/15px F-DFontSmall,tahoma;color: #4f6b72;border-left: 1px solid #dfd3a0;border-bottom: 1px solid #dfd3a0;border-top: 1px solid #dfd3a0;text-align: right;padding: 6px 6px 6px 12px;background: #EDE5C3;}
.headerStyle th{padding:5px 5px 5px 0}
.GridView td {border-left: 1px solid #dfd3a0;border-bottom: 1px solid #dfd3a0;background: #fff;padding: 6px 6px 6px 12px;color: #4f6b72;}
.GridView tr td:first-child {border-right: 1px solid #dfd3a0;}
.alternateItemStyle td {background: #F5FAFA;color: #797268;}
/* ------- GridView Styles ------- */

.clearer{clear: none;}


/*------------SitesG------------------------------------------------------------------------------------------------------------------------*/
.SitesG{background-color:#eee; width:100%; min-height:105px; padding:2px 0}
.SitesGM td.ms-WPBorder{border:0; background-color:#FFF; padding:10px; min-height:200px; display:inline-block}
.SitesG2 ul.dfwp-column{background-color:#FFF; width:100%; min-height:105px; padding:8px 0}

	.ComtsList{ width:278px; float:right; padding:4px 7px 0 0; margin:2px 8px; border:1px #FFF solid; background-color:#F6F6F6}
		.SitesG2 ul li.alt .ComtsList {background-color: #eee;}

.Cmt-Help, .Cmt-Mail, .Cmt-SMS{ width:16px; padding:1px; height:16px; cursor:pointer; border-left:1px #FFF solid;}
	.Cmt-Help:hover, .Cmt-Mail:hover, .Cmt-SMS:hover{ background-color:#ececec}
.Cmt-Help{border-left:0; background:url("/Style%20Library/JCCI/Images/Cmt-Help.png") no-repeat center;}
.Cmt-Mail{background:url("/Style%20Library/JCCI/Images/Cmt-Mail.png") no-repeat center;}
.Cmt-SMS{ background:url("/Style%20Library/JCCI/Images/Cmt-SMS.png") no-repeat center;}

.Cmt{ height:16px; margin-top:-3px}

/* basic examples */
.jgd-dropdown dd, .jgd-dropdown dt, .jgd-dropdown ul {	margin: 0;	padding: 0;}
.jgd-dropdown dd {	position: relative;}.jgd-dropdown a, .jgd-dropdown a:visited {	color: #696969;	text-decoration: none;	outline: none;}
.jgd-dropdown a:hover {	color: #696969;}
.jgd-dropdown dt a:hover {	color: #696969;	border: 1px solid #a9a9a9;}
.jgd-dropdown dt {	background: #ffffff url("http://www.dev4press.com/jgd/dropdown/gfx/arrow.png") no-repeat right center;	width: 220px;}
.jgd-dropdown dt a {	display: block;	padding-left: 20px;	border: 1px solid #a9a9a9;	width: 210px;	padding: 7px;}
.jgd-dropdown dt a span {	cursor: pointer;	display: block;}
.jgd-dropdown dd ul {	background-color: #ffffff;	border: 1px solid #a9a9a9;	color: #696969;	display: none;	z-index: 1000;	right: 0;	padding: 0;	position: absolute;	top: 2px;	width: 224px;	list-style: none;}
.jgd-dropdown span.value {	display: none;}.jgd-dropdown dd ul li a {	padding: 5px;	display: block;}
.jgd-dropdown dd ul li.hide_selected {	display: none;}
.jgd-dropdown dd ul li.item-odd a {	background-color: #f5f5f5;}
.jgd-dropdown dd ul li.item-even a {	background-color: #fafafa;}
.jgd-dropdown dd ul li a:hover {	text-decoration: underline;	color: #222222;}
/* countries expansion */.jgd-dropdown.jgd-countries dt {	width: 244px;}
.jgd-dropdown.jgd-countries dt a {	padding: 4px 32px 4px 4px;	font-weight:bold;}
.jgd-dropdown.jgd-countries dd ul {	width: 246px;}
.jgd-dropdown.jgd-countries .flag a {	padding: 4px 32px 4px 4px;	background-image: url("http://www.dev4press.com/jgd/dropdown/gfx/countries.png");	background-repeat: no-repeat;	background-position: -24px 0px;	font-size:0.9em;	line-height:18px;}
.jgd-dropdown.jgd-countries .flag.BR a {	background-position: 0 0;}
.jgd-dropdown.jgd-countries .flag.FR a {	background-position: 0px -24px ;}
.jgd-dropdown.jgd-countries .flag.DE a {	background-position: 0px -48px;}
.jgd-dropdown.jgd-countries .flag.IN a {	background-position: 0px -72px;}
.jgd-dropdown.jgd-countries .flag.JP a {	background-position: 0px -96px;}
.jgd-dropdown.jgd-countries .flag.RS a {	background-position: 0px -120px;}
.jgd-dropdown.jgd-countries .flag.UK a {	background-position: 0px -144px;}
.jgd-dropdown.jgd-countries 
.flag.US a {	background-position: 0px -168px;}



.lgnCol1{ width:100%; height:29px; /* background:url("/Style%20Library/JCCI/Images/LgnPatt1.png") repeat-x top */}
	.lgnLogin{display:none; text-align:right; font:14px/16px F-DFontSmall,tahoma;padding:8px 40px 0 0; height:21px; background:url("/Style%20Library/JCCI/Images/LgnIcon1.png") no-repeat right center }
.lgnCol2{width:100%; height:31px; /* background:url("/Style%20Library/JCCI/Images/LgnPatt2.png") repeat-x top */}
	.lgnNUser{ display:none; text-align:right; font:14px/16px F-DFontSmall,tahoma; padding:8px 40px 0 0; height:23px; background:url("/Style%20Library/JCCI/Images/LgnIcon2.png") no-repeat right center ; }

.lgnLogOut{ text-align:right; font:14px/16px F-DFontSmall,tahoma;padding:8px 40px 0 0; height:21px; background:url("/Style%20Library/JCCI/Images/LgnIcon4.png") no-repeat right center }
.lgnNControlP{text-align:right; font:14px/16px F-DFontSmall,tahoma; padding:8px 40px 0 0; height:23px; background:url("/Style%20Library/JCCI/Images/LgnIcon1.png") no-repeat right center }

.ComtImg{ height:127px}

.s4-trc-container-menu{ margin:0; padding:0;  font-size:11px}
.ms-SpLinkButtonInActive a, .ms-SpLinkButtonInActive a:link{ color:#656565;}




/* ---- classes for drop down ------- */
.styled-select{position:relative;} 
select.ComboBox{position:relative;z-index:10000;width:245px !important;height:26px !important;line-height:26px;}
span.ComboBox{position:absolute;bottom:0;float:right;right:0;width:245px;height:26px;line-height:26px;text-indent:10px;
	background:url("/Style%20Library/JCCI/Images/DDL2.png") no-repeat 0 0;cursor:default;z-index:1;}

	
/* Tooltip */
.tooltip{position:absolute;;background-color:#f5e99d;border:1px solid #e9c06e;width:auto;}
.tooltip p{margin:0;padding:0;font:10px tahoma}


/* -------------------------------- 1. Horizontal Menu --------------------------- */
#FooterLinks{ padding-top:20px; padding-right:40px; width:940px; margin:0 auto}
#FooterLinks div.catblock{ float:right; min-height:145px}


/*.s4-tn > .menu-horizontal ul.root > li.static > ul > li.dynamic-children > ul{
position:static !important;
	
} */ 
.s4-tnQ{margin:1px 5px 0 0}
.s4-tnQ ul.static{white-space:nowrap; float:right}
.s4-tnQ li.static > .menu-item{white-space:nowrap;display:inline-block; padding:4px 18px 0 0; float:none;height: 22px;font:normal 12px F-DFontSmall,tahoma;color: #666;margin-left:3px !important;vertical-align:middle;}
.s4-tnQ li.static > a:hover{color:#000;text-decoration:underline}
.s4-tnQ li.static{}
.s4-toplinks .s4-tnQ a.selected{color:#00; border:0; background:transparent none}
.s4-tnQ ul.dynamic{ background-color:transparent; border:0; font:normal 11px/16px F-DFontSmall,tahoma;}
.s4-tnQ li.dynamic > .menu-item{padding:0px 10px 1px 10px ; margin:0; color:#969696 }
.s4-tnQ .menu-horizontal .menu-item-text {white-space:normal; display:inline-block !important}
/* hide arrows for top level items with flyouts */ 
.menu-horizontal a.dynamic-children span.additional-background, 
.menu-horizontal span.dynamic-children span.additional-background{ background-image: none;}
.menu-horizontal ul.dynamic a.dynamic-children span.additional-background{ background-image: url("/Style%20Library/JCCI/Images/hMenuArw.png"); padding-right:12px;}
.s4-tnQ div.menu-horizontal > ul.static > li.static > a { display:none !important;}
.s4-tnQ .menu li.hover > ul.dynamic, .menu li.hover-off ul.dynamic{
 right:-1px;  *right: auto; /* IE7 */display: inline; *display:inherit;}

.s4-tnQ .menu li ul.dynamic{  top:0 !important; right:0 !important;  position:relative !important; visibility:visible !important; display:block !important } 
.s4-tnQ li.dynamic-children ul.dynamic li { padding: 0; width: 150px !important; }
.s4-tnQ span.dynamic, .menu a.dynamic{ min-width:auto}


/* -------------------------------- End Horizontal Menu --------------------------- */


.NPagen{ float:right ; width:700px; text-align:center; clear:both; margin-top:25px}
.NPagen a{ background-color:#e9f5ff; padding:3px 5px; margin:2px 0; display:inline-block}




.ms-MenuUIPopupBody{
	position:fixed!important
}






/* Accordion Style
********************************************************** */
ul.accordion {
    list-style:none;
    margin:0px;
    padding:0px;
}
.accordion-item {
    border-top:1px solid #ccc;
}
.accordion-header {
    font-size:1.2em;
    cursor:pointer;
    padding:10px 23px 10px 10px;
    background:url("/Style%20Library/JCCI/Images/FAQ.png") no-repeat right 9px
}
.accordion-header:hover {
    background:#F4F4F4 url("/Style%20Library/JCCI/Images/FAQ.png") no-repeat right 9px
}
.accordion-header.expanded {
    background:#dfdfdf url("/Style%20Library/JCCI/Images/FAQM.png") no-repeat right 9px
}
.accordion-content {
    padding:20px;
    background:#F4F4F4
}
.expand-all,
.collapse-all {
    display:inline-block;
    cursor:pointer;
    padding:5px 10px;
}
.expand-all:hover,
.collapse-all:hover {
    background:#efefef;
}


.srchctr_mainleftcell{ background:#FFF url("/Style%20Library/JCCI/Images/Find.png") no-repeat 0 0}
.ms-searchref-main{ background-color:#eee; border-color:#eee}
.srch-results{ font:12px F-DFontSmall; }


hr {background-color: #FFF;color: #FFF; height: 1px; border: 1px solid #F4F4F4;}


.Marg .BQ, .Marg .BQ2{ margin: 0 235px 0 0}

.s4-breadcrumb-anchor, .ms-qatbutton{ line-height:10px}

.votImg img{ width:150px !important; height:150px !important}



/*.v4master.NoScrl {overflow: scroll !important;}*/
.NoScrl #s4-workspace{ overflow:auto}


.headertitle, .headertitle a, .headertitle a:link, .level-item, .level-item a, .level-item a:link{ font-family:F-DFontSmall; font-weight:normal}
.level-header{background-color:#F4F4F4; padding-right:5px}

.STxtB input[type="text"]{ width:178px; height:20px; margin-bottom:7px; border:1px #e8e8e8 solid; background-color:#F8F8F8}
.SFormBtn1, .SFormBtn{font:12px F-DFontSmall;border:0; color:#FFF; padding:0px 15px; margin-left:5px; background: url("/_layouts/images/selbg.png") repeat-x scroll left top}
.SFormBtn1{ background-color:#cc3333;}
.SFormBtn{ background-color:#080808;}

.successmsg{ background:url("/Style%20Library/JCCI/Images/succM.png") no-repeat right 4px; padding-right:15px; color:#5dbb10}
.errormsg{background:url("/Style%20Library/JCCI/Images/errormsg.png") no-repeat right 4px; padding-right:15px; color:red}


.eServAr{ }
.eServEn{ display:none}

.FullS{margin-right: 0 !important;}
.srchctr_rightcell{display:none}
.LoginR,.LoginR a, .LoginR a:link{ color:#666}

.PressKit{ background: url("/Style%20Library/JCCI/Images/PressKitBg.png") repeat-x bottom; padding: 10px 4px 10px 0;}

.lgn .LableTd, .lgn .LableTd2 {border-right: 2px solid #666;}


.lgn .InbutTd input {
    border-color: #EAEAEA #666 #EAEAEA #EAEAEA;
    border-width: 1px 2px 1px 1px;}
    
    
.CmtsImg{ display:inline-block; width:100%;border-top: 1px solid #FFF;}
.CmtsImg img{ height:115px}

.ms-dlgTitle { background-color:#666 !important;}



.PLink{ margin:-20px 110px 0 0; }
	.PassLink{ float:right; padding-left:15px}

.LanguageDependantAlign{width:100px}
.EmployeeTable td{text-align:right;padding: 10px;} 



#onetIDListForm .ms-descriptiontext, .ms-formtoolbar .ms-toolbar:first-child, .DspFrm{display:none}

.BgFFF{background-color:#FFF; }








/* ________________________________________________________________________________________________________________
 										09. CALENDER
 ________________________________________________________________________________________________________________ */


    .HeaderRowStyle td a{
    color:transparent !important;
    background-image:url('/Style%20Library/JCCI/Images/arow-left.png');
    background-repeat:no-repeat;
    background-position:50% 50%;
	
}


 .HeaderRowStyle td:first-child a{
    color:transparent !important;
    background-image:url('/Style%20Library/JCCI/Images/arow-right.png');
    background-repeat:no-repeat;
    background-position:50% 50%;
	
}

    .NextPrevMonth{ color:Gray;}
    .HijriCalTable{width: 200px; overflow:hidden; border:0; text-align:center;  margin-top:5px;font:14px/30px F-DFontSmall,tahoma !important;  }
    	.HijriCalTable td.CellStyle:first-child{border-right:1px #ccc solid;}
        
    .CellStyle, .DaysTl{ line-height:20px; color:#666; overflow:hidden; width:26px; height:24px; border:1px #ccc solid; border-right:0; border-top:0}
    
    .CellStyle > .eventDay{background-color:#eee;color:#666 !important; height: 100%;}

.FooterStyle{display:none}

.DaysStyleR{ background:url("/Style%20Library/JCCI/Images/CallArw-R.png") no-repeat center; width:13px; height:13px}
.DaysStyleL{background:url("/Style%20Library/JCCI/Images/CallArw-L.png") no-repeat center; width:13px; height:13px}

.MonthTitle, .DaysTl{  color:#787878}
.DaysTl{color:#d09ea6; text-align:center; border-top:1px #ccc solid;}

.NextPrevMonth{color:#ccc}


.HeaderRowStyle:first-child{ background-color:#eee}
.HeaderRowStyle td.DaysTl:first-child{border-right:1px #ccc solid;	}


.selectedDate{  background-color:#d09ea6; color:#FFF; height:100%}



.menu UL{margin-top:10px;}

.AdvEn{display:none;}

.WFbg tr.ms-WPHeader {background: url("/Style%20Library/JCCI/Images/WPH3.png") no-repeat scroll -20px 0 transparent;}



/*.wrapper{ background:url("/Style Library/Images/RmdnPattBg.png") repeat-x top}*/


.Welcom{
	min-height:0px !important;
}

.SignImg{
	height: 150px;
	width: 200px;
}

/******* pager style ******/
.pager {
	float: left;
	margin-top: 30px;
	margin-left: 262px;
}
.pager strong {
	display: inline-block;
	width: 22px;
	height: 20px;
	background: url('../img/pager-items-bg-active.png') center center no-repeat;
	color: #fff !important;
	line-height: 24px;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
	background-color:#94C25A;
}

.ms-standardheader span:first-child{
	line-height: 18px;
}
.pager a {
	display: inline-block;
	width: 22px;
	height: 20px;
	color: #fff !important;
	line-height: 24px;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
	background-color: #636363;
color: #FFF;

}
.pager .next, .pager .prev {
	color: rgba(28, 98, 126, 0) !important;
	color:transparent !important;
	width: auto !important;
	height: auto !important;
	position:relative;
	top:0; 
	right:0;
	left:0;

	display: inline-block;
		width: 22px;
	height: 20px;

}
.ms-rteTable-1{
color:#666666 !important;
	
}
.pager .prev {
background: url("/Style%20Library/JCCI/Images/logoArrowR.png") no-repeat 0 0;
}
.pager .next {
	background: url("/Style%20Library/JCCI/Images/logoArrowL.png") no-repeat 0 0;
}
#Header {
	background-position: 0px 12px;
}
.jcheaer {
}
body {

	background-position: 0px 12px;
}

#map_canvas{
	width: 581px !important;	
margin-right: 5px;
position:absolute !important;
}


/* content */
/*carousel-----ads-slider---bassel---7-6-2014*/

#amazingcarousel-1 .amazingcarousel-image {	
	position: relative;
	padding: 8px;
	}
#amazingcarousel-container-1 {
margin-right: 6px;
height: 204px;
width: 188px;
overflow: hidden;
padding: 0!important;
float: right;
margin-top: 9px;}
#amazingcarousel-1 .amazingcarousel-image img {
width:180px;
	display: block;
		
	border: 0;
	margin: 0;
	padding: 0;
}
#amazingcarousel-1 .amazingcarousel-text {
	padding-right: 64px;
}

.amazingcarousel-image div > a:first-child{
	display:none !important;
}

#amazingcarousel-1 {

float:right;
}

#amazingcarousel-1 .amazingcarousel-title {
	position:relative;
	font: bold 14px 'Open Sans', sans-serif;
	color:#333333;
	margin:6px;
	text-align:left;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
}

#amazingcarousel-1 .amazingcarousel-description {
	position:relative;
	font: 12px 'Open Sans', sans-serif;
	color:#333333;
	margin:6px;
	text-align:left;
	line-height: 16px;		
	height: 32px;
	overflow: hidden;
}

/* carousel */

#amazingcarousel-container-1 {
}
.amazingcarousel-list{
right:-4px;
	float: left !important;
margin-top: -13px !important;}
#amazingcarousel-1 .amazingcarousel-list-container { 
width:188px;
float: right;
	padding: 16px 0;
}

/* item */

#amazingcarousel-1 .amazingcarousel-item-container {
	text-align: center;
	padding: 0px;
}

/* arrows */

#amazingcarousel-1 .amazingcarousel-prev {
display:none !important;

	}

#amazingcarousel-1 .amazingcarousel-next {
display:none !important;
}

/* navigation bullets */

#amazingcarousel-1 .amazingcarousel-nav {
	position: absolute;
	width: 100%;
	top: 96%;
	z-index:6666;
}

#amazingcarousel-1 .amazingcarousel-bullet-wrapper {
	margin: 4px auto;
}

.amazingcarousel-item{
	float: left;
width: 188px !important;
}


div.amazingcarousel-bullet-list > div {
width: 8px !important;
height: 8px !important;
background: url("/Style%20Library/JCCI/Images/banner-btn-cor.png")  no-repeat !important;
}


#HP-8 > table:first-child{
	background-color: #FFF;
}
#HP-8 .bg-webpart{
	padding:0 !important;
}
 


.srch-advancedtable{
	background: #EBEBEB !important;
	border:none !important;
}



.gallery .grid{
	background-color: #FFFFFF !important;
}

.date-cont{
	float:right;
	
}
.News2 .date-cont{
/*width:78%;*/
}
HP-7 .cbq-layout-main{
	background-color:#FFF;
}


.bg-webpart-cor-old{
	border: 11px solid #FFF;
float: right;
height: 102px;
}


.s4-tn li.static > ul > li.static > ul {
/*width:413px;*/
float:right;
background-color:#FFF;
	display:block !important;
	visibility:visible !important;
}

.s4-tn li.static > ul > li.static > ul > li{
	display:block !important;
	visibility:visible !important;
}
.item-even >  ul{
	display:block !important;
	visibility:visible !important;
position: static !important;
}
.item-odd > ul{
	display:block !important;
	visibility:visible !important;
position: static !important;
}
.s4-toplinks .menu-horizontal .item-odd > a > span,.s4-toplinks .menu-horizontal .item-even > a > span {
font-weight:bold;
background:	url("/Style%20Library/JCCI/Images/bultes-nav-jcci.png")  no-repeat !important;
background-position:right center !important;
padding-right:12px;
padding: 3px 10px 3px 10px !important;


}
.menu-horizontal .item-odd > a ,.item-even > a  {
padding: 3px 10px 3px 10px !important;


}

.allcont{
	float: right;
padding: 19px 9px;
}
.cont1{
float: right;
/* position: relative; */
right: 195px;
display: inline-block;
width: 777px;

}
.cont2{
border-left:
1px #CCC solid;
float: right;
/* position: relative; */
right: 195px;
display: inline-block;
/*width: 196px;*/
width: 777px;

}
li.dynamic.item-even{
	margin-right:7px;
}


.side-panel{
float: right;
height: 400px;
width: 224px;
position: absolute;
margin-right: -242px;}



/*
.eid-theme{
background:	url("/Style%20Library/JCCI/Images/Eid-header-bg.jpg")  !important;
background-repeat:repeat-x  !important;

	
}
.eid-img{
background:	url("/Style%20Library/JCCI/Images/eid-img.png")  !important;
background-position:left center !important;
background-repeat:no-repeat !important;

	
}
.no-bg{
	background:transparent  !important;
}
*/



.Delegate .NewsDate{
	background: url("/Style%20Library/JCCI/Images/delegations-bg.png") no-repeat center right;
padding-left: 16px;
float: right;
text-align: left;	
}
.Delegate{
	margin-top: 13px;
width: 100%;
height: 82px;

}
.Delegate .NewsType{
width: 82px;
text-align: center;
float: right;}


.Delegate .NewsTitle > a {
width: 100%;
float: right;
	
}
.NewsBoxWithoutAnim .NewsType{
	margin-left: -2px !important;
}

.ms-dlgFrame{
	overflow:auto !important;
}
.ms-dlgFrameContainer {
overflow:auto  !important;
}


/*****popap maps bassel*****/
.b-close, .b-close:hover {
-moz-border-radius: 34px;
border-radius: 34px;
color: #FFFFFF !important;
text-decoration: none;
cursor: pointer;
position: absolute;
right: -9px;
top: -8px;
display: none;
width: 20px;
height: 19px;
background-color: rgba(82, 82, 82, 0.85);
border: 1px solid #FFF;
text-align: center;
}
#part {
border-radius: 8px;
display: none;
box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.8);
z-index: 1000000 !important;
}
.eventFFF
{
	
	width:100%;
}
/******************************************* 9 / DEC / 2014 ********************/ 
.NewsBox > table{
margin-right:5px;
}
.MinH4 {
min-height: 208px;
}
.NewsTitle {
font: normal 12px/16px F-DFontSmall,tahoma;
padding: 8px 3px 0 0;
display: block;
float: left;
width: 582px;
}
.CirculTitle {
font: normal 12px/16px F-DFontSmall,tahoma;
padding: 9px 4px;
}
.b-item {
padding: 1px 0px;
	
}
.menu.horizontal.menu-horizontal > ul.root.static > li.static.selected > ul.static > li.static.dynamic-children > ul.dynamic
{
}
.NewsBox
{
	display:block !important;
	float:right !important;
	width:240px !important;
}
.News {
margin-top: 5px !important;
height: 50px !important;
overflow: hidden !important;

}
.NewsTitle {
float: right !important;
text-align: right !important;
overflow: hidden;
width: 160px;
margin-top:-8px;
}
.NewsBox table tody tr
{
	padding:0px !important;
	margin:0px !important; 
}
.NewsBox  tr.bg-webpart
{
	padding:0px !important;
	margin:0px !important;
}
.NE-Left.FR .Div-h.oneShadowL.FR .WPH
{
	background: url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 60px 0;
}
.NE-Left.FR  .Div-h.oneShadowL.FR:nth-child(2) .WPH
{
	background-image: url("/Style%20Library/JCCI/Images/WPH.png");
	background-position: -177px -34px;
}
.NE-Left.FR  .Div-h.oneShadowL.FR:nth-child(3) .WPH
{
	background-image: url("/Style%20Library/JCCI/Images/WPH.png");
background-repeat: no-repeat;
background-position: -181px -272px;
}
.NE-right2.FL .NE-r table
{
	background-color:white;
	padding: 10px 2px 0px 0px;
}

.NE-Left.FL .Div-h.oneShadowL.FR:nth-child(1) h3
{
	background-image: url("/Style%20Library/JCCI/Images/WPH.png");
background-repeat: no-repeat;
background-position: -179px -204px;

}
.NE-Left.FL .Div-h.oneShadowL.FR:nth-child(2) h3
{
background-image: url("/Style%20Library/JCCI/Images/WPH.png");
background-repeat: no-repeat;
background-position: -180px -272px;

}

.NE-Left.FL .Div-h.oneShadowL.FR:nth-child(3) h3
{
	background-image: url("/Style%20Library/JCCI/Images/WPH.png");
background-repeat: no-repeat;
background-position: -178px -70px;

}




div#s4-leftpanel .Div-h.oneShadowL.FR h3.WPH.WPH4 
{
	background-image: url("/Style%20Library/JCCI/Images/WPH.png");
background-repeat: no-repeat;
background-position: right -102px;
}
.eventFFF.FR.NBg2 .date-cont.NBg2 .NewsTitle.NBg2
{
	width: 550px !important;
	padding: 6px 3px 0 0;
	height:auto;
}
div#s4-leftpanel .Div-h.oneShadowL.FR:nth-child(2) h3.WPH.WPH7
{
	background-image: url("/Style%20Library/JCCI/Images/WPH.png");
background-repeat: no-repeat;
background-position: -177px -204px;
}
div#s4-leftpanel .Div-h.oneShadowL.FR:nth-child(3) h3.WPH.WPH9
{
		background-image: url("/Style%20Library/JCCI/Images/WPH.png");
background-repeat: no-repeat;
background-position: -177px -272px;

}

.NewsBox .NewsTitle {
line-height:1.5;
font: normal 12px/16px F-DFontSmall,tahoma;
padding: -1px 3px 0 0;
display: block;
float: left;
width: 120px;
position: relative;
}


.NewsBox .NewsTitle{
	padding-top:0px;
}
.cont2 {
border-left:none;
border-right: 1px #CCC solid;
float: left;
/* position: relative; */
right: 195px;
display: inline-block;
/* width: 196px; */
padding-right: 30px;
width: 216px;
}
.cont1 {
float: right;
/* position: relative; */
right: 195px;
display: inline-block;
width: 216px;
}

.allcont {
float: right;
width: 465px;
padding: 19px 9px;
}


.ComtsList a {
text-decoration:underline;
font-weight: bold;
font-size: 12px;
} 

.notcomt-link{
	text-decoration:none !important;
font-weight:normal !important;

}




td.ms-disc-bordered a > img {
  border-radius: 50%;
  padding: 5px;
  border: 3px solid #99C2C6;
  margin-right: 43px;
  margin-top: 6px;
}
td.ms-disc-bordered a {
  color: #73A838;
}
table tr td.ms-disc-bordered-noleft b {
  color: #1C919D;
}
table.ms-disc-bar {
  background: #CDA3A7;
  color: #fff;
  box-shadow: 0px 0px 5px #282828;
  border: 0px solid #8DA3AE;
}


.eid-theme{
	 /* background: url("/Style Library/JCCI/Images/shadow-ramdan.png");*/
  background-position: top center;
  background-repeat: repeat-x;
	}

/**********************Aicha 19/10/2016 ***************************************************/
.lgnLogin, .lgnCol2,.lgnNUser,.lgnLogOut {
    background-color:#176591 !important;
}

.LoginR, .LoginR a, .LoginR a:link {
    color: white;
}
.lgnCol2 {
    border-top: 1px solid white;
}


/* News/Events/Delegates */
    .news-home .news-item, .infographic-item, .events-home .events-item {float: right;margin-bottom: 5px;min-height: 39px;max-height: 43px;overflow: hidden;clear: both;line-height: 1.5;}
    .news-home .news-cont, .infographic-cont, .events-home .event-date { float: right; width: 55px; text-align: center; overflow: hidden; min-height: 39px; max-height: 45px; }
    .news-home .news-cont img { width: 100%; }
    .news-home .news-title, .infographic-title, .events-home .event-title { position: relative; margin-right: 65px; }
    .news-home .news-date {color: #a3c2e1; line-height: 1;}
	#delegates .news-date {color: #d29da7;}
    .events-home .event-date {background: #95c3c3;color: #fff;line-height: 1.2;}
    .events-home .event-date .day { font-size: 2em; padding: 2px;}
		.events-home .event-title { line-height: 1.2; }
/* End News/Events/Delegates */

#news .WPH, #events .WPH, #delegates .WPH { background-image: url(/Style%20Library/JCCI/Images/WPH.png) !important; background-repeat: no-repeat !important; }
#news .WPH { background-position: 70px -121px; }
#events .WPH { background-position: 70px -135px; }
#delegates .WPH { background-position: 70px -68px; }

.ms-WPBody p { font-family: F-DFontSmall, tahoma; }
.b-item p {max-height: 35px; overflow: hidden; }

/* Center Logo Carousel */
	.SitesG.carouselLogo ul.dfwp-column.dfwp-list { width: auto !important; position: static !important; display: inline-block; }
	.SitesG.carouselLogo .caroufredsel_wrapper { text-align: center !important; }
/* End Center Logo Carousel */

/* Chrome Only */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.ms-WPHeader h3.ms-WPTitle{ padding: 0 }
	}
/* End Chrome Only */

/* IE 9, 10 & 11 */
@media screen and (min-width:0\0) { 
	.WPH span > a { padding-top: 5px; }
}
/* End IE 9, 10 & 11 */
@media screen\0 {
	.WPH {
		font: normal 13px F-DFontSmall, tahoma !important;
	}
}

.notification
{
	color: red !important;
	font-size:13px;
	font-weight:bold;
}

.Field_Note{
	padding-bottom:5px;
}


.servicesFormLayout .mainformsDiv{width: 670px;padding: 5px 0;background-color: #FFF;min-height: 882px;margin-right: 0;float:right;}
.servicesFormLayout .sideLogos{width: 220px;float:right;background-color: #FFF;margin-left: 10px;}
.servicesFormLayout .sideLogos .logoDivs{width:100%;margin: 0 auto;padding: 15px 0px;border-bottom: 8px solid #f4f4f4;}
.servicesFormLayout .sideLogos .logoDivs img{width: 90%;/* height:100%; *//* padding: 0px; *//* margin: 0 auto; */}
.servicesFormLayout .mainformsDiv .Field_Value > select {width: 488px;height: 30px;margin-bottom: 5px;}
.servicesFormLayout .mainformsDiv select.ComboBox{position:relative;z-index:10000;width: 487px !important;height: 30px !important;line-height:26px;}
.servicesFormLayout .mainformsDiv .FormBtn{background: url("/Style%20Library/JCCI/Images/BtnPatt1.png") repeat-x center;border-color: #cdcdcd;color: #020202;border-style: solid;border-width: 1px;font: bold 1.2em tahoma;height: 23px;margin-top: 10px;/*width: 93px;*/padding: 0 7px;}
.servicesFormLayout .mainformsDiv .Field_Title{width: 130px;border-left:5px #FFF solid;background-color:#f4f4f4;color:#474747;border-left:3px #62accf solid;padding: 5px 10px 5px 10px;text-align:right;font: 1.25em Tahoma !important;border-bottom: 1px solid #474747;}
.servicesFormLayout .mainformsDiv .ReadOnly {min-height: 14px;height:25px;background-size: contain;border: 1px #eaeaea solid;border-right: 3px #959595 solid;width: 475px;display: inline-block;padding: 4px;color: #929292;}
.servicesFormLayout .mainformsDiv .Field_Value > input,.servicesFormLayout .mainformsDiv .Field_Value table .ms-dtinput > input{position:relative;z-index:10000;width: 475px !important;height: 25px !important;line-height:26px;}
.servicesFormLayout .mainformsDiv .Field_Value > textarea{position:relative;z-index:10000;width: 485px !important;line-height:26px;}
.servicesFormLayout .mainformsDiv .JCCI_FormTable{margin:0}
.servicesFormLayout .mainformsDiv .EmployeeTable{border-bottom:inherit;border:inherit;}
.servicesFormLayout .mainformsDiv .EmployeeTable TH{font:normal 1.2em F-DFontSmall, tahoma;}
.servicesFormLayout .mainformsDiv .JCCI_FormTable TD{border-bottom:inherit;}
.servicesFormLayout .mainformsDiv .EmployeeTable TD{font:normal 1em F-DFontSmall, tahoma;border-top:inherit;}
.servicesFormLayout .mainformsDiv{overflow:hidden;padding: 10px;}
.servicesFormLayout .mainformsDiv .JCCI_FormTable tr {border-bottom: 5px solid #FFF;}

.servicesFormLayout .mainformsDiv td.Field_Value table td iframe {
    z-index: 99999 !important;
    left: 42px !important;
}

@media print and (color) {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        font-size: 11pt;
    }
}

@page {
    size: A4 landscape;
}

@page :left {
    margin: 0;
}

@page :right {
    margin: 0;
}

.CertDetailInfo {
    margin-top: 273px;
    border-spacing: 0px;
}

.CertDetailInfo2 {
    margin-top: 34px;
    border-spacing: 0px;
}

.imgGoldBarcode {
    margin-top: 110px;
    margin-right: 81px;
    width: 80px;
}

.dvStamp{
	margin-right: 99px;
	margin-top: -3px;
}

.dvSignature{
	margin-right: -12px;
}

.stamp, .NormalStamp{
	width:62px;
}

.vipstamp{
	width:62px;
}

.dvNormalStamp{
	margin-right: 61px;
    margin-top: 71px;
}

.vipsignature{
	width: 60px;
    margin-top: 13px;
    margin-right: -123px;	
}

.signature {
    width: 60px;
    margin-top: -6px;
}

.dvGolden {
    background: url('/_layouts/images/PrintCertificate/GOLD.png') no-repeat center;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
}

.dvNormal {
    background: url('/_layouts/images/PrintCertificate/Expand-1.png') no-repeat center;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
}

.CertNormalInfo {
    margin-top: 5.9cm;
    width: 100%;
}

.tblRecordInfo {
    width: 100%;
    margin: 0;
    margin-top: 44px;
    text-align: left;
    margin-right: -210px;
}

    .tblRecordInfo td {
        width: 76%;
        text-align: left;
    }

.imgBarcode {
    margin-left: -15px;
    margin-top: 48px;
}

.dvNormalSignature {
	margin-right: 1.7cm;
    margin-bottom: 89px;
    margin-left:30px !important;
    }

.tblmainInfo {
    width: 100%;
    margin-right: 7px;
    margin-top: -23px;
    border-spacing: 0px;
}

.tblCRName {
    width: 100%;
    margin-right: -33px;
    margin-top: -1px;
}

.cell, .cellName {
    font-size: 11pt;
}

.tblNotification {
    margin-top: -13px;
    color: #466E95;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.tblGoldenNotification {
    margin-top: -23px;
    color: #466E95;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.LblCert, .lnkCert{
	font-family:F-DFontSmall,tahoma;font-size: 14px;
}

.lnkCert{
	color:#069 !important;
}

.smallLogo
{
	width:100%;
}

.dvattach{
	margin-top: -216px;
    margin-right: 252px;
    color: #62accf !important;
    font-weight: bold;
}

.dvattach a:link{
	color: #62accf !important;
    font-size: 13px;
}

.requestTbl{
	background-color:white;
}

.dvSurvey{
	border: 0.5px black;
    border-style: solid;
    padding: 10px;
    margin: 13px;
    text-align: center;
    font-weight: bold;
    color: red;
}

/*Popup Forms Style*/
.ModalPopupBG {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
    zoom: 1;
    background-color: rgba(0,0,0,.8);
    z-index: 2147483647 !important;
    overflow: hidden;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    padding-top: 5%;
    text-align: center;
    }
 .MainPopupContent {
    margin-top: 50px;
    width: 35%;
    text-align: left;
    left: 50px;
    margin: 0 auto;
    margin-top: 0%;
    background: #fff;
    overflow: hidden;
    padding: 10px;
    border-radius: 8px;
    height: 385px;
    overflow: hidden;
    }
    
    .hlLink{	
	color: #3966bf !important;    
	font-size: 12px;
    font-weight: bold;
}
.linkDoc{	
	padding-top:20px;
}