/**
 * ahmadiyya.org.uk CSS
 **/

body {background-color:#0C330C;}

#logo, #logo img, #header-custom { height:92px; }

#header { background:white url(http://images.khuddam.net/collections/images/ahmadiyya/ahmadiyya-header.jpg) no-repeat scroll left top; }
#content-main { background:white; }
#logo, #logo img { width:655px; }
#logo {border-left:1px solid #CECECE;}
#header-custom { width:343px; }
#header-custom {border-right:1px solid #CECECE;}

#header-links { color:black; margin:5px; }
#header-links ul li a, #header-links h2 { color:black; }

.puff.o3487, .puff.o3487 .image, .puff.o3487 .image img { width:auto; height:auto; }

#content-main-full {overflow:hidden;}

#multimedia-col { background-color:#ECECEC; border:1px solid #CECECE; }
#multimedia-col .puff.o3487, #multimedia-col .object-list-k2hl {margin:10px 0 10px 10px; width:auto;}
#multimedia-col .object-list-k2hl h2 {display:none;}
#multimedia-col .object-list-k2hl li {background:none; padding:0;}

#content-main-full .object-list-sl {margin:10px;}
#content-main-full .object-list-sl ul {float:left;}
#content-main-full .object-list-sl ul li {margin:0;}
#content-main-full h2 {display:block;}

#sidebar .puff.o3523 .image {height:auto;}
#sidebar .puff.o3523 .description { display:none }

.fudge-date, .article-date { display:none; }

.puff.o3487 img {width:300px;}
#content-main-full ul li { width:100%; }

#content-main-dynamic { width: 250px; }
#multimedia-col { width:500px; background-color:transparent; border:0; }
.object-list-wn-ss-sl { display:none; }

.latestinthepress #content-main-channel .object-list-sl ul { list-style:inside; margin:auto; padding:inherit; }



/** IMAGE GALLERY GALLERFIC **/
.gfic { position:relative; margin-bottom:20px; clear:both; }

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display:none; float:left; width:650px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative; clear: both; background-color:black;
	height: 490px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 646px;
	height: 490px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 650px;
	height: 490px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 486px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
}
div.download {
	float: right;
}
div.caption-container {
	
}
span.image-caption {
	display: block;
	position: absolute;
}
div.caption {
	background-color: #000;
	padding: 12px;
	color: #ccc;
}
div.caption a {
	color: #fff;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 12px 5px 0;
	list-style: none;
}
.gfic a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
.gfic div.pagination {
	clear: both;
	width:288px;
}
div.navigation div.top { margin-bottom: 12px; }
div.navigation div.bottom { margin-top: 12px; }
.gfic div.pagination a, .gfic div.pagination span.current, .gfic div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
.gfic div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
.gfic div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.gfic div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

#captionToggle { position:absolute; left:250px; }
#captionToggle a { float:left; padding: 5px 30px 5px 5px; color:#777777; }


.gfic .img-crop-el a.thumb { border:0; padding:0; }
.gfic .gthumb { border:1px solid #CCCCCC; padding:2px; float:left; }
.gfic li.t4, .gfic li.t8, .gfic li.t12, .gfic li.t16,
.gfic li.t20, .gfic li.t24, .gfic li.t28, .gfic li.t32,
.gfic li.t36, .gfic li.t40, .gfic li.t44, .gfic li.t48,
.gfic li.t52, .gfic li.t56, .gfic li.t60, .gfic li.t64,
.gfic li.t68, .gfic li.t72, .gfic li.t76, .gfic li.t80 { margin-right:0; float:right; } 
.gfic .meta { border-top: 1px solid #CCCCCC; width:300px; margin: 10px 0; padding: 10px 0 0 0; float:left; clear:both; }
.gfic .meta h1 {margin: 0 0 5px 0; }
.gfic .meta p { margin:3px 0; clear:both; }
.gfic .meta ul.tags {padding:0;}

#cm-microsite { background-color:white; }

.form-obj { margin:0 10px; width:500px; }
.form-obj h2 { font-size:16px; }
.form-obj .ca-form-label { padding:0 3px 0 0; text-align:right; width:150px; }
.form-obj  .ca-form-label, .form-obj .ca-form-staticfield { vertical-align:top; }
.form-obj .ca-form-field, .form-obj .ca-form-label, .form-obj .ca-form-staticfield { float:left; }
.form-obj .ca-form-option { margin:10px 10px 0 0; }
.ca-form-row, .ca_form_msg, .ca-form-select-actions { clear:both; display:block; margin:0 0 5px; }
.ca-form-option { text-align:right; }
.ca-form-title, .ca-form-option { display:block; }
.form-obj .ca-form-message { color:red; }
.form-obj table.errorMsg { border:3px double red; }

.puff.o12509 { margin: 0 auto; }
.puff.o12509 p { height:auto; line-height:inherit; }