/**
 * GT Design Styles    
 **/

/** @GLOBAL Styles **/

body {
    background: #E4F5FC url(http://images.khuddam.net/collections/files/mkacc/bg.jpg) no-repeat top center; 
    margin-top:0; font-family:Tahoma,Verdana,Geneva;; font-size:12px;
    color:#042EB8;
}

h1, h2, h3, h4, p, td, li { font-family:Tahoma,Verdana,Geneva; color: #000; }

#page-border { border:0; }

#content-main-dynamic p { padding-right:10px; }
.article-wrap { margin-right:5px; float:left; width:100%; }

/** @SITE NAV **/
#sitenav-wrap {
    background:#C1272D url(http://images.khuddam.net/collections/images/mkacc/MKACC_NavBar_v2.bmp) no-repeat scroll -1px 0;
    border:0; padding:0;
}
#sitenav-wrap #sitenav {
    margin:0; display: block; height: 30px;
    font-family:Arial,sans-serif; font-size:11px; font-weight:bold; color: white;
    background-color:transparent;
}

#header-wrap, #sitenav {overflow:visible;} 

#sitenav ul { 
    list-style-image:none; list-style-position:outside; list-style-type:none; 
    margin:0; padding: 0 0 0 20px; z-index:101;
    letter-spacing:0px; line-height:30px; 
}
#sitenav ul li { float:left; padding:0; border:0; }
#sitenav ul li#opt_0 { border-left: 1px solid #5357aa; }

#sitenav ul li a { text-decoration:none; border-right: 2px solid #990000; margin:5px 1px !important; line-height:20px; }
#sitenav .level1 ul li a { color:white; }


/** DROPDOWN MENU **/


#nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; }
#nav a:link, #nav a:active, #nav a:visited{
	display:block; padding:0px 10px; color:#fff; text-decoration:none; margin: 0 1px;
}

#nav a:hover{ background-color:#F1575D; color:#000; }

#nav li{ float:left; position:relative; }
#nav ul { 
	position:absolute; top:30px; display:none; color:#000; border:1px solid #990000; border-top:none; line-height:25px;
	background-color:#C1272D; padding-bottom: 1px;
}
#nav li ul a{ width:175px; float:left; color:#000; border:0; }
#nav ul ul{ top:auto; }	
#nav li ul ul { left:175px; margin:0px 0 0 10px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }




#body-wrap { 
    border-left:1px solid white; width:auto; 
    border-right:1px solid white;
}
#content-main { width:998px; }
#content-main-top, #content-main-bottom { width:730px; }
#content-main-dynamic { width:970px }

/** HOME PAGE **/
body.mkacc2 #content-main-dynamic { width:auto; }
body.mkacc2 #content-main-dynamic.home { 
    border-bottom:1px dashed #C8C8C8; border-right:1px dashed #C8C8C8;
    color:#990000;    float:left; padding:8px 4px;
    text-align:center; width:150px; overflow:hidden;
}

#content-main-wrap { padding: 10px 10px 5px 10px; float:left; }

/** RELATED COL **/
#popular-courses {
	background: transparent url(http://images.jannat.net/collections/images/gt/most-popular.png) no-repeat scroll 0 0;
	color: white; float:left; margin: 0 0 5px;
}
#popular-courses h3 { margin:15px 15px 0px; padding:0 0 3px; border-bottom:1px solid #9b9edd;}
#popular-courses ul { margin: 10px 15px; }
#popular-courses ul li { 
	font-size:11px; margin:3px 10px; 
	list-style-image:url(http://images.jannat.net/collections/images/gt/arrow.png); 
}

#related-col img { margin-bottom:5px; }

/** FOOTER **/
#footer-links h2 {display:none;}
#footer-links ul { margin: 5px 10px; }
#footer-links li { float:left; padding:0px 10px; border-right: 1px solid #353B41; }
#footer-links li.itm_0 { border-left: 1px solid #353B41; }
#footer-links a { text-decration:none; font-weight:bold; color:#353B41; }
#footer-links a:hover { color:#042EB8; }


/** FOOTER-DYNAMIC **/
#footer-dynamic h2 { display:none; }
#footer-dynamic p { margin:0; padding:0;}
#footer-dynamic ul { margin:6px; float:left; }
#footer-dynamic li { float:left; margin:3px; }
#footer-dynamic a img { border-color:white; height:65px; width:auto; }
#footer-dynamic a:hover img { border-color:#CECECE; }
#footer-dynamic .description {display:none;}


/** FOOTER NEWS **/
#footer-news .object-list-sl { padding: 5px 10px; }
#footer-news h2 { 
    width:120px; height:25px; float:right; margin-top:45px;
    background:transparent url(http://images.jannat.net/collections/images/gt/blue-button.png) no-repeat scroll 0 0; 
    color:white; padding:2px 0 0 5px;
}
#footer-news h2 a { float:left; width:100%; height:100%; color:white; padding:3px 10px; font-size:12px; }


