/**
 * K2 styles
 **/

/* Method */
#sitenav .object-list h2 {display:none;}

/** LIST CODA SLIDER **/
#slider { width: 750px; margin: 0 auto; position: relative; }
.scroll { height: 200px; width:750px; overflow: hidden; clear: left; position: relative; /* fix for IE to respect overflow */ }
.scrollContainer div.panel { height: 200px; width: 750px; /* change to 560px if not using JS to remove rh.scroll */ }
.scrollButtons { position: absolute; top: 10px; cursor: pointer; }
.scrollButtons.left { left: -10px; display:none; }
.scrollButtons.right { right: -20px; display:none; }

#slider ul.navigation li { margin:0 8px; float:left; }
#slider ul.navigation.tc1 { display:none; }
#slider ul.navigation.tc2 { width:80px; }
#slider ul.navigation.tc3 { width:120px; }
#slider ul.navigation.tc4 { width:160px; }
#slider ul.navigation.tc5 { width:200px; }
#slider ul.navigation { margin:0 auto; }

#slider .navigation img { width:13px; height:16px; border:0; }
#slider .navigation a { float:left; background: transparent url(http://images.khuddam.org.uk/collections/images/k2_design/unselected.png) no-repeat scroll 0px 0px; }
#slider .navigation a.selected { background: transparent url(http://images.khuddam.org.uk/collections/images/k2_design/selcted.png) no-repeat scroll 0px 0px; }

#slider.sl-slider, #slider.sl-slider .scroll, #slider.sl-slider .scrollContainer div.panel, .sl-slider .puff,
#content-main-head .sl-slider img, #content-main-head .sl-slider .image, .sl-slider h2 { 
	width:580px; 
}
#slider.sl-slider { height:220px; margin-bottom:5px; float:left; clear:both; overflow:hidden; }

.sl-slider .puff { height:200px; float:left; overflow:hidden; }
#content-main-head .sl-slider img, #content-main-head .sl-slider .image {height:200px; position:absolute; top:0px; left:0; }
#content-main-head .sl-slider p, .sl-slider h4 { display:none }
.sl-slider h2 { 
	height:25px; z-index:2; position:absolute; top:175px; left:0; margin:0; padding:0; overflow:hidden;
	background:transparent url(http://images.khuddam.org.uk/collections/images/k2_design/semi-black-bg.png) repeat scroll 0px 0px;
}
.sl-slider h2 a { padding:5px 10px; color:white; float:left; }

#slider.sl-slider ul.navigation img { position:relative; width:16px; height:16px; }
#slider.sl-slider .navigation a { float:left; background: transparent url(http://images.khuddam.org.uk/collections/images/k2_design/blue-circle.png) no-repeat scroll 0px 0px; }
#slider.sl-slider .navigation a.selected { background: transparent url(http://images.khuddam.org.uk/collections/images/k2_design/solid-blue-circle.png) no-repeat scroll 0px 0px; }
#slider.sl-slider ul.navigation img { position:relative; }
#slider.sl-slider ul.navigation { 
	position:absolute; top:5px; left:5px; height:16px; z-index:2; 
	background:transparent url(http://images.khuddam.org.uk/collections/images/k2_design/semi-white-bg.png) repeat scroll 0px 0px;
}
#slider.sl-slider ul.navigation.tc2 { left:509px; width:64px; }
#slider.sl-slider ul.navigation.tc3 { left:479px; width:96px; }
#slider.sl-slider ul.navigation.tc4 { left:447px; width:128px; }
#slider.sl-slider ul.navigation.tc5 { left:315px; width:160px; }
#slider.sl-slider ul.navigation.tc6 { left:383px; width:192px; }

/** breadcrumb slider **/
#breadcrumb #slider.sl-slider, #breadcrumb #slider.sl-slider .scroll, #breadcrumb #slider.sl-slider .scrollContainer div.panel { 
	width:545px; height:68px;
}
#breadcrumb .sl-slider ul { 
	width:509px; height:59px; padding:2px; margin:2px 15px; overflow:hidden; 
	border-left:1px solid #CECECE; border-right:1px solid #CECECE;
	background: transparent url(http://images.khuddam.org.uk/collections/images/k2_design/main_bg_grad.gif) repeat-x scroll left top;
}
#breadcrumb .sl-slider ul li {width:500px;}
#breadcrumb .sl-slider h1 { font-size:13px; height:15px; margin:0; overflow:hidden; }
#breadcrumb .sl-slider p { height:43px; line-height:14px; margin:2px 0; overflow:hidden; }
#breadcrumb .sl-slider ul { padding:2px; }
#breadcrumb #slider { margin:0; }

