body {
font-family:Tahoma;
font-size:12px
}

img {
    border-style: none;
    border-color: inherit;
    border-width: medium;
   
}

a {
text-decoration:none
}

/* Master Page */
.menuItemR {
background-image:url(../images/ButtonRight1.gif);
font-weight:700;
text-align:center;
width:150px
}

.menuItemR:hover {
background-image:url(../images/ButtonRight2.gif)
}

.menuItemM {
background-image:url(../images/ButtonMiddle1.gif);
color:#fff;
font-weight:700;
text-align:center;
width:150px
}

.menuItemM:hover {
background-image:url(../images/ButtonMiddle2.gif)
}

.menuItemMS {
background-image:url(../images/ButtonMiddle2.gif);
font-weight:700;
text-align:center;
width:150px
}

.menuItemL {
background-image:url(../images/ButtonLeft1.gif);
font-weight:700;
text-align:center;
width:150px
}

.menuItemL:hover {
background-image:url(../images/ButtonLeft2.gif)
}


.menuItemLS {
background-image:url(../images/ButtonLeft2.gif);
color:#fff;
font-weight:700;
text-align:center;
width:150px
}

.menuItem {
background-image:url(../images/green.jpg);
background-repeat:repeat;
color:#fff;
font-weight:700;
text-align:center;
width:137px;
}

.menuItem:hover {
background-image:url(../images/yellow.jpg);
}

.menuItemSolid
{
    background-image:url(../images/strip.jpg);
    height:23px;
    width:2px;
}

.menuItemS {
background-image:url(../images/yellow.jpg);
background-repeat:repeat;
font-weight:700;
text-align:center;
width:137px;
}

.DrYamaniPhoto {
background-image:url(../images/DrYamaniImg.png);
background-position:right bottom ;
background-repeat:no-repeat;
height:170px
}

.DrYamaniName {
background-image:url(../images/DrYamaniName.png);
background-position:left bottom;
background-repeat:no-repeat;
cursor:pointer;
padding-top:20px
}

/* Misc */
.GrayBackground {
background-color:#F1F1F1
}

.BreakLine {
background-color:#3FB59D;
height:10px
}

.BreakDiv {
height:10px
}

.More:Hover {
color:#000
}

.DisplayNone {
display:none
}

.YoutubePlayer {
height:240px;
width:240px
}

.LinkTitle a {
color:#106D4D;
font-size:11px
}

/* Defualt */
#mainContentLanding {
margin:50px auto 0;
padding-top:25px;
width:1000px
}

#mainContent {
margin:20px auto;
width:1000px
}

#menuLanding3 {
background-image:url(../../template/images/ButtonPanelBG.gif);
float:right;
height:500px;
margin:0 auto;
text-align:center;
width:220px
}

#menuLanding {
background-color:#171717;
height:30px;
line-height:30px;
margin:0 auto;
padding-right:140px;
text-align:center
}

#menuLanding2 {
background-color:#00120A;
height:30px;
line-height:30px;
margin:0;
padding:0;
text-align:center;
width:1000px
}

#menuLanding2 ul {
background-color:#00120A;
float:right;
list-style-type:none;
margin:0;
padding:0 165px 0 0;
text-align:center;
width:800px
}

#links {
float:left;
padding-left:120px;
padding-top:180px;
width:125px
}

#links a img {
padding-bottom:8px
}

.PowerdBy {
color:#616161;
}

.PowerdBy a {
color:#616161;
}
div.TransBox{
direction:rtl;
background-color:black;
opacity:0.5;
filter:alpha(opacity=50);
width:335px;
padding:10px 20px 10px 20px;
height:200px;
}
div.TransBoxA{
height:200px;
direction:rtl;
width:340px;
padding:10px 20px 10px 20px;
float:left;
margin-left:50px;
margin-top:170px;
}

#News {
background-color:#000;
direction:rtl;
float:left;
height:200px;
margin-left:150px;
margin-top:180px;
opacity:0.5px;
width:300px
}

#latest {
clear:both;
filter:alpha(opacity=100);
list-style-type:none;
opacity:1px !important;
position:relative;
top:-230px;
width:300px
}

#latest li {
filter:alpha(opacity=100);
opacity:1px;
padding-bottom:10px
}

#latest li a {
color:#FFF;
filter:alpha(opacity=100);
font-size:14px;
opacity:1px !important;
padding-bottom:10px;
text-decoration:none
}

