/* --- 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; }
body {color: #666;font-family:tahoma;font-size: 12px; direction:rtl;overflow:auto !important; }
img { border:0; }
ul{ list-style:none}
:focus {outline: 0}

@font-face{font-family: F-DFont;	 src: url("/Style Library/RCJY/fonts/FD-Bd.eot") /* EOT file for IE */}
@font-face{font-family: F-DFont;	 src: url("/Style Library/RCJY/fonts/FD-Bd.ttf") /* TTF file for CSS3 browsers */}
@font-face{font-family: F-DFontSmall;src: url("/Style Library/RCJY/fonts/FD-Reg.eot") /* EOT file for IE */}
@font-face{font-family: F-DFontSmall;src: url("/Style Library/RCJY/fonts/FD-Reg.ttf") /* TTF file for CSS3 browsers */}
 
.MAuto{margin:0 auto}
.FL{ float:right}
.FR{ float:left}
.FullW{ width:100%;}
.M-T20{ margin-top:15px}
.M-B20{ margin-bottom:15px}
.W960{ width:960px; margin:0 auto}
.Clear{ clear:both}
/* ------- Updates------- */

.footer .Lnk:first-child{ width:100px !important;box-sizing:border-box;}
.footer .Lnk:first-child + .Lnk{ width:170px !important;box-sizing:border-box;}


/* ------- End Updates------- */

/* ------- 3. SharePoint 2010 CSS Reset ------- */

#s4-bodyContainer{margin:0 auto; width:100% !important; }	
	.s4-widecontentarea{width:960px/*--Width--*/;min-height:350px; border:0; float:none !important }
		body #s4-leftpanel {  width:207px !important;}
			body #s4-leftpanel-content {background-color:#F8F8F8;border:0; padding:10px} 
			.s4-ca{ min-height: 424px; margin-right:227px; margin-left:0; background-color:transparent;}


.Logout{ display:inline-block}
.Login{ display:none}

#ctl00_MSO_ContentDiv{ position:absolute; z-index:999; top:0; left:0}
div.article, div.welcome{ padding:0}
.ms-WPBody, .ms-WPBody td, .ms-linksection-level1, .description, .link-item, .link-item a, .link-item a:link,.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; font-size: 12px;}