#footer-news ul { float:left; width:300px; margin-top:2px; }
#footer-news ul li { 
	background:transparent url(http://images.jannat.net/collections/images/gt/headline-gradient.png) repeat-y scroll 0 0;
	height: 22px; margin-bottom:2px; float:left; width:100%;
}
#footer-news ul li h3 { 
	padding:6px 12px; margin:0 10px; float:left; 
	background: transparent url(http://images.jannat.net/collections/images/gt/bullet.png) no-repeat scroll 0 10px; 
}

#footer-news ul li h3 a { font-size:9px; line-height:11px; height:11px; float:left; margin:0; padding:0; overflow:hidden; }

#footer-news a { color:#353B41; }


/** FOOTER COPYRIGHT **/
#footer-copyright p { color:white; margin: 6px; }
#footer-copyright a, #footer-copyright:visited { color:#006699; }


/** CHANNEL PAGES **/
#content-main-cols-wrap { padding: 10px 20px 5px 20px; float:left; }
#cols-wrap-0, #cols-wrap-1, #cols-wrap-2, #cols-wrap-3 { float:left }
#cols-wrap-1, #cols-wrap-2, #cols-wrap-3 { padding-left:32px; }

#list-col-0, #list-col-1, #list-col-2, #list-col-3 { width:216px; overflow:hidden; }


/** List Styles **/
#content-main-cols-wrap h2 {
	background:transparent url(http://images.jannat.net/collections/images/gt/heading-bg-1.png) no-repeat scroll 0 0;
	float:left; height:95px; margin-bottom:15px; width:100%; color:white; font-size:15px; padding:15px 20px 0; margin:0;
}

#content-main-cols-wrap li {
	background:transparent url(http://images.jannat.net/collections/images/gt/blue-button-large.png) no-repeat scroll 0 0;
	float:left; height:32px; margin-bottom:5px; width:100%;
}

#content-main-cols-wrap li h3 { margin:0; }

#content-main-cols-wrap li a {
	color:white; font-size:13px; margin:7px 12px; font-weight:bold; float:left; line-height:15px;
	width:80%;  overflow:hidden; height:15px;
}



#body-wrap, #header-wrap, #header, #footer-wrap { padding: 0pt; margin: 0pt; text-align: left; }


#wrap-15 {
    margin:15px;
}

ul {list-style:none; margin:0; padding:0;}

hr { border-bottom:1px solid #CCFF99; border-top:1px solid #003366; }

a, a:visited { color:#990000; text-decoration:none; }
a:hover, a:focus { color:#000000; text-decoration:underline;}

td, p { 
    font-size:12px; font-weight:normal; line-height:14px; 
}
td { line-height:13px; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#003366;}
h1, #content-main-dynamic h1 { font-size:22px; line-height:26px; }
h2, #content-main-dynamic h2 { font-size:18px; line-height:18px; }
h3 { font-size:15px; line-height:14px; }

.wrap-5px { display: block; margin:5px; }

#sidebar { 
    border: 1px solid #CECECE; 
    background:#e4e8eb url(http://images.khuddam.org.uk/collections/images/k2_design/sidebar_grad.jpg) repeat-x scroll left top;
    margin-bottom:-32767px; padding-bottom:32767px;
}


#content-main-full { 
    background-color:#E7ECF0; border: 1px solid #CECECE; 
    padding: 10px; margin: 10px 0;
}

.verticalalign { bottom:0; height:1px; position:absolute; border-bottom:1px solid #CECECE; }

/** @LOGO **/
#header { background:transparent url(http://images.khuddam.net/collections/images/mkacc/site_header.jpg) no-repeat scroll left top; position:relative; }
#logo span {display: none;}
#logo h1 {margin: 0;}

#header, #header #logo, #header #logo img { width:1000px; height:419px; }


#content-head {
    background:#E4E8EB url(http://images.khuddam.org.uk/collections/images/k2_design/sidebar_grad.jpg) repeat-x scroll left top; 
    border-color:#CECECE; border-width:0 1px; border-style:solid;
    width: 100%;
}

#header-custom { position:absolute; left:730px; top:185px; }

/** ticker **/
.news-ticker {
    margin:0; display: block; font-family:Arial,Helvetica,sans-serif; 
}
.news-ticker h2 { display: none; }

.news-ticker .ticker-item { 
    display:block; height:20px; padding:5px 5px 3px 9px;
    margin: 0px 5px 0px 0px; line-height:20px; font-size: 8pt; 
}



/** @HOMEPAGE **/
#calender { 
    border: 1px solid #CECECE; padding: 10px 0 0; 
    background: #E8E8E8;
}

#calender h2 { margin: 10px; text-align: center; color:#666666; font-size:12px; font-weight: normal; }
#khuddam-intro {
    background:transparent url(http://images.khuddam.org.uk/collections/images/k2_design/p_block.jpg) no-repeat scroll left top;
    text-align: center; display: block; height:79px;
}

#khuddam-intro h1 { color: #636363; padding: 5px 0 5px 0; margin: 0; }
#khuddam-intro p { 
    color:#636363; padding:0 5px; margin:0; line-height:13px; font-size:9px;
}