.SiteLatestImg {
margin-top:10px
}

/* Archive */
.VidoLink {
color:#00825E;
font-family:Tahoma;
font-size:11pt;
text-decoration:none
}

.ImageLink {
color:#00825E;
font-family:Tahoma;
font-weight:700;
text-decoration:none
}

.SubjectLink {
background-repeat:no-repeat;
font-size:14px;
font-weight:700;
height:18px;
line-height:18px;
width:238px
}

.SubjectLink a {
color:gray;
text-decoration:none
}

.SubjectLink a:hover {
color:#00825E
}

.LectureMore {
color:#00825E;
text-decoration:none
}

.SubjectLinkS {
font-size:14px;
font-weight:700;
height:18px;
line-height:18px;
width:238px
}

.SubjectLinkS a {
color:#00825E;
height:18px;
line-height:18px;
text-decoration:none;
width:238px
}

.MiscArchiveDetails {
font-family:Tahoma;
font-size:13px
}

.Refernces {
color:#3FB59D;
font-size:14px;
font-weight:700;
padding:5px
}

.FullVideoArchive {
float:left;
}

/* Bio */
.BioSecondColumn {
border-color:gray;
border-right-style:solid;
border-left-style:solid;
border-width:1px
}

.LifeInfoTitle {
color:#158D64;
font-weight:700;
text-align:right
}

.BioLifeInfoImage {
padding:5px;
vertical-align:right
}

.LifeInfoDesc {
padding-left:5px;
padding-right:7px
}

.Comments {
color:#1BA581;
font-weight:700
}

#menuLanding ul {
background-color:#171717;
float:right;
list-style-type:none;
margin:0;
padding:0;
width:500px
}

#menuItems {
display:table-cell;
margin:0 auto;
padding-bottom:35px;
padding-left:20px;
padding-top:35px
}

#sepLanding {
display:block;
float:right;
width:30px
}

#mainLanding {
background-image:url(../images/LandingBG223.gif?11);  /* LandingPage-2018.jpg */
background-repeat:no-repeat;
height:610px;
width:1000px
}

.clear {
clear:both;
height:10px
}

.buttons,.control {
background:#33353C;
color:#FFF;
line-height:0;
padding:3px 10px;
text-decoration:none
}

.active {
background:#0C6;
color:#FFF
}

.buttons:hover,.control:hover {
background:#09F
}

.content {
float:left;
margin:0;
padding:0;
width:240px
}

#zoom {
margin-top:0 !important;
width:250px !important
}

.BioBookDetails {
padding-left:5px
}




/* JQuery */
.verticalslider {
background-color:#FFF;
float:right;
height:100%;
margin:0 auto;
overflow:hidden;
width:970px
}

/* Tabs */
.verticalslider_tabs {
background-color:#FFF;
float:right;
padding-top:20px
}

.verticalslider_tabs,.verticalslider_tabs li {
margin:0;
padding:0 5px 0 22px
}

.verticalslider_tabs li {
list-style-type:none
}

.verticalslider_tabs li a {
font-size:15px;
line-height:18px;
text-align:center
}

.verticalslider_tabs a:link,.verticalslider_tabs a:visited {
color:gray;
display:block;
font-size:15px;
height:18px;
text-align:center;
text-decoration:none;
width:200px
}

.verticalslider_tabs li:first-child a:link,.verticalslider_tabs li:first-child a:visited {
border-top:none;
height:20px
}

.verticalslider .arrow {
display:none;
height:60px;
margin-right:-20px;
margin-top:-55px;
width:27px;
z-index:970
}

/* Contents */
.verticalslider_contents {
background-color:#FFF;
color:#000;
display:inline;
float:left;
margin:0;
padding:0;
width:665px
}

.verticalslider_contents li {
background-color:#F1F1F1;
color:#000;
display:none;
list-style-type:none;
margin:0;
overflow:auto;
padding:0;
position:absolute;
width:665px
}

.verticalslider_contents li div h2 {
color:#000;
font-family:tahoma, "Times New Roman", Times, serif,;
font-size:15px;
margin:5px 20px;
padding:0
}

.verticalslider_contents li div p {
color:#000;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
margin:5px 20px;
padding:0
}

.verticalslider_contents .activeContent {
display:inline
}

/* Play Pause*/
.verticalslider .playPause a {
display:block;
height:60px;
position:absolute;
width:60px;
z-index:50
}