#breadcrumb #slider.sl-slider ul.navigation { display:none; }
#breadcrumb .scrollButtons.left { left:0px; top:25px; display:inline; }
#breadcrumb .scrollButtons.right { right:0px; top:25px; display:inline; }


/* SaQ interesting read */
.interesting-read, .saq-alert { display:block; padding:5px; padding-top:15px;}

.saq-alert {	background: transparent url(http://images.khuddam.org.uk/collections/images/k2_design/alert.gif) no-repeat scroll 0pt 15px; }
.interesting-read.news {	background: transparent url(http://images.khuddam.org.uk/collections/images/k2_design/news.gif) no-repeat scroll 0pt 15px; }
.comment { background: transparent url(http://images.khuddam.org.uk/collections/images/k2_design/comment.gif) no-repeat scroll 0pt 20px; }

.interesting-read h2, .saq-alert h1, .saq-alert h2 {
    font-size:10pt; font-weight:bolder; margin: 5px 0 2px 50px;
}

.saq-alert h1 {font-size:16px;}

.interesting-read .source-name, .interesting-read .teaser, 
.interesting-read .source-url, .saq-alert .teaser,
.saq-alert .date-created {
    line-height:12pt; margin: 5px 0;
}

.saq-alert .more {display: block; float: right; clear: both;}

.interesting-read .source-name, .saq-alert .date-created,
.saq-alert .source-url {
    color: #666666; margin: 5px 0 0 50px;
}

#content-main-slr .interesting-read.news {
    background:none; padding:0; 
}
#content-main-slr .promoted-items h2 {
    float:left; background:none;
    margin:0; padding:0;
}
#content-main-slr .promoted-items p {color:#CCCCCC; clear:both;}
#content-main-slr .promoted-items p.source-name {
    clear:right; color:#CCCCCC; float:left;    
    line-height:13px; margin:0 10px;
}

#content-main-slr .promoted-items li,
#content-main-slr .comment
{background:none; padding:0;}

#content-main-bottom .object-list-sl {float:left;}

#content-main-slr .saq-alert {padding:0; background:none;}
#content-main-slr .saq-alert h2 {
    float:left; clear:right; margin:0;
}
#content-main-slr .saq-alert p.date-created {display:none;}

#content-main-slr .saq-alert p.teaser { 
    float:left; clear:left; overflow:hidden; height:45px;
}

#content-main-slr .saq-alert .more {display:none;}

/* Gallery IFrame */
.gallery-if { border: 0; }


/** subscribe widget on homepage **/
#content-main-side p { line-height:13px; margin:3px 0; padding:0; float:right; }
#content-main-side input {width:100px; font-size:11px; height:18px; width:150px;}


/** HACKS OVERRIDES **/
body.photos #sidebar {display:none;}
body.photos #content-main {width:1000px;}

.article-teaser .fudge-date {display:none; color:#808080;}
#content-main-channel .article-teaser .fudge-date {
    display:inline;
}

#multimedia-col .object-list-sl.o1654 h1 { font-size:12px; }
#multimedia-col .object-list-sl.o1654 ul { margin-left:0px; }
#multimedia-col .object-list-sl.o1654 ul li.promoted-items { padding:0px; background:none; }
#multimedia-col .object-list-sl.o1654 .fudge-date {display:inline; }

#bffl table p {margin:0; padding:0; line-height:13px; }
#bffl table tr td { border-left: 1px solid #8064A2; border-top: 1px solid #8064A2; padding:5px; }
#bffl table { border-right: 1px solid #8064A2; border-bottom: 1px solid #8064A2; }
#bffl table tr.league td {background-color:#FFC000;}
#bffl table tr.fixtures td {background-color:#B6DDE8;}

.baitul-futuh #content-sidebar { display:none; }
.baitul-futuh #content-main-channel { width:755px; }

.puff.o1772 h2 { display:none; }
.puff.o1772 img, .puff.o1772 .image { width:755px; height:915px; }

.latest-jobs #article table tr td { 
    border-left: 1px solid #8064A2;  border-top: 1px solid #8064A2; 
    border-right:0; border-bottom:0; 
    padding:5px; 
}
.latest-jobs #article table { 
    border-right: 1px solid #8064A2; border-bottom: 1px solid #8064A2; 
    border-left:0;  border-top:0; 
}