#content-main-full .content-box-wrap { display: block; }

#content-main-sll-wrap { 
    background:#687385 url(http://images.khuddam.org.uk/collections/images/k2_design/bottoms-tab-l.gif) repeat-x; 
    margin-bottom:-32767px; padding-bottom:32767px;
}
#content-main-slr-wrap { 
    background:#687385 url(http://images.khuddam.org.uk/collections/images/k2_design/bottoms-tab-r.gif) repeat-y; 
    margin-bottom:-32767px; padding-bottom:32767px;
}
#content-main-sll, #content-main-slr { display:block; margin:10px; color:#CCCCCC;}
#content-main-bottom h2, #content-main-side h2 {
    background:transparent url(http://images.khuddam.org.uk/collections/images/k2_design/pfeil7.gif) no-repeat scroll -1px 6px;
    padding-left: 10px; font-size:12px;
}

#content-main-bottom ul, #content-main-side ul {
    margin-left:20px; list-style-type:circle;
}

#content-main-bottom h3.article-headline, 
#content-main-side h3.article-headline {
    font-size:11px; font-weight:normal; margin: 5px 0;
}

#content-main-bottom a, #content-main-bottom h2 {color:#EEEEEE;}

#content-main-side .object-list-sl {
    border: 1px solid #CECECE; background-color:#ECECEC;
    padding:0 5px 5px 5px; margin-bottom: 10px;
}

/** SIDE BAR **/
#sidebar { color:#666666; font-size:12px; letter-spacing:0.2em; }
#sidebar ul { 
    list-style-image:none; list-style-position:outside; 
    list-style-type:none; margin:0pt; padding: 0px 0px 0px 10px; 
    letter-spacing:1px; line-height:30px; 
}
#sidebar ul li a { 
    color: #003366; text-decoration:none; 
    border-bottom: 1px solid #e3e3e3;
    display: block; width: 100%; height: 30px;
}
#sidebar ul li a:hover { color: #FF6600; text-decoration:none; }
#sidebar .object-list h2 {padding-left:10px;}
#sidebar .object-list li { margin: 0; }
#sidebar .object-list { border:0; margin:0 0 20px 0; padding:0; width: 100%; }