.verticalslider .play a:link,.verticalslider .play a:visited {
background:url(../images/plays.png) no-repeat 0 0;
display:none
}

.verticalslider .pause a:link,.verticalslider .pause a:visited {
background:url(../images/pauses.png) no-repeat 0 0
}

.verticalslider .pause a:hover,.verticalslider .pause a:active,.verticalslider .play a:hover,.verticalslider .play a:active {
background-position:0 -60px;
border-bottom:none
}

.sliderwrapper {
background:#FFF;
border:0 solid #179374;
border-bottom-width:6px;
height:800px;
overflow:hidden;
position:relative;
width:970px
}

.sliderwrapper .contentdiv {
-moz-opacity:1px;
background:#FFF;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
height:100%;
left:0;
opacity:1px;
padding-right:5px;
position:absolute;
top:0;
visibility:hidden;
width:970px
}

.pagination {
background-color:#FFF;
direction:rtl;
padding:5px 10px;
text-align:center;
width:950px
}

.pagination a {
background:#001F17;
color:gray;
padding:0 10px;
text-decoration:none
}

.pagination a:hover,.pagination a.selected {
background-color:#00825E;
color:#FFF
}

/* Causes */

.TheWillFlash {
float:left;
width:520px;
z-index:-1000000
}

.CausesHisWordsTable {
background-color:#FFF;
color:#000
}

.CausesHisWordsImage {
font-size:12px;
padding:5px;
text-align:right;
vertical-align:top
}

.CausesHisWordsDetails {
font-size:12px;
padding:0 5px 5px;
text-align:right;
vertical-align:top
}





/* LifeComplete */
.LifeCompleteDetails {
border-left-style:solid;
border-right-style:solid;
border-width:1px;
text-align:right;
vertical-align:top;
width:680px
}

/* LifeInfo */
.LifeInfoSecondColumn {
border-left-style:solid;
border-right-style:solid;
border-width:1px;
width:680px
}

.LifeInfoImage {
float:left;
margin:10px
}

.LifeInfoUL {
list-style-type:none;
margin:3px 0 0;
padding:0
}

.LifeInfoULli {
background-image:url('../images/NewsBullet.png');
background-position:right top;
background-repeat:no-repeat;
font-size:11px;
font-weight:700;
padding-right:20px
}

.LifeInfoULli a {
color:#106D4D;
font-size:12px;
text-decoration:none
}

.LifeInfoULli a:hover {
color:black;
}

/* News */
.NewsRepeater {
padding:10px 0 0 10px
}

.NewsRepeaterSecondColumn {
padding-right:5px;
vertical-align:middle
}

.NewsLatestNewsUL {
list-style:none;
margin:0;
padding:0 10px 0 0
}

.NewsSecondColumn {
background-color:#FFF;
border-left-style:solid;
border-right-style:solid;
border-width:0 1px 0 0;
text-align:right;
vertical-align:top;
width:680px
}

.FeaturedNewsRPTSecondColumn {
padding-right:5px
}

/* PageDetails */
.PageDetailsFirstColumn {
background-color:#FFF;
vertical-align:top;
width:240px
}

.PageDetailsSecondColumn {
background-color:#FFF;
border-color:gray;
border-left-style:solid;
border-right-style:solid;
border-width:1px;
text-align:right;
vertical-align:top;
width:720px
}

/* Publications */
.PublicationCatTitle {
color:#004841;
font-weight:700
}

.PublicationsSecondColumn {
background-color:#FFF;
border-color:gray;
border-left-style:solid;
border-right-style:solid;
border-width:1px;
text-align:right;
vertical-align:top;
width:720px
}

/* SiteLatest */
.SiteLatestLatestNewsUL {
list-style:none;
margin:0;
padding:0
}

.SiteLatestHonestWordUL {
background-color:#F1F1F1;
list-style:none;
margin:0;
padding:1px 10px 1px 0
}

.SitelatestNewsRPT {
padding-bottom:10px;
padding-top:10px
}

.SiteLatestSecondColumn {
border-left-style:solid;
border-right-style:solid;
border-width:1px;
text-align:right;
width:470px
}

.MagInterview {
padding-left:7px;
padding-right:10px;
text-align:right
}

.SiteLatestTopNews {
border-top:1px solid;
margin-top:10px;
padding-top:10px
}

.SiteLatestThirdColumn {
text-align:right;
vertical-align:top;
width:250px
}