.national-majlis-amila #content-main-channel .article-teaser .fudge-date { display:none; }

#page-wrap.index #content-main-channel .article-wrap .headline { display:none; }
#page-wrap.index #content-main-channel .object-list-sl .article-wrap .headline { display:block; }

#page-wrap.index #content-main-channel .article-wrap .article-date { display:none; }
.regions .object-list h2 { display:none; }

.object-list-sl.o1654 .content-type {display:none;}
.object-list-sl.o1654 h3 {margin:0; font-size:11px;font-weight:normal;}
.object-list-sl.o1654 ul li { background:transparent url(http://images.khuddam.org.uk/collections/images/k2_design/black-circle.gif) no-repeat scroll 0 6px; }

body.prayers.view #content-main-channel .article-wrap p { color:#007700; }
body.prayers.view #content-main-channel .article-wrap p.article-date { color:#003366; }

body.friday-sermon.view .article-wrap .headline h1 { margin:10px 0 5px 0;}

.interactive-salaat-learning #gallery_if { height:729px; }
.interactive-salaat-learning #sidebar { display:none; }
.interactive-salaat-learning #content-main {width:1000px; }

/** IFL styles **/
body.ifl #content-main-wrap-inner { 
	background:black url(http://images.khuddam.org.uk/collections/images/k2_design/ifl-bg.png) repeat-y scroll 0 0; 
}
body.ifl #content-main-wrap-inner h2 {
	background:black url(http://images.khuddam.org.uk/collections/images/k2_design/ifl-heading-bg.png) repeat-x scroll left top;
	line-height:20px; color:white; border-bottom:1px solid #B2DF19; margin:0; margin-bottom:1px; font-size:12px;
}
body.ifl #content-main-wrap-inner h2.list-head {padding:5px;}
body.ifl #content-sidebar .object-list-sl, body.ifl #cm-microsite #content-sidebar .object-list { 
	border:1px solid #363636; margin-bottom:10px; background-color:black; clear:both;
}
body.ifl #content-sidebar .object-list-sl ul, body.ifl #cm-microsite #content-sidebar .object-list ul { margin:5px; }

body.ifl #content-main-wrap-inner a { color:white; }
body.ifl #content-sidebar ul li a { background:transparent url(http://images.khuddam.org.uk/collections/images/k2_design/ifl-bullet.png) no-repeat scroll 0 -12px; padding-left:15px; }
body.ifl #content-main-wrap-inner a:hover { color:#B2DF19; }
body.ifl #content-sidebar ul li a:hover { background:transparent url(http://images.khuddam.org.uk/collections/images/k2_design/ifl-bullet.png) no-repeat scroll 0 1px; padding-left:15px; }

body.ifl #content-sidebar ul li { background:none; padding:0; height:18px; overflow:hidden; }


body.ifl #content-sidebar .puff { border:1px solid #363636; margin: 0 0 10px 0; width:285px; height:155px; overflow:hidden; position:relative; }
body.ifl #content-sidebar .puff h2, body.ifl #content-sidebar .puff p { 
	position:absolute; z-index:2; border:0; text-align:left; margin:0; padding:0; overflow:hidden;
	background:transparent url(http://images.khuddam.org.uk/collections/images/k2_design/semi-black-fade-bg1.png) repeat-y scroll 0 0;
}
body.ifl #content-sidebar .puff h2 { top:5px; left:5px; line-height:18px; height:25px; width:275px; }
body.ifl #content-sidebar .puff p { 
	top:34px; left:5px; line-height:16px; height:80px; width:120px; color:white; padding:3px; font-size:12px; text-align:center; 
}
body.ifl #content-sidebar .puff h2 a { padding:3px 0 0 5px; float:left; color:#B2DF19; }
body.ifl #content-sidebar .puff h2 a:hover { color:white; }
body.ifl #content-sidebar .puff img, body.ifl #content-sidebar .puff a.image { width:285px; height:155px; }
body.ifl #content-sidebar .puff a.image { position:absolute; top:0; left:0; }

