DIV {TEXT-ALIGN:right;} 
INPUT{font:normal 12px arial;}
SELECT{MARGIN:0px; PADDING:0px;font-size:12px;} 
TEXTAREA {MARGIN:0px; PADDING:0px;width:100%;} 
H3 {MARGIN:0px; PADDING:0px; font-size:15px;}H4 {MARGIN:0px; PADDING:0px;}
.clear{clear:both; OVERFLOW:hidden; height:0px;}


.FL{float:left; width:auto; height:auto;}
.FR{float:right; width:auto; height:auto;}

.W1{width:100%}
.W10{width:10px;}.W20{width:20px;}.W35{width:35px;}.W40{width:40px;}
.W50{width:50px;}.W55{width:55px;}.W60{width:60px;}.W70{width:70px;}
.W80{width:80px;}.W90{width:90px;}.W100{width:100px;}.W120{width:120px;}.W130{width:130px;}.W150{width:150px;}
.W140{width:140px;}.W160{width:160px;}.W170{width:170px;}.W180{width:180px;}.W200{width:200px;}
.W220{width:220px;}.W230{width:230px;}.W250{width:250px;}.W280{width:280px;}
.W300{width:300px;}.W350{width:350px;}.W400{width:400px;}.W450{width:400px;}.W500{width:500px;}

.H5{height:5px;}.H7{height:7px;}.H8{height:8px;}
.H10{height:10px;}.H20{height:20px;}.H25{height:25px;}.H30{height:30px;}.H40{height:40px;}.H50{height:50px;}
.H60{height:60px;}.H80{height:80px;}.H100{height:100px;}.H110{height:110px;}
.H145{height:145px;}.H150{height:150px;}

.MR30{margin-right:30px;}.ML30{margin-Left:30px;}
.MT5{margin-top:5px;}.MT10{margin-top:10px;}.MT15{margin-top:15px;}.MT20{margin-top:20px;}

.TX15{font-size:15px;}.TX15B{font-size:15px; font-weight:bold;}