/* TestimonialDetails */
.TestimonialDetailsSecondColumn {
border-color:gray;
border-left-style:solid;
border-right-style:solid;
border-width:1px
}

/* TheWill */
.TheWillSecondColumn {
border-color:gray;
border-left-style:solid;
border-right-style:solid;
border-width:0 1px 1px
}

/* TimeLine */
.TimeLineHugeTitle {
color:#179374;
font-size:18px;
font-weight:700
}

.TimeLineWill {
direction:rtl;
line-height:normal;
text-align:right
}

.TimeLineSaleHKamel {
float:left;
padding:5px
}

#dhtmltooltip {
background-image:url(../images/bg-boxs.png);
background-repeat:no-repeat;
color:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
font-family:tahoma;
height:85px;
padding-right:0;
position:absolute;
text-align:right;
visibility:hidden;
width:257px;
z-index:100
}

.popuplbl {
direction:rtl;
font-size:12px;
padding:5px
}

.tdUnselected {
background-image:url();
cursor:pointer
}

.tdUnselected:hover {
background-image:url(../images/rollover2.jpg)
}

/* VideoArchive */
.VideoTitle {
height:20px
}

.VideoImage {
height:200px;
width:200px
}

/* Visitors */
.VisitorsTitle {
color:#FFF;
font-size:18px;
font-weight:700
}

.VisitorName {
background-color:#F1F1F1;
border-top:1px solid #4B815F;
color:#4A8D64;
font-weight:700;
padding:10px
}

/* Testimonial */
.TestimonialFirstColumn {
background-color:#F1F1F1;
text-align:center;
vertical-align:top
}

.TestimonialSecondColumn {
padding:0 20px 20px;
text-align:right;
vertical-align:top;
width:720px
}

.TestimonialDetails {
padding:5px 25px 25px;
text-align:right
}

.TestimonialDetails p span {
color:gray;
font-family:Tahoma;
font-size:18px
}

.TestimonialDetails div {
color:gray;
font-size:11pt;
height:190px;
overflow:auto;
width:400px;
padding-right:10px;
}

.TestimonialImg {
width:300px
}

.TestimonialPagination {
direction:rtl;
height:150px;
overflow:hidden;
padding-right:90px;
text-align:center;
width:550px
}

.AhmadAsheImage {
float:left;
padding:10px
}

.AhmadAsheName {
color:Red
}

.Poetry {
font-weight:700;
padding-right:10px
}

/* ------------------------------------
 << BEGIN COPY                       
 ------------------------------------
 caption styling */
.caption-top,.caption-bottom {
background:#000;
border:0 solid #334143;
color:#fff;
cursor:default;
font-family:arial;
font-size:13px;
font-weight:700;
padding:1.2em;
text-shadow:1px 1px 0 #202020
}

.caption-top {
border-width:0 0 8px
}

.caption-bottom {
border-width:8px 0 0
}

.caption a,.caption a {
background:#000;
border:0 none;
padding:0.3em;
text-decoration:none
}

.caption a:hover,.caption a:hover {
background:#202020
}

.caption-wrapper {
float:left
}

br.c {
clear:both
}

/* ------------------------------------
 END COPY >>>                        
 ------------------------------------
 ignore the nonsense below, you don't need it for your projects 

    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.*/
#colorbox,#cboxOverlay,#cboxWrapper {
left:0;
overflow:hidden;
position:absolute;
top:0;
z-index:9999
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.*/
#cboxOverlay {
background:#000;
height:100%;
position:fixed;
width:100%
}

#cboxMiddleLeft,#cboxBottomLeft {
clear:left
}

#cboxContent {
margin-top:20px;
position:relative
}

#cboxLoadedContent {
background:#fff;
border:5px solid #000;
overflow:auto
}

#cboxTitle {
color:#ccc;
left:0;
margin:0;
position:absolute;
top:-20px
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
left:0;
position:absolute;
top:0;
width:100%
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
cursor:pointer
}

.cboxPhoto {
border:0;
display:block;
float:left;
margin:auto
}

.cboxIframe {
border:0;
display:block;
height:100%;
width:100%
}

#cboxError {
border:1px solid #ccc;
padding:50px
}

#cboxCurrent {
color:#ccc;
position:absolute;
right:0;
top:-20px
}

#cboxSlideshow {
color:#fff;
position:absolute;
right:90px;
top:-20px
}

#cboxPrevious {
background:url(../ColorBox/controls.png) no-repeat top left;
height:65px;
left:5px;
margin-top:-32px;
position:absolute;
text-indent:-9999px;
top:50%;
width:28px
}

#cboxPrevious.hover {
background-position:bottom left
}

#cboxNext {
background:url(../ColorBox/controls.png) no-repeat top right;
height:65px;
margin-top:-32px;
position:absolute;
right:5px;
text-indent:-9999px;
top:50%;
width:28px
}

#cboxNext.hover {
background-position:bottom right
}

#cboxLoadingOverlay {
background:#000
}

#cboxLoadingGraphic {
background:url(../ColorBox/loading.gif) no-repeat center center
}

#cboxClose {
background:url(../ColorBox/controls.png) no-repeat top center;
display:block;
height:19px;
position:absolute;
right:5px;
text-indent:-9999px;
top:5px;
width:38px
}

#cboxClose.hover {
background-position:bottom center
}

.VidoLink img {
border:none
}

.menuItemR a,.menuItemM a,.menuItemL a,.menuItem a {
color:#fff;
text-decoration:none
}

.menuItemR a:hover,.menuItemRS a,.menuItemM a:hover,.menuItemMS a,.menuItemL a:hover,.menuItemLS a,.menuItem a:hover,.menuItemS a {
color:#004841;
text-decoration:none
}

.menuItemR:hover a,.menuItemM:hover a,.menuItemL:hover a,.menuItem:hover a {
color:#004841
}

.menuItemRS,.menuItemRSTemp {
background-image:url(../images/ButtonRight2.gif);
font-weight:700;
text-align:center;
width:150px
}

.More,.RightHeader {
color:#0E5C41;
font-weight:700
}

.Title,.LinkTitle {
color:#158D64;
font-weight:700
}

.LinkTitle:hover,.LifeInfoLI a:hover {
color:#000;
text-decoration:none
}

#menuLanding2 ul li,#menuLanding ul li {
float:right;
list-style-type:none;
padding-left:20px
}

#menuLanding2 ul li a,#menuLanding ul li a {
color:#616161;
text-decoration:none
}

#menuLanding2 ul li a:hover,#menuLanding ul li a:hover {
color:#fff
}

#latest li a:hover,.NewsLink:hover,.SiteLatestLatestNewsUL li a:hover,.SiteLatestHonestWordUL li a:hover {
color:#158D64
}

#sliderMain,#sliderMain2 {
margin:0 auto;
width:240px
}

.buttonsWrap,.buttonsWrap2 {
float:right;
margin:11px 15px 0 0
}

#ContentPlaceHolder1_Repeater1 tbody tr td,.NewsRepeater table tr td,.MagazineInterviews tr td {
vertical-align:top
}

.BioBookImage,.verticalslider_tabs .activeTab a:hover,.verticalslider_tabs .activeTab a:active {
text-align:center
}

.verticalslider_tabs a:hover,.verticalslider_tabs a:active,.verticalslider_tabs .activeTab a:link,.verticalslider_tabs .activeTab a:visited {
background-color:#fcfcfc;
color:#000;
text-align:center
}

.CausesTitle,.CommentDetails {
padding:5px
}

.CausesDetails,.TestimonialDetails p {
text-align:right
}

.NewsRepeaterFirstColumn,.FeaturedNewsRPTFirstColumn {
width:60px
}

.NewsLatestNewsUL li,.SiteLatestLatestNewsUL li,.SiteLatestHonestWordUL li {
background-image:url('../images/NewsBullet.png');
background-position:right top;
background-repeat:no-repeat;
padding-right:20px;

}

.NewsLatestNewsUL li a {
color:Black;
}

.NewsLatestNewsUL li a:hover {
color:#3FB59D;
}
.NewsLink,.SiteLatestLatestNewsUL li a,.SiteLatestHonestWordUL li a {
color:#000;
font-size:12px;
text-decoration:none
}

.MakkahImagesGallery {
	float:right;
	width:220px;
}

.QuraanImage
{
    float:left;
    width:220px;
    margin-left:1px;
}

.MakkahBook {
	background-image:url('../Images/Books-Parts.jpg');
	background-repeat:no-repeat;
	width:440px;
	height:182px;
	border:1px solid #b3b3b3;
	float:right;
}

.MakkahbookList
{
    width:80px;
    margin-right:239px;
    padding-top:35px;
    text-align:right;
}

