/* --- 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
		4. Other 
05.
  
/* ________________________________________________________________________________________________________________
 										01. GENERAL TYPOGRAPHY
 ________________________________________________________________________________________________________________ */
/* ------- 1. Global Reset ------- */

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:tahoma;font-size: 12px; line-height:17px; direction:ltr }
img { border:0; }
ul{ list-style:none}
:focus {outline: 0}
a:hover{ text-decoration:underline}

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



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

.CirculDate,.NewsDate, .FormatNo{ font-family: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-left:240px; margin-right:0; background-color:transparent;}	
.ms-dialog .s4-widecontentarea {width:auto !important;}
.ms-dialog .s4-ba {padding:0 !important}
.ms-dialog .article-body { padding:0 !important; min-height:100px !important; background:none !important;}
#s4-titlerow{display:none }
/****************8out of box styles**********/
.search-block{ vertical-align:middle!important; padding:0 5px 0 0;}
.search-block .ms-sbgo a img{ display:none;}
.search-block .s4-search INPUT.ms-sbplain{ background:url("/Style%20Library/JCCI/Images/En/search-txt.png") left 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 0 0px 14px !important; padding-top:7px\9 !important }
.search-block .ms-sbgo a{ background:url("/Style%20Library/JCCI/Images/En/gosearch.png") left 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:ltr;}
.generaldiv .s4-ca{background-color:#f4f4f4;	}
.s4-tn{ margin:7px 0 0 5px}
body #s4-topheader2{border: none;background:transparent none;font-weight: bold;height: 28px;}
#s4-topheader2 img{display:none}

/*-- BreadCrumb --*/
.BQ, .BQ2{ padding:0 0 0 22px; min-height:16px; color :#FFF;font:11px/15px tahoma; background:url("/Style%20Library/JCCI/Images/En/BQbg.png") no-repeat left 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/En/BQArrow-Ar.png') no-repeat right 10px; padding:5px 10px 5px 0 ; display:inline-block}	

.breadcrumbNode{background-color:#9a9a9a;padding: 1px 6px;}
.breadcrumbCurrentNode{background-color:#666; padding: 1px 5px;}
		
/* Orange webpart header */
tr.ms-WPHeader{background: transparent url("/Style%20Library/JCCI/Images/WPH3.png") no-repeat 16px 0;
margin-left: 5px;
float: left;
width: 77%;}
tr.ms-WPHeader{ background:transparent url("/Style%20Library/JCCI/Images/WPH3.png") no-repeat 0 0 \0/;}
.ms-WPHeaderTd{	height:14px; padding-left:5px}
.ms-WPHeader td { float: left; border-bottom: none !important; }
.ms-WPHeader td.ms-wpTdSpace { background:#f4f4f4 none; width:16px }

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

.ms-WPHeader h3.ms-WPTitle{ padding:0 0 2px 0}
.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 left -102px;}
.last-block .ms-WPHeaderTd{	height:14px;background:#f4f4f4 url("/Style%20Library/JCCI/Images/WPH.png") no-repeat left -170px;}
.e-service .ms-WPHeaderTd{	height:14px;background:#f4f4f4 url("/Style%20Library/JCCI/Images/WPH.png") no-repeat left -68px;}
.home-comittess .ms-WPHeaderTd{	height:14px;background:#f4f4f4 url("/Style%20Library/JCCI/Images/WPH.png") no-repeat left -34px;}

/* ---------- Article Page ---------- */
.MAIM-Article{ float:right;width:680px; text-align:left;  background: url("/Style%20Library/JCCI/Images/IntrPageL.png") no-repeat scroll left bottom #FFFFFF;
min-height: 500px;padding:10px 10px 40px 10px}
.ArticleHeader{ padding-left:7px}
	.MainTitle{ color:#333; margin-top:20px; font-size:13px}
	.dateLine{ clear:both; line-height:20px; color:#999; font-size:11px}	
.captionImage{float: right}
	.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:left;width:700px; margin:0px; padding:5px 0;}
	.newsPic2{ float:left; margin:0 7px 0 0; width:72px; height:55px; overflow:hidden; position:relative}
		.newsPic2 img{ width:68px; height:51px ; padding:2px; position:absolute;left:0%;}
	
	.NewsData{ float:left; width:550px}
 		.newsTitle, .newsTitle a, .newsTitle a:link, .newsTitle a:visited { font:bold 10px/15px tahoma; color:#666}
 		.newsTitle a:hover {color:#0072bc; text-decoration:underline}
 		.newsTitleS, .newsTitleS a, .newsTitleS a:link, .newsTitleS a:visited { font:normal 11px/13px tahoma; color:#666}
 		.newsTitleS a:hover {color:#0072bc; text-decoration:underline}
 		.newsDes{ padding-left:8px; font:normal 11px/16px tahoma; color:#999}

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

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

.oneShadowL{ background:url("/Style%20Library/JCCI/Images/En/oneShadowL.png") no-repeat scroll right bottom transparent; padding-bottom:20px}
.oneShadowR{ background:url("/Style%20Library/JCCI/Images/En/oneShadowR.png") no-repeat scroll left bottom transparent; padding-bottom:20px}
.towShadow{ background:url("/Style%20Library/JCCI/Images/En/block-shadow-sep.png") no-repeat scroll right 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: -220px 0 }
	.WPH2{ background-position: -220px -170px }
	.WPH3{ background-position: -220px -68px }
	.WPH4{ background-position: right -102px; width:170px; height:auto; min-height:14px; }
	.WPH5{ background-position: -220px -136px }
	.WPH6{ background-position: -220px -170px }
	.WPH7{ background-position: -220px -204px }
	.WPH8{ background-position: -220px -238px }
	.WPH9{ background-position: -188px -272px; }


.HWP1 tr.ms-WPHeader{  background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 0 0;}
.HWP2 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 0 -34px  }
.HWP3 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 0 -68px  }
.HWP4 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 0 -102px }
.HWP5 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 0 -136px }
.HWP6 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 0 -170px }
.HWP7 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 0 -204px }
.HWP8 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 0 -238px }
.HWP9 tr.ms-WPHeader { background:transparent url("/Style%20Library/JCCI/Images/WPH.png") no-repeat 0 -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:left; margin-right: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-right:0; }
.b-item a.h-link { margin-right:5px; display:inline-block; float:left;}
.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 0 0 7px;}
		.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");}
				.qLive{/*background-position: -155px 0;*/  background-image: url("/Style%20Library/JCCI/Images/liveicon.png");}
				.qBigFont{background-position: -160px 0;}
				.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:right; 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:left; margin-bottom:4px; padding:4px; min-height:39px}
	.DiscntCont{ float:left; width:55px; text-align:center}
		.FormatD{ background-color:#cfa2c3;border-top:2px #FFF solid; font:normal 10px/14px tahoma;padding-top:2px; color:#FFF}
		.FormatNo{ background-color:#636363;  font-size:15px; color:#FFF; width:55px; height:21px}
	.newsTitleS{ position:relative; margin-left:60px;}

.Discnt2{ float:left; 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-left:110px;}

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

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


	.News{ margin-top:10px; padding:4px}
		.NewsImg{ float:left; width:62px; height:47px; background:url("/Style%20Library/JCCI/Images/DefaultImg.png") no-repeat center }
	     .NewsImg img{width:62px; height:47px;}
     	.NewsData{width:160px; margin-left:4px}
			.NewsCont{color:#FFF; font:normal 11px/15px tahoma; width:100%; height:15px; background:url("/Style%20Library/JCCI/Images/En/NewsImg.png") no-repeat left center}
				.NewsDate{background: url("/Style%20Library/JCCI/Images/news-bg.png") no-repeat center left;
padding-left: 16px;
float: left;
text-align: right;}
				.NewsType{width:63px; text-align:center; float:right;}
			.NewsTitle{font:normal 12px/16px tahoma; padding:2px 0 0 3px;}

.News2{ margin-top:13px; width:100%; height:82px; }
	.NewsFFF{background-color: #FFFFFF; width:100%}
	.News2 .NewsCont{ background-position:left}
	.News2 .NewsType{ float:left; width:93px;}
	.News2 .NewsData2{position:relative; margin-left:70px; float:right;}

	.NewsContL{color:#FFF; font:normal 11px/16px tahoma; width:100%; height:15px; }
		.NewsContL span{ float:left; font: 20px/13px arial;padding: 0 2px; }
		.NewsDateL{width:55px; text-align:center; float:left}
		.NewsTypeL{width:63px; text-align:center; float:left}
		
		.News2 .NewsImg{ float:left; 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-right:10px}
			
		.News2 .NewsTitle{font:bold 12px/16px tahoma; color:#464646; padding:10px 0 5px;}

				/*.News2 > .NewsFFF > .NBg1{background:transparent!important}*/


.FormatD2{ background-color:#a3c2e1;border-top:2px #FFF solid; font:normal 10px/14px 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 tahoma;}
	.CAType {}
		.CAType select{width:178px;border:1px #ddd solid; padding:2px; font:normal 11px/16px tahoma;}
	.SCButton{ text-align:left; padding-left: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 tahoma}
	.BDASearch{ text-align:left}
		.BDASearch a, .BDASearch a:link, .BDASearch a:visited{ font-family:tahoma}

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



.copyright{ 
/*background:url("/Style%20Library/JCCI/Images/En/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{
	padding-top: 117px;	
	font-family: tahoma;
	text-align:	center;
}


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


#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/En/banner-right-shadow.png") right top no-repeat; width:11px; height:220px; left:-11px; top:0;}
.banner-rc2{ position:absolute; background:url("/Style%20Library/JCCI/Images/En/BRshadow.png") right top no-repeat; width:11px; height:100px; left:-11px; top:0;}

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

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

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

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

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


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

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

/* ________________________________________________________________________________________________________________
 										03. Menu Style
 ________________________________________________________________________________________________________________ */
/* -------------------------------- 1. Horizontal Menu --------------------------- */
.ms-WPHeader a:hover{
	color:#FFF;
}
.s4-tn{margin:1px 0 0 5px}
.s4-tn ul.static{white-space:nowrap}
.s4-tn li.static > .menu-item{white-space: nowrap;
display: inline-block;
padding: 6px 4px 4px 21px;
height: 18px;
font: normal 12px/18px tahoma;
color: #666;
margin-left: 13px !important;
vertical-align: middle;
margin-top: -3px;}

.s4-tn li.static > a:hover{color:#000;text-decoration:underline}
.s4-tn li.static{margin-top:-2px;}

.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 tahoma;}
.s4-tn li.dynamic > .menu-item{ padding: 3px 10px 3px 22px; 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-image: url("/Style%20Library/JCCI/Images/hMenuArw.png");}

.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:-1px;  
 *right: auto; /* IE7 */
 display: inline; *display:inherit;
}

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

/* Target all Firefox */ 
.s4-tn .menu li > ul.dynamic > li > ul.dynamic{  top:0 !important; left:0 !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:left; padding: 0; width: 195px !important; }
.s4-tn .menu li > ul.dynamic > li > ul.dynamic li{ width: 130px !important; padding-left:10px; font-size: 10px;}
.s4-tn .menu li ul li.last > a { border-bottom:0; }

 
.sf-sub-indicator{ display:none}
/* -------------------------------- 2. Vertical Menu --------------------------- */
.s4-ql{margin-top:-30px}
.s4-ql ul li {
font:11px/16px tahoma;border-bottom:1px #ebebeb solid; text-align:left !important}
.s4-ql li.static > .menu-item { padding:4px 2px 4px 24px; color:#666; }
.s4-ql .static ul li{border-top:1px #eee solid; background:#FFF url("/Style%20Library/JCCI/Images/En/SupBlt.png") no-repeat left 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}
.s4-ql a.selected{background: none transparent;padding-left: 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 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-left: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 left center; font-size:11px; color:#464646 !important; padding: 6px 5px 6px 10px; border:0 !important}
	
.NE-Left{ width:220px; margin-top:-16px}
.NE-right{ width:700px; }
.NE-right2{ width:450px; padding:5px; background-color:#FFF; min-height:680px; margin-right: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 left center;padding-left:10px; }
    .s4-ql .menu-vertical ul.root .opened {background:url("/Style%20Library/JCCI/Images/Up.png") transparent no-repeat left center;padding-left: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 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 right #FFF;
	border-bottom:1px #F1F1F1 solid;
	margin:0 0 2px 0;
}
.NewsPageTitle, .NewsPageDescription, .NewsPageDate {float:left;width:100%;margin:10px 0 0 0;}
.NewsPageImg { margin: 0 0 0 10px;}
.NewsPageImg img{ width:100px;height:80px;border:1px #ccc solid }
/* ________________________________________________________________________________________________________________
 										XSLT Style Sheet - ReleasesImg
 ________________________________________________________________________________________________________________ */

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

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

/* ________________________________________________________________________________________________________________
 										XSLT Style Sheet - News
 ________________________________________________________________________________________________________________ */

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

.AlbumeImage, .AlbumeName{float:left;width:80%;margin:5px 0 10px 0;}
.AlbumeImage{ margin: 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 right;height:20px;text-align: center;Font:normal 12px/16px tahoma;color:#636363;vertical-align:middle}							
 
 .EmployeeTable  tr{height:25px;background:#f8f8f8 }							  
 .EmployeeTable  td {text-align:center;Font:normal 12px/16px 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:left}
#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/En/banner-right-shadow.png") right top no-repeat; width:11px; height:220px; left:-11px; top:0;}
.banner-rc2{ position:absolute; background:url("/Style%20Library/JCCI/Images/En/BRshadow.png") right top no-repeat; width:11px; height:100px; left:-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:left; position:absolute; top:48px; right:0px; padding-right:10px; width:230px;}

.carouselMainB .pager{ height:18px; text-align:center; display:table; width:100%;}
.carouselMainB .pager a{ width:5px; height:5px; margin-right:5px; margin-top:7px; display:inline-block; background:url("/Style%20Library/JCCI/Images/banner-btn.png") right top no-repeat; }
.carouselMainB .pager a.hover{ background-position:left 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:left; position:absolute; height:90px; top:0; left:0px; padding:5px 5px 5px 10px; 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:Tahoma}	
	


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

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

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

.carouselMainSEn{float:right; 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") right top no-repeat;width: 5px;height: 5px;margin-right:5px; margin-top:7px;display: inline-block;}
.pagination a.selected { background:url("/Style%20Library/JCCI/Images/banner-btn.png") left top no-repeat;cursor: default;}
.pagination a span {display: none;}

/* ---------- News carousel ---------- */
.carouselNews, .carouselNews1, .carouselNews2 {float:right; overflow:hidden;}
	.carouselNews li.dfwp-item, .carouselNews1 li.dfwp-item, .carouselNews2 li.dfwp-item {float: right; text-align:left !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") right top no-repeat;width: 5px;height: 5px;margin-right:5px; margin-top:7px;display: inline-block;}
.pagination a.selected { background:url("/Style%20Library/JCCI/Images/banner-btn.png") left top no-repeat;cursor: default;}
.pagination a span {display: none;}


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

.carouselLogo {	position: relative;}
.carouselLogo .caroufredsel_wrapper{margin: 15px 35px 0 !important;}
.carouselLogo ul.dfwp-column {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 {right: 15px;background: url("/Style%20Library/JCCI/Images/En/logoArrowL.png") no-repeat 0 0; }
a.prev {left: 15px;background: url("/Style%20Library/JCCI/Images/En/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 right #FFF ;min-height:30px;}													  
 .EventsTable .EventsTableHeader span {font-weight:bold}													  	



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

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

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

.WPH3h-Brown{ background:url("/Style%20Library/JCCI/Images/En/WPH2-Gray.png") no-repeat top left}
	.Brown .NewsCont{ background:url("/Style%20Library/JCCI/Images/En/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/En/WPH2-green.png") no-repeat top left}
	.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: 0 -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:200px; 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
------------------------------------------------------------------ */
table.ms-formtable {background-image: url("/Style%20Library/JCCI/Images/oneShadowL.png");background-repeat: no-repeat;background-position: left bottom !important; background-color:white; padding:5px 5px;
padding-bottom: 20px;width:100%;font-family:tahoma;color:#666;font-size:12px;background:#FAFAFA;margin:10px 0;border:#eaeaea 1px solid;}

table.ms-formtable .ms-formlabel {padding:8px 5px 6px 5px; font:11px/15px tahoma;border-bottom:2px solid #FFF; border-left:3px solid #62accf;background: #f4f4f4;}
table.ms-formtable tr{text-align: left;padding-right:10px;}
table.ms-formtable tr td:first-child{text-align: left;padding-right:10px;border-right: 0;}
table.ms-formtable tr td {padding:8px;border-top: 1px solid #f2f2f2;border-bottom:1px solid #FAFAFA;border-right: 1px solid #FAFAFA;background: #FFF;}
table.ms-formtable tr.even td{background: #f6f6f6;}
table.ms-formtable tr:last-child td{border-bottom:0;}
table.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 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:Tahoma}

	.LableTd, .LableTd2{ width:100px;color:#969696; font:11px/15px tahoma;color:#474747; border-right:3px #61abce solid; padding:0 34px 0 10px; text-align:right;}
		.LableTd{ background:#f4f4f4 url("/Style%20Library/JCCI/Images/User.png") no-repeat right center;}
		.LableTd2{ background:#f4f4f4 url("/Style%20Library/JCCI/Images/Pass.png") no-repeat right center;}
		
	.InbutTd input.Pass{background:url("/Style%20Library/JCCI/Images//TxtBoxNPatt.png") repeat-x top;border:1px #c4de83 solid;border-left:3px #8cb238 solid;}
	.InbutTd input.valid{background:url("/Style%20Library/JCCI/Images//TxtBoxNPatt.png") repeat-x top;border:1px #f7bbb0 solid;border-left: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-left:3px #464646 solid;}
	.InbutTd input:hover { background:#FFF url("/Style%20Library/JCCI/Images/TxtBoxHPatt.png") repeat-x center; border:1px #c3ddec solid;border-left: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 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-left:157px}	

.loginDsc{ padding:20px}
.loginDsc img{ float:left}
.loginDsc p{ position:relative; margin-left: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 0 0 33px; text-align:left; background:#535353 url("/Style%20Library/JCCI/Images/En/HdrBgQ.png") no-repeat left top}
	.WPHQ a, .WPHQ a:link, .WPHQ a:visited{ color:#FFF; font:bold 12px/32px F-DFont,tahoma}


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

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

.WPHNew{
	font:normal 13px/15px F-DFontSmall,tahoma; 
	margin:0 0 0 5px; 
	text-align:left; 
	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 0 0 5px}
	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: left;
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/En/WPH2.png") no-repeat top left}
.WPH8h{ background:url("/Style%20Library/JCCI/Images/En/WPH3.png") no-repeat top left}
.WPH9h{ background:url("/Style%20Library/JCCI/Images/En/WPH4.png") no-repeat top left}


/* ________________________________________________________________________________________________________________
 										09. Form Styles
 ________________________________________________________________________________________________________________ */

fieldset { border:1px #eaeaea solid; margin-top:15px}
legend {width:150px;padding:5px 5px 5px 20px; margin-left:7px; border:1px #eaeaea solid; border-left: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:Tahoma !important}
	.Field_Title{ width:100px; border-left:5px #FFF solid; background-color:#f4f4f4;color:#474747; border-left:3px #62accf solid; padding:5px 14px 5px 10px; text-align:right; font:11px/15px Tahoma !important}
	
	.true{border:1px #c4de83 solid !important;border-left:3px #8cb238 solid !important;}
	.valid{border:1px #f7bbb0 solid !important;border-left: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-left: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-left: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-left: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 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 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-left:7px}
.JCCI_FormTable .checkbox label{ padding-left:4px}


/* -------------------------------- 3. GridView Styles --------------------------- */
.GridView {width: 680px;padding: 0;margin: 10px 0;direction:rtl}
.headerStyle {font: bold 11px/15px tahoma;color: #4f6b72;border-right: 1px solid #dfd3a0;border-bottom: 1px solid #dfd3a0;border-top: 1px solid #dfd3a0;text-align: left;padding: 6px 12px 6px 6px;background: #EDE5C3;}
.headerStyle th{padding:5px 0 5px 5px}
.GridView td {border-left: 1px solid #dfd3a0;border-bottom: 1px solid #dfd3a0;background: #fff;padding: 6px 12px 6px 6px;color: #4f6b72;}
.GridView tr td:first-child {border-left: 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: left;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-right:1px #FFF solid;}
	.Cmt-Help:hover, .Cmt-Mail:hover, .Cmt-SMS:hover{ background-color:#ececec}
.Cmt-Help{border-right: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 left center;	width: 220px;}
.jgd-dropdown dt a {	display: block;	padding-right: 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;	left: 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 4px 4px 32px;	font-weight:bold;}
.jgd-dropdown.jgd-countries dd ul {	width: 246px;}
.jgd-dropdown.jgd-countries .flag a {	padding: 4px 4px 4px 32px;	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: right -24px ;}
.jgd-dropdown.jgd-countries .flag.DE a {	background-position: right -48px;}
.jgd-dropdown.jgd-countries .flag.IN a {	background-position: right -72px;}
.jgd-dropdown.jgd-countries .flag.JP a {	background-position: right -96px;}
.jgd-dropdown.jgd-countries .flag.RS a {	background-position: right -120px;}
.jgd-dropdown.jgd-countries .flag.UK a {	background-position: right -144px;}
.jgd-dropdown.jgd-countries 
.flag.US a {	background-position: right -168px;}



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

.lgnLogOut{ text-align:left; font:14px/16px tahoma;padding:8px 0 0 40px; height:21px; background:url("/Style%20Library/JCCI/Images/En/LgnIcon4.png") no-repeat left center }
.lgnNControlP{text-align:left; font:14px/16px tahoma; padding:8px 0 0 40px; height:23px; background:url("/Style%20Library/JCCI/Images/LgnIcon1.png") no-repeat left 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:left;left:0;width:245px;height:26px;line-height:26px;text-indent:10px;
	background:url("/Style%20Library/JCCI/Images/En/DDL2.png") no-repeat 0 0;cursor:default;z-index:1;}

	
/* Tooltip */
.tooltip{position:absolute;right:-2000px;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-left:40px; width:940px; margin:0 auto}
#FooterLinks div.catblock{ float:left; min-height:145px}

.s4-tnQ{margin:1px 0 0 5px}
.s4-tnQ ul.static{white-space:nowrap; float:left}
.s4-tnQ li.static > .menu-item{white-space:nowrap;display:inline-block; padding:4px 0 0 18px; float:none;height: 22px;font:normal 12px tahoma;color: #666;margin-right: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:#000; border:0; background:transparent none}
.s4-tnQ ul.dynamic{ background-color:transparent; border:0; font:normal 11px/16px tahoma;}
.s4-tnQ li.dynamic > .menu-item{padding:0px 10px 1px ; 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");}
.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{
 left:-1px;  *left: auto; /* IE7 */display: inline; *display:inherit;}

.s4-tnQ .menu li ul.dynamic{  top:0 !important; left: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:left ; 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}


.ms-rteTable-1 tr.ms-rteTableOddRow-1 { background-color: #F2F2F2;}
.ms-rteTable-1{ color:#607978 !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 10px 10px 23px;
    background:url("/Style%20Library/JCCI/Images/FAQ.png") no-repeat left 9px
}
.accordion-header:hover {
    background:#F4F4F4 url("/Style%20Library/JCCI/Images/FAQ.png") no-repeat left 9px
}
.accordion-header.expanded {
    background:#dfdfdf url("/Style%20Library/JCCI/Images/FAQM.png") no-repeat left 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;
}

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



.srchctr_mainleftcell{ background:#FFF url("/_lay/Images/Find.png") no-repeat right 0}
.ms-searchref-main{ background-color:#eee; border-color:#eee; }
.srch-results{ font:12px tahoma; }

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

.Marg .BQ, .Marg .BQ2{ margin: 0 0 0 235px}
.caldate {    direction: ltr !important;}

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


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


.level-header{background-color:#F4F4F4; padding-left:5px}


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

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

.eServAr{ display:none}
.eServEn{ }

.FullS{margin-left: 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-left: 2px solid #666;}


.lgn .InbutTd input {
    border-color: #EAEAEA #EAEAEA #EAEAEA #666;
    border-width: 1px 1px 1px 2px;}

.CmtsImg{ display:inline-block; width:100%;border-top: 1px solid #FFF;}
.CmtsImg img{ height:115px}

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


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

.LanguageDependantAlign{width:100px}
.EmployeeTable td{text-align:left} 

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

.BgFFF{background-color:#FFF; }





    .NextPrevMonth{ color:Gray;}
    .HijriCalTable{width: 200px; overflow:hidden; border:0; text-align:center;  margin-top:5px;font:14px/30px tahoma !important;  }
    	.HijriCalTable td.CellStyle:first-child{border-left:1px #ccc solid;}
        
        
    .CellStyle, .DaysTl{ line-height:20px; color:#666; overflow:hidden; width:26px; height:24px; border:1px #ccc solid; border-left: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-left:1px #ccc solid;	}


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


.AdvAr{
	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}*/

.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;
}
.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;

}
.pager .prev {
background: url("/Style%20Library/JCCI/Images/logoArrowL.png") no-repeat 0 0;
}
.pager .next {
	background: url("/Style%20Library/JCCI/Images/logoArrowR.png") no-repeat 0 0;
}


#Header {
	background:url("/Style%20Library/JCCI/Images/jcci-ramadan-header.png") right top no-repeat;
	background-position: 428px 12px
}
body {
	background-position: 0px 12px;
}
#map_canvas{
	width: 571px !important;
}
.ms-WPHeader{
float:none!important;
	
}
.ms-WPHeader .ms-WPHeaderTdMenu {
float: right ;}

/*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:left;
}

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

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

}

#HP-8 .bg-webpart a img{

float: left;
height: 180px;}


#HP-10 .bg-webpart a img{

float: left;
height: 105px;}


#HP-1 .bg-webpart{
	width: 200px;
}
#HP-1 .bg-webpart > td:first-child{
	width: 100%;
float: right;
}

#HP-1 .bg-webpart{
	background-color: #FFF;
display: block;
padding: 10px;
float:left;
padding-bottom: 18px;

}
#NavMenu .menu li.hover, #NavMenu .menu li.hover-off {
background-color: #FFF;}
#HP-1 .ms-WPHeader{
	 background-position: -8px 0
 !important;
	background-image: url("/Style%20Library/JCCI/Images/WPH.png") !important;
background-repeat: no-repeat !important;
}

#HP-5 .ms-WPHeader{
background-position: left -102px  !important;
	background-image: url("/Style%20Library/JCCI/Images/WPH.png") !important;
background-repeat: no-repeat !important;
}
.CirculTitle a
{
font-size: 10px;
}
.CirculDate
{
font-size:8pt !important;
}





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

}
#HP-2 .ms-PartSpacingVertical{
	margin-top: -12px!important;
}
#HP-2  #WebPartWPQ7{
	width: 100%;
background-color: #FFF;
display: block;
float: left;
margin: 0;
/*padding:9px;*/
}
#HP-2 .bg-webpart{
	background-color: #FFF;
display: block;
padding: 10px;
float:left;

}

#HP-2 > table:first-child > tbody > tr:last-child > td > table > tbody > tr:last-child{
background-color: #FFF;
display: block;
float:left;
width:91%;
padding-bottom: 0px;

}


#HP-2 .ms-WPHeader{
	background-position: 5px -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:left;

}

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

}

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


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

}


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

}


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

}

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

}

.HeaderRowStyle td a {
color: transparent !important;
background-image: url('/Style%20Library/JCCI/Images/arow-right.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-left.png');
background-repeat: no-repeat;
background-position: 50% 50%;}
/*webparts---header---style----bassel---2 7 2014*/ 
.s4-tn li.static > ul > li.static{margin-top: -3px;
padding-left: 1px;
margin: 0 4px;}


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

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

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

#amazingcarousel-1 {

float:left;
}

#amazingcarousel-1 .amazingcarousel-title {
	position:relative;
	font: bold 14px 'Open Sans', sans-serif;
	color:#333333;
	margin:6px;
	text-align:right;
	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:right;
	line-height: 16px;		
	height: 32px;
	overflow: hidden;
}

/* carousel */

#amazingcarousel-container-1 {
}
.amazingcarousel-list{
left:-4px;
	float: left !important;
margin-top: -13px !important;}
#amazingcarousel-1 .amazingcarousel-list-container { 
width:188px;
float: left;
	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: 95%;
z-index: 6666;
margin-left: 9px;}

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

.amazingcarousel-item{
	float: right;
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;
	height:242px;
}
#HP-8 .bg-webpart{
	padding:0 !important;
}
 

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



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

.date-cont{
	float:left;
}
.News2 .date-cont
{width:78%;}

HP-7 .cbq-layout-main{
	background-color:#FFF;
}


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


.s4-tn li.static > ul > li.static > ul {
width:413px;
float:left;
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:left center !important;
padding-left:12px;
padding: 3px 10px 3px 10px !important;


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


}

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

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

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


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

.News2 .NewsTitle > a{
font: bold 12px/16px F-DFontSmall,tahoma;
color: #464646;
width: 95%;
float: left;
}
.three-coll-lay-cont .three-coll-lay:first-child{
width:300px;
	float:left;
	background: url("/Style%20Library/JCCI/Images/oneShadowL.png") no-repeat scroll left bottom transparent;
padding-bottom: 20px;

}


.three-coll-lay{
margin-right:20px;
width:300px;
	float:left;
	background: url("/Style%20Library/JCCI/Images/oneShadowL.png") no-repeat scroll left bottom transparent;
padding-bottom: 20px;

}


/*
.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:right 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 left;
padding-left: 16px;
float: left;
text-align: right;	
}
.Delegate{
	margin-top: 13px;
width: 100%;
height: 82px;

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


.Delegate .NewsTitle > a {
width: 100%;
float: left;
	
}


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


.News2 {
background: url("/Style%20Library/JCCI/Images/news-shadow.png") no-repeat bottom center;
margin-top:9px;
background-repeat: repeat-x;
width: 100%;
/* height: 77px; */
padding-bottom:4px;
float: left;}


padding-bottom: 6px;
float: left;}


.News2 > .NBg1 {
background: url("/Style%20Library/JCCI/Images/en/NewsListBg.png") no-repeat left 0;
}

.delegations{
	background: url("/Style%20Library/JCCI/Images/delegations-bg.png") no-repeat left 0 !important;

}
.delegations-cont{
	background: url("/Style%20Library/JCCI/Images/news-shadow.png") no-repeat bottom center;
margin-top: 4px;
background-repeat: repeat-x;
width: 100%;
height: 77px;
padding-bottom: 6px;
float: left;
}
tr.bg-webpart
{
	background-color:white !important;
	display: block;
padding: 10px;
float:left;
min-height: 214px;
}
#HP-1 tr.bg-webpart
{
	padding-bottom:1px !important;
}


/*****tasneem khlaifat style****/
.eventFFF
{
	
	width:100%;
}




.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: left;margin-bottom: 5px;min-height: 39px;max-height: 40px;overflow: hidden;clear: both;line-height: 1.5;}
    .news-home .news-cont,.infographic-cont, .events-home .event-date { float: left; 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-left: 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.23;}
/* 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: -220px -121px; }
#events .WPH { background-position: -220px -135px; }
#delegates .WPH { background-position: -220px -68px; }

/* 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 */

@media screen\0 {
	.WPH {
		font: normal 13px F-DFontSmall, tahoma !important;
	}
}

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