.ms-PartSpacingVertical{ margin-top:0}
.ms-wpContentDivSpace{ margin:0}
.ms-WPBorder, .ms-WPBorderBorderOnly{ border:0;background-color:#f4f4f4; padding:5px}
.s4-wpTopTable{ margin-bottom:15px}

.bullet, .BTowColG ul.dfwp-column ul.dfwp-list .item, .tabCot ul.dfwp-column ul.dfwp-list .item {background: url("/Style Library/RCJY/Images/GArrow-Ar.png") no-repeat right 10px;border-bottom: 1px solid #FFFFFF;padding:8px 18px 8px 5px;}
	.bullet a, .bullet a:link, .bullet a:visited, .BTowColG ul.dfwp-column .item a, .BTowColG ul.dfwp-column .item a:link, .BTowColG ul.dfwp-column .item a:visited,
			 .tabCot ul.dfwp-column .item a, .tabCot ul.dfwp-column .item a:link, .tabCot ul.dfwp-column .item a:visited{ color:#666; font-size:11px}
		.bullet a:hover, .BTowColG ul.dfwp-column .item a:hover, .tabCot ul.dfwp-column .item a:hover{color:#de7300}

/* Home News and Events webpart header */
.ms-WPHeader{ background-color:#f4f4f4;}
.ms-WPHeader td { background: #f4f4f4 none; border-bottom: none !important; }
.ms-WPHeader h3{ font:20px/30px F-DFontSmall,tahoma; color:#2c2c2c; }
.ms-WPHeaderTdMenu { border: none !important; }

.BCol1 .ms-WPHeader td, .TowCol .tabCot .ms-WPHeader td { background:#ebebeb url("/Style Library/RCJY/Images/Patt3C.png") repeat-x bottom}

/*Search Box Styles*/
.s4-search{margin-top:12px; }
	.s4-search input.ms-sbplain{margin-top:0 !important; width:185px !important; background: transparent none; color:#999; border-width:0 !important; height:30px; padding:0 5px; font:italic 11px/30px tahoma;}
	.search .s4-search input.ms-sbplain { color:#a39751}
	.s4-search .ms-sbgo{}
	.s4-search .ms-sbgo a{ background: url('/Style Library/RCJY/Images/Spacer.gif') no-repeat left top; width:34px; height:30px; display:block; }
	.s4-search .srch-gosearchimg, .s4-search .ms-sbgo span{display:none; }
	.adminBar .ms-sbrow a, .ms-sbcell{margin:0; padding:0;}
	.ms-sbtable-ex { float:right; width:279px; background:url("/Style Library/RCJY/Images/SrchBg-Ar.png") no-repeat left center}
	
	.srchctr_leftcell { width:auto}
	.s4-search table{ margin:0; }

/*-- BreadCrumb --*/
/*-- BreadCrumb --*/
.BQ{ margin-top:5px; padding:3px 8px 3px 3px; color :#999; margin-bottom:10px; background-color:#f8f8f8; border:1px #f1f1f1 solid}
	.BQ-span{ font:italic 12px tahoma !important; color:#999;}
	.BQ a, .BQ a:link, .BQ a:visited{ color:#db5402; text-decoration:none}
	.BQ a:hover{ color:#9e3c00; text-decoration:underline}
	.DespNone{ display:none}
	.ms-sitemapdirectional{ background:url("/Style Library/RCJY/Images/breadcrumb-arrow-Ar.png") no-repeat left 7px; padding:5px 3px 5px 17px ; display:inline-block}
/* ________________________________________________________________________________________________________________
 										03. Menu Style
 ________________________________________________________________________________________________________________ */
 

/* -------------------------------- 1. Horizontal Menu --------------------------- */
.s4-tn{ width:720px; float:right;}
	@media screen and (-webkit-min-device-pixel-ratio:0) { .s4-tn .menu ul.root > li.static{ width:720px !important;} } 
.s4-tn ul.static{white-space:nowrap}
.s4-tn li.static > .menu-item{ height:30px;color:#666;text-transform:capitalize; white-space:nowrap;display:inline-block;padding:12px 11px;
vertical-align:middle;font:normal 13px/27px F-DFontSmall,tahoma;}

.s4-tn li.static > .menu-item:hover{ color:#666; background-color:#ccc}
.s4-tn li.static{background:url('/Style Library/RCJY/images/MenuSap.png') no-repeat right 5px}
.s4-tn li.static:first-child{background:none}

.s4-toplinks .s4-tn a.selected{color:#FFF; border:0;padding:3px 5px 0 ; background-color:transparent}
.s4-toplinks .s4-tn a.selected:hover{color:#FFF}

.s4-tn ul.dynamic{ padding:0 ; margin-right:1px; border:0; font:normal 11px tahoma; width:190px; text-align:right; }
.s4-tn li.dynamic > .menu-item{padding:6px 15px 7px 5px ; margin:0; background:#e1e1e1 url("/Style Library/RCJY/images/HMenuArrow-Ar.png") no-repeat right 10px }
.s4-tn li.dynamic > a:hover {color:#666; background-color:#ccc}
.s4-tn li.dynamic > a{color:#666; border-bottom:1px #e1e1e1 solid;}

.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: url('/Style Library/RCJY/images/menu-down.png');padding-left: 15px;}

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

/* -------------------------------- 2. Vertical Menu --------------------------- */
.s4-ql ul li {
font:normal 12px tahoma;border-bottom:1px #FFF solid;}
.s4-ql li.static > .menu-item { padding:7px 37px 7px 5px !important; color:#666; }
.s4-ql .static ul li{border-top:1px #e9e6e6 solid; background:#f1f1f1 none ; border-bottom:0;border-right:0 ;border-left:0;}
.s4-ql .static ul li:hover{ background:#e9e6e6 url("/Style Library/RCJY/Images/ArrowNavV-Ar.png") no-repeat right 1px;}
.s4-ql li.static .selected{ border:0; background-color:#edb57a;}
.s4-ql .static ul li .selected .menu-item-text{ color:#666; padding:0}
.s4-ql .static ul li .menu-item-text  { font:normal 11px tahoma; color:#666} 

.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:#666}
.s4-ql .s4-ql .root .menu-item-text{ color:#666; font-weight:bold}
.s4-ql .s4-ql .root .menu-item-text .selected{ color:#011f52; }
.s4-ql .s4-ql .static li ul li{ padding-left:7px}
.s4-ql .ms-splinkbutton-text{color:#666}
.s4-ql ul.root ul { margin:0}
.s4-ql ul.root > li > .menu-item, .s4-qlheader{ font:bold 11px tahoma; color:#666 !important; padding: 10px 40px 10px 4px !important; border:0 !important}
	.s4-ql ul.root > li > a.menu-item:hover{text-decoration:none; }

/* ----------- Top Nav Background ---------- */
.s4-ql ul.root > li{ }
.MenuV3n1 {background: url("/Style Library/RCJY/Images/vNavArw1-Ar.png") no-repeat right 0 !important;}
.MenuV3n2 {background: url("/Style Library/RCJY/Images/vNavArw2-Ar.png") no-repeat right 0 !important;}
.MenuV3n3 {background: url("/Style Library/RCJY/Images/vNavArw3-Ar.png") no-repeat right 0 !important;}
.MenuV3n4 {background: url("/Style Library/RCJY/Images/vNavArw4-Ar.png") no-repeat right 0 !important;}
.MenuV3n1:hover, .MenuV3n2:hover, .MenuV3n3:hover, .MenuV3n4:hover, .MenuV3n5:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80); opacity:.8;}

/* ________________________________________________________________________________________________________________
 										02. Main Custom styles
 ________________________________________________________________________________________________________________ */

.Hdr{ background:#FFF url("/Style Library/RCJY/Images/Bg.png") repeat-x top;}
	.QLogo{ min-height:116px; padding-top:7px}
		.QLogo ul{}
			.QLogo ul li {color: #ccc;float: left;}
			.QLogo ul li a, .QL ul li a:link, .QL ul li a:visited {color: #523325; padding: 2px 5px;white-space:nowrap;display:inline-block}
		    /*.QLogo ul li a:hover {color: #999 !important;}*/
		    .QLogo ul li a:hover {color: #fff !important;}

		
	.hMenu{ height:57px; background:#e0e0e0 url("/Style Library/RCJY/Images/hMenuBg.png") repeat-x top;}
	.FL.logoImage img{ width:250px}
	.S2Hdr{background-color:#efefef; padding-bottom:13px; }
		.Brnch{}			
			.Brnch ul li{ float:left; text-align:left;}
				.HOME,.SALKHAIR,.RIYADH,.YANBU,.JUBAIL {background:url("/Style Library/RCJY/Images/BrnchSap.png") no-repeat left top;}
				.HOME{background-color:#e2e2e2}
				.SALKHAIR{background:#e2e2e2 none}
				.RIYADH{background-color:#d6d6d6}
				.YANBU{background-color:#d6d6d6}
				.JUBAIL{background-color:#ccc}
				.JAZAN{background-color:#d6d6d6}
			
				.Brnch ul li a,.Brnch ul li a:link, .Brnch ul li a:visited{ width:80px; padding:60px 18px 9px; display:inline-block;}
					a.JAZAN, link.JAZAN, visited.JAZAN,a.SALKHAIR, link.SALKHAIR, visited.SALKHAIR, a.RIYADH, link.RIYADH, visited.RIYADH, a.YANBU, link.YANBU, visited.YANBU, a.JUBAIL, link.JUBAIL, visited.JUBAIL,
					a.HOME, link.HOME, visited.HOME { color:#666; font:14px F-DFontSmall,tahoma}
					.SALKHAIR:hover, .SALKHAIRCrnt{ background:url("/Style Library/RCJY/Images/SALKHAIR-Ar.jpg") no-repeat left bottom; color:#FFF !important}
					.RIYADH:hover, .RIYADHCrnt{ background:url("/Style Library/RCJY/Images/RIYADH-Ar.jpg") no-repeat left bottom; color:#FFF !important}
					.JUBAIL:hover, .JUBAILCrnt{ background:url("/Style Library/RCJY/Images/JUBAIL-Ar.jpg") no-repeat left bottom; color:#FFF !important}
					.YANBU:hover, .YANBUCrnt{ background:url("/Style Library/RCJY/Images/YANBU-Ar.jpg") no-repeat left bottom; color:#FFF !important}
					.HOME:hover, .HOMECrnt{ background:url("/Style Library/RCJY/Images/HOMEh-Ar.jpg") no-repeat center -10px; color:#FFF !important}
					.JAZAN:hover, .JAZANCrnt{ background:url("/Style Library/RCJY/Images/jazan-Ar.jpg") no-repeat left bottom; color:#FFF !important}
		.Slider{ display:none; height:352px; background-color:#FFF;}
		
		.Wlcm{ width:315px; padding:15px 25px 0 0;}
			.WlcmT{ width:120px; height:33px; font:13px F-DFontSmall,tahoma; padding:2px 5px 10px 0; color:#FFF; background:url("/Style Library/RCJY/Images/WlcmImg-Ar.png") no-repeat right top}
		
.footer{font-size:12px;}
	.ftr-QL{ height:110px; padding:35px 0}
		.Lnk{ float:right; padding:0 20px; min-height:120px; border-right:1px #d47c1a solid}
			.Lnk:first-child{ padding-right:0; border:0}
			.Lnk h3, .Lnk h3 a, .Lnk h3 a:link, .Lnk h3 a:visited{ font:normal 14px tahoma; margin:10px 0; color:#FFF}
			.Lnk ul li {color: #b19a8f;padding:1px 3px;}
			.Lnk ul li a, .Lnk ul li a:link, .Lnk ul li a:visited { color: #FFF; display: inline-block;white-space:nowrap;}
			.Lnk ul li a:hover {color: #d47c1a !important;}
			
			.SN{ padding-left:0;margin-right:0px;margin-top:-2px;}
			.youtube, .Facebook, .twitter, .In{width:50px; height:50px; display:inline-block; background:url("/Style Library/RCJY/Images/SN.png") no-repeat 0 0}
				.youtube:hover, .Facebook:hover, .twitter:hover, .In:hover{background:url("/Style Library/RCJY/Images/SN-Hover.png") no-repeat 0 0}

			.Facebook,.Facebook:hover{ background-position:-60px 0}
			.twitter, .twitter:hover{ background-position:-117px 0}
			.In, .In:hover{ background-position:-180px 0}
			
	.ftr-CR{ border-top:1px #d47c1a solid; clear:both; min-height:35px; padding:15px 0;}
		ul.CR li {color: #FFF;float: left;padding: 10px 5px;}
		ul.CR li a, ul.CR li a:link, ul.CR li a:visited {color: #FFF; display: inline-block; white-space:nowrap;}
		ul.CR li a:hover {color: #d47c1a !important;}
		
		.ftr-CR span{color: #FFF;padding: 10px 5px;}	
/* --------------------------------------- Tabb 1 ---------------------------------- */
.webwidget_tab{ margin:10px}
.webwidget_tab .tabContainer{width:100%;overflow:hidden;}
.webwidget_tab .tabContainer li{float:right;margin-left:2px; text-align:center}
.webwidget_tab .tabContainer li a{display:block!important;display:inline-block;padding:7px 20px; line-height:20px;}
.webwidget_tab .tabHead{ list-style-type: none; margin:0px; padding:0px;}
.webwidget_tab .tabBody{min-height:133px;}
.webwidget_tab .tabBody ul{margin: 0px;padding: 0px; list-style: none;}
.webwidget_tab .tabHead li a{font:20px/15px F-DFontSmall,tahoma;text-decoration: none;color: #472a27 !important;}
.webwidget_tab .tabCot p{margin: 0px;padding:5px;}
.webwidget_tab .tabContainer li.currentBtn a{background:#472a27 ;color:#FFF !important;}

.CWP{ width:32%; margin-right:2%;}	
	.CWP:first-child{margin-right:0%;}
/* ________________________________________________________________________________________________________________
 										03. Page Layouts
 ________________________________________________________________________________________________________________ */

.Col1{width:620px;}
	.OneCol{ width:300px; min-height:450px; background-color:#f4f4f4}
	.TowCol{ width:inherit; background-color:#f4f4f4}
.Col2{ width:320px;}
		.OneCol1{ width:320px; min-height:240px;background-color:#f4f4f4}	
	
	
.BnrBox{ width:320px; height:120px; background:url("/Style Library/RCJY/Images/BnrBg-Ar.jpg") no-repeat center}
	.BnrIcon, .BnrIcon2, .BnrIcon3, .BnrIcon4{width:142px; float:right; height:inherit}
	.BnrIcon{background:url("/Style Library/RCJY/Images/Projct.png") no-repeat center}
	.BnrIcon2{background:url("/Style Library/RCJY/Images/Oprtnt.png") no-repeat center}
	.BnrIcon3{background:url("/Style Library/RCJY/Images/eSrv.png") no-repeat center}
	.BnrIcon4{background:url("/Style%20Library/RCJY/Images/jond.png") no-repeat center}

	.BnrLbl{ position:relative;padding-top: 35px; margin-right:145px}
		.BnrLbl h3 a, .BnrLbl h3 a:link, .BnrLbl h3 a:visited{ font:normal 20px/30px F-DFontSmall,tahoma; color:#FFF; }
			.BnrLbl h3 a:hover{ color:#efc14c;}
		.BnrLbl span a, .BnrLbl span a:link, .BnrLbl span a:visited{ color:#FFF; padding:5px 0 5px 18px; background:url("/Style Library/RCJY/Images/ArrowBox-Ar.png") no-repeat left 5px}
			.BnrLbl span a:hover{ color:#efc14c}
			
			.BnrLb2{ position:relative;padding-top: 15px; margin-right:145px}
		.BnrLb2 h3 a, .BnrLb2 h3 a:link, .BnrLb2 h3 a:visited{ font:normal 20px/30px F-DFontSmall,tahoma; color:#FFF; }
			.BnrLb2 h3 a:hover{ color:#efc14c;}
		.BnrLb2 span a, .BnrLb2 span a:link, .BnrLb2 span a:visited{ color:#FFF; padding:5px 0 5px 18px; background:url("/Style Library/RCJY/Images/ArrowBox-Ar.png") no-repeat left 5px}
			.BnrLb2 span a:hover{ color:#efc14c}

.tabCot{ margin-top:10px}
.tabCot ul.dfwp-column li.dfwp-item{ margin-left:10px;}
	.tabCot ul.dfwp-column .groupheader{ border:0; font:normal 14px F-DFontSmall,tahoma; height:25px;padding: 0 5px 0 0; color:#472a27; background:url("/Style Library/RCJY/Images/GrpPatt.png") repeat-x top}

/* ---------- Article Page ---------- */
.MAIM-Article{ float:right; width:100%; text-align:right;margin-bottom: 20px; }
.ArticleHeader{ padding-right:7px}
	.MainTitle{ color:#666; margin-top:20px; padding-right:7px; font:normal 20px tahoma}
	.dateLine{ clear:both; line-height:20px; padding-right:7px; color:#999; font-size:11px}	
.captionImage{float: right}
	.MainImage{border:5px solid #F1F1F1; margin:7px }
	.MainImage img{ padding:0 ;}
	.MainCaption{ padding-bottom:5px; color:#999; text-align:center; font-size:11px}	
.articlecontent{color:#666 !important; font-size:12px; line-height:16px; margin: 5px 0 0;}

/* ---------- List News ---------- */
.newsArea{ float:left; padding:5px; height:107px; width:290px; border-bottom:1px solid #DEDEDE;}
	.newsArea:hover{background-color:#dfdfdf}
	
	.newsPic{ float:right; width:82px;}
		.newsPic img{ width:80px; height:62px ; border:1px #d1d9df solid;}
	
	.NewsData{ position:relative; margin-right:87px}
 		.newsTitle, .newsTitle a, .newsTitle a:link, .newsTitle a:visited { font:bold 12px F-DFontSmall,tahoma; color:#472a27}
 		.newsDate{color:#999; font:11px/28px tahoma; }
 		.newsDate{color:#999; font:11px/28px tahoma; }
		@-moz-document url-prefix() { 
  			.newsDate{font:11px/18px tahoma;}
		}
		
@media screen and (-webkit-min-device-pixel-ratio:0) { .newsDate{font:11px/20px tahoma;} } 

 		.NewsDataB .newsDate{font:11px/14px tahoma; }
 		.newsTitleArea 
 		{
 		font:11px/28px tahoma;
 		width:95% !important;
 		}

 		.newsDate{font:11px/28px tahoma;}
 			span.newsDate{ color:#999}
 			.newsDes{color:#666;font:12px/16px tahoma; width:100%}

.HomeNewsMore a, .HomeNewsMore a:link, .HomeNewsMore a:visited{font:11px tahoma; color:#ff9627;}
	.HomeNewsMore a:hover{ text-decoration:none; color:#666}


/* Home News and Events webpart header */
.OneCol .ms-WPHeader h3{ font:12px/14px F-DFontSmall,tahoma; color:#666; }

/* ---------- carousel ---------- */
.newsAreaS{ display:block;height:234px ; width:940px; clear:both}	
	.newsPicS{ float:right; text-align: center;width: 940px;}
		.newsPicS img{ width:910px; height:234px ;margin-right:20px; margin-top:10px; border:1px #d1d9df solid;}
	.NewsDataS{  float:right; padding:10px 20px 0 0 }
 		.newsDateS{ width:180px; float:right; text-align:center;border-left: 1px dotted #CCCCCC;}
 			.month{ font:20px/15px F-DFontSmall,tahoma; color:#ff8606; display:block}
 			.year{	font:50px tahoma; color:#472a27}
 		.titleDescS{ position:relative; margin-right:200px; width:710px}
	 		.newsTitleS, .newsTitleS a, .newsTitleS a:link, .newsTitleS a:visited { font:18px/22px F-DFontSmall,tahoma; padding-bottom:10px; color:#ff8606}
	 			.newsDesS{color:#666;font:12px/16px tahoma; width:95%}
		
		

.list_carousel {width: 930px; float:right;}
	.list_carousel ul{text-align: right !important;}
			.list_carousel li.dfwp-item {color:#FFF;padding:0;display: block;float: left;}

.arrow2{ float:left; position:relative; top:-40px; right:10px; z-index:100}

a.prev, a.next {width: 27px;height: 22px;display: block; float:left }
a.prev { background: url("/Style Library/RCJY/Images/ArrowBR.png") no-repeat center center ; }
a.next { background: url("/Style Library/RCJY/Images/ArrowBL.png") no-repeat center center ; }
	a.prev:hover, a.next:hover {background-color:#efefef}

a.prev span, a.next span {display: none;}




.BCol1{width:726px;}
	.TowCol .tabCot .ms-WPHeader h3 { font-size:14px}
	.BOneCol{ width:230px; margin-right:13px; min-height:295px; background-color:#f4f4f4}
		.BOneCol:first-child{ margin:0}
	.BTowCol, .BTowColG{ width:inherit; margin:13px 0; min-height:150px;}
.BCol2{ width:228px;}
		.OneCol2{ width:290px; min-height:220px; padding:15px; background-color:#f4f4f4}	

.BTowColG{ margin-top:0}
	.BTowColG ul.dfwp-column .groupheader{ border:0; font:normal 20px tahoma; height:25px;padding: 0 5px 0 0; margin-bottom:0; color:#472a27; background:url("/Style Library/RCJY/Images/GrpPatt.png") repeat-x top}
	.BTowCol33{margin-left: 12px; width: 230px !important;background-color: #F4F4F4;min-height: 295px;}

/* --------------------------------------- Tabb 2 ---------------------------------- */

.webwidget_tab2 .tabContainer{width:100%;overflow:hidden;}
.webwidget_tab2 .tabContainer li{float:right;margin-left:2px; text-align:center;}
.webwidget_tab2 .tabContainer li a{display:block!important;display:inline-block;padding:7px 28px; line-height:20px;color:#5d3d37; background:#ebebeb url("/Style Library/RCJY/Images/Dflt.png") repeat-x top}
.webwidget_tab2 .tabHead{ list-style-type: none; margin:0px; padding:0px;}
.webwidget_tab2 .tabBody{min-height:140px; border:1px #ff8606 solid; margin-top:-1px; background:#FFF url("/Style Library/RCJY/Images/ContBgTabb.png") repeat-x top }
.webwidget_tab2 .tabBody ul{margin: 0px;padding: 0px; list-style: none;}
.webwidget_tab2 .tabHead li a{font:15px/16px F-DFontSmall,tahoma;text-decoration: none;color: #472a27 !important;}
.webwidget_tab2 .tabCot p{margin: 0px;padding:5px;}
.webwidget_tab2 .tabContainer li.currentBtn a{  background:#efefef url("/Style Library/RCJY/Images/Crnt.png") repeat-x top ; margin-top:1px;
 border-left:1px #ff8606 solid;  border-right:1px #ff8606 solid; color:#ff8606 !important;}

/* --------------------------------------- Tabb 3 ---------------------------------- */

.webwidget_tab3 .tabContainer{width:117px;overflow:hidden; float:right}
.webwidget_tab3 .tabContainer li{margin-left:2px; text-align:right;background:#4e322f url("/Style Library/RCJY/Images/TabbBg.png") repeat-x top}
.webwidget_tab3 .tabContainer li a{display:inline-block;padding:24px 20px 23px 45px; line-height:20px;color:#5d3d37; background: url("/Style Library/RCJY/Images/TabbArrow-Ar.png") no-repeat left center}
.webwidget_tab3 .tabHead{ list-style-type: none; margin:0; padding:0px;}
.webwidget_tab3 .tabBody{ width:594px; float:right; margin-right:3px; min-height:167px; background:#f4f4f4 none}
.webwidget_tab3 .tabBody ul{margin: 0px;padding: 0px; list-style: none;}
.webwidget_tab3 .tabHead li a{font:15px/18px F-DFontSmall,tahoma;text-decoration: none;color: #FFF !important;}
.webwidget_tab3 .tabCot{ margin-top:2px}
.webwidget_tab3 .tabCot p{margin: 0px;padding:5px;}
.webwidget_tab3 .tabContainer li.currentBtn a{  background-color:#ff8606 ; color:#FFF !important;}

	.newsAreaB{ float:left; padding:0 2px 0 0}
 		.newsTitleB, .newsTitleB a, .newsTitleB a:link, .newsTitleB a:visited { padding:15px 0 5px 0 ; font:bold 13px F-DFontSmall,tahoma; color:#ff8606}
			.newsPicB{ float:right; width:207px;}
				.newsPicB img{ width:205px; height:161px ; border:1px #d1d9df solid;}
 			.NewsDataB{ position:relative; margin-right:225px}



.list_carousel2 {float:right; width:228px; margin:0 0 15px 0; background-color:#f4f4f4; }
	.list_carousel2 ul{text-align: right !important;}
			.list_carousel2 li.dfwp-item {color:#FFF;padding:0;display: block;float: left;}
			.list_carousel2 li.dfwp-item .image{height:123px; width:200px;border:5px #e7e7e7 solid}
				.list_carousel2 li.dfwp-item .image img{border:1px #FFF solid}
.list_carousel2 .image-area-left, .list_carousel2 .item{ margin:0; padding:0}
.list_carousel2 .image-area-left{ padding-right:6px}

.list_carousel3, .list_carousel4 {float:right;padding-right: 6px; background-color:#f4f4f4}
	.list_carousel3 ul, .list_carousel4 ul{text-align: right !important;}
			.list_carousel3 li.dfwp-item, .list_carousel4 li.dfwp-item {color:#FFF;padding:0;display: block;float: left;}
				.list_carousel3 .NewsDataB, .list_carousel4 .NewsDataB{ width:330px}
			.list_carousel3 .pagination, .list_carousel4 .pagination{ text-align:left; margin-top:-30px; position:relative; z-index:1000}

.pagination { text-align: center;}
.pagination a {background:#ff8606;width: 8px;height: 8px;margin:10px 2px;display: inline-block;}
.pagination a.selected { background:#4b4b4b;cursor: default;}
.pagination a span {display: none;}


.lblQues{ color:#666;}
.rblChoices input{ margin: 7px 3px;}
table.tblbuttons{}
.SubmitBtn{ border:0; cursor:pointer; font:13px F-DFontSmall; color:#cec883; padding:3px 7px 3px 20px; background:#472a27 url("/Style Library/RCJY/Images/BtnArrow-Ar.png") no-repeat left 9px}
.SubmitBtn:hover{color:#FFF; background-color:#6e5552}

.Business, .Residents, .Tourists{display:block; width:230px; height:120px;}
.Business{  background:url("/Style Library/RCJY/Images/Business.jpg") no-repeat center}
.Residents{  background:url("/Style Library/RCJY/Images/Residents.jpg") no-repeat center}
.Tourists{  background:url("/Style Library/RCJY/Images/Tourists.jpg") no-repeat center}


.About p{ font:11px/17px tahoma; padding-bottom:12px; color:#666}
	
.MoreC{ text-align:left; padding:5px}
	
.list_carousel2 .s4-wpTopTable, .Col1 .s4-wpTopTable, .list_carousel .s4-wpTopTable, .webwidget_tab3 .s4-wpTopTable, .BTowCol33 .s4-wpTopTable { margin-bottom:0;}


.rtEditor strong{color:#f19818}
.rtEditor ul li{background: url("/Style Library/RCJY/Images/GArrow-Ar.png") no-repeat right 10px;border-bottom: 1px solid #FFFFFF;padding:8px 18px 8px 5px;}

.ui-tabs-panel{ background:url("/Style Library/RCJY/Images/TabbApp_Bg-Ar.jpg") no-repeat top left !important;}

/* ________________________________________________________________________________________________________________
 										09. Form Styles
 ________________________________________________________________________________________________________________ */

.lblNorm{ width:150px; background-color:#f4f4f4;color:#474747; padding:7px 10px 7px 14px; text-align:left;}

.Form{  }
	.Form table{ padding-top:10px;}

	.LableTd, .TittelField{ width:150px; background-color:#f4f4f4;color:#474747; padding:7px 10px 7px 14px; text-align:right;}
	
	.InbutTd input.Pass{background:url("/Style Library/RCJY/Images/TxtBoxNPatt.png") repeat-x top;border:1px #c4de83 solid;}
	
	.InbutTd input, .InbutTd textarea, .TextBox, .txtBox{ width:233px; padding:4px; color:#929292; background:url("/Style Library/RCJY/Images/TxtBoxNPatt.png") repeat-x top; border:1px #eaeaea solid;}
	.InbutTd input:hover, .InbutTd textarea:hover,.InbutTd input:focus, .InbutTd textarea:focus {
	    background:#FFF url("/Style Library/RCJY/Images/TxtBoxHPatt.png") repeat-x top; }
			
	.btn-next, .btn-pre, .submitBtn, .finishBtn, .Btn{border-color:#969696; background:url("/Style Library/RCJY/Images/BtnPatt1.png") repeat-x center; color:#020202; border:0; min-width:93px; cursor:pointer; height:23px; margin-top:10px; }

.MCWIdth{ width:160px; float:left; margin:5px 5px 0}
	.MCWIdth img.image{ width:160px; height:105px}
.ColTitle{ font:20px F-DFontSmall,tahoma; color:#472a27; padding:5px 5px 0}
.padd5{ padding-left:5px}

.SelectBoxq select{ width:81px; font-family:Tahoma}

.InbutTd input[type="radio"], .InbutTd input[type="checkbox"]{ padding:0; width:30px}

.Wdth .InbutTd.lbl{ background:#FFF url("/Style Library/RCJY/Images/TxtBoxPatt2.png") repeat-x top;display: table-cell; padding: 6px; width: 82% !important;}
.Mhdr{text-align:center}

.Wdth .LableTd{ width:18% !important}

/* ------- Sticky Footer ------- */
		html.ms-dialog body {overflow-y: visible;}
		.wrapper { min-height: 100%;height: auto !important;height: 100%; margin-bottom:65px; overflow: visible !important;}
		.ms-dlgOverlay {height: 100% !important;width: 100% !important;}


#footerSlideContainer {
	position:inherit;
	bottom:0;
	width: 100%;
	
}
#footerSlideButton {
	background: url("/Style Library/RCJY/Images/Stickyftr.png") top left no-repeat #F0F;
	position: absolute;
	top: -34px;
	left: 195px;
	width:142px;
	height:34px;
	border: none;
	cursor: pointer;
}
#footerSlideContent {
	width: 100%;
	height: 230px;
	border: none;
	background: #8d5f49 url("/Style Library/RCJY/Images/ftrBg.png") repeat-x top;
}

.pnlLogedIn{ background-color:#F9F9F9; padding: 2px 10px}
.Lgnam{ color:#999}


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

.Formstyle td{text-align:right;}
.ContctUs{ background:url("/Style Library/RCJY/Images/ContactUsIcon.png") no-repeat left top}

.error .errorLbl{ background:url("/Style Library/RCJY/Images/ErrorBg.png") no-repeat center top; display:inline-block; padding-top:130px; text-align:center}
.error a{ background-color:#f4f4f4; padding:5px; margin:0 5px}


.lnkCVFile{ background:#ffffe0 url("/Style Library/RCJY/Images/Attch.png") no-repeat right center; float:right; padding:5px 25px 5px 10px; border:1px #fff4f4 solid}
.Label6ssfd{ font:11px tahoma; color:#666}

.radio{ border-bottom: 1px solid #F4F4F4;}
.radio input{ margin:5px}
.radio label{ color:#666}

.Tlphn{ color:#666; padding:7px 23px 7px 5px; background:url("/Style Library/RCJY/Images/Tlphon.png") no-repeat right center}

.ui-tabs .ui-tabs-nav li{ float:right !important}



#printReady .Formstyle{width:auto !important}

.pageTitle{ padding:20px 0; font:16px F-DFontSmall;}


	@media screen and (-webkit-min-device-pixel-ratio:0) { .dfwp-item marquee{ width:540px !important;} } 





.g-footer {
    background: #8d5f49 url("/Style Library/RCJY/Images/ftrBg.png") repeat-x top;
    bottom: 0;
    clear: both;
    height: 100px;
    right: 0;
    /*position: fixed;*/
    width: 100%;
    z-index: 9999;
}


.footer-content {
    list-style-type: none;
    margin: 0 auto;
    width: 966px;
}
.footer-content .row-showmore {
    position:relative;
    text-align: center;
}
.footer-content .row-showmore .arrow {
    background: url("/Style Library/RCJY/Images/StickyftrO-Ar.png") top left no-repeat;
    float: left;
    height: 34px;
    width: 142px;
    cursor:pointer
}
.g-footer.opened .footer-content .row-showmore .arrow {
    background: url("/Style Library/RCJY/Images/StickyftrC-Ar.png") top left no-repeat;
}
.footer-content .row-copyright {
    bottom: 0;
    clear: none;
    position: fixed;
    width: 966px;
}
.g-footer.opened .footer-content .row-copyright {
    clear: both;
}
.footer-content .row-partners {
    margin-top: 15px;
}
.footer-content .sitecore-logo {
    margin-right: 4px;
    position: relative;
    top: 10px;
}
.footer-content .row-description {
    display: none;
     clear:both
}



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

.bestV{ color: #B68C7E;font-size: 10px;text-align: center;}
 .bestV img{ vertical-align:middle}
 
.Icons { height:30px}
.Icons li{ float:left; margin-right:3px}
/*--------------------------------- jfont ---------------------------------------- */
.jfont a{ float:left; background-image: url("/Style Library/RCJY/Images/jfont.png"); width:26px; height:23px; margin-left:2px}
 .qBigFont{background-position: 0 0}
 .qSmallFont{background-position: -29px 0}
.jfontsize-disabled, .jfontsize-disabled:hover {opacity:0.4;filter:alpha(opacity=40);}
/*------------------------------------------------- */

.rhsPart{ background:#F8F8F8; padding:10px; margin:10px 0}

.ms-quicklaunchheader{
	display: none;
}

.lblError{ background:url("/Style Library/RCJY/Images/ErrorB.png") no-repeat center top; color:red; text-align:center; display:block;padding: 100px 20px 10px 20px;}
.lnkRedirectionLink{background:url("/Style Library/RCJY/Images/BackB-Ar.png") no-repeat left center; display:block; padding: 20px 30px 20px 10px}

.Successful{ background:url("/Style Library/RCJY/Images/Sucsf.png") no-repeat center top; color:green; text-align:center; display:block;padding: 100px 20px 10px 20px;}

.twitter-share-button{ width:60px !important}
.Icons li > iframe, .fb-like{ padding-top:2px}

.beta_version{ width:115px; height:127px;position:absolute; right:0;top:0; background:url("/Style Library/RCJY/V-Ar.png") no-repeat top right}