.MakkahBook div a 
{
    text-decoration:none;
    color:Black;
    font-size:11px;
    line-height:21px;
    font-weight:bold;
}
.MakkahBook div a:hover {
    color:#3FB59D;
}



.socialBar ul
{
    text-decoration:none;
    list-style-type: none;   
    float: left;
    padding: 0px;
    margin: 0px;   
    border-right: 1px solid #DFDFDF;
}

.socialBar ul li
{
    float:left;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef));
    background: -moz-linear-gradient(top, #fff, #efefef);
    background-image:-ms-linear-gradient(rgb(255, 255, 255), rgb(239, 239, 239));
    height: 20px;
    width: 75px;
    border: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #fff;
    padding:10px;
    }
 
 
 #timeline
        {
            text-align: left;
            width: 960px;
            height: 420px;
            overflow: hidden;
            margin: 15px auto;
            position: relative;
            background: url('../images/timeline/dot.gif') left 45px repeat-x;
        }
        #dates
        {
            width: 800px;
            height: 60px;
            overflow: hidden;
            text-align: left;
            float: left;
            padding:10px 0 0 0 ;
            margin:0;
        }
        #dates li
        {
            text-align: left;
            float: left;
            list-style: none;
            width: 120px;
            height: 50px;
            font-size: 19px;
            text-align: center;
            background: url('../images/timeline/biggerdot.png') center bottom no-repeat;
        }
        #dates a
        {
            line-height: 38px;
            padding-bottom: 10px;
            color: #000;
            font-weight:bold;
        }
        #dates .selected
        {
            color: #fff;
            line-height:31px;
            font-size: 40px;
            text-shadow:#4D4D4B 1px 1px 2px;
        }
        #issues
        {
            width: 800px;
            text-align: left;
            float: left;
            height: 350px;
            overflow: hidden;
        }
        #issues li
        {
            width: 890px;
            text-align: left;
            float: left;
            height: 350px;
            list-style: none;
            float: left;
        }
        #issues li.selected img
        {
            text-align: left;
            float: left;
            -webkit-transform: scale(1.1,1.1);
            -moz-transform: scale(1.1,1.1);
            -o-transform: scale(1.1,1.1);
            -ms-transform: scale(1.1,1.1);
            transform: scale(1.1,1.1);
        }
        #issues li img
        {
            float: left;
            text-align: left;
            float: left;
            margin: 10px 30px 10px 50px;
            background: transparent;
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE 6 & 7 */
            zoom: 1;
            -webkit-transition: all 2s ease-in-out;
            -moz-transition: all 2s ease-in-out;
            -o-transition: all 2s ease-in-out;
            -ms-transition: all 2s ease-in-out;
            transition: all 2s ease-in-out;
            -webkit-transform: scale(0.7,0.7);
            -moz-transform: scale(0.7,0.7);
            -o-transform: scale(0.7,0.7);
            -ms-transform: scale(0.7,0.7);
            transform: scale(0.7,0.7);
        }
        #issues li h1
        {
            color: #fff;
            font-size: 48px;
            text-align: left;
            float: right;
            margin: 20px 10px;
            text-shadow: #000 1px 1px 2px;
        }
        #issues li p
        {
            font-size: 14px;
            text-align: right;
            margin-left: 70px;
            font-weight: normal;
        }
        #grad_left, #grad_right
        {
            width: 50px;
            height: 350px;
            text-align: left;
            float: left;
            position: absolute;
            top: 80px;
        }
        #grad_left
        {
            left: 0;
            /*background: url('../template/images/timeline/grad_left.png') repeat-y;*/
        }
        #grad_right
        {
            right: 0;
            /*background: url('../template/images/timeline/grad_right.png') repeat-y;*/
        }
        #next, #prev
        {
            position: absolute;
            top: 0;
            font-size: 70px;
            top: 220px;
            width: 26px;
            height: 38px;
            background-position: 0 0;
            background-repeat: no-repeat;
            text-indent: -9999px;
            overflow: hidden;
        }
        #next:hover, #prev:hover
        {
            
        }
        #next
        {
            right:10px;
            background-image: url('../images/timeline/arrow-right-2.png');
        }
        #prev
        {
            left: 10px;
            background-image: url('../images/timeline/arrow-left-2.png');
        }
        #next.disabled, #prev.disabled
        {
            opacity: 0.2;
        }
        
        .SpanTitle
        {
            color:rgb(23, 147, 116);   
            
        }
        
        .SpanTitle p
        {
            font-size:18px !important;
        }