body.ifl #content-sidebar .puff .more {
	position:absolute; z-index:2; top:124px; left:5px;
}
body.ifl #content-main-wrap-inner .more { 
	border:0; text-align:left; margin:0; padding:0; overflow:hidden; width:178px; height:26px; 
	background:transparent url(http://images.khuddam.org.uk/collections/images/k2_design/ifl-more-btn-bg.png) no-repeat scroll 0 0;
}
body.ifl #content-main-wrap-inner .more a {float:left; width:auto; padding:4px 0 0 35px;}

body.ifl #content-main-channel .object-list-sl, body.ifl #content-main-channel .object-list {
	background-color:#111111; float:left; padding-bottom:10px; margin-bottom:10px; float:left; width:100%;
}
body.ifl #content-main-channel h1 a, body.ifl #content-main-channel h3 a,
body.ifl #content-main-channel .object-list li a, 
body.ifl #article .headline h1
{ 
	color:#B2DF19; 
}
body.ifl #content-main-channel h1 a:hover, body.ifl #content-main-channel h3 a:hover, 
body.ifl #content-main-channel .object-list li a:hover { 
	color:white; 
}
body.ifl #content-main-channel p {color:#999999; padding-right:5px; text-align:justify; }
body.ifl #content-main-channel .object-list p { margin:0; }
body.ifl #content-main-channel .article-teaser, body.ifl #content-main-channel .object-list li { margin-top:10px; padding:10px 0 5px; }
body.ifl #content-main-channel .teaser-image { display:none; }
body.ifl #content-main-channel ul {float:left; padding:10px;}

body.ifl #content-main-channel .more-wrap { width:100%; float:left; }
body.ifl #content-main-channel .more { margin:0 10px; clear:both; float:right; }

body.ifl #content-main-channel .object-list li {width:100%; float:left; border-top:1px dotted #999999; }
body.ifl #page-wrap.index #content-main-channel .article-wrap .headline {display:inline;}
body.ifl #page-wrap.index #content-main-channel .article-wrap .headline h1 { color:white; font-size:20px; }

body.ifl #content-main-channel .object-list, body.ifl #content-main-channel .object-list-sl { width:632px; }

body.ifl #content-side-top {display:none;}

body.ifl #content-main-channel .object-list-sl { margin:10px; }
body.ifl #content-main-channel #content-main-head .object-list-sl,
body.ifl #content-main-channel #content-main-footer .object-list-sl,
{ margin:0 }

body.ifl .article-wrap .headline h1 {margin:0;}
body.ifl .article-wrap { margin:10px;}
body.ifl .article-wrap span.headline {display:block; clear:both;}
body.ifl #article p, body.ifl #article {color:#999999; text-align:justify;}

#sidebar .article-wrap { margin:0 0 10px 10px; float:left; }
#sidebar .article-wrap p { margin: 5px 0; color:grey; }
#sidebar .article-wrap table {
    border-right:1px solid #CECECE; 
    border-bottom:1px solid #CECECE; 
    width:185px;
}
#sidebar .article-wrap table td { 
    padding:3px 5px; border-left:1px solid #CECECE; 
    border-top:1px solid #CECECE; 
}
.prayerTimeTableHeader td { background-color:#E4E8EB; }

body.photos.view #content-main-channel {width:968px;}


/** IMAGE GALLERY **/
.image-gallery { float:left; }
.image-gallery .main-wrap { clear:both; }
.image-gallery .main-wrap .current-image {
	float:left; width:490px; border:1px solid #CECECE; background-color:black; margin:0 10px 10px 0;
}
.image-gallery .main-wrap .current-image .img-crop-el { margin:5px; background-color:white; }
.image-gallery .main-wrap .current-image .description { 
	width:450px; margin:5px auto; border:1px solid #CECECE; color:#999999; display:block;
	clear:both; text-align:center;  padding:3px;
}
.image-gallery .main-wrap .details { float:left; width:260px; } 

/* PAGINATION */
.image-gallery .pagination {width: 258px; float:none; margin:0; padding:0}
.image-gallery .pagination div {padding:5px;}
.image-gallery .previous { float:left; background:transparent url(http://images.khuddam.net/collections/images/k2_design/previous.png) no-repeat scroll 5px 5px; }
.image-gallery .next { float:right; background:transparent url(http://images.khuddam.net/collections/images/k2_design/next.png) no-repeat scroll 5px 5px; }
.image-gallery .index { width:150px; margin:5px auto; text-align:center; }

.image-gallery .previous img, .image-gallery .next img {width:24px; height:24px; margin:2px;}

/* THUMBS */
.image-gallery .thumbs-wrap { width:256px; background-color:black; border:1px solid #CECECE; padding:5px 1px; float:left; }
.image-gallery .thumb { border:1px solid #CECECE; float:left; margin:1px; }
.image-gallery .selected-thumb { border:2px solid gold; position:absolute; }
.image-gallery .selected-thumb-no { float:right; padding:1px 3px 1px 5px; background-color:gold; }

/* TEASERS **/
.object-list-msl, .main-object { width:100%; float:left; clear:both; }
.object-list-msl ul li {float:left; width:50%;}
.object-list-msl .fudge-date {display:inline;}
.object-list-msl p {margin: 3px 0 0 0; line-height:17px;}
.object-list-msl .article-teaser {margin-right:5px; height:87px; overflow:hidden;}

.teaser-image .object-list-ig.slEf {width:110px; height:82px;}

.no-sidebar #content-sidebar {display:none;}
.no-sidebar #content-main-channel { width:762px; }


#content-head h3, #content-head .news-ticker {text-align:center; text-decoration:blink; margin:5px; }
#content-head h3 a, #content-head .news-ticker a { color:red; }

#content-main-article .teaser-image {width:inherit; height:inherit;}

#content-main-bottom ul, #multimedia-col ul { margin-left:6px; }

#breadcrumb .article-teaser { overflow:hidden; }
#breadcrumb .article-teaser .teaser-image { height:55px; width:75px; }
#breadcrumb .article-teaser h1 { font-size:14px; line-height:16px; margin:3px 0; height:16px; white-space:nowrap; }
#breadcrumb .article-teaser p { line-height:14px; height:28px; overflow:hidden; margin:6px 0; }

#breadcrumb #slider { width: 545px; }
#breadcrumb #slider ul.navigation {display:none;}
#breadcrumb #slider ul {padding:4px 20px;}
#breadcrumb .scroll { height:61px; width:505px; border:1px solid #CECECE; background:#E4E8EB url(http://images.khuddam.net/collections/images/k2_design/sidebar_grad.jpg) repeat-x scroll left top;}
#breadcrumb .scrollContainer div.panel { height:59px; width:503px; padding:1px; }

.object-list-sl .content-type {display:none;}

#content-main-head .puff {float:right; margin:0 0 10px 10px; }
#content-main-object {border-bottom:1px dotted #999999;}

.aitmaadteam #breadcrumb {float:none;}



/** 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; }
.gfic .meta ul.tags {padding:0;}

.article-date { color:#777777; }