.orange{background-color:Orange;}.purple{background-color:Purple;}.green{background-color:green;}.blue{background-color:blue;}.red{background-color:red;}
.green{background-color:green;}.pink{background-color:Fuchsia;}
BODY{padding:0px;margin:0px;direction:rtl;font-size:12px;color:Black;font-family:Arial;text-align:center; width:100%; background:#000000 url(Design/Site/CultureClub/images/original_bg.jpg); }
.BGRed{background-image:url('Design/Site/CultureClub/images/red_bg.jpg');}
.BGOrange{background-image:url('Design/Site/CultureClub/images/orange_bg.jpg');}
.BGBlue{background-image:url('Design/Site/CultureClub/images/light_blue_bg.jpg');}
.BGGreen{background-image:url('Design/Site/CultureClub/images/green_bg.jpg');}
.BGPurple{background-image:url('Design/Site/CultureClub/images/purple_bg.jpg');}
FORM{padding:0px;margin:0px;font-size:12px;color:Black;font-family:Arial;}
INPUT {margin:0px padding:0px; direction:rtl;}
IMG{margin:0px; padding:0px; border:0px;}
INPUT.special {background:#FFFFFF url(Design/Site/CultureClub/images/background/input_bg_repeat.jpg) repeat-x left top;border:1px solid #838486;font:normal 12px arial;height:18px;margin-top:0px;color:#585858;}
a{text-decoration:none; color:white;}
a.maito{font:bold 13px arial; color:Blue;}
span.ltrsp{direction:ltr;}
td.txt{ vertical-align:top;}
div.center{margin-left:auto;margin-right:auto;}

div.blackBorder{padding:5px; background:#191919;border:1px solid #424242;}
li.blackBorder{background:#343434;border:1px solid #424242;}
.wrapper{margin-left:auto;margin-right:auto;padding:0px; text-align:right; width:935px; border:0px solid gray;}
.footer{ height:150px ;margin:20px 0px;background:#000000 url(Design/Site/CultureClub/images/footer_bg.jpg);}
.footer .footerTableHolder {direction:ltr; text-align:left; float:left;height:100%; width:120px;}
.footer .footer-contact-holder{float:right;height:55px;overflow:hidden; width:750px;border:1px solid #8C8C8C; overflow:hidden; margin-top:10px;}
.footer .footer-contact-wrapper{padding:0px 0px 0px 0px;}
.footer .footer-text-holder{width:100%;clear:both; height:70px; overflow:hidden; color:White;}
.footer .footer-text-holder .padding{padding:5px 20px;}

.logo{ float:right; width:auto; height:auto; margin:15px 0px 0px 0px;}
.rightText{ margin:15px 0px 0px 0px; float:right; height:255px; width:160px; color:White;}
.rightContact{margin:15px 0px 0px 0px; float:right; width:160px; color:White;}
.rightSide{float:right; width:170px; height:auto;}
.leftSide{ float:left; width:750px; height:500px;  margin:15px 0px 0px 0px;}
div.menuLine{height:auto; }
.menuLine .item{ float:right; padding:5px 0px 5px 15px;}
.menuLine .pointer{ float:right; height:4px; width:4px; overflow:hidden; margin:11px 5px 3px 5px;}
.menuLine .image {padding:4px 10px 0px 5px;}
.smallContact{direction:ltr; position:absolute;bottom:5px;}
.sideMenu{ float:right; width:210px; height:440px;}
.bigLeft .sideMenu{display:none;}
.gallery{float:left; width:502px; height:440px; color:White; }
.MainContent{height:100%}
.bigLeft .gallery{height:440px; width:auto;float:none; }
.bigLeft .gallery div.ArticleText{text-align:center;}
.bigLeft #myGallery{margin-right:100px;visibility:hidden;}
.articleText{color:#727272;}
.gallery div{color:#727272;}
.galleryText{margin-top:10px; height:60px; overflow-y:auto; padding:0px 10px;}
.LeftMenu{}
.LeftMenu ul{margin:0px; padding:10px;}
.LeftMenu ul li{line-height:25px; text-align:center; margin:4px 0px; list-style:none;}
.LeftMenu ul li.Marked, .LeftMenu ul li:hover{background:#545454;}


/*****************************************
Form
******************************************/
.input-wrapper{float:right;width:80%}
.form-field{float:right;width:auto;_width:280px;height:auto;padding:2px;}
.form-field div.caption{width:100px;float:right;height:auto; padding-left:10px; text-align:left;}
.form-field div.radio-group{float:right;width:auto;height:auto;padding:2px;}
.form-field select{width:132px;}
input.form-submit-button{background:#F4F4F4;border:1px solid gray; line-height:50px; height:50px; width:86px; border:none; cursor: pointer; color:black; font: bold 14px arial; }

.footer-contact-wrapper .input-wrapper{float:right;width:480px; margin-top:4px;}
.footer-contact-wrapper .form-field{float:right;width:220px;height:auto;padding:2px;}
.footer-contact-wrapper .form-field div.caption{width:80px;float:right;height:auto; padding-left:10px; text-align:left; color:White;}
.footer-contact-wrapper .form-field div.radio-group{float:right;width:auto;height:auto;padding:2px;}
.footer-contact-wrapper .form-field select{width:125px;border:1px solid #8C8C8C; background:black; color:White; font-size:12px;}
.footer-contact-wrapper .form-field input{width:120px; border:1px solid #8C8C8C; background:black; color:White;}
.footer-contact-wrapper input.form-submit-button{background:transparent url('Design/Site/CultureClub/images/Butt_send.jpg') no-repeat;height:24px; width:72px; border:none; cursor: pointer; margin-top:10px;}

.errorElement{ border:1px #FF0000 solid;  }
.errorText{ color:#FF0000; }

/*****************************************
Faq
******************************************/
.faqElement{ font:normal 14px arial; width:80%; margin:10px auto;}
.faqElement .question{ text-align:center; cursor:pointer;}
.faqElement .answer{}
.qActive{width:90%;}
.qActive .question{font-weight:bold;}#myGallery, #myGallerySet, #flickrGallery
{
	width: 500px;
	height: 345px;
	z-index:5;
	border: 1px solid #000;
	visibility:hidden;
}

.jdGallery a
{
	outline:0;
}

#flickrGallery
{
	width: 500px;
	height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
	direction:ltr;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('Design/Site/CultureClub/images/jd/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('Design/Site/CultureClub/images/jd/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 60px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 90%;
	margin: 0;
	margin: 2px 5px;
	font-weight: normal;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 80%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('Design/Site/CultureClub/images/jd/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('Design/Site/CultureClub/images/jd/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('Design/Site/CultureClub/images/jd/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('Design/Site/CultureClub/images/jd/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('Design/Site/CultureClub/images/jd/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('Design/Site/CultureClub/images/jd/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}﻿#ksdGallery{ width: 450px; height:320px; margin:auto auto;}
div.galleryItem{float:left; margin: 10px; height:90px; width: 90px; overflow:hidden; border:1px solid white;}
div.galleryItem div{display:none;}

/* tooltip design */
.ToolTips { display:block; position:absolute; width:404px; }
.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(../Images/tooltip/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(../images/tooltip/tip_body.png) repeat-y; padding:0px 10px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, .ToolTips .dockTopFooter { display:block; position:relative; background:url(../Images/tooltip/dockBottomHeader.png) no-repeat bottom; height:33px;  }
.ToolTips .dockTopFooter { background:url(../Images/tooltip/dockTopFooter.png) no-repeat bottom; height:38px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(../images/tooltip/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(../Images/tooltip/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }


/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(../images/tooltip/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { font-size:12px; text-align:justify; }
.ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }