/**
 * K2 styles
 **/

/* Method */
/* #header { background: url("http://images2.khuddam.net/collections/images/k2_design/ijtema_11-banner.png") no-repeat scroll left top transparent; } */

#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://images2.khuddam.org.uk/collections/images/k2_design/unselected.png) no-repeat scroll 0px 0px; }
#slider .navigation a.selected { background: transparent url(http://images2.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://images2.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://images2.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://images2.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://images2.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://images2.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://images2.khuddam.org.uk/collections/images/k2_design/alert.gif) no-repeat scroll 0pt 15px; }
.interesting-read.news {	background: transparent url(http://images2.khuddam.org.uk/collections/images/k2_design/news.gif) no-repeat scroll 0pt 15px; }
.comment { background: transparent url(http://images2.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://images2.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://images2.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://images2.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://images2.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://images2.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://images2.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://images2.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://images2.khuddam.net/collections/images/k2_design/previous.png) no-repeat scroll 5px 5px; }
.image-gallery .next { float:right; background:transparent url(http://images2.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://images2.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 **/
.main-object .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; position:absolute; width:640px; z-index:10001; }
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; margin-right:3px; }
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; z-index:10020; }
#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; } 
.main-object .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 a { color:#042EB8; }
.gfic .meta p { margin:3px 0; clear:both; }
.gfic .meta ul.tags {padding:0;}

.article-date { color:#777777; }

.jgWidg { width:163px; clear:both; margin:0 auto 10px; padding:10px; background:#E4E8EB; border:1px solid #CECECE; }


#oST { height:30px; }


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


/* COUNTDOWN */
#defaultCountdown {  
    width: 183px; height:140px; position:relative; margin:10px 0 10px 10px; background: #E4E8EB; border:1px solid #CECECE;
}
.countdown_section { 
    display:block; position:absolute; font-family:"Courier New"; 
    color:#003366; font-weight:bold; font-size:16px; font-size:11px;
}
.countdown_section span { 
    border:1px solid silver; background:white; padding:5px; display:block; position:absolute; 
    font-size:24px; font-weight:bold; top:15px; text-align:center;
}
.countdown_section br { display:none; }

.countdown_section.mon { top:15px; left:25px; }
.countdown_section.day { top:15px; left:105px; }
.countdown_section.hou { top:80px; left:10px; }
.countdown_section.min { top:80px; left:66px; }
.countdown_section.sec { top:80px; left:121px; }

.countdown_section.mon span, .countdown_section.day span { width:40px; }
.countdown_section.hou span, .countdown_section.min span, .countdown_section.sec span { width:37px; font-size:16px; }


.jgWidg { width:163px; clear:both; margin:0 auto 10px; padding:10px; background:#E4E8EB; border:1px solid #CECECE; }


#oST { height:30px; }


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


/* COUNTDOWN */
#defaultCountdown {
    width: 183px; height:140px; position:relative; margin:10px 0 10px 10px; background: #E4E8EB; border:1px solid #CECECE;
}
.countdown_section {
    display:block; position:absolute; font-family:"Courier New";
    color:#003366; font-weight:bold; font-size:16px; font-size:11px;
}
.countdown_section span {
    border:1px solid silver; background:white; padding:5px; display:block; position:absolute;
    font-size:24px; font-weight:bold; top:15px; text-align:center;
}
.countdown_section br { display:none; }

.countdown_section.mon { top:15px; left:25px; }
.countdown_section.day { top:15px; left:105px; }
.countdown_section.hou { top:80px; left:10px; }
.countdown_section.min { top:80px; left:66px; }
.countdown_section.sec { top:80px; left:121px; }

.countdown_section.mon span, .countdown_section.day span { width:40px; }
.countdown_section.hou span, .countdown_section.min span, .countdown_section.sec span { width:37px; font-size:16px; }


/**** accordion ****/

.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif; }
.accordion ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; }
.accordion ol > li > h2 { color: black; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; 
	-webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; 
	-moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top;
	-o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; 
	-ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; 
	transform: translateX(-100%) rotate(-90deg); transform-origin: right top; 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}
.accordion ol > li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; border-bottom: 1px solid white; }
.accordion ol > li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.accordion ol > li > h2:hover { cursor: pointer; }
.accordion ol > li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; border-right:1px solid #CECECE; }
.accordion noscript p { padding: 10px; margin: 0; background: white; }

/****************************************** Basic */
.basic ol > li > h2 { background: #333; color: white; line-height: 1.8em; text-shadow:1px 1px 2px #006699; }

/****************************************** Dark */
.dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); }
.dark ol > li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; }
.dark ol > li > h2 > span { background: #353535; color: white; }
.dark ol > li > h2 > b { background: #353535\9; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; }
.dark ol > li > h2.selected > span, .dark ol > li > h2.selected > span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); }
.dark ol > li > h2.selected > b { background: #434343\9; }
.dark ol > li > div { background: #030303; margin-left: 5px; }

/*************************************** Rounded */
.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.rounded ol > li > h2 > span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/***************************************** Light */
/**************************************** Stitch */
.accordion ol>li>div>div { margin:5px; }
.accordion h3 { margin:5px 0; }
.accordion ul>li {
    background: url("http://images2.khuddam.net/collections/images/k2_design/black-circle.gif") no-repeat scroll 0 6px transparent;
		padding: 0 0 0 16px; 
}
.accordion .cti, .accordion .content-type { display:none; }
.accordion ul.promoted-items li { list-style:none; padding:0; }
.accordion .article-teaser, .accordion .more { border:0; }
.accordion > h2 { display:none; }



#content-main-bottom { display:none; }
#footer_wrap, #content_bottom { float:left; border-bottom:1px solid #CECECE; }


#ticker-wrapper *{margin:0}
#ticker-wrapper.has-js{width:998px;height:30px;display:block;font-family:Arial;font-size:12px;margin:0;line-height:15px; float:left;}
#ticker{width:700px;height:23px;display:block;float:left;position:relative;overflow:hidden;padding:0 0 0 10px; top:0;}
#ticker-title{float:left;color:#900;font-weight:700;text-transform:uppercase;line-height:30px;}
#ticker-content{float:left;position:absolute;color:#1F527B;font-weight:700;margin:0;line-height:30px;}
#ticker-content A{text-decoration:none;color:#1F527B}
#ticker-content A:hover{text-decoration:underline;color:#0D3059}
#ticker-swipe{padding-top:7px;position:absolute;top:0;left:80px;background:url("http://images2.khuddam.net/collections/images/k2_design/sidebar_grad.jpg") repeat-x #E4E8EB;display:block;width:800px;height:23px}
#ticker-swipe SPAN{margin-left:1px;border-bottom:1px solid #1F527B;height:12px;width:7px;display:block}
#ticker-controls{list-style-type:none;float:right;padding:7px 10px 0 0}
#ticker-controls LI{margin-left:5px;float:left;cursor:pointer;height:16px;width:16px;display:block;padding:0}
#ticker-controls LI#play-pause{background-image:url(http://images2.khuddam.net/collections/images/k2_design/pause.png);}
#ticker-controls LI#play-pause.paused{background-image:url(http://images2.khuddam.net/collections/images/k2_design/play_sq.png);}
#ticker-controls LI#prev{background-image:url(http://images2.khuddam.net/collections/images/k2_design/backward.png);}
#ticker-controls LI#next{background-image:url(http://images2.khuddam.net/collections/images/k2_design/forward.png);}
.js-hidden{display:none}

.gfic.small #thumbs>a, .gfic.small #thumbs>ul, .gfic.small #thumbs .pagination, .gfic.small #controls, .gfic.small #captionToggle, .gfic.small #caption, .gfic.small .description { display:none; }
.gfic.small #gallery, .gfic.small .slideshow-container, .gfic.small div.slideshow a.advance-link { width:320px; height:225px; line-height:223px; }
.gfic.small #thumbs { width:425px !important; }
.mm-video.small .player { width:320px; height:225px; }

#content-main-center { width:760px; }

#content-main-side { display:none; }
#content-main-article { width:auto; border:0 none; }

.mm-video.small .article-date {  
	background: url("http://images2.khuddam.net/collections/images/k2_design/grdnt_white.png") repeat-x scroll 0 -10px transparent;
	display: block; height: 20px; left: 0; position: absolute; text-indent: -500px; top: 50px; width: 1000px;
}
.mm-video.small { margin:0; }
.mm-video.small p.description { height:45px; overflow:hidden; }
.mm-video.small .details { position:relative; }

#content-main-article .object-list-sl { position:relative; }
#content-main-article .article-teaser { width:175px; border:0 none; }

#content-main-center ul.items { background:#ECECEC; border:1px solid #CECECE;
	height:164px; left:333px; position:absolute; top:80px; width:425px;
}
#content-main-center ul.items li { clear:none; float:left; }

#content-main-article ul.items .itm_0 { float:left; margin-left:15px; }
#content-main-article ul.items .itm_1 { float:right; margin-right:15px; }
#content-main-article .teaser-image { border: 0 none; }
#content-main-article h1.article-headline { clear:both; font-size:12px; text-align:center; }
#content-main-article p.article-teaser-text { display:none; }
#content-main-article .teaser-image img.mm { top:85px; }

#multimedia-col h3 { font-size: 11px; font-weight: normal; margin: 0;}

#content_bottom #slider, #content_bottom .object-list-cloud { background-color: #E7ECF0; border: 1px solid #CECECE; width:998px; padding:5px 0;
	display:block; float:left; }
#content_bottom .scroll, #content_bottom .scrollContainer div.panel { width:998px; }
#content_bottom #slider .panel li { float:left; margin-left:24px; }


/** MEGA menu **/
ul#nav>li { position:static; }
#nav>li>ul { width:195px; }
#nav>li.m_regions>ul, #nav>li.m_departments>ul, #nav>li.m_multimedia>ul { width:970px; height:390px; left:10px; padding:0; margin:0; padding:10px 0; }
#nav>li.m_regions>ul { height:500px; }
#nav>li.m_regions>ul>li, #nav>li.m_departments>ul>li, #nav>li.m_multimedia>ul>li { height:120px; float:left; margin:0 0 10px 16px; overflow:hidden; }
#nav>li.m_regions>ul>li:hover, #nav>li.m_departments>ul>li:hover, #nav>li.m_multimedia>ul>li:hover { overflow:visible; z-index:1005; }
#nav>li.m_regions>ul>li>a, #nav>li.m_departments>ul>li>a, #nav>li.m_multimedia>ul>li>a { padding:0 !important; }

#nav>li> #nd_regions > li.m_masroor_region { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/masroor-region.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_tahir_region { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/tahir-region.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_baitul_futuh { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/baitul-futuh.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_baitun_noor { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/baitun-noor.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_east { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/east.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_hertfordshire { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/Hertfordshire.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_islamabad { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/islamabad.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_middlesex { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/Middlesex.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_midlands { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/Midlands.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_muqami { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/muqami.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_north_east { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/North-East.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_north_west { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/north-west.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_scotland { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/Scotland.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_south_west { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/South-West.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_south { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/south.jpg) no-repeat; }
#nav>li> #nd_regions > li.m_yorkshire { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/regions/yorkshire.jpg) no-repeat; }


#nav>li> #nd_departments > li.m_aitmaad { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/aitmaad.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_amoor_e_tuluba { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/Amoor-e-Tuluba.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_atfal { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/atfal.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_khidmat_e_khalq { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/Khidmat-e-Khalq.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_ishaat { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/ishaat.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_maal { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/maal.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_sanat_o_tijarat { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/Sanat-o-Tijarat.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_sehat_e_jismani { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/Sehat-e-Jismani.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_tabligh { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/Tabligh.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_tajneed { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/tajneed.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_ta_leem { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/taleem.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_tarbiyyat { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/Tarbiyyat.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_new_ahmadis__converts_ { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/New-Ahmadis.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_tehrik_e_jadid { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/Tehrik-e-Jadid.jpg) no-repeat; }
#nav>li> #nd_departments > li.m_waqar_e_aml { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/departments/Waqar-e-Aml.jpg) no-repeat; }

#nav>li> #nd_multimedia > li.m_national_events { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/megaMenu/national-events.jpg) no-repeat; }
#nav>li> #nd_multimedia > li.m_regions { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/megaMenu/regions.gif) no-repeat; }
#nav>li> #nd_multimedia > li.m_photos_with_huzur__atba_ { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/megaMenu/photos-with-huzur.jpg) no-repeat; }
#nav>li> #nd_multimedia > li.m_interactive_sala_at_cd { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/megaMenu/interactive-salaat-cd.jpg) no-repeat; }
#nav>li> #nd_multimedia > li.m_selected_nazm { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/megaMenu/selected-nazam.jpg) no-repeat; }
#nav>li> #nd_multimedia > li.m_audio { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/megaMenu/audio.gif) no-repeat; }
#nav>li> #nd_multimedia > li.m_videos { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/megaMenu/videos.jpg) no-repeat; }
#nav>li> #nd_multimedia > li.m_photos { background:transparent url(http://images2.khuddam.net/collections/images/k2_design/megaMenu/photos.png) no-repeat; }

#nav a:hover { background:transparent; color:white; }
#nav>li:hover>ul, #nav>li>ul>li:hover>ul { -moz-box-shadow: 5px 5px 5px #467FBD; -webkit-box-shadow: 5px 5px 5px #467FBD; box-shadow: 5px 5px 5px #467FBD; border:1px solid #467FBD; filter:progid:DXImageTransform.Microsoft.dropShadow(color=#467FBD, offX=5, offY=5, positive=true); }
#nav>li.m_regions>ul>li:hover >ul, #nav>li.m_departments>ul>li:hover >ul, #nav>li.m_multimedia>ul>li:hover >ul {
	position:absolute; top:65px; left:5px; background:#265F9D; padding:3px 3px 10px; border:1px solid #467FBD; width:300px;
}
#nav>li.m_regions>ul>li:hover >ul>li>ul, #nav>li.m_departments>ul>li:hover >ul>li>ul, #nav>li.m_multimedia>ul>li:hover >ul>li>ul{
	width:300px;
}
#nav>li.m_multimedia li.m_regions:hover ul#nd_regions { width:900px; left:-525px; }
#nav>li.m_multimedia>ul>li:hover >ul#nd_regions >li>ul { width:169px; }
#nav>li.m_regions>ul ul, #nav>li.m_departments>ul ul, #nav>li.m_multimedia>ul ul { display:block !important; visibilty:1 !important; opacity:1 !important; tposition:relative; left:0; top:auto; padding:3px; margin:0; 
	background:transparent; border:0; width:169px; clear:both; position:relative; }
#nav li ul ul li { width:50%; }
#nav li ul ul li.hsub { clear:both; width:100%; }
#nav li ul ul li a, #nav li ul ul li a:link { padding:0; width:97%; line-height:16px; }
#nav li ul ul li a:hover { text-decoration: underline; }
#nav ul ul li.hsub>a { border-bottom:1px solid navy; margin-top:5px; margin-right:10px; }
#nav ul ul li.hsub>ul { border-top:1px solid #467FBD; }
#nav .open, #nav>li>ul, #nav>li>a:hover { background:#265f9d; color:white; }
#nav>li.m_regions>ul>li>a, #nav>li.m_departments>ul>li>a, #nav>li.m_multimedia>ul>li>a { 
	width:175px; height:24px; margin:41px 0 0 0; line-height:24px; 
	text-shadow:0 0 5px black; font-size:15px; text-indent:5px; overflow:hidden; 
	background:transparent url(http://images2.khuddam.net/collections/images/k2_design/semi-black-bg.png) !important;
}
#nav #nd_multimedia .m_regions>ul>li { width:169px; float:left; margin-right:10px; clear:none; }

#nav #nd_multimedia .list-head { display:none; }
#nav #nd_multimedia input.term { width:90%; background:#467FBD; border:1px solid navy; color:white; padding:3px; float:left;}
#nav #nd_multimedia input.search { float:right; width:22px; height:22px; background:url(http://images2.khuddam.net/collections/images/k2_design/search.png); }

#nav #nd_multimedia .menu_cnt { width:366px; height:395px; float:left; margin:0 0 10px 16px; }
#nav ul ul .hsub>a { font-weight:bold; padding-left:11px !important; background:url("http://images2.khuddam.net/collections/images/k2_design/arrowd.gif") no-repeat scroll -1px 4px transparent }
#nav .menu_cnt ul, #nav #nd_multimedia .menu_cnt ul li { width:auto !important; }
#nav #nd_multimedia .menu_cnt ul.promoted-items>li, 
#nav #nd_multimedia .menu_cnt ul.items{ width:366px !important; }
#nav #nd_multimedia .menu_cnt ul.items>li { width:350px; }
#nav #nd_multimedia .menu_cnt ul.promoted-items h1 { clear:right; }

#nav .menu_cnt h1 a { font-size:15px; float:none;  }
#nav .menu_cnt ul.items li { 
	background: url("http://images2.khuddam.net/collections/images/k2_design/white-circle.gif") no-repeat scroll 0 6px transparent;
	padding:0 0 0 16px;
}
#nav .menu_cnt ul.items h3 { margin:0; }
#nav .menu_cnt ul.items li { margin:3px 0; max-height:15px; overflow:hidden; }
#nav .menu_cnt .article-teaser, #nav .menu_cnt .teaser-image, #nav .menu_cnt h4.more { border-color:#467FBD; }
#nav .menu_cnt .more a { float:right; width:auto; }
#nav .menu_cnt .article-teaser { max-height:88px; overflow:hidden; }

#nd_departments>.m_ishaat.hsub, #nd_departments>.m_tajneed.hsub, 
#nd_regions>.m_islamabad.hsub, #nd_regions>.m_north_east.hsub,
#nd_multimedia>.m_photos_with_huzur__atba_, #nd_multimedia>.m_audio.hsub{ clear:right; }



#footer_wrap { border:0; }
#content_bottom .object-list-cloud h1 { display:none; }
#content_bottom .object-list-cloud { clear:both; border:1px solid #CECECE; border-width: 0 1px; /*width:998px; position:relative; height:75px; overflow:hidden;*/ }
/* #content_bottom .object-list-cloud ul { width:1500px; zoom: 0.65; -moz-transform:scale(0.65); position:absolute; left:-250px; top:-10px; } */

/* #content_bottom li.tag { float:left; clear:none !important; } */
#content_bottom .object-list-cloud ul { width:998px; }
li.tag a.ts0 { background: url("http://images2.khuddam.net/collections/images/k2_design/tag_green-16.png") no-repeat scroll 0 0 transparent; padding: 1px 14px; }
li.tag a.ts1 { background: url("http://images2.khuddam.net/collections/images/k2_design/tag_green-24.png") no-repeat scroll 0 0 transparent; padding: 2px 22px; }
li.tag a.ts2 { background: url("http://images2.khuddam.net/collections/images/k2_design/tag_green-32.png") no-repeat scroll 0 0 transparent; padding: 3px 29px; }
li.tag a.ts3 { background: url("http://images2.khuddam.net/collections/images/k2_design/tag_green-48.png") no-repeat scroll 0 0 transparent; padding: 5px 43px; }

#content_footer { background: url("http://images2.khuddam.net/collections/images/k2_design/gray_bar.jpg") no-repeat scroll left top transparent; border:0; }
#content_footer p { color:#dde; margin:0; padding:3px 5px; text-align:right; font-size:9px; }

body.tags #content-main-channel>.object-list-sl>h2 { display:none; }

/****************************************/
/*** REG BAR ****************************/
/****************************************/

/***** clearfix *****/
#reg_p .clear {clear: both;height: 0;line-height: 0;}
#reg_p .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hides from IE-mac \*/
* html #reg_p .clearfix {height: 1%;}
/* End hide from IE-mac */
#reg_p .clearfix {height: 1%;}
#reg_p .clearfix {display: block;}

/* Panel Tab/button */
#toppanel .tab { background: url(http://images2.khuddam.net/collections/images/k2_design/tab_b.png) repeat-x 0 0; height: 42px; position: relative; top: 0; z-index: 999; }
#toppanel .tab ul.login { 
	display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; 
	margin: 0; right: 150px; color: white; font-size: 80%; text-align: center;
}
#toppanel .tab ul.login li.left { background: url(http://images2.khuddam.net/collections/images/k2_design/tab_l.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; }
#toppanel .tab ul.login li.right { background: url(http://images2.khuddam.net/collections/images/k2_design/tab_r.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; }
#toppanel .tab ul.login li { text-align: left; padding: 0 6px; display: block; float: left; height: 42px; background: url(http://images2.khuddam.net/collections/images/k2_design/tab_m.png) repeat-x 0 0; margin:0; width:auto; }
#toppanel .tab ul.login li a { color: #15ADFF; }
#toppanel .tab ul.login li a:hover { color: white; }
#toppanel .tab .sep {color:#414141}
#toppanel .tab a.open, .tab a.close { height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 100px; position: relative; top: 11px; }

#toppanel .tab a.open {background: url(http://images2.khuddam.net/collections/images/k2_design/bt_open.png) no-repeat left 0;}
#toppanel .tab a.close {background: url(http://images2.khuddam.net/collections/images/k2_design/bt_close.png) no-repeat left 0;}
#toppanel .tab a:hover.open {background: url(http://images2.khuddam.net/collections/images/k2_design/bt_open.png) no-repeat left -19px;}
#toppanel .tab a:hover.close {background: url(http://images2.khuddam.net/collections/images/k2_design/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0; left:0; width: 100%; z-index: 3001; text-align: center; margin-left: auto; margin-right: auto;
}
#reg_p { width: 100%; height: 220px; color: #999999; background: #272727; overflow: hidden; position: relative; z-index: 3; display: none; }
#reg_p h1 { font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: white; }
#reg_p h2{ font-size: 1.2em; padding: 10px 0 5px; margin: 0; color: white; }
#reg_p p { margin: 5px 0; padding: 0; color:white; }
#reg_p a { text-decoration: none; color: #15ADFF; }
#reg_p a:hover { color: white; }
#reg_p a-lost-pwd { display: block; float: left; }
#reg_p .content { width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; float:none; }
#reg_p .content .left { width: 280px; float: left; padding: 0 15px; border-left: 1px solid #333; height:200px; position:relative; }
#reg_p .content .right { border-right: 1px solid #333; }
#reg_p .content form { margin: 0 0 10px 0; }
#reg_p .content label { float: left; padding-top: 8px; clear:left; width:280px; display:block; }
#reg_p .content label.grey { width:50px; text-align:right; }
#reg_p .content input.field { border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 200px; color: white; height: 16px; padding:1px 2px; }
#reg_p .content input:focus.field { background: #545454; }

#reg_p p.error, #reg_p p.error.big { margin:10px; line-height:24px; color:#ff4141; float:left; }
#reg_p p.error.big { position:absolute; left:0; top:30px; margin:5px; padding:10px; line-height:14px; border:1px solid #ff4141; background:#372727; } 
#reg_p .content input.error, #reg_p .content input:focus.error { border-color:#5A1A1A; background-color:#814141; }

/* BUTTONS */
/* Login and Register buttons */
#reg_p .content input.bt_login, #reg_p .content input.bt_register { 
	display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0; 
}
#reg_p .content input.bt_login { width: 74px; background: transparent url(http://images2.khuddam.net/collections/images/k2_design/bt_login.png) no-repeat 0 0; }
#reg_p .content input.bt_register { width: 94px; color: white; background: transparent url(http://images2.khuddam.net/collections/images/k2_design/bt_register.png) no-repeat 0 0; }
#reg_p .lost-pwd { display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline; }

/* COUNTDOWN */
#defaultCountdown {  
    width: 183px; height:140px; position:relative; margin:10px 0 10px 10px; background: #E4E8EB; border:1px solid #CECECE;
}
.countdown_section { 
    display:block; position:absolute; font-family:"Courier New"; 
    color:#003366; font-weight:bold; font-size:16px; font-size:11px;
}
.countdown_section span { 
    border:1px solid silver; background:white; padding:5px; display:block; position:absolute; 
    font-size:24px; font-weight:bold; top:15px; text-align:center;
}
.countdown_section br { display:none; }

.countdown_section.mon { top:15px; left:25px; }
.countdown_section.day { top:15px; left:105px; }
.countdown_section.hou { top:80px; left:10px; }
.countdown_section.min { top:80px; left:66px; }
.countdown_section.sec { top:80px; left:121px; }

.countdown_section.mon span, .countdown_section.day span { width:40px; }
.countdown_section.hou span, .countdown_section.min span, .countdown_section.sec span { width:37px; font-size:16px; }
.cd-wrap h2 { margin-left:10px; }

#content-main-center .article-date { display:none; }
#content-main-center .object-list-sl .promoted-items li { width:760px; }
#content_bottom, #content-main { background-color:white; }

/** INSKIN **/
body { background-color: #000; }
/*
#page-wrap { margin-top:115px; }
.inskin-wrap .top-banner { position:absolute; top:0; width:1000px; height:115px; z-index:50001; } 
.inskin-wrap .top-banner img { width:1000px; height:115px; background:url(http://images2.khuddam.net/collections/images/k2_design/skins/ijtema/ijtema_top.jpg); }
.inskin-wrap .left-gutter { position:fixed; top:0; margin-left:-120px; width:120px; height:3630px; }
.inskin-wrap .left-gutter img { width:120px; height:3630px; background:url(http://images2.khuddam.net/collections/images/k2_design/skins/ijtema/ijtema_left.jpg) repeat-y; }
.inskin-wrap .right-gutter { position:fixed; top:0; margin-left:1000px; width:120px; height:3630px; }
.inskin-wrap .right-gutter img { width:120px; height:3630px; background:url(http://images2.khuddam.net/collections/images/k2_design/skins/ijtema/ijtema_right.jpg) repeat-y; }
#content-main-full { display:none; }
#body-wrap { background-color:white; }
.o51142 ul.tags { display:none; }
*/


#header { 
    background: url("http://images2.khuddam.net/collections/images/k2_design/Banner-v6.jpg") no-repeat scroll left top transparent; 
    position:relative;
}

#logo, #logo img { width: 520px; }
#header-custom { width:466px; float:right; }
#header-links { margin: 8px; }
#header-links img { -webkit-border-radius: 0 15px; -moz-border-radius: 0 15px; border-radius: 0 15px; }

#header-links .sites { position:absolute; margin:0; right:16px; bottom:0; height:35px; width:260px; }
#header-links .sites li { overflow:hidden; margin:10px 5px !important; width:auto !important; padding:0 !important; background:none !important; float:left; clear:none; }
#header-links .sites li a { width:20px; height:20px; padding:0; float:left; text-indent:-1000px;}
/*#header-links ul.sites li.alislam, ul.sites li.baitulfutuh, ul.sites li.atfal, ul.sites li.l4ah4n { margin:37px 4px 3px !important; }*/
#header-links .sites li.mkacc, #header-links .sites li.baitulfutuh { margin-left:0 !important; }

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



/** Affiliated Websites **/
#content-sidebar #country-websites ul li { background:none; margin-bottom:10px; }
.accessible { display: none; }
span.empty {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/bnnr_affiliated_left.gif") no-repeat scroll 0 0 transparent;
    height: 80px;
    width: 720px;
}
#container-header {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/bnnr_affiliated_right.jpg") no-repeat scroll 360px 50% transparent;
    height: 80px;
    margin: 0 0 20px;
    width: 720px;
}
#container-sidebar {
    float: right;
    width: 165px;
}
#country-websites {
    border-bottom: 3px solid #B3B3B3;
}
#country-websites h4 {
    background-color: #B3B3B3;
    color: #FFFFFF;
    margin: 0 0 0.7em;
    padding: 0.3em;
    text-align: center;
}
#country-websites .url {
    font-size: 0.8em;
    font-weight: normal;
    margin-left: 1em;
    margin-top: -2px;
}
#country-websites .url a:link, .url a:link, #country-websites url a:visited {
    color: #999999;
}
#country-websites a:hover {
    text-decoration: underline;
}
#container-main-content {
    float: left;
    width: 500px;
}
#intro p {
    color: #666666;
    margin: 0 0 15px;
}
.cap {
    background: none repeat scroll 0 0 #0F400F;
    border: 2px solid #598059;
    color: #FFFFFF;
    float: left;
    margin: 0.2em 0.2em 0 0;
    text-align: center;
    width: 1.2em;
}
#topic-sites div {
    border-bottom: 1px dotted #999999;
    margin: 0 0 20px;
    padding: 0 0 20px 130px;
    text-align: left;
    width: 450px;
    min-height:90px;
}
#topic-sites h2, #topic-sites span.empty {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/hdr-focus-websites.gif") no-repeat scroll 0 0 transparent;
    height: 19px;
    margin-top: 40px;
    width: 157px;
}
#topic-sites h4 {
    color: #4D2121;
    margin: 0 0.5em 0 0;
}
#topic-sites h4 a:hover, #topic-sites .url a {
    text-decoration: underline;
}
#topic-sites .url a {
    color: #999999;
    text-decoration: none;
}
#topic-sites p {
    margin: 0.1em 0 0;
}
div#ask-islam {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-ask-islam.gif") no-repeat scroll 10px 20px transparent;
    margin-top: 5px;
    padding-top: 20px;
}
div#muslimsforpeace {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-muslimsforpeace.png") no-repeat scroll 5px 5px transparent;
}
div#fadhl-i-umar {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-fadl-i-umar.gif") no-repeat scroll 5px 16px transparent;
}
div#islam-ahmadiyya {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-islam-ahmadiyya.gif") no-repeat scroll 20px 0 transparent;
}
div#jalsa {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-jalsa.gif") no-repeat scroll 44px -5px transparent;
}
div#mta {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-mta.jpg") no-repeat scroll 10px 10px transparent;
}
div#persecution {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-persecution.gif") no-repeat scroll 5px 5px transparent;
}
div#islamicfaq {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-islamicfaq.gif") no-repeat scroll 5px 5px transparent;
}
div#freecourse {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-free-islamic-course.png") no-repeat scroll 5px 5px transparent;
}
div#reviewofreligions {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-reviewofreligions.png") no-repeat scroll 5px 5px transparent;
}
div#loveforall {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-loveforall.png") no-repeat scroll 5px 5px transparent;
}
div#muslimsunrise {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-muslimsunrise.gif") no-repeat scroll 5px 5px transparent;
}
div#tahir {
    background: url("http://www.alislam.org/sitewide-images/affiliated-images/logo-tahir.gif") no-repeat scroll 5px 10px transparent;
    border-bottom: 0 solid #598059;
}