/** @Article **/
/** teaser **/
.article-teaser { display: block; float:left; margin: 0px; padding:0px; }
.article-teaser .image { float:left; margin-top:15px; }
.article-teaser .body { 
    background:transparent url(http://images.khuddam.org.uk/collections/images/k2_design/article_teaser_bg.jpg) no-repeat scroll left top;
    display:block; padding-left: 10px; text-align:justify;
}
.article-teaser h2 { float: right; margin-top: 0; font-size:11px; }

.article-teaser a, .article-headline a {text-decoration:none; }
h3.article-headline {font-size:0.75em; line-height:1.2em;}

.article-teaser.event {margin: 5px 0;}
.article-teaser.event .image { margin-top:5px; }
.article-teaser.event h2 { float:none; margin:5px 0; font-size:11px; }
.article-teaser.event p { margin-top:0px; }
/** full **/
.article-wrap .main-image { 
    float: right; margin: 5px 0px 5px 5px; padding: 5px;
    border: 1px solid #CECECE;
}
.article-wrap p { text-align:justify; }

/** Object List **/
.object-list-k2hl { display:block; text-align:center; width:100%; }
.object-list-k2hl h2 { 
    font-size:12px; font-weight:bold; padding:0 5px 0 0; 
    color:#666666; margin: 0; display: inline;
}
.object-list-k2hl ul, .object-list-k2hl ul li { display: inline; }

/* PAGINATION */
.pagination { 
    display:block; clear:both; margin:10px 0; padding: 5px;
    background-color:#E7ECF0; border:1px solid #CECECE;
    float:left; width:100%;
}
.pagination .p-showing, .pagination .p-pages {
    font-size:10px; font-weight:bolder; padding: 0px; display: block;
}

.pagination .p-showing { float:left; }
.pagination .p-pages { float:right; }
.pagination ul, .pagination li {display:inline;}
.pagination li {margin-left:5px;}

/** Story List **/
.object-list-sl li {clear:both;}
#content-main-dynamic object-list-sl h2 { display:none;}
#content-main-dynamic .article-teaser h1, #content-main-dynamic .article-teaser h2 {
    margin:0 0 2px 0; font-size:15px; line-height:20px; font-weight:bold;
}
#content-main-dynamic .teaser-image {
    border: 1px solid #CECECE;
    padding: 2px; margin-right: 5px;
}
#content-main-dynamic p { margin-top: 0; line-height:16px;}
#content-main-dynamic .article-teaser { display:block; clear:both; margin-bottom:5px; width:100%; }
.article-headline a { color:#FF0000 }




/** LIST CODA SLIDER **/
#slider .navigation {display:none;}
#slider .scrollButtons.left {position:absolute; top:38px; z-index:101; left:3px; }
#slider .scrollButtons.right {position:absolute; top:38px; left:514px; z-index:101;}
#slider { width: 534px; margin: 0 auto; position: relative; display:block; float:left; }
.scroll { height: 73px; width: 522px; overflow: hidden; position: relative; /* fix for IE to respect overflow */ clear: left; }
.scrollContainer div.panel { height: 73px; width: 522px; /* change to 560px if not using JS to remove rh.scroll */ }


#breadcrumb { display:block; clear:both; margin:0 0 10px 0; padding:0; background-color:#E5E5E5; border:1px solid #CECECE; float:left; width:100%; }
#breadcrumb ul, .ss-breadcrumb ul { padding: 10px; float:left; }
#breadcrumb ul li, .ss-breadcrumb ul li { float: left; }
#breadcrumb ul li.current { clear:both; }
#breadcrumb h1 { margin:5px 0 0; }
#breadcrumb ul li a, #breadcrumb ul li a:visited, .ss-breadcrumb ul li a, .ss-breadcrumb ul li a:visited { color: #990000; }
#breadcrumb ul li.crumb, .ss-breadcrumb ul li.crumb { 
	background:transparent url(http://images.khuddam.org.uk/collections/images/k2_design/i_arr_blue.gif) no-repeat scroll 100% 60%;
	margin-right:5px; padding-right:10px;
}

.article-teaser img {border:0;}


/** OVRWRIDES **/
#content-main-dynamic.channel .article-wrap .headline { display:none; }
#content-main-dynamic.channel .article-wrap .article-date { display:none; }

#content-main-dynamic.channel .article-wrap ul { 
    list-style-type:disc; padding-left:30px; 
}

#header-links { margin-left:10px; color:black; }
#header-links ul li, #header-links ul li.alislam, 
#header-links ul li.gen-site {  
    float:left; list-style-type:disc !important; margin:0 0 0 20px; 
    padding:0; width:105px; background:transparent none;
    list-style-position:outside;
}
#header-links h2 {margin: 5px 0 2px; font-size:12px; color:black; font-weight:bold; line-height:17px; }


body.charities #content-main-dynamic .object-list h2 {display:none;}
.ss-info a { font-weight: bold; }

#footer-content, #footer-links { display:none; }
#footer-copyright { background:transparent none; height:275px;  }
#footer-copyright p { color:#003366; font-size:10px; }
body.mkacc2 #related-col {width:800px;}

#h_th { position:absolute; left:-440px; top:130px; width:400px; }
#thermo_key { float:left; border:1px solid white; 
    position:relative; height:75px; width:185px; }
#thermo_key div { position:absolute; height:75px; width:185px; }
#thermo_key #bg { background:white; opacity:0.3; filter: alpha(opacity = 30);}
#thermo_key a { width: 12px; height: 12px; border: 1px solid black; margin-right:5px; }

#thermo_key p { margin:0; padding: 8px 0 0 10px; z-index:101; }
#h_th #promisesBar { background-color:blue; height:7px; left:43px; position:relative; top:-34px; width:69px; }
#h_th #collectionBar { background-color:red; height:7px; left:43px; position:relative; top:-41px; width:0; }

#footer-copyright div { clear:both; }

.mkacc2.index .object-list-sl { 
    border-right:1px dashed #C8C8C8; float:left; margin-right:0;
    padding-right:10px; width:610px;
}
.mkacc2.index .object-list-sl h1 { margin:0 0 5px 0; }
.mkacc2.index .object-list-sl p { margin:5px 0; }
.mkacc2.index .object-list-sl .teaser-image { 
    padding:3px; border:1px dotted #C8C8C8;
    margin-right:5px; 
}
.mkacc2.index .object-list-sl .article-teaser { 
    padding: 5px 0; margin-bottom:5px; border-bottom:1px dashed #C8C8C8; 
}

ul.tags {display